﻿/**************************************************
* news_style.css list
*
* 1 - reset&common
*   1.1 - reset
*   1.2 - common
*
* 2 - header
*   2.1 - 뉴스
*   2.2 - 주메뉴(상단)
* 3 - contents(메인컨텐츠)
*   3.1 - 뉴스 홈
*   3.2 - 기사검색, 기사등록, 기사검색 결과
* 4 - sub category(sub main)
* 5 - sub view(경제일반 본문)
* 6 - sub list(칼럼/사설)
* 7 - sub list(포토)
*   7.1 - sub list(포토 list)
*   7.2 - sub view(포토 상세)
*   7.3 - dialogpage 공유하기
* 8 - sub main (연예)
*   8.1 - header
*   8.2 - content
*       8.2.1 - 기사검색, 기사등록, 기사검색 결과
*       8.2.2 - 방송 리스트
*       8.2.3 - 방송 리스트 상세
* 9 - sub main (스포츠)
*   9.1 - header
*   9.2 - content
*       9.2.1 - 기사검색, 기사등록, 기사검색 결과
*       9.2.2 - 스포츠 리스트
*       9.2.3 - 스포츠 리스트 상세
* 10 - sub main (이벤트/체험단)
*   10.1 - header
*   10.2 - content
*   10.3 - event list
*   10.4 - 나의 응모내역
*   10.5 - 당첨자발표
*   10.6 - event view
*   10.7 - 당첨자발표 상세
* 11 - sub main(톡투유)
*   11.1 - header
*   11.2 - content
*       11.2.1 - 토크, 잇슈
*       11.2.2 - 포토/영상
*       11.2.3 - 서베이
* 5 - footer
* 6 - media query

**************************************************/

/**************************************************
* 1 - reset
**************************************************/
/**************************************************
*   1.1 - reset
**************************************************/
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;

    /* Browsers have different default form fonts */
    font-size:13px;
    font-family:Arial;
}
textarea{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    background:none;
    line-height:1;

    /* Browsers have different default form fonts */
    font-size:13px;
    font-family:Arial;
}


/* Remove the stupid outer glow in Webkit */
input:focus
{
    outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
    width:13px;
    height:13px;
    border: 1px solid #CCCCCC;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
    display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    /* Fix IE7 display bug */
    overflow:visible;
    width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}

/* Textarea
-----------------------------------------------*/

textarea
{
    /* Move the label to the top */
    vertical-align:top;

    /* Turn off scroll bars in IE unless needed */
    overflow:auto;
}

/* Selects
-----------------------------------------------*/

select
{

}

select[multiple]
{
    /* Move the label to the top */
    vertical-align:top;
}


/*jquery mobile reset*/
.ui-header, .ui-footer {
    border: none;
}
.ui-header-fixed {
    padding-top: 0;
}
@media screen and (orientation: portrait){
    .ui-mobile .ui-page {
        min-height: inherit;
        margin-top: 0;
    }
}


/**************************************************
*   1.2 - common
**************************************************/
body{
    font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
    -webkit-text-size-adjust:none;
    background-color: #e9e9e9;
    font-size: 100%;
}
/*select, input등에 원치않는 그라데이션과 라운드가 처리되어 있는데, 이 form 요소의 기본속성을 초기화하는 방법*/
a, a:link, a:active, a:visited, a:hover{
    color: inherit;
    text-decoration: none;
}
nav:not(.mm-menu){
    display: none;
}
.hidden{display: none;visibility: hidden;text-indent: -5000px;width: 0;height: 0;font-size: 0;line-height: 0}


/*input type list*/
.input_search_t1{
    width: 100%;
    padding: 0 10px;
    line-height: 28px;
    border: 1px solid #006acc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}
.input_text_t1{
    width: 100%;
    font-size: 15px;
}
.input_text_t1::-webkit-input-placeholder{
    font-size: 15px;
    font-weight: bold;
    color: #555555;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px;
    color:    #666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color:    #666666;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    color:    #666666;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    color:    #666666;
}

/*select type*/
.select_type1{
    -webkit-appearance: none;
    width: 100%;
    padding: 0;
    border: none;
    background: url(../images/sub/common/btn_more2.png) no-repeat right;
    font-size: 15px;
    font-weight: bold;
    color: #777777;
    vertical-align: initial;
    box-sizing: border-box;
}

.btn-primary {
    color: #fff;
    background-color: #d94136;
    border-color: #d94136;
}

.btn-default {
    background: #BDBDBD;
    box-shadow: none !important;
    color: #fff;
}

.btn {
    border: none !important;
    border-radius: 0;
    padding: 5px 20px;
}

.btn-s {
    border: none !important;
    border-radius: 0;
    padding: 3px 7px;
}

.btn, .btn-s, a, a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.form-control {
    height: 22px;
    line-height: 22px;
    border: 1px solid #d7d7d7;
    border-radius: 3px 3px 3px 3px;
    background-color: #fbfbfb;
    padding-left: 5px;
    padding-right: 0px;
    margin-right: 3px;
    margin-bottom: 2px;
    margin-top: 2px;
    letter-spacing: 0px;
    font-size: 12px;
}


/**************************************************
* 2 - header
**************************************************/
.header_inner{
    position: relative;
    height: 36px;
    padding-top: 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}

/**************************************************
*   2.1 - 뉴스
**************************************************/
.header_inner.sub_header{
    background-color: #006acc;
}
.header_inner.sub_header h1 {
    line-height: 24px;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.header_inner.sub_header .btn_back{
    position: absolute;
    top: 15px;
    left: 15px;
}
.header_inner.sub_header .btn_close{
    position: absolute;
    top: 11px;
    right: 15px;
    padding: 4px 10px;
    border: 1px solid #ffffff;
    font-size: 12px;
    color: #ffffff;
}
.header_inner .header_category{
    position: relative;
    left: 160px;
    width: 198px;
    /*margin: 0 auto;*/
    border: 1px solid #006acc;
    border-right: none;
    font-size: 0;
}
.header_inner .header_category a{
    display: inline-block;
    width: 65px;
    padding: 5px 0;
    border-right: 1px solid #006acc;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #006acc;
}
.header_inner .header_category a.selected{
    background-color: #006acc;
    color: #ffffff;
}
.header_inner .logo{
    position: absolute;
    top: 2px;
    left: 20px;
}
.header_inner .btn_search{
    position: absolute;
    top: 14px;
    right: 10px;
}

/**************************************************
*   2.2 - 주메뉴(상단)
**************************************************/
.main_menu a{
    font-weight: bold;
}
.swiper-container {
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #b8b8ba;
}
.swiper-slide {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    /*width: 48px;*/
    width: auto;
    padding: 0 10px;
    line-height: 43px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide:nth-child(1) {
    padding: 0 8px 0 15px;
}
.swiper-slide:nth-child(13n) {
    padding: 0 15px 0 8px;
}
.swiper-slide.selected{
    color: #006acc;
}

/**************************************************
* 3 - contents
640px 이하일 때는 하나의 컬럼, 그 이상일 때는 두 개의 컬럼
**************************************************/

/**************************************************
*   3.1 - 뉴스 홈
**************************************************/
.home_wrap{
    overflow: hidden;
    padding-top: 10px;
    background-color: #e9e9e9;
}
.group_reset{
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}
.group_center_bar{
    position: absolute;
    top: 0;
    left: 49.4%;
    display: none;
    width: 1.2%;
    height: 100%;
    background-color: #e9e9e9;
}
.group_left, .group_right{
    background-color: #ffffff;
}
/*기사*/
.group_left li, .group_right li{
    border-top: 1px solid #d9d9da;
}
.group_left li:first-child, .group_right li:first-child{
    border-top: none;
}
.group_right li:first-child{
    border-top: 1px solid #d9d9da;
}
a.news_drw {
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 100;
    padding: 0 15px;
    color: #000;
    background: #fff;
    box-shadow: 1px 0 1px rgba(223,223,223,0.5);
}
.news_im{
    position: relative;
    float: left;
    width: 77px;
    margin: 12px;
    margin-left: 0;
}
.news_im img {
    vertical-align: middle;
}
.news_tx {
    padding: 9px 0 8px;
}
.news_normal li:first-child .news_tx {
    padding-top: 12px;
}
.news_tit strong{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
}
.news_modify {
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
}
.news_press{
    vertical-align: middle;
}
.news_press b, .news_modify b{
    font-size: 12px;
    font-weight: normal;
    color: #777777;
}

/*많이 본 뉴스*/
.group_comp{
    margin-top: 10px;
}
.news_title {
    position: relative;
    margin-bottom: -1px;
    border-bottom: 1px solid #d9d9da;
    font-size: 17px;
}
.news_title a{
    position: relative;
    display: block;
    padding: 13px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.news_title a span{
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 13px;
    margin-top: -6px;
    background: url(../images/sub/common/btn_more1.png) no-repeat;
}
.news_rank{
    background-color: #d9d9da;
}
.news_rank li {
    background-color: #ffffff;
    border-top: 1px solid #d9d9da;
}
.news_rank li:nth-of-type(1){
    border-top: none;
}
.news_rank li a{
    display: block;
}
.news_rank_tx {
    font-size: 15px;
}
.news_rank_tx strong {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}
.news_rank_tx strong b{
    display: inline-block;
    min-width: 80px;
    color: #4d74cb;
    font-weight: normal;
}
.news_rank a {
    position: relative;
    display: block;
    height: 39px;
    padding: 0 15px;
    line-height: 39px;
}
/**************************************************
*   3.2 - 기사검색, 기사등록, 기사검색 결과
**************************************************/
/*reset ui-content*/
.sub_wrap.ui-content{
    padding: 0;
}

/*기사검색*/
.search_wrap{
    background-color: #ffffff;
    border-bottom: 1px solid #e9e9e9;
}
.search_container{
    margin: 0 15px;
    padding: 10px 0;
    background: url("../images/sub/common/btn_search1.png") no-repeat 100% 10px;
}
.search_msg{
    background-color: white;
}
.search_msg .nodata {
    padding: 112px 0 113px;
    font-size: 15px;
    color: #666;
    text-align: center;
}

/*기사등록*/
.select_box_type{
    position: relative;
    border-bottom: 1px solid #d9d9da;
    background-color: white;
    font-size: 15px;
}
.select_box_type .box_content{
    position: relative;
    display: block;
    padding: 13px 0;
    margin: 0 15px;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.select_box_type .select_title{
    width: 30%;
}
.select_box_type .select_category{
    position: absolute;
    top: 14px;
    right: 0;
    width: 60%;
}

.select_box_type div strong{
    font-size: 15px;
    color: #555555;
}
.select_box_type.file_type{
    background: white;
}
.select_box_type.file_type span.bg1{
    position: absolute;
    top: 22px;
    right: 15px;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    background: url(../images/sub/common/btn_more3.png) no-repeat;
}
#files > div:first-child{
    border-top: 1px solid #d9d9da;
}
#files > div{
    padding: 10px 15px;
    background-color: #f4f4f4;
    border-top: 1px solid #d9d9da;
}
#files > div > p{
    position: relative;
}
#files > div > p > canvas, #files > div > p > span{
    vertical-align: middle;
}
#files > div > p > span{
    margin-left: 20px;
    font-size: 14px;
}
#files > div > p > button{
    position: absolute;
    top: 16px;
    right: 0;
    width: 11px;
    height: 11px;
    text-indent: -5000px;
    background: url("../images/sub/common/btn_close1.png") no-repeat;
    /*display: none;*/
}

/*기사검색결과*/
.group_left.group_normal{
    position: relative;
    overflow: hidden;
    background-color: #e9e9e9;
    width: 100%;
}
.news_drw .news_body{
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #666666;
}
.btn_more_news a{
    display: block;
    margin-bottom: 10px;
    padding: 19px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    background-color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #333333;
}
.btn_more_news.topNoBorder a{
    border-top: none;
}
.btn_more_news a.nopadd{
    margin-bottom: 0;
}
.btn_more_news a span{
    color: #006acc;
}
.btn_more_news a img{
    vertical-align: middle;
}
.btn_more_news .btn_right{
    position: relative;
    top: -2px;
}

/**************************************************
* 4 - sub category(sub main)
**************************************************/
.economy_category{
    overflow: hidden;
    padding: 0 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    font-size: 0;
}
.economy_category li{
    display: inline-block;
    width: 20%;
}
.economy_category li a{
    display: block;
    /*padding: 10px 3px;*/
    padding: 10px 0;
    text-align: center;
    line-height: 1;
    letter-spacing: -1.2px;
    font-size: 13px;
    color: #666666;
}
.economy_category li.selected a{
    color: #006acc;
}

