@import url( "notosanskr.css" ); @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NotoSansKR-Regular.woff2) format('woff2'), url(../font/NotoSansKR-Regular.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(../font/NotoSansKR-Medium.woff2) format('woff2'), url(../font/NotoSansKR-Medium.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(../font/NotoSansKR-Bold.woff2) format('woff2'), url(../font/NotoSansKR-Bold.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
    font-display: swap;
}

/* accecibility */
.skip {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.blind {
    visibility: hidden;
    display: none
}

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, select,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button, select {
    margin: 0;
    padding: 0;
}

body,h1,h2,h3,h4,input,button {
    font-family: 'Noto Sans KR','Malgun Gothic',sans-serif;
    font-weight: 500;
}

th,td {
    vertical-align: middle
}

em, cite, address, dfn, var {
    font-style: normal
}

dl,ul,ol,li {
    list-style: none
}

input, textarea, file, select {
    vertical-align: middle
}

a {
    text-decoration: none;
    color: #222;
}

a:hover, a:active, a:focus {
    text-decoration: none
}

a:active {
    outline: none
}

legend {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    border: 0
}

hr, caption {
    position: absolute;
    top: 0;
    left: -1000px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

table {
    border-collapse: collapse;
    border: 0;
    table-layout: fixed
}

img, fieldset, iframe {
    border: 0
}

table {
    /* border-collapse:collapse;table-layout:fixed; */
    border-collapse: collapse;
    border-spacing: 0
}

img {
    -ms-interpolation-mode: bicubic;
}

button {
    border: none;
    cursor: pointer
}

/* Layout */
body {
    width: 100%;
}

#wrap {
    position: relative;
    width: 100%;
    min-width: 1200px
}

#header {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

#container {
    position: relative;
    width: 100%
}

#contents {
    width: 100%;
}

#pge_main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

#pge_main_contents {
    overflow: hidden;
}

#pge_sub {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

#pge_sub h4 {
    color: #000;
    font-size: 22px;
    letter-spacing: -1px;
    padding: 30px 0 25px 0;
    width: 1200px;
    border-bottom: 1px solid #333;
    margin-bottom: 40px
}

#pge_contents {
    overflow: hidden;
    width: 1100px;
    margin: 0 50px;
    background: url("../image/im_con_back.jpg") repeat-y 0 0;
}

#pge_preview {
    margin: 60px 0 50px 0
}

#pge_sub_left {
    width: 715px;
    float: left;
}

#pge_sub_left ul {
    width: 715px;
    float: left
}

#pge_sub_right {
    width: 300px;
    float: right
}

#pge_sub_right h5 {
    width: 300px;
    color: #000;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding: 0px 0 10px 0;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 0 12px 0;
    float: left
}

#pge_sub_right h5 span {
    float: right;
    margin-top: 4px
}

#pge_sub_right h5 span img {
    float: left
}

#pge_sub_t {
    width: 1200px;
    margin: 0 auto;
}

#pge_sub_t h4 {
    color: #000;
    font-size: 22px;
    letter-spacing: -1px;
    padding: 30px 0 25px 0;
    width: 1200px;
    border-bottom: 1px solid #333;
    margin-bottom: 40px
}

#pge_sub_t h4 ul {
    float: right;
    padding-top: 10px;
}

#pge_sub_t h4 li {
    margin-right: 20px;
    float: left
}

#pge_sub_t h4 .org_info {
    color: #ec6317;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 7px;
}

/* ie 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #pge_sub_t h4 .org_info {
        margin-top: 0px;
    }
}

#footer {
    width: 100%;
    overflow: hidden;
    min-width: 1200px
}

.mb40 {
    display: block;
    margin-bottom: 40px
}

/* header */
#header .gnb_top {
    width: 100%;
    background-color: #f7f7f7;
    height: 27px;
    border-bottom: 1px solid #d9d9d9;
}

#header .gnb_top .top_box {
    width: 1200px;
    font-weight: 400;
    color: #aaa;
    font-size: 11px;
    margin: 0 auto;
}

#header .gnb_top .top_box .left {
    float: left;
}

#header .gnb_top .top_box .right {
    float: right;
    letter-spacing: 0
}

#header .gnb_top .top_box li {
    padding-right: 15px;
    float: left;
    line-height: 26px
}

#header .gnb_top .top_box li a {
    color: #999;
}

#header .gnb_top li:last-child {
    padding-right: 0
}

#header .gnb_top .top_box .right span {
    color: #f29221
}

#header .gnb_top .top_box .right img {
    padding-right: 5px;
    vertical-align: -2px
}

#header .gnb_menu {
    position: relative;
    width: 100%;
    height: 92px;
    position: relative;
    display: block;
    border-bottom: 1px solid #515151
}

#header .gnb_menu .right li a.search {
    background: url("../image/search.gif")no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: bottom
}

#header .gnb_menu .right li a.search:hover {
    background: url("../image/search_on.gif")no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: bottom
}

#header .gnb_menu_in {
    position: relative;
    width: 1200px;
    height: 92px;
    margin: 0 auto;
    position: relative;
    display: block;
}

#header .gnb_menu_in h1 {
    position: absolute;
    top: 29px;
    left: 495px;
}

#header .gnb_menu_in h1 .logo_news {
    margin-left: 10px
}

#header .gnb_menu_in .left {
    float: left;
}

#header .gnb_menu_in .right {
    float: right;
}

#header .gnb_menu_in .menu_li {
    padding: 35px 45px 0 0;
    float: left;
    line-height: 26px;
    color: #000;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.5px
}

#header .gnb_menu_in .menu_li:last-child {
    padding-right: 0
}

#header .gnb_menu_in .menu_li a:hover {
    color: #f76c22;
}

#header .gnb_menu_in .right li {
    font-size: 19px;
}

#header .gnb_menu_in .left img {
    padding-top: 5px
}

#header .gnb_menu_in .right img {
    padding-top: 3px
}

#srchbox {
    position: absolute;
    top: 56px;
    right: 11px
}

#srchbox .btn_srch {
    display: block;
    padding: 5px
}

.gnb_srch {
    position: absolute;
    display: block;
    top: 27px;
    right: -6px;
    width: 367px;
    height: 34px;
    z-index: 10
}

.gnb_srch legend {
    display: none
}

.gnb_srch .srch_wrap {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 0;
    border: 1px solid #000;
    background: #fff;
    width: 328px;
    height: 38px
}

.gnb_srch input.text {
    width: 270px;
    height: 32px;
    background: #fff;
    font-size: 15px;
    color: #525252;
    padding: 3px 0 0 10px;
    border: 0;
    outline: 0;
}

.gnb_srch input.text:focus {
    color: #525252
}

.gnb_srch input.srch_img {
    position: absolute;
    top: 3px;
    right: 38px;
    background: url(../image/search.gif) no-repeat 10px 6px;
    display: block;
    width: 40px;
    height: 32px;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
    z-index: 11
}

.gnb_srch .btn_close {
    background: url(../image/search_close.gif) no-repeat 0 0;
    position: absolute;
    top: -2px;
    right: 3px;
    display: block;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 10
}

#header .gnb_sub_menu {
    overflow: hidden;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

#header .gnb_sub_menu .sub_menu_in {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

#header .gnb_sub_menu .sub_menu_in ul {
    overflow: hidden;
    float: left
}

#header .gnb_sub_menu .sub_menu_in ul li {
    float: left;
    padding: 19px 0 17px 0;
    margin-right: 52px;
    line-height: 26px;
    color: #000;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.5px
}

#header .gnb_sub_menu .sub_menu_in ul li .on {
    color: #f76c22
}

#header .gnb_sub_menu .sub_menu_in ul li:nth-of-type(2) a:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url(../image/ic_review_arrow_off.png) no-repeat center/100%;
    margin-left: 4px;
    vertical-align: 2px;
}

#header .gnb_sub_menu .sub_menu_in ul li:nth-of-type(2) a:hover:after, #header .gnb_sub_menu .sub_menu_in ul li:nth-of-type(2) a.on:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url(../image/ic_review_arrow_on.png) no-repeat center/100%;
    margin-left: 4px;
    vertical-align: 2px;
}

#header .gnb_sub_menu .sub_menu_in ul li a:hover {
    color: #f76c22
}

#header .gnb_sub_menu .menu_right {
    float: right
}

#header .menu_right {
    overflow: hidden
}

#header .menu_right .weather_box {
    float: left;
    margin-right: 30px;
    padding-top: 15px
}

.weather_box .tit {
    font-size: 14px;
    vertical-align: -1.5px;
}

.weather_box .temper {
    font-size: 14px
}

.weather_box .area img {
    width: 50px;
    height: 33px
}

.area img, .temper {
    vertical-align: middle;
    margin-left: 5px
}

#header .menu_right .sns_box {
    float: left;
    display: block;
    padding-top: 10px
}

#header .menu_right .sns_box a {
    display: inline-block;
    margin-left: 8px
}

#header .gnb_depth {
    overflow: hidden;
    width: 100%;
    clear: both;
    display: block;
    border-bottom: 1px solid #ededed
}

#header .gnb_depth_in {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#header .gnb_depth_in ul {
    overflow: hidden;
    float: left
}

#header .gnb_depth_in ul li {
    float: left;
    padding: 17px 0 14px 0;
    margin-right: 46px;
    float: left;
    line-height: 21px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px
}

