@charset "utf-8";
/* CSS Document */

/* body */
body {
    font-family: AppleSDGothicNeo-Regular, '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, 'Apple SD Gothic Neo', sans-serif;
    letter-spacing: -0.05em;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }

    iframe {
        overflow: visible;
    }
}

#ncmt_etc {
    position: absolute;
    top: 95px;
    right: 105px;
    color: #BBBBBB;
    font-weight: bold
}

/* common */
/*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}*/

ul.partner li, div.wrap div.main_div, div.multi-scroll-wrap *, div.wrap div.header *, div.wrap div.headline *, div.wrap div.main_slide_wrap *, div.wrap div.main_slide *, div.wrap div.keyword_bmaox_wrap *, div.wrap div.content_right * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.wikitree_ad * {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.hide {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    visibility: hidden
}

/*::-moz-selection{background:#000;color:#fff;}*/
/*::selection{background:#000;color:#fff;}*/
a {
    color: #000;
    text-decoration: none;
}

button:focus, input:focus {
    outline: none;
}

/* layout scroll */
.multi-scroll-wrap {
    overflow: hidden;
    position: relative;
    width: 1100px;
    margin: 30px auto;
}

.multi-scroll-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.multi-scroll-inner {
    position: relative;
    float: left;
    width: 1100px;
}

.multi-scroll-inner .scroll-zone01 {
    float: left;
    width: 770px;
    padding-right: 30px;
}

.multi-scroll-inner .scroll-zone02 {
    float: right;
    width: 330px;
}

.multi-scroll-inner.scroll-start01 {
    width: 740px;
}

.multi-scroll-inner.scroll-start02 {
    width: 330px;
}

.multi-scroll-inner .scroll-in01 {
    width: 740px;
}

.multi-scroll-inner .scroll-in02 {
    width: 330px;
    padding-left: 29px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    float: right;
}

/* wrapper */
.wrap {
    width: 100%;
}

/* container */
.container {
    width: 1100px;
    margin: 0 auto;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.nav {
    padding-bottom: 2px;
}

.nav li {
    float: left;
}

.menu_active {
    font-weight: bold;
}


/* header */
.header {
    width: 100%;
}

/* login */
.top_nav {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.top_nav .container {
    position: relative;
}

.top_nav_sns {
    font-size: 13px;
}

.top_nav_sns li {
    padding-right: 15px;
}

.top_nav_sns li:hover {
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
}

.top_nav_login {
    float: right;
    font-size: 12px;
}

.top_nav_login li {
    padding: 0 8px;
    line-height: 1.1;
}

.top_nav_login li:last-child {
    border-right: 0;
    padding-right: 0;
}

.member_box {
    display: none;
    width: 110px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    border: 1px solid #000;
    font-size: 12px;
    height: 160px;
}


.member_box .btn-close {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 20px;
}

.member_box li {
    float: none;
    padding-bottom: 10px;
    text-align: center;
}

.member_box li a {
    display: inline-block;
}

.profile_pic {
    margin: 10px auto;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.profile_pic .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.profile_img a img {
    width: 100%
}

/* top_logo */
.top_wrap {
    display: table;
    height: 114px;
}

.logo_wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.logo_wrap h1 div.wikitree_ad {
    display: inline-block;
}

.wikitree_ad .top_logo img {
    width: 240.516px !important;
    height: 60px !important;
}

.top_logo_cate {
    position: relative;
    bottom: 20px;
    left: 5px;
    color: #050055;
    font-family: 'NanumSquare', sans-serif;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: -1px;
}


/* top_ban */
.header_ban_left {
    display: table-cell;
    vertical-align: middle;
}

.header_ban_right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.header_ban_left, .header_ban_right {
    width: 260px;
    height: 70px;
}


/* left banner */
.ban_left {
    width: 500px;
    margin: 0 auto;
}

.ban_left a img {
    width: 100%;
    height: auto;
}

/* right banner */
.ban_right {
    width: 300px;
    margin-bottom: 5px;
}

.ban_right img {
    width: 100%;
    height: auto;
}

/* main_nav */
.main_nav {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    z-index: 101;
}

.main_nav .nav {
    display: inline-block;
    font-size: 16px;
}

.main_nav .nav li {
    padding-right: 20px;
}

.search {
    display: inline-block;
    float: right;
    position: relative;
}

.search_btn {
    background: #fff;
    border: none;
    padding: 0;
}

.search_box {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    padding: 0;
    bottom: 4px;
    position: absolute;
    right: 23px;
    height: 23px;
    width: 130px;
}

.entire_nav_wrap {
    display: none;
    position: absolute;
    top: 0;
    z-index: 5;
}

.entire_nav {
    position: absolute;
    right: 0;
    left: -15px;
    margin-right: auto;
    margin-left: auto;
    width: 1130px;
    padding: 0 60px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 1);
    border-top: none;
}

.entire_nav_open {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-size: 24px;
    width: 35px;
    z-index: 10;
}

.entire_nav_close {
    font-size: 24px;
    line-height: 15px;
}

.entire_nav_top {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.entire_nav_inner {
    overflow: hidden;
    padding: 40px 0 0;
}

.entire_nav_inner > div {
    float: left;
    width: 14.2%;
}

.entire_nav_inner ul li:first-child {
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
}

.entire_nav_inner ul.local li {
    line-height: 13px;
    font-weight: 100;
    font-size: 13px;
}

.entire_nav_inner ul li {
    padding: 7px 0;
    font-size: 13px;
}

.entire_nav_bottom {
    clear: both;
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-weight: bold;
    font-size: 15px;
}

.entire_nav_bottom span {
    display: inline-block;
    padding-right: 20px;
}

.btn-open:after {
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-close:after {
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}


/* breaking_news */
.breaking_news_wrap {
    position: relative;
    color: #fff;
    width: 1100px;
    margin: 0 auto;
}

.breaking_tit {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 15px 30px;
    margin: 0;
    background: rgba(236, 0, 140, 1);
}

.marquee {
    background: rgba(236, 0, 140, 1);
    display: block;
}

.breaking_news {
    display: inline-block;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 15px 0;
    margin: 0;
}

.breaking_news .ticker_item {
    color: #fff;
}

.breaking_news .ticker_item:hover {
    text-decoration: underline;
}

/* headline */
.headline {
    margin: 20px 0;
}

.headline:after {
    content: '';
    display: block;
    clear: both;
}


/* main slide */

/*arrow*/
.main_slide .slick-prev,
.main_slide .slick-next {
    height: 45px;
    width: 45px;
}

.main_slide .slick-prev {
    left: 15px;
    z-index: 10;
}

.main_slide .slick-next {
    right: 15px;
}

.main_slide .slick-prev:before,
.main_slide .slick-next:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main_slide .slick-prev {
    left: 20px;
}

.main_slide .slick-prev:before {
    content: "";
    background-image: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/arrow-left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px;
}

.main_slide .slick-next {
    right: 20px;
}

.main_slide .slick-next:before {
    content: "";
    background-image: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/arrow-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px;
}

.main_slide_wrap {
    overflow: hidden;
    float: left;
    width: 770px;
    height: 406px;
}

.main_slide {
    height: 460px;
    overflow: xhidden;
    overflow: hidden;
}

.main_slide_item {
    position: relative;
    display: inline-block;
    width: 100%;
}

.main_slide .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(210 / 400 * 100%);
}

.main_slide h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 770px;
    padding: 0 20px 20px 35px;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.4;
}

.main_slide_cate h3 {
    width: 740px;
}

.main_slide h3 span {
    padding: 0 10px 5px 5px;
    color: #fff;
    font-size: 30px;
    /*background:rgba(0, 131, 251, 1);
    box-shadow:0 0 0 3px rgba(0, 131, 251, 1), 0 0 0 3px rgba(0, 131, 251, 1);*/
    vertical-align: text-top;
}

.main_slide_cate h3 span {
    padding: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    vertical-align: text-top;
}

.main_slide .img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.slick-dots {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 140px;
    height: 30px;
}

.slick-dots li {
    margin: 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

/* cate_main slide */
.cate_main_slide {
    width: 740px;
    float: none;
    margin-bottom: 30px;
}


/* keyword */
.keyword_box_wrap {
    overflow: hidden;
    background: #fff;
}

.keyword_box {
    overflow: hidden;
    float: right;
    width: 300px;
    height: 40px;
    background: #fff;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(0, 0, 0, 1);
}

.keyword_box h3 {
    float: left;
    width: 70px;
    line-height: 30px;
}

.keyword_ticker {
    float: left;
    width: 175px;
    text-align: center;
}

.keyword_ticker li a {
    display: block;
    height: 30px;
    line-height: 30px;
}

.ticker_control {
    float: right;
    line-height: 30px;
    width: 55px;
}

.ticker_control button {
    border: none;
    background: #fff;
    padding: 0;
}


/* ticker */
.ticker {
    overflow: hidden;
}

.ticker:after {
    content: '';
    display: table;
    clear: both;
}

.ticker .container {
}

.ticker_box_wrap {
    overflow: hidden;
    padding: 10px;
    background: rgba(0, 131, 251, .08);
}

.ticker_box {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 30px;
}

.ticker_box h3 {
    float: left;
    margin-left: 10px;
    font-size: 15px;
    line-height: 30px;
}

.ticker_ticker {
    float: left;
    width: 860px;
    text-align: center;
}

.ticker_ticker li a {
    display: block;
    height: 30px;
    line-height: 30px;
}

.ticker_control {
    float: right;
    line-height: 30px;
}

.ticker_control button {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0;
}

.ticker_control i {
    padding-top: 3px;
}

/* contents */
.contents {
}

.contents_main {
    overflow: hidden;
    width: 100%;
}

.contents_left {
    float: left;
    width: 770px;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.contents_right {
    float: right;
    width: 330px;
    padding-left: 30px;
}

.section {
    margin-bottom: 20px;
}

.section:after {
    content: '';
    display: table;
    clear: both;
}

/* local_net */
.local_net_wrap {
    margin: 20px 0;
}

.local_net {
}

.local_net_col {
    margin-bottom: 15px;
    width: 360px;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}

.local_net_col:nth-child(odd) {
    margin-right: 0;
}

/* local_net */
.local_net_wrap {
    margin: 20px 0;
}

.local_net_col {
    margin-bottom: 15px;
    width: 360px;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}

.local_net_col:nth-child(odd) {
    margin-right: 0;
}

/* local_net_list */
.local_net_wrap {
    margin: 10px 0;
}

.local_net_list {
    position: relative;
}

.local_net_list ul {
    overflow: hidden;
}

.local_net_list ul li {
    overflow: hidden;
    padding: 3px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.local_net_list ul li:last-child {
    border-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.local_net_list ul li {
    display: table;
    width: 100%;
}

.local_net_list ul li div {
    display: table-cell;
}

.local_net_list .local_tit {
    display: table-cell;
    width: 100px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.local_net_list .img_wrap {
    overflow: hidden;
    position: relative;
    width: 130px;
}

.local_net_list .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.local_net_list .text {
    float: left;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: -1px;
    overflow: hidden;
    padding: 0 15px;
    height: 70px;
}

.local_net_list .text .cate {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(0, 131, 251, 1);
}

.local_net_list .text h3 {
    font-size: 15px;
    letter-spacing: -1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 1.9em;
    line-height: 1.9;
}


/* article */
.section_tit {
    position: relative;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 0;
}

.section_tit:after {
    content: '';
    display: table;
    clear: both;
}

.more {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 12px;
}

.article ul li a {
    display: inline-block;
    overflow: hidden;
}

.article .img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.article .img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: .7;
}

.add_btn {
    background: #fff;
    transition: all .5s;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 15px;
    cursor: pointer;
}

.add_btn:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .5s;
    color: rgba(0, 131, 251, 1);
    background: rgba(0, 131, 251, .08);
}

.article_list {
}

.article_list ul li {
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    padding-left: 10px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: -0.8px;
    background: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/bullet_dot.png) no-repeat 0 45%;
}

.promo {
    color: rgba(0, 131, 251, 1) !important;
}

.article_promoted {
    font-size: 13px;
}

/* article_thumb */
.article_thumb {
}

.article_thumb ul {
    overflow: hidden;
}

.article_thumb ul li {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.article_thumb ul li:first-child {
    padding-top: 0;
    height: 156px;
}

.article_thumb ul li:last-child {
    border-bottom: 0;
    height: 156px;
}

.article_thumb .img_wrap {
    overflow: hidden;
    position: relative;
    width: 250px;
    float: left;
}

.article_thumb .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_thumb .text {
    float: left;
    width: 490px;
    height: 141px;
    padding: 0 15px;
    letter-spacing: -1px;
    overflow: hidden;
    position: relative;
}

.article_thumb .text .cate {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .5);
}

.article_thumb .text h3 {
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 20px;
}

.article_thumb .lead {
    line-height: 25px;
    font-size: 16px;
    color: rgba(0, 0, 0, .5);
    height: 47px;
    overflow: hidden;
}

.article_thumb .icon_channel {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: default;
    opacity: 0.3;
}

.article_thumb .icon_channel span {
    padding-right: 5px;
}

.article_thumb .icon_channel span img {
    height: 12px;
}

/*.article_thumb .icon_channel .icon_on{display:inline-bloc296k;}*/
.article_thumb .icon_channel .icon_off {
    display: none;
}

/* article_thumb_small */
.article_thumb_small {
}

.article_thumb_small ul {
    overflow: hidden;
}

.article_thumb_small ul li {
    overflow: hidden;
    margin-bottom: 10px;
}

.article_thumb_small ul li:first-child {
    padding-top: 0;
}

.article_thumb_small ul li:last-child {
    border-bottom: 0;
}

.article_thumb_small .img_wrap {
    overflow: hidden;
    position: relative;
    width: 130px;
    float: left;
    margin-right: 10px;
}

.article_thumb_small .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_thumb_small .text {
    display: table;
    float: right;
    width: 160px;
    height: 71px;
}

.article_thumb_small .text h3 {
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: -1px;
    height: 74px;
    overflow: hidden;
    position: absolute;
}

.article_thumb_small .rank {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    background: rgba(0, 131, 251, .8);
    color: #fff;
}

/* article_card */
.article_card {
    position: relative;
}

.article_card ul {
    overflow: hidden;
}

.article_card ul li {
    width: 100%;
}

.article_card .img_wrap {
    position: relative;
    width: 300px;
    overflow: hidden;
}

.article_card .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_card .text {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0;
}

/* article_card_small */
.article_card_small {
    position: relative;
}

.article_card_small:after {
    content: '';
    display: table;
    clear: both;
}

.article_card_small ul {
    overflow: hidden;
}

.article_card_small ul li {
    width: 145px;
    float: left;
}

.article_card_small ul li:nth-child(odd) {
    margin-right: 10px;
}

.article_card_small ul li:nth-child(even) {
    margin-right: 0;
}

.article_card_small .img_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.article_card_small .img {
    min-width:145px;
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_card_small .text {
    font-size: 15px;
    line-height: 23px;
    padding: 6px;
    text-indent: 3px;
    letter-spacing: -0.8px;
    height: 56px;
    overflow: hidden;
    background-color: #eee;
}

.article_list_etc {
    margin-top: 10px;
}

/* article_card_box */
.article_card_box ul li {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.article_card_box .img_wrap {
    width: 300px;
}

.article_card_box .img {
    min-width: 145px;
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_card_box .text {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
}

.article_card_box .text h3 {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -1px;
    vertical-align: middle;
    display: table-cell;
    width: 300px;
    height: 169px;
    text-align: center;
    padding: 15px;
    cursor: pointer;
}


/* main right col */
/* youtube */
.youtube_tit {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
}

/* partners */
.partners li {
    float: left;
    width: 145px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 10px;
}

.partners li:nth-child(odd) {
    margin-right: 10px;
}

.partners li:nth-child(even) {
    margin-right: 0;
}

.partners li a img {
    width: 100%;
}

.partners:after {
    content: '';
    display: table;
    clear: both;
}

/* footer nav */
.footer_nav {
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin-top: 100px;
}

.footer_nav_main {
    font-size: 15px;
    padding: 15px 0;
    overflow: hidden;
}

.footer_nav_main li {
    width: 179px;
    float: left;
    color: #333;
}

.footer_nav_main li a {
    color: #333;
}

.footer_menu_btn,
.footer_menu_btn_con {
    width: 25px !important;
    float: right !important;
}

.footer_nav_sub {
    clear: both;
    padding-bottom: 20px;
    overflow: hidden;
}

.footer_nav_sub li {
    width: 179px;
    float: left;
    padding: 3px 0;
}

.footer_nav_sub li p a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 2;
}

.footer_nav_sub {
    display: none;
}

.fbtn.active .arrow {
    -webkit-transform: rotate(45deg) translate(-5px, -5px);
    transform: rotate(45deg) translate(-5px, -5px);
}

.fbtn.active .arrow:before {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

.fbtn.active .arrow:after {
    -webkit-transform: rotate(90deg) translate(10px, 0);
    transform: rotate(90deg) translate(10px, 0);
}

.fbtn.active ul {
    opacity: 0.3;
    height: 108px;
}

.footer_nav .arrow {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    bottom: -5px;
    left: -10px;
    transition: 0.4s ease;
    margin-top: 2px;
    text-align: left;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
}

.footer_nav .arrow:before,
.footer_nav .arrow:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 12px;
    height: 2px;
    background-color: #333;
    transition: 0.4s ease;
}

.footer_nav .arrow:after {
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -5px;
    left: 5px;
}

/* GE btn */
.ge_btn {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 2;
    position: relative;
    cursor: pointer;
}

.ge_btn i {
    position: absolute;
    top: 4px;
    right: 80px;
}

.ge_menu {
    display: none;
    font-size: 12px;
    line-height: 2;
}

/* footer */
.footer {
    position: relative;
    padding: 30px 0 100px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.footer address {
    display: inline-block;
    font-size: 12px;
}

.footer .footer_info {
    text-align: center;
    line-height: 30px;
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
}

.footer .footer_info strong {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
}

.footer .footer_info span {
    display: inline-block;
    font-size: 12px;
}

.footer_sns_wrap {
    text-align: center;
}

.footer_sns {
    display: inline-block;
}

.footer_sns li {
    float: left;
    font-size: 18px;
    margin: 0 10px;
}

.footer_sns .fa-facebook-f:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #4267b2;
}

.footer_sns .fa-twitter:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #1da1f2;
}

.footer_sns .fa-instagram:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #d10869;
}

.footer_sns .fa-product-hunt:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #fae100;
}

.footer_sns .fa-rss:hover {
    -webkit-transition: .3s;
    transition: .3s;
    color: #ff7d1e;
}

/* move util */
.move p {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: rgba(255, 255, 255, .5)
}

.back_btn {
    position: fixed;
    bottom: 10px;
    left: 20px;
}

.up_down {
    position: fixed;
    bottom: 10px;
    right: 20px;
}

.up_down p {
    display: block;
    margin-top: 10px;
}

/* best click */
.title_best {
    margin-bottom: 30px;
    font-size: 24px;
}

.title_best span {
    padding: 0 10px;
    box-shadow: inset 0 -12px 0 #a6d4fe;
    transition: box-shadow .3s ease-out, background-color .3s ease-out;
}

/* article_thumb_best */
.article_thumb_best {
}

.article_thumb_best ul {
    overflow: hidden;
}

.article_thumb_best ul li {
    overflow: hidden;
    width: 100%;
    height: 131px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.article_thumb_best ul li:last-child {
    border-bottom: 0;
}

.article_thumb_best .no {
    width: 50px;
    margin-right: 15px;
    color: rgba(0, 131, 251, 1);
    font-size: 30px;
    float: left;
    line-height: 101px;
    text-align: center;
}

.article_thumb_best .img_wrap {
    overflow: hidden;
    width: 180px;
    float: left;
    margin-right: 15px;
}

.article_thumb_best .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_thumb_best .text {
    float: left;
    width: 480px;
    height: 101px;
    letter-spacing: -1px;
    overflow: hidden;
    position: relative
}

.article_thumb_best .text .cate {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
}

.article_thumb_best .text h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 17px;
    letter-spacing: -1px;
}

.article_thumb_best .lead {
    height: 24px;
    font-size: 15px;
    color: rgba(0, 0, 0, .5);
}

.article_thumb_best .icon_channel {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: default;
    opacity: 0.3;
}

.article_thumb_best .icon_channel span {
    padding-right: 5px;
}

.article_thumb_best .icon_channel span img {
    height: 12px;
}

/*.article_thumb_best .icon_channel .icon_on{display:inline-block;}*/
.article_thumb_best .icon_channel .icon_off {
    display: none;
}

/* article */
.article_wrap {
    overflow: hidden;
    line-height: 1.3;
}

/* top_ban_article */
.top_ban_article {
    text-align: center;
    padding: 0 0 20px 0;
}

.top_ban_article img {
    height: 120px;
}

/* article_head */
.article_wrap .article_head {
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 0;
    margin-bottom: 20px;
}

.article_wrap .article_title {
    margin-bottom: 15px;
    font-size: 30px;
}

.article_wrap .article_byline {
    margin-bottom: 10px;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

.article_wrap .article_byline span {
    margin-right: 10px;
}

.article_wrap .article_count {
    float: left;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

.article_wrap .article_count p {
    display: inline-block;
    margin-right: 10px;
}

.article_wrap .article_count p:hover {
    cursor: pointer;
}

.article_wrap .fb_impressions:hover {
    color: #4267b2
}

.article_wrap .tw_exposure:hover {
    color: #1da1f2
}

.article_wrap .article_util {
    float: right;
    color: rgba(0, 0, 0, .5);
}

.article_wrap .article_util p {
    display: inline-block;
    margin: 0 10px;
}

.article_wrap .article_util p:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
}

/* tabs */
.tabs {
    margin-bottom: 20px;
    overflow: hidden;
    clear: both;
}

.tabs li {
    float: left;
    width: 25%;
}

.tabs li a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
    color: rgba(0, 0, 0, .3);
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.tabs li a.selected {
    background-color: #EFEFEF;
}

.tabs li:first-child {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

/* article_body */
.article_wrap .article_body {
    width: 100%;
    height: auto;
    background: #fff;
}

.article_wrap .article_body > p {
    margin-bottom: 15px;
    line-height: 2;
    font-size: 17px;
}

.article_wrap .article_body .ar_content > div {
    font-size: 17px;
    line-height: 1.9;
    color: #333;
}

.article_wrap .article_body .ar_content > div b {
    font-weight: bold;
}


/* 기사 본문 스타일 시작 */
/* images */
.article_wrap figure {
    margin-bottom: 20px;
    margin: 0 auto;
    max-width: 740px;
    width: 600px
}

.article_wrap .figure img {
    width: 100%;
}

.article_wrap .caption {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

/* iframe */
/*.article_wrap .iframe{width:600px;margin:30px auto;}*/
/*.article_wrap iframe{width:600px;height:337px;}*/


/* blockquote */
.article_wrap .blockquote {
    display: block;
    width: 600px;
    margin: 30px auto;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    color: rgba(0, 0, 0, .5);
}

.article_wrap .blockquote blockquote::before {
    display: block;
    content: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/quotes.png);
    color: rgba(0, 0, 0, .2);
}

.article_wrap .blockquote blockquote::after {
    display: block;
    content: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/quotes_02.png);
    color: rgba(0, 0, 0, .2);
}

/* quotes */
.article_wrap .quotes_wrap {
    overflow: hidden;
    width: 740px;
    height: 90px;
    margin: 30px auto;
    border: 1px solid rgba(0, 0, 0, .1);
}

.article_wrap .quotes .item a {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.article_wrap .quotes .images_wrap {
    float: left;
    width: 90px;
}

.article_wrap .quotes .images {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(150 / 150 * 100%);
}

.article_wrap .quotes .text h3 {
    height: 35px;
    line-height: 30px;
    font-weight: bold;
    font-size: 17px;
    overflow: hidden;
}

.article_wrap .quotes .text p {
    line-height: 1.5;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

/* message */
.article_wrap .message {
    background: rgba(0, 131, 251, .05);
    border: 1px solid rgba(0, 131, 251, .15);
    padding: 30px;
    margin-bottom: 15px;
    line-height: 2;
    font-size: 16px;
    letter-spacing: -.5px;
}

/* link */
.article_wrap .link {
    font-weight: 700;
    box-shadow: inset 0 -2px 0 #0083fb;
    padding-bottom: 1px;
}

.article_wrap .link:hover {
    color: #0083fb;
    cursor: pointer;
}

/* 기사 본문 스타일 끝 */


/* keyword */
.article_wrap .keyword_wrap {
    padding: 15px 0;
    margin: 50px 0;
    font-size: 14px;
    clear: both;
}

.article_wrap .keyword_wrap a {
    display: inline-block;
    margin: 10px;
}

.article_wrap .keyword_wrap a:hover {
    color: rgba(0, 131, 251, 1);
}

/* reporter */
.article_wrap .reporter {
    display: table;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0;
    margin: 50px 0;
}

.article_wrap .reporter div {
    float: left;
    display: table-cell;
    vertical-align: middle;
}

.article_wrap .reporter_pic {
    float: left;
    overflow: hidden;
    width: 9%;
    height: 66px;
    margin: 0 15px;
    border-radius: 50px;
}

.article_wrap .reporter_pic .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.article_wrap .reporter_info {
    float: left;
    width: 625px;
    margin-right: 15px;
    font-size: 14px;
}

.article_wrap .reporter_info .reporter_word {
    line-height: 1.6;
    padding-top: 15px;
    width: 100%;
}

.article_wrap .reporter_name {
    font-size: 17px;
}

.article_wrap .reporter_name span {
    margin-right: 10px;
    display: block;
    padding-top: 4px;
}

.article_wrap .reporter_mail {
}

/* copyright */
.article_wrap .copyright {
    font-size: 12px;
    line-height: 1.8;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 30px;
}

/* reply */
.reply_wrap {
    width: 100%;
    margin-bottom: 50px;
}

.reply_sns {
    margin-bottom: 20px;
}

.reply_sns h2 {
    display: inline-block;
}

.reply_sns p {
    display: inline-block;
    margin: 0 10px;
}

.reply_sns p:hover {
    display: inline-block;
    margin: 0 10px;
    opacity: 1;
}

.reply_sns p img {
    height: 13px;
}

.reply_wrap .reply_write {
    padding: 20px;
    background: rgba(0, 0, 0, .05);
}

.reply_wrap .reply_write p {
    font-size: 15px;
}

.reply_wrap .user_pic {
    display: inline-block;
    width: 75px;
    height: 75px;
    float: left;
}

.reply_wrap .user_pic .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.reply_wrap .reply_btn {
    float: right;
    vertical-align: top;
    width: 75px;
    height: 75px;
    padding: 10px;
    border: 0;
}

.reply_wrap .txtarea {
    overflow-y: scroll;
    width: 550px;
    height: 75px;
    padding: 10px;
    border: 0;
}

.reply_wrap .reply_list {
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

.reply_wrap .reply_list li {
    position: relative;
    clear: both;
    height: auto;
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.reply_wrap .reply_list li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.reply_wrap .reply_list .user_pic_sm {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 20px;
}

.reply_wrap .reply_list .user_pic_sm .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.reply_user {
    float: left;
    width: 625px;
    font-size: 15px;
    line-height: 1.5;
}

.reply_list ul {
    border-bottom: 1px solid #ccc;
}

.sns_reply {
    margin-right: 5px;
}

.user_nick {
    margin-right: 10px;
}

.reply_time {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
}

.reply_con {
    padding: 10px 0;
}

.reply_close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: rgba(0, 0, 0, .5);
}

.reply_close:hover {
    color: rgba(0, 0, 0, 1);
}

.reply_add_btn {
    padding: 15px 0;
    width: 180px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    transition: all .5s;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.reply_add_btn:hover {
    transition: all .5s;
    color: rgba(0, 131, 251, 1);
}

.reply_add_btn span {
    padding-top: 10px;
}


/* twitter_rt */
.twitter_rt {
    width: 100%;
    margin-bottom: 50px;
}

.twitter_rt h2 {
    padding: 15px;
    background: rgba(0, 131, 251, .05);
}

.twitter_rt_list_wrap {
    display: block;
}

.twitter_rt .twitter_rt_list {
    border: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: -1px;
}

.twitter_rt .twitter_rt_list li {
    position: relative;
    clear: both;
    height: auto;
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.twitter_rt .twitter_rt_list li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.twitter_rt .twitter_rt_list .user_pic_sm {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 20px;
}

.twitter_rt .twitter_rt_list .user_pic_sm .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.twitter_rt .rt_user {
    float: left;
    width: 625px;
    font-size: 15px;
    line-height: 1.5;
}

.twitter_rt .user_nick {
    margin-right: 10px;
}

.twitter_rt .rt_time {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
}

.twitter_rt .rt_con {
    padding: 10px 0;
}

.twitter_rt .rt_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.twitter_rt .rt_btn a {
    display: inline-block;
    color: #1da1f2;
    border: 1px solid #1da1f2;
    border-radius: 15px;
    padding: 3px 13px;
    font-size: 13px;
}

.twitter_rt .rt_btn a:hover {
    color: #fff;
    background: #1da1f2;
}

.twitter_rt .reply_add_btn {
    padding: 15px 0;
    width: 180px;
    margin: 0 auto 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    transition: all .5s;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
}

.twitter_rt .reply_add_btn:hover {
    transition: all .5s;
    color: rgba(0, 131, 251, 1);
}

.twitter_rt .reply_add_btn span {
    padding-top: 10px;
}


/* 함께 쓴 히스토리 */
.history_list {
}

.history_list ul {
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 13px;
}

.history_list ul li {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.history_list ul li p {
    display: inline-block;
    float: left;
    text-align: center;
}

.history_list .numb {
    width: 40px;
}

.history_list .date {
    width: 200px;
}

.history_list .name {
    width: 350px;
}

.history_list .last {
    width: 100px;
}

.history_list .paging {
    clear: both;
    text-align: center;
    font-size: 15px;
    color: rgba(0, 0, 0, .5);
}

.history_list .paging span {
    margin: 10px;
    cursor: pointer;
}

.history_list .paging .num_on {
    color: rgba(0, 0, 0, 1)
}


/*광고 강제설정*/
.wikitree_ad img {
    width: 100%;
    height: auto !important;
}

.native-banner img {
    width: 100% !important;
}

/*배댓뉴스*/
#modalLayer-letter {
    display: none;
    position: relative;
}

#modalLayer-letter .modalContent {
    width: 260px;
    height: 410px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 5000;
    background: #fff;
}

#modalLayer-letter .modalContent button {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

#modalLayer-letter .modalContent .modlblock {
    z-index: 10;
    position: relative;
    width: 260px;
    height: 410px;
    background: #fff;
}

#modalLayer-letter .modalContent .bg {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 5px;
}

.modalContent > button {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
    border: none;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
}

#modalLayer-letter .modalContent .head {
    color: #fff;
    background: #0083FB;
    padding: 10px;
    font-size: 18px;
}

#modalLayer-letter .modalContent .envelope-img {
    background-image: url(http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_common/envelope.png);
    background-repeat: no-repeat;
    background-size: 80px 62px;
    width: 80px;
    height: 62px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 15px;

}

#modalLayer-letter .content {
    text-align: center;
    padding: 0 10px 30px 10px;
}

#modalLayer-letter .content p {
    font-size: 14px;
    margin: 0;
}

#modalLayer-letter .content p.small {
    margin-top: 30px;
    color: #333;
    font-size: 12px;
    margin-bottom: 25px;
}

#modalLayer-letter .content p.small span {
    color: #0083FB;
}

#modalLayer-letter .form-control {
    width: 100%;
    height: 40px;
    font-size: 14px;
    margin-bottom: 10px;
}

