@charset "UTF-8";
/*서브 반응형 css*/

@media screen and (max-width: 1920px){

    .ico_li_cont .box .ico:before { transform: translate(-20%, -20%); }

    .aside_txt .cont > * + * { margin-top: 3rem; }

    /*.portal_sect .aside.fix { margin-bottom: 50%; }*/

    .portal_sect .aside .filter_wrap .depth2 > p { margin-right: auto; }
    .portal_sect .aside .filter_wrap .depth2 > p:before { right: 0; }

}

@media screen and (max-width: 1240px){
    .sub_cont_tab .tab_wrap { width: calc(100% + 4rem); margin-left: -2rem; padding: 0 2rem; }

    .plus_wrap { width: 90%; }
}

@media screen and (max-width: 1024px){

    /*-----공통-----*/

    /*서브 비주얼*/
    .sub_vis .tit_wrap .tit_box .tit { font-size: 5rem; }

    /*아이콘 스타일*/
    .ico_li_cont { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 5rem; }
    .ico_li_cont.col3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ico_li_cont .box .ico { width: 8rem; height: 8rem; font-size: 3.2rem; }


    /*opinion leaders*/
    .opi_li { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .view_board .opi_li { grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top: 40px; }
    .view_board .opi_li.col2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

    /*서브 탭*/
    .sub_cont_tab .tab_container .tab_wrap { overflow: unset; }
    .sub_cont_tab .tab_wrap { overflow: auto; }

    /*게시판 스타일*/
    .board_label + .mark_btn { margin-left: 1rem; }
    .plus_wrap + .mark_btn { margin-left: 1rem }

    .board_li_box .board_box { padding: 3rem 2rem; }
    .board_li_box .board_box .bd_desc_wrap { align-items: flex-start; flex-direction: column; justify-content: flex-end; min-height: 36px; padding-top: 20px; }
    .board_li_box .board_box .date { padding-top: 4rem; }

    .board_li { gap: 2rem; }
    .board_li + .btn_wrap { margin-top: 20px; }

    .sub_board_sect .banner_wrap .img_box { width: 22%; }


    /*-----view-----*/
    .view_board .cont { width: calc(68% - 4rem); }
    .view_board .aside { width: 32%; margin-left: 4rem; }

    .author_box .info_wrap { padding: 4.5rem 3rem; }
    .author_box .info_wrap.col2 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 7rem; }
    .author_box .info_wrap .info .txt { min-width: auto; }

    /*other_coverage*/
    .oth_coverage { margin-top: 10rem; }


    /*-----coverage-----*/
    /*coverage 비주얼*/
    .sub_vis .slide_banner .cont .item { padding: 4rem 4rem 4rem; }

    /*director*/
    .director_sect .cont { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6rem 7rem; }
    .director_sect .cont .box .txt_box { margin-left: 1.5rem; }


    /*-----about-----*/
    /*서브 이미지 컨텐츠 스타일*/
    .sub_img_top .cont .img { width: 46%; padding-top: 26%; margin-left: 3rem; }

    /*overview*/
    .tec_sect .cont_li { gap: 2.5rem; }
    * + .aside_txt { margin-top: 6rem; }
    .aside_txt_wrap { margin-top: 6rem; }
    .aside_txt_wrap + .aside_txt_wrap { margin-top: 8rem; }
    .aside_txt_wrap .aside_txt + .aside_txt { margin-top: 3rem; }
    .aside_txt .cont { margin-left: 20px; }
    .aside_txt .ico_li_cont { gap: 3rem 11rem; }

    /*-----research portal-----*/
    .portal_sect > .top { width: 28%; }
    .portal_sect .portal_wrap { margin-top: 0; }
    .portal_sect .aside { width: 28%; }
    .portal_sect .aside .filter_wrap .depth2 > p span { display: inline-block; margin-right: auto; }
    .portal_sect .cont { width: calc(72% - 2rem); margin-left: 2rem; }

    .view_board .cont .goto_wrap .box{padding: 2rem;}

    /*-----register-----*/
    .register_form .tit_wrap .txt br:not(.mo_only, .mo_over) { display: none; }

    /*-----author_view-----*/
    .author_sect .cont .profile + .txt_box { margin-left: 4rem; }

    /*-----mypage-----*/
    .my_subs .cont { padding: 5rem 3rem; }
    .my_subs .cont .info .box { max-height: 6.5em; }
    .my_subs .cont .info .box .info .tit { width: calc(30% - 1.5rem); }


}