#header .gnb_depth_in ul li a {
    color: #656565;
}

#header .gnb_depth_in ul li .orange {
    color: #f16e20;
}

#header .gnb_depth_in .election2020 {
    position: absolute;
    top: 17px;
    right: 0;
    display: block;
    background: url("../image/im_stamp.gif") no-repeat 0 5px;
    padding-left: 20px
}

.layer_all_menu {
    background: #f6f6f6;
    display: block;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    top: 179px;
    z-index: 100;
    width: 100%;
    height: 246px;
    box-sizing: border-box
}

.layer_all_menu ul.layer_wrp {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.layer_all_menu ul li.menu_area {
    float: left;
    border-right: 1px solid #e5e5e5;
    padding: 0 52px;
    height: 245px;
}

.layer_all_menu ul li.menu_area:first-child {
    padding-left: 0;
}

.layer_all_menu ul li.menu_area:last-child {
    border-right: none;
    padding-right: 0;
}

.layer_all_menu ul li.menu_area .area_inner {
    margin: 20px 0 40px
}

.layer_all_menu li.menu_area h3 {
    font-size: 17px;
    font-weight: 600;
    color: #f36f21;
    margin: 5px 0 14px 0;
    letter-spacing: ;
}

.layer_all_menu li.menu_area .in_gnb {
    overflow: hidden
}

.layer_all_menu li.menu_area .in_gnb > li {
    float: left;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box {
    margin-right: 70px;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box:last-child {
    margin-right: 0;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box {
}

.layer_all_menu li.menu_area .in_gnb li.menu_box .in_menu_wrp > li {
    margin-bottom: 6px;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box .in_menu_wrp > li:last-child {
    margin-bottom: 0;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box .in_menu_wrp > li a {
    letter-spacing: -0.3px;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    display: inline-block;
}

.layer_all_menu li.menu_area .in_gnb li.menu_box .in_menu_wrp > li a.on {
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    border-bottom: 1px solid #000000;
    line-height: 25px
}

.layer_all_menu ul.layer_wrp button {
    position: absolute;
    right: 0;
    top: 24px;
}

.onair_news_area {
    overflow: hidden;
    padding: 20px 15px;
    background: #f4f4f4
}

.onair_news_area .onair_wrp {
    width: 1200px;
    margin: 0 auto;
}

.onair_news_area .tit {
    float: left;
    padding: 2px 15px 5px 15px;
    font-size: 17px;
    background: #F00;
    color: #fff;
    font-weight: bold;
    border-radius: 26px;
    text-align: center;
    letter-spacing: -1px
}

.onair_news_area ul {
    float: left
}

.onair_news_area ul li {
    font-size: 19px;
    color: #000;
    display: block;
    font-weight: 400;
    padding-left: 15px;
    width: 100%;
}

.onair_news_area ul li a {
    color: #000;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.onair_news_area .bt {
    float: right;
    padding-top: 4px
}

.onair_news_area .bt .bl {
}

.onair_player {
    margin-bottom: 50px
}

#pge_top {
}

.top_bg {
    width: 100%;
    background: #bd6e21;
}

.top_bg .img_area {
    width: 1500px;
    height: 172px;
    margin: 0 auto;
    background: url(../image/bg_pg1.jpg);
}

.top_bg .img_area h2 {
    width: 1200px;
    margin: 0 auto;
    font-size: 41px;
    letter-spacing: -2px;
    font-weight: 600;
    color: #ffffff;
    padding: 40px 0 4px 0;
}

.top_bg .img_area p {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 24px;
    font-weight: 300;
    color: #ffffff
}

.pge_topmenu {
    width: 100%;
    height: 58px;
    background: #63280c;
}

.pge_topmenu ul {
    width: 1200px;
    margin: 0 auto;
}

.pge_topmenu ul li {
    float: left;
    margin-right: 80px
}

.pge_topmenu ul li a {
    line-height: 58px;
    font-weight: 400;
    color: #c4c4c4;
}

.pge_topmenu ul li a.on {
    font-weight: 600;
    color: #ffffff;
}

.pge_topmenu ul li:last-child {
    margin-right: 0;
    float: right;
}

.pge_topmenu ul li span {
    font-size: 16px;
    color: #c4c4c4;
    font-weight: 400;
    line-height: 58px;
    margin-right: 10px;
}

.pge_topmenu ul li span:last-child {
    margin-right: 0
}

#review_2020 {
    padding-top: 60px;
    /* overflow: hidden; */
    width: 1200px;
    margin: 0 auto;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    position: relative;
}

#review_2020 .top_sec {
    overflow: hidden;
    text-align: left;
    position: relative;
    padding: 1px 0 16px 0;
}

.top_sec h2 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
    display: inline-block;
    line-height: 43px;
    position: relative
}

.top_sec h2 > a img {
    width: 30px;
    height: 30px;
    border: 0;
    vertical-align: -4px;
}

.top_sec h2 button {
    position: absolute;
    top: 7px;
}

.top_sec h2 button.prev {
    left: -24%;
}

.top_sec h2 button.nxt {
    right: -24%;
}

.top_sec .btn_wrp {
    display: inline-block;
}

.top_sec .btn_wrp .prev {
    margin-right: 20px;
}

.top_sec .btn_wrp .nxt {
    margin-left: 20px;
}

.top_sec .btn_wrp .prev img, .top_sec .btn_wrp .nxt img {
    vertical-align: -7px;
    width: 38px;
    height: 38px;
}

.top_sec a.btn_all {
    width: 130px;
    height: 43px;
    display: inline-block;
    font-weight: 400;
    background: #F16F1F;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    position: absolute;
    right: 0;
    color: #ffffff;
}

.top_sec a.btn_all:before {
    content: url("../image/icn_ply.png");
    width: 13px;
    height: 19px;
    margin-right: 5px;
    vertical-align: sub;
}

.top_sec a {
    display: inline-block;
}

.top_sec a.view_cal_pop {
    color: #898989;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    vertical-align: 6px;
    height: 38px;
    margin-left: 7px;
}

.top_sec a.recent_article {
    color: #898989;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    vertical-align: 6px;
    height: 38px;
    margin-left: 8px;
}

.top_sec a.view_cal_pop:hover, .top_sec a.recent_article:hover {
    background: #ececec;
    color: #000;
    transition: .3s;
}

.top_sec a.view_cal_pop span:before {
    content: '';
    background: url(../image/time_and_date.png) no-repeat center/100%;
    width: 26px;
    height: 26px;
    vertical-align: -7px;
    margin-right: 2px;
    display: inline-block;
}

.top_sec a.view_cal_pop:hover span:before {
    content: '';
    background: url(../image/time_and_date_on.png) no-repeat center/100%;
    width: 26px;
    height: 26px;
    vertical-align: -7px;
    margin-right: 2px;
    display: inline-block;
}

.top_sec a.active {
    color: #f76c22;
    font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #review_2020 table {
        width: 368px;
    }

    #review_2020 table tr {
        padding: 0 29.5px;
    }

    #review_2020 table tbody td a {
    }

    #review_2020 .calendar_wrap {
        padding: 20px 0 30px 0!important;
    }

    .layer_all_menu li.menu_area .in_gnb li.menu_box {
        margin-right: 60px;
    }

    .top_sec a.view_cal_pop {
        vertical-align: 5px;
        margin-left: 13px;
    }

    .top_sec .btn_wrp .prev img, .top_sec .btn_wrp .nxt img {
        vertical-align: -8px;
    }
}

/* IE9,10 */
@media screen and (min-width: 0\0) {
    #review_2020 table {
        width:368px;
    }

    #review_2020 table tr {
        padding: 0 29.5px;
    }

    #review_2020 .calendar_wrap {
        padding: 20px 0 30px 0!important;
    }

    .layer_all_menu li.menu_area .in_gnb li.menu_box {
        margin-right: 60px;
    }
}

/* IE9 */
:root #review_2020 table {
    width: 368px \0/IE9;
}

/*날짜달력*/
#review_2020 .calendar_wrap {
    z-index: 1200;
    position: absolute;
    top: 120px;
    left: 340px;
    width: 300px;
    padding: 10px 0 20px 0;
    border: 1px solid #f16f1f;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15)
}

#review_2020 .main_cal {
}

#review_2020 .sub_cal {
}

#review_2020 .calendar_wrap button.btn_close {
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    border-radius: 50px;
    cursor: pointer
}

#review_2020 .calendar_wrap button.btn_close img {
    width: 24px;
    height: 24px
}

#review_2020 .cal_inner {
    margin: 0 auto
}

#review_2020 .calendar_title {
    position: relative;
    text-align: center;
    padding: 20px
}

#review_2020 .calendar_title a.cal_prev {
    position: absolute;
    top: 50%;
    left: 35px;
    display: block;
    padding: 8px;
    transform: translateY(-50%)
}

#review_2020 .calendar_title a.cal_nxt {
    position: absolute;
    top: 50%;
    right: 35px;
    display: block;
    padding: 8px;
    transform: translateY(-50%)
}

#review_2020 .calendar_title a.cal_prev img, #review_2020 .calendar_title a.cal_nxt img {
    width: 13px;
    height: auto
}

#review_2020 .calendar_title select {
    width: 80px;
    height: 35px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    padding-left: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer
}

