.pic_area:hover:after,a:hover .pic_area:after{
    background: rgba(0,0,0,.2);
    transition: .4s;
}

.background-cover {background-size:cover; background-position: top center; background-repeat: no-repeat;}

/*election_wrap_row 대선 투표율*/
.election_wrap_row {width: 1050px;transition:0.2s;margin: 0 auto;height:175px;background:url(//image.news1.kr/system/resource/news1_www/images/election/back_img.png?1) no-repeat; border:none; background-color: #eee; padding: 30px 30px 20px;box-sizing: border-box;}
.election_wrap_row.on {height: auto;min-height:600px;-border-bottom:5px solid #5e2cd6;transition: 0.2s;}
.election_wrap_row> .tit_area {width:100%;padding-bottom: 28px;}
.election_wrap_row> .tit_area .tit_section{line-height: 22px;text-align: left;color:#382d52; font-size: 22px; word-spacing: -1px;display: inline-block;}
.election_wrap_row> .tit_area .tit_section b{font-weight: bold;}
.election_wrap_row> .tit_area .tit_section .text_small{font-size: 0.9em;}
/*.election_wrap_row> .tit_area .tit_section .text_small span{color: #774fce;}*/
.election_wrap_row> .tit_area .link_right{float: right;display: inline-block; position: relative; right: 0px; bottom: 10px;color:#584f6c;}
.election_wrap_row> .tit_area .link_right a{display:inline; font-size: 15px;}
.election_wrap_row> .tit_area .link_right a:hover{color:#382d52;font-weight: bold;}
.election_wrap_row> .chart_area{width: 100%;box-sizing: border-box; display: flex; justify-content: space-between;align-items: center;}
.election_wrap_row> .chart_area .rate{font-size: 30px;margin-top: -7px;color: #382d52;width: 130px;}
.election_wrap_row> .chart_area .rate span{font-size: 56px;font-weight: bolder;letter-spacing: -3px;margin-right: 5px;color:#632ed8;}
.election_wrap_row .btn_area {text-align: right;text-align: -webkit-right;}
.election_wrap_row .more_btn{width:124px; height:40px;background: #632ed8; border-radius: 25px; text-align: center; COLOR: #FFF;  FONT-SIZE: 16PX;}
.election_wrap_row .close_btn{width:124px; height:40px;background:#3A3A3A;margin: 30px 0 10px;border-radius: 25px; text-align: center; COLOR: #FFF; FONT-SIZE: 16PX;}
.election_wrap_row> .election_chart{width: 100%;padding: 30px 0 0;box-sizing: border-box;}
.election_wrap_row> .election_chart.after{width: 100%;padding: 30px 0 0;box-sizing: border-box;}
.election_wrap_row> .election_chart .tit_100{font-size: 15px; font-weight: bold; color: #555;}
.election_wrap_row> .election_chart .tit_total{font-size: 13px; color: #555;font-weight: bold;;float: right;}
.election_wrap_row .expand_area{display:none;}
.election_wrap_row.on .expand_area{display:block;margin-top: 40px; border-top: 1px solid #ccc;padding-top: 20px;}

.progress { height: 50px;background: rgba(255,2255,255,0.8); border-radius: 4px; position: relative; overflow: hidden; width:680px;border:1px solid #b9b9b9;}
.prog-bar {float: left; width: 0%; height: 100%;  font-size: 21px; line-height: 48px; color: #2b2b2b; text-align: center; font-weight:bold; background-color: #632ed8;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    position: relative;
    animation-duration: 2s;
    animation-name: slidein;
}
@keyframes slidein {
    from {
        left:-100%;
    }
    to {
        left:0;
    }
}
.election_chart{position: relative;}
.election_chart .history:before {content: '';position: absolute; bottom: 0;border-right:1px solid #9f9f9f;height: 52px;opacity: 0.5; }
.election_chart .history strong { display: block;position: absolute; width: 100px;  padding-left: 2px; font-size: 13px; line-height: 24px; text-align: center;font-weight: bold;color: #3d3d3d; margin-top: 4px;}
/*.election_chart .history strong:before { content: ''; position: absolute; left: 50%; bottom: -14px;  height: 14px; border-right: 1px dashed #f6330a;}*/
.election_chart .history strong:after {  content: '▼'; position: absolute; left: 50%; bottom: 75px;  color: #774fce;}
.election_chart .history.early strong {margin-left: -72px;}
.election_chart .history.final strong { margin-left: -32px;}
.election_chart .history.early strong:after {margin-left: 15px; }
.election_chart .history.final strong:after { margin-left: -25px;}
.election_wrap_row .election_chart .prog-bar .prog-val_cnt{min-width: 150px;display: block}

/*.election_chart .per50:before {content: '';position: absolute; left:50%; bottom: 0;border-right: 1px solid rgba(0, 0, 0, 0.2);border-right-color: #bbb !important;height: 55px; margin-left: 0px;opacity: 0.5;}
.election_chart .per50 strong { display: block;position: absolute; left: 50%; margin-left: -10px;  padding-left: 2px; color: #999;  font-size: 12px; line-height: 24px; text-align: center;font-weight: bold;bottom: 60px;}
.election_chart .per100:before {content: '';position: absolute;bottom: 0;border-right: none;height: 55px; right: 30px;}
.election_chart .per100 strong { display: block;position: absolute;  margin-left: -10px; right: 0px; padding-left: 2px; color: #999;  font-size: 12px; line-height: 24px; text-align: center;font-weight: bold;ottom: 60px;}.election_chart .per100 strong { display: block;position: absolute;  margin-left: -10px; right: 0px; padding-left: 2px; color: #999;  font-size: 12px; line-height: 24px; text-align: center;font-weight: bold;ottom: 60px;}


.election_wrap_row> .election_chart .prog-bar .prog-val{position: absolute;  width: 300px; text-align: left; right: -310px;height: 55px;}
.election_wrap_row> .election_chart .prog-bar .prog-val_per{font-size: 300%;color: #0db93f;font-weight: bold;line-height: 54px;}
/*  //election_wrap_row 대선 투표율  */

/*election_wrap_row_after 출구조사, 득표율, 결과*/
.election_wrap_row_after{width: 1050px;overflow: hidden;margin: 0 auto;box-sizing: border-box; position: relative;}
.election_wrap_row_after .tit_area {width: 100%; height: 53px; box-sizing: border-box; background:url(//image.news1.kr/system/resource/news1_www/images/election/title_img.png?20240315); padding: 10px; margin-top: 1px;}
.election_wrap_row_after .tit_area div{display: inline-block;}
.election_wrap_row_after .tit_area .link_right{float: right;margin-top: 5px;}
.election_wrap_row_after .tit_area .link_right a{color: #fff;position: relative;display: inline; font-weight: bold; font-size: 17px;}
.election_wrap_row_after .vote_rate_area {height: 247px;}
.election_wrap_row_after .vote_rate_area > div {padding:10px; display: inline-block;height: 100%;box-sizing: border-box;}
.election_wrap_row_after .left_area {float:left; width:185px;}
.election_wrap_row_after .left_area .tit_section {margin-top: 10px;color: #2f2f2f;font-size: 12px;}
.election_wrap_row_after .left_area .tit_section > span {font-size: 17px;font-weight: bold;}
.election_wrap_row_after .title_style_01 {color:#2f2f2f;font-size: 18px;font-weight: 600;  margin-top: 5px;}
.election_wrap_row_after .title_style_01 p { font-weight: 400; display: inline-block; float: right; font-size: 16px;}
.election_wrap_row_after b { font-weight: 600 !important;}
.election_wrap_row_after .donut { width: 150px; height:150px;  margin: 0 auto; border-radius: 50%; position: relative; text-align: center; transition: background .3s ease-in-out; margin-top: 20px;}
.election_wrap_row_after .donut::before { color: #632ed8; width: 100px; height: 100px;  background: #fff; border-radius: 50%; position: absolute; left: 25px; top: 25px; display: block; content: attr(data-percent); transform: skew(-0.03deg);  margin: auto; font-size: 35px; font-weight: bold; line-height: 100px;}
.election_wrap_row_after .political_wrap { display: inline-block; width:90px; box-sizing: border-box; border-radius: 10px; border:1px solid #d2d2d2;  padding: 10px 7px; position: relative;  margin-top: 15px;}
.election_wrap_row_after .political_wrap .party_name { border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; color:#fff; padding: 8px 4px; line-height: 35px; height: 50px; box-sizing: border-box;position: absolute; top: 0; left: 0; width: 100%;}
.election_wrap_row_after .political_wrap .total_count {font-size: 21px; padding: 10px 0; border-bottom:1px solid #eaeaea; text-align: center;margin-top: 40px;}
.election_wrap_row_after .political_wrap .total_per { font-size: 18px; padding: 8px 0; border-bottom:1px solid #eaeaea; text-align: center; color:#4a4a4a;}
.election_wrap_row_after .political_wrap .area_count { font-size: 12px; padding: 10px 0; color:#818181; }
.election_wrap_row_after .political_wrap .party_count { font-size: 12px; padding: 10px 0; color:#818181; }
.election_wrap_row_after .float_l { float: left;}
.election_wrap_row_after .float_r { float: right;}
.election_wrap_row_after .text_l { text-align: left;}
.election_wrap_row_after .text_r { text-align: right;}
.election_wrap_row_after .text_c { text-align: center;}
.election_wrap_row_after .right_area { float: right; width: 173px;background: #f1f1f1;}
.election_wrap_row_after .right_area .fadeSwiper {  margin-top: 10px; height: 200px;}
.election_wrap_row_after .right_area .fadeSwiper .swiper-slide { background:#f1f1f1;}
.election_wrap_row_after .right_area .fadeSwiper .swiper-pagination-bullet {margin:0 3px;}
.election_wrap_row_after .right_area .fadeSwiper .swiper-pagination-bullet-active { background:#2f2f2f;}
.election_wrap_row_after .right_area .fadeSwiper .party_rate { color:#2f2f2f; font-size: 12px; text-align: center;}
.election_wrap_row_after .right_area .fadeSwiper .float_m { text-align: center; color: #898989; font-weight: 600;margin: -5px 0;}
.election_wrap_row_after .right_area .fadeSwiper img { width: 60px; height: 60px; border-radius: 30px; background: #fff; margin: 10px 8px;}
.election_wrap_row_after .right_area .fadeSwiper .info { width: 75px;padding-top: 10px;line-height: 15px;}
.election_wrap_row_after .right_area .fadeSwiper .info .name {font-size: 15px;color:#2f2f2f;}
.election_wrap_row_after .right_area .fadeSwiper .info .party {font-size: 11px; color: #707070;}
.election_wrap_row_after .right_area .fadeSwiper .info .per {font-size: 20px;line-height: 22px;color:#2f2f2f;}
.election_wrap_row_after .district_title_area {width:100%;padding: 0 50px;box-sizing: border-box;background: #454545; position: relative;}
.election_wrap_row_after .district_title_area .party_thumb .swiper-slide {text-align: center; height: 40px; font-size: 16px; color:#fff; line-height: 40px; font-weight: normal;}
.election_wrap_row_after .district_title_area .party_thumb .swiper-slide:hover {cursor: pointer;}
.election_wrap_row_after .district_title_area .party_thumb .swiper-slide.on{background-color: #5e5e5e}
.election_wrap_row_after .district_title_area .swiper-button-next, .election_wrap_row_after .district_title_area .swiper-button-prev{color:#fff;}
.election_wrap_row_after .district_title_area .swiper-button-next:after, .election_wrap_row_after .district_title_area .swiper-button-prev:after{font-size: medium;}
.election_wrap_row_after .district_contents_area {width:100%;height:372px;box-sizing: border-box; background: #f6f6f6; position: relative;}
.election_wrap_row_after .party_individual .swiper-button-next, .election_wrap_row_after .party_individual .swiper-button-prev{color:#2f2f2f;}
.party_individual .swiper-button-prev{left:-40px;}
.party_individual .swiper-button-next{right:-40px;}
.election_wrap_row_after .party_individual .swiper-button-next:after, .election_wrap_row_after .party_individual .swiper-button-prev:after{font-size: medium;font-weight: 600;}

.swiper.party_individual {overflow: visible;}
.swiper.party_wrap > .swiper-wrapper > .swiper-slide {padding: 20px 50px;box-sizing: border-box;}
.party_individual > .swiper-wrapper > .swiper-slide {visibility: hidden;}
.party_individual > .swiper-wrapper > .swiper-slide.swiper-slide-visible{visibility: visible;}
.election_wrap_row_after .district_contents_area .area_wrap {position: relative;}
.election_wrap_row_after .district_contents_area .area_wrap .area_name{font-size: 16px; color:#2f2f2f;text-align: center;padding: 7px 0;font-weight: 400;}
.election_wrap_row_after .district_contents_area .area_wrap > div {width: 100%;height: 293px; border:1px solid #c9c9c9; background: #fff; padding: 10px; box-sizing: border-box; }
.election_wrap_row_after .district_contents_area .area_wrap > div > p {font-size: 13px; color:#2f2f2f;text-align: center;padding-bottom: 27px;font-weight: 400;}
.election_wrap_row_after .district_contents_area .area_wrap .person {width: 48%;display: inline-block;  position: relative;}
.election_wrap_row_after .district_contents_area .area_wrap .person:after {width:48px; height:47px; position: absolute; content: '';top: -17px; left: -15px; }
.election_wrap_row_after .district_contents_area .area_wrap .person.winner:after { background:url(//image.news1.kr/system/resource/news1_www/images/election/first_medal.png?20240403);}
.election_wrap_row_after .district_contents_area .area_wrap .person.float_r:after { background:url(//image.news1.kr/system/resource/news1_www/images/election/second_medal.png?20240403);}
.election_wrap_row_after .district_contents_area .area_wrap .person.con:after { background:url(//image.news1.kr/system/resource/news1_www/images/election/Congratulation.png?20240403);}
.election_wrap_row_after .district_contents_area .area_wrap .person img {height: 120px; width: 100%;}
.election_wrap_row_after .district_contents_area .area_wrap .person .party {font-size: 13px; color:#2f2f2f;text-align: center;padding: 10px 0 6px;}
.election_wrap_row_after .district_contents_area .area_wrap .person .name {font-size: 16px; color:#2f2f2f;text-align: center;font-weight: 600;}
.election_wrap_row_after .district_contents_area .area_wrap .person .per {font-size: 18px; color:#2f2f2f;text-align: center;font-weight: 600;margin-top: 42px;}
.election_wrap_row_after .district_contents_area .area_wrap .person.winner .per {font-size: 22px; color:#5929d4;margin-top: 40px;}
.election_wrap_row_after .district_contents_area .area_wrap .count {position: absolute;width:68px; height: 28px; background:#5929d4; border-radius: 14px; bottom: 41px; box-sizing: border-box;left: 50%; margin-left: -34px; }
.election_wrap_row_after .district_contents_area .area_wrap .count span { color:#fff; font-size: 14px;line-height: 26px;letter-spacing: -0.5px;  }
.election_wrap_row_after .district_contents_area .area_wrap .count::before {position: absolute; width: 70px; content: ''; bottom:14px; border-bottom: 1px solid #c9c9c9; left: -70px;}
.election_wrap_row_after .district_contents_area .area_wrap .count::after {position: absolute; width: 70px; content: ''; bottom:14px; border-bottom: 1px solid #c9c9c9; left: 68px;}
.election_wrap_row_after .district_contents_area .area_wrap .count span::after {position: absolute; width: 100%; content: '표차'; left: 0; top:-25px; font-size: 11px; color:#8c8c8c; }


.election_wrap_row_after .result_area {width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.election_wrap_row_after .result_area img{ display: block;  width: 100%; height: 100%; object-fit: cover;}
.election_wrap_row_after .swiper.result_area .swiper-pagination{top:10px; text-align: right;bottom: initial;}
.election_wrap_row_after .swiper.result_area .swiper-pagination .swiper-pagination-bullet{margin:0 20px 0 0; width:10px; height: 10px; }
.election_wrap_row_after .swiper.result_area .swiper-pagination .swiper-pagination-bullet-active{width: 20px; background: #252525; border-radius: 5px;}
.election_wrap_row_after .swiper.result_area .swiper-button-next:after, .result_area .swiper-button-prev:after {color: #525252; font-weight: 600;}

/*  //election_wrap_row_after 출구조사, 득표율, 결과*/

/*main_news*/
.main_news{height:263px;height:230px;overflow:hidden;margin-bottom:20px;padding:30px 0;border-bottom:2px solid #596490;}
.main_news .pic_area{display:block;float:left;position:relative;width:336px;height:230px;overflow:hidden;margin-right:34px;}
.main_news .pic_area:after{display:block;position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;content:'';border:1px solid rgba(0,0,0,.1);}
.main_news .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:middle;}
.main_news .news_area{float:left;position:relative;width:680px;/* height:294px; */overflow:hidden;}
.main_news .tit{display:block;overflow:hidden;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1);}
.main_news .tit h3{overflow:hidden;font-size:36px;font-weight:bold;line-height:40px;white-space:nowrap;letter-spacing:-2px;text-overflow:ellipsis;}
.main_news .tit .sub_tit{width:100%;overflow:hidden;font-size:20px;font-weight:bold;line-height:27px;max-width:95%;margin:6px 0 10px;white-space:nowrap;letter-spacing:-1px;text-overflow:ellipsis;color:#375bac;}
.main_news .tit .text{width:97%;height:45px;overflow:hidden;font-size:13px;font-weight:normal;line-height:21px;margin:0 0 15px;letter-spacing:-1px;color:#777;}
.main_news .relation_list{display:block;bottom:0;padding:12px 0;background:#fff;}
.main_news .relation_list li:after{display:block;position:absolute;width:21px;height:21px;top:0;left:0;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -36px 2px;}
.main_news .relation_list li{float:left;position:relative;width:50%;line-height:20px;box-sizing:border-box;margin:0 0 3px 0;padding-left:21px;}
.main_news .relation_list li:before{display:block;position:absolute;width:15px;height:15px;top:2px;left:0;content:'';}
.main_news .relation_list li a{display:inline-block;width:98%;font-size:14px;font-weight:bold;max-width:100%;white-space:nowrap;letter-spacing:0;text-overflow:ellipsis;color:#333;}
.main_news .news_area .txt_01{width:776px;font-size:14px;line-height:22px;margin-bottom:5px;padding:0 0;letter-spacing:-1px;color:#000;}
.main_news.line_4 .relation_list{padding:20px 0;}
.main_news.line_3 .relation_list{padding:10px 0;}
.main_news.line_2 .relation_list{padding:10px 0;}
.main_news.line_2 .text{height:66px;margin-bottom:17px;}
.main_news.line_1 .relation_list{padding:17px 0;}
.main_news.line_1 .text{height:89px;}
.main_news.line_0 .relation_list{padding:17px 0;}
.main_news.line_0 .text{height:104px;margin:20px 0 0 0;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);}
.main_news.line_0 .tit{border:none;}
.main_news.no_img{height:auto;}
.main_news.no_img .news_area{width:100%;}
.main_news.no_img .tit{border:none;}
.main_news.no_img .tit h3{white-space:normal;text-overflow:inherit;}
.main_news.no_img .tit .sub_tit{white-space:normal;}
.main_news.no_img .tit .text{height:auto;}

/*wrap_middle_list*/
.wrap_middle_list .middle_list > li{height:auto;box-sizing:border-box;padding:11px 0;border-bottom:1px solid #eee;}
.middle_list > li:last-child{margin:0;padding-bottom:0;border:none;}
.middle_news .pic_area{display:block;float:left;width:150px;height:100px;overflow:hidden;margin-right:28px;}
.middle_news .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:middle;}
.middle_news .news_area{float:left;position:relative;width:485px; height:109px; }
.middle_news{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1);}
.middle_list{padding:10px 0;float: left;}
.middle_news.no_img .news_area{float:none;position:relative;width:100%;height:auto;}
.middle_news .tit{display:block;width:100%;overflow:hidden;}
.middle_news .tit h3{height:37px;overflow:hidden;font-size:22px;font-weight:bold;line-height:37px;white-space:nowrap;letter-spacing:-1px;text-overflow:ellipsis;color:#222;}
.middle_news .tit p{width:100%;height:auto;overflow:hidden;font-size:14px;line-height:20px;max-width:99%;margin:4px 0 4px;white-space:normal;letter-spacing:-.7px;color:#666;}
.middle_news .relation_list{display:block;position:relative;bottom:0;padding:1px 5px 0;background:#fff;}
.middle_news .relation_list li{float:left;position:relative;width:100%;font-size:14px;line-height:21px;box-sizing:border-box;padding-left:21px;letter-spacing:-.7px;color:#223b9c;}
.middle_news .relation_list li:after{display:block;position:absolute;width:21px;height:21px;top:0;left:0;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -36px 2px;}
.middle_news.no_img .relation_list{display:block;bottom:0;padding:5px 0 0;background:#fff;}
.middle_news.no_img .pic_area{display:none;}
.middle_news.no_img .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:middle;}
.middle_news.no_img .relation_list{display:block;bottom:0;padding:5px 0 0;background:#fff;}
.middle_news.no_img .pic_area{display:none;}
.middle_news.no_img .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:middle;}
.middle_news.r_00 .tit p{height:64px;}
.middle_news.r_01 .tit p{height:44px;margin-bottom:0;}
.middle_news.r_02 .tit p{height: 24px}
.middle_news.r_03 .tit p{height:0;margin:0;}

.middle_news .tag_mark{width:25px;height:20px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -4px -381px;}
.middle_news .tag_mark{float:left;font-size:12px;margin: 8px 5px 0 0;padding: 0px 5px;text-decoration:none;text-indent:-9999px;color:#fff;/* border:1px solid; */}
.middle_news .tag_mark.c01{width:25px;height:20px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -4px -403px;}

/*wrap_common_list*/
.wrap_common_list .common_list > li{height:auto;box-sizing:border-box;padding:11px 0;border-bottom:1px solid #eee;}
.common_list > li:last-child{margin:0;padding-bottom:0;border:none;}
.common_news .pic_area{display:block;float:left;width:120px;height:80px;overflow:hidden;margin-right:25px;}
.common_news .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:common;}
.common_news .news_area{float:left;position:relative;width:554px;/* height:109px; */}
.common_list{/* margin: 13px 0; */padding:21px 0;border-bottom:1px solid rgba(0,0,0,.1);}
.common_list:first-child{padding-top:0;}
.common_list:last-child{border:none;}
.common_list li:first-child{padding-top:0;border:none;}
.common_news{margin-bottom:0;padding-bottom:21px;/* border-bottom:1px solid rgba(0,0,0,.1); */}
.common_news.no_img{/* margin: 0px 0; */
    padding:21px 0;}
.common_news.no_img .news_area{float:none;position:relative;width:100%;height:auto;}
.common_news .tit{display:block;width:100%;overflow:hidden;}
.common_news .tit h3{width:90%;height:32px;overflow:hidden;font-size:19px;font-weight:bold;line-height:28px;white-space:nowrap;letter-spacing:-1px;text-overflow:ellipsis;color:#333;}
.common_news .tit p{width:100%;height:auto;overflow:hidden;font-size:14px;line-height:20px;max-width:100%;margin:3px 0 0;white-space:normal;letter-spacing:-.7px;text-overflow:ellipsis;color:#777;}
.common_news .relation_list{display:block;position:relative;bottom:0;background:#fff;}
.common_news .relation_list li{float:left;position:relative;width:100%;font-size:14px;line-height:21px;box-sizing:border-box;padding-left:21px;color:#223b9c;}
.common_news .relation_list li:after{display:block;position:absolute;width:21px;height:21px;top:0;left:0;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -36px 2px;}
.common_news.no_img .relation_list{display:block;bottom:0;padding:5px 0 0;background:#fff;}
.common_news.no_img .pic_area{display:none;}
.common_news.no_img .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:common;}
.common_news.no_img .relation_list{display:block;bottom:0;padding:5px 0 0;background:#fff;}
.common_news.no_img .pic_area{display:none;}
.common_news.no_img .pic_area img{display:table-cell;width:100%;margin:0 auto;text-align:center;vertical-align:common;}
.common_news.r_00 .tit p{height:42px;}
.common_news.r_01 .tit p{display:none;height:44px;margin-bottom:0;}
.common_news.r_02 .tit p{height:0;}
.common_news.r_03 .tit p{height:0;margin:0;}
.common_news .tag_mark{float:left;font-size:12px;margin:3px 5px 0 0;padding:2px 5px;text-decoration:none;text-indent:-9999px;color:#fff;border:1px solid;background:#aaa;}
.common_news .tag_mark.c01{width: 36px;height:20px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -4px -403px;}
.common_news.no_img .news_area{float:none;position:relative;width:100%;height:auto;}
.common_news .tit{display:block;width:100%;overflow:hidden;}
.common_news .tag_mark{width: 36px;height:20px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -4px -381px;padding: 0;}
.common_news.no_img .news_area{float:none;position:relative;width:100%;height:auto;}

/*avi_news*/
.side_avi_news {float: left; width: 723px;padding: 0 0 10px; padding-right: 20px;}
.side_avi_news>a {width:50px;}
.side_avi_news #videoC img {height: 340px;}
.side_avi_news .tit_area{line-height:38px;height:40px;}
.side_avi_news h3{height: 54px; font-size: 18px; font-weight: bold; line-height: 52px; color: #1746a8;}
.wrap_side_section .btn_more{position:relative;float:right;width:20px;}
.wrap_side_section .btn_more:after{position:absolute;top:0;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) 0 -50px;}
.side_avi_news .avi_link{font-size:14px;line-height:20px;position:relative;z-index:10;box-sizing:border-box;height:56px;margin-top:-8px;padding:7px 10px;color:#dcdcdc;background:#333;}
.side_avi_news .vjs-big-play-button{font-size:31px!important;}
a.link_avi:hover{text-decoration:none;color:#396dbb;}
.side_avi_news .btn_avi:before{display:block;content:'';transition:.4s;}
.side_avi_news .btn_avi:hover:before{position:absolute;top:0;left:0;width:196px;height:167px;background:rgba(0,0,0,.2);}
.side_avi_news .btn_avi_area{overflow:hidden;margin:0;}
.side_avi_news .btn_avi_area .btn_avi{position:relative;display:block;float:left;width:153px;height:107px;/*width:196px;height:167px;*/ margin-left:7px;margin-bottom:9.5px;cursor:pointer;transition:.2s;}
.side_avi_news .btn_avi_area .btn_avi img{height:107px;}
.btn_avi:after{position:absolute;top:0;display:block;box-sizing:border-box;width:100%;height:100%;content:'';border:1px solid rgba(0,0,0,.1);}
.side_avi_news .vjs-big-play-button{font-size:31px!important;}
a.link_avi:hover{text-decoration:none;}
.side_avi_news .pic_area{overflow:hidden;width:300px;height:200px;}
.side_avi_news .pic_area:before{position:absolute;z-index:10;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -0 -273px;}
.side_avi_news .txt{font-weight:bold;line-height:21px;position:absolute;bottom:0;box-sizing:border-box;box-sizing:border-box;width:100%;height:90px;padding:27px 0 0 0;white-space:nowrap;text-decoration:none;letter-spacing:-1px;text-overflow:clip;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,.80) 90%)!important;}
.side_avi_news .txt span{font-size:14px;position:absolute;z-index:10;bottom:10px;display:block;overflow:hidden;box-sizing:border-box;width:298px;height:20px;margin:0 0;margin:0;padding:0 10px;white-space:normal;text-decoration:none;}
.side_avi_news .txt:after{display:block;}
.side_avi_news .link_avi{position:relative;display:block;overflow:hidden;height:350px;}

/*sl_card_area*/
.sl_card_area{float:left;width:1090px;margin:30px 0 30px -12px;/* padding-right:20px; *//* border-right: 1px solid rgba(0,0,0,0.1); */}
.sl_card_area .tit_00{height:54px;font-size:18px;font-weight:bold;line-height:52px;color:#1746a8;}
.sl_card_area .tit_01{z-index:10;position:absolute;height:24px;bottom:2px;font-size:18px;/* font-weight:bold; */font-size:13px;line-height:22px;padding-left:10px;color:#4687f2;}
.sl_card_area .tit_02{z-index:100;position:absolute;width:100%;height:70px;bottom:0;font-size:16px;line-height:21px;box-sizing:border-box;padding:12px 15px;text-align:center;color:#000;border-bottom:1px solid #ddd;background:#fff;}
.sl_card_area .sl_card_news{float:left;position:relative;width:240px;height:351px;margin:0 13px;border:1px solid #ddd;}
.sl_card_area .list_card{position:relative;/* width:100%; */height:351px;/* border: 1px solid; */}
.sl_card_area .list_card:after{height:100%;top:0;box-sizing:border-box;content:'';}
.sl_card_area .list_card .page{height:320px;overflow:hidden;}
.sl_card_area .list_card .page:after{display:none;content:'';}
.sl_card_area .list_card .page:before{display:block;content:'';}
.sl_card_area .list_card .tit_01{z-index:10;position:absolute;width:100%;height:65px;bottom:0;font-size:24px;line-height:65px;box-sizing:border-box;padding:0 20px;color:#fff;}
.sl_card_area .list_card .pic_area{width:100%;height:320px;}
.sl_card_area .list_card .pic_area:after{
    border: none;
}
.sl_card_area .list_card .pic_area img{width:100%;height:auto;}
.sl_card_area .slick-slider{position:relative;/* margin-bottom:30px; */}
.sl_card_area .slick-dots{position:absolute;width:100%;right:10px;bottom:4px;padding:0;list-style:none;text-align:right;}
.sl_card_area .slick-dots li{display:inline-block;position:relative;width:17px;height:20px;margin:0;padding:0;cursor:pointer;}
.sl_card_area .slick-dots li button{display:block;width:20px;height:20px;font-size:0;line-height:0;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.sl_card_area .slick-dots li button:hover,.sl_card_area .slick-dots li button:focus{outline:none;}

.sl_card_area .slick-dots li button:hover:before,.sl_card_area .slick-dots li button:focus:before{opacity:1;}
.sl_card_area .slick-dots li button:before{position:absolute;width:20px;height:20px;top:50%;left:50%;/* font-family:'slick'; */font-size:38px;line-height:20px;margin:-14px -10px;text-align:center;opacity:1;color:#aaa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.Safari .sl_card_area .slick-dots li button:before,
.iPhone .sl_card_area .slick-dots li button:before,
.iPad .sl_card_area .slick-dots li button:before{margin: -10px -20px}
.sl_card_area .slick-dots li.slick-active button:before{opacity:1;color:#4687f2;}

/*sl_card_area*/
.sl_card_area .list_card_02 .tit_02{position:relative;height:auto;bottom:30px;bottom:0;padding-bottom:9px;text-align:center;}
.sl_card_area .list_card_02{position:relative;/* width:100%; */height:351px;/* border: 1px solid; */}
.sl_card_area .list_card_02:after{height:100%;top:0;box-sizing:border-box;content:'';}
.sl_card_area .list_card_02 .page{height:320px;overflow:hidden;border-bottom:1px solid #ddd;background:#fff;visibility: visible;}
.sl_card_area .list_card_02 .page:after{display:block;position:absolute;width:220px;height:150px;top:7px;left:10px;content:'';background: url(//image.news1.kr/system/resource/news1_www//2/img/main/mask_people.png) no-repeat ;}
.sl_card_area .list_card_02 .page:before{display:block;position:absolute;width:220px;height:150px;top:7px;left:10px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/mask_people.png) no-repeat;}
.sl_card_area .list_card_02 .tit_01{z-index:10;position:absolute;width:100%;height:65px;bottom:0;font-size:24px;line-height:65px;box-sizing:border-box;padding:0 20px;color:#fff;}
.sl_card_area .list_card_02 .txt_area{position:absolute;height:123px;bottom:30px;margin:0 10px 10px;padding-top:30px;}
.sl_card_area .list_card_02 .txt_area:after{display:block;position:absolute;width:33px;height:30px;top:5px;left:50%;margin-left:-17px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -67px -5px no-repeat;}
.sl_card_area .list_card_02 .txt_area .text{font-size:13px;line-height:18px;padding:10px;color:#777;}
.sl_card_area .list_card_02 .pic_area{position:relative;width:100%;height:156px;overflow:hidden;box-sizing:border-box;padding:10px 10px;background:#fff;}
.sl_card_area .list_card_02 .pic_area:after{display:none;}
.sl_card_area .list_card_02 .pic_area img{width:100%;height:auto;}

/*.wrap_sl_brand*/
.sl_photo_area .page{/* float:left; */
    overflow:hidden;}
.sl_photo_area .tit_00{height:54px;font-size:18px;font-weight:bold;line-height:52px;color:#1746a8;}
.sl_photo_area .page .item{float:left;position:relative;width:240px;margin:0 14px;}
.sl_photo_area .page .pic_area{height:163px;overflow:hidden;}
.sl_photo_area .page .pic_area:before{display:block;position:absolute;width:100%;height:170px;bottom:0;content:'';background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.50) 90%);}
.sl_photo_area .page .pic_area img{width:100%;}
.sl_photo_area{float:left;clear:both;width:100%;padding:10px 0 30px;padding-right:20px;}
.sl_photo_area .list_sl_photo{width:100%;}
.sl_photo_area .list_sl_photo .page{height:auto;}
.sl_photo_area .list_sl_photo .pic_area img{width:100%;max-width:360px;margin:0 auto;}
.sl_photo_area .list_sl_photo .ico_photo{z-index:10;position:absolute;width:25px;height:25px;top:132px;left:10px;}
.sl_photo_area .list_sl_photo .ico_photo:before{display:block;position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -2px -205px;}
.sl_photo_area .list_sl_photo .ico_folder{z-index:100;position:absolute;width:25px;height:25px;top:132px;left:10px;font-size:12px;line-height:29px;padding-left:25px;color:#fff;}
.sl_photo_area .list_sl_photo .ico_folder:before{display:block;position:absolute;width:20px;height:20px;top:50%;left:0;margin-top:-10px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -2px -180px;}
.sl_photo_area .control_area{/* display:none; */
    z-index:19;float:right;position:relative;height:54px;font-size:11px;line-height:52px;}
.sl_photo_area .control_area .nav{display:block;float:left;font-size:16px;margin-right:15px;color:#888;}
.sl_photo_area .control_area .nav .now{font-weight:bold;color:#1746a8;}
.sl_photo_area .control_area .btn_area{display:block;float:left;position:relative;}
.sl_photo_area .control_area .btn_area button{float:left;width:19px;height:49px;background-position:0 -139px;}
.sl_photo_area .control_area .btn_area:before{display:block;position:absolute;width:1px;height:12px;top:50%;left:50%;margin:-5px 0 0 -1px;content:'';border-right:1px solid #ddd;}
.sl_photo_area .control_area .btn_area button:after{position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) 0 -157px;}
.sl_photo_area .control_area .btn_area button.next:after{background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -19px -157px;}
.sl_photo_area .slick-dots li{display:none;}
.sl_photo_area .list_sl_photo{clear:both;width:1080px;overflow:hidden;margin:0;/* margin-left:-5px; */margin-left:-11px;}
.sl_photo_area h3{display:inline;float:left;font-size:inherit;font-weight:bold;padding-left:3px;}
.sl_photo_area h4.tit_01{display:inline;float:left;height:42px;overflow:hidden;font-size:15px;font-weight:bold;line-height:44px;max-width:95%;padding-left:3px;white-space:nowrap;text-overflow:ellipsis;color:#010101;}

/*wrap_metro*/
.wrap_main_section.v02{width:700px;padding-right:25px;}
.wrap_metro{display:block;}
.metro_list{display:block;position:relative;height:546px;}
.wrap_metro .tit_area{height:42px;/* border-bottom: 1px solid rgba(0,0,0,0.1); */line-height:40px;border-top:2px solid rgba(0,0,0,.9);}
.wrap_metro .tit_00{float:left;font-size:18px;font-weight:bold;letter-spacing:-1px;color:#394669;}
.wrap_metro .btn_more{float:right;position:relative;width:20px;}
.wrap_metro .btn_more:after{position:absolute;width:20px;height:20px;top:0;top:50%;right:0;margin-top:-10px;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) 0 -50px;}
.wrap_metro .block{display:none;float:left;position:absolute;box-sizing:border-box;}
.wrap_metro .block:after{display:block;position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;content:'';border:1px solid rgba(0,0,0,.1);}
.wrap_metro .block .pic_area{height:167px;overflow:hidden;}
.wrap_metro .block .txt_area{height:65px;box-sizing:border-box;padding:11px 15px 0 15px;text-align:center;}
.wrap_metro .block .tit_01{font-size:15px;line-height:21px;letter-spacing:-1px;color:#141414;}
.wrap_metro .block.list_01{display:block;width:230px;/* height:235px; */}
.wrap_metro .block.list_02{width:230px;/* height:235px; */}
.wrap_metro .block.list_02{display:block;left:235px;}
.wrap_metro .block.list_03{display:block;width:230px;/* height: 232px; */right:0;}
.wrap_metro .block.list_03 .pic_area{height:233px;}
.wrap_metro .block.list_03 .txt_area{/* padding:6px 15px; */}
.wrap_metro .block.list_04{display:block;width:230px;height:235px;height:297px;top:240px;left:0;}
.wrap_metro .block.list_04 .pic_area{height:232px;}
.wrap_metro .block.list_05{width:230px;height:235px;}
.wrap_metro .block.list_05{display:block;height:58px;top:239px;right:235px;background:#efeff2;}
.wrap_metro .block.list_05 h4{height:45px;overflow:hidden;font-size:16px;font-weight:bold;font-weight:bold;color:#333;}
.wrap_metro .block.list_05 .txt_area{height:49px;font-size:14px;line-height:19px;margin-top:8px;padding:0 15px;}
.wrap_metro .block.list_06{width:230px;/* height:239px; */}
.wrap_metro .block.list_06{display:block;right:0;bottom:9px;}
.wrap_metro .block.list_07{width:230px;height:232px;}
.wrap_metro .block.list_07{display:block;/* right:0; *//* bottom:9px; */
    bottom:9px;left:235px;text-align:left;background:#efeff2;}
.wrap_metro .block.list_07:before{display:block;position:absolute;width:33px;height:210px;top:50%;left:50%;margin:-105px 0 0 -17px;content:'';background:url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -67px -5px no-repeat;}
.wrap_metro .block.list_07 .txt_area{/* padding: 0; */z-index:10;position:relative;padding:48px 20px 0;}
.wrap_metro .block.list_07 .txt_area .tit_01{font-size:16px;font-weight:bold;line-height:22px;margin-bottom:7px;text-align:left;letter-spacing:-.7px;color:#333;}
.wrap_metro .block.list_07 .txt_area .text{font-size:13px;line-height:19px;text-align:left;color:#777;}

/*wrap_inside*/
.wrap_inside{display:block;position:relative;overflow:hidden;margin:40px 0 50px 0;}
.wrap_inside .right_area{float:left;width:700px;padding-right:25px;border-right:1px solid rgba(0,0,0,.1);position: relative;}
.inside_list{display:block;position:relative;overflow:hidden;margin-left:-5px;}
.wrap_inside .tit_area{height:42px;/* border-bottom: 1px solid rgba(0,0,0,0.1); */line-height:40px;border-top:2px solid rgba(0,0,0,.9);}
.wrap_inside .tit_00{float:left;font-size:15px;font-size:18px;font-weight:bold;color:#394669;}
.wrap_inside .tit_01{font-size:12px;line-height:18px;}
.wrap_inside .inside_link_area{float:left;position:relative;width: 149px;height:328px;color:#deccb3;background:url(//image.news1.kr/system/resource/news1_www//2/img/main/inside_title.gif) no-repeat;}
.wrap_inside .inside_link_area .inside_link{position:absolute;right: 22px;bottom:0;font-size:13px;line-height:1.6;padding-bottom: 20px;}
.wrap_inside .sl_inside_list{float: left;position:relative;width: 550px;height:328px;}
.wrap_inside .sl_inside_list .page{width:100%;height:328px;overflow:hidden;}
.wrap_inside .sl_inside_list .page:after{display:block;position:absolute;width:100%;height:100%;bottom:0;content:'';background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.80) 90%);}
.wrap_inside .sl_inside_list .page:before{display:block;z-index:20;position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;content:'';border:1px solid rgba(0,0,0,.1);}
.wrap_inside .sl_inside_list .tit_01{z-index:10;position:absolute;width: 480px;height:65px;bottom:0;font-size:21px;line-height:65px;box-sizing:border-box;padding:0 20px;letter-spacing:0;color:#fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.wrap_inside .sl_inside_list .pic_area{width:100%;height:100%;}
.wrap_inside .sl_inside_list .pic_area img{width:100%;height:auto;}
.wrap_inside .slick-slider{position:relative;margin-bottom:0;}
.wrap_inside .slick-dots{position:absolute;width:100%;bottom:-32px;padding:0;list-style:none;text-align:center;}
.wrap_inside .slick-dots li{display:inline-block;position:relative;width:20px;height:20px;margin:0;padding:0;cursor:pointer;}
.wrap_inside .slick-dots li button{display:block;width:20px;height:20px;font-size:0;line-height:0;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.wrap_inside .slick-dots li button:hover,.wrap_inside .slick-dots li button:focus{outline:none;}
.wrap_inside .slick-dots li button:hover:before,.wrap_inside .slick-dots li button:focus:before{opacity:1;}
.wrap_inside .slick-dots li button:before{position:absolute;width:20px;height:20px;top:50%;left:50%;/* font-family:'slick'; */font-size:38px;line-height:20px;margin:-14px -10px;text-align:center;opacity:1;color:#aaa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.wrap_inside .slick-dots li.slick-active button:before{opacity:1;color:#4687f2;}
.wrap_inside .control_area{/* display:none; */z-index:19;left: 627px;position:absolute;bottom:0;font-size:11px;padding:0;}
.wrap_inside .control_area .btn_area{display:block;float:left;}
.wrap_inside .control_area .btn_area button{float:left;width:36px;height:36px;bottom: 13px;right: 5px;}
.wrap_inside .control_area .btn_area button:after{display: block;width: 30px;height: 30px;content: '';opacity: 1;background: url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) no-repeat;background-position: -37px -427px;margin: -20px 0px;}
.wrap_inside .control_area .btn_area button.next:after{background: url(//image.news1.kr/system/resource/news1_www//2/img/main/common.png) -73px -427px;}