/*news slider reset*/
#news_main_slide{
    border: none;
    margin-bottom: 10px;
    text-align: center;
}
#news_main_slide .flex-viewport{
    text-align: initial;
}
#news_main_slide .flex-direction-nav{
    /*height: 30px;*/
    position: absolute;
    display: inline-block;

}
#news_main_slide .flex-direction-nav a{
    width: 20px;
    height: 16px;
    top: initial;
    bottom: 10px;
    left: -100px;
    padding: 5px 10px;
    border: 2px solid #d9d9da;
    background-color: #fbfafa;
}
#news_main_slide .flex-direction-nav a.flex-next{
    left: initial;
    right: -100px;
}
#news_main_slide .flex-direction-nav a:before{
    font-size: 20px;
}
#news_main_slide .flex-control-nav{
    position: static;
    padding: 20px 0 15px 0;
}
#news_main_slide .flex-control-nav li{
    margin: 0 3px;
    zoom: 1;
}
#news_main_slide .flex-control-paging li a{
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background-color: #999999;
}
#news_main_slide .flex-control-paging li a.flex-active{
    background-color: #000000;
}
/*news slider*/

.news_slide{
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #d9d9da;
}
.news_slide .main_news_img{
    position: relative;
    max-width: 100%;
    display: block;
}
.news_slide .main_news_img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 80px;
}
.news_slide .main_news_text{
    position: relative;
    overflow: hidden;
    display: block;
    max-width: 100%;
}
.news_slide .main_news_text strong{
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    padding-left: 100px;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
}
.news_slide .main_news_text.noImg strong{
    -webkit-line-clamp: 1;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 105px;
}
.news_slide .main_news_text b{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    padding-left: 100px;
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    /*width: 100%;*/
}
.news_slide .news_category{
    padding-left: 100px;
}
.news_slide .news_category.noImg{
    position: absolute;
    top: 8px;
    right: 15px;
}

/*경제 페이지 hot issue*/
#hot_issue{
    margin-bottom: 10px;
    border: 15px solid #ffffff;
}
#hot_issue .hot_issue{
    margin-bottom: 10px;
    font-size: 15px;
}
#hot_issue .hot_issue span{
    color: #006acc;
}

/*경제 페이지 본문 레이아웃*/
.group_left.sub_type{
    padding-bottom: 10px;
    background-color: #e9e9e9;
}
.news_rank.sub_category{
    padding-bottom: 10px;
}
.sub_main.news_rank_tx strong b{
    min-width: initial;
    width: 20px;
}
.sub_main.news_rank_tx{
    position: relative;
}
.sub_main.news_rank_tx.type2{
    padding-right: 100px;
}
.sub_main.news_rank_tx.type2 .date{
    position: absolute;
    top: 0;
    right: 0;
    letter-spacing: -1px;
    font-size: 12px;
    color: #777777;
}
.sub_main.news_rank_tx.type2 .date .txt_bar{
    position: relative;
    top: -1px;
    margin: 0 5px;
}

.sub_main.news_rank_tx .sub_category{
    color: #006acc;
}
.sub_main.news_rank_tx .bg_arrow{
    display: block;
    position: absolute;
    top: 50%;
    /*right: 15px;*/
    right: 0;
    width: 8px;
    height: 13px;
    margin-top: -6px;
    background: url(../images/sub/common/btn_more1.png) no-repeat;
}
.news_rank.sub_category .type_visit.right{
    border: none;
    height: 100px;
}
.news_rank.sub_category li:first-child.type_visit.right{
    height: inherit;
}
.type_visit{
    position: relative;
}
.type_visit a{
    display: block;
}
.type_visit .news_column_img{
    position: absolute;
    top: 0;
    left: 10px;
}
.type_visit .news_column_img img{
    width: 100px;
    height: 80px;
}
.type_visit .news_column_text{
    padding: 10px 10px 9px 110px;
    border: 1px solid #d9d9da;
    line-height: 18px;
    font-size: 15px;
}
.type_visit .news_column_text p{
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sub_category_list .btn_more_news a{
    margin-bottom: 0;
}


/*기사작성 버튼 추가*/
.article_write{
    margin: 10px;
    text-align: right;
}
.article_write a{
    display: inline-block;
    padding: 10px;
    background-color: #006acc;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

/*기사등록페이지*/
.news_register{
    padding: 0 10px;
}
.news_register .head_title{
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}
.news_register .section .sec_title{
    position: relative;
    margin: 15px 0 10px 0;
    font-size: 14px;
    color: #555555;
}
.news_register .section .sec_title a{
    position: absolute;
    top: -4px;
    right: 0;
    display: inline-block;
    padding: 5px 10px;
    background-color: #006acc;
    font-size: 12px;
    color: #ffffff;
}
.section .sec_content{
    letter-spacing: -1px;
}
.section .sec_content.has_grid{
    margin-left: -5px;
    margin-right: -5px;
    font-size: 0;
}
.section .sec_content .txt{
    font-size: 13px;
    color: #555555;
}
.section .txt2{
    padding: 5px 0;
    font-size: 12px;
    color: #777777;
}
.section .txt3{
    font-size: 13px;
    color: #777777;
}
.section .sec_content .grid2{
    display: inline-block;
    width: 50%;
}
.section .sec_content .grid3{
    display: inline-block;
    width: 33.33%;
}
.section .sec_content.has_grid .grid_inner{
    padding: 0 5px;
}
.section .sec_content .grid_inner select, .section .sec_content .select_100, .ariticle_wrap .article_group > div > select, .ariticle_wrap .head2 select{
    -webkit-appearance: none;
    width: 100%;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    background-color: #ffffff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-position : right center;
    background-repeat: no-repeat;
    line-height: 30px;
    font-size: 13px;
    color: #777777;
}
.section .sec_content .inputtxt1_wrap{
    position: relative;
    padding: 0 5px;
    padding-right: 80px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
}
.section .sec_content .inputtxt1_wrap.type2{
    margin-bottom: 5px;
    padding-right: 5px;
}
.section .sec_content .inputtxt1_wrap.type2 input[type='text']{
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    color: #777777;
}
.section .sec_content .inputtxt1_wrap p{
    line-height: 28px;
}
.section .sec_content .inputtxt1_wrap .cancel{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}
.section .sec_content .inputtxt1_wrap .cancel a{
    display: block;
    width: 80px;
    background-color: #dddddd;
    border-left: 1px solid #CCCCCC;
    text-align: center;
    line-height: 28px;
}
.section .grid_inner .ariticle_cate{
    margin-bottom: 5px;
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    /*background-color: #ffffff;*/
    line-height: 28px;
}
.section .grid_inner .ariticle_cate.active{
    border: 1px solid #006acc;
}
.section .sec_content .date_input{
    -webkit-appearance: none;
    width: 200px;
    padding: 0 5px;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    background-color: #ffffff;
    line-height: 28px;
}
.section .sec_content .ui-datepicker-trigger img{
    width: 28px;
    margin-left: 10px;
    vertical-align: middle;
}
.section .sec_content .checkbox_wrap p{
    line-height: 14px;
}
.section .sec_content .checkbox_wrap input[type='checkbox']{
    margin-right: 5px;
}
.section .sec_content .table_layout table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.section .sec_content .table_layout th{
    padding: 10px 0;
    background-color: #f6f6f6;
    border: 1px solid #CCCCCC;
}
.section .sec_content .table_layout th span, .section .sec_content .table_layout td span{
    display: block;
}
.section .sec_content .table_layout th:nth-of-type(1){
    width: 70%;
    text-align: left;
}
.section .sec_content .table_layout th:nth-of-type(1) span{
    padding-left: 10px;
}
.section .sec_content .table_layout td{
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
}
.section .sec_content .table_layout td span{
    padding: 0 10px;
}
.section .sec_content .table_layout td:nth-of-type(1) span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section .sec_content .table_layout td:nth-of-type(2){
    text-align: center;
}
.section .sec_content .table_layout td:nth-of-type(2) span a{
    display: block;
    background-color: #dddddd;
    line-height: 25px;
}
.section .sec_content .input_wrap1{
    padding: 0 5px;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
}
.section .sec_content .input_wrap1 input[type='text']{
    -webkit-appearance: none;
    width: 100%;
    border-radius: 0;
    line-height: 28px;
    font-size: 13px;
    color: #777777;
}
.section .sec_content .textarea_wrap2{
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
}
.section .sec_content .textarea_wrap2 textarea{
    width: 100%;
    height: 100px;
    resize: none;
    line-height: 16px;
    font-size: 13px;
    color: #777777;
}
.section .sec_content .register_btn{
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    background-color: #bbbbbb;
    color: #ffffff;
}
.section .sec_content .register_btn.active{
    background-color: #006acc;
}
.pad_10{
    padding: 10px 0;
}

/*기사선택*/
.header_inner.article{
    background-color: #434a50;
}
.header_inner.article .btn_close {
    position: absolute;
    top: 16px;
    right: 15px;
    padding: 0;
    border: none;
    font-size: 0;
    background-color: transparent;
}
.ariticle_wrap{
    padding: 10px;
    background-color: #ffffff;
}
.ariticle_wrap .head{
    margin-bottom: 10px;
    font-size: 0;
}
.ariticle_wrap .article_group{
    display: inline-block;
    width: 50%;
}
.ariticle_wrap .article_group > div{
    position: relative;
    padding-left: 60px;
}
.ariticle_wrap .article_group > div > span{
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 13px;
    color: #555555;
}
.ariticle_wrap .article_group:nth-of-type(2) > div span{
    padding-left: 10px;
}
.ariticle_wrap .head2{
    margin-bottom: 20px;
}
.ariticle_wrap .head2 select{
    width: 90px;
}
.ariticle_wrap .head2 input[type='text']{
    -webkit-appearance: none;
    width: 40%;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    line-height: 28px;
    padding: 0 5px;
    font-size: 13px;
    color: #777777;
}
.ariticle_wrap .head2 span{
    float: right;
    display: inline-block;
}
.ariticle_wrap .head2 span a{
    display: block;
    width: 60px;
    background-color: #006acc;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    text-shadow: none;
    color: #ffffff;
}
.ariticle_wrap .ariticle_list li{
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    background-color: #f6f6f6;
}
.ariticle_wrap .ariticle_list li:nth-of-type(2n){
    background-color: #ffffff;
}
.ariticle_wrap .ariticle_list li p:nth-of-type(1){
    margin-bottom: 10px;
    font-size: 12px;
    color: #777777;
}
.ariticle_wrap .ariticle_list li p:nth-of-type(2){
    margin-bottom: 10px;
    line-height: 16px;
    font-size: 13px;
    color: #666666;
}
.ariticle_wrap .ariticle_list li p:nth-of-type(3){
    font-size: 12px;
    color: #999999;
}
.ariticle_wrap .ariticle_list li p:nth-of-type(1) input[type='checkbox']{
    margin-right: 5px;
}
.ariticle_wrap .ariticle_list li p:nth-of-type(1) span{
    vertical-align: middle;
}
.ariticle_wrap .btn_submit a{
    display: block;
    background-color: #006acc;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}






/**************************************************
* 00 - 회원가입
**************************************************/



.article_title {
    font-size: 25px;
    font-weight: bold;
    margin: 15px 0;
}

.table-border {
	border: 1px solid #ddd;
	border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.table-border thead th,
.table-border thead td {
	padding: 7px 10px 7px 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-weight: bolder;
}

.table-border thead th {
	background-color: #f0f0f0;
	text-align: center;
}

.table-border thead td {
	text-align :left;
}

.table-border tbody th,
.table-border tbody td {
	padding: 7px 10px 7px 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.table-border tbody th {
	background-color: #f9f9f9;
	text-align :left;
	vertical-align: middle;
}

.table-border tbody td {
	text-align :left;
}

.table-border tbody td.contents {
	padding: 3px;
}


.table-default {
	border: 0;
}

.table-default thead th,
.table-default thead td {
	padding: 7px 10px 7px 10px;
	border-bottom: 2px solid #ddd;
	font-weight: bolder;
}

.table-default thead th {
	text-align: left;
}

.table-default thead td {
	text-align :left;
}

.table-default tbody th,
.table-default tbody td {
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #ddd;
}

.table-default tbody th {
	background-color: #f9f9f9;
	text-align :left;
	vertical-align: middle;
}

.table-default tbody td {
	text-align :left;
}

.table-border tbody td.contents,
.table-default tbody td.contents, 
.table-line tbody td.contents {
	padding: 3px;
}

.table-border p, 
.table-default p,
.table-line p {

	margin-top: 7px;
}

.table-border .remark, 
.table-default .remark,
.table-line .remark {
	font-size: 11px;
	color: #898989;
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}

table.height18 th,
table.height18 td {
	height: 18px;
	line-height: 18px;
}

table.height20 th,
table.height20 td {
	height: 20px;
	line-height: 20px;
}

table.height22 th,
table.height22 td {
	height: 22px;
	line-height: 22px;
}

table.height24 th,
table.height24 td {
	height: 24px;
	line-height: 24px;
}

table.height26 th,
table.height26 td {
	height: 26px;
	line-height: 26px;
}

table.striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.label-margin label {
    margin-left: 5px;
    margin-right: 10px;
}

.paddingb-10 {
    padding-bottom: 10px !important;
}

.mgt-30 {
    margin-top: 30px !important;
}

.mgb-10 {
    margin-bottom: 10px !important;
}

/**************************************************
* 5 - sub view(경제일반 본문)
**************************************************/
.responsive_col1{
    position: relative;
}
.news_content{
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    background-color: #ffffff;
}
.news_content_head{
    padding: 10px 0 20px 0;
}
.news_content_head .news_content_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 22px;
    color: #333333;
}
.news_content_head .newspaper{
    font-size: 14px;
    color: #555555;
}
.news_content_head .new_share{
    position: relative;
    padding-top: 15px;
    font-size: 0;
}
.news_content_head .new_share .btn_reply{
    display: inline-block;
    width: 50px;
    height: 25px;
}
.news_content_head .new_share .btn_reply a{
    display: block;
    padding: 4px;
    border: 1px solid #b8b8ba;
    background: url("../images/sub/news/reply_img1.png") no-repeat 4px 4px;
    text-align: right;
    font-size: 16px;
    color: #555555;
}
.news_content_head .new_share ul{
    position: absolute;
    top: 15px;
    right: 0;
    border: 1px solid #b8b8ba;
    border-right: none;
}
.news_content_head .new_share li{
    float: left;
}
.news_content_head .new_share li a{
    display: block;
    padding: 4px 6px 3px 6px;
    border-right: 1px solid #b8b8ba;
    font-size: 16px;
}
.news_content_sub .news_image img{
    width: 100%;
}
.news_content_sub .news_text{
    padding: 10px 0 30px 0;
    line-height: 26px;
    font-size: 17px;
}

.news_content_sub .news_text img{
    max-width:100%;
}

.news_content_sub .news_text .article_content_movie {
    padding: 0;
}

.news_content_sub .news_text .article_content_movie iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
    border: 0;
}


.news_content_sub .news_reply_wrap{
    border-top: 1px solid #d9d9da;
}
.reply_box{
    position: relative;
}
.reply_box .reply_box_title{
    padding: 20px 0 10px 0;
    font-size: 17px;
}
.reply_box .reply_box_title span{
    font-size: 15px;
    color: #006acc;
}
.reply_box ul{
    position: absolute;
    top: 25px;
    right: 0;
}
.reply_box li{
    float: left;
    margin-left: 5px;
}
.reply_input_box, .reply_input_box2{
    position: relative;
    padding: 5px;
    height: 38px;
    border: 1px solid #d9d9da;
    background-color: #ffffff;
}
.reply_input_box .input_label, .reply_input_box2 .input_label{
    display: inline-block;
    font-size: 16px;
    color: #c6c6c6;
}
.reply_input_box textarea, .reply_input_box2 textarea{
    display: none;
    width: 100%;
    height: 120px;
    resize: none;
    line-height: 20px;
    font-size: 16px;
    color: #333;
}
.reply_input_box .remaining1, .reply_input_box2 .remaining2{
    position: absolute;
    bottom: 20px;
    right: 60px;
    display: none;
    font-size: 14px;
    color: #aaa;
}
.reply_input_box .reply_register, .reply_input_box2 .reply_register{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #0055a4;
    font-size: 15px;
    color: #ffffff;
}
#close_btn{
    display: none;
    margin-left: 10px;
}
.sort_option{
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #d9d9da;
    border-bottom: none;
}
.sort_option li{
    float: left;
    width: 50%;
}
.sort_option li a{
    display: block;
    border-bottom: 1px solid #d9d9da;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    color: #999999;
}
.sort_option li:nth-of-type(1) a{
    border-right: 1px solid #d9d9da;
}
.sort_option li.active a{
    border-bottom: none;
    color: #0055a4;
}
.sort_list li:nth-of-type(2){
    display: none;
}
.reply_area{
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9da;
}
.reply_area.last{
    border-bottom: none;
}
.reply_area .head{
    position: relative;
    margin-bottom: 10px;
}
.reply_area .head .user_name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #555555;
}
.reply_area .head .date{
    position: absolute;
    top: 0;
    right: 0;
}
.reply_area .body{
    line-height: 20px;
    color: #777777;
}
.box_tool{
    margin-top: 10px;
}
.box_tool .box_btn_reply{
    float: left;
    position: relative;
    padding: 0 7px 0 8px;
    margin: 8px 4px 2px 0;
    border: 1px solid #e0e0e0;
    background: #f7f7f7;
    font-size: 13px;
    color: #000;
    line-height: 23px;
}
.box_tool .box_btn_reply strong{
    font-weight: normal;
}
.box_tool .box_recomm_set{
    float: right;
}
.box_tool .box_recomm_set .box_btn_recomm, .box_tool .box_recomm_set .box_btn_unrecomm{
    float: left;
    position: relative;
    min-width: 15px;
    height: 23px;
    padding: 0 7px 0 24px;
    margin: 8px 0 2px 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 13px;
    line-height: 23px;
    color: #999;
    text-align: center;
}
.box_tool .box_recomm_set .box_btn_recomm{
    background: url("../images/sub/common/btn_recomm_bg.png") no-repeat 8px 8px;
}
.box_tool .box_recomm_set .box_btn_unrecomm{
    background: url("../images/sub/common/btn_unrecomm_bg.png") no-repeat 8px 8px;
}
.reply_area.depth1{
    padding: 10px;
    background-color: #f7f7f7;
}
.reply_area.depth1 .head .user_name, .reply_area.depth1 .body{
    padding: 0 10px;
}
.reply_area.depth1 .head .user_name{
    background: url("../images/contents/arr_right.png") no-repeat 0 7px;
}
.reply_area.depth1 .head .date{
    position: absolute;
    top: 0;
    right: 10px;
}

/*news photo*/
.news_photo_slide{
    position: relative;
    margin: 15px 0;
    padding: 10px 15px;
    background-color: #ffffff;
    text-align: center;
}
.news_photo_slide .item{
    text-align: center;
}
.news_photo_slide .item .new_photo_text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 95px;
    margin: 0 auto;
    padding-top: 3px;
    font-size: 13px;
    line-height: 16px;
    /*color: #333333;*/
}
.news_photo_slide .owl-theme .owl-controls .owl-page span{
    margin: 5px 5px;
    opacity: 1;
    background-color: #999999;
}
.news_photo_slide .owl-theme .owl-controls .owl-page.active span, .news_photo_slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #006acc;
}
.news_photo_slide .owl-theme .owl-controls{
    position: relative;
    margin-top: 20px;
    display: inline-block;
}
.news_photo_slide .owl-pagination{
    display: inline-block;
}
.news_photo_slide .owl-theme .owl-controls .owl-buttons div:before{
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.news_photo_slide .owl-theme .owl-controls .owl-buttons .owl-next:before{
    content: '\f002';
}
.news_photo_slide .owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    top: -10px;
    left: -55px;
    width: 20px;
    height: 16px;
    padding: 5px 10px;
    border: 2px solid #d9d9da;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background-color: #fbfafa;
}
.news_photo_slide .owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
    left: initial;
    right: -55px;
}
.news_content2 .news_rank.sub_category a{
    display: block;
}
.news_content2 .news_rank.sub_category .news_rank_tx.news_link{
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}
.news_category2{
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: 13px;
    color: #777777;
}

