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


/************************** popup **********************************************************************************************************************************/
/* The Modal (background) */
.modal { display:none; position:fixed; z-index:9999; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:all 0.3s; -webkit-backdrop-filter: blur(5px); backdrop-filter:blur(5px);}
.modal.open { display:block; animation:fadeIn 0.3s both;}

/* Modal Content/Box */
.modal_wrap { width:100%; height:100%; color:#000; line-height:1.7em; display:flex; justify-content:center; align-items:center;}
.modal_box { max-height:calc(100% - 3em); max-width:calc(100% - 3em); display:none; background:#fff; width:50%; border-radius:15px;}
.modal.open .modal_box { display:block; animation:fadeUp 0.3s both;}
.modal:has(.modal-wide) .modal_box { max-height:100%; max-width:100%; }

.modal_title { width:100%; height:60px; display:flex; border-bottom:1px solid #e5e9ed; justify-content:space-between; align-items:center; font-weight:600; padding:0 10px 0 20px; }
.modal_title h3 { text-align: left; color: #000; font-size:1.1em !important; margin-bottom:0 !important; font-weight:600;}
.modal_content { padding:20px 20px; box-sizing:border-box; width:100%; height:calc(100% - 60px); overflow-y:auto; overflow-x:hidden;}
.modal_content_full { padding:20px 20px; box-sizing:border-box; width:100%; height:calc(100% - 60px); overflow-y:auto; overflow-x:hidden;}
.modal_bottom { padding:10px; height:65px; border-top:1px solid #ebeff3; display:flex; align-items:center; justify-content:space-between; position:relative; }
.modal_bottom .btn_s { padding:0 20px; font-size:15px; height:43px; border-radius:7px; }
.modal_bottom .pagination { top:50%; transform:translate(-50%,-50%); }
.modal_bottom .pagination li a { min-width:24px; height:24px; line-height:24px; }
.modal_bottom .pagination .first, .modal_bottom .pagination .last { font-size:10px; }
.modal_bottom .pagination .next, .modal_bottom .pagination .prev { font-size:12px; }
.header_none .modal_content { height:calc(100% - 57px); }
.modal_box:has(.modal_bottom) .modal_content { height:calc(100% - 125px); }
/* The Close Button */
.modal_box .btn_close { width:40px; height:40px; display:inline-block; transition:all 0.3s;}
.modal_box .btn_close_wrap .btn_close { position:absolute;}

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

.modal_content .table_list th,
.modal_content .table_list td { padding:10px 0; font-size:14px; font-weight:600; border-bottom:1px solid #ededed; vertical-align:middle; text-align:center; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.tab_wrap .modal_content .tab_content { padding-top:0; }

.modal .board_top { margin:0 0 10px; flex-direction:row; }
.modal .board_top .total { font-size:14px; }

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

.modal_title:has(.tabs) { border-bottom:1px solid #cbd6e1; padding:0px 10px 0 13px; }
.tab_wrap .modal_title .tabs { height:45px; border-bottom:none; transform: translateY(8px); }
.tab_wrap .modal_title .tabs li { height:45px; }

.tab_content .table_list th { padding:16px 0; }
.tab_content .table_list td { padding:25px 0; }

.modal:has(.modal-wide) .modal_content:has(.tab_wrap) { padding:0; font-size:18px; line-height:2em; text-align:justify; }
.modal:has(.modal-wide) .tab_wrap { position:relative; }
.modal:has(.modal-wide) .tab_wrap .tabs.sticky { position:sticky; top:0; z-index:1; }
.modal:has(.modal-wide) .tab_wrap .line_tabs { border-bottom:1px solid #ededed; background:#f4f4f4; padding:15px 0 10px; height:auto; gap:5px; }
.modal:has(.modal-wide) .tab_wrap .line_tabs li { height:auto; }
.modal:has(.modal-wide) .tab_wrap .line_tabs li a { padding:10px 15px; border-radius:50px; background:#fff; border:1px solid #ddd; font-size:15px; color:#000; }
.modal:has(.modal-wide) .tab_wrap .line_tabs li.active a { background:var(--mainblue); color:#fff; border:none; }
.modal:has(.modal-wide) .tab_wrap .tab_content { padding:2em 0 3em; animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); }

html:has(.open .modal-wide) { overflow:hidden; }
.modal:has(.modal-wide) .modal_box { width:100% !important; height:100% !important; border-radius:0; font-size:17px; background:#f4f4f4; }
.modal:has(.modal-wide) .modal_box .line_tabs { border-bottom:1px solid #ddd; }
.modal-wide { width:100%; height:100%; }
.modal-wide .modal_title { padding:0px 30px; height:80px; background:#000; border-bottom:none; position:relative; z-index:2; }
.modal-wide .modal_title h3 { font-size:25px !important; line-height:1em; display:flex; align-items:center; gap:15px; color:#fff; margin-bottom:0; }
.modal-wide .modal_title h3 span { font-size:15px; line-height:1em; font-weight:500; font-family:'N-SquareNeo', sans-serif; }
.modal-wide .btn_close { color:#fff; }
.modal-wide .modal_content { padding:0; outline:none; height:calc(100% - 80px); overflow-y:auto; scroll-behavior:smooth;}
.modal-wide .modal_content .article_wrap { padding:4em !important; margin-bottom:1em; background:#fff; border-radius:30px; }
.modal-wide .modal_content .article_wrap.thin { padding:2em !important; }
.modal-wide .modal_content .article_wrap .text p:last-of-type { margin-bottom:0; }
.modal-wide .modal_content .article_wrap p { margin-bottom:26px; line-height:2em; }
.modal-wide .modal_content .article_wrap p br { line-height:1em; }
.modal-wide .modal_content .article_wrap h2,
.modal-wide .modal_content .article_wrap h3,
.modal-wide .modal_content .article_wrap h4,
.modal-wide .modal_content .article_wrap h5 { font-family: 'N-SquareNeo', sans-serif; font-weight:800; }
.modal-wide .modal_content .article_wrap h4 { font-size:1.5em; display:flex; align-items:center; gap:7px; margin-bottom:20px; color:#000; font-weight:900; }
.modal-wide .modal_content .article_wrap h4::before { content:""; width:10px; height:10px; display:block; border:5px solid var(--mainblue); border-bottom:5px solid var(--mainlight); border-left:5px solid var(--mainlight); }
.modal-wide .modal_content .article_wrap h5 { font-size:1.3em; margin-bottom:13px; }
.modal-wide .modal_content .article_wrap h5 .small { font-size:15px; font-weight: 600;}
.modal-wide .modal_content .article_wrap .article { padding:3em 0 0; }
.modal-wide .modal_content .article_wrap:last-of-type .text_wrap { border-bottom:1px solid #ededed; }
.modal-wide .modal_content .article_wrap .article:first-of-type { padding-top:0; }
.modal-wide .modal_content .article_wrap .article:last-of-type .text_wrap { padding-bottom:0;border-bottom:none; }
.modal-wide .modal_content .article_wrap .article .text_wrap { padding-bottom:3em; width:calc(100% - 300px); }
.modal-wide .modal_content .article_wrap .article .text_wrap *:not(td, th ,img):last-child { margin-bottom:0; padding-bottom:0; }
.modal-wide .modal_content .article_wrap .article h5 { position:sticky; top:100px; width:250px; text-align:left;}
.modal-wide .modal_content .article_wrap:last-of-type { padding-bottom:0; }
.modal-wide .modal_content .article_wrap .left_menu_content_detail > ul > li h5 { font-size:18px; font-weight:700; margin:0 0 5px; position:static; }
.modal-wide .modal_content .article_wrap strong { font-weight:800; display:block; }
.modal-wide .modal_content .article_wrap td dl { margin-bottom:20px; }
.modal-wide .modal_content .article_wrap td dl dt::before { content:""; width:5px; height:5px; float:left; margin:7px 5px 0 0; border-radius:50px; display:block; border:3px solid #000; }
.modal-wide .modal_content .article_wrap td dl:last-of-type { margin-bottom:0; }
.modal-wide .modal_content .article_wrap .dl_wrap { display:flex; flex-direction:column; gap:30px; }
.modal-wide .modal_content .article_wrap .dl_wrap dl dt { margin-bottom:5px; }
.modal-wide .modal_content .article_wrap .article .text.short { margin-bottom:3em; }
.modal-wide .modal_content .article_wrap .article .text_wrap .text:last-of-type { margin-bottom:0 !important; }
.modal-wide .modal_content .article_wrap .flex h4 { margin-bottom:0; }
.notice_box { width:100%; min-height:180px; max-height:300px; border:1px solid #fff; border-radius:15px; overflow-y:auto; padding:2em; font-size:1em; line-height:2em; font-weight:400;}
.notice_box[readonly] { background:#f9f9f9 !important;  border-color:#fff !important; }
.modal-wide .modal_content .accordion { border-top:none; }
.modal-wide .modal_content .accordion ._label { font-size:13px; width:auto; border:1px solid #ccc; border:1px solid #ccc; background:none; color:#000; padding:0 15px; border-radius:50px; }
.modal-wide .modal_content .accordion ._label:hover { border-color:#666; }
.modal-wide .modal_content .accordion ._wrap { border:none; }
.modal-wide .modal_content .accordion ._wrap.active { background:none; }
.modal-wide .modal_content .accordion ._wrap.active ._label { border-color:#666; }
.modal-wide .modal_content .accordion ._cont { padding:30px; margin-top:30px; border:1px solid #ededed; border-radius:15px; }

.modal-wide .board_top { margin-bottom:15px; }
.modal-wide .modal_content .text { margin-bottom:3em; }
.modal-wide .modal_content strong.title { position:relative; padding-left:25px; line-height:1.5em; text-align:left; font-size:1.1em; font-weight:800; margin-bottom:13px; color:var(--blue); }
.modal-wide .modal_content strong.title::before { position:absolute; left:0; top:8px; content:""; width:8px; height:8px; border-radius:50px; display:block; border:5px solid var(--mainblue); border-bottom:5px solid var(--mainlight); border-left:5px solid var(--mainlight); }
.modal:has(.modal-wide) .modal_content ._content { padding:3em 0; }

.modal-wide .modal_content .accordion_list { border-top:2px solid #000; }
.modal-wide .modal_content .accordion_list ._wrap { border-bottom:1px solid #ededed; }
.modal-wide .modal_content .accordion_list .content_title { position:relative; display:block; padding:20px 60px 20px 80px; transition:all 0.3s; }
.modal-wide .modal_content .accordion_list .content_title:hover { background:#f9f9f9; }
.modal-wide .modal_content .accordion_list .content_title::after { content:'\e909'; font-family:'icomoon' !important; transition:all 0.3s; position:absolute; top:50%; right:0; transform:translateY(-50%); width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; }
.modal-wide .modal_content .accordion_list ._wrap.active .content_title::after { content:'\e923'; }
.modal-wide .modal_content .accordion_list ._wrap.active .content_title:hover { background:#fff; }
.modal-wide .modal_content .accordion_list .content_title .no { text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); width:80px; }
.modal-wide .modal_content .accordion_list .content_title .title { width:100%; font-size:1.1em; font-weight:800; margin-bottom:10px; }
.modal-wide .modal_content .accordion_list .content_title .detail { display:flex; font-size:0.7em; color:#767676; }
.modal-wide .modal_content .accordion_list .content_title .detail > div { display:inline-flex; align-items:center; line-height:1em; }
.modal-wide .modal_content .accordion_list .content_title .detail > div::after { content:''; margin:0 10px; width:1px; height:13px; background:#ccc; display:block; }
.modal-wide .modal_content .accordion_list .content_title .detail > div:last-child::after { display:none; }
.modal-wide .modal_content .accordion_list .content_title .detail b { margin-right:5px; display:inline-block; color:#000; }
.modal-wide .modal_content .accordion_list .content_title .detail .btn_sq_m { width:20px; height:20px; font-size:0.8em; }
.modal-wide .modal_content .accordion_list .content_text { border-radius:10px; padding:30px !important; background:#f9f9f9; margin-bottom:15px !important; }
.modal-wide .modal_content .accordion_cont { display:none; }

.goto_top { position:fixed; bottom:30px; right:30px; width:50px; height:50px; border-radius:100px; border:1px solid #ededed; box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 10px 20px -5px, rgb(0 0 0 / 30%) 0px 10px 20px -10px; overflow:hidden; z-index:9; transition:all 0.3s; }
.goto_top::before, .goto_top::after { content:"\ea3a"; font-family:'icomoon' !important; font-size:20px; font-weight:400; position:absolute; display:inline-block; left:50%; transform: translate(-50%, -50%); pointer-events: none; }
.goto_top::before { top:50%; }
.goto_top::after { top:150%; }
.goto_top:hover { box-shadow:rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 40%) 0px 10px 20px -5px, rgb(0 0 0 / 50%) 0px 10px 20px -10px; border-color:#333; }
.goto_top:hover::before { top:-150%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }
.goto_top:hover::after { top:50%;transition:all 0.5s cubic-bezier(.22, .61,.36, 1); }

.modal .accordion ._label { padding:25px 0; font-size:1em; }
.modal .accordion ._cont { padding:25px; }
.modal .accordion .board_list.type_link { border-top:none; }
.modal .accordion .board_list.type_link ul { display:flex; flex-direction:column; gap:5px; }
.modal .accordion .board_list.type_link li { padding:20px; background:#fff; border-radius:10px; border:1px solid #ededed; }
.modal .accordion .board_list_info { gap:3px; }
.modal .accordion .board_list_info dl { white-space:normal; display:block; width:100%; }
.modal .accordion .board_list_info dl dt { float:left; width:50px; font-size:11px; margin-right:5px; font-weight:600; border:1px solid #ccc; border-radius:50px; padding:1px 0; text-align:center; }
.modal .accordion .board_list_info dl dd { float:left; line-height:18px; font-size:12px; display:inline-block; width:calc(100% - 55px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.modal .accordion .board_list_info dl::after { display:none; }
.modal .accordion .board_list_cont .list_title strong { font-size:1em; line-height:1.3em; }
.modal .accordion .board_list_cont { width:calc(100% - 80px); }
.modal .accordion .board_list.type_link li a { font-size:12px; padding:7px 8px; }

.user_thumbnail { width:100%; }
.user_thumbnail img { width:100%; border-radius:200px; margin:0 0 10px; }
.user_thumbnail .file_list.img_type { margin:0 0 20px 0; }
.user_thumbnail .file_list.img_type .file_box { width:100%; height:0; padding:0 0 96% 0; border-radius:20px; overflow:hidden; }
.user_thumbnail .file_list.img_type .btn_wrap { border-radius:0 0 20px 20px; }
.user_thumbnail .file_list.img_type .file_box { background-size: cover !important; }

.modal_content .captcha { display:flex; flex-direction:column; gap:5px; }
.modal_content .captchaImg_wrap { display:flex; gap:5px; }
.modal_content .captchaImg_wrap button { width:95px; }
.modal_content .captchaImg_wrap img { width:calc(100% - 100px); height:85px; }
.modal_content .captchaImg_wrap .wrap { display:flex; flex-direction:column; gap:5px; }

.sprtBiz_box_wrap { display:flex; gap:15px; flex-direction:column; }
.sprtBiz_box { padding:20px; background:#fff; }
.sprtBiz_box .file_item_wrap { margin:10px 0; }
.sprtBiz_box .file_item_wrap .file_list { display:flex; gap:5px; flex-direction:column; }
.sprtBiz_box .file_up_wrap { margin:10px 0; }
.sprtBiz_box .dateSubm { font-size:0.85em; display:flex; align-items:center; gap:5px; }

.reference_list_wrap > strong { font-size:1.3em; margin-bottom:13px; }
.reference_list li { padding:20px 0 !important; }

.publications { display:flex; flex-direction:column; gap:1em; }
.publications ._title { width:100%; padding:3em; display:flex; justify-content:space-between; border-radius:20px; border:none; }
.publications ._title p {font-size:1.8em; font-weight:900;display:flex;align-items:center;}
.publications ._title p span { background:#fff; font-size:15px; padding:6px 10px; display:inline-block; margin-left:10px; font-weight:600; border:1px solid #d5d5d5; border-radius:50px; }
.publications .active ._title { padding:2.2em 3em; background:#d2e2ed; border-radius:30px 30px 0 0; }
.publications .active ._title p span { border:1px solid #afcadd; }
.publications .active ._title .icon-arrow-b { transform:rotate(-180deg); }
.publications ._wrap { background:#fff; border-radius:30px; }
.publications ._wrap ._list { display:none; }
.publications ._wrap ._list .board_list:nth-child(n+2) { border-top:none; }
.publications ._wrap ._list .board_list.type_colinfo .board_list_info dl::after { display:none; }
.publications ._list { padding:3em; }
.publications ._list .board_list.type_colinfo .board_list_cont { width:calc(100% - 140px);  }
.publications ._list .board_list.type_colinfo .board_list_info { width:100%; display:flex; flex-direction:column; }
.publications ._list .board_list.type_colinfo .board_list_info dl { width:100%; }
.publications ._list .board_list.type_colinfo .board_list_info dd { max-width:calc(100% - 45px); }


#member_error_popup dl img {border:1px solid #efefef; width:100%;}
#member_error_popup dt {padding:0 0 5px 0;}
#member_error_popup dl dd:not(:last-child) {margin-bottom:20px;}