@c-h-a-r-s-e-t "utf-8";
@import url(/Web-home/frame/css/layout_common.css);

#header-container:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 1px; background-color: #dddddd;}
#header-container .content-header{position: absolute; z-index: -1; top: 123px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 130px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{position: absolute; top: 36px; right: 500px; width: 1000px; text-align: left; padding-left: 230px; box-sizing: border-box;}
#header-container .content-header .slogan .item-01{margin: 0; line-height: 32px; font-size: 24px; color: #ffffff;}
#header-container .content-header .slogan .item-02{margin: 0; line-height: 32px; font-size: 17px; color: #ffffff;}


.lnb .logo{margin: 0;}
.lnb .logo a{height: 88px;}


.lnb .wizard_func_area #menuTopUI #top_div{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li{position: static !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2{left: auto !important; width: auto;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul{font-size: 0; white-space: nowrap; text-align: center;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

/*.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li{display: inline-block !important; float: none !important;}*/


.lnb .wizard_func_area #menuTopUI{position: absolute; right: 0; bottom: 15px;}

.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a{}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a:hover,
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a.active{}


#mid-container{overflow: visible !important; margin: 0 auto 60px auto;}
#mid-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mid-container #left-container .quick-link{margin-top: 20px; width: 190px; background-color: #f3f3f3;}
#mid-container #left-container .quick-link h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .quick-link ul{list-style: none; margin: 0; padding: 0 20px;}
#mid-container #left-container .quick-link ul li{vertical-align: top;}
#mid-container #left-container .quick-link ul li+li{border-top: 1px dashed #dadada;}
#mid-container #left-container .quick-link ul li a{display: block; padding-top: 13px; height: 29px; line-height: .9; font-size: 14px; color: #1f5a98; text-decoration: none; background: url(./../../mycodyimages/s_quick_link.png) no-repeat 100% 50%;}


#mid-container #content-container{margin-top: 130px;}
#mid-container #content-container .h2Title{position: relative; margin-bottom: 30px; padding-top: 32px; height: 57px; line-height: .9; font-size: 30px; color: #4b4b4b; font-weight: normal;}
#mid-container #content-container .h2Title:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 52px; height: 3px; background-color: #2dafc5;}
#mid-container #content-container #pageNavi{position: absolute; right: 0; top: 58px;}
#mid-container #content-container #pageNavi{position: absolute; right: 0; top: 20px; font-size:12px;}
#mid-container #content-container #pageNavi strong{color:#38659f;}


#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}


#slide-container{top: 253px;}

.cust-center{width:190px;padding-top:110px;padding-bottom:20px;margin-top:20px;text-align:center;color:#fff;background: #0f4d99 url('./../../mycodyimages/img_cust-center.png') 50% 20px no-repeat}
.cust-center h2{font-size:16px;}
.cust-center .call{font-size:31px;font-weight:bold;color:#ffea00;line-height:1.2}
.cust-center .business-hours{font-size:14px;color:#aed2ff;line-height:20px}
.cust-center .goto{display:inline-block;font-size:12px;font-weight:bold;color:#fff;width:115px;height:30px;line-height:30px;letter-spacing:-0.5px;margin-top:10px;background: #0f4d99 url('./../../mycodyimages/btn_cust-center.png') no-repeat}

.history_tbl tbody td{padding:5px 15px !important}





.wizUser .list table{table-layout: fixed;}
#board-container .list table td.title .antext{}
#board-container .list table td.title .antext p span{width: auto !important;white-space: normal !important;line-height: 24px;}

.box_board111522{font-size: 13px !important;}
#board-container {font-size: 13px !important;}
.box_board4988461 .viewTop .id {display:none;}
.box_board4988469 .viewTop .id {display:none;}
.nhlistType{line-height:1.6 !important;min-height:100px !important;}

.movieView iframe{height:550px; width:770px}



#board-container .total{display:none;}

/* 관련사이트 */
.site-company{}
.site-company:after{content:"";display:block;clear:both}
.site-company > li{background: none !important;float: left;margin: 10px;}
.site-company > li:first-child{margin-top:10px !important}
.site-company > li a{display: block;}



.htmlWrap .k2conWrap ul li {font-size: 14px !important;}
.htmlWrap .k2conWrap p {width: 90% !important;font-size: 14px !important;word-break: keep-all  !important;}
.htmlWrap .k2conWrap {text-align:inherit !important;;}
.htmlWrap .title2nd{font-size:16px !important; letter-spacing:-1px; margin:20px 0 9px 0 !important;}
.htmlWrap .title3rd{font-size:15px !important; margin:20px 0 10px 0 !important;}

/* 예금보호금액 모의계산기 */
table.chart_tb1{margin-top:8px;}
.p_tb_zone{margin-top:0 !important;}
table.chart_tb1 tbody th{width:30% !important;letter-spacing:-1px;}
table.chart_tb1 tbody td{width:70% !important}
table.chart_tb1 tbody td .radio_row2 input[type="text"]{padding:7px;margin-right:4px;border-radius: 4px;}
.green_text{line-height: 20px;font-size: 14px !important; word-break:keep-all; }							
input#sf_pay, input#sf_money, input#sf_money2, input#sf_pay2, input#sf_pay3 {width:160px !important;}
input#sf_money2, input#sf_pay2, input#sf_pay3 {background-color:#eee;}