#review_2020 .calendar_title select.monthbox {
    width: 60px;
    margin-left: 5px
}

#review_2020 .calendar_title span {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    letter-spacing: -1px
}

#review_2020 .calendar_title span.year {
    color: #222
}

#review_2020 .calendar_title span.month {
    padding-left: 12px;
    margin-left: 7px;
    background: url(../image/month-dot.png) no-repeat left center
}

#review_2020 .cal {
    position: relative;
    display: block;
    padding: 0 20px
}

#review_2020 .cal:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 31px;
    background: #f5f5f5
}

#review_2020 table {
    position: relative;
    width: 100%
}

#review_2020 table thead th {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    text-align: center;
    padding: 5px 0
}

#review_2020 table tbody td {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    text-align: center;
    padding: 5px 0
}

#review_2020 table tbody tr:first-child td {
    padding-top: 15px
}

#review_2020 table tbody td a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    text-align: center;
    line-height: 30px
}

#review_2020 table tbody .disabled a {
    color: #aaa
}

#review_2020 table tbody td a.today {
    color: #f16e20
}

/*//날짜달력*/
/*날짜선택*/
#review_2020 .day_select {
    position: relative;
    width: 100%;
    height: 102px;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #f5f5f5;
    box-sizing: border-box
}

#review_2020 .day_select a.prev {
    position: absolute;
    top: 23px;
    left: 20px
}

#review_2020 .day_select a.next {
    position: absolute;
    top: 23px;
    right: 20px
}

#review_2020 .day_select a img {
    display: block;
    border: 0;
    width: 27px;
    height: 53px;
}

#review_2020 .day_select ul {
    width: 1078px;
    height: 102px;
    margin: 0 auto;
    overflow: hidden
}

#review_2020 .day_select ul li {
    width: 154px;
    height: 100%;
    float: left;
    text-align: center;
    position: relative
}

#review_2020 .day_select ul li.selected:after {
    z-index: 1;
    width: 154px;
    height: 5px;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #f16e20;
    content: ''
}

#review_2020 .day_select ul li a {
    font-size: 24px;
    margin-top: 20px;
    display: inline-block
}

#review_2020 .day_select ul li a span {
    font-size: 16px;
    display: block;
    font-weight: 400
}

/*//날짜선택*/
#pge_vod {
    width: 1200px;
    margin: 0 auto;
}

#pge_vod ul {
    overflow: hidden
}

#pge_vod ul.area01 {
    margin-bottom: 40px!important;
}

#pge_vod ul li {
    width: 580px;
    height: 100%;
    margin-right: 26px;
    float: left
}

#pge_vod ul li:last-child {
    margin-right: 0;
}

#pge_vod ul.area01 li {
    width: 586px;
    height: 500px;
}

#pge_vod ul.area01 li a img {
    width: 586px!important;
}

/*프로그램 홈*/
#pgm_ban {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

/*미리보기*/
.preview_thum {
    width: 358px;
    height: 200px;
    float: left;
    margin-right: 20px;
    border: 1px solid #d1d1d1;
    position: relative;
}

.list_play_btn {
    z-index: 1000;
    outline: 0;
    position: absolute;
    bottom: 17px;
    left: 17px;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../image/ic_vod_s.png) no-repeat;
}

.list_play_btn2 {
    z-index: 1000;
    outline: 0;
    position: absolute;
    bottom: 17px;
    left: 17px;
    display: block;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: url(../image/ic_vod_ply.png) no-repeat;
}

.preview_thum a::after {
    width: 358px;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 100%);
}

.pre_tit {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.8px
}

.pre_date {
    font-size: 16px;
    color: #656565;
    font-weight: 400;
    margin-top: 10px
}

.pre_con {
    font-size: 16px;
    color: #656565;
    font-weight: 400;
    margin-top: 40px
}

/*다시보기*/
@media \0screen\,screen\9 {
    #pge_vod ul li+li+li+li {
        margin-right: 0;
    }
}

#pge_vod {
    width: 100%;
    padding: 50px 0
}

#pge_vod ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

#pge_vod ul li {
    float: left;
    width: 23%;
    height: 285px;
    margin-right: 26px;
    box-sizing: border-box;
    position: relative
}

#pge_vod ul li:last-child {
    margin-right: 0;
}

#pge_vod ul li a.pgm_img {
    display: block;
    position: relative;
    overflow: hidden;
}

#pge_vod ul li a.pgm_img:after {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 100%);
}

#pge_vod ul li a.pgm_img img {
    width: 279px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

#pge_vod .area02 li a.pgm_img:after {
    content: none;
}

#pge_vod .area02 li a.pgm_img img {
    transition: transform .4s;
}

#pge_vod .area02 li a.pgm_img img:hover {
    transform: scale(1.2);
}

#pge_vod .info {
    position: relative;
    display: block;
    text-decoration: #525252
}

#pge_vod .info a {
    display: inline-block;
}

#pge_vod .area01 .info a.tlt {
    letter-spacing: -0.5px;
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    margin-top: 18px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

#pge_vod ul.area02 {
    margin-bottom: 60px;
}

#pge_vod ul.area02:last-child {
    margin-bottom: 0;
}

#pge_vod .area02 .info {
    height: 105px
}

#pge_vod .area02 .info a.tlt {
    letter-spacing: -0.5px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#pge_vod .area02 .info .left_cat {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #848484;
    font-weight: 400
}

#pge_vod .area02 .info .name {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    color: #6b8ebd;
    font-weight: 400
}

#pge_vod .area02 .info .name:nth-child(2) {
    color: #848484 !important
}

#pge_vod .area02 .info .name a {
    color: #6b8ebd !important
}

#pge_vod .info a.txt {
    line-height: 24px;
    color: #898989;
    font-size: 15px;
    display: block;
    margin-top: 14px;
    font-weight: 400;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#review_2020 .view_more {
    padding: 15px 120px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #fff;
    border: 1px solid #bababa;
}

#review_2020 .view_more:hover {
    background-color: #555;
    color: #fff;
    border: 1px solid #555
}

/* 다시보기 뷰페이지 */
/*스태프*/
#pge_staff {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
    padding: 50px 0
}

#pge_staff p {
    display: block;
    margin: 0 130px;
    line-height: 26px;
}

/*#pge_staff p:nth-child(1) {font-size:15px; float: left; margin-left: 130px;font-weight: 400}
#pge_staff p:nth-child(3) {font-size:15px; float: left; margin-left: 130px;font-weight: 400; margin-top: 10px}
#pge_staff p:nth-child(2){font-size:15px;float: right; margin-right: 130px;font-weight: 400}
#pge_staff p:nth-child(4){font-size:15px;float: right; margin-right: 130px;font-weight: 400;margin-top: 10px}*/
#pge_staff span {
    font-size: 15px;
    font-weight: 600
}

#pge_staff span.bld {
    color: #3b65b0
}

/* paging */
.paging_2018 {
    width: 100%;
    text-align: center;
    margin: 60px 0;
}

.paging_2018 a {
    display: inline-block;
    color: #333;
    font-size: 15px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    margin-right: -1px;
    text-decoration: none;
    font-family: "tahoma",Helvetica,Arial,sans-serif;
}

.paging_2018 .on {
    color: #ff5500;
    border: 1px solid #ff7500;
    width: 25px;
    height: 25px
}

.paging_2018 .pre {
    background: url(../image/btn2018_pre.jpg) 0 0;
    margin-right: 10px
}

.paging_2018 .pre:hover {
    background: url(../image/btn2018_pre_on.jpg) 0 0;
    margin-right: 10px;
}

.paging_2018 .next {
    background: url(../image/btn2018_next.jpg) 0 0;
    margin-left: 10px
}

.paging_2018 .next:hover {
    background: url(../image/btn2018_next_on.jpg) 0 0;
    margin-left: 10px;
}

.paging_2018 .pre_end {
    background: url(../image/btn2018_pre2.jpg) 0 0;
    margin-right: 5px
}

.paging_2018 .pre_end:hover {
    background: url(../image/btn2018_pre2_on.jpg) 0 0;
    margin-right: 5px;
}

.paging_2018 .next_end {
    background: url(../image/btn2018_next2.jpg) 0 0;
    margin-left: 5px
}

.paging_2018 .next_end:hover {
    background: url(../image/btn2018_next2_on.jpg) 0 0;
    margin-left: 5px;
}

/*뉴스뷰페이지*/
#news_view {
    width: 1200px;
    margin: 0 auto;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif
}

#news_view .wrp {
}

#news_view .wrp h1.article_tlt {
    padding-bottom: 15px;
    margin-top: 70px;
    font-size: 38px;
    letter-spacing: -2.5px;
    font-weight: 500;
    border-bottom: 1px solid #000000;
}

#news_view .wrp h1 p.daily_date {
    font-size: 18px;
    letter-spacing: 0;
    color: #929292;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 400!important;
}

#news_view .wrp h1 span.sub_tlt {
    font-size: 20px;
}

#news_view .box02 {
    overflow: hidden;
    margin-top: 33px;
    margin-bottom: 30px;
}

#news_view .news8_bt_bn_area {
    width: 100%;
    margin-top: 30px;
}

#news_view .news8_bt_bn_area img {
    display: inline-block;
    width: 100%;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

