@charset "utf-8";
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/notokr/notokr-regular.eot');
    src: url('../font/notokr/notokr-regular.eot?#iefix') format('embedded-opentype'),
        url('../font/notokr/notokr-regular.woff2') format('woff2'),
        url('../font/notokr/notokr-regular.woff') format('woff'),
        url('../font/notokr/notokr-regular.ttf') format('truetype'),
        url('../font/notokr/notokr-regular.svg#notokr-regular') format('svg');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/notokr/notokr-medium.eot');
    src: url('../font/notokr/notokr-medium.eot?#iefix') format('embedded-opentype'),
        url('../font/notokr/notokr-medium.woff2') format('woff2'),
        url('../font/notokr/notokr-medium.woff') format('woff'),
        url('../font/notokr/notokr-medium.ttf') format('truetype'),
        url('../font/notokr/notokr-medium.svg#notokr-medium') format('svg');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('../font/notokr/notokr-bold.eot');
    src: url('../font/notokr/notokr-bold.eot?#iefix') format('embedded-opentype'),
        url('../font/notokr/notokr-bold.woff2') format('woff2'),
        url('../font/notokr/notokr-bold.woff') format('woff'),
        url('../font/notokr/notokr-bold.ttf') format('truetype'),
        url('../font/notokr/notokr-bold.svg#notokr-bold') format('svg');
    font-weight:700;
    font-style:normal;
}
/*@font-face {
    font-family:'GmarketSansBold';
    src: url('../font/gmarket/GmarketSansTTFBold.eot');
    src: url('../font/gmarket/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
         url('../font/gmarket/GmarketSansTTFBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src: url('../font/gmarket/GmarketSansTTFMedium.eot');
    src: url('../font/gmarket/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),    
         url('../font/gmarket/GmarketSansTTFMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
.notosanskr * {font-family:'Noto Sans KR', sans-serif;}


/* 20210929 메인페이지 디자인 변경 Start*/
    /*슬라이더 스타일 변경*/
    .main2021.main2020 section .slider_control span.btn_prv {}
    .main2021.main2020 section .slider_control span.btn_nxt {}

    /* //슬라이더 스타일 변경*/

    /* 레이아웃 */
    #container {max-width:2200px; margin:0 auto;}
    #main2020.main2021 .main-page-column {display: flex;}
    #main2020.main2021 .main-page-column .main-left-banner {width:25%; max-width: 700px;}
    #main2020.main2021 .main-page-column .main-right-content {width:85%; background-color: #eef0f4; padding:0 30px; box-sizing: border-box;}
    #main2020.main2021 .sec_visual {padding:0;}
    @media all and (min-width:2200px) {
        #main2020.main2021 section .inner_box {max-width:90%;}
        #main2020.main2021 .main-page-column .main-right-content {width:100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {display: none;}
    }
    /* //레이아웃 */

    #main2020.main2021 .main-page-column .main-right-content .sec_board {}
    #main2020.main2021 .main-page-column .main-right-content .sec_board.sec_banner {background-color: transparent;}

    #main2020.main2021 .sec_board .inner_box .board_blk.brd1 {width: 66%;}
    #main2020.main2021 .main-page-column .main-right-content .sec_board.sec_banner .bnr_blk.bnr1 {width:34%; display:inline-block; box-shadow: none;}


    #main2020.main2021 .sec_visual .inner_box {position: relative;}
    #main2020.main2021 .sec_visual .inner_box .main-visual-text {text-align: right; width:100%; position: absolute; top:120px; right:20px;}
    #main2020.main2021 .sec_visual .inner_box .main-visual-text h3 {font-size:48px; color: #000; font-weight: bold; margin-bottom: 40px;}
    #main2020.main2021 .sec_visual .inner_box .main-visual-text h3 span {color: #304195;}
    #main2020.main2021 .sec_visual .inner_box .main-visual-text p {font-size:30px; color:#000;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul {border:none;}
    #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn { margin-bottom: 30px;}
    #main2020.main2021 .sec_policy::before {top:0; bottom:0;}
    #main2020.main2021 .inner_box {height:auto;}

    #main2020.main2021 .inner_box .board_blk.brd1 .tab_cont a.btn_more {background-color: #dddfe4; color: #000; border-radius: 16px; height: 32px; line-height: 32px; text-align: center; display: inline-block; padding:0 10px 0 20px; top: 0; font-size:14px;}
    #main2020.main2021 .inner_box .board_blk.brd1 .tab_cont a.btn_more::after {content:''; background-image: url(/main2020/images/more_arrow.png); display: inline-block;width: 15px; height: 9px; margin-left: 10px; background-repeat: no-repeat;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul {display: flex;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li {position: relative; box-sizing: border-box; padding:20px; display:inline-block; width: 50%; justify-content: space-between; margin-right:8px; background-color: #fff; border-radius: 16px; height: 210px;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li:last-child {margin-right: 0%;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li a {padding:0; position: initial;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li a::before {display: none;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li a span.title {
        color: #333; font-size: 18px; font-weight:bold; width:100%; display: inline-block; white-space: normal; overflow:hidden; text-overflow: ellipsis;
        line-height: 1.2; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

    }
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li a span.date {color: #999; font-size:14px; position: absolute; bottom:20px; right:20px; width: auto; text-align: left;}
    #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li a span.new { position: absolute; bottom:20px; right:20px; display: inline-block; width:39px; height:20px; font-size:13px; color:#fff; text-align: center; line-height: 20px; background-color: #de4e43; border-radius:15px;}
    #main2020.main2021 .sec_banner {background-color: transparent;}
    #main2020.main2021 .bnr_blk .slider_control {top: 15px; right:45px; left:auto; width: auto;}
    #main2020.main2021 .bnr_blk .slider_control span {float: initial;}
    #main2020.main2021 .bnr_blk .slider_control span.btn_prv {background-color: transparent; width:16px;}
    #main2020.main2021 .bnr_blk .slider_control span.btn_pause {background-size: 8px; border: 1px solid #bec0c3; box-sizing: border-box; background-color: #fff; border-radius: 50%;}
    #main2020.main2021 .bnr_blk .slider_control span.btn_nxt {background-color: transparent; width:16px;}
    #main2020.main2021 section .slider_control span.btn_play {border-radius: 50%; background-position: 11px;}
    #main2020.main2021 .bnr_blk .bx-wrapper {padding-top:54px;}
    #main2020.main2021 .sec_banner .bnr_blk .bnr_sld > div a {border-radius:16px; overflow:hidden;}
    #main2020.main2021  .sec_board .inner_box {display: flex;}

    #main2020.main2021 .bnr_blk .bx-pager {position: absolute; right: 5px; top: 7px;}
    #main2020.main2021 .bnr_blk .bx-pager {font-size:13px;}
    #main2020.main2021 .bnr_blk .bx-pager:first-letter {font-weight: bold; color: #000;}

    #main2020.main2021 .sec_service::before {background-color: transparent; display: none;}
    #main2020.main2021 .sec_service .inner_box {background-color: transparent; box-shadow: none; padding:0;}
    #main2020.main2021 .sec_service .inner_box h2 {display: block; position: initial; width: 100%; font-size:24px; color:#000; margin-bottom: 20px;}
    #main2020.main2021 .sec_service .inner_box p.for_pc {display: inline-block; position: initial; width: auto; font-size:16px; color:#999; margin-left: 10px; font-weight:normal;}
    #main2020.main2021 .sec_service ul {padding-left:0; border:1px solid #dce0ea; border-radius:16px; padding:40px 10px;}
    #main2020.main2021 .sec_service ul li a span {font-size:18px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bnr_sld > div a {border-radius:0; overflow:hidden; position: relative; height: 250px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bnr_sld > div a {height:190px;}
    /*#main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bnr_sld > div a::after {content:''; width:100%; background-color: rgba(0,0,0,0.3); height:188px; position: absolute; top:0; left:0;}*/

    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap {display: flex;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap::after {clear: both; display: block; content: '';}
    #main2020.main2021 .sec_banner >div h3 {font-size:24px; padding-bottom: 15px; display: block; width:100%;}
    #main2020.main2021 .sec_banner .bnr_blk .bxslider > div {}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {height:auto; width:33.3%; position: relative; top:0; padding-right:30px; box-shadow: none;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3  {height:180px; position:inherit; width:100%; box-shadow: none; bottom:auto;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top: auto!important;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bx-wrapper {padding-top:0; }
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bx-wrapper .bnr_blk.bnr3 {width:100%; position: inherit; height:auto; margin-top:50px;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3-wrap {display: block; flex-wrap: wrap;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bx-viewport {}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bx-viewport {min-height: auto;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bx-viewport {height: 214px; padding-bottom: 43px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 > .bx-wrapper > .bx-viewport {border-bottom:1px solid #dce0ea; padding-bottom:37px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bnr_sld > div a span {background-color: transparent; height:100%; background-size: 100%; box-sizing: border-box; background-position-y: top; padding:0;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .slider_control {top:-43px; height:30px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bx-pager {top:-36px; right:10px;}
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .slider_control {right:55px;}
    
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {position: absolute; top:222px; width:100%; text-align: center; }
    #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info p {font-size:18px; color: #000; padding:20px 0; overflow: hidden; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube {border-top:1px solid #dce0ea; border-bottom:1px solid #dce0ea; padding-top:27px; margin-top: 0; display: none;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a {display: block; display: flex;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span {display: inline-block;padding-left: 15px;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span img {width: 100%;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span:nth-child(1) {width:25%; padding:0; text-align: center;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span:nth-child(2) {width:55%; font-size:15px; color: #666; padding-top:7px; display: inline-block; overflow: hidden; white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span:nth-child(3) {width:20%; text-align: center; padding-top:15px;}
    #main2020.main2021 .sec_banner.sec_banner2 .view-youtube a span:nth-child(3) img {width:30px;}

    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 {}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul {}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li {height: 72px; border-bottom:1px solid #dce0ea;}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a {font-size:16px; font-weight: bold; position: relative;}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a i {display: inline-block;padding:0 30px 0 10px;}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a i img {width:20px;}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a span {line-height: 62px;}
    #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a span::after {display: inline-block; content: ''; width:4px; height:8px; background-image: url(/main2020/images/arrow-right.png); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    
    #main2020.main2021 .sec_policy {margin:0; overflow:hidden; padding-bottom: 50px;}
    #main2020.main2021 .sec_policy .comu-col h3 {font-size: 24px; color: #000; padding-bottom: 15px; margin:0; font-weight: bold;}
    #main2020.main2021 .sec_policy .comu-col {display: flex;}
    #main2020.main2021 .sec_policy .comu-col .pic-news {width:30%; padding-right:30px;}
    #main2020.main2021 .sec_policy .comu-col .announce {width:70%;}

    #main2020.main2021 .pic-news h3 {overflow: hidden;}
    #main2020.main2021 .pic-news h3 .btn_more {float: right; line-height: 28px; font-size:14px; color: #666; font-weight: normal;}
    #main2020.main2021 .pic-news h3 .btn_more::after {content: ''; background-image: url(/main2020/images/more_arrow.png); display: inline-block; width: 15px; height: 9px; margin-left: 10px; background-repeat: no-repeat;}
    #main2020.main2021 .pic-news .newscard {}
    #main2020.main2021 .pic-news .newscard .sum { max-height:219px; position: relative; overflow:hidden; border-radius:15px 15px 0 0;}
    #main2020.main2021 .pic-news .newscard .sum img {width:100%;}
    #main2020.main2021 .pic-news .newscard .sum .new {position: absolute; bottom:15px; left:15px; font-size:13px; color:#de4e43; display: inline-block; background-color: #fff; width: 43px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; font-weight: bold;}
    #main2020.main2021 .pic-news .newscard .card-cont {padding:30px 20px; background-color: #fff; border-radius: 0 0 15px 15px; height: 200px; box-sizing: border-box;}
    #main2020.main2021 .pic-news .newscard .card-cont em { font-style: normal; display: block; font-size:18px; color:#000; font-weight: bold; white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
    #main2020.main2021 .pic-news .newscard .card-cont p {margin-top:30px; color: #666; font-size:15px; font-weight: bold;display: inline-block; overflow: hidden; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc1 {float: none; height:auto; width:calc(50% - 10px); padding:0; background-color: transparent; border:none; margin-right: 10px;}
    #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc1::after {clear: both; display: block; content: '';}
    #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc3 {float: none; height:auto; width:calc(50% - 10px); padding:0; background-color: transparent; border:none; margin-right: 10px;}
    #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc3::after {clear: both; display: block; content: '';}
    #main2020.main2021 .sec_policy .policy_blk.polc3 .bx-wrapper {}
    #main2020.main2021 .sec_policy .policy_blk.polc3 .bx-viewport {height: 178px!important;}
    #main2020.main2021 .sec_policy .policy_blk.polc3 .easy_policy_sld > div {width:100%!important; max-width: 354px!important;}
    #main2020.main2021 .sec_policy .policy_blk.polc3 .easy_policy_sld > div a span {background-size: 100%; height:178px; padding:0;}
    #main2020.main2021 .sec_policy .comu-col .announce .announce-box {padding:20px 70px; background-color: #d7dce7; border-radius:20px; display: flex; flex-wrap: wrap;}
    #main2020.main2021 .sec_policy .policy_blk.polc1 .bx-wrapper {}
    #main2020.main2021 .sec_policy .policy_blk.polc1 .bx-viewport {height: 178px!important;}
    #main2020.main2021 .sec_policy .policy_blk.polc1 .easy_policy_sld > div {}
    #main2020.main2021 .sec_policy .policy_blk.polc1 .easy_policy_sld > div a span {
        background-size: 100%; 
        height:178px; 
        padding:0; 
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        top: auto;
        width: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        overflow: hidden;
        font-size: 1px;
        text-indent: -9999px;
        cursor: pointer;
    }

    #main2020.main2021 .sec_policy .policy_blk.polc3 .easy_policy_sld2 > div a span {
        background-size: 100%; 
        height:178px; 
        padding:0; 
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        top: auto;
        width: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        overflow: hidden;
        font-size: 1px;
        text-indent: -9999px;
        cursor: pointer;
    }
    #main2020.main2021 .policy_blk .slider_control span {float: initial;}
    #main2020.main2021 .policy_blk .slider_control span.btn_prv {background-color: transparent; width:16px;}
    #main2020.main2021 .policy_blk .slider_control span.btn_pause {background-size: 8px; border: 1px solid #bec0c3; box-sizing: border-box; background-color: #fff; border-radius: 50%;}
    #main2020.main2021 .policy_blk .slider_control span.btn_nxt {background-color: transparent; width:16px;}
    #main2020.main2021 .policy_blk .slider_control span.btn_play {border-radius: 50%; background-position: 11px;}
    #main2020.main2021 .policy_blk .bx-pager {top: -49px; right: 10px; position: absolute;}
    #main2020.main2021 .sec_policy .policy_blk.polc1 .slider_control {top:-50px; right:55px;}
    #main2020.main2021 .sec_policy .policy_blk.polc3 .slider_control {top:-55px; right:55px; position: absolute;}
    #main2020.main2021 .policy_blk .slider_control span.btn_play {background-repeat: no-repeat; background-image: url(/main2020/images/ico-slider-start2.png); background-color: #fff; border: 1px solid #bec0c3; background-position: 11px;}
  

    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel {margin-top:30px; padding:40px; background-color: #101b64; border-radius: 16px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list {}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li {display: flex; flex-wrap: wrap;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > em {width:100%; color: #fff; font-size:24px; font-weight: bold; font-style: normal;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul {width:100%; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 20px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li {position: relative; width: 20%; display: inline-block; float: left; display: flex; align-items: center; justify-content: left; height: 44px; text-align: center; box-sizing: border-box; line-height: 42px; border-radius: 8px;}  
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(n+4) a {padding-left: 24px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li a {height: 44px; margin-right: 5px; width: 120px; display: inline-flex; align-items: center; justify-content: center; padding-left: 30px; color: #fff; border-radius: 8px; max-width: 100%; position: relative;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li a::before {content:''; display: inline-block; background-repeat: no-repeat; position: absolute; left:18px; top:50%; transform: translateY(-50%);}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(1) a::before {background-image:url(../images/channel_youtube.png); width: 27px; height: 18px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(2) a::before {background-image:url(../images/channel_blog.png); width: 24px; height: 23px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(3) a::before {background-image:url(../images/channel_twitter.png); width: 24px; height:19px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(4) a::before {background-image:url(../images/channel_facebook.png); width: 21px; height: 21px; left:15px;}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(5) a::before {background-image:url(../images/channel_insta.png); width: 21px; height: 21px; left:10px;}

    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(1) a {background-color: rgba(210,48,44,0.2);}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(2) a {background-color: rgba(77,172,52,0.2);}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(3) a {background-color: rgba(52,175,245,0.2);}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(4) a {background-color: rgba(51,107,221,0.2);}
    #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(5) a {background: linear-gradient(180deg, rgba(55,73,238,0.4) 0%, rgba(159,58,177,0.4) 48%, rgba(239,119,45,0.4) 100%);}
    /* #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li:nth-child(6) a::before {background-image:url(../images/channel_in.png); width: 21px; height: 21px;} */
    .ft_menu .ft-bx > ul > li > a {letter-spacing: -0.5px;}
    

    #main2020.main2021 .sec_board {margin-top: 30px;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news {display: none;}

    /*반응형*/
    @media screen and (max-width:2199px) {
    	/*대형배너 높이*/
    	#main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li {height:170px;}
    	/*카드뉴스 높이*/
    	#main2020.main2021 .pic-news .newscard .card-cont {height:166px;}
    	#main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li {height:62px;}
    }
    
    @media screen and (max-width:1800px) {
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:217px;}
    }

    @media screen and (max-width:1700px) {
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:210px;}
    }

    @media screen and (max-width:1600px) {
        #main2020.main2021 .sec_visual .inner_box .main-visual-text h3 {font-size:35px;}
        #main2020.main2021 .sec_visual .inner_box .main-visual-text p {font-size: 24px;}
        .main2020 .sec_service ul li a i.icon1 {max-width: 120px; width:100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:190px;}
        #main2020.main2021 .sec_banner.sec_banner2 .view-youtube {margin-top:5px;}
        #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li a span {line-height: 88px;}
        
        #if_widget {width: 100%;}
        
    }

    @media screen and (max-width:1440px) {
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel {margin-top: 10px; }
        #main2020.main2021 .main-page-column {display: block;}
        #main2020.main2021 .main-page-column .main-left-banner {width:100%; max-width: 100%; height: 280px;}
        #main2020.main2021 .main-page-column .main-right-content {width:100%;}
        #main2020.main2021 .sec_visual {background:url(../images/small_devide_visual_text.jpg)no-repeat; background-size: cover;}
        #main2020.main2021 .sec_board {margin-top:0; padding-top:50px;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:213px;}
        #main2020.main2021 .sec_visual .inner_box {height:100%; overflow:hidden; margin:0; max-width:100%;}
        #main2020.main2021 .sec_visual .inner_box .main-visual-text h3 {margin-bottom: 20px;}
        #main2020.main2021 .sec_visual .inner_box .main-visual-text {text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; left: 50%;}
        #main2020.main2021 .main-page-column .main-right-content .sec_board.sec_banner .bnr_blk.bnr1 {padding-left: 10px;}
        #main2020.main2020 .sec_board .inner_box .board_blk ul.tab_btn li a {font-size:21px;}
        #main2020.main2021 .pic-news .newscard .card-cont {height:147px;}
    }

    @media screen and (max-width:1239px) {
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:50%;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {padding-top:0;}
        #main2020.main2020 .sec_banner .inner_box {padding:0 0 50px 0;}
        #main2020.main2020 .sec_service {padding:0 0 50px 0;}
        #main2020.main2020 .sec_service ul li a i {width: 120px; height: 120px;}
        #main2020.main2021 .sec_service .inner_box h2 {text-align: left;}
        #main2020.main2021 .sec_service .inner_box p.for_pc {padding-bottom: 0;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3 {padding:0; margin:0;}
    }
    
    @media screen and (max-width:1089px) {
    	#if_widget {height: 530px;}
    }

    @media screen and (max-width:999px) {
        #main2020.main2021 .sec_board .inner_box {display: block;}
        #main2020.main2021 .sec_board .inner_box .board_blk.brd1 {width:100%;}
        #main2020.main2021 .main-page-column .main-right-content .sec_board.sec_banner .bnr_blk.bnr1 {width:100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap {display: block; overflow: hidden;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {width:50%; float:left; padding-right: 0;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bx-viewport {max-height: 400px;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:67%;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bx-viewport {min-height: 295px;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bnr_sld > div a span {background-size:100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div.bnr2 {}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div.bnr3 {}
        #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 {width:50%; margin-top:50px; display: inline-block; float: left; box-sizing: border-box; clear: both; padding:0; padding-right:15px;}
        #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 ul li {height:90px;}
        #main2020.main2021 .sec_policy .comu-col {display: block;}
        #main2020.main2021 .sec_policy .comu-col .pic-news {display: none;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news {display: inline-block; width:50%; float: left; box-sizing: border-box; margin-top:50px; padding:0; padding-left: 15px;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news.w760u_appear {display: none;}
        #main2020.main2021 .sec_policy .comu-col .announce {}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div.bnr3::after {content: ''; clear: both;}
        #main2020.main2021 .sec_policy .comu-col .announce {width:100%;}
        #main2020.main2021 .sec_visual {background: url(../images/small_devide_visual_text.jpg)no-repeat; background-size: 100%; }
        #main2020.main2021 .main-page-column .main-left-banner {height: 250px;}
        #main2020.main2021 .sec_service ul {padding:30px 10px;}
        #main2020.main2020 .sec_service ul li a i {width:100px; height:100px;}
        #main2020.main2021 .sec_service ul li a span {font-size:16px; font-weight:500;}
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul {margin-top:0;}
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li {width:100%; margin-top:20px; justify-content: center;}
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li + li {margin-top:25px;}
        #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc1 {width:100%; margin-right:0; margin-top:60px; text-align: center;}
        #main2020.main2021 .sec_policy .comu-col .announce .policy_blk.polc3 {width:100%; margin-right:0; margin-top:80px; text-align: center;}
        #main2020.main2021 .sec_policy .comu-col .announce .announce-box {padding:20px 30px;}
        #main2020.main2021 .sec_policy .policy_blk.polc1 .easy_policy_sld > div a span {background-size: contain;}
        #main2020.main2021 .sec_policy .policy_blk.polc3 .easy_policy_sld2 > div a span {background-size: contain;}
    }
    
    @media screen and (max-width:890px) {
        #if_widget {height: 560px;}
    }

    @media screen and (max-width:840px) {
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:60%;}
    }
    @media screen and (max-width:760px) {
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:53%;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bx-viewport {min-height: 265px;}
        #main2020.main2021 .sec_visual {background: url(../images/small_devide_visual_text.jpg)no-repeat; background-size: cover;  background-position: center;}
        #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont a.btn_more {bottom:-40px; top:auto; width:100%; padding:0;}
        #main2020.main2021 .main-page-column .main-right-content .sec_board.sec_banner .bnr_blk.bnr1 {margin-top:30px;}
        #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul {height:170px; overflow:hidden; display:block;}
        #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li {display: inline-block; float:left; width:49%; margin-right:2%;}
        #main2020.main2021 .sec_board .inner_box .board_blk .tab_cont ul li:nth-child(2) {margin-right:0;}
        #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn li {display: inline-block; width: 20%; min-width: 80px;}
        #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn li a {font-size:16px; text-align: center; padding-left: 12px;}
        #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn {width:100%;}
        #main2020.main2021 .main-page-column .main-right-content {padding:0 15px;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .bx-viewport {max-height: 244px;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news.w760u_appear {display: inline-block;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news.w760u_disappear {display: none;}
        
    }

    @media screen and (max-width:700px) {
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {width: 100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk .bnr_sld > div a span {background-size:auto ;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3 {height: auto;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {width: 100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .policy_blk.polc2 {width:100%;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .pic-news {width: 100%; padding-left: 0;}
        #main2020.main2021 .sec_banner.sec_banner2 .bnr_blk.bnr3 .video-slide-info {top:57%;}
        #main2020.main2021 .sec_policy .policy_blk.polc1 .easy_policy_sld > div a span {max-width: 360px;}
        #main2020.main2021 .sec_policy .policy_blk.polc3 .easy_policy_sld > div a span {max-width: 360px;}
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > em {width:100%; text-align: left; margin-bottom: 20px; display: inline-block;}
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li {display: block; }
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul {width: 100%; text-align: center;}
        
        #main2020.main2021 .sec_policy .comu-col .announce .comm-channel .channel-list > li > ul > li a::before {left:5px;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3-wrap {margin-top:40px;}
    }
    
    @media screen and (max-width:661px) {
    	#if_widget {height: 760px;}
    }
    
    @media screen and (max-width:551px) {
    	#if_widget {height: 790px;}
    }
    
    @media screen and (max-width:495px) {
    	#if_widget {height: 880px;}
    }

    @media screen and (max-width:440px) {
        #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn li {width:25%; margin-bottom: 10px;}
        #main2020.main2021 .sec_board .inner_box .board_blk ul.tab_btn li a {font-size:16px; text-align: center; padding-left: 12px;}
        #main2020.main2020 .sec_service ul li a i {width:70px; height:70px;}
        #main2020.main2021 .sec_service ul li a span {font-size:14px;}
        #main2020.main2021 .sec_service ul {padding:20px 0;}
        #main2020.main2021 .sec_service .inner_box p.for_pc {display: none;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap .bnr3 {height: 240px;}
        #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {width: 100%;}
        
        
        #main2020.main2021 .sec_policy .policy_blk.polc1 .bx-wrapper {padding:0;}
        #main2020.main2021 .sec_policy .policy_blk.polc3 .bx-wrapper {padding:0;}
    }
    
    @media screen and (max-width:405px) {
    	#if_widget {height: 450px;}
    }
    /* 반응형 End */

    /* 20210929 메인페이지 디자인 변경 End*/





/* 메인 공통 */     
.main2020 * {font-family:'Noto Sans KR', sans-serif;}
.main2020 .line_br {display:none}
.main2020 .blind {position:absolute; width:1px; height:1px; font-size:1px; overflow:hidden; text-indent:-99999999em; z-index:2;}
.main2020 .for_mo {display:block}
.main2020 .for_pc {display:none}
.main2020 .clearfix::after, 
.main2020 ul::after {clear:both; display:block; content:''}
.main2020 li a {display:block}
.main2020 li a i {display:block}
.main2020 img {width:100%}
.main2020 a.btn_more {font-family: 'Noto Sans KR'; color:#777; font-size:12px}
.main2020 a.btn_more::after {content:'+'}
.main2020 h2{font-family:'Noto Sans KR';} 
.main2020 h3 {font-family:'Noto Sans KR', sans-serif;} 
.main2020 div,
.main2020 p,
.main2020 span,
.main2020 li,
.main2020 a {font-family:'Noto Sans KR',sans-serif; word-break:keep-all; line-height:1.2;}
.main2020 section {}
.main2020 section .inner_box {max-width:1280px; margin:auto; box-sizing:border-box;}
.main2020 section .inner_box::after {clear:both; display:none; content:'';}

/* 메인 슬라이더 컨트롤러 */
.main2020 section .slider_control {}
.main2020 section .slider_control::after {clear:both; display:block; content:'';}
.main2020 section .slider_control span {box-sizing: border-box; position:relative; display:inline-block; top:auto; width:30px; height:30px; margin:0; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 10px; overflow:hidden; font-size:1px; text-indent:9999px; cursor:pointer}
.main2020 section .slider_control span.btn_prv {background-image: url('/main2020/images/ico-slider-left.png');}
.main2020 section .slider_control span.btn_nxt {background-image: url('/main2020/images/ico-slider-right.png');}
.main2020 section .slider_control span.btn_play {background-image: url('/main2020/images/ico-slider-start2.png'); background-color:#fff; border:1px solid #bec0c3;}
.main2020 section .slider_control span.btn_pause {background-image: url('/main2020/images/ico-slider-stop2.png');}
.main2020 section .slider_control span a {display:block; width:100%; height:100%; font-size:1px; text-indent:9999px; overflow:hidden; background-image: none;}

/* 메인 비쥬얼텍스트 영역 */
.main2020 .sec_visual {padding-bottom:70px; background:url('/main2020/images/bg_main_visual2.jpg') no-repeat right center; background-size:cover; height:100%; background-position: left;}
.main2020 .sec_visual .inner_box {height:195px}

/* 메인 주요서비스 영역 */
.main2020 .sec_service {position:relative; padding:0px 15px 25px; z-index:1}
.main2020 .sec_service::before {position:absolute; left:0; right:0; top:70px; bottom:0; background:#f6f9ff; z-index:-1; content:''}
.main2020 .sec_service .inner_box {padding:15px 15px; background:#fff; box-shadow:2px 8px 8px rgba(162,168,198,0.5);}
.main2020 .sec_service h2 {padding-bottom:15px; color:#566586; font-size:20px; text-align:center;}
.main2020 .sec_service ul li {float:left; width:25%; margin-bottom:15px}
.main2020 .sec_service ul li a i {width:120px; height:auto; margin:auto; background:no-repeat 50% 0%; background-size:auto 100%;}
.main2020 .sec_service ul li a i.icon1 {background-image:url('/main2020/images/service_icon1.png');}
.main2020 .sec_service ul li a i.icon2 {background-image:url('/main2020/images/service_icon2.png');}
.main2020 .sec_service ul li a i.icon3 {background-image:url('/main2020/images/service_icon3.png');}
.main2020 .sec_service ul li a i.icon4 {background-image:url('/main2020/images/service_icon4.png');}
.main2020 .sec_service ul li a i.icon5 {background-image:url('/main2020/images/service_icon5.png');}
.main2020 .sec_service ul li a i.icon6 {background-image:url('/main2020/images/service_icon6.png');}
.main2020 .sec_service ul li a i.icon7 {background-image:url('/main2020/images/service_icon7.png');}
.main2020 .sec_service ul li a i.icon8 {background-image:url('/main2020/images/service_icon8.png');}
.main2020 .sec_service ul li a span {display:block; margin-top:10px; color:#000; font-size:11px; text-align:center; font-weight:700}

/* 메인 배너그룹 영역 */
.main2020 .sec_banner {}
.main2020 .sec_banner .bnr_blk {position:relative; width:100%}
.main2020 .sec_banner .bnr_blk.bnr1 {}
.main2020 .sec_banner .bnr_blk.bnr1 .bx-viewport {height:auto;}
.main2020 .sec_banner .bnr_blk.bnr1 .slider_control {position:absolute; left:0; right:0px; top:50%; margin-top:-15px; width:100%; z-index:2}
.main2020 .sec_banner .bnr_blk.bnr1 .slider_control .btn_prv {float:left}
.main2020 .sec_banner .bnr_blk.bnr1 .slider_control .btn_nxt {float:right}
.main2020 .sec_banner .bnr_blk.bnr2 {padding:30px 30px 15px; box-sizing:border-box;}
.main2020 .sec_banner .bnr_blk.bnr2::before {position:absolute; left:15px; right:15px; top:15px; bottom:0px; border:1px solid #d8d8d8; z-index:-1; content:''}
.main2020 .sec_banner .bnr_blk.bnr2 h3 {padding-bottom:15px; font-size:15px; font-weight:700;}
.main2020 .sec_banner .bnr_blk.bnr2 .slider_control {position:absolute; right:15px; bottom:0px; z-index:2}
.main2020 .sec_banner .bnr_blk.bnr2 .slider_control span {float:left; margin-left:1px}
.main2020 .sec_banner .bnr_blk.bnr3 {}
.main2020 .sec_banner .bnr_blk.bnr3 {padding:30px 30px 15px; box-sizing:border-box;}
.main2020 .sec_banner .bnr_blk.bnr3::before {position:absolute; left:15px; right:15px; top:15px; bottom:0px; border:1px solid #d8d8d8; z-index:-1; content:''}
.main2020 .sec_banner .bnr_blk.bnr3 h3 {padding-bottom:15px; font-size:15px; font-weight:700;}
.main2020 .sec_banner .bnr_blk.bnr3 .slider_control {position:absolute; right:15px; bottom:0px; z-index:2}
.main2020 .sec_banner .bnr_blk.bnr3 .slider_control span {float:left; margin-left:1px}
.main2020 .sec_banner .bnr_blk .bnr_sld {}
.main2020 .sec_banner .bnr_blk .bnr_sld > div a {display:block}
.main2020 .sec_banner .bnr_blk.bnr1 .bnr_sld > div a span {display:block; position:relative; width:100%; height:0; padding-bottom:39.658%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:#eee no-repeat 50% 50%; background-size:auto 100%}
/*2023-09-13 접근성 수정  */
/* .main2020 .sec_banner .bnr_blk.bnr2 .bnr_sld > div a span,
.main2020 .sec_banner .bnr_blk.bnr3 .bnr_sld > div a span {display:block; position:relative; width:100%; height:0; padding-bottom:55.696%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:#eee no-repeat 50% 50%; background-size:auto 100%} */
.main2020 .sec_banner .bnr_blk.bnr2 .bnr_sld > div a span {display:block; position:relative; width:100%; height:0; padding-bottom:55.696%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:#eee no-repeat 50% 50%; background-size:auto 100%}
.main2020 .sec_banner .bnr_blk.bnr3 .bnr_sld > div a {background:#eee no-repeat 50% 50%;}

/* 메인 타이틀 공통 */
.main2020 .sec_trend,
.main2020 .sec_trend2,
.main2020 .sec_policy, 
.main2020 .sec_board {margin-top:30px}
.main2020 .sec_trend h2,
.main2020 .sec_trend2 h2,
.main2020 .sec_policy h2,
.main2020 .sec_board h2 {margin-bottom:20px; color:#333; font-size:20px; font-weight:bold; line-height:1.2}
.main2020 .sec_trend h2 span,
.main2020 .sec_trend2 h2 span,
.main2020 .sec_policy h2 span,
.main2020 .sec_board h2 span {position:relative; font-family:'Noto Sans KR'; line-height:1.2}
.main2020 .sec_trend h2 span::before,
.main2020 .sec_trend2 h2 span::before,
.main2020 .sec_policy h2 span::before,
.main2020 .sec_board h2 span::before {position:absolute; left:2px; right:-3px; bottom:-2px; height:10px; background:#fffebb; z-index:-1; content:''}

/* 메인 방통위 동향 영역 */
.main2020 .sec_trend {position:relative}
.main2020 .sec_trend .inner_box {position:relative; padding:0 0 0 15px}
.main2020 .sec_trend a.btn_more {position:absolute; right:15px; top:-2px; padding:5px 0px 5px 5px; z-index:2}
.main2020 .sec_trend .trend_list {padding-bottom:4px; overflow-x:scroll}
.main2020 .sec_trend .trend_list ul {width:610px;}
.main2020 .sec_trend .trend_list ul li {display:inline-block; width:140px; margin-right:10px}
.main2020 .sec_trend .trend_list ul li a {position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#eee no-repeat 50% 50%; background-size:auto 100%}
.main2020 .sec_trend .trend_list ul li a::after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; content:''}
.main2020 .sec_trend .trend_list ul li a span {position:absolute; left:0; right:0; z-index:2; padding-left:10px; padding-right:10px;font-size:14px; box-sizing:border-box; word-break:break-word}
.main2020 .sec_trend .trend_list ul li a span.title {height:2.8em; line-height:1.4; bottom:40%; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#fff;}
.main2020 .sec_trend .trend_list ul li a span.date {top:60%; height:40%; color:#ddd; padding-top:10px;}
.main2020 .sec_trend .trend_list ul li a span.date::after {position:absolute; left:10px; right:10px; top:0; border-top:1px solid rgba(255,255,255,0.3); content:''}

/* 메인 방통위 정책 영역 */
.main2020 .sec_policy {}
.main2020 .sec_policy h2 {padding:0px 15px;} 
.main2020 .sec_policy h3 {margin-bottom:15px; font-size:15px; font-weight:700;}
.main2020 .sec_policy .polc1 h3 {color:#666}
.main2020 .sec_policy .polc2 h3 {padding:0px 15px; color:#333}
.main2020 .sec_policy .inner_box {position:relative}
.main2020 .sec_policy .policy_blk {position:relative;}
.main2020 .sec_policy .policy_blk.polc1 {padding:20px 0 30px 15px; background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.main2020 .sec_policy .policy_blk.polc1 .easy_policy_sld::after {clear:both; display:block; content:'';}
.main2020 .sec_policy .policy_blk.polc1 .easy_policy_sld > div {}
.main2020 .sec_policy .policy_blk.polc1 .easy_policy_sld > div a {display:block}

.main2020 .sec_policy .policy_blk.polc3 {padding:20px 0 30px 15px; background:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.main2020 .sec_policy .policy_blk.polc3 .easy_policy_sld::after {clear:both; display:block; content:'';}
.main2020 .sec_policy .policy_blk.polc3 .easy_policy_sld > div {width:230px !important; margin-right:10px;}
.main2020 .sec_policy .policy_blk.polc3 .easy_policy_sld > div a {display:block}
.main2020 .sec_policy .policy_blk.polc3 .easy_policy_sld > div a span {display:block; position:relative; width:100%; height:0; padding-bottom:78%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:no-repeat 50% 50%; background-color:#eee; background-size:auto 100%}
.main2020 .sec_policy .policy_blk.polc3 .easy_policy_sld > div a span {display:block; position:relative; width:100%; height:0; padding-bottom:78%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:no-repeat 50% 50%; background-color:#eee; background-size:auto 100%}
.main2020 .sec_policy .policy_blk.polc1 .slider_control {position:absolute; right:15px; top:8px; margin-top:-5px; z-index:2}
.main2020 .sec_policy .policy_blk.polc1 .slider_control span {float:left; margin-left:1px; background-color:rgba(0,0,0,0.3)}
.main2020 .sec_policy .policy_blk.polc3 {padding:20px 0 30px; background:#edf3ff}
.main2020 .sec_policy .policy_blk.polc2 ul {padding:0 15px}
.main2020 .sec_policy .policy_blk.polc2 ul li {float:left; width:50%; box-sizing:border-box}
.main2020 .sec_policy .policy_blk.polc2 ul li:nth-child(1) {padding:0 5px 5px 0}
.main2020 .sec_policy .policy_blk.polc2 ul li:nth-child(2) {padding:0 0 5px 5px}
.main2020 .sec_policy .policy_blk.polc2 ul li:nth-child(3) {padding:5px 5px 0 0}
.main2020 .sec_policy .policy_blk.polc2 ul li:nth-child(4) {padding:5px 0 0 5px}
.main2020 .sec_policy .policy_blk.polc2 ul li a {display:block; padding:10px; box-sizing:border-box; background:#fff no-repeat 50% 50%; background-size:100% auto}
.main2020 .sec_policy .policy_blk.polc2 ul li a.bg01 {background-image:url('/main2020/images/bg_policy01.gif');}
.main2020 .sec_policy .policy_blk.polc2 ul li a.bg02 {background-image:url('/main2020/images/bg_policy02.gif');}
.main2020 .sec_policy .policy_blk.polc2 ul li a.bg03 {background-image:url('/main2020/images/bg_policy03.gif');}
.main2020 .sec_policy .policy_blk.polc2 ul li a.bg04 {background-image:url('/main2020/images/bg_policy04.gif');}
.main2020 .sec_policy .policy_blk.polc2 ul li a i {display:block; width:20px; height:20px; margin-bottom:6px; background-size:auto 100%; background-repeat:no-repeat; background-position:50% 50%}
.main2020 .sec_policy .policy_blk.polc2 ul li a i.icon1 {background-image:url('/main2020/images/ico_policy01.png');}
.main2020 .sec_policy .policy_blk.polc2 ul li a i.icon2 {background-image:url('/main2020/images/ico_policy02.png');}
.main2020 .sec_policy .policy_blk.polc2 ul li a i.icon3 {background-image:url('/main2020/images/ico_policy03.png');}
.main2020 .sec_policy .policy_blk.polc2 ul li a i.icon4 {background-image:url('/main2020/images/ico_policy04.png');}
.main2020 .sec_policy .policy_blk.polc2 ul li a span {display:block; position:relative; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-0.3px;}
.main2020 .sec_policy .inner_box ul.sns {position:absolute; right:11px; top:-4px; }
.main2020 .sec_policy .inner_box ul.sns li {float:left}
.main2020 .sec_policy .inner_box ul.sns li a {display:block; padding:4px;}
.main2020 .sec_policy .inner_box ul.sns li a i {display:block; width:26px; height:26px; border-radius: 50%; background:#fff no-repeat 50% 50%; background-size:auto 100%;}
.main2020 .sec_policy .inner_box ul.sns li a i.icon_blog {background-image:url('/main2020/images/ico_sns_blog.png');}
.main2020 .sec_policy .inner_box ul.sns li a i.icon_fbook {background-image:url('/main2020/images/ico_sns_facebook.png');}
.main2020 .sec_policy .inner_box ul.sns li a i.icon_twtt {background-image:url('/main2020/images/ico_sns_twitter.png');}
.main2020 .sec_policy .inner_box ul.sns li a i.icon_ytube {background-image:url('/main2020/images/ico_sns_youtube.png');}

/* 메인 알림마당 영역 */
.main2020 .sec_board {}
.main2020 .sec_board h2 {}
.main2020 .sec_board .inner_box {padding:0 15px}
.main2020 .sec_board .inner_box .board_blk {position:relative; margin-bottom:30px}
.main2020 .sec_board .inner_box .board_blk.brd1 {}
.main2020 .sec_board .inner_box .board_blk.brd2 {}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn {margin-bottom:10px}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li {float:left; position:relative}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li:before {position:absolute; top:20%; bottom:20%; width:1px; background:#d8d8d8; content:''}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li:first-child:before {display:none}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li a {padding:0px 13px 0 12px; color:#777; font-size:15px;}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li:first-child a {padding-left:0}
.main2020 .sec_board .inner_box .board_blk ul.tab_btn li.on a {color:#000; font-weight:700;}
.main2020 .sec_board .inner_box .board_blk .tab_cont {display:none}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul {border-top:1px solid #3c4884}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li {display:block; padding:5px 0px; border-bottom:1px solid #d8d8d8; }
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a {display:block; position:relative; padding:5px 0px 5px 16px;}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a::before {position:absolute; left:4px; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#3c4884; content:''}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a::after {clear:both; display:block; content:'';}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a span {float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; letter-spacing:-0.3px}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a span.title {width:75%; text-align:left}
.main2020 .sec_board .inner_box .board_blk .tab_cont ul li a span.date {width:25%; text-align:right; color:#777; font-weight:400; letter-spacing:0}
.main2020 .sec_board .inner_box .board_blk .tab_cont a.btn_more {position:absolute; top:-2px; right:0; padding:5px 0px 5px 5px; z-index:2}

/* 메인 관련사이트 영역 */
.main2020 .sec_site {background:#f2f5fa; border-top:1px solid #bcc9dd}
.main2020 .sec_site .inner_box {position:relative; padding:15px;}
.main2020 .sec_site .site_blk {width:100%; padding-right:110px; box-sizing:border-box;}
.main2020 .sec_site .site_sld > div a {display:block}
.main2020 .sec_site .site_sld > div a span {display:block; width:100%; height:0; padding-bottom:30.3%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:#fff no-repeat 50% 50%; background-size:100% auto}
.main2020 .sec_site .inner_box .slider_control {position:absolute; right:15px; top:50%; margin-top:-15px; width:110px; text-align:right; z-index:2}
.main2020 .sec_site .inner_box .slider_control span {background-color:rgba(0,0,0,0.3)}

@media screen and (min-width:360px) {
    .main2020 .sec_service ul li a span {font-size:13px; letter-spacing:-0.3px;}
    
	.main2020 .sec_policy .policy_blk.polc2 ul li a {padding:15px}
	.main2020 .sec_policy .policy_blk.polc2 ul li a span {font-size:14px; letter-spacing:-0.5px}
	.main2020 .sec_policy .policy_blk.polc2 ul li a span::after {position:absolute; right:0; top:4px; display:inline-block; width:20px; height:10px; background:url('/main2020/images/btn_ico_arrow.png') no-repeat 100% 50%; background-size:auto 100%; content:''}
	.main2020 .sec_policy .policy_blk.polc2 ul li a i {margin-left:2px; margin-bottom:8px}
}

@media screen and (min-width:568px) {
	.main2020 .sec_service ul li a i {width:60px; height:60px}
	.main2020 .sec_trend .trend_list ul {width:810px;}
	.main2020 .sec_trend .trend_list ul li {width:190px;}
}

@media screen and (min-width:768px) {
    .main2020 .sec_banner .bnr_blk.bnr2,
    .main2020 .sec_banner .bnr_blk.bnr3 {float:left; width:50%;}
    .main2020 .sec_banner .bnr_blk.bnr2 {padding-right:22.5px}
    .main2020 .sec_banner .bnr_blk.bnr2::before {right:7.5px;}
    .main2020 .sec_banner .bnr_blk.bnr2 .slider_control {right:7.5px;}
    .main2020 .sec_banner .bnr_blk.bnr3 {padding-left:22.5px}
    .main2020 .sec_banner .bnr_blk.bnr3::before {left:7.5px;}
	
	.main2020 .sec_trend .inner_box {padding-right:15px}
	.main2020 .sec_trend .trend_list {overflow-x:hidden;}
	.main2020 .sec_trend .trend_list ul {width:100%}
    .main2020 .sec_trend .trend_list ul li {float:left; width:23.82%; margin-left:1.56%; margin-right:0;} 
    .main2020 .sec_trend .trend_list ul li:first-child {margin-left:0}
        
    .main2020 .sec_policy .policy_blk.polc1 .easy_policy_sld > div {}
    
    .main2020 .sec_site .site_sld > div {width:180px !important; margin-right:15px}
}

@media screen and (min-width:1024px) {
    .main2020 .for_mo {display:none}
    .main2020 .for_pc {display:block}
    .main2020 a.btn_more {font-size:15px;}

    .main2020 .sec_service {padding:0px 30px 50px}
    .main2020 .sec_service .inner_box {padding:40px}
    .main2020 .sec_service h2 {padding-bottom:10px; font-size:34px}
    .main2020 .sec_service p {padding-bottom:40px; color:#999; font-size:16px; text-align:center}
    .main2020 .sec_service ul {}
    .main2020 .sec_service ul li {width:12.5%; margin-bottom:0}
    .main2020 .sec_service ul li a i {width:120px; height:120px;}
    .main2020 .sec_service ul li a span {font-size:16px; font-weight:bold; margin-top:0;}

    .main2020 .sec_banner {background:#f5f9ff}
    .main2020 .sec_banner .inner_box {padding:0px 30px 50px;}
    .main2020 .sec_banner .bnr_blk.bnr2 {padding:30px 15px 0 0}
    .main2020 .sec_banner .bnr_blk.bnr3 {padding:30px 0 0 15px}
    .main2020 .sec_banner .bnr_blk.bnr2::before,
    .main2020 .sec_banner .bnr_blk.bnr3::before {display:none}
    .main2020 .sec_banner .bnr_blk.bnr2 .slider_control {right:15px}
    .main2020 .sec_banner .bnr_blk.bnr3 .slider_control {right:0}

    .main2020 .sec_policy,
    .main2020 .sec_board {margin-top:100px}
    .main2020 .sec_trend h2, 
    .main2020 .sec_trend2 h2, 
    .main2020 .sec_policy h2, 
    .main2020 .sec_board h2 {margin-bottom:20px; font-size:36px}
    .main2020 .sec_trend h2 span::before, 
	.main2020 .sec_trend2 h2 span::before, 
    .main2020 .sec_policy h2 span::before, 
    .main2020 .sec_board h2 span::before {left:8px; right:-8px; bottom:2px; height:14px}

    .main2020 .sec_trend {margin-top:50px}    
    .main2020 .sec_trend a.btn_more {padding:0; right:30px; top:12px}
    .main2020 .sec_trend .inner_box {padding-left:30px; padding-right:30px}
	.main2020 .sec_trend .trend_list ul li a {padding-bottom:78%}
	.main2020 .sec_trend .trend_list ul li a span {padding-left:20px; padding-right:20px; font-size:16px; word-break:keep-all;}
	.main2020 .sec_trend .trend_list ul li a span.date::after {left:20px; right:20px}

    .main2020 .sec_policy h2 {padding:0 30px}
    .main2020 .sec_policy h3 {padding:0; margin-bottom:30px; font-size:24px; font-weight:normal; letter-spacing:-0.3px;}
    .main2020 .sec_policy .policy_blk {float:left; width:50%; height:315px; box-sizing:border-box}
    .main2020 .sec_policy .policy_blk.polc1 {float:left; padding:30px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
    .main2020 .sec_policy .policy_blk.polc1 .slider_control {right:30px; top:32px}
    .main2020 .sec_policy .policy_blk.polc2 {float:right; padding:30px}
    .main2020 .sec_policy .policy_blk.polc2 h3 {padding:0}
    .main2020 .sec_policy .policy_blk.polc2 ul {padding:0px}
    .main2020 .sec_policy .policy_blk.polc2 ul li {height:97px}
    .main2020 .sec_policy .policy_blk.polc2 ul li a {padding:24px}
    .main2020 .sec_policy .policy_blk.polc2 ul li a span {font-size:17px;}
    .main2020 .sec_policy .inner_box ul.sns {right:30px; top:0}
    .main2020 .sec_policy .inner_box ul.sns li {margin-left:10px}
    .main2020 .sec_policy .inner_box ul.sns li a {padding:0}
    .main2020 .sec_policy .inner_box ul.sns li a i {width:40px; height:40px}
    
    .main2020 .sec_board .inner_box {padding:0 30px 60px}
    .main2020 .sec_board .inner_box .board_blk {float:left; width:50%; box-sizing:border-box; margin-bottom:0}
    .main2020 .sec_board .inner_box .board_blk.brd1 {padding-right:15px}
    .main2020 .sec_board .inner_box .board_blk.brd2 {padding-left:15px}
    .main2020 .sec_board .inner_box .board_blk ul.tab_btn {margin-bottom:18px}
    .main2020 .sec_board .inner_box .board_blk ul.tab_btn li a {font-size:21px}
    .main2020 .sec_board .inner_box .board_blk ul.tab_btn li:before {top:4px; bottom:4px}
    .main2020 .sec_board .inner_box .board_blk .tab_cont ul li a span {font-size:16px}        
    .main2020 .sec_board .inner_box .board_blk .tab_cont ul li {padding:10px 0}
    .main2020 .sec_board .inner_box .board_blk .tab_cont ul li a {padding:10px 0px 10px 34px;}
    .main2020 .sec_board .inner_box .board_blk .tab_cont ul li a::before {left:16px}
    .main2020 .sec_board .inner_box .board_blk .tab_cont a.btn_more {padding:0; top:7px}
    .main2020 .sec_board .inner_box .board_blk.brd1 .tab_cont a.btn_more {right:15px}
}

@media screen and (min-width:1240px) {
    .main2020 .line_br {display:block; height:0;}

    .main2020 .sec_visual {padding-bottom:140px}
    
    .main2020 .sec_service {padding-left:0; padding-right:0}
    
    .main2020 .sec_banner .inner_box {position:relative; padding:0 0 50px; height:422px}
    .main2020 .sec_banner .bnr_blk {box-shadow:2px 8px 8px rgba(162,168,198,0.5);}
    .main2020 .sec_banner .bnr_blk.bnr1 {width:73.28125%;}
    .main2020 .sec_banner .bnr_blk.bnr2 {position:absolute; right:0; top:0; width:316px; height:176px; z-index:2; padding:0;}
    .main2020 .sec_banner .bnr_blk.bnr2 .slider_control {right:0;}
    .main2020 .sec_banner .bnr_blk.bnr3 {position:absolute; right:0; bottom:50px; width:316px; height:176px; z-index:2; padding:0;}

    .main2020 .sec_service::before {top:140px}
    .main2020 .sec_service .inner_box {position:relative; margin-top:0;}
    .main2020 .sec_service h2,
    .main2020 .sec_service p {position:absolute; left:50px; text-align:left; padding:0; margin:0; width:240px;}
    .main2020 .sec_service h2 {top:65px}
    .main2020 .sec_service p {top:110px}
    .main2020 .sec_service ul {padding-left:240px}
    .main2020 .sec_service ul li a span {font-size:17px; font-weight:normal}

    .main2020 .sec_trend .inner_box {padding:0; height:340px}
	.main2020 .sec_trend a.btn_more {right:0}

	.main2020 .sec_policy {position:relative; margin-top:80px;}
	.main2020 .sec_policy::before {position:absolute; left:0; right:0; top:-40px; bottom:-50px; background:#fafbff; z-index:-1; content:'';}
    .main2020 .sec_policy h2 {padding:0}
    .main2020 .sec_policy .inner_box ul.sns {right:0}
    .main2020 .sec_policy .policy_blk {width:49.21875%}
    .main2020 .sec_policy .policy_blk.polc2 {}

    .main2020 .sec_board {margin-top:100px;}
	.main2020 .sec_board .inner_box {padding:0 0 50px}
    .main2020 .sec_board .inner_box .board_blk.brd1 {padding-right:30px}
    .main2020 .sec_board .inner_box .board_blk.brd2 {padding-left:30px}
    .main2020 .sec_board .inner_box .board_blk.brd1 .tab_cont a.btn_more {right:30px}

    .main2020 .sec_site .inner_box {padding:15px 0}
    .main2020 .sec_site .inner_box .slider_control {right:0}
}

@media screen and (min-width:1400px) {
	.main2020 .sec_policy::before {background:#fafbff url('/main2020/images/bg_sec_policy_v2.png') no-repeat 50% 50%}	
}

.bx-wrapper .bx-viewport .bnr_sld > div a span b {
        cursor: pointer;
    }

    .bx-wrapper .bx-viewport .bnr_sld > div a span b img {
        width:100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .bx-wrapper .bx-viewport .bnr_sld > div a span b.banner_btn01 {    
        width: 191px;
        display: inline-block;
        position: absolute;
        left: 4%;
        bottom: 15%;
    }
    .bx-wrapper .bx-viewport .bnr_sld > div a span b.banner_btn02 {
        width: 191px;
        display: inline-block;
        position: absolute;
        left: 26%;
        bottom: 15%;
    }

    @media screen and (max-width:768px) {
        .bx-wrapper .bx-viewport .bnr_sld > div a span b.banner_btn01 {    
            width: 50%;
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 30%;
        }
        .bx-wrapper .bx-viewport .bnr_sld > div a span b.banner_btn02 {
            width: 50%;
            display: inline-block;
            position: absolute;
            left: auto;
            right:0;
            bottom: 30%;
        }
    }

    /* 202210 접근성추가 */
    #main2020.main2021 .slider_control span.btn_pause .slider_pause {display: inline-block;}
    #main2020.main2021 .slider_control span.btn_pause .slider_start {display: none;}
    #main2020.main2021 .slider_control span.btn_play .slider_pause {display: none;}
    #main2020.main2021 .slider_control span.btn_play .slider_start {display: inline-block;}
    #main2020.main2021 .slider_control a:focus {border:1px solid #000; box-sizing:border-box;}
    #main2020.main2021 .bx-wrapper a:focus {border:2px solid #000; box-sizing:border-box; display: block;}
    #main2020.main2021 .pic-news .newscard .sum > a:focus {border:2px solid #000; box-sizing:border-box; display: block;}
    /* //202210 접근성추가 */

/* 231016 추가(s) */
.newSlide { position: relative; width: 34%; overflow: hidden; padding-right: 0 !important; margin-right: 30px; }
.newSlide1 {margin-right: 0; max-width: 521px; }
.newSlide2 {max-width: 462px; }
.newSlide3 {max-width: 490px; }
.newSlideWrap {position: relative; overflow: hidden;}
.newSlide6 {width: 94%; position:initial; overflow: hidden; }
#main2020.main2021 .sec_policy .comu-col .announce .announce-box {position: relative; gap: 20px;}
.newSlide4, .newSlide5 { position: initial; width: calc(50% - 10px); max-width: 446px; padding: 0; margin: 0; }
.newSlide .swiper-wrapper {padding-top: 54px;}
.newSlide4 .swiper-wrapper, .newSlide5 .swiper-wrapper {padding-top: 0}
.newSlide6 .swiper-wrapper { }
.newSlide2 .swiper-wrapper, .newSlide3 .swiper-wrapper, .newSlide4 .swiper-wrapper
.newSlide5 .swiper-wrapper, .newSlide6 .swiper-wrapper {padding-top: 0;}
.newSlide3 .bnr3 {height:180px;position:inherit;width:100%;box-shadow: none;bottom:auto;overflow: hidden;}
.newSlide .btnWrap { position: absolute; top: 0; right: 0; z-index: 1; display: flex; align-items: center; gap: 4px;}
.newSlide4 .btnWrap { top: -43px; right: 51%;}
.newSlide5 .btnWrap { top: -43px; right: 0; }
.newSlide6 .btnWrap { top: 50%; transform: translateY(-50%); right: 0; z-index: 10;}
.newSlide .btnStart, .newSlide .btnPause { background-size: 8px; border: 1px solid #bec0c3; box-sizing: border-box;background-color: #fff; border-radius: 50%; position: relative; display: inline-block; top: auto; width: 30px; height: 30px; margin: 0; background-repeat: no-repeat; background-position: 50% 50%; flex-shrink: 0;}
.newSlide6 .btnStart, .newSlide6 .btnPause { background-color: rgba(0,0,0,0.3); border-radius: 0;}
.newSlide .btnStart.hide, .newSlide .btnPause.hide {display: none; }
.newSlide .btnStart {background-image: url('/main2020/images/ico-slider-start2.png'); background-position: 60% 50%; }
.newSlide .btnPause {background-image: url('/main2020/images/ico-slider-stop2.png'); }
.newSlide .btnStart img, .newSlide .btnPause img {width: 8px; }
.newSlide .btnNext, .newSlide .btnPrev {width: 16px; height: 30px; flex-shrink: 0;}
.newSlide6 .btnNext, .newSlide6 .btnPrev {width: 30px; background-color: rgba(0,0,0,0.3); }
.newSlide .btnPrev { background-image:url('/main2020/images/ico-slider-left.png'); background-repeat: no-repeat; background-position: center center; background-size: auto 10px;}
.newSlide .btnNext { background-image:url('/main2020/images/ico-slider-right.png'); background-repeat: no-repeat; background-position: center center; background-size: auto 10px;}
.newSlide .swiper-wrapper .swiper-slide a {position: relative; display: block; overflow: hidden; border-radius: 16px; background-repeat: no-repeat; background-size: 100%; background-position-y: center;}

.newSlide2 .swiper-wrapper .swiper-slide a { height: 308px; }
.newSlide3 .swiper-wrapper .swiper-slide a { height: 234px; }
.newSlide6 .swiper-wrapper .swiper-slide a { border-radius: 0; }
.newSlide .swiper-wrapper .swiper-slide a span:not(.visuallyhidden) {display:block; position:relative; width:100%; height:0; padding-bottom:39.658%; overflow:hidden; font-size:1px; text-indent:-99999em; line-height:0; background:#eee no-repeat 50% 50%; background-size:auto 100%}
.newSlide6 .swiper-wrapper .swiper-slide a span {padding-bottom: 30.3% !important;}
.newSlide  .swiper-pagination-current {font-weight: bold;}


.newSlide3 .video-slide-info {position: absolute; top:auto; width:100%; text-align: center; }
.newSlide3 .video-slide-info p {font-size:18px; color: #000; padding:18px 0; overflow: hidden; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #dce0ea;}

@media screen and (max-width: 2199px) {
    .newSlide6 {width: 90%; }
    .newSlide2 .swiper-wrapper .swiper-slide a { height: 250px; }
	.newSlide3 .swiper-wrapper .swiper-slide a { height: 190px; }
}
@media screen and (max-width: 1440px) {
    .newSlide1 {margin-left: 10px; }
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {padding: 0;}
}
@media screen and (max-width: 999px) {
    .newSlide {width: 100%; margin-right: 0; padding: 0;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div { min-height: 293px;}
    .newSlide1 {max-width: 100%;}
    .newSlide3 {width: 49% !important; margin-left: 1%;}
    .newSlide .swiper-wrapper .swiper-slide a {background-size: auto; background-position: center center;}
    .newSlide4, .newSlide5 { width: 100%; margin: 30px auto;}
    .newSlide4 .btnWrap { top: 10px; right: 20px;}
    .newSlide5 .btnWrap { top: 50%; right: 20px;}
    .newSlide6 {margin-bottom: 50px; }
    .newSlide6 .btnWrap { bottom: -60px; left: 50%; transform: translateX(-50%); width: fit-content; }
}
@media screen and (max-width: 760px) {
    .newSlide {margin-top: 60px;}
    #main2020.main2021 .sec_banner.sec_banner2 .banner-wrap > div {max-width: 100%; font: none; width: 100% !important; }
    .newSlide .btnWrap {right: 10px;}
    .newSlide4, .newSlide5 { margin: 25px auto;}
}
/* 231016 추가(e) */