@charset "utf-8"; @import url('donga_board_20141001.css'); /* reset */ html,body{width:100%;height:100%} html {overflow-y:scroll;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img,table,tr,th,td,tbody,thead {margin:0;padding:0} body {font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:140%;color:#333;background:#f1f1f1 no-repeat 0 0;text-align:left;*word-break:break-all;} dl,ul,ol,li {list-style:none;} fieldset, img {border:none;} hr{display:none;} input,textarea,select{font-size:12px;color:#333;vertical-align:top;} table{width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;} legend, caption{width:0; height:0; font:0px/0px Sans-serif;visibility:hidden;z-index:-1;} em, address {font-style:normal;} a {cursor:pointer;} /* common */ a:link, a:visited {text-decoration:none;color:#333;} a:hover, a:active, a:focus {text-decoration:none;color:#f25632 !important;} .hidden{display:none;position:absolute;left:-10000px;top:0;visibility:hidden;z-index:-1;} /* margin*/ .mgb8 {margin-bottom:8px;} /* 스킵네비 */ .skip {position:relative;z-index:9999999;} .skip a {position:absolute;left:0;top:-30px;width:110px;height:30px;line-height:30px;background:#0059bd;font-weight:bold;color:#fff;text-align:center;} .skip a:active, .skip a:focus {top:0;cursor:pointer;} /* 상단광고 */ #top_AD {margin:0 auto;text-align:center;} /* 좌,우측 광고 */ #wrap #leftwing {position: absolute;top: 45px;left: -125px;width: 120px;} #wrap #rightwing {position: absolute;top: 45px;right: -125px;width: 120px;} /* gnb */ #gnb {min-width:980px;position:relative;text-align:center;background:#313e4b;border-bottom:1px solid #1e262f;z-index:100000;} #gnb .gnb_box {min-width:980px;width:980px;margin:0 auto;display:inline-block;position:relative;text-align:left;} #gnb .gnb_box .gnbLeft {float:left;} #gnb .gnb_box .gnbRight {float:right;} #gnb .gnb_box .gnbLeft li {padding-left:5px;} #gnb .gnb_box .gnbRight li {padding-left:5px;} #gnb .gnb_box li {float:left;font-size:9px;height:25px;line-height:25px;;color:#57606a;} #gnb .gnb_box li a {color:#969696;font-size:11px;} #gnb .gnb_box li:first-child {background:none; padding-left:0;} #gnb .gnb_box li.first {background:none; padding-left:0;} #gnb .gnb_box .gnbRight .img img {padding-top:5px;} /* header */ #header {height:80px;background:#222b35;} #header .header_box {position:relative;width:980px;margin:0 auto;z-index:10;} #header .header_box h1 {position:absolute;top:29px;left:0;} #header .header_box .nav_studio {float:left;padding:34px 0 0 241px;} #header .header_box .nav_studio li {float:left;margin-right:32px;} #header .header_box .nav_studio li a {display:block;height:18px;background:url(../images/common/tab_menu.png) no-repeat left top;text-indent:-999em;} #header .header_box .nav_studio li.home a {width:16px;background-position: 0 0;} #header .header_box .nav_studio li.news a {width:34px;background-position: -20px 0;} #header .header_box .nav_studio li.enter a {width:32px;background-position: -60px 0;} #header .header_box .nav_studio li.sport a {width:50px;background-position: -98px 0;} #header .header_box .nav_studio li.life a {width:48px;background-position: -150px 0;} #header .header_box .nav_studio li.home a:hover , #header .header_box .nav_studio li.home a.on {height:46px;background-position: 0 -19px;} #header .header_box .nav_studio li.news a:hover , #header .header_box .nav_studio li.news a.on {height:46px;background-position: -20px -19px;} #header .header_box .nav_studio li.enter a:hover , #header .header_box .nav_studio li.enter a.on {height:46px;background-position: -60px -19px;} #header .header_box .nav_studio li.sport a:hover , #header .header_box .nav_studio li.sport a.on {height:46px;background-position: -98px -19px;} #header .header_box .nav_studio li.life a:hover , #header .header_box .nav_studio li.life a.on {height:46px;background-position: -150px -19px;} /* 20160502 max 추가 김하나 */ #header .header_box .ins_max li {margin-right:23px;} #header .header_box .ins_max li.max a {width:38px;height:18px;background:url(../images/common/tab_menu_max.png) no-repeat 0 0;} #header .header_box .ins_max li.max a:hover , #header .header_box .nav_studio li.max a.on {height:46px;background-position: 0 -19px;} #header .header_box .header_search {position:absolute;right:0;top:30px;} #header .header_box .header_search input.in_ser {width:181px;height:27px;padding:0 0 0 10px;background:#8a9198;border-left:1px solid #666b71;border-top:1px solid #666b71;border:0;line-height:27px;} #header .header_box .header_search input.s {position:absolute;right:0;top:0;} #header .header_box .menu_more {position:relative;float:left;width:144px;padding:34px 0 0 13px;} #header .header_box .menu_more a {display:block;font-weight:bold;color:#94a1ac;border-bottom:1px solid #505e69;padding:0 0 3px 0;letter-spacing:-1px;} #header .header_box .menu_more a span {display:block;overflow: hidden;padding-right:20px;text-overflow: ellipsis;white-space: nowrap;} #header .header_box .menu_more .btn_more {position:absolute;right:0;bottom:8px;display:inline-block;width:12px;height:8px;background:url(../images/common/icon_open.png) no-repeat right top;cursor:pointer;} #header .header_box .menu_more .on {background:url(../images/common/icon_close.png) no-repeat right top;} #header .header_box .menu_more .menu_layer {display:none;position:absolute;top:53px;left:6px;width:155px;border:1px solid #2e3943;z-index:1000;zoom:1;} #header .header_box .menu_more .menu_layer li {border-top:1px solid #2d363d;} #header .header_box .menu_more .menu_layer li:first-child {border-top:none;} #header .header_box .menu_more .menu_layer li a {overflow:hidden;splay:block;height:30px;padding:0 0 0 20px;line-height:30px;color:#fff;font-weight:normal;border-bottom:none;background:#3f4b55 url(../images/common/bullet01.gif) no-repeat 9px 14px;text-overflow: ellipsis;white-space: nowrap;} #header .header_box .menu_more .menu_layer li a:hover {background:#2e3a44 url(../images/common/bullet01.gif) no-repeat 9px 14px;} /* wrap */ #wrap {position:relative;width:980px;margin:0 auto;} #wrap #container {width:978px;margin:0 auto 21px auto;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;} #wrap #container #contents {padding:36px 27px 20px;overflow:hidden;} /* footer */ #footer {padding-top:35px;background:#fff;border-top:2px solid #b3b3b3;} #footer .footer_box {width:910px;margin:0 auto;padding-left:90px;} #footer .footer_box p {margin-bottom:1px;} #footer .footer_box p a {padding-left:5px;background:url(http://img.donga.com/home2011/images/bg_vertical_bar.gif) no-repeat left top; } #footer .footer_box p a.bgNone {background:none;} #footer .footer_box p a img {} #footer .copyright {display:block;width:910px;padding-left:90px;margin:30px auto 0 auto;padding-bottom:95px;} #footer .copyright .fLogo {color:#7c7c7c;font-family:verdana;font-size:11px;clear:both;float:none;} #footer .copyright .fLogo strong {font-size:12px;color:#f14922;font-weight:bold;} #footer .copyright .footerBanner2014 {float:left;width:300px;height:25px;padding-left:0;margin-top:-5px;} #footer .copyright .f_Banner {float:left;padding-left:16px;margin-top:-3px;} #footer .copyright .f_Banner a {margin-right:14px;} #footer .copyright .address {color:#787878;font-size:11px;float:left;} #footer .copyright .address span {color:#ccc;} /* 20151118 메인 SNS소식 추가 & 20151125 sns영역 수정 김하나 */ #wrap #container #contents .sns_area {position:absolute;top:8px;right:28px;} #wrap #container #contents .sns_area .f_link {display:block;float:left;margin-right:-1px;width:24px;height:20px;background:url(../images/common/bg_sns.gif) no-repeat 0 0;font-size:0;} #wrap #container #contents .sns_area span {color:transparent;} /* 메인 슬라이드 */ .studio_main {width:924px;float:left;position:relative;} .studio_main > h2 {position:absolute;left:-12px;top:-26px;z-index:1;} #mPhoto {overflow:hidden;position:relative;float:left;} #mPhoto .topTxt {position:absolute;bottom:0;left:0;z-index:1;} #mPhoto .btnClose {display:none !important;} #mPhoto .botTxt {display:none !important;} #mPhoto .topTxt p {position:absolute;left:0;bottom:0;width:660px;height:288px;background:url(../images/common/bg_slide.png) no-repeat 0 0;} #mPhoto .topTxt p span {overflow:hidden;display:block;margin-top:220px;padding:0 33px;color:#fff;font-size:24px;text-overflow:ellipsis;white-space:nowrap;line-height:50px;font-weight:bold;} #mPhotoSwipe {overflow:hidden;float:left;width:660px;height:380px;} #mPhotoSwipe .swipe-wrap {position:relative;overflow:hidden;width:100%;height:100%;} #mPhotoSwipe .swipe-wrap > div {float:left;position:relative;height:100%;} #mPhotoSwipe .swipe-wrap > div a {display:block;} #mPhotoSwipe .swipe-wrap > div a img {} #mPhotoSwipe .swipe-wrap > div a .tit {display:block;position:absolute;left:0;bottom:0;width:660px;height:288px;background:url(../images/common/bg_slide.png) no-repeat 0 0;} #mPhotoSwipe .swipe-wrap > div a .tit strong {overflow:hidden;display:block;position:absolute;bottom:50px;left:37px;color:#fff;font-size:24px;text-overflow:ellipsis;white-space:nowrap;line-height:24px;} #mPhotoSwipe .swipe-wrap > div a .tit .date {display:block;position:absolute;bottom:26px;left:37px;color:#fff;font-size:13px;font-family:Verdana;} #mPhotoSwipe .swipe-wrap > div a .frame {position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;} #mPhotoSwipe .sBtn button {position:absolute;top:50%;margin-top:-26px;width:44px;height:87px;text-indent:-9999em;border:0 none;overflow:hidden;cursor:pointer;z-index:100;} #mPhotoSwipe .sBtn button.prev {left:0;background:url(../images/common/btn_photo_prev_out.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.next {right:0;background:url(../images/common/btn_photo_next_out.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.prev:hover {left:0;background:url(../images/common/btn_photo_prev.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.next:hover {right:0;background:url(../images/common/btn_photo_next.png) no-repeat 0 0;} /* 핫이슈 , 작가갤러리 */ .right_photo {float:right;width:252px;} .photo_box {position:relative;} .photo_box .tit {height:29px;padding:0 0 0 12px;background:#f6f6f6;border-top:1px solid #ddddd8;border-left:1px solid #ddddd8;border-right:1px solid #ddddd8;line-height:29px;font-weight:bold;font-size:12px;} .photo_box .tit em {color:#ff522b;} .photo_box a {display:block;width:100%;height:100%;} .photo_box .thumb {position:relative;} .photo_box .frame {position:absolute;left:0;top:0;width:250px;height:154px;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);} .photo_box a img {display:block;width:252px;height:156px;} .photo_box .sub_tit {display:block;position:absolute;bottom:0;left:0;overflow:hidden;background:url(../images/common/bg_txt.png) no-repeat 0 0;font-weight:bold;vertical-align:bottom;} .photo_box .sub_tit a {color:#fff;width:220px;height:34px;padding:75px 16px 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* 포토 리스트 */ .photo_view_list {clear:both;} #photo_list {clear:both;width:100%;padding-top:26px;overflow:hidden;} #photo_list .masonry-item {display:block;position:relative;float:left;width:300px;margin-bottom:12px;} #photo_list .masonry-item a {display:block;width:300px;min-height:100%;} #photo_list .masonry-item:hover .border {display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #ff6b4a;cursor:pointer;} #photo_list .masonry-item:hover .summary {color:#333;} #photo_list .masonry-item a img {display:block;width:300px;} #photo_list .masonry-item .thumb {position:relative;} #photo_list .masonry-item .summary {display:block;width:262px;padding:15px 18px;background:#f6f6f6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;font-weight:bold;} #photo_list .masonry-item .thumb .icon_player {display:block;position:absolute;left:19px;bottom:13px;width:42px;height:42px;background:url(../images/common/icon_player.png) no-repeat 0 0;text-indent:-9999em;} #photo_list .masonry-item .thumb .frame {position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);} /* contents > 페이징 */ #contents .page {position:relative;padding:20px 0 25px;text-align:center;font-weight:bold;} #contents .page strong {display:inline-block;height:24px;line-height:24px;font-weight:bold;color:#f14922;padding:0 12px 0 12px;vertical-align:middle;background:url(http://image.donga.com/donga2013/images/common/line_solid_1.gif) no-repeat 0 center;} #contents .page a {display:inline-block;height:24px;line-height:24px;font-weight:bold;color:#666;padding:0 12px 0 12px;vertical-align:middle;background:url(http://image.donga.com/donga2013/images/common/line_solid_1.gif) no-repeat 0 center;} #contents .page a:first-child {background:none;} #contents .page strong:first-child {background:none;} #contents .page a:hover {color:#f14922;} #contents .page .left {width:44px;margin:0 -6px 0 0;padding:0;background:url(http://image.donga.com/donga2013/images/sub/btn_page_left.gif) no-repeat 0 0 !important;} #contents .page .right {width:44px;margin:0 0 0 0;padding:0;background:url(http://image.donga.com/donga2013/images/sub/btn_page_right.gif) no-repeat 0 0;} #contents .page .left span, #contents .page .right span {position:absolute;visibility:hidden;z-index:-1;} /* 글쓰기 페이지 */ .wListSearchOp {} .wListSearchOp table tr th {text-indent:17px;padding:13px 0;text-align:left;font-weight:bold;color:#666;background:url(http://img.donga.com/donga2013/images/donga_board/bul_point_gray2.gif) no-repeat 7px center;} .wListSearchOp table tr td {padding-left:10px;line-height:160%;color:#969696;} .wListSearchOp table tr td a {color:#969696;} .wListSearchOp table tr td select {vertical-align:middle;border:1px solid #aeadb3;color:#666;} /* 마라톤화보 */ .marathon_list {margin-bottom:20px;} .marathon_list .img_banner {margin:0 0 15px 0;} .marathon_list .img_marathon_thum {overflow:hidden;width:930px;} .marathon_list .img_marathon_thum li {float:left;width:300px;height:300px;margin:0 10px 10px 0;} .marathon_list .img_marathon_thum li a {overflow:hidden;position:relative;display:inline-block;width:300px;height:300px;text-align:center;} .marathon_list .img_marathon_thum li a img {display:block;position:absolute;top:0;left:0;max-width:100%;width:300px;height:300px;opacity:0;z-index:2;} .marathon_list .img_marathon_thum li a .galleryImage {position:absolute;top:0;left:0;width:300px;height:300px;background-size:cover;background-position:center center;z-index:1;} .marathon_photo_wrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000000;} .marathon_photo_dim {background-color: #000;height: 100%;left: 0;position: absolute;top: 0;width: 100%;opacity:0.8;} .marathon_photo_main {position:relative;height:100%;} .marathon_photo_main .ap_close {display:block;position:absolute;top:10px;right:10px;width:30px;height:30px;background:url('http://img.donga.com/economy/dongAuto/images/sub/btn_close.gif') no-repeat 0 0;text-indent:-99999px;} .marathon_photo_main .marathon_photo {overflow:hidden;width:100%;height:100%;text-align:center;} .marathon_photo_main .marathon_photo .cont {height:100%;min-height:100%;padding:50px;} .marathon_photo_main .marathon_photo .cont img {max-width:100%;max-height:100%;} .marathon_photo_main .marathon_photo .cont span {display: inline-block;height: 100%;overflow: hidden;vertical-align: top;width: 0;} .marathon_photo_main .paging_box {position:absolute;bottom:80px;width:100%;text-align:center;color:#fff;font-size:13px;} .marathon_photo_main .btn_photo a {display:block;text-indent:-99999px;} .marathon_photo_main .ap_left {position:absolute;top:50%;left:30px;width:30px;height:59px;background:url('http://img.donga.com/economy/dongAuto/images/sub/btn_prev.png') no-repeat 0 0;} .marathon_photo_main .ap_left:hover{position:absolute;top:50%;left:30px;width:30px;height:59px;background:url('http://img.donga.com/economy/dongAuto/images/sub/btn_prev_on.png') no-repeat 0 0;} .marathon_photo_main .ap_right {position:absolute;top:50%;right:30px;width:30px;height:59px;background:url('http://img.donga.com/economy/dongAuto/images/sub/btn_next.png') no-repeat 0 0;} .marathon_photo_main .ap_right:hover {position:absolute;top:50%;right:30px;width:30px;height:59px;background:url('http://img.donga.com/economy/dongAuto/images/sub/btn_next_on.png') no-repeat 0 0;} .marathon_photo_listbox {width:100%;} .marathon_photo_list {overflow:hidden;position:absolute;bottom:0;} .marathon_photo_list ul li {position:relative;float:left;margin-right:6px;} .marathon_photo_list ul li a {display:block;width:66px;height:66px;border:1px solid #8a8b8d;} .marathon_photo_list ul li.on a {display:block;width:66px;height:66px;border:2px solid #fe765e;} .marathon_photo_list ul li a img {width:66px;height:66px;vertical-align:middle;} /* 20160502 뷰페이지 화보 추가 김하나 */ .photo_view {font-family:"맑은 고딕","Malgun Gothic";background-color:#2c2f35;} .photo_view #container {height:100%;} .photo_view #photo {height:100%;} .photo_wrap {position:relative;height:100%;overflow:hidden;} .photo_wrap .top_area {position:absolute;top:0;left:0;width:100%;height:62px;background-color:#000;z-index:20;} .photo_wrap .top_area:after {clear:both;display:block;content:"";} .photo_wrap .top_area .top_tit {max-width:1279px;margin:0 393px 0 134px;text-align:center;} .photo_wrap .top_area .top_tit p {padding:17px 0 16px;font-size:20px;color:#fffefe;line-height:28px;font-weight:bold;letter-spacing:-1px;} .photo_wrap .top_area .top_tit p .tit_con {display:inline-block;max-width:1124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} .photo_wrap .top_area .top_tit .paging_box {padding-left:26px;font-size:14px;color:#fffefe;} .photo_wrap .top_area .top_tit .paging_box span {color:#f87d3a;} .photo_wrap .top_area .top_con .sns_share {position:absolute;top:23px;right:422px;} .photo_wrap .top_area .top_con .sns_share li {float:left;margin-right:10px;} .photo_wrap .top_area .top_con .sns_share li .facebook {display:block;width:25px;height:25px;font-size:0;color:transparent;background:url(../images/common/btn_sns.png) no-repeat 0 0;} .photo_wrap .top_area .top_con .sns_share li .twitter {display:block;width:25px;height:25px;font-size:0;color:transparent;background:url(../images/common/btn_sns.png) no-repeat 0 -25px;} .photo_wrap .top_area .top_con .sns_share li .google {display:block;width:25px;height:25px;font-size:0;color:transparent;background:url(../images/common/btn_sns.png) no-repeat 0 -50px;} .photo_wrap .top_area .top_con .link_area {position:absolute;top:29px;right:50px;} .photo_wrap .top_area .top_con .link_area li {float:left;color:#4d4d4d;} .photo_wrap .top_area .top_con .link_area li a {display:inline-block;padding:0 10px;font-size:13px;color:#e1e1e1;} .photo_wrap .photo_area {position:relative;width:100%;height:100%;max-height:100%;} .photo_wrap .photo_area .cont {position:relative;height:100%;min-height:100%;margin-right:322px;text-align:center;} .photo_wrap .photo_area .cont img {max-width:100%;max-height:100%;vertical-align:middle;} .photo_wrap .photo_area .cont span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;} .photo_wrap .photo_area .cont .ap_left {position:absolute;top:50%;left:63px;width:30px;height:59px;margin-top:-30px;background:url(../images/common/btn2.png) no-repeat 0 0;text-indent:-9999px;} .photo_wrap .photo_area .cont .ap_left:hover {position:absolute;top:50%;left:63px;width:30px;height:59px;margin-top:-30px;background:url(../images/common/btn2.png) no-repeat 0 -118px;text-indent:-9999px;} .photo_wrap .photo_area .cont .ap_right {position:absolute;top:50%;right:63px;width:30px;height:59px;margin-top:-30px;background:url(../images/common/btn2.png) no-repeat 0 -59px;text-indent:-9999px;} .photo_wrap .photo_area .cont .ap_right:hover {position:absolute;top:50%;right:63px;width:30px;height:59px;margin-top:-30px;background:url(../images/common/btn2.png) no-repeat 0 -177px;text-indent:-9999px;} .photo_wrap .photo_area .listbox {position:absolute;top:132px;right:64px;width:193px;} .photo_wrap .photo_area .listbox ul {clear:both;overflow:hidden;} .photo_wrap .photo_area .listbox ul li {position:relative;float:left;width:86px;height:86px;margin:10px 0 0 10px;} .photo_wrap .photo_area .listbox ul li .thum_img {max-width:86px;min-width:86px;min-height:86px;background-color:#1d2026;} .photo_wrap .photo_area .listbox ul li .thum_img a {display:block;height:82px;text-align:center;} .photo_wrap .photo_area .listbox ul li .thum_img a img {display:inline-block;max-width:86px;max-height:86px;vertical-align:middle;} .photo_wrap .photo_area .listbox ul li .thum_img a span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;} .photo_wrap .photo_area .listbox ul li.on .thum_img a {overflow:hidden;border:2px solid #f37d3e;} .photo_wrap .photo_area .listbox ul li.on .thum_img a img {margin:-2px;} .photo_wrap .photo_area .listbox .page {margin:28px 0 0 10px;text-align:center;} .photo_wrap .photo_area .listbox .page strong {display:inline-block;padding-right:15px;font-size:14px;color:#f87d3a;} .photo_wrap .photo_area .listbox .page a {display:inline-block;padding-right:15px;font-size:14px;color:#fff;} .photo_wrap .photo_area .listbox .page .left {width:5px;height:7px;font-size:0;color:transparent;background:url(../images/common/btn.png) no-repeat 0 0;vertical-align:middle;} .photo_wrap .photo_area .listbox .page .right {width:5px;height:7px;padding-right:0;font-size:0;color:transparent;background:url(../images/common/btn.png) no-repeat 0 -7px;vertical-align:middle;} .photo_wrap .bot_area {position:fixed;bottom:0;left:0;width:100%;height:36px;min-height:36px;padding:9px 0;background:url(../images/common/bg.png) repeat 0 0;text-align:center;} .photo_wrap .bot_area p {position:absolute;bottom:0;left:18%;width:50%;height:36px;min-height:36px;padding:9px 0;overflow:hidden;display:-webkit-box;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:15px;color:#fffefe;line-height:21px;}