@media screen and (max-width: 768px){

    /*-----공통-----*/

    /*게시판 라벨*/
    .board_label { height: 20px; line-height: 20px; font-size: 10px; }

    .plus_wrap { width: 92%; }
    .plus_wrap.overflow .badge_wrap:before { width: 50px; }
    .plus_wrap.overflow:after { height: 20px; font-size: 10px; }

    /*서브 비주얼*/
    .sub_vis { padding-top: 2rem; }
    .sub_vis .slide_banner .item .txt_box .box + .btn_wrap { flex-direction: column; align-items: flex-start; margin-top: 30px; }
    .sub_vis .slide_banner .item .txt_box .box + .btn_wrap .more_btn + .more_btn { margin-left: 0; margin-top: 1rem; }

    .sub_vis .lnb { margin-bottom: 2rem; }
    .sub_vis.slide_type .lnb .home { width: 1.2em; height: 1.2em; background-color: transparent; font-size: 11px }
    .sub_vis .lnb .arr { margin: 0 6px; font-size: 8px; }
    .sub_vis .lnb .sel_wrap .nice-select { height: auto; padding-right: 18px; line-height: normal; }
    .sub_vis .lnb .sel_wrap .nice-select .option { min-height: 36px; line-height: 36px; padding: 0 12px; }
    .sub_vis .lnb .sel_wrap .nice-select .list { left: unset; right: 0; }

    /*서브 탭*/
    .sub_cont_tab .tab_wrap::-webkit-scrollbar { display: none; }

    /*서브 탑 컨텐츠*/
    .sub_cont_tit br:not(.mo_only) { display: none; }
    .sub_cont_tit + .txt { margin-top: 15px; }
    .sub_cont_tit .total { top: -0.15em; }

    /*-----컨텐츠 스타일 공용-----*/
    .sub_bg { padding: var(--sub_cont_pd) 0; }
    .sub_sect.btm{padding: var(--sub_cont_pd) 0 50px;}

    /*other coverage*/
    .oth_coverage { margin-top: 60px; padding: 40px 0; }
    .oth_coverage .top { align-items: flex-start; }
    .oth_coverage .top .sub_cont_tit { margin-top: -2px; }
    .oth_coverage .cont { padding: 30px 0 0; }
    .oth_coverage .cont .item .ico { width: 5rem; height: auto; font-size: 3.5rem; }
    .oth_coverage .cont .item .txt { margin-top: 10px; padding: 0 5px; text-align: center; font-size: 10px; line-height: 1.3; }

    /*client banner*/
    .sub_board_sect .banner_wrap { min-height: 27rem; padding: 25px; }
    .sub_board_sect .banner_wrap .txt_box .tit_box { width: 160%; justify-content: space-between; }
    .sub_board_sect .banner_wrap .txt_box .tit_box .tit { font-size: 20px; }
    .sub_board_sect .banner_wrap .txt_box .txt { margin-top: 15px; }
    .sub_board_sect .banner_wrap .txt_box .txt br:not(.mo_only) { display: none; }
    .sub_board_sect .banner_wrap .img_box { width: 40%; margin-bottom: -25px; margin-right: -5%; margin-left: 3%; }


    /*게시판 스타일*/
    .board_label + .mark_btn { margin-left: 10px; }

    .bd_desc_wrap { padding-top: 8px; font-size: 11px; }

    .sub_board_sect .in > .top { flex-direction: column; align-items: flex-start; }
    .sub_cont_tit + form { margin-top: 20px; }
    .sub_cont_tit + .li_sort_tab { margin-top: 20px; }
    .li_sort_tab .tab { padding: 0 11px; }

    .sub_board_sect .top + .board_li { gap: 30px 15px; }
    .board_li { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .sub_board_sect .top + .board_li { margin-top: 2rem; }
    .board_li .board_box { position: relative; border-radius: 1rem; }
    /*.board_li .board_box:before { content: ''; position: absolute; left: 50%; top: -16px; width: 100%; height: 0.5px; background-color: #D4D8DC; transform: translateX(-50%); }*/
    .board_li .board_box:nth-of-type(1):before { display: none }
    .board_li .board_box .li_top .img { width: 35%; padding-top: 22%; }
    .board_li .board_box .li_top .img + .tit_box { padding-left: 15px; }
    .board_li .board_box .li_top .tit_box .tit_top .cate { font-size: 12px; }
    .board_li .board_box .li_top .tit_box .tit_top + .tit { padding-top: 10px; }
    .board_li .board_box .li_top .tit_box .tit { min-height: auto; }
    .board_li .board_box .li_top .tit_box .tit_top .cate:before { height: 0.5px; }
    .board_li .board_box .li_top + .txt_box { padding-top: 10px; }

    .board_li .board_box .txt_box .txt { font-size: 12px; }

    .sub_board_sect .top + .board_li_box { margin-top: 20px; }
    .sub_board_sect .top .plus_wrap  { width: 87%; }
    .board_li_box { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10px; }
    .board_li_box .board_box { padding: 15px; }
    .board_li_box .board_box .top { min-height: 30px; }
    .board_li_box .board_box .top .plus_wrap { width: 90%; }
    .board_li_box .board_box .tit { min-height: 5.4rem; padding-top: 10px; line-height: 1.3; }
    .board_li_box .board_box .bd_desc_wrap { min-height: 30px; padding-top: 10px; }
    .board_li_box .board_box .date { font-size: 11px; }

    .board_li_box.col1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .board_li_box.col1 .board_box .tit { min-height: auto; }
    .board_li_box.col1 .board_box .bd_desc_wrap { flex-direction: row; justify-content: space-between; min-height: auto; padding-top: 8px; }



    /*썸네일 게시판_insight*/
    .board_thm_box { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 15px; }
    .board_thm_box .box { border-radius: 10px; }
    .board_thm_box .box .img { border-radius: 10px; }
    .board_thm_box .box .txt_box { padding: 15px 0 5px 0; }
    .board_thm_box .box .txt_box .top + .tit { padding-top: 10px; min-height: auto; }

    /*페이징*/
    .pagination { margin-top: 40px; }
    .pagination.btm { margin: 40px 0 60px; }


    /*서브 탭*/
    .sub_cont_tab { padding: 30px 0 0; }
    .sub_cont_tab .tab + .tab { margin-left: 25px; }

    .sub_cont_tab .tab_top { flex-direction: column; /*border: 0;*/ }
    /*.sub_cont_tab .tab_top .tab_wrap {  border-bottom: 1px solid #EAEAEA; }*/
    .sub_cont_tab .filter_box { width: 100%; margin-top: 5rem; margin-bottom: 2rem; }

    .sub_cont_tab + div { padding-top: var(--sub_cont_pd); }

    /*서브 컨텐츠 탑*/
    .sub_cont_tit + .txt br:not(.mo_only) { display: none; }

    /*아이콘 컨텐츠 스타일*/
    .ico_li_cont { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px; margin-left: 8px; margin-top: 30px; }
    .ico_li_cont.col3 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px; }
    /*.ico_li_cont .box { align-items: flex-start; }*/
    .ico_li_cont .box .ico { width: 6rem; height: 6rem; font-size: 20px; }
    .ico_li_cont .box .ico:before { width: 15px; height: 15px; transform: translate(-25%, -20%); font-size: 10px; }
    .ico_li_cont .box .txt { margin-left: 15px; line-height: 1.4; font-weight: 600; }
    /*.ico_li_cont .box .txt { margin-top: 1em; }*/

    /*서브 이미지 탑 컨텐츠*/
    .sub_img_top .cont { flex-direction: column-reverse; }
    .sub_img_top .cont .img { width: 100%; padding-top: 50%; margin-left: 0; }
    .sub_img_top .cont .txt_box { margin-top: 30px; }
    .sub_img_top .cont .txt_box .tit + .txt { margin-top: 15px; }

    /*opinion leaders*/
    .opi_li { grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top: 30px; gap: 10px 0; }
    .opi_li.col2 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .opi_li .box .info { padding: 15px 15px; }
    .opi_li .box .info .img { width: 10rem; height: 10rem; }
    .opi_li .box .coverage { padding: 12px 15px; font-size: 12px; }
    .opi_li .box .info .txt_box .sns_wrap { font-size: 17px; }
    .opi_li .box .info .txt_box .sns_wrap .sns + .sns { margin-left: 15px; }
    .opi_li .box .info .txt_box a + .sns_wrap { margin-top: 15px; }

    /*좌우 텍스트 컨텐츠*/
    .aside_txt_wrap { margin-top: 30px; }
    .aside_txt_wrap + .aside_txt_wrap { margin-top: 30px; }
    .aside_txt_wrap .aside_txt + .aside_txt { margin-top: 20px; }
    * + .aside_txt { margin-top: 45px; }
    .aside_txt { flex-direction: column; }
    .aside_txt .aside,
    .aside_txt.inside .aside { width: 100%; }
    .aside_txt .aside .tit { font-weight: 600; }
    .aside_txt .aside .tit br:not(.mo_only) { display: none; }
    .aside_txt .cont { margin-top: 10px; margin-left: 0; }
    .aside_txt .cont .box { flex-direction: column; align-items: flex-start; }
    .aside_txt .cont .box .ico { margin-right: 10px; }
    .aside_txt .cont .box .tit { font-size: 14px; }
    .aside_txt .cont .box .tit br:not(.mo_only) { display: none; }
    .aside_txt .cont .box .txt { margin-left: 0; margin-top: 8px; }
    .aside_txt .cont > * + * { margin-top: 25px; }
    .aside_txt .cont > * + .ico_li_cont { margin-left: 0; gap: 20px 10px; }
    .aside_txt .cont > * + .ico_li_cont .box{flex-direction: unset; align-items: center;}
    .aside_txt .cont > * + .ico_li_cont .box .txt{margin-top: 0;}
    .aside_txt .cont .txt.inside { margin-left: 3.4rem; }

    .aside_txt .ico_li_cont .box .txt { font-size: 14px; }

    /*인풋 스타일*/
    .inp_wrap { flex-direction: column; }
    .inp_wrap + .inp_wrap { margin-top: 20px; }
    .inp_wrap.center { align-items: flex-start; }
    .inp_wrap .tit { margin-top: 0; font-size: 13px; }
    .inp_wrap .name_inp { width: 100%; margin-top: 6px; margin-left: 0; }
    .inp_wrap .inp_box { width: 100%; margin-top: 6px; margin-left: 0; }
    .inp_wrap.col .inp_box { margin-top: 8px; }
    .inp_wrap .inp_box input { height: 40px; line-height: 40px; padding: 0 10px; font-size: 13px; }
    .inp_wrap .inp_box .desc { line-height: 1.4; }
    .inp_wrap .inp_box .desc br { display: none; }
    .inp_wrap .inp_box .info { padding: 10px; font-size: 12px; line-height: 1.4; }
    .inp_wrap .inp_box .nice-select { height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; }
    .inp_wrap .inp_box .nice-select .list li { padding: 10px; }
    .inp_wrap .inp_box .nice-select .option { padding: 0 10px; min-height: 25px; line-height: 25px; }
    .inp_wrap .inp_box .nice-select:after { top: 58%; }
    .inp_wrap .inp_box .select2-container .select2-selection { height: 40px; line-height: 40px; padding-left: 10px; font-size: 13px; }
    .inp_wrap .inp_box textarea { padding: 15px; }
    .inp_wrap .inp_box .priv_wrap{margin: 0;}

    .inp_wrap .tit .required { padding-left: 0; padding-right: 1.2rem; }
    .inp_wrap .tit .required:before { left: auto; right: 0; }

    .form_btm { flex-direction: column; align-items: center; width: 100%; margin-top: 30px; }
    .form_btm .captcha { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: unset; }
    .form_btm .turnstile-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        max-width: unset;
    }
    .form_btm .btn_wrap { margin-left: 0; margin-top: 20px; }


    /*-----coverage-----*/
    /*coverage 비주얼*/
    .sub_vis .slide_banner .cont .item { position: relative; padding-top: 80%; }
    .sub_vis .slide_banner .cont .item .txt_box { position: absolute; left: 20px; top: 30px; width: calc(100% - 40px); height: auto; }
    .sub_vis .slide_banner .cont .item .txt_box .tit + .txt { margin-top: 15px; }
    .sub_vis .slide_banner .cont .item .img_box { top: unset; bottom: 0; width: 60%; max-width: unset; height: unset; margin-left: unset; transform: unset; }
    .sub_vis .slide_banner .cont .item .img_box img { object-fit: contain; }

    /*.sub_vis .slide_banner .cont .item { padding: 30px 20px 50px; }*/

    .sub_vis .slide_banner .item .txt_box > .txt + .btn_wrap { margin-top: 30px; }

    /*coverage tab*/
    .sub_sort_tab { padding: 0 0 30px; }
    .sub_sort_tab .in { position: relative; }
    .sub_sort_tab .in:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 13%; background: linear-gradient(to bottom,  rgba(18,26,66,0) 0%,rgba(18,26,66,1) 84%,rgba(18,26,66,1) 100%); pointer-events: none; z-index: 10; }
    .sub_sort_tab .in:after { content: ''; position: absolute; left: 0; top: 40px; width: 100%; height: 13%;
        background: linear-gradient(to bottom,  rgba(18,26,66,1) 0%,rgba(18,26,66,1) 10%,rgba(18,26,66,0) 99%,rgba(18,26,66,0) 100%);
        pointer-events: none; z-index: 10; }
    .sub_sort_tab .tit { font-size: 18px; }
    .sub_sort_tab .tab_wrap { position: relative; max-height: 140px; margin-top: 15px; padding: 15px 0; overflow: auto; }
    .sub_sort_tab .tab_wrap::-webkit-scrollbar { display: none; }
    .sub_sort_tab .tab_wrap .tab { width: calc(100% / 2 - 0.8rem); height: 40px; font-size: 13px; text-align: center; }

    /*director*/
    .director_sect .cont { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px 20px; margin-top: 20px; }
    .director_sect .cont .box { position: relative; align-items: center; }
    .director_sect .cont .box + .box:before { content: ''; position: absolute; left: 50%; top: -15px; width: 100%; height: 1px; background-color: #D4D8DC; transform: translateX(-50%) }
    .director_sect .cont .box .img { width: 30%; padding-top: 30%; }
    .director_sect .cont .box .txt_box { margin-top: 10px; }
    .director_sect .in > .top { width: 100%; }
    .director_sect .in > .top .sub_cont_tit { width: 100%; }

    /*-----about-----*/

    /*상단 이미지 컨텐츠*/
    .sub_img_top .cont .txt_box .tit { font-size: 18px; }

    /*비주얼*/
    .sub_vis .tit_wrap { flex-direction: column; align-items: flex-start; padding: 10px 0 30px; }
    .sub_vis .tit_wrap .tit_box .tit { font-size: 30px; }
    .sub_vis .tit_wrap .btn_wrap { margin-top: 20px; }

    /*overview*/
    .tec_sect .cont_img { padding-top: 90%; }
    .tec_sect .cont_img .tit { width: 95%; margin: 20px auto 0; }
    .tec_sect .cont_txt { width: 100%; margin: 40px auto 0; text-align: left; }

    .tec_sect .cont_li { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 7rem; }
    .tec_sect .cont_li .box .img { padding-top: 35%; }
    .tec_sect .cont_li .box .txt_box { margin-top: 10px; }
    .tec_sect .cont_li .box .txt_box .tit { font-size: 21px; }
    .tec_sect .cont_li .box .txt_box .txt { margin-top: 5px; }

    /*join us*/
    .work_sect .cont .li_box { width: 100%; }
    .work_sect .cont .li_box .tit br:not(.mo_only) { display: none; }
    .work_sect .cont .li_box ul li { align-items: center; padding: 6px 15px; border-radius: 4em; line-height: 1.4; }
    .work_sect .cont .li_box ul li:before { position: relative; margin-top: 0; }

    /*who we serve*/
    .satis_sect .cont { flex-wrap: wrap; margin-top: 40px; }
    .satis_sect .cont .cir { width: calc(100%/3 + 1rem); padding-top: calc(100%/3 + 1rem);}
    .satis_sect .cont .cir:nth-of-type(4) { margin-left: 0; }
    .satis_sect .cont .cir:nth-of-type(n+4) { margin-top: -1.5rem; }


    /*-----research portal-----*/
    .sub_sect.portal_sect { padding-top: 4rem; }
    .portal_sect > .top { width: 100%; }
    .portal_sect .portal_wrap { flex-direction: column; margin-top: 0; }

    .portal_sect .cont { width: 100%; margin-left: 0; margin-top: 50px; }
    .portal_sect .cont .sch_wrap .sel_wrap { width: 30%; }
    .portal_sect .cont .sch_wrap .sel_wrap .nice-select { padding-left: 10px; }
    .portal_sect .cont .sch_wrap .sel_wrap .nice-select:after { right: 10px; }
    .portal_sect .cont .util_wrap { padding: 2.5rem 1.5rem 2.5rem; }

    .portal_board_wrap { margin-top: 30px; }
    .portal_board_wrap > .top { margin-bottom: 10px; }


    .portal_sect .aside { position: relative; top: unset; width: 100%; height: auto; z-index: 200; margin-bottom: 0; }
    /*.portal_sect .aside.fix { margin-bottom: 0; }*/
    .portal_sect .aside > .top .info { opacity: 1; }
    .portal_sect .aside .filter_wrap { display: flex; align-items: flex-start; justify-content: center; }
    .portal_sect .aside .filter_wrap .depth1 { width: 50%; }
    .portal_sect .aside .filter_wrap .depth1 + .depth1 { margin-top: 0; margin-left: 10px; }
    .portal_sect .aside .filter_wrap .depth1 > p { cursor: pointer; background-color: rgba(18,26,66,0.3); transition: background-color 0.3s; }
    .portal_sect .aside .filter_wrap .depth1.on > p { background-color: var(--blue); }
    .portal_sect .aside .filter_wrap .depth1 > p:before { content: '\f078'; position: absolute; right: 2rem; top: 0.4em; color: #fff; font-weight: 400; font-family: var(--awesome); font-size: 0.9em; transform: translateY(50%); transition: transform 0.3s; }
    .portal_sect .aside .filter_wrap .depth1.on > p:before { transform: translateY(50%) rotate(180deg); }
    .portal_sect .aside .filter_wrap .depth2_wrap { display: none; width: 200%; margin-top: 10px;background-color: #fff; }
    .portal_sect .aside .filter_wrap .depth1:last-of-type .depth2_wrap { transform: translateX(calc(-50% - 10px)); }
    .portal_sect .aside .filter_wrap .depth2 { margin-top: 0; }
    .portal_sect .aside .filter_wrap .depth2 > p { display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 1rem; }
    .portal_sect .aside .filter_wrap .depth2 > p .arr { right: -5px; }
    .portal_sect .aside .filter_wrap .depth2 > p > span { display: inline-block; width: 87%; margin-right: auto; }
    .portal_sect .aside .filter_wrap .depth3_wrap { padding: 1.5rem 1rem 1.5rem 2.5rem; }

    .portal_sect .cont .tag_cont .reset_btn .btn .txt { font-size: 11px; }
    .portal_sect .cont .tag_wrap .tag { height: 20px; line-height: 20px; font-size: 11px; }

    .portal_board_wrap .board_box .box { padding: 16px 0; }
    .portal_board_wrap .board_box .box .tit { padding-top: 12px; }
    .portal_board_wrap .board_box .box .txt { padding-top: 15px; }

    .portal_sect .portal_wrap + .pagination { width: 100%; margin-top: 40px; }

    /*register*/
    .register_form .tit_wrap .tit br:not(.mo_only) { display: none; }
    .register_form .tit_wrap .txt br:not(.mo_only) { display: none; }

    /*view*/
    .view_vis { padding: 30px 0; }
    .view_vis .txt_box { position: relative; top: unset; left: unset; transform: unset; }
    .view_vis .txt_box .tit br:not(.mo_only) { display: none; }
    .view_vis .txt_box .tit + .info_wrap{margin-top: 2rem;}
    .view_vis .txt_box .label { font-size: 10px; }

    .view_board .aside_wrap { flex-direction: column; }

    .view_board .cont,
    .view_board .cont.w100 { width: 100%; }
    .view_board .aside { width: 100%; margin-left: 0; padding-top: 20px; order: 2; }

    .view_board .aside * + .aside_con,
    .view_board .aside .aside_con + * { margin-top: 5px; }

    .view_board .aside .sect + .sect { margin-top: 20px; }

    .view_board .aside .thumb_box .txt_box { padding: 15px 20px; }
    .view_board .aside .thumb_box .txt_box .cate { font-size: 10px; }

    .view_board .aside .chk_wrap .top .desc { font-size: 12px; }

    .view_board .aside .terms_wrap > .txt { font-size: 12px; }

    .view_board .aside .info_wrap .info .tit { min-width: 80px; width: auto; }

    .view_board .cont * + .subs_banner { margin-top: 40px; }
    .view_board .cont .subs_banner .ico { width: 8rem; height: 8rem; font-size: 24px; }


    .view_board .cont .goto_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10px 0; }
    .view_board .cont .goto_wrap .box { padding: 15px; }
    .view_board .cont .goto_wrap .box .btm { margin-top: 8px; }

    .view_board .aside .sect .more_btn { border-radius: 5px; }

    .view_board .cont .cate_wrap .cate_box { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.2rem 2rem; }
    .view_board .cont .cate_wrap .cate_box .box .tit { min-width: 90px; }
    .view_board .cont .cate_wrap .cate_box .box .cate { margin-left: 0; }
    .view_board .cont .cate_wrap .cate_box .box .cate .board_label { padding: 1rem 1.5rem; margin-bottom: 10px; }
    .view_board .cont .cate_wrap .tag_box .tag { font-size: 12px; }

    .view_board .cont .subs_banner .txt_box .tit { font-size: 18px; }

    .view_board .view_bg{padding-bottom: 50px;}

    .author_box .info_wrap { padding: 20px 15px; }
    .author_box .info_wrap.col2 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 60px; }
    .author_box .info_wrap .box { flex-direction: row; }
    .author_box .info_wrap .box + .box { position: relative; }
    .author_box .info_wrap .box + .box:before { content: ''; position: absolute; left: 50%; top: -30px; width: 100%; height: 1px; background-color: #EAEAEA; transform: translateX(-50%); }
    .author_box .info_wrap .img  { width: 9rem; height: 9rem; }
    .author_box .info_wrap .info { margin-left: 0; margin-top: 5px; }
    .author_box .info_wrap .info .team,
    .author_box .info_wrap .info .author_sns { margin-left: 2rem; }
    .author_box .info_wrap .info .txt,
    .author_box .info_wrap .info .btn_wrap { margin-left: -8.5rem }

    .comment_sect textarea { height: 14rem; padding: 15px; }
    .comment_sect .cmt_write .btn_wrap { margin-top: 15px; }
    .comment_sect .cmt_view { padding: 20px 0; }
    .comment_sect .cmt_view .top + .cmt { margin-top: 10px; }
    .comment_sect .cmt_view .cmt { flex-direction: column; align-items: flex-start; }
    .comment_sect .cmt_view .cmt .tag_name { font-size: 11px; }
    .comment_sect .cmt_view .cmt .tag_name + .txt { margin-top: 10px; }
    .comment_sect .cmt_view .btn_wrap { margin-top: 15px; }
    .comment_sect .re_cmt_wrap { margin-left: 3rem; }
    .comment_sect .re_cmt .re_write textarea { height: 14rem; }
    .comment_sect .re_cmt .re_write { flex-direction: column; }
    .comment_sect .cmt_view_wrap { margin-top: 40px; }
    .comment_sect .cmt_view_wrap + .btn_wrap { margin-top: 60px; }

    .view_board .cont .txt_sect > * + * { margin-top: 10px; }
    .view_board .cont .txt_sect .tit + ul { margin-top: 15px; }
    .view_board .cont .txt_sect > p { line-height: 1.5; word-break: break-word; }
    .view_board .cont * + .cate_wrap { margin-top: 6rem; }

    .view_board .aside_wrap + .btn_wrap { margin-top: 30px; }


    /*-----author_view-----*/
    .author_sect { padding: 30px 0 var(--sub_cont_pd); }
    .author_sect .cont { flex-direction: column; }
    .author_sect .cont .profile { width: 15rem; height: 15rem; }
    .author_sect .cont .profile + .txt_box { margin-left: 0; margin-top: 3rem; }
    .author_sect .cont .txt_box .top { justify-content: flex-start; }
    .author_sect .cont .txt_box .top .cate + .author_sns { margin-left: 20px; }
    .author_sect .cont .txt_box .info .txt { margin-top: 10px; }
    .author_sect .cont .txt_box .cover .txt { margin-top: 8px; }

    /*-----mypage-----*/
    .my_subs .top { flex-direction: column; align-items: flex-start; }
    .my_subs .top .tit + .btn_wrap { margin-top: 2rem; }

    .my_subs .cont { padding: 20px 20px 30px; }
    .my_subs .cont .info { flex-direction: column; align-items: flex-start; }
    .my_subs .cont .info .tit { width: 100%; font-size: 14px; }
    .my_subs .cont .info .txt { margin-left: 0; margin-top: 2px; }

    .my_subs .cont .info .box_wrap { padding: 20px 10px 30px; margin-top: 5px; }
    .my_subs .cont .info .box { max-height: 5.5em; }
    .my_subs .cont .info .box .info + .info { margin-top: 25px; }
    .my_subs .cont .info .box .info .tit { width: 100%; }
    .my_subs .cont .info .box .info .txt { margin-top: 0; margin-left: 0; }
    .my_subs .cont .info .box .info .txt .cate { margin-top: 0.5rem; margin-left: 1.5rem; }

    .mypage_sect .sub_board_sect .btn_wrap { margin-top: 50px; }

    /*페이징*/
    .pagination > a { box-shadow: 0 0 0 1px #e0e0e0; }
    .pagination .num_list li a { padding: 0 8px; }
    .pagination .prev { margin-left: 8px; }
    .pagination .next { margin-right: 8px; }

    /*개인정보처리방침*/
    .priv_wrap .txt_box ul li:before { height: 1px; }
    .priv_wrap > .tit + .txt_box { margin-top: 50px; }


}