/*툴바*/
#news_view .box02 ul.toolbar {
    float: left;
    overflow: hidden;
    padding: 5px 10px;
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: inline-block;
}

#news_view .box02 ul.toolbar li {
    float: left;
}

#news_view .box02 ul.toolbar li span {
    color: #929292;
    font-weight: 400
}

#news_view .box02 ul.toolbar > li:first-child {
    margin-right: 10px
}

#news_view .box02 ul.toolbar li .tool {
    overflow: hidden
}

#news_view .box02 ul.toolbar li .tool li {
    float: left;
    width: 24px;
    height: 24px
}

#news_view .box02 ul.toolbar li .tool li button {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: 6px;
}

#news_view .box02 ul.toolbar li .tool li button:hover {
    background: #ddd
}

#news_view .box02 ul.toolbar li .tool li button img {
    vertical-align: middle;
}

#news_view .box02 ul.toolbar li .tool li:first-child {
    margin-right: 10px;
}

.sns_right {
    float: right
}

.sns_right a:link {
    display: block
}

.sns_right ul li {
    float: left;
    padding-left: 8px
}

.sns_right ul li:first-child {
    float: left;
    padding-left: 0
}

.article_area {
    width: 1100px;
    margin: 0 auto
}

.article_area .txt {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: -0.9px;
    font-weight: normal;
}

#content {
    overflow: hidden;
    float: left;
    width: 758px
}

#content .view_search {
    position: absolute;
    float: right;
    width: 260px;
    float: right;
    right: 0;
    top: 3px;
    height: 19px;
    padding-top: -5px;
    border: 0px solid red;
}

#content h4 {
    float: left;
    margin-right: 0px;
    padding-left: 21px;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 12px;
}

#content h4 img {
    padding-right: 5px;
}

#content .view_search .btn_search {
    float: right
}

#accessibility, .hide {
    position: absolute;
    left: -1000%;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#detail {
    overflow: hidden;
    position: relative;
    width: 758px;
}

#detail .option {
    height: 26px;
    margin-bottom: 16px;
    padding-top: 5px;
    border-bottom: 1px solid #e7e7e7
}

#detail .toolbar_t {
    overflow: hidden;
    float: left;
    padding-top: 3px
}

#detail .toolbar_t a {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

#detail .toolbar_t a.email {
    height: 10px;
    margin-right: 8px;
    padding-top: 2px
}

#detail .toolbar_t span {
    display: block;
    float: left;
    margin-right: 6px;
    color: #999;
    line-height: 1.33;
    letter-spacing: -1px
}

#detail .share {
    float: right;
    overflow: hidden;
    height: 18px
}

#detail .share span {
    display: block;
    float: left;
    height: 18px;
    margin-right: 5px;
    font-size: 11px;
    color: #828282;
    letter-spacing: -1px;
    line-height: 18px
}

#detail .share ul {
    overflow: hidden;
    float: left;
}

#detail .share ul li {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 2px
}

#detail h3 {
    margin: 20px;
    font-size: 21px;
    color: #000;
    letter-spacing: -1px;
}

#detail h3 span {
    display: block;
    margin-top: 7px;
    color: #777;
    font-weight: normal;
    letter-spacing: 0
}

#detail .txt {
    overflow: hidden;
    width: 758px;
    padding-bottom: 23px
}

#detail .toolbar_b {
    overflow: hidden;
    width: 546px;
    height: 20px;
    margin-bottom: 26px;
    padding: 8px 12px 0 0;
    border: 1px solid #e1e1e1;
    background: #f8f8f8;
    text-align: right;
    color: #d9d9d9;
    font-size: 12px;
    line-height: 1.33
}

#detail .toolbar_b a {
    color: #939393;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -1px
}

#detail .toolbar_b a.btn_list {
    margin-right: 8px;
    padding-left: 12px;
    background: url("../image/bg_detail_list.gif") no-repeat
}

#detail .toolbar_b a.btn_top {
    margin-left: 10px;
    padding-left: 12px;
    background: url("../image/bg_detail_top.gif") no-repeat 0 3px
}

#detail .reply {
    overflow: hidden;
    width: 758px
}

#player {
    overflow: hidden;
    width: 758px;
    margin-bottom: 23px;
    position: relative;
}

#player .ie10browser_wrapper {
    z-index: 1000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    text-align: left;
    padding: 65px 70px 0 70px;
    box-sizing: border-box;
}

#player .ie10browser_wrapper .ie10browser_tit {
    color: #fff;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #898989;
}

#player .ie10browser_wrapper .ie10browser_tit span {
    font-size: 33px;
    font-weight: normal;
    letter-spacing: -1px;
    vertical-align: 20px;
    margin-left: 14px;
}

#player .ie10browser_wrapper .ie10browser_con {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    letter-spacing: -0.5px;
}

#player .ie10browser_wrapper .ie10browser_bt a {
    color: #ed6d01;
    padding: 14px 31px;
    border: 3px solid #ed6d01;
    border-radius: 50px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 32px;
}

#player .ie10browser_wrapper .ie10browser_bt a:hover {
    color: #fff;
    background: #ed6d01;
    transition: .5s;
}

#detail .txt {
    overflow: hidden;
    width: 758px;
    padding-bottom: 23px
}

#detail .txt p {
    margin-bottom: 23px;
    font-size: 16px;
    color: #454545;
    line-height: 2.0
}

#detail .reply {
    overflow: hidden;
    width: 758px
}

.tag_wrp {
    border-top: 1px solid #e3e3e3;
    padding-top: 30px;
    width: 100%
}

.tag_str {
    color: #2382c2;
    background: #ebf3f9;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px 1px 2px 2px;
    line-height: 16px;
}

/*우측*/
#right_area {
    overflow: hidden;
    float: right;
    width: 300px;
}

#right_area > li {
    margin-bottom: 30px;
    border: 1px solid #d8d8d8;
    box-sizing: border-box
}

#report_list {
    width: 300px;
    background: #f9f9f9;
}

#report_list h3 {
    position: relative;
    font-size: 23px;
    font-weight: bold;
    color: #111;
    letter-spacing: -1px;
    padding: 15px 20px 20px 20px;
    line-height: 23px;
    border-bottom: 1px solid #d8d8d8;
}

#report_list h3 p {
    color: #ff6d01;
    font-size: 16px;
    margin-bottom: 4px;
}

#report_list h3 .bt_con_wrapper {
    position: absolute;
    right: 19px;
    bottom: 14px;
}

#report_list h3 .bt_con_wrapper button {
    background: none;
    border: 2px dotted #9c9c9c;
    border-radius: 50px;
    padding: 6px 10px;
    margin-top: -8px;
    margin-right: -3px;
}

#report_list h3 .bt_con_wrapper .bt_continuous_play span {
    color: black;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.5px;
}

#report_list h3 .bt_con_wrapper .bt_continuous_play span:before {
    content: '';
    display: inline-block;
    background: url(../image/bt_con_play_on.png) no-repeat center/100%;
    width: 18px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 2px;
}

#report_list h3 .bt_con_wrapper button.active {
    border: 2px solid #ed6d01;
    background: #ed6d01;
}

#report_list h3 .bt_con_wrapper button.active span {
    color: #fff;
    font-weight: 500
}

#report_list h3 .bt_con_wrapper button.active span:before {
    content: '';
    display: inline-block;
    background: url(../image/bt_con_play_on3.png) no-repeat center/100%;
    width: 18px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 2px;
}

#report_list ul {
    height: 630px;
    overflow-y: scroll
}

#report_list ul li {
    display: inline-block;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
}

#report_list ul li:last-child {
    border-bottom: 0!important
}

#report_list ul li.active {
    background: #e3e3e3
}

#report_list ul li.active a p {
    font-weight: 600;
    color: #222;
}

#report_list ul li a {
    width: 240px;
    margin: 20px 20px;
    display: inline-block;
    overflow: hidden;
}

#report_list ul li:first-child a {
    margin: 20px;
}

#report_list ul li a img {
    display: inline-block;
    width: 80px;
    height: 45px;
    float: left;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

#report_list ul li a p {
    float: right;
    width: 147px;
    font-size: 15px;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.5px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#report_list .btn_white1 {
    background: url(../image/btn_more.gif) no-repeat 136px 18px #fff;
    border: 1px solid #d1d1d1;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    letter-spacing: -1px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    text-indent: -14px;
    margin: 18px 19px;
    display: block;
}

.top_area {
    background: #fafafa;
}

.top_area .tlt_sec {
    padding: 13px 20px;
    width: 260px;
    overflow: hidden
}

.top_area .tlt_sec h4 {
    text-align: left;
    font-weight: 600;
    float: left
}

.top_area .tlt_sec a {
    display: block;
    float: right ;
    height: 24px;
}

.top_area .tlt_sec a img {
    vertical-align: top;
    line-height: 24px;
    margin-top: 5px;
}

.top_area > ul {
    overflow: hidden;
    width: 100%;
}

#tvhot .top_area > ul li {
    float: left;
    height: 35px;
    width: 33.3%;
    border-bottom: 2px solid #d8d8d8;
    box-sizing: border-box
}

#tvhot .top_area > ul li:last-child {
    width: 33.4%;
}

#tvhot .top_area > ul li a {
    font-weight: 400;
    color: #898989;
    display: block;
    text-align: center;
    cursor: pointer
}