/**************************************************
* 6 - sub list(칼럼/사설)
**************************************************/
.sub_category_type{
    overflow: hidden;
    padding: 0 15px;
    background-color: #ffffff;
    font-size: 0;
}
.sub_category_type li{
    display: inline-block;
    width: 50%;
}
.sub_category_type li a{
    display: block;
    padding: 10px 0;
    text-align: center;
    line-height: 1;
    letter-spacing: -1.2px;
    font-size: 13px;
    color: #666666;
}
.sub_category_type li:nth-of-type(1) a span{
    display: block;
    border-right: 1px solid #e9e9e9;
}
.column_category{
    padding: 10px 15px;
    background-color: #ffffff;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    font-size: 19px;
    font-weight: bold;
    color: #000;
}

/*slide1*/
.news_photo_slide.type2{
    margin: 0;
}
.news_photo_slide.type2 .item{
    position: relative;
    font-size: 0;
}
.news_photo_slide.type2 .item_slide_left, .news_photo_slide.type2 .item_slide_right{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-size: 13px;
}
.news_photo_slide.type2 .item_slide_left a, .news_photo_slide.type2 .item_slide_right a{
    display: block;
}
.news_photo_slide.type2 .item_slide_left a{
    padding-right: 5px;
}
.news_photo_slide.type2 .item_slide_right a{
    padding-left: 5px;
}
.news_photo_slide.type2 a img{
    width: 100%;
}
.news_photo_slide.type2 .column_text{
    height: 53px;
    padding: 10px;
    border: 1px solid #d9d9da;
    border-top: none;
    text-align: initial;
}
.news_photo_slide.type2 .column_text .new_photo_text{
    width: 100%;
}
.news_photo_slide.type2 .column_text p:nth-of-type(2){
    margin-top: 5px;
    font-size: 12px;
    color: #777777;
}
.news_photo_slide.type2 .column_text p:nth-of-type(2) span{
    vertical-align: middle;
}
.column.group_left li{
    border: none;
}
.column.group_left a.news_drw{
    margin: 10px 15px;
    padding: 0 15px 0 0;
    border: 1px solid #d9d9da;
}
.column.group_left a.news_drw .news_im{
    width: 100px;
    margin: 0;
    margin-right: 10px;
}
.column .news_normal li:first-child .news_tx {
    padding: 9px 0 8px;
}
.column .news_tx {
     padding: 9px 0 8px;
}

