@charset "utf-8"; /* 폰트 */ @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 300; src: url("https://image.donga.com/font/NotoSansKR-Light.eot"); src: url("https://image.donga.com/font/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),url("https://image.donga.com/font/NotoSansKR-Light.woff2") format("woff2"),url("https://image.donga.com/font/NotoSansKR-Light.woff") format("woff"),url("https://image.donga.com/font/NotoSansKR-Light.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 400; src: url("https://image.donga.com/font/NotoSansKR-Regular.eot"); src: url("https://image.donga.com/font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),url("https://image.donga.com/font/NotoSansKR-Regular.woff2") format("woff2"),url("https://image.donga.com/font/NotoSansKR-Regular.woff") format("woff"),url("https://image.donga.com/font/NotoSansKR-Regular.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 500; src: url("https://image.donga.com/font/NotoSansKR-Medium.eot"); src: url("https://image.donga.com/font/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),url("https://image.donga.com/font/NotoSansKR-Medium.woff2") format("woff2"),url("https://image.donga.com/font/NotoSansKR-Medium.woff") format("woff"),url("https://image.donga.com/font/NotoSansKR-Medium.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 700; src: url("https://image.donga.com/font/NotoSansKR-Bold.eot"); src: url("https://image.donga.com/font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),url("https://image.donga.com/font/NotoSansKR-Bold.woff2") format("woff2"),url("https://image.donga.com/font/NotoSansKR-Bold.woff") format("woff"),url("https://image.donga.com/font/NotoSansKR-Bold.otf") format("opentype"); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: 900; src: url("https://image.donga.com/font/NotoSansKR-Bold.eot"); src: url("https://image.donga.com/font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),url("https://image.donga.com/font/NotoSansKR-Black.woff2") format("woff2"),url("https://image.donga.com/font/NotoSansKR-Black.woff") format("woff"),url("https://image.donga.com/font/NotoSansKR-Black.otf") format("opentype"); } /* reset */ html,body{width:100%;height:100%} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img{margin:0;padding:0} body {font-family:"Noto Sans KR","맑은 고딕","Malgun Gothic","굴림", Gulim,'돋움',dotum,Helvetica,sans-serif;background:#fff;font-size:12px;line-height:140%;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: auto;-webkit-text-size-adjust: none;} /* color , font-family , font-size 디자인가이드에 맞게사용 */ fieldset,img {border:0 none} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes: none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} hr {display:none;} table{border-collapse:collapse;border-spacing:0;} legend, caption {width:0;height:0;font:0/0 Sans-serif;visibility:hidden;z-index: -1;} input,select,textarea,button {vertical-align:top;} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} a:link, a:visited {text-decoration:none;color:#191919;} a:hover, a:active {text-decoration:none;color:#008689;} a:hover strong, a:active strong{color:#008689;text-decoration:none;} a:hover h1, a:active h1{color:#008689;text-decoration:none;} a:hover span, a:active span{color:#008689;text-decoration:none;} a:hover em, a:active em{color:#008689;text-decoration:none;} a:hover p, a:active p {color:#008689;text-decoration:none;} /* 스킵네비 */ .skip {position:relative;z-index:9999999;} .skip a {position:absolute;left:0;top:-1000030px;width:110px;height:30px;line-height:30px;background:#0059bd;font-weight:bold;color:#fff;text-align:center;} .skip a:active, .skip a:focus {top:0;cursor:pointer;} /* common */ .icon_com {background:url('../images/common/icon_comm.png') no-repeat 0 0;font-size:0;color:transparent;} .icon_com01 {background:url('../images/common/icon_comm01.png') no-repeat 0 0;font-size:0;color:transparent;} .mobile_view {width: 100%;font-size: 50px;vertical-align: middle;text-align: center;line-height: 100px;height: 100px;background: #cccccc;border: 2px solid #999999;} #dongawrap {min-width:1200px;} /* 광고 */ #left_wingad {position:absolute;top:-4px;left:-180px;} #right_wingad {position:absolute;top:-4px;right:-180px;} #right_wingad .wingad01 {margin-bottom:160px;} #right_wingad01 {position:absolute;top:1454px;right:-180px;} #adbox_zone01 {padding:0 0 30px 0;text-align:center;} #aside_adbox01 {margin-top:40px;} #aside_adbox02 {margin-top:50px;} #aside_adbox03 {margin-top:50px;} #aside_adbox04 {margin-top:20px;} #aside_adbox05 {margin-top:20px;} #aside_adbox06 {margin-top:40px;} /* header */ #header {position:relative;} #header .header_wrap {position:relative;width:1200px;height:150px;margin:0 auto;border-bottom:4px solid #120c19;z-index:2;} #header .header_wrap .donga_logo {display:block;width:189px;height:35px;margin:0 auto 48px auto;padding:34px 0 0 0;background:url('../images/common/img_logo.png') no-repeat 0 bottom;background-size:189px 35px;font-size:0;color:transparent;} /* 20230406 수정 */ #header .header_wrap .donga_logo a {display:block;width:189px;height:35px;} #header .header_wrap .new_year {display:block;width:363px;height:101px;margin:0 auto 16px auto;padding:0 0 0 0;background:url('../images/common/logo_newyear01.gif') no-repeat 0 bottom;font-size:0;color:transparent;} /* 새해로고 */ #header .header_wrap .new_year a {display:block;width:363px;height:101px;} /* 새해로고 */ #header .header_wrap .holiday {display:block;width:325px;height:117px;margin:0 auto 0 auto;padding:0 0 0 0;background:url('../images/common/logo_holiday01.png') no-repeat 0 bottom;font-size:0;color:transparent;} /* 명절로고 */ #header .header_wrap .holiday a {display:block;width:325px;height:117px;} /* 명절로고 */ #header .header_wrap button {display:inline-block;border:0;cursor:pointer;} #header .header_wrap .nav_icon {position:absolute;top:41px;left:0;} #header .header_wrap .nav_icon .btn_allmenu {width:26px;height:19px;margin-right:30px;background-position: -19px 0;} #header .header_wrap .nav_icon .btn_close {width:26px;height:19px;margin-right:30px;background-position: -25px -29px;} #header .header_wrap .nav_icon .btn_search {width:20px;height:20px;background-position:-56px 0;} #header .header_wrap .relation_cont {position:absolute;top:36px;right:14px;letter-spacing:-0.25px;} #header .header_wrap .relation_cont .language_site {float:left;position:relative;margin-right:24px;} #header .header_wrap .relation_cont .language_site:after {content:'';display:block;clear:both;} #header .header_wrap .relation_cont .language_site .txt {font-size:12px;color:#191919;cursor:pointer;} #header .header_wrap .relation_cont .language_site .txt .icon_arr {display:inline-block;width:7px;height:7px;margin-left:7px;background-position:-31px 0;} #header .header_wrap .relation_cont .language_site02 #language_cont {left:-16px;width:93px;} /* 20220825 추가 */ #header .header_wrap .relation_cont .language_site02 .kr a {color:#191919;font-weight:bold;} /* 20220825 추가 */ #header .header_wrap .relation_cont .media_group {float:left;position:relative;margin-right:24px;} #header .header_wrap .relation_cont .media_group:after {content:'';display:block;clear:both;} #header .header_wrap .relation_cont .media_group .txt {font-size:12px;color:#191919;cursor:pointer;} #header .header_wrap .relation_cont .media_group .txt .icon_arr {display:inline-block;width:7px;height:7px;margin-left:7px;background-position:-31px 0;} #header .header_wrap .relation_cont .login_group {float:left;position:relative;} #header .header_wrap .relation_cont .login_group:after {content:'';display:block;clear:both;} #header .header_wrap .relation_cont .login_group .txt {font-size:12px;color:#191919;cursor:pointer;} #header .header_wrap .relation_cont .login_group .logout {display:inline-block;width:21px;height:20px;background-position:-28px -50px;} #header .header_wrap .relation_cont .group01 .logout {display:inline-block;width:26px;height:26px;margin-top:-4px;background:url('../images/common/my_login.png') no-repeat 0 0;} /* 개편3차 추가 */ /* 20230125 추가 */ #header .header_wrap .relation_cont .group02 .btn_login {display:inline-block;width:50px;height:20px;border: 1px solid #999999;border-radius: 10px;box-sizing:border-box;font-weight: 400;font-size: 11px;line-height:18px;color: #191919;text-align:center;} #header .header_wrap .relation_cont .group02 .btn_login:hover {font-weight: 500;background: #F1F3F5;} #header .header_wrap .relation_cont .group02 .logout {width:auto;height:auto;background:none;cursor:pointer;} #header .header_wrap .relation_cont .group02 .logout em {display:inline-block;max-width:231px;padding-right:2px;color: #191919;font-weight: 700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} #header .header_wrap .relation_cont .group02 .logout .icon_arr {display:inline-block;width:7px;height:7px;margin-left:7px;background-position:-31px 0;} #header .header_wrap .relation_cont .group02.on .logout .icon_arr {background-position:-48px 0;} #header .header_wrap .relation_cont .group02 #login_cont {width:190px;} #header .header_wrap .relation_cont .group02 #login_cont .login_list {width:190px;border: 1px solid #181818;box-sizing:border-box;background: #FFFFFF;} #header .header_wrap .relation_cont .group02 #login_cont .login_list li {height:35px;padding:0 20px;border-top:1px solid #EDEDED;} #header .header_wrap .relation_cont .group02 #login_cont .login_list li a {padding:0;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname {border-top:0;overflow:hidden;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname a {display:inline-block;height:19px;overflow:hidden;padding-top:9px;font-size:13px;color:#4D4D4D;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname a:hover {background:none;color:#191919;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname a:hover em {color:#008689;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname a:after {content:"";display:inline-block;width:6px;height:8px;margin-left:5px;background:url('../images/common/icon_arr02.png') no-repeat 0 0;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .nickname a em {color:#191919;font-weight: 700;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con {height:auto;overflow:hidden;padding:10px 20px 14px;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con .title {font-size: 12px;color: #181818;font-weight: 500;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con span {display:block;float:left;width:50%;margin-top:10px;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con span:nth-child(odd) {padding-left:20px;box-sizing:border-box;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con span a {font-size: 13px;color: #181818;font-weight:500;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con span a:hover {color:#008689;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .my_con span a:after {content:"";display:inline-block;width:6px;height:8px;margin-left:5px;background:url('../images/common/icon_arr02.png') no-repeat 0 0;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .log_out {height:39px;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .log_out a {display:inline-block;padding-top:9px;font-size: 13px;color:#181818;text-decoration:underline;} #header .header_wrap .relation_cont .group02 #login_cont .login_list .log_out a:hover {color: #008689;} #header .header_wrap .relation_cont .list_relation {background:#fff;border:1px solid #000;} #header .header_wrap .relation_cont .list_relation li a {display:block;height:26px;border-top:1px solid #ededed;line-height:26px;font-size:12px;color:#6c6c6c;text-align:right;} #header .header_wrap .relation_cont .list_relation li a:hover {background:#000;color:#fff;} #header .header_wrap .relation_cont .list_relation li:first-child a {border-top:0;color:#191919;font-weight:400;} #header .header_wrap .relation_cont .list_relation li:first-child a:hover {background:#fff;color:#191919;} #header .header_wrap .relation_cont .list_relation li a .icon_arr {display:inline-block;width:7px;height:7px;margin:0 0 2px 7px;background-position:-48px 0;} #header .header_wrap .relation_cont #language_cont {display:none;position:absolute;top:-6px;left:-24px;width:83px;} #header .header_wrap .relation_cont #language_cont li a {padding:0 25px 0 0;} #header .header_wrap .relation_cont #language_cont li:first-child a {padding:0 12px 0 0;} #header .header_wrap .relation_cont #media_cont {display:none;position:absolute;top:-6px;left:-8px;width:107px;} #header .header_wrap .relation_cont #media_cont li a {padding:0 22px 0 0;} #header .header_wrap .relation_cont #media_cont li:first-child a {padding:0 8px 0 0;} #header .header_wrap .relation_cont #login_cont {display:none;position:absolute;top:25px;right:0;width:103px;} #header .header_wrap .relation_cont #login_cont li a {padding:0 24px 0 0;} #header .header_wrap .relation_cont #login_cont li:first-child a {font-weight:400;color:#6c6c6c;} #header .header_wrap .relation_cont #login_cont li:first-child a:hover {background:#000;color:#fff;} #header .header_wrap .nav_cont {padding-top:0;text-align:center;} #header .header_wrap .nav_cont .nav_list {display:flex;justify-content:center;} #header .header_wrap .nav_cont .nav_list li {margin:0 18px;} #header .header_wrap .nav_cont .nav_list li a {display:block;font-size:18px;color:#181819;letter-spacing:-0.5px;font-weight:700;} #header .header_wrap .nav_cont .nav_list li a:hover {color:#008393;} /* 헤더 축소형 */ #header.fixed {position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #d4d4d4;z-index:10000;} #header.fixed .header_wrap {height:49px;border-bottom:0;} #header.fixed .donga_logo {position:absolute;top:15px;left:47px;width:103px;height:19px;padding:0;background:url('../images/common/logo_donga01.png') no-repeat 0 bottom;background-size:103px 19px;font-size:0;color:transparent;} /* 20230406 수정 */ #header.fixed .donga_logo a {width:103px;} #header.fixed .header_wrap .nav_icon {top:15px;} #header.fixed .btn_search {display:none !important;} #header.fixed .header_wrap .nav_cont {padding:15px 0 0 0;} #header.fixed .header_wrap .nav_cont .nav_list li a {font-size:16px;} #header.fixed .relation_cont {display:none;} #header.fixed .show {display:none !important;} /* 검색 */ #header #search_cont {display:none;position:absolute;top:-7px;left:46px;background:#fff;} #header #search_cont .search_inp {position:relative;width:158px;height:32px;padding:0 40px 0 0;border:1px solid #000;border-radius:25px;} #header #search_cont .search_inp .t input {width:150px;height:30px;margin:1px 0 0 11px;padding:0;border:0;font-size:14px;color:#231f20;-webkit-appearance: none;-moz-appearance: none;appearance: none;letter-spacing:-0.5px;font-weight:bold;} #header #search_cont .search_inp .t input:focus {outline:none;} #header #search_cont .search_inp .t input::placeholder {color:#9f9f9f;} #header #search_cont .search_inp .t input::-webkit-input-placeholder {color:#9f9f9f;} #header #search_cont .search_inp .t input:-ms-input-placeholder {color:#9f9f9f;} #header #search_cont .search_inp .t input::-ms-input-placeholder {color:#9f9f9f;} #header #search_cont .search_inp .searchbtn {position:absolute;top:5px;right:9px;width:20px;height:20px;border:0;background-position:-56px 0;} /* 최근검색어 */ #latest_cont {display:none;width:200px;height:230px;margin:14px 0 0 46px;background:#fff;;border:1px solid #dbdbdb;border-radius:10px;letter-spacing:-0.35px;-moz-box-shadow: 0px 0px 5px #dbdbdb;-webkit-box-shadow: 0px 0px 5px #dbdbdb;box-shadow: 0px 0px 5px #dbdbdb;} #latest_cont #search_autocomplete {overflow-y:auto;overflow-x:hidden;} #latest_cont #search_autocomplete .list_search li strong {color:#008396;} #latest_cont .list_cont.hide {display:none;} #latest_cont .list_cont {height:181px;padding:13px 18px 0 15px;} #latest_cont .list_cont .tit {display:block;margin-bottom:10px;font-size:13px;color:#9f9f9f;} #latest_cont .list_cont .no_search {padding:50px 0 0 0;font-size:15px;color:#231f20;text-align:center;line-height:21px;} #latest_cont .list_cont .list_search {} #latest_cont .list_cont .list_search li {line-height:230%;} #latest_cont .list_cont .list_search li a {display:inline-block;width:150px;font-size:15px;color:#231f20;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;} #latest_cont .list_cont .list_search li .btn_del {display:inline-block;width:9px;height:9px;margin-left:6px;background-position:-20px -19px;vertical-align:middle;} #latest_cont .fun_cont {position:relative;height:35px;padding:0 0 0 15px;border-top:1px solid #ededed;} #latest_cont .fun_cont .btn_save {display:inline-block;padding:8px 0 0 0;font-size:13px;color:#9f9f9f;} #latest_cont .fun_cont .btn_save .save {background:#fff;font-size:13px;color:#231f20;text-decoration:underline;vertical-align:inherit;} #latest_cont .fun_cont .close {position:absolute;top:11px;right:15px;display:inline-block;width:13px;height:13px;background-position:0 -19px;} /* 전체메뉴 */ #all_menu.fixed {position:fixed;top:49px;left:0;width:100%;z-index:10000;} #all_menu {display:none;position:absolute;top:90px;left:0;width:100%;border-top:1px solid #ededed;border-bottom:1px solid #2f2f2f;background:#fff;z-index:10;} #all_menu .sitemap_box {overflow:hidden;width:1200px;margin:0 auto;padding:23px 0;} #all_menu .sitemap_box dl {float:left;width:148px;} #all_menu .sitemap_box dl dt {margin-bottom:12px;font-size:14px;color:#231f20;font-weight: 700;} #all_menu .sitemap_box dl dd {margin-bottom:11px;color:#6d6d6d;} #all_menu .sitemap_box dl dt a {font-size:14px;font-weight:700;color:#231f20;} #all_menu .sitemap_box dl dt.app {margin-top:42px;} #all_menu .sitemap_box dl dd a {font-size:14px;color:#6d6d6d;} #all_menu .sitemap_box dl .icon_new {display:inline-block;width:6px;height:6px;margin-left:2px;background-position:-63px 0;vertical-align:top;} #all_menu .sitemap_box dl dt.line {margin-top:42px;} #all_menu .sitemap_box dl dt.line a {padding-top:5px;border-top:1px solid #6d6d6d;} /* 알림 */ #alarm_msg {position:fixed;left:0;bottom:0;right:0;width:100%;z-index:1000;} #alarm_msg #breaking_news {position:static;height:48px;} #alarm_msg #breaking_news .breaking_cont {line-height:48px;} #alarm_msg #breaking_news .breaking_cont a {font-size:17px;} #alarm_msg #breaking_news .breaking_cont .btn_close {top:17px;} /* 알림 - 속보 */ #breaking_news {position:fixed;left:0;bottom:0;right:0;width:100%;height:60px;background:#120c19;border-top:1px solid #888;border-bottom:1px solid #888;z-index:10000;} #breaking_news .breaking_cont {position:relative;width:1200px;margin:0 auto;text-align:center;line-height:60px;} #breaking_news .breaking_cont a {font-size:20px;color:#fff;} #breaking_news .breaking_cont a:hover {color:#4dcbdb;} #breaking_news .breaking_cont .btn_close {position:absolute;top:20px;right:0;display:block;width:17px;height:15px;border:0;background-position:0 -57px;cursor:pointer;} /* 알림 - 회원가입유도 */ #join_msg {width:100%;height:80px;background:#f1f3f5;box-shadow: 0px -3px 4px rgba(51, 51, 51, 0.15);z-index:10000;} #join_msg .msg_cont {position:relative;width:1200px;margin:0 auto;text-align:center;} #join_msg .msg_cont .txt {padding:17px 0 0 0;font-size:16px;line-height:24px;color: #121212;font-weight:400;} #join_msg .msg_cont .btn_right {position:absolute;top:26px;right:48px;} #join_msg .msg_cont .btn_right a {display:inline-block;width:90px;height:30px;background:#fff;border:1px solid #333;border-radius: 30px;line-height:30px;font-size:13px;color:#181819;font-weight:700;cursor:pointer;} #join_msg .msg_cont .btn_right .btn_join {margin-right:5px;} #join_msg .msg_cont .btn_close {position:absolute;top:37px;right:0;display:block;width:14px;height:9px;border:0;background:url('../images/common/icon_alarm01.png') no-repeat 0 0;font-size:0;color:transparent;cursor:pointer;} /* 알림 - 구독유도 */ #subscribe_msg {width:100%;height:80px;background:#f1f3f5;box-shadow: 0px -3px 4px rgba(51, 51, 51, 0.15);z-index:10000;} #subscribe_msg .msg_cont {position:relative;width:1200px;margin:0 auto;text-align:center;} #subscribe_msg .msg_cont .txt {padding:17px 0 0 0;font-size:16px;line-height:24px;color: #121212;font-weight:400;} #subscribe_msg .msg_cont .btn_right {position:absolute;top:26px;right:48px;} #subscribe_msg .msg_cont .btn_right a {display:inline-block;width:90px;height:30px;background:#fff;border:1px solid #333;border-radius: 30px;line-height:30px;font-size:13px;color:#181819;font-weight:700;cursor:pointer;} #subscribe_msg .msg_cont .btn_right .btn_subscribe {margin-right:5px;background:#008396;border:1px solid #008396;color:#fff;} #subscribe_msg .msg_cont .btn_right .btn_subscribe .icon_subscribe {display:inline-block;width:12px;height:12px;margin-right:7px;background:url('../images/common/icon_subscribe01.png') no-repeat 0 center;} #subscribe_msg .msg_cont .btn_close {position:absolute;top:37px;right:0;display:block;width:14px;height:9px;border:0;background:url('../images/common/icon_alarm01.png') no-repeat 0 0;font-size:0;color:transparent;cursor:pointer;} /* 오른쪽 상단 동영상 영역 */ #top_video {margin-bottom:0;} /* main_content */ #main_content {position:relative;width:1200px;margin:0 auto;padding-bottom:60px;} #main_content:after {content:'';display:block;clear:both;} #main_content .main_left {float:left;width:860px;margin-right:40px;} #main_content .main_aside {float:right;width:300px;} /* main - main_aside */ .main_aside {padding-top:0;} /* 메인 뱃지 */ .headline_box {background:#fff;} .headline_box .head_title .icon_exclusive {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #008393;font-size:30px;color:#008393;font-weight:700;line-height:38px;} .headline_box .head_title .icon_breaking {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #f60a52;font-size:30px;color:#f60a52;font-weight:700;line-height:38px;} .headline_box .head_title .icon_letter {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #000;font-size:30px;color:#000;font-weight:700;line-height:38px;} .headline_box .top_title .icon_exclusive {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #008393;font-size:30px;color:#008393;font-weight:700;line-height:38px;} .headline_box .top_title .icon_breaking {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #f60a52;font-size:30px;color:#f60a52;font-weight:700;line-height:38px;} .headline_box .top_title .icon_letter {display:inline-block;height:38px;margin-right:9px;padding:0 8px;border:1px solid #000;font-size:30px;color:#000;font-weight:700;line-height:38px;} .headline_box .thumb_img {position:relative;} .headline_box .thumb_img.icon_photo .slick-list:after {content:'';position:absolute;right:15px;bottom:14px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_box .thumb_img.icon_video .slick-list:after {content:'';position:absolute;right:11px;bottom:9px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_box .list_article .icon_exclusive {display:inline-block;height:16px;margin-right:5px;padding:0 3px;border:1px solid #008393;font-size:13px;color:#008393;line-height:16px;} .headline_box .list_article .icon_breaking {display:inline-block;height:16px;margin-right:5px;padding:0 3px;border:1px solid #f60a52;font-size:13px;color:#f60a52;line-height:16px;} .headline_box .list_article .icon_letter {display:inline-block;height:16px;margin-right:5px;padding:0 3px;border:1px solid #120c19;font-size:13px;color:#120c19;line-height:16px;} .headline_box .list_article .icon_photo {display:inline-block;width:22px;height:18px;margin-right:5px;background:url('../images/common/icon_photo03.png') no-repeat 0 0;font-size:0;vertical-align:middle;} .headline_box .list_article .icon_video {display:inline-block;width:18px;height:18px;margin-right:5px;background:url('../images/common/icon_video05.png') no-repeat 0 0;font-size:0;vertical-align:middle;} .headline_box .new_type01 .sub_title .icon_exclusive {display:inline-block;height:30px;margin-right:5px;padding:0 8px;background:#008393;font-size:20px;color:#fff;line-height:30px;font-weight:700;} .headline_box .new_type01 .sub_title .icon_breaking {display:inline-block;height:30px;margin-right:5px;padding:0 8px;background:#f60a52;font-size:20px;color:#fff;line-height:30px;font-weight:700;} .headline_box .new_type01 .sub_title .icon_letter {display:inline-block;height:28px;margin-right:5px;padding:0 3px;border:1px solid #000;font-size:20px;color:#000;line-height:28px;font-weight:700;} .headline_box .new_type01 .sub_title {color:#fff;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_box .new_type01 .sub_title:hover .txt {color:#fff ;} .headline_box .new_type01 .sub_title .txt {padding:1px 10px;background:#000;} /* 탑기사 타입1 */ .headline_type1 {margin-bottom:40px;padding:30px 0 0 0;} .headline_type1 .sub_title {display:block;height:30px;margin-bottom:4px;color:#fff;} .headline_type1 .sub_title a {display:inline-block;max-width:840px;padding:0 10px;background:#000;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type1 .head_title {margin-bottom:15px;} .headline_type1 .head_title .title {font-size:40px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:40px;} .headline_type1 .head_title .title a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;} .headline_type1 .top_title {margin-bottom:15px;} .headline_type1 .top_title .title {font-size:40px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:40px;} .headline_type1 .top_title .title a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;} .headline_type1 .article_cont {position:relative;} .headline_type1 .article_cont:after {content:'';display:block;clear:both;} .headline_type1 .article_cont .cont_info {float:left;width:416px;} .headline_type1 .article_cont .cont_info .desc {margin-bottom:20px;padding:6px 0 18px 0;border-bottom:1px solid #e4e4e4;} .headline_type1 .article_cont .cont_info .desc a {display:block;max-height:63px;font-size:14px;color:#7e7e7e;line-height:21px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type1 .article_cont .cont_info .desc a:hover {color:#231f20;} .headline_type1 .article_cont .cont_info .list_no a {display:block;max-height:105px;font-size:14px;color:#7e7e7e;line-height:21px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type1 .article_cont .cont_info .btn_more {float:right;margin-top:-6px;font-size:14px;color:#000;} .headline_type1 .article_cont .cont_info .btn_more:after {content:'';display:inline-block;width:15px;height:6px;margin:0 0 0 7px;background:url('../images/common/icon_comm01.png') no-repeat -153px -19px;} .headline_type1 .article_cont .cont_info .list_cont {clear:both;} .headline_type1 .article_cont .cont_info .list_cont.line_ok {padding-top:15px;border-top:1px solid #e4e4e4;} .headline_type1 .article_cont .cont_info .list_article li {margin-bottom:14px;} .headline_type1 .article_cont .cont_info .list_article li a {display:block;max-height:50px;padding:0 0 0 10px;background:url('../images/common/dot.gif') no-repeat 0 11px;font-size:17px;color:#181819;line-height:25px;letter-spacing:-0.35px; display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type1 .article_cont .cont_info .list_article li a:hover {text-decoration:underline;} .headline_type1 .article_cont .thumb_img {float:right;width:415px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type1 .article_cont .thumb_img.slick-initialized {visibility:visible;opacity:1;} .headline_type1 .article_cont .thumb_img a {overflow:hidden;display:block;border-top-right-radius:30px;border-bottom-left-radius:30px;} .headline_type1 .article_cont .thumb_img a img {display:block;width:415px;} .headline_type1 .thumb_img .slick-dots {padding-top:7px;text-align:right;} .headline_type1 .thumb_img .slick-dots li {display:inline-block;margin-left:5px;} .headline_type1 .thumb_img .slick-dots li button {width:8px;height:8px;background:#e4e4e4;border:0;border-radius:50%;font-size:0;color:transparent;} .headline_type1 .thumb_img .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;border-radius:15px} .headline_type1 .thumb_cont {position:relative;float:right;} .headline_type1 .thumb_cont a.icon_photo {position:absolute;right:15px;top:183px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type1 .thumb_cont a.icon_video {position:absolute;right:11px;top:168px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} /* 탑기사 타입2 */ .headline_type2 {position:relative;margin-bottom:40px;padding:40px 0 0 0;} .headline_type2:after {content:'';display:block;clear:both;} .headline_type2 .article_cont {float:left;width:450px;} .headline_type2 .sub_title {display:block;height:30px;} .headline_type2 .sub_title a {display:inline-block;max-width:430px;padding:0 10px;background:#000;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type2 .head_title {padding-bottom:8px;} .headline_type2 .head_title .title {display:inline-block;font-size:38px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:48px;} .headline_type2 .head_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type2 .top_title {padding-bottom:8px;} .headline_type2 .top_title .title {display:inline-block;font-size:38px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:48px;} .headline_type2 .top_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type2 .cont_info .desc {margin-bottom:20px;padding:6px 0 20px 0;border-bottom:1px solid #e4e4e4;} .headline_type2 .cont_info .desc a {display:block;max-height:63px;font-size:14px;color:#7e7e7e;line-height:21px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type2 .cont_info .desc a:hover {color:#231f20;} .headline_type2 .article_cont .cont_info .list_no a {display:block;max-height:105px;font-size:14px;color:#7e7e7e;line-height:21px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type2 .article_cont .cont_info .btn_more {float:right;margin-top:-6px;font-size:14px;color:#000;} .headline_type2 .article_cont .cont_info .btn_more:after {content:'';display:inline-block;width:15px;height:6px;margin:0 0 0 7px;background:url('../images/common/icon_comm01.png') no-repeat -153px -19px;} .headline_type2 .cont_info .list_cont {clear:both;} .headline_type2 .cont_info .list_cont.line_ok {padding-top:15px;border-top:1px solid #e4e4e4;} .headline_type2 .cont_info .list_article li {margin-bottom:14px;} .headline_type2 .cont_info .list_article li a {display:block;max-height:50px;padding:0 0 0 10px;background:url('../images/common/dot.gif') no-repeat 0 11px;font-size:17px;color:#181819;line-height:25px;letter-spacing:-0.35px; display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type2 .cont_info .list_article li a:hover {text-decoration:underline;} .headline_type2 .thumb_img {overflow:hidden;float:right;width:375px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type2 .thumb_img.slick-initialized {visibility:visible;opacity:1;} .headline_type2 .thumb_img a {overflow:hidden;display:block;width:375px;border-top-right-radius:30px;border-bottom-left-radius:30px;} .headline_type2 .thumb_img a img {display:block;width:100%;} .headline_type2 .thumb_img .slick-dots {padding-top:7px;text-align:right;} .headline_type2 .thumb_img .slick-dots li {display:inline-block;margin-left:5px;} .headline_type2 .thumb_img .slick-dots li button {width:8px;height:8px;background:#e4e4e4;border:0;border-radius:50%;font-size:0;color:transparent;} .headline_type2 .thumb_img .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;border-radius:15px} .headline_type2 .thumb_cont {position:relative;float:right;} .headline_type2 .thumb_cont a.icon_photo {position:absolute;right:15px;top:253px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type2 .thumb_cont a.icon_video {position:absolute;right:11px;top:238px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} /* 탑기사 타입3 */ .headline_type3 {position:relative;margin-bottom:26px;padding:40px 0 0 0;} .headline_type3:after {content:'';display:block;clear:both;} .headline_type3 .thumb_cont {position:relative;float:left;} .headline_type3 .thumb_cont a.icon_photo {position:absolute;right:15px;top:253px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type3 .thumb_cont a.icon_video {position:absolute;right:11px;top:238px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type3 .thumb_img {overflow:hidden;float:left;width:375px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type3 .thumb_img.slick-initialized {visibility:visible;opacity:1;} .headline_type3 .thumb_img a {overflow:hidden;display:block;border-top-right-radius:30px;border-bottom-left-radius:30px;} .headline_type3 .thumb_img a img {display:block;width:375px;height:300px;} .headline_type3 .thumb_img .slick-dots {padding-top:7px;text-align:right;} .headline_type3 .thumb_img .slick-dots li {display:inline-block;margin-left:5px;} .headline_type3 .thumb_img .slick-dots li button {width:8px;height:8px;background:#e4e4e4;border:0;border-radius:50%;font-size:0;color:transparent;} .headline_type3 .thumb_img .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;border-radius:15px} .headline_type3 .article_cont {float:right;width:450px;} .headline_type3 .sub_title {display:block;height:30px;margin-bottom:7px;} .headline_type3 .sub_title a {display:inline-block;max-width:430px;padding:0 10px;background:#000;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type3 .head_title {padding-bottom:8px;} .headline_type3 .head_title .title {display:inline-block;font-size:36px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:48px;} .headline_type3 .head_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type3 .top_title {padding-bottom:8px;} .headline_type3 .top_title .title {display:inline-block;font-size:36px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:48px;} .headline_type3 .top_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type3 .cont_info .desc {padding:3px 0 11px 0;border-bottom:1px solid #e4e4e4;} .headline_type3 .cont_info .desc a {display:block;max-height:42px;font-size:14px;color:#7e7e7e;line-height:21px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type3 .cont_info .desc a:hover {color:#231f20;} .headline_type3 .cont_info .slick-track {margin-left:0;margin-right:0;} .headline_type3 .list_cont {position:relative;padding-top:15px;margin-left:-14px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type3 .list_cont.slick-initialized {visibility:visible;opacity:1;} .headline_type3 .list_cont a {display:block;width:100px !important;} .headline_type3 .list_cont a .thumb_img {float:none;overflow:hidden;display:block;width:100px;border-top-right-radius:15px;border-bottom-left-radius:15px;opacity:1;visibility:visible;transition:none;-webkit-transition:none;} .headline_type3 .list_cont a .thumb_img img {display:block;width:100px;height:81px;} .headline_type3 .list_cont a .txt {display:block;max-height:34px;padding-top:5px;font-size:14px;color:#191919;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.35px;} .headline_type3 .list_cont a:hover .txt {text-decoration:underline;} .headline_type3 .list_cont .slick-slide {margin-left:14px;} .headline_type3 .list_cont .slick-slide:first-child {} .headline_type3 .list_cont .slick-arrow {position:absolute;top:40px;display:block;width:40px;height:40px;border:0;font-size:0;color:transparent;z-index:1;cursor:pointer;} .headline_type3 .list_cont .slick-prev {left:-4px;background:url('../images/common/btn_prev01.png') no-repeat 0 0;} .headline_type3 .list_cont .slick-next {right:-20px;background:url('../images/common/btn_next01.png') no-repeat 0 0;} .headline_type3 .list_cont .slick-disabled {display:none !important;} .headline_type3 .list_cont03 {position:relative;padding-top:15px;margin-left:-14px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type3 .list_cont03.slick-initialized {visibility:visible;opacity:1;} .headline_type3 .list_cont03 a {display:block;width:140px !important;} .headline_type3 .list_cont03 a .thumb_img {float:none;overflow:hidden;display:block;width:140px;border-top-right-radius:15px;border-bottom-left-radius:15px;opacity:1;visibility:visible;transition:none;-webkit-transition:none;} .headline_type3 .list_cont03 a .thumb_img img {display:block;width:140px;height:78px;} .headline_type3 .list_cont03 a .txt {display:block;max-height:34px;padding-top:5px;font-size:14px;color:#191919;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.35px;} .headline_type3 .list_cont03 a:hover .txt {text-decoration:underline;} .headline_type3 .list_cont03 .slick-slide {margin-left:14px;} .headline_type3 .list_cont03 .slick-slide:first-child {} .headline_type3 .list_cont03 .slick-arrow {position:absolute;top:40px;display:block;width:40px;height:40px;border:0;font-size:0;color:transparent;z-index:1;cursor:pointer;} .headline_type3 .list_cont03 .slick-prev {left:-4px;background:url('../images/common/btn_prev01.png') no-repeat 0 0;} .headline_type3 .list_cont03 .slick-next {right:-20px;background:url('../images/common/btn_next01.png') no-repeat 0 0;} .headline_type3 .list_cont03 .slick-disabled {display:none !important;} /* 탑기사 타입4 */ .headline_type4 {position:relative;margin-bottom:40px;padding:40px 0 0 0;} .headline_type4:after {content:'';display:block;clear:both;} .headline_type4 .thumb_cont {position:relative;height:300px;} .headline_type4 .thumb_cont a.icon_photo {position:absolute;right:15px;bottom:30px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type4 .thumb_cont a.icon_video {position:absolute;right:11px;bottom:30px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type4 .thumb_img {overflow:hidden;width:860px;opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;} .headline_type4 .thumb_img.slick-initialized {visibility:visible;opacity:1;} .headline_type4 .thumb_img a {overflow:hidden;display:block;border-top-right-radius:30px;border-bottom-left-radius:30px;} .headline_type4 .thumb_img a img {display:block;width:860px;height:300px;} .headline_type4 .thumb_img .slick-dots {position:absolute;right:10px;bottom:10px;text-align:right;line-height:8px;} .headline_type4 .thumb_img .slick-dots li {display:inline-block;margin-left:5px;} .headline_type4 .thumb_img .slick-dots li button {width:8px;height:8px;background:#e4e4e4;border:0;border-radius:50%;font-size:0;color:transparent;} .headline_type4 .thumb_img .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;border-radius:15px} .headline_type4 .article_cont {padding:20px 0 0 0;} .headline_type4 .article_cont .sub_title {display:block;height:30px;margin-bottom:4px;color:#fff;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type4 .article_cont .sub_title a {display:inline-block;max-width:840px;padding:0 10px;background:#000;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type4 .article_cont .head_title {margin-bottom:20px;} .headline_type4 .article_cont .head_title .title {font-size:40px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:40px;} .headline_type4 .article_cont .head_title .title a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;} .headline_type4 .article_cont .top_title {margin-bottom:20px;} .headline_type4 .article_cont .top_title .title {font-size:40px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:40px;} .headline_type4 .article_cont .top_title .title a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;} .headline_type4 .article_cont .list_article li {margin-bottom:14px;} .headline_type4 .article_cont .list_article li a {display:block;max-height:50px;padding:0 0 0 10px;background:url('../images/common/dot.gif') no-repeat 0 11px;font-size:17px;color:#181819;line-height:25px;letter-spacing:-0.35px; display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type4 .article_cont .list_article li a:hover {text-decoration:underline;} /* 탑기사 타입5 */ .headline_type5 {position:relative;background:#fff;margin:27px 0 40px 0;} .headline_type5:after {content:'';position:absolute;top:0;left:50%;display:block;width:1px;height:100%;background:#d7d7d7;} .headline_type5 .type_box {position:relative;} .headline_type5 .type_box:after {content:'';clear:both;display:block;} .headline_type5 .type_box .article_cont {float:left;width:560px;} .headline_type5 .type_box .type_left {padding:0 40px 0 0;} .headline_type5 .type_box .type_right {padding:0 0 0 40px;} .headline_type5 .type_box .article_cont .sub_title {display:block;height:30px;margin-bottom:7px;color:#fff;font-size:18px;letter-spacing:-0.35px;font-weight:400;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .headline_type5 .type_box .article_cont .sub_title .txt {padding:1px 10px;background:#000;} .headline_type5 .type_box .article_cont .sub_title:hover .txt {color:#fff ;} .headline_type5 .head_title {padding-bottom:10px;} .headline_type5 .head_title .title {display:inline-block;font-size:38px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:50px;} .headline_type5 .head_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type5 .top_title {padding-bottom:10px;} .headline_type5 .top_title .title {display:inline-block;font-size:38px;color:#231f20;font-weight:700;letter-spacing:-1px;line-height:50px;} .headline_type5 .top_title .title a {max-height:96px;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type5 .thumb_cont {position:relative;height:300px;} .headline_type5 .thumb_img a {overflow:hidden;display:block;border-top-right-radius:30px;border-top-left-radius:30px;border-bottom-left-radius:30px;} .headline_type5 .type_right.no_sub {padding-top:37px;} .headline_type5 .type_right .thumb_img a {overflow:hidden;display:block;border-top-right-radius:30px;border-top-left-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:0;} .headline_type5 .thumb_img a img {display:block;width:560px;height:300px;} .headline_type5 .thumb_cont a.icon_video {position:absolute;right:22px;bottom:11px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} .headline_type5 .article_cont .list_article {padding:14px 0 0 0;} .headline_type5 .article_cont .list_article li {margin-top:14px;} .headline_type5 .article_cont .list_article li:first-child {margin-top:0;} .headline_type5 .article_cont .list_article li a {display:block;max-height:50px;padding:0 0 0 10px;background:url('../images/common/dot.gif') no-repeat 0 11px;font-size:17px;color:#181819;line-height:25px;letter-spacing:-0.35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .headline_type5 .article_cont .list_article li a:hover {text-decoration:underline;} .headline_type5 .article_cont .desc {padding:16px 0 11px 0;} .headline_type5 .article_cont .desc a {display:block;max-height:42px;font-size:14px;color:#7e7e7e;line-height:22px;font-weight:400;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .headline_type5 .article_cont .desc a:hover {color:#231f20;} /* 특집페이지 - 타입 1 */ #special_edition {position:relative;width:1200px;margin:0 auto 42px auto;padding:0 0 25px 0;border-bottom:1px solid #ededed;} #special_edition .special_cont {position:relative;width:1200px;height:450px;} .special_type01 .special_cont:after {content:'';position:absolute;top:0;left:0;display:block;width:680px;height:450px;background:url('../images/common/top_bg.png') no-repeat 0 0;} #special_edition .special_cont .thumb_img {position:absolute;top:0;left:0;width:100%;} #special_edition .special_cont .thumb_img img {display:block;} #special_edition .special_cont .thumb_img .thumb {position:relative;display:block;} #special_edition .special_cont .cont_info {position:relative;display:table;width:100%;height:450px;z-index:1;} #special_edition .special_cont .cont_info a {color:#fff;} #special_edition .special_cont .cont_cell {display:table-cell;padding:0 0 0 78px;vertical-align:middle;} #special_edition .special_cont .cont_cell .sub_title {margin-bottom:10px;font-size:22px;line-height:22px;} #special_edition .special_cont .cont_cell .sub_title a {text-decoration:underline;} #special_edition .special_cont .cont_cell .sub_title a:hover {color:#b6fbff;} #special_edition .special_cont .cont_cell h2.title {width:600px;margin-bottom:16px;font-size:56px;line-height:68px;font-weight:700;letter-spacing:-3px;} #special_edition .special_cont .cont_cell h2.title a {display:block;display:-webkit-box;max-height:136px;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} #special_edition .special_cont .cont_cell h2.title a:hover {color:#b6fbff;} #special_edition .special_cont .cont_cell .btn_view {display:block;width:140px;height:40px;background:#fff;font-size:18px;color:#000;font-weight:700;text-align:center;line-height:40px;border-top-right-radius:15px;border-bottom-left-radius:15px;} #special_edition .special_cont .cont_cell .btn_view:hover {background:#b6fbff;} #special_edition .special_cont .cont_cell .btn_view .icon_arr {display:inline-block;width:21px;height:9px;margin-left:12px;background-position:-114px 0;} #special_edition .special_cont .cont_cell .list_article {margin-top:39px} #special_edition .special_cont .cont_cell .list_article li a {position:relative;display:block;padding-left:12px;font-size:18px;line-height:30px;} #special_edition .special_cont .cont_cell .list_article li a:before {content:'';position:absolute;top:12px;left:0;display:block;width:4px;height:4px;background:url('../images/common/icon_comm01.png') no-repeat -92px 0;} #special_edition .special_cont .cont_cell .list_article li a:hover {text-decoration:underline;} #special_edition .special_btm {position:relative;padding-top:20px;} #special_edition .special_btm .list_wrap {overflow:hidden;width:100%;} #special_edition .special_btm .list_cont {position:relative;margin-left:-38px;opacity:0;visibility:hidden;transition:opacity 0.3s ease;-webkit-transition: opacity 0.3s ease;perspective:1px} *::-ms-backdrop, #special_edition .special_btm .list_cont {perspective:1px} /* IE11 */ #special_edition .special_btm .list_cont.slick-initialized {visibility:visible;opacity:1;} #special_edition .special_btm .list_cont:after {content: '';display:block;clear:both;} #special_edition .special_btm .list_cont a {display:block;width:272px !important;} #special_edition .special_btm .list_cont a .thumb_img {position:relative;overflow:hidden;display:block;margin-bottom:4px;border-top-right-radius:15px;border-bottom-left-radius:15px;} #special_edition .special_btm .list_cont a .thumb_img img {display:block;width:272px;height:146px;} #special_edition .special_btm .list_cont a .txt {display:block;font-size:16px;color:#191919;line-height:22px;font-weight:500;letter-spacing:-1px;} #special_edition .special_btm .list_cont a:hover .txt {color:#086889} #special_edition .special_btm .list_cont .slick-slide {width:272px !important;margin-left:38px;} #special_edition .special_btm .list_cont .slick-track {margin:0 !important;} #special_edition .special_btm .slick-arrow {position:absolute;top:72px;display:block;width:40px;height:40px;border:0;font-size:0;color:transparent;z-index:1;cursor:pointer;} #special_edition .special_btm .btn_prev {position:absolute;left:-20px;display:block;width:40px;height:40px;background:url('../images/common/btn_prev01.png') no-repeat 0 0;} #special_edition .special_btm .btn_next {position:absolute;right:-20px;display:block;width:40px;height:40px;background:url('../images/common/btn_next01.png') no-repeat 0 0;} #special_edition .special_btm .slick-disabled {display:none !important;} #special_edition .special_btm .slick-hidden {display:none !important;} #special_edition h2.title .icon_breaking {height:54px;line-height:54px;padding:0 8px;margin-right:8px;font-size:40px;font-weight:700;vertical-align:bottom;} #special_edition h2.title .icon_exclusive {height:54px;line-height:54px;padding:0 8px;margin-right:8px;font-size:40px;font-weight:700;vertical-align:bottom;} #special_edition h2.title .icon_letter {height:54px;line-height:54px;padding:0 8px;margin-right:8px;font-size:40px;font-weight:700;vertical-align:bottom;} #special_edition .thumb_img.icon_photo .thumb:after {content:'';position:absolute;right:26px;bottom:15px;display:block;width:37px;height:37px;margin:0;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} #special_edition .thumb_img.icon_video .thumb:after {content:'';position:absolute;right:23px;bottom:16px;display:block;width:57px;height:57px;margin:0;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} #special_edition .thumb_cont {} #special_edition .thumb_cont .icon_photo {position:absolute;right:26px;bottom:15px;display:block;width:37px;height:37px;margin:0;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} #special_edition .thumb_cont .icon_video {position:absolute;right:23px;bottom:16px;display:block;width:57px;height:57px;margin:0;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} #special_edition .icon_breaking {display:inline-block;height:16px;margin-right:2px;padding:0 2px;border:1px solid #ff4362;line-height:16px;text-align:center;font-size:13px;color:#ff4362;font-weight:400;} #special_edition .icon_exclusive {display:inline-block;height:16px;margin-right:2px;padding:0 2px;border:1px solid #33acbb;line-height:16px;text-align:center;font-size:13px;color:#33acbb;font-weight:400;} #special_edition .icon_letter {display:inline-block;height:16px;margin-right:2px;padding:0 2px;border:1px solid #fff;line-height:16px;text-align:center;font-size:13px;color:#fff;font-weight:400;} #special_edition .icon_photo {display:inline-block;width:22px;height:18px;margin-right:4px;background:url('../images/common/icon_photo04.png') no-repeat 0 0;font-size:0;vertical-align:middle;} #special_edition .icon_video {display:inline-block;width:18px;height:18px;margin-right:4px;background:url('../images/common/icon_video03.png') no-repeat 0 0;font-size:0;vertical-align:middle;} #special_edition .special_btm .icon_breaking {border:1px solid #ff0652;color:#ff0652;} #special_edition .special_btm .icon_exclusive {border:1px solid #008393;color:#008393;} #special_edition .special_btm .icon_letter {border:1px solid #120c19;color:#120c19;} #special_edition .special_btm .icon_photo {position:absolute;right:8px;bottom:8px;width:27px;height:27px;margin:0;background:url('../images/common/icon_photo05.png') no-repeat 0 0;} #special_edition .special_btm .icon_video {position:absolute;right:10px;bottom:10px;width:39px;height:39px;margin:0;background:url('../images/common/icon_video06.png') no-repeat 0 0;} /* 특집페이지 - 타입 2 */ .special_type02 .special_cont {} .special_type02 .sub_title {display:inline-block;position:absolute;top:0;left:0;height:50px;padding:0 28px;background:#1c1614;line-height:50px;font-size:26px;color:#fff;font-weight:500;border-bottom-right-radius:20px;z-index:1;} .special_type02 .sub_title a {color:#fff;} .special_type02 .special_top .thumb_img {position:static !important;} .special_type02 #special_thumb.slick-initialized {visibility:visible;opacity:1;} .special_type02 #special_thumb {opacity:0;visibility:hidden;transition:opacity 0.3s ease;-webkit-transition: opacity 0.3s ease;} .special_type02 .thumb_img .slick-dots {position:absolute;right:0;padding-top:5px;height:8px;text-align:right;} .special_type02 .thumb_img .slick-dots li {display:inline-block;height:8px;margin-left:5px;} .special_type02 .thumb_img .slick-dots li button {width:8px;height:8px;background:#e4e4e4;border:0;border-radius:50%;font-size:0;color:transparent;} .special_type02 .thumb_img .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;border-radius:15px} /* 20220523 수정 */ .special_type02 .special_top h2.title {margin:20px 0 28px 0;text-align:center;font-size:54px;color:#000;line-height:73px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #special_edition.special_type02 h2.title .icon_breaking {margin-top:12px;color:#ff0652;border:1px solid #ff0652;vertical-align:top;} #special_edition.special_type02 h2.title .icon_exclusive {margin-top:12px;color:#008689;border:1px solid #008689;vertical-align:top;} #special_edition.special_type02 h2.title .icon_letter {margin-top:12px;color:#1d1512;border:1px solid #1d1512;vertical-align:top;} .special_type02 .special_cont .thumb_img.icon_photo .slick-list:after {content:'';position:absolute;right:29px;bottom:25px;display:block;width:37px !important;height:37px !important;background:url('../images/common/icon_photo02.png') no-repeat 0 0 !important;font-size:0;color:transparent;} .special_type02 .special_cont .thumb_img.icon_video .slick-list:after {content:'';position:absolute;right:25px;bottom:26px;display:block;width:57px !important;height:57px !important;background:url('../images/common/icon_video04.png') no-repeat 0 0 !important;font-size:0;color:transparent;} /* 이슈 */ .issue_cont {position:relative;height:60px;margin-bottom:48px;padding:0 0 0 19px;border:1px solid #181818;} .issue_cont:after {content:'';display:block;clear:both;} .issue_cont .title {float:left;display:block;width:51px;height:27px;margin:17px 9px 0 0;border-radius:15px;background:#231f20;text-align:center;line-height:27px;color:#fff;font-size:14px;font-weight:700;} .issue_cont .issue_list {float:left;overflow:hidden;width:468px;height:27px;margin-top:17px;} .issue_cont .issue_list a {display:block;width:468px;height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:27px;font-size:17px;color:#181818;letter-spacing:-1px;} .issue_cont .issue_list a:hover {color:#008689;} .issue_cont.slick-slide {width:468px !important;} .issue_cont .slideCount {float:left;margin:21px 8px 0 25px;font-size:16px;color:#9a9a9a;} .issue_cont .slideCount .slideCountItem {color:#191919;} .issue_cont .move {float:left;margin:21px 0 0 0;height:19px;} .issue_cont .move a {display:inline-block;width:20px;height:19px;background:url('../images/common/icon_move.gif') no-repeat 0 0;font-size:0;color:transparent;vertical-align:top;} .issue_cont .move .btn_prev {background-position:0 0;} .issue_cont .move .btn_next {margin-left:-1px;background-position:-19px 0;} .issue_cont .move .btn_prev:hover {background-position:0 -21px;} .issue_cont .move .btn_next:hover {margin-left:-1px;background-position:-19px -21px;} /* 20230125 상단 이슈영역 추가 */ .issue_wrap {display:table;width:100%;height:60px;overflow:hidden;border-bottom: 1px solid #EDEDED;background: #F8F8F8;text-align:center;} .issue_wrap .issue_cont {height:auto;margin:0;padding:0;border:0;} .issue_wrap .issue_cont .issue_list a {display:inline-block;width:auto;height:auto;font-weight: 500;font-size: 16px;} .issue_wrap .issue_cont .issue_list a:last-child:before {content:"";display:inline-block;width:1px;height:15px;margin:7px 15px 0;background:#CACACA;vertical-align:top;} .issue_wrap .issue_cont .title {display:inline-block;float:none;width:auto;height:auto;margin:0;padding-right:10px;background:none;text-align:left;font-weight: 700;font-size: 16px;line-height: 23px;color: #008689;} .issue_wrap .issue_cont .slideCount {margin-left:0;} .issue_wrap .issue_cont .move {margin-left:12px;} .issue_wrap .issue_cont .move .btn_prev:hover {background:url('../images/common/icon_move_prev.png') no-repeat 0 0;} .issue_wrap .issue_cont .move .btn_next:hover {background:url('../images/common/icon_move_next.png') no-repeat 0 0;} .issue_wrap .issue_cont.cont01 {display:inline-block;padding-right:30px;} .issue_wrap .issue_cont.cont01:after {content:"";display:inline-block;position:absolute;top:20px;right:0;width:1px;height:22px;background:#8A8A8A;} .issue_wrap .issue_cont.cont01 .issue_list {width:auto;} .issue_wrap .issue_cont.cont01 a .txt {display:inline-block;overflow:hidden;vertical-align:top;} .issue_wrap .issue_cont.cont01 a .time {margin-left:6px;font-size: 13px;color: #999999;} .issue_wrap .issue_cont.cont02 {display:inline-block;padding-left:30px;text-align:left;vertical-align:top;} .issue_wrap .issue_cont.cont02 .issue_list {width:472px;} .issue_wrap .issue_cont.cont02 a .txt {display:inline-block;overflow:hidden;vertical-align:top;} /* 날씨별 아이콘 */ .weather_frame {position:relative;width:135px;height:40px;} .weather_frame .date {display:block;padding:2px 0 2px 0;font-size:11px;color:#565555;letter-spacing:-0.5px;} .weather_frame .area {display:inline-block;font-size:16px;color:#3c3c3c;font-weight:400;} .weather_frame .temp {display:inline-block;margin-left:6px;font-size:16px;color:#3c3c3c;font-weight:400;} .issue_cont .weather_info .icon {position:absolute;top:3px;right:22px;width:34px;height:34px;margin:0 2px 0 0;display:block;overflow:hidden;z-index:9999;background:url('../images/common/w_bg_icon.gif') no-repeat right 0;text-indent:-9999em;} .issue_cont .weather_info {float:left;margin:10px 0 0 66px;} .issue_cont .weather_info a:hover span {color:#008689;} .issue_cont .weather_info a .icon.wt01 {background-position:0 0;} /* 맑음 */ .issue_cont .weather_info a .icon.wt02 {background-position:-34px 0;} /* 구름조금 */ .issue_cont .weather_info a .icon.wt03 {background-position:-68px 0;} /* 흐림 */ .issue_cont .weather_info a .icon.wt04 {background-position:-102px 0;} /* 비 */ .issue_cont .weather_info a .icon.wt05 {background-position:-136px 0;} /* 눈 */ .issue_cont .weather_info a .icon.wt06 {background-position:-170px 0;} /* 눈/비 */ .issue_cont .weather_info a .icon.wt07 {background-position:-204px 0;} /* 소나기 */ .issue_cont .weather_info a .icon.wt08 {background-position:-238px 0;} /* 소낙눈 */ .issue_cont .weather_info a .icon.wt09 {background-position:-272px 0;} /* 안개 */ .issue_cont .weather_info a .icon.wt10 {background-position:-306px 0;} /* 뇌우 */ .issue_cont .weather_info a .icon.wt11 {background-position:-340px 0;} /* 차차흐려짐 */ .issue_cont .weather_info a .icon.wt12 {background-position:-374px 0;} /* 흐려져뇌우 */ .issue_cont .weather_info a .icon.wt13 {background-position:-408px 0;} /* 흐려져비 */ .issue_cont .weather_info a .icon.wt14 {background-position:-442px 0;} /* 흐려져눈 */ .issue_cont .weather_info a .icon.wt15 {background-position:-476px 0;} /* 흐려저눈비 */ .issue_cont .weather_info a .icon.wt16 {background-position:-510px 0;} /* 흐린 후 갬 */ .issue_cont .weather_info a .icon.wt17 {background-position:-544px 0;} /* 뇌우 후 갬 */ .issue_cont .weather_info a .icon.wt18 {background-position:-578px 0;} /* 비 후 갬 */ .issue_cont .weather_info a .icon.wt19 {background-position:-612px 0;} /* 눈 후 갬 */ .issue_cont .weather_info a .icon.wt20 {background-position:-646px 0;} /* 눈비 후 갬 */ .issue_cont .weather_info a .icon.wt21 {background-position:-680px 0;} /* 구름많음 */ .issue_cont .weather_info a .icon.wt22 {background-position:-714px 0;} /* 황사 */ /* 20230125 추가 */ .weather.issue_cont {height:auto;margin:13px 0 0;padding:10px 0 0 0;border-top:1px solid #ededed;border-left:0;border-right:0;border-bottom:0;} .weather.issue_cont .weather_info {float:none;margin:0;} .weather.issue_cont .weather_info .weather_frame .date {position:absolute;top:8px;left:0;padding-left:5px;font-size: 13px;color: #333333;} .weather.issue_cont .weather_info .weather_frame .area {position:absolute;top:10px;left:120px;width:35px;font-weight: 500;font-size: 18px;color: #181818;} .weather.issue_cont .weather_info .weather_frame .temp {position:absolute;top:10px;left:150px;font-weight: 500;font-size: 18px;color: #181818;} .weather.issue_cont .weather_info .icon {top:0;right:-105px;z-index:999;} /* card_wrap */ .card_wrap {} .card_wrap .card_list {position:relative;} .card_wrap .card_list:after {content:'';display:block;clear:both;} .card_wrap .card_list li {float:left;width:140px;margin:0 40px 35px 0;letter-spacing:-0.35px;} .card_wrap .card_list li .cate {display:block;margin-bottom:8px;font-size:15px;color:#231f20;font-weight:700;} .card_wrap .card_list li .cate .icon_arrow {display:inline-block;width:8px;height:9px;margin-left:4px;background-position:0 0;vertical-align:1px;} .card_wrap .card_list li .cate:hover {color:#231f20 !important;} .card_wrap .card_list li .thumb_img {} .card_wrap .card_list li .thumb_img a {position:relative;display:block;overflow:hidden;border-top-right-radius:15px;border-bottom-left-radius:15px;} .card_wrap .card_list li .thumb_img img {display:block;} .card_wrap .card_list li .thumb_img a .icon_video {display:block;position:absolute;right:0;bottom:0;width:25px;height:25px;background-position:-109px -19px;} .card_wrap .card_list li .cont_info {margin:11px 0 0 0;} .card_wrap .card_list li .cont_info a {display:block;} .card_wrap .card_list li .cont_info a:hover .tit {text-decoration:underline;} .card_wrap .card_list li .cont_info a:hover .desc {text-decoration:underline;} .card_wrap .card_list li .cont_info a .tit {display:block;margin-bottom:5px;font-size:15px;color:#231f20;font-weight:700;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space: normal;} .card_wrap .card_list li .cont_info a .desc {display:block;max-height:44px;min-height:44px;font-size:15px;color:#231f20;font-weight:400;line-height:22px;overflow:hidden;white-space: normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;} .card_wrap .list3 li {width:260px;} .card_wrap .list3 li .cont_info a .tit {overflow:hidden;max-height:44px;min-height:44px;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;font-size:16px;color:#191919;} .card_wrap .list3 li .cont_info a .desc {max-height:42px;min-height:42px;font-size:13px;line-height:19px;color:#727272;} .card_wrap .list3 li .cont_info a:hover .desc {text-decoration:none;} .card_wrap .list4 li {width:185px;} .card_wrap .list4 li .cont_info a .tit {min-height:43px;max-height:43px;white-space: normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;} .card_wrap .list4 li .cont_info a .desc {max-height:57px;min-height:57px;-webkit-line-clamp: 3;font-size:13px;color:#727272;line-height:19px;} .card_wrap .list4 li .cont_info a:hover .desc {text-decoration:none;} /* 메인 - 지금 뜨는 뉴스 */ .mainnews_wrap {margin-bottom:57px;} .mainnews_wrap .title {padding-bottom:14px;border-bottom:1px solid #999;font-size:22px;color:#231f20;}/*230322 수정*/ .mainnews_wrap .title span {margin-left:8px;font-size:12px;color:#9f9f9f;font-weight:normal;} .mainnews_wrap .mainnews_group {display:flex;box-sizing:border-box;border-bottom:1px solid #ededed;} .mainnews_wrap .mainnews_group .group {position:relative;width:50%;box-sizing:border-box;} .mainnews_wrap .mainnews_group .group:hover {background:#f8f8f8;} .mainnews_wrap .mainnews_group .group:after {content:'';display:block;clear:both;} .mainnews_wrap .mainnews_group .group:first-child {padding:20px 20px 20px 0;border-right:1px solid #ededed;} .mainnews_wrap .mainnews_group .group:last-child {padding:20px 0 20px 20px;} .mainnews_wrap .mainnews_group .group .thumb_img {float:right;margin-left:20px;} .mainnews_wrap .mainnews_group .group .thumb_img a {display:block;overflow:hidden;width:100px;height:80px;border-top-right-radius:15px;border-bottom-left-radius:15px;} .mainnews_wrap .mainnews_group .group .thumb_img a img {display:block;width:100px;height:80px;} .mainnews_wrap .mainnews_group .group .cont_info {} .mainnews_wrap .mainnews_group .group .cont_info .sub_head {} .mainnews_wrap .mainnews_group .group .sub_title {display:inline-block;} .mainnews_wrap .mainnews_group .group .sub_title a {display:inline-block;height:22px;margin-bottom:4px;padding:0 10px;background:#fff;font-size:14px;color:#fff;border-top-right-radius:10px;border-bottom-left-radius:10px;letter-spacing:-0.35px;font-weight:400;line-height:22px;} .mainnews_wrap .mainnews_group .group .sub_title a {} .mainnews_wrap .mainnews_group .group .sub_title.bl a {background:#000;} .mainnews_wrap .mainnews_group .group .sub_title.wt a {height:20px;background:#fff;border:1px solid #231f20;font-size:14px;color:#231f20;line-height:20px;font-weight:700;} .mainnews_wrap .mainnews_group .group .sub_title.wt a {color:#231f20;} .mainnews_wrap .mainnews_group .group .head_title {} .mainnews_wrap .mainnews_group .group .top_title {} .mainnews_wrap .mainnews_group .group h3.tit {display:inline-block;max-height:48px;font-size:17px;color:#231f20;letter-spacing:-0.5px;line-height:24px;font-weight:700;display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .mainnews_wrap .mainnews_group .group h3.tit a {display:block;} .mainnews_wrap .mainnews_group .group .desc {margin-top:5px;} .mainnews_wrap .mainnews_group .group .desc a {display:block;max-height:40px;font-size:14px;color:#7d7d7d;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.35px;line-height:20px;font-weight:400;} .mainnews_wrap .mainnews_group .group .desc a:hover {color:#231f20;} .mainnews_wrap .mainnews_group .group .list_cont {padding-top:8px;} .mainnews_wrap .mainnews_group .group .list_article li {margin-top:5px;} .mainnews_wrap .mainnews_group .group .list_article li a {display:block;max-height:46px;padding:0 0 0 8px;background:url('../images/common/dot.gif') no-repeat 0 10px;font-size:15px;color:#181819;line-height:23px;letter-spacing:-0.35px; display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .mainnews_wrap .mainnews_group .group .list_article li a:hover {color:#008689;} .mainnews_wrap .mainnews_group .group .icon_breaking {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #ff0652;background:#fff;line-height:16px;text-align:center;font-size:13px;color:#ff0652;font-weight:400;} .mainnews_wrap .mainnews_group .group .icon_exclusive {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #008393;line-height:16px;text-align:center;font-size:13px;color:#008393;font-weight:400;} .mainnews_wrap .mainnews_group .group .icon_letter {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #120c19;line-height:16px;text-align:center;font-size:13px;color:#120c19;font-weight:400;} .mainnews_wrap .mainnews_group .group .icon_photo {display:inline-block;width:22px;height:18px;margin-right:5px;background:url('../images/common/icon_photo03.png') no-repeat 0 0;font-size:0;vertical-align:middle;} .mainnews_wrap .mainnews_group .group .icon_video {display:inline-block;width:18px;height:18px;margin-right:5px;background:url('../images/common/icon_video05.png') no-repeat 0 0;font-size:0;vertical-align:middle;} /* 메인 - 에디터 추천 뉴스 */ .editor_news + .mainnews_group {border-top:1px solid #ededed;} /* 20230424 수정 */ .editor_news {padding:50px 0 57px 0;letter-spacing:-0.35px;} /* 20230424 수정 */ .editor_news .title {border-bottom:0;} .editor_news .editor_cont {background:#f8f8f8;border:1px solid #c2c2c2;} .editor_news .editor_cont .editor_top {position:relative;padding:40px 40px;} .editor_news .editor_cont .editor_top:after {content:'';display:block;clear:both;} .editor_news .editor_cont .editor_top .cont_info {float:left;width:380px;} .editor_news .editor_cont .editor_top .thumb_img {float:right;width:350px;} .editor_news .editor_cont .editor_top .thumb_img a {position:relative;display:block;overflow:hidden;border-top-right-radius:30px;border-bottom-left-radius:30px;} .editor_news .editor_cont .editor_top .thumb_img a img {display:block;} .editor_news .editor_cont .editor_top .thumb_img a .icon_photo {position:absolute;right:11px;bottom:12px;display:block;width:37px;height:37px;background:url('../images/common/icon_photo02.png') no-repeat 0 0;font-size:0;color:transparent;} .editor_news .editor_cont .editor_top .thumb_img a .icon_video {position:absolute;right:11px;bottom:9px;display:block;width:57px;height:57px;background:url('../images/common/icon_video04.png') no-repeat 0 0;font-size:0;color:transparent;} .editor_news .editor_cont .editor_top .sub_tit {display:inline-block;margin-bottom:8px;padding-bottom:3px;border-bottom:2px solid #231f20;font-size:18px;color:#000;font-weight:700;} .editor_news .editor_cont .editor_top .sub_tit a:hover {color:#000;} .editor_news .editor_cont .editor_top h3.tit {max-height:76px;font-size:28px;color:#181819;letter-spacing:-0.5px;line-height:39px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .editor_news .editor_cont .editor_top h3.tit a {display:block;} .editor_news .editor_cont .editor_top h3.tit a:hover {color:#181819;text-decoration:underline;} .editor_news .editor_cont .editor_top h3.tit .icon_breaking {display:inline-block;height:28px;margin:0 8px 4px 0;padding:0 9px;background:#ff0652;font-size:16px;color:#fff;font-weight:400;line-height:26px;vertical-align:bottom;} .editor_news .editor_cont .editor_top h3.tit .icon_exclusive {display:inline-block;height:28px;margin:0 8px 4px 0;padding:0 9px;background:#008393;font-size:16px;color:#fff;font-weight:400;line-height:26px;vertical-align:bottom;} .editor_news .editor_cont .editor_top h3.tit .icon_letter {display:inline-block;height:28px;margin:0 8px 4px 0;padding:0 9px;background:#231f20;font-size:16px;color:#fff;font-weight:400;line-height:26px;vertical-align:bottom;} .editor_news .editor_cont .editor_top .btn_go {display:block;width:138px;height:30px;margin-top:16px;border:1px solid #120c19;background:#fff;border-radius:15px;font-size:14px;color:#120c19;font-weight:700;line-height:30px;text-align:center;} .editor_news .editor_cont .editor_top .btn_go .icon_arr {display:inline-block;width:17px;height:6px;margin:0 0 3px 11px;background-position:-257px 0;} .editor_news .editor_cont .editor_top .btn_go:hover {background:#231f20;color:#fff;} .editor_news .editor_cont .editor_top .btn_go:hover .icon_arr {background-position:-257px -13px;} .editor_news .editor_cont .editor_btm {position:relative;display:flex;padding:36px 40px 36px 40px;border-top:1px solid #c2c2c2;} .editor_news .editor_cont .editor_btm:after {content:'';display:block;clear:both;} .editor_news .editor_cont .editor_btm .cont_info a:hover {text-decoration:underline;} .editor_news .editor_cont .editor_btm .info_box {display:flex;} .editor_news .editor_cont .editor_btm .sub_tit {display:inline-block;height:15px;overflow:hidden;margin-bottom:2px;padding-bottom:1px;border-bottom:2px solid #231f20;font-size:14px;color:#000;font-weight:700;} .editor_news .editor_cont .editor_btm .sub_tit a:hover {color:#000;} .editor_news .editor_cont .editor_btm .editor_left {width:457px;margin-right:59px;} .editor_news .editor_cont .editor_btm .editor_left .cont_info {width:223px;margin-right:20px;} .editor_news .editor_cont .editor_btm .head_title {margin-bottom:9px} .editor_news .editor_cont .editor_btm .head_title a {display:block;max-height:48px;font-size:17px;color:#191919;font-weight:700;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:24px;} .editor_news .editor_cont .editor_btm .top_title {margin-bottom:9px} .editor_news .editor_cont .editor_btm .top_title a {display:block;max-height:48px;font-size:17px;color:#191919;font-weight:700;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:24px;} .editor_news .editor_cont .editor_btm .list_article li {margin-top:6px;} .editor_news .editor_cont .editor_btm .list_article li a {display:block;max-height:46px;padding:0 0 0 8px;background:url('../images/common/dot.gif') no-repeat 0 9px;font-size:15px;color:#181819;line-height:21px;letter-spacing:-0.35px; display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .editor_news .editor_cont .editor_btm .editor_left .thumb_img {width:214px;} .editor_news .editor_cont .editor_btm .editor_left .thumb_img a {display:block;overflow:hidden;border-top-right-radius:15px;border-bottom-left-radius:15px;} .editor_news .editor_cont .editor_btm .editor_left .thumb_img a img {display:block;width:214px;height:120px;} .editor_news .editor_cont .editor_btm .desc {margin-top:5px;} .editor_news .editor_cont .editor_btm .desc a {display:block;height:62px;font-size:14px;color:#7d7d7d;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.35px;line-height:20px;} .editor_news .editor_cont .editor_btm .desc a:hover {text-decoration:none;color:#231f20;} .editor_news .editor_cont .editor_btm .editor_right {width:260px;} .editor_news .editor_cont .editor_btm .icon_breaking {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #ff0652;background:#fff;line-height:16px;text-align:center;font-size:13px;color:#ff0652;font-weight:400;} .editor_news .editor_cont .editor_btm .icon_exclusive {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #008393;line-height:16px;text-align:center;font-size:13px;color:#008393;font-weight:400;} .editor_news .editor_cont .editor_btm .icon_letter {display:inline-block;height:16px;margin-right:6px;padding:0 4px;border:1px solid #120c19;line-height:16px;text-align:center;font-size:13px;color:#120c19;font-weight:400;} .editor_news .editor_cont .editor_btm .icon_photo {display:inline-block;width:22px;height:18px;margin-right:5px;background:url('../images/common/icon_photo03.png') no-repeat 0 0;font-size:0;vertical-align:middle;} .editor_news .editor_cont .editor_btm .icon_video {display:inline-block;width:18px;height:18px;margin-right:5px;background:url('../images/common/icon_video05.png') no-repeat 0 0;font-size:0;vertical-align:middle;} /* 메인 - 에디터 댓글 픽 */ .editor_pick + .mainnews_group {border-top:1px solid #ededed;} .editor_pick {margin-top:40px;} .editor_pick .title {padding-bottom:14px;border-bottom:0;} .editor_pick .d_ediotr {color:#181818!important;} .editor_pick .pick_cont {display:flex;padding:26px 40px 38px 40px;background:#f8f8f8;border:1px solid #c2c2c2;} .editor_pick .pick_cont .thumb {width:192px;margin:0 40px 0 0;} .editor_pick .pick_cont .thumb img {display:block;width:192px;height:108px;} .editor_pick .pick_cont .thumb a.img {display:block;overflow:hidden;border-top-right-radius:20px;border-bottom-left-radius:20px;} .editor_pick .pick_cont .thumb a.tit {display:block;padding:8px 0 0 0;} .editor_pick .pick_cont .thumb a.tit:hover span {color:#008689;} .editor_pick .pick_cont .thumb a.tit span {display:block;font-weight:700;font-size:15px;line-height:20px;color:#000;letter-spacing:-1px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .editor_pick .pick_cont .thumb .no_img {position:relative;overflow:hidden;display:block;width:192px;height:108px;padding:0 26px 0 17px;background:#dadada;border-top-right-radius:20px;border-bottom-left-radius:20px;box-sizing:border-box;} .editor_pick .pick_cont .thumb .no_img span {position:absolute;top:50%;transform: translateY(-50%);font-weight:500;font-size:15px;line-height:20px;color:#000;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .editor_pick .pick_cont .thumb .no_img:hover span {} .editor_pick .pick_cont .cont_info {position:relative;overflow:hidden;padding-top:3px;flex-grow: 1;} .editor_pick .pick_cont .cont_info a.link {display:block;width:100%;height:92px;padding-bottom:8px;border-bottom:1px solid #eaeaea;} .editor_pick .pick_cont .cont_info a.link:hover {} .editor_pick .pick_cont .cont_info a.link:hover .reader_txt {text-decoration:underline;} .editor_pick .pick_cont .cont_info a.link:hover .reader_txt strong {color:#231f20;} .editor_pick .pick_cont .cont_info a.link:hover .desc {} .editor_pick .pick_cont .cont_info .reader_txt {display:block;margin-bottom:4px;font-weight:400;font-size:15px;line-height:22px;color:#231f20;} .editor_pick .pick_cont .cont_info .desc {display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:400;font-size:14px;line-height:22px;color:#181818;} .editor_pick .pick_cont .cont_info .ediotr_msg {display:block;padding-top:9px;} .editor_pick .pick_cont .cont_info .ediotr_msg .tit {display:block;padding-left:12px;background:url('../images/common/icon_reply_re01.png') no-repeat 0 center;background-size:8px 8px;margin-bottom:4px;font-weight:700;font-size:14px;line-height:20px;color:#181818;} .editor_pick .pick_cont .cont_info .ediotr_msg .summary {padding-left:12px;font-weight:400;font-size:14px;line-height:20px;color:#181818;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .editor_pick .pick_cont .cont_info .ediotr_msg:hover .tit {text-decoration:underline;} .editor_pick .pick_cont .cont_info .ediotr_msg:hover .summary {} /* 메인 - 대표 브랜드 대상 20220414 추가 */ .masterbrand_wrap .title a {display:inline-block;vertical-align:middle;} .masterbrand_wrap .title a.logo {margin-right:8px;} .masterbrand_wrap .card_list {height:194px;overflow:hidden;} /* 메인 - EV라운지 */ .evLounge_wrap {margin:35px 0;} .evLounge_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .evLounge_wrap .card_wrap {padding-top:15px;border-top:1px solid #ededed;} .evLounge_wrap .card_wrap .card_list {width:900px;} /* 메인 - 비즈N */ .bizn_wrap {margin-bottom:35px;} .bizn_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .bizn_wrap .title span {margin-left:8px;font-size:12px;color:#9f9f9f;font-weight:normal;} .bizn_wrap .card_wrap {padding-top:15px;border-top:1px solid #ededed;} .bizn_wrap .card_wrap .card_list {width:900px;} /* 스낵컬쳐 , D-Lite */ .dlite_wrap {margin-bottom:35px;} .dlite_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .dlite_wrap .title span {margin-left:8px;font-size:12px;color:#9f9f9f;font-weight:normal;} .dlite_wrap .card_wrap {padding-top:15px;border-top:1px solid #ededed;} .dlite_wrap .card_wrap .card_list {width:900px;} /* 분야별 핫뉴스 */ .sectionnews_wrap {margin-bottom:35px;} .sectionnews_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .sectionnews_wrap .title span {margin-left:8px;font-size:12px;color:#9f9f9f;font-weight:normal;} .sectionnews_wrap .card_wrap {padding-top:15px;border-top:1px solid #ededed;} .sectionnews_wrap .card_wrap .card_list {width:900px;} .sectionnews_wrap .card_wrap .card_list li .thumb_img {width:185px;height:104px;} .sectionnews_wrap .card_wrap .card_list li .thumb_img img {display:block;width:185px;height:104px;} /* 매거진 */ .magazine_wrap {margin-bottom:35px;} .magazine_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .magazine_wrap .title span {margin-left:8px;font-size:12px;color:#9f9f9f;font-weight:normal;} .magazine_wrap .card_wrap {padding-top:15px;border-top:1px solid #ededed;} .magazine_wrap .card_wrap .card_list {width:900px;} .magazine_wrap .card_wrap .thumb_img img {width:185px;height:104px;} /* 요일별연재 */ .week_wrap {margin-bottom:35px;} .week_wrap .title {float:left;margin-right:18px;padding-bottom:14px;font-size:22px;color:#231f20;line-height:22px;} .week_wrap .week_tab {overflow:hidden;float:left;} .week_wrap .week_tab li {float:left;margin-right:5px;} .week_wrap .week_tab li a {overflow:hidden;display:block;width:24px;height:24px;border:1px solid #cdcdcd;border-radius:50%;text-align:center;line-height:24px;font-size:13px;color:#231f20;} .week_wrap .week_tab li.on a {color:#fff;background:#000;border:1px solid #000;} .week_wrap .card_wrap {clear:both;padding-top:15px;border-top:1px solid #ededed;} .week_wrap .card_wrap .card_list {display:none;width:900px;} .week_wrap .card_wrap .on {display:block;} /* 추천영상 */ .recommend_wrap {margin-bottom:35px;} .recommend_wrap .title {padding-bottom:14px;font-size:22px;color:#231f20;} .recommend_wrap .card_wrap {position:relative;padding-top:15px;border-top:1px solid #ededed;} .recommend_wrap .card_wrap .card_list {width:900px;} .recommend_wrap .card_wrap .card_list li {width:185px !important;} .recommend_wrap .card_wrap .card_list li .cont_info a .tit {color:#191919;white-space:nowrap;} .recommend_wrap .card_wrap .card_list li .cont_info a .desc {color:#191919;} .recommend_wrap .card_wrap .btn_move {} .recommend_wrap .card_wrap .btn_move .btn_prev {position:absolute;top:45px;left:-20px;display:block;width:40px;height:40px;background:url('../images/common/btn_prev01.png') no-repeat 0 0;} .recommend_wrap .card_wrap .btn_move .btn_next {position:absolute;top:45px;right:-20px;display:block;width:40px;height:40px;background:url('../images/common/btn_next01.png') no-repeat 0 0;} /* 메인 - 오피니언 */ .opinion_wrap {margin-top:30px;} .opinion_wrap .title {padding-bottom:10px;border-bottom:1px solid #ededed;font-size:20px;color:#181819;} .opinion_wrap .thumb_list {} .opinion_wrap .thumb_list li {position:relative;padding:15px 10px 16px 10px;border-bottom:1px solid #ededed;} .opinion_wrap .thumb_list li:after {content:'';display:block;clear:both;} .opinion_wrap .thumb_list li:hover {background:#f8f8f8;} .opinion_wrap .thumb_list li .cont_info {overflow:hidden;letter-spacing:-0.35px;} .opinion_wrap .thumb_list li .cont_info .txt {font-size:15px;color:#292929;line-height:20px;} .opinion_wrap .thumb_list li .cont_info .text_over {display:block;max-height:40px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:500;} .opinion_wrap .thumb_list li .cont_info .editor {display:block;margin-top:6px;font-size:12px;color:#7e7e7e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .opinion_wrap .thumb_list li .cont_info .editor a {color:#7e7e7e;} .opinion_wrap .thumb_list li .cont_info .editor a:hover {color:#7e7e7e;} .opinion_wrap .thumb_list li .thumb_img {float:right;width:50px;margin-left:18px;} .opinion_wrap .thumb_list li .thumb_img a {display:block;overflow:hidden;border-radius:50%;} .opinion_wrap .thumb_list li .thumb_img a img {display:block;width:50px;height:50px;} .opinion_wrap .thumb_list li.editorial .cont_info .tit {display:inline;margin-right:4px;font-size:15px;color:#008393;font-weight:400;} .opinion_wrap .thumb_list li.column .cont_info {} .opinion_wrap .thumb_list li.column .cont_info .tit {display:inline;margin-right:5px;font-size:15px;color:#008689;font-weight:400;} .opinion_wrap .thumb_list li.column .cont_info {/*display:table;height:64px;*/} .opinion_wrap .thumb_list li.column .cont_info .sub_cont {/*display:table-cell;vertical-align:middle;*/} /* 메인 - 동아배너 */ .bann_wrap {overflow:hidden;margin-top:39px;} .bann_wrap .bann_box {padding:16px 0 0 0;} .bann_wrap .bann_box a {display:block;width:300px;height:80px;} .bann_wrap .bann_box a img {display:block;width:300px;height:80px;} .bann_wrap .bann_box .slick-dots {position:absolute;top:0;right:0;line-height:8px;} .bann_wrap .bann_box .slick-dots li {display:inline-block;height:8px;margin-left:5px;} .bann_wrap .bann_box .slick-dots button {width:8px;height:8px;border:0;font-size:0;color:transparent;border-radius:5px;background:#e4e4e4;vertical-align:middle;} .bann_wrap .bann_box .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;} /* 메인 - POLL 20220817 추가 */ .poll_wrap {margin-top:40px;} .poll_wrap h2 {font-weight: 700;font-size: 24px;line-height: 35px;color: #000000;} .poll_wrap h2 a:hover {color: #008396;} .poll_wrap .poll_cont {margin-top:3px;padding:16px 17px 28px 23px;background:#F1F3F5;border:1px solid #E2E2E2;} .poll_wrap .poll_cont .title {font-weight: 700;font-size: 13px;line-height: 19px;color: #008396;} .poll_wrap .poll_cont .tit {margin-top:1px;font-weight: 700;font-size: 17px;line-height: 25px;color: #000000;word-break:keep-all;} .poll_wrap .poll_cont .txt {margin-top:7px;font-weight: 400;font-size:14px;line-height:22px;color: #7D7D7D;} .poll_wrap .poll_cont .poll_list_wrap {position:relative;} .poll_wrap .poll_cont .poll_list {margin-top:15px;} .poll_wrap .poll_cont .poll_list .inp_radio {display:none;} .poll_wrap .poll_cont .poll_list .label {display:block;margin-top:10px;padding:6px 16px 9px;background: #FFFFFF;border-radius: 0px 10px;font-weight: 700;font-size: 14px;line-height: 20px;color: #181819;cursor:pointer;} .poll_wrap .poll_cont .poll_list .label:hover {background: #008396;color: #FFFFFF;} .poll_wrap .poll_cont .poll_list .label.on {background: #008396;color: #FFFFFF;} .poll_wrap .poll_cont .poll_after li {margin-top:9px;font-weight: 500;font-size: 14px;line-height: 20px;color: #181819;} .poll_wrap .poll_cont .poll_after li .bg {display:block;position:relative;width:260px;height:8px;margin-top:5px;background: #D4D4D4;} .poll_wrap .poll_cont .poll_after li .bg .per {display:block;position:absolute;top:0;left:0;height:8px;background: #7E7E7E;} .poll_wrap .poll_cont .poll_after li .bg .per.win {background: #008396;} .poll_wrap .poll_cont .poll_after li .num {display:block;margin-top:3px;font-size: 13px;line-height: 19px;color: #181819;text-align:right;} .poll_wrap .poll_cont .poll_after li .num strong {margin-right:5px;} .poll_wrap .poll_cont .poll_btn {margin-top:22px;text-align:right;} .poll_wrap .poll_cont .poll_btn a {display:inline-block;width:124px;height:28px;margin-left:10px;padding-left:25px;border: 1px solid #7E7E7E;border-radius: 20px;box-sizing:border-box;font-weight: 500;font-size: 13px;line-height:26px;color: #181819;background: url('../images/common/icon_arrow.png') no-repeat #fff 103px 8px;text-align:left;} .poll_wrap .poll_cont .poll_btn a:first-child {margin-left:0;} .poll_popup {display:none;position:absolute;bottom:0;left:50%;width: 206px;height: 152px;margin-left:-103px;padding-top:47px;box-sizing:border-box;background: #FFFFFF;border: 1px solid #D4D4D4;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;text-align:center;} .poll_popup .pop_txt {font-weight: 500;font-size: 16px;line-height: 20px;color: #181819;} .poll_popup .poll_pop_btn {margin-top:33px;} .poll_popup .poll_pop_btn .btn_cancel {display:inline-block;width:80px;height:28px;line-height:26px;background: #FFFFFF;border: 1px solid #D4D4D4;border-radius: 20px;font-weight: 500;font-size: 14px;color: #7E7E7E;text-align:center;vertical-align:top;cursor:pointer;} .poll_popup .poll_pop_btn .btn_confirm {display:inline-block;width:80px;height:28px;line-height:26px;margin-left:9px;background: #333333;border-radius: 20px;font-weight: 700;font-size: 14px;color: #FFFFFF;text-align:center;vertical-align:top;cursor:pointer;} /* 메인 - 동아 투데이 */ .today_wrap {margin-top:40px;letter-spacing:-0.35px;} .today_wrap .title {font-size:22px;color:#191919;} .today_wrap .today_cont {margin-top:11px;padding:23px 20px 15px 20px;border:1px solid #e4e4e4;} .today_wrap .today_cont .img_pdf a {display:block;} .today_wrap .today_cont .img_pdf a img {display:block;width:252px;height:158px;} .today_wrap .today_cont .top_news {padding-top:22px;} .today_wrap .today_cont .top_news .tit {display:inline-block;height:20px;padding:0 8px;border:1px solid #6d6d6d;border-radius:15px;font-size:13px;color:#191919;line-height:20px;} .today_wrap .today_cont .top_news a {display:block;margin-top:9px;font-size:16px;color:#231f20;font-weight:700;line-height:22px;} .today_wrap .today_cont .top_news a:hover span {text-decoration:underline;color:#231f20;} .today_wrap .today_cont .donga_info {padding:10px 0 12px 0;margin-top:15px;border-top:1px solid #c2c2c2;} .today_wrap .today_cont .donga_info a:hover {text-decoration:underline;} .today_wrap .today_cont .list_info {overflow:hidden;padding:0 0 0 6px;} .today_wrap .today_cont .list_info li {float:left;margin:4px 0;} .today_wrap .today_cont .list_info li:after {content:'';display:block;clear:both;} .today_wrap .today_cont .list_info li:nth-child(odd) {width:154px;} .today_wrap .today_cont .list_info li a {display:block;padding-left:10px;background: url('../images/common/dot.gif') no-repeat 0 6px;font-size:13px;color:#231f20;} .today_wrap .today_cont .other_info {padding:10px 0 0 0;border-top:1px solid #ededed;} .today_wrap .today_cont .other_info a:hover {text-decoration:underline;} /* 메인 - 트렌드뉴스 */ .trend_wrap {margin-top:40px;letter-spacing:-0.35px;} .trend_wrap .title {font-size:22px;color:#191919;} .trend_wrap .trend_tab {display:flex;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #ededed;} .trend_wrap .trend_tab li {margin-left:6px;} .trend_wrap .trend_tab li:first-child {margin-left:0;} .trend_wrap .trend_tab li a {display:block;width:68px;height:26px;border:1px solid #ccc;border-radius:15px;line-height:26px;text-align:center;font-size:13px;color:#231f20;} .trend_wrap .trend_tab li.on a {display:block;width:70px;height:28px;border:1px solid #231f20;background:#231f20;border-radius:15px;line-height:26px;text-align:center;color:#fff;} .trend_wrap .tab_cont {} .trend_wrap .tab_cont .list_trend.on {display:block;} .trend_wrap .tab_cont .list_trend {display:none;} .trend_wrap .tab_cont .list_trend li {position:relative;padding:10px 0;border-bottom:1px solid #ededed;} .trend_wrap .tab_cont .list_trend li:hover {background:#f8f8f8;} .trend_wrap .tab_cont .list_trend li:after {content:'';display:block;clear:both;} .trend_wrap .tab_cont .list_trend li .thumb_img {float:right;width:70px;margin-left:20px;} .trend_wrap .tab_cont .list_trend li .thumb_img a img {display:block;width:70px;height:56px;} .trend_wrap .tab_cont .list_trend li .cont_info {} .trend_wrap .tab_cont .list_trend li .cont_info a {position:relative;display:block;padding:0 0 0 35px;} .trend_wrap .tab_cont .list_trend li .cont_info a .icon_num {position:absolute;top:17px;left:9px;display:block;background: url('../images/common/num01.png') no-repeat 0 0;font-size:0;color:transparent;} .trend_wrap .tab_cont .list_trend li .cont_info a .num01 {width:7px;height:23px;background-position:0 0;} .trend_wrap .tab_cont .list_trend li .cont_info a .num02 {width:14px;height:23px;background-position:-16px 0;} .trend_wrap .tab_cont .list_trend li .cont_info a .num03 {width:14px;height:23px;background-position:-39px 0;} .trend_wrap .tab_cont .list_trend li .cont_info a .num04 {width:15px;height:23px;background-position:-62px 0;} .trend_wrap .tab_cont .list_trend li .cont_info a .num05 {width:13px;height:23px;background-position:-85px 0;} .trend_wrap .tab_cont .list_trend li .cont_info a .desc {display:block;max-height:44px;padding-top:7px;font-size:15px;color:#191919;line-height:22px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:500;} /* 메인 - 프로모션 */ .promotion_wrap {overflow:hidden;margin-top:37px;} .promotion_wrap .promotion_box {padding:16px 0 0 0;} .promotion_wrap .promotion_box a {display:block;width:300px;height:80px;} .promotion_wrap .promotion_box a img {display:block;width:300px;height:80px;} .promotion_wrap .promotion_box .slick-dots {position:absolute;top:0;right:0;line-height:8px;} .promotion_wrap .promotion_box .slick-dots li {display:inline-block;height:8px;margin-left:5px;} .promotion_wrap .promotion_box .slick-dots button {width:8px;height:8px;border:0;font-size:0;color:transparent;border-radius:5px;background:#e4e4e4;vertical-align:middle;} .promotion_wrap .promotion_box .slick-dots .slick-active button {width:18px;height:8px;background:#231f20;} /* 메인 - 당신만 안본 뉴스 */ .only_wrap {margin-top:40px;letter-spacing:-0.35px;} .only_wrap .title {padding-bottom:10px;border-bottom:1px solid #ededed;font-size:20px;color:#191919;} .only_wrap .thumb_list {} .only_wrap .thumb_list li {position:relative;padding:10px;border-bottom:1px solid #ededed;} .only_wrap .thumb_list li:after {content:'';display:block;clear:both;} .only_wrap .thumb_list li:hover {background:#f8f8f8;} .only_wrap .thumb_list li .thumb_img {float:right;margin-left:15px;} .only_wrap .thumb_list li .thumb_img a {display:block;width:70px;} .only_wrap .thumb_list li .thumb_img a img {display:block;width:70px;height:56px;} .only_wrap .thumb_list li .cont_info {overflow:hidden;} .only_wrap .thumb_list li .cont_info .desc {max-height:44px;padding-top:6px;font-size:15px;color:#292929;letter-spacing:-0.35px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:22px;font-weight:500;} /* 메인 - 알립니다 */ .inform_wrap {margin-top:40px;letter-spacing:-0.35px;} .inform_wrap .title {float:left;margin-bottom:8px;font-size:20px;color:#191919;} .inform_wrap .inform_link {float:right;} .inform_wrap .inform_link a {display:inline-block;font-size:13px;color:#231f20;font-weight:400;} .inform_wrap .inform_link a:before {content:'|';display:inline-block;margin:0 7px;color:#c2c2c2;font-size:11px;vertical-align:top;} .inform_wrap .inform_link a:first-child:before {display:none;} .inform_wrap .list_inform {clear:both;} .inform_wrap .list_inform li {margin-top:10px;} .inform_wrap .list_inform li a {display:block;} .inform_wrap .list_inform li a img {display:block;width:300px;height:80px;} /* 메인 - 내 콘텐츠 배너 20220824 추가 */ .banner_area a {display:block;margin-top:10px;} /* 메인 - 동아미디어그룹 */ .donga_media {width:100%;height:54px;margin:0 auto;border-top:1px solid #b7b7b7;border-bottom:1px solid #ebebeb;background:#f9f9f9;} .donga_media .media_cont {width:1200px;margin:0 auto;} .donga_media .damg {float:left;padding:0 0 0 0;line-height:54px;} .donga_media .damg .tit {display:inline-block;font-size:13px;color:#242424;letter-spacing:-1px;vertical-align:middle;font-weight:700;} .donga_media .damg a {display:inline-block;font-size:13px;color:#242424;vertical-align:middle;font-weight:700;} .donga_media .damg .txt_bar {display:inline-block;margin:0 10px;color:#bebebe;font-size:11px;} .donga_media .alim_cont {float:right;} .donga_media .alim_msg {position:relative;float:left;width:298px;height:32px;margin:10px 6px 0 0;background:#fff;border:1px solid #e8e8e8;} .donga_media .alim_msg .title a {position:relative;display:block;height:32px;line-height:32px;padding:0 42px 0 15px;font-size:13px;color:#242424;font-weight:400;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .donga_media .alim_msg .title a .icon_arr {display:block;position:absolute;top:15px;right:18px;width:10px;height:5px;background-position:-183px -88px;} .donga_media .alim_msg .title a .icon_arr.on {background-position:-183px -79px;} .donga_media .alim_msg .dongagroup_layer {display:none;position:absolute;left:-1px;top:32px;width:282px;height:258px;padding:5px 0 5px 16px;border:1px solid #e8e8e8;background:#fff;z-index:1;overflow-y:scroll;} .donga_media .alim_msg .dongagroup_layer .list li {line-height:200%;} .donga_media .alim_msg .dongagroup_layer .list li a {display:block;font-size:12px;color:#242424;} .donga_media .family_site {position:relative;float:left;width:248px;height:32px;margin-top:10px;background:#fff;border:1px solid #e8e8e8;} .donga_media .family_site .title a {position:relative;display:block;height:32px;line-height:32px;padding:0 42px 0 15px;font-size:13px;color:#242424;font-weight:bold;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .donga_media .family_site .title a .icon_arr {display:block;position:absolute;top:15px;right:18px;width:10px;height:5px;background-position:-183px -88px;} .donga_media .family_site .title a .icon_arr.on {background-position:-183px -79px;} .donga_media .family_site .family_layer {display:none;position:absolute;left:-1px;top:32px;width:232px;height:258px;padding:5px 0 5px 16px;border:1px solid #e8e8e8;background:#fff;z-index:1;overflow-y:scroll;} .donga_media .family_site .family_layer .mediaGroupList li {line-height:200%;} .donga_media .family_site .family_layer .mediaGroupList li a {display:block;font-size:12px;color:#242424;} /* 메인 - 베이징올림픽 */ #beijing_op {width:300px;padding-top:39px;} #beijing_op .tit {padding-bottom:7px;} #beijing_op .beijing_cont {border-top:1px solid #006ed8;} #beijing_op .beijing_cont.medal_on {width:300px;height:229px;padding-bottom:11px;background: url('../images/common/bg_beijing.gif') no-repeat 0 0;border-top:0;} #beijing_op .beijing_cont .beijing_top {display:none;} #beijing_op .medal_on .beijing_top {position:relative;display:block;overflow:hidden;} #beijing_op .medal_on .beijing_top .ranking {display:block;float:left;padding:23px 0 0 10px;font-size:15px;color:#fff;font-weight:500;} #beijing_op .medal_on .beijing_top .ranking em {font-size:17px;font-weight:700;} #beijing_op .medal_on .beijing_top .medal_box {float:right;padding:17px 16px 20px 0;} #beijing_op .medal_on .beijing_top .medal_box span {display:inline-block;text-align:center;line-height:45px;} #beijing_op .medal_on .beijing_top .medal_box .gold {width:38px;height:39px;background: url('../images/common/bg_medal_gold.png') no-repeat center center;} #beijing_op .medal_on .beijing_top .medal_box .silver {width:39px;height:38px;background: url('../images/common/bg_medal_silver.png') no-repeat center center;} #beijing_op .medal_on .beijing_top .medal_box .bronze {width:38px;height:39px;background: url('../images/common/bg_medal_bronze.png') no-repeat center center;} #beijing_op .beijing_cont .news_list {} #beijing_op .beijing_cont .news_list li {overflow:hidden;padding:10px 10px 10px 11px;border-bottom:1px solid #ededed;} #beijing_op .medal_on .news_list li:last-child {border-bottom:0;} #beijing_op .beijing_cont .news_list li .thumb_img {float:right;margin-left:13px;} #beijing_op .beijing_cont .news_list li .thumb_img img {display:block;width:70px;height:56px;} #beijing_op .beijing_cont .news_list li .cont_info {overflow:hidden;} #beijing_op .beijing_cont .news_list li .desc {padding-top:7px;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:15px;color:#292929;line-height:150%;letter-spacing:-1px;font-weight:500;} /* 메인 - 카타르월드컵 */ #qatar_worldcup {position:relative;margin-bottom:42px;} #qatar_worldcup .btn_more {position:absolute;top:0;right:0;font-size:14px;color:#717171;} #qatar_worldcup .btn_more:after {content:"";display:inline-block;width:6px;height:10px;margin-left:5px;background:url('../images/common/icon_more02.png') no-repeat 0 0;} #qatar_worldcup .thumb_list li .thumb_img a {width:99px;height:56px;} #qatar_worldcup .thumb_list li .thumb_img a img {width:99px;height:56px;} /* 사이트맵 */ #sitemap {width:1200px;margin:0 auto;padding:25px 0 20px 0;} #sitemap .sitemap_box {overflow:hidden;padding:23px 0;} #sitemap .sitemap_box dl {float:left;width:148px;} #sitemap .sitemap_box dl dt {margin-bottom:12px;font-size:14px;color:#231f20;font-weight: 700;} #sitemap .sitemap_box dl dd {margin-bottom:11px;} #sitemap .sitemap_box dl dt a {font-size:14px;font-weight:700;color:#231f20;} #sitemap .sitemap_box dl dt.app {margin-top:42px;} #sitemap .sitemap_box dl dd a {font-size:14px;color:#6c6c6c;} #sitemap .sitemap_box dl dt.line {margin-top:42px;} #sitemap .sitemap_box dl dt.line a {padding-top:5px;border-top:1px solid #6d6d6d;} /* 풋터 */ #section_footer {overflow:hidden;width:100%;background:#fff;} #footer {width:100%;padding-bottom:50px;background:#fff;border-top:1px solid #ebebeb;} #footer .footerBox {width:1200px;margin:0 auto;} #footer .footerBox .footerNav {padding:43px 0 0 0;} #footer .footerBox .footerNav p {padding-bottom:7px;} #footer .footerBox .footerNav p strong {display:inline-block;margin-right:10px;font-size:14px;color:#231f20;vertical-align:bottom;} #footer .footerBox .footerNav p strong a {font-size:14px;color:#231f20;} #footer .footerBox .footerNav p .mgr {margin-right:0;} #footer .footerBox .footerNav p a {display:inline-block;font-size:14px;color:#231f20;vertical-align:middle;} #footer .footerBox .footerNav p a strong {margin-right:0;} #footer .footerBox .footerNav p .txt_bar {display:inline-block;width:1px;height:10px;margin:0 4px 0 6px;color:#cdcdcd;font-size:10px;} #footer .footerBox .copyright {padding-left:0;} #footer .footerBox .copyright p {color:#231f20;font-size:14px;} #footer .footerBox .copyright .address {color:#231f20;} #footer .footerBox .copyright .address span {display:inline-block;width:1px;height:10px;margin:0 2px 0 3px;color:#cdcdcd;font-size:10px;vertical-align:text-top;} #footer .footerBox .copyright .footerBanner {width:408px;height:29px;padding-left:10px;vertical-align:middle;} #footer .footerBox .copyright .fLogo {margin:0 0 0 64px;} #footer .footerBox .copyright .fLogo strong {color:#f15922;} #footer .footerBox .address {margin-left:64px;padding-bottom:28px;color:#231f20;font-size:14px;} #footer .footerBox .address .txt_bar {display:inline-block;width:1px;height:10px;margin:0 4px 0 6px;color:#cdcdcd;font-size:10px;} /* 투표율 */ .turnout_iframe {width:1200px;height:98px;margin:0 auto 6px auto;} .turnout_box {overflow:hidden;position:relative;width:1200px;height:98px;margin:0 auto;background: url('https://image.donga.com/election2022/pc/images/common/bg_turnout.jpg') no-repeat 0 0;} .turnout_box .tit {display:block;float:left;padding:14px 22px 0 49px;} .turnout_box .turnout_info {float:left;overflow:hidden;} .turnout_box .turnout_info .country_info {float:left;padding:29px 11px 0 0;} .turnout_box .turnout_info .country_info .txt {display:block;margin-bottom:6px;font-size:22px;font-weight:500;color:#f3f4f4;} .turnout_box .turnout_info .country_info .time {display:block;font-size:12px;color:#fff68b;text-align:right;} .turnout_box .turnout_info .country_info em {font-size:11px;color:#ffffff;} .turnout_box .turnout_info .per {float:left;display:block;padding:22px 65px 0 0;font-size:46px;font-weight:500;color:#fff68b;line-height:46px;} .turnout_box .turnout_info em {font-size:28px;} .turnout_box .turnout_sw {float:left;overflow:hidden;width:715px;height:36px;padding:31px 0 0 0;} .turnout_box .turnout_sw .element {position:relative;width:2600px;} .turnout_box .turnout_sw .element a {float:left;} .turnout_box .turnout_sw .element a:hover {color:#e1e1e1;} .turnout_box .turnout_list {float:left;overflow:hidden;padding:0;} .turnout_box .turnout_list li {overflow:hidden;height:36px;margin-left:20px;line-height:32px;} .turnout_box .turnout_list li:first-child {margin-left:0;} .turnout_box .turnout_list li:last-child .per {padding-right:20px;} .turnout_box .turnout_list li span {display:inline-block;vertical-align:middle;letter-spacing:-1px;} .turnout_box .turnout_list li .local {font-size:20px;color:#fff;} .turnout_box .turnout_list li .per {margin-left:2px;font-size:22px;color:#c3c3c3;font-weight:400;} .turnout_box .turnout_list li .icon {width:36px;height:36px;margin-right:9px;font-size:12px;color:#fff;font-weight:bold;text-align:center;vertical-align:middle;} .turnout_box .turnout_list li.best .icon {display:inline-block;width:36px;height:36px;background: url('https://image.donga.com/election2022/pc/images/common/icon_best.png') no-repeat 0 0;font-size:0;color:transparent;} .turnout_box .turnout_list li.best .per {color:#ff8593;} .turnout_box .turnout_list li.low .icon {display:inline-block;width:36px;height:36px;background: url('https://image.donga.com/election2022/pc/images/common/icon_low.png') no-repeat 0 0;font-size:0;color:transparent;} .turnout_box .turnout_list li.low .per {color:#35abb8;} /* 출구조사 */ .poll_info {} .poll_info .poll_cont {} .poll_info .poll_cont .poll_top {border:1px solid #ededed;border-bottom:0;background:#f9f9f9;} .poll_info .poll_cont .local_cont {position:relative;padding:14px 29px 0 26px;} .poll_info .poll_cont .local_cont:after {content:'';display:block;clear:both;} .poll_info .poll_cont .local_cont .tit_cont {float:left;padding-top:6px;} .poll_info .poll_cont .local_cont .tit_cont h2.tit {display:inline-block;margin-right:10px;font-size:20px;color:#231f20;letter-spacing:-1px;} .poll_info .poll_cont .local_cont .tit_cont .source {font-size:12px;color:#848384;letter-spacing:-0.5px;} .poll_info .poll_cont .local_cont .all_vote {float:right;height:33px;padding:0 17px;background:#fff;border:1px solid #454b50;border-radius:20px;line-height:32px;color:#231f20;letter-spacing:-0.5px;} .poll_info .poll_cont .local_cont .all_vote span {} .poll_info .poll_cont .local_cont .all_vote .txt {margin-right:7px;font-size:15px;vertical-align:top;} .poll_info .poll_cont .local_cont .all_vote .total {margin-right:1px;font-size:20px;font-weight:900;} .poll_info .poll_cont .local_cont .all_vote em {font-size:16px;font-weight:500;} .poll_info .poll_cont .local_cont .all_vote .time {margin-left:4px;font-size:12px;color:#9a8f91;font-weight:400;vertical-align:top;} .poll_info .poll_cont .vs_poll_box {position:relative;padding:15px 28px 0 31px;} .poll_info .poll_cont .vs_poll_box:before {content:'';position:absolute;top:25px;left:50%;display:block;width:1px;height:100px;background:#ededed;} .poll_info .poll_cont .vs_poll_box:after {content:'';display:block;clear:both;} .poll_info .poll_cont .vs_poll_box .candidate {position:relative;box-sizing:border-box;} .poll_info .poll_cont .vs_poll_box .candidate .thumb {height:216px;} .poll_info .poll_cont .vs_poll_box .candidate .thumb img {height:216px;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info {position:absolute;top:0;left:0;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info .party {display:inline-block;min-width:75px;height:20px;margin-bottom:5px;line-height:20px;font-size:12px;color:#fff;text-align:center;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info .name {display:block;margin-bottom:9px;font-size:26px;color:#333;font-weight:700;line-height:26px;letter-spacing:-1px;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info .num {display:block;font-size:40px;font-weight:900;line-height:40px;letter-spacing:-1px;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info .num em {font-weight:400;} .poll_info .poll_cont .vs_poll_box .candidate .cont_info .vote_num {display:block;padding-top:5px;font-size:15px;color:#252525;font-weight:700;} .poll_info .poll_cont .vs_poll_box .candidate .type1 .party {background:#0d39ab;} .poll_info .poll_cont .vs_poll_box .candidate .type1 .num {color:#0d39ab;} .poll_info .poll_cont .vs_poll_box .candidate .type2 .party {background:#da2728;} .poll_info .poll_cont .vs_poll_box .candidate .type2 .num {color:#da2728;} .poll_info .poll_cont .vs_poll_box .candidate .type3 .party {background:#f2aa2e;} .poll_info .poll_cont .vs_poll_box .candidate .type3 .num {color:#f2aa2e;} .poll_info .poll_cont .vs_poll_box .candidate .type4 .party {background:#f46017;} .poll_info .poll_cont .vs_poll_box .candidate .type4 .num {color:#f46017;} .poll_info .poll_cont .vs_poll_box .candidate .type5 .party {background:#898989;} .poll_info .poll_cont .vs_poll_box .candidate .type5 .num {color:#898989;} .poll_info .poll_cont .vs_poll_box .candidate .mark {position:absolute;top:-11px;left:-12px;display:block;width:73px;height:74px;font-size:0;color:transparent;} .poll_info .poll_cont .vs_poll_box .candidate .mark.win01 {background: url('https://image.donga.com/election2022/pc/images/common/icon_win01.png') no-repeat 0 0;} .poll_info .poll_cont .vs_poll_box .candidate .mark.win02 {background: url('https://image.donga.com/election2022/pc/images/common/icon_win02.png') no-repeat 0 0;} .poll_info .poll_cont .vs_poll_box .candidate .mark.win03 {background: url('https://image.donga.com/election2022/pc/images/common/icon_win03.png') no-repeat 0 0;} .poll_info .poll_cont .vs_poll_box .left_candidate {float:left;width:50%;box-sizing:border-box;} .poll_info .poll_cont .vs_poll_box .left_candidate .cont_info {position:absolute;top:13px;left:203px;text-align:left;} .poll_info .poll_cont .vs_poll_box .right_candidate {float:left;width:50%;box-sizing:border-box;} .poll_info .poll_cont .vs_poll_box .right_candidate .thumb {text-align:right;} .poll_info .poll_cont .vs_poll_box .right_candidate .cont_info {position:absolute;top:13px;right:223px;text-align:right;} .poll_info .poll_cont .vs_poll_box .gap_point {position:absolute;bottom:10px;left:50%;width:134px;margin-left:-67px;padding:12px 0;background:#fff;border:3px solid #c7c7cd;border-radius:15px;text-align:center;} .poll_info .poll_cont .vs_poll_box .gap_point .point_cont {position:relative;height:100%;} .poll_info .poll_cont .vs_poll_box .gap_point:after {content:'';display:block;position:absolute;bottom:-13px;left:56px;width:17px;height:13px;background: url('https://image.donga.com/election2022/pc/images/common/img_arr01.png') no-repeat 0 0;} .poll_info .poll_cont .vs_poll_box .gap_point span {display:inline-block;} .poll_info .poll_cont .vs_poll_box .gap_point .num {margin-right:2px;font-size:25px;color:#231f20;font-weight:900;letter-spacing:-1px;line-height:25px;} .poll_info .poll_cont .vs_poll_box .gap_point .point {font-size:18px;color:#231f20;font-weight:400;} .poll_info .poll_cont .vs_poll_box .gap_point .vote_num {display:block;padding-top:3px;font-size:12px;color:#252525;font-weight:700;} .poll_info .poll_cont .graph_cont {position:relative;height:19px;border:1px solid #d4d4dd;background:#fff;} .poll_info .poll_cont .graph_cont:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:19px;background:#d4d4dd;} .poll_info .poll_cont .graph_cont:after {content:'';display:block;clear:both;} .poll_info .poll_cont .graph_cont .bar {display:inline-block;height:19px;} .poll_info .poll_cont .graph_cont .left_graph {float:left;width:50%;height:19px;box-sizing:border-box;text-align:left;} .poll_info .poll_cont .graph_cont .right_graph {float:right;width:50%;height:19px;box-sizing:border-box;text-align:right;} .poll_info .poll_cont .graph_cont .type1 .bar {background:#0d39ab} .poll_info .poll_cont .graph_cont .type2 .bar {background:#da2728} .poll_info .poll_cont .graph_cont .type3 .bar {background:#f2aa2e} .poll_info .poll_cont .graph_cont .type4 .bar {background:#f2aa2e} .poll_info .poll_cont .graph_cont .type5 .bar {background:#898989} .poll_info .poll_cont .new .bar {display:block;} .poll_info .poll_cont .new .left_graph {position:relative;} .poll_info .poll_cont .new .right_graph {position:relative;} .poll_info .candidate_cont {background:#d4d4dd;padding:0 30px;} .poll_info .candidate_cont .candidate_list {clear:both;overflow:hidden;display:flex;justify-content:space-between;} .poll_info .candidate_cont .candidate_list li {overflow:hidden;float:left;padding:12px 0 8px;} .poll_info .candidate_cont .candidate_list li:last-child {} .poll_info .candidate_cont .candidate_list li .thumb_img {float:left;margin-right:8px;} .poll_info .candidate_cont .candidate_list li .thumb_img img {display:block;border:1px solid #9e9ea6;} .poll_info .candidate_cont .candidate_list li .cont_info {float:left;overflow:hidden;margin-right:8px;} .poll_info .candidate_cont .candidate_list li .cont_info span {display:block;} .poll_info .candidate_cont .candidate_list li .party {padding-top:7px;font-size:12px;color:#545353;} .poll_info .candidate_cont .candidate_list li .name {padding-top:1px;font-size:16px;color:#231f20;font-weight:700;} .poll_info .candidate_cont .candidate_list li .num {display:block;overflow:hidden;padding:12px 3px 0 0;font-size:26px;color:#000;font-weight:700;line-height:26px;letter-spacing:-1px;} .poll_info .candidate_cont .candidate_list li .num em {margin-left:2px;font-size:20px;font-weight:400;} .poll_info .candidate_cont .candidate_list li .more {margin-top:15px;} .poll_info .candidate_cont .candidate_list li .btn_more {display:inline-block;margin-top:0;font-size:15px;color:#231f20;text-decoration:underline;font-weight:500;vertical-align:initial;} .poll_info .candidate_cont .candidate_list li .icon_more {display:inline-block;width:7px;height:12px;margin-top:0;margin-left:4px;background: url('https://image.donga.com/election2022/pc/images/common/icon_more01.png') no-repeat 0 0;} /* 개표현황*/ .count_ballot {position:relative;} .count_ballot:after {content:'';display:block;clear:both;} .count_ballot .poll_info {float:left;width:860px;} .count_ballot .local_ranking {float:left;width:339px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;} .count_ballot .map_zone .map_box {height:368px;background:#fff;} .count_ballot .map_zone .map_info {position:relative;width:264px;height:368px;margin:0 auto;background:url('https://image.donga.com/election2022/pc/images/common/bg_map.jpg') no-repeat 0 0;} .count_ballot .map_zone .txt {position:relative;display:block;margin-top:-18px;padding:0 45px 3px 0;font-size:11px;color:#969696;letter-spacing:-1px;text-align:right;z-index:1;} .count_ballot .map_zone .map_info .map_tit {position:absolute;top:15px;left:-13px;letter-spacing:-1px;color:#231f20;font-size:15px;font-weight:700;} .count_ballot .map_zone .map_info .region {position:absolute;border-radius:100%;cursor:pointer;color:#fff;text-align:center;letter-spacing:-1px;} .count_ballot .map_zone .map_info .region:hover {z-index:30;} .count_ballot .map_zone .map_info .lv1 {width:26px;height:26px;line-height:26px;font-size:10px;} .count_ballot .map_zone .map_info .lv2 {width:36px;height:36px;line-height:36px;font-size:12px;} .count_ballot .map_zone .map_info .lv3 {width:52px;height:52px;line-height:52px;font-size:14px;} .count_ballot .map_zone .map_info .lv4 {width:70px;height:70px;line-height:70px;font-size:14px;} .count_ballot .map_zone .map_info .lv5 {width:86px;height:86px;line-height:86px;font-size:14px;} .count_ballot .map_zone .map_info .map_sejong {left:77px;top:139px;} .count_ballot .map_zone .map_info .map_deajeon {left:96px;top:164px;} .count_ballot .map_zone .map_info .map_gwangju {left:57px;top:228px;} .count_ballot .map_zone .map_info .map_ulsan {left:200px;top:201px;} .count_ballot .map_zone .map_info .map_jeju {left:195px;top:294px;} .count_ballot .map_zone .map_info .map_deagu {left:154px;top:186px;} .count_ballot .map_zone .map_info .map_jeonbuk {left:59px;top:182px;} .count_ballot .map_zone .map_info .map_jeonnam {left:55px;top:255px;} .count_ballot .map_zone .map_info .map_chungbuk {left:95px;top:113px;} .count_ballot .map_zone .map_info .map_chungnam {left:37px;top:146px;} .count_ballot .map_zone .map_info .map_gangwon {left:157px;top:59px;} .count_ballot .map_zone .map_info .map_busan {left:150px;top:226px;} .count_ballot .map_zone .map_info .map_incheon {left:10px;top:93px;} .count_ballot .map_zone .map_info .map_gyeonnam {left:99px;top:196px;} .count_ballot .map_zone .map_info .map_gyeonbuk {left:142px;top:123px;} .count_ballot .map_zone .map_info .map_seoul {left:44px;top:46px;} .count_ballot .map_zone .map_info .map_gyeonggi {left:96px;top:22px;} /* ie8이하 색상 적용 2017.05.08 */ .count_ballot .map_zone .map_info .region.bg01 {background:#0d39ab;background-color:rgba(19,57,171,0.8);} .count_ballot .map_zone .map_info .region.bg02 {background:#da2728;background-color:rgba(218,39,40,0.8);} .count_ballot .map_zone .map_info .region.bg03 {background:#f2aa2e;background-color:rgba(242,170,46,0.8);} .count_ballot .map_zone .map_info .region.bg04 {background:#f46017;background-color:rgba(244,96,23,0.8);} .count_ballot .map_zone .map_info .region.bg05 {background:#898989;background-color:rgba(137,137,137,0.8);} /* //ie8이하 색상 적용 2017.05.08 */ .count_ballot .map_zone .map_info .region_in {position:relative;display:inline-block;top:15%;width:70%;height:70%;margin:0 auto;} .count_ballot .map_zone .map_info .region_in span{position:absolute;left:0;right:0;top:-19%;height:100%;font-weight:bold;} .count_ballot .map_zone .map_info .map_pop {position:absolute;overflow:hidden;display:none;top:70%;width:265px;height:110px;background:url('https://image.donga.com/election2022/pc/images/common/bg_pop_map.png');z-index:100;} .count_ballot .map_zone .map_info .map_sejong .region_in .map_pop {left:-122px;} .count_ballot .map_zone .map_info .map_deajeon .region_in .map_pop {left:-119px;} .count_ballot .map_zone .map_info .map_gwangju .region_in .map_pop {left:-119px;} .count_ballot .map_zone .map_info .map_ulsan .region_in .map_pop {left:-119px;} .count_ballot .map_zone .map_info .map_jeju .region_in .map_pop {left:-119px;} .count_ballot .map_zone .map_info .map_deagu .region_in .map_pop {left:-112px;} .count_ballot .map_zone .map_info .map_jeonbuk .region_in .map_pop {left:-113px;} .count_ballot .map_zone .map_info .map_jeonnam .region_in .map_pop {left:-113px;} .count_ballot .map_zone .map_info .map_chungbuk .region_in .map_pop {left:-113px;} .count_ballot .map_zone .map_info .map_chungnam .region_in .map_pop {left:-113px;} .count_ballot .map_zone .map_info .map_gangwon .region_in .map_pop {left:-107px;} .count_ballot .map_zone .map_info .map_busan .region_in .map_pop {left:-108px;} .count_ballot .map_zone .map_info .map_incheon .region_in .map_pop {left:-107px;;} .count_ballot .map_zone .map_info .map_gyeonnam .region_in .map_pop {left:-106px;} .count_ballot .map_zone .map_info .map_gyeonbuk .region_in .map_pop {left:-106px;} .count_ballot .map_zone .map_info .map_seoul .region_in .map_pop {left:-101px;} .count_ballot .map_zone .map_info .map_gyeonggi .region_in .map_pop {left:-101px;} /* Circle */ } .count_ballot .map_zone .map_info .region_in{position:relative;} .count_ballot .map_zone .map_info .region_in::before {position:absolute;top:50%;left:50%;z-index:10;display:block; content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;} .count_ballot .map_zone .map_info .region_in:hover::before {-webkit-animation:circle .7s;animation:circle .7s;} @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 180%; height: 180%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 180%; height: 180%; opacity: 0; } } /*.count_ballot .map_zone .map_info .map_pop.map_sejong {left:-42px;top:152px;} .count_ballot .map_zone .map_info .map_pop.map_deajeon {left:-18px;top:184px;} .count_ballot .map_zone .map_info .map_pop.map_gwangju {left:-57px;top:248px;} .count_ballot .map_zone .map_info .map_pop.map_ulsan {left:86px;top:220px;} .count_ballot .map_zone .map_info .map_pop.map_jeju {left:81px;top:314px;} .count_ballot .map_zone .map_info .map_pop.map_deagu {left:48px;top:214px;} .count_ballot .map_zone .map_info .map_pop.map_jeonbuk {left:-47px;top:209px;} .count_ballot .map_zone .map_info .map_pop.map_jeonnam {left:-51px;top:284px;} .count_ballot .map_zone .map_info .map_pop.map_chungbuk {left:-11px;top:141px;} .count_ballot .map_zone .map_info .map_pop.map_chungnam {left:-67px;top:174px;} .count_ballot .map_zone .map_info .map_pop.map_gangwon {left:60px;top:98px;} .count_ballot .map_zone .map_info .map_pop.map_busan {left:52px;top:264px;} .count_ballot .map_zone .map_info .map_pop.map_incheon {left:-86px;top:130px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonnam {left:2px;top:234px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonbuk {left:45px;top:160px;} .count_ballot .map_zone .map_info .map_pop.map_seoul {left:-45px;top:92px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonggi {left:7px;top:68px;}*/ /*.count_ballot .map_zone .map_info .map_sejong .map_pop{left:-122px;top:12px;} .count_ballot .map_zone .map_info .map_deajeon .map_pop {left:-119px;top:20px;} .count_ballot .map_zone .map_info .map_pop.map_gwangju {left:-57px;top:248px;} .count_ballot .map_zone .map_info .map_pop.map_ulsan {left:86px;top:220px;} .count_ballot .map_zone .map_info .map_pop.map_jeju {left:81px;top:314px;} .count_ballot .map_zone .map_info .map_pop.map_deagu {left:48px;top:214px;} .count_ballot .map_zone .map_info .map_pop.map_jeonbuk {left:-47px;top:209px;} .count_ballot .map_zone .map_info .map_pop.map_jeonnam {left:-51px;top:284px;} .count_ballot .map_zone .map_info .map_pop.map_chungbuk {left:-11px;top:141px;} .count_ballot .map_zone .map_info .map_pop.map_chungnam {left:-67px;top:174px;} .count_ballot .map_zone .map_info .map_pop.map_gangwon {left:60px;top:98px;} .count_ballot .map_zone .map_info .map_pop.map_busan {left:52px;top:264px;} .count_ballot .map_zone .map_info .map_pop.map_incheon {left:-86px;top:130px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonnam {left:2px;top:234px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonbuk {left:45px;top:160px;} .count_ballot .map_zone .map_info .map_pop.map_seoul {left:-45px;top:92px;} .count_ballot .map_zone .map_info .map_pop.map_gyeonggi {left:7px;top:68px;}*/ .count_ballot .map_zone .map_info .map_pop .vote_list{position:absolute;top:17px;left:7px;width:251px;height:211px;} .count_ballot .map_zone .map_info .map_pop .bg01 {background:#0d39ab;} .count_ballot .map_zone .map_info .map_pop .bg02 {background:#da2728;} .count_ballot .map_zone .map_info .map_pop .bg03 {background:#f2aa2e;} .count_ballot .map_zone .map_info .map_pop .bg04 {background:#f46017;} .count_ballot .map_zone .map_info .map_pop .bg05 {background:#898989;} .count_ballot .map_zone .map_info .map_pop .local {overflow:hidden;height:32px;line-height:32px;} .count_ballot .map_zone .map_info .map_pop .local .tit {float:left;margin:0 0 0 14px;font-size:15px;color:#484b9f;} .count_ballot .map_zone .map_info .map_pop .local .num {position:static;float:right;margin:0 9px 0 0;top:0;font-size:11px;color:#606060;letter-spacing:-1px;} .count_ballot .map_zone .map_info .map_pop .local .num em {color:#484b9f;} .count_ballot .map_zone .map_info .map_pop .rank_top {overflow:hidden;position:relative;*zoom:1;} .count_ballot .map_zone .map_info .map_pop .rank_top:after {display:block;content:'';clear:both;} .count_ballot .map_zone .map_info .map_pop .rank_top .line {position:absolute;top:0;left:50%;display:block;width:1px;height:60px;background:#ffffff;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate {float:left;width:50%;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .thumb {position:static;display:block;float:left;width:60px;margin-right:5px;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .thumb img {display:block;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .desc {position:static;overflow:hidden;text-align:left;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .desc span {display:block;color:#fff;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .desc .num {position:static;height:18px;padding:15px 0 5px 0;font-weight:bold;font-size:16px;line-height:16px;letter-spacing:normal;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate .desc .name {position:static;height:12px;font-size:12px;line-height:13px;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate_r {margin-right:-1px;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate_r .thumb {display:block;float:right;width:60px;margin:0 0 0 5px;} .count_ballot .map_zone .map_info .map_pop .rank_top .candidate_r .desc {overflow:hidden;text-align:right;} .count_ballot .map_zone .map_info .map_pop .rank_bottom {overflow:hidden;height:116px;line-height:normal;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul {margin-top:12px;*zoom:1;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul:after {display:block;content:'';clear:both;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li {position:relative;float:left;margin-left:17px;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li.rank5 {margin-right:17px;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li img {vertical-align:top;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .thumb {width:60px;height:60px;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .desc {text-align:center;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .desc div {position:relative;line-height:normal;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .desc div .rank {position:absolute;top:3px;left:-55px;color:#b6b8c1;font-size:16px;line-height:16px;font-weight:normal;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .desc div .num {position:static;color:#2e3192;font-size:15px;vertical-align:middle;line-height:16px;font-weight:normal;letter-spacing:normal;} .count_ballot .map_zone .map_info .map_pop .rank_bottom ul li .desc .name {position:static;display:block;line-height:normal;letter-spacing:-1px;color:#5a5a5a;font-size:12px;font-weight:normal;} .count_ballot .map_zone .map_info .info_color {position:absolute;bottom:18px;right:10px;} .count_ballot .map_zone .map_info .info_color span {display:inline-block;} .count_ballot .map_zone .map_info .info_color .name {margin-left:3px;font-size:12px;color:#5a5a5a;} .count_ballot .map_zone .map_info .info_color .color {width:13px;height:13px;margin-left:15px;border-radius:50%;vertical-align:middle;} .count_ballot .map_zone .map_info .info_color .bg01 {background:#0d39ab;} .count_ballot .map_zone .map_info .info_color .bg02 {background:#da2728;} .count_ballot .map_zone .map_info .info_color .bg03 {background:#f2aa2e;} .count_ballot .map_zone .map_info .info_color .bg04 {background:#f46017;} .count_ballot .map_zone .map_info .info_color .bg05 {background:#898989;} /* 채널A 영상부분 */ .cha_cont {padding:34px 0 0 0;} .cha_cont .title {padding-bottom:10px;font-size:20px;color:#181819;} .cha_cont .video_box {position:relative;width:300px;height:168.75px;padding-bottom:5%;} .cha_cont .video_box iframe {position:absolute;width:100%;height:100%;} /* 20220517 제8회지방선거 추가 */ /* 제8회지방선거 - 투표율 */ .turnout_wrap {overflow:hidden;position:relative;width:860px;height:98px;margin-bottom:10px;padding:0 44px 0 26px;box-sizing:border-box;background:#f8f4f0;} .turnout_wrap .tit {display:block;float:left;width:67px;height:66px;margin-top:16px;} .turnout_wrap .turnout_info {float:left;} .turnout_wrap .turnout_info .country_info {float:left;padding:30px 11px 0 20px;} .turnout_wrap .turnout_info .country_info .txt {display:block;margin-bottom:6px;font-size:22px;font-weight:500;color:#191919;} .turnout_wrap .turnout_info .country_info .time {display:block;font-size:12px;color:#191919;font-weight:500;text-align:right;} .turnout_wrap .turnout_info .country_info em {font-size:11px;color:#191919;font-weight:500;} .turnout_wrap .turnout_info .per {float:left;display:block;padding:21px 20px 0 0;font-size:46px;font-weight:bold;color:#008689;line-height:46px;letter-spacing:-2px;} .turnout_wrap .turnout_info em {font-size:28px;color:#003d3e;font-weight:bold;} .turnout_wrap .graph_box {float:left;position:relative;padding-top:33px;} .turnout_wrap .graph_box .graph {display:block;width:428px;height:28px;border-radius:20px;overflow:hidden;background:#dbd7d4;} .turnout_wrap .graph_box .graph span {display:block;height:28px;border-radius:20px;background:#008689;z-index:1;} .turnout_wrap .graph_box .tit_t {display:block;padding-top:35px;font-size:12px;color:#ada39b;font-weight:bold;letter-spacing:-0.9px;} .turnout_wrap .graph_box .local_ele {display:block;position:absolute;top:10px;left:225px;} .turnout_wrap .graph_box .local_ele .graph_per {display:block;width:42px;height:22px;margin-left:12px;font-size:12px;color:#ffffff;font-weight:bold;background:url('https://image.donga.com/local_election2022/pc/images/common/graph_per.png') no-repeat 0 0;letter-spacing:-0.8px;text-align:center;} .turnout_wrap .graph_box .local_ele .tit_t:before {content:"";display:block;position:absolute;top:23px;left:33px;width:1px;height:28px;background:#fff;} .turnout_wrap .graph_box .president_ele {display:block;position:absolute;top:10px;left:297px;} .turnout_wrap .graph_box .president_ele .graph_per {display:block;width:42px;height:22px;margin-left:11px;font-size:12px;color:#ffffff;font-weight:bold;background:url('https://image.donga.com/local_election2022/pc/images/common/graph_per.png') no-repeat 0 0;text-align:center;} .turnout_wrap .graph_box .president_ele .tit_t:before {content:"";display:block;position:absolute;top:23px;left:33px;width:1px;height:28px;background:#fff;} .turnout_wrap .graph_box02 .local_ele {left:53px;} .turnout_wrap .graph_box02 .president_ele {left:125px;} /* 제8회지방선거 - 투표율 지도 */ #turnout_map {position:relative;margin-bottom:50px;} #turnout_map .map_tit {display:block;margin:20px 0;font-size:16px;line-height:1;color:#231f20;font-weight:bold;} #turnout_map .map_zone .txt {display:block;position:absolute;bottom:0;right:0;font-size:11px;color:#969696;text-align:right;} #turnout_map .map_zone .map_info {position:relative;width:264px;height:368px;margin:0 auto;background:url('https://image.donga.com/local_election2022/pc/images/common/bg_map.jpg') no-repeat 0 0;} #turnout_map .map_zone .map_info .region {position:absolute;border-radius:100%;cursor:pointer;color:#fff;text-align:center;letter-spacing:-1px;} #turnout_map .map_zone .map_info .region:hover {z-index:30;} #turnout_map .map_zone .map_info .lv3 {width:52px;height:52px;line-height:52px;font-size:14px;} #turnout_map .map_zone .map_info .map_sejong {left:68px;top:113px;} #turnout_map .map_zone .map_info .map_deajeon {left:106px;top:150px;} #turnout_map .map_zone .map_info .map_gwangju {left:57px;top:230px;} #turnout_map .map_zone .map_info .map_ulsan {left:210px;top:187px;} #turnout_map .map_zone .map_info .map_jeju {left:189px;top:284px;} #turnout_map .map_zone .map_info .map_deagu {left:154px;top:180px;} #turnout_map .map_zone .map_info .map_jeonbuk {left:59px;top:182px;} #turnout_map .map_zone .map_info .map_jeonnam {left:24px;top:270px;} #turnout_map .map_zone .map_info .map_chungbuk {left:118px;top:95px;} #turnout_map .map_zone .map_info .map_chungnam {left:25px;top:142px;} #turnout_map .map_zone .map_info .map_gangwon {left:141px;top:25px;} #turnout_map .map_zone .map_info .map_busan {left:182px;top:232px;} #turnout_map .map_zone .map_info .map_incheon {left:10px;top:36px;} #turnout_map .map_zone .map_info .map_gyeonnam {left:117px;top:220px;} #turnout_map .map_zone .map_info .map_gyeonbuk {left:178px;top:110px;} #turnout_map .map_zone .map_info .map_seoul {left:58px;top:62px;} #turnout_map .map_zone .map_info .map_gyeonggi {left:74px;top:2px;} #turnout_map .map_zone .map_info .region.bg01 {background:#0e6062;background-color:rgba(14,96,98,0.8);} #turnout_map .map_zone .map_info .region.bg02 {background:#4caaac;background-color:rgba(76,170,172,0.8);} #turnout_map .map_zone .map_info .region.bg03 {background:#008689;background-color:rgba(0,134,137,0.8);} #turnout_map .map_zone .map_info .region_in {position:relative;display:inline-block;top:15%;width:70%;height:70%;margin:0 auto;} #turnout_map .map_zone .map_info .region_in span {position:absolute;left:0;right:0;top:15%;line-height:1;font-weight:bold;} #turnout_map .map_zone .map_info .region_in .turnout {font-size:11px;font-weight:bold;} #turnout_map .map_zone .map_info .region_in::before {position:absolute;top:50%;left:50%;z-index:10;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;} #turnout_map .map_zone .map_info .region_in:hover::before {-webkit-animation:circle .7s;animation:circle .7s;} #turnout_map .map_zone .map_info .info_color {position:absolute;bottom:0;left:-29px;} #turnout_map .map_zone .map_info .info_color span {display:inline-block;} #turnout_map .map_zone .map_info .info_color .name {margin-left:3px;font-size:12px;color:#191919;font-weight:500;} #turnout_map .map_zone .map_info .info_color .color {width:13px;height:13px;margin-left:15px;border-radius:50%;vertical-align:middle;} #turnout_map .map_zone .map_info .info_color .bg01 {background:#0e6062;} #turnout_map .map_zone .map_info .info_color .bg02 {background:#4caaac;} /* 제8회지방선거 - 득표현황 */ .poll_vote_wrap {margin-bottom:22px;} .poll_vote_wrap:after {content:"";display:block;clear:both;} .poll_vote {float:left;width:860px;} .poll_vote .local_cont {position:relative;padding:22px 29px 0 0;overflow:hidden;} .poll_vote .local_cont:after {content:'';display:block;clear:both;} .poll_vote .local_cont .tit_cont {float:left;padding-top:6px;} .poll_vote .local_cont .tit_cont h2.tit {display:inline-block;margin-right:15px;font-size:20px;color:#231f20;letter-spacing:-1px;} .poll_vote .local_cont .tit_cont h2.tit em {color:#6259bb;font-weight:bold;} .poll_vote .local_cont .tit_cont h2.tit a:hover {color:#231f20;} .poll_vote .local_cont .tit_cont .source {font-size:12px;color:#848384;letter-spacing:-0.5px;} .poll_vote .local_cont .all_vote {float:right;margin-top:6px;} .poll_vote .local_cont .all_vote .txt {padding-right:9px;font-size:15px;color:#231f20;} .poll_vote .local_cont .all_vote .total {font-size:20px;color:#8433e6;font-weight:900;} .poll_vote .local_cont .all_vote em {font-size:16px;color:#231f20;font-weight:500;} .poll_vote .vote_tab_wrap {margin-top:25px;} .poll_vote .vote_tab {overflow:hidden;} .poll_vote .vote_tab li {float:left;} .poll_vote .vote_tab li a {display:block;width:43px;font-size:16px;line-height:23px;color:#000000;text-align:center;} .poll_vote .vote_tab li.on a {height:23px;border-radius:15px;font-size:15px;color:#fff;background:#5445df;} .poll_vote .vote_tab li.congressman:before {content:"";display:inline-block;width:1px;height:13px;margin:5px 5px 0 8px;background:#7f7f7f;vertical-align:top;} .poll_vote .vote_tab li.congressman a {display:inline-block;width:72px;color:#6259bb;} .poll_vote .vote_tab li.congressman.on a {color:#fff;background:#8433e6;} .poll_vote .vote_cont_wrap {margin:16px 0 0;border:1px solid #ededed;border-right:0;background:#f9f9f9;} .poll_vote .vote_group {display:none;} .poll_vote .vote_group.on {display:block;} .poll_vote .vs_poll_box {overflow:hidden;position:relative;} .poll_vote .vs_poll_box .poll_box {position:relative;overflow:hidden;} .poll_vote .vs_poll_box .vs_poll {overflow:hidden;float:left;width:428px;height:310px;padding:28px 25px 37px;box-sizing:border-box;} .poll_vote .vs_poll_box .vs_poll .local {display:block;margin:0 0 38px 0;font-size:18px;color:#231f20;letter-spacing:-1px;} .poll_vote .vs_poll_box .vs_poll .local em {margin-left:6px;font-size:15px;color:#231f20;letter-spacing:-0.5px;font-weight:bold;} .poll_vote .vs_poll_box .vs_poll .local em strong {font-size:18px;color:#8433e6;} .poll_vote .vs_poll_box .vs_poll .info_box {display:table;width:100%;position:relative;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate {display:table-cell;width:152px;text-align:center;vertical-align:top;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb {position:relative;display:block;width:101px;height:101px;margin:0 auto 10px;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb img {width:101px;height:101px;border-radius:100%;overflow:hidden;border:1px solid #e0dfdf;box-sizing:border-box;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb .mark {display:block;position:absolute;top:-6px;left:-21px;font-size:0;color:transparent;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb .type01 {width:47px;height:48px;background: url('https://image.donga.com/local_election2022/pc/images/common/icon_win01.png?t=20220602') no-repeat 0 0;} /* 당선 */ .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb .type02 {width:47px;height:48px;background: url('https://image.donga.com/local_election2022/pc/images/common/icon_win02.png?t=20220602') no-repeat 0 0;} /* 확실 */ .poll_vote .vs_poll_box .vs_poll .info_box .candidate .thumb .type03 {width:47px;height:48px;background: url('https://image.donga.com/local_election2022/pc/images/common/icon_win03.png?t=20220602') no-repeat 0 0;} /* 유력 */ .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party {display:block;height:18px;padding:0 7px;font-size:14px;color:#858383;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .per {clear:both;display:block;margin-top:8px;font-size:20px;font-weight:bold;color:#333;letter-spacing:-1px;line-height:20px;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .per em {font-size:20px;font-weight:bold;vertical-align:bottom;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .nominate {display:inline-block;font-size:18px;color:#231f20;letter-spacing:-1px;vertical-align:middle;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party01 em {color:#004ea1;} /* 정당컬러 */ .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party02 em {color:#e61e2b;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party03 em {color:#fcca06;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party04 em {color:#00d2c3;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party05 em {color:#603026;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party06 em {color:#f26f21;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party07 em {color:#ac0300;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party08 em {color:#ff0000;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party09 em {color:#5cb32e;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party10 em {color:#007a43;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party11 em {color:#009944;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party12 em {color:#d6001c;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party13 em {color:#ad469f;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party14 em {color:#003793;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party15 em {color:#8dc420;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party16 em {color:#733a87;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .party17 em {color:#898989;} .poll_vote .vs_poll_box .vs_poll .info_box .candidate .count {font-size:11px;color:#bbbbbb;font-weight:500;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point {display:table-cell;text-align:center;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .graph_box {display:block;overflow:hidden;padding:0 20px;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .graph {display:block;position:relative;float:left;width:12px;height:100px;margin:0 2px;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .graph span {display:block;position:absolute;bottom:0;left:0;width:12px;border-top-left-radius:5px;border-top-right-radius:5px;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party01 {background:#004ea1;} /* 정당컬러 */ .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party02 {background:#e61e2b;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party03 {background:#fcca06;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party04 {background:#00d2c3;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party05 {background:#603026;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party06 {background:#f26f21;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party07 {background:#ac0300;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party08 {background:#ff0000;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party09 {background:#5cb32e;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party10 {background:#007a43;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party11 {background:#009944;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party12 {background:#d6001c;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party13 {background:#ad469f;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party14 {background:#003793;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party15 {background:#8dc420;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party16 {background:#733a87;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .party17 {background:#898989;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .vs {display:block;margin:10px 0;font-size:20px;color:#cecece;font-weight:500;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .per_box {width:74px;height:46px;padding-top:10px;box-sizing:border-box;background:url('https://image.donga.com/local_election2022/pc/images/common/graph_per02.png') no-repeat 0 0;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .per {display:block;font-size:14px;color:#9f9e9e;font-weight:bold;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .per em {font-weight:bold;} .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .vote_num {font-size:11px;color:#bbbbbb;font-weight:500;letter-spacing:-0.5px;} .poll_vote .vs_poll_box .left_poll {border-right:1px solid #ededed;} .poll_vote .vs_poll_box .source {position:absolute;top:13px;right:18px;font-size:12px;color:#979797;letter-spacing:-0.5px;} .poll_vote .con_wrap {overflow:hidden;text-align:center;} .poll_vote .con_wrap .right_con {position:relative;float:left;width:50%;} .poll_vote .con_wrap .right_con .tit {display:block;margin-bottom:24px;font-size:18px;color:#231f20;} .poll_vote .con_wrap .right_con .tit em {font-size:15px;} .poll_vote .con_wrap .right_con .total_count {display:inline-block;width:45px;position:absolute;top:112px;left:70px;font-size:14px;color:#000;font-weight:500;letter-spacing:-1px;text-align:center;} .poll_vote .right_poll .info_color {margin-top:26px;text-align:center;} .poll_vote .right_poll .info_color .name {margin-right:14px;font-size:12px;color:#231f20;vertical-align:middle;} .poll_vote .right_poll .info_color .color {display:inline-block;width:13px;height:13px;margin-right:5px;border-radius:50%;vertical-align:middle;} .poll_vote .info_color .bg01 {background:#004ea1;} .poll_vote .info_color .bg02 {background:#e61e2b;} .poll_vote .info_color .bg03 {background:#fcca06;} .poll_vote .info_color .bg04 {background:#00d2c3;} .poll_vote .info_color .bg05 {background:#603026;} .poll_vote .info_color .bg06 {background:#f26f21;} .poll_vote .info_color .bg07 {background:#ac0300;} .poll_vote .info_color .bg08 {background:#ff0000;} .poll_vote .info_color .bg09 {background:#5cb32e;} .poll_vote .info_color .bg10 {background:#007a43;} .poll_vote .info_color .bg11 {background:#009944;} .poll_vote .info_color .bg12 {background:#d6001c;} .poll_vote .info_color .bg13 {background:#ad469f;} .poll_vote .info_color .bg14 {background:#003793;} .poll_vote .info_color .bg15 {background:#8dc420;} .poll_vote .info_color .bg16 {background:#733a87;} .poll_vote .info_color .bg17 {background:#898989;} .poll_vote .ele_page {height:44px;padding:0 25px;border-top:1px solid #ededed;overflow:hidden;} .poll_vote .ele_page .btn_left a {display:inline-block;margin-right:12px;font-size:16px;line-height:44px;color:#231f20;} .poll_vote .ele_page .btn_left a:before {content:"";display:inline-block;width:1px;height:14px;margin-right:12px;background:#231f20;} .poll_vote .ele_page .btn_left a:first-child:before {display:none;} .poll_vote .ele_page .btn_more {float:right;font-size:15px;line-height:44px;color:#231f20;} .poll_vote .ele_page .btn_more:after {content:"";display:inline-block;width:8px;height:11px;margin-left:7px;background: url('https://image.donga.com/local_election2022/pc/images/common/icon_elec_arr01.png') no-repeat 0 0;} /* 제8회지방선거 - 득표현황 지도 */ .polling_wrap {float:left;width:340px;height:469px;padding:0 40px;border:1px solid #ededed;box-sizing:border-box;} .polling_wrap .polling_tab {padding-top:24px;} .polling_wrap .polling_tab li {display:table-cell;width:128px;border:1px solid #d6d6d6;border-left:0;text-align:center;} .polling_wrap .polling_tab li:first-child {border-left:1px solid #d6d6d6;border-right:0;} .polling_wrap .polling_tab li:first-child.on {border-right:1px solid #534988;} .polling_wrap .polling_tab li a {display:block;height:35px;line-height:35px;font-size:15px;color:#231f20;} .polling_wrap .polling_tab li.on {border:1px solid #534988;} .polling_wrap .polling_tab li.on a {color:#6259bb;font-weight:500;} .polling_wrap .polling_con {display:none;} .polling_wrap .polling_con.on {display:block;} .polling_wrap #tab02 .map_info {position:relative;padding-top:52px;box-sizing:border-box;text-align:center;} .polling_wrap #tab02 .map_info .total_count {display:inline-block;position:absolute;top:169px;left:104px;font-size:17px;color:#000;font-weight:500;letter-spacing:-1px;} .polling_rate .map_zone {position:relative;} .polling_rate .map_zone .map_info {position:relative;width:264px;height:368px;margin:0 auto;background:url('https://image.donga.com/local_election2022/pc/images/common/bg_map.jpg') no-repeat 0 0;} .polling_rate .map_zone .map_info .region {position:absolute;border-radius:100%;cursor:pointer;color:#fff;text-align:center;letter-spacing:-1px;} .polling_rate .map_zone .map_info .region:hover {z-index:30;} .polling_rate .map_zone .map_info .lv1 {width:26px;height:26px;line-height:26px;font-size:10px;} .polling_rate .map_zone .map_info .lv2 {width:36px;height:36px;line-height:36px;font-size:12px;} .polling_rate .map_zone .map_info .lv3 {width:52px;height:52px;line-height:52px;font-size:14px;} .polling_rate .map_zone .map_info .lv4 {width:70px;height:70px;line-height:70px;font-size:14px;} .polling_rate .map_zone .map_info .lv5 {width:86px;height:86px;line-height:86px;font-size:14px;} .polling_rate .map_zone .map_info .map_sejong {left:77px;top:139px;} .polling_rate .map_zone .map_info .map_deajeon {left:96px;top:164px;} .polling_rate .map_zone .map_info .map_gwangju {left:57px;top:228px;} .polling_rate .map_zone .map_info .map_ulsan {left:200px;top:201px;} .polling_rate .map_zone .map_info .map_jeju {left:195px;top:294px;} .polling_rate .map_zone .map_info .map_deagu {left:154px;top:186px;} .polling_rate .map_zone .map_info .map_jeonbuk {left:59px;top:182px;} .polling_rate .map_zone .map_info .map_jeonnam {left:55px;top:255px;} .polling_rate .map_zone .map_info .map_chungbuk {left:95px;top:113px;} .polling_rate .map_zone .map_info .map_chungnam {left:37px;top:146px;} .polling_rate .map_zone .map_info .map_gangwon {left:157px;top:59px;} .polling_rate .map_zone .map_info .map_busan {left:150px;top:226px;} .polling_rate .map_zone .map_info .map_incheon {left:10px;top:93px;} .polling_rate .map_zone .map_info .map_gyeonnam {left:99px;top:196px;} .polling_rate .map_zone .map_info .map_gyeonbuk {left:142px;top:123px;} .polling_rate .map_zone .map_info .map_seoul {left:44px;top:46px;} .polling_rate .map_zone .map_info .map_gyeonggi {left:96px;top:22px;} .polling_rate .region.bg01 {background-color:rgba(0,78,161,0.8);} /* 정당컬러 */ .polling_rate .region.bg02 {background-color:rgba(230,30,43,0.8);} .polling_rate .region.bg03 {background-color:rgba(252,202,6,0.8);} .polling_rate .region.bg04 {background-color:rgba(0,210,195,0.8);} .polling_rate .region.bg05 {background-color:rgba(96,48,38,0.8);} .polling_rate .region.bg06 {background-color:rgba(242,111,33,0.8);} .polling_rate .region.bg07 {background-color:rgba(172,3,0,0.8);} .polling_rate .region.bg08 {background-color:rgba(255,0,0,0.8);} .polling_rate .region.bg09 {background-color:rgba(92,179,46,0.8);} .polling_rate .region.bg10 {background-color:rgba(0,122,67,0.8);} .polling_rate .region.bg11 {background-color:rgba(0,153,68,0.8);} .polling_rate .region.bg12 {background-color:rgba(214,0,28,0.8);} .polling_rate .region.bg13 {background-color:rgba(173,70,159,0.8);} .polling_rate .region.bg14 {background-color:rgba(0,55,147,0.8);} .polling_rate .region.bg15 {background-color:rgba(141,196,32,0.8);} .polling_rate .region.bg16 {background-color:rgba(115,58,135,0.8);} .polling_rate .region.bg17 {background-color:rgba(137,137,137,0.8);} .polling_rate .region.bg19 {background-color:rgba(149,124,124,0.8);} .polling_rate .region.bg20 {background-color:rgba(130,101,101,0.8);} /* 반반일경우 */ .polling_rate .map_zone .map_info .region_in {position:relative;display:inline-block;top:15%;width:70%;height:70%;margin:0 auto;} .polling_rate .map_zone .map_info .region_in span{position:absolute;left:0;right:0;top:-19%;height:100%;font-weight:bold;} .polling_rate .map_zone .map_info .region_in::before {position:absolute;top:50%;left:50%;z-index:10;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;} .polling_rate .map_zone .map_info .region_in:hover::before {-webkit-animation:circle .7s;animation:circle .7s;} .polling_rate .map_zone .map_info .map_pop {position:absolute;overflow:hidden;display:none;top:70%;width:265px;height:111px;background:url('https://image.donga.com/election2022/pc/images/common/bg_pop_map.png');z-index:100;} .polling_rate .map_zone .map_info .map_sejong .region_in .map_pop {left:-122px;} .polling_rate .map_zone .map_info .map_deajeon .region_in .map_pop {left:-119px;} .polling_rate .map_zone .map_info .map_gwangju .region_in .map_pop {left:-119px;} .polling_rate .map_zone .map_info .map_ulsan .region_in .map_pop {left:-119px;} .polling_rate .map_zone .map_info .map_jeju .region_in .map_pop {left:-119px;} .polling_rate .map_zone .map_info .map_deagu .region_in .map_pop {left:-112px;} .polling_rate .map_zone .map_info .map_jeonbuk .region_in .map_pop {left:-113px;} .polling_rate .map_zone .map_info .map_jeonnam .region_in .map_pop {left:-113px;} .polling_rate .map_zone .map_info .map_chungbuk .region_in .map_pop {left:-113px;} .polling_rate .map_zone .map_info .map_chungnam .region_in .map_pop {left:-113px;} .polling_rate .map_zone .map_info .map_gangwon .region_in .map_pop {left:-107px;} .polling_rate .map_zone .map_info .map_busan .region_in .map_pop {left:-108px;} .polling_rate .map_zone .map_info .map_incheon .region_in .map_pop {left:-107px;;} .polling_rate .map_zone .map_info .map_gyeonnam .region_in .map_pop {left:-106px;} .polling_rate .map_zone .map_info .map_gyeonbuk .region_in .map_pop {left:-106px;} .polling_rate .map_zone .map_info .map_seoul .region_in .map_pop {left:-101px;} .polling_rate .map_zone .map_info .map_gyeonggi .region_in .map_pop {left:-101px;} .polling_rate .map_zone .map_info .map_pop .vote_list{position:absolute;top:17px;left:7px;width:251px;height:211px;} .polling_rate .map_zone .map_info .map_pop .local {overflow:hidden;height:32px;line-height:32px;} .polling_rate .map_zone .map_info .map_pop .local .tit {float:left;margin:0 0 0 14px;font-size:15px;color:#484b9f;} .polling_rate .map_zone .map_info .map_pop .local .num {position:static;float:right;margin:0 9px 0 0;top:0;font-size:11px;color:#606060;letter-spacing:-1px;} .polling_rate .map_zone .map_info .map_pop .local .num em {color:#484b9f;} .polling_rate .map_zone .map_info .map_pop .rank_top {overflow:hidden;position:relative;*zoom:1;} .polling_rate .map_zone .map_info .map_pop .rank_top:after {display:block;content:'';clear:both;} .polling_rate .map_zone .map_info .map_pop .rank_top .line {position:absolute;top:0;left:50%;display:block;width:1px;height:60px;background:#ffffff;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate {float:left;width:50%;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .thumb {position:static;display:block;float:left;width:60px;margin-right:5px;border:1px solid #9e9ea6;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .thumb img {display:block;width:100%;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .desc {position:static;overflow:hidden;text-align:left;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .desc span {display:block;color:#fff;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .desc .num {position:static;height:18px;padding:15px 0 5px 0;font-weight:bold;font-size:16px;line-height:16px;letter-spacing:normal;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate .desc .name {position:static;height:12px;font-size:12px;line-height:13px;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate_r {margin-right:-1px;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate_r .thumb {display:block;float:right;width:60px;margin:0 0 0 5px;} .polling_rate .map_zone .map_info .map_pop .rank_top .candidate_r .desc {overflow:hidden;text-align:right;} .polling_rate .map_zone .map_info .map_pop .rank_bottom {overflow:hidden;height:116px;line-height:normal;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul {margin-top:12px;*zoom:1;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul:after {display:block;content:'';clear:both;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li {position:relative;float:left;margin-left:17px;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li.rank5 {margin-right:17px;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li img {vertical-align:top;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .thumb {width:60px;height:60px;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .desc {text-align:center;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .desc div {position:relative;line-height:normal;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .desc div .rank {position:absolute;top:3px;left:-55px;color:#b6b8c1;font-size:16px;line-height:16px;font-weight:normal;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .desc div .num {position:static;color:#2e3192;font-size:15px;vertical-align:middle;line-height:16px;font-weight:normal;letter-spacing:normal;} .polling_rate .map_zone .map_info .map_pop .rank_bottom ul li .desc .name {position:static;display:block;line-height:normal;letter-spacing:-1px;color:#5a5a5a;font-size:12px;font-weight:normal;} .polling_rate .map_zone .total {position:absolute;top:333px;left:0;font-size:14px;color:#8433e6;font-weight:500;letter-spacing:-1px;} .polling_rate .map_zone .info_color {position:absolute;top:352px;left:0;} .polling_rate .map_zone .info_color span {display:inline-block;} .polling_rate .map_zone .info_color .name {margin:0 9px 0 4px;font-size:12px;color:#231f20;letter-spacing:-1px;vertical-align:middle;} .polling_rate .map_zone .info_color .name em {font-weight:bold;} .polling_rate .map_zone .info_color .color {width:13px;height:13px;border-radius:50%;vertical-align:middle;} .polling_rate .bg01 {background:#004ea1;} .polling_rate .bg02 {background:#e61e2b;} .polling_rate .bg03 {background:#fcca06;} .polling_rate .bg04 {background:#00d2c3;} .polling_rate .bg05 {background:#603026;} .polling_rate .bg06 {background:#f26f21;} .polling_rate .bg07 {background:#ac0300;} .polling_rate .bg08 {background:#ff0000;} .polling_rate .bg09 {background:#5cb32e;} .polling_rate .bg10 {background:#007a43;} .polling_rate .bg11 {background:#009944;} .polling_rate .bg12 {background:#000;} .polling_rate .bg13 {background:#ad469f;} .polling_rate .bg14 {background:#003793;} .polling_rate .bg15 {background:#8dc420;} .polling_rate .bg16 {background:#733a87;} .polling_rate .bg17 {background:#898989;} .polling_rate .bg19 {background:#957c7c;} .polling_rate .bg20 {background:#826565;} /* 반반일경우 */ /* 제8회지방선거 - 출구조사 */ .exit_poll .poll_vote .local_cont .all_vote .time {padding-left:10px;font-size:12px;color:#a290b8;font-weight:500;} .exit_poll .poll_vote .vote_cont_wrap{margin-top:60px;} .exit_poll .vote_cont {position:relative;} .exit_poll .slick-dots {position:absolute;top:-36px;left:0;overflow:hidden;} .exit_poll .slick-dots li {float:left;height:23px;line-height:23px;background:url('https://image.donga.com/local_election2022/pc/images/common/local_txt.png') no-repeat 0 0;cursor:pointer;} .exit_poll .slick-dots li button {border:0;box-sizing:border-box;font-size:0;color:transparent;} .exit_poll .slick-dots li:nth-child(1) {width:98px;} .exit_poll .slick-dots li:nth-child(2) {width:101px;background-position:-98px 0;} .exit_poll .slick-dots li:nth-child(3) {width:102px;background-position:-199px 0;} .exit_poll .slick-dots li:nth-child(4) {width:102px;background-position:-301px 0;} .exit_poll .slick-dots li:nth-child(5) {width:102px;background-position:-403px 0;} .exit_poll .slick-dots li:nth-child(6) {width:101px;background-position:-505px 0;} .exit_poll .slick-dots li:nth-child(7) {width:102px;background-position:-606px 0;} .exit_poll .slick-dots li:nth-child(8) {width:102px;background-position:-708px 0;} .exit_poll .slick-dots li:nth-child(9) {width:47px;background-position:-810px 0;} .exit_poll .slick-dots li.slick-active {background:url('https://image.donga.com/local_election2022/pc/images/common/local_txt_on.png') no-repeat 0 0;} .exit_poll .slick-dots li:nth-child(1).slick-active {} .exit_poll .slick-dots li:nth-child(2).slick-active {background-position:-98px 0;} .exit_poll .slick-dots li:nth-child(3).slick-active {background-position:-199px 0;} .exit_poll .slick-dots li:nth-child(4).slick-active {background-position:-301px 0;} .exit_poll .slick-dots li:nth-child(5).slick-active {background-position:-403px 0;} .exit_poll .slick-dots li:nth-child(6).slick-active {background-position:-505px 0;} .exit_poll .slick-dots li:nth-child(7).slick-active {background-position:-606px 0;} .exit_poll .slick-dots li:nth-child(8).slick-active {background-position:-708px 0;} .exit_poll .slick-dots li:nth-child(9).slick-active {background-position:-810px 0;} .exit_poll .poll_vote .vs_poll_box .vs_poll .info_box .gap_point .per_box {width:68px;height:37px;padding-top:13px;background:url('https://image.donga.com/local_election2022/pc/images/common/graph_per03.png') no-repeat 0 0;} .exit_poll .polling_wrap {height:424px;} .exit_poll .polling_wrap .map_tit {display:block;margin:26px 0 10px;font-size:16px;color:#231f20;} .exit_poll .polling_wrap .map_tit em {color:#6259bb;font-weight:bold;} .exit_poll .polling_rate .map_zone .total {top:344px;} .exit_poll .polling_rate .map_zone .info_color {top:361px;} /* 제8회지방선거 - 당선자 */ .elected_person .person_cont {margin-bottom:30px;} .elected_person .person_cont .title_cont {position:relative;padding:22px 0 30px 0;} .elected_person .person_cont .title_cont .tit {display:inline-block;font-size:20px;color:#231f20;letter-spacing:-1px;font-weight:700;} .elected_person .person_cont .title_cont .tit a:hover {color:#231f20;} .elected_person .person_cont .title_cont .division {display:inline-block;margin-left:5px;font-size:20px;color:#6259bb;letter-spacing:-1px;font-weight:700;} .elected_person .person_cont .title_cont .source {margin-left:13px;font-size:12px;color:#848384;} .elected_person .person_cont .title_cont .btn_more {position:absolute;top:23px;right:13px;padding-right:15px;background:url('https://image.donga.com/local_election2022/pc/images/common/icon_elec_arr01.png') no-repeat right center;font-size:15px;color:#231f20;letter-spacing:-1px;} .elected_person .person_cont .person_slide {border:1px solid #dfddef;background:#f4f3fb;} .elected_person .person_slide {position:relative;padding:32px 50px 30px 56px;} .elected_person .person_slide .slide_cont {overflow:hidden;height:185px;} .elected_person .person_slide .slide_list {overflow:hidden;padding:0 10px 0 10px;} .elected_person .person_slide .slide_list li {float:left;width:102px;margin-right:19px;} .elected_person .person_slide .slide_list li:last-child {margin-right:0;} .elected_person .person_slide .slide_list li a {display:block;width:102px;} .elected_person .person_slide .slide_list li a span {display:block;text-align:center;} .elected_person .person_slide .slide_list li a .thumb {overflow:hidden;border-radius:100%;border:1px solid #dcdae0;} .elected_person .person_slide .slide_list li a .thumb img {display:block;width:100%;} .elected_person .person_slide .slide_list li a .local {padding-bottom:10px;font-size:16px;color:#231f20;letter-spacing:-0.35px;} .elected_person .person_slide .slide_list li a .party {padding-top:10px;font-size:14px;color:#231f20;letter-spacing:-0.35px;} .elected_person .person_slide .slide_list li a .name {padding-top:8px;font-size:20px;line-height:20px;color:#231f20;letter-spacing:-0.35px;} .elected_person .person_slide .slide_list li a .party01 {color:#004ea1;} .elected_person .person_slide .slide_list li a .party02 {color:#e61e2b;} .elected_person .person_slide .slide_list li a .party03 {color:#fcca06;} .elected_person .person_slide .slide_list li a .party04 {color:#00d2c3;} .elected_person .person_slide .slide_list li a .party05 {color:#603026;} .elected_person .person_slide .slide_list li a .party06 {color:#f26f21;} .elected_person .person_slide .slide_list li a .party07 {color:#ac0300;} .elected_person .person_slide .slide_list li a .party08 {color:#ff0000;} .elected_person .person_slide .slide_list li a .party09 {color:#5cb32e;} .elected_person .person_slide .slide_list li a .party10 {color:#007a43;} .elected_person .person_slide .slide_list li a .party11 {color:#009944;} .elected_person .person_slide .slide_list li a .party12 {color:#d6001c;} .elected_person .person_slide .slide_list li a .party13 {color:#ad469f;} .elected_person .person_slide .slide_list li a .party14 {color:#003793;} .elected_person .person_slide .slide_list li a .party15 {color:#8dc420;} .elected_person .person_slide .slide_list li a .party16 {color:#733a87;} .elected_person .person_slide .slide_list li a .party17 {color:#898989;} .elected_person .person_slide .btn_prev {display:block;position:absolute;top:100px;left:11px;width:41px;height:41px;background:url('https://image.donga.com/local_election2022/pc/images/common/icon_elec_prev01.png') no-repeat 0 0;color:transparent;font-size:0;} .elected_person .person_slide .btn_next {display:block;position:absolute;top:100px;right:11px;width:41px;height:41px;background:url('https://image.donga.com/local_election2022/pc/images/common/icon_elec_next01.png') no-repeat 0 0;color:transparent;font-size:0;} .aside_polling {margin-top:37px;} .aside_polling .vote_tit_wrap {overflow:hidden;} .aside_polling .vote_tit_wrap .vote_tit {float:left;font-size:20px;line-height:1;color:#191919;font-weight:bold;} .aside_polling .vote_tit_wrap .all_vote {float:right;} .aside_polling .vote_tit_wrap .all_vote.none {display:none;} .aside_polling .vote_tit_wrap .all_vote .txt {padding-right:9px;font-size:15px;color:#231f20;} .aside_polling .vote_tit_wrap .all_vote .total {font-size:20px;color:#8433e6;font-weight:900;} .aside_polling .vote_tit_wrap .all_vote em {font-size:16px;color:#231f20;font-weight:500;} .aside_polling .polling_wrap {width:300px;margin:17px 0 56px;padding:0 20px;} /* //20220517 제8회지방선거 추가 */ /* 디지털콘텐츠 주간편성표 */ #section_schedule {min-width:1200px;background:#fff;padding-bottom:11px;} #section_schedule .schedule_cont {position:relative;background:#282b2c;} #section_schedule .schedule_cont .btn_toggle {position:absolute;bottom:-10px;left:50%;margin-left:-19px;width:38px;height:38px;background:url('../images/common/icon_open01.png') no-repeat 0 0;border:0;font-size:0;color:transparent;cursor:pointer;z-index:10;} #section_schedule .schedule_cont.open .btn_toggle {background:url('../images/common/icon_open02.png') no-repeat 0 0;} #section_schedule .schedule_cont .schedule_top {overflow:hidden;display:flex;justify-content:space-between;width:1200px;height:50px;margin:0 auto;box-sizing:border-box;cursor:pointer;} #section_schedule .schedule_cont .schedule_top .tit {float:left;display:block;width:100%;padding-top:11px;font-weight:700;font-size:16px;line-height:28px;color:#aef7ff;box-sizing:border-box;} #section_schedule .schedule_cont .schedule_top a {float:right;display:inline-block;width:238px;height:28px;margin-top:11px;padding:0 18px;border:1px solid #929292;border-radius:20px;font-weight: 700;font-size:13px;line-height:16px;color:#fff;line-height:28px;box-sizing:border-box;text-align:center;} #section_schedule .schedule_cont .schedule_top a:hover {color:#fff !important;} #section_schedule .schedule_cont.open .schedule_slide {visibility:visible;} #section_schedule .schedule_cont.open .slide_wrap {height:220px;} #section_schedule .schedule_slide {visibility:hidden;position:relative;background:#181818;} #section_schedule .schedule_slide .slide_wrap {position:relative;height:0;text-align:center;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;} #section_schedule .schedule_slide .slide_wrap::-webkit-scrollbar {display: none;} #section_schedule .schedule_slide .scroll_prev {display:block;position:absolute;top:83px;left:34px;width:47px;height:47px;background:url('../images/common/scroll_left01.png') no-repeat 0 0;border:0;font-size:0;color:transparent;cursor:pointer;z-index:1;} #section_schedule .schedule_slide .scroll_prev:hover {background:url('../images/common/scroll_left02.png') no-repeat 0 0;} #section_schedule .schedule_slide .scroll_next {display:block;position:absolute;top:83px;right:34px;width:47px;height:47px;background:url('../images/common/scroll_right01.png') no-repeat 0 0;border:0;font-size:0;color:transparent;cursor:pointer;z-index:1;} #section_schedule .schedule_slide .scroll_next:hover {background:url('../images/common/scroll_right02.png') no-repeat 0 0;} #section_schedule .schedule_list {position:relative;padding-top:17px;margin:0 60px;white-space: nowrap;display: -webkit-inline-box;display: -webkit-inline-flex;display: inline-flex;} #section_schedule .schedule_list:after {content:'';display:block;clear:both;} #section_schedule .schedule_list li {position:relative;display:inline-block;width:180px;margin-left:70px;} #section_schedule .schedule_list li:after {content:'';position:absolute;top:42px;right:-60px;display:block;width:50px;height:1px;background:#aef7ff;} #section_schedule .schedule_list li:first-child {margin-left:0;} #section_schedule .schedule_list li:last-child:after {display:none;} #section_schedule .schedule_list li a {display:block;text-align:left;} #section_schedule .schedule_list li a .tit {display:block;font-weight:700;font-size:14px;line-height:28px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #section_schedule .schedule_list li a .thumb {position:relative;display:block;} #section_schedule .schedule_list li a .thumb img {display:block;width:180px;height:100px;border-radius: 0px 15px;} #section_schedule .schedule_list li a .thumb .time {position:absolute;top:0;left:0;display:inline-block;padding:0 12px;background:#aef7ff;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);border-radius:0px 0px 8px 0px;font-weight:700;font-size:15px;line-height:22px;letter-spacing:-1px;color:#000;} #section_schedule .schedule_list li a .thumb .time em {font-weight:400;font-size:14px;color:#000;} #section_schedule .schedule_list li a .txt {display:block;margin-top:8px;font-weight:700;font-size:13px;line-height:17px;color:#fff;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} #section_schedule .schedule_list li a:hover .txt {text-decoration:underline;} #section_schedule .schedule_list li.off:after {background:#666;} #section_schedule .schedule_list li.off .tit {} #section_schedule .schedule_list li.off a {position:relative;} #section_schedule .schedule_list li.off a:after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(24, 24, 24, .4);} #section_schedule .schedule_list li.off a .thumb:after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #575757;opacity:0.6;border-radius:0px 15px;} #section_schedule .schedule_list li.off .txt {font-weight:400;} #section_schedule .schedule_list li.off a:hover .txt {text-decoration:none;} #section_schedule .schedule_list li.off .soon {display:block;position:absolute;top:33px;width:100%;text-align:center;font-weight:900;font-size:17px;line-height:28px;color:#fff;z-index:1;} #section_schedule .schedule_list li.off .soon em {font-weight:400;font-size:14px;color:#fff;} #section_schedule .schedule_list li.off .break {display:block;position:absolute;top:33px;width:100%;text-align:center;font-weight:700;font-size:18px;line-height:28px;color:#fff;z-index:1;} /* 주말의 발견 */ .weekend_cont {margin-bottom:20px;} .weekend_head {border-bottom:1px solid #ededed;padding:9px 0;} .weekend_head::after {content:'';display:block;clear:both;} .weekend_head .tit {float:left;font-size:22px;line-height: auto;} .weekend_head .weekend_ctrl {float:right;} .weekend_head .weekend_ctrl::after {content:'';display:block;clear:both;} .weekend_ctrl>div {float:left;} .weekend_ctrl>div.weekendCount {font-size:13px;line-height:21px;color:#888;} .weekend_ctrl>div.weekendCount span.slideCountItem {font-weight:700;color:#000;} .weekend_ctrl>div.move {margin-left:5px;} .weekend_list{opacity:0;visibility:hidden;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;} .weekend_slide,.weekend_list::after {content:'';display:block;clear:both;} .weekend_slide {float:left;width:860px;padding:20px 0;} .weekend_item {position:relative;float:left;width:260px;height:120px;border-top-right-radius:15px;border-bottom-left-radius:15px;margin-left:40px;overflow:hidden;} .weekend_item:first-child {margin-left:0;} .weekend_img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;} .weekend_img::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.55);z-index: 1;} .weekend_img img {width:100%;} .weekend_text {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 20px;box-sizing:border-box;} .weekend_item_tit {font-size:15px;font-weight:500;line-height:21px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;max-height:63px;} .weekend_cont .move a {display:inline-block;width:20px;height:19px;background:url(../images/common/icon_move.gif) no-repeat 0 0; font-size:0;color:transparent;vertical-align:top;} .weekend_cont .move .btn_prev:hover {background-position:0 -21px;} .weekend_cont .move .btn_next {margin-left:-4px;background-position:-19px 0;} .weekend_cont .move .btn_next:hover {background-position:-19px -21px} .weekend_cont .slick-slide {margin:0 20px;} .weekend_cont .slick-list {margin:0 -20px;} .weekend_list.slick-initialized {visibility:visible;opacity:1;} /* 주말의 발견 20230522 수정*/ .weekend_wrap {margin:0 0 50px 0;} .weekend_wrap .weekend_top {display:flex;position:relative;margin-bottom:10px;border-bottom:1px solid #ededed;justify-content:space-between;align-items:center;} .weekend_wrap .weekend_top .tit {padding-bottom:7px;font-weight:700;font-size:22px;line-height:32px;color:#000;letter-spacing:-1px;} .weekend_wrap .weekend_top .btn_refresh {display:block;height:28px;padding:0 15px;background:#fff;border:1px solid #d4d4d4;border-radius:20px;line-height:26px;font-weight:400;font-size:13px;color:#000;cursor:pointer;font-family:"Noto Sans KR";} .weekend_wrap .weekend_top .btn_refresh:before {content:'';display:inline-block;width:16px;height:16px;margin:0 4px 0 0;background:url('../images/common/btn_refresh01.png') no-repeat 0 0;background-size:16px 16px;vertical-align:-2px;} .weekend_wrap .weekend_top .btn_refresh:hover {background:#f0f2f4} .weekend_wrap .weekend_top .btn_refresh .paging {margin-left:7px;color:#888;} .weekend_wrap .weekend_top .btn_refresh .paging em {font-weight:700;color:#000;} .weekend_wrap .item_list {position:relative;} .weekend_wrap .item_list:after {content:'';display:block;clear:both;} .weekend_wrap .item_list li {float:left;width:192px;margin-left:30px;} .weekend_wrap .item_list li:first-child {margin-left:0;} .weekend_wrap .item_list li a {display:block;width:192px;} .weekend_wrap .item_list li a .thumb {display:block;overflow:hidden;width:192px;height:108px;border-radius:0px 20px;} .weekend_wrap .item_list li a .thumb img {display:block;width:192px;height:108px;} .weekend_wrap .item_list li a .txt {display:block;margin-top:2px;font-weight:700;font-size:15px;line-height:21px;color:#000;} .weekend_wrap .item_list li a .txt .txt_in {display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .weekend_wrap .item_list li a:hover .txt .txt_in {text-decoration:underline;color:#000 !important;} /* 구독추천 */ .subscribe_wrap {margin:42px 0 72px 0;} .subscribe_wrap + .mainnews_group {border-top:1px solid #ededed;} .subscribe_wrap .subscribe_top {position:relative;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #ededed;} .subscribe_wrap .subscribe_top:after {content:'';clear:both;display:block;} .subscribe_wrap .subscribe_top .title_cont {position:relative;float:left;} .subscribe_wrap .subscribe_top .title_cont .title {line-height:32px;font-size:22px;color:#231f20;} .subscribe_wrap .subscribe_top .title_cont .icon_info {display:inline-block;width:21px;height:22px;margin-left:3px;background:url('../images/common/icon_info01.png') no-repeat 0 0;background-size:21px 22px;font-size:0;color:transparent;cursor:pointer;vertical-align:4px;} .subscribe_wrap .subscribe_top .title_cont .subscribe_info {display:none;position:absolute;top:39px;left:0;width:320px;padding:25px 15px 10px 15px;border:1px solid #121212;background:#fff;box-sizing: border-box;background:#fff;z-index:2;} .subscribe_wrap .subscribe_top .title_cont .subscribe_info .txt {font-size:12px;line-height:20px;color:#231F20;letter-spacing: -0.5px;} #subscribe_info .btn_close {position:absolute;top:10px;right:10px;display:block;width:12px;height:12px;background:url('../images/common/icon_comm01.png') no-repeat -167px 0;font-size:0;color:transparent;cursor:pointer;} .subscribe_wrap .subscribe_top .tabs_cont {float:right;} .subscribe_wrap .subscribe_top .tabs_cont ul {overflow:hidden;display:flex;} .subscribe_wrap .subscribe_top .tabs_cont ul li {margin-left:6px;} .subscribe_wrap .subscribe_top .tabs_cont ul li a {display:inline-block;height:26px;padding:0 18px;border:1px solid #ccc;border-radius:15px;line-height:26px;text-align:center;font-size:13px;color:#231f20;} .subscribe_wrap .subscribe_top .tabs_cont ul li.selected a {display:inline-block;height:28px;border:0;background:#231f20;border-radius:15px;line-height:26px;text-align:center;color:#fff;} .subscribe_wrap .subscribe_cont {} .subscribe_wrap .subscribe_cont .subscribe_list {position:relative;display:flex;} .subscribe_wrap .subscribe_cont .subscribe_list li {width:192px;margin-left:30px;} .subscribe_wrap .subscribe_cont .subscribe_list li:first-child {margin-left:0;} .subscribe_wrap .subscribe_cont .subscribe_list li a {display:block;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb {position:relative;overflow:hidden;width:192px;height:108px;margin-bottom:4px;border-top-right-radius:15px;border-bottom-left-radius:15px;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb img {display:block;width:192px;height:108px;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb .ranking {position:absolute;top:0;left:0;width:30px;height:30px;background:#181819;border-radius:0px 0px 10px 0px;text-align:center;line-height:30px;color:#fff;font-weight:700;font-size:17px;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb .no_img {display:flex;width:192px;height:108px;padding:0 10px;background:#696969;font-weight:700;font-size:15px;line-height:21px;color:#fff;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;letter-spacing:-1px;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb:hover .txt_in {color:#fff;} .subscribe_wrap .subscribe_cont .subscribe_list li .thumb .no_img .txt_in {overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;} .subscribe_wrap .subscribe_cont .subscribe_list li .txt {font-weight:700;font-size:15px;line-height:20px;color:#191919;} .subscribe_wrap .subscribe_cont .subscribe_list li .txt span {overflow:hidden;min-height:40px;max-height:40px;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info {position:relative;margin:16px 0 0 0;border-top:1px solid #eaeaea;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .sub_tit {margin:5px 0 2px 0;font-weight:500;font-size:14px;line-height:21px;color:#191919;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .sub_tit .tit_in {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .count {display:inline-block;font-weight:400;font-size:12px;line-height:21px;color:#008689;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .btn_subscribe {display:block;position:absolute;bottom:0;right:0;background-color:transparent;border:0;font-size:14px;color:#008393;font-weight:500;cursor:pointer;z-index:1;font-family: "Noto Sans KR";} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .btn_subscribe:before {content:'';display:inline-block;width:19px;height:19px;margin:-2px 2px 0 0;background:url('../images/common/view_subscribe01.png') no-repeat 0 center;vertical-align:middle;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .btn_subscribe.on {color:#7e7e7e;} .subscribe_wrap .subscribe_cont .subscribe_list li .cont_info .btn_subscribe.on:before {background:url('../images/common/view_subscribe02.png') no-repeat 0 center;} /* 구독 토스트 알림 230615 */ #subscribe_toast {display:none;position:fixed;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);z-index:10000;} #subscribe_toast .toase_cont {position:relative;padding:15px 29px 15px 17px;background:#fff;border:1px solid #d4d4d4;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);border-radius:10px;} #subscribe_toast .toase_cont .txt {font-weight:400;font-size:15px;line-height:22px;color:#181819} #subscribe_toast .toase_cont .txt span {color:#008396;} #subscribe_toast .toase_cont .btn_close {position:absolute;top:11px;right:10px;width:11px;height:11px;background-position:-55px -60px;} #bookmark_toast {display:none;position:fixed;top:50%;left:50%;width:250px;transform:translate(-50%,-50%);z-index:10000;} #bookmark_toast .toase_cont {position:relative;padding:15px 15px;background: #d4d4d4;border-radius:10px;text-align:center;} #bookmark_toast .toase_cont .txt {font-weight:700;font-size:17px;color:#181819;} /* 마켓팅 수신 동의팝업 */ #marketing_pop {position:fixed;top:50%;left:50%;width:310px;transform: translate(-50% , -50%);} #marketing_pop .pop_wrap {padding:0 15px 20px 15px;background:#fff;border-radius:5px;box-sizing: border-box;border: 1px solid #d4d4d4;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);} #marketing_pop .pop_wrap .pop_cont {box-sizing: border-box;} #marketing_pop .pop_cont .txt {display:block;padding:25px 0 20px;text-align:center;color:#121212;font-size:16px;letter-spacing:-1px;line-height:140%;} #marketing_pop .pop_cont .check_info input {display:none;} #marketing_pop .pop_cont .check_info label {display:block;width:140px;height:40px;margin:0 auto 0 auto;background:#121212;color:#fff;line-height:40px;text-align:center;font-weight:bold;border-radius:5px;font-size:16px;} #marketing_pop .pop_cont .desc {display:block;padding:15px 0 0 0;text-align:center;color:#121212;font-size:13px;text-decoration:underline;} #marketing_pop .pop_cont .chk_cont {padding:30px 15px 0 0;font-size:12px;color:#121212;text-align:right;} #marketing_pop .pop_cont .chk_cont span:after {content:'|';display:inline-block;margin:0 3px;color:#aaa;} #marketing_pop .pop_cont .chk_cont span input {display:none;} #marketing_pop .pop_cont .chk_cont span label {cursor:pointer;} #marketing_pop .pop_cont .chk_cont button {background:#fff;border:0;font-size:12px;color:#121212;cursor:pointer;}