@charset "utf-8";


/* 타이틀 */
.qsPopup .popLogo{padding: 7px 23px 0 0; float:right;}

/* 컨텐츠 */
.qsPopup .dvpop{overflow:hidden;}

.qsPopup .popup_cont{position:relative; width:100%; padding:0 3px; margin:0; box-sizing:border-box; min-height:630px; overflow:hidden;}
	.qsPopup .popup_cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.qsPopup .tab_col{position:absolute;top:0px;left:3px;width:90px;height:100%;}
	.qsPopup .tab_col li{height:16.7%;display:block;box-sizing:border-box;border-right:1px solid #d7e0e6;border-top:1px solid #ebeff3;}
	.qsPopup .tab_col li:first-child{height:16.5%;border-top:none;}
	.qsPopup .tab_col li > a{display:block;width:100%;height:100%;padding-top:53px;box-sizing:border-box;font-size:12px;color:#757575;font-weight:bold;text-align:center;}
	.qsPopup .tab_col li.on{position:relative;}
	.qsPopup .tab_col li.on a{color:#fff;border-right:1px solid #0057a6;}
	.qsPopup .tab_col li.on:after{position:absolute;top:50%;right:-8px;display:block;content:"";margin-top:-4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid #0057a6;}
	.qsPopup .tab_col li .account{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_account.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col li .check{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_check.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col li .rate{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_rate.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col li .fund{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_fund.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col li .card{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_card.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col li .gold{background:url('/IBK/uib/pib/img/KO/qcs/tab_bg_gold.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .account{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_account_on.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .check{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_check_on.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .rate{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_rate_on.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .fund{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_fund_on.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .card{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_card_on.gif') no-repeat 29px 14px;}
	.qsPopup .tab_col .on .gold{background:#0057a6 url('/IBK/uib/pib/img/KO/qcs/tab_bg_gold_on.gif') no-repeat 29px 14px;}

.qsPopup .con_wrap{width:100%;padding-left:115px; min-height:579px; box-sizing:border-box;}
.qsPopup .con_wrap.etc {padding-left:20px; min-height:initial;}

.qsPopup .con_wrap h3.stit3{display:block;padding:38px 0 20px 0;box-sizing:border-box;font-size:25px;height:auto;border-bottom:1px solid #114287;margin-right:27px;}
	.qsPopup .con_wrap .con_tit img{width:auto;height:24px;}

.qsPopup .scroll_area {height:543px;padding-right:27px;box-sizing:border-box; overflow-y:auto;}
.qsPopup .scroll_area.etc {height:630px;}
	.qsPopup .scroll_area .btn_area {padding-bottom:30px;}
	.list_comm {border-bottom:none; /*margin-top:18px; padding:0 0 12px;*/}

.qsPopup div.TA_01 table.list th.tit img{vertical-align:-2px;}

.mess_list{margin-top:15px; padding:0 0 8px;line-height:16px;}
	.mess_list > li{background:none !important;padding:0 !important;}
	.mess_list > li > strong{display:block;padding:0 0 0 15px;background:url('/IBK/uib/pib/img/KO/common/bul_alone.gif') no-repeat 0 3px;}
	.mess_list .dot_list{position:relative;background:none;padding:6px 0 0 10px !important;}
	.mess_list .dot_list:after{display:block;position:absolute;top:12px;left:0;content:"";width:2px;height:2px;background:#a4a4a4;}
	.mess_list li em {color: #ff3800;}
	.mess_list li ul {margin-top:3px;}
	.mess_list li ul li {padding:0 0 2px 10px;background:url('/IBK/uib/pib/img/KO/common/bg_list_comm2.gif') no-repeat 0 6px;}

.qsPopup .img_area{width:670px;padding:30px 0;margin-bottom:10px;text-align:center;border:1px solid #ccddee;}

.radio_wrap{overflow:hidden;margin:10px 0 0;}
.radio_wrap li{float:left;margin-right:30px;}
.img_wrap li{text-align:center;padding:20px;display:none;}
.img_wrap li.on{display:block;}

/* 버튼 */
.tab_area{position:relative;}
.btn_tab {display:inline-block; padding:6px 18px 0 10px; height:19px; border-radius:2px; color:#fff; border:1px solid #276bc1; background:#276bc1 url('/IBK/uib/pib/img/KO/button/bg_bts_bul_white.gif') no-repeat right center;}
.tab_area .btn_tab{position:absolute;top:7px;right:1px;}

/* footer */
.qsfooter{display:none; margin:0 3px; padding:13px 20px 12px;box-sizing:border-box;color:#757575;font-size:12px;background:#e9e9ed;}

/* 고객용데모 */
.demoPopup {background:#e1ebf5 url('/IBK/uib/pib/img/KO/demo/bg_customer_demo.png') no-repeat 50% 0;}
.demoPopup h1 {width:884px;margin:30px auto 0;}
.demoPopup .frontwrap {width:884px;margin:260px auto 0;background-color:#fff;border:1px solid #ccc;}
.demoPopup .frontwrap:after {display:block;clear:both;content:'';}
.demoPopup .frontwrap > div, .demoPopup .frontwrap > div > div {float:left;height:114px;}
.demoPopup .frontwrap > div h2{float:left;width:150px;}
.demoPopup .frontwrap > div > .top{position:relative;float:left;width:367px;height:120px;background:url('/IBK/uib/pib/img/KO/demo/bg_sub_01.png') no-repeat 33px 38px;border-right:0;}
.demoPopup .frontwrap > div > .top:after{content:'';position:absolute;right:0;top:41px;display:inline-block;width:1px;height:38px;background:#e8e8e8;}
.demoPopup .frontwrap > div > div a{display:inline-block;padding:53px 0 0 95px;font-weight:bold;font-size:14px;color:#333;}
.demoPopup .frontwrap > div > div a:after {display: inline-block;content: '>';color: #666;font-size: 12px;vertical-align: 1px;margin-left: 7px;line-height: 1;}
.demoPopup .frontwrap > div > .bottom{width:367px;background:url('/IBK/uib/pib/img/KO/demo/bg_sub_02.png') no-repeat 30px 40px;border-right:0;}
.demoPopup .frontwrap .ecb a{padding:40px 0 0 95px;}
.demoPopup .frontwrap .ecb{height:auto;}
.demoPopup .frontwrap .ecb .top {height:142px;border-top:1px solid #d9d9d9;background:#fff url('/IBK/uib/pib/img/KO/demo/bg_sub_03.png') no-repeat 30px 51px;}
.demoPopup .frontwrap .ecb .bottom {height:142px;border-top:1px solid #d9d9d9;background:#fff url('/IBK/uib/pib/img/KO/demo/bg_sub_04.png') no-repeat 30px 53px;}
.demoPopup .frontwrap .ecb p{padding:9px 0 0 95px;line-height:18px;}
.demoPopup .frontwrap .ecb .ex{float:left;width:734px;height:113px;background:#f5f5f5;}
.demoPopup .frontwrap .ecb .ex ul{overflow:hidden;}
.demoPopup .frontwrap .ecb .ex ul li{float:left;width:245px;height:113px;background:#f7f7f7;}
.demoPopup .frontwrap .ecb .ex ul li.bg{width:244px;background:#f0f0f0;}
.demoPopup .frontwrap .ecb .ex strong{display:inline-block;width:50px;height:22px;margin:23px 0 0 30px;color:#333;text-align:center;line-height:22px;background:url('/IBK/uib/pib/img/KO/demo/bg_ex_stit.png') no-repeat;}
.demoPopup .frontwrap .ecb .ex a{display:block;padding:7px 0 0 30px;font-size:12px;font-weight:normal;line-height:18px;color:#575757;}
.demoPopup .frontwrap .ecb .ex a:after{display:none;}
.demoPopup .frontwrap .ecb .top:after{height:74px;}

/*고객용데모_서브*/
.pop_wrap.demo_sub{width:1024px;}
body.pop_demo {background-color:#e1ebf5;background-image:none}
.tab_demo {margin-top:10px;position:relative;width:100%;box-sizing:border-box;background-color:#fafbfd;border-bottom:1px solid #b9cadf;}
.tab_demo > ul{display:block;width:100%;box-sizing:border-box;}
.tab_demo > ul:after{display:block;clear:both;content:'';}
.tab_demo > ul > li {float:left;width:12.5%;height:50px;text-align:center;box-sizing:border-box;background:url('/IBK/uib/pib/img/KO/fxd/bg_tab.png') no-repeat right top;}
.tab_demo > ul > li.line{border-left:1px solid #b9cadf;}
.tab_demo > ul > li.line.open, .tab_demo > ul > li.line.on{border-left:1px solid #276bc1;}
.tab_demo > ul > li.open:first-child:after {display:none;}
.tab_demo > ul > li > a {display:block;position:relative;width:100%;height:50px;line-height:50px;color:#575757;font-weight:bold;font-size:14px;}
.tab_demo > ul > li.open > a{background:url('/IBK/uib/pib/img/KO/fxd/bg_pattern.png') repeat-x left top;color:#fff;font-weight:bold;}
.tab_demo > ul > li.active > a{background:url('/IBK/uib/pib/img/KO/fxd/bg_pattern.png') repeat-x left top;color:#fff;font-weight:bold;}
.tab_demo > ul > li.open > a:after{display:inline-block;position:absolute;top:18px;right:19px;content:"";width:11px;height:7px;}
.tab_demo .btn-home{position: absolute;top:-66px;right:0}

.tab_demo.ecb > ul > li:first-child{width:11.2%;}
.tab_demo.ecb > ul > li{width:11.1%;}
.tab_demo .for_depth{padding-bottom:2px;}
.tab_demo .for_depth li{padding-top:2px !important;}
.tab_demo .for_depth li a{color:#7b8fad !important;}
.tab_demo .for_depth li a:hover{background:#eee;font-weight:bold;letter-spacing:-1px;line-height:18px;}
.tab_demo .for_depth li a:before{content:'';display:inline-block;width:5px;height:1px;margin:0 5px 0 1px;background:#7b8fad;vertical-align:4px;}

.tab_demo .dep02 {display:none;position:absolute;left:0;top:50px;z-index:100;width:100%;padding:20px 20px 20px 0;background-color:#fff;border:1px solid #276bc1;box-sizing:border-box;}
.tab_demo .dep02.depBot{top:50px;}
.tab_demo .dep02.on{display:block;width:100%;box-sizing:border-box;}
.tab_demo .dep02 > ul{display:table;height:100%;box-sizing:border-box;}
.tab_demo .dep02 > ul > li{display:table-cell;width:194px !important;text-align:left;border-left:1px solid #e8e8e8;padding:20px 0 18px 15px;box-sizing:border-box;}
.tab_demo .dep02.depW > ul > li{width:25%;}
.tab_demo .dep02 > ul > li:first-child {margin-top:0; border-left:0;}
.tab_demo .dep02 > ul > li > a {display:block; font-size:14px;color:#1953aa;font-weight:bold; margin:0 10px 0 0;}
.tab_demo .dep02 > ul > li > a.active {background:#eee;}

.tab_demo .dep02 > ul > li ul a{color:#575757;display:block;margin-right:14px;line-height:18px;}
.tab_demo .dep02 > ul > li ul a:hover{background:#eee;font-weight:bold;letter-spacing:-1px;line-height:18px;}
.tab_demo .dep02 > ul > li ul > li{padding-top:5px;}
.tab_demo .dep02 > ul > li ul > li:first-child {padding-top:12px;}
.tab_demo .dep02 > ul > li ul > li > a.active{background:#eee;}

.pop_demo .con_demo{position:relative;margin-top:10px;}
.con_demo .head_demo{overflow: hidden;position:absolute;top:0;left:0;width:720px;height: 39px;line-height: 39px;padding:0 20px 0 13px;text-align:right;border:1px solid #b9cadf;background:#fafbfd;box-sizing:border-box;}
.con_demo .head_demo .total_num{float: left;display: inline-block;margin-top: 7px;padding:0 3px;height: 24px;border:2px solid #994200;background-color: #f67b1e;color: #fff;box-sizing:border-box;line-height: 23px;}
.con_demo .head_demo strong{display: inline-block;font-weight:normal;}
.con_demo .head_demo span{display: inline-block;font-weight:bold;}
.con_demo .btn_demo{position:absolute;bottom:11px;right:20px;width:202px;padding-top:10px;border-top:1px solid #b9cadf;text-align:center;}
.con_demo .btn_demo > a{display:block;float:left;margin-left:10px;}
.con_demo .btn_demo > a:first-child{margin-left:0;}
.con_demo .btn_demo > a.prev{margin-left:18px;}
.con_demo .btn_demo .play, .con_demo .btn_demo .stop{display:none;}
.con_demo .btn_demo .play.on, .con_demo .btn_demo .stop.on{display:block;}
.con_demo .step_demo > ul > li{display:none;}
.con_demo .step_demo > ul > li.on{display:block;}
.con_demo .step_demo > ul > li:after{display:block;clear:both;content:'';}
.con_demo .step_demo li .img_demo{float:left;width:720px;height:587px;padding:54px 15px 15px;margin-right:10px;border:1px solid #b9cadf;border-top:none;background:#fff;box-sizing:border-box;}
.con_demo .step_demo li .img_demo img {}
.con_demo .step_demo li .info_demo{float:left;width:244px;height:587px;padding:20px 20px 88px;border:1px solid #b9cadf;background:#fff;box-sizing:border-box;}
.con_demo .step_demo .info_demo > li{margin-top:12px;}
.con_demo .step_demo .info_demo > li:first-child{margin-top:0;}
.con_demo .step_demo .info_demo .num{display:inline-block;height:18px;line-height:18px;margin-bottom:6px;padding:1px 3px 0 2px;color:#fff;font-weight:bold;text-align:center;background:#fe0000;}
.con_demo .step_demo .info_demo .tit{display:block;line-height:16px;color:#333;padding-bottom:5px;}
.con_demo .step_demo .info_demo li ol li {padding-left:14px; text-indent:-14px;}

.demobox {}
.demobox strong.dtit {display:block; padding-top:35px; height:55px; color:#fff; font-size:24px; line-height:24px; text-align:center;  font-family:'IBKiDreamM';  font-weight:normal; background:url('/IBK/uib/pib/img/KO/demo/tit_bg.gif') no-repeat 0 0;}
.demobox ul {margin:0 auto; width:568px; height:145px; padding-top:15px;}
.demobox ul li {margin-top:14px; padding-left:10px; line-height:18px; background:url('/IBK/uib/pib/img/KO/common/bg_list_comm.gif') no-repeat left 6px;}
.demobox .pics {margin:0 auto; width:566px; padding:30px 0; text-align:center; border:1px solid #ccddee; background:#fafbfd;}

.demobox2 {width:100%; overflow:hidden; padding-bottom:8px;}
.demobox2 .demos {display:table-cell; width:100px; height:108px; vertical-align:middle; text-align:center; border:1px solid #ccddee; border-left:0; background:#fafbfd;}
.demobox2 .demos:first-child {color:#fff; font-size:14px; line-height:18px; font-family:'IBKiDreamL'; font-weight:normal; background:url('/IBK/uib/pib/img/KO/demo/pic_bg.gif') no-repeat 0 0;}
.demobox2 .demos .pics2 {margin-top:3px;}
.demobox2 .demos .dname {margin:4px auto 0; width:59px; height:19px;line-height: 19px; font-size:12px; color:#fff; text-align:center; letter-spacing:-1px; background:url('/IBK/uib/pib/img/KO/demo/name01.gif') no-repeat 0 0; font-family:'IBKiDreamL';}
.demobox2 .demos .dname.pers2 {background:url('/IBK/uib/pib/img/KO/demo/name02.gif') no-repeat 0 0;}
.demobox2 .demos .dname.pers3 {background:url('/IBK/uib/pib/img/KO/demo/name03.gif') no-repeat 0 0;}
.demobox2 .demos .names {margin-top:2px; color:#333; font-size:11px; font-family:'IBKiDreamL';}

.relative {position: relative;}
.top30 {top:30px !important;}

/*lon add*/
.rate_area {margin-top:20px;}
.rate_area.lines {border-top:1px solid #ccddee; border-bottom:1px solid #cddeee;}
.rate_area .txt1 {margin-top:15px; text-align:center;}
.rate_area .rate_txt {display:block; margin-top:15px; padding:15px 0; text-align:center; font-size:16px; border-top:1px solid #ccddee; border-bottom:1px solid #cddeee;}
.rate_compare {margin:15px auto 0; width:80%; overflow:hidden; background:url('/IBK/uib/pib/img/KO/lon/bg_rate.png') no-repeat center;}
.rate_compare .left {float:left; width:50%; text-align:center}
.rate_compare .right {float:left; width:50%; text-align:center}
.rate_compare em {display:block; padding-bottom:5px;}
.rate_compare .rates {display:block; font-size:16px; font-weight:bold;}
.trn_total .mess2 {display:block; padding-top:10px; color:#666; font-size:12px; line-height:18px; font-weight:normal;}
.mess_lon {text-align:center;}
.mess_lon .txts {display:inline-block; padding:10px 0 10px 45px; font-weight:bold; font-size:16px; color:#114287; background:url('/IBK/uib/pib/img/KO/lon/bg_mess.png') no-repeat 0 center;}

/*tis add*/
div.TA_01 table.list td.thin {text-align:left; padding:0 0 0 15px;}
.pop_txt {font-weight:bold;}
.pop_txt2 {padding-top:15px;}
.sms_stock {width:100%; overflow:hidden;}
.sms_stock .left {display:block; float:left; width:47%; text-align:right;}
.sms_stock .right {display:block; float:left; width:53%;  text-align:left;}
.sms_stock .right:before {content:'/'; padding:0 3px;}
.tis_graph {margin-top:15px;}