/* 공통 */ .clear-both { clear:both;} body, input, textarea, p, div { color:#333;} li { list-style: none;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0;} a { text-decoration: none; color:#333;} a:hover { color:#009944;} ::-moz-selection { /* Code for Firefox */ color: #215648; background: #dcf0be; } ::selection { color: #215648; background: #dcf0be; } .float-left { float:left;} .float-right { float:right;} .bold { font-weight: bold;} .none { display: none;} .margin-30-0 { margin:30px 0;} .padding-30-0 { padding:30px 0;} table caption { display: none;} .color-black { color:#000;} .color-white { color:#fff;} .color-blue-2 { color:#77c043;} .color-red { color:red;} .color-lightgray { color:#cccccc;} .seemore { float: right;margin-top: -35px;font-size: 10pt; } .seemoreRAB { font-weight: bold;font-family: arial;color:#009944; } /* 시작 */ body { margin:0 auto 0 auto; width:1012px; background:url("https://image.hankookilbo.com/images/bg-body.png") center top repeat-x;} /*==================================================================================== /* /* 메인 시작 /* /*====================================================================================*/ .title-ad-l { float: left; height:60px; background-color:#ddd;} .title-ad-r { float: right; width:234px; height:60px; background-color:#ddd;} .title-ad-r2 { float: right; height:60px; background-color:#ddd;} .title-right { float: right; margin:7px 14px 0 0;} .title-right .searchoption {margin-top:4px;font-size:11pt;float: right;display: inline-block;} .title-right .searchoption input {margin-top: -3px; vertical-align: middle; padding-right:3px;} .title-right .searchoption span {font-size:11pt;color:#666; padding-right:10px;} .title-right .searchbutton {padding-left:5px;float: right;display: inline-block;} .title-right-home { float: right; margin:14px 14px 0 0;} #feat-wrap { width:1012px; margin:4px 0 32px 0;} #feat-wrap .feat { background-color: #efefef; position: relative;} /*#feat-wrap .feat .overlay { width:100%; height: 100%; position: absolute; top:0; left:0; background:url("https://image.hankookilbo.com/images/overlay-blue.png"); display: none; cursor: pointer;}*/ #feat-wrap .feat .overlay { width:100%; height: 100%; position: absolute; top:0; left:0; background:url("https://image.hankookilbo.com/images/overlay-green.png"); display: none; cursor: pointer;} #feat-wrap .feat img { display: block;} #feat-wrap #feat-1 { width: 602px; height: 404px; float:left;} #feat-wrap #feat-2 { width: 406px; height: 200px; float:right;} #feat-wrap #feat-3 { width: 406px; height: 200px; margin-top:4px; float:right;} #feat-wrap #feat-4 { width: 250px; height: 192px; float:left; margin:4px 0 0 0;} #feat-wrap #feat-5 { width: 250px; height: 192px; float:left; margin:4px 0 0 4px;} #feat-wrap #feat-6 { width: 250px; height: 192px; float:left; margin:4px 0 0 4px;} #feat-wrap #feat-7 { width: 250px; height: 192px; float:left; margin:4px 0 0 4px;} #feat-wrap #feat-8 { width: 758px; height: 404px; float:left;} #feat-wrap #feat-9 { width: 250px; height: 200px; float:right;} #feat-wrap #feat-10 { width: 250px; height: 200px; margin-top:4px; float:right;} #feat-wrap #feat-11 { width: 250px; height: 404px; float:right;} #feat-wrap #feat-12 { width: 1012px; height: 404px; float:right;} #feat-wrap #feat-13, #feat-wrap #feat-17 { width: 250px; height: 192px;} #feat-wrap #feat-14, #feat-wrap #feat-18 { width: 250px; height: 192px; margin:4px 0 0 0;} #feat-wrap #feat-15, #feat-wrap #feat-19 { width: 250px; height: 192px; margin:4px 0 0 0;} #feat-wrap #feat-16 { width: 504px; height: 584px; float:left; margin:0 4px 0 4px;} #feat-wrap #feat-16 img {height:584px;} #content-wrap { clear:both; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #666; position: relative; background:url("https://image.hankookilbo.com/images/bg-content-wrap.png") right top repeat-y;} #login-wrap { clear:both; border-bottom:1px solid #666;} .adiframe300x250 {width: 300px;height: 250px;border: none;overflow: hidden;padding: 0px;margin: 0px;} .adiframe250x250 {width: 250px;height: 250px;border: none;overflow: hidden;padding: 0px;margin: 0px;} .side-ad-1 { width:300px; min-height: 250px; max-height:600px; background-color: #ddd; margin:0;} .side-ad-2 { position:absolute; margin:-230px 0 0 315px;} .side-ad-3 { position:absolute; top:190px; right:-135px; margin:0 0 0 0;} .side-ad { margin-bottom:10px;} .side-ad img { display: block;} .side-subscription { background: url("https://image.hankookilbo.com/images/bg-subscription-renew.png") no-repeat; width:300px; height: 87px; border-top:1px solid #ccc; border-bottom:2px solid #77c043; margin-bottom:14px;} .side-subscription ul { } .side-subscription ul li { list-style: none; float:left; margin-top:48px;} .side-subscription ul li a { float:left; display: block; width:32px; height: 32px; text-indent: -10000em;} /*.side-subscription .hk { background:url("https://image.hankookilbo.com/images/icon-subscription-hk.png") no-repeat;margin-left: 8px;}*/ .side-subscription .hk { background:url("https://image.hankookilbo.com/images/icon-subscription-hk-renew.png") no-repeat;margin-left: 8px;} .side-subscription .fb { background:url("https://image.hankookilbo.com/images/icon-subscription-fb.png") no-repeat; margin-left: 10px;} .side-subscription .tw { background:url("https://image.hankookilbo.com/images/icon-subscription-tw.png") no-repeat;margin-left: 10px;} .side-subscription .email { background:url("https://image.hankookilbo.com/images/icon-subscription-email.png") no-repeat;margin-left: 10px;} .side-subscription .rss { background:url("https://image.hankookilbo.com/images/icon-subscription-rss.png") no-repeat;margin-left: 10px;} .side-subscription .an { background:url("https://image.hankookilbo.com/images/icon-subscription-an.png") no-repeat;margin-left: 10px;} .side-subscription .as { background:url("https://image.hankookilbo.com/images/icon-subscription-as.png") no-repeat;margin-left: 10px;} .side-subscription .yt { background:url("https://image.hankookilbo.com/images/icon-subscription-yt.png") no-repeat;margin-left: 10px;} /* 사이드바 - 많이 본 뉴스 */ .side-popular { margin-bottom:14px;} .side-popular .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-popular.png") no-repeat;} .side-popular ul { margin:17px 22px 34px 22px;} .side-popular ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat;} .side-popular ul li a { color:#666; font-size:12px; display: block;} .side-popular ul li a:hover { color:#77c043;} .side-popular-pic { margin-bottom:70px;} .side-popular-pic .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-popular-n2015.png") no-repeat;} .side-popular-pic ul { margin:17px 18px 34px 22px;} .side-popular-pic ul li { list-style: none; line-height: 18px; clear:both; padding-top:8px;} .side-popular-pic ul li a { color:#666; font-size:12px; display: block;} .side-popular-pic ul li a:hover { color:#77c043;} .side-popular-pic ul li div { vertical-align: top; float:left; margin-right:9px; width:131px; background-color: #fff; overflow:hidden;} .side-popular-pic ul li div img { display: block; height: 81px; margin:auto;} .side-popular-pic ul li span { padding-top:2px; display: block;} /* 사이드바 - 인기 검색어 */ .side-keyword { margin-bottom:14px;} .side-keyword .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-keyword.png") no-repeat;} .side-keyword .desc { padding:14px 20px 20px 20px;} .side-keyword .desc span { font-size:18px;} .side-keyword .desc span.hot { background-color: #d8efff;} /* 사이드바 - 오늘의 사진 */ .side-todaypic { margin-bottom:14px;} .side-todaypic .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-todaypic-n2015.png") no-repeat;} .side-todaypic .desc { position: relative; overflow: hidden; background-color:#f2f2f2; padding-bottom: 11px; width:300px;} .side-todaypic .desc div { overflow: hidden; } .side-todaypic .desc img { display: block;height:195px;margin:0 auto;} .side-todaypic .desc .nav { cursor: pointer; position: absolute; top:0; width:50px; height: 195px; display: block; text-indent: -100000em;} .side-todaypic .desc #prev { background:url("https://image.hankookilbo.com/images/btn-todaypic-arrow-left.png") left top no-repeat; left:0; z-index: 1000;} .side-todaypic .desc #next { background:url("https://image.hankookilbo.com/images/btn-todaypic-arrow-right.png") right top no-repeat; right:0; z-index: 1000;} .side-todaypic .desc #prev:hover, .side-todaypic .desc #next:hover { background-position: 0 -200px;} #side-todaypic-pager { text-align: center; margin:5px 0 6px 0;} #side-todaypic-pager a { color:#303030; padding:2px 5px; font-size:12px;} .cycle-pager-active { font-weight: bold; background-color:#dcdcdc;} #side-todaypic-caption { font-size:14px; color:#303030; text-align: center;} /* 사이드바 - 많이 추천한 뉴스 */ .side-recommend { margin-bottom:14px;} .side-recommend .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-recommend.png") no-repeat;} .side-recommend ul { margin:17px 22px 34px 22px;} .side-recommend ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat;} .side-recommend ul li a { color:#666; font-size:12px; display: block;} .side-recommend ul li a:hover { color:#77c043;} .side-recommend-pic { margin-bottom:14px;} .side-recommend-pic .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-recommend.png") no-repeat;} .side-recommend-pic ul { margin:17px 22px 34px 22px;} .side-recommend-pic ul li { list-style: none; line-height: 26px; clear: both; padding-top:8px;} .side-recommend-pic ul li a { color:#666; font-size:12px; display: block;} .side-recommend-pic ul li a:hover { color:#77c043;} .side-recommend-pic ul li div { vertical-align: top; float:left; margin-right:9px; width:131px; background-color: #fff;overflow:hidden;} .side-recommend-pic ul li div img { display: block; height: 81px; margin:auto;} .side-recommend-pic ul li span { padding-top:2px; display: block;} /* 사이드바 - 믿고보는 동영상 */ .side-todayvid { margin-bottom:14px;} .side-todayvid .title { border-top:1px solid #ccc; border-bottom:2px solid #77c043; text-indent: -10000em; width:300px; height: 37px; background:url("https://image.hankookilbo.com/images/title-sidebar-todayvid-n2015.png") no-repeat;} .side-todayvid .desc { position: relative; margin:0; font-size: 14px;} .side-todayvid .desc .btn-play { position: absolute; background:url("https://image.hankookilbo.com/images/btn-video-play-todayvid.png") no-repeat; top:0; left:0; width:300px; height: 225px;} .side-todayvid .desc .thumb-sidebar-mm-wrap { overflow: hidden; width:300px;height:225px; background:#000;} .side-todayvid .desc .thumb-sidebar-mm { margin:0 auto; height:225px;width:auto; display: block;} .side-todayvid .desc .btn-play:hover { background-position: 0 -225px;} .side-todayvid .desc .vidtitle { display: block; padding:10px 0; background-color:#f2f2f2; text-align: center;} /* 최상단 우측 메뉴 */ #top { display:inline-block; float:right; font-size:12px; text-align: right; padding: 8px 13px 2px 0;} #top .sep { color:#ccc;} #topleft {display:inline-block; color:#999; font-size: 12px;text-align: left;padding: 8px 0 2px 13px;} #topleft .sep { color:#ccc;} /* 검색 */ .title-right #s, .title-right-home #s { width:177px; height:24px; border:2px solid #77c043; background-color:#fff; margin:0; padding:0; float:left; padding-left:5px;} .title-right #search-btn, .title-right-home #search-btn { border:0; background-color: #77c043; width:47px; height: 28px; margin:0; padding:-2px 0 2px 0; float:left; font-size:14px; color:rgba(255,255,255,1.00);} .title-right #s:focus { background-color:#fcfcf5;} .preloader { text-align: center;} .preloader img { width:32px; margin-bottom:30px;} #top #s { width:184px; height:11px; border:1px solid #dedfe0; font-size:10px;} #top #s:focus { background-color:#fcfcf5;} #top #search-btn { border:0; background:none; font-size:12px; margin:auto 8px;} /* 검색 끝 */ #title-home { margin:13px 0 0 0; border-bottom: 1px solid #999; height: 68px;} #title-article { margin:8px 0 0 0; border-bottom: 1px solid #999; height: 45px;} h1.home { margin:0; padding:0; float:left; margin-left:145px;margin-top:7px;}/* 배너있을때 left:167 배너없을때 left:387px*/ h1.homesw { margin:0; padding:0; float:left; margin-left:167px;margin-top:11px;}/* 배너있을때 left:167 배너없을때 left:387px*/ h1.homesw a { background: url("https://image.hankookilbo.com/images/logo2015sewol.png"); width:211px; height:39px; display: block; margin:0; text-indent: -100000em;} h1.home-w { margin:0; padding:0; float:left; margin-left:123px;} h1.home-w a { background: url("https://image.hankookilbo.com/images/logo-w.png"); width:337px; height:63px; display: block; margin:0; text-indent: -100000em;} h1.home-c { margin:0; padding:0; float:left; margin-left:160px;} h1.home-c a { background: url("https://image.hankookilbo.com/images/logo-c.jpg"); width:262px; height:63px; display: block; margin:0; text-indent: -100000em;} h1.home-ag { margin:0; padding:0; float:left; margin-left:140px;} h1.home-ag a { background: url("https://image.hankookilbo.com/images/logo-ag2014.png"); width:282px; height:63px; display: block; margin:0; text-indent: -100000em;} h1.home-hday { margin:0; padding:0; float:left; margin-left:146px;margin-top:6px;} h1.home-hday a { background: url("https://image.hankookilbo.com/images/logo-hday.png"); width:235px; height:52px; display: block; margin:0; text-indent: -100000em;} h1.home-hny2015 { margin:0; padding:0; float:left; margin-left:91px;margin-top:11px;}/* 배너있을때 left:167 배너없을때 left:387px*/ h1.home-hny2015 a { background: url("https://image.hankookilbo.com/images/logo_hny2015.png"); width:287px; height:40px; display: block; margin:0; text-indent: -100000em;} h1.home-sul { margin:0; padding:0; float:left; margin-left:158px;} h1.home-sul a { background: url("https://image.hankookilbo.com/images/logo_sul.png"); width:223px; height:63px; display: block; margin:0; text-indent: -100000em;} h1.sub { margin:15px 0 0 24px; padding:0; float:left;} h1.sub a { background: url("https://image.hankookilbo.com/images/logo2.png"); width:188px; height:43px; display: block; margin:0; text-indent: -100000em;} h1.sub-w { margin:15px 0 0 24px; padding:0; float:left;} h1.sub-w a { background: url("https://image.hankookilbo.com/images/logo2-w.png"); width:188px; height:43px; display: block; margin:0; text-indent: -100000em;} h1.article { margin:5px 0 0 24px; padding:0; float:left;} h1.article a { background: url("https://image.hankookilbo.com/images201506/logo2.png") no-repeat; width:199px; height:32px; float:left; margin:0; text-indent: -100000em;} h1.article a.mm { background: url("https://image.hankookilbo.com/images/logo-multimedia-home-renew.png") no-repeat; width:100px; height:32px; display: block; margin:0; text-indent: -100000em;} h1.article-w { margin:0 0 0 24px; padding:0; float:left;} h1.article-w a { background: url("https://image.hankookilbo.com/images/logo2-w.png"); width:232px; height:41px; display: block; margin-top:0; text-indent: -100000em;} h1.multimedia { margin:15px 0 0 24px; padding:0; float:left;} h1.multimedia a.main { background: url("https://image.hankookilbo.com/images/logo-hk-gray.png") no-repeat; width:104px; height:32px; display: block; margin:0; text-indent: -100000em; float:left;} h1.multimedia a.sub { background: url("https://image.hankookilbo.com/images/logo-multimedia-home-renew.png") no-repeat; width:100px; height:32px; display: block; margin:0; text-indent: -100000em; float:left;} #menu-wrap { clear:both; height:45px; border-bottom: 8px solid #7dcd42; } #menu-main{ float: left; margin-left: 31px; } #menu-main > li{ height: 45px; float:left; } #menu-main > li a { text-indent: -100000px;} #menu-main li a { display: block; height: 45px;} #menu-main li a { background-image: url("https://image.hankookilbo.com/images/menu-mains-renew.png"); width: 54px;} #menu-main #menu-7 a { width: 68px;} #menu-main #menu-1 a { background-position: 0 0;} #menu-main #menu-2 a { background-position: -54px 0;} #menu-main #menu-3 a { background-position: -108px 0;} #menu-main #menu-4 a { background-position: -162px 0;} #menu-main #menu-5 a { background-position: -216px 0;} #menu-main #menu-6 a { background-position: -270px 0;} #menu-main #menu-7 a { background-position: -324px 0;} #menu-main #menu-8 a { background-position: -392px 0;} #menu-main #menu-1 a.selected, #menu-main #menu-1 a:hover { background-position: 0 -45px;} #menu-main #menu-2 a.selected, #menu-main #menu-2 a:hover { background-position: -54px -45px;} #menu-main #menu-3 a.selected, #menu-main #menu-3 a:hover { background-position: -108px -45px;} #menu-main #menu-4 a.selected, #menu-main #menu-4 a:hover { background-position: -162px -45px;} #menu-main #menu-5 a.selected, #menu-main #menu-5 a:hover { background-position: -216px -45px;} #menu-main #menu-6 a.selected, #menu-main #menu-6 a:hover { background-position: -270px -45px;} #menu-main #menu-7 a.selected, #menu-main #menu-7 a:hover { background-position: -324px -45px;} #menu-main #menu-8 a.selected, #menu-main #menu-8 a:hover { background-position: -392px -45px;} #menu-mm{ float: left; margin-left: 31px; } #menu-mm > li{ height: 45px; float:left; } #menu-mm > li a { text-indent: -100000px;} #menu-mm li a { display: block; height: 45px;} #menu-mm li a { background-image: url("https://image.hankookilbo.com/images201506/menu-mm.png"); width: 55px;} #menu-mm #menu-1 a { width: 84px;} #menu-mm #menu-5 a { width: 68px;} #menu-mm #menu-6 a { width: 68px;} #menu-mm #menu-7 a { width: 84px;} #menu-mm #menu-1 a { background-position: 0 0;} #menu-mm #menu-2 a { background-position: -84px 0;} #menu-mm #menu-3 a { background-position: -139px 0;} #menu-mm #menu-4 a { background-position: -194px 0;} #menu-mm #menu-5 a { background-position: -249px 0;} #menu-mm #menu-6 a { background-position: -317px 0;} #menu-mm #menu-7 a { background-position: -385px 0;} #menu-mm #menu-1 a.selected, #menu-mm #menu-1 a:hover { background-position: 0 -45px;} #menu-mm #menu-2 a.selected, #menu-mm #menu-2 a:hover { background-position: -84px -45px;} #menu-mm #menu-3 a.selected, #menu-mm #menu-3 a:hover { background-position: -139px -45px;} #menu-mm #menu-4 a.selected, #menu-mm #menu-4 a:hover { background-position: -194px -45px;} #menu-mm #menu-5 a.selected, #menu-mm #menu-5 a:hover { background-position: -249px -45px;} #menu-mm #menu-6 a.selected, #menu-mm #menu-6 a:hover { background-position: -317px -45px;} #menu-mm #menu-7 a.selected, #menu-mm #menu-7 a:hover { background-position: -385px -45px;} .menu-main-sub-div { width:985px; background-color: #fff; z-index: 9999; margin-left:14px; position:absolute;} .menu-main-sub-div .menu-main-sub a { color:#333; font-size:14px;} .menu-main-sub-div .menu-main-sub a:hover { color:#77c043;} .blue-line-3px { border-bottom:3px solid #77c043;} .menu-main-sub-div .menu-main-sub { padding: 16px 0 14px 6px; height:20px;} .menu-main-sub-div .menu-main-sub li { float:left; margin-left:23px;} .menu-main-sub-div .menu-main-sub-article { height:231px; border-left:4px solid #eee; border-top:1px solid #eee;} .menu-main-sub-div .menu-main-sub-article li { float:left; border-right:4px solid #eee; height: 231px;} .menu-main-sub-div .menu-main-sub-article li a { display: block;} .menu-main-sub-div .menu-main-sub-article li img { } .menu-main-sub-div .menu-main-sub-article li .title { margin:0 auto; text-align: center; font-size:16px; margin:10px 0 0 0; height: 40px;} .menu-main-sub-div .menu-main-sub li a.selected { color:#77c043;} .menu-main-sub-div-subpage { width:760px !important; background-color:#fff;} #menu-ext { float: right; margin-right: 18px; } #menu-ext > li { height: 45px; float:left; } #menu-ext > li a { text-indent: -100000px;} #menu-ext li a { display: block; height: 45px;} /* #menu-ext #menu-ext-1 a { background-image: url("https://image.hankookilbo.com/images/menu-ext-1.png"); width: 118px;} #menu-ext #menu-ext-2 a { background-image: url("https://image.hankookilbo.com/images/menu-ext-2.png"); width: 111px;} #menu-ext #menu-ext-3 a { background-image: url("https://image.hankookilbo.com/images/menu-ext-3.png"); width: 127px;} */ #menu-ext li a { background-image: url("https://image.hankookilbo.com/images201506/menu-mains.png");} #menu-ext #menu-ext-1 a { width: 118px;} #menu-ext #menu-ext-2 a { width: 111px;} #menu-ext #menu-ext-3 a { width: 127px;} #menu-ext #menu-ext-1 a { background-position: -446px 0;} #menu-ext #menu-ext-2 a { background-position: -564px 0;} #menu-ext #menu-ext-3 a { background-position: -675px 0;} #menu-ext #menu-ext-1 a.selected, #menu-ext #menu-ext-1 a:hover { background-position: -446px -45px;} #menu-ext #menu-ext-2 a.selected, #menu-ext #menu-ext-2 a:hover { background-position: -564px -45px;} #menu-ext #menu-ext-3 a.selected, #menu-ext #menu-ext-3 a:hover { background-position: -675px -45px;} #menu-ext li a.selected, #menu-ext li a:hover { background-position: 0 -45px;} #article-list-wrap { float:left; width: 684px;} #article-view-wrap { float:left; width: 684px;} #article-view-full-wrap { width: 1012px;} #bnr-recommend { margin:26px 0 26px 0; padding:0px;display:block; width:684px;} #bnr-recommend img {display: inline-block;float:left;} #main-news { clear:both;border-bottom:2px solid #77c043;display:block;} #main-news h3 { background: url("https://image.hankookilbo.com/images/h3-main-news.png") left top no-repeat; width: 84px; height: 22px; text-indent: -10000em; margin:20px 0 0 26px; padding-bottom:12px;} /* 메인 - 기사 리스트 */ .article-list-1 { margin-left:14px;margin-right:14px; margin-bottom:36px;} .article-list-1 > li { padding-top:31px; display: block; clear:both;} .article-list-1 > li.with-related { padding-top:31px; display: block; height:auto; min-height: 146px;} .article-list-1 > li.no-pic { height:auto; padding-left:16px; background:url("https://image.hankookilbo.com/images201506/bul-article-list-no-pic-renew.png") 1px 41px no-repeat;} .article-list-1 .thumb { width: 226px; height: 146px; overflow: hidden; background-color: #ffffff; text-align:center; float:left; margin-right:14px;} .article-list-1 .thumb img { width:auto; height: 146px;} .article-list-1 .thumb2 { width: 226px; height:146px; overflow: hidden; background-color: #ffffff; text-align:center; float:left; margin-right:14px;} .article-list-1 .thumb2 img{ width:auto; height:146px; position:relative; vertical-align:middle; bottom:auto;} .article-list-1 .title a { color:#000; font-size:18px; font-weight: bold;} .article-list-1 .title a:hover { color:#009944;} .article-list-1 .info { margin:14px 0 20px 0; height: 12px;} .article-list-1 .info div { float:left; font-size:12px; color:#666;} .article-list-1 .info .date { margin-left:14px; border-left:1px solid #b3b3b3; padding-left:14px;} .article-list-1 .info .num-comment { margin-left:14px; border-left:1px solid #b3b3b3; padding-left:32px; background:url("https://image.hankookilbo.com/images/icon-comment.png") 14px center no-repeat; font-weight: bold;} .article-list-1 .info .num-comment a { color:#77c043;} .article-list-1 .summary { font-size:14px; color:#666; padding-left:240px;} .article-list-1 > li.no-pic > .summary { padding-left:0;} .article-list-1 li.ad-h-85 { height:85px;} .article-list-1 .feat-in-the-list { height: 440px;} .article-list-1 .related { padding-left:245px; color:#ccc; font-size:14px; line-height: 22px; margin-top:16px;} .article-list-1 .related ul li { background:url("https://image.hankookilbo.com/images/bul-related.png") 3px 10px no-repeat;} .article-list-1 .related a { color:#666; display: block; padding-left:19px;} .article-list-1 .related a:hover { color:#009944;} /* 메인 - 컨텐츠 영역 */ /* #content-area { border-right:1px solid #ccc; width:710px; float:left; padding-bottom:60px;} */ #content-area { width:710px; float:left; padding-bottom:60px; position: relative; top: 0px; left: 0px; } #content-area-full { width:1012px;} .top-grad { background: url("https://image.hankookilbo.com/images/bg-top-grad.png") left top repeat-x; width:100%; height: 26px; display: block; position: absolute; left:0; top:0; z-index: 50;} /* 메인 - 사이드바 */ #sidebar { float:right; width:300px;} /* #sidebar { float:right; width:300px; position:absolute; top:0; right:0; border:1px solid #ccc; border-width: 0 0 0 1px;} */ .side-ad-1 { width:300px; height:220px;} /* 메인 - 사이드바 위젯 */ #sidebar #widget-today { height: 54px; margin-bottom:0px; position: relative; top: 0px; left: 0px; }/*두줄짜리일때 높이 54 (이미지도 변경해야함-slim붙은걸로.지금은2번파일)*/ #sidebar #widget-today .weather { position:absolute; top:3px; left:38px; width:140px; font-size:12px; color:#666; text-align: center; cursor: pointer;} #sidebar #widget-today .weather-more { position: absolute; right:0; top:28px; background-color:#fff; border:2px solid #68cef8; width:236px; display: none; z-index: 100;} #sidebar #widget-today .weather-more li { float:left; width:114px; font-size:12px; color:#666; padding:4px 0 4px 4px;} #sidebar #widget-today .tv { position: absolute; top:6px; left:210px;} #sidebar #widget-today .fortune { background:url("https://image.hankookilbo.com/images/icon-today-fortune.png") no-repeat; position:absolute; top:6px; left:180px; padding-left: 22px;} #sidebar #widget-today .blondie { background:url("https://image.hankookilbo.com/images/icon-today-blondie.png") no-repeat;position: absolute; top:31px; left:70px; padding-left: 22px;} #sidebar #widget-today .cartoon { background:url("https://image.hankookilbo.com/images/icon-today-cartoon.png") no-repeat;position: absolute; top:31px; left:181px;padding-left: 22px;} #sidebar #widget-today .text a { color:#666; font-size:12px; display: block;} /* 나중에 투데이가 두줄로 다시 돌아오면 원복시킬 내용 #sidebar #widget-today .fortune { position: absolute; top:31px; left:90px;} #sidebar #widget-today .blondie { position: absolute; top:31px; left:168px;} #sidebar #widget-today .cartoon { position: absolute; top:31px; left:168px;}/*원래수치left:225 한줄일때 #sidebar #widget-today .fortune { position: absolute; top: 6px; left: 165px;} #sidebar #widget-today .cartoon { position: absolute; top:6px; left:245px;} */ /* 사이드바 - 많이 본 뉴스 탭 */-old /* #tab-popular-wrap { position:relative; height: 340px; overflow: hidden; border-top: 1px solid #ccc;} #tab-popular { position:absolute; top:0; left:0; z-index:999;} #tab-popular > li { float:left; height: 37px;} #tab-popular #tab-popular-1 { width:148px; } #tab-popular #tab-popular-2 { width:152px; } #tab-popular:after { content: ""; clear: both; display: block;} #tab-popular .list-popular-wrap { position: absolute; left: 0px; top: 39px; width: 278px; z-index: 99; font-size:12px; padding:24px 0 26px 22px; } #tab-popular #popular-2 { display: none;} #tab-popular #tab-popular-1 > a { display: block; width:148px; height:37px; background:url("https://image.hankookilbo.com/images/tab-popular-1.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-popular #tab-popular-2 > a { display: block; width:152px; height:37px; background:url("https://image.hankookilbo.com/images/tab-popular-2.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-popular #tab-popular-1.on > a, #tab-popular #tab-popular-2.on > a { background-position: center -37px; background-color:#77c043;} #tab-popular .list-popular-wrap ul li { list-style: none; line-height: 210%; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left center no-repeat;} #tab-popular .list-popular-wrap ul li a { color:#666;} #tab-popular .list-popular-wrap ul li a:hover { color:#77c043;} */ .author a { color:#666;} .author a:hover { color:#77c043;} /* 사이드바 - 주요뉴스 탭 */ #tab-cate-wrap { position:relative; height: auto; overflow: visible; border-top: 1px solid #ccc; margin-bottom:34px;} #tab-cate-wrap h3 { background:url("https://image.hankookilbo.com/images/title-sidebar-main-news.png") 24px top no-repeat; height: 37px; text-indent: -100000em;} #tab-cate { position:relative; top:0; left:0; z-index:999; border-top:1px solid #ccc;} #tab-cate > li { float:left; height: 37px;} #tab-cate #tab-cate-1 { width:75px; } #tab-cate #tab-cate-2 { width:74px; border-left:1px solid #ccc;} #tab-cate #tab-cate-3 { width:74px; border-left:1px solid #ccc; } #tab-cate #tab-cate-4 { width:74px; border-left:1px solid #ccc; } #tab-cate:after { content: ""; clear: both; display: block;} #tab-cate-wrap .list-cate-wrap { /* position: relative; */ left: 0px; top: 0; width: 278px; /* z-index: 99; */ font-size:12px; } #tab-cate-wrap #cate-2, #tab-cate-wrap #cate-3, #tab-cate-wrap #cate-4 { display: none;} #tab-cate #tab-cate-1 > a { display: block; width:75px; height:37px; background:url("https://image.hankookilbo.com/images201506/tab-cate-1.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-cate #tab-cate-2 > a { display: block; width:74px; height:37px; background:url("https://image.hankookilbo.com/images201506/tab-cate-2.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-cate #tab-cate-3 > a { display: block; width:74px; height:37px; background:url("https://image.hankookilbo.com/images201506/tab-cate-3.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-cate #tab-cate-4 > a { display: block; width:74px; height:37px; background:url("https://image.hankookilbo.com/images201506/tab-cate-4.png") center top no-repeat; text-indent: -10000em; border-bottom: 1px solid #77c043;} #tab-cate #tab-cate-1.on > a, #tab-cate #tab-cate-2.on > a, #tab-cate #tab-cate-3.on > a, #tab-cate #tab-cate-4.on > a { background-position: center -37px; background-color:#77c043;} #tab-cate-wrap .list-cate-wrap ul { margin:17px 0 34px 22px; width:100%;} #tab-cate-wrap .list-cate-wrap ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat; padding-right: 22px;} #tab-cate-wrap .list-cate-wrap ul li a { color:#666; font-size:12px; display: block;} #tab-cate-wrap .list-cate-wrap ul li a:hover { color:#77c043;} #tab-cate-wrap .list-cate-pic-wrap { /* position: relative; */ left: 0px; top: 0; width: 278px; /* z-index: 99; */ font-size:12px; } #tab-cate-wrap .list-cate-pic-wrap ul { margin:18px 0 0 20px; width:100%;} #tab-cate-wrap .list-cate-pic-wrap ul li { list-style: none; line-height: 18px; padding-right: 18px; clear:both; padding-top:8px; position: relative;} #tab-cate-wrap .list-cate-pic-wrap ul li a { color:#666; font-size:12px; display: block;} #tab-cate-wrap .list-cate-pic-wrap ul li a:hover { color:#77c043;} #tab-cate-wrap .list-cate-pic-wrap ul li div { vertical-align: top; float:left; margin-right:9px; width:131px; background-color: #fff;overflow:hidden;} #tab-cate-wrap .list-cate-pic-wrap ul li div img { display: block; height: 81px; margin:auto;} #tab-cate-wrap .list-cate-pic-wrap ul li span { padding-top:2px; display: block;} /* 사이드바 - 오늘의 칼럼 */ #sidebar #today-column-wrap { border-top: 2px solid #77c043; padding:24px 23px 0 17px; margin-bottom:14px;} #sidebar #today-column-wrap h3 { background:url("https://image.hankookilbo.com/images/title-sidebar-today-columns.png") left top no-repeat; height: 22px; text-indent: -100000em; padding-bottom:16px; border-bottom:1px solid #ccc;} #sidebar .today-column-wrap-notop { border-top:0 !important;} #sidebar #list-today-column { padding-top:15px; } #sidebar #list-today-column li { padding-bottom:15px; height: 70px;} #sidebar #list-today-column img { width:70px; height:70px; float:left; margin-right: 9px;} #sidebar #list-today-column .border { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:solid 1px #ccc;} #sidebar #list-today-column .name { margin:4px 0 12px 0; font-size:14px; font-weight: bold; padding-left: 89px; background:url("https://image.hankookilbo.com/images/bul-today-column.png") 79px center no-repeat;} #sidebar #list-today-column .name a { color:#666;} #sidebar #list-today-column .name a:hover { color:#009944;} #sidebar #list-today-column .title a { color:#666; font-size:12px;} #sidebar #list-today-column .title a:hover { color:#009944;} /* 사이드바 - 한국만평 - OLD (따로 분리됐던것) #sidebar #today-cartoon-wrap { border-top: 2px solid #77c043; padding:24px 23px 0 17px; margin-bottom:14px;} #sidebar #today-cartoon-wrap h3 { background:url("https://image.hankookilbo.com/images/title-sidebar-today-cartoon.png") left top no-repeat; height: 23px; text-indent: -100000em; padding-bottom:16px;} #sidebar .today-cartoon-wrap-notop { border-top:0 !important;} #sidebar #list-today-cartoon { border:1px solid #ccc; border-width: 1px 0 1px 0; padding-top:15px; } #sidebar #list-today-cartoon li { padding-bottom:15px; height: 208px;} #sidebar #list-today-cartoon img { width:260px; height:208px; float:left; border:1px solid #cccccc;} */ /* 사이드바 - 한국만평 */ #sidebar #today-cartoon-wrap { margin-top:-11px; margin-bottom:35px;} #sidebar .today-cartoon-wrap-notop { border-top:0 !important;} #sidebar #list-today-cartoon { } #sidebar #list-today-cartoon .name { margin:10px 0 8px 0; padding:0 0 0 15px; font-size:14px; font-weight: bold;background:url("https://image.hankookilbo.com/images/bul-today-column.png") 5px center no-repeat;} #sidebar #list-today-cartoon .name a { color:#666;} #sidebar #list-today-cartoon .name a:hover { color:#77c043;} #sidebar #list-today-cartoon li { padding-bottom:15px; height:208px;} #sidebar #list-today-cartoon img { width:260px; height:208px; float:left; border:1px solid #cccccc;} /* 사이드바 - 신문 밖 이야기 */ #sidebar #outside-news-wrap { border-top: 2px solid #77c043;padding:24px 23px 0 17px; margin-bottom:14px;} #sidebar #outside-news-wrap h3 { background:url("https://image.hankookilbo.com/images/title-sidebar-outside-news.png") left top no-repeat; height: 22px; text-indent: -100000em; padding-bottom:16px; border-bottom:1px solid #ccc;} #sidebar .outside-news { border-top:0 !important;} #sidebar #list-outside-news { padding-top:11px; } #sidebar #list-outside-news li { padding-bottom:11px; height: 58px;} #sidebar #list-outside-news img { width:258px; height:58px;float:left; border:solid 1px #ccc; } #sidebar #list-outside-news img:hover { width:258px; height:58px;border:solid 1px #60bb46; } /* 사이드바 - 브런치N스토리 */ #sidebar #bns-wrap { border-top: 2px solid #77c043;padding:24px 23px 0 17px; margin-bottom:14px;} #sidebar #bns-wrap h3 { background:url("https://image.hankookilbo.com/images/title-sidebar-bns.png") left top no-repeat; height: 22px; text-indent: -100000em; padding-bottom:16px; border-bottom:1px solid #ccc;} #sidebar .bns { border-top:0 !important;} #sidebar #list-bns { padding-top:11px; } #sidebar #list-bns li { padding-bottom:11px; height: 58px;} #sidebar #list-bns img { width:258px; height:58px;float:left; border:solid 1px #ccc; } #sidebar #list-bns img:hover { width:258px; height:58px;border:solid 1px #60bb46; } /* 사이드바 - 정보스폰서 */ .side-sponsor { margin-bottom:14px;} .side-sponsor .title { background:#eee url("https://image.hankookilbo.com/images/title-sidebar-sponsor.png") 22px top no-repeat; height: 38px; text-indent: -100000em; border-bottom:1px solid #ccc;} .side-sponsor ul { margin:17px 22px 34px 22px;} .side-sponsor ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat;} .side-sponsor ul li a { color:#666; font-size:12px; display: block;} .side-sponsor ul li a:hover { color:#77c043;} /* 사이드바 - 바로 잡습니다 */ .side-correct { margin-bottom:14px;} .side-correct .title { background:#eee url("https://image.hankookilbo.com/images/title-sidebar-correct.png") 22px top no-repeat; height: 38px; text-indent: -100000em; border-bottom:1px solid #ccc;} .side-correct ul { margin:17px 22px 34px 22px;} .side-correct ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat;} .side-correct ul li a { color:#666; font-size:12px; display: block;} .side-correct ul li a:hover { color:#77c043;} /* 사이드바 - 알립니다 */ .side-notice { margin-bottom:14px;} .side-notice .title { background:#eee url("https://image.hankookilbo.com/images/title-sidebar-notice.png") 22px top no-repeat; height: 38px; text-indent: -100000em; border-bottom:1px solid #ccc;} .side-notice ul { margin:17px 22px 34px 22px;} .side-notice ul li { list-style: none; line-height: 26px; padding-left:9px; background:url("https://image.hankookilbo.com/images/bul-small-rect.png") left 12px no-repeat;} .side-notice ul li a { color:#666; font-size:12px; display: block;} .side-notice ul li a:hover { color:#77c043;} #sidebar .side-module-wrap ul { padding:20px 22px;} #sidebar .side-module-wrap ul li { list-style: disc; list-style-position: inside; line-height: 200%; font-size:12px; color:#666;} #sidebar .side-module-wrap ul li a { color:#666;} #sidebar .side-module-wrap ul li a:hover { color:#77c043;} /* 사이드바 - 바로 잡습니다 */ #sidebar #correct-wrap h3 { background:#eee url("https://image.hankookilbo.com/images/title-sidebar-correct.png") 22px top no-repeat; height: 38px; text-indent: -100000em; border-bottom:1px solid #ccc;} /* 사이드바 - 알립니다 */ #sidebar #notice-wrap h3 { background:#eee url("https://image.hankookilbo.com/images/title-sidebar-notice.png") 22px top no-repeat; height: 38px; text-indent: -100000em; border-bottom:1px solid #ccc;} /* 컨텐츠 푸터 */ #content-footer { background-color: #f5f5f5; padding:22px 0 0 722px; height: 46px; position: relative; z-index: 1000;} #content-footer > a { background:url("https://image.hankookilbo.com/images201506/btn-to-the-top.png") left center no-repeat; width:96px; height: 24px; text-indent: -100000em; display: block;} #content-footer-multimedia { background-color: #585858; padding:22px 0 22px 722px; border-top:3px solid #494949;} #content-footer-multimedia > a { background:url("https://image.hankookilbo.com/images/btn-to-the-top-multimedia.png") left center no-repeat; width:96px; height: 24px; text-indent: -100000em; display: block;} .content-footer-full { border-left:1px solid #eee; border-right:1px solid #eee;} /* 푸터 */ #footer { background:#fff url("https://image.hankookilbo.com/images/bg-footer.png") top left repeat-x; border-bottom:8px solid #77c043; padding:20px 0 13px 0; font-size:12px; position: relative; z-index: 1000;} #footer a { color:#666;} #footer a:hover { color:#77c043;} #footer h2 { background:url("https://image.hankookilbo.com/images/logo-footer-renew.png") 22px 0 no-repeat; width:160px; height:60px; float:left; text-indent: -100000em;} #footer #footer-1-wrap { border-bottom:1px solid #ccc; margin-left:150px; height:30px; margin-right:16px; padding-right:20px;} #footer #footer-1-wrap div:first-child { float:left;} #footer #footer-2-wrap { margin-left:150px; margin-top:14px; height:16px; margin-right:16px; padding-right:20px;} #footer #footer-2-wrap div:first-child { float:left;} #footer a { color:#333;} /* #footer-multimedia { background:url("https://image.hankookilbo.com/images/bg-footer-multimedia.png") top left repeat-x; border-bottom:8px solid #7f8487; padding:8px 0 21px 13px; font-size:12px; border-top:1px solid #666;} */ #footer-multimedia { background:#494949 url("https://image.hankookilbo.com/images/bg-footer-multimedia.png") left top repeat-x; border-bottom:8px solid #7f8487; padding:8px 0 21px 13px; font-size:12px; border-top:1px solid #666;} #footer-multimedia a { color:#666;} #footer-multimedia a:hover { color:#77c043;} #footer-multimedia h2 { background:url("https://image.hankookilbo.com/images/logo-hk-gray.png") 22px 10px no-repeat; width:162px; height:47px; float:left; text-indent: -100000em;} #footer-multimedia #footer-wrap { margin-left:162px; margin-top:14px; height:12px; margin-right:16px; padding-right:20px; color:#a5a5a5;} #footer-multimedia #footer-wrap div {color:#a5a5a5;} #footer-multimedia #footer-wrap div:first-child { float:left;} #footer-multimedia a { color:#333;} /*==================================================================================== /* /* 메인 끝 /* /*====================================================================================*/ /*==================================================================================== /* /* 서브 시작 /* /*====================================================================================*/ #content-top-wrap { position:relative; height:22px; padding:15px 32px 15px 0; float: right; z-index: 99999;} .content-2 { background:url("https://image.hankookilbo.com/images/bg-content-2.png") top left repeat-x; margin:4px 0 0 0;} #feat-sub-wrap { margin:0 0 0 14px; border-bottom: 1px solid #ccc; padding-bottom:40px;} #feat-sub-wrap .info { margin:14px 15px 20px 0; height: 12px; float: right; display: block;} #feat-sub-wrap .info div { float:left; font-size:12px; color:#666;} #feat-sub-wrap .info .date { margin-left:14px; border-left:1px solid #b3b3b3; padding-left:14px;} #feat-sub-wrap .info .num-comment { margin-left:14px; border-left:1px solid #b3b3b3; padding-left:34px; background:url("https://image.hankookilbo.com/images/icon-comment.png") 14px center no-repeat; font-weight: bold;} #feat-sub-wrap .info .num-comment a { color:#77c043;} #article-list-paging-wrap { clear:both; margin:0; text-align:center; padding:34px 0;} #article-list-paging { margin:0 auto; border-top:1px solid #ccc; padding:34px 0;} #article-list-paging a { font-size:24px; color:#333; padding:0 12px;} #article-list-paging a:hover { color:#77c043;} #article-list-paging a.blue { color:#77c043;} /*==================================================================================== /* /* 사설(오피니언) 시작 /* /*====================================================================================*/ .opinion-title { padding:12px 0 14px 22px; font-weight: bold; font-size:22px; border-bottom:2px solid #ccc;} #opinion-list a { color:#000;} #opinion-list a:hover { color:#77c043;} #opinion-list { margin-left:13px; margin-bottom:36px; padding-top:5px; font-size:18px;} #opinion-list > li { height:auto; padding-left:16px; background:url("https://image.hankookilbo.com/images201506/bul-article-list-no-pic-renew.png") 1px 14px no-repeat; margin-top:20px;} .cartoon-right { float: right; width:205px; margin:22px 0 36px 20px;} .cartoon-title { padding:13px 10px; background-color:#efefef; color:#333;} #feat-column-wrap { border-bottom:2px solid #ccc;} #feat-column { padding-top:18px;} #feat-column li { padding-bottom:18px; height: 70px; width:340px; float:left;} #feat-column img { width:70px; height:70px; float:left; margin-right: 9px; margin-left:15px;} #feat-column .name { margin:4px 0 12px 0; font-size:14px; font-weight: bold; padding-left: 104px; background:url("https://image.hankookilbo.com/images/bul-today-column.png") 94px center no-repeat;} #feat-column .name a { color:#666;} #feat-column .name a:hover { color:#77c043;} #feat-column .title a { color:#666; font-size:12px;} #feat-column .title a:hover { color:#77c043;} .column-list { width:100%; margin-top:36px;} .column-list a { color:#666;} .column-list a:hover { color:#77c043;} .column-list .odd { border-top:1px solid #eee; padding-top:8px; padding-bottom:3px;} .column-list .even { padding-top:2px; padding-bottom:8px;} .column-list .series-title { font-size:18px; font-weight: bold; padding-left:14px;} .column-list .column-title { width:435px; font-size:14px; color:#666;} .column-list .column-date { width:92px; font-size:14px; color:#666;} .opinion-title-1 { background:url("https://image.hankookilbo.com/images/title-opinion-1.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:188px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal;} /*==================================================================================== /* /* 신문 밖 이야기 목록화면 시작 /* /*====================================================================================*/ .on-list { width:100%; margin-top:36px;} .on-list a { color:#666;} .on-list a:hover { color:#77c043;} .on-list img { width:258px; height:58px;float:left; border:solid 1px #ccc; } .on-list img:hover { width:258px; height:58px;border:solid 1px #51a4ff; } .on-list .odd { border-top:1px solid #eee; padding-top:8px; padding-bottom:3px;} .on-list .even { padding-top:2px; padding-bottom:8px;} .on-list .series-title { font-size:18px; font-weight: bold; padding-left:14px;} .on-list .on-title { width:318px; font-size:14px; color:#666;} .on-list .on-date { width:92px; font-size:14px; color:#666;} .opinion-title-1 { background:url("https://image.hankookilbo.com/images/title-opinion-1.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:188px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal;} /*==================================================================================== /* /* 이슈/기획 시작 /* /*====================================================================================*/ .issue-title-1 { background:url("https://image.hankookilbo.com/images201506/title-issue-1-renew.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:170px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal;} .issue-title-12 { background:url("https://image.hankookilbo.com/images/title-issue-3.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:150px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal;} .issue-title-2 { background:url("https://image.hankookilbo.com/images201506/title-issue-2-renew.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:150px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal; border-top:1px solid #ccc;} .issue-title-4 { background:url("https://image.hankookilbo.com/images201506/title-issue-4-renew.png") left center no-repeat; border-bottom:1px solid #ccc; padding-left:150px; padding-top:12px; height: 47px; font-size:24px; font-weight: normal; border-top:1px solid #ccc;} .item-issue { height:165px !important;} .item-issue .title a { color:#333;} .article-list-issue { margin-left:48px;} .article-list-issue-all { margin-left:30px; margin-bottom:52px;} .article-list-1 .no-pic-issue { height:auto; margin-top:8px; padding-top:0; margin-left:5px;} .article-list-1 > li.no-pic-issue a { color:#333; display: block; height:auto; padding-left:16px; background:url("https://image.hankookilbo.com/images201506/bul-article-list-no-pic-renew.png") 1px 10px no-repeat;} .article-list-1 .no-pic-issue .date { float:right; margin-top:8px; font-size:12px; color:6px;} .article-list-1 .issue-item-all { padding:8px 0 0 24px; clear:both;} .article-list-1 .issue-item-all a { font-weight: 500;} .article-list-1 .issue-item-all .title { width:510px;} .article-list-1 .related ul li { background:url("https://image.hankookilbo.com/images/bul-related.png") 3px 10px no-repeat;} .issue-list-all { margin-top:13px;} .article-list-issue .item-issue { padding-top:26px;} .article-list-issue .title a { font-weight: 500;} .article-list-issue .no-pic-issue .title a { color:#4c4c4c; display:block;} .more-issue-wrap { background:#f9f9f9 url("https://image.hankookilbo.com/images/bg-border-dotted-more-issue.png") left top repeat-x; margin-left:48px;} h4.more-issue { background:#f0eeee url("https://image.hankookilbo.com/images/bul-big-arrow-renew.png") left top no-repeat; padding-left: 50px; padding-top:10px; height: 39px; font-size:18px; border-top:2px solid #77c043; margin-left:48px; font-weight: 500;} .more-issue-list { background-color: #f9f9f9; padding:30px auto !important; width:100%;} .more-issue-list li { float:left; width:316px; padding-top:10px;} .more-issue-list li.top { padding-top:22px;} .more-issue-list li.bottom { padding-bottom:22px;} .more-issue-list li a { height:auto; padding-left:52px; background:url("https://image.hankookilbo.com/images201506/bul-article-list-no-pic-renew.png") 36px 8px no-repeat; font-size: 16px; display: block;} .more-issue-link-wrap { padding:14px 43px 16px; text-align: right; display: block; clear:both; background:#f0eeee url("https://image.hankookilbo.com/images/bg-bottom-more-issue-renew.png") right top no-repeat; margin-bottom:50px; margin-left:48px;} /*==================================================================================== /* /* 멀티미디어 메인 시작 /* /*====================================================================================*/ .content-multimedia-main { border-top:none !important; margin-top:1px;} .content-multimedia-view { border:none !important; background-image: none !important;} #feat-multimedia { margin-bottom:2px; position: relative;} #feat-multimedia .nav { cursor: pointer; position: absolute; top:0; width:120px; height: 674px; display: block; text-indent: -100000em;} #feat-multimedia #prev { background:url("https://image.hankookilbo.com/images/btn-mm-feat-arrow-left.png") left top no-repeat; left:0; z-index: 1000;} #feat-multimedia #next { background:url("https://image.hankookilbo.com/images/btn-mm-feat-arrow-right.png") right top no-repeat; right:0; z-index: 1000;} #feat-multimedia #prev:hover, #feat-multimedia #next:hover { background-position: 0 -674px;} #feat-multimedia img { display: block;} #feat-multimedia .cycle-overlay { background-color: #333; margin:1px 0 0 0; padding:12px 25px 21px 25px;} #feat-multimedia .cycle-overlay .title { font-size: 26px; color:#ddd; position:absolute; top:0; left:0; z-index: 10; background-color:#333; display: block; width:100%; text-align: center; padding:11px 0 0 0; font-weight: normal; height: 48px;} #feat-multimedia .cycle-overlay .desc { font-size: 14px; margin-top:9px; color:#999;} #feat-multimedia .list { background-color:#000; border:1px solid #000; border-width: 1px 0;} #feat-multimedia .btn-left { float:left; border:1px solid #000; border-width: 1px 0 1px 1px; background:#000 url("https://image.hankookilbo.com/images/btn-mm-arrow-left.png") no-repeat; text-indent: -10000em; display: block; width:21px; height: 80px;} #feat-multimedia .btn-right { float:right; border:1px solid #000; border-width: 1px 1px 1px 0; background:#000 url("https://image.hankookilbo.com/images/btn-mm-arrow-right.png") no-repeat; text-indent: -10000em; display: block; width:21px; height: 80px;} #feat-multimedia .photos { height:80px;} #feat-multimedia .photos li { float:left; position: relative;} /* #feat-multimedia .photos li img { border:1px solid #000;} #feat-multimedia .photos li .selected { border:1px solid #77c043;} */ #feat-multimedia .photos li .layer { background:url("https://image.hankookilbo.com/images/layer-mm-sider.png") no-repeat; position:absolute; top:0; left:0; width:117px; height: 78px;} #feat-multimedia .photos li .selected-layer { background:url("https://image.hankookilbo.com/images/layer-mm-sider.png") no-repeat; position:absolute; top:0; left:0; width:117px; height: 78px; background-position: 0 -78px;} #feat-multimedia .photos li .layer:hover { background-position: 0 -78px;} #slideshow-1, #slideshow-view { background-color:#2a2a2a;} #slideshow-1 > #cycle-1 { width:100%; margin:auto;} #slideshow-view > #cycle-1 { width:100%; margin:auto;} #slideshow-view > #cycle-1 img {max-width: 1012px;max-height: 674px;height: 674px;width: auto;} #slideshow-1 > #cycle-1 > .cycle-slide { padding-top:59px; cursor: pointer;} .content-multimedia-view #slideshow-1 > #cycle-1 > .cycle-slide { padding-top:0;} #slideshow-2 { background-color:#000;} #slideshow-2 .cycle-slide { border:2px solid #000; cursor:pointer;} #slideshow-2 .cycle-slide img { display: block;} #slideshow-2 .cycle-slide-active { border:2px solid #77c043;} #cycle-2 { width:966px !important;} /* .view-multimedia .cycle-overlay { position: absolute; left:0; bottom:-182px; background-color: #333; margin:1px 0 0 0; padding:12px 25px 21px 25px; z-index: 9999; width:962px;} */ .view-multimedia .cycle-overlay { background-color: #333; margin:1px 0 0 0; padding:12px 25px 21px 25px; z-index: 9999; width:962px;} .view-multimedia .cycle-overlay .article-title { font-size: 26px; color: #ddd; position: absolute; top: 0; left: 0; z-index: 10; background-color: #333; display: block; width: 100%; text-align: center; padding: 11px 0 0 0; font-weight: normal; height: 48px;} .view-multimedia .cycle-overlay .article-desc { font-size: 14px; margin-top:9px; color:#ccc !important;} .multimedia-list-wrap { margin-top:12px; margin-bottom: 30px;} .multimedia-list-wrap .feat { width:684px; height:446px; background:#efefef; margin:0; overflow: hidden;} .multimedia-list-wrap .feat img { display: block; width:auto; height:446px; max-width:684px; margin:auto;} .multimedia-list-wrap .head { font-size:22px; padding: 10px 14px 12px 14px; border-bottom:1px solid #ccc; margin-bottom:14px;} .multimedia-list-wrap .info { font-size:18px; margin:0 0 10px 0;} .photo-list-main {} .photo-list-main li { overflow: hidden;} .photo-list-main li.odd { float:left; padding-right:27px;} .photo-list-main li.even { text-align: right;} .photo-list-main li .title { display: block; text-align: left; overflow:hidden; font-size: 18px; height: 25px; line-height: 150%;} /*==================================================================================== /* /* 멀티미디어 슬라이드 시작 /* /*====================================================================================*/ .flexslider .slides h3 { font-size: 26px; color:#ddd; z-index: 10; background-color:#333; display: block; width:1024px; text-align: center; padding:11px 0 0 0; font-weight: normal; height: 48px; display: block;} .flexslider .slides p { font-size: 14px; padding:12px 25px 21px 25px; color:#999; background-color:#333; display: block; margin:0; line-height: 150%;} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width:auto; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ .no-js .slides > li:first-child {display: block;} /* def */ .flexslider { margin: 0 0 0px; background: #fff; position: relative; zoom: 1; } .flex-viewport { background-color:#333;} .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } #carousel { position: relative;} #carousel .flex-viewport { background-color:#000;} #carousel .flex-prev { float:left; background: url("https://image.hankookilbo.com/images/btn-mm-arrow-left.png") no-repeat; text-indent: -10000em; display: block; width:21px; height: 84px;} #carousel .flex-next { float:right; background: url("https://image.hankookilbo.com/images/btn-mm-arrow-right.png") no-repeat; text-indent: -10000em; display: block; width:21px; height: 84px;} #carousel .flex-active-slide { } #carousel .flex-direction-nav { } #carousel .slides { /* margin:0 21px; */} #carousel .slides li:last-child { margin-right: 21px;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { cursor: pointer; position: absolute; top:80px; width:120px; height: 500px; display: block; text-indent: -100000em; z-index: 10000;} .flex-direction-nav .flex-prev { background:url("https://image.hankookilbo.com/images/btn-mm-feat-arrow-left.png") left top no-repeat; left:-65px;} .flex-direction-nav .flex-next { background:url("https://image.hankookilbo.com/images/btn-mm-feat-arrow-right.png") right top no-repeat; right:-65px;} .flexslider .flex-prev { z-index: 1000;} .flexslider .flex-next { z-index: 1000;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { background-position: 0 -674px;} .flex-direction-nav .flex-disabled { } .flex-direction-nav a:before { } .flex-direction-nav a.flex-next:before { } #carousel .flex-direction-nav .flex-prev { left:-22px; top:5px} #carousel .flex-direction-nav .flex-next { right:-22px; top:5px} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .vid-in-slide { margin:0 0 0 0; display: block;} /* General ***********************/ /* --Clearfix */ .cf:before, .cf:after {content:""; display:table;} .cf:after {clear:both;} .cf {zoom:1;} .toggle { margin: 2px 0 0 14px; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .toggle li { float: left; } .toggle li a {width: 50px; padding: 6px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */ box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; } .toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .toggle li a:hover { background: #ededed; color: #222; } .toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); } .slider { width:1012px; margin: 4px 0 0 0;} .slide { height:654px; width:1012px;display:table-cell; vertical-align:middle; margin:0 auto;} #slider img { max-height: 674px; max-width: 1012px; width:auto; height:auto; margin: 0 auto;} #carousel li {} #carousel img { display: block; opacity: .5; cursor: pointer; width: auto; max-width: 121px; height: 82px; margin: 0px auto; border:2px solid #000;} #carousel img:hover {opacity: 1;} #carousel .flex-active-slide img {opacity: 1; cursor: default;} .button { display: inline-block; margin: 0; padding: .461em 1.563em .41em; color: #fff!important; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); text-transform: uppercase; line-height: 1; font-size: .9em; cursor: pointer; font-family: "proxima-nova", sans-serif; border: 1px solid #1a4064; background: #255a8c; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15); } .button:active { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1); } .button.green { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border: 1px solid #578824; background: #71b02f; } .button.green:hover { background: #79bc32; } /* Loading ***********************/ .loading #container {opacity: 0;} .loading:before { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; } /* Layout ***********************/ #container {padding: 60px 40px 100px;} header {width: 420px; float: left;} #main {margin-left: 420px; margin-top: -25px;overflow: hidden;} aside h3 {float: left;} /*==================================================================================== /* /* 멀티미디어 서브 시작 /* /*====================================================================================*/ #feat-multimedia-sub-wrap { margin:0; padding-bottom:14px; } #feat-multimedia-sub-wrap .headimg {background:#efefef; min-width:684px;} #feat-multimedia-sub-wrap .headimg img { display: block;text-align:center;max-width:684px; max-height:456px; height:456px; width:auto;} #feat-multimedia-sub-wrap div { background-color:#efefef; overflow: hidden;} #feat-multimedia-sub-wrap div img { margin:auto; max-width: 684px; max-height: 456px; height: 456px; width:auto; display: block;} #feat-multimedia-sub-wrap .info { background-color: #333; color:#fff; margin:1px 0 0 0; padding:14px 16px 16px 16px; font-size: 24px; font-weight: normal; display: block;} .photo-list-1 {} .photo-list-1 li { overflow: hidden; padding-top:14px; padding-bottom:20px;} .photo-list-1 li.odd { float:left; padding-right:27px; border-top: 1px solid #ccc;} .photo-list-1 li.even { border-top: 1px solid #ccc;} .photo-list-1 li .articleimg {text-align: center;} .photo-list-1 li div { width:328px; overflow:hidden; background-color: #efefef;} .photo-list-1 li img { max-width:328px; max-height:214px; height:214px; width:auto; margin:auto; display: block;} .photo-list-1 li .title { display: block; overflow:hidden; font-size: 18px; height: 25px; line-height: 150%;} /* 사이드바 */ .sidebar-mm-wrap { margin:auto 17px;} .sidebar-mm-wrap .temptitle { background:url("https://image.hankookilbo.com/images/title-sidebar-today-photo.png") left top no-repeat; background-position:5px 0px; height: 23px; text-indent: -100000em; margin-top:20px;padding-bottom:10px;border-bottom:1px solid #ccc;} .sidebar-mm-head { font-size:22px; padding: 10px 14px 12px 14px; border-bottom:1px solid #ccc;} .sidebar-video-list { font-size: 14px; margin-top:15px;} .sidebar-video-list li { position: relative; margin:0;} .sidebar-video-list li .btn-play { position: absolute; background:url("https://image.hankookilbo.com/images/btn-video-play-new.png") no-repeat; top:0; left:0; width:266px; height: 200px;} .sidebar-video-list li .thumb-sidebar-mm-wrap { vertical-align:middle;width:266px;height:200px;overflow: hidden; background:#000;} .sidebar-video-list li .thumb-sidebar-mm { margin:0 auto; height:200px; width:auto; /* margin-top:-26px; */ display:block;} .sidebar-video-list li .btn-play:hover { background-position: 0 -200px;} .sidebar-video-list li .title { display: block; margin:10px 0;} .sidebar-pic-list { font-size: 14px; margin-top:15px;} .sidebar-pic-list li { position: relative; margin:0;} .sidebar-pic-list li .thumb-sidebar-mm-wrap { overflow: hidden; background-color: #efefef; width:266px; height:169px;} .sidebar-pic-list li .thumb-sidebar-mm { width:auto; height:169px; display: block; margin:auto;} .sidebar-pic-list li .btn-play:hover { background-position: 0 -200px;} .sidebar-pic-list li .title { display: block; margin:10px 0;} /*==================================================================================== /* /* 멀티미디어 서브 동영상 시작 /* /*====================================================================================*/ #feat-multimedia-sub-video-wrap { margin:0; padding-bottom:14px; position: relative; } #feat-multimedia-sub-video-wrap img { display: block; width:684px;} #feat-multimedia-sub-video-wrap .info { background-color: #333; color:#fff; margin:1px 0 0 0; padding:14px 16px 16px 16px; font-size: 24px; font-weight: normal; display: block;} #feat-multimedia-sub-video-wrap .btn-play { position: absolute; background:url("https://image.hankookilbo.com/images/btn-video-play-new-big.png") no-repeat; top:0; left:0; width:684px; height: 514px;} #feat-multimedia-sub-video-wrap .btn-play:hover { background-position: 0 -514px;} .video-list-1 { } .video-list-1 li {padding-top:14px; padding-bottom:20px; position: relative;display:block;} .video-list-1 li.odd { float:left; padding-right:27px; border-top: 1px solid #ccc;width:328px; overflow:hidden;} .video-list-1 li.odd img { height:246px; width:auto; max-width:328px; margin:0 auto; display:block;} .video-list-1 li.even { text-align: right; border-top: 1px solid #ccc;width:328px; overflow:hidden;} .video-list-1 li.even img { height:246px; width:auto; margin:0 auto; display: block;} .video-list-1 li .title { display: block; text-align: left; overflow:hidden; font-size: 18px; height: 25px; line-height: 150%;} .video-list-1 li .btn-play { position: absolute; background:url("https://image.hankookilbo.com/images/btn-video-play-new-middle.png") no-repeat; top:14px; left:0; width:328px; height: 246px;} .video-list-1 li .btn-play:hover { background-position: 0 -246px;} /*==================================================================================== /* /* 멀티미디어 보기 시작 /* /*====================================================================================*/ #multimedia-body { background-color:#494949; background-image: none;} #multimedia-body #title-home { margin:8px 0 0 0; border-bottom: 1px solid #7a7a7a; height: 68px;} #feat-multimedia .info-view { background-color: #333; margin:1px 0 0 0; padding:12px 25px 21px 25px;} #feat-multimedia .info-view div { color:#ccc;} #feat-multimedia .info-view .title { font-size: 30px;} #feat-multimedia .info-view .desc { font-size: 14px; margin-top:21px; margin-bottom:30px;} #feat-multimedia .info-view .author { font-size: 12px; margin-top:9px; padding:21px 0 24px 0; width: 100%; background:url("https://image.hankookilbo.com/images/bg-border-dotted-multimedia.png") left top repeat-x;} #feat-multimedia .info-view .author a { color:#ccc; margin:0; float:left;} #feat-multimedia .info-view .author a:hover { color:#77c043;} #feat-multimedia .info-view .author .email { background: url("https://image.hankookilbo.com/images/icon-multimedia-email.png") left top no-repeat; float:left; width:12px; height: 12px; text-indent: -100000em; margin:3px 8px 0 3px;} #feat-multimedia .info-view .author .email:hover { background-position: 0 -15px;} #feat-multimedia .info-view .author .date { float:right; font-size: 12px;} #multimedia-util-wrap { padding-top:20px; height: 39px; background:url("https://image.hankookilbo.com/images/bg-border-dotted-multimedia.png") left top repeat-x;} #multimedia-util-wrap > div { float:right;} #multimedia-util-wrap .reply-num { background:url("https://image.hankookilbo.com/images/icon-comment.png") left center no-repeat; padding-left:21px; margin:4px 24px 0 0;} #multimedia-util-wrap .reply-num a { color:#77c043; font-size:12px; margin:0; font-weight: bold;} #multimedia-util-wrap .share-fb { margin:3px 0 0 0; width:130px;} #multimedia-util-wrap .share-tw { margin:5px 15px 0 0; width:80px;} .content-multimedia-view { border:0 !important; padding:0; background-color: #545454; margin-top:1px;} .ad-in-multimedia-view-1 { width:660px; margin:0 auto; padding:40px 0 60px 0;} .ad-in-multimedia-view-1 img { display: block;} .ad-in-multimedia-view-2 { width:660px; margin:0 auto; padding:70px 0 80px 0;} .ad-in-multimedia-view-2 img { display: block;} #reply-multimedia-area { padding:65px 128px 45px 128px; margin:0 26px;}/* 광고 넣을때 다시 복귀시킴 border-top:1px dotted #8b8b8b; border-bottom:1px dotted #8b8b8b; */ #reply-multimedia-wrap #login-choice { float:right; display: block; height:42px; color:#ccc;} #reply-multimedia-wrap #login-choice img { vertical-align: middle; display: inline;} #reply-multimedia-wrap #reply-box { clear:both; border:1px solid #707070; height: 112px; background-color:#707070;} #reply-multimedia-wrap #reply-input { width:540px; height:74px; padding:6px 6px 6px 6px; font-size:14px; color:#ccc; border:0; background-color: #707070; resize: none; overflow: hidden;} #reply-multimedia-wrap #reply-input:-ms-input-placeholder { color:#ccc;} #reply-multimedia-wrap #btn-reply { width:121px; height:112px; border:1px solid #707070; background-color:#8b8b8b; color:#ddd;} .article-multimedia-full-wrap { width:704px; margin-top:50px;} /*==================================================================================== /* /* 기사 시작 /* /*====================================================================================*/ .content-article { margin:4px 0 0 0; border-top:1px solid #ccc !important; position: relative;} .content-article-full { margin:4px 0 0 0; border-top:1px solid #ccc !important; position: relative; border-right: none !important; background-image:none !important;} .content-member { margin:4px 0 0 0; border-top:1px solid #e5e5e5 !important; position: relative;} #article-body { border-bottom:1px solid #ccc; margin:0 auto 42px auto; clear:both; width:640px; padding-top:5px; font-size:17px; line-height: 160%; color:#333;} #article-body p { font-size:17px; line-height: 160%; margin:1em 0; color:#333;} #article-body p a { color:#77c043;} #article-body p a:hover { text-decoration:underline;} #article-body h2 { font-weight:bold; font-size:20px; letter-spacing:-1px;} #article-full-body { padding-top:5px; border-left:1px solid #eee; border-right:1px solid #eee;} #article-title-wrap { margin:5px 0 0 0;} #article-title { color:#000; font-size:30px; padding: 0 18px 7px 15px; font-weight:500; letter-spacing:-0.08em;} #article-subtitle { color:#000; font-size:18px; font-weight: normal; padding: 0 18px 15px 15px;} #article-info { border-top:1px dotted #ccc; border-bottom:1px solid #ccc; padding: 13px 0 16px 0;} #article-info .author { float:left; color:#666; font-size: 12px;letter-spacing: -0.2em; margin-right:7px;} #article-info .author .name { float: left;} #article-info .author .name:hover { color:#77c043;} #article-info .author .email { background: url("https://image.hankookilbo.com/images/icon-email.png") left top no-repeat; float:left; width:12px; height: 12px; text-indent: -100000em; margin:3px 0 0 3px;} #article-info .author .email:hover { background-position: 0 -15px;} #article-info .author-sep { color:#ccc; float: left; font-size:12px; text-align: left; width:8px;} #article-info .author:first-child { padding-left:15px;} #article-info .author:last-child { margin-right:0;} #article-info .author a { color:#666;} #article-info #date-edited { float:right; color:#666; font-size: 12px; margin-right:17px;} #article-info #date-registered { float:right; color:#666; font-size: 12px; margin-right:17px;} .caption { margin:0 auto; width:auto; display:inline-block;} .caption img { display: block;} .caption p { color:#4c4c4c; font-size:12px !important; padding:1em !important; margin:0 !important; border-top:1px solid #fff; background-color:#eee; text-align: left;} #article-full-body .caption { background-color: #fff;} #article-full-body .caption p { width:640px; background-color: #eee; margin:0 auto !important; display: block;} #article-full-body #article-body .caption p { width:auto; background-color: #eee; margin:0 auto !important; display: block;} #article-util-wrap { margin:11px 0 0 0; height: 39px; border-bottom:2px solid #77c043; padding-right:16px;} #article-util-wrap > div { float:right;} #article-util-wrap .reply-num { background:url("https://image.hankookilbo.com/images/icon-comment.png") left 6px no-repeat; padding-left:21px; margin:4px 24px 0 0;} #article-util-wrap .reply-num a { color:#77c043; font-size:12px; margin:0; font-weight: bold;} #article-util-wrap .share-fb { margin:4px 24px 0 0; width:120px; height: 22px; overflow: hidden;} #article-util-wrap .share-tw { margin:5px 15px 0 0; width:80px; overflow: hidden;} .article-img-align-right { float:right; margin:0 1em 1em 1em;} .article-img-align-left { float:left; margin:0 1em 1em 0;} .article-ad-align-right { float:right; margin:0 1em 1em 1em;} .article-ad-align-left { float:left; margin:1em 1em 1em 0;} #list-related-wrap { width:670px; margin:0 auto; padding:40px 0; clear:both;} #list-related-wrap h4 { background: url("https://image.hankookilbo.com/images/title-related-article.png") 18px 14px no-repeat; height:55px; display: block; text-indent: -100000em; border-bottom:2px solid #ccc;} #list-related { padding:26px 16px 0 25px; line-height: 100%;} #list-related li { background:url("https://image.hankookilbo.com/images/bul-related.png") 3px 10px no-repeat; font-size:16px; padding:1px 0 1px 20px;} #list-related li a { color:#666; line-height: 150%;} #list-related li a:hover { color:#77c043;} .ad-below-article { text-align: center;} .article-full-wrap { width:670px; margin:0 auto;} #list-important-wrap { width:670px; margin:0 auto; padding:0 0 30px 0;} #list-important-wrap h4 { background: url("https://image.hankookilbo.com/images/title-important-article.png") 18px 14px no-repeat; height:55px; display: block; text-indent: -100000em; border-bottom:2px solid #ccc;} #list-important { padding:22px 16px 10px 0; border-bottom:1px solid #ccc; height:160px;} #list-important li { float:left; width:139px; margin-left:23px;} #list-important li a { color:#666; font-size:14px;} #list-important li a:hover { color:#77c043;} .list-important-full li { } #reply-wrap { margin-top:30px; padding-bottom: 30px;} #login-choice { float:right; display: block; height:42px;} #login-choice .desc { float: left; margin-right:15px; margin-top:4px;} #reply-multimedia-area #login-choice .desc { color:#ccc;} #login-choice img { vertical-align: middle;} #login-choice .btn-login { float:left; position: relative; display: block; width:32px; height: 32px; margin-right: 6px; cursor: pointer;} /*#login-choice .login-hk { background:url("https://image.hankookilbo.com/images/btn-reply-hk.png") no-repeat;}*/ #login-choice .login-hk { background:url("https://image.hankookilbo.com/images/btn-reply-hk-renew.png") no-repeat;} #login-choice .login-fb { background:url("https://image.hankookilbo.com/images/btn-reply-fb.png") no-repeat;} #login-choice .login-tw { background:url("https://image.hankookilbo.com/images/btn-reply-tw.png") no-repeat;} #login-choice .btn-login .status { position: absolute; bottom:1px; left:1px; width:12px; height: 12px; background:url("https://image.hankookilbo.com/images/icon-reply-selected.png") no-repeat; display: none;} #login-choice .btn-login .checked { display: block;} #reply-box { clear:both; border:1px solid #ccc; height: 112px; position: relative;} #reply-box .sharetosocial {display: inline-block;} #reply-box .check { float:left; margin-top:0px; color:#999;margin-right:2px;} #reply-box .text { float:left; color:#999; font-size: 14px; margin-left:2px; margin-right:5px;} #reply-input,#replyInput { width:535px; height:74px; padding:6px 6px 6px 6px; font-size:14px; color:#333; border:0; resize: none; overflow: hidden;} #reply-input,#replyInput:-ms-input-placeholder { color:#ccc;} #btn-reply,#btnReply { width:121px; height:112px; border:1px solid #fff; background-color:#F0F7F8; color:#333;} #panel-article { position:absolute; margin:-2px 0 0 -130px;} #panel-article a { display: block;} #panel-article ul { margin:0; padding:0;} #panel-article ul li { list-style: none; text-indent: -10000em;} #panel-article .top { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-top.png") no-repeat; width:116px; height: 60px;} #panel-article .share { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-share.png") no-repeat; width:116px; height: 36px;} #panel-article .fb { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-fb.png") no-repeat; width:116px; height: 30px;} #panel-article .tw { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-tw.png") no-repeat; width:116px; height: 30px;} #panel-article .band { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-band.png") no-repeat; width:116px; height: 30px;} #panel-article .print { background:url("https://image.hankookilbo.com/images201506/widget-article-follow-print.png") no-repeat; width:116px; height: 30px;} #panel-article .fb:hover { background-position: 0 -30px;} #panel-article .tw:hover { background-position: 0 -30px;} #panel-article .band:hover { background-position: 0 -30px;} #panel-article .print:hover { background-position: 0 -30px;} #panel-article-right { position:absolute; margin-left:1020px;} #panel-article-right a { display: block;} /*==================================================================================== /* /* 회원 시작 /* /*====================================================================================*/ .page-login, .page-find-pw, .page-reset-pw, .page-join, .page-join-clause, .page-edit { height: 950px;} .member-menu-wrap { color:#000; font-weight: bold; width:249px; background: url("https://image.hankookilbo.com/images/bg-menu-member.png") repeat-y; text-align: left;vertical-align: top; font-size:20px; float:left; padding:0 16px;} .member-menu-wrap h3 { color:#3399cc; font-weight: normal; padding:28px 33px 35px 33px; height:34px; font-size:26px;} .member-menu-wrap ul { border-top:1px solid #ccc;} .member-menu-wrap ul li { padding:13px 0 20px 33px; color:#333; font-weight: normal; font-size:18px; height: 29px; background:url("https://image.hankookilbo.com/images/bg-border-dotted-member.png") left bottom repeat-x;} .member-menu-wrap ul li.selected { color:#77c043;} .member-wrap { float:left; width:632px; margin:0 0 0 49px;} .member-wrap form { padding:0; margin:0;} .member-wrap .desc { padding:28px 0 15px 0; height: 53px; font-size:26px; color: #666;} .member-wrap .desc-2 { padding:13px 0 20px 0; border-top: 1px solid #ccc;} .member-wrap .input-wrap { border-top:1px solid #ccc;} .member-wrap .input-wrap li { padding:15px 0 19px 0; font-size:18px; height: 28px;} .member-wrap .input-wrap .input-label { float:left; color:#666; background:url("https://image.hankookilbo.com/images/bul-blue-dot.png") 4px 13px no-repeat; padding-left:18px; width:130px;} .member-wrap .input-wrap .input-label2 { float:left; color:#666; background:url("https://image.hankookilbo.com/images/bul-blue-dot.png") 4px 13px no-repeat; padding-left:18px; width:200px;} .member-wrap .input-wrap .member-input { border:1px solid #eceeef; padding:4px 5px 6px 5px; height: 34px; font-size: 20px; margin-top:-7px;} .member-wrap .input-wrap .member-input:focus { border:1px solid #77c043; background-color:#fcfcf5;} .member-wrap .input-wrap .input-text { width: 170px;} .member-wrap .input-wrap .input-email { width: 340px;} .member-wrap .input-wrap .input-btn { height: 46px; padding:0; margin-left:5px; background-color: #f0f7f8; color:#666; width: 158px; font-size:18px;} .member-wrap .input-wrap .member-row { border-bottom: 1px solid #eceeef;} .member-wrap .input-wrap .member-row-end { border-bottom: 1px solid #ccc;} .member-wrap .input-wrap .join-desc { font-size:14px; color:#999; margin:7px 0 0 10px;} .member-wrap .input-wrap .desc-find-pw { color:#77c043; font-size:14px; margin-left: 10px;} .member-wrap .input-wrap .desc-find-pw a { color:#77c043; padding:0 10px;} .member-wrap .input-wrap .desc-email { color:#999; font-size:14px; margin-left: 10px;} .member-wrap #btn-big-login { background:url("https://image.hankookilbo.com/images/btn-big-login-renew.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block;} .member-wrap #btn-big-login:hover { background-position: 0 -83px;} .member-wrap #btn-big-send-email { background:url("https://image.hankookilbo.com/images/btn-big-send-email-renew.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-send-email:hover { background-position: 0 -83px;} .member-wrap #btn-big-reset-pw { background:url("https://image.hankookilbo.com/images/btn-big-reset-pw-renew.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px; margin-top:10px;} .member-wrap #btn-big-reset-pw:hover { background-position: 0 -83px;} .member-wrap #btn-big-edit { background:url("https://image.hankookilbo.com/images/btn-big-edit.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-edit:hover { background-position: 0 -83px;} .member-wrap #btn-big-edit2 { background:url("https://image.hankookilbo.com/images/btn-big-edit2.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-edit2:hover { background-position: 0 -83px;} .member-wrap #btn-big-join { background:url("https://image.hankookilbo.com/images/btn-big-join-renew.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-join:hover { background-position: 0 -83px;} .member-wrap #btn-big-confirm { background:url("https://image.hankookilbo.com/images/btn-big-confirm-renew.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-confirm:hover { background-position: 0 -83px;} .member-wrap #btn-big-change-phone-email { background:url("https://image.hankookilbo.com/images/btn-big-change-phone-email.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-change-phone-email:hover { background-position: 0 -83px;} .member-wrap #btn-big-changeall { background:url("https://image.hankookilbo.com/images/btn-big-changeall.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px;} .member-wrap #btn-big-changeall:hover { background-position: 0 -83px;} .member-wrap #btn-big-quit { background:url("https://image.hankookilbo.com/images/btn-big-quit.gif") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block; margin-bottom:26px; margin-top:18px;} .member-wrap #btn-big-quit:hover { background-position: 0 -83px;} .member-wrap #btn-big-admnsrch { background:url("https://image.hankookilbo.com/images/btn-big-admnsrch.png") no-repeat; text-indent: -10000em; width:632px; height: 83px; display:block;} .member-wrap #btn-big-admnsrch:hover { background-position: 0 -83px;} .member-wrap .btn-big-wrap { margin-top:18px;} .member-wrap .desc-info { color:#666; font-size: 14px; padding-top:7px; padding-left:30px; background:url("https://image.hankookilbo.com/images/bul-member-info.png") 2px 9px no-repeat;} .member-wrap .desc-infomid { color:#666; font-size: 16px; padding-top:7px; padding-left:30px; background:url("https://image.hankookilbo.com/images/bul-member-info.png") 2px 9px no-repeat;} .member-wrap .desc-alert { color:#999; font-size: 14px; padding-top:7px; padding-left:30px; background:url("https://image.hankookilbo.com/images/bul-member-alert.png") 2px 9px no-repeat;} .member-wrap .desc-alertmid { color:#666; font-size: 16px; padding-top:7px; padding-left:30px; background:url("https://image.hankookilbo.com/images/bul-member-alert.png") 2px 9px no-repeat;} .member-wrap .desc-alert-noicon { color:#999; font-size: 14px; padding-top:7px; padding-left:20px;} .member-wrap .input-help { color:#999; font-size: 14px; margin:6px 0 0 16px;} .member-wrap .input-helpadmsrch { color:#576483; font-size: 12px; margin:0px 0 0 16px;} .member-wrap .input-helpadmsrch .bold { font-weight:bold;} .member-wrap .input-help .check { float:left; margin-top:2px; color:#999;} .member-wrap .input-help .text { float:left; color:#999; margin-left:5px;} .member-wrap .clause-wrap { padding:6px 0; border-top:1px solid #ccc;} .member-wrap .quit-wrap { padding:6px 0; border-bottom:1px solid #ccc;} .member-wrap .clause-check-wrap { border:1px solid #ccc; border-width: 1px 0; padding:14px 0;} .member-wrap .clause-check-wrap div { font-weight: bold; color:#333; font-size: 14px;} .member-wrap .clause-check-wrap input { } .member-wrap .clause-check-wrap .row-2 { margin-top:11px;} .member-wrap .clause-check-wrap .check { float:left; margin-top:2px; color:#333;} .member-wrap .clause-check-wrap .text { float:left; color:#333; margin-left:5px; font-size:14px; font-weight: bold;} .member-wrap .textarea-clause { overflow-x:hidden; resize:none; padding:34px 32px; border:1px solid #ddd; background-color:#fbfcf1; color:#666; width:568px; height:340px; font-size:14px; line-height:16pt; font-family:'MalgunGothic', 'Malgun Gothic', 'Apple SD Gothic Neo', 돋움, dotum;} .member-wrap .textarea-quit { padding:15px 12px; border:1px solid #eceeef; background-color:#fff; color:#666; width:608px; height:200px; font-size:18px; font-family:'MalgunGothic', 'Malgun Gothic', 'Apple SD Gothic Neo', 돋움, dotum;} .member-wrap .textarea-quit:focus { border:1px solid #77c043; background-color:#fcfcf5;} .member-wrap .quit-msg-wrap { border:1px solid #ccc; border-width: 1px 0; color:#666; font-size:26px; padding:61px 0 0 30px; line-height: 180%; height: 187px;} /* 댓글관리 */ .managereply-wrap { float:left; width:710px; margin:43px 0 0 17px;} #hor-minimalist-b { font-family: "Malgun Gothic", NanumGothic", Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; line-height: 200%; background: #fff; margin: 45px,0,45px,0; width: 710px; border-collapse: collapse; text-align: left; } #hor-minimalist-b .name { width: 80px; } #hor-minimalist-b .date { width: 120px; } #hor-minimalist-b .ip { width: 100px; } #hor-minimalist-b .link { width: 80px; } #hor-minimalist-b .bold { font-weight:bold; } #hor-minimalist-b .black { color:#000; } #hor-minimalist-b th { font-size: 14px; font-weight: normal; color: #039; padding: 15px 5px; border-bottom: 2px solid #6678b1; } #hor-minimalist-b td { border-bottom: 1px solid #ccc; color: #666; padding: 15px 8px; } #hor-minimalist-b td a:hover { font-weight: bold; font-size:14px;} #hor-minimalist-b tbody tr:hover td { background:#f7f7f4; color: #009; cursor:pointer } /* 기자명 목록 타이틀 */ .reporterslist-title { background: url("https://image.hankookilbo.com/images/icn_reporterslist_1.png") left center no-repeat; padding: 12px 0 14px 45px; font-weight: bold; font-size: 22px; border-bottom: 2px solid #ccc; } /* 기자명 목록-비활동기자 타이틀 */ .reporterslist-title2 { background: url("https://image.hankookilbo.com/images/icn_reporterslist_2.png") left center no-repeat; padding: 12px 0 14px 45px; font-weight: bold; font-size: 22px; color:#999; border-bottom: 2px solid #ccc; } /* 기자명 목록 테이블 */ .reporterslist { font-family: "Malgun Gothic", NanumGothic", Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; line-height: 200%; background: #fff; margin: 45px,0,45px,0; width:100%; border-collapse: collapse; text-align: left; } .reporterslist th { background:#d5d5d5; font-size: 16px; font-weight: bold; color: #333; padding: 3px 10px; border-bottom: 2px solid #6678b1; } .reporterslist td { border-bottom: 1px solid #ccc; color: #666; padding: 7px 4px; } .reporterslist td a:hover { text-decoration:underline; } .reporterslist tbody tr:hover td { background:#f7f7f4; color: #009; } /* 기자명 목록 테이블-최근등록글이 없는 기자 */ .reporterslist-old { font-family: "Malgun Gothic", NanumGothic", Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; line-height: 200%; background: #fff; margin: 45px,0,45px,0; width:100%; border-collapse: collapse; text-align: left; } .reporterslist-old th { background:#eeeeee; font-size: 16px; font-weight: bold; color: #666; padding: 3px 10px; border-bottom: 2px solid #bec8db; } .reporterslist-old td { border-bottom: 1px solid #ccc; color: #555; padding: 7px 4px; } .reporterslist-old td a { color:#666; } .reporterslist-old td a:hover { text-decoration:underline; color:#77c043;} .reporterslist-old tbody tr:hover td { background:#f7f7f4; color: #009; } /* 관리자 검색 */ .adminsearch-title { background: url("https://image.hankookilbo.com/images/icn_adminsearchtitle.png") left center no-repeat; padding: 12px 0 14px 45px; font-weight: bold; font-size: 22px; border-bottom: 2px solid #a9bdc5; } .admnsrch { float:left; width:100%; font-family: "Malgun Gothic", NanumGothic", Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; line-height: 120%; background: #fff; margin: 2px,0,3px,0; width:100%; border-collapse: collapse; text-align: left; } .admnsrch form { padding:0; margin:0;} .admnsrch .desc { padding:28px 0 15px 0; height: 53px; font-size:26px; color: #666;} .admnsrch .descthin { height: 20px; font-size:26px; color: #666;} .admnsrch .desc-2 { padding:13px 0 20px 0; border-top: 1px solid #ccc;} .admnsrch .input-wrap { border-top:1px solid #ccc;} .admnsrch .input-wrap li { padding:2px 0 3px 0; font-size:12px; height: 26px;} .admnsrch .input-wrap .input-label0 { float:left; color:#666; background:url("https://image.hankookilbo.com/images/bul-blue-dot.png") 37px 6px no-repeat; padding-left:50px; width:60px; margin-top:4px;} .admnsrch .input-wrap .admin-input { border:1px solid #ddd; padding:1px 2px 2px 1px; height: 18px; font-size: 12px;} .admnsrch .input-wrap .admin-input:focus { border:1px solid #77c043; background-color:#fcfcf5;} .admnsrch .input-wrap .input-text { width: 170px;} .admnsrch .input-wrap .input-textshort { width: 80px;} .admnsrch .input-wrap .input-keyword { width: 200px;} .admnsrch .input-wrap .input-btn { height: 22px; padding:0; margin-left:5px; background-color: #f0f7f8; color:#666; width:80px; font-size:12px;} .admnsrch .input-wrap .member-row { border-bottom: 1px solid #eceeef;} .admnsrch .input-wrap .member-row-end { border-bottom: 1px solid #ccc;} .admnsrch .input-wrap .join-desc { font-size:14px; color:#999; margin:7px 0 0 10px;} .admnsrch th { background:#d5d5d5; font-size: 12px; font-weight: bold; color: #333; padding: 3px 10px; border-bottom: 2px solid #6678b1; } .admnsrch td { height:26px; border-bottom: 1px solid #ddd; color: #666; padding: 2px 0px 2px 4px; } .admnsrch td .end { border-bottom: 3px solid #a9bdc5;} .btn_admnsrch { background-color:#94b4c0; border:1px solid #798a91; display:inline-block; cursor:pointer; color:#ffffff; font-family:"Malgun Gothic", NanumGothic", Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:18px; font-weight:bold; padding:33px 77px; text-decoration:none; text-shadow:0px 1px 0px #525252; } .btn_admnsrch a {color: #fff;} .btn_admnsrch a:hover {color: #fff;text-decoration:none;} .btn_admnsrch:hover {background-color:#61b1d0;color:#fff;} .btn_admnsrch:active {position:relative;top:1px;} /* 댓글 */ .reply-control { position: relative;} #reply-list-option { position: absolute; top:-2px; right:0;} #reply-list-option a { display:block; width:56px; height: 29px; border:1px solid #ccc; background-color:#f6f6f6; color:#333; float:left; padding-top:7px; font-size:14px; text-align: center;} #reply-list-option a.selected { border-bottom:1px solid #fff; background-color:#fff;} .article-multimedia-full-wrap #reply-list-option a { display:block; width:56px; height: 29px; border:1px solid #757575; background-color:#545454; color:#ccc; float:left; padding-top:7px; font-size:14px; text-align: center;} .article-multimedia-full-wrap #reply-list-option a.selected { border-bottom:1px solid #545454; background-color:#545454; color:#fff;} #reply-count { border-bottom:1px solid #ccc; background:url("https://image.hankookilbo.com/images/icon-cmt-big.png") 21px 2px no-repeat; padding-left:49px; font-size:16px; padding-bottom:14px;} .article-multimedia-full-wrap #reply-count { border-bottom:1px solid #757575; color:#ccc;} #reply-list {} #reply-list { list-style: none;} #reply-list .profile { float:left; width:32px;height:32px;} #reply-list .method { float:left; margin:8px 9px 0 14px;} #reply-list .userinfo { float:left; margin:6px 0 0 0; font-size: 14px;} #reply-list .userinfo .date { color:#999;} #reply-list .comment { clear:both; margin:20px 80px 0 46px; color:#333; font-size: 14px; line-height: 22px;} .article-multimedia-full-wrap #reply-list .userinfo { float:left; margin:6px 0 0 0; font-size: 14px; color:#ccc;} .article-multimedia-full-wrap #reply-list .userinfo .date { color:#ccc;} .article-multimedia-full-wrap #reply-list .comment { clear:both; margin:20px 80px 0 46px; color:#ccc; font-size: 14px; line-height: 22px;} #reply-list > li { position: relative; padding:10px 0 20px 14px; border-bottom:1px solid #ccc;} .article-multimedia-full-wrap #reply-list > li { position: relative; padding:10px 0 20px 14px; border-bottom:1px solid #757575;} #reply-list .func { position: absolute; top:14px; right:10px;} #reply-list .func .good { background:url("https://image.hankookilbo.com/images/icon-reply-good.png") left top no-repeat; width:37px; height: 17px; padding-left:47px; font-size:12px; color:#666; float:left;} #reply-list .func .bad { background:url("https://image.hankookilbo.com/images/icon-reply-bad.png") left top no-repeat; width:37px; height: 17px; padding-left:47px; font-size:12px; color:#666; float:left;} #reply-list .func .report { background:url("https://image.hankookilbo.com/images/icon-reply-report.png") left top no-repeat; width:47px; height: 17px; font-size:12px; color:#666; text-indent: -10000em; display: block; float:left;} #reply-list .func .del { background:url("https://image.hankookilbo.com/images/icon-reply-del.png") left top no-repeat; width:47px; height: 17px; font-size:12px; color:#666; text-indent: -10000em; display: block; float:left; border:0; margin-left:16px;} .article-multimedia-full-wrap #reply-list .func { position: absolute; top:14px; right:10px;} .article-multimedia-full-wrap #reply-list .func .good { background:url("https://image.hankookilbo.com/images/icon-reply-good-multimedia.png") left top no-repeat; width:37px; height: 17px; padding-left:47px; font-size:12px; color:#ccc; float:left;} .article-multimedia-full-wrap #reply-list .func .bad { background:url("https://image.hankookilbo.com/images/icon-reply-bad-multimedia.png") left top no-repeat; width:37px; height: 17px; padding-left:47px; font-size:12px; color:#ccc; float:left;} .article-multimedia-full-wrap #reply-list .func .report { background:url("https://image.hankookilbo.com/images/icon-reply-report-multimedia.png") left top no-repeat; width:47px; height: 17px; font-size:12px; color:#666; text-indent: -10000em; display: block; float:left;} .article-multimedia-full-wrap #reply-list .func .del { background:url("https://image.hankookilbo.com/images/icon-reply-del-multimedia.png") left top no-repeat; width:47px; height: 17px; font-size:12px; color:#666; text-indent: -10000em; display: block; float:left; border:0; margin-left:16px;} #reply-list .btn-reply { position: absolute; top:64px; right: 5px; border:1px solid #e1e8e8; color:#666; background-color:#f0f7f8; font-size: 12px; padding: 1px 10px 4px 10px;} .article-multimedia-full-wrap #reply-list .btn-reply { position: absolute; top:64px; right: 5px; border:1px solid #8b8b8b; color:#ddd; background-color:#8b8b8b; font-size: 12px; padding: 1px 10px 4px 10px;} .reply-reply-list { background:url("https://image.hankookilbo.com/images/bg-reply-top.png") 32px top no-repeat; margin-top:17px; padding:10px 0 0 32px;} .reply-reply-list li { list-style: none; position: relative; border:1px solid #eceeef; background-color:#f8fbfc; margin:0 0 10px 0; padding:5px 0 10px 0;} .reply-reply-list .func { position: absolute; top:13px; right:9px;} .reply-reply-list .method { float:left; margin:8px 9px 0 14px;} .reply-reply-list .userinfo { float:left; margin:6px 0 0 0; font-size: 14px;} .reply-reply-list .userinfo .date { color:#999;} .reply-reply-list .comment { clear:both; margin:20px 0 0 46px; color:#333; font-size: 14px; line-height: 22px; padding-left:20px;} .article-multimedia-full-wrap .reply-reply-list { background:url("https://image.hankookilbo.com/images/bg-reply-top-multimedia.png") 32px top no-repeat; margin-top:17px; padding:10px 0 0 32px;} .article-multimedia-full-wrap .reply-reply-list li { list-style: none; position: relative; border:1px solid #4c4c4c; background-color:#4c4c4c; margin:0 0 10px 0; padding:5px 0 10px 0;} .article-multimedia-full-wrap .reply-reply-list .userinfo { float:left; margin:6px 0 0 0; font-size: 14px; color:#ccc;} .article-multimedia-full-wrap .reply-reply-list .userinfo .date { color:#ccc;} .article-multimedia-full-wrap .reply-reply-list .comment { clear:both; margin:20px 0 0 46px; color:#ccc; font-size: 14px; line-height: 22px; padding-left:20px;} .reply-reply-list .icon-reply-left { position: absolute; background: url("https://image.hankookilbo.com/images/icon-reply-left.png") center center no-repeat; width:30px; height: 25px; top:10px; left:-35px; display: block;} #reply-list-paging-wrap { margin:20px 0 0 0; text-align:center; padding:28px 0;} #reply-list-paging { margin:0 auto;} #reply-list-paging a { font-size:24px; color:#333; padding:0 12px;} #reply-list-paging a:hover { color:#77c043;} #reply-list-paging a.blue { color:#77c043;} .article-multimedia-full-wrap #article-list-paging a:hover { color:#ccc;} .article-multimedia-full-wrap #article-list-paging a.blue { color:#ccc;} .reply-reply-box { margin:10px 0 30px 32px; border:1px solid #ccc; height: 112px; display: none; position: relative;} .reply-reply-box .sharetosocial {display: inline-block;} .reply-reply-box .check { float:left; margin-top:0px; color:#999;margin-right:2px;} .reply-reply-box .text { float:left; color:#999; font-size: 14px; margin-left:2px; margin-right:5px;} .reply-reply-box .reply-reply-input { width:495px; height:74px; padding:6px; font-size:14px; color:#333; border:0; resize: none; overflow: hidden;} .reply-reply-box .reply-reply-input:-ms-input-placeholder { color:#ccc;} .reply-reply-box .btn-reply-reply { width:121px; height:112px; border:1px solid #fff; background-color:#F0F7F8; color:#333;} .article-full-wrap .reply-reply-box .reply-reply-input { width:480px; height:74px; padding:6px; font-size:14px; color:#333; border:0; resize: none; overflow: hidden;} .article-full-wrap .reply-reply-box .reply-reply-input:-ms-input-placeholder { color:#ccc;} .article-multimedia-full-wrap .reply-reply-box { margin:10px 0 30px 32px; border:1px solid #707070; height: 112px; display: none; position: relative; background-color: #707070;} .article-multimedia-full-wrap .reply-reply-box .reply-reply-input { width:480px; height:74px; padding:6px; font-size:14px; color:#c1c1c1; border:0; resize: none; background-color: #707070; overflow: hidden;} .article-multimedia-full-wrap .reply-reply-box .reply-reply-input:-ms-input-placeholder { color:#ccc;} .article-multimedia-full-wrap .reply-reply-box .btn-reply-reply { width:121px; height:112px; border:1px solid #707070; background-color:#8b8b8b; color:#ddd;} .word-count { position: absolute; top:84px; left:-5px; padding:5px 0 0 14px; font-size:14px;} @media \0screen { .word-count { display:none;} } .word-count .word { color:#77c043;} .word-count-normal { color:#ccc;} .content-multimedia-view .word-count .word { color:#77c043;} .hasPlaceholder { color:#ccc !important;} .repeatTemplate { display: none; } .searchkw { position:relative;width:644px;border-bottom:1px solid #ccc;padding:20px;margin-top:120px; font-weight: bold; padding-left: 20px; background: url("https://image.hankookilbo.com/images/bul-today-column.png") 10px center no-repeat; } .bannerborder {border: 1px solid #dfdfdf;}