@charset "utf-8";
.login_box {border-top:1px solid #222; border-right:1px solid #e1e1e1; border-bottom:1px solid #bababa; border-left:1px solid #e1e1e1;}
.login_box>.login_area {width:100%; float:left;}
.login_box>.login_area>div {float:left; width:387px; height:298px; padding:30px 45px 0 45px; text-align:center;}
.login_box>.login_area>div>strong, .public_cert>div>strong {font-size:20px; color:#222;}
.login_box>.login_area>div>strong+div {margin-top:30px;}
.login_box>.login_area>div>.form_area input[type="text"],
.login_box>.login_area>div>.form_area input[type="password"] {width:205px;}
.login_box>.login_area>.cert .mtl_button {width:190px; height:79px;}
.login_box>.login_area>div>p {color:#444;}
.login_box>.login_area>.cert {border-right:1px solid #e1e1e1;}
.login_box>.login_area>.cert>.btn_area {margin-top:17px; width:100%; overflow:hidden;}
.login_box>.login_area>.cert>.btn_area>.mtl_button {float:left;}
.login_box>.login_area>.cert>.btn_area>div {float:left; width:191px; margin-left:6px;}
.login_box>.login_area>.cert>.btn_area>div>a {width:165px; font-weight:bold; color:#444;}
.login_box>.login_area>.cert>.btn_area>div>a:first-child {margin-bottom:11px;}
.login_box>.login_area>div>p {margin-top:15px; line-height:24px;}
.login_box>.login_area>.cert>.radio_box {margin-top:8px; text-align:left;}
.login_box>.login_area>.cert>.radio_box>span {margin-right:11px;}
.login_box>.login_area>div>.form_area {width:100%; display:inline-block; margin-top:17px;}
.login_box>.login_area>div>.form_area>ul {float:left; margin-right:5px;}
.login_box>.login_area>div>.form_area>ul>li {position:relative; margin-top:10px;}
.login_box>.login_area>div>.form_area>ul>li:first-child {margin-top:0;}
.login_box>.login_area>div>.form_area>ul>li>.qInfo {position:absolute; top:10px; right:12px; text-align:left;}
.login_box>.login_area>div>.form_area>ul>li>.qInfo>a{width:16px; height:16px; background:url(/inc/img/common/bul_excl.png) no-repeat 0 0 !important;}
.login_box>.login_area>div>.form_area>.right_area {float:left; width:150px;}
.login_box>.login_area>div>.form_area>.right_area>.mtl_button {width:148px; height:79px;}
.login_box>.login_area>div>.form_area>.right_area>.check_area {margin-top:17px; text-align:left;}
.login_box>.login_area>div>.cell_cert {margin-top:10px; text-align:left;}

.login_box>.add_box {width:100%; overflow:auto; padding:10px 0 10px 0; border-top:1px solid #e1e1e1; background-color:#f8f8f8;}
.login_box>.add_box>div {float:left; margin-left:195px;}
.login_box>.add_box>div:first-child {margin-left:150px;}
.login_box>.add_box>div>.btnWhite {padding:7px 21px 10px 21px;}
.login_box>.add_box>div>.btnWhite:hover {padding:6px 20px 9px 20px;}

.login_box.layer>.login_area>div {height:265px; padding:25px 30px 0 30px;}
.login_box.layer>.add_box>div {margin-left:165px;}
.login_box.layer>.add_box>div:first-child {margin-left:130px;}

/* 200715 접근성 */
#certPwTrue_Div.newCertAcc .id{position:relative; z-index:1;}
#certPwTrue_Div.newCertAcc .id .idUl{width:230px;}
#certPwTrue_Div.newCertAcc .id .right_area{padding-top:79px;}
#certPwTrue_Div.newCertAcc .id .btnLogin{position:absolute; top:130px; right:45px; z-index:1; width:148px; height: 78px;}

#certPwTrue_Div.newCertAcc .login_box.layer .id .btnLogin{position:absolute; top:125px; right:23px;}

.ib_box {width:957px; margin-top:30px; overflow:hidden; border-top:1px solid #222; border-right:1px solid #e1e1e1; border-bottom:1px solid #bababa; border-left:1px solid #e1e1e1;}
.ib_box>div {float:left; width:478px; padding:37px 0 40px 0;}
.ib_box>div>p {margin-left:40px; font-size:18px; font-weight:600; color:#222; line-height:22px;}
.ib_box>div>div {margin-top:35px;}
.ib_box>.banking {border-right:1px solid #e1e1e1;}
.ib_box>.banking>.banking_tit {width:100%; height:27px; margin-top:0; overflow:auto;}
.ib_box>.banking>.banking_tit p {float:left; margin-left:40px; font-size:18px; font-weight:600; color:#222; line-height:22px;}
.ib_box>.banking>.banking_tit a {float:right; width:92px; height:22px; padding-top:5px; margin-right:32px; font-size:13px; color:#222; border-radius:12px; background-color:#f3f3f3; text-align:center;}
.ib_box>.banking>.banking_tit+div {padding-top:110px; background:url(/inc/img/common/bg_ib.jpg) no-repeat 50% 0;}
.ib_box>.banking>div>ul {overflow:hidden; margin-left:33px;}
.ib_box>.banking>div>ul>li {float:left;  width:130px; margin-left:10px; color:#444; text-align:center;}
.ib_box>.warning>div {padding:0 40px;}
.ib_box>.warning li {padding-left:78px;}
.ib_box>.warning li:first-child {padding-bottom:19px; border-bottom:1px dotted #666; background:url(/inc/img/common/icon_secret_card.gif) no-repeat 0 5px;}
.ib_box>.warning li:first-child+li {padding-top:19px; background:url(/inc/img/common/icon_otp.gif) no-repeat 0 26px;}
.ib_box>.warning li>span {color:#222;}
.ib_box>.warning li>p {margin-top:8px; font-size:13px;}

.ib_box_layer {border-top:1px solid #222; border-bottom:1px solid #bababa; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.ib_box_layer>ul {width:896px; overflow:hidden;}
.ib_box_layer>ul>li {float:left; padding:25px 30px 30px 97px;}
.ib_box_layer>ul>li:first-child {border-right:1px solid #e1e1e1; background:url(/inc/img/common/icon_secret_card.gif) no-repeat 25px 30px;}
.ib_box_layer>ul>li:first-child+li {background:url(/inc/img/common/icon_otp.gif) no-repeat 25px 30px;}
.ib_box_layer>ul>li>p {margin-top:5px; font-size:13px;}
.ib_box_layer>ul>li>span {color:#222;}

.layerPopup.sSize>.layerPopup_wrap.login_pop {width:438px; padding:30px;}
.public_cert {border-top:1px solid #222; border-bottom:1px solid #bababa; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.public_cert>div:first-child {padding:30px 27px; text-align:center;}
.public_cert>div>.btn_box {width:100%; overflow:hidden; margin-top:29px;}
.public_cert>div>.btn_box>.mtl_button {width:190px; height:74px; float:left;  margin-right:5px;}
.public_cert>div>.btn_box>div {float:left; width:184px;}
.public_cert>div>.btn_box>div>a {width:158px; font-weight:bold; color:#444;}
.public_cert>div>.btn_box>div>a:first-child {margin-bottom:6px;}
.public_cert>div:first-child+div {padding:20px 0; border-top:1px solid #e1e1e1; background-color:#f8f8f8; text-align:center;}
.public_cert>div:first-child+div>span {margin-right:9px; color:#444;}

.total_result {padding:30px 0; margin-top:20px; font-size:18px; text-align:center; background-color:#f0f7fa;}

.result_num {font-size:18px; color:#222; line-height:22px;}
.tabType2>.result_num {float:left; margin-top:12px;}

.result_list {width:100%; display:inline-block;}
.result_list>.list_area {width:720px;}
.result_list>div {float:left;}
.result_list>.list_area .total_view>a {display:inline-block; width:100%; padding:12px 0; background-color:#f0f7fa; text-align:center;}
.result_list>.list_area .list {margin-top:20px; border-top:1px solid #222; border-bottom:1px solid #bababa;}
.result_list>.list_area .list>li {padding:24px 14px; border-top:1px solid #e1e1e1;}
.result_list>.list_area .list>li:first-child {border-top:0;}
.result_list>.list_area .list>li>.stit {font-size:15px; color:#222;}
.result_list>.list_area .list>li>p {margin-top:6px;}
.result_list>.list_area .list.product {margin-top:0;}
.result_list>.list_area .list.product>li { width:692px; overflow:hidden;}
.result_list>.list_area .list.product>li>div {float:left;}
.result_list>.list_area .list.product>li>.detail_cont {width:480px;}
.result_list>.list_area .list.product>li>.detail_cont>.tit {display:inline-block; padding-right:18px; font-size:15px; color:#222; background:url(/inc/img/common/icon_new_window.gif) no-repeat 100% 3px;}
.result_list>.list_area .list.product>li>.detail_cont>.grade {padding-bottom:7px;}
.result_list>.list_area .list.product>li>.detail_cont>ul>li {margin-top:5px; color:#666;}
.result_list>.list_area .list.product>li>.detail_cont>div {margin-top:14px;}
.result_list>.list_area .list.product>li>.sub_cont {padding-top:28px;}
.result_list>.list_area .list.product>li>.sub_cont>p {display:inline-block; width:97px; height:97px;}
.result_list>.list_area .list.product>li>.sub_cont>.rate {height:59px; padding-top:38px; margin-right:10px; font-size:18px; border:2px solid #e7f0fa; border-radius:50%; text-align:center;}
.result_list>.search_word {width:200px; margin-left:40px;}
.result_list>.search_word>div {border-top:1px solid #222; border-right:1px solid #e1e1e1; border-bottom:1px solid #bababa; border-left:1px solid #e1e1e1;}
.result_list>.search_word>div>strong {display:inline-block; width:178px; padding:12px 0 12px 20px; color:#222; border-bottom:1px solid #e1e1e1; background-color:#f8f8f8;}
.result_list>.search_word>div>ul {padding:20px;}
.result_list>.search_word>div>ul>li {width:100%; margin-top:10px; overflow:hidden;}
.result_list>.search_word>div>ul>li:first-child {margin-top:0;}
.result_list>.search_word>div>ul>li>strong {display:inline-block; width:20px; height:20px; font-size:11px; background-color:#f5f8fa; text-align:center; line-height:20px;}
.result_list>.search_word>div>ul>li>em {float:right;}
.result_list>.search_word>div>ul>li>span {display:inline-block; overflow:hidden; width:109px; font-size:13px; color:#444; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
.result_list>.search_word>div>ul>li>.up {width:6px; height:11px; padding-left:15px; margin-top:6px; font-size:11px; background:url(/inc/img/common/icon_up.gif) no-repeat 0 2px;  line-height:11px;}
.result_list>.search_word>div>ul>li>.down {width:6px; height:11px; padding-left:15px; margin-top:6px; font-size:11px; background:url(/inc/img/common/icon_down.gif) no-repeat 0 2px;  line-height:11px;}
.result_list>.search_word>.latest_box {border-top:1px solid #bababa;}
.result_list>.search_word>.latest_box>ul>li>span {width:132px;}

.basic_box>.space_type2 {width:860px; padding:30px 50px; overflow:hidden;}
.basic_box>.space_type2>div {margin-right:50px;}
.basic_box>.space_type2>div, .basic_box>.space_type2>ul {float:left;}
.basic_box>.space_type2>ul>li {margin-top:15px;}
.basic_box>.space_type2>ul>li>span {display:inline-block; width:105px; color:#222;}

.cert_choice {border-top:1px solid #222; border-bottom:1px solid #bababa;}
.cert_choice>li {padding:20px 0;}
.cert_choice>li:first-child {padding:13px 0; border-bottom:1px solid #e1e1e1;}

/*마이 자산 메인*/
.welcome_box {width:100%; overflow:hidden;}
.welcome_box>.message {float:left;}
.welcome_box>.message>span {font-size:20px; color:#000;}
.welcome_box>.check_box {float:right;}

.income_box {width:958px; border:1px solid #cfcfcf;}
.income_box:after{display:block; content:''; clear:both;}
.income_box>.graph_box {float:left; width:579px; height:333px; padding:30px 34px;}
.income_box>.graph_box>.tit_set {width:100%; overflow:hidden;}
.income_box>.graph_box>.tit_set>em {float:left; font-size:15px; color:#000;}
.income_box>.graph_box>.tit_set>span {float:right; font-size:12px; color:#666; letter-spacing:0;}
.income_box>.graph_box>.graph {height:200px;}

.income_box>.graph_box>.exp_box {width:100%; overflow:hidden; margin-top:29px;}
.income_box>.graph_box>.exp_box>ul {float:right; overflow:hidden;}
.income_box>.graph_box>.exp_box>ul>li {float:left; margin-left:20px;}
.income_box>.graph_box>.exp_box>ul>li>.yellow {display:inline-block; width:9px; height:9px; border-radius:50%; background-color:#f9c558;}
.income_box>.graph_box>.exp_box>ul>li>.red {display:inline-block; width:9px; height:9px; border-radius:50%; background-color:#e07575;}
.income_box>.graph_box>.exp_box>ul>li>.blue {display:inline-block; width:9px; height:9px; border-radius:50%; background-color:#35b0e4;}
.income_box>.price_box {width:310px; float:left; border-left:1px solid #cfcfcf;}
.income_box>.price_box>li {padding:15px 20px; border-top:1px solid #cfcfcf; background-color:#fafafa;}
.income_box>.price_box>li:first-child {border-top:0;}
.income_box>.price_box>li>span {font-size:16px; font-weight:600; color:#222;}
.income_box>.price_box>li>p {margin-top:20px; text-align:right;}
.income_box>.price_box>li>p>strong {font-size:24px; color:#000; letter-spacing:0;}
.income_box>.price_box>li>p>em {font-size:18px; color:#000; vertical-align:top;}
.income_box>.price_box>li.loan {height:156px; padding-top:9px;}
.income_box>.price_box>li>ul {margin-top:6px;}
.income_box>.price_box>li>ul>li {padding:13px 0 15px 0; background:url(/inc/img/common/bg_dot.gif) repeat-x 0 0;}
.income_box>.price_box>li>ul>li:first-child {background:none;}
.income_box>.price_box>li>ul>li>strong {display:inline-block; width:198px; margin-right:7px; font-size:20px; color:#000;  text-align:right; vertical-align:middle;}
.income_box>.price_box>li>ul>li>span {color:#222; vertical-align:middle;}

.listAccordion>li>.acc_title>.info {display:inline-block; padding:0 30px; border-left:1px solid #ccc; font-weight:normal; line-height:15px;}
.listAccordion>li>.acc_title>.info:first-child {padding-left:0; border-left:0;}
.acc_con_wrap>.acc_con>.address_box {width:100%; overflow:hidden;}
.acc_con_wrap>.acc_con>.address_box>ul {float:left;}
.acc_con_wrap>.acc_con>.address_box>ul>li {color:#222;}
.acc_con_wrap>.acc_con>.address_box>ul>li:first-child {margin-bottom:5px;}
.acc_con_wrap>.acc_con>.address_box>.modify_box {float:right; margin-top:12px;}
.acc_con_wrap>.acc_con .btn_pop {display:inline-block; padding-right:20px; background:url(/inc/img/common/icon_new_window.gif) no-repeat 100% 50%;}

.asset_situation {padding:40px 20px 0; border:1px solid #dfdfdf;}
.asset_situation>.graph {height:237px;}
.asset_situation>.graph .tip .text {padding: 5px 10px;border-style:solid; border:2px solid #ad784d; background:#fff; border-radius:3px}
.asset_situation>.graph .tip .arr {width:13px;height:8px;background:url(/inc/img/common/qinfo_to_bottom.png) center center;padding: 0; margin-top: -2px; z-index: 10;}
.asset_situation>.total_price {margin-top:40px; text-align:right;}
.asset_situation>.total_price>span {font-size:18px; color:#000; vertical-align:top;}
.asset_situation>.total_price>em {font-size:28px; color:#000; margin:0 5px 0 15px;}

h2>.regular {font-weight:normal;}
.fund_diagnosis {padding:40px 20px; border:1px solid #cfcfcf;}
.fund_diagnosis>.tit_set {width:100%; margin-top:30px; overflow:hidden;}
.fund_diagnosis>.tit_set>strong {float:left; font-size:16px; color:#222;}
.fund_diagnosis>.tit_set>p {float:right; color:#666;}
.fund_diagnosis>.tit_set:first-child {margin-top:0;}
.fund_diagnosis>.tit_set>p>span {margin-right:11px;}
.fund_diagnosis>.tit_set>p>span>em {padding-right:11px; background:url(/inc/img/common/bg_bar3.gif) no-repeat 100% 5px; letter-spacing:0;}

.more_view {padding:12px 0; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fafafa; text-align:center;}
.more_view>a {display:inline-block; padding-right:23px; color:#444; background:url(/inc/img/common/bg_open.gif) no-repeat 100% 50%;}
.more_view.close>a{ background:url(/inc/img/common/bg_close.gif) no-repeat 100% 50%;}


.full_wrap {width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background-color:#f7f7f7;}
.full_wrap>.portfolio {width:960px; padding-top:35px; margin:0 auto;}
.full_wrap>.portfolio>p {text-align:center;}
.full_wrap>.portfolio>.sub_tit {font-size:36px; color:#222; line-height:40px;}
.full_wrap>.portfolio>.request_ment {font-size:18px; color:#444; line-height:22px;}

.full_wrap>.portfolio>.portfolio_list {overflow:hidden;}
.full_wrap>.portfolio>.portfolio_list>li {position:relative; float:left; width:319px; height:243px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
.full_wrap>.portfolio>.portfolio_list>li:first-child {width:318px; border-left:1px solid #cfcfcf;}
.full_wrap>.portfolio>.portfolio_list>li>a {display:inline-block; position:absolute; width:313px; height:212px; border:3px solid transparent;  padding-top:25px; text-align:center; background:#fff url(/inc/img/common/bg_check.gif) no-repeat 264px 17px;}
.full_wrap>.portfolio>.portfolio_list>li>a>span {display:inline-block; width:100%; padding:17px 0 20px 0;}
.full_wrap>.portfolio>.portfolio_list>li>a>em {font-size:24px; color:#222;}
.full_wrap>.portfolio>.portfolio_list>li>a>p {font-size:16px; color:#222; line-height:22px;}
.full_wrap>.portfolio>.portfolio_list>li:first-child>a {width:312px;}
.full_wrap>.portfolio>.portfolio_list>li.on>a {position:absolute; top:-1px; left:-1px; width:313px; height:212px; border:4px solid #0275a6; background:#fff url(/inc/img/common/bg_check_on.gif) no-repeat 264px 17px;}
.full_wrap>.portfolio>.portfolio_list>li.on:first-child>a {width:312px;}

.full_wrap>.portfolio>.invest_box {padding:20px 30px; background-color:#e6e6e6;}
.full_wrap>.portfolio>.invest_box>span {font-size:20px; color:#000;}
.full_wrap>.portfolio>.invest_box>span:first-child {margin-right:20px;}
.full_wrap>.portfolio>.invest_box>input[type=text] {width:399px; height:45px; font-size:22px; line-height:45px; text-align:right;}
.full_wrap>.portfolio>.invest_box a {display:inline-block; width:91px; height:46px; margin-left:3px; background:url(/inc/img/common/bg_button.png) no-repeat 0 0; text-align:center; line-height:46px; vertical-align:middle;}
.full_wrap>.portfolio>.invest_box>em {margin-left:19px;}
.full_wrap>.portfolio .mtl_button.big {height:53px; padding:0 50px 3px 35px; background:#0275a6 url(/inc/img/common/bg_btn_arrow.png) no-repeat 95% 50%;}
.full_wrap>.portfolio .mtl_button.big>span {font-size:18px !important;}

.bottom_wrap>.bottom_content {width:960px; margin:0 auto; padding-top:40px;}
.bottom_wrap>.bottom_content>.tab_wrap {position:relative;}
.bottom_wrap>.bottom_content>.tab_wrap>.more {position:absolute; top:15px; right:0; padding-right:17px; color:#444; background:url(/inc/img/common/icon_plus.gif) no-repeat 100% 50%; z-index:2;}
.bottom_wrap>.bottom_content>.recom_list {width:100%; overflow:hidden;}
.bottom_wrap>.bottom_content>.recom_list>li {float:left; width:179px; height: 196px; padding:30px; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca;}
.bottom_wrap>.bottom_content>.recom_list>li:first-child {width:178px; border-left:1px solid #cacaca;}
.bottom_wrap>.bottom_content>.recom_list>li.blank_list{background:url(/inc/img/common/blank_logo.png) no-repeat center center}
.bottom_wrap>.bottom_content>.recom_list>li>.product_name {overflow:hidden; height:76px; margin-top:7px; font-size:18px; font-weight:600; color:#222; line-height:25px;}
.bottom_wrap>.bottom_content>.recom_list>li>.income {margin-top:28px; text-align:center;}
.bottom_wrap>.bottom_content>.recom_list>li>.income>span {font-size:16px; color:#222;}
.bottom_wrap>.bottom_content>.recom_list>li>.income>.percent {margin-top:4px; font-size:38px; font-weight:600; color:#e9000b; line-height:42px;}
.bottom_wrap>.bottom_content.new {position:relative;}
.bottom_wrap>.bottom_content.new>.more {position:absolute; top:55px; right:0; padding-right:17px; color:#444; background:url(/inc/img/common/icon_plus.gif) no-repeat 100% 50%; z-index:2;}



.notice_wrap {border-top:1px solid #bababa; border-bottom:1px solid #bababa; background-color:#fafafa;overflow:hidden;}
.notice_wrap.empty{border-bottom:0}
.notice_wrap>.simple_notice {position:relative; width:922px; padding:15px 0 15px 38px; margin:0 auto; background:url(/inc/img/common/icon_alarm.gif) no-repeat 0 50%}
.notice_wrap>.simple_notice>.simple_notice_list{position:relative;height:28px;overflow:hidden; margin-right:50px;}
.notice_wrap>.simple_notice>.simple_notice_list>div>.notice_link{display:none;position:absolute;height:28px;line-height:26px;top:0;left:0}
.notice_wrap>.simple_notice>.simple_notice_list>div.on{z-index:1}
.notice_wrap>.simple_notice>.simple_notice_list>div.on>.notice_link{display:block;}
.notice_wrap>.simple_notice>.simple_notice_list>div.bfOn>.notice_link{display:block}
.notice_wrap>.simple_notice>.close {position:absolute; overflow:hidden; top:50%; right:14px; margin-top:-7px; display:inline-block; width:15px; height:15px; background:url(/inc/img/common/bg_close.gif) no-repeat 0 0; text-indent:-9999px;}

.notice_wrap>.simple_notice>.simple_notice_list>div>.notice_link_btn{display:none;top:50%;right:0;margin-top:-14px;position:absolute;padding:4px 20px 6px 20px; font-size:12px; border-radius:14px; background:#e6e6e6; color:#222; font-weight:600;transform:rotateX(90deg);transition:transform 0.15s linear}
.notice_wrap>.simple_notice>.simple_notice_list>div>.notice_link_btn:hover,.notice_wrap>.simple_notice>.simple_notice_list>div>.notice_link_btn:focus{padding:2px 18px 4px 18px; border:2px solid #027db3}
.notice_wrap>.simple_notice>.simple_notice_list>div.on>.notice_link_btn{display:inline-block}
.notice_wrap>.simple_notice>.simple_notice_list>div.bfOn>.notice_link_btn{display:inline-block}
.notice_wrap>.simple_notice>.simple_notice_list>div>.notice_link_btn.on{transform:rotateX(0);transition:transform 0.15s linear}