@charset "utf-8";/* CSS Document */

/* 타이틀 */
.main_tit a:hover { color: #e83a40; } 
.main_tit a span { margin-left: 6px; top: 0px; } 


/* 실시간 뉴스 */
.notice { width:1200px; height: 55px; overflow: hidden; display:flex; position: relative; } 
.notice .icon_news {width: 90px; height: 26px; box-sizing: border-box; background: #e83a40; color: #fff; font-size:13px; line-height:24px; margin-right:10px; margin-top: 14px; float: none;display:flex; align-items: center; justify-content: flex-start; flex-direction: column; } 
.icon_news { position: relative; } 
/**/
.slide_box { width:1000px; position:relative; display: flex; flex-grow:1; z-index: 3; } 
.more { display: flex; align-items: center; justify-content: flex-end; } 
.more span { margin-left: 5px; } 
.notice-block a:hover { color: #e83a40; }


/* 전문가 20250516 new */
.sec01 .ana_list > li {border: 1px solid #d7d7d7; width:284px; height:220px; box-sizing: border-box; float: left; margin: 0 21px 22px 0; position: relative; overflow: hidden; } 
.sec01 .ana_list > li:nth-child(3n) { margin-right: 21px; } 
.sec01 .ana_list > li:nth-child(4n) { margin-right: 0px; } 

.sec01 .ana_list li .a_img {width:170px; position:absolute; top:30px; right:-33px; } 
.sec01 .ana_list li:hover .a_img {top:10px; right:-47px; width:200px; opacity:1;-webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; -webkit-animation:flash 1.0s; animation: flash 1.0s;} 
.sec01 .ana_list > li:hover {background:rgba(0,0,0,0.05);-webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } 
.sec01 .ana_list > li::before {
	position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
	background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg); opacity:0; 
} 
.sec01 .ana_list > li:hover::before {-webkit-animation: shine .75s; animation: shine .75s; }

.sec01 .ana_list li .txt {position: absolute; top:75px; left:20px;}
.sec01 .ana_list li .txt p {width:152px; height:auto; font-size:14px; letter-spacing:-1px; color:#555; font-weight:500; line-height:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sec01 .ana_list  li .txt .sub_txt {
	width:155px; height:20px; font-size:12px; letter-spacing: -1px; color:#888; font-weight:500; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}

/* 텔래그램 버튼 추가 */
.sec01 .ana_list > li .txt a {margin-top:6px; width:auto; height:26px; padding-right:8px; position:relative; left:-5px; z-index:3; display:inline-flex; align-items:center; border-radius:6px; overflow:hidden;}
.sec01 .ana_list > li .txt a img {line-height:0px; display: inline-block; margin:0 5px 0 0;}
.sec01 .ana_list > li .txt a span {font-size:18px; font-weight:800; letter-spacing:-1.5px; display:inline-block; height:26px; line-height:24px;}
.hvr-bounce-to-right {
  display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; color: #222;
}
.hvr-bounce-to-right:before {
  content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #29a9eb; -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover {color:#fff;}
.hvr-bounce-to-right:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.sec01 .ana_list > li .txt .btn_nome {z-index: auto; left: 0;}
.sec01 .ana_list > li .txt .btn_nome img {display: none;}


/* 상단 휘장 */
.icon_box_red {background-image: url("anal_red-1.png"); background-repeat:no-repeat; position:absolute; top:0px; left:5px; width:96px; height:80px;}
.icon_box_blue {background-image: url("anal_blue-1.png"); background-repeat:no-repeat; position:absolute; top:0px; left:5px; width:96px; height:80px;}
.icon_box_indigo {background-image: url("anal_indigo-1.png"); background-repeat:no-repeat; position:absolute; top:0px; left:5px; width:96px; height:80px;}
.icon_box_orange {background-image: url("anal_orange-1.png"); background-repeat:no-repeat; position:absolute; top:0px; left:5px; width:96px; height:80px;}
.icon_box_green {background-image: url("anal_green-1.png"); background-repeat:no-repeat; position:absolute; top:0px; left:5px; width:96px; height:80px;}

/* 왕관설정 */
.top_icon_box {position:relative; top:14px; left:34px; width:28px; height:24px;}
.top_icon_box .mark {text-align: center;}
.top_icon_box .nober-box {display:none; text-align:center;}
.top_icon_box .nober-box .top-years {font-size:18px; line-height:14px; font-weight:bold; color:#ffffaf; letter-spacing:1px;}
.top_icon_box .nober-box p {font-size:8px; line-height:10px; letter-spacing:1px; color:#ffffaf;}

/* 텍스트 설정 */
.nober .mark {display:none;}
.nober .nober-box {display:block;}  
.bottom_icon_box {position:relative; top:17px; left:10px; display:block; width:76px; height:14px; text-align:center;}
.bottom_icon_box p {font-size:11px; line-height:11px; font-weight:bold; color:#fff;}

.sec01 .ana_list > li .v_icon {width:71px; height: 25px; color: #333; font-size: 13px; text-align: center; line-height: 25px; font-weight: 500; top: 20px; left: 15px;}

/* 전문가 리스트 버튼 */
.sec01 .ana_list > li .bot_btns {position:absolute; bottom:4px; left:4px; background:none; width:276px; }
.sec01 .ana_list > li .bot_btns li {float:left; width:32.5%; text-align:center;}
.sec01 .ana_list > li .bot_btns li:nth-child(2n) {margin:0 1%;}

.sec01 .ana_list > li .bot_btns li {position:relative;}
.sec01 .ana_list > li .bot_btns li a {background-color:#fff; border-radius:4px; border:1px solid #d4d4d4; padding:8px 0;}
.sec01 .ana_list > li .bot_btns li a p {display:inline-block; color:#666; font-weight:600; font-size:14px; line-height:16px; height:18px;}
.sec01 .ana_list > li .bot_btns li a span {color:#666; position:relative; top:2.5px; margin-right:0px; font-size:17px; display:inline-block; width:auto; height:auto; background:none;}
.sec01 .ana_list > li .bot_btns li a:hover {background-color: #d4d4d4;} 
.sec01 .ana_list > li .bot_btns li a:hover p {color: #333;} 
.sec01 .ana_list > li .bot_btns li a:hover span {color: #333; display:inline-block;}

.sec01 .ana_list > li .bot_btns li .btn_back {background-color:#293855;}
.sec01 .ana_list > li .bot_btns li .btn_back p, .sec01 .ana_list > li .bot_btns li .btn_back span {color:#fff;}
.sec01 .ana_list > li .bot_btns li .btn_back:hover p, .sec01 .ana_list > li .bot_btns li .btn_back:hover span {color:#fff;}

.sec01 .ana_list > li .bot_btns li .btn_red {
    background-color:#e83a40; width:98%; position:absolute; top:0; left:0; z-index: 1;
    animation-name: flicker; animation-duration: 2s; animation-iteration-count: infinite; animation-delay:-1s;
}
.sec01 .ana_list > li .bot_btns li .btn_red:hover {background-color:#293855;}
.sec01 .ana_list > li .bot_btns li .btn_red p, .sec01 .ana_list > li .bot_btns li .btn_red span {color:#fff;}
.sec01 .ana_list > li .bot_btns li .btn_red:hover p, .sec01 .ana_list > li .bot_btns li .btn_red:hover span {color:#fff;}

.sec01 .ana_list > li .bot_btns li .btn_blue {
    background-color:#2892f5; width:98%; position:absolute; top:0; left:0; z-index: 1;
    animation-name: flicker; animation-duration: 2s; animation-iteration-count: infinite; animation-delay:-1s;
}
.sec01 .ana_list > li .bot_btns li .btn_blue:hover {background-color:#293855;}
.sec01 .ana_list > li .bot_btns li .btn_blue p, .sec01 .ana_list > li .bot_btns li .btn_blue span {color:#fff;}
.sec01 .ana_list > li .bot_btns li .btn_blue:hover p, .sec01 .ana_list > li .bot_btns li .btn_blue:hover span {color:#fff;}

.sec01 .ana_list > li .bot_btns li .btn_waiting {background-color:#847d75; width:98%; position:absolute; top:0; left:0; z-index: 1;}
.sec01 .ana_list > li .bot_btns li .btn_waiting:hover {background-color:#6e6862;}
.sec01 .ana_list > li .bot_btns li .btn_waiting p, .sec01 .ana_list > li .bot_btns li .btn_waiting span {color:#fff;}
.sec01 .ana_list > li .bot_btns li .btn_waiting:hover p, .sec01 .ana_list > li .bot_btns li .btn_waiting:hover span {color:#fff;}

.sec01 .ana_list > li .bot_btns li a img {height:14px; display: inline-block; position: relative; top: 1.5px; margin-right: 5px;}
.back_r, .bot_btns { z-index:3; } 


/* 틸사이트s 아카테미 */
.sec02 .list_gubun a, .sec04 .list_gubun a { -webkit-transition: .1s ease; transition: .1s ease; } 
.sec02 .list_gubun a:hover, .sec04 .list_gubun a:hover { font-weight:800; color: #e83a40; } 
.sec02 .list_gubun .on:hover, .sec04 .list_gubun .on:hover { color: #222!important; } 

.sec02 .vod_list > li .top {-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } 
.sec02 .vod_list > li .top:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } 
.sec02 .vod_list > li .top .bg {-webkit-filter: blur(0); filter: blur(0);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } 
.sec02 .vod_list > li .top:hover .bg {-webkit-filter: blur(1.5px); filter: blur(1.5px); } 
.sec02 .vod_list > li .top .play {-webkit-transform: translateZ(0); transform: translateZ(0);-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 
.sec02 .vod_list > li .top:hover .play {-webkit-animation-name: pulse-shrink; animation-name: pulse-shrink;-webkit-animation-duration: 0.3s; animation-duration: 0.3s;-webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;-webkit-animation-direction: alternate; animation-direction: alternate; } 
.sec02 .bot:hover a { color:#e83a40!important; } 
.sec02 .bot:hover .back { background:#e83a40!important; border-color: #e83a40!important; } 
.sec02 .bot:hover li { border-color: #e83a40!important; } 

/*
.sec02 .bot:hover a { opacity: 0.7; } 
*/

/* 수익율 */
.s_list li { position: relative; } 
.s_list li:after {position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0;background: linear-gradient(to right, rgba(244,244,244,0) 0%,rgba(242,242,242,0.6) 7%,rgba(240,240,240,1) 15%,rgba(247,247,247,0.6) 55%,rgba(255,255,255,0.1) 100%);transition: all 0.3s ease; z-index:1; } 
.sec03 .suik .s_list li p { z-index:2; position: relative; } 
.sec03 .suik .s_list li .p1 a:hover { color:#e83a40; } 
.s_list li:hover:after { left: 0; width: 100%; } 

.sec03 .suik .bxs_box {width:601px; height:390px;}
.bxs_box .bx-wrapper .bx-viewport {border-radius:12px;}
.bxs_box .bx-wrapper .bx-pager {position:absolute; display:block; top:-80px; text-align:right; height:30px;}
.bxs_box .bx-wrapper .bx-prev {left: 10px; background:url('controls2.png') no-repeat 0 -32px;}
.bxs_box .bx-wrapper .bx-prev:hover, .bxs_box .bx-wrapper .bx-prev:focus {background-position: 0 0; }
.bxs_box .bx-wrapper .bx-next {right: 10px; background: url('controls2.png') no-repeat -43px -32px;}
.bxs_box .bx-wrapper .bx-next:hover, .bxs_box .bx-wrapper .bx-next:focus {background-position: -43px 0; }


/* vip 이벤트 */
.sec03 .vip_bn .box a:hover { opacity: 0.8; } 

/* 투자뉴스 정보 */
.sec04 .img_news a:hover, .sec04 .img_news a:hover .p1 { text-decoration:underline; } 
.sec04 .news .img_news > div .p1 { font-size:26px; height:34px; } 
.sec04 .news .txt_news li .p1 a { height: 32px; } 
.sec04 .news .txt_news li .p1 a:hover { text-decoration: underline; } 
.sec04 .news .img_news .img_box { float: left; border: 1px solid #eee; width: 267px; height: 180px; box-sizing: border-box; overflow: hidden; position: relative; display: flex; align-items: center; margin-top: 0px; } 
.sec04 .news .img_news .img_box img { position:sticky; top: 0%; left: 0; max-width: 100%; height: auto; margin: 0 auto; } 

/* 유튜브 */
.sec04 .youtube ul li .vod a:hover { opacity: 0.7; } 
.sec04 .youtube ul li .p1 { margin: 15px 0 10px 0; font-size:14px; font-weight:normal; line-height:17px; } 

/* 유튭영상 vod 팝업 */
.w_vod_popup { width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.60); position: fixed; top: 0; left: 0; z-index: 2147483647; } 
.w_vod_popup .vod { box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 99999; overflow: hidden; } 
.w_vod_popup .vod:after { content: ""; display: block; clear: both; } 
.w_vod_popup .vod .xbtn { box-sizing: border-box; float: right; } 
.w_vod_popup .vod .xbtn a { width: 40px; height: 40px; box-sizing: border-box; background: #aaa; text-align: center; padding-top: 10px; } 

/* 신년팝업 */
#nypopup {display: none;}
.newyear_pop{
    border:3px solid #000; border-radius:20px; padding:12px 10px; box-sizing: border-box; position:fixed; z-index:10004; top:54%; left:63%; transform: translateY(-50%); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.4); background: #fff;
}
.newyear_pop .btn_box {text-align: center; margin:15px 0;} 
.newyear_pop .close_btn {height:40px; box-sizing:border-box; display: inline-block; text-align: center; line-height: 40px; color: #ffff; font-size: 16px; background: #222; padding:0 25px; border-radius:4px;}