/*news_text_slide*/
.news_text_slide{
    position: relative;
    padding: 30px 15px;
    border-bottom: 1px solid #d9d9da;
}
.news_text_slide .owl-buttons{
    position: absolute;
    bottom: 50%;
    width: 100%;
}
.news_text_slide  .owl-theme .owl-controls .owl-buttons div:before{
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.news_text_slide  .owl-theme .owl-controls .owl-buttons .owl-next:before{
    content: '\f002';
}
.news_text_slide  .owl-theme .owl-controls .owl-buttons div{
    float: left;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    background-color: transparent;
}
.news_text_slide  .owl-theme .owl-controls .owl-buttons .owl-next{
    float: right;
}
.news_text_slide .item{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.news_text_slide .item .news_text_head{
    margin-bottom: 10px;
    font-size: 16px;
    color: #777777;
}
.news_text_slide .item .news_text_head span{
    vertical-align: middle;
}
.news_text_slide .item .news_text_body{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-size: 25px;
    line-height: 30px;
}
.news_text_slide .owl-theme .owl-controls{
    margin-top: 20px;
}
.news_text_slide .owl-theme .owl-controls .owl-page span{
    margin: 5px 5px;
    opacity: 1;
    background-color: #999999;
}
.news_text_slide .owl-theme .owl-controls .owl-page.active span, .news_text_slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #006acc;
}
.btn_more_news.type2 a img{
    position: relative;
    top: -2px;
    width: 8px;
}

/**************************************************
* 7 - sub list(포토)
**************************************************/
/*sub menu*/
.photo_category{
    overflow: hidden;
    padding: 0 15px;
    background-color: #ffffff;
    font-size: 0;
}
.photo_category li{
    display: inline-block;
    /*width: 14.28571428571429%;*/
    width: 12%;
}
.photo_category li:nth-of-type(4), .photo_category li:nth-of-type(6){
    width: 20%;
}
.photo_category li a{
    display: block;
    padding: 10px 0;
    text-align: center;
    line-height: 1;
    letter-spacing: -1px;
    font-size: 13px;
    color: #666666;
}
.photo_category li.selected a{
    color: #006acc;
}

/*slide*/
.news_photo_gallery{
    position: relative;
    margin-bottom: 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background-color: #ffffff;
}
.news_photo_gallery .photo_title_text{
    position: absolute;
    right: 10px;
    bottom: 13px;
    left: 10px;
    text-align: left;
    color: #fff;
    z-index: 1;
}
.news_photo_gallery .photo_title_text .photo_title_subject{
    display: inline-block;
    margin-bottom: 6px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.584;
}
.news_photo_gallery .photo_title_text .photo_title_headline{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 80px;
    font-size: 18px;
    line-height: 1.12;
}
.news_photo_gallery .owl-theme .owl-controls{
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    text-align: right;
    z-index: 2;
}
.news_photo_gallery .item{
    overflow: hidden;
    height: 160px;
}
.news_photo_gallery .item a{
    display: block;
}
.news_photo_gallery .item img{
    width: 100%;

}
.news_photo_gallery .owl-theme .owl-controls .owl-page span{
    background: black;
    border: 1px solid white;
    opacity: 1;
    margin: 5px;
}
.news_photo_gallery .owl-theme .owl-controls .owl-page.active span, .news_photo_gallery .owl-theme .owl-controls.clickable .owl-page:hover span{
    border: 1px solid white;
    background-color: #ffffff;
}

.photo_item_subject{
    padding: 0 15px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    background-color: #ffffff;
    line-height: 44px;
    font-size: 17px;
    color: #000000;
}
.photo_item_wrap{
    position: relative;
    padding-bottom: 10px;
    background-color: #e9e9e9;
}
.photo_item{
    padding: 15px;
    background-color: #ffffff;
    font-size: 0;
}
.photo_item a{
    display: block;
    position: relative;
}
.photo_item img{
    width: 100%;
}
.photo_item .photo_item_headline {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    line-height: 18px;
    /*color: #fff;*/
}
.photo_item .photo_item_left, .photo_item .photo_item_right, .photo_bottom .photo_item_left2, .photo_bottom .photo_item_right2{
    display: inline-block;
    width: 50%;
}
.photo_item > .photo_item_left > .photo_container{
    border-right: 1px solid #ffffff;
}
.photo_item > .photo_item_right > .photo_container{
    border-left: 1px solid #ffffff;
}
.photo_item .photo_bottom{
    border-top: 1px solid #ffffff;
}
.photo_item .photo_bottom .photo_item_left2 .photo_container{
    border-right: 1px solid #ffffff;
}
.photo_item .photo_bottom .photo_item_right2 .photo_container{
    border-left: 1px solid #ffffff;
}
.photo_item .photo_item_right2 .more_area{
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 1px;
    padding-top: 10%;
    background-color: rgba(0,0,0,0.6);
    line-height: 1;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.photo_item .photo_item_right2 .more_area .more_num{
    font-size: 18px;
}

.photo_container .photo_top {
    margin-bottom: 10px;
    height: 250px;
    position: relative;
}

.photo_container .photo_top iframe{
    width:100%;
    height: calc(100% - 50px);
    position: relative;
}

/**************************************************
*   7.1 - sub list(포토 list)
**************************************************/
.photo_list{
    padding: 10px 10px 0 10px;
    background-color: #ffffff;
}
.photo_list .photo_row{
    position: relative;
    padding-bottom: 10px;
    font-size: 0;
}
.photo_list .photo_row .photo_col{
    display: inline-block;
    width: 33.33%;
}
.photo_list .photo_row .photo_col .photo_img{
    padding: 0 5px;
}
.photo_list .photo_row .photo_col img{
    width: 100%;
}

/**************************************************
*   7.2 - sub view(포토 상세)
**************************************************/
.header_inner.photo{
    border-bottom: 1px solid #3b3b3b;
}
.header_inner.photo, .header_inner.photo h1{
    background-color: #151515;
}
.photo_view_wrap{
    position: relative;
    width: 100%;
    background-color: #282828;
}
.photo_view_wrap .dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}
.photo_view_wrap .photo_view{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}
.photo_view_wrap .photo_view img{
    width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.photo_view_wrap .photo_view:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.photo_view_wrap .arr{
    position: absolute;
    /*top: 50%;*/
    top: 48%;
    left: 15px;
    z-index: 2;
    display: block;
    width: 36px;
    height: 24px;
    background-color: black;
    opacity: 0.7;
    text-align: center;
    border-radius: 7px;
    padding: 6px 0;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    /*-webkit-animation-timing-function: ease;*/
    /*-webkit-transition-duration: 0.2s;*/
}
.photo_view_wrap .arr.next{
    left: initial;
    right: 15px;
}
/*버튼 show&hide*/
.photo_view_wrap .arr.next.out{
    right: -40px;
}
.photo_view_wrap .arr.prev.out{
    left: -40px;
}
.photo_info{
    position: relative;
    display: block;
    padding: 9px 15px;
    right: 0;
    left: 0;
    border-top: 1px solid #010101;
    border-bottom: 1px solid #010101;
    background-color: #151515;
}
.photo_info p:nth-of-type(1){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.photo_info p:nth-of-type(1) a{
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
    text-shadow: none;
}
.photo_info p:nth-of-type(2){
    position: relative;
    padding-right: 100px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: none;
}
.photo_info p:nth-of-type(2) .img_total{
    position: absolute;
    right: 0;
}
.photo_share{
    position: relative;
    padding: 10px 15px;
    border-top: 1px solid #3b3b3b;
    background-color: #151515;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
}
.photo_share span:nth-of-type(3){
    position: absolute;
    top: 10px;
    right: 15px;
}

/**************************************************
*   7.3 - dialogpage 공유하기
**************************************************/
#dialogPage .ui-dialog-contain{
    width: 70%;
    margin: 0 auto;
    top: 0;
    height: 360px;
}
#dialogPage .ui-content{
    background-color: #ffffff;
}
#dialogPage .ui-link.ui-btn{
    height: 46px;
    padding: 5px;
}
#dialogPage .ui-link.ui-btn span{
    display: inline-block;
    margin-top: 13px;
}
#dialogPage .ui-link.ui-btn:nth-of-type(1){
    background: url("../images/sub/news/share_img1.png") no-repeat 20px 5px;
}
#dialogPage .ui-link.ui-btn:nth-of-type(2){
    background: url("../images/sub/news/share_img2.png") no-repeat 20px 5px;
}
#dialogPage .ui-link.ui-btn:nth-of-type(3){
    background: url("../images/sub/news/share_img3.png") no-repeat 20px 5px;
}
#dialogPage .ui-link.ui-btn:nth-of-type(4){
    background: url("../images/sub/news/share_img4.png") no-repeat 20px 5px;
}


/**************************************************
* 8 - sub main (연예)
**************************************************/
/**************************************************
*   8.1 - header
**************************************************/
.header_inner .header_category.entertain{
    border: 1px solid #e5004f;
    border-right: none;
}
.header_inner .header_category.entertain a{
    border-right: 1px solid #e5004f;
    color: #e5004f;
}
.header_inner .header_category.entertain a.selected{
    background-color: #e5004f;
    color: #ffffff;
}
.sub_menu{
    position: relative;
    font-size: 0;
}
.sub_menu .menu{
    display: inline-block;
    width: 33.33%;
    background-color: #ffffff;
    border-bottom: 1px solid #b8b8ba;
}
.sub_menu .menu a{
    display: block;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    font-weight: bold;
}
.sub_menu .menu.selected a{
    color: #e5004f;
}

/**************************************************
*   8.2 - content
**************************************************/
.group_reset.padd{
    margin-bottom: 10px;
}
#entertain_slide{
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
#entertain_slide .flexslider{
    border: none;
    margin-bottom: 30px;
}
#entertain_slide .slides li{
    position: relative;
    border-bottom: 1px solid #d9d9da;
}
#entertain_slide .slides li p{
    position: absolute;
    bottom: 10px;
    width: 100%;
}
#entertain_slide .slides li p span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 15px;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    color: #ffffff;
}
#entertain_slide .flex-control-nav{
    bottom: -25px;
}
#entertain_slide .flex-control-nav li{
    margin: 0 5px;
    zoom: 1;
    border-top: none;
}
#entertain_slide .flex-control-paging li a.flex-active {
    background-color: #e5004f;
    border: 1px solid #e5004f;
}
#entertain_slide .flex-control-paging li a {
    width: 11px;
    height: 11px;
    border: 1px solid #e5004f;
    border-radius: 6px;
    background-color: #ffffff;
}
/*hot issue*/
.entertain_issue{
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 15px 10px 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}
.entertain_issue .title, .entertain_program .title{
    /*padding-left: 15px;*/
    line-height: 40px;
    font-size: 16px;
}
.entertain_issue .title .link{
    position: absolute;
    right: 15px;
}
.entertain_issue .title span, .entertain_program .title span{
    color: #e5004f;
}
#entertain_issue_slide .flexslider{
    border: none;
    margin-bottom: 30px;
}
#entertain_issue_slide .flex-control-nav{
    bottom: -25px;
}
#entertain_issue_slide .flex-control-nav li{
    margin: 0 3px;
    zoom: 1;
}
#entertain_issue_slide .flex-control-paging li a.flex-active {
    background-color: #e5004f;
    border: 1px solid #e5004f;
}
#entertain_issue_slide .flex-control-paging li a {
    width: 11px;
    height: 11px;
    border: 1px solid #e5004f;
    border-radius: 6px;
    background-color: #ffffff;
}
#entertain_issue_slide .slides li{
    border: 1px solid #d9d9da;
}
#entertain_issue_slide .slides li a{
    position: relative;
    display: block;
    font-size: 0;
}
#entertain_issue_slide .issue_img{
    display: inline-block;
    width: 110px;
    height: 80px;
}
#entertain_issue_slide .issue_text{
    position: absolute;
    top: 0;
    padding-left: 110px;
}
#entertain_issue_slide .issue_text p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;

    padding: 10px 10px 0 10px;
    line-height: 18px;
    font-size: 15px;
}
#entertain_issue_slide .issue_text div{
    margin-top: 5px;
    padding: 0 10px;
    font-size: 12px;
    color: #777777;
}

/*hot program*/
.entertain_program{
    padding: 0 15px;
}
#entertain_program_slide .flexslider{
    margin-bottom: 0;
    border: none;
    background-color: #e9e9e9;
}
#entertain_program_slide li a{
    display: block;
    position: relative;
}
#entertain_program_slide li p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 8px 0;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
}
#entertain_program_slide li span{
    position: absolute;
    top: 55px;
    left: 10px;
    display: inline-block;
    width: 13px;
}

/*연예계는 지금*/
.entertain_today{
    font-size: 0;
}
.entertain_today .today{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.entertain_today .today img{
    width: 100%;
}
.entertain_today .today_left{
    margin-right: 5px;
    border: 1px solid #d9d9da;
}
.entertain_today .today_right{
    margin-left: 5px;
    border: 1px solid #d9d9da;
}
.entertain_today .entertain_today_text{
    height: 75px;
    border-top: 1px solid #d9d9da;
    padding: 10px;
}
.entertain_today .entertain_today_text p:nth-of-type(1){
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;

    line-height: 18px;
    font-size: 15px;
}
.entertain_today .entertain_today_text p:nth-of-type(2){
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 5px;
    line-height: 16px;
    font-size: 12px;
    color: #777777;
}

/*연예 가장 많이 본 뉴스*/
.entertain_issue.type2{
    margin-bottom: 0;
    padding: 0 ;
}
.entertain_issue.type2 .title{
    padding-left: 15px;
}
.entertain_hot_news li{
    border-top: 1px solid #d9d9da;
}
.entertain_hot_news li a{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
}
.entertain_hot_news li a div{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.entertain_hot_news .num{
    width: 30px;
    text-align: center;
    font-size: 15px;
    color: #e5004f;
}
.entertain_hot_news .news_txt{
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 130px;
}
.entertain_hot_news .news_txt p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;

    margin-top: 22px;
    padding-right: 15px;
    font-size: 15px;
    line-height: 18px;
}

/**************************************************
*       8.2.1 - 기사검색, 기사검색 결과
**************************************************/
.header_inner.sub_header.entertain {
    background-color: #e5004f;
}
.search_container.entertain{
    background: url("../images/sub/common/btn_search2.png") no-repeat 100% 10px;
}
.input_search_t1.entertain{
    border: 1px solid #e5004f;
}
.btn_more_news.entertain a span {
    color: #e5004f;
}

/**************************************************
*       8.2.2 - 방송 리스트
**************************************************/
.broadcast{
    padding: 10px 15px 0 15px;
}
.broadcast li{
    border-top: none;
}
.broadcast li a{
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.broadcast li a img{
    width: 100%;
}
.broadcast a .player{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 44px;
    margin-top: -50px;
}

.broadcast .list_title{
    padding: 10px;
    border: 1px solid #e9e9e9;
    border-top: none;
}
.broadcast .list_title p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 7px;
    line-height: 1;
}
.broadcast .list_title p:nth-of-type(1){
    font-size: 15px;
    color: #e5004f;
}
.broadcast .list_title p:nth-of-type(2){
    font-size: 16px;
    color: #000000;
}
.broadcast .list_title p:nth-of-type(3){
    margin-bottom: 0;
    font-size: 15px;
    color: #666666;
}


/**************************************************
*       8.2.3 - 방송 리스트 상세
**************************************************/
.broadcast.type2{
    background-color: #ffffff;
    padding: 0;
}
.broadcast.type2 .list_title{
    padding: 10px 15px;
    border: none;
}
.broadcast.type2 .broadcast_tv{
    position: relative;
    margin-bottom: 0;
}
.broadcast.type2 .broadcast_tv .player{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 44px;
    margin-top: -50px;
}
.broadcast.type2 .broadcast_tv .player.type2{
    top: 40%;
}
.broadcast.type2 .broadcast_share{
    margin-top: 20px;
}
.broadcast.type2 .broadcast_share a{
    display: inline-block;
    margin-bottom: 0;
    padding: 0 5px;
    font-size: 15px;
    border: 1px solid #b8b8ba;
    line-height: 30px;
    color: #555555;
}
.broadcast.type2 .broadcast_share a:nth-of-type(2){
    float: right;
}
.broadcast.type2 .broadcast_share a img{
    width: inherit;
}
.more_tv_list{
    border-top: 1px solid #d9d9da;
    background-color: #ffffff;
}
.more_tv_list .tv_list_title{
    padding: 10px 15px 0 15px;
    font-size: 16px;
}
.more_tv_list .news_im{
    width: 90px;
}
.more_tv_list a .tv_player{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.entertain .reply_box .reply_box_title span{
    color: #e5004f;
}
.entertain .reply_input_box .reply_register, .entertain .reply_input_box2 .reply_register{
    background-color: #e5004f;
}
.entertain .sort_option li.active a {
    border-bottom: none;
    color: #e5004f;
}
.news_photo_slide.entertain .owl-theme .owl-controls .owl-page span {
    margin: 5px 5px;
    opacity: 1;
    background-color: #ffffff;
    border: 1px solid #e5004f;
}
.news_photo_slide.entertain .owl-theme .owl-controls .owl-page.active span, .news_photo_slide.entertain .owl-theme .owl-controls.clickable .owl-page:hover span{
    background-color: #e5004f;
}
.news_photo_slide.entertain .item a:nth-of-type(1){
    position: relative;
    display: inline-block;
}
.news_photo_slide.entertain .item a:nth-of-type(1) span{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.news_photo_slide.entertain .owl-theme .owl-controls{
    margin-top: 10px;
}

/**************************************************
* 9 - sub main (스포츠)
**************************************************/
/**************************************************
*   9.1 - header
**************************************************/
.header_inner .header_category.sports{
    border: 1px solid #6e9c00;
}
.header_inner .header_category.sports a{
    border-right: 1px solid #6e9c00;
    color: #6e9c00;
}
.header_inner .header_category.sports a.selected{
    background-color: #6e9c00;
    color: #ffffff;
}
.sub_menu .menu.type2{
    display: inline-block;
    width: 25%;
    background-color: #ffffff;
    border-bottom: 1px solid #b8b8ba;
}
.sub_menu .menu a{
    display: block;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    font-weight: bold;
}
.sub_menu .menu.type2.selected a{
    color: #6e9c00;
}

/**************************************************
*   9.2 - content
**************************************************/
#sports_slide{
    /*position: relative;*/
    overflow: hidden;
    padding: 0 15px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
#sports_slide .flexslider{
    border: none;
    margin-bottom: 30px;
}

#sports_slide .flex-control-nav{
    bottom: -25px;
}
#sports_slide .flex-control-nav li{
    margin: 0 5px;
    zoom: 1;
    border-top: none;
}
#sports_slide .flex-control-paging li a.flex-active {
    background-color: #6e9c00;
    border: 1px solid #6e9c00;
}
#sports_slide .flex-control-paging li a {
    width: 11px;
    height: 11px;
    border: 1px solid #6e9c00;
    border-radius: 6px;
    background-color: #ffffff;
}