#modalLayer-letter .btn-theme {
    text-decoration: none;
    font-size: 16px;
    width: 89%;
    margin: 0 auto;
    background: #f7f7f7;
}

#modalLayer-letter .modalContent .check .btn-theme {
    margin: 20px auto 0;
}

#modalLayer-letter .modalContent .check .fa {
    font-size: 80px;
    margin: 40px 0 20px;
    color: #FA27F9;

}

#modalLayer-letter .modalContent .check em {
    font-style: normal;
    color: #0083FB;
}

#modalLayer-letter .modalContent .check .form-block {
    margin-top: 30px;
}

/*기사 내용*/
.hiddenImg {
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    display: none;
}

.wtbanner {
    margin: 10px;
}

.wbt {
    height: 38px;
    padding: 2px 0;
}

.embedBorder {
    border: 0 !important;
}

.embedBorder iframe {
    max-width: 100%
}

.hidden, .dpn {
    display: none;
}

.widthtree_ad div {
    padding-bottom: 10px;
    width: 100%
}

.widthtree_ad div img {
    width: 100%;
    height: auto !important
}

#right_view_01_1 {
    width: 100% !important;
}


#nwcu {
    border: 1px solid #ddd !important;
    width: 100%;
    /*max-width:440px;*/
    font-size: 12px;
    padding: 5px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}

