@charset "utf-8";

/* alert */
.alert{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.alert .dim {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
/* 개발 요청 수정 2019.10.24 */
.alert .popup {position:absolute;top:50%;left:50%;padding:30px 0;min-width:312px;border-radius:6px;background:#fff;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.alert .popup .pop_body {min-height:35px;max-height:100%;padding: 0 30px;color: #333;line-height: 24px;font-size: 16px;font-weight: normal;}
.alert .popup .pop_body .text_alert {font-size:16px;line-height:1.4em;}
.alert .popup .pop_footer{padding: 25px 18px 0 18px;}
.alert .popup .pop_footer .btn_area {text-align: right;}
.alert .popup .pop_footer .btn_area a {display:inline-block;height:32px;padding: 0 12px;line-height:30px;font-size:16px;color:#1f5dbe;font-weight:bold;}
/* 개발 요청 수정 2019.10.24 */

/* layer */
.layerPopup1{position:fixed;top:0;left:0;width:100%;height:100%;min-width:320px;z-index:50;}
.layerPopup1 .dim {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.layerPopup1 .popup{display:flex;flex-direction: column;padding:30px 0;position:absolute;top:50%;left:50%;min-width:312px;border-radius:6px;background:#fff;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.layerPopup1 .close{position:absolute;top:0;right:0;width:54px;height:54px;text-align:center;line-height:54px;}
.layerPopup1 .close .ico{width:17px;height:17px;}
.layerPopup1 .pop_header{padding:0 20px;}
.layerPopup1 .pop_header .title{font-size:24px;}
.layerPopup1 .pop_header .title2{font-size:16px;}
.layerPopup1 .pop_header + .pop_body{padding-top:15px;}
.layerPopup1 .pop_body{display:flex;flex-direction: column;padding:0 30px;flex:1;overflow:hidden;}
.layerPopup1 .pop_body .scroll{flex:1;overflow-x:hidden;overflow-y:auto;padding:1px 0;}
.layerPopup1 .pop_body .text{margin-top:15px;font-size:14px;color:#333;line-height:1.4em;}
.layerPopup1 .pop_body .info_desc_view + .text{margin-top:35px;}
.layerPopup1 .pop_footer{padding: 25px 18px 0 18px;}
.layerPopup1 .pop_padding{padding:0 20px;}
.layerPopup1 .btn_area {text-align: right;}
.layerPopup1 .btn_area a {display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:16px;color:#1f5dbe;font-weight:bold;}
.layerPopup1 .info_desc_view .desc{display:none;padding-top:10px;margin-top:10px;font-size:13px;color:#666;border-top:1px solid #f4f4f4;line-height:1.4em;}
.layerPopup1 .info_desc_view .txt_label{color:#333333;vertical-align:baseline;}
.layerPopup1 .info_desc_view .arr{position:relative;display:inline-block;width:11px;height:5px;margin-left:5px;}
.layerPopup1 .info_desc_view .arr:before{content:'';display:block;position:absolute;top:0;left:0;width :0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333333;}
.layerPopup1 .info_desc_view .arr:after{content:'';display:block;position:absolute;top:-1px;left:0;width :0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ffffff;}
.layerPopup1 .info_desc_view.redType .txt_label{color:#ff3400;}
.layerPopup1 .info_desc_view.redType .arr:before{border-top:5px solid #ff3400;}
.layerPopup1 .info_desc_view.on .arr{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.layerPopup1 .info_desc_view.on .desc{display:block;}

.layerPopup2 {position:absolute;top:0;left:0;right: 0; bottom: 0;z-index:100;}
.layerPopup2 .dim {position:absolute;top:0;left:0;right: 0; bottom: 0;background:rgba(0,0,0,0.4);}
.layerPopup2 .popup_wrap {border-radius:10px 10px 0 0;background:#ffffff; padding: 15px 0 0; position:fixed;bottom:0;left:0;right:0;display: flex; flex-direction: column;}
.layerPopup2 .popup_wrap .line{display:none !important; position:absolute;top:-13px;left:50%; transform:translateX(-50%); width:60px;height:3px;background:#ffffff; display: none;}
.layerPopup2 .popup_wrap .line.block {display: block;}
.layerPopup2 .popup_wrap .close{display:none !important; position:absolute;top:-33px;right:20px;}
.layerPopup2 .popup_wrap .inbtn{display:inline-block !important; position:absolute;top:5px;left:20px; }
.layerPopup2 .popup_wrap .inbtn_r{display:inline-block !important; position:absolute;top:0px;right:20px;}
.layerPopup2 .popup_wrap .inbtn_r .ico_x2 {width:16px; height:16px; }
.layerPopup2 .popup_wrap .pop_header{position:relative;padding:0 20px;}
.layerPopup2 .popup_wrap .pop_header:empty{min-height:20px;}
.layerPopup2 .popup_wrap .pop_header .cellbox{padding-bottom:15px;}
.layerPopup2 .popup_wrap .pop_header .cellbox .cell.left{text-align:left;}
.layerPopup2 .popup_wrap .pop_header .cellbox .cell.left .pop_title{display:inline-block;padding-bottom:0;}
.layerPopup2 .popup_wrap .pop_header .cellbox .cell.right{vertical-align: middle;text-align:right; }
.layerPopup2 .popup_wrap .pop_header .cellbox .cell.right a.investInfo_sel_btn {display:inline-block; width:124px; height:30px; text-align:center; line-height:26px; border:solid 1px #ddd; border-radius:5px;}
.layerPopup2 .popup_wrap .pop_body{position:relative;padding:0 30px 25px 30px;flex:auto; overflow-y :auto; margin: inherit;} /* 2019.10.22 수정 */
.layerPopup2 .popup_wrap .pop_padding{padding:0 10px;}
.layerPopup2 .popup_wrap .pop_header .header_line{width:100%;height:1px;background:#eee;}
.layerPopup2 .popup_wrap .pop_title{padding:0 0 15px;font-size:18px;color: #333;text-align: center;}
.layerPopup2 .popup_wrap .pop_title .r_menu{position:absolute;top:0;right:20px;}
.layerPopup2 .popup_wrap .pop_title .r_menu .btn{display:inline-block;height:30px;padding:0 10px;line-height:26px;padding-right:28px;border:1px solid #ddd;border-radius:5px;font-size:13px;color: #666;}
.layerPopup2 .popup_wrap .pop_title .r_menu .btn.btn_add{position:relative;}
.layerPopup2 .popup_wrap .pop_title .r_menu .btn.btn_add:after{content:'';display:block;position:absolute;top:50%;right:10px;width:9px;height:1px;background:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.layerPopup2 .popup_wrap .pop_title .r_menu .btn.btn_add:before{content:'';display:block;position:absolute;top:50%;right:14px;width:1px;height:9px;background:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.layerPopup2 .popup_wrap .list_details{padding-top:15px;}
.layerPopup2 .popup_wrap .list_details li span{display:block;padding:10px 0;font-size:18px;text-align:center;color: #333;}
.layerPopup2 .popup_wrap .list_details li span:hover{background:#eee;}
.layerPopup2 .popup_wrap .list_details li.on span{background:#f7f7f7;}
.layerPopup2 .popup_wrap .list_details li a{display:block;padding:10px 0;font-size:18px;text-align:center;color: #333;}
.layerPopup2 .popup_wrap .list_details li.on a{/*background:#f7f7f7;*/color:#0054c8;}




.layerPopup2.passwordWrp .popup_wrap{background-color:#1f5dbe;}
.layerPopup2.passwordWrp .pop_header{padding:36px 40px;}
.layerPopup2.passwordWrp .pop_header .pop_title{color:#fff;}
.layerPopup2.passwordWrp .pop_header .inp_search{border:none;}
.layerPopup2.passwordWrp .pop_header .inp_search input{background-color:#1f5dbe;border-bottom:1px solid #2c6bcf;outline:none;}
.layerPopup2.passwordWrp .pop_header .inp_search input::placeholder{color:#97bcf6;}
.layerPopup2.passwordWrp .pop_header .inp_search .ico.ico_del{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_del_password.png') no-repeat 0 0;}
.layerPopup2.passwordWrp .pop_header .inp_search .cellbox{padding-bottom:0;position:relative;}
.layerPopup2.passwordWrp .pop_header .inp_search .cellbox .btn{position:absolute;bottom:10px;right:20px;}
.layerPopup2.passwordWrp .pop_body{padding:0;}
.layerPopup2.passwordWrp .pop_body .securityPad{min-height:134px;background-color:#16315d;}
.layerPopup2.passwordWrp .pop_body .securityPad .transkey_div {margin:0 auto;}



.list_relative{padding-top:10px;}
.list_relative ul li a {display:block;padding:10px 0;position:relative;}
.list_relative ul li a .group {position:relative;}
.list_relative ul li a .group:after{display:none;content:'';position:absolute;top:0;right:-10px;width:4px;height:4px;border-radius:4px;background:#ff0000;}
.list_relative ul li a .name {font-size:18px;color: #333;vertical-align:baseline;}
.list_relative ul li a .num {margin-left:5px;font-size:14px;color: #666;vertical-align:baseline;}
.list_relative ul li a .check {position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.list_relative ul li a .check .ico {display:inline-block;width:14px;height:14px;background:url('https://static.wooriib.com/images_mts/com/ico_check2.png') no-repeat 0 0;}
.list_relative ul .disabled a .group:after{display:block;}
.list_relative ul .disabled a .name {color: #ccc;}
.list_relative ul .disabled a .num {color: #ccc;}
.list_relative ul .disabled a .check {display:none;}

.group_name_input{padding:0 20px;}
.group_name_input label{display:block;margin-bottom:10px;font-size:18px;color: #333;text-align: center;}
.group_name_input .inp_search{border-bottom:1px solid #333;}

.simulated_invest .grid_data1{padding-top:15px;}
.simulated_invest .cellbox.grid_data1 .row .cell.tit {color: #666;}
.simulated_invest .inp_search {margin-top:7px;border-bottom:1px solid #eee;}
.simulated_invest .account_check {margin-top:7px;font-size:12px;color: #333;}
.simulated_invest .account_check.error {color: #ff0000;}

.reple_siren .check_list {margin-top:15px;}
.reple_siren .check_list:first-child{margin-top:0;}
.reple_siren .check_list li {margin-top:10px;}
.reple_siren .check_list li:first-child{margin-top:0;}
.reple_siren .check_list li .box {display:flex;height:52px;flex-direction: column;justify-content:center;border-radius:5px;border:1px solid #eee;}
.reple_siren .check_list li .box .inp_chk {padding:13px 20px;}
.reple_siren .info_txt {margin-top:10px;font-size:12px;color: #999;}

.popup_line_type1{padding:15px 30px;}
.popup_line_type1 .line{height:1px;background:#eeeeee;}
.popup_line_type1 + .pop_footer{padding-top:0;}

/* toast_popup */
.toast_popup{position:relative;}
.toast_popup .toast{position:absolute;bottom:-60px;width:100%;padding:0 20px;opacity:0}
.toast_popup .toast span{display:block;padding:9px 0;font-size:14px;color: #fff;border-radius:40px;text-align:center;background:rgba(0,0,0,0.4);}

/* layer Full Popup */
.layerPopup1.full_pop{transform:translate3d(0,0,0);}
.layerPopup1.full_pop .popup{padding:0;}
.layerPopup1.full_pop .close{position:unset;}
.layerPopup1.full_pop .popup{width:100%;height:100%;max-height:100% !important;}
.layerPopup1.full_pop .btn_area a{height:inherit;line-height:48px;color:#fff;font-weight:normal;}
.wrap .header.fix .tit_wrapper .big+.small{opacity:1;display:block;font-size:16px;line-height:17px;} /* 2019.10.28 수정 */
.wrap .header.fix .tit_wrapper .small+.small{opacity:0;display:none}


/* 알림 팝업*/
.layerPopup20 {position:absolute;top:0;left:0;right: 0; bottom: 0;z-index:100;}
.layerPopup20 .dim {position:absolute;top:0;left:0;right: 0; bottom: 0;background:rgba(0,0,0,0.2);}
.layerPopup20 .popup_wrap {border-radius:10px 10px 0 0;background:#ffffff; padding: 15px 0 0; position:fixed;bottom:0;left:0;right:0;display: flex; flex-direction: column;}
.layerPopup20 .popup_wrap .line{display:none !important; position:absolute;top:-13px;left:50%; transform:translateX(-50%); width:60px;height:3px;background:#ffffff; display: none;}
.layerPopup20 .popup_wrap .line.block {display: block;}
.layerPopup20 .popup_wrap .close{display:none !important; position:absolute;top:-33px;right:20px;}
.layerPopup20 .popup_wrap .inbtn{display:inline-block !important; position:absolute;top:5px;left:20px; }
.layerPopup20 .popup_wrap .inbtn_r{display:inline-block !important; position:absolute;top:0px;right:20px;}
.layerPopup20 .popup_wrap .inbtn_r .ico_x2 {width:16px; height:16px; }
.layerPopup20 .popup_wrap .pop_header{position:relative;padding:0 20px;}
.layerPopup20 .popup_wrap .pop_header:empty{min-height:20px;}
.layerPopup20 .popup_wrap .pop_header .cellbox{padding-bottom:15px;}
.layerPopup20 .popup_wrap .pop_header .cellbox .cell.left{text-align:left;}
.layerPopup20 .popup_wrap .pop_header .cellbox .cell.left .pop_title{display:inline-block;padding-bottom:0;}
.layerPopup20 .popup_wrap .pop_header .cellbox .cell.right{vertical-align: middle;text-align:right; }
.layerPopup20 .popup_wrap .pop_header .cellbox .cell.right a.investInfo_sel_btn {display:inline-block; width:124px; height:30px; text-align:center; line-height:26px; border:solid 1px #ddd; border-radius:5px;}
.layerPopup20 .popup_wrap .pop_body{position:relative;padding:0 30px 30px 30px;flex:auto; overflow-y :auto; margin: inherit;} /* 2019.10.22 수정 */
.layerPopup20 .popup_wrap .pop_padding{padding:0 10px;}
.layerPopup20 .popup_wrap .pop_header .header_line{width:100%;height:1px;background:#eee;}
.layerPopup20 .popup_wrap .pop_title{padding:15px 0 20px;font-size:18px;color: #333;text-align: center;}
.layerPopup20 .popup_wrap .pop_title .r_menu{position:absolute;top:0;right:20px;}
.layerPopup20 .popup_wrap .pop_title .r_menu .btn{display:inline-block;height:30px;padding:0 10px;line-height:26px;padding-right:28px;border:1px solid #ddd;border-radius:5px;font-size:13px;color: #666;}
.layerPopup20 .popup_wrap .pop_title .r_menu .btn.btn_add{position:relative;}
.layerPopup20 .popup_wrap .pop_title .r_menu .btn.btn_add:after{content:'';display:block;position:absolute;top:50%;right:10px;width:9px;height:1px;background:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.layerPopup20 .popup_wrap .pop_title .r_menu .btn.btn_add:before{content:'';display:block;position:absolute;top:50%;right:14px;width:1px;height:9px;background:#666;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.layerPopup20 .popup_wrap .list_details{padding-top:15px;}
.layerPopup20 .popup_wrap .list_details li span{display:block;padding:10px 0;font-size:18px;text-align:center;color: #333;}
.layerPopup20 .popup_wrap .list_details li span:hover{background:#eee;}
.layerPopup20 .popup_wrap .list_details li.on span{background:#f7f7f7;}
.layerPopup20 .popup_wrap .list_details li a{display:block;padding:10px 0;font-size:18px;text-align:center;color: #333;}
.layerPopup20 .popup_wrap .list_details li.on a{/*background:#f7f7f7;*/color:#0054c8;}




.layerPopup20.passwordWrp .popup_wrap{background-color:#1f5dbe;}
.layerPopup20.passwordWrp .pop_header{padding:36px 40px;}
.layerPopup20.passwordWrp .pop_header .pop_title{color:#fff;}
.layerPopup20.passwordWrp .pop_header .inp_search{border:none;}
.layerPopup20.passwordWrp .pop_header .inp_search input{background-color:#1f5dbe;border-bottom:1px solid #2c6bcf;outline:none;}
.layerPopup20.passwordWrp .pop_header .inp_search input::placeholder{color:#97bcf6;}
.layerPopup20.passwordWrp .pop_header .inp_search .ico.ico_del{width:18px;height:18px;background:url('https://static.wooriib.com/images_mts/com/ico_del_password.png') no-repeat 0 0;}
.layerPopup20.passwordWrp .pop_header .inp_search .cellbox{padding-bottom:0;position:relative;}
.layerPopup20.passwordWrp .pop_header .inp_search .cellbox .btn{position:absolute;bottom:10px;right:20px;}
.layerPopup20.passwordWrp .pop_body{padding:0;}
.layerPopup20.passwordWrp .pop_body .securityPad{min-height:134px;background-color:#16315d;}
.layerPopup20.passwordWrp .pop_body .securityPad .transkey_div {margin:0 auto;}

.list_relative20{padding-top:20px;}
.list_relative20 ul li a {display:inline-block;padding:0px 0;position:relative;}
.list_relative20 ul li a .group {position:relative;}
.list_relative20 ul li a .group:after{display:none;content:'';position:absolute;top:0;right:-10px;width:4px;height:4px;border-radius:4px;background:#ff0000;}
.list_relative20 ul li a .name {font-size:14px;color: #666666;vertical-align:baseline;line-height: 18px;}
.list_relative20 ul li a .num {margin-left:5px;font-size:14px;color: #666;vertical-align:baseline;}
.list_relative20 ul li a .check {position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.list_relative20 ul li a .check .ico {display:inline-block;width:14px;height:14px;background:url('https://static.wooriib.com/images_mts/com/ico_check2.png') no-repeat 0 0;}

.list_relative20 ul li a .check2 {position:relative;left:0px;}
.list_relative20 ul li a .check2 .ico {display:inline-block;width:13px;height:9px;margin-bottom:4px;background:url('https://static.wooriib.com/images_mts/com/co_check_agree_none2.png') no-repeat 0 0;}
.list_relative20 ul li a .check2 .ico.uncheck {display:inline-block;width:13px;height:9px;margin-bottom:4px;background:url('https://static.wooriib.com/images_mts/com/co_check_agree_none.png') no-repeat 0 0;}

.list_relative20 ul .disabled a .group:after{display:block;}
.list_relative20 ul .disabled a .name {color: #ccc;}
.list_relative20 ul .disabled a .num {color: #ccc;}
.list_relative20 ul .disabled a .check {display:none;}

.table1 {display: table;width:100%;}
.table1 .cell{display: table-cell;}

.table_margin {margin-bottom: 15px;}

.layerPopup4 {position:absolute;top:0;left:0;right: 0; bottom: 0;z-index:100;}
.layerPopup4 .dim {position:absolute;top:0;left:0;right: 0; bottom: 0;background:rgba(0,0,0,0.4);}
.layerPopup4 .popup_wrap {border-radius: 24px;background:#ffffff; padding: 30px 20px; position:fixed;bottom:10px;left:10px;right:10px;display: inline-flex; flex-direction: column;gap: 10px;}
.layerPopup4 .popup_wrap .popup_frame{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.layerPopup4 .popup_wrap .popup_frame .group1 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.layerPopup4 .popup_wrap .popup_frame .group1 .alertBox{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}
.layerPopup4 .popup_wrap .popup_frame .group1 .alertBox .elipse{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    fill: #E5EFFF;
}
.layerPopup4 .popup_wrap .popup_frame .group1 .alertText{
    color: #596170;
    text-align: center;
    font-family: "Spoqa Han Sans Neo","Sans-serif";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
.layerPopup4 .btn_type_box{
    width: 100%;
}
.layerPopup4 .btn_type_box .btnDefault{
    display: flex;
    width: 100%;
    height: 54px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #0064FF;
    color: #FFF;
    text-align: center;
    font-family: Spoqa Han Sans Neo;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
}