#sports_slide .topImg > div, #sports_slide .leftImg > div, #sports_slide .rightImg > div{
    position: relative;
    border: 1px solid #d9d9da;
}
#sports_slide .bottomImg{
    margin-top: 10px;
    font-size: 0;
}
#sports_slide .leftImg, #sports_slide .rightImg{
    display: inline-block;
    width: 50%;
}
#sports_slide .leftImg > div{
    margin-right: 2.5px;
}
#sports_slide .rightImg > div{
    margin-left: 2.5px;
}
#sports_slide .topImg > div p, #sports_slide .leftImg > div p, #sports_slide .rightImg > div p{
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 10px;
    font-size: 17px;
    line-height: 20px;
    color: #ffffff;
}
.news_list{
    margin-bottom: 10px;
}
.news_list.nopadd{
    margin-bottom: 0;
}
.news_list .type_only_text:nth-of-type(1){
    border-top: 1px solid #d9d9da;
}
.news_list .type_only_text{
    padding: 0 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}
.news_list .type_only_text a{
    overflow: hidden;
    display: block;
    position: relative;
    height: 38px;
    line-height: 38px;
}
.news_list .type_only_text a p{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.hot_sports, .sport_bigImg{
    margin-bottom: 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.hot_sports .news_im{
    width: 120px;
}
.hot_sports .news_tx {
    padding: 24px 0 8px;
}
.sports .sub_main.news_rank_tx .sub_category, .sports .news_rank_tx strong b{
    color: #6e9c00;
}
.sport_bigImg img{
    width: 100%;
}


/**************************************************
*       9.2.1 - 기사검색, 기사검색 결과
**************************************************/
.header_inner.sub_header.sports {
    background-color: #6e9c00;
}
.search_container.sports {
    background: url("../images/sub/common/btn_search3.png") no-repeat 100% 10px;
}
.input_search_t1.sports {
    border: 1px solid #6e9c00;
}
.btn_more_news.sports a span {
    color: #6e9c00;
}

/**************************************************
*       9.2.2 - 스포츠 리스트(야구)
**************************************************/
#sports_slide_type2{
    /*position: relative;*/
    overflow: hidden;
    /*padding: 0 15px;*/
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
#sports_slide_type2 .flexslider{
    border: none;
    margin-bottom: 30px;
}

#sports_slide_type2 .flex-control-nav{
    bottom: -20px;
}
#sports_slide_type2 .flex-control-nav li{
    margin: 0 5px;
    zoom: 1;
    border-top: none;
}
#sports_slide_type2 .flex-control-paging li a.flex-active {
    background-color: #6e9c00;
    border: 1px solid #6e9c00;
}
#sports_slide_type2 .flex-control-paging li a {
    width: 11px;
    height: 11px;
    border: 1px solid #6e9c00;
    border-radius: 6px;
    background-color: #ffffff;
}
#sports_slide_type2 .bottomImg{
    margin-top: 10px;
    font-size: 0;
}
#sports_slide_type2 .leftImg > div, #sports_slide_type2 .rightImg > div{
    position: relative;
    border: 1px solid #d9d9da;
}
#sports_slide_type2 .leftImg > div{
    margin-left: 15px;
}
#sports_slide_type2 .rightImg > div{
    margin-right: 15px;
}
#sports_slide_type2 .leftImg, #sports_slide_type2 .rightImg{
    display: inline-block;
    width: 50%;
}
#sports_slide_type2 .leftImg > div{
    margin-right: 2.5px;
}
#sports_slide_type2 .rightImg > div{
    margin-left: 2.5px;
}
#sports_slide_type2 .leftImg > div p, #sports_slide_type2 .rightImg > div p{
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 10px;
    font-size: 17px;
    line-height: 20px;
    color: #ffffff;
}
#sports_slide_type2 .news_list li{
    border-top: none;
}
#sports_slide_type2 .news_list li:nth-of-type(1){
    margin-top: 10px;
    border-top: 1px solid #d9d9da;
}
.sports .reply_box .reply_box_title span {
    color: #6e9c00;
}
.sports .reply_input_box .reply_register, .sports .reply_input_box2 .reply_register {
    background-color: #6e9c00;
}
.sports .sort_option li.active a {
    border-bottom: none;
    color: #6e9c00;
}
.news_photo_slide.sports .owl-theme .owl-controls .owl-page span {
    margin: 5px 5px;
    opacity: 1;
    background-color: #ffffff;
    border: 1px solid #6e9c00;
}
.news_photo_slide.sports .owl-theme .owl-controls .owl-page.active span, .news_photo_slide.sports .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #6e9c00;
}

/**************************************************
* 10 - sub main (이벤트/체험단)
**************************************************/
/**************************************************
*   10.1 - header
**************************************************/
.header_inner.event{
    background-color: #1e242a;
    border-bottom: 1px solid #13171b;
    text-align: center;
}
#btn_sub_category{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 15px;
    background: url("../images/sub/event/btn_event_category.png") no-repeat;
}
.header_inner.event .logo{
    position: relative;
    top: 5px;
    display: inline-block;
    margin-right: 10px;
}
.header_inner.event a{
    vertical-align: middle;
    font-size: 16px;
    color: #ffffff;
}
.event_menu_wrap{
    position: relative;
    /*padding-left: 40px;*/
    background-color: #1e242a;
}
.event_menu_wrap .swiper-container{
    background-color: #1e242a;
    border-bottom: none;
}
.event_menu_wrap .swiper-container .swiper-slide{
    background-color: #1e242a;
}
.event_menu_wrap .main_menu a{
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}
.event_menu_wrap .main_menu.selected a{
    color: #f48900;
}

/*category menu*/

/* custom-mmenu.css */
#menu{
    background-color: #eeeeee;
}
#menu .mm-panels{
    background-color: #ffdfdf;
}
#menu .list_menu .login{

    background-color: #eeeeee;
}
#menu .list_menu .login a{
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    background-color: #cf392a;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}
#menu .list_menu li{
    margin: 0 20px;
    background-color: #ffffff;
}
#menu .list_menu li a{
    display: block;
    padding: 15px 10px;
    border-bottom: 1px solid #ffdfdf;
    font-size: 14px;
}
#menu .list_menu li:last-of-type a{
    border-bottom: none;
}
#menu .list_menu .banner{
    margin-top: 10px;
}
#menu .list_menu .banner a{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
#menu .list_menu li a img, #menu .list_menu li a span{
    vertical-align: middle;
}
#menu .list_menu li a .img_wrap{
    display: inline-block;
    width: 30px;
}
#menu .banner a{
    display: block;
}
#menu .banner a img{
    width: 100%;
}


/*이벤트 검색*/
.search_wrap.event{
    background-color: #1e242a;
}
.event .input_search_t1{
    border: none;
    background-color: #ffffff;
}
.event .search_container{
    position: relative;
    background: none;
}
.event .event_submit{
    position: absolute;
    top: 10px;
    right: 0;
    width: 32px;
    height: 31px;
    background: url("../images/sub/event/btn_event_search.png") no-repeat 50% 50%;
}
.search_result_box{
    min-height: 320px;
    background-color: #ffffff;
}
.search_result_box .eventList{
    border-top: none;
    border-bottom: 1px solid #d9d9da;
}

/**************************************************
*   10.2 - content
**************************************************/
.home_wrap2{
    border-top: 1px solid #d9d9da;
}
.home_wrap2 .col1{
    color: #f48900;
}
.home_wrap2 .col2{
    color: #009900;
}
.home_wrap2 .col3{
    color: #fe0000;
}