/*.content_img { text-align: center !important;}*/
.content_img img {
    max-width: 100%;
!important;
}

/*.content_img_txt{text-align:center !important;}*/
/*.embedBorder {text-align: center !important;}*/

.content_img_txt {
    line-height: 14px !important;
    color: #767676 !important;
    margin-top: 5px;
    font-family: '맑은 고딕' !important;
    font-size: 11px !important;
}

#nwcu:before {
    background: #050055;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: "";
}

#nwcu.notranslate div {
    color: #757575 !important;
}

#nwcu.notranslate a {
    color: #050055 !important;
    font-size: 14px;
    letter-spacing: -0.05em;
}

.notranslate a, #nwcu.notranslate div {
    text-decoration: none !important;
    padding-bottom: 0 !important;
}

#nwcu .displaynone {
    display: none !important
}

#nwcu:after {
    clear: both;
    display: block;
    content: "";
}

#nwcu.notranslate div:nth-child(3) {
    display: none !important
}


/*search*/
.search_tit {
    padding: 30px 0px 20px 0px;
    font-size: 20px;
}


/*print*/
.nview_print {
    margin: 20px 20px 0 20px;
    min-width: 700px;
}

.nview_print .top div {
    position: absolute;
    top: 40px;
    left: 145px;
    font-size: 15px;
    color: #235ddb;
    font-weight: bold;
}

