@charset "utf-8";

/* Font Set */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&family=Noto+Serif+KR:wght@600&family=Roboto:ital,wght@0,700;1,700&display=swap');

:root {
    --color-text-white : #FFFFFF;
    --color-text-black : #111111;
    --color-text-blue : #0078CB;
    --color-text-red : #F22222;
    --color-text-video : #555EEE;
    --color-bg-white : #FFFFFF;
    --color-bg-black : #111111;
    --color-bg-blue : #0078CB;
    --color-bg-red : #F22222;
    --color-bg-video : #555EEE;
    --color-bg-base : #F4F5F6;
    --color-bg-base-hover : #E9EAF0;
    --color-bg-baseLight : #FBFBFB;
    --color-bg-skyBlue : #E4EDF6;
    --color-bg-video : #E4E5FB;
    --color-bg-lightGray : #FAFBFC;
    --color-bg-lightGray-hover : #F4F6F9;
    --color-bg-finderView : #3C4045;
    --color-gray-8 : #888888;
    --color-gray-a : #AAAAAA;
    --color-gray-d : #DDDDDD;
    --color-gray-e : #EEEEEE;
    --color-gap-gray : #EFF0F1;
    --color-opinion-beigic : #E4D8C6;
    --color-border-tableTop : #96A7B3;
}

