/* Theme Name: Samsung Tomorrow Wordpress Theme. Theme URI: http://samsungtomorrow.com Description: This theme is only for Samsung Tomorrow Version: 1.0 Author: i4u networks Author URI: http://www.i4unetworks.com License: License URI: Tags: */ /****************** CSS RESET *****************************/ @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } strong { font-weight:bold; } legend { display:none; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing:content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; box-sizing:content-box; } input[type="text"], textarea { font-family: 'Nanum Gothic'; } ::-webkit-input-placeholder { color: #646464; } :-moz-placeholder { /* Firefox 18- */ color: #646464; } ::-moz-placeholder { /* Firefox 19+ */ color: #646464; } :-ms-input-placeholder { color: #646464; } a:link { text-decoration:none; } a:visited { text-decoration:none; } a:hover { text-decoration:underline; } a:active { text-decoration:none; } img{ max-width:100%; height:auto; } video,audio,object,embed, iframe { max-width:100%; } input[type="search"], input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; box-sizing:content-box; } .placeholder { color: #000; } .clearfix { *zoom:1; } .clearfix:after { content:""; clear:both; display:block; } @font-face{ font-family: 'Nanum Gothic'; font-style: normal; font-weight: normal; } html { font-size:100%; } body { font-size:13px; font-family:'Nanum Gothic', Nanum Gothic, Dotum, Apple Gothic, Arial, sans-serif; -webkit-text-size-adjust:none; } .hide { display:none; } #skipLink { position:fixed; z-index:6000; left:0px; top:0px; width:100%; } #skipLink a { display:block; height:1px; overflow:hidden; *zoom:1; } #skipLink a:focus, #skipLink a:active { width:100%; height:30px; color:#000; font-weight:bold; line-height:30px; text-align:center; text-decoration:underline; background-color:#00CCFF; } #mobileMenuWrapper, #mobileSearchWrapper { display:none; } #allWrap { position:relative; min-width:320px; padding-top:94px; } #headerWrapper { position:fixed; z-index:5000; left:0px; top:0px; width:100%; } #headerWrapper a:hover { text-decoration:none; } #gnb { position:relative; height:50px; border-bottom:3px solid #00ccff; background-color:#151515; *zoom:1; } #gnb:after { content:""; clear:both; display:block; } #samsungTomorrow { float:left; width:259px; height:50px; background:url('./images/logo_normal.png') no-repeat 20px 18px; white-space:nowrap; text-indent:100%; overflow:hidden; } #mobileMenuOpenner, #mobileSearchOpenner { display:none; } #nav { float:left; } #nav li { float:left; height:50px; border-bottom:3px solid #00ccff; } #nav li > a { display:block; height:50px; padding:0px 20px; font-size:18px; color:#fff; font-family:'Nanum Gothic'; font-weight: 900; font-weight:bold\0/IE8; *font-weight:bold; white-space:nowrap; line-height:50px; border-right:1px solid #000; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } #nav li:first-child > a { border-left:1px solid #000; } #nav li > a.currentNav { background-color:#00ccff; text-shadow:1px 1px 5px #bbb; } #nav li > a .caret_icon { display:inline-block; width:7px; height:7px; margin-left:15px; background:url('./images/stripe_normal.png') no-repeat 0px -3px; white-space:nowrap; text-indent:100%; overflow:hidden; } #nav li > a .caret_iconOn { background-position:0px -17px; } .nav_subMenuWrapper { display:none; position:absolute; z-index:200; left:0px; top:53px; width:100%; } .nav_subMenuInner { display:block; padding-bottom:3px; background:url('./images/header_bg.png') repeat-x left bottom; } .nav_subMenu { display:block; height:95px; padding:30px 20px 29px 20px; font-size:0px; white-space:nowrap; text-align:center; background-color:#fff; /*box-shadow:0 0 3px #E6E6E6;*/ } .nav_subMenu .item { display:inline-block; width:10%; border-left:1px solid #e6e6e6; } .nav_subMenu .item:first-child { border-left:none; } .nav_subMenu .item a { display:block; height:95px; color:#767676; font-size:14px; font-family:'Nanum Gothic'; font-weight: 700; line-height:1em; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3 ease-in; -o-transition: all 0.3 ease-in; transition: all 0.3 ease-in; } .nav_subMenu .item a:hover, .nav_subMenu .item a:focus { color:#151515; } .nav_subMenu .item .nav_icon { display:block; height:65px; white-space:nowrap; text-indent:200%; overflow:hidden; background-repeat:no-repeat; } .nav_subMenu .item .nav_title { display:block; padding-top:15px; text-align:center; line-height:1.1em; } /*기업아이콘*/ .navCompany { background-image:url('./images/navicon_company_normal.png'); } .navCompany_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navCompany_0, .nav_subMenu .item a:focus .navCompany_0 { background-position:center -65px; } .navCompany_1 { background-position:center -130px; } .nav_subMenu .item a:hover .navCompany_1, .nav_subMenu .item a:focus .navCompany_1 { background-position:center -195px; } .navCompany_2 { background-position:center -260px; } .nav_subMenu .item a:hover .navCompany_2, .nav_subMenu .item a:focus .navCompany_2 { background-position:center -325px; } .navCompany_3 { background-position:center -390px; } .nav_subMenu .item a:hover .navCompany_3, .nav_subMenu .item a:focus .navCompany_3 { background-position:center -455px; } .navCompany_4 { background-position:center -520px; } .nav_subMenu .item a:hover .navCompany_4, .nav_subMenu .item a:focus .navCompany_4 { background-position:center -585px; } .navCompany_5 { background-position:center -650px; } .nav_subMenu .item a:hover .navCompany_5, .nav_subMenu .item a:focus .navCompany_5 { background-position:center -715px; } .navCompany_6 { background-position:center -780px; } .nav_subMenu .item a:hover .navCompany_6, .nav_subMenu .item a:focus .navCompany_6 { background-position:center -845px; } .navCompany_7 { background-position:center -910px; } .nav_subMenu .item a:hover .navCompany_7, .nav_subMenu .item a:focus .navCompany_7 { background-position:center -975px; } .navCompany_8 { background-position:center -1040px; } .nav_subMenu .item a:hover .navCompany_8, .nav_subMenu .item a:focus .navCompany_8 { background-position:center -1105px; } .navCompany_9 { background-position:center -1170px; } .nav_subMenu .item a:hover .navCompany_9, .nav_subMenu .item a:focus .navCompany_9 { background-position:center -1235px; } /*제품아이콘*/ .navProduct { background-image:url('./images/navicon_product_normal.png'); } .navProduct_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navProduct_0, .nav_subMenu .item a:focus .navProduct_0 { background-position:center -65px; } .navProduct_1 { background-position:center -130px; } .nav_subMenu .item a:hover .navProduct_1, .nav_subMenu .item a:focus .navProduct_1 { background-position:center -195px; } .navProduct_2 { background-position:center -260px; } .nav_subMenu .item a:hover .navProduct_2, .nav_subMenu .item a:focus .navProduct_2 { background-position:center -325px; } .navProduct_3 { background-position:center -390px; } .nav_subMenu .item a:hover .navProduct_3, .nav_subMenu .item a:focus .navProduct_3 { background-position:center -455px; } .navProduct_4 { background-position:center -520px; } .nav_subMenu .item a:hover .navProduct_4, .nav_subMenu .item a:focus .navProduct_4 { background-position:center -585px; } .navProduct_5 { background-position:center -650px; } .nav_subMenu .item a:hover .navProduct_5, .nav_subMenu .item a:focus .navProduct_5 { background-position:center -715px; } .navProduct_6 { background-position:center -780px; } .nav_subMenu .item a:hover .navProduct_6, .nav_subMenu .item a:focus .navProduct_6 { background-position:center -845px; } .navProduct_7 { background-position:center -910px; } .nav_subMenu .item a:hover .navProduct_7, .nav_subMenu .item a:focus .navProduct_7 { background-position:center -975px; } .navProduct_8 { background-position:center -1040px; } .nav_subMenu .item a:hover .navProduct_8, .nav_subMenu .item a:focus .navProduct_8 { background-position:center -1105px; } .navProduct_9 { background-position:center -1170px; } .nav_subMenu .item a:hover .navProduct_9, .nav_subMenu .item a:focus .navProduct_9 { background-position:center -1235px; } #searchWrapper { float:right; padding-right:20px; } #searchBox { *zoom:1; } #searchBox:after { content:""; clear:both; display:block; } #searchBox label { display:none; } .searchInputBox { float:left; width:150px; height:50px; padding:0px 19px; color:#e9e9e9; line-height:50px\0/IE8+9; border:none; background-color:transparent; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .searchInputBox::-webkit-input-placeholder { color: #fff; } .searchInputBox:-moz-placeholder { /* Firefox 18- */ color: #fff; } .searchInputBox::-moz-placeholder { /* Firefox 19+ */color: #fff; } .searchInputBox:-ms-input-placeholder { color: #fff; } #searchSubmit { float:left; width:54px; height:50px; padding:0px; border:none; background:url('./images/stripe_normal.png') no-repeat -17px 0px; white-space:nowrap; text-indent:500%; overflow:hidden; cursor:pointer; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } #keywordDelBtn { display:none; position:absolute; right:74px; top:0px; width:33px; height:50px; background:url('./images/search_common.png') no-repeat 0px 0px; white-space:nowrap; text-indent:200%; overflow:hidden; font-size:0px; } /*searchbox in focus*/ .searchBoxFocusOn .searchInputBox { color:#151515; background-color:#fff; } .searchBoxFocusOn .searchInputBox::-webkit-input-placeholder { color: #000; } .searchBoxFocusOn .searchInputBox:-moz-placeholder { /* Firefox 18- */ color: #000; } .searchBoxFocusOn .searchInputBox::-moz-placeholder { /* Firefox 19+ */color: #000; } .searchBoxFocusOn .searchInputBox:-ms-input-placeholder { color: #000; } .searchBoxFocusOn #searchSubmit { background-color:#00ccff; } #searchDetailOptionArea { display:none; position:absolute; z-index:4999; width:100%; height:174px; background:#fff url('./images/header_bg.png') repeat-x left 154px; *zoom:1; } #searchDetailOption { display:none; position:absolute; z-index:5000; right:0px; top:53px; height:145px; padding:9px 0px 20px 0px; *zoom:1; } #searchDetailOption:after { content:""; clear:both; display:block; } .searchInnerWrapper { float:right; width:291px; margin-right:20px; } .searchInnerWrapper .sf_title { height:35px; padding:0px 0px 0px 19px; color:#151515; font-size:15px; font-family:'Nanum Gothic'; font-weight: 700; line-height:35px; border-bottom:1px solid #e6e6e6; background:url('./images/search_common.png') no-repeat 249px -50px; } .searchInnerWrapper .sf_optionBox { padding:15px 18px 0px 18px; } .searchInnerWrapper .sf_optionBox .sf_row { margin-bottom:7px; *zoom:1; } .searchInnerWrapper .sf_optionBox .sf_row:after { content:""; clear:both; display:block; } .searchInnerWrapper .sf_optionBox .sf_row .sf_label { float:left; width:55px; height:21px; padding-right:20px; color:#151515; font-size:11px; font-family:'Nanum Gothic'; line-height:19px; text-align:right; } .searchInnerWrapper .sf_optionBox .sf_row .sf_item { float:left; position:relative; width:180px; height:21px; } .sf_selectBox { display:block; width:auto; height:19px; padding:0px 10px; color:#767676; font-size:11px; font-family:dotum; line-height:19px; background:#fff url('./images/search_common.png') no-repeat 154px -85px; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } .sf_selectBox em { display:none; } .sf_selectBoxOn { background-position:154px -106px; } .sf_selectOption { display:none; position:absolute; z-index:100; left:0px; top:20px; width:100%; background-color:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .sf_selectOption .sf_selectOptionInner { display:block; } .sf_selectOption .sf_selectOptionInnerOn { width:196px; height:200px; } .sf_selectOption .scrollarea { display:block !important; right:15px !important; } .sf_selectOption .scrollarea .scrollbar { display:block !important; } .sf_selectOption .sf_value { display:block; width:158px; padding:0px 10px; color:#767676; font-size:11px; font-family:dotum; line-height:19px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px dotted #e6e6e6; white-space:nowrap; } .sf_selectOption .sf_value:last-child { border-bottom:none; } .sf_selectOption .sf_value:hover, .sf_selectOption .sf_value:focus { background-color:#f8f8f8; } #menuWrapper { overflow:hidden; } #menuFluid { position:relative; height:41px; padding-bottom:3px; background:url('./images/header_bg.png') repeat-x left bottom; /*box-shadow:0px 0px 3px #e6e6e6;*/ } #menuSlideCtrl { position:absolute; z-index:10; right:0px; top:0px; padding-right:20px; background-color:#fff; *zoom:1; } #menuSlideCtrl:after { content:""; clear:both; display:block; } #menuLeft { float:left; width:21px; height:21px; margin-top:10px; margin-right:1px; font-size:0px; white-space:nowrap; text-indent:100%; background:url("./images/slide_btn.png") no-repeat 0px 0px; overflow:hidden; } #menuLeft:hover, #menuLeft:active { background-position:0px -21px; } #menuRight { float:left; width:21px; height:21px; margin-top:10px; font-size:0px; white-space:nowrap; text-indent:100%; background:url("./images/slide_btn.png") no-repeat -21px 0px; overflow:hidden; } #menuRight:hover, #menuRight:active { background-position:-21px -21px; } #menu { position:relative; width:2000px; background-color:#fff; *zoom:1; } #menu:after { content:""; clear:both; display:block; } #menu > li { float:left; /*position:relative;*/ height:41px; padding:0px 20px; line-height:41px; background:url('./images/menu_line.gif') no-repeat right center; } #menu > li > a { color:#555; font-size:13px; line-height:13px; font-family:'Nanum Gothic'; font-weight: 700; white-space:nowrap; } #menu > li > a .menu_icons { display:inline-block; margin-right:10px; margin-top:-2px; vertical-align:middle; } /*하위메뉴있는메뉴*/ .subMark { display:inline-block; width:7px; height:7px; margin-left:15px; background:url('./images/stripe_normal.png') no-repeat -9px -3px; white-space:nowrap; text-indent:100%; overflow:hidden; } .subMarkOn { background-position:-9px -17px; } /*서브메뉴*/ #menu > li > .subMenu { display:none; position:absolute; z-index:100; /*left:0px;*/ top:41px; padding-left:14px; padding-right:14px; white-space:nowrap; background-color:#717171; } #menu > li > .subMenu span { display:inline-block; height:42px; padding:0px 10px; line-height:42px; } #menu > li > .subMenu a { color:#fff; font-size:13px; } /*매직라인*/ #menu > li#magic-line { position:absolute; float:none; bottom:0px; left:0px; width:100px; height:2px; padding:0px; background:#00ccff; } /*다른메뉴*/ #menu > li#etcMenu { position:absolute; right:0px; top:0px; } #menu > li#etcMenu #etcMenuDepthBox { display:none; position:absolute; right:0px; top:41px; white-space:nowrap; border:1px solid red; background-color:#ccc; } #menu > li#etcMenu #etcMenuDepthBox > li { display:inline-block; padding:14px 0px; vertical-align:top; } #menu > li#etcMenu #etcMenuDepthBox > li > a { display:block; height:13px; padding:0px 20px; color:#555; font-size:13px; line-height:13px; font-family:'Nanum Gothic'; white-space:nowrap; border-right:1px solid #e6e6e6; } #menu > li#etcMenu #etcMenuDepthBox > li .subMenu { display:block; position:static; padding:10px 0px; } #menu > li#etcMenu #etcMenuDepthBox > li .subMenu > span { display:block; } #menu > li#etcMenu #etcMenuDepthBox > li .subMenu > span > a { display:block; padding:0px 20px; line-height:20px; } /*3단서브 메뉴*/ #menu > li > .subMenu span.sub3Depth { position:relative; padding-right:12px; background:url('./images/sub3depth_arrow.png') no-repeat right center; } #menu > li > .subMenu span.sub3DepthOn { background-image:url('./images/sub3depth_arrow2.png'); } #menu > li > .subMenu span.sub3Depth .sub3DepthBox { display:hidden; position:absolute; z-index:101; left:0px; top:42px; padding-left:14px; padding-right:14px; line-height:42px; white-space:nowrap; background-color:#00ccff; } #menu > li > .subMenu span.sub3Depth .sub3DepthBox a { display:inline-block; padding:0px 10px; color:#333; font-size:13px; line-height:13px; } /*Menu Icon*/ .icon-news { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat left top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-review { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -20px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-samtoTv { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -40px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-dic { display:inline-block; width:19px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -60px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-magazine { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -80px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-info { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -100px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-true { display:inline-block; width:15px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -120px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-show { display:inline-block; width:19px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -140px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-event { display:inline-block; width:13px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -160px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } .icon-etcMenu { display:inline-block; width:16px; height:13px; margin-right:10px; background:url('./images/menu_icon_stripe.png') no-repeat -180px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:top; } #bodyWrapper { position:relative; padding:0px 20px; } body.home #bodyWrapper { margin-top:20px; } /*메인페이지만 적용*/ /** Main **/ /*메인슬라이드*/ #mainSlider { position:relative; max-width:1402px; max-height:650px; overflow:hidden; } /*생중계플레이어*/ .mainLivePlayON { max-height:none !important; } .mainLivePlayBox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .mainLivePlayBox iframe, .mainLivePlayBox object, .mainLivePlayBox embed { position:absolute; left:0px; top:0px; width:100%; height:100%; } /* .BCLvideoWrapper { position: relative; padding-top: 1px; padding-bottom: 56.25%; height: 0; } * html .BCLvideoWrapper { margin-bottom: 45px; margin-top: 0; width: 100%; height: 100%; } .BCLvideoWrapper div, .BCLvideoWrapper embed, .BCLvideoWrapper object, .BrightcoveExperience { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } */ /*메인이벤트플레이어 원본 #eventDayWrapper { position:relative; padding:35px 511px 35px 40px; } #eventDayWrapper #eventDayConBox { position:absolute; z-index:10; right:40px; top:0px; width:431px; height:100%; overflow:hidden; } #eventDayWrapper #eventDayConBox .eventDayConInner { padding:35px 0px; } #eventDayMovBox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #eventDayMovBox iframe, #eventDayMovBox object, #eventDayMovBox embed { position:absolute; left:0px; top:0px; width:100%; height:100%; } */ /*메인이벤트플레이어 임시 수정 20131231 */ #eventDayWrapper { position:relative; padding:35px 511px 35px 40px; } #eventDayWrapper #eventDayConBox { position:absolute; z-index:10; right:40px; top:0px; width:431px; height: 100%; } #eventDayWrapper #eventDayConBox .eventDayConInner { padding:35px 0px; } #eventDayMovBox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #eventDayMovBox iframe, #eventDayMovBox object, #eventDayMovBox embed { position:absolute; left:0px; top:0px; width:100%; height:100%; } .mainSlideBox { position:relative; overflow:hidden; } .mainSlideBox .slideItemWrap { display:none; } .mainSlideBox .slideItemWrap:first-child { display:block; } .mainSlideBox .slideItem { position:relative; } .mainSlideBox .slideItem img { display:block; } .mainSlideBox .slideItem .cover { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('./images/slide_bg.png') repeat-x left bottom; background-size:100% 100%; } .mainSlideBox .slideItem .cover div.gra { position:absolute; width:100%; height:100%; white-space:nowrap; text-indent:100%; background-image:none; background-color:#151515; opacity:0.8; filter:alpha(opacity=80); } .mainSlideBox .slideItem .cover div.opa { background-image:none; background-color:#151515; opacity:0.0; filter:alpha(opacity=0); } .mainSlideBox .slideItem .sumUp { position:absolute; left:0px; bottom:0px; width:100%; color:#fff; text-align:center; word-break:keep-all; background:rgba(0,0,0,0.6); } .mainSlideBox .slideItem .sumUp .category_time { display:none; font-size:13px; font-family:'Nanum Gothic'; } .mainSlideBox .slideItem .sumUp .title { display:block; height:100px; padding:0px 200px; font-size:34px; font-family:'Nanum Gothic'; font-weight:900; line-height:100px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .mainSlideBox .slideItem .sumUp .effectBox { display:none; overflow:hidden; } .mainSlideBox .slideItem .sumUp .story { display:block; visibility:hidden; max-width:50%; margin:0px auto; margin-bottom:25px; font-size:14px; font-family:'Nanum Gothic'; line-height:1.4em; overflow:hidden; } .mainSlideBox .slideItem .sumUp .letsGoBtn { display:inline-block; visibility:hidden; } .mainSlideBox .slideItem .sumUp a { color:#fff; white-space:pre-wrap; word-wrap:break-word; } /*자세히보기*/ .letsGoBtn { display:inline-block; height:40px; padding:0px 30px; color:#555 !important; font-size:16px; font-family:'Nanum Gothic'; font-weight: 900; line-height:40px; background-color:#fff; border-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } /*슬라이드컨트롤러*/ .slidesjs-previous { position:absolute; z-index:20; left:0px; top:0px; width:118px; height:100%; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat 40px center; } .slidesjs-next { position:absolute; z-index:20; right:0px; top:0px; width:118px; height:100%; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -38px center; } .slidesjs-stop { display:block !important; position:absolute; z-index:30; right:68px; bottom:5%; width:18px; height:18px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -156px -0px; } .slidesjs-stopOff { background-position:-156px -42px; } .slidesjs-play { display:block !important; position:absolute; z-index:30; right:41px; bottom:5%; width:18px; height:18px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -184px 0px; } .slidesjs-playing { background-position:-184px -42px; } /* 슬라이드 코어 수정으로 필요한 클래스들 by 이도훈 */ .slidesjs-playing-before { background-position:-184px -42px; } /* 이전에 플레잉 중이었는지 */ /*.slidesjs-stop .slidesjs-stoping { background-position: -156px -42px;}*/ .slidesjs-pagination { position:absolute; z-index:20; left:0px; bottom:6%; text-align:center; } .slidesjs-pagination li { display:inline-block; margin-right:10px; } .slidesjs-pagination li:last-child { margin-right:0px; } .slidesjs-pagination li a { display:block; width:9px; height:9px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -176px -25px; } .slidesjs-pagination li a.active { background-position:-156px -25px; } .mainSlideBox .slidesjs-previous, .mainSlideBox .slidesjs-next { display:none; } /*2013.12.22 슬라이드플러그인변경*/ .mainSlideBox .owl-controls { position:absolute; z-index:10; right:110px; bottom:0px; line-height:100px; } #mainSlider_prevBtn { display:none; position:absolute; z-index:20; left:0px; top:0px; width:100px; height:100%; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat 28px center; } #mainSlider_nextBtn { display:none; position:absolute; z-index:20; right:0px; top:0px; width:100px; height:100%; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -45px center; } #mainSlider_stopBtn { display:block !important; position:absolute; z-index:30; right:68px; bottom:40px; width:18px; height:18px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -156px -0px; } .mainSlider_stopBtn-stopOff { background-position:-156px -42px !important; } #mainSlider_playBtn { display:block !important; position:absolute; z-index:30; right:41px; bottom:40px; width:18px; height:18px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -184px 0px; } .mainSlider_playBtn-playing { background-position:-184px -42px !important; } .mainSlideBox .owl-pagination .owl-page { margin-right:10px; } .mainSlideBox .owl-pagination .owl-page:last-child { margin-right:0px; } .mainSlideBox .owl-pagination .owl-page .owl-numbers { display:block; width:9px !important; height:9px !important; margin:0px !important; padding:0px !important; font-size:0px !important; border-radius:0px !important; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_normal.png') no-repeat -176px -25px !important; opacity:1; filter:alpha(opacity=100); } .mainSlideBox .owl-pagination .owl-page .owl-numbers:hover, .mainSlideBox .owl-pagination .owl-page .owl-numbers:active { background-position:-156px -25px !important; } .mainSlideBox .owl-pagination .active .owl-numbers { width:14px !important; height:14px !important; background-position:-156px -25px !important; background-color:#00CCFF !important; border-radius:50% !important; } #mainLiveNews { } .mainLiveNewsInner { position:relative; height:48px; margin-top:20px; padding:0px 50px 0px 125px; border-bottom:2px solid #ececea; background-color:#f6f8f9; } .mainLiveNewsInner .newsTitle { position:absolute; z-index:2; left:0px; top:0px; width:158px; padding-right:50px; overflow:hidden; } .mainLiveNewsInner .newsTitle span { display:block; width:100%; height:50px; color:#161616; font-size:18px; font-family:'Nanum Gothic'; font-weight: 800; text-align:center; line-height:50px; background:url('./images/livenews_mark.png') no-repeat left top; /*text-shadow:1px 1px 5px #bbb;*/ box-shadow:20px -10px 10px #f6f8f9; } .mainLiveNewsInner .tickercontainer { height:48px; overflow:hidden;} .mainLiveNewsInner .webticker-init { display:none !important; } .liveNews_flow { position:relative; height:50px; white-space:nowrap; overflow:hidden; *zoom:1; } .liveNews_flow:after { content:""; clear:both; display:block; } .newsticker { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; list-style:none; margin:0; } .liveNews_flow li { float:left; margin-right:20px; } .liveNews_flow li, .liveNews_flow li a { color:#151515; font-size:14px; font-family:'Nanum Gothic'; line-height:48px; } .liveNews_flow li .incell { padding-right:20px; border-right:1px solid #eaeae9; } .liveNews_flow li a em { color:#757575; } #liveNewsListOpennerBox { position:absolute; z-index:2; right:0px; top:0px; width:50px; height:48px; padding-left:50px; overflow:hidden; } .liveNewsListOpenner { display:block; width:50px; height:48px; font-size:0p; white-space:nowrap; text-indent:100%; border-left:1px solid #ececea; background:#F6F8F9 url('./images/livenews_openner.png') no-repeat center 21px; overflow:hidden; box-shadow:-20px 0 10px #f6f8f9; } .liveNewsListOpennerOn { background-color:#727272 !important; background-position:center -74px !important; } .liveNewsList { display:none; background-color:#f1f1f1; } .liveNewsListOverflow { /*height:0px; overflow:hidden;*/ } .liveNewsListInner { padding:20px; color:#7f7f7f; font-size:11px; font-family:'Nanum Gothic'; overflow:hidden; } #liveNewsSlideWrap { overflow:hidden; } #liveNewsSlide { position:relative; width:10000px; /*font-size:0px; white-space:nowrap;*/ border-top:1px dotted #c2c2c2; overflow:hidden; *zoom:1; } #liveNewsSlide ol { float:left; width:100%; vertical-align:top; } #liveNewsSlide ol li { position:relative; padding:20px 30px 20px 135px; white-space:normal; border-bottom:1px dotted #c2c2c2; } #liveNewsSlide ol li:hover { background-color:#fff; } #liveNewsSlide ol li .no { position:absolute; left:0px; top:0.7em; width:90px; padding-right:15px; color:#151515; font-size:32px; font-family:'Nanum Gothic'; line-height:1em; text-align:right; border-right:1px solid #c2c2c2; } #liveNewsSlide ol li .news { display:block; } #liveNewsSlide ol li .news a { color:#151515; } #liveNewsSlide ol li .news .title { display:block; padding-bottom:0.5em; color:#151515; font-size:14px; font-family:'Nanum Gothic'; font-weight: 700; } #liveNewsSlide ol li .news .title em { font-family:'Nanum Gothic'; } #liveNewsSlide ol li .news .describe { display:block; color:#151515; font-size:12px; font-family:'Nanum Gothic'; } .liveNewsListFoot { padding-top:20px; line-height:1.4em; *zoom:1; } .liveNewsListFoot:after { content:""; clear:both; display:block; } .liveNewsListFoot .cautionTxt { float:left; color:#666; } .liveNewsListFoot .liveNewsCtrl { float:right; font-size:0px; text-align:right; } #liveNewsPrev { display:inline-block; width:25px; height:25px; white-space:nowrap; text-indent:150%; overflow:hidden; background:#656565 url('./images/stripe_normal.png') no-repeat -105px -89px; } #liveNewsNext { display:inline-block; width:25px; height:25px; margin-left:10px; white-space:nowrap; text-indent:150%; overflow:hidden; background:#656565 url('./images/stripe_normal.png') no-repeat -140px -89px; } #liveNewsPrev:hover, #liveNewsNext:hover { background-color:#00ccff; } #mainContentsWrapper { position:relative; min-height:300px; padding:0px 0px 0px 770px; } .article_tv_graphic { position:absolute; z-index:110; left:0px; top:0px; width:316px; min-height:100%; padding:0px 0px 0px 454px; border-right:1px solid #e6e6e6; background-color:#f6f8f9; *zoom:1; } .article_tv_graphic:after { content:""; clear:both; display:block; } .main_tvWrapper { position:absolute; z-index:102; left:0px; top:0px; width:453px; min-height:100%; border-right:1px solid #e6e6e6; background-color:#fff; -webkit-backface-visibility: hidden;} .main_tvInner { position:relative; } .main_tvInner .align_more { position:absolute; right:20px; top:20px; height:49px; line-height:47px; } .article_hd { position:relative; height:49px; padding-top:20px; } .article_hd .article_title { display:block; color:#151515; font-size:18px; font-weight:normal; font-family:'Nanum Gothic'; font-weight: 700; line-height:49px; border-bottom:1px solid #e6e6e6; } .article_hd .article_title a { color:#151515; } .article_hd .article_more { position:absolute; right:20px; top:50%; margin-top:-10px; } .sectionIcon_1 { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -206px; } .sectionIcon_2 { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -41px; } .sectionIcon_3 { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -89px; } .sectionIcon_tv { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px 14px; } .sectionIcon_recom { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -151px; } .sectionIcon_list { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -316px; } .sectionIcon_relation { display:inline-block; padding-left:31px; background:url('./images/section_icons.png') no-repeat 0px -261px; } /*더보기버튼_추가*/ .butnMore { display:inline-block; padding:0px 15px; color:#727272; background:url('./images/arrow.png') no-repeat right center; } /*button*/ .butn_normal { display:inline-block; height:19px; padding:0px 10px; color:#767676; font-size:11px; font-family:dotum, arial; line-height:19px; border:1px solid #e6e6e6; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } .main_tvListWrap { position:relative; } .main_tvListScrollBox { position:relative; width:100%; height:500px; margin-top:20px; } .scrollbar { display:none; right:10px !important; } .overflow:hover .scrollbar { display:block; } .main_tvList { padding-right:20px; } .main_tvList li { position:relative; min-height:89px; padding:0px 0px 20px 178px; margin-bottom:20px; border-bottom:1px dotted #dcdcdc; *zoom:1; } .main_tvList li:after { content:""; clear:both; display:block; } .main_tvList li .thumb { position:absolute; left:0px; top:0px; width:158px; } .main_tvList li .thumb a{ position:relative; display:block; border:1px solid #ededeb; } .main_tvList li .thumb a .overMov { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } .main_tvList li .thumb img { display:block; } .main_tvList li .sumUp { word-break:keep-all; } .main_tvList li .sumUp .time { display:block; color:#646464; font-size:12px; font-family:'Nanum Gothic'; } .main_tvList li .sumUp .time .datatime { color:#000; font-weight:normal; } .main_tvList li .sumUp .title { display:block; padding:0.8em 0px; color:#000; font-size:20px; font-family:'Nanum Gothic'; line-height:1.0em; } .main_tvList li .sumUp .title a { color:#000; font-size:15px; font-family:'Nanum Gothic'; font-weight:600; white-space:pre-wrap; word-wrap:break-word; } .main_tvList li .sumUp .story { display:none; color:#767676; font-size:13px; font-family:'Nanum Gothic'; line-height:1.3em; } .main_infoWrapper { min-height:300px; } .main_infoWrapper .article_hd { } .main_infoWrapper .article_hd .article_title { padding-left:20px; } .main_infoWrapper .align_more { position:absolute; right:20px; top:10px; height:58px; line-height:58px; } .main_infoBox { position:relative; } .main_infoBox .align_more { position:absolute; right:20px; top:20px; height:49px; line-height:47px; } .main_infoList { padding:0px 20px 3px 20px; background:url('./images/bg_gra.gif') repeat-x left bottom; } .main_infoList .li { border-bottom:1px dotted #e6e6e6; } .main_infoList .li:last-child, .main_infoBox .main_infoList .li:nth-child(2), .main_magazineWraper .main_infoList .li:nth-child(1) { border-bottom:none; } .ztyleOwlSliderCtrl { display:none; } .main_magazineWraper .article_hd { height:58px; padding-top:0px; } .main_magazineWraper .article_hd .article_title { line-height:58px; } .main_magazineWraper .align_more { top:0px; } /*인포그래픽&매거진_간단목록*/ .ztyle_postListItem { display:block; position:relative; min-height:180px; margin:20px 0px; padding-left:140px; color:#000; } .ztyle_postListItem .thumb { display:block; position:absolute; left:0px; top:0px; width:118px; height:178px; border:1px solid #ededeb; overflow:hidden;} .ztyle_postListItem .subs { display:block; position:relative; word-break:keep-all; word-wrap:break-word; } .ztyle_postListItem .subs .time { display:block; height:28px; color:#000; line-height:28px; } .ztyle_postListItem .subs .title { display:block; margin-top:10px; color:#000; font-size:15px; font-weight:600; line-height:1.4em; } .ztyle_postListItem .subs .subscribe { display:none; padding-top:10px; color:#727272; } .ztyle_postListItem .subs .commentCnt { position:absolute; z-index:10; right:0px; top:0px; width:40px; height:38px; color:#0bceff; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .ztyle_postListItem .subs .commentCntOff { display:none; background-position:-397px -55px; } /*list_item_common_style*/ .postListItem .thumb { display:block; min-height:50px; background-color:#ebebeb; } .desk_img { display:block; } .mobile_img { display:none; } .postListItem .thumb a { position:relative; display:block; min-height:50px; background-repeat:no-repeat; background-position:center center; border:1px solid #ededeb; /*white-space:nowrap; text-indent:200%;*/ overflow:hidden; } .postListItem .thumb a img { vertical-align:top; } .postListItem .thumb a .subscribe { display:block; opacity:0; filter:alpha(opacity=0); } .postListItem .thumb a .subscribe .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:#000; opacity:0; filter:alpha(opacity=0); overflow:hidden; } .postListItem .thumb a .subscribe .detailIcon{ position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:url('./images/thumb_detailicon.png') no-repeat center center; opacity:0; filter:alpha(opacity=0); overflow:hidden; } /*.postListItem .thumb a:hover .subscribe { display:block; }*/ .postListItem .thumb a .subscribe .bubble { display:table; width:100%; } .postListItem .thumb a .subscribe .bubble em { display:table-cell; padding:0px 2em; color:#fff; font-size:12px; text-align:center; vertical-align:middle; line-height:1.4em; } .postListItem .thumb .overMov { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } .postListItem .info { display:block; position:relative; margin-top:20px; color:#767676; font-size:12px; font-family:'Nanum Gothic'; white-space:nowrap; } .postListItem .info .category_name { color:#646464; } .postListItem .info .time { color:#000; } .postListItem .info .commentCnt { position:absolute; z-index:10; right:10px; top:-38px; width:40px; height:38px; color:#767676; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .postListItem .info .commentCntOff { display:none; background-position:-397px -55px; } .postListItem .info .noThumb { top:-30px; } .postListItem .title { display:block; margin-top:0.6em; color:#000; font-size:15px; font-family:'Nanum Gothic'; font-weight:600; line-height:1.4em; word-break:keep-all; word-wrap:break-word; } .main_magazineWraper { position:relative; } .magazine_title { height:58px; padding-top:0px; } .magazine_title h2 { display:block; padding-left:20px; color:#151515; font-size:18px; font-weight:700; line-height:58px; font-family:'Nanum Gothic'; border-bottom:1px solid #e6e6e6; } #magazineListWrap { position:relative; overflow:hidden; } #magazineListWrap .slidesjs-previous { position:absolute; z-index:10; left:0px; top:50%; width:18px; height:52px; margin-top:-26px; white-space:nowrap; text-indent:100%; background:url('./images/stripe_normal.png') no-repeat -397px 0px; overflow:hidden; } #magazineListWrap .slidesjs-previous:hover { background-position:-450px 0px; } #magazineListWrap .slidesjs-next { position:absolute; z-index:10; right:0px; top:50%; width:18px; height:52px; margin-top:-26px; white-space:nowrap; text-indent:100%; background:url('./images/stripe_normal.png') no-repeat -479px 0px; overflow:hidden; } #magazineListWrap .slidesjs-next:hover { background-position:-425px 0px; } #magazineList { padding:0px 20px 3px 20px; background:url("./images/bg_gra.gif") repeat-x left bottom; overflow:hidden; } #magazineList .slidesjs-container { min-height:270px; *height:209px; } #magazineList .magazineItem { text-align:center; } #magazineList .magazineItem a.magazinePost { display:inline-block; } #magazineList .magazineItem a.magazinePost img { display:block; max-width:none\0/IE8; *max-width:none; width:158px; max-height:270px; } #magazineList_mobile { display:none !important; } /*모바일용_매거진*/ #magazineList_mobile .slidesjs-container { min-height:209px; *height:209px; } /*모바일용슬라이드 컨트롤러*/ .main_infoList .owl-controls { position:relative; height:20px; margin-top:0px !important; } .main_infoList .owl-controls .owl-pagination { position:absolute; right:0px; top:2px; white-space:nowrap; } .main_infoList .owl-controls .owl-page { display:inline-block; vertical-align:middle; } .main_infoList .owl-controls .owl-page span, .main_infoList .owl-controls .owl-page span.owl-numbers { width:16px; height:17px; margin:0px; padding:0px !important; font-size:0px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_ctrl.png') no-repeat center 0px; border-radius:0px; } .main_infoList .owl-controls .active span { background-position:center -17px !important; } .main_infoList .owl-controls .active span { width:10px !important; height:10px !important; margin:0px 3px 0px !important; background-color:#00CCFF !important; border-radius:50% !important; } .main_bannerBox { position:relative; padding:20px; } .main_bannerList { position:relative; } .main_bannerList .banItem { } .main_bannerList .banItem a { display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px dotted #fff; } .main_bannerList .banItem a:focus { border-color:#888; } .main_bannerList .banItem img { display:block; margin:0 auto; } .owl_bannerCtrl { position:absolute; right:20px; bottom:20px; padding-left:4px; background:url('./images/slide_ctrl.png') no-repeat 0px -32px; } .owl_bannerCtrl .sCtrlBtn { display:inline-block; width:16px; height:17px; font-size:0px; white-space:nowrap; text-indent:100%; vertical-align:bottom; background:url('./images/slide_ctrl.png') no-repeat center -66px; overflow:hidden; } .owl_bannerCtrl .stop { background-position:center -49px; } /*배너슬라이드 컨트롤러*/ .main_bannerList .owl-controls, .sub_bannerList .owl-controls { position:relative; height:20px; margin-top:0px !important; } .main_bannerList .owl-controls .owl-pagination, .sub_bannerList .owl-controls .owl-pagination { position:absolute; right:23px; top:5px; } .main_bannerList .owl-controls .owl-page, .sub_bannerList .owl-controls .owl-page { display:inline-block; vertical-align:middle; } .main_bannerList .owl-controls .owl-page span, .sub_bannerList .owl-controls .owl-page span, .owl-controls .owl-page a.owl-numbers { width:16px !important; height:17px !important; margin:0px !important; padding:0px !important; font-size:0px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_ctrl.png') no-repeat center 0px; border-radius:0px !important; } .main_bannerList .owl-controls .active span, .sub_bannerList .owl-controls .active span, .owl-controls .owl-page:hover span, .owl-controls .owl-page:hover span, .owl-controls .active a, .owl-controls .owl-page:hover a.owl-numbers { width:10px !important; height:10px !important; margin:0px 3px !important; background-position:center -17px !important; background:#00CCFF !important; border-radius:50% !important; } .article_recommend_new { position:relative; min-height:1200px; padding-bottom:100px; } #moreBox { display:none; position:absolute; z-index:400; left:20px; bottom:20px; width:100%; height:45px; background:#f5f5f5 url('./images/loading.gif') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } #responTab { padding-top:20px; } #recommend_new_tab { position:relative; height:49px; margin-left:20px; font-size:0px; white-space:nowrap; border-bottom:1px solid #e6e6e6; } #recommend_new_tab li { display:inline-block; height:48px; margin-bottom:-1px; padding:0px 20px; line-height:45px; border:1px solid #e6e6e6; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px 5px 0px 0px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; background-color:#fff; } #recommend_new_tab li.On { border-bottom-color:#fff; } #recommend_new_tab li a.tLink { color:#000; font-size:18px; font-family:'Nanum Gothic'; font-weight: 700; line-height:48px; white-space:nowrap; opacity:0.3; filter:alpha(opacity=30); } #recommend_new_tab li.On a.tLink { color:#000; opacity:1.0; filter:alpha(opacity=100); } #recommend_new_tab li .butn_normal { display:none; } #recommend_new_tab li#recommend_view { left:0px; min-width:50px; *width:50px; } #recommend_new_tab li#newadd_view { display:none; margin-left:-1px; } #recommend_new_tab li#allPostList_link { display:none; position:absolute; right:0px; top:0px; height:49px; padding:0px; font-size:12px; line-height:49px; border:none; background-color:transparent; } #recommend_new_tab li#allPostList_link .butn_normal { display:block; margin-top:14px; } .allPostList_more { position:absolute; right:0px; top:20px; height:49px; padding:0px 15px; color:#727272; font-size:12px; line-height:49px; border:none; background:url("./images/arrow.png") no-repeat scroll right center; } body.home #SideFixBar .allPostList_more { top:0px; } #main_recommendPost { } .main_recommentPostList { position:relative; font-size:0px; *zoom:1; } .main_recommentPostList:after { content:""; clear:both; display:block; } .main_recommentPostList li { /*float:left;*/ display:inline-block; width:49.999%; vertical-align:top; } .main_recommentPostList li .postListItem { margin:20px 0px 0px 20px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; } /*구독신청*/ #subscriptionBox { padding:33px 20px 20px 20px; background:url("./images/bg_gra.gif") repeat-x left top; } #subscriptionBox .tt { height:4px; background:url('./images/subscript_pattern.jpg') repeat-x left top; white-space:nowrap; text-indent:100%; overflow:hidden; } #subscriptionBox label { display:none; } .subscriptionForm { padding:0px 12px 12px 12px; background:#d4ebee; } .subscriptionForm .subscriptionTt { } .subscriptionForm .subscriptionTt img { display:block; } .innerForm { position:relative; padding:0px 83px 0px 0px; } #subscriptEmail { font-size:12px; display:block; width:100%; height:30px; padding:0px; color:#fff; text-indent:10px; line-height:30px; border:0px; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; background:#5bbdce; } #subscriptEmail::-webkit-input-placeholder { color: #fff; } #subscriptEmail:-moz-placeholder { /* Firefox 18- */ color: #fff; } #subscriptEmail::-moz-placeholder { /* Firefox 19+ */color: #fff; } #subscriptEmail:-ms-input-placeholder { color: #fff; } #subscriptButn { position:absolute; right:0px; top:0px; width:71px; height:30px; padding:0px; color:#fff; font-size:12px; font-family:'Nanum Gothic'; border:none; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); z-index:0; background:#5bbdce; cursor:pointer; } #main_newAddPost { display:none; } .main_newAddPostList { position:relative; *zoom:1; } .main_newAddPostList:after { content:""; clear:both; display:block; } .main_newAddPostList li { float:left; width:50%; } .main_newAddPostList li .postListItem { margin:20px 0px 0px 20px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; } /*서브페이지*/ #subBodyInner { position:relative; padding-right:316px; } /** 포스트 리스트페이지 **/ #ListWrapper { min-height:1500px; padding-top:20px; padding-bottom:100px; border-right:1px solid #e6e6e6; } /*필진보기*/ .authorViewOne { border-bottom:1px solid #e6e6e6; } .subhead_article { position:relative; border-bottom:1px solid #e6e6e6; } .subhead_article .more{ position:absolute; right:20px; top:14px; } .subhead_article2 { position:relative; border-bottom:1px solid #e6e6e6; } .subhead_article2 .more2{ position:absolute; right:0px; top:-1px; } .authorViewOne .authorProfileBox { padding-top:0px !important; } .authorViewOne .authorProfileBox .authorPic { top:0px !important; } /*필진프로필영역*/ .authorProfileBox { position:relative; min-height:138px; padding:20px 20px 20px 158px; } .authorProfileBox .authorPic { position:absolute; z-index:10; left:0px; top:20px; width:138px; height:138px; overflow:hidden; } .authorProfileBox .authorPic img { display:block; } .authorProfileBox .authorProfile { position:relative; padding-right:40%; font-family;'Nanum Gothic'; } .authorProfileBox .authorProfile .name_story { } .authorProfileBox .authorProfile .authorSnsLink { margin-top:1.5em; } .authorProfileBox .authorProfile .company_field { position:absolute; z-index:10; right:0px; top:0px; width:38%; } .authorProfileBox .authorProfile .authorDetail dt { color:#000; font-size:15px; line-height:38px; font-weight: 700; } .authorProfileBox .authorProfile .authorDetail dt a { color:#656565; font-size:13px; font-family:'Nanum Gothic'; } .authorProfileBox .authorProfile .authorDetail dd { color:#7f7f7f; font-size:11px; line-height:1.7em; } .authorProfileBox .authorProfile .depth { margin-top:1.8em; } /*필진소셜링크*/ .authorSns { display:inline-block; width:21px; height:21px; margin-right:6px; background-image:url('./images/stripe_normal.png'); background-repeat:no-repeat; white-space:nowrap; text-indent:200%; overflow:hidden; vertical-align:top; } .at_facebook { background-position:-397px -114px; } .at_twitter { background-position:-428px -114px; } .listInfoBox { position:relative; padding-top:0px; border-bottom:1px solid #e6e6e6; } .list_loc_sort, .list_loc_sort a { height:49px; color:#0f0000; font-size:19px; font-family:'Nanum Gothic'; font-weight:bold; line-height:49px; } .list_loc_sort .loc_depth, .list_loc_sort .loc_depth a { color:#000; } .listInfoBox .sortBtnBox { display:inline-block; margin-left:15px; } .listInfoBox .list_cnt { position:absolute; right:20px; top:0px; width:50%\0/IE8; *width:50%; height:49px; color:#767676; font-size:15px; font-family:'Nanum Gothic'; line-height:49px; text-align:right; } .listInfoBox .list_cnt strong { color:#000; font-family:'Nanum Gothic'; } /*정렬버튼*/ .sortBtn { display:inline-block; padding:0px 7px; color:#767676; font-size:11px; font-family:dotum, Nanum Gothic; line-height:21px; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; background-color:#fff; vertical-align:middle; } .sortBtnOn { color:#fff; border-color:#606060; background-color:#606060; } .listItemBox { position:relative; margin-right:20px; padding:0px 0px 100px 0px; } /*리스트더보기영역*/ .subListMoreBox { position:absolute; z-index:10; left:0px; bottom:0px; width:100%; height:45px; background-color:#f5f5f5; line-height:45px; text-align:center; } .listItem li { } /*list_type object*/ .listItemObj { position:relative; min-height:175px; padding:20px 0px 19px 336px; border-bottom:1px dotted #dcdcdc; } .listItemObj .thumb { position:absolute; left:0px; top:20px; width:316px; height:175px; overflow:hidden; } .listItemObj .thumb a { display:block; position:relative; border:1px solid #ededeb; height:173px; overflow:hidden; } .listItemObj .thumb .overMov { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } .listItemObj .thumb img { vertical-align:top; } .listItemObj .thumb img.desk_img { display:block; } .listItemObj .thumb img.moblie_img { display:none; } .listItemObj .thumb a .subscribe { display:block; opacity:0; filter:alpha(opacity=0); } .listItemObj .thumb a .subscribe .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:#000; opacity:0; filter:alpha(opacity=0); overflow:hidden; } .listItemObj .thumb a .subscribe .detailIcon{ position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:url('./images/thumb_detailicon.png') no-repeat center center; opacity:0; filter:alpha(opacity=0); overflow:hidden; } .listItemObj .thumb a .event_on { position:absolute; left:0px; bottom:0px; width:50px; height:23px; color:#fff; font-size:14px; text-align:center; line-height:23px; background-color:#00ccff; } .listItemObj .thumb a .event_off{ position:absolute; left:0px; bottom:0px; width:50px; height:23px; color:#fff; font-size:14px; text-align:center; line-height:23px; background-color:#656565; } /*.listItemObj .thumb a:hover .subscribe { display:block; }*/ .listItemObj .event_status { position:absolute; left:0px; bottom:0px; height:31px; background-color:#000; *zoom:1; } .listItemObj .event_status:after { content:""; clear:both; display:block; } .listItemObj .event_status .status { float:left; width:49px; height:31px; padding:0px 10px; color:#fff; font-size:12px; font-weight:500; text-align:center; line-height:31px; background-color:#656565; } .listItemObj .event_status .event_ing { background-color:#00ccff; } .listItemObj .event_status .event_date { float:left; padding:0px 10px; color:#fff; font-size:12px; line-height:31px; letter-spacing:-1px; } .listItemObj .listItemDetail { color:#767676; font-size:13px; font-family:'Nanum Gothic'; } .listItemObj .listItemDetail .cate_date { display:block; } .listItemObj .listItemDetail .cate_date a { color:#646464; } .listItemObj .listItemDetail .cate_date em { color:#000; } .listItemObj .listItemDetail .title { padding:1.5em 80px 1.5em 0px; word-break:keep-all; word-wrap:break-word; } .listItemObj .listItemDetail .title a { color:#000; font-size:20px; font-weight: 700; } .listItemObj .listItemDetail .describe { display:block; font-family:'Nanum Gothic'; word-break:keep-all; word-wrap:break-word; } .listItemObj .listItemDetail .describe a { color:#767676; line-height:1.3em; } .listItemObj .listItemDetail .commentCnt { position:absolute; z-index:10; right:0px; top:20px; width:40px; height:38px; color:#767676; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .listItemObj .listItemDetail .commentCntOff { display:none; background-position:-397px -55px; } .listItemObj .listItemDetail .noThumb { top:-30px; } .listItemObj .listItemDetail .socialShare_list { position:relative; height:24px; margin-top:1.5em; overflow:hidden; *zoom:1; } .listItemObj .listItemDetail .socialShare_list:after { content:''; clear:both; display:block; } .listItemObj .listItemDetail .socialShare_list .postShareBtn { float:left; margin-right:10px; } /*list social button*/ .postShareBtn { float:left; min-width:74px; height:24px; color:#101010; font-size:13px; font-family:'Nanum Gothic'; line-height:26px; text-align:center; background-color:#f3f3f3; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .postShareBtn .shareType { float:left; width:29px; height:24px; background-color:#747474; background-image:url('./images/social_icon_normal.png'); background-repeat:no-repeat; white-space:nowrap; text-indent:100%; overflow:hidden; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-radius:3px 0px 0px 3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } .postShareBtn .share_count { float:left; position:relative; min-width:45px; } .postShareBtn .share_count:after { content:""; position:absolute; top:9px; left:-5px; border-width:3px 5px 3px 0px; border-style:solid; border-color:transparent #f3f3f3; display:block; width:0; } .postShareBtn .shareType.ps_facebook { background-position:12px center; } .postShareBtn:hover .shareType.ps_facebook { background-color:#3b5998; } .postShareBtn .shareType.ps_twitter { background-position:-54px center; } .postShareBtn:hover .shareType.ps_twitter { background-color:#00acee; } .postShareBtn .shareType.ps_googleplus { background-position:-113px center; } .postShareBtn:hover .shareType.ps_googleplus { background-color:#d44330; } .postShareBtn .shareType.ps_pinterest { background-position:-171px center; } .postShareBtn:hover .shareType.ps_pinterest { background-color:#cb2027; } .postShareBtn .shareType.ps_chaton { background-color:#f56d23; background-position:12px center; } .postShareBtn .shareType.ps_cacaotalk { background-color:#ffd800; background-position:12px center; } .postShareBtn .shareType.ps_line { background-color:#49c724; background-position:12px center; } /*이슈와팩트(2014-03-30)*/ .category-7914 #bodyGroup { position:relative; z-index:2; background-color:#fff; } #issueNonSideBox { display:none; position:absolute; z-index:1; right:0px; top:0px; width:50%; height:100%; font-size:0; white-space:nowrap; text-indent:100%; background:url('./images/issue_blankbg.gif') repeat left top; overflow:hidden; } .mobileIssueInfoBox { display:none; } .issueHeadBox { padding:20px 20px 0px 0px; *zoom:1; } .issueHeadBox:after { content:""; clear:both; display:block; } .issueBigItem { float:left; position:relative; width:50%; height:350px; padding:35px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .oneWayIssue .issueBigItem { width:100%; } .issueBigItem .title { display:block; padding:0px 50px 18px 0px; color:#fff; font-size:29px; font-weight:bold; line-height:1.3em; text-shadow:0px 1px 2px #333; word-break:keep-all; word-wrap:break-word; } .issueBigItem .commentCnt { position:absolute; z-index:10; right:40px; top:40px; width:40px; height:38px; color:#0c4da2; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/comment_bg.png') no-repeat left top; } .issueBigItem .commentCntOff{ display:none; } .issueBigItem .info { position:absolute; left:40px; bottom:40px; color:#fff; font-size:15px; } .issueBigItem .info a { color:#fff; } /*스킨선택*/ .skin_1 { background:url('./images/issue_1.jpg') no-repeat left top; background-size:cover; } .skin_2 { background:url('./images/issue_2.jpg') no-repeat left top; background-size:cover; } .skin_3 { background:url('./images/issue_3.jpg') no-repeat left top; background-size:cover; } .skin_4 { background:url('./images/issue_4.jpg') no-repeat left top; background-size:cover; } .skin_5 { background:url('./images/issue_5.jpg') no-repeat left top; background-size:cover; } .skin_6 { background:url('./images/issue_6.jpg') no-repeat left top; background-size:cover; } .skin_7 { background:url('./images/issue_7.jpg') no-repeat left top; background-size:cover; } .skin_8 { background:url('./images/issue_8.jpg') no-repeat left top; background-size:cover; } .skin_9 { background:url('./images/issue_9.jpg') no-repeat left top; background-size:cover; } .skin_10{ background:url('./images/issue_10.jpg') no-repeat left top; background-size:cover; } /*모바일대체용마크업*/ #mobileIssueSidebar { display:none; } #mobileIssueFloatBg { display:none; } #mobileIssueFloatBox{ display:none; } .issueSortTabBlankArea { height:94px; margin-top:-94px; font-size:0; white-space:nowrap; text-indent:100%; overflow:hidden; } .issueSortBox { position:relative; height:50px; margin-top:40px; padding-right:20px; } .issueSortBox .sortTab { position:relative; height:49px; border-bottom:1px solid #e6e6e6; *zoom:1; } .issueSortBox .sortTab:after { content:""; clear:both; display:block; } .issueSortBox .sortTab li { float:left; margin-right:-1px; } .issueSortBox .sortTab li.tab1 { z-index:6; left:0px; } .issueSortBox .sortTab li.tab2 { z-index:5; left:92px; } .issueSortBox .sortTab li.tab3 { z-index:4; left:212px; } .issueSortBox .sortTab li.tab4 { z-index:3; left:312px; } .issueSortBox .sortTab li a { display:block; height:48px; padding:0px 20px 0px 20px; color:#727272; font-size:16px; font-family:'Nanum Gothic'; font-weight:bold; line-height:49px; border:1px solid #e6e6e6; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#fff; -webkit-border-top-left:5px; -webkit-border-top-right:5px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueSortBox .sortTab li.On { z-index:10; margin-right:0px; } .issueSortBox .sortTab li.On a { height:50px; color:#fff; border:none; line-height:50px; } .issueSortBox .sortTab li.On a.anker1 { background:url('./images/issue_tab1.gif') repeat-x left top; } .issueSortBox .sortTab li.On a.anker2 { background:url('./images/issue_tab2.gif') repeat-x left top; } .issueSortBox .sortTab li.On a.anker3 { background:url('./images/issue_tab3.gif') repeat-x left top; } .issueSortBox .sortTab li.On a.anker4 { background:url('./images/issue_tab4.gif') repeat-x left top; } .issueSortBox .listguideTxt { position:absolute; right:20px; top:0px; color:#727272; font-size:15px; line-height:50px; } .issueSortBox .listguideTxt strong { color:#151515; } .listItemBox { } .issueItem { } .issueItemObj { position:relative; min-height:175px; padding:20px 0px 19px 118px; border-bottom:1px dotted #dcdcdc; } .issueItemObj .dateBox { position:absolute; left:0px; top:20px; } .issueItemObj .dateBox .dateBoxInner { width:98px; height:98px; background-color:#2d2f31; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueItemObj .dateBox .ym { display:block; margin-top:7px; color:#fff; font-size:12px; font-weight:bold; font-family:'Tahoma'; text-align:center; } .issueItemObj .dateBox .day { display:block; height:50px; color:#fff; /*font-size:44px;*/ font-size:0; white-space:nowrap; font-weight:bold; font-family:'Tahoma'; text-align:center; line-height:80px; } .issueItemObj .dateBox .day img { display:inline-block; } .issueItemObj .dateBox .week{ display:block; color:#fff; font-size:12px; font-weight:bold; text-align:center; } .issueItemObj .issue_cate_1 .day { color:#f1592a; } .issueItemObj .issue_cate_2 .day { color:#00baff; } .issueItemObj .issue_cate_3 .day { color:#17d481; } .issueItemObj .listItemDetail { color:#767676; font-size:13px; font-family:'Nanum Gothic'; } .issueItemObj .listItemDetail .cate_date { display:block; } .issueItemObj .listItemDetail .cate_date a { color:#646464; } .issueItemObj .listItemDetail .cate_date em { color:#000; } .issueItemObj .listItemDetail .title { padding:1.5em 80px 1.5em 0px; word-break:keep-all; word-wrap:break-word; } .issueItemObj .listItemDetail .title a { color:#000; font-size:20px; font-weight: 700; } .issueItemObj .listItemDetail .describe { display:block; font-family:'Nanum Gothic'; word-break:keep-all; word-wrap:break-word; } .issueItemObj .listItemDetail .describe a { color:#767676; line-height:1.3em; } .issueItemObj .listItemDetail .commentCnt { position:absolute; z-index:10; right:0px; top:20px; width:40px; height:38px; color:#767676; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .issueItemObj .listItemDetail .commentCntOff { display:none; background-position:-397px -55px; } .issueItemObj .listItemDetail .noThumb { top:-30px; } .issueItemObj .listItemDetail .socialShare_list { position:relative; height:24px; margin-top:1.5em; overflow:hidden; *zoom:1; } .issueItemObj .listItemDetail .socialShare_list:after { content:''; clear:both; display:block; } .issueItemObj .listItemDetail .socialShare_list .postShareBtn { float:left; margin-right:10px; } /*이슈와팩트사이드바*/ .subIssueGuide { } .subIssueGuide .hd { height:49px; padding-left:51px; color:#151515; font-size:18px; font-family:'Nanum Gothic'; line-height:49px; border-bottom:1px solid #e6e6e6; background:url('./images/icon_issue.png') no-repeat 20px center; } .subIssueInnerBox { padding:20px 20px 40px; color:#727272; letter-spacing:-1px; line-height:1.6em; background:url('./images/bg_gra.gif') repeat-x left bottom; } .subIssueInnerBox strong { color:#151515; } .issueShareBox { margin-top:30px; margin-bottom:13px; *zoom:1; } .issueShareBox:after { content:""; clear:both; display:block; } .issueShareBox li { float:left; margin-right:10px; } .issueShareBox li a { display:block; width:38px; height:38px; font-size:0; white-space:nowrap; text-indent:100%; overflow:hidden; background-image:url('./images/icon_sns.png'); background-repeat:no-repeat; } .issueShareBox li a.issue_facebook { background-position:0px 0px; } .issueShareBox li a.issue_twitter { background-position:-48px 0px; } .issueShareBox li a.issue_google { background-position:-97px 0px; } .issueShareBox li a.issue_linked { background-position:-146px 0px; } .issueSubscription { display:none; } .issueSubscription .hd { height:57px; padding-left:51px; color:#151515; font-size:18px; font-weight:700; font-family:'Nanum Gothic'; line-height:57px; border-bottom:1px solid #e6e6e6; background:url('./images/icon_issue_feed.png') no-repeat 20px center; } .issueSubscription .subIssueInnerBox .subIssueSubscriptionForm { position:relative; height:39px; margin-top:18px; border:1px solid #ececea; background-color:#fff; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueSubscription .subIssueInnerBox .subIssueSubscriptionForm .issueSubscriptionInput { width:158px; height:39px; padding:0px 12px 0px 35px; border:none; background:#fff url('./images/icon_mail.png') no-repeat 9px center; } .issueSubscription .subIssueInnerBox .subIssueSubscriptionForm .issueSubscriptionSubmit { position:absolute; right:0px; top:0px; width:68px; height:39px; padding:0px; font-family:'Nanum Gothic'; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:41px; border:0px; background-color:#0c4da2; cursor:pointer; } .issueSearchSideBox .hd { height:57px; padding-left:51px; color:#151515; font-size:18px; font-weight:700; font-family:'Nanum Gothic'; line-height:57px; border-bottom:1px solid #e6e6e6; background:url('./images/icon_issue_search.png') no-repeat 20px center; } .issueSearchForm { position:relative; height:39px; border:1px solid #ececea; background-color:#fff; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueSearchForm .issueSearchInput { width:158px; height:39px; padding:0px 12px 0px 35px; border:none; background:url('./images/icon_search.png') no-repeat 12px center; } .issueSearchForm .issueSearchSubmit { position:absolute; right:0px; top:0px; width:68px; height:39px; padding:0px; color:#fff; font-size:14px; font-weight:bold; font-family:'Nanum Gothic'; text-align:center; line-height:39px; border:none; background-color:#727272; cursor:pointer; } .issueArchiveSideBox .hd { height:57px; padding-left:51px; color:#151515; font-size:18px; font-weight:700; font-family:'Nanum Gothic'; line-height:57px; border-bottom:1px solid #e6e6e6; background:url('./images/icon_issue_achive.png') no-repeat 20px center; } .issueArchiveSideBox .subIssueInnerBox { height:180px; letter-spacing:normal; background:none; } .issueArchiveWrap { margin:0 auto; } .issueArchiveOpenner { display:block; height:41px; padding-left:35px; color:#fff; font-size:11px; line-height:41px; background:#727272 url('./images/issue_archivebg.png') no-repeat left top; border-radius:3px; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueArchiveOpenner:hover { text-decoration:none; background-color:#0c4da2; } .issueArchiveSelectBox { display:none; position:relative; height:205px; margin-top:10px; background-color:#727272; border-radius:3px; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueArchiveSelectBox .issueArchiveSelect { width:275px; height:205px; } .issueArchiveSelectBox .issueArchiveSelect a { display:block; width:240px; height:40px; padding-left:35px; color:#fff; font-size:11px; font-weight:bold; line-height:40px; border-bottom:1px solid #5b5b5b; background:url('./images/issue_bullet.png') no-repeat 17px center; } .issueArchiveSelectBox .issueArchiveSelect a:hover { text-decoration:none; background-color:#0c4da2; } /** 포스트 뷰페이지 **/ #ViewWrapper { min-height:1000px; padding-top:20px; padding-bottom:100px; border-right:1px solid #e6e6e6; } .viewHeader { position:relative; padding:15px 0px; } .viewHeader.page { border-bottom: 1px solid #e6e6e6; } .viewHeader .title, .viewHeader .title a { padding-right:150px; color:#000; font-size:40px; font-family:'Nanum Gothic'; font-weight: 800; line-height:1.2em; word-break:keep-all; word-wrap:break-word; } /*댓글카운트버블*/ .viewHeader .commentCnt { position:absolute; z-index:10; right:20px; top:0px; width:59px; height:56px; color:#767676; font-size:22px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:41px; background:url('./images/stripe_normal.png') no-repeat -242px -89px; } .viewHeader .commentCntOff { display:none; background-position:-313px -89px; white-space:nowrap; text-indent:150%; overflow:hidden; } .viewHeader .commentCntDic { background-position:-242px -160px; } .viewHeader .postInformation { position:relative; padding:50px 0px 20px 0px; color:#767676; font-size:12px; font-family:'Nanum Gothic'; border-bottom:1px solid #e6e6e6; } .viewHeader .postInformation a { color:#767676; font-size:12px; font-family:'Nanum Gothic'; } .viewHeader .postInformation .post_categoryName { display:inline-block; margin-right:20px; white-space:nowrap; } .viewHeader .postInformation .post_date { display:inline-block; margin-right:20px; white-space:nowrap; } .viewHeader .postInformation .post_author { display:inline-block; white-space:nowrap; } .viewHeader .postInformation .post_author a em { color:#000; } .viewHeader .postInformation .post_inline { display:inline-block; white-space:nowrap; } .viewHeader .postInformation .butn_normal { display:none; } .viewHeader .postInformation .subTitle { color:#787677; font-size:16px; } .post_icon { display:inline-block; width:12px; height:15px; margin-right:5px; white-space:nowrap; text-indent:120%; overflow:hidden; vertical-align:top; background-image:url('./images/stripe_normal.png'); background-repeat:no-repeat; } .icon_category { background-position:-175px -89px; } .icon_categoryDic { background-position:-175px -137px; } .icon_date { width:15px; background-position:-195px -89px; } .icon_dateDic { width:15px; background-position:-195px -137px; } .icon_author { width:13px; background-position:-215px -89px; } .icon_playCnt { width:15px; background-position:-175px -113px; } .icon_liveOn { width:15px; background-position:-195px -113px; } .icon_liveOff { width:15px; background-position:-215px -113px; } /*포스트 etc 컨트롤러*/ #translation { position:absolute; right:20px; bottom:20px; min-width:210px; height:23px; *zoom:1; } #translation:after { content:""; clear:both; display:block; } #translation #google_translate_element { float:left; height:23px; padding:3px 0px 0px 36px; background:url('./images/trans_icon.gif') no-repeat left center; } #translation .butn_normal { font-family:'Dotum'; display:block; float:right; margin:3px 0px 0px 10px; font-size:11px; } /*번역셀렉트박스*/ .goog-te-gadget { font-size:10px !important; line-height:19px !important; } .goog-te-gadget-simple { height:19px !important; padding:0px 8px !important; line-height:19px !important; border-color:#e6e6e6 !important; border-radius:3px !important;} .goog-te-gadget-icon { display:none !important; } .goog-te-gadget-simple .goog-te-menu-value { font-size:11px !important; font-family:'Dotum' !important; line-height:19px !important; } .goog-te-gadget-simple span { vertical-align:top !important; } .goog-te-gadget-simple .goog-te-menu-value span { color:#767676 !important; border-left:none !important; } .goog-te-gadget-simple .goog-te-menu-value span:last-child { font-size:8px !important; } .tvPostWideArea { position:relative; z-index:5; background-color:#fff; } .tvPostWideArea .viewHeader { padding-bottom:0px; } .tvPostWideArea .viewHeader .postInformation { border-bottom:none; } .tvPostMovBox { position:relative; margin-left:-20px; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .tvPostMovWideBtn { position:absolute; z-index:100; right:20px; top:20px; width:38px; height:38px; font-size:0px; white-space:nowrap; text-indent:100%; background:url('./images/icon_mov_wide.png') no-repeat 0px 0px; overflow:hidden; } .wideOn { background-position:-40px 0px; } .tvPostMovBox iframe { position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; } .viewBody { position:relative; margin-top:20px; min-height:500px; } .viewBody .viewIntroImg { margin-left:-20px; } .viewBody .viewIntroImg img { display:block; } .viewContentsWrap { padding:50px 78px 50px 158px; } .viewContentsWrap2 { padding:15px 78px 50px 158px; } /*포스트본문영역*/ .postContentBox { padding-bottom:50px; color:#000; font-size:16px; font-family:'Nanum Gothic'; line-height:1.6em; word-break:keep-all; word-wrap:break-word; overflow:hidden; } .postContentBox * { max-width:100% !important; } /*강제스타일적용*/ .postContentBox a { color:inherit; } .postContentBox .eventPost_entry * { max-width:none !important; } /*포스트공유하기*/ #postShareSnsWrapper { position:absolute; z-index:20; left:0px; top:0px; width:59px; } .postShare_tt { display:none; } #postShareSnsBox { } #postShareSnsBox li { margin-top:20px; *zoom:1; } #postShareSnsBox li:after { content:""; clear:both; display:block; } #postShareSnsBox li.mobileShare { display:none; } /*포스트공유하기 아이콘*/ #postShareSnsBox .postShareBtn { min-width:59px; width:59px; height:62px; border-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } #postShareSnsBox .postShareBtn:hover { text-decoration:none; } #postShareSnsBox .postShareBtn .shareType { width:59px; height:31px; background-color:#747474; white-space:nowrap; text-indent:200%; overflow:hidden; background-image:url('./images/social_icon_normal.png'); background-repeat:no-repeat; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear;-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-radius:4px 4px 0px 0px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } #postShareSnsBox .postShareBtn .share_count { width:59px; height:31px; color:#101010; font-size:13px; font-weight:bold; font-family:tahoma, arial; text-align:center; line-height:31px; background-color:#f3f3f3; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-radius:0px 0px 4px 4px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } #postShareSnsBox .postShareBtn .share_count:after { content:""; position:absolute; top:-5px; left:25px; border-width:0px 5px 5px; border-style:solid; border-color:#f3f3f3 transparent; display:block; width:0; } #postShareSnsBox .postShareBtn .ps_facebook { background-position:27px 7px; } #postShareSnsBox .postShareBtn:hover .ps_facebook { background-color:#3b5998; } #postShareSnsBox .postShareBtn .ps_twitter { background-position:-41px 7px; } #postShareSnsBox .postShareBtn:hover .ps_twitter { background-color:#00acee; } #postShareSnsBox .postShareBtn .ps_googleplus { background-position:-98px 7px; } #postShareSnsBox .postShareBtn:hover .ps_googleplus { background-color:#d44330; } #postShareSnsBox .postShareBtn .ps_pinterest { background-position:-157px 7px; } #postShareSnsBox .postShareBtn:hover .ps_pinterest { background-color:#cb2027; } #postShareSnsBox li.viewOn { width:76px; height:70px; } #postShareSnsBox li .butn_normal { background-color:#fff; } #postShareSnsBox li.viewOn iframe { -moz-transform: scale(0.78, 0.78); -webkit-transform: scale(0.78, 0.78); -o-transform: scale(0.78, 0.78); -ms-transform: scale(0.78, 0.78); transform: scale(0.78, 0.78); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } *+ html #postShareSnsBox li.viewOn iframe { zoom:0.88; } /* IE7핵*/ @media \0screen { /* IE8핵*/ #postShareSnsBox li.viewOn iframe { zoom:0.88; } } /*필진영역*/ .postAuthor_introduce { margin-bottom:30px; border-top:2px solid #656565; } .postAuthor_introduce .postAuthor_title { height:37px; color:#000; font-size:16px; font-family:'Nanum Gothic'; font-weight: 700; line-height:37px; border-bottom:1px solid #e6e6e6; } /*이전&다음글*/ .aroundPost { position:relative; padding-right:50%; } .aroundPostPrevBox { padding-right:10px; } .aroundPostPrevBox .prev_tt { display:block; height:37px; color:#000; font-size:16px; font-family:'Nanum Gothic'; line-height:37px; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } .aroundPostPrevBox .prev_tt a { color:#000; font-size:16px; font-family:'Nanum Gothic'; font-weight: 700; } .aroundPostNextBox { position:absolute; right:0px; top:0px; width:50%; } .aroundPostNextBox .next_tt { display:block; height:37px; margin-left:10px; color:#000; font-size:16px; font-family:'Nanum Gothic'; font-weight: 700; line-height:37px; text-align:right; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } .aroundPostNextBox .next_tt a { color:#000; font-size:16px; font-family:'Nanum Gothic'; } .aroundPostNextBox .postPreviewBox { margin-left:10px; } .postPreviewBox { position:relative; min-height:79px; padding:20px 0px 20px 89px; } .postPreviewBox_noThumb { padding-left:0px !important; } /*썸네일 없는 놈*/ .postPreviewBox .thumb { position:absolute; left:0px; top:20px; width:79px; height:79px; background-color:#a6a6a6; } .postPreviewBox .thumb .overMov { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } .postPreviewBox .thumb a { position:relative; display:block; overflow:hidden; } .postPreviewBox .thumb a img { display:block; } .postPreviewBox .thumb a .subscribe { display:block; opacity:0; filter:alpha(opacity=0); } .postPreviewBox .thumb a .subscribe .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:#000; opacity:0; filter:alpha(opacity=0); overflow:hidden; } .postPreviewBox .thumb a .subscribe .detailIcon{ position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; background:url('./images/thumb_detailicon.png') no-repeat center center; opacity:0; filter:alpha(opacity=0); overflow:hidden; } .postPreviewBox .infoBox { position:relative; padding-right:50px; } .postPreviewBox .infoBox .cate_date { display:block; color:#767676; font-size:11px; font-family:'Nanum Gothic'; line-height:1.5em; } .postPreviewBox .infoBox .cate_date a { color:#767676; } .postPreviewBox .infoBox .cate_date em { color:#000; } .postPreviewBox .infoBox .title { display:block; padding-top:0.3em; word-break:keep-all; word-wrap:break-word; } .postPreviewBox .infoBox .title a { color:#000; font-size:13px; font-family:'Nanum Gothic'; line-height:1.2em; } .postPreviewBox .infoBox .commentCnt { position:absolute; z-index:10; right:0px; top:0px; width:40px; height:38px; color:#767676; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .postPreviewBox .infoBox .commentCntOff { display:none; background-position:-397px -55px; } .postPreviewBox .infoBox .noThumb { top:-30px; } .aroundPost .nonTargetPost { padding-left:0px; text-align:center; line-height:79px; } /*덧글*/ .postCommentWrap { margin-top:30px; padding-bottom:30px; } .postCommentWrap .comment_title { position:relative; color:#000; font-size:16px; font-family:'Nanum Gothic'; font-weight: 700; line-height:37px; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } .postCommentWrap .comment_title .comment_write { position:absolute; z-index:10; right:0px; top:0px; } /**관련글(모바일용)**/ .m_connectedPost { display:none; } /*이벤트참여하기영역*/ .eventPost_entryBox { margin-bottom:50px; border-top:2px solid #656565; } .eventPost_entryBox .eventPost_hd h3 { height:37px; color:#000; font-size:16px; font-weight:700; font-family:'Nanum Gothic'; line-height:37px; border-bottom:1px solid #e6e6e6; } .eventPost_entryBox .eventPost_hd .eventPost_caution { padding:15px 0px; color:#625e6a; font-size:12px; line-height:1.4em; border-bottom:1px solid #e6e6e6; } .event_itemWrapper { *zoom:1; } .event_itemWrapper:after { content:""; clear:both; display:block; } .event_itemWrapper .event_item { float:left; width:48%; min-width:320px; padding:20px 0px; border-bottom:1px dotted #e6e6e6; } .event_itemWrapper .event_item:first-child { margin-right:3.8%; } .event_itemWrapper:last-child .event_item { border-bottom:none; } .event_label { display:block; color:#000; font-size:14px; font-weight:bold; } .event_input { display:block; padding:8px 0px; color:#ccc; } .event_input .inputBox { max-width:318px; height:22px; padding:0px; color:#000; text-indent:10px; line-height:22px; vertical-align:middle; border:1px solid #ccc; background-color:#f1f1f1; } .event_input label { color:#000; font-size:13px; white-space:nowrap; } .event_input select { height:24px; font-family:'Nanum Gothic'; border-width:1px; border-color:#ccc; background-color:#f1f1f1; vertical-align:middle; } .event_input textarea { width:300px; height:40px; padding:9px; color:#000; font-family:'Nanum Gothic'; border:1px solid #ccc; background-color:#f1f1f1; } .event_input .quiz_block { line-height:1.5em; } .event_input .nowrap { display:inline-block; margin-right:10px; white-space:nowrap; } .event_input .txt_nomalColor { color:#000; } #addr_postBtn { display:inline-block; height:24px; margin-left:5px; padding:0px 10px; color:#fff; font-size:11px; font-family:dotum; line-height:24px; vertical-align:middle; background-color:#656565; border-radius:3px; } .event_input .row { display:block; margin-top:10px; } .event_item_guide { display:block; color:#656565; font-size:11px; font-family:dotum; } .evnet_entryBtnBox { padding-top:20px; text-align:right; border-top:1px solid #e6e6e6; } .evnet_entryBtnBox a { display:inline-block; height:40px; margin-left:5px; padding:0px 20px; color:#fff; font-size:16px; font-weight:bold; font-family:'Nanum Gothic'; line-height:40px; background-color:#656565; border-radius:4px; } /*이벤트레이아웃1줄로 스크립트 변경을 위해*/ .eventPost_entry_1row .event_itemWrapper .event_item { float:none; width:100% !important; margin-right:0px !important; } #subSide { position:absolute; right:0px; top:0px; width:315px; min-height:100%; border-right:1px solid #e6e6e6; background-color:#f6f8f9; } .sub_relation .article_hd { padding-top:0px; } .sub_infographBox { position:relative; } .sub_infographBox .align_more { position:absolute; right:20px; top:0px; height:49px; line-height:47px; } .sub_infographBox .article_hd { padding-top:0px; } .subSidebar { padding-top:20px; } .subSidebar .article_hd .article_title { padding-left:20px; } .subSidebar .article_hd .article_more { right:0px; } .subSideList { position:relative; padding:0px 20px 3px 20px; background:url("./images/bg_gra.gif") repeat-x left bottom; } .subSideList .li { border-bottom:1px dotted #e6e6e6; } .subSideList .li:last-child { border-bottom:none; } .subSideList .li .postListItem { position:relative; min-height:79px; margin:20px 0px 0px 0px; padding:0px 0px 20px 89px; } .subSideList .li .postListItem .thumb { position:absolute; left:0px; top:0px; width:79px; height:79px; } .subSideList .li .postListItem .thumb .desk_img { display:none; } .subSideList .li .postListItem .thumb .mobile_img { display:block; } .subSideList .li .ztyleNoThumb { min-height:0; padding-left:0px; } .subSideList .li .postListItem .info .commentCnt { display:none; } .sub_subscription { padding:20px; display:none; } /*구독하기 일단 비노출*/ .sub_subscription #subscriptionBox { margin:0px; } .sub_magazine { position:relative; padding:0px 0px 0px 0px; } .sub_magazine .magazine_title { /*height:auto;*/ } .sub_magazine .align_more { position:absolute; right:20px; top:0px; height:58px; line-height:58px; } .sub_bannerBox { position:relative; padding:20px; border-bottom:1px solid #e6e6e6; } .bannerList li { padding-bottom:20px; } .bannerList li:last-child { padding-bottom:0px; } .bannerList li img { display:block; margin:0 auto;} .sub_bannerList { position:relative; } .sub_bannerList .banItem { } .sub_bannerList .banItem a { display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px dotted #fff; } .sub_bannerList .banItem a:focus { border-color:#888; } .sub_bannerList .banItem img { display:block; margin:0 auto; } /*인포그래픽리스트페이지*/ .fullBodyInner { /*padding-right:20px;*/ padding:0px !important; } .infographicBodyWrapper { padding:0px !important; } .infographic_listPage { padding-top:20px; padding-bottom:50px; } .infog_hd { position:relative; z-index:10; margin-bottom:-1px; padding:0px 20px; } .infog_hd h2 { height:49px; color:#151515; font-size:19px; font-weight:bold; line-height:49px; border-bottom:1px solid #e6e6e6; } .infog_hd h2 .sectionIcon_3 { background-position:0px -94px; } .infographic_listWrapper { background:url('./images/infographic_bg.gif') repeat left top; } .infographic_sorting { padding:20px 20px; } .infographic_sorting li { display:inline-block; } .infographic_sorting li a { display:block; height:39px; margin-right:5px; padding:0px 20px; color:#555; font-size:15px; font-weight:600; line-height:39px; border:1px solid #e6e6e6; background-color:#fff; border-radius:4px; } .infographic_sorting li a.On { color:#000; border-color:#00ccff; background-color:#00ccff; } .infographic_listBox { position:relative; padding-bottom:70px; } .infoListMoreBox { display:none; position:absolute; z-index:10; left:0px; bottom:20px; width:100%; height:45px; } .infoListMoreBox span { display:block; margin:0px 20px; height:45px; background:#f1f1f1 url('./images/loading.gif') no-repeat center center; white-space:nowrap; text-indent:200%; overflow:hidden; } .infographic_list { min-height:20px; padding-right:20px; font-size:0px; *zoom:1; } .infographic_list:after { content:""; clear:both; display:block; } .infographic_list li { display:inline-block; width:16.66666%; min-width:300px; max-width:600px; vertical-align:top; } .infogra_item { padding:20px 0px 0px 20px; } .infogra_item .thumb { display:block; padding:9px; border:1px solid #ebebeb; background-color:#fff; } .infogra_item .thumb a { display:block; } .infogra_item .thumb img { vertical-align:top; } .infogra_item .listItemDetail { position:relative; padding:20px 10px; color:#666666; font-size:13px; font-family:'Nanum Gothic'; } .infogra_item .listItemDetail .cate_date { display:block; } .infogra_item .listItemDetail .cate_date a { color:#666; } .infogra_item .listItemDetail .cate_date em { color:#000; } .infogra_item .listItemDetail .title { padding:1.5em 40px 1.5em 0px; word-break:keep-all; word-wrap:break-word; } .infogra_item .listItemDetail .title a { color:#000; font-size:20px; font-weight: 700; } .infogra_item .listItemDetail .describe { display:block; font-family:'Nanum Gothic'; word-break:keep-all; word-wrap:break-word; } .infogra_item .listItemDetail .describe a { color:#767676; line-height:1.3em; } .infogra_item .listItemDetail .commentCnt { position:absolute; z-index:10; right:10px; top:-16px; width:40px; height:38px; color:#767676; font-size:15px; font-weight:bold; font-family:Tahoma; text-align:center; line-height:27px; background:url('./images/stripe_normal.png') no-repeat -121px 0px; } .infogra_item .listItemDetail .commentCntOff { display:none; background-position:-397px -55px; } /*작성자전체보기페이지*/ .authorTotal_hd { position:relative; border-bottom:1px solid #e6e6e6; } .authorTotal_hd h2 { height:49px; color:#151515; font-size:19px; font-weight:700; line-height:49px; } .authorTotal_hd .author_status { position:absolute; right:20px; top:0px; height:49px; color:#767676; font-size:15px; line-height:49px; text-align:right; } .authorTotal_hd .author_status strong { color:#000; font-weight:bold; } .author_groupBox { margin-top:20px; padding-right:20px; } .author_groupBox h3 { height:37px; color:#000; font-size:16px; font-weight:700; line-height:37px; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } .author_groupBox h4 { height:37px; color:#3d3d3d; font-weight:700; line-height:37px; border-bottom:1px solid #e6e6e6; } .author_member_list { margin-left:-20px; font-size:0px; *zoom:1; } .author_member_list:after { content:""; clear:both; display:block; } .author_member_list li { display:inline-block; vertical-align:top; width:16.666666%; } .author_member_list li .author_member { padding:20px 0px 0px 20px; font-size:12px; } .author_member_list li .thumb { position:relative; display:block; } .author_member_list li .thumb a { display:block; } .author_member_list li .thumb img { display:block; } /* .author_member_list li .thumb .author_info { display:none; position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; background:#00ccfe url('./images/post_detail.png') no-repeat center center; opacity:0.94; filter:alpha(opacity=94); } */ .author_member_list li .thumb .author_info { display:none; position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; background:#00ccfe; opacity:0.94; filter:alpha(opacity=94); } .author_member_list li .thumb .author_info .author_infoBlock { display:block; padding:17px 17px; color:#404040; font-size:12px; } .author_member_list li .thumb .author_info .author_infoBlock strong { display:block; font-size:14px; padding-bottom:5px; } .author_member_list li .thumb:hover .author_info, .author_member_list li .thumb a:focus .author_info { display:block; } .author_member_list li .author_name { display:block; padding:20px 0px; color:#707070; } /*소셜페이지*/ .socialFullPage { padding:0px 20px; } .socialWrapper { padding-bottom:50px; } #bodyAnotherGroup { display:none; } .newPostAdd { width:434px; margin-top:-20px; padding:20px 0px 0px 20px; background-color:#fff; } .newPostAdd li.newadd_view { height:48px; border-bottom:1px solid #e6e6e6; } .newPostAdd li.newadd_view a { display:inline-block; margin-bottom:-1px; padding:0px 20px; color:#000; font-size:18px; font-family:'Nanum Gothic'; line-height:48px; white-space:nowrap; border:1px solid #e6e6e6; border-bottom-color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#fff; } #main_newAddPostSide { padding-bottom:70px; } #main_newAddPostSide #moreBox { bottom:20px; } .main_sideNewAddPostList { position:relative; margin-left:-20px; font-size:0px; overflow:visible !important; *zoom:1; } .main_sideNewAddPostList:after { content:""; clear:both; display:block; } .main_sideNewAddPostList li { /*float:left;*/ display:inline-block; width:49.9999%; vertical-align:top; } .main_sideNewAddPostList li .postListItem { margin:0px 0px 20px 20px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; } #SideFixBar { position:fixed; z-index:100; } .sideNewPostAdd { min-width:414px; padding-top:20px; padding-left:20px; } body.home .sideNewPostAdd { padding-top:0px; } /*메인은따로*/ .sideNewPostAdd li.newadd_view { position:relative; height:49px; border-bottom:1px solid #ececea; } .sideNewPostAdd li.newadd_view .sectionIcon_1 { display:inline-block; color:#151515; font-size:18px; font-family:'Nanum Gothic'; font-weight:700; line-height:49px; white-space:nowrap; background-color:#fff; } .sideNewPostAdd li.newadd_view .butnMore { display:none; position:absolute; right:0px; top:20px; } #side_newAddPostSide { padding:20px 0px 0px 20px; } #side_newAddPostSide .scrollarea { right:-5px !important; } #sub_sideFixScrollBox { overflow-x:hidden !important; border-bottom:2px solid red; } #footerWrapper { width:100%; background-color:#fff; } #footerInfo { position:relative; height:52px; padding:0px 20px; line-height:52px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#fff; *zoom:1; } #footerInfo:after { content:""; clear:both; display:block; } .footerMenu { position:absolute; left:20px; top:0px; height:52px; *zoom:1; } .footerMenu:after { content:""; clear:both; display:block; } .footerMenu li { float:left; color:#767676; font-size:13px; font-family:'Nanum Gothic'; } .footerMenu li a { color:#767676; font-size:12px; font-family:Nanum Gothic;} .footerMenu li em { padding:0px 5px; } .footerMenu li a.blank { color:#024199; } .samsungTomorrowSocialBox { float:right; height:52px; padding:0px 0px 0px 585px; overflow:hidden; } .samsungTomorrowSocial { text-align:right; *zoom:1; } .samsungTomorrowSocial:after { content:""; clear:both; display:block; } .samsungTomorrowSocial li { display:inline-block; height:40px; margin-top:15px; padding-left:10px; text-align:left; vertical-align:top; } .samsungTomorrowSocial li:first-child { padding-left:0px; } .stSnsItem { position:relative; height:20px; padding-left:30px; } .stSnsItem .fanInfo { display:block; color:#767676; font-size:9px; font-family:Arial; line-height:8px; } .stSnsItem .fanInfo strong { display:block; color:#000; font-size:12px; font-weight:bold; font-family:'Arial', 'Tahoma'; line-height:12px; white-space:nowrap; } .ssSnsIcon { position:absolute; left:0px; top:0px; width:20px; height:20px; font-size:0px; white-space:nowrap; text-indent:150%; overflow:hidden; background-image:url('./images/footer_snsicons.png'); background-repeat:no-repeat; } .ss_facebook { background-position:0px 0px; } .ss_twitter { background-position:-22px 0px; } .ss_youtube { background-position:-44px 0px; } .ss_pinterest { background-position:-65px 0px; } .ss_flickr { background-position:-86px 0px; } .ss_samsungblog { background-position:-107px 0px; } .samsungTomorrowSocial li.abFooter_ctrl { display:none; } #footer { position:relative; padding:30px 20px 30px 210px; color:#767676; font-family:Nanum Gothic; background-color:#fff; } .footerLogo { position:absolute; left:20px; top:30px; width:151px; height:28px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/stripe_normal.png') no-repeat -222px -50px; } .companyInfo{ padding:0px 75px 18px 0px; font-size:12px; margin-right:100px; } .copyright { font-size:10px; } .waMark { position:absolute; right:20px; top:10px; } .waMark img { display:block; } /*fixed_footer*/ .abFooter .samsungTomorrowSocialBox { /*padding-right:84px;*/ } .abFooter .samsungTomorrowSocial li.abFooter_ctrl { display:none; position:absolute; right:20px; top:0px; width:52px; height:52px; margin-top:0px; padding-left:0px; border-left:1px solid #000; border-right:1px solid #000; } .abFooter .samsungTomorrowSocial li.abFooter_ctrl a { display:none; color:#fff; font-size:12px; font-family:'Nanum Gothic'; text-align:center; line-height:26px; } .abFooter .samsungTomorrowSocial li.abFooter_ctrl a#goTop { height:25px; border-bottom:1px solid #000; } .abFooter .samsungTomorrowSocial li.abFooter_ctrl a#footerOpenner { height:26px; line-height:27px; } /* IP GEO Location Layer Pop */ .layerPop_bg { position:fixed; z-index:6000; left:0px; top:0px; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80); } #ipGeoLocationPop { position:fixed; z-index:7000; left:50%; top:50%; width:431px; height:252px; margin:-156px 0px 0px -245px; padding:30px; background-color:#fff; border-radius:10px; } #ipGeoLocationPop .ipGeoTitle { display:block; margin-bottom:20px; color:#303030; font-size:20px; } #ipGeoLocationPop .ipGeoTxt { display:block; color:#151515; font-size:14px; line-height:1.5em; } #ipGeoLocationPop .ipGeoCheck { display:block; margin-top:15px; color:#646464; font-size:11px; } #ipGeoLocationPop .ipGeoBtnBox { margin-top:20px; *zoom:1; } #ipGeoLocationPop .ipGeoBtnBox:after { content:""; clear:both; display:block; } #ipGeoLocationPop .ipGeoBtnBox #ipGeoPopCloseBtn { float:left; width:130px; height:40px; color:#fff; font-size:15px; text-align:center; line-height:40px; background-color:#8b8b8b; border-radius:3px; } #ipGeoLocationPop .ipGeoBtnBox #globalBlogGoBtn { float:right; width:280px; height:40px; color:#fff; font-size:15px; text-align:center; line-height:40px; background-color:#2fcaff; border-radius:3px; } /** IFA 특별페이지 **/ #liveVideoPlayer { position:relative; height:0; padding-top:1px; padding-bottom:56.25%; } * html #liveVideoPlayer { margin-bottom:45px; margin-top:0px; width:100%; height:100%; } #liveVideoPlayer div, #liveVideoPlayer embed, #liveVideoPlayer object, .BrightcoveExperience { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #youtubePlayerBox { position:relative; display:none; } #liveVideoShow { display:none; position:absolute; z-index:1000; right:20px; top:20px; width:90px; height:38px; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:38px; background:url('./images/live_show.png') no-repeat left top; } .spe_bannerBox { padding:26px 0px; } .spe_wrapper { padding:0px 0px 26px 0px; } .spe_wrapper .spe_title { color:#000; font-size:19px; font-weight: bold; border-bottom:2px solid #656565; padding: 30px 0px 10px 0px; } .spe_videoListBox { width:100%; height:155px; padding:20px 0px 0px 0px; overflow:hidden; } .spe_videoListBox * { max-width:none !important; } .spe_videoList { *zoom:1; } .spe_videoList:after { content:""; clear:both; display:block; } .spe_videoList li { float:left; margin-right:18px; } .spe_videoList li:last-child { margin-right:0px; } .spe_video { display:block; width:127px; } .spe_video .thumb { display:block; position:relative; width:127px; height:71px; background-color:#dcdcdc; overflow:hidden; } .spe_video .thumb img { display:block; width:127px; height:71px; } .spe_video .thumb em { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:100%; overflow:hidden; } .spe_video .info { display:block; padding-top:5px; color:#666; font-size:11px; line-height:20px; text-decoration:none; } .spe_video .info strong { display:block; color:#000; font-size:12px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .spe_video:hover { text-decoration:none; } .spe_video:hover strong { text-decoration:underline; } .spe_photoListBox { position:relative; padding:20px 0px; } .spe_conLibraryBox { padding:20px 0px; } /*사진리스트영역*/ .icscrollBox { height:600px; overflow:auto; } /* youtube responsive */ .videoPostConBox { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 0 !important; } /* margin-bottom: 0 !important; 추가 Video Player 아래

여백 생기는 문제 해결 */ .videoPostConBox iframe, .videoPostConBox object, .videoPostConBox embed { position:absolute; left:0px; top:0px; width:100%; height:100%; } /* 사전 포스트 */ .dictionaryViewWrapper .viewBody { margin-top:0px; } .dic_viewHeader .postInformation { padding-top:30px; border-bottom:none; } .dic_sectionTitle { display:block; height:49px; margin-bottom:20px; color:#000; font-size:18px; font-weight:700; line-height:49px; border-bottom:1px solid #e6e6e6; } .dic_subTitle { margin-top:20px; color:#000; font-size:22px; font-weight:600; } .dictionaryContentBox { position:relative; overflow:visible; } #diction_bookMark { position:absolute; z-index:100; left:-158px; top:0px; } .diction_fixed { position:fixed !important; } #diction_toggle { position:relative; display:inline-block; height:35px; padding:0px 27px 0px 10px; color:#fff; font-size:12px; font-weight:bold; line-height:35px; background-color:#151515; } #diction_toggle .dicIcon { position:absolute; right:10px; top:50%; width:11px; height:7px; margin:-4px 0px 0px 5px; background:url('./images/stripe_normal.png') no-repeat -217px -137px; vertical-align:middle; } #diction_toggle .dicIconOpen { background-position:-217px -148px !important; } /*펼치기*/ #diction_toggle:hover { text-decoration:none; } .diction_bookLink { } .diction_bookLink li { margin-top:1px; } .diction_bookLink li a { display:block; width:118px; min-width:118px; padding:10px 10px; color:#151515; font-size:12px; line-height:1.5em; background-color:#e6e6e6; overflow:hidden; transition: background-color 0.3s ease; } .diction_bookLink li.active a { color:#fff; background-color:#eb2f0f; } .diction_bookLink li:hover a { text-decoration:none; color:#fff; background-color:#eb2f0f; /*width:auto; text-overflow:clip; overflow:visible;*/ } .postDic_section { padding-top:114px; } .postDic_section .postDic_title { padding-bottom:20px; color:#000; font-size:40px; font-weight:800; font-family:'Nanum Gothic'; line-height:1.2em; border-bottom:3px solid #000; } .postDic_section .postDic_contBox { padding-top:50px; font-size:14px; } /*삼성투모로우TV리스트*/ .samtoTvListHd .list_cnt { display:block; } .samtoTvListBox { position:relative; margin-left:-20px; padding:20px 0px; font-size:0px; *zoom:1; } .samtoTvListBox:after { content:""; clear:both; display:block; } .samtoTvListBox li { display:inline-block; width:33.333%; vertical-align:top; } .samtoTvListBox li .ztyleTvItemWrap { margin:0px 0px 20px 20px; padding-bottom:20px; border-bottom:1px dotted #e6e6e6; } .samtoTvListBox li .ztyleTvItemWrap .thumb { display:block; position:relative; } .samtoTvListBox li .ztyleTvItemWrap .thumb .overMov { display:block; position:absolute; z-index:10; left:0px; top:0px; width:100%; height:100%; font-size:0px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url("./images/thumb_mov.png") no-repeat center center;} .samtoTvListBox li .ztyleTvItemWrap .subscribe { display:block; position:relative; padding:15px 0px 0px 0px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .viewTime { display:block; padding-bottom:10px; color:#919191; font-size:12px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .viewTime .vv { font-size:14px; color:#000; font-weight:700;} .samtoTvListBox li .ztyleTvItemWrap .subscribe .viewTime .time { color:#000; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .title { display:block; color:#000; font-size:15px; font-weight:600; line-height:1.4em; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .commentCnt { position:absolute; z-index:10; right:10px; top:-18px; width:40px; height:38px; color:#0BCEFF; font-size:15px; font-family:Tahoma; font-weight:bold; line-height:27px; text-align:center; background:url("./images/stripe_normal.png") no-repeat -121px 0px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .commentCntOff { display:none; } /* IFA 템플릿 페이지(140827) */ .tmpImgBox { margin-bottom:50px; padding-bottom:30px; border-bottom:4px solid #505050; } .tmpImgBox .tmpTitle { display:block; margin:25px 0px 45px 0px; color:#000; font-size:33px; font-weight:bolder; line-height:1.3em; } .tmpTab { margin-bottom:30px; font-size:0; white-space:nowrap; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; overflow:hidden; *zoom:1; } .tmpTab:after { content:""; clear:both; display:block; } .tmpTab li { float:left; } .tmpTab li a { display:block; height:40px; padding:0px 20px; color:#737373; font-size:15px; line-height:38px; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-top-right-radius:5px; border-top-left-radius:5px; background:#fff; } .tmpTab li a.On { color:#fff; background:#0b4898; } .tmpTabWrapperBox { height:300px; overflow:hidden; } .tmpTabWrapper { position:relative; height:300px; max-width:100%; width:100%; overflow:hidden; } .tmpTabWrapper * { max-width:none !important; } .tmpTabView { max-width:none !important; height:300px; margin-left:-10px; margin-right:-10px; *zoom:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmpTabView * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmpTabView:after { content:""; clear:both; display:block; } .tmpTabView li { float:left; width:289px; max-width:none !important; padding:0px 10px; } .tmpTabView li a { display:block; margin-bottom:20px; border:1px solid #f2f2f2; overflow:hidden; } .tmpTabView li a img { display:block; max-width:100% !important; } #tmpTab1 { display:block; } /***** Wide Monitor *****/ @media all and (min-width:1647px) { #bodyWrapper { padding-right:474px; } #bodyGroup { max-width:1402px; } #bodyAnotherGroup { display:block; position:absolute; right:20px; top:0px; width:454px; min-height:100%; } #mainContentsWrapper { padding-left:55%; } #article_tv_graphicWrap { position:absolute; left:0px; top:0px; width:55%; min-height:100%; } .article_tv_graphic { position:absolute; width:45%; min-height:100%; padding-left:55%; overflow:hidden; } .main_tvWrapper { width:55%; } .main_infoList .ztyle_postListItem .commentCnt, .main_infoList .ztyle_postListItem .subscribe { display:none; } #magazineList .slidesjs-container, #magazineList .slidesjs-control { width:100% !important; height:auto !important; } /*서브페이지*/ .subSidebar .article_hd .article_title { padding-left:20px; } .subSidebar .article_hd .article_more { right:20px; } .subSideList { position:relative; } .subSideList li { } .subSideList li .postListItem { margin:20px 0px 0px 0px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; } .subSideList li:last-child .postListItem { border-bottom:none; } .sub_subscription { padding:20px; } .sub_subscription #subscriptionBox { margin:0px; } .sub_magazine { padding:0px; } .sub_magazine .magazine_title { /*height:auto;*/ } /*인포그래픽리스트페이지*/ .fullBodyInner { padding:0px !important; } }/***** End Wide Monitor *****/ /***** Wide_Medium Monitor(1600, 1680) *****/ @media all and (min-width:1443px) and (max-width:1646px) { #bodyWrapper { padding-right:474px; } #bodyGroup { max-width:1402px; } #bodyAnotherGroup { display:block; position:absolute; right:20px; top:0px; width:454px; /*min-height:100%;*/ } #mainContentsWrapper { padding-left:70%; } #article_tv_graphicWrap { position:absolute; left:0px; top:0px; width:70%; min-height:100%; } .article_tv_graphic { position:absolute; width:45%; min-height:100%; padding-left:55%; overflow:hidden; } .main_tvWrapper { width:55%; } #magazineList .slidesjs-container, #magazineList .slidesjs-control { width:100% !important; height:auto !important; } #recommend_new_tab li#newadd_view { display:none; } .main_recommentPostList { height:auto !important; } .main_recommentPostList li { position:static !important; width:100% !important; } /*서브페이지*/ .subSidebar .article_hd .article_title { padding-left:20px; } .subSidebar .article_hd .article_more { right:20px; } .subSideList { position:relative; padding-right:20px; } .subSideList li { } .subSideList li .postListItem { margin:20px 0px 0px 0px; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; } .subSideList li:last-child .postListItem { border-bottom:none; } .sub_subscription { padding:20px; } .sub_subscription #subscriptionBox { margin:0px; } .sub_magazine { } .sub_magazine .magazine_title { height:auto; } /*인포그래픽리스트페이지*/ .fullBodyInner { padding:0px !important; } /*이슈와팩트*/ .issueBigItem .title { font-size:21px; } .issueSortBox .listguideTxt { display:none; } }/***** End Wide_Medium Monitor *****/ /***** Normal Monitor(1280, 1366) *****/ @media all and (min-width:1247px) and (max-width:1442px) { #mainContentsWrapper { padding-left:55%; } #article_tv_graphicWrap { position:absolute; left:0px; top:0px; width:55%; min-height:100%; } .article_tv_graphic { position:absolute; width:40%; min-height:100%; padding-left:60%; overflow:hidden; } .main_tvWrapper { width:60%; } #magazineList .slidesjs-container, #magazineList .slidesjs-control { width:100% !important; height:auto !important; } .main_infoList .ztyle_postListItem .commentCnt, .main_infoList .ztyle_postListItem .subscribe { display:none; } /*새로등록된글_히든*/ #recommend_new_tab li#newadd_view { display:inline-block; } /*서브페이지*/ #subSide { width:316px; border-right:none; } .sub_bannerBox { /*padding-right:0px;*/ } /*이슈와팩트*/ .issueBigItem .title { font-size:21px; } .issueSortBox .listguideTxt { display:none; } }/***** End Normal Monitor *****/ /***** Min Monitor *****/ @media all and (min-width:1024px) and (max-width:1246px) { #mainContentsWrapper { padding-left:70%; } #mainSlider_stopBtn { right:47px; } #mainSlider_playBtn { right:20px; } .mainSlideBox .owl-controls { right:90px; } #article_tv_graphicWrap { position:absolute; left:0px; top:0px; width:70%; min-height:100%; } .article_tv_graphic { position:absolute; width:40%; min-height:100%; padding-left:60%; overflow:hidden; } .main_tvWrapper { width:60%; } .main_infoList .ztyle_postListItem .commentCnt, .main_infoList .ztyle_postListItem .subscribe { display:none; } #magazineList .slidesjs-container, #magazineList .slidesjs-control { width:100% !important; height:auto !important; } #recommend_view { border-bottom-color:#fff !important; } #recommend_view a { color:#000 !important; } #main_recommendPost { display:block !important; } #main_newAddPost { display:none !important; } .main_recommentPostList, .main_newAddPostList { height:auto !important; } .main_recommentPostList li, .main_newAddPostList li { position:static !important; width:100% !important; } /*새로등록된글_히든*/ #recommend_new_tab li#newadd_view { display:none !important; } /*서브페이지*/ #subSide { width:316px; border-right:none; } .sub_bannerBox { /*padding-right:0px;*/ } /*이슈와팩트*/ .issueBigItem .title { font-size:21px; } .issueSortBox .listguideTxt { display:none; } }/***** End Min Monitor *****/ /***** Tablet Device(768~1023) *****/ @media all and (min-width:768px) and (max-width:1023px) { #allWrap { /*padding-bottom:175px;*/ } #nav li > a { /*padding:0px 10px; font-size:15px;*/ } #nav li > a .caret_icon { /*margin-left:7px;*/ } .nav_subMenu .item .nav_icon { height:46px; margin-top:16px; } /*기업아이콘*/ .navCompany { background-image:url('./images/navicon_company_tablet.png'); } .navCompany_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navCompany_0, .nav_subMenu .item a:focus .navCompany_0 { background-position:center -46px; } .navCompany_1 { background-position:center -92px; } .nav_subMenu .item a:hover .navCompany_1, .nav_subMenu .item a:focus .navCompany_1 { background-position:center -138px; } .navCompany_2 { background-position:center -184px; } .nav_subMenu .item a:hover .navCompany_2, .nav_subMenu .item a:focus .navCompany_2 { background-position:center -230px; } .navCompany_3 { background-position:center -276px; } .nav_subMenu .item a:hover .navCompany_3, .nav_subMenu .item a:focus .navCompany_3 { background-position:center -322px; } .navCompany_4 { background-position:center -368px; } .nav_subMenu .item a:hover .navCompany_4, .nav_subMenu .item a:focus .navCompany_4 { background-position:center -414px; } .navCompany_5 { background-position:center -460px; } .nav_subMenu .item a:hover .navCompany_5, .nav_subMenu .item a:focus .navCompany_5 { background-position:center -506px; } .navCompany_6 { background-position:center -552px; } .nav_subMenu .item a:hover .navCompany_6, .nav_subMenu .item a:focus .navCompany_6 { background-position:center -598px; } .navCompany_7 { background-position:center -644px; } .nav_subMenu .item a:hover .navCompany_7, .nav_subMenu .item a:focus .navCompany_7 { background-position:center -690px; } .navCompany_8 { background-position:center -736px; } .nav_subMenu .item a:hover .navCompany_8, .nav_subMenu .item a:focus .navCompany_8 { background-position:center -782px; } .navCompany_9 { background-position:center -828px; } .nav_subMenu .item a:hover .navCompany_9, .nav_subMenu .item a:focus .navCompany_9 { background-position:center -874px; } /*제품아이콘*/ .navProduct { background-image:url('./images/navicon_product_tablet.png'); } .navProduct_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navProduct_0, .nav_subMenu .item a:focus .navProduct_0 { background-position:center -46px; } .navProduct_1 { background-position:center -92px; } .nav_subMenu .item a:hover .navProduct_1, .nav_subMenu .item a:focus .navProduct_1 { background-position:center -138px; } .navProduct_2 { background-position:center -184px; } .nav_subMenu .item a:hover .navProduct_2, .nav_suMenu .item a:focus .navProduct_2 { background-position:center -230px; } .navProduct_3 { background-position:center -276px; } .nav_subMenu .item a:hover .navProduct_3, .nav_subMenu .item a:focus .navProduct_3 { background-position:center -322px; } .navProduct_4 { background-position:center -367px; } .nav_subMenu .item a:hover .navProduct_4, .nav_subMenu .item a:focus .navProduct_4 { background-position:center -413px; } .navProduct_5 { background-position:center -457px; } .nav_subMenu .item a:hover .navProduct_5, .nav_subMenu .item a:focus .navProduct_5 { background-position:center -503px; } .navProduct_6 { background-position:center -552px; } .nav_subMenu .item a:hover .navProduct_6, .nav_subMenu .item a:focus .navProduct_6 { background-position:center -598px; } .navProduct_7 { background-position:center -644px; } .nav_subMenu .item a:hover .navProduct_7, .nav_subMenu .item a:focus .navProduct_7 { background-position:center -690px; } .navProduct_8 { background-position:center -736px; } .nav_subMenu .item a:hover .navProduct_8, .nav_subMenu .item a:focus .navProduct_8 { background-position:center -782px; } .navProduct_9 { background-position:center -828px; } .nav_subMenu .item a:hover .navProduct_9, .nav_subMenu .item a:focus .navProduct_9 { background-position:center -874px; } .searchInputBox { width:100px; padding:0px; text-indent:5px; } .mainSlideBox .slideItem .sumUp .title { height:80px; font-size:30px; line-height:80px; } .mainSlideBox .slideItem .sumUp .story { width:100%; font-size:12px; } .slidesjs-pagination, .slidesjs-stop, .slidesjs-play { bottom:3%; } /*마우스오버 .mainSlideBox:hover .sumUp { margin-bottom:4%; } 마우스오버*/ #mainSlider_stopBtn { right:47px; bottom:31px; } #mainSlider_playBtn { right:20px; bottom:31px; } .mainSlideBox .owl-controls { right:90px; line-height:80px; } /*이벤트데이 영역*/ #eventDayWrapper { padding:0px; } #eventDayWrapper #eventDayConBox { display:none; } #mainContentsWrapper { padding-left:50%; *zoom:1; } #mainContentsWrapper:after { content:""; clear:both; display:block; } #article_tv_graphicWrap { position:absolute; left:0px; top:0px; width:50%; min-height:100%; } .article_tv_graphic { /*position:static;*/ width:100%; min-height:100%; padding-left:0px; background-color:#fff; } .main_tvWrapper { position:static !important; width:auto !important; margin-top:0px !important; padding:0px !important; border-right:none; } .main_tvInner { position:static !important; width:auto !important; margin-top:0px !important; padding:0px !important; border-right:none; } .main_tvListWrap { border-bottom:1px solid #e6e6e6; } .main_tvListWrap .overflow, .main_tvListWrap .main_tvListScrollBox { width:auto !important; height:auto !important; padding-right:0px !important; } .main_tvListWrap .main_tvList { padding-bottom:0px !important; } .main_tvList li { display:none; } .main_tvList li:first-child { display:block; margin-bottom:0px; background-image:none; border-bottom:none; } .main_infoWrapper .article_hd { padding-top:0px; } .main_infoWrapper .article_hd .article_title { padding-left:0px; } .main_infoList { padding-left:0px; background-image:none; border-bottom:1px solid #e6e6e6; } .main_infoBox .align_more { top:0px; } .article_recommend_new { } .main_magazineWraper { padding-left:0px; } .main_magazineWraper .align_more { top:0px; } #magazineListWrap { height:auto; margin-top:0px; padding:10px 0px; } #magazineList { display:none !important; } #magazineList_mobile .slidesjs-container, #magazineList_mobile .slidesjs-control { width:100% !important; height:auto !important; } #magazineList_mobile { display:block !important; } /*모바일용_매거진*/ #magazineList_mobile .magazineItem { text-align:center; } #magazineList_mobile .magazineItem a.magazinePost { display:inline-block; max-width:110px; } #magazineList_mobile .magazineItem a.magazinePost:first-child { margin-right:10px; } #magazineList_mobile .magazineItem a.magazinePost img { display:block; width:110px; height:188px; } .main_bannerBox { padding-left:0px; } .sub_bannerBox { padding-left:0px; } /*새로등록된글_히든*/ #recommend_new_tab li#newadd_view { display:none !important; } #recommend_view { border-bottom-color:#fff !important; } #recommend_view a { color:#000 !important; } #main_recommendPost { display:block !important; } #main_newAddPost { display:none !important; } .main_recommentPostList, .main_newAddPostList { height:auto !important; } .main_recommentPostList li, .main_newAddPostList li { position:static !important; width:100% !important; } /*서브페이지(리스트)*/ #ListWrapper { min-height:auto; padding-bottom:0px; border-right:none; } .listItemBox { margin-right:0px; padding-bottom:0px; } .listInfoBox .list_cnt { right:0px; } .authorProfileBox .authorProfile { padding-right:0px; } .authorProfileBox .authorProfile .company_field { position:static; width:100%; } .listItemObj { padding-left:170px; } .listItemObj .thumb { width:150px; height:auto; } .listItemObj .listItemDetail .cate_date a { font-size:11px; } .listItemObj .listItemDetail .title { padding:0.7em 80px 0.7em 0px; } .listItemObj .listItemDetail .title a { font-family:'Nanum Gothic'; } /*서브페이지(뷰)*/ #subBodyInner { padding-right:0px; } #ViewWrapper { min-height:500px !important; padding-bottom:0px; border-right:none; } .authorProfileBox { padding-right:0px; } .postAuthor_introduce .authorProfileBox .authorProfile { padding-right:0px; } .postAuthor_introduce .authorProfileBox .authorProfile .company_field { position:static; width:100%; } /*관련글(모바일용)*/ .m_connectedPost { display:block; } .m_connectedPost .article_hd { height:37px; border-bottom:1px solid #e6e6e6; } .m_connectedPost .article_hd .article_title { height:37px; line-height:37px; border-top:2px solid #656565; border-bottom:none; } .m_connectedPost .article_hd .article_title .sectionIcon_relation { padding-left:0px ;background:none; } .m_connectedPost .m_connectedPostList li { padding:10px 0px 9px 0px; border-bottom:1px dotted #dcdcdc; } .m_connectedPost .m_connectedPostList li .postListItem { position:relative; min-height:79px; padding-left:89px; } .m_connectedPost .m_connectedPostList li .postListItem .thumb { position:absolute; left:0px; top:0px; width:79px; } .m_connectedPost .m_connectedPostList li .postListItem .info { margin-top:0px; padding-right:80px; } .m_connectedPost .m_connectedPostList li .postListItem .info .commentCnt { right:0px; top:0px; } .m_connectedPost .m_connectedPostList li .postListItem .title { padding-right:80px; font-size:14px; } #subSide { position:static; width:100%; border-right:none; } .subSidebar .article_hd .article_title { padding-left:0px; } .subSideList li .postListItem { margin-left:0px; } .subSideList li .postListItem .thumb img { width:100%; } .sub_subscription { padding-left:0px; } .sub_magazine { padding-left:0px; } #subSide { display:none !important; } .listItemObj .thumb a { height:auto; } .listItemObj .thumb img.desk_img { display:none; } .listItemObj .thumb img.mobile_img { display:block; } /*이벤트리스트페이지*/ .listItemObj .event_status .event_date { display:none; } /*TV확장페이지*/ .tvPostMovWideBtn { display:none; } /*이슈와팩트*/ .issueBigItem .title { font-size:21px; } .issueSortBox .listguideTxt { display:none; } }/***** End Tablet Device *****/ /***** Mobile Device *****/ @media all and (max-width:767px) { #layerWrapper { position:relative; /*padding-left:265px;*/ overflow:hidden; } #mobileMenuWrapper { display:none; position:absolute; z-index:7000; left:-100%; top:0px; width:100%; height:100%; } #mobileMenuInnerWrap { position:relative; height:100%; } #mobileMenuBody { position:absolute; left:0px; top:0px; width:265px; height:100%; overflow:auto; background-color:#656565; box-shadow:-3px 0px 3px #585858 inset; } .m_sideMenu { padding:15px 20px; } .m_stSocial { padding-bottom:14px; *zoom:1; } .m_stSocial:after { content:""; clear:both; display:block; } .m_stSocial li { float:left; margin-left:10px; } /*모바일소셜링크*/ .mst_snsIcon { display:block; width:23px; height:21px; white-space:nowrap; text-indent:150%; overflow:hidden; background-image:url('./images/stripe_mobile.png'); background-repeat:no-repeat; } .mst_facebook { background-position:0px -79px; } .mst_twitter { background-position:-32px -79px; } .mst_youtube { background-position:-65px -79px; } .mst_pinterest { background-position:-97px -79px; } .mst_flickr { background-position:-129px -79px; } .mst_samsungblog { background-position:-162px -79px; } /*모바일메뉴*/ #m_menu { border-top:3px solid #777; border-bottom:3px solid #777; } #m_menu li { border-bottom:1px solid #777; } #m_menu li:last-child { border-bottom:none; } #m_menu li .parent_menu { position:relative; display:block; height:38px; padding:0px 10px; color:#fff; font-size:14px; font-family:'Nanum Gothic'; font-weight: 700; line-height:38px; } #m_menu li a:active { background-color:#4d4d4d; } #m_menu li a .menu_icons { display:inline-block; margin-right:10px; margin-top:-2px; vertical-align:middle; } /*Menu Icon(mobile)*/ .icon-news { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat left top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-review { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -20px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-samtoTv { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -40px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-dic { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -60px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-magazine { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -80px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-info { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -100px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-true { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -120px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-show { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -140px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } .icon-event { display:inline-block; width:14px; height:14px; margin-right:10px; margin-bottom:2px; background:url('./images/mobile_menu_icon_stripe.png') no-repeat -160px top; white-space:nowrap; text-indent:100%; overflow:hidden; vertical-align:middle; } /*하위메뉴있는메뉴*/ .subMark { position:absolute; right:10px; top:50%; width:7px; height:6px; margin-top:-3px; background:url('./images/stripe_mobile.png') no-repeat -131px -3px; white-space:nowrap; text-indent:100%; overflow:hidden; } .subMarkOn { background-position:-143px -3px; } #m_menu li .subMenu { display:none; } /* #m_menu li .subMenu a { display:block; height:38px; padding:0px 10px 0px 34px; color:#fff; font-size:13px; font-family:'Nanum Gothic'; border-top:1px solid #777; line-height:38px; } */ #m_menu li .subMenu a { display:block; /* height: 38px; */ padding: 10px 10px 10px 34px; color:#fff; font-size:13px; font-family:'Nanum Gothic'; border-top:1px solid #777; line-height: 17px; } #m_footMenu { padding:20px 10px; } #m_footMenu li { display:inline-block; color:#777; font-size:10px; font-family:'Nanum Gothic'; } #m_footMenu li a { color:#fff; font-size:10px; font-family:'Nanum Gothic'; line-height:17px; } .m_footCopyright { color:#e4e4e4; font-size:8px; font-family:'Nanum Gothic'; } #sideTransArea { height:100%; background-color:transparent; white-space:nowrap; text-indent:100%; overflow:hidden; } #allWrap { padding-top:104px; padding-bottom:0px; } /*모바일검색활성레이어*/ #mobileSearchWrapper { display:none; position:absolute; z-index:7000; right:-100%; top:0px; width:100%; height:100%; } #mobileSearchInnerWrap { position:relative; height:100%; } #mobileSearchBody { position:absolute; right:0px; top:0px; width:265px; height:100%; overflow:auto; background-color:#656565; box-shadow:3px 0px 3px #585858 inset; } .m_search { position:relative; } .m_search label { display:none; } .searchInputMobile { display:block; width:225px; height:50px; padding:0px 20px; color:#222; font-size:12px; border:none; background-color:#fff; border-bottom:3px solid #00ccff; } #keywordDelBtn_mobile { display:none; position:absolute; right:10px; top:0px; width:33px; height:50px; background:url('./images/search_common.png') no-repeat 0px 0px; white-space:nowrap; text-indent:200%; overflow:hidden; font-size:0px; } #mobileSearchDetailOption { padding:19px 20px 20px 20px; } .searchInnerWrapper { float:none; width:auto; margin-right:0px; } .searchInnerWrapper .sf_title { height:35px; padding:0px; color:#fff; font-size:15px; font-family:'Nanum Gothic'; line-height:1em; border-bottom:1px solid #777; background-image:none; } .searchInnerWrapper .sf_optionBox { padding:15px 0px 0px 0px; } .searchInnerWrapper .sf_optionBox .sf_row { margin-bottom:7px; *zoom:1; } .searchInnerWrapper .sf_optionBox .sf_row:after { content:""; clear:both; display:block; } .searchInnerWrapper .sf_optionBox .sf_row .sf_label { float:left; width:53px; height:21px; padding-right:20px; color:#fff; font-size:11px; font-family:'Nanum Gothic'; line-height:19px; text-align:right; } .searchInnerWrapper .sf_optionBox .sf_row .sf_item { float:left; position:relative; width:152px; height:21px; } .sf_selectBox { display:block; width:auto; height:19px; padding:0px 10px; color:#767676; font-size:11px; font-family:dotum; line-height:19px; background:#fff url('./images/search_common.png') no-repeat 124px -85px; border:1px solid #e6e6e6; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } .sf_selectBoxOn { background-position:124px -106px; } .sf_selectOption { display:none; position:absolute; z-index:100; left:0px; top:20px; width:100%; background-color:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .sf_selectOption .sf_value { display:block; width:130px; padding:0px 10px; color:#767676; font-size:11px; font-family:dotum; line-height:19px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px dotted #e6e6e6; white-space:nowrap; } .sf_selectOption .sf_value:last-child { border-bottom:none; } .sf_selectOption .sf_value:hover, .sf_selectOption .sf_value:focus { background-color:#f8f8f8; } .sf_selectOption .scrollarea { right:45px !important; } #searchTransArea { height:100%; background-color:transparent; white-space:nowrap; text-indent:100%; overflow:hidden; } #headerWrapper { position:fixed; width:100%; left:0px; top:0px; padding-bottom:0px; } #header { width:100%; /*position:fixed; z-index:2000; left:0px; top:0px; width:100%;*/ } #gnb { padding:0px 55px; } #samsungTomorrow { float:none; display:block; width:100%; height:50px; background:url('./images/logo_mobile.png') no-repeat center 19px; background-size:173px 12px; } #mobileMenuOpenner { display:block; position:absolute; left:0px; top:0px; width:54px; height:50px; font-size:0; border-right:1px solid #000; background:#222 url('./images/stripe_mobile.png') no-repeat 0px 0px; white-space:nowrap; text-indent:100%; overflow:hidden; } #mobileSearchOpenner{ display:block; position:absolute; right:0px; top:0px; width:54px; height:50px; font-size:0; border-left:1px solid #000; background:#222 url('./images/stripe_mobile.png') no-repeat -54px 0px; white-space:nowrap; text-indent:100%; overflow:hidden; } .mobileSearchOpennerOn { /*background-color:#00ccff !important;*/ } #nav { float:none; position:absolute; left:0px; top:53px; width:100%; background-color:#fff; box-shadow:0px 3px 3px #f5f5f5; } #nav li { float:left; /* width:50%; */ width:33.333%; height:41px; border-bottom:none; } #nav li > a { height:41px; padding:0px 0px; color:#151515; font-size:18px; text-align:center; line-height:41px; border-right:1px solid #e6e6e6;/*border-right:none;*/ } #nav li:first-child > a { border-left:none; /*border-right:1px solid #e6e6e6;*/ } #nav li:last-child > a { border-right:none; } #nav li > a .caret_icon { background:url('./images/stripe_mobile.png') no-repeat -108px -3px; } #nav li > a .caret_iconOn { background-position:-143px -3px; } #nav li > a.currentNav { color:#fff; } .nav_subMenuWrapper { top:41px; width:100%; background-color:#fff; } .nav_subMenuInner { padding:0px 0px 3px 0px; } .nav_subMenu { height:auto; padding-left:0px; padding-right:0px; font-size:0px; white-space:normal; text-align:left; } .nav_subMenu .item { width:19%; border-left:none; border-right:1px solid #e6e6e6; } .nav_subMenu .item .nav_icon { height:31px; margin-top:16px; } .nav_subMenu .item a { height:65px; font-size:10px; } /*기업아이콘*/ .navCompany { background-image:url('./images/navicon_company_tablet.png'); background-size:40px 612px; } .navCompany_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navCompany_0, .nav_subMenu .item a:focus .navCompany_0 { background-position:center -31px; } .navCompany_1 { background-position:center -62px; } .nav_subMenu .item a:hover .navCompany_1, .nav_subMenu .item a:focus .navCompany_1 { background-position:center -93px; } .navCompany_2 { background-position:center -124px; } .nav_subMenu .item a:hover .navCompany_2, .nav_subMenu .item a:focus .navCompany_2 { background-position:center -155px; } .navCompany_3 { background-position:center -186px; } .nav_subMenu .item a:hover .navCompany_3, .nav_subMenu .item a:focus .navCompany_3 { background-position:center -217px; } .navCompany_4 { background-position:center -248px; } .nav_subMenu .item a:hover .navCompany_4, .nav_subMenu .item a:focus .navCompany_4 { background-position:center -279px; } .navCompany_5 { background-position:center -305px; } .nav_subMenu .item a:hover .navCompany_5, .nav_subMenu .item a:focus .navCompany_5 { background-position:center -336px; } .navCompany_6 { background-position:center -368px; } .nav_subMenu .item a:hover .navCompany_6, .nav_subMenu .item a:focus .navCompany_6 { background-position:center -399px; } .navCompany_7 { background-position:center -429px; } .nav_subMenu .item a:hover .navCompany_7, .nav_subMenu .item a:focus .navCompany_7 { background-position:center -460px; } .navCompany_8 { background-position:center -490px; } .nav_subMenu .item a:hover .navCompany_8, .nav_subMenu .item a:focus .navCompany_8 { background-position:center -521px; } .navCompany_9 { background-position:center -550px; } .nav_subMenu .item a:hover .navCompany_9, .nav_subMenu .item a:focus .navCompany_9 { background-position:center -581px; } /*제품아이콘*/ .navProduct { background-image:url('./images/navicon_product_tablet.png'); background-size:40px 612px; } .navProduct_0 { background-position:center 0px; } .nav_subMenu .item a:hover .navProduct_0, .nav_subMenu .item a:focus .navProduct_0 { background-position:center -30px; } .navProduct_1 { background-position:center -61px; } .nav_subMenu .item a:hover .navProduct_1, .nav_subMenu .item a:focus .navProduct_1 { background-position:center -92px; } .navProduct_2 { background-position:center -124px; } .nav_subMenu .item a:hover .navProduct_2, .nav_subMenu .item a:focus .navProduct_2 { background-position:center -155px; } .navProduct_3 { background-position:center -186px; } .nav_subMenu .item a:hover .navProduct_3, .nav_subMenu .item a:focus .navProduct_3 { background-position:center -217px; } .navProduct_4 { background-position:center -243px; } .nav_subMenu .item a:hover .navProduct_4, .nav_subMenu .item a:focus .navProduct_4 { background-position:center -274px; } .navProduct_5 { background-position:center -305px; } .nav_subMenu .item a:hover .navProduct_5, .nav_subMenu .item a:focus .navProduct_5 { background-position:center -336px; } .navProduct_6 { background-position:center -368px; } .nav_subMenu .item a:hover .navProduct_6, .nav_subMenu .item a:focus .navProduct_6 { background-position:center -399px; } .navProduct_7 { background-position:center -429px; } .nav_subMenu .item a:hover .navProduct_7, .nav_subMenu .item a:focus .navProduct_7 { background-position:center -460px; } .navProduct_8 { background-position:center -490px; } .nav_subMenu .item a:hover .navProduct_8, .nav_subMenu .item a:focus .navProduct_8 { background-position:center -521px; } .navProduct_9 { background-position:center -550px; } .nav_subMenu .item a:hover .navProduct_9, .nav_subMenu .item a:focus .navProduct_9 { background-position:center -581px; } #searchWrapper { display:none; float:right; padding-right:20px; } #searchBox { position:reltive; *zoom:1; } #searchBox:after { content:""; clear:both; display:block; } .searchInputBox { float:left; width:200px; height:50px; padding:0px 19px; border:none; background-color:transparent; } #searchSubmit { float:left; width:54px; height:50px; padding:0px; border:none; background:url('./images/stripe_normal.png') no-repeat -17px 0px; white-space:nowrap; text-indent:100%; overflow:hidden; cursor:pointer; } /*searchbox in focus*/ .searchBoxFocusOn .searchInputBox { background-color:#fff; } .searchBoxFocusOn #searchSubmit { background-color:#00ccff; } .mobile_searchSubmit { display:inline-block; width:225px; height:40px; color:#000; font-weight:bold; font-size:12px; text-align:center; border:1px solid #00ccff; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:3px; -webkit-border-radius:3px !important; background-color:#00ccff; overflow:hidden; cursor:pointer; } .mobile_searchCancel { display:inline-block; width:223px; height:40px; color:#000; font-weight:bold; font-size:12px; line-height:40px; text-align:center; border:1px solid #bbb; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:3px; -webkit-border-radius:3px !important; background-color:#bbb; overflow:hidden; cursor:pointer; } #menuWrapper { display:none; background:#fff; box-shadow:0px 3px 3px #f5f5f5; } #menu { position:relative; *zoom:1; } #bodyWrapper { padding:0px 10px !important; } body.home #bodyWrapper { margin-top:0px; } #mainContentsWrapper { margin-top:20px; padding-left:0px; } .mainSlideBox { padding-bottom:31px; } .mainSlideBox .slidesjs-previous, .mainSlideBox .slidesjs-next { display:block !important; } .slidesjs-stop, .slidesjs-play { display:none !important; } .slidesjs-play { right:10px; } .slidesjs-stop { right:38px; } .mainSlideBox .slidesjs-previous{ z-index:30 !important; top:auto !important; left:auto !important; right:22px; bottom:0px; width:21px; height:21px; background:url('./images/slide_btn.png') no-repeat 0px 0px; } .mainSlideBox .slidesjs-previous:hover, .mainSlideBox .slidesjs-previous:active { background-position:0px -21px; } .mainSlideBox .slidesjs-next { z-index:30 !important; top:auto !important; right:0px; bottom:0px; width:21px; height:21px; background:url('./images/slide_btn.png') no-repeat -21px 0px; } .mainSlideBox .slidesjs-next:hover, .mainSlideBox .slidesjs-next:active { background-position:-21px -21px; } .mainSlideBox .slideItem .sumUp { bottom:0%; } .mainSlideBox .slideItem .sumUp .title { padding:0px 10px; height:40px; font-size:16px; line-height:40px; } .slidesjs-pagination { left:0px !important; bottom:0px !important; width:100% !important; margin-left:0px !important; padding-right:48px; text-align:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .slidesjs-pagination li { margin-right:0px !important; } .slidesjs-pagination li a { width:16px !important; height:17px !important; background:url("./images/slide_ctrl.png") no-repeat center 0px; } .slidesjs-pagination li a.active { background-position:center -17px !important; } .mainSlideBox .slideItem .cover { background-image:url('./images/slide_bg.png'); background-position:left top; background-color:transparent; opacity:1.0; filter:alpha(opacity=100); } /*마우스오버 .mainSlideBox:hover .sumUp { margin-bottom:5%; } 마우스오버*/ .mainSlideBox .sumUp .category_time, .mainSlideBox .sumUp .story, .mainSlideBox .sumUp .letsGoBtn { display:none !important; } /*메인슬라이더플러그인변경*/ .mainSlideBox .owl-controls { left:auto; right:48px; bottom:0px; margin-top:0px; width:auto !important; line-height:1em; } .mainSlideBox .owl-pagination .owl-page { margin-right:0px !important; } .mainSlideBox .owl-pagination .owl-page a.owl-numbers { width:16px !important; height:17px !important; background:url("./images/slide_ctrl.png") no-repeat center 0px !important; } .mainSlideBox .owl-pagination .active a.owl-numbers { background-position:center -17px !important; } #mainSlider_prevBtn { display:block !important; z-index:30 !important; top:auto !important; left:auto !important; right:22px; bottom:0px; width:21px; height:21px; background:url('./images/slide_btn.png') no-repeat 0px 0px; } #mainSlider_prevBtn:hover, #mainSlider_prevBtn:active { background-position:0px -21px !important; } #mainSlider_nextBtn { display:block !important; z-index:30 !important; top:auto !important; right:0px; bottom:0px; width:21px; height:21px; background:url('./images/slide_btn.png') no-repeat -21px 0px; } #mainSlider_nextBtn:hover, #mainSlider_nextBtn:active { background-position:-21px -21px; } #mainSlider_stopBtn, #mainSlider_playBtn { display:none !important; } /*메인슬라이드 컨트롤러*/ .mainSlideBox .owl-controls { position:absolute; height:20px; margin-top:0px !important; } .mainSlideBox .owl-controls .owl-pagination { position:absolute; right:0px; top:2px; white-space:nowrap; } .mainSlideBox .owl-controls .owl-page { display:inline-block; vertical-align:middle; } .mainSlideBox .owl-controls .owl-page span, .mainSlideBox .owl-controls .owl-page span.owl-numbers, .mainSlideBox .owl-pagination .owl-page .owl-numbers { width:16px !important; height:17px !important; margin:0px !important; padding:0px !important; font-size:0px; white-space:nowrap; text-indent:100%; overflow:hidden; background:url('./images/slide_ctrl.png') no-repeat center 0px !important; border-radius:0px !important; } .mainSlideBox .owl-pagination .owl-page .owl-numbers:hover, .mainSlideBox .owl-pagination .owl-page .owl-numbers:active { background-position:center -17px !important; } .mainSlideBox .owl-controls .active span, .mainSlideBox .owl-controls .active span.owl-numbers { background-position:center -17px !important; } .mainSlideBox .owl-controls .active span, .mainSlideBox .owl-controls .active span.owl-numbers { width:10px !important; height:10px !important; margin:0px 3px 0px !important; background-color:#00CCFF !important; border-radius:50% !important; } #mainLiveNews { position:static; z-index:5000; left:0px; bottom:0px; width:100%; } .mainLiveNewsInner { height:36px; padding-right:0px; padding-left:40px; background-color:transparent; border-top:2px solid #656565; border-bottom:1px solid #d0d0d0; } .mainLiveNewsInner .newsTitle { width:auto; } .mainLiveNewsInner .newsTitle span { height:36px; color:#151515; font-size:16px; font-weight:700; line-height:36px; border-right:none; background-color:#fff; background-image:none; text-shadow:none; box-shadow: 20px 0 10px #fff; } .liveNews_flow li, .liveNews_flow li a { color:#727272; font-size:13px; line-height:36px; } .liveNewsListOpenner { display:none; } /*메인이벤트데이박스*/ #eventDayWrapper { padding:0px; } #eventDayWrapper #eventDayConBox { display:none; } .article_tv_graphic { position:static; width:100%; padding-left:0px; border-right:none; background-color:#fff; } .main_tvWrapper { position:static !important; width:auto !important; margin-top:0px !important; padding:0px !important; border-right:none; } .main_tvInner { position:static !important; width:auto !important; margin-top:0px !important; padding:0px !important; border-right:none; } .main_tvInner .align_more { right:0px; top:0px; height:36px; line-height:40px; } .main_infoWrapper { margin-top:10px; } .main_infoBox .align_more { position:absolute; right:0px; top:0px; height:36px; line-height:40px; } .article_hd { height:36px; padding-top:0px; border-top:2px solid #656565; } .article_hd .article_title { padding-left:0px !important; font-size:16px; line-height:36px; } .article_hd .article_more { right:0px; } .article_hd .sectionIcon_1, .article_hd .sectionIcon_2, .article_hd .sectionIcon_3, .article_hd .sectionIcon_tv, .article_hd .sectionIcon_tv { padding-left:0px; background:none; } .main_tvListWrap { padding-right:0px; } .main_tvListWrap { height:auto; } .main_tvListScrollBox { height:auto; margin-top:0px; } .main_tvListWrap .overflow { margin:0px !important; } .main_tvList { padding-right:0px; *zoom:1; } .main_tvList:after { content:""; clear:both; display:block; } .main_tvList li { display:none; position:relative; min-height:67px; margin-bottom:0px; padding:10px 0px 10px 0px; border-bottom:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .main_tvList li:first-child { float:left; display:block; width:49.999%; background-image:none; padding-right:5px; } .main_tvList li:nth-child(2) { float:left; display:block; width:49.999%; background-image:none; padding-left:5px; } .main_tvList li .thumb { display:block; position:static; left:0px; top:10px; width:100%; height:auto; } .main_tvList li .thumb a { display:block; } .main_tvList li .thumb img { /*margin:0px auto;*/ } .main_tvList li .sumUp { float:none; display:block; width:100%; padding:0px; } .main_tvList li .sumUp .time { display:none; } .main_tvList li .sumUp .title { padding:0.5em 0px 0px 0px; font-size:13px; line-height:1.2em; } .main_tvList li .sumUp .title a { font-size:13px; } .main_tvList li .sumUp .story { display:none; } .main_infoWrapper .article_hd { padding-left:0px; } .main_magazineWraper .article_hd { height:36px; padding-top:0px; } .main_magazineWraper .article_hd .article_title { line-height:38px; } .main_magazineWraper .align_more { top:0px; right:0px; height:36px; line-height:40px; } .main_infoList { position:relative; padding:0px 0px; background:none; } .main_infoList .li { } .main_infoList .owl-controls { position:absolute; z-index:100; right:48px; bottom:0px; } .ztyleOwlSliderCtrl { display:block; position:absolute; z-index:10; right:0px; bottom:0px; width:43px; font-size:0px; white-space:nowrap; *zoom:1; } .ztyleOwlSliderCtrl a { display:inline-block; width:21px; height:21px; font-size:0px; white-space:nowrap; text-indent:100%; background:url('./images/slide_btn.png') no-repeat 0px 0px; overflow:hidden; } .ztyleOwlSliderCtrl .zPrevBtn { background-position:0px 0px; } .ztyleOwlSliderCtrl .zNextBtn { margin-left:1px; background-position:-21px 0px; } .main_infoList .postListItem { position:relative; } .main_infoList .postListItem .thumb img { display:block; width:100%; margin:0px auto; } .main_infoList .postListItem .info .commentCnt { top:-32px; } .main_infoList .postListItem .title { font-size:18px; } .ztyle_postListItem { margin:0px; } .ztyle_postListItem .subs { padding-right:31px; } .main_infoList .ztyle_postListItem .subs .time { display:none; } /*댓글카운트박스*/ .ztyle_postListItem .subs .commentCnt { width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .ztyle_postListItem .subs .commentCntOff { display:none; background-position:-143px -18px; } /*댓글카운트박스*/ .postListItem .info .commentCnt { width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .postListItem .info .commentCntOff { display:none; background-position:-143px -18px; } .main_magazineWraper { margin-top:20px; padding:0px 0px; border-top:2px solid #656565; } .magazine_title { height:auto; padding:9px 0px; border-bottom:1px solid #e6e6e6; } .magazine_title strong { width:181px; height:29px; margin-top:0px; background:url('./images/stripe_mobile.png') no-repeat 0px -50px; } #magazineListWrap { max-height:188px; margin-top:0px; padding:10px 0px; } #magazineList { display:none !important; } #magazineList_mobile { display:block !important; } /*모바일용_매거진*/ #magazineList_mobile .magazineItem { text-align:center; } #magazineList_mobile .magazineItem a.magazinePost { display:inline-block; max-width:110px; } #magazineList_mobile .magazineItem a.magazinePost:first-child { margin-right:10px; } #magazineList_mobile .magazineItem a.magazinePost img { display:block; height:188px;} .main_bannerBox { padding:20px 0px 0px 0px; /*display:none;*/ } .main_bannerBox .owl_bannerCtrl { right:0px; bottom:0px; } .article_recommend_new { min-height:100px; margin-top:20px; } #responTab { position:static !important; margin-top:0px !important; padding:0px !important; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } #recommend_new_tab { height:auto; margin-left:0px; border-bottom:none; } #recommend_new_tab li { position:relative; width:100%; height:37px; border:none; margin-bottom:0px; padding:0px; line-height:37px; } #recommend_new_tab li a.tLink { font-size:16px; line-height:37px; padding-left:0px; background:none; opacity:1.0; filter:alpha(opacity=100); } #recommend_new_tab li .butn_normal { display:block; position:absolute; right:0px; top:8px; } #recommend_new_tab li#allPostList_link { display:block; width:auto; } #recommend_new_tab li#allPostList_link .butnMore { height:36px; line-height:36px; vertical-align:top; } #recommend_new_tab li#newadd_view a.tLink { color:#151515; } #main_recommendPost { padding-top:0px !important; } .article_recommend_new .allPostList_more { display:none; } .main_recommentPostList { height:auto !important; } .main_recommentPostList li { position:static !important; float:none; width:100% !important; padding:10px 0px 0px 0px; } .main_recommentPostList li .postListItem { position:relative; height:79px; margin:0px; padding:0px 0px 10px 89px; overflow:hidden; } .main_recommentPostList li .postListItem .thumb { position:absolute; left:0px; top:0px; width:79px; height:79px; min-height:79px; overflow:hidden; } .main_recommentPostList li .postListItem .info { position:static; margin-top:0px; font-size:11px; } .main_recommentPostList li .postListItem .title { padding-right:31px; font-size:14px; white-space:normal; text-overflow:clip; line-height:1.4em; } .main_recommentPostList li .postListItem .info .commentCnt { right:0px; top:0px; } #subscriptionWrap { display:none !important; } #subscriptionBox { margin:0px; } .main_newAddPostList { height:auto !important; } .main_newAddPostList li { position:static !important; float:none; width:100% !important; padding:10px 0px 0px 0px; } .main_newAddPostList li .postListItem { position:relative; height:79px; margin:0px; padding:0px 0px 10px 89px; overflow:hidden; } .main_newAddPostList li .postListItem .thumb { position:absolute; left:0px; top:0px; width:79px; height:79px; min-height:79px; overflow:hidden; } .main_newAddPostList li .postListItem .info { position:static; margin-top:0px; font-size:11px; } .main_newAddPostList li .postListItem .title { padding-right:31px; font-size:14px; white-space:normal; text-overflow:clip; line-height:1.4em; } .main_newAddPostList li .postListItem .info .commentCnt { right:0px; top:0px; } #subscriptionWrap { display:none !important; } #subscriptionBox { margin:0px; } /*새로운글_쇼*/ #recommend_new_tab li#newadd_view { display:block !important; } #recommend_view { display:none !important; border-bottom-color:#fff !important; } #recommend_view a { color:#000 !important; } #main_recommendPost { display:none !important; } #main_newAddPost { display:block !important; } .desk_img { display:none; } .mobile_img { display:block; } /*서브페이지*/ #subBodyInner { padding-right:0px; } #ListWrapper { min-height:300px; padding-top:0px; padding-bottom:10px; border-right:none; } .infographic_listPage { padding-top:0px; } .subhead_article2 { } .list_loc_sort2, .list_loc_sort2 a { height:33px; font-size:16px; font-weight:700; line-height:37px; } .subhead_article2 .more2 { top:-1px; right:0px; } .subhead_article { } .list_loc_sort, .list_loc_sort a { height:33px; font-size:13px; line-height:33px; } .list_loc_sort .sectionIcon_list, .infog_hd h2 .sectionIcon_3, .infog_hd h2 .sectionIcon_2 { padding-left:0px; background:none; } .subhead_article .more { top:6px; right:0px; } .authorProfileBox .authorProfile { padding-right:0px; } .authorProfileBox .authorPic { top:10px !important; width:78px; height:78px; } .authorProfileBox { padding:10px 0px 10px 88px; } .authorProfileBox .authorProfile .company_field { position:static; width:100%; } .listInfoBox .list_cnt { right:0px; height:33px; font-size:13px; line-height:33px; } .listInfoBox .sortBtnBox { display:none; } .listItemBox { margin-right:0px; } .listItemObj { min-height:79px; padding:10px 10px 9px 89px; } .listItemObj .thumb { top:10px; width:79px; height:79px; background-color:#e6e6e6; } .listItemObj .thumb img.desk_img { display:none; } .listItemObj .thumb img.moblie_img { display:block; } .listItemObj .listItemDetail { font-size:11px; } .listItemObj .listItemDetail .title { padding:0.7em 50px 0.7em 0px; } .listItemObj .listItemDetail .title a { font-size:13px; font-family:'Nanum Gothic'; } .listItemObj .listItemDetail .describe, .listItemObj .listItemDetail .socialShare_list { display:none; } .listItemObj .listItemDetail .commentCnt { right:0px; top:10px; width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .listItemObj .listItemDetail .commentCntOff { display:none; background-position:-143px -18px; } #ViewWrapper { min-height:none !important; padding-top:0px; padding-bottom:10px; border-right:none; } .viewHeader { padding-top:0px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; } .viewHeader .title, .viewHeader .title a { padding-right:50px; font-size:21px; } /*댓글카운트버블*/ .viewHeader .commentCnt { right:0px; top:0px; width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .viewHeader .commentCntOff { display:none; background-position:-143px -18px; } .viewHeader .postInformation { padding:10px 120px 0px 0px; line-height:21px; border-bottom:none; } .viewHeader .postInformation .post_categoryName { margin-right:10px; } .viewHeader .postInformation .post_date { margin-right:10px; } .viewHeader .postInformation .post_author { margin-right:10px; } .viewHeader .postInformation .subTitle { color:#787677; font-size:12px; } .viewHeader .postInformation .butn_normal { display:inline-block; margin-top:5px; font-size:11px; } #translation #google_translate_element { float:right; } .viewHeader .postInformation #translation { width:auto; right:0px; bottom:0px; } .viewHeader .postInformation #translation .butn_normal { display:none; } .viewBody { margin-top:10px; } .viewBody .viewIntroImg { margin-left:0px; } .viewContentsWrap, .viewContentsWrap2 { padding:10px 0px; } .postContentBox { padding-bottom:30px; font-size:13px; } #postShareSnsWrapper { position:static !important; width:auto !important; overflow:hidden; } .postShare_tt { display:block; height:37px; color:#000; font-size:16px; font-weight:700; font-family:'Nanum Gothic'; line-height:37px; border-top:2px solid #656565; border-bottom:1px solid #e6e6e6; } #postShareSnsBox { width:105%; padding:10px 0px 20px 0px; *zoom:1; } #postShareSnsBox:after { content:""; clear:both; display:block; } #postShareSnsBox li { float:left; margin:0px 10px 10px 0px; } #postShareSnsBox li:first-child { margin-left:0px; } #postShareSnsBox li .postShareBtn { width:68px; height:22px; *zoom:1; } #postShareSnsBox li .postShareBtn:after { content:""; clear:both; display:block; } #postShareSnsBox li.mobileShare { display:block; } #postShareSnsBox .postShareBtn .shareType { width:27px; height:22px; border-radius:4px 0px 0px 4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:0px; } #postShareSnsBox .postShareBtn .share_count { width:41px; min-width:41px; height:22px; line-height:22px; } #postShareSnsBox .postShareBtn .share_count:after { top:9px; left:-5px; border-width:3px 5px 3px 0px; border-color:transparent #f3f3f3; } #postShareSnsBox .postShareBtn .shareType.ps_facebook { background-position:12px center; background-color:#3b5998; } #postShareSnsBox .postShareBtn .shareType.ps_twitter { background-position:-54px center; background-color:#00acee; } #postShareSnsBox .postShareBtn .shareType.ps_googleplus { background-position:-113px center; background-color:#d44330; } #postShareSnsBox .postShareBtn .shareType.ps_pinterest { background-position:-171px center; background-color:#cb2027; } #postShareSnsBox .postShareBtn .shareType.ps_chaton { background-position:-240px center; background-color:#f56d23; } #postShareSnsBox .postShareBtn .shareType.ps_cacaotalk { background-position:-300px center; background-color:#ffd800; } #postShareSnsBox .postShareBtn .shareType.ps_line { background-position:-360px center; background-color:#49c724; } #postShareSnsBox li.viewOn { display:none; } .aroundPost { padding-right:0px; } .aroundPostPrevBox { padding-right:0px; } .aroundPostNextBox { position:static; width:auto; } .aroundPostNextBox .next_tt { margin-left:0px; text-align:left; } .aroundPostNextBox .postPreviewBox { margin-left:0px; } .postPreviewBox .infoBox .commentCnt { right:0px; top:0px; width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .postPreviewBox .infoBox .commentCntOff { display:none; background-position:-143px -18px; } /*관련글(모바일용)*/ .m_connectedPost { display:block; } .m_connectedPost .article_hd { height:37px; border-bottom:1px solid #e6e6e6; } .m_connectedPost .article_hd .article_title { height:37px; line-height:37px; } .m_connectedPost .article_hd .article_title .sectionIcon_relation { padding-left:0px; background:none; } .m_connectedPost .m_connectedPostList li { padding:10px 0px 9px 0px; border-bottom:1px dotted #dcdcdc; } .m_connectedPost .m_connectedPostList li .postListItem { position:relative; min-height:79px; padding-left:89px; } .m_connectedPost .m_connectedPostList li .postListItem .thumb { position:absolute; left:0px; top:0px; width:79px; } .m_connectedPost .m_connectedPostList li .postListItem .info { margin-top:0px; } .m_connectedPost .m_connectedPostList li .postListItem .info .commentCnt { right:0px; top:0px; } .m_connectedPost .m_connectedPostList li .postListItem .title { padding-right:50px; font-size:14px; } #subSide { display:none !important; } /*작성자전체보기페이지*/ .authorTotal_hd h2 { font-size:13px; } .authorTotal_hd .author_status { position:static; font-size:13px; line-height:1.4em; } .author_groupBox h3 { font-size:13px; } .author_groupBox { margin-top:10px; padding-right:0px; } .author_member_list { margin-left:-10px; } .author_member_list li { width:33.333%; } .author_member_list li .author_member { padding:10px 0px 0px 10px; } .author_member_list li .author_name { font-size:11px; } /*이벤트리스트페이지*/ .listItemObj .event_status { width:100%; } .listItemObj .event_status .status { width:100%; padding:0px; } .listItemObj .event_status .event_date { display:none; } /*TV확장페이지*/ .tvPostMovBox { margin-left:0px; } .tvPostMovWideBtn { display:none; } /*인포그래픽리스트페이지*/ .infog_hd { padding:0px; } .infog_hd h2 { height:33px; font-size:13px; line-height:33px; } .infographic_listWrapper { background:none; } .infoListMoreBox span { margin:0px; } .infographic_sorting { padding:10px 0px; } .infographic_sorting li a { height:27px; padding:0px 10px; font-size:13px; line-height:27px; } .sectionIcon_list { padding-left:0px; background:none; } /** .infographic_list { padding-right:0px; } .infogra_item { padding:0px; } **/ .infographic_list { padding:0px; } .infographic_list li { display:block; width:auto; min-width:none; max-width:none; } .infogra_item { position:relative; min-height:100px; padding:10px 0px 10px 99px; border:none; border-bottom:1px dotted #e6e6e6; } .infogra_item .thumb { position:absolute; left:0px; top:10px; width:79px; } .infogra_item .listItemDetail { padding:0px 10px; font-size:11px; } .infogra_item .listItemDetail .title a { font-size:13px; } .infogra_item .listItemDetail .commentCnt { right:0px; top:0px; width:31px; height:28px; font-size:10px; line-height:21px; background:url('./images/stripe_mobile.png') no-repeat -108px -18px; } .infogra_item .listItemDetail .commentCntOff { display:none; background-position:-143px -18px; } /* 사전 포스트 */ .dictionaryViewWrapper .viewBody { margin-top:10px; } .dic_viewHeader { border-bottom:none; } .dic_sectionTitle { height:37px; margin-bottom:10px; font-size:16px; line-height:37px; } .dic_subTitle { margin-top:10px; font-size:15px; } #diction_bookMark { left:0px; display:none; } .diction_fixed { left:10px !important; } .diction_bookLink li a { width:80px; min-width:80px; } .postDic_section .postDic_title { padding-bottom:10px; font-size:16px; } .postDic_section .postDic_contBox { padding-top:25px; } /*소셜페이지*/ .socialFullPage { padding:0px 0px; } .socialWrapper { padding-bottom:50px; } #footerWrapper { display:none !important; } /*삼성투모로우 TV*/ .list_loc_sort .sectionIcon_1 { padding-left:0px; background:none; } .samtoTvListBox { margin:0px; padding:0px; } .samtoTvListBox li { display:block; width:100%; } .samtoTvListBox li .ztyleTvItemWrap { position:relative; min-height:79px; margin:0px 0px 20px 0px; padding:10px 10px 9px 89px; } .samtoTvListBox li .ztyleTvItemWrap .thumb { position:absolute; z-index:10; left:0px; top:10px; width:79px; height:79px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe { padding:0px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .viewTime { font-size:11px; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .title { font-size:13px; font-weight:700; } .samtoTvListBox li .ztyleTvItemWrap .subscribe .commentCnt { right:0px; top:0px; width:31px; height:28px; font-size:10px; line-height:21px; background:url("./images/stripe_mobile.png") no-repeat -108px -18px; } /*이슈와팩트*/ .issueHeadBox { padding:10px 0px 0px; } .issueBigItem { float:none; width:100%; height:160px; padding:20px; } .issueBigItem .title { font-size:16px; } .issueBigItem .commentCnt { right:20px; top:20px; } .issueBigItem .info { left:20px; bottom:20px; font-size:12px; } #mobileIssueSidebar { display:block; margin-bottom:10px; } .issueSubscription .hd { padding-left:26px; font-size:15px; background-size:18px; background-position:left center; } .subIssueInnerBox { padding:10px 0px; font-size:12px; line-height:1.2em; } .issueShareBox { margin-top:20px; margin-bottom:0px; } .issueSubscription .subIssueInnerBox .subIssueSubscriptionForm { margin-top:9px; } .issueSubscription .subIssueInnerBox .subIssueSubscriptionForm .issueSubscriptionInput { font-family:'Nanum Gothic'; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .issueSearchSideBox .hd { padding-left:26px; font-size:15px; background-size:18px; background-position:left center; } .issueSearchForm .issueSearchInput { width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .issueSortBox { height:69px; margin-top:10px; padding-right:0px; overflow:hidden; } .issueSortBox .listguideTxt { position:static; display:block; font-size:11px; } .issueSortBox .sortTab { height:27px; } .issueSortBox .sortTab li a { height:26px; padding:0px 10px; font-size:10px; line-height:25px; letter-spacing:-1px; } .issueSortBox .sortTab li.On a { height:27px; line-height:29px; } .listItemBox { overflow:hidden; } .issueItemObj { min-height:55px; padding:10px 0px 10px 65px; } .issueItemObj .dateBox { top:10px; } .issueItemObj .dateBox .dateBoxInner { width:55px; height:55px; } .issueItemObj .dateBox .ym { font-size:9px; line-height:8px; } .issueItemObj .dateBox .day { height:25px; line-height:25px; } .issueItemObj .dateBox .day img { width:30%; vertical-align:middle; } .issueItemObj .dateBox .week { font-size:10px; } .issueItemObj .listItemDetail .cate_date { font-size:11px; } .issueItemObj .listItemDetail .title { padding:5px 40px 0px 0px; } .issueItemObj .listItemDetail .title a { font-size:13px; } .issueItemObj .listItemDetail .describe { display:none; } .issueItemObj .listItemDetail .socialShare_list { display:none; } .issueItemObj .listItemDetail .commentCnt { right:0px; top:10px; width:31px; height:28px; font-size:10px; line-height:21px; background:url("./images/stripe_mobile.png") no-repeat scroll -108px -18px; } #mobileIssueFloatBg { position:fixed; z-index:5999; left:0px; top:0px; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70); } #mobileIssueFloatBox { visibility:hidden; display:block; position:fixed; z-index:6000; left:0px; bottom:0px; /*bottom:-306px;*/ width:100%; padding:0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *zoom:1; } #mobileIssueFloatBox:after { content:""; clear:both; display:block; } .mobileIssueInfoOpenner { display:block; float:left; width:45px; height:45px; margin-bottom:10px; font-size:0; white-space:nowrap; text-indent:100%; background:url('./images/issue_pop_btn.png') no-repeat 0px 0px; overflow:hidden; } .mobileIssueInfoOpennerOn { background-position:0px -45px; } .mobileIssueInfoBox { display:block; clear:both; border-top:3px solid #0c4b9b; background-color:#fff; } .subIssueGuide .hd { height:40px; line-height:40px; padding-left:46px; font-size:15px; background-size:18px; border-bottom:none; } .subIssueGuide .subIssueInnerBox { padding:0px 20px 20px 20px; background:none; border-bottom:1px solid #ececea; } .issueArchiveSideBox .hd { height:40px; line-height:40px; padding-left:46px; font-size:15px; background-size:18px; border-bottom:none; } .issueArchiveSideBox .subIssueInnerBox { height:auto; padding:0px 20px 20px 20px; background:none; } .issueArchiveWrap { } .issueSelectBox { height:41px; color:#fff; font-size:11px; line-height:41px; background:#727272 url('./images/issue_archivebg_left.png') no-repeat left top; border-radius:3px; border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; overflow:hidden; } .issueSelectBox:hover { text-decoration:none; background-color:#0c4da2; } .issueSelectBoxInner { height:41px; background:url('./images/issue_archivebg_right.png') no-repeat right top; } .issueSelectBox select { width:105%; margin:0; padding:0px 0px 0px 35px; color:#fff; background:transparent; border:none; -webkit-appearance:none; } #moreBox { left:0px; width:100% !important; } .tmpImgBox .tmpTitle { font-size:15px; } .tmpTab li a { height:30px; padding:0px 10px; font-size:12px; line-height:28px; } }/***** End Mobile Device *****/ /******************* 기존 글 맞추기 위한 스타일 추가 ************************/ p { margin-bottom:1.625em; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /** view에서 영향 img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } img.size-full, img.size-large { height: auto; max-width: 97.5%; width: auto; } p img, .wp-caption { margin-top: 0.4em; } ** / /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .slidesjs-container { a.noTransition { -moz-transition: none; -webkit-transition: none !important; -o-transition: color 0 ease-in; transition: none; } } /******* 번역시 구글 툴바 삭제 **********/ iframe.goog-te-banner-frame{ display: none !important;} body {position: static !important; top:0px !important;} #wpstats { display:none !important; } /*이상한이미지삭제*/ /****** 브라우저 업그레이드 페이지 (IE7이하접속시 노출) *****/ #browser_hd { height:50px; background-color:#151515; border-bottom:3px solid #00ccff; } #b_logo { display:block; width:100%; height:50px; white-space:nowrap; text-indent:-100%; overflow:hidden; background:url('./images/logo_normal.png') no-repeat center center; } #browser_body { padding:100px 0px; font-family:'Nanum Gothic'; text-align:center; } .brow_tt { margin-bottom:70px; color:#000; font-size:30px; font-family:'Nanum Gothic'; } .brow_txt { margin-bottom:40px; color:#000; font-size:16px; line-height:1.6em; } #browser_status { display:inline; min-width:100px; height:40px; margin:0px auto; padding:0px 15px; color:#000; white-space:nowrap; line-height:40px; border:1px solid #e6e6e6; border-radius:3px; behavior:url(/wp-content/themes/SamsungTomorrow/css/PIE.htc); position:relative; z-index:0; } .brow_guide { padding:50px 0px; color:#767676; font-size:12px; line-height:1.6em; } .browser_tbl { margin:0px auto; color:#767676; font-size:12px; } .browser_tbl td { text-align:center; vertical-align:middle; } #browser_fb { border-top:1px solid #e6e6e6; } /***** 404페이지 *****/ #nullPage { padding:150px 0px; text-align:center; } .nullMsg { margin-bottom:40px; color:#000; font-size:30px; font-family:'Nanum Gothic'; } .nullMsg strong { font-weight:normal; font-family:'Nanum Gothic'; } .nullTxt { color:#767676; font-size:12px; font-family:'Nanum Gothic'; line-height:1.7em; } .nullTxt a { color:#151515; font-family:'Nanum Gothic'; } .error404 #bodyWrapper { padding-right:0; } /******************* 포스튼 내부 이미지 아래 여백 뜨는 문제 해결 ************************/ /* .postContentBox img { display: block; } */ /*********************************************** 댓글 ****************************************/ /* ---------------------------------------------------------------------------- Comment form */ #commentform label { font-size:16px; font-weight:bold; } #respond { position:relative; } li #reply-title { border-top: 0 none; font-size: 0; height: 0; margin: 0 !important; padding: 0; } #cancel-comment-reply-link { bottom: 10px; color: red; display: block; position: absolute; right: 20px; font-family: "Nanum Gothic"; font-size: 16px; font-weight: bold; } .comment-form-comment { padding-top: 20px; } #respond #author, #respond #email, #respond #url { width: 98%; } .content-left #author, .content-left #email, .content-left #url, .content-right #author, .content-right #email, .content-right #url { width: 100% !important; } /* when reply-ing to a child comment */ .children .span4 { width: 189px !important; } .children #respond #author, .children #respond #email, .children #respond #url { width: 200px !important; } header #reply-title { margin-top: 20px; } /* tablet portrait */ @media (max-width: 767px) { #respond #author, #respond #email, #respond #url { width: 300px !important; } #respond #url { left: 0px !important; } .com-email-wrap p, .com-url-wrap p { padding-left: 0px !important; } } /* ---------------------------------------------------------------------------- comment list */ .comments-title-wrap { position: relative; } .comments-title { text-transform:uppercase; margin-bottom: 30px; padding-bottom: 15px; padding-top: 15px; } .comments-title:before { position:absolute; top:0px; left:0px; display:block; content:''; height:3px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: url('../images/footer/line.png') repeat-x transparent; } .comments-title:after { position:absolute; bottom:0px; left:0px; display:block; content:''; height:3px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: url('../images/footer/line.png') repeat-x transparent; } ol.comment-list a { color:#666; } ol.comment-list a:hover { text-decoration: underline !important; } ol.comment-list { list-style-type:none; list-style: none; list-style-image:none; margin:0; padding: 0px; } .comment { /* each comment wrapper */ padding-bottom: 30px; } .comment-list .avatar { width: 50px; height: 50px; float: left; margin-right: 20px; margin-top: 6px; } .comment-list .fn a { color:#333; line-height:24px; } .comment-list .comment-content { margin-left: 70px; line-height:1.4em; } .comment-content p:first-child { padding-top: 0px; } .comment-meta { font-size:11px; font-weight: 300; line-height:20px; } .comment-link { padding-right: 10px; } .comment-list li:hover a.comment-reply { color: #FB5502; } /* #respond #reply-title { display:none; } /* reply comments */ ol.comment-list .children { list-style-type:none; list-style: none; list-style-image:none; margin-left: 70px; padding:30px 0px 0px 20px; /* border-bottom: 1px dotted #e6e6e6; */ } /* 덧글 List 사이 구분선 */ #comments .comment-list li article { border-bottom: 1px solid #e6e6e6; } .overflow { border:none !important; } /****** * 전시회 이미지 갤러리 추가 * 이도훈 2014.09.01 */ .spe_wrapper { padding:0px 0px 26px 0px; } .spe_wrapper .spe_title { color:#000; font-size:19px; font-weight: bold; border-bottom:2px solid #656565; padding: 30px 0px 10px 0px; } .spe_imageListBox { width:100%; height:320px; padding:20px 0px 0px 0px; overflow:hidden; } .spe_imageListBox * { max-width:none !important; } .spe_imageList { *zoom:1; } .spe_imageList:after { content:""; clear:both; display:block; } .spe_imageList li { float:left; margin-right:18px; width:289px; /*overflow:hidden;*/ } .spe_imageList li:last-child { margin-right:0px; } .spe_imageList li a { display:block; position:relative; height:320px; } .spe_imageList li a img { display:block; max-width:100% !important; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } .spe_image { display:block; width:127px; } .spe_image .thumb { display:block; position:relative; width:127px; height:71px; background-color:#dcdcdc; overflow:hidden; } .spe_image .thumb img { display:block; width:127px; height:71px; } .spe_image .thumb em { position:absolute; left:0px; top:0px; width:100%; height:100%; font-size:0px; background:url('./images/thumb_mov.png') no-repeat center center; white-space:nowrap; text-indent:100%; overflow:hidden; } .spe_image .info { display:block; padding-top:5px; color:#666; font-size:11px; line-height:20px; text-decoration:none; } .spe_image .info strong { display:block; color:#000; font-size:12px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .spe_image:hover { text-decoration:none; } .spe_image:hover strong { text-decoration:underline; } .spe_photoListBox { position:relative; padding:20px 0px; } .spe_conLibraryBox { padding:20px 0px; } /**** * 댓글 폼 수정 * 이도훈 2014.12.28 */ #respond { padding:0 5px 0 5px; } /* Highlight active form field */ #respond .comment-notes { padding-top:10px; } #respond input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 10px 0px 10px 10px; margin: 3px 1px 0px 0px; border: 1px solid #DDDDDD; font-size:14px; } #respond textarea { width:98%; } #respond input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); } #respond .form-submit input[type=submit] { width: 110px; height: 35px; color:#ffffff; background-color:#727272; font-family: 'Nanum Gothic'; font-size:16px; font-weight:bold; border:0px; } #respond .logged-in-as { margin-top:10px; } /* 외부플러그인 강제 스타일 적용 */ .photoMosaic a:focus { outline:#888 dotted thin !important; }