.nview_print .top p {
    float: right;
    margin: 20px 10px 0 0;
}

.nview_print .info {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px #000 solid
}

.nview_print .info .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    font-family: gulim
}

.nview_print .info .etc {
    font-size: 11px;
    color: #999;
    margin-top: 10px;
    margin-left: 60px
}

.nview_print .news_bar {
    margin: 20px;
    margin-left: 0
}

.nview_print .keyword {
    padding-bottom: 10px
}


/* 이하 경제 이하 경제 이하 경제 이하 경제 이하 경제 */

/* 헤드라인 슬라이드 */
.economy_main .main_slide_item {
    position: relative;
    display: inline-block;
    width: 100%;
}

.economy_main .main_slide .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(167 / 400 * 100%);
}

.economy_main .main_slide h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1100px;
    padding: 0 100px 40px 100px;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.4;
}

.economy_main .main_slide_cate h3 {
    width: 740px;
}

.economy_main .main_slide h3 span {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

.economy_main .main_slide_cate h3 span {
    padding: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    vertical-align: text-top;
}

.economy_main .main_slide .img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.economy_main .slick-dots {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 100px;
    height: 30px;
}

.economy_main .slick-dots li {
    margin: 0;
    width: 25px;
    height: 25px;
}

.economy_main .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.economy_main .slick-next {
    right: 30px;
    top: 45%;
}

.economy_main .slick-prev {
    left: 30px;
    z-index: 2;
    top: 45%;
}

.economy_main .slick-next:before {
    background-image: url('http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/icon/next_arr.png');
    background-size: 33px 60px;
    display: inline-block;
    width: 33px;
    height: 60px;
    content: "";
}

.economy_main .slick-prev:before {
    background-image: url('http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/icon/prev_arr.png');
    background-size: 33px 60px;
    display: inline-block;
    width: 33px;
    height: 60px;
    content: "";
}

.economy_main .slick-dots li button:before {
    font-size: 12px;
}

.economy_main .slick-prev,
.economy_main .slick-next {
    width: 33px;
    height: 60px;
}

/* 추천 카테고리 */
.recom {
    margin-bottom: 20px;
}

.recom:after {
    content: '';
    display: block;
    clear: both;
}

.recom_cate {
    width: 343px;
    height: auto;
    display: inline-block;
    margin-right: 30px;
    float: left;
}

.recom_cate:last-child {
    margin-right: 0;
}

.recom_cate_item {
    position: relative;
    display: inline-block;
    width: 100%;
}

.recom_cate_tit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    display: inline-block;
    background: rgba(0, 131, 251, .7);
    z-index: 3;
}