.reset_flexslider .flexslider{      /*reset flexslider*/
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.reset_flexslider .flex-control-nav {
    bottom: 0px;
}
.reset_flexslider .flex-control-nav li{
    zoom: 1;
    margin: 0 3px;
}

.full_slide .flex-control-paging li a{
    border: 1px solid #f48900;
    background-color: transparent;
}
.full_slide .flex-control-paging li a.flex-active{
    background-color: #f48900;
}
.full_slide .slides li a{
    position: relative;
    display: block;
}
.full_slide .slides li p{
    position: absolute;
    top: 14.08450704225352%;
    left: 10px;
    line-height: 22px;
    font-size: 18px;
    color: #333333;
}
.full_slide .slides li span{
    font-weight: bold;
}

/*card type list1*/
.card_type_list1{
    padding-bottom: 10px;
    background-color: #ffffff;
}
.card_type_list1 li{
    padding: 10px 10px 0 10px;
    background-color: #ffffff;
}
.card_type_list1 li a{
    position: relative;
    display: block;
    border: 1px solid #d9d9da;
    font-size: 0;
}
.card_type_list1 li a > div{
    display: inline-block;
    width: 50%;
    vertical-align: text-top;
    font-size: 13px;
}
.card_type_list1 li a > div:first-child{
    width: 49%;
    border-right: 1px solid #d9d9da;
}
.card_type_list1 li a > div:first-child img{
    width: 100%;
    /*height: 100%;*/
}
.card_type_list1 li a > div:last-child{
    padding: 10px 0;
}
.card_type_list1 li a > div:last-child p{
    padding: 0 10px;
    color: #777777;
}
.card_type_list1 li a > div:last-child p:nth-of-type(1){
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px;
    line-height: 16px;

    margin-bottom: 15px;
    font-size: 14px;
    color: #333333;
}
.card_type_list1 li a > div:last-child p:nth-of-type(2){
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px;
    line-height: 16px;
}
.card_type_list1 li a > div:last-child p:nth-of-type(4){
    position: absolute;
    bottom: 10px;
    letter-spacing: -1px;
    font-size: 12px;
}
.btn_more_event{
    overflow: hidden;
    background-color: #ffffff;
}
.btn_more_event a {
    display: block;
    margin-bottom: 10px;
    padding: 19px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    color: #333333;
}

/**************************************************
*   10.3 - event list
**************************************************/
.event_carousel{
    padding: 10px;
}
.event_carousel .flexslider{
    background-color: inherit;
    border-top: none;
    border-bottom: none;
}
.event_carousel .slides li{
    /*width: 135px;*/
    border: 1px solid #d9d9da;
}
.no_flexible{
    padding: 10px 5px;
    background-color: #ffffff;
}
.no_flexible p:first-of-type{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333333;
}
.no_flexible p:last-of-type{
    letter-spacing: -1px;
    font-size: 12px;
    color: #777777;
}
.eventList{
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 100;
    padding: 0 15px;
    border-top: 1px solid #d9d9da;
    color: #000;
    background: #fff;
    box-shadow: 1px 0 1px rgba(223,223,223,0.5);
}
.event_im{
    position: relative;
    float: left;
    width: 80px;
    margin: 10px;
    margin-left: 0;
}
.event_tx{
    padding-top: 12px;
}
.event_tx p{
    font-size: 13px;
    color: #777777;
}
.event_tx p:nth-of-type(1){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333333;
}
.event_tx p:nth-of-type(2){
    margin-bottom: 10px;
}

/**************************************************
*   10.4 - 나의 응모내역
**************************************************/
.applicant_list{
    overflow: hidden;
    padding: 0 10px;
    border-top: 1px solid #d9d9da;
    background-color: #ffffff;
}
.applicant_title{
    padding: 10px 0;
    font-size: 15px;
}
.applicant_list li{
    margin-bottom: 10px;
    border: 1px solid #d9d9da;
}
.applicant_list li a{
    display: block;
}
.eventList.applicant_type{
    padding: 0;
}
.applicant_type .event_im{
    width: 90px;
    margin: 10px;
    border-top: none;
}
.applicant_type .event_tx{
    padding-top: 15px;
}
.applicant_type .event_txp{
    color: #333333;
}
.applicant_type .event_tx p{
    padding-right: 10px;
    font-size: 13px;
}
.applicant_type .event_tx p.col1, .winning .event_tx .col1{
    color: #f48900;
}
.applicant_type .event_tx p.col2, .winning .event_tx .col2{
    color: #009900;
}
.applicant_type .event_tx p.col3, .winning .event_tx .col3{
    color: #ed3796;
}
.applicant_type .event_tx p.col4{
    color: #fe0000;
}
.applicant_type .event_tx .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.applicant_type .applicant_date{
    clear: both;
    padding: 10px 0;
    background-color: #f0f0f0;
    text-align: center;
    font-size: 12px;
}
.applicant_type .applicant_date span{
    margin: 0 5px;
    vertical-align: text-top;
    color: #999999;
}

/**************************************************
*   10.5 - 당첨자발표
**************************************************/
.winning_bg{
    background: white;
}
.winning_bg img{
    width: 100%;
}
.winning .event_im{
    width: 90px;
}
.winning .event_im img{
    width: 100%;
}
.winning .event_tx p:nth-of-type(1){
    padding-left: 15px;
    background: url("../images/sub/event/winning_item1.png") no-repeat;
}
.winning .event_tx p:nth-of-type(2){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555555;
}
.winning .event_tx p:nth-of-type(3) span{
    display: inline-block;
    float: right;
}

/**************************************************
*   10.6 - event view
**************************************************/
.imgWidth1{
    width: 100%;
}
.list_view_content{
    padding: 10px 10px 20px 10px;
    background-color: #ffffff;
    color: #777777;
}
.event_title{
    margin-bottom: 5px;
    font-size: 14px;
    color: #333333;
}
.event_date{
    margin-bottom: 10px;
    font-size: 13px;
}
.event_num{
    overflow: hidden;
    margin-bottom: 20px;
    letter-spacing: -1px;
    font-size: 13px;
}
.event_num .grade{
    float: right;
    letter-spacing: 0;
    font-size: 15px;
}
.btn_event_request{
    clear: both;
}
.btn_event_request a{
    display: block;
    background-color: #f17500;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.winning_event_bg{
    margin-top: 20px;
}

/*list view tab*/
.list_view_tab{
    padding: 0 10px;
    background: #ffffff;
}
.view_tab_menu{
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 0;
}
.view_tab_menu .grid2{
    display: inline-block;
    width: 50%;
    font-size: 14px;
}
.view_tab_menu .grid2 a{
    display: block;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #f2f2f2;
    text-align: center;
    line-height: 38px;
}
.view_tab_menu .grid2 a.active{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}
.view_tab_menu .grid3{
    display: inline-block;
    width: 33.33%;
    font-size: 14px;
}
.view_tab_menu .grid3 a{
    display: block;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #f2f2f2;
    letter-spacing: -2px;
    text-align: center;
    line-height: 38px;
}
.view_tab_menu .grid3 a.active{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}
.tab_content li{
    padding: 10px 0;
    border-top: 1px solid #d9d9da;
}
.tab_content li:first-of-type{
    border-top: none;
}
.tab_content .head{
    margin-bottom: 10px;
    font-size: 14px;
    color: #999999;
}
.tab_content .head span{
    margin-right: 5px;
    color: #555555;
}
.tab_content .content{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 16px;
    font-size: 13px;
    color: #777777;
}
.eventList2{
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 100;
    padding: 0 15px;
    border-top: 1px solid #d9d9da;
    color: #000;
    background: #fff;
    box-shadow: 1px 0 1px rgba(223,223,223,0.5);
}
.event_im2{
    position: relative;
    float: left;
    width: 90px;
    margin: 10px;
    margin-left: 0;
}
.event_tx2{
    padding-top: 12px;
    padding-left: 100px;
}
.tab_content .event_tx2 .content{
    -webkit-line-clamp: inherit;
}

/**************************************************
*   10.7 - 당첨자발표 상세
**************************************************/
.winning_view{
    padding: 0 10px;
    background-color: #ffffff;
    font-size: 13px;
}
.winning_title{
    padding: 10px 0 10px 15px;
    background: url("../images/sub/event/winning_item1.png") no-repeat 0 10px;
    font-size: 14px;
}
.winning_sub_title{
    margin-bottom: 15px;
    line-height: 18px;
    font-size: 15px;
}
.winning_date{
    margin-bottom: 10px;
    color: #555555;
}
.winning_content{
    padding: 10px 0;
    line-height: 16px;
    border-top: 1px solid #d9d9da;
}
.winning_user_id{
    padding: 10px 0 30px 0;
    border-top: 2px dotted #333333;
}
.winning_user_id p{
    line-height: 20px;
}
.winning_user_id li{
    line-height: 17px;
}
.input_textarea_wrap .title{
    padding: 20px 0 10px 0;
    font-size: 15px;
}
.textarea_wrap{
    position: relative;
    height: 48px;
    border: 1px solid #d9d9da;
}
.textarea_wrap .input_textarea{
    padding: 5px;
    padding-right: 55px;
    height: 38px;
}
.textarea_wrap .input_textarea textarea{
    width: 100%;
    height: 100%;
    resize: none;
    line-height: 16px;
}
.textarea_wrap .btn_input{
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border-left: 1px solid #d9d9da;
    background-color: #f48900;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
}


/**************************************************
* 11 - sub main(톡투유)
**************************************************/
/**************************************************
*   11.1 - header
**************************************************/

/*sub main no padding*/
.home_wrap.no_padd{
    padding-top: 0;
}



.header_inner.community{
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
    text-align: center;
}
#btn_sub_community{
    position: absolute;
    top: 14px;
    left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/sub/talkToYou/btn_community_category.png") no-repeat;
}
.header_inner.community .logo {
    position: relative;
    top: 5px;
    display: inline-block;
    margin-right: 10px;
}
.header_inner.community a {
    vertical-align: middle;
    font-size: 16px;
    color: #000000;
}
.sub_menu .menu.type3:nth-of-type(1){
    width: 10%;
}
.sub_menu .menu.type3:nth-of-type(2){
    width: 20%;
}
.sub_menu .menu.type3:nth-of-type(3){
    width: 20%;
}
.sub_menu .menu.type3:nth-of-type(4){
    width: 25%;
}
.sub_menu .menu.type3:nth-of-type(5){
    width: 25%;
}
.sub_menu.community .menu.selected a{
    color: #cf392a;
}
li.menu.type3.bor_red{
    border-bottom: 1px solid #cf392a;
}

/*sub main drop down menu*/
.drop_menu{
    position: relative;
    display: none;
    background-color: #ffffff;
}
.drop_menu h1{
    padding: 10px;
    text-align: center;
    font-size: 14px;
}
.drop_menu .menu_close{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}
.drop_list > li:nth-of-type(1) > a{
    border-top: 1px solid #d9d9da;
}
.drop_list li a{
    position: relative;
    display: block;
    line-height: 32px;
}
.drop_list > li > a{
    padding: 0 10px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d9d9da;
    font-size: 13px;
}
.drop_list > li > a > span{
    display: block;
    background: url("../images/sub/common/btn_down_arrow1.png") no-repeat right center;
}
.drop_list > li > ul{
    display: none;
}
.drop_list > li > ul > li > a{
    padding: 0 15px;
    border-bottom: 1px solid #d9d9da;
    background: url("../images/sub/common/btn_right_arrow1.png") no-repeat 96% center;
    font-size: 12px;
}






/**************************************************
*   11.2 - content
**************************************************/
/**************************************************
*       11.2.1 - 토크, 잇슈
**************************************************/
/*talkToYou content main*/
#community_main_slide{
    margin-bottom: 10px;
    border: none;
    background-color: #ffffff;
    text-align: center;
}
#community_main_slide .flex-viewport{
    text-align: initial;
}
#community_main_slide .flex-direction-nav{
    position: absolute;
    display: inline-block;

}
.main_txt_list .flex-direction-nav a{
    width: 20px;
    height: 16px;
    top: initial;
    bottom: 10px;
    left: -100px;
    padding: 5px 10px;
    border: 2px solid #d9d9da;
    background-color: #fbfafa;
}
.main_txt_list .flex-direction-nav a.flex-next{
    left: initial;
    right: -100px;
}
.main_txt_list .flex-direction-nav a:before{
    font-size: 20px;
}
.main_txt_list .flex-control-nav{
    position: static;
    padding: 20px 0 15px 0;
    border-bottom: 1px solid #d9d9da;
}
.main_txt_list .flex-control-nav li{
    margin: 0 3px;
    zoom: 1;
}
.main_txt_list .flex-control-paging li a{
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background-color: #999999;
}
.main_txt_list .flex-control-paging li a.flex-active{
    background-color: #cf392a;
}

