@charset "utf-8"; /************************************************* 연합뉴스 (http://www.yonhapnews.co.kr/) 2014.01 commnet : common color - #000 visited - #666 color point - #2556a7 (blue) *************************************************/ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ @import url("video_js.css"); /* 비디오 js */ html{overflow-y:scroll;width:100%;height:100%;} body, div, p, ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, h6, address, blockquote, pre, form, fieldset, button, input, legend, hr{margin:0;padding:0;} body{font-family:돋움, dotum, Arial, AppleGothic, Sans-serif;font-size:12px;line-height:1.5;color:#555;-webkit-text-size-adjust:none;} h1, h2, h3, h4, h5, h6, input, button, textarea{font-family:돋움, dotum, 굴림, Gulim, Arial, AppleGothic, Sans-serif;} ul, ol, li{list-style:none;} legend, caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;} hr{display:none;} table{border-collapse:collapse; border-spacing:0;} img,fieldset{border:0;} em, address{font-style:normal;} img{vertical-align:top;} *{-webkit-print-color-adjust:exact;} /*img{ -ms-interpolation-mode: bicubic; }*/ /* form */ form{margin:0;} fieldset{margin:0;padding:0;border:0 none;} legend{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;visibility:hidden;font-size:0;line-height:0;} input,select{vertical-align:top;padding:0;margin:0;} textarea{margin:0;padding:0;border:1px solid #d5d5d5;font-size:12px;color:#555;resize: none;} input.text{padding:5px 7px;border:1px solid #ccc;font-size:12px;line-height:1;color:#bdbdbd;} input.readonly{background-color:#eee;color:#000;} input.file{margin:0;padding:3px 7px;border:none;border:1px solid #ccc;font-size:12px;line-height:1;color:#555;} input.check,input.radio{margin:2px 7px 0 0;padding:0;width:13px;height:13px;} select{height:20px;margin:0;border:1px solid #ccc;background-color:#fff;font-size:12px;line-height:20px;color:#555;vertical-align:middle;outline:none;} .select01{height:auto;padding:4px 4px 3px;} button{overflow:visible;background:none;border:0;vertical-align:middle;} button::-moz-focus-inner{border:0;padding:0;} label, button{cursor:pointer;} input.input{border:1px solid #ccc;height:23px;line-height:23px;background:#fff;} input.file{border:1px solid #ccc;height:25px;line-height:25px;background:#fff;} input.disable{border:1px solid #ccc;height:23px;line-height:23px;background:#efefef;} /* disable,readonly */ input.chk{margin-top:-2px; padding:1px;} /* check box */ input.rdo{margin-top:-2px;} /* radio button */ *:first-child+html input.btn-ms7{filter:chroma(color=#000000);border:none;}/*input button에서 border black 에러 */ /* link */ a{color:#555;text-decoration:none;background-color:transparent;} a:visited{color:#666;} a:focus{/* color:#6c94e5; */} a:hover{/* color:#6c94e5; */text-decoration:underline;} a:active{/* color:#6c94e5; */text-decoration:underline;} /* clear */ .clear:after{content:".";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} .clear{display:inline-block;.zoom:1;} *html .clear{height:0;} .clear{display:block;} .clear-both{clear:both;} /* basic */ .blind{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;position:absolute;} .hidden-obj{position:absolute;visibility:hidden;top:-9999px;left:-9999px;} .display-none{display:none;} .text-c{text-align:center !important;} .text-l{text-align:left !important;} .text-r{text-align:right !important;} .vt-t{vertical-align:top !important;} .vt-m{vertical-align:middle !important;} .vt-b{vertical-align:bottom !important;} .fw-b{font-weight:bold !important;} .fw-n{font-weight:normal !important;} .bd-none{border:none !important;} .bg-none{background:none !important;} .bg-fff{background-color:#fff !important;} .mg-none{margin:0 !important;} .mg0{margin:0 !important;} .mg10{margin:10px 0 !important;} .mg15{margin:15px 0 !important;} .mg20{margin:20px 0 !important;} .mg30{margin:30px 0 !important;} .pd0{padding:0 !important;} .pd10{padding:10px 0 !important;} .pd15{padding:15px 0 !important;} .pd20{padding:20px 0 !important;} .pd30{padding:30px 0 !important;} /* 강조 색상(폰트) */ .point01{color:#2e56bc;} /* 기사본문 */ .point02{color:#688ac8;} /* blue - 메인 안내 공지 */ .point03{color:#ff7800;} /* orange - 메인 안내 공지 */ .point04{color:#385fdd;} /* blue - 메인 안내 공지 */ /* 말줄임 */ .ellip{overflow:hidden;display:block;} .ellip .txt{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} /* 버튼영역 기본 */ .btn-center{overflow:hidden;width:100%;margin:30px 0 0;text-align:center;} .btn-right{overflow:hidden;width:100%;margin:30px 0 0;text-align:right;} .btn-left{overflow:hidden;width:100%;margin:30px 0 0;text-align:left;} /* 암시적 레이블 명시적으로 적용 */ .label-wrap{display:inline-block;position:relative;} .label-wrap input{position:absolute;top:0;left:0;} .label-wrap label{display:inline-block;margin:0 20px;} .label-para{} .label-para label{display:inline-block;vertical-align:middle;} .label-para .text{vertical-align:middle;} /* 포지션 */ .position-area{position:relative;width:100%;} .position-area .left01{position:absolute;left:0;top:0;} .position-area .right01{position:absolute;right:28px;top:0;} /* 레이아웃 및 디자인 */ #wrap{position:relative;width:100%;min-width:976px;height:100%;background:url(../bg_header.gif) 0 -5px repeat-x;} #header{width:100%;} #content{/* overflow:hidden; */position:relative;z-index:100;} #content:after{content:" ";display:block;clear:both;} #footer{} /* 하위 메뉴(2 depth) 있을때 로딩속도 문제로 높이값 추가 */ .gnb-news-07 #gnb, .gnb-news-0700 #gnb, .gnb-news-0701 #gnb, .gnb-news-0702 #gnb, .gnb-news-0703 #gnb, .gnb-news-0704 #gnb, .gnb-news-0705 #gnb, .gnb-news-0706 #gnb, .gnb-news-0707 #gnb, .gnb-news-0708 #gnb, .gnb-news-0709 #gnb, .gnb-news-0710 #gnb, .gnb-news-0711 #gnb, .gnb-news-0712 #gnb, .gnb-news-10 #gnb, .gnb-news-1000 #gnb, .gnb-news-1001 #gnb, .gnb-news-1002 #gnb, .gnb-news-1003 #gnb, .gnb-news-11 #gnb, .gnb-news-1101 #gnb, .gnb-news-1102 #gnb, .gnb-news-1103 #gnb, .gnb-news-1104 #gnb, .gnb-news-1105 #gnb, .gnb-news-1106 #gnb, .gnb-news-1107 #gnb, .gnb-news-1108 #gnb, .gnb-news-1109 #gnb, .gnb-news-1110 #gnb, .gnb-news-1300 #gnb, .gnb-news-1301 #gnb, .gnb-news-1302 #gnb, .gnb-news-1303 #gnb, .gnb-news-1304 #gnb, .gnb-news-1305 #gnb, .gnb-photo-0000 #gnb, .gnb-photo-0001 #gnb, .gnb-photo-0002 #gnb, .gnb-photo-0003 #gnb, .gnb-photo-0004 #gnb, .gnb-photo-0005 #gnb, .gnb-photo-0006 #gnb, .gnb-photo-0007 #gnb, .gnb-photo-0008 #gnb, .gnb-photo-0009 #gnb, .gnb-photo-0010 #gnb, .gnb-photo-0011 #gnb{padding-bottom:27px;} /* 전국은 지금, 지방시대 타이틀 */ .gnb-news-07 .tit-local-run{display:none !important;} .gnb-news-0700 .tit-local-now, .gnb-news-0701 .tit-local-now, .gnb-news-0702 .tit-local-now, .gnb-news-0703 .tit-local-now, .gnb-news-0704 .tit-local-now, .gnb-news-0705 .tit-local-now, .gnb-news-0706 .tit-local-now, .gnb-news-0707 .tit-local-now, .gnb-news-0708 .tit-local-now, .gnb-news-0709 .tit-local-now, .gnb-news-0710 .tit-local-now, .gnb-news-0711 .tit-local-now{display:none !important;} /*위로가기*/ span.btn-top{position:fixed;z-index:690;bottom:20px;right:20px;} span.btn-top a{display:block;width:33px;height:31px;background:url(../icon_top.gif) 12px 10px no-repeat #bbb;text-indent:-500px;overflow:hidden;text-decoration:none;} span.btn-top a:hover, span.btn-top a:focus, span.btn-top a:active{width:87px;height:31px;line-height:31px;background:url(../icon_top.gif) 66px 10px no-repeat #555;text-indent:12px;font-weight:bold;color:#fff;} span.btn-top button{display:block;width:33px;height:31px;border:none;background:url(../icon_top.gif) 12px 10px no-repeat #bbb;text-indent:-500px;overflow:hidden;text-decoration:none;} span.btn-top button:hover, span.btn-top button:focus, span.btn-top button:active{width:87px;height:31px;padding-right:30px;line-height:31px;background:url(../icon_top.gif) 66px 10px no-repeat #555;text-indent:12px;font-weight:bold;color:#fff;} /* span.btn-top.resize{bottom:50%;} */ .top-logo, .top-link, .top-wrap, #content, #footer{width:976px;margin:0 auto;} .top-logo{position:relative;z-index:1;height:0;} /* 스킵링크 */ .skip-link{display:block;position:relative;} .skip-link a{display:block;position:absolute;top:-1000px;} .skip-link a:focus, .skip-link a:hover, .skip-link a:active{top:0;left:50%;width:160px;height:34px;margin:0 0 0 -80px;background:url(../icon_skip.gif) 135px 12px no-repeat #1d1f2c;font-weight:bold;line-height:34px;color:#fff;text-decoration:none;text-indent:15px;} .skip-link a:visited{color:#fff;} /* 공통레이어팝업 */ .film{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../bg_box_03.png) repeat 0 0;background:rgba(0,0,0,.6);z-index:1001;display:none;} .layer-con{position:absolute;left:50%;top:;z-index:1002;width:;margin-left:;display:none;} .layer-con .wrap-layer{padding:30px;border:1px solid #434343;background:#fff;} .layer-con .close{overflow:hidden;position:absolute;right:30px;top:30px;display:block;text-indent:-5000px;} /* CI */ #header h1, #header .logo{display:block;position:relative;z-index:2;margin:0 auto;top:56px;left:0px;width:300px;height:59px;text-align:center;vertical-align:top;line-height:0;} #header h1 a, #header .logo a{display:block;position:relative;width:300px;height:59px;font-family:'돋움',Dotum,Gulim, sans-serif;font-size:30px;line-height:54px;font-weight:bold;} #header h1 span, #header .logo span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff url(../../00_ko/home/logo_yna_170x59_01.png) no-repeat 50% 50%;} /* 오늘 날짜/날씨 */ #header .today{position:relative;z-index:2;margin:0 auto;top:59px;left:0px;text-align:center;width:300px;height:20px;overflow:hidden;} #header .today .date{vertical-align:middle;} #header .today .weather, #header .today .weather li{display:inline-block;.display:inline;width:105px;height:20px;line-height:20px;.zoom:1;} #header .today .weather li a{text-decoration:none;} #header .today .weather li img{.vertical-align:middle;} #header .today .weather{padding-left:10px;overflow:hidden;vertical-align:middle;text-align:left;} #header .today .weather strong{font-weight:normal;color:#555;} #header .today .weather em{color:#df5757;} /* 헤더링크 */ .top-link-wrap{width:100%;height:33px;background:#fafafa;border-bottom:1px solid #dedede;margin-bottom:10px;} .top-link{position:relative;} .top-link li{display:inline;vertical-align:top;} /* 외국어 사이트 */ .top-link .top-link01{position:relative;z-index:900;float:left;width:338px;height:33px;text-align:left;} .top-link .top-link01 a img{margin:11px 4px 0 3px;} /* 전체메뉴 */ #wholemenu{z-index:1001;} .wholemenu-wrap{position:relative;display:block !important;float:left;width:40px;height:34px;margin-right:11px;z-index:1000;} .wholemenu-wrap a{z-index:902;} .wholemenu-wrap .btn-wholemenu{position:absolute;top:0;left:0;width:38px;height:34px;background:#eee;border-left:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;} .wholemenu-wrap .btn-wholemenu.on{background:#fff;;border-left:1px solid #555;border-right:1px solid #555;} .wholemenu-wrap .btn-wholemenu img{margin:0 !important;} .wholemenu-wrap .btn-wholemenu.on img{margin:-34px 0 0 0 !important;} .wholemenu{display:none;position:absolute;top:33px;left:0;width:974px;padding-top:26px;background:#fff;border:1px solid #555;} .wholemenu .btn-close{float:right;width:15px;height:15px;border:none;cursor:pointer;text-indent:-500px;background:url(../btn_wholemenu_close.gif) 0 0 no-repeat;} .wholemenu-top-wrap, .wholemenu-bot-wrap{overflow:hidden;} .wholemenu-top-wrap:after, .wholemenu-bot-wrap:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .wholemenu-top-bg{width:941px;height:340px;margin-left:14px;overflow:hidden;} .wholemenu-top-wrap{background:url(../bg_wholemenu.gif) -1px 0;width:942px;overflow:hidden;} .wholemenu-top{float:left; width:157px;} .wholemenu-top dl, .wholemenu-top .box{padding:0 0 20px 15px;} .wholemenu-top dt a, .wholemenu-top .box p a{font-weight:bold;color:#2556a7;} .wholemenu-top dt a span{font-weight:normal;} .wholemenu-top dt, .wholemenu-top dd, .wholemenu-top .box, .wholemenu-top .box p{padding-bottom:6px;} .wholemenu-top ul{padding:0 0 0 15px;} .wholemenu-top li{display:block;padding-top:6px;} .wholemenu-top li a{font-weight:bold;color:#2556a7;} .wholemenu-top.first{} .wholemenu-bot-wrap{border-top:1px solid #eee;margin-top:15px;padding:12px 19px 12px 18px;} .wholemenu-bot-wrap dl{float:left;width:427px;height:12px;} .wholemenu-bot-wrap dt{font-weight:bold;float:left;padding-right:12px;} .wholemenu-bot-wrap dd{float:left;padding-right:11px;} /* 상단링크 */ .top-link .top-link02{position:absolute;right:0;top:6px;height:22px;text-align:right;} .top-link .top-link02:after{content:"";display:block;clear:both;} .top-link .top-link02 li{float:left;} .top-link .top-link02 li a{} .top-link .top-link02 a img{} /* .top-link .top-link02 li.login, .top-link .top-link02 li.logout, .top-link .top-link02 li.mypage{display:none;} .top-link .session-in li.login{display:inline;} .top-link .session-out li.logout, .top-link .session-out li.mypage{display:inline;} */ .top-link .sns{} .top-link .sns:first-child a img{border-left:1px solid #dadada;} .top-link .sns a{} .top-link .sns a img{width:19px;border:1px solid #dadada;border-left:none} .top-link .newsY{margin:5px 0 0 9px;.margin-top:3px;} .top-link .infomax{margin:5px 0 0 9px;.margin-top:3px;padding-right:11px;background:url(../bar_1x11_dddddd.gif) 100% 0 no-repeat;} /* .top-link .login{padding-left:11px;margin-left:5px;background:url(../bar_1x11_dddddd.gif) 0 3px no-repeat;} */ .top-link .mypage a img{} .top-link .login{display:none;position:relative;top:-6px;z-index:10;} .top-link .login-info{display:none;position:relative;top:-6px;z-index:10;} .top-link .login-info .lg{width:37px;height:34px;border:none;background:url(../nav_top_lg.gif) 0 0 no-repeat;cursor:pointer;} .top-link .login-info .tooltip-box{display:none;position:absolute;right:0;top:33px;width:153px;height:30px;padding-top:17px;.padding-top:13px;border:1px solid #7e9fe7;background:#89a9ea;text-align:center;} .top-link .login-info .tooltip-box a{padding:0 5px;} .top-link .login-info.on{/* display:block; */} .top-link .login-info.on .lg{background-position:0 -34px;} .top-link .login-info.on .tooltip-box{display:block;} /* 상단배너/gnb */ .top-wrap{} /* 상단 배너 */ .top-banner{position:relative;height:63px;padding:19px;background:#fff;border:1px solid #ddd;border-bottom:none; } .top-banner ul{overflow:hidden;} .top-banner1, .top-banner2{overflow:hidden;position:absolute;z-index:1;width:258px;height:63px;} .top-banner1{float:left;left:18px;} .top-banner2{float:right;right:18px;} /* 속보 및 검색 */ .header-content{position:relative;height:42px;margin:1px 0 2px !important;padding:0 !important;border:1px solid #b5b5b5 !important;border-width:0 0 1px 0 !important;background-color:#fff !important;background-image:none !important;} /* 속보 */ .newsflash-wrap{position:relative;z-index:690;float:left;width:100%;height:43px;} .newsflash-wrap .newsflash>h2, .newsflash-wrap .tit{position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;} .newsflash .newsflash-btn1, .newsflash .newsflash-btn2, .emergency .emergency-btn{float:right;width:40px;height:20px;padding:3px 10px 0 0;text-align:right;} .newsflash .newsflash-btn1{} .newsflash .newsflash-btn2{} .newsflash .newsflash-btn2 input{margin-left:18px;} .emergency .emergency-btn{width:26px;} .newsflash-wrap input{float:left;width:20px;height:20px;background:url(../sprites_img2015.png) 0 -40px no-repeat;border:none;text-indent:-9999px;vertical-align:top;cursor:pointer;} .newsflash .btn_show{background-position:0 -40px;} .newsflash .btn_close{background-position:0 -80px;} .newsflash .btn_pause{background-position:0 -120px;} .newsflash .btn_play{background-position:0 -160px;} .newsflash{width:646px;height:33px;padding-top:9px;border:none;} .newsflash strong{display:block;float:left;padding:0 10px 0 19px;background:url(../sprites_img2015.png) -400px -77px no-repeat;font-weight:normal;font-size:12px;line-height:22px;} .newsflash span{display:block;float:left;font-weight:normal;font-size:12px;line-height:24px;} .newsflash ul, .newsflash .list{position:relative;float:left;width:584px;height:24px;padding:0;margin-top:0;overflow:hidden;} .newsflash li, .newsflash .li{position:absolute;width:100%;height:24px;font-weight:normal;font-size:12px;line-height:24px;} .newsflash ul li a, .newsflash .list .li a{float:left;font-weight:bold;font-size:15px;letter-spacing:-1px;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;color:#2556a7;} .newsflash ul li span, .newsflash .list .li span{float:right;width:70px;text-align:right;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;color:#777;} .newsflash ul li strong, .newsflash .list .li strong{float:left;padding-left:0;background:none;font-weight:bold;font-size:15px;color:#da2655;} .newsflash ul li *, .newsflash .list .li *{vertical-align:top} .newsflash.on .update{float:left;width:240px;height:22px;margin-left:352px;padding-top:3px;color:#424242;text-align:right;} .newsflash.on .update span{letter-spacing:0;} .newsflash.on h2, .newsflash.on .tit{background:none;} .newsflash.on ul, .newsflash.on .list{overflow-y:scroll;position:absolute;top:42px;left:0;width:635px;height:275px;padding:10px 0;border:1px solid #555;background:#f5fafe;} .newsflash.on li, .newsflash.on .li{position:static;width:554px;margin:0 0 0 30px;padding:7px 4px 5px;border-top:1px solid #e3e3e3;} .newsflash.on li:first-child, .newsflash.on .li:first-child{border-top:none;} .newsflash.on li a, .newsflash.on .li a{font-size:13px;color:#505050;} .newsflash.on ul li span, .newsflash.on .list .li span{font-size:12px;color:#777;} .newsflash.on .newsflash-btn2{/* width:34px; */} /* 긴급속보 */ .emergency{display:none;position:absolute;z-index:702;top:-1px;left:0;width:100%;height:36px;padding-top:8px;border:none;background:#da2655;} .emergency h2, .emergency .tit{display:block;position:static;left:0;float:left;width:42px;height:24px;margin:4px 18px 0 25px;font-size:21px;line-height:1;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#fff;letter-spacing:-0.5px;text-shadow:1px 1px 1px #333;} .emergency .emergency-list{overflow:hidden;float:left;height:22px;padding:0 0 2px 16px;border-left:1px solid #b11f45;line-height:22px;} .emergency .emergency-list a{font-weight:bold;font-size:18px;line-height:24px;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;color:#fff;} .emergency .emergency-btn{} .emergency .emergency-btn .btn_close{width:40px !important;height:40px !important;background:url(../sprites_img2015.png) 0 -200px no-repeat;margin:-8px 0 0 -4px;} /* .chrome .emergency h2, .firefox .emergency h2, .chrome .emergency .tit, .firefox .emergency .tit{padding-top:4px;} */ .newsflash .btn_play{display:inline-block;} .newsflash .btn_pause{display:none;} .newsflash.play .btn_play{display:none;} .newsflash.play .btn_pause{display:inline-block;} .newsflash .newsflash-btn1{display:block;} .newsflash.on .newsflash-btn1{display:none;} .newsflash .newsflash-btn2, .newsflash .update{display:none;} .newsflash.on .newsflash-btn2, .newsflash.on .update{display:block;} /* 검색 */ .search-wrap{position:absolute;right:0px;top:5px;width:312px;height:34px;z-index:700;} .search-wrap fieldset{position:relative;width:310px;height:30px;border:1px solid #ccc;z-index:700;} .search-wrap .input{width:268px;height:28px;padding:1px 0 0 8px;border:none;background:#fff;font-weight:bold;line-height:30px;} .search-wrap .btn_search{width:29px;height:29px;border:none;background:url(../sprites_img2015.png) -40px -120px no-repeat;text-indent:-500px;cursor:pointer;} .auto-search{position:absolute;z-index:801;top:31px;left:-1px;width:310px;border:1px solid #555;background:#fff;} .auto-search ul{padding:8px 0 7px 0;} .auto-search li a{display:block;height:26px;line-height:26px;padding:0 8px;color:#555;text-decoration:none;} .auto-search li.word a, .auto-search li a:hover, .auto-search li a:focus{background:#f4f4f4;} .auto-search li a strong{color:#df5757;} .auto-search span{display:block;border-top:1px solid #ddd;background:#f6f6f6;text-align:right;padding:8px 7px 5px 7px;} .auto-search .btn_off{border:none;cursor:pointer;background:none;text-align:right;} .auto-search{display:none;} /* 그림자 박스 */ .contents-box{background:#fff;border:1px solid #ddd;margin-bottom:9px;padding-bottom:2px;} .contents01 .contents-box{border-top:none;border-right:none;border-left:none;} .contents01 .contents-box.headlines{border:none;} .contents02 .contents-box{} /* 주요 콘텐츠 */ .contents{padding:16px 0 40px;.zoom:1;} .contents:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .contents01{float:left;width:626px;} .contents02{float:right;width:340px;} .wide-content{padding-bottom:50px;border:1px solid #ddd;background:#fff;} /* 구글광고 */ .goolge-banner{padding:19px 19px 21px 19px !important} .goolge-banner div{width:300px;margin:0 auto;text-align:center;} /* 본문 하단 텍스트 광고 */ .ad-para01{margin-bottom:8px;} .ad-para01 .txt{font-weight:bold;vertical-align:middle;} .ad-para01 img{vertical-align:middle;} .ad-para01 a{font-size:13px;font-family:Gulim, sans-serif;} .ad-para01 a:hover span, .ad-para01 a:focus span, .ad-para01 a:active span, .ad-para01 a:visited span{text-decoration:underline;color:#666 !important;} /* 우측 여행 텍스트 광고 */ .ad-para02{} .ad-para02 a{font-weight:bold;color:#000 !important;} .ad-para02 a:hover, .ad-para02 a:active{} .ad-para02 a:visited{color:#666 !important;} /*서비스안내*/ .service-wrap{background:#fff url(../bg_box_01.gif) 0 bottom repeat-x !important;border:1px solid #ddd !important;border-bottom:none !important;margin-bottom:9px !important;padding-bottom:2px !important;} .service-wrap a{font-family:'돋움',Dotum,Gulim, sans-serif;color:#555;} .service-wrap h2{padding:12px 0 0 22px;height:28px;border-bottom:1px solid #ddd;background:#fafafa;} .service-wrap .tit-type03{padding:12px 0 0 22px;height:28px;border-bottom:1px solid #ddd;background:#fafafa;} .service-top-wrap{overflow:hidden;background:url(../bg_service.gif) -1px 0 #fafafa;} .service-top-wrap:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .service-top-wrap dl{float:left;width:142px;padding:15px 0 15px 20px;} .service-top-wrap dt{font-weight:bold;} .service-top-wrap dd{padding-top:6px;} .service-top-wrap dl.last{height:138px;background:#fafafa;}/*마지막 보더 없애기*/ .service-bot-wrap{border-top:1px solid #eee;padding:12px 0 10px 19px;background:#fafafa;} .service-bot-wrap a{font-weight:bold;padding-right:5px;line-height:1;background:url(../arr2_3x5_555555.gif) right 4px no-repeat;} /* 푸터*/ #footer .footer-link{margin-top:36px;text-align:center;} #footer .footer-link li{display:inline;padding:0 6px;} #footer .footer-link li a{font-family:'돋움',Dotum,Gulim, sans-serif;color:#777;} #footer .addr-info{margin-top:8px;text-align:center;font-family:'돋움',Dotum,Gulim, sans-serif;color:#777;} #footer .copy{text-align:center;margin-top:8px;padding-bottom:36px;} #footer .copy li{display:inline;padding:0 4px;font-family:'돋움',Dotum,Gulim, sans-serif;color:#777;} /* 모바일 바로가기 */ .btn_mobile{display:block;padding:20px 0;border-top:1px solid #ddd;background:#fff;text-align:center;} .btn_mobile a{font-size:2.4em;font-weight:bold;text-decoration:none;color:#555;padding:0 18px 0 10px;background:url(../arr2_5x10_555555.gif) right 50% no-repeat;} /* 정치, 북한, 산업/경제 등등의 섹션 메인 톱기사 */ .section-top-zone01{} /* 스포츠, 연예, 여행/축제의 섹션 메인 톱기사 */ .section-top-zone02{margin-top:16px;border:none;border-bottom:1px solid #ddd;} /* 전국 지방 섹션 */ .section-top-local{border:none;} /* 테마 뉴스 */ .section-top-theme{border:none;} /* 톱사진 */ .topphoto{overflow:hidden;width:585px;margin:19px auto 0 auto;height:375px;padding-bottom:19px;} .topphoto .topphoto-list{position:relative;z-index:101;float:left;width:395px;height:375px;overflow:hidden;padding:0;} .topphoto .topphoto-list li{position:absolute;z-index:102;left:0;top:0;width:395px;height:375px;padding:0;background:#000;} .topphoto .topphoto-list li.on{z-index:103;} /* .topphoto .topphoto-list li h3{position:absolute;z-index:103;left:19px;bottom:64px;width:17px;height:15px;} */ .topphoto .topphoto-list li div img{width:395px;height:375px;} .topphoto .topphoto-list li .tit-con{display:block;position:absolute;z-index:104;bottom:0;left:0;width:355px;padding:12px 20px 9px 20px;text-align:center;vertical-align:middle;} .topphoto .topphoto-list li .tit-con .tit{display:inline;font-size:16px;line-height:1.5;} .topphoto .topphoto-list li .tit-con .num{margin-left:4px;font-size:12px;color:#bbb;font-weight:normal;text-decoration:none;} .topphoto .topphoto-list li a{color:#fff;} .topphoto .topphoto-list li a:hover strong, .topphoto .topphoto-list li a:focus strong, .topphoto .topphoto-list li a:active strong{text-decoration:underline;} .topphoto .topphoto-list .ico{display:none;} .topphoto .topphoto-btn{float:right;width:190px;height:375px;} .topphoto .topphoto-btn a{position:relative;z-index:0;display:block;float:left;width:90px;height:90px;overflow:hidden;margin:0 0 5px 5px;} .topphoto .topphoto-btn a span{position:absolute;z-index:103;bottom:9px;left:9px;width:17px;height:15px;} .topphoto .topphoto-btn a.pic span{background:url(../icon_pictorial.png) 0 0 no-repeat;} /*.topphoto .topphoto-btn a.pho span{background:url(../icon_photo.png) 0 0 no-repeat;}*/ .topphoto .topphoto-btn a.on span{bottom:9px;left:9px;} .topphoto .topphoto-btn strong img{width:90px;height:90px;} .topphoto .topphoto-btn a.on{border:4px solid #6c94e5;width:82px;height:82px;} .topphoto .topphoto-btn a.on strong img{position:relative;z-index:-1;top:-4px;left:-4px;} .topphoto .topphoto-btn .pho span{display:none;}/* 포토만 썸네일 아이콘 숨김 */ /* .topphoto .topphoto-list .pho h3, .topphoto .topphoto-list .pic h3{display:none; }*//* 포토/화보 둘다 리스트에 아이콘 숨김 */ /* 핫뉴스 */ .hot-news-wrap{width:337px;} .hot-news-wrap.white-item{height:354px;background:#fff url(../bg_box_01.gif) 0 bottom repeat-x;border:1px solid #ddd;border-bottom:none;padding-bottom:16px;} .hot-news-wrap{float:left;height:370px;} .hot-news-wrap.black-item{border-left:1px solid #1d1f2c;} .main-wrap .hot-news-wrap.white-item{height:354px;background:#eef8fe url(../bg_box_01.gif) 0 bottom repeat-x;border-top:none;border-right:1px solid #eef8fe;padding-bottom:16px;} .hot-news-btn{overflow:hidden;height:23px;margin:0 19px;vertical-align:top;} .hot-news-btn span{float:left;width:45px;height:23px;position:relative;} .hot-news-btn a{float:right;width:100px;height:23px;text-align:right;padding-top:4px;} .hot-news-btn input{position:absolute;top:0;border:none;cursor:pointer;width:23px;height:23px;text-indent:-500px;} .black-item .btn_tile{left:22px;background:url(../icon_main_tile.gif) 0 0 no-repeat;} .black-item .btn_list{left:0;background:url(../icon_main_list.gif) 0 0 no-repeat;} .sub-wrap .btn_tile, .white-item .btn_tile{left:22px;background:url(../icon_sub_tile.gif) 0 0 no-repeat;} .sub-wrap .btn_list, .white-item .btn_list{left:0;background:url(../icon_sub_list.gif) 0 0 no-repeat;} .hot-news-btn input.on{background-position:0 100% !important;} .black-item .hot-news-btn a{color:#999;} .white-item .hot-news-btn a{color:#999;} .main-wrap .black-item .hot-news-btn a {color:#858695;} .main-wrap .white-item .hot-news-btn a {color:#626262;} /* 핫뉴스 타일형 */ .hot-news-tile{position:relative;z-index:100;width:300px;height:300px;margin:19px 19px 14px 19px;background:url(../bg_hotnews.gif) 0 0 no-repeat;visibility:hidden;} .hot-news-tile h2, .hot-news-tile .tit{position:absolute;z-index:101;top:100px;left:100px;width:100px;height:100px;opacity:0;filter:alpha(opacity=0);background:url(../tit_hotnews.gif) 0 0 no-repeat;text-indent:-500px;overflow:hidden;} .hot-news-tile li, .hot-news-tile .flex-con div{position:absolute;z-index:101;width:100px;height:100px;} .hot-news-tile li a, .hot-news-tile .flex-con div a{display:block;width:76px;height:70px;padding:15px 12px;text-align:center;color:#fff;text-decoration:none;opacity:0;filter:alpha(opacity=0);} .hot-news-tile li.auto a, .hot-news-tile li.auto a:hover, .hot-news-tile li.auto a:focus, .hot-news-tile li a:hover, .hot-news-tile li a:focus, .hot-news-tile .flex-con div.auto a, .hot-news-tile .flex-con div.auto a:hover, .hot-news-tile .flex-con div.auto a:focus, .hot-news-tile .flex-con div a:hover, .hot-news-tile .flex-con div a:focus{background:#595f94;} .hot-news-tile li img, .hot-news-tile .flex-con div img{position:absolute;display:none;width:100px;height:100px;} .hot-news-tile li a:hover img, .hot-news-tile li a:focus img, .hot-news-tile li.auto img, .hot-news-tile .flex-con div a:hover img, .hot-news-tile .flex-con div a:focus img, .hot-news-tile .flex-con div.auto img{display:block;} .hot-news-tile li .txt, .hot-news-tile .flex-con .txt{display:block;overflow:hidden;height:72px;font-size:12px;font-weight:normal;} .hot-news-tile .hot-news-img{z-index:101;} .hot-news-tile .hot-news01{top:0;left:0;} .hot-news-tile .hot-news02{top:0;left:100px;} .hot-news-tile .hot-news03{top:0;left:200px;} .hot-news-tile .hot-news04{top:100px;left:200px;} .hot-news-tile .hot-news05{top:200px;left:200px;} .hot-news-tile .hot-news06{top:200px;left:100px;} .hot-news-tile .hot-news07{top:200px;left:0;} .hot-news-tile .hot-news08{top:100px;left:0;} .hot-news-tile .hot-news01 img{left:100%;top:100%;} .hot-news-tile .hot-news02 img{left:0;top:100%;} .hot-news-tile .hot-news03 img{left:-100%;top:100%;} .hot-news-tile .hot-news04 img{left:-100%;top:0;} .hot-news-tile .hot-news05 img{left:-100%;top:-100%;} .hot-news-tile .hot-news06 img{left:0;top:-100%;} .hot-news-tile .hot-news07 img{left:100%;top:-100%;} .hot-news-tile .hot-news08 img{left:100%;top:0;} /* 핫뉴스 리스트형 */ .hot-news-list{position:relative;width:337px;height:333px;visibility:hidden;} .black-item .hot-news-list h2, .black-item .hot-news-list .tit{display:block;height:41px;background:url(../tit_main_hotnews.gif) 19px 13px no-repeat;border-bottom:1px solid #515468;} .white-item .hot-news-list h2, .sub-wrap .hot-news-list h2, .white-item .hot-news-list .tit, .sub-wrap .hot-news-list .tit{display:block;height:41px;background:#fff;border-bottom:1px solid #ced7dc;font-size:15px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .white-item .hot-news-list h2 a, .sub-wrap .hot-news-list h2 a, .white-item .hot-news-list .tit a, .sub-wrap .hot-news-list .tit a, .white-item .hot-news-list .tit span, .sub-wrap .hot-news-list .tit span{display:block;margin:13px 0px 0px 20px;} .hot-news-list h2, .hot-news-list .tit{width:100%;height:28px;overflow:hidden;margin-bottom:19px;} .hot-news-list ul, .hot-news-list .flex-con{margin:0 19px;} .black-item .hot-news-list li, .black-item .hot-news-list .flex-con div{border-bottom:1px solid #515468;} .white-item .hot-news-list li, .sub-wrap .hot-news-list li, .white-item .hot-news-list .flex-con div, .sub-wrap .hot-news-list .flex-con div{border-bottom:1px solid #eee;} .hot-news-list li, .hot-news-list .flex-con div{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/bul_3x3_89a9ea.png) 4px 6px no-repeat;padding:0 0 6px 13px;margin-bottom:9px;} .hot-news-list li.hot-news08, .hot-news-list .flex-con div.hot-news08{border:none; margin:0;} .hot-news-list li a, .hot-news-list .flex-con div a{display:block;overflow:hidden;} .black-item .hot-news-list li a, .black-item .hot-news-list .flex-con div{color:#fff;} .white-item .hot-news-list li a, .white-item .hot-news-list .flex-con div{color:#2f2f2f;} .hot-news-list li a span, .hot-news-list li .txt{display:block;overflow:hidden;width:288px;font-weight:normal;font-size:12px;color:#2f2f2f;;text-overflow:ellipsis;white-space:nowrap;} .hot-news-list li img, .hot-news-list .flex-con img{display:none;} .hot-news-list .hot-news01 .txt, .hot-news-list .hot-news05 .txt{font-weight:bold;} .hot-news-list .txt:hover{text-decoration:underline;} .hot-news-list .over{display:none;} .main2015 .hot-news-wrap{float:none;width:100% !important;height:auto !important;margin:20px 0 15px;} .main2015 .hot-news-list{visibility:visible;position:static !important;width:100% !important;height:auto !important;} .main2015 .hot-news-list .tit{overflow:hidden;width:100%;height:auto !important;margin-bottom:10px;text-indent:0px !important;} .main2015 .hot-news-list .tit a{padding-right:15px !important;background:url(../ico_more_5x9.png) 100% 50% no-repeat !important;font-weight:bold;font-size:14px;line-height:1;color:#2556a7;} .main2015 .hot-news-list ul{margin:0 !important;} .main2015 .hot-news-list ul li{margin-bottom:0 !important;padding:8px 0 !important;border-top:1px solid #e3e3e3;background:none !important;} .main2015 .hot-news-list ul li a{overflow:hidden;display:table;vertical-align:middle;} .main2015 .hot-news-list ul li img{display:block;} .main2015 .hot-news-list a:hover{color:#000;} .main2015 .hot-news-list a:hover img{opacity:.8;} .main2015 .hot-news-list a:visited, .main2015 .hot-news-list a:visited .txt{color:#666;} .main2015 .hot-news-list .img-con{overflow:hidden;display:block;position:relative;float:left;width:80px;height:60px;margin-right:10px;vertical-align:middle;} .main2015 .hot-news-list .img-con img{max-width:120px;max-height:200px;opacity:1;transition:opacity .25s;} .main2015 .hot-news-list .over{display:block;position:absolute;left:0px;top:0px;width:78px;height:58px;border:1px solid rgba(0,0,0,.2);} .main2015 .hot-news-list .txt{display:table-cell;width:auto !important;font-weight:800;font-size:14px;color:#000;text-overflow:inherit !important;white-space:normal !important;vertical-align:middle;letter-spacing:-1px;} .main2015 .hot-news-list .li05 .img-con, .main2015 .hot-news-list .li06 .img-con, .main2015 .hot-news-list .li07 .img-con, .main2015 .hot-news-list .li08 .img-con{display:none;} /* 페이지네이션 */ .paging{text-align:center;margin:35px 0 40px 5px;} .paging a, .paging span, .paging strong{vertical-align:top;position:relative;font-family:Arial, Sans-serif;font-size:11px;color:#555;font-weight:bold;text-align:center;display:inline-block;margin-left:-5px;width:36px;height:30px;line-height:30px;overflow:hidden;border:1px solid #ddd;} .paging strong{background:#89a9ea;border:1px solid #7e9fe7;color:#fff;} .paging a:hover, .paging a:focus, .paging a:active{width:34px;height:28px;line-height:28px;border:2px solid #89a9ea;text-decoration:none;} .paging a img{margin-top:-30px;} .paging a:hover img, .paging a:focus img, .paging a:active img{margin:-31px 0 0 -1px;} .paging strong, .paging a:hover, .paging a:focus, .paging a:active{z-index:100;} /* 기타 게시판 list-style01-02 : 뉴스, list-style03-04 : 포토 */ .list-style01{position:relative;z-index:100;padding:19px;} .list-style01 h2, .list-style01 .tit-category{margin-bottom:8px;height:14px;overflow:hidden;} .list-style01 .tit-type01{display:none;} .list-style01 .tit-type03{margin-bottom:8px;} .list-style01 .btn_more{position:absolute;z-index:101;top:17px;right:17px;color:#999;text-decoration:none;} .list-style01 .list-wrap{/*display:none;*/padding-top:4px;} .list-style01 .list-wrap li{padding-top:8px;height:16px;line-height:16px;overflow:hidden;} .list-style01 .list-wrap li a{color:#2f2f2f;} .list-style01 .list-wrap li img{margin-right:10px;} .list-style01 .list-wrap dt{font-weight:bold;font-size:14px;padding-top:5px;} .list-style01 .list-wrap dd{padding-top:6px;line-height:1.6;height:55px;overflow:hidden;} .list-style01 .list-wrap dd a{font-weight:normal;color:#2f2f2f;} .list-style01 #foreignAR{text-align:right;} .list-style01 .list-wrap02{} .list-style01 .list-wrap02 ul{margin-top:11px;} .list-style01 .list-wrap02 li{background:url(../bul_2x2_cccccc.gif) 0 13px no-repeat;padding:6px 0 0px 9px;height:18px;overflow:hidden;} .list-style01 .list-wrap02 li a{color:#2f2f2f;} .list-style02{position:relative;z-index:100;} .list-style02 h2, .list-style02 .tit-category{border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:12px 0 0 19px;margin-bottom:19px;font-size:12px;line-height:18px;vertical-align:top;} .list-style02 h2 a, .list-style02 .tit-category a{padding-right:7px;line-height:1;background:url(../arr2_3x7_999999.gif) right 4px no-repeat;} .list-style02 .tit-type01{display:none;} .list-style02 .tit-type03{display:block;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:8px 0 4px 19px;margin-bottom:19px;} .list-style02 .tit-type03 a, .list-style02 .tit-type03 .arr{font-size:15px;line-height:1.2;.line-height:29px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style02 .btn_more{position:absolute;z-index:101;top:12px;right:17px;color:#999;text-decoration:none;} .list-style02 ul{margin:0 auto;width:300px;padding-bottom:9px;margin-top:-2px;} .list-style02 li{background:url(../bul_2x2_cccccc.gif) 0 7px no-repeat;padding:0 0 6px 9px;} .list-style02 li a{font-weight:normal;font-size:12px;color:#2f2f2f;} .list-style02 .img{display:none;} .list-style02 .tit{font-weight:normal;} .list-style02 .tit-top{font-weight:normal;} .list-style02 .page-nation{position:absolute;z-index:101;top:13px;right:63px;color:#999;} .list-style02 input{position:absolute;z-index:101;top:12px;border:none;cursor:pointer;width:19px;height:19px;text-indent:-500px;} .list-style02 .btn_prev{right:38px;background:url(../btn_prev.gif) 0 0 no-repeat;} .list-style02 .btn_next{right:20px;background:url(../btn_next.gif) 0 0 no-repeat;} .list-style02 .list-ellip li{overflow:hidden;display:block;} .list-style02 .list-ellip li a{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .list-style02 .correspondent{margin:-3px auto 0 auto;width:300px;}/* 특파원 리포트 */ .list-style02 .correspondent li{padding:10px 0;border-top:1px solid #eee;background:none;} .list-style02 .correspondent li:first-child{padding-top:0;border-top:none;} .list-style02 .correspondent li a{display:block;} .list-style02 .correspondent li a:hover{text-decoration:none;} .list-style02 .correspondent li a:hover .tit{text-decoration:underline;} .list-style02 .correspondent li a:hover .txt{color:#555;text-decoration:none;} .list-style02 .correspondent .tit{display:block;font-size:14px;vertical-align:top;} .list-style02 .correspondent .txt{display:block;line-height:1.6;} /* 여행 우측 */ .list-style02 .travel dl, .list-style02 dl.travel{position:relative;width:300px;margin:-3px auto 5px auto;} .list-style02 .travel dl dt, .list-style02 dl.travel dt{padding:4px 0 0 114px;font-weight:bold;font-size:12px;vertical-align:top;} .list-style02 .travel dl dd, .list-style02 dl.travel dd{margin-bottom:4px;padding:2px 0 10px 0;line-height:1.6;} .list-style02 .travel dl dd.poto, .list-style02 dl.travel dd.poto{position:absolute;top:0;left:0;width:100px;height:75px;} .list-style02 .travel dl dd.poto img, .list-style02 dl.travel dd.poto img{width:100px;height:75px;} .list-style02 .travel dl dd.lead, .list-style02 dl.travel dd.lead{padding-left:114px;} .list-style02 .travel{position:relative;width:300px;margin:3px auto 10px auto;} .list-style02 .travel>a{display:block;height:80px;} .list-style02 .travel>a p{margin-bottom:4px;padding:2px 0 10px 0;line-height:1.6;} .list-style02 .travel>a .tit{padding:4px 0 0 114px;font-weight:bold;font-size:12px;vertical-align:top;color:#2f2f2f;} .list-style02 .travel>a .poto{position:absolute;top:0;left:0;width:100px;height:75px;} .list-style02 .travel>a .poto img{width:100px;height:75px;} .list-style02 .travel>a .lead{padding-left:114px;} /* 여행 우측 - 2015개편 */ .journey-zone{} .journey-zone .tit-category{margin-bottom:8px;} .journey-zone .area{} .journey-zone .area li{padding:8px 0;border-bottom: 1px solid #e3e3e3;} .journey-zone .area li a{} .journey-zone .area .box-flex{overflow:hidden;} .journey-zone .area .img-con{overflow:hidden;display:block;position:relative;float:left;width:80px;height:60px;margin-right:10px;vertical-align:middle;} .journey-zone .area .img-con img{width: 100%;max-width:120px;max-height:200px;opacity:1;transition:opacity .25s;} .journey-zone .area .tit-con{} .journey-zone .area .tit-con .tit{margin-top:5px;font-weight:normal;font-size:12px;color:#2f2f2f;vertical-align:middle;} .journey-zone .travel-list{margin-top:5px;} .list-style02 .bnr-box01{width:254px;height:22px;margin:5px auto 20px;background:url(../bnr_culture_sport01.gif) 0 0 no-repeat;text-align:center;} .list-style02 .bnr-box01 a{display:block;padding:2px 0 0 37px;font-size:13px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#011f2d;letter-spacing:-1px;} .list-style02 .bnr-box01 a:hover{color:#385fdd;text-decoration:none;} .list-style03, .list-style04, .list-style05{position:relative;z-index:100;} .list-style03 h2, .list-style03 .tit-category, .list-style04 h2, .list-style04 .tit-category, .list-style03 h3, .list-style03 .tit-category{border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:12px 0 0 19px;margin-bottom:19px;vertical-align:top;text-align:left;} .list-style03 h2 a, .list-style03 .tit-category a, .list-style04 h2 a, .list-style04 .tit-category a{float:left;padding-right:7px;background:url(../arr2_3x7_999999.gif) right 4px no-repeat;vertical-align:top;} .list-style03 h2 a.none, .list-style03 .tit-category a.none, .list-style04 h2 a.none, .list-style04 .tit-category a.none{padding-right:0;background:none;} .list-style03 .tit-type03, .list-style04 .tit-type03{display:block;height:29px;margin-bottom:19px;padding:8px 0 4px 19px;border-bottom:1px solid #ddd;line-height:29px;text-align:left;} .list-style03 .tit-type03 a, .list-style04 .tit-type03 a, .list-style03 .tit-type03 .arr, .list-style04 .tit-type03 .arr{font-size:15px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style03 .btn_more{position:absolute;z-index:101;top:12px;right:17px;color:#999;text-decoration:none;} .list-style03 .page-nation{position:absolute;z-index:101;top:13px;right:63px;color:#999;} .list-style03 input{position:absolute;z-index:101;top:12px;border:none;cursor:pointer;width:19px;height:19px;text-indent:-500px;} .list-style03 .btn_prev{right:38px;background:url(../btn_prev.gif) 0 0 no-repeat;} .list-style03 .btn_next{right:20px;background:url(../btn_next.gif) 0 0 no-repeat;} .list-style04 .tit-type03{display:block;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:8px 0 4px 19px;margin-bottom:19px;} .list-style04 .tit-type03 a, .list-style04 .tit-type03 .arr{font-size:15px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style05{border-top:1px solid #ddd;} .list-style05 h2, .list-style05 .tit-category{height:14px;line-height:14px;padding:19px 0 0 17px;margin-bottom:7px;vertical-align:top;font-size:12px;} .list-style05 h2 a, .list-style05 .tit-category a{float:left;padding-right:7px;background:url(../arr2_3x5_555555.gif) right 4px no-repeat;vertical-align:top;font-size:12px;} .list-style05 h2 a.none, .list-style05 .tit-category a.none{padding-right:0;background:none;} .list-style05 h2 span, .list-style05 .tit-category span{font-weight:normal} .list-style05 .tit-category{display:block;height:14px;line-height:14px;padding:19px 0 0 17px;margin-bottom:7px;font-weight:bold;vertical-align:top;font-size:12px;} .list-style05 .tit-category a{float:left;padding-right:7px;background:url(../arr2_3x5_555555.gif) right 4px no-repeat;vertical-align:top;font-size:12px;} .list-style05 .tit-category a.none{padding-right:0;background:none;} .list-style05 .tit-category span{font-weight:normal} .list-style06{padding:10px 19px;} /* 2015 개편 전 '주요신문 톱뉴스 사설, 이 시각 헤드라인' */ .list-style06 ul{} .list-style06 ul li{margin-bottom:5px;} .list-style06 ul li a{display:block;padding:3px 20px 0;border:1px solid #2556a7;font-weight:bold;font-size:12px;color:#2556a7;line-height:25px;} .list-style06 ul li a:hover{background:#2556a7;text-decoration:none;color:#fff;} .list-style07{} /* 금주의 축제 */ .list-style07 h2{border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:12px 0 0 19px;margin-bottom:19px;vertical-align:top;} .list-style07 h2 a{padding-right:7px;line-height:1;background:url(../arr2_3x7_999999.gif) right 4px no-repeat;} .list-style07 .tit-type03{display:block;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:8px 0 4px 19px;margin-bottom:19px;} .list-style07 .tit-type03 a, .list-style07 .tit-type03 .arr{font-size:15px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style07 .con{padding:9px 19px;} .list-style07 .list{padding:10px 2px;} .list-style07 .list li{overflow:hidden;display:block;} .list-style07 .list li a, .list-style07 .list li span{overflow:hidden;display:block;padding-left:10px;font-size:12px;color:#666;text-overflow:ellipsis;white-space:nowrap;background:url(../bg_5x1_666666.gif) 0 9px no-repeat;line-height:22px;} .list-style07 .list li a:hover{text-decoration: underline;} .list-style08{position:relative;z-index:100;} .list-style08 h2{height:29px;line-height:29px;padding:12px 0 0 19px;vertical-align:top;} .list-style08 .btn_more {position:absolute;z-index:101;top:12px;right:17px;color:#999;text-decoration:none;} .list-style09{padding:20px 28px 40px;} /* 문체부 선정 문화광광축제 리스트 - 수동 */ .list-style09 .zone{margin-bottom:20px;padding-top:20px;border-top:1px dashed #cfcfcf;} .list-style09 .zone:first-child{padding-top:0;border-top:none;} .list-style09 .title{display:block;margin-bottom:10px;padding-left:14px;background:url(../bg_dot_6x6_1f77cf.png) 0 50% no-repeat;font-weight:400;font-family:'NanumBarunGothicBold','NanumBarunGothic','맑은 고딕',Malgun Gothic,sans-serif;font-size:18px;color:#027cb4;} .list-style09 .list{} .list-style09 .list li{margin-bottom:7px;color:#000;line-height:1.5;} .list-style09 .list .anc{margin-left:10px;color:#000;} .list-style09 .list .anc:hover{text-decoration:underline;} .list-style10{} /* 롤링 및 더보기 배너 */ .list-style10 .tit-category{} .list-style10 .tit-type01{display:none;} .list-style10 .tit-type03{} .list-style10 .list{overflow:hidden;width:300px;height:90px;margin:0 0 0 19px;padding-bottom:0;} .list-style10 .list li{padding:0;background:none;} .list-style10 .list li a{display:block;position:relative;left:0px;top:0px;height:90px;} .list-style10 .list a>.tit{padding:4px 0 0 114px;font-weight:bold;font-size:12px;vertical-align:top;} .list-style10 .list a>.poto{position:absolute;top:0;left:0;width:100px;height:75px;} .list-style10 .list a>.poto img{width:100px;height:75px;} .list-style10 .list a>.lead{padding-left:114px;} .list-style10 button{display:inline-block;position:absolute;top:12px;width:19px;height:19px;border:none;background:url(../2014btn_dir_yspecial.gif) 0 0 no-repeat;cursor:pointer;} .list-style10 .btn-prev{right:34px;background-position:0 0;} .list-style10 .btn-next{right:15px;width:18px !important;background-position:-19px 0;} .list-style10 .btn-interactive{position:absolute;right:75px;top:0;z-index:101} .list-style10 .btn-interactive a{color:#999;text-decoration:none;} .list-style10 .list li{overflow:hidden;} .list-style10 .list .img-con{overflow:hidden;display:block;float:left;width:100px;height:75px;margin:0 17px 0 4px;text-align:center;} .list-style10 .list .img-con img{width:100px;height:75px;} .list-style10 .list .news-con{} .list-style10 .list .news-con .tit{font-size:12px;} .list-style10 .list .news-con .txt{font-size:12px;} .list-style11{} /* 메인 2015 개편 */ .list-style11 .tit-type01{display:none;} .list-style11 .tit-type03{} .list-style12{} /* 인터렉티브 및 비주얼 타입 (역사 속 오늘)*/ .list-style12 .con, .list-style12 .box-flex{position:relative;} .list-style13{position:relative;} /* 단독뉴스, 건강, 책/서평 */ .list-style13 h2, .list-style13 .tit-category{display:none;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:12px 0 0 19px;margin-bottom:19px;font-size:12px;line-height:18px;vertical-align:top;} .list-style13 h2 a, .list-style13 .tit-category a{padding-right:7px;line-height:1;background:url(../arr2_3x7_999999.gif) right 4px no-repeat;} .list-style13 .tit-type01{display:none;} .list-style13 .tit-type03{display:block;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:8px 0 4px 19px;margin-bottom:19px;} .list-style13 .tit-type03 a, .list-style13 .tit-type03 .arr{font-size:15px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style13 .btn_more{position:absolute;z-index:101;top:12px;right:17px;color:#999;text-decoration:none;} .list-style13 ul{margin:0 auto;width:300px;padding-bottom:9px;margin-top:-2px;} .list-style13 li{padding:0 0 6px 9px;background:url(../bul_2x2_cccccc.gif) 0 7px no-repeat;} .list-style13 li a, .list-style13 li .anchor-area{font-weight:normal;font-size:12px;} .list-style13 .img-con{display:none;} .list-style13 .img-con img{} .list-style13 .over{display:none;} .list-style13 .tit-con{overflow:hidden;display:block;} .list-style13 .tit-con .tit{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;font-size:12px;} .list-style13 .page-nation{position:absolute;z-index:101;top:13px;right:63px;color:#999;} .list-style13 input{position:absolute;z-index:101;top:12px;border:none;cursor:pointer;width:19px;height:19px;text-indent:-500px;} .list-style13 .btn_prev{right:38px;background:url(../btn_prev.gif) 0 0 no-repeat;} .list-style13 .btn_next{right:20px;background:url(../btn_next.gif) 0 0 no-repeat;} .list-style14{overflow:hidden;} /* 기타 메뉴 */ .list-style14 .tit-type01{display:none;} .list-style14 .btn_more{position:absolute;z-index:101;top:12px;right:17px;color:#999;text-decoration:none;} .list-style14 ul li{float:left;width:149px;height:44px; background:#385fdd url(../sprites_ico2015.png) no-repeat;border-left:1px solid #fff;} .list-style14 ul li a{display:block;padding:6px 0 0 56px;font-weight:bold;font-size:13px;line-height:16px;color:#fff;} .list-style14 ul li:hover{background:#d9ebff url(../sprites_ico2015.png) no-repeat;} .list-style14 ul li:hover a{text-decoration:none;color:#1345aa;} .list-style14 .li01{background-position:20px 6px;} .list-style14 .li02{background-position:20px -78px;} .list-style14 ul .li01:hover{background-position:20px -35px;} .list-style14 ul .li02:hover{background-position:20px -117px;} .list-style15{} .list-style15 ul{} .list-style15 ul li{margin-bottom:5px;border:1px solid #ddd;background:#eee;} .list-style15 ul li a{display:block;font-weight:bold;padding:5px 10px;font-size:13px;color:#333;} .list-style15 ul li a:hover{color:#385fdd;text-decoration:none;} .list-style15 ul li a:hover strong{color:#385fdd !important;} .list-style16{position:relative;z-index:100;} .list-style16 .tit-type03{display:block;border-bottom:1px solid #ddd;height:29px;line-height:29px;padding:8px 0 4px 19px;margin-bottom:19px;} .list-style16 .tit-type03 a, .list-style16 .tit-type03 .arr{font-size:15px;line-height:1.2;.line-height:29px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .list-style16 .tab-con{margin:19px;margin-top:0;letter-spacing:0;} .list-style16 .tab-con ul{} .list-style16 .tab-con ul li{padding:10px 0;border-top:1px solid #e5e5e5 ;background:none;} .list-style16 .tab-con ul li:first-child{border-top:none;} .list-style16 .tab-con ul li a{overflow:hidden;display:table;font-size:14px;color:#000;font-family:'돋움',Dotum,Gulim, sans-serif;vertical-align:middle;} .list-style16 .img-con{overflow:hidden;position:relative;display:block;float:left;width:80px;height:60px;margin-right:10px;vertical-align:middle;opacity:1;transition:opacity .25s;} .list-style16 .img-con img{max-width:120px;max-height:200px;vertical-align:middle;} .list-style16 .img-con .over{display:block;position:absolute;left:0;top:0;width:78px;height:58px;border:1px solid rgba(0,0,0,.2);} .list-style16 .tit-con{display:table-cell;width:auto;vertical-align:middle;} .list-style16 .tit-con .tit{font-size:12px;color:#555;line-height:1.4;letter-spacing:-1px;} .list-style16 .tit-con .press{font-size:12px;color:#7f7f7f;} .list-style16 .tit-con .press em{margin-right:4px;font-weight:bold;} .list-style17{} /* 인민망 주요뉴스 (renminwang-zone) */ .list-style17 .tit-type03{display:block;padding:8px 19px 5px 19px;.padding:12px 19px;font:bold 15px/29px 'NanumBarunGothicBold','NanumBarunGothic',sans-serif !important;color:#000;text-align:left;} .list-style17 .zone{position:relative;padding:0 19px 14px 19px;} .list-style17 .list{} .list-style17 .list li{overflow:hidden;margin-bottom:5px;} .list-style17 .list li a{} .list-style17 .img-com{display:block;float:left;margin-right:10px;} .list-style17 .img-com img{width:100px;height:67px;} .list-style17 .img-com + .news-com{margin-top:4px;} .list-style17 .news-com{} .list-style17 .news-com .tit{padding:0 0 0 9px;background:url(../bul_2x2_cccccc.gif) 0 8px no-repeat;} .list-style17 .news-com .tit a{font-weight:normal;font-size:12px;} /* .main2015 > list-style 타입 */ .main2015 .list-ellip li{overflow:hidden;display:block;} .main2015 .list-ellip li>a, .main2015 .list-ellip li .anchor-area{overflow:hidden;display:block;text-overflow:inherit !important;white-space:normal !important;} .main2015 .list-style01{} .main2015 .list-style01 .tit-category, .main2015 .list-style01 .tit-type03{display:none;} /* 메인에서 타이틀 숨김 */ .main2015 .list-style01 .tit-type01{display:block;margin-bottom:10px;} .main2015 .list-style01 .btn_more{display:none;} .main2015 .list-style01 .list-wrap li a{font-weight:400;font-size:13px;color:#000;} .main2015 .list-style01 .list-wrap li{height:auto;padding:11px 0 !important;border-bottom:1px solid #dfdfdf;} .main2015 .list-style01 .list-wrap li img{margin:0 10px 0 0;} .main2015 .list-style01 .list-wrap li a:hover{color:#000;} .main2015 .list-style01 .list-wrap li a:visited{color:#666;} .main2015 .list-style02{} .main2015 .list-style02 .tit-category, .main2015 .list-style02 .tit-type03{display:none;} /* 메인에서 타이틀 숨김 */ .main2015 .list-style02 .tit-type01{display:block;margin-bottom:10px;} .main2015 .list-style02 .btn_more{display:none;} .main2015 .list-style02 ul{} .main2015 .list-style02 ul li{padding:8px 0;border-top:1px solid #e3e3e3;background:none !important;} .main2015 .list-style02 ul li a{overflow:hidden;display:table;font-weight:400;font-size:14px;color:#000;vertical-align:middle;} .main2015 .list-style02 ul li a:hover{color:#000;} .main2015 .list-style02 .img{display:block;float:left;width:80px;height:60px;margin-right:10px;vertical-align:middle;opacity:1;transition:opacity .25s} .main2015 .list-style02 a:hover .img{opacity:.8} .main2015 .list-style02 .tit{display:table-cell;width:auto !important;font-weight:400;font-size:14px;color:#000;text-overflow:inherit !important;white-space:normal !important;vertical-align:middle;} .main2015 .list-style02 ul li a:hover{color:#000;} .main2015 .list-style02 ul li a:visited, .main2015 .list-style02 ul li a:visited .tit, .main2015 .list-style02 ul li a:visited .tit-top, .main2015 .list-style02 ul li a:visited .mm{color:#666;} .main2015 .list-style10{} .main2015 .list-style10 .tit-type01{} .main2015 .list-style10 .tit-type03{display:none;} .main2015 .list-style11{} /* 메인 2015 개편 */ .main2015 .list-style11 .tit-type01{display:block;padding-bottom:10px;border-bottom:1px solid #dfdfdf;} .main2015 .list-style11 .tit-type03{display:none;} .main2015 .list-style11 ul{} .main2015 .list-style11 li{padding:4px 0 !important;border:none !important;} .main2015 .list-style11 li a{padding-left:12px;background:url(../bg_3x3_bababa.gif) 0 9px no-repeat;font-size:14px;color:#000;} .main2015 .list-style12{} /* 인터렉티브 및 비주얼 타입 (역사 속 오늘)*/ .main2015 .list-style12 .tit-type01{padding-bottom:10px;border-bottom:1px solid #dfdfdf;} .main2015 .list-style12 .con a, .main2015 .list-style12 .box-flex a{} .main2015 .list-style12 .img-con{} .main2015 .list-style12 .img-con img{width:300px;height:168px;opacity:1;transition:opacity .25s;} .main2015 .list-style12 .news-con, .main2015 .list-style12 .tit-con{position:absolute;bottom:0;width:280px;padding:30px 10px 13px 10px;line-height:1;text-align:center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(2%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} .main2015 .list-style12 .news-con .tit, .main2015 .list-style12 .tit-con .tit{font-weight:bold;font-size:16px;line-height:1;color:#fff;} .main2015 .list-style12 a:hover .img-con img{opacity:.8} .main2015 .list-style12 a:visited, .main2015 .list-style12 a:visited .tit{color:#dfdfdf;} .main2015 .list-style13{} /* 단독뉴스, 건강, 책/서평, 연합확대경 */ .main2015 .list-style13 .tit-category, .main2015 .list-style13 .tit-type03{display:none;} /* 메인에서 타이틀 숨김 */ .main2015 .list-style13 .tit-type01{display:block;margin-bottom:10px;padding:0;border-bottom:none;} .main2015 .list-style13 .btn_more{display:none;} .main2015 .list-style13 ul{} .main2015 .list-style13 ul li{padding:8px 0;border-top:1px solid #e3e3e3;background:none !important;} .main2015 .list-style13 ul li>a, .main2015 .list-style13 ul li .anchor-area{overflow:hidden;display:table;font-weight:400;font-size:14px;color:#000;vertical-align:middle;} .main2015 .list-style13 .img-con{overflow:hidden;position:relative;display:block;float:left;width:80px;height:60px;margin-right:10px;vertical-align:middle;opacity:1;transition:opacity .25s;} .main2015 .list-style13 .img-con img{max-width:120px;max-height:200px;vertical-align:middle;} .main2015 .list-style13 .img-con .over{display:block;position:absolute;left:0px;top:0px;width:78px;height:58px;border:1px solid rgba(0,0,0,.2);} .main2015 .list-style13 .tit-con{display:table-cell;width:auto !important;font-weight:400;font-size:14px;color:#000;text-overflow:inherit !important;white-space:normal !important;vertical-align:middle;} .main2015 .list-style13 .tit-con .tit{text-overflow:inherit !important;white-space:normal !important;font-size:14px;color:#000;} .main2015 .list-style13 .tit-con .tit a{font-size:14px;color:#000;} .main2015 .list-style13 .tit-con .tit-sub, .main2015 .list-style13 .tit-con .tit-sub a{color:#636363;font-size:14px;} .main2015 .list-style13 .tit-con .tit-sub .nums{overflow:hidden;display:block;width:100%;} .main2015 .list-style13 a:hover{color:#000;} .main2015 .list-style13 .anchor-area:hover .img-con, .main2015 .list-style13 a:hover .img-con{opacity:.8;} .main2015 .list-style13 a:visited .tit-con .tit{color:#666;} .main2015 .list-style14{} /* 기타 메뉴 */ .main2015 .list-style14 .tit-category{display:none;} /* 메인에서 타이틀 숨김 */ .main2015 .list-style14 .tit-type01{display:block;margin-bottom:10px;} .main2015 .list-style14 .btn_more{display:none;} /* 메인 주요뉴스 2014 */ .list-style03 .headlines{margin-top:-19px;}/* 최신뉴스 */ .headlines{padding:5px 18px 3px 18px;} .list-style03.contents-box{border:none;} /* 메인 주요뉴스 사이 광고*/ .ban, .list-ad, .list_ban, .list-ban{padding:10px 0 8px;border-bottom: 1px solid #eee;text-align:center !important;} /* 섹션 주요뉴스 2014 */ .headlines .section02{border-bottom:1px solid #eee;padding:11px 0 10px 0;} .headlines .section02 .con{.zoom:1;} .headlines .section02 .con:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .headlines .section02 .con .news-tl{display:inline-block;} .headlines .section02 .con .news-tl a{font-size:16px;vertical-align:middle;letter-spacing:-1px;} .headlines .section02 .lead{/* float:left;width:485px; */padding-top:8px;color:#666;line-height:1.6;background:#fff;} .headlines .section02 .lead a{color:#7d7d7d;} .headlines .section02 .lead .p-time{margin-left:7px;padding-left:7px;border-left:1px solid #ccc;font-size:11px;color:#888;} .headlines .section02 .poto{overflow:hidden;float:left;width:85px;height:65px;margin:4px 10px 0 5px;border:1px solid#ddd;text-align:center;} .headlines .section02 .poto img{width:87px;height:67px;} .headlines .section02 .poto .over{display:none;} .headlines .section02 .v-related{margin-top:0;} .headlines .section02 .con .icon-wrap.icon-black, .headlines .section02 .con .icon-wrap.icon-white{padding:0 0 0 3px;vertical-align:middle;} .headlines .section02 .con .icon-wrap.icon-black a, .headlines .section02 .con .icon-wrap.icon-white a{background-position:6px 3px;font-weight:normal;font-size:11px;} /* .headlines .section02 .con .icon-wrap.icon-black a:hover, .headlines .section02 .con .icon-wrap.icon-black a:focus, .headlines .section02 .con .icon-wrap.icon-black a:active, .headlines .section02 .con .icon-wrap.icon-white a:hover, .headlines .section02 .con .icon-wrap.icon-white a:focus, .headlines .section02 .con .icon-wrap.icon-white a:active{border:1px solid #6c94e5;background-color:#6c94e5;background-position:6px -23px;color:#fff;} */ .headlines .section03{position:relative;padding:11px 100px 10px 0;border-bottom:1px solid #eee;}/* 시론,톱뉴스/사설,헤드라인 */ .headlines .section03 .news-tl{vertical-align:middle;} .headlines .section03 .news-tl a{font-size:16px;} .headlines .section03 .icon-wrap{padding-top:0;} .headlines .section03 .news-date{position:absolute;right:0;top:15px;text-align:right;color:#999;} /* 메인 주요뉴스 2014 */ .headlines .section04{border-bottom:1px solid #eee;padding:11px 0 10px 0;background:#fff;} .headlines .section04 .con{.zoom:1;} .headlines .section04 .con:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .headlines .section04 .con .news-tl{} .headlines .section04 .con .news-tl a{font-size:16px;vertical-align:middle;letter-spacing:-1px;} .headlines .section04 .con .lead{float:left;width:485px;padding-top:8px;color:#666;line-height:1.6;background:#fff;} .headlines .section04 .con .poto{float:right;width:85px;height:65px;margin:4px 0;overflow:hidden;text-align:center;} .headlines .section04 .con .poto img{max-width:85px;max-height:65px;} .headlines .section04 .con .icon-wrap.icon-black, .headlines .section04 .con .icon-wrap.icon-white{padding:0 0 0 3px;vertical-align:middle;} .headlines .section04 .con .icon-wrap.icon-black a, .headlines .section04 .con .icon-wrap.icon-white a{background-position:6px 3px;font-weight:normal;font-size:11px;} /* 섹션 리스트형 :인사부고 2014 */ .headline-list{overflow:hidden;margin-top:-16px;} .headline-list .tab-wrap05{margin:0 0 15px;} /* 메인 및 섹션 주요뉴스 2014 */ .major-news01{padding-top:12px;} .major-news02{padding:0;} .major-news03{padding:0;} .main2015 .headlines .section02{border-top:1px solid #e3e3e3;border-bottom:none;padding:6px 0 13px 0;} .main2015 .headlines .section02 .con{.zoom:1;} .main2015 .headlines.major-news02 .section02:first-child{border-top:none;} .main2015 .headlines .section02 .con:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .main2015 .headlines .section02 .news-tl{display:block;} .main2015 .headlines .section02 .news-tl a{font-size:16px;line-height:1.2;.line-height:1.6;vertical-align:middle;letter-spacing:-1px;color:#000;} .main2015 .headlines .section02 .news-tl a:hover, .main2015 .headlines .section02 .news-tl a:focus, .main2015 .headlines .section02 .news-tl a:active{text-decoration:underline;} .main2015 .headlines .section02 .news-tl a:visited{color:#666;} .main2015 .headlines .section02 .news-tl .icon-sort{padding:2px 0 0 6px;height:20px;vertical-align:top;} .main2015 .headlines .section02 .news-tl .icon-sort>span{height:20px;vertical-align:top;} .main2015 .headlines .section02 .news-tl .icon-sort>span>span{vertical-align:middle;} .main2015 .headlines .section02 .news-tl .icon-sort a{font-size:12px;} .main2015 .headlines .section02 .news-tl .icon-sort strong{line-height:16px;vertical-align:middle;} .main2015 .headlines .section02 .lead{.zoom:1;} .main2015 .headlines .section02 .lead:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .main2015 .headlines .section02 .lead a{font-size:13px;color:#666;} .main2015 .headlines .section02 .lead .p-time{margin-left:7px;padding-left:7px;border-left:1px solid #ccc;font-size:11px;color:#888;} .main2015 .headlines .section02 .poto{position:relative;float:left;width:140px;height:90px;margin:8px 10px 0 0;border:none;text-align:center;} /* .main2015 .headlines .section02 .poto img{width:auto;max-width:160px;height:auto;max-height:240px;} */ .main2015 .headlines .section02 .poto img{width:140px;height:auto;} .main2015 .headlines .section02 .poto + .lead + .h-related{width:410px;} .main2015 .headlines .section02 .over{display:block;position:absolute;left:0px;top:0px;width:138px;height:88px;border:1px solid rgba(0,0,0,.2);} .main2015 .headlines .section02 .h-related{margin:5px 0 0 5px;} .main2015 .headlines .section02 .h-related li a{} .main2015 .headlines .section02.bd-none{border-top:1px solid #e3e3e3 !important;} .main2015 .headlines .section02 .con .icon-wrap.icon-white{vertical-align:middle;} .main2015 .headlines .section02 .con .icon-wrap.icon-white a{font-size:11px !important;line-height:16px;} /* 타이틀 */ .title-type01{} .title-type01 a{display:block;position:relative;padding:6px 10px;background:#fe5957;font-size:12px;font-weight:bold;color:#fff;} .title-type01 .go{position:absolute;right:10px;top:8px;font-weight:normal;font-size:11px;} .title-type01 a:hover{text-decoration:none;} .title-type01 a:hover .go{text-decoration:underline;} .title-style0101 a{background:#69d0d5 !important;} /* 비주얼 컨텐츠 */ .box-flex{} .box-flex .img-con .play{display:none;} /*외국어뉴스*/ .foreign-zone{height:187px;} .foreign-zone .list-wrap dt{font-size:16px;line-height:1.2;} .foreign-zone .list-wrap dd{font-size:13px;} /* 기타게시판 tab */ .tab-wrap01{position:relative;z-index:101;padding:0 22px;border:1px solid #ccc;overflow:hidden;} .tab-wrap01 ul{position:relative;width:100%;height:27px;overflow:hidden;} .tab-wrap01 li{position:absolute;float:left;width:85px;height:27px;line-height:27px;text-align:center;background:#fff url(../bar_1x11_dddddd.gif) 100% 7px no-repeat;} .tab-wrap01 input{position:absolute;z-index:102;top:0;border:none;cursor:pointer;width:23px;height:27px;overflow:hidden;text-indent:-500px;} .tab-wrap01 .btn_prev{background:#fff url(../btn_tab_prev.gif) 0 0 no-repeat;left:0;} .tab-wrap01 .btn_next{background:#fff url(../btn_tab_next.gif) 0 0 no-repeat;right:0;} .tab-wrap01 a{display:block;color:#555;text-decoration:none;} .tab-wrap01 a.on{font-weight:bold;} /* 이슈돋보기 tab */ .tab-wrap02{margin-bottom:21px;overflow:hidden;} .tab-wrap02 ul{position:relative;z-index:101;height:33px;padding-left:1px;} .tab-wrap02 li{float:left;height:33px;line-height:33px;background:url(../bar_1x11_dddddd.gif) 0 11px no-repeat;margin-left:-1px;} .tab-wrap02 a{display:block;float:left;padding:0 19px;height:33px;line-height:33px;text-decoration:none;font-weight:bold;color:#999;} .tab-wrap02 a:hover, .tab-wrap02 a:focus, .tab-wrap02 a:active{padding:0 18px;height:31px;line-height:31px;border:1px solid #ddd;background:#eee;} .tab-wrap02 a.on{position:relative;z-index:102;padding:0 18px;height:31px;line-height:31px;color:#fff;border:1px solid #7e9fe7;background:#89a9ea;} /* 많이 본 뉴스 */ .iframe-popnews{width:340px;height:269px;margin-bottom:9px;border:none;} .popularnews-zone{height:223px;} .popularnews-zone .list-wrap .li01, .popularnews-zone .list-wrap .li02, .popularnews-zone .list-wrap .li03{font-weight:bold;letter-spacing:-1px;color:#2f2f2f;} .tab-wrap03{position:relative;z-index:1;margin-bottom:50px;height:42px;text-align:center;background:#fafafa;border-bottom:1px solid #ddd;border-top:2px solid #555;} .tab-wrap03 li{display:inline-block;margin-left:-4px;} .tab-wrap03 li a{position:relative;z-index:2;display:inline-block;padding:0 18px;height:42px;line-height:42px;vertical-align:middle;font-weight:bold;color:#999;text-decoration:none;background:url(../bar_1x11_dddddd.gif) right 14px no-repeat;border-bottom:1px solid #ddd;} *:first-child+html .tab-wrap03 li, *:first-child+html .tab-wrap03 li a{display:inline;zoom:1;} .tab-wrap03 li a:hover, .tab-wrap03 li a:focus, .tab-wrap03 li a:active{position:relative;z-index:3;margin:0 -1px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#eee;color:#555;} *:first-child+html .tab-wrap03 li a:hover, *:first-child+html .tab-wrap03 li a:focus, *:first-child+html .tab-wrap03 li a:active{padding:0 19px 0 17px;} .tab-wrap03 li a.last{background-image:none;} .tab-wrap03 li a.last.on, .tab-wrap03 li a.on{position:relative;z-index:4;margin:0 -1px;border-left:1px solid #ddd;border-right:1px solid #ddd;color:#2556a7;border-bottom:1px solid #fff;background:url(../arr3_11x6_6c94e5.gif) center 35px no-repeat #fff;} .tab-wrap04{margin-bottom:39px;text-align:center;} .tab-wrap04 ul{height:33px;line-height:33px;border:1px solid #363951;background:#363951;text-align:center;} .tab-wrap04 li{display:inline;background:url(../bar_1x11_75788c.gif) right 0 no-repeat;} .tab-wrap04 a{padding:0 19px 0 16px;color:#fff;} .tab-wrap04 a.on{color:#89a9ea;font-weight:bold;} .tab-wrap05{} .tab-wrap05 ul{} .tab-wrap05 ul:after{content:"";display:block;clear:both;} .tab-wrap05 ul li{float:left;height:44px;text-align:center;} .tab-wrap05 ul li a{display:block;height:35px;padding:0px 16px;border:1px solid #ccc;background:#ebeced;color:#666;line-height:35px;} .tab-wrap05 ul li span{display:block;} .tab-wrap05 ul li.on a, .tab-wrap05 ul li a:hover{border:1px solid #3265d4;background:#3265d4;color:#fff;text-decoration:none;} .tab-wrap05 ul li.on span{height:44px;background:url(../arr5_9x5_3265d4.gif) 50% 35px no-repeat;} .tab-wrap0501{overflow:hidden;} .tab-wrap0501 ul{float:right;} .tab-wrap06{} .tab-wrap06 ul{overflow:hidden;margin:19px 19px 4px 19px;} .tab-wrap06 ul li{float:left;} .tab-wrap06 ul li a{display:block;padding:0 10px;font-size:12px;line-height:28px;font-family:'돋움',Dotum,Gulim, sans-serif;color:#575757;letter-spacing:-1px;} .tab-wrap06 ul li a:hover{text-decoration:none;} .tab-wrap06 ul li.on{border-radius:14px;background:#5e91de;} .tab-wrap06 ul li.on a{font-weight:bold;color:#fff;} /* 단독기사 */ .exclusive-zone{} /* 건강 */ .health-zone{} /* 책/서평 */ .bookreview-zone{} /* 오늘의 판결 */ .judgment-zone{} /* 오늘의 주요뉴스 */ .iframe-todaynews{width:340px;height:360px;margin-bottom:9px;border:none;} .todaynews-zone{} .todaynews-zone .list-wrap02 .list01 li a{font-weight:bold;letter-spacing:-1px;color:#2f2f2f;} /* SNS 여론 */ .iframe-sns{width:340px;height:150px;} .sns-poll-zone{} .sns-poll-zone .tit{font-weight:bold !important;} .sns-poll-zone .page-nation{left:190px;} .sns-poll-zone .btn-prev{left:141px;} .sns-poll-zone .btn-next{left:160px;} /* 지방지 톱뉴스 */ .local-news-zone{height:167px;} /* 역사 속 오늘 */ .todayhistory-zone{} .todayhistory-zone .news-con, .todayhistory-zone .tit-con{position:absolute;bottom:0;width:280px;padding:30px 10px 13px 10px;line-height:1;text-align:center; background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(75%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,1) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 75%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} /* 연합TV */ .ynatv-zone{} /* 연합 출판물 */ .ynapublish-zone{} /* 사이비언론 */ .pseudo-zone{} /* 국가기간뉴스 통신사 연합뉴스의 역할과 비전 */ .vision-zone{} /* 제휴사 (전국 우측) */ .partnerships-zone{} /* 인민망 주요뉴스 (세계 우측) */ .renminwang-zone{} /* 우측 섹션별 주요 포토 (사람들) */ .iframe-photosection{width:340px;height:252px;} .photosection-zone{} /* 사람들 */ .people-wrap{overflow:hidden;width:300px;margin:19px auto 0 auto;height:169px;padding-bottom:19px;} .people-wrap .people-list{position:relative;z-index:101;float:left;width:225px;height:169px;overflow:hidden;padding:0;margin:0;} .people-wrap .people-list li{position:absolute;left:0;top:0;width:225px;height:169px;padding:0;background:#000000;z-index:102;} .people-wrap .people-list li.on{z-index:103;} .people-wrap .people-list li img{width:225px;height:169px;} .people-wrap .people-list li .tit-con{overflow:hidden;position:absolute;z-index:102;bottom:0;left:0;width:205px;padding:11px 10px 9px 10px;background:url(../bg_box_03.png);line-height:14px;} .people-wrap .people-list li .tit{overflow:hidden;display:block;width:205px;text-align:center;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;} .people-wrap .people-list li a{color:#fff;} .people-wrap .people-list li a:hover .tit, .people-wrap .people-list li a:focus .tit, .people-wrap .people-list li a:active .tit{text-decoration:underline;} .people-wrap .people-btn{float:right;width:73px;height:169px;} .people-wrap .people-btn a{display:block;float:left;width:73px;height:55px;overflow:hidden;margin-bottom:2px;} .people-wrap .people-btn img{width:73px;height:55px;} .people-wrap .people-btn a.on{border:3px solid #688ac8;width:67px;height:49px;} .people-wrap .people-btn a.on img{position:relative;z-index:-1;top:-3px;left:-3px;} /* 정치 주요 포토 */ .politicphoto-wrap{overflow:hidden;width:301px;margin:19px auto 0 auto;height:225px;padding-bottom:19px;} .politicphoto-wrap .politicphoto-list{position:relative;z-index:101;float:left;width:225px;height:225px;overflow:hidden;padding:0;margin:0;} .politicphoto-wrap .politicphoto-list li{position:absolute;left:0;top:0;width:225px;height:225px;padding:0;background:#000000;z-index:102;} .politicphoto-wrap .politicphoto-list li.on{z-index:103;} .politicphoto-wrap .politicphoto-list li img{width:225px;height:225px;} .politicphoto-wrap .politicphoto-list li .tit-con{overflow:hidden;position:absolute;z-index:102;bottom:0;left:0;width:205px;padding:11px 10px 9px 10px;background:url(../bg_box_03.png);line-height:14px;} .politicphoto-wrap .politicphoto-list li .tit{overflow:hidden;display:block;width:205px;text-align:center;font-weight:normal;font-size:12px;text-overflow:ellipsis;white-space:nowrap;} .politicphoto-wrap .politicphoto-list li a{color:#fff;} .politicphoto-wrap .politicphoto-list li a:hover .tit, .politicphoto-wrap .politicphoto-list li a:focus .tit, .politicphoto-wrap .politicphoto-list li a:active .tit{text-decoration:underline;} .politicphoto-wrap .politicphoto-btn{float:right;width:73px;height:225px;} .politicphoto-wrap .politicphoto-btn a{display:block;float:left;width:73px;height:73px;overflow:hidden;margin-bottom:3px;} .politicphoto-wrap .politicphoto-btn img{width:73px;} .politicphoto-wrap .politicphoto-btn a.on{border:3px solid #688ac8;width:67px;height:67px;} .politicphoto-wrap .politicphoto-btn a.on img{position:relative;z-index:-1;top:-3px;left:-3px;} /* 배너 */ .aside-banner{} .aside-banner ul{padding:25px 0 15px 0;} .aside-banner li{text-align:center;padding-bottom:10px;} .aside-top-banner{} .aside-top-banner ul{padding:16px 19px;} .aside-top-banner li{text-align:center;;} /* 안내 */ .aside-guide{} .aside-guide ul{padding:9px 19px;} .aside-guide ul li{margin:5px 0;} .aside-guide ul li a{display:block;border:1px solid #ddd;background:#eee;padding:6px 10px 5px ;} .aside-guide ul li a.bg-blue{background:#6f8fc8;} /* 기타 메뉴 */ .misc-zone{} .misc-zone .misc-list{} /* 인터랙티브, 화보포토무비 */ .interactive, .photomovie{width:300px;margin:0 auto;padding-bottom:19px;overflow:hidden;} .interactive .sector, .photomovie .sector{float:left;width:145px;margin-right:10px;} .interactive .sector a img, .photomovie .sector a img{margin:0 auto 7px auto;width:145px;height:145px;} .interactive .sector strong, .interactive .sector .tit, .photomovie .sector strong, .photomovie .sector .tit{display:block;position: static;width: auto;height: auto;padding:0 12px;font-weight:normal;font-size: 12px;color:#2f2f2f;text-align:center;} .interactive .sector .tit-con .num, .photomovie .sector .tit-con .num{display:none;} .photomovie .sector{position:relative;z-index:101;} .photomovie .sector h3, .photomovie .sector .ico{display:block;position:absolute;z-index:102;top:121px;left:9px;width:17px;height:15px;} /* 기사 하단의 포토/화보 */ .photomovie2{width:600px;margin:0 auto;padding-bottom:15px;overflow:hidden;} .photomovie2 .sector{position:relative;z-index:101;float:left;width:135px;padding:0 8px 0 7px;} .photomovie2 .sector a img{margin:0 auto 7px auto;width:135px;height:135px;} .photomovie2 .sector strong, .photomovie2 .sector .tit{display:block;position:static;width:auto;height: auto;padding:0 7px;font-weight:normal;font-size: 12px;text-align:center;} .photomovie2 .sector h3, .photomovie2 .sector .ico{position:absolute;z-index:102;top:111px;left:9px;width:17px;height:15px;} /* 많이 본 포토, 그래픽, 이슈돋보기 사진 리스트 */ .popularphoto, .graphic{width:300px;margin:0 auto;padding-bottom:19px;overflow:hidden;} .popularphoto .sector, .graphic .sector{width:143px;float:left;margin-right:14px;} .popularphoto .sector a span, .graphic .sector a span{display:block;text-align:center;background:#f4f4f4;border:1px solid #e4e4e4;width:141px;height:141px;margin:0 auto 7px auto;} .popularphoto .sector img, .graphic .sector img{margin:10px auto;max-width:120px;max-height:120px;} .popularphoto .sector strong, .popularphoto .sector .tit, .graphic .sector strong, .graphic .sector .tit{display:block;height:54px;margin-bottom:0;padding:0 10px;border-bottom:none;text-align:center;font-weight:normal;font-size:12px;line-height: 1.5;} .popularphoto .sector a:hover strong, .popularphoto .sector a:hover strong, .popularphoto .sector a:hover .tit, .graphic .sector a:hover strong, .graphic .sector a:hover strong, .graphic .sector a:hover .tit{color:#2f2f2f;text-decoration:underline;} /* .popularphoto .sector a:hover span, .popularphoto .sector a:focus span, .popularphoto .sector a:active span, .graphic .sector a:hover span, .graphic .sector a:focus span, .graphic .sector a:active span{background:#e6f2ff;border:1px solid #c9e2ff;} */ /* 많이 본 포토 */ #popularPhotoWrap{border:1px solid #ddd;} /* 책소개 */ .book{width:300px;margin:0 auto;padding-bottom:19px;overflow:hidden;} .book .sector{width:85px;float:left;margin-right:22px;} .book .sector a{display:block;width:85px;background:url(../bg_book.gif) 0 0 no-repeat;text-align:left;color:#2f2f2f;} .book .sector a span{display:block;width:79px;height:106px;margin-bottom:7px;overflow:hidden;border:1px solid #ddd;} .book .sector img{width:79px;max-height:106px;} .book .sector strong{display:block;text-align:center;font-weight:normal;padding:0 10px;} /* 인물 정보 */ .person-wrap{padding:0 19px 19px 19px} .person-wrap li{overflow:hidden;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px;} .person-wrap li.last{border-bottom:none;padding-bottom:0;margin-bottom:0;} .person-wrap li img{float:left;width:62px;height:70px;} .person-wrap li span{float:right;width:222px;height:70px;color:#646464;} .person-wrap li strong{display:block;color:#5c5c5c;} .person-wrap li .txt-desc{display:block;margin-top:2px;vertical-align:top;} .icon-subscribe{display:block;height:16px;padding-left:19px;margin-top:5px;color:#89a9ea;background:url(../icon_subscribe.gif) 0 0 no-repeat;vertical-align:top;}/* 유료아이콘 */ /* 영상 */ .picture-wrap .btn_more{display:none;} .picture{position:relative;z-index:101;height:109px;margin:19px;} .picture h3{position:absolute;z-index:102;top:85px;left:9px;width:17px;height:15px;} .picture a{display:block;overflow:hidden;} .picture a img{float:left;margin-right:10px;width:195px;height:109px;} .picture a strong{display:block;margin-bottom:7px;} /* 타이틀 및 LNB */ .sta-wrap{overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:19px;padding:11px 18px 7px 18px;} .sta-wrap .sta{float:left;text-align:left;max-width:50%;font-size:21px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .sta-wrap .sta span{font-size:16px;} .sta-wrap .lnb{float:right;text-align:right;max-width:50%;margin-top:3px;} .sta-wrap .lnb strong{} /* 포토 메인 콘텐츠 공용 */ .photo-section{overflow:hidden;padding-bottom:14px;} .photo-section .sector h3 *{vertical-align:top;} .photo-section .sector h3 a{padding-right:6px;background:url(../arr2_4x7_999999.gif) right 2px no-repeat;font-size:12px;color:#555;text-decoration:none;} .photo-section.bd-none{margin-bottom:0 !important;} .photo-section02 .sector .tit-con, .photo-section03 .sector .tit-con{display:block;text-align:center;font-weight:normal;padding:0 10px;} .photo-section02 .sector .tit-con .tit, .photo-section03 .sector .tit-con .tit{font-weight:normal;font-size: 12px;line-height:1.5;} .photo-section02 .sector, .photo-section03 .sector{float:left;padding:0 7px;} .photo-section02 .sector a .img-con{display:block;text-align:center;background:#f4f4f4;border:1px solid #e4e4e4;} .photo-section02 .sector a:hover .img-con , .photo-section02 .sector a:focus .img-con , .photo-section02 .sector a:active .img-con {background:#e6f2ff;border:1px solid #c9e2ff;} .photo-section02 img{max-width:120px;max-height:120px;} /* 분야별 사진 */ .photo-section01{width:586px;margin:19px auto 18px auto;border-bottom:1px solid #eee;} .photo-section01 .sector h3{height:13px;line-height:13px;margin-bottom:0;border-bottom:none;padding:0;} .photo-section01 .sector{float:left;width:185px;margin-right:15px;} .photo-section01 .sector img{margin:8px auto 7px auto;width:185px;height:185px;} .photo-section01 .sector .tit-con{display:block;text-align:center;font-weight:normal;padding:0 12px;} .photo-section01 .sector .tit-con .tit{font-size:12px;line-height:1.5;color:#2f2f2f;} /* 주요화보, 포토무비 */ .photo-section02{width:600px;margin:19px auto -19px;padding-bottom:0;} *:first-child+html .photo-section02{padding-bottom:14px !important;} .photo-section02 .sector{overflow:hidden;width:136px;height:197px;margin-bottom:19px;} .photo-section02 .sector h3{height:13px;line-height:13px;margin-bottom:7px;border-bottom:none;padding:0;} .photo-section02 .sector .img-con{width:134px;height:134px;margin:0 auto 7px auto;} .photo-section02 .sector .img-con img{margin:7px auto;} .photo-section02 .sector .tit-con img{} .list-style03 .photo-section02{margin-bottom:0;} .list-style03 .photo-section02 .sector{/* height:auto; */} /* 인터랙티브 */ .photo-section03{width:600px;margin:19px auto 0 auto;padding-bottom:0 !important;} .photo-section03 .sector{width:135px;height:195px;margin-bottom:18px;} .photo-section03 .sector .img-con{display:block;text-align:center;width:135px;height:135px;margin:0 auto 7px auto;} .photo-section03 img{max-width:135px;max-height:135px;} /* 전국 영상 */ .photo-section04{width:609px;margin:12px auto -8px;padding:0;} .photo-section04 .sector{overflow:hidden;float:left;width:177px;height:160px;margin:0 0 8px;padding:0 13px;} .photo-section04 .sector a{position:relative;z-index:0;display:block;} .photo-section04 .sector span{display:block;width:177px;height:99px;margin:0 auto 7px auto;} .photo-section04 .sector img{width:177px;height:99px;} .photo-section04 .sector strong{display:block;text-align:center;font-weight:normal;padding:0 12px;} .photo-section04 .sector a:hover span{border:3px solid #89a9ea;width:171px;height:93px;} .photo-section04 .sector a:hover span img{position:relative;z-index:-1;top:-3px;left:-3px;} /* 연합 photo톡talk */ .photo-talk{margin:19px;text-align:center;} .photo-talk span{display:block;width:300px;height:222px;overflow:hidden;} .photo-talk span img{max-width:300px;max-height:222px;} .photo-talk strong{display:block;text-align:center;margin-top:7px;font-weight:normal;} /* 테마별 뉴스 - 달력 */ .etc-news-date fieldset{text-align:center;margin:44px 0 20px 0;} .etc-news-date .etc-news-date01 *{vertical-align:top;} .etc-news-date .etc-news-date02 *{vertical-align:top;} *:first-child+html .etc-news-date .etc-news-date02 *{vertical-align:middle;} .etc-news-date .etc-news-date01, .etc-news-date .etc-news-date02{vertical-align:top;display:inline-block;} .etc-news-date .etc-news-date02{position:relative;margin-left:16px;padding:0 58px 0 0;} .etc-news-date .etc-news-date02 .ui-datepicker-trigger{position:absolute;right:0;top:0;} .etc-news-date .etc-news-date01 input, .etc-news-date .etc-news-date02{margin-top:4px;} .etc-news-date .btn_prev, .etc-news-date .btn_next{overflow:hidden;width:19px;height:19px;padding-top:20px;border:none;cursor:pointer;} .etc-news-date .btn_prev{background:url(../btn_prev.gif) 0 0 no-repeat;} .etc-news-date .btn_next{background:url(../btn_next.gif) 0 0 no-repeat;} .etc-news-date span strong{font-family:Verdana, Helvetica, sans-serif;font-size:24px;line-height:1;font-weight:bold;color:#525671;letter-spacing:-2px;padding:0 7px;} .etc-news-date label{font-weight:bold;display:inline-block;height:19px;line-height:19px;} .etc-news-date .text-search{width:81px;height:17px;line-height:17px;border:1px solid #abadb3;color:#7d7d7d;text-indent:5px;} .etc-news-date .btn-search{border:none;cursor:pointer;width:31px;height:19px;padding-top:20px;overflow:hidden;background:url(../btn_search02.gif) 0 0 no-repeat;} .period-form01{} .period-form01 fieldset{overflow:hidden;height:42px;margin:0;padding-top:18px;background:#e1e4e9;} .period-form01 .etc-news-date01{float:left;margin-left:30px;} .period-form01 .etc-news-date01 button{overflow:hidden;width:16px;height:25px;padding-top:20px;border:none;cursor:pointer;} .period-form01 .etc-news-date02{float:right;padding:0 84px 0 0;color:#031337;font-family:'NanumBarunGothicBold','NanumBarunGothic','맑은 고딕',Malgun Gothic,sans-serif;font-size:12px;} .period-form01 .etc-news-date02 .ui-datepicker-trigger{position:absolute;right:31px;top:0;.top:1px;} .period-form01 .btn_prev{background:url(../ico_set_video.png) 0 0 no-repeat;} .period-form01 .btn_next{background:url(../ico_set_video.png) 0 -35px no-repeat;} .period-form01 span strong{font-family:Arial, sans-serif;font-size:27px;line-height:1;font-weight:bold;color:#3d4353;letter-spacing:-1px;padding:0 7px;} .period-form01 label{font-weight:800;color:#06122c;line-height:22px;} .period-form01 .text-search{height:20px;} .period-form01 .btn-search{overflow:hidden;width:55px;height:22px;margin-left:-2px;padding-top:20px;border:none;background:url(../btn_search03.gif) 0 0 no-repeat;cursor:pointer;} /* date picker */ .ui-datepicker{display:none;width:254px;margin:2px 0 0;padding:0 0 7px;border:1px solid #555555;color:#555555;background:#ffffff;z-index:600 !important;} .ui-datepicker .ui-datepicker-header{position:relative;padding:6px 16px 6px 0;text-align:center;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display:block;position:absolute;top:6px;width:30px;height:20px;cursor:pointer;} .ui-datepicker .ui-datepicker-prev{left:26px;background:url(../arr4_7x9_555555.gif) no-repeat 50% 50%;} .ui-datepicker .ui-datepicker-next{right:43px;background:url(../arr2_7x9_555555.gif) no-repeat 50% 50%;} .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{display:block;width:100%;height:100%;text-indent:-9999px;} .ui-datepicker .ui-datepicker-title select{height:20px;padding:0;color:#6f97e6;font-family:Verdana, Helvetica, sans-serif;border:1px solid #dddddd;;line-height:20px;font-weight:bold;letter-spacing:-1px;outline:0;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{margin:0 6px 0 0;} .ui-datepicker table{width:100%;font-size:.916em;background:#fff;border-top:1px solid #dddddd;text-align:center;} .ui-datepicker th, .ui-datepicker td{font-size:11px;} .ui-datepicker th{line-height:20px;background:#eeeeee;border-bottom:1px solid #dddddd;} .ui-datepicker th span span{display:inline-block;width:10px;height:20px;background:url(../txt_day.png) no-repeat 0 0;text-indent:-9999px;} .ui-datepicker th span span.sun{background-position:0 50%;} .ui-datepicker th span span.mon{background-position:-33px 50%;} .ui-datepicker th span span.tue{background-position:-66px 50%;} .ui-datepicker th span span.wed{background-position:-96px 50%;} .ui-datepicker th span span.thu{background-position:-130px 50%;} .ui-datepicker th span span.fri{background-position:-166px 50%;} .ui-datepicker th span span.sat{background-position:-200px 50%;} .ui-datepicker td{line-height:14px;font-family:Verdana, Helvetica, sans-serif;} .ui-datepicker table tbody tr:first-child td{padding-top:5px;} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:1px 0 3px;} .ui-datepicker td.ui-datepicker-week-end, .ui-datepicker td.ui-datepicker-week-end a{color:#5f678a;} .ui-datepicker td:first-child a, .ui-datepicker th:first-child a{color:#e08777;} .ui-datepicker span.ui-state-default{color:#cfcfcf;} .ui-datepicker a.ui-state-default{color:#555555;font-weight:bold;} .ui-datepicker a.ui-state-active, .ui-datepicker td .ui-state-highlight.ui-state-active{background:#f68b56;color:#ffffff !important;} .ui-datepicker td .ui-state-default.ui-state-highlight{background: #89a9ea;color:#fff;} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current{display:none;} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close{position:absolute;right:9px;top:9px;display:block;width:9px;height:9px;overflow:hidden;text-indent:-9999px;background:url(../btn_wholemenu_close.gif) no-repeat 50% 50%;} .ui-datepicker-trigger{cursor:pointer;} /* 에러페이지 */ .error-wrap{} .error-wrap h1 span{background-color:#eeeeee !important;} .error-wrap .contents{padding:80px 0 40px;} .error-wrap .desc-box{width:620px;margin:30px auto;} .error-wrap .desc-box .ico-caution{margin-bottom:30px;text-align:center;} .error-wrap .desc-box .tit-sub{display:block;margin-bottom:20px;font-weight:normal;font-size:20px;line-height:1;font-family:'NanumBarunGothicBold','NanumBarunGothic','맑은 고딕',Malgun Gothic,sans-serif;color:#000;text-align:center;} .error-wrap .desc-box .para01{font-size:11px;} .error-wrap .wholemenu-wrap{position:static;display:block !important;float:none;width:auto;height:auto;margin-right:0;} .error-wrap .wholemenu-wrap a.btn-wholemenu{display:none;} .error-wrap .wholemenu{display:block !important;} .error-wrap .wholemenu{position:static;width:974px;padding-top:26px;background:#fff;border:1px solid #555;} .error-wrap .wholemenu .btn-close{display:none;} .error-wrap #footer{padding-bottom:50px;} .error-wrap .f-copy{text-align:center;} /* 기사 제목 및 링크 */ .article-wrap{padding:0 19px;} .article-wrap h2, .article-wrap .tit-article{margin-bottom:6px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;font-size:28px;line-height:1.3;font-weight:800;color:#000;} .link-info{position:relative;z-index:500;margin:10px 0 30px 0;height:30px;} .link-info .link-site{float:left;width:450px;height:30px;text-align:left;} .link-info .link-site li{float:left;height:30px;} .link-info .link-site li a, .link-info .link-site li span{display:block;height:30px;line-height:30px;padding:0 12px;} .link-info .link-site li a{color:#555;} .link-info .link-site li span{color:#bbb;} .link-info .link-site li a:hover, .link-info .link-site li a:focus, .link-info .link-site li a:active{position:relative;z-index:502;height:31px;background:#6c94e5;color:#fff;text-decoration:none;} .link-btn{float:right;width:124px;text-align:right;} .link-btn li{position:relative;z-index:501;float:left;height:30px;} .link-btn li span{display:inline-block;width:30px;height:30px;overflow:hidden;cursor:pointer;background-position:9px 7px;background-repeat:no-repeat;} .link-btn .btn_print span{background-image:url(../icon_print.gif);} .link-btn .btn_zoom_in span{background-image:url(../icon_zoom_in.gif);} .link-btn .btn_zoom_out span{background-image:url(../icon_zoom_out.gif);} .link-btn .btn_sns span{background-image:url(../icon_sns.gif);} .link-btn li a{position:absolute;left:0;bottom:0;display:inline-block;width:30px;height:30px;margin:0 -4px 0 0;text-indent:-9999px;text-align:left;outline:none;} .link-btn li.on span, .link-btn li.show span{background-position:9px -23px;position:relative;z-index:202;height:31px;background-color:#6c94e5;text-decoration:none;} .link-btn li.on a, .link-btn li.show a, .link-btn li a:hover, .link-btn li a:focus{z-index:502;top:-36px;left:-5px;width:41px;height:63px;padding-top:4px;text-align:center;color:#6c94e5;font-weight:normal;background:url(../bg_bubble02.gif) center 0 no-repeat;text-decoration:none;text-indent:0;} .link-btn li.over{z-index:502;} .link-btn li.over a{z-index:503;} .link-btn li.on li a, .link-btn li.show li a{position:static;top:0;left:0;width:auto;height:auto;padding-top:0;color:#6c94e5;background:none;text-indent:0;line-height:20px;padding-left:25px;} .link-btn li.on li a:hover, .link-btn li.on li a:focus, .link-btn li.show li a:hover, .link-btn li.show li a:focus{text-decoration:underline;} .link-info .btn_sns{} .link-info .btn_sns ul{display:none;position:absolute;z-index:502;top:31px;left:-68px;width:113px;height:120px;padding-top:21px;background:url(../bg_sns.gif) 0 0 no-repeat;} .link-info .btn_sns ul li{position:relative;z-index:501;float:none;display:block;text-align:left;height:27px;padding-left:14px;} .link-info .btn_sns ul li.twitter a{background:url(../icon_twitter.gif) 0 0 no-repeat !important;} .link-info .btn_sns ul li.facebook a{background:url(../icon_facebook.gif) 0 0 no-repeat !important;} .link-info .btn_sns ul li.google a{background:url(../icon_google.gif) 0 0 no-repeat !important;} .link-info .btn_sns ul li.cyworld a{background:url(../icon_cyworld.gif) 0 0 no-repeat !important;} .link-info .btn_sns ul li.kakao a{background:url(../icon_kakao.gif) 0 0 no-repeat !important;} .link-info .btn_sns ul li.band a{background:url(../icon_band.gif) 0 0 no-repeat !important;} /* 기사 안 이미지 슬라이드 */ .articleview-wrap{position:relative;z-index:101;width:538px;height:454px;border:1px solid #ddd;margin:50px auto;} .articleview-wrap h3{position:absolute;z-index:102;bottom:13px;left:18px;} .articleview-wrap .article-img{position:relative;text-align:center;border-bottom:1px solid #ddd;background:#eee;height:413px;} .articleview-wrap .article-img li{position:absolute;left:0;top:0;width:500px;padding:19px;height:375px;z-index:102;} .articleview-wrap .article-img li.on{z-index:103;} .articleview-wrap .article-img img{max-width:500px;max-height:375px;} .articleview-wrap p{padding:12px 0 0 40px;width:340px;font-weight:bold;} .articleview-wrap .btn_more{position:absolute;z-index:102;bottom:10px;left:420px;color:#999;} .articleview-wrap .page-nation{position:absolute;z-index:102;bottom:10px;left:360px;text-align:right;width:35px;padding-right:8px;padding-left:11px;background:url(../bar_1x11_dddddd.gif) right 3px no-repeat;color:#999;} .articleview-wrap input{position:absolute;z-index:102;top:176px;border:none;cursor:pointer;width:40px;height:61px;overflow:hidden;text-indent:-500px;z-index:104;} .articleview-wrap .btn_prev{background:#fafafa url(../btn_view_prev2.gif) 0 bottom no-repeat;left:-1px;} .articleview-wrap .btn_next{background:#fafafa url(../btn_view_next2.gif) 0 bottom no-repeat;right:-1px;} .articleview-wrap .btn_prev.none{background:#fafafa url(../btn_view_prev2.gif) 0 0 no-repeat;cursor:default;} .articleview-wrap .btn_next.none{background:#fafafa url(../btn_view_next2.gif) 0 0 no-repeat;cursor:default;} /* 기사 본문 */ .article-wrap .article{margin:30px 0 50px;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;font-size:16px;line-height:1.8;} .article-wrap .article .article-img, .article-wrap .article .article-video, .article-wrap .article-copy{font-family:돋움, dotum, Arial, Sans-serif;font-size:12px;line-height:1.5;} .article-wrap .article p{text-indent:12px;margin:26px 0;color:#000;} .article-wrap .article p em{font-style:normal;font-weight:bold;color:#2556a7;} .article-wrap .article pre{display:block;font-family:굴림체, Gulim;font-size:12px;line-height:100%;white-space:pre;letter-spacing:0 !important;} .article-wrap .article .stit{text-indent:0;} .article-wrap .article .article-img .img-info p, .article-wrap .article .article-video p, .article-wrap .article-copy p{text-indent:0;margin:0;} .article-wrap .article .article-img{margin:0 auto 20px auto;text-align:center;font-family:돋움, dotum, Arial, Sans-serif;font-size:12px;line-height:1.5;} .article-wrap .article .article-img img{max-width:500px;max-height:750px;} .article-wrap .article .article-img .img-info{width:500px;margin:0 auto;padding-top:12px;text-align:left;} .article-wrap .article .article-img .img-info strong{display:block;} .article-wrap .article .article-img .img-info p{display:inline;} .article-wrap .article .article-video{margin:44px auto;text-align:center;} .article-wrap .article .article-video .video-js{margin:0 auto;} .article-wrap .article .article-video .video-js .vjs-poster{overflow:hidden;background-size:cover;} .article-wrap .article .article-video .vid-skin01 .vjs-big-play-button{top:32% !important;} .article-wrap .article .article-video .vid-skin02 .vjs-big-play-button{top:48% !important;} .article-wrap .article .article-mail{display:block;margin:26px auto;} .article-wrap .article .article-copy{min-width:450px;height:16px;margin-top:40px;} .article-wrap .article .article-copy01{float:left;} .article-wrap .article .article-copy02{float:left;padding-left:11px;margin-left:5px;background:url(../bar_1x11_dddddd.gif) 0 3px no-repeat;} .article-wrap .article .article-copy03{float:right;} .article-wrap.article-font1 .article{font-size:14px;} .article-wrap.article-font2 .article{font-size:15px;} .article-wrap.article-font3 .article{font-size:16px;} .article-wrap.article-font4 .article{font-size:17px;} .article-wrap.article-font5 .article{font-size:18px;} .article-wrap.article-font6 .article{font-size:19px;} .article-wrap.article-font7 .article{font-size:20px;} .article-wrap.article-font8 .article{font-size:21px;} .article-wrap.article-font9 .article{font-size:22px;} .article-wrap .article table{border-collapse:collapse;border-spacing:0;} /* 본문안 테이블 */ .article-wrap .article caption{overflow:hidden;visibility:hidden;width:0;height:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .article-wrap .article table th, .article-wrap .article table td{padding:0;vertical-align:middle;font-weight:normal;} /* SNS UI 변경 1차 2015-04-03 (article-sns) 2차 2015-05-28 본문 UI 2차 변경으로 클래스 article-option 추가 (배포 된 기사본문과 구분) */ .article-sns.article-option{} .article-sns{} .article-sns .share-info{position:relative;height:34px;margin-top:24px;border-bottom:1px solid #eee;} .article-sns .share-info .tt{display:block;padding:8px 0 4px 12px;font-size:12px;} .article-sns .share-info .tt em{} .article-sns .sns-con{position:absolute;right:0;top:4px;} .article-sns .sns-con li{position:relative;z-index:501;float:left;height:30px;} .article-sns .sns-con li span{display:inline-block;width:30px;height:30px;overflow:hidden;cursor:pointer;background:url(../ico_sns02.png) 0 0 no-repeat;} .article-sns .sns-con li a{font-size:11px;} .article-sns .sns-con li.facebook span{background-position:0 0;} .article-sns .sns-con li.twitter span{background-position:-40px 0;} .article-sns .sns-con li.google span{background-position:-80px 0;} .article-sns .sns-con li.kakaostory span{background-position:-120px 0;} .article-sns .sns-con li.band span{background-position:-160px 2px;} .article-sns .sns-con li a{position:absolute;left:0;bottom:0;display:inline-block;width:30px;height:30px;margin:0 -4px 0 0;text-indent:-9999px;text-align:left;outline:none;} .article-sns .sns-con li.on span, .article-sns .sns-con li.show span{position:relative;z-index:202;height:31px;background-color:#eaeaea;text-decoration:none;} .article-sns .sns-con li.on a, .article-sns .sns-con li.show a, .article-sns .sns-con li a:hover, .article-sns .sns-con li a:focus{z-index:502;top:-36px;left:-18px;width:66px;height:63px;padding-top:5px;text-align:center;color:#666;font-weight:normal;background:url(../bg_bubble_sns_w66.gif) center 0 no-repeat;text-decoration:none;text-indent:0;} .article-sns .sns-con li.on.twitter a, .article-sns .sns-con li.show.twitter a, .article-sns .sns-con li.twitter a:hover, .article-sns .sns-con li.twitter a:focus, .article-sns .sns-con li.on.band a, .article-sns .sns-con li.show.band a, .article-sns .sns-con li.band a:hover, .article-sns .sns-con li.band a:focus{background:url(../bg_bubble_sns_w50.gif) center 0 no-repeat;} .article-sns .sns-con li.on.kakaostory a, .article-sns .sns-con li.show.kakaostory a, .article-sns .sns-con li.kakaostory a:hover, .article-sns .sns-con li.kakaostory a:focus{left:-28px;width:88px;background:url(../bg_bubble_sns_w88.gif) center 0 no-repeat;} .article-sns .sns-con li.over{z-index:502;} .article-sns .sns-con li.over a{z-index:503;} .article-sns .sns-con li.on li a, .article-sns .sns-con li.show li a{position:static;top:0;left:0;width:auto;height:auto;padding-top:0;color:#6c94e5;background:none;text-indent:0;line-height:20px;padding-left:25px;} .article-sns .sns-con li.on li a:hover, .article-sns .sns-con li.on li a:focus, .article-sns .sns-con li.show li a:hover, .article-sns .sns-con li.show li a:focus{text-decoration:underline;} .article-sns .link-info{margin-top:0;padding:0;border-bottom:none;} .article-sns .link-btn{width:94px !important;} /* 활성화시 툴팁이 아래방향 */ .article-sns .link-info .link-btn li.on a, .article-sns .link-info .link-btn li.show a, .article-sns .link-info .link-btn li a:hover, .article-sns .link-info .link-btn li a:focus{left:-5px;top:0px;width:41px;height:26px;padding-top:46px;background:url(../bg_bubble_down.gif) center 35px no-repeat;font-weight:normal;color:#6c94e5;text-align:center;text-decoration:none;text-indent:0;z-index:502;} .article-option{} .article-option .share-info{} .article-option .sns-con{position:absolute;right:122px;top:4px;} .article-option .link-btn{position:absolute;right:0;top:4px;padding-left:13px;background:url(../bg_bar_1x17.gif) 0 5px no-repeat;} .world-article .article-wrap{padding:20px 19px 0 19px;} /* SNS 3차 변경 2015-07-21 */ .article-sns-md .share-info{position:relative;height:34px;margin-top:24px;border-bottom:1px solid #eee;} .article-sns-md .share-info .tt{display:block;padding:8px 0 4px 12px;font-size:12px;} .article-sns-md .share-info .tt em{} .article-sns-md .sns-con{position:absolute;right:135px;top:-7px;width:170px;padding-right:7px;} .article-sns-md.sns-md02 .sns-con{width:213px;} .article-sns-md.sns-md03 .sns-con{width:260px;} .article-sns-md .sns-con li{position:relative;z-index:501;float:left;height:40px;width:40px;} .article-sns-md .sns-con li a{overflow:hidden;display:block;width:40px;height:40px;text-indent:-5000px;background:url(../sprites_img2015.png) -40px -120px no-repeat;} .article-sns-md .sns-con li.facebook a{background-position:-80px -120px;} .article-sns-md .sns-con li.facebook a:hover, .article-sns-md .sns-con li.facebook a:focus{background-position:-80px -160px;} .article-sns-md .sns-con li.twitter a{background-position:-120px -120px;} .article-sns-md .sns-con li.twitter a:hover, .article-sns-md .sns-con li.twitter a:focus{background-position:-120px -160px;} .article-sns-md .sns-con li.google a{background-position:-160px -120px;} .article-sns-md .sns-con li.google a:hover, .article-sns-md .sns-con li.google a:focus{background-position:-160px -160px;} .article-sns-md .sns-con li.band{margin-left:5px;} .article-sns-md .sns-con li.band a{background-position:-200px -120px;} .article-sns-md .sns-con li.band a:hover, .article-sns-md .sns-con li.band a:focus{background-position:-200px -160px;} .article-sns-md .sns-con li.blog{margin-left:8px;} .article-sns-md .sns-con li.blog a{background-position:-360px -120px;} .article-sns-md .sns-con li.blog a:hover, .article-sns-md .sns-con li.blog a:focus{background-position:-360px -160px;} .article-sns-md .sns-con li.kakaostory{} .article-sns-md .sns-con li.kakaostory a{background-position:-400px -120px;} .article-sns-md .sns-con li.kakaostory a:hover, .article-sns-md .sns-con li.kakaostory a:focus{background-position:-400px -160px;} /* PRINT,FONT 변경 2015-07-21 */ .article-sns-md .link-btn-md{float:right;width:110px;text-align:right;position:absolute;right:0;top:-7px;width:120px;padding-left:10px;background:url(../bg_bar_1x17.gif) 0 12px no-repeat;} .article-sns-md .link-btn-md li{position:relative;z-index:501;float:left;height:40px;width:40px;} .article-sns-md .link-btn-md li a{display:inline-block;width:35px;height:40px;overflow:hidden;text-indent:-5000px;text-align:left;background:url(../sprites_img2015.png) -40px -120px no-repeat;} .article-sns-md .link-btn-md .btn_print a{background-position:-242px -120px;} .article-sns-md .link-btn-md .btn_print a:hover, .article-sns-md .link-btn-md .btn_print a:focus{background-position:-242px -160px;} .article-sns-md .link-btn-md .btn_zoom_in a{background-position:-282px -120px;} .article-sns-md .link-btn-md .btn_zoom_in a:hover, .article-sns-md .link-btn-md .btn_zoom_in a:focus{background-position:-282px -160px;} .article-sns-md .link-btn-md .btn_zoom_out a{background-position:-322px -120px;} .article-sns-md .link-btn-md .btn_zoom_out a:hover, .article-sns-md .link-btn-md .btn_zoom_out a:focus{background-position:-322px -160px;} /* 본문상단 오늘의 연합뉴스 2015-07-21 */ .today-news-wrap{transition:all .3s ease-in-out;border-bottom:1px solid #ddd;} .body-up .today-news-wrap{position:fixed;left:0;top:50px;width:100%;z-index:700;background:#fff;border-bottom:1px solid #9c9c9c; -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.06); -moz-box-shadow:0 4px 4px rgba(0,0,0,0.06); -ms-box-shadow:0 4px 4px rgba(0,0,0,0.06); -o-box-shadow:0 4px 4px rgba(0,0,0,0.06); box-shadow:0 4px 4px rgba(0,0,0,0.06);} .body-up .today-news-wrap .today-news{width:951px;margin:0 auto;padding:10px 0 10px 25px;} .body-up .today-news-wrap .today-news .today-sl-btn button{top:12px;} .today-news{overflow:hidden;position:relative;padding:24px 0 20px 25px; background:#fff;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;font-size:16px;line-height:130%;} .today-news ul{overflow:hidden;height:86px;} .today-news ul li{overflow:hidden;width:250px;height:66px;float:left;padding:10px 30px 10px 20px;border-left:1px solid #fff;} .today-news ul li:first-child{border-left:0;} .today-news ul li a{overflow:hidden;display:block;height:66px;color:#000;} .today-news ul li a:hover{color:#000} .today-news .img-con{overflow:hidden;display:block;width:106px;height:66px;float:left;margin:0 10px 0 0;text-align:center;opacity:1;transition:opacity .25s;} .today-news .img-con img{width:106px;height:66px;} .today-news a:hover .img-con{opacity:.8;} .today-news .news-con{overflow:hidden;margin-top:2px;height:66px;} .today-news .tit-news{font-size:16px;font-weight:bold;} .today-news .today-sl-btn button{overflow:hidden;position:absolute;top:24px;display:block;width:20px;height:80px;text-indent:-5000px;background:#fff url(../sprites_img2015.png) no-repeat -40px -180px;z-index:1;} .today-news .today-sl-btn button.today-prev{left:0;background-position:-40px -200px;} .today-news .today-sl-btn button.today-next{right:0;background-position:-80px -200px;} .view-wrap.contents-box{border-left:0;border-right:0;background:none}/* 본문좌우보더없앰 */ /* 댓글 영역 */ .comment-wrap{margin:50px 19px 60px 19px;} /* 댓글 플러그인 */ #livereContainer{width:586px !important;} /* 레이어 팝업(기본) */ .layer-popup-w, .layer-popup-b{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;} .layer-popup-w .layer-bg, .layer-popup-b .layer-bg{position:absolute;top:0;left:0;z-index:1002;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);} .layer-popup-w .layer-wrap{background:#fafafa;border:1px solid #666;} .layer-popup-b .layer-wrap{background:#33364e;border:1px solid #66687a;} .layer-wrap{display:block;width:403px;/*margin-left:-488px;*/margin-left:83px;position: absolute;top:252px;left:50%;z-index:1003;} .layer-content-wrap{width:393px;height:401px;margin:4px 0 0 4px;background:#fff;border:1px solid #ddd;} .layer-content-wrap h1{display:none;} .layer-content-wrap h2{height:84px;border-bottom:1px solid #ddd;} .layer-content-wrap h2 img{margin:19px 0 0 18px;} .layer-content{padding:0 19px;} .layer-content p{margin:25px 0} .layer-wrap .btn-close{position:absolute;top:19px;right:19px;z-index:1004;width:21px;height:21px;background:url(../btn_popup_close.gif) 0 0 no-repeat;cursor:pointer;border:none;text-indent:-500px;overflow:hidden;} .check-wrap{display:block;margin:11px 0 14px 14px;} .check-wrap *{vertical-align:middle;} .check-wrap label{padding-left:2px;} .layer-popup-w .check-wrap label{color:#555;} .layer-popup-b .check-wrap label{color:#999ba7;} /************************************************* commnet : 2014년 8월 개편 이후 *************************************************/ /* 텍스트 */ .title-page01{display:block;position:relative;height:51px;border-bottom:2px solid #f0eeee;z-index:100;} .title-page01 .tit{position:absolute;left:21px;top:17px;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;font-size:20px;line-height:1;font-weight:800;color:#333;} .title-sub01{display:block;margin-bottom:17px;margin-left:28px;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;font-size:15px;line-height:1;font-weight:800;color:#333;} .title-sub01 a{padding-right:15px;background:url(../bg_arrow01.gif) 100% 50% no-repeat;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;font-size:15px;line-height:1;font-weight:800;color:#333;} .title-sub01 .stit{margin-right:4px;} .title-sub0101 a{display:block;margin-bottom:17px;margin-left:28px;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;font-size:15px;line-height:1;font-weight:800;color:#333;} .title-sub0101 a:hover{color:#555;} /* 메뉴 네비게이션 */ .site-menu{position:absolute;right:21px;top:19px;z-index:100;} .site-menu .btn-pick{overflow:visible;margin:0;padding:0 0 0 21px;border:none;background:url(../ico_sitemenu_video.gif) 0 2px no-repeat;.background-position:0 4px;cursor:pointer;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;font-size:13px;line-height:15px;font-weight:normal;color:#333;} .site-menu .inner{display:none;position:absolute;left:-104px;top:-12px;width:100px;padding-bottom:10px;background:url(../bg_vid_sitemenu.png) 0 100% no-repeat;} .site-menu ul{padding:10px 0 0 10px;background:url(../bg_vid_sitemenu.png) 0 0 no-repeat;} .site-menu ul li{margin-top:4px;} .site-menu ul li:first-child{margin-top:0;} .site-menu ul li a{font-size:12px;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;color:#333;} /* 메인 탑 슬라이드 - 영상 */ .major-video-zone{overflow:hidden;position:relative;margin-left:28px;} .major-video-zone .list{overflow:hidden;width:920px;height:518px;} .major-video-zone .list li{float:left;width:920px;height:518px;} .major-video-zone .list li a{display:block;position:relative;width:100%;height:518px;text-decoration:none;} .major-video-zone .thumb{display:block;width:920px;height:518px;} .major-video-zone .thumb .img{width:920px;height:518px;} .major-video-zone .con{display:block;position:absolute;bottom:0;width:92%;height:68px;padding:17px 4% 34px;background-color:rgba(0,0,0,0.6);} .major-video-zone .con .tit{display:block;margin:5px 0 0 90px;font-weight:normal;font-size:30px;line-height:160%;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;color:#fff;letter-spacing:-1px;} .major-video-zone .con .play{display:block;position:absolute;left:45px;top:15px;width:58px;height:58px;border:2px solid #fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:rgba(0,0,0,0.6); -webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;} .major-video-zone .con .play span{display:block;width:58px;height:58px;background:url(../ico_set_video.png) 21px -211px no-repeat;text-indent:-9999px;} .major-video-zone .list li a:hover .con .play{border:2px solid #6a9ad7;background-color:rgba(106,154,215,1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .major-video-zone .navi-pager01{position:absolute;bottom:10px;width:100%;text-align:center;} .major-video-zone .btn-prev01, .major-video-zone .btn-next01{position:absolute;top:178px;z-index:30;} .major-video-zone .btn-prev01{left:18px;} .major-video-zone .btn-next01{right:44px;} .major-video-zone .btn-prev01:hover, .major-video-zone .btn-next01:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .msie7 .major-video-zone .con, .msie8 .major-video-zone .con{background:url(../bg_alpha03.png) 0 0 repeat;} .msie7 .major-video-zone .con .play, .msie8 .major-video-zone .con .play{background:url(../bg_alpha03.png) 0 0 repeat;} .msie7 .major-video-zone .list li a:hover .con .play, .msie8 .major-video-zone .list li a:hover .con .play{background:url(../bg_1x1_6a9ad7.png) 0 0 repeat;} .msie7 .major-video-zone .btn-prev01:hover, .msie8 .major-video-zone .btn-prev01:hover, .msie7 .major-video-zone .btn-next01:hover, .msie8 .major-video-zone .btn-next01:hover{margin:0;} /* 본문 플레이어 */ .video-view-zone{position:relative;margin-bottom:30px;background:#000;.zoom:1;z-index:90;} .video-view-zone:after{content:"";display:block;clear:both;height:0;font-size:0;line-height:0;} .video-view-zone .view-area{position:relative;float:left;width:735px;height:615px;z-index:120;} .video-view-zone .list-area{position:relative;float:right;width:239px;background:#232327;z-index:110;} .video-view-zone .player-box{width:720px;height:406px;} .video-view-zone .caption-box{position:absolute;left:0;top:405px;width:96%;padding:15px 2%;/* background:#000; */z-index:40;} .video-view-zone .caption-box .inner{position:relative;height:140px;padding:20px 8px;border:1px solid #eeecec;background:#fff;} .video-view-zone .caption-box .more{position:absolute;right:30px;bottom:20px;padding:5px 15px 3px 5px;.padding:3px 15px 1px 5px;border:1px solid #ccc;border-radius:4px;background:#fff url(../bg_arrow_9x6.gif) 92% 48% no-repeat;font-size:11px;line-height:12px;} .video-view-zone .title-con{display:block;position:relative;margin-bottom:10px;border-bottom:1px solid #eeecec;} .video-view-zone .title-con .tit{display:block;margin-bottom:10px;font-size:15px;color:#47484a;letter-spacing:-1px;} .video-view-zone .title-con .dd{color:#999;} .video-view-zone .title-con .sns{position:absolute;right:0;bottom:6px;} .video-view-zone .desc-con{overflow:hidden;position:relative;height:82px;padding:0 20px 0 0;line-height:20px;color:#333;} .video-view-zone .caption-box.active{} .video-view-zone .caption-box.active .inner{/* height:500px; */} .video-view-zone .caption-box.active .more{background:#fff url(../bg_arrow_9x6_02.gif) 92% 48% no-repeat;} .video-view-zone .caption-box.active .desc-con{overflow-y:scroll;/* height:448px; */} .video-view-zone .tab{overflow:hidden;width:240px;margin-bottom:26px;} .video-view-zone .tab li{float:left;width:119px;text-align:center;} .video-view-zone .tab li a{display:block;height:22px;padding-top:7px;background:#54555f;color:#ccc;font-size:11px;} .video-view-zone .tab li.on a{background:#232327;color:#fff;text-decoration:none;} .video-view-zone .tab li a:hover{} .video-view-zone .tab-con{color:#9ea0a6;} .video-view-zone .scroll-content{height:549px;} .video-view-zone .list{} .video-view-zone .list li{height:110px;} .video-view-zone .list li a{position:relative;display:block;padding:14px 9px;color:#9ea0a6;} .video-view-zone .list li a:visited .tit{color:#9ea0a6;} .video-view-zone .list li a:hover .tit{color:#6c94e5;} .video-view-zone .list li:nth-child(even){background:#36373d;} .video-view-zone .list .thumb{} .video-view-zone .list .thumb img{width:120px;height:80px;} .video-view-zone .list .con{position:absolute;right:9px;top:13px;width:85px;} .video-view-zone .list .tit{} /* 슬라이드 리스트 */ .list-zone01.slide-zone{} .list-zone01.slide-zone.active .list{cursor:move;} .list-zone01.slide-zone.active .btn-prev02, .list-zone01.slide-zone.active .btn-next02{display:none !important;} .list-zone01.slide-zone.active:hover .btn-prev02, .list-zone01.slide-zone.active:hover .btn-next02{display:block !important;} .list-zone01.slide-zone .list{height:200px;} .list-zone02.slide-zone{} .list-zone02.slide-zone.active .list{cursor:move;} .list-zone02.slide-zone.active .btn-prev02, .list-zone02.slide-zone.active .btn-next02{display:none !important;} .list-zone02.slide-zone.active:hover .btn-prev02, .list-zone02.slide-zone.active:hover .btn-next02{display:block !important;} .list-zone02.slide-zone .list{height:240px;} /* 리스트 */ .list-zone01{position:relative;} .list-zone01 .list{overflow:hidden;margin-left:21px;cursor:default;} .list-zone01 .list li{overflow:hidden;float:left;width:218px;min-height:198px;margin:0 8px 26px 7px;} .list-zone01 .list li a{display:block;position:relative;width:216px;min-height:198px;border:1px solid #ddd;} .list-zone01 .list .tit-cate{display:block;margin-left:2px;} .list-zone01 .list .tit-cate a{display:block;position:static;width:auto;min-height:100%;border:none;font-weight:bold;font-size:12px;color:#414141;} .list-zone01 .list .ranking{position:absolute;left:0;top:0;z-index:20;} .list-zone01 .list .thumb{width:218px;height:122px;} .list-zone01 .list .thumb .play{background-color:transparent;} .list-zone01 .list .thumb .play em{display:none;} .list-zone01 .list .thumb .img{width:218px;height:122px;} .list-zone01 .list .con{display:block;width:92%;height:56px;padding:10px 4%;} .list-zone01 .list .con .tit{display:block;font-weight:normal;font-size:12px;color:#333;} .list-zone01 .list .con .date{display:block;margin-top:4px;font-size:11px;color:#999;} .list-zone01 .navi-pager02{position:absolute;right:28px;top:-25px;} .list-zone01 .btn-prev02{position:absolute;left:28px;top:45px;z-index:30;} .list-zone01 .btn-next02{position:absolute;right:28px;top:45px;z-index:30;} .list-zone01 .list li a:hover{text-decoration:none;} .list-zone01 .list li a:hover .play, .list-zone01 .list .playing .play{display:block;position:absolute;width:100%;height:122px;z-index:10; background-color:rgba(0,0,0,.3);-webkit-transition:background .3s ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;transition:background .3s ease-in;} .list-zone01 .list li a:hover .play em{display:block;width:100%;height:100%;background:url(../btn_play_video03.png) 50% 42px no-repeat;text-indent:-9999px;} .list-zone01 .list .playing .play em, .list-zone01 .list .playing a:hover .play em{display:block;width:100%;height:100%;background:url(../btn_play_video03.png) 50% -320px no-repeat;text-indent:-9999px;} .list-zone02{position:relative;} .list-zone02 .list{overflow:hidden;margin-left:23px;cursor:default;} .list-zone02 .list li{overflow:hidden;float:left;width:300px;height:240px;margin:0 5px 0 5px;} .list-zone02 .list li a{display:block;position:relative;width:300px;height:240px;} .list-zone02 .list .ranking{position:absolute;left:0;top:0;z-index:20;} .list-zone02 .list .thumb{width:300px;height:168px;} .list-zone02 .list .thumb .play{background-color:transparent;} .list-zone02 .list .thumb .play em{display:none;} .list-zone02 .list .thumb .img{width:300px;height:168px;} .list-zone02 .list .con{display:block;width:92%;height:52px;padding:10px 4%;background:#000;} .list-zone02 .list .con .tit{display:block;font-weight:normal;font-size:12px;color:#fff;line-height:16px;} .list-zone02 .list .con .date{display:block;margin-top:4px;font-size:11px;color:#999;} .list-zone02 .navi-pager02{position:absolute;right:28px;top:-25px;} .list-zone02 .btn-prev02{position:absolute;left:27px;top:80px;z-index:30;} .list-zone02 .btn-next02{position:absolute;right:25px;top:80px;z-index:30;} .list-zone02 .list li a:hover{text-decoration:none;} .list-zone02 .list li a:hover .play, .list-zone02 .list .playing .play{display:block;position:absolute;width:100%;height:168px;z-index:10; background-color:rgba(0,0,0,.3);-webkit-transition:background .3s ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;transition:background .3s ease-in;} .list-zone02 .list li a:hover .play em{display:block;width:100%;height:100%;background:url(../btn_play_video03.png) 50% 74px no-repeat;text-indent:-9999px;} .list-zone02 .list .playing .play em, .list-zone02 .list .playing a:hover .play em{display:block;width:100%;height:100%;background:url(../btn_play_video03.png) 50% -288px no-repeat;text-indent:-9999px;} .msie7 .list-zone01 .list li a:hover .play, .msie8 .list-zone01 .list li a:hover .play, .msie7 .list-zone02 .list li a:hover .play, .msie8 .list-zone02 .list li a:hover .play, .msie7 .list-zone01 .list .playing .play, .msie8 .list-zone01 .list .playing .play, .msie7 .list-zone02 .list .playing .play, .msie8 .list-zone02 .list .playing .play{background:url(../bg_alpha01.png) 0 0 repeat;} /* 리스트 : 확장형 */ .flex-list01{height:410px;} .flex-list01.list-zone01 .list li{margin:0;} .flex-list01 .li01{position:absolute;left:28px;top:0;width:448px !important;height:323px !important;} .flex-list01 .li01 a{display:block;position:relative;width:446px !important;min-height:321px !important;border:1px solid #ddd;} .flex-list01 .li01 .thumb{width:448px;height:252px;} .flex-list01 .li01 .thumb .img{width:448px;height:252px;} .flex-list01 .li01 .con{display:block;width:92%;height:49px;padding:10px 4%;} .flex-list01 .li02{position:absolute;left:491px;top:0px;} .flex-list01 .li03{position:absolute;right:30px;top:0px;} .flex-list01 .li04{position:absolute;left:491px;top:209px;} .flex-list01 .li05{position:absolute;right:30px;top:209px;} .flex-list01 .list .li01.playing .play{width:100%;height:252px;} .flex-list01 .li01 a:hover .play{display:block;width:100%;height:252px !important;} .flex-list01 .li01 a:hover .play em{background-position:50% 110px !important;} .flex-list01 .li01.playing .play em, .flex-list01 .li01.playing a:hover .play em{display:block;width:100%;height:100%;background:url(../btn_play_video03.png) 50% -250px no-repeat;text-indent:-9999px;} /* 슬라이더 페이징 */ .navi-pager01{} .navi-pager01 a{display:inline-block;width:10px;height:10px;margin-left:2px;padding:2px;background:url(../ico_set_video.png) 0 -100px no-repeat; -webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .navi-pager01 a span{display:inline-block;text-indent:-9999px;} .navi-pager01 .selected{background-position:0 -130px;} .navi-pager02{} .navi-pager02 a{display:inline-block;width:8px;height:8px;margin-left:2px;padding:2px;background:url(../ico_set_video.png) -40px -100px no-repeat;} .navi-pager02 a span{display:inline-block;text-indent:-9999px;} .navi-pager02 .selected{background-position:-40px -118px;} /* 버튼 */ button.btn-prev01, button.btn-next01{overflow:visible;width:44px;height:68px;border:none;background:url(../ico_set_video.png) -150px 0 no-repeat;cursor:pointer;} button.btn-next01{background-position:-208px 0;} button.btn-prev01:hover{background-position:-150px -79px;} button.btn-next01:hover{background-position:-208px -79px;} button.btn-prev02, button.btn-next02{overflow:visible;width:30px;height:30px;border:none;background:#000 url(../ico_set_video.png) -20px 0 no-repeat;cursor:pointer;} button.btn-next02{background-position:-91px 0;} button.btn-prev02:hover{background-color:rgba(0, 0, 0, 0.8);background-position:-20px -40px;} button.btn-next02:hover{background-color:rgba(0, 0, 0, 0.8);background-position:-91px -40px;} button.btn-prev03, button.btn-next03{overflow:visible;width:46px;height:46px;border:none;background:url(../ico_set_video.png) -149px -160px no-repeat;cursor:pointer;} button.btn-next03{background-position:-233px -160px;} button.btn-prev03:hover{background-position:-149px -253px;} button.btn-next03:hover{background-position:-233px -253px;} button.btn-prev04, button.btn-next04{overflow:visible;width:40px;height:40px;border:none;background:url(../btn_dir06.png) -1px -1px no-repeat;cursor:pointer;} button.btn-next04{background-position:-41px -1px;} .btn-prev05,.btn-next05{} .btn-prev05 span, .btn-next05 span{overflow:visible;display:block;width:27px;height:27px;border:none;background-image:url(../sprites_img2015.png);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer;} .btn-prev05 span{background-position:-127px -206px;} .btn-next05 span{background-position:-167px -206px;} /************************************************* commnet : 2015년 07월 메인 부분 개편 * renewal2015 - 개편 전 페이지의 body 클래스 * main2015 - 개편 메인 body 클래스 * section2015 - 개편 서브메인 body 클래스 * new2015 - 개편 그 외 리스트 페이지 body 클래스 *************************************************/ /*************** common *****************************/ body.renewal2015, body.main2015{width:100%;height:100%;font-weight:normal;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;color:#000;letter-spacing:-1px;} .renewal2015 h1,.main2015 h1, .renewal2015 h2,.main2015 h2, .renewal2015 h3,.main2015 h3, .renewal2015 h4,.main2015 h4, .renewal2015 h5,.main2015 h5, .renewal2015 h6,.main2015 h6, .renewal2015 input,.main2015 input, .renewal2015 button,.main2015 button, .renewal2015 select,.main2015 select, .renewal2015 textarea,.main2015 textarea{font-weight:normal;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;color:#000;} .renewal2015 h1,.renewal2015 h2,.renewal2015 h3,.renewal2015 h4,.renewal2015 h5,.renewal2015 h6,.renewal2015 strong,.renewal2015 b, .main2015 h1,.main2015 h2,.main2015 h3,.main2015 h4,.main2015 h5,.main2015 h6,.main2015 strong,.main2015 b{font-weight:bold;} /*************** layout *****************************/ /*------- main class -------*/ .main2015{} .main2015 .ban, .main2015 .list-ad, .main2015 .list-ban{border-bottom:none;} /*------- section 하위 메뉴있는 페이지 -------*/ .snb2015{} /*------- contents-box -------*/ .main2015 .contents-box{margin:0;padding:0;border:none;background:none;} /*------- header -------*/ .hdr2015{position:relative;z-index:200;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;/* transition:margin-top 300ms ease-in-out; */letter-spacing:-1px;} .hdr2015 .date{letter-spacing:0;} /* header top */ .link-wrap{position:relative;width:976px;height:131px;margin:0 auto;z-index:100;}} .link-wrap:after{content:"";visibility:hidden;display:block;height:0;font-size:0;line-height:0;clear:both;} /* logo */ .link-wrap .logo-yna{display:block;position:absolute;left:50%;top:55px;width:200px;height:60px;margin-left:-100px;text-align:center;z-index:10;} .link-wrap .logo-yna a{display:inline-block;padding:0 10px;} .link-wrap .logo-yna img{} /* today&weather */ .link-wrap .today{position:absolute !important;top:75px !important;left:50% !important;width:425px !important;margin:0 0 0 -200px !important;} .link-wrap .today .date{position:absolute;left:0;top:0;} .link-wrap .today .weather{display:inline-block;.display:inline;position:absolute;right:0;top:0;} /* all menu */ .link-wrap .wholemenu-wrap{width:31px;height:23px;margin:7px 0 0 0;} .link-wrap .wholemenu-wrap .wholemenu{top:30px;} .link-wrap .btn-wholemenu{float:none;width:31px;height:23px;margin-right:0;border:none;background:url(../sprites_img2015.png) -40px -40px no-repeat;text-indent:-9999px;} .link-wrap .btn-wholemenu:hover, .link-wrap .btn-wholemenu.on{border:none;background:url(../sprites_img2015.png) -40px -80px no-repeat;} .link-wrap .top-banner{position:absolute;left:0;top:53px;width:100%;padding:0;border:none;background:none;} .link-wrap .top-banner1{top:0;left:0;background:#eaf5ff;} .link-wrap .top-banner2{top:0;right:0;background:#eaf5ff;} /* language */ .lang-wrap{float:left;margin-left:14px;} .lang-wrap .bar{float:left;margin:9px 0 0 8px;padding-left:9px;background:url(../bg_bar_1x14_dfdfdf.gif) 0 4px no-repeat;} .lang-wrap .bar a{color:#000;} .lang-wrap a{display:block;font-size:12px;color:#333;} .lang-wrap a:hover{color:#2556a7;text-decoration:none;} .lang-site{float:left;} .lang-site li:first-child{margin-left:0;} .lang-site li{float:left;margin:9px 0 0 11px;letter-spacing:0;} .lang-site li.ar a{margin-top:-3px;font-size:16px;} /* sns&login */ .agency-svc{float:right;width:460px;} .agency-svc.active{width:540px;} .agency-svc .svc-zone{float:left;height:20px;margin-top:9px;} .agency-svc .svc-zone dt{} .agency-svc .svc-zone dd{float:left;margin-left:12px;} .agency-svc .svc-zone dd a{display:block;font-size:12px;} .agency-svc .svc-zone dd a:hover{color:#2556a7;text-decoration:none;} .agency-svc .svc-zone .dot{margin:0;padding-right:10px;background:url(../bg_3x3_a3aab0.gif) 100% 8px no-repeat;} .agency-svc .svc-zone .bar{padding-right:12px;margin:0 0 0 10px;background:url(../bg_bar_1x14_dfdfdf.gif) 100% 4px no-repeat;} .agency-svc .account-zone{float:left;height:20px;padding-left:12px;margin:7px 0 0 10px;background:url(../bg_bar_1x14_dfdfdf.gif) 0 4px no-repeat;} .agency-svc .account-zone>div{float:left;} .agency-svc .account-zone>div a{display:block;float:left;height:100%;font-size:12px;line-height:20px;vertical-align:middle;} .agency-svc .account-zone>div a:hover{color:#2556a7;text-decoration:none;} .agency-svc .acc-active{} .agency-svc .acc-active a{} .agency-svc .acc-disable{display:none;} .agency-svc .acc-disable a{margin:0 0 0 10px;} .agency-svc .acc-disable a:first-child{margin:0;} .agency-svc .account-zone .login{} .agency-svc .account-zone .logout{} .agency-svc .sns-zone{float:right;margin:7px 0 0 10px;} /* navigation */ .navi-wrap{margin-top:1px;border-bottom:2px solid #767676;} .nav-zone{width:976px;margin:0 auto;} .nav-zone .home{display:none;} .nav-zone .nav{position:relative;} .nav-zone .nav:after{content:"";visibility:hidden;display:block;height:0;font-size:0;line-height:0;clear:both;} .nav-zone .nav>li{float:left;} .nav-zone .nav>li>a, .nav-zone .nav>li>span{display:block;height:39px;font-weight:bold;font-size:14px;line-height:38px;color:#000;} .nav-zone .nav>li>a span, .nav-zone .nav>li>.double a{position:relative;height:39px;padding:0 7px;.padding:0 6px;border-right:1px solid #fff;border-left:1px solid #fff;color:#000;} .nav-zone .nav>li>a span{display:block;} .nav-zone .nav>li>.double a{display:inline-block;padding:0 7px 0 0;letter-spacing:-1px;} .nav-zone .nav>li>.double a:first-child{padding:0 0 0 7px;} .nav-zone .nav>li>a:hover, .nav-zone .nav>li.on>a, .nav-zone .nav>li.start>a span{font-weight:bold;color:#2556a7;} .nav-zone .nav>li.active>a span{display:block;position:relative;z-index:;height:39px;border-right:1px solid #8b8b8b;border-left:1px solid #8b8b8b;border-bottom:2px solid #fff;font-weight:bold;font-size:14px;line-height:38px;color:#2556a7; text-decoration:none;z-index:101;} .nav-zone .nav>li.active .section-story{display:block !important;opacity: 1 !important;} .nav-zone .nav>li.visual{float:right;} .nav-zone .nav-dep02{overflow:hidden;position:relative;top:0px;text-align:center;} .nav-zone .nav-dep02>li{display:inline-block;.display:inline;} .nav-zone .nav-dep02>li>a{padding:5px 5px;font-size:13px;line-height:24px;color:#000;} .nav-zone .nav-dep02>li.start>a{font-weight:bold;} .nav-zone .nav .m01{} /* 최신기사 */ .nav-zone .nav .m02{} /* 정치 */ .nav-zone .nav .m03{} /* 북한 */ .nav-zone .nav .m04{} /* 산업/경제 */ .nav-zone .nav .m05{} /* 금융/증권 */ .nav-zone .nav .m06{} /* IT/과학 */ .nav-zone .nav .m07{} /* 사회 */ .nav-zone .nav .m08{} /* 전국 */ .nav-zone .nav .m09{} /* 연예 */ .nav-zone .nav .m10{} /* 문화 */ .nav-zone .nav .m11{} /* 스포츠 */ .nav-zone .nav .m12{} /* 세계 */ .nav-zone .nav .m13{} /* 한민족 */ .nav-zone .nav .m14{} /* 사람들 */ .nav-zone .nav .m15{} /* 여행/축게 */ .nav-zone .nav .m16{} /* 시론 */ .nav-zone .nav .m17{} /* 비주얼뉴스 */ .nav-zone .nav .m02 .nav-dep02{left:-10px;width:294px;} /* 정치 */ .nav-zone .nav .m04 .nav-dep02{left:-10px;width:440px;} /* 산업/경제 */ .nav-zone .nav .m05 .nav-dep02{left:109px;width:274px;} /* 금융/증권 */ .nav-zone .nav .m06 .nav-dep02{left:151px;width:320px;} /* IT/과학 */ .nav-zone .nav .m07 .nav-dep02{left:142px;width:404px;} /* 사회 */ .nav-zone .nav .m08 .nav-dep02{left:62px;width:632px;} /* 전국 */ .nav-zone .nav .m11 .nav-dep02{left:420px;width:244px;} /* 스포츠 */ .nav-zone .nav .m09 .nav-dep02{left:326px;width:240px;} /* 연예 */ .nav-zone .nav .m10 .nav-dep02{left:273px;width:424px;} /* 문화 */ .nav-zone .nav .m13 .nav-dep02{left:544px;width:184px;} /* 한민족 */ .nav-zone .nav .m12 .nav-dep02{left:195px;width:726px;} /* 세계 */ .nav-zone .nav .m14 .nav-dep02{left:580px;width:234px;} /* 사람들 */ .nav-zone .nav .m17 .nav-dep02{left:635px;width:314px;} /* 비주얼뉴스 */ /* navigation > news */ .nav-zone .section-story{display:none;position:absolute;left:0;top:39px;width:914px;padding:14px 30px;border:1px solid #8b8b8b;border-top:2px solid #8b8b8b;background:#fff;z-index:100; -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 4px rgba(0,0,0,0.3); -ms-box-shadow:0 4px 4px rgba(0,0,0,0.3); -o-box-shadow:0 4px 4px rgba(0,0,0,0.3); box-shadow:0 4px 4px rgba(0,0,0,0.3);} .nav-zone .story-zone{overflow:hidden;height:145px;padding-top:10px;} .nav-zone .story-zone>div{float:left;} .nav-zone .sect-top{width:429px;height:145px;border-right:1px solid #ddd;} .nav-zone .sect-top a:hover{text-decoration:none;} .nav-zone .sect-top a:hover .tit-news{color:#444;} .nav-zone .sect-top .img-con{float:left;width:200px;height:135px;margin-right:15px;} .nav-zone .sect-top .img-con img{max-width:200px;height:auto;} .nav-zone .sect-top .news-con{margin:10px 10px 0 0;} .nav-zone .sect-top .tit-news{font-size:24px;line-height:1.2;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;color:#000;} .nav-zone .sect-list{width:454px;margin-left:30px;} .nav-zone .sect-list ul{width:100%;} .nav-zone .sect-list ul>li:first-child{border-top:none;} .nav-zone .sect-list ul>li{padding-top:6px;height:29px;border-top:1px solid #ededed;} .nav-zone .sect-list ul>li>a{font-size:16px;font-weight:800;color:#222;} .nav-zone .visual-list{padding:10px 25px 0;} .nav-zone .visual-list>li{width:165px;float:left;position:relative;padding:0 25px;border-left:1px solid #ddd;} .nav-zone .visual-list>li:first-child{border-left:0;} .nav-zone .visual-list>li>a{position:relative;display:block;padding:0;color:#222;} .nav-zone .visual-list li a:hover{color:#222} .nav-zone .visual-list .ico{position:absolute;left:29px;top:145px;} .nav-zone .visual-list .box-flex{} .nav-zone .visual-list .img-con, .nav-zone .visual-list .news-con{display:block} .nav-zone .visual-list .img-con, .nav-zone .visual-list .img-con img{width:165px;height:165px;} .nav-zone .visual-list .news-con{margin-top:8px;} .nav-zone .visual-list .news-con .tit-news{font-size:16px;line-height:130%;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;} /* Fixed Navigation */ .header-fixed{position:fixed;top:0;left:0;height:188px;margin-top:-137px;background:#fff;border-bottom:1px solid #9c9c9c; -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.06); -moz-box-shadow:0 4px 4px rgba(0,0,0,0.06); -ms-box-shadow:0 4px 4px rgba(0,0,0,0.06); -o-box-shadow:0 4px 4px rgba(0,0,0,0.06); box-shadow:0 4px 4px rgba(0,0,0,0.06);} .header-fixed .navi-wrap{border:none;} /* .header-fixed .link-wrap{transition: all .3s ease-in-out;} */ .header-fixed .link-wrap .btn-wholemenu{display:block;float:left;margin-top:6px;} .header-fixed .wholemenu-wrap{margin-top:145px;} .header-fixed .wholemenu-wrap .wholemenu{top:43px;} .header-fixed .nav-zone{position:relative;} .header-fixed .nav-zone .home{display:block;position:absolute;left:40px;top:0px;width:100px;height:55px;z-index:10;} .header-fixed .nav-zone .home>a{overflow:hidden;display:block;width:100%;height:100%;background:url(../sprites_img2015.png) 2px -263px no-repeat;} .header-fixed .nav-zone .home>a span{display:block;text-indent:-5000px;} .header-fixed .nav-zone .home>a:hover span, .header-fixed .nav-zone .home.on>a span, .header-fixed .nav-zone .home.active>a span{border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:0;} .header-fixed .nav-zone .nav{padding-left:150px;} .header-fixed .nav-zone .nav>li>a>span, .header-fixed .nav-zone .nav>li>.double a{height:43px;padding:11px 4px 1px 4px;font-size:13px;font-weight:normal;} .header-fixed .nav-zone .nav>li>.double a{display:inline-block;padding:11px 4px 1px 0 !important;letter-spacing:-1px;} .header-fixed .nav-zone .nav>li>.double a:first-child{padding:11px 0 1px 4px !important;} .header-fixed .nav-zone .nav>li.active>a:before, .header-fixed .nav-zone .nav>li.on>a:before, .header-fixed .nav-zone .nav>li.active>a:after, .header-fixed .nav-zone .nav>li.on>a:after{} .header-fixed .nav-zone .nav .m01{} .header-fixed .nav-zone .nav .m02 .nav-dep02{left:28px;} /* 정치 */ .header-fixed .nav-zone .nav .m04 .nav-dep02{left:57px;} /* 산업/경제 */ .header-fixed .nav-zone .nav .m05 .nav-dep02{left:213px;} /* 금융/증권 */ .header-fixed .nav-zone .nav .m06 .nav-dep02{left:209px;} /* IT/과학 */ .header-fixed .nav-zone .nav .m07 .nav-dep02{left:235px;} /* 사회 */ .header-fixed .nav-zone .nav .m08 .nav-dep02{left:145px;} /* 전국 */ .header-fixed .nav-zone .nav .m09 .nav-dep02{left:387px;} /* 연예 */ .header-fixed .nav-zone .nav .m10 .nav-dep02{left:287px;} /* 문화 */ .header-fixed .nav-zone .nav .m11 .nav-dep02{left:480px;} /* 스포츠 */ .header-fixed .nav-zone .nav .m12 .nav-dep02{left:222px;} /* 세계 */ .header-fixed .nav-zone .nav .m13 .nav-dep02{left:587px;} /* 한민족 */ .header-fixed .nav-zone .nav .m14 .nav-dep02{left:618px;} /* 사람들 */ .header-fixed .nav-zone .nav .m17 .nav-dep02{} /* 비주얼뉴스 */ .header-fixed .nav-zone .section-story{top:56px;border-top:1px solid #8b8b8b;} .body-up .sub-wrap .header-fixed{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none ; box-shadow:none;} .snb-wrap{overflow:hidden;position:relative;width:100%;height:32px;border-bottom:1px solid #ddd;} .snb{overflow:hidden;} .snb li{float:left;padding:0 7px;} .snb li a{display:block;padding:0 3px;font-size:13px;line-height:33px;font-family:'NanumBarunGothic','맑은고딕',Malgun Gothic,sans-serif;color:#000;} .snb li.on a{font-weight:bold;color:#2556a7;} .snb-politics .snb{} .snb-economy .snb{} .snb-stock .snb{width:286px;margin-left:146px;} .snb-it .snb{width:360px;margin-left:172px;} .snb-society .snb{width:440px;margin-left:173px;} .snb-local .snb{width:694px;margin-left:76px;} .snb-ent .snb{width:282px;margin-left:349px;} .snb-culture .snb{width:440px;margin-left:317px;} .snb-sports .snb{width:276px;margin-left:450px;} .snb-world .snb{width:754px;margin-left:217px;} .snb-compatriot .snb{width:196px;margin-left:580px;} .snb-people .snb{width:238px;margin-left:621px;} /*------- ticket -------*/ .renewal2015 .header-content{} .renewal2015 .newsflash-wrap{} /* .renewal2015.em-news{background:url(../bg_emergency01.gif) 0 173px repeat-x;} */ /* .renewal2015.snb2015.em-news{background:url(../bg_emergency01.gif) 0 206px repeat-x;} */ .renewal2015 .search-wrap{} /*------- container -------*/ .main2015 #content{position:relative;min-height:100%;_height:100%;padding-bottom:50px;background:url(../bg_main_content01.gif) 0 0 repeat-y;z-index:5;} .column-wrap{width:100%;margin-top:2px;padding-bottom:50px;background:url(../bg_1x1_e3e3e3.gif) 433px 0 repeat-y;.zoom:1;;} .column-wrap:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} .column01{position:relative;float:left;width:647px;} .column02{float:right;width:300px;} .flex-wrap{/* overflow:hidden; */} .flex-wrap:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} .section-flex01{float:left;width:417px;} .section-flex02{float:right;width:198px;} .section-flex01 .visual-corner{padding:20px 0;border-top:1px solid #e3e3e3;} .section-flex01 .item-cont01 a:hover{color:#000;} .section-flex01 .item-cont01 a:visited, .section-flex01 .item-cont01 a:visited .tit{color:#666;} .section-flex02 .visual-corner{margin:20px 0;} .section-flex02 .visual-corner:first-child{margin:15px 0px 20px;} .section-flex02 .item-cont02{margin-bottom:15px;padding-top:15px;border-top:1px solid #e3e3e3;} .section-flex02 .item-cont02 a:hover{color:#000;} .section-flex02 .item-cont02 a:visited, .section-flex02 .item-cont02 a:visited .tit{color:#666;} .section-flex01 .btn-go-headlines{margin-top:10px;text-align:right;} .section-flex01 .btn-go-headlines a{font-size:11px;color:#666;} .renewal2015 .sub-wrap .contents01{font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;} .renewal2015 .sub-wrap .contents02{font-family:'돋움',Dotum,Gulim, sans-serif !important;letter-spacing:0;color:#2f2f2f;} .renewal2015 .sub-wrap .contents02 h1, .renewal2015 .sub-wrap .contents02 h2, .renewal2015 .sub-wrap .contents02 h3, .renewal2015 .sub-wrap .contents02 h4, .renewal2015 .sub-wrap .contents02 h5, .renewal2015 .sub-wrap .contents02 h6{font-family:'돋움',Dotum,Gulim, sans-serif !important;} .renewal2015 .sub-wrap .contents02 .tit-type03{font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif !important;} .renewal2015 .sub-wrap .contents02 li a{color:#2f2f2f;} .col-cont{overflow:hidden;} .col-cont .column-area01{position:relative;float:left;width:647px;} .col-cont .column-area02{position:relative;float:right;width:300px;} .column-headline{position:relative;background:#fff;} .col-cont .column-area01{position:relative;float:left;width:647px;} .col-cont .column-area02{position:relative;float:right;width:300px;} .column-visual{position:relative;background:#fff;border-top:1px solid #ccc;} .column-visual .column-area01{float:none;width:auto;padding-top:20px;border-bottom:1px solid #ccc;} .column-visual .column-area02{float:none;width:auto;margin:20px 0 0;border-bottom:1px solid #ccc;} .column-misc{position:relative;} .column-misc .column-area01 .ad-box01{border-top:none;} .column-misc .column-area02{} /*------- footer -------*/ .renewal2015 #footer{margin-top:50px;} /*************** content *****************************/ /*------- 톱기사 (톱1 ) -------*/ .top-content-zone{padding:15px 0;background:#fff;} .top-news-wrap{position:relative;} .top-news-wrap .btn-go-topnews{margin-top:4px;text-align:right;} .top-news-wrap .btn-go-topnews a{font-size:11px;color:#666;} .top-zone{position:relative;width:646px;height:353px;} .top-zone .img-con{} .top-zone .img-con a{display:block;} .top-zone .img-con img{width:646px;height:353px;} .top-zone .news-con{position:absolute;left:0;bottom:0px;width:616px;padding:11px 15px 10px 15px;background:url(../bg_alpha_fff85.png) 0 0 repeat;} .top-zone .tit-news{margin-bottom:4px;} .top-zone .tit-news>a{font-size:34px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#000;line-height:1;letter-spacing:-1px;vertical-align:middle;} .top-zone .tit-news>a:hover{text-decoration:none;color:#444;} .top-zone .tit-sub{margin-bottom:4px;} .top-zone .tit-sub strong{font-size:17px;color:#515157;line-height:1.2;.line-height:1.4;vertical-align:middle;} .top-zone .lead{margin-bottom:4px;} .top-zone .lead>a{font-size:13px;line-height:1;color:#666;vertical-align:middle;} .top-zone .lead>a:hover{text-decoration:none;} .top-zone .related-wrap{} .top-zone .related-wrap .col{} .top-zone .related-wrap .col a:first-child{padding-left:13px;background:url(../bg_related_7x7.gif) 0 6px no-repeat !important;} .top-zone .related-wrap .col a{padding-left:4px;background:none;} .top-zone .icon-wrap{} .top-zone .icon-wrap a{} .top-zone .tit-news .icon-wrap{vertical-align:top !important;} .top-zone .tit-news .icon-wrap a{padding:2px 5px 2px 26px !important;font-size:13px;line-height:16px !important;} .top-zone .tit-sub .icon-wrap{padding:3px 0 0 6px;} .top-zone .tit-sub .icon-wrap a{margin:0;font-size:12px !important;line-height:17px !important;} .top-zone .tit-sub strong .icon-wrap{margin-top:-7px;.margin-top:0px;padding:0 0 0 6px;} .top-zone .lead .icon-wrap{} .top-zone .lead .icon-wrap a{margin:0;} /* .top-zone .related-wrap .icon-wrap{} .top-zone .related-wrap .icon-wrap a{line-height:14px;.line-height:16px;} */ /* 톱기사 (톱1 - 와이드) */ .column-wide{overflow:hidden;background:#fff;border-bottom:1px solid #ccc;} .column-wide .top-content-zone{padding:0;background:#fff;} .column-wide .top-news-wrap{position:relative;padding:20px 0 30px;} .column-wide .btn-go-topnews{position:absolute;right:5px;bottom:8px;} .column-wide .top-zone{overflow:hidden;position:relative;width:100%;height:auto;} .column-wide .top-zone .img-con{overflow:hidden;float:left;width:400px;min-height:200px;} .column-wide .top-zone .img-con a{display:block;} .column-wide .top-zone .img-con img{width:100%;height:100%;.height:auto;} .column-wide .top-zone .news-con{position:static;float:left;width:536px;padding:0 15px 0 25px;background:none;} .column-wide .top-zone .tit-news{margin-bottom:4px;line-height:1.2;} .column-wide .top-zone .tit-news>a{line-height:1.2;} .column-wide .top-zone .tit-sub{margin-bottom:8px;} .column-wide .top-zone .tit-news>a:hover{text-decoration:none;color:#444;} .column-wide .top-zone .lead>a{font-size:13px;line-height:1.4;color:#666;} /* 섹션 톱기사 (톱2,3) */ .section-topnews{overflow:hidden;padding:0 19px;margin-top:-19px;background:url(../bar_1x11_dddddd.gif) 409px 0 repeat-y;} .section-topnews01{float:left;width:370px;padding:14px 0 15px 0;} .section-topnews02{float:right;width:176px;padding:17px 0 15px 19px;} .section-topnews01 h4, .section-topnews01 .tit{display:inline;line-height:26px;vertical-align:middle;} .section-topnews01 h4 a, .section-topnews01 .tit a{font-size:25px;line-height:26px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#000;letter-spacing:-1px;vertical-align:middle;} .section-topnews01 h4 a:hover, .section-topnews01 .tit a:hover{text-decoration:none;color:#444;} .section-topnews01 .tit-sub{margin-top:3px;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;} .section-topnews01 .tit-sub strong{font-size:14px;color:#767676;font-weight:bold;} .section-topnews01 .icon-wrap{padding:3px 0 0 3px !important; vertical-align:middle;} .section-topnews01 .icon-wrap a{border:1px solid #a7bfef;} .section-topnews01 .lead a{font-size:13px;font-family:Malgun Gothic,'맑은 고딕','돋움',dotum,arial,sans-serif;color:#444;line-height:1.65;} .section-topnews01 .poto{display:block; margin:10px 0 7px 0;} .section-topnews01 .poto img{width:370px;} .section-topnews02 h4, .section-topnews02 .tit{margin-bottom:5px;line-height:22px;} .section-topnews02 h4 a, .section-topnews02 .tit a{font-size:20px;color:#000;} .section-topnews02 .lead a{font-size:13px;color:#444;line-height:1.65;} .section-topnews02 .h-related li a{display:inline !important;} .section-topnews03{overflow:hidden;margin:19px 19px 0 19px;padding-bottom:19px;}/* 전국 리스트 */ .section-topnews03 .poto-anc{overflow:hidden;float:left;width:210px;height:125px;margin:5px 16px 0 0;text-align:center;} .section-topnews03 .poto-img{max-width:210px;max-height:125px;} .section-topnews03 .article{} .section-topnews03 .article h4, .section-topnews03 .article .tit{margin-top:3px;line-height:28px;letter-spacing:-1px;} .section-topnews03 .article h4 a, .section-topnews03 .article .tit a{font-size:20px;color:#000;} .section-topnews03 .article p strong, .section-topnews03 .article .tit-sub{display:block;font-size:14px;color:#767676;font-weight:bold;margin-bottom:7px;} .section-topnews03 .article .lead{margin-top:3px;} .section-topnews03 .article .lead a{color:#444;line-height:1.65;} .section-topnews03 .v-related{margin-top:7px;} .section-topnews03 .v-related li{width:277px;} /* 섹션 톱기사 : 연예-스포츠 */ .section-sports{overflow:hidden;margin:19px 19px 0 19px;padding-bottom:19px;} .section-sports01{position:relative;z-index:101;float:left;width:460px;height:350px;} .section-sports02{float:left;width:218px;height:350px;margin-left:20px;} .section-sports01 h4, .section-sports01 .tit{margin-bottom:4px;line-height:22px;} .section-sports01 h4 a, .section-sports01 .tit a{font-size:22px;color:#fff;letter-spacing:-2px;} .section-sports01 div{position:absolute;z-index:102;bottom:0;left:0;display:block;width:420px;padding:12px 20px 12px 20px;background:url(../bg_box_03.png);} .section-sports01 .lead a{color:#fff;} .section-sports01 .poto{display:block;width:460px;height:350px;} .section-sports01 .poto img{width:460px;height:350px;} .section-sports01 .v-related, .section-sports01 .h-related{margin-top:-2px;} .section-sports01 .v-related a, .section-sports01 .h-related a{color:#fff !important;} .section-sports01 .v-related a:hover, .section-sports01 .h-related a:hover, .section-sports01 .v-related a:focus, .section-sports01 .h-related a:focus, .section-sports01 .v-related a:active .section-sports01 .h-related a:active{color:#d4d4d4;} .section-sports01 .v-related a:visited, .section-sports01 .h-related a:visited{color:#d4d4d4;} .section-sports02 h4, .section-sports02 .tit{margin:11px 0 3px 0;line-height:22px;} .section-sports02 h4 a, .section-sports02 .tit a{font-size:20px;letter-spacing:-1px;} .section-sports02 .lead a{line-height:1.65;} .section-sports02 .poto{display:block;width:218px;height:166px;} .section-sports02 .poto img{width:218px;height:166px;} .section-sports02 .h-related li a{display:inline !important;} /* icon 아이콘 */ .renewal2015 .icon-wrap{padding:0 0 0 6px;vertical-align:middle;} .renewal2015 .icon-wrap a{padding:1px 3px 0 22px;font-weight:normal;border:1px solid #ccc;font-size:12px;vertical-align:middle;} /* related icon 아이콘 */ .renewal2015 .icon_related{} .renewal2015 .icon-wrap span strong{font-size:12px;} /* related artcle */ .renewal2015 .related-wrap{} .renewal2015 .h-related{margin:5px 0 0 3px;} .renewal2015 .h-related li{background:none;margin:0;padding:0;} .renewal2015 .h-related li>a{overflow:hidden;display:inline-block;.display:block;width:auto !important;height:20px;padding-left:13px;background:url(../bg_related_7x7.gif) 0 6px no-repeat;font-weight:normal;font-size:13px;color:#2556a7;line-height:20px;text-overflow:inherit !important;white-space:normal !important;} .renewal2015 .h-related li>a:hover{} .renewal2015 .v-related{} .renewal2015 .v-related li{overflow:visible;float:left;width:49%;margin:0;padding:0;background:none;height:20px;margin-bottom:1px;} .renewal2015 .v-related li>a{overflow:hidden;display:inline-block;width:auto !important;height:20px;padding-left:13px;background:url(../bg_related_7x7.gif) 0 6px no-repeat;font-weight:normal;font-size:13px;color:#2556a7;line-height:20px;text-overflow:inherit !important;white-space:normal !important;} .renewal2015 .v-related li>a:hover{} /* 포토/화보 */ .main2015 .photopictorial{margin:0;padding-bottom:20px;background:#fff;} .main2015 .photopictorial .tl{height:auto !important;margin-bottom:10px !important;padding:0 !important;border:none !important;line-height:normal !important;} .main2015 .photopictorial .tl a{float:none !important;padding:0 15px 0 0 !important;background:url(../ico_more_5x9.png) 100% 50% no-repeat;font-size:14px;line-height:1;color:#2556a7;vertical-align:top;} .main2015 .photopictorial .tl a.none{padding:0 !important;background:none !important;} /* 톱사진 (포토/화보) */ .main2015 .topphoto{width:647px;height:415px;margin:0;padding-bottom:0;} .main2015 .topphoto .topphoto-list{width:437px;height:415px;} .main2015 .topphoto .topphoto-list li{width:437px;height:415px;} .main2015 .topphoto .topphoto-list li.on{} .main2015 .topphoto .topphoto-list li div img{width:437px;height:415px;} .main2015 .topphoto .topphoto-list li .tit-con{width:92%;padding:22px 4% 9px 4%;text-align:left; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(2%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} .main2015 .topphoto .topphoto-list li .tit-con .tit{font-size:21px;line-height:1.5;} .main2015 .topphoto .topphoto-list li .tit-con .num{} .main2015 .topphoto .topphoto-list li a{} .main2015 .topphoto .topphoto-list li a:hover strong, .main2015 .topphoto .topphoto-list li a:focus strong, .main2015 .topphoto .topphoto-list li a:active strong{text-decoration:underline;} .main2015 .topphoto .topphoto-btn{width:210px;height:415px;} .main2015 .topphoto .topphoto-btn a{width:100px;height:100px;} .main2015 .topphoto .topphoto-btn a span{} .main2015 .topphoto .topphoto-btn a.pic span{} .main2015 .topphoto .topphoto-btn a.on span{} .main2015 .topphoto .topphoto-btn a.on .over{display:block;position:absolute;left:0px;top:0px;width:100px;height:100px;.background:url(../bg_alpha_000_70.png) 0 0 repeat;background:rgba(0,0,0,.5);transition:background .25s;} .main2015 .topphoto .topphoto-btn strong img{width:100px;height:100px;} .main2015 .topphoto .topphoto-btn a.on{border:none;} .main2015 .topphoto .topphoto-btn a.on strong img{position:static;} /* 코스피.코스닥 */ .main2015 .kospi-wrap{display:none;margin-bottom:30px !important;} .main2015 .kospi-wrap dl{border-bottom: 1px solid #eee;} /* 안내 */ .main2015 .aside-guide{margin-bottom:30px;} .main2015 .aside-guide ul{padding:0 !important;} .main2015 .aside-guide ul li{margin:5px 0;} .main2015 .aside-guide ul li a{display:block;border:1px solid #ddd;background:#eee;padding:6px 10px 5px ;} .main2015 .aside-guide ul li a.bg-blue{background:#6f8fc8;} .main2015 .guide-zone01{margin:0 0 30px;} .main2015 .guide-zone02{margin:0 0 10px;} /*외국어뉴스*/ .main2015 .foreign-zone{overflow:hidden;height:146px;margin:0 0 21px;} .main2015 .foreign-zone .list-wrap dd{height:auto;} /* 마케팅 배너*/ .main2015 .aside-banner{margin-bottom:25px !important;padding-bottom:2px !important;border:1px solid #ddd !important;border-bottom: 1px solid #ddd !important;background-color:#fff;background-image:none;} /* 단독기사 */ .main2015 .exclusive-zone{margin:20px 0 8px;} /* 건강 */ .main2015 .health-zone{margin:0 0 7px;} /* 책/서평 */ .main2015 .bookreview-zone{margin:0 0 7px;} /* 오늘의 판결 */ .main2015 .judgment-zone{margin:20px 0 10px;} /* 오늘의 주요뉴스 */ .main2015 .todaynews-zone{} /* 기타 메뉴 */ .main2015 .misc-zone{margin:0 0 24px;} /* 연합확대경 */ .main2015 .reading-glass-zone{margin:0 0 14px;} .main2015 .reading-glass-zone ul li{} .main2015 .reading-glass-zone .tit a{font-weight:bold;font-size:14px !important;} .main2015 .reading-glass-zone .tit-sub{overflow:hidden;} .main2015 .reading-glass-zone .tit-sub a{/* float:left;margin:0 2px; */font-size:13px !important;} .main2015 .reading-glass-zone .tit a:visited, .main2015 .reading-glass-zone .tit a:visited strong, .main2015 .reading-glass-zone .tit-sub a:visited{color:#666;} /* 위키트리 */ .main2015 .wiki-zone{margin:10px 0 30px;} /* 시론 */ .main2015 .commentary-zone{margin:0 0 14px;} /* 이슈돋보기 */ .issue-zone{} .issue-zone ul li a{font-weight:bold;font-size:14px;} .issue-zone .tit-con{} .issue-zone .tit-con .tit{font-weight:bold;font-size:14px;} .issue-zone .v-items img{display:none;} .main2015 .issue-zone{margin:0 0 9px;} .main2015 .issue-zone ul{} .main2015 .issue-zone li{position:relative;padding:4px 0 !important;border-top:none !important;} .main2015 .issue-zone li a{.display:inline-block;width:auto;font-size:16px;padding-right:18px;background:url(../bg_arrow_6x11_02.gif) 100% 6px no-repeat;white-space:normal;} .main2015 .issue-zone li:first-child a{width:300px;padding:0;} .main2015 .issue-zone li:first-child img{display:block;} .main2015 .issue-zone li img{opacity:1;transition:opacity .25s;} .main2015 .issue-zone li a{font-weight:bold !important;} .main2015 .issue-zone li a:hover img{opacity:.8} .main2015 .issue-zone .v-items{} .main2015 .issue-zone .v-items img{display:block;} .main2015 .issue-zone .v-items .tit-con{position:absolute;bottom:0;width:280px;padding:30px 10px 13px 10px;line-height:1;text-align:center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(2%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} .main2015 .issue-zone .v-items .tit-con .tit{display:block;font-size:16px;font-weight:bold;line-height:1.2;color:#fff;} /* SNS 여론 */ .main2015 .iframe-sns{width:300px;height:214px;margin:0;} .main2015 .sns-poll-zone{width:300px !important;margin-bottom:0 !important;} .main2015 .sns-poll-zone ul{overflow:hidden;width:300px !important;height:auto;margin:0;padding-bottom:0;padding-top:10px;border-top:1px solid #e3e3e3;} .main2015 .sns-poll-zone ul li{.overflow:visible !important;float:left;width:140px !important;height:auto !important;padding:0 !important;border-top:none !important;} .main2015 .sns-poll-zone ul li:first-child{margin-right:20px;} .main2015 .sns-poll-zone ul li a{.overflow:visible !important;} .main2015 .sns-poll-zone ul li a:hover{color:#000;} .main2015 .sns-poll-zone .img-con{display:block;position:relative;float:none;width:140px;height:105px;margin:0;text-align:center;} .main2015 .sns-poll-zone .img-con img{width:140px;height:105px;opacity:1;transition:opacity .25s} .main2015 .sns-poll-zone a:hover .img-con img{opacity:.8} .main2015 .sns-poll-zone .news-con{margin-top:10px;text-align:left;} .main2015 .sns-poll-zone .news-con .tit{font-weight:normal !important;font-size:14px;line-height:1.4;color:#000;} .main2015 .sns-poll-zone .over{display:block;position:absolute;left:0px;top:0px;width:138px;height:103px;border:1px solid rgba(0,0,0,.2);.border:1px solid #ccc;.border:1px solid #ccc;} @media \0screen {.main2015 .sns-poll-zone .over{border:1px solid #ccc;}} .main2015 .sns-poll-zone .news-con .txt, .main2015 .sns-poll-zone .page-nation, .main2015 .sns-poll-zone .btn-prev, .main2015 .sns-poll-zone .btn-next, .main2015 .sns-poll-zone .btn_more{display:none !important;} /* 지방지 톱뉴스 */ .main2015 .local-news-zone{height:238px;margin:0 0 24px;} .main2015 .local-news-zone .tit-type01{padding-bottom:10px;border-bottom:1px solid #dfdfdf;} .main2015 .local-news-zone ul{} .main2015 .local-news-zone ul li{/* overflow:hidden;display:block; */padding:4px 0 !important;border-top:none !important;} .main2015 .local-news-zone ul li a{overflow:hidden;display:block;text-overflow:ellipsis !important;white-space:nowrap !important;} .main2015 .local-news-zone .mm{display:block;} .main2015 .local-news-zone .tit-top{overflow:hidden;display:block;width:300px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:bold;color:#000;} .main2015 .local-news-zone .page-nation{top:3px;right:50px;} .main2015 .local-news-zone input{top:2px;} .main2015 .local-news-zone .btn_prev{right:18px;} .main2015 .local-news-zone .btn_next{right:0px;} /* 역사 속 오늘 */ .main2015 .todayhistory-zone{margin:26px 0;} /* 연합TV */ .main2015 .ynatv-zone{margin:0 0 15px;} .main2015 .ynatv-zone .tit-img01{margin-bottom:10px;} .main2015 .ynatv-zone .con{position:relative;width:300px;height:70px;background:url(../bnr_ynatv02.jpg) 0 0 no-repeat;} .main2015 .ynatv-zone .tit{display:block;text-indent:-9999px;} .main2015 .ynatv-zone .go{position:absolute;left:113px;top:35px;font-weight:bold;font-size:13px;color:#fff;} /* 연합 출판물 */ .main2015 .ynapublish-zone{width:300px;height:67px;margin:0 0 26px;} .main2015 .ynapublish-zone .con{overflow:hidden;background:url(../../00_ko/home/2016/bnr_publish01.jpg) 0 0 no-repeat;} .main2015 .ynapublish-zone .con a{display:block;float:left;width:150px;height:67px;font-size:12px;text-align:center;} .main2015 .ynapublish-zone .con a:hover, .main2015 .ynapublish-zone .con a:focus, .main2015 .ynapublish-zone .con a:hover{color:#385fdd;text-decoration:none;} .main2015 .ynapublish-zone .con a:visited{color:#333;} .main2015 .ynapublish-zone .con .tit{display:block;text-indent:-9999px;} .main2015 .ynapublish-zone .con span{display:block;margin-top:2px;line-height:16px;} .main2015 .ynapublish-zone .pub01{} .main2015 .ynapublish-zone .pub02{} /* 사이비언론 */ .main2015 .pseudo-zone{margin:15px 0 !important;} .main2015 .pseudo-zone .con{width:300px;height:35px;background:url(../bnr_pseudo_report03.gif) 0 0 no-repeat;} .main2015 .pseudo-zone .con{} .main2015 .pseudo-zone .con a{display:block;padding:10px 0 10px 52px;font-size:13px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#043b72;} .main2015 .pseudo-zone .con a:hover{color:#385fdd;text-decoration:none;} .main2015 .pseudo-zone .con .emp{margin-right:4px;font-size:14px;font-weight:bold;} .main2015 .pseudo-zone02{margin:15px 0 !important} .main2015 .pseudo-zone02 .con{width:300px;height:37px;margin:0;background:url(../bnr_2015pseudo.gif) 0 0 no-repeat;} .main2015 .pseudo-zone02 .con a{display:block;padding:10px 0 10px 49px;font-size:14px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#043b72;} .main2015 .pseudo-zone02 .con a:hover{text-decoration:none;} .main2015 .pseudo-zone02.list-style02 ul{width:271px;padding:0 10px 0 17px;border:1px solid #ddd;border-top:0;} /* 국가기간뉴스 통신사 연합뉴스의 역할과 비전 */ .main2015 .vision-zone{margin:0 0 12px;} .main2015 .vision-zone .con{width:300px;height:50px;background:url(../bnr_public_function03.jpg) 0 0 no-repeat;} .main2015 .vision-zone .con a{display:block;padding:2px 0 0 75px;color:#02142c;} .main2015 .vision-zone .con a:hover{text-decoration:none;} .main2015 .vision-zone .tit{font-size:17px;color:#fff;text-shadow:1px 1px 1px #333;line-height:1;} .main2015 .vision-zone .stit{font-weight:bold;font-size:14px;line-height:1;} /* 영상/포토무비 2015-12-31 */ .visual-main-wrap{overflow:hidden;width:976px;padding:10px 0 30px;} .visual-main-wrap .video-play-zone{float:left;width:662px;} .visual-main-wrap .video-scroll-zone{float:right;width:288px;} .video-play-zone{} .video-play-zone .tit-type01{margin-bottom:10px;} .video-play-zone .zone{position:relative;width:662px;height:372px;} .video-play-zone .vid-con{} .video-play-zone .news-con{overflow:hidden;position:absolute;top:0;width:92%;padding:10px 4% 30px; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;opacity:1; background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );} .video-play-zone .news-con .tit{display:block;margin:5px 0 0 0;font-weight:normal;font-size:20px;line-height:160%;color:#fff;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,arial,sans-serif;letter-spacing:-1px;} /* .video-play-zone .vid-skin02 .vjs-poster{overflow:hidden;background-size:cover;} */ /* 영상 플레이어 타이틀 - show */ .video-play-zone.v-in.v-start .news-con, /* 재생 전 마우스 인 */ .video-play-zone.v-out.v-start .news-con,/* 재생 전 마우스 아웃 */ .video-play-zone.v-in.v-restart .news-con, .video-play-zone.v-in .news-con, /* 재생시 마우스 인 */ .video-play-zone.v-play.v-restart .news-con, /* 재생시 */ .video-play-zone.v-pause .news-con, /* 일시 멈춤 */ .video-play-zone.v-out.v-pause .news-con, /* 일시 멈춤 마우스 아웃 */ .video-play-zone.v-ended .news-con, /* 종료시 */ .video-play-zone.v-out.v-ended .news-con{visibility:visible;opacity:1; transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay: 0s;} /* 종료시 마우스 아웃 */ /* 영상 플레이어 타이틀 - hidn */ .video-play-zone.v-play .news-con, .video-play-zone.v-out.v-play .news-con{visibility:hidden;.visibility:visible;opacity:0; transition-delay:5s;-webkit-transition-delay:5s;-moz-transition-delay:5s;-ms-transition-delay:5s;-o-transition-delay: 5s;} /* 영상 플레이어 타이틀 : 자동재생 및 클릭재생시 - show */ .video-play-zone.v-play.v-in .news-con, .video-play-zone.v-play.v-out.v-restart .news-con{visibility:visible;opacity:1; transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay: 0s;} /* 영상 플레이어 컨트롤바 - show */ .video-play-zone.v-play.v-in .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible !important;opacity:1 !important;} /* 영상 플레이어 컨트롤바 - hidn */ .video-play-zone.v-start .vjs-control-bar, .video-play-zone.v-play.v-out .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden !important;opacity:0 !important;} /* .video-play-zone.v-in.v-start .news-con, .video-play-zone.v-out.v-start .news-con, .video-play-zone.v-in .news-con, .video-play-zone.v-play .news-con, .video-play-zone.v-pause .news-con, .video-play-zone.v-out.v-pause .news-con, .video-play-zone.v-ended .news-con, .video-play-zone.v-out.v-ended .news-con{visibility:visible;opacity:1;} .video-play-zone.v-out.v-play .news-con{visibility:hidden;.visibility:visible;opacity:0; transition-delay:5s;-webkit-transition-delay:5s;-moz-transition-delay:5s;-ms-transition-delay:5s;-o-transition-delay: 5s;} .video-play-zone.v-play.v-in .news-con, .video-play-zone.v-play.v-in .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible !important;opacity:1 !important;} .video-play-zone.v-start .vjs-control-bar, .video-play-zone.v-play.v-out .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden !important;opacity:0 !important;} */ /* video full-screen */ .main2015.vjs-full-window{} .main2015.vjs-full-window #content{z-index:300;} .main2015.vjs-full-window .column-visual .column-area02, .main2015.vjs-full-window .column-misc{.z-index:-1;} .main2015.vjs-full-window .btn-top{z-index:1;} /* scroll list */ .video-scroll-zone{} .video-scroll-zone .inner{overflow-y:scroll;width:288px;height:372px;} .video-scroll-zone .vid-list{width:246px;} .video-scroll-zone .vid-list li{width:100%;padding-bottom:12px;} .video-scroll-zone .box-flex{} .video-scroll-zone .box-flex a{display:block;cursor:pointer;} .video-scroll-zone .box-flex .img-con{overflow:hidden;display:block;position:relative;.position:static;width:246px;height:138px;opacity:1;transition:opacity .25s;background:#bbb;} .video-scroll-zone .box-flex .img-con:hover{opacity:.8;} .video-scroll-zone .box-flex .img-con img{width:100%;height:100%;} .video-scroll-zone .box-flex .tit-con{margin-top:4px;text-align:left;} .video-scroll-zone .box-flex .tit-con .tit{font-weight:bold;font-size:13px;line-height:1.4;color:#000;} .video-scroll-zone .box-flex .ico{visibility:visible;display:block;.display:none;position:absolute;bottom:10px;left:10px;width:17px;height:15px;z-index:90;text-indent:-9999px; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;opacity:1;} .video-scroll-zone .box-flex .play{visibility:hidden;display:block;.display:none;position:absolute;left:0;top:0;width:246px;height:138px;background:url(../bg_play_320x320.png) 50% 50% no-repeat; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;opacity:.0;z-index:100;} .video-scroll-zone .box-flex.active .play{visibility:visible;opacity:1;} .video-scroll-zone .box-flex.active .tit-con .tit{.color:#2556a7;} .video-scroll-zone .box-flex.active .ico{visibility:hidden;opacity:.0;} .video-scroll-zone .vid{} .video-scroll-zone .vid .ico{} .video-scroll-zone .pm{} .video-scroll-zone .pm .ico{background:url(../icon_photomovie.png) 0 0 no-repeat;} /* 메인 영상/포토무비 2016-02-12 (IE 8 이하) */ .msie8-lte .column-visual .column-area01{display:none;} /* 메인 영상/포토무비 IE 하위일때 슬라이드 */ .ifm-video-main-slider{display:none;width:417px;height:310px;margin:20px 0 25px;} /* .ifm-video-main-slider{visibility:hidden;width:0;height:0;margin:20px 0;} */ /* hide */ .msie8-lte .ifm-video-main-slider{display:block;} /* .msie8-lte .ifm-video-main-slider{visibility:visible;width:417px;height:290px;} */ /* show */ .video-m-script button{top:0 !important;} .video-m-script .slider-paging{top:5px !important;} /* 슬라이드 - 메인 포토/화보 2015-12-31 */ .slider-main-wrap{overflow:hidden;height:256px;padding: 10px 0 30px;} .slider-main-wrap .zone{position:relative;width:976px;} .slider-main-wrap .list{overflow:hidden;width:100%;} .slider-main-wrap .list li{float:left;position:relative;margin:0 23px;} .slider-main-wrap .caroufredsel_wrapper{cursor:pointer !important;} .slider-main-wrap .item-cont03{width:210px;} .slider-main-wrap .img-con{} .slider-main-wrap .tit-con{} .slider-main-wrap button{position:absolute;top:-3px;z-index:5;} .slider-main-wrap .btn-prev05{right:62px;} .slider-main-wrap .btn-next05{right:0;} .slider-main-wrap .slider-paging{position:absolute;top:2px;right:0;width:90px;text-align:center;z-index:1;} .slider-main-wrap .slider-paging, .slider-main-wrap .slider-paging .current, .slider-main-wrap .slider-paging .total{line-height:16px;} /* 슬라이드 - 메인 영상/포토무비 2016-02-12 */ .slider-main-wrap02{overflow:hidden;height:256px;padding:10px 0 30px;} .slider-main-wrap02 .zone{position:relative;width:100%;} .slider-main-wrap02 .list{overflow:hidden;width:100%;} .slider-main-wrap02 .list li{float:left;position:relative;margin-left:15px;text-align:left;} .slider-main-wrap02 .list li.vid{margin-left:0;} .slider-main-wrap02 .caroufredsel_wrapper{cursor:pointer !important;} .slider-main-wrap02 .item-cont01{width:200px;} .slider-main-wrap02 .item-cont01 .over{display:none !important;} .slider-main-wrap02 .img-con{} .slider-main-wrap02 .tit-con{} .slider-main-wrap02 button{position:absolute;top:-3px;z-index:5;} .slider-main-wrap02 .btn-prev05{right:62px;} .slider-main-wrap02 .btn-next05{right:0;} .slider-main-wrap02 .slider-paging{position:absolute;top:2px;right:0;width:90px;text-align:center;z-index:1;} .slider-main-wrap02 .slider-paging, .slider-main-wrap02 .slider-paging .current, .slider-main-wrap02 .slider-paging .total{line-height:16px;} /* Y스페셜 */ .main2015 .iframe-yspecial{width:300px;height:140px;} .main2015 .y-special-zone{} .main2015 .y-special-zone .tit-category{display:none;} .main2015 .y-special-zone .tit-type01{display:block;padding-bottom:10px;border-bottom:1px solid #dfdfdf;} .main2015 .y-special-zone .btn_more{display:none;} .main2015 .y-special-zone .btn-prev{right:18px;} .main2015 .y-special-zone .btn-next{right:0px;} .main2015 .y-special-zone .page-nation{right:50px;top:0;} .main2015 .y-special-zone .list{position:relative;margin-top:10px;} .main2015 .y-special-zone .list li{position:absolute;} .main2015 .y-special-zone .list .thumb{width:140px;height:105px;opacity:1;transition:opacity .25s} .main2015 .y-special-zone .list .con{margin:-2px 0 0 150px;} .main2015 .y-special-zone .list .con .tit{margin-bottom:4px;font-weight:bold;font-size:16px;line-height:1.6;color:#000;} .main2015 .y-special-zone .list .con .txt{font-size:13px;line-height:1.5;color:#000;} .main2015 .y-special-zone .list a:hover{color:#000;} .main2015 .y-special-zone .list a:hover .thumb{opacity:.8} /* 우측 섹션별 주요 포토 (사람들) */ .main2015 .iframe-photosection{width:300px;height:214px;} .main2015 .photosection-zone{margin-bottom:7px;} .main2015 .photosection-zone .tit-type01{padding-bottom:10px;border-bottom:1px solid #dfdfdf;} /* 사람들 */ .main2015 .people-wrap{margin:0 auto;} .main2015 .people-wrap .people-list{overflow:hidden;width:auto;height:auto;} .main2015 .people-wrap .people-list li{float:left;position:static;width:140px !important;height:auto !important;padding:0 !important;border-top:none !important;} .main2015 .people-wrap .people-list li:first-child{margin-right:20px;} .main2015 .people-wrap .people-list li a{} .main2015 .people-wrap .people-list li a:hover{color:#000;} .main2015 .people-wrap .people-list li.on{} .main2015 .people-wrap .people-list .img-con{display:block;position:relative;} .main2015 .people-wrap .people-list .img-con img{width:140px;height:105px;opacity:1;transition:opacity .25s;} .main2015 .people-wrap .people-list a:hover .img-con img{opacity:.8} .main2015 .people-wrap .people-list .tit-con{display:block;position:static;width:auto;margin-top:10px;padding:0;background:none;text-align:left;} .main2015 .people-wrap .people-list .tit{width:auto;font-size:14px;line-height:1.4;color:#000;text-align:left;} .main2015 .people-wrap .people-list .over{display:block;position:absolute;left:0px;top:0px;width:138px;height:103px;border:1px solid rgba(0,0,0,.2);.border:1px solid #ccc;.border:1px solid #ccc;} @media \0screen {.main2015 .people-wrap .people-list .over{border:1px solid #ccc;}} .main2015 .people-wrap .people-btn{display:none;} /* 많이 본 뉴스 */ .main2015 .iframe-popnews{width:300px;height:340px;margin:18px 0;} .main2015 .popularnews-zone{margin-top:0;font-family:'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,sans-serif;} .main2015 .popularnews-zone .list-wrap li:first-child{font-weight:bold;} .main2015 .popularnews-zone .list-wrap li{overflow:hidden;display:block;} .main2015 .popularnews-zone .list-wrap li a{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} /* 메인 영상/포토무비*/ .visual-corner{overflow:hidden;} .visual-corner>div{width:200px;} .visual-corner .video-item{float:left;} .visual-corner .pm-item{float:right;} .visual-corner .tit-type01, .visual-corner .tit-type02{margin-bottom:8px;} .sports-corner{} .ent-corner{} .leisure-corner{} .interactive-corner{} .interactive-corner .img-con{overflow:hidden;position:relative;width:198px !important;height:198px !important;} .interactive-corner .over{width:196px !important;height:196px !important;} .graphic-corner{} .graphic-corner .img-con{overflow:hidden;position:relative;width:198px !important;height:198px !important;} .graphic-corner .over{width:196px !important;height:196px !important;} .item-cont01 .box-flex{} .item-cont01 .box-flex a{display:block;} .item-cont01 .img-con{overflow:hidden;display:block;position:relative;width:200px;height:200px;} .item-cont01 .img-con img{width:200px;height:200px;} .item-cont01 .play{display:block !important;position:absolute;left:0px;top:0px;width:200px;height:200px;background: url(../ico_arrow_30x30.png) 50% 50% no-repeat;background:rgba(0,0,0,.3) url(../ico_arrow_30x30.png) 50% 50% no-repeat;transition:background .25s;} .item-cont01 .play em{display:block;text-indent:-9999px;} .item-cont01 a:hover{color:#000;} .item-cont01 a:hover .play{background:url(../ico_arrow_30x30.png) 50% 50% no-repeat;} .item-cont01 .over{display:block;position:absolute;left:0px;top:0px;width:198px;height:198px;border:1px solid rgba(0,0,0,.2);.border:1px solid #ccc;} @media \0screen {.item-cont01 .over{border:1px solid #ccc;}} .item-cont01 .tit-con{display:block;margin-top:8px;text-align:center;} .item-cont01 .tit-con .tit{font-weight:bold;font-size:16px;line-height:1.4;color:#000;} .item-cont01 .tit-con em{font-size:16px;line-height:1.4;color:#777;} .item-cont01 .tit-con .num{display:none;} .item-cont01 .ico{display:none;} .item-cont02{} .item-cont02 .box-flex a{display:block;} .item-cont02 .img-con{overflow:hidden;display:block;position:relative;width:198px;height:130px;} .item-cont02 .img-con img{width:198px;height:auto;opacity:1;transition:opacity .25s;} .item-cont02 a:hover .img-con img{opacity:.8} .item-cont02 .over{display:block;position:absolute;left:0px;top:0px;width:196px;height:128px;border:1px solid rgba(0,0,0,.2);.border:1px solid #ccc;} @media \0screen {.item-cont02 .over{border:1px solid #ccc;}} .item-cont02 .tit-con{display:block;margin-top:8px;text-align:left;} .item-cont02 .tit-con .tit{padding:0 2px;font-weight:bold;font-size:16px;line-height:1;color:#000;} .item-cont03{} .item-cont03 .box-flex a{display:block;} .item-cont03 .img-con{overflow:hidden;display:block;position:relative;width:210px;height:199px;opacity:1;transition:opacity .25s;} .item-cont03 .img-con:hover{opacity:.8} .item-cont03 .img-con img{width:210px;height:auto;} .item-cont03 .tit-con{display:block;margin-top:8px;text-align:left;} .item-cont03 .tit-con .tit{font-weight:bold;font-size:14px;line-height:1.4;color:#000;} .item-cont03 .tit-con .num{margin-left:4px;} /* .item-cont03 .ico{visibility:visible;display:block;position:absolute;bottom:10px;left:10px;width:17px;height:15px;z-index:90;text-indent:-9999px; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;opacity:1;} */ .item-cont03 .ico{visibility:visible;display:block;position:absolute;top:173px;left:12px;width:17px;height:15px;z-index:90;text-indent:-9999px;z-index:10; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;opacity:1;} .item-cont03.pho{} .item-cont03.pho .ico{background:url(../icon_photo.png) 0 0 no-repeat;} .item-cont03.pic{} .item-cont03.pic .ico{background:url(../icon_pictorial.png) 0 0 no-repeat;} /* 연합생생중계 */ .live-broadcast-zone{margin-top:15px;border:1px solid #ddd;} .live-broadcast-zone .tit-con{} .live-broadcast-zone .tit-con .tit{position:relative;height:38px;} .live-broadcast-zone .tit-con .news{padding:5px 10px 7px;font-weight:bold;font-size:18px;line-height:1.2;background:#dbedff;} .live-broadcast-zone .tit-con .btn-more{position:absolute;right:0;top:0;width:38px;height:38px;background:url(../btn_ynalive_more.png) 50% 50% no-repeat;} .live-broadcast-zone .scroll-box{overflow-x:hidden;overflow-y:scroll;width:298px;height:500px;} .live-broadcast-zone .lb24{overflow:hidden;} /* 검색 결과 - 우측 아이프레임 */ .srch-iframe{} .srch-iframe .list-style01{padding:0;border:none;} .srch-iframe .list-style01 .btn_more{top:2px;right:0;} /* 검색 우측 핫뉴스 아이프레임 */ .srch-iframe .hot-news-wrap{width:300px !important;border-top:none;border-left:none;border-bottom:1px solid #ddd !important;background:none;} .srch-iframe .hot-news-wrap .tit a, .srch-iframe .hot-news-wrap .tit span{margin:13px 0 0 0;} .srch-iframe .hot-news-wrap .hot-news-list{width:300px !important;} .srch-iframe .hot-news-wrap .flex-list, .srch-iframe .hot-news-wrap .hot-news-list ul, .srch-iframe .hot-news-wrap .hot-news-btn{margin:0;} .srch-iframe .hot-news-tile{margin:19px 0 14px ;} /* 검색 우측 많이 본 뉴스 아이프레임 */ .srch-iframe .popularnews-zone{} .srch-iframe .popularnews-zone .tit-type03{} /* 검색 우측 오늘의 주요뉴스 아이프레임 */ .srch-iframe .todaynews-zone{} /*------- title type -------*/ /* 텍스트형 */ .tit-type01{font-size:14px;font-weight:bold;color:#2556a7 !important;} .tit-type01 a{padding-right:14px !important;background:url(../ico_more_5x9.png) 100% 6px no-repeat !important;font-size:14px;line-height:1.2;font-weight:bold;color:#2556a7 !important;} .tit-type01 .arr{font-size:14px;line-height:1.2;font-weight:bold;color:#2556a7;} .tit-type01.tit-double-link{} .tit-type01.tit-double-link a:first-child{padding-right:0 !important;background:none !important;} .tit-type02{} .tit-type02 a{padding-right:15px !important;background:url(../ico_more_5x9.png) 100% 50% no-repeat !important;font-size:14px;line-height:1;font-weight:bold;color:#2556a7;} .tit-type02 a:first-child{padding-right:0 !important;background:none !important;} .tit-type03{font-size:14px;font-weight:bold;color:#333;} .tit-type03 a, .tit-type03 .arr{font-size:14px;line-height:1.2;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} .tit-type04{padding:11px 18px 7px 18px;} .tit-type04 a, .tit-type04 .arr{font-size:17px;line-height:1.2;.line-height:29px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#333;letter-spacing:-0.5px;} /* 이미지형 */ .tit-img01{} /*------- List type -------*/ /* 주요기사 */ .main2015 .list-type01{padding-bottom:20px;background:#fff;} .main2015 .list-type01 .icon-wrap span span{overflow:visible;} .list-type01{} .list-type01>ul{} .list-type01>ul>li{/* overflow:hidden; */padding:10px 0;.padding:8px 0;border-top:1px solid #e3e3e3;.zoom:1;} .list-type01>ul>li:after{overflow:hidden;content:'';display:block;clear:both;font-size:0;line-height:0;height:0;} .list-type01>ul>li:first-child{border-top:none;} .list-type01 .img-con{overflow:hidden;position:relative;float:left;width:176px;height:116px;margin-right:15px;} .list-type01 .img-con img{max-width:220px;max-height:300px;opacity:1;transition:opacity .25s;} .list-type01 .img-con a:hover img{opacity:.8;} .list-type01 .news-con{} .list-type01 .tit-news{margin-bottom:5px;.margin-bottom:10px;line-height:1;} .list-type01 .tit-news a{font-size:17px;color:#000;vertical-align:middle;letter-spacing:-1px;} .list-type01 .tit-news a:hover, .list-type01 .tit-news a:focus, .list-type01 .tit-news a:active{text-decoration:underline;} .list-type01 .tit-news a:visited{color:#666;} .list-type01 .tit-news .icon-wrap a{font-size:12px;} .list-type01 .tit-news .icon-sort{padding:2px 0 0 6px;} .list-type01 .tit-news .icon-sort a{font-size:12px;} .list-type01 .lead{} .list-type01 .lead a{font-size:13px;color:#666;} .list-type01 .lead a:hover{text-decoration:none} .list-type01 .related-wrap{float:left;} .list-type01 .over{display:block;position:absolute;left:0px;top:0px;width:174px;height:114px;border:1px solid rgba(0,0,0,.2);} .list-type01 .h-related li{.padding-bottom:1px;} .list-type01 .h-related li>a{.line-height:22px;} .list-type02{} .list-type02>ul{} .list-type02>ul>li{/* overflow:hidden; */padding:10px 0;border-top:1px solid #e3e3e3;.zoom:1;} .list-type02>ul>li:after{overflow:hidden;content:'';display:block;clear:both;font-size:0;line-height:0;height:0;} .list-type02>ul>li:first-child{border-top:none;} .list-type02 .img-con{overflow:hidden;position:relative;float:left;width:140px;height:90px;margin-right:15px;} .list-type02 .img-con img{max-width:174px;max-height:200px;opacity:1;transition:opacity .25s;} .list-type02 .img-con a:hover img{opacity:.8;} .list-type02 .news-con{} .list-type02 .tit-news{margin-bottom:5px;.margin-bottom:10px;line-height:1;} .list-type02 .tit-news a{font-size:17px;color:#000;vertical-align:middle;letter-spacing:-1px;} .list-type02 .tit-news a:hover, .list-type02 .tit-news a:focus, .list-type02 .tit-news a:active{text-decoration:underline;} .list-type02 .tit-news a:visited{color:#666;} .list-type02 .tit-news .icon-wrap a{font-size:12px;} .list-type02 .icon-wrap span span{overflow:visible;} .list-type02 .tit-news .icon-sort{padding:2px 0 0 6px;height:20px;vertical-align:top;} .list-type02 .tit-news .icon-sort>span{height:20px;vertical-align:top;} .list-type02 .tit-news .icon-sort>span>span{vertical-align:middle;} .list-type02 .tit-news .icon-sort a{font-size:12px;} .list-type02 .tit-news .icon-sort strong{line-height:16px;vertical-align:middle;} .list-type02 .lead{} .list-type02 .lead a{font-size:13px;color:#666;} .list-type02 .lead a:hover{text-decoration:none} .list-type02 .related-wrap{float:left;} .list-type02 .v-related{width:590px;margin-left:-5px;} .list-type02 .v-related li{margin-left:5px;} .list-type02 .over{display:block;position:absolute;left:0px;top:0px;width:138px;height:88px;border:1px solid rgba(0,0,0,.2);} /*------- button type -------*/ /* sns link button */ .sns-zone{overflow:hidden;} .sns-zone dt{} .sns-zone dd{float:left;margin:0 0 0 4px;} .sns-zone dd a{display:block;width:25px;height:23px;background:url(../sprites_img2015.png) -80px -40px no-repeat;text-indent:-9999px;} /* .sns-zone .kks{margin-left:0;} */ .sns-zone .fb a{background-position:-80px -40px;} .sns-zone .tw a{background-position:-120px -40px;} .sns-zone .gg a{background-position:-160px -40px;} .sns-zone .kks a{background-position:-200px -40px;} .sns-zone .fb a:hover{background-position:-80px -80px;} .sns-zone .tw a:hover{background-position:-120px -80px;} .sns-zone .gg a:hover{background-position:-160px -80px;} .sns-zone .kks a:hover{background-position:-200px -80px;} /************************************************* Interactive UI *************************************************/ /* =============== 공통 스크롤 =============== */ .scroll-content{overflow:auto;width:100%;height:125px;} .scroll-content .content-view{width:4000px;max-height:125px;} .scroll-content .scroll-box{overflow:hidden;position:relative;left:0;top:0;} .scroll-content .scroll-box .scroll-container{position:absolute;left:0;top:0;} .scroll-content .scroll-box .dragger-cap{display:none;} .scroll-content .scroll-box .dragger-container{position:relative;top:0;left:-4px;background:#868892;} .scroll-content .scroll-box .dragger-container .dragger{position:relative;top:0;left:-2px;background:#ffffff;border:1px solid #d4cabd;cursor:pointer;} .scroll-content .scroll-box .dragger-btn{border:1px solid #d4cabd;background:#fff;text-indent:-20000px;display:block;cursor:pointer;} .scroll-content .scroll-box .dragger-btn-disable{cursor:default;} /* .scroll-content .scroll-box .dragger-btn-up{width:16px;height:17px;background:#ffffff url(../scroll_arrow_top.gif) no-repeat 50% 50%;border-bottom:none;} .scroll-content .scroll-box .dragger-btn-down{width:16px;height:17px;background:#ffffff url(../scroll_arrow_bottom.gif) no-repeat 50% 50%;border-top:none;} .scroll-content .scroll-box .dragger-btn-left{width:17px;height:16px;background:#ffffff url(../scroll_arrow_left.gif) no-repeat 50% 50%;border-right:none;} .scroll-content .scroll-box .dragger-btn-right{width:17px;height:16px;background:#ffffff url(../scroll_arrow_right.gif) no-repeat 50% 50%;border-left:none;} */ /* 세로 스크롤 */ .scroll-content .scroll-box .dragger-vertical{position:absolute;top:0;right:0;width:2px;height:100%;} .scroll-content .scroll-box .dragger-vertical .dragger{width:6px;height:79px;border:0;background:url(../btn_scroll_dragger_v.gif) no-repeat 50% 50%;} /* =============== VIDEO-JS =============== */ /******* vid-skin 01 *******/ .vid-skin01{} /* Big Play Button */ .vid-skin01 .vjs-big-play-button{ display:block;position:absolute;left:50%;top:40%;width:86px;height:103px;margin-left:-43px;font-size:3em;text-align:center;vertical-align:middle;opacity:1;cursor:pointer;z-index:2; background-color:transparent; border:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; .background:url(../ico_set_player.png) -150px 0 no-repeat; } .vid-skin01.vjs-controls-disabled .vjs-big-play-button{display:none;} .vid-skin01.vjs-has-started .vjs-big-play-button{display:none;} .vid-skin01.vjs-using-native-controls .vjs-big-play-button{display:none;} .vid-skin01.vjs-error .vjs-big-play-button{display:none;} .vid-skin01:hover .vjs-big-play-button, .vid-skin01 .vjs-big-play-button:focus{ border-color:none;outline:0;background-color:transparent; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s; } .vid-skin01 .vjs-big-play-button:before{content:'';position:absolute;left:0;width:100%;height:100%;line-height:2.6em;font-family:VideoJS;text-shadow:0.05em 0.05em 0.1em #000;text-align:center;background:url(../ico_set_player.png) -150px 0 no-repeat;} /* Control Bars */ .vid-skin01 .vjs-control-bar{display:block;position:absolute;bottom:0;left:0;right:0;height:40px;background-color:#07141e; background-color:rgba(7, 20, 30, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* IE 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* IE 8 */} .vid-skin01.vjs-has-started .vjs-control-bar{ visibility:visible;display:block;opacity:1; -webkit-transition:visibility 0.1s, opacity 0.1s;-moz-transition:visibility 0.1s, opacity 0.1s;-o-transition:visibility 0.1s, opacity 0.1s;transition:visibility 0.1s, opacity 0.1s; /* -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; */ } .vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{ visibility:hidden;.visibility:visible;display:block;opacity:0;/* visibility:visible;display:block;opacity:1; */ -webkit-transition:visibility 1s, opacity 1s;-moz-transition:visibility 1s, opacity 1s;-o-transition:visibility 1s, opacity 1s;transition:visibility 1s, opacity 1s; } .vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar:hover{visibility:visible !important;display:block;opacity:1;} .msie8 .vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;} /* Progress Bars 타임라인 */ .vid-skin01 .vjs-play-progress{background:#039ff8;} .vid-skin01 .vjs-progress-control{ position:absolute;left:0;right:0;top:17px;width:auto;height:4px;margin-left:124px;margin-right:130px;font-size:0.3em; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; } /* Progress 핸들러 아이콘 */ .vid-skin01 .vjs-seek-handle{width:4px;height:4px;} .vid-skin01 .vjs-slider-handle{} .vid-skin01 .vjs-slider-handle:before{ content:"";position:absolute;top:0;width:4px;height:4px;background:#039ff8;text-shadow:none;color:#039ff8;text-align:center;font-size:0;line-height:0; -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; } /* Play/Pause 버튼 */ .vid-skin01 .vjs-play-control{width:38px;height:38px;margin-left:6px;cursor:pointer;.background:url(../ico_set_player.png) 9px 13px no-repeat;} .vid-skin01 .vjs-play-control:before{content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;background:url(../ico_set_player.png) 0 0 no-repeat;font-size:17px;line-height:17px;text-align:center;text-shadow:none;} .vid-skin01.vjs-playing .vjs-play-control{.background:url(../ico_set_player.png) 9px -70px no-repeat;} .vid-skin01.vjs-playing .vjs-play-control:before{content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;background:url(../ico_set_player.png) 0 -82px no-repeat;font-size:17px;line-height:17px;text-align:center;text-shadow:none;} /* 재생 시간 */ .vid-skin01 .vjs-time-controls{font-size:1em;line-height:3em;} .vid-skin01 .vjs-current-time{float:left;margin-top:4px;} .vid-skin01 .vjs-duration{float:left;margin-top:4px;} .vid-skin01 .vjs-remaining-time{display:none;float:left;} .vid-skin01 .vjs-time-divider{float:left;line-height:3em;margin-top:4px;} /* 볼륨 */ .vid-skin01 .vjs-volume-control{float:right;width:60px;} .vid-skin01 .vjs-volume-control .vjs-slider{background:url(../ico_volume_gauge_off.png) 0 0 repeat-x;} .vid-skin01 .vjs-volume-bar{width:5em;height:8px;margin:16px auto 0;} .vid-skin01 .vjs-volume-level{position:absolute;top:0;left:0;width:100%;height:8px;background:url(../ico_volume_gauge_on.png) 0 0 repeat-x;} .vid-skin01 .vjs-volume-bar .vjs-volume-handle{width:0.5em;height:8px;left:4.5em;} .vid-skin01 .vjs-volume-handle:before{top:0;left:0;width:2px;height:8px;background:#039ff8;font-size:4px;} .vid-skin01 .vjs-mute-control, .vid-skin01 .vjs-volume-menu-button{float:right;width:38px;height:38px;cursor:pointer;} .vid-skin01 .vjs-mute-control:before, .vid-skin01 .vjs-volume-menu-button:before{content:"";position:absolute;top:14px;left:17px;width:18px;height:14px;background:url(../ico_set_player.png) 0 -150px no-repeat;} .vid-skin01 .vjs-mute-control.vjs-vol-0:before, .vid-skin01 .vjs-volume-menu-button.vjs-vol-0:before{content:"";background:url(../ico_set_player.png) 0 -239px no-repeat;} .vid-skin01 .vjs-mute-control.vjs-vol-1:before, .vid-skin01 .vjs-volume-menu-button.vjs-vol-1:before, .vid-skin01 .vjs-mute-control.vjs-vol-2:before, .vid-skin01 .vjs-volume-menu-button.vjs-vol-2:before{content:"";background:url(../ico_set_player.png) 0 -192px no-repeat;} /* 볼륨 IE7 */ .vid-skin01 .vjs-mute-control{.background:url(../ico_set_player.png) 19px -136px no-repeat;} .vid-skin01 .vjs-mute-control.vjs-vol-0, .vid-skin01 .vjs-volume-menu-button.vjs-vol-0{.background:url(../ico_set_player.png) 19px -225px no-repeat;} .vid-skin01 .vjs-mute-control.vjs-vol-1, .vid-skin01 .vjs-volume-menu-button.vjs-vol-1, .vid-skin01 .vjs-mute-control.vjs-vol-2, .vid-skin01 .vjs-volume-menu-button.vjs-vol-2{.content:"";.background:url(../ico_set_player.png) 19px -178px no-repeat;} /* Fullscreen 확대/축소 */ .vid-skin01 .vjs-fullscreen-control{float:right;width:38px;height:38px;cursor:pointer;} .vid-skin01 .vjs-fullscreen-control:before{content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:url(../ico_set_player.png) -50px -150px no-repeat;} .vid-skin01.vjs-fullscreen .vjs-fullscreen-control:before{content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:url(../ico_set_player.png) -50px -238px no-repeat;} /* Fullscreen 확대/축소 IE7 */ .vid-skin01.vjs-fullscreen{} .vid-skin01 .vjs-fullscreen-control{.background:url(../ico_set_player.png) -36px -135px no-repeat;} .vid-skin01.vjs-fullscreen .vjs-fullscreen-control{.background:url(../ico_set_player.png) -36px -223px no-repeat;} /******* vid-skin 02 *******/ .vid-skin02{} /* Big Play Button */ .vid-skin02 .vjs-big-play-button{ display:block;position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;font-size:3em;text-align:center;vertical-align:middle;opacity:1;cursor:pointer;z-index:2; background:transparent url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) -134px 3px no-repeat; border:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; } .vid-skin02.vjs-controls-disabled .vjs-big-play-button{display:none;} .vid-skin02.vjs-has-started .vjs-big-play-button{display:none;} .vid-skin02.vjs-using-native-controls .vjs-big-play-button{display:none;} .vid-skin02.vjs-error .vjs-big-play-button{display:none;} .vid-skin02:hover .vjs-big-play-button, .vid-skin02 .vjs-big-play-button:focus{ border-color:none;outline:0;background-color:transparent; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s; } .vid-skin02 .vjs-big-play-button:before{display:none;} /* Control Bars */ .vid-skin02 .vjs-control-bar{display:block;position:absolute;bottom:0;left:0;right:0;height:40px; background-color:#07141e;background-color:rgba(7, 20, 30, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";} .vid-skin02.vjs-has-started .vjs-control-bar{ visibility:visible;display:block;opacity:1; -webkit-transition:visibility 0.4s, opacity 0.4s;-moz-transition:visibility 0.4s, opacity 0.4s;-o-transition:visibility 0.4s, opacity 0.4s;transition:visibility 0.4s, opacity 0.4s; } .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{ visibility:hidden;.visibility:visible;display:block;opacity:0; -webkit-transition:visibility 1s, opacity 1s;-moz-transition:visibility 1s, opacity 1s;-o-transition:visibility 1s, opacity 1s;transition:visibility 1s, opacity 1s; } .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar:hover{visibility:visible !important;display:block;opacity:1;} .msie8 .vid-skin02.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;} /* Progress Bars 타임라인 */ .vid-skin02 .vjs-play-progress{background:#039ff8;} .vid-skin02 .vjs-progress-control{ position:absolute;left:0;right:0;top:17px;width:auto;height:4px;margin-left:124px;margin-right:130px;font-size:0.3em; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; } /* Progress 핸들러 아이콘 */ .vid-skin02 .vjs-seek-handle{width:4px;height:4px;} .vid-skin02 .vjs-slider-handle{} .vid-skin02 .vjs-slider-handle:before{ display:none;content:"";position:absolute;top:0;width:4px;height:4px;background:#039ff8;text-shadow:none;color:#039ff8;text-align:center;font-size:0;line-height:0; -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} /* Play/Pause 버튼 */ .vid-skin02 .vjs-play-control{width:38px;height:38px;margin-left:6px;background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 15px 13px no-repeat;cursor:pointer;} .vid-skin02 .vjs-play-control:before{display:none;content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;font-size:17px;line-height:17px;text-align:center;text-shadow:none;} .vid-skin02.vjs-playing .vjs-play-control{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -47px no-repeat;} .vid-skin02.vjs-playing .vjs-play-control:before{display:none;content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;font-size:17px;line-height:17px;text-align:center;text-shadow:none;} /* 재생 시간 */ .vid-skin02 .vjs-time-controls{font-size:1em;line-height:3em;} .vid-skin02 .vjs-current-time{float:left;margin-top:4px;} .vid-skin02 .vjs-duration{float:left;margin-top:4px;} .vid-skin02 .vjs-remaining-time{display:none;float:left;} .vid-skin02 .vjs-time-divider{float:left;line-height:3em;margin-top:4px;} /* 볼륨 */ .vid-skin02 .vjs-volume-control{float:right;width:60px;} .vid-skin02 .vjs-volume-control .vjs-slider{background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_volume_gauge_off.png) 0 0 repeat-x;} .vid-skin02 .vjs-volume-bar{width:5em;height:8px;margin:15px auto 0;} .vid-skin02 .vjs-volume-level{position:absolute;top:0;left:0;width:100%;height:8px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_volume_gauge_on.png) 0 0 repeat-x;} .vid-skin02 .vjs-volume-bar .vjs-volume-handle{width:0.5em;height:8px;left:4.5em;} .vid-skin02 .vjs-volume-handle:before{display:none;top:0;left:0;width:2px;height:8px;background:#039ff8;font-size:4px;} .vid-skin02 .vjs-mute-control, .vid-skin02 .vjs-volume-menu-button{float:right;width:38px;height:38px;background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -108px no-repeat;cursor:pointer;} .vid-skin02 .vjs-mute-control:before, .vid-skin02 .vjs-volume-menu-button:before{display:none;content:"";position:absolute;top:14px;left:17px;width:18px;height:14px;} .vid-skin02 .vjs-mute-control.vjs-vol-0, .vid-skin02 .vjs-volume-menu-button.vjs-vol-0{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -288px no-repeat;} .vid-skin02 .vjs-mute-control.vjs-vol-1, .vid-skin02 .vjs-volume-menu-button.vjs-vol-1{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -228px no-repeat;} .vid-skin02 .vjs-mute-control.vjs-vol-2, .vid-skin02 .vjs-volume-menu-button.vjs-vol-2{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -168px no-repeat;} .vid-skin02 .vjs-mute-control.vjs-vol-3, .vid-skin02 .vjs-volume-menu-button.vjs-vol-3{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) 14px -108px no-repeat;} /* Fullscreen 확대/축소 */ .vid-skin02 .vjs-fullscreen-control{float:right;width:38px;height:38px;background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) -37px -228px no-repeat;cursor:pointer;} .vid-skin02.vjs-fullscreen .vjs-fullscreen-control{background:url(http://img.yonhapnews.co.kr/basic/svc/00_ko/home/2016/ico_set_player2016.png) -37px -288px no-repeat;} .vid-skin02 .vjs-fullscreen-control:before{display:none;content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:none;} .vid-skin02.vjs-fullscreen .vjs-fullscreen-control:before{display:none;content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:none;} /* Fullscreen 확대시 z-index 문제 */ .fullscreen-page{overflow-y:hidden !important;} .fullscreen-page #header{position:relative;z-index:1;} .fullscreen-page #content{position:relative;z-index:100;} .fullscreen-page .header-content{position:relative;z-index:1;} .fullscreen-page .contents{position:relative;z-index:100;} .fullscreen-page .contents01{position:relative;z-index:100;} .fullscreen-page .contents02{position:relative;z-index:1;} .fullscreen-page .article-video{z-index:100;} .fullscreen-page .btn-top{display:none;} .fullscreen-page #tmpILSA_Container{display:none !important;}/* 광고(본문안 플로팅 배너) */ .fullscreen-page.video-page .title-page01{z-index:90;} .fullscreen-page.video-page .video-view-zone{z-index:100;} /************************************************* 팝업 및 기타 *************************************************/ /******* 팝업 공통 *******/ .popup-btn{position:absolute;top:8px;right:20px;text-align:right;} .popup-btn input{border:1px solid #1b1c29;cursor:pointer;height:27px;color:#fff;text-align:left;margin-left:-3px;} .popup-btn .btn_print{width:89px;text-indent:25px;background:url(../icon_popupprint.gif) 9px 6px no-repeat #1d1f2c;} .popup-btn .btn_close{width:60px;text-indent:24px;background:url(../icon_popupclose.gif) 9px 7px no-repeat #1d1f2c;} /******* 팝업 타입01 *******/ #popWrap{background:#fff;position:relative;} #popWrap #popHeader{} #popWrap #popContent{} #popWrap #popFooter{background:#fafafa;border:1px solid #eee;margin:30px 20px 20px 20px;padding:11px 12px 9px 12px;} #popWrap #popHeader h1{height:43px;background:#33364e;} #popWrap #popHeader h1 img{display:block;float:left;margin:14px 19px;} #popWrap #popFooter .txt-wrap{color:#df5757;} #popWrap #popFooter .txt-wrap .contact{padding-left:11px;margin-left:3px;background:url(../bar_1x11_dddddd.gif) 0 0 no-repeat;} #popWrap #popFooter .txt-wrap .contact strong{font-weight:normal;color:#999;} #popWrap #popFooter .txt-wrap .contact a{color:#999;} #popWrap #popFooter .copy{margin-top:5px;color:#999;} #popWrap #popContent .article-info{margin:25px 18px 26px 18px;} #popWrap #popContent .article-info h2{margin-bottom:6px;font-size:18px;} #popWrap #popContent .article-info ul{width:460px;} #popWrap #popContent .article-info li{display:inline;color:#999;} #popWrap #popContent .article-info li strong{font-weight:normal;padding-right:5px;} #popWrap #popContent .article-info li.modify{padding-left:11px;margin-left:5px;background:url(../bar_1x11_dddddd.gif) 0 1px no-repeat;} #popWrap #popContent .print-popup{padding:50px 20px 20px 20px;border-top:1px solid #ddd;} #popWrap #popContent .article{font-family:굴림, Gulim, Arial, Sans-serif;font-size:13px;line-height:1.8;} #popWrap #popContent .article .article-img, #popWrap #popContent .article .article-video, #popWrap #popContent .article-copy{font-family:돋움, dotum, Arial, Sans-serif;font-size:12px;line-height:1.5;} #popWrap #popContent .article p{text-indent:12px;margin:26px 0;} #popWrap #popContent .article p em{font-style:normal;font-weight:bold;color:#2556a7;} #popWrap #popContent .article .article-img .img-info p, #popWrap #popContent .article .article-video p, #popWrap #popContent .article-copy p{text-indent:0;margin:0;} #popWrap #popContent .article .article-img{margin:0 auto 46px auto;text-align:center;font-family:돋움, dotum, Arial, Sans-serif;font-size:12px;line-height:1.5;} #popWrap #popContent .article .article-img img{max-width:500px;max-height:750px;} #popWrap #popContent .article .article-img .img-info{padding-top:12px;text-align:left;} #popWrap #popContent .article .article-img .img-info p{display:inline;} #popWrap #popContent .article .article-video{margin:44px auto;text-align:center;} #popWrap #popContent .article .article-mail{display:block;margin:26px auto;} #popWrap #popContent .article .article-copy{min-width:450px;height:16px;margin-top:40px;} #popWrap #popContent .article .article-copy01{float:left;} #popWrap #popContent .article .article-copy02{float:left;padding-left:11px;margin-left:5px;background:url(../bar_1x11_dddddd.gif) 0 3px no-repeat;} #popWrap #popContent .article .article-copy03{float:right;} #popWrap #popContent .image-popup{min-width:780px;height:364px;margin:0 20px;background:#fafafa;border:1px solid #ddd;} #popWrap #popContent .image-popup .image-wrap{float:left;width:494px;height:350px;padding:14px 0 0 14px;} #popWrap #popContent .image-popup .caption-wrap{float:right;width:249px;height:344px;padding:10px;border-left:1px solid #ddd;overflow-y:scroll;font-family:굴림, Gulim, Arial, Sans-serif;font-size:13px;line-height:1.8;} /*#popWrap #popContent .image-popup .plugin-down{padding:30px;} #popWrap #popContent .image-popup .plugin-down ul{margin-top:10px;} #popWrap #popContent .image-popup .plugin-down li{background:url(../bul_2x2_cccccc.gif) 0 9px no-repeat;padding:2px 0 1px 9px;}*/ /******* 팝업 타입02 *******/ #popWrap02{border:1px solid #6e7180;background:#2e323d;} #popWrap02 #popHeader{position:relative;height:49px;border-bottom:1px solid #404551;background:url(../bg_pattern01.gif) 0 0 repeat;} #popWrap02 #popHeader .logo{position:absolute;left:25px;top:15px;} #popWrap02 .popup-btn{position:absolute;right:11px;top:12px !important;} #popWrap02 #popContent{padding:15px 30px 0 30px;} #popWrap02 #popContent .video-view-zone{margin-bottom:0;background:#2e323d;} #popWrap02 #popContent .video-view-zone .view-area{float:none;} /* #popWrap02 #popContent .video-view-zone .vid-player, #popWrap02 #popContent .video-view-zone .obj-player{display:none;visibility:hidden;height:0;}*/ /* #popWrap02 #popContent .video-view-zone .alternate-obj{display:none;} */ #popWrap02 #popContent .video-view-zone .plugin-down{color:#fff;} #popWrap02 #popContent .video-view-zone .plugin-down a{color:#7b94bc;} #popWrap02 #popContent .video-view-zone .caption-box{width:720px;padding:15px 0;} #popWrap02 #popContent .video-view-zone .desc-con{overflow-y:scroll;} #popWrap02 #popFooter{padding:5px 0 16px;text-align:center;} #popWrap02 #popFooter .txt-wrap{color:#7b94bc;} #popWrap02 #popFooter .contact{} #popWrap02 #popFooter .contact strong, #popWrap02 #popFooter .contact a{font-weight:normal;color:#ccc;} #popWrap02 #popFooter .copy{color:#fff;} /* v.chrome #popWrap02 #popContent .video-view-zone .vid-player, .firefox #popWrap02 #popContent .video-view-zone .vid-player, .msie #popWrap02 #popContent .video-view-zone .obj-player{display:block;isibility:visible;height:406px;}*/ /* .chrome #popWrap02 #popContent .video-view-zone .alternate-obj, .firefox #popWrap02 #popContent .video-view-zone .alternate-obj{display:none;} */ /******* 팝업 타입03 (연합생생중계 팝업) *******/ #popWrap03{} #popWrap03 #popHeader{overflow:hidden;height:64px;background:#0088cc;} #popWrap03 #popHeader .tit{float:left;} #popWrap03 #popHeader .news{margin:11px 0 0 230px;font-size:28px;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#fff;letter-spacing:-0.5px;} #popWrap03 #popContent .scroll-box{overflow-x:hidden;overflow-y:scroll;width:680px;height:534px;} #popWrap03 #popContent .lb24{overflow:hidden;} /************************************************* 광고 *************************************************/ /* 광고 배너 468*60*/ .banner-0-wrap{text-align:center;border-bottom:1px solid #eee;} .banner-15-wrap{text-align:center;padding:14px 0 14px 0;border-bottom:1px solid #eee;} .banner-40-wrap{text-align:center;margin:39px 0 39px 0;} .article .banner-15-wrap, .gnb-news-0805 .banner-15-wrap{border-bottom:none;} /* 본문보기 우측 광고 */ .ad-wrap01{padding:13px 19px 14px 19px;position:relative;} .ad-wrap01 h2, .ad-wrap01 .ad-tag{position:absolute;top:19px;/*left:338px;*/right:-17px;width:17px;height:30px;} .ad-wrap01 div{padding:4px 0 9px 0;} .ad-wrap01 div *{vertical-align:middle;} /* 본문보기 우측 광고 영역 중 상단 콘텐츠와 합친광고(많이본 뉴스 아래/구글배너 아래) */ .ad-wrap02{position:relative;z-index:200;padding:0 19px 19px 19px !important;border-top:none !important;margin-top:-25px !important;} /* 좌측 광고 : 본문 배너1 2016-01-04 종료 */ .floating-banner01{display:none;position:absolute;z-index:-1;top:515px;left:-115px;width:100px;} .floating-banner01 dd, .floating-banner01 .ad-con{margin-bottom:15px;} /* 좌측 광고 : 본문 배너2 2016-01-04 종료 */ .floating-banner02{display:none;position:absolute;z-index:-1;top:0;left:-115px;width:100px;} .floating-banner02 dd, .floating-banner02 .ad-con{margin-bottom:15px;} /* 좌측 광고 : 메인 배너3(위키트리) */ /* .floating-banner03{position:absolute;z-index:690;top:1447px;left:-115px;width:100px;} .floating-banner03 dd, .floating-banner03 .ad-con{margin-bottom:15px;} */ /* 좌측 광고 : 메인 배너4(아임애드) 2016-01-04 종료 */ .floating-banner04{display:none;position:absolute;z-index:-1;left:-133px;width:120px;margin-top:20px;} .floating-banner0401{display:none;position:relative;z-index:-1;} .floating-banner0401 .con{position:absolute;right:-115px;top:-385px;.top:-378px;} /* 좌측 광고 : 본문 배너 (아임애드)*/ .floating-banner05{position:relative;z-index:-1;} .floating-banner05 .ifm-ad01{position:absolute;top:68px;left:-135px;} /* 쇼셜댓글 플로팅 */ /* 좌측 광고 : 서브 메인 배너1(전국 - 2단형) */ .banner-box01{overflow:hidden;padding:20px;text-align:center;} .banner-box01 dt{} .banner-box01 dd{display:inline;} /* 좌측 광고 : 본문 배너 (오늘의연합뉴스 하단위치) 600x75 */ .banner-box02{padding:39px 0px;} .banner-box02 .ad-con{width:600px;margin:0 auto;} /* 우측 광고 : 본문 배너 188x188 (네오브이) - 2015-04-01 삭제 */ .banner-box03{display:none;padding:20px 0px;} .banner-box03 .ad-con{width:188px;margin:0 auto;} /* 우측 배너 : 전국 책의 수도 2015-04-21 */ .banner-box04{overflow:hidden;padding:10px;text-align:center;} .banner-box04 .con{position:relative;width:320px;height:33px;background:url(../bnr_book_incheon_320x33_01.gif) 0 0 no-repeat;} .banner-box04 .con a{display:block;padding:7px 0 0 70px;font-size:14px;font-weight:800;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;color:#1f335c;letter-spacing:-1px;} .banner-box04 .con a:hover{color:#385fdd;text-decoration:none;} .banner-box0401{overflow:hidden;padding:10px 0;margin-top:20px;} .banner-box0401 .con{position:relative;width:601px;height:80px;margin:0 auto;background:url(../bnr_book_incheon_601x80_01.gif) 5px 0 no-repeat;} .banner-box0401 .con a{display:block;width:601px;height:80px;font-weight:800;font-family:'NanumBarunGothicBold','NanumBarunGothic',sans-serif;} .banner-box0401 .con .tit{position:absolute;left:237px;top:18px;font-size:21px;color:#1f335c;letter-spacing:-1px;} .banner-box0401 .con .dd{position:absolute;left:237px;top:50px;font-size:12px;color:#333;} .banner-box0401 .con a:hover .tit, .banner-box0401 .con a:hover .dd{text-decoration:none;} /* 우측 배너 : 많이 본 포토 우측 100x120 (애드모어) - 2015-05-18 */ .banner-box05{position:absolute;top:1px;left:350px;width:100px;height:120px;} .banner-box05-admore{position:relative;} /* 2015-05-19 */ .banner-box05-admore .inner{position:absolute;top:-365px;left:350px;width:100px;height:120px;} /* 본문 하단 : 아이엠애드 광고 - 2015-08-28 */ .banner-box06{} .banner-box06 .con{width:300px;margin:0 auto;padding:15px 0 10px;} .banner-box06 .ad-tag{position:absolute;top:19px;right:-17px;width:17px;height:30px;} /* 본문 하단 : 댓글 아래 2016-01-11 (레드플 테스트 15일간 진행)*/ .banner-box07{margin: 39px 0 39px 0;} .banner-box07 .con{width:586px;margin:0 auto;} /* 본문 하단 : 뉴스타 광고 - 2015-04-01 삭제 */ .newstar-banner{display:none;visibility:hidden;} .newstar-banner .inner{position:relative;width:100%;height:60px;} .newstar-banner .box{position:absolute;left:50%;top:0;width:468px;height:60px;margin-left:-234px;} /* 기사본문 광고 테스트 (본문안 광고) */ .ad-colum-wrap{overflow:hidden;margin-top:-26px;} .ad-colum-wrap .ad-box{display:block;float:right;width:250px;height:250px;margin:26px 0 0 10px;background-color:#ccc;} /* 메인 배너 광고 */ .main2015 .ad-box01{margin:0;padding:20px 0;background:#fff;} .main2015 .ad-box02{border:0;text-align:center;} /* server */ .ad-box03{text-align:center;} .ad-box03 .inner{width:976px;margin:0 auto;padding:30px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .ad-box01{margin:20px 0;padding:9px 0px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;text-align:center;} .ad-box02{} /************************************************* 프린트 *************************************************/ /* 프린트 */ @media print{}