/* Default */
html { }
body { background: white; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, blockquote { margin: 0; padding: 0; }
body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-family: "Malgun Gothic", "맑은 고딕", "Gulim", Apple SD Gothic Neo; font-size: 12px; color: #000000; font-weight: normal; letter-spacing: 0px; font-style: normal; text-decoration: none; }
fieldset, iframe, img { border: 0; }
/*legend, */hr { display: none; }
a { color: #000000; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
li, ul, ol { list-style-type: none; }
em, address { font-style: normal; }
input {-webkit-border-radius: 1px; -webkit-apprearance: none; outline-style: none;}
input.radio { width: 12px; height: 12px; margin: 0; padding: 0; }
input.checkbox { width: 12px; height: 12px; margin: 0; padding: 0; }
.hidden { display: none; }
/* Layout */
.site-webzine.webzine-layout { }
.site-webzine.webzine-layout #layout {
text-align: center;
background: #ffffff none no-repeat center top;
}
.site-webzine.webzine-layout #layout {
text-align: center;
background: #ffffff none no-repeat center top;
}
.site-webzine.webzine-layout.layout-clear #layout {
text-align: left;
background: #ffffff;
}
.site-webzine.webzine-layout #wrap {
margin: 0 auto;
text-align: left;
width: 1100px;
position: relative;
}
.site-webzine.webzine-layout.layout-clear #wrap {
margin: 0;
width: auto;
}
.site-webzine.webzine-layout #header { }
.site-webzine.webzine-layout #container {
display: inline-block;
width: 100%;
margin-top: 8px;
background: none repeat-y left top;
padding-bottom: 8px;
}
.site-webzine.webzine-layout.layout-clear #container {
width: auto;
background: #ffffff;
padding: 0;
display: block;
}
.site-webzine.webzine-layout #container .container-wrap {
overflow: hidden;
/* background: url('/static/webzine/images/bg_line6.png') repeat-y right top; */
}
.site-webzine.webzine-layout #left {
position: relative;
z-index: 1;
float: left;
width: 210px;
min-height: 10px;
}
.site-webzine.webzine-layout.layout-clear #left {
display: none;
}
.site-webzine.webzine-layout #content-body {
float: left;
width: 100%;
margin: 0 -310px 0 0px;
min-height: 10px;
}
.site-webzine.webzine-layout #content-body .content-body-wrap {
/* padding: 0 310px 0 0px; */
float: left;
width: 790px;
margin: 0 -310px 0 0px;
min-height: 10px;
}
.site-webzine.webzine-layout.layout-sub #content-body #board-wrap {
margin: 0 0px;
}
.site-webzine.webzine-layout #right {
float: right;
width: 300px;
min-height: 10px;
}
.site-webzine.webzine-layout #footer {
clear: both;
background: white;
}
.site-webzine.webzine-layout.layout-noleft #left {
display: none;
}
.site-webzine.webzine-layout.layout-noleft #content-body {
margin-left: 0;
}
.site-webzine.webzine-layout.layout-noleft #content-body .content-body-wrap {
padding-left: 0;
}
.site-webzine.webzine-layout.layout-noright #right {
display: none;
}
.site-webzine.webzine-layout.layout-noright #content-body {
margin-right: 0;
}
.site-webzine.webzine-layout.layout-noright #content-body .content-body-wrap {
padding-right: 0;
}
.site-webzine.webzine-layout.layout-clear #headbar,
.site-webzine.webzine-layout.layout-clear #header,
.site-webzine.webzine-layout.layout-clear #headmenu,
.site-webzine.webzine-layout.layout-clear #premium-game,
.site-webzine.webzine-layout.layout-clear #left,
.site-webzine.webzine-layout.layout-clear #right,
.site-webzine.webzine-layout.layout-clear #footer {
display: none;
}
.site-webzine.webzine-layout.layout-clear #content-body {
float: none;
display: block;
margin: 0;
}
.site-webzine.webzine-layout.layout-clear #content-body .content-body-wrap {
padding: 0;
}
/* Layout Modules */
/* Headbar */
.site-webzine.webzine-layout .common-module-headbar .module-width {
width: 1100px;
}
/* Footer */
.site-webzine.webzine-layout .common-module-footer {
background: #f4f4f4;
}
.site-webzine.webzine-layout .common-module-footer .module-width {
width: 1100px;
background: #f4f4f4;
}
/* Agit Floatlayer */
.site-webzine.webzine-layout .common-module-agitfloatlayer {
left: 1100px;
top: 179px;
}
/* Header */
/* Basic Layout */
.site-webzine.webzine-layout #header {
padding: 15px 0 0;
}
.site-webzine.webzine-layout #header .logo-line {
height: 90px;
}
.site-webzine.webzine-layout #header .logo-line .logo {
float: left;
width: 370px;
height: 90px;
overflow: hidden;
/* padding: 10px 0px 0px; */
}
.site-webzine.webzine-layout #header .logo-line .logo a {
display: table-cell;
width: 370px;
height: 90px;
overflow: hidden;
vertical-align: middle;
text-align: center;
}
.site-webzine.webzine-layout #header .logo-line .logo img {
/* display: block; */
width: 280px;
height: 70px;
border: 0;
margin: 0;
}
.site-webzine.webzine-layout #header .right-align {
float: right;
}
.site-webzine.webzine-layout #header .logo-line .ad {
float: left;
width: 728px;
height: 90px;
overflow: hidden;
}
/* Banner */
.site-webzine.webzine-layout #header .banner {
float: left;
width: 280px;
height: 70px;
margin: 0 0 0 10px;
}
.site-webzine.webzine-layout #header .banner a img {
width: 280px;
height: 70px;
border: 0;
}
/* Head Menu */
.site-webzine.webzine-layout #headmenu.v1 {
height: 69px;
margin: 15px 0 0;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb {
position: relative;
height: 69px;
background: url('/static/webzine/images/headmenu1_bg1.png') repeat-x left top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb .deco1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 2px;
height: 40px;
overflow: hidden;
background: url('/static/webzine/images/headmenu1_bg2.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb .deco2 {
position: absolute;
top: 0;
right: 0;
display: block;
width: 2px;
height: 40px;
overflow: hidden;
background: url('/static/webzine/images/headmenu1_bg2.png') no-repeat right top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu {
position: relative;
height: 40px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li {
float: left;
height: 40px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li > a {
position: relative;
display: block;
height: 40px;
overflow: hidden;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li > a > span {
display: block;
height: 80px;
overflow: hidden;
text-indent: -10000em;
cursor: pointer;
background: url('/static/webzine/images/headmenu2.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li > em.open {
position: absolute;
top: -7px;
left: 0;
display: block;
width: 37px;
height: 17px;
overflow: hidden;
text-indent: -100000em;
background: url('/static/webzine/images/icon_open1.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.newscenter > a > span {
width: 88px;
background-position: -0px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.gameinfo > a > span {
width: 82px;
background-position: -88px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.series > a > span {
width: 87px;
background-position: -170px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.community > a > span {
width: 82px;
background-position: -257px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.fun > a > span {
width: 77px;
background-position: -339px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.gallery > a > span {
width: 68px;
background-position: -416px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.esports > a > span {
width: 79px;
background-position: -484px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.mobile > a > span {
width: 81px;
background-position: -563px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.mobile > em.open {
left: 508px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.broadcast > a > span {
width: 74px;
background-position: -644px top;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.selected a > span,
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li a:hover > span {
margin: -40px 0 0;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li .submenu {
position: absolute;
top: 40px;
left: 0;
display: none;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li.selected .submenu {
display: block;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li .submenu ul {
margin: 8px 0 0 7px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li .submenu ul li {
float: left;
height: 10px;
border-left: 1px solid #c4c4c4;
padding: 0 10px;
line-height: 12px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li .submenu ul li:first-child {
border: 0;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb ul.menu > li .submenu ul li a {
color: #000000;
position: relative;
top: -2px;
}
.site-webzine.webzine-layout #headmenu.v1 .gnb .menu-bottom {
height: 27px;
overflow: hidden;
background: #fdfdfd;
border: 1px solid #d7d8dc;
}
.site-webzine.webzine-layout #headmenu.v1 .align-right {
position: absolute;
top: 0;
right: 0;
width: 270px;
}
.site-webzine.webzine-layout #headmenu.v1 .align-right .group {
clear: both;
float: right;
}
.site-webzine.webzine-layout #headmenu.v1 .search {
float: left;
width: 202px;
margin: 9px 5px 0 0;
}
.site-webzine.webzine-layout #headmenu.v1 .search input[type=text] {
float: left;
width: 148px;
height: 20px;
color: #999999;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 20px;
border: 1px solid #b8b8b8;
margin: 0;
padding: 0 5px;
}
.site-webzine.webzine-layout #headmenu.v1 .search input[type=submit] {
display: block;
float: left;
width: 38px;
height: 22px;
overflow: hidden;
text-indent: -10000em;
cursor: pointer;
background: url('/static/webzine/images/button_search1.png') no-repeat left top;
border: 0;
margin: 0 0 0 4px;
padding: 0;
}
.site-webzine.webzine-layout #headmenu.v1 .event {
float: left;
width: 67px;
height: 28px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_event1.png') no-repeat left top;
margin: 6px 0 0;
}
.site-webzine.webzine-layout #headmenu.v1 .help {
float: left;
width: 77px;
height: 28px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_help1.png') no-repeat left top;
margin: 6px 0 0;
}
.site-webzine.webzine-layout #headmenu.v1 .agit-button {
float: left;
width: 104px;
height: 26px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_agitlayer1.png') no-repeat left top;
margin: 7px 6px 0 4px;
}
/* Head Menu V2 */
.site-webzine.webzine-layout #headmenu.v2 {
height: 69px;
margin: 15px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb {
position: relative;
height: 69px;
background: url('/static/webzine/images/headmenu1_bg1.png') repeat-x left top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb .deco1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 2px;
height: 40px;
overflow: hidden;
background: url('/static/webzine/images/headmenu1_bg2.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb .deco2 {
position: absolute;
top: 0;
right: 0;
display: block;
width: 2px;
height: 40px;
overflow: hidden;
background: url('/static/webzine/images/headmenu1_bg2.png') no-repeat right top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu {
position: relative;
height: 40px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li {
float: left;
height: 40px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li > a {
position: relative;
display: block;
height: 40px;
overflow: hidden;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li > a > span {
display: block;
height: 80px;
overflow: hidden;
text-indent: -10000em;
cursor: pointer;
background: url('/static/webzine/images/menu/gnb8.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li > em.open {
position: absolute;
top: -7px;
left: 0;
display: block;
width: 37px;
height: 17px;
overflow: hidden;
text-indent: -100000em;
background: url('/static/webzine/images/icon_open1.png') no-repeat left top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.newscenter > a > span {
width: 87px;
background-position: -0px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.review > a > span {
width: 88px;
background-position: -88px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.special > a > span {
width: 90px;
background-position: -176px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.series > a > span {
width: 89px;
background-position: -266px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.movie > a > span {
width: 97px;
background-position: -355px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.pds > a > span {
width: 103px;
background-position: -452px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.gameshow > a > span {
width: 102px;
background-position: -555px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.community > a > span {
width: 83px;
background-position: -657px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.gallery > a > span {
width: 66px;
background-position: -742px top;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.selected a > span,
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li a:hover > span {
margin: -40px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu {
position: absolute;
top: 40px;
left: 0;
display: none;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li.selected .submenu {
display: block;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu ul {
margin: 8px 0 0 7px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu ul li {
float: left;
height: 10px;
border-left: 1px solid #c4c4c4;
padding: 0 10px;
line-height: 12px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu ul li a {
color: #000000;
position: relative;
top: -2px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu ul li:first-child {
border-left: 0px;
margin-left: 2px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb ul.menu > li .submenu .submenu-title li b {
color: #000000;
position: relative;
top: -2px;
}
.site-webzine.webzine-layout #headmenu.v2 .gnb .menu-bottom {
height: 27px;
overflow: hidden;
background: #fdfdfd;
border: 1px solid #d7d8dc;
}
.site-webzine.webzine-layout #headmenu.v2 .align-right {
position: absolute;
top: 0;
right: 0;
width: 116px;
}
.site-webzine.webzine-layout #headmenu.v2 .align-right .group {
clear: both;
float: right;
}
.site-webzine.webzine-layout #headmenu.v2 .search {
float: left;
width: 180px;
margin: 9px 5px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .search input[type=text] {
float: left;
width: 125px;
height: 20px;
color: #999999;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 20px;
border: 1px solid #b8b8b8;
margin: 0;
padding: 0 5px;
}
.site-webzine.webzine-layout #headmenu.v2 .search input[type=submit] {
display: block;
float: left;
width: 38px;
height: 22px;
overflow: hidden;
text-indent: -10000em;
cursor: pointer;
background: url('/static/webzine/images/button_search1.png') no-repeat left top;
border: 0;
margin: 0 0 0 4px;
padding: 0;
}
.site-webzine.webzine-layout #headmenu.v2 .tket {
float: left;
width: 80px;
height: 28px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_tket1.png') no-repeat left top;
margin: 6px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .event {
float: left;
width: 67px;
height: 28px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_event2.png') no-repeat left top;
margin: 6px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .help {
float: left;
width: 77px;
height: 28px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_help1.png') no-repeat left top;
margin: 6px 0 0;
}
.site-webzine.webzine-layout #headmenu.v2 .agit-button {
float: left;
width: 104px;
height: 26px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/button_agitlayer1.png') no-repeat left top;
margin: 7px 6px 0 4px;
}
/* Side */
/* Common */
.site-webzine.webzine-layout #rightmenu {
}
.webzine-side1 {
text-align: center;
/* padding: 10px; */
padding: 0px;
background: #fafafa;
border: 1px solid #e0e0e0;
}
.webzine-side1 .side-comp {
margin: 9px auto 0;
text-align: left;
position: relative;
}
.webzine-side1 .side-comp:first-child {
margin-top: 0;
margin-bottom: 30px;
}
.specialZone-side1 {
text-align: center;
/* padding: 10px; */
padding: 0px;
/* background: #fafafa;
border: 1px solid #e0e0e0; */
}
.specialZone-side1 .side-comp {
margin: 9px auto 0;
text-align: left;
position: relative;
}
.specialZone-side1 .side-comp:first-child {
margin-top: 0;
margin-bottom: 30px;
}
/* Titles */
/* Title 1 */
.webzine-side1 .side-comp-title {
height: 30px;
line-height: 32px;
display: block;
overflow: hidden;
position: relative;
padding: 0 0 0 11px;
}
.webzine-side1 .side-comp-title .more {
display: block;
width: 25px;
height: auto;
text-indent: -1000em;
overflow: hidden;
background: url('/static/webzine/images/icon_more1.png') no-repeat left center;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
}
/* Text 1 */
.webzine-side1 .side-comp-title.text-title1 {
font-weight: bold;
letter-spacing: -1px;
color: #000000;
text-decoration: none;
}
.webzine-side1 .side-comp-title.text-title1 strong {
color: #374c91;
}
/* Image 1 */
.webzine-side1 .side-comp-title.image-title1 {
}
.webzine-side1 .side-comp-title.image-title1 .text {
display: block;
height: auto;
text-indent: -1000em;
overflow: hidden;
background: none no-repeat left center;
position: absolute;
top: 0;
bottom: 0;
left: 11px;
right: 0;
}
.webzine-side1 .side-comp-title.image-title1.topnews .text {
background-image: url('/static/webzine/images/text_last_topnews1.png');
}
.webzine-side1 .side-comp-title.image-title1.series .text {
background-image: url('/static/webzine/images/text_series1.png');
}
.webzine-side1 .side-comp-title.image-title1.help .text {
background-image: url('/static/webzine/images/text_tig_help1.png');
}
.webzine-side1 .side-comp-title.image-title1.iconshop .text {
background-image: url('/static/webzine/images/text_tig_market1.png');
}
.webzine-side1 .side-comp-title.image-title1.vote .text {
background-image: url('/static/webzine/images/text_vote1.png');
}
.webzine-side1 .side-comp-title.image-title1.simon-diary .text {
background-image: url('/static/webzine/images/text_simon_diary1.png?v=131007');
}
/* Image 2 */
.webzine-side1 .side-comp-title.image-title2 {
overflow: hidden;
height: 30px;
}
.webzine-side1 .side-comp-title.image-title2 .text {
display: none;
}
/* Tab */
/* Tab 1 */
.webzine-side1 .side-comp-tab1 {
}
.webzine-side1 .side-box1 .side-comp-tab1 {
margin: 0 -5px;
}
.webzine-side1 .side-comp-tab1 .menu {
background: #e7e7e7;
padding-top: 4px;
}
.webzine-side1 .side-comp-tab1 .menu ul {
position: relative;
z-index: 1;
height: 21px;
border-bottom: solid 1px #b5b8bf;
}
.webzine-side1 .side-comp-tab1 .menu ul li {
float: left;
display: inline;
margin-left: 4px;
}
.webzine-side1 .side-comp-tab1 .menu ul li a {
display: block;
padding: 0 10px;
height: 20px;
line-height: 22px;
overflow: hidden;
border: solid 1px #b5b8bf;
margin-bottom: -1px;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
}
.webzine-side1 .side-comp-tab1 .menu ul li a.selected {
border-bottom-color: #f3f3f3;
background: #f3f3f3;
}
.webzine-side1 .side-comp-tab1 .tab-groups {
}
.webzine-side1 .side-comp-tab1 .tab-groups .tab-group {
display: none;
}
.webzine-side1 .side-comp-tab1 .tab-groups .tab-group.shown {
display: block;
}
/* Box */
/* Box 1 */
.webzine-side1 .side-box1 .side-comp-wrap {
border: solid 1px #c2c2c2;
border-top: 0;
background: #ffffff;
padding-top: 1px;
}
.webzine-side1 .side-box1 .side-comp-title {
border: solid 1px #b5b8bf;
background: url('/static/webzine/images/bg_line7.png') repeat-x left top;
}
.webzine-side1 .side-box1 .side-comp-body {
background: #f3f3f3;
padding: 0 5px;
}
/* Box 2 */
.webzine-side1 .side-box2,
.webzine-side1 .side-box2:first-child {
margin: -10px;
background: #ffffff;
padding-bottom: 5px;
overflow: hidden;
margin-bottom: 4px;
}
.webzine-side1 .side-box2 .side-comp-wrap {
margin: -6px 0;
}
.webzine-side1 .side-box2 .side-comp-body {
}
/* Box 3 */
.webzine-side1 .side-box3 .side-comp-wrap {
border: solid 1px #c2c2c2;
border-top: 0;
background: #ffffff;
padding-top: 1px;
}
.webzine-side1 .side-box3 .side-comp-title {
border: solid 1px #b5b8bf;
background: #ffffff;
}
.webzine-side1 .side-box3 .side-comp-body {
background: #ffffff;
padding: 0 5px;
}
/* Box 4 */
.webzine-side1 .side-box4,
.webzine-side1 .side-box4:first-child {
margin: -4px;
background: #ffffff;
padding-bottom: 5px;
overflow: hidden;
margin-bottom: 4px;
}
.webzine-side1 .side-box4 .side-comp-title {
border: solid 1px #b2c2cc;
background: url('/static/webzine/images/bg_line10.png') repeat-x left top;
}
.webzine-side1 .side-box4 .side-comp-wrap {
border: solid 1px #b2c2cc;
border-top: 0;
background: #ffffff;
padding-top: 1px;
}
.webzine-side1 .side-box4 .side-comp-body {
background: #d4e1f3;
padding: 0 5px;
}
/* Box 5 */
.webzine-side1 .side-box5 {
}
.webzine-side1 .side-box5 + .side-box5 {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
padding-top: 4px;
}
.webzine-side1 .side-box5 .side-comp-title {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 15px;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
margin: 0 -10px -4px;
}
.webzine-side1 .side-box5 .side-comp-wrap {
}
.webzine-side1 .side-box5 .side-comp-body {
}
/* Menu Title Button */
/* Menu Title Button 1 */
#leftmenu .side-comp-title-button1 {
position: absolute;
right: 9px;
top: 10px;
}
#leftmenu .side-comp-title-button1 .nav-btn1 {
float: left;
display: inline;
width: 13px;
height: 12px;
margin-left: 3px;
text-indent: -10000em;
overflow: hidden;
background: none no-repeat left top;
}
#leftmenu .side-comp-title-button1 .nav-btn1.prev {
background-image: url('/static/webzine/images/nav_silver1_prev.png');
}
#leftmenu .side-comp-title-button1 .nav-btn1.next {
background-image: url('/static/webzine/images/nav_silver1_next.png');
}
/* Menu Parts */
/* Basic Layout*/
.webzine-side1 .side-part-one {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
padding: 8px 0 6px;
}
.webzine-side1 .side-part-one.no-top-border,
.webzine-side1 .side-part-one:first-child {
background-position: 0 -100px;
padding-top: 6px;
}
.webzine-side1 .side-part-set {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
padding: 5px 0 3px;
}
.webzine-side1 .side-part-set:first-child {
background-position: 0 -100px;
padding-top: 3px;
}
.webzine-side1 .side-part-set .side-part-one {
background-position: 0 -100px;
padding: 3px 0;
}
.webzine-side1 .side-box4 .side-part-one,
.webzine-side1 .side-box4 .side-part-set {
background-image: url('/static/webzine/images/bg_line11.png');
}
/* Title */
.webzine-side1 .side-part-title1 {
font-weight: bold;
letter-spacing: -1px;
padding: 5px 0 5px 6px;
}
.webzine-side1 .side-part-title2 {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
padding: 5px 0 2px 0;
color: #333333;
white-space: nowrap;
overflow: hidden;
}
/* Menu Part Banner 1 */
.webzine-side1 .side-part-banner1 {
text-align: center;
overflow: hidden;
}
.webzine-side1 .side-part-banner1 .list {
margin-top: -4px;
display: inline-block;
vertical-align: top;
width: 100%;
overflow: hidden;
position: relative;
}
.webzine-side1 .side-part-banner1 .list .list-navigate {
width: 1000px;
float: left;
display: inline;
text-align: left;
}
.webzine-side1 .side-part-banner1 .list p {
margin-top: 4px;
position: relative;
}
.webzine-side1 .side-part-banner1 .list .list-navigate p {
float: left;
display: inline;
width: 280px;
}
.webzine-side1 .side-part-banner1 .list p img {
vertical-align: top;
border: 0;
}
.webzine-side1 .side-part-banner1 .list .list-navigate p img {
width: 280px;
}
.webzine-side1 .side-part-banner1 .indicator {
background: #c7ccd0;
height: 12px;
padding: 3px 4px 4px;
text-align: right;
border: solid 1px #afb2b8;
}
.webzine-side1 .side-part-banner1 .indicator a {
display: inline-block;
width: 12px;
height: 0;
padding-top: 12px;
zoom: 1;
overflow: hidden;
margin-left: 5px;
background: url('/static/webzine/images/icon_indicator1.png?v=130820') no-repeat left top;
}
.webzine-side1 .side-part-banner1 .indicator a.selected {
background-position: 0 -12px;
}
/* Menu Part Text 1 */
.webzine-side1 .side-part-text1 ul {
padding: 0 5px;
}
.webzine-side1 .side-part-text1 ul li {
padding: 2px 0 3px 10px;
background: url('/static/webzine/images/icon_rect1.png') no-repeat 2px 8px;
white-space: nowrap;
overflow: hidden;
}
.webzine-side1 .side-part-text1 ul li,
.webzine-side1 .side-part-text1 ul li a {
line-height: 15px;
color: #000000;
}
.webzine-side1 .side-part-text1.f11 ul li,
.webzine-side1 .side-part-text1.f11 ul li a {
line-height: 14px;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
}
.webzine-side1 .side-part-text1 ul li .comments {
color: #0000ff;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 14px;
}
.webzine-side1 .side-part-text1 ul li .date {
color: #0e75df;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 14px;
}
/* Menu Part Text 2 */
.webzine-side1 .side-part-text2 ul {
padding: 0 5px;
}
.webzine-side1 .side-part-text2 ul li {
padding: 2px 0 3px 10px;
background: url('/static/webzine/images/icon_rect1.png') no-repeat 2px 8px;
white-space: nowrap;
overflow: hidden;
}
.webzine-side1 .side-part-text2.no-bullet ul li {
background: none;
padding-left: 0;
}
.webzine-side1 .side-part-text2.bullet2 ul li {
background: url('/static/webzine/images/icon_line1.png') no-repeat left 10px;
padding-left: 10px;
}
.webzine-side1 .side-part-text2 ul li,
.webzine-side1 .side-part-text2 ul li a {
color: #000000;
line-height: 18px;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 12px;
letter-spacing: -1px;
}
.webzine-side1 .side-part-text2 ul li .comments {
color: #ff3d26;
}
.webzine-side1 .side-part-text2.rank1 ul li.rank1,
.webzine-side1 .side-part-text2.rank1 ul li.rank6 {
font-weight: bold;
letter-spacing: -2px;
}
.webzine-side1 .side-part-text2.rank1 ul li .rank {
font-weight: bold;
letter-spacing: normal;
}
.webzine-side1 .side-part-text2.rank1 ul li.rank1 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text2.rank1 ul li.rank2 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text2.rank1 ul li.rank3 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text2 ul li.row0 {
margin-top: 10px;
}
.webzine-side1 .side-part-text2 ul li.row0:first-child {
margin-top: 0;
}
/* Menu Part Text 3 */
.webzine-side1 .side-part-text3 ul {
padding: 0 0px;
}
.webzine-side1 .side-part-text3 ul li {
padding: 2px 0 3px 0px;
/*background: url('/static/webzine/images/icon_rect1.png') no-repeat 2px 8px;*/
white-space: nowrap;
overflow: hidden;
}
.webzine-side1 .side-part-text3.no-bullet ul li {
background: none;
padding-left: 0;
}
.webzine-side1 .side-part-text3.bullet2 ul li {
background: url('/static/webzine/images/icon_line1.png') no-repeat left 10px;
padding-left: 10px;
}
.webzine-side1 .side-part-text3 ul li,
.webzine-side1 .side-part-text3 ul li a {
color: #000000;
line-height: 18px;
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 12px;
letter-spacing: -1px;
}
.webzine-side1 .side-part-text3 ul li .comments {
color: #ff3d26;
}
.webzine-side1 .side-part-text3.rank1 ul li.rank1,
.webzine-side1 .side-part-text3.rank1 ul li.rank6 {
font-weight: bold;
letter-spacing: -2px;
}
.webzine-side1 .side-part-text3.rank1 ul li .rank {
font-weight: bold;
letter-spacing: normal;
}
.webzine-side1 .side-part-text3.rank1 ul li.rank1 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text3.rank1 ul li.rank2 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text3.rank1 ul li.rank3 .rank {
color: #ff3d26;
}
.webzine-side1 .side-part-text3 ul li.row0 {
margin-top: 10px;
}
.webzine-side1 .side-part-text3 ul li.row0:first-child {
margin-top: 0;
}
/* Menu Part Image 1 */
.webzine-side1 .side-part-image1 {
text-align: center;
}
.webzine-side1 .side-part-image1 .list {
margin: -5px auto 0;
overflow: hidden;
position: relative;
width: 260px;
display: inline-block;
vertical-align: top;
}
.webzine-side1 .side-part-image1 dl {
float: left;
display: inline;
width: 120px;
height: 105px;
margin: 5px 5px 0;
position: relative;
overflow: hidden;
text-align: center;
}
.webzine-side1 .side-part-image1 dl dt {
}
.webzine-side1 .side-part-image1 dl dt img {
width: 120px;
height: 70px;
border: 0;
vertical-align: top;
}
.webzine-side1 .side-part-image1 dl dd {
overflow: hidden;
white-space: nowrap;
}
.webzine-side1 .side-part-image1 dl dd .subject {
margin-top: 2px;
}
.webzine-side1 .side-part-image1 dl dd .subject,
.webzine-side1 .side-part-image1 dl dd .subject a {
color: #000000;
font-weight: bold;
letter-spacing: -1px;
line-height: 16px;
}
.webzine-side1 .side-part-image1 dl dd .content,
.webzine-side1 .side-part-image1 dl dd .content a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 13px;
color: #666666;
}
/* Menu Part Image 2 */
.webzine-side1 .side-part-image2 {
text-align: center;
}
.webzine-side1 .side-part-image2 .list {
margin: -5px auto;
overflow: hidden;
position: relative;
}
.webzine-side1 .side-part-image2 dl {
margin-top: 5px;
position: relative;
overflow: hidden;
text-align: center;
}
.webzine-side1 .side-part-image2 dl dt {
}
.webzine-side1 .side-part-image2 dl dt img {
border: 0;
vertical-align: top;
}
.webzine-side1 .side-part-image2 dl dd {
overflow: hidden;
white-space: nowrap;
}
.webzine-side1 .side-part-image2 dl dd .subject {
margin-top: 6px;
}
.webzine-side1 .side-part-image2 dl dd .subject,
.webzine-side1 .side-part-image2 dl dd .subject a {
color: #000000;
font-weight: bold;
letter-spacing: -1px;
line-height: 16px;
}
.webzine-side1 .side-part-image2 dl dd .content,
.webzine-side1 .side-part-image2 dl dd .content a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 15px;
color: #666666;
}
/* Menu Part Image 3 */
.webzine-side1 .side-part-image3 {
text-align: center;
}
.webzine-side1 .side-part-image3 .list {
margin: -5px auto 0;
overflow: hidden;
position: relative;
width: 260px;
display: inline-block;
vertical-align: top;
}
.webzine-side1 .side-part-image3 dl {
float: left;
display: inline;
width: 120px;
height: 105px;
margin: 5px 5px 0;
position: relative;
overflow: hidden;
text-align: center;
}
.webzine-side1 .side-part-image3 dl dt {
}
.webzine-side1 .side-part-image3 dl dt img {
width: 120px;
height: 70px;
border: 0;
vertical-align: top;
}
.webzine-side1 .side-part-image3 dl dd {
overflow: hidden;
white-space: nowrap;
}
.webzine-side1 .side-part-image3 dl dd .subject {
margin-top: 4px;
}
.webzine-side1 .side-part-image3 dl dd .subject,
.webzine-side1 .side-part-image3 dl dd .subject a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 13px;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
line-height: 15px;
}
.webzine-side1 .side-part-image3 dl dd .content,
.webzine-side1 .side-part-image3 dl dd .content a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 13px;
color: #7f7f7f;
}
/* Menu Part Image 4 */
.webzine-side1 .side-part-image4 {
text-align: center;
}
.webzine-side1 .side-part-image4 .list {
margin: -5px auto;
overflow: hidden;
position: relative;
}
.webzine-side1 .side-part-image4 dl {
margin-top: 10px;
position: relative;
overflow: hidden;
text-align: center;
}
.webzine-side1 .side-part-image4 dl dt {
}
.webzine-side1 .side-part-image4 dl dt img {
border: 0;
vertical-align: top;
width: 100%;
}
.webzine-side1 .side-part-image4 dl dd {
overflow: hidden;
white-space: nowrap;
}
.webzine-side1 .side-part-image4 dl dd .subject {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 21px;
overflow: hidden;
background: url('/static/webzine/images/bg_black1.png') repeat left top;
}
.webzine-side1 .side-part-image4 dl dd .subject a {
display: block;
height: 21px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 21px;
text-align: center;
text-decoration: none;
}
/* Menu Part Image 5 */
.webzine-side1 .side-part-image5 {
text-align: center;
}
.webzine-side1 .side-part-image5.scrollable1 {
position: relative;
overflow: hidden;
}
.webzine-side1 .side-part-image5 .list {
width: 260px;
margin: -5px auto 0;
overflow: hidden;
position: relative;
text-align: left;
}
.webzine-side1 .side-part-image5 .list-navigate {
width: 3000px;
}
.webzine-side1 .side-part-image5.scrollable1 .list {
height: 200px;
}
.webzine-side1 .side-part-image5 dl {
margin-top: 5px;
position: relative;
overflow: hidden;
height: 195px;
}
.webzine-side1 .side-part-image5.scrollable1 dl {
float: left;
width: 260px;
}
.webzine-side1 .side-part-image5 dl dt {
}
.webzine-side1 .side-part-image5 dl dt img {
width: 260px;
height: 150px;
border: 0;
vertical-align: top;
}
.webzine-side1 .side-part-image5 dl dd {
overflow: hidden;
}
.webzine-side1 .side-part-image5 dl dd .subject {
margin-top: 5px;
text-align: center;
}
.webzine-side1 .side-part-image5 dl dd .subject,
.webzine-side1 .side-part-image5 dl dd .subject a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 13px;
line-height: 20px;
color: #333333;
font-weight: bold;
letter-spacing: -1px;
}
.webzine-side1 .side-part-image5.scrollable1 .navigator a {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
text-indent: -1000em;
background: none no-repeat left top;
position: absolute;
top: 60px;
z-index: 3;
}
.webzine-side1 .side-part-image5.scrollable1 .navigator a.prev-btn {
left: 10px;
background-image: url('/static/webzine/images/nav_white1_prev.png');
}
.webzine-side1 .side-part-image5.scrollable1 .navigator a.next-btn {
right: 10px;
background-image: url('/static/webzine/images/nav_white1_next.png');
}
/* Menu Part Empty 1 */
.webzine-side1 .side-part-empty1 {
text-align: center;
}
/* side banner */
.webzine-side1 .side-combine-banner-1 img {
width:250px;
}
.webzine-side1 .side-combine-banner-2 img {
width:260px;
}
/* Menu Part Custom Event 1 */
.webzine-side1 .side-part-custom-event1,
.webzine-side1 .side-part-custom-event1 a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
}
.webzine-side1 .side-part-custom-event1 ul {
margin-top: -4px;
}
.webzine-side1 .side-part-custom-event1 ul li {
margin-top: 4px;
}
.webzine-side1 .side-part-custom-event1 ul li a {
height: 39px;
overflow: hidden;
border: 1px solid #b9b9b9;
background: #ffffff;
display: block;
}
.webzine-side1 .side-part-custom-event1 ul li .status {
float: left;
display: block;
width: 56px;
height: 39px;
line-height: 39px;
background: #ffd3cb;
color: #ff3d26;
border-right: 1px solid #b9b9b9;
text-align: center;
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
}
.webzine-side1 .side-part-custom-event1 ul li.progress .status {
background: transparent url('/static/webzine/images/bg_side_event_status1.png') no-repeat left top;
border-right: 0;
padding-right: 1px;
color: #ffffff;
}
.webzine-side1 .side-part-custom-event1 ul li .content {
margin-left: 57px;
display: block;
line-height: 18px;
padding: 1px 8px;
font-size: 12px;
letter-spacing: -1px;
}
.webzine-side1 .side-part-custom-event1 ul li .content .title {
display: table;
width: 100%;
height: 36px;
overflow: hidden;
text-overflow: ellipsis;
}
.webzine-side1 .side-part-custom-event1 ul li .content .title > span {
display: table-cell;
vertical-align: middle;
}
/* Menu Part Custom News 1 */
.webzine-side1 .side-part-custom-news1,
.webzine-side1 .side-part-custom-news1 a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 13px;
}
.webzine-side1 .side-part-custom-news1 ul {
}
.webzine-side1 .side-part-custom-news1 ul li.ad-line {
text-align: center;
padding: 5px 0;
}
.webzine-side1 .side-part-custom-news1 ul li.ad-line2 {
text-align: center;
padding: 5px 0;
}
.webzine-side1 .side-part-custom-news1 ul li.ad-line2 img{
width:250px;
}
.webzine-side1 .side-part-custom-news1 ul li.news-line {
border-top: 1px solid #b4b4b4;
height: 71px;
overflow: hidden;
}
.webzine-side1 .side-part-custom-news1 ul li.ad-line + li.news-line {
border-top: 0;
}
.webzine-side1 .side-part-custom-news1 ul li.news-line img {
float: right;
width: 90px;
height: 51px;
margin: 10px 0 10px 8px;
}
.webzine-side1 .side-part-custom-news1 ul li.news-line .subject {
font-weight: bold;
letter-spacing: -1px;
display: block;
height: 71px;
line-height: 19px;
}
.webzine-side1 .side-part-custom-news1 ul li.news-line .subject > span {
display: table;
height: 71px;
}
.webzine-side1 .side-part-custom-news1 ul li.news-line .subject > span > span {
display: table-cell;
vertical-align: middle;
}
.webzine-side1 .side-part-custom-test ul li.test-line {
height: 71px;
overflow: hidden;
}
.webzine-side1 .side-part-custom-test ul li.ad-line + li.test-line {
border-top: 0;
}
.webzine-side1 .side-part-custom-test ul li.test-line img {
float: left;
width: 90px;
height: 51px;
margin: 10px 10px 10px 8px;
}
.webzine-side1 .side-part-custom-test ul li.test-line .subject {
font-weight: bold;
letter-spacing: -1px;
display: block;
height: 71px;
line-height: 19px;
}
.webzine-side1 .side-part-custom-test ul li.test-line .subject > span {
display: table;
height: 71px;
}
.webzine-side1 .side-part-custom-test ul li.test-line .subject > span > span {
display: table-cell;
vertical-align: middle;
}
/* Custom */
/* Tket */
.webzine-side1 .side-comp.side-tket1 .module {
padding: 0 5px;
position: relative;
overflow: hidden;
}
/* Poll */
.webzine-side1 .side-comp.side-vote1 .module {
margin-top: 8px;
}
.webzine-side1 .side-comp.side-vote1 .buttons {
height: 23px;
margin-top: 4px;
}
.webzine-side1 .side-comp.side-vote1 .buttons a {
display: inline;
width: 82px;
height: 23px;
text-indent: -1000em;
overflow: hidden;
background: none no-repeat left top;
}
.webzine-side1 .side-comp.side-vote1 .buttons a.vote {
float: left;
background-image: url('/static/webzine/images/btn_82x23_blue1_vote1.png');
}
.webzine-side1 .side-comp.side-vote1 .buttons a.result {
float: right;
background-image: url('/static/webzine/images/btn_82x23_blue1_result1.png');
}
/* Topic Type 1 */
/* Common */
.specialZone-side1 .topic-type1 {
border: 1px solid #cfd4d7;
padding-bottom: 10px;
/* margin-left: -1px;
margin-right: -1px;
margin-top: -1px; */
}
.specialZone-side1 .topic-type1 .focus-title {
height: 40px;
overflow: hidden;
text-indent: -10000em;
background: none no-repeat left top;
border-bottom: 1px solid #cfd4d7;
margin-bottom: 4px;
}
.specialZone-side1 .topic-type1 .focus-title a {
display: block;
height: 40px;
}
/* Type - Image Text */
.specialZone-side1 .topic-type1 .type-imagetext {
overflow: hidden;
}
.specialZone-side1 .topic-type1 .type-imagetext dl {
position: relative;
height: 50px;
overflow: hidden;
margin: 10px 13px 0;
}
.specialZone-side1 .topic-type1 .type-imagetext dl > .text {
height: 18px;
color: #000000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 18px;
white-space: nowrap;
margin-left: 98px;
}
.specialZone-side1 .topic-type1 .type-imagetext dl > .text.description {
height: 30px;
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
line-height: 14px;
margin-top: 2px;
}
.specialZone-side1 .topic-type1 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 50px;
overflow: hidden;
}
.specialZone-side1 .topic-type1 .type-imagetext dl > .image img {
width: 90px;
height: 50px;
border: 0;
}
/* Type - Text */
.specialZone-side1 .topic-type1 .type-text {
overflow: hidden;
margin: 0 10px;
}
.specialZone-side1 .topic-type1 .type-imagetext + .type-text {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
margin-top: 13px;
padding-top: 7px;
}
.specialZone-side1 .topic-type1 .type-text ul > li {
height: 15px;
overflow: hidden;
line-height: 15px;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 5px;
margin-top: 5px;
padding-left: 8px;
}
.specialZone-side1 .topic-type1 .type-text ul > li > a {
color: #000000;
}
.specialZone-side1 .topic-type1 .type-text ul > li > a strong,
.specialZone-side1 .topic-type1 .type-text ul > li > a b {
font-weight: bold;
letter-spacing: -1px;
}
/* Topic Type 2*/
/* Common */
.webzine-side1 .topic-type2 .topic-index {
position: relative;
z-index: 2;
overflow: hidden;
}
.webzine-side1 .topic-type2 .topic-index ul {
overflow: hidden;
border-left: 1px solid #a3a6ae;
}
.webzine-side1 .topic-type2 .topic-index ul li {
float: left;
}
.webzine-side1 .topic-type2 .split-column.split-3 .topic-index ul li {
width: 33%;
}
.webzine-side1 .topic-type2 .split-column.split-3 .topic-index ul li:first-child {
width: 34%;
}
.webzine-side1 .topic-type2 .topic-index ul li a {
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
text-align: center;
text-decoration: none;
white-space: nowrap;
background: #cfd1d4;
border: 1px solid #a3a6ae;
margin-left: -1px;
}
.webzine-side1 .topic-type2 .topic-index ul li a:hover,
.webzine-side1 .topic-type2 .topic-index ul li a.selected {
font-weight: bold;
letter-spacing: -1px;
background: #ffffff;
}
.webzine-side1 .topic-type2 .topic-index ul li a.selected {
height: 31px;
border-bottom: 0;
}
.webzine-side1 .topic-type2 .topic-body {
position: relative;
z-index: 1;
overflow: hidden;
background: #ffffff;
border: 1px solid #a3a6ae;
margin-top: -1px;
}
.webzine-side1 .topic-type2 .topic-body .topic-body-wrap {
overflow: hidden;
}
.webzine-side1 .topic-type2 .split-column .topic-body .topic-body-wrap {
width: 1000%;
}
.webzine-side1 .topic-type2 .split-column .topic-body .topic-one {
float: left;
width: 10%;
padding-bottom: 10px;
}
/* Type - Image Text */
.webzine-side1 .topic-type2 .type-imagetext {
overflow: hidden;
padding: 0 5px;
}
.webzine-side1 .topic-type2 .type-imagetext ul {
overflow: hidden;
}
.webzine-side1 .topic-type2 .type-imagetext ul li {
float: left;
width: 50%;
}
.webzine-side1 .topic-type2 .type-imagetext dl {
position: relative;
width: 120px;
height: 107px;
overflow: hidden;
margin: 10px auto 0;
}
.webzine-side1 .topic-type2 .type-imagetext dl > .text {
/*display: -webkit-box;*/
height: 30px;
overflow: hidden;
color: #000000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 15px;
text-align: center;
/*
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
*/
margin-top: 77px;
}
/*
.webzine-side1 .topic-type2 .type-imagetext dl > .text.description {
height: 14px;
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
line-height: 14px;
margin-top: 2px;
}
*/
.webzine-side1 .topic-type2 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 70px;
overflow: hidden;
}
.webzine-side1 .topic-type2 .type-imagetext dl > .image img {
width: 120px;
height: 70px;
border: 0;
}
/* Type - Text */
.webzine-side1 .topic-type2 .type-text {
overflow: hidden;
margin: 0 10px;
}
.webzine-side1 .topic-type2 .type-imagetext + .type-text {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
margin-top: 13px;
padding-top: 7px;
}
.webzine-side1 .topic-type2 .type-text ul > li {
height: 15px;
overflow: hidden;
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 5px;
margin-top: 5px;
padding-left: 8px;
}
.webzine-side1 .topic-type2 .type-text ul > li > a {
color: #000000;
}
.webzine-side1 .topic-type2 .type-text ul > li > a strong,
.webzine-side1 .topic-type2 .type-text ul > li > a b {
font-weight: bold;
letter-spacing: -1px;
}
/* Topic Type 3 */
/* Common */
.webzine-side1 .topic-type3 .topic-index {
position: relative;
z-index: 2;
overflow: hidden;
}
.webzine-side1 .topic-type3 .topic-index ul {
overflow: hidden;
border-left: 1px solid #a3a6ae;
}
.webzine-side1 .topic-type3 .topic-index ul li {
float: left;
}
.webzine-side1 .topic-type3 .split-column.split-3 .topic-index ul li {
width: 33%;
}
.webzine-side1 .topic-type3 .split-column.split-3 .topic-index ul li:first-child {
width: 34%;
}
.webzine-side1 .topic-type3 .topic-index ul li a {
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
text-align: center;
text-decoration: none;
white-space: nowrap;
background: #cfd1d4;
border: 1px solid #a3a6ae;
margin-left: -1px;
}
.webzine-side1 .topic-type3 .topic-index ul li a:hover,
.webzine-side1 .topic-type3 .topic-index ul li a.selected {
font-weight: bold;
letter-spacing: -1px;
background: #ffffff;
}
.webzine-side1 .topic-type3 .topic-index ul li a.selected {
height: 31px;
border-bottom: 0;
}
.webzine-side1 .topic-type3 .topic-body {
position: relative;
z-index: 1;
overflow: hidden;
background: #ffffff;
border: 1px solid #a3a6ae;
margin-top: -1px;
}
.webzine-side1 .topic-type3 .topic-body .topic-body-wrap {
overflow: hidden;
}
.webzine-side1 .topic-type3 .split-column .topic-body .topic-body-wrap {
width: 1000%;
}
.webzine-side1 .topic-type3 .split-column .topic-body .topic-one {
float: left;
width: 10%;
padding-bottom: 10px;
}
/* Type - Image Text */
.webzine-side1 .topic-type3 .type-imagetext {
overflow: hidden;
padding: 0 5px;
}
.webzine-side1 .topic-type3 .type-imagetext ul {
overflow: hidden;
}
.webzine-side1 .topic-type3 .type-imagetext ul li {
}
.webzine-side1 .topic-type3 .type-imagetext dl {
position: relative;
width: 260px;
height: 100px;
overflow: hidden;
margin: 10px auto 0;
}
.webzine-side1 .topic-type3 .type-imagetext dl > .text {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 21px;
overflow: hidden;
background: url('/static/webzine/images/bg_black1.png') repeat left top;
}
.webzine-side1 .topic-type3 .type-imagetext dl > .text a {
display: block;
height: 21px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 21px;
text-align: center;
text-decoration: none;
}
.webzine-side1 .topic-type3 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 260px;
height: 100px;
overflow: hidden;
}
.webzine-side1 .topic-type3 .type-imagetext dl > .image img {
width: 260px;
height: 100px;
border: 0;
}
/* Type - Text */
.webzine-side1 .topic-type3 .type-text {
overflow: hidden;
margin: 0 10px;
padding: 0 0 10px;
}
.webzine-side1 .topic-type3 .type-text ul {
margin-top: -5px;
}
.webzine-side1 .topic-type3 .type-text ul > li {
height: 15px;
overflow: hidden;
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
background: url('/static/webzine/images/icon_arrow_brown1.png') no-repeat left 5px;
margin-top: 5px;
padding-left: 8px;
}
.webzine-side1 .topic-type3 .type-text ul > li.row0 {
margin-top: 15px;
}
.webzine-side1 .topic-type3 .type-text ul > li > a {
color: #000000;
}
.webzine-side1 .topic-type3 .type-text ul > li > a strong,
.webzine-side1 .topic-type3 .type-text ul > li > a b {
font-weight: bold;
letter-spacing: -1px;
}
/* Common System Styles */
/* Simple Layer */
.site-webzine.subsite-common1 .common-simple-layer {
border-color: #888;
background: #fff;
color: #000;
}
/* Addon Layer */
.site-webzine.subsite-common1 .common-editor-addon-layer {
border-color: #888;
background: #fff;
color: #000;
}
/* Common Titles */
/* Title 1 */
.site-webzine #tboard .board-title-part .title,
.webzine-title1 {
display: block;
height: 27px;
line-height: 20px;
overflow: hidden;
font-family: "Malgun Gothic", "맑은 고딕", "굴림", Gulim, Apple SD Gothic Neo;
font-size: 12px;
font-weight: bold;
background: url('/static/webzine/images/title_common1.png') no-repeat left -3px;
padding: 0 0 0 27px;
color: #000000;
}
/* Title 2 */
.webzine-title2 {
display: block;
overflow: hidden;
height: 27px;
line-height: 28px;
padding-left: 22px;
background: url('/static/webzine/images/title_1000x27_green1.png') no-repeat left top;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
position: relative;
}
/* Main */
/* Common */
#webzine-main {
}
#webzine-main .comp-groups {
overflow: hidden;
width: 805px;
margin: 0px 0 0 -5px;
}
#webzine-main .comp-groups:first-child {
margin-top: 0;
}
#webzine-main .comp-groups .comp-group {
float: left;
margin: -5px 0 0 5px;
}
#webzine-main .comp-groups .comp-group .comp-one {
margin: 5px 0 10px;
}
#webzine-main .comp-groups.wide1 .comp-group {
width: 800px;
}
#webzine-main .comp-groups.set1 .comp-group {
width: 476px;
}
#webzine-main .comp-groups.set1 .comp-group + .comp-group {
width: 319px;
}
#webzine-main .comp-groups.set2 .comp-group {
width: 398px;
}
#webzine-main .comp-groups.set2 .comp-group + .comp-group {
width: 397px;
}
#webzine-main .comp-groups.set3 .comp-group {
width: 490px;
}
#webzine-main .comp-groups.set3 .comp-group + .comp-group {
width: 305px;
}
#webzine-main .comp-one.border1 {
overflow: hidden;
border: 1px solid #cfd4d7;
}
/* Titles */
#webzine-main .comp-image-title {
position: relative;
}
#webzine-main .comp-image-title a .more {
position: absolute;
top: 4px;
right: 15px;
display: block;
width: 25px;
height: 5px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/webzine/images/icon_more1.png') no-repeat left top;
}
#webzine-main .comp-title-topic {
display: block;
height: 13px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/text1.png?v=2') no-repeat left top;
}
#webzine-main .comp-title-movie {
display: block;
height: 13px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/text2.png?v=2') no-repeat left top;
}
#webzine-main .comp-title-focus-game {
display: block;
height: 13px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/text3.png?v=2') no-repeat left top;
}
#webzine-main .comp-title-realtime-news {
display: block;
height: 13px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/text4.png?v=2') no-repeat left top;
}
/* Types */
/* Hotissue Type 1 - Width: 800px */
#webzine-main .hotissue-type1 {
position: relative;
width: 800px;
}
#webzine-main .hotissue-type1 .hotissue-list ul {
position: absolute;
bottom: 0;
width: 800px;
height: 49px;
}
#webzine-main .hotissue-type1 .hotissue-list ul li {
float: left;
margin: 0 0 0 -1px;
}
#webzine-main .hotissue-type1 .hotissue-list ul li.selected {
position: relative;
z-index: 2;
}
#webzine-main .hotissue-type1 .hotissue-list ul li:first-child {
margin: 0;
}
#webzine-main .hotissue-type1 .hotissue-list ul li a {
position: relative;
z-index: 1;
display: block;
color: #000000;
text-align: center;
text-decoration: none;
cursor: pointer;
background: url('/static/webzine/images/bg_line1.png') repeat-x left top;
border-top: 5px solid #6e7077;
}
#webzine-main .hotissue-type1 .hotissue-list ul li a span.text {
display: table-cell;
*display: block;
width: 159px;
height: 32px;
*height: 36px;
vertical-align: middle;
font-size: 12px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 15px;
border: 1px solid #b5b8bf;
border-top: 0;
padding: 6px 0 5px;
*padding: 7px 0 0;
}
#webzine-main .hotissue-type1 .hotissue-list ul li:first-child a span.text {
width: 158px;
}
#webzine-main .hotissue-type1 .hotissue-list ul li a span.arrow {
position: absolute;
top: -16px;
left: 0;
*left: auto;
right: 0;
*right: auto;
display: none;
width: 21px;
height: 11px;
overflow: hidden;
background: url('/static/webzine/images/icon_arrow1.png') no-repeat left top;
margin: 0 auto;
*margin: 0 0 0 -10px;
}
#webzine-main .hotissue-type1 .hotissue-list ul li.selected a,
#webzine-main .hotissue-type1 .hotissue-list ul li a:hover {
position: relative;
z-index: 1;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
background: url('/static/webzine/images/bg_line2.png') repeat-x left top;
border-top-color: #36d800;
}
#webzine-main .hotissue-type1 .hotissue-list ul li.selected a span.arrow,
#webzine-main .hotissue-type1 .hotissue-list ul li a:hover span.arrow {
display: block;
*display: inline;
}
#webzine-main .hotissue-type1 .hotissue-list ul li.selected a span.text,
#webzine-main .hotissue-type1 .hotissue-list ul li a:hover span.text {
border-color: #277307;
}
#webzine-main .hotissue-type1 .hotissue-body {
width: 800px;
height: 280px;
overflow: hidden;
padding: 0 0 49px;
}
#webzine-main .hotissue-type1 .hotissue-body ul {
overflow: auto;
}
#webzine-main .hotissue-type1 .hotissue-body ul li {
float: left;
}
#webzine-main .hotissue-type1 .hotissue-body ul li img {
display: block;
*float: left;
width: 800px;
height: 280px;
}
/* Hotissue Type 2 - Width: 800px */
#webzine-main .hotissue-type2 {
width: 798px;
border: 1px solid #c7c7c7;
}
#webzine-main .hotissue-type2 .transition {
transition-delay: 0;
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-duration: 0.5s;
}
#webzine-main .hotissue-type2 .hotissue-list ul {
width: 780px;
height: 47px;
margin: 0 9px;
}
#webzine-main .hotissue-type2 .hotissue-list ul li {
position: relative;
float: left;
width: 20%;
height: 47px;
overflow: hidden;
}
#webzine-main .hotissue-type2 .hotissue-list ul li:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 42px;
overflow: hidden;
background: #c5c5c5;
}
#webzine-main .hotissue-type2 .hotissue-list ul li:first-child:after {
display: none;
}
#webzine-main .hotissue-type2 .hotissue-list ul li a {
display: block;
height: 42px;
overflow: hidden;
text-align: center;
text-decoration: none;
cursor: pointer;
border-bottom: 5px solid #c5c5c5;
transition-property: border-bottom-color;
}
#webzine-main .hotissue-type2 .hotissue-list ul li a span.text {
height: 42px;
color: #333333;
font-size: 13px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: bold;
letter-spacing: -1px;
line-height: 42px;
transition-property: color;
}
#webzine-main .hotissue-type2 .hotissue-list ul li.selected a,
#webzine-main .hotissue-type2 .hotissue-list ul li a:hover {
border-bottom-color: #ed3f40;
}
#webzine-main .hotissue-type2 .hotissue-list ul li.selected a span.text,
#webzine-main .hotissue-type2 .hotissue-list ul li a:hover span.text {
color: #ed3f40;
}
#webzine-main .hotissue-type2 .hotissue-body {
width: 778px;
height: 268px;
overflow: hidden;
border: 1px solid #6f6f6f;
margin: 0 9px 9px;
}
#webzine-main .hotissue-type2 .hotissue-body ul {
position: relative;
width: 778px;
height: 268px;
overflow: hidden;
}
#webzine-main .hotissue-type2 .hotissue-body ul li {
position: absolute;
top: 0;
left: 0;
width: 778px;
height: 268px;
overflow: hidden;
}
#webzine-main .hotissue-type2 .hotissue-body ul li img {
display: block;
width: 778px;
height: 268px;
}
/* Banner Type 1 - Width: 800px */
#webzine-main .banner-type1 {
position: relative;
width: 798px;
height: 72px;
overflow: hidden;
background: #f3f3f3;
border: 1px solid #cfd4d7;
}
#webzine-main .banner-type1 .banner-list {
width: 726px;
height: 60px;
overflow: hidden;
margin: 6px 0 0 38px;
}
#webzine-main .banner-type1 .banner-list-inner {
width: 741px;
overflow: hidden;
margin: 0 0 0 -15px;
}
#webzine-main .banner-type1 .banner-list ul li {
float: left;
margin: 0 0 0 15px;
}
#webzine-main .banner-type1 .banner-list ul li a img {
width: 170px;
height: 60px;
border: 0;
}
#webzine-main .banner-type1 .page-button {
position: absolute;
top: 26px;
width: 22px;
height: 22px;
overflow: hidden;
text-indent: -10000em;
background: none no-repeat left top;
}
#webzine-main .banner-type1 .page-button.prev {
left: 10px;
background-image: url('/static/webzine/images/icon_arrow6.png');
}
#webzine-main .banner-type1 .page-button.next {
right: 6px;
background-image: url('/static/webzine/images/icon_arrow7.png');
}
/* Topic Type 1 - Width: Parent Size */
#webzine-main .topic-type1 .comp-title-topic {
width: 97px;
height: 33px;
background-position: center center;
border-right: 1px solid #cfd4d7;
}
#webzine-main .topic-type1 .topic-category {
float: left;
width: 97px;
border-right: 1px solid #cfd4d7;
}
#webzine-main .topic-type1 .topic-category ul li {
height: 20px;
}
#webzine-main .topic-type1 .topic-category ul li a {
position: relative;
display: block;
width: 83px;
height: 17px;
color: #000000;
line-height: 15px;
text-decoration: none;
white-space: nowrap;
padding: 3px 0 0 15px;
}
#webzine-main .topic-type1 .topic-category ul li a .arrow {
position: absolute;
top: 0;
right: -7px;
display: none;
width: 7px;
height: 20px;
overflow: hidden;
background: url('/static/webzine/images/icon_arrow4.png') no-repeat left top;
}
#webzine-main .topic-type1 .topic-category ul li.selected a {
position: relative;
z-index: 1;
color: #ffffff;
background: #87898f;
}
#webzine-main .topic-type1 .topic-category ul li.selected a .arrow {
display: block;
}
#webzine-main .topic-type1 .topic-category ul li a:hover {
font-weight: bold;
letter-spacing: -1px;
}
#webzine-main .topic-type1 .topic-list {
border-left: 1px solid #cfd4d7;
margin: -33px 0 0 97px;
}
#webzine-main .topic-type1 .topic-list .topic-list-one {
display: none;
}
#webzine-main .topic-type1 .topic-list .topic-list-one.selected {
display: block;
}
#webzine-main .topic-type1 .topic-list ul {
overflow: hidden;
height: 266px;
margin: 0 0 0 19px;
padding: 0 0 17px;
}
#webzine-main .topic-type1 .topic-list ul li {
height: 19px;
overflow: hidden;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left center;
padding: 5px 0 0 8px;
}
#webzine-main .topic-type1 .topic-list ul li.row0 {
margin: 13px 0 0;
}
#webzine-main .topic-type1 .topic-list ul li a {
color: #000000;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-size: 14px;
line-height: 17px;
}
/* Topic Type 2 */
/* Topic Index */
#webzine-main .topic-type2 .topic-index {
height: 35px;
background-color: #208fe0;
border: 1px solid #2273c8;
}
#webzine-main .topic-type2 .topic-index > ul {
height: 34px;
overflow: hidden;
margin: 2px 1px -1px 1px;
padding: 0 1px;
}
#webzine-main .topic-type2 .split-column .topic-index > ul > li {
float: left;
width: 100%;
height: 34px;
overflow: hidden;
*margin-right: -1px;
}
#webzine-main .topic-type2 .split-column.split-1 .topic-index > ul > li {
width: 100%;
}
#webzine-main .topic-type2 .split-column.split-2 .topic-index > ul > li {
width: 50%;
}
#webzine-main .topic-type2 .split-column.split-3 .topic-index > ul > li {
width: 33.333%;
}
#webzine-main .topic-type2 .split-column.split-4 .topic-index > ul > li {
width: 25%;
}
#webzine-main .topic-type2 .split-column.split-5 .topic-index > ul > li {
width: 20%;
}
#webzine-main .topic-type2 .topic-index > ul > li > a {
display: block;
height: 29px;
overflow: hidden;
text-decoration: none;
border: 1px solid #1364b8;
margin: 0 1px;
}
#webzine-main .topic-type2 .topic-index > ul > li > a > span {
display: block;
height: 27px;
overflow: hidden;
color: #ffffff;
text-align: center;
line-height: 27px;
white-space: nowrap;
cursor: pointer;
background: url('/static/webzine/images/bg_blue1.png') repeat-x left top;
border: 1px solid #84d7f5;
}
#webzine-main .topic-type2 .topic-index > ul > li > a.selected {
height: 34px;
border: 0;
}
#webzine-main .topic-type2 .topic-index > ul > li > a:hover > span {
color: #353c42;
font-weight: bold;
letter-spacing: -1px;
background-color: #ffffff;
background-image: url('/static/webzine/images/bg_white1.png');
border-color: transparent;
}
#webzine-main .topic-type2 .topic-index > ul > li > a.selected > span {
height: 32px;
color: #353c42;
font-weight: bold;
letter-spacing: -1px;
background-color: #ffffff;
background-image: url('/static/webzine/images/bg_white1.png');
border-color: #2273c8;
border-bottom: 0;
padding-top: 1px;
}
/* Topic Body */
/* Common */
#webzine-main .topic-type2 .topic-body {
overflow: hidden;
background: #d7e3ec;
border: 1px solid #b1c1d1;
border-top: 0;
padding: 0 0 9px;
}
#webzine-main .topic-type2 .split-column .topic-body {
overflow: hidden;
}
#webzine-main .topic-type2 .split-column .topic-body .topic-body-wrap {
overflow: hidden;
width: 100%;
}
#webzine-main .topic-type2 .topic-body .topic-one {
float: left;
width: 100%;
*margin-right: -1px;
}
#webzine-main .topic-type2 .split-column.split-2 .topic-body .topic-body-wrap {
width: 200%;
}
#webzine-main .topic-type2 .split-column.split-2 .topic-body .topic-body-wrap .topic-one {
width: 50%;
}
#webzine-main .topic-type2 .split-column.split-3 .topic-body .topic-body-wrap {
width: 300%;
}
#webzine-main .topic-type2 .split-column.split-3 .topic-body .topic-body-wrap .topic-one {
width: 33.333%;
}
#webzine-main .topic-type2 .split-column.split-4 .topic-body .topic-body-wrap {
width: 400%;
}
#webzine-main .topic-type2 .split-column.split-4 .topic-body .topic-body-wrap .topic-one {
width: 25%;
}
#webzine-main .topic-type2 .split-column.split-5 .topic-body .topic-body-wrap {
width: 500%;
}
#webzine-main .topic-type2 .split-column.split-5 .topic-body .topic-body-wrap .topic-one {
width: 20%;
}
#webzine-main .topic-type2 .topic-body ul {
overflow: hidden;
}
#webzine-main .topic-type2 .topic-body ul > li {
overflow: hidden;
}
#webzine-main .topic-type2 .topic-body ul > li > a {
text-decoration: none;
}
#webzine-main .topic-type2 .topic-body ul > li > a * {
cursor: pointer;
}
#webzine-main .topic-type2 .topic-body ul > li > a span.text {
color: #000000;
}
/* Type - Image */
#webzine-main .topic-type2 .topic-body ul.type-image > li {
float: left;
width: 145px;
height: 123px;
margin: 10px 0 0 10px;
}
#webzine-main .topic-type2 .topic-body ul.type-image > li > a {
display: block;
height: 121px;
overflow: hidden;
background-color: #ffffff;
border: 1px solid #b3b6b7;
}
#webzine-main .topic-type2 .topic-body ul.type-image > li > a img.image {
display: block;
width: 100%;
height: 121px;
border: 0;
}
#webzine-main .topic-type2 .topic-body ul.type-image > li.imagetext > a img.image {
height: 80px;
}
#webzine-main .topic-type2 .topic-body ul.type-image > li.imagetext > a span.text {
display: block;
height: 41px;
overflow: hidden;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
text-align: center;
line-height: 15px;
padding: 4px 5px 2px;
}
/* Type - Text */
#webzine-main .topic-type2 .topic-body ul.type-text {
margin-top: 10px;
padding-bottom: 3px;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li {
height: 24px;
background: url('/static/webzine/images/icon_rect1.png') no-repeat 5px 11px;
margin: 0 10px;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li > a {
display: block;
height: 24px;
padding-left: 18px;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li > a > span.text {
font-size: 14px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 24px;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li > a:hover > span.text {
text-decoration: underline;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li > a > span.text strong,
#webzine-main .topic-type2 .topic-body ul.type-text > li > a > span.text b {
font-weight: bold;
letter-spacing: -1px;
}
#webzine-main .topic-type2 .topic-body ul.type-text > li > a > span.category {
float: right;
height: 14px;
overflow: hidden;
color: #0000ff;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 14px;
margin: 7px;
}
/* Topic Type 3 */
/* Common */
#webzine-main .topic-type3 {
padding-bottom: 9px;
}
#webzine-main .topic-type3 .focus-title {
height: 13px;
overflow: hidden;
font-weight: bold;
cursor: default;
padding: 10px 13px 2px;
}
#webzine-main .topic-type3 .focus-title a {
display: block;
height: 13px;
text-decoration: none;
margin: -12px -13px 0;
padding: 12px 13px 0;
}
/* Type - Image Text */
#webzine-main .topic-type3 .type-imagetext {
overflow: hidden;
margin-left: 2px;
}
#webzine-main .topic-type3 .type-imagetext .split-column {
overflow: hidden;
}
#webzine-main .topic-type3 .type-imagetext .split-column .split-one {
float: left;
width: 100%;
overflow: hidden;
*margin-right: -1px;
}
#webzine-main .topic-type3 .type-imagetext .split-column.split-2 .split-one {
width: 50%;
}
#webzine-main .topic-type3 .type-imagetext .split-column.split-3 .split-one {
width: 33.333%;
}
#webzine-main .topic-type3 .type-imagetext .split-column.split-4 .split-one {
width: 25%;
}
#webzine-main .topic-type3 .type-imagetext .split-column.split-5 .split-one {
width: 20%;
}
#webzine-main .topic-type3 .type-imagetext dl {
position: relative;
width: 140px;
height: 111px;
overflow: hidden;
margin: 11px auto 0;
}
#webzine-main .topic-type3 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 75px;
overflow: hidden;
}
#webzine-main .topic-type3 .type-imagetext dl > .image img {
width: 140px;
height: 75px;
border: 0;
}
#webzine-main .topic-type3 .type-imagetext dl > .text {
height: 15px;
color: #000000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 15px;
text-align: center;
white-space: nowrap;
margin-top: 79px;
}
#webzine-main .topic-type3 .type-imagetext dl > .text.description {
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
line-height: 14px;
margin-top: 1px;
}
/* Type - Text */
#webzine-main .topic-type3 .type-text {
overflow: hidden;
margin-top: 10px;
}
#webzine-main .topic-type3 .type-text ul > li {
height: 20px;
overflow: hidden;
line-height: 20px;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat 8px 8px;
padding-left: 18px;
}
#webzine-main .topic-type3 .type-text ul > li > a {
color: #000000;
}
#webzine-main .topic-type3 .type-text ul > li > a strong,
#webzine-main .topic-type3 .type-text ul > li > a b {
font-weight: bold;
letter-spacing: -1px;
}
/* Topic Type 4 */
/* Common */
#webzine-main .topic-type4 {
padding-bottom: 9px;
}
#webzine-main .topic-type4 .focus-title {
height: 13px;
overflow: hidden;
font-weight: bold;
cursor: default;
padding: 10px 13px 2px;
}
/* Type - Image Text */
#webzine-main .topic-type4 .type-imagetext {
overflow: hidden;
margin-top: 2px;
padding-bottom: 1px;
}
#webzine-main .topic-type4 .type-imagetext dl {
position: relative;
height: 50px;
overflow: hidden;
margin: 8px 13px 0;
}
#webzine-main .topic-type4 .type-imagetext dl > .text {
height: 18px;
color: #000000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 18px;
white-space: nowrap;
margin-left: 58px;
}
#webzine-main .topic-type4 .type-imagetext dl > .text.description {
height: 30px;
color: #000000;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
line-height: 14px;
margin-top: 2px;
}
#webzine-main .topic-type4 .type-imagetext dl > .text .category {
color: #0000ff;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
}
#webzine-main .topic-type4 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
overflow: hidden;
}
#webzine-main .topic-type4 .type-imagetext dl > .image img {
width: 50px;
height: 50px;
border: 0;
}
/* Topic Type 5 */
/* Common */
#webzine-main .topic-type5 {
border: 2px solid #cfd4d7;
padding-bottom: 10px;
}
#webzine-main .topic-type5 .focus-title {
height: 34px;
overflow: hidden;
text-indent: -10000em;
background: none no-repeat left top;
border-bottom: 1px solid #cfd4d7;
margin-bottom: 4px;
}
#webzine-main .topic-type5 .focus-title a {
display: block;
height: 34px;
}
/* Type - Image Text */
#webzine-main .topic-type5 .type-imagetext {
overflow: hidden;
}
#webzine-main .topic-type5 .type-imagetext dl {
position: relative;
height: 50px;
overflow: hidden;
margin: 10px 13px 0;
}
#webzine-main .topic-type5 .type-imagetext dl > .text {
height: 18px;
color: #000000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
line-height: 18px;
white-space: nowrap;
margin-left: 98px;
}
#webzine-main .topic-type5 .type-imagetext dl > .text.description {
height: 30px;
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: normal;
letter-spacing: normal;
line-height: 14px;
margin-top: 2px;
}
#webzine-main .topic-type5 .type-imagetext dl > .image {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 50px;
overflow: hidden;
}
#webzine-main .topic-type5 .type-imagetext dl > .image img {
width: 90px;
height: 50px;
border: 0;
}
/* Type - Text */
#webzine-main .topic-type5 .type-text {
overflow: hidden;
margin: 0 10px;
}
#webzine-main .topic-type5 .type-imagetext + .type-text {
background: url('/static/webzine/images/bg_line8.png') repeat-x left top;
margin-top: 13px;
padding-top: 7px;
}
#webzine-main .topic-type5 .type-text ul > li {
height: 15px;
overflow: hidden;
line-height: 15px;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 5px;
margin-top: 5px;
padding-left: 8px;
}
#webzine-main .topic-type5 .type-text ul > li > a {
color: #000000;
}
#webzine-main .topic-type5 .type-text ul > li > a strong,
#webzine-main .topic-type5 .type-text ul > li > a b {
font-weight: bold;
letter-spacing: -1px;
}
/* Focus Type 1 - Width: Overwrite */
#webzine-main .focus-type1 .focus-list .focus-one {
overflow: hidden;
}
#webzine-main .focus-type1 .focus-list .focus-one .image img {
width: 100%;
height: 100%;
border: 0;
}
#webzine-main .focus-type1 .focus-list .focus-one .subject {
display: block;
height: 15px;
text-align: center;
white-space: nowrap;
margin: 4px 0 0;
}
#webzine-main .focus-type1 .focus-list .focus-one .subject a {
color: #000000;
line-height: 15px;
}
#webzine-main .focus-type1 .focus-list .focus-one .description {
display: block;
height: 14px;
text-align: center;
white-space: nowrap;
margin: 1px 0 0;
}
#webzine-main .focus-type1 .focus-list .focus-one .description a {
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 14px;
}
/* Focus Type 2 - Width: Overwrite */
#webzine-main .focus-type2 .focus-list {
overflow: hidden;
}
#webzine-main .focus-type2 .focus-list .focus-one {
overflow: hidden;
}
#webzine-main .focus-type2 .focus-list .focus-one .image {
float: left;
}
#webzine-main .focus-type2 .focus-list .focus-one .image img {
width: 100%;
height: 100%;
border: 0;
}
#webzine-main .focus-type2 .focus-list .focus-one .subject {
display: block;
height: 15px;
text-align: left;
white-space: nowrap;
}
#webzine-main .focus-type2 .focus-list .focus-one .subject a {
color: #000000;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-size: 14px;
line-height: 17px;
}
#webzine-main .focus-type2 .focus-list .focus-one .description {
display: block;
height: 30px;
overflow: hidden;
text-align: left;
white-space: nowrap;
}
#webzine-main .focus-type2 .focus-list .focus-one .description a {
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 15px;
}
/* Focus Type 3 - Width: Overwrite */
#webzine-main .focus-type3 .focus-list {
overflow: hidden;
}
#webzine-main .focus-type3 .focus-list .focus-one {
overflow: hidden;
}
#webzine-main .focus-type3 .focus-list .focus-one .image {
float: left;
}
#webzine-main .focus-type3 .focus-list .focus-one .image img {
width: 100%;
height: 100%;
border: 0;
}
#webzine-main .focus-type3 .focus-list .focus-one .subject {
display: block;
height: 15px;
text-align: left;
white-space: nowrap;
}
#webzine-main .focus-type3 .focus-list .focus-one .subject a {
color: #000000;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-size: 14px;
line-height: 17px;
}
#webzine-main .focus-type3 .focus-list .focus-one .description {
display: block;
height: 45px;
overflow: hidden;
text-align: left;
white-space: nowrap;
}
#webzine-main .focus-type3 .focus-list .focus-one .description a {
color: #666666;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 15px;
}
/* News Type 1 - Width: Parent Size */
#webzine-main .news-type1 .comp-image-title {
margin: 12px 0 0 15px;
}
#webzine-main .news-type1 .comp-title-realtime-news {
width: 65px;
}
#webzine-main .news-type1 .focus-part {
float: left;
width: 136px;
}
#webzine-main .news-type1 .focus-part .focus-list {
width: 120px;
margin: 8px 0 16px 15px;
}
#webzine-main .news-type1 .focus-part .focus-list .focus-one {
width: 120px;
}
#webzine-main .news-type1 .focus-part .focus-list .focus-one + .focus-one {
margin: 17px 0 0;
}
#webzine-main .news-type1 .focus-part .focus-list .focus-one .image {
height: 70px;
}
#webzine-main .news-type1 .focus-part .focus-list .focus-one .subject {
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
line-height: 14px;
margin: 8px 0 0;
}
#webzine-main .news-type1 .news-list {
overflow: hidden;
margin: 0 0 0 -9px;
padding: 0 0 9px;
}
#webzine-main .news-type1 .focus-part + .news-list {
margin: 0;
}
#webzine-main .news-type1 .news-list ul {
float: left;
width: 50%;
margin: -2px 0 0;
overflow: hidden;
}
#webzine-main .news-type1 .news-list ul li {
height: 20px;
line-height: 13px;
margin: 0 0 0 21px;
white-space: nowrap;
overflow: hidden;
}
#webzine-main .news-type1 .news-list.with-bullet ul li {
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 5px;
padding-left: 8px;
}
#webzine-main .news-type1 .focus-part + .news-list ul li {
margin: 0 0 0 10px;
}
#webzine-main .news-type1 .news-list ul li.row0 {
margin-top: 10px;
}
#webzine-main .news-type1 .news-list ul li a {
color: #000000;
}
#webzine-main .news-type1 .news-list ul li .category,
#webzine-main .news-type1 .news-list ul li .categoryname {
color: #0000ff;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
}
#webzine-main .news-type1 .news-list ul li .comments {
color: #7197ed;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: bold;
letter-spacing: -1px;
}
/* Board Type 1 - Width: Parent Size */
#webzine-main .board-type1 {
overflow: auto;
}
#webzine-main .board-type1 ul li {
height: 20px;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 4px;
padding: 0 0 0 10px;
}
#webzine-main .board-type1 ul li a {
color: #000000;
line-height: 15px;
}
#webzine-main .board-type1 ul li .comments {
color: #ff8578;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
}
/* Board Type 2 - Width: Parent Size */
#webzine-main .board-type2 {
overflow: auto;
}
#webzine-main .board-type2 ul li {
height: 18px;
white-space: nowrap;
background: url('/static/webzine/images/icon_rect1.png') no-repeat left 5px;
padding: 0 0 0 10px;
}
#webzine-main .board-type2 ul li a {
color: #000000;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-size: 11px;
line-height: 14px;
}
#webzine-main .board-type2 ul li .comments {
color: #7197ed;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: bold;
letter-spacing: -1px;
}
/* Comp Type */
/* Banner Type 1 */
#webzine-main .comp-banner1 a {
float: right;
}
#webzine-main .comp-banner1 img {
width: 490px;
height: 100px;
}
/* Banner Type 2 */
#webzine-main .com-banner2 {
float: right;
width: 300px;
height: 100px;
background: #ffffff;
}
/* Focus Type 1 */
#webzine-main .comp-focus1 .focus-group1 {
overflow: hidden;
margin: 2px 0 1px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-image-title {
margin: 10px 0 0 13px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-list {
width: 302px;
margin: 4px 0 0 2px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-list .focus-one {
float: left;
width: 140px;
margin: 5px 0 0 11px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-list .focus-one .image {
height: 75px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-list .focus-one .subject {
margin-top: 9px;
}
#webzine-main .comp-focus1 .focus-group1 .focus-list .focus-one .description {
margin-top: 3px;
}
#webzine-main .comp-focus1 .focus-group2 {
overflow: hidden;
margin: 2px 0 0;
padding: 0 0 10px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-image-title {
margin: 10px 0 0 13px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list {
margin: 5px 0 0 2px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list .focus-one {
width: 300px;
margin: 5px 0 0 11px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list .focus-one .image {
width: 102px;
height: 88px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list .focus-one .subject {
margin: 8px 0 0 112px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list .focus-one .subject .review {
width: 37px;
height: 17px;
border: 0;
vertical-align: middle;
margin: 0 0 3px 5px;
}
#webzine-main .comp-focus1 .focus-group2 .focus-list .focus-one .description {
margin: 10px 0 0 112px;
}
/* Focus Type 2 */
#webzine-main .comp-focus2 .comp-image-title {
margin: 12px 0 0 15px;
}
#webzine-main .comp-focus2 .focus-list {
width: 780px;
margin: 0 0 0 1px;
padding: 0 0 10px;
}
#webzine-main .comp-focus2 .focus-list .focus-one {
float: left;
width: 140px;
margin: 8px 0 0 16px;
padding: 0 0 5px;
}
#webzine-main .comp-focus2 .focus-list .focus-one .image {
height: 75px;
}
#webzine-main .comp-focus2 .focus-list .focus-one .subject {
margin: 8px 0 0;
}
/* Board Type 1 */
#webzine-main .comp-board1 .comp-image-title {
margin: 12px 0 0 15px;
}
#webzine-main .comp-board1 .comp-image-title .comp-title-user-experience {
width: 100px;
}
#webzine-main .comp-board1 .comp-image-title .comp-title-user-news {
width: 89px;
}
#webzine-main .comp-board1 .focus-part {
padding: 0 0 10px;
}
#webzine-main .comp-board1 .focus-part .focus-list {
margin: 0 0 0 15px;
}
#webzine-main .comp-board1 .focus-part .focus-list .focus-one {
margin: 7px 0 0;
}
#webzine-main .comp-board1 .focus-part .focus-list .focus-one .image {
width: 120px;
height: 70px;
}
#webzine-main .comp-board1 .focus-part .focus-list .focus-one .subject {
margin: 8px 10px 0 130px;
}
#webzine-main .comp-board1 .focus-part .focus-list .focus-one .description {
margin: 9px 10px 0 130px;
}
#webzine-main .comp-board1 .list-part {
margin: 6px 0 0 15px;
padding: 0 0 4px;
}
#webzine-main .comp-movie1 .comp-image-title {
margin: 12px 0 0 15px;
}
/* Board Type 2 */
#webzine-main .comp-board2 {
background: #ebedef;
}
#webzine-main .comp-board2 .comp-image-title {
height: 31px;
background-color: #ffffff;
background-position: 15px center;
border-bottom: 1px solid #cfd4d7;
}
#webzine-main .comp-board2 .focus-group {
float: left;
width: 259px;
overflow: hidden;
margin: 10px 0 0;
padding: 0 5px 16px 0;
}
#webzine-main .comp-board2 .focus-group + .focus-group .focus-group-inner {
background: url('/static/webzine/images/bg_line2.png') repeat-y left top;
}
#webzine-main .comp-board2 .focus-group .focus-group-title {
position: relative;
height: 15px;
color: #000000;
font-weight: bold;
letter-spacing: -1px;
margin: 2px 0 0 17px;
}
#webzine-main .comp-board2 .focus-group .focus-group-title .more {
position: absolute;
top: 5px;
right: 7px;
display: block;
width: 25px;
height: 5px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/webzine/images/icon_more1.png') no-repeat left top;
}
#webzine-main .comp-board2 .focus-group .list-part {
overflow: hidden;
margin: 7px 0 -8px 17px;
}
/* Special Type 2 */
/* Default */
#webzine-main .special-type2 {
position: relative;
}
#webzine-main .special-type2 .comp-title {
height: 35px;
line-height: 37px;
background: url('/static/webzine/images/bg_special_title1.png') repeat-x left top;
border: solid 1px #b1c1cb;
padding-left: 8px;
font-weight: bold;
letter-spacing: -1px;
position: relative;
display: block;
}
#webzine-main .special-type2 .comp-title.image-title {
overflow: hidden;
text-indent: -1000em;
background-repeat: no-repeat;
}
#webzine-main .special-type2 .more {
display: block;
position: absolute;
width: 25px;
height: 5px;
right: 11px;
top: 16px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/webzine/images/icon_more1.png') no-repeat left top;
z-index: 1;
}
#webzine-main .special-type2 .comp-title.image-title .more {
right: 12px;
top: 17px;
}
#webzine-main .special-type2 .comp-one-wrap {
border: solid 1px #a9acb1;
border-top: 0;
background: #ffffff;
padding-top: 1px;
}
#webzine-main .special-type2 .comp-one-body {
padding: 0 8px;
text-align: center;
height: 246px;
overflow: hidden;
}
#webzine-main .special-type2 .comp-one-body .part-one {
background: url('/static/webzine/images/bg_line9.png') repeat-x left top;
padding-top: 2px;
margin-top: 7px;
}
#webzine-main .special-type2 .comp-one-body .part-one:first-child {
background: none;
padding-top: 0px;
}
#webzine-main .special-type2 .focus-part .list {
width: 300px;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 auto;
}
#webzine-main .special-type2 .focus-part dl {
float: left;
display: inline;
width: 140px;
height: 110px;
overflow: hidden;
position: relative;
margin: 4px 5px 2px;
}
#webzine-main .special-type2 .focus-part dl dt {
}
#webzine-main .special-type2 .focus-part dl dt img {
width: 140px;
height: 75px;
vertical-align: top;
border: 0;
}
#webzine-main .special-type2 .focus-part dl dd {
margin-top: 6px;
}
#webzine-main .special-type2 .focus-part dl dd .subject,
#webzine-main .special-type2 .focus-part dl dd .subject a {
color: #000000;
line-height: 16px;
font-weight: bold;
letter-spacing: -1px;
}
#webzine-main .special-type2 .focus-part dl dd .content {}
#webzine-main .special-type2 .focus-part dl dd .content,
#webzine-main .special-type2 .focus-part dl dd .content a {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
line-height: 15px;
color: #666666;
}
#webzine-main .special-type2 .list-part .list {
padding: 6px 0 4px;
text-align: left;
}
#webzine-main .special-type2 .list-part ul {
padding: 0 5px;
}
#webzine-main .special-type2 .list-part ul li {
padding: 4px 0 1px 0;
white-space: nowrap;
overflow: hidden;
}
#webzine-main .special-type2 .list-part ul li,
#webzine-main .special-type2 .list-part ul li a {
color: #000000;
line-height: 15px;
}
#webzine-main .special-type2 .list-part ul li .category {
font-family: "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
color: #285dd6;
}
/* Theme : Blue 1 */
#webzine-main .special-type2.theme-blue1 .comp-title {
border-color: #b1c1cb;
background-position: left top;
}
#webzine-main .special-type2.theme-blue1 .comp-one-wrap {
border-color: #b1c1cb;
}
#webzine-main .special-type2.theme-blue1 .comp-one-body {
background-color: #d4e1f3;
}
#webzine-main .special-type2.theme-blue1 .focus-part dl dd .subject,
#webzine-main .special-type2.theme-blue1 .focus-part dl dd .subject a {
color: #000000;
}
#webzine-main .special-type2.theme-blue1 .focus-part dl dd .content {}
#webzine-main .special-type2.theme-blue1 .focus-part dl dd .content,
#webzine-main .special-type2.theme-blue1 .focus-part dl dd .content a {
color: #666666;
}
#webzine-main .special-type2.theme-blue1 .list-part ul li,
#webzine-main .special-type2.theme-blue1 .list-part ul li a {
color: #000000;
}
/* Main News 1 */
#webzine-main .main-news1 .transition {
transition-delay: 0;
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-duration: 0.5s;
}
#webzine-main .main-news1 .card-tab {
background: #a0a0a0;
}
#webzine-main .main-news1 .card-tab * {
font-family: "Malgun Gothic", "맑은 고딕";
font-size: 14px;
}
#webzine-main .main-news1 .card-tab ul {
overflow: hidden;
}
#webzine-main .main-news1 .card-tab ul li {
float: left;
}
#webzine-main .main-news1 .card-tab ul.split-5 li {
width: 20%;
}
#webzine-main .main-news1 .card-tab ul.split-4 li {
width: 25%;
}
#webzine-main .main-news1 .card-tab ul.split-3 li {
width: 33.3%;
}
#webzine-main .main-news1 .card-tab ul.split-2 li {
width: 50%;
}
#webzine-main .main-news1 .card-tab ul.split-1 li {
width: 100%;
}
#webzine-main .main-news1 .card-tab ul li > span {
display: block;
}
#webzine-main .main-news1 .card-tab ul li a {
display: block;
text-decoration: none;
}
#webzine-main .main-news1 .card-tab ul li a span {
display: block;
height: 43px;
overflow: hidden;
line-height: 43px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
transition-property: background;
}
#webzine-main .main-news1 .card-tab ul li a:hover span {
background: #737373;
}
#webzine-main .main-news1 .card-tab ul li a.selected span {
background: #3c3c3c;
}
#webzine-main .main-news1 .card-samples {
display: none;
}
#webzine-main .main-news1 .card-list {
overflow: hidden;
background: #ededed;
border: 1px solid #c0c0c0;
border-top: 0;
padding: 5px 4px;
}
#webzine-main .main-news1 .card-tab + .card-list {
border-top: 0;
}
#webzine-main .main-news1 .card-list .card-one {
position: relative;
display: block;
float: left;
width: 253px;
height: 212px;
overflow: hidden;
text-decoration: none;
margin: 5px;
transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
}
#webzine-main .main-news1 .card-list .card-one:hover {
-moz-box-shadow: 0 0 3px #616161;
-webkit-box-shadow: 0 0 3px #616161;
box-shadow: 0 0 3px #616161;
}
#webzine-main .main-news1 .card-list .card-one a {
display: block;
text-decoration: none;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .card-wrap {
display: block;
width: 251px;
height: 210px;
overflow: hidden;
color: #333333;
background: #ffffff;
border: 1px solid #bbbaba;
transition-property: background;
}
/*
#webzine-main .main-news1 .card-list .card-one.type-news1:hover .card-wrap {
background: #02a6ff;
}
*/
#webzine-main .main-news1 .card-list .card-one.type-news1:hover .card-wrap * {
color: #ed3f40 !important;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .thumbnail {
display: block;
width: 251px;
height: 144px;
vertical-align: top;
border-bottom: 1px solid #bbbaba;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .subject-line {
display: block;
font-weight: bold;
letter-spacing: -1px;
line-height: 17px;
font-size: 14px;
height: 34px;
margin: 12px 9px 0;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .title {
color: #2183df;
color: #ed3f40;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .subject {
color: #333333;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .author {
display: block;
height: 30px;
overflow: hidden;
margin: 20px 0 0 10px;
line-height: 15px;
font-size: 12px;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .author .icon {
float: left;
width: 30px;
height: 30px;
background: #ffffff;
border: 0;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .author .nickname {
display: block;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 0 37px;
color: #333333
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .author .signature {
display: block;
color: #333333;
margin: 0 0 0 37px;
}
#webzine-main .main-news1 .card-list .card-one.type-news1 .comments {
position: absolute;
right: 7px;
bottom: 10px;
width: 32px;
height: 23px;
display: block;
background: url('/static/webzine/images/bg_comments1.png') no-repeat left top;
line-height: 23px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-align: center;
}
#webzine-main .main-news1 .card-list .card-one.type-news1:hover .card-wrap .comments {
color: #ffffff !important;
}
#webzine-main .main-news1 .card-list .card-one.type-image1 .card-wrap {
display: block;
width: 253px;
height: 253px;
overflow: hidden;
}
#webzine-main .main-news1 .card-list .card-one.type-image1 img {
display: block;
width: 100%;
height: 100%;
}
#webzine-main .main-news1 .card-list .card-one.type-external1 {
background: #ffffff;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 {
width: 249px;
height: 249px;
overflow: hidden;
border: 2px solid transparent;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .title {
display: block;
height: 34px;
overflow: hidden;
border-bottom: 1px solid transparent;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .title a {
display: block;
height: 34px;
overflow: hidden;
text-indent: -10000em;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .image-part {
display: block;
width: 230px;
height: 90px;
overflow: hidden;
margin: 10px;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .image-part a {
display: block;
text-decoration: none;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .image-part img {
position: relative;
z-index: 1;
width: 230px;
height: 90px;
border: 0;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .image-part .subject {
position: relative;
z-index: 2;
display: block;
height: 25px;
overflow: hidden;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
line-height: 25px;
text-align: center;
background: url('/static/webzine/images/bg_black1.png') repeat left top;
margin-top: -25px;
padding: 0 5px;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .list-part ul {
margin-top: 11px;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .list-part ul li {
display: block;
overflow: hidden;
line-height: 16px;
background: #b1acf7;
border: 1px solid #675def;
margin: 5px 10px;
}
#webzine-main .main-news1 .card-list .card-one .card-external-type1 .list-part ul li a {
display: block;
height: 32px;
overflow: hidden;
line-height: 16px;
text-decoration: none;
padding: 5px;
}
/* Special Parts */
/* Common */
#webzine-main .tig-community .community-head {
height: 35px;
overflow: hidden;
background: url('/static/webzine/images/bg_line3.png') repeat-x left top;
border: 1px solid #cfd4d7;
}
#webzine-main .tig-community .community-head .title {
height: 35px;
overflow: hidden;
text-indent: -100000em;
background: url('/static/webzine/images/text5.png') no-repeat left center;
margin: 0 0 0 17px;
}
#webzine-main .tig-community .community-body {
background: #f3f3f3;
border: 1px solid #cfd4d7;
}
#webzine-main .tig-community .community-head + .community-body {
border-top: 0;
}
#webzine-main .tig-community .community-body .body-group {
background: url('/static/webzine/images/bg_line4.png') repeat-x left top;
margin: 0 10px;
padding: 2px 0 0;
}
#webzine-main .tig-community .community-body .body-group:first-child {
background: none;
padding: 0;
}
#webzine-main .tig-community .community-body .body-group .body-inner {
margin: 0 -10px;
}
#webzine-main .tig-community .community-body .part-title {
height: 12px;
overflow: hidden;
text-indent: -10000em;
background: none no-repeat left center;
}
/* Gamer Hotissue */
#webzine-main .tig-community .community-body .part-gamer-hotissue {
overflow: hidden;
padding: 0 0 6px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-title {
background-image: url('/static/webzine/images/text6.png');
margin: 12px 0 0 20px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-left {
float: left;
width: 400px;
overflow: hidden;
margin: 0 0 0 5px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-left .focus-one {
float: left;
width: 190px;
height: 213px;
overflow: hidden;
margin: 11px 0 0 10px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-left .focus-one .image {
width: 190px;
height: 150px;
overflow: hidden;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-left .focus-one .subject {
text-align: center;
margin: 8px 0 0;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-left .focus-one .description {
text-align: center;
margin: 6px 0 0;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right {
margin: 0 0 0 422px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .focus-one {
width: 370px;
height: 70px;
overflow: hidden;
padding: 11px 0 0 22px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .focus-one .image {
width: 120px;
height: 70px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .focus-one .subject {
margin: 7px 0 0 130px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .focus-one .description {
margin: 12px 0 0 130px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul {
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li {
height: 20px;
margin: 0 0 0 23px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li.row0 {
margin-top: 13px;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li a {
color: #000000;
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li .category,
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li .categoryname {
color: #0000ff;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
}
#webzine-main .tig-community .community-body .part-gamer-hotissue .part-right .news-list ul li .comments {
color: #7197ed;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
}
/* Board List */
#webzine-main .tig-community .community-body .part-board-list {
overflow: hidden;
}
#webzine-main .tig-community .community-body .part-board-list .body-split {
float: left;
width: 33.3%;
background: url('/static/webzine/images/bg_line5.png') repeat-y left top;
margin: 20px 0;
}
#webzine-main .tig-community .community-body .part-board-list .body-split-inner {
margin: -10px 0;
padding: 0 0 0 2px;
}
#webzine-main .tig-community .community-body .part-board-list .body-split:first-child {
background: none;
padding: 0;
}
#webzine-main .tig-community .community-body .part-board-list .board-title {
position: relative;
height: 15px;
color: #000000;
font-weight: bold;
letter-spacing: -1px;
margin: 2px 0 0 17px;
}
#webzine-main .tig-community .community-body .part-board-list .board-title .more {
position: absolute;
top: 5px;
right: 13px;
display: block;
width: 25px;
height: 5px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/mobile/images/icon_more1.png') no-repeat left top;
}
#webzine-main .tig-community .community-body .part-board-list .list-part {
overflow: hidden;
margin: 7px 0 -8px 17px;
}
/* Gallery */
#webzine-main .tig-community .community-body .part-gallery {
overflow: hidden;
padding: 0 0 6px;
}
#webzine-main .tig-community .community-body .part-gallery .part-title {
position: relative;
height: 12px;
margin: 12px 0 0 20px;
}
#webzine-main .tig-community .community-body .part-gallery .part-title a {
display: block;
width: 35px;
height: 12px;
background: url('/static/webzine/images/text7.png') no-repeat left top;
}
#webzine-main .tig-community .community-body .part-gallery .part-title .more {
position: absolute;
top: 6px;
right: 14px;
display: block;
width: 25px;
height: 5px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/mobile/images/icon_more1.png') no-repeat left top;
}
#webzine-main .tig-community .community-body .part-gallery .focus-list {
margin: 0 0 0 1px;
}
#webzine-main .tig-community .community-body .part-gallery .focus-list .focus-one {
float: left;
width: 140px;
height: 98px;
overflow: hidden;
margin: 9px 0 0 16px;
}
#webzine-main .tig-community .community-body .part-gallery .focus-list .focus-one .image {
height: 75px;
}
/* AD */
#FloatLayer1 {
position: absolute;
left: 50% !important;
margin-left: -425px !important;
top: 200px !important;
width: 560px !important;
height: 200px !important;
z-index: 9999 !important;
display: none;
}
#FloatLayer2 {
position: absolute !important;
left: 50% !important;
margin-left: 550px !important;
top: 84px !important;
width: 70px !important;
height: 70px !important;
z-index: 9999 !important;
background-color: transparent;
display: none;
}
#ad-wing {
padding-top: 179px;
height: 830px;
margin-bottom: -1009px;
position: relative;
/* overflow: hidden; */
}
#ad-wing img {
border: 0;
vertical-align: top;
position: absolute;
}
#ad-wing #ad-wing-left {
display: block;
position: absolute;
right: 50%;
margin-right: 555px;
width: 440px;
height: 800px;
overflow: hidden;
margin-top: 18px;
}
#ad-wing #ad-wing-left img {
left: 0;
}
#ad-wing #ad-wing-right {
display: block;
position: absolute;
left: 50%;
margin-left: 555px;
width: 440px;
height: 800px;
overflow: hidden;
margin-top: 18px;
}
#ad-wing #ad-wing-right img {
right: 0;
}
#ad-wing #ad-wing-left1 {
display: block;
position: absolute;
right: 50%;
margin-right: 555px;
width: 440px;
height: 800px;
overflow: hidden;
}
#ad-wing #ad-wing-right1 {
display: block;
position: absolute;
left: 50%;
margin-left: 555px;
width: 440px;
height: 800px;
overflow: hidden;
}
.site-webzine.webzine-layout #ad-ti {
margin: 0 auto;
width: 560px;
}
.site-webzine.webzine-layout #ad-ti > * {
top: 297px;
}
.site-webzine.webzine-layout #ad-ti-reminder {
margin-left: 550px;
top: 84px;
}
/* TIG Help */
#tig-help .help-title {
width: 800px;
height: 88px;
overflow: hidden;
text-indent: -10000em;
background: url('/static/webzine/images/title_help1.png') no-repeat left top;
}
#tig-help .help-boards {
overflow: hidden;
width: 810px;
margin: 22px 0 0 -10px;
}
#tig-help .help-board {
float: left;
width: 395px;
margin: 10px 0 0 10px;
}
#tig-help .wide .help-board {
float: none;
width: 800px;
}
#tig-help .help-board .board-title {
position: relative;
height: 19px;
overflow: hidden;
background: url('/static/webzine/images/icon_circle1.png?v=1') no-repeat 7px 2px;
border-bottom: 1px solid #afafaf;
padding: 0 0 0 21px;
}
#tig-help .help-board .board-title a {
color: #555555;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: bold;
letter-spacing: -1px;
line-height: 14px;
}
#tig-help .help-board .board-title .more {
position: absolute;
top: 4px;
right: 15px;
display: block;
width: 25px;
height: 5px;
overflow: hidden;
text-indent: -100000em;
cursor: pointer;
background: url('/static/webzine/images/icon_more1.png') no-repeat left top;
}
#tig-help .help-board .board-list ul {
margin: 11px 0 0;
}
#tig-help .help-board .board-list ul li {
height: 20px;
overflow: hidden;
white-space: nowrap;
background: url('/static/webzine/images/icon_arrow5.png') no-repeat 10px 6px;
padding: 0 0 0 20px;
}
#tig-help .help-board .board-list ul li a {
color: #000000;
}
#tig-help .help-board .board-list ul li .comments {
color: #7197ED;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-weight: bold;
letter-spacing: -1px;
}
#tig-help .help-board .faq-list ul {
overflow: hidden;
margin: 6px 0 0;
}
#tig-help .help-board .faq-list ul a {
color: #000000;
font-weight: bold;
letter-spacing: -1px;
}
#tig-help .help-board .faq-list ul li {
float: left;
width: 25%;
height: 25px;
text-indent: 10px;
margin: 4px 0 0;
}
#tig-help .help-board .faq-list ul li .icon {
display: inline-block;
width: 25px;
height: 25px;
overflow: hidden;
vertical-align: middle;
background: url('/static/webzine/images/icon_faq1.png') no-repeat left top;
margin: 0 0 3px;
}
#tig-help .help-board .faq-list ul li .icon.icon1 {
background-position: 0px 0px;
}
#tig-help .help-board .faq-list ul li .icon.icon2 {
background-position: -25px 0px;
}
#tig-help .help-board .faq-list ul li .icon.icon3 {
background-position: -50px 0px;
}
#tig-help .help-board .faq-list ul li .icon.icon4 {
background-position: -75px 0px;
}
#tig-help .help-board .faq-list ul li .icon.icon5 {
background-position: 0px -25px;
}
#tig-help .help-board .faq-list ul li .icon.icon6 {
background-position: -25px -25px;
}
#tig-help .help-board .faq-list ul li .icon.icon7 {
background-position: -50px -25px;
}
#tig-help .help-board .faq-list ul li .icon.icon8 {
background-position: -75px -25px;
}
#tig-help .about-tig {
border: solid 1px #c5cad2;
background: #ffffff;
margin: 30px 0 0;
padding-top: 1px;
}
#tig-help .about-tig .comp-title {
height: 27px;
line-height: 28px;
overflow: hidden;
padding-left: 10px;
background: #e2e5ea none no-repeat 11px center;
border-bottom: solid 1px #c5cad2;
}
#tig-help .about-tig .comp-title.image-title1 {
text-indent: -1000em;
background-image: url('/static/webzine/images/text_tig_help2.png');
}
#tig-help .about-tig .comp-wrap {
border-top: solid 1px #ffffff;
background: #eeeeee;
}
#tig-help .about-tig .comp-body {
text-align: center;
padding: 11px 0;
}
#tig-help .about-tig .comp-body ul {
}
#tig-help .about-tig .comp-body ul li {
display: inline-block;
vertical-align: top;
width: 85px;
height: 55px;
zoom: 1;
padding-left: 2px;
background: url('/static/webzine/images/sep_2x25_gray1.png') no-repeat left 10px;
position: relative;
}
#tig-help .about-tig .comp-body ul li:first-child {
background: none;
padding-left: 0;
}
#tig-help .about-tig .comp-body ul li img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
/* News - Game Event */
/* Basic Layout */
#webzine-news-game-event {
}
/* Comp : Title */
#webzine-news-game-event .comp-title {
border-bottom: solid 1px #e5e5e5;
padding: 7px 0 7px;
}
#webzine-news-game-event .comp-title h2 {
text-indent: -1000em;
height: 14px;
overflow: hidden;
background: url('/static/webzine/images/title_text_game_event1.png') no-repeat left top;
}
/* Comp : Banner */
#webzine-news-game-event .comp-banner {
padding-top: 10px;
}
/* Comp : List */
#webzine-news-game-event .comp-list {
margin-top: -10px;
}
#webzine-news-game-event .comp-list .event-group {
border-top: solid 1px #fac46f;
border-bottom: dotted 1px #c3c3c3;
margin-top: 20px;
}
#webzine-news-game-event .comp-list .event-group .title {
background: #f9f9f9;
padding: 6px 10px 4px;
margin-top: 1px;
}
#webzine-news-game-event .comp-list .event-group .title h3 {
height: 16px;
overflow: hidden;
text-indent: -1000em;
background: url('/static/webzine/images/title_text_game_event_class1.png') no-repeat left -144px;
}
#webzine-news-game-event .comp-list .event-group .title h3.gstar { background-position: 0 -0px; }
#webzine-news-game-event .comp-list .event-group .title h3.e3 { background-position: 0 -24px; }
#webzine-news-game-event .comp-list .event-group .title h3.gamescom { background-position: 0 -48px; }
#webzine-news-game-event .comp-list .event-group .title h3.tgs { background-position: 0 -72px; }
#webzine-news-game-event .comp-list .event-group .title h3.chinajoy { background-position: 0 -96px; }
#webzine-news-game-event .comp-list .event-group .title h3.blizzcon { background-position: 0 -120px; }
#webzine-news-game-event .comp-list .event-group .title h3.etc { background-position: 0 -144px; }
#webzine-news-game-event .comp-list .event-group .list {
margin-top: 1px;
border-top: solid 1px #ececec;
padding: 2px 10px;
}
#webzine-news-game-event .comp-list .event-group .list ul {
display: inline-block;
width: 100%;
}
#webzine-news-game-event .comp-list .event-group .list ul li {
float: left;
display: inline;
width: 20%;
text-indent: 9px;
overflow: hidden;
padding: 4px 0 5px;
line-height: 15px;
white-space: nowrap;
background: url('/static/webzine/images/icon_arrow_gray1.png') no-repeat left 10px;
}
#webzine-news-game-event .comp-list .event-group .list ul.wider li {
width: 50%;
}
#webzine-news-game-event .comp-list .event-group .list ul li,
#webzine-news-game-event .comp-list .event-group .list ul li a {
color: #606060;
}
/* Event */
/* Common */
#webzine-event-main {
margin: 10px 0 0;
}
/* Evemt Title 1 */
#webzine-event-main .event-title1 {
position: relative;
height: 88px;
overflow: hidden;
background: url('/static/webzine/images/title_event1.png') no-repeat left top;
}
/* Premium Event 1 */
#webzine-event-main .premium-event1 .title {
display: block;
border-bottom: 2px solid #cd2d27;
padding: 15px 0 0;
}
#webzine-event-main .premium-event1 .title-inner {
display: block;
height: 24px;
color: #000000;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
font-size: 14px;
line-height: 17px;
font-weight: bold;
letter-spacing: -1px;
background: url('/static/mobile/images/icon_rect2.png') no-repeat 12px 5px;
border-bottom: 1px solid #ff5e3c;
padding: 0 0 0 25px;
}
#webzine-event-main .premium-event1 .event-list {
width: 813px;
overflow: hidden;
margin: 0 0 0 -13px;
}
#webzine-event-main .premium-event1 .event-list .event-one {
float: left;
width: 190px;
height: 288px;
overflow: hidden;
background: #3d404a;
margin: 10px 0 0 13px;
}
#webzine-event-main .premium-event1 .event-list .event-one .event-banner {
width: 190px;
height: 220px;
border: 0;
}
#webzine-event-main .premium-event1 .event-list .event-one .event-detail {
position: relative;
display: block;
height: 68px;
overflow: hidden;
}
#webzine-event-main .premium-event1 .event-list .event-one .event-detail .gamename {
position: absolute;
top: 10px;
left: 13px;
color: #ff553e;
font-weight: bold;
letter-spacing: -1px;
white-space: nowrap;
}
#webzine-event-main .premium-event1 .event-list .event-one .event-detail .description {
position: absolute;
top: 29px;
left: 13px;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
white-space: nowrap;
}
#webzine-event-main .premium-event1 .event-list .event-one .event-detail .date {
position: absolute;
top: 48px;
left: 13px;
color: #ffffff;
font-size: 11px;
font-family: "Malgun Gothic", "맑은 고딕", Dotum, "돋움";
white-space: nowrap;
}
/* Event List 1 */
#webzine-event-main .event-list1 {
margin: 15px 0 0;
}
#webzine-event-main .event-list1 .event-types {
display: block;
height: 30px;
overflow: hidden;
border-bottom: 1px solid #15a906;
}
#webzine-event-main .event-list1 .event-types ul {
height: 29px;
border-bottom: 1px solid #4dd42a;
margin: 0 0 0 -4px;
}
#webzine-event-main .event-list1 .event-types ul li {
float: left;
margin: 0 0 0 4px;
}
#webzine-event-main .event-list1 .event-types .event-type {
display: block;
width: 113px;
height: 28px;
overflow: hidden;
text-align: center;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none;
line-height: 30px;
background: #87898f;
border: 1px solid #aaacb2;
border-bottom: 0;
}
#webzine-event-main .event-list1 .event-types .selected .event-type,
#webzine-event-main .event-list1 .event-types .event-type:hover {
background: #19b507;
border-color: #4dd42a;
}
#webzine-event-main .event-paging {
margin-top: 8px;
}
/* Top - Freebbs2 20151113 */
body.viewtype-pc .pad-top-freebbs2 {
overflow: hidden;
min-height: 109px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part {
margin-left: 0px;
margin-top: 5px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-line {
overflow: hidden;
margin-left: -5px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-one {
margin-top: 5px;
overflow: hidden;
width: 50%;
float: left;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-title {
display: block;
margin-left: 5px;
height: 31px;
line-height: 33px;
white-space: nowrap;
overflow: hidden;
border: 1px solid #b4b3b3;
background: #cccccc url('/static/pad/images/bg_gray3.png') repeat-x left top;
color: #000000;
font-weight: bold;
letter-spacing: -1px;
padding: 0 8px;
position: relative;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-title .more {
display: block;
position: absolute;
width: 34px;
height: 6px;
right: 8px;
top: 13px;
background: url('/static/pad/images/text_more1.png') no-repeat left top;
overflow: hidden;
text-indent: -1000em;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body {
border: 1px solid #b4b3b3;
border-top: 0;
background: #f0f0f0;
margin-left: 5px;
padding: 9px 7px;
overflow: hidden;
text-align: left;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body .list {
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul {
height: 100px;
overflow: hidden;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li {
padding: 4px 0 1px 9px;
background: url('/static/pad/images/icon_arrow_gray3.png') no-repeat left 9px;
white-space: nowrap;
overflow: hidden;
height: 15px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li,
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li a {
color: #333333;
line-height: 15px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li .iconimg {
vertical-align: middle;
margin: -4px 0 -1px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li .comments {
color: #006cff;
font-family: "돋움", Dotum, Apple SD Gothic Neo;
font-size: 11px;
}
body.viewtype-pc .pad-top-freebbs2 .board-part .board-body ul li .categoryText {
color: #eb6877;
font-family: 돋움, Dotum, Apple SD Gothic Neo;
font-size: 12px;
margin-right:5px;
}
/* NDC BANNER 20160421 */
#webzine-main .ndc-list {
background: url('/static/webzine/images/ndc_bg.png') no-repeat left top;
width:800px;
height:278px;
padding:10px 0 0 126px;
position:relative;
}
#webzine-main .ndc-list .detail-btn{
position:absolute;
top:247px;
left:10px;
}
#webzine-main #panles{
width:664px;
height:268px;
position: relative;
overflow:hidden;
background: #000000;
}
#webzine-main #panles .panelHolder{
float:left;
position: relative;
padding-right: 1px;
width:90px;
height:268px;
overflow:hidden;
background:#000000;
}
#webzine-main #panles .contentHolder{
float:left;
position: relative;
background:#000000;
width:390px;
}
#webzine-main #panles .tab{
width:90px;
position: absolute;
z-index: 0;
}
#webzine-main #panles .tab .title{
position:absolute;
top:205px;
left:10px;
color:#ffde00
}
#webzine-main #panles .tab .content{
position:absolute;
top:225px;
left:10px;
color:#ffffff
}
#webzine-main #panles .model{
position: absolute;
opacity: 0;
width:100%;
height:268px;
}
/*
#webzine-main #panles .model a{
position:absolute;
top:202px;
left:22px;
}
*/
#webzine-main #panles .model .link-btn{
position:absolute;
top:202px;
left:22px;
}
#webzine-main #panles .panelTitle.last{
padding: 0;
}
#webzine-main #panles .active.panelHolder{
width: 390px;
}
#webzine-main #panles .active .tab{
opacity: 0;
}
#webzine-main #panles .active .model{
visibility: visible;
z-index: 1;
opacity: 1;
}
/* 프리미엄 특설존 */
#webzine-main .main-ps-zone a{
text-decoration: none;
}
#webzine-main .main-ps-zone .menu-tab {
height:51px;
font-size:15px;
font-weight:bold;
padding-right:5px;
}
#webzine-main .main-ps-zone .menu-tab li {
float:right;
line-height:51px;
cursor:pointer;
}
#webzine-main .main-ps-zone .menu-tab li span:hover {
color:#ed3f40;
}
#webzine-main .main-ps-zone .card-list {
overflow: hidden;
background: #ededed;
border: 1px solid #c0c0c0;
border-top: 0;
padding: 5px 1px;
}
#webzine-main .main-ps-zone .card-list .card-one {
position: relative;
display: block;
float: left;
width: 189px;
height: 230px;
overflow: hidden;
text-decoration: none;
margin: 5px;
transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
}
#webzine-main .main-ps-zone .card-list .card-one .card-wrap {
display: block;
width: 187px;
height: 228px;
overflow: hidden;
color: #333333;
background:#fbfbfb;
border: 1px solid #bbbaba;
transition-property: background;
}
#webzine-main .main-ps-zone .card-list .card-one.type-1 .thumbnail {
display: block;
width: 187px;
height: 228px;
vertical-align: top;
}
#webzine-main .main-ps-zone .card-list .card-one.type-2 .title-line{
display: block;
font-weight: bold;
line-height:48px;
text-align:center;
font-size: 15px;
height: 48px;
color:#a2c302;
}
#webzine-main .main-ps-zone .card-list .card-one.type-2 .title-line2{
display: block;
font-weight: bold;
line-height:30px;
text-align:center;
font-size: 15px;
height: 30px;
padding-top:18px;
color:#a2c302;
}
#webzine-main .main-ps-zone .card-list .card-one.type-2 .subject-line{
display: block;
font-weight: bold;
text-align:center;
font-size: 15px;
height: 100px;
color:#000000;
margin:5px 0px 0px 0px;
letter-spacing : -1px;
display:table;
width:100%;
}
#webzine-main .main-ps-zone .card-list .card-one.type-2 .subject-line span{
vertical-align:middle;
display:table-cell;
padding:0 10px 0 10px;
}
#webzine-main .main-ps-zone .card-list .card-one.type-2 .add-line{
display: block;
text-align:center;
font-size: 12px;
height: 65px;
color:#9c9c9c;
margin:0px 10px 10px 10px;
letter-spacing : -1px
}
#webzine-main .main-ps-zone .card-list .card-one.type-3 .title-line{
display: block;
font-weight: bold;
line-height:48px;
text-align:center;
font-size: 15px;
height: 48px;
color:#a2c302;
margin-bottom:5px;
}
#webzine-main .main-ps-zone .card-list .card-one.type-3 .thumbnail {
display: block;
width: 187px;
height: 109px;
vertical-align: top;
}
#webzine-main .main-ps-zone .card-list .card-one.type-3 .subject-line{
display: block;
font-weight: bold;
text-align:center;
font-size: 14px;
height: 48px;
color:#000000;
margin:10px 10px 10px 10px;
letter-spacing : -1px
}
#webzine-main .main-ps-zone .card-list .card-one.type-4 .title-line{
display: block;
font-weight: bold;
line-height:48px;
text-align:center;
font-size: 15px;
height: 48px;
color:#a2c302;
margin-bottom:5px;
}
#webzine-main .main-ps-zone .card-list .card-one.type-4 .content-line{
display: block;
text-align:left;
font-size: 13px;
height: 165px;
color:#656565;
font-weight:bold;
margin:5px 10px 10px 10px;
letter-spacing : -1px
}
#webzine-main .main-ps-zone .card-list .card-one.type-4 .content-line .line-1{
height:47px;
display: block;
}
#webzine-main .main-ps-zone .card-list .card-one.type-4 .content-line .line-2{
height:44px;
display: block;
border-top: 1px solid #bbbaba;
padding-top:10px;
}
#webzine-main .newcard-list-wrap {
overflow: hidden;
}
/*새로운 메이페이지*/
.newcomp-groups {
overflow: hidden;
width: 805px;
margin: 0px 0 0 -5px;
}
.newcomp-groups .newcomp-group {
width: 800px;
float: left;
margin: -5px 0 0 5px;
}
.newcomp-groups .newcomp-group .newcomp-bg {
margin: 5px 0 10px;
background: #ededed;
border: 1px solid #c0c0c0;
padding: 5px 4px;
}
.newcomp-groups .newcomp-group .newcomp-bg .newcard-list-wrap {
overflow: hidden;
}
.newcomp-groups .newcomp-group .newcomp-bg .margin-bottom-lg {
margin-bottom: 20px;
}
.newcomp-groups .newcomp-group .newcomp-bg .margin-bottom-lg:last-child {
margin-bottom: 0px;
}
.newcomp-groups .newcard-list-title {
height: 35px;
overflow: hidden;
padding-left: 9px;
}
.newcomp-groups .newcard-list-title blockquote {
padding: 0px 5px;
margin: 10px 0 0 0px;
border-left: 5px solid #e5080f;
}
.newcomp-groups .newcard-list-title blockquote h2 {
font-size: 14px;
font-weight: bold;
}
.newcomp-groups .newcard-list .newcard-one .thumbnail {
display: block;
width: 251px;
height: 144px;
vertical-align: top;
border-bottom: 1px solid #bbbaba;
}
.newcomp-groups .newcard-list .newcard-one .new-tier-thumbnail {
display: block;
width: 251px;
height: 105px;
vertical-align: top;
border-bottom: 1px solid #bbbaba;
}
.newcomp-groups .newcard-list .newcard-one .new-tier-logo {
height: 39px;
text-align: center;
}
.newcomp-groups .newcard-list .newcard-one .new-tier-logo img {
height: 39px;
margin: 0px auto;
}
.newcomp-groups .newcard-list .newcard-one .subject-line {
display: block;
font-weight: bold;
letter-spacing: -1px;
line-height: 23px;
font-size: 14px;
height: 48px;
margin: 9px 9px 0;
}
.newcomp-groups .newcard-list .newcard-one {
position: relative;
display: block;
float: left;
width: 253px;
height: 212px;
overflow: hidden;
text-decoration: none;
margin: 5px;
transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
}
.newcomp-groups .newcard-list .newcard-one a {
display: block;
text-decoration: none;
color: #ed3f40;
}
.newcomp-groups .newcard-list .newcard-one .newcard-wrap {
display: block;
width: 251px;
height: 210px;
overflow: hidden;
color: #333333;
background: #ffffff;
border: 1px solid #bbbaba;
transition-property: background;
}
.newcomp-groups .newcard-list .newcard-one a .newcard-wrap:hover {
color: #ed3f40 !important;
}
.newcomp-groups .newcard-list .newcard-one .title {
color: #ed3f40;
}
.newcomp-groups .newcard-list .newcard-one:hover {
-moz-box-shadow: 0 0 3px #616161;
-webkit-box-shadow: 0 0 3px #616161;
box-shadow: 0 0 3px #616161;
}
.newcomp-groups .transition {
transition-delay: 0;
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-duration: 0.5s;
}
.newcomp-groups .newcard-list .newcard-one .comments {
position: absolute;
right: 7px;
bottom: 10px;
width: 25px;
height: 16px;
display: block;
/* background: url(/static/webzine/images/bg_comments1.png) no-repeat left top; */
line-height: 15px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-align: center;
top: 182px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #ed3f40;
}
/*티어존수정*/
.newcomp-groups .newcard-list .newcard-one .bx-wrapper {
border: 0px;
}
.newcomp-groups .newcard-list .newcard-one .bx-wrapper .bx-viewport a {
width: 253px !important;
left: -10px;
}
.btn-group {
position: absolute;
right: 7px;
bottom: 10px;
}
.btn-group button {
background-color: #FFFFFF;
border: 1px solid #e2e2e2;
color: #ea3f38;
font-weight: bold;
cursor: pointer;
float: left;
line-height: 13px;
padding-bottom: 2px;
}
.btn-group button:not(:last-child) {
border-right: none;
}
.btn-group:after {
content: "";
clear: both;
display: table;
}
.btn-group button:hover {
background-color: #ea3f38;
color:#fff
}
.btn-group .left {
border-radius: 20px 0px 0px 20px;
}
.btn-group .right {
border-radius: 0px 20px 20px 0px;
}
/***** 중단 최신기사 시작 *****/
.new-news-groups{
margin: 0px 10px 10px 0px;
background: #ededed;
/*border: 1px solid #c0c0c0;*/
padding: 10px;
width: 440px;
height: 360px;
float: left;
}
.top-news-wrap{
border-top: 4px solid #db3f43;
background: #ffffff;
display: block;
overflow: hidden;
margin-bottom: 10px;
}
.top-news-contents-wp{
border: 1px solid #bbbbbb;
display: block;
overflow: hidden;
height:100px;
}
.top-news-contents-wp .bx-wrapper{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.top-news-contents-wp .img {
float: left;
margin: 10px;
}
.top-news-contents-wp .img img {
width: 130px;
height: 77px;
}
.top-news-contents-wp .contents {
font-size: 14px;
font-weight: bold;
line-height: 1.6em;
padding-left: 150px;
margin: 10px 0px;
padding-right: 15px;
position: absolute;
top: 0px;
}
/*슬라이드버튼*/
.top-news-carousel-wrap {
position: relative;
top: -9px;
left: -9px;
}
.top-news-carousel-bullet {
position: absolute;
bottom: 10px;
right: 2%;
z-index: 15;
width: 60%;
text-align: right;
list-style: none;
}
.top-news-carousel-bullet .active {
width: 5px;
height: 5px;
/*margin: 0;*/
background-color: #ef1515;
}
.top-news-carousel-bullet a {
display: inline-block;
width: 5px;
height: 5px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0,0,0,0);
border: 1px solid #ea0000;
border-radius: 10px;
}
/*버튼끝*/
.top-nesw-list-wrap{
border: 1px solid #bbbbbb;
background: #fff;
padding: 4px 10px 4px 10px;
}
.top-nesw-list-wrap li {
border-bottom: 1px solid #d9d9d9;
/*padding: 10px 0px 11.5px 0px;*/
overflow: hidden;
line-height: 38px;
text-overflow: ellipsis;
white-space: nowrap;
}
.top-nesw-list-wrap li:last-child {
border-bottom: 0px ;
}
.top-nesw-list-wrap li a {
font-size:13px;
}
/* 프리미엄존 */
.premium-zone-wrap{
float: left;
width: 328px;
height: 378px;
margin: 0px 0px 10px 0px;
border: 1px solid #dadada;
}
.tab-wrap {
overflow: hidden;
background-color: #f1f1f1;
}
.tab >li {
display: table-cell;
width: 1%;
text-align: center;
}
.tab li a {
display: block;
padding: 4px 0px 0px 0px;
text-align: center;
}
.tab li a img {
height: 24px;
text-align: center;
vertical-align: bottom;
}
/* .premium-zone-wrap .type0 {
background: #c2c2c2;
color: #000000 !important;
}
.premium-zone-wrap .type1 {
background: #efc517;
color: #000000 !important;
}
.premium-zone-wrap .type2 {
background: #19a5f0;
color: #ffffff !important;
}
.premium-zone-wrap .type3 {
background: #98d731;
color: #000000 !important;
} */
.tabcontent {
display: none;
padding: 9px;
border-top: none;
}
.premium-img {
display: block;
}
.premium-img img {
width: 310px;
height: 110px;
}
.premium-content-wrap{
/*display: table;
width: 310px;
margin: 10px 0px;*/
margin-top: 10px;
}
.premium-content-img{
float: left;
width: 90px;
display: table-cell;
vertical-align: middle;
}
.premium-content-img img{
width: 90px;
height: 52px;
}
.premium-content-text{
float: left;
width: 205px;
display: table-cell;
padding: 0px 5px 0px 10px;
vertical-align: middle;
}
.premium-content-text:hover{
text-decoration: underline;
}
.premium-content-text b{
font-size: 12px;
font-weight: bold;
width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.premium-content-text p{
font-size: 11px;
line-height: 1.6em;
}
.premium-zone-wrap .btn a {
display: block;
text-align: center;
font-size: 12px;
padding: 4px;
}
.premium-zone-wrap .btn.white a{
color: #ffffff !important;
}
.premium-zone-wrap .btn.white {
display: bloack;
width: 100%;
border: 1px solid #fff;
}
.premium-zone-wrap .btn.black {
display: bloack;
width: 100%;
/* border: 1px solid #000; */
}
.premium-content-wrap .media {
margin: 10px 0px;
}
.premium-content-wrap .media:first-child {
margin-top: 0;
}
.premium-content-wrap .media,
.premium-content-wrap .media-body {
zoom: 1;
overflow: hidden;
}
.premium-content-wrap .media-body {
width: 10000px;
}
.premium-content-wrap .media-object {
display: block;
width: 90px;
}
.premium-content-wrap .media-object.img-thumbnail {
max-width: none;
}
.premium-content-wrap .media-right,
.premium-content-wrap .media > .pull-right {
padding-left: 10px;
}
.premium-content-wrap .media-left,
.premium-content-wrap .media > .pull-left {
padding-right: 10px;
}
.premium-content-wrap .media-left,
.premium-content-wrap .media-right,
.premium-content-wrap .media-body {
display: table-cell;
vertical-align: top;
font-size: 11px;
line-height: 1.6em;
}
.premium-content-wrap .media-middle {
vertical-align: middle;
}
.premium-content-wrap .media-bottom {
vertical-align: bottom;
}
.premium-content-wrap .media-heading {
margin-top: 0;
/* margin-bottom: 5px; */
font-size: 12px;
font-weight: bold;
width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.premium-content-wrap .media-list {
padding-left: 0;
list-style: none;
}
/*container-title content-title-wrap*/
.container-title .content-title-wrap {
/* width: 1100px; */
display: block;
padding: 16px 10px 12px 10px;
margin: 0 auto 20px;
border-bottom: 1px solid #bdbdbd;
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.container-title .content-title-wrap h3,
.container-title .content-title-wrap h3 a{
font-size: 15px;
font-weight: bold;
color: rgb(193, 36, 36);
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.container-title .content-title-wrap h1{
font-size: 32px;
font-weight: 700;
color: #000000;
margin: 10px 0px 12px -2px;
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.container-title .content-title-wrap h2{
font-size: 19px;
font-weight: 600;
color: rgb(102, 102, 102);
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.content-title-bottom {
margin-top: 18px;
display: table;
width: 100%;
}
.content-title-bottom .content-title-sns {
/* font-size: 23px; */
display: block;
float: left;
}
.content-title-bottom .content-title-sns .facebook-wrap {
color: #3f51b5;
display: table-cell;
padding-right: 10px;
}
.content-title-bottom .content-title-sns .facebook-wrap a {
color: #3f51b5;
font-size: 25px;
vertical-align: middle;
padding-right: 4px;
line-height: 23px;
display: table-cell;
float: left;
}
.content-title-bottom .content-title-sns .facebook-wrap .sns-font {
font-size: 12px;
display: table-cell;
border: 1px solid #3f51b5;
padding: 2px 8px;
}
.content-title-bottom .content-title-sns .twitter-wrap {
color: #03a9f4;
display: table-cell;
padding-right: 10px;
}
.content-title-bottom .content-title-sns .twitter-wrap a {
color: #03a9f4;
font-size: 25px;
vertical-align: middle;
padding-right: 4px;
line-height: 23px;
display: table-cell;
float: left;
}
.content-title-bottom .content-title-sns .twitter-wrap .sns-font {
font-size: 12px;
display: table-cell;
border: 1px solid #03a9f4;
padding: 2px 8px;
}
.content-title-bottom .content-title-namebt {
float: right;
display: table;
}
.content-title-bottom .content-title-namebt .reporter-name {
font-size: 15px;
font-weight: bold;
color: #000;
display: table-cell;
margin: 0px;
padding: 0;
vertical-align: middle;
}
.content-title-bottom .content-title-namebt .reporter-name .reporter-data{
color: #9b9b9b;
font-size: 13px;
}
.content-title-bottom .content-title-namebt .content-title-bottom-btn-group {
display: table-cell;
padding-left: 10px;
}
.content-title-bottom .content-title-namebt .content-title-bottom-btn-group .button {
background-color: #ffffff;
border: none;
color: #000000;
padding: 6px 7px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
float: left;
border: 1px solid #dadada;
}
.content-title-bottom .content-title-namebt .content-title-bottom-btn-group .button:nth-child(1) {
border-right: 0px;
}
.content-title-bottom .content-title-namebt .content-title-bottom-btn-group .button:nth-child(2) {
border-right: 0px;
}
.content-title-bottom .content-title-namebt .content-title-bottom-btn-group .button:hover {
color: rgb(193, 36, 36);
}
.etc-sns-wrap {
display: block;
float: left;
height: 24px;
}
.etc-sns-wrap img {
width: 24px;
height: 24px;
}
.etc-sns-wrap a {
width: 24px;
height: 24px;
display: table-cell;
padding-right: 5px;
}
.etc-sns-wrap .etc-sns-font {
font-size: 12px;
height: 24px;
vertical-align: middle;
display: table-cell;
}
/*most-popular*/
.most-popular {
width: 800px;
margin: 0 auto;
}
.most-popular .title-dot {
left: 0;
font-size: 17px;
font-weight: 500;
top: -12px;
}
.most-popular .newcard-list-wrap {
overflow: hidden;
}
.most-popular .margin-bottom-lg {
margin-bottom: 20px;
}
.most-popular .margin-bottom-lg:last-child {
margin-bottom: 0px;
}
.most-popular .newcard-list {
display: table-cell;
}
.most-popular .newcard-list-title {
height: 35px;
overflow: hidden;
padding-left: 9px;
}
.most-popular .newcard-list-title blockquote {
padding: 0px 5px;
margin: 10px 0 0 0px;
border-left: 5px solid #e5080f;
}
.most-popular .newcard-list-title blockquote h2 {
font-size: 14px;
font-weight: bold;
}
.most-popular .newcard-list .newcard-one .thumbnail {
display: block;
width: 251px;
height: 144px;
vertical-align: top;
border-bottom: 1px solid #bbbaba;
}
.most-popular .newcard-list .newcard-one .new-tier-thumbnail {
display: block;
width: 251px;
height: 105px;
vertical-align: top;
border-bottom: 1px solid #bbbaba;
}
.most-popular .newcard-list .newcard-one .new-tier-logo {
height: 39px;
text-align: center;
}
.most-popular .newcard-list .newcard-one .new-tier-logo img {
height: 39px;
margin: 0px auto;
}
.most-popular .newcard-list .newcard-one .subject-line {
display: block;
font-weight: bold;
letter-spacing: -1px;
line-height: 23px;
font-size: 14px;
height: 48px;
margin: 9px 9px 0;
}
.most-popular .newcard-list .newcard-one {
position: relative;
display: block;
float: left;
width: 253px;
height: 212px;
overflow: hidden;
text-decoration: none;
margin: 0px 0px 5px 0px;
transition-property: -moz-box-shadow, -webkit-box-shadow, box-shadow;
}
.most-popular .newcard-list:nth-child(3) {
padding-left: 20px;
padding-right: 20px;
}
.most-popular .newcard-list .newcard-one a {
display: block;
text-decoration: none;
color: #ed3f40;
}
.most-popular .newcard-list .newcard-one .newcard-wrap {
display: block;
width: 251px;
height: 210px;
overflow: hidden;
color: #333333;
background: #ffffff;
border: 1px solid #bbbaba;
transition-property: background;
}
.most-popular .newcard-list .newcard-one a .newcard-wrap:hover {
color: #ed3f40 !important;
}
.most-popular .newcard-list .newcard-one .title {
color: #ed3f40;
}
.most-popular .newcard-list .newcard-one:hover {
-moz-box-shadow: 0 0 3px #616161;
-webkit-box-shadow: 0 0 3px #616161;
box-shadow: 0 0 3px #616161;
}
.most-popular .transition {
transition-delay: 0;
transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
transition-duration: 0.5s;
}
.most-popular .newcard-list .newcard-one .comments {
position: absolute;
right: 7px;
bottom: 10px;
width: 25px;
height: 16px;
display: block;
line-height: 15px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-align: center;
top: 182px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #ed3f40;
}
.most-popular .line-title-wp {
padding: 27px 0px 31px 0px;
}
/*헤드라인 및 시리즈 */
.headline-series-wp{
margin: 0 auto;
display: table;
}
.headline-wp {
float: left;
display: table-cell;
width: 548px;
margin-right: 10px;
}
.headline-wp .line-title-wp {
padding: 30px 0px 28px 0px;
}
.headline-wp .title-line {
height: 2px;
width: 548px;
background: #373c40;
}
.headline-wp .title-dot {
left: 0;
font-size: 17px;
font-weight: 500;
top: -12px;
}
.series-wp {
float: right;
display: table-cell;
width: 230px;
}
.series-wp .title-line {
height: 2px;
width: 230px;
background: #373c40;
}
.series-wp .title-dot {
left: 0;
font-size: 17px;
font-weight: 500;
top: -12px;
}
.headline-nesw-list-wrap{
}
.headline-nesw-list-wrap li:first-child {
padding: 0px 0px 18px 0;
}
.headline-nesw-list-wrap li {
border-bottom: 1px solid #d9d9d9;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 16px 0px;
}
.headline-nesw-list-wrap li:last-child {
border-bottom: 0px ;
}
.headline-nesw-list-wrap li a {
font-size: 15px;
font-weight: 400;
color: #333333;
}
.series-box-wp{
display: block;
position: relative;
margin-bottom: 17px;
}
.series-box-wp .series-box-name{
position: absolute;
background-color: #f44336;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding: 4px 10px;
}
.series-box-wp p{
font-size: 14px;
font-weight: bold;
padding: 5px;
line-height: 24px;
text-align:center;
}
.series-box-wp .series-box-img,
.series-box-wp .series-box-img img {
width: 230px;
height: 134px;
}
/*right 컨텐츠 소셜버튼*/
.side-snsbt {
display: table;
}
.side-snsbt img {
width: 75px;
height: 75px;
}
.side-snsbt a {
display: table-cell;
}
/*right 취재 많이 본 기사*/
.side-topnews .line-title-wp {
padding: 0px 0px 29px 0px;
}
.side-topnews .title-line {
height: 2px;
width: 260px;
background: #373c40;
}
.side-topnews .title-dot,
.side-topnews .title-line {position: absolute;text-align: center;}
.side-topnews .title-dot {
height: 16px;
top: -10px;
left: 0;
padding: 5px 20px;
background-color: #fff;
font-size: 15px;
font-weight: 400;
position: relative;
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.side-topnews .title-dot color {
color:rgb(244, 67, 54);
}
.sidetop-nesw-list-wrap{
padding-bottom: 5px;
font-family: "Noto Sans", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim, Apple SD Gothic Neo;
}
.sidetop-nesw-list-wrap li:first-child {
padding: 0px 0px 18px 0;
}
.sidetop-nesw-list-wrap li {
border-bottom: 1px solid #d9d9d9;
padding: 17px 0px;
line-height: 20px;
}
.sidetop-nesw-list-wrap li:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.sidetop-nesw-list-wrap li a {
font-size: 15px;
font-weight: 400;
}
.sidetop-nesw-list-wrap .top-news-number {
background-color: #ffeb3b;
color: #000000;
width: 24px;
line-height: 24px;
height: 24px;
vertical-align: middle;
display: block;
float: left;
text-align: center;
margin-right: 10px;
margin-bottom: 24px;
margin-top: 5px;
}
/*right SNS 화제의 영상*/
.side-snsvod .line-title-wp {
padding: 0px 0px 30px 0px;
}
.side-snsvod .title-line {
height: 2px;
width: 260px;
background: #373c40;
}
.side-snsvod .title-dot,
.side-snsvod .title-line {position: absolute;text-align: center;}
.side-snsvod .title-dot {
height: 16px;
top: -10px;
left: 0;
padding: 5px 20px;
background-color: #fff;
font-size: 15px;
font-weight: bold;
position: relative;
}
.sns-vod-box-wp {
border: 1px solid #e0e0e0;
position: relative;
width: 260px;
margin-top: 6px;
}
.sns-vod-box-wp .bx-wrapper {
height: 208px !important;
}
.sns-vod-img,
.sns-vod-img img {
width: 260px;
height: 154px;
}
.img-opacity-wp {
position: absolute;
opacity: 0.5;
background-color: #000000;
width: 260px;
height: 154px;
}
.img-opacity-wp i {
font-size: 64px;
color: #fff;
vertical-align: middle;
text-align: center;
width: 260px;
height: 154px;
line-height: 154px;
position: absolute;
}
.sns-vod-cont-wp {
padding: 10px;
display: table;
}
.sns-vod-left-bt{
display: table-cell;
font-size: 34px;
/*vertical-align: middle;*/
color: #5f5f5f;
}
.sns-vod-cont{
display: table-cell;
font-size: 12px;
font-weight: bold;
padding: 0px 10px;
color: #2f2f2f;
vertical-align: middle;
height: 32px;
width:184px;
}
.sns-vod-right-bt {
display: table-cell;
font-size: 34px;
/*vertical-align: middle;*/
color: #5f5f5f;
}
.sns-vod-pagination-wp{
padding: 10px;
text-align: center;
margin: 0 auto;
border-top: 1px solid #e0e0e0;
}
.sns-vod-pagination {
display: inline-block;
}
.sns-vod-pagination>li {
display: inline;
}
.sns-vod-pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 2px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #909090;
text-decoration: none;
}
/* 코멘트 상단 댓글 새로고침 */
#title_line_old{
position: inherit;
background: white;
}
/*마우스 스크롤 고정형 네비*/
.fixed {
position: fixed;
top: -14px;
left: 0;
height: 70px;
z-index: 999999999999;
width: 100%;
}
.right_fixed{
position: fixed;
top: 57px;
height: 70px;
z-index: 999999999999;
width: 260px;
background-color : #FFFFFF;
padding-top: 10px;
display: table;
}
.right_fixed_type2{
position: fixed;
top: 0px;
height: 70px;
z-index: 999;
width: 260px;
background-color: #FFFFFF;
padding-top: 30px;
display: table;
}
.fixed-top-nav-wp{
margin: 0 auto;
width: 1100px;
}
.fixed-top-nav nav {
display: table-cell;
font-size: 14px;
}
.fixed-top-nav nav li {
display: table-cell;
height: 64px;
vertical-align: middle;
padding: 12px;
}
.fixed-top-nav nav li.logo {
padding: 0px 12px 12px 12px;
}
.fixed-top-nav nav li a img {
width: 160px;
height: 40px;
vertical-align: middle;
}
.fixed-top-nav nav li.title a,
.fixed-top-nav nav li.title {
color: #f44336;
font-weight: bold;
}
.fixed-top-nav nav li.title a:hover {
text-decoration: none;
}
.fixed-top-nav nav li a {
vertical-align: middle;
display: table-cell;
}
.fixed-top-nav {
background: #ffffff;
border-bottom: 1px solid #e0e0e0;
}
.fixed-top-nav-sns-bt{
display: table-cell;
padding-left: 35px;
vertical-align: middle;
}
.fixed-top-nav-sns-bt a img {
width: 86px;
height: 30px;
}
/*뷰 페이지 오른쪽 영역 변수들*/
.right_view_wrap.site-webzine.webzine-layout #container .container-wrap {
background: none;
}
.right_view_wrap .webzine-side1 {
margin-top: 0px;
}
.right_view_wrap .webzine-side1.sp-zone {
margin-bottom: 40px;
}
.right_view_wrap .webzine-side1 .side-comp {
/* background-color: #fff; */
}
.right_view_wrap .webzine-side1 .side-comp {
margin: 0px auto 0;
margin-bottom: 10px;
}
.right_view_wrap .webzine-side1 .side-comp:first-child {
margin-top: 0;
margin-bottom: 10px;
}
/* 최상단 띠배너 */
.banner-ring{
text-align: center;
margin-bottom: 10px;
}
/**********************************리뉴얼 코드*******************************/
/*4단 롤링 시작*/
.four-dan-rolling-wrap{
display: table;
float: left;
/* margin-left: -5px;
margin-right: -5px; */
margin-bottom: 8px;
width: 1100px;
}
.four-dan-rolling-wrap .single-box-wrap:first-child,
.four-dan-rolling-wrap .multi-box-wrap:first-child
{
margin-left: 0px;
}
.four-dan-rolling-wrap .single-box-wrap:last-of-type,
.four-dan-rolling-wrap .multi-box-wrap:last-of-type
{
margin-right: 0px;
margin-left: 4px;
}
.four-dan-rolling-wrap .single-box-wrap{
width: 267px;
height: 400px;
border: 1px solid #000000;
display: table-cell;
float: left;
position: relative;
margin-left: 4px;
margin-right: 4px;
}
.four-dan-rolling-wrap .single-box-wrap .single-box-img {
}
.four-dan-rolling-wrap .single-box-wrap .single-box-img img {
width: 267px;
height: 400px;
}
.four-dan-rolling-wrap .single-box-wrap .single-box-text {
position: absolute;
bottom: 0px;
}
.four-dan-rolling-wrap .single-box-wrap .single-box-text-bg {
background-color: #000000;
opacity: 0.7;
width: 100%;
height: 74px;
position: absolute;
bottom: 0px;
min-width: 267px;
}
.four-dan-rolling-wrap .single-box-wrap a .single-box-text {
color: #fff;
width: 100%;
height: 74px;
position: absolute;
bottom: 0px;
min-width: 267px;
}
.four-dan-rolling-wrap .single-box-wrap .single-box-text h2{
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 12px 14px;
line-height: 1.4;
letter-spacing: -1.2px;
position: relative;
}
.four-dan-rolling-wrap .multi-box-wrap{
width: 267px;
height: 400px;
border: 1px solid #bdbdbd;
background-color: #424242;
display: table-cell;
float: left;
position: relative;
margin-left: 4px;
margin-right: 4px;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-img img {
width: 267px;
height: 105px;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text {
margin: 10px;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media {
/* border-bottom: 1px dotted #bdbdbd;
padding: 16px 0px 15px 0px;
vertical-align: middle;
display: table;
table-layout: fixed;
width: 100%; */
/* border-bottom: 1px dotted #fff; */
/* border-bottom: 1px dotted #bdbdbd; */
background: #2b2b2b;
padding: 10px;
vertical-align: middle;
display: table;
table-layout: fixed;
width: 227px;
margin-bottom: 8px;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media:last-child {
border-bottom: 0px;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media img {
/* width: 80px;
height: 50px;
vertical-align: middle;
border-style: none;
margin-right: 10px;
float: left; */
width: 80px;
height: 50px;
vertical-align: middle;
border-style: none;
margin-right: 10px;
display: table-cell;
position: relative;
float: left;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media .media-body {
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
height: 42px;
vertical-align: middle;
display: table-cell;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media a .media-body {
color: #fff;
}
.four-dan-rolling-wrap .multi-box-wrap .multi-box-text .media a:hover {
text-decoration: none;
}
/*4단 롤링 끝*/
/*주요 뉴스영역 시작*/
.news-middle-line-wrap{
background: #fafafa;
border-bottom: 1px solid #e0e0e0;
border-top: 2px solid #f44336;
width: 1100px;
height: 62px;
display: table;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.news-middle-line-wrap .news-middle-line-text {
display: table-cell;
vertical-align: middle;
padding: 0px 20px;
line-height: 22px;
}
.news-middle-line-wrap .news-middle-line-text-label {
font-size: 11px;
color: #f44336;
font-weight: bold;
}
.news-middle-line-wrap a:hover .news-middle-line-text-label {
text-decoration: none;
}
.news-middle-line-wrap .news-middle-line-text h2{
font-size: 18px;
font-weight: bold;
color: #000;
letter-spacing: -1px;
}
.news-middle-line-banner{
width: 470px;
height: 40px;
display: table-cell;
text-align: right;
vertical-align: middle;
}
.news-middle-line-banner img {
width: 470px;
height: 40px;
}
.news-middle-img-list-wrap {
width: 780px;
display: block;
float: left;
height: 336px;
margin-bottom: 40px;
}
.news-middle-img-list-wrap .news-middle-img-list-left {
width: 260px;
display: block;
float: left;
}
.news-middle-img-list-wrap .news-middle-img-wrap{
width: 260px;
height: 153px;
border: 1px solid #000000;
display: block;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
}
.news-middle-img-list-wrap .news-middle-img-wrap .news-middle-img-img img {
width: 258px;
height: 151px;
}
.news-middle-img-list-wrap .news-middle-img-wrap .news-middle-img-text {
position: absolute;
bottom: 0px;
}
.news-middle-img-list-wrap .news-middle-img-wrap .news-middle-img-text-bg {
background-color: #000000;
opacity: 0.8;
width: 100%;
height: 51px;
position: absolute;
bottom: 0px;
min-width: 258px;
}
.news-middle-img-list-wrap .news-middle-img-wrap .news-middle-img-text a{
color: #fff;
width: 100%;
height: 51px;
position: absolute;
bottom: 0px;
min-width: 258px;
}
.news-middle-img-list-wrap .news-middle-img-wrap .news-middle-img-text h2{
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 7px 14px;
line-height: 1.4em;
letter-spacing: -1px;
position: relative;
vertical-align: middle;
min-width: 230px;
height: 37px;
display: table-cell;
}
.news-middle-img-list-wrap .news-middle-img-list-right {
width: 520px;
display: block;
float: left;
}
.news-middle-img-list-wrap .news-middle-list-wrap {
font-size: 15px;
color: #000000;
line-height: 31px;
padding-left: 20px;
letter-spacing: -1px;
font-weight: bold;
}
.news-middle-img-list-wrap .news-middle-list-wrap ul li:first-child,
.news-middle-img-list-wrap .news-middle-list-wrap ul li:nth-child(6) {
font-weight: bold;
}
.news-middle-img-list-wrap .news-middle-list-wrap ul li:nth-child(5) {
margin-bottom: 30px;
}
/*주요 뉴스영역 끝*/
/*중단 가로형 배너 시작*/
.news-middle-banner{
display: block;
float: left;
text-align: center;
width: 780px;
margin-bottom: 40px;
}
/*뉴스 리스트 시작*/
.news-text-list-wrap {
display: block;
float: left;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 40px;
}
.news-text-list-wrap .news-text-list-box {
width: 380px;
height: 212px;
border: 1px solid #e0e0e0;
display: block;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 22px 22px;
margin-bottom: 22px;
margin-left: 10px;
margin-right: 10px;
}
.news-text-list-wrap .news-text-list-box:nth-of-type(3),
.news-text-list-wrap .news-text-list-box:nth-of-type(4){
margin-bottom: 0px;
}
.news-text-list-wrap .news-text-list-box .news-text-title {
margin-bottom: 10px;
}
.news-text-list-wrap .news-text-list-box .news-text-title h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.news-text-list-wrap .news-text-list-box .news-text-title h2 .text-red {
color: #ce0000;
}
.news-text-list-wrap .news-text-list-box .news-text-title .more-btn {
/* float: right; */
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.news-text-list-wrap .news-text-list-box .news-text-title .more-btn a {
color: #9e9e9e;
font-size: 12px;
font-weight: normal;
}
.news-text-list-wrap .news-text-list-box ul li {
line-height: 27px;
}
.news-text-list-wrap .news-text-list-box ul li a {
font-size: 13px;
color: #616161;
letter-spacing: -1px;
width: 334px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
display: block;
}
.news-text-list-wrap .news-text-list-box ul li:first-of-type,
.news-text-list-wrap .news-text-list-box ul li:first-of-type a{
font-weight: bold;
color: #000000 !important;
}
/*뉴스 리스트 끝*/
/*가로바*/
.webzine-hr-wrap {
display: block;
float: left;
margin: 20px 0px 40px 0px;
}
.webzine-hr-wrap hr {
display: block;
width: 780px;
border: 0.5px solid #e0e0e0;
}
/*가로바 끝*/
/*세로형 뉴스*/
.news-length-list-wrap {
display: block;
float: left;
margin-left: -7px;
margin-right: -7px;
margin-bottom: 40px;
}
.news-length-list-wrap .news-length-box-wrap{
width: 250px;
height: 425px;
display: block;
float: left;
margin-left: 7px;
margin-right: 7px;
}
.news-length-list-wrap .news-length-list-box-wrap{
width: 252px;
height: 388px;
border: 1px solid #bdbdbd;
background-color: #f5f5f5;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news-length-list-wrap .news-length-text-title {
margin-bottom: 10px;
}
.news-length-list-wrap .news-length-text-title h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.news-length-list-wrap .news-length-text-title .more-btn {
/* float: right; */
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.news-length-list-wrap .news-length-text-title .more-btn a {
color: #9e9e9e;
font-size: 12px;
font-weight: normal;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-img-wrap{
width: 250px;
height: 146px;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-img-wrap .news-length-list-box-img-img img {
width: 250px;
height: 146px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-img-wrap .news-length-list-box-img-text {
position: absolute;
bottom: 0px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-img-wrap .news-length-list-box-img-text-bg {
background-color: #000000;
opacity: 0.8;
width: 100%;
height: 51px;
position: absolute;
bottom: 0px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-img-wrap .news-length-list-box-img-text h2{
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 7px 12px;
line-height: 1.4;
letter-spacing: -1px;
position: relative;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-text {
padding: 15px 10px 0px 10px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-text:last-of-type .media {
border-bottom: 0px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-text .media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
min-height: 48px;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-text .media img {
width: 78px;
height: 46px;
vertical-align: middle;
border-style: none;
margin-right: 10px;
float: left;
}
.news-length-list-wrap .news-length-list-box-wrap .news-length-list-box-text .media .media-body {
-ms-flex: 1;
flex: 1;
color: #000;
font-size: 12px;
font-weight: bold;
letter-spacing: -1px;
width: 230px;
}
/*세로형 뉴스 끝*/
/*연재 카툰*/
.series-list-wrap{
display: block;
float: left;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 40px;
}
.series-list-title-wrap {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.series-list-title-wrap h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.series-list-title-wrap h2 .text-red {
color: #ce0000;
}
.series-list-title-wrap .more-btn {
/* float: right;
color: #9e9e9e;
font-size: 12px; */
color: #9e9e9e;
font-size: 12px;
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.series-list-title-wrap .more-btn a {
color: #9e9e9e;
font-size: 12px;
}
.series-list-wrap .series-list-box{
width: 180px;
height: 200px;
border: 1px solid #bdbdbd;
background-color: #f5f5f5;
display: block;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
}
.series-list-wrap .series-list-box .series-list-img img {
width: 178px;
height: 102px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.series-list-wrap .series-list-box .series-list-text {
padding: 10px;
}
.series-list-wrap .series-list-box a .series-list-text,
.series-list-wrap .series-list-box .series-list-text a {
font-size: 13px;
font-weight: bold;
color: #333333;
display: block;
min-height: 34px;
letter-spacing: -1px;
}
.series-list-wrap .series-list-box .series-list-text .series-list-tap {
border-top: 1px solid #e0e0e0;
color: #f44336;
font-size: 12px;
text-align: right;
padding-top: 10px;
margin-top: 12px;
letter-spacing: -1px;
}
/*연재 카툰 끝*/
/*화제의 영상 카툰*/
.hotvod-list-wrap{
display: block;
float: left;
margin-left: -7.5px;
margin-right: -7.5px;
margin-bottom: 40px;
}
.hotvod-list-title-wrap {
margin-left: 7.5px;
margin-right: 7.5px;
margin-bottom: 10px;
}
.hotvod-list-title-wrap h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.hotvod-list-title-wrap h2 .text-red {
color: #ce0000;
}
.hotvod-list-title-wrap .more-btn {
/* float: right;
color: #9e9e9e;
font-size: 12px; */
color: #9e9e9e;
font-size: 12px;
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.hotvod-list-title-wrap .more-btn a {
color: #9e9e9e;
font-size: 12px;
font-weight: normal;
}
.hotvod-list-wrap .hotvod-list-box{
width: 250px;
height: 221px;
border: 1px solid #bdbdbd;
background-color: #f5f5f5;
display: block;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0px;
margin-left: 7.5px;
margin-right: 7.5px;
}
.hotvod-list-wrap .hotvod-list-box .hotvod-list-img img {
width: 248px;
height: 144px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hotvod-list-wrap .hotvod-list-box .hotvod-list-text {
padding: 10px;
}
.hotvod-list-wrap .hotvod-list-box .hotvod-list-text a {
font-size: 14px;
font-weight: bold;
color: #333333;
letter-spacing: -1px;
}
.hotvod-list-wrap .hotvod-list-box .hotvod-list-text .hotvod-list-tap {
color: #2196f3;
font-size: 12px;
text-align: left;
margin-top: 5px;
letter-spacing: -1px;
}
/*화제의 영상 끝*/
/*이슈갤러리*/
.issue-img-list-wrap {
width: 780px;
margin-bottom: 20px;
display: block;
float: left;
}
.issue-img-list-wrap .issue-img-list-left {
width: 390px;
display: block;
float: left;
}
.issue-img-list-wrap .issue-img-list-full {
width: 780px;
display: block;
float: left;
margin-bottom: 20px;
}
.issue-img-list-wrap .issue-img-wrap{
width: 180px;
height: 104px;
display: block;
float: left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
}
.issue-img-list-wrap .issue-img-wrap:last-of-type{
margin-right: 0px;
}
.issue-img-list-wrap .issue-img-wrap .issue-img-img img {
width: 180px;
height: 104px;
}
.issue-img-list-wrap .issue-img-wrap .issue-img-text {
position: absolute;
bottom: 0px;
}
.issue-img-list-wrap .issue-img-wrap .issue-img-text-bg {
background-color: #000000;
opacity: 0.7;
width: 180px;
height: 25px;
position: absolute;
bottom: 0px;
}
.issue-img-list-wrap .issue-img-wrap .issue-img-text h2{
font-size: 12px;
font-weight: bold;
color: #fff;
padding: 5px 14px;
line-height: 1.4;
letter-spacing: -0.5px;
position: relative;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
display: block;
width: 152px;
text-align: center;
}
.issue-img-list-wrap .issue-img-wrap .issue-img-text h2 a{
color: #fff;
}
.issue-img-list-wrap .issue-img-list-right {
width: 385px;
display: block;
float: left;
}
.issue-img-list-wrap .issue-list-wrap {
font-size: 13px;
color: #000000;
line-height: 24px;
margin-top: 8px;
padding-left: 12px;
}
.issue-img-list-wrap .issue-list-wrap ul li:first-child,
.issue-img-list-wrap .issue-list-wrap ul li:nth-child(5) {
font-weight: bold;
}
.issue-img-list-wrap .issue-list-wrap ul li:nth-child(4) {
margin-bottom: 20px;
}
.issue-img-list-wrap .issue-list-wrap ul li a .text-red {
color: #ce0000;
}
.issue-img-list-wrap .issue-list-wrap ul li a {
letter-spacing: -1px;
width: 374px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
display: block;
}
.issue-text-title {
margin-bottom: 10px;
}
.issue-text-title h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.issue-text-title h2 .text-red {
color: #ce0000;
}
.issue-text-title .more-btn {
/* float: right;
color: #9e9e9e;
font-size: 12px; */
color: #9e9e9e;
font-size: 12px;
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.issue-text-title .more-btn a {
color: #9e9e9e;
font-size: 12px;
font-weight: normal;
}
/*이슈갤러리 끝*/
/*제휴 배너 시작*/
.cooperate-banner-wrap{
margin-top: 0px;
margin-bottom: 0px;
display: block;
float: left;
width: 780px;
}
.cooperate-banner-title{
text-align: right;
font-weight: bold;
font-size: 12px;
color: #9e9e9e;
margin-bottom: 10px;
width: 100%;
height: 20px;
display: block;
vertical-align: middle;
}
.cooperate-banner-title #moreCorp {
display: inline-table;
width: 52px;
}
.cooperate-banner-title #moreCorp #moreview{
border: 1px solid #9e9e9e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px 5px;
width: 60px;
text-align: center;
font-size: 11px;
color: #757575;
background: #fff;
}
.cooperate-banner-title #moreCorp #moreview:hover{
text-decoration: none;
cursor: pointer;
}
.cooperate-banner-title a.more-btn{
border: 1px solid #9e9e9e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px 5px;
width: 52px;
text-align: center;
font-size: 11px;
color: #757575;
display: inline-table;
}
.cooperate-banner-title a.more-btn:hover{
text-decoration: none;
cursor: pointer;
}
.cooperate-banner-box-wrap{
overflow: hidden;
width: 100%;
padding: 0;
}
.cooperate-banner-box{
position: relative;
margin: 0 0 0px;
background-color: #fff;
margin-left: 1px;
}
.cooperate-banner-box ul li:nth-of-type(6n){
width: 130px;
}
.cooperate-banner-box ul li:nth-of-type(1n){
margin-left:-1px;
}
.cooperate-banner-box ul:after {
display: block;
clear: both;
content: '';
}
.cooperate-banner-box ul li{
float: left;
position: relative;
width: 131px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 0px solid #e0e0e0;
margin-bottom: 0px;
}
.cooperate-banner-box ul li.cooperate-banner-row{
/* border-top: 1px solid #e0e0e0; */
}
.cooperate-banner-box ul li a img{
overflow: hidden;
display: block;
height: 40px;
padding: 5px 5px;
text-align: center;
line-height: 40px;
width: 120px;
}
#corpRow.cooperate-banner-box ul li{
border-top: 0px solid #e0e0e0;
}
/*제휴 배너 툴팁*/
[class*="hint--"] {
position: relative;
display: inline-block;
}
[class*="hint--"]:before, [class*="hint--"]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms; }
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
visibility: visible;
opacity: 1;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms; }
[class*="hint--"]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001; }
[class*="hint--"]:after {
background: #424242;
color: #ffeb3b;
padding: 8px 10px;
font-size: 11px;
font-weight: bold;
line-height: 12px;
white-space: nowrap; }
[class*="hint--"][aria-label]:after {
content: attr(aria-label); }
[class*="hint--"][data-hint]:after {
content: attr(data-hint); }
[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
display: none !important; }
.hint--bottom-left:before {
border-bottom-color: #424242; }
.hint--bottom-right:before {
border-bottom-color: #424242; }
.hint--bottom:before {
border-top-color: #424242; }
.hint--bottom:before {
margin-top: -11px;
top: -9%;
left: 50%; }
.hint--bottom:after {
top: -90%;
left: 50%; }
.hint--bottom:before {
left: calc(50% - 6px); }
.hint--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px); }
[class*="hint--"] {
}
[class*="hint--"]:after {
/* text-shadow: 0 -1px 0px black;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); */
}
/*제휴 배너 끝*/
/*날개 상단 배너 시작*/
.rightmenu-top-banner{
text-align: center;
width: 300px;
height: 250px;
}
/*사이드 메뉴 리스트 시작*/
.side-news-list-wrap{
width: 300px;
display: block;
}
.side-news-list-wrap .side-news-list-box{
padding: 30px 20px 30px 20px;
border-bottom: 1px solid #e0e0e0;
text-align: left;
}
.side-news-list-wrap .side-news-list-box .side-news-title {
margin-bottom: 17px;
}
.side-news-list-wrap .side-news-list-box .side-news-title h2 {
/* color: #333333;
font-weight: bold;
font-size: 16px;
display: block; */
color: #333333;
font-weight: bold;
font-size: 16px;
display: table;
vertical-align: bottom;
width: 100%;
}
.side-news-list-wrap .side-news-list-box .side-news-title h2 .more-btn {
/* float: right;
color: #9e9e9e;
font-size: 12px; */
color: #9e9e9e;
font-size: 12px;
vertical-align: text-bottom;
text-align: right;
display: table-cell;
}
.side-news-list-wrap .side-news-list-box .side-news-title h2 .more-btn a {
color: #9e9e9e;
font-size: 12px;
font-weight: normal;
}
.side-news-list-wrap .side-news-list-box .side-news-title .text-red {
color: #ce0000;
}
.side-news-list-wrap .side-news-list-box ul li:first-child {
font-weight: bold;
}
.side-news-list-wrap .side-news-list-box ul li:nth-of-type(6) {
font-weight: bold;
}
.side-news-list-wrap .side-news-list-box ul li:last-of-type {
margin-bottom: 0px;
}
.side-news-list-wrap .side-news-list-box ul li {
letter-spacing: -1px;
width: 250px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
display: block;
margin-bottom: 13px;
}
.side-news-list-wrap .side-news-list-box ul li a {
font-size: 13px;
color: #333333;
}
.side-news-list-wrap .side-news-list-box ul li a .rank {
background-color: #2196f3;
color: #ffffff;
width: 17px;
line-height: 16px;
height: 17px;
vertical-align: middle;
display: block;
float: left;
text-align: center;
margin-right: 5px;
font-weight: bold;
font-size: 14px;
}
/*사이드 메뉴 리스트 끝*/
/*사이드 오늘의 게임 시작*/
.side-today-game-box-wp{
width: 260px;
height: 210px;
}
.side-today-game-box-wp .bx-wrapper{
width: 260px;
height: 210px;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 0px;
background: #fff;
}
.side-today-game-cont-wp {
padding: 10px;
display: table;
}
.side-today-game-left-bt{
display: table-cell;
font-size: 34px;
/*vertical-align: middle;*/
color: #e0e0e0;
}
.side-today-game-left-bt:hover{
color: #f44336;
}
.side-today-game-cont{
display: table-cell;
font-size: 14px;
font-weight: bold;
padding: 0px 10px;
color: #2f2f2f;
vertical-align: middle;
height: 32px;
width: 194px;
letter-spacing: -1px;
}
.side-today-game-right-bt {
display: table-cell;
font-size: 34px;
/*vertical-align: middle;*/
color: #e0e0e0;
}
.side-today-game-right-bt:hover {
color: #f44336;
}
/*사이드 오늘의 게임 끝*/
/*사이드 SNS 시작*/
.side-sns-list-wrap {
background: #f5f5f5;
border: 1px solid #e0e0e0;
padding: 10px;
margin-bottom: 10px;
}
.side-sns-list-wrap:last-child {
margin-bottom: 0px;
}
.side-sns-title-name {
height: 25px;
margin-bottom: 5px;
}
.side-sns-title-name .sns-icon {
width: 25px;
height: 25px;
display: block;
float: left;
margin-right: 5px;
}
.side-sns-title-name .sns-icon img {
width: 24px;
height: 24px;
}
.side-sns-title-name .sns-title {
font-size: 12px;
font-weight: bold;
color: #333333;
height: 25px;
display: block;
float: left;
line-height: 24px;
}
.side-sns-contant p {
font-size: 12px;
margin-bottom: 5px;
color: #333333;
}
.side-sns-contant p a{
color:#2196f3;
font-size: 11px;
}
.side-sns-contant .side-sns-contant-img {
text-align: center;
}
.side-sns-contant .side-sns-contant-img img {
width: 220px;
height: 128px;
}
/*사이드 SNS 끝*/
/*상단띠 배너 시작*/
.top-banner-wrap{
width: 100%;
/* min-height: 59px; */
}
.top-banner{
text-align: center;
}
/*상단띠 배너 끝*/
/*세로형 날개 배너 시작*/
.rightmenu-height-long-banner{
text-align: center;
width: 300px;
height: 600px;
}
/*세로형 날개 배너 시작*/
/*프리미엄 특설존 시작*/
.new-premium-zone-wrap{
width: 780px;
height: 190px;
background: #03a9f4;
margin-bottom: 30px;
padding: 20px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.premium-zone-box-wrap a:hover{
text-decoration: none;
}
.premium-zone-box-wrap .box-1{
width: 190px;
height: 190px;
/* background: #000; */
display: block;
float: left;
position: relative;
top: -20px;
}
.premium-zone-box-wrap .box-2{
width: 180px;
height: 154px;
display: block;
float: left;
margin-left: 10px
}
.premium-zone-box-wrap .box-3{
width: 180px;
height: 154px;
display: block;
float: left;
margin-left: 10px
}
.premium-zone-box-wrap .box-4{
width: 180px;
height: 154px;
display: block;
float: left;
margin-left: 10px
}
.premium-zone-box-wrap .box-img img {
width: 180px;
height: 106px;
}
.premium-zone-box-wrap .box-text {
padding-top: 5px;
font-size: 13px;
color: #fff;
letter-spacing: -1px;
}
.premium-zone-box-wrap .box-text a{
color: #fff;
}
/*프리미엄 특설존 끝*/
/*웹진 첫화면 우측 메뉴 변수값 시작*/
.webzine-index-rightmenu{
margin-top: 491px;
}
.webzine-index-rightmenu .webzine-side1{
min-height: 3146px;
}
/**웹진 첫화면 우측 메뉴 변수값 끝**/
/*웹진 첫화면 지스타 2019 버튼 시작*/
.gstar2019-btn{
display: block;
margin-bottom: 10px;
}