#tvhot .top_area > ul li.active {
    border-bottom: 2px solid #ff6d01;
}

#tvhot .top_area > ul li.active a {
    color: #ff6d01;
    font-weight: 600
}

.pgm_lst {
    padding-bottom: 20px;
    overflow: hidden
}

#tvhot .pgm_lst li {
}

#tvhot .pgm_lst li:first-child a {
    margin: 20px;
}

#tvhot .pgm_lst li a {
    margin: 20px 20px 0 20px;
    display: block;
    overflow: hidden
}

#tvhot .pgm_lst li img {
    width: 115px;
    height: 63px;
    display: block;
    float: left;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

#tvhot .pgm_lst li span {
    line-height: 20px;
    float: right;
    width: 129px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    letter-spacing: -0.7px;
}

#tvhot .pgm_lst li p.pgm_tlt {
    color: #f16e20;
    font-size: 14px;
    font-weight: 600
}

#pgm_air .top_area > ul {
    overflow: hidden;
    width: 100%;
}

#pgm_air .top_area > ul li {
    float: left;
    height: 35px;
    width: 33.3%;
    border-bottom: 2px solid #d8d8d8;
    box-sizing: border-box
}

#pgm_air .top_area > ul li a {
    font-weight: 400;
    color: #898989;
    display: block;
    text-align: center;
    cursor: pointer
}

#pgm_air .top_area > ul li.active {
    border-bottom: 2px solid #ff6d01;
}

#pgm_air .top_area > ul li.active a {
    color: #ff6d01;
    font-weight: 600
}

#pgm_air .pgm_lst {
    margin: 20px 20px 0 20px
}

#pgm_air .pgm_lst li {
    float: left;
    margin-right: 12px
}

#pgm_air .pgm_lst li:last-child {
    margin-right: 0
}

#pgm_air .pgm_lst li a {
    display: block;
    position: relative
}

#pgm_air .pgm_lst li a img {
    width: 75px;
    display: block;
    text-align: center
}

#pgm_air .pgm_lst li a p {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

#pgm_air a.endpgm {
    width: 100%;
    background: #d8d8d8;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-size: 16px;
    color: #666666
}

.pgm_lst li a {
    display: block;
    position: relative
}

.pgm_lst li a button.play_btn {
    z-index: 1000;
    outline: 0;
    position: absolute;
    bottom: 15px;
    left: 41px;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../image/ic_vod_s.png) no-repeat;
}

button {
    outline: 0!important;
}

.board_wrp {
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
}

.board_wrp h1 {
    padding-bottom: 15px;
    font-size: 35px;
    font-weight: 600;
    border-bottom: 1px solid #000000;
    margin-bottom: 33px;
}

.mbn11_board_r {
    width: 1200px;
    margin: 0 auto;
    border: 0px solid red;
}

.mbn11_board_r table {
    border-collapse: collapse;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    border-top: solid 1px #B7B7B7;
    border-bottom: solid 1px #B7B7B7;
}

.mbn11_board_r .mbn11_boardlist {
    margin-bottom: 14px;
}

.mbn11_board_r .mbn11_boardlist th {
    font-size: 16px;
    font-weight: 500;
    color: #444;
    line-height: 1.5
}

.mbn11_board_r .mbn11_boardlist td {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.5
}

.mbn11_board_r .mbn11_boardlist td a {
    font-size: 17px;
    font-weight: 500;
    color: #222
}

.mbn11_board_r table th {
    font-weight: 500;
    padding: 25px;
    border: solid #E9E9E9;
    border-width: 0px 0px 1px 0px;
    background-color: #fafafa
}

.mbn11_board_r table td {
    padding: 15px;
    border: solid #E9E9E9;
    border-width: 0px 0px 1px 0px
}

.btn_orange {
    float: right;
    margin-bottom: 30px;
    display: block;
    background: #f89530;
    border-radius: 10px;
    display: block;
    color: #FFF;
    padding: 8px 40px;
}

.mbn11_board_r table input, .mbn11_board_r table textarea {
    border: solid 1px #ddd;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
}

.board_write_area table tbody tr:last-child th {
    vertical-align: top;
}

