@charset "UTF-8";

/* 공통 */
body,html,li,p,a,span,strong,em{font-family:'ptd'}
strong{font-weight:bold;}
span{font-weight:300;}
[class*=m_section]{position:relative; max-width:1200px; width:100%; margin:0 auto;}
[class*=m_section] h2{position:relative; font-family:'ptd'; font-weight:bold; font-size:27px; color:#1349a2; height:45px; line-height:45px;}
[class*=m_section] h2.title2{color:#fff;}
[class*=m_section] h2:after{display:block; position:absolute; top:0; left:2px; content:""; width:14px; height:2px; background:#1349a2;}
[class*=m_section] h2.title2:after{background:#fff;}

.btn_box{position:absolute; display:-webkit-flex; display:flex; right:0; top:10px}
.btn_box .pre, .btn_box .next{position:relative; background:url('../../images/main/m_btn_pre.png') no-repeat 50% 50%; width:28px; height:26px; background-size:7px 13px; }
.btn_box .next{background:url('../../images/main/m_btn_next.png') no-repeat 50% 50%;}
.btn_box .pre:after{content:""; display:block; position:absolute; width:1px; height:13px; background:#d3d3d3; right:0px; top:50%; margin-top:-7px;}
.m_all_more{position:absolute; display:block; right:5px; font-size:13px; color:#737373; font-weight:300; padding-right:10px; top:15px; z-index:3;}
.m_all_more:after{position:absolute; right:0; top:2px; content:""; background:url('../../images/main/m_all_more.png') no-repeat 50% 50%; width:6px; height:11px; background-size:6px 11px;}
.btn_box .pre:focus, .btn_box .next:focus{outline:2px dotted #000; outline-offset:-3px;}


.m_all_more:hover{color:#2a5aa7;}
.m_all_more:hover:after{background:url('../../images/main/m_all_Bmore.png') no-repeat 50% 50%; opacity:0.8;}
.m_all_more.moreSt2{color:#fff;}
.m_all_more.moreSt2:after{background:url('../../images/main/m_all_more_w.png') no-repeat 50% 50%;}
.m_all_more.moreSt2:hover{color:#a6c5ff;}
.m_all_more.moreSt2:hover:after{background:url('../../images/main/m_all_more_b.png') no-repeat 50% 50%;}

#container{position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex-grow:1; width:100%; overflow:hidden;}
.m_section1{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; margin-top:3px;}
.m_news_area{width:calc(100% - 590px); height:443px; border-radius:8px; box-shadow:0px 0px 12px rgba(0,0,0,0.12); box-sizing:border-box; background:#fff;}
.m_news_area .m_thumb_box{position:relative; display:block; height:100%; border-radius:8px; overflow:hidden;}
.m_news_area .m_thumb_box .m_thumb{position:relative; width:610px; height:343px; overflow:hidden;}
.m_news_area .m_thumb_box .m_thumb img{position:relative; width:620px; height:349px; top:-2px; left:-2px; transition:all .2s;}
.m_news_area .m_thumb_box .m_thumb:after{position:absolute; display:block; bottom:0; left:0; content:""; background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0)); width: 100%; height:150px; z-index:1;}
.m_news_area .m_thumb_box .m_thumb .m_category{display:block; position:absolute; left:0; bottom:45px; padding:0 20px; background:#04215c; font-size:16px; color:#fff; border-radius:8px 0px 8px 0px; z-index:3; height:55px; line-height:55px;}
.m_news_area .m_title{position:absolute; bottom:0; left:0; width:610px; height:165px; background:#fff; z-index:2; padding:32px 25px 25px 25px; box-sizing:border-box;}
.m_news_area .m_title strong{display:block; font-size:24px; color:#000; text-align:center; height:42px; line-height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_news_area .m_title span{display:block; display:-webkit-box; line-height:170%; margin-top:5px; font-size:16px; color:#616161; text-align:center; height:52px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.rig_news_area{position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; width:45.66666666666667%; flex-flow:row wrap; justify-content:space-between;}
.rig_news_area .rig_news_box{display:block; width:262px; box-sizing:border-box; margin-bottom:25px;}
.rig_news_area .rig_news_box .rig_thumb{position:relative; width:100%; height:147px; border-radius:8px; overflow:hidden;}
.rig_news_area .rig_news_box .rig_thumb img{display:block; width:272px; height:auto; margin:-3px 0 0 -2px; transition: all .2s;}
.rig_news_area .rig_news_box .rig_title{display:block; display:-webkit-box; padding:8px 5px 5px 5px; height:60px; box-sizing:border-box; line-height:25px; color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; /* word-break:keep-all; */ -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.rig_news_area .rig_news_box:nth-of-type(3),
.rig_news_area .rig_news_box:nth-of-type(4){margin-bottom:0;}
.m_news_area .m_thumb_box .m_thumb:hover img, .rig_news_area .rig_news_box .rig_thumb:hover img{transform:scale(1.02);}
.m_news_area .m_thumb_box:hover .m_title strong{color:#1945a0; text-decoration:underline;}
.m_news_area .m_title span:hover {text-decoration:underline; color:#000;}
.rig_news_area .rig_news_box .rig_title:hover{text-decoration:underline; color:#2a5aa7;}

.m_section2{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; height:97px; border:1px solid #d3d3d3; box-sizing:border-box; margin-top:42px; border-radius:5px;}
.m_section2 li{position:relative; width:33.33333333333333%; height:100%;/*  border-right:1px solid #d3d3d3; */}
.m_section2 li.conNo{width:100%; text-align:center; height:100%;}
.m_section2 li.conNo span{position:relative; display:inline-block; font-size:14px; font-weight:300; color:#979797; line-height:97px;}
.m_section2 li.conNo span:before{display:inline-block; position:relative; content:""; width:14px; height:12px; background:url('../../images/main/m_onair_icon2.png') no-repeat 50% 50%; background-size:14px 12px; margin-right:3px; top:2px;}
.m_section2 li:last-child{border-right:0;}
.m_section2 li a{position:relative; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; display:flex; /* flex-flow:row nowrap;  justify-content:flex-start; */ align-items: center; width:100%; height:100%; padding:0 10px 0 17px;}
.m_section2 .onair_img{display:inline-block; width:59px; height:59px; border-radius:50px; overflow:hidden; box-shadow:3px 3px 3px rgba(0,0,0,0.12);}
.m_section2 .onair_img img{width:100%; height:auto;height:100% !important; object-fit:cover;}
.m_section2 .onair_con_area{width:280px;letter-spacing:-0.5px; margin-left:12px;}
.m_section2 .onair_con_area .time{display:inline-block; color:#7b7b7b; font-size:15px; margin-right:5px;}
.m_section2 .onair_con_area .onair{vertical-align:middle; display:inline-block;}
.m_section2 .onair_con_area .onair img{vertical-align:baseline;}
.m_section2 .onair_con_area .title{display:block; font-size:17px; color:#7b7b7b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300;}
.m_section2 .onair_con_area .progress_bar{display:none; background:rgba(255,255,255,0.25); width:260px; margin-top:10px;}
.m_section2 .onair_con_area .progress_bar .progress_value{display:block; height:4px; background:#fff;}
.m_section2 li.on:before{display:block; position:absolute; left:-1px; top:-1px; width:400px; height:97px; border-radius:5px; content:""; background:#324e83; z-index:1;}
.m_section2 li.on a{z-index:2;}
.m_section2 li.on .onair_con_area .time,
.m_section2 li.on .onair_con_area .title{color:#fff;}
.m_section2 li.on .onair_img{width:74px; height:74px;}
.m_section2 li.on .onair_con_area .progress_bar{display:block}

.m_section3{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; margin-top:42px;}
.popular_news_area{position:relative; width:29.5%; height:495px;}
.popular_news_area .popular_Mnews_box{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column;}
.popular_news_area .popular_Mnews_box li{margin-bottom:10px;}
.popular_news_area .popular_Mnews_box li > a{display:block;}
.popular_news_area .popular_Mnews_box li:last-child{margin-bottom:0;}
.popular_news_area .popular_thumb{position:relative; width:354px; height:200px; border-radius:8px; overflow:hidden;}
.popular_news_area .popular_thumb img{margin-top:-1px; margin-left:-1px; width:358px; height:201px; transition:all .2s;}
.popular_news_area .num{display:-webkit-flex; display:flex; color:#898989; font-size:15px; height:28px; line-height:28px;}
.popular_news_area .num strong{position:relative; color:#000; font-weight:bold; padding-right:10px;}
.popular_news_area .num strong:after{position:absolute; display:block; content:"/"; top:0; right:0; color:#898989; font-size: 12px;}
.popular_news_area .num span{position:relative;margin-left:6px;}
.popular_news_area .popular_txt_box{padding:15px 0 10px; border-bottom:1px solid #d7dde6; margin-bottom:3px;}
.popular_news_area .popular_txt_box strong{display:block; color:#333; font-size:19px; letter-spacing:-.8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px;}
.popular_news_area .popular_txt_box span{display:block; display:-webkit-box; color:#4e4e4e; font-size:15px; letter-spacing:-.8px; height:48px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px;}
.popular_news_area .rankup_list{display:block; color:#333; font-size:16px; letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:300;}
.popular_news_area .rankup_top{position:absolute; display:block; left:0; top:0; color:#fff; font-size:20px; font-weight:bold; background:#04215c; border-radius:8px 0 8px 0; width:38px; height:34px; line-height:34px; text-align: center;}
.popular_news_area .rankup_top em{position:relative; top:-1px;}
.popular_news_area .rankup_top em:after{display:block; content:""; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#fff;}
.popular_news_area .rankup{position:relative; display:inline-block; color:#1349a2; font-size:18px; font-weight:bold; margin-right:8px;}
.popular_news_area .rankup:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#1349a2;}
.popular_news_area a:hover .popular_thumb img{transform:scale(1.05);}
.popular_news_area a:hover strong{color:#1945a0; text-decoration:underline;}
.popular_news_area .popular_txt_box span:hover{color:#000; text-decoration:underline;}
.popular_news_area .rankup_list:hover{color:#1945a0; text-decoration:underline;}

.policy_issue_area{width:66.66666666666667%; height:495px;}
.policy_issue_area .issue_tab{position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; width:798px; height:48px; margin:0 auto;}
.policy_issue_area .issue_tab li{position:relative; width:266px; height:48px; display:-webkit-flex; display:flex; align-items:center; justify-content:center; }
.policy_issue_area .issue_tab li a{/* display:-webkit-flex; display:flex; align-items:center; justify-content:center; */ display:block; max-width:230px; line-height:48px; color:#505050; font-size:17px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; overflow:hidden; z-index:5; margin-left:3px;}
.policy_issue_area .issue_tab li a > span{margin-right:3px;}
.policy_issue_area .issue_tab:after{position:absolute; content:""; width:800px; left:-1px; top:0; height:48px; border:1px solid #c5cad0; border-radius:5px; box-sizing: border-box;}
.policy_issue_area .issue_tab li a:before{position:absolute; display:block; content:""; right:0; top:0; height:100%; width:1px; background:#c5cad0;}
.policy_issue_area .issue_tab li:last-child a:before{display:none;}
.policy_issue_area .issue_tab li:hover a{color:#1b5fcc;}
.policy_issue_area .issue_tab li.on:after{position:absolute; content:""; width:267px; left:-1px; top:0; height:48px; box-sizing: border-box; border:1px solid #324e83; border-radius:5px; z-index:33; cursor: pointer;}
.policy_issue_area .issue_tab li.on a{color:#1b5fcc; font-weight:bold; z-index:3;}
.policy_issue_area .issue_tab li:nth-of-type(2).on:after{width:267px;}
.policy_issue_area .issue_tab li:nth-of-type(3).on:after{width:268px;}
.policy_issue_area .issue_con{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; margin-top:18px; width:100%; background:#f3f5f8; padding:25px;}
.policy_issue_area .issue_con li{max-width:230px; width:100%; height:317px; border-radius:8px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.05); transition:all .2s;}
.policy_issue_area .issue_con li > a{display:block;}
.policy_issue_area .issue_con .issue_thumb{border-radius:8px 8px 0 0; width:100%; height:126px; overflow:hidden;}
.policy_issue_area .issue_con .issue_thumb img{width:230px; height:129px; transition:all .2s;}
.policy_issue_area .issue_con .issue_txt_box{margin:20px 15px;}
.policy_issue_area .issue_con .issue_txt_box strong{display:block; margin-top:-5px; display:-webkit-box; font-size:18px; font-weight:bold; color:#333; height:47px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; letter-spacing:-0.7px; line-height:25px;}
.policy_issue_area .issue_con .issue_txt_box .txt{display:block; margin-top:12px; display:-webkit-box; font-size:15px; font-weight:300; color:#4e4e4e; height:72px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all; letter-spacing:-0.7px; line-height:24px;}
.policy_issue_area .issue_con .issue_txt_box .cate{display:block; margin-top:8px; text-align:right; font-size:12px; color:#767676; letter-spacing:-0.7px; font-weight:600;}
.policy_issue_area .issue_con li:hover .issue_thumb img{transform:scale(1.05);}
.policy_issue_area .issue_con li:hover .issue_txt_box strong{color:#1945a0; text-decoration:underline;}
.policy_issue_area .issue_con .issue_txt_box .txt:hover{color:#000; text-decoration:underline;}

.wide_mbg{width:100%; background:#f0f0f0; padding-top:40px; margin-top:35px;}
.wide_mbg.bg2{width:100%; background:#12326c; padding-top:35px; margin-top:35px;}
.wide_mbg.bg3{background:#f0f4e9;}

.m_section4 h2.yoonuni_title{font-size:0; line-height:0; text-align:left; margin-bottom:0; height:155px;}
.m_section4 h2.yoonuni_title:after{display:none;}
.m_section4 .yoonuni_btn .pre,
.m_section4 .yoonuni_btn .next{position:absolute; top:60%; transform:translateY(-50%); background:url('../../images/main/m_btn_pre2.png') no-repeat 50% 50%; width:52px; height:62px; background-size:26px 62px; z-index:4;}
.m_section4 .yoonuni_btn .pre{left:-55px;}
.m_section4 .yoonuni_btn .next{right:-55px; background:url('../../images/main/m_btn_next2.png') no-repeat 50% 50%; width:52px; height:62px; background-size:26px 62px;}
.yoonuni_con{display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 0 25px; justify-content:space-between; margin-left:-28px}
.yoonuni_con .slick-list{padding:10px 4px 10px 0; top:-10px;}
.yoonuni_con a.slick-slide{margin-left:28px;}
.yoonuni_con a.slick-slide:focus{outline-width:2px; outline-offset:1px;}
.yoonuni_con .yoonuni_thumb{position:relative; border-radius:8px; width:380px; height:214px; overflow:hidden;}
.yoonuni_con .yoonuni_thumb img{width:100%; height:auto; object-fit:cover; transition:all .2s;}
.yoonuni_con .yoonuni_thumb .time{position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.8); padding:5px 8px; color:#fff; font-size:12px;}
.yoonuni_con strong{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:17px; font-weight:bold; color:#333; margin-top:7px; letter-spacing:-0.7px; height:28px; line-height:28px;}
.yoonuni_con a:hover .yoonuni_thumb img{transform:scale(1.05);}
.yoonuni_con a:hover strong{color:#1945a0; text-decoration:underline;}


.m_section5{margin-top:60px;}
.sns_con_area{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; margin-left:-23px}
.sns_con_area li{float:left; width:25%; padding-left:23px; margin-bottom:45px; height:240px;}
.sns_con_area .thumb_area{display:block; width:283px; box-sizing:border-box;}
.sns_con_area .thumb_area .thumb_box{position:relative; width:100%; height:159px; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.sns_con_area .thumb_area .thumb_box img{display:block; width:100%; height:100%; object-fit:cover; transition: all .2s; transition:all .2s;}
.sns_con_area .thumb_area .thumb_box .time{position:absolute; padding:3px 10px; bottom:0; right:0; box-sizing:border-box; background:rgba(0,0,0,0.7); font-size:12px; color:#fff;}
.sns_con_area .thumb_area .title_box{position:relative; display:block; display:table; table-layout:fixed; margin-top:10px;}
.sns_con_area .thumb_area .title_box p{display: table-cell;}
.sns_con_area .thumb_area .title_box .profile{width:45px;}
.sns_con_area .thumb_area .title_box .profile .s_img{display:block; width:45px; height:45px; margin-right:10px; border-radius:50px; border:1px solid #dedede; background:#fff; overflow:hidden;}
.sns_con_area .thumb_area .title_box .profile .s_img img{width:44px; height:44px;}
.sns_con_area .thumb_area .title_box .title_hits .title{display:block; display:-webkit-box; font-size:16px; height:45px; line-height:24px; overflow:hidden; font-weight:600; word-break:break-all; margin-bottom:5px; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-right:10px;}
.sns_con_area .thumb_area .title_box .title_hits .hits{font-size:13px; color:#696969; font-weight:normal;}
.sns_con_area .thumb_area:hover .thumb_box img{transform:scale(1.05);}
.sns_con_area .thumb_area:hover .title_hits .title{color:#1945a0; text-decoration:underline;}
/*
.sns_con_area li{max-width:282px; width:100%; box-sizing:border-box; margin-left:24px; margin-bottom:25px;}
.sns_con_area .sns_thumb_box{display:block; position:relative;  }
.sns_con_area .sns_thumb{width:282px; height:159px; overflow:hidden; border-radius:8px 8px 0 0; overflow:hidden;}
.sns_con_area .sns_thumb img{width:100%; height:100%; transition:all .2s;}
.sns_con_area .sns_contents{border:1px solid #e2e2e2; border-top:0; border-radius:0 0 8px 8px; padding:15px;}
.sns_con_area .sns_contents .title{display:block; height:48px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; font-size:17px; font-weight:bold; color:#333; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; line-height:23px;}
.sns_con_area .youtube_time{margin-top:16px;display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;}
.sns_con_area .sns_contents .m_youtube{background:url('../../images/main/m_sns_youtube.png') no-repeat 50% 50%; width:20px; height:16px; font-size:0;}
.sns_con_area .sns_contents .m_sns_time{position:relative; font-size:13px; font-weight:300; color:#5a5a5a; padding-left:18px; letter-spacing:-0.5px;}
.sns_con_area .sns_contents .m_sns_time:before{display:block; position:absolute; top:1px; left:0; content:"";background:url('../../images/main/m_sns_time.png') no-repeat 50% 50%; width:15px; height:14px; background-size:15px 14px;}
.sns_con_area .sns_thumb_box:hover .sns_thumb img{transform:scale(1.05);}
.sns_con_area .sns_thumb_box:hover .sns_contents .title{color:#1945a0; text-decoration:underline;}
*/

.m_btn_more{display:block; width:222px; height:37px; border:1px solid #d6d6d6; border-radius:20px; box-sizing:border-box; margin:0 auto; text-align:center; font-size:14px; font-weight:300;}
.m_btn_more span{position:relative; padding-right:15px; font-weight:300; color:#333;}
.m_btn_more span:before,
.m_btn_more span:after{position:absolute; right:0; top:50%; display:block; content:""; width:9px; height:1px; background:#6b6b6b;}
.m_btn_more span:after{transform:rotate(90deg);}
.m_btn_more:hover{border:1px solid #2f5291;}
.m_btn_more:hover span{color:#2f5291;}
.m_btn_more:hover span:before,
.m_btn_more:hover span:after{background:#2f5291;}

.wide_mbg{margin-top:60px; padding-bottom:25px;}
.program_title{position:relative; max-width:1200px; width:100%; margin:0 auto; margin-bottom:40px;}
.program_title h2{color:#fff; font-size:27px; line-height:normal;}
.program_title span{color:#fff; font-weight:normal;}
.program_title .m_all_more:focus{outline:2px dotted #fff; outline-offset:2px;}
.pro_area{position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; top:-15px; left:50%; width:2020px; margin-left:-1010px; overflow:hidden;}
.pro_area .slick-list{padding-top:15px; margin-left:-30px;}
.pro_area .slick-track{display:flex; justify-content:center; /* margin-left:-92px; */ /* width:2060px !important; transform: translate3d(-2060px, 0px, 0px) !important; */}
.pro_area .program_box{position:relative; width:380px !important; opacity:1; margin-left:30px; transition:all .2s cubic-bezier(0, 0, 0.7, 1);}
.pro_area .program_box .program_thumb{border-radius:8px; box-sizing:border-box; width:380px; height:214px; overflow:hidden;}
.pro_area .program_box .program_thumb img{width:100%; height:100%; object-fit:cover;}
.pro_area .program_box .cate{position:absolute; top:-15px; right:0; padding:12px; background:#997a4f; color:#fff; z-index:2; font-size:15px; font-weight:bold; border-radius:8px 0 8px 0;}
.pro_area .program_box strong{display:block; margin-top:15px; padding:0 5px; color:#fff; text-align:center; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_btn_area{position:relative; max-width:1200px; width:100%; margin:0 auto;}
.pro_btn_area .pro_btn_pre,
.pro_btn_area .pro_btn_next{display:block; position:absolute; top:63px; background:url(../../images/main/m_pro_btnPre.png) no-repeat 50% 50%; width:52px; height:62px; background-size:26px 62px; z-index:3;}
.pro_btn_area .pro_btn_pre{left:-58px;}
.pro_btn_area .pro_btn_next{right:-63px; background:url(../../images/main/m_pro_btnNext.png) no-repeat 50% 50%;}
.pro_area .program_box.pro_opacity{opacity:0.25;}
.pro_btn_area .pro_btn_pre:focus,
.pro_btn_area .pro_btn_next:focus,
.pro_area .program_box:focus{outline:2px dotted #fff; outline-offset:-1px;}

.m_section6{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; margin-top:75px; margin-bottom:65px;}
.m_notice_area{position:relative; width:546px; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.m_notice_area > li{width:33.33333333333333%; text-align:center;}
.m_notice_area > li > a{position:relative; width:100%; height:53px; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #ccc;}
.m_notice_area > li > a > span{position:relative; font-size:24px; color:#899096; font-weight:bold;}
.m_notice_area > li.active > a:after{display:block; position:absolute; width:100%; height:4px; background:#18418f; bottom:-1px; left:0; content:"";}
.m_notice_area > li.active > a > span{color:#18418f; left:-7px;}
.m_notice_area > li.active > a > span:before, .m_notice_area > li.active > a > span:after{display:block; content:""; position:absolute;  top:0; right:-15px; margin-top:6px; width:2px; height:14px; background:#899096; transition:all .3s ease;}
.m_notice_area > li.active > a > span:before{transform:rotate(90deg); -ms-transform:rotate(90deg);}
.m_notice_area > li.active > a > span:hover:before{transform:rotate(360deg);}
.m_notice_area > li.active > a > span:hover:after{transform:rotate(270deg);}
.m_notice_area > li > ul{position:absolute; left:0; overflow:hidden; height:0;}
.m_notice_area > li.active > ul{left:0; width:100%; height:192px; padding:15px 10px 0 0; box-sizing: border-box;}
.m_notice_area > li.active > ul > li > a{display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; font-size:18px; width:100%; height:41px;letter-spacing:-0.3px; justify-content:space-between; align-items:center;}
.m_notice_area > li.active > ul > li > a:focus{outline-width:2px; outline-offset:-2px;}
.m_notice_area > li > ul > li > a > strong{max-width:450px; font-size:17px; font-weight:300; color:#4e4e4e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_notice_area > li > ul > li > a > span{max-width:70px; box-sizing:border-box; font-size:14px; color:#929292; font-family:'NotoSans-DemiLight'; padding-right:4px;}
.m_notice_area > li > a:hover > span{color:#18418f;}
.m_notice_area > li > ul > li > a:hover > strong{color:#18418f; text-decoration:underline;}

.m_section7{margin-top:60px;}
.card_con_area{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; margin-left:-23px}
.card_con_area li{float:left; width:25%; height:265px; padding-left:23px; margin-bottom:35px;}
.card_con_area .thumb_area{display:block; width:283px; box-sizing:border-box;}
.card_con_area .thumb_area .thumb_box{position:relative; width:100%; height:192px; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.card_con_area .thumb_area .thumb_box img{display:block; width:100%; height:auto; object-fit:cover; transition: all .2s;}
.card_con_area .thumb_area .title{display:block; display:-webkit-box; margin-top:15px; font-size:16px; height:45px; line-height:24px; overflow:hidden; font-weight:600; word-break:break-word; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 5px;}
.card_con_area .thumb_area:hover .thumb_box img{transform:scale(1.05);}
.card_con_area .thumb_area:hover .title{color:#1945a0; text-decoration:underline;}
.new_i{position:relative; display:inline-block; margin-right:5px; top:-2px;}
.new_i img{vertical-align: middle;}

.m_shortCut_area{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; width:186px; height:245px; box-sizing:border-box; border:1px solid #e5e5e5; }
.m_shortCut_area li{/* height:61px; */ height:100%; border-bottom:1px solid #e5e5e5; display:-webkit-flex; display:flex; justify-content:center; align-items:center;}
.m_shortCut_area li:last-child{border-bottom:none;}

.m_botBanner_area{width:360px; height:245px; box-sizing:border-box;}
.m_botBanner_area .bannerBox{position:relative; width:360px; height:215px;}
.m_botBanner_area .bannerBox > a{display:block;  width:100%; height:215px;}
.m_botBanner_area .bannerBox img{width:360px; height:215px;}
.m_botBanner_area .m_playBox{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; margin-top:10px; height:19px;}
.m_botBanner_area .m_playBox .m_playNum{display:-webkit-flex; display:-ms-flexbox; display:flex;}
.m_botBanner_area .m_playBox .m_playNum a{position:relative; padding:5px;}
.m_botBanner_area .m_playBox .m_playNum a:after{display:block; width:8px; height:8px; background:#dadada; border-radius:50%; content:"";}
.m_botBanner_area .m_playBox .m_playNum a.on:after{height:8px; width:25px; background:#2959a5; border-radius:25px; content:"";}
.m_botBanner_area .m_playBox .m_banner_pre{background:url('../../images/main/m_pro_btnPre02.png') no-repeat 50% 50%; background-size:7px 13px; width:19px; height:19px;}
.m_botBanner_area .m_playBox .m_banner_next{background:url('../../images/main/m_pro_btnNext02.png') no-repeat 50% 50%; background-size:7px 13px; width:19px; height:19px;}
.m_botBanner_area .m_playBox .m_banner_stop{background:url('../../images/main/m_pro_btnStop.png') no-repeat 50% 50%; background-size:7px 8px; width:19px; height:18px;}
.m_botBanner_area .m_playBox .m_banner_play{background:url('../../images/main/m_pro_btnPlay.png') no-repeat 50% 50%; background-size:7px 9px; width:19px; height:19px;}
/* .slick-initialized .slick-slide{display:inline-flex; flex-direction: row;} */
.m_botBanner_area .bannerBox a:focus{outline-offset:-5px; outline-width:2px}

.mainbanner_area{float:left; position:relative;width:428px; height:242px; background:#e2e2e2; overflow:hidden;}
.mainbanner_area .playBox{position:absolute; bottom:0; right:0; width:147px; height:40px; background:rgba(0,0,0,0.7); z-index:9;}
.mainbanner_area .playBox p{display:block; float:left; padding:8px 0 0 24px; color:#fff; font-size:15px; margin-right:20px;}
.mainbanner_area .playBox p strong, .banner_area .playBox span{position:relative;display:block; float:left;}
.mainbanner_area .playBox p strong{opacity:1;}
.mainbanner_area .playBox p strong:after{display:inline-block; content:"/"; margin:0 7px; opacity:0.7;}
.mainbanner_area .playBox p span{opacity:0.7; font-family:'NotoSans-Regular';}
.mainbanner_area .playBox .btn_play{float:left; left:75px; margin-top:10px; width:60px;}
.mainbanner_area .playBox .btn_play .mb_pre{float:left;background:url('../../images/main/btn_pre_white.png') no-repeat 50% 50%; width:20px; height:20px; background-size:7px 13px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_next{float:right;background:url('../../images/main/btn_next_white.png') no-repeat 50% 50%; width:20px; height:20px; background-size:7px 13px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_stop{float:left;background:url('../../images/main/btn_stop.png') no-repeat 50% 50%; width:20px; height:20px;padding-top:1px;background-size:7px 10px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_play{float:left;background:url('../../images/main/btn_play3.png') no-repeat 50% 50%; width:20px; height:20px;padding-top:1px;background-size:6px 11px; box-sizing:border-box;}
.mainbanner_area .imgBox{position:relative;}
.mainbanner_area .imgBox a{display:block;width:428px; height:242px;}
.mainbanner_area button:focus{outline: 1px dotted #fff !important; }


/* 예전 css 지울거 */
/* 주요뉴스 슬라이드 */
.main_top_wrap{position:relative; width:100%; margin:16px auto 0;background:url(../../images/main/main_news_bg.png) repeat-x bottom; color:#fff; overflow:hidden; height:522px;}
.left{position:relative; width:50%; float:left;}
.left:after{content:""; display:block; position:absolute; top:0; right:-72px; width:2000px;height:427px; background:#496998;}
.left .tit_area{position:relative; float:right; /* margin:0 auto; */ max-width:470px; max-height:200px;  margin:82px 315px 0 0; box-sizing:border-box; z-index:3;overflow:hidden; }
.left .tit_area:after{content:""; clear:both; display:block;}
.left .tit_area a{display:block; width:470px; height:220px;}
.left .tit_area a strong, .tit_area a span{position:relative;display:block;display:-webkit-box;display:-ms-flexbox; word-break:keep-all;overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.left .tit_area a strong{font-size:30px;max-height:85px;line-height:1.5;color:#fff; letter-spacing:-.7px;}
.left .tit_area a span{font-size:18px;max-height:60px; margin-top:40px; line-height:30px; color:#fefefe; letter-spacing:-.2px;}
.rig{position:relative; width:50%; height:475px; float:left; margin-top:47px;}
.rig .img_area{position:relative;width:1663px; margin-left:-220px;}
.rig .img_area a{display:block; float:left; height:442px; overflow:hidden; margin:0 45px 10px 0; background-color:#fff;box-shadow:7px 7px 7px rgba(0,0,0,0.10);}
.rig .img_area a img{width:792px; height:446px; margin:-2px 0 0 -2px; object-fit:cover;}
.btn_num_area{position:absolute;z-index:999;left:50%;top:50%;margin-left:-670px; margin-top:80px;}
.btn_num{display:inline-block;}
.btn_num button{position:relative;display:block;float:left;width:80px; font-family:'NotoSans-Medium';font-size:15px; text-indent:5px;color:rgba(255,2558,255,.5);transition:all 0s cubic-bezier(0, 0, 0.7, 1);}
.btn_num button.on{opacity:1;transition:all 0.5s cubic-bezier(0, 0, 0.7, 1); color:#fff}
.btn_num button:before{display:block; position:absolute; content:""; width:0;  height:2px;background-color:#fff; left:0; bottom:0;}
.btn_num button:after{display:block; content:""; width:100%;  height:2px; /* background-color:#9daec7; */ background-color:rgba(255,2558,255,.5); margin-top:10px; transition:all 0s cubic-bezier(0, 0, 0.7, 1);}
.btn_num button.on:before{width:100%; transition:all 3.75s cubic-bezier(0, 0, 0.1, 1);}
.btn_play_control{position:absolute;bottom:-2px;right:-25px;}
.btn_play_control .play{display:none;background: url('../../images/main/m_btn_play.png') no-repeat 50% 50%; width:22px; height:22px; background-size:6px 11px;}
.btn_play_control .stop{display:block;background: url('../../images/main/m_btn_stop.png') no-repeat 50% 50%; width:22px; height:22px; background-size:10px 10px;}
.main_top_wrap:after{display:block; clear:both; content:"";}

/* 주요뉴스 슬라이드2 */
.main_topNews_wrap{position:relative; width:100%; margin:0 auto;padding-top:23px; background:url(../../images/main/main_news_bg.png) repeat-x bottom; color:#fff; overflow:hidden; height:478px;}
.main_topNews_wrap .news_box{width:1562px; height:460px; overflow:hidden; margin:0 auto;}
.main_topNews_wrap .news_box a{display:block;float:left; position:relative;width:613px; height:344px; overflow:hidden;background:#000; box-shadow:7px 7px 7px rgba(0,0,0,0.10); margin:25px 0 0 0; transition:all .2s cubic-bezier(0, 0, 0.7, 1);}
.main_topNews_wrap .news_box img{width:100%;height:auto; opacity:0.65; object-fit:cover;margin:-2px 0 0 -2px;}
.main_topNews_wrap .news_box .title{display:table; position:absolute; bottom:0; width:100%; height:78px; box-sizing:border-box; /* background:rgba(53,86,143,0.95);  */ background:rgba(59,82,120,0.95); padding:10px 25px 10px 25px;}
.main_topNews_wrap .news_box .title em{display:table-cell; position:relative;/* float:left; */ vertical-align:middle; width:90px; height:42px; padding-right:20px; line-height:20px;color:rgba(255,255,255,0.65); font-size:17px;text-align:center; word-break:keep-all;}
.main_topNews_wrap .news_box .title em:after{position:absolute; display:block; content:""; top:50%; right:0; width:1px; height:42px; background:rgba(255,255,255,0.65);transform:translateY(-50%);}
.main_topNews_wrap .news_box .title strong{ float:left;  position:relative;color:rgba(255,255,255,0.65); font-family:'NotoSans-Medium'; max-width:360px; margin-left:20px; font-size:21px;line-height:58px;overflow:hidden; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap;}

.btn_num_area2{position:absolute;z-index:999;left:50%;bottom:30px; margin-left:-40px; transform:translateX(-50%); /* margin-top:80px; */}
.btn_num_area2 .slide_bar{position:relative; display:inline-block; top:12px;}
.btn_num_area2 .slide_bar button{position:relative;display:block;float:left;width:80px; height:24px; font-family:'NotoSans-Medium'; color:rgba(255,2558,255,.5);}
.btn_num_area2 .slide_bar button.on{opacity:1;color:#fff}
.btn_num_area2 .slide_bar button:before{display:block; position:absolute; content:""; width:0;  height:2px;background-color:#1c4285; left:0; top:50%; margin-top:-1px;}
.btn_num_area2 .slide_bar button:after{display:block; content:""; width:100%;  height:2px;background-color:#adbacd; top:50%; margin-top:-1px;}
.btn_num_area2 .slide_bar button.on:before{width:100%;}
.btn_num_area2 .slide_bar .blind{position:absolute; top:0; left:-10000px; line-height:0; overflow:hidden;}
.btn_num_area2 .btn_play_control2{position:absolute;bottom:-5px;right:-25px;}
.btn_num_area2 .btn_play_control2 .play{display:none;background: url('../../images/main/m_btn_play2.png') no-repeat 50% 50%; width:22px; height:22px; background-size:6px 11px;}
.btn_num_area2 .btn_play_control2 .stop{display:block;background: url('../../images/main/m_btn_stop2.png') no-repeat 50% 50%; width:22px; height:22px; background-size:10px 10px;}
.btn_num_area2 .slide_num{position:absolute;right:-80px; top:8px;}
.btn_num_area2 .slide_num strong{position:relative;display:inline-block;font-family:'NotoSans-Medium';font-size:18px; color:#0e388e;}
.btn_num_area2 .slide_num strong:after{display:inline-block;content:"/";font-size:18px; color:#5f5f5f;margin:0 7px;}
.btn_num_area2 .slide_num span{font-size:18px; color:#5f5f5f;}




.news_box .slick-slide.slick-center a{z-index:9999;width:688px !important;height:387px; margin:0 0 10px -84px;transition:all .2s cubic-bezier(0, 0, 0.7, 1);}
.news_box .slick-slide.slick-center a img{height:389px;width:692px}
.news_box .slick-slide.slick-center img{opacity: 1;}
.news_box .slick-slide.slick-center .title{height:97px; background:rgba(39,83,134,1);}
.news_box .slick-slide.slick-center .title em{line-height:20px;color:rgba(255,255,255,1);}
.news_box .slick-slide.slick-center .title em:after{color:rgba(255,255,255,1);}
.news_box .slick-slide.slick-center .title strong{ max-width:490px; margin-left:20px; font-size:25px;color:rgba(255,255,255,1); line-height:72px;}

/* 주요뉴스 슬라이드_프로그램 */
.main_topPro_wrap{position:relative; width:100%; margin:0 auto; color:#fff; overflow:hidden; height:478px;}
.main_topPro_wrap .pro_box{position:relative; width:100%; height:478px; overflow:hidden; margin:0 auto;}
.main_topPro_wrap .pro_box a{display:block;position: relative; text-align:center;}
.main_topPro_wrap .slick-slide img{display: inline-block;}

.pro_btn_num{position:absolute;z-index:999;left:50%;bottom:45px; margin-left:-40px; transform:translateX(-50%);}
.pro_btn_num .slide_bar{position:relative; display:inline-block; top:12px;}
.pro_btn_num .slide_bar button{position:relative;display:block;float:left;width:80px; height:24px; font-family:'NotoSans-Medium'; color:rgba(255,255,255,.2);}
.pro_btn_num .slide_bar button.on{opacity:1;color:#fff}
.pro_btn_num .slide_bar button:before{display:block; position:absolute; content:""; width:0;  height:2px;background-color:#da3b3b; left:0; top:50%; margin-top:-1px;}
.pro_btn_num .slide_bar button:after{display:block; content:""; width:100%;  height:2px;background-color:rgba(255,255,255,.7); top:50%; margin-top:-1px;}
.pro_btn_num .slide_bar button.on:before{width:100%;}
.pro_btn_num .slide_bar .blind{position:absolute; top:0; left:-10000px; line-height:0; overflow:hidden;}
.pro_btn_num .btn_play_control{position:absolute;bottom:-5px;right:-25px;}
.pro_btn_num .btn_play_control .play{display:none;background: url('../../images/main/m_btn_play2.png') no-repeat 50% 50%; width:22px; height:22px; background-size:6px 11px;}
.pro_btn_num .btn_play_control .stop{display:block;background: url('../../images/main/m_btn_stop2.png') no-repeat 50% 50%; width:22px; height:22px; background-size:10px 10px;}
.pro_btn_num .slide_num{position:absolute;right:-80px; top:8px;}
.pro_btn_num .slide_num strong{position:relative;display:inline-block;font-family:'NotoSans-Medium';font-size:18px; color:#e42c2c;}
.pro_btn_num .slide_num strong:after{display:inline-block;content:"/";font-size:18px; /* color:#5f5f5f; */ color: rgba(0,0,0,.5); margin:0 7px;}
.pro_btn_num .slide_num span{font-size:18px; /* color:#5f5f5f; */ color: rgba(0,0,0,.5);}

.pro_box .slick-prev{left:80px; background: url('../../images/main/btn_m_back.png') 50% 50% no-repeat;background-size:27px 56px;}
.pro_box .slick-next{right:80px; background:url('../../images/main/btn_m_next.png') 50% 50% no-repeat; background-size:27px 56px}
.pro_box .slick-prev,
.pro_box .slick-next{position:absolute; top:50%; width:59px; height:56px; margin-top:-8px; z-index:999;}
.pro_box .slick-prev:before,
.pro_box .slick-next:before{display:none;}

.pro_box .slick-prev.slick-disabled{display:none !important}
.pro_box .slick-next.slick-disabled{display:none !important}




/* 메인상단 온에어 */
.onair_wrap{background:#fff; border-bottom:1px solid #d6d6d6;box-sizing:border-box;  width:100%;overflow:hidden;}
.onair_conBox{position:relative;max-width:1400px;width:100% !important;/*  width:72.91666667%; */ margin:0 auto;height:83px;/*   border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2; */box-sizing:border-box;}
.onair_conBox:before{display:block; position:absolute; content:""; top:0; left:-1px; width:1px; height:100%; background:#e1e1e2;}
.onair_conBox:after{display:block; position:absolute; content:""; top:0; right:0px; width:1px; height:100%; background:#e1e1e2;}
.onair_conBox .no_schedule{text-align: center; line-height: 80px; font-size:18px}
.onair_conBox .pre, .onair_conBox .next{display:block;position:absolute; top:0; margin-top:27px; width:28px; height:28px;   z-index:99;}
.onair_conBox .pre{left:-53px;background: url('../../images/main/m_btn_pre2.png') no-repeat 50% 50%; background-size:14px 28px;}
.onair_conBox .next{right:-53px; background: url('../../images/main/m_btn_next2.png') no-repeat 50% 50%; background-size:14px 28px;}
.onair_conBox .pre span, .onair_conBox .next span{position:relative; font-size:0; top:0;}
/* .onair_conBox .pre span:before{position:absolute; top:-48px;  left:-40px; content:""; width:1px; height:84px; background:#e1e1e2;}
.onair_conBox .next span:before{position:absolute;top:-48px; right:-40px; content:""; width:1px; height:84px; background:#e1e1e2;} */
.onair_conBox .pre:before{position:absolute; top:-27px;  left:-26px; content:""; width:1px; height:84px; background:#e1e1e2;}
.onair_conBox .next:after{position:absolute; top:-27px;  right:-26px; content:""; width:1px; height:84px; background:#e1e1e2;}

.onairCon{position:relative;}
.onairCon .slick-list{height:87px}
.onairCon a{display:block;display:table-cell !important;position:relative;height:83px;text-align:center;/* border-right:1px solid #e1e1e2; */border:1px solid #e1e1e2;border-top:none; border-bottom:none;border-left:0; padding:12px 20px;box-sizing:border-box;}
.onairCon .con{display:inline-block;}
.onairCon .con .time, .onairCon .con .title{display:block;}
.onairCon .con .time{font-size:16px; color:#404040;font-family:'NotoSans-DemiLight';text-align:left;letter-spacing:-0.2px;}
.onairCon .con .title{max-width:400px; font-size:20px; color:#333; font-family:'NotoSans-Regular';overflow:hidden;text-overflow:ellipsis; white-space:nowrap;letter-spacing:-0.5px;}
.onairCon:after{display:block;clear:both; content:"";}
.onairCon a.on{background:#db3737; border-right:1px solid #db3737; text-align:left; padding-left:160px;max-width:467px; width:100%;  }
.onairCon a.on:after{display:block; position:absolute; top:0; left:-1px; content:""; width:1px; height:100%; background:#db3737;}
.onairCon a.on:before{display:block; position:absolute; bottom:-1px; left:-1px; content:""; width:467px; height:1px; background:#db3737;}
.onairCon a.on .con .time, .onairCon a.on .con .title{color:#fff;}
.onairCon a.on .con .title{float:left; color:#fff; max-width:284px;}
.onairCon .con .onair_now{position:absolute; top:50%; left:33px; width:96px; height:33px; line-height:33px; margin-top:-17px; font-size:21px; font-family:'NotoSans-Medium'; color:#fff; text-align:left; }
.onairCon .con .onair_now:after{display:block; content:"";top:0; right:0; position:absolute; height:33px; width:1px; background:rgba(255,255,255,.3)}
.onairCon a.on .con:after{display:block; content:""; clear:both;}


/*스크롤 뉴스 및 정책이슈 */
.scroll_issue_newsWrap{position:relative; height:65px;}
.scroll_issue_section{width:100%;position:relative; max-width:1400px; margin:0 auto; }
.scroll_issue_newsWrap:after{position:absolute;content:"";display:block; width:100%;bottom:0; height:1px; background:#d6d6d6;}
.scroll_issue_news{position:relative;}
.scroll_news, .issue_news{float:left; width:700px; position:relative; height:65px;padding:17px 0 15px ; overflow:hidden;box-sizing:border-box;}
.scroll_news:after{content:"";display:block; position:absolute; right:0px; top:50%; margin-top:-14px; width:1px; height:28px; background:#d6d6d6; }
.scroll_news h3, .issue_news h3{float:left; font-size:21px; line-height:30px; font-family:'NotoSans-Medium';color:#000; margin-right:25px;box-sizing:border-box;}
.scroll_news .scroll_text {float:left;}
.scroll_news .scroll_text > div{ max-width:470px; font-size:18px;}
.scroll_news .scroll_text > div > div{font-family:'NotoSans-Regular';overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scroll_news .more, .issue_news .more{ position:absolute; width:36px; height:20px; right:30px; top:50%; margin-top:-10px; background:url('../../images/main/m_btn01.png') no-repeat 50% 50%; background-size:18px 10px;}
.issue_news .more{right:2px; }
.issue_news {padding-left:40px;}
.issue_news > ul{float:left; width:530px;}
.issue_news > ul > li {float:left;font-size:18px;height:32px;line-height:30px; margin-bottom:10px; font-family:'NotoSans-Regular'; overflow:hidden; letter-spacing:-.8px; box-sizing:border-box; margin-right:30px; word-break:keep-all }

.scroll_news_pop{display:none; position:absolute; left:0; width:675px;border:1px solid #626262; box-sizing:border-box;background:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,0.10); z-index:999;}
.scroll_news_pop h3{font-size:23px; height:68px; line-height:68px; color:#fff; font-family:'NotoSans-Medium'; padding-left:30px;background:#314a7c;}
.scroll_news_pop ul{padding:20px 30px 25px; height:364px; overflow-y:scroll;  box-sizing:border-box;}
.scroll_news_pop ul li {display:block;position:relative; font-size:18px; padding:5px 0 5px 10px; font-family:'NotoSans-Regular'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.7px;}
.scroll_news_pop ul li:before{position:absolute; content:""; top:50%; margin-top:-3px; left:0; display:block; background:url('../../images/main/bullet_st01.png') no-repeat; width:4px; height:6px}

.scroll_news_pop .close,
.issue_news_pop .close{display:block; position:absolute; right:30px; top:13px; cursor:pointer;}
.scroll_news_pop .close span,
.issue_news_pop .close span{display:block; position:relative; width:40px; height:40px; font-size:0;}
.scroll_news_pop .close span:before, .scroll_news_pop .close span:after,
.issue_news_pop .close span:before, .issue_news_pop .close span:after{position:absolute; content:""; display:block; top:50%; width:100%; height:2px; background:#fff; transition:all 0.2s ease;}
.scroll_news_pop .close span:before,
.issue_news_pop .close span:before{transform:rotate(-45deg)}
.scroll_news_pop .close span:after,
.issue_news_pop .close span:after{transform:rotate(45deg);transition:all 0.2s ease;}
.scroll_news_pop .close:hover span:before,
.issue_news_pop .close:hover span:before{transform:rotate(45deg)}
.scroll_news_pop .close:hover span:after,
.issue_news_pop .close:hover span:after{transform:rotate(135deg)}

.issue_news_pop{display:none; position:absolute; right:0; width:675px; border:1px solid #626262; box-sizing:border-box;background:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,0.10); z-index:999;}
.issue_news_pop h3{font-size:23px; height:68px; line-height:68px; color:#fff; font-family:'NotoSans-Medium'; padding-left:30px;background:#314a7c;}
.issue_news_pop ul{padding:30px 25px 20px 25px; position:relative; background:#dee3e8 url('../../images/main/issue_news_bg.jpg') no-repeat center bottom; background-size:cover;}
.issue_news_pop ul:after{display:block; clear:both; content:"";}
.issue_news_pop ul li{float:left; margin:0 20px 15px 0; }
.issue_news_pop ul li:nth-of-type(2n+0){margin-right:0;}
.issue_news_pop ul li a{display:block;position:relative;width:300px; height:48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#fff;   border:1px solid #b4b4b4; border-radius:30px; box-sizing:border-box;font-size:18px; letter-spacing:-.8px; line-height:46px; padding:0 45px 0 20px; font-family:'NotoSans-Regular'; transition:all .3s ease}
.issue_news_pop ul li:hover a{color:#fff; border:1px solid #2d55a5; background:#2d55a5; transition:all .3s ease}
.issue_news_pop ul li a:before{position: absolute;width: 7px;height: 14px;right: 20px;top:50%; margin-top:-7px; content: "";background: url('../../images/common/arrow_st02.png') no-repeat; background-position:0 0; box-sizing: border-box;}
.issue_news_pop ul li a:after{display:block;position:absolute;content:""; width:34px; height:34px; top:6px; right:8px; border:1px solid #fff; box-sizing:border-box; border-radius:50%; opacity:0;}
.issue_news_pop ul li:hover a:before{background-position:0 -16px}
.issue_news_pop ul li:hover a:after{opacity:1;}


/* 공통 */
.mainCon{width:100%;overflow-x:hidden;}
.conWide{width:100%;overflow-x:hidden;position:relative;}
.section{width:100%;position:relative; max-width:1400px; margin:0 auto; margin-top:80px;}
.btn_area{position:absolute; right:0; top:10px}
.btn_area .pre, .btn_area .next{position:relative;float:left; background:url('../../images/main/btn_pre.png') no-repeat 50% 50%; width:40px; height:34px; background-size:10px 17px; }
.btn_area .next{float:left;background:url('../../images/main/btn_next.png') no-repeat 50% 50%;}
.btn_area .pre:after{content:"";display:block; position:absolute; width:1px; height:14px; background:#d3d3d3; right:0px; top:50%; margin-top:-7px;}
.btn_area .pre.pre2:after{background:#bbb;}
.thumb_box{display:block}
.thumb_box .thumb img{display:block; width:100%; height:auto; -webkit-transition: all .2s; transition: all .2s;}
.thumb_box:hover .thumb img{transform: scale(1.05);-webkit-transform:scale(1.05); -webkit-transition: all .2s; transition: all .2s;}
.view_play{display:block; position:absolute; right:15px; bottom:10px; font-size:0; background:url('../../images/common/play3.png') no-repeat; width:42px; height:42px; z-index:9}


/* 주요뉴스 */
.section1{position: relative;margin-top:30px;}
.section1:after{clear:both; display:block; content:"";}
.section h3{font-family:'NotoSans-Medium'; font-size:36px; color:#000; letter-spacing:-.7px; height:54px; line-height:54px; margin-bottom:15px}
.majorNews{position:relative; float:left; width:2410px; overflow:hidden; margin-left:-47px; max-height:306px;}
.majorNews .thumb_area{display:block; float:left; position:relative; width:435px; margin-left:47px; box-sizing:border-box; transition: all .3s ease; padding:1px; box-sizing:border-box;}
.majorNews .top_category{position:absolute; top:1px; left:1px; font-family:'NotoSans-Medium';  padding:12px 15px; background:#283f82; color:#fff; font-size:15px; letter-spacing:-.5px; z-index:9;}
.majorNews .thumb{position:relative; width:100%; height:245px; background:#1a1a1a; margin-bottom:10px; box-sizing:border-box; overflow:hidden;}
.majorNews .thumb img{display:block; width:440px; height:auto; -webkit-transition: all .2s; transition: all .2s; margin:-2px 0 0 -2px;}
.majorNews .title{display:block; font-family:'NotoSans-Medium'; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.majorNews .time{position:relative; display:block; color:#5a5a5a; font-family:'NotoSans-Medium'; font-size:15px; padding-left:21px;}
.majorNews .time:after{position:absolute; display:block; content:""; left:0;top:4px; color:#5a5a5a; background:url('../../images/main/icon_tme.png') no-repeat; width:17px; height:16px;}
.majorNews .thumb_area .view_play2:before{position:absolute;content:"";display:block;opacity:0;top:50%; left:50%; margin-top:-37px; margin-left:-37px; width:70px; height:70px; border-radius:50%; box-sizing:border-box; background:rgba(255,255,255,.7);}
.majorNews .thumb_area .view_play2:after{position:absolute;content:"";display:block;opacity:0;top:50%; left:50%;margin-top:-13px; margin-left:-9px; background:url('../../images/common/play4.png') no-repeat;width:19px; height:23px; }
.majorNews .thumb_area:hover .thumb img.img{opacity:0.7}
.majorNews .thumb_area:hover .view_play2:before{opacity:1}
.majorNews .thumb_area:hover .view_play2:after{opacity:1 }
.majorNews .thumb_area:hover .thumb img{transform:scale(1.05); -webkit-transform:scale(1.05); -webkit-transition: all .2s; transition: all .2s;}
.majorNews .thumb_area:hover .title, .majorNews .thumb_area:focus .title{color:#1e5fbf; text-decoration:underline;}
.majorNews:after{clear:both; display:block; content:"";}


/* 최신뉴스 & 많이 본 뉴스 */
.section2{position: relative;}
.section2 ul{float:left; width:435px;}
.section2 ul li a{display:block; font-family:'NotoSans-Regular'; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section2 ul li a:hover, .section2 ul li a:focus{color:#1e5fbf; text-decoration:underline;}
.section2:after{display:block;content:"";clear:both;}
.latest_newsWrap{float:left;}
.latest_newsWrap .latest_con li a{line-height:33px; padding-right:30px;}
.dailyBest_newsWrap{position:relative; float:left;  margin-left:47px;}
.dailyBest_newsWrap .dailyBest_con{position:relative; left:-9px;}
.dailyBest_newsWrap ul:last-child{margin-left:47px;}
.dailyBest_newsWrap ul li{position:relative; height:45px; line-height:45px;}
.dailyBest_newsWrap ul li a{width:82%; padding-right:30px; float:left;}
.dailyBest_newsWrap strong{display:inline-block; width:35px;font-size:24px; color:#ed3f54; letter-spacing:-2px; text-align:center;}
.dailyBest_newsWrap .view{position:relative; width:78px; overflow:hidden; top:3px; float:right; font-size:15px; color:#777; letter-spacing:-1px;}
.dailyBest_newsWrap ul li:after{display:block; clear:both;}

.dailyBest_newsWrap2{position:relative; float:left;  margin-left:47px;}
.dailyBest_newsWrap2 .dailyBest_con{position:relative; left:-9px;}
.dailyBest_newsWrap2 ul:last-child{margin-left:47px;}
.dailyBest_newsWrap2 ul li{position:relative; height:45px;}
.dailyBest_newsWrap2 ul li a{width:82%; padding-right:30px; float:left;}
.dailyBest_newsWrap2 strong{display:inline-block; width:35px;font-size:24px; color:#ed3f54; letter-spacing:-2px; text-align:center;}
.dailyBest_newsWrap2 .view{position:relative; width:78px; height:30px; line-height:28px; box-sizing:border-box; text-align:center; overflow:hidden; border:1px solid #e3e3e3; border-radius:50px; top:3px; float:right; font-size:15px; color:#777; letter-spacing:-1px; padding: 0 10px;}
.dailyBest_newsWrap2 ul li:after{display:block; clear:both; display:block;}


.dailyBest_banner{position:absolute; top:0; right:0;z-index:999999; display:block;}
.dailyBest_banner img{display:block; width:100%; height:auto;}
.dailyBest_banner button{position:absolute; background: url('/resources/images/main/highlight_close.png') no-repeat; width:44px; height:44px; right:25px; top:10px; z-index:9999992;}

/* sns소식 */
.snsbg{height:510px; overflow:hidden; background:#e9e9e9 url('../../images/main/sns_title_img02.png') no-repeat; margin-top:50px; padding:50px 0 60px; background-position:right;}
.section9{position:relative; margin-top:0;}
/* .section9:before{position:absolute;display:block; content:""; top:0; right:0; width:1428px; height:526px; background: } */
.section9 h3{position:relative;}
.section9 h3.m_sns:before{position:absolute;display:block; content:""; top:-30px; left:-42px; width:43px; height:53px; background:url('../../images/main/sns_title_img01.png') no-repeat 0 0; }
.sns_con{float:left; width:2500px;}
.sns_con a:hover{color:#ad3632;}
.sns_con .slick-list{height:330px;}
.snsThumb_area{display:block; position:relative; float:left; width:334px; margin-right:21px; box-sizing:border-box; background:#fff; box-shadow: 5px 5px 5px rgb(0 0 0 / 14%);}
.snsThumb_area .snsThumb{position:relative; width:100%; height:190px; overflow:hidden;background:#545454;}
.snsThumb_area .snsThumb img{display:block; width:100%; height:auto; -webkit-transition: all .2s; transition: all .2s;}
.snsThumb_area .snsThumb:hover img{transform: scale(1.05);-webkit-transform:scale(1.05); -webkit-transition: all .2s; transition: all .2s;}
.snsThumb_area .snsText_box{padding:20px;}
.snsThumb_area .snsText_box .sns_title{position:relative; display:block; display:-webkit-box; height:50px; font-family:'NotoSans-Regular'; font-size:18px; line-height:26px;max-width:100%; letter-spacing:-.7px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all; padding-left:12px;}
.snsThumb_area .snsText_box .sns_title:before{position:absolute; display:block; content:""; top:4px; left:0; width:2px; height:45px; background:url('../../images/main/sns_title_line.jpg') no-repeat 0 0; }
.snsThumb_area .snsText_box .sns_time{position:relative; margin-top:15px;}
.snsThumb_area .snsText_box .sns_time .time_left{position:relative;color:#5a5a5a;font-family:'NotoSans-Medium';font-size:15px;padding-left:21px;}
.snsThumb_area .snsText_box .sns_time .time_left:before{position:absolute;display:block; content:""; top:4px; left:0; width:17px; height:16px; background:url(../../images/main/icon_tme.png) no-repeat;color: #5a5a5a; }
.snsThumb_area .snsText_box .sns_time .time_rig{color:#5a5a5a;font-size:15px;float:right}

/* 프로그램 */
.section3{position:relative;margin-top:0;}
.section3 .title_area{position:relative; width:50%; float:left;height:465px;/* height:415px; */box-sizing:border-box;}
.section3 .title_area .titleBox{position:relative; display:block; color:#fff; font-size:15px; /* margin:68px 460px 0 0; */ margin:88px 460px 0 0; box-sizing:border-box; z-index:3;}
.section3 .title_area .titleBox .title{font-family:'NotoSans-Regular'; font-size:33px; line-height:49px; letter-spacing:-.8px;word-break:keep-all;}
.section3 .title_area .titleBox .date{display:block; display:-webkit-box; margin-top:15px;opacity:0.8; height:42px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:keep-all;}
.section3 .title_area .titleBox .m_more{display:inline-block; margin-top:35px; position:relative; font-family:'NotoSans-Regular'; }
.section3 .title_area .titleBox .m_more:after{position:absolute; display:block; content:""; top:5px; right:-15px; background:url('../../images/common/arrow_st02.png') no-repeat 0 -17px; width:7px; height:13px;}
.section3 .title_area:after{content:""; position:absolute; top:0; right:250px; width:1678px; height:465px; /* height:415px; */background:#3d6796;}
.section3 .title_area:before{content:""; position:absolute; top:0; left:-34px; width:1px; height:124px; background:#fff; z-index:3}

.section3 .program_play_area{position:absolute; bottom:70px; left:0; margin-left:80px; z-index:9;}
.section3 .program_play_area p{display:block; float:left; position:relative; color:#fff; font-size:14px; margin-right:18px; margin-top:7px;}
.section3 .program_play_area p strong, .section3 .program_play_area p span{position:relative;display:block; float:left; }
.section3 .program_play_area p strong{opacity:1;}
.section3 .program_play_area p strong:after{ display:inline-block; content:"/"; margin:0 7px; opacity:0.5;}
.section3 .program_play_area p span{opacity:0.5;}
.section3 .program_play_area .btn_play{display:inline-block;}
.section3 .program_play_area .btn_play .pro_pre{float:left; background:url('../../images/main/btn_pre_white.png') no-repeat 50% 50%; width:30px; height:30px; background-size:7px 13px; box-sizing: border-box;}
.section3 .program_play_area .btn_play .pro_next{float:right;background:url('../../images/main/btn_next_white.png') no-repeat 50% 50%; width:30px; height:30px; background-size:7px 13px; box-sizing: border-box;}
.section3 .program_play_area .btn_play .pro_stop{float:left;display:block; background:url('../../images/main/m_btn_stop.png') no-repeat 50% 50%; width:30px; height:30px; background-size:10px 10px; box-sizing: border-box;}
.section3 .program_play_area .btn_play .pro_play{float:left;display:none; background:url('../../images/main/m_btn_play.png') no-repeat 50% 50%; width:30px; height:30px; background-size:6px 11px; box-sizing: border-box;}
.section3 .program_area{position:relative; width:50%; float:left; }
.section3 .program_area:after{content:""; position:absolute; top:0; left:-250px; width:2000px;height:465px;/*  height:415px; */ background:#f6f6f6; }
.section3 .program_area .programBox{position:relative; margin-left:-420px; width:2000px;/*  height:415px;  */box-sizing:border-box; overflow:hidden;}
.section3 .program_area .programBox a{position:relative;display:block; float:left; width:320px; height:312px; box-shadow:7px 7px 7px rgba(0,0,0,0.10);  z-index:3; /* margin:55px 0 10px 45px; */ margin:100px 0 10px 45px;}
.section3 .program_area .programBox a img{display:block; width:100%; height:auto;}
.section3 .program_area .programBox a .overlay{position:absolute; bottom:0; left:0; right:0; background:rgba(37,122,201,0.9); overflow:hidden; height:0; width:100%;transition: .2s ease;}
.section3 .program_area .programBox a:hover .overlay{height:100%;}
.section3 .program_area .programBox a .overlay span.text{display:block; word-break:keep-all; padding:10px 10px; letter-spacing:-.7px; border:1px solid #fff;font-family:'NotoSans-Medium'; color:#fff; font-size:15px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); text-align:center;}
/* .section3 .program_area .programBox a .m_more_btn{position:absolute; display:block; background-color:rgba(21,52,98,0.5); width:100%; height:100%;top:0; left:0;} */
.section3:after{clear:both; content:""; display:block;}

.section4{position:relative;}
.section4:after{clear:both; content:""; display:block;}
.latest_program{position:relative; float:left; width:585px; max-height:535px; overflow:hidden;}
.latest_program .latest_con{margin-top:-40px; margin-left:-58px}
.latest_program .latest_con li{float:left; margin-left:58px;margin-top:40px;}
.latest_program .latest_con li > a{display:block; width:263px; box-sizing:border-box;padding:1px;}
.latest_program .latest_con li > a:focus{padding:1px;}
.latest_program .latest_con .thumb_box .thumb{position:relative; width:100%;height:148px;overflow:hidden;background:#e2e2e2;margin-bottom:10px;}
.latest_program .latest_con .pro_title{display:block; font-family:'NotoSans-Regular'; font-size:18px; line-height:25px; max-width:100%; letter-spacing:-.7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px;}
.latest_program .latest_con li > a:hover .pro_title,.latest_program .latest_con li > a:focus .pro_title{color:#1e5fbf; text-decoration:underline;}
.latest_program .latest_con:after{display:block; clear:both; content:"";}

.favour_program{width:735px;float:right;max-height:535px; overflow:hidden;}
.favour_con{position:relative; width:350px;}
.favour_con:after{display:block; clear:both; content:"";}
.favour_con li{position:relative; margin-bottom:40px;}
.favour_con li:last-child{margin-bottom:0;}
.favour_con .thumb_box .favour_title{position:relative; float:left; width:185px; padding-left:23px; box-sizing:border-box;}
.favour_con .thumb_box:after{content:""; display:block; clear:both;}
.favour_con .thumb_box .favour_title .pro_title2{display:block; display:-webkit-box;max-height:65px; font-family:'NotoSans-Regular'; font-size:18px; line-height:30px; max-width:100%; letter-spacing:-.7px; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.favour_con .thumb_box .favour_title .pro_title2 em{position:absolute; font-family:'NotoSans-Medium'; width:23px; text-align:center; top:-1px; left:-2px; color:#ed3f54; font-size:22px; letter-spacing:-2px;}
.favour_con .thumb_box:hover .pro_title2, .favour_con .thumb_box:focus .pro_title2{color:#1e5fbf; text-decoration:underline;}
.favour_con .thumb_box .thumb{position:relative;float:right; width:150px;height:84px;margin:1px; box-sizing:border-box; overflow:hidden;background:#e2e2e2;}
.favour_con.left_con{float:left;}
.favour_con.right_con{float:right;}
.pro_category{display:block;font-family:'NotoSans-Regular';color:#20436a; font-size:14px;}
.pro_category a{display:inline-block;color:#20436a;}
.pro_category a:hover{text-decoration:underline;}
.pro_category2{display:block; position:absolute; top:62px;left:24px; font-family:'NotoSans-Regular';color:#20436a; font-size:14px;}
.pro_category2 a{position:relative; display:inline-block; max-width:140px; color:#20436a; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; top:4px;}
.pro_category2 a:hover{text-decoration:underline;}

.graybg{background-color:#f3f3f7; margin-top:50px;}
.graybg .section{margin-top:0;}
.section5{position:relative; box-sizing: border-box; padding:70px 0 80px 0;}
.section5:before{position:absolute; content:""; top:0; left:50%; margin-left:-1022px; background:url('../../images/main/sec4_bg01.png') no-repeat; width:665px; height:439px;}
.section5:after{position:absolute; content:""; bottom:0; left:50%; margin-left:476px; background:url(../../images/main/sec4_bg02.png) no-repeat; width:1004px; height:523px;}
.section5 h3{position:relative; font-family:'NotoSans-DemiLight'; text-align: center; font-size:26px; color:#575757; letter-spacing:-0.9px;;}
.section5 h3 strong{color:#2d2d2d; font-family:'NotoSans-Medium';}
.section5 h3 span{position:relative; font-size:0;}
.section5 h3 span:before{position:relative;top:8px;display:inline-block;content:"";width:158px; height:65px;background:url('../../images/main/moonwork.png') no-repeat;}
.moonwork{position:relative;margin-top: 50px; z-index:9}
.moonwork li{float:left; margin-right:37px}
.moonwork li a{display:block;padding:2px; }
.moonwork li:last-child{margin-right:0;}
.moonwork li .thumb{position:relative; width:438px; height:246px; background:#e2e2e2; overflow:hidden;}
.moonwork:after{content:""; display:block; clear:both;}

.section_line{margin-top:55px;}
.section_line:before{position:absolute; content:""; display:block; top:0; left:0; width:100%; height:1px; background:#e2e2e2;}
.section_line:after{position:absolute; content:""; display:block; bottom:0; left:0; width:100%; height:1px; background:#e2e2e2;}
.section6{position:relative; text-align:center; margin-top:45px;}
.section6 h3{font-size:27px; font-family:'NotoSans-Medium'; height:35px; line-height:35px; margin-bottom:5px;}
.section6 p{color:#7d7d7d; font-family:'NotoSans-DemiLight'; font-size:15px;}
.section6 .sns_area{display: inline-block; text-align:center; margin:20px 0 45px 0;}
.section6 .sns_area li{float:left; margin-right:14px;}
.section6 .sns_area li a{display:block; width:38px; height:37px;background:url('../../images/main/sns.png') no-repeat;}
.section6 .sns_area li a.facebook{background-position:0 0;}
.section6 .sns_area li a:hover.facebook, .section6 .sns_area li a:focus.facebook{background-position:0 -45px;}
.section6 .sns_area li a.twitter{background-position:-52px 0;}
.section6 .sns_area li a:hover.twitter, .section6 .sns_area li a:focus.twitter{background-position:-52px -45px;}
.section6 .sns_area li a.youtube{background-position:-103px 0;}
.section6 .sns_area li a:hover.youtube, .section6 .sns_area li a:focus.youtube{background-position:-103px -45px;}
.section6 .sns_area li a.post{background-position:-154px 0;}
.section6 .sns_area li a:hover.post, .section6 .sns_area li a:focus.post{background-position:-154px -45px;}
.section6 .sns_area li a.blog{background-position:-205px 0;}
.section6 .sns_area li a:hover.blog, .section6 .sns_area li a:focus.blog{background-position:-205px -45px;}
.section6 .sns_area li a.tv{background-position:-256px 0;}
.section6 .sns_area li a:hover.tv,.section6 .sns_area li a:focus.tv{background-position:-256px -45px;}
.section6 .sns_area li a.instagram{background-position:-307px 0;}
.section6 .sns_area li a:hover.instagram, .section6 .sns_area li a:focus.instagram{background-position:-307px -45px;}
.section6 .sns_area:after{content:""; display:block; clear:both;}

.section7{position:relative;}
.notice_area{position:relative; float:left; width:597px; margin-right:51px;}
.notice_area > li{float:left; width:199px;box-sizing:border-box;}
.notice_area > li > a{ display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:23px; font-family:'NotoSans-Medium'; color:#6e6e6e; background:#f1f1f1;}
.notice_area > li.active > a,.notice_area > li > a:focus{background:#145495;width:200px; color:#fff; position: relative; z-index: 9;}
.notice_area > li.active > a > span{position:relative; display:block; padding-right:20px;}
.notice_area > li.active > a > span:after,.notice_area > li.active > a > span:before{display:block; content:""; position:absolute;  top:50%; left:50%; width:2px; height:14px; background:#fff; margin:-5px 0 0 55px; transition:all .3s ease;}
.notice_area > li.active > a > span:before{transform:rotate(90deg); -ms-transform:rotate(90deg);}
.notice_area > li.active > a > span:hover:before{transform:rotate(360deg);}
.notice_area > li.active > a > span:hover:after{transform:rotate(270deg);}
.notice_area > li > ul{position:absolute; left:0; overflow:hidden; height:0;}
.notice_area > li.active > ul{left:0; width:100%; height:182px;padding:15px 15px 5px 2px; box-sizing: border-box;}
.notice_area > li > ul > li > a{display:block; position:relative; font-size:18px; width:100%; height:41px; line-height:41px; letter-spacing:-0.3px;}
.notice_area > li > ul > li > a > strong{ float:left; width:480px; overflow:hidden; font-family:'NotoSans-Regular';  text-overflow:ellipsis; white-space:nowrap;}
.notice_area > li > ul > li > a > span{float:right; box-sizing:border-box; font-family:'NotoSans-Regular'; font-size:16px; color:#878787;}
.notice_area:before{position:absolute; display:block; content:""; width:1px; height:60px; left:199px; background:#fff;}
.notice_area:after{position:absolute; display:block; content:""; width:1px; height:60px; left:398px; background:#fff;}
.notice_area > li > ul > li > a:hover strong{color:#1e5fbf; text-decoration:underline;}
.mainbanner_area{float:left; position:relative;width:428px; height:242px; background:#e2e2e2; overflow:hidden;}
.mainbanner_area .playBox{position:absolute; bottom:0; right:0; width:147px; height:40px; background:rgba(0,0,0,0.7); z-index:9;}
.mainbanner_area .playBox p{display:block; float:left; padding:8px 0 0 24px; color:#fff; font-size:15px; margin-right:20px;}
.mainbanner_area .playBox p strong, .banner_area .playBox span{position:relative;display:block; float:left;}
.mainbanner_area .playBox p strong{opacity:1;}
.mainbanner_area .playBox p strong:after{display:inline-block; content:"/"; margin:0 7px; opacity:0.7;}
.mainbanner_area .playBox p span{opacity:0.7; font-family:'NotoSans-Regular';}
.mainbanner_area .playBox .btn_play{float:left; left:75px; margin-top:10px; width:60px;}
.mainbanner_area .playBox .btn_play .mb_pre{float:left;background:url('../../images/main/btn_pre_white.png') no-repeat 50% 50%; width:20px; height:20px; background-size:7px 13px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_next{float:right;background:url('../../images/main/btn_next_white.png') no-repeat 50% 50%; width:20px; height:20px; background-size:7px 13px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_stop{float:left;background:url('../../images/main/btn_stop.png') no-repeat 50% 50%; width:20px; height:20px;padding-top:1px;background-size:7px 10px; box-sizing:border-box;}
.mainbanner_area .playBox .btn_play .mb_play{float:left;background:url('../../images/main/btn_play3.png') no-repeat 50% 50%; width:20px; height:20px;padding-top:1px;background-size:6px 11px; box-sizing:border-box;}
.mainbanner_area .imgBox{position:relative;}
.mainbanner_area .imgBox a{display:block;width:428px; height:242px;}
.mainbanner_area button:focus{outline: 1px dotted #fff !important; }
.shortCut_area{float:right;width:273px;border:1px solid #e0e0e0; box-sizing:border-box;}
.shortCut_area ul{float:left;}
.shortCut_area ul li{float:left;width:135px;height:79px; text-align:center;}
.shortCut_area li a{display:block; width:100%; height:79px; padding:10px 0;text-align:center; box-sizing:border-box;}

.shortCut_area li:nth-of-type(1), .shortCut_area li:nth-of-type(2){width:100%; border-bottom:1px solid #e0e0e0; box-sizing:border-box; }
.shortCut_area li:nth-of-type(3){border-right:1px solid #e0e0e0; box-sizing:border-box;}
.shortCut_area .padT{padding-top:22px;}
.shortCut_area .padT2{padding-top:10px;}
.section7:after{display:block; content:""; clear:both;}

.section8{position:relative; margin-bottom:70px;}
.section8 .btn_play{float:left; position:relative; width:148px; height:50px; margin-top:23px;  border:1px solid #d3d3d3; box-sizing:border-box;}
.section8 .btn_play .sb_pre{float:left;background:url('../../images/main/btn_pre2.png') no-repeat 50% 50%; width:48px; height:48px; background-size:7px 15px; border-right:1px solid #d3d3d3 }
.section8 .btn_play .sb_next{float:left;background:url('../../images/main/btn_next2.png') no-repeat 50% 50%; width:48px; height:48px; background-size:7px 15px; border-right:1px solid #d3d3d3 }
.section8 .btn_play .sb_stop{float:left;background:url('../../images/main/btn_stop2.png') no-repeat 50% 50%; width:48px; height:48px; background-size:8px 11px;}
.section8 .btn_play .sb_play{float:left;background:url('../../images/main/btn_play2.png') no-repeat 50% 50%; width:48px; height:48px; background-size:6px 12px;}
.slidebanner{float:left; margin-left:60px; width:1191px; height:96px; overflow:hidden; }
.slidebanner a{display:block; width:219px;float:left; height:96px; margin-left:25px;box-sizing:border-box;}
.slidebanner a:first-child{margin-left:16px;}
.section8:after{display:block; content:""; clear:both;}


.yoonique_area{position:relative; height:428px; background-color:#f7f7f7; margin-top:50px; overflow:hidden;}
.yoonique_area .section{margin-top:0;}
.yoonique_area h3.title{position:absolute;left:540px; top:40px; width:510px; height:71px; font-size:0;background:url('../../images/main/yoon_title.jpg')no-repeat 50% 50%;}
.yoonique_area .big_Thumb{position:absolute; left:0; top:64px;}
.yoonique_area .big_Thumb div{display:block; width:1626px; height:302px;}
.yoonique_area .big_Thumb .Thumb{position: relative; display:block; width:540px; height:302px;}
.yoonique_area .big_Thumb .Thumb img{width:540px;height:302px; object-fit: cover;}
.yoonique_area .big_Thumb .txt{position:absolute; display:block; left:592px; top:62px; width:820px; height:30px; font-size:22px; cursor:pointer; word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.yoonique_area .big_Thumb .time{position:absolute;bottom:0;left:0; width:100px; height:40px; line-height:40px; padding-left:40px; box-sizing:border-box; background:rgba(0,0,0,0.7);font-family:'NotoSans-Medium';font-size:15px; color:#fff;}
.yoonique_area .big_Thumb .time:before{position:absolute; display:block; content:""; top:50%; left:18px; width:17px; height:16px; background: url(../../images/main/icon_tme2.png) no-repeat; color:#fff; transform:translateY(-50%);}
.yoonique_area .small_Thumb{padding:186px 0 0 592px; width:1700px; height:180px; float:left; box-sizing:content-box;}
.yoonique_area .small_Thumb > a{display:block; float:left; width:302px; height:170px; height:auto; transition: all .2s; box-shadow: 5px 5px 5px rgb(0 0 0 / 8%); box-sizing: border-box;margin-right:20px;}
.snsbg{margin-top:0;}


.yoonique_area2{position:relative; height:428px; background-color:#f7f7f7; margin-top:50px; overflow:hidden;}
.yoonique_area2 .section{margin-top:0;}
.yoonique_area2 h3.title{position:absolute;left:542px; top:41px; width:510px; height:71px; font-size:0;background:url('../../images/main/yoon_title.jpg')no-repeat 50% 50%;}
.yoonique_area2 .Thumb_area{position:relative;top:198px; float:left; width:3610px; box-sizing:content-box;}
.yoonique_area2 .Thumb_area > a{display:block; float:left; width:302px; height:170px; height:auto; transition: all .2s; box-shadow: 5px 5px 5px rgb(0 0 0 / 8%); box-sizing: border-box;margin-right:20px;}
.yoonique_area2 .Thumb_area .big_Thumb{position:relative; top:-133px;  width:542px; height:305px;margin-right:45px;}
.yoonique_area2 .Thumb_area .big_Thumb .time{position:absolute;bottom:0;left:0; width:100px; height:40px; line-height:40px; padding-left:40px; box-sizing:border-box; background:rgba(0,0,0,0.7);font-family:'NotoSans-Medium';font-size:15px; color:#fff;}
.yoonique_area2 .Thumb_area .big_Thumb .txt{position:absolute; display:block; left:616px; top:60px; width:490px; height:30px; font-size:22px; cursor:pointer; word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.yoonique_area2 .Thumb_area .big_Thumb .time:before{position:absolute; display:block; content:""; top:50%; left:18px; width:17px; height:16px; background: url(../../images/main/icon_tme2.png) no-repeat; color:#fff; transform:translateY(-50%);}
.snsbg{margin-top:0;}