/*community slide*/
.community_txt_list{
    position: relative;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #d9d9da;
    background-color: #ffffff;
    text-align: left;
    font-size: 15px;
}
.community_txt_list .sub_title{
    text-align: center;
    color: #000000;
}
.community_txt_list.title{
    /*border-top: 1px solid #d9d9da;*/
}
.community_txt_list.title a{
    display: block;
    background: url("../images/sub/common/btn_right_arrow2.png") no-repeat 97% center;
}
.community_txt_list.mainImg{
    height: 130px;
}
.community_txt_list .main_news_img{
    position: relative;
    max-width: 100%;
    display: block;
}
.community_txt_list .main_news_img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
}
.community_txt_list .main_news_text{
    position: relative;
    overflow: hidden;
    display: block;
    max-width: 100%;
}
.community_txt_list .main_news_text strong{
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 25px;
    margin-bottom: 5px;
    padding-left: 150px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
.community_txt_list .main_news_text.noImg strong{
    -webkit-line-clamp: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    /*padding-right: 105px;*/
}
.community_txt_list .main_news_text b{
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    padding-left: 150px;
    line-height: 16px;
    font-size: 13px;
    font-weight: normal;
    color: #555555;
    /*width: 100%;*/
}
.community_txt_list .news_category{
    margin-bottom: 7px;
    padding-left: 150px;
}
.community_txt_list .news_category.noImg{
    margin-bottom: 0;
    padding-left: 0;
}
.flexslider .community_txt_list .news_category img{
    display: inherit;
    width: auto;
}
.community_txt_list .news_category .num{
    margin-left: 5px;
    margin-right: 10px;
    color: #cf392a;
}
/*talkToYou content main end*/

/*main_fix_slide*/
.main_fix_slide1 .flexslider{
    margin-bottom: 10px;
    border: none;
    background-color: inherit;
}
.main_fix_slide1 .slides li a{
    position: relative;
    display: block;
    padding-left: 10px;
}
.main_fix_slide1 .slides a span, .latest_talk .card_inner p{
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    /*word-break: break-all;*/
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*width: 90px;*/
    height: 30px;
    padding: 0 10px;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
}

/*community_txt_wrap*/
.community_txt_wrap{
    margin-bottom: 10px;
    background-color: #ffffff;
}
.community_txt_wrap.nopadd{
    margin-bottom: 0;
}
.community_txt_wrap .community_txt_list:nth-of-type(1){
    border-top: 1px solid #d9d9da;
}

/*card_type_list2*/
.card_type_list2{
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.card_type_list2 .title{
    padding: 10px;
    color: #000000;
}
.card_type_list2 .title .emphasis_font{
    color: #cf392a;
}
.card_type_list2 .flexslider{
    margin-bottom: 0;
    border: none;
}
.card_type_list2 .slides li{
    padding-left: 10px;
}
.card_type_list2 .slides a{
    position: relative;
    display: block;
    border: 1px solid #d9d9da;
    font-size: 14px;
}
.card_type_list2 .slides a div{
    padding: 10px;
    border-top: 1px solid #d9d9da;
}
.card_type_list2 .slides a p:nth-of-type(1){
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    text-align: center;
}
.card_type_list2 .slides a span{
    margin-right: 10px;
    padding-left: 15px;
    color: #cf392a;
}
.card_type_list2 .slides a span:nth-of-type(1){
    background: url("../images/sub/talkToYou/view_img.png") no-repeat 0 6px;
}
.card_type_list2 .slides a span:nth-of-type(2){
    background: url("../images/sub/talkToYou/reply_img.png") no-repeat 0 6px;
}
.card_type_list2 .slides a span:nth-of-type(1).movie{
    position: absolute;
    left: 10px;
    bottom: 60px;
    display: inline-block;
    padding: 0;
    margin: 0;
    background: none;
}

.survey_wrapper{
    margin-bottom: 10px;
    border-top: 1px solid #d9d9da;
}
.survey_banner{
    padding: 10px;
    background-color: #ffffff;
}
.survey_banner img{
    vertical-align: middle;
}
.survey_banner a{
    float: right;
    font-size: 13px;
    color: #555555;
}
.vote a{
    display: block;
    background-color: #cf392a;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.vote a span{
    padding-left: 15px;
    background: url("../images/sub/talkToYou/vote_img.png") no-repeat 0 4px;
}

/*talk main*/
.btn_more_news.community a{
    border-top: none;
    font-size: 15px;
}
.btn_more_news.community a.view_type{
    border-top: 1px solid #d9d9da;
}
.btn_more_news.community a span{
    color: #cf392a;
}
.btn_more_news.community a img{
    vertical-align: inherit;
}

/*latest talk, latest_issue*/
.latest_talk, .latest_issue, .realtime_issue{
    margin-bottom: 10px;
    background-color: #ffffff;
}
.latest_talk .head, .latest_issue .head, .realtime_issue .head{
    font-size: 0;
    padding: 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.realtime_issue .head{
    border: none;
}
.latest_talk .head .title, .latest_issue .head .title, .realtime_issue .head .title{
    margin-bottom: 10px;
    font-size: 15px;
    color: #000000;
}
.latest_issue .head span, .realtime_issue .head span{
    color: #cf392a;
}
.latest_talk .card, .latest_issue .card{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.latest_talk .card_inner, .latest_issue .card_inner{
    position: relative;
    margin-right: 5px;
    border: 1px solid #d9d9da;
}
.latest_talk .card_inner.right, .latest_issue .card_inner.right{
    margin-left: 5px;
    margin-right: 0;
}
.latest_talk .card_inner img, .latest_issue .card_inner img{
    width: 100%;
}
.latest_issue .card_inner div{
    padding: 10px;
    border-top: 1px solid #d9d9da;
    font-size: 14px;
}
.latest_issue .card_inner p{
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 16px;
}
.latest_issue .card_inner div span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
    color: #777777;
}


.community_txt_list2{
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 100;
    padding: 0 10px;
    border-bottom: 1px solid #d9d9da;
    color: #000;
    background: #fff;
}
.community_txt_list2 a{
    display: block;
}
.community_txt_list2 .news_im{
    position: relative;
    float: left;
    width: 80px;
    margin: 10px;
    margin-left: 0;
}
.community_txt_list2 .news_tx{
    padding: 15px;
}
.community_txt_list2 .news_tx strong{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
.community_txt_list2 .news_tx .num{
    margin-left: 5px;
    margin-right: 10px;
    color: #cf392a;
}
.community_txt_list2 .best_photo_cate{
    font-size: 12px;
    color: #777777;
}
.community_txt_list2 .best_photo_cate span{
    vertical-align: middle;
}
.community_txt_list2 .news_tx .best_photo_cate .num{
    margin: 0;
    margin-left: 5px;
    font-weight: normal;
}
.community_txt_list2 .best_photo_cate .txt_bar{
    display: inline-block;
    margin: 5px;
}


/*실시간 ISSUE*/
.realtime_issue .flexslider{
    margin-bottom: 0;
    border: none;
}
.realtime_issue .flexslider .slides a{
    display: block;
    margin-left: 10px;
    border: 1px solid #d9d9da;
    font-size: 0;
}
.realtime_issue .flex-control-nav {
    position: static;
    padding: 15px 0 10px 0;
    border-bottom: 1px solid #d9d9da;
}
.realtime_issue .flex-control-nav li {
    margin: 0 3px;
    zoom: 1;
}
.realtime_issue .flex-control-paging li a {
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background-color: #999999;
}
.realtime_issue .flex-control-paging li a.flex-active {
    background-color: #cf392a;
}
.realtime_issue .flexslider .issue_img{
    display: inline-block;
    width: 110px;
    vertical-align: middle;
}
.realtime_issue .flexslider .issue_txt{
    display: inline-block;
    width: 108px;
    padding: 10px;
    vertical-align: middle;
    font-size: 14px;
}
.realtime_issue .flexslider .issue_txt p{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 108px;
    height: 32px;
    margin-bottom: 10px;
    line-height: 16px;
}
.realtime_issue .flexslider .issue_txt span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #777777;
}

/*베스트 issue*/
.best_issue{
    background-color: #ffffff;
}
.best_issue .title{
    padding: 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    font-size: 15px;
}
.best_issue .title a{
    display: block;
    background: url("../images/sub/common/btn_right_arrow2.png") no-repeat right center;
    color: #000000;
}

.best_issue .title a span{
    color: #cf392a;
}
.best_issue li{
    border-bottom: 1px solid #d9d9da;
}
.best_issue li a{
    position: relative;
    display: block;
    padding: 10px 90px 10px 10px;
    font-size: 14px;
}
.best_issue li a div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.best_issue li a p{
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    font-size: 12px;
    color: #777777;
}
.best_issue li a span{
    margin-right: 5px;
    color: #cf392a;
}

/*오늘의 공감 이슈, 오늘의 공감 톡 공용*/
.today_sympathy_list{
    margin: 10px;
    background-color: #ffffff;
    border: 1px solid #d9d9da;
}
.today_sympathy_list .title a{
    display: block;
    padding: 10px;
    background-color: #cf392a;
}
.today_sympathy_list .title a span{
    display: block;
    background: url("../images/sub/common/btn_right_arrow3.png") no-repeat right center;
    font-size: 15px;
    color: #ffffff;
}
.today_sympathy_list .community_txt_list{
    padding-left: 30px;
    border-top: 1px solid #d9d9da;
    border-bottom: none;
    background: url("../images/sub/talkToYou/today_sympathy_bg.png") no-repeat 10px 10px;
}

/*sub_main slider*/
.pull_txt_slide{
    padding-bottom: 10px;
    background-color: #e9e9e9;
    /*border-bottom: 1px solid #d9d9da;*/
}
.pull_txt_slide .flexslider{
    margin-bottom: 0;
    border: none;
}
.pull_txt_slide .slides li a{
    display: block;
}
.pull_txt_slide .slides div{
    padding: 20px 40px;
    text-align: center;
}
.pull_txt_slide .slides .txt1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 15px;
    color: #000000;
}
.pull_txt_slide .slides .txt2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
}
.pull_txt_slide .slides div p img{
    display: inline-block;
    width: inherit;
    vertical-align: middle;
}
.pull_txt_slide .slides div p span{
    display: inline-block;
    margin: 0 10px 0 5px;
    vertical-align: middle;
    font-size: 12px;
    color: #555555;
}
.pull_txt_slide .slides .num{
    color: #cf392a;
}

/*sub view*/
.news_content.community{
    padding: 0 10px;
}
.news_content.community .news_content_head .news_content_title{
    line-height: 20px;
    font-size: 15px;
}
.news_content.community .news_content_sub .news_text{
    border-top: 1px solid #d9d9da;
    line-height: 18px;
    font-size: 14px;
}
.news_content.community .news_content_sub .news_text p{
    margin-top: 30px;
    text-align: center;
}
.news_content.community .news_content_sub .news_text a{
    display: inline-block;
    width: 98px;
    height: 43px;
    border: 1px solid #cdcdcd;
    background-color: #fcfcfc;
}
.news_content.community .news_content_sub .news_text span{
    display: inline-block;
    padding-left: 20px;
    background: url("../images/sub/talkToYou/love_img.png") no-repeat 0px center;
    text-align: right;
    line-height: 43px;
    font-size: 15px;
    color: #666666;
}
.news_content.community .reply_box .reply_box_title{
    font-size: 14px;
}
.news_content.community .reply_box .reply_box_title span{
    color: #cf392a;
}
.news_content.community .reply_input_box .input_label, .news_content.community .reply_input_box2 .input_label{
    font-size: 14px;
}
.news_content.community .reply_input_box .reply_register, .news_content.community .reply_input_box2 .reply_register{
    background-color: #cf392a;
    font-size: 13px;
}
.news_content.community .sort_option li.active a{
    font-size: 14px;
    color: #cf392a;
}
.news_content.community .reply_area .head .user_name{
    font-size: 13px;
}
.news_content.community .reply_area .head {
    margin-bottom: 5px;
}
.news_content.community .reply_area .body{
    font-size: 12px;
    line-height: 16px;
}

/*search*/
.header_wrapper.community .header_inner .btn_back{
    left: 10px;
}
.community .header_inner h1{
    font-size: 16px;
    color: #cf392a;
}
.community h1 img{
    vertical-align: middle;
}
.community .header_inner.sub_header{
    background-color: #ffffff;
}
.community .header_inner.sub_header .btn_close{
    right: 10px;
    border: 1px solid #cf392a;
    color: #cf392a;
}
.community .search_wrap{
    background-color: #e9e9e9;
}
.community .search_container{
    position: relative;
    margin: 0 10px;
    background: none;
}
.community .input_search_t1{
    border: 1px solid #cf392a;
    background-color: #ffffff;
}
.community .search_container input[type="submit"]{
    position: absolute;
    top: 11px;
    right: 0;
    display: block;
    width: 31px;
    height: 28px;
    background: url("../images/sub/talkToYou/btn_community_submit.png") no-repeat;
}

/*베스트 포토*/
.best_photo{
    background-color: #ffffff;
}
.best_photo.type2{
    border-top: 1px solid #d9d9da;
}
.best_photo .title{
    padding: 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    font-size: 15px;
}
.best_photo .title span{
    color: #cf392a;
}

/*글쓰기*/
.write_wrap{
    margin-top: 10px;
    padding: 0 10px;
}
.write_caution{
    margin-bottom: 10px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    line-height: 15px;
    font-size: 11px;
}
.write_caution span{
    color: #cf392a;
}
.write_text{
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    font-size: 0;
}
.write_text .title{
    padding: 0 10px;
    border-bottom: 1px solid #CCCCCC;
}
.write_text .title span{
    vertical-align: middle;
    line-height: 34px;
    font-size: 13px;
}
.write_text .title span:nth-of-type(1){
    display: inline-block;
    width: 50px;
    color: #555555;
}
.write_text .title span:nth-of-type(2){
    color: #777777;
}
.write_text .title input[type='text']{
    vertical-align: middle;
    font-size: 13px;
    color: #777777;
}
.write_text .content{
    height: 200px;
    padding: 10px;
}
.write_text .content textarea{
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 16px;
}
.btn_write_wrap{
    margin-bottom: 20px;
    padding: 0 5px;
    font-size: 0;
}
.btn_write_wrap > div{
    display: inline-block;
    width: 50%;
}
.btn_write_wrap a{
    display: block;
    margin: 0 6px;
    border: 1px solid #a3130a;
    background-color: #cf271d;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #ffffff;
}
.btn_write_wrap .cancel{
    border: 1px solid #888888;
    background-color: #999999;
}

/*톡&잇슈 submain*/
.search_input{
    padding: 10px;
    background-color: #e9e9e9;
}
.search_input select{
    width: 90px;
    height: 25px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.search_input_box{
    position: relative;
    display: inline-block;
    width: 38.33333333333333%;
    height: 23px;
    vertical-align: middle;
    padding: 0 5px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.search_input_box input[type='text']{
    width: 80%;
    padding-top: 3px;
    border: none;
}
.search_input_box input[type='submit']{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 23px;
    background: url("../images/sub/talkToYou/input_submit_bg.png") no-repeat 50% 50%;
    cursor: pointer;
}
.search_input .btn_wrt{
    display: inline-block;
    float: right;
    /*width: 53px;*/
    width: 18.33333333333333%;
    border: 1px solid #333333;
    background-color: #555555;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    color: #ffffff;
    vertical-align: middle;
}

/**************************************************
*       11.2.2 - 포토/영상
**************************************************/
.sub_menu2{
    margin-bottom: 10px;
    font-size: 0;
}
.sub_menu2 .menu{
    display: inline-block;
    width: 50%;
    padding: 10px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}
.sub_menu2 .menu a{
    display: block;
    text-align: center;
    font-size: 15px;
}
.sub_menu2 .menu.selected a{
    color: #cf392a;
}
.sub_menu2 .menu:nth-of-type(1) a{
    border-right: 1px solid #d9d9da;
}

/*main photo slide*/
.main_photo_slide .flexslider{
    margin-bottom: 0;
    background-color: inherit;
    border: none;
}
.main_photo_slide .slides a{
    position: relative;
    display: block;
    padding-left: 10px;
}
.main_photo_slide .slides .title{
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
    padding: 0 10px;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
}
.main_photo_slide .flex-control-nav {
    position: static;
    padding: 20px 0 15px 0;
    /*border-bottom: 1px solid #d9d9da;*/
}
.main_photo_slide .flex-control-nav li {
    margin: 0 3px;
    zoom: 1;
}
.main_photo_slide .flex-control-paging li a.flex-active {
    background-color: #cf392a;
}

/*급상승 영상, 급상승 포토*/
.sudden_increase_list{
    margin-bottom: 10px;
    background-color: #ffffff;
    font-size: 14px;
}
.sudden_increase_list .title{
    padding: 0 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.sudden_increase_list .title a{
    display: block;
    padding: 10px 0;
    background: url("../images/sub/common/btn_right_arrow2.png") no-repeat right center;
    font-size: 15px;
    color: #000000;
}
.sudden_increase_list .title span{
    color: #cf392a;
}
.sudden_increase_list li{
    padding: 0 10px;
    border-bottom: 1px solid #d9d9da;
}
.sudden_increase_list li a{
    position: relative;
    display: block;
    color: #333333;
}
.sudden_increase_list .content_title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 10px 120px 10px 0;
    font-size: 14px;
}
.sudden_increase_list .view_reply{
    position: absolute;
    top: 10px;
    right: 0;
    width: 120px;
    text-align: right;
    font-size: 13px;
}
.sudden_increase_list .view_reply span{
    color: #cf392a;
}

/*photo list*/
.photo_list2{
    background-color: #ffffff;
}
.photo_list2 .title{
    padding: 10px;
    font-size: 15px;
    color: #000000;
}
.photo_list2 .content{
    padding: 10px 0 0 10px;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
    font-size: 0;
}
.photo_list2 .content li{
    display: inline-block;
    width: 33.33%;
}
.photo_list2 .content div{
    padding: 0 10px 10px 0;
}
.photo_list2 .content img{
    width: 100%;
}

/*photo news*/
.news_photo_slide.community{
    margin: 0 0 10px 0;
    padding: 10px;
}
.news_photo_slide .photo_news_title{
    margin-bottom: 10px;
    text-align: left;
    font-size: 15px;
    color: #000000;
}
.news_photo_slide.community .owl-theme .owl-controls .owl-page.active span, .news_photo_slide.community .owl-theme .owl-controls.clickable .owl-page:hover span{
    background-color: #cf392a;
}

/*movie list*/
.community_txt_list2 .news_im{
    position: relative;
}
.community_txt_list2 .news_im .movie_player{
    position: absolute;
    left: 5px;
    bottom: 5px;
    display: inline-block;
}

/*movie view*/
.broadcast .movie_view .list_title p:nth-of-type(1){
    font-size: 15px;
    color: #000000;
}
.broadcast .movie_view .list_title p:nth-of-type(2){
    font-size: 12px;
    color: #666666;
}
.broadcast .movie_view .list_title p:nth-of-type(2) span{
    color: #cccccc;
}
.movie_view .broadcast_tv > a > img{
    width: 100%;
}
.more_tv_list.community{
    margin-top: 10px;
    border-bottom: 1px solid #d9d9da;
}
.more_tv_list.community .tv_list_title {
    padding: 10px 10px 0 10px;
    font-size: 15px;
}
.broadcast .movie_view .broadcast_share a:nth-of-type(3){
    float: left;
    margin-right: 5px;
}


/**************************************************
*       11.2.3 - 서베이
**************************************************/
/**************************************************
*           설문조사
**************************************************/
.pull_txt_slide .slides .survey_slide1 .txt2{
    line-height: 20px;
    font-size: 15px;
    color: #000000;
}
.pull_txt_slide .slides .survey_slide1 .txt3 span{
    margin: 0;
}
.pull_txt_slide .slides .survey_slide1 .txt3 .txt_bar{
    margin: 0 10px;
    font-size: 10px;
    color: #CCCCCC;
}
.pull_txt_slide .slides .survey_slide1 .txt3 .num{
    margin-left: 5px;
}

/*survey text list*/
.survey_txt_list li{
    padding: 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}
.survey_txt_list li > a{
    display: block;
}
.survey_txt_list .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
}
.survey_txt_list .cate{
    font-size: 12px;
    color: #666666;
}
.survey_txt_list .cate .num{
    margin-left: 5px;
    color: #cf392a;
}
.survey_txt_list .cate .txt_bar{
    margin: 0 10px;
    font-size: 10px;
    color: #CCCCCC;
}

/*survey inquiry*/
.inquiry_wrap{
    margin-bottom: 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9da;
}
.inquiry_wrap .head_category{
    padding: 0 10px;
    background-color: #cf392a;
    line-height: 30px;
    font-size: 13px;
    color: #ffffff;
}
.inquiry_wrap .title_wrap{
    margin: 0 10px;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9da;
    background-color: #ffffff;
    text-align: center;
}
.inquiry_wrap .title_wrap .txt1{
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 15px;
    color: #000000;
}
.inquiry_wrap .title_wrap .txt2{
    font-size: 12px;
    color: #666666;
}
.inquiry_wrap .title_wrap .emphasis_font{
    color: #cf392a;
}
.inquiry_wrap .title_wrap .txt_bar{
    position: relative;
    top: -2px;
    margin: 0 10px;
    font-size: 10px;
    color: #cccccc;
}
.inquiry_list_wrap{
    padding: 10px 10px 20px 10px;
}
.inquiry_list{
    position: relative;
}
.inquiry_list.type2{
    margin-bottom: 20px;
}
.inquiry_list .num{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0 7px;
    background-color: #cf392a;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
}
.inquiry_list .question_wrap{
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 13px;
    color: #555555;
}
.inquiry_list .question{
    line-height: 20px;
    font-size: 14px;
}
.inquiry_list .question_wrap li{
    margin-top: 10px;
}
.inquiry_list .question_wrap li label{
    margin-left: 5px;
    vertical-align: middle;
}
.btn_survey_wrap{
    padding: 10px 0;
    text-align: center;
}
.btn_survey_wrap a{
    display: inline-block;
    width: 95px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 5px;
    border: 2px solid #cf392a;
    border-radius: 20px;
    font-size: 14px;
    color: #cf392a;
}

/*survey result*/
.progress_wrap .txt{        /*결과보기*/
    margin-bottom: 5px;
    font-size: 13px;
    color: #555555;
}
.progress_wrap .total{
    margin: 5px 0 5px 0;
    text-align: right;
    font-size: 12px;
    color: #555555;
}
.progress_bar{
    position: relative;
    height: 15px;
    background: #ffd5d0;
}
.progress_bar > span {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    background-color: #cf392a;
}


/**************************************************
*           투표
**************************************************/
.fullImg_slider{
    margin-bottom: 10px;
}
.fullImg_slider .flexslider{
    margin-bottom: 0;
    border: none;
}
.fullImg_slider .slides li > a{
    position: relative;
    display: block;
}
.fullImg_slider .flex-direction-nav a:before{
    color: #ffffff;
}
.fullImg_slider .txt_wrap{
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.fullImg_slider .txt_wrap .txt1{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px;
    padding: 0 80px;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    color: #ffffff;
}
.fullImg_slider .txt_wrap .txt2{
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}
.fullImg_slider .txt_wrap .txt2 .txt_bar{
    margin: 0 10px;
    font-size: 10px;
}

/**************************************************
*           투표 view
**************************************************/
.vote_view .news_content_sub .news_reply_wrap{
    border-top: none;
}
.vote_list_view{
    background-color: #ffffff;
}
.vote_list_view .title{
    padding: 30px 0;
    border-top: 1px solid #d9d9da;
    border-bottom: 1px solid #d9d9da;
}
.vote_list_view .title .txt1{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 10px;
    padding: 0 80px;
    text-align: center;
    line-height: 18px;
    font-size: 15px;
    color: #000000;
}
.vote_list_view .title .txt2{
    text-align: center;
    font-size: 12px;
    color: #666666;
}
.vote_list_view .title .txt2 .txt_bar{
    position: relative;
    top: -2px;
    margin: 0 10px;
    font-size: 10px;
    color: #CCCCCC;
}
.vote_list_view .title .txt2 .num{
    color: #cf392a;
}
.vote_img{
    position: relative;
}
.vote_img a{
    display: block;
}
.vote_img img{
    width: 100%;
}
.vote_img .caption{
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
}
.vote_img .caption p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    color: #ffffff;
}
.vote_select_wrap{
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9da;
}
.vote_select{
    padding: 20px 0 10px 0;
    text-align: center;
}
.vote_select label{
    margin-left: 5px;
    font-size: 15px;
    color: #333333;
}
.vote_select span{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 15px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    background-color: #cf392a;
    color: #ffffff;
}


/**************************************************
*           투표 결과
**************************************************/
.vote_result{
    padding: 10px;
    border-bottom: 1px solid #d9d9da;
    font-size: 14px;
    color: #333333;
}
.vote_result .progress_wrap .txt{
    font-size: 14px;
}
.vote_result .progress_bar{
    height: 20px;
}
.progress_bar.type2{
    background-color: #bbd5ef;
}
.progress_bar.type2 > span{
    background-color: #2a7ccf;
}


/**************************************************
* 5 - footer
**************************************************/
.footer_wrapper{
    clear: both;
    z-index: 2;
    border-top: 1px solid #e9e9e9;
}
.notice{
    margin-top: 10px;
}
.notice span{
    font-size: 13px;
    font-weight: normal;
}
.notice .n_tit{
    margin-right: 5px;
    font-weight: bold;
}
.footer_inner{
    background-color: #505050;
    width: 100%;
    margin: 0 auto;
    padding: 21px 0 37px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    clear: both;
}
.footer_inner a{
    color: #ffffff;
}
.txt_bar{
    /*vertical-align: text-bottom;*/
    font-size: 11px;
    color: #cccccc;
}
.list_foot2 li{
    margin-top: 10px;
}
.list_foot1 li, .list_foot2 li{
    display: inline-block;

    font-size: 0;
}
.list_foot1 a{
    display: block;
    width: 64px;
    height: 25px;
    font-size: 11px;
    line-height: 26px;
    vertical-align: top;
    font-weight: bold;
}
.list_foot2 a{
    display: block;
    /*padding: 10px 0 6px;*/
    padding: 0 5px;
    height: 15px;
    letter-spacing: -1px;
    clear: both;

    font-size: 12px;
    font-weight: bold;
}
.company{
    margin-top: 10px;
    font-size: 13px;
}
.company_name{
    margin-right: 5px;
    color: #ffffff;
}
.company_right{
    color: #8c8c8c;
}


/*스크롤 탑 버튼*/
.scroll_top{
    display: block;
    overflow: hidden;
    position: fixed;
    bottom: 8px;
    right: 8px;
    z-index: 999;
    /*width: 34px;*/
    /*height: 31px;*/
    border: 1px solid rgba(0,0,0,.18);
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.size_t3 .thumb_g img{
    max-width: 100%;
}




/**************************************************
* 6 - media query
**************************************************/
@media not all, not all, (min-width: 320px) {
    /*이벤트 리뷰*/
    .view_tab_menu .grid3 a {
        letter-spacing: -1px;
    }
}
@media not all, not all, (min-width: 360px) {
    .economy_category li a{
        letter-spacing: 0;
    }

    /*뉴스-경제 view*/
    .news_content2 .news_rank.sub_category .news_rank_tx.news_link{
        width: 65%;
    }

    /*뉴스-포토*/
    .photo_category li a{
        display: block;
        padding: 10px 0;
        text-align: center;
        line-height: 1;
        letter-spacing: 0;
        font-size: 13px;
        color: #666666;
    }

    /*이벤트 리뷰*/
    .view_tab_menu .grid3 a {
        letter-spacing: 0;
    }
}
@media not all, not all, (min-width: 640px) {
    .home_wrap{
        position: relative;
        padding: 10px 10px 0;
    }
    .home_wrap2{
        position: relative;
        padding: 0 10px;
    }

    .group_left, .group_right {
        overflow: hidden;
        position: relative;
        z-index: 20;
        width: 49.4%;
        box-shadow: none;
        -webkit-box-shadow: none;
        vertical-align: top;
    }
    .group_left{
        float: left;
    }
    .group_left.sub_category_list{
        float: none;
        width: 100%;
    }
    .group_right{
        float: right;
    }
    .group_center_bar{
        display: block;
    }
    .home_wrp .group_reset:before, .home_wrp .group_reset:after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 49.4%;
        z-index: 10;
        background: #fff;
        box-shadow: 0 0 1px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
        content: '';
    }
    .group_right li:first-child{
        border-top: none;
    }
    .group_comp .news_rank {
        float: left;
        width: 50%;
    }
    .group_comp .news_rank.sub_category_list{
        float: none;
        width: 100%;
    }
    .news_rank li:last-child {
        border-bottom: 1px solid #d9d9da;
    }

    /*뉴스-경제메인*/
    .group_left.sub_type{
        padding-bottom: 0;
        background-color: #ffffff;
    }
    .news_rank.sub_category{
        padding-bottom: 0;
    }

    /*뉴스-경제 view*/
    .content_box.mcont_section:after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #e9e9e9;
        content: '';
    }
    .content_box .responsive_col1, .content_box .responsive_col2{
        float: left;
        width: 50%;
    }
    .news_photo_slide{
        margin: 0 0 15px 0;
    }
    .news_content2 .news_rank.sub_category .news_rank_tx.news_link{
        width: 60%;
    }


    /*이벤트/체험단*/
    .event_carousel{
        padding: 10px 0;
    }
}

@media not all, not all, (min-width: 768px) {
    /*뉴스-경제 view*/
    .news_content2 .news_rank.sub_category .news_rank_tx.news_link{
        width: 65%;
    }
}

@media not all, not all, (min-width: 1024px) {
    /*뉴스-경제 view*/
    .news_content2 .news_rank.sub_category .news_rank_tx.news_link{
        width: 70%;
    }
}

@media not all, not all, (min-width: 1200px) {
    /*뉴스-경제 view*/
    .news_content2 .news_rank.sub_category .news_rank_tx.news_link{
        width: 80%;
    }
}