.board_write_area table textarea, input {
    width: 100%;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

.board_write_area table textarea {
    height: 500px;
    resize: none
}

.board_write_area .bt_wrapper .btn_gray {
    float: none!important;
    background: #949494;
    border-radius: 10px;
    display: inline-block;
    color: #FFF;
    padding: 10px 0px;
    width: 120px;
    text-align: center
}

.board_write_area .bt_wrapper .btn_orange {
    float: none!important;
    background: #f89530;
    border-radius: 10px;
    display: inline-block;
    color: #FFF;
    padding: 10px 0px;
    width: 120px;
    text-align: center
}

.board_write_area .bt_wrapper {
    text-align: center;
    padding-top: 30px;
    width: 100%;
}

.board_write_area .bt_wrapper a {
    margin-right: 10px;
    margin-bottom: 0;
}

.board_write_area .bt_wrapper a:last-child {
    margin-right: 0;
}

.board_write_area .pre_next_wrapper {
    margin: 20px 0;
}

.board_write_area .pre_next_wrapper a {
    width: 100%;
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid #e9e9e9;
    line-height: 26px;
}

.board_write_area .pre_next_wrapper a:last-child {
    border-bottom: 0!important;
}

.board_write_area .pre_next_wrapper a.pre_con_txt:before {
    content: '이전글';
    display: inline-block;
    padding: 3px 13px;
    border: 1px solid gray;
    border-radius: 50px;
    color: gray;
    margin-right: 10px;
    vertical-align: -1px;
}

.board_write_area .pre_next_wrapper a.next_con_txt:before {
    content: '다음글';
    display: inline-block;
    padding: 3px 13px;
    border: 1px solid gray;
    border-radius: 50px;
    color: gray;
    margin-right: 10px;
    vertical-align: -1px;
}

/*//sub3.시청자게시판*/
/*190313 board_search*/
.mbn11_form_search {
    float: left;
    background-color: #f8f8f8;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 23px 0 100px 0;
    padding: 30px 0;
    text-align: center;
    width: 1200px;
}

.mbn11_form_search select {
    padding: 12px;
    width: 142px;
    border: solid 1px #e8e8e8;
}

.mbn11_form_search option {
    font-size: 12px;
    font-weight: normal;
    color: #828282;
    display: block;
    white-space: pre;
    padding: 12px;
    width: 142px;
}

.mbn11_form_search input {
    font-size: 13px;
    padding-left: 10px;
    height: 43px;
    border: solid 1px #e8e8e8;
    width: 600px;
}

.mbn11_form_search .mbn11_btn_search {
    background: url("../image/btn_formSearch_190313.gif") no-repeat;
    width: 24px;
    height: 25px;
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: -38px;
}

.mbn11_txt {
    text-align: left;
    padding-left: 40px;
}

.mbn11_boardlist td {
    text-align: center
}

/* sitemap */
.sitemap_menu {
    clear: both;
    margin: 0 auto;
    margin-top: 80px;
    padding: 30px 0 50px 20px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    width: 1180px
}

.sitemap_menu .sitemap_in {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    clear: both;
    letter-spacing: -0.5px
}

.sitemap_menu .sitemap_in div {
    float: left
}

.sitemap_menu .sitemap_in .ct1 {
    width: 200px
}

.sitemap_menu .sitemap_in .ct2 {
    width: 200px
}

.sitemap_menu .sitemap_in .ct3 {
    width: 210px
}

.sitemap_menu .sitemap_in .ct4 {
    width: 200px
}

.sitemap_menu .sitemap_in .ct5 {
    width: 150px
}

.sitemap_menu .sitemap_in .ct6 {
    width: 200px
}

.sitemap_menu .sitemap_in ul {
    font-size: 15px;
    line-height: 30px;
    text-align: left
}

.sitemap_menu .sitemap_in ul li {
    line-height: 23px;
    padding: 0px 11px 11px 11px;
}

.sitemap_menu .sitemap_in ul li.tit {
    margin-bottom: 10px
}

.sitemap_menu .sitemap_in ul li.tit a {
    font-size: 16px;
    font-weight: 500;
    color: #f16e20
}

.sitemap_menu .sitemap_in ul li a {
    color: #666;
    font-size: 15px;
    font-weight: 400;
}

.sitemap_menu .sitemap_in ul li a:hover {
    color: #666;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid #666
}

.sitemap_menu .sitemap_in ul li.mb25 {
    margin-bottom: 24px
}

/*박재현의 데이터경제*/
.data_area {
    width: 1200px;
    margin: 0 auto;
}

.vod_area_wrp {
    margin-top: 33px;
    background: #000000;
    padding: 20px;
    overflow: hidden;
}

.vod_area_wrp .data_player {
    float: left;
    width: 827px;
    float: left;
}

.vod_area_wrp .data_info {
    float: right;
    width: 308px;
    height: 465px;
    background: #FCFCFC;
    position: relative
}

.vod_area_wrp .data_info ul {
    margin: 20px;
    overflow: hidden
}

.vod_area_wrp .data_info ul h4 {
    font-size: 25px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}

.vod_area_wrp .data_info ul li.vod_info_wrp {
}

.vod_area_wrp .data_info ul li.vod_info_wrp span {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
}

.vod_area_wrp .data_info ul li.vod_info_wrp span.vod_info_tlt {
    width: 60px;
    margin-right: 10px;
    font-weight: 500;
    color: #006F92;
}

.vod_area_wrp .data_info ul li.vod_info_article {
    margin-top: 5px;
    border-top: 1px solid #dcdcdc;
    width: 268px;
    height: 190px;
    overflow-y: scroll;
}

.vod_area_wrp .data_info ul li.vod_info_article p {
    padding: 10px;
    background: #ffffff;
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    line-height: 24px
}

.vod_area_wrp .data_info ul li.share_btn_wrp {
    margin-top: 20px
}

a.share {
    display: inline-block;
    height: 32px;
}

.vod_area_wrp .snsicon {
    width: 100px;
    height: 25px;
    padding: 11px 6px 0px 20px;
    background: url(../image/sns_bg1.png) no-repeat;
    position: absolute;
    bottom: -17px;
    left: 8px;
    z-index: 100;
}

.vod_area_wrp .snsicon img {
    margin-right: 3px
}

.btn_white {
    width: 95px;
    /* height: 25px; */
    border: 1px solid #525252;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 12px;
    letter-spacing: -1px;
    border-radius: 5px;
    text-align: center;
}

.btn_play_share:before {
    content: '';
    display: inline-block;
    background: url(../image/ic_pcweb_share.png) no-repeat center/100%;
    width: 17px;
    height: 17px;
    margin-right: 2px;
    vertical-align: -3px;
}

.data_area .vod_view_area {
    padding-top: 60px;
    width: 1200px;
    margin: 0 auto;
}

.data_area h5 {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -1px;
    padding-bottom: 30px;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.vod_view_wrp {
}

.data_area .vod_view_wrp .area02 {
    margin-bottom: 60px;
    overflow: hidden
}

.data_area .vod_view_wrp .area02:last-child {
    margin-bottom: 0;
}

.data_area .vod_view_wrp .area02 .info {
    width: 100%;
    font-size: 13px;
}

.data_area .vod_view_wrp .area02 .info a.name {
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    color: #006F92
}

.data_area .vod_view_wrp .area02 .info span.time {
    color: #999999;
    font-weight: 400;
    margin-left: 8px
}

.data_area .vod_view_wrp .area02 li {
    float: left;
    width: 280px;
    margin-right: 26px;
    box-sizing: border-box;
    position: relative;
}

.data_area .vod_view_wrp .area02 li:last-child {
    margin-right: 0;
}

.data_area .vod_view_wrp .area02 li a.tlt {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    font-size: 17px;
    font-weight: 500;
    display: inline-block
}

.data_area .vod_view_wrp .area02 li a.pgm_img {
    display: inline-block;
    overflow: hidden;
    width: 280px;
    position: relative;
}

.data_area .vod_view_wrp .area02 li a.pgm_img img {
    transition: transform .4s;
    width: 280px;
    display: inline-block;
    overflow: hidden;
    position: relative
}

.data_area .vod_view_wrp .area02 li a.pgm_img:after {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 100%);
}

.data_area .vod_view_wrp .area02 li a.pgm_img img:hover {
    transform: scale(1.2);
}

.data_area .sub_conts_area {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.data_area .sub_conts_area .pjh_wrp {
    float: left;
    background: #FCFCFC;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    width: 893px;
    height: 307px;
    overflow: hidden
}

.data_area .sub_conts_area .pjh_wrp li img {
    width: 280px;
    height: 307px;
    display: inline-block;
}

.data_area .sub_conts_area .pjh_wrp li.img {
    position: relative
}

.data_area .sub_conts_area .pjh_wrp li.img:after {
    width: 280px;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 46%,rgba(0,0,0,0) 47%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 100%);
}

.data_area .sub_conts_area .pjh_wrp li {
    float: left;
    width: 270px
}

.data_area .sub_conts_area .pjh_wrp .jh_info {
    width: 611px;
    float: right;
    overflow: hidden
}

.data_area .sub_conts_area .pjh_wrp .jh_info ul {
    overflow: hidden;
    padding: 35px
}

.data_area .sub_conts_area .pjh_wrp .jh_info li {
    float: left;
}

.data_area .sub_conts_area .pjh_wrp .jh_info li.snd_info {
    float: right;
}

.data_area .sub_conts_area .pjh_wrp .jh_info p.pjh {
    font-weight: 600;
    font-size: 24px!important;
    width: 100%;
    position: relative;
    margin-top: 16px;
}

.data_area .sub_conts_area .pjh_wrp .jh_info p.pjh:before {
    content: '';
    width: 40px;
    height: 4px;
    background: #000000;
    margin-top: 10px;
    display: inline-block;
    position: absolute;
    top: -20px;
}

.data_area .sub_conts_area .pjh_wrp .jh_info .txt_wrp {
    margin-top: 124px
}

.data_area .sub_conts_area .pjh_wrp .jh_info p {
    display: inline-block;
    font-size: 16px;
}

.data_area .sub_conts_area .pjh_wrp .jh_info p.jh_info_tlt {
    font-weight: 600;
    color: #F16F1F;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
    width: 95%
}

.data_area .sub_conts_area .pjh_wrp .jh_info p.jh_info_tlt:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #F16F1F;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.data_area .sub_conts_area .pjh_wrp .jh_info_detail {
    line-height: 35px
}

.data_area .sub_conts_area .btn_clm {
    float: right;
    width: 281px;
}

.data_area .sub_conts_area .btn_clm li {
    width: 281px;
    height: 154px;
    background: #ffffff;
    border: 1px solid #E8E8E8;
    box-sizing: border-box
}

.data_area .sub_conts_area .btn_clm li:last-child {
    border-top: none
}

.data_area .sub_conts_area .btn_clm li a {
    text-align: center;
    font-size: 20px;
}

.data_area .sub_conts_area .btn_clm li a img {
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 25px;
}

.data_area .sub_conts_area .btn_clm li a span {
    color: #222;
    display: block
}

.data_area .sub_conts_area .btn_clm li a span.org {
    color: #f16f1f;
    display: inline-block
}

/* 포토페이지2021 */
#photo .top_area {
    width: 100%;
    height: 100%;
    background: #999999;
    position: relative;
    overflow: hidden
}

#photo .top_area ul {
    overflow: hidden
}

#photo .top_area ul li {
    float: left
}

#photo .top_area ul.btn_direct_wrp {
    width: 1200px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 10;
}

#photo .top_area ul.btn_direct_wrp li:first-child {
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 200px;
    background: url("../image/btn_left.jpg")no-repeat;
}

#photo .top_area ul.btn_direct_wrp li:first-child button {
    width: 60px;
    height: 60px;
    background: url("../image/btn_left.jpg")no-repeat;
}

#photo .top_area ul.btn_direct_wrp li:first-child button:hover {
    width: 60px;
    height: 60px;
    background: url("../image/btn_left_on.jpg")no-repeat;
}

#photo .top_area ul.btn_direct_wrp li:last-child {
    width: 60px;
    height: 60px;
    float: right;
    margin-top: 200px;
    background: url("../image/btn_right.jpg")no-repeat
}

#photo .top_area ul.btn_direct_wrp li:last-child button {
    width: 60px;
    height: 60px;
    background: url("../image/btn_right.jpg")no-repeat;
}

#photo .top_area ul.btn_direct_wrp li:last-child button:hover {
    width: 60px;
    height: 60px;
    background: url("../image/btn_right_on.jpg")no-repeat;
}

#photo .top_area ul.top_photo_wrp {
    width: 2000px;
    height: 460px;
}

#photo .top_area ul.top_photo_wrp:after {
    content: '';
    width: 100%;
    height: 460px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.32) 65%, rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.32) 65%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.32) 65%,rgba(0,0,0,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
}

#photo .top_area ul.top_photo_wrp li {
    float: left;
    width: 400px;
    height: 460px;
    position: relative
}

#photo .top_area ul.top_photo_wrp li img {
    width: 400px;
    height: 460px;
}

#photo .top_area ul.top_photo_wrp li .info {
    position: absolute;
    top: 300px;
    z-index: 100;
    width: 340px;
    left: 30px;
}

#photo .top_area ul.top_photo_wrp li .info p.topic {
    margin-bottom: 10px;
    font-size: 20px;
    color: #c9caca;
    font-weight: 500
}

#photo .top_area ul.top_photo_wrp li .info p.txt {
    overflow: hidden;
    font-size: 30px;
    color: #c9caca;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#photo .top_area ul.top_photo_wrp li .on p.txt {
    color: #ffffff;
}

