@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* ----------------------------------------
  SegyeTimes Cascading Style Sheets
-------------------------------------------*/
html, body { width:100%; margin:0; padding:0; }
body { font-family:MalgunGothic,Malgun Gothic,"Malgun Gothic","맑은 고딕",dotum,'돋움',sans-serif,arial; font-size:13px; line-height:20px; color:#555; }

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,"Malgun Gothic","맑은 고딕",dotum,'돋움',sans-serif,arial; font-size:13px; line-height:20px; 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:underline; cursor:pointer; }



/* layout ------------------------------------------------------------------------*/
body > div { position:relative; }
.menuMask { position:absolute; z-index:90; top:193px; left:0; bottom:0; width:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none; }


/* 유틸링크 */
#utilLink { position:relative; z-index:99; min-width:1140px; height:30px; background:#3a68b7; }
#utilLink a { font-family:dotum,'돋움'; font-size:11px; color:#fff; opacity:0.7; filter:alpha(opacity=70); }
#utilLink a:hover { text-decoration:none; opacity:1; filter:alpha(opacity=100); }
#utilLink ul { height:30px; }
#utilLink ul:after { content:''; display:block; clear:both; }
#utilLink ul li { float:left; line-height:28px; }
#utilLink .inLink { float:right; }
#utilLink .inLink li { padding-left:11px; }
#utilLink .inLink li:before { content:''; width:10px; height:8px; border-left:solid 1px #fff; margin-top:-2px; display:inline-block; opacity:0.2; filter:alpha(opacity=20); }
#utilLink .inLink li:first-child { padding-left:0; }
#utilLink .inLink li:first-child:before { display:none; }
#utilLink .outLink { float:left; }
#utilLink .outLink li { padding-right:20px; }
#utilLink .contbox { width:1140px; margin:0 auto; }
#utilLink .contbox:after { content:''; display:block; clear:both; }


/* Top */
#wrapTop { position:relative; z-index:99; width:1140px; margin:0 auto; }
#wrapTop:after { content:''; display:block; clear:both; }
#wrapTop h1 { position:relative; z-index:10; float:left; width:113px; height:69px; padding-top:46px; }
#wrapTop h1 a { width:113px; height:24px; background:url('../../resources/images/logo_side.png') left top no-repeat; background-size:100% auto; font-size:0; text-indent:-9999px; display:block; overflow:hidden; }  /* 사이드 탑 기본로고 */
/* #wrapTop h1 a { width:155px; height:63px; background:url('../../resources/images/logo_ch_side.png') left top no-repeat; background-size:100% auto; font-size:0; text-indent:-9999px; display:block; overflow:hidden; margin-top:-19px;} 사이트 탑 추석로고 */
#wrapTop h2 { width:500px; height:81px; margin:0 auto; padding-top:34px; font-size:40px; font-weight:normal; color:#333; line-height:45px; letter-spacing:-3px; text-align:center; }
#wrapTop .infoBox { float:right; width:250px; height:76px; padding-top:39px; text-align:right; }
#wrapTop .btnSearch { position:relative; z-index:10; float:right; width:18px; height:18px; background:url('../../resources/images/icon_search.png') center center no-repeat; margin:15px 0 0 -45px; font-size:0; text-indent:-9999px; display:block; overflow:hidden; }

#wrapTop .social { height:24px; font-size:0; line-height:0; }
#wrapTop .social li { margin-left:5px; display:inline-block; }
#wrapTop .social a { width:24px; height:24px; background-position:center top; background-repeat:no-repeat; font-size:0; text-indent:-9999px; display:block; overflow:hidden; }
#wrapTop .social a:hover { background-position:center bottom; }
#wrapTop .social .npost { background-image:url('../../resources/images/icon_social_npost.png'); }
#wrapTop .social .insta { background-image:url('../../resources/images/icon_social_insta.png'); }
#wrapTop .social .twitter { background-image:url('../../resources/images/icon_social_twitter.png'); }
#wrapTop .social .youtube { background-image:url('../../resources/images/icon_social_youtube.png'); }
#wrapTop .social .facebook { background-image:url('../../resources/images/icon_social_facebook.png'); }

#wrapTop .today { margin-top:8px; font-weight:bold; color:#222; line-height:18px; }
#wrapTop .today .weather { margin-left:4px; display:inline-block; }
#wrapTop .today .weather:before { content:''; width:7px; height:12px; border-left:solid 1px #dbdbdb; margin-top:-3px; vertical-align:middle; display:inline-block; }
#wrapTop .today .weather img { height:18px; vertical-align:top; }


/* Menu */
#wrapMenu { position:relative; float:left; width:100%; min-height:45px; border-top:solid 2px #000; clear:both; }
#wrapMenu ul:after { content:''; display:block; clear:both; }
#wrapMenu ul li { float:left; }
#wrapMenu .depth1 { height:45px; border-bottom:solid 1px #dbdbdb; padding-left:41px; }
#wrapMenu .depth1 li { margin:13px 0 0 39px; font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-0.5px; }
#wrapMenu .depth1 a { color:#000; }
#wrapMenu .depth1 a:hover { color:#2367d7; }
#wrapMenu .depth2 { height:45px; border-bottom:solid 1px #f4f4f4; padding-left:73px; }
#wrapMenu .depth2 li { height:22px; margin:12px 11px 0 10px; }
#wrapMenu .depth2 li:first-child .on { margin-left:-13px !important; }
#wrapMenu .depth2 a { height:22px; font-size:13px; font-weight:bold; color:#888; line-height:21px; display:block; }
#wrapMenu .depth2 a:hover { text-decoration:none; }
#wrapMenu .depth2 .on { background:#888; border-radius:25px; padding:0 13px; color:#fff !important; }
#wrapMenu .extra { position:absolute; top:12px; right:32px; }
#wrapMenu .extra:before { content:''; position:absolute; top:2px; right:0; width:1px; height:17px; background:#dbdbdb; display:block; clear:both; }
#wrapMenu .extra li { padding:0 16px 0 12px; }
#wrapMenu .extra a { font-size:16px; font-weight:bold; color:#2367d7; letter-spacing:-0.5px; }
#wrapMenu .extra .on { height:25px; background:#000; border-radius:30px; margin:-2px -11px 0 -11px; padding:0 11px; color:#fff; line-height:24px; display:block; }
#wrapMenu .extra .on:hover { text-decoration:none; }
#wrapMenu .btnTotal { position:absolute; z-index:10; top:13px; left:0; width:20px; height:20px; background:url('../../resources/images/menu_total.png') center top no-repeat; font-size:0; text-indent:-9999px; display:block; overflow:hidden; }
#wrapMenu .btnTotal.on { background-position:center bottom; }


/* 전체메뉴 */
#totalMenu { position:absolute; z-index:2000; top:193px; left:0; width:100%; min-width:1140px; background-color:#fff; box-shadow:0 15px 15px rgba(0,0,0,0.15); display:none; }

