@charset "euc-kr";
@import url("basic.css");
@import url("common.css");
@import url("layout.css?ver=1.3");

@import url("member.css");

.component_body {background: #ddd}
.component {width: 320px; margin:0 auto; padding: 0 30px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff}
.component > h2 {font-size: 1.8rem; padding: 20px 10px; margin:0 -30px 15px; border-bottom:1px solid #ddd; color: #198aea; font-weight: 300}
.component > h2 > strong { font-weight: 500; }

section.container_wrap .ly_containner {position: relative; background: #fff}
section.container_wrap .fl_containner {position: relative; overflow: hidden; background: #fff}
section.container_wrap .lp_containner {position: relative; padding-left: 15px; background: #fff}
.fl_containner {position: relative}

/* basic Table style */
table.item_tbl {table-layout: fixed;border-collapse: collapse;width: 100%}
table.item_tbl .c1 {width: 31.4%}
table.item_tbl .c2 {width: 23.9%}
table.item_tbl .c3 {width: 21.4%}
table.item_tbl .c4 {width: 23.3%}

table.item_tbl .s1 {width: 31.4%}
table.item_tbl .s2 {width: 21%}
table.item_tbl .s3 {width: 16%}
table.item_tbl .s4 {width: 19.4%}
table.item_tbl .s5 {width: 21.3%}

table.item_tbl .wc1 {width: 27%}
table.item_tbl .wc2 {width: 21%}
table.item_tbl .wc3 {width: 23%}
table.item_tbl .wc4 {width: 29%}

table.item_tbl .wc31 {width: 34%}
table.item_tbl .wc32 {width: 33%}
table.item_tbl .wc33 {width: 33%}

table.item_tbl .eq51 {width: 25%}
table.item_tbl .eq52 {width: 15%}
table.item_tbl .eq53 {width: 15%}
table.item_tbl .eq54 {width: 15%}
table.item_tbl .eq55 {width: 25%}

table.item_tbl.tline {border-top:1px solid #e9e9e9}
table.item_tbl.bline {border-bottom: 1px solid #e9e9e9}
table.item_tbl th {font-family:  "HelveticaNeue-Light, Apple SD Gothic Neo", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, µ¸¿ò, sans-serif}
table.item_tbl td {position: relative; padding: 9px 0 10px; text-align: right; font-family: Helvetica, AppleSDGothicNeo-Regular;}
table.item_tbl td:first-child {text-align: left;/* padding-left: 15px;*/}
table.item_tbl tbody tr {cursor: pointer}
table.item_tbl tbody tr:first-child td {padding-top: 11px}
table.item_tbl tbody.narrow td {padding: 5px 0 6px}
table.item_tbl tbody.narrow td:first-child {text-align: left}
table.item_tbl th span.bb_line {display:block; padding:15px 0 10px; font-size:1.4rem; font-weight:400; border-bottom:1px solid #e9e9e9}
table.item_tbl th span.txt_left { text-align: left !important}
table.item_tbl th span.txt_right { text-align: right !important}
table.item_tbl th span.txt_center { text-align: center !important}
table.item_tbl th span.bb_noline {display:block; padding:15px 0 10px; font-size:1.4rem; font-weight:600}
table.item_tbl thead th span.bb_line {font-weight: 600; padding:10px 6px; font-size: 14px}
table.item_tbl tr.linetop span.bb_line {font-weight: 600; padding:10px 0 6px; font-size: 1.4rem}
table.item_tbl th span.bb_line.tline {border-top:1px solid #e9e9e9}
table.item_tbl th span.bb_line.tsline {border-top:1px solid #e9e9e9}
table.item_tbl th span.txt_right { text-align: right}
table.item_tbl th:first-child span.bb_line {text-align:left}
table.item_tbl th:last-child span.bb_line {text-align:right}
table.item_tbl thead th span.bb_tline { font-weight: 600; padding:10px 0 6px; font-size: 1.4rem; border-top:1px solid #e9e9e9}
table.item_tbl thead th span.bb_line.txt_wt_nm {font-weight: 300}
table.item_tbl thead.bggray th span {background-color:#f5f5f5}
table.item_tbl tbody.narrow tr:last-child td { padding-bottom: 10px}
table.item_tbl td .ico { margin-left: 3px}
table.item_tbl.table-col3 td:nth-child(3) { padding-right: 15px}
table.item_tbl tbody tr td {border-bottom: 1px solid #eee}
table.item_tbl.nopdl tbody tr td:first-child {padding-left:0}
table.item_tbl.noline tbody tr td {border-bottom: 0}
table.item_tbl.txtsmcell tbody tr td { font-size: 1.3rem}
table.item_tbl.cnt_table tbody tr th, table.item_tbl.cnt_table tbody tr td { text-align: center !important; padding-left: 0 !important; padding-right: 0 !important} 
table.item_tbl.cnt_table thead tr.thline_both th {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:15px 0 10px; font-size:1.4rem; font-weight:400}
.stock_data_list table.item_tbl td:nth-child(4) { padding-right: 0 !important}
table.item_tbl td span {font-size: 14px; line-height:18px; white-space: nowrap}
table.item_tbl td span.txt_left {text-align:left !important}
table.item_tbl td span.txt_right {text-align:right !important}
table.item_tbl td span.txt_center {text-align:center !important}
table.item_tbl .stock_data {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    color: #24282b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family:  "HelveticaNeue-Light, Apple SD Gothic Neo", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, µ¸¿ò, sans-serif;
    font-weight: 300;
    font-size: 14px;
 } 
 .stock_price .ico {    
    margin: 6px 3px 0 0;
    width: 11px;
    height: 9px;    
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;        
    vertical-align: top;
    overflow: hidden;
}
 .stock_price.smtxt {font-size:1.3rem}
 table.item_tbl .txt_cnt { text-align: center !important; }

.item_tbl thead th span.limit_name {display:block; padding:10px 0; text-align:left; font-size:1.4rem; font-weight:400}
table.item_tbl thead th span.bb_line.delay {font-size:1.4rem; font-weight:300; color:#959697}
table.item_tbl .stock_data strong.num {padding-right: 15px; display: inline-block}
table.item_tbl tr:first-child .stock_data strong.num { color: #e60012 !important}
.stock_summary { border-top: 1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.stock_summary .description { padding:10px 0; font-size:1.3rem; font-weight:300; color:#959697; text-align:left; border-top:1px solid #dededf}

.stock_up .stock_price { color: #e60012 }
.stock_up .stock_price .ico {background-position: -16px -101px}
.stock_up .stock_price .ico.limit_up {background-position: -18px -136px; width: 7px; height: 14px; margin: 3px 3px 0 0}
.stock_dn .stock_price { color: #198aea }
.stock_dn .stock_price .ico {background-position: -44px -101px}
.stock_dn .stock_price .ico.limit_dn {background-position: -44px -136px; width: 7px; height: 14px; margin: 3px 3px 0 0}
.stock_nm .stock_price { color: #24282b }
.stock_nm .stock_price .ico {background-position:-69px -101px}

/* Weather Banner */
.ui_weather { position: relative; width: 300px}
.ui_weather:after {content: "";display: table;table-layout: fixed;clear: both}
.ui_weather .ui_weather_wp {padding: 10px 9px 5px 10px; position: relative; overflow: hidden; height: 70px}
.ui_weather .ui_weather_wp .icon_con {float: left; height: 65px; overflow: hidden; background: #fff;}
.ui_weather .ui_weather_wp .icon_con .icowed {
    width: 50px;
    height: 40px;
    margin-top:20px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    color: transparent;
    background: url(../images/icon/weather_sm.png) no-repeat;
}
.ui_weather .ui_weather_wp a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; padding-right: 0}
.ui_weather .ui_weather_wp a span {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_1 {background-position: 0 0}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_2 {background-position: 0 -40px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_3 {background-position: 0 -80px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_4 {background-position: 0 -120px} 
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_5 {background-position: 0 -920px;}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_6 {background-position: 0 -1000px;}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_7 {background-position: 0 -560px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_10 {background-position: 0 -1040px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_15 {background-position: 0 -840px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_18 {background-position: 0 -880px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_23 {background-position: 0 -963px}
.ui_weather .ui_weather_wp .icon_con .icowed.kwed_num_39 {background-position: 0 -440px}
.ui_weather .ui_weather_wp .temp_con { padding-left: 70px; width: 100%}
.ui_weather .ui_weather_wp .temp_con strong {
	display: inline-block;
    padding: 13px 10px 0 0;
    font-size: 25px;
    line-height: 25px;
    vertical-align: 0;
    font-weight: 300;
    position: relative;
    font-family: Georgia, "serif";
    font-weight: 100;
}
.ui_weather .ui_weather_wp .temp_con strong:before {
    content: '';
    position: absolute;
    right: 4px;
    top: 13px;
    border-radius: 100%;
    border: 1px solid #000;
    width: 4px;
    height: 4px;
}
.ui_weather .ui_weather_wp .txt_con {padding-top: 3px}
.ui_weather .ui_weather_wp .txt_con span {
	font-size: 1.3rem;
    font-weight: 400;
    display: inline-block;
    color: #24282b;
    position: relative;
    padding-right: 7px;
    margin-right: 5px;
}
.ui_weather .ui_weather_wp .txt_con span:before {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #e5e5e5;
    margin-top: -6px;
}
.ui_weather .ui_weather_wp .txt_con span:last-child {font-size: 1.2rem}
.ui_weather .ui_weather_wp .txt_con span:last-child:before {background:none}
.id_weather_banner .arti_tit_wp h2 {display: inline-block; width: auto}
.id_weather_banner .ui_weather {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.ui_weather .locate_con {position: absolute; left:123px; bottom: 22px; z-index: 31}
.ui_weather .locate_con .ui_loc_ico {
    width: 25px;
    height: 25px;
    position: relative;
    display: block;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    z-index: 20;    
}
.ui_weather .locate_con .ui_loc_ico:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;  
    background-position: -154px -228px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 999;
}
.ui_weather .locate_con .ui_loc_ico.on:before {    
    background-position: -733px -332px   
}
.ui_weather .locate_con .ui_loc_ico em {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
.locate_list_wp {position: absolute; width: 100%; padding:0 15px; z-index: 21}
.ui_weather .locate_list {border: 1px solid #24282b; background: #fff}
.ui_weather .locate_list li { border-top: 1px solid #e9e9e9}
.ui_weather .locate_list li:first-child { border-top: 0}
.ui_weather .locate_list li a { display: block; background: #fff; padding:10px 15px; font-size: 1.3rem; background: #fff}

.cardnews_sm .arti_box_con {border-top: 1px solid #e9e9e9; padding: 11px 0 0;}    

/* widget opinion */
.N60_04_PC_MAIN .widget_opinion { margin-top: 0 !important;}
.widget_opinion .arti_tit_wp h2 {padding: 12px 0 19px 0}
.widget_opinion .arti_tit_wp .go_more{top:15px}
.widget_opinion .arti_data {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:11px 0 9px}
.widget_opinion .arti_data > ul > li {overflow: hidden; position: relative}
.widget_opinion .arti_data > ul > li:first-child { border-top: 0}
.widget_opinion .arti_data > ul > li a {color: #888!important; display: block; position: relative; padding: 13px 0}
.widget_opinion .arti_data > ul > li .people-circle {position: relative; float: left; width: 62px; height: 62px; overflow:hidden; margin-right: 10px}
.widget_opinion .arti_data > ul > li .people-circle img {width: 100%}
.widget_opinion .arti_data > ul > li .people-circle:before {
    content: '';
    position: absolute;
    width: 62px;
    height: 62px;
    background: url(../images/layout/thumb_opini_mask.png) no-repeat 0 0;
    left: 0;
    top: 0;
    z-index: 21;
}
.widget_opinion .arti_data > ul > li .databox {padding:0 10px 0 7px}
.widget_opinion .arti_data > ul > li .databox .data_txt {    
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.3px;    
}
.widget_opinion .arti_data > ul > li .data_txt .txt {
    overflow: hidden;
    height:44px;
    line-height: 22px;    
    font-weight: 300; 
    font-size: 1.5rem; 
    color: #24282b;
}
.widget_opinion .arti_data > ul > li .data_info {
    display: inline-block;    
    height: 20px;
    line-height: 18px; 
    color: #917247;     
    font-size: 1.3rem; 
    border:none;
    vertical-align: top;
}

/* widget_timeline */
.widget_timeline {position: relative}
.widget_timeline ul {overflow: auto; position: relative; border-top:1px solid #e9e9e9; /*border-bottom:2px solid #ddd;*/ height: 252px; padding: 15px 0;box-sizing: border-box}
.widget_timeline ul li {overflow: hidden; position: relative}
.widget_timeline ul li:after {
    content: '';
    height: 1px;
    left: 60px;
    right:10px;
    top: 0;
    background: #e9e9e9;
    position: absolute;    
}
.widget_timeline ul li:first-child:after { background: none}
.widget_timeline ul li:before {
    content: '';
    width: 1px;
    height: 100%;
    left: 5px;
    top: 0;
    background: url(../images/layout/dot_ver.gif) repeat-y 0 0;
    position: absolute;
}
.widget_timeline ul.noline > li:before {background: none}
.widget_timeline ul li a {color: #888!important; display: block; position: relative; padding: 10px 0 5px;}
.widget_timeline ul li:first-child a { padding-top: 0}
.widget_timeline ul li .people-circle {
    display:flex;
    display: -ms-flexbox; 
    display: -moz-flex; 
    display: -webkit-flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center; 
    justify-content: center;
    -webkit-justify-content:center;
    float: right;
    width: 62px;
    height: 62px;
    margin:0 10px;
    position: relative;
    overflow: hidden;
}
.widget_timeline ul li .people-circle:before {
    content: '';
    position: absolute;
    width: 62px;
    height: 62px;
    background: url(../images/layout/thumb_opini_mask.png) no-repeat 0 0;
    left: 0;
    top: 0;
    z-index: 21;
}

.widget_timeline ul li .people-circle img {width:auto; height:100%}
.widget_timeline ul li .databox { padding:0 10px 0 72px; display: table}
.widget_timeline ul li .databox .data_txt {display:table-cell; white-space: normal; word-wrap: break-word; vertical-align: middle; overflow: hidden; letter-spacing: -0.3px}
.widget_timeline ul li .databox .data_txt strong {font-weight: 300; font-size: 1.3rem; color: #24282b; display: inline-block; height: 42px; overflow: hidden;}
.widget_timeline ul li .databox .data_txt strong em {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}
.widget_timeline ul li .data_info {
    font-family: Georgia, "serif";
    font-size: 1.3rem; 
    display: inline-block; 
    max-width: 100%; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 17px;
}
.widget_timeline ul li:first-child .data_info{top:0}
.widget_timeline ul li .data_info i { margin-right: 5px}
.widget_timeline:before {
    content: '';
    width: 100%;
    height: 30px;
    background: url(../images/layout/scroll_wh_bg.png) repeat-x 0 0;
    position: absolute;
    left: 0;
    bottom: 2px;
    display: block;
    z-index: 22;
}
.arti_right_sec .widget_timeline .arti_tit_wp h2 {padding:0 0 15px 0}
.arti_right_sec .widget_timeline .arti_tit_wp .go_more {top:3px}

.arti_tit_wp h2.subtitle {font-size:1.3rem}

.stock_list_con a {display: block}
.stock_list_con dl {overflow: hidden}
.stock_list_con dl dt {float: left; font-weight: 500}
.stock_list_con dl dd {float: right}
.stock_list_con dl dd .bl_red { 
    display: block;
    position: relative; 
    padding-left: 8px;   
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
}
.stock_list_con dl dd .bl_red:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%; 
    margin-top: -1px; 
    background-color: #e60012;
    border-radius: 2px;
}
.stock_list_con .paging a{display:inline-block}

.stock_flick_data .stock_graph {padding: 22px 10px;border:1px solid #e5e5e5; background-color:#faf9f6; text-align:center}
.stock_flick_data .stock_graph img {width: 100%}

.stock_list_table li dl dd .gap_rate {margin-right: 24px}
.stock_list_table.no_link li {padding:8px 0}

.id_slide_stock .stock_list_con dl dt {float: none; padding-bottom:15px}
.id_slide_stock .stock_list_con dl dd {float: none; padding: 17px 0 15px}
.id_slide_stock .arti_box_con {position: relative}
.id_slide_stock .ui_btm_nav_cnt {position: absolute; right: 0; top: 12px; width: 50%}

.stock_flick_data .column-2:first-child {padding-right: 10px}
.stock_flick_data .column-2:last-child {padding-left: 10px}
.stock_flick_data .column-2 .stock_tit {padding: 15px 0 8px; font-weight: 500; text-align: center}
.stock_flick_data.nopd .column-2:first-child { padding-left: 0; padding-right: 10px}
.stock_flick_data.nopd .column-2:last-child { padding-right: 0; padding-left: 10px}

.column_wrap .column-3 {padding-left:5px; padding-right:5px; position:relative}
.column_wrap .column-3.bd_yes {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.column_wrap .column-2.bd_yes {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.column_wrap .column-1.bd_yes { border-bottom:1px solid #e9e9e9}
.column_wrap .column-3:nth-child(2) {border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.column_wrap .column-1 .stock_list_table li dl dt {text-align: center}
.column_wrap .column-1 .stock_list_table li dl dd {text-align: center}
.column_wrap .column-3 .stock_dn .stock_price.smtxt { font-size: 1.4rem}
.column_wrap .column-3 .stock_list_table li dl dt .stock_data {font-size: 1.4rem}
.stock_flick_data.stock_table_in {margin: 15px 0 0; padding: 0 15px}
.stock_flick_data.stock_table_in table.item_tbl td {padding: 5px 0}
.stock_flick_data.stock_table_in table.item_tbl td span{font-size: 1.3rem}
.stock_flick_data.stock_table_in table.item_tbl td:first-child { padding-left:0}

.stock_list_table { margin-bottom: 10px; overflow: hidden}
.stock_list_table li a { display: block; padding: 5px 0}
.stock_list_table li dl { display: table; width: 100%}
.stock_list_table li dl dt {
    text-overflow: ellipsis; 
    display: table-cell; 
    text-align: left;   
    white-space: normal;
    word-wrap: break-word; 
}
.stock_list_table li dl dt .stock_data { 
    display: inline-block; 
    vertical-align: top; 
    font-size: 1.3rem; 
    color: #24282b;     
    overflow: hidden;   
    letter-spacing: -0.1px; 
    font-weight: 300;
}

.stock_list_table li dl dt .stock_data em {font-size: 1.2rem; font-style:normal}
.stock_list_table li dl dd {
    display: table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: top;
    overflow: hidden; 
    letter-spacing: -0.1px; 
    text-align: right;
}

.stock_dt_list li a {color: #888!important; display: block; position: relative; margin: 0 -15px; padding: 8px 15px}
.stock_dt_list li a dl { display: table; width: 100%; white-space: nowrap}
.stock_dt_list li a dl:after {
    display: block;
    clear: both;
    content: '';
}
.stock_dt_list li a dl dt {width: 40%; display: table-cell; font-family: Helvetica, AppleSDGothicNeo-Regular; vertical-align: middle}
.stock_dt_list li a dl dt .stock_item_tit { color: #24282b; font-size: 1.3rem; }
.stock_dt_list li a dl dt .stock_item_tit strong { display: block; font-size: 1.4rem}
.stock_dt_list li a dl dd { display: table-cell; text-align: right; font-family: Helvetica, AppleSDGothicNeo-Regular}
.stock_dt_list li a dl dd > div { position: relative; padding-right: 60px}
.stock_dt_list li a dl dd > div .txtcon {
    display: inline-block;
    word-wrap: break-word;
    vertical-align: middle;
    overflow: hidden;    
    padding-right: 10px;
    width: 100%;
}
.stock_dt_list li a dl dd .br { display: block}
.stock_dt_list li a dl dd .icobg {  
    width: 40px;
    height: 32px;    
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;        
    vertical-align: top;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 7px;    
    text-indent: -9999em;
}
.stock_dt_list li a dl dd .stock_up .icobg {background-position: -92px -100px}
.stock_dt_list li a dl dd .stock_nm .icobg {background-position: -452px -113px}
.stock_dt_list li a dl dd .stock_dn .icobg {background-position: -155px -103px}
.stock_dt_list.gray_line li { border-top: 1px solid #e9e9e9}
.stock_dt_list p.bl_red { 
    position: relative; 
    padding-left: 8px;   
    font-size: 1.3rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 30px;
}
.stock_dt_list p.bl_red:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 14px;  
    background-color: #e60012;
    border-radius: 2px;
}

.stock_dt_list.gray_line li { border-top: 1px solid #e9e9e9}
.stock_dt_list li a .databox {display: table; width: 100%}
.stock_dt_list li a .databox .infograph {position: relative; width: 85px; padding-right: 10px; text-align: center; display: table-cell; vertical-align: middle}
.stock_dt_list li a .databox .infograph .icobg {
    width: 40px;
    height: 35px;
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;   
}
.stock_dt_list li a .databox .infograph > span { display: inline-block}
.stock_dt_list li a .databox .infograph .stock_up .icobg {background-position: -92px -100px}
.stock_dt_list li a .databox .infograph .stock_nm .icobg {background-position: -452px -113px}
.stock_dt_list li a .databox .infograph .stock_dn .icobg {background-position: -155px -100px}
.stock_dt_list li a .databox .data_txt {
    display: table-cell;
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;
    overflow: hidden;
    letter-spacing: -0.3px;
}
.stock_dt_list li a .databox .data_txt strong {
    margin-bottom: 1px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 21px;
    font-weight: 300;
    font-size: 1.4rem;
    color: #24282b;
}
.stock_dt_list li a .databox .data_txt .data_info {
    font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light, sans-serif;
    font-size: 1.2rem;
    display: block;
    max-width: 100%;
    vertical-align: middle;
    text-align: left;
}
.stock_dt_list li a .databox .infograph .stock_price { display: block; padding-top: 5px}
.stock_dt_list li a .databox .data_txt .data_info i { margin-right: 5px; margin-top: 3px}

.stock_flick_info {position:relative; padding:25px 15px 30px 15px; background:#f6f6f6; border-bottom: 1px solid #e9e9e9; text-align: center}
.stock_flick_info dl {width:100%} 
.stock_flick_info dl>dt {display:inline-block; padding:5px 26px 0 0; font-size:18px; font-weight:300; color:#24282b; vertical-align: middle}
.stock_flick_info dl>dd.stock_up {color:#e60012}
.stock_flick_info dl>dd.stock_down {color:#4e9ded}
.stock_flick_info dl>dd.stock_rate {display:inline-block; padding:5px 0 0 26px; text-align:left; font-size:18px; font-weight:300; vertical-align: middle}
.stock_flick_info dl>dd.stock_price {display:inline-block; font-size:60px; line-height: 60px; vertical-align: middle}
.stock_flick_info dl>dd.stock_price.stock_dn {color:#198aea}
.stock_flick_info dl>dd.stock_rate.stock_dn {color:#198aea}
.stock_flick_info dl>dd.stock_rate em {    
    margin: 7px 3px 0 0;
    width: 11px;
    height: 9px;
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.stock_flick_info dl>dd.stock_rate.stock_up em {background-position: -16px -101px}
.stock_flick_info dl>dd.stock_rate.stock_dn em {background-position: -44px -101px}

.stock_detail_info {border-bottom:1px solid #e9e9e9}
.stock_detail_info .stock_list_table li dl dt .stock_data,
.stock_detail_info .stock_price {
    font-size: 1.4rem;
}
.stock_detail_info .column-2 {padding: 10px 15px !important}
.stock_detail_info .stock_list_table {margin-bottom: 0}
.stock_detail_info .column-3.bd_yes {padding: 8px 15px}

.stock_total_box {border-top: 1px solid #e9e9e9; padding: 11px 15px}
.stock_total_box h3 {display: inline-block; margin-right: 28px; font-size: 1.4rem; vertical-align: middle}
.stock_total_box .stock_list {display: inline-block; overflow: hidden; vertical-align: middle}
.stock_total_box .stock_list li {float: left; margin-right: 32px}
.stock_total_box .stock_list li dt, .stock_total_box .stock_list li dd {display: inline-block; font-size: 1.4rem}
.stock_total_box .stock_list .stock_price.smtxt {font-size: 1.3rem}

.column_wrap.stock_colum-2:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background:#e9e9e9;
    left: 50%;
    top: 0;
}

ul.bl_red_lt:after {display: block; clear: both;content: ''}
ul.bl_red_lt li {position: relative}
ul.bl_red_lt li:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #e60012;
    border-radius: 2px;
}
ul.bl_red_lt li a,
ul.bl_red_lt li .inner { 
    display: block;
    overflow:hidden;
    max-width:100%;
    padding-left: 8px;   
    font-weight: 300;   
    text-overflow: ellipsis; 
    white-space: nowrap; 
    word-wrap: break-word;
}
ul.bl_red_lt li .inner{line-height:25px}

.id_notice_tit_lt dl { border-bottom:1px solid #e9e9e9}
.id_notice_tit_lt dl dt {
    text-align: center; 
    line-height: 44px; 
    min-height: 44px; 
    border-top: 1px solid #e9e9e9; 
    border-bottom: 1px solid #e9e9e9; 
    font-size: 15px; 
    font-weight: bold;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;	
}
.id_notice_tit_lt ul, .id_notice_tit_lt dl dd ul {padding: 5px 0}
.id_notice_tit_lt ul.bl_red_lt li:before {top: 12px}
.id_notice_tit_lt ul.bl_red_lt li a,
.id_notice_tit_lt dl dd ul.bl_red_lt li a { line-height: 25px; min-height: 25px; font-size: 1.3rem; letter-spacing: -0.1px}
.id_notice_tit_lt ul.bl_red_lt li strong,
.id_notice_tit_lt dl dd ul.bl_red_lt li strong { display: inline-block; margin-right: 3px}

.id_notice_tit_lt .headline dt {border-bottom:none; border-top-width:1px; font-size:16px; text-align:left}
.id_notice_tit_lt .headline dd {margin-bottom:10px; font-weight:300; font-size:14px; color:#a7a7a7}
.id_notice_tit_lt .thum_img{margin-top: 15px}

table.item_tbl.single_type {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
table.item_tbl.single_type th {display:table-cell; padding:10px 0 5px; text-align:left}
table.item_tbl.single_type td {padding:5px 0 7px}
table.item_tbl.single_type td.stock_data{display:table-cell}
table.item_tbl.single_type td:last-child {padding-bottom:0}


.stock_search_inputbox {display: table; width: 100%; background-color: #fff; border: 2px solid #e5e5e5; vertical-align: top; border-radius: 5px; box-sizing:border-box}
.stock_search_inputbox .type-txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    height: 32px;
    border: 0;
    background: none;
    color: #000;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 26px;
    -webkit-appearance: none;
}
.stock_search_inputbox .txt_box {width: 100%; display: table-cell;  vertical-align: top; white-space: nowrap; font-size: 0}
.stock_search_inputbox .icon_box {display: table-cell; vertical-align: top;  white-space: nowrap; font-size: 0}
.stock_search_inputbox .icon_box .btn_search {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 32px;
    border: 0;
    background: none;
    vertical-align: top;
    line-height: 32px;
    margin-right: 3px;
    width: 30px;
}
.stock_search_inputbox .icon_box .btn_search em {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 11px;
    height: 12px;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    -webkit-background-size: 460px 460px;   
    background-size: 460px 460px; 
    background-position: -224.5px -17px;    
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
}

.id_thum_stock_news .arti_data {border-top: 1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_thum_stock_news .arti_data > ul {padding: 5px 0}
.id_thum_stock_news .arti_data > ul > li {border-top: 1px solid #e9e9e9; overflow: hidden; position: relative}
.id_thum_stock_news .arti_data > ul > li:first-child { border-top: 0}
.id_thum_stock_news .arti_data > ul > li a {display: block; position: relative; padding: 10px 0}
.id_thum_stock_news .arti_data > ul > li .thumimg {position: relative; float: left; width: 88px; padding-right: 15px}
.id_thum_stock_news .arti_data > ul > li .thumimg img {width: 100%}

.id_thum_stock_news .arti_data > ul > li .databox { display: table; width: 100%}
.id_thum_stock_news .arti_data > ul > li .databox .data_txt {
    display:table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.3px;
    width: 100%;    
    font-size: 1.4rem;
}
.id_thum_stock_news .arti_data > ul > li .databox .data_txt strong {
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    line-height: 21px;    
    font-weight: 500; 
    font-size: 1.4rem; 
    color: #24282b;
}
.id_thum_stock_news .arti_data > ul > li .data_info {
    display: block; 
    position: relative;
    max-width: 100%;    
    margin: -2px 0 5px 0;
    vertical-align: middle;
    text-align: left;       
}
.id_thum_stock_news .arti_data > ul > li .data_info i { margin-right: 5px; margin-top: 2px}
.id_thum_stock_news .arti_data > ul > li .data_info span:last-child {display:inline-block; margin-left: 10px}
.id_thum_stock_news .arti_data > ul > li .data_info span:last-child:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
    margin: -2px 10px 0 0;
    vertical-align: middle;
}
.id_thum_oplt .arti_data > ul > li {overflow: hidden; position: relative}
.id_thum_oplt .arti_data > ul > li:first-child { border-top: 0}
.id_thum_oplt .arti_data > ul > li a {color: #24282b; display: block; position: relative; padding: 8px 0}
.id_thum_oplt .arti_data > ul > li .people-circle {position: relative; float: left; width: 60px; height:60px; overflow:hidden; margin-right: 15px;  border: 1px solid #ddd; border-radius: 100%}
.id_thum_oplt .arti_data > ul > li .people-circle:before {position:absolute;top:50%;left:50%;width:30px;height:25px;margin:-12px 0 0 -17px;background:url(/resources/images/icon/default_icon.png) no-repeat;background-position:-175px -183px;text-align:center;content:''}
.id_thum_oplt .arti_data > ul > li .people-circle img {position:relative;width: 100%}
.id_thum_oplt .arti_data > ul > li .databox { display: table; width: 100%; padding-left: 40px; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_thum_oplt .arti_data > ul > li .databox .data_txt {
    display:table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.3px;
    width: 100%;    
}
.id_thum_oplt .arti_data > ul > li .databox .data_txt strong {    
    display: block;
    overflow: hidden;
    line-height: 20px;    
    font-weight: 300; 
    font-size: 1.4rem; 
    color: #24282b;
}
.id_thum_oplt .arti_data > ul > li .data_info {
    display: inline-block; 
    height: 20px;
    line-height: 18px; 
    color: #917247; 
    font-size: 1.4rem; 
}
.id_thum_oplt .arti_data > ul > li .databox .num {    
    font-size: 1.6rem; 
    display: block;
    float: left; 
    width: 35px;
    text-align: center; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;  
    color: #24282b;
}
.id_thum_oplt .arti_data > ul > li .databox .num.first { color: #e60012; }

.id_thum_popular_news .recent_news_scroll {border-top:1px solid #e9e9e9}
.id_thum_popular_news .recent_news_scroll ul {height:503px}

.id_thum_culture_news .arti_data > ul > li {overflow: hidden; position: relative}
.id_thum_culture_news .arti_data > ul > li:first-child { border-top: 0}
.id_thum_culture_news .arti_data > ul > li a {display: block; position: relative; padding: 10px 0}
.id_thum_culture_news .arti_data > ul > li .thumimg {position: relative; float: left; width: 107px; height: 62px; margin-right: 15px}
.id_thum_culture_news .arti_data > ul > li .thumimg img {width: 100%}
.id_thum_culture_news .arti_data > ul > li .databox { display: table; width: 100%}
.id_thum_culture_news .arti_data > ul > li .databox .data_txt {
    display:table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.3px;
    width: 100%;    
    font-size: 1.4rem;
}
.id_thum_culture_news .arti_data > ul > li .databox .data_txt strong {
    display: block;
    overflow: hidden;
    line-height: 21px;    
    font-weight: 500; 
    font-size: 1.4rem; 
    color: #24282b;
}
.id_thum_culture_news .arti_data > ul > li .data_info {
    display: block; 
    position: relative;
    max-width: 100%;    
    margin: -2px 0 5px 0;
    vertical-align: middle;
    text-align: left;       
}
.id_thum_culture_news .arti_data > ul > li .data_info i { margin-right: 5px; margin-top: 2px}
.id_thum_culture_news .arti_data > ul > li .data_info span:last-child {display:inline-block; margin-left: 10px}
.id_thum_culture_news .arti_data > ul > li .data_info span:last-child:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 14px;
    background: #e5e5e5;
    margin: -2px 10px 0 0;
    vertical-align: middle;
}

.id_thum_book_news .arti_data {border-top: 1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_thum_book_news .arti_data > ul {padding: 5px 0}
.id_thum_book_news .arti_data > ul > li {overflow: hidden; position: relative}
.id_thum_book_news .arti_data > ul > li:first-child { border-top: 0}
.id_thum_book_news .arti_data > ul > li a {display: block; position: relative; padding: 10px 0}
.id_thum_book_news .arti_data > ul > li .thumimg {position: relative; float: left; width: 91px; padding-right: 15px}
.id_thum_book_news .arti_data > ul > li .thumimg img {width: 100%}
.id_thum_book_news .arti_data > ul > li .databox { display: table; width: 100%}
.id_thum_book_news .arti_data > ul > li .databox .data_txt {
    display:table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.3px;
    width: 100%;    
    font-size: 1.4rem;
}
.id_thum_book_news .arti_data > ul > li .databox .data_txt strong {
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    line-height: 21px;    
    font-weight: 500; 
    font-size: 1.4rem; 
    color: #24282b;
}
.id_thum_book_news .arti_data > ul > li .data_info {
    display: block; 
    position: relative;
    max-width: 100%;    
    margin: -2px 0 5px 0;
    vertical-align: middle;
    text-align: left;       
    color: #917247;
}
.id_thum_book_news .arti_data > ul > li .data_info i { margin-right: 5px; margin-top: 2px}
.id_thum_book_news .arti_data > ul > li .data_info span:last-child {display:inline-block; margin-left: 4px}
.id_thum_book_news .arti_data > ul > li .data_info span:last-child:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 12px;
    background: #dfdfdf;
    margin: -2px 4px 0 0;
    vertical-align: middle;
}
.interview_flick_con .thum_box {padding: 15px 0; border-bottom:1px solid #e9e9e9}
.interview_flick_con .thum_box a {display: block; position: relative} 
.interview_flick_con .thum_box .thumimg { display: block; width: 300px; height: 174px; position: relative; overflow: hidden}
.interview_flick_con .thum_box .vnews_tit {
    display: block;
    position: absolute;
    left: 0;
    padding: 0 20px;
    bottom: 10px;
    z-index: 21;   
    font-size: 1.4rem;
    letter-spacing: -0.1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 26px;
    width: 300px;
    height: 26px;
    color: #fff;
    font-weight: 300;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.interview_flick_con .thum_box .thumimg:after {
    content: '';
    background: url(../images/layout/movie_thum_bgx.png) repeat-x left bottom;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.id_music_list .description {border-bottom:1px solid #e9e9e9; padding:11px 0; color: #7c7e80; font-size: 1.3rem}
.music_chart_data {border-bottom: 1px solid #e9e9e9}
.music_chart_data > ul {padding: 8px 0}
.music_chart_data > ul > li {overflow: hidden; position: relative}
.music_chart_data > ul > li:first-child { border-top: 0}
.music_chart_data > ul > li a {color: #24282b; display: block; position: relative; padding: 8px 0}
.music_chart_data > ul > li a:hover .thumimg:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 2; width: 26px; height: 26px; margin: -13px 0 0 -13px; background: url(/resources/images/icon/default_icon.png) no-repeat -99px -231px}
.music_chart_data > ul > li a:hover .databox .data_txt strong {color: #e60012}
.music_chart_data > ul > li .thumimg {position: relative; float: left; width: 62px; height: 62px; margin-right: 15px}
.music_chart_data > ul > li .thumimg img {width: 100%}
.music_chart_data > ul > li .thumimg:before {content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 60px; height: 60px; background: transparent; border: 1px solid rgba(0,0,0,.08)}
.music_chart_data > ul > li .databox { display: table; width: 100%; padding-left: 20px; box-sizing: border-box; -webkit-box-sizing: border-box}
.music_chart_data > ul > li .databox .data_txt {
    display:table-cell; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle; 
    overflow: hidden; 
    letter-spacing: -0.1px;
    width: 100%;    
}
.music_chart_data > ul > li .databox .data_txt strong {    
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    line-height: 20px; 
    font-size: 1.4rem; 
    color: #24282b;
}
.music_chart_data > ul > li .graphin {display:table-cell; min-width:25px; padding-right: 15px; font-size:1.0rem; vertical-align:middle; text-align:center}
.music_chart_data > ul > li .data_info {
    display: block; 
    height: 20px;
    line-height: 18px; 
    color: #959697;
    font-size: 1.4rem; 
}
.music_chart_data > ul > li .databox .num {    
    font-size: 1.6rem; 
    display: block;
    float: left; 
    width: 23px;
    text-align: left; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;  
    color: #24282b;
    font-weight: 500;
}
.music_chart_data > ul > li:first-child .databox .num{ color: #e60012; }
.music_chart_data .stock_up .stock_price .ico.limit_up {width: 7px; height: 7px; margin: 7px 3px 0 0; background-position: -16px -240px}
.music_chart_data .stock_dn .stock_price .ico.limit_dn {width: 7px; height: 7px; margin: 7px 3px 0 0; background-position: -44px -240px}
.music_chart_data .stock_nm .stock_price .ico {width: 7px; height: 7px; margin: 9px 3px 0 0; background-position: -73px -240px}

/* Left Body Mousic Chart */
.arti_left_sec .music_chart_data {border-bottom:none}
.arti_left_sec .music_chart_data > ul {padding:0}
.arti_left_sec .music_chart_data > ul > li {padding:20px 0; border-bottom:1px solid #e9e9e9}
.arti_left_sec .music_chart_data > ul > li a {padding:0}
.arti_left_sec .music_chart_data > ul > li .thumimg {width:90px; height:90px}
.arti_left_sec .music_chart_data > ul > li .thumimg:before {width:88px; height:88px}
.arti_left_sec .music_chart_data > ul > li a:hover .thumimg:after {width:37px; height:37px; margin:-18px 0 0 -18px; background-position:-622px -19px}
.arti_left_sec .music_chart_data > ul > li .databox .num {width:65px; font-size:22px; font-weight:600}
.arti_left_sec .music_chart_data > ul > li .graphin {min-width:70px; padding-right:10px; font-size:10px}
.arti_left_sec .music_chart_data > ul > li .databox .data_txt {font-size:14px}
.arti_left_sec .music_chart_data > ul > li .databox .data_txt strong {font-size:16px; margin-bottom:20px}
.arti_left_sec .music_chart_data > ul > li .data_info {font-size:14px}

.id_interview_list .arti_tit_wp h2 em {font-family: Georgia, "serif"}

.id_stock_local_status_price table.item_tbl td {text-align: left; vertical-align: top}
.id_stock_local_status_price .item_tbl td .stock_price{display: block}
.id_stock_local_status_price .item_tbl td .stock_data strong,
.id_stock_local_status_price .item_tbl td .stock_price strong {display: block}
.id_stock_local_status_price .item_tbl td .icobg {  
    width: 40px;
    height: 32px;    
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;        
    vertical-align: top;
    overflow: hidden;
}
.id_stock_local_status_price .item_tbl .stock_up .icobg {background-position: -92px -100px}
.id_stock_local_status_price .item_tbl .stock_nm .icobg {background-position: -452px -113px}
.id_stock_local_status_price .item_tbl .stock_dn .icobg {background-position: -155px -103px}
.id_stock_local_status_price .description:before {content: ''; display: inline-block; width: 12px; height: 13px; margin: -1px 8px 0 0; background: url(/resources/images/icon/default_icon.png) no-repeat -202px -232px; vertical-align: middle}

.id_news_list .arti_data {border-top: 1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_news_list .arti_data > ul > li {border-top: 1px solid #e9e9e9; padding: 15px 5px 15px 0; font-size: 1.6rem; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_news_list .arti_data > ul > li a {color: #24282b}
.id_news_list .arti_data.column_line_2  ul.bl_red_lt {overflow: hidden}
.id_news_list .arti_data.column_line_2  ul.bl_red_lt li {float: left; width: 50%}
.id_news_list .arti_data.column_line_2  ul.bl_red_lt li:before {top:50%;margin-top:-1px}

.widget_head_news {overflow: hidden}
.widget_head_news .thumb_visual {float: left; width: 365px}
.widget_head_news .thumb_visual a { display: block; position: relative; overflow: hidden; height: 212px; width: 365px}
.widget_head_news .thumb_visual a .gal_label { 
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
 }
 .widget_head_news .thumb_visual a .vtxt {
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 21;
    width: 100%;  
    word-wrap: break-word;
    padding: 0 20px;
    color: #fff;
    white-space: normal;
    word-wrap: break-word;
    font-size: 2rem;
    vertical-align: bottom;
    box-sizing: border-box;
    line-height: 2.8rem;
    letter-spacing: -1px;
}
.widget_head_news .thumb_visual .thumb_img { display:flex; display: -webkit-flex; align-items:flex-start; -webkit-align-items: flex-start; position: relative; width: 365px; height: 212px; overflow: hidden; text-align:center}
.widget_head_news .thumb_visual .thumb_img:before { content: ''; /* background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; */ width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0}
.widget_head_news .thumb_visual .thumb_img img {width:100%; height:auto}
.widget_head_news .data_txt {padding:20px 20px 20px 385px}
.widget_head_news .data_txt strong {display:block; position:relative; padding-bottom:13px; font-size:22px; line-height:28px}
.widget_head_news .data_txt strong:after {content:""; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; background-color:#e70e1f}
.widget_head_news .data_txt p {
	margin-top:20px; 
	font-size:15px; 
	line-height:22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	word-wrap: break-word; 
	overflow: hidden;
}
.widget_head_news .data_txt p.noimg-txtdata {-webkit-line-clamp: 7; margin-top:10px;}
.id_headline_news .ui_newslist_slide {height: auto}
.id_headline_news .ui_newslist_slide .slidenews {padding-top: 20px}
.id_headline_news .ui_newslist_slide .slidenews ul li.thumb_no dl dt {height: 86px; font-size: 2.2rem; line-height: 2.8rem}



.id_thum_main_news .arti_data {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_thum_main_news .arti_data > ul > li {border-top: 1px solid #e9e9e9; overflow: hidden; position: relative}
.id_thum_main_news .arti_data > ul > li:first-child { border-top: 0}
.id_thum_main_news .arti_data > ul > li a {display: block; position: relative; padding: 20px 0}
.id_thum_main_news .arti_data > ul > li .thumimg {position: relative; float: left; width: 177px; min-height:103px; max-height:177px; margin-right: 15px}
.id_thum_main_news .arti_data > ul > li .thumimg:before {/*display:inline-block;width:0;min-height:103px;vertical-align:middle;content:''*/}
.id_thum_main_news .arti_data > ul > li .thumimg img {width:98%;vertical-align:middle}
.id_thum_main_news .arti_data > ul > li .databox {overflow: hidden}
.id_thum_main_news .arti_data > ul > li .databox .num {float:left; width:40px; min-height:80px; margin:6px 0; text-align:center; font-size:18px; font-weight:600; color:#24282b}
.id_thum_main_news .arti_data > ul > li:first-child .databox .num {color:#e60012}
.id_thum_main_news .arti_data > ul > li .databox .data_txt {
    letter-spacing: -0.1px;
    font-size: 15px;
    color:#666;
    font-weight:300
}
.id_thum_main_news .arti_data > ul > li .databox .data_txt strong {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 21px;    
    font-weight: bold; 
    font-size: 15px; 
    color: #222;
}
.id_thum_main_news .arti_data > ul > li .data_info {
    position: relative;
    margin: 10px 0 5px 0;
    vertical-align: top;
    text-align: left;       
    color: #a7a7a7
}
.id_thum_main_news .arti_data > ul > li .data_info i { margin-right: 5px}
.id_thum_main_news .arti_data > ul > li .data_info span {display:inline-block; margin-left: 8px}
.id_thum_main_news .arti_data > ul > li .data_info span:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 13px;
    background: #e0e0e0;
    margin: -2px 10px 0 0;
    vertical-align: middle;
}
.id_thum_main_news .arti_data > ul > li .data_info span:first-child {margin-left: 0}
.id_thum_main_news .arti_data > ul > li .data_info span:first-child:before {display: none}

/* layer popup */
.layer_pop {margin: 0}
.layer_pop .head {position:relative; width:100%; height:80px; background-color:#24282b}
.layer_pop .head .pop_tit {display:block; line-height:80px; color:#fff; font-size:2.2rem; font-weight:normal; text-align:center}
.layer_pop .head .btn_close {position:absolute; right:0; top:0; width:80px; height:80px; border:none; background:none; font-size:0; cursor:pointer}
.layer_pop .head .btn_close i {display:inline-block; width:20px; height: 20px}
.layer_pop .head .btn_close i:before {content: ''; display: block; position:absolute; right:0; top:0; width:20px; height:20px; background: url(/resources/images/icon/default_icon.png) no-repeat -486px -180px}
.layer_pop .cont {padding: 30px 0; background-color: #fff}
.layer_pop .search_area {padding: 0 30px 35px}
.layer_pop .wiget_container:after{display:block;clear:both;content:''}
.layer_pop .widget_left,.layer_pop .widget_right{width:50%}
.layer_pop .wide_half_type:first-child{border-right:0}
.layer_pop .wide_half_type .graph_tab_area{padding:40px 10px 40px 250px;box-sizing:border-box}
.layer_pop .stock_infobx{left:20px;min-width:210px}
.layer_pop .anal_wrap{padding:0 20px}
.layer_pop .anal_wrap .popbar{margin:0}
.layer_pop .anal_wrap .stock_tbl_api thead tr th{padding:7px}
.layer_pop .trial_cont{padding:30px 20px}
.layer_pop .trial_cont .info_txt{margin-top:20px;font-size:13px;padding:0}
.layer_pop .boxtype{padding:20px;border:1px solid #e9e9e9;background-color:#fbfbfb}
.layer_pop .gotop{position:absolute;top:4px;right:0px;width:25px;height:5px;padding:11px;background:url("http://image.edaily.co.kr/_button/top.gif") no-repeat 50% 50%;text-indent:-9999em}
.layer_pop.sisepan{width:1080px;margin:0 auto}
.layer_pop.sisepan .stock_tbl thead tr th,.layer_pop.sisepan  .stock_tbl tbody tr th{padding:15px 5px}
.layer_pop legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}
.layer_pop .sise_wrap{position:relative;padding:20px}
.layer_pop .sise_wrap .btn{position:absolute;top:29px;right:30px;min-width:0;height:32px;font-size:13px;line-height:32px}
.layer_pop .sise_wrap .box02{padding:8px 10px;border:1px solid #e5e5e5;background:#faf9f6;font-size:13px}
.layer_pop .sise_wrap .box02 strong{display:inline-block;margin-right:8px;line-height:32px;vertical-align:top}
.layer_pop .sise_wrap .box02 .fl,.layer_pop .sise_wrap .box02 .fr{width:auto}
.layer_pop .sise_wrap .box02 .fl.line{margin-right:15px}
.layer_pop .sise_wrap .r_search{position:absolute;top:29px;right:140px;font-size:13px;color:#7a7a7a;line-height:32px}
.layer_pop .sise_wrap .r_search a{display:inline-block;width:59px;margin:-2px 0 2px 5px;font-size:0;line-height:normal;vertical-align:middle}
.layer_pop .sise_wrap .r_search a img{display:inline-block;width:100%}
.layer_pop .sise_wrap .r_search a:last-child{display:none}
.layer_pop .sise_wrap #search{margin-top:6px;min-height:32px}
.layer_pop .sise_wrap #search .fr{display:none}
.layer_pop .oldsise{margin-top:20px}
.layer_pop .oldsise:after{display:block;clear:both;content:''}
.layer_pop .oldsise .sise{float:left;width:31.5%;margin-left:20px}
.layer_pop .oldsise .sise:first-child{margin-left:0}
.layer_pop .oldsise .sise table{table-layout:auto}
.layer_pop .oldsise .sise .tit_02{padding-bottom:7px;font-size:14px}
.layer_pop .oldsise .sise .tit_02 span.st_vu{margin-left:5px}
.layer_pop .oldsise .sise .tit_02 span.st_vu:before{top:6px}
.layer_pop .popcont2 .box02 .fr{margin-right:110px;color:#7a7a7a;line-height:32px;vertical-align:top}
.layer_pop .popcont2 .box02 .fr a{display:none}
.layer_pop .sisedata{margin-top:20px;padding:41px 0 0 0;background:url(../images/stock/sise_top.png) no-repeat;background-size:100% auto}
.layer_pop .pop_tab{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.layer_pop .pop_tab .tab a{display:inline-block;position:relative;height:48px;margin-left:12px;padding:0 5px;font-size:1.4rem;line-height:48px;color:#24282b;transition: all 0.5s}
.layer_pop .pop_tab .tab a:before{position:absolute;top:50%;left:-6px;z-index:1;width:1px;height:14px;margin-top:-7px;background:#ddd;content:''}
.layer_pop .pop_tab .tab a:first-child{margin-left:0;padding-left:0}
.layer_pop .pop_tab .tab a:first-child:before{display:none}
.layer_pop .pop_tab .tab a.select{color:#e70e1f}
.layer_pop .pop_tab .tab a.select:after{position:absolute;right:0;bottom:-1px;left:0;height:4px;background:#e70e1f;content:''}

.search_box {display:block; position: relative; height:30px; border-bottom:1px solid #24272a; padding-bottom: 6px}
.search_box .txt {display: block; padding-right: 40px}
.search_box .txt  .type_txt {width: 100%; height: 30px; padding: 0; border: 0; color: #24282b; font-size: 1.7rem; line-height: 30px}
.search_box .icon {display: block; position: absolute; right: 0; top: 0}
.search_box .icon .btn_search {display: block; position: relative; width: 30px; height: 30px; border: 0; background: transparent; cursor: pointer}
.search_box .icon .btn_search em {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    background-position: -536px -180px;    
    background-repeat: no-repeat;
    color: transparent;
}

.dic_index_box {border-top: 1px solid #cdcdce; padding: 32px 25px 27px 25px; background-color: #f7f7f7}
.dic_index_box ul {overflow: hidden}
.dic_index_box ul li {float: left; margin: 0 5px 5px 0}
.dic_index_box ul li a {display: block; width:32px; height: 32px; border: 1px solid #d7d7d7; background-color: #fff; font-size: 1.6rem; line-height: 32px; text-align: center}
.dic_index_box ul li.on a {border: 1px solid #ff0000; background-color: #ff0000; color: #fff}

.dic_list_con ul {overflow:auto; height: 458px; border-top: 1px solid #c7c8c8; border-bottom: 1px solid #c7c8c8}
.dic_list_con ul li {border-top: 1px solid #e4e4e4}
.dic_list_con ul li:first-child {border-top: 0}
.dic_list_con ul li a {display:block; padding: 16px 30px 15px; font-size: 1.5rem}
.dic_list_con ul li a:hover {background-color: #f7f7f7; color: #df1b1b}
.dic_list_con .mCSB_inside > .mCSB_container {margin-right: 10px}

.dic_view_wrap {padding: 30px}
.dic_view_con {padding: 20px; border: 1px solid #d7d7d7}
.dic_view_con .tit {position: relative; border-bottom:1px solid #24272a; padding-bottom: 15px}
.dic_view_con .tit h2 {display: block; margin-right: 60px; font-size: 1.7rem; font-weight: 400}
.dic_view_con .tit .btn_list {display: block; position: absolute; right: 0; bottom: 15px; font-size: 1.5rem} 
.dic_view_con .tit .btn_list:before {content: ''; display: inline-block; width: 16px; height: 17px; margin-right: 5px; background: url(/resources/images/icon/default_icon.png) no-repeat -243px -232px; vertical-align: middle}

.dic_view_con .info {overflow:auto; height:385px; padding-top: 30px; font-size: 1.5rem; line-height: 2.6rem}
.dic_view_con .info h3 {margin-bottom:15px}
.dic_view_con .term_box {margin-top:85px; padding: 20px; background-color: #f7f7f7}
.dic_view_con .term_box h3 {margin-bottom:8px; font-size: 1.7rem}
.dic_view_con .term_box h3:before {content: ''; display: inline-block; width: 16px; height: 19px; margin: -1px 5px 0 0; background: url(/resources/images/icon/default_icon.png) no-repeat -274px -232px; vertical-align: middle}
.dic_view_con .term_box ul li {margin-bottom:3px}
.dic_view_con .term_box ul li a {display:inline-block; padding: 4px 15px 5px 10px; background-color: #24282b; border-radius: 3px; border-top-right-radius:17px; border-bottom-right-radius:17px;  color: #fff}

.id_recent_news ul {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_recent_news ul li {border-top:1px solid #e9e9e9}
.id_recent_news ul li a {display:block; position: relative;  padding: 14px 103px 13px 0; color: #24282b; font-size: 1.6rem}
.id_recent_news ul li a:hover .vtxt  {text-decoration: underline}
.id_recent_news ul li .vtxt {display:inline-block}
.id_recent_news ul li .time {display:inline-block; position: absolute; right: 0; top:14px; background-color:#fff; color: #a7a7a7; font-size: 1.4rem; text-align: right}
.id_recent_news ul li .time .data-ico {margin:-2px 5px 0 0}
.id_recent_news ul li.photo {clear:both; float: left; width: 233px; padding-right: 20px; background-color: #fff}
.id_recent_news ul li.photo a {display: block; position: relative; overflow: hidden; width: 233px; padding:15px 0 14px; z-index: 2}
.id_recent_news ul li.photo .vtxt {
    display: block;
    position: absolute;
    left: 0;
    bottom: 65px;
    z-index: 21;
    width: 100%;  
    word-wrap: break-word;
    padding: 0 20px;
    color: #fff;
    white-space: normal;
    word-wrap: break-word;
    font-size: 1.6rem;
    font-weight: 300;   
    vertical-align: bottom;
    box-sizing: border-box;
    line-height: 2.2rem;
    letter-spacing: -1px;
}
.id_recent_news ul li.photo+li,
.id_recent_news ul li.photo+li+li,
.id_recent_news ul li.photo+li+li+li,
.id_recent_news ul li.photo+li+li+li+li{white-space: nowrap}
.id_recent_news ul li.photo+li .vtxt,
.id_recent_news ul li.photo+li+li .vtxt,
.id_recent_news ul li.photo+li+li+li .vtxt,
.id_recent_news ul li.photo+li+li+li+li .vtxt {width:400px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word}
.id_recent_news ul li.photo .thumb_img {display: flex; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; align-items:flex-start; -webkit-align-items: flex-start; justify-content:center; -webkit-justify-content:center; position: relative; width: 233px; height: 135px; overflow: hidden}
.id_recent_news ul li.photo .thumb_img:before { content: ''; background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; background-size:100% 130%; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0}
.id_recent_news ul li.photo .time {position: static; min-height:17px; padding-top: 15px; text-align: left}

/* News Detail */
.article_head {position:relative; padding:20px 0; border-bottom:1px solid #e9e9e9}
.article_head .category {display:block; color:#e60012; font-size:1.6rem}
.article_head .tit {margin:12px 0 20px; font-weight:normal; font-size:32px; line-height: 4.0rem;letter-spacing:-2.0px}
.article_head .author_info {padding-top:5px; color:#a7a7a7; font-size:1.6rem; text-align:left}
.container_wrap.nobg_type .article_head .author_info {text-align:center}
.article_head .author_info .people-circle {display:inline-block;width:36px;height:36px;overflow:hidden;margin-left:10px;border:1px solid #ddd;border-radius:100%;margin-right: 8px;vertical-align: middle}
.article_head .author_info .people-circle img {width: 100%; }
.article_head .author_info .name {display:inline-block; margin-right:6px; vertical-align:middle}
.article_head .author_info .name:before {content: ''; display: inline-block; width: 16px; height: 14px; margin:-2px 5px 0 0; background: url(/resources/images/icon/default_icon.png) no-repeat -540px -232px; vertical-align:middle}
.article_head .author_info .name a {color: #a7a7a7}
.article_head .author_info .time {display:inline-block; margin:-1px 0 1px;vertical-align:middle}
.article_head .author_info .time:before {content: ''; display: inline-block; width: 1px; height: 16px; margin: -2px 8px 0 0; background: #e9e9e9; vertical-align: middle}
.article_head .author_info .time .data-ico.ico-clock {height:14px; margin:-2px 5px 0 0}
.article_head .util_area {position:absolute; right:20px; bottom:20px}
.article_head .util_list_wp > ul > li {float:left; margin-left: -1px; position: relative}
.article_head .util_list_wp > ul > li:first-child button {
    -moz-border-top-left-radius: 25px;
    -moz-border-bottom-left-radius: 25px;
    -webkit-border-top-left-radius: 25px; 
    -webkit-border-bottom-left-radius: 25px; 
    border-top-left-radius: 25px; 
    border-bottom-left-radius: 25px; 
} 
.article_head .util_list_wp > ul > li:last-child button {
    -moz-border-top-right-radius: 25px;
    -moz-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px; 
    -webkit-border-bottom-right-radius: 25px; 
    border-top-right-radius: 25px; 
    border-bottom-right-radius: 25px; 
} 
.article_head .util_list_wp button {border:1px solid #e5e5e5; background-color:transparent; font-size:0; cursor:pointer}
.article_head .util_list_wp button i {width:42px; height:36px}
.article_head .util_list_wp .btn-scrap .ico-scrap {background-position:-16px -338px}
.article_head .util_list_wp .btn-share .ico-share {background-position:-57px -338px}
.article_head .util_list_wp .btn-font .ico-font {background-position:-98px -338px}
.article_head .util_list_wp .btn-print .ico-print {width:43px; background-position:-137px -338px}
.article_head .util_list_wp .btn-scrap.on .ico-scrap {background-position:-16px -384px}
.article_head .util_list_wp .btn-share.on .ico-share {background-position:-57px -384px}
.article_head .util_list_wp .btn-font.on .ico-font {background-position:-98px -384px}
.article_head .util_list_wp .btn-print.on .ico-print {background-position:-137px -384px}

.util_con_box {position:absolute; right: -10px; top: 36px; padding: 10px; background: transparent; z-index: 40}
.share_util_list{width:216px; border:1px solid #ddddde; padding: 20px 15px 10px; background: #fff; box-sizing: border-box; -webkit-box-sizing:border-box}
.share_util_list {overflow: hidden}
.share_util_list li {float: left; width: 36px; margin: 0 5px 10px; padding: 0 !important; border-top: 0 !important}
.share_util_list li .data-ico {width: 36px; height: 36px; font-size: 0}
.share_util_list li .data-ico.ico-EDAILY {background-position: -200px -497px}
.share_util_list li .data-ico.ico-FACEBOOK {background-position: -16px -450px}
.share_util_list li .data-ico.ico-KAKAO {background-position: -62px -450px}
.share_util_list li .data-ico.ico-DAUM {background-position: -176px -636px}
.share_util_list li .data-ico.ico-LINE {background-position: -108px -450px}
.share_util_list li .data-ico.ico-NAVER {background-position: -200px -450px}
.share_util_list li .data-ico.ico-TWITTER {background-position: -154px -450px}
.share_util_list li .data-ico.ico-GOOGLE {background-position: -108px -497px}
.share_util_list li .data-ico.ico-BAND {background-position: -16px -497px}
.share_util_list li .data-ico.ico-KAKAOSTORY {background-position: -62px -497px}
.share_util_list li .data-ico.ico-mail {background-position: -154px -497px}

.font_util_list{width:197px; border:1px solid #ddddde; padding: 20px 15px 10px; background: #fff; box-sizing: border-box; -webkit-box-sizing:border-box}
.font_util_list li {position:relative; margin-bottom:8px; color: #5b5b5b; text-align:left}
.font_util_list li input[type=radio] {position: absolute; left: 0; top: 0; width: 18px; height: 18px; opacity: 0; cursor: pointer; z-index: 5}
.font_util_list li .ico_radio {display: block; float: left; width: 18px; height: 18px; background: url(/resources/images/icon/default_icon.png) no-repeat -237px -268px; z-index: 3}
.font_util_list li input[type=radio]:checked + i {background-position: -237px -296px}
.font_util_list li label {display:inline-block; margin-left:5px; vertical-align: top; cursor: pointer}

.font_util_list li.size01 {font-size:12px;}
.font_util_list li.size02 {font-size:14px;}
.font_util_list li.size03 {font-size:16px;}
.font_util_list li.size04 {font-size:20px;}
.font_util_list li.size05 {font-size:22px;}

.ad_wp {padding:20px 0}
.ad_wp .tag,
.ad_wp.list_type .tag {display:inline-block; width:25px; height:16px; margin-right: 3px; background-color:#c9c9c9; border-top-left-radius:5px ;border-top-right-radius: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 20px; font-size:1.3rem; line-height:16px; font-weight:normal; color:#fff; text-align:center; vertical-align:middle}
.ad_wp.line_type a {display:inline-block; font-size:1.6rem; line-height:2.0rem; vertical-align:middle}
.ad_wp.list_type {padding-bottom:5px}
.ad_wp.list_type .tag {display:block}
.ad_wp.list_type ul li {position:relative; padding:6.5px 0}
.ad_wp.list_type ul li:before {content: '';display: inline-block;position: absolute;left: 0;top: 50%;width: 2px;height: 2px;margin-top: -1px;    background-color: #e60012;border-radius: 2px}
.ad_wp.list_type ul li a {display:block; padding-left: 8px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-wrap: break-word; overflow: hidden;font-weight: 300}
.article_body {padding-bottom: 30px; font-size: 1.6rem; line-height: 2.8rem; color: #222;letter-spacing: -0.03rem;}
.id_group_news .article_body { min-height: 500px;}
.article_body .sub_tit {position:relative; margin:30px 0; padding-left: 18px; font-size: 1.8rem; line-height: 2.8rem; font-weight:600;letter-spacing: normal}
.article_body .sub_tit:before {content: ''; display: block; position: absolute; left: 0; top: 0; width:3px; height: 100%; background: #e60012} 
.article_body a {color:#e60012}
.article_body p {padding:15px 0}
.article_body .nm_img {margin:15px 0}
.article_body figure {padding: 30px 0}
.article_body figure img,
.article_body .nm_img img {width:100%; height:auto}
.article_body .figure.vertical .figcaption {padding:16px 20px; background:#b2b2b2; font-size:1.4rem; line-height: 2.0rem; font-weight:normal; color:#fff}
.article_body .ad_banner img {width:100%; height:auto}
.article_body .txt_copyright{display:inline-block;width:100%;padding-top:15px; font-size:1.3rem; line-height: 2.0rem; color:#a7a7a7; text-align: center; }
.view_ad01 {
    float: left;
    margin: 10px 10px 10px 0;
}
.article_body .label_hash.stock_tag_list {padding:20px 0}
.article_body .label_hash.stock_tag_list:before,
.article_body .label_hash.stock_tag_list .ico_hash {display:none}

.label_hash.stock_tag_list { position: relative; padding-left: 47px; overflow: hidden}
.label_hash.stock_tag_list:before {
    content: '';    
    width: 46px;
    height: 100%;   
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    z-index: 88;
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 100%);
}
.label_hash.stock_tag_list ul {width: 100%}
.label_hash.stock_tag_list ul li {margin-right: 10px; display: inline-block}
.label_hash.stock_tag_list ul li a { display: block; height: 36px; padding: 0 14px 0 10px; background-color:#efefef; border-top-left-radius:6px ;border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; font-weight: 300; font-size: 1.4rem; line-height: 36px}
.label_hash.stock_tag_list ul li a:before {
    content: '#';   
    display: inline-block;
    margin-right: 2px;      
}
.label_hash.stock_tag_list ul li.on a {border:1px solid #e60012; background-color:#fff; color: #dc0606}

.share_wp {padding:30px 0 20px;text-align:center}
.share_wp .like_count {display:inline-block; height:44px; padding: 0 26px; border-radius:30px; border:1px solid #e5e5e5; font-size: 1.6rem; line-height:44px}
.share_wp .like_count .ico-heart {width:12px; height:13px; margin-right:3px; background-position:-329px -232px; text-indent:-999em}
.share_wp ul {margin:10px 0}
.share_wp ul li {display:inline-block; width:30px; height:31px; margin:0 2.5px}
.share_wp ul li .data-ico {font-size:0; width:30px; height:31px}

.id_article_detail .fl_containner {overflow:visible !important}
.id_article_detail .id_news_list {margin: 45px 0 20px}
.id_article_detail .id_news_list .arti_tit_wp h2 {font-size: 1.8rem}

.cmt_list_wp button {cursor:pointer !important}
.cmt_list_ctrl_wp {overflow:hidden; padding: 50px 0 18px}
.cmt_list_ctrl_wp button {display: block; border:none; background:none; cursor:pointer}
.cmt_list_ctrl_wp .btn_close {float: left; font-size: 1.8rem; font-weight: 600}
.cmt_list_ctrl_wp .btn_close span {color:#e70e1f}
.cmt_list_ctrl_wp .btn_close .data-ico {width:15px; height:8px; margin:-2px 0 0 5px; text-indent:-999em}
.cmt_list_ctrl_wp .btn_close .ico-arrow-up {background-position:-462px -269px;transition:All .2s ease-in-out}
.cmt_list_ctrl_wp .btn_close .ico-arrow-dw {background-position:-462px -281px;transition:All .2s ease-in-out}/**/
.cmt_list_ctrl_wp .btn_refresh {float: right; width:25px; height:25px; font-size: 0; line-height: 0}
.cmt_list_ctrl_wp .btn_refresh .data-ico {width:18px; height:16px}
.cmt_list_ctrl_wp .btn_refresh .ico-refresh {background-position:-358px -232px}

.cmt_write_wp {position:relative; /*border:1px solid #e9e9e9; padding-bottom: 50px*/}
.cmt_write_wp fieldset legend,
.cmt_write_wp .login_account > strong {display:none}
.cmt_write_wp .login_account > ul {position:absolute; bottom:7px; left:10px; overflow:hidden}
/*.cmt_write_wp .login_account > ul li {float:left; width:30px; height:30px; margin-right:10px}
.cmt_write_wp .login_account > ul li .data-ico {width:30px; height:30px; text-indent:-999em}*/
.cmt_write_wp .login_account > ul li {float:left; width:36px; height:36px; margin-right:10px}
.cmt_write_wp .login_account > ul li a { display: block;}
.cmt_write_wp .login_account > ul li .data-ico {width:36px; height:36px; text-indent:-999em; margin: 0;}
.cmt_write_wp .login_account > ul li .data-ico.ico-fb {background-position:-220px -338px}
.cmt_write_wp .login_account > ul li .data-ico.ico-kakao {background-position:-260px -338px}
.cmt_write_wp .login_account > ul li .data-ico.ico-line {background-position:-300px -338px}
.cmt_write_wp .login_account > ul li .data-ico.ico-band {background-position:-180px -338px}
.cmt_write_wp .login_account > ul li .data-ico.ico-naver {background-position:-136px -640px}
.cmt_write_wp .login_account > ul li .data-ico.ico-etc {background-position:-340px -338px}
.cmt_write_wp .login_account > ul li .data-ico.ico-EDAILY {background-position: -200px -497px}
.cmt_write_wp .login_account > ul li .data-ico.ico-FACEBOOK {background-position: -16px -450px}
.cmt_write_wp .login_account > ul li .data-ico.ico-KAKAO {background-position: -62px -450px}
.cmt_write_wp .login_account > ul li .data-ico.ico-NAVER {background-position: -200px -450px}
.cmt_write_wp .login_account > ul li .data-ico.ico-TWITTER {background-position: -154px -450px}
.cmt_write_wp .login_account > ul li .data-ico.ico-GOOGLE {background-position: -108px -497px}

.cmt_write_wp .btn_logout {position:absolute; right:17px; top:15px; border:none; background:none; font-size:1.6rem; color:#adadad; cursor:pointer}
.cmt_write_wp .login_account > ul li a.on .data-ico.ico-fb, 
.cmt_write_wp .login_account > ul li a:hover .data-ico.ico-fb {
	background-position:-16px -640px
}
.cmt_write_wp .login_account > ul li a.on .data-ico.ico-kakao, 
.cmt_write_wp .login_account > ul li a:hover .data-ico.ico-kakao {
	background-position:-56px -640px
}
.cmt_write_wp .login_account > ul li a.on .data-ico.ico-naver, 
.cmt_write_wp .login_account > ul li a:hover .data-ico.ico-naver {background-position:-96px -640px}
.cmt_write_wp .sns_login_layer {
	position:absolute; 
	left:169px; 
	top:159px; 
	z-index:20; 
	overflow:hidden; 
	padding:20px; 
	width:200px; 
	border:1px solid #ddddde; 
	background-color:#fff; 
} 
.cmt_write_wp .sns_login_layer ul li {float:left; width:36px; height:36px; margin:7px}
.cmt_write_wp .sns_login_layer ul li .data-ico {width:36px; height:36px; text-indent:-999em}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-EDAILY {background-position: -200px -497px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-FACEBOOK {background-position: -16px -450px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-KAKAO {background-position: -62px -450px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-TWITTER {background-position: -154px -450px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-BAND {background-position: -16px -497px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-NAVER {background-position: -200px -450px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-GOOGLE {background-position: -108px -497px}
.cmt_write_wp .sns_login_layer ul li .data-ico.ico-DAUM {background-position: -176px -636px}
.cmt_write_wp .sns_login_layer .btn_close {position:absolute; right:5px; top:5px; width:20px; height:20px; border:none; background:none; font-size:0; cursor:pointer}
.cmt_write_wp .sns_login_layer .btn_close:before {content:""; display:block; width:20px; height:20px; background: url(/resources/images/icon/default_icon.png) no-repeat -673px -178px}
.cmt_write_wp .input_box {width:100%; min-height:93px; margin-top:50px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.cmt_write_wp .input_box textarea {width:100%; min-height:93px; padding:15px 20px; border:none; color:#adadad; font-size: 1.6rem; box-sizing: border-box; -webkit-box-sizing:border-box; resize: none}
.cmt_write_wp .txt_byte {position:absolute; right:96px; top:15px; font-size: 1.4rem; color:#adadad}
.btn_register {position:absolute; right:0; bottom:-1px; width:81px; height:52px; border:none;background-color:#e60012; color:#fff; font-size: 1.6rem; text-align:center}
.btn_register_reply {
    position:absolute; 
    right:0; 
    bottom:-1px; 
    width:81px; 
    height:50px; 
    border:none;
    background-color:#444; 
    color:#fff; 
    font-size: 1.6rem; 
    text-align:center;
    top: 20px;
}
.cmt_write_wp .upload {position:absolute; left:10px; top:10px; color:#adadad}
.cmt_write_wp .upload input[type=checkbox] {position:relative; z-index:10; width:30px; height:30px; border-radius:3px; border:1px solid #e9e9e9; background:transparent; opacity:0}
.cmt_write_wp .upload .ico_check {display:block; position:absolute; left:0; top:0; width:28px; height:28px; border:1px solid #e9e9e9; border-radius:2px; background-color:#fff}
.cmt_write_wp .upload .ico_check:before {content:""; display:block; width:30px; height:30px}
.cmt_write_wp .upload input[type=checkbox]:checked+.ico_check:before {background:url(/resources/images/icon/default_icon.png) no-repeat -482px -262px}
.cmt_write_wp .upload label {display:inline-block;margin-left:5px; font-size: 1.4rem; vertical-align:middle}
.cmt_sort_wp {padding:28px 0 15px}
.cmt_sort_wp ul li {display:inline-block; margin-right:15px; font-size: 1.6rem}
.cmt_sort_wp ul li.current {color:#24282b}
.cmt_sort_wp ul li a {color:#adadad}
.cmt_sort_wp ul li i.data-ico {width:14px; height:12px; margin: -1px 4px 0 0; background-position:-462px -232px;text-indent:-999em}

.cmt_list_wp {border-bottom:1px solid #e9e9e9}
.cmt_list_wp > ul {border-top:1px solid #e9e9e9}
.cmt_list_wp ul li {padding-top:15px; border-top:1px solid #e9e9e9; font-size: 1.6rem; line-height: 2.2rem}
.cmt_list_wp ul li .cmt_area .author_info {position:relative; display: inline-block}
.cmt_list_wp ul li .cmt_area .author_info > * {display:inline-block; padding:0 10px 0 6px; font-weight:normal; color:#adadad; vertical-align:top}
.cmt_list_wp ul li .cmt_area .author_info .sns {width:21px; height:21px; padding: 0 5px 0 0; color: transparent}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico {width:21px; height:21px}

.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-NAVER {background-position: -361px -302px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-DAUM {background-position: -453px -302px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-GOOGLE {background-position: -391px -302px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-EDAILY {background-position: -422px -302px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-FACEBOOK {background-position: -360px -270px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-TWITTER {background-position: -484px -302px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-KAKAO {background-position: -422px -270px}
.cmt_list_wp ul li .cmt_area .author_info .sns .data-ico.ico-LINE {background-position: -391px -270px}

.cmt_list_wp ul li .cmt_area .author_info .sns:before {contnet:""; display:inline-block; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .nickname {position:relative; padding-left:0; color:#24282b}
.cmt_list_wp ul li .cmt_area .author_info .nickname:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .time {position:relative}
.cmt_list_wp ul li .cmt_area .author_info .time:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .time .data-ico {height:16px; margin-right:3px; background-position: -516px -269px}
.cmt_list_wp ul li .cmt_area .author_info button {border:none; background:none; margin-top: 1px; font-size: 1.6rem; line-height:2rem}
.cmt_list_wp ul li .cmt_area .author_info .report {position:relative}
.cmt_list_wp ul li .cmt_area .author_info .report:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .delete {position:relative}
.cmt_list_wp ul li .cmt_area .author_info .delete:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .report {position:relative; font-size: 0}
.cmt_list_wp ul li .cmt_area .author_info .report:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#e1e1e1}
.cmt_list_wp ul li .cmt_area .author_info .report .data-ico {width:17px; height:16px; background-position: -541px -269px}
.cmt_list_wp ul li .cmt_area .author_info .share {position:relative; font-size: 0}
.cmt_list_wp ul li .cmt_area .author_info .share .data-ico {width:14px; height:14px; background-position: -566px -269px}

.cmt_list_wp ul li .cmt_area .txt_cont {padding:5px 0 20px}
.cmt_list_wp ul li .cmt_area .recomm_info {overflow:hidden; padding:0 15px 15px 0; font-size: 1.4rem}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_replay {float:left; border:none; background:none; font-size:1.3rem}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm {float:right}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button {display:inline-block; height:20px; margin-left:10px; border:none; background:none; font-size:0}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button.recomm {color:#e70e1f}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button.unrecomm {color:#198aea}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button .data-ico {width:15px; height:14px; margin:0 5px 0 0; vertical-align: middle}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button .ico-like {background-position: -400px -232px}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button .ico-unlike {background-position: -427px -232px}
.cmt_list_wp ul li .cmt_area .recomm_info .btn_recomm button span {display:inline-block; font-size:1.4rem; vertical-align: middle}
.cmt_list_wp ul li.reply_area {padding:0 20px; background-color:#efefef}
.cmt_list_wp ul li.reply_area ul li {position:relative; border-top: 1px solid #dededf; padding-top:20px}
.cmt_list_wp ul li.reply_area ul li:first-child {padding-top:0; border-top:none}
.cmt_list_wp ul li.reply_area .ico-reply {position:absolute; left:0; top:42px; width:8px; height:8px; background-position:-511px -232px}
.cmt_list_wp ul li.reply_area ul li:first-child .ico-reply {top:5px}
.cmt_list_wp ul li.reply_area .input_wp {position:relative; padding:20px 0 20px 22px}
.cmt_list_wp ul li.reply_area .input_wp input {width:100%; height:50px; border:1px solid #dededf; font-size:1.6rem; line-height:50px; color:#adadad}
.cmt_list_wp ul li.reply_area .cmt_area {display:inline-block; width:100%; margin-left:22px}
.cmt_list_wp ul li.reply_area .cmt_area .txt_cont {padding:5px 10px 10px 0}
.cmt_list_wp ul li.reply_area .author_info .nickname:after,
.cmt_list_wp ul li.reply_area .author_info .time:after {background-color: #dededf}
.cmt_list_wp ul li.nodata{padding:20px 10px;font-size:14px;font-weight:normal;color:#adadad}

/* notify layer */
.notify_layer {width:225px}
.notify_layer {position:fixed; left:50%; top:50%; z-index:101; margin:-88px -112px; padding:20px; background-color:#fff}
.notify_layer .notify_wp {position:relative; padding:0}
.notify_layer .notify_wp .tit {display:block; margin:10px 0; font-size:1.5rem; font-weight:normal;text-align:center}
.share_layer .share_wp ul {margin:0}
.share_layer .share_wp ul li {margin:5px 2.5px}
.notify_layer .notify_wp .btn_close {position:absolute; right:-10px; top:-20px; width:20px; height:20px; border:none; background:none; font-size:0; cursor:pointer}
.notify_layer .notify_wp .btn_close:before {content:""; display:block; width:20px; height:20px; background: url(/resources/images/icon/default_icon.png) no-repeat -673px -178px}
.notify_layer {border:1px solid #24282b; padding:10px 0; margin:-200px -112px}
.notify_layer .notify_wp ul li {position:relative; padding:10px; border-top:1px solid #e9e9e9;font-size:1.4rem}
.notify_layer .notify_wp ul li:last-child {border-bottom:1px solid #e9e9e9}
.notify_layer .notify_wp ul li input {position:absolute; left:10px; top:12px; width:20px; height:20px; vertical-align:top; opacity:0}
.notify_layer .notify_wp ul li label {position:relative; display:inline-block; padding-left:25px; vertical-align:top; cursor:pointer}
.notify_layer .notify_wp ul li input+label:before {content:""; display:inline-block; width:20px; height:20px; position:absolute; left:0; top:2px; margin-right:7px; background: url(/resources/images/icon/default_icon.png) no-repeat;background-position:-236px -267px}
.notify_layer .notify_wp ul li input:checked+label:before {background-position:-236px -295px}
.notify_layer .notify_wp ul li .etc_txt {width:100%; min-height:50px; margin-top:10px; border:1px solid #d8d8d9}
.notify_layer .notify_wp ul li .etc_txt textarea {width:201px; min-height:50px; padding:5px; border:none; font-size:1.4rem}
.notify_layer .notify_wp .btn_wrap {padding:10px; overflow:hidden}
.notify_layer .notify_wp .btn_wrap button {display:inline-block; float:left; width:102px; height:35px; border:none; background:none; line-height:35px; font-size:1.3rem; color:#fff; cursor:pointer}
.notify_layer .notify_wp .btn_wrap button.btn_function {background-color:#e60012}
.notify_layer .notify_wp .btn_wrap button.btn_cancel {background-color:#898989}
.notify_layer .notify_wp .btn_close {top:-10px; right:10px}

.move_news_wp {position: absolute; left: 0; right: 0; top: 270px; z-index: 25}
.move_news_wp .btn {
	display: block;
    position: absolute;
    width: 25px;
    height: 70px;
    background: rgba(0,0,0,.1);
    font-size: 0;
	overflow: hidden;	
	min-width: auto !important;
}
.move_news_wp .prev {left: 0; top: 0; border-top-right-radius: 35px; border-bottom-right-radius: 35px}
.move_news_wp .next {right: 0; top: 0; border-top-left-radius: 35px; border-bottom-left-radius: 35px}
.move_news_wp .btn:after {
	content:''; 
	display: block; 
	position: absolute; 
	width: 14px; 
	height: 25px; 
	margin-top:-12px; 
	background: url('/resources/images/icon/default_icon.png')no-repeat;
}
.move_news_wp .prev:after {left: 17px; top: 50%; background-position: -287px -269px;}
.move_news_wp .next:after {right: 17px; top: 50%; background-position: -311px -269px;}
/*.move_news_wp .btn:hover {width: 370px; background: rgba(0,0,0,.7)}
.move_news_wp .btn:hover .tit {display: block}*/
.move_news_wp .btn .tit {	
	overflow:hidden; 
	position: absolute; 
	left: -150px; 
	top: 0; 
	width: 300px; 
	color: #fff; 
	font-size: 1.4rem; 
	line-height: 70px; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	word-wrap: break-word;
	opacity: 0;	
}
.move_news_wp .btn.prev .tit {padding-left:50px}
.move_news_wp .btn.next .tit {padding-left:25px}

/*.id_group_news {margin-top:20px}*/
.group_news_wp {position: relative; }
.group_news_wp > span {
    display:block;
    position: absolute; 
    top: 50%; 
    margin-top: -15px; 
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    z-index: 21;
}
.group_news_wp > span > a { display: block; text-indent: -9999em; width: 31px; height: 31px}
.group_news_wp > span.news_nav_left { left: 0; background-position:-142px -270px}
.group_news_wp > span.news_nav_right {right: 0; background-position:-173px -270px}
.group_news_list {overflow: hidden}
.group_news_list li {position:relative}
.group_news_list li.slick-slide {
	width:200px;
	border: 1px solid #eaeaea;
    background: #efefef;
    padding: 10px 20px;
}
.group_news_list li a {
	display: block;
    color: #24282b;
    height: 41px;
    transition: all 300ms ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
}
/* .group_news_list li.slick-current a { border: 1px solid #e60012; background: #fff} */
.group_news_list li:hover { border: 1px solid #e60012; background: #fff}
.group_news_list li a span { 
    display: inline-block; 
    white-space: normal; 
    word-wrap: break-word; 
    vertical-align: top; 
    letter-spacing: -0.03rem; 
    font-size: 13px; 
    line-height: 20px;    
}
/* .group_news_list li:after {
    content: '';
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    background-position: -175px -183px;
    width: 30px;
    height: 25px;
    display: block;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
} */

.id_thum_gallist {padding: 0 0 5px}
.id_thum_gallist .sort_type a {padding-right: 0 !important;}
.id_thum_gallist .gal_lt_con {overflow: hidden; margin-top:-12px}
.id_thum_gallist .gal_lt_con .photos_gallery a:hover .caption {display:block}
.photos_gallery {overflow: hidden; margin-right: -10px}
.photos_gallery .picture{ overflow: hidden; position: relative; display: inline-block;  margin: 0 5px 5px 0 !important; }
.photos_gallery .picture, .photos_gallery .picture img{ margin: 0px; height: 100%}
.photos_gallery .picture img{ max-height: 100%; transition: opacity 250ms}

.tab_btn_con .right_util {position:absolute; right:0; /*top:79px*/ top:0;}
.tab_btn_con .right_util .sort_txt {display:block; margin-top:10px; color:#a7a7a7; font-size:14px}
.datepicker_wp.sort_type {display:block; min-width:70px; height:34px; margin-top:0; padding:0 40px 0 10px; border:1px solid #ccc; border-top-left-radius: 3px; border-top-right-radius: 18px; border-bottom-left-radius: 3px; border-bottom-right-radius: 18px; line-height:36px; vertical-align:middle; text-align:left; cursor:pointer}
.datepicker_wp.sort_type input {position:absolute; left:0; top:0; border:0; padding:0; opacity:0}
.datepicker_wp.sort_type img {right:15px}

/* gal_list_wp */
.gal_list_wp ul {overflow: hidden; margin-left: -21px}
.gal_list_wp ul li {float: left; width: 33.33%; min-width:346px; height: 203px; overflow:hidden; margin-bottom:20px; padding-left:21px; box-sizing: border-box; -webkit-box-sizing:border-box}
.gal_list_wp ul li a {display: block;position: relative;z-index:0;}
.gal_list_wp ul li a:hover .gal_label {
    opacity:1;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    -ms-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.gal_list_wp ul li .gal_label {display: block;position: absolute;left: 10px;top: 10px;z-index: 22;min-width: 25px;width:auto;height: 26px;background-color:#24282b; color: #fff;font-size: 1.4rem;line-height:23px;font-weight: 300;font-style: normal;opacity:0;padding: 5px 15px 4px 7px;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.gal_list_wp ul li .tit {position: absolute; left: 0; bottom: 0; z-index: 21; margin: 20px}
.gal_list_wp ul li .tit strong {color: #fff; font-weight: 300; font-size:1.6rem; line-height: 2.2rem}
.gal_list_wp ul li .imgicon { 
        display: block; 
        width:38px; 
        height:34px; 
        margin-bottom:20px;
        background: url(/resources/images/icon/default_icon.png) no-repeat -15px -553px;
        font-size: 0;
        text-indent: -9999em;
        color: transparent;
    } 
.gal_list_wp ul li .thumb_img { position: relative; width: 100%; height: 203px; overflow: hidden}
.gal_list_wp ul li .thumb_img img {width: 100%}
.gal_list_wp ul li .thumb_img:after { content: ''; background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0}

/* id_category_news_row */
.id_category_news_row .arti_data {padding-bottom:17px; }
.id_category_news_row .thumb_news {position: relative; width: 100%; margin:3px 0 18px}
.id_category_news_row .thumb_news .tit {display:block; position: absolute; left: 0; bottom: 0; z-index: 21; margin: 15px 10px 10px 15px;  color: #fff; font-size: 1.4rem; font-weight: 300; line-height: 1.9rem; text-shadow: 0 0 5px rgba(0,0,0,.7);}
.id_category_news_row .thumb_news .thumb_img {display: block; overflow: hidden; position: relative; width: 100%; height: 211px}
.arti_sec .id_category_news_row .thumb_news .thumb_img  {height:150px}
.id_category_news_row .thumb_news .thumb_img:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px solid rgba(0,0,0,.018); background:transparent; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_category_news_row .thumb_news .thumb_img img {width:100%}
.id_category_news_row .thumb_news .thumb_img:after {
    content: '';
    background: rgba(0,0,0,.5);
    background-size: 100% 130%;
    width: 100%;
    height: 60px;
    z-index: 1;
    position: absolute;
    left: -1px;
    bottom: 0;
}
.id_category_news_row ul.bl_red_lt li {margin-top: 5px; font-size: 1.3rem;}

/* id_category_news_col */
.id_category_news_col .arti_data {padding-bottom:17px; border-bottom:1px solid #e9e9e9}
.id_category_news_col .thumb_news {overflow: hidden; margin-bottom: 17px}
.id_category_news_col .thumb_news .thumb_img {display:flex; display: -ms-flexbox; display: -moz-flex; display:-webkit-flex; align-items: flex-start; -webkit-align-items:flex-start; justify-content: center; -webkit-justify-content:center; position: relative; float: left; width: 183px; height: 236px; overflow:hidden}
.id_category_news_col .thumb_news .thumb_img:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px solid rgba(0,0,0,.018); background:transparent; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_category_news_col .thumb_news .thumb_img img {width:auto; min-height:238px}
.id_category_news_col .thumb_news .news_con {display: block; padding-left:203px}
.id_category_news_col .thumb_news .news_con .tit {display: block; margin-bottom: 10px; padding-top:15px; border-top:1px solid #e9e9e9; color: #24282b; font-size: 1.6rem; font-weight: 300; line-height: 2.2rem}
.id_category_news_col .thumb_news .news_con .txt {display: block; color: #a7a7a7; font-size: 1.4rem; line-height: 2rem}
.id_category_news_col ul.bl_red_lt li {margin-top: 5px}

/* gallery view */
.id_gallery_view .gal_wrap {position: relative; overflow: hidden; height: 518px}
.id_gallery_view .gal_wrap .gal_lt_sec {float:left; width: 734px}
.id_gallery_view .gal_wrap .gal_rt_sec {padding-left:734px; border:1px solid #e3e3e3; background:#fff}
.id_gallery_view .gal_wrap .gal_lt_sec {background: #292929; position: relative}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_view_con {position: relative; width: 734px; height:427px; overflow:hidden}
.id_gallery_view .gal_wrap .gal_lt_sec > span {
    display:block;
    position: absolute; 
    top: 50%; 
    margin-top: -35px; 
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    z-index: 21;
}
.id_gallery_view .gal_wrap .gal_lt_sec > span a { display: block; text-indent: -9999em; width: 31px; height: 31px}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_nav_left { left: 0; background-position:-142px -270px}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_nav_right {right: 0; background-position:-173px -270px}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_view_con .slick-dots { position: absolute; left: -99999em}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_view_con .gal_slide .view_bg {
    display:block; 
    width: 734px; 
    height: 427px; 
    background: url(../images/layout/gal_news_view_bg.png) repeat-x 0 bottom;
    position: absolute;
    left: 0;
    top: 0;
}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_view_con .gal_slide .viewimg {width: 734px; height: 427px; overflow: hidden; text-align:center}
.id_gallery_view .gal_wrap .gal_lt_sec .gal_view_con .gal_slide .btn_zoom {position: absolute; right: 20px; bottom:20px; z-index: 1; width: 51px; height: 36px; border:0; padding-left:38px; background: url('/resources/images/icon/default_icon.png') no-repeat -796px -395px; color:#fff; font-size:14px; line-height: 36px; text-align: left; cursor: pointer}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con {height:334px; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con .gal_label {display: inline-block;min-width: 27px; margin-bottom:15px;padding:5px 15px 4px 7px;border-top-right-radius:20px;border-bottom-right-radius:20px;background-position: -751px -34px; color: #fff; text-align: left}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con .data_txt strong {display:block; position:relative; padding-bottom:18px; font-weight: 400; font-size:22px; line-height:28px}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con .data_txt strong:after {content:""; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; background-color:#e70e1f}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con .data_txt p {overflow: hidden; height:140px; margin-top:20px; font-size:14px; line-height:20px}
.id_gallery_view .gal_wrap .gal_rt_sec .news_con .data_txt .mHeadline{margin-bottom:14px}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info {overflow:hidden; border-top: 1px solid #e9e9e9; color: #a7a7a7; font-size: 14px}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info > span {display: block; float: left; width: 50%; height: 90px; padding-top:25px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info > span > strong {display: block; margin-bottom: 5px; color: #222; font-weight: 300; font-size: 13px}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info > span > strong:before {content: ''; display: inline-block; width: 18px; height: 14px; margin-right: 7px; background:url('/resources/images/icon/default_icon.png') no-repeat -570px -232px; vertical-align: middle}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info .view {border-right: 1px solid #e9e9e9}
.id_gallery_view .gal_wrap .gal_rt_sec .news_info .update > strong:before {width: 14px; background-position: -596px -232px; }
.id_gallery_view .gal_wrap .gal_rt_sec .tag {display:table; width: 100%; height: 91px; padding:0 40px 0 40px; border-top: 1px solid #e9e9e9; background:#efefef; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box}
.id_gallery_view .gal_wrap .gal_rt_sec .tag > span {display: table-cell; vertical-align: middle}
.id_gallery_view .gal_wrap .gal_rt_sec .tag a {display: inline-block; margin:2px 7px;  color: #24282b; font-size: 14px}

/* gallery zoom */
.id_gallery_zoom {display:none; position:absolute; left:0; top:355px; z-index:9999; width: 100%; height: 1080px; margin:0 0 20px 0; background:#292929}
.id_gallery_zoom .gal_wrap {position: relative; background:#292929}
.id_gallery_zoom .gal_wrap .gal_con_sec {position: relative; height: 932px; padding-top: 57px; background:#292929 url('../images/layout/photo_zoom_bg.jpg') repeat-x 0 bottom}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn {display:block; position: absolute; top: 50%; width: 60px; height: 70px; margin-top: -35px; background: rgba(0,0,0,.3); font-size: 0; z-index: 21}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.prev {left: 0; border-top-right-radius: 35px; border-bottom-right-radius: 35px}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.next {right: 0; border-top-left-radius: 35px; border-bottom-left-radius: 35px}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn:after {content:''; display: block; position: absolute; width: 14px; height: 25px; margin-top:-12px; background: url('/resources/images/icon/default_icon.png')no-repeat}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.prev:after {left: 17px; top: 50%; background-position: -287px -269px}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.next:after {right: 17px; top: 50%; background-position: -311px -269px}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn:hover {width: 370px; background: rgba(0,0,0,.7)}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn:hover .tit {display: block}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn .tit {display: none; overflow:hidden; position: absolute; left: 0; top: 0; width: 300px; color: #fff; font-size: 1.4rem; line-height: 70px; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.prev .tit {padding-left:50px}
.id_gallery_zoom .gal_wrap .gal_con_sec .btn.next .tit {padding-left:25px}
.id_gallery_zoom .gal_wrap .gal_con_sec .gal_view_con {position: relative}
.id_gallery_zoom .gal_wrap .gal_con_sec .gal_view_con .slick-dots { position: absolute; left: -99999em}
.id_gallery_zoom .gal_wrap .gal_con_sec .gal_view_con .gal_slide .viewimg {position:relative; margin:0 auto; text-align: center}
.id_gallery_zoom .gal_wrap .gal_con_sec .data_txt {width: 1080px; margin: 35px auto 0; text-align: center}
.id_gallery_zoom .gal_wrap .gal_con_sec .data_txt a {color: #fff}
.id_gallery_zoom .gal_wrap .gal_con_sec .data_txt a strong {display: block; font-weight: 400; font-size: 22px; line-height: 28px}
.id_gallery_zoom .gal_wrap .gal_con_sec .data_txt a span {display: block; margin-top:15px; font-weight: 300; font-size: 14px; line-height: 20px}
.id_gallery_zoom .gal_thumb_con {width: 1000px; margin: 0 auto; padding: 15px 40px 10px}
.id_gallery_zoom .btn_close {display: block; position: absolute; right: 0; top: 0; width: 66px; height: 66px; background:url('/resources/images/icon/default_icon.png') no-repeat -831px -232px; text-indent: -999em}

/* rank_top_wrap */
.rank_top_wrap {margin-bottom: 20px}
.rank_top_wrap ul {overflow: hidden; margin-left: -11px}
.rank_top_wrap ul li {float: left; margin-left: 11px}
.rank_top_wrap ul li .rank_box {display: block; position: relative; width: 239px; height: 285px}
.rank_top_wrap ul li .rank_box a {display: block}
.rank_top_wrap ul li .num {
    position: absolute; 
    left:10px; 
    top: 10px; 
    z-index: 2;
    height: 46px; 
    padding: 0 13px 0 10px; 
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 25px; 
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 25px; 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 25px; 
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 25px; 
    border-top-left-radius: 5px;
    border-top-right-radius: 25px; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 25px; 
    background-color: #e02b29; 
    color: #fff; 
    font-size: 1.8rem; 
    line-height: 46px;
}
.rank_top_wrap ul li .num strong {margin-right:1px; font-size: 2.6rem; font-weight: 400; vertical-align: -1px}
.rank_top_wrap ul li .data_txt {overflow: hidden; display:block; position: absolute; left: 0; bottom: 0; z-index: 2; height:104px; border: 1px solid #e9e9e9; padding:20px 19px}
.rank_top_wrap ul li .data_txt .tit {display:block; position: relative}
.rank_top_wrap ul li .data_txt .tit strong {display: block; width:199px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:22px; line-height:26px}
.rank_top_wrap ul li .data_txt .count_info {display:block; margin-top:5px; text-align:right; font-size: 1.6rem} /*position: absolute; right: 0; top: 0; */
.rank_top_wrap ul li .data_txt .stock_price .ico {margin: 6px 2px 0 0; }
.rank_top_wrap ul li .data_txt .like_count {margin-left: 5px}
.rank_top_wrap ul li .data_txt .like_count .ico-heart {width: 13px; height: 13px; margin: -3px 4px 0 0; background-position: -328px -232px; color: transparent}
.rank_top_wrap ul li .data_txt .txt {display:block; overflow:hidden; height: 55px; margin-top: 7px; font-size: 2rem; line-height: 2.6rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.rank_top_wrap ul li .thumimg {display:block; height: 139px; overflow:hidden}
.rank_top_wrap ul li .thumimg img {width: 100%}

/* rank_list_wrap */
.rank_list_wrap ul li {padding:15px 0; border-top: 1px solid #e9e9e9}
.rank_list_wrap ul li .databox {overflow: hidden; display: table; width: 100%}
.rank_list_wrap ul li .databox .num {display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px; background-color: rgba(36,40,43,0.8);  border-radius: 100%; color: #fff; font-size: 1.4rem; line-height: 44px; text-align: center}
.rank_list_wrap ul li .databox .num strong {font-weight: normal}
.rank_list_wrap ul li .databox .thumimg_con {position: relative; float: left; width: 110px; margin-right: 20px} 
.rank_list_wrap ul li .databox .thumimg_con .thumimg {display:flex; display: -ms-flexbox; display: -moz-flex; display:-webkit-flex; justify-content: center; -webkit-justify-content:center; width: 90px; height: 90px; overflow:hidden; border: 1px solid #ddd; border-radius: 100%}
.rank_list_wrap ul li .databox .thumimg_con .thumimg  img {width: auto; height:100%}
.rank_list_wrap ul li .databox .data_txt {position: relative;color: #24282b;display: table-cell;vertical-align: middle;width: 100%}
.rank_list_wrap ul li .data_txt .tit {display: block}
.rank_list_wrap ul li .data_txt .tit strong {font-size: 1.6rem}
.rank_list_wrap ul li .data_txt .count_info {display: inline-block; margin-left:15px; font-size: 1.4rem; vertical-align: middle}
.rank_list_wrap ul li .data_txt .stock_price .ico {margin: 6px 2px 0 0; }
.rank_list_wrap ul li .data_txt .stock_nm .stock_price .ico {width:10px; height: 2px; margin:8px 4px 0 0; background-position: -461px -132px}
.rank_list_wrap ul li .data_txt .like_count {margin-left: 5px}
.rank_list_wrap ul li .data_txt .like_count .ico-heart {width: 11px; height: 10px; margin: -3px 4px 0 0; background-position: -442px -338px; color: transparent}
.rank_list_wrap ul li .data_txt .txt {display:block; margin-top:7px; color:#8e8e8e; font-size: 1.4rem; line-height: 20px}
.rank_list_wrap ul li .data_txt .txt  strong {display:block; margin-bottom:7px; color:#222; font-weight: 400; font-size: 1.6rem}

/* id_flick_thum */
.id_flick_thum .ui_btm_nav_cnt {position: absolute; right: 0; top: 4px; width: 130px}
.id_flick_thum .arti_tit_wp em {font-weight: 400; font-family: Georgia; font-size: 2rem}
.id_flick_thum .arti_box_con .slide_con_wp {border:0; padding:0}
.id_flick_thum .arti_data {overflow: hidden; position: relative; height: 212px}
.id_flick_thum .arti_data .photo {position: absolute; left: 0; top: 0; z-index: 5; width: 365px}
.id_flick_thum .arti_data .photo a {display: block; position: relative; overflow: hidden; width:100%; height: 212px}
.id_flick_thum .arti_data .photo .thumbimg { display: block; position: relative}
.id_flick_thum .arti_data .photo .thumbimg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom}

.id_flick_thum .arti_data .photo .thumbimg img {width: 100%}
.id_flick_thum .arti_data .photo .tit {display: block; position: absolute; left: 20px; bottom: 20px; z-index: 21; color: #fff; font-size: 2.2rem}
.id_flick_thum .arti_data > ul {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding-left: 365px}
.id_flick_thum .arti_data > ul:after {content: ''; display: block; clear: both}
.id_flick_thum .arti_data > ul > li {float: left; width: 50%; height: 104px}
.id_flick_thum .arti_data > ul > li a {display:block; height: 104px; padding: 17px 20px 0; background: #fff; color: #24282b; font-size: 1.6rem; line-height: 2.2rem; box-sizing: border-box; -webkit-box-sizing:border-box}
.id_flick_thum .arti_data > ul > li:nth-child(1) a, .id_flick_thum .arti_data > ul > li:nth-child(4) a {background: #f5f5f5}
.id_flick_thum .arti_data > ul > li a:hover,
.id_flick_thum .arti_data > ul > li:nth-child(1) a:hover, .id_flick_thum .arti_data > ul > li:nth-child(4) a:hover { background: #e60012; color: #fff}
.id_flick_thum .arti_data > ul > li:nth-child(1) a:hover, .id_flick_thum .arti_data > ul > li:nth-child(2) a:hover {height:106px; margin-top:-2px}
.id_flick_thum .arti_data > ul > li:nth-child(3) a:hover, .id_flick_thum .arti_data > ul > li:nth-child(4) a:hover {height:106px; margin-bottom:-2px}

/* opinion_headline_wrap */
.opinion_headline_wrap {overflow: hidden; margin-left:-21px}
.opinion_headline_wrap .headline_box {float: left; width: 304px; height: 161px; border:1px solid #e9e9e9; margin-left:21px; padding:20px; background:#f5f5f5}
.opinion_headline_wrap .headline_box .category {display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; font-size: 1.6rem}
.opinion_headline_wrap .headline_box .category .label {
    display: inline-block; 
    margin-right: 5px;
    padding: 0 11px 0 8px;
    height: 26px;
    line-height: 26px; 
    color: #917247; 
    background: #fff; 
    font-style: normal;
    font-size: 1.4rem; 
    border:none;
    border: 1px solid #917247;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:20px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:20px;
    border-top-left-radius:5px;
    border-top-right-radius:20px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:20px;
}
.opinion_headline_wrap .headline_box .data_txt {display: table; width: 100%}
.opinion_headline_wrap .headline_box .data_txt .thumb {float: left; position:relative; width: 90px; height:90px; overflow:hidden; margin-right:20px; border:1px solid #ddd; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%}
.opinion_headline_wrap .headline_box .data_txt .thumb:before {position:absolute;top:50%;left:50%;width:30px;height:25px;margin:-12px 0 0 -17px;background:url(/resources/images/icon/default_icon.png) no-repeat;background-position:-175px -183px;text-align:center;content:''}
.opinion_headline_wrap .headline_box .data_txt .thumb img {position:relative;width: 100%; height:auto}
.opinion_headline_wrap .headline_box .data_txt .tit {display: table-cell; width: 100%; font-weight: 400; font-size: 2.2rem ; line-height: 2.8rem; vertical-align: middle}

/* id_opinion_news */
.id_opinion_news .fl_containner {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_opinion_news .arti_tit_wp {float: left; width: 130px}
.id_opinion_news .arti_tit_wp h2 {position:relative; width: auto; padding: 20px 0 0 38px}
.id_opinion_news .arti_tit_wp h2:before {content: ''; display: block; position: absolute; left: 0; top: 19px; width: 92px; height: 40px; background: url('/resources/images/icon/default_icon.png') no-repeat -637px -228px}
.id_opinion_news .data_txt {padding-left: 130px}
.id_opinion_news .data_txt > ul > li  {border-top: 1px solid #e9e9e9}
.id_opinion_news .data_txt > ul > li:first-child {border-top:0}
.id_opinion_news .data_txt > ul > li a {display: block; position: relative; padding: 15px 190px 15px 0}
.id_opinion_news .data_txt > ul > li .tit {display: inline-block; color: #24282b; font-weight: 300; font-size: 1.6rem}
.id_opinion_news .data_txt > ul > li .data_info {display: inline-block; position: absolute; right: 0; color: #a7a7a7; font-size: 1.4rem; text-align: right}
.id_opinion_news .data_txt > ul > li .data_info .time {display: inline-block}
.id_opinion_news .data_txt > ul > li .data_info .time i {margin:-2px 5px 0 0}
.id_opinion_news .data_txt > ul > li .data_info .write {display: inline-block; margin-left: 10px}
.id_opinion_news .data_txt > ul > li .data_info .write:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 13px;
    background: #e0e0e0;
    margin: -2px 8px 0 0;
    vertical-align: middle;
}

/* id_opinion_column */
.id_opinion_column .data_box {overflow: hidden; margin-left:-11px}
.id_opinion_column .data_box .column_box {float: left; width: 197px; height: 190px; border:1px solid #e9e9e9; margin-left:11px; padding:17px 20px; background:#fff}
.id_opinion_column .data_box .column_box .category {display: block; margin-bottom: 17px; font-size: 1.4rem}
.id_opinion_column .data_box .column_box .category em {margin-right:5px; color: #917247; font-style: normal}
.id_opinion_column .data_box .column_box .data_txt {display: table; width: 100%; margin-bottom: 12px; height:66px;}
.id_opinion_column .data_box .column_box .data_txt .thumb {float: left; width: 60px; height:60px; overflow:hidden; margin-right:10px; border:1px solid #ddd; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; text-align:center}
.id_opinion_column .data_box .column_box .data_txt .thumb img {width: auto; height:100%}
.id_opinion_column .data_box .column_box .tit {display: table-cell; width: 100%; font-weight: 300; font-size: 1.6rem; line-height: 2.2rem; vertical-align: middle}
.id_opinion_column .data_box .column_box .view {overflow: hidden; max-height:80px; }
.id_opinion_column .data_box .column_box .view a {color: #a7a7a7; font-size: 1.4rem; line-height: 2rem}

/* id_opinion_interview */
.id_opinion_interview .ui_newslist_slide {height: auto}
.id_opinion_interview .ui_newslist_slide .slidenews {padding-top: 20px}
.id_opinion_interview .ui_newslist_slide .slidenews ul li {height: 228px}
.id_opinion_interview .ui_newslist_slide .slidenews ul li dl dt {height: 70px; font-size: 1.6rem; line-height: 2.2rem}
.id_opinion_interview .ui_newslist_slide .slidenews ul li.thumb_up .thumimg {height: 103px !important}

/* id_board_list */
.id_board_list table {width:100%; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_board_list table thead {background:#f5f5f5}
.id_board_list table thead th {padding:15px 0; color:#24282b; font-weight: 500; font-size: 1.6rem}
.id_board_list table tbody td {border-top:1px solid #e5e5e5; padding:15px 0; font-size:1.6rem; text-align: center}
.id_board_list table tbody td.t-left {padding-left:13px}

/* accordion_list */
.accordion_list_wrap {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.accordion_list > li {border-top:1px solid #e9e9e9}
.accordion_list > li > a {display: block; position: relative; padding: 12px 0; font-size: 1.4rem}
.accordion_list > li > a:after {content: ''; display: block; position: absolute; right: 0; top:50%; width: 12px; height: 12px; margin-top:-6px; background: url('/resources/images/icon/default_icon.png') no-repeat  -403px -338px}
.accordion_list > li > a strong {font-weight: 500}
.accordion_list > li > ul {display:none; border:1px solid #e9e9e9; border-bottom:0; padding: 17px 20px 7px; background:#f5f5f5}
.accordion_list > li > ul li {margin-bottom:10px}
.accordion_list > li > ul li a:hover {color: #e60012}
.accordion_list > li.on > a {color:#e60012}
.accordion_list > li.on > a:after {background-position: -403px -358px}

/* smain_top_news_con */
.id_submain_top_news {position:relative; overflow: hidden; height: 412px; margin-top: -22px}
.id_submain_top_news:before {content:""; display:block; position:absolute; z-index:1; width: 50%; height: 412px; background-color:#997c98}
.id_submain_top_news.entertain:before {background-color:#997c98}
.id_submain_top_news.sports:before {background-color:#7d9758}
.id_submain_top_news:after {content:""; display:block; position:absolute; z-index:1; right:0; top:0; width: 50%; height: 412px; background-color:#666666}
.smain_top_news_wrap {position:relative; z-index:2; width: 100%; height: 362px; padding-top:50px; background-repeat: no-repeat; background-position: center top}
.smain_top_news_con {overflow: hidden; width: 1080px; margin: 0 auto}
.smain_top_news_con .hot_news {position: relative; float: left; width: 537px}
.smain_top_news_con .hot_news .label {
    display: block; 
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 21;
    padding: 0 13px 0 10px;
    height: 35px;
    line-height: 35px; 
    color: #fff479; 
    background: #cd1f2a; 
    font-style: normal;
    font-size: 1.6rem; 
   -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:25px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:25px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:25px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:25px;
    border-top-left-radius:5px;
    border-top-right-radius:25px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:25px;
}

.smain_top_news_con .hot_news .data_txt {
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 21;
    width: 100%;  
    word-wrap: break-word;
    padding: 0 20px;
    color: #fff;
    box-sizing: border-box;
}
.smain_top_news_con .hot_news .data_txt strong {display: block; color: #fff; font-weight: 400; font-size: 2.2rem; line-height: 2.8rem}
.smain_top_news_con .hot_news .data_info {display: block; margin-top:15px; color: #a7a7a7}
.smain_top_news_con .hot_news .data_info  .time {display: inline-block}
.smain_top_news_con .hot_news .data_info  .time i {margin:-2px 5px 0 0; background-position: -596px -232px}
.smain_top_news_con .hot_news .data_info  .write {display: inline-block; margin-left: 10px}
.smain_top_news_con .hot_news .data_info  .write:before {
    content: '';
    display:inline-block;
    width: 1px;
    height: 13px;
    background: #a7a7a7;
    margin: -2px 8px 0 0;
    vertical-align: middle;
}
.smain_top_news_con .hot_news .thumbimg {display:flex; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; justify-content:center; -webkit-justify-content:center; position: relative; width:537px; height:312px; overflow:hidden}
.smain_top_news_con .hot_news .thumbimg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom;
}
.smain_top_news_con .hot_news .thumbimg img {width:100%; height:auto}

.smain_top_news_con ul {width: 543px; padding-left: 537px}
.smain_top_news_con ul:after {content: ''; display: block; clear: both}
.smain_top_news_con ul li {position:relative; float: left; width: 261px; height:151px; margin: 0 0 10px 10px}
.smain_top_news_con ul li a {display: block}
.smain_top_news_con ul li .tit {display: block; position: absolute; left: 0; bottom: 17px; z-index: 21; padding:0 20px; color: #fff; font-weight: normal; font-size: 1.6rem; line-height: 2.2rem}
.smain_top_news_con ul li .thumbimg { display: block; position: relative; width:261px; height:151px; overflow:hidden}
.smain_top_news_con ul li .thumbimg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom;
    background-size: 100% 130%;
}
.smain_top_news_con ul li .thumbimg img {width:100%; height:auto}

/* id_flick_topnews */
.id_flick_topnews .ui_btm_nav_cnt {position: absolute; right: 0; top: 4px; width: 130px}
.id_flick_topnews .arti_box_con .slide_con_wp {border:0; padding:0}
.id_flick_topnews .ui_newslist_slide {height: auto}
.id_flick_topnews .ui_newslist_slide .slidenews {padding-top:0}
.id_flick_topnews .ui_newslist_slide .slidenews ul li {height: 228px; margin-bottom:0}
.id_flick_topnews .ui_newslist_slide .slidenews ul li dl dt {height: 70px; font-size: 1.6rem; line-height: 2.2rem}
.id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_up .thumimg {height: 103px}
.id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_in .thumimg {height: 228px}
.id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_no .thumimg {height: 228px}
.id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_no dl dt {height: 89px; font-size: 2.2rem; line-height: 2.8rem}
.id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_up .thumimg:after, .id_flick_topnews .ui_newslist_slide .slidenews ul li.thumb_no .thumimg:after {display: none}

/* vod_list_wrap */
.id_flick_vod .arti_box_con .slide_con_wp {border: 0; padding: 0}
.id_flick_vod .ui_btm_nav_cnt {position: absolute; right: 0; top: 4px; width: 130px}
.vod_list_wrap ul {overflow: hidden; margin-left: -20px}
.vod_list_wrap ul li {float: left; border-bottom:1px solid #e9e9e9; margin-left: 20px}
.vod_list_wrap ul li .vod_box {display: block; position: relative; width: 200px; height: 228px}
.vod_list_wrap ul li .vod_box a, .vod_list_wrap ul li .vod_box span {display: block}
.vod_list_wrap ul li .data_txt {overflow: hidden; display:block; position: absolute; left: 0; top: 116px; z-index: 2; padding:15px 0}
.vod_list_wrap ul li .tit .num {float:left; width: 40px; font-weight: 200; font-size: 4.8rem; line-height: 4.2rem}
.vod_list_wrap ul li .tit  strong {font-weight:400; font-size: 1.6rem; line-height: 2.2rem}
.vod_list_wrap ul li.first .tit .num {color: #e70e1f}
.vod_list_wrap ul li .count_info {margin-top:15px; color:#24282b; font-size: 1.4rem}
.vod_list_wrap ul li .count_info .play_count {display:inline-block}
.vod_list_wrap ul li .count_info .play_count .ico-play {width: 11px; height: 12px; margin: -2px 3px 0 0; background-position: -525px -338px; color: transparent}
.vod_list_wrap ul li .count_info .like_count {display:inline-block; margin-left: 10px}
.vod_list_wrap ul li .count_info .like_count .ico-heart {width: 10px; height: 10px; margin: -2px 3px 0 0; background-position: -443px -338px; color: transparent}
.vod_list_wrap ul li .thumimg {position:relative; width: 200px; height: 116px; overflow:hidden}
.vod_list_wrap ul li .thumimg:before {content: ''; display: block; position: absolute; left: 10px; bottom: 10px; z-index: 2; width: 38px; height: 38px; background: url('/resources/images/icon/default_icon.png') no-repeat -622px -19px}
.vod_list_wrap ul li .thumimg:after {display: none !important}
.vod_list_wrap ul li .thumimg img {width: 100%; min-height:116px}
.vod_list_wrap ul li.type .tit .num {width: 60px}

/* ch_banner_box */
.ch_banner_wrap {overflow: hidden}
.ch_banner_box {float: left; width: 360px; height: 255px}
.ch_banner_box a {display: block; position: relative}
.ch_banner_box a:after {content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background:rgba(0,0,0,0.5)}
.ch_banner_box span, .ch_banner_box strong {display: block}
.ch_banner_box .data_txt {position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff}
.ch_banner_box .data_txt em {font-family: Georgia}
.ch_banner_box .data_txt .label {
    display: inline-block;
    padding: 0 9px 0 8px;
    height: 26px;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 25px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:20px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:20px;
    border-top-left-radius:5px;
    border-top-right-radius:20px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:20px;
}
.ch_banner_box.auto .data_txt .label {background:#536673}
.ch_banner_box.beauty .data_txt .label {background:#ef4880}
.ch_banner_box.golf .data_txt .label {background:#8fa709}
.ch_banner_box .data_txt .tit {margin-top:45px; font-weight: 400; font-size: 2.2rem; text-align: center}
.ch_banner_box .data_txt .tit em {font-size: 2.6rem}
.ch_banner_box .data_txt .txt {margin-top:10px; font-size: 1.6rem; line-height: 2.2rem; text-align: center}
.ch_banner_box .data_txt .txt_link {margin-top:50px; font-size:1.4rem; text-align: right}
.ch_banner_box .thumb {width: 360px; height: 255px}
.ch_banner_box .thumb img {width: 100%}

/* etv */
.id_etv_vod {margin-top:-22px}
.id_etv_vod .fl_containner {overflow: initial !important}
.etv_top_wrap {height:765px; padding-top:50px; background-repeat: no-repeat; background-position: center top}
.etv_top_con {width: 1080px; margin: 0 auto}
.etv_top_con .vod_player {width: 1080px; height: 608px}
.etv_top_con .play_info {position: relative}
.etv_top_con .play_info .data_txt {margin-top:40px}
.etv_top_con .play_info .data_txt .tit {display:block; font-weight: 400; color: #fff; font-size: 3.6rem; line-height: 3.8rem}
.etv_top_con .play_info .data_txt .info {display:block; margin-top:15px; color:#909090; font-size: 1.6rem}
.etv_top_con .play_info .data_txt .info .date {display: inline-block; color: #a7a7a7}
.etv_top_con .play_info .data_txt .info .date .ico-clock {margin:-2px 7px 0 0; background-position: -596px -232px}
.etv_top_con .play_info .data_txt .info .play_count {display: inline-block; margin-left: 15px; color: #fff; font-weight: 300}
.etv_top_con .play_info .data_txt .info .play_count .ico-play {width: 12px; height: 14px; margin:-2px 5px 0 0; background-position: -501px -338px; color: transparent}
.etv_top_con .play_info .data_txt .info .like_count {display: inline-block; margin-left: 15px; color: #fff; font-weight: 300}
.etv_top_con .play_info .data_txt .info .like_count .ico-heart {width: 13px; height: 13px; margin-right:3px; background-position: -329px -232px; color: transparent}
.etv_top_con .play_info .data_link {position: absolute; right: 0; top: 0}
.etv_top_con .play_info .sns {display: inline-block}
.etv_top_con .play_info .sns a {margin:0 3px}
.etv_top_con .play_info .sns .data-ico {width:36px; height: 36px; color: transparent}
.etv_top_con .play_info .sns .ico-fb {background-position: -559px -332px}
.etv_top_con .play_info .sns .ico-youtube {background-position: -605px -332px}
.etv_top_con .play_info .program_info{position:relative; margin-top:22px}
.etv_top_con .play_info .program_info button {border:0; background: transparent; color: #fff; font-size: 1.6rem; cursor: pointer}
.etv_top_con .play_info .program_info button:after {content: ''; display: inline-block; width: 12px; height: 7px; margin: -2px 0 0 10px; background: url('/resources/images/icon/default_icon.png') no-repeat -664px -332px; vertical-align: middle}
.etv_top_con .play_info .layer_program {position: absolute; right: 0; top: 30px; z-index: 22; width: 295px; height: 232px; padding: 27px 5px 30px 30px; background: #292929; font-size: 1.4rem; box-sizing: border-box; -webkit-box-sizing: border-box}
.etv_top_con .play_info .layer_program .ul_scroll_ver_time {overflow:auto; height: 175px}
.etv_top_con .play_info .layer_program dt {margin-bottom:15px; color: #fff; font-weight: 400}
.etv_top_con .play_info .layer_program ul li {margin-bottom: 8px}
.etv_top_con .play_info .layer_program ul li span {display: inline-block; color: #ababab}
.etv_top_con .play_info .layer_program ul li .tit {float:left; width: 80px}
.etv_top_con .play_info .layer_program ul li .txt {overflow: hidden; width: 147px; text-overflow: ellipsis; white-space: nowrap}
.etv_top_con .play_info .program_info button.on:after {background-position: -664px -348px}
.etv_top_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #494949}

/* timeline_stock */
.id_timeline_stock {}
.timeline_stock_wrap {padding:30px 0; background:#efefef}
.timeline_stock_con {width: 1080px; margin: 0 auto}
.timeline_stock_con:after {content: ''; display: block; clear: both}
.timeline_stock_con .arti_stock {float: left; width: 642px}
.timeline_stock_con .arti_stock ul {margin-left:-11px}
.timeline_stock_con .arti_stock ul:after {content: ''; display: block; clear: both}
.timeline_stock_con .arti_stock ul li {float:left; width:205px; height: 106px; border:1px solid #e9e9e9; margin-left:11px; padding:18px 20px; background:#fff; box-sizing: border-box; -webkit-box-sizing:border-box}
.timeline_stock_con .arti_stock ul li dt {color: #24282b; font-weight: 500; font-size: 1.6rem}
.timeline_stock_con .arti_stock ul li dd {margin-top:5px}
.timeline_stock_con .arti_stock ul li dd .stock_price {display: inline-block; width:110px; font-size: 1.4rem}
.timeline_stock_con .arti_stock ul li dd .stock_price strong {font-weight:400; font-size: 2.4rem; line-height: 2.6rem}
.timeline_stock_con .arti_stock ul li dd .icobg {display: inline-block; vertical-align: bottom}
.timeline_stock_con .arti_stock .icobg {  
    width: 40px;
    height: 32px;    
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;        
    vertical-align: top;
    overflow: hidden;
}
.timeline_stock_con .arti_stock .stock_up .icobg {background-position: -92px -100px}
.timeline_stock_con .arti_stock .stock_nm .icobg {background-position: -452px -113px}
.timeline_stock_con .arti_stock .stock_dn .icobg {background-position: -155px -103px}
.timeline_stock_con .arti_exchage {float: left; width: 436px}
.timeline_stock_con .arti_exchage ul {margin-bottom: -10px}
.timeline_stock_con .arti_exchage ul:after {content: ''; display: block; clear: both}
.timeline_stock_con .arti_exchage ul li {float:left; width:206px; height: 48px; border:1px solid #e9e9e9; margin:0 0 10px 10px; padding:14px 15px 15px; background:#fff; box-sizing: border-box; -webkit-box-sizing:border-box}
.timeline_stock_con .arti_exchage ul li dt {display:inline-block; font-weight: 500; font-size: 1.6rem; float:left;}
.timeline_stock_con .arti_exchage ul li dd {display: inline-block; font-size: 1.4rem; text-align: right; float:right;}
.timeline_stock_con .arti_exchage ul li dd strong {display: inline-block; width: 75px}
.timeline_stock_con .arti_exchage ul li dd .value {display: inline-block; width: 53px}

/* timeline_list */
.id_timeline_list .arti_btn {margin-bottom: 10px}
.id_timeline_list .arti_btn:after {content: ''; display: block; clear: both}
.id_timeline_list .arti_btn .left_area {float: left}
.id_timeline_list .arti_btn .left_area .select {margin-top: 9px; border: 0; color: #222; font-size: 1.4rem}
.id_timeline_list .arti_btn .left_area .btn_auto:after {content: ''; display: inline-block; width: 5px; height: 3px; margin-left: 5px; background: url('/resources/images/icon/default_icon.png') no-repeat -600px -271px; vertical-align: middle}
.id_timeline_list .arti_btn .right_area {float: right}
.id_timeline_list .arti_btn .right_area .btn_refresh {
    display: inline-block; 
    height: 36px; 
    padding: 0 15px 0 11px; 
    background: #fff; 
    font-size: 1.4rem; 
    line-height: 36px;
    border:1px solid #e5e5e5;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:20px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:20px;
    border-top-left-radius:5px;
    border-top-right-radius:20px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:20px;
    cursor: pointer;
}
.id_timeline_list .arti_btn .right_area .btn_refresh:after {content: ''; display: inline-block; width: 19px; height: 16px; margin-left: 5px; background: url('/resources/images/icon/default_icon.png') no-repeat -357px -232px; vertical-align: middle}

.timeline_list {border-top: 1px solid #e9e9e9; margin-bottom:20px}
.timeline_list li {position:relative; padding-bottom: 20px}
.timeline_list li:after {content: ''; display: block; position: absolute; left: 18px; bottom: 0; width: 2px; height: 20px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #fff}
.timeline_list li a {display: block; border: 1px solid #e9e9e9; padding:14px 10px; background:#fff}
.timeline_list li a .data_info {display: inline-block; color: #333; font-size: 1.4rem}
.timeline_list li a .data_info .data-ico {margin-right:5px; vertical-align: -2px}
.timeline_list li a strong {display: inline-block; margin-left:25px; color:#24282b; font-weight: 300; font-size: 1.6rem}
.timeline_list li:last-child {padding-bottom:0}
.timeline_list li:last-child:after {display: none}

/* Main */
.id_notice_tit_lt.notice_mt{margin-top:31px}
.widget_arti_vislist .thumb_visual {height: 308px}

.planning_news_con {position:relative;  border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.planning_news_con .tab_btn_con {width:305px; padding:20px 0 27px 0px}
.planning_news_con .tab_btn_con ul li {display:table;width:100%;position:relative;height:95px;padding:0 30px 0 20px;border-bottom:1px solid #e9e9e9;background:#f8f8f8;box-sizing:border-box}
.planning_news_con .tab_btn_con ul li:last-child {border-bottom:none}
.planning_news_con .tab_btn_con ul li a{display:table-cell;vertical-align:middle}
.planning_news_con .tab_btn_con ul li .tit {padding-bottom:3px;font-size:14px; font-weight:600; line-height:23px}
.planning_news_con .tab_btn_con ul li .subtit {display:inline-block; position:relative; width:173px; overflow:hidden; padding-left:17px; font-weight:normal; vertical-align:top; text-overflow:ellipsis; white-space: nowrap}
.planning_news_con .tab_btn_con ul li .subtit:before {content:""; width:1px; height:14px; position:absolute; left:7px; top:5px; background-color:#ddd}
.planning_news_con .tab_btn_con ul li .txt {overflow:hidden; height:38px; font-size:14px; color:#888; line-height:17px}
.planning_news_con .tab_btn_con ul li.on{background:#ddd}
.planning_news_con .tab_btn_con ul li.on:after {content:""; display:block; position:absolute; right:10px; top:20px; width:4px; height:54px; background-color:#e70e1f}
.planning_news_con .tab_btn_con ul li.on .subtit:before{background-color:#555}

.planning_news_con .tab_content_wrap {position:absolute; top:20px; right:0; overflow:hidden}
.planning_news_con .tab_contents {position:relative; overflow:hidden}
.planning_news_con .tab_contents .imgcon {position:absolute; left:20px; right:20px; bottom:18px; z-index:2; font-size:14px; color:#fff}           
.planning_news_con .tab_contents .imgcon .sns_link li {display:inline-block;vertical-align:top}
.planning_news_con .tab_contents .imgcon .sns_link li a,
.planning_news_con .tab_contents .imgcon .sns_link li button {display:block; width:39px; height:39px; margin:0 5px 16px 0; background:url(/resources/images/icon/default_icon.png) no-repeat; font-size:0;vertical-align:top}
.planning_news_con .tab_contents .imgcon .sns_link li button{border:0;cursor:pointer}
.planning_news_con .tab_contents .imgcon .sns_link li.sms a {background-position:-575px -108px}
.planning_news_con .tab_contents .imgcon .sns_link li.fb a {background-position:-619px -108px}
.planning_news_con .tab_contents .imgcon .sns_link li.like .btn_scrap {background-position:-657px -531px}
.planning_news_con .tab_contents .imgcon .sns_link li.like .btn_scrap.active {background-position:-700px -531px}
.planning_news_con .tab_contents .thumimg {display:block; overflow:hidden; width:490px; height:285px}
.planning_news_con .tab_contents .thumimg:after {content: '';background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0}
.planning_news_con .tab_contents .thumimg img {width:490px}

.vis_tit.ed-txt {text-shadow: 0 0 5px rgba(0,0,0,.7);}

.widget_stock_info .arti_tit_wp.btmline h2 {border-bottom:1px solid #e9e9e9}

.stock_info_box {position:relative; padding-bottom:19px; border-bottom:1px solid #e9e9e9}
.stock_info_box .stock_info {position:relative; width:126px; margin:18px 0 0; padding-right:12px; }
.stock_info_box .stock_info:after{/* position:absolute;top:2px;right:0;bottom:1px;width:1px;background:#e9e9e9;content:'' */}
.stock_info_box .stock_info li {position:relative; margin-top:10px; font-size:14px}
.stock_info_box .stock_info li:first-child {margin-top:0}
.stock_info_box .stock_info li h3 {font-weight:600; font-size:13px}
.stock_info_box .stock_info li .icobg,
.stock_info_box .stock_info .icobg { 
    width: 40px;
    height: 32px;    
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;        
    vertical-align: top;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 15px; 
}
.stock_info_box .stock_info .stock_up .icobg {background-position: -92px -100px}
.stock_info_box .stock_info .stock_nm .icobg {background-position: -452px -113px}
.stock_info_box .stock_info .stock_dn .icobg {background-position: -155px -103px}
.stock_info_box .stock_info .stock_price strong {display:block}
.stock_info_box .moneystock_status {position:absolute; right:0; top:0; width:116px}
.stock_info_box .moneystock_status .item_tbl .stock_data {font-weight:600; text-align:left}
.stock_info_box .moneystock_status .item_tbl tbody.narrow td {padding:0 0 10px}
.stock_info_box .moneystock_status .item_tbl tbody th {padding-left:20px}
.stock_news_info {padding: 19px 0 19px; border-bottom:1px solid #e9e9e9; font-size:15px}
.stock_news_info ul{margin-top:4px}
.stock_news_info ul li:before {top:11px}
.stock_news_info ul li a {overflow:hidden;height: 22px; font-size:13px; line-height:22px}

/* card_list_wp */
.id_card_list {margin-bottom: 50px}
.id_card_list .arti_tit_wp h2 {padding: 9px 0 17px}
.id_card_list .arti_tit_wp .time {margin-left:10px; color: #a7a7a7; font-size: 1.4rem; font-weight: 300}
.id_card_list .arti_tit_wp .time .data-ico {margin:-3px 2px 0 0}
.card_list_wp {border-top: 1px solid #e9e9e9; padding-top: 20px}
.card_list_wp ul {overflow: hidden; margin:0 0 -11px -11px}
.card_list_wp ul li {float: left; width: 33.33%; min-width:239px; height: 239px; margin-bottom:11px; padding-left:11px; box-sizing: border-box; -webkit-box-sizing:border-box}
.card_list_wp ul li a {display: block; position: relative}
.card_list_wp ul li .gal_label {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 22;
    width: auto;
    height: 26px;
    background:#24282b;
    color: #fff;
    font-size: 1.4rem;
    line-height: 23px;
    font-weight: 300;
    font-style: normal;
    text-align: left;
}
.card_list_wp ul li .tit {display:block; position: absolute; left: 0; bottom: 0; z-index: 21; margin: 20px}
.card_list_wp ul li .tit strong {color: #fff; font-weight: 300; font-size:1.6rem; line-height: 2.2rem}
.card_list_wp ul li .thumb_img {display:block; position: relative; width: 100%; height: 239px; overflow: hidden}
.card_list_wp ul li .thumb_img img {width: 100%}
.card_list_wp ul li .thumb_img:after { content: ''; background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0}

/* pop_news_detail */
.dim_layer {display:none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7}
.dim_layer.wh {background:#fff}
.id_pop_news_detail {position:absolute; left:50%; top:227px; z-index: 101; width: 728px; height: 1080px; margin-left:-364px}
.pop_news_detail { background:#fff}
.pop_news_detail .head {position: relative; height: 60px; padding: 0 30px; background: #fff}
.pop_news_detail .head .pop_tit {color:#24282b; font-size: 1.8rem; line-height: 60px}
.pop_news_detail .head .btn_close {position:absolute; right:0; top:0; width:60px; height:60px; border:none; background:none; font-size:0; cursor:pointer}
.pop_news_detail .head .btn_close i {display:inline-block; width:20px; height: 20px}
.pop_news_detail .head .btn_close i:before {content: ''; display: block; position:absolute; right:0; top:0; width:20px; height:20px; background: url(/resources/images/icon/default_icon.png) no-repeat -586px -180px}
.pop_news_detail .cont {position: relative; overflow: auto; height:870px; padding:30px 30px 0}
.pop_news_detail .cont .article_head {padding:5px 0 20px}
.pop_news_detail .cont .mCSB_inside > .mCSB_container {margin-right: 0; padding-right: 20px}
.pop_news_detail .cont .move_news_wp {top:320px}
.pop_news_detail .article_full_sec .container_box {width: 100%}
.pop_news_detail .article_full_sec .arti_ad {margin-bottom: 0}
.pop_news_detail .article_full_sec .arti_ad a {margin: 0}

.article_head .util_area .email_input_wp {display: inline-block; position: relative; margin-right: 8px; padding-right: 77px; vertical-align: middle}
.article_head .util_area .email_input_wp input {
    width: 167px;
    height:36px; 
    border: 1px solid #e5e5e5;
    border-right: 0;
    padding:0 10px 0 10px; 
    font-size: 1.4rem; 
    line-height: 36px;
}
.article_head .util_area .email_input_wp button {
    display: block; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width:55px; 
    height:34px;
    padding:0 10px 0 10px;
    background: #eee; 
    font-size: 1.4rem;
    line-height: 36px; 
    border: 1px solid #e9e9e9; 
    -moz-border-top-right-radius: 25px;
    -moz-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    cursor: pointer;
}
.article_head .util_area .util_list_wp {display: inline-block; vertical-align: middle}

/* issue_main_con */
.issue_main_con {overflow: hidden; position: relative; width: 1080px}
.issue_main_con .tab_btn_con {width: 346px; min-height:333px; padding:31px 0 63px; background: #5b5b5b}
.issue_main_con .tab_btn_con h3 {display: block; padding:0 30px 20px 30px; color: #b9b9b9; font-weight: 400; font-size: 1.8rem}
.issue_main_con .issue_list li a {display: block; overflow: hidden; position: relative; border-top: 1px solid #6c6c6c; padding: 19px 80px 19px 30px; color: #b9b9b9; font-size: 1.6rem; text-overflow: ellipsis; white-space: nowrap; cursor: pointer}
.issue_main_con .issue_list li .more {display: none; position: absolute; right: 10px; top: -1px; padding:22px 20px 20px; font-size:1.4rem; cursor: pointer}
.issue_main_con .issue_list li.on a{position: relative; z-index: 1; border-top:1px solid #e70e1f; margin-bottom: -1px; padding: 20px 80px 20px 30px; background: #e70e1f; color: #fff}
.issue_main_con .issue_list li.on .more {display: block}
.issue_main_con .tab_content_wrap {position:absolute; right:0; top:0; width: 734px}
.issue_main_con .tab_content_wrap .thumimg {display:flex; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; height:427px; align-items: flex-start; -webkit-align-items: flex-start; justify-content:center; -webkit-justify-content:center}
.issue_main_con .tab_content_wrap .thumimg:before {content: ''; background: url(../images/layout/bg_issue_view.png) repeat-x 0 bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.issue_main_con .tab_content_wrap .thumimg img {width:100% !important; height:auto !important}
.issue_main_con .issue_list_view {position: absolute; left: 0; top: 0; width: 734px; height:427px; } /*height: 427px;*/
.issue_main_con .issue_list_view h4 {
    display: inline-block; 
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 25;
    height: 35px; 
    padding: 0 14px 0 10px;
    color: #24282b;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 33px;
    background: #fff;
    -moz-border-top-right-radius: 25px;
    -moz-border-bottom-right-radius: 25px;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow:0 0 5px 0 rgba(0,0,0,.3);
}
.issue_main_con .issue_list_view ul {position: absolute; left: 0; right: 0; bottom: 0}
.issue_main_con .issue_list_view ul li {float: left; width: 303px; padding: 0 30px 25px}
.issue_main_con .issue_list_view ul li a {color: #fff; font-size: 1.6rem; line-height: 2.2rem}
.issue_main_con .issue_list_view ul li a .time {display: inline-block; margin-left:10px; color: #a7a7a7; font-size: 1.4rem}
.issue_main_con .issue_list_view ul li a .time .ico-clock {margin:-2px 5px 0 0; background-position: -596px -232px} 
.issue_main_con .issue_list_view ul li.main {width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box}
.issue_main_con .issue_list_view ul li.main a {font-size: 3.6rem; line-height: 4.2rem}
.issue_main_con .issue_list_view ul li.main a .time {font-size: 1.4rem; line-height: initial}

/* issue_column_wp */
.issue_column_wp {margin-left:-11px}
.issue_column_wp:after {content: ''; display: block; clear: both}
.issue_column_wp .column_box {float:left; width:197px; height:170px; border: 1px solid #e9e9e9; margin-left:11px; padding:16px 20px; background: #fff}
.issue_column_wp .column_box span, .issue_column_wp .column_box strong {display: block}
.issue_column_wp .column_box .label {color: #e60012; font-size: 1.4rem}
.issue_column_wp .column_box .tit {margin-top:12px; font-weight: 300; font-size: 1.6rem; line-height: 2.2rem}
.issue_column_wp .column_box .txt {margin-top:13px; color: #a7a7a7; font-size: 1.4rem; line-height: 2rem}

/* issue banner */
.issue_banner_wp {position: relative}
.issue_banner_wp > span {
    display:block;
    position: absolute; 
    top: 50%; 
    margin-top: -15px; 
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    z-index: 21;
}
.issue_banner_wp > span > a { display: block; text-indent: -9999em; width: 31px; height: 31px}
.issue_banner_wp > span.news_nav_left { left: 11px; background-position:-142px -270px}
.issue_banner_wp > span.news_nav_right {right: 0; background-position:-173px -270px}
.issue_banner_news li {height:139px; margin-left:11px}
.issue_banner_news li a {display: block; position: relative}
.issue_banner_news li .tit {display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 21; padding:0 20px 17px; color: #fff; font-weight: 300; font-size: 1.6rem}
.issue_banner_news li .thumimg {display: flex; display: -ms-flexbox; display: -moz-flex; display:-webkit-flex; align-items:center; -ms-flex-align: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content:center;overflow: hidden; position: relative; width: 100%; height: 139px}
.issue_banner_news li .thumimg:after {content: ''; background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0}
.issue_banner_news li.slick-current a:after {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 22; border:2px solid #e60517; box-sizing: border-box; -webkit-box-sizing:border-box}

/* id_stock_data_tbl */
.stock_tbl {table-layout:fixed; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.stock_tbl+.stock_tbl {margin-top:-1px; border-top:none}
.stock_tbl thead tr th,
.stock_tbl tbody tr th  {padding:15px 20px; background-color:#f5f5f5; font-size:14px; font-weight:400; letter-spacing:-1px; text-align:center; vertical-align: middle}
.stock_tbl thead tr th.inlineW { vertical-align: middle; padding: 15px}
.stock_tbl thead tr.nonebg th{background:none}
.stock_tbl thead tr+tr th {border-top:1px solid#e5e5e5}
.stock_tbl thead tr th .stock_price.txtnm {color:#24282b}
.stock_tbl tbody tr th {padding:13px 20px; border-top:1px solid #e5e5e5; text-align:left}
.stock_tbl tbody tr:first-child th {border-top:none}
.stock_tbl tbody tr td {padding:13px 15px; border-top:1px solid #e5e5e5; font-size:13px; letter-spacing:-.5px;  text-align:center; }
.stock_tbl tbody tr td span {display:inline-block; vertical-align:middle}
.stock_tbl tbody tr td span.stock_price {font-family: Helvetica, AppleSDGothicNeo-Regular, "Malgun Gothic", "¸¼Àº °íµñ", Dotum, µ¸¿ò, sans-serif; font-size: 14px;white-space:nowrap}
.stock_tbl tbody tr td dl {display:table; width:100%}
.stock_tbl tbody tr td dl dt {display:table-cell; text-align:left}
.stock_tbl tbody tr td dl dd {display:table-cell; text-align:right}
.stock_tbl tbody tr td.vmiddle {padding:13px 15px; vertical-align:middle} 
.stock_tbl.bdtype thead tr th,
.stock_tbl.bdtype tbody tr td {border-right:1px solid #e5e5e5}
.stock_tbl.bdtype thead tr th:last-child,
.stock_tbl.bdtype tbody tr td:last-child,
.stock_tbl.bdtype thead tr th.brnone,
.stock_tbl.bdtype tbody tr td.brnone {border-right:none}
.stock_tbl.narrow_h thead tr th {padding:15px 15px}
.stock_tbl.narrow_h tbody tr td {padding:13px 10px}
.stock_tbl.narrow_v thead tr th {padding:10px 20px}
.stock_tbl.narrow_v tbody tr td {padding:10px 15px}
.stock_tbl.pwnarrow_h thead tr th {padding:15px 0}
.stock_tbl.pwnarrow_h tbody tr td {padding:13px 5px}

/* 180503 */
.stock_tbl.new0503 td:last-child, 
.stock_tbl.new0503 th:last-child{
    text-align:center;
}

.stock_tbl.new0503 tr:first-child th:nth-child(2){
    text-align:center
}

.btn.btn_type2.apply{
    background:#a00000;
    padding:10px 15px
}

.stock_tbl.new0503 tr:nth-child(2) td:last-child a, 
.stock_tbl.new0503 tr:last-child td:last-child a
{
    color:#a00000;
    font-weight:bold;
}


.boxtype003{
    padding:30px;
    border:1px solid #e9e9e9;
    margin-top:20px;
    background:#fbfbfb
}
.boxtype003 .boxtype_title{
    font-weight:600;
    padding-bottom:15px;
    font-size:16px;
    border-bottom:1px solid #e9e9e9;
    margin-bottom:20px;
}

.id_stock_data_tbl .align_l {text-align:left}
.id_stock_data_tbl .align_r {text-align:right}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_price {margin-right:0; padding-right:0}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_price:before {background:none}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_up.stock_price { color:#e60012}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_up.stock_price .ico {background-position: -16px -101px}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_up.stock_price .ico.limit_up {background-position: -18px -136px; width: 7px; height: 14px; margin: 3px 3px 0 0}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_dn.stock_price { color:#198aea}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_dn.stock_price .ico {background-position: -44px -101px}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_dn.stock_price .ico.limit_up {background-position: -44px -136px; width: 7px; height: 14px; margin: 3px 3px 0 0}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_nm.stock_price {color:#24282b}
.id_stock_data_tbl .arti_tit_wp .infodata .stock_nm.stock_price .ico {background-position:-69px -101px}
.id_stock_data_tbl .stock_up .stock_price .ico.limit_up {background-position:-16px -238px}
.id_stock_data_tbl .stock_dn .stock_price .ico.limit_dn {background-position:-44px -238px}
.id_stock_data_tbl .infograph {display:table; width:100%}
.id_stock_data_tbl .infograph span.stock_price {display:table-cell; vertical-align:middle}
.id_stock_data_tbl .infograph span:first-child.stock_price {position:relative; height:37px; padding:0 30px 0 50px;font-size:36px; line-height:38px}
.id_stock_data_tbl .icobg {width: 40px;height: 32px; color: transparent;background: url(/resources/images/icon/default_icon.png) no-repeat;display: inline-block;vertical-align: top;overflow: hidden;position: absolute;left: 0;
    top: 5px}
.id_stock_data_tbl .stock_up .icobg {background-position: -92px -100px}
.id_stock_data_tbl .stock_nm .icobg {top:0; background-position: -452px -113px}
.id_stock_data_tbl .stock_dn .icobg {background-position: -155px -103px}
.id_stock_data_tbl .stock_effect_graph .ico {display:block; width:24px; height:24px; background: url(/resources/images/icon/default_icon.png) no-repeat -227px -183px}
.id_stock_data_tbl .txtgray {color:#bebebe !important; font-style:normal; font-size:13px}
.id_stock_data_tbl .description{overflow:hidden; padding:10px 0; font-size:1.3rem; font-weight:300; color:#959697}
.id_stock_data_tbl .description .fl {float:left}
.id_stock_data_tbl .description .fr {float:right}
.id_stock_data_tbl .datepicker_wp {position:relative; padding:10px 0; text-align:cenbdtypeer}
.id_stock_data_tbl .datepicker_wp input.input_date {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; height:31px; padding:0; margin-left:80px; border:none; line-height:31px; color:#e70e1f; text-align:center}
.id_stock_data_tbl .datepicker_wp button {display:inline-block; position:relative; float:left; height:31px; border:0; background:none; cursor:pointer}
.id_stock_data_tbl .datepicker_wp .btn_prev:before,
.id_stock_data_tbl .datepicker_wp .btn_next:after {content: ""; display: inline-block;width:31px;height:31px;
    background: url(/resources/images/icon/default_icon.png) no-repeat;vertical-align:middle}
.id_stock_data_tbl .datepicker_wp .btn_prev:before {margin-right:5px; background-position:-16px -180px}
.id_stock_data_tbl .datepicker_wp .btn_next {float:right}
.id_stock_data_tbl .datepicker_wp .btn_next:after {margin-left:5px; background-position:-46px -180px}

.graphtype .stock_tbl_wp {float:left; width:52%}
.graphtype .stock_tbl_wp .stock_tbl thead tr th,
.graphtype .stock_tbl_wp .stock_tbl tbody tr td {height:48px;box-sizing:border-box; padding: 13px 10px;}
.graphtype .stock_tbl_wp .stock_tbl tbody tr.current td:last-child {position:relative}
.graphtype .stock_tbl_wp .stock_tbl tbody tr.current td:last-child:after {content:""; display:block; width:18px; height:49px; position:absolute; right:-16px; top:-1px; z-index:1; background:url(/resources/images/icon/default_icon.png) no-repeat -785px -316px}
.graphtype .graph_area {float:left; width:48%; margin-left:-2px; border:1px solid #e5e5e5; background-color:#faf9f6; text-align:center; vertical-align:middle}
.graphtype .graph_area > ul {position:relative}
.graphtype .graph_area > ul > li {display:none; margin:0 auto}
.graph_tab_area {position:relative}
.graph_tab_area .tab_btn_con {position:absolute; right:0; top:-1px; z-index:1}
.graph_tab_area .tab_btn_con ul li {width:62px}
.graph_tab_area .tab_btn_con ul li a {
	display:block; 
	height:48px; 
	padding:0 12px 0 12px; 
	border-top:1px solid #e5e5e5; 
	border-left:1px solid #e5e5e5; 
	background-color:#fff;
	line-height:50px; 
	text-align:left;
	font-size: 13px;
	letter-spacing: -1px;
}
.graph_tab_area .tab_btn_con ul li.on a {background-color:#faf9f6; border-left:none}
.graph_tab_area .tab_content_wrap {padding-right:62px}
.graph_tab_area .tab_content_wrap .tab_contents {min-height:195px}
.graph_tab_area .tab_content_wrap .tab_contents:before {display:inline-block;min-height:195px;vertical-align:middle;content:''}
.graph_tab_area .tab_content_wrap .tab_contents img {display:inline-block;max-width:98%;vertical-align:middle;content:''}

.wide_graph_type {height:220px; padding:20px 0 20px 20px; border:1px solid #e5e5e5; background-color:#faf9f6; }
.wide_graph_type .graph_tab_area .tab_btn_con {position:absolute; right:0; top:-21px;z-index:1}
.wide_graph_type .graph_tab_area .tab_btn_con ul li a {height:64px; line-height:64px}
.wide_graph_type .graph_tab_area .tab_content_wrap {left:0}
.tab_nm .wide_graph_type .graph_tab_area .tab_btn_con {border-bottom:0}
.tab_nm .wide_graph_type .graph_tab_area .tab_btn_con ul li a {float:none; border-right:0}
.graph_box {padding:50px 0; border:1px solid #e5e5e5; background-color:#faf9f6; text-align:center}
.graph_box .fl {float:none !important}
.graph_box rect{stroke:none}

.stock_search_wp {position:relative; height:53px; margin-bottom:20px;border:1px solid #e5e5e5; background:#fff; }
.stock_search_wp label {position:absolute; left:14px; top:18px; z-index:1}
.stock_search_wp input {position:absolute; left:0; top:0; width:608px; padding:17px 14px 14px 75px; border:none; text-align:right; background:none}
.stock_search_wp button {display:inline-block; position:absolute; right:0; top:0; width:32px; height:53px; padding-right:14px; border:none; background:none; cursor:pointer; font-size:0}
.stock_search_wp button:before {content:""; display:inline-block; position:absolute; right:44px; top:18px; width:1px; height:17px; background-color:#dcdcdc}
.stock_search_wp button:after {content:""; display:inline-block; position:absolute; right:20px; top:18px; width:17px; height:18px; background:url(/resources/images/icon/default_icon.png) no-repeat -140px -4px}

.id_versus_wp .stock_search_wp {float:left; width:339px; height:55px; margin-bottom:0; padding:0 46px 0 80px; box-sizing:border-box}
.id_versus_wp .stock_search_wp:first-child {border-right:0}
.id_versus_wp .stock_search_wp:last-child {border-left:0}
.id_versus_wp .stock_search_wp input {position:static; width:100%; height:53px; padding:11px 5px 10px 0; box-sizing: border-box}
.id_versus_wp .vs {display:block; float:left; width:59px; height:53px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#faf9f6; font-size:20px; line-height:53px; font-weight:800; text-align:center}

/* id_stock_global_map */
.worldmap {position:relative; width:739px; height:495px; background:url(../images/contents/img_stock_global_map.png) no-repeat 0 0}
.worldmap .map > div {position:absolute}
.worldmap .map > div > a {display:block; height:15px; font-size:14px; line-height:15px}
.worldmap .map > div > a:hover .stock_price {text-decoration:underline}
.worldmap .map > div > a * {display:inline-block; vertical-align:middle}
.worldmap .map > div > a br+span {margin-left:27px}

.worldmap .map > div.ko {left:319px; top:141px}
.worldmap .map > div.cn {left:307px; top:109px}
.worldmap .map > div.hk {left:267px; top:170px}
.worldmap .map > div.id {left:239px; top:241px}
.worldmap .map > div.th {left:217px; top:201px}
.worldmap .map > div.tw {left:315px; top:191px}

.worldmap .map > div.jp {left:337px; top:160px}
.worldmap .map > div.sg {left:273px; top:220px}
.worldmap .map > div.ru {left:259px; top:67px} 
.worldmap .map > div.us {left:546px; top:134px}
.worldmap .map > div.cs {left:478px; top:84px} 
.worldmap .map > div.mx {left:621px; top:234px}

.worldmap .map > div.br {left:663px; top:268px}
.worldmap .map > div.uk {left:88px; top:100px} 
.worldmap .map > div.de {left:175px; top:90px} 
.worldmap .map > div.fr {left:114px; top:126px}
.worldmap .map > div.nz {left:353px; top:268px}
.worldmap .map > div.au {left:306px; top:293px}

.worldmap .legend {position:absolute; left:0; bottom:0; padding:30px 0 30px 30px}
.worldmap .legend ul {overflow:hidden; margin-top:13px}
.worldmap .legend ul:first-child {margin-top:0}
.worldmap .legend ul li {display:block; float:left; width:122px; font-size:14px}
.worldmap .legend ul li:last-child {width:97px}
.worldmap .legend ul li .nflag {margin-right:10px}

.nflag {display:inline-block; width:23px; height:15px; background:url(/resources/images/icon/default_icon.png) no-repeat 0 0; font-size:0}
.nflag.ko {background-position:-30px -820px}
.nflag.cn {background-position:-82px -820px}
.nflag.hk {background-position:-135px -820px}
.nflag.id {background-position:-187px -820px}
.nflag.th {background-position:-240px -820px}
.nflag.tw {background-position:-294px -820px}

.nflag.jp {background-position:-30px -847px}
.nflag.sg {background-position:-82px -847px}
.nflag.ru {background-position:-135px -847px}
.nflag.us {background-position:-187px -847px}
.nflag.cs {background-position:-240px -847px}
.nflag.mx {background-position:-294px -847px}

.nflag.br {background-position:-30px -875px}
.nflag.uk {background-position:-82px -875px}
.nflag.de {background-position:-135px -875px}
.nflag.fr {background-position:-187px -875px; float: none !important}
.nflag.nz {background-position:-240px -875px}
.nflag.au {background-position:-294px -875px}

/* id_stock_versus_result */
.id_stock_versus_result .stock_info_box, .stock_dt_box .stock_info_box {overflow:hidden; padding:30px; border:1px solid #e5e5e5; background-color:#faf9f6}
.id_stock_versus_result .price_wp01,
.id_stock_versus_result .price_wp02,
.id_stock_versus_result .chart_wp {float:left; display:inline-block; height:120px}
.id_stock_versus_result .price_wp01 {width:135px}
.id_stock_versus_result .price_wp02 {width:87px}
.id_stock_versus_result .chart_wp {width:75px; text-align:center}
.id_stock_versus_result .price_wp01 .stock_price {display:block; padding:3px 0; border-bottom:1px solid #e5e5e5; font-size:14px; letter-spacing:-.5px; text-align:right}
.id_stock_versus_result .price_wp01 .stock_price:first-child, 
.stock_dt_box .stock_info_box .txtcon .stock_price:first-child {font-size:36px; padding-top:0; font-weight:600; line-height:46px; text-align:left}
.id_stock_versus_result .price_wp01 .txtbk,
.stock_dt_box .stock_info_box .txtcon .txtbk {color:#252729}
.id_stock_versus_result .price_wp02 dl {overflow:hidden; width:100%; border-bottom:1px solid #e5e5e5}
.id_stock_versus_result .price_wp02 dl:first-child dt,
.id_stock_versus_result .price_wp02 dl:first-child dd {padding-top:0}
.id_stock_versus_result .price_wp02 dl dt,
.id_stock_versus_result .price_wp02 dl dd {float:left; display:inline-block; padding:4px 0; font-size:14px}
.id_stock_versus_result .price_wp02 dl dt {clear:both; margin-right:10px}
.id_stock_versus_result .inner_box_wp {clear:both; float:none; display:table; position:relative; width:100%;border-spacing:14px; border:1px solid #e5e5e5; background-color:#fff}
.id_stock_versus_result .inner_box_wp:after {content:""; display:block; position:absolute; left:50%; top:14px; width:1px; height:17px; background-color:#dcdcdc}
.id_stock_versus_result .inner_box_wp dl {display:table-cell}
.id_stock_versus_result .inner_box_wp dl dt,
.id_stock_versus_result .inner_box_wp dl dd {display:inline-block}
.id_stock_versus_result .inner_box_wp dl:last-child dt {margin-left:40px}
.id_stock_versus_result .graph_box {margin-top:-1px; width:auto; padding:25px 30px}
.id_stock_versus_result .no_result p {font-size:14px; text-align:left}
.stock_dt_box .stock_info_box {border-bottom:none}
.stock_dt_box .stock_info_box .stock_info {width:auto; margin:0; padding:0; border:none}
.stock_dt_box .stock_info_box .txtcon .stock_price {margin-right:15px}
.stock_dt_box .stock_info_box .txtcon .stock_price:first-child {display:block; margin-bottom:10px}
.stock_dt_box .stock_info_box .icobg {right:0; top:50%; width:71px; height:61px; margin-top:-32px}
.stock_dt_box .stock_info_box .stock_up .icobg {background-position:-259px -455px}
.stock_dt_box .stock_info_box .stock_dn .icobg {background-position:-388px -455px}
.stock_dt_box .stock_info_box .stock_nm .icobg {margin-top:-5px; background-position:-520px -482px}
.stock_dt_box.flowtype .stock_info_box {margin-bottom:20px; border-bottom:1px solid #e5e5e5}
.stock_dt_box.flowtype .stock_info_box .stock_info .tit {display:inline-block; height:60px; margin-right:30px; padding-right:30px; border-right:1px solid #e5e5e5; vertical-align:middle; font-size:18px; line-height:60px}
.stock_dt_box.flowtype .stock_info_box .stock_info .txtcon {display:inline-block; vertical-align:top}
.stock_dt_box.flowtype .stock_info_box .stock_info .txtcon .stock_price:first-child {margin-bottom:0}
.stock_dt_box.flowtype .stock_info_box .stock_info .icobg {position:static; display:inline-block; margin-top:0; vertical-align:middle}
.stock_dt_box.flowtype .stock_info_box .stock_info .stock_nm .icobg {height:20px;margin-top:40px}

/* stock solution & introduce */
.article_fullwide_sec.id_introduce {position:relative; height:428px; margin-bottom:50px}
.article_fullwide_sec.id_introduce:before {content:""; display:block; width:100%; height:278px; position:absolute; left:0; right:0; bottom:0; background:#f0f0f0 url(../images/stock/bg_edaily_keyvisual.png) no-repeat 50% 100%}
.id_introduce .hgroup {margin:0}
.id_introduce .hgroup .info_area.box_type {height:255px; margin-top:0; margin-bottom:50px; padding-bottom:0}
.id_introduce .hgroup .info_area.box_type .label {position:absolute; left:30px; top:30px; z-index:2}
.id_introduce .hgroup .info_area.box_type .txt {top:55px; font-size:36px; line-height:46px}
.id_introduce .hgroup .info_area.box_type .btn_wrap {position:relative; z-index:2; margin-top:80px; padding:0; border:none}
.id_introduce .hgroup .info_area.box_type .txt_list {position:relative; z-index:2; top:80px; display:table; width:100%}
.id_introduce .hgroup .info_area.box_type .txt_list li {display:table-cell; position:relative; text-align:center; color:#fff}
.id_introduce .hgroup .info_area.box_type .txt_list li:before {content:""; display:block; position:absolute; left:0; top:0; z-index:3; width:1px; height:100%; background-color:#fff; opacity:.2}
.id_introduce .hgroup .info_area.box_type .txt_list li:first-child:before {display:none}
.id_introduce .hgroup_vm .info_area.box_type .txt{top:50%;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
a.btn {
	min-width:87px; 
	height:48px; 
	padding:0 20px; 
	color:#fff; 
	line-height:47px; 
	text-align:center; 
	width: inherit;
}
.id_introduce .btn {
	min-width:87px; 
	height:48px; 
	padding:0 20px; 
	color:#fff; 
	line-height:47px; 
	text-align:center;
	width: auto;
}
.id_introduce .btn .ico_blank{width:15px;height:15px;margin:-1px 6px 1px 0;background-position:-675px -574px;vertical-align:middle}
.id_introduce button.btn {cursor:pointer}
.id_introduce a.btn {display:inline-block; }
.id_introduce .btn_type1 {height:46px; border:1px solid #000; background-color:#fff; line-height:45px; color:#222}
.id_introduce .btn_type2 {background-color:#e60012}
.id_introduce .btn_type3 {background-color:#5b5b5b}
.id_introduce .btn_type4 {background-color:#24282b}
.id_introduce .btn_type5 {height:38px !important; background-color:transparent; border:2px solid #e5e5e5; -moz- border-radius:4px; -webkit- border-radius:4px; border-radius:4px; font-size:14px; line-height:38px !important}
.id_introduce .btn.apply:before {content:''; display:inline-block; width:15px; height:15px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -362px -392px; vertical-align:middle} 
.id_introduce .btn.email:before {content:''; display:inline-block; width:16px; height:14px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -410px -392px; vertical-align:middle} 
.id_introduce .btn.home:before {content:''; display:inline-block; width:15px; height:14px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -455px -392px; vertical-align:middle} 
.btn_appdown {display:inline-block; margin:0 2px}
.id_introduce .btn.apply2:before {content:''; display:inline-block; width:18px; height:14px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -492px -392px; vertical-align:middle}
.btn_appdown {display:inline-block; margin:0 2px}
.id_introduce .btn.appstore:before {content:''; display:inline-block; width:14px; height:18px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -573px -392px; vertical-align:middle}
.id_introduce .btn.googleplay:before {content:''; display:inline-block; width:15px; height:18px; margin-right:10px; background:url('/resources/images/icon/default_icon.png') no-repeat -612px -392px; vertical-align:middle}
.btn_appdown {display:inline-block; margin:0 2px}
.id_introduce .stock_tbl td .btn {height:33px; padding:0 9px;border-radius:5px; border:1px solid #e5e5e5; line-height:33px}
.id_introduce .stock_tbl td .btn.apply:before {margin-right:4px; background-position:-535px -392px} 

.id_introduce+.id_introduce {margin-top:10px}
.id_introduce .label {display:block; position:relative}      
.id_introduce .label strong {display:inline-block; padding:4px 11px 4px 8px; border-top-left-radius: 4px; border-top-right-radius: 13px; border-bottom-right-radius: 13px; border-bottom-left-radius: 4px; font-weight:normal;font-size:13px; color:#fff; line-height:18px}
.id_introduce .label.tit_type {margin:20px 0}
.id_introduce .label.tit_type:after {content:""; display:block; width:100%; height:1px; position:absolute; left:0; right:0; top:50%; background-color:#e5e5e5}
.id_introduce .label.tit_type strong {position:relative; z-index:1; padding:10px 15px 10px 10px; border-top-left-radius: 4px; border-top-right-radius: 19px; border-bottom-right-radius: 19px; border-bottom-left-radius: 4px; font-size:14px}

.id_introduce .label.skyblue strong {background-color:#009dff}
.id_introduce .label.pink strong {background-color:#eb6ee8}
.id_introduce .label.orange strong {background-color:#f06825}
.id_introduce .label.blue strong {background-color:#005f9c}
.id_introduce .label.beige strong {background-color:#b18245}
.id_introduce .label.yellow strong {background-color:#f7a300}
.id_introduce .label.red strong {background-color:#f01832}
.id_introduce .label.carolinablue strong {background-color:#557184}
.id_introduce .label.trueblue strong {background-color:#17b5c7}
.id_introduce .label.green strong {background-color:#65ac50}

.id_introduce .text_info dl.stackin_ment dt{line-height:2.2em;font-weight:normal;font-size:18px}
.id_introduce .text_info{margin:80px 0}
.id_introduce .text_info dl.stackin_ment{margin: -20px 0 -30px 0;}
.id_introduce .text_info dl {margin-bottom:50px;text-align:center}
.id_introduce .text_info dl dt {margin-bottom:10px;color:#333;font-weight:bold; font-size:17px}
.id_introduce .text_info dl dd {font-size:14px}
.id_introduce .text_info.flow_type dl {overflow:hidden; margin-bottom:0}
.id_introduce .text_info.flow_type dl dt,
.id_introduce .text_info.flow_type dl dd {float:left}
.id_introduce .text_info.align_c {margin-bottom:30px; text-align:center}
.id_introduce .text_info.align_c p {line-height:24px}
.id_introduce .info_txt {line-height:24px}
.id_introduce .txt_pink {color:#eb6ee8; font-style:normal}
.id_introduce .txt_blue {color:#005f9c; font-style:normal}
.id_introduce .txt_beige {color:#b18245; font-style:normal; font-weight:600}
.id_introduce .txt_yellow {color:#f7a300; font-style:normal; font-weight:600}
.id_introduce .txt_red {color:#f01832; font-style:normal; font-weight:600}
.id_introduce .txt_carolinablue {color:#557184; font-style:normal; font-weight:600}
.id_introduce .btn_wrap {width:100%; margin:20px 0 0; padding-top:20px; overflow:hidden; border-top:1px solid #e5e5e5; text-align:center}
.id_introduce .btn_wrap.bdnone {border:none; padding:0}
.id_introduce .stock_tbl .txt{margin:20px 0 7px}
.id_introduce .stock_tbl .txt:first-child{margin-top:0}

.dot_list li {position:relative; margin-top:5px; padding-left:10px}
.dot_list li:first-child {margin-top:0}
.dot_list li:before {content:""; display:inline-block; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#222}
.dot_list.flow_type {overflow:hidden}
.dot_list.flow_type li {float:left; width:359px}
.ordered_list li {line-height:24px}
.ordered_list.type2>li {margin-top:28px}
.depth2_list{margin-left:20px}
.depth2_list li{position:relative;padding-left:10px}
.depth2_list li .split{position:absolute;top:0;left:0}

.red_dot_list li {position:relative; margin-top:5px; padding-left:10px}
.red_dot_list li:first-child {margin-top:0}
.red_dot_list li:before {content:""; display:inline-block; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#e60012}
.red_dot_list li dt {font-weight:600}
.red_dot_list.flow_type {overflow:hidden;margin-top:20px; padding-top:30px;border-top:1px solid #e5e5e5}
.red_dot_list.flow_type li {float:left; width:530px; margin-bottom:25px}

.id_introduce .definition_info_hor {overflow:hidden; width:714px; margin:0 auto; text-align:center}
.id_introduce .definition_info_hor > div {float:left; margin-left:30px}
.id_introduce .definition_info_hor > div.clear {clear:both; margin-left:0}
.id_introduce .definition_info_hor > div:nth-child(1),
.id_introduce .definition_info_hor > div:nth-child(4) {margin-left:0}
.id_introduce .definition_info_hor > div dl dt {margin:15px 0; font-weight:600; font-size:14px}
.id_introduce .definition_info_hor > div dl dd {margin-bottom:30px; font-size:14px;letter-spacing:-1.5px}
.id_introduce .definition_info_hor.col_4 {display:table; width:100%;padding-top:40px; border-top:1px solid #e5e5e5}
.id_introduce .definition_info_hor.col_4 > div {float:none; display:table-cell}

.infobox {position:relative; width:679px; height:195px; padding:30px}      
.solution01 {background:url(../images/stock/bg_stock_solution01.png) no-repeat 0 0}
.solution02 {background:url(../images/stock/bg_stock_solution02.png) no-repeat 0 0}
.solution03 {background:url(../images/stock/bg_stock_solution03.png) no-repeat 0 0}
.solution04 {background:url(../images/stock/bg_stock_solution04.png) no-repeat 0 0}
.solution05 {background:url(../images/stock/bg_stock_solution05.png) no-repeat 0 0}
.solution06 {background:url(../images/stock/bg_stock_solution06.png) no-repeat 0 0}
.solution07 {background:url(../images/stock/bg_stock_solution07.png) no-repeat 0 0}
.solution08 {background:url(../images/stock/bg_stock_solution08.png) no-repeat 0 0}
.solution09 {background:url(../images/stock/bg_stock_solution09.png) no-repeat 0 0}
.infobox .tit {display:block; margin:20px 0; font-size:18px; font-weight:normal; color:#fff}
.infobox .dot_list li {color:#fff}
.infobox .dot_list li:before {background-color:#fff; font-size:13px}
.infobox .btn_go {display:block; position:absolute; right:26px; bottom:30px; font-size:13px; color:#fff}       
.marketin .info_txt * {text-align:center; letter-spacing:-1px}
.marketin .info_txt p {margin-bottom:30px}
.marketin .info_txt .strong {display:block; padding:20px 0; font-size:36px; line-height:48px}
.marketin .text_info.flow_type {overflow:hidden; margin-bottom:50px}
.marketin .text_info.flow_type .fl {float:left; margin-right:30px}
.marketin .text_info.flow_type .fr {float:right}
.marketin .text_info.flow_type .dot_list {width:398px}

/* id_slide_thumb_gallist */
.id_slide_thumb_gallist {position:relative; width:739px; padding: 20px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.id_slide_thumb_gallist .arti_tit_wp {float: left; width: 136px}
.id_slide_thumb_gallist .arti_tit_wp h2 {position: relative; width: auto; padding: 0 0 20px 35px}
.id_slide_thumb_gallist .arti_tit_wp h2:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 102px;height: 36px;background: url('/resources/images/icon/default_icon.png') no-repeat -80px -553px}
.id_slide_thumb_gallist .arti_box_con {padding-left: 136px}
.id_slide_thumb_gallist .ui_btm_nav_cnt {position: absolute; left: 0; bottom: 20px; width: 130px}
.id_slide_thumb_gallist .ui_btm_nav_cnt .right_utils {left:0; right:initial; top:0}
.id_slide_thumb_gallist .ui_btm_nav_cnt .nav_left,
.id_slide_thumb_gallist .ui_btm_nav_cnt  .nav_right,
.id_slide_thumb_gallist .ui_btm_nav_cnt  .infonum {display: inline-block; vertical-align: middle}
.id_slide_thumb_gallist .ui_btm_nav_cnt  .nav_right {margin:0 8px 0 -4px}
.id_slide_thumb_gallist .ui_btm_nav_cnt .right_utils a:last-child {margin:0}
.id_slide_thumb_gallist .arti_box_con .slide_con_wp {padding:0; border:0}
.id_slide_thumb_gallist .slide_con_wp ul.slide_con li .vnews_tit {display:block; bottom:15px; height: 40px; padding:0 20px; line-height: 22px; text-overflow:initial}
.id_slide_thumb_gallist .slide_con_wp ul.slide_con.gal_sqaure_thum li .thumimg {width: 201px; height: 117px}

/* Tab */
.tab_nm .tab_btn {position:relative; margin-bottom:30px; border-bottom:1px solid #e5e5e5}
.tab_nm .tab_btn:after {content:""; display:block; clear:both; height:0;visibility:hidden}
.tab_nm .tab_btn ul li a {position:relative; display:block; float:left; padding:15px 30px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5}
.tab_nm .tab_btn ul li:first-child a {border-left:1px solid #e5e5e5; font-size:15px}
.tab_nm .tab_btn ul li.on a {color:#d51120}
.tab_nm .tab_btn ul li.on a:after {content:""; display:block; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background-color:#d51120}

.id_slide_thumb .arti_box_con {position:relative}
.id_slide_thumb .arti_box_con .slide_con_wp {/* height: 117px; */border-top:0; border-bottom:0; padding:0}
.id_slide_thumb .slide_con_wp ul.slide_con.gal_sqaure_thum li .thumimg {width:145px; height:145px;}
.id_slide_thumb .slide_con_wp ul.slide_con li .vnews_tit {height:auto; line-height:22px; -webkit-line-clamp:initial}
.id_slide_thumb .slick-slide {margin-right:10px;}
.id_slide_thumb .ui_btm_nav_cnt .right_utils {position: relative}
.id_slide_thumb .nav_left {display: block; position: absolute; left: -35px; top: -85px; z-index: 2}
.id_slide_thumb .nav_right {display: block; position: absolute; right: -35px; top: -85px; z-index: 2}
.id_slide_thumb .btnImg.btn-slide-left:after {background-position: -142px -270px}
.id_slide_thumb .btnImg.btn-slide-right:after {background-position: -173px -270px}

.artical_full_recent_news{margin-top:-1px}
.artical_full_recent_news.main_layout_component {position: relative;}
.artical_full_recent_news.main_layout_component:before {
	content: '';
	width: 100%;
	height:3px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom:-10px;
	z-index: 8;
}

.artical_full_recent_news .widget_container{margin-top:-1px}

.article_special {position:relative;margin:20px 0 20px; overflow:hidden;}
.article_special:before {content:"";display:block; position:absolute; right:50%; top:0; z-index:1; width:100%; height:733px; margin-right:-273px;background:#666 url('../images/layout/bg_special_news_wide01.jpg') no-repeat 100% 0}
.article_special#tab0:before {background:#666 url(../images/layout/bg_special_news_wide01.jpg) no-repeat 100% 0}
.article_special#tab1:before {background:#666 url(../images/layout/bg_special_news_wide02.jpg) no-repeat 100% 0}
.article_special#tab2:before {background:#666 url(../images/layout/bg_special_news_wide03.jpg) no-repeat 100% 0}
.article_special#tab3:before {background:#666 url(../images/layout/bg_special_news_wide04.jpg) no-repeat 100% 0}
/*#specialBg.car:before {
	content:"";
	display:block; 
	position:absolute; 
	right:50%; 
	top:0; 
	z-index:1; 
	width:100%; 
	height:733px; 
	margin-right:-275px;	
}
#specialBg.car:before {background:#666 url('../images/layout/bg_special_news_wide01.jpg') no-repeat 100% 0;}
#specialBg.beauty:before {background:#666 url('../images/layout/bg_special_news_wide02.jpg') no-repeat 100% 0;}
#specialBg.golf:before {background:#666 url('../images/layout/bg_special_news_wide03.jpg') no-repeat 100% 0;}*/


@media only screen and (max-width: 1079px) {
.article_special:before{display:none}
.article_special .arti_left_sec{background:url(../images/layout/bg_special_news_wide01.jpg) no-repeat 100% 0}
.article_special#tab0 .arti_left_sec{background:url(../images/layout/bg_special_news_wide01.jpg) no-repeat 100% 0}
.article_special#tab1 .arti_left_sec{background:url(../images/layout/bg_special_news_wide02.jpg) no-repeat 100% 0}
.article_special#tab2 .arti_left_sec{background:url(../images/layout/bg_special_news_wide03.jpg) no-repeat 100% 0}
.article_special#tab3 .arti_left_sec{background:url(../images/layout/bg_special_news_wide04.jpg) no-repeat 100% 0}
}

.id_special_news {margin-bottom:0; padding:40px 0; position:relative; z-index:2}
.id_special_news .ui_btm_nav_cnt {position: absolute; top: 41px; right: 0; width: 150px}
.id_special_news .ui_btm_nav_cnt .right_utils .infonum {margin-right:5px; color: #8b8989}
.id_special_news .ui_btm_nav_cnt .right_utils .infonum strong.current {color:#fff}
.id_special_news .btnImg.btn-slide-left:after {border:1px solid #858585; background-position: -83px -268px; box-sizing:border-box; -webkit-box-sizing:border-box}
.id_special_news .btnImg.btn-slide-right:after {border:1px solid #858585; background-position: -111px -268px; box-sizing:border-box; -webkit-box-sizing:border-box}
.id_special_news .tab_btn_con {
    display: inline-block;
    margin-bottom:10px;
    border:1px solid #7c7c7d;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 25px;
    -moz-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.id_special_news .tab_btn_con:after {content: ''; display: block; clear: both}
.id_special_news .tab_btn_con li {float: left; position: relative; margin: -1px; z-index: 1}
.id_special_news .tab_btn_con li:last-child a {padding:0 32px 0 20px}
.id_special_news .tab_btn_con li a {display:block; height:46px; padding:0 20px; color: #fff; font-size:16px; line-height: 44px}
.id_special_news .tab_btn_con li a span {font-family: 'Georgia'; font-style: italic}
.id_special_news .tab_btn_con li.on {
    border-color: #e70e1f; 
    background: #e70e1f;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 25px;
    -moz-border-bottom-right-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.id_special_news .news_list li.head_news {width:100%; height:336px; margin-bottom:10px; overflow: hidden}
.id_special_news .news_list li.head_news .thumb_visual {float: left; width: 578px}
.id_special_news .news_list li.head_news .thumb_visual a {display: block; overflow: hidden; position: relative; width: 578px; height: 336px}
.id_special_news .head_news .thumb_visual .thumb_img {overflow: hidden;width: 578px; height: 366px}
.id_special_news .news_list li.head_news .thumb_visual .thumb_img img {width: 100%}
.id_special_news .news_list li.head_news .data_txt {height:336px; padding:21px 29px 30px 603px; background:#fff; box-sizing:border-box}
.id_special_news .news_list li.head_news .data_txt strong {display:block; position:relative; padding-bottom:13px; font-size:22px; line-height:28px}
.id_special_news .news_list li.head_news .data_txt strong:after {content:""; display:block; position:absolute; left:0; bottom:0; width:30px; height:1px; background-color:#e70e1f}
.id_special_news .news_list li.head_news .data_txt p {margin-top:16px; font-size:14px; line-height:20px;word-wrap: break-word; overflow: hidden; height: 100px}
.id_special_news .news_list li.head_news .data_txt .date {display:block; margin-top:14px; font-size:12px; color:#999 }
.id_special_news .label { 
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 22;
    width: auto;
    height: 26px;
    padding:0 11px 0 9px;
    background:#24282b;
    color: #fff;
    font-size: 1.4rem;
    line-height: 23px;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:20px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:20px;
    border-top-left-radius:5px;
    border-top-right-radius:20px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:20px;
}
.id_special_news .news_list {overflow: hidden; margin-left:-10px}
.id_special_news .news_list li {float: left; width: 191px; height: 246px; margin-left:10px; overflow: hidden; position: relative}
.id_special_news .news_list li:nth-child(5n) {width:192px}
.id_special_news .news_list li .thumimg {display:flex; display:-webkit-flex; align-items: flex-start; -webkit-align-items:flex-start; -moz-align-items:flex-start; justify-content: center; -webkit-justify-content:center; -moz-justify-content:center; width: 192px; position: relative}
.id_special_news .news_list li dl {
    display: block;    
    height: 94px;
    padding:20px;
    background: #fff;
}
.id_special_news .news_list li dl dt {
    word-wrap: break-word; 
    font-size: 15px; 
    line-height: 22px; 
    overflow: hidden; 
    font-weight: 300;     
    white-space: normal;
    width: 100%;
    height: 65px;  
}
.id_special_news .news_list li dl dd {margin-top:15px; font-weight: 300; overflow: hidden; font-size: 12px; color:#999}
.id_special_news .news_list li .thumb_up dl dt {color: #222222; }
.id_special_news .news_list li .thumb_in dl {background: none}
.id_special_news .news_list li .thumb_in dl dt, .id_special_news .news_list li.thumb_in dl dd {color: #fff}
.id_special_news .news_list li .thumb_up .thumimg {height: 112px; overflow: hidden}
.id_special_news .news_list li .thumb_in .thumimg {height: 246px; overflow: hidden; position: relative}
.id_special_news .news_list li .thumb_in .thumimg:before {
    content: '';
    background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.id_special_news .news_list li .tv .thumimg:before {content: ''; display: block; position: absolute; left: 10px; bottom: 10px; z-index: 2; width: 38px; height: 38px; background: url('/resources/images/icon/default_icon.png') no-repeat -845px -330px}
.id_special_news .news_list li .thumb_in dl { position: absolute; left: 0; bottom: 0; z-index: 23}
.id_special_news .news_list li .thumb_in dl dd {color:#fff}
.id_special_news .news_list li .thumb_up dl { position: absolute; left: 0; bottom: 0; z-index: 23}

.agree_box {height:324px; overflow-y:scroll; padding:30px; border:1px solid #e5e5e5; background-color:#fbfbfb}
.agree_box  dl dt {padding-bottom:30px; font-weight:600}
.agree_box  dl dd p,
.agree_box  dl dd > ol > li {padding-bottom:30px}

.check_area {position:relative; padding:20px 0 0}
.check_area input[type="checkbox"] {position:absolute; z-index:-1; opacity:0}
.check_area input[type="checkbox"]+label {display:inline-block; height:30px; vertical-align:middle; font-size:15px}
.check_area input[type="checkbox"]+label:before {content:""; display:inline-block; width:30px; height:30px; margin-right:10px; border-radius:2px; border:1px solid #e9e9e9; background:#fff; color:#ccc; vertical-align:middle}
.check_area input[type="checkbox"]:checked+label:before {background: url(/resources/images/icon/default_icon.png) no-repeat -481px -261px}

/* Main Photo Gallery */
.id_photo_gallery {position:relative; overflow:hidden}
.id_photo_gallery .narrow_type {position:relative; width:218px; height:327px}
.id_photo_gallery .wide_type {position:absolute; top:0; left:231px; width:564px; height:327px}
.id_photo_gallery .visual_area .list div a {display:inline-block; position:relative}
.id_photo_gallery .visual_area .list div a .tit {display:block; position:absolute; left:20px; right:60px; bottom:20px; z-index:10; font-weight:normal; color:#fff; text-shadow: 0 0 5px rgba(0,0,0,.7);}
.id_photo_gallery .visual_area .list div a .thumb_img {display:block; overflow:hidden; height:327px}
.id_photo_gallery .visual_area .list div a .thumb_img:after {content: '';background: url(../images/layout/main_top_vis_mask.png) no-repeat 0 bottom;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0}
.id_photo_gallery .visual_area .list div a .thumb_img img {width:100%; height:auto}
.id_photo_gallery .visual_area .paging {position:absolute; width:auto; right:20px; bottom:20px; color:#fff; text-align:right}
.id_photo_gallery .wide_type .visual_area .pagimng {right:0; bottom:0}
.id_photo_gallery .narrow_type .visual_area .list div a .tit,
.id_photo_gallery .narrow_type .visual_area .paging  {bottom:20px}
.id_photo_gallery .thumbs_area {position:absolute; padding:0 30px; left:0; right:0; bottom:-56px; z-index:3}
.id_photo_gallery .narrow_type .thumbs_area {width:160px}
.id_photo_gallery .wide_type .thumbs_area {width:507px}
.id_photo_gallery .thumbs_area .list span {position:relative; width: 44px; height:44px; overflow:hidden; margin-right:4px !important; padding:8px 0 0}
.id_photo_gallery .thumbs_area .list span.slick-current:before {content:""; display:block; width:100%; height:4px; position:absolute; left:0; top:0; background-color:#e70e1f}
.id_photo_gallery .thumbs_area .list span a img {width:100%; height:auto}
.id_photo_gallery .thumbs_area .slick-next,
.id_photo_gallery .thumbs_area .slick-prev {position:absolute; top:auto; bottom:10px; z-index:1; width:22px; height:27px; background:url(/resources/images/icon/default_icon.png) no-repeat; font-size:0; border:none; cursor:pointer}
.id_photo_gallery .thumbs_area .slick-next {right:-25px; background-position:-114px -267px}
.id_photo_gallery .thumbs_area .slick-prev {left:-25px; background-position: -86px -267px}

.pagination {position:relative; width:150px; height:31px; margin:0 auto; padding:10px 0; text-align:center}
.pagination button {display:inline-block; position:relative; float:left; height:31px; border:0; background:none; cursor:pointer}
.pagination .btn_prev:before,
.pagination .btn_next:after {content: ""; display: inline-block;width:31px;height:31px;
    background: url(/resources/images/icon/default_icon.png) no-repeat;vertical-align:middle}
.pagination .btn_prev:before {margin-right:5px; background-position:-16px -180px}
.pagination .btn_next {float:right}
.pagination .btn_next:after {margin-left:5px; background-position:-46px -180px}

.stock_tbl_api hr{display:none}
.stock_tbl_api table {width: 100%; margin-bottom:20px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;table-layout:fixed}
.stock_tbl_api > .mt15 { margin:0 !important; }
.stock_tbl_api tbody tr td.td_l {text-align: left}
.stock_tbl_api tbody tr td.td_c {text-align: center}
.stock_tbl_api tbody tr td.td_r {text-align: right; padding-right: 15px}
.stock_tbl_api tr td:first-child { text-align: left}
.stock_tbl_api tr td:first-child span { display: block; font-size: 12px; color:#bebebe}
.stock_tbl_api thead tr th:last-child { text-align: center; padding-right: 15px; }
.stock_tbl_api thead tr th {padding:15px 7px; background-color:#f5f5f5; font-size:14px; font-weight:400; letter-spacing:-1px; text-align:center; vertical-align:middle}
.stock_tbl_api thead tr .nr {border-bottom:1px solid #e5e5e5}
.stock_tbl_api tbody tr td {padding:13px 7px; border-top:1px solid #e5e5e5; text-align:center; vertical-align: middle; font-size: 13px}
.stock_tbl_api tbody tr td.t_left { text-align: left; }
.stock_tbl_api tbody tr td.t_left a:hover { text-decoration: underline; color: #000}
.stock_tbl_api > p > select {
    height: 48px;
    border-radius: 0;    
    background-color: #fff;
    margin: 15px 0;
}
.stock_tbl_api .st_gongsi {background:url(../images/stock/stock_gongsi.png) no-repeat;width:42px;height:21px;display:inline-block;overflow:hidden;margin-right:5px;vertical-align:top;text-indent:-9999em;line-height:42px}
.stock_tbl_api .gs01 {background-position:0 -125px}
.stock_tbl_api .gs03 {background-position:0 -25px}
.stock_tbl_api .gs04 {background-position:0 -175px} 
.stock_tbl_api .gs05 {background-position:0 -50px}
.stock_tbl_api .gs06 {background-position:0 -75px}
.stock_tbl_api .gs07 {background-position:0 -150px}
.stock_tbl_api .gs08 {background-position:0 -100px}
.stock_tbl_api .ovh{overflow:hidden}
.stock_tbl_api .ovh.mt15{margin-top:0}
.stock_tbl_api .w210.fl,.stock_tbl_api .w210.fr{width:31.5%}
.stock_tbl_api .mr20{margin-right:20px}
.stock_tbl_api .pr{position:relative}
.stock_tbl_api .pa_rt3{position:absolute;top:50%;right:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.stock_tbl_api .tit_02{position:relative;width:100%;padding:7px 0 16px 0;font-size:1.6rem;font-weight:500;color:#000;letter-spacing:-0.2px;white-space:nowrap}
.stock_tbl_api .tit_02.mt20{margin:0}
.stock_tbl_api .r_noti_01{position:absolute;top:10px;right:0;font-size:14px;font-weight:300;color:#adadad}
.stock_tbl_api .sisedata table{width:100%;margin:0 auto;border-top:0}
.stock_tbl_api .sisedata tbody tr td{padding:13px 10px;text-align:right}
.stock_tbl_api .sisedata tbody tr .td_l{border-left:1px solid #e5e5e5;text-align:left}
.stock_tbl_api .sisedata tbody tr .td_l:first-child{border-left:0}
.stock_tbl_api input[type="radio"]{position:absolute; left:50%; top:14px; margin-left:-29px; opacity:0}
.stock_tbl_api input[type="radio"]+label{display:inline-block;position:relative;margin-right:8px;padding-left:20px;line-height:32px;color:#7a7a7a;vertical-align:top;cursor:pointer}
.stock_tbl_api input[type="radio"]+label:before{position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-8px;background:url(../images/icon/member_icon.png) no-repeat -120px -48px;background-size:460px 460px;content:''}
.stock_tbl_api input[type="radio"]:checked+label:before{background-position:-156px -48px}
.stock_tbl_api select {display:inline-block;position:relative;z-index:2;padding:0 7px;font-size:13px;color:#7a7a7a;vertical-align:top}
.stock_tbl_api .caltxt{display:inline-block;margin:0 10px 0 5px;line-height:32px;vertical-align:top}
.stock_tbl_api .f11{font-size:11px;font-weight:normal}
.stock_tbl_api .fgray{color:#828282}
.stock_tbl_api .noti_02:after{display:block;clear:both;content:''}
.stock_tbl_api .noti_02 li{position:relative;padding-left:8px;font-size:14px;line-height:25px}
.stock_tbl_api .noti_02 li:before{content:'';width:2px;height:2px;display:inline-block;position:absolute;left:0;top:11px;background-color:#e60012;border-radius:2px}
.stock_tbl_api.tblfix_none table{table-layout:auto}
.stock_tbl_api.col_editbx2 colgroup col:nth-child(2n){width:6.5% !important}

.stock_tbl_graph_api{table-layout:fixed; width:100%}
.stock_tbl_graph_api table {width: 100%; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5}
.stock_tbl_graph_api > .mt15 { margin:0 !important; }
.stock_tbl_graph_api tbody tr td.td_c {text-align: center}
.stock_tbl_graph_api tbody tr td.td_r {text-align: right; padding-right: 15px}
.stock_tbl_graph_api tr td:first-child { text-align: left}
.stock_tbl_graph_api tr td:first-child span { display: block; font-size: 12px; color:#bebebe}
.stock_tbl_graph_api thead tr th:last-child { text-align: center; padding-right: 15px; }
.stock_tbl_graph_api thead tr th {padding:13px 7px; background-color:#f5f5f5; font-size:14px; font-weight:400; letter-spacing:-1px; text-align:center; vertical-align:middle}
.stock_tbl_graph_api tbody tr td {padding:13px 7px; border-top:1px solid #e5e5e5; text-align:left; vertical-align: middle; font-size: 13px}
.stock_tbl_graph_api tbody tr td.t_left a:hover { text-decoration: underline; color: #000}
.stock_tbl_graph_api hr{display:none}
.stock_tbl_graph_api .ovh{overflow:hidden}
.stock_tbl_graph_api .fl{width:360px;box-sizing:border-box}
.stock_tbl_graph_api .fr{width:359px;margin-left:20px}
.stock_tbl_graph_api .paging strong{width:auto;margin:0 10px}
.stock_tbl_graph_api .chartbox {padding:50px 0; border:1px solid #e5e5e5; background-color:#faf9f6; text-align:center}
.stock_tbl_graph_api .tb_r td{text-align:right}

.stock_charttbl_api .ovh{overflow:hidden;border-bottom:1px solid #d7d7d7}
.stock_charttbl_api .tit_02{position:relative;white-space: nowrap;padding: 7px 0 16px 0;width: 100%;color: #000;font-size: 1.6rem;letter-spacing: -0.2px;font-weight: 500}
.stock_charttbl_api .tit_02 .rlink{position:absolute;top:7px;right:0;font-size: 14px;font-weight:300;color:#adadad}
.stock_charttbl_api .rtab{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.stock_charttbl_api .rtab:after{display:block;clear:both;content:''}
.stock_charttbl_api .rtab li{float:left;margin:0 5px}
.stock_charttbl_api .rtab li:first-child{margin-left:0}
.stock_charttbl_api .rtab li:first-child a{padding-left:0}
.stock_charttbl_api .rtab li:last-child a:before{ background:none}
.stock_charttbl_api .rtab li a{display:block;position:relative;height:51px;padding:0 5px;font-size:1.4rem;line-height:49px;color:#24282b;transition:all 0.5s}
.stock_charttbl_api .rtab li a:before{position:absolute;z-index:1;width:1px;height:14px;top:18px;right:-4px;background:#ddd;content:''}
.stock_charttbl_api .rtab li.select a{color:#e70e1f}
.stock_charttbl_api .rtab li.select a:after{position:absolute;right:0;bottom:-1px;left:0;height:4px;background:#e70e1f;content:''}
.stock_charttbl_api table{width:100%;border-collapse:collapse;table-layout:fixed}
.stock_charttbl_api table tr:first-child th,.stock_charttbl_api table tr:first-child td{padding-top:11px}
.stock_charttbl_api table th{padding:5px 0 6px;font-weight:normal;text-align:left}
.stock_charttbl_api table td{padding:5px 10px 6px;text-align:right}
.stock_charttbl_api .fl {width:70%}
.stock_charttbl_api .fr {width:30%}
.stock_charttbl_api .colchart{width:100%}
.stock_charttbl_api .colchart td{border-left:0;padding:5px 0 6px;text-align:left}
.stock_charttbl_api .colchart td.ta_r{text-align:right}
.stock_charttbl_api .colchart td.ta_l{text-align:left}
.stock_charttbl_api .colchart tr:first-child td{padding-top:11px}
.stock_charttbl_api .colchart td:first-child{border-right:1px solid #d7d7d7}
.stock_charttbl_api .colchart td span.cv{background:url("http://image.edaily.co.kr/_icon/stock_graph.gif") repeat-x 0 0;height:13px;display:inline-block}
.stock_charttbl_api .colchart td span.cv em{display:none}
.stock_charttbl_api .colchart td span.c_up{background-position:0 -13px}
.stock_charttbl_api .colchart .btm_noti b{color:#9e9c99;font-size:11px;line-height:19px;letter-spacing:-1px}
.stock_charttbl_api .colchart .btm_noti input{background-color:#fff;color:#828282;border:1px solid #d4cdc5;height:18px;vertical-align:middle;margin:0 5px;width:128px}
.stock_charttbl_api .colchart .btm_noti button{vertical-align:middle}
.stock_charttbl_api .fgray{font-size:13px;color:#adadad;text-align:right}

span.st_vu{display: inline-block; position: relative; padding-left: 14px}
span.st_vu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 11px;
    height: 9px;
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;    
    overflow: hidden;
}
span.st_vu.st_up {color: #e60012}
span.st_vu.st_up:before {background-position: -16px -101px}
span.st_vu.st_dw {color: #198aea}
span.st_vu.st_dw:before {background-position: -44px -101px}
span.st_vu.st_ {color: #24282b}
span.st_vu.st_:before {background-position: -69px -101px}

.bt0 { border-top: 0; }
.stock_chart_box { position: relative; padding-right: 150px; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px}
.stock_chart_box .right_data {width: 120px; position: absolute; right:0; top: 0; padding:0 10px}
.stock_chart_box .right_data .colchart {width:100%}
.stock_chart_box .right_data .colchart td {border-left:0; padding: 5px 0 6px}
.stock_chart_box .right_data .colchart tr:first-child td { padding-top: 11px}
.stock_chart_box .right_data .ta_r {text-align: right}
.stock_chart_box .right_data .ta_l {text-align: left}
.stock_chart_box .right_data .colchart td:first-child {border-right: 1px solid #d7d7d7}
.stock_chart_box .right_data .colchart td span.cv {background:url("http://image.edaily.co.kr/_icon/stock_graph.gif") repeat-x 0 0;height:13px;display:inline-block}
.stock_chart_box .right_data .colchart td span.cv em {display:none}
.stock_chart_box .right_data .colchart td span.c_up {background-position:0 -13px}
.stock_chart_box .right_data .colchart .btm_noti b {color:#9e9c99;font-size:11px;line-height:19px;letter-spacing:-1px}
.stock_chart_box .right_data .colchart .btm_noti input {background-color:#fff;color:#828282;border:1px solid #d4cdc5;height:18px;vertical-align:middle;margin:0 5px;width:128px}
.stock_chart_box .right_data .colchart .btm_noti button {vertical-align:middle}
.stock_chart_summary { text-align: right; color: #adadad; font-size: 13px}

.stock_tbl .align_l {text-align: left}
.stock_tbl tbody td.num { font-weight: 500; }
.graph_stock_box { background: #f6f6f6; padding:0 20px}
.graph_stock_box .graph_data { overflow: hidden; text-align: right; border-bottom: 1px solid #d7d2cb; padding: 15px 0 10px; }
.graph_stock_box .graph_data b { display: inline-block; float: left; font-family: Helvetica, AppleSDGothicNeo-Regular; font-size: 18px}
.graph_stock_box .graph_in { text-align: center; padding: 20px 0}
.graph_stock_box .graph_data span { display: inline-block; margin-left: 10px; font-family: Helvetica, AppleSDGothicNeo-Regular}
.graph_stock_box .graph_data span.st_vu{position: relative; padding-left: 12px}
.graph_stock_box .graph_data span.st_vu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 11px;
    height: 9px;
    color: transparent;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    display: inline-block;    
    overflow: hidden;
}
.graph_stock_box .graph_data .st_up {color: #e60012}
.graph_stock_box .graph_data .st_vu.st_up:before {background-position: -16px -101px}
.graph_stock_box .graph_data .st_dw {color: #198aea}
.graph_stock_box .graph_data .st_vu.st_dw:before {background-position: -44px -101px}
.graph_stock_box .graph_data .st_ {color: #24282b}
.graph_stock_box .graph_data .st_vu.st_:before {background-position: -69px -101px}

.sp{display:inline-block;width:1px;height:1px;background:url(/resources/images/icon/default_icon.png) no-repeat;font-size:1px;line-height:999px;white-space:nowrap}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}
.id_stock_price .arti_tit_wp.btmline h2{border-bottom-width:2px}
.wide_half_type{border:1px solid #e5e5e5;background-color:#faf9f6;box-sizing:border-box}
.wide_half_type .graph_tab_area{min-height:199px;padding-left:290px}
.wide_half_type .graph_tab_area .tab_btn_con{top:-1px}
.wide_half_type .graph_tab_area .tab_btn_con ul li a{height:49px}
.wide_half_type .graph_tab_area .tab_content_wrap{position:static}
.wide_half_type .graph_tab_area .tab_contents{height:199px;border-left:1px solid #e5e5e5;text-align:center}
.wide_half_type .graph_tab_area .tab_contents:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.wide_half_type .graph_tab_area .inner_graph{display:inline-block;vertical-align:middle}
.stock_infobx{position:absolute;top:50%;left:30px;min-width:220px;text-align:left;transform:translate(0,-50%)}
.stock_infobx:after{position:absolute;right:0;bottom:0;width:71px;height:61px;background: url(/resources/images/icon/default_icon.png) no-repeat;content:''}
.stock_infobx .info{font-size:14px;line-height:25px}
.stock_infobx .per{display:inline-block;margin-left:12px}
.stock_infobx .stock_price strong{display:block;margin-bottom:5px;font-size:36px;font-weight:bold;line-height:1.3}
.stock_infobx.stock_up .total{color:#e60012}
.stock_infobx.stock_up:after{background-position:-259px -455px}
.stock_infobx.stock_dn .total{color:#198aea}
.stock_infobx.stock_dn:after{background-position:-388px -455px}
.stock_infobx.stock_nm .total{color:#24282b}
.stock_infobx.stock_nm:after{height:6px;background-position:-520px -482px}

.jisu {
    font-weight: 600;
    font-size: 36px;   
    letter-spacing: -1px;
    text-align: center;
    text-align: left;
}
.ta_c { text-align: center; }
.st_up { color: #e60012}
.st_dw { color: #198aea}
.st_ { color: #252729}

.stockvs {background-color:#faf9f6; border:1px solid #e5e5e5; width: 360px}
.stockvs td {border-bottom:1px solid #d4cdc5;padding:25px 20px}
.stockvs td.bchart .tp {overflow:hidden;margin-top:10px}
.stockvs td.bchart .tp .value {float:left; width:160px}
.stockvs td.bchart .tp .value li {border-top:1px solid #e9e6e3;text-align:right; line-height:24px}
.stockvs td.bchart .tp .value li:first-child {border-top:none}
.stockvs td.bchart .tp .value li.now {padding-bottom:5px; line-height: 46px}
.stockvs td.bchart .tp .value li.tot {font-size:18px; font-size: 14px; font-weight: normal; border-bottom:1px solid #e9e6e3}
.stockvs td.bchart .tp .bong {float:left;position:relative;width:17px;height:81px;overflow:hidden;margin:0 20px}
.stockvs td.bchart .tp .bong .st_dw, .stockvs td.bchart .tp .bong .st_up {height:81px;background:url("http://image.edaily.co.kr/_icon/stock_bong.gif") repeat-y 0 0}
.stockvs td.bchart .tp .bong .st_dw .bvalue, .stockvs td.bchart .tp .bong .st_up .bvalue {width:17px;position:absolute;left:0px;background:url("http://image.edaily.co.kr/_icon/stock_bong_value.gif") repeat-y 0 0}
.stockvs td.bchart .tp .bong .st_up {background-position:100% 0}
.stockvs td.bchart .tp .bong .st_up .bvalue {background-position:100% 0}
.stockvs td.bchart .tp .history {float:left; width: 87px; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px}
.stockvs td.bchart .tp .history li {font-size: 14px; line-height: 22px}
.stockvs td.bchart .tp .history li.line {border-bottom: 1px solid #e5e5e5; padding-bottom:3px;margin-bottom:5px}
.stockvs td.bchart .tp .history b {display:inline-block; font-weight: normal; margin-right: 10px}
.stockvs td.bchart .btm {
    clear: both;
    float: none;
    position: relative;   
    border-spacing: 14px;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
    padding: 15px 15px;
    text-align: center;
    margin-top: 20px;
}
.stockvs td.bchart .btm:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-8px; 
    width: 1px;
    height: 16px;
    background-color: #dcdcdc;    
}
.stockvs td.bchart .btm b {display:inline-block;width:35px; font-weight: normal; color: #000}
.stockvs td.bchart .btm .fr {display: inline-block; margin-left: 10px; float: none !important}
.stockvs td.bchart .btm .fl {display: inline-block; margin-right: 10px; float: none !important}

.stock_h_tb { width: 100%; border-bottom:1px solid #e5e5e5}
.stock_h_tb th, .stock_h_tb td {line-height:14px}
.stock_h_tb {border-top:1px solid #e0d8cf}
.stock_h_tb.noline {border-top:none}
.stock_h_tb.noline2 {border-top:none}
.stock_h_tb.noline td {padding:20px 0;line-height:18px}
.stock_h_tb th {
    padding: 13px 15px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
    background-color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -1px;
    vertical-align: middle;
}
.stock_h_tb td {
    padding: 13px 10px 13px 5px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    vertical-align: middle;
    line-height: 1.5;
    text-align: right;
}
.stock_h_tb td span { display: inline-block}
.stock_h_tb b {font-weight: normal}
.stock_h_tb tr th:first-child {border-left:none}
.hg_tb td {padding:8px 10px 6px 0}
.hg_tb2 td {padding:10px 10px 8px 0;line-height:18px}
.stock_versus .mt15 {  margin-top: 20px !important;  }
.stock_versus .tit_02 {
    white-space: nowrap;
    padding: 7px 0 16px 0;
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.stock_versus .more {
    position: absolute;
    top: 8px;
    right: 0;
    display: inline-block;
    letter-spacing: -0.1px;
    font-weight: 300;
    font-style: normal;
    font-size: 1.3rem;
}
.stock_versus .list_01 li { position: relative; }
.stock_versus .list_01 li:before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background-color: #e60012;
    border-radius: 2px;
}
.stock_versus .list_01 li a {
    line-height: 25px;
    min-height: 25px;
    font-size: 1.4rem;
    letter-spacing: -0.1px;
    display: block;
    width: 360px;
    overflow: hidden;
    padding-left: 8px;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}
.stock_tbl_api h4.dn { display: none}

.id_stock_list_tab_slide .ui_btm_nav_cnt{position:absolute;top:2px;right:0}
.id_stock_list_tab_slide .ui_btm_nav_cnt .right_utils{position:static}
.id_stock_list_tab_slide .ui_btm_nav_cnt .infonum{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}

.id_divers_colums3:after{display:block;clear:both;content:''}
.id_divers_colums3 .id_category_news_col .thumb_news{margin-bottom:19px}
.id_divers_colums3 .id_category_news_col .thumb_news .thumb_img{width:70px;height:90px}
.id_divers_colums3 .id_category_news_col .thumb_news .thumb_img img{min-height:0;height:100%}
.id_divers_colums3 .id_category_news_col .thumb_news .news_con{padding-left:82px}
.id_divers_colums3 .id_category_news_col .thumb_news .news_con .tit{overflow:hidden;white-space:nowrap;word-wrap:break-word;text-overflow:ellipsis}
.id_divers_colums3 .id_category_news_col .thumb_news .news_con .txt{overflow:hidden;height:42px}
.id_divers_colums3 .id_notice_tit_lt .gal_label{height:22px;margin-right:5px;line-height:20px;box-shadow:none}
.id_divers_colums3 .id_notice_tit_lt dl dt{min-height:49px;line-height:49px;}
.id_divers_colums3 .id_category_news_col .arti_data,.id_divers_colums3 .id_notice_tit_lt dl{height:164px;box-sizing:border-box}
.id_divers_colums3 .id_opinion_column .data_box{margin-left:0}
.id_divers_colums3 .id_opinion_column .data_box .column_box{width:100%;height:240px;margin-left:0;padding:24px 18px 0;box-sizing:border-box}

.stock_tbl_api_nobor .tit_02{position:relative;width:100%;color:#000;padding:7px 0 16px;font-size:1.6rem;font-weight:500;letter-spacing:-0.2px;white-space:nowrap}
.stock_tbl_api_nobor .rtab{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.stock_tbl_api_nobor .rtab:after{display:block;clear:both;content:''}
.stock_tbl_api_nobor .rtab li{float:left; margin:0 5px}
.stock_tbl_api_nobor .rtab li a{display:block;position:relative;height:51px;padding:0 5px;font-size:1.4rem;line-height:49px;color:#24282b;transition:all 0.5s}
.stock_tbl_api_nobor .rtab li:first-child{margin-left:0}
.stock_tbl_api_nobor .rtab li:first-child a{padding-left:0}
.stock_tbl_api_nobor .rtab li a:before{content:'';width:1px;height:14px;top:18px;right:-4px;background:#ddd;position:absolute;z-index:1}
.stock_tbl_api_nobor .rtab li:last-child a:before{background:none}
.stock_tbl_api_nobor .rtab li.select a{color:#e70e1f}
.stock_tbl_api_nobor .rtab li.select a:after{position:absolute;bottom:-1px;left:0;right:0;display:block;height:4px;background:#e70e1f;content: ''}
.stock_tbl_api_nobor table{width:100%;border-collapse:collapse;table-layout:fixed}
.stock_tbl_api_nobor table colgroup col:first-child{width:31.4% !important}
.stock_tbl_api_nobor table colgroup col:nth-child(2){width:23.9% !important}
.stock_tbl_api_nobor table colgroup col:nth-child(3){width:21.4% !important}
.stock_tbl_api_nobor table colgroup col:nth-child(4){width:23.3% !important}
.stock_tbl_api_nobor table thead th{padding:15px 0 10px;font-size:1.4rem;font-weight:600;text-align:right}
.stock_tbl_api_nobor table thead th:first-child,.stock_tbl_api_nobor table tbody td:first-child{text-align:left}
.stock_tbl_api_nobor table tbody td{position:relative;padding:5px 0 6px;font-family: Helvetica, AppleSDGothicNeo-Regular;text-align:right}
.stock_tbl_api_nobor table tbody td a{display:block;overflow:hidden;font-size:1.4rem;font-family:HelveticaNeue-Light, AppleSDGothicNeo-Regular;font-weight:300;color:#24282b;vertical-align:top;white-space:nowrap;text-overflow:ellipsis}
.stock_tbl_api_nobor .rlink{position:absolute;top:2px;right:0;font-size:0}
.stock_tbl_api_nobor .rlink .r_bt{overflow:hidden;position:relative;width:31px;height:31px;border:0;background:url(/resources/images/icon/default_icon.png) no-repeat;cursor:pointer}
.stock_tbl_api_nobor .rlink .r_bt:last-child{margin-left:-1px}
.stock_tbl_api_nobor .rlink .r_bt span{display:inline-block;overflow:hidden;width:1px;height:1px;font-size:1px;line-height:9999px;white-space:nowrap}
.stock_tbl_api_nobor .rlink .r_prev2{background-position:-16px -180px}
.stock_tbl_api_nobor .rlink .r_next2{background-position:-46px -180px}

.stock_single_box{margin-bottom:10px;padding:15px 0 13px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:0}
.stock_single_box .info{display:inline-block;vertical-align:top}
.stock_single_box .info:after{display:block;clear:both;content:''}
.stock_single_box .info dt,.stock_single_box .info dd{float:left;font-size:14px}
.stock_single_box .info dt{font-weight:bold}
.stock_single_box .info dd{margin-left:10px}
.stock_single_box .info .txt_lesser{color:#a7a7a7}

.tbl_line_type thead tr+tr th {border-top:1px solid #e5e5e5}
.tbl_line_type table thead tr th,
.tbl_line_type table tbody tr td {border-right:1px solid #e5e5e5}
.tbl_line_type table thead tr th:last-child,
.tbl_line_type table tbody tr td:last-child,
.tbl_line_type table thead tr th.brnone,
.tbl_line_type table tbody tr td.brnone {border-right:none}


.error_wrap{padding:0;text-align:center}
.error_wrap:before{display:inline-block;width:365px;height:224px;margin:100px 0 54px;background:url(../images/contents/img_error.png) no-repeat;content:''}
.error_wrap .err_txt{font-size:20px;color:#222;line-height:30px}
.error_wrap .err_txt strong{font-weight:600}
.error_wrap .color_primary{display:block;width:328px;margin:0 auto;font-size:35px;font-style:normal;color:#e60012;text-align:justify}
.error_wrap .color_primary:after{display:inline-block;width:100%;content:''}
.error_wrap .btn_wrap{margin-top:40px}
.error_wrap .btn{width:147px;height:52px;line-height:52px;box-sizing:border-box}
.error_wrap .article_fullwide_sec{margin-bottom:0;padding:55px 0 70px;background:#f8f8f8}

.id_thumb_wrap .arti_box_con{padding:15px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.id_thumb_wrap .arti_box_inner{margin:0 -7px}
.id_thumb_wrap .thumb_lst{display:table;width:100%;table-layout:fixed}
.id_thumb_wrap .thumb_lst li{display:table-cell;padding:0 7px;vertical-align:middle}
.id_thumb_wrap .thumb_lst .img_wrap{display:block;overflow:hidden;position:relative;height:88px}
.id_thumb_wrap .thumb_lst .img_wrap img{width:100%;height:100%}

.id_stock_tbl_column2 .stock_tbl tbody tr td{padding:0}
.id_stock_tbl_column2 .stock_tbl tbody tr td dl{position:relative}
.id_stock_tbl_column2 .stock_tbl tbody tr td dl:after{position:absolute;top:0;left:50%;bottom:0;width:500%;border-bottom:1px solid #e5e5e5;transform:translate(-50%,0);-ms-transform:translate(-50%,0);content:''}
.id_stock_tbl_column2 .stock_tbl tbody tr td dl:last-child:after{display:none}
.id_stock_tbl_column2 .stock_tbl tbody tr td dl dt{padding:11px 0 14px 13px}
.id_stock_tbl_column2 .stock_tbl tbody tr td dl dd{padding:11px 15px 12px 0}

.bcategory_wrap .popbar{padding:12px 20px 10px;text-align:left}
.bcategory_wrap .stock_info{display:inline-block;margin-left:10px}
.bcategory_wrap .stock_info:after{display:block;clear:both;content:''}
.bcategory_wrap .stock_info dt,.bcategory_wrap .stock_info dd{float:left;font-size:13px;color:#a7a7a7;line-height:25px}
.bcategory_wrap .stock_info dt{font-weight:600}
.bcategory_wrap .stock_info dd{margin:0 10px}
.bcategory_wrap .stock_info .stock_price .ico{margin-top:9px}
.bcategory_wrap .bcate{display:inline-block;font-size:16px;line-height:25px;vertical-align:top}
.bcategory_wrap .txt{display:inline-block;font-size:13px;color:#a7a7a7;line-height:25px;vertical-align:top}
.bcategory_wrap .id_stock_data_tbl{margin:20px}

/* HOT ISSUE */
.id_thum_hot_news .arti_data{border:0}
.id_thum_hot_news .arti_data > ul > li{margin-top:50px;border-top:0;border-bottom:1px solid #e9e9e9}
.id_thum_hot_news .arti_data > ul > li:first-child{margin-top:0}
.id_thum_hot_news .arti_data > ul > li a{padding:0}
.id_thum_hot_news .arti_data > ul > li .tit_primary a{display:inline-block}
.id_thum_hot_news .arti_data > ul > li .databox{display:table;width:100%}
.id_thum_hot_news .arti_data > ul > li .databox .data_txt{display:table-cell;vertical-align:middle}
.id_thum_hot_news .arti_data > ul > li .hot_main{padding:20px 0;border-top:1px solid #e9e9e9}
.id_thum_hot_news .arti_data > ul > li .relative_lst li a{position:relative;padding-left:18px;font-size:14px;color:#24282b;line-height:25px}
.id_thum_hot_news .arti_data > ul > li.hot_issue{padding:20px 20px 0;border:1px solid #e9e9e9;background:#f5f5f5}
.id_thum_hot_news .tit_primary{margin-bottom:17px}
.id_thum_hot_news .tit_primary a{font-size:16px;font-weight:600;color:#e60012}
.id_thum_hot_news .tit_primary a:after{display:inline-block;width:7px;height:12px;margin:-2px 0 2px 10px;background:url(/resources/images/icon/default_icon.png) no-repeat;background-position:-743px -531px;vertical-align:middle;content:''}
.id_thum_hot_news .tit_primary .gal_label{margin-right:8px;font-weight:normal}
.id_thum_hot_news .relative_lst{margin:-20px 0 14px 197px}
.id_thum_hot_news .relative_lst li a:before{position:absolute;top:8px;left:0;width:8px;height:7px;background:url(/resources/images/icon/default_icon.png) no-repeat;background-position:-743px -547px;content:''}

.id_child_insrc .container_box{position:relative;width:1000px;height:1024px;background:url(../images/stock/insrc_child01.png) no-repeat}
.id_child_insrc .btn_goPoint{position:absolute;top:203px;left:330px;width:160px;height:130px}
.id_child_insrc .btn_goApply{position:absolute;top:894px;left:358px;width:290px;height:80px}


.todaypoto .thummovie_hover{margin-bottom:0}

.thummovie_hover{margin-bottom:30px}
.thummovie_hover a {height:140px; width:250px; position:relative; display:block; overflow:hidden;}
.thummovie_hover a .thumimg {position: relative;}
.thummovie_hover a .txt {	
	/* display: none; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.58);
    text-align: center;
    opacity: 0;
}
.thummovie_hover .gal_label  {
	position: absolute;
    left: 15px;
    top: 15px;
    z-index: 22;
}
.thummovie_hover .txt:before {display:inline-block;height:100%;vertical-align:middle;content:''}
.thummovie_hover a .txt span {
	display: inline-block;
    max-width: 80%;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
}
.thummovie_hover .icomovie {
    width: 38px;
    height: 38px;
    position: absolute;
    background: url(/resources/images/icon/default_icon.png) no-repeat;
    background-position: -622px -19px;
    display: inline-block;
    left: 50%;
    margin-left:-19px;
    margin-top:-19px;
    top: 50%;
    z-index: 33;
}
.thummovie_hover .thumimg {height:140px; width:250px; overflow:hidden;}
.thummovie_hover .thumimg img {height:141px;width:250px;}
.web_widget.widget_timeline { margin-bottom:16px !important;}

.cardnews_sm {padding-top:9px;}
.cardnews_sm {margin-bottom: 16px !important;}
.cardnews_sm .id_slide_thumb .slide_con_wp ul.slide_con.gal_sqaure_thum li .thumimg {width:117px; height:117px;}
.cardnews_sm .id_slide_thumb .nav_left, .cardnews_sm .id_slide_thumb .nav_right {top:-72px;}
.cardnews_sm .slick-slide {margin:0 16px 0 0;}
.cardnews_sm .id_slide_thumb .nav_right {} 
.cardnews_sm .slide_con_wp ul.slide_con.gal_sqaure_thum li a {}
.main .article_column_sec .arti_right_sec #w_read_right1.id_ad {background-color: #eee; text-align:center; padding:8px 0; margin-bottom:0 !important;}
.main .article_column_sec .arti_right_sec #w_read_right1.id_ad img {width:234px; height:60px;}

.out_right_ad {position:absolute;top:39px;right:-140px}
.out_left_ad {position:absolute;top:39px;left:-140px}
.fn_tab_click_music .tab_content_wrap, 
.fn_tab_click_stock .tab_content_wrap,  
.fn_tab_click_interview .tab_content_wrap {}
.ad_widget_container {margin-bottom: 26px; overflow:hidden;}
.ad_widget_container .id_ad_left {float:left;}
.ad_widget_container .id_ad_right {float:right;}
.category_banner{width:100%;float:left;margin-bottom:10px}
.category_banner .banner_174{float:right;margin-right:10px;border:1px solid #e9e9e9}
.category_banner .tit{width: 870px;display:inline-block;}

/* ¿À´ÃÀÇ Æ÷Åä */
.group_news_list2.thummovie_hover.slick-initialized.slick-slider .thumimg {height:150px; width:auto; overflow:hidden;}
.group_news_list2.thummovie_hover.slick-initialized.slick-slider .thumimg img {height:150px;width:auto;}
.group_news_list2.thummovie_hover.slick-initialized.slick-slider a {height:150px;width:auto;position:relative;display:block; overflow:hidden}

.group_news_wp.todaypoto{width:729px;padding:16px 5px 15px 5px;margin: 18px 0 30px 0;background:#333}
.group_news_wp.todaypoto .arti_tit_wp h2{padding:0 0 15px 10px;color:#fff}
.group_news_wp.todaypoto .group_news_list2{width:729px}
.group_news_wp.todaypoto .group_news_list2 li{position:relative;float:left;width: auto;height:150px;display:inline;margin: 0 5px;border:1px solid rgba(0,0,0,.3)}
.group_news_wp.todaypoto .group_news_list2 li img{height:100%}
.group_news_wp.todaypoto .group_news_list2 li .count{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;background:url(http://img.edaily.co.kr/images/newmain/bg_blacks.png);opacity:0;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);}
.group_news_wp.todaypoto .group_news_list2 li .currunt span{height:150px;display:table-cell;vertical-align:middle;padding:0 10px;text-align:center;font-style:normal;font-size:12px}
.news_nav_left.margin{margin:10px 0 0 5px}
.news_nav_right.margin{margin:10px 5px 0 0}
/* 171031_ÁÖ¿ä±â»ç */
.now_pointnews{width:100%;padding:16px 15px 30px 15px;margin-bottom:30px;background:#333;box-sizing:border-box}
.pointnews_box .pointnews_menuarea{float:left;width:100%;margin-bottom:20px;background:#2b2b2b;position:relative;z-index:1;}
.pointnews_box .pointnews_menuarea ul{ overflow: hidden;margin: 0 auto;padding: 13px 0;border-top: 1px solid #555;border-bottom: 1px solid #555;}
.pointnews_box .pointnews_menuarea ul li{display:inline;float:left;padding:0 13px;border-left:1px solid #555;font-size:14px;text-align:center;box-sizing:border-box}
.pointnews_box .pointnews_menuarea ul li a{color:#ccc;position:relative}
.pointnews_box .pointnews_menuarea ul li.on a{color:#e70e1f}
.pointnews_box .pointnews_menuarea ul li.on a:after{position:absolute;display:block;height:3px;left:0;right:0;bottom:-14px;background:#e70e1f;content:''}
.pointnews_box .pointnews_menuarea ul li:first-child{border-left:0}
.pointnews_box .pointnews_list{width:100%}
.pointnews_box .pointnews_list ul{float:left;display:inline;width:50%;box-sizing:border-box;padding-right:10px}
.pointnews_box .pointnews_list ul:first-child{padding-left:10px}
.pointnews_box .pointnews_list ul li {overflow:hidden;width:325px;margin-top:10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.pointnews_box .pointnews_list ul li:first-child{margin-top:0}
.pointnews_box .pointnews_list ul li a{color:#ccc}
.pointnews_box .pointnews_list ul li span{float:left;width:2px;height:2px;background:#ec404d;margin:10px 5px 0 0}
.gal_thumb_con .slick-track ul li{float:left;display:inline}
.now_pointnews .slick-list {width:709px}
.now_pointnews > .arti_tit_wp h2 {color:#fff;white-space: nowrap;padding:0 0 15px 0px;width:100%;color:#fff;font-size:1.6rem;letter-spacing:-0.2px;font-weight:bold}

/* 171108_±¤°í¿µ¿ªÃß°¡ */
.advertis{width:100%;float:left; overflow:hidden;margin:26px 0 29px 0}
.advertis .left_advertis{float:left;width:519px;height:200px;margin:30px 20px 0 0}
.advertis .right_advertis{float:left;width:200px;height:200px}
.cmt_list_ctrl_wp {overflow: hidden;padding: 16px 0;}

.article_body#article_body{padding-bottom:0px}

/* 180517_??? ???? */
.photo_ad_1080_200{
    position:relative;
    padding: 20px 0;
    margin: 40px 0;
    display: inline-block;
    background: #e9e9e9;
}
.photo_ad_1080_200:before{
    content:"";
    width:100%;
    height: 244px;
    left:-100%;
    top:0;
    background:#e9e9e9;
    position:absolute;
    z-index: 10;
}
.photo_ad_1080_200:after{
    content:"";
    width:100%;
    height: 244px;
    right:-100%;
    top:0;
    background:#e9e9e9;
    position:absolute;
    z-index: 10;
}

.bannerss{
    display: inline-block;
}