.recom_cate_tit a {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.recom_cate_item .img_wrap {
    overflow: hidden;
}

.recom_cate_item .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(210 / 400 * 100%);
}

.recom_cate_item h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.4;
}

.recom_cate_item h3 a {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

.recom_cate_item h3 a:hover {
    text-decoration: underline;
}

.recom_cate_item .img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.recom_cate ul {
    padding-top: 10px;
}

.recom_cate ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 1.2em;
    margin-bottom: 15px;
    line-height: 1.2;
}

.recom_cate ul li a:hover {
    text-decoration: underline;
}

/* article_list_related */
.article_list_related {
}

.article_list_related a h3,
.article_sub a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 1.4em;
    line-height: 1.5;
}

.article_list_related a:hover {
    text-decoration: underline;
}

.article_main {
    font-size: 24px;
    line-height: 1.7;
}

.article_sub {
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.article_sub li {
    position: relative;
}

.article_sub li a {
    color: rgba(0, 0, 0, .5);
}

.article_sub li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    left: -10px;
    width: 5px;
    height: 5px;
    background-image: url('http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_0615new/bullet_re.png');
    background-size: 5px 5px;
    opacity: .5;
}

/* keyword_eco */
.keyword_eco {
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.keyword_eco:after {
    content: '';
    display: block;
    clear: both;
}

.keyword_eco_col {
    background: #333;
    width: 360px;
    overflow: hidden;
    display: inline-block;
    margin: 0 20px 15px 0;
    float: left;
}

.keyword_eco_col:nth-child(odd) {
    margin-right: 0;
    float: right;
}

.keyword_eco_col h3 {
    font-size: 24px;
    color: #fff;
}

.keyword_eco_col ul {
    padding: 20px 20px 10px;
}

.keyword_eco_col ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 1.2em;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #fff;
}