/* 메인헤더 */
header { position:relative;}
header .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position:relative;
    width: 1200px;
    height: 178px;
    margin: 0 auto;
    border-bottom: 3px solid #111;
}
header .fn_logo {
    width: 340px;
    height: 27px;
    margin-top: 60px;
    background: url(https://static.fnnews.com/resources/w/img/logo_fn.svg) no-repeat 0 0;
}
header .fn_logo a { display: block; width: 100%; height: 100%; }
header .wrap_side { display: flex; flex-wrap: wrap; justify-content: space-between; }
header .side_btn {  font-size: 0; }
header .side_btn button { display: inline-block; }
header .side_btn .ico_allmenu { width: 20px; height: 20px; margin-right: 30px; background: url(https://static.fnnews.com/resources/w/img/ico_hamberger.svg) no-repeat 0 0; }
header .side_btn .ico_search {
    position: absolute;
    top: 55px;
    right: 0;
    width: 28px;
    height: 26px;
    background: url(https://static.fnnews.com/resources/w/img/ico_quick.svg) no-repeat -154px 0;
}
header .side_btn .ico_search .txt_s { display: block; margin-top: 29px; }

/* 메인 퀵메뉴 */
header .wrap_side .quick_gnb { margin-top: 15px;}
header .wrap_side .quick_gnb .list_quick { display: flex; gap: 21px; justify-content: flex-end; }
header .wrap_side .quick_gnb .list_quick li { position: relative; font-size: 13px; color: #545454; }
header .wrap_side .quick_gnb .list_quick li.parti::after { right: -11px; }
header .wrap_side .quick_gnb .icon_quick { margin: 25px 50px 0; }
header .wrap_side .quick_gnb .icon_quick ul { display: flex; gap: 25px; }
header .wrap_side .quick_gnb .icon_quick ul li .txt_s { display: block; margin-top: 5px; text-align: center; }
header .wrap_side .quick_gnb .icon_quick ul li a::before {
    content: '';
    display: block;
    width: 30px;
    height: 26px;
    margin: 0 auto;
    background: url(https://static.fnnews.com/resources/w/img/ico_quick.svg) no-repeat 0 0;
}
header .wrap_side .quick_gnb .icon_quick ul li.quick_tvfn a::before {
    width: 32px;
    background-position: 0 0;
}
header .wrap_side .quick_gnb .icon_quick ul li.quick_paper a::before {
    width: 33px;
    background-position: -51px 0;
}
header .wrap_side .quick_gnb .icon_quick ul li.quick_survey a::before {
    width: 32px;
    background-position: -104px 0;
}

/* 서브 헤더 */
header.sub { border-bottom: 1px solid #eee; }
header.sub .inner { height: 70px; border-bottom: none; }
header.sub .inner .fn_logo {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 247px;
    height: 20px;
    margin: 0 0 0 -123px;
    background-size: contain;
}
header.sub .side_btn .ico_allmenu { margin-right: 15px; }
header.sub .wrap_side .side_btn { margin-top: 25px; }
header.sub .wrap_side .side_btn .ico_search {
    position: unset;
    width: 20px;
    height: 21px;
    background: url(https://static.fnnews.com/resources/w/img/ico_search_h.svg) no-repeat 0 0 / contain;
}
header.sub .wrap_side .quick_gnb { margin-top: 30px; }
header.sub .hd_menu { top: 70px; }
header.sub .hd_menu .ico_close { top: -46px; }
header.sub .hd_search { top: 70px; }
header.sub .hd_search .ico_close { top: -46px; left: 34px; }

/* 헤더 - 네비게이션 */
header .wrap_gnb { display: flex; padding-bottom: 24px; }
header .wrap_gnb .list_gnb { display: flex; gap: 28px; font-size: 18px; font-weight: 500; }
header .wrap_gnb .list_gnb a { color: #111; }
header .wrap_gnb .list_gnb a:hover { color: #0078CB;}

/* 총선 - 총선용 네비게이션 */
header .wrap_gnb .list_gnb li.gnb_vt22th { position: relative; }
header .wrap_gnb .list_gnb li.gnb_vt22th::before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(https://static.fnnews.com/resources/w/img/vt22th/ico_stamp_red.svg) no-repeat 0 0 / cover;
}
header .wrap_gnb .list_gnb li.gnb_vt22th a { padding-left: 25px; }

/* 헤더 - 전체메뉴 */
.hd_menu {
    display: none;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 0 rgba(0,0,0,.15);
    z-index: 9999;
}
.hd_menu.all_menu .inner_box { padding: 60px 0 40px; }
.hd_menu .ft_menu { display: flex; align-items: center; height: 55px; background: #F4F5F6; border-bottom: 1px solid #111; }
.hd_menu .ft_menu .list_ft { display: flex; gap: 50px; flex-shrink: 0; width: 1200px; margin: 0 auto; }
.hd_menu .ft_menu .list_ft li { font-weight: 400; color: #111; }
.hd_menu .ft_menu .list_ft li a:hover { text-decoration: none; color: #0078CB; }
.hd_menu .ico_close { position: absolute; top: 15px; background: #fff url(https://static.fnnews.com/resources/w/img/ico_close.svg) no-repeat 0 0 / contain; }

.all_menu { border-top: 1px solid #eee; }
.all_menu .inner_box { display: flex; flex-wrap: wrap; gap: 40px 36px; padding: 40px 0 50px; }
.all_menu .inner_box > dl, .all_menu .inner_box > ul { flex: 1 1 14%; max-width: 170px; }
.all_menu .inner_box dl dt { font-size: 17px; font-weight: 500;  }
.all_menu .inner_box dl dt a { color: #111; }
.all_menu .inner_box dl dt a:hover { text-decoration: none; color: #0078CB; }
.all_menu .inner_box dl dd { margin-top: 20px; }
.all_menu .inner_box dl dd .list_2depth li { margin-bottom: 15px; font-size: 15px; font-weight: 400; color: #555; }
.all_menu .inner_box dl dd .list_2depth li:last-child { margin-bottom: 0; }
.all_menu .inner_box dl dd .list_2depth li a:hover { text-decoration: none; color: #0078CB; }
.all_menu .inner_box .list_1depth li { font-size: 16px; font-weight: 500; margin-bottom: 20px; }
.all_menu .inner_box .list_1depth li a { color: #111; }
.all_menu .inner_box .list_1depth li a:hover { text-decoration: none; color: #0078CB; }

/* 헤더 - 검색 */
.hd_search {
    display: none;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #111;
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 0 rgba(0,0,0,.15);
    z-index: 9999;
}
.hd_search.show { display: block; }
.hd_search .inner_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 1200px;
    padding: 40px 0;
    margin: 0 auto;
}
.wrap_search { position: relative; width: 640px;}
.wrap_search .inner_schall {
    border-bottom: 2px solid #111;
    background-color: #fff;
}
.wrap_search .box_search {
    position: relative;
    background-color: #fff;
}
.wrap_search .tf_keyword {
    width: calc(100% - 30px);
    height: 50px;
    border: 0 none;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: transparent;
    color: #111;
    vertical-align: top;
    -webkit-appearance: none;
    outline: 0;
    letter-spacing: -1px;
}
.wrap_search .tf_keyword::placeholder { color: #aaa;}
.wrap_search .tf_keyword:-ms-input-placeholder {color: #aaa;}
.wrap_search .tf_keyword::-ms-input-placeholder {color: #aaa;}
.wrap_search .ico_search {
    position: absolute;
    top: 18px;
    right: 0;
    width: 21px;
    height: 20px;
}
.hd_search .ico_close { position: absolute; top: -59px; right: 0; background: #fff url(https://static.fnnews.com/resources/w/img/ico_close.svg) no-repeat 0 0 / contain; }
.hd_search .ico_search_b {
    position: absolute;
    top: -66px;
    right: 0;
    width: 28px;
    height: 26px;
    background: #fff url(https://static.fnnews.com/resources/w/img/ico_quick.svg) no-repeat -154px -42px;
}
.hd_search .search_hit { width: 640px; margin-top: 20px; }
.hd_search .search_hit dl { display: flex; gap: 40px; }
.hd_search .search_hit dl dt { flex-shrink: 0; font-size: 16px; font-weight: 500; }
.hd_search .search_hit dl dd { position: relative; }
.hd_search .search_hit dl dd::after { left: -20px;  }
.hd_search .search_hit dl dd .list_hit { display: flex; flex-wrap: wrap; gap: 10px 40px; }
.hd_search .search_hit dl dd .list_hit li { font-size: 16px; font-weight: 400; color: #0078CB; }
.hd_search .search_hit dl dd .list_hit li a { text-decoration: underline; }


/* 헤더 - 날씨 */
header .wrap_weather { display: flex; align-items: center; }
header .wrap_weather strong { font-weight: 400; }
header .wrap_weather .cutTemp { display: flex; align-items: center; gap: 3px; font-size: 15px; font-weight: 500; }
header .wrap_weather .cutTemp .weatherimg { width: 35px; height: auto; margin-right: 2px;  }

/* 헤더 - 날씨 */
header .weatherbox{
    float: right;
    overflow: hidden;
    display: inline-block;
    width: 200px;
}

header .wrap_weather { display: flex; align-items: center; height: 44px;}
header .wrap_weather strong { font-weight: 400; }
header .wrap_weather .cutTemp {position: absolute;float: right; display: flex; align-items: center; gap: 3px; font-size: 15px; font-weight: 400; }
header .wrap_weather .cutTemp .weatherimg { width: 35px; height: auto; margin-right: 2px;margin-top: 5px;}

/* 헤더 - 배너 */
.bnr_header { position: absolute; right: 0; bottom: 20px; }

/* 헤더 - 실시간정보 */
.bar_realtime {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    height: 53px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}
.bar_realtime .wrap_breaking { display: flex; gap: 15px; align-items: center; }
.bar_realtime .wrap_breaking .txt_tit { font-size: 15px; }
.bar_realtime .wrap_breaking span { font-size: 16px; font-weight: 600; }
.bar_realtime .wrap_breaking span a { display: block; }
.bar_realtime .wrap_breaking .breaking { width: 500px; }
.bar_realtime .wrap_breaking .list_article { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 1.17; }
.bar_realtime .wrap_stock { display: flex; align-items: center; }
.bar_realtime .wrap_stock .list_stock { display: flex; gap: 25px; font-size: 15px; }
.bar_realtime .wrap_stock .list_stock dt { display: inline-block; font-weight: 500; }
.bar_realtime .wrap_stock .list_stock dd { display: inline-block; position: relative; margin-left: 8px; }
.bar_realtime .wrap_stock .list_stock dd:last-child { margin-left: 20px; }
.bar_realtime .wrap_stock .list_stock dd.minus { color:#1F62E5; }
.bar_realtime .wrap_stock .list_stock dd.minus::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 8px solid #1F62E5;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none;
}
.bar_realtime .wrap_stock .list_stock dd.plus { color: #F22222; }
.bar_realtime .wrap_stock .list_stock dd.plus::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #F22222;
}
.container { position: relative; }
.inner_box {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* 푸터 */
.footer { position: relative; background: #FBFBFB; border-top: 1px solid #111; }
.footer::after {
    content: '';
    display: block;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}
.footer .inner_box { padding-bottom: 70px; }
.footer .inner_box .ft_menu { display: flex; align-items: center; justify-content: space-between; height: 54px;  }
.footer .inner_box .ft_menu .list_ft_menu { display: flex; gap: 50px; }
.footer .inner_box .ft_menu .list_ft_menu li { font-size: 14px; }
.footer .inner_box .ft_menu .list_ft_menu li a { color: #111; }

.footer .inner_box .ft_menu .fn_family { position: relative; }
.footer .inner_box .ft_menu .fn_family .btn-family { position: relative; }
.footer .inner_box .ft_menu .fn_family .btn-family::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    right: 10px;
    margin-top: -1px;
    background: #555;
}
.footer .inner_box .ft_menu .fn_family .btn-family::after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 10px;
    top: 50%;
    right: 14px;
    margin-top: -5px;
    background: #555;
}
.footer .inner_box .ft_menu .fn_family .btn-family button {
    box-sizing: border-box;
    display: block;
    width: 140px;
    height: 30px;
    padding-left: 10px;
    text-align: left;
    font-size: 13px;
    border: 1px solid #ddd;
}
.footer .inner_box .ft_menu .fn_family .dropdown-family {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 29px;
    left: 0;
    width: 140px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    z-index: 99;
    height: 0;
    transition: height 0.5s;
    transition-timing-function: ease;
}
.footer .inner_box .ft_menu .fn_family .dropdown-family li a { display: block; padding: 7px 10px; font-size: 13px; }
.footer .inner_box .ft_menu .fn_family .dropdown-family li a:hover {
    text-decoration: none;
    font-weight: 400;
    color: #111;
    background: #eee;
}
.footer .inner_box .ft_menu .fn_family:hover .dropdown-family {
    display: block;
    height: 87px;
}

.footer .inner_box .ft_info { display: flex; gap: 20px; align-items: center ; margin-top: 25px; }
.footer .inner_box .ft_info .ft_logo {
    display: block;
    width: 46px;
    height: 46px;
    background: url(https://static.fnnews.com/resources/w/img/logo_ft.svg) no-repeat 0 0 / contain;
}
.footer .inner_box .ft_info .wrap_ft_info { display: flex; flex-direction: column; justify-content: space-between; height: 36px; }
.footer .inner_box .ft_info .r-1 li:last-child p { font-weight: 400; color: #111; }
.footer .inner_box .ft_info .list_row { display: flex; gap: 25px; }
.footer .inner_box .ft_info .list_row li { position: relative; }
.footer .inner_box .ft_info .list_row li.parti::after { left: -12px; }
.footer .inner_box .ft_info .list_row li p { font-size: 13px; color: #888; }

/* frame */
.col-630 { width: 630px }
.col-800 { width: 800px }
.col-840 { width: 840px }
.col-850 { width: 850px }
.col-994 { width: 994px }
.col-300 { width: 300px}
.flex { display: flex; }
.flex_btw { display: flex; justify-content: space-between; }
.flex-25 {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 35px 25px;
}
.flex-36 {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 45px 36px;
}
.flex-36 .col-2 { box-sizing: border-box; flex: 1 1 45%; max-width: calc(50% - 18px); }
.flex-36 .col-3 { box-sizing: border-box; flex: 1 1 30%; max-width: calc(33.333333% - 24px); }
.flex-36 .col-4 { box-sizing: border-box; flex: 1 1 20%; max-width: calc(25% - 27px); }
.flex-25 .col-5 { box-sizing: border-box; flex: 1 1 15%; max-width: calc(20% - 20px); }

/* 팝업 레이어 */
.popup_layer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top:30%;
    left:50%;
    transform: translate(-50%,-30%);
    -webkit-transform: translate(-50%,-30%);
    -moz-transform: translate(-50%,-30%);
    -ms-transform: translate(-50%,-30%);
    width: 330px;
    min-height: 170px;
    padding: 30px;
    background: #fff;
    border: 1px solid #555;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.25);
    box-shadow: 5px 5px 0 rgba(0,0,0,.25);
}
.popup_layer .txt-area { font-size: 16px; line-height: 1.4em; }
.popup_layer .txt-area p { margin-top: 6px; }
.popup_layer .txt-area p:first-child { margin-top: 0; }
.popup_layer .btn-area {
    display: flex;
    justify-content: right;
    gap: 10px;
    margin: 30px -10px -5px 0;
    text-align: right;
}
.popup_layer .btn-area button {
    padding: 5px 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
}

/* fnSurvey - side */
.wrap_servey { background: #F4F5F6; border: 1px solid #eee; }
.wrap_servey .inner { margin: 0 20px; padding: 25px 0; }
.wrap_servey .inner .txt_dec { margin-top: 20px; padding: 12px 0; font-weight: 400; color: #555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.wrap_servey .inner .caption { display: block; margin-top: 14px; padding-bottom: 20px; color: #111; }

/* 탑버튼 */
#topBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background: #111;
    outline: none;
    border: none;
    border-radius: 23px;
    opacity: .4;
    cursor: pointer;
    z-index: 99;
}
#topBtn::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 19px;
    left: 16px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    padding: 5px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
}

/* txt */
.txt_black-1 { color:#111 }
.txt_black-5 { color:#555 }
.txt_black-8 { color: #888; }
.txt_blue { color: #0078CB }
.txt_red { color: #F22222 }
.txt_white { color: #fff }
.txt_wt-6 { font-weight: 600; }
.txt_wt-5 { font-weight: 500; }
.txt_wt-4 { font-weight: 400; }
.txt_wt-3 { font-weight: 300; }
.txt_wt-2 { font-weight: 200; }
.txt_wt-1 { font-weight: 100; }
.txt_ct { text-align: center; }
.txt_l { text-align: left; }
.txt_r { text-align: right; }
.txt_s { font-size: 13px; }
.caption { font-size: 13px; color: #888; }
.font_rbt { font-family: 'Roboto', sans-serif; }
.tit_main_sec { position: relative; padding: 20px 0 25px; font-size: 22px; font-weight: 500; letter-spacing: -0.04em; }
.tit_main_sec a { color: #000; }
.tit_main_sec a:hover { text-decoration: none; }
.tit_main_sec .arrow { margin: 0 0 3px 8px; }
.tit_sec_s { font-size: 16px; font-weight: 500; }

/* bg */
.bg_white { background: #fff !important }
.bg_lightGray { background: #F4F5F6 !important }
.bg_darkGray { background: #4C5157}
.bg_blue { background: #0078CB !important }
.bg_lightPp { background: #E4E5FB !important }

/* border */
.bdt_1px_e { border-top: 1px solid #eee; }
.bdt_1px-1 { border-top: 1px solid #111; }
.bdt_2px-1 { border-top: 2px solid #111; }
.bdb_1px-e { border-bottom: 1px solid #eee; }

/* space */
.mt_5 { margin-top: 5px }
.mt_10 { margin-top: 10px !important }
.mt_15 { margin-top: 15px !important }
.mt_20 { margin-top: 20px !important }
.mt_30 { margin-top: 30px !important }
.mt_40 { margin-top: 40px !important }
.mt_50 { margin-top: 50px !important }
.mt_60 { margin-top: 60px !important }
.mb_0 { margin-bottom: 0 !important }
.mb_40 { margin-bottom: 40px !important }
.pt_40 { padding-top: 40px !important }
.pb_50 { padding-bottom: 50px !important }
.pb_60 { padding-bottom: 60px !important }
.ptb_40 { padding: 40px 0 }

/* icon */
.arrow {
    border: solid #aaa;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.round_arw {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #F6F6F6;
    border: 1px solid #ccc;
}
.round_arw::after {
    content:'';
    display: inline-block;
    border: solid #0078CB;
    border-width: 0 2px 2px 0;
    margin-left: -2px;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.ico_search { background: url(https://static.fnnews.com/resources/w/img/ico_search_h.svg) no-repeat 0 0 / contain; }
.ico_close { width: 21px; height: 21px; background: url(https://static.fnnews.com/resources/w/img/ico_close.svg) no-repeat 0 0; }
.ico_stop { display: block; position: relative; width: 10px; height: 10px; font-size: 0; text-indent: -9999px; z-index: 1; }
.ico_stop:before { content: ''; position: absolute; left: 0; bottom: 0; width: 4px; height: 100%; background: #eee; }
.ico_stop:after { content: ''; position: absolute; right: 0; bottom: 0; width: 4px; height: 100%; background: #eee; }
.ico_share {
    width: 48px;
    height: 48px;
    background: #f4f6f9 url(https://static.fnnews.com/resources/w/img/ico_share.svg) no-repeat center / 20px 25px;
    border-radius: 2px;
}
.ico_share:hover { background-color: #e0e3eb; }
.ico-comment { background: url(https://static.fnnews.com/resources/w/img/ico_comment.svg) no-repeat center; }
.parti { position: relative; }
.parti::after {
    content:'';
    display: block;
    position: absolute;
    top: 2px;
    bottom: 1px;
    width: 1px;
    background: #ddd;
}
.ico_write { background: url(https://static.fnnews.com/resources/w/img/ico_write.svg) no-repeat 0 0 / 16px; }
.ico_calendar { background: url(https://static.fnnews.com/resources/w/img/ico_calendar.svg) no-repeat 0 0 / contain; }
.sj_breaking, .sj_first { text-indent: 35px; }
.sj_breaking:before, .sj_first:before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    height: 18px;
    padding: 0 4px;
    border-radius: 2px;
    text-align: center;
    text-indent: initial;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: #fff;
}
.sj_breaking:before {
    content: '속보';
    background: #F22222;
}
.sj_first:before {
    content: '단독';
    background: #111;
}
.sj_video {
    display: inline-block;
    position: unset;
    margin: -1px 5px 0 0;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    color: #fff;
    border-radius: 20px;
    vertical-align: middle;
    background: #555EEE;
}
.dots { position: relative; }
.dots::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -1px;
    background: #aaa;
}
.ico_back { background: url(https://static.fnnews.com/resources/w/img/ico_back.svg) no-repeat 0 0 / 17px 13px; }
.ico_back:hover { background: url(https://static.fnnews.com/resources/w/img/ico_back_b.svg) no-repeat 0 0 / 17px 13px; }

/* reaction icon */
.ico-smile { background: url(https://static.fnnews.com/resources/w/img/ico_smile.svg) no-repeat center / 35px; }
.ico-broken { background: url(https://static.fnnews.com/resources/w/img/ico_broken.svg) no-repeat center / 35px; }
.ico-like { background: url(https://static.fnnews.com/resources/w/img/ico_like.svg) no-repeat center / 35px 33px; }
.active .ico-smile { background: url(https://static.fnnews.com/resources/w/img/ico_smile_blue.svg) no-repeat center / 35px; }
.active .ico-broken { background: url(https://static.fnnews.com/resources/w/img/ico_broken_blue.svg) no-repeat center / 35px; }
.active .ico-like { background: url(https://static.fnnews.com/resources/w/img/ico_like_blue.svg) no-repeat center / 35px 33px; }

/* lank num */
.lank { position: relative; }
.lank::before {
    position: absolute;
    left: 2px;
    top: 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -0.09em;
}
.lank:nth-child(1)::before { content: '1'; }
.lank:nth-child(2)::before { content: '2'; }
.lank:nth-child(3)::before { content: '3'; }
.lank:nth-child(4)::before { content: '4'; }
.lank:nth-child(5)::before { content: '5'; }
.lank:nth-child(6)::before { content: '6'; }
.lank:nth-child(7)::before { content: '7'; }
.lank:nth-child(8)::before { content: '8'; }
.lank:nth-child(9)::before { content: '9'; }
.lank:nth-child(10)::before { content: '10'; }

/* link video */
.ico_play { position: relative; }
.ico_play::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: url(https://static.fnnews.com/resources/w/img/ico_play.svg)no-repeat 0 0 / cover;
    z-index: 99;
    transition: .4s;
}
.link_video { overflow: hidden; display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.link_video.ico_play::after { width: 40px; height: 40px; }
.link_video.ico_play:hover::after {
    background: url(https://static.fnnews.com/resources/w/img/ico_play_hv.svg)no-repeat 0 0 / cover;
    transition: .4s;
}
.link_video.dimmed { overflow: hidden; }
.link_video.dimmed::before {
    top: 40%;
    height: auto;
    z-index: 1;
    transition: .4s;
}
.link_video.dimmed:hover::before {
    top: -20%;
    height: auto;
}
.link_video .tit_thumb {
    position: absolute;
    right: 30px;
    bottom: 18px;
    left: 30px;
    color: #fff;
    z-index: 1;
}
.link_video img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* button */
.btn_basic {
    display: block;
    width: 100%;
    padding: 11px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.125;
    color: #fff;
    border-radius: 2px;
}
.btn_basic:hover { text-decoration: none; background: #3b3d3f; }
.btn_more.bd_box_wd { width: 100%; height: 46px; }
.btn_more.bd_box_wd:hover { background:#FAFBFC; }
.btn_more.bd_box_wd .txt_btn {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.btn_more.bd_box_wd .txt_btn .arrow {
    margin: 4px 0 0 10px;
    padding: 4px;
    vertical-align: text-top;
}
.btn_round1 {
    box-sizing: border-box;
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 39px;
    color: #555;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn_round1 .arrow { margin: 0 0 2px 3px; padding: 3px; }

/* box */
.bd_box_wd { background: #fff; border: 1px solid #ddd; }
.bd_box_lg { background: #FAFBFC; border: 1px solid #ddd; }
.bd_box_c { background: #f4f6f9; border: 1px solid #ddd; }
.bd_box_tb { background: #fff; border: solid #888; border-width: 1px 0 1px 0; }
.float_b {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 45%);
    z-index: 1;
}
.dimmed {
    position: relative;
}
.dimmed::before {
    content:'';
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85)));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.85));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.85));
    background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.85));
}
.slash_box { position: relative; padding: 5px; background: #fff; border: 1px solid #ccc; }
/*.slash_box::before { content:""; position: absolute; top: 50px; width: 200%; height: 200%; top: 70px; left: -10px;
    background: repeating-linear-gradient(#fff0  0,#fff0  3px, #ddd 0px, #ddd 2px, #fff0  1px, #fff0  5px, #ddd 7px);
    transform: rotate(331deg) translate(0%, -40%);
    z-index: 1;
}*/
.thumb_img .cover_img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.thumb_img .cover_img img { width: 100%; height: 100%; }

/* social icon */
.social { display: flex; justify-content: center; align-items: center; }
.social i { width: 50%; height: 50%; text-indent: -9999px; font-size: 0; }
.facebook { background: #345FBB; }
.facebook .ico_facebook { background: url(https://static.fnnews.com/resources/w/img/ico_facebook.svg) no-repeat center / contain; }
.twitter  { background: #0e1419; }
.twitter .ico_twitter { background: url(https://static.fnnews.com/resources/w/img/ico_twitter.svg) no-repeat center / contain; }
.youtube { background: #E62919; }
.youtube .ico_youtube { background: url(https://static.fnnews.com/resources/w/img/ico_youtube.svg) no-repeat center / contain; }
.kakaoSty { background: #FDC333; }
.kakaoSty .ico_kakaoSty { background: url(https://static.fnnews.com/resources/w/img/ico_kakaoSty.svg) no-repeat center / contain; }
.kakaoTalk { background: #F6DB36; }
.kakaoTalk .ico_kakaoTalk { background: url(https://static.fnnews.com/resources/w/img/ico_kakaoTalk.svg) no-repeat center / contain; }
.naverCh { background: #00C73C; }
.naverCh .ico_naverCh { background: url(https://static.fnnews.com/resources/w/img/ico_naverCh.svg) no-repeat center / contain; }
.naver { background: #00C73C; }
.naver .ico_naver { background: url(https://static.fnnews.com/resources/w/img/ico_naver.svg) no-repeat center / contain; }
.google { background: #fff; border: 1px solid #ddd; }
.google .ico_google { background: url(https://static.fnnews.com/resources/w/img/ico_google.svg) no-repeat center / contain; }
.naverTv { background: #00E193;  }
.naverTv .ico_naverTv { background: url(https://static.fnnews.com/resources/w/img/ico_naver_tv.svg) no-repeat center / contain; }
.url { background: #DE4242; }
.url .ico_url { background: url(https://static.fnnews.com/resources/w/img/ico_url.svg) no-repeat center / contain; }
.instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.instagram .ico_instagram {
    background: url(https://static.fnnews.com/resources/w/img/ico_instagram.svg) no-repeat center / contain;
}

/* share box */
.box_share {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 58px;
    padding: 7px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.15);
    box-shadow: 5px 5px 0 rgba(0,0,0,.15);
}
.show { display: block; }
.box_share .list_sns { display: flex; gap: 10px; }
.box_share .list_sns li { flex: 1; }
.box_share .list_sns li .social { width: 32px; height: 32px; border-radius: 50%; }
.box_share .list_sns li a:hover { opacity: 0.8; }
.box_share .list_sns li .social i { display: block; width: 55%; height: 55%; }
.box_share .list_sns li .social i.ico_naver { width: 45%; height: 45%; }

/* simple */
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
.center { margin: 0 auto }
.thumb_img { overflow: hidden; display: block; position: relative; font-size: 0; border-radius: 2px; }
.thumb_img:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; border: 1px solid #000; border-radius: 2px; opacity:.05; content: ''; }
.tit_thumb { display: block; position: relative; font-size: 18px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.45em; color: #111; }
.tit_thumb a { color: #111; }
.tit_thumb a:hover { text-decoration: underline; }
.tit_s { display: block; font-size: 14px; font-weight: 400; }
.tit_sec { display: block; margin-bottom: 20px; font-size: 18px; font-weight: 500; }
.tit_sec a { color: #111; }
.tit_sec a:hover { text-decoration: none; }
.txt_dec { line-height: 1.45em; color: #aaa; }
.tit_rel { position: relative; }
.tit_rel::before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 7px;
    height: 7px;
    border-left: 1px solid #0078CB;
    border-bottom: 1px solid #0078CB;
    z-index: 1;
}
/* option tab */
.view_option { display: flex; gap: 50px; align-items: center; }
.view_option ul { display: flex; gap: 12px; position: relative; }
.view_option ul li { display: flex; align-items: center; position: relative; padding-left: 8px; font-size: 15px; }
.view_option ul li.active { font-weight: 600; }
.view_option ul li.active:before { background:#0078CB }
.view_option ul li.active a { color:#111 }

/* 관련기사 폼 */
.rel_col-img-txt { padding-top: 20px; border-top: 1px solid #888; }
.rel_col-img-txt .list_article { display: flex; flex-wrap: wrap; gap: 20px; }
.rel_col-img-txt .list_article li .thumb_img {
    overflow: hidden;
    padding-top: calc(100% / 16 * 10);
}
.rel_col-img-txt .list_article li .thumb_img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.rel_col-img-txt .list_article li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 44px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.3em;
}

/* 오른쪽300 - 실시간 랭킹 */
.sub_rt_lank { position: relative; }
.sub_rt_lank .caption { position: absolute; top: 31px; right: 0; font-size: 12px; }
.sub_rt_lank .wrap_rt_lank .tab { display: flex; }
.sub_rt_lank .wrap_rt_lank .tab .tablinks {
    flex: 1;
    height: 36px;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #75797F;
    transition: 0.3s;
}
.sub_rt_lank .wrap_rt_lank .tab .tablinks.active { background:#0078CB; }
.sub_rt_lank .wrap_rt_lank .tabcont { display: none; }
.sub_rt_lank .wrap_rt_lank .tabcont .list_article { padding-top: 5px; }
.sub_rt_lank .wrap_rt_lank .tabcont li { position: relative; padding: 11px 0; border-top: 1px solid #eee; }
.sub_rt_lank .wrap_rt_lank .tabcont li:first-child { border: none; }
.sub_rt_lank .wrap_rt_lank .tabcont li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 46px;
    padding-left: 36px;
    font-size: 16px;
}

/* 오른쪽300 - 한 컷 뉴스 */
.article_pt4 { position: relative; }
.article_pt4 .list_pt4 { display: flex; flex-wrap: wrap; gap: 15px 10px; }
.article_pt4 .list_pt4 li { flex: 1 1 45%; max-width: calc(50% - 5px); }
.article_pt4 .list_pt4 li .thumb_img { width: 145px; height: 124px; }
.article_pt4 .list_pt4 li .thumb_img img { width: 100%; height: auto; }
.article_pt4 .list_pt4 li .tit_thumb { margin-top: 8px; font-size: 15px; }

/* 오른쪽300 - fnSurvey */
.fnSurvey-r .tit_sec i { margin-left: 6px; padding: 4px; }

/* 오른쪽300 - 헉스 */
.article_imgLeft { position: relative; }
.article_imgLeft .hugs { display: block; background: url(https://static.fnnews.com/resources/w/img/tit_hugs.svg) no-repeat 0 0 / contain; }
.article_imgLeft .hugs .link_hugs { position: relative; }
.article_imgLeft .hugs .link_hugs .arrow { margin: 0 0 2px 47px; border: solid #5682D2; border-width: 0 2px 2px 0; }
.article_imgLeft .list_imgLeft li { display: flex; align-items: flex-start; margin-bottom: 20px; }
.article_imgLeft .list_imgLeft li .thumb_img { flex-shrink: 0; position: relative; width: 88px; height: 64px; margin-right: 15px; }
.article_imgLeft .list_imgLeft li .thumb_img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.article_imgLeft .list_imgLeft li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 44px;
    margin-top: 4px;
    font-size: 15px;
}

/* 오른쪽300 - 당신이 좋아할 만한 뉴스 */
.likeNews .list_likeNews li { margin-top: 30px; }
.likeNews .list_likeNews li:first-child { margin-top: 0; }
.likeNews .list_likeNews li .thumb_img { width: 300px; height: 164px; }
.likeNews .list_likeNews li .thumb_img img { width: 100%; height: auto; }
.likeNews .list_likeNews li .tit_thumb { margin-top: 10px; line-height: 1.35em; }

/* 오른쪽300 - 당신이 놓친 뉴스 */
.article_imgRight { position: relative; }
.article_imgRight .list_imgRight li { display: flex; align-items: flex-start; margin-top: 20px; }
.article_imgRight .list_imgRight li:first-child { margin-top: 0; }
.article_imgRight .list_imgRight li .thumb_img { flex-shrink: 0; position: relative; width: 93px; height: 60px; margin-left: 15px; }
.article_imgRight .list_imgRight li .thumb_img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.article_imgRight .list_imgRight li .tit_thumb {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    font-size: 14px;
}
.article_imgRight .list_imgRight li .txt_ad { margin-top: 5px; font-size: 11px; color: #888; }

/* terms */
.tit_terms { margin: 40px 0; font-size: 26px; font-weight: 500; }
.wrap_terms { padding-bottom: 40px; }
.wrap_terms .tit_sec { margin: 40px 0 -20px; font-size: 20px; font-weight: 600; }
.wrap_terms .tit_sub { display: block; margin-top: 40px; font-size: 16px; font-weight: 500; }
.wrap_terms .txt_dec { margin-top: 20px; font-size: 16px; line-height: 26px; color: #777; word-wrap: break-word; word-break: keep-all; }
.wrap_terms .txt_dec .outlink { color: #0078CB; text-decoration: underline; }
.wrap_terms .list_1depth { margin: 20px 0; padding-left: 23px; }
.wrap_terms .list_1depth li { margin-top: 15px; font-size: 15px; line-height: 23px; word-wrap: break-word; word-break: keep-all; }
.wrap_terms .list_1depth li .txt_num { display: inline-block; margin: 0 8px 0 -23px; }
.wrap_terms .list_1depth li .list_2depth { display: block; margin: 10px 0 15px; padding: 0 0 0 20px; }
.wrap_terms .list_1depth li .list_2depth li { margin-top: 4px; font-size: 14px; font-weight: 500; }
.wrap_terms .list_1depth li .list_2depth li:first-child  {margin-top: 0; }
.wrap_terms .list_1depth li .list_2depth li .txt_num { margin: 0 8px 0 -21px; }
.wrap_terms .list_1depth.hyphen li { margin-top: 5px; }

.table_style1 {
    width: 100%;
    margin: 40px 0;
    font-size: 15px;
    line-height: 21px;
    border-top: 1px solid #96a7b3;
}
.table_style1 th { padding: 15px 0; font-size: 16px; font-weight: 500; background: #F4F5F6; }
.table_style1 th.txt_l { padding: 15px 30px; }
.table_style1 th .impt { margin-left: 3px; color: #F22222; }
.table_style1 tbody tr { border-bottom: 1px solid #eee; }
.table_style1 td {
    padding: 15px 0;
    text-align: center;
    border-left: 1px solid #eee;
}
.table_style1 td.txt_l { padding: 15px 25px; text-align: left; }
.table_style1 td.bd_left0 { border-left: 0; }
.table_style1 td p { margin-top: 10px; }
.table_style1 td p:first-child { margin-top: 0; }
.table_style1 td p.txt_bd { font-weight: 500; }

.info_terms .tit_terms { margin-top: 0; }
.info_terms .wrap_terms { padding-bottom: 0; }
.wrap_terms .list_1depth li .list_2depth.download { display: flex; gap: 45px; }
.wrap_terms .list_1depth li .list_2depth.download li { margin-top: 0; }
.wrap_terms .list_1depth li .list_2depth.download li a { color: #0078CB; text-decoration: underline; }
.wrap_terms .list_1depth li .list_2depth.download li .ico_download {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: sub;
    background: url(https://static.fnnews.com/resources/w/img/ico_download.svg)no-repeat left center;
}

/*----------------------------input form----------------------------*/

/*radio*/
.input_box, .option_box {
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.input_box input.input-box {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    border-radius: 2px;
}

/*연락처*/
.phone_num .bar { float: left; margin: 8px; font-size: 16px; color: #ccc; }
.phone_num .input_box { width: 110px; }



/*주소검색*/
.address_box .input_box { margin-top: 10px; }
.address_box .input_box:first-child { width: 255px; margin-top: 0; }
.address_box .postCode_box button {
    margin-left: 10px;
    padding: 11px 14px;
    font-size: 14px;
    color: #fff;
    background: #4C5157;
    border-radius: 2px;
}

/*날짜 선택*/
.date_box .input_box { width: 255px; }
.date_box .datepicker { width: 28px; height: 27px; margin: 6px 0 0 10px; }

/*카운터 박스*/
.count_box .input_box { position: relative; width: 150px; }
.count_box button {
    position: absolute;
    right: 0;
    width: 23px;
    height: 20px;
    font-size: 0;
    text-indent: -9999px;;
    background: url(https://static.fnnews.com/resources/w/img/ico_selectBox.png) no-repeat center center;
    border: none;

}
.count_box .btn_up { top: 0; transform: rotate(180deg); border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.count_box .btn_down { bottom: 0; border-left: 1px solid #CCCCCC;  }
.count_box .txt { display: inline-block; margin: 8px 0 0 10px; font-size: 17px; }

.option_box { width: 110px; }
.option_box select {
    display: block;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    color: #444;
    background-color: #fff;
    border-radius: 0;
    background: url(https://static.fnnews.com/resources/w/img/ico_selectBox.png) no-repeat right 10px center;
}
.option_box select:focus { outline: none; border-radius: 0; }
input.input-box::placeholder { font-weight: 200; color: #bbb; }
input.input-box:disabled { color: #ddd; }
input.input-box:focus { outline: none; background: #f4f6f9; }


/* 라디오 & 체크박스 */
.radio_row { display: flex; gap: 20px; }
.radio_box {display:inline-block; position:relative; }
.radio_box input[type=radio],
.radio_box input[type=checkbox], .check_box input[type=checkbox] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0
}
.radio_box input[type=radio] + label {
    display:inline-block;
    padding-left: 28px;
    font-size: 16px;
    line-height: 21px;
    color:#1A1311;
    background:url("https://static.fnnews.com/resources/w/img/ico_radio_off.png") no-repeat left center / 20px auto;
}
.radio_box input[type=radio]:checked + label {background-image:url("https://static.fnnews.com/resources/w/img/ico_radio_on.png")}
.check_box { position: relative; font-size: 15px; color: #555; }
.check_box .checkbox { width: 18px; height: 18px; margin-right: 5px; vertical-align: middle; }
.check_box input[type=checkbox] + label {
    display:inline-block;
    padding-left: 25px;
    font-size: 15px;
    line-height: 18px;
    color:#1A1311;
    background:url("https://static.fnnews.com/resources/w/img/ico_check_off.png") no-repeat left center / 18px auto;
}
.check_box input[type=checkbox]:checked + label {background-image:url("https://static.fnnews.com/resources/w/img/ico_check_on.png")}

/* 스크롤 박스 */
.scroll_box { padding: 35px 0 40px; border-radius: 2px; }
.scroll_box.gray { background: #F4F5F6; }
.scroll_box .inner {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 20px 0 40px;
    max-height: 200px;
}
.scroll_box .inner::-webkit-scrollbar {width:12px}
.scroll_box .inner::-webkit-scrollbar-thumb {
    border:2px solid rgba(130,130,130,1);
    border-radius:2px;
    background:rgba(130,130,130,1);
    background-clip:padding-box
}
.scroll_box .inner::-webkit-scrollbar-track {
    border-radius:2px;
    background:rgba(130,130,130,.2)
}
/* 버튼 */
.mbs_btn {
    box-sizing: border-box;
    display: inline-block;
    width: 200px;
    height: 54px;
    text-align: center;
    font-size: 17px;
    line-height: 54px;
    border-radius: 2px;
}
.mbs_btn.btn_blue { color: #fff; background:#0078CB; }
.mbs_btn.btn_blue:hover { background: #006cb7; }

/* btn_gray */
.mbs_btn.btn_gray {
    color: #fff;
    background:#a5a5a5;
    margin-left:10px;
}
.mbs_btn.btn_gray:hover {
    background: #999999;
}


/* 이메일 */
.email_box .bar {
    float: left;
    margin: 8px;
    font-size: 16px;
    color: #ccc;
}
.email_box .input_box {
    width: 255px;
}
.email_box .option_box {
    width: 255px;
    margin-left:10px;
}

/* textarea박스 */
.textarea_box {
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 180px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.textarea_box .textarea-box {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    border-radius: 2px;
}

.textarea-box::placeholder {
    font-weight: 200;
    color: #bbb;
}
.textarea-box:disabled {
    color: #ddd;
}
.textarea-box:focus {
    outline: none;
    background: #f4f6f9;
}

/* file박스 */
.file_box {
    box-sizing: border-box;
    float: left;
    width: 100%;
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.file_box input.input-box {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    border-radius: 2px;
    line-height:42px;
}


/* scroll_box_wrap */

.scroll_box_wrap .tit_terms {
    margin-bottom:0;
}
.scroll_box_wrap .scroll_box.gray {
    margin-top:20px;
}
.scroll_box_wrap .wrap_terms .list_1depth:last-child {
    margin-bottom:0;
}



/* error 404 */
.error_404 { padding: 130px 0 150px; text-align: center; }
.error_404 .txt_blue { font-size: 34px; font-weight: 500; }
.error_404 p { margin-top: 15px; font-size: 15px; line-height: 1.3; color: #555; }
.error_404 .txt_404 { display: block; margin-top: 25px; font-size: 150px; }
.error_404 .btn_wrap { display: flex; gap: 10px; justify-content: center; margin-top: 40px; }
.error_404 .btn_wrap span { display: block; border-radius: 2px; }
.error_404 .btn_wrap .btn_basic { width: 160px; color: #111; }
.error_404 .btn_wrap .btn_basic:hover { color: #fff; }