/* font */
@font-face{
font-family:'notokr-bold';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-Bold/notokr-bold.eot');
src:url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'), 
url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'), 
url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-regular') format('svg');
}
@font-face{
font-family:'notokr-medium';
font-weight:normal;
font-style:normal;   
src:url('../fonts/NotoKR-Medium/notokr-medium.eot');
src:url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'), 
url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'), 
url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-regular') format('svg');
}
@font-face{
font-family:'notokr-regular';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-Regular/notokr-regular.eot');
src:url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'), 
url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
}
@font-face{
font-family:'notokr-demilight';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-DemiLight/notokr-demilight.eot');
src:url('../fonts/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'), 
url('../fonts/NotoKR-DemiLight/notokr-demilight.woff') format('woff'), 
url('../fonts/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'), 
url('../fonts/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
}
@font-face{
font-family:'notokr-light';
font-weight:normal;
font-style:normal;
src:url('../fonts/NotoKR-Light/notokr-light.eot');
src:url('../fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Light/notokr-light.woff2') format('woff2'), 
url('../fonts/NotoKR-Light/notokr-light.woff') format('woff'), 
url('../fonts/NotoKR-Light/notokr-light.ttf') format('truetype'), 
url('../fonts/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
}
strong, b{font-weight:normal}
/* header */
#skipnav li a:link, #skipnav li a:visited{display:block;width:100%;background:#247acd;color:#fff;padding:10px;position:absolute;top:-1000px;left:0;z-index:1000}
#skipnav li a:focus, #skipnav li a:active{top:0}
/*stock_bar*/
.stock_bar, .stock_bar *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.stock_bar{background:#3f3f3f}
.stock_bar_down{width:100%;height:43px;overflow:hidden;transition:all 0.3s ease-out}
.stock_bar_up{width:100%;height:0;overflow:hidden;transition:all 0.3s ease-out}
.stock_bar > div{width:1198px;height:100%;margin:0 auto;position:relative}
.stock_bar_go{display:block;width:115px;height:100%;position:absolute;top:0;left:0;background:#525252;z-index:20;font-family:'notokr-medium'}
.stock_bar_go:hover{background:#636363}
.stock_bar_go > span{display:inline-block;padding-left:20px;color:#c8c8c8;font-size:14px;line-height:42px;position:relative}
.stock_bar_go:hover > span{color:#fff}
.stock_bar_go > span:after{display:block;content:"";width:16px;height:14px;position:absolute;top:13px;left:-2px;background:url("../images/stock_view.png") no-repeat;opacity:0.6}
.stock_bar_go:hover > span:after{opacity:1}
.stock_bar_con{width:100%;height:100%;padding:0 0 0 115px;font-family:'notokr-medium';line-height:42px}
.stock_bar_con li{width:25%;height:100%;float:left;border-right:1px solid #4f4f4f}
.stock_bar_con li:last-child{border-right:none}
.stock_bar_con li > a{display:block;text-align:center}
.stock_bar_con li > a:hover{background:#454545}
.stock_bar_con li > a > *{letter-spacing:0;display:inline-block}
.sbc_s1{font-size:14px;color:#999;position:relative;margin-right:4px}
a:hover .sbc_s1{color:#fff}
.stock_bar_con li > a strong,
.stock_bar_con li > a span:nth-child(3),
.stock_bar_con li > a span:nth-child(4){font-size:14px;padding-left:3px}
.stock_bar_con .black{color:#888}
.stock_bar .up{color:#ff3535}
.stock_bar .down{color:#3992ff}
.stock_bar_con li > a span:nth-child(3){position:relative;padding-left:10px;margin-left:5px}
.stock_bar_con li > a span.up:nth-child(3):after{display:block;content:"";width:7px;height:5px;position:absolute;top:19px;left:0;background:url(../images/triangle_red.svg) no-repeat;background-size:100%}
.stock_bar_con li > a span.down:nth-child(3):after{display:block;content:"";width:7px;height:5px;position:absolute;top:19px;left:0;background:url(../images/triangle_blue.svg) no-repeat;background-size:100%}
.stock_slide{width:53px;height:43px;position:absolute;top:0;right:50%;margin-right:-652px}
.stock_slide a{display:block;height:100%;background:#1d1d1d;text-indent:-9999px;font-size:0}
.stock_slide a span{display:block;width:16px;height:9px;position:absolute;top:16px;left:18px;background:url("../images/slide.png")no-repeat}
.stock_slide .close{display:block}
.stock_slide .close span{background-position:0 0}
.stock_slide .open{display:none}
.stock_slide .open span{background-position:-16px 0}
/*menu*/
#header, #header *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#header{border-top:2px solid #e01e26;background:#fff;width:100%}
#header.fixed{position:fixed;top:0;left:0;z-index:9999}
#header.fixed .header1{border-bottom:1px solid #ced1d6}
#header.fixed .header1 .hamburger{display:block}
#header.fixed .header2{display:none}
.header > div{width:1198px;margin:0 auto;position:relative;height:100%}
.header a{display:block;height:100%}
.header1{height:90px}
.header1 h1{width:178px;height:39px;position:absolute;top:25px;left:50%;margin-left:-89px}
.header1 h1 img{width:100%}
.header1 h2, .header1 .hamburger{display:none}
.header1 #search{position:absolute;top:25px;right:5px}
#search_box{display:block;height:31px;position:absolute;top:0;right:0}
#search_box input{display:block;width:205px;height:100%;background:none;border:1px solid #f39999;border-radius:16px;outline:none;padding:0 35px 0 15px;transition:all 0.5s ease-out;font-size:15px;font-family:'notokr-medium';color:#333;transition:all 0.3s ease-out}
#search_box input.click{width:305px;border:2px solid #e10000}
#search_box input:focus{border:2px solid #e10000;transition:all 0.3s ease-out}
#search_box a{width:31px;height:31px;position:absolute;top:0;right:5px;background:#f39999;font-size:0;background:url("../images/search_btn.png")no-repeat center;background-size:15px;text-indent:-9999px}
.search_hash{display:inline-block;padding-top:39px;font-size:0}
.search_hash li{display:inline-block;margin-left:10px;font-family:'notokr-regular'}
.search_hash li a{color:#f39999;font-size:13px}
.search_hash li a:hover{color:#e31010;font-family:'notokr-medium'}
.header2{/*height:58px;*/ border-top:1px solid #ced1d6;border-bottom:1px solid #ced1d6;background:#f8f8f8}
.header2 .info{display:block;width:27px;height:28px;position:absolute;top:14px;left:15px;background:url("../images/info_black.png")no-repeat;background-position:0 0;font-size:0;text-indent:-9999px}
.header2 .info:hover{background-position:-27px 0}
.header2 #menu{font-size:0;height:100%}
.header2 #menu li{display:inline-block;height:100%;font-size:20px;padding:0 35px}
.header2 #menu li a{color:#1e181a;line-height:54px;position:relative;font-family:'notokr-Bold'}
.header2 #menu li a:after{display:block;content:"";width:0;height:1px;position:absolute;bottom:-1px;left:50%;background:#000;opacity:0;transition:all 0.3s ease-out}
.header2 #menu li a:hover:after {width:100%;opacity:1}
.header2 #menu li:nth-child(1) a:hover:after{margin-left:-35px}
.header2 #menu li:nth-child(2) a:hover:after{margin-left:-17px}
.header2 #menu li:nth-child(3) a:hover:after{margin-left:-27px}
.header2 #menu li:nth-child(4) a:hover:after{margin-left:-42px}
.header2 #menu li:nth-child(5) a:hover:after{margin-left:-34.5px}
.menu_icon{display:inline-block;height:55px;position:absolute;top:-1px;right:0;font-size:0}
.menu_icon li{display:inline-block;height:100%;position:relative}
.menu_icon li > a{width:57px;font-size:0;text-indent:-9999px;position:relative}
.menu_icon li a span{display:block;position:absolute}
.menu_icon li a .b1{width:22px;height:24px;top:16px;left:16px}
.menu_icon li a .b2{display:none;width:16px;height:15px;top:20px;left:21px;background:url("../images/hd_share_close.png")no-repeat}
.menu_icon li.login a{position:absolute;top:0;right:0}
.menu_icon li.login a .b1{background:url("../images/login_black.png")no-repeat;background-position:0 0}
.menu_icon li.share a .b1{background:url("../images/share_black.png")no-repeat;background-position:0 0}
.menu_icon li a:hover .b1{background-position:-22px 0}
.login_layer, .share_layer{display:none}
/*click*/
.menu_icon li.click > a{background:#3c3c3c}
.menu_icon li.click a .b1{display:none}
.menu_icon li.click a .b2{display:block}
.menu_icon li.click .login_layer{display:inline-block;height:165px;margin:55px 0 0 0;border:1px solid #3c3c3c;font-size:0;background:#fff;position:relative;z-index:100} 
.menu_icon li.click .login_layer .lg1{padding:0 20px}
.menu_icon li.click .login_layer .lg1 > *{display:inline-block;width:auto}
.menu_icon li.click .login_layer .log_info{height:58px;line-height:58px;font-size:13px}
.menu_icon li.click .login_layer .log_info span:nth-child(1){display:inline-block;width:33px;height:33px;background:url("../images/people.png")no-repeat;margin-top:12px;margin-right:5px}
.menu_icon li.click .login_layer .log_info span:nth-child(2){display:inline-block;font-size:14px;margin-right:20px;color:#333;letter-spacing:-0.5px;font-family:'notokr-regular'}
.menu_icon li.click .login_layer .lg1 a{height:58px;color:#333;font-size:14px;text-indent:0;line-height:56px;position:relative;font-family:'notokr-Bold'}
.menu_icon li.click .login_layer .lg1 a:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:15px;left:0;background:#000}
.menu_icon li.click .login_layer .lg2{width:100%;height:105px;background:#e9e9e9;padding:20px}
.lg2 a{position:static !important;text-indent:0 !important}
.lg2 .lg2_1{display:inline;height:auto;font-size:15px;color:#333;font-family:'notokr-demilight'}
.lg2 .lg2_1 span{display:inline;color:#ff3535;position:static !important}
.lg2 .lg2_2{display:block;margin-top:15px}
.lg2 .lg2_2 a{display:inline-block;width:105px;height:35px;border:1px solid #babdc2;background:#fff;font-size:13px;font-family:'notokr-medium';color:#3c3c3c;line-height:33px;margin:0 2px}

.menu_icon li.click .share_layer{display:block;width:226px;height:58px;position:absolute;bottom:-58px;right:0;border:1px solid #3c3c3c;text-align:right;font-size:0;z-index:100}
.menu_icon li.click .share_layer li{width:56px;height:56px;display:inline-block;position:relative}
.menu_icon li.click .share_layer li.goo:after{display:block;content:"";width:1px;height:58px;position:absolute;top:-1px;right:-1px;background:#3c3c3c}
.menu_icon li.click .share_layer li a{display:block;height:100%;background:#fff;position:relative}
.menu_icon li.click .share_layer li span{display:block;position:absolute;background-position:0 0}
.menu_icon li.click .share_layer li.fb span{width:12px;height:21px;background:url("../images/fb.png")no-repeat;top:17px;left:22px}
.menu_icon li.click .share_layer li.tw span{width:23px;height:21px;background:url("../images/tw.png")no-repeat;top:19px;left:18px}
.menu_icon li.click .share_layer li.tw a:hover span{background-position:-23px 0}
.menu_icon li.click .share_layer li.ka span{width:12px;height:21px;background:url("../images/ka.png")no-repeat;top:18px;left:22px}
.menu_icon li.click .share_layer li.goo span{width:25px;height:20px;background:url("../images/go.png")no-repeat;top:19px;left:18px}
.menu_icon li.click .share_layer li.goo a:hover span{background-position:-25px 0}
.menu_icon li.click .share_layer li.fb a:hover span,
.menu_icon li.click .share_layer li.ka a:hover span{background-position:-12px 0}
.menu_icon li.click .share_layer li.fb a:hover{background:#3c5a9a}
.menu_icon li.click .share_layer li.tw a:hover{background:#2aa9e0}
.menu_icon li.click .share_layer li.ka a:hover{background:#f2d320}
.menu_icon li.click .share_layer li.goo a:hover{background:#ff0000}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .menu_icon li.click .share_layer{width:225px;right:1px}
}
/*Sub Header*/
.sub .header1 h1{width:105px;height:24px;top:33px;left:73px;margin-left:0}
.sub .header1 h2{display:block;line-height:90px;font-size:36px}
.sub .header1 h2 a{display:inline-block;font-family:'notokr-Bold';color:#333}
.sub .header1 h2 a sup {display:inline-block; height: 90px; line-height: 90px; font-size: 22px; margin-top: -6px;}
.sub .header1 .hamburger{display:block}
.hamburger > a{display:block;width:58px;height:58px;position:absolute;top:15px;left:0;border:1px solid #fff;text-indent:-9999px;color:#fff}
.hamburger > a span{display:block;width:20px;height:18px;background:url("../images/sub_header.png")no-repeat;background-position:0 0 ;position:absolute;top:18px;left:18px}
.hamburger > a:hover{border:1px solid #ced2d7}
.hamburger > ul{display:none;width:200px;height:338px;position:absolute;top:72px;left:0;border:1px solid #3c3c3c;z-index:100}
.hamburger > ul li{border-top:1px solid #9d9d9d;height:56px;line-height:55px;font-family:'notokr-bold'}
.hamburger > ul li{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .hamburger > ul li{font-family:'notokr-medium'} 
.hamburger > ul li:first-child{border-top:0 none}
.hamburger > ul li a{display:block;height:100%;font-size:18px;color:#3c3c3c;text-align:left;padding:0 20px;background:#fff}
.hamburger > ul li a:hover{background:#ebebeb;color:#e01f26}
.hamburger > ul li a sup {display:inline-block; margin-top: -3px;}
.hamburger.on > a{background:#3c3c3c;border:1px solid #3c3c3c}
.hamburger.on > a span{background-position:-20px 0}
.hamburger.on > ul{display:block}
.sub .header2 #menu{display:inline-block}
.sub .header2 #menu > li{font-size:17px;padding:0 15px}
.sub .header2 #menu > li a{color:#1d1819;font-family:'notokr-medium'}
.sub .header2 #menu > li a{*font-family:'notokr-regular';font-family:'notokr-regular' \0/IE8+9 ;font-family:'notokr-regular'\-} 
_:-ms-fullscreen, :root .sub .header2 #menu > li a{font-family:'notokr-regular'} 
.sub .header2 #menu > li.on a, .sub .header2 #menu > li.on a:hover{color:#e01f26}
.sub .header2 #menu > li a:hover{color:#000}
.sub .header2 #menu > li a:after{display:none}
.sub .header2 #menu > li.issue_plus{display:inline-block;padding:0 13px 0 46px;margin-right:7px;font-size:17px;line-height:54px;color:#1d1819;font-family:'notokr-regular'}
.sub .header2 #menu > li.issue_plus:last-child{margin-left:30px}
.sub .header2 #menu > li.issue_plus > *{display:inline-block;height:100%}
.sub .header2 #menu > li.issue_plus .ipt{display:inline-block;position:relative;line-height:53px}
.sub .header2 #menu > li.issue_plus .ipt.sub{font-size:17px;color:#e01f26}
.sub .header2 #menu > li.issue_plus .ipt span{display:block;width:53px;height:19px;position:absolute;top:17px;left:-58px;background:url("../images/issue_plus.png")no-repeat}
.sub .header2 #menu > li.issue_plus .ipt span{display:block;width:69px;height:19px;position:absolute;top:17px;left:-74px;background:url("../images/v_report.png")no-repeat}
.sub .header2 #menu > li.issue_plus:first-child .ipt:after{display:block;content:"";width:7px;height:9px;position:absolute;top:22px;right:-13px;background:url("../images/issue_plus2.png")no-repeat}
.sub .header2 #menu > li.issue_plus:first-child .ipt.sub:after{background:url("../images/issue_plus3.png")no-repeat}
.sub .header2 #menu > li.issue_plus ul{display:inline-block;margin-left:24px}
.sub .header2 #menu > li.issue_plus ul li{font-size:17px;padding:0 5px}
.sub .header2 #menu > li.issue_plus ul li a{color:#888;font-family:'notokr-regular'}
.sub .header2 #menu > li.issue_plus ul li a:hover{color:#000}

/*contents*/
.ConWrap{width:1198px;margin:0 auto}
.ConWrap.first.fixed, #wrap.fixed{padding-top:150px}
.ConCut{}
.ConCut.gray{background:#f2f2f2}

/*img*/
.imgFormWrap{display:block;width:100%;height:0;position:relative;overflow:hidden;padding:0 0 56.005% 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.imgFormWrap span.imgspan{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.imgFormWrap span.imgspan:after{display:block;content:"";width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.imgFormWrap span.imgspan img{width:100%;min-height:100%}
/*exception*/
.cube_box .imgFormWrap{padding:0 0 59.86% 0}

/*border-transition*/
.draw{width:100%;height:100%;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ced2d7;position:absolute;top:0;right:0;transition:color 0.25s}
.draw::before, .draw::after{box-sizing:inherit;content:'';position:absolute;border:1px solid transparent;width:0;height:0}
.draw::before{top:0;right:0}
.draw::after{bottom:0;left:0}
.draw:hover::before, .draw:hover::after{width:100%;height:100%}
.draw:hover::before{transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;z-index:10}
.draw:hover::after{transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;z-index:10}
/*border-color*/
.draw.black:hover::before{border-top-color:#000;border-right-color:#000}
.draw.black:hover::after{border-bottom-color:#000;border-left-color:#000}
.draw.red:hover::before{border-top-color:#ff3535;border-right-color:#ff3535}
.draw.red:hover::after{border-bottom-color:#ff3535;border-left-color:#ff3535}
.draw.blue:hover::before{border-top-color:#0374ff;border-right-color:#0374ff}
.draw.blue:hover::after{border-bottom-color:#0374ff;border-left-color:#0374ff}
/*.sList_ul .imgFormWrap span.imgspan:after{display:none}*/
.draw2{width:100%;height:100%;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ced2d7;position:absolute;top:0;right:0;transition:color 0.25s}
.draw2::before, .draw2::after{box-sizing:inherit;content:'';position:absolute;border:1px solid transparent;width:0;height:0}
.draw2::before{top:0;right:0}
.draw2::after{bottom:0;left:0}
.sList_ul li a:hover .draw2::before, 
.sList_ul li a:hover .draw2::after{width:100%;height:100%}
.sList_ul li a:hover .draw2::before{transition:width 0.25s ease-out, height 0.25s ease-out 0.25s}
.sList_ul li a:hover .draw2::after{transition:width 0.25s ease-out, height 0.25s ease-out 0.25s}
.s2 a:hover .draw2::before{border-top-color:#ef6800;border-right-color:#ef6800}
.s2 a:hover .draw2::after{border-bottom-color:#ef6800;border-left-color:#ef6800}
.s3 a:hover .draw2::before{border-top-color:#b70b17;border-right-color:#b70b17}
.s3 a:hover .draw2::after{border-bottom-color:#b70b17;border-left-color:#b70b17}
.s4 a:hover .draw2::before{border-top-color:#009b28;border-right-color:#009b28}
.s4 a:hover .draw2::after{border-bottom-color:#009b28;border-left-color:#009b28}
.s5 a:hover .draw2::before{border-top-color:#004ea1;border-right-color:#004ea1}
.s5 a:hover .draw2::after{border-bottom-color:#004ea1;border-left-color:#004ea1}
.s6 a:hover .draw2::before{border-top-color:#7c24b8;border-right-color:#7c24b8}
.s6 a:hover .draw2::after{border-bottom-color:#7c24b8;border-left-color:#7c24b8}

/*kospi, kosdaq*/
.card{width:100%;height:260px;margin-bottom:20px} 
.card > *{display:block;width:100%;height:100%;padding:20px;text-align:left;position:relative}
.card .st_chart{width:100%;height:109px}
.card .kospi{display:block;width:100%}
.card .kospi > strong{display:block;font-size:18px;color:#333;font-family:'notokr-Bold'}
.sto_time{position:absolute;top:22px;right:20px;color:#888;font-size:12px;font-family:'Tahoma';letter-spacing:0}
.sto_time span{font-family:'notokr-demilight';letter-spacing:-1px;line-height:16px}
.sto_time span{*line-height:15px;line-height:15px \0/IE8+9 ;line-height:15px\-} 
_:-ms-fullscreen, :root .sto_time span{line-height:15px} 
.arKospiRight .sto_time span{line-height:14px}
.c_5_2_tNum{width:100%;font-size:16px;letter-spacing:0;display:inline-block;height:15px;line-height:15px;font-family:'Tahoma';margin:20px 0 15px 0;text-align:right}
.c_5_2_tNum > span:nth-child(1){font-size:24px;float:left;font-weight:bold}
.c_5_2_tNum span:nth-child(2){padding-left:22px;display:inline-block;line-height:17px}
.c_5_2_tNum span:nth-child(3){padding-left:6px;display:inline-block;line-height:17px}
.card .up{color:#ff3535}
.card .down{color:#0374ff}
.card .pitch span{position:relative;display:inline-block}
.card .pitch span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:5px;left:-12px}
.card .pitch.down span:after{background:url(../images/triangle_blue.svg) no-repeat;background-size:100%}
.card .pitch.up span:after{background:url(../images/triangle_red.svg) no-repeat;background-size:100%}
.set4{display:block;width:100%;height:28px;position:relative}
.set4 > span{display:inline-block;line-height:28px;font-size:13px;color:#333;font-family:'notokr-demilight'}
.set4 > span:not(:root:root){line-height:28px}
.set4 > span span{font-size:13px;letter-spacing:0;line-height:27px;font-family:'Tahoma'}
.set4 > span:nth-child(1){position:absolute;top:0;left:0}
.set4 > span:nth-child(2){display:block;width:100%;text-align:center}
.set4 > span:nth-child(3){position:absolute;top:0;right:0}
.set4 > span:nth-child(4){position:absolute;bottom:-18px;right:0;color:#666;font-size:11px;font-family:'notokr-demilight'}

/*search black box*/
.auto_select{color:#ff5a5a}
.search_box{height:50px;background:#3c3c3c;position:relative}
.search_box input{width:100%;height:100%;border:0 none;padding:0 50px 0 20px;background:none;color:#fff;font-family:'notokr-medium';letter-spacing:0;outline:none}
.search_box input::placeholder{color:#fff}
.search_box a{display:block;width:50px;height:50px;position:absolute;top:0;right:0;text-indent:-9999px;font-size:0}
.search_box a span{display:block;width:15px;height:15px;background:url("../images/auto_search.png")no-repeat;margin:17px 0 0 17px}
.ui-autocomplete, .ui-autocomplete *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ui-autocomplete{width:296px;position:absolute;top:610px;left:0;background:#676767;z-index:10;max-height:200px;border:0 none}
.ui-autocomplete:after{display:block;content:"";width:9px;height:7px;position:absolute;top:-29px;right:48px;background:url("../images/auto_select.png")no-repeat;z-index:10}
.UiAutoComplete.ui-autocomplete:after{top:-25px;right:166px}
.ui-autocomplete .ui-menu-item:nth-child(1), .ui-autocomplete .ui-menu-item:nth-child(1).ui-state-focus{border-top:none}
.ui-autocomplete .ui-menu-item{width:100%;height:40px;line-height:39px;border-top:1px solid #858585;font-size:14px;text-align:left;padding:0;list-style-image:none;font-family:'notokr-medium'}
.ui-autocomplete .ui-menu-item a{display:block;height:100%;position:relative;color:#fff}
.ui-autocomplete .ui-menu-item.ui-state-focus{background:#535353;border:0 none;border-top:1px solid #858585;margin:0}
.ui-autocomplete a > span:nth-child(1){position:absolute;top:0;left:20px;letter-spacing:0}
.ui-autocomplete a > span:nth-child(2){display:block;width:100%;padding:0 60px 0 80px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-autocomplete a > span:nth-child(3){display:inline-block;position:absolute;top:0;right:20px}

/*stock Tab*/
.up{color:#ff3535}
.down{color:#0374ff}
table{text-align:right;table-layout:fixed;width:100%}
/*table span{vertical-align:middle}*/
table.ta3 td:nth-child(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank_num{text-align:left;letter-spacing:-1px}
.rank_num a:hover{text-decoration:underline}
.rank_num a span{color:#333;font-size:13px}
.rank_num a span:first-child{display:inline-block;width:14px;height:13px;background:#b2b5b9;color:#fff;font-size:9px;text-align:center;margin-right:5px;text-indent:-1px;line-height:13px;font-family:'Tahoma';margin-top:2px}
.rank_num.rank_numA a span:first-child{background:#ff3535}
.rank_numA a span:nth-child(2), .rank_numA, .rank_numA a{color:#ff3535}
.rank_numB a span:nth-child(2), .rank_numB, .rank_numB a{color:#0374ff}
.rank_num.rank_numB a span:first-child{background:#0374ff}
.rank_num.rank_numC a span:first-child{width:25px;height:auto;background:none;border:0 none;color:#b4b4b4;font-size:10px;text-align:center;border-radius:0;margin-right:0;text-indent:-1px;letter-spacing:0}
table td.rank_num.rank_numC > .td_position{padding:7px 10px 7px 0}
/*tap_mini btn*/
.right_side_tab > .tab_menu{border-top:1px solid #ced2d7;height:35px;border-right:1px solid #ced2d7;border-left:1px solid #ced2d7}
.right_side_tab > .tab_menu > li{width:50%;height:35px;float:left}
.right_side_tab > .tab_menu > li a{display:block;font-size:14px;line-height:33px;color:#b0b0b0;background:#ebebeb;text-align:center;border-bottom:1px solid #ced2d7;font-family:'notokr-Bold'}
.right_side_tab > .tab_menu > li.on a{color:#333;background:#fff;border-bottom:0 none;border-left:1px solid #ced2d7}   
.right_side_tab > .tab_menu > li.on:first-child a{border-left:0 none;border-right:1px solid #ced2d7}
.right_side_tab > .tab_cont > div{padding:15px 0;height:275px}
/* rank common */
.top_rank2 table.ta3 td, .top_rank table.ta3 td{height:25px}
.rankta3 a{display:block;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;line-height:25px;font-family:'notokr-regular';font-size:13px}
.rankta3 a:hover{color:#000;text-decoration:underline}
.rank_num a span{font-family:'notokr-Bold'}
.rank_num a span{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .rank_num a span{font-family:'notokr-medium'} 
.top_rank table, .top_rank2 table{border:0 none;width:100%}
.top_rank table.ta3 td:nth-child(2), .top_rank table.ta3 td:nth-child(3), 
.top_rank2 table.ta3 td:nth-child(2){text-align:right;font-size:12px;font-family:'Tahoma'}
/*only number*/
.top_rank table.ta3 td:nth-child(2), .top_rank table.ta3 td:nth-child(3), 
.top_rank2 table.ta3 td:nth-child(2), .top_rank3 table.ta3 td:nth-child(2), .top_rank3 table.ta3 td:nth-child(3){letter-spacing:0}
/* rank1 */
.top_rank table.ta3 td:nth-child(1){width:auto;padding:0 0 0 2px}
.top_rank table.ta3 td:nth-child(2){width:60px;padding:0 0 0 0} /*none*/
.top_rank table.ta3 td:nth-child(3){width:75px;padding:0 2px 0 0}
.top_rank table.ta3 td.up:nth-child(3){color:#ff3535}
.top_rank table.ta3 td.down:nth-child(3){color:#0374ff}
/* rank2 */
.top_rank2 table.ta3 td:nth-child(1){width:auto;padding:0 0 0 2px}
.top_rank2 table.ta3 td:nth-child(2){width:60px;padding:0 0 0 0}
.top_rank2 table.ta3 td:nth-child(3){width:120px;padding:0 2px 0 25px;letter-spacing:-1.5px;text-align:left} /*none*/
.top_rank2 table.ta3 td:nth-child(3) a span{color:#666;letter-spacing:-1px;font-size:12px}
.top_rank2 table.ta3 .rankta3 .pitch{padding-left:10px}
.top_rank2 table.ta3 td:nth-child(3) a:hover span{text-decoration:underline}
/* rank3 */
.top_rank3 table.ta3 td:nth-child(1){width:auto;padding:0 0 0 2px}
.top_rank3 table.ta3 td:nth-child(2){width:51px;padding:0 0 0 0}/*none*/
.top_rank3 table.ta3 td:nth-child(3){width:86px;padding:0 2px 0 0;text-align:right;letter-spacing:-0.4px}
/* icon */
.pitch > span{position:relative;display:inline-block;line-height:18px}
.pitch > span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:14px;left:-14px}
.top_rank2 table .pitch span:after{width:8px;height:5px;top:10px;left:-10px}
.top_rank2 table .pitch.up span:after{background:url("../images/triangle_red.svg") no-repeat;background-size:8px 5px}
.top_rank2 table .pitch.down span:after{background:url("../images/triangle_blue.svg") no-repeat;background-size:8px 5px}
.top_rank2 table .pitch.up.allup span:after{width:8px;height:11px;top:7px;left:-9px;background:url("../images/allup.png") no-repeat}
.top_rank2 table .pitch.down.allup span:after{width:8px;height:11px;top:7px;left:-9px;background:url("../images/alldown.png") no-repeat}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .stock_right > div .stoDot:after{top:10px}
}
/* right box - "common" */
.thistime{width:100%;position:relative;margin-bottom:10px}
.thistime:last-child{margin-bottom:0}
.thistime h2{width:100%;height:35px;border:1px solid #cfd3d7;padding-left:15px}
.thistime h2 a{display:block;width:100%;height:100%;color:#333;line-height:33px;font-size:14px;text-align:left;font-family:'notokr-Bold'}
.thistime .more{width:13px;height:13px;position:absolute;top:11px;right:10px;opacity:0.5}
.thistime .more:hover{opacity:1}
.thistime ul{width:100%;padding:15px 2px;height:275px}
.thistime .stoDot{width:100%;text-align:left}
.thistime .stoDot a{display:block;width:100%;height:25px;line-height:25px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'notokr-regular';color:#666;padding-right:60px}
.thistime .stoDot a:hover{color:#000}
.thistime li a:hover span:nth-child(2){color:#333}
.thistime ul li span:first-child{font-family:'notokr-Bold'}
.thistime ul li span:first-child{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .thistime ul li span:first-child{font-family:'notokr-medium'} 
.thistime .stoDot a:hover span:nth-child(2){text-decoration:underline}
.thistime ul li span:nth-child(3){display:inline-block;position:absolute;top:0;right:0;font-size:12px;letter-spacing:0;font-family:'tahoma'}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .thistime .stoDot a{height:25px;line-height:24.2px}
}

/* footer */
#footer{padding:100px 0 40px;width:100%}
#footer .btn_fix{width:58px;height:58px;position:fixed;right:50%;bottom:10px;z-index:1000}
#footer .btn_fix a{display:block}
.subscribe_cover, 
.subscribe_cover *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.subscribe_cover{position:relative;height:58px;margin-bottom:18px;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7}
.subscribe_cover > div{width:1198px;margin:0 auto;position:relative}
.subscribe_cover .menu_cover{position:relative;text-align:left}
.subscribe_cover .menu_cover .menu_list{display:inline-block;zoom:1;*display:inline}
.subscribe_cover .menu_cover .menu_list li{float:left}
.subscribe_cover .menu_cover .menu_list a{display:block;height:100%;line-height:56px;padding-right:9px;margin-right:8px;background:url("../../sedaily/images/content/bg_bar.gif") no-repeat right 50%;font-family:'notokr-regular';font-size:15px;color:#333}
.subscribe_cover .menu_cover .menu_list li:nth-child(4) a{font-family:'notokr-Bold'}
.subscribe_cover .menu_cover .menu_list li.last a{padding:0;margin:0;background:none}
.subscribe_cover .family_site{position:absolute;top:0;right:58px;text-align:left;height:100%}
.subscribe_cover .family_site .family_go{display:block;width:221px;height:100%;background:#fff;border-left:1px solid #ced2d7;line-height:56px;padding-left:10px;position:relative;font-family:'notokr-regular';font-size:15px;color:#333}
.subscribe_cover .family_site .family_go > span{display:block;width:28px;height:100%;position:absolute;top:0;right:0}
.subscribe_cover .family_site .family_go span span{display:block;width:13px;height:9px;background:url("../images/footer_arr.png") no-repeat center;background-position:0 0;font-size:0;text-indent:-9999px;margin-top:22px}
.subscribe_cover .family_site .family_go span span.reverse{background-position:-13px 0}
.subscribe_cover .family_site ul{width:222px;position:absolute;bottom:57px;left:0;display:none;z-index:50 ;border:1px solid #ced2d7;border-bottom:0 none}
.subscribe_cover .family_site ul li{background:#fff;height:46px;border-top:1px solid #e6e8eb}
.subscribe_cover .family_site ul li:first-child{border-top:0 none}
.subscribe_cover .family_site ul li a{display:block;height:100%;line-height:45px;padding-left:15px;font-size:15px;color:#888;font-family:'notokr-regular'}
.subscribe_cover .family_site ul li a:hover{background:#f7f8f9;color:#333}
.subscribe_cover p{width:58px;height:100%;position:absolute;right:0;top:0;text-align:center;border-left:solid 1px #ced2d7;border-right:solid 1px #ced2d7;background:url("../images/foot1.png") no-repeat 50% 17px}
.subscribe_cover p > a{display:block;width:100%;height:100%;padding-top:28px;font-family:'Titillium Web';letter-spacing:0;font-size:11px;color:#b0b4b9}
.address_cover{width:1198px;margin:0 auto;position:relative;font-size:13px}
.address_cover h2{position:absolute;left:0;top:50%;margin-top:-12px}
.address_cover > div{margin-left:135px;text-align:left;line-height:18px;font-family:'notokr-demilight';color:#888;line-height:22px;letter-spacing:-0.3px}
.address_cover address span{display:inline-block;zoom:1;*display:inline;padding-right:6px;margin-right:5px}
.address_cover .letter{font-family:'Titillium Web'}
.mm_hd{display:none}

/*------------------ AD ------------------*/
.adBox{height:auto}
.adBox div{background:#fff;display:block;height:auto;position:relative}
.adBox div a {display: block; }
.adBox div a:after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.adBox div img{width:100%;height:auto}
#wingAD{width:160px;position:absolute;top:280px;left:50%;margin-left:-779px; transition: all 0.3s ease-out} /*main page :left*/
#wingAD.stock, #wingAD2.stock {top:237px; }
#wingAD2{width:160px;position:absolute;top:280px;right:50%;margin-right:-779px; transition: all 0.3s ease-out} /*main page :right*/
#wingAD2 div{margin-top:5px}
#wingAD2 div:first-child{margin-top:0}
.right_sub_con > div#wingAD3, .stock_right > div#wingAD3{border:0 none !important} /*article page :right*/
#wingAD3 div a:after{border:1px solid rgba(0,0,0,0.2)}
#wingAD4{margin-bottom:20px} /*article page :bottom*/