﻿
/*  추가일 : 20181231
    생성자 : 디자인팀_신현지
    제  목 : 메인 리뉴얼CSS
    목  적 : 스탁포인트 메인페이지 리뉴얼을 기준으로 
             기존 CSS파일 정리 및 통합을 목적으로 임시 CSS파일 생성
*/
.common_header { position:fixed; z-index:90; display:block; width:100%; top:0; height:40px; color:#fff;  font-size:14px; color:#fff; background:#ff7500; /* Old browsers */ background: -webkit-linear-gradient(left, #ff7500 1%,#e8383c 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to right, #ff7500 1%,#e8383c 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.common_header::after{ content:""; display:block; clear:both;}

.common_header.f_header { border-bottom:1px solid #fff; background:0;}

.common_header.fin_up_de { position:fixed; z-index:90; display:block; width:100%; top:0; height:40px; color:#fff; background:0; border-bottom:1px solid rgba(255, 255, 255, 0.5);  font-size:14px; color:#fff; }

.common_header.fin_up { position:fixed; z-index:90; display:block; width:100%; top:0; height:40px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.2);  font-size:14px; color:#fff;  font-family: 'Noto Sans KR'; background: #262961; /* Old browsers */ background: -webkit-linear-gradient(left, #262961 1%,#584e80 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #262961 1%,#584e80 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.common_header.stater { position:fixed; z-index:100; display:block; width:100%; top:0; height:40px; color:#fff; font-family:'Noto Sans KR'; font-weight:400; font-size:14px; color:#fff;
background: #0983bf;  /* Old browsers */
background: -moz-linear-gradient(left, #0983bf 1%, #6ea9fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0983bf 1%,#6ea9fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0983bf 1%,#6ea9fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.common_header.themerader { position:fixed; z-index:100; display:block; width:100%; top:0; height:40px; color:#fff;  font-size:14px; color:#fff;
background:#c32246;  /* Old browsers */
background: -moz-linear-gradient(left, #c32246 1%, #bb476c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #c32246 1%,#bb476c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #c32246 1%,#bb476c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* 헤더_GNB 메뉴 */
.common_header .common_gnb { position:relative; width:1380px!important; left:-90px; color:#fff; }
.common_header .common_gnb li { float:left; }
.common_header .common_gnb .common_tit_logo { position:relative;  width:180px; padding-right:18px; line-height:40px; color:#fff; text-align:right; cursor:pointer; }
.common_header .common_gnb .common_tit_gnb { float:left; height:40px;}
.common_header .common_gnb .tit_gnb .common_tit_gnb { width:390px; }
.common_header .common_gnb .tit_gnb .finup_promo { width:100px; border-right:0; cursor:pointer; }
.common_header .common_gnb .tit_gnb li { float:left; position:relative; height:40px; width:130px; border-right:1px solid rgba(255, 255, 255, .2); text-align:center; font-size:14px; line-height:40px; color:#fff; }
.common_header .common_gnb .tit_gnb li:first-of-type { border-left:1px solid rgba(255, 255, 255, .2); }
.common_header .common_gnb .tit_gnb li .link_name { color:#fff; }
.common_header .common_gnb .tit_gnb li .link_name.finup { position:relative; top:-5px; }
.common_header .common_gnb .tit_gnb li .link_name.finup small{ font-size:11px; }
.common_header .common_gnb .tit_gnb li .link_name_img { display:none; }
.common_header .common_gnb .tit_gnb li:last-child { border-right:0; }
.common_header .common_gnb .tit_gnb li a { display:inline-block; position:absolute; width:100%; height:100%; left:0; box-sizing:border-box; }


.common_header .common_gnb .tit_gnb li.active .link_name { display:none; }
.common_header .common_gnb .tit_gnb li.active .link_name_img { position:relative; display:inline-block; z-index:1; }
.common_header .common_gnb .tit_gnb li.active a { background-color:#fff; }
.common_header .common_gnb::after { content:""; display:block; clear:both;}

.common_header.themerader .common_gnb .tit_gnb li.active .link_name_img { margin-top:4px;}
.common_header.stockpoint .common_gnb .tit_gnb li.active .link_name_img { margin-top:4px;}

/* GNB 메뉴 */
.gnb_warp { height:65px; background-color:#fff; box-shadow:1px 0 3px #c7c7c7; font-family: 'Noto Sans KR'; }
.gnb_warp:hover { box-shadow:none; }
.gnb_warp .gnb_menu { position:relative; }
.gnb_warp .gnb_menu>li { float:left; width:146px; height:65px; padding-left:15px; color:#222; font-weight:bold; line-height:65px; font-size:19px; }
.gnb_warp .gnb_menu>li:nth-child(3) {width:160px;}
.gnb_warp .gnb_menu>li.cm_color_or { color:#ff7500 !important; }
.gnb_warp .gnb_menu li a { display:inline-block; width:105px; height:66px;  cursor:pointer; color:inherit; }
.gnb_warp .gnb_menu li a:hover { margin-bottom:2px; border-bottom:3px solid #ff7500;  }
.gnb_warp .gnb_menu li:nth-child(3) a { width:115px;  }
.gnb_warp .gnb_menu li:nth-child(6) a { width:115px;  }
.gnb_warp .gnb_menu::after { content:""; display:block; clear:both;}
.gnb_warp .gnb_menu li.search_warp { float:right; position:relative; width:300px; padding-left:0; }
.gnb_warp .gnb_menu li.search_warp .search_box { position:relative; width:300px; height:35px; padding:0 38px 0 10px; box-sizing:border-box; border:1px solid #ddd; background-color:#fff; border-radius:5px;}
.gnb_warp .gnb_menu li.search_warp .search_submit { position:absolute; top:18px; right:10px; height:35px; line-height:41px; vertical-align:middle; background:none; border:0; cursor:pointer; }
.gnb_warp .gnb_menu li.search_warp .search_submit .im { font-size:19px; color:#666; }

.gnb_warp .btn_search { position:absolute; top:40px; right:calc(50% - 600px); width:30px; height:65px; color:#222; text-align:right; cursor:pointer; }
.gnb_warp .btn_search .im { font-size:25px; line-height:65px; }

.gnb_warp .box_search { display:none; min-height:280px; background-color:#f4f5fa; }
.gnb_warp .box_search .search_cont { width:900px; height:auto; padding-top:43px; margin:0 auto; box-sizing:border-box; }
.gnb_warp .box_search .search_cont .input_txt { position:relative; height:50px; margin-bottom:40px; overflow:hidden; }
.gnb_warp .box_search .search_cont .input_txt input { width:100%; height:50px; padding:0 55px; background:#faf5fa; border:0; border-bottom:2px solid #222; font-size:18px; line-height:50px; }
.gnb_warp .box_search .search_cont .input_txt .btn_ic { position:absolute; bottom:0; left:10px; height:45px; color:#222; line-height:50px; }
.gnb_warp .box_search .search_cont .search_desc { width:100%; height:auto; padding:0 50px; box-sizing:border-box; overflow:hidden; }
.gnb_warp .box_search .search_cont .search_desc .tit { display:block; float:left; width:94px; height:30px; color:#999; font-size:18px; text-align:center; }
.gnb_warp .box_search .search_cont .search_desc .list_wrap { display:block; float:left; width:calc(100% - 114px); height:auto; margin-left:20px; text-align:left; white-space:nowrap; }
.gnb_warp .box_search .search_cont .search_desc .list_wrap .txt_list { display:inline-block; width:auto; max-width:200px; height:30px; padding:0 15px; margin:0 10px 10px 0; border:1px solid #999; border-radius:15px; color:#999; line-height:28px; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }
.gnb_warp .box_search .search_cont .search_desc .list_wrap .txt_list:first-child { margin-left:0; }

.gnb_warp .box_search .search_cont .search_desc .list_wrap.recommend .txt_list{ border:1px solid #ff7500; color:#ff7500;  }

/* GNB 오픈시 */
.gnb_open { display:none; width:100%; background-color:#fff; border-top:1px solid #eaeaea; box-shadow:1px 3px 5px #d9d9d9;  font-family: 'Noto Sans KR'; }
.gnb_open ul { width:1200px; height:280px; margin:0 auto; }
.gnb_open ul>li { float:left; width:146px; padding-left:15px; }
.gnb_open ul>li:nth-child(3) {width:160px; }
.gnb_open ul>li ol { padding-top:20px; margin-right:30px; }
.gnb_open ul>li ol:hover { margin-top:-3px; border-top:3px solid #7500; }
.gnb_open ul>li ol li { height:35px; line-height:35px; font-size:15px; color:#222; }
.gnb_open ul>li ol li:hover { color:#e00b2e; }
.gnb_open ul>li.ad_banner_warp { float:right; width:auto; max-width:450px; padding:30px 50px; padding-right:0; }
.gnb_open ul>li .ad_banner { float:right; width:350px; max-height:135px; overflow:hidden; }
.gnb_open ul>li .ad_banner img { width:100%; height:auto; }
/*
.gnb_warp:hover .gnb_open { display:block;}
.gnb_warp .gnb_menu li.search_warp .auto_search { display:none; position:absolute; top:50px; width:275px; height:auto; max-height:180px; border:1px solid #ddd; border-top:0; background-color:#fff;}
.gnb_warp .gnb_menu li.search_warp .auto_search ul { padding:0 10px; }
.gnb_warp .gnb_menu li.search_warp .auto_search ul li { height:20px; font-size:13px; line-height:18px; cursor:pointer;}*/

/* 헤더_마이페이지 */
.common_header .common_gnb .common_tit_mypage { float:right; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li:first-child img {float:left; display: inline-block; width: 71px; height: auto; cursor:pointer; }
.common_header .common_gnb .common_tit_mypage .tit_mypage { position:relative; display:inline-block; height:30px; top:10px; }
.common_header .common_gnb .common_tit_mypage .tit_mypage>li {color:#fff; height:100%; }
.common_header .common_gnb .common_tit_mypage .tit_mypage>li>a { display:inline-block; height:15px; padding:0 18px; border-right:1px solid rgba(255, 255, 255, .2); line-height:15px; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li:last-child>a { padding-right:0; border-right:0; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li b { color:inherit; font-weight:500;}
.common_header .common_gnb .common_tit_mypage .tit_mypage li .im { margin:-2px 5px 0 0; font-size:80%; vertical-align:middle; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li .has { display:inline-block; position:relative; margin:0 0 2px 0; width:18px; height:18px; line-height:16px; vertical-align:middle; background-color:#ee3128; border-radius:100px; text-align:center; font-size:12px; color:#fff; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li.hover_section { cursor:pointer; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li.hover_section:hover .my_info {display:block;}
.common_header .common_gnb .common_tit_mypage .tit_mypage li.hover_section .label_platinum_member .hover_platinum_info { z-index:9; display:none; position:absolute; top:25px;  left:-320px; width:350px; padding:8px;background-color:#fff; border-radius:5px; border:1px solid #ddd; color:#666; font-size:12px; line-height:17px; }
.common_header .common_gnb .common_tit_mypage .tit_mypage li.hover_section .label_platinum_member:hover .hover_platinum_info { display:block; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.common_header .common_gnb .common_tit_mypage .tit_mypage li .has { padding:0 5px 0 3px; font-weight:200; }
}
@media (max-width: 1590px) {
    .common_header .common_gnb {width: 1200px; animation-name: move; animation-duration: 2000ms; animation-fill-mode:forwards;}
    @keyframes move {
    from{ left: -90px; }
    to{ left:0; }
    }
    .common_header .common_gnb .common_tit_mypage{position:fixed; right:0; z-index:998;}
}
/*
.common_header .common_gnb .common_tit_mypage .joinbenefit { position:absolute; right:130px; top:35px; width:135px; height:45px; z-index:999; }
*/
.common_header .common_gnb .common_tit_mypage .joinbenefit { position:absolute; right:130px; top:35px; width:135px; height:45px; z-index:999; }
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text { position:relative; top:8px; width:130px; height:30px; border-radius:9px; background:#2a2a65; color:#ff4701; box-shadow: 1px 2px 2px rgba(000,000,000, 0.3); text-align:center; animation:joinbenefit_move 1.5s linear infinite; -webkit-animation:joinbenefit_move 1.5s linear infinite; letter-spacing:2px;}
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text a{display:block; width:auto; height:100%;}
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text::before { display:block; position:absolute; top:-6px; left:61px; content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg); width:12px; height:12px; background:#2a2a65; z-index:-1; }
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text .txt_01 { position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:130px; font:normal 15px 'BMJUA'; opacity:1; animation:joinbenefit_txt01 3s 0s infinite linear; -webkit-animation:joinbenefit_txt01 3s 0s infinite linear; }
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text .txt_02 { position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); font:normal 15px 'BMJUA'; width:130px; opacity:0; animation:joinbenefit_txt02 3s 0s infinite linear; -webkit-animation:joinbenefit_txt02 3s 0s infinite linear;}
.common_header .common_gnb .common_tit_mypage .joinbenefit .box_text .txt_02 strong{ color:#fff; font:normal 15px 'BMJUA' !important; }
@keyframes joinbenefit_move {
    0% { top:8px;}
    50% { top:13px; }
    100% { top:8px; }
}
@keyframes joinbenefit_txt01 {
    0%{ opacity:1; }
    28%{ opacity:1; }
    30%{ opacity:0; }
    100%{ opacity:0; }
}
@keyframes joinbenefit_txt02 {
    30%{ opacity:0; }
    35%{opacity:1;}
    59%{ opacity:1; }
    60%{ opacity:0; }
    65%{ opacity:1; }
    69%{ opacity:1; }
    70%{ opacity:0; }
    75%{ opacity:1; }
    95%{ opacity:1; }
    100% { opacity:0 }
}

/* 헤더_마이페이지_로그인시 닉네임 호버시*/
.my_info { z-index:99; display:none; position:absolute; top:29px; right:240px; z-index:99; width:171px; background:#fff; border:1px solid #ddd; padding:12px 16px; }
.my_info li { display :block; float:none!important; width:100%; padding:0!important; position:relative; text-align:left; line-height:23px;}
.my_info li .link { font-size:13px; color:#222;}
.my_info li .link:hover { text-decoration:underline;}
.my_info li span { position:absolute; top:2px; right:2px; text-align:right; font-size:13px; color:#ee3128;}
.my_info li.logout { background:#454b5b; text-align:center; margin-top:3px; height:25px; }
.my_info li.logout .link { color:#fff; text-align:center; display:block; line-height:19px; vertical-align:middle; padding:3px 0;}
.my_info .ico_arrow { position:absolute; top:-10px; left:80px; width:20px; height:10px; background: url('/images/Common/arrow.png') no-repeat; }



/*핀업 스타터 GNB 상단*/
.common_header.stater .common_gnb .tit_gnb li.active .link_name_img { position:relative; display:inline-block; height:40px; z-index:1; box-sizing:border-box; overflow:hidden; }
.common_header.stater .common_gnb .tit_gnb li.active .link_name_img img{ display:inline-block; margin-top:10px;}
/*핀업 스타터 GNB menu*/
.stater .gnb_warp .gnb_menu li { float:left; width:auto; height:65px; padding-left:15px; padding-right:45px; box-sizing:border-box; color:#222; font-weight:bold; line-height:65px; font-size:19px; }
.stater .gnb_warp .gnb_menu li a { display:inline-block; width:auto; height:66px;  cursor:pointer; color:inherit;  }
.stater .gnb_warp .gnb_menu li a:hover { margin-bottom:2px; border-bottom:3px solid #0983bf;  }

/*서브메뉴*/
.common_subgnb{ width: 100%; max-width:1920px; min-width: 1020px; margin:0 auto; background-color:#f4f4f4; border-bottom:1px solid #eaeaea; height:40px; color:#999; font-size:15px; line-height:40px; letter-spacing:-0.25px; font-family:'Noto Sans KR';}
.common_subgnb ul{ width:100%; min-width:1020px; width:1020px; margin:0 auto; text-align:center;}
.common_subgnb ul li { display:inline-block; *display:inline; }
.common_subgnb ul li.on > a { color:#ff7500; font-weight:600; }
.common_subgnb ul li a { color:#333; margin:0 10px;}


/* 푸터 */
.footer_wrap { margin-top:50px; font-size:15px; background-color:#f2f4f7; font-family: 'Noto Sans KR'; }
.footer_wrap .footer_menu_wrap { border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background-color:#fff; }
.footer_wrap .footer_menu_wrap .footer_menu { position:relative; height:57px; line-height:57px; vertical-align:middle; }
.footer_wrap .footer_menu_wrap .footer_menu li { display:inline-block;}
.footer_wrap .footer_menu_wrap .footer_menu li.familysite { float:right; }
.footer_wrap .footer_menu_wrap .footer_menu li.familysite select.sitebox { position:relative; top:-1.5px; vertical-align:middle; border:1px solid #e5e5e5; width:185px; height:22px; padding-left:10px; color:#454b5b;  -webkit-appearance:none; background:url("/images/Common/footer_select_arr.png") no-repeat right; font-family:NanumSquareRound; font-size:12px; line-height:22px; }
.footer_wrap .footer_menu_wrap .footer_menu li.familysite select.sitebox::-ms-expand{display:none;}

.footer_wrap .footer_copyright { position:relative; padding:30px 0; }
.footer_wrap .footer_copyright dd { float:left; }
/*.footer_wrap .footer_copyright dd:first-of-type { width:125px; }*/
.footer_wrap .footer_copyright .address p { margin-left:40px; color:#666; font-size:14px; line-height:22px; }
.footer_wrap .footer_copyright .address p.tit { margin-bottom:14px; vertical-align:middle; font-size:15px; line-height:20px;}
.footer_wrap .footer_copyright .address p.tit img { margin-bottom:-2px; }
.footer_wrap .footer_copyright::after { content:""; display:block; clear:both; }

.footer_wrap .footer_copyright .footer_sns { width:170px; height:35px; float:right; overflow:hidden; }
.footer_wrap .footer_copyright .footer_sns .ic_sns { float:left; width:35px; height:35px; margin-left:10px; border-radius:7px; background-color:#fff; background:url('/images/Common/footer_ic_sns.png') no-repeat; overflow:hidden; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns a{ display:block; width:100%; height:100%; }
.footer_wrap .footer_copyright .footer_sns .ic_sns:first-of-type { margin:0; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns.ic_blog { background-position:0 0; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns.ic_facebook{ background-position:-35px 0; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns.ic_navertv{ background-position:-70px 0; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns.ic_youtube{ background-position:-105px 0; } 
.footer_wrap .footer_copyright .footer_sns .ic_sns.ic_instagram{ background-position:-140px 0; }

.footer_wrap .footer_copyright .footer_banner { display:inline-block; float:right; margin-left:15px; margin-top:40px; }

.footer_wrap .footer_copyright .emblem ul { position:relative; left:125px; margin:20px auto 0; display:block; width:100%; overflow:hidden; }
.footer_wrap .footer_copyright .emblem li { float:left; height:100%; }
.footer_wrap .footer_copyright .emblem li a { display:block; width:100%; height:100%; }
.footer_wrap .footer_copyright .emblem li img { display:block; width:96px; height:auto; margin:0 auto; }

/*검색 결과창*/
.ac_results { z-index:9999; position:fixed!important; top:0; width:275px!important; max-height:200px!important; padding:0 10px; border:1px solid #ddd; border-top:0; background-color:#fff;}
.ac_results li { height:20px; line-height:18px; font-size:13px; cursor:pointer; }

/*핀업 리뉴얼 메인*/
.finup_main { display:block; position:relative; width:100%; overflow:hidden; }
.finup_main.stock { height:970px; background:url(../images/main_stock.png) no-repeat; background-size:cover; }
.finup_main.radar { height:970px; background:url(../images/main_radar.png) no-repeat; background-size:cover; }
.finup_main.starter { height:970px; background:url(../images/main_starter.png) no-repeat; background-size:cover; }
.finup_main .wrap { display:block; width:1200px; padding:167px 0; margin:0 auto; }
.finup_main .wrap .cont_left { display:inline-block; margin-top:100px; }
.finup_main .wrap .cont_left .tit { color:#fff; font-size:45px; font-weight:200; text-shadow:5px 3px 10px rgba(0, 0, 0, 0.1); }
.finup_main .wrap .cont_left .tit b { font-weight:400; }
.finup_main .wrap .cont_left .logo { margin-bottom:10px; }
.finup_main .wrap .cont_left .platform_wrap { margin-top:110px; overflow:hidden; }
.finup_main .wrap .cont_left .platform_wrap .platform { display:inline-block; float:left; width:75px; height:75px; margin-left:15px; border:1px solid #fff; border-radius:100px; color:#fff; cursor:pointer; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.finup_main .wrap .cont_left .platform_wrap .platform:hover { background:#fff; color:#f47226; }
.finup_main .wrap .cont_left .platform_wrap .platform.rd:hover { color:#eb486c; }
.finup_main .wrap .cont_left .platform_wrap .platform.st:hover { color:#42b0d6; }
.finup_main .wrap .cont_left .platform_wrap .platform:first-child { margin-left:0; }
.finup_main .wrap .cont_left .platform_wrap .platform i { position:relative; top:25px; left:25px; font-size:25px; }
.finup_main .wrap .cont_right { float:right; width:370px; height:640px; background-color:rgba(255, 255, 255, 0.1); box-shadow:10px 3px 20px rgba(0, 0, 0, 0.05); }
.finup_main .wrap .cont_right a { position:relative; width:100%; height:160px; }
.finup_main .wrap .cont_right .list { height:160px; padding:45px 30px; border-bottom:1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box; overflow:hidden; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.finup_main .wrap .cont_right .list:hover { background:#f47525; cursor:pointer; }

.finup_main .wrap .cont_right .list_txt .txt_tit_de {display:block;}
.finup_main .wrap .cont_right .list_txt .txt_sub_de {display:block;}
.finup_main .wrap .cont_right .list_txt .txt_tit_on {display:none;}
.finup_main .wrap .cont_right .list_txt .txt_sub_on {display:none;}

.finup_main .wrap .cont_right .list_txt.on .txt_tit_de {display:none;}
.finup_main .wrap .cont_right .list_txt.on .txt_sub_de {display:none;}
.finup_main .wrap .cont_right .list_txt.on .txt_tit_on {display:block;}
.finup_main .wrap .cont_right .list_txt.on .txt_sub_on {display:block;}

.finup_main .wrap .cont_right .list.color_rd:hover { background:#eb486c; }
.finup_main .wrap .cont_right .list.color_st:hover { background:#42b0d6; }
.finup_main .wrap .cont_right .list:hover .btn_arrow { opacity:0.9; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.finup_main .wrap .cont_right .list .list_ic { position:relative; top:5px; display:inline-block; float:left; }
.finup_main .wrap .cont_right .list .list_txt { display:inline-block; margin-left:5px; color:#fff; text-shadow:5px 3px 10px rgba(0, 0, 0, 0.1); }
.finup_main .wrap .cont_right .list .list_txt .txt_wrap { float:left; width:270px; }
.finup_main .wrap .cont_right .list .txt_sub_de { font-size:18px; font-weight:200; margin-top:5px; opacity:0.8; }
.finup_main .wrap .cont_right .list .txt_tit_de { font-size:25px; font-weight:400; }
.finup_main .wrap .cont_right .list .txt_tit_on { font-size:27px; font-weight:bold; }
.finup_main .wrap .cont_right .list .btn_arrow { float:right; margin-top:27px; margin-left:10px; opacity:0.3; }
.indi { display:block; position:fixed; top:50%; right:calc(50% - 800px); transform:translateY(-50%); width:15px; z-index:999; }
.indi .indi_nor { width:15px; height:15px; margin-bottom:13px; background:#ccc; border-radius:100px; }
.indi .indi_nor:hover { background:#fff; }
.indi .indi_nor a{ display:block; width:100%; height:100%; cursor:pointer;}
.indi .indi_nor.act { height:40px; background:#f47525; }
.indi .indi_nor:last-child { margin-bottom:0; }