.keyword_eco_col ul li a {
    color: #fff;
}

.keyword_eco_col ul li a:hover {
    text-decoration: underline;
}

/* article_best */
.article_best {
}

.article_best ul {
    overflow: hidden;
}

.article_best ul li {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.article_best ul li:last-child {
    border-bottom: 0;
}

.article_best ul li a {
    display: table;
    width: 100%;
}

.article_best ul li a div {
    display: table-cell;
}

.article_best .no {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    color: rgba(0, 131, 251, 1);
    font-size: 30px;
    text-align: center;
}

.article_best .img_wrap {
    overflow: hidden;
    position: relative;
    width: 180px;
}

.article_best .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_best .text {
    float: left;
    display: table-cell;
    padding: 0 15px;
    letter-spacing: -1px;
    overflow: hidden;
    height: 101px;
}

.article_best .text .cate {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgba(0, 131, 251, 1);
}

.article_best .text h3 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 1.1em;
}

.article_best .lead {
    font-size: 15px;
    color: rgba(0, 0, 0, .5);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 3.3em;
}

/* eco_article_head */
.eco_article_head .article_head {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 50px 0 20px;
    margin-bottom: 20px;
}

.eco_article_head .category {
    font-size: 18px;
    margin-bottom: 5px;
}

.eco_article_head .article_title {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.5;
}