/*포토사이트 하단*/
.photo_view_area {
    padding: 40px 0;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.photo_view_area .left_area {
    float: left;
    border-right: 1px solid #dcdddd;
    padding-right: 36px;
    box-sizing: border-box
}

.photo_view_area .left_area ul.photo_lst {
    margin-bottom: 40px;
    overflow: hidden
}

.photo_view_area .left_area ul.photo_lst li {
    float: left;
    padding: 0 16px;
    border-right: 1px solid #dcdddd;
    box-sizing: border-box
}

.photo_view_area .left_area ul.photo_lst li:first-child {
    float: left;
    padding-left: 0;
}

.photo_view_area .left_area ul.photo_lst li:last-child {
    float: left;
    padding-right: 0;
    border-right: none
}

.photo_view_area .left_area ul.photo_lst li a.img_area {
    width: 254px;
    height: 254px;
    display: inline-block;
    background: #666666;
    margin-bottom: 24px;
}

.photo_view_area .left_area ul.photo_lst li img {
    width: 254px;
    height: 254px;
    display: inline-block
}

.photo_view_area .left_area ul.photo_lst li p {
    color: #446bc4;
    font-size: 13px;
    margin-bottom: 5px;
    letter-spacing: -0.8px;
}

.photo_view_area .left_area ul.photo_lst li a.tlt {
    display: inline-block;
    width: 254px;
    font-size: 20px ;
    color: #000000;
    font-weight: 600;
    letter-spacing: -0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 포토사이트 오른쪽 광고영역 */
#photo_view_rightnews {
    position: relative;
    float: right;
    width: 300px;
    margin-bottom: 50px;
}

#photo_right_banner02 {
    position: relative;
    float: left;
    margin-bottom: 20px;
}

#photo_right_photo {
    margin-bottom: 40px;
    position: relative;
}

#photo_right_photo span {
    position: relative;
    float: left;
    padding-left: 5px;
    height: 30px;
}

#photo_right_hotnews ul.photo_right_hotnewsbg {
    overflow: hidden;
    margin-top: 20px;
}

.photo_right_hotnews_view {
    position: relative;
    width: 300px;
    margin-bottom: 18px;
    height: 64px;
}

.photo_right_hotnews_view:last-child {
    margin-bottom: 0
}

.photo_right_hotnews_view img {
    position: absolute;
    float: left;
    width: 77px;
    height: 60px;
    border: 1px solid #cccccc;
}

.photo_right_hotnews_text {
    float: left;
    top: 3px;
    color: #555555;
    margin-left: 90px;
    margin-top: 5px;
    letter-spacing: -0.5px;
    overflow: hidden
}

.photo_right_hotnews_text a {
    font-size: 15px;
    color: #555555;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#photo_right_banner01 {
    margin-bottom: 40px;
}

.ad_tlt {
    font-size: 20px;
    font-weight: 600;
}

/* 포토리스트 */
.photo_lst_area_wrp {
    width: 100%;
    overflow: hidden;
    position: relative
}

.photo_lst_area_wrp .btn_direct_wrp {
    width: 1200px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 10;
    margin-top: 100px
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_lft {
    float: left
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_rgt {
    float: right
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_lft button {
    width: 40px;
    height: 40px;
    background: url("../image/btn_left.jpg")no-repeat;
    background-size: contain;
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_lft button:hover {
    width: 40px;
    height: 40px;
    background: url("../image/btn_left_on.jpg")no-repeat;
    background-size: contain;
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_rgt button {
    width: 40px;
    height: 40px;
    background: url("../image/btn_right.jpg")no-repeat;
    background-size: contain;
}

.photo_lst_area_wrp .btn_direct_wrp li.btn_rgt button:hover {
    width: 40px;
    height: 40px;
    background: url("../image/btn_right_on.jpg")no-repeat;
    background-size: contain;
}

.photo_lst_area_wrp .photo_wrp {
    width: 2460px;
    overflow: hidden;
    height: 240px;
    background: #000000
}

.photo_lst_area_wrp .photo_wrp li {
    float: left;
    width: 240px;
    height: 240px;
    position: relative;
    margin-right: 4px;
    overflow: hidden
}

.photo_lst_area_wrp .photo_wrp li:last-child {
    margin-right: 0;
}

.photo_lst_area_wrp .photo_wrp li:after {
    content: '';
    width: 240px;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 20%, rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 20%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 20%,rgba(0,0,0,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
}

.photo_lst_area_wrp .photo_wrp li a {
    display: inline-block
}

.photo_lst_area_wrp .photo_wrp li a.tlt_txt {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 25px;
    font-size: 16px;
    color: #ffffff;
    z-index: 10;
}

.photo_lst_area_wrp .photo_wrp li a img {
    width: 240px;
    height: 240px;
    display: inline-block
}

.view_area_wrp {
    margin-top: 25px;
}

#content_2020_top .title_box {
    position: relative;
    overflow: hidden;
    width: 1200px;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
}

#content_2020_top .title_box .box01 .section {
    font-size: 13px;
    line-height: 15px;
    color: #929292;
    letter-spacing: -0.5px;
    font-weight: 400
}

#content_2020_top .title_box .box01 h1 {
    color: #000;
    font-size: 34px;
    letter-spacing: -0.7px;
    font-weight: 500;
    display: block;
    padding-top: 24px;
    padding-bottom: 28px;
    line-height: 38px
}

#content_2020_top .box01 .time {
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #929292;
}

#content_2020_top .box01 .bar {
    font-size: 13px;
    line-height: 15px;
    color: #929292;
    padding: 0 6px
}

#content_2020_top .box02 {
    overflow: hidden
}

#content_2020_top .box02 .txt_box {
    float: left;
    display: block;
    padding-top: 20px
}

.txt_box .time {
    font-size: 13px;
    line-height: 15px;
    color: #929292;
    font-weight: 400
}

.txt_box .bar {
    font-size: 13px;
    line-height: 15px;
    color: #929292;
    padding: 0 6px
}

#content_2020_top .box02 .sns_box {
    float: right;
    margin-right: 20px
}

#content_2020_top .box02 .sns_box ul {
    float: left;
    padding: 11px 12px
}

#content_2020_top .box02 .sns_box ul li {
    float: left;
    margin-right: 6px;
}

#content_2020_top .box02 .rep {
    margin-left: 10px;
    display: block;
    float: left;
    margin-top: 16px
}

#content_2020_top .box02 .rep a {
    display: block;
    border: 1px solid #d7d7d7;
    padding: 4px 8px;
    line-height: 13px
}

#article_area_wrp {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

#article_area_wrp .con_left_view {
    float: left;
    width: 859px;
    border-right: 1px solid #ededed;
    padding-top: 40px;
}

#article_area_wrp .con_right_view {
    overflow: hidden;
    float: right;
    width: 300px;
    padding-left: 39px
}

#carticle_area_wrp .section_vodnews {
    clear: both;
    overflow: hidden;
    width: 1200px;
    padding-top: 60px
}

#article_2021 {
    width: 800px
}

.read_txt {
    margin-left: 10px;
}

/*기사 하단 이미지 묶음 영역, 기사 뷰페이지 하단에 위치*/
.photo_bottom_area_wrp {
    width: 800px;
    margin-top: 50px;
}

.photo_bottom_area_wrp h3 {
    font-size: 20px;
    color: #446bc4;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: -0.7px;
}

