@charset "utf-8";
* { font-family: 'Noto Sans KR', sans-serif !important; }

.red { color: #e74447; }
.blue { color: #0066ba; }

.red_bg { background-color: #e74447; }
.blue_bg { background-color: #0066ba; }

.etfnow-tab { width: 33.333%; text-align: center; font-weight: bold; }
.etfnow-tab-signal { width: 50%; text-align: center; font-weight: bold; }

.etfnow-nav-tab { border-bottom: 1px solid #000000; }
.nav-tabs .nav-link { color: #afacb7; }
.nav-tabs .nav-link.active { border-color: #000000 #000000 #fff; }

/*.nav-tabs .etfnow-tab-signal .nav-link { border-color: white white #f3f1f2; border-bottom-width: 2px; }*/
.nav-item.etfnow-tab-signal { border-bottom: 3px solid #f3f1f2; }
.nav-tabs .etfnow-tab-signal.active { border-color: white white black; }
.nav-tabs .etfnow-tab-signal.active .nav-link { color: black; }

.etfnow-title { font-weight: bold; color: #59363a; }
.etfnow-subtitle { font-weight: bold; color: #afacb7; }

#prod-intro { width: 100%; }
#prod-intro td { vertical-align: top; }
#prod-intro ul { margin-left: -22px; }
#prod-intro .intro-image { width: 25%; }
#prod-intro .intro-text { width: 75%; color: #59363a;  }
#prod-intro .intro-title { font-weight: bold; font-size: 20px; }
#prod-intro .intro-subtitle { font-weight: bold; margin-top: 10px; }
#prod-intro .prod-service li:before { content: "- "; }

#etfnow-profit { width: 100%; display: none; }
#etfnow-profit .trade_span { width: 50px; display: inline-block; }
#etfnow-profit .trade_select { width: 60%; color: #a88f92; }
#etfnow-profit th { border-bottom: 1px solid #a49292; padding: 10px; color: #a88f92; font-weight: normal; }
#etfnow-profit td { border-bottom: 1px solid #f3f3f3; padding: 10px; color: #a88f92; }
#etfnow-profit .td1 { width:25%; }
#etfnow-profit .td2 { width:35%; }
#etfnow-profit .td3 { width:15%; }
#etfnow-profit .td4 { width:25%; }

#etfnow-profit .shname { color: #59363a; }
#etfnow-profit .shcode { color: #9a9a9a; font-size: 12px; }
#etfnow-profit .buy_price { color: #59363a; }
#etfnow-profit .buy_date { color: #9a9a9a; font-size: 12px; }
#etfnow-profit .sell_price { color: #59363a; }
#etfnow-profit .sell_date { color: #9a9a9a; font-size: 12px; }
#etfnow-profit .profit_rate { font-size: 20px; }

.my_stock_select { float: right; width: 50%; }
a.signal_type { color: #a88f92; }
a.signal_type.active { color: #59363a; }

.signal_box { border-left: 1px solid #e9e0e1; padding-left: 10px; padding-bottom: 20px; }
.signal_box.red { border-left: 1px solid #e9e0e1; }
.signal_box.blue { border-left: 1px solid #0066ba; }
.signal_box .timeline_stock_dot { margin-left: -15px; line-height: 5px; }
.signal_box .timeline_stock_dot img { width: 10px; }
.signal_box .timeline_stock_dot span { width: 10px; font-size: 13px; }
.signal_box .trade_text { width: 40px; height: 40px; line-height: 40px; text-align: center; color: white; border-radius: 50%; }
.signal_box .trade_text.red { background-color: #e74447; }
.signal_box .trade_text.blue { background-color: #0066ba; }
.signal_box .trade_shcode { margin-left: 5px; font-weight: bold; font-size: 14px; }
.signal_box .trade_shname { margin-left: 5px; font-weight: bold; }
.signal_box .trade  {  }
.signal_box .trade .trade_section { display: inline-block; width: 30%; position: relative; bottom: 10px; left: 35px; }
.signal_box .trade .trade_hilo { display: inline-block; width: 68%; }
.signal_box .trade .trade_hilo.red { border-left: 1px solid #e74447; }
.signal_box .trade .trade_hilo.blue { border-left: 1px solid #0066ba; }
.signal_box .trade .trade_hilo .signal_trading_dot { width: 10px; margin-right: 5px; }
.signal_box .trade .trade_hilo .signal_triangle_img { width: auto; height: 27px; }
.signal_box .trade .trade_hilo .signal_triangle_text { display: inline-block; height: 28px; color: white; padding: 0 5px; width: 68px; text-align: right; }
.signal_box .trade .trade_hilo .trade_hi { position: relative; left: -5px; top: -10px; }
.signal_box .trade .trade_hilo .trade_lo { position: relative; left: -5px; bottom: -10px; }

#my_stocks { display: none; }
.stocks_date { text-align: center; border-bottom: 1px solid #afacb7; font-size: 13px; padding: 10px; margin-bottom: 10px; color: #afacb7; }
.stock { background-color: #fdf9fa; border: 1px solid #e5e5e5; margin-bottom: 10px; }
.stock .shname { border-bottom: 1px solid #e5e5e5; font-weight: bold; }
.stock .shname .shcode { font-weight: normal; color: #afacb7; }
.stock .buy_sell { display: inline-block; width: 60%; padding-left: 20px; }
.stock .buy_sell .date { font-size: 14px; color: #59363a; }
.stock .buy_sell_table { width: 100%; }
.stock .buy_sell_table td { width: 50%; }
.stock .buy_sell_table td.td_title { color: #afacb7; font-size: 12px; }
.stock .buy_sell_table td.td_num { font-size: 16px; font-weight: bold; }

.stock .profit_rate { border-right: 1px solid #e5e5e5; display: inline-block; width: 40%; }
.stock .profit_rate .rate_txt { color: #afacb7; font-size: 12px; }
.stock .profit_rate .rate { font-size: 20px; font-weight: bold; }

.btnMore { text-align: center; cursor: pointer; }