@charset "utf-8";

.img_logo {padding-top:24px; }
.img_logo img {width:93px; height:20px;}

.transfer_area .myasset_top{padding-bottom:30px;}
.transfer_area .input_account {margin-top:40px;padding-bottom:30px;}
.transfer_area .site_rule {padding:30px 0;}
.transfer_area .site_rule.scroll {padding:30px 0;} /* 2019.10.29 수정 */
.transfer_area .transfer_info {padding:30px 0;}
.transfer_area.account_input_area .text_info {padding-top:40px;} /* 2019.10.29 추가 */

/* 메인 > 일반계좌정보*/
.slider_normal_invest_area .tit_type1{text-align:center; padding-bottom:35px; margin-top:40px;}
.slider_normal_invest_area .pagination_case_invest_area{bottom:inherit !important; top:0; width:100%; text-align:center; z-index:1000;}
.pagination_case_invest_area .swiper-pagination-bullet{opacity:1 !important; background-color:#ccc;}
.pagination_case_invest_area .swiper-pagination-bullet-active{background-color:#1f5dbe;}
.t_asset_transition_area{padding-top:40px;}
.t_asset_transition_area .tbl{border-bottom:1px solid #ccc; margin-bottom:10px;}
.t_asset_transition_area  .tbl.type1 table th{height:28px; padding:0;}
.t_asset_transition_area  .tbl.type1 td {font-size:12px; padding:0; text-align:center; border-bottom:1px solid #f7f7f7; height:40px;}
.t_asset_transition_area  .tbl.type1 .fix_left td {text-align:left; padding-left:20px;}
.t_asset_transition_area  .tbl.type1 .scrollx td {text-align: right;padding-right:10px;}
.chart_asset_transition_area .yaxis_title:after{content:""; display:block; clear:both;}
.chart_asset_transition_area .yaxis_title{font-size:10px; color:#999; margin-bottom:10px;}

.case_invest_area .tit_type1{padding-bottom:35px;}
.chart_invest_area_num{height:200px; width:200px; left:50%; margin-left:-100px; position:absolute; z-index:-1; text-align:center; padding-top:73px;}
.chart_invest_area_main{font-size:22px;}
.chart_invest_area_main small{font-size:14px; font-weight:400; vertical-align:bottom;}
.chart_invest_area_sub{font-size:12px; color:#ff0000; margin-top:6px;}
.chart_invest_area_sub span:last-child:before{content:""; display:inline-block; width:1px; height:10px; background-color:#eee; margin-left:5px; margin-right:5px;}

.t_case_invest_area_wrap{border-top:1px solid #333; margin-top:60px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.t_case_invest_area_wrap .t_case_invest_tit{border-bottom:1px solid #f4f4f4; display:table; width:100%; padding-left:44px; padding-right:37px; position:relative;}
.t_case_invest_area_wrap .t_case_invest_tit:before{content:""; display:inline-block; width:14px; height:14px; border-radius:50%; position:absolute; left:20px; top:50%; margin-top:-7px;}
.t_case_invest_area_wrap .t_case_invest_tit:after{content:"";  width: 0px; height: 0px; position:absolute; right:20px; bottom:15px; border-bottom:7px solid #666;  border-left: 7px solid  transparent;}

.graph01:before{background-color:#8c93ed;}
.graph02:before{background-color:#ba8bed;}
.graph03:before{background-color:#ed8bbd;}
.graph04:before{background-color:#f9b37f;}
.graph05:before{background-color:#ffe052;}
.graph06:before{background-color:#cfef50;}
.graph07:before{background-color:#75e172;}
.graph08:before{background-color:#48cbc0;}
.graph09:before{background-color:#67cbff;}
.graph10:before{background-color:#5091ee;}
.graph11:before{background-color:#ee7182;}

.t_case_invest_area_wrap .t_case_invest_tit .left {display:table-cell; width:45%; text-align:left; padding:15px 0; font-size:16px;}
.t_case_invest_area_wrap .t_case_invest_tit .right {display:table-cell; width:55%; text-align:right; font-size:16px;}
.t_case_invest_area_wrap .t_invest_rate{font-size:12px; margin-top:5px;}
.t_case_invest_area_wrap .t_invest_rate span:last-child:before{content:""; display:inline-block; width:1px; height:10px; background-color:#eee; margin-left:5px; margin-right:5px;}
.t_case_invest_area_wrap .t_case_invest_desc_wrap{background-color:#f7f7f7; padding-top:20px; display:none;}
.t_case_invest_area_wrap .t_case_invest_desc{display:table; width:100%; padding-left:44px; padding-right:37px;}
.t_case_invest_area_wrap .t_case_invest_desc .left{display:table-cell; width:45%; text-align:left; padding-bottom:25px;}
.t_case_invest_area_wrap .t_case_invest_desc .left p:last-child{margin-top:5px;}
.t_case_invest_area_wrap .t_case_invest_desc .right{display:table-cell; width:55%; text-align:right; padding-bottom:20px;}
.t_case_invest_area_wrap .t_case_invest_desc_close{padding-bottom:20px; padding-right:20px; text-align:right; font-size:12px; color:#666; cursor:pointer; }
.t_case_invest_area_wrap .t_case_invest_desc_close:after{margin-left:5px; content:""; display:inline-block; width:0; height:0; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:6px solid #666;}

.normal_invest_area .no_data_box{padding-top:150px;}

/* 계좌조회 2019.10.10 */
.tbl.type1.pd_num table tbody td {padding:5px}

/* 일반계좌 펀드상세 */
.account_fund_detail_area{padding-bottom:0 !important;}
.account_fund_detail_area .orderListTxt{padding:60px 40px 40px 40px;}
.account_fund_detail_area .orderListTxt i.icon{width:40px;height:40px;background:url('https://static.wooriib.com/images_mts/myAsset/ico_ic_order_list.png') no-repeat;background-size:cover;display:inline-block;}
.account_fund_detail_area .orderListTxt h3{font-size:24px;line-height:34px;color:#333;margin:15px 0;}
.account_fund_detail_area .orderListTxt .tit_wrp p{margin-bottom:5px;}
.account_fund_detail_area .orderListTxt .tit_wrp{margin-bottom:20px;}
.account_fund_detail_area .orderListTxt .tit_wrp span{font-size:12px;color:#999;}
.account_fund_detail_area .orderListTxt .won *{font-size:16px;vertical-align:baseline;}
.account_fund_detail_area .orderListTxt .withdraw{padding:8px 10px;border:1px solid #eee;border-radius:5px;margin-top:23px;}
.account_fund_detail_area .orderListTxt .withdraw span{margin-left:15px;}
.account_fund_detail_area .orderListTxt .withdraw strong{float:right;font-weight:normal;}
.account_fund_detail_area .orderDetailWrp{background-color:#f7f7f7;padding:30px 40px 40px 40px;min-height:374px;}
.account_fund_detail_area .orderDetailWrp ul{width:100%;display:inline-block;margin-bottom:15px;}
.account_fund_detail_area .orderDetailWrp ul li{color:#aaa;margin-bottom:15px;}
.account_fund_detail_area .orderDetailWrp ul li:last-child{margin-bottom:0;}
.account_fund_detail_area .orderDetailWrp ul li span{float:right;color:#333;}
.account_fund_detail_area .orderDetailWrp .btn_area{margin-top:35px;}
.account_fund_detail_area .orderDetailWrp .btn_area a+a{margin-top:15px;}
.account_fund_detail_area .orderDetailWrp .changeFundList{margin-bottom:35px;padding-top:15px;border-top:1px solid #eee;}
.account_fund_detail_area .orderDetailWrp .changeFundList span{background-color:#fff;color:#666;border:1px solid #eee;border-radius:15px;padding:0 5px;font-size:12px;}
.account_fund_detail_area .orderDetailWrp .changeFundList p+span{margin-top:15px;display:inline-block;}
.account_fund_detail_area .orderDetailWrp .changeFundList p{color:#999;margin-top:5px;}

/* 그래프 */
.account_fund_graph_area .section1 .tit_txt{background-color:#f7f7f7;padding:20px;}
.account_fund_graph_area .section1 .tit_txt .statusWrp{display:inline-block;width:100%;}
.account_fund_graph_area .section1 .tit_txt .statusWrp .status{display:inline-block;margin-left:10px;}
.account_fund_graph_area .section1 .tit_txt .statusWrp *{vertical-align:baseline;}
.account_fund_graph_area .section1 .tit_txt .statusWrp div span:first-child:after{content:'|';margin:0 5px;color:#999;}
.account_fund_graph_area .section1 .tit_txt .statusWrp .status.up:before{margin-right:5px; content:"";	display:inline-block; width: 0px; height: 0px; border-right: 5px solid transparent; border-bottom: 6px solid #ff0000;border-left: 5px solid transparent;} 
.account_fund_graph_area .section1 .tit_txt .statusWrp .status.up *{color:#ff0000;}
.account_fund_graph_area .section1 .tit_txt .statusWrp .status.down:before{margin-right:5px; content:"";	display:inline-block; width: 0px; height: 0px; border-right: 5px solid transparent; border-top: 6px solid #1f5dbe;border-left: 5px solid transparent;} 
.account_fund_graph_area .section1 .tit_txt .statusWrp .status.down *{color:#1f5dbe;}
.account_fund_graph_area .section1 .tit_txt span{display:inline-block;}
.account_fund_graph_area .section1 .tit_txt p{color:#333;font-size:18px;line-height:26px;margin-bottom:5px;}
.account_fund_graph_area .section1 .pd_wrapper{padding:20px;position:relative;}
.account_fund_graph_area .section1 .pd_wrapper ul{display:inline-block;width:100%;}
.account_fund_graph_area .section1 .pd_wrapper li{font-size:12px;color:#999;float:left;width:50%;}
.account_fund_graph_area .section1 .pd_wrapper li:nth-child(even){padding-left:15px;}
.account_fund_graph_area .section1 .pd_wrapper li:first-child,.account_fund_graph_area .section1 .pd_wrapper li:nth-child(2){margin-bottom:17px;}
.account_fund_graph_area .section1 .pd_wrapper li *{vertical-align:baseline;}
.account_fund_graph_area .section1 .pd_wrapper li strong{font-size:14px;color:#333;float:right;margin-top:-1px;}
.account_fund_graph_area .section1 .pd_wrapper .graphOpenBtn{padding:10px 10px 5px 10px;display:inline-block;position:absolute;right: 0;bottom:0px;}
.account_fund_graph_area .section1 .pd_wrapper .graphOpenBtn span{display:inline-block;border-bottom:7px solid #333;border-left:7px solid transparent;}
.account_fund_graph_area .section1 .chartDate{/*border-top:1px solid #eee;padding-bottom:66px;*/position:relative;display:none;}
.account_fund_graph_area .section1 .chartDate .chart_graph{padding: 20px 10px 20px 10px;}
.account_fund_graph_area .section1 .chartDate .chart_nav{text-align:center;padding:20px 0;}
.account_fund_graph_area .section1 .chartDate .chart_nav li{display:inline-block;margin:0 10px;}
.account_fund_graph_area .section1 .chartDate .chart_nav li a{font-size:14px;color:#ccc;}
.account_fund_graph_area .section1 .chartDate .chart_nav li *{vertical-align:baseline;}
.account_fund_graph_area .section1 .chartDate .chart_nav li.on a{color:#333;}
.account_fund_graph_area .section1 .chartDate .chart_nav li span{font-weight:bold;margin-left:7px;}
.account_fund_graph_area .section1 .chartDate .graphCloseBtn{position:absolute;right:20px;bottom:20px;}
.account_fund_graph_area .section1 .chartDate .graphCloseBtn span{font-size:12px;color:#666;}
.account_fund_graph_area .section1 .chartDate .graphCloseBtn span:after{margin-left:5px; content:"";display:inline-block; width: 0px; height: 0px; border-right: 5px solid transparent; border-bottom: 6px solid #666;border-left: 5px solid transparent;} 

.account_fund_graph_area .section2 .fundTypePrice{padding:20px;border-top:1px solid #eee;}
.account_fund_graph_area .section2 .fundTypePrice p:before{content:'';width:18px;height:18px;display:inline-block;margin-right:7px;background:url('https://static.wooriib.com/images_mts/myInfo/normal_coin_s.png') no-repeat;background-size:cover;position:relative;top:3px;}
.account_fund_graph_area .section2 .fundTypePrice p span{float:right;line-height:23px;}
.account_fund_graph_area .section2 .fundTypePrice p span:after{content:'';display:inline-block;width:8px;height:13px;margin-left:5px;background:url('https://static.wooriib.com/images_mts/com/ico_link_text_arrow.png') no-repeat;background-size:cover;}
.account_fund_graph_area .section2 .fundTypePrice p *{vertical-align:baseline}
.account_fund_graph_area .section2 .fundTypePrice p+p{margin-top:15px;}
.account_fund_graph_area .section2 .box_line_type1{padding:0;}
.account_fund_graph_area .section2 .selectDate{border-bottom:1px solid #f7f7f7;padding:13px 0;position:relative;}
.account_fund_graph_area .section2 .selectDate ul{display:flex;width:75%;}
.account_fund_graph_area .section2 .selectDate ul li{flex:1;text-align:center;}
.account_fund_graph_area .section2 .selectDate ul li a{color:#999;font-size:16px;}
.account_fund_graph_area .section2 .selectDate ul li.on a{color:#333;font-weight:bold;}
.account_fund_graph_area .section2 .selectDate ul li:last-child{border-right:1px solid #f7f7f7;}
.account_fund_graph_area .section2 .selectDate .ico_calender{position:relative;width:18px; height:18px; background-size:100%; background:url(https://static.wooriib.com/images_mts/com/ico_calendar_wh.png); display:inline-block;background-size:cover; vertical-align:bottom;}
.account_fund_graph_area .section2 .selectDate .ico_calender:after{content:""; display:block; width:0; height:0; border-bottom:5px solid #666; border-left:5px solid transparent; position:absolute; right:-7px; bottom:-7px;}
.account_fund_graph_area .section2 .selectDate .select_category{position:absolute;right:18px;top:14px;font-size:13px;}
.account_fund_graph_area .section2 .selectDate i{margin-left:5px;}
.account_fund_graph_area .section2 .tbl{padding:20px;}
.account_fund_graph_area .section2 .tbl thead *{color:#999;font-size:12px;}
.account_fund_graph_area .section2 .tbl thead td{color:#999;}
.account_fund_graph_area .section2 .tbl th{text-align:left;padding:4px 0;font-weight:normal;color:#666;}
.account_fund_graph_area .section2 .tbl th span{margin-left:10px;}
.account_fund_graph_area .section2 .tbl td{text-align:right;padding:4px 0;color:#333;}
.account_fund_graph_area .section2 .tbl table+table{margin-top:23px;}