.photo_bottom_area_wrp .cont_lst_all_wrp {
    width: 800px;
    background: #221e1f;
    position: relative
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_top_lst {
    width: 800px;
    padding: 20px 0 45px 0;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_wrp {
    width: 100%;
    overflow: hidden;
    position: relative
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_wrp:before {
    width: 113px;
    height: 120px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(34,30,31,1) 0%, rgba(34,30,31,0.85) 72%, rgba(34,30,31,0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(34,30,31,1) 0%,rgba(34,30,31,0.85) 72%,rgba(34,30,31,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(34,30,31,1) 0%,rgba(34,30,31,0.85) 72%,rgba(34,30,31,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221e1f', endColorstr='#00221e1f',GradientType=1 );
    /* IE6-9 */
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_wrp:after {
    width: 113px;
    height: 120px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(34,30,31,0) 0%, rgba(34,30,31,0.85) 28%, rgba(34,30,31,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(34,30,31,0) 0%,rgba(34,30,31,0.85) 28%,rgba(34,30,31,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(34,30,31,0) 0%,rgba(34,30,31,0.85) 28%,rgba(34,30,31,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00221e1f', endColorstr='#221e1f',GradientType=1 );
    /* IE6-9 */
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst {
    overflow: hidden;
    margin-left: 22px;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li {
    float: left;
    margin-right: 10px;
    width: 180px;
    height: 120px;
    position: relative
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li.on {
    box-sizing: border-box
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li.on:after {
    content: '';
    border: 4px solid #f16e20;
    box-sizing: border-box;
    width: 180px;
    height: 120px;
    position: absolute;
    z-index: 30;
    left: 0;
    top: 0
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li:last-child {
    margin-right: 0
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li a {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.photo_bottom_area_wrp .cont_lst_all_wrp .pto_small_lst li a img {
    width: 180px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp {
    width: 100%;
    position: absolute;
    z-index: 10;
    left: 0 ;
    top: 62px;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft {
    float: left
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt {
    float: right
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft button {
    width: 36px;
    height: 36px;
    background: url("../image/btn_left.jpg")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft button:hover {
    width: 36px;
    height: 36px;
    background: url("../image/btn_left_on.jpg")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt button {
    width: 36px;
    height: 36px;
    background: url("../image/btn_right.jpg")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt button:hover {
    width: 36px;
    height: 36px;
    background: url("../image/btn_right_on.jpg")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom {
    width: 800px;
    padding-bottom: 50px 0;
    position: relative
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp {
    width: 85%;
    position: absolute;
    z-index: 10;
    left: 60px;
    top: 288px;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_lft {
    float: left
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_rgt {
    float: right
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_lft button {
    width: 27px;
    height: 76px;
    background: url("../image/photo_prev.png")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_lft button:hover {
    width: 27px;
    height: 76px;
    background: url("../image/photo_prev_on.png")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_rgt button {
    width: 27px;
    height: 76px;
    background: url("../image/photo_nxt.png")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_lst_all_wrp .cont_bottom .btn_direct_wrp li.btn_rgt button:hover {
    width: 27px;
    height: 76px;
    background: url("../image/photo_nxt_on.png")no-repeat;
    background-size: contain;
}

.photo_bottom_area_wrp .cont_artlcle_area {
    width: 620px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 70px
}

.photo_bottom_area_wrp .cont_artlcle_area a.photo_tlt {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.photo_bottom_area_wrp .cont_artlcle_area .date {
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    margin: 10px 0 40px 0;
}

.photo_bottom_area_wrp .cont_artlcle_area a.img_area {
    width: 500px;
    margin: 0 0 50px 64px;
    overflow: hidden;
    display: block
}

.photo_bottom_area_wrp .cont_artlcle_area a.img_area img {
    width: 500px;
    display: inline-block
}

.photo_bottom_area_wrp .cont_artlcle_area a.photo_article_txt {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #7d7d7d;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*//기사 하단 이미지 묶음 영역*/
/*기사 하단 이미지 묶음 영역*/
.photo_left_area_wrp {
    width: 810px;
}

.photo_left_area_wrp h3 {
    font-size: 20px;
    color: #446bc4;
    font-weight: 600;
    letter-spacing: -0.7px;
    margin-bottom: 10px
}

.photo_left_area_wrp .cont_lst_all_wrp {
    width: 810px;
    background: #221e1f;
    position: relative;
    padding-bottom: 70px
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top_lst {
    width: 810px;
    padding: 20px 0 45px 0;
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_wrp {
    width: 100%;
    overflow: hidden;
    position: relative
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_wrp:before {
    width: 113px;
    height: 120px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(34,30,31,1) 0%, rgba(34,30,31,0.85) 72%, rgba(34,30,31,0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(34,30,31,1) 0%,rgba(34,30,31,0.85) 72%,rgba(34,30,31,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(34,30,31,1) 0%,rgba(34,30,31,0.85) 72%,rgba(34,30,31,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221e1f', endColorstr='#00221e1f',GradientType=1 );
    /* IE6-9 */
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_wrp:after {
    width: 113px;
    height: 120px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(34,30,31,0) 0%, rgba(34,30,31,0.85) 28%, rgba(34,30,31,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(34,30,31,0) 0%,rgba(34,30,31,0.85) 28%,rgba(34,30,31,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(34,30,31,0) 0%,rgba(34,30,31,0.85) 28%,rgba(34,30,31,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00221e1f', endColorstr='#221e1f',GradientType=1 );
    /* IE6-9 */
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst {
    overflow: hidden;
    margin-left: 29px;
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li {
    float: left;
    margin-right: 10px;
    width: 180px;
    height: 120px;
    position: relative
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li.on {
    box-sizing: border-box
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li.on:after {
    content: '';
    border: 4px solid #f16e20;
    box-sizing: border-box;
    width: 180px;
    height: 120px;
    position: absolute;
    z-index: 30;
    left: 0;
    top: 0
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li:last-child {
    margin-right: 0
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li a {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.photo_left_area_wrp .cont_lst_all_wrp .pto_small_lst li a img {
    width: 180px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_bottom_lst {
    position: relative;
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp {
    width: 100%;
    position: absolute;
    z-index: 10;
    left: 0 ;
    top: 43px;
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft {
    float: left;
    border-right: none
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt {
    float: right
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft button {
    width: 36px;
    height: 36px;
    background: url("../image/btn_left.jpg")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_lft button:hover {
    width: 36px;
    height: 36px;
    background: url("../image/btn_left_on.jpg")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt button {
    width: 36px;
    height: 36px;
    background: url("../image/btn_right.jpg")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .btn_direct_wrp li.btn_rgt button:hover {
    width: 36px;
    height: 36px;
    background: url("../image/btn_right_on.jpg")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top {
    width: 800px;
    padding-bottom: 50px 0;
    position: relative
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp {
    width: 85%;
    position: absolute;
    z-index: 10;
    left: 60px;
    top: 45%;
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_lft {
    float: left
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_rgt {
    float: right
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_lft button {
    width: 27px;
    height: 76px;
    background: url("../image/photo_prev.png")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_lft button:hover {
    width: 27px;
    height: 76px;
    background: url("../image/photo_prev_on.png")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_rgt button {
    width: 27px;
    height: 76px;
    background: url("../image/photo_nxt.png")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_lst_all_wrp .cont_top .btn_direct_wrp li.btn_rgt button:hover {
    width: 27px;
    height: 76px;
    background: url("../image/photo_nxt_on.png")no-repeat;
    background-size: contain;
}

.photo_left_area_wrp .cont_artlcle_area {
    width: 620px;
    margin: 0 auto;
    text-align: center;
    padding: 70px 0
}

.photo_left_area_wrp .cont_artlcle_area a.photo_tlt {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.photo_left_area_wrp .cont_artlcle_area .date {
    font-size: 13px;
    font-weight: 400;
    color: #7d7d7d;
    margin: 10px 0 40px 0;
}

.photo_left_area_wrp .cont_artlcle_area a.img_area {
    width: 500px;
    margin: 0 0 50px 64px;
    overflow: hidden;
    display: block
}

.photo_left_area_wrp .cont_artlcle_area a.img_area img {
    width: 500px;
    display: inline-block;
    margin-bottom: 10px;
}

.photo_left_area_wrp .cont_artlcle_area a.photo_article_txt {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #7d7d7d;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.photo_left_area_wrp .cont_artlcle_area a.view_more {
    text-align: center;
    padding: 10px 35px;
    border: 1px solid #ffffff;
    display: inline-block;
    margin: 30px 0 10px 0;
    color: #ffff;
}

/*//기사 하단 이미지 묶음 영역*/
/* // 포토페이지 2021 */
/* footer */
#footer .infobox {
    width: 1200px;
    height: 53px;
    margin: 0 auto;
}

#footer .infobox .notice {
    width: 580px;
    float: left;
    line-height: 20px;
    letter-spacing: -0.5px;
    height: 20px;
    margin-top: 16px;
    position: relative
}

#footer .infobox .notice:first-child {
    margin-right: 20px;
    padding-right: 19px;
    border-right: 1px solid #dcdcdc;
}

#footer .infobox .notice p a {
    font-size: 12px;
    color: #888;
    border: 1px solid #dcdcdc;
    border-radius: 7px;
    padding: 3px 8px;
    position: absolute;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: -3px
}

#footer .infobox .notice p {
    position: relative;
    left: 408px
}

#footer .infobox h3 {
    font-size: 18px;
    color: #000;
    margin-right: 49px;
    float: left
}

#footer .infobox li {
    float: left;
    width: 408px !important;
    color: #555;
    font-size: 18px;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-weight: 400
}

#footer .infobox li a {
    color: #777;
    font-size: 16px
}

#footer .infobox span {
    float: left;
    padding-top: 4px
}

#footer .footerbox {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    background-color: #f6f6f6;
    height: 210px
}

#footer .footerbox .menu {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden
}

#footer .footerbox .menu h3 {
    margin: 25px 45px 0 0;
}

#footer .footerbox .menu h3 img {
    width: 65px;
    float: left;
    margin-right: 30px
}

#footer .footerbox .menu li {
    font-size: 14px;
    color: #333;
    height: 15px;
    border-right: 1px solid #c8c8c8;
    float: left;
    line-height: 14px;
    padding-right: 22px;
    margin-left: 22px;
    font-weight: 400
}

#footer .footerbox .menu li a {
    color: #888
}

#footer .footerbox .menu li span {
    color: #222
}

#footer .footerbox .menu li:last-child {
    border-right: 0
}

#footer .footerbox .menu .selectbox {
    float: right;
    border: 1px solid #cbcbcb;
    height: 25px;
    padding: 5px;
    background-color: #f6f6f6;
    font-size: 11px;
    margin-top: -5px;
    position: absolute;
    right: 0;
}

#footer .footerbox .copy {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative
}

#footer .footerbox .copy li {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    letter-spacing: -0.5px
}

#footer .footerbox .copy p {
    color: #222;
    margin-right: 30px;
    float: left;
}

#footer .footerbox .copy li span {
    margin-right: 20px
}

#footer .footerbox .copy li a {
    color: #888
}

#footer .footerbox .copy .etc {
    position: absolute;
    right: 0;
    top: 15px;
    width: 124px
}

#footer .footerbox .copy .etc p {
    float: left;
    margin-right: 10px
}

.last {
    margin-right: 0 !important
}

.pge_top_in {
    position: relative;
    width: 1024px;
    display: block;
    margin: 0 auto
}

.pge_box_break {
}

.pge_box_area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 10px;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.break_layer_pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 347px;
    z-index: 1000
}

.break_layer_pop .btn_close {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -26px;
    width: 26px;
    height: 26px;
    color: transparent;
    background: url(../image/im_ic_close.jpg) no-repeat 0 0
}

.pge_box_area {
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    display: block;
    padding: 4px 5px 6px 5px
}

/* 241029 화면 비율 조절 */
#review_2020{
  overflow: unset;
}


/* //241029 화면 비율 조절 */