@charset "euc-kr"; /* hankooki.com basic */ body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, th, td, form, fieldset, legend, input, textarea, button, blockquote, iframe, p, img {margin:0; padding:0;} body {background-color:#f9f9f9; font-size:12px; line-height:1.6em; font-family:"맑은 고딕",Dotum,AppleGothic,sans-serif; text-align:center;} ul,ol,li,dl,dt,dd{list-style:none;} td, table, input, select, textarea{font-family:Dotum; font-size:12px; color:#555;} form, fieldset, button{border:0;vertical-align:top} hr,caption,legend{display:none} h1 {display:none;} h2,h3,h4,h5,h6 {font-weight:normal;} img {border:0;} div {text-align:left;} a {color:#333; text-decoration:none;} a:hover {color:#000; text-decoration:underline;} /* Header */ #header {margin:0 auto;} .htop {padding-top:13px; overflow:hidden; position:relative; height:65px;} .htop li {display:inline; color:#777;} .htop li a {color:#777;} .htop .in {float:left; padding:0 13px 0 0; background:url('http://img.hankooki.com/portal/2015/08/topui_in.gif') no-repeat right 0; overflow:hidden;} .htop .in a {cursor:pointer;} /* 한국아이닷컴 로고 */ .htop h2 {margin-top:13px;} .splogo {position:absolute; top:0; left:43%; height:52px;} /* 스페셜 로고 .htop h2 {margin-top:0;} .splogo {position:absolute; top:0; left:310px;} */ .htop .left {float:left; padding-top:36px;} .htop .right {float:right;padding-top:31px;} .h50{height:48px;} .left {float:left;} .right {float:right;} .blind {display:none;} /* Search */ #header fieldset {border:none;} #header legend {display:none;} #header img {border:none; vertical-align:top;} .search {margin:0; float:left; border:1px solid #d8d8d8; width:170px; height:18px; background:#fff; overflow:hidden; margin-right:4px;} .hki_login {height:20px; float:left; text-align:left;} .hki_login img {vertical-align:top; cursor:pointer;} .hide {display:none;} .btn {width:17px; float:right;} .input_search {margin:0; float:left; border-style:none; width:130px; height:13px; padding:3px 1px 0 2px;font-size:11px; color:#888; font-family:Dotum; background:#fff;} /* Lnb */ #lnb {margin:0; width:1020px; height:40px; padding-top:5px; background:url('http://img.hankooki.com/portal/2015/08/menubg.gif') repeat-x 0 0;} #lnb ul.lnbmm {margin:0; width:780px; float:left;} #lnb ul.lnbmm li {float:left; display:inline; font-family:gulim, "굴림"; font-size:15px; font-weight:bold; line-height:18px;letter-spacing:-0.05em;} #lnb ul.lnbmm .in{background:url('http://img.hankooki.com/economy/2015/07/topui_in.gif') no-repeat right 13px; overflow:hidden; padding-right:1px;} a.lnb01 {height:20px; width:79px; display:block; padding:12px 6px 7px 15px;} a.lnb01:link, a.lnb01:visited, a.lnb01:active {color:#333; text-decoration:none;} a.lnb01:hover {color:#cb0003; text-decoration:none;} a.lnb02 {height:20px; width:63px;display:block; padding:12px 6px 7px 9px;} a.lnb02 :link, a.lnb02 :visited, a.lnb02:active {color:#333; text-decoration:none;} a.lnb02:hover {color:#cb0003; text-decoration:none;} a.lnb03 {height:20px; width:79px;display:block; padding:12px 6px 7px 9px;} a.lnb03 :link, a.lnb03 :visited, a.lnb03:active {color:#333; text-decoration:none;} a.lnb03:hover {color:#cb0003; text-decoration:none;} a.lnb04 {height:20px; width:64px;display:block; padding:12px 6px 7px 9px;} a.lnb04 :link, a.lnb04 :visited, a.lnb04:active {color:#333; text-decoration:none;} a.lnb04:hover {color:#cb0003; text-decoration:none;} a.lnb05 {height:20px; width:94px; display:block; padding:12px 6px 7px 9px;} a.lnb05 :link, a.lnb05 :visited, a.lnb05:active {color:#333; text-decoration:none;} a.lnb05:hover {color:#cb0003; text-decoration:none;} a.lnb06 {height:20px; width:64px;display:block; padding:12px 6px 7px 9px;} a.lnb06 :link, a.lnb06 :visited, a.lnb06:active {color:#333; text-decoration:none;} a.lnb06:hover {color:#cb0003; text-decoration:none;} a.lnb07 {height:20px; width:82px;display:block; padding:12px 6px 7px 9px;} a.lnb07 :link, a.lnb07 :visited, a.lnb07:active {color:#333; text-decoration:none;} a.lnb07:hover {color:#cb0003; text-decoration:none;} a.lnb08 {height:20px; width:94px;display:block; padding:12px 6px 7px 9px;} a.lnb08 :link, a.lnb08 :visited, a.lnb08:active {color:#333; text-decoration:none;} a.lnb08:hover {color:#cb0003; text-decoration:none;} a.lnb09 {height:20px; width:82px;display:block; padding:12px 6px 7px 9px;} a.lnb09 :link, a.lnb09 :visited, a.lnb09:active {color:#333; text-decoration:none;} a.lnb09:hover {color:#cb0003; text-decoration:none;} a.lnb10 {height:20px; width:62px;display:block; padding:12px 6px 7px 9px;} a.lnb10 :link, a.lnb10 :visited, a.lnb10:active {color:#333; text-decoration:none;} a.lnb10:hover {color:#cb0003; text-decoration:none;} /* 더보기 */ .navi_right {float:right; padding-top:13px; padding-bottom:3px; z-index:1000; position:relative;} .navi_right ul {margin:0; padding-right:8px; float:left;} .navi_right li {cursor:pointer; position:relative; line-height:15px; font-size:12px; float:left; text-align:right; padding:0 6px; height:24px;} .navi_right li a, .navi_right li a:visited, .navi_right li a:active{color:#666; text-decoration:none;} .navi_right li a:hover {color:#666; text-decoration:underline;} /*.navi_right span {color:#ccc; padding-left:10px; width:55px;}*/ .navi_right img {vertical-align:middle;} .navi_right span {color:#666666;} .navi_right #s_menu {display:none; position:absolute; top:-13px; right:-8px; z-index:10000;} .navi_right #s_menu_close {position:absolute; right:11px; bottom:10px; cursor:pointer;} /* Frame */ #maintop {margin:0 auto; width:1020px;} #maincenter {margin:0 auto; width:1020px; margin-top:30px; position:relative;} #mainbottom {margin:0 auto; width:1020px; overflow:hidden;position:relative;} #contents {margin:0; width:1020px; overflow:hidden;} .mdc695 {margin-right:25px; width:695px; float:left; padding-bottom:30px;} .mdc690 {margin-right:0; width:690px; float:left;} .mdr300 {margin:0; width:300px; float:right;} .mdr316 {margin:0; width:316px; float:right;} .place {margin:0; width:1020px; position:relative; border-top:1px solid #8d8d8d; overflow:hidden;} .place .ar {position:absolute; top:0; right:0; z-index:20;} .place2 {margin:0; width:1020px; position:relative; border-top:1px solid #8d8d8d; overflow:hidden; padding:30px 0 29px 0;} .place2 .ar {position:absolute; top:0; right:0; z-index:20;} .placebg {background:url("http://img.hankooki.com/portal/2015/08/placebg.jpg") repeat-y 0 0;} .placebg2 {background:url("http://img.hankooki.com/portal/2015/08/placebg2.jpg") repeat-y 0 0;} .mdr280 {margin:0; width:280px; float:right;} .cw455 {float:left; width:480px;} .topic {position:fixed; z-index:100; bottom:10px; margin-left:1085px; width:37px; height:52px; cursor:pointer; display:none;} .mdr316 .line {border-bottom:1px #8d8d8d solid;} /* 헤드라인 */ .headline {margin:0 0 20px 0; width:100%; overflow:hidden; padding:0; height:206px; overflow:hidden;} .headline:after {content:"";display:block; clear:both} .headline ul {float:left; width:100%; height:168px;} .headline li {padding:0;} .headline .htit {margin-bottom:15px; font-size:25px; line-height:25px; letter-spacing:-1px; color:#222; font-weight:bold; font-family:"맑은 고딕",Dotum,Helvetica;} .headline .htit a {color:#222; text-decoration:none;} .headline .htit a:hover{color:#222; text-decoration:underline;} .headline .stit {margin-bottom:7px; font-size:16px; line-height:20px; letter-spacing:-1px; color:#333; font-weight:bold; font-family:"맑은 고딕",Dotum,Helvetica;} .headline .stit a {color:#333; text-decoration:none;} .headline .stit a:hover{color:#333; text-decoration:none;} .headline .bun {color:#666; line-height:20px; margin-bottom:8px;} .headline .bun a {color:#666;} .headline .thumb {float:left; max-width:400px; height:168px; margin-right:18px; margin-bottom:0;} .headline .thumb img {/*max-width:400px;*/ height:168px; vertical-align:top;} .headline .wrap {float:left; width:100%; height:168px; overflow:hidden; margin:0;} .headline .gisa_list_rel {font-weight:bold; font-size:14px; line-height:24px;} /* 관련기사 */ .gisa_list_rel {width:99%; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ margin:0 5px 0 1px; padding:0 0 0 12px; line-height:21px; font-size:12px; color:#555; background:url("http://img.hankooki.com/portal/2015/10/rel.gif") no-repeat 0 2px;} .gisa_list_rel a:link,.gisa_list_rel a:visited,.gisa_list_rel a:active {color:#555;} .gisa_list_rel a:hover {color:#555; text-decoration:underline;} /* 탑기사 2-3 */ .gisa_list1 {width:100%; height:86px; overflow:hidden;} .gisa_list1:after{content:""; display:block; clear:both} .gisa_list1 ul {overflow:hidden; margin:0; padding:0;} .gisa_list1 li {float:left;} .gisa_list1 .htit {width:100%; margin:0 0 6px 0; font-size:16px; letter-spacing:-1px; line-height:20px; font-weight:bold; color:#333; float:left; display:block; overflow:hidden;} .gisa_list1 .htit a {color:#333;} .gisa_list1 .rel {width:100%; float:left; display:block;} .gisa_list1 .bun {margin-bottom:4px; color:#666; line-height:18px; width:100%; float:left; display:block;} .gisa_list1 .bun a {color:#666;} .gisa_list1 .thumb {float:left; /*width:125px;*/ margin-right:15px;} .gisa_list1 .thumb img {/*width:125px;*/ height:80px; vertical-align:top; margin-bottom:15px;} .gisa_list1 .gisa_list_rel a:link,.gisa_list1 .gisa_list_rel a:visited,.gisa_list1 .gisa_list_rel a:active {color:#333;} .gisa_list1 .gisa_list_rel a:hover {color:#333; text-decoration:underline;} .gspd {margin:0 0 20px 0; padding-bottom:0;} .gisa_list2 {width:100%; padding:0; overflow:hidden;} .gisa_list2:after{content:"";display:block;clear:both} .gisa_list2 h4 {width:100%; padding-bottom:3px; font-size:13px; line-height:18px; font-family:Gulim;font-weight:bold; color:#999; letter-spacing:1px;} .gisa_list2 h4 a {color:#999;} .gisa_list2 ul.w332 {float:left; width:332px; overflow:hidden;} .gisa_list2 img {vertical-align:top;} .gisa_list2 .htit {margin:0; font-size:16px; padding-bottom:11px; letter-spacing:-1px; line-height:22px; font-weight:bold; color:#333; width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .gisa_list2 .htit a {color:#333;} .gisa_list2 .bun {color:#666; line-height:20px; height:80px; overflow:hidden;} .gisa_list2 .bun a {color:#666;} .gisa_list2 .thumb {float:left; width:138px; height:82px; margin-right:15px; float:left; border:1px solid #e7e7e7; text-align:center; overflow:hidden;} .gisa_list2 .thumb img {height:82px; vertical-align:top;} .gisa_list2 ul:hover .htit {text-decoration:underline;} .gisa_list3 {width:100%; padding:0; overflow:hidden;} .gisa_list3:after{content:"";display:block;clear:both} .gisa_list3 ul.w310 {float:left; width:310px; overflow:hidden;} .gisa_list3 img {vertical-align:top;} .gisa_list3 .htit {color:#666; margin-top:13px; line-height:18px; height:34px; font-weight:bold; overflow:hidden;} .gisa_list3 .htit a {color:#666;} .gisa_list3 .thumb {float:left; width:98px; margin-right:15px; border:1px solid #e7e7e7; text-align:center; overflow:hidden;} .gisa_list3 .thumb img {height:58px; vertical-align:top;} .gisa_list3 ul:hover .htit {text-decoration:underline;} /* 포토기사 */ .gisa_image1 {margin:0; overflow:hidden;} .gisa_image1 ul {overflow:hidden;} .gisa_image1 li {width:215px;} .gisa_image1 .li_img {margin-bottom:8px; width:213px; height:127px; overflow:hidden;position:relative;border:1px solid #e7e7e7;} .gisa_image1 .li_img img {width:213px; vertical-align:top;} .gisa_image1 .li_tit {font-size:14px; height:40px; line-height:20px; font-weight:bold; color:#555; text-align:left;} .gisa_image1 .pic {position:absolute; width:28px; height:23px; right:0; bottom:0;background:url("http://img.hankooki.com/portal/2015/08/pic.png") no-repeat 0 0; z-index:15; overflow:hidden;} .gisa_image1:hover .li_tit {text-decoration:underline;} .gisa_image2 {margin:0; width:245px; overflow:hidden;} .gisa_image2 ul {overflow:hidden;} .gisa_image2 li {width:245px;} .gisa_image2 .li_img {margin-bottom:8px; overflow:hidden;position:relative;width:243px; height:145px; border:1px solid #e7e7e7;} .gisa_image2 .li_img img {width:243px;vertical-align:top} .gisa_image2 .li_tit {font-size:14px; height:40px; line-height:20px; font-weight:bold; color:#555; text-align:left;} .gisa_image2 .pic {position:absolute; width:28px; height:23px; right:0; bottom:0;background:url("http://img.hankooki.com/portal/2015/08/pic.png") no-repeat 0 0; z-index:15; overflow:hidden;} .gisa_image2:hover .li_tit {text-decoration:underline;} .gisa_image3 {margin:0; width:150px; overflow:hidden;} .gisa_image3 ul {overflow:hidden;} .gisa_image3 li {width:150px;} .gisa_image3 .li_img {margin-bottom:9px; overflow:hidden; width:148px; height:88px; border:1px solid #e7e7e7; text-align:center;} .gisa_image3 .li_img img {height:88px;} .gisa_image3 .li_tit {height:36px; line-height:18px; font-weight:bold; color:#666; text-align:left;} .gisa_image3 .li_tit a {color:#666;} .gisa_image3:hover .li_tit {text-decoration:underline;} /* 탑리스트 */ .newscont {overflow:hidden;} .newscont ul.w455 li {width:455px; line-height:20px; padding-bottom:12px; font-size:16px; letter-spacing:-1px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .newscont ul.w285 {width:270px; float:left;} .newscont ul.w380 {width:390px; float:left; padding-bottom:8px;} .newscont ul.w380 li {width:380px; line-height:24px; padding-bottom:14px; font-size:16px; letter-spacing:-1px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .newscont .newsbg {padding-bottom:17px; background:url("http://img.hankooki.com/portal/2015/08/newsbg.jpg") repeat-y -15px 0; overflow:hidden;} /* 기획 */ .interview {float:right; width:213px; padding:10px 0 0 0; border:1px solid #e7e7e7; background:#f7f7f7; text-align:center; overflow:hidden;} .interview ul{padding:0 15px;overflow:hidden} .interview .tit{margin-bottom:6px; font-family:"맑은 고딕"; font-size:13px; font-weight:bold; color:#888} .interview .tit a {color:#888;} .interview .list {margin-bottom:12px; height:39px; font-size:14px; letter-spacing:-0.05em; font-weight:bold; color:#7295b6; overflow:hidden;} .interview .list a {color:#7295b6;} .interview .list p {height:39px; overflow:hidden;} .interview .ivline {padding-bottom:12px; background:url("http://img.hankooki.com/portal/2015/08/intvline.gif") repeat-x 0 bottom;} /* 많이 본 기사 */ .manygisa {float:left; width:300px; overflow:hidden; font-family:"맑은 고딕"; font-size:14px;} .manygisa h4 {width:100%; border-bottom:1px solid #8d8d8d;} .manygisa li {width:100%; overflow:hidden; padding:11px 0; *padding:11px 0 7px 0; border-top:1px solid #e7e7e7;} .manygisa li:hover .txt {text-decoration:underline;} .manygisa li:hover .txt2 {text-decoration:underline;} .manygisa .num {float:left; width:12px; text-align:right; padding-right:8px;} .manygisa .txt {float:left; width:195px; height:40px; margin-top:5px; overflow:hidden; line-height:20px; padding-right:5px;} .manygisa .txt2 {float:left; width:273px; height:20px; margin-top:5px; overflow:hidden; line-height:20px;} .manygisa .pic {float:left; width:78px; height:48px; text-align:center; background-color:#ffffff; border:1px #ddd solid; overflow:hidden;} .manygisa .pic img {height:48px;} /* 많이 본 기사2 */ #mainSlide {margin-top:30px; position:relative; height:520px; width:300px; overflow:hidden;} .manygisa2 {float:left; width:300px; overflow:hidden; font-family:"맑은 고딕"; font-size:14px;} .manygisa2 h4 {width:100%; border-bottom:1px solid #8d8d8d;} .manygisa2 dd {width:100%; overflow:hidden; padding:11px 0; *padding:11px 0 7px 0; border-top:1px solid #e7e7e7;} .manygisa2 .num {float:left; width:12px; text-align:right; padding-right:10px;} .manygisa2 .txt {float:left; width:195px; height:40px; margin-top:5px; overflow:hidden; line-height:20px; padding-right:5px;} .manygisa2 .txt2 {float:left; width:273px; height:20px; margin-top:5px; overflow:hidden; line-height:20px;} .manygisa2 .pic {float:left; width:76px; height:48px; text-align:center; background-color:#ffffff; border:1px #ddd solid; overflow:hidden;} .manygisa2 .pic img {height:48px;} /* 스포츠 */ .sports {width:285px; overflow:hidden; padding:20px 14px 15px 16px; background:#fff;} .sports .imglist {width:100%; overflow:hidden; margin-bottom:5px;} .sports .imglist ul {float:left; width:135px;} .sports .imglist .li_img img {width:133px; height:190px; border:1px solid #e7e7e7; vertical-align:top;} .sports .imglist .li_tit {margin-top:7px; height:36px; overflow:hidden; line-height:18px;} .sports ul:hover .li_tit {text-decoration:underline;} /* 서울경제 Hot 이슈 */ .issue {margin:0; width:300px; position:relative;} .issue .thumb {width:298px; border:1px solid #c9c9c9; height:220px; overflow:hidden; text-align:center;background:#000;} .issue .thumb img {width:298px; vertical-align:top;} .issue .over {position:absolute; left:1px; bottom:0; width:298px; height:34px; background:#000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; z-index:15; overflow:hidden;} .issue .txt {position:absolute; left:0; bottom:6px; width:268px; z-index:16; line-height:20px; letter-spacing:-1px; font-weight:bold; font-size:14px; color:#fff; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .issue .txt a {color:#fff;} .issue:hover .txt {text-decoration:underline;} /* 데일리한국 칼럼·인터뷰 */ .series {width:320px; height:258px; overflow:hidden; padding:0; margin-right:40px;} .series ul {margin:0 0 7px 0; width:100%; overflow:hidden;} .series li {float:left; height:50px;} .series .img {width:52px; margin-right:15px; overflow:hidden;} .series .img img {width:52px; vertical-align:top;} .series .tit {width:253px; height:22px; margin-top:4px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; letter-spacing:-1px;} .series .writer {width:253px; height:12px; font-size:11px; color:#999; font-weight:normal; letter-spacing:-1px; font-size:12px;} .series .writer a {color:#999; text-decoration:none;} .series ul:hover .tit {text-decoration:underline;} /* 스포츠한국 기획·연재 */ .thumbr {width:300px; padding:0;} .thumbr h4 {padding-bottom:0;} .thumbr dl {width:300px; padding-top:20px; color:#f7f7f7; overflow:hidden;} .thumbr dt {color:#333; font-weight:bold; width:100%; padding-bottom:6px;} .thumbr dd {color:#333;} .thumbr .txt {float:left; width:170px; margin-left:15px; margin-top:5px; line-height:20px; overflow:hidden; text-overflow:ellipsis; height:70px; font-size:14px; letter-spacing:-1px;} .thumbr .thumb {float:left; width:113px; height:68px; overflow:hidden; text-align:center; border:1px #ddd solid;} .thumbr dd img {height:70px; vertical-align:top;} .thumbr dl:hover .txt {text-decoration:underline;} /* 주간한국 커버 */ .weekly_cover {width:300px; height:270px; background:#f7f7f7; position:relative; overflow:hidden;} .weekly_cover ul {margin:0; overflow:hidden;} .weekly_cover li {float:left; display:inline;} .weekly_cover .cover_tit {position:absolute;left:0; top:0; z-index:10;} .weekly_cover .img {width:210px; height:255px; margin:7px 14px 0 45px; position:relative; overflow:hidden;} .weekly_cover .img img {width:210px; height:255px; position:relative; overflow:hidden;} .weekly_cover .img:hover .tit {position:absolute; width:210px; height:20px; z-index:9; bottom:0; left:0; padding:3px 1px 2px 1px; color:#fff; text-align:center; background-color:#000; filter:alpha(opacity=75);opacity:0.75; -moz-opacity:0.75; font-size:12px;} .weekly_cover .tit a {color:#fff; text-decoration:none;} .weekly_cover .cover_l {position:absolute; text-align:center; left:0; top:120px; width:45px; cursor:pointer;} .weekly_cover .cover_r {position:absolute; text-align:center; right:0; top:120px; width:45px; cursor:pointer;} /* 스토리369/인포그래픽/몬TV */ .smf {float:left; width:320px; padding:0; overflow:hidden;} .smf .ctit {overflow:hidden;padding-bottom:10px;} .smf .ctit .title {float:left; font-size:14px; font-weight:bold; color:#333; letter-spacing:1px;} .smf .roll {float:right; height:15px; padding:3px 0 0 0; overflow:hidden;} .smf .roll img {margin:0 1px; cursor:pointer;} .smf .contbox {width:318px; height:268px; border:1px solid #e7e7e7; margin:0; position:relative; overflow:hidden;} .smf .contbox img {vertical-align:top} .smf .contbox:hover .on {text-decoration:underline;} .smf .thumb {width:318px; overflow:hidden; position:relative;} .smf .thumb img {width:100%; height:176px;} .smf .box {position:absolute; left:0; bottom:0; width:318px; height:34px; margin:0; padding:0; background:#000; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; z-index:15; overflow:hidden;} .smf .box_tit {position:absolute; left:0; bottom:8px; width:298px; height:16px; z-index:16; margin:0; letter-spacing:-1px; font-weight:bold; font-size:14px; color:#fff; padding:0 10px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .smf .box_tit a {color:#fff;} .smf .thumb_story {width:318px; overflow:hidden;} .smf .thumb_story img {width:100%; height:229px;} .smf .thumb_montv {width:318px; overflow:hidden;} .smf .thumb_montv img {width:100%; height:179px;} .smf .over {width:268px; height:41px; padding:16px 25px 25px 25px; background:#fff; position:absolute; bottom:0; left:0; z-index:1;} .smf .over2 {width:268px; height:54px; padding:16px 25px 20px 25px; background:#fff; position:absolute; bottom:0; left:0; z-index:1;} .smf .txt {height:48px; text-align:left; overflow:hidden; line-height:24px; font-size:16px; font-weight:bold; letter-spacing:-1px;} .smf .txt a {color:#333;} .smf .txt .cate {line-height:16px; font-size:12px; font-weight:normal; letter-spacing:0; color:#888; margin-bottom:5px;} .smf .txt .cate a {color:#888;} .smf .txt .tit {width:266px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 펀앤펀 */ .funfun {width:690px;} .funfun h4 {width:100%; padding-bottom:3px; font-size:13px; font-family:Gulim;font-weight:bold; color:#999; letter-spacing:1px;} .funfun h4 a {color:#999;} .funfun dl {float:left; display:inline; padding-right:5px; text-align:center; height:148px; overflow:hidden;} .funfun dl.manhwa dt {width:88px; height:123px; padding:0; overflow:hidden;} .funfun dl.manhwa dt img {width:86px; height:123px; border:1px solid #e2e2e2;} .funfun dl.manhwa dd {width:86px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .funfun dl.fun dt {background-color:#e2e2e2; padding:0; height:123px; overflow:hidden;} .funfun dl.fun dt img {width:152px; height:123px; border:1px solid #e2e2e2;} .funfun dd {padding-top:8px; font-size:14px; height:20px; line-height:14px; font-weight:bold;} .funfun dl:hover .txt {text-decoration:underline;} /* On세상e서울 */ .onworld {float:left; width:300px; position:relative;} .onworld dl {float:left; width:300px; position:relative; margin-top:-5px;} .onworld dt {width:300px; overflow:hidden;} .onworld dt img {width:300px; height:168px;} .onworld .bk {position:absolute; bottom:0; z-index:5; left:0; width:300px; height:36px; background-color:#000; filter: alpha(opacity=70); opacity: .7;} .onworld .tit {position:absolute; bottom:6px; z-index:6; left:15px; width:270px; font-size:14px; color:#fff; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .onworld .tit a {color:#fff;} .onworld dl:hover .tit {text-decoration:underline;} .onworld .roll {position:absolute; top:3px; right:0;} .onworld .roll img {margin:0 1px; cursor:pointer;} /* 광고 */ .ad250180 {width:250px; height:180px; padding-left:25px; text-align:center;} .ad300 {width:300px; height:250px; padding:0; text-align:center; overflow:hidden;} .ad430 {width:100%; height:100px; text-align:center; overflow:hidden;} .ad690 {float:left; width:690px; height:120px; border:1px #e7e7e7 solid; text-align:center;} .adsum {position:relative; width:260px; margin-top:0; padding:20px 16px 15px 40px;} .adsum2 {position:relative; width:268px; height:152px; overflow:hidden; margin:0; padding:0 0 0 32px;} .bgad {background-color:#f9f9f9; width:690px;} /* 라이프스폰서, 실시간 best */ .ad_sponsor {position:relative; width:285px; overflow:hidden; padding:5px 15px 5px 15px; float:left;} .ad_sponsor ul {float:left; height:153px} .ad_sponsor li {float:left; width:285px; line-height:18px; padding-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ad_sponsor li span {font-family:'verdana'; line-height:14px; font-weight:bold;} .ad_sponsor iframe {display:block;} /* Dotlist */ .cont_dotlist {margin:0; width:100%; font-size:13px;} .cont_dotlist ul.w285 li{width:275px; line-height:22px; padding-left:10px; background:url("http://img.hankooki.com/portal/2015/08/dotgray.gif") no-repeat 0 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .cont_dotlist ul.w300 li{width:290px; line-height:23px; padding-left:10px; background:url("http://img.hankooki.com/portal/2015/08/dotgray.gif") no-repeat 0 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .cont_dotlist ul.w268 li{width:258px; line-height:21px; padding-left:10px; background:url("http://img.hankooki.com/portal/2015/08/dotgray.gif") no-repeat 0 7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 공통 */ h4 {float:left; width:100%; padding-bottom:10px; font-size:14px; font-weight:bold; color:#333; letter-spacing:1px;} h4 span.gl {border-right:1px solid #ccc; padding-right:15px; margin-right:5px;} .cont {overflow:hidden; float:left;} .disline {float:left;} .crred {color:#cb0003} .crblue {color:#247acd} .mt3 {margin-top:3px;} .mt10 {margin-top:10px;} .mt12 {margin-top:12px;} .mt14 {margin-top:14px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mr14 {margin-right:14px;} .mr13 {margin-right:13px;} .mr15 {margin-right:15px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr60 {margin-right:60px;} .mb6 {margin-bottom:6px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb25 {margin-bottom:25px;} .h148 {height:150px; overflow:hidden;} .mbtl {margin-top:10px; padding-top:30px; border-top:1px solid #e7e7e7;} .f13t {font-size:13px; font-family:Gulim; color:#888; padding-bottom:5px;} .bbt1 {border-bottom:1px solid #e7e7e7;} .pb0 {padding-bottom:0;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} /* 컨텐츠 배열 */ .main_content .space {position:relative; width:1022px; height:1px; margin:6px 0 -9px; background:#757f95; overflow:hidden;} .home_move {clear:both; position:absolute; top:0; left:0; text-align:left; z-index:20;} .home_move .shadow {position:absolute; top:1px; left:1px; width:1020px; height:100%; background:#000; filter:alpha(opacity:10);} .home_move .main_content_new {float:none; margin:0; padding:0;} .home_move .main_content_new .main_component {width:1020px; margin:0; padding:9px 0; border:1px solid #68696C; cursor:move; background-color:#ffffff;} .main_component {position:relative; float:left; padding-top:28px;} .main_component .btn_move {position:absolute; top:10px; right:5px; width:51px; height:15px;} .main_component .btn_move a {position:absolute; top:0; width:15px; height:15px; overflow:hidden; display:block; background:url(http://img.hankooki.com/portal/2015/08/icon_move.png) no-repeat;text-indent:-200px; text-decoration:none;} .main_component .btn_move .move {display:block; overflow:hidden; position:absolute; right:30px; width:16px; cursor:move; background:url(http://img.hankooki.com/portal/2015/08/icon_move.png) no-repeat 5px 0; text-indent:-200px;} .main_component .btn_move a.up {right:15px; background-position:5px -48px; cursor:pointer;} .main_component .btn_move a.up_off {right:15px; background-position:5px -48px; cursor:pointer;} .main_component .btn_move a.up_on {right:15px; background-position:5px -48px; cursor:pointer;} .main_component .btn_move a.down {right:0; background-position:5px -98px; cursor:pointer;} .main_component .btn_move a.down_off {right:0; background-position:5px -98px; cursor:pointer;} .main_component .btn_move a.down_on {right:0; background-position:5px -98px; cursor:pointer;} /* 멀티미디어 */ #multimedia .mp_l {width:165px; float:left;} #multimedia .mp_l li {display:inline; position:relative;} #multimedia .mp_c {width:684px; float:left; padding-left:6px; position:relative;} #multimedia .mp_r {width:165px; float:right;} #multimedia .mp_r li {display:inline; position:relative;} #multimedia .mp_l img {width:165px; height:99px;} #multimedia .mp_c .main_img {width:677px; height:408px;} #multimedia .mp_c .main_img img {width:677px; height:408px;} #multimedia .mp_r img {width:165px; height:99px;} #multimedia .pb4 {float:left; padding-bottom:4px;} #multimedia .sel {position:absolute; top:0; left:0; width:165px; height:99px; background-color:#000; filter:alpha(opacity=65); opacity: .65;} #multimedia .wt {position:absolute; top:0; left:0; width:140px; max-height:35px; margin:22px 10px; text-align:center; padding:6px 0; border-top:2px solid #ccc; border-bottom:1px solid #ccc; font-size:15px; text-align:center; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#fff; overflow:hidden;} #multimedia .wt a {z-index:100; color:#fff; text-decoration:none;} #multimedia .mp_c .wt_bg {position:absolute; left:54px; bottom:10px; *bottom:20px; width:556px; height:35px; overflow:hidden; color:#4d4d4d; line-height:20px; padding:15px 12px; /*background-color:#fff; filter:alpha(opacity=85); opacity:0.85;*/ background:url("http://img.hankooki.com/portal/2015/08/wt_bg.png") repeat 0 0;} #multimedia .mp_c .wt_bg div {width:510px; height:37px; overflow:hidden;} #multimedia .mp_c .wt_bg img {position:absolute; right:10px; bottom:14px; vertical-align:middle;} #multimedia .mp_c:hover a {text-decoration:none;} /* 골프한국 */ #c_golfhankook .tabon {color:#333;} #c_golfhankook .taboff {color:#888;} #golfhankook {float:left; background:#fff; width:640px; padding:20px 24px 5px 24px; height:528px; border:1px solid #e7e7e7; overflow:hidden;} #golfhankook .big_pic {width:640px; height:168px;padding:0; margin-bottom:19px; position:relative;} #golfhankook .big_pic:hover .top_title {text-decoration:underline;} #golfhankook .big_pic01 {float:left; width:43px; padding-top:75px; padding-left:0; cursor:pointer;} #golfhankook .big_pic01 #PhotoArrowR img {float:right;} #golfhankook .big_pic02 {float:left; width:268px;} #golfhankook #PhotoBig img {border:1px #cccccc solid;} #golfhankook .big_pic03 {float:left; width:276px; height:167px; padding-left:10px;} #golfhankook .w246 {float:left; width:100%;} #golfhankook .top_con {float:left; width:100%; height:100px; margin-top:8px; line-height:160%; overflow:hidden; text-overflow:ellipsis; color:#666666;} #golfhankook .top_con a {text-decoration:none; color:#666666;} #golfhankook .top_title {font-weight:bold;font-size:18px;letter-spacing:-1px;line-height:150%;} #golfhankook .small_pic {float:left; width:630px; margin-top:15px; border-left:1px solid #a4a8b9;} #golfhankook .small_pic div {float:left; width:125px; border-top:1px solid #a4a8b9;} #golfhankook .small_pic img {float:left; cursor:pointer;} #golfhankook .small_pic .today_over {width:119px; height:69px; border:3px solid #4caef6;} #golfhankook .br_l {border-left:1px solid #a4a8b9;} #golfhankook .br_r {border-right:1px solid #a4a8b9;} #golfhankook .m19 {float:left; width:345px; margin:19px;} #golfhankook .mb10 {float:left; width:345px; margin-bottom:25px;} #golfhankook .w295 {float:left; width:345px; overflow:hidden;} #golfhankook .w295 li {line-height:180%; width:345px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #golfhankook dd {float:left; width:295px;} #golfhankook .dot {background:url('http://img.hankooki.com/portal/2007/12/dot_gray.gif') no-repeat 0 7px; padding:0 0 0 7px;} #golfhankook .pic_title {float:left; padding-bottom:13px;} #golfhankook .title {float:left; margin-top:20px; margin-bottom:10px;} #golfhankook .title li {display:inline;} #golfhankook .inter_pic {float:left; width:115px; height:75px;} #golfhankook .inter_title {float:left; width:220px; margin-left:10px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #golfhankook .inter_con {float:left; width:220px; height:55px; margin-top:5px; margin-left:10px; overflow:hidden; text-overflow:ellipsis;} #golfhankook .inter_con a {text-decoration:none;} #golfhankook .today {width:640px; padding-bottom:14px;margin-bottom:20px; border-bottom:1px solid #e7e7e7; overflow:hidden;} #golfhankook .roll {width:100%; height:13px; padding:0; text-align:center;overflow:hidden;} #golfhankook .roll img {margin:0 3px; cursor:pointer; vertical-align:top} #golfhankook .golflist {overflow:hidden;} #golfhankook .golflist ul {overflow:hidden;} /* 골프매거진 */ #golfmagaz {float:left; background:#fff; width:640px; padding:20px 24px 5px 24px; height:528px; border:1px solid #e7e7e7; overflow:hidden;} #golfmagaz .head_gm {padding:0; width:640px; overflow:hidden;} #golfmagaz .head_gm .thumb_h {width:640px; height:296px; position:relative;} #golfmagaz .head_gm .thumb_h img {width:638px; height:294px; border:1px solid #e7e7e7;} #golfmagaz .head_gm .hd_bar {position:absolute; z-index:10; left:0; bottom:0; width:640px;height:50px; background:#000;filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7} #golfmagaz .head_gm .hd_tit {position:absolute; left:12px; bottom:11px; z-index:11; width:638px;} #golfmagaz .head_gm .hd_tit {font-size:21px; letter-spacing:-1px;line-height:24px;color:#fff; font-weight:bold; font-family:Dotum, Helvetica;} #golfmagaz .head_gm .hd_tit a {color:#fff; text-decoration:none;} #golfmagaz .head_gm .hd_tit a:hover {color:#fff;text-decoration:underline;} #golfmagaz .head_gm .bun {margin:13px 0 8px 0; width:550px; color:#9bd6b5; line-height:18px; display:none;} #golfmagaz .head_gm .bun a {color:#9bd6b5; text-decoration:none;} #golfmagaz .head_gm .bun a:hover {color:#9bd6b5;text-decoration:underline;} #golfmagaz .head_gm:hover .hd_tit {text-decoration:underline;} /* 파퓰러사이언스 */ #popsci {margin:0; padding-bottom:8px; width:1020px; position:relative;} #popsci .head {float:left; width:735px; position:relative;} #popsci .head .hdr {position:absolute; right:0; top:0; width:71px; height:309px; border-bottom:1px solid #afafaf; background:url("http://img.hankooki.com/popsci/2013/04/head_right.png") no-repeat 0 0;} #popsci .head .photo {width:683px; border-top:1px solid #afafaf; border-left:1px solid #afafaf; border-bottom:1px solid #afafaf;} #popsci .mcont {float:left; width:285px; margin:0; height:309px; background:url("http://img.hankooki.com/popsci/2013/04/head_right2.jpg") no-repeat 0 0; overflow:hidden; border-bottom:1px solid #afafaf;} #popsci dl.headline {padding-top:62px; width:270px; height:187px; overflow:hidden;} #popsci dl.headline dt, dd {margin:0;} #popsci dl.headline .htit {margin:0 0 9px 0; font-size:24px; line-height:28px; color:#fff; font-weight:bold; letter-spacing:-1px} #popsci dl.headline .htit a {color:#fff; text-decoration:none;} #popsci dl.headline .htit a:hover {color:#fff;text-decoration:underline;} #popsci dl.headline .stit {margin:0; font-size:14px; line-height:18px; color:#aaa; font-weight:bold; letter-spacing:-1px} #popsci dl.headline .stit a {color:#aaa; text-decoration:none;} #popsci dl.headline .stit a:hover {color:#aaa;text-decoration:underline;} #popsci dl.headline .bun {margin:14px 0 0 0; color:#888; line-height:18px;} #popsci dl.headline .bun a {color:#888; text-decoration:none;} #popsci dl.headline .bun a:hover {color:#888;text-decoration:underline;} #popsci dl.headline .head_more {margin-top:15px; *margin-top:12px;} #popsci ul.number {margin:0; width:100%; background:url("http://img.hankooki.com/popsci/2013/04/head_numbg.jpg") repeat-x 0 0; overflow:hidden;} #popsci ul.number li {display:inline; float:left;} /* 사이드 배너 */ #SideBannerL {position:absolute; left:-225px; top:212px; overflow:visible; z-index:10;} /* #SideBannerL {width:160px; height:600px; position:absolute; left:-225px; top:212px; overflow:visible; z-index:10; text-align:right;} */ #SideBannerR {position:absolute; right:-185px; top:212px; overflow:visible; z-index:10;} /* 섬네일 광고 */ .adnum {position:relative; width:268px; overflow:hidden; padding:0 0 0 32px;} .adnum dl {width:235px;} .adnum dt {font-weight:bold; margin-bottom:5px;} .adnum .thumb {position:relative; padding-bottom:10px; line-height:22px;} .adnum .thumb img {width:235px; height:80px;} .adnum dd {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .adnum dd span {font-family:'verdana'; font-weight:bold;} /* 사이드 배경 */ .wrap2 {background-color:#f9f9f9; position:relative; margin:0 auto; width:1020px;} .bg_white {width:1150px; height:100%; background-color:#fff; margin:0 auto;} .wrap2 .gra_c {position:absolute; right:-180px; top:0; background:url("http://img.hankooki.com/portal/2015/10/gra_c.png") repeat-y; width:1250px; height:100%; overflow:visible; z-index:-1;} /* 테마 갤러리 */ #conbottom {margin:0 auto; width:1020px;} #conbottom .contents_bottom {float:left; width:300px; padding-right:30px; border-right:1px solid #e7e7e7;} #conbottom .gs_list_photo ul {float:left;} #conbottom .gs_list_photo li {float:left; width:300px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #conbottom .gs_list_photo li span {font-family:'verdana'; font-weight:bold;} .tgallery {float:left; background-color:#efefef; width:100%;} .tgallery dl {float:left; margin:5px 0 5px 6px; display:inline; position:relative; bottom:0; left:0; font-family:'gulim', '굴림';} .tgallery dt img {width:197px; height:281px;} .tgallery .wt {position:absolute; bottom:0px; *bottom:4px; left:0; width:197px; height:40px; filter:alpha(opacity=80); opacity: .8; background-color:#f7f7f7;} .tgallery .bk {position:absolute; bottom:0px; *bottom:4px; left:0; width:197px; height:40px; filter:alpha(opacity=70); opacity: .7; background-color:#000; color:#fff; } .tgallery dd .wt_f, .tgallery dd .bk_f {position:absolute; bottom:12px; *bottom:15px; left:15px; width:170px; text-align:center; font-size:12px; font-weight:bold; filter: alpha(opacity=100); opacity:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .tgallery .wt_f a {color:#000;} .tgallery .bk_f a {color:#fff;} .tgallery dl:hover .l_t {width:197px; height:100%; position:absolute; top:0; left:0; z-index:3; background:url("http://img.hankooki.com/eyenews/2015/08/list_bd_t.gif") no-repeat top;} .tgallery dl:hover .l_c {width:197px; height:98%; position:absolute; top:3px; left:0; z-index:1; background:url("http://img.hankooki.com/eyenews/2015/08/list_bd_t.png") repeat-y;} .tgallery dl:hover .l_b {width:197px; height:100%; position:absolute; bottom:0; *bottom:3px; left:0; z-index:3; background:url("http://img.hankooki.com/sports/2015/07/list_bd_b.gif") no-repeat bottom;} .tgallery dl:hover a {cursor:pointer; text-decoration:underline;} .btn_cs {cursor:pointer;} /* 연예 */ .enter {width:285px; overflow:hidden; padding:20px 14px 15px 16px;} .enter ul {overflow:hidden; width:100%;} .enter .li_img {float:left; width:140px; margin-right:15px;} .enter .li_img img {width:138px; height:82px; border:1px solid #e7e7e7; vertical-align:top;} .enter .li_tit {float:left; width:130px; margin-top:7px; font-weight:bold; height:70px; font-size:14px; line-height:22px; overflow:hidden;} /* 롤링 아이콘 */ .comicon {background:url("http://img.hankooki.com/portal/2016/01/comicon.jpg") no-repeat;} .roll2 {margin:0 auto; text-align:center; overflow:hidden;} .roll2 span {margin:0 2px 0 3px; cursor:pointer; text-indent:-9999px;display:block; font-size:0px; overflow:hidden;} .blt_on {float:left;width:15px;height:18px; background-position:-25px -18px;} .blt_off {float:left;width:15px;height:18px; background-position:-5px -18px} .blt_on2 {float:left;width:11px; height:15px; background-position:-20px 0;} .blt_off2 {float:left;width:11px; height:15px; background-position:-5px 0;} .arr_prev {float:left;width:24px; height:19px; background-position:-5px -45px; padding-right:8px;} .arr_next {float:left;width:24px; height:19px; background-position:-31px -45px; padding-left:10px;} /* 멀티미디어 우측 */ .promo_r {padding-top:50px; padding-bottom:20px;} #photonews {width:300px; margin-bottom:0; overflow:hidden;} #photonews dl.hk_photonews_bg {margin-bottom:0;} #photonews dd {float:left; line-height:18px;} #photonews dd.on a{color:#e20002;font-weight:bold;} #photonews dd.pt_news_t1 {margin:0 0 3px 0;} #photonews dd.pt_news_t2 {margin-left:8px; font-weight:bold;} #photonews dd.pt_news_t3 {margin-left:8px; font-weight:bold;} #photonews .bl {padding-left:10px; font-weight:bold; background:url('http://img.hankooki.com/news/2012/04/bar_line2.gif') no-repeat 0 1px; overflow:hidden} /* RSS 사이트 */ #contents h3 {padding:40px 0 10px 0; font-weight:bold;} #contents .pt3 {margin-top:3px;} #contents .rss_table {width:695px; border-bottom:1px solid #bababa; background:url('http://img.hankooki.com/rss/201601/table_top.gif') repeat-x top; overflow:hidden;} #contents .rss_table dl {float:left; width:100%; border-bottom:1px solid #efefef;} #contents .rss_table dt {float:left; width:116px; text-align:center; padding-top:5px; height:25px; display:inline; overflow:hidden;} #contents .rss_table dd {float:left; display:inline; padding-top:5px;} #contents .rss_table dd.w104 {width:104px; text-align:center;} /* 주소복사 테이블 */ #contents .rss_table dl:hover {float:left; background-color:#939393; color:#fff; font-weight:bold;} #contents .rss_table dl:hover a {color:#fff; text-decoration:none;} #contents .rss_table dt {background-color:#f8f8f8;} #contents .rss_table dl:hover dt {background-color:#939393;} #contents .rss_table .input_st {border:1px #bbb solid; height:20px; margin:0 0 7px 5px;} /* 광고 AD 아이콘 */ .ad_icon {position:absolute; top:-1px; right:-1px; padding:0 3px; font-family:verdana; font-size:10px; border:1px #ddd solid; background-color:#e7e7e7; color:#ffffff; line-height:14px;} /* 위,오른쪽 테두리 없음 (테두리 있는 컨텐츠일 경우) */ .ad_icon2 {position:absolute; top:0; right:-1px; padding:0 3px; font-family:verdana; font-size:10px; border:1px #ddd solid; background-color:#e7e7e7; color:#ffffff; line-height:14px;} /* 오른쪽 테두리 없음 */