@charset "utf-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td {margin:0; padding :0; border: none}
img {border:none; vertical-align:top;}
ul li , ol li , dl dd{list-style:none;}
fieldset {border:none;}
table {border-collapse:collapse;}
caption {display:none;}
img, fieldset, button { border:0; padding:0px; /*vertical-align: baseline*/vertical-align:top;}
button {background:none;}
input, select {vertical-align:middle;}
legend {width:0; height:0; font-size:0; position:absolute; overflow:hidden;} 

/* 정렬클래스 */
.of {overflow:hidden !important; width:100%;}
.fl {float:left !important;}
.fr {float:right !important;}
.fr20{float:right !important; margin-right:20px !important;}
.cl {clear:both !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.dis_b {display:block;}
.dis_n {display:none;}
.posi_r {position:relative;}

iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}


.et_marketWrap a {color:#333333; text-decoration:none; cursor:pointer; margin:0;}
/*.et_marketWrap a:link {color:#333333;}*/
/*.et_marketWrap a:visited {color:#333333;}*/
/*.et_marketWrap a:active {color:#333333;}*/
.et_marketWrap a:hover {color:#496696;}


/* 상승, 하락 컬러 */
.color_up{color:#ff3131 !important}
.color_dw{color:#1c5cff !important}

/* 주식장 상태별 스타일 */
.date-info{font:12px 'Work Sans';}

/* 실시간 */
.condition1{
    font:11px 'Dotum';
    background:#57c7da;
    color:#fff;
    margin-left:8px;
    border-radius: 2px;
    padding:5px 5px 3px 5px;
}

/* 20분지연 */
.condition2{
    font:11px 'Dotum';
    background:#b9c8e0;
    padding:5px 5px 3px 5px;
    color:#fff;
    margin-left:8px;
    border-radius: 2px 
}

/* 장종료 */
.condition3{
    font:11px 'Dotum';
    background:#9e9e9e;
    padding:5px 5px 3px 5px;
    color:#fff;
    margin-left:8px;
    border-radius: 2px 
}

/* 마켓 상단 메인 메뉴 */
.et_marketWrap{width:800px; letter-spacing:0px;}
.et_marketWrap .market-gnb{
    overflow: hidden;
    margin-top:10px;
    margin-top: 35px;
/*    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;*/
}
.et_marketWrap .market-gnb ul a li{
    float: left;
    width: 160px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
    background: #f2f5f7;
}
.et_marketWrap .market-gnb ul a li.hover_on{
    background: #4e89e7;
    color:#fff;
    font-weight: bold;
}
.et_marketWrap .market-gnb ul a {color:#333333; text-decoration:none; cursor:pointer; margin:0; padding:0}
.et_marketWrap .market-gnb ul a:link {color:#333333;}
.et_marketWrap .market-gnb ul a:visited {color:#333333;}
.et_marketWrap .market-gnb ul a:active {color:#333333;}
.et_marketWrap .market-gnb ul a:hover {color:#496696; font-weight: bold}
:focus {-moz-outline-style:none;}


.market-gnb ul li:nth-of-type(1){width:128px;}
.market-gnb ul li:nth-of-type(2){width:128px;}

/* 코스피,코스닥 탭메뉴 */
.mk-contents-1{clear: both; margin-top:30px;}
.mk-contents-1 .tab-title{position: relative; margin-left: 16px;z-index: 88}
.mk-contents-1 .tab-title ul.tabs {
    overflow: hidden;
    position:relative;
    z-index: 999;
}
.mk-contents-1 .tab-title ul.tabs li{
/*    width:60px;
    height:35px;
    line-height: 35px;*/
    float:left;
    text-align: center;
/*    border: 1px solid #aaa;
    border-bottom: 1px solid #333;*/
    margin-right: 25px;
/*    background: #fafafa;*/
    color:#888 ;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.mk-contents-1 .tab-title ul.tabs li a{
	color:#888;
}

.mk-contents-1 .tab-title ul.tabs li.active {
    background: #fff;
/*    border: 1px solid #333;
    border-bottom: 1px solid #fff;*/
    color:#333;
    border-bottom: 2px solid #d8e0f2;
    box-shadow: 0 -8px 0 #d8e0f2 inset;
}

.mk-contents-1 .tab-title ul.tabs li.active a{
	color:#333;
}

.mk-contents-1 .tab-title ul.tabs div.date-info{
    border:none;
/*    float: right;*/
    text-align: right;
    background: #fff;
    margin-top: 4px;
    font-size: 14px;
}


/* 코스프 정보 */
.container-stock{clear: both; margin-top: 30px;}
.container-stock .stock_price_wrap{
    width:350px;
    display: inline-block;
}
.container-stock .stock_price_wrap h2{
    font-size:26px;
    margin-left:15px;
}
/* 코스프 지수 정보 */
.container-stock .stock_price_wrap ol.ko_price{overflow: hidden; margin-top:15px; margin-left:15px;}
.container-stock .stock_price_wrap ol.ko_price li{float:left;}
.container-stock .stock_price_wrap ol.ko_price li.value{font:34px arial;}
.container-stock .stock_price_wrap ol.ko_price li.percent{
    margin-left:15px;
    margin-top:8px;
}
.container-stock .stock_price_wrap ol.ko_price li.percent dl{overflow: hidden;}

/*

// 코스피_코스닥 종목 메인 타이틀 주가 지수 영역 //

.rise - 상 컬러
.drop - 하 컬러
.same - 보합 컬러

.up1 - 상승
.down1 - 하락
.same - 보합

*/

.container-stock .stock_price_wrap ol.ko_price .percent dl.rise{color:#ff3131}
.container-stock .stock_price_wrap ol.ko_price .percent dl.drop{color:#1c5cff}
.container-stock .stock_price_wrap ol.ko_price .percent dl.same{color:#555555}
.container-stock .stock_price_wrap ol.ko_price .percent dl > dd{
    float:left;
    font:20px arial;
    margin-right: 15px;
}
.container-stock .stock_price_wrap ol.ko_price .percent dl > dd.up1{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 7px;
    padding-left:15px;
}
.container-stock .stock_price_wrap ol.ko_price .percent dl > dd.down1{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -12px;
    padding-left:15px;
}
.container-stock .stock_price_wrap ol.ko_price .percent dl > dd.same{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -162px;
    padding-left:15px;
}
/* 코스피 전일/시가/고가/저가 */
.stock_price_wrap .ko_price_info{
    clear: both;
    overflow: hidden;
    border-top:1px solid #e3e3e3;
    margin-top:20px;
}
.stock_price_wrap .ko_price_info .pinfo{float:left; margin-left:15px;}
.stock_price_wrap .ko_price_info .pinfo li{
    font-size:14px;
    color:#888;
    margin-top:18px;
}
.stock_price_wrap .ko_price_info .pinfo li span.line_bul{
    font-weight: bold;
    background: url('/images/hline_bul.gif') no-repeat;
    background-position: 0 5px;
    padding-left:10px;
    margin-left:10px;
    color:#333;
}
/* 코스피 그래프 영역 */
.container-stock .graph{
    width:360px;
    height:185px;
    background:#f3f3f3;
    float: right;
}

/* 거래량,대금 정보 */
.container-stock .deal_info{
    clear: both;
    margin-top:30px;
    background: #f2f5fa;
    width:800px;
    height:60px;
    
}
.container-stock .deal_info ul{float:left;}
.container-stock .deal_info > ul.value li{
    display:inline-block;
    margin-left:25px;
    line-height: 60px;
    font-size:13px;
}
.container-stock .deal_info > ul.value li span{
    font-weight: bold;
}
.container-stock .deal_info > ul.value_updw{overflow: hidden;font-size:13px; margin-left:15px}
.container-stock .deal_info > ul.value_updw li.datetxt{
    display: inline-block;
    margin-left:16px;
    margin-top:22px;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd{
    display:inline-block;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd.up2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -32px;
    padding-left:15px;
    color:#ff3131;
    font-weight:bold;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd.arrow_up{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -67px;
    padding-left:15px;
    color:#ff3131;
    font-weight:bold;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd.down2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -49px;
    padding-left:15px;
    color:#1c5cff;
    font-weight:bold;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd.arrow_dw{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -86px;
    padding-left:15px;
    color:#1c5cff;
    font-weight:bold;
}
.container-stock .deal_info > ul.value_updw li.datetxt dl > dd.same{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -102px;
    padding-left:15px;
    font-weight:bold;
}

/* 최신 시장 뉴스 */
.container-stock .stock-newscontents{clear: both; margin-top:40px;}
.stock-newscontents .section-title li{display:inline-block}
.stock-newscontents .section-title li.tit{font-weight: bold; font-size:16px;}
.stock-newscontents .section-title li.date-info{float:right; margin-top:6px;}
.stock-newscontents .stk-newslistWrap{
    clear: both;
    margin-top:15px;
}
.stock-newscontents .stk-newslistWrap ul{overflow: hidden}
.stock-newscontents .stk-newslistWrap ul li.news_cont{
    border-top:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    box-sizing: border-box;
    width:266px;
    height:200px;
    padding:30px 25px 20px;
    float:left;
    vertical-align:top;

}
.stock-newscontents .stk-newslistWrap ul li.news_cont:nth-of-type(3n+3){border-right:1px solid #fff;}
.stock-newscontents .stk-newslistWrap ul li.news_cont:nth-of-type(4){border-bottom:1px solid #e3e3e3;}
.stock-newscontents .stk-newslistWrap ul li.news_cont:nth-of-type(5){border-bottom:1px solid #e3e3e3;}
.stock-newscontents .stk-newslistWrap ul li.news_cont:nth-of-type(6){border-bottom:1px solid #e3e3e3;}
.stock-newscontents .stk-newslistWrap ul li.news_cont dt.theme{
    background: url('/images/theme_tit_bg.gif') no-repeat;
    width:61px;
    height:29px; 
    text-align: center;
    font-weight: bold;
    color:#fff;
    line-height: 24px;
    font-size:12px;
    letter-spacing: -0.5px;
}
.stock-newscontents .stk-newslistWrap ul li.news_cont dt.theme a{
    font-weight: bold;
    color:#fff;
    line-height: 24px;
    font-size:12px;
    letter-spacing: -0.5px;
}
.stock-newscontents .stk-newslistWrap ul li.news_cont dd.txt{
    font-size:17px;
    margin-top:10px;
    overflow: hidden;
    height:49px;
}
.stock-newscontents .stk-newslistWrap ul li.news_cont dl a:hover dd.txt{
    text-decoration: underline;
}
.stock-newscontents .stk-newslistWrap ul li.news_cont dd.related{font-size:0; margin-top:15px;}
.stock-newscontents .stk-newslistWrap ul li.news_cont dd.related ol li{
    display:inline-block;
    width:100px;
    font-size:14px;
}

/* 2줄 말줄임 */
.et_marketWrap .link_text {
-webkit-line-clamp: 2;
display: -webkit-box!important;
-webkit-box-orient: vertical;
word-wrap: break-word;
text-overflow: ellipsis;
}

/* 상승,하락 탭 메뉴 */
.mk-contents-2{clear: both; margin-top: 40px;}
.mk-contents-2 .tab-title{position: relative;}
.mk-contents-2 .tab-title ul.tabs_2 {
    overflow: hidden;
    position:relative;
    z-index: 999;
    font-size:0;
    text-align: center;
}
.mk-contents-2 .tab-title ul.tabs_2 li{
    width:120px;
    height:40px;
    line-height: 40px;
    display:inline-block;
    text-align: center;
    border: 1px solid #aaa;
    border-bottom: 1px solid #333;
    margin:0 6px 0 0;
    background: #fafafa;
    color:#555;
    font-weight: 500;
    cursor: pointer;
    font-size:13px;
}
.mk-contents-2 .tab-title ul.tabs_2 li a{color:#888888;}
.mk-contents-2 .tab-title ul.tabs_2 li:nth-of-type(4n){margin-right: 0}
.mk-contents-2 .tab-title ul.tabs_2 li.active {
    background: #fff;
    border: 1px solid #333;
    border-bottom: 1px solid #fff;
    color:#333;
    font-weight: 600;
}
.mk-contents-2 .tab-title ul.tabs_2 li.active a {color:#333;}
.mk-contents-2 .tab-title .bottom-line{
    width:800px;
    height:1px;
    background: #333;
    margin-top:-1px;
    position:absolute;
}

/* 시가총액 */
.mk-contents-3{clear: both;}



/* 주식 종목 상세 콘텐츠*/
.mk-contents-item{clear: both; margin-top:25px;}


/* 주식 종목 상세 정보 */
.container-stock-item{clear: both; margin-top:25px;}
.container-stock-item .stock_item_price_wrap{
    width: 800px;
}
/* 주식 종목 타이틀 정보 */
.container-stock-item .stock_item_title_wrap ol.item_tit_info li{
    display: inline-block;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.h2_tit{
    font-size:26px;
    margin-left:15px;
    font-weight: bold;
}
.search_stock_item div ol.stock_item .stock_nm{
	font-size: 26px;
    font-weight: bold;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.num_tit, .search_stock_item div ol.stock_item .num_tit{
    font-family: Work Sans;
    font-size:21px;
    margin-left:8px;
    vertical-align: middle;
    color:#989898;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.date-info{
    float: right;
    text-align: right;
    background: #fff;
    margin-top:20px;
    
}

.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit, .search_stock_item div ol.stock_item li.ico_tit{
    margin-left:10px;
    vertical-align: middle;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit dl, .search_stock_item div ol.stock_item li.ico_tit dl{
    overflow: hidden;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit dl dd, .search_stock_item div ol.stock_item li.ico_tit dl dd{
    font:11px "Dotum";
    float:left;
    margin-right:6px;
}
.search_stock_item div ol.stock_item li{
	display: inline-block;
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit dl dd.ico01, .search_stock_item div ol.stock_item li.ico_tit dl dd.ico01{
    /* 종목 상세 코스피/코스닥 아이콘 스타일 */
    padding:5px 5px 3px 5px ;
    background: #f0f0f0;
    color: #7d7d7d;
    box-sizing: border-box;
    border-radius: 5px
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit dl dd.ico02, .search_stock_item div ol.stock_item li.ico_tit dl dd.ico02 {
    /* 종목 상세 종목 분야 아이콘 스타일 */
    padding:5px 5px 3px 5px ;
    background: #ecf0f6;
    color: #7d7d7d;
    box-sizing: border-box;
    border-radius: 5px
}
.container-stock-item .stock_item_title_wrap ol.item_tit_info li.ico_tit dl dd.ico03{
    /* 종목 상세 종목 거래정지 아이콘 스타일 */
    padding:5px 5px 3px 5px ;
    border:1px solid #8d80eb;
    box-sizing: border-box;
    background: #8d80eb;
    color:#fff;
}

/* 주식 종목 지수 정보 */
.container-stock-item .stock_item_price_wrap{
    clear: both;
    border-top:1px solid #eee;
    margin-top: 15px;
    overflow: hidden;
}
.search_stock_price_wrap{
	padding: 0 8px 20px 30px;
	clear: both;
	border-top: 1px solid #eee;
	overflow: hidden;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info,.search_stock_price_wrap .trd_info{
    width:450px;
    float:left;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info > ol.value li{
    display:inline-block;
    margin-left:15px;
    line-height: 30px;
    font-size:12px;
    color: #848484;
}
.search_stock_price_wrap ol.value li {
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    color: #848484;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info > ol.value li span, .search_stock_price_wrap ol.value li span{
    font-family: Work Sans;
    font-weight: bold;
    color: #000;
	margin-right: 10px
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price{
    overflow: hidden;
    margin-top:20px;
    margin-left:15px;
}
.search_stock_price_wrap .trd_info ol.item_price{
    overflow: hidden;
    margin-top:20px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price li, .search_stock_price_wrap .trd_info ol.item_price li {float:left;}

/*.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price li.value{font:34px arial;}

.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price li.percent{
    margin-left:15px;
    margin-top:8px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price li.percent dl{overflow: hidden;}
*/


/*

// 종목 상세 메인 타이틀 주가 지수 영역 //

.rise - 상 컬러
.drop - 하 컬러
.same - 보합 컬러

.up1 - 상승
.up2 - 상한
.down1 - 하락
.down2 - 하한
.same - 보합

*/
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl.rise{color:#ff3131}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl.drop{color:#1c5cff}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl.same{color:#555555}


/*


.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd{
    float:left;
    font:20px arial;
    margin-right: 15px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd.up1{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 7px;
    padding-left:15px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd.up2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -120px;
    padding-left:15px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd.down1{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -12px;
    padding-left:15px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd.down2{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -143px;
    padding-left:15px;
}
.container-stock-item .stock_item_price_wrap .item_price_trd_info ol.item_price .percent dl > dd.same{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -162px;
    padding-left:15px;
}

*/



/* 종목 전일/시가/고가/저가 */
.stock_item_price_wrap .dm_price_info, .search_stock_price_wrap .dm_price_info{
    width:280px;
    overflow: hidden;
    float:right;
    margin-top: 17px;
}
.stock_item_price_wrap .dm_price_info .pinfo, .search_stock_price_wrap .dm_price_info .pinfo{float:left; margin-left:15px;}
.stock_item_price_wrap .dm_price_info .pinfo li, .search_stock_price_wrap .dm_price_info .pinfo{
    font-size:14px;
    color:#888;
    margin-top:18px;
}
.stock_item_price_wrap .dm_price_info .pinfo li span.line_bul, .search_stock_price_wrap .dm_price_info .pinfo li span.line_bul{
    font-family: Work sans;
    background-position: 0 5px;
    padding-left:10px;
    margin-left:10px;
    color:#333;
}

/* 동종 내 상승 TOP 종목 */
.container-stock-item .item_same_info{
    clear: both;
    margin-top:20px;
    padding: 15px 0;
    background: #fffafa;
    border: 1px solid #ffe8e8;
    width:800px;
    overflow: hidden;
    
}
.container-stock-item .item_same_info ul{float:left;}
.container-stock-item .item_same_info > ul.title li{
    margin-left: 25px;;
    font-size:13px;
    color: #848484
}

.container-stock-item .item_same_info ul.same_item{
    overflow: hidden;
    font-size:12px;
    margin-left:15px;
}
.container-stock-item .item_same_info ul.same_item li.datetxt{
    display: inline-block;
    margin-left:16px;
    width:160px;
    font-weight: 500
}
.container-stock-item .item_same_info ul.same_item li.datetxt dl > dd{
    display:inline-block; vertical-align:top;
}
.container-stock-item .item_same_info ul.same_item li.datetxt dl > dd.itemtitle{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:100px;
}

.et_marketWrap .ir_banner{margin:15px 0 15px 0}


/* 종목 상세 시세/뉴스 탭 콘텐츠 */
.container-stock-item .item_tab_container .item-tab-title{
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: content-box;
    height:40px;
}
.container-stock-item .item_tab_container .item-tab-title ul.item_tabs {
    overflow: hidden;
    position:relative;
    z-index: 999;
}
.container-stock-item .item_tab_container .item-tab-title ul.item_tabs li{
    width:380px;
    height:40px;
    line-height: 40px;
    float:left;
    text-align: center;
    background: #fff;
    color:#333;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
}

.container-stock-item .item_tab_container .item-tab-title ul.item_tabs li.active {
    background: #4e89e7;
    color:#fff;
}



/*0806 소연*/
.mb70{margin-bottom:70px !important;}
.tit_m_st{ }
span.sb_tit{font-size: 12px; font-weight: 300;  box-shadow: 0 -10px 0 #f7f7f7 inset;}
.inline_b{display:inline-block;}
.market_menu{
    width: 800px;
    height: 95px;
    background: #f7f7f7;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}
.market_menu .menu_1 li{
    width: 19.5%;
    text-align: center;
    padding: 20px 0;
    display: inline-block;
    position: relative;
}
.market_menu .menu_2 li{
    width: 24.3%;
    text-align: center;
    padding: 20px 0;
    display: inline-block;
    position: relative;
}
.market_menu li dl dd{
    display: block
}

.market_menu li dl dd span.mk_ico1{
    width: 25px;
    height: 25px;
    background-position: -60px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico2{
    width: 25px;
    height: 25px;
    background-position: -106px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico3{
    width: 25px;
    height: 25px;
    background-position: -150px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico4{
    width: 25px;
    height: 25px;
    background-position: -191px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico5{
    width: 25px;
    height: 25px;
    background-position: -225px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico6{
    width: 25px;
    height: 25px;
    background-position: -259px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico7{
    width: 27px;
    height: 25px;
    background-position: -288px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico8{
    width: 25px;
    height: 25px;
    background-position: -323px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl dd span.mk_ico9{
    width: 25px;
    height: 25px;
    background-position: -353px -519px;
    position: relative;
    z-index: 1
}
.market_menu li dl{
    color: #888;
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE8 및 그 이하 버전용 */
}
.market_menu li dl:hover{
    opacity: 1.0;
    filter: alpha(opacity=100); /* IE8 및 그 이하 버전용 */
}
.market_menu li dl a:hover{
    color: #000;
}
/*.market_menu li dl:hover:before{
    content: "";
    background: #c4d5fc;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 0;
    left: 67px;
    top: 27px;    
}*/
.market_menu li dl.select{
    opacity: 1.0;
    filter: alpha(opacity=100); /* IE8 및 그 이하 버전용 */
    color: #000;
}
.market_menu .menu_1 li dl.select:before{
    content: "";
    background: #c4d5fc;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 0; 
    left: 67px;
    top: 27px;  
}
.market_menu .menu_2 li dl.select:before{
    content: "";
    background: #c4d5fc;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 0; 
    left: 85px;
    top: 27px;  
}
.market_submenu{
    font-size: 13px;
    text-align: center;
/*    height: 44px;*/
    border-bottom: 1px solid #eee;
}
.market_submenu li{
    display: inline-block;
    margin: 0 20px;
    padding: 15px 0;
}
.market_submenu li a{
    color: #888
}
.market_submenu li.select{
    border-bottom: 3px solid #294898;
   
}
.market_submenu li.select a{
    color: #000
}
.market_submenu li a:hover{
    color: #000 
}

.Market_Top{
    padding-bottom: 20px;
}
.Market_Top .market_submenu2{
    font-size: 18px;
    float: left;
}
.Market_Top .market_submenu2 li{
    display: inline-block;
    margin-right: 25px
}
.Market_Top .market_submenu2 li a{
    color: #333;
    font-weight: 100
}
.Market_Top .market_submenu2 li a.select{
    border-bottom: 2px solid #d8e0f2;
    box-shadow: 0 -8px 0 #d8e0f2 inset;
    font-weight: bold;
}

.market_submenu3{
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}
.market_submenu3 li{
    width: 16.3%;
    display: inline-block;
    margin: 10px 0;
}
.market_submenu3 li a{color: #888; padding-left: 8px}
.market_submenu3 li::before {
    content: "";
    display: block;
    position: relative;
    left:0;
    top: 12px;
    background-color: #868686;
    width: 3px;
    height: 3px;
}
.market_submenu3 .select a{
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #d8e0f2;
    box-shadow: 0 -8px 0 #d8e0f2 inset;
}




.Market_Top .time, .item_tit_info .time, .search_stock_item div ol.stock_item li.time  {
    font-family: Work Sans;
    font-size: 14px;
    padding-left: 10px;
    float: right;
    position: relative;
    top: 10px;
}
.Market_Top .time_live, .item_tit_info .time_live, .search_stock_item div ol.stock_item li.time .time_live  {
    font-family: 'Noto Sans KR';
    font-size: 13px;
    color: #ff4241;
    padding-right: 8px;
}
.Market_Top .time_live::before,  .item_tit_info .time_live::before, .search_stock_item div ol.stock_item li.time .time_live::before {
    content: "";
    display: block;
    position: relative;
    left: -10px;
    top: 12px;
    background-color: #ff4241;
    width: 5px;
    height: 5px;
	border-radius: 50%
}
.Market_Top .time_end, .item_tit_info .time_end {
    font-family: 'Noto Sans KR';
    font-size: 13px;
    color: #999;
    padding-right: 8px;
}
.Market_Top .time_end::before, .item_tit_info .time_end::before{
    content: "";
    display: block;
    position: relative;
    left: -10px;
    top: 12px;
    background-color: #999;
    width: 5px;
    height: 5px;
}
.stock_box {
    width:340px;
    padding: 0 30px;
    height: 225px;
    display: inline-block;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}
.stock_box.rd{
    background-color: #fff2f1;
    border: 1px solid #ffc6c6;
}
.stock_box.bl{
    background-color: #eef3ff;
    border: 1px solid #c6d2ff;
}
.stock_box.gy{
    background-color: #fff;
    border: 1px solid #eee;
}
.stock_box h2{
    font-size:26px;
    margin-left:15px;
}
/* 코스피 지수 정보 */
.stock_box ol.ko_price{overflow: hidden; margin-top:50px;margin-bottom: 20px;}
.stock_box ol.ko_price li{float:left;}
.stock_box ol.ko_price li.value, .s_value{font:34px Work Sans;  font-weight: 600;}
.stock_box.rd ol.ko_price li.value, .s_value.rd{color: #ff4241;}
.stock_box.bl ol.ko_price li.value, .s_value.bl{color: #1c5cff;}
.stock_box ol.ko_price li.percent, .item_price li.percent{
    margin-left:20px;
    margin-top:16px;
}
.stock_box ol.ko_price li.percent dl{overflow: hidden;}

/*

// 코스피_코스닥 종목 메인 타이틀 주가 지수 영역 //

.rise - 상 컬러
.drop - 하 컬러
.same - 보합 컬러

.up1 - 상승
.down1 - 하락
.same - 보합

*/
.stock_box ol.ko_price .percent dl.rise, .percent .s_rise{color:#ff3131}
.stock_box ol.ko_price .percent dl.drop, .percent .s_drop{color:#1c5cff}
.stock_box ol.ko_price .percent dl.drop, .percent .s_same{color:#989898}
.stock_box ol.ko_price .percent dl.same{color:#555555}
.stock_box ol.ko_price .percent dl > dd, .percent .s_rise dd, .stock_box ol.ko_price .percent dl > dd, .percent .s_drop dd, .percent .s_same dd{
    float:left;
    font:18px Work Sans;
    margin-right: 15px;
    font-weight: 300;
}
.stock_box.bl ol.ko_price .percent dl > dd.rd1::before{
    color: #ff4241;
}
.stock_box.bl ol.ko_price .percent dl > dd.bl1::before{
    color: #1c5cff;
}
.stock_box.gy ol.ko_price .percent dl > dd.gy1::before{
    color: #989898;
}
.stock_box .ko_price .percent .fa-plus, .stock_box .ko_price .percent .fa-minus, .s_rise .fa-plus, .s_drop .fa-minus, .s_same .fa-minus{font-size: 10px; vertical-align: middle; margin-bottom: 3px;}

.stock_box ol.ko_price .percent dl > dd.down1{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -12px;
    padding-left:15px;
}
.stock_box ol.ko_price .percent dl > dd.same{
    background: url('/images/sprite_bul.gif') no-repeat;
    background-position: 0 -162px;
    padding-left:15px;
}
/* 코스피 전일/시가/고가/저가 */

.stock_box .ko_price_info .pinfo{float:left;}
.stock_box .ko_price_info .pinfo li{
    font-size:15px;
    color:#888;
    margin-top:10px;
}
.stock_box .ko_price_info .pinfo li span.line_bul{
    font-size:17px;
    font-family: Work Sans;
    background-position: 0 5px;
    padding-left:10px;
    margin-left:10px;
    color:#333;
}
.graph_box{
    width:360px;
    height: 205px;
    padding: 20px 11px 0px;
    float: right;
    display: inline-block;
    border: 1px #eee solid;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}

.deal_info_tti{
    border: 1px solid #eee;
    clear: both;
    margin-top:30px;
    background: #f7f7f7;
    width:800px;
    height:50px;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}
.deal_info_tti .value{
    padding: 12px 15px;
    text-align: center;
}
.deal_info_tti .value li{
    display: inline-block;
    margin-right: 13px;
}
.deal_info_tti .value .datetxt{
    color: #848484;
    font-size: 14px;
}
.deal_info_tti .value li span{
    font-family: Work Sans;
    font-weight: 600;
    font-size: 15px;
    margin-left: 2px;
}
.deal_info_tti .value .datetxt .bk{
    color: #000
}
.rd1, .rd2{
    color: #ff4241;
}
.bl1, .bl2{
    color: #1c5cff;
}
.gy1, .gy2{
    color: #989898;
}
.fa-minus{
    font-size: 10px;
}
.container-stock .stock-newscon{clear: both; margin-top:60px;}
.stock-newscon .stock_tablebox{
    width:760px;
    border: 1px solid #eee;
    margin: 20px 0;
    padding: 10px 20px;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}
.stock_tablebox div ul li.news_list{
    border-bottom: 1px #eee solid;
    height: 60px
}
.stock_tablebox div ul li.news_list:nth-child(5){
    border-bottom: none
}
.stock_tablebox div ul li dt{
    width: 50px;
    text-align: center;
    background: #eee;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin: 18px 5px 18px 0;
}
.stock_tablebox .news_list dt a{color: #888;}
.stock_tablebox .news_list dt a:hover{color: #333;}
.stock_tablebox div ul li .news_txt{
    width: 420px;
    height: 20px;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    color: #444;
    float: left;
    margin: 18px 5px;
    white-space: nowrap
}
.stock_tablebox .news_txt a:hover{
    color: #000;
    box-shadow: 0 -2px 0 #333 inset;
}
.stock_tablebox div ul li .item{
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    float: right;
    margin: 9px 0;
}
.stock_tablebox div ul li .item ol{
    float: left;
    width: 120px;
}
.stock_tablebox div ul li .item ol .item_st{
    max-height: 20px;
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
    width: 110px;
}

.stock_tablebox div ul li .item .rd_up,.stock_tablebox div ul li .item .bl_down{
    font-family: Work Sans;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    padding: 2px 6px;
}
.stock_tablebox div ul li .item .rd_up{
    background-color: #ff4241;
}
.stock_tablebox div ul li .item .bl_down{
    background-color: #1c5cff;
}

/*시간별 시세*/
.stock-newscon .stock_tablebox2{
    width:760px;
    border: 1px solid #eee;
    margin: 0;
    padding: 10px 20px;
    -webkit-box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
    -moz-box-shadow: 3px 10px 10px 0px rgba(212,212,212,0.50);
    box-shadow: 3px 10px 10px 0px rgb(212 212 212 / 50%);
}
.stock_tablebox2 table{
    width: 100%;
    text-align: right;
}
.stock_tablebox2 table thead{
    border-bottom: 1px solid #333;
    height: 64px;
    color: #333;
    font-size: 13.5px;
}
.stock_tablebox2 table tbody{
    font-size: 15px;
}
.stock_tablebox2 table td, .stock_tablebox2 table th{
    padding: 18px 5px;
}
.stock_tablebox2 table tbody tr{
    border-bottom: 1px #eee solid;
    font-weight: 500;
}

.stock_tablebox2 table .txt_center{
    text-align: center;
}
.stock_tablebox2 table .txt_font{
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.stock_tablebox2 table tbody tr td:nth-child(n+5){
    color:#999
}

/*
.stock_tablebox2 .paging{
    font-family: Work Sans;
    font-size: 13px;
    text-align: center;
    margin: 33px 0;
    color: #999;
}
.stock_tablebox2 .paging a{
    padding: 0 8px;
    margin: 0 5px;
    color: #999;
}
.stock_tablebox2 .paging a:hover{
    color: #000;
    font-weight: 500;
}
.stock_tablebox2 .paging a.select{
    font-weight: 500;
    color: #000;
}
.stock_tablebox2 .paging a.select::after{
    content: "";
    width: 7px;
    height: 1px;
    background-color: #000;
    display: inline-block;
    position: relative;
    top: 5px;
    left: -6px;
}
*/