@charset "utf-8";/*───────────────────────────────────────────────────────────

브릿지경제 커스텀

───────────────────────────────────────────────────────────*/

/*브릿지경제 공통 */
body { width: 100%; max-width: 1024px; min-width: 320px; margin: 0 auto; overflow-x: auto; -ms-overflow-style: none; } 
::-webkit-scrollbar { display: none; } 
body #wrapper { background-color: #fff } 
#header .header_wrap { width: 100%; height: auto; min-width: 320px; z-index: 9999 } 
#header .header_wrap .logo { padding:15px 0 } 
#header .header_wrap .logo img { height: 24px; object-fit: contain } 
#header .header_wrap img { border-radius: 0 } 
img { border-radius: 6px } 
#contents { margin-top: 0; min-height: 420px } 
.contents .flex_wrap { gap:30px } 
.contents .flex_wrap > div:nth-child(1) { border-right: none } 
.contents .section { border-top: 2px solid #111; padding-top:10px; margin-top: 30px } 
.contents .section .section_tit { font-size: 17px; font-weight: bold; margin-bottom: 10px } 
.contents .section .section_tit a { font-size: 17px; font-weight: bold } 
.contents .rel_gisa li::before { border-color:transparent transparent transparent #2D63CD } 
.contents .thum_img a { width: 120px; height: 67px } 
.contents .card_box.mb0 .card_body h3 a { font-weight: bold; } 
.contents .card_box .card_body h3 a { -webkit-line-clamp:initial; font-weight: bold } 
.contents .top_news .card_box .card_body h3 a { font-weight: bold } 
.contents .thum_box a { display: block !important; -webkit-line-clamp: auto !important; max-height: none !important } 

.container { padding: 0 15px } 
.contents .thum_box h3 a { font-size: 17px; font-weight: 500; -webkit-line-clamp: 3 } 
.contents .thum_box .thum_body { padding-top: 0 } 
.contents .thum_box .thum_img { width: auto; height: auto } 
.contents .thum_box { align-items: center; padding-top: 13px } 
.contents .thum_box:first-child { padding-top: 13px } 
.contents .left_wrap .section .thum_box { align-items: center } 
.contents .left_wrap .section .thum_box a { -webkit-line-clamp: 3 } 

/*pick color*/
.pick { color:#2D63CD } 
.red { font-size: 18px; padding-right: 5px } 
.blue { font-size: 18px; padding-right: 5px; color:#2D63CD } 


/*메인 헤더*/
#header { border:none; height: 60px } 

.header_wrap.fix { position: fixed; border-bottom: 1px solid #c5c5c5 !important; background-color: #fff; z-index: 998; top: 0; left: 0; } 
.header_wrap.fix .header_area { border: none; max-width: 1024px; margin: 0 auto } 
.header_wrap.fix .util { display: block } 
.header_wrap.fix .gnb { position: relative; top: auto; left: auto; transform: none } 

.header_wrap { position: relative } 
.header_inner { margin: 0 15px 0; display: flex; justify-content: space-between; align-items: center } 
#header .util { position: relative; top: 0 } 
#header .util_list li a { font-size: 14px; } 

#header .menu_btn { background-size: 20px; cursor: pointer !important } 
#header .menu_btn.on { background-size: 20px; background-position: center; z-index: 9999 } 
#header .search_inner { top: 10px; width: calc(100% + -30px); left:15px; height: auto; } 
#header .search_inner img { position: absolute; right: 10px; width: 21px; height: auto } 
#header .search_inner .form-control { border-radius: 3px; margin-left: 0; line-height: 1; padding:0 35px 0 10px; height: 37px } 
#header .search_inner .form-control::placeholder { font-size: 14px; font-weight: 200; color: #757575 } 

.header_area { position: relative; display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 15px; border-bottom: 1px solid #dadce0 } 
.header_area .searchBtn { width: 24px; height: 24px } 
.header_area .searchBtn img { width: 20px } 


/*검색버튼*/
#search_bar { z-index: 10; position: fixed; width: 100%; height: 61px; border-bottom:1px solid #2d63cd; background: #fff; top: 61px } 
#search_bar .search_inner { position: relative } 

.gnb { width:100%; white-space: nowrap; overflow-y: hidden; overflow-x: auto; justify-content: flex-start; align-items: baseline; border-bottom: 1pxs solid #dadce0 } 
.gnb .gnb_list { flex-wrap: nowrap; height: 48px; } 
.gnb .gnb_list .gnb_bar { position: relative; padding-left: 5px; margin-right: 0 } 
.gnb .gnb_list .viva a { color:#3063C9 } 
.gnb .gnb_list li { margin: 0 5px; } 
.gnb .gnb_list li:first-child { margin-left: 0 } 
.gnb .gnb_list li.active a { color:#2D63CD } 
.gnb .gnb_list li:hover a { color:#2D63CD } 
.gnb .gnb_list li a { font-size: 16px; font-weight:600; line-height: 23px } 
 
#wrapper .all_menu { position: fixed; top: 61px; z-index: 999 } 
#wrapper .all_menu_wrap { padding:30px 0; background-color: #fff; width: 100%; height: 100%; overflow-y: scroll; max-width: 1024px; box-shadow: none; -webkit-overflow-scrolling: touch; } 
#wrapper .all_menu_wrap > div { width: 100% !important } 

#wrapper .nav_area { width: 1280px; margin: 0 auto; display: block } 
#wrapper .nav_area > div { display: block; padding-left: 15px; padding-right: 15px } 
#wrapper .nav_bottom { margin-top: 0; padding:20px 0; background: #F4F8FC; border-top: 1px solid #efefef } 
#wrapper .nav_bottom li { padding: 0 } 
#wrapper .nav_bottom li a { padding: 0 } 
#wrapper .nav_bottom li a img { border-radius: 0; width: auto; height: auto; } 
#wrapper .nav_bottom li:last-child a img { width: 24px } 
.util_list li::after { display: none } 
#wrapper .nav_area dd > div { display: flex; justify-content: flex-start } 
#wrapper .nav_area dd a { padding:2px 0 10px; display: block; width: 50%; font-weight: 500; font-size: 15px } 
#wrapper .nav_area dt a { margin-bottom: 10px; display: block; font-weight: bold; font-size: 16px } 
#wrapper .nav_bottom { height: 125px } 
#wrapper .nav_bottom ul { justify-content: center } 
#wrapper .nav_bottom ul li { margin: 0 7px } 
.nav_bottom .sns_list { margin-top: 15px } 
.nav_bottom p { text-align: center; color:#333; font-weight: 500; margin-bottom: 10px } 

.nav_area dl { border: none; margin-right: 0; margin-bottom: 20px; margin-top:15px; padding-bottom:10px; border-bottom: 1px solid #dadce0 } 
.nav_area dl { position: relative } 
.nav_area dl dd a { display: flex } 
.nav_area dl a { display: block } 
.nav_area .util { padding-bottom: 28px; border-bottom: 1px solid #dadce0 } 
.nav_area .util_list { justify-content: space-between } 
.nav_area .util li { background: url(../images/ico/arrow.png) no-repeat center right; background-size: 13px; background-position: 107% 3px; margin: 0 10px } 
.nav_area .util li:first-child { padding-left: 0 } 
.nav_area .util li::after { display: none } 
.nav_area .util li a { color:#111; font-weight:500; font-size: 15px; padding-right: 7px } 
.nav_area > div:nth-child(2) dl:last-child { border-bottom: 1px solid #dadce0 } 


/*메인 콘텐츠*/
.main_wrap .top_news h2 { margin: 10px 0 0 } 
.main_wrap .top_news h2 a { font-size: 22px; line-height: 1.4; } 
.main_wrap .top_news h2 pre { font-size: 20px; } 
.main_wrap .top_news div.left_wrap { width: 100% } 
.main_wrap .top_news .left_wrap .thum_box > div { margin: 0 } 
.main_wrap .top_news .left_wrap .thum_img a { width: 100%; height: auto } 

#contents .left_wrap .thum_box:first-child { padding-top: 0 } 
.top_news .left_wrap .thum_box { display: block; padding-bottom: 0 } 
.top_news .left_wrap .thum_box .thum_body { margin-left:20px; padding-top: 0 } 

.rel_gisa { padding:0 !important; margin: 5px 0 !important } 
.rel_gisa li { display: block !important; -webkit-line-clamp:auto !important; max-height: none !important; margin-bottom:7px } 
.rel_gisa li a { font-size: 16px } 

.top_news .right_wrap { width: 100%; border-top: 1px solid #d5d5d5 } 
.top_news .right_wrap .thum_box:last-child { border-bottom: none } 
#contents .thum_box .thum_body h3 a { display: block !important; -webkit-line-clamp:auto !important; max-height: none !important; margin-bottom:0 } 

.top_other { border-bottom: 1px solid #dadce0 } 
.top_other:last-child { border-bottom:none } 
.top_other .card_box { border-bottom: none } 
.top_other .thum_box { border-bottom: none } 
.top_other .rel_gisa { margin: 0 !important } 
.top_other .rel_gisa li:last-child { margin-bottom:13px } 


/*주요뉴스*/
.juyo .thum_box { align-items: center; } 
.juyo .thum_box .thum_body { padding-top: 0 } 
.juyo .thum_box a { -webkit-line-clamp: 3; } 

/*기획시리즈*/
.special { position: relative } 
.special .article_box::after { display: block; content: ""; background: #2D63CD; width: 100%; height: 49%; position: absolute; z-index: 9 } 
.special .article_box { display: flex; flex-wrap: nowrap; margin: 0; width: 100%; overflow-x: scroll; white-space: nowrap; overflow-y: hidden; justify-content: flex-start; -webkit-overflow-scrolling: touch; } 
.special .article_box > div { display: inline-block; width: 95%; padding: 0 15px 0 0; float: none; flex-shrink: 0; margin-bottom: 0 !important; } 
.special .card_box { z-index: 10; border: none } 
.special .card_box .card_img a { min-height: 194px } 
.special .card_box:first-child .s_cate a { padding-left: 15px } 
.special .card_box .s_cate a { display: block; font-size: 18px; font-weight: bold; padding:15px 0; color:#fff } 
.contents .special .card_box h3 a { font-weight:bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } 

.special .series_box { margin-top:10px } 
.special .series_box .form-control { font-size: 16px; margin-top: 10px } 



/*오피니언*/
.bunryu { display: block; margin-bottom:5px; font-size:14px; color:#2D63CD } 
.main_wrap .opinion_box h3 a { font-weight: bold !important } 
.opinion_box h3 a { -webkit-line-clamp: 4 } 
.opinion_box .writer a { font-size: 14px; margin-top:7px } 
.opinion_box .thum_box { align-items: center } 
.opinion_box .thum_img a { width: 62px !important; height: 62px !important } 
.opinion_box .thum_img a { width: 62px !important; height: 62px !important } 

/*섹션뉴스*/
.article_box .col-md-6 .thum_box h3 a { font-weight:500 } 

/*랭킹뉴스*/
.popular_box .thum_num { color:#757D88; margin: 0 10px 0 5px } 

/*브릿지유튜브*/
.ytb_wrap { position: relative } 
.ytb_wrap .swiper_wrap { overflow: hidden; height:; } 
.ytb_wrap .card_box { position: relative; overflow: hidden; margin-bottom: 0 } 
.ytb_wrap .swiper-pagination { top: 23px; right: 15px } 
.ytb_wrap .swiper-pagination-bullet { margin-left: 5px } 

/*토픽*/
.main_wrap .ttopic { margin-top: -30px !important } 
.ttopic { position: relative; margin-bottom: 5px; margin-top: 0 } 
.ttopic .article_box { display: flex; flex-wrap: nowrap; margin: 0; width: 100%; overflow-x: scroll; white-space: nowrap; overflow-y: hidden; justify-content: flex-start; -webkit-overflow-scrolling: touch; } 
.ttopic .article_box > div { display: inline-block; width: 95%; padding: 0 15px 0 0; float: none; flex-shrink: 0; margin-bottom: 0 !important; border-bottom: none } 


/*푸터*/
#footer .footer_wrap { width: 100% } 
#footer { margin-top:50px; padding: 14px 0 30px; background: #111; color:#fff } 
.footer_menu { padding:10px 0 } 
.footer_menu .util_list { display: flex; justify-content:center } 
.footer .util_list li { padding: 0 } 
.footer .util_list li a { font-weight: 300 !important; font-size: 14px; padding: 2px 10px } 
.footer a { color:#fff !important; font-weight: 200 !important } 
.footer p { text-align: center; color:#fff !important; font-weight: 200 !important; opacity: .8 } 

/*서브화면*/
.section_title h1 { display: block; margin: 15px 15px 0; font-size: 30px; font-weight: bold } 
.section_title h1 a { font-size: 30px; font-weight: bold } 
.section_header_inner .gnb { border-bottom:1px solid #111 } 
.sub_wrap { margin-top: 15px } 
.contents .sub_wrap .top_news .card_box .card_body h3 a { font-size: 18px } 

/*최신뉴스*/
.new_list .thum_box { position: relative; align-items:flex-start; min-height: 80px } 
.new_list .gisa_date { position: relative; bottom:0; font-weight: 300; font-size: 13px; margin-top: 10px } 

.more_wrap { margin-top: 0; border-top: none } 
.more_wrap .btn_more { width: 100% } 

/*영상*/
.new_list .col-6 .card_box { margin-bottom: 0 } 
.video_wrap .top_news .card_img a::after { content:url(../../common/images/ico/youtube.png); display: inline-block; position: absolute; top:41%; left: 41% } 
.video_wrap .ttopic .card_img a::after { content:url(../../common/images/ico/youtube.png); display: inline-block; position: absolute; top:41%; left: 41% } 
.video_wrap .new_list .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:41%; left: 41% } 
.video_rel .card_img a::after { content:url(../../common/images/ico/youtube.png); display: inline-block; position: absolute; top:41%; left: 41% } 
.video_rel + div .new_list .card_img a::after { content:url(../../common/images/ico/youtube_s.png); display: inline-block; position: absolute; top:41%; left: 41% } 
.video_box { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; display: block !important } 
.video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } 


/*오피니언*/
.editorial_top .thum_body { display:flex; align-items: center; min-height: 107px; background: #F4F8FC; border-top-right-radius: 30px; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; padding:30px 30px; margin-bottom: 10px } 
.editorial_top .thum_body h3 a { font-size: 19px; font-weight: 600; } 
.column_top { border-top: 1px solid #dadce0; margin-top: 30px; padding-top: 17px } 
.column_top .section_tit { margin-bottom: 12px } 

.gnb_list.depth3 { padding-bottom: 0; border-top: 1px solid #dadce0 } 
.gnb_list.depth3 li a { font-size: 15px; color:#535353 } 
.gnb_list.depth3 li.active a { font-weight: bold } 

/*기사상세*/
.news_content { padding-bottom: 30px !important; font-size: 18px; line-height: 31px; text-align: justify; } 
.news_tit_wrap { margin-bottom: 30px !important } 
.news_tit_wrap h2 { font-size: 28px !important } 
.sub_tit { padding-left: 10px !important } 
.sub_tit pre { font-size: 18px !important } 
.article_wrap .news_tit_wrap .location a { color:#2D63CD } 
#wrapper .scrollprogress { top: 61px; background:#2D63CD } 
.news_tool .dropdown-toggle { opacity: 1 !important } 
.news_tool .dropdown-menu { top: 15px !important } 
.news_tool .dropdown-menu li.sns_link img { width: 25px !important; padding-top: 7px !important } 
.news_tool .dropdown-menu li img { width: auto !important; padding-top: 11px !important } 
.article_detail_area { display: block } 
.article_detail_area .relatied_wrap { padding:15px 0 } 
.article_detail_area .relatied_wrap ul li { margin-bottom:0 } 
.article_detail_area .comment_wrap { margin-bottom: 0 } 
.article_detail_area iframe { width: 100% } 
.relatied_wrap strong { font-size: 18px !important; font-weight: bold !important } 
.comment_cont > p { font-size: 16px !important } 
.article_wrap .section h3 a { font-size: 17px !important } 
.article_wrap .section .section_tit { font-size: 18px !important } 
.article_wrap .section .section_tit a { font-size: 18px !important } 
.article_wrap .section .card_box { margin-bottom: 10px; border-bottom: none } 
.reporter_more { text-align: center; width: 100%; margin: 15px 0 0; background-color: #F4F8FC; border-radius: 6px; border: 1px solid #eee } 
.reporter_more a { display: block; padding:12px 0; background: none } 
.series_wrap > a strong { color: #2D63CD } 
.tag_wrap ul li { margin-bottom: 10px } 

iframe { border-radius: 6px; margin-bottom: 30px } 

.video_rel .card_body { padding-bottom: 5px } 
.reporter_area { background:none; border-radius: 0; padding-bottom: 15px !important } 
.reporter_area .name { font-size: 26px } 
.reporter_area p { margin-bottom:3px } 

.header_article .h_logo { background: url(../images/etc/logo.png) no-repeat 0 0; background-size: contain; display: inline-block; width: 120px; height: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } 

/*지면뷰어*/
.section_box { margin-top:25px; background:#f8f9fa; padding: 30px 35px; letter-spacing: -1px } 
.section_box strong { font-size: 24px; font-weight: 600; display: block; margin-bottom:15px } 
.section_box p { font-size: 15px; color:#454545; padding-bottom: 3px } 
.section_box .btn { background-color: #0072ec !important; color:#fff !important; min-width: 100px; font-size: 14px; border-radius: 100px } 
.section_box .btn_pdf { position: absolute; right: 0; background-color:#252525 !important } 
.section_box .btn_pdf:hover { background-color:#1D1D1B } 

.pdf_date { position: relative; display: flex; margin-top: 20px; padding-top: 25px; border-top: 1px solid #dadce0 } 
.pdf_date span { font-size: 20px; font-weight:400; letter-spacing: -1px } 
.pdf_date .date_select { margin-right: 5px; display: flex; align-items: center; cursor: pointer } 
.pdf_date .date_select select { font-size: 15px; line-height: 1; border: 1px solid #dadce0; border-radius: 0.375rem; height: 36px; margin-right: 5px; min-width: 130px; padding-left: 8px; cursor: pointer } 
.pdf_date .date_select option { cursor: pointer } 

.pdf_wrap .date_txt { font-size: 20px; margin: 40px 0; display: block; border-bottom: 1px solid #222; padding-bottom: 25px; font-weight: 600; text-align: center } 
.pdf_wrap .card_box { margin-bottom: 30px; padding: 10px 0; text-align: center; border: 1px solid #dadce0 } 
.pdf_wrap .card_box:hover img { opacity: .7 } 
.pdf_wrap .card_box a { font-size: 16px; font-weight: 500 } 
.pdf_wrap .card_box a:hover { color: inherit } 
.pdf_wrap .card_box .card_body { padding-bottom: 5px } 
.pdf_wrap .card_box .card_img a { padding-top: 0; background-color: #fff; } 
.pdf_wrap .card_box .card_img a img { position: relative; width: 164px; height: auto } 


/*통합검색*/
.search_total { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 5px; margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #dadce0 } 
.search_total:first-child { border: none } 
.search_total .form-control { height: 56px; width:100%; margin: 0 auto !important; border-radius: 6px !important; border:2px solid #2d63cd; padding-right: 50px } 
.search_total img { position: absolute; right: 15px; width: 30px; height: 30px } 
.search_total p > span { color:#2d63cd; font-weight: 500 } 
.search_total .btn_detail { font-size: 14px; padding-right: 23px; background: url(../images/ico/search_detail.png) no-repeat 66px 6px; line-height: 1; } 
.search_total .btn_detail:focus { border: none } 
.search_no { padding: 40px; text-align: center; font-size:20px; font-weight: bold } 
.sub_wrap .search_inner { margin-top: 30px } 
.search_option_inner { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #dadce0; padding-bottom: 10px } 
.search_option_inner strong { display: block; width: 100%; margin: 11px 0px 5px } 
.search_option_inner .form-check-inline { padding:5px 0; position: relative; margin-right: 10px } 
.search_option_inner .form-check-inline label { display: flex; align-items: center; line-height: 1 } 
.search_option_inner .form-check-inline label span { display: block; width: 60px } 
.search_option_inner .form-check-inline input { margin:0 7px } 
.search_option_inner .form-check-inline input[type="text"] { height: 30px; background: url(../images/ico/date_ico.png) no-repeat calc(100% + -5px) 5px; font-size: 13px } 
.search_option_inner .form-check-inline { display: flex; flex-shrink:0; align-items: center } 
.search_option_inner .chip.form-check-inline span { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; width: auto; align-items: center; border: 1px solid #dadce0; border-radius: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; justify-content: center; line-height:1; padding: 7px 15px } 
.search_option_inner .chip .form-check-input:checked + span { background-color: #306bfa; border-color: #306bfa; color: #fff; } 
.search_option_inner .chip .form-check-input { height: 1px; left: 0; opacity: 0; position: absolute; top: 0; width: 1px; } 
.search_option .btn_wrap .btn_blue { background-color: #2d63cd } 
.search_option .btn_wrap .btn { width: 100px; margin: 0 2px } 
.search_area .btn_wrap { border-bottom: 1px solid #111; position: relative; margin-bottom: 20px; height: 105px } 
.search_area .btn_wrap .btn_blue { width: 100%; height: 40px } 
.search_area .btn_wrap .btn_gray { background-color: #fff !important; position: absolute; left: 0; bottom: 10px; padding: 0; width: auto; color: #666; text-align: center; width: 100%; font-size: 14px } 
.search_no { font-size: 17px !important } 


/* 마이그레이션 기사 안정화 */
.news_content { font-size: 18px; line-height: 31px; font-weight: 400; } 
.news_content div { margin-bottom: 20px } 
.news_content div:has(a) { margin-bottom: 5px } 
.news_content div a { font-size: 18px } 
.news_content strong { font-size: 18px } 
.news_content span { font-size: 18px } 
.news_content p { margin-bottom: 25px } 
.news_content a { display: inline } 
.news_content figcaption span { font-size: 13px } 


/*기사상세 광고*/
.top_banner_box { position: absolute; top: 153px } 
.bottom_banner_box { position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0) } 
.banner_box { margin: 30px auto; text-align: center; z-index: 9999 } 
.banner_box img {object-fit: none;} 




@media screen and (max-width: 768px) {/*메인*/
.col-12.col-md-6 > div:first-child { margin-bottom: 0; border-bottom: 1px solid #dadce0 } 


/*지면보기*/
.section_box { padding: 20px } 
.section_box strong { font-size: 20px } 
.section_box > p { padding-bottom: 10px } 
.section_box > p > span { display: block; padding-left: 7px } 

.pdf_wrap .pdf_date { display: block; margin-top: 10px; padding-top: 15px } 
.pdf_wrap .pdf_date .btn { width: 49% } 
.pdf_wrap .pdf_date .date_select { justify-content: space-between; margin-right: 0; margin-bottom: 15px } 
.pdf_wrap .pdf_date .date_select select { margin-right: 0; min-width: 33% } 
.pdf_wrap .row .card_box .card_img a img { width: 100% } 
 }


/* 메인화면 비바100/기획시리즈 수정 */
.slede_wall { display: block; background-color: #2D63CD; width: 100%; height: 60%; position: absolute; } 
.series_slide_box { margin-bottom: 0; } 
.series_slide_box .swiper-slide { z-index: 9999; } 
.series_slide_box .swiper-slide .card_box { margin-bottom: 15px; } 


/* 협력사*/
.cooperation-box{width:100%; overflow:hidden; padding-bottom:5px; margin-top: 50px;}
.add_slide_list{width:100%; overflow:hidden; margin-bottom:20px;}
.add_slide_list li{list-style-type:none; font-size:13px; float:left; cursor:pointer; padding:3px 7px; margin:0; line-height:24px;}
.add_slide_list li:hover{background:#3063C9; border-radius:15px; color:#fff;}
.bx-prev{float:left; left:-50px; width:35px; height:35px; background:#fafafa url(../images/ico/prev_wht.png) no-repeat center center; background-size: 10px; border-radius:100px;}
.bx-next{float:right; width:35px; height:35px; background:#fafafa url(../images/ico/next_wht.png) no-repeat center center; background-size: 10px; border-radius:100px;}
.slider {position: relative; width: 100%; overflow: hidden; margin: 0 auto }
.slider-wrapper {display: flex; transition: transform 0.5s ease;}
.slide {min-width: 300px; height: 90px;margin-right: 10px }
.slider img {width: 100%; height: 90px; object-fit: fill }
.bx-controls-direction { position: absolute; width: 100%;top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between }
.bx-prev, .bx-next {background-color: rgba(0,0,0,0.5); border: none; color: white; padding: 10px; cursor: pointer}

.notice {margin-top: 50px}
.popular_box {margin-top: 50px}


/* 자동마킹 */
.txt_marking { background-image: linear-gradient(to right, rgba(250, 242, 4, 0.58) 100%, transparent 0); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 2s ease; font-weight: 600; } 
.txt_marking.active { background-size: 100% 100%; }