@charset "utf-8";

/* 공통 / 폰트 컬러 */
em{color:#9b703c} 
.bp-bx {border:1px solid #e0e0e0} /* 박 스 */
.lpas {letter-spacing:-0.2px}
.lpas2 {letter-spacing:-1px}
.tc-fnt {font-size:14px; color:#333333}
.tc-fnt2 {font-size:18px;color:#9b6f3b; font-weight:bold; padding-top:20px}
.tc-fnt3 {font-size:12px; color:#666666}
.fnt13 {font-size:13px; color:#666666; letter-spacing:-1px}
.bank-tit {font-size:14px; color:#666666}
.braun {color:#986e3b} /* 브라운 폰트 컬러*/
em.bp-star {padding-left:10px; color:#986e3b; background: url(/img/section/bp/bp_star.gif) no-repeat 0 10px} /* 브라운 STAR 블릿*/
.bp_link {color:#0078d4}
.tit{font-size:20px; color:#0078d4; margin-bottom:10px}
.tit02{font-size:17px; color:#0078d4}
.txt{font-size:14px; color:#555555; letter-spacing:-1px}
.txt02{font-size:14px; color:#000000; letter-spacing:-1px}
.dash-list li{background: url(/img/common/etc/bu_list_txt_dep3.gif) no-repeat 0 10px; padding-left:10px; font-size:14px} /* 데쉬 리스트*/
.title-bp{color:#009ae6 !important;font-weight:bold !important}
.mt80 {margin-top:80px !important}
.ppp{border:1px solid red}
.ppp1{border:1px solid blue}
.ppp2{border:1px solid green}

.define-1 dt {font-size:16px; font-weight:bold; width:100% !important; border:none !important; height:auto !important}
.define-1 dt a{font-size:16px; font-weight:bold;}
.define-1 dd {font-size:12px; color:#7A7A7A}

.define-2 dt {font-size:18px; width:100% !important; border:none !important; height:auto !important}
.define-2 dt span{color:#0078d4}
.define-2 dd {font-size:14px}

/* 은행소개 메인 (추후css정리필요)*/
.bp_contents.main00 {position:relative;overflow:hidden;margin:0 auto; width:950px; background:url(/img/section/bp/main00_bg_intro_250430.jpeg) no-repeat right 0}
.bp_contents.main00 .visual{height:250px;padding:80px 0 0 50px}
.bp_contents.main00 .visual p.small_txt{padding-top:30px}
.bp_contents.main00.js-start-animation .visual {position:relative;top:0}
.bp_contents.main00 .conts_bottom{overflow:hidden}
.bp_contents.main00 .conts_bottom .bx02.program3 { border:none; background: url(/img/section/bp/main00_bg_contribution.gif) no-repeat 100% 40px}
.bp_contents.main00 .conts_bottom .bx03.ceo{display:inline;width:270px; background:url(/img/section/bp/main00_bg_ceo.gif) no-repeat 100% 50px}

/* 은행소개_main01_은행안내 */
.bp_contents.main01 {position:relative;margin:0 auto;width:950px;background:url(/img/section/bp/main01_tit011_210820.png) no-repeat right 0;overflow:hidden}
.bp_contents.main01 .visual{height:265px;padding:80px 0 0 50px}
.bp_contents.main01 .visual p.small_txt{ padding-top:30px}
.bp_contents.main01.js-start-animation .visual {position:relative;top:0;}
.bp_contents.main01 .conts_top{ height:136px}
.bp_contents.main01 .conts_top .box01, .bp_contents.main01 .conts_bottom .box01{width:310px}
.bp_contents.main01 .conts_top .box02, .bp_contents.main01 .conts_top .box03, .bp_contents.main01 .conts_bottom .box02, .bp_contents.main01 .conts_bottom .box03{ width:270px;margin-left:50px}
.bp_contents.main01 .conts_top h2{font-size:18px !important; line-height:16px !important;  color:#009AE9 !important; height:auto !important}
.bp_contents.main01 .conts_top p.txt{line-height:22px; font-size:14px;color:#333333}
.bp_contents.main01 .conts_top span.go{margin-top:-8px}
.bp_contents.main01 .conts_bottom div{border-top:1px solid #e1e1e1;overflow:hidden}
.bp_contents.main01 .conts_bottom h2{padding-top:15px;font-size:18px !important; line-height:16px !important;  color:#222222 !important; height:auto !important}
.bp_contents.main01 .conts_bottom div.box01{ position:relative}
.bp_contents.main01 .conts_bottom div.box01 p{ width:36px;height:11px;position:absolute;top:3px;right:0}
.bp_contents.main01 .conts_bottom .txt{font-size:14px;color:#333333; line-height:20px;margin:17px 0 10px 0}
.bp_contents.main01 .conts_bottom .box01 ul.list li{position:relative;padding-left:8px; background:url(/img/section/bp/bul_circle_gray.gif) 0 11px no-repeat; letter-spacing:-1px}
.bp_contents.main01 .conts_bottom .box01 ul.list li span{ position:absolute;right:0;color:#888888;letter-spacing:-1px}
.bp_contents.main01 .conts_bottom div.box02{ background:url(/img/section/bp/main01_bottom_box2bg.gif) 100% 36px no-repeat}
.bp_contents.main01 .conts_bottom div.box03{ background:url(/img/section/bp/main01_bottom_box3bg.gif) 100% 43px no-repeat}

/* 은행소개_main02_윤리경영 */
.bp_contents.main02 {position:relative;margin:0 auto;width:950px;background:url(/img/section/bp/main02_bg.jpg) no-repeat right 0;overflow:hidden}
.bp_contents.main02 .visual{height:265px;padding:80px 0 0 50px}
.bp_contents.main02 .visual p.small_txt{ padding-top:30px}
.bp_contents.main02.js-start-animation .visual {position:relative;top:0}
.bp_contents.main02 .conts_top{ height:136px}
.bp_contents.main02 .conts_top .box01, .bp_contents.main02 .conts_bottom .box01{width:310px}
.bp_contents.main02 .conts_top .box02, .bp_contents.main02 .conts_top .box03, .bp_contents.main02 .conts_bottom .box02, .bp_contents.main02 .conts_bottom .box03{ width:270px;margin-left:50px}
.bp_contents.main02 .conts_top h2{font-size:18px !important; line-height:16px !important;  color:#009AE9 !important; height:auto !important}
.bp_contents.main02 .conts_top p.txt{font-size:14px;line-height:22px; color:#333333}
.bp_contents.main02 .conts_top span.go{margin-top:-8px}
.bp_contents.main02 .conts_bottom div{ border-top:1px solid #e1e1e1; overflow:hidden}
.bp_contents.main02 .conts_bottom h2{padding-top:15px;font-size:18px !important; line-height:16px !important;  color:#222222 !important; height:auto !important}
.bp_contents.main02 .conts_bottom .txt{ font-size:14px; color:#333333;line-height:20px; margin:17px 0 10px 0}
.bp_contents.main02 .conts_bottom div.box01{ background:url(/img/section/bp/main02_bottom_box1bg.gif) 100% 22px no-repeat}
.bp_contents.main02 .conts_bottom div.box02{ background:url(/img/section/bp/main02_bottom_box2bg.gif) 100% 37px no-repeat}
.bp_contents.main02 .conts_bottom div.box02 a{ font-size:14px; margin-right:15px;letter-spacing:-1px}
.bp_contents.main02 .conts_bottom div.box03{ background:url(/img/section/bp/main02_bottom_box3bg.gif) 168px 31px no-repeat}
.bp_contents.main02 .conts_bottom .box03 ul.list li{ padding-left:8px; background:url(/img/section/bp/bul_circle_gray.gif) 0 11px no-repeat; letter-spacing:-1px}

/* 은행소개_main03_투자정보 */
.bp_contents.main03 {position:relative;margin:0 auto; width:950px; background:url(/img/section/bp/main03_bg.gif) no-repeat right top; overflow:hidden}
.bp_contents.main03 .visual{height:265px;padding:80px 0 0 50px}
.bp_contents.main03 .visual p.small_txt{padding-top:36px; margin:0 !important}
.bp_contents.main03.js-start-animation .visual {position:relative;top:0}
.bp_contents.main03 .bp-cont {clear:both; padding:0; overflow:hidden}
.bp_contents.main03 .conts_top{ height:142px; padding:0; margin:0;vertical-align:top}
.bp_contents.main03 .conts_bottom{ clear:both; margin:0px 0 0 0; margin:0}
.bp_contents.main03 .conts_top .bx01 { float:left; width:310px; margin-right:50px; padding:0 !important}
.bp_contents.main03 .conts_top .bx02 { float:left; width:270px; margin:0 !important; padding:0 !important}
.bp_contents.main03 .conts_top .bx03 { float:right; position:relative;width:270px;padding-top:0 !important}
.bp_contents.main03 .conts_top .bx03 .more a {position: absolute; right: 0; top: 12px; font-size:11px !important; font-family:dotum; color:#8a8a8a !important}
/*.bp_contents.main03 .conts_top .bx03 .more a:hover { color:#0095e7 !important}*/
.bp_contents.main03 .conts_bottom .bx01 { float:left; width:310px; margin-right:50px}
.bp_contents.main03 .conts_bottom .bx02 { float:left; width:270px; margin:0 !important;  }
.bp_contents.main03 .conts_bottom .date-rp{font-size:12px; color:#777777; vertical-align:middle; position:absolute; right:0; letter-spacing:0; line-height:26px}
.bp_contents.main03 .conts_bottom li{margin:0; padding-left:9px; letter-spacing:-1px;line-height:22px; background: url(/img/section/bp/bul_circle_gray.gif) no-repeat 0 13px}
.bp_contents.main03 .conts_bottom li a{font-size:14px;color:#333333}
/*.bp_contents.main03 .conts_bottom a:hover{color:#0095e7}*/
.bp_contents.main03 .txt1 { color:#333333; font-size:14px; line-height:22px}
.bp_contents.main03 .go { padding:10px 0 0}
.conts_top h3 { top:0 !important; font-size:18px !important; font-weight:bold; line-height:auto !important; color:#009ae9 !important; height:auto !important;margin-bottom:0 !important;letter-spacing:-1px}
.conts_bottom h3 {font-size:18px !important; font-weight:bold; line-height:auto !important; color:#009ae9 !important; height:auto !important;margin-bottom:0 !important; padding-bottom:0 !important;letter-spacing:-1px}
.conts_top .financial { width:270px; padding:5px 0 0}
.conts_top .financial li { float:left; width:115px;padding:0 19px 0 0;text-align:right; height:72px}
.conts_top .financial li.b {width:111px;text-align:left;padding:0 0 0 23px;border-right:1px solid #e5e5e5}
.bp_contents.main03 .stock-area {float:right; width:270px;padding-top:15px;margin-left:50px}
.stock-area .stock-bg {background:url(/img/section/bp/bg-stock-area2.gif) no-repeat right 6px}

.bptbl-type { width:100%; border-collapse:separate; table-layout:fixed;border:none}
.bptbl-type th { background:#eeeeee; vertical-align:middle;font-size:13px; text-align:center; color:#333333; font-weight:bold;padding:6px 0}
.bptbl-type td { padding:5px 0; text-align:center;color:#333333; border-bottom:1px solid #ebebeb}

/* 은행소개_main04_사회공헌 */
.bp_contents.main04 {position:relative;margin:0 auto;width:950px;background:url(/img/section/bp/main04_bg.jpg) no-repeat right 0;overflow:hidden}
.bp_contents.main04 .visual{height:265px;padding:80px 0 0 50px}
.bp_contents.main04 .visual p.small_txt{ padding-top:30px}
.bp_contents.main04.js-start-animation .visual {position:relative;top:0}
.bp_contents.main04 .conts_top{ height:136px}
.bp_contents.main04 .conts_top .box01, .bp_contents.main04 .conts_bottom .box01{width:310px}
.bp_contents.main04 .conts_top .box02, .bp_contents.main04 .conts_top .box03, .bp_contents.main04 .conts_bottom .box02, .bp_contents.main04 .conts_bottom .box03{ width:270px;margin-left:50px}
.bp_contents.main04 .conts_top div.box03 a{ font-size:14px; margin:-10px 15px 0 0;letter-spacing:-1px}
.bp_contents.main04 .conts_top h2{font-size:18px !important; line-height:16px !important;  color:#009AE9 !important; height:auto !important}
.bp_contents.main04 .conts_top p.txt{line-height:22px; font-size:14px;color:#333333}
.bp_contents.main04 .conts_top span.go{margin-top:-8px}
.bp_contents.main04 .conts_bottom div{ border-top:1px solid #e1e1e1; overflow:hidden}
.bp_contents.main04 .conts_bottom h2{padding-top:15px;font-size:18px !important; line-height:16px !important;  color:#222222 !important; height:auto !important}
.bp_contents.main04 .conts_bottom div.box01{ position:relative}
.bp_contents.main04 .conts_bottom div.box01 p{ width:36px;height:11px;position:absolute;top:3px;right:0}
.bp_contents.main04 .conts_bottom .txt{font-size:14px;color:#333333; line-height:20px;margin:17px 0 10px 0}
.bp_contents.main04 .conts_bottom .box01 ul.list li{position:relative;padding-left:8px; background:url(/img/section/bp/bul_circle_gray.gif) 0 11px no-repeat; letter-spacing:-1px}
.bp_contents.main04 .conts_bottom .box01 ul.list li span{ position:absolute;right:0;color:#888888;letter-spacing:-1px}
.bp_contents.main04 .conts_bottom div.box02{ background:url(/img/section/bp/main05_bottom_box2bg.gif) 100% 29px no-repeat}
.bp_contents.main04 .conts_bottom div.box03{ background:url(/img/section/bp/main05_bottom_box3bg.gif) 100% 39px no-repeat}

/* 은행소개_main05_우리미술대회 */
.bp_contents.main05 {position:relative;margin:0 auto;width:950px;/* background:url(/img/section/bp/main05_tit00_20210826.jpg) no-repeat right 0; */overflow:hidden;}
.bp_contents.main05 .visual{height:365px;padding:30px 0 0 0px}
.bp_contents.main05 .visual p.small_txt{ padding-top:30px}
.bp_contents.main05.js-start-animation .visual {position:relative;top:0}
.bp_contents.main05 .conts_top{ height:136px}
.bp_contents.main05 .conts_top .box01, .bp_contents.main05 .conts_bottom .box01{width:310px}
.bp_contents.main05 .conts_top .box02, .bp_contents.main05 .conts_top .box03, .bp_contents.main05 .conts_bottom .box02, .bp_contents.main05 .conts_bottom .box03{ width:270px;margin-left:50px}
.bp_contents.main05 .conts_top h2{font-size:18px !important; line-height:16px !important;  color:#009AE9 !important; height:auto !important}
.bp_contents.main05 .conts_top p.txt{ font-size:14px;line-height:22px;color:#333333}
.bp_contents.main05 .conts_top span.go{margin-top:-8px}
.bp_contents.main05 .conts_bottom div{ border-top:1px solid #e1e1e1}
.bp_contents.main05 .conts_bottom h2{padding-top:15px;font-size:18px !important; line-height:16px !important;  color:#222222 !important; height:auto !important}
.bp_contents.main05 .conts_bottom div.box01{ position:relative}
.bp_contents.main05 .conts_bottom div.box01 p{ width:36px;height:11px;position:absolute;top:3px;right:0}
.bp_contents.main05 .conts_bottom .txt{font-size:14px;color:#333333;line-height:20px; margin:17px 0 10px 0}
.bp_contents.main05 .conts_bottom .box01 ul.list li{position:relative;padding-left:8px; background:url(/img/section/bp/bul_circle_gray.gif) 0 11px no-repeat; letter-spacing:-1px}
.bp_contents.main05 .conts_bottom .box01 ul.list li span{ position:absolute;right:0;color:#888888;letter-spacing:-1px}
.bp_contents.main05 .conts_bottom div.box02{ background:url(/img/section/bp/main05_bottom_box2bg_02.gif) 100% 51px no-repeat}
.bp_contents.main05 .conts_bottom div.box03{ background:url(/img/section/bp/main05_bottom_box3bg_02.gif) 100% 33px no-repeat}

/* 은행소개_main06_우리은행소개 */
.bp_contents.main06 {position:relative;margin:0 auto;width:950px; background:url(/img/section/bp/main06_bg_210820.png) no-repeat right top;overflow:hidden;padding:0 0 0}
.bp_contents.main06 .visual{height:250px;padding:80px 0 0 50px}
.bp_contents.main06 .visual h2 {height:auto !important;line-height:0 !important;font-size:0 !important}
.bp_contents.main06 .visual p.small_txt{ padding-top:22px}
.bp_contents.main06.js-start-animation .visual {position:relative;top:0}
.bp_contents.main06 .bp-cont { clear:both; padding:0; overflow:hidden}
.bp_contents.main06 .conts_top { height:136px}
.bp_contents.main06 .conts_top .bx01 { width:310px; margin-right:50px !important}
.bp_contents.main06 .conts_top .bx02 { width:270px; margin-right:50px !important}
.bp_contents.main06 .conts_top .bx03 { width:270px}
.bp_contents.main06 .conts_top p {  padding:10px 0 0;font-size:14px; line-height:20px; color:#333333; letter-spacing:-1px}
.bp_contents.main06 .conts_top .go { padding:9px 0 0}
.bp_contents.main06 .conts_bottom .bx03{display:inline;position:relative;width:270px; border-top:1px solid #e1e1e1; padding-top:15px; background:url(/img/section/bp/main04_bg_tactic.gif) no-repeat right 35px}
.bp_contents.main06 .conts_bottom .bx03 p { margin:0; padding:3px 0 0;font-size:14px; line-height:20px; letter-spacing:-1px; color:#333333}
.bp_contents.main06 .conts_bottom .go{ padding:8px 0 0}
.bp_contents.main06 .conts_top h3 { vertical-align:top !important; margin:0 !important;padding:0 !important}
.bp_contents.main06 .sport-list { clear:both; margin:0;padding:8px 0 0}
.bp_contents.main06 .sport-list li { float:left; padding:0 !important}
.bp_contents.main06 .sport-list li a { margin:0 !important;padding:0 !important; vertical-align:top;line-height:0 !important}
.bp_contents.main06 .sport-list li.first {margin-right:4px}

/*  은행소개_main07_인사채용 */
.bp_contents.main07 {position:relative;margin:0 auto; width:950px; background:url(/img/section/bp/bp_main01.jpg) right top no-repeat; overflow:hidden}
.bp_contents.main07 .visual{height:255px;padding:80px 0 0 50px}
.bp_contents.main07 .visual h2 {height:auto !important;line-height:0 !important;font-size:0 !important}
.bp_contents.main07 .visual p.small_txt{ padding-top:22px}
.bp_contents.main07.js-start-animation .visual {position:relative;top:0}
.bp_contents.main07 .bp-cont { clear:both; padding:0; overflow:hidden}
.bp_contents.main07 .conts_top{ height:136px}
.bp_contents.main07 .conts_top h3 { vertical-align:top !important; margin:0 !important;padding:0 !important}
.bp_contents.main07 .conts_top p {  padding:10px 0 0;font-size:14px; line-height:20px; color:#333333; letter-spacing:-1px}
.bp_contents.main07 .conts_top .bx01 {width:310px; margin-right:50px !important;padding:0 !important}
.bp_contents.main07 .conts_top .bx02 {width:270px; margin-right:50px !important;padding:0 !important}
.bp_contents.main07 .conts_top .bx03 {width:270px}
.bp_contents.main07 .conts_top .go { padding:10px 0 0}
.bp_contents.main07 .conts_bottom { height:136px; padding:0}
.bp_contents.main07 .conts_bottom p { padding:0 0 0;font-size:14px; line-height:20px; color:#333333; letter-spacing:-1px}
.bp_contents.main07 .conts_bottom .go { padding:5px 0 0}

/* 은행소개_main08_우리가족광장 */
.bp_contents.main08 {position:relative;margin:0 auto; width:950px; background:url(/img/section/bp/main08_bg.jpg) no-repeat right top; overflow:hidden}
.bp_contents.main08 .visual{height:255px;padding:80px 0 0 50px}
.bp_contents.main08 .visual h2 {height:auto !important;line-height:0 !important;font-size:0 !important; margin:0 !important}
.bp_contents.main08 .visual p.small_txt{ padding-top:22px}
.bp_contents.main08 .visual p.logbtn { padding:30px 0 0}
.bp_contents.main08.js-start-animation .visual {position:relative;top:0}
.btn_detail_view { background:url(/img/section/bp/btn_view_b.gif) no-repeat right top; width:184px; height:36px; text-align:center;letter-spacing:-1px;line-height:33px; font-size:14px;color:#fff}
.btn_detail_view:hover {text-decoration:underline;color:#fff}
.bp_contents.main08 .bp-cont { clear:both; overflow:hidden}
.bp_contents.main08 .conts_top { height:136px; padding:0; margin:0}
.bp_contents.main08 .conts_top .bx01 {width:310px; margin-right:50px !important;padding:0 !important}
.bp_contents.main08 .conts_top .bx02 {width:270px; margin-right:50px !important;padding:0 !important}
.bp_contents.main08 .conts_top .bx03 {width:270px}
.bp_contents.main08 .conts_top p {  padding:4px 0 0;font-size:14px; line-height:20px; color:#333333; letter-spacing:-1px}
.bp_contents.main08 .conts_top .go { padding:8px 0 0}
.bp_contents.main08 .conts_top .bx01.bg01,.bp_contents.main08 .conts_top .bx02.bg01,.bp_contents.main08 .conts_top .bx03.bg01{height:118px;}
.bp_contents.main08 .conts_top .bx01.bg01 {background:url(/img/section/bp/main02_bg_instance.gif) no-repeat right 22px}
.bp_contents.main08 .conts_top .bx02.bg01 {background:url(/img/section/bp/main01_bg_career_02.gif) no-repeat right 25px}
.bp_contents.main08 .conts_top .bx03.bg01 {background:url(/img/section/bp/main03_bg_hart.gif) no-repeat right 22px}
.bp_contents.main08 .conts_bottom{ height:110px; padding:0}
.bp_contents.main08 .conts_bottom .job { margin-right:50px}
.bp_contents.main08 .conts_bottom p { padding:16px 0 0;font-size:14px; line-height:20px; color:#333333; letter-spacing:-1px}
.bp_contents.main08 .conts_bottom .inquiry {position:relative}
.bp_contents.main08 .conts_bottom .inquiry .tab { position: absolute; right:0; top:30px}
.bp_contents.main08 .conts_bottom .inquiry .more { position: absolute; right:0; top:-25px}
.bp_contents .conts_bottom {overflow:hidden}

/* 은행소개 공통css( 정리,삭제 필요부분) */
.bp_contents .conts_top h2{font-size:18px !important; line-height:16px !important;  color:#009AE9 !important; height:auto !important}
.bp_contents .conts_top .txt{ color:#777777; margin:17px 0 19px 0}
.bp_contents .conts_top .bx01 {width:310px; padding-top:6px}
.bp_contents .conts_top .bx02 {width:265px; padding-top:6px}
.bp_contents .conts_top .bx03 {width:265px; padding-top:6px}
.bp_contents .conts_top .bx02 .img01{width:108px; margin-left:24px; border-right:1px solid #e5e5e5}
.bp_contents .conts_top .bx02 .img02{width:82px; margin-left:50px}
.bp_contents .conts_bottom h2{font-size:18px !important; line-height:16px !important;  color:#222222 !important; height:auto !important}
.bp_contents .conts_bottom .txt{ color:#333333; margin:17px 0 19px 0}
.bp_contents .conts_bottom .bx01{ border-top: 1px solid #e1e1e1; position: relative; width: 310px; padding-top:15px}
.bp_contents .conts_bottom .bx01.instance{width:310px; background:url(/img/section/bp/main02_bg_instance.gif) no-repeat right 13px}
.bp_contents .conts_bottom .list {margin-top:15px}
.bp_contents .conts_bottom .list li{line-height:22px; letter-spacing:-1px; color: #333333}
.bp_contents .conts_bottom .list a{font-size: 14px}
/*.bp_contents .conts_bottom .list a:hover{font-size: 14px}*/
.bp_contents .conts_bottom .list .date{color: #777777; font-size: 12px; position: absolute; right: 0; vertical-align: middle; letter-spacing:0 }
.bp_contents .conts_bottom .more a {position: absolute; right: 0; top: 17px; font-size:11px !important; font-family:dotum; color:#8a8a8a !important}
/*.bp_contents .conts_bottom .more a:hover { color:#0095e7 !important}*/
.bp_contents .conts_bottom .bx02{border-top: 1px solid #e1e1e1; position: relative; width: 270px; padding-top:15px; margin:0 0 0 50px}
.bp_contents .conts_bottom .bx02.career{ width:270px; border-top:1px solid #e1e1e1;background:url(/img/section/bp/main01_bg_career.gif) no-repeat right 38px} /* main01*/
.bp_contents .conts_bottom .bx02.program{ width:265px; margin:0 50px 0 60px; border-top:1px solid #c1c1c1; background:url(/img/section/bp/main02_bg_program.gif) no-repeat right 55px} /* main02 */
.bp_contents .conts_bottom .bx02.program2{ width:265px; margin:0 50px 0 60px; border-top:1px solid #c1c1c1; background:url(/img/section/bp/main04_bg_contribution.gif) no-repeat right 33px} /* main04 */
.bp_contents .conts_bottom .program2 a{font-size:14px; margin-right:10px; margin-top:-10px}/* main02 */
.bp_contents .conts_bottom .program a{font-size:14px; margin-right:10px; margin-top:-19px}/* main02 */
.bp_contents .conts_bottom .bx03{display:inline;position:relative;width:270px; border-top:1px solid #e1e1e1; padding-top:15px; background:url(/img/section/bp/main04_bg_tactic.gif) no-repeat right 33px} /* main04,05 */
.bp_contents .conts_bottom .bx03 a{display:block}
.bp_contents .conts_bottom .no-line {border:none}
.bp_contents .conts_bottom .bx02.program3 { border:none; background: url("/img/section/bp/main04_bg_contribution.gif") no-repeat scroll right 33px}
.bp_contents .conts_bottom .bx02.program3 a {font-size:14px; margin-right:10px; margin-top:-10px}
.bp_contents .conts_bottom .bx03.ceo {border:none}
.bp_contents .conts_bottom .bx03.ok{position:relative; background:url(/img/section/bp/main04_bg_tactic_02.gif) no-repeat right 30px} 
.bp_contents .conts_bottom .bx03.ok .btn{position:absolute; top:80px; left:160px; font-size:14px; color:#333333} 
.bp_contents .conts_bottom .ceo span{color:#777777; font-size:14px; margin-right:10px}
.bp_contents .conts_bottom .ceo .txt{margin-bottom:10px}
.bp_contents .conts_bottom .ceo img{vertical-align:bottom}
.bp_contents .conts_bottom .job .js-tab .tab ul {width:265px}

/* Main Tab Menu */
.js-tab ul li.first{padding-left:0; border-right:1px solid #e5e5e5}
.js-tab ul li.last{border-left:1px solid #e5e5e5}
.js-tab ul li{padding:0 10px 0; height:18px}
.js-tab ul li a{ font-size:14px}
.js-tab .js-tab-header {font-weight:bold; font-size: 18px !important; color:#222222;letter-spacing:-1px}
.js-tab .more{clear:both; position: absolute; right:0; top:-40px; width:100%}
.js-tab .more a{color: #8A8A8A !important; font-size: 11px !important; font-family:dotum; font-weight:normal !important}
.js-tab .tab{position:absolute;left:0px;top:40px}
.js-tab .tab ul {width:310px}
.js-tab .tab ul li{margin:0; padding:2px 0px 2px 9px; letter-spacing:-1px;font-size:14px;line-height:22px; background: url(/img/section/bp/bul_circle_gray.gif) no-repeat 0 13px}
.js-tab .tab ul li a{color:#333333}
/*.js-tab .tab ul li a:hover{color:#0095e7}*/
.js-tab .tab ul.nobag li { background:none;margin-left:-10px}
.js-tab .tab ul li .date-rp{font-size:12px; color:#777777; vertical-align:middle; position:absolute; right:0; letter-spacing:0; line-height:26px}
.js-tab.tabType1 li.on a.js-tab-header {color:#222222}
.js-tab.tabType1 li a.js-tab-header {color:#999999}
.js-tab .tab ul.typ2 li {padding:3px 0px 3px 9px}

/*CEO 동정 및 활동사항*/
.activity-area {border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;  width:950px;  background: url(/img/common/etc/bp_bx_bg.gif) repeat-y 710px 0; overflow:hidden;zoom:1}
.activity-area .thum-area {float:left}
.activity-area .thum-area .m-thum {width:708px; height:472px; border:1px solid #ebebeb; background:#fafafa url(/img/common/etc/img_none4.gif) no-repeat 0 center; font-size:0; line-height:0;}
.activity-area .thum-area .m-thum img {width:708px; height:472px;}
.activity-area .thum-area .txt-bx {}
.activity-area .thum-area .txt-bx strong{font-size:24px; font-weight:normal; color:#333333}
.activity-area .thum-area .txt-bx ul li{font-size:14px}
.activity-area .thum-area .txt-bx .txt p{width:725px; font-size:14px}
.activity-area .thum-area .txt-bx dt {font-size:24px; font-weight:normal; color:#333333;margin-top:25px;}
.activity-area .thum-area .txt-bx dd {margin-top:20px;}
.activity-area .thum-area .txt-bx dd pre {width:700px;font-size:14px;display:block;white-space:pre;margin:1em 0px}

.activity-area .s-thum-area {float:left; margin-left:55px}
.activity-area .s-thum-area .tit{font-size:14px; margin-left:37px}
.activity-area .s-thum-area .s-thum {width:130px; margin-left:25px}
.activity-area .s-thum-area .s-thum li {width:118px; height:78px; font-size:0; line-height:0; border:6px solid #ececec; background: url(/img/common/etc/img_none5.gif) no-repeat 0 0; margin-bottom:20px}
.activity-area .s-thum-area .s-thum li.on {width:118px; height:78px; border:6px solid #7eccf2; background: url(/img/common/etc/img_none5.gif) no-repeat 0 0}
.activity-area .s-thum-area .s-thum li a {font-size:0; line-height:0;}
.activity-area .s-thum-area .s-thum li img {width:118px; height:78px; }
.activity-area .s-thum-area .paginate {margin-left:35px}
.activity-area .s-thum-area .paginate a {padding:0 4px}

/* 갤러리 리스트 */
.activity-area.list {background:none; border:none}
.activity-area .thum-list {width:950px}
.activity-area .thum-list .bx{width:303px; float:left; margin:0; margin-right:20px}
/*.activity-area .thum-list li {margin-right:20px; float:left}*/ 
.activity-area .thum-list li .tit2 {font-size:20px; color:#1a5796; font-weight:normal; margin-top:30px}
.activity-area .thum-list li.end {width:303px; margin:0px}
.activity-area .thum-list li .thum {width:301px; height:314px; border:1px solid #ececec; overflow:hidden}
.activity-area .thum-list li .thum .txt{padding:15px 10px}
.activity-area .thum-list li .thum p{color:#7a7a7a}
.activity-area .thum-list li .thum strong{font-size:16px}
.activity-area .thum-list li .thum .img {width:301px; height:178px; border-bottom:1px solid #ececec; background: url(/img/common/etc/img_none6.gif) no-repeat 0 0}
.activity-area .thum-list li .thum p img {width:301px; height:178px;}

/* 투게더우리사랑 신청 */
.two-txt-end strong{color:#0087E5}			/*남은 글자 수 */

/* 홍보센터 동영상 
.view-type-b .bor0{border:none}
*/
/* 투게더 */
.two-area {border:1px solid #e5e5e5; padding:50px 0px 50px 139px; overflow:hidden; zoom:1; background: url(/img/section/bp/login-bg.gif) no-repeat 125px 25px;}
.two-area .banr{border:1px solid #e5e5e5; width:269px; height:95px; float:left}
.two-area .login-area{float:right; margin-right:50px; width:513px}
.two-area .login-area .in-area{width:268px; float:left}
.two-area .login-area .btn-area {float:left; margin-left:20px}
.two-area .login-area .biz {width:366px}
.two-area .login-area .biz span{text-align:right}
.two-area .login-area .biz label{font-size:14px;  font-weight:bold; margin-right:5px; letter-spacing:-2px}
.two-area .login-area .pass {width:300px}
.two-area .login-area .pass span{text-align:right}
.two-area .login-area .pass label{font-size:14px; font-weight:bold; margin-right:5px; letter-spacing:-2px}
.two-area .bt-area {margin-left:85px; width:200px}
.two-area .bt-area2 {margin-left:105px; width:200px}
.two-area .txt-area {width:400px}
/*
.two-area2 {border:1px solid #e5e5e5; padding:40px 0px 50px 100px; overflow:hidden;zoom:1}
.two-area2 .banr-area {letter-spacing:-0.5px; *letter-spacing:-1px}
.two-area2 .banr-area p{font-size:16px}
.two-area2 .banr{border:1px solid #e5e5e5; width:229px; height:123px; float:left; background:red}
.two-area2 .pass-area {float:left; width:500px; margin-left:65px; vertical-align:middle}
.two-area2 .pass{float:left}
.two-area2 .pass label {font-size:14px; font-weight:bold}
.two-area2 .pass-txt {font-weight:bold; margin-left:126px; color:#8f8f8f}
*/
/*login_pass btn*/
.two-btn {display:inline-block; background: url(/img/common/login/bg_btn_blogin.gif) 0 0 no-repeat; padding-left:19px}
#content .btn-login {background: url(/img/common/login/bg_btn_blogin.gif) 100% 0 no-repeat;  cursor:pointer;  padding:0; border:none; height:60px; line-height:60px; padding-right:19px; margin:0 auto; overflow:visible; font-size:14px; font-weight:bold; color:#fff}
.two-btn2{display:inline-block; background: url(/img/common/login/bg_btn_blogin.gif) 0 -70px no-repeat; padding-left:30px;  *margin-left:5px;  }
.btn-login2 {background: url(/img/common/login/bg_btn_blogin.gif) 100% -70px no-repeat;  cursor:pointer; height:27px; padding:0; border:none; line-height:27px;  padding-right:30px; margin:0 auto; overflow:visible;  font-size:14px; font-weight:bold; color:#fff}

/* 연혁 
.history-area {background: url(/img/section/bp/history_bg.gif) 0 50px no-repeat; height:100%; overflow:hidden;zoom:1; position:relative}
.history-area .his-year {font-family:Arial; font-size:50px; font-weight:bold; color:#ffffff; margin:90px 0 0 40px; float:left; height:auto !important;top:0 !important;line-height:62px !important}
.history-area .history-txt .season-area {overflow:hidden; width:521px; margin-bottom:40px}
.history-area .history-txt .season-area li{float:left; height:33px; font-size:14px; font-weight:bold; color:#333333; width:130px; text-align:center}
.history-area .history-txt .season-area li a {font-size:14px}
.history-area .history-txt .season-area li a:hover {color:#333333}
.history-area .history-txt .season-area li.fir {background: url(/img/section/bp/season_bar1.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.cen {background: url(/img/section/bp/season_bar2.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.end {background: url(/img/section/bp/season_bar3.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.fir.on {background: url(/img/section/bp/season_bar1_on.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.cen.on {background: url(/img/section/bp/season_bar2_on.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.end.on {background: url(/img/section/bp/season_bar3_on.gif) 0 25px no-repeat}
.history-area .history-txt .season-area li.on {background: url(/img/section/bp/season_bar3.gif) 0 25px no-repeat}
.history-area .history-txt{float:left; margin:95px 0 0 50px; width:521px}
.history-area .history-txt .tit {font-family:Arial; margin-bottom:5px; color:#e4e4e4; font-size:40px; font-weight:bold}
.history-area .history-txt .detail-text {overflow:hidden; zoom:1}
.history-area .history-txt .detail-text li {color:#666666}
.history-area .history-txt .detail-text li strong{font-family:Arial; display:block; float:left; width:55px; font-size:16px; color:#333333}
.history-area .history-txt .detail-text li .txt{font-size:14px; width:460px; min-height:20px; margin-bottom:5px; color:#666666}
.history-area .nan {float:left; width:0px; height:725px}
.history-area .year-list {width:70px; text-align:right; position:absolute; top:40px; left:830px}
.history-area .year-list li a{font-family:Arial; width:50px; font-size:18px; color:#777777; line-height:34px; padding-right:8px}
.history-area .year-list li .bx {background: url(/img/section/bp/year-list-line.gif) bottom right no-repeat} 
.history-area .year-list li .on {width:70px; background: url(/img/section/bp/his-bu.gif) 0 12px no-repeat}
.history-area .year-list li .on a{font-family:Arial; width:50px; font-size:20px;color:#0078d4; font-weight:bold;line-height:35px; border-bottom:1px solid #0078d4}
.history-area .year-list li .bx.end {border:none}
*/
/* bbs */
.bbs-top-area{width:695px;height:127px;padding:20px 0 0 255px;background:url(/img/section/bp/bg_talent.gif) 0 0 no-repeat;position:relative}
.bbs-top-area .img{position:absolute;top:18px;left:20px}
.bbs-top-area .img img{width:202px;height:107px}
.bbs-top-area .bbs-txt {float:left; margin-left:30px}
.bbs-top-area .bbs-txt dl dt {color:#0077d5; font-size:20px; font-weight:bold}
.bbs-top-area .bbs-txt dl dd {width:670px; font-size:14px; color:#666666}
.bbs-top-area .txt01{width:600px;font-size:14px;color:#555}
.bbs-top-area .txt01 span{width:80px;text-align:right;font-size:13px;color:#888}
.for-common-bbs{width:600px;height:107px;overflow:hidden}
.for-common-bbs .date{font-size:13px;color:#888;margin:0 0 5px}
.for-common-bbs p{font-size:14px;color:#555}

/* 좌측 셀렉트박스
.select-add span {vertical-align:middle; color:#666666}
.select-add select {margin-top:1px}
.select-add .info-r {padding-top:10px}
*/
/* 동영상 영역 
.mov-area { width:465px}
*/

/* 투게더우리사랑지원제
.cont-area{ width:950px; background: url(/img/section/tc/inve_bg.png) 110px 20px no-repeat; height:275px}
.cont-area .txt-img {width:475px; padding:42px 0 0 475px}
.cont-area .tit-txt{font-size:18px; font-weight:bold}
.cont-area .tit-txt02{font-size:20px}
.cont-area .txt{color:#555555}
.cont-area .txt.f13{font-size:13px}
 */
/* 자원봉사 
.cont-area .txt-img2 {width:475px; padding:20px 0 0 475px}
.work-area {background: url(/img/section/bp/work-bg.gif) 530px 0 no-repeat}
.work-area.bg-none {background: none}
.work-area dl dt {font-size:14px; color:#000; margin-bottom:5px; font-weight:bold}
.work-area dl dd {font-size:14px; color:#666666; letter-spacing:-1px}
*/
/* 우리미술대회 */
.art-area{width:950px;height:217px;padding:148px 0 0;background:url(/img/section/bp/bg_contest_20170306.jpg) center bottom no-repeat}
.art-area.bg02 {width:950px; background: url(/img/section/bp/art-bg02.gif) right 0 no-repeat; height:500px}
.art-area .art{text-align:right}
.art-area .art img{ margin-right:40px}
.art-area .tit{font-size:40px; margin-right:30px; letter-spacing:-1px}
.art-area .txt{color:#555555; font-size:17px;  margin-right:30px; letter-spacing:-0.5px}
.art-area .txt strong{color:#000000}
.art-area .art-2 {width:388px}
.art-area .art-2 p{font-size:24px; text-align:right}
.art-area .txt-area .txt01{font-size:20px; color:#0078d4; letter-spacing:-1px}
.art-area .txt-area .txt02{font-size:14px; color:#555555; letter-spacing:-1px}
.art-area.type2{width:950px;height:340px;padding:225px 0px 50px;background:url(/img/section/bp/bg_art03_20170306.jpg) 0 0 no-repeat}
.title-area .tit{font-size:24px; font-weight:normal;  height:35px; float:left}
.title-area .teacher-name{font-size:14px; font-weight:normal; color:#555555; text-align:right; margin-right:20px}

/* 니보슬라이드 */
.nivo-area {position:relative;width:500px;height:1000px;padding-right:450px;background:url(/img/section/bp/bg_art_20170306.jpg) right 0 no-repeat;background-size: 425px}
.nivo-area h3{height:auto;padding-top:50px;}
.nivo-area dd{color:#555;font-size:16px;line-height:2.5;letter-spacing:-1px}
.nivo-area dd em{color:#116db0}
.nivo-area .nivo{position:absolute;top:475px;right:0px}
.nivo-area .js-carousel.sample{width:425px;height:235px}
.nivo-area .js-carousel.sample .js-carousel-content-wrapper ul li{width:425px;height:588px}
.nivo-area .js-carousel.sample .js-carousel-paging{bottom:-340px;width:425px;}
.nivo-area .js-carousel.sample .js-carousel-content-wrapper {height:588px;}
/* 니보슬라이드 공통 CSS*/
.js-carousel.sample {position:relative}
.js-carousel.sample .js-carousel-content-wrapper {overflow:hidden}
.js-carousel.sample .js-carousel-content-wrapper ul li {float:left;color:white;font-weight:bold;font-size:50px;text-align:center}
.js-carousel.sample .js-carousel-prev, .js-carousel.sample .js-carousel-next {display:inline-block;width:28px;height:56px;position:absolute;top:60px;text-align:center;z-index:3}
.js-carousel.sample .js-carousel-prev {left:0px;top:260px}
.js-carousel.sample .js-carousel-next {right:0px;top:260px}
.js-carousel.sample .js-carousel-paging {position:absolute;text-align:center}
.js-carousel.sample .js-carousel-paging ul {display:inline-block}
.js-carousel.sample .js-carousel-paging .ui-carousel-paging {float:left;margin:0 5px}
.js-carousel.sample .js-carousel-paging .ui-carousel-paging a {font-size:0;line-height:0;display:inline-block; background: url(/img/section/bp/btn-none.png) 0 0 no-repeat;  width:12px;height:12px}
.js-carousel.sample .js-carousel-paging .ui-carousel-paging.on a {background: url(/img/section/bp/btn-dwon.png) 0 0 no-repeat}
.js-carousel-content li{background:none !important}

/* 우리의 인재 
.line-middle{background:url(/img/section/bp/bg_dot.gif) 50% 0 repeat-y}
.btn-blue-tri{font-size:12px;color:#0078d4;padding:0 8px 0 0;line-height:16px;background:url(/img/section/bp/icon_tri.gif) 100% 6px no-repeat}
.txt-company-people strong.title{font-size:17px;color:#000;background:#fff;margin-left:-12px}

*/
.line-bottom-gray{background:url(/img/section/bp/bg_recru.gif) 512px 0 no-repeat;height:274px;position:relative;padding:13px 0 0 20px}
.line-bottom-gray .btn-recru01{position:absolute;top:235px;left:20px;display:inline-block;width:97px;height:36px;background:url(/img/section/bp/btn_pub_recru.gif) 0 0 no-repeat}
.line-bottom-gray .btn-recru02{position:absolute;top:235px;left:121px;display:inline-block;width:97px;height:36px;background:url(/img/section/bp/btn_pub_recru3.png) 0 0 no-repeat}
.line-bottom-gray .btn-recru01 span,.line-bottom-gray .btn-recru02 span{font-size:0;line-height:0;display:inline-block;text-indent:-9999px}


/* 윤리 경영 
.morals-area {background:url(/img/section/bp/top_dot.gif) 0 0 repeat-x}
.morals, .pgram, .need{overflow:hidden;zoom:1}
.morals li {float:left; width:274px; margin-right:64px; min-height:500px; margin-top:50px}
.morals li.end {margin-right:0}
.morals li .bx{margin-top:20px}
.morals li .bx dd{font-size:14px; color:#555555}
.morals li .bx .tit-s{font-size:14px; font-weight:bold; color:#000000; height:58px; letter-spacing:-1px; margin-bottom:30px}
.morals li .bg01{height:135px; background:url(/img/section/bp/etc-img02.gif) 0 0 no-repeat}
*/
/* 윤리 경영 실천 프로그램 // 윤리경영 상속 
.pgram-tit {font-family:Arial; font-size:55px; color:#0078d4; font-weight:bold}
.morals li .bx .tit span{font-family:Arial}
.pgram li {float:left; width:274px; margin-right:64px; min-height:400px; margin-top:40px}
.pgram li .bg01{height:135px; background:url(/img/section/bp/etc-img03.gif) 0 0 no-repeat}
*/
/* 윤리 경영이란? */
.morals02-area{position:relative;width:950px;height:500px}
.morals02-area .txt01{position:absolute;top:118px;left:0}
.morals02-area .txt02{position:absolute;top:118px;left:570px}

/* 필요성 
.need li {float:left; width:274px; margin-right:64px; min-height:400px; margin-top:0px}
*/
/* 임직원 행동 강령 
.bp-members {overflow:hidden}
.bp-members li{float:left; width:445px; margin-right:60px}
.bp-members li.end{margin-right:0px}
.bp-members .tit {font-size:17px; color:#000000; font-weight:bold}
.bp-members .txt {font-size:14px; color:#555555}
.bp-members .txt ul li{width:420px}
.bp-members dl dt { color: #000000; font-size: 17px; font-weight: bold; margin-bottom: 10px}
.bp-members dl dd { color: #555555; font-size: 14px}
*/

/* 은행소개 테이블 */
.bp-tb-1 .now{color:#0078d4}
.bp-tb-1 .tdbg td{background-color:#fafafa} /* td 컬러 변경시 tr에 class="tdbg" 추가 */
.bp-tb-1 td{padding:7px }

/* 은행 소개 PDF 버튼 재설정 */
a.pdf {display:inline-block; width:100%; height:19px; font-size:14px !important; line-height:18px !important; background: url(/img/common/etc/file_pdf.gif) no-repeat left 2px; padding:0; margin:0 5px; vertical-align:middle}
/* 아크로벳 다운로드 버튼 */
.btn-bx {text-align:right; clear:both; padding-top:10px}
.pdf-btn {display:inline-block; height:25px; padding-left:35px; background: url(/img/section/bp/pdf-btn-bg.gif) 0  0 no-repeat}
.pdf-btn a.alink {display:inline-block; line-height:25px; padding-right:10px; background: url(/img/section/bp/pdf-btn-bg.gif) 100% 0 no-repeat}
/*.pdf-btn a:hover {color:#0078d4}*/

/* 공정거래자율준수프로그램
.cp-area {}
.cp-area .cp-list {width:450px; float:left}
.cp-list li {font-size:16px}
.cp-list li.num01{font-weight:bold; background: url("/img/common/etc/bu_num01.gif") no-repeat 0 3px}
.cp-list li.num02{font-weight:bold; background: url("/img/common/etc/bu_num02.gif") no-repeat 0 3px}
.cp-list li.num03{font-weight:bold; background: url("/img/common/etc/bu_num03.gif") no-repeat 0 3px}
.cp-list li.num04{font-weight:bold; background: url("/img/common/etc/bu_num04.gif") no-repeat 0 3px}
.cp-list li.num05{font-weight:bold; background: url("/img/common/etc/bu_num05.gif") no-repeat 0 3px}
.cp-list li.num06{font-weight:bold; background: url("/img/common/etc/bu_num06.gif") no-repeat 0 3px}
.cp-list li.num07{font-weight:bold; background: url("/img/common/etc/bu_num07.gif") no-repeat 0 3px}
.cp-list .list-txt-1 {margin-top:10px}
.cp-list .list-txt-1 li{padding-left:10px; font-weight:normal; font-size:14px; letter-spacing:-1px}
 */
/*ceo
.cp-area .ceo {margin-top:32px; padding:0 0 0 35px; float:left; width:450px; height:500px; background: url(/img/section/bp/ceo-img02.gif) 90px 104px no-repeat} 
.cp-area .ceo .tit2 span{font-size:26px;  color:#0078d4} 
.cp-area .ceo .tit2 {font-size:22px; color:#000000; margin-bottom:20px; letter-spacing:-1px} 
.cp-area .cont {float:left; margin-top:35px;width:460px}
.cp-area .cont .tit2 span{font-size:26px;  color:#0078d4} 
.cp-area .cont .tit,
.cp-area .cont .tit2{font-size:22px; color:#000000; margin-bottom:20px} 
.cp-area .cont .txt .tit{font-size:16px; color:#0078d4;  margin:0} 
.cp-area .cont .txt p{font-size:14px; color:#555555; margin:0; line-height:22px} 
.cp-area .cont .txt p.braun{color:#986e3b; font-weight:bold} 
.cp-area .cont .txt ul li{color:#555555; font-size:14px} 
.cp-area .cont .txt strong{color:#000000} 
*/

/* 인사말 */
/*.ceo-greet{width:930px;height:700px;padding:0 0 0 20px;position:relative;background:url(/img/section/bp/bg_ceo_171226.jpg) 100% 0 no-repeat}*/
.ceo-greet{width:930px;height:700px;padding:0 0 0 20px;position:relative;background:url(/img/section/bp/bg_ceo_200324.png) 100% 0 no-repeat} /*2019-04-29 background img 변경 90155773 함시온*/
.ceo-greet h3{padding:100px 0 0 !important;height:193px !important;margin:0 0 41px !important}
.ceo-greet .txt{font-size:24px;color:#333;margin:0 0 20px;line-height:30px}
.ceo-greet .clearfix{margin:-7px 0 0 5px}
.ceo-greet p{font-size:16px;color:#555;letter-spacing:-1px;line-height:21px}
.ceo-greet p em{color:#0078d4}
.ceo-greet .fleft{width:474px}
.ceo-greet .fright{width:446px;margin:0 0 0 5px;padding:80px 0 0}
.ceo-greet .fright div{margin:30px 0 0 0}


/* 프로필 */
.ceo-profile{background:url(/img/section/bp/CEOprofile_03.png) no-repeat 20px 10px; margin-top:-5px;}
.ceo-profile .name{float:left;width:483px;padding:425px 0 0 14px}
.ceo-profile .name .name_img{margin-left : 112px !important; margin-top:-15px}
.ceo-profile .prof{float:right;width:450px}
.ceo-profile .prof ul li{font-size:16px;color:#555;line-height:24px}
.ceo-profile .prof ul li em{font-size:16px;color:#333;font-family:arial;display:inline-block;width:80px}
.ceo-profile .prof ul li em strong{display:inline-block;width:40px}
.ceo-profile .prof ul li em span{display:inline-block;margin:0 0 0 20px}

/* 경영진소개 */
.list-manage li{float:left;width:237px;text-align:center}
.list-manage li dl em{display:block}
.list-manage li dl dt{font-size:12px;color:#999}
.list-manage li dl dt em{font-size:20px;color:#103376;font-weight:bold}
.list-manage li dl dd{font-size:18px;color:#333;font-weight:bold}
.list-manage li dl dd em{font-size:14px;color:#555;font-weight:normal}
.list-manage li dl dd.img-area{margin:15px 0 5px}
.list-manage02.none-img{background:url(/img/section/bp/bg_manager.gif) 0 0 no-repeat;padding:25px 0 0}
.list-manage02.none-img li{height:90px}
.list-manage02 li{float:left;width:237px;text-align:center;position:relative;height:242px}
.list-manage02 li dt{font-size:14px;color:#555;padding:180px 0 0}
.list-manage02 li dt.big-img{font-size:14px;color:#555;padding:180px 0 0}
.list-manage02.none-img li dt{padding:0}
.list-manage02 li dd{font-size:18px;color:#333;font-weight:bold}
.list-manage02 li dd.img-area{position:absolute;top:20px;left:36px}
.title-manage{border-bottom:2px solid #009ae6;color:#999;font-size:12px;padding-bottom:8px !important;height:auto;line-height:26px}
.title-manage em{color:#103376;font-size:20px;font-weight:bold;padding-right:5px}

/* CI 소개 */
.ci-top{width:950px;height:314px}
.ci-middle {width:619px;height:181px;color:#555;background:url(/img/section/bp/img_adcenter_ci02.gif) no-repeat;padding-left:331px;font-size:14px;line-height:20px}
.ci-bottom{width:950px;overflow:hidden}
.ci-bottom ul{width:950px}
.ci-bottom ul li {float:left;width:290px;font-size:12px;color:#555;letter-spacing:-1px}
.ci-bottom ul li p {margin-bottom:5px}
.ci-bottom p.ment {font-size:14px;line-height:20px;color:#555}
.ci-bottom em {display:block;margin:15px 0 0;font-size:14px;color:#b76e2f;}

/* 사회공헌  */
.list-image-info dt{font-size:18px;color:#333;margin-top:6px}
.list-image-info dd{font-size:14px;color:#555;letter-spacing:-1px}
.img-slide-bp{width:425px;height:266px}
.img-slide-bp .js-carousel-content-wrapper{height:266px !important;background:#fff !important}
.img-slide-bp ul li{background:#dadada !important}
.img-slide-bp ul li .img-area{height:235px}
.img-slide-bp ul li p{top:199px;height:36px;line-height:36px;font-size:14px;color:#666;background:#fbfbfb;z-index:1;opacity:0.9;filter:alpha(opacity=90);margin-top:-36px}
.img-slide-bp .js-carousel-prev{width:28px;height:56px;top:78px !important;left:0;font-size:0;line-height:0;background:url(/img/section/bp/btn_left_go.png) 0 0 no-repeat}
.img-slide-bp .js-carousel-next{width:28px;height:56px;top:78px !important;right:0;font-size:0;line-height:0;background:url(/img/section/bp/btn_right_go.png) 0 0 no-repeat}
.img-slide-bp .js-carousel-paging{top:250px !important}
.js-carousel.sample .js-carousel-paging .ui-carousel-paging a{vertical-align:top}
.mt0{margin-top:0 !important}
/*
.world-area {background:url(/img/section/bp/greet_bg.gif) no-repeat 529px 35px} 
.world-area .tit{font-size:18px; font-weight:bold; color:#000000; margin-bottom:5px} 
.world-area .txt{font-size:14px; color:#555555; line-height:21px; margin-bottom:20px} 
.world-area .sign img{vertical-align:middle}
*/
/* 기금
.fund-area {background:url(/img/section/bp/fund-top-img01.png) no-repeat 20px 0; height:235px; padding:20px 0 0 385px} 
.fund-area .tit {font-size:20px; color:#000; letter-spacing:-2px; margin-bottom:20px}
.fund-area .tit span {color:#0078d4}
 */
/* CP조직/운영
.cp-area2 {overflow:hidden} 
.cp-area2 dl dt {font-size:17px; font-weight:bold; color:#000; margin-bottom: 10px} 
.cp-area2 dl dd{font-size:14px; color:#000; letter-spacing:-1px} 
.cp-area2 ul li {font-size:14px}
.cp-area2 .txt ul li {font-size:14px; margin-bottom:10px}
.cp-area2 .txt ul li ul li{font-size:14px; margin-bottom:0px}
 */
/* 자율준수편람 라운드 박스 */
.free-area{padding:0 0 0 388px;background:url(/img/section/bp/bg_book.gif) 30px 40px no-repeat;position:relative}
.free-area ol li.bx-out{background:url(/img/section/bp/bg_book02.gif) 80px 100% no-repeat;margin-bottom:10px;padding-bottom:15px}
.free-area ol li.bx-out.last{background:none}
.free-area ol li em.num{float:left;width:51px;height:51px;background:url(/img/section/bp/bg_book_num.gif) 0 0 no-repeat;font-size:28px;font-weight:bold;color:#fff;text-align:center;padding:3px 0 0}
.free-area ol li h3{color:#333;font-size:18px;top:0;height:auto;padding:7px 0 0 15px !important;letter-spacing:-1px}
.free-area ol li .list-txt{margin:0 0 0 69px}
.free-area ol li .list-txt li{color:#555}
.free-area .btn-pos{position:absolute;top:370px;left:68px}

/* hot-line */ 
.hot-line {padding:20px 0 0 0;background: url(/img/section/bp/bg_hot_line.png) 625px 20px no-repeat}

/*  홍보영화  */
/*.view-type-b {margin-top:0px}*/
.board-view-header {position:relative}
.board-view-header .bt-area {position:absolute; top:35px; right:0}
.bp-title-style{color:#0078d4;font-size:17px}
.bp-title-style02{color:#0078d4;font-size:20px;font-weight:bold;height:auto !important;top:0 !important}

/* 02.26 전면 수정 css */
.search-zone label.tit{margin-bottom:0}
.bx-recru .fleft{width:502px}
.bx-recru .fright{width:448px}
.bx-recru p{font-size:18px;color:#333}
.bx-recru ul li{font-size:14px;color:#555}
.bx-recru ul li em{font-size:12px;color:#a16e2f;margin-left:-10px}
.list-pro-bp{margin-top:-15px}
.list-pro-bp li{float:left;width:164px;text-align:center;background:url(/img/section/bp/bul_arrow.gif) 100% 82px no-repeat}
.list-pro-bp li dl{padding-top:158px}
.list-pro-bp li dl dt{font-size:12px;color:#000;font-family:arial;font-weight:bold}
.list-pro-bp li dl dd{font-size:16px;color:#009ae6}
.list-pro-bp li.first{width:145px}
.list-pro-bp li.seventh{width:149px;background:none}
.list-pro-bp li.first dl{width:115px;background:url(/img/section/bp/img_re01.gif) 0 35px no-repeat}
.list-pro-bp li.second dl{width:100px;margin-left:27px;background:url(/img/section/bp/img_re02.gif) 0 35px no-repeat}
.list-pro-bp li.third dl{width:100px;margin-left:27px;background:url(/img/section/bp/img_re03.gif) 0 35px no-repeat}
.list-pro-bp li.fourth dl{width:100px;margin-left:27px;background:url(/img/section/bp/img_re04.gif) 0 35px no-repeat}
.list-pro-bp li.fifth dl{width:135px;margin-left:15px;background:url(/img/section/bp/img_re07.png) 0 35px no-repeat}
.list-pro-bp li.sixth dl{width:135px;margin-left:15px;background:url(/img/section/bp/img_re06.gif) 100% 0 no-repeat}
.list-pro-bp li.seventh dl{width:100px;margin-left:27px;background:url(/img/section/bp/img_re05.gif) 0 35px no-repeat}
.bx-commentary{background:url(/img/section/bp/bg_art02.gif) 509px 0 no-repeat;position:relative;width:950px;padding:30px 0 0}
.bx-commentary dt{padding-top:11px}
.bx-commentary dt em{position:absolute;top:271px;left:4px;font-size:16px;color:#555}
.bx-commentary dt strong{display:inline-block;width:80px}
.bx-commentary li.fleft{width:505px}
.bx-commentary li.fright{width:445px}
.bx-commentary dd li p{font-size:14px;color:#555;letter-spacing:-1px;margin-top:6px}
.bx-commentary dd li p em{display:inline;font-size:20px;color:#009ae6;margin-top:14px}
.bx-commentary dd li p em strong{display:inline}

.list-farm-fish{padding:120px 0 0 0;float:left;margin-left:45px;background:#fff;position:relative;z-index:2}
.list-farm-fish.list-culture{padding:0 0 0 0;margin-top:-30px}
.list-farm-fish.list-envir{padding:0 0 0 0}
.list-farm-fish.list-edu{padding:0 0 0 0}
.list-farm-fish.list-welfare{padding:0 0 0 0;margin-left:0}
.list-farm-fish dt{font-size:18px;color:#333}
.list-farm-fish dd{font-size:14px;color:#555;letter-spacing:-1px}

.bx-pw-change{position:relative;width:950px;height:217px;background:url(/img/section/bp/bg_password.gif) 0 0 no-repeat}
.bx-pw-change .txt01{position:absolute;top:52px;left:367px}
.bx-pw-change .txt02{position:absolute;top:90px;left:368px;font-size:14px;color:#555}
.bx-pw-change dl{position:absolute;top:135px;left:368px}
.bx-pw-change dl dt,.bx-pw-change dl dd{float:left}
.bx-pw-change dl dt{width:70px}
.bx-pw-change dl dt label{font-weight:bold;font-size:14px;color:#333;padding-top:3px}

.bx-fund{padding:4px 0 0 317px;margin:0 0 70px;height:236px;position:relative}
.bx-fund .img01{position:absolute;top:-10px;left:0}
.bx-fund p{font-size:14px;color:#555;letter-spacing:-1px;line-height:22px}
.bx-fund p em{display:inline;color:#0087e5}
.bx-fund p strong{display:block;margin:0 0 15px;font-size:18px;color:#333;font-weight:normal}

.bx-volun{padding:40px 0 20px 15px;background:url(/img/section/bp/bg_volun.gif) 598px 7px no-repeat}
.bx-volun.bg02{padding:40px 0 0 15px;background:url(/img/section/bp/bg_volun02.gif) 608px 22px no-repeat}
.bx-volun ul.clearfix{height:180px;width:950px}
.bx-volun ul.clearfix li p{float:left;font-size:14px;color:#555;letter-spacing:-1px;line-height:20px}
.bx-volun ul.clearfix li img{float:left;margin:0 18px 0 0}
.bx-volun .fleft{width:511px}
.bx-volun .fright{width:439px}
.bx-volun h4{color:#333 !important;font-weight:normal !important}
.bx-volun .txt01{font-size:14px;color:#555;line-height:20px}
.bx-volun ul.list-txt li{color:#555}

.bx-volun03 ul.clearfix{height:180px;width:950px}
.bx-volun03 ul.clearfix li p{float:left;font-size:14px;color:#555;letter-spacing:-1px;line-height:21px;margin-top:-6px}
.bx-volun03 ul.clearfix li img{float:left;margin:0 18px 0 0}
.bx-volun03 h3{margin-bottom:9px !important}
.bx-volun03 .fleft{width:511px}
.bx-volun03 .fright{width:439px}

.bx-login{border:1px solid #e0e0e0;width:679px;height:148px;padding:46px 0 0 269px;background:url(/img/section/bp/bg_login.gif) 55px 26px no-repeat;position:relative}
.bx-login dl{margin:7px 0 0 0}
.bx-login dl dt,.bx-login dl dd {float:left}
.bx-login dl dt{font-size:14px;color:#333;width:118px}
.bx-login .btn-login-inbx{ position:absolute; top:48px; left:605px; margin-top:5px}
.ie7 .bx-login .btn-login-inbx{ top:43px}
.ie7 .bx-login .btn-pack{ margin-left:117px}

.bx-login .bx-login-boxbtn{margin:5px 0 0 120px}

.two-help{background:#fbfbfb;border:1px solid #e0e0e0;border-top:0;border-left:0}
.two-help li{float:left;border-left:1px solid #e0e0e0;width:236px;height:242px;padding:0 0 0 0;text-align:center;}
.two-help li p{color:#055555;margin:0 0 0 0px;line-height:18px; text-align:center; }
/*
.two-help li.first{background:url(/img/section/bp/bg_login_list01.gif) 76px 24px no-repeat}
.two-help li.second{background:url(/img/section/bp/bg_login_list02.gif) 76px 24px no-repeat}
.two-help li.third{background:url(/img/section/bp/bg_login_list03.gif) 76px 24px no-repeat}
.two-help li.fourth{background:url(/img/section/bp/bg_login_list04.gif) 76px 24px no-repeat}
*/

.bx-volun02{height:215px;padding:10px 0 0 20px;background:url(/img/section/bp/bg_volun03.gif) 100% 0 no-repeat}

.bx-movie{padding:10px 0 0 445px;height:200px;background:url(/img/section/bp/bg_movie.gif) 70px 0 no-repeat}
.bx-movie02{position:relative;width:950px;height:320px}
.bx-movie02 .movie-area{position:absolute;top:5px;left:0;width:357px;height:305px;padding:10px 10px 0 10px;background:url(/img/section/bp/bg_movie02.gif) 0 0 no-repeat}
.bx-movie02 dl{margin:0 0 0 445px;position:relative}
.bx-movie02 dl dt{font-size:20px;font-weight:bold;color:#009ae6}
.bx-movie02 dl dd p{font-size:13px;color:#333;margin:8px 0 0}
.bx-movie02 dl dd p span{color:#666}
.bx-movie02 dl dd div{height:208px;margin:8px 0 0;padding:20px 0;overflow-y:scroll;overflow-x:hidden;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;font-size:14px;color:#333}
.bx-movie02 dl dd .btn-pack{position:absolute;top:0;right:0}
.bx-movie02 .movie-area .movie-btn-play {position:absolute;top:10px;left:10px;display:block;z-index:1;}
.bx-movie02 .movie-area .movie-btn-play img {display:block;}

.bx-farm-fish{height:420px;padding:10px 0 0 55px;position:relative}
.bx-farm-fish .bg01{position:absolute;top:165px;left:190px;font-size:0;line-height:0;width:315px;height:228px;background:url(/img/section/bp/img_farm_fish.png) 0 0 no-repeat;z-index:1}
.bx-farm-fish .bg02{position:absolute;top:-10px;left:-55px;width:417px;height:416px;font-size:0;line-height:0;background:url(/img/section/bp/bg_farm.png) 0 0 no-repeat;z-index:1}

.bx-culture{height:460px;padding:33px 0 0 42px;position:relative}
.bx-culture .bg01{position:absolute;top:141px;left:210px;font-size:0;line-height:0;width:315px;height:228px;background:url(/img/section/bp/img_farm_fish.png) 0 0 no-repeat;z-index:1}
.bx-culture .bg02{position:absolute;top:-33px;left:-42px;width:422px;height:460px;font-size:0;line-height:0;background:url(/img/section/bp/bg_cul.png) 0 0 no-repeat;z-index:1}

.bx-envir{height:460px;padding:30px 0 0 15px;position:relative}
.bx-envir .bg01{position:absolute;top:141px;left:210px;font-size:0;line-height:0;width:315px;height:228px;background:url(/img/section/bp/img_farm_fish.png) 0 0 no-repeat;z-index:1}
.bx-envir .bg02{position:absolute;top:-30px;left:-15px;width:380px;height:441px;font-size:0;line-height:0;background:url(/img/section/bp/bg_envir.png) 0 0 no-repeat;z-index:1}

.bx-edu{height:400px;padding:65px 0 0 57px;position:relative;overflow:hidden}
.bx-edu .bg01{position:absolute;top:241px;left:230px;font-size:0;line-height:0;width:315px;height:228px;background:url(/img/section/bp/img_farm_fish.png) 0 0 no-repeat;z-index:1}
.bx-edu .bg02{position:absolute;top:-65px;left:-57px;width:422px;height:451px;font-size:0;line-height:0;background:url(/img/section/bp/bg_edu.png) 0 0 no-repeat;z-index:1}
.bx-edu .bg03{position:absolute;top:317px;left:105px;width:71px;height:71px;font-size:0;line-height:0;background:url(/img/section/bp/bg_edu02.png) 0 0 no-repeat;z-index:1}

.bx-welfare{height:410px;padding:30px 0 0 57px;position:relative}
.bx-welfare .bg02{position:absolute;top:-30px;left:-57px;width:409px;height:446px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare.png) 0 0 no-repeat;z-index:1}
.bx-welfare .bg03{position:absolute;top:0;left:266px;width:77px;height:77px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare02.png) 0 0 no-repeat;z-index:1}
.bx-welfare .bg04{position:absolute;top:275px;left:248px;width:102px;height:101px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare03.png) 0 0 no-repeat;z-index:1}
.bx-welfare .bg05{position:absolute;top:-30px;left:-30px;width:164px;height:164px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare04.png) 0 0 no-repeat;z-index:1}

.bx-welfare02{height:460px;padding:51px 22px 0 0;position:relative}
.bx-welfare02 .bg02{position:absolute;top:-51px;right:-22px;width:427px;height:437px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare05.png) 0 0 no-repeat;z-index:1}
.bx-welfare02 .bg03{position:absolute;top:245px;right:10px;width:130px;height:167px;font-size:0;line-height:0;background:url(/img/section/bp/bg_welfare06.png) 0 0 no-repeat;z-index:1}
.bx-welfare02 .list-welfare01{position:absolute;top:50px;left:0}
.bx-welfare02 .list-welfare02{position:absolute;top:345px;left:0}

.js-carousel-content-wrapper{background:none !important}
.js-carousel-content{background:none !important}
.img-slide-common .js-carousel-content li{width:350px;height:350px;background:none !important}
/*.img-slide-common .js-carousel-content li img{max-width:417px;max-height:416px}*/
.img-slide-common .js-carousel.sample{width:350px;height:350px}
.img-slide-common .js-carousel.sample .js-carousel-content-wrapper ul li{width:350px;height:350px}
.img-slide-common .js-carousel.sample .js-carousel-paging{top:320px;width:350px;text-align:center}
.img-slide-common .js-carousel.sample .js-carousel-paging ul{*margin-left:160px}
.img-slide-common .js-carousel.sample .js-carousel-prev, .img-slide-common .js-carousel.sample .js-carousel-next{top:150px}
.img-slide-common .js-carousel.sample .js-carousel-paging .ui-carousel-paging{margin:0 1px}

.list-welfare03{width:950px;overflow:hidden}
.list-welfare03 ul{width:990px}
.list-welfare03 li{float:left;width:330px;position:relative;padding-top:203px}
.list-welfare03 li dt{font-size:18px;color:#333;margin-bottom:5px}
.list-welfare03 li dd{font-size:14px;color:#555;letter-spacing:-1px}
.list-welfare03 li dd.img{position:absolute;top:0;left:0}

.bx-ceo{height:231px;padding:59px 0 0 19px;background:url(/img/section/bp/bg_ceo02_171226.jpg) 100% 0 no-repeat}
.list-ceo{width:950px;}
.list-ceo ul{width:1005px}
.list-ceo li{float:left;width:335px}
.list-ceo li h4{font-size:20px;color:#009ae6;font-weight:bold;top:0;height:28px;line-height:28px;top:0;margin:0 0 5px}
.list-ceo li p{font-size:14px;color:#555;line-height:21px}

.bx-ceo-me{padding:50px 0 0;height:322px;background:url(/img/section/bp/bg_ceo_me_191004.jpg) 100% 0 no-repeat}
.list-ceo-me{width:950px;overflow:hidden}
.list-ceo-me ul{width:960px}
.list-ceo-me li{float:left;width:320px;letter-spacing:-1px}
.list-ceo-me li dl em{display:inline !important;color:#009ae6}
.list-ceo-me li dl dt{font-size:18px;color:#333;margin:0 0 10px}
.list-ceo-me li dl dd{font-size:14px;color:#555;line-height:22px}

.list-news{width:457px}
.list-news li{width:424px;margin:0 0 38px 0;padding:13px 15px 30px;border:1px solid #e7e7e7}
.list-news li div.img-area{display:block;margin:0 0 10px}
.list-news li dt{font-size:20px;color:#333;margin:0 0 10px}
.list-news li dt em{color:#009ae6;display:inline}
.list-news li dd{font-size:14px;color:#555;line-height:20px}
.list-news li dd span{display:block;margin:20px 0 0}

.bx-doctrine{padding:20px 0 0 0;height:170px;background:url(/img/section/bp/bg_doctrine.gif) 637px 0 no-repeat}
.list-doctrine{width:950px;overflow:hidden}
.list-doctrine li{padding:14px 0 0 312px;height:248px;background:url(/img/section/bp/img_doc01.jpg) 0 0 no-repeat}
.list-doctrine li.second{padding:0;height:263px;background:url(/img/section/bp/img_doc02.jpg) 686px 0 no-repeat}
.list-doctrine li.third{padding:0 0 0 312px;height:260px;background:url(/img/section/bp/img_doc03.jpg) 0 0 no-repeat}
.list-doctrine li.fourth{padding:0;height:265px;background:url(/img/section/bp/img_doc04.jpg) 687px 0 no-repeat}
.list-doctrine li.fifth{padding:10px 0 0 312px;height:225px;background:url(/img/section/bp/img_doc05.jpg) 0 0 no-repeat}
.list-doctrine h3{font-size:22px;font-weight:bold;color:#009ae6;height:40px;top:0}
.list-doctrine h3 em{display:inline-block;width:37px;height:37px;text-align:center;color:#fff;font-size:23px;font-family:arial;padding:4px 0 0;background:url(/img/section/bp/bg_doctrine02.gif) 0 0 no-repeat}
.list-doctrine li dl dt{font-size:18px;color:#333;letter-spacing:-1px}
.list-doctrine li dl dt em{color:#009ae6}
.list-doctrine li dl dd{font-size:14px;color:#555;line-height:21px;margin:10px 0 0;letter-spacing:-1px}
.list-doctrine em{display:inline}

.bx-cp01{background:url(/img/section/bp/bg_cp.gif) 575px 0 no-repeat}
.bx-cp01.bg-so-eth{background:url(/img/section/bp/bg_eth06.gif) 570px 30px no-repeat}
.bx-cp01.bg-cp02{background:url(/img/section/bp/bg_cp03.gif) 560px 30px no-repeat}
.bx-cp01.bg-rule{background:url(/img/section/bp/bg_rule.gif) 608px 20px no-repeat}
.bx-cp01.bg-rule02{background:url(/img/section/bp/bg_rule02.gif) 608px 20px no-repeat}
.bx-cp01.bg-rule03{background:url(/img/section/bp/bg_rule03.gif) 608px 20px no-repeat}
.bx-cp01.bg-rule04{background:url(/img/section/bp/bg_eth07.gif) 589px 30px no-repeat}
.bx-cp01.bg-rule05{background:url(/img/section/bp/bg_eth08.gif) 589px 30px no-repeat}
.bx-cp02{background:url(/img/section/bp/bg_cp04.gif) 560px 0 no-repeat;padding:50px 0 0;height:179px}
.bx-cp01 h4{font-size:18px;font-weight:bold;height:26px;top:0;line-height:26px;color:#009ae6;margin:30px 0 0}
.bx-cp01 p{font-size:14px;color:#555;margin:10px 0}
.bx-cp01 li{font-size:14px;color:#555;letter-spacing:-1px}
.bx-cp01 ul{margin:5px 0}
.bx-cp01 .fleft{width:445px}
.bx-cp01 .fright{width:435px;padding:298px 0 0}

.list-cp li{color:#555}

.list-cp02{width:950px;overflow:hidden}
.list-cp02 ul{width:1010px}
.list-cp02 li.bx-out{float:left;width:363px;padding:0 0 0 80px;margin:0 60px 0 0;position:relative;height:130px}
.list-cp02 li dl dt{font-size:18px;color:#333}
.list-cp02 li dl dt em{display:inline-block;width:60px;height:60px;padding:5px 0 0;margin:5px 0 0;font-weight:bold;text-align:center;font-size:33px;color:#fff;background:url(/img/section/bp/bg_cp02.gif) 0 0 no-repeat;position:absolute;top:0;left:0}
.list-cp02 li ul{margin:5px 0 0}
.list-cp02 li ul li{color:#555}

.bx-admin{padding:10px 0 0;height:150px;width:950px;background:url(/img/section/bp/bg_admin.gif) 594px 0 no-repeat;position:relative}
.bx-admin p span{display:block;position:absolute;top:98px;left:68px;font-size:13px;color:#777}
.bx-admin p span em{display:block;font-size:15px;color:#333;margin:0 0 8px}

.list-eth li{border-top:1px dashed #d9d9d9;padding:30px 0 30px 120px}
.list-eth li.first{border:none;background:url(/img/section/bp/bg_eth01.gif) 8px 50% no-repeat}
.list-eth li.second{background:url(/img/section/bp/bg_eth02.gif) 8px 50% no-repeat}
.list-eth li.third{background:url(/img/section/bp/bg_eth03.gif) 8px 50% no-repeat}
.list-eth li.fourth{background:url(/img/section/bp/bg_eth04.gif) 8px 50% no-repeat}
.list-eth li.fifth{background:url(/img/section/bp/bg_eth05.gif) 8px 50% no-repeat}
.list-eth li dt{font-size:18px;color:#333;margin:0 0 6px}
.list-eth li dd{font-size:14px;color:#555}

.txt-style01{font-size:14px;color:#555}
.txt-style02{font-size:18px;color:#333}
.l-align-bp{padding-right:98px !important;text-align:right !important}
.l-align-bp2{padding-right:108px !important;text-align:right !important}

.list-history-bar{background:url(/img/section/bp/bg_history.gif) 0 0 no-repeat;position:relative;width:950px;height:113px}
.list-history-bar.for-pamphlet{background:url(/img/section/bp/bg_pamphlet.gif) 0 0 no-repeat;height:62px}
.list-history-bar p{position:absolute;left:20px;top:13px}
.list-history-bar .list-year{padding:1px 0 0 392px}
.list-history-bar.for-pamphlet .list-year{padding:1px 0 0 455px}
.list-history-bar .list-year h3.year{float:left;width:88px;height:58px;text-align:center;height:58px;line-height:58px;top:0;padding-bottom:0}
.list-history-bar.for-pamphlet .list-year h3.year{width:155px}
.list-history-bar .year a{font-size:18px;font-family:arial;color:#333;display:block;height:58px;line-height:58px}
.list-history-bar .year.on a{background:url(/img/section/bp/bg_history_on.gif) 0 0 no-repeat;color:#fff;font-weight:bold}
.list-history-bar.for-pamphlet .year.on a{background:url(/img/section/bp/bg_pamphlet_on.gif) 0 0 no-repeat}
.list-history-bar ul{display:none}
.list-history-bar ul.on{display:block;position:absolute;right:0;top:80px}
.list-history-bar ul.on a,.list-history-bar ul.on img{vertical-align:top}
.list-history-bar ul li{float:left}
.list-history-bar ul li a{font-size:0;line-height:0;display:inline-block}
.list-history-bar ul li.q1 a{width:53px;height:14px;background:url(/img/section/bp/txt_1quarter.gif) 0 0 no-repeat}
.list-history-bar ul li.q1.on a{width:53px;height:14px;background:url(/img/section/bp/txt_1quarter_on.gif) 0 0 no-repeat}
.list-history-bar ul li.q2 a{width:73px;height:14px;background:url(/img/section/bp/txt_2quarter.gif) 0 0 no-repeat}
.list-history-bar ul li.q2.on a{width:73px;height:14px;background:url(/img/section/bp/txt_2quarter_on.gif) 0 0 no-repeat}
.list-history-bar ul li.q3 a{width:74px;height:14px;background:url(/img/section/bp/txt_3quarter.gif) 0 0 no-repeat}
.list-history-bar ul li.q3.on a{width:74px;height:14px;background:url(/img/section/bp/txt_3quarter_on.gif) 0 0 no-repeat}
.list-history-bar ul li.q4 a{width:74px;height:14px;background:url(/img/section/bp/txt_4quarter.gif) 0 0 no-repeat}
.list-history-bar ul li.q4.on a{width:74px;height:14px;background:url(/img/section/bp/txt_4quarter_on.gif) 0 0 no-repeat}
.list-history-bar .btn-left{position:absolute;left:362px;top:0;display:inline-block;width:30px;height:60px;font-size:0;line-height:0;text-indent:-9999px;background:url(/img/section/bp/btn_history_left.gif) 0 0 no-repeat}
.list-history-bar.for-pamphlet .btn-left{left:425px}
.list-history-bar .btn-right{position:absolute;right:0;top:0;display:inline-block;width:30px;height:60px;font-size:0;line-height:0;text-indent:-9999px;background:url(/img/section/bp/btn_history_right.gif) 0 0 no-repeat}

.section-cd-main-row3{width:950px;overflow:hidden}
.coverflow-cd-guide{background:url(/img/section/bp/bg_pamphlet02.gif) -6px 0 no-repeat;width:910px;height:700px;overflow:hidden;padding:0 0 0 40px;position:relative}
.list-pamphlet{width:851px;height:700px;overflow:hidden;position:absolute;left:50px;top:0}
.for-poster .list-pamphlet{background:url(/img/section/bp/bg_pamphlet02.gif) 0 0 no-repeat}
.list-pamphlet li{width:137px;margin:155px 0 0 0;position:absolute;padding-bottom:91px;background:url(/img/section/bp/bg_focus02.png) 0 100% no-repeat}
.for-poster.list-pamphlet li{margin:153px 0 0 0}
.list-pamphlet li.current{width:263px;margin:37px 0 0 0;padding-bottom:80px;background:url(/img/section/bp/bg_focus.gif) 0 100% no-repeat}
.for-poster .list-pamphlet li.current{margin:60px 0 0 0;padding-bottom:45px;background:url(/img/section/bp/bg_focus03.gif) 0 100% no-repeat}
.list-pamphlet li img{display:block;width:135px;height:257px;border:1px solid #c0c0c0}
.for-poster .list-pamphlet li img{width:135px;height:200px}
.list-pamphlet li.current img{width:261px;height:497px}
.for-poster .list-pamphlet li.current img{width:261px;height:387px}
.list-pamphlet li p{display:none}
.list-pamphlet li.current p{display:block;font-size:12px;color:#333;width:500px;height:83px;position:absolute;top:550px;left:-80px;line-height:18px;overflow-y:auto;overflow-x:hidden}
.for-poster .list-pamphlet li.current p{top:442px}
.section-cd-main-row3 .btn-left{position:absolute;left:0;top:265px;width:22px;height:38px;display:inline-block;background:url(/img/section/bp/btn_left.gif) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px}
.section-cd-main-row3 .btn-right{position:absolute;right:0;top:265px;width:22px;height:38px;display:inline-block;background:url(/img/section/bp/btn_right.gif) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px}
.for-poster.section-cd-main-row3 .btn-left{top:230px}
.for-poster.section-cd-main-row3 .btn-right{top:230px}

.bx-history{position:relative;width:950px;margin-top:-1px}
.bx-history.for-prize{margin-top:-30px}
.bx-history p{float:left;width:332px;padding:352px 0 0 20px;color:#333;font-size:20px;font-weight:bold;background:url(/img/section/bp/img_history.gif) 20px 10px no-repeat}
.bx-history.for-prize p{width:352px;background:url(/img/section/bp/img_prize.gif) 20px 10px no-repeat}
.bx-history.for-progre p{width:352px;background:url(/img/section/bp/img_pro.gif) 20px 10px no-repeat}
.bx-history p span{font-size:18px;font-weight:normal;display:block;margin:0 0 5px}
.bx-history p em{color:#009ae6;display:inline}
.bx-history ul.list-in-history{float:left;width:598px}
.bx-history.for-prize ul.list-in-history{width:558px;margin:40px 0 0}
.bx-history ul.list-in-history li.line{position:relative;border-top:1px dashed #ddd;zoom:1;padding:25px 0 20px}
.bx-history.for-prize ul.list-in-history li.line{padding:15px 0 10px}
.bx-history ul.list-in-history li.line.first{border-top:none}
.bx-history ul.list-in-history div{position:absolute;top:30px;left:0;text-align:center}
.bx-history.for-prize ul.list-in-history div{position:absolute;top:10px;left:0;text-align:center}
.bx-history ul.list-in-history div em{font-size:14px;color:#0078d4}
.bx-history ul.list-in-history div strong{display:block;width:49px;height:46px;padding:3px 0 0;background:url(/img/section/bp/bg_history_num.gif) 0 0 no-repeat;font-size:27px;color:#fff;text-align:center}
.bx-history.for-prize ul.list-in-history div strong{width:32px;height:32px;line-height:24px;background:url(/img/section/bp/bg_prize_num.gif) 0 0 no-repeat;font-size:20px}
.bx-history ul.list-in-history ul{padding:0 0 0 97px}
.bx-history.for-prize ul.list-in-history ul{padding:0 0 0 50px}
.bx-history ul.list-in-history ul li{font-size:14px;color:#555;line-height:20px;margin:0 0 5px;padding:0 0 0 70px;position:relative}
.bx-history ul.list-in-history ul li em{display:inline-block;width:56px;color:#333;font-weight:bold;position:absolute;top:0;left:0}

.list-job dt{font-size:18px;color:#333}
.list-job li{float:left;width:385px;padding:0 0 0 90px;margin:30px 0 0;min-height:70px}
.list-job li.first{background:url(/img/section/bp/bg_job.gif) 0 0 no-repeat}
.list-job li.second{background:url(/img/section/bp/bg_job02.gif) 0 0 no-repeat}
.list-job li.third{background:url(/img/section/bp/bg_job03.gif) 0 0 no-repeat}
.list-job li.fourth{background:url(/img/section/bp/bg_job04.gif) 0 0 no-repeat}
.list-job li.fifth{background:url(/img/section/bp/bg_job05.gif) 0 0 no-repeat}
.list-job li.sixth{background:url(/img/section/bp/bg_job06.gif) 0 0 no-repeat}
.list-job li.seventh{background:url(/img/section/bp/bg_job07.gif) 0 0 no-repeat}
.list-job li.eighth{background:url(/img/section/bp/bg_job08.gif) 0 0 no-repeat}
.list-job li dt{font-size:14px;font-weight:bold;color:#333;margin:0 0 8px}
.list-job li dd{font-size:14px;color:#555;line-height:22px}
.bx-in-bene{background:url(/img/section/bp/bg_bene.gif) 485px 30px no-repeat}
.bx-pms ul li,.bx-pms td{color:#555 !important}
.bx-pms h4{color:#333 !important}
.b-line{border-bottom:1px dashed #ccc}

.list-eth02{width:950px;overflow:hidden;padding:280px 0 0;background:url(/img/section/bp/img_eth.jpg) 24px 10px no-repeat}
.list-eth02 ul{width:1008px}
.list-eth02 li{float:left;width:290px;margin:0 46px 0 0}
.list-eth02 li dt{font-size:16px;color:#333;margin:10px 0;letter-spacing:-1px}
.list-eth02 li dd{font-size:14px;color:#777;letter-spacing:-1px;line-height:22px}

.gallery-list-bp{border-top:1px solid #444;border-bottom:1px solid #c7c7c7;padding:30px 0 10px;width:950px;overflow:hidden}
.gallery-list-bp ul{width:999px;margin-left:-20px}
.gallery-list-bp ul li{float:left;width:303px;margin:0 0 20px 20px}
.gallery-list-bp ul li div{border:1px solid #ebebeb}
.gallery-list-bp ul li div img{width:301px;height:158px}
.gallery-list-bp ul li p{border:1px solid #ebebeb;border-top:none;text-align:center;height:57px;padding:12px 0 0;font-size:16px;font-weight:bold;color:#555}
.gallery-list-bp ul li p a{font-size:16px;font-weight:bold;color:#555}
.gallery-list-bp ul li p a em{color:#000;display:block}
.gallery-list-bp ul li p em{color:#000;display:block}

.view-contest-img{margin:0 0 0 35px}
.view-contest-img dt{border:1px solid #e5e5e5;width:848px}
.view-contest-img ul li{float:left;width:282px;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:15px 0 20px;line-height:22px;font-size:16px;color:#000;font-weight:bold}
.view-contest-img ul li.first{border-left:1px solid #e5e5e5}
.view-contest-img ul li em{display:inline-block;margin:0 15px 0 0;color:#0078d4}

.board-list-1 .title a.reply-bp {float:left;display:inline-block;padding-left:12px;background:url(/img/common/etc/ico_comment_arrow.gif) 0 5px no-repeat}
.board-list-1 td a.comment {float:left;display:inline-block;padding:0;background:none;font-weight:bold;color:#fe4b2b;margin-left:5px}

.core-title{height:124px;padding-bottom:0;top:0}

.tbl-type .sort-up {display:inline-block;background:transparent url(/img/common/etc/bt_grid_up.gif) no-repeat right 3px;padding-right:18px}
.tbl-type .sort-down {display:inline-block;background:transparent url(/img/common/etc/bt_grid_down.gif) no-repeat right 3px;padding-right:18px}

/* 동영상 - 사이즈때문에 추가*/
.bx-movie03{width:950px;height:560px}
.bx-movie03 .movie-area{position:relative; float:left;top:1px;left:0;width:607px;height:545px;padding:10px 10px 0 10px;background:url(/img/section/bp/bg_movie03.gif) 0 0 no-repeat}
.bx-movie03 dl{margin:0 0 0 645px;position:relative}
.bx-movie03 dl dt{font-size:20px;font-weight:bold;color:#009ae6}
.bx-movie03 dl dd p{font-size:13px;color:#333;margin:4px 0 0}
.bx-movie03 dl dd p span{color:#666}
.bx-movie03 dl dd div{height:455px;margin:4px 0 0;padding:20px 0;overflow-y:scroll;overflow-x:hidden;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;font-size:11px;color:#333}
.bx-movie03 dl dd .btn-pack{position:absolute;top:0px;right:0;}
/*.bx-movie03 .movie-area .movie-btn-play {width:147px;height:153px;position:absolute;top:50%;left:50%;display:block;margin:-100px 0 0 -73px;}*/
.bx-movie03 .movie-area .movie-btn-play {position:absolute;top:10px;left:10px;display:block;z-index:1;}
.bx-movie03 .movie-area .movie-btn-play img {display:block;}

/* 은행소개 홍보영화수정 20140916 김은표 20150630 추가수정 김은표  */
.next-movie {width:950px;overflow:hidden}
.next-movie ul li {float:left; width:230px;}
.next-movie ul li dl dt {margin:10px 0 10px 0;font-size:14px;font-weight:bold;color:#333}
.next-movie ul li dl dd {font-size:13px;color:#666}
.next-movie-list {border:1px solid #aeaeae;text-align:center}
.next-movie-list:hover {border:1px solid #009ae8}
.next-movie-list.movie-1 {width:230px;height:168px;background:url(/img/section/bp/bp_movie-1_new.gif) center top no-repeat; background-size:cover}
.next-movie-list.movie-2 {width:230px;height:168px;background:url(/img/section/bp/bp_movie-2_new1.gif) center top no-repeat; background-size:cover}
.next-movie-list.movie-3 {width:300px;height:168px;background:url(/img/section/bp/bp_movie-3.gif) center top no-repeat}
.next-movie-list.movie-4 {width:230px;height:168px;background:url(/img/section/bp/bp_movie-2_new2.gif) center top no-repeat; background-size:cover}
.next-movie-list.movie-5 {width:230px;height:168px;background:url(/img/section/bp/bp_movie-5_new2.jpg) center top no-repeat; background-size:cover}
.next-movie-list.movie-6 {width:230px;height:168px;background:url(/img/section/bp/bp_movie-6_new2.jpg) center top no-repeat; background-size:cover}
.next-movie-list img {width:109px; margin-top:20px;}
.next-movie-list img:hover {width:110px}

/***************************************************/
/************************* 다국어 ******************/
/***************************************************
.ceo-greet-f{width:930px;padding:0 0 0 20px;position:relative;background:url(/img/section/bp/bg_ceo.jpg) 100% 0 no-repeat}
.ceo-greet-f h3{padding:80px 0 0 !important;height:193px !important;margin:0 0 50px !important}
.ceo-greet-f .txt{font-size:24px;color:#333;margin:0 0 20px;line-height:30px}
.ceo-greet-f .clearfix{margin:-7px 0 0 5px}
.ceo-greet-f p{font-size:14px;color:#555;letter-spacing:-1px;line-height:21px}
.ceo-greet-f p em{color:#0078d4}
.ceo-greet-f .fleft{width:474px}
.ceo-greet-f .fright{width:446px;margin:0 0 0 5px;padding:80px 0 0}
.ceo-greet-f .fright div{margin:30px 0 0 0}

.ceo-profile-f{background:url(/img/section/bp/bg_ceo_pro.jpg) no-repeat 18px 46px}
.ceo-profile-f .name{float:left;width:483px;padding:475px 0 0 17px}
.ceo-profile-f .prof{float:right;width:450px}
.ceo-profile-f .prof ul li{font-size:14px;color:#555;line-height:22px;position:relative;padding:0 0 0 150px;margin:0 0 5px}
.ceo-profile-f .prof ul li em{font-size:14px;color:#333;font-family:arial;display:inline-block;width:168px;position:absolute;left:0}
.ceo-profile-f .prof ul li em strong{display:inline-block;width:40px}
.ceo-profile-f .prof ul li em span{display:inline-block;margin:0 0 0 20px}

.list-manage-f li{float:left;width:237px;text-align:center}
.list-manage-f li dl em{display:block}
.list-manage-f li dl dt{font-size:12px;color:#999;height:60px}
.list-manage-f li dl dt em{font-size:16px;color:#103376;font-weight:bold}
.list-manage-f li.first dl dt em{font-size:20px}
.list-manage-f li dl dd{font-size:18px;color:#333;font-weight:bold}
.list-manage-f li dl dd em{font-size:14px;color:#555;font-weight:normal}
.list-manage-f li dl dd.img-area{margin:15px 0 5px}
.list-manage02-f.none-img{background:url(/img/section/bp/bg_manager.gif) 0 0 no-repeat;padding:25px 0 0}
.list-manage02-f.none-img li{height:120px}
.list-manage02-f li{float:left;width:237px;text-align:center;position:relative;height:242px}
.list-manage02-f li dt{font-size:14px;color:#555;padding:180px 0 0}
.list-manage02-f.none-img li dt{padding:0 10px}
.list-manage02-f li dd{font-size:18px;color:#333;font-weight:bold}
.list-manage02-f li dd.img-area{position:absolute;top:20px;left:36px}
.title-manage-f{border-bottom:2px solid #009ae6;color:#999;font-size:12px;padding-bottom:8px !important;height:auto;line-height:26px}
.title-manage-f em{color:#103376;font-size:20px;font-weight:bold;padding-right:5px}

.list-history-bar-f{background:url(/img/section/bp/bg_history.gif) 0 0 no-repeat;position:relative;width:950px;height:113px}
.list-history-bar-f.for-pamphlet{background:url(/img/section/bp/bg_pamphlet.gif) 0 0 no-repeat}
.list-history-bar-f p{position:absolute;left:20px;top:13px}
.list-history-bar-f .list-year{padding:1px 0 0 392px}
.list-history-bar-f.for-pamphlet .list-year{padding:1px 0 0 455px}
.list-history-bar-f .list-year h3.year{float:left;width:88px;height:58px;text-align:center;height:58px;line-height:58px;top:0;padding-bottom:0}
.list-history-bar-f.for-pamphlet .list-year h3.year{width:155px}
.list-history-bar-f .year a{font-size:18px;font-family:arial;color:#333;display:block;height:58px;line-height:58px}
.list-history-bar-f .year.on a{background:url(/img/section/bp/bg_history_on.gif) 0 0 no-repeat;color:#fff;font-weight:bold}
.list-history-bar-f.for-pamphlet .year.on a{background:url(/img/section/bp/bg_pamphlet_on.gif) 0 0 no-repeat}
.list-history-bar-f ul{display:none}
.list-history-bar-f ul.on{display:block;position:absolute;right:0;top:80px}
.list-history-bar-f ul.on a,.list-history-bar-f ul.on img{vertical-align:top}
.list-history-bar-f ul li{float:left}
.list-history-bar-f ul li a{font-size:0;line-height:0;text-indent:-9999px;display:inline-block}
.list-history-bar-f ul li.q1 a{width:77px;height:13px;background:url(/img/section/en/bp/txt_1quarter.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q1.on a{width:77px;height:13px;background:url(/img/section/en/bp/txt_1quarter_on.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q2 a{width:89px;height:13px;background:url(/img/section/en/bp/txt_2quarter.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q2.on a{width:89px;height:13px;background:url(/img/section/en/bp/txt_2quarter_on.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q3 a{width:94px;height:13px;background:url(/img/section/en/bp/txt_3quarter.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q3.on a{width:94px;height:13px;background:url(/img/section/en/bp/txt_3quarter_on.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q4 a{width:87px;height:13px;background:url(/img/section/en/bp/txt_4quarter.gif) 0 0 no-repeat}
.list-history-bar-f ul li.q4.on a{width:87px;height:13px;background:url(/img/section/en/bp/txt_4quarter_on.gif) 0 0 no-repeat}
.list-history-bar-f .btn-left{position:absolute;left:362px;top:0;display:inline-block;width:30px;height:60px;font-size:0;line-height:0;text-indent:-9999px;background:url(/img/section/bp/btn_history_left.gif) 0 0 no-repeat}
.list-history-bar-f.for-pamphlet .btn-left{left:425px}
.list-history-bar-f .btn-right{position:absolute;right:0;top:0;display:inline-block;width:30px;height:60px;font-size:0;line-height:0;text-indent:-9999px;background:url(/img/section/bp/btn_history_right.gif) 0 0 no-repeat}

.bx-history-f{position:relative;width:950px;margin-top:-1px}
.bx-history-f.for-prize{margin-top:-30px}
.bx-history-f p{float:left;width:332px;padding:352px 0 0 20px;color:#333;font-size:20px;font-weight:bold;background:url(/img/section/bp/img_history.gif) 20px 10px no-repeat}
.bx-history-f.for-prize p{width:352px;background:url(/img/section/bp/img_prize.gif) 20px 10px no-repeat}
.bx-history-f.for-progre p{width:352px;background:url(/img/section/bp/img_pro.gif) 20px 10px no-repeat}
.bx-history-f p span{font-size:18px;font-weight:normal;display:block;margin:0 0 5px}
.bx-history-f p em{color:#009ae6;display:inline}
.bx-history-f ul.list-in-history{float:left;width:598px}
.bx-history-f.for-prize ul.list-in-history{width:558px;margin:40px 0 0}
.bx-history-f ul.list-in-history li.line{position:relative;border-top:1px dashed #ddd;zoom:1;padding:25px 0 20px}
.bx-history-f.for-prize ul.list-in-history li.line{padding:15px 0 10px}
.bx-history-f ul.list-in-history li.line.first{border-top:none}
.bx-history-f ul.list-in-history div{position:absolute;top:30px;left:0;text-align:center}
.bx-history-f.for-prize ul.list-in-history div{position:absolute;top:10px;left:0;text-align:center}
.bx-history-f ul.list-in-history div em{font-size:14px;color:#0078d4}
.bx-history-f ul.list-in-history div strong{display:block;width:49px;height:49px;line-height:49px;background:url(/img/section/bp/bg_history_num.gif) 0 0 no-repeat;font-size:27px;color:#fff;text-align:center}
.bx-history-f.for-prize ul.list-in-history div strong{width:32px;height:32px;line-height:32px;background:url(/img/section/bp/bg_prize_num.gif) 0 0 no-repeat;font-size:20px}
.bx-history-f ul.list-in-history ul{padding:0 0 0 97px}
.bx-history-f.for-prize ul.list-in-history ul{padding:0 0 0 50px}
.bx-history-f ul.list-in-history ul li{font-size:14px;color:#555;line-height:20px;margin:0 0 5px}
.bx-history-f ul.list-in-history ul li em{display:inline-block;width:56px;color:#333;font-weight:bold}

.morals02-area-f{position:relative;width:950px}

.list-eth02-f{width:950px;overflow:hidden;margin-top:50px;padding:280px 0 0;background:url(/img/section/bp/img_eth.jpg) 24px 10px no-repeat}
.list-eth02-f ul{width:1008px}
.list-eth02-f li{float:left;width:290px;margin:0 46px 0 0}
.list-eth02-f li dt{font-size:20px;color:#0078d4;margin:10px 0;letter-spacing:-1px}
.list-eth02-f li dd{font-size:14px;color:#777;letter-spacing:-1px;line-height:22px}

.bx-cp01-f{background:url(/img/section/bp/bg_cp.gif) 575px 0 no-repeat}
.bx-cp01-f.bg-so-eth{background:url(/img/section/bp/bg_eth06.gif) 570px 30px no-repeat}
.bx-cp01-f.bg-cp02{background:url(/img/section/bp/bg_cp03.gif) 560px 30px no-repeat}
.bx-cp01-f.bg-rule{background:url(/img/section/bp/bg_rule.gif) 608px 20px no-repeat}
.bx-cp01-f.bg-rule02{background:url(/img/section/bp/bg_rule02.gif) 608px 20px no-repeat}
.bx-cp01-f.bg-rule03{background:url(/img/section/bp/bg_rule03.gif) 608px 20px no-repeat}
.bx-cp01-f.bg-rule04{background:url(/img/section/bp/bg_eth07.gif) 589px 30px no-repeat}
.bx-cp01-f.bg-rule05{background:url(/img/section/bp/bg_eth08.gif) 589px 30px no-repeat}
.bx-cp01-f h4{font-size:18px;font-weight:bold;height:26px;top:0;line-height:26px;color:#009ae6;margin:30px 0 0}
.bx-cp01-f p{font-size:14px;color:#555;margin:10px 0}
.bx-cp01-f li{font-size:14px;color:#555;letter-spacing:-1px}
.bx-cp01-f ul{margin:5px 0}
.bx-cp01-f .fleft{width:445px}
.bx-cp01-f .fright{width:435px;padding:298px 0 0}

.txt-style01-f{font-size:14px;color:#555}

.ci-top-f{width:950px;height:361px}
.ci-bottom-f{width:950px;overflow:hidden;margin-top:30px}
.ci-bottom-f ul{width:990px}
.ci-bottom-f ul li{float:left;width:330px}
.ci-bottom-f ul li dt{height:170px}
.ci-bottom-f ul li dd{font-size:14px;color:#555;letter-spacing:-1px}
.ci-bottom-f ul li em{display:block;margin:15px 0 0;;font-size:12px;color:#a16e2f;background:url(/img/section/bp/bp_star.gif) 0 4px no-repeat;padding-left:8px}
.ci-bottom-f h3{top:0}
 다국어 끝 */
 
 /* 개열사 합병 페이지 */
 
.bp-wc {width:100%; margin-top:10px; }
.bp-wc li {background:url(/img/section/bp/wc/bp-list-type.gif) left 12px no-repeat;line-height:28px;color:#777;}
.bp-wc .ceo-info {position:relative;width:176px;height:300px;margin:0 60px 0 40px;text-align:center}
.bp-wc .ceo-info.ceo1  {background:url(/img/section/bp/wc/ceo-img.jpg) left 60px no-repeat;}
.bp-wc .ceo-info.ceo2  {background:url(/img/section/bp/wc/ceo-img2.jpg) left 60px no-repeat;}
.bp-wc .ceo-info.ceo3  {background:url(/img/section/bp/wc/ceo-img3.jpg) left 60px no-repeat;}
.bp-wc .ceo-info.ceo4  {background:url(/img/section/bp/wc/ceo-img4.jpg) left 80px no-repeat;}
.bp-wc .ceo-info.ceo5  {background:url(/img/section/bp/wc/ceo-img5.jpg) left 60px no-repeat;}
.bp-wc .ceo-info.ceo6  {background:url(/img/section/bp/wc/ceo-img6.jpg) left 60px no-repeat;}
.bp-wc .ceo-info.ceo7  {background:url(/img/section/bp/wc/ceo-img7.jpg) left 60px no-repeat;}
.bp-wc .ceo-info .name {margin-top:199px;}
.bp-wc .ceo-info h3 {height:42px;color:#103376;font-weight:bold; line-height:28px;}
.bp-wc .ceo-info h3 p {color:#999;font-family:'Arial';font-weight:normal;letter-spacing:-1px;}
.bp-wc .cp-info {overflow:hidden}

/*홈페이지 인재개발제도 2016-10-11 신욱상  (박성진대리님)*/
.wh-content h4 {margin-top:40px;}
.wh-content dl {margin-top:15px; display:inline-block; padding-left:230px; height:220px;}
.wh-content dl dt {font-size:16px; color:#069eea; margin-top:13px; font-weight:bold; letter-spacing:-1px;}
.wh-content dl dt:first-child {margin-top:0 !important;} 
.wh-content dl dd {font-size:15px; color:#333; margin-top:10px; font-weight:bold; letter-spacing:-1px;}
.wh-content .wh-content-sub1 {background:url(/img/section/bp/wh-img1.png) no-repeat;}
.wh-content .wh-content-sub2 {background:url(/img/section/bp/wh-img2.png) no-repeat;}
.wh-content .wh-content-sub3 {background:url(/img/section/bp/wh-img3.png) no-repeat;}

/* 2019.05.15 TWO CHAIRS 웹진 css 수정 90156515 조지인(양희대과장님) */
#container.snb-padding{width:950px !important; margin:0 auto;}
.gallery-list-bp.two_chairs{border:none; padding:30px 0 10px; width:100%; overflow:hidden; position:relative; height:640px; margin-top:20px;}
.gallery-list-bp.two_chairs ul{width:980px; position:absolute; top:0; left:50%; margin-left:-490px; height:100%;}
.gallery-list-bp.two_chairs ul li{float:left; width:174px; margin:0 0 50px 20px;}
.gallery-list-bp.two_chairs ul li > div{border:none;}
.gallery-list-bp.two_chairs ul li p{height:42px; padding:12px 0 12px 7px; color:#555; border:none;}
.gallery-list-bp.two_chairs ul li p span{text-align:left;n}
.gallery-list-bp.two_chairs ul li p a{font-size:14px; font-weight:bold; color:#555; padding: 0 7px 0 0px; min-width:18px;}
.gallery-list-bp.two_chairs ul li p a em{color:#000; display:block;}
.gallery-list-bp.two_chairs ul li p em{color:#555; display:block; font-size:18px; font-weight:bold;}  
.view-contest-img dt{border:none;}
.search-zone.mb70{margin-top:0;}
#two_chairs_info{text-align:center;}
#two_chairs_info .info-r{width:980px; margin:0 auto; float:none;}
#two_chairs_info .info-r dl.info-txt{float:right; margin-top:25px;}

/* 2019.06.26 은행소개 윤리경영 css 수정 90156515 조지인 (윤호영대리님) */
#content .eth_man ul.list_num li,#content1 .eth_man ul.list_num li{position:relative; padding: 20px 0;}
#content .eth_man ul li p.num,#content1 .eth_man ul li p.num{position:absolute; left:0; top:0; font-size: 16px;}
#content .eth_man ul li p.info,#content1 .eth_man ul li p.info{position: absolute; left: 25px; top: 0;}
#content .eth_man ul li,#content .eth_man ul li p,#content1 .eth_man ul li,#content1 .eth_man ul li p{font-size:14px; }
#content .eth_man ul.dot_list li,#content .eth_man .dot_point,#content1 .eth_man .dot_point,#content1 .eth_man ul.dot_list li{margin: 0; padding-left: 9px; letter-spacing: -1px; line-height: 22px; background: url(/img/section/bp/bul_circle_gray.gif) no-repeat 0 13px; font-size:14px; line-height:30px;}
#content .eth_man .info_under ul li,#content1 .eth_man .info_under ul li{margin-left:10px}
#content .eth_man .info_under,#content1 .eth_man .info_under{margin-top:20px;}
#content .eth_man .bx-doctrine,#content .eth_man .under_lineb,#content1 .eth_man .bx-doctrine,#content1 .eth_man .under_lineb{border-bottom: 2px solid #009ae6; background: url(/img/section/bp/bg_doctrine.gif) 637px center no-repeat;}

/* 2019.10.04 은행소개 ceo메세지 css 수정 20800743 조지인 (양희대과장님) */
#content .bx-ceo-me{background-size: contain;}

/* 2020.03.20 채용제도 css 수정 20800743 조지인 (허수연대리님) */
#container.snb-padding .list-pro-bp.clearfix li{width:134px;}
#container.snb-padding .list-pro-bp li.sixth{width:144px;}
#container.snb-padding .list-pro-bp li dl{margin-left: 12px;}
#container.snb-padding .list-pro-bp li.first dl{margin-left: 0px;}
#container.snb-padding .list-pro-bp li:last-child{float: right;}
#container.snb-padding .list-pro-bp li.sixth dl{background: url(/img/section/bp/img_re06_new.gif) 100% 0 no-repeat; margin-left:5px;} 
#container.snb-padding .list-pro-bp li.fifth dl{width:100px;}

/* 2020.04.21 접근성수정 20800743 조지인  */
.bbs-top-area.mb30 .img + .for-common-bbs a h3{line-height:32px;}
.bx-history ul.list-in-history div strong{background: url(/img/section/bp/bg_history_num.png) 0 0 no-repeat; width: 50px; height: 50px;}

/* 2020.05.26 인터넷 환경경영 페이지css수정 20800743 조지인 (박성진대리님) */
.bx-eco-me{position:relative; padding: 0; height: 480px; background: url(/img/section/bp/bg_eco_main_200526.png) 100% 0 no-repeat; background-size: contain; margin-top: -78px;}
.bx-eco-me p img{width:600px; position: absolute; left: 0; top: 110px;}
.bx-eco-me .list-ceo-me ul{margin-top: 250px; margin-left: 20px;}
.bx-eco-me .list-ceo-me ul li dl dd{font-size: 15px; color: #555; line-height: 26px;}
.bx-eco-me .color_gray{color:#282828;}

/* 2021.03.12 접근성수정 20800743 조지인  */
.js-tab.tabType1 li.first > h2 > a{position: relative;}
.js-tab.tabType1 li.first.on.line_bottom > h2 > a:after{content:''; display:block; position:absolute; left:0; top:17px; width:100%; height:1px; background:#222222;}
.js-tab.tabType1 li.first > h3 > a{position: relative;}
.js-tab.tabType1 li.first.on.line_bottom > h3 > a:after{content:''; display:block; position:absolute; left:0; top:22px; width:100%; height:1px; background:#222222;}

.list-history-bar ul.add_line li{position:relative;}
.list-history-bar ul.add_line li.on a:after{content:''; display:block; position:absolute; left:50%; margin-left:-20px; top:17px; width:40px; height:1px; background:#009aee;}
.list-history-bar ul.add_line li.q1.on a:after{content:''; display:block; position:absolute; left:0; margin-left:-4px; top:17px; width:40px; height:1px; background:#009aee;}

/* 2022.05.09 접근성수정 20800743 조지인  */
.js-tab.tabType1 li a.js-tab-header {color:#777777;}

/* 2023.02.07 투자정보 하단 css추가   */
.bp_contents.main03 .conts_top.re_style .bx01 {float:left; width:310px; margin-right:50px;position:relative;}
.bp_contents.main03 .conts_top.re_style .bx01 .date-rp{font-size:12px; color:#777777; vertical-align:middle; position:absolute; right:0; letter-spacing:0; line-height:26px}
.bp_contents.main03 .conts_top.re_style .bx01 li{margin:0; padding-left:9px; letter-spacing:-1px;line-height:22px; background: url(/img/section/bp/bul_circle_gray.gif) no-repeat 0 13px}
.bp_contents.main03 .conts_top.re_style .bx01 li a{font-size:14px;color:#333333}
.bp_contents.main03 .conts_top.re_style .more a {position: absolute; right: 0; top: 17px; font-size:11px !important; font-family:dotum; color:#8a8a8a !important}

/* 2023.05.08 접근성 관련 투자정보 하단 css추가   */
.list-history-bar .list-year div.year{float:left;width:88px;height:58px;text-align:center;height:58px;line-height:58px;top:0;padding-bottom:0}
.list-history-bar.for-pamphlet .list-year div.year{width:155px}
.activity-area .thum-list li .thum p.img a {width:299px; height:176px;margin-top:2px;}
.activity-area .thum-list li .thum p.img a img{width:299px; height:176px;}

/* 2023.09.05 상생금융 페이지 수정css */
.pb_info *{box-sizing:border-box;letter-spacing:-0.08em;}
.pb_info .top_txt{font-size:14px;font-weight:400;line-height:22px;color:#555;}
.pb_info .top_txt span{font-weight:700;}
.pb_info .top_cont{width:480px;height:120px;margin:0 auto;text-align:center;border:1px solid #c4cbd3;margin-top:48px;}
.pb_info .top_cont strong{font-size:24px;font-weight:700;line-height:38px;color:#555;margin:16px 0 10px}
.pb_info .top_cont p{font-size:18px;font-weight:700;line-height:28px;color:#555;height:28px;margin:10px 0 17px}
.pb_info .top_cont span{color:#017acd;}
.pb_info .top_cont .line{width:346px;height:1px;background:#c4cbd3;margin:0 67px;}
.pb_info .main_cont{width:314px;height:789px;margin-right:4px;float:left;border:1px solid #d5dbe3;}
.pb_info .main_cont ul li:first-child{text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:48px;height:48px;padding:0;}
.pb_info .main_cont ul li:first-child::after, .main_cont ul li:last-child::after{content:none !important;}
.pb_info .main_cont ul li{padding:26px;height:247px;position:relative;}
.pb_info .main_cont ul li:after {content:'';border:1px dashed #c4cbd3;width:262px;margin:0 auto;display:block;position:absolute;bottom:0;}
.pb_info .main_cont ul li .cont_title{font-size:18px;font-weight:700;line-height:28px;}
.pb_info .main_cont ul li .cont_txt{font-size:14px;font-weight:400;line-height:22px;color:#555;width:100%;margin-top:6px}
.pb_info .main_cont ul li .right{position:absolute;right:26px;bottom:26px;}
.pb_info .main_cont ul li button{padding:0 7px;border:1px solid #c9ced4;background:#fefefe;font-size:11px;font-weight:400;line-height:23px;color:#555;border-radius:2px;position:absolute;left:26px;bottom:26px;}
.pb_info .main_cont ul li .number{font-size:22px;font-weight:700;line-height:22px;color:#222;letter-spacing:0}
.pb_info .main_cont ul li .number span{font-size:14px;}
.pb_info  button a{color:#555; font-size:11px;}
.pb_info .right{text-align:right;}
.pb_info .cont_btm p{position:relative; text-align:end; top:5px; font-size:14px; font-weight:400; color:#555;}

/* 2024.05.13 ESG거버넌스 페이지 개선css */
@font-face {
    font-family:'Wooridaum';
    font-style:normal;
    font-weight:400;
    src:url(font/WooridaumB.woff2) format('woff2'),
        url(font/WooridaumB.woff) format('woff'),
        url(font/WooridaumB.eot) format('eot');
}
.ESG_new_ST #container h2 {font-size:24px;font-weight:700;letter-spacing:-1.1px;color:#000;height:auto;line-height:normal;margin-top:40px;margin-bottom:24px;} 
.ESG_new_ST .title{font-size:18px;font-weight:700;letter-spacing:-1.1px;color:#000;padding-bottom:16px !important;top:0 !important}
.ESG_new_ST .cont_txt{font-size:14px;font-weight:400;letter-spacing:-1px;color:#333;line-height:22px;}
.ESG_new_ST .down_con{border:1px solid #d5dbe3;padding:24px;border-radius:6px;}
.ESG_new_ST .down_con button{border:1px solid #d5dbe3;background-color:#f2f5f9;padding:8px 16px;border-radius:5px;box-sizing:border-box;height:38px;}
.ESG_new_ST .down_con button span{font-size:14px;color:#333;font-weight:700;line-height:22px;}
.ESG_new_ST .down_con button span:after{content:'';width:16px;height:16px;background:url(/img/section/bp/download_240523.png)no-repeat center / 100%;display:inline-block;margin:3px 0 3px 4px;vertical-align:bottom;} 
.ESG_new_ST .down_con p{font-size:14px;font-weight:400;color:#686e75;}
.ESG_new_ST .cont_txt strong{font-weight:700;}
.ESG_new_ST .cont_box{background-color:#f7f9fc;padding:32px;margin-top:24px;border-radius:6px;}
.ESG_new_ST .cont_box ul{padding-left:16px;}
.ESG_new_ST .cont_box strong,.ESG_new_ST .cont_box ul li{line-height:22px !important;margin-top:4px;background-size:2px;letter-spacing:-1.2px;}
.ESG_new_ST .mt16{margin-top:16px !important}
.ESG_new_ST .btm_right .date{font-size:15px;font-weight:400;line-height:21px;color:#333;font-family:'Roboto';}
.ESG_new_ST .btm_right .color_f{font-size:24px;font-weight:400;line-height:32px;color:#195889;margin-top:8px;font-family:'Wooridaum';}
.ESG_new_ST .down_con.none_icon button span:after{content:none;}

/* 2024.07.19 상생금융 페이지 수정css */
.pb_info.js-tab ul li{height:37px !important;}
.pb_info .title{font-size:18px;font-weight:700;line-height:24px;color:#000;margin:24px 0 16px;}
.pb_info .top_cont1{width:100%;margin-top:48px;}
.pb_info .left_txt{font-size:15px;font-weight:700;line-height:24px;color:#000;border-top:1px solid #c4cbd3;width:186px;vertical-align:top;}
.pb_info .top_textbox1{display:inline-block;width:568px;height:70px;border-radius:48px;background:#0e77c8;padding:8px 120px;text-align:center;font-size:14px;font-weight:700;line-height:27px;color:#fff;}
.pb_info .top_textbox2{display:inline-block;width:568px;height:70px;border-radius:48px;background:#1490ef;padding:8px 120px;text-align:center;font-size:14px;font-weight:700;line-height:27px;color:#fff;}
.pb_info .mid_cont{position:absolute;left:50%;transform:translateX(-50%);top:22px;text-align:center;color:#333;}
.pb_info .mid_cont .btn_link{padding:0 7px;border:1px solid #c9ced4;background:#fefefe;font-size:11px;font-weight:400;line-height:23px;color:#555;border-radius:2px;position:absolute;left:50%;transform:translateX(-50%)}
.pb_info .mid_tit{font-size:24px;font-weight:700;line-height:38px;margin-bottom:10px}
.pb_info .mid_sub_tit{font-size:15px;font-weight:700;line-height:24px;width:350px;border-top:1px solid #c4cbd3;padding-top:10px}
.pb_info .mid_txt{font-size:14px;font-weight:400;line-height:27px;margin-bottom:10px;}
.pb_info .mid_txt_strong{font-size:22px;font-weight:700;line-height:22px;}
.pb_info .main_con{width:186px;height:480px;margin-right:5px;float:left;border:1px solid #d5dbe3;}
.pb_info .main_con li:first-child,.main_con1 li:first-child{text-align:center;color:#fff;font-size:15px;font-weight:700;line-height:24px;height:40px;padding:8px 0;}
.pb_info .main_con ul li:after,.main_con1 ul li div:after{content:'';border:1px dashed #c4cbd3;width:154px;margin:0 auto;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.pb_info .main_con ul li:first-child::after, .main_con ul li:last-child::after,.main_con1 ul li:first-child::after, .main_con1 ul li:last-child div::after{content:none !important;}
.pb_info .main_con strong,.main_con1 strong{font-size:15px;font-weight:700;line-height:24px;margin:16px 0 6px}
.pb_info .main_con ul li,.main_con1 ul li{font-size:13px;font-weight:400;line-height:20px;color:#555;position:relative;}
.pb_info .main_con .btn_link,.main_con1 .btn_link{padding:0 7px;border:1px solid #c9ced4;background:#fefefe;font-size:11px;font-weight:400;line-height:23px;color:#555;border-radius:2px;position:absolute;bottom:16px}
.pb_info .main_con1{width:377px;height:480px;margin-right:5px;float:left;border:1px solid #d5dbe3;}
.pb_info .main_con1 ul li:nth-child(2):after {content:'';border:1px dashed #c4cbd3;width:346px;margin:0 auto;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.pb_info .main_con1 ul li div{width:186px;height:185px;float:left;font-size:13px;font-weight:400;line-height:20px;color:#555;padding-left:16px;}
.pb_info .main_con ul li:nth-child(3) div,.main_con1 ul li:nth-child(3) div{height:185px;padding-left:16px;}
.pb_info .main_con ul li:nth-child(4) div,.main_con1 ul li:last-child div{height:205px;padding-left:16px;}

/* 2024.10.04 녹색채권 페이지 수정css */
.green .img_area{width:285px;margin-right:50px}
.green .img_area img{width:100%}
.green .text_area .info_tit{font-size:20px;color:#009ae6;font-weight:700;letter-spacing:-1.1px;padding-bottom:20px !important;height:auto;top:0}
.green .text_area .txt1{font-size:13px;color:#333;font-weight:400;letter-spacing:-1px;line-height:22px}
.green .text_area .txt2{font-size:13px;color:#333;font-weight:700;letter-spacing:-1px;line-height:22px}
.green .w470{width:470px;padding:16px 30px;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;position:relative;}
.green .w470 .title{font-size:16px;color:#000;font-weight:700;letter-spacing:-1.1px;padding-bottom:12px !important;;height:auto;top:0;margin-top:7.5px;}
.green .btn_down{padding:1px 7px;border:1px solid #d5dbe3;box-sizing:border-box;border-radius:5px;background:#f2f5f9;font-size:12px;color:#333;font-weight:700;letter-spacing:-1.1px;line-height:20px;margin-bottom:7.5px;}
.green .ico{position:absolute;top:16px;right:30px;width:72px;height:72px;}

/* 2024.11.04 상생금융 페이지 수정css */
.pb_info.tab1.js-tab.esg_banking_tab > ul{display:flex;}
.pb_info.tab1.js-tab.esg_banking_tab > ul > li{flex:1;margin-right:0;}
.pb_info.tab1.js-tab.esg_banking_tab > ul > li > a{font-size:14px !important;line-height:18px;font-weight:700;}
.pb_info.tab1.js-tab.esg_banking_tab > ul > li{border-right:none;}
.pb_info.tab1.js-tab.esg_banking_tab > ul > li:last-child{border-right:solid 1px #cdcdcd;}
.pb_info_contains.esg_banking_container .esg_banking_sub_tab li{position:relative;display:inline-block;padding:6px 15px 6px 6px;}
.pb_info_contains.esg_banking_container .esg_banking_sub_tab li a{font-size:14px;line-height:16.8px;font-weight:700;}
.pb_info_contains.esg_banking_container .esg_banking_sub_tab li.on a{color:#01a0f1;text-decoration:underline;}
.pb_info_contains.esg_banking_container .esg_banking_sub_tab li:after{content: '';position: absolute;right:0;width:1px;height:12px;background:rgba(0,0,0,.2);top:8px;}
.pb_info_contains.esg_banking_container .esg_banking_sub_tab li:last-child:after{content:none;}

.pb_info.esg_banking_container .bg_bl{padding:32px 0;text-align:center;}
.pb_info.esg_banking_container .bg_bl.img_box{border:1px solid #d5dbe3;margin:24px 0;border-radius:10px;}
.pb_info.esg_banking_container .bg_bl.img_box .mt24{margin-top:24px;}
.pb_info.esg_banking_container .btn_link{padding:7px 16px;border:1px solid #d5dbe3;background:#fff;font-size:14px;font-weight:700;line-height:18px;color:#333;border-radius:5px;}
.pb_info.esg_banking_container .badge{padding:4px 12px 4px 12px;border-radius:100px;vertical-align:middle;text-align:center;display:inline-block;margin-right:4px;background:#e7f2ff;}
.pb_info.esg_banking_container .badge em{font-size:12px;line-height:16px;font-weight:700;letter-spacing:-.75px;color:#1056c3}
.pb_info.esg_banking_container .board-list-1 td{padding:12px 8px !important;font-size:14px;font-weight:700;color:#333;line-height:18.62px;vertical-align:middle;}

#cont2.pb_info.esg_banking_container .btn-40c{height:40px;line-height:40px;font-size:17px;padding:0 27px 0;border-radius:30px;color:#fff;font-weight:bold;background:linear-gradient(to bottom, rgba(0,160,236,1), rgba(2,137,220,1));border:none;cursor:pointer;text-decoration:none;letter-spacing:-0.6px}
#cont2.pb_info.esg_banking_container .main_cont_wrap{height:auto;margin-bottom:8px;background:#f7f9fc;padding:20px 16px;border-radius:6px;min-height:632px;}
#cont2.pb_info.esg_banking_container .main_cont{width:295.33px;height:auto;margin-bottom:40px;margin-right:16px;border:none;}
#cont2.pb_info.esg_banking_container .main_cont .title_wrap{width:100%;height:40px;padding:6px 0;margin-bottom:12px;position:relative;}
#cont2.pb_info.esg_banking_container .main_cont .title{font-size:20px;font-weight:700;line-height:28px;letter-spacing:-0.6px;margin:0 0 2px 0;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-g{color:#0b996d;padding-left:42px;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-b{color:#2d73df;padding-left:36px;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-p{color:#854ccc;padding-left:36px;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-g:before{background:url(/img/section/bp/img_esg_ordinary.png) no-repeat;background-size:100%;content: '';width:24px;height:20px;position:absolute;left:10px;top:10px;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-b:before{background:url(/img/section/bp/img_esg_youth.png) no-repeat;background-size:100%;content: '';width:20px;height:20px;position:absolute;left:8px;top:10px;}
#cont2.pb_info.esg_banking_container .main_cont .title.c-p:before{background:url(/img/section/bp/img_esg_soho.png) no-repeat;background-size:100%;content: '';width:20px;height:20px;position:absolute;left:8px;top:10px;}
#cont2.pb_info.esg_banking_container .main_cont ul li{background:#fff;border-bottom:2px solid #f2f4f6;box-sizing:border-box;height:180px;position:relative;padding:0}
#cont2.pb_info.esg_banking_container .main_cont ul li a{width:100%;height:100%;padding:24px;}
#cont2.pb_info.esg_banking_container .main_cont ul li:after{display:none;}
#cont2.pb_info.esg_banking_container .main_cont ul li:first-child{border-radius:16px 16px 0 0;text-align:left;line-height:normal;height:180px;}
#cont2.pb_info.esg_banking_container .main_cont ul li:last-child{border-radius:0 0 16px 16px;border-bottom:none;}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box{position:absolute;bottom:24px;}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge{padding:2px 12px 2px 12px;border-radius:100px;vertical-align:middle;text-align:center;display:inline-block;margin-right:4px;float:left}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge em{font-size:11px;line-height:16px;font-weight:700;letter-spacing:-.75px;}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge.type_green{background:#edf8ee;}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge.type_green > em{color:#008566}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge.type_blue{background:#f2f5f9;}
#cont2.pb_info.esg_banking_container .main_cont ul li .badge_box .badge.type_blue > em{color:#1056c3}
#cont2.pb_info.esg_banking_container .main_cont ul li .cont_title{color:#151c22;font-weight:700;letter-spacing:-1px;line-height:22.5px;font-size:15px;}
#cont2.pb_info.esg_banking_container .main_cont ul li .cont_txt{color:#4c5459;font-weight:400;letter-spacing:-1.72px;line-height:24px;font-size:15px;;margin-top:10px;}
#cont3.pb_info.esg_banking_container .tab3_title{font-weight:700;font-size:17px;line-height:25.5px;text-align:center;color:#333;margin-bottom:24px;}
#cont3.pb_info.esg_banking_container .movie-area{text-align:center;margin-bottom:40px;}
#cont3.pb_info.esg_banking_container .icon_list_m .icon_list_cont{padding:26px 124px 26px 32px;border-radius:10px;position:relative;width:469px;height:188px;}
#cont3.pb_info.esg_banking_container .icon_list_m .icon_list_cont.con1{background:#f2ecff;margin-right:12px;}
#cont3.pb_info.esg_banking_container .icon_list_m .icon_list_cont.con2{background:#ebf8fc;}
#cont3.pb_info.esg_banking_container .icon_list_m .icon_list_cont .right_icon{position:absolute;width:72px;height:72px;right:32px;top:26px;}
#cont3.pb_info.esg_banking_container .icon_list_m .title{margin:0;color:#333;font-size:20px;font-weight:700;letter-spacing:-1.5px;line-height:30px;}
#cont3.pb_info.esg_banking_container .icon_list_m .txt{color:#555;font-size:14px;font-weight:400;letter-spacing:-0.6px;line-height:22px;margin-top:32px;}
#cont3.pb_info.esg_banking_container .icon_list_s{margin-bottom:45px;padding-top:24px;}
#cont3.pb_info.esg_banking_container .icon_list_s .icon_list_cont{width:308.67px;border:1px solid #d5dbe3;padding:20px 84px 20px 30px;border-radius:10px;position:relative;margin-right:12px;}
#cont3.pb_info.esg_banking_container .icon_list_s .icon_list_cont .title{margin:0;color:#333;font-size:16px;font-weight:700;letter-spacing:-1.5px;line-height:27px;}
#cont3.pb_info.esg_banking_container .icon_list_s .txt{color:#555;font-size:14px;font-weight:400;letter-spacing:-0.6px;line-height:22px;margin-top:4px;}
#cont3.pb_info.esg_banking_container .icon_list_s .left_icon{position:absolute;width:48px;height:48px;right:20px;top:20px;}
#cont3.pb_info.esg_banking_container .icon_btm .icon_list_cont{height:80px;border:1px solid #d5dbe3;padding:16px 32px 16px 88px;border-radius:10px;position:relative;}
#cont3.pb_info.esg_banking_container .icon_btm .title{margin:0;color:#333;font-size:18px;font-weight:700;letter-spacing:-1.5px;line-height:27px;position:absolute;left:88px;transform:translateY(-50%);top:50%}
#cont3.pb_info.esg_banking_container .icon_btm .left_icon{position:absolute;width:48px;height:48px;left:32px;top:16px;}
#cont3.pb_info.esg_banking_container .icon_btm .icon_arrow{width:10px;height:17px;position:absolute;right:44px;transform:translateY(-50%);top:50%}
#cont3.pb_info.esg_banking_container .tb-title{font-size:20px;font-weight:700;line-height:24px;letter-spacing:-0.6px;color:#4c4c4c;margin-bottom:24px;}
#cont3.pb_info.esg_banking_container .btn-pack.w200 a,#cont3.pb_info.esg_banking_container .firefox.btn-pack.btn-type-3c{height:34px;padding:0 38px 0 38px;line-height:34px !important;}
 
html.scroll_lock {overflow-y:hidden;}
.recommendation-pop.pop-wrap{background:url(/img/common/etc/shadow_deep.png) repeat !important;}
.recommendation-pop .Recommendation_container{position:fixed;left:50%;transform:translate(-50%,-50%);width:500px;background:#fff;top:50%;z-index:8002;letter-spacing:-1px;}
.recommendation-pop .Recommendation_container .layer_header{position:relative;padding:14px 20px;background:#0083cd;}
.recommendation-pop .Recommendation_container .layer_header .txt_layerTitle{font-size:18px;line-height:24px;letter-spacing:-1px;font-weight:700;color:#fff;}
.recommendation-pop .Recommendation_container .layer_header .btn_closeLayer{position:absolute;top:15px;right:18px;overflow:hidden;width:20px;height:20px;box-sizing:border-box;}
.recommendation-pop .Recommendation_container .layer_header .btn_closeLayer::after{content:'';position:absolute;left:50%;top:50%;display:block;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/img/common/login/img_login_btn_Faceauth_close.png) no-repeat;background-position:center;background-size:20px auto;transition:all .2s;}
.recommendation-pop .Recommendation_container .layer_body{text-align:center;margin:0 24px;}
.recommendation-pop .Recommendation_container .layer_footer{margin:0 24px;}
.recommendation-pop .Recommendation_container .btn-34c{height:34px;line-height:34px;font-size:14px;padding:0 30px 0;border-radius:30px;color:#fff;font-weight:bold;background:linear-gradient(to bottom, rgba(0,160,236,1), rgba(2,137,220,1));border:none;cursor:pointer;text-decoration:none;letter-spacing:-0.6px}
.recommendation-pop .Recommendation_container .btn-34{height:34px;line-height:34px;font-size:14px;margin-right:8px;padding:0 30px 0;border-radius:30px;color:#000;font-weight:bold;background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(236,236,236,1));border:1px solid #d3d3d3;cursor:pointer;text-decoration:none;letter-spacing:-0.6px}

#Recommendation .Recommendation_container .layer_body .img_center{width:200px;height:100px;padding-top:12px;margin:0 auto;}
#Recommendation .Recommendation_container .layer_body .img_center > img{width:100%;}
#Recommendation .Recommendation_container .layer_body .pop_info_content{margin-top:10px;border:1px solid #d5dbe3;border-radius:10px;padding:32px;text-align:left;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_title{font-size:16px;line-height:20.8px;letter-spacing:-1px;font-weight:700;color:#333;margin-bottom:16px;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_title em{color:#1056c3 !important;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_txt{font-size:14px;line-height:21px;letter-spacing:-1px;font-weight:400;color:#333;margin-bottom:8px;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_title em{color:#1056c3 !important;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_txt em{color:#1056c3 !important;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_txt_sub{font-size:14px;line-height:21px;letter-spacing:-1px;font-weight:400;color:#333;margin-bottom:8px;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_txt_sub em{color:#1056c3 !important;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_footnote{padding-left:16px;position:relative;font-size:14px;line-height:21px;letter-spacing:-1px;font-weight:400;color:#555;}
#Recommendation .Recommendation_container .layer_body .pop_info_content .pop_footnote:after{content:'※';position:absolute;left:0;top:0;display:block;width:8px;height:8px;}
#Recommendation .Recommendation_container .layer_body .law_abiding{font-size:13px;line-height:17.29px;font-weight:400;color:#555;margin-top:8px;text-align:left;}
#Recommendation .Recommendation_container .border-bottom{padding-bottom:24px;width:100%;border-bottom:1px dotted #d5dbe3;padding-top:8px;}
#Recommendation .Recommendation_container .layer_footer input[type=checkbox] + span{font-size:14px;line-height:21px;font-weight:400;color:#333;margin-top:8px;text-align:left;} 

#My_recommendation .Recommendation_container{width:600px;position:fixed;overflow-y:auto;margin-left:-300px;top:50%;transform:none;margin-top:-310px;overflow-x:hidden;}
#My_recommendation .Recommendation_container .layer_header{position:fixed;width:600px;left:50%;margin-left:-300px;top:50%;transform:none;margin-top:-310px;z-index:8100;box-sizing:border-box;}
#My_recommendation .Recommendation_container .layer_body{text-align:left;position:relative;margin:0;padding:84px 24px 128px;}
#My_recommendation .Recommendation_container .layer_body .nst_title_h5 .q_num{width:100%;color:#0087e7;font-size:13px;line-height:17.29px;font-weight:700;}
#My_recommendation .Recommendation_container .layer_body .nst_title_h5 .q_txt{width:100%;color:#333;font-size:16px;line-height:20.8px;font-weight:700;letter-spacing:-1px;margin-bottom:12px;}
#My_recommendation .Recommendation_container .layer_body .nst_selection{width:100%;height:64px;display:flex;}
#My_recommendation .Recommendation_container .layer_body .nst_selection li{flex:1;border:1px solid #d5dbe3;border-radius:10px;margin-right:12px;padding:16px;position:relative;}
#My_recommendation .Recommendation_container .layer_body .nst_selection li.select{border:1px solid #0087e7;background:#eff8ff;}
#My_recommendation .Recommendation_container .layer_body .nst_selection li > label{color:#333;font-size:14px;font-weight:700;letter-spacing:-1.1px;line-height:32px;}
#My_recommendation .Recommendation_container .layer_body .nst_selection li:last-child{margin-right:0;}
#My_recommendation .Recommendation_container .layer_body .nst_selection input[type=radio]{display:none;}
#My_recommendation .Recommendation_container .layer_body .nst_selection li label{-webkit-appearance:none; appearance:none; -moz-appearance:none;width:100%;height:100%}
#My_recommendation .Recommendation_container .layer_body .nst_selection li label::after{content:'';position:absolute;width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%);background:url(/img/section/bp/ico_esg_check_ghost_default_off.png) no-repeat;background-size:24px;display:block}
#My_recommendation .Recommendation_container .layer_body .nst_selection input[type=radio]:checked+label::after{background:url(/img/section/bp/ico_esg_check_ghost_default_on.png) no-repeat;background-size:24px;display:block}
#My_recommendation .Recommendation_container .layer_body .mt32{margin-top:32px;}
#My_recommendation .Recommendation_container .layer_footer{opacity:0;margin:0;width:600px;position:fixed;left:50%;height:0;margin-left:-300px;background:#fff;margin-top:-30px;}
#My_recommendation .Recommendation_container .layer_footer.Height{height:78px;opacity:1;bottom:0;position:absolute;}

#MY_recommendation_info .Recommendation_container{width:640px;position:fixed;}
#MY_recommendation_info .Recommendation_container .layer_body{padding:20px;margin:0;text-align:left;box-sizing:border-box;}
#MY_recommendation_info .Recommendation_container .pop_title{font-size:16px;font-weight:700;color:#333;line-height:24px;letter-spacing:-0.6px;}
#MY_recommendation_info .Recommendation_container .info_cont{border:1px solid #d5dbe3;box-sizing:border-box;border-radius:8px;}
#MY_recommendation_info .Recommendation_container .info_cont .top_con{min-height:169px;width:100%;background:#eff8ff;text-align:center;padding:20px 0;box-sizing:border-box;border-radius:8px 8px 0 0;}
#MY_recommendation_info .Recommendation_container .info_cont .top_con .top_con_title{font-size:22px;font-weight:700;color:#333;line-height:33px;letter-spacing:-0.6px;margin-bottom:12px;}
#MY_recommendation_info .Recommendation_container .info_cont .top_con .top_con_text{font-size:16px;font-weight:400;color:#4c5459;line-height:24px;letter-spacing:-0.6px;}
#MY_recommendation_info .Recommendation_container .info_cont .top_con .info_tag{font-size:13px;font-weight:700;line-height:20px;color:#000;letter-spacing:-0.75px;height:24px;border-radius:100px;padding:2px 12px;background:#fff;vertical-align:middle;box-sizing:border-box;margin-bottom:12px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con{width:100%;background:#fff;padding:16px 20px;box-sizing:border-box;border-radius:0 0 8px 8px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con .btm_con_title{font-size:14px;font-weight:700;color:#333;line-height:22px;letter-spacing:-1px;margin:8px 0 4px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con .btm_con_title_info{font-size:13px;font-weight:400;color:#555;line-height:19.5px;letter-spacing:-1px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con table{width:100%;border:none;margin-top:12px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con table th em{font-size:13px;font-weight:700;color:#555;line-height:16.9px;letter-spacing:-1px;}
#MY_recommendation_info .Recommendation_container .info_cont .btm_con table td p{font-size:13px;font-weight:400;color:#333;line-height:19.5px;letter-spacing:-1px;height:20px;}
#MY_recommendation_info .Recommendation_container ul{position:relative;width:100%;left:0;margin:0}
#MY_recommendation_info .Recommendation_container ul li{background:url(/img/common/etc/bu_notice11.gif) no-repeat;background-position:left 10px;padding-left:9px;font-size:13px;font-weight:400;color:#555;line-height:19.5px;letter-spacing:-1px;}
#MY_recommendation_info .Recommendation_container .tag_wrap{text-align:center;}
#MY_recommendation_info .Recommendation_container .tag_wrap .info_tag_g{color:#008566 !important}
#MY_recommendation_info .Recommendation_container .tag_wrap .info_tag_b{color:#1056c3 !important}
#MY_recommendation_info .Recommendation_container .tag_wrap .info_tag + .info_tag{margin-left:4px;}

#MY_recommendation_re .Recommendation_container .layer_body{padding:20px;margin:0;text-align:left;}
#MY_recommendation_re .Recommendation_container .pop_title{font-size:16px;font-weight:700;color:#333;line-height:24px;letter-spacing:-1px;}
#MY_recommendation_re .Recommendation_container .re_text{font-size:14px;font-weight:400;color:#333;line-height:21px;letter-spacing:-1px;}
#MY_recommendation_re .Recommendation_container .re_text-c{font-size:14px;font-weight:400;color:#1056c3;}

#recommendation_info .Recommendation_container{width:950px;position:fixed;left:50%;transform:translate(-50%, -50%);background:#fff;top:50%;margin-left:0;height:95%;}
#recommendation_info .Recommendation_container .layer_container{height:100%;overflow-x:hidden;}
#recommendation_info .Recommendation_container .layer_body{padding:24px 25px 40px;margin:0;text-align:left;box-sizing:border-box;}
#recommendation_info .Recommendation_container .pop_title{font-size:16px;font-weight:700;color:#333;line-height:22px;letter-spacing:-0.8px;margin-bottom:24px;} 
#recommendation_info .Recommendation_container .cont_title{font-size:18px;font-weight:700;color:#333;line-height:23.4px;letter-spacing:-1px;padding-left:12px;position:relative;} 
#recommendation_info .Recommendation_container .cont_title:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:17px;background-color:#000}
#recommendation_info .Recommendation_container .cont_box{border:1px solid #d5dbe3;padding:16px 20px;margin-top:12px;background:#fafafa;border-radius:8px;}
#recommendation_info .Recommendation_container .cont_box p{font-size:15px;font-weight:400;color:#555;line-height:19.5px;}
#recommendation_info .Recommendation_container .text-c{color:#1056c3;}
#recommendation_info .Recommendation_container .text-c a{color:#1056c3; font-weight:bold; font-size:15px}

#recommendation_info .Recommendation_container  ul li{font-size:15px;font-weight:400;color:#333;line-height:22.5px;padding-left:14px;}
#recommendation_info .Recommendation_container .text-type1{font-size:13px;font-weight:400;color:#555;line-height:19.5px;}
#recommendation_info .Recommendation_container .text-type2{font-size:13px;font-weight:400;color:#333;line-height:18.62px;margin-top:24px;}
#recommendation_info .Recommendation_container .mt32{margin-top:32px;}
#recommendation_info .Recommendation_container .text-i{text-indent:-13px;padding-left:27px;}

#login_info .Recommendation_container{width:auto;position:fixed;left:50%;transform:translate(-50%, -50%);background:#fff;top:50%;margin-left:0;height:95%;}
#login_info .Recommendation_container .layer_container{height:100%;overflow-x:hidden;}
#login_info .Recommendation_container .layer_body{padding:30px 25px;margin:0;box-sizing:border-box;text-align:left;width:920px;}
#login_info .Recommendation_container .layer_body .txt_1{font-size:14px;font-weight:400;line-height:21px;letter-spacing:-1px;color:#707070}
#login_info .Recommendation_container .layer_body .txt_2{font-size:18px;font-weight:700;line-height:23.4px;letter-spacing:-1px;color:#121517}
#login_info .Recommendation_container .layer_body .border_cont1{border:1px solid #d5dbe3;border-radius:6px;padding:24px 0;text-align:center;}
#login_info .Recommendation_container .layer_body .bg_wrap{background:#f8f8f8;position:relative;height:453px;text-align:left;box-sizing:border-box;padding-bottom:34px}
#login_info .Recommendation_container .layer_body .bg_wrap .bg_cont{padding:32px 37px;box-sizing:border-box;width:50%;float:left}
#login_info .Recommendation_container .layer_body .bg_wrap .bg_line{position:absolute;width:1px;height:284px;top:32px;left:435px;background:#d5dbe3}
#login_info .Recommendation_container .layer_body .bg_wrap .btm_cont{padding-left:38px;}
#login_info .Recommendation_container .layer_body .QR_box{width:174px;height:180px;padding:26px;border:1px solid #dee2e6;background:#fff;border-radius:6px;float:left;box-sizing:border-box;margin-top:21px;}
#login_info .Recommendation_container .layer_body .QR_box + .QR_box{margin-left:12px;}
#login_info .Recommendation_container .layer_body .QR_box p{font-size:14px;font-weight:700;color:#121517;line-height:18.2px;text-align:center;}
#login_info .Recommendation_container .layer_body .QR_box ul{padding:12px 0 16px;}
#login_info .Recommendation_container .layer_body .QR_box ul li{font-size:13px;font-weight:400;line-height:19.5px;letter-spacing:-1px;padding-bottom:4px;height:20px;}
#login_info .Recommendation_container .layer_body .QR_box a{border:1px solid #d5dbe3;background-color:#f2f5f9;padding:7px 16px 9px 16px;border-radius:5px;box-sizing:border-box;height:34px;margin-right:12px;letter-spacing:-0.5px;float:left}
#login_info .Recommendation_container .layer_body .QR_box a span{font-size:14px;color:#333;font-weight:700;line-height:18px;}

.pb_info .main_cont ul li .info_txt{padding:2px 8px;background:#d5dbe3;font-size:13px;letter-spacing:-0.75px;line-height:20px;font-weight:500;color:#333a40;font-family:'Noto Sans CJK KR';}
.pb_info .main_cont ul li .cont_txt{margin-top:5px;}