@charset 'utf-8';


/* ----------------------------------------
  SegyeTimes Mobile Cascading Style Sheets
-------------------------------------------*/
html, body { width:100%; margin:0; padding:0; }
body { background:#e8e8e8; font-family:MalgunGothic,"Malgun Gothic",HelveticaNeue,AppleSDGothicNeo,sans-serif; font-size:13px; line-height:18px; color:#555; letter-spacing:-1px; }

div, p, ul, ol, li, dl, dt, dd, form, fieldset, button, blockquote, table, th, td, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
form, input, select, textarea, button { font-family:MalgunGothic,"Malgun Gothic",HelveticaNeue,AppleSDGothicNeo,sans-serif; font-size:13px; line-height:18px; color:#777; }
table { border-collapse:collapse; }
table caption { text-align:left; display:none; }
ul, ol, li { list-style:none; }
button { border:0; margin:0; padding:0; cursor:pointer; outline-style:none; }
input, select, textarea { outline-style:none; margin:0; }
img { border:0; }
em { font-style:normal; }

@-moz-document url-prefix() {
	button { padding-bottom:3px !important; }
	label input { margin-top:0 !important; }
}


a { color:#555; text-decoration:none; cursor:pointer; }
a:hover { color:#555; text-decoration:none; cursor:pointer; }



/* layout ------------------------------------------------------------------------*/
body.stop { height:100%; overflow:hidden; }
.maskMenu { position:fixed; z-index:90; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.8; }
.maskScreen { position:fixed; z-index:900; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.65; }


/* Top */
#wrapTop { position:relative; z-index:1; min-height:34px; background:#fff; border-bottom:solid 1px #e0e0e0; box-shadow:0 0 2px rgba(0,0,0,.05); padding-top:15px; overflow:hidden; }
#wrapTop h1 { width:82px; height:19px; background:url('../../resources/images/logo.png') center center no-repeat; background-size:100% auto; margin:1px auto; font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapTop.brief { border-bottom:solid 1px #d8d8d8; box-shadow:none; }
#wrapTop.brief h1 { margin-top:0; }

#wrapTop .btnMenu,
#wrapTop .btnSearch { position:absolute; background-position:center center; background-repeat:no-repeat; font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapTop .btnMenu { top:0; left:0; width:48px; height:49px; background-image:url('../../resources/images/icon_menu.png'); background-size:18px auto; }
#wrapTop .btnSearch { top:0; right:0; width:44px; height:49px; background-image:url('../../resources/images/icon_search.png'); background-size:16px auto; }

#wrapTop .menuBox { position:relative; height:40px; margin:19px 0 -9px 0; padding:0 3px; }
#wrapTop .menuBox ul { width:100%; display:table; }
#wrapTop .menuBox ul li { width:15%; padding:0 12px; text-align:center; white-space:nowrap; display:table-cell; }
#wrapTop .menuBox ul li:nth-child(5) { width:18%; }
#wrapTop .menuBox ul li:nth-child(6) { width:22%; }
#wrapTop .menuBox ul a { font-size:14px; font-weight:bold; color:#000; }
#wrapTop .menuBox.scroll { width:100%; padding:0; overflow:auto; }
#wrapTop .menuBox.scroll ul { width:auto; padding:0 3px; }
#wrapTop .maskOver { position:absolute; bottom:0; width:55px; height:40px; background-image:url('../../resources/images/mask_menu.png'); background-repeat:repeat-y; background-size:150px auto; }
#wrapTop .maskOver.left { left:0; background-position:left top; display:none; }
#wrapTop .maskOver.right { right:0; background-position:right top; }

#wrapMenu { position:fixed; z-index:99; top:0; left:0; width:100%; max-height:100%; background:#e8e8e8; display:none; overflow:auto; }
#wrapMenu .titBox { position:fixed; top:0; left:0; width:100%; height:48px; background:#426aaf; }
#wrapMenu .titBox a { font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapMenu .titBox .logo { width:105px; height:48px; background:url('../../resources/images/logo_menu.png') center center no-repeat; background-size:75px 16px; }
#wrapMenu .titBox .close { position:absolute; top:0; right:0; width:47px; height:48px; background:url('../../resources/images/icon_close.png') center center no-repeat; background-size:17px auto; }

#wrapMenu .memuBox { padding-top:48px; }
#wrapMenu .memuBox .tit { border-bottom:solid 1px #e0e0e0; margin-top:-1px; padding-bottom:12px; font-style:normal; font-size:13px; font-weight:bold; color:#000; display:block; }
#wrapMenu .memuBox .cont { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:15px; }
#wrapMenu .memuBox .cont:after { content:''; display:block; clear:both; }
#wrapMenu .memuBox .cont:first-child { border-top:0; margin-top:0; }
#wrapMenu .memuBox .cont:first-child .tit { border:0; padding-bottom:2px; }

#wrapMenu .newsList { margin-left:-8px; }
#wrapMenu .newsList:after { content:''; display:block; clear:both; }
#wrapMenu .newsList li { float:left; width:33.33%; margin-top:10px; }
#wrapMenu .newsList li:nth-child(3n-1) { width:33.34%; }
#wrapMenu .newsList a { height:30px; background:#f6f6f6; border:solid 1px #e3e3e3; margin-left:8px; font-size:13px; color:#222; line-height:30px; text-align:center; display:block; overflow:hidden; }

#wrapMenu .extraList, .memuBox .serviceList { position:relative; float:left; margin:15px 0 2px 0; }
#wrapMenu .extraList li, .memuBox .serviceList li { margin-top:21px; letter-spacing:-1px; }
#wrapMenu .extraList li:first-child, .memuBox .serviceList li:first-child { margin-top:0; }
#wrapMenu .extraList { width:52%; border:0; border-right:solid 1px #e5e5e5; margin-right:-1px; }
#wrapMenu .extraList li { padding-right:15px; }
#wrapMenu .serviceList { width:48%; }
#wrapMenu .serviceList:before { content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:#e5e5e5; display:block; }
#wrapMenu .serviceList li { padding-left:15px; }

#wrapMenu .addLink { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
#wrapMenu .addLink:after { content:''; display:block; clear:both; }
#wrapMenu .addLink li { position:relative; float:left; width:33.33%; padding:12px 0; letter-spacing:-1px; text-align:center; }
#wrapMenu .addLink li:before { content:''; position:absolute; top:16px; left:0; width:1px; height:10px; background:#d5d5d5; display:block; }
#wrapMenu .addLink li:nth-child(2) { width:33.34%; }
#wrapMenu .addLink li:first-child:before { display:none; }

#wrapMenu .pcLink { padding:11px 0 12px 0; font-size:12px; text-align:center; display:block; }


/* Content */
#wrapCont { position:relative; z-index:1; }
#wrapCont h2 { width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapCont h3 { font-size:14px; color:#000; }


/* Footer */
#wrapFooter { position:relative; z-index:1; background:#fff; border-top:solid 1px #e2e2e2; margin-top:10px; text-align:center; }
#wrapFooter .copy { background:#272727; padding:12px 0 15px 0; text-align:center; }
#wrapFooter .copy a{color:#6c6c6c;}
#wrapFooter .copy .txt { margin-top:11px; font-size:12px; font-weight:bold; color:#6c6c6c;letter-spacing:-0.2px; }
#wrapFooter .copy .link { position:relative; margin:0 13px; color:#949494; display:inline-block; }
#wrapFooter .copy .link:before { content:''; position:absolute; top:3px; left:-15px; width:1px; height:12px; background:#6c6c6c; display:block; }
#wrapFooter .copy a:first-child:before { display:none; }

#wrapFooter .intro { padding-top:16px; font-size:14px; color:#444; line-height:20px; letter-spacing:-1px; }

#wrapFooter .socialLink { height:30px; margin:13px 0 23px 0; font-size:0; line-height:0; display:block; }
#wrapFooter .socialLink li { margin-left:15px; display:inline-block; }
#wrapFooter .socialLink li:first-child { margin-left:0; }
#wrapFooter .socialLink a { width:30px; height:30px; background-image:url('../../resources/images/icon_social.png'); background-repeat:no-repeat; background-size:auto 30px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
#wrapFooter .socialLink .facebook { background-position:0 center; }
#wrapFooter .socialLink .twitter { background-position:-45px center; }
#wrapFooter .socialLink .npost { background-position:-90px center; }
#wrapFooter .socialLink .insta { background-position:-135px center; }
#wrapFooter .socialLink .youtube { background-position:-180px center; }



/* common --------------------------------------------------------------------- */
.keyword { position:relative; font-size:0; line-height:0; }
.keyword a { background:#efefef; border:solid 1px #b7b7b7; border-radius:50px; display:inline-block; }
.keyword .type1 { background:#eaf2f7; border-color:#88b7d5; }
.keyword .type2 { background:#eef7f8; border-color:#88ccd3; }
.keyword .type3 { background:#eff0f7; border-color:#a8aed6; }
.keyword .type4 { background:#f1f6ec; border-color:#b2cd97; }
.keyword .type5 { background:#ebf6f0; border-color:#90ceaa; }



/* index ------------------------------------------------------------------------*/
#wrapIndex { position:relative; z-index:1; }
#wrapIndex > div { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:15px; }
#wrapIndex > div h2 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#wrapIndex > div h3 { margin:2px 0 0 -1px; font-size:14px; color:#000; }

#wrapIndex .pic { font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapIndex .pic img { width:100%; }
#wrapIndex .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }

#wrapIndex .topNews { background:none; border:0; padding:0; }
#wrapIndex .topNews ul { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:0 15px; }
#wrapIndex .topNews ul li { border-top:solid 1px #e0e0e0; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:15px;}
#wrapIndex .topNews ul li:first-child { border:0; }
#wrapIndex .topNews .headline { background:#fff; border-bottom:solid 1px #e2e2e2; }
#wrapIndex .topNews .headline .tit { padding:15px 14px 17px 14px; font-size:17px; font-weight:normal; color:#000; line-height:24px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; display:block; }

#wrapIndex .todayWord a { height:28px; margin:8px 0 0 5px; padding:0 10px; font-size:13px; line-height:28px; }
#wrapIndex .todayWord span { margin-top:-4px; font-size:15px; vertical-align:middle; display:inline-block; }
#wrapIndex .todayWord .keyword { margin-left:-5px; padding-top:5px; }

#wrapIndex .newsList { background:none; border:0; padding:0; }
#wrapIndex .newsList ul { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
#wrapIndex .newsList ul:after { content:''; display:block; clear:both; }
#wrapIndex .newsList ul li.hide { display:none; }
#wrapIndex .newsList .tit { word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#wrapIndex .newsList .type1 { padding:4px 10px 16px 10px;/* padding:4px 10px 16px 10px; */ /* 양혜정 */ padding:0; border:hidden !important; }
#wrapIndex .newsList .type1 li { float:left; width:50%; margin-top:16px; }
#wrapIndex .newsList .type1 li:nth-child(2n-1) { clear:both; }
#wrapIndex .newsList .type1 a { margin:0 5px; display:block; }
#wrapIndex .newsList .type1 .tit { max-height:37px; margin-top:7px; font-size:14px;}
#wrapIndex .newsList .type2 { padding:0 15px; }
#wrapIndex .newsList .type2 li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; font-size:15px;}
#wrapIndex .newsList .type2 li:after { content:''; display:block; clear:both; }
#wrapIndex .newsList .type2 li:first-child { border-top:0; }
#wrapIndex .newsList .type2 .tit { max-height:36px; }
#wrapIndex .newsList .type2 .pic { position:absolute; top:15px; left:0; width:98px; height:60px; }
#wrapIndex .newsList .type2 .pic + .tit { width:100%; height:60px; padding:3px 0 2px 112px; vertical-align:middle; display:table-cell; }
#wrapIndex .newsList .btnOpen { background:#fff; border-top:solid 1px #dbdbdb; border-bottom:solid 1px #e2e2e2; margin-top:-1px; padding:11px 0 12px 0; font-size:12px; color:#444; text-align:center; display:block; display:block; }
#wrapIndex .newsList .btnOpen span { background:url('../../resources/images/mark_open.png') right center no-repeat; background-size:10px auto; padding-right:15px; display:inline-block; }

#wrapIndex .banner { height:67px; background:#f5fdff; margin-top:10px; padding:0 !important; font-size:0; line-height:0; text-align:center; overflow:hidden; }
#wrapIndex .banner a { display:block; }
#wrapIndex .banner img { height:67px; }

#wrapIndex .vidclip { background:#333; border:0; padding:15px 0; overflow:hidden; margin:-15px !important;}
#wrapIndex .vidclip h3 { margin-left:14px; color:#fff; }
#wrapIndex .vidclip .txt { height:40px; margin:11px 5px 0 5px; font-size:14px; color:#cdcdcd; line-height:19px; letter-spacing:-1.2px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#wrapIndex .vidclip .pic { position:relative; margin:0 5px; }
#wrapIndex .vidclip .pic:after { content:''; position:absolute; right:13px; bottom:13px; width:35px; height:35px; background:url('../../resources/images/mark_vid.png') center center no-repeat; background-size:35px 35px; display:block; }
#wrapIndex .vidclip .slideBox { width:253%; margin:13px 0 0 -76.5%; }
#wrapIndex .vidclip .slideBox ul:after { content:''; display:block; clear:both; }
#wrapIndex .vidclip .slideBox ul li { float:left; width:33.33%; }
#wps_layout1_box8 { border:0 !important; padding:0 !important; } /* 20190717 양혜정 추가 */

#wrapIndex .reporter { padding-bottom:0; }
#wrapIndex .reporter ul { margin-top:13px; height:348px;overflow:hidden;}
#wrapIndex .reporter ul li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; }
#wrapIndex .reporter ul li:after { content:''; display:block; clear:both; }
#wrapIndex .reporter ul li:first-child { border-color:#d5d5d5; }
#wrapIndex .reporter ul a { display:block; }
#wrapIndex .reporter .tit { margin-top:4px; font-size:15px; color:#222; word-wrap:break-word; word-break:keep-all; display:block; }
#wrapIndex .reporter .txt { margin-top:4px; font-size:14px; color:#777; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
#wrapIndex .reporter .pic { position:absolute; top:50%; right:0; width:53px; height:53px; border:solid 1px #e6e6e6; border-radius:100px; margin-top:-27px; }
#wrapIndex .reporter .writer { font-size:12px; color:#2367d7; display:block; }
#wrapIndex .reporter .pic + .writer + a { margin-right:70px; }

#wrapIndex .tabList { padding-bottom:0; }
#wrapIndex .tabList h3 > span { font-weight:normal; color:#777; }
#wrapIndex .tabList h3 > span:before { content:''; width:1px; height:13px; background:#e0e0e0; margin:-4px 9px 0 6px; vertical-align:middle; display:inline-block; }
#wrapIndex .tabList h3 > span:first-child:before { display:none; }
#wrapIndex .tabList h3 > span.now { font-weight:bold; color:#000; }
#wrapIndex .tabList ul { margin-top:13px; }
#wrapIndex .tabList ul li { border-top:solid 1px #e5e5e5; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:15px;}
#wrapIndex .tabList ul li:first-child { border-color:#d5d5d5; }
#wrapIndex .tabList .more { left:auto; width:14px; }
#wrapIndex .tabList .cont { display:none; }
#wrapIndex .tabList .cont.open { display:block; }

#wrapIndex .hitList { padding-bottom:0; }
#wrapIndex .hitList ol { margin-top:13px; }
#wrapIndex .hitList ol li { list-style:decimal; list-style-position:inside; border-top:solid 1px #e5e5e5; padding:12px 5px 12px 0; font-family:arial; font-style:italic; font-size:15px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#wrapIndex .hitList ol li a { margin-left:1px; font-family:MalgunGothic,"Malgun Gothic",HelveticaNeue,AppleSDGothicNeo,sans-serif; font-style:normal; font-size:15px; font-weight:normal; }
#wrapIndex .hitList ol li:nth-child(1),
#wrapIndex .hitList ol li:nth-child(2),
#wrapIndex .hitList ol li:nth-child(3) { color:#2367d7; }
#wrapIndex .hitList ol li:first-child { border-color:#d5d5d5; }

#wrapIndex .entertain { padding-bottom:0; }
#wrapIndex .entertain h3 > span { font-weight:normal; color:#777; }
#wrapIndex .entertain h3 > span:before { content:''; width:1px; height:13px; background:#e0e0e0; margin:-4px 9px 0 6px; vertical-align:middle; display:inline-block; }
#wrapIndex .entertain h3 > span:first-child:before { display:none; }
#wrapIndex .entertain h3 > span.now { font-weight:bold; color:#000; }
#wrapIndex .entertain ul { padding-top:1px; }
#wrapIndex .entertain ul li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; font-size:15px;}
#wrapIndex .entertain ul li:first-child { z-index:2; border-top:0; border-bottom:solid 1px #d5d5d5; margin:0 -15px -1px -15px; overflow:hidden; }
#wrapIndex .entertain ul li:first-child .pic { position:relative; top:0; width:100%; height:auto; }
#wrapIndex .entertain ul li:first-child .pic + .tit { width:auto; height:auto; padding:12px 10px 1px 15px; font-size:15px; display:block; }
#wrapIndex .entertain .tit { max-height:36px; }
#wrapIndex .entertain .pic { position:absolute; top:15px; left:0; width:98px; height:60px; }
#wrapIndex .entertain .pic img { min-height:100%; }
#wrapIndex .entertain .pic + .tit { width:100%; height:60px; padding:3px 0 3px 112px; vertical-align:middle; display:table-cell; }
#wrapIndex .entertain .cont { display:none; }
#wrapIndex .entertain .cont.open { display:block; }
#wrapIndex .entertain .more { left:auto; width:15px; }
#wrapIndex .entertain .paging { height:27px; border-top:solid 1px #e5e5e5; padding:15px 0 20px 0; text-align:center; }
#wrapIndex .entertain .paging span { height:27px; font-family:arial; font-size:12px; color:#666; line-height:25px; display:inline-block; }
#wrapIndex .entertain .paging .now { font-weight:bold; color:#000; }
#wrapIndex .entertain .paging .total:before { content:'/'; height:27px; margin:1px 6px 0 1px; font-style:normal; font-weight:normal; color:#666; vertical-align:middle; display:inline-block; }
#wrapIndex .entertain .paging .arrow { width:25px; height:25px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 9px; border:solid 1px #e8e8e8; margin:0; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
#wrapIndex .entertain .paging .arrow.prev { background-position:10px center; margin-right:11px; }
#wrapIndex .entertain .paging .arrow.next { background-position:-25px center; margin-left:11px; }

#wrapIndex .digital { padding-bottom:16px; }
#wrapIndex .digital ul { margin:-3px -5px 0 -5px; }
#wrapIndex .digital ul:after { content:''; display:block; clear:both; }
#wrapIndex .digital ul li { float:left; width:50%; margin-top:16px; }
#wrapIndex .digital ul li:nth-child(2n-1) { clear:both; }
#wrapIndex .digital ul a { margin:0 5px; display:block; }
#wrapIndex .digital .tit { max-height:37px; margin-top:7px; letter-spacing:-1.5px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

/* 메인 20190717 양혜정추가 */
#wrapIndex .photoList .pic img {max-width:100% !important;width:auto;}



/* sub ------------------------------------------------------------------------- */
/* 섹션 메인  */
.mainTopNews { position:relative; width:100%; background:#404040; margin-top:10px; padding:25px 0 20px 0; overflow:hidden; }
.mainTopNews .tit { margin:13px 35px 0 35px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; text-align:center; text-shadow:0 0 3px #000; display:block; overflow:hidden; opacity:0.45; }
.mainTopNews .pic { background:#000; margin:0 5px; font-size:0; line-height:0; display:block;  /* 양혜정추가 */padding-top:60%; position:relative; overflow:hidden; }
.mainTopNews .pic img { width:100%; opacity:.4; /* 양혜정추가 */ position:absolute; top:0; left:0; bottom:0; right:0; /*height:100%;*/ }
.mainTopNews .slideBox { position:relative; width:253%; margin:0 0 0 -76.5%; }
.mainTopNews .slideBox ul:after { content:''; display:block; clear:both; }
.mainTopNews .slideBox ul li { float:left; width:33.33%; }
.mainTopNews .slideBox ul li.now .tit { margin:13px 5px 0 5px; opacity:1; }
.mainTopNews .slideBox ul li.now .pic img { opacity:1; }
.mainTopNews .bx-controls { position:relative; margin-top:18px; }
.mainTopNews .bx-pager { width:0; height:0; overflow:hidden; }
.mainTopNews .bx-controls-direction { width:110px; margin:0 auto; }
.mainTopNews .bx-controls-direction:after { content:''; display:block; clear:both; }
.mainTopNews .bx-controls-direction a { float:left; width:25px; height:25px; background-image:url('../../resources/images/paging_topnews.png'); background-repeat:no-repeat; background-size:auto 11px; border:solid 1px #888; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.mainTopNews .bx-controls-direction .bx-prev { background-position:9px center; }
.mainTopNews .bx-controls-direction .bx-next { float:right; background-position:-34px center; }
.mainTopNews .pageNum { position:absolute; top:4px; left:50%; width:50px; margin-left:-25px; font-size:12px; color:#999; text-align:center; }
.mainTopNews .pageNum i { font-style:normal; font-weight:bold; color:#2367d7; }
.mainTopNews .pageNum small { font-size:12px; }
.mainTopNews .pageNum small:before { content:'/'; margin:0 5px; display:inline-block; }

.mainTopGallery { position:relative; background:#fff; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
.mainTopGallery ul:after { content:''; display:block; clear:both; }
.mainTopGallery ul li { float:left; width:100%; }
.mainTopGallery .tit { padding:13px 14px 15px 14px; font-size:17px; color:#000; line-height:24px; word-wrap:break-word; word-break:keep-all; display:block; }
.mainTopGallery .pic { font-size:0; line-height:0; display:block; /* 양혜정추가 */padding-top:60%; position:relative; overflow:hidden; }
.mainTopGallery .pic img { width:100%; /* 양혜정추가 */position:absolute; top:0; left:0; bottom:0; right:0; height:100%; }
.mainTopGallery .bx-pager { border-top:solid 1px #d5d5d5; margin:0 15px; padding:16px 0; text-align:center; }
.mainTopGallery .bx-pager a { width:10px; height:10px; background:#e6e6e6; border-radius:10px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.mainTopGallery .bx-pager a.active { background:#ee297d; }
.mainTopGallery .bx-pager div { margin:0 4px; display:inline-block; }

.mainIssWord { background:#fff; margin-top:10px; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; padding:17px 12px 20px 12px; }
.mainIssWord h3 { margin-left:2px; }
.mainIssWord ul { padding-top:8px; }
.mainIssWord ul:after { content:''; display:block; clear:both; }
.mainIssWord ul li { float:left; width:50%; margin-top:5px; }
.mainIssWord ul a { position:relative; margin:0 3px; display:block; }
.mainIssWord .tit { position:absolute; z-index:10; left:7%; right:7%; bottom:8%; color:#fff; }
.mainIssWord .pic { position:relative; z-index:1; width:100%; font-size:0; line-height:0; display:block; overflow:hidden; /*양혜정 추가 */padding-top:60%; }
.mainIssWord .pic:after { content:''; position:absolute; left:0; right:0; bottom:0; height:100%; background:url('../../resources/images/mask_txtbg_01.png') left bottom repeat-x; background-size:auto 100%; display:block; }
.mainIssWord .pic img { /*width:100%;*/ position:absolute; top:50%; left:50%; bottom:0; /*right:0;*/ margin:0 auto; max-width:100%; height:100%;-webkit-transform:translate(-50%, -50%); } /* 20190716 양혜정 썸네일 비율 수정 */

.mainBanner { background:#f5fdff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:0; font-size:0; line-height:0; text-align:center; overflow:hidden; }
.mainBanner a { display:block; }
.mainBanner img { height:67px; }


/*목록 */
.listBox { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
.listBox h3 { width:0; height:0; font-size:0 !important; line-height:0 !important; display:block; overflow:hidden; }
.listBox ul { margin:0 15px; }
.listBox ul li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; word-wrap:break-word; word-break:keep-all; font-size:15px;}
.listBox ul li:after { content:''; display:block; clear:both; }
.listBox ul li:first-child { border-top:0; }
.listBox .tit { display:block; }
.listBox .pic { position:absolute; top:15px; left:0; width:98px; height:59px; font-size:0; line-height:0; display:block; overflow:hidden; text-align:center;background:#f2f2f2;}
.listBox .pic img { /*width:100%; min-height:100%;*/height:100%; }
.listBox .pic + .tit { height:59px; padding:4px 0 2px 112px; vertical-align:middle; display:table-cell; }
.listBox .btnOpen { background:#fff; border-top:solid 1px #dbdbdb; padding:11px 0 12px 0; font-size:12px; color:#444; text-align:center; display:block; display:block; }
.listBox .btnOpen span { background:url('../../resources/images/mark_open.png') right center no-repeat; background-size:10px auto; padding-right:15px; display:inline-block; }
.listBox .paging { height:41px; border-top:solid 1px #dbdbdb; text-align:center; }
.listBox .paging:after { content:''; display:block; clear:both; }
.listBox .paging a { height:100%; padding:0 14px; font-size:12px; color:#666; line-height:40px; vertical-align:middle; display:inline-block; }
.listBox .paging .here { font-weight:bold; color:#000; }
.listBox .paging .arrow { width:41px; height:41px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 13px; padding:0; font-size:0; line-height:0; }
.listBox .paging .arrow.prev { float:left; background-position:15px center; }
.listBox .paging .arrow.next { float:right; background-position:-33px center; }


/* 상세 */
.viewBox { position:relative; z-index:2; background:#fff; border-bottom:solid 1px #e2e2e2; padding-top:20px; }
.viewBox h3 { padding:0 15px; font-size:24px !important; font-weight:bold; color:#000 !important; line-height:30px !important; letter-spacing:-2px; }
.viewBox .info { position:relative; margin:15px 15px -2px 15px; }
.viewBox .info:after { content:''; display:block; clear:both; }
.viewBox .date { float:left; margin-top:-2px; font-size:12px; color:#a8a8a8; line-height:18px; letter-spacing:0; }

.viewBox .help { position:relative; float:right; }
.viewBox .help .btn { position:relative; width:32px; height:32px; border:solid 1px #ddd; border-radius:50px; font-size:0; line-height:0; display:block; overflow:hidden; }
.viewBox .help .btn:after,
.viewBox .help .btn:before { content:'가'; position:absolute; display:block; }
.viewBox .help .btn:after { z-index:2; right:5px; bottom:7px; font-size:15px; color:#000; line-height:17px; }
.viewBox .help .btn:before { z-index:1; left:4px; bottom:9px; font-size:10px; color:#888; line-height:12px; }
.viewBox .help .pop { position:absolute; z-index:90; right:0; top:45px; width:240px; background:#f7f7f7; border:solid 1px #ccc; padding:15px 0 11px 0; text-align:center; box-shadow:0 3px 5px rgba(0,0,0,.2); display:none; }
.viewBox .help .pop:before { content:''; position:absolute; top:-10px; right:10px; width:12px; height:10px; background:url('../../resources/images/mark_pop.png') center bottom no-repeat; background-size:100% auto; display:block; }
.viewBox .help .pop a { position:relative; width:32px; height:32px; background:#fff; border:solid 1px #d5d5d5; border-radius:50px; margin:0 3px; font-size:0; line-height:0; color:#fff; display:inline-block; overflow:hidden; }
.viewBox .help .pop a:before { content:'가'; position:absolute; top:0; left:0; width:31px; height:32px; color:#555; line-height:32px; text-align:center; display:block; }
.viewBox .help .pop a.on { background:#555; border-color:#555; }
.viewBox .help .pop a.on:before { color:#fff; }
.viewBox .help .pop a.step1:before { font-size:13px; }
.viewBox .help .pop a.step2:before { font-size:15px; }
.viewBox .help .pop a.step3:before { font-size:17px; }
.viewBox .help .pop a.step4:before { font-size:19px; }
.viewBox .help .pop a.step5:before { font-size:21px; }
.viewBox .help.active .btn { background:#f7f7f7; border-color:#b5b5b5; }
.viewBox .help.active .pop { display:block; }

.viewCont { position:relative; border-top:solid 1px #cacaca; margin-top:20px; padding:20px 15px 0 15px; font-size:18px;letter-spacing:0.2px; color:#141414; line-height:28px; overflow:hidden; }
.viewCont img { width:100%; height:100%;}
.viewCont .writer { margin-top:17px; }
.viewCont .precis { position:relative; margin-bottom:13px; padding-left:12px; color:#000; line-height:23px; text-overflow:ellipsis; display:block; /*white-space:nowrap; overflow:hidden;*/ }
.viewCont .precis:before { content:''; position:absolute; top:5px; left:0; bottom:5px; width:3px; background:#2367d7; display:block; }
.viewCont .contPhoto { margin:20px -15px 16px -15px; text-align:center; }
.viewCont .contPhoto img { max-width:100%; }
.viewCont .contPhoto .txt { max-width:500px; margin:0 auto; padding:0 15px 4px 15px; font-size:12px; color:#888; line-height:18px; text-align:left; }
.viewCont .contPhoto .txt:before { content:'▲'; margin:-6px 3px 0 0; vertical-align:middle; display:inline-block; }
.viewCont .contAD { float:right; width:200px; margin:17px 0 0 15px; font-size:0; line-height:0; text-align:center; }
.viewCont .contAD img { width:100%; margin-top:0; }
.viewCont .contAD > iframe { border:0; margin:0 auto; }
.viewCont .contAD.center { float:none; width:auto; margin:24px auto 23px auto; }
.viewCont .contAD.center img { width:auto; max-width:100%; }

.viewCont.fontDown1 { font-size:13px; line-height:22px; }
.viewCont.fontDown1 .contAD { margin-top:10px; }
.viewCont.fontDown2 { font-size:15px; line-height:24px; }
.viewCont.fontUp1 { font-size:19px; line-height:28px; }
.viewCont.fontUp1 .precis { line-height:24px; }
.viewCont.fontUp2 { font-size:21px; line-height:30px; }
.viewCont.fontUp2 .precis { line-height:27px; }

.viewCont br + br + .contPhoto { margin-top:-2px; }

/* 20190723 양혜정 기사뷰 이미지100% 수정 ------------*/
.viewCont .article_read figure{width:100% !important;/*padding:0;*/margin:15px 0;}
#read .article_read figure{margin:0 0 20px;}

.viewShare { position:fixed; z-index:90; top:0; left:0; right:0; height:39px; background:#fff; display:block; box-shadow:0 1px 5px rgba(0,0,0,.25); padding:10px 15px 0 0; text-align:right; display:none; }
.viewShare a { width:30px; height:30px; border-radius:50px; background-image:url('../../resources/images/icon_social_share.png'); background-repeat:no-repeat; background-size:100%; margin-left:4px; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.viewShare .url { background-color:#00a9a9; background-position:center -135px; }
.viewShare .more { background-color:#b7b7b7; background-position:center bottom; background-size:40px auto; }
.viewShare .twitter { background-color:#519fdd; background-position:center -34px; }
.viewShare .naver { background-color:#519fdd; background-position:center -68px; }
.viewShare .kakao { background-color:#ffd306; background-position:center -102px; }
.viewShare .facebook { background-color:#43599c; background-position:center 0; }
.viewShare .kakaostory { background-color:#ffd306; background-position:center -195px; }
.viewShare .kakaoplus { background-color:#ffd306; background-position:center -229px; }
.viewShare .menu { position:absolute; top:0; left:0; width:48px; height:49px; background:url('../../resources/images/icon_menu.png') center center no-repeat; background-size:18px auto; margin:0; border-radius:0; }

/* 20190723 양혜정 : 기사뷰 소셜용 url 복사 추가 --------------*/
.viewShare.url{margin:49px 0 0 0;}


.viewRelate { background:#fff; border-top:solid 1px #dbdbdb; margin-top:14px; padding:15px 0 4px 0; } 
.viewRelate .tit { font-style:normal; font-size:14px; color:#000; }
.viewRelate ul { padding-top:4px; }
.viewRelate ul li { background:url('../../resources/images/mark_relate2.png') 5px 10px no-repeat; background-size:7px 7px; margin-top:1px; padding-left:16px; font-size:16.5px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;height:33px; }
.viewRelate ul a { color:#000; }

.viewWord { background:#fff; border-top:solid 1px #dbdbdb; /*margin-top:14px;*/ padding:17px 15px 20px 15px; }
.viewWord a { height:28px; margin:8px 0 0 5px; padding:0 10px; font-size:13px; line-height:28px; }
.viewWord span { margin-top:-4px; font-size:15px; vertical-align:middle; display:inline-block; }
.viewWord .tit { font-style:normal; font-size:14px; color:#000; }
.viewWord .keyword { margin-left:-5px; padding-top:4px;height:80px; overflow:hidden;}

.viewBanner { background:#f5fdff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:0; font-size:0; line-height:0; text-align:center; overflow:hidden; }
.viewBanner a { display:block; }
.viewBanner img { height:67px; }


/* 상세 - 공유하기 레이어팝업 */
#layerShare { position:fixed; z-index:999; top:50%; left:50%; width:240px; height:250px; background:#fff; border-radius:3px; margin:-125px 0 0 -120px; overflow:hidden; box-shadow:0 0 13px #000; display:none; }
#layerShare .title { height:45px; background:#f8f8f8; padding-left:15px; font-size:15px; color:#222; line-height:45px; }
#layerShare .cont { padding:13px 0 0 18px; }
#layerShare .cont li { width:65px; margin-top:17px; font-size:12px; color:#555; text-align:center; display:inline-block; }
#layerShare .cont li a:before { content:''; width:40px; height:40px; background-image:url('../../resources/images/icon_social_share.png'); background-size:40px auto; margin:0 auto 6px auto; font-size:0; line-height:0; display:block; }
#layerShare .cont li .url:before { background-position:center -180px; }
#layerShare .cont li .naver:before { background-position:center -90px; }
#layerShare .cont li .kakao:before { background-position:center -135px; }
#layerShare .cont li .twitter:before { background-position:center -45px; }
#layerShare .cont li .facebook:before { background-position:center 0; }
#layerShare .close { position:absolute; z-index:2; top:0; right:0; width:45px; height:45px; background:url('../../resources/images/icon_close_pop.png') center center no-repeat; background-size:14px auto; }


/* 댓글 */
.comment { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:20px 15px 15px 15px; }
.comment .choice { width:27px; height:26px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%; border-radius:50px; margin-right:2px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:bottom; display:inline-block; overflow:hidden; }
.comment .choice.segye { background-image:url('../../resources/images/comment_choice_segye.png'); margin-right:1px; }
.comment .choice.naver { background-image:url('../../resources/images/comment_choice_naver.png'); }
.comment .choice.kakao { background-image:url('../../resources/images/comment_choice_kakao.png'); }
.comment .choice.twitter { background-image:url('../../resources/images/comment_choice_twitter.png'); }
.comment .choice.facebook { background-image:url('../../resources/images/comment_choice_facebook.png'); }

.comment .partWrite { position:relative; }
.comment .partWrite .cont { border:solid 1px #dedede; margin-top:15px; }
.comment .partWrite .txtbox { background:#fff; padding:10px; }
.comment .partWrite .txtbox textarea { width:100%; min-width:100%; max-width:100%; height:60px; min-height:60px; border:0; padding:0; font-size:13px; line-height:21px; color:#888; letter-spacing:-0.5px; }
.comment .partWrite .btnbox { position:relative; height:34px; background:#f7f7f7; border-top:solid 1px #ebebe9; }
.comment .partWrite .btnbox:after { content:''; display:block; clear:both; }

.comment .partWrite .info { float:right; width:19px; height:18px; background:url('../../resources/images/comment_btn.png') -56px top no-repeat; background-size:auto 18px; margin:8px 7px 0 0; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.comment .partWrite .addfile { width:19px; height:18px; margin:8px 0 0 8px; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.comment .partWrite .addfile label { width:18px; height:18px; background:url('../../resources/images/comment_btn.png') left top no-repeat; background-size:auto 18px; display:block; cursor:pointer; }
.comment .partWrite .addfile input { position:absolute; top:-1px; left:-1px; width:0; height:0; font-size:0; opacity:0; overflow:hidden; }
.comment .partWrite .sticker { width:19px; height:18px; background:url('../../resources/images/comment_btn.png') -28px top no-repeat; background-size:auto 18px; margin:8px 0 0 5px; font-size:0; line-height:0; vertical-align:top; display:inline-block; overflow:hidden; }
.comment .partWrite .regist { float:right; width:70px; height:36px; background:#2367d7; margin:-1px -1px -1px 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; display:inline-block; }

.comment .partList { position:relative; margin-top:18px; }
.comment .partList:after { content:''; display:block; clear:both; }
.comment .partList .tit { float:left; margin-bottom:13px; font-size:14px; color:#000; display:block; }
.comment .partList .tit i { font-style:normal; color:#2367d7; display:inline-block; }
.comment .partList .more { width:95px; height:30px; background:#5a6170; border-radius:100px; margin:20px auto 5px auto; font-size:13px; font-weight:bold; color:#fff; line-height:28px; letter-spacing:-0.8px; text-align:center; display:block; }
.comment .partList .lineup { float:right; font-size:12px; letter-spacing:-1px; }
.comment .partList .lineup li { margin-left:10px; display:inline-block; }
.comment .partList .lineup a { color:#777; display:inline-block; }
.comment .partList .lineup .on a { font-weight:bold; color:#000; }

.comment .portion { position:relative; z-index:1; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; margin-top:-1px; padding:18px 0 20px 0; clear:both; }
.comment .portion:after { content:''; display:block; clear:both; }
.comment .portion .info { margin-top:9px; font-size:13px; color:#777; letter-spacing:0; }
.comment .portion .cont { margin-top:10px; font-size:14px; color:#000; line-height:20px; word-wrap:break-word; word-break:keep-all; }
.comment .portion .writer { font-size:14px; font-weight:bold; color:#333; }
.comment .portion .writer i { height:13px; border:solid 1px #888; border-radius:2px; margin:-2px 6px 0 0; padding:0 3px; font-style:normal; font-size:10px; color:#888; line-height:12px; letter-spacing:-0.5px; vertical-align:middle; display:inline-block; }
.comment .portion .writer a { color:#333; }
.comment .portion .writer img { height:15px; margin-top:-3px; vertical-align:middle; }
.comment .portion .writer .best { border-color:#2367d7; color:#2367d7; }

.comment .portion .expr { float:right; margin-top:17px; }
.comment .portion .expr a { width:48px; height:24px; background:#fff; border:solid 1px #dedede; font-size:12px; color:#777; line-height:23px; letter-spacing:0; text-align:center; display:inline-block; }
.comment .portion .expr span { width:13px; height:12px; background-image:url('../../resources/images/comment_mark.png'); background-repeat:no-repeat; background-size:auto 12px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
.comment .portion .expr .like { font-weight:bold; color:#2367d7; }
.comment .portion .expr .like span { background-position:-25px 0; margin:-3px -1px 0 0; }
.comment .portion .expr .dislike { margin-left:1px; }
.comment .portion .expr .dislike span { background-position:-50px 0; margin-top:1px; }

.comment .portion .reply { position:relative; width:43px; height:24px; border:solid 1px #dedede; margin-top:17px; font-size:12px; color:#777; line-height:22px; display:block; }
.comment .portion .reply:before { content:''; width:20px; height:11px; background:url('../../resources/images/comment_mark.png') 10px top no-repeat; background-size:auto 12px; margin-right:4px; display:inline-block; }
.comment .portion .reply.on { background:#f7f7f7; color:#333; }

.replyCont { background:#f7f7f7; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; margin:-1px -15px 0 -15px; padding:0 15px; display:none; }
.replyCont .close { height:40px; background:#eaeaea; margin:20px -15px 0 -15px; color:#333; line-height:40px; text-align:center; display:block; }
.replyCont .close span { background:url('../../resources/images/mark_close.png') right center no-repeat; background-size:10px auto; padding-right:15px; display:inline-block; }
.replyCont .portion,
.replyCont .partWrite { background:url('../../resources/images/comment_depth.png') left 17px no-repeat; background-size:10px auto; padding-left:20px; }
.replyCont .portion .info { margin-top:7px; }
.replyCont .portion .expr { margin-top:16px; }
.replyCont .partWrite { background-position:left 20px; padding-top:5px; }
.replyCont.open { display:block; }


/* 추천뉴스 */
.recomList { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:7px 15px 18px 15px; }
.recomList li { background:url('../../resources/images/mark_recom.png') left 4px no-repeat; background-size:8px 8px; margin-top:10px; padding-left:12px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }

/* 오늘의 뉴스 */
.todayList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:-1px; padding:17px 10px 16px 10px; } /* 20201218 마진 10 >-1 */
.todayList h4 { margin-left:5px; font-size:14px; color:#000; }
.todayList .tit { max-height:37px; margin-top:7px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
/*.todayList .pic { font-size:0; line-height:0; display:block; }
.todayList .pic img { width:100%; }*/
.todayList .pic { font-size:0;line-height:0;display:block;position: relative;z-index: 1;width: 100%;overflow: hidden;padding-top: 60%;background: #f2f2f2; }
.todayList .pic img { max-width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;margin: 0 auto;}
.todayList .logo { position:absolute; top:20px; right:15px; width:40px; height:13px; background:url('../../resources/images/outside_logo_01.png') center top no-repeat; background-size:100% auto; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.todayList .list { float:left; width:50%; margin-top:16px; }
.todayList .list:nth-child(2n-1) { clear:both; }
.todayList .list a { margin:0 5px; display:block; }
.todayList .showbox { margin-top:-3px; }
.todayList .showbox:after { content:''; display:block; clear:both; }
.todayList .bx-pager { border-top:solid 1px #d5d5d5; margin:19px 5px 0 5px; padding:16px 0 0 0; text-align:center; }
.todayList .bx-pager > div { margin:0 4px; font-size:0; line-height:0; display:inline-block; }
.todayList .bx-pager a { width:10px; height:10px; background:#e6e6e6; border-radius:10px; font-size:0; line-height:0; text-indent:-9999px; display:inline-block; overflow:hidden; }
.todayList .bx-pager a.active { background:#2367d7; }
.todayList .bx-wrapper { margin:0 5px; overflow:hidden; }
.todayList .bx-viewport { width:auto !important; margin:0 -5px; }

/* 관심 정보 */
.infoList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 10px 16px 10px; }
.infoList h4 { margin-left:5px; font-size:14px; color:#000; }
.infoList ul { margin-top:-3px; }
.infoList ul:after { content:''; display:block; clear:both; }
.infoList ul li { float:left; width:50%; margin-top:16px; }
.infoList ul li:nth-child(2n-1) { clear:both; }
.infoList ul a { margin:0 5px; display:block; }
.infoList .tit { max-height:37px; margin-top:7px; letter-spacing:-1.4px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.infoList .pic { font-size:0; line-height:0; display:block; }
.infoList .pic img { width:100%; }
.infoList .logo { position:absolute; top:20px; right:15px; width:48px; height:13px; background:url('../../resources/images/outside_logo_02.png') center top no-repeat; background-size:100% auto; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }

/* HOT 뉴스 */
.hotList { position:relative; z-index:1; background:#fff; margin-top:10px; padding:26px 15px 15px 15px; background:#222; overflow:hidden; }
.hotList h4 { position:relative; z-index:2; font-size:14px; color:#fff; }
.hotList ul { position:relative; background:#fff; }
.hotList ul:after { content:''; display:block; clear:both; }
.hotList ul li { float:left; width:100%; background:#fff; }
.hotList .tit { margin:18px 19px 0 19px; font-size:15px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.hotList .txt { height:39px; margin:10px 19px 14px 19px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hotList .pic { font-size:0; line-height:0; display:block; }
.hotList .pic img { width:100%; }
.hotList .bgBox { position:absolute; z-index:1; top:-10px; left:-10px; right:-10px; bottom:-10px; background-position:center top; background-repeat:no-repeat; background-size:cover; display:block; opacity:.35; filter:blur(2px); -webkit-filter:blur(2px); }
.hotList .slideBox { position:relative; z-index:2; margin-top:13px; overflow:hidden; }
.hotList .bx-controls { position:relative; margin-top:14px; }
.hotList .bx-pager { width:0; height:0; overflow:hidden; }
.hotList .bx-controls-direction { width:110px; margin:0 auto; }
.hotList .bx-controls-direction:after { content:''; display:block; clear:both; }
.hotList .bx-controls-direction a { float:left; width:25px; height:25px; background-image:url('../../resources/images/paging_hotnews.png'); background-repeat:no-repeat; background-size:auto 8px; border:solid 1px #888; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.hotList .bx-controls-direction .bx-prev { background-position:10px center; }
.hotList .bx-controls-direction .bx-next { float:right; background-position:-28px center; }
.hotList .pageNum { position:absolute; top:4px; left:50%; width:50px; margin-left:-25px; font-size:13px; color:#999; text-align:center; }
.hotList .pageNum i { font-style:normal; font-weight:bold; color:#6a94dd; }
.hotList .pageNum small { font-size:12px; }
.hotList .pageNum small:before { content:'/'; margin:0 5px; display:inline-block; }

/* 이 시각 주요 뉴스 */
.newsNow { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.newsNow h3 > span { font-weight:normal; color:#777; }
.newsNow h3 > span:before { content:''; width:1px; height:13px; background:#e0e0e0; margin:-3px 12px 0 8px; vertical-align:middle; display:inline-block; }
.newsNow h3 > span:first-child:before { display:none; }
.newsNow h3 > span.now { font-weight:bold; color:#000; }
.newsNow ol { margin-top:13px; }
.newsNow ol li { list-style:decimal; list-style-position:inside; border-top:solid 1px #e5e5e5; padding:12px 5px 12px 0; font-family:arial; font-style:italic; font-size:15px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.newsNow ol li a { margin-left:1px; font-family:MalgunGothic,"Malgun Gothic",HelveticaNeue,AppleSDGothicNeo,sans-serif; font-style:normal; font-size:13px; font-weight:normal; }
.newsNow ol li:nth-child(1),
.newsNow ol li:nth-child(2),
.newsNow ol li:nth-child(3) { color:#2367d7; }
.newsNow ol li:first-child { border-color:#d5d5d5; }
.newsNow .more { position:absolute; top:17px; right:15px; width:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.newsNow .cont { display:none; }
.newsNow .cont.open { display:block; }

/* 광고 기사 */
.adList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 5px 15px; }
.adList h3 { margin-left:-1px; }
.adList ul { padding-top:3px; }
.adList ul li { padding:12px 0; }
.adList .mark { position:absolute; top:19px; right:15px; width:30px; height:16px; background:#a0a0a0; font-style:normal; font-size:11px; font-weight:normal; color:#fff; line-height:15px; letter-spacing:0; text-align:center; display:block; }


/* 정치 */
.polHeadline { background:#fff; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:0 10px 17px 10px; }
.polHeadline:after { content:''; display:block; clear:both; }
.polHeadline li { float:left; width:50%; margin-top:17px; }
.polHeadline li:first-child { float:none; width:auto; margin:0 -10px; overflow:hidden; }
.polHeadline li:first-child a { margin:0; }
.polHeadline li:first-child .tit { max-height:50px; margin:15px 14px 16px 14px; font-size:17px; color:#000; line-height:24px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.polHeadline li:first-child:after { content:''; height:10px; background:#e8e8e8; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-bottom:3px; display:block; }
.polHeadline li:nth-child(2n) { clear:both; }
.polHeadline a { margin:0 5px; display:block; }
.polHeadline .tit { max-height:37px; margin-top:7px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.polHeadline .pic { font-size:0; line-height:0; display:block; overflow:hidden;/* 20190717 양혜정 추가 */ position:relative;padding-top:60%;background:#f2f2f2; }
.polHeadline .pic img { /*width:100%; 20190717 양혜정 추가 */ max-width:100%;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;margin:0 auto; }


/* 오피니언 */
.opnEditorial { padding:25px 0 11px 0; overflow:hidden; }
.opnEditorial ul:after { content:''; display:block; clear:both; }
.opnEditorial ul li { float:left; width:250px !important; padding-left:15px; display:block; }
.opnEditorial ul a { width:222px; height:111px; background:#fff; margin:0; padding:17px 14px; box-shadow:5px 5px 15px rgba(0,0,0,.1); display:block; }
.opnEditorial .tit { max-height:42px; margin-top:6px; font-size:16px; color:#000; line-height:21px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.opnEditorial .txt { max-height:35px; margin-top:10px; font-size:12px; color:#777; line-height:17px; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.opnEditorial .sort { font-style:normal; font-weight:bold; color:#2367d7; display:block; }
.opnEditorial .slideBox { overflow:hidden; }
.opnEditorial .bx-pager > div { margin:0 4px; font-size:0; line-height:0; display:inline-block; }
.opnEditorial .bx-pager > div a { width:10px; height:10px; background:#fff; border-radius:10px; text-indent:-9999px; display:block; overflow:hidden; overflow:hidden; }
.opnEditorial .bx-pager > div a.active { background:#2367d7; }
.opnEditorial .bx-controls { margin:16px 0 0 15px; text-align:center; }
.opnEditorial .bx-wrapper { max-width:100% !important; padding-right:15px; }
.opnEditorial .bx-viewport { overflow:visible !important; }

.opnDesk { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; padding:17px 12px 20px 12px; }
.opnDesk h3 { margin-left:2px; }
.opnDesk ul { padding-top:8px; }
.opnDesk ul:after { content:''; display:block; clear:both; }
.opnDesk ul li { float:left; width:50%; margin-top:5px; }
.opnDesk ul a { position:relative; margin:0 3px; display:block; }
.opnDesk .tit { position:absolute; z-index:10; left:7%; right:7%; bottom:8%; color:#fff; }
.opnDesk .pic { position:relative; z-index:1; width:100%; font-size:0; line-height:0; display:block; overflow:hidden; /* 양혜정 */ padding-top:60%; }
.opnDesk .pic:after { content:''; position:absolute; left:0; right:0; bottom:0; height:100%; background:url('../../resources/images/mask_txtbg_01.png') left bottom repeat-x; background-size:auto 100%; display:block; }
.opnDesk .pic img { /*width:100%;*/ /* 양혜정 */ position:absolute; top:0; left:0; bottom:0; right:0; max-width:100%; height:100%; margin:0 auto; }
.opnDesk .paging { height:27px; padding-top:15px; text-align:center; }
.opnDesk .paging span { height:25px; font-family:arial; font-size:12px; color:#666; line-height:25px; vertical-align:bottom; display:inline-block; }
.opnDesk .paging .now { font-weight:bold; color:#2367d7; }
.opnDesk .paging .total:before { content:'/'; height:25px; margin:-1px 6px 0 1px; font-style:normal; font-weight:normal; color:#666; vertical-align:middle; display:inline-block; }
.opnDesk .paging .arrow { width:25px; height:25px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 9px; border:solid 1px #e8e8e8; margin:0; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
.opnDesk .paging .arrow.prev { background-position:10px center; margin-right:11px; }
.opnDesk .paging .arrow.next { background-position:-25px center; margin-left:11px; }

.opnColumn { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.opnColumn h3 { margin-left:-1px; }
.opnColumn .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }

.opnColumn .today li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; word-wrap:break-word; word-break:keep-all; }
.opnColumn .today li:after { content:''; display:block; clear:both; }
.opnColumn .today li:first-child { border-top:0; }
.opnColumn .today .tit { display:block; }
.opnColumn .today .tit b { display:block; }
.opnColumn .today .pic { position:absolute; top:15px; left:0; width:98px; height:59px; font-size:0; line-height:0; display:block; overflow:hidden;/* 20190717 양혜정 추가 */ text-align:center; }
.opnColumn .today .pic img {  /*width:100%; min-height:100%;*/ /* 20190717 양혜정 추가 */ height:100%; }
.opnColumn .today .pic + .tit { height:59px; padding:4px 0 2px 112px; vertical-align:middle; display:table-cell; }

.opnColumn .express { margin-top:13px; }
.opnColumn .express li { position:relative; border-top:solid 1px #e5e5e5; padding:11px 0 12px 0; }
.opnColumn .express li:after { content:''; display:block; clear:both; }
.opnColumn .express li:first-child { border-color:#d5d5d5; }
.opnColumn .express a { display:block; }
.opnColumn .express .tit { margin-top:4px; font-size:14px; color:#222; word-wrap:break-word; word-break:keep-all; display:block; }
.opnColumn .express .txt { margin-top:4px; font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.opnColumn .express .pic { position:absolute; top:50%; right:0; width:53px; height:53px; border:solid 1px #e6e6e6; border-radius:100px; margin-top:-28px; overflow:hidden; }
.opnColumn .express .pic img { width:100%; min-height:100%; }
.opnColumn .express .writer { font-size:12px; color:#2367d7; display:block; }
.opnColumn .express .pic + .writer + a { margin-right:70px; }

.opnColumn .expert li { position:relative; border-top:solid 1px #e5e5e5; padding:15px 0 13px 0; word-wrap:break-word; word-break:keep-all; }
.opnColumn .expert li:after { content:''; display:block; clear:both; }
.opnColumn .expert li:first-child { border-top:0; }
.opnColumn .expert .tit { height:38px; margin:5px 0 5px 0; font-size:14px; color:#222; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.opnColumn .expert .tit a { color:#222; }
.opnColumn .expert .pic { float:left; width:63px; height:78px; margin-right:14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.opnColumn .expert .pic img { width:100%; min-height:100%; }
.opnColumn .expert .intro { font-size:12px; color:#777; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.opnColumn .expert .writer { margin-top:-4px; font-size:12px; color:#2367d7; display:block; }

.opnColumnist { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.opnColumnist h3 { margin-left:-1px; }
.opnColumnist h3 a { background:url('../../resources/images/mark_choice.png') right center no-repeat; background-size:8px auto; padding-right:15px; color:#000; display:inline-block; }
.opnColumnist > ul { position:relative; z-index:1; margin-top:13px; display:none; }
.opnColumnist > ul li { border-top:solid 1px #e5e5e5; padding:12px 0; }
.opnColumnist > ul li b { margin-right:10px; font-weight:normal; color:#2367d7; display:inline-block; }
.opnColumnist > ul.working { display:block; }
.opnColumnist .tab { position:relative; z-index:2; display:block; }
.opnColumnist .tab ul { position:absolute; top:9px; left:0; background:#fff; box-shadow:3px 5px 15px rgba(0,0,0,.1); display:none; }
.opnColumnist .tab ul li { border:solid 1px #e5e5e5; margin-top:-1px; }
.opnColumnist .tab ul a { padding:9px 16px 9px 9px; display:block; }
.opnColumnist .tab ul .on { background:#f7f7f7; }
.opnColumnist .tab ul .on a { color:#2367d7; }


/* 이슈 */
.issueSubj { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.issueSubj h3 { margin-left:-1px; }
.issueSubj ul { margin-top:13px; }
.issueSubj ul li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; word-wrap:break-word; word-break:keep-all; font-size:15px;}
.issueSubj ul li:after { content:''; display:block; clear:both; }
.issueSubj ul li:first-child { border-top:0; margin:0 -15px; padding:0; }
.issueSubj ul li:first-child .tit { position:absolute; z-index:2; left:15px; right:15px; bottom:13px; height:auto; padding:0; font-size:15px; color:#fff; line-height:20px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.issueSubj ul li:first-child .pic { position:relative; z-index:1; top:0; left:0; width:100%; height:auto; }
.issueSubj ul li:first-child .pic:after { content:''; position:absolute; z-index:1; left:0; bottom:0; right:0; height:90px; background:url('../../resources/images/mask_txtbg_02.png') left bottom repeat-x; background-size:auto 100%; display:block; }
.issueSubj ul li:nth-child(2) { border-top:0; }
.issueSubj .tit { display:block; }
.issueSubj .pic { position:absolute; top:15px; left:0; width:98px; height:59px; font-size:0; line-height:0; display:block; overflow:hidden; }
.issueSubj .pic img { width:100%; min-height:100%; }
.issueSubj .pic + .tit { height:59px; padding:4px 0 2px 112px; vertical-align:middle; display:table-cell; }
.issueSubj .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }

.issueList { background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
.issueList li { position:relative; border-top:solid 1px #e0e0e0; word-wrap:break-word; word-break:keep-all; }
.issueList li:first-child { border-top:0; }
.issueList a { padding:12px 40px 12px 14px; color:#000; display:block; }
.issueList a:after { content:''; position:absolute; top:50%; right:15px; width:10px; height:14px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; margin-top:-7px; display:block; }


/* 비즈 */
.biz .mainTopNews .pageNum i { color:#ac7d58; }

.biz .viewCont .precis:before,
.biz .todayList .bx-pager a.active { background:#ac7d58; }
.biz .hotList .pageNum i,
.biz .newsNow ol li:nth-child(1),
.biz .newsNow ol li:nth-child(2),
.biz .newsNow ol li:nth-child(3) { color:#ac7d58; }


/* 연예 */
.ent .viewCont .precis:before,
.ent .todayList .bx-pager a.active { background:#ee297d; }
.ent .hotList .pageNum i,
.ent .newsNow ol li:nth-child(1),
.ent .newsNow ol li:nth-child(2),
.ent .newsNow ol li:nth-child(3) { color:#ee297d; }

.entSubjList { position:relative; background:#404040; margin-top:10px; padding:20px 0; overflow:hidden; }
.entSubjList ul:after { content:''; display:block; clear:both; }
.entSubjList ul li { position:relative; float:left; width:50%; }
.entSubjList ul li:first-child { margin-left:0; }
.entSubjList ul a { background:#fff; margin-left:15px; padding-bottom:13px; display:block; }
.entSubjList .tit { height:40px; margin-top:15px; padding:0 14px; font-size:14px; font-weight:bold; color:#000; line-height:19px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.entSubjList .pic { font-size:0; line-height:0; display:block; /* 양혜정추가 */padding-top:60%; position:relative; overflow:hidden; }
.entSubjList .pic img { width:100%;/* 양혜정추가 */ position:absolute; top:0; left:0; bottom:0; right:0; height:100%; }
.entSubjList .tag { position:absolute; z-index:10; top:0; left:15px; min-width:26px; height:24px; background:#ee297d; padding:0 7px; font-style:normal; font-size:12px; color:#fff; line-height:24px; text-align:center; display:block; }
.entSubjList .bx-controls { position:relative; margin-top:20px; text-align:center; }
.entSubjList .bx-viewport { width:159.2% !important; }
.entSubjList .bx-pager { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.entSubjList .bx-controls-direction { width:110px; margin:0 auto; }
.entSubjList .bx-controls-direction:after { content:''; display:block; clear:both; }
.entSubjList .bx-controls-direction a { float:left; width:25px; height:25px; background-image:url('../../resources/images/paging_topnews.png'); background-repeat:no-repeat; background-size:auto 11px; border:solid 1px #888; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.entSubjList .bx-controls-direction .bx-prev { background-position:9px center; }
.entSubjList .bx-controls-direction .bx-next { float:right; background-position:-34px center; }
.entSubjList .pageNum { position:absolute; top:4px; left:50%; width:50px; margin-left:-25px; text-align:center; }
.entSubjList .pageNum i { font-style:normal; font-weight:bold; color:#ee297d; }
.entSubjList .pageNum small { font-size:12px; color:#999; }
.entSubjList .pageNum small:before { content:'/'; margin:-6px 5px 0 5px; vertical-align:middle; display:inline-block; }

.entPhoto { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 15px 15px; }
.entPhoto h3 { margin-left:-1px; }
.entPhoto ul:after { content:''; display:block; clear:both; }
.entPhoto ul li { position:relative; float:left; }
.entPhoto .tit { position:absolute; z-index:2; left:15px; right:15px; bottom:13px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; text-align:center; display:block; overflow:hidden; }
.entPhoto .pic { font-size:0; line-height:0; display:block; }
.entPhoto .pic:after { content:''; position:absolute; z-index:1; left:0; right:0; bottom:0; height:150px; background:url('../../resources/images/mask_txtbg_03.png') left bottom repeat-x; background-size:auto 100%; }
.entPhoto .pic img { width:100%; }
.entPhoto .slideBox { margin-top:13px; }
.entPhoto .bx-pager { position:absolute; top:4px; right:50%; width:17px; margin-right:7px; text-align:right; }
.entPhoto .bx-pager a { display:none; }
.entPhoto .bx-pager a.active { font-weight:bold; color:#ee297d; display:block; }
.entPhoto .bx-pager div { display:inline-block; }
.entPhoto .bx-controls { position:relative; margin:15px 0 5px 0; }
.entPhoto .bx-controls-direction { width:110px; margin:0 auto; }
.entPhoto .bx-controls-direction:after { content:''; display:block; clear:both; }
.entPhoto .bx-controls-direction a { float:left; width:25px; height:25px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 11px; border:solid 1px #e8e8e8; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.entPhoto .bx-controls-direction .bx-prev { background-position:9px center; }
.entPhoto .bx-controls-direction .bx-next { float:right; background-position:-33px center; }
.entPhoto .totalNum { position:absolute; top:4px; left:50%; width:25px; margin-left:-7px; font-size:12px; color:#666; }
.entPhoto .totalNum:before { content:'/'; margin:-6px 5px 0 5px; vertical-align:middle; display:inline-block; }


/* 스포츠 */
.sports .mainTopGallery .bx-pager a.active { background:#ee2828; }

.sports .viewCont .precis:before,
.sports .todayList .bx-pager a.active { background:#ee2828; }
.sports .hotList .pageNum i { color:#dd6a75; }
.sports .newsNow ol li:nth-child(1),
.sports .newsNow ol li:nth-child(2),
.sports .newsNow ol li:nth-child(3) { color:#ee2828; }

.sportsPict { position:relative; background:#404040; margin-top:10px; padding:20px 0; overflow:hidden; }
.sportsPict ul:after { content:''; display:block; clear:both; }
.sportsPict ul li { position:relative; float:left; width:50%; }
.sportsPict ul li:first-child { margin-left:0; }
.sportsPict ul a { background:#fff; margin-left:15px; padding-bottom:13px; display:block; }
.sportsPict .tit { height:40px; margin-top:15px; padding:0 14px; font-size:14px; font-weight:bold; color:#000; line-height:19px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sportsPict .pic { font-size:0; line-height:0; display:block; /* 양혜정추가 */padding-top:60%; position:relative; overflow:hidden; }
.sportsPict .pic img { width:100%; /* 양혜정추가 */ position:absolute; top:0; left:0; bottom:0; right:0; height:100%; }
.sportsPict .tag { position:absolute; z-index:10; top:0; left:15px; min-width:26px; height:24px; background:#ee297d; padding:0 7px; font-style:normal; font-size:12px; color:#fff; line-height:24px; text-align:center; display:block; }
.sportsPict .bx-controls { position:relative; margin-top:20px; text-align:center; }
.sportsPict .bx-viewport { width:159.2% !important; }
.sportsPict .bx-pager { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sportsPict .bx-controls-direction { width:110px; margin:0 auto; }
.sportsPict .bx-controls-direction:after { content:''; display:block; clear:both; }
.sportsPict .bx-controls-direction a { float:left; width:25px; height:25px; background-image:url('../../resources/images/paging_topnews.png'); background-repeat:no-repeat; background-size:auto 11px; border:solid 1px #888; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.sportsPict .bx-controls-direction .bx-prev { background-position:9px center; }
.sportsPict .bx-controls-direction .bx-next { float:right; background-position:-34px center; }
.sportsPict .pageNum { position:absolute; top:4px; left:50%; width:50px; margin-left:-25px; text-align:center; }
.sportsPict .pageNum i { font-style:normal; font-weight:bold; color:#dd6a75; }
.sportsPict .pageNum small { font-size:12px; color:#999; }
.sportsPict .pageNum small:before { content:'/'; margin:-6px 5px 0 5px; vertical-align:middle; display:inline-block; }


/* 포토 */
.photo .mainTopGallery .bx-pager a.active { background:#b33fd0; }
.photo .mainTopGallery .tit { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.photo .viewCont .precis:before,
.photo .todayList .bx-pager a.active { background:#b33fd0; }
.photo .hotList .pageNum i,
.photo .newsNow ol li:nth-child(1),
.photo .newsNow ol li:nth-child(2),
.photo .newsNow ol li:nth-child(3) { color:#b33fd0; }

.photoList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 10px; }
.photoList h3 { margin-left:4px; }
.photoList ul { margin-top:-4px; }
.photoList ul:after { content:''; display:block; clear:both; }
.photoList ul li { float:left; width:50%; margin-top:17px; }
.photoList ul li:nth-child(2n-1) { clear:both; }
.photoList ul a { margin:0 5px; display:block; }
.photoList .tit { max-height:37px; margin-top:7px; letter-spacing:-1.5px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:14px;}
.photoList .pic { font-size:0; line-height:0; display:block; /* 양혜정추가 */padding-top:60%; position:relative; overflow:hidden; background:#f2f2f2; }
.photoList .pic img {/*width:100%;  20190717 양혜정추가 */ max-width:100%; position:absolute; top:0; left:0; bottom:0; right:0; height:100%; margin:0 auto; }
.photoList .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.newsList .photoList { padding:0 10px 17px 10px; margin:0; /* 양혜정 */ border:hidden !important; } /* 메인 주요뉴스에만 해당 */
#wps_layout1_box14 { border:0 !important; margin:0 !important; padding:0 !important; }

.photoWorld { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.photoWorld h3 { margin-left:-1px; }
.photoWorld ul { margin-top:-2px; }
.photoWorld ul li { position:relative; border-top:solid 1px #e5e5e5; padding:15px 0; font-size:15px;}
.photoWorld ul li:first-child { border-top:0; }
.photoWorld .tit { width:100%; height:60px; padding-left:112px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell;}
.photoWorld .pic { position:absolute; top:15px; left:0; width:98px; height:60px; font-size:0; line-height:0; display:block; }
.photoWorld .pic img { width:100%; min-height:100%; }
.photoWorld .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }

.vidList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; padding:17px 15px 0 15px; }
.vidList h3 { margin-left:-1px; }
.vidList ul { padding-top:1px; }
.vidList ul li { position:relative; border-top:solid 1px #e5e5e5; padding:12px 0; font-size:15px;}
.vidList ul li:first-child { z-index:2; border-top:0; border-bottom:solid 1px #d5d5d5; margin:0 -15px -1px -15px; overflow:hidden; }
.vidList ul li:first-child .pic { position:relative; top:0; width:100%; height:auto; }
.vidList ul li:first-child .pic:after { right:15px; bottom:15px; width:34px; height:34px; }
.vidList ul li:first-child .pic + .tit { width:auto; height:auto; padding:12px 15px 1px 15px; font-size:14px; display:block; }
.vidList .tit { max-height:36px; }
.vidList .pic { position:absolute; top:15px; left:0; width:98px; height:60px; font-size:0; line-height:0; display:block; }
.vidList .pic:after { content:''; position:absolute; z-index:2; right:7px; bottom:7px; width:18px; height:18px; background:url('../../resources/images/mark_vid.png') right bottom no-repeat; background-size:100% auto; display:block; }
.vidList .pic img { width:100%; min-height:100%; }
.vidList .pic + .tit { width:100%; height:60px; padding:3px 0 3px 112px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.vidList .more { position:absolute; top:17px; left:15px; right:15px; height:18px; background:url('../../resources/images/mark_more.png') right center no-repeat; background-size:auto 14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.vidList .paging { height:27px; border-top:solid 1px #e5e5e5; padding:15px 0 20px 0; text-align:center; }
.vidList .paging span { height:27px; font-family:arial; font-size:12px; color:#666; line-height:25px; display:inline-block; }
.vidList .paging .now { font-weight:bold; color:#b33fd0; }
.vidList .paging .total:before { content:'/'; height:27px; margin:1px 6px 0 1px; font-style:normal; font-weight:normal; color:#666; vertical-align:middle; display:inline-block; }
.vidList .paging .arrow { width:25px; height:25px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 9px; border:solid 1px #e8e8e8; margin:0; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
.vidList .paging .arrow.prev { background-position:10px center; margin-right:11px; }
.vidList .paging .arrow.next { background-position:-25px center; margin-left:11px; }


/* 환경,드론 */
.extraList { position:relative; background:#fff; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px; }
.extraList h3 { padding:17px 0 0 14px; }
.extraList h3 + ul { margin-top: -7px; }
.extraList ul { padding:3px 10px 17px 10px; }
.extraList ul:after { content:''; display:block; clear:both; }
.extraList ul li { float:left; width:50%; margin-top:17px; }
.extraList ul li:nth-child(2n-1) { clear:both; }
.extraList ul a { margin:0 5px; display:block; }
.extraList .tit { max-height:37px; margin-top:7px; letter-spacing:-1.5px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.extraList .pic { font-size:0; line-height:0; display:block;  padding-top:60%;position:relative;background:#f2f2f2;}
.extraList .pic img { max-width:100%; position:absolute; top:0; left:0; bottom:0; right:0; height:100%; margin:0 auto; }
.extraList .paging { height:41px; border-top:solid 1px #dbdbdb; text-align:center; }
.extraList .paging:after { content:''; display:block; clear:both; }
.extraList .paging a { height:100%; padding:0 14px; font-size:12px; color:#666; line-height:40px; vertical-align:middle; display:inline-block; }
.extraList .paging .here { font-weight:bold; color:#000; }
.extraList .paging .arrow { width:41px; height:41px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; background-size:auto 13px; padding:0; font-size:0; line-height:0; }
.extraList .paging .arrow.prev { float:left; background-position:15px center; }
.extraList .paging .arrow.next { float:right; background-position:-33px center; }

.ecoTab { background:#333; overflow:hidden; }
.ecoTab h3 { margin-left:14px; padding-top:17px; color:#fff !important; }
.ecoTab h3 + ul { margin-top:-7px; }
.ecoTab ul { height:128px; margin-bottom:-20px; padding:20px 0; display:block; overflow:auto; }
.ecoTab ul li { padding-right:7px; display:table-cell; }
.ecoTab ul li:first-child { padding-left:15px; }
.ecoTab ul li:last-child { padding-right:15px; }
.ecoTab ul a { position:relative; width:108px; height:108px; background:#000; display:block; }
.ecoTab ul a.all { background:url('../../resources/images/eco_category_all.jpg') center top no-repeat; background-size:100% auto; }
.ecoTab ul a.all .txt { bottom:47px; font-size:14px; font-weight:bold; color:#666; letter-spacing:0; text-align:center; }
.ecoTab img { position:relative; z-index:1; width:100%; height:100%; opacity:.35; }
.ecoTab img.opt40 { opacity:.4; }
.ecoTab img.opt45 { opacity:.45; }
.ecoTab .txt { position:absolute; z-index:3; left:8px; right:8px; bottom:8px; font-size:12px; color:#777; letter-spacing:-1.7px; line-height:16px; word-wrap:break-word; word-break:keep-all; display:block; }

.ecoTab .on a { box-shadow:3px 5px 5px rgba(0,0,0,.35); }
.ecoTab .on a:after { content:''; position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background:url('../../resources/images/mask_txtbg_04.png') left bottom repeat-x; background-size:auto 100%; border:solid 2px #16b269; display:block; }
.ecoTab .on a.all { background-position:center bottom; }
.ecoTab .on a.all:after { background:none; }
.ecoTab .on img { opacity:1; }
.ecoTab .on .txt { color:#fff !important; }

.ecoTab .on img { opacity:1; }


.droneTitle { height:155px; background:url('../../resources/images/drone_titbg.jpg') center top no-repeat #eff4fa; background-size:auto 100%; padding:0 55% 0 9%; }
.droneTitle span { height:155px; font-size:18px; color:#101c2f; line-height:25px; letter-spacing:-2.5px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.droneTitle span b { white-space:nowrap; display:block; }



/* 20190715 양혜정 : 모바일 썸네일 수정 */
.main_thumb{position:relative;overflow:hidden;/*padding:15px 15px 15px;*/background:#fff;}
.main_thumb ul{border:hidden!important;margin-top:0!important;}
.main_thumb ul.main_thumb_list{width:100%;transform:none!important;border:0;}
.main_thumb ul.main_thumb_list{overflow:visible;overflow-x:visible;padding-bottom:0;white-space:nowrap;font-size:0;}
.main_thumb ul.main_thumb_list li{width:50%;}
.main_thumb ul.main_thumb_list li{position:relative;display:inline-block;white-space:normal;font-size:16px;vertical-align:top;}
.main_thumb ul.main_thumb_list li a{display:block;box-sizing:border-box;padding:0;margin:0 5px;}
.main_thumb ul.main_thumb_list li a .thumb{position:relative;display:block;height:0;;padding-top:60%;margin-bottom:10px;font-size:0;background:#f2f2f2;overflow:hidden;}
.main_thumb ul.main_thumb_list li a .thumb img{position:absolute;top:50%;left:50%;bottom:0;right:0;width:100%;margin:0 auto;-webkit-transform:translate(-50%, -50%);}
.main_thumb ul.main_thumb_list li a .tit{ word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;max-height:37px;margin-top:7px;font-size:13px;}


/* 20190723 양혜정 : 뷰페이지 상단광고 */
.viewtop_ad{width:100%;height:50px;background:#fff;}
.viewbottom_ad{position:fixed;z-index:10000;width:100%;left:0;margin:0;padding:0;}

figcaption{font-size:13px;color:#888;line-height:18px;text-align:left;width:95% !important;margin:0 auto;background:url(../../resources/images/mark_annot.png) 0 6px no-repeat;padding-left:13px;}
.viewCont .article_read p .viewadex{margin-left:7px;}  /* 기사 중간 정사각형 광고 */

.copyright{clear:both;height:25px;text-align:center;font-size:13px;color:#666;margin:15px 0 10px 0;}


.ad_close{
    position: fixed;
    bottom: 0px;
    width: 100%;
    margin: 0px auto 0px auto;
    z-index: 10000060;
    }
.close_btn{
    position: absolute;
    top: -45px;
    /*right: -195px;*/
    width: 220px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url(//img.segye.com/static/segye/resources/images/bn/20190201_x_20x20.png);
    cursor: pointer;
    background-repeat: no-repeat;
    z-index: 10000060;
    }

/*
.videobox{width:100%;height:100%;margin:0 0 30px 0;padding:0;}
figure.videobox{position:relative;padding-bottom:56.25%;padding-top:25px;}
*/
/* 동영상 및 이미지 resoponse 처리 */
figure.videobox {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
figure.videobox iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* 뷰페이지 반응형 변경 2020.02.19 yang */
@media(min-width:768px) and (orientation:portrait){
	#mcontent, #wps_header{max-width:620px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
}
@media(min-width:768px) and (orientation:portrait){
	body{background:#fff;} 
}
@media(min-width:1024px){
	#mcontent, #wps_header{max-width:620px;margin-left:auto;margin-right:auto;/*margin-top:10px;*/padding-left:0;padding-right:0} 
}
@media(min-width:1024px){
	body{background:#fff;} 
}


/* 행사 포럼 2020.08.25 yang */

.forumTop{height:155px; background:url('/static/2019_segyeMobile/resources/images/forum_top_img_m.png') center top no-repeat #eff4fa; background-size:auto 100%; padding:0 45% 0 9%;}
.forumTop span.forumTitle { height:155px; font-size:14px; color:#101c2f; line-height:25px; letter-spacing:-2.5px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell;color:#67c5db; }
.forumTop span.forumTitle b { white-space:nowrap; display:block; font-size:25px;margin:0 0 5px 0;color:#000;}

.mainforum{position:relative;}


.forumList01{float:left;background:#f6f6f6;padding:20px 10px 5px 0;margin:0 0 10px 0;}
.forumList01 #title{padding-left:13px;margin:0 0 15px 0;}
.forumList01 a{float:left;/*position:relative;*/margin:0 0 10px 10px;background-color:#fff;}
.forumList01 a:hover{text-decoration:none;}
.forum01_img{float:left;width:50%;/*height:162px;*/}
.forum01_img img{width:100%;}
.forum01_txt{display:block;overflow:hidden;padding:20px 20px 0;}
.forum01_tit{display:block;font-size:14px;line-height:20px;letter-spacing:-.5px;color:#f33833;font-weight:bold;}
.forum01_con{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;min-height:70px;line-height:18px;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;color:#9d9d9d;letter-spacing:-.5px;margin-top:10px;}


.forumList02{float:left;width:100%;padding:10px 0 10px 0;background:#fff;} 
.forumList02 ul{margin:0 10px -9px 2px/*0 0 -9px -9px*/;padding:0;overflow:hidden;}
.forumList02 ul li{float:left;width:50%;padding:0 0 9px 9px;box-sizing:border-box;}
.forumList02_wrap{position:relative;}
.forumList02 ul li a{display:block;overflow:hidden;}
.forumList_imgbox{position:relative;padding-top:85%;background:#ddd;}
.forumList_img02{opacity:.85;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.forum_ibox{position:absolute;right:6px;left:6px;bottom:6px;padding:10px;background-color:#fff;}
.forum_ibox .forum02_tit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;font-size:14px;letter-spacing:-.5px;color:#333;}
.forum_ibox .forum02_con{display:block;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;margin-top:5px;*/font-size:13px;line-height:20px;color:#828282;}

/* 메인 영상 팝업 2021.04.29 */
#wps_layout1_box30{padding:0 !important;margin-top:0 !important;border-top:0 !important;}
.popup_mv{background:#404257;margin:10px 0 0 0;padding:15px 0 15px 0;overflow: hidden;} 
.popup_mv h3{margin:0 0 10px 15px !important;}
.popup_mv h3 span{margin-left:10px;}
.slidemvC{}
.slidemvC ul{position:relative;width:515%;margin: 0;padding: 0 !important;transition-duration:0s;transform:translate3d(0px, 0px, 0px);background: none !important;border: none !important;}
.slidemvC ul li{position:relative;float: left;width: 8%;list-style:none;margin:0 10px 0 0;padding:0 !important;border: none !important;}



/* 대통령선거 20220224 */
.slideBox1 a .tit {margin:13px 35px 0 35px;font-size:15px;color: #FFF !important;white-space:nowrap;text-overflow:ellipsis;text-align:center;text-shadow:0 0 3px #000;display:block;overflow:hidden;opacity: 1;}

.electionHead {position:relative;z-index:1;background:#3a3d48;height: 210px/*293px*/;overflow:hidden;width: 100%;padding: 10px 0 0 0;margin-bottom:-10px;}
.electionHead:after { content:''; position:absolute; z-index:90; left:50%; bottom:0; width:1140px; height:20px; background:url('../../resources/images/special_election_shadow.png') center bottom no-repeat; margin-left:-570px; display:block; }
.electionHead h3 {padding: 15px 0 3px 0;font-size: 18px !important;color:#fff !important;line-height: 24px;letter-spacing: -2px !important;text-align:center;}
.electionHead h3 span {font-size: 17px;font-weight:normal;/* display:block; */}
.electionHead .info {width: 100%;margin:0 auto;font-size: 13px;color:#b8b8b8;letter-spacing:-0.5px;text-align:center;/* border-bottom:solid 1px #4a4d57; */padding-bottom:25px;}
.electionHead .info .count { color:#4683e6; }

.electionHead .vote { text-shadow:0 0 13px rgba(0,0,0,.25); }
.electionHead .vote em { margin-right:3px; font-family:arial,MalgunGothic,Malgun Gothic,"Malgun Gothic","맑은 고딕",dotum,'돋움'; font-weight:bold; display:inline-block; }
.electionHead .vote em i { font-style:normal; font-family:MalgunGothic,Malgun Gothic,"Malgun Gothic","맑은 고딕",gulim,'굴림'; }
.electionHead .vote .per { display:block; }
.electionHead .vote .num {color:#fff;opacity:.4;letter-spacing: -0.3px;}
.electionHead .name {font-size: 13px;letter-spacing: -1px;}
.electionHead .name strong {color:#fff;opacity: .9;}
.electionHead .ranking { width:40px; height:22px; border:solid 1px #858998; margin-bottom:18px; font-style:normal; font-size:15px; font-weight:bold; color:#8d909a; line-height:22px; letter-spacing:-0.5px; text-align:center; display:block; opacity:.7; }

.electionHead .rank1 {float: left;background-position: -5px 10px;width: 45%;text-align: right;}
.electionHead .rank1 .vote { color:#0274e6; }
.electionHead .rank1 .ranking { background:#ebecf0; border-color:#006acb; color:#006acb; opacity:1; }
.electionHead .rank2 {float:right;width: 45%;background-position: right 10px;}
.electionHead .rank2 .vote { color:#ec2a2f; }

.electionHead .rank1 .win{position: absolute;left: 80px;bottom: 90px;} 
.electionHead .rank2 .win{position:absolute;right:0;bottom: 90px;}

.electionHead .leading {position:relative;width: 100%;/*border-top:solid 1px #4a4d57; */background: url(../../resources/images/special_election_vs.png) center 95px no-repeat;margin: -40px auto 39px auto;}
.electionHead .leading:after { content:''; display:block; clear:both; }
.electionHead .leading .cont {height:293px;background-image:url('../../resources/images/special_election_leading.png');background-repeat:no-repeat;/* padding-top: 15px; */}
.electionHead .leading .vote {font-size: 14px;line-height: 45px;}
.electionHead .leading .vote em {font-size: 30px;}
.electionHead .leading .vote .per {margin-bottom:-22px;font-size: 20px;}
.electionHead .leading .name {color:#a7a7a7;margin-top: 50px;}
.electionHead .leading .name strong {font-size: 20px;line-height:30px;}

.electionHead .progress {position:relative;z-index:10;top: -70px;width:100%;height:24px;background:#c9ccd4;clear:both;}
.electionHead .progress:after { content:''; display:block; clear:both; }
.electionHead .progress > div { position:absolute; top:0; height:24px; }
.electionHead .progress .bar1 { left:0; background:#016dd5; }
.electionHead .progress .bar2 { right:0; background:#e91034; }
.electionHead .progress .gapbox {z-index:10;top: -90px;left:50%;width:139px;height:97px;background: url('../../resources/images/extd_elect_gap.png') center top no-repeat;margin-left:-70px;padding-top: 25px;font-size: 14px;/* font-weight:bold; */color:#ebecf0;letter-spacing:-0.8px;text-align:center;}
.electionHead .progress .gapbox b {font-size: 17px;}
.electionHead .progress .gapbox span {font-size: 13px;color:#fff963;display:inline-block;}




/* 2022 지방선거 지도 (2022.06.01 양혜정 추가) */
/* 2022 지방선거 지도 (2022.06.01 양혜정 추가) */
#wps_layout1_box23{padding: 0 !important;}
#wps_layout1_box24{padding: 0 !important;}
#wps_layout1_box25{padding: 0 !important;}
.region2022_warp{width: 100%;background: url("http://m.segye.com/static/2019_segyeMobile/resources/images/region2022_bg.png") repeat-x;padding: 0;margin: 0;top: 0;height: 457px;overflow: hidden;}
.region2022_warp .layerbt{position: absolute;z-index: 1000;margin:0 580px 0;}
.region_C{margin: 0;padding: 0;float: left;width: 100%;}
.region_C h3{width: 100%;text-align: center;font-size: 20px !important;letter-spacing: -3px !important;margin: 20px 0 20px 0 !important;}

.map_tab{width: 100%;height: 30px;overflow: hidden;text-align: center;}
.map_tab ul{text-align: center;color: #fff;font-size: 14px;font-weight: bold;letter-spacing: -0.5px;width: 260px;margin: 0 auto;}
.map_tab ul li button {  padding: 4px 15px 9px 15px;  border: 0;  background-color:#9f7eb9;  font-size: 14px;  color:#fff;width: 130px;}
.map_tab ul li[aria-selected="true"] button {  background-color:#643e81;  color: #fff;}

.region_C ul li,tit{height: 30px;float: left;padding: 0;}
.regionclose{width: 25px;height: 25px;overflow: hidden;position: absolute;right: 15px;top: 5px;margin: 5% auto;}
.regionclose a img{}

.map_area {
  position: relative;
  height: 316px;
  border-bottom: 1px solid var(--G-color-border2);
  text-align: center;
margin-top:20px;
}

.grid_card{float:left;position:relative;width: 185px;background-color: #f2f5f7;border-radius:5px;-webkit-box-shadow:4px 5px 5px 0 rgba(0,0,0,0.01);box-shadow:4px 5px 5px 0 rgba(0,0,0,0.01);letter-spacing:-1px;padding-bottom: 13px;}
.grid_head{height:38px;padding:0 26px 0 24px;text-align:left;border-bottom:1px solid #ededed;}
.grid_head .head_title{display:inline-block;padding-top:10px;font-size:15px;color:#000;font-weight:bold;vertical-align:top;}
.grid_head .head_state{float:right;padding-top:10px;font-size:12px;color:#50575b;}
.head_state .vote_done{color:#50575b;}
.head_state .vote_done a{font-size:12px;text-decoration: none;}

.mappopup{position:absolute;z-index: 1200;}
.mappopup .L{}
.mappopup .R{float:right;}
  /* 서울시장 팝업 */
#mappopup_so{position:absolute;z-index: 1200;/* margin-left: -58px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 155px 10px;margin-top: -20px;}
 /* 인천시장 팝업 */
#mappopup_ic{position:absolute;z-index: 1200;/* margin-left: -81px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 155px 10px;margin-top: -15px;}
 /* 세종시장 팝업 */
#mappopup_sj{position:absolute;z-index: 1200;/* margin-left: -51px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line2.png) no-repeat 155px 15px;margin-top: 67px;}
 /* 대전시장 팝업 */
#mappopup_dj{position:absolute;z-index: 1200;/* margin-left: -50px; *//* width: 253px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line4.png) no-repeat 162px 90px;margin-top: 75px;}
 /* 대구시장 팝업 */
#mappopup_dg{position:absolute;z-index: 1200;/* margin-left: 250px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 12px 37px;margin-top: 51px;}
 /* 광주시장 팝업 */
#mappopup_gj{position:absolute;z-index: 1200;/* margin-left: -65px; *//* width: 225px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 135px 30px;margin-top: 125px;}
 /* 울산시장 팝업 */
#mappopup_us{position:absolute;z-index: 1200;/* margin-left: 298px; *//* width: 210px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 1px 37px;margin-top: 72px;}
 /* 부산시장 팝업 */
#mappopup_bs{position:absolute;z-index: 1200;/* margin-left: 280px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 2px 37px;margin-top: 98px;}


/* 경기지사 팝업 */
#mappopup_gg{position:absolute;z-index: 1200;/* margin-left: 200px; *//* width: 242px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 136px 20px;margin-top: -20px;}
/* 강원지사 팝업 */
#mappopup_gw{position:absolute;z-index: 1200;/* margin-left: 482px; *//* width: 235px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 1px 20px;margin-top: -35px;}
/* 충북지사 팝업 */
#mappopup_cb{position:absolute;z-index: 1200;/* margin-left: 191px; *//* width: 250px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line6.png) no-repeat 163px 18px;margin-top: 6px;}
/* 충남지사 팝업 */
#mappopup_cn{position:absolute;z-index: 1200;/* margin-left: 167px; *//* width: 230px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 140px 17px;margin-top: 50px;}
/* 전북지사 팝업 */
#mappopup_jb{position:absolute;z-index: 1200;/* margin-left: 175px; *//* width: 230px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line7.png) no-repeat 143px 20px;margin-top: 130px;}
/* 전남지사 팝업 */
#mappopup_jn{position:absolute;z-index: 1200;/* margin-left: 155px; *//* width: 230px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line4.png) no-repeat 143px 130px;margin-top: 127px;}
/* 경북지사 팝업 */
#mappopup_gb{position:absolute;z-index: 1200;/* margin-left: 493px; *//* width: 240px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 1px 20px;margin-top: 50px;}
/* 경남지사 팝업 */
#mappopup_gn{position:absolute;z-index: 1200;/* margin-left: 468px; *//* width: 240px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line8.png) no-repeat 1px 20px;margin-top: 138px;}
/* 제주지사 팝업 */
#mappopup_jj{position:absolute;z-index: 1200;/* margin-left: 470px; *//* width: 220px; */background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line5.png) no-repeat 1px 150px;margin-top: 138px;}



/* 경기지사 팝업 */
#mappopup_gg{position:absolute;z-index: 1200;/*margin-left: 200px;width: 242px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 136px 20px;margin-top: -20px;}
/* 강원지사 팝업 */
#mappopup_gw{position:absolute;z-index: 1200;/*margin-left: 482px;width: 235px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 1px 20px;margin-top: -35px;}
/* 충북지사 팝업 */
#mappopup_cb{position:absolute;z-index: 1200;/*margin-left: 191px;width: 250px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line6.png) no-repeat 163px 18px;margin-top: 6px;}
/* 충남지사 팝업 */
#mappopup_cn{position:absolute;z-index: 1200;/*margin-left: 167px;width: 230px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line.png) no-repeat 140px 17px;margin-top: 50px;}
/* 전북지사 팝업 */
#mappopup_jb{position:absolute;z-index: 1200;/*margin-left: 175px;width: 230px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line7.png) no-repeat 143px 20px;margin-top: 130px;}
/* 전남지사 팝업 */
#mappopup_jn{position:absolute;z-index: 1200;/*margin-left: 155px;width: 230px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line4.png) no-repeat 143px 130px;margin-top: 127px;}
/* 경북지사 팝업 */
#mappopup_gb{position:absolute;z-index: 1200;/*margin-left: 493px;width: 240px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line3.png) no-repeat 1px 20px;margin-top: 50px;}
/* 경남지사 팝업 */
#mappopup_gn{position:absolute;z-index: 1200;/*margin-left: 468px;width: 240px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line8.png) no-repeat 1px 20px;margin-top: 138px;}
/* 제주지사 팝업 */
#mappopup_jj{position:absolute;z-index: 1200;/*margin-left: 470px;width: 220px;*/background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_so_line5.png) no-repeat 1px 150px;margin-top: 138px;}


.grid_cont{padding-top:10px;}
.candi_thumb{margin: 0 0 8px 0;height: 58px;padding-left: 5px;}
.candi_thumb .pic{float:left;width: 60px;height:58px;border:solid 1px #e5e5e5;border-radius:100px;overflow:hidden;/* margin: 0 0 0 5px; */;}
.candi_rank{position:absolute;top: 50px;left: 0;right:0;}
.candi_rank .winner{width:26px;height:21px;background: url(https://www.segye.com/static/2019_segye/resources/images/eventpage/region2022_winner.png) no-repeat;font-size: 0;}
.candi_rank > span {display:block;margin:0 auto;}
.candidate{float:left;position:relative;width: 70px;text-align:center;margin-left:15px}
.candi_name{font-size:17px;font-weight:bold;color:#000;}
.candi_party{margin: 0 0 3px 0;font-size:12px;color:#666;}
.candi_rate .rate{font-weight:bold;font-size: 15px;}
.candi_rate .party100{color:#0362c1;}
.candi_rate .party200{color:#d5141d;}
.candi_rate .party5020{color:#3fae2a;}
.candi_rate .party730{color:#e89b0;}


.regionMap{position: absolute;padding-left: 227px;padding-top: 52px;}
.maparea{position:absolute;}
 /* 서울시장 맵영역 */ .maparea.so{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 50px;top: 34px;}
 /* 인천시장 맵영역 */ .maparea.ic{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 28px;top: 41px;}
 /* 세종시장 맵영역 */ .maparea.sj{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 58px;top: 94px;}
 /* 대전시장 맵영역 */ .maparea.dj{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 66px;top: 124px;}
 /* 대구시장 맵영역 */ .maparea.dg{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 130px;top: 153px;}
 /* 광주시장 맵영역 */ .maparea.gj{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 24px;top: 198px;}
 /* 울산시장 맵영역 */ .maparea.us{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 167px;top: 173px;}
 /* 부산시장 맵영역 */ .maparea.bs{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 150px;top: 199px;}


/* 경기지사 맵영역 */ .maparea.gg{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 66px;top: 38px;}
/* 강원지사 맵영역 */ .maparea.gw{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 127px;top: 45px;}
/* 충북지사 맵영역 */ .maparea.cb{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 84px;top: 93px;}
/* 충남지사 맵영역 */ .maparea.cn{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 37px;top: 110px;}
/* 전북지사 맵영역 */ .maparea.jb{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 48px;top: 163px;}
/* 전남지사 맵영역 */ .maparea.jn{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 28px;top: 215px;}
/* 경북지사 맵영역 */ .maparea.gb{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 139px;top: 120px;}
/* 경남지사 맵영역 */ .maparea.gn{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 113px;top: 191px;}
/* 제주지사 맵영역 */ .maparea.jj{width: 27px;height: 30px;border-radius: 13px;/* background: #00000085; */left: 115px;top: 251px;}




/*  환경 지방선거 후보자들 설문 (2022.05.20 양혜정 추가) */
.ecoSurvey{width: 100%;background: #fff;margin-top: 10px;padding: 0;}
.ecoSurvey_t{width: 100%;height: 310px;background: url(http://img.segye.com/static/2019_segyeMobile/resources/images/ecosurvey_topbg2.png) bottom 0 center no-repeat #bbd9b6;text-align: center;padding-top: 20px;}
.ecoSurvey_ts{color: #175752;font-size: 15px;line-height: 24px;}
.ecoSurvey_ts span{display: block;margin-bottom: 13px;}
.ecoSurvey_ts span.b{font-weight: bold;font-size: 17px;letter-spacing: -1.2px;}
.ecoSurvey_s{width: 100%;height: 63px;background: #565683;text-align: center;}
.ecoSurvey_c{width: 100%;background: #fff;padding: 35px 0 0 0;float: left;}

.surveyW{width: 100%;font-size: large;}
.survey.C{width: 100%;margin-bottom: 45px;float: left;}
.survey.C .q{/* width: 100%; */font-size: 18px;line-height: 25px;color: #787878;margin-bottom: 15px;padding: 0 5px 0 10px;}
.survey.C .qs{font-size: 17px;margin: 10px 0 0 0;}
.survey.C .qs ul{}
.survey.C .qs ul li{list-style:none;letter-spacing: 0.1px;}
.survey.C .qs2{border: 1px solid #a8c2d9;margin: 10px 10px 0 0;font-size: 16px;padding: 10px;font-weight: bold;}

.survey.C .a{width: 100%;background: #ecf6ff;padding: 10px 0 10px 0;float: left;border-top: 1px solid #ccdfef;border-bottom: 1px solid #ccdfef;margin: 0 0 2px 0;}
.survey.C .a .candi_thumb{width: 60px;float: left;margin: 0 15px 0 20px;}
.survey.C .a .txt{padding: 5px 5px 12px 100px;}
.survey.C .a .txt span{font-size: 12px;width: 100%;letter-spacing: -0.4px;}
.survey.C .a .txt .txts{font-weight: bold;font-size: 16px;color: #343434;margin-top: 3px;padding-right:10px;letter-spacing: -0.5px;line-height:19px;}

.wub_select1{padding: 0;margin: 0;}
.wub_select1 .label{margin:0 5px 0 5px; height:16px; font-weight: 500; font-size: 15px;color: #fff;}
.wub_select1 select{position: relative; height:40px; margin-right:5px; margin-bottom: 14px; padding:2px 40px 2px 10px; border:#c8c8c8 1px solid; font-size: 15px; color:#666; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none\9; -o-appearance: none; background: url(http://img.segye.com/static/2019_segye/resources/images/eventpage/ico_sel_arrow.png) right 10px center no-repeat #fff; }

#spanCityCode{}
/* 검색버튼 css */
#spanSubmit {display: inline-block; width: 115px; height: 40px; background: url(https://img.segye.com/static/2019_segyeMobile/resources/images/btn_search.png) no-repeat center;margin: 13px 0 0 0;}
#spanSubmit input {width: 100%; height: 100%; opacity: 0; -ms-fileter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
input[type="image"] {margin-bottom: -14px;}

.txt table .q{margin: 23px 0 5px 0 !important;padding: 0 5px 0 0 !important;float: left;}


/* 기사삭제 (2022.09.15 양혜정 추가) */
.deletebox{width:100%;text-align:center;}
.deleteT{font-size: 19px;line-height: 27px;color: #000;}
.deleteC{font-size: 14px;letter-spacing: -0.5px;margin: 15px 0 25px 0;width: 100%;float: left;line-height: 18px;color: #444;}
.deleteC strong{color:#000;}
.deletebox button{margin: 0 0 30px 0;padding: 10px 15px 10px 15px;cursor:pointer;font-size:15px;letter-spacing: -1px;background:#1a73e8;color:#fff;}