.eco_article_head .article_byline {
    margin-bottom: 10px;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

.eco_article_head .article_byline span {
    margin-right: 10px;
}

.eco_article_head .article_count {
    float: left;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

.eco_article_head .article_count p {
    display: inline-block;
    margin-right: 10px;
}

.eco_article_head .article_count p:hover {
    cursor: pointer;
}

.eco_article_head .fb_impressions:hover {
    color: #4267b2;
}

.eco_article_head .tw_exposure:hover {
    color: #1da1f2;
}

.eco_article_head .article_util {
    float: right;
    color: rgba(0, 0, 0, .5);
}

.eco_article_head .article_util p {
    display: inline-block;
    margin: 0 10px;
}

.eco_article_head .article_util p:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
}

/* 경제 사이드 실시간 10 */
.article_list_live ul {
    padding-left: 10px;
    position: relative;
}

.article_list_live ul:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0px;
    left: 9px;
    width: 3px;
    height: 14px;
    background: #fff;
    z-index: 3;
}

.article_list_live ul li {
    position: relative;
    padding-left: 15px;
    font-size: 15px;
}

.article_list_live h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 2.0em;
    font-weight: 300;
    padding: 10px 0;
    line-height: 1.3;
}

.article_list_live ul li a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 32px;
    background: #acacac;
}

