.nav-tabs { border:0; display:flex; }
.nav>li>a { padding:0; }
.nav-tabs>li { height:68px; margin:0; text-align:center; flex:1; float:none; background:#c3c3c3; }
.nav-tabs>li>a { width:100%; height:100%; line-height:61px; margin:0; font-size:20px; font-weight:700; color:#666; display:inline-block; border:0; border-top:5px solid #c3c3c3; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color:#1a1a1a; border:0; border-top:5px solid #c3c3c3; }
.nav-tabs>li>a:hover { border-color:#c3c3c3; background:none; }
.pagination>li>a, .pagination>li>span { color:initial; }
.main_img h3 { color:#fff; }
.content_box .btm_box p { font-size:20px; line-height:32px; word-break:keep-all; white-space:pre-line; }
.content_box .btm_box p strong { font-size:20px; }
.content_box .btm_box > div { margin-top:70px; }
.content_box .btm_box .tab-content { margin-top:50px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list { display:flex; flex-wrap:wrap; gap:40px 20px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li { width:calc((100% - 60px) / 4); display:flex; flex-direction:column; gap:10px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li a { display:flex; flex-direction:column; gap:10px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li span { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm { margin-top:50px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm nav { text-align:center; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box { display:flex; justify-content:center; gap:10px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper { position:relative; width:100px; user-select:none; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-trigger { width:100%; height:40px; padding:0 16px; border:1px solid #d1d5db; border-radius:6px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; transition:border-color 0.2s, box-shadow 0.2s; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-trigger:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99, 102, 241, 0.2); }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-trigger .arrow { width:16px; height:16px; fill:#9ca3af; transition:transform 0.2s; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper.open .select-trigger .arrow { transform:rotate(180deg); }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-options { position:absolute; top:100%; left:0; right:0; margin-top:5px; background-color:#ffffff; border:1px solid #e5e7eb; border-radius:6px; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1); z-index:10; display:none; overflow:hidden; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper.open .select-options { display:block; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-options .option { padding:10px 16px; font-size:14px; cursor:pointer; transition:background-color 0.2s; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-options .option:hover { background-color:#f3f4f6; color:#111827; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-options .option.selected { background-color:#eff6ff; color:#2563eb; font-weight:600; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .search { display:flex; gap:10px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .search input { height:40px; padding:0 16px; border:1px solid #d1d5db; border-radius:6px; }
.content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .search button { height:40px; padding:0 16px; font-weight:700; border:0; border-radius:6px; background:#eaeaea; }
.content_box .btm_box .tab-content .tab-pane .info_box .title_box { padding:16px; border-top:1px solid #888; border-bottom:1px solid #888; }
.content_box .btm_box .tab-content .tab-pane .info_box .cont_box { margin:30px 0; display:flex; flex-direction:column; gap:16px; }
.content_box .btm_box .tab-content .tab-pane .info_box .cont_box p { word-break:keep-all; white-space:pre-line; }
.content_box .btm_box .tab-content .tab-pane .info_box .btn_box { padding:16px; border-top:1px solid #888;}
.content_box .btm_box .tab-content .tab-pane .info_box .btn_box button { font-size:18px; border:0; background:0; }

/* 태블릿 */
@media only screen and (max-width:1024px){
    .content_box .btm_box p { font-size:18px; line-height:30px; }
    .content_box .btm_box > div { margin-top:50px; }
    .nav-tabs>li>a { padding-top:9px; font-size:16px; line-height:22px; }
}
/* 모바일 */
@media only screen and (max-width:768px){
    .content_box .btm_box { gap:30px; }
    .content_box .btm_box > div { margin-top:30px; }
    .content_box .btm_box p { font-size:14px; line-height:26px; }
    .content_box .btm_box p strong { font-size:16px; }
    .nav-tabs>li { height:60px; }
    .nav-tabs>li>a { font-size:14px; line-height:18px; }
    .content_box .btm_box .tab-content { margin-top:30px; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list { flex-wrap:wrap; gap:20px }
    .content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li { width:calc((100% - 20px) / 2); }
    .content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li a { gap:5px; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box ul.CSR_list li span { font-size:14px; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box { flex-direction:column; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper { width:100%; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-trigger { height:36px; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .select-wrapper .select-trigger span { font-size:14px; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .search input { height:36px; font-size:14px; flex:1; }
    .content_box .btm_box .tab-content .tab-pane .CSR_box .CSR_btm .search_box .search button { height:36px; font-size:14px; }
    .content_box .btm_box .tab-content .tab-pane .info_box .title_box { padding:10px 16px; }
    .content_box .btm_box .tab-content .tab-pane .info_box .btn_box { padding:10px 16px; }
    .content_box .btm_box .tab-content .tab-pane .info_box .btn_box button { font-size:14px; }
    .pagination { margin:10px 0; }
    .pagination>li>a, .pagination>li>span { padding:4px 9px; font-size:14px; }
}