@charset "utf-8";

/*-----공통-----*/
/*스와이퍼 라인 페이징*/
.line_paging { margin-top: 2.4rem; text-align: center; }
.line_paging .swiper-pagination-bullet { width: 5rem; height: 2px; background-color: #3C4575; opacity: 1; border-radius: 0; }
.line_paging .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 0; }
.line_paging .swiper-pagination-bullet-active { background-color: var(--red); }

/*서브 컨텐츠 타이틀*/
.sub_cont_tit { font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); line-height: 1.3; }
.sub_cont_tit + .txt { margin-top: 3rem; font-size: 1.5rem; font-weight: 300; color: var(--fontGy); }
.sub_cont_tit .total { position: relative; top: -0.4em; color: var(--fontGy); font-size: 1.5rem; font-family: 'Pretendard', sans-serif; font-weight: 400; }

/*서브 컨텐츠 탭*/
.sub_cont_tab { position: relative; padding: 5rem 0 0; }
.sub_cont_tab + div { padding-top: 4rem; }
.sub_cont_tab.bg { background-color: var(--lightGy); }
.sub_cont_tab .tab_container { padding: 0 2rem; border-bottom: 1px solid #EAEAEA; }
.sub_cont_tab .tab_container::before{content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 2rem; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);}
.sub_cont_tab .tab_container::after{content: ''; position: absolute; top: 0; right: 0; z-index: 1; width: 4rem; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65), 50%, #fff 100%);}
.sub_cont_tab .tab_container.gray::before{left: -2rem;}
.sub_cont_tab .tab_container.gray::after{right: -2rem;}
.sub_cont_tab .tab_container .tab_wrap { border: 0; }
.sub_cont_tab .tab_top { display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #EAEAEA; }
.sub_cont_tab .tab_top .tab_wrap { border: 0; }

.sub_cont_tab .tab_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%; border-bottom: 1px solid #EAEAEA; }
/*
.sub_cont_tab .tab_wrap::-webkit-scrollbar { height: 9px; }
.sub_cont_tab .tab_wrap::-webkit-scrollbar-thumb { height: 30%; background: #F0F2F6; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 3px/9px; }
*/


.sub_cont_tab .tab { display: inline-block; width: auto; height: 4rem; font-size: 1.7rem; font-weight: 600; color: #A7ABBD; white-space: nowrap;user-select: none; transition: color 0.5s; }
.sub_cont_tab .tab.on { color: var(--blue); }
.sub_cont_tab .tab + .tab { margin-left: 2.5rem; }
.sub_cont_tab .tab:last-child{padding-right: 2rem;}
.sub_cont_tab .tab span { position: relative; display: inline-block; height: 100%; white-space: nowrap; }
.sub_cont_tab .tab span:before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: var(--blue); transition: width 0.5s; }
.sub_cont_tab .tab.on span:before { width: 100%; }

.sub_cont_tab .filter_box { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }
.sub_cont_tab .filter_box .tag { display: flex; align-items: center; justify-content: space-between; height: 2.4rem; line-height: 2.4rem; padding: 0 1rem; border-radius: 2em; font-size: 1.3rem; }
.sub_cont_tab .filter_box .tag .txt { display: inline-block; width: 100%; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub_cont_tab .filter_box .tag .del_btn { margin-left: 1em; }
.sub_cont_tab .filter_box .filter_btn { display: flex; align-items: center; padding: 0.6em 1.3em; margin-left: 2.5rem; background: var(--blue); color: #fff; font-size: 1.4rem; border-radius: 2em; }
.sub_cont_tab .filter_box .filter_btn .ico { margin-right: 0.5em; }
.sub_cont_tab .filter_box .filter_btn .ico svg{fill: #fff;}

/* 페이징 */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: var(--sub_cont_pd)}
.pagination.btm { margin: 6rem 0 var(--sub_cont_pd); }
.pagination > a { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 100%; line-height: 1; box-shadow: 0 0 0 1.5px #e0e0e0; transition: fill 0.3s, box-shadow 0.3s; }
.pagination > a svg { width: auto; fill: #E0E0E0; transition: all 0.3s; font-size: 1.4rem; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2rem; }
.pagination .num_list li { position: relative; height: 1.5em; font-size: 1.6rem; border-radius: 50%; text-align: center; transition: all 0.3s;  }
.pagination .num_list li a { position: relative; display: block; width: 100%; height: 100%; padding: 0 1.5rem; color: #A7ABBD; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: var(--blue); opacity: 0; transform: translateX(-50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: var(--blue); font-weight: 600; }
.pagination .num_list li.active a:before { width: 70%; opacity: 1; }
.pagination .next { margin-right: 1.5rem; font-size: 16px; }
.pagination .prev { margin-left: 1.5rem; font-size: 16px; }



/*-----서브비주얼-----*/
.sub_vis { background-color: var(--lightGy); padding-top: 3rem; }
/*.sub_vis:not(.slide_type) { position: absolute; left: 0; top: 0; width: 100%; height: 26vh; z-index: 10; }*/
/*.sub_vis:not(.slide_type) + * { position: relative; margin-top: 26vh; }*/


/*lnb*/
.sub_vis .lnb { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1.5rem; color: var(--fontGy); font-size: 1.5rem; }
.sub_vis .lnb .home { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; font-size: 12px; border-radius: 100%; background-color: #D4D8DC; fill: var(--fontGy); }
.sub_vis .lnb .arr { margin: 0 2rem; font-size: 12px; fill: #A7ABBD; }
.sub_vis .lnb .sel_wrap .nice-select { height: 38px; line-height: 36px; padding-left: 0; background-color: transparent; border: 0; font-size: 1em; }
.sub_vis .lnb .sel_wrap .nice-select .list { background-color: var(--lightGy); color: var(--blue); z-index: 300; }
.sub_vis .lnb .sel_wrap .nice-select:after { content: '\f0d7'; top: 50%; width: auto; height: auto; margin-top: 0; border: 0; font-family: var(--awesome); font-weight: 900; transform: translateY(-50%); transform-origin: center; }
.sub_vis .lnb .sel_wrap .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.sub_vis .lnb .sel_wrap .nice-select .option:hover,
.sub_vis .lnb .sel_wrap .nice-select .option.focus,
.sub_vis .lnb .sel_wrap .nice-select .option.selected.focus { background-color: #E9EBF3; }

.sub_vis.slide_type .lnb .home { fill: var(--fontGy); background-color: rgba(255,255,255,0.2); }
.sub_vis.slide_type .lnb .arr { fill: var(--fontGy); }

/*슬라이드 타입 비주얼 - coverage*/
.sub_vis.slide_type { padding-bottom: 2rem; background-color: var(--blue); }

.sub_vis .slide_banner .cont { }
.sub_vis .slide_banner .item { position: relative; display: flex; align-items: stretch; justify-content: space-between; padding: 8rem 6rem 6rem; background-color: #F0F2F6; border-radius: 2rem; }
.sub_vis .slide_banner .item .txt_box { display: flex; flex-direction: column; justify-content: space-between; width: 60%; }
.sub_vis .slide_banner .item .txt_box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); color: var(--blue); line-height: 1.3; }
.sub_vis .slide_banner .item .txt_box .tit + .txt { margin-top: 3rem; }
.sub_vis .slide_banner .item .txt_box .box > .txt { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-weight: 300; color: var(--blue); }
.sub_vis .slide_banner .item .txt_box .box > .txt + .btn_wrap { margin-top: 6rem; }
.sub_vis .slide_banner .item .txt_box .box + .btn_wrap { margin-top: 4rem; }
.sub_vis .slide_banner .item .img_box { position: absolute; right: 0; top: 50%; width: auto; max-width: 60%; height: 100%; margin-left: 10rem; transform: translateY(-50%); z-index: -1; }
.sub_vis .slide_banner .item .img_box img { width: 100%; height: 100%; object-fit: cover; }

.sub_vis .slide_banner .cont.solo_slide { padding-bottom: 2rem; }
.sub_vis .slide_banner .cont.solo_slide + .line_paging  { display: none; }

.sub_vis .tit_wrap { display: flex; align-items: flex-end; justify-content: space-between; padding: 2rem 0 5rem; }
.sub_vis .tit_wrap .tit_box {  }
.sub_vis .tit_wrap .tit_box .tit { font-size: 5.6rem; font-weight: 600; font-family: var(--Poppins); line-height: 1.2em; }
.sub_vis .tit_wrap .tit_box .txt { margin-top: 1rem; font-weight: 300; color: rgba(25,35,86,0.8); }

/*-----메뉴 구분 탭 - coverage----*/
.sub_sort_tab { padding: 0 0 5rem; background-color: var(--blue); }
.sub_sort_tab .tit { position: relative; font-size: 3.2rem; font-weight: 700; color: var(--fontGy); text-align: center; z-index: 15; }
.sub_sort_tab .tab_wrap { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; }
.sub_sort_tab .tab_wrap.center_tab { justify-content: center; }
.sub_sort_tab .tab_wrap .tab { display: flex; align-items: center; justify-content: center; width: calc(100% / 4 - 0.8rem); height: 6.5rem; padding: 0 1.5rem; line-height: 1.2; border-radius: 3em; background-color: #fff; color: var(--fontGy); font-size: 1.8rem; font-weight: 600; text-align: center; transition: background-color 0.3s, color 0.3s; }
.sub_sort_tab .tab_wrap .tab.on { background-color: var(--red); color: #fff; }

/*-----컨텐츠 스타일 공용------*/
.sub_sect { padding-top: var(--sub_cont_pd); }
.sub_sect.btm { padding: var(--sub_cont_pd) 0; }
div:not(.bg) + .sub_bg { margin-top: var(--sub_cont_pd); }
.sub_bg { padding: 10rem 0; }

/*서브 이미지 상단 컨텐츠*/
.sub_img_top .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.sub_img_top .cont .txt_box {  }
.sub_img_top .cont .txt_box .tit { font-size: 3.6rem; font-weight: 600; font-family: var(--Poppins); line-height: 1.4; }
.sub_img_top .cont .txt_box .tit + .txt { margin-top: 3rem; font-weight: 300; }
.sub_img_top .cont .txt_box .txt span { display: block; }
.sub_img_top .cont .txt_box .txt span + span { margin-top: 1.5em; }
.sub_img_top .cont .img { position: relative; width: 43%; padding-top: 24%; flex-shrink: 0; margin-left: 8rem; }
.sub_img_top .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

/*아이콘 리스트 컨텐츠*/
.ico_li_cont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8rem; margin-top: 8rem; counter-reset: icoLi 0; }
.ico_li_cont.col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ico_li_cont .box { display: flex; align-items: center; justify-content: flex-start; counter-increment: icoLi; }
.ico_li_cont .box .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 10rem; height: 10rem; border-radius: 100%; background-color: var(--lightGy); flex-shrink: 0; font-size: 3.2rem; fill: rgba(167,171,189,0.5); }
.ico_li_cont .box .ico:before { content: counter(icoLi); position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 100%; background-color: var(--blue); color: #fff; font-size: 1.4rem; font-weight: 600; font-family: var(--Poppins); }
.ico_li_cont .box .txt { margin-left: 3rem; font-size: var(--box_tit); font-weight: 700; }

/*leader 리스트*/
.opi_li { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; margin-top: 8rem; }
.opi_li.col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.opi_li .box { background-color: var(--lightGy); }
.opi_li .box .info { display: flex; align-items: center; justify-content: flex-start; padding: 2.5rem; }

.opi_li .box .info .img { width: 12rem; height: 12rem; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.opi_li .box .info .txt_box { width: 100%; margin-left: 2rem; }
.opi_li .box .info .txt_box .cate { font-size: 1.5rem; font-weight: 500; color: #9AA2A9; }
.opi_li .box .info .txt_box .cate + .name { margin-top: 0.7rem; }
.opi_li .box .info .txt_box .name { font-size: var(--box_tit); font-weight: 700; }
.opi_li .box .info .txt_box .name + .bio { margin-top: 0.1rem; }
.opi_li .box .info .txt_box .bio { font-size: 1.3rem; color: #EC1C24; }
.opi_li .box .info .txt_box a + .sns_wrap { margin-top: 2.4rem; }
.opi_li .box .info .txt_box .sns_wrap { display: flex; align-items: center; justify-content: flex-start; font-size: 1.8rem; }
.opi_li .box .info .txt_box .sns_wrap .sns { fill: #A7ABBD; transition: fill 0.5s; }
.opi_li .box .info .txt_box .sns_wrap .sns + .sns { margin-left: 2rem; }

.opi_li .box .coverage { display: flex; align-items: center; justify-content: flex-start; padding: 2rem 2.5rem; border-top: 1px solid #D4D8DC; font-size: 1.4rem; }
.opi_li .box .coverage .tit { font-weight: 700; }
.opi_li .box .coverage .txt { margin-left: 1.5rem; color: var(--fontGy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*좌우 텍스트 컨텐츠*/
* + .aside_txt { margin-top: 6rem; }
.aside_txt_wrap { margin-top: 8rem; }
.aside_txt_wrap .aside_txt + .aside_txt { margin-top: 5rem; }
.aside_txt { display: flex; align-items: flex-start; justify-content: flex-start; }
.aside_txt.inside { margin-left: 3.4rem; }
.aside_txt .aside { width: 27%; flex-shrink: 0; }
.aside_txt.inside .aside { width: calc(27% - 2.4rem); }
.aside_txt .aside .tit { display: flex; align-items: center; justify-content: flex-start; font-size: var(--wrap_tit); font-weight: 700; }
.aside_txt .aside .tit .num { display: inline-block; width: 2.4rem; height: 2.4rem; margin-right: 1rem; line-height: 2.4rem; border-radius: 100%; background-color: var(--red); color: #fff; font-size: 1.4rem; font-family: var(--Poppins); font-weight: 600; text-align: center; }
.aside_txt .cont { margin-top: 0.6rem; }
.aside_txt .cont .box { display: flex; align-items: center; justify-content: flex-start; }
.aside_txt .cont .box .tit { min-width: 195px; font-size: 1.8rem; font-weight: 600; flex-shrink: 0; }
.aside_txt .cont .box .txt { margin-left: 2.5rem; }
.aside_txt .cont .txt { font-weight: 400; line-height: 1.6; }
.aside_txt .cont > * + * { margin-top: 3rem; }
.aside_txt .cont b { font-weight: 600; }
.aside_txt .cont ul {  }
.aside_txt .cont ul li { position: relative; padding-left: 1em; font-weight: 600; }
.aside_txt .cont ul li + li { margin-top: 0.6rem; }
.aside_txt .cont ul li:before { content: ''; position: absolute; left: 0; top: 0.4em; width: 0.32em; height: 0.32em; border-radius: 100%; background-color: #A7ABBD; transform: translateY(50%); }
.aside_txt .ico_li_cont { gap: 5rem 11rem; }
.aside_txt .ico_li_cont .box .txt { font-size: 1.8rem; font-weight: 600; }
.aside_txt .ico_li_cont .box .ico:before { display: none; }


/*-----게시판 리스트-----*/

/*게시판 라벨*/
.plus_wrap { position: relative; width: 88%; }
.portal_board_wrap .plus_wrap { width: 95%; }
.badge_wrap { position: relative; width: 100%; overflow: hidden; white-space: nowrap; }
.plus_wrap.overflow .badge_wrap:before { content: ''; position: absolute; right: 0; top: 0; width: 5.7rem; height: 100%; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); }
.plus_wrap.overflow { padding-right: 4rem; }
.plus_wrap.overflow:after { content: 'more +'; position: absolute; right: 0; top: calc(50% + 1px); display: flex; align-items: center; justify-content: center; width: auto; height: 2rem; line-height: 2rem; padding: 0 1rem; background-color: #8b90a9; color: #fff; border-radius: 2em; font-size: 10px; font-weight: 500; transform: translateY(-50%); z-index: 10; }

.board_label { display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1.3rem; border-radius: 2rem; font-size: 1.1rem; background-color: #fff; color: var(--fontGy); font-weight: 700; transition: color 0.2s;}
.board_label + .board_label { margin-left: 0.2rem }
.board_label.bu { background-color: #788CDD; color: #fff; }
.board_label.re { background-color: #F66F74; color: #fff; }
.board_label.gy { background-color: #E9EBF3; color: #6B76AC; }
.board_label.gy:hover{color: var(--lightbu);}

.plus_wrap + .mark_btn { margin-left: 2rem; }

/*게시판 하단 정보 스타일*/
.bd_desc_wrap { display: flex; align-items: flex-end; justify-content: space-between; padding-top: 1.5rem; font-size: 1.3rem; font-weight: 300; color: #9AA2A9; }
/*.bd_desc_wrap .desc { text-decoration: underline; }*/


/*전체영역*/
.sub_board_sect { position: relative; padding-top: var(--sub_cont_pd); }
.sub_board_sect .top { display: flex; align-items: center; justify-content: space-between; }
.sub_board_sect .top + .board_li { margin-top: 4rem; }
.sub_board_sect .top .mark_btn { margin-top: -0.3rem; }


/*상단 구분탭*/
.li_sort_tab { display: flex; align-items: center; justify-content: flex-end; }
.li_sort_tab .tab { display: flex; align-items: center; justify-content: center; min-width: 5rem; height: 2.6rem; line-height: 2.6rem; padding: 0 1.5rem; font-size: 1.5rem; color: #A7ABBD; border-radius: 0.5rem; transition: background-color 0.3s, color 0.3s; }
.li_sort_tab .tab + .tab { margin-left: 0.4rem; }
.li_sort_tab .tab.on { background-color: var(--blue); color: #fff; }

.li_sort_tab .tab.bu.on { background-color: #788CDD; color: #fff; }

.li_sort_tab .tab.re.on { background-color: #F66F74; color: #fff; }

/*게시판 리스트 - 이미지형 및 텍스트형*/
.board_li { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8rem; }
.board_li .board_box { border-radius: 2rem; box-shadow: 0 0 0 0 transparent; transition: box-shadow 0.5s, transform 0.5s; }
.board_li .board_box .li_top { display: flex; align-items: center; justify-content: flex-start; }
.board_li .board_box .li_top .img { position: relative; width: 30%; flex-shrink: 0; padding-top: 17%; border-radius: 1rem; overflow: hidden; background-color: #f8f8f8; }
.board_li .board_box .li_top .img img { position: absolute; left: 50%; top: 0; width: 100%; max-width: 100%; height: 100%; transform: translateX(-50%); object-fit: cover; filter: brightness(0.97); }
.board_li .board_box .li_top .img + .tit_box { padding-left: 3rem; }
.board_li .board_box .li_top .tit_box { width: 100%; }
.board_li .board_box .li_top .tit_box .tit_top { display: flex; align-items: center; justify-content: space-between; }
.board_li .board_box .li_top .tit_box .tit_top .cate { position: relative; width: 100%; font-size: 1.8rem; font-weight: 500; color: #757B82; }
.board_li .board_box .li_top .tit_box .tit_top .cate span { position: relative; display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1rem; font-size: 1.1rem; font-weight: 700; background-color: #E9EBF3; color: #6B76AC; border-radius: 2em; }
/*.board_li .board_box .li_top .tit_box .tit_top .cate span:before { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1.1px; background-color: #757B82; }*/
.board_li .board_box .li_top .tit_box .tit_top .cate .mark_btn { flex-shrink: 0; }
.board_li .board_box .li_top .tit_box .tit_top + .tit { padding-top: 1.5rem; }
.board_li .board_box .li_top .tit_box .tit { display: -webkit-box; min-height: 8rem; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: var(--box_tit); font-weight: 700; }
.board_li .board_box .li_top .tit_box .tit span { background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: left bottom; background-size: 0 2px; -webkit-transition: background-size 0.8s,-webkit-box-shadow 0.8s; transition: box-shadow 0.8s,background-size 0.8s,-webkit-box-shadow 0.8s; }


.board_li .board_box .li_top + .txt_box { padding-top: 1.5rem; }
.board_li .board_box .txt_box { display: block; }
.board_li .board_box .txt_box .txt { display: -webkit-box; min-height: 4.8rem; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.board_li + .btn_wrap { margin-top: 8rem; }

/*게시판 리스트 - 박스형*/
.sub_board_sect .top + .board_li_box { margin-top: 4rem; }
.board_li_box { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; }
.board_li_box .board_box { padding: 3rem; background-color: var(--lightGy); border-radius: 2rem; box-shadow: 0 0 0 0 transparent; transition: transform 0.5s, box-shadow 0.5s; }
.board_li_box .board_box .plus_wrap.overflow .badge_wrap:before { background: linear-gradient(to right,  rgba(245,247,250,0) 0%,rgba(245,247,250,1) 70%,rgba(245,247,250,1) 100%); }
.board_li_box.type2 .board_box .plus_wrap.overflow .badge_wrap:before { background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); }
.board_li_box .board_box .top { display: flex; align-items: center; justify-content: space-between; }
.board_li_box .board_box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding-top: 3rem; min-height: 9rem; font-size: var(--box_tit); font-weight: 700; }
.board_li_box .board_box .bd_desc_wrap { padding-top: 6rem; }
.board_li_box .board_box .bd_desc_wrap .date { padding-top: 0; }
.board_li_box .board_box .date { padding-top: 6rem; font-size: 1.3rem; color: #9AA2A9; font-weight: 300; }
.board_li_box + .btn_wrap { margin-top: 4.5rem; }

.board_li_box.col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.board_li_box.type2 .board_box { background-color: #fff; }

.empty_position { grid-column: 1 / -1; padding: 5rem 0; margin: 2rem 0 var(--sub_cont_pd); }
.empty_position .ico { width: 50%; margin: 0 auto; filter: grayscale(1); opacity: 0.2; text-align: center; }
.empty_position .txt { margin-top: 20px; font-size: 15px; font-weight: 600; color: rgba(0,0,0,0.2); text-align: center; }

/*게시판 리스트 - 썸네일 형*/
.board_thm_box { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 2rem; }
.board_thm_box .box { box-shadow: 0 0 0 0 transparent; border-radius: 2rem; overflow: hidden; transition: box-shadow 0.3s, transform 0.3s; }
.board_thm_box .box .img { position: relative; display: block; width: 100%; padding-top: 56.8%; border-radius: 2rem; overflow: hidden; transition: border-radius 0.3s; background-color: #f8f8f8; }
.board_thm_box .box .img img { position: absolute; left: 50%; top: 50%; width: 100%; max-width: 100%; height: auto; object-fit: cover; transform: translate(-50%, -50%); filter: brightness(0.97); }
.board_thm_box .box .txt_box { padding: 3rem 2rem; }
.board_thm_box .box .txt_box .top + .tit { padding-top: 1.2rem; }
.board_thm_box .box .txt_box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 6rem; font-size: var(--box_tit); font-weight: 700; }
.board_thm_box .box .txt_box .td_desc_wrap { margin-top: 3rem; }
.board_thm_box .box .txt_box .date { font-size: 1.3rem; font-weight: 300; color: #9AA2A9; }

.board_thm_box .badge_wrap .board_label { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*be come client banner*/
.sub_board_sect .banner_wrap { display: flex; align-items: stretch; justify-content: space-between; min-height: 29rem; margin-top: 6rem; padding: 6rem; border-radius: 2rem; background-color: var(--blue); transition: background-color 0.5s, transform 0.5s; }
.sub_board_sect .banner_wrap .txt_box { width: 100%; }
.sub_board_sect .banner_wrap .txt_box .tit_box { display: flex; align-items: center; justify-content: flex-start; }
.sub_board_sect .banner_wrap .txt_box .tit_box .tit { font-size: 3.6rem; font-weight: 700; color: #fff; }
.sub_board_sect .banner_wrap .txt_box .tit_box .ico { margin-left: 2.4rem; font-size: var(--wrap_tit); fill: #fff; }
.sub_board_sect .banner_wrap .txt_box .txt { margin-top: 3rem; font-weight: 300; color: #D4D8DC; }
.sub_board_sect .banner_wrap .img_box { display: flex; align-items: flex-end; justify-content: flex-end; flex-shrink: 0; margin-right: 6%; margin-bottom: -6rem; width: 23%; }

/*director_Sect*/
.director_sect { padding-top: var(--sub_cont_pd); }
.director_sect .in > .top { display: flex; align-items: center; justify-content: space-between; }
.director_sect .in > .top > .btn_wrap { white-space: nowrap; }
.director_sect .cont { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6rem 14rem; margin-top: 6rem; }
.director_sect .cont .box { display: flex; align-items: flex-start; justify-content: flex-start; }
.director_sect .cont .box .img { position: relative; width: 10rem; margin-top: 0.8em; padding-top: 10rem; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.director_sect .cont .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.director_sect .cont .box .txt_box { width: 100%; margin-left: 3rem; }
.director_sect .cont .box .txt_box .cate { font-size: 1.5rem; font-weight: 500; color: #9AA2A9; }
.director_sect .cont .box .txt_box .cate + .name { margin-top: 0.8rem; }
.director_sect .cont .box .txt_box .name { font-size: var(--box_tit); font-weight: 700; }
.director_sect .cont .box .txt_box .sns_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.7rem; margin-left: -0.8rem; }
.director_sect .cont .box .txt_box .sns_wrap .sns { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; margin-left: 0.8rem; margin-top: 0.8rem; border-radius: 100%; fill: #A7ABBD; background-color: var(--lightGy); transition: background-color 0.5s, fill 0.5s; font-size: 1.5rem; }
/*.director_sect .cont .box .txt_box .sns_wrap .sns svg { width: 50%; height: 50%; }*/
.director_sect .cont + .btn_wrap { margin-top: 5rem; }


/*other coverage area*/
.view_bg + .oth_coverage { margin-top: 0; }
.oth_coverage { margin-top: 12rem; padding: 6rem 0; background-color: #F0F2F6; }
.oth_coverage .top { display: flex; align-items: center; justify-content: space-between; }
.oth_coverage .slide_nav { display: flex; align-items: center; justify-content: flex-end; }
.oth_coverage .slide_nav .swiper_btn { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background-color: #fff; fill: #192356; font-size: 2rem; cursor: pointer; transition: background-color 0.3s, fill 0.3s, opacity 0.3s; }
.oth_coverage .slide_nav .swiper_btn + .swiper_btn { margin-left: 1rem; }
.oth_coverage .slide_nav .swiper_btn.swiper-button-disabled { opacity: 0.4; cursor: default; }
.oth_coverage .cont { padding: 4rem 0 0; }
/*.oth_coverage .cont.narrow { padding-left: calc((100% - 140rem)/2 + 2rem) }*/
.oth_coverage .cont .item { display: flex; flex-direction: column; align-items: center; }
.oth_coverage .cont .item .ico { display: flex; align-items: center; justify-content: center; width: 8.5rem; height: 8.5rem; border-radius: 100%; background-color: transparent; fill: var(--blue); font-size: 4rem; transition: background-color 0.5s; }
.oth_coverage .cont .item .ico img { width: 60%; height: 60%; }
.oth_coverage .cont .item .txt { margin-top: 0.5rem; color: #A7ABBD; font-size: 1.5rem; font-weight: 500; text-align: center; }

/*-----About-----*/

/*overview*/
.tec_sect { background-color: var(--lightGy); }
.tec_sect .cont_img { position: relative; width: 100%; padding-top: 56%; color: #fff; overflow: hidden; }
.tec_sect .cont_img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(18,26,66,0.5); z-index: 10 }
.tec_sect .cont_img .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 134%;
  overflow: hidden;
}
.tec_sect .cont_img .img img {
  width: 100%;
  height: auto;
  transform: translateX(-25%);
}
.tec_sect .cont_img .txt_box { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); z-index: 20; text-align: center; }
.tec_sect .cate { font-size: 2rem; font-weight: 700; }
.tec_sect .cate + .tit { margin-top: 3rem; }
.tec_sect .cont_img .tit { font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); line-height: 1.3; }

.tec_sect .cont_txt { width: 75%; margin: 6rem auto 0; font-size: var(--box_tit); font-weight: 300; color: var(--fontGy); text-align: center; }
.tec_sect .cont_txt p + p { margin-top: 1.5em; }

.tec_sect .cont_li { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8rem; margin-top: var(--sub_cont_pd); }
.tec_sect .cont_li .box {  }
.tec_sect .cont_li .box .img { position: relative; width: 100%; padding-top: 60%; }
.tec_sect .cont_li .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.tec_sect .cont_li .box .txt_box { margin-top: 3.5rem; text-align: center; }
.tec_sect .cont_li .box .txt_box .tit { font-size: 3.5rem; font-weight: 700; }
.tec_sect .cont_li .box .txt_box .txt { margin-top: 3.5rem; font-size: 1.5rem; font-weight: 300; line-height: 1.7; }

/*about-join us*/
.work_sect { background-color: var(--blue); counter-reset: liNum 0; }
.work_sect .top { color: #fff; }
.work_sect .sub_cont_tit + .txt { color: #fff; }

.work_sect .cont {  }
.work_sect .cont .img { position: relative; width: 100%; padding-top: 26%; margin-top: 6rem; }
.work_sect .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.work_sect .cont .li_box { width: 70%; margin-left: auto; margin-top: 6rem; }
.work_sect .cont .li_box .tit { font-size: var(--wrap_tit); font-weight: 700; color: #fff; }
.work_sect .cont .li_box ul { margin-top: 4rem; }
.work_sect .cont .li_box ul li { display: flex; align-items: flex-start; justify-content: flex-start; padding: 1.5rem; background-color: #fff; border-radius: 2em; counter-increment: liNum; font-weight: 300; line-height: 1.8; }
.work_sect .cont .li_box ul li:before { content: counter(liNum); display: inline-block; width: 3rem; height: 3rem; margin-right: 1.5rem; margin-top: -1px; line-height: 3rem; background-color: var(--blue); color: #fff; border-radius: 100%; font-size: 1.4rem; font-weight: 600; text-align: center; font-family: var(--Poppins); flex-shrink: 0; }
.work_sect .cont .li_box ul li + li { margin-top: 1rem; }

/*about - Who We Serve*/
.satis_sect { background-color: var(--lightGy); }
.satis_sect .cont { display: flex; align-items: center; justify-content: center; margin-top: 8rem; }
.satis_sect .cont .cir { position: relative; width: calc(100%/6 + 0.5rem); padding-top: calc(100%/6 + 0.5rem); border: 1px solid rgba(167,171,189,0.5); border-radius: 100%; }
.satis_sect .cont .cir + .cir { margin-left: -1.5rem; }
.satis_sect .cont .cir span { position: absolute; left: 50%; top: 50%; width: 90%; transform: translate(-50%, -50%); text-align: center; font-size: var(--box_tit); font-weight: 700; }


/*-----contact us-----*/
.contact_sect {  }
.inp_wrap { display: flex; align-items: flex-start; justify-content: flex-end; }
.inp_wrap.center { align-items: center; }
.inp_wrap.start .tit { margin-top: 0; }
.inp_wrap.center .tit { margin-top: 0; }
.inp_wrap + .inp_wrap { margin-top: 2.4rem; }

.inp_wrap.col { flex-direction: column; align-items: flex-start; }
.inp_wrap.col .tit { margin-top: 0; }
.inp_wrap.col .inp_box { margin-left: 0; margin-top: 1.5rem; width: 100%; }

.inp_wrap .tit { margin-top: 0.8em; font-size: 1.8rem; font-weight: 600; flex-shrink: 0; }
.inp_wrap .tit .required { position: relative; padding-left: 0.7em; }
.inp_wrap .tit .required:before { content: '*'; position: absolute; left: 0; top: -0.2em; font-size: 1.7rem; font-weight: 600; color: var(--red); }

.inp_wrap .name_inp { display: flex; align-items: center; justify-content: flex-start; width: 70%; margin-left: 7rem; }
.inp_wrap .name_inp .inp_box { margin-left: 0; }
.inp_wrap .name_inp .inp_box:first-of-type { width: 40%; }
.inp_wrap .name_inp .inp_box:last-of-type { width: 60%; margin-left: 1rem; }

.inp_wrap .inp_box { width: 70%; margin-left: 7rem; }
.inp_wrap .inp_box .nice-select { height: 5.2rem; line-height: 5.2rem; padding-left: 2rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; color: #BDBDBD; font-size: 1.7rem; }
.inp_wrap .inp_box .nice-select.active { color: var(--blue); }
.inp_wrap .inp_box .nice-select:after { content: '\f0d7'; position: absolute; right: 1.5rem; top: 55%; width: auto; height: auto; color: #999; font-weight: 900; border: 0; transform: translateY(-50%); font-family: var(--awesome); transform-origin: center; }
.inp_wrap .inp_box .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.inp_wrap .inp_box .nice-select .list { width: 100%; max-height: 35rem; margin-top: 1px; overflow: auto; color: var(--blue); }
.inp_wrap .inp_box .nice-select .list li { padding: 1rem 2rem; font-size: 1.6rem; }
.inp_wrap .inp_box .nice-select .option { min-height: 30px; line-height: 30px; }
.inp_wrap .inp_box .nice-select .option.disabled { display: none; }

.inp_wrap .inp_box .select2-container {z-index: 1}
.inp_wrap .inp_box .select2-container .select2-selection { position: relative; display: block; height: 5.2rem; line-height: 5.2rem; padding-left: 2rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; color: #BDBDBD; font-size: 1.7rem; }
.inp_wrap .inp_box .select2-container .select2-selection .select2-selection__rendered { height: 5.2rem; line-height: 5.2rem; padding: 0; }
.inp_wrap .inp_box .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.inp_wrap .inp_box .select2-container .select2-selection:after { content: '\f0d7'; position: absolute; right: 1.5rem; top: 55%; width: auto; height: auto; color: #999; font-weight: 900; border: 0; transform: translateY(-50%); font-family: var(--awesome); transform-origin: center; transition: transform 0.3s; }
.inp_wrap .inp_box .select2-container.select2-container--open .select2-selection:after { transform: translateY(-50%) rotate(180deg); }

.inp_wrap .inp_box .inp { position: relative; }
.inp_wrap .inp_box .inp .ico { position: absolute; right: 2rem; top: 50%; display: none; pointer-events: none; font-size: 1.8rem; transform: translateY(-50%); }
.inp_wrap .inp_box input { width: 100%; height: 5.2rem; line-height: 5.2rem; padding: 0 2rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; overflow: hidden; font-size: 1.7rem; }
.inp_wrap .inp_box input + input { margin-top: 1rem; }
.inp_wrap .inp_box input::placeholder { color: #BDBDBD; }
.inp_wrap .inp_box textarea { width: 100%; height: 18rem; padding: 2rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; resize: none; font-size: 1.7rem; }
.inp_wrap .inp_box textarea::placeholder { color: #BDBDBD; }
.inp_wrap .inp_box .info { display: flex; align-items: flex-start; justify-content: flex-start; padding: 2rem; margin-top: 1rem; background-color: var(--lightGy); border-radius: 0.5rem; color: #9AA2A9; fill: #9AA2A9; }
.inp_wrap .inp_box .info .ico { margin-top: 0.2em; margin-right: 0.8rem; }
.inp_wrap .inp_box .desc { margin-top: 1rem; padding-left: 1em; font-size: 1.3rem; color: #9AA2A9; text-indent: -1em; }

.inp_wrap .inp_box.wrong .inp input { border: 1px solid var(--red); }
.inp_wrap .inp_box.wrong .inp .ico.wrong { display: block; fill: var(--red); }
.inp_wrap .inp_box.wrong .desc { color: var(--red); }

.inp_wrap .inp_box.correct .inp input { border: 1px solid #5154bd; }
.inp_wrap .inp_box.correct .inp .ico.correct { display: block; fill: #5154bd; }
.inp_wrap .inp_box.correct .desc { color: #5154bd; }

.inp_wrap .inp_box .chk_wrap { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: -0.8rem 0 0 -1.2rem; }
.inp_wrap .inp_box .chk_wrap .chk_box { margin: 1.2rem 0 0 0.8rem; }

.inp_wrap .inp_box .priv_wrap { display: flex; align-items: center; justify-content: flex-start; /*margin: -0.8rem 0 0 -0.4rem;*/ }
.inp_wrap .inp_box .priv_wrap .goto_btn { margin-left: 3rem; }

.inp_wrap .inp_box .id_chk { position: relative; }
.inp_wrap .inp_box .id_chk input { padding-right: 14rem; }
.inp_wrap .inp_box .id_chk button { position: absolute; right: 1rem; top: 50%; height: 3.2rem; max-width: 13rem; padding: 0 1.5rem; font-size: 1.2rem; transform: translateY(-50%); white-space: nowrap; }


.form_btm { display: flex; align-items: center; justify-content: space-between; width: 70%; margin-left: auto; margin-top: 7rem; }
.form_btm  .captcha { max-width: 25rem; }


/*-----research portal-----*/
.sub_sect.portal_sect { padding-top: 6rem; }
.portal_sect .portal_wrap { position: relative; display: flex; align-items: flex-start; justify-content: center; }

.portal_sect .portal_wrap + .pagination { width: calc(77% - 5rem); margin-left: auto; margin-top: 6rem; }

.portal_sect .aside { position: sticky; top: 15rem; width: 23%; flex-shrink: 0; background-color: #fff; margin-bottom: calc(var(--sub_cont_pd) + 11.5rem); }
/*.portal_sect .aside.fix { position: sticky; top: -17%; margin-bottom: 25%; }*/

.portal_sect .aside > .top { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; height: 8rem; margin-right: auto; }
.portal_sect .aside > .top .tit { font-size: 3.2rem; font-weight: 600; font-family: var(--Poppins); line-height: 1em; }
.portal_sect .aside > .top .oper_wrap { position: relative; }
.portal_sect .aside > .top .oper_wrap .oper_btn { display: flex; position: relative; padding: 4px; background-color: rgba(212,216,220,0.5); border-radius: 2em; }
.portal_sect .aside > .top .oper_wrap .oper_btn button { display: flex; justify-content: center; position: relative; width: 4.2rem; height: 2.6rem; line-height: 2.4rem; border-radius: 2em; color: #A7ABBD; z-index: 5; transition: color 0.3s; }
.portal_sect .aside > .top .oper_wrap .oper_btn button:first-of-type { color: #fff; }
.portal_sect .aside > .top .oper_wrap .oper_btn:before { content: ''; position: absolute; left: 4px; top: 50%; width: 4.2rem; height: 2.6rem; background-color: var(--blue); transform: translateY(-50%); border-radius: 2em; z-index: 1; transition: transform 0.3s; }
.portal_sect .aside > .top .oper_wrap .oper_btn.on:before { transform: translate(calc(100% + 0px), -50%); }
.portal_sect .aside > .top .oper_wrap .oper_btn.on button:first-of-type { color: #A7ABBD; }
.portal_sect .aside > .top .oper_wrap .oper_btn.on button:nth-of-type(2) { color: #fff; }

.portal_sect .aside > .top .info { position: absolute; left: 50%; top: -0.5rem; transform: translate(-50%, -100%); white-space: nowrap; font-size: 1.4rem; opacity: 0; transition: opacity 0.4s; }
.portal_sect .aside .oper_wrap:hover .info { opacity: 1; }
.portal_sect .aside > .top .info .ico { font-size: 3rem; }
.portal_sect .aside > .top .info .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -70%); font-size: 1.2rem;}

.portal_sect .aside > .top + .btn_wrap { margin-top: 2rem; }
.portal_sect .aside > .top + .btn_wrap .portal_btn { height: 2.4rem; line-height: 2.4rem; padding: 0 1.2rem; border-radius: 2em; border: 1px solid var(--blue); color: var(--blue); font-size: 1.2rem; transition: background-color 0.3s, color 0.3s }

.portal_sect .aside .filter_wrap { margin-top: 1.5rem; max-height:  calc(90vh - var(--hd_height)); overflow-y: auto; }
.portal_sect .aside .filter_wrap::-webkit-scrollbar { width: 9px; }
.portal_sect .aside .filter_wrap::-webkit-scrollbar-thumb { height: 30%; background: #F0F2F6; border-left: 3px solid #fff; border-right: 3px solid #fff; border-radius: 9px/3px; }

.portal_sect .aside .filter_wrap .depth1 + .depth1 { margin-top: 1.5rem; }
.portal_sect .aside .filter_wrap .depth1 > p { position: relative; padding: 1.5rem 2rem; font-size: 1.7rem; font-weight: 600; color: #fff; background-color: var(--blue); border-radius: 1rem; }
/*.portal_sect .aside .filter_wrap .depth2_wrap { display: none; }*/
.portal_sect .aside .filter_wrap .depth2 { margin-top: 1.5rem; }
.portal_sect .aside .filter_wrap .depth2 > p { position: relative; padding: 0.4rem 0 0.4rem 1rem; font-weight: 600; cursor: pointer; }
.portal_sect .aside .filter_wrap .depth2 > p > .chk_box.tit span { font-weight: 600; }
.portal_sect .aside .filter_wrap .depth2 > p > .chk_box.tit span span{display: inline-block; transform: translateY(-0.1em); padding: 0 0.6em; margin-left: 0.25em; background: #E9EBF3; font-size: 0.8em; border-radius: 2em; line-height: 1.5em;}
.portal_sect .aside .filter_wrap .depth2 > p > .chk_box.tit input { display: none; }
.portal_sect .aside .filter_wrap .depth2.on > p .chk_box.tit { color: var(--red);  }
.portal_sect .aside .filter_wrap .depth2.on > p .chk_box.tit span em{}
.portal_sect .aside .filter_wrap .depth2.on > p .chk_box.tit span span{background-color: var(--blue); color: #fff;}
.portal_sect .aside .filter_wrap .depth2 > p .arr { content: ''; position: absolute; right: 0; top: 50%; display: block; width: 0.9em; height: 0.9em; padding: 0 1em; background: url('data:image/svg+xml,<svg fill="%23A7ABBD" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>')center / contain no-repeat; line-height: 1.666667; transform: translateY(-50%); transition: transform 0.2s; }
.portal_sect .aside .filter_wrap .depth2.all p .arr { display: none; }
.portal_sect .aside .filter_wrap .depth2.on > p .arr { transform: translateY(-50%) rotate(180deg); }
.portal_sect .aside .filter_wrap .depth2 > p > .chk_box { display: inline-block; vertical-align: middle; width: 89%; }
.portal_sect .aside .filter_wrap .depth3_wrap { display: none; padding: 1rem 2rem 1rem 3rem; background-color: var(--lightGy); border-radius: 1rem; }
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box span { font-size: 1.3rem; }
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box span em{}
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box span span{display: inline-block; transform: translateY(-0.1em); padding: 0 0.6em; margin-left: 0.25em; background: #e8ecf3; font-size: 0.8em; border-radius: 2em; line-height: 1.5em;}
/*.portal_sect .aside .filter_wrap .depth3_wrap.show { height: auto; opacity: 1; pointer-events: visible; }*/
.portal_sect .aside .filter_wrap .depth3_wrap .type_btn { margin-bottom: 1.2rem; }
.portal_sect .aside .filter_wrap .depth3_wrap .type_btn .btn { height: 2.4rem; padding: 0 1.5rem; border-radius: 2em; border: 1px solid #A7ABBD; color: #A7ABBD; font-size: 1.4rem; transition: border 0.3s, color 0.3s; }
.portal_sect .aside .filter_wrap .depth3_wrap .type_btn .btn.on { border: 1px solid var(--blue); color: var(--blue); }
.portal_sect .aside .filter_wrap .depth3_wrap .type_btn .btn + .btn { margin-left: 0.1rem; }
.portal_sect .aside .filter_wrap .depth3_wrap .depth3 .chk_box { padding: 0.7rem 0; }
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box label { color: rgba(18,26,66,0.6); fill: rgba(18,26,66,0.6); }
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box .n,
.portal_sect .aside .filter_wrap .depth3_wrap .chk_box .y { fill: rgba(18,26,66,0.6); }


.portal_sect .cont { width: calc(77% - 5rem); margin-left: 5rem; margin-top: 4.5rem; margin-bottom: auto; }
.portal_sect .cont .util_wrap { position: relative; padding: 4.5rem 3rem; border-radius: 1rem; background-color: var(--lightGy); }

.portal_sect .cont .sch_wrap { display: flex; align-items: center; justify-content: flex-start; }
.portal_sect .cont .sch_wrap .sel_wrap { width: 25%; flex-shrink: 0; }
.portal_sect .cont .sch_wrap .sel_wrap .nice-select { height: 4.8rem; line-height: 4.8rem; border-radius: 2em; border: 0; font-size: 1.6rem; }
.portal_sect .cont .sch_wrap .sel_wrap .nice-select:after { content: '\f0d7'; right: 2rem; top: 50%; width: auto; height: auto; margin-top: 0; border: 0; font-family: var(--awesome); font-weight: 900; transform: translateY(-50%); color: var(--blue); transform-origin: center; }
.portal_sect .cont .sch_wrap .sel_wrap .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.portal_sect .cont .sch_wrap .sel_wrap .nice-select .list { width: 100%; }
.portal_sect .cont .sch_wrap .sch_box { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 4.8rem; line-height: 4.8rem; padding: 0 2rem; margin-left: 1rem; background-color: #fff; border-radius: 2em; overflow: hidden; }
.portal_sect .cont .sch_wrap .sch_box input { width: 100%; padding-right: 1.5rem; }
.portal_sect .cont .sch_wrap .sch_box input svg { color: var(--blue); }
.portal_sect .cont .sch_wrap .sch_box input::placeholder { color: #D4D8DC; }
.portal_sect .cont .sch_wrap .sch_box input .sch_btn { flex-shrink: 0; fill: var(--blue); font-size: 2rem; }

.portal_sect .cont .tag_cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2rem; }
.portal_sect .cont .tag_cont .reset_btn { display: flex; align-items: center; justify-content: center; height: 2.4rem; padding: 0 1.2rem; margin-left: 1rem; margin-top: 0.6rem; border-radius: 2em; background-color: #e8ecf3; border: 1px solid #e8ecf3; flex-shrink: 0; }
.portal_sect .cont .tag_cont .reset_btn .btn { display: flex; align-items: center; justify-content: center; }
.portal_sect .cont .tag_cont .reset_btn .btn .txt { font-size: 14px; }
.portal_sect .cont .tag_cont .reset_btn svg { position: relative; top: 0.1rem; width: 1.2rem; height: 1.2rem; margin-left: 0.3em; transition: transform 0.5s; }

.portal_sect .cont .tag_wrap { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; max-height: 3.6rem; margin-left: -4px; transition: max-height 0.5s; overflow: hidden; }
.portal_sect .cont .tag_wrap .tag { display: flex; align-items: center; justify-content: flex-start; height: 2.4rem; line-height: 2.4rem; padding: 0 1rem; margin-left: 4px; margin-top: 8px; border-radius: 2em; border: 1px solid rgba(167,171,189,0.5); font-size: 1.4rem; }
.portal_sect .cont .tag_wrap .tag .ico { margin-left: 0.8rem; }
.portal_sect .cont .tag_wrap .tag .ico svg{opacity: 0.3;}

/*.portal_sect .cont .tag_wrap.on { max-height: 100vh; }*/

.portal_sect .cont .tag_btn { position: absolute; left: 50%; bottom: 0; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background-color: var(--blue); transform: translate(-50%, 50%); font-size: 2rem; fill: rgba(255,255,255,0.8); cursor: pointer; transition: background-color 0.5s; }
.portal_sect .cont .tag_btn svg { transition: transform 0.3s }
.portal_sect .cont .tag_btn.on svg { transform: rotate(180deg); }

.portal_board_wrap { margin-top: 5rem; }
.portal_board_wrap > .top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; }
.portal_board_wrap > .top .total { font-size: 1.5rem; font-weight: 500; }
.portal_board_wrap > .top .total span { margin-right: 0.5rem; }

.portal_board_wrap .board_box {  }
.portal_board_wrap .board_box .box { display: block; padding: 2rem 2.4rem; border-top: 1px solid #EAEAEA; transition: background-color 0.3s; }
.portal_board_wrap .board_box .box:last-of-type { border-bottom: 1px solid #EAEAEA; }
.portal_board_wrap .board_box .box .top { display: flex; align-items: center; justify-content: space-between; }
.portal_board_wrap .board_box .box .tit { display: block; padding-top: 2rem; font-size: var(--box_tit); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.portal_board_wrap .board_box .box .txt { display: -webkit-box; padding-top: 3rem; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


/*-----뷰페이지-----*/

/*비주얼*/
.view_vis { position: relative; padding: var(--main_cont_pd) 2rem; overflow: hidden; background-color: var(--blue); }
.view_vis .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: opacity(0.55); }
.view_vis .img img { width: 100%; height: 100%; object-fit: cover }
.view_vis .txt_box { position: relative; width: 100%; color: #fff; text-align: center; }
.view_vis .txt_box .label_wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.view_vis .txt_box .label { display: inline-block; height: 3rem; line-height: 3rem; margin: 0 1rem 1rem 0; padding: 0 1.5rem; border-radius: 2em; background-color: #E9EBF3; font-size: 1.4rem; font-weight: 700; color: #6B76AC; }
.view_vis .txt_box .label + .tit { margin-top: 4rem; }
.view_vis .txt_box .tit { font-size: var(--cont_tit); font-weight: 700; }
.view_vis .txt_box .tit + .info_wrap { margin-top: 4rem; }
.view_vis .txt_box .info_wrap { display: flex; align-items: center; justify-content: center; }
.view_vis .txt_box .info_wrap .info { display: flex; align-items: center; justify-content: flex-start; }
.view_vis .txt_box .info_wrap .info + .info { margin-left: 3rem; }
.view_vis .txt_box .info_wrap .info .ico { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; border-radius: 100%; background-color: #D4D8DC; fill: #6A7092; font-size: 12px; cursor: pointer}
/*241017 포스트 북마크 on추가*/
.view_vis .txt_box .info_wrap .info .ico.on {fill: #ff0000}
.view_vis .txt_box .info_wrap .info .txt { margin-left: 1rem; font-size: 1.5rem; }

.view_board { padding-bottom: 8rem; }

.view_board .aside_wrap { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.view_board .aside_wrap + .btn_wrap { margin-top: 8rem; }

.view_board .aside .down_wrap select {
  display: block !important;
  width: 100%;
  height: 4.4rem;
  line-height: 4.4rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  border: 1px solid #eaeaea;
  font-size: 1.3rem;
}
.view_board .aside .down_wrap select:focus {
  outline: none !important;
  border: 1px solid #eaeaea;
  box-shadow: none;
}
.view_board .aside .down_wrap select:invalid {
  color: #bdbdbd;
}
.view_board .aside .down_wrap select:valid {
  color: black;
}
.form_btm .turnstile-wrap {
  max-width: 25rem;
}

.view_board .cont { width: calc(77% - 6rem); }
.view_board .cont.w100 { width: 80%; }
.view_board .cont .txt_sect {  }
/*.view_board .cont .txt_sect > * + * { margin-top: 3rem; }*/
/*.view_board .cont .txt_sect .txt + .txt { margin-top: 2rem; }*/
/*.view_board .cont .txt_sect * + .tit { margin-top: 6rem; }*/

.view_board .cont .txt_sect.preview { position: relative; min-height: 10rem;max-height: 60rem; overflow: hidden; }

/*.view_board .cont .txt_sect > .tit { font-size: var(--box_tit); font-weight: 700; }*/
/*.view_board .cont .txt_sect * + .sub_tit { margin-top: 8rem; }*/
/*.view_board .cont .txt_sect .sub_tit { font-weight: 700; }*/
/*.view_board .cont .txt_sect .sub_tit + .txt { margin-top: 2rem; }*/

/*.view_board .cont .txt_sect img { max-width: 100%; margin-left: auto; margin-right: auto; border-radius: 1rem; overflow: hidden; }*/

.view_board .cont .txt_sect .desc { margin-top: 1.5rem; font-size: 1.4rem; color: #9AA2A9; font-weight: 400; }
.view_board .cont .txt_sect .desc span {  }
.view_board .cont .txt_sect .desc span + span { position: relative; margin-left: 2rem; }
.view_board .cont .txt_sect .desc span + span:before { content: ''; position: absolute; left: -1rem; top: 50%; width: 1px; height: 90%; background-color: #D4D8DC; transform: translate(-100%, -50%); }

/*.view_board .cont .txt_sect * + ul { margin-top: 6rem; }*/
/*.view_board .cont .txt_sect .tit + ul { margin-top: 3rem; }*/
/*.view_board .cont .txt_sect ul.col2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 0; }*/
/*.view_board .cont .txt_sect ul.col2 li + li { margin-top: 0 !important; }*/
/*.view_board .cont .txt_sect ul li { position: relative; padding-left: 1em; font-weight: 600; }*/
/*.view_board .cont .txt_sect ul li:before { content: ''; position: absolute; left: 0; top: 0.55em; width: 0.3em; height: 0.3em; border-radius: 100%; background-color: #A7ABBD; }*/
/*.view_board .cont .txt_sect ul li + li { margin-top: 1rem !important; }*/
/*.view_board .cont .txt_sect ul li span { display: block; font-weight: 400; }*/
/*.view_board .cont .txt_sect ul li span:not(:first-child){margin-top: 6px;}*/

.view_board .cont .txt_sect .view_table { border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; }
.view_board .cont .txt_sect .view_table .row { display: flex; align-items: stretch; justify-content: flex-start; }
.view_board .cont .txt_sect .view_table .th { display: flex; align-items: flex-start; justify-content: center; width: 10%; min-width: 85px; padding: 1rem 1.5rem; margin-top: 0; flex-shrink: 0; text-align: center; }
.view_board .cont .txt_sect .view_table .th span { position: relative; }
.view_board .cont .txt_sect .view_table .th span:before { content: ''; position: absolute; left: 50%; bottom: 2px; width: 100%; height: 1px; background-color: var(--blue); transform: translateX(-50%); }
.view_board .cont .txt_sect .view_table .td { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-top: 0; padding: 1rem 3rem; border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; background-color: #F7F7F7; }
.view_board .cont .txt_sect .view_table .row:first-of-type .td { border-top: 0; }

.view_board .cont .txt_sect .video { position: relative; width: 100%; padding-top: 56.25%; border-radius: 1rem; overflow: hidden; }
.view_board .cont .txt_sect .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*.view_board .cont .txt_sect > p { line-height: 1.7; }*/
.view_board .cont .txt_sect + .podcast { margin-top: 6rem; }
.view_board .cont .podcast + .txt_sect { margin-top: 6rem; }
.view_board .cont .podcast + .podcast { margin-top: 3rem; }
.view_board .cont .podcast audio { width: 100%; }

.view_board .cont * + .subs_banner { margin-top: 10rem; }
.view_board .cont .subs_banner { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4.5rem 2rem; background-color: var(--blue); color: #fff; text-align: center; border-radius: 1rem; }
.view_board .cont .subs_banner .ico { display: flex; align-items: center; justify-content: center; width: 10.6rem; height: 10.6rem; background-color: #E9EBF3; border-radius: 100%; font-size: 4.8rem; fill: var(--light_blue); }
.view_board .cont .subs_banner .txt_box { margin-top: 2.5rem; }
.view_board .cont .subs_banner .txt_box .tit { font-size: 2.6rem; font-weight: 700; }
.view_board .cont .subs_banner .txt_box .txt { margin-top: 2rem; }
.view_board .cont .subs_banner .txt_box + .btn_wrap { margin-top: 4rem; }

.view_board .cont * + .goto_wrap { margin-top: 3rem; }
.view_board .cont .goto_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.view_board .cont .goto_wrap .box { display: block; padding: 3.5rem; border: 1px solid #EAEAEA; border-radius: 1rem; box-shadow: 0 0 0 0 transparent; transition: box-shadow 0.5s, transform 0.5s; }
.view_board .cont .goto_wrap .box .tit { font-size: var(--wrap_tit); font-weight: 700; }
.view_board .cont .goto_wrap .box .btm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 2rem; }
.view_board .cont .goto_wrap .box .btm > .txt{margin-bottom: 0.5em; margin-right: 1em;}

.view_board .cont * + .cate_wrap { margin-top: 10rem; }
.view_board .cont .cate_wrap > .tit { font-size: var(--wrap_tit); font-weight: 700; }
.view_board .cont .cate_wrap .cate_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-right: auto; margin-top: 2.8rem; }
.view_board .cont .cate_wrap .cate_box .box { display: flex; align-items: baseline; justify-content: flex-start; }
.view_board .cont .cate_wrap .cate_box .box .tit {  }
.view_board .cont .cate_wrap .cate_box .box .cate { margin-left: 1.8rem; font-weight: 700; }
.view_board .cont .cate_wrap .cate_box .box .cate .board_label { max-width: unset; white-space: pre-wrap; height: auto; line-height: 1.2; padding: 0.6rem 1.3rem; margin: 0 0.3rem 0.7rem 0; font-size: 1.3rem;}

.view_board .cont .cate_wrap .tag_box { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 4rem; }
.view_board .cont .cate_wrap .tag_box .tag { margin: 0.5rem 0; margin-right: 2rem; font-size: 12px; text-decoration: underline; }


.author_box { width: 100%; margin-top: 10rem; }
.author_box .info_wrap { margin-top: 2.5rem; padding: 6rem 5rem; background-color: var(--lightGy); border-radius: 2rem; }
.author_box .info_wrap.col2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7rem 8rem; }
.author_box .info_wrap .box { display: flex; align-items: flex-start; justify-content: flex-start; }
.author_box .info_wrap .img { width: 10rem; height: 10rem; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.author_box .info_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.author_box .info_wrap .info { width: 100%; margin-left: 2.5rem; }
.author_box .info_wrap .info .team { font-size: var(--box_tit); font-weight: 700; }
.author_box .info_wrap .info .team + .author_sns { margin-top: 1.5rem; }
.author_box .info_wrap .info .txt { min-height: 7.3rem; margin-top: 3rem; color: #9AA2A9; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.author_box .info_wrap .info .btn_wrap { margin-top: 3.5rem; }
.author_box > .btn_wrap { margin-top: 4.5rem; }

.author_sns { display: flex; align-items: center; justify-content: flex-start; }
.author_sns .sns { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: 100%; background-color: rgba(212,216,220,0.5); fill: #A7ABBD; transition: background-color 0.3s, fill 0.3s; }
.author_sns .sns + .sns { margin-left: 0.8rem; }


.view_board .aside { width: 23%; margin-left: 6rem; flex-shrink: 0; }
.view_board .aside .aside_con { padding: 3rem 2rem; background-color: var(--lightGy); border-radius: 1rem; }
.view_board .aside .aside_con + * { margin-top: 2rem; }
.view_board .aside * + .aside_con { margin-top: 2rem; }
.view_board .aside .sect + .sect { margin-top: 4rem; }
.view_board .aside .sect .top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.3rem; }
.view_board .aside .sect .top .tit_box { display: flex; align-items: center; justify-content: flex-start; }
.view_board .aside .sect .top .aside_tit { margin-bottom: 0; }
.view_board .aside .sect .top .aside_tit_sub { margin-bottom: 0; }
.view_board .aside .sect .btn_wrap { margin-top: 2rem; }
.view_board .aside .sect form + .btn_wrap { margin-top: 1rem; }
.view_board .aside .sect .btn_wrap + .btn_wrap { margin-top: 1rem; }
.view_board .aside .sect .more_btn { width: 100%; justify-content: center; border-radius: 1rem; }
.view_board .aside .aside_tit { margin-bottom: 2rem; font-size: var(--box_tit); font-weight: 700; }
.view_board .aside .aside_tit_sub { margin-bottom: 2rem; font-size: 1.6rem; font-weight: 700; }

.view_board .aside .down_wrap {  }
.view_board .aside .down_wrap .inp_box.name { display: flex; align-items: center; justify-content: flex-start; }
.view_board .aside .down_wrap .inp_box.name .inp:first-of-type { width: 45%; }
.view_board .aside .down_wrap .inp_box.name .inp:last-of-type { width: 55%; margin-top: 0; margin-left: 0.5rem; }
.view_board .aside .down_wrap .inp_box + .inp { margin-top: 0.5rem; }
.view_board .aside .down_wrap .inp + .inp { margin-top: 0.5rem; }
.view_board .aside .down_wrap input { width: 100%; height: 4.4rem; line-height: 4.4rem; padding: 0 1.5rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; font-size: 1.3rem; }
.view_board .aside .down_wrap input::placeholder { color: #BDBDBD; }
.view_board .aside .down_wrap textarea { width: 100%; height: 10rem; padding: 1.5rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; resize: none; font-size: 1.3rem; }
.view_board .aside .down_wrap textarea::placeholder { color: #BDBDBD; }
.view_board .aside .down_wrap .nice-select { height: 4.8rem; line-height: 4.8rem; padding: 0 1.5rem; border-radius: 0.5rem; border: 1px solid #EAEAEA; font-size: 1.3rem; color: #BDBDBD; }
.view_board .aside .down_wrap .nice-select.active { color: var(--blue); }
.view_board .aside .down_wrap .nice-select .list { width: 100%; max-height: 20rem; overflow: auto; }
.view_board .aside .down_wrap .nice-select .list li.disabled { display: none; }
.view_board .aside .down_wrap .nice-select:after { content: '\f0d7'; right: 1.5rem; top: 50%; width: auto; height: auto; margin-top: 0; border: 0; font-family: var(--awesome); font-weight: 900; transform: translateY(-50%); color: var(--blue); transform-origin: center; }
.view_board .aside .down_wrap .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }

.view_board .aside .chk_wrap {  }
.view_board .aside .chk_wrap .top { display: flex; align-items: flex-end; justify-content: space-between; }
.view_board .aside .chk_wrap .top .desc { margin-left: 1.5rem; font-size: 12px; color: #9AA2A9; }
.view_board .aside .chk_wrap .chk_box { width: 90%; margin: 0 auto; }
.view_board .aside .chk_wrap .chk_box + .chk_box { margin-top: 1.5rem; }

.view_board .aside .terms_wrap > .txt { font-size: 12px; }
.view_board .aside .terms_wrap > .txt.spread { position: relative; padding-bottom: 4rem; }
.view_board .aside .terms_wrap > .txt.spread.on p { -webkit-line-clamp: unset; }
.view_board .aside .terms_wrap > .txt.spread > p { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.view_board .aside .terms_wrap > .txt.spread.on > p:before { display: none; }
.view_board .aside .terms_wrap > .txt.spread .btn { position: absolute; left: 0; bottom: 3rem; display: flex; align-items: center; justify-content: flex-start; color: var(--blue); transform: translateY(100%); }
.view_board .aside .terms_wrap > .txt.spread .btn:before { content: ''; position: absolute; left: 0; bottom: -0.2rem; width: 100%; height: 1px; background-color: var(--blue); }
.view_board .aside .terms_wrap > .txt.spread .btn .ico { margin-left: 0.5rem; font-size: 0.9rem; transition: transform 0.3s; }
.view_board .aside .terms_wrap > .txt.spread.on .btn .ico { transform: rotate(-180deg); }

.view_board .captcha { border: 1px solid #EAEAEA; border-radius: 0.5rem; overflow: hidden; }

.view_board .aside * + .captcha { margin-top: 3rem; }

.view_board .aside .info_wrap {  }
.view_board .aside .info_wrap .info { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 1.5rem; }
.view_board .aside .info_wrap .info + .info { margin-top: 1rem; }
.view_board .aside .info_wrap .info .tit { width: 32%; margin-right: 1em; font-weight: 600; flex-shrink: 0; }
/* .view_board .aside .info_wrap .info .txt { word-break: break-all; } */

.view_board .aside .thumb_box { display: block; border-radius: 1rem; overflow: hidden;  }
.view_board .aside .thumb_box .img { position: relative; width: 100%; padding-top: 100%; }
.view_board .aside .thumb_box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.view_board .aside .thumb_box .txt_box { padding: 3rem 2rem; background-color: var(--lightGy); }
.view_board .aside .thumb_box .txt_box .cate { font-size: 12px; font-weight: 600; }
.view_board .aside .thumb_box .txt_box .cate + .tit { margin-top: 0.5rem; }
.view_board .aside .thumb_box .txt_box .tit { font-size: var(--box_tit); font-weight: 700; }

.view_board .post_view_swiper { position: relative; }
.view_board .aside .swiper-container { padding: 1rem 0 2rem; margin-top: 0; }
.view_board .post_view_swiper .paging { position: absolute; right: 1rem; top: 2rem; display: flex; align-items: center; justify-content: flex-end; z-index: 10; }
.view_board .post_view_swiper .paging .swiper_btn { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background-color: rgba(255,255,255,0.8); border-radius: 100%; cursor: pointer; transition: background-color 0.5s; }
.view_board .post_view_swiper .paging .swiper_btn:hover { background-color: #fff; }
.view_board .post_view_swiper .paging .swiper_btn + .swiper_btn { margin-left: 0.5rem; }
.view_board .post_view_swiper .paging .swiper_btn svg { width: 60%; height: 60%; }

.view_board .view_bg { background-color: var(--lightGy); margin-bottom: -8rem; }
.view_board .view_bg .sub_board_sect { padding-top: 0; }
.view_board .view_bg .comment_sect + .sub_board_sect { padding-top: var(--sub_cont_pd); }

.board_view_youtube { padding: var(--sub_cont_pd) 0 0; }
.board_view_youtube .view_youtube_cont { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 4rem; gap: 6rem 2.4rem; }
.board_view_youtube .view_youtube_cont .box {  }
.board_view_youtube .view_youtube_cont .box .img { position: relative; padding-top: 56%; }
.board_view_youtube .view_youtube_cont .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.board_view_youtube .view_youtube_cont .box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top: 2.4rem; font-size: var(--box_tit); font-weight: 600; }
.board_view_youtube .view_youtube_cont .box .tit:before {  }
.board_view_youtube .view_youtube_cont .box .tit span { background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: left bottom; background-size: 0 2px; -webkit-transition: background-size 1s,-webkit-box-shadow 1s; transition: box-shadow 1s,background-size 1s,-webkit-box-shadow 1s; }
.board_view_youtube .view_youtube_cont .box .tag_wrap { margin-top: 1.5rem; margin-left: -0.8rem; }
.board_view_youtube .view_youtube_cont .box .tag_wrap .tag { height: 2.5rem; line-height: 2.5rem; margin-left: 0.8rem; margin-top: 0.8rem; padding: 0 1.4rem; font-size: 1.3rem; color: var(--blue); background-color: #F0F2F6; border-radius: 2em; transition: background-color 0.3s, color 0.3s; }


/*댓글*/
.comment_sect {  }
.comment_sect .cmt_write .more_btn,
.comment_sect .cmt_view_wrap .more_btn { height: 4.4rem; line-height: 4.4rem; border-radius: 0.5rem; padding: 0 2.4rem; }
.comment_sect .in > .top { margin-bottom: 2rem; }
.comment_sect textarea { width: 100%; height: 22rem; padding: 3rem; background-color: #fff; border: 0; border-radius: 1rem; resize: none; }
.comment_sect textarea::placeholder { color: #BDBDBD; }

.comment_sect .cmt_write .btn_wrap { margin-top: 3rem; }

.comment_sect .cmt_view_wrap { margin-top: 5rem; }
.cmt_view_wrap + .cmt_view_wrap { margin-top: 4rem; }
.comment_sect .cmt_view { padding: 4.5rem 0; border-top: 1px solid rgba(112,112,112,0.2); }
.comment_sect .cmt_view.re { border: 0; }
.comment_sect .cmt_view.re + .cmt_view.re { border-top: 1px solid rgba(112,112,112,0.2); }
.comment_sect .cmt_view:first-of-type { border: 0; padding-top: 0; }
.comment_sect .cmt_view:last-of-type { padding-bottom: 0; }
.comment_sect .cmt_view .top { display: flex; align-items: flex-end; justify-content: space-between; }
.comment_sect .cmt_view .top .left { display: flex; align-items: center; justify-content: flex-start; }
.comment_sect .cmt_view .top .writer { font-size: 1.8rem; font-weight: 700; }
.comment_sect .cmt_view .top .date { margin-left: 1rem; font-size: 1.4rem; font-weight: 300; color: #9AA2A9; }
.comment_sect .cmt_view .top .my_label { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; color: #6A7092; fill: #6A7092; opacity: 0.5; }
.comment_sect .cmt_view .top .my_label .ico { font-size: 1.3rem; }
.comment_sect .cmt_view .top .my_label .txt { margin-left: 0.6rem; font-size: 1.5rem; font-weight: 600; }
.comment_sect .cmt_view .top + .cmt { margin-top: 2rem; }
.comment_sect .cmt_view .cmt { display: flex; align-items: flex-start; justify-content: flex-start; }
.comment_sect .cmt_view .cmt .tag_name { margin-right: 1rem; padding: 0.2rem 0.8rem; border-radius: 0.5rem; background-color: #E9EBF3; font-size: 1.5rem; font-weight: 600; color: var(--fontGy); }
.comment_sect .cmt_view .btn_wrap { margin-top: 3rem; }
.comment_sect .cmt_view .btn_wrap .btn { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; color: var(--fontGy); fill: var(--fontGy); transition: color 0.3s, fill 0.3s; }
.comment_sect .cmt_view .btn_wrap .btn + .btn { margin-left: 3rem; }
.comment_sect .cmt_view .btn_wrap .btn .ico { margin-right: 0.7rem; font-size: 1.3rem; }

.comment_sect .cmt_view_wrap + .btn_wrap { margin-top: 8rem; }


@keyframes arrowMove {
    0% {
        transform: unset;
    }
    50% {
        transform: translateX(2px);
    }
    100% {
        transform: unset;
    }
}
.comment_sect .cmt_view .btn_wrap .report_btn { position: relative; font-size: 1.4rem; color: #9AA2A9; fill: #9AA2A9; transition: color 0.2s, fill 0.2s; }
.comment_sect .cmt_view .btn_wrap .report_btn .ico { font-size: 1.6rem; }

.comment_sect .re_cmt_wrap { margin-left: 7rem; margin-top: 3rem; overflow: hidden; }
.comment_sect .re_cmt .writer { font-size: 1.7rem; font-weight: 600; }
.comment_sect .re_cmt .re_write { display: flex; align-items: flex-end; justify-content: space-between; border-radius: 1rem; background-color: #fff; }
.comment_sect .re_cmt .re_write textarea { width: 100%; height: 17rem;  }
.comment_sect .re_cmt .btn_wrap { flex-shrink: 0; margin-top: 2rem; }

/*-----마이페이지-----*/
.my_subs { position: relative; }
.my_subs:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 20rem; background-color: var(--lightGy); z-index: -1; }
.my_subs .top { display: flex; align-items: flex-end; justify-content: space-between; }
.my_subs .top .tit { font-size: var(--wrap_tit); font-weight: 700; }
.my_subs .top .more_btn + .more_btn { margin-left: 1.5rem; }

.my_subs .cont { margin-top: 3rem; padding: 6rem; border-radius: 2rem; box-shadow: 0 0 10px 0 rgba(18, 26, 66, 0.1); background-color: #fff; }
.my_subs .cont .info { display: flex; align-items: center; justify-content: flex-start; }
.my_subs .cont .info.col { flex-direction: column; align-items: flex-start; }
.my_subs .cont .info + .info { margin-top: 2rem; }
.my_subs .cont .info .tit { width: 20%; flex-shrink: 0; font-size: 1.8rem; font-weight: 600; }
.my_subs .cont .info .txt { width: 100%; margin-left: 15px; }

.my_subs .cont .info .box_wrap { position: relative; width: 100%; margin-top: 2rem; padding: 3rem; background-color: var(--lightGy); border-radius: 1rem; }
.my_subs .cont .info .box_wrap .info_btn { position: absolute; left: 50%; bottom: 0; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background-color: #D4D8DC; fill: #fff; transform-origin: center; transform: translate(-50%, 50%); cursor: pointer; font-size: 2rem; transition: transform 0.3s, background-color 0.3s; }
.my_subs .cont .info .box_wrap .info_btn.on { transform: translate(-50%, 50%) rotate(180deg); }

.my_subs .cont .info .box { position: relative; width: 100%; max-height: 5em; overflow: hidden; transition: max-height 0.5s; }
.my_subs .cont .info .box .info { align-items: flex-start; }
.my_subs .cont .info .box .info + .info { margin-top: 1rem; }
.my_subs .cont .info .box .info .tit { width: calc(20% - 1.5rem); font-size: 1.5rem; flex-shrink: 0; }
.my_subs .cont .info .box .info .tit .board_label { display: inline-block; }
.my_subs .cont .info .box .info .txt { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-left: -3rem; margin-top: -0.9rem; font-size: 1.5rem; }
.my_subs .cont .info .box .info .txt .cate { display: block; margin-left: 3rem; margin-top: 1rem; font-weight: 400; opacity: 0.4; }
.my_subs .cont .info .box .info .txt .cate.active { font-weight: 600; text-decoration: underline; opacity: 1; }

.mypage_sect .portal_board_wrap { margin-top: 0; }
.mypage_sect .sub_bg { background-color: var(--lightGy); }
.mypage_sect .sub_board_sect { padding-top: 0; }
.mypage_sect .sub_board_sect .btn_wrap { margin-top: 8rem; }

/*작가 상세*/
.author_sect { padding: 10rem 0; background-color: var(--lightGy); }
.author_sect .cont { display: flex; align-items: flex-start; justify-content: flex-start; }
.author_sect .cont .profile { width: 24rem; height: 24rem; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.author_sect .cont .profile + .txt_box { width: 100%; margin-left: 10rem; }
.author_sect .cont .profile img{width: 100%;}
.author_sect .cont .txt_box {  }
.author_sect .cont .txt_box .top { display: flex; align-items: center; justify-content: space-between; }
.author_sect .cont .txt_box .top .cate { font-size: 1.7rem; font-weight: 700; color: #9AA2A9; }

.author_sect .cont .txt_box .info { margin-top: 1.5rem; }
.author_sect .cont .txt_box .info .name { font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); }
.author_sect .cont .txt_box .info .txt { margin-top: 3rem; font-size: 1.5rem; font-weight: 400; }

.author_sect .cont .txt_box .cover { margin-top: 4rem; }
.author_sect .cont .txt_box .cover .tit { font-size: var(--box_tit); font-weight: 700; }
.author_sect .cont .txt_box .cover .txt { margin-top: 2rem; color: var(--fontGy); font-size: 1.4rem; }

.register_form .tit_wrap { text-align: center; }
.register_form .tit_wrap .tit { font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); line-height: 1.4; }
.register_form .tit_wrap .txt { margin-top: 3rem; font-size: 1.5rem; font-weight: 400; color: var(--fontGy); }

.register_form .form_wrap { max-width: 80rem; margin: 8rem auto 0; }


/*-----개인정보 처리방침-----*/
.priv_wrap {  }
.priv_wrap > .tit { font-size: var(--cont_tit); font-weight: 600; font-family: var(--Poppins); text-align: center; }
.priv_wrap > .tit + .txt_box { margin-top: 8rem; }
.priv_wrap .txt_box h5 { margin-bottom: 3rem; font-size: var(--wrap_tit); font-weight: 600; }
.priv_wrap .txt_box .box + .box { margin-top: 6rem; }
.priv_wrap .txt_box .tit { font-size: var(--box_tit); font-weight: 600; }
.priv_wrap .txt_box .tit + p { margin-top: 2rem; }
.priv_wrap .txt_box .txt { font-size: 1.5rem; color: var(--fontGy); }
.priv_wrap .txt_box p + p { margin-top: 1.5rem; }
.priv_wrap .txt_box ul { margin-top: 2.5rem; }
.priv_wrap .txt_box ul li { position: relative; padding-left: 1em; }
.priv_wrap .txt_box ul li:before { content: ''; position: absolute; left: 0; top: 0.6em; width: 0.5rem; height: 1.5px; background-color: var(--lightbu); transform: translateY(50%); }
.priv_wrap .txt_box ul li + li { margin-top: 1rem; }

/*-----404 페이지-----*/
.not_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background-color: #F5F7FA; }
.not_wrap .cont .tit { margin-top: 8rem; font-size: 4.5rem; font-weight: 600; font-family: var(--Poppins); text-align: center; }
.not_wrap .cont .txt { margin-top: 2rem; text-align: center; }
.not_wrap .cont .btn_wrap { margin-top: 4rem; }


.msg_layer{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 20px 80px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: 0.2s ease-in-out}
.msg_layer.open{opacity: 1; pointer-events: inherit}
.msg_layer .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.msg_layer .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.msg_layer .modal_wrap .modal_cont {position: relative; width: 350px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 2rem 2rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: 14px; text-align: center}
.msg_layer .modal_bot_box {display: flex; justify-content: center}
.msg_layer .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2),
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}
.msg_layer .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; display: none}
.msg_layer .modal_top.step { align-items: flex-start; }
.msg_layer .modal_top .tit_wrap {  }
.msg_layer .modal_top .step { font-size: 16px; font-weight: 600; }
.msg_layer .modal_top .step + .tit { margin-top: 10px; }
.msg_layer .modal_top .tit { font-size: 24px; font-weight: 700; }
.msg_layer .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3.5rem; }
.msg_layer .btn_wrap .btm_btn { display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 4.3rem; padding: 0 2.2rem; line-height: 4.4rem; font-size: 1.4rem; font-weight: 600; border-radius: 2em; background-color: var(--red); border: 1px solid var(--red); color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; }
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: var(--red);}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }


/* 로딩바 */
.loading_bar{width: 8rem; padding: var(--sub_cont_pd) 0; margin: 0 auto;}

/*-----호버 스타일-----*/
@media screen and (min-width: 1024px){
    .sub_cont_tab .tab:hover { color: var(--blue); }

    .sub_cont_tab .tab:hover span:before { width: 100%; }

    .pagination .num_list li:hover a { color: var(--blue); font-weight: 600; }
    .pagination .num_list li:hover a:before { width: 70%; opacity: 1; }

    .pagination > a:hover { box-shadow: 0 0 0 1px var(--blue); }
    .pagination > a:hover svg { fill: var(--blue); }

    .sub_sort_tab .tab_wrap .tab:hover { background-color: var(--red); color: #fff; }

    .opi_li .box .info .txt_box .sns_wrap .sns:hover { fill: var(--blue); }

    .li_sort_tab .tab:hover { background-color: var(--blue); color: #fff; }
    .li_sort_tab .tab.bu:hover { background-color: #788CDD; color: #fff; }
    .li_sort_tab .tab.re:hover { background-color: #F66F74; color: #fff; }

    /*.board_li .board_box:hover { box-shadow: 3px 3px 15px 0 rgba(18,26,66,0.1); transform: translateY(-3px); }*/
    .board_li .board_box:hover .li_top .tit_box .tit span { background-size: 100% 2px }
    .board_li_box .board_box:hover { transform: translateY(-5px); box-shadow: 2px 2px 10px 0 rgba(18,26,66,0.1); }

    .board_thm_box .box:hover { transform: translateY(-5px); box-shadow: 3px 2px 15px 4px rgba(18,26,66,0.085); }
    .board_thm_box .box:hover .img { border-radius: 2rem 2rem 0 0; }

    .sub_board_sect .banner_wrap:hover { background-color: var(--lightbu); transform: translateY(-5px); }

    .board_view_youtube .view_youtube_cont .box > a:hover .tit span { background-size: 100% 2px }
    .board_view_youtube .view_youtube_cont .box .tag_wrap .tag:hover { background-color: var(--blue); color: #fff; }

    .director_sect .cont .box .txt_box .sns_wrap .sns:hover { background-color: var(--blue); fill: #fff; }

    .oth_coverage .cont .item:hover .ico { background-color: #fff; }

    .portal_sect .aside .filter_wrap .depth3_wrap .type_btn .btn:hover { border: 1px solid var(--blue); color: var(--blue); }
    .portal_sect .aside > .top + .btn_wrap .portal_btn:hover { background-color: var(--blue); color: #fff; }

    .portal_sect .cont .tag_btn:hover { background-color: rgba(23,51,72,0.7); }
    .portal_sect .cont .tag_cont .reset_btn:hover svg { transform: rotate(360deg); }

    .portal_board_wrap .board_box .box:hover { background-color: rgba(245,247,250,0.6); }

    .view_board .cont .goto_wrap .box:hover { box-shadow: box-shadow: 3px 2px 15px 4px rgba(18,26,66,0.085); transform: translateY(-5px); }

    .view_board .cont .goto_wrap .box:hover .goto_btn { color: var(--blue); fill: var(--blue); }
    .view_board .cont .goto_wrap .box:hover .goto_btn:before { background-color: var(--blue) }

    .comment_sect .cmt_view .btn_wrap .btn:hover { color: var(--blue); fill: var(--blue); }

    .author_sns .sns:hover { background-color: var(--blue); fill: #fff; }

    .comment_sect .cmt_view .btn_wrap .report_btn:hover { color: var(--red); fill: var(--red); }

    .my_subs .cont .info .box_wrap .info_btn:hover { background-color: var(--blue); }

    .oth_coverage .slide_nav .swiper_btn:not(.swiper-button-disabled):hover { background-color: var(--blue); fill: #fff; }
}