.menuBox { width:1140px; height:472px; margin:0 auto; padding:30px 0; }
.menuBox:after { content:''; display:block; clear:both; }
.menuBox .cont { position:relative; float:left; width:129px; height:100%; border-left:solid 1px #d9d9d9; }
.menuBox .cont:first-child { width:750px; border:0; overflow:hidden; }
.menuBox .cont:first-child .tit a { margin-left:0; }

.menuBox li { margin-top:8px; }
.menuBox li > a { padding-left:14px; line-height:15px; }
.menuBox li > a:hover { border-left:solid 1px #2367d7; margin-left:-1px; font-weight:bold; color:#000; letter-spacing:-0.8px; text-decoration:none; }
.menuBox a { font-size:14px; letter-spacing:-0.7px; vertical-align:top; display:inline-block; }
.menuBox ul + .tit { margin-top:31px !important; }

.menuBox .tit { margin-top:-3px; padding-bottom:9px; font-style:normal; display:block; }
.menuBox .tit a { margin-left:15px; font-size:16px; font-weight:bold; color:#000; }
.menuBox .tit.news a:hover { color:#2367d7; }
.menuBox .tit.issue a:hover { color:#2367d7; }
.menuBox .tit.biz a:hover { color:#ac7d58; }
.menuBox .tit.entertain a:hover { color:#f03287; }
.menuBox .tit.sports a:hover { color:#ef1515; }
.menuBox .tit.photo a:hover { color:#b33fd0; }
.menuBox .tit.service a:hover { color:#000; }

.menuBox .news + ul { height:408px; margin-top:1px; }
.menuBox .news + ul:after { content:''; display:block; clear:both; }
.menuBox .news + ul a { padding-left:9px; }
.menuBox .news + ul > li { float:left; width:107px; height:100%; border-left:solid 1px #ebebeb; }
.menuBox .news + ul > li > a { margin-bottom:10px; font-size:15px; font-weight:bold; color:#3a68b7; }
.menuBox .news + ul > li > a:hover { border:0 !important; margin-left:0; letter-spacing:-0.7px; text-decoration:underline; }
.menuBox .news + ul > li:first-child { width:97px; border-left:0; }
.menuBox .news + ul > li:first-child a { margin-left:0; padding:0; }
.menuBox .news + ul > li:first-child a:hover { border:0 !important; margin-left:0; }

.menuBox .biz + ul li > a:hover { border-color:#ac7d58; }
.menuBox .issue + ul li > a:hover { border-color:#2367d7; }
.menuBox .news + ul li > a:hover { border-color:#2367d7; }
.menuBox .photo + ul li > a:hover { border-color:#b33fd0; }
.menuBox .sports + ul li > a:hover { border-color:#ef1515; }
.menuBox .entertain + ul li > a:hover { border-color:#f03287; }


/* Content */
#wrapCont { position:relative; z-index:1; width:1140px; margin:0 auto; padding:50px 0 80px 0; }
#wrapCont:after { content:''; display:block; clear:both; }
#wrapContMain .contbox { position:relative; width:1140px; margin:0 auto; }
#wrapContMain .contbox:after { content:''; display:block; clear:both; }

#contTitle { position:relative; border-bottom:solid 1px #000; margin:-10px 0 40px 0; padding-bottom:19px; }
#contTitle:after { content:''; display:block; clear:both; }
#contTitle h3 { margin-bottom:36px; font-size:35px; font-weight:bold; color:#000; line-height:50px; letter-spacing:-4px; }

#contMain { position:relative; float:left; width:759px; border-right:solid 1px #e0e0e0; padding-right:40px; }
#contMain h3 { color:#000; letter-spacing:-0.8px; }
/*#contMain > h3 {color:#000; letter-spacing:-0.px; text-indent:-9999px; overflow:hidden; }*/
#contAppend { position:relative; float:left; width:759px; border-right:solid 1px #e0e0e0; padding-right:40px; }

#addSide { float:right; width:300px; border-left:solid 1px #e0e0e0; margin-left:-1px; padding-left:40px; }
#addSide h4 { margin-top:37px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.8px; }
#addSide a.more { position:absolute; top:1px; right:0; background:url('../../resources/images/mark_more.png') right center no-repeat; padding-right:9px; font-size:12px; color:#777; line-height:18px; letter-spacing:-0.5px; text-decoration:none !important; display:block; }
/* #addSide article:first-child h4 { margin-top:-3px; } */
#addSide.stop { position:fixed; left:50%; bottom:40px; border-left:0; margin-left:230px; }
#addSide.stop.end { position:absolute; bottom:120px; }

#extraMain { position:relative; z-index:1; }
#extraMain #wrapCont { padding-top:0; }


/* Footer */
#wrapFooter { min-width:1140px; background:#272727; border-top:solid 2px #000; padding:32px 0 55px 0; }
#wrapFooter .linkbox { width:1140px; margin:0 auto; }
#wrapFooter .linkbox:after { content:''; display:block; clear:both; }
#wrapFooter .linkbox li { float:left; height:20px; padding-left:8px; font-size:12px; font-weight:bold; letter-spacing:-0.4px; }
#wrapFooter .linkbox li:before { content:''; width:6px; height:9px; border-left:solid 1px #fff; display:inline-block; opacity:0.15; filter:alpha(opacity=15); }
#wrapFooter .linkbox li:first-child { padding-left:0; }
#wrapFooter .linkbox li:first-child:before { display:none; }
#wrapFooter .linkbox a { color:#949494; }

#wrapFooter .comInfo { width:800px; margin:16px auto 0 auto; padding-right:340px; overflow:hidden; }
#wrapFooter .comInfo p { margin-left:-9px; padding-right:14px; font-size:12px; color:#6d6d6d; line-height:21px; letter-spacing:-0.5px; display:inline-block; }
#wrapFooter .comInfo p:before { content:''; width:8px; height:9px; border-left:solid 1px #fff; display:inline-block; opacity:0.13; filter:alpha(opacity=13); }

#wrapFooter .familySite { position:relative; z-index:10; width:1140px; height:0; margin:0 auto; text-align:right; }
#wrapFooter .familySite i { position:relative; z-index:10; height:27px; background:url('../../resources/images/footer_select.png') right center no-repeat #353535; border-radius:30px; padding:0 40px 0 20px; font-style:normal; font-size:12px; color:#c0c0c0; line-height:27px; display:block; cursor:pointer; }
#wrapFooter .familySite .cont { position:relative; top:-32px; height:27px; margin-left:2px; text-align:left; display:inline-block; }
#wrapFooter .familySite .cont a { color:#c0c0c0; }
#wrapFooter .familySite .cont a:hover { color:#fff; }
#wrapFooter .familySite .cont ul { position:absolute; z-index:1; left:0; bottom:0; width:100%; background:#353535; border-radius:14px; padding:6px 0 27px 0; display:none; }
#wrapFooter .familySite .cont ul li { margin:1px 11px; font-size:12px; letter-spacing:-0.5px; }
#wrapFooter .familySite .cont ul li:last-child { border-bottom:solid 1px #555; padding-bottom:7px; }
#wrapFooter .familySite .cont.active ul { display:block; }

@media \0screen {
#wrapFooter .linkbox li:before,
#wrapFooter .comInfo p:before { border-color:#6d6d6d; }
}



/* 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 a:hover { background:#b7b7b7; color:#fff; text-decoration:none !important; }
.keyword .type1 { background:#eaf2f7; border-color:#88b7d5; }
.keyword .type1:hover { background:#88b7d5; }
.keyword .type2 { background:#eef7f8; border-color:#88ccd3; }
.keyword .type2:hover { background:#88ccd3; }
.keyword .type3 { background:#eff0f7; border-color:#a8aed6; }
.keyword .type3:hover { background:#a8aed6; }
.keyword .type4 { background:#f1f6ec; border-color:#b2cd97; }
.keyword .type4:hover { background:#b2cd97; }
.keyword .type5 { background:#ebf6f0; border-color:#90ceaa; }
.keyword .type5:hover { background:#90ceaa; }


/* 우측 사이드 영역 */
.sideList { margin-bottom:-3px; }
.sideList ul { padding-top:3px; }
.sideList ul li { margin-top:12px; font-size:15px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.sideNow { position:relative; border-bottom:solid 1px #e5e5e5; padding-bottom:25px; }
.sideNow ul { margin:-7px 0 0 -16px; }
.sideNow ul:after { content:''; display:block; clear:both; }
.sideNow ul li { float:left; width:50%; height:142px; margin-top:25px; font-size:15px; line-height:22px; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sideNow ul a { margin-left:16px; display:block; }
.sideNow .pic { width:100%; height:86px; margin-bottom:11px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideNow .pic img { width:100%; }
.sideNow .totalPage { position:absolute; z-index:1; left:-29px; bottom:-5px; width:15px; font-size:12px; color:#666; display:block; }
.sideNow .totalPage:before { content:'/'; margin:-6px 2px 0 0; font-size:12px; color:#666; vertical-align:middle; display:inline-block; }
.sideNow .bx-wrapper { position:relative; }
.sideNow .bx-viewport { width:auto !important; margin-bottom:-7px; }
.sideNow .bx-viewport ul { width:316px !important; margin-left:0; }
.sideNow .bx-viewport .slideBox { margin-left:-16px; }
.sideNow .bx-controls { position:absolute; top:-3px; right:0; }
.sideNow .bx-pager { position:absolute; left:-50px; bottom:-5px; bottom:-4px\9; width:26px; text-align:center; }
.sideNow .bx-pager a { font-style:italic; font-size:17px; font-weight:bold; color:#2367d7; text-decoration:none; display:none; cursor:default; }
.sideNow .bx-pager a.active { display:block; }
.sideNow .bx-pager > div { display:inline-block; }
.sideNow .bx-controls-direction a { position:absolute; bottom:0; width:10px; height:13px; background-image:url('../../resources/images/paging_side.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.sideNow .bx-controls-direction .bx-prev { left:-57px; background-position:left top; }
.sideNow .bx-controls-direction .bx-prev:hover { background-position:left -15px; }
.sideNow .bx-controls-direction .bx-next { left:-10px; background-position:right top; }
.sideNow .bx-controls-direction .bx-next:hover { background-position:right -15px; }

.sideClick { margin-bottom:-5px; }
.sideClick a { padding-left:5px; font-style:normal; font-size:15px; font-weight:normal; letter-spacing:-0.7px; }
.sideClick ol { margin-left:-1px; padding-top:7px; }
.sideClick ol li { list-style:decimal; list-style-position:inside; height:23px; margin-top:8px; font-style:italic; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sideClick ol li:nth-child(1), .sideClick ol li:nth-child(1) a:hover,
.sideClick ol li:nth-child(2), .sideClick ol li:nth-child(2) a:hover,
.sideClick ol li:nth-child(3), .sideClick ol li:nth-child(3) a:hover { color:#2367d7; }
 _:-ms-input-placeholder, :root .sideClick a { margin-left:-6px; padding-left:0; }

.sidePhoto { position:relative; }
.sidePhoto img { width:100%; }
.sidePhoto .view { width:100%; height:242px; margin-top:15px; font-size:0; line-height:0; overflow:hidden; }
.sidePhoto .thumb { margin-top:1px; }
.sidePhoto .thumb:after { content:''; display:block; clear:both; }
.sidePhoto .thumb li { position:relative; float:left; width:25%; height:61px; font-size:0; line-height:0; overflow:hidden; }
.sidePhoto .thumb a { width:100%; height:100%; display:block; overflow:hidden; }
.sidePhoto .thumb a:after { content:''; position:absolute; z-index:10; top:0; left:0; right:0; bottom:0; border:solid 3px #2367d7; display:none; }
.sidePhoto .thumb .on a:after { display:block; }

.sidePhotoHit { position:relative; }
.sidePhotoHit a:hover .tit { text-decoration:underline; }
.sidePhotoHit ul { height:100%; overflow:hidden; }
.sidePhotoHit ul li { position:relative; height:180px; overflow:hidden; }
.sidePhotoHit img { width:100%; }
.sidePhotoHit .tit { position:absolute; z-index:11; left:0; bottom:0; width:84%; height:34px; background:url('../../resources/images/mask_hitPhoto.png') center top repeat-y; padding:0 8%; font-size:12px; color:#fff; line-height:34px; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-align:center; text-overflow:ellipsis; display:block; overflow:hidden; }
.sidePhotoHit .slideBox { position:relative; height:180px; margin-top:18px; }
.sidePhotoHit .slideBox .bx-pager { position:absolute; top:-31px; right:0; font-size:0; line-height:0; }
.sidePhotoHit .slideBox .bx-pager a { width:8px; height:8px; background:url('../../resources/images/slide_choice.png') left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.sidePhotoHit .slideBox .bx-pager a.active { background-position:right top; }
.sidePhotoHit .slideBox .bx-pager > div { margin-left:8px; display:inline-block; }
.sidePhotoHit .slideBox .bx-pager > div:first-child { margin-left:0; }
.sidePhotoHit .slideTitle { position:absolute; z-index:11; left:0; bottom:0; width:84%; height:34px; background:url('../../resources/images/mask_hitPhoto.png') center top repeat-y; padding:0 8%; font-size:12px; color:#fff; line-height:34px; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-align:center; text-overflow:ellipsis; display:block; overflow:hidden; }
.sidePhotoHit .bx-viewport:hover .slideTitle { text-decoration:underline; }

.sideSNS { position:relative; margin-bottom:-4px; }
.sideSNS ul { height:160px; margin-left:-16px; }
.sideSNS ul:after { content:''; display:block; clear:both; }
.sideSNS ul li { float:left; width:142px !important; height:142px; padding-top:25px; margin-left:16px; font-size:15px; line-height:22px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sideSNS ul a { display:block; }
.sideSNS .pic { width:100%; height:86px; margin-bottom:11px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideSNS .pic img { width:100%; }
.sideSNS .slideBox { position:relative; height:167px; margin-top:-7px; }
.sideSNS .totalPage { position:absolute; z-index:1; left:-29px; bottom:-5px; width:15px; font-size:12px; color:#666; display:block; }
.sideSNS .totalPage:before { content:'/'; margin:-6px 2px 0 0; font-size:12px; color:#666; vertical-align:middle; display:inline-block; }
.sideSNS .bx-controls { position:absolute; top:5px; right:0; }
.sideSNS .bx-pager { position:absolute; left:-50px; bottom:-5px; bottom:-4px\9; width:26px; text-align:center; }
.sideSNS .bx-pager a { font-style:italic; font-size:17px; font-weight:bold; color:#2367d7; text-decoration:none; display:none; cursor:default; }
.sideSNS .bx-pager a.active { display:block; }
.sideSNS .bx-pager > div { display:inline-block; }
.sideSNS .bx-controls-direction a { position:absolute; bottom:0; width:10px; height:13px; background-image:url('../../resources/images/paging_side.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.sideSNS .bx-controls-direction .bx-prev { left:-57px; background-position:left top; }
.sideSNS .bx-controls-direction .bx-prev:hover { background-position:left -15px; }
.sideSNS .bx-controls-direction .bx-next { left:-10px; background-position:right top; }
.sideSNS .bx-controls-direction .bx-next:hover { background-position:right -15px; }

.sideDigital { position:relative; }
.sideDigital > ul { padding-top:10px; }
.sideDigital > ul li { height:64px; margin-top:10px; font-size:15px; line-height:22px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sideDigital > ul li:after { content:''; display:block; clear:both; }
.sideDigital .pic { float:left; width:105px; height:100%; margin-right:14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideDigital .pic img { width:100%; min-width:100%; min-height:100%; }
.sideDigital .pic + .tit { height:45px; padding-top:10px; display:block; overflow:hidden; }
.sideDigital .slideBox { position:relative; width:300px; height:180px; margin-top:18px; font-size:0; line-height:0; }
.sideDigital .slideBox li { position:relative; height:180px; overflow:hidden; }
.sideDigital .slideBox a:hover .tit { text-decoration:underline; }
.sideDigital .slideBox img { width:100%; min-height:100%; }
.sideDigital .slideBox .tit { position:absolute; z-index:10; /*top:50%; */bottom:0;left:0; width:84%; height:34px;margin-top:-22px; padding:0 8%;font-size:15px; font-weight:bold; color:#fff; line-height:33px; letter-spacing:-0.5px; text-align:center; display:block; background:url('../../resources/images/index_entertain_txtbg.png') center top repeat-y;}
.sideDigital .slideBox .bx-pager { position:absolute; top:-31px; right:0; font-size:0; line-height:0; }
.sideDigital .slideBox .bx-pager a { width:8px; height:8px; background:url('../../resources/images/slide_choice.png') left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.sideDigital .slideBox .bx-pager a.active { background-position:right top; }
.sideDigital .slideBox .bx-pager > div { margin-left:8px; display:inline-block; }
.sideDigital .slideBox .bx-pager > div:first-child { margin-left:0; }

.sideRecom { margin-bottom:-3px; }
.sideRecom ul { padding-top:3px; }
.sideRecom ul li { margin-top:12px; font-size:15px; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sideRecom .pic { height:182px; margin-bottom:10px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideRecom .pic img { width:100%; min-height:100%; }
.sideRecom .contTop { margin-top:18px; font-weight:bold; white-space:normal; word-wrap:break-word; word-break:keep-all; }
.sideRecom .contTop a { font-size:16px; color:#000; line-height:23px; letter-spacing:-0.5px; }
.sideRecom .contTop + ul { border-top:solid 1px #e5e5e5; margin-top:27px; padding-top:15px; }

.sidePopular { position:relative; margin-bottom:-4px; overflow:hidden; }
.sidePopular ul { padding-top:3px; }
.sidePopular ul li { font-size:15px; line-height:22px; }
.sidePopular ul + ul { border-top:solid 1px #e5e5e5; margin-top:30px !important; padding-top:15px; }
.sidePopular ul + ul.type3 { padding-top:5px; }
.sidePopular ul + ul:last-child { border-bottom:solid 1px #e5e5e5; margin-bottom:4px; padding-bottom:30px; }
.sidePopular ul + ul:last-child.type2 { padding-bottom:26px; }
.sidePopular ul + ul:last-child.type3 { padding-bottom:25px; }
.sidePopular .pic { font-size:0; line-height:0; display:block; overflow:hidden; }
.sidePopular .pic img { width:100%; min-width:100%; min-height:100%; }
.sidePopular .type1 { margin-top:18px; font-weight:bold; white-space:normal; word-wrap:break-word; word-break:keep-all; }
.sidePopular .type1 a { font-size:16px; color:#000; line-height:23px; letter-spacing:-0.5px; }
.sidePopular .type1 .pic { height:182px; margin-bottom:10px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sidePopular .type1 + ul { border-top:solid 1px #e5e5e5; margin-top:26px; padding-top:15px; }
.sidePopular .type1 + ul.type3 { padding-top:5px; }
.sidePopular .type1 + ul:last-child { border-bottom:solid 1px #e5e5e5; margin-bottom:4px; padding-bottom:30px; }
.sidePopular .type1 + ul:last-child.type2 { padding-bottom:26px; }
.sidePopular .type1 + ul:last-child.type3 { padding-bottom:25px; }
.sidePopular .type2 li { margin-top:10px; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sidePopular .type2 li:first-child { margin-top:11px; }
.sidePopular .type2 + ul { margin-top:26px !important; }
.sidePopular .type3 { margin:-7px 0 -1px -16px; padding-top:0; }
.sidePopular .type3:after { content:''; display:block; clear:both; }
.sidePopular .type3 li { float:left; width:50%; height:141px; margin-top:25px; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sidePopular .type3 a { margin-left:16px; display:block; }
.sidePopular .type3 .pic { width:100%; height:86px; margin-bottom:10px; }
.sidePopular .type3 + ul { margin-top:26px !important; }
.sidePopular .type4 { margin-bottom:4px; }
.sidePopular .type4 li { max-height:51px; margin-top:9px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.sidePopular .type4 li:after { content:''; display:block; clear:both; }
.sidePopular .type4 li:first-child { margin-top:15px; }
.sidePopular .type4 .tit { height:45px; display:block; overflow:hidden; }
.sidePopular .type4 .pic { float:left; width:85px; height:51px; margin-right:12px; }
.sidePopular .type4 .pic + .tit { height:45px; padding-top:5px; display:block; overflow:hidden; }
.sidePopular .type5 { margin-bottom:4px; }
.sidePopular .type5 li { margin-top:26px; letter-spacing:-0.5px; }
.sidePopular .type5 li:after { content:''; display:block; clear:both; }
.sidePopular .type5 li:first-child { margin-top:11px; }
.sidePopular .type5 .tit { margin-bottom:11px; font-size:16px; color:#000; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.sidePopular .type5 .pic { float:left; width:142px; height:86px; margin-right:12px; }
.sidePopular .type5 .txt { height:65px; padding-top:10px; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }

.sideHistory { position:relative; margin-bottom:-11px; }
.sideHistory ul { padding-top:9px; }
.sideHistory ul li { position:relative; background:url('../../resources/images/line_history.png') 11px bottom no-repeat; margin-top:11px; padding:0 0 8px 45px; font-size:15px; line-height:22px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; }
.sideHistory ul li:after { content:''; display:block; clear:both; }
.sideHistory ul li:last-child { background:none; padding-bottom:0; }
.sideHistory .pic { float:left; width:107px; height:64px; margin:0 14px 11px 0; overflow:hidden; }
.sideHistory .pic img { width:100%; min-width:100%; min-height:100%; }
.sideHistory .pic + .txt { top:0; height:43px; padding-top:9px; }
.sideHistory .txt { position:relative; top:-7px; max-height:43px; color:#555; display:block; overflow:hidden; }
.sideHistory .time { position:absolute; top:-3px; left:0; height:21px; background:url('../../resources/images/line_history.png') 11px 16px no-repeat #fff; font-style:normal; font-size:11px; font-weight:bold; color:#000; line-height:14px; letter-spacing:0; }
.sideHistory .refresh { position:absolute; top:1px; right:0; width:18px; height:18px; background:url('../../resources/images/mark_refresh.png') center center no-repeat; border:solid 1px #e8e8e8; font-size:0; line-height:0; display:block; }

.sideGallery { position:relative; margin-bottom:-3px; overflow:hidden; }
.sideGallery ul { padding-top:18px; }
.sideGallery ul:after { content:''; display:block; clear:both; }
.sideGallery ul li { float:left; width:95px; height:338px;margin-left:8px; font-size:14px; letter-spacing:-1px; overflow:hidden;}
.sideGallery ul li:first-child { margin-left:0; margin-right:-1px\9; }
.sideGallery ul li:last-child { float:right; margin-left:7px; }
.sideGallery .pic { width:100%; height:283px; margin-bottom:12px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideGallery .pic img { width:100%; min-height:283px; }

.sideVidHit { position:relative; border-bottom:solid 1px #e5e5e5; padding-bottom:25px; }
.sideVidHit ul { margin:-7px 0 0 -16px; }
.sideVidHit ul:after { content:''; display:block; clear:both; }
.sideVidHit ul li { float:left; width:50%; height:142px; margin-top:25px; font-size:15px; line-height:22px; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sideVidHit ul a { margin-left:16px; display:block; }
.sideVidHit .pic { position:relative; width:100%; height:86px; margin-bottom:11px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideVidHit .pic img { width:100%; }
.sideVidHit .pic:after { content:''; position:absolute; right:8px; bottom:8px; width:22px; height:22px; background:url('../../resources/images/mark_vid_side.png') center center no-repeat; display:block; }
.sideVidHit .bx-wrapper { position:relative; }
.sideVidHit .bx-viewport { width:auto !important; margin-bottom:-7px; }
.sideVidHit .bx-viewport ul { width:316px !important; margin-left:0; }
.sideVidHit .bx-viewport .slideBox { margin-left:-16px; }
.sideVidHit .bx-pager { position:absolute; top:-14px; right:0; font-size:0; line-height:0; }
.sideVidHit .bx-pager a { width:8px; height:8px; background:url('../../resources/images/slide_choice.png') left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.sideVidHit .bx-pager a.active { background-position:right top; }
.sideVidHit .bx-pager > div { margin-left:8px; display:inline-block; }
.sideVidHit .bx-pager > div:first-child { margin-left:0; }

.sideSports { position:relative; border-bottom:solid 1px #e5e5e5; padding-bottom:25px; }
.sideSports ul { margin:-7px 0 0 -16px; }
.sideSports ul:after { content:''; display:block; clear:both; }
.sideSports ul li { float:left; width:50%; height:142px; margin-top:25px; font-size:15px; line-height:22px; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sideSports ul a { margin-left:16px; display:block; }
.sideSports .pic { width:100%; height:86px; margin-bottom:11px; font-size:0; line-height:0; display:block; overflow:hidden; }
.sideSports .pic img { width:100%; }
.sideSports .bx-wrapper { position:relative; }
.sideSports .bx-viewport { width:auto !important; margin-bottom:-7px; }
.sideSports .bx-viewport ul { width:316px !important; margin-left:0; }
.sideSports .bx-viewport .slideBox { margin-left:-16px; }
.sideSports .bx-pager { position:absolute; top:-14px; right:0; font-size:0; line-height:0; }
.sideSports .bx-pager a { width:8px; height:8px; background:url('../../resources/images/slide_choice.png') left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.sideSports .bx-pager a.active { background-position:right top; }
.sideSports .bx-pager > div { margin-left:8px; display:inline-block; }
.sideSports .bx-pager > div:first-child { margin-left:0; }

.sideAdbox { font-size:0; line-height:0; }
.sideAdbox img { width:100%; }
.sideAdbox.add { margin-top:40px; }

.sideAdList { position:relative; margin-bottom:-3px; }
.sideAdList ul { width:100%; padding-top:3px; }
.sideAdList ul li { margin-top:12px; font-size:15px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sideAdList .mark { width:17px; height:10px; background:url('../../resources/images/mark_ad.png') center no-repeat; border:solid 1px #bfbfbf; margin:-4px 0 0 3px; font-style:normal; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }



/* index ------------------------------------------------------------------------*/
#wrapIndex #wrapTop h1 { float:none; width:170px; margin:0 auto -115px auto; }
#wrapIndex #wrapTop h1 a { width:170px; height:36px; background-image:url('../../resources/images/logo.png'); margin-top:-1px; } /*  메인 기본로고 */
/* #wrapIndex #wrapTop h1 a { width:231px; height:88px; background-image:url('../../resources/images/logo_ch.png'); margin-top:-32px; } 메인 추석 로고 */
#wrapIndex #wrapTop .adbox { float:left; width:250px; height:60px; margin-top:33px; overflow:hidden; background-color:#eee; }
#wrapIndex #wrapMenu .extra a { color:#2367d7; }
#wrapIndex #wrapMenu .depth1 a:hover { color:#2367d7; }
#wrapIndex #wrapFooter { margin-top:30px; }
#wrapIndex .totalService + #wrapFooter { margin-top:0; }


#wrapIndex hr { width:1140px; border:0; border-top:solid 2px #000; margin:40px auto; padding:0; display:block; clear:both; }
#wrapIndex h2 { width:0; height:0; font-size:0; overflow:0; }
#wrapIndex h3 { margin:-1px 0 16px -1px; font-size:16px; font-weight:700; color:#000; letter-spacing:-0.6px; }
#wrapIndex .bgBox { background:#333; }
#wrapIndex .indexCont { width:1140px; margin:40px auto; min-height:100px; word-wrap:break-word; word-break:keep-all; }
#wrapIndex .indexCont:after { content:''; display:block; clear:both; }

.indexCont a { font-size:15px; line-height:22px; }
.indexCont .pic { font-size:0; line-height:0; display:block; overflow:hidden; }
.indexCont .pic img { width:100%; /*min-height:100%;*/ }
.indexCont .more,
.indexCont .refresh { position:absolute; top:0; right:0; background-position:right center; background-repeat:no-repeat; font-size:12px; color:#777; line-height:18px; letter-spacing:-0.5px; text-decoration:none !important; display:block; }
.indexCont .more { background-image:url('../../resources/images/mark_more.png'); padding-right:9px; }
.indexCont .refresh { background-image:url('../../resources/images/mark_refresh.png'); padding-right:13px; }
.indexCont .banner { margin-top:30px; font-size:0; line-height:0; }
.indexCont .banner a { font-size:0; line-height:0; }
.indexCont .banner img { max-width:100%; }

.indexCont .slideBox { position:relative; }
.indexCont .slideBox .bx-pager { position:absolute; right:0; font-size:0; line-height:0; }
.indexCont .slideBox .bx-pager a { width:8px; height:8px; background:url('../../resources/images/index_slide_choice.png') left -20px no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.indexCont .slideBox .bx-pager a.active { background-position:-15px -20px; }
.indexCont .slideBox .bx-pager > div { margin-left:8px; display:inline-block; }
.indexCont .slideBox .bx-pager > div:first-child { margin-left:0; }

.indexCont .zone1 { width:385px; height:100%; border-right:solid 1px #e0e0e0; padding-left:0 !important; }
.indexCont .zone2 { width:421px; height:100%; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; margin-left:-1px; }
.indexCont .zone3 { width:336px; height:100%; border-left:solid 1px #e0e0e0; padding-right:0 !important; margin-left:-1px; }
.indexCont .theme,
.indexCont .outInfo { position:relative; float:left; padding:0 35px; box-sizing:border-box; }
.indexCont .topNewsList { float:right; width:389px; border-left:solid 1px #e0e0e0; padding-left:40px; }
.indexCont .topNewsList h3 { width:0; height:0; margin:0 !important; font-size:0; overflow:hidden;  }
.indexCont .topNewsHead { float:left; width:670px; border-right:solid 1px #e0e0e0; margin-right:-1px; padding-right:40px; }
.indexCont .topNewsHead:after { content:''; display:block; clear:both; }
.indexCont .theme > div,
.indexCont .outInfo > div,
.indexCont .topNewsHead > div { position:relative; }

.indexCont .theme { min-height:954px; }
.indexCont .theme .oneLine { margin-top:-4px; }
.indexCont .theme .oneLine li { margin-top:10px; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; overflow:hidden; }
.indexCont .theme .oneLine li:before { content:''; width:3px; height:3px; background:#c1c1c1; margin:-6px 6px 0 0; vertical-align:middle; display:inline-block; }
.indexCont .theme.zone1 { position:relative; z-index:10; }

.indexCont .outInfo > div { border-top:solid 1px #e0e0e0; margin:26px 0 -2px 0; padding-top:28px; }
.indexCont .outInfo > div .more { top:27px; }
.indexCont .outInfo > div:first-child { border-top:0; margin:0; padding:0; }
.indexCont .outInfo > div:first-child .more { top:0; }
.indexCont .outInfo .listbox ul { margin-top:-5px; }
.indexCont .outInfo .listbox ul li { margin-top:11px; white-space:nowrap; word-wrap:normal; text-align:justify; text-overflow:ellipsis; overflow:hidden; }
.indexCont .outInfo .listbox ul a { font-size:14px; }
.indexCont .outInfo .listbox .tit { font-weight:normal; }
.indexCont .outInfo .listbox .pic { float:left; width:198px; height:119px; margin-right:14px; display:none; }
.indexCont .outInfo .topNews { margin:0 -10px 26px 0; word-wrap:break-word; }
.indexCont .outInfo .topNews:after { content:''; display:block; clear:both; }
.indexCont .outInfo .topNews .tit { height:45px; margin-right:-10px; font-size:15px; font-weight:bold; color:#000; letter-spacing:-1px; text-align:left; white-space:normal; display:block; overflow:hidden; }
.indexCont .outInfo .topNews .txt { height:60px; margin-top:12px; font-size:13px; color:#777; line-height:20px; letter-spacing:-0.3px; text-align:left; white-space:normal; display:block; overflow:hidden; }
.indexCont .outInfo .topNews .pic { display:block; }
.indexCont .outInfo .topNews a:hover { text-decoration:none; }
.indexCont .outInfo .topNews a:hover .tit { color:#3a68b7; }
.indexCont .outInfo .topNews a:hover .txt { text-decoration:underline; }
.indexCont .outInfo .banner { border-top:0; margin:0; }


/* 헤드라인 뉴스 */
.indexCont .headline { height:475px; background:#000; }
.indexCont .headline a:hover { text-decoration:none; }
.indexCont .headline > ul { position:relative; z-index:1; height:100%; overflow:hidden; }
.indexCont .headline > ul li { position:relative; display:none; }
.indexCont .headline > ul li:first-child { display:block; }
.indexCont .headline .tit a { padding:50px 20px 54px 28px; font-size:37px; color:#fff; line-height:50px; letter-spacing:-2.8px; display:block; box-sizing:border-box; text-shadow:0 0 2px rgba(0,0,0,0.45); }
.indexCont .headline .tit strong { display:block; }
.indexCont .headline .cont { position:absolute; z-index:10; left:0; bottom:0; width:100%; min-height:150px; overflow:hidden; }
.indexCont .headline .relate { position:relative; z-index:10; margin:-49px 200px 50px 49px; }
.indexCont .headline .relate li { background:url('../../resources/images/index_mark_relate.png') left 6px no-repeat; margin-top:3px; padding-left:15px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .headline .relate a { font-size:13px; color:#cbcbcb; letter-spacing:-1px; }
.indexCont .headline .relate a:hover { color:#fff; text-decoration:underline; }
.indexCont .headline .imgbox { position:relative; z-index:1; height:100%; font-size:0; line-height:0; display:block; }
.indexCont .headline .imgbox:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url('../../resources/images/index_headline_bg_01.png') left bottom repeat-x; display:block; overflow:hidden; }
.indexCont .headline .case1 .imgbox:after { display:none; }
.indexCont .headline .case3 .imgbox:after { background:url('../../resources/images/index_headline_bg_02.png') left bottom no-repeat; }

.indexCont .headline .bx-pager { position:absolute; z-index:99; left:0; bottom:20px; width:100%; font-size:0; line-height:0; text-align:center; }
.indexCont .headline .bx-pager a { width:9px; height:9px; background:url('../../resources/images/index_slide_choice.png') left top no-repeat; margin:0 5px; text-indent:-9999px; display:block; overflow:hidden; }
.indexCont .headline .bx-pager a.active { width:36px; background-position:-15px top; }
.indexCont .headline .bx-pager div { font-size:0; line-height:0; display:inline-block; overflow:hidden; }


/* 이 시각 주요뉴스 */
.indexCont .newsNow { border-bottom:solid 1px #e0e0e0; margin:32px 0; padding-bottom:33px; overflow:hidden; }
.indexCont .newsNow ul { margin:17px 0 0 -15px; }
.indexCont .newsNow ul:after { content:''; display:block; clear:both; }
.indexCont .newsNow ul li { float:left; width:33.33%; height:185px; padding:0 10px 0 15px; overflow:hidden; box-sizing:border-box; }
.indexCont .newsNow ul li:last-child { float:right; padding-left:16px; }
.indexCont .newsNow .pic { height:132px; margin:0 -10px 10px 0; }


/* Hot뉴스 */
.indexCont .newsHot { float:left; width:349px; margin-bottom:-10px; }
.indexCont .newsHot .hotUl li { position:relative; min-height:24px; margin-top:8px; letter-spacing:-0.5px; }
.indexCont .newsHot .hotUl li i { width:14px; height:14px; background-image:url('../../resources/images/index_rank_hotnews.png'); background-repeat:no-repeat; margin-bottom:-18px; font-size:0; line-height:0; display:block; overflow:hidden; }
.indexCont .newsHot .hotUl li:first-child { border-bottom:solid 1px #e0e0e0; margin-bottom:20px; padding-bottom:15px; }
.indexCont .newsHot .hotUl li:first-child:after { content:''; display:block; clear:both; }
.indexCont .newsHot .hotUl li:first-child a { color:#000; }
.indexCont .newsHot .hotUl li:first-child a:hover { color:#2367d7; text-decoration:none; }
.indexCont .newsHot .hotUl li:first-child .pic { display:block; }
.indexCont .newsHot .hotUl li:first-child .txt { height:45px; padding-top:10px; font-weight:bold; white-space:normal; }
.indexCont .newsHot .pic { float:left; width:107px; height:64px; margin-right:-5px; display:none; }
.indexCont .newsHot .txt { height:24px; padding-left:20px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .newsHot .rank1 { position:absolute; top:0; left:0; width:19px; height:19px; background-position:0 0; margin:0; }
.indexCont .newsHot .rank2 { background-position:0 -30px; }
.indexCont .newsHot .rank3 { background-position:0 -60px; }
.indexCont .newsHot .rank4 { background-position:0 -90px; }
.indexCont .newsHot .rank5 { background-position:0 -120px; }


/* 추천뉴스 */
.indexCont .newsRecom { float:right; width:286px; display:block; }
.indexCont .newsRecom .recomendUl li { height:64px; margin-top:11px; }
.indexCont .newsRecom .recomendUl li:after { content:''; display:block; clear:both; }
.indexCont .newsRecom .pic { float:left; width:107px; height:64px; margin-right:14px; }
.indexCont .newsRecom .txt { height:45px; padding-top:10px; display:block; overflow:hidden; }


/* 주요 기사 */
.indexCont .newsList { margin-bottom:-2px; }
.indexCont .newsList > li { margin-top:21px; }
.indexCont .newsList > li:after { content:''; display:block; clear:both; }
.indexCont .newsList > li:first-child { margin-top:-1px; padding-bottom:16px !important; }
.indexCont .newsList > li:first-child .tit { font-size:31px; line-height:36px; letter-spacing:-3px; }
.indexCont .newsList > li:first-child a:hover { text-decoration:none; }
.indexCont .newsList > li:first-child a:hover .tit { color:#2367d7; }
.indexCont .newsList > li:first-child a:hover .txt { text-decoration:underline; }
.indexCont .newsList > li:nth-child(1),
.indexCont .newsList > li:nth-child(2),
.indexCont .newsList > li:nth-child(3) { border-bottom:solid 1px #e5e5e5; padding-bottom:22px; }
.indexCont .newsList .tit { font-size:16px; color:#000; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .newsList .txt { max-height:83px; padding-top:3px; display:block; overflow:hidden; }
.indexCont .newsList .pic { float:left; width:144px; height:86px; margin-right:14px; }
.indexCont .newsList .mark { min-width:25px; height:18px; background:#fff; border:solid 1px #777; border-radius:2px; margin-top:-3px; padding:0 3px 0 2px; font-style:normal; font-family:dotum,'돋움'; font-size:11px; font-weight:bold; line-height:19px; vertical-align:middle; text-align:center; display:inline-block; }
.indexCont .newsList .mark.break { border-color:#e40a0a; color:#e40a0a; }
.indexCont .newsList .mark.exclus { border-color:#366fd1; color:#366fd1; }
.indexCont .newsList .cont { height:89px; margin:11px 0 0 0; font-size:13px; color:#777; line-height:20px; letter-spacing:-1px; }
.indexCont .newsList .cont:after { content:''; display:block; clear:both; }
.indexCont .newsList .relate { margin:7px 0 -2px 0; }
.indexCont .newsList .relate li { letter-spacing:-0.5px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .newsList .relate li:before { content:''; width:14px; height:10px; background:url('../../resources/images/index_mark_relate.png') left top no-repeat; display:inline-block; }
.indexCont .newsList .relate a { font-size:13px; color:#444; }
.indexCont .newsList .banner { margin:27px 0; }


/* 기획연재 */
.indexCont .serial { margin-bottom:-3px; overflow:hidden; }
.indexCont .serial ul { margin-left:-15px; }
.indexCont .serial ul:after { content:''; display:block; clear:both; }
.indexCont .serial ul li { float:left; width:50%; padding-left:15px; letter-spacing:-0.5px; box-sizing:border-box; }
.indexCont .serial .pic { height:100px; margin-bottom:18px; }
.indexCont .serial .txt { max-height:87px; font-size:13px; color:#777; line-height:20px; display:block; overflow:hidden; }
.indexCont .serial .txt strong { margin-bottom:7px; font-size:15px; color:#000; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .serial .writer { margin-top:11px; font-size:12px; color:#777; display:inline-block; }


/* 히스토리 */
.indexCont .history { position:relative; margin-top:28px; }
.indexCont .history:after { content:''; position:absolute; z-index:10; left:0; right:-18px; bottom:0; height:6px; background:#fff; display:block; }
.indexCont .history ul { width:349px; margin-right:35px; }
.indexCont .history ul li { position:relative; background:url('../../resources/images/line_history.png') 11px bottom no-repeat; margin-top:10px; padding:0 0 10px 47px; letter-spacing:-0.8px; }
.indexCont .history ul li:after { content:''; display:block; clear:both; }
.indexCont .history .pic { float:left; width:107px; height:64px; margin:0 13px 10px 0; }
.indexCont .history .pic + .txt { top:0; height:46px; padding-top:9px; display:block; overflow:hidden; }
.indexCont .history .txt { position:relative; top:-7px; }
.indexCont .history .time { position:absolute; top:-3px; left:0; height:21px; background:url('../../resources/images/line_history.png') 11px 16px no-repeat #fff; font-style:normal; font-size:11px; font-weight:bold; color:#000; line-height:14px; letter-spacing:0; }
.indexCont .history .scrollBox { height:534px; margin:0 -48px -6px 0; overflow:auto; }
.indexCont .history .scrollBox:after { content:''; position:absolute; left:0; right:0; bottom:0; height:80px; background:url('../../resources/images/index_history_mask.png') left bottom repeat-x; }
.indexCont .history .scrollBox:hover:after { display:none; }
.indexCont .history .mCSB_container { width:auto; margin-right:30px; overflow:hidden; }
.indexCont .history .mCSB_container.mCS_no_scrollbar { margin-right:0; }
.indexCont .history .mCustomScrollBox>.mCSB_scrollTools { top:0; right:0; width:24px; height:100%; }
.indexCont .history .mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto; }
.indexCont .history .mCSB_scrollTools .mCSB_draggerContainer .line { content:''; position:absolute; top:0; left:11px; width:1px; height:0; background:#acacac; }
.indexCont .history .mCSB_scrollTools a+.mCSB_draggerContainer { margin:20px 0; }
.indexCont .history .mCSB_scrollTools .mCSB_draggerRail { width:0; height:100%; margin:0 auto; }
.indexCont .history .mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; height:23px; }
.indexCont .history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:23px; height:100%; background:url('../../resources/images/index_history_scrollbar.png') left top no-repeat transparent; margin-left:2px; text-align:center; }


/* 기자데스크 */
.indexCont .reporter ul { margin:-4px 0 -5px 0; }
.indexCont .reporter ul li { margin-top:9px; }
.indexCont .reporter ul li:after { content:''; display:block; clear:both; }
.indexCont .reporter .tit, .indexCont .reporter .txt { white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .reporter .tit { font-size:15px; color:#000; letter-spacing:-0.5px; }
.indexCont .reporter .txt { margin-top:4px; font-size:13px; color:#777; }
.indexCont .reporter .pic { float:left; width:58px; height:58px; background:url('../../resources/images/index_reporter.jpg') center center no-repeat #fff; border:solid 1px #e5e5e5; border-radius:100px; margin:5px 18px 0 0; }
.indexCont .reporter .writer { margin-bottom:2px; font-size:12px; font-weight:bold; color:#366fd1; display:block; }

/* 사설 */
.indexCont .editorial { border-top:solid 1px #e0e0e0; margin:30px 0 -2px 0; padding-top:28px; }
.indexCont .editorial .more { top:28px; }


/* SNS뉴스 */
.indexCont .sns { border-top:solid 1px #e0e0e0; margin-top:30px; padding-top:28px; }
.indexCont .sns li { height:64px; margin-top:11px; word-wrap:break-word; word-break:keep-all; }
.indexCont .sns li:after { content:''; display:block; clear:both; }
.indexCont .sns .pic { float:left; width:107px; height:64px; margin-right:14px; }
.indexCont .sns .txt { height:45px; padding-top:10px; letter-spacing:-0.3px; display:block; overflow:hidden; }


/* 디지털 스페셜 */
.indexCont .digital { position:relative; overflow:hidden; }
.indexCont .digital li { position:relative; height:180px; overflow:hidden; }
.indexCont .digital a:hover .tit { text-decoration:underline; }
.indexCont .digital img { width:100%; min-height:100%; }
.indexCont .digital .tit { position:absolute; z-index:10; bottom:0; left:0; width:84%;height:34px;line-height:34px; margin-top:-22px; padding:0 8%;font-size:15px;letter-spacing:-0.8px;color:#fff; letter-spacing:-0.5px; text-align:center; background:url('../../resources/images/index_entertain_txtbg.png') center top repeat-y;display:block; }
/*.indexCont .digital .tit { position:absolute; z-index:10; top:50%; left:0; width:100%; margin-top:-22px; font-weight:bold; color:#fff; letter-spacing:-0.5px; text-align:center; display:block; }*/
.indexCont .digital .slideBox { width:100%; height:180px; font-size:0; line-height:0; }
.indexCont .digital .slideBox .bx-pager { top:-32px; }


/* 포토 */
.indexCont .photo { margin-top:38px; }
.indexCont .photo .view { width:100%; height:242px; margin-top:-3px; font-size:0; line-height:0; overflow:hidden; }
.indexCont .photo .view img { width:100%; }
.indexCont .photo .thumb { margin-top:1px; }
.indexCont .photo .thumb:after { content:''; display:block; clear:both; }
.indexCont .photo .thumb li { position:relative; float:left; width:25%; height:61px; font-size:0; line-height:0; overflow:hidden; }
.indexCont .photo .thumb a { width:100%; height:100%; display:block; overflow:hidden; }
.indexCont .photo .thumb a:after { content:''; position:absolute; z-index:10; top:0; left:0; right:0; bottom:0; border:solid 3px #2367d7; display:none; }
.indexCont .photo .thumb img { width:100%; }
.indexCont .photo .thumb .on a:after { display:block; }


/* 연예,스포츠 */
.indexCont .entertain { margin-top:38px; }
.indexCont .entertain h3 { font-weight:normal !important; }
.indexCont .entertain h3 span { color:#666; cursor:pointer; }
.indexCont .entertain h3 span:first-child:after { content:''; height:14px; margin:-4px 9px 0 14px; border-right:solid 1px #b7b7b7; vertical-align:middle; display:inline-block; }
.indexCont .entertain h3 span.now { font-weight:bold !important; color:#000; }
.indexCont .entertain .cont { display:none; }
.indexCont .entertain .cont.open { display:block; }
.indexCont .entertain .slideBox { height:180px; margin:17px 0 29px 0; }
.indexCont .entertain .slideBox li { position:relative; height:180px; overflow:hidden; }
.indexCont .entertain .slideBox a:hover .tit { text-decoration:underline; }
.indexCont .entertain .slideBox .tit { position:absolute; z-index:11; left:0; bottom:0; width:84%; height:34px; background:url('../../resources/images/index_entertain_txtbg.png') center top repeat-y; padding:0 8%; font-size:15px;letter-spacing:-0.8px; color:#fff; line-height:34px; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-align:center; text-overflow:ellipsis; display:block; overflow:hidden; }
.indexCont .entertain .slideBox .bx-pager { top:-27px; }


/* 사진으로 보는 뉴스 */
.indexCont .withPic { position:relative; float:left; width:769px; padding-right:35px; }
.indexCont .withPic .pictureUl { margin:0 0 -4px -20px; }
.indexCont .withPic .pictureUl:after { content:''; display:block; clear:both; }
.indexCont .withPic  .pictureUl li { position:relative; float:left; width:243px !important; height:200px; margin-left:20px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.indexCont .withPic .pic { height:145px; margin-bottom:10px; }
.indexCont .withPic .cont { position:relative; height:196px; }
.indexCont .withPic .totalPage { position:absolute; z-index:1; left:-42px; bottom:-3px; width:25px; font-size:15px; color:#666; display:block; }
.indexCont .withPic .totalPage:before { content:'/'; margin:-6px 2px 0 0; margin-top:-8px\9; font-size:15px; color:#666; vertical-align:middle; display:inline-block; }
.indexCont .withPic .bx-controls { position:absolute; top:-20px; right:0; }
.indexCont .withPic .bx-pager { position:absolute; left:-68px; bottom:-4px; bottom:-3px\9; width:30px; text-align:center; }
.indexCont .withPic .bx-pager a { font-style:italic; font-size:25px; font-weight:bold; color:#000; line-height:25px; text-decoration:none; display:none; cursor:default; }
.indexCont .withPic .bx-pager a.active { display:block; }
.indexCont .withPic .bx-pager > div { display:inline-block; }
.indexCont .withPic .bx-controls-direction a { position:absolute; z-index:10; bottom:0; width:10px; height:13px; background-image:url('../../resources/images/paging_num.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.indexCont .withPic .bx-controls-direction .bx-prev { left:-76px; background-position:left top; }
.indexCont .withPic .bx-controls-direction .bx-prev:hover { background-position:left -15px; }
.indexCont .withPic .bx-controls-direction .bx-next { left:-20px; background-position:right top; }
.indexCont .withPic .bx-controls-direction .bx-next:hover { background-position:right -15px; }


/* 키워드 */
.indexCont .keyword { position:relative; float:left; width:300px; height:231px; border-left:solid 1px #e0e0e0; padding-left:35px; }
.indexCont .keyword .cont { height:159px; margin-top:28px; padding-right:1px; text-align:center; overflow:hidden; }
.indexCont .keyword .cont a { height:29px; border-radius:50px; margin:7px 2px 0 3px; padding:0 10px 0 11px; font-size:12px; line-height:29px; }
.indexCont .keyword .arrow { position:absolute; left:50%; width:27px; height:27px; background-image:url('../../resources/images/index_btn_arrow.png'); background-repeat:no-repeat; background-color:transparent; border:0; margin-left:4px; padding:0; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.indexCont .keyword .arrow:hover { background-color:transparent; }
.indexCont .keyword .arrow.prev { top:-12px; background-position:0 0; }
.indexCont .keyword .arrow.prev:hover { background-position:-30px 0; }
.indexCont .keyword .arrow.next { bottom:4px; background-position:0 -30px; }
.indexCont .keyword .arrow.next:hover { background-position:-30px -30px; }


/* 영상 */
.indexCont .vidclip { padding:38px 0 36px 0; overflow:hidden; }
.indexCont .vidclip a { color:#cdcdcd; }
.indexCont .vidclip a:hover .txt { color:#fff; }
.indexCont .vidclip a:hover .pic:after { background-position:center bottom; }
.indexCont .vidclip h3 { color:#fff !important; }
.indexCont .vidclip ul { margin-left:-21px; }
.indexCont .vidclip ul:after { content:''; display:block; clear:both; }
.indexCont .vidclip ul li { position:relative; float:left; width:366px !important; max-height:277px; margin-left:21px; padding:0 25px; text-align:center; box-sizing:border-box; overflow:hidden; }
.indexCont .vidclip .pic { /*height:222px;*/height:206px; margin:0 -25px 11px -25px; }
.indexCont .vidclip .pic:after { content:''; position:absolute; z-index:99; top:158px; right:20px; width:44px; height:44px; background:url('../../resources/images/index_mark_video.png') center top no-repeat; display:block; }

.vidclip .pic:after { content:''; position:absolute; z-index:99; top:142px; right:20px; width:44px; height:44px; background:url('../../resources/images/index_mark_video.png') center top no-repeat; display:block; }
.indexCont .vidclip .slideBox { /*height:277px;*/height:261px; }
.indexCont .vidclip .slideBox .bx-pager { top:-31px; }


/* 지면 */
.indexCont .paper { margin-bottom:0 !important; overflow:hidden; }
.indexCont .paper h3 { width:0; height:0; margin:0 !important; font-size:0; overflow:hidden; }
.indexCont .paper .cont { position:relative; width:160px; height:229px; border:solid 1px #d5d5d5; margin:0 auto 0 auto; }
.indexCont .paper .cont ul { display:block; overflow:hidden; }
.indexCont .paper .cont ul li { /*padding:13px;*/ font-size:0; line-height:0; display:block; overflow:hidden; }
.indexCont .paper .cont img { width:100%; }
.indexCont .paper .bx-controls-direction a { position:absolute; top:103px; width:27px; height:27px; background-image:url('../../resources/images/index_btn_arrow.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.indexCont .paper .bx-controls-direction .bx-prev { left:-58px; background-position:-100px 0; }
.indexCont .paper .bx-controls-direction .bx-prev:hover { background-position:-130px 0; }
.indexCont .paper .bx-controls-direction .bx-next { right:-58px; background-position:-100px -30px; }
.indexCont .paper .bx-controls-direction .bx-next:hover { background-position:-130px -30px; }


/* 전체서비스 */
.totalService { position:relative; width:100%; min-width:1140px; margin-top:120px; }
.totalService .showBox { position:absolute; left:0; bottom:0; width:100%; background:#fff; border-top:solid 2px #000; display:none; overflow:hidden; }
.totalService .btnView { position:absolute; left:50%; bottom:0; width:118px; height:27px; background:#000; border-radius:3px 3px 0 0; margin-left:-59px; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:27px; display:block; }
.totalService.active { z-index:999; }
.totalService.active .showBox { display:block; }



/* sub ------------------------------------------------------------------------- */
/* 섹션 메인  */
.mainHead .gallery { position:relative; z-index:1; float:left; width:760px; height:390px; background:#404040; border-right:solid 1px #484848; padding:58px 40px 42px 0; }
.mainHead .gallery:after { content:''; display:block; clear:both; }
.mainHead .thumb { float:right; width:110px; background:#000; }
.mainHead .thumb li { position:relative; height:65px; font-size:0; line-height:0; overflow:hidden; cursor:pointer; opacity:0.45; filter:alpha(opacity=45); }
.mainHead .thumb li img { width:100%; }
.mainHead .thumb li.on { opacity:1; filter:alpha(opacity=100); }
.mainHead .thumb li.on:after { content:''; position:absolute; z-index:99; top:0; left:0; right:0; bottom:0; border:solid 3px #2367d7; display:block; }
.mainHead .viewbox { position:relative; float:left; width:650px; height:390px; background:#000; overflow:hidden; }
.mainHead .viewbox a:hover { text-decoration:none; }
.mainHead .viewbox .tit { position:absolute; z-index:99; left:30px; right:30px; bottom:27px; font-size:32px; color:#fff; line-height:40px; letter-spacing:-2.5px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.mainHead .viewbox .pic { width:100%; height:100%; font-size:0; line-height:0; display:block; overflow:hidden; }
.mainHead .viewbox .pic img { min-width:100%; min-height:100%; }
.mainHead .viewbox .pic:after { content:''; position:absolute; z-index:10; left:0; bottom:0; width:100%; height:100%; background:url('../../resources/images/main_txtbg_01.png') left bottom repeat-x; display:block; }
.mainHead .viewbox .cont { position:relative; width:100%; height:100%; display:none; overflow:hidden; }
.mainHead .viewbox .cont.active { display:block; }

.mainHead .typeList { float:left; width:300px; height:390px; background:#2a2a2a; border-left:solid 1px #222; padding:58px 0 42px 38px; overflow:hidden; }
.mainHead .typeList a { color:#777; }
.mainHead .typeList ul { height:100%; overflow:hidden; }
.mainHead .typeList ul li { margin-top:23px; }
.mainHead .typeList ul li:first-child { border-bottom:solid 1px #3d3d3d; padding-bottom:21px; margin:-7px 0 -1px 0; }
.mainHead .typeList ul li:first-child a:hover { text-decoration:none; }
.mainHead .typeList ul li:first-child a:hover .tit { color:#fff; }
.mainHead .typeList ul li:first-child .tit { font-size:30px; color:#dcdcdc; line-height:40px; white-space:normal; word-wrap:break-word; word-break:keep-all; letter-spacing:-2.4px; }
.mainHead .typeList ul li:first-child .pic { display:none; }
.mainHead .typeList ul li:first-child + .extend { margin-top:0; }
.mainHead .typeList ul li:first-child,
.mainHead .typeList ul li.extend { border-bottom:solid 1px #3d3d3d; }
.mainHead .typeList ul li.extend { border-top:solid 1px #3d3d3d; padding:22px 0 25px 0; }
.mainHead .typeList ul li.extend:after { content:''; display:block; clear:both; }
.mainHead .typeList .tit { font-size:16px; color:#b1b1b1; letter-spacing:-0.5px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.mainHead .typeList .pic { float:left; width:144px; height:86px; margin:13px 14px 0 0; font-size:0; line-height:0; display:block; overflow:hidden; }
.mainHead .typeList .pic img { width:100%; }
.mainHead .typeList .pic + .txt { max-height:80px; margin:0; padding-top:16px; }
.mainHead .typeList .txt { max-height:40px; margin:9px 0 -4px 0; color:#777; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }

.mainHead .photoGallery { position:relative; height:540px; background-size:auto 100%; overflow:hidden; }
.mainHead .photoGallery a:hover { text-decoration:none; }
.mainHead .photoGallery ul { height:465px; padding-top:75px; }
.mainHead .photoGallery ul:after { content:''; display:block; clear:both; }
.mainHead .photoGallery ul li { position:relative; float:left; width:350px !important; margin-top:90px; padding:0 10px; }
.mainHead .photoGallery .tit { position:relative; z-index:10; margin:11px 15px 0 15px; font-size:17px; font-weight:normal; color:#555; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; text-align:center; display:block; overflow:hidden; }
.mainHead .photoGallery .pic { position:relative; z-index:1; width:100%; height:210px; background:#000; font-size:0; line-height:0; display:block; overflow:hidden; }
.mainHead .photoGallery .pic img { width:100%; opacity:0.4; filter:alpha(opacity=40); }
.mainHead .photoGallery .now { width:650px !important; margin-top:0; }
.mainHead .photoGallery .now:after { content:''; position:absolute; top:100%; left:0; width:100%; height:60px; background:url('../../resources/images/main_gallery_shadow.png') center top no-repeat; display:block; }
.mainHead .photoGallery .now .tit { position:absolute; left:20px; right:20px; bottom:30px; font-size:22px; font-weight:bold; color:#fff; line-height:27px; letter-spacing:-0.8px; }
.mainHead .photoGallery .now .pic { height:390px; }
.mainHead .photoGallery .now .pic img { opacity:1; filter:alpha(opacity=100);}
.mainHead .photoGallery .now .pic:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:300px; background:url('../../resources/images/main_txtbg_04.png') left bottom repeat-x; display:block; }
.mainHead .photoGallery .slideBox { position:relative; left:50%; width:2150px; margin-left:-1075px; }
.mainHead .photoGallery .pageNum { position:absolute; right:-570px; bottom:0; width:100px; height:51px; text-align:right; }
.mainHead .photoGallery .pageNum i { font-style:italic; font-size:32px; font-weight:bold; color:#ee297d; line-height:36px; }
.mainHead .photoGallery .pageNum small { font-size:18px; color:#ccc; }
.mainHead .photoGallery .pageNum small:before { content:'/'; font-size:17px; margin:-6px 4px 0 4px; vertical-align:middle; display:inline-block; }
.mainHead .photoGallery .bx-viewport { height:auto !important; }
.mainHead .photoGallery .bx-wrapper { width:2150px !important; max-width:2150px !important; }
.mainHead .photoGallery .bx-prev { left:-393px; background-position:left center; }
.mainHead .photoGallery .bx-next { right:-393px; background-position:right center; }
.mainHead .photoGallery .bx-pager { position:absolute; left:-1px; bottom:-1px; width:0; height:0; display:none; overflow:hidden; }
.mainHead .photoGallery .bx-controls { position:absolute; left:50%; bottom:0; }
.mainHead .photoGallery .bx-controls-direction { display:none; }
.mainHead .photoGallery .bx-controls-direction a { position:absolute; z-index:10; top:-287px; width:48px; height:35px; background-image:url('../../resources/images/main_gallery_arrow.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.mainHead .photoGallery:hover .bx-controls-direction { display:block; }

.mainIssWord  { border-bottom:solid 2px #000; margin:-3px 0 40px 0; padding-bottom:40px; overflow:hidden; }
.mainIssWord h3 { font-size:17px; }
.mainIssWord > ul { margin-left:-20px; }
.mainIssWord > ul:after { content:''; display:block; clear:both; }
.mainIssWord > ul > li { position:relative; float:left; width:33.33%; height:146px; margin-top:20px; overflow:hidden; }
.mainIssWord > ul > li:hover .pic:after { background-image:none; background:#000; opacity:.8; filter:alpha(opacity=80); }
.mainIssWord > ul > li:hover .relate { display:block !important; }
.mainIssWord .tit { padding:0 0 18px 20px; display:block; }
.mainIssWord .tit a { font-size:17px; color:#fff; }
.mainIssWord .pic { position:relative; height:146px; margin-left:20px; font-size:0; line-height:0; display:block; }
.mainIssWord .pic:after { content:''; position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; background:url('../../resources/images/main_txtbg_02.png') left bottom repeat-x; display:block; }
.mainIssWord .pic img { width:100%; min-height:100%; }
.mainIssWord .cont { position:absolute; z-index:99; left:20px; right:0; bottom:0; }
.mainIssWord .relate { height:50px; margin:-10px 20px 29px 20px; display:none; }
.mainIssWord .relate li { background:url('../../resources/images/mark_relate.png') left 4px no-repeat; margin-top:6px; padding-left:15px; font-size:15px; color:#fff; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.mainIssWord .relate a { color:#fff; letter-spacing:-1px; }


/* 목록 */
.listBox { width:100%; border-bottom:solid 1px #000; }
.listBox li { position:relative; border-top:solid 1px #e5e5e5; padding:20px 5px 20px 0; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.listBox li:first-child { border-top:0; padding-top:0 !important; }
.listBox a:hover { text-decoration:none; }
.listBox a:hover .tit,
.listBox a:focus .tit { color:#2367d7; }
.listBox a:hover .cont { text-decoration:underline; }
.listBox .tit { /*height:30px;*/ font-size:18px; font-weight:bold; color:#000; line-height:28px; letter-spacing:-1px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.listBox .pic { float:left; width:170px; height:102px; background:#fff; border:1px solid #ececec; margin-right:30px; font-size:0; line-height:0; text-align:center; display:block; overflow:hidden; }
.listBox .pic img { /*width:100%;*/ max-width:100%; max-height:100%; }
.listBox .pic + .tit + .cont { height:40px; }
.listBox .cont { max-height:40px; padding-top:4px; font-size:14px; color:#777; display:block; overflow:hidden; }
.listBox .date { height:19px; margin-top:11px; font-size:11px; color:#a8a8a8; letter-spacing:0; display:inline-block; }

.listPage { height:26px; margin-top:30px; font-size:12px; text-align:center; }
.listPage a { width:24px; height:24px; margin-left:1px; color:#666; line-height:21px; text-decoration:none; vertical-align:bottom; display:inline-block; }
.listPage a:hover { border:solid 1px #2367d7; border-radius:25px; margin:-2px -1px 0 0; color:#2367d7; line-height:23px; }
.listPage .here { font-weight:bold; color:#000; }
.listPage .arrow { width:26px; height:26px; background-image:url('../../resources/images/paging_list.png'); background-repeat:no-repeat; margin:0; font-size:0; line-height:0; text-indent:-9999px; display:inline-block; overflow:hidden; }
.listPage .arrow.prev { background-position:left top; margin:0 6px 0 0 !important; }
.listPage .arrow.next { background-position:right top; margin:0 0 0 10px !important; }
.listPage .arrow:hover { border:0 !important; }


/* 상세 */
.viewInfo { float:left; font-size:12px; color:#a8a8a8; letter-spacing:-0.25px; }
.viewInfo .modify:before { content:'/'; width:1px; height:10px; background:#ddd; margin:-2px 10px 0 7px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }

.viewHelp { position:relative; float:right; height:30px; margin-top:-4px; text-align:right; display:block; }
.viewHelp a { width:30px; height:30px; background-position:center top; background-repeat:no-repeat; margin-left:2px; font-size:0; line-height:0; text-indent:-9999px; display:inline-block; overflow:hidden; }
.viewHelp a.on,
.viewHelp a:hover { background-position:center bottom; }
.viewHelp .size { background-image:url('../../resources/images/view_btn_size.png'); }
.viewHelp .mail { background-image:url('../../resources/images/view_btn_mail.png'); }
.viewHelp .print { background-image:url('../../resources/images/view_btn_print.png'); }

.viewHelp .sizePop { position:absolute; z-index:90; right:0; top:41px; 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; }
.viewHelp .sizePop:before { content:''; position:absolute; top:-10px; right:8px; width:12px; height:10px; background:url('../../resources/images/mark_pop.png') center bottom no-repeat; background-size:100% auto; display:block; }
.viewHelp .sizePop 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; text-indent:0; color:#fff; display:inline-block; overflow:hidden; }
.viewHelp .sizePop a:before { content:'가'; position:absolute; top:0; left:0; width:31px; height:32px; color:#555; line-height:32px; text-align:center; display:block; }
.viewHelp .sizePop a.on { background:#555; border-color:#555; }
.viewHelp .sizePop a.on:before { color:#fff; }
.viewHelp .sizePop a.step1:before { font-size:10px; }
.viewHelp .sizePop a.step2:before { font-size:12px; }
.viewHelp .sizePop a.step3:before { font-size:14px; }
.viewHelp .sizePop a.step4:before { font-size:16px; }
.viewHelp .sizePop a.step5:before { font-size:18px; }

.viewIssue { position:relative; float:left; width:560px; padding:0 70px 0 95px; font-size:13px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.viewIssue b { position:absolute; top:-3px; left:0; width:80px; height:26px; background:#f0f0f0; border-radius:30px; color:#2367d7; line-height:26px; text-align:center; display:block; }

.viewBox { position:relative; min-height:250px; margin:-10px -1px -7px 0; padding-left:80px; font-size:17px; color:#333; line-height:33px; letter-spacing:-1px; text-align:justify; }
.viewBox:after { content:''; display:block; clear:both; }
.viewBox img { max-width:100%; margin-top:10px; }
.viewBox .writer { margin:23px 0 -3px 0; font-size:14px; display:block; }
.viewBox .precis { position:relative; margin:2px 0 34px 0; padding-left:11px; font-size:17px; font-weight:bold; color:#000; line-height:29px; letter-spacing:-1px; display:block; }
.viewBox .precis:before { content:''; position:absolute; top:8px; left:0; bottom:6px; width:3px; background:#2367d7; display:block; }
/* 20190722 양혜정 이미지캡션 수정 */
figure{text-align:center;}
.viewBox .class_div_main.image{text-align:center;}
.viewBox figcaption{color:#888;font-size:13px;line-height:21px;background:url(../../resources/images/mark_annot.png) 10px 8px no-repeat;margin:4px auto 0 auto;padding:0 0 5px 25px;}
.viewBox .imageCaption.itemCaption{color:#888;font-size:13px;line-height:21px;background:url(../../resources/images/mark_annot.png) 10px 8px no-repeat;margin:4px auto 0 auto;padding:0 0 5px 25px;}


.viewBox .contPhoto { margin-bottom:31px; text-align:center; }
.viewBox .contPhoto .txt { background:url('../../resources/images/mark_annot.png') left 8px no-repeat; margin:-4px auto 0 auto; padding:0 0 5px 16px; font-size:13px; color:#888; line-height:21px; letter-spacing:-0.5px; text-align:left; }
.viewBox .contPhoto .txt.size500 { width:484px; }
.viewBox .contPhoto .txt.size600 { width:584px; }
.viewBox .contAD { float:left; margin:9px 15px 0 0; font-size:0; line-height:0; text-align:center; }
.viewBox .contAD img { margin-top:0; }
.viewBox .contAD > iframe { border:0; margin:0 auto; }
.viewBox .contAD.center { float:none; margin:28px auto 25px auto; }

.viewBox.fontUp1 { font-size:18px; line-height:34px; }
.viewBox.fontUp2 { font-size:19px; line-height:35px; }
.viewBox.fontDown1 { font-size:15px; line-height:29px; }
.viewBox.fontDown2 { font-size:16px; line-height:31px; }

.viewShare { position:absolute; top:0; left:0; }
.viewShare a { width:25px; height:25px; background-image:url('../../resources/images/view_btn_share.png'); background-repeat:no-repeat; margin-top:6px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.viewShare a:first-child { margin-top:0; }
.viewShare .npost { height:26px; background-position:center 0; }
.viewShare .kakao { background-position:center -30px; }
.viewShare .twitter { background-position:center -60px; }
.viewShare .facebook { background-position:center -90px; }
.viewShare.fix { position:fixed; z-index:90; top:40px; left:auto; }

.viewRelate { border-top:solid 1px #e5e5e5; margin:37px -1px -3px 0; padding-top:27px; }
.viewRelate ul { padding-top:4px; }
.viewRelate ul li { background:url('../../resources/images/mark_relate.png') left 4px no-repeat; margin-top:11px; padding-left:15px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-0.75px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.viewRelate ul a { color:#333; }
.viewRelate .tit { font-size:16px; color:#000; letter-spacing:-0.8px; display:block; }
.viewRelate + .popularWord { margin-top:30px; }

.popularWord { border-top:solid 1px #e5e5e5; border-bottom:solid 2px #000; margin:40px -1px 0 0; padding:27px 0 30px 0; }
.popularWord h4 { font-size:16px; color:#000; letter-spacing:-0.8px; }
.popularWord a { height:23px; margin:9px 7px 0 0; padding:0 10px; font-size:12px; line-height:22px; }
.popularWord .keyword { margin-top:9px; }


/* 댓글 */
.comment { position:relative; background:#fff; margin-right:-41px; padding-top:50px; }
.comment .choice { width:36px; height:35px; background-position:center top; background-repeat:no-repeat; border-radius:50px; margin-right:4px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:bottom; display:inline-block; overflow:hidden; }
.comment .choice.segye { width:35px; background-image:url('../../resources/images/comment_choice_segye.png'); }
.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; margin-right:0 !important; }
.comment .partWrite .txtbox { padding:12px 15px; }
.comment .partWrite .txtbox textarea { width:100%; min-width:100%; max-width:100%; height:60px; min-height:60px; border:0; padding:0; font-size:15px; 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:18px; height:18px; background:url('../../resources/images/comment_btn.png') -50px top no-repeat; margin:8px 7px 0 0; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.comment .partWrite .addfile { width:18px; 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; display:block; cursor:pointer; }
.comment .partWrite .addfile input { position:absolute; top:-1px; left:-1px; width:0; height:0; font-size:0; opacity:0; filter:alpha(opacity=0); overflow:hidden; }
.comment .partWrite .sticker { width:18px; height:18px; background:url('../../resources/images/comment_btn.png') -25px top no-repeat; margin:8px 0 0 9px; 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:15px; font-weight:bold; color:#fff; text-align:center; vertical-align:top; display:inline-block; }

.comment .partList { position:relative; margin-top:47px; }
.comment .partList:after { content:''; display:block; clear:both; }
.comment .partList .tit { float:left; margin-bottom:14px; font-size:17px; color:#000; letter-spacing:-0.8px; display:block; }
.comment .partList .tit i { font-style:normal; color:#2367d7; display:inline-block; }
.comment .partList .more { width:100px; height:30px; background:#5a6170; border-radius:100px; margin:35px auto 0 auto; font-size:13px; font-weight:bold; color:#fff; line-height:29px; letter-spacing:-0.8px; text-align:center; display:block; }
.comment .partList .lineup { float:right; font-size:14px; letter-spacing:-1px; }
.comment .partList .lineup li { margin-left:8px; 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:21px 0 18px 0; clear:both; }
.comment .portion:after { content:''; display:block; clear:both; }
.comment .portion .cont { margin:10px 110px 0 0; font-size:14px; color:#000; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.comment .portion .appra { position:absolute; z-index:10; top:40px; right:0; padding-top:25px; }
.comment .portion .writer { font-size:14px; font-weight:bold; color:#333; }
.comment .portion .writer i { height:14px; border:solid 1px #888; border-radius:2px; margin:-5px 6px 0 0; padding:0 3px; font-style:normal; font-size:11px; color:#888; line-height:14px; letter-spacing:-0.5px; vertical-align:middle; display:inline-block; }
.comment .portion .writer a { color:#333; }
.comment .portion .writer img { height:18px; margin-top:-4px; vertical-align:middle; }
.comment .portion .writer small { margin-left:3px; font-size:13px; font-weight:normal; color:#777; vertical-align:bottom; display:inline-block; }
.comment .portion .writer .best { border-color:#2367d7; color:#2367d7; }

.comment .portion .expr { text-align:right; }
.comment .portion .expr a { font-size:12px; font-weight:bold; color:#777; text-decoration:none; display:inline-block; }
.comment .portion .expr span { width:14px; height:16px; background-image:url('../../resources/images/comment_mark.png'); background-repeat:no-repeat; margin:-2px -1px 0 0; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
.comment .portion .expr .like { color:#2367d7; }
.comment .portion .expr .like span { background-position:-45px top; }
.comment .portion .expr .dislike { margin-left:15px; }
.comment .portion .expr .dislike span { background-position:-65px 3px; }
.comment .portion .accuse { position:absolute; top:0; right:0; width:13px; height:13px; background:url('../../resources/images/comment_mark.png') left top no-repeat; font-size:0; line-height:0; display:block; }

.comment .portion .reply { margin-top:9px; font-size:12px; font-weight:bold; color:#777; text-decoration:none; display:inline-block; }
.comment .portion .reply:before { content:''; width:16px; height:10px; background:url('../../resources/images/comment_mark.png') -20px top no-repeat; margin-right:6px; display:inline-block; }
.comment .portion .partWrite { border-top:dashed 1px #e5e5e5; margin-top:18px; padding:20px 0 2px 0; }


/* 환경,드론 목록*/
.extraList { margin:0 0 -7px -36px; padding-top:7px; }
.extraList:after { content:''; display:block; clear:both; }
.extraList li { float:left; width:258px; height:220px; margin:53px 0 0 36px; font-size:15px; line-height:22px; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.extraList a:hover .pic img { transform:scale(1.17); }
.extraList .pic { height:158px; margin-bottom:15px; font-size:0; line-height:0; display:block; overflow:hidden;text-align:center; }
.extraList .pic img {/* width:100%; min-height:100%;*/ height:100%; transition:all 0.25s ease-out 0s; }
.extraList + .listPage { border-top:solid 1px #000; margin-top:60px; padding-top:30px; }

/* 뉴스 */
#wrapNews #utilLink { background:#3a68b7; }
#wrapNews #wrapTop h2 { color:#2367d7; }
#wrapNews #wrapMenu { border-color:#3a68b7; }
#wrapNews .depth1 .on,
#wrapNews .depth1 a:hover { color:#2367d7; }
#wrapNews .depth2 .on { background:#2367d7; }
#wrapNews .depth2 a:hover { color:#2367d7; }


/* 뉴스 - main */
#wrapNews .mainHead { background:url('../../resources/images/main_bg_news.png') center top repeat-y #404040; }
#wrapNews .mainHead + #wrapCont { border-top:solid 4px #2367d7; }
.wrapContNews { border-top:solid 4px #2367d7; }

.newsSubjTop { border-bottom:solid 2px #000; margin-bottom:40px; padding-bottom:33px; overflow:hidden; }
.newsSubjTop h3 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.newsSubjTop > ul { margin-left:-20px; }
.newsSubjTop > ul:after { content:''; display:block; clear:both; }
.newsSubjTop > ul li { float:left; width:240px; height:205px; margin:30px 0 0 20px; overflow:hidden; }
.newsSubjTop > ul li:first-child { float:left; margin-left:20px; }
.newsSubjTop > ul li:last-child { float:right; margin-left:0; }
.newsSubjTop > ul li:hover .pic img { transform:scale(1.12); }
.newsSubjTop .tit,
.newsSubjTop .txt { white-space:normal; word-wrap:break-word; word-break:keep-all; }
.newsSubjTop .tit { font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-1px; }
.newsSubjTop .pic { position:relative; width:100%; height:146px; margin-bottom:12px; font-size:0; line-height:0; display:block; overflow:hidden; }
.newsSubjTop .pic img { width:100%; min-height:100%; transition:all 0.25s ease 0s; }
.newsSubjTop .upper { width:370px; height:auto; margin:0 0 0 19px; }
.newsSubjTop .upper a { position:relative; height:359px; border:solid 1px #e5e5e5; display:block; }
.newsSubjTop .upper a:hover { text-decoration:none; }
.newsSubjTop .upper a:hover .tit { color:#2367d7; }
.newsSubjTop .upper a:hover .txt { text-decoration:underline; }
.newsSubjTop .upper a:hover .pic img { transform:scale(1.15); }
.newsSubjTop .upper .tit,
.newsSubjTop .upper .txt { margin:0 18px; display:block; overflow:hidden; }
.newsSubjTop .upper .tit { height:55px; margin-top:15px; font-size:20px; color:#000; font-weight:bold; line-height:27px; letter-spacing:-1.5px; }
.newsSubjTop .upper .txt { height:40px; margin-top:11px; color:#777; letter-spacing:-0.5px; }
.newsSubjTop .upper .pic { position:relative; width:370px; height:222px; margin:-1px 0 0 -1px; }
@media \0screen {
.newsSubjTop > ul { margin-right:-1px; }
}


/* 뉴스 - 오피니언 */
.newsOpinion { position:relative; z-index:10; background:#eaeaea; margin-bottom:-10px; }
.newsOpinion .contbox { position:relative; padding:50px 0; overflow:hidden; }
.newsOpinion .editorial { position:relative; background:#eaeaea; margin-left:-20px; }
.newsOpinion .editorial:after { content:''; display:block; clear:both; }
.newsOpinion .editorial li { float:left; width:270px !important; margin-left:20px; }
.newsOpinion .editorial a { width:230px; height:150px; background:#fff; padding:22px 20px 0 20px; display:block; }
.newsOpinion .editorial a:hover { height:149px; border:solid 1px #2367d7; padding:21px 19px 0 19px; text-decoration:none; }
.newsOpinion .editorial .tit,
.newsOpinion .editorial .txt { white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.newsOpinion .editorial .tit { height:50px; margin-top:8px; font-size:18px; color:#000; line-height:25px; letter-spacing:-1.5px; }
.newsOpinion .editorial .txt { height:35px; margin-top:13px; color:#777; line-height:18px; }
.newsOpinion .editorial .sort { font-style:normal; font-size:14px; font-weight:bold; color:#2367d7; }
.newsOpinion .bx-pager { position:absolute; top:23px; right:0; font-size:0; line-height:0; }
.newsOpinion .bx-pager a { width:8px; height:8px; background:url('../../resources/images/slide_choice_opn.png') left top no-repeat; text-indent:-9999px; display:block; overflow:hidden; }
.newsOpinion .bx-pager a.active { background-position:right top; }
.newsOpinion .bx-pager > div { margin-left:8px; display:inline-block; }
.newsOpinion .bx-pager > div:first-child { margin-left:0; }

.opnDesk { position:relative; margin-right:-1px; overflow:hidden; margin-bottom:37px;}
.opnDesk h3 { font-size:16px; }
.opnDesk .tit { position:absolute; z-index:99; left:20px; bottom:20px; width:200px; font-size:17px; color:#fff; letter-spacing:-1px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.opnDesk .pic { position:relative; z-index:1; width:100%; height:100%; font-size:0; line-height:0; display:block;text-align:center;}
.opnDesk .pic:after { content:''; position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; background:url('../../resources/images/main_txtbg_01.png') left bottom repeat-x; display:block; }
.opnDesk .pic img { height:100%; }
.opnDesk .cont { position:relative; float:left; width:240px; height:146px; margin:20px 0 0 20px; overflow:hidden; }
.opnDesk .cont:hover .pic:after { background-image:none; background:#2367d7; opacity:.7; filter:alpha(opacity=70); }
.opnDesk .listbox { margin:-2px 0 0 -20px; }
.opnDesk .listbox:after { content:''; display:block; clear:both; }
.opnDesk .paging { position:absolute; top:2px; right:0; width:50%; height:13px; text-align:right; }
.opnDesk .paging span { height:13px; font-size:12px; color:#666; line-height:13px; display:inline-block; }
.opnDesk .paging .now { font-style:italic; font-size:17px; font-weight:bold; color:#2367d7; }
.opnDesk .paging .total:before { content:'/'; height:13px; margin:-6px 3px 0 -2px; font-style:normal; font-size:13px; font-weight:normal; color:#666; vertical-align:middle; display:inline-block; }
.opnDesk .paging .arrow { width:10px; height:13px; background-image:url('../../resources/images/paging_side.png'); background-repeat:no-repeat; margin:0; font-size:0; line-height:0; text-indent:-9999px; display:inline-block; overflow:hidden; }
.opnDesk .paging .arrow.prev { background-position:left top; }
.opnDesk .paging .arrow.next { background-position:right top; }

.opnColumn { position:relative; margin:0 -1px 37px 0; }
.opnColumn h3 { font-size:16px; }
.opnColumn ul { margin-top:17px; border-top:solid 2px #000; }
.opnColumn ul:after { content:''; display:block; clear:both; }
.opnColumn ul li { border-bottom:solid 1px #e5e5e5; padding:20px 15px 20px 0; }
.opnColumn ul li:after { content:''; display:block; clear:both; }
.opnColumn .tit { color:#000; letter-spacing:-1px; }
.opnColumn .tit a { color:#000; }
.opnColumn .txt { color:#777; letter-spacing:-0.7px; }
.opnColumn .pic { font-size:0; line-height:0; display:block; overflow:hidden; }
.opnColumn .pic img { height:100%; }
.opnColumn .date { font-size:11px; color:#a8a8a8; line-height:13px; }
.opnColumn .writer { font-size:14px; color:#2367d7; letter-spacing:-0.8px; display:block; }
.opnColumn .writer a { color:#2367d7; }
.opnColumn .more { position:absolute; top:1px; right:0; background:url('../../resources/images/mark_more.png') right center no-repeat; padding-right:9px; font-size:12px; color:#777; line-height:18px; letter-spacing:-0.5px; text-decoration:none !important; display:block; }

.opnColumn .today a:hover { text-decoration:none; }
.opnColumn .today a:hover .tit { color:#2367d7; }
.opnColumn .today a:hover .txt { text-decoration:underline; }
.opnColumn .today .tit { height:22px;margin-top:4px; font-size:18px; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.opnColumn .today .txt { height:40px; margin:10px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.opnColumn .today .pic { float:left; width:172px; height:104px; margin-right:28px; text-align:center;}

.opnColumn .expert { border-bottom:solid 1px #e5e5e5; padding:10px 0; }
.opnColumn .expert li { position:relative; float:left; width:50%; height:100px; border:0; padding-right:0; }
.opnColumn .expert .tit { white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; }
.opnColumn .expert .tit { height:45px; margin:3px 45px 0 0; font-size:16px; line-height:22px; overflow:hidden; }
.opnColumn .expert .pic { float:left; width:80px; height:100px; margin-right:19px; }
.opnColumn .expert .intro { position:absolute; left:100px; bottom:20px; font-size:14px; color:#777; line-height:18px; letter-spacing:-0.5px; }
.opnColumn .expert .writer { margin-top:-2px; }

.opnColumn .express .tit,
.opnColumn .express .txt { white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.opnColumn .express .tit { margin-top:4px; font-size:16px; }
.opnColumn .express .txt { margin-top:6px; }
.opnColumn .express .pic { float:left; width:78px; height:78px; border:solid 1px #e5e5e5; border-radius:100px; margin-right:19px;    text-align: center; }
.opnColumn .express .pic + .writer { margin-top:4px; }

.opnColumnist { margin:37px -1px 0 0; overflow:hidden; }
.opnColumnist ul:after { content:''; display:block; clear:both; }
.opnColumnist ul li { float:left; }
.opnColumnist .tab li { margin-left:15px; font-size:16px; letter-spacing:-0.75px; }
.opnColumnist .tab li:before { content:''; width:1px; height:15px; background:#d6d6d6; margin:-2px 14px 0 0; vertical-align:middle; display:inline-block; }
.opnColumnist .tab li:first-child { margin-left:0; }
.opnColumnist .tab li:first-child:before { display:none; }
.opnColumnist .tab a { color:#666; }
.opnColumnist .tab .on a { font-weight:bold; color:#000; }
.opnColumnist .listbox { margin-left:-20px; padding-top:3px; display:none; overflow:hidden; }
.opnColumnist .listbox li { width:240px; margin:15px 0 0 20px; }
.opnColumnist .listbox a { height:54px; background:#f8f8f8; border:solid 1px #eaeaea; padding:12px 15px 0 15px; letter-spacing:-0.5px; display:block; }
.opnColumnist .listbox a:hover { border-color:#2367d7; text-decoration:none; }
.opnColumnist .listbox a:hover .tit { color:#2367d7; }
.opnColumnist .listbox .tit,
.opnColumnist .listbox .intro { white-space:nowrap; word-wrap:normal; text-overflow:ellipsis; display:block; overflow:hidden; }
.opnColumnist .listbox .tit { font-size:16px; color:#000; }
.opnColumnist .listbox .intro { margin-top:2px; font-size:14px; color:#777; }
.opnColumnist .listbox.open { display:block; }

.opnPopular h3, .opnContrib h3, .opnReaders h3 { font-size:16px; color:#000; letter-spacing:-0.8px; }

.opnPopular { margin:-3px 0 -5px 0; }
.opnPopular a { padding-left:8px; font-style:normal; font-size:15px; font-weight:normal; letter-spacing:-0.6px; }
.opnPopular ol { margin-left:-1px; padding-top:7px; }
.opnPopular ol li { list-style:decimal; list-style-position:inside; height:23px; margin-top:8px; font-style:italic; font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.opnPopular ol li:nth-child(1), .opnPopular ol li:nth-child(1) a:hover,
.opnPopular ol li:nth-child(2), .opnPopular ol li:nth-child(2) a:hover,
.opnPopular ol li:nth-child(3), .opnPopular ol li:nth-child(3) a:hover { color:#2367d7; }
.opnPopular ol li:last-child a { padding-left:0; }
 _:-ms-input-placeholder, :root .opnPopular a { padding-left:0; margin-left:-6px; }

.opnContrib { position:relative; /*margin-top:36px; */}
.opnContrib ul { padding-top:8px; }
.opnContrib ul li { margin-top:10px; font-size:14px; letter-spacing:-0.8px; }
.opnContrib ul li:after { content:''; display:block; clear:both; }
.opnContrib .tit { max-height:45px; margin-bottom:8px; font-size:15px; color:#000; line-height:25px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.opnContrib .tit a { color:#000; }
.opnContrib .pic { float:left; width:68px; height:88px; margin-right:14px; font-size:0; line-height:0; display:block; overflow:hidden; }
.opnContrib .pic img { width:100%; min-width:100%; min-height:100%; }
.opnContrib .pic + .tit { padding-top:9px; }
.opnContrib .sort { font-style:normal; font-size:14px; color:#2367d7; }
.opnContrib .intro { color:#777; }

.opnReaders { position:relative; margin:37px 0 -3px 0; }
.opnReaders ul { padding-top:3px; }
.opnReaders ul li { margin-top:12px; font-size:15px; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


/* 이슈 */
#wrapIssue #utilLink { background:#3a68b7; }
#wrapIssue #wrapTop h2 { color:#2367d7; }
#wrapIssue #wrapMenu { border-color:#3a68b7; }
#wrapIssue .depth1 .on,
#wrapIssue .depth1 a:hover { color:#2367d7; }
#wrapIssue .depth2 .on { background:#2367d7; }
#wrapIssue .depth2 a:hover { color:#2367d7; }

#wrapIssue .sideClick ol li:nth-child(1), #wrapIssue .sideClick ol li:nth-child(1) a:hover,
#wrapIssue .sideClick ol li:nth-child(2), #wrapIssue .sideClick ol li:nth-child(2) a:hover,
#wrapIssue .sideClick ol li:nth-child(3), #wrapIssue .sideClick ol li:nth-child(3) a:hover { color:#2367d7; }
#wrapIssue .sidePhoto .thumb a:after { border-color:#2367d7; }
#wrapIssue .sideSNS .pager a { color:#2367d7; }

#wrapIssue .listBox a:hover .tit,
#wrapIssue .listBox a:focus .tit { color:#2367d7; }
#wrapIssue .listPage a:hover { border-color:#2367d7; color:#2367d7; }
#wrapIssue .viewBox .precis:before { background:#2367d7; }
#wrapIssue .viewIssue b { color:#2367d7; }


/* 이슈 - 메인 */
#wrapCont.issueMain { padding-top:35px; }

.issueSubj { position:relative; border-bottom:solid 1px #e5e5e5; margin-bottom:40px; padding-bottom:40px; overflow:hidden; }
.issueSubj h3 { margin-top:-3px; font-size:16px; color:#000; letter-spacing:-0.8px; }
.issueSubj ul { margin-top:18px; }
.issueSubj ul:after { content:''; display:block; clear:both; }
.issueSubj ul li { position:relative; float:left; width:220px; margin-left:21px; }
.issueSubj ul li:first-child { width:277px; margin-left:0; }
.issueSubj ul li:first-child a:hover .tit { text-decoration:underline; }
.issueSubj ul li:first-child a:hover .pic img { transform:scale(1.13); }
.issueSubj ul li:first-child .tit { position:absolute; left:15px; bottom:11px; width:247px; color:#fff; white-space:normal; word-wrap:break-word; word-break:keep-all; }
.issueSubj ul li:first-child .pic { height:167px; }
.issueSubj ul li:first-child .pic:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../resources/images/main_txtbg_03.png') left bottom repeat-x; display:block; }
.issueSubj ul a:hover .pic img { transform:scale(1.12); }
.issueSubj .tit { margin-top:11px; font-size:15px; line-height:22px; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.issueSubj .pic { width:100%; height:132px; font-size:0; line-height:0; display:block; overflow:hidden; }
.issueSubj .pic img { width:100%; min-height:100%; transition:all 0.25s ease 0s; }
.issueSubj .more { position:absolute; top:0; right:0; background:url('../../resources/images/mark_more.png') right center no-repeat; padding-right:9px; font-size:12px; color:#777; line-height:18px; letter-spacing:-0.5px; text-decoration:none !important; display:block; }
.issueSubj + .issueList { margin-top:-40px; }

.issueList { margin-top:-20px; }
.issueList li { border-bottom:solid 1px #e5e5e5; padding:16px 0 17px 0; font-size:16px; font-weight:bold; letter-spacing:-0.8px; line-height:22px; }
.issueList li a { color:#000; }


/* 비즈 */
#wrapBiz #utilLink { background:#957357; }
#wrapBiz #wrapTop h2 { color:#ac7d58; }
#wrapBiz #wrapMenu { border-color:#957357; }
#wrapBiz #wrapMenu .btnTotal { background-image:url('../../resources/images/menu_total_biz.png'); }
#wrapBiz .depth1 .on,
#wrapBiz .depth1 a:hover { color:#ac7d58; }
#wrapBiz .depth2 .on { background:#ac7d58; }
#wrapBiz .depth2 a:hover { color:#ac7d58; }

#wrapBiz .sideSNS .bx-pager a,
#wrapBiz .sideNow .bx-pager a,
#wrapBiz .sideNow .paging .now { color:#ac7d58; }
#wrapBiz .sideClick ol li:nth-child(1), #wrapBiz .sideClick ol li:nth-child(1) a:hover,
#wrapBiz .sideClick ol li:nth-child(2), #wrapBiz .sideClick ol li:nth-child(2) a:hover,
#wrapBiz .sideClick ol li:nth-child(3), #wrapBiz .sideClick ol li:nth-child(3) a:hover { color:#ac7d58; }
#wrapBiz .sidePhoto .thumb a:after { border-color:#ac7d58; }
#wrapBiz .sidePhotoHit .slideBox .bx-pager a,
#wrapBiz .sideDigital .slideBox .bx-pager a,
#wrapBiz .sideVidHit .bx-pager a { background-image:url('../../resources/images/slide_choice_biz.png'); }

#wrapBiz .listBox a:hover .tit,
#wrapBiz .listBox a:focus .tit { color:#ac7d58; }
#wrapBiz .listPage a:hover { border-color:#ac7d58; color:#ac7d58; }
#wrapBiz .listPage .arrow { background-image:url('../../resources/images/paging_list_biz.png'); }
#wrapBiz .viewBox .precis:before { background:#ac7d58; }
#wrapBiz .viewIssue b { color:#ac7d58; }
#wrapBiz .viewRelate ul li { background-image:url('../../resources/images/mark_relate_biz.png'); }


/* 비즈 - main */
#wrapBiz .mainHead { background:url('../../resources/images/main_bg_news.png') center top repeat-y #404040; }
#wrapBiz .mainHead + #wrapCont { border-top:solid 4px #ac7d58; }
#wrapBiz .mainHead .thumb li.on:after { border-color:#ac7d58; }
#wrapBiz .mainIssWord .relate li { background-image:url('../../resources/images/mark_relate_biz.png'); }
.wrapContBiz { border-top:solid 4px #ac7d58; }

/* 연예 */
#wrapEnt #utilLink { background:#ee297d; }
#wrapEnt #wrapTop h2 { color:#f03287; }
#wrapEnt #wrapMenu { border-color:#ee297d; }
#wrapEnt #wrapMenu .btnTotal { background-image:url('../../resources/images/menu_total_ent.png'); }
#wrapEnt .depth1 .on,
#wrapEnt .depth1 a:hover { color:#f03287; }
#wrapEnt .depth2 .on { background:#f03287; }
#wrapEnt .depth2 a:hover { color:#f03287; }

#wrapEnt .sideSNS .bx-pager a,
#wrapEnt .sideNow .bx-pager a,
#wrapEnt .sideNow .paging .now { color:#f03287; }
#wrapEnt .sideClick ol li:nth-child(1), #wrapEnt .sideClick ol li:nth-child(1) a:hover,
#wrapEnt .sideClick ol li:nth-child(2), #wrapEnt .sideClick ol li:nth-child(2) a:hover,
#wrapEnt .sideClick ol li:nth-child(3), #wrapEnt .sideClick ol li:nth-child(3) a:hover { color:#f03287; }
#wrapEnt .sidePhoto .thumb a:after { border-color:#f03287; }
#wrapEnt .sidePhotoHit .slideBox .bx-pager a,
#wrapEnt .sideDigital .slideBox .bx-pager a,
#wrapEnt .sideVidHit .bx-pager a { background-image:url('../../resources/images/slide_choice_ent.png'); }

#wrapEnt .listBox a:hover .tit,
#wrapEnt .listBox a:focus .tit { color:#f03287; }
#wrapEnt .listPage a:hover { border-color:#f03287; color:#f03287; }
#wrapEnt .listPage .arrow { background-image:url('../../resources/images/paging_list_ent.png'); }
#wrapEnt .viewBox .precis:before { background:#f03287; }
#wrapEnt .viewIssue b { color:#f03287; }
#wrapEnt .viewRelate ul li { background-image:url('../../resources/images/mark_relate_ent.png'); }


/* 연예 - main */
#wrapEnt .mainHead { background:#eaeaea; }
#wrapEnt .mainHead + #wrapCont { padding-top:40px; }
#wrapEnt .mainIssWord .relate li { background-image:url('../../resources/images/mark_relate_ent.png'); }
#wrapEnt .photoGallery { background:url('../../resources/images/main_bg_ent.png') center top no-repeat #202020; }

.entSubjList { width:1140px; border-top:solid 4px #f03287; margin:0 auto; padding:50px 0; overflow:hidden; }
.entSubjList a:hover { text-decoration:none; }
.entSubjList a:hover .tit { color:#f03287; }
.entSubjList a:hover .txt { text-decoration:underline; }
.entSubjList a:hover .pic img { transform:scale(1.17); }
.entSubjList ul { margin-left:-20px; }
.entSubjList ul:after { content:''; display:block; clear:both; }
.entSubjList ul li { float:left; width:25%; letter-spacing:-0.7px; }
.entSubjList ul a { position:relative; height:280px; background:#fff; margin-left:20px; padding:0 20px; display:block; }
.entSubjList span,
.entSubjList strong { display:block; }
.entSubjList .tit { height:22px; margin-top:21px; font-size:18px; color:#000; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.entSubjList .txt { height:40px; margin-top:10px; color:#777; white-space:normal; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.entSubjList .pic { height:162px; margin:0 -20px; font-size:0; line-height:0; overflow:hidden; }
.entSubjList .pic img { width:100%; min-height:100%; transition:all 0.25s ease 0s; }
.entSubjList .tag { position:absolute; z-index:10; top:0; left:0; min-width:26px; height:24px; background:#ee297d; padding:0 7px; font-style:normal; font-size:13px; font-weight:bold; color:#fff; line-height:24px; text-align:center; display:block; }

.entPhoto h3,
.mainIssWord h3 { font-size:16px; }
.mainIssWord + .entPhoto { border-top:solid 2px #fff; margin-top:-42px; }
.mainIssWord + .entPhoto h3 { margin-top:-5px; }

.entPhoto { position:relative; z-index:10; border-bottom:solid 2px #000; margin:-3px 0 40px 0; padding-bottom:40px; }
.entPhoto a:hover .tit { text-decoration:underline; }
.entPhoto ul { height:296px; overflow:hidden; }
.entPhoto ul:after { content:''; display:block; clear:both; }
.entPhoto ul li { position:relative; float:left; width:380px !important; height:100%; background:#000; overflow:hidden; }
.entPhoto ul li:last-child { margin-right:-1px; }
.entPhoto ul li:hover .pic img { transform:scale(1.08); }
.entPhoto .tit { position:absolute; z-index:10; left:20px; right:20px; bottom:19px; font-size:17px; font-weight:normal; color:#fff; letter-spacing:-0.5px; text-align:center; display:block; overflow:hidden; }
.entPhoto .pic { position:relative; z-index:1; height:100%; font-size:0; line-height:0; text-align:center; display:block; }
.entPhoto .pic img { width:100%; transition:all 0.17s ease-in-out 0s; }
.entPhoto .pic:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:150px; background:url('../../resources/images/main_txtbg_05.png') left bottom repeat-x; display:block; }
.entPhoto .slideBox { position:relative; margin-top:18px; }
.entPhoto .totalPage { position:absolute; z-index:1; top:-17px; right:7px; width:25px; font-size:15px; color:#666; display:block; }
.entPhoto .totalPage:before { content:'/'; margin:-6px 2px 0 0; margin-top:-8px\9; font-size:15px; color:#666; vertical-align:middle; display:inline-block; }
.entPhoto .bx-controls { position:absolute; top:-20px; right:0; }
.entPhoto .bx-pager { position:absolute; left:-58px; bottom:-4px;  bottom:-3px\9; width:30px; text-align:center; }
.entPhoto .bx-pager a { font-style:italic; font-size:25px; font-weight:bold; color:#ee297d; line-height:25px; text-decoration:none; display:none; cursor:default; }
.entPhoto .bx-pager a.active { display:block; }
.entPhoto .bx-pager > div { display:inline-block; }
.entPhoto .bx-controls-direction a { position:absolute; z-index:10; bottom:0; width:10px; height:13px; background-image:url('../../resources/images/paging_num.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.entPhoto .bx-controls-direction .bx-prev { left:-66px; background-position:left top; }
.entPhoto .bx-controls-direction .bx-prev:hover { background-position:left -15px; }
.entPhoto .bx-controls-direction .bx-next { left:-10px; background-position:right top; }
.entPhoto .bx-controls-direction .bx-next:hover { background-position:right -15px; }
.entPhoto .bx-wrapper { width:100%; overflow:hidden; }
.entPhoto .bx-viewport { width:760px !important; }
.entPhoto .bx-viewport ul li:last-child { margin:0; }


/* 스포츠 */
#wrapSports #utilLink { background:#bf0d0e; }
#wrapSports #wrapTop h2 { color:#ee2828; }
#wrapSports #wrapMenu { border-color:#bf0d0e; }
#wrapSports #wrapMenu .btnTotal { background-image:url('../../resources/images/menu_total_sports.png'); }
#wrapSports .depth1 .on,
#wrapSports .depth1 a:hover { color:#ee2828; }
#wrapSports .depth2 .on { background:#ee2828; }
#wrapSports .depth2 a:hover { color:#ee2828; }

#wrapSports .sideSNS .bx-pager a,
#wrapSports .sideNow .bx-pager a,
#wrapSports .sideNow .paging .now { color:#ee2828; }
#wrapSports .sideClick ol li:nth-child(1), #wrapSports .sideClick ol li:nth-child(1) a:hover,
#wrapSports .sideClick ol li:nth-child(2), #wrapSports .sideClick ol li:nth-child(2) a:hover,
#wrapSports .sideClick ol li:nth-child(3), #wrapSports .sideClick ol li:nth-child(3) a:hover { color:#ee2828; }
#wrapSports .sidePhoto .thumb a:after { border-color:#ee2828; }
#wrapSports .sidePhotoHit .slideBox .bx-pager a,
#wrapSports .sideDigital .slideBox .bx-pager a,
#wrapSports .sideSports .bx-pager a,
#wrapSports .sideVidHit .bx-pager a { background-image:url('../../resources/images/slide_choice_sports.png'); }
#wrapSports .sideVidHit { border-bottom:0; margin-bottom:-5px; padding-bottom:0; }
#wrapSports .sideVidHit .bx-viewport { margin-bottom:-12px; }

#wrapSports .listBox a:hover .tit,
#wrapSports .listBox a:focus .tit { color:#ee2828; }
#wrapSports .listPage a:hover { border-color:#ee2828; color:#ee2828; }
#wrapSports .listPage .arrow { background-image:url('../../resources/images/paging_list_sports.png'); }
#wrapSports .viewBox .precis:before { background:#ee2828; }
#wrapSports .viewIssue b { color:#ee2828; }
#wrapSports .viewRelate ul li { background-image:url('../../resources/images/mark_relate_sports.png'); }


/* 스포츠 - main */
#wrapSports .mainHead { position:relative; z-index:1; padding-top:60px; }
#wrapSports .mainHead .bgbox { position:absolute; z-index:1; top:0; left:0; width:100%; height:1050px; background:url('../../resources/images/main_bg_sports.png') center top no-repeat; font-size:0; line-height:0; }
#wrapSports .mainHead .contbox { position:relative; z-index:10; background:#fff; padding:40px 30px 20px 30px; }
#wrapSports .mainHead + #wrapCont { z-index:2; background:#fff; padding:40px 30px 120px 30px; }

#wrapSports .mainHead .pic { font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapSports .mainHead .pic img { width:100%; }

.sportsTop { margin:-23px 0 0 -30px; padding-bottom:3px; }
.sportsTop:after { content:''; display:block; clear:both; }
.sportsTop li { float:left; width:360px; height:340px; margin:23px 0 0 30px; white-space:normal; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sportsTop a:hover { text-decoration:none; }
.sportsTop a:hover .tit { color:#ee2828; }
.sportsTop a:hover .txt { text-decoration:underline; }
.sportsTop a:hover .pic img { transform:scale(1.15); }
.sportsTop .tit { max-height:55px; margin-bottom:13px; font-size:20px; color:#000; line-height:27px; letter-spacing:-1px; display:block; overflow:hidden; }
.sportsTop .txt { color:#777; letter-spacing:-0.7px; }
.sportsTop .pic { height:215px; margin-bottom:13px; }
.sportsTop .pic img { transition:all 0.25s ease 0s; }

.sportsPict { background:#404040; margin-top:40px; padding:8px 30px 22px 30px; }
.sportsPict h3 { margin:19px 0 -3px 0; font-size:17px; color:#fff; letter-spacing:-0.8px; }
.sportsPict ul { margin-left:-20px; }
.sportsPict ul:after { content:''; display:block; clear:both; }
.sportsPict ul li { float:left; width:255px; height:213px; margin:22px 0 0 20px; white-space:normal; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.sportsPict a { color:#b1b1b1; }
.sportsPict a:hover .pic img { transform:scale(1.12); }
.sportsPict .tit { font-size:15px; font-weight:normal; color:#b1b1b1; line-height:22px; letter-spacing:-0.5px; }
.sportsPict .pic { height:155px; margin-bottom:10px; }
.sportsPict .pic img { transition:all 0.2s ease 0s; }


/* 포토·영상 */
#wrapPhoto #utilLink { background:#9934b2; }
#wrapPhoto #wrapTop h2 { color:#b33fd0; }
#wrapPhoto #wrapMenu { border-color:#9934b2; }
#wrapPhoto #wrapMenu .btnTotal { background-image:url('../../resources/images/menu_total_photo.png'); }
#wrapPhoto .depth1 .on,
#wrapPhoto .depth1 a:hover { color:#b33fd0; }
#wrapPhoto .depth2 .on { background:#b33fd0; }
#wrapPhoto .depth2 a:hover { color:#b33fd0; }

#wrapPhoto .sideSNS .bx-pager a,
#wrapPhoto .sideNow .bx-pager a, { color:#b33fd0; }
#wrapPhoto .sideNow .paging .now { color:#b33fd0; }
#wrapPhoto .sideClick ol li:nth-child(1), #wrapPhoto .sideClick ol li:nth-child(1) a:hover,
#wrapPhoto .sideClick ol li:nth-child(2), #wrapPhoto .sideClick ol li:nth-child(2) a:hover,
#wrapPhoto .sideClick ol li:nth-child(3), #wrapPhoto .sideClick ol li:nth-child(3) a:hover { color:#b33fd0; }
#wrapPhoto .sidePhoto .thumb a:after { border-color:#b33fd0; }
#wrapPhoto .sidePhotoHit .slideBox .bx-pager a,
#wrapPhoto .sideDigital .slideBox .bx-pager a,
#wrapPhoto .sideSports .bx-pager a,
#wrapPhoto .sideVidHit .paging a,
#wrapPhoto .sideVidHit .bx-pager a { background-image:url('../../resources/images/slide_choice_photo.png'); }
#wrapPhoto .sideVidHit { border-bottom:0; margin-bottom:-5px; padding-bottom:0; }
#wrapPhoto .sideVidHit .bx-viewport { margin-bottom:-12px; }

#wrapPhoto .listBox a:hover .tit,
#wrapPhoto .listBox a:focus .tit { color:#b33fd0; }
#wrapPhoto .listPage a:hover { border-color:#b33fd0; color:#b33fd0; }
#wrapPhoto .listPage .arrow { background-image:url('../../resources/images/paging_list_photo.png'); }
#wrapPhoto .viewBox .precis:before { background:#b33fd0; }
#wrapPhoto .viewIssue b { color:#b33fd0; }
#wrapPhoto .viewRelate ul li { background-image:url('../../resources/images/mark_relate_photo.png'); }


/* 포토·영상 - main */
#wrapPhoto .mainHead { background:#202020; }
#wrapPhoto .mainHead + #wrapCont { border-top:solid 4px #b33fd0; padding-top:40px; }
/*#wrapPhoto #wrapCont { border-top:solid 4px #b33fd0; padding-top:40px; }*/
#wrapPhoto .mainHead .photoGallery { background:url('../../resources/images/main_bg_photo.png') center top no-repeat #202020; }
#wrapPhoto .mainHead .photoGallery .pageNum i { color:#b33fd0; }

.photoList { position:relative; margin:-25px -1px -5px -20px; }
.photoList:after { content:''; display:block; clear:both; }
.photoList li { float:left; width:33.33%; height:200px; margin-top:25px; overflow:hidden; }
.photoList a:hover .tit { text-decoration:underline; }
.photoList a:hover .pic img { transform:scale(1.13); }
.photoList .tit { margin-left:20px; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:inline-block; }
.photoList .pic { position:relative; z-index:1; height:144px; margin:0 0 11px 20px; font-size:0; line-height:0; text-align:center; display:block; overflow:hidden;background:#f2f2f2; }  /* ----------  20190715 양혜정 : 배경색상 추가 ---------------- */
.photoList .pic i { position:absolute; z-index:10; background-position:center center; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
/*.photoList .pic img { width:100%; transition:all 0.2s ease 0s; }*/
.photoList .pic img { max-height:100%;max-width:100%; transition:all 0.2s ease 0s; } /* ----------  20190715 양혜정 : 썸네일 비율대로 수정 ---------------- */
.photoList .vid { right:10px; bottom:10px; width:30px; height:30px; background-image:url('../../resources/images/mark_vid.png'); }
.photoList .pict { right:8px; bottom:8px; width:23px; height:23px; background-image:url('../../resources/images/mark_pictorial.png'); }
.photoList + .listPage { border-top:solid 1px #000; padding-top:30px; }

.photoVid,
.photoTopic,
.photoEssay,
.photoWorld { position:relative; border-top:solid 1px #e5e5e5; margin-top:40px; padding-top:37px; }
.photoVid h3,
.photoTopic h3,
.photoEssay h3,

.photoWorld h3,
.photoPictorial h3 { margin-bottom:17px; font-size:16px; }
.photoVid .more,
.photoTopic .more,
.photoEssay .more,
.photoWorld .more,
.photoPictorial .more { position:absolute; top:40px; right:0; background:url('../../resources/images/mark_more.png') right center no-repeat; padding-right:9px; font-size:12px; color:#777; line-height:18px; letter-spacing:-0.5px; text-decoration:none !important; display:block; }

.photoWorld ul li,
.photoEssay ul li { float:left; width:50%; overflow:hidden; }
.photoWorld ul:after,
.photoEssay ul:after { content:''; display:block; clear:both; }
.photoWorld .pic,
.photoEssay .pic { font-size:0; line-height:0; overflow:hidden; }
.photoWorld .pic,
.photoEssay .pic img { width:100%; min-height:100%; }

.photoPictorial { position:relative; margin-top:-3px; }
.photoPictorial .more { top:3px; }
.photoPictorial .photoList li { height:180px; }
.photoPictorial .photoList .tit { white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }

.photoVid { margin-top:38px; }
.photoWorld .tit { height:47px; margin:21px 40px 0 0; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.photoWorld .pic { float:left; width:142px; height:86px; margin-right:20px; }


.photoEssay li { position:relative; height:228px; }
.photoEssay a:hover .tit { text-decoration:underline; }
.photoEssay a:hover .pic img { transform:scale(1.15); }
.photoEssay .tit { position:absolute; z-index:10; left:20px; right:20px; bottom:19px; font-size:17px; font-weight:normal; color:#fff; letter-spacing:-0.7px; white-space:nowrap; text-overflow:ellipsis; text-align:center; display:block; overflow:hidden; }
.photoEssay .pic { position:relative; height:100%; }
.photoEssay .pic:after { content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:115px; background:url('/static/2019_segye/resources/images/main_txtbg_06.png') left bottom repeat-x; display:block; }
.photoEssay .pic img { transition:all 0.15s ease-in-out 0s; }


/* 포토 - 핫갤러리 : 20190715 양혜정 start -------- */
.photoHot { position:relative; margin:-25px -1px -5px -20px; }
.photoHot:after { content:''; display:block; clear:both; }
.photoHot li { float:left; width:20%; height:460px; margin-top:25px; overflow:hidden; }
.photoHot a:hover .tit { text-decoration:underline; }
.photoHot a:hover .pic img { transform:scale(1.13); }
.photoHot .tit { margin-left:20px; font-size:15px; font-weight:normal; line-height:22px; letter-spacing:-0.5px; white-space:normal; word-wrap:break-word; word-break:keep-all; display:inline-block; }
.photoHot .pic { position:relative; z-index:1; height:405px; margin:0 0 11px 20px; font-size:0; line-height:0; text-align:center; display:block; overflow:hidden; }
.photoHot .pic i { position:absolute; z-index:10; background-position:center center; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.photoHot .pic img { width:100%; transition:all 0.2s ease 0s; }
.photoHot .vid { right:10px; bottom:10px; width:30px; height:30px; background-image:url('../../resources/images/mark_vid.png'); }
.photoHot .pict { right:8px; bottom:8px; width:23px; height:23px; background-image:url('../../resources/images/mark_pictorial.png'); }
.photoHot + .listPage { border-top:solid 1px #000; padding-top:30px; }
/* 포토 - 핫갤러리 : 20190715 양혜정 end -------- */



/* 드론 */
#wrapDrone #utilLink { background:#3a68b7; }
#wrapDrone #wrapTop h2 { color:#2367d7; }
#wrapDrone #wrapMenu { border-color:#3a68b7; }
#wrapDrone .extra .on { background-color:#005bf0; }
#wrapDrone .depth1 .on,
#wrapDrone .depth1 a:hover { color:#2367d7; }

#wrapDrone #extraMain h3 { width:1064px; height:188px; background:url('/static/2019_segye/resources/images/drone_titbg.jpg') center top no-repeat; margin:0 auto; padding:106px 0 0 76px; font-family:Noto Sans KR,'Noto Sans KR',MalgunGothic,Malgun Gothic,"Malgun Gothic","맑은 고딕",dotum,'돋움'; font-size:35px; font-weight:500; color:#101c2f; line-height:45px; letter-spacing:-0.7px; }
#wrapDrone #extraMain h3 small { font-size:35px; font-weight:300; display:block; }


/* 환경 */
#wrapEco #utilLink { background:#00ae7b; }
#wrapEco #wrapTop h2 { color:#16b269; }
#wrapEco #wrapMenu { border-color:#00ae7b; }
#wrapEco #wrapMenu .btnTotal { background-image:url('/static/2019_segye/resources/images/menu_total_eco.png'); }
#wrapEco .extra .on { background-color:#16b269; }
#wrapEco .depth1 .on,
#wrapEco .depth1 a:hover { color:#16b269; }

#wrapEco .sideSNS .bx-pager a,
#wrapEco .sideNow .bx-pager a,
#wrapEco .sideNow .paging .now { color:#16b269; }
#wrapEco .sideClick ol li:nth-child(1), #wrapEco .sideClick ol li:nth-child(1) a:hover,
#wrapEco .sideClick ol li:nth-child(2), #wrapEco .sideClick ol li:nth-child(2) a:hover,
#wrapEco .sideClick ol li:nth-child(3), #wrapEco .sideClick ol li:nth-child(3) a:hover { color:#16b269; }
#wrapEco .sidePhoto .thumb a:after { border-color:#16b269; }
#wrapEco .sidePhotoHit .slideBox .bx-pager a,
#wrapEco .sideDigital .slideBox .bx-pager a,
#wrapEco .sideSports .bx-pager a,
#wrapEco .sideVidHit .bx-pager a { background-image:url('/static/2019_segye/resources/images/slide_choice_photo.png'); }
#wrapEco .sideVidHit { border-bottom:0; margin-bottom:-5px; padding-bottom:0; }

#wrapEco .listPage a:hover { border-color:#16b269; color:#16b269; }
#wrapEco .listPage .arrow { background-image:url('/resources/images/paging_list_eco.png'); }
#wrapEco .viewBox .precis:before { background:#16b269; }
#wrapEco .viewIssue b { color:#16b269; }
#wrapEco .viewRelate ul li { background-image:url('/resources/images/mark_relate_eco.png'); }


/* 환경 - 메인 */
#wrapEco #extraMain h3 { font-size:17px; color:#000; letter-spacing:-0.8px; }
#wrapEco #extraMain #wrapCont { padding-top:337px; }
#wrapEco .extraList { margin-top:-41px; }

#wrapEco .category { position:absolute; z-index:10; top:0; left:0; width:100%; background:#333; padding-top:55px; }
#wrapEco .category:after { content:''; position:absolute; left:0; bottom:-20px; width:100%; height:20px; background:url('/static/2019_segye/resources/images/eco_sadow_catbox.png') left top repeat-x; display:block; }
#wrapEco .category .more { position:absolute; z-index:10; top:50px; right:50%; height:30px; background:url('/static/2019_segye/resources/images/eco_more.png') right 13px no-repeat #787878; border-radius:30px; margin-right:-570px; padding:0 23px 0 12px; color:#fff; line-height:30px; letter-spacing:-0.8px; text-decoration:none; display:block; overflow:hidden; }
#wrapEco .category .titbox { width:1140px; margin:0 auto; font-style:normal; font-size:15px; color:#fff; letter-spacing:-0.8px; display:block; }
#wrapEco .category.active .more { background-position:right -13px; }
#wrapEco .category.active .tabmenu { height:auto !important; }

#wrapEco .tabmenu { width:/*1140+여백36*/1176px; height:200px; margin:25px auto 0 auto; padding:0 20px; overflow:hidden; }
#wrapEco .tabmenu:after { content:''; display:block; clear:both; }
#wrapEco .tabmenu li { position:relative; float:left; width:160px; height:160px; background:#000; margin:0 18px 40px 18px; overflow:hidden; cursor:pointer; }
#wrapEco .tabmenu li:hover .txt { color:#aaa; text-decoration:underline; }
#wrapEco .tabmenu a { position:relative; width:100%; height:100%; display:block; }
#wrapEco .tabmenu a.all { width:100%; height:100%; background:url('/static/2019_segye/resources/images/eco_category_all.jpg') center top no-repeat; text-align:center; }
#wrapEco .tabmenu a.all .txt { left:16px; bottom:65px; font-family:Noto Sans KR,'Noto Sans KR'; font-size:24px; font-weight:500; line-height:26px; letter-spacing:0; text-decoration:none; }
#wrapEco .tabmenu img { opacity:.35; filter:alpha(opacity=35); }
#wrapEco .tabmenu img.opt40 { opacity:.40; filter:alpha(opacity=40); }
#wrapEco .tabmenu img.opt45 { opacity:.45; filter:alpha(opacity=45); }
#wrapEco .tabmenu .txt { position:absolute; z-index:10; left:14px; right:14px; bottom:13px; font-size:15px; font-weight:bold; color:#777; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; display:block; }

#wrapEco .tabmenu .on { box-shadow:13px 13px 20px rgba(0,0,0,.35); }
#wrapEco .tabmenu .on:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:solid 3px #16b269; display:block; }
#wrapEco .tabmenu .on a:after { content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:100%; background:url('/static/2019_segye/resources/images/mask_eco_now.png') left bottom repeat-x; display:block; }
#wrapEco .tabmenu .on a.all { background-position:center bottom; }
#wrapEco .tabmenu .on a.all:after { display:none; }
#wrapEco .tabmenu .on img { opacity:1; filter:alpha(opacity=100); }
#wrapEco .tabmenu .on .txt { color:#fff !important; }



/* extend : index ------------------------------------------------------------------------- */
#indexExtd { position:relative; z-index:1; }
#indexExtd h3 { color:#fff; margin-top:27px; }
#indexExtd .goLink { position:absolute; z-index:90; top:25px; right:0; width:133px; height:28px; background:#36393f; border:solid 1px #454649; border-radius:30px; font-size:12px; font-weight:bold; color:#fff; line-height:28px; letter-spacing:-0.5px; text-align:center; text-decoration:none; display:block; }
#indexExtd .goLink:hover { border-color:#6f6f6f; box-shadow:0 0 8px #454649; }
#indexExtd .contbox { position:relative; width:1140px; margin:0 auto; }
#indexExtd .contbox:after { content:''; display:block; clear:both; }


/* 이슈 */
.extdIssue { background:url('../../resources/images/extd_bg_issue.png') center top repeat-y #2a2a2a; }
.extdIssue .biggest { position:relative; z-index:1; float:left; width:760px; background:#404040; border-right:solid 1px #484848; margin-left:-40px; padding:50px 39px 50px 40px; }
.extdIssue .addInfo { float:left; width:300px; padding:50px 0 45px 39px; overflow:hidden; }
.extdIssue .addInfo h3 { border-top:solid 1px #3d3d3d; padding-top:37px; }
.extdIssue .addInfo h3:first-child { border-top:0; margin-top:-3px !important; padding-top:0; }
.extdIssue .addInfo ul li { min-height:23px; font-size:16px; font-weight:bold; color:#c9c9c9; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.extdIssue .addInfo ul a { font-weight:normal; color:#c9c9c9; }

.extdIssue .viewbox { position:relative; width:100%; height:455px; overflow:hidden; }
.extdIssue .viewbox .tit { padding:0 31px 29px 31px; font-size:32px; font-weight:normal; color:#fff; line-height:35px; letter-spacing:-2.3px; text-decoration:none; display:block; }
.extdIssue .viewbox .cont { position:absolute; z-index:90; left:0; bottom:0; width:100%; }
.extdIssue .viewbox .relate { margin:-18px 30px 27px 30px; }
.extdIssue .viewbox .relate li { background:url('../../resources/images/mark_relate.png') left 5px no-repeat; margin-top:5px; padding-left:15px; font-size:15px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.extdIssue .viewbox .relate a { color:#999; }
.extdIssue .viewbox .imgbox { position:relative; z-index:1; width:100%; height:100%; font-size:0; line-height:0; display:block; }
.extdIssue .viewbox .imgbox:after { content:''; position:absolute; z-index:10; left:0; bottom:0; width:100%; height:215px; background:url('../../resources/images/extd_mask_01.png') left bottom repeat-x; display:block; }
.extdIssue .viewbox .imgbox img { width:100%; }

.extdIssue .thumb { margin:17px 0 -7px -16px; }
.extdIssue .thumb:after { content:''; display:block; clear:both; }
.extdIssue .thumb li { float:left; width:178px; height:165px; margin:13px 0 0 16px; font-size:15px; color:#747474; line-height:22px; letter-spacing:-1.3px; word-wrap:break-word; word-break:keep-all; overflow:hidden; cursor:pointer; }
.extdIssue .thumb li:hover { text-decoration:underline; }
.extdIssue .thumb a { color:#747474; }
.extdIssue .thumb .pic { position:relative; height:107px; background:#000; margin-bottom:11px; font-size:0; line-height:0; display:block; overflow:hidden; }
.extdIssue .thumb .pic img { width:100%; min-height:100%; opacity:.45; filter:alpha(opacity=45); }

.extdIssue .thumb .on .pic:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:solid 4px #2367d7; display:block; }
.extdIssue .thumb .on .pic img { opacity:1; filter:alpha(opacity=100); }
.extdIssue .thumb .on a { font-weight:bold; color:#c9c9c9; letter-spacing:-1.4px; }

.extdIssue .realtime li { position:relative; margin-top:11px; }
.extdIssue .realtime li:after { content:''; display:block; clear:both; }
.extdIssue .realtime .tit { color:#c9c9c9; }
.extdIssue .realtime .txt { max-height:62px; margin:9px 0 4px 0; font-size:13px; font-weight:normal; color:#777; white-space:normal; word-wrap:break-word; word-break:keep-all; display:block; overflow:hidden; }
.extdIssue .realtime .pic { position:relative; z-index:1; float:left; width:144px; height:86px; margin:11px 14px 0 0; font-size:0; line-height:0; display:block; overflow:hidden; }
.extdIssue .realtime .pic img { width:100%; min-height:100%; }
.extdIssue .realtime .pic + .txt { margin-top:17px; word-wrap:normal; word-break:break-all; }
.extdIssue .realtime .rank { margin-right:2px; font-size:17px; color:#fff; letter-spacing:0; display:inline-block; }
.extdIssue .realtime .rank:after { content:'.'; display:inline-block; }

.extdIssue .realtime .upper { margin-bottom:27px; }
.extdIssue .realtime .upper a:hover { text-decoration:none; }
.extdIssue .realtime .upper a:hover .tit,
.extdIssue .realtime .upper a:hover .txt { text-decoration:underline; }
.extdIssue .realtime .upper .tit { height:22px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; }
.extdIssue .realtime .upper .rank { position:absolute; z-index:2; top:33px; left:0; width:17px; height:19px; background:#2367d7; padding-right:2px; font-size:14px; text-align:center; line-height:17px; display:block; overflow:hidden; }
.extdIssue .realtime .upper .rank:after { display:none; }
.extdIssue .realtime .upper + li { border-top:solid 1px #3d3d3d; margin-top:30px; padding-top:26px; }
.extdIssue .realtime .upper + li.upper { border-top:0; margin-top:0; padding-top:0; }

.extdIssue .editorial li { margin-top:12px; }
.extdIssue .editorial li:before { content:''; width:3px; height:3px; background:#a3a3a3; margin:-2px 7px 0 0; font-size:0; line-height:0; vertical-align:middle; display:inline-block; }


/* 선거 */
.extdElect { height:648px; background:url('../../resources/images/extd_bg_elect.jpg') center top repeat-y #282b31; }
.extdElect .titbox { position:relative; z-index:10; width:420px; height:24px; background:url('../../resources/images/extd_elect_title.png') center 61px no-repeat; margin:0 auto; padding-top:184px; font-size:16px; color:#a3a09b; text-align:center; }
.extdElect .titbox .count { margin-left:5px; color:#2f8b81; display:inline-block; }

.extdElect .candidate { position:relative; z-index:2; height:450px; background:url('../../resources/images/extd_elect_candidate.png') center bottom no-repeat; margin-top:-10px; }
.extdElect .candidate:after { content:''; display:block; clear:both; }
.extdElect .candidate:before { content:''; position:absolute; z-index:-1; width:100%; height:100%; background:url('../../resources/images/extd_elect_vs.png') center bottom no-repeat; display:block; }
.extdElect .candidate > div { position:absolute; bottom:0; width:50%; }
.extdElect .candidate .vote { position:absolute; bottom:188px; width:185px; font-size:19px; color:#8f9197; letter-spacing:-0.5px; text-align:center; }
.extdElect .candidate .vote span { display:block; }
.extdElect .candidate .vote .per { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.extdElect .candidate .vote .num { margin-top:87px; font-size:16px; color:#c8c8c8; letter-spacing:-0.3px; }
.extdElect .candidate .name { position:absolute; bottom:35px; font-size:16px; color:#88898b; letter-spacing:-0.5px; text-align:center; }
.extdElect .candidate .name strong { margin:0 3px -3px 0; font-size:32px; color:#fff; line-height:35px; letter-spacing:-1.5px; vertical-align:bottom; display:inline-block; }
.extdElect .candidate .marking { position:absolute; z-index:10; top:-192px; width:85px; height:85px; background:url('../../resources/images/extd_elect_mark.png') center top no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }

.extdElect .candidate .cont1 { left:0; }
.extdElect .candidate .cont1 .vote { right:78px; }
.extdElect .candidate .cont1 .name { width:436px; }
.extdElect .candidate .cont1 .marking { right:206px; }
.extdElect .candidate .cont2 { right:0; }
.extdElect .candidate .cont2 .vote { left:78px; }
.extdElect .candidate .cont2 .name { right:0; width:356px; }
.extdElect .candidate .cont2 .marking { left:221px; }

.extdElect .progress { z-index:10; width:100% !important; height:10px; background:#cacaca; }
.extdElect .progress > div { position:absolute; top:0; height:10px; }
.extdElect .progress .bar1 { left:0; background:#0052e1; }
.extdElect .progress .bar2 { right:0; background:#e8202e; }
.extdElect .progress .gapbox { top:auto; left:50%; bottom:0; width:104px; height:94px; background:url('../../resources/images/extd_elect_gap.png') center top no-repeat; margin-left:-52px; padding-top:26px; font-size:15px; font-weight:bold; color:#fff; letter-spacing:-0.8px; text-align:center; }
.extdElect .progress .gapbox b { font-size:19px; font-weight:bold; }
.extdElect .progress .gapbox span { font-size:14px; font-weight:normal; display:block; }


/* 올림픽+월드컵 */
#indexExtd.extdEvent h2 { width:370px; height:auto; font-size:40px; color:#fff; line-height:43px; letter-spacing:-3px; }
#indexExtd.extdEvent h2 small { margin-bottom:1px; font-size:28px; font-weight:normal; letter-spacing:-2px; display:block; }
#indexExtd.extdEvent h3 { margin-top:47px; }

.extdEvent { min-height:783px; }
.extdEvent.olympic { background:url('../../resources/images/extd_bg_olympic.jpg') center bottom no-repeat #161616; }
.extdEvent.worldcup { background:url('../../resources/images/extd_bg_worldcup.jpg') center top no-repeat #110f12; }

.extdEvent .titbox { position:absolute; top:75px; left:0; padding-top:32px; }
.extdEvent .titbox .date { position:absolute; top:-1px; left:0; height:14px; background:url('../../resources/images/mark_flag.png') left 1px no-repeat; padding-left:15px; font-size:12px; color:#548ef1; line-height:13px; display:block; }

.extdEvent .addInfo { float:left; width:370px; padding:208px 0 40px 0; overflow:hidden; }
.extdEvent .relStory { position:relative; z-index:1; float:right; width:690px; padding:75px 0 42px 0; overflow:hidden; }
.extdEvent.worldcup .addInfo { padding-top:229px; }

.extdEvent .biggest { position:relative; height:412px; }
.extdEvent .biggest .tit { position:absolute; z-index:10; left:25px; right:25px; bottom:28px; height:36px; font-size:30px; font-weight:normal; color:#fff; line-height:32px; letter-spacing:-2px; white-space:nowrap; text-overflow:ellipsis; text-align:center; display:block; overflow:hidden; text-shadow:0 0 3px #000; }
.extdEvent .biggest .pic { position:relative; z-index:1; height:412px; font-size:0; line-height:0; display:block; overflow:hidden; }
.extdEvent .biggest .pic:after { content:''; position:absolute; z-index:1; left:0; right:0; bottom:0; height:255px; background:url('../../resources/images/extd_mask_02.png') left bottom repeat-x; display:block; }
.extdEvent .biggest .pic img { width:100%; }

.extdEvent .listbox { margin:-16px 0 0 -16px; }
.extdEvent .listbox:after { content:''; display:block; clear:both; }
.extdEvent .listbox li { float:left; width:160px; height:153px; margin:17px 0 0 16px; font-size:15px; line-height:22px; letter-spacing:-0.7px; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.extdEvent .listbox li:nth-child(4n+1),
.extdEvent .listbox li:nth-child(4n+3) { margin-right:1px; }
.extdEvent .listbox a { color:#b0b0b0; }
.extdEvent .listbox .pic { width:160px; height:95px; margin-bottom:10px; font-size:0; line-height:0; display:block; overflow:hidden; }
.extdEvent .listbox .pic img { width:100%; }

.extdEvent .relate { min-height:180px; margin:-2px 0 -3px 0; }
.extdEvent .relate li { margin-top:12px; font-size:15px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.extdEvent .relate li:before { content:''; width:3px; height:3px; background:#c1c1c1; margin:-4px 6px 0 0; vertical-align:middle; display:inline-block; }
.extdEvent .relate a { color:#b0b0b0; }

.extdEvent .ranking { width:100%; margin-top:18px; }
.extdEvent .ranking td,
.extdEvent .ranking th { border-bottom:solid 1px #1b1b1c; font-size:14px; font-weight:normal; color:#b0b0b0; text-align:center; }
.extdEvent .ranking tr td { width:28px; height:40px; }
.extdEvent .ranking tr th:first-child { padding-left:19px; font-size:15px; text-align:left; letter-spacing:-0.5px; }
.extdEvent .ranking em { font-style:italic; font-size:16px; font-weight:bold; color:#2367d7; }
.extdEvent .ranking em:after { content:'.'; display:inline-block; }
.extdEvent .ranking img { width:22px; height:16px; margin:-4px 4px 0 4px; vertical-align:middle; }
.extdEvent .ranking tfoot { background:url('../../resources/images/extd_mask_03.png'); }
.extdEvent .ranking tfoot th { font-weight:bold; color:#fff; }
.extdEvent .ranking tfoot em { color:#b0b0b0; }
.extdEvent .ranking thead { background:#333; }
.extdEvent .ranking thead th { height:29px; border-bottom:0; padding-bottom:1px; font-size:12px; font-weight:normal !important; }
.extdEvent .ranking thead th:first-child { padding-top:0; font-size:12px; color:#c1c1c1; }
.extdEvent .ranking tbody th { padding-top:1px; }
.extdEvent .ranking .num { width:44px; padding-right:9px; font-weight:bold; color:#b0b0b0; }
.extdEvent .ranking .gold { color:#eaa706; }
.extdEvent .ranking .silver { color:#888; }
.extdEvent .ranking .bronze { color:#d18432; }

.extdEvent .gameday { height:16px; background:url('../../resources/images/mark_day.png') right 1px no-repeat; margin-top:-34px; padding-right:20px; font-size:14px; color:#777; line-height:16px; letter-spacing:-0.7px; text-align:right; }
.extdEvent .gameday a { color:#777; }

.extdEvent.olympic .gamelist { padding-top:10px; }
.extdEvent.olympic .gamelist li { position:relative; background:url('../../resources/images/extd_mask_04.png'); margin-top:9px; padding:9px 15px 9px 80px; font-size:15px; color:#acacac; line-height:22px; }
.extdEvent.olympic .gamelist .time { position:absolute; top:9px; left:20px; width:45px; font-size:11px; color:#666; display:block; }

.extdEvent.worldcup .gamelist { padding-top:4px; }
.extdEvent.worldcup .gamelist li { position:relative; width:100%; height:60px; background:url('../../resources/images/extd_mask_05.png'); margin-top:15px; display:table; }
.extdEvent.worldcup .gamelist li:after { content:''; display:block; clear:both; }
.extdEvent.worldcup .gamelist span:after { content:''; display:block; clear:both; }
.extdEvent.worldcup .gamelist .info { position:absolute; top:12px; left:50%; width:80px; margin-left:-40px; font-size:12px; color:#646363; line-height:17px; text-align:center; display:block; }
.extdEvent.worldcup .gamelist .info b { font-weight:normal; letter-spacing:-0.5px; display:block; }
.extdEvent.worldcup .gamelist .team { width:50%; padding-left:40px; font-size:15px; color:#b0b0b0; letter-spacing:-0.5px; text-align:left; vertical-align:middle; display:table-cell; }
.extdEvent.worldcup .gamelist .team img { float:left; width:22px; height:16px; margin:3px 10px 0 0; vertical-align:top; }
.extdEvent.worldcup .gamelist .team:first-child { padding:0 40px 0 0; text-align:right; }
.extdEvent.worldcup .gamelist .team:first-child img { float:right; margin:3px 0 0 8px; }



/* template ------------------------------------------------------------------------- */
#addSide #wps_layout2_box1 h4,
#addSide #wps_layout3_box1 h4 { margin-top:-3px; }

#wps_layout1 > div:last-child .issueSubj { border-bottom:0; margin-bottom:0; padding-bottom:0; }
#wps_layout1 > div:last-child .issueList { margin-top:-40px; }

#wps_layout2_box2 > h3 { width:0; height:0; font-size:0; line-height:0; color:#000; letter-spacing:-1px; text-indent:-9999px; overflow:hidden; }



/* 광고 20190627 양혜정 start --------------------------------------- */
/* 양쪽 광고 날개 배너*/
#iwm_fsa_wrap {position:relative;z-index:99;width:1140px;margin:0 auto;}
#iwm_fsa_wrap .left_wing {left: -185px;overflow:visible;position:absolute;top:0px;}
#iwm_fsa_wrap .left_wing .link_banner {display:block}
#iwm_fsa_wrap .left_wing .link_banner+.link_banner {margin-top:20px}
#iwm_fsa_wrap .right_wing { right: -185px; height:700px; top:0px!important; position:absolute; overflow:visible; }
#iwm_fsa_wrap .left_wing2  { left: -160px; height:700px; top: 170px; position:absolute; overflow:visible; }
#iwm_fsa_wrap .right_wing2 { right: -160px; height:700px; top: 170px; position:absolute; overflow:visible; }
/* 광고 20190627 양혜정 end */
#iwm_fsa_wrap .left_wing_w {left: -185px;overflow:visible;position:absolute;top:292px;}
#iwm_fsa_wrap .left_wing_w .link_banner {display:block}
#iwm_fsa_wrap .left_wing_w .link_banner+.link_banner {margin-top:20px}
#iwm_fsa_wrap .right_wing_w { right: -185px; height:700px; top:292px!important; position:absolute; overflow:visible; }


.videobox{width:680px;height:362px;margin:0 0 30px 0;padding:0;}
iframe .videobox{width:680px;height:362px;}