.article_list_live ul li a:hover {
    text-decoration: underline;
}

.article_list_live ul li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 14px;
    left: -4px;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #acacac;
}

/* article_thumb_flex */
.article_thumb_flex {
}

.article_thumb_flex ul {
    overflow: hidden;
}

.article_thumb_flex ul li {
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.article_thumb_flex ul li a {
    display: table;
    width: 100%;
}

.article_thumb_flex ul li:first-child {
    padding-top: 0;
}

.article_thumb_flex ul li:last-child {
    border-bottom: 0;
}

.article_thumb_flex .img_wrap {
    width: 250px;
    float: left;
    display: table-cell;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
}

.article_thumb_flex .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(169 / 300 * 100%);
}

.article_thumb_flex .text {
}

.article_thumb_flex .text .cate {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .5);
}

.article_thumb_flex .text h3 {
    margin-bottom: 5px;
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

.article_thumb_flex .lead {
    line-height: 25px;
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

.article_thumb_flex .icon_channel {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: default;
    opacity: 0.3;
}

.article_thumb_flex .icon_channel span {
    padding-right: 5px;
}

.article_thumb_flex .icon_channel span img {
    height: 12px;
}

.article_thumb_flex .icon_channel .icon_on {
    display: inline-block;
}

.article_thumb_flex .icon_channel .icon_off {
    display: none;
}

/* 필자별 목록 */
.reporter_intro {
    padding: 180px 0 0;
    margin-bottom: 100px;
    background: url('http://cdnweb01.wikitree.co.kr/webdata/web_skin/skin01/_images/_common/bg_re.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.reporter_intro .container {
    position: relative;
}

.reporter_intro .reporter {
    width: 95%;
    overflow: hidden;
    padding: 30px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    top: -100px;
    position: absolute;
}

.reporter_intro .reporter:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.reporter_intro .reporter_pic {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.reporter_intro .reporter_pic .img {
    width: 100%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(200 / 200 * 100%);
}

.reporter_info {
    float: left;
    margin-right: 15px;
}

.reporter_intro .reporter_name {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 10px;
}

.reporter_intro .reporter_mail {
    margin-bottom: 5px;
    font-size: 15px;
    color: rgba(0, 0, 0, .5);
}

.reporter_intro .reporter_word {
    line-height: 1.5;
    font-size: 15px;
}

.reporter_sns_wrap {
    float: right;
    width: 60px;
    font-size: 20px;
}

.reporter_sns {
    display: inline-block;
}

.reporter_sns a {
    color: rgba(0, 0, 0, .3);
}

.reporter_sns_tw {
    padding-left: 20px;
}

.sns_on .reporter_sns_tw a {
    color: #1da1f2;
}

.sns_on .reporter_sns_fb a {
    color: #4267b2;
}

/* 검색 페이지 */
.search_result {
    padding: 30px 0;
    color: #595959;
    line-height: 1.5;
    font-size: 17px;
}

.search_result strong {
    font-weight: 900;
    color: #0083fb;
    font-size: 22px;
}

.search_result_more {
    padding: 15px 20px 50px;
    cursor: pointer;
    font-size: 15px;
    color: #595959;
}

.search_result_more {
    text-align: right;
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.keyword_result {
    display: inline-block;
    float: right;
    font-weight: 300;
    cursor: pointer;
}

.pagination_wrap {
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.search_pagination {
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
    width: 280px;
}

.search_pagination li {
    float: left !important;
    width: 30px;
    margin: 0 5px;
}

.search_active {
    font-weight: bold;
}

.result_none {
    padding: 100px 0;
    font-size: 17px;
    text-align: center;
}


/* paging */
.paging_1 {
    width: 100%;
    margin: 20px auto 45px auto;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    display: block;
    ay: inline-block;
}

.paging_1 .num_b {
    padding: 10px;
    text-align: center;
    display: inline-block;
    color: #333;
    border: 1px solid #fafafa;
}

.paging_1 .num_b img {
    margin-top: 10px
}

.paging_1 a:hover {
    padding: 10px;
    display: inline-block;
    color: #cccccc;
}

.paging_1 .num_b_on {
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    color: #00275E;
    background-color: #ccc;
}


/* wikitree banner */
.ban_left_wiki {
    position: relative;
}

.ban_left_wiki .ban_btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.ban_left_wiki a {
    display: block;
    border: 2px solid #fff;
    width: 80px;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    margin-top: 10px;
}

.ban_left_wiki a i {
    float: right;
}


.partner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px;
    font-size: 15px;
    text-align: center;
    background: rgba(0, 131, 251, .8);
    color: #fff;
    z-index: 999;
}