@import url("layout.css");
/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 03. 10.

YHY : 2011202 웹접근성 명도대비 수정
-------------------------------------------------*/

/*지도 건너뛰기 201217 */
#skipMap {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px}
#skipMap a{display:block; text-align:center; width: 100%; line-height:0px;	font-size:0px}
#skipMap a:focus, #skipNav a:hover, #skipNav a:active{position:absolute; left:0px; top:1000px; padding: 8px 0; display:block; height:30px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff}


#header {position: relative; top: auto; left: auto; z-index: 9999;}
/* 251127 순차적 구조 나중에 롤백 */
.locationWrap {position: relative; height: 60px; background: #f3f3f3; z-index: 11;}
.locationWrap .container {position: absolute; top: 0;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.location .home,
.location a {display: inline-block; padding: 0 1rem; line-height: 60px; color: #666;}
.location a {width: 100%; white-space: nowrap;}
.location .home,
.location .depth1 {float: left;}
.location .home i {margin-right: 0.5rem; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 1rem; color: #fff; background: #666; border-radius: 50%;}

.location .depth1 {position: relative; transition: all .25s ease; -webkit-transition: all .25s ease;}
.location ul {padding-top: 60px;}
.location li {width: 100%; min-width: 290px; height: 60px; opacity: 0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease;}/* 200518 */
.location li.active {position: absolute; top: 0; left: 0; opacity: 1; visibility: visible;}
.location li.active > a {position: relative; padding: 0 3rem; color: #000;}
.location li.active > a:before {position: absolute; top: 0; left: 1rem; font-family: 'xeicon'; content: "\e940";}
.location li.active > a:after {position: absolute; top: 0; right: 1rem; font-family: 'xeicon'; content: "\e936";}
.location .depthWrap{display: flex;}
.location .depth1Wrap,
.location .depth2Wrap,
.location .depth3Wrap {position: relative;}
.location .depth1 > li.active .depth2,
.location .depth2 > li.active .depth3 {opacity: 1; visibility: visible;}
.location .depth1,
.location .depth2,
.location .depth3 {display:none; position: relative;top: 0;height: 0;}
.location .depth1.on,
.location .depth2.on,
.location .depth3.on {display:block;}
.location .depth1.open,
.location .depth2.open,
.location .depth3.open {height: auto;}
.location .depth1.open > li,
.location .depth2.open > li,
.location .depth3.open > li {opacity: 1; visibility: visible; background: rgba(57,60,69,0.63);}
.location .depth1.open > li > a,
.location .depth2.open > li > a,
.location .depth3.open > li > a {color: #fff;}
.location .depth1.open > li.active > a:after,
.location .depth2.open > li.active > a:after,
.location .depth3.open > li.active > a:after {content: "\e930";}

/* // 251127 순차적 구조 나중에 롤백 */

.shareWrap {position: absolute; top: 0; right: 0;}
.shareWrap > li {position: relative; float: left;}
.shareWrap a {display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 1rem;}
.shareWrap > li > a {color: #7f7f7f;}
.shareWrap > li > a.share {position: relative;}
.shareWrap > li > a.share:after {position: absolute; left: 0; top: 20px; width: 1px; height: 1rem; background: #ccc; content: "";}
.shareWrap > li > a:hover,
.shareWrap > li > a.active {color: #000;}
.shareWrap a.facebook {color: #fff; background: #1a3d95;}
.shareWrap a.twitter {color: #fff; background: #1da1f2;}
.shareWrap a.kakaotalk {font-size: 25px; color: #3c1e1e; background: #fae301;}
.shareWrap a.kakaostory {font-size: 22px; color: #fff; background: #fbcb00;}
#shareList {position: absolute; left: 0; top: 60px; display: none;}
#shareList a {height: 60px; line-height: 60px;}
#shareList a:focus {border:2px solid #fff; outline-offset:3px !important;} /*20240909 웹접근성*/

/* ========================================== 컨텐츠 레이아웃 */

#contents {position:relative; padding: 1.5rem 0;}
#contents:after {clear: both; display: block; width: 100%; content: "";}
#contents .container{max-width:100%;}

.titleH2 {width:100%; max-width:1400px; margin:0 auto 1.5rem; padding-bottom: 1.5rem; font-size:2rem; font-weight:500; color:#111; text-align: center; border-bottom: 4px solid #ebebea;}

.subCont{position:relative; width:100%; max-width:1400px; margin:0 auto;}
.subCont:after{content:""; display:block; clear:both;}
.subContFull{width:100%;}
.subContFull:after{content:""; display:block; clear:both;}
.subBgGray {background:#f8f8f8; padding:3rem 0; overflow:hidden;}

/* ========================================== 서브 컨텐츠 */

.hdwork { display:inline-block; width:20px; height:20px; background:url('/images/web/cu/sub/btn_insurance.png'); vertical-align:middle; margin-left:0.2rem;}

/* animation */
.mtBox *[class*="mot"]{opacity:0; transition:all .5s ease-out; -webkit-transition:all .5s ease-out;}
.mtBox *[class*="mot"][class$="-left"]{transform:translateX(-30px); -webkit-transform:translateX(-30px);}
.mtBox *[class*="mot"][class$="-right"]{transform:translateX(30px); -webkit-transform:translateX(30px);}
.mtBox *[class*="mot"][class$="-top"]{transform:translateY(-30px); -webkit-transform:translateY(-30px);}
.mtBox *[class*="mot"][class$="-bottom"]{transform:translateY(30px); -webkit-transform:translateY(30px);}
.mtBox *[class*="mot"][class$="-line"]{ height:0; }
.mtBox.active *[class*="mot"]{opacity:1;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;}
.mtBox.active *[class*="mot1"]{ transition-delay:0s; -webkit-transition-delay:0s; }
.mtBox.active *[class*="mot2"]{ transition-delay:.45s; -webkit-transition-delay:.45s; }
.mtBox.active *[class*="mot3"]{ transition-delay:.9s; -webkit-transition-delay:.9s; }
.mtBox.active *[class*="mot4"]{ transition-delay:1.1s; -webkit-transition-delay:1.1s; }
.mtBox.active *[class*="mot5"]{ transition-delay:1.45s; -webkit-transition-delay:1.45s; }
.mtBox.active *[class*="mot6"]{ transition-delay:1.9s; -webkit-transition-delay:1.9s; }
.mtBox.active *[class*="mot"][class$="-left"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
.mtBox.active *[class*="mot"][class$="-right"]{transform:translateX(0px); -webkit-transform:translateX(0px);}
.mtBox.active *[class*="mot"][class$="-top"]{transform:translateY(0px); -webkit-transform:translateY(0px);}
.mtBox.active *[class*="mot"][class$="-bottom"]{transform:translateY(0px); -webkit-transform:translateY(0px);}
.mtBox.active *[class*="mot"][class$="-line"]{ height:78px; }

/* 0201 중앙회장인사말 */
.grtWrap{position:relative; padding-left:600px;}
.grtWrap .grtImgBox{position:absolute; left:0; top:0;}
.grtWrap .grtImg{position:relative; padding:40px;}
.grtWrap .grtImg img{position:relative; width:475px; height:574px; z-index:1;}
.grtWrap .grtImg .name span{display:inline-block;padding:15px 60px 15px 15px;color: #333;font-size:0.8rem;background:#efbf4a url('/images/web/cu/sub/grt_mark.png') no-repeat 95% 10px;} /*211222 접근성 수정*/
.grtWrap .grtImg .name span strong{font-weight:600; font-size:1rem;}
.grtWrap .grtImg .bg{position:absolute; left:0; top:0; width:270px; height:270px; z-index:0;
	background: #006fba; /* Old browsers */
	background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 ); /* IE6-9 */}
.grtWrap .grtCont{color:#000;}
.grtWrap .grtCont h3{font-size:5rem;line-height:1.2;color: #0d96c7;text-align:right;letter-spacing:-2px;margin:1rem 0 0;} /*230822명도대비 수정*/
.grtWrap .grtCont h4{font-size:2.5rem; color:#111; letter-spacing:-1px; line-height:1.2; font-weight:400; margin:1.5rem 0;}
.grtWrap .grtCont h4 strong{font-weight:600;}
.grtWrap .grtCont .txt{font-size:0.8rem; word-break: keep-all; } 


@keyframes icoAni{
	0%  {}
	3%  { top:-20px; transform:rotate(5deg);}
	6%  { top:0; transform:rotate(0deg);}
	9%  { top:-20px; transform:rotate(5deg);}
	12% { top:0; transform:rotate(0deg);}
  }
@keyframes icoAniShadow{
	0%  {}
	3%  { width:60%; margin-right:0%; background:#f9f9f9;;}
	6%  { width:50%; margin-right:5%; background:#eee;}
	9%  { width:60%; margin-right:0%; background:#f9f9f9;}
	12% { width:50%; margin-right:5%; background:#eee;}
}
/* 0202_1 신협이념 */
.ideFull{ position:relative; width:100%; padding:3rem 0; }
.ideFull::before{content:""; position: absolute; left:0; bottom:0; width:100%; height:100%; 
	background: #dfecfb; /* Old browsers */
	background: -moz-linear-gradient(left, #dfecfb 0%, #f6ecc8 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #dfecfb 0%,#f6ecc8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #dfecfb 0%,#f6ecc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfecfb', endColorstr='#f6ecc8',GradientType=1 ); /* IE6-9 */} 
.ideFull .img{width:48%; float:left;}
.ideFull .img img{width:100%; height:auto;}
.ideFull .txt{width:48%; float:right; word-break:keep-all;}
.ideFull .txt h3{font-size:2.2rem; color:#111; padding:1.5rem 0; line-height:1.2; font-weight:200; letter-spacing:-1px;}
.ideFull .txt h3 strong{font-weight:400;}
.ideFull .txt p{font-size:0.85rem;}
.ideWrap .ico{position:absolute; right:0; top:-100px;} 
.ideWrap .ico img{position:relative; top:0; animation: icoAni 10s ease infinite; z-index:1;}
.ideWrap .ico span{display:block; width:50%; height:20px; float:right; margin-right:5%; margin-top:-10px; border-radius:50%; background: #eee; animation: icoAniShadow 10s ease infinite;}
.ideWrap h3{text-align:center; padding:3rem 0; word-break:keep-all;}
.ideBox::after{content:""; display:block; clear: both;}
.ideBox .ideTit{position:relative; text-align:center; letter-spacing:-0.5px; z-index:1;}
.ideBox .ideTit h4{ position:relative; width:90%; max-width:420px; margin:0 auto; font-size:1.4rem; color:#fff; line-height:1.2; padding:1.5rem 0.5rem; font-weight:400; border-radius:50px;
	background: #006fba; /* Old browsers */
	background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 ); /* IE6-9 */}
.ideBox .ideTit h4::before{content:url('/images/web/cu/sub/ide_arr01.png'); position:absolute; left:-11px; top:50%; margin-top:-17px;}
.ideBox .ideTit h4::after{content:url('/images/web/cu/sub/ide_arr02.png'); position:absolute; right:-11px; top:50%; margin-top:-17px;}
.ideBox .ideTit .sub{position:absolute; left:50%; top:180px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.ideBox .ideTit .sub h5{font-size:1.4rem; font-weight:400; margin:0 0 10px;}
.ideBox .ideTit .sub p{font-size:0.9rem;font-weight:200;color: #111;}
.ideBox .ideTit .sub strong{font-weight:400; color:#666; }
.ideBox .valueCont{position:relative; width:525px; padding:6.5rem 0 0; margin-top:-45px;}
.ideBox .valueCont:before{content:""; position: absolute; left:50%; top:0; width:1px; height:50%; background:#9a9a9a;}
.ideBox .valueCont::after{content:""; position: absolute; top:0%; width:50%; height:1px; background:#9a9a9a; }
.ideBox .valueCont.flL::after{right:0;}
.ideBox .valueCont.flR::after{left:0;}
.ideBox .flL{float:left;}
.ideBox .flR{float:right;}
.ideBox dl{position:relative; text-align:center; }
.ideBox dl dt{ position:absolute; left:50%; top:50%; display:table; width:305px; height:265px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); z-index:1;}
.ideBox dl.value01 dt{background:url('/images/web/cu/sub/ide_bg01.png') no-repeat center; background-size:cover;}
.ideBox dl.value02 dt{background:url('/images/web/cu/sub/ide_bg02.png') no-repeat center; background-size:cover;}
.ideBox dt span{display:table-cell; vertical-align:middle; color:#ccc; font-size:0.7rem;  }
.ideBox dt span em{display:block; color:#fff; font-size:1.1rem; }
.ideBox dd{position:relative; width:100%; height:485px; margin:0 auto; z-index:0;}
.ideBox ul li{ position:absolute; width:130px; height:130px; display:table; border-radius:50%; z-index:0;}
.ideBox ul li p{display:table-cell; vertical-align:middle; padding:0 15px; word-break:keep-all; font-size:0.9rem; line-height:1.2; }
.ideBox ul li p span{display:block;font-size:0.6rem;font-weight:200;color: #666;line-height:1.1;margin-top:5px;font-weight: bold;}
.ideBox dl.value01 ul li{background:#e0eff5; }
.ideBox dl.value02 ul li{background:#fbf4dc; }
.ideBox dl.value01 ul li.vl1{left:32%; top:0; transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.ideBox dl.value01 ul li.vl2{right:32%; top:0; transform:translateX(50%); -webkit-transform: translateX(50%);}
.ideBox dl.value01 ul li.vl3{right:0; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%);}
.ideBox dl.value01 ul li.vl4{right:32%; bottom:0; transform:translateX(50%); -webkit-transform: translateX(50%);}
.ideBox dl.value01 ul li.vl5{left:32%; bottom:0; transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.ideBox dl.value01 ul li.vl6{left:0%; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%);}
.ideBox dl.value02 ul li.vl1{left:7%; top:30%; transform:translateY(-50%); -webkit-transform: translateY(-50%);}
.ideBox dl.value02 ul li.vl2{right:7%; top:30%; transform:translateY(-50%); -webkit-transform: translateY(-50%);}
.ideBox dl.value02 ul li.vl3{left:7%; bottom:30%; transform:translateY(50%); -webkit-transform: translateY(50%);}
.ideBox dl.value02 ul li.vl4{right:7%; bottom:30%; transform:translateY(50%); -webkit-transform: translateY(50%);}
.teskBox{ margin:5rem 0; padding:0 3rem; background:url('/images/web/cu/sub/ideTesk_bg.png') no-repeat center top; overflow:hidden; color:#000;}
.teskBox h3{color:#fff; font-weight:400;}
.teskBox dl{width:48%; border-radius:50px; margin:0 1%; float:left; background:#fff; padding:2rem; text-align:center;} 
.teskBox dt{position:relative; font-size:1.2rem; padding:0 0 4rem; margin:0 0 1rem; background:url('/images/web/cu/sub/ide_dot.png') no-repeat center bottom; z-index:1;}
.teskBox dt::before{content:""; position: absolute; left:50%; bottom:8px; width:1px; height:3rem; background:#000; z-index:0;}
.teskBox dd ul li{width:33.33%; float:left;}
.teskBox dd ul li p{width:120px; height:120px; display:table; margin:0 auto; border-radius:50%;}
.teskBox dd ul li p span{display:table-cell; vertical-align:middle; padding:0 10px; font-size:0.85rem; line-height:1.3; font-weight:200; word-break:keep-all; color:#fff;}
.teskBox dd ul li.tk1 p{background: #0076a2;}
.teskBox dd ul li.tk2 p{background:#0884c6;}
.teskBox dd ul li.tk3 p{background:#1d9ec5;}

/* 0202_2 운영원칙 */
.operPrn ol li{padding:1rem 0 0.5rem 14rem; border-top:1px dashed #ddd; color:#000;}
.operPrn ol li:first-child{border-top:0;}
.operPrn ol li p{position: absolute; left:0; top:0.5rem; width:14rem; height:2.4rem; display:table; font-size:0.85rem; color:#006fba; line-height:1.2rem; letter-spacing: -0.5px; font-weight:500; word-break:keep-all;} 
.operPrn ol li p em{display:table-cell; vertical-align:middle; font-size:1.1rem; padding-left:2.5rem; }
.operPrn ol li span.num{top:50%; margin-top:-1em;}

/* 0202_3 미션과 비전 */
.misnBox, .misnList, .visnBox{word-break:keep-all;}
.misnBox .titBox{position:relative; width:100%; height:490px; color:#fff; text-align:center; background:url('/images/web/cu/sub/misn_bg.png') no-repeat center; background-size:cover;}
.misnBox .titBox h3{position:relative; height:100%; margin-right:450px; font-size:3rem; line-height:1.3; font-weight:200; text-shadow: 1px 1px 6px black;} /*211222 접근성 컬러 수정*/
.misnBox .titBox h3 span{position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.misnBox .titBox h3 span:before{content:""; width:100%; height:20px; display:block; background:url('/images/web/cu/sub/misn_dot.png') no-repeat center; }
.misnBox .titBox .bkBox{position: absolute; width:450px; height:100%; right:0; top:0; font-weight:200; padding:5rem; background:rgba(0,0,0,0.5);}
.misnBox .titBox .bkBox:before{content:""; position: absolute; left:10%; top:10%; width:80%; height:80%; border:1px solid #897d73;}
.misnBox .titBox .bkBox h4{letter-spacing:5px; font-size:1.5rem; font-weight:200;}
.misnBox .titBox .bkBox .ico{margin:2rem 0;}
.misnList .list{width:100%; max-width:1400px; margin:0 auto;}
.misnList .list ul{ margin:0 -1%; overflow:hidden;}
.misnList .list ul li{position:relative; width:31.33%; height:300px; padding:2.2rem 2.2rem 0; margin:1%; background:#fff; float:left; text-align:center; color:#545a66; line-height:1.6;}
.misnList .list ul li p{ font-size:2.2rem; font-family: 'Titillium Web'; color:#111; line-height:1.2; margin:0 0 15px;}
.visnBox .titBox{position:relative; width:100%; height:490px; padding:2rem 0; color:#fff; text-align:center; background:url('/images/web/cu/sub/visn_bg.png') no-repeat center; background-size:cover;}
.visnBox .titBox::before{content:""; position: absolute; left:50%; top:10%; width:100%; max-width:1400px; height:80%; border:1px solid #aea795;  transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.visnBox .titBox .wrap{position:absolute; left:50%; top:50%; max-width:1400px; margin:0 auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-shadow: 1px 1px 6px black;} /*211222 접근성 컬러 수정*/
.visnBox .titBox h3{ font-size:3rem; line-height:1.3; font-weight:200;}
.visnBox .titBox h3:before{content:""; width:100%; height:20px; display:block; background:url('/images/web/cu/sub/misn_dot.png') no-repeat center; }
.visnBox .titBox p{font-size:1rem; margin:1rem 0 0;}
.visnBox .visnDc{position:relative; width:100%; max-width:1400px; margin:0 auto; color:#111; font-weight:300; font-size:0.9rem; line-height:1.4;}
.visnBox .visnDc::after{content:""; display:block; clear: both;}
.visnBox .visnDc p{position:relative; width:50%; height:160px; display:table; float:left; text-align:center; word-break: keep-all;}
.visnBox .visnDc p.dc01:before{content:""; position: absolute; left:-100%; top:0; width:200%; height:100%; background:#f4c263; z-index:-1;}
.visnBox .visnDc p.dc02:before{content:""; position: absolute; right:-100%; top:0; width:200%; height:100%; background:#faba42; z-index:-1;}
.visnBox .visnDc p span{display:table-cell; vertical-align: middle; padding:0 4rem;}
.visnBox .visnDc p span strong { font-size:1.2rem; font-weight:600; }
.visnBox .list{width:100%; max-width:1400px; margin:3.5rem auto; border-top:2px solid #faba42; overflow:hidden;}
.visnBox .list dl{position:relative; padding:1.5rem 0; border-bottom:1px dashed #ccc;}
.visnBox .list dt{position: absolute; left:0; top:1.5rem; width:430px; text-align:center; padding:0 3rem; font-size:1rem;  line-height:1.3;}
.visnBox .list dt span{ display:block; font-size:2.2rem; font-family: 'Titillium Web'; color:#111; line-height:1.2; margin:0 0 10px;}
.visnBox .list dd{display:table; margin-left:430px; min-height:115px; color:#545a66; line-height:1.7;}
.visnBox .list dd p{display:table-cell; vertical-align:middle;}

/* 0202_4 핵심가치 */
.crvalue { position:relative; min-height:15rem; }
.crvalue h3 { font-size:2rem; color:#666; font-weight:100; line-height:1.25; letter-spacing:-3px; word-break:keep-all; padding-top:4rem; } /* 211222 접근성 컬러 수정*/
.crvalue h3 span { font-weight:400; }
.crvalue .titBox { position:absolute; top:550px; left:50%; display:block; transform:translateX(-50%); -webkit-transform:translateX(-50%); text-align:center; z-index:3; }
.crvalue .titBox2 { display: none; }
.crvalue .titBox strong,.crvalue .titBox2 strong  { font-family: 'Titillium Web'; color:#0b56a7; font-weight:700; line-height:1; font-size:4rem; text-transform: uppercase; }
.crvalue .titBox p, .crvalue .titBox2 p { color:#000; font-size:2rem; font-weight:500; }
.crvalue .titBox span, .crvalue .titBox2 span { display:block; width:1px; height:0; background:#000; margin:1rem auto 0; transition:all 0.6s ease; -webkit-transition:all 0.6s ease; transition-delay: 0.7s;}
.crvalue .titBox i, .crvalue .titBox2 i { display:block; width:0.5rem; height:0.5rem; opacity:0; background:#0b56a7; border-radius:50%; margin:0 auto; transition:all 0.6s ease; -webkit-transition:all 0.6s ease;  transition-delay: 1.3s; }
.crvalue.active .titBox span, .crvalue.active .titBox2 span { height:2.5rem; }
.crvalue.active .titBox i, .crvalue.active .titBox2 i { opacity:1; }
.crvalue .titBox em, .crvalue .titBox2 em { display:block; width:7.5rem; height:6.6rem; background:url("/images/web/cu/sub/cv_logo.png") no-repeat; background-size: contain; margin:2rem auto 0; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;  transition-delay: 1.3s; }
.crvalue.active .titBox em, .crvalue.active .titBox2 em { opacity:1; }
.crvalue .valueBox { position:relative; }
.crvalue .valueBox .img { width:23.25rem; }
.crvalue .valueBox .img img { width:100%; height:auto; }
.crvalue .valueBox .txtBox { position:absolute; width:17.8rem; height:10.25rem; padding:1.5rem 2rem; background:#fff; overflow:hidden;}
.crvalue .valueBox .txtBox h4 { color:#000; font-size:1.5rem; font-weight:500; line-height:1; }
.crvalue .valueBox .txtBox h5 { font-family: 'Titillium Web'; font-size:1.5rem; color:#000; font-weight:100; line-height:1; }
.crvalue .valueBox .txtBox h5 strong { color:#0b56a7; font-weight:600; }
.crvalue .valueBox .txtBox p { color:#555; font-size: 0.8rem; margin:0.5rem 0 0.2rem; line-height:1.2; word-break: keep-all; } /*211222 접근성 컬러 수정*/
.crvalue .value1 { float:right; margin-top:-8rem; }
.crvalue .value1 .txtBox { bottom:0; left:-2.5rem; }
.crvalue .value2 { float:left; margin-top:4rem; margin-bottom:-6rem; z-index:2; }
.crvalue .value2 .txtBox { bottom:0; right:-2.5rem; }
.crvalue .value3 { float:right; }
.crvalue .value3 .txtBox { top:0; left:-2.5rem; }
.crvalue .value4 { float:left; margin-top:12rem; }
.crvalue .value4 .txtBox { top:0; right:-2.5rem; }
.crvalue2 { padding-bottom:4rem; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition-delay: 0.5s; }
.crvalue2 .subCont{ padding:0; }
.crvalue2:before { content:''; position:absolute; width:100%; height:0; background:#f8f8f8; transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out; }
.crvalue2.active:before { height:100%; }

/* 0202_5 신협CI */
.subCont.ciInfo{padding:2rem 0px;}
.ciInfo .ciBox{padding:3rem 2rem; margin:2rem 0; font-size:0; line-height:0; text-align:center; border:1px solid #ccc; background:url('/images/web/cu/sub/ci_pttrn.gif');}
.ciInfo .ciBox p{width:25%; padding:0 0.5rem; display:inline-block; }
.ciInfo .ciBox.w50 p{width:50%;}
.ciInfo .ciBox p img{width:auto; max-width:100%; height:auto;}
.ciInfo .ciBox p span{display:block; font-size:0.9rem; line-height:1.3; margin:1.5rem 0 0;}
.ciInfo .ciClr{overflow:hidden;}
.ciInfo .ciClr li{width:50%; float:left; margin:0.7rem 0;}
.subCont.clrInfo{width:96%; max-width:1400px; background:#fff; margin:0 auto 2rem; text-align:center; padding:2rem 3rem; font-family:'Titillium Web'; overflow:hidden;}
.clrInfo dl{display:inline-block; margin:1rem; color:#000; }
.clrInfo dt{display:block; margin:0 0 1rem; font-size:1.2rem; font-weight:600; letter-spacing: -1px;}
.clrInfo dd li{width:200px; margin-left:20px; float:left; }
.clrInfo dd li:first-child{margin-left:0;}
.clrInfo dd li > p{display:table; width:100%; height:200px;}
.clrInfo dd li > p.clr_m01{background:#d8a100;}
.clrInfo dd li > p.clr_m02{background:#0056a7;}
.clrInfo dd li > p.clr_m03{background:#00afd5;}
.clrInfo dd li > p.clr_s01{background:url('/images/web/cu/sub/clrInfo_s01.png') no-repeat; background-size:100% 100%;}
.clrInfo dd li > p.clr_s02{background:url('/images/web/cu/sub/clrInfo_s02.png') no-repeat; background-size:100% 100%;}
.clrInfo dd li > p span{display:table-cell; vertical-align:middle; color:#fff; font-size:1.2rem;}
.clrInfo dd li > p.clr_m01 span, .clrInfo dd li > p.clr_m03 span {color:#000;} /*211222 접근성 컬러 수정*/
.clrInfo dd li > p.clr_s01 span, .clrInfo dd li > p.clr_s02 span{color:#000;}
.clrInfo dd li h4{margin:10px 0; font-size:0.9rem; text-align:left; font-weight:400;}
.clrInfo dd li .code{width:50%; float:left; text-align:left;}
.subCont.fontInfo{width:96%; max-width:1400px; margin:0 auto 2rem; text-align:center; padding:2.5rem 2rem; background:#fff;}
.subCont.fontInfo p.fsimg{margin:0 0 20px;}
.fontInfo dl{width:100%; max-width:600px; text-align:left; margin:0 auto; font-size:1rem; color:#000;}
.fontInfo dl.font01{margin:0 auto 2rem;}
.fontInfo dl.font01 dd span{display:inline-block; vertical-align:bottom; padding:0 0 40px 5px;}
.fontInfo dt {margin:0 0 10px;}
.fontInfo dd img{width:auto; height:auto; max-width:100%;}

/* 0202_6 홍보동영상 */
.prmtVideo .videoWrap { position:relative; width:40%; height:330px; float:left; }
.prmtVideo .videoWrap video { width:100%; height:100%; }
.prmtVideo .videoCont { position:relative; width:55%; height:330px; float:right; }
.prmtVideo .videoCont dl { padding:0.8rem 0 0.5rem; width:100%; height:auto; overflow: hidden; }
.prmtVideo .videoCont dl dt { width:5rem; font-size:2rem; line-height:2rem; font-weight:600; color:#000; float:left; }
.prmtVideo .videoCont dl dd { width:calc(100% - 5rem); color:#1756b3; line-height:2.3rem; font-size:1.1rem; float:left; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.prmtVideo .videoCont .line_dot { margin-bottom:1rem; padding-top:1rem;}
.prmtVideo .videoCont .v_con { width:100%; height:125px; border:1px solid #dadbdd; padding:1rem; overflow-y:auto; }


/* 0203_1 신협 */
.titBox_st1 { position:relative; margin-bottom:4rem;}
.titBox_st1 .titWrap { position:relative; width:100%; max-width:1400px; margin:0 auto; padding:4.5rem 0; color:#fff; }
.titBox_st1 .titWrap h3 { position:absolute; left:5rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:174px; height:174px; line-height:174px; font-weight:200; font-size:2.2rem; text-align:center; border:1px solid #dadbdd; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; z-index:2; }
.titBox_st1 .titWrap .titBox { position:relative; padding:0 2rem 0 17rem; word-break:keep-all; z-index:2; }
.titBox_st1 .titWrap .titBox h4 { font-weight:500; font-size:1.75rem; margin-bottom:15px; line-height:1.3; }
.titBox_st1 .titWrap .titBox p { font-weight:200; font-size:1.1rem; }
.titBox_st1 .imgBg { position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:1; }
.titBox_st1 .txtBox { position:relative; width:100%; max-width:1400px; margin:0 auto; background:#fff; padding:3rem; z-index:3; word-break: keep-all; } 
.titBox_st1 .txtBox p { line-height:1.8; }
.aboutCU .img { display:block; width:35%; float:left; }
.aboutCU .img img { max-width:100%; }
.aboutCU .txt { width:60%; float:right; padding-bottom:4rem; }
.aboutCU .txt h4 { font-weight:500; font-size:1.75rem; color:#000; margin-bottom:20px; }
.aboutCU .txt p { color:#545a66; word-break:keep-all; }
.aboutCU .slogan { width:40rem; float:right; font-weight:100; font-size:2.5rem; color:#666; line-height:1; } /*211222 접근성 컬러 수정*/
.aboutCU .slogan .right { float:right; } 
.aboutCU .slogan strong { font-weight:800; font-size:4rem; }
.abtcView h3 { width:100%; max-width:1400px; margin:3rem auto 0; }
.abtcView .subBgGray div { width:100%; max-width:1400px; margin:0 auto; }
.abtcView .txt { width:100%; max-width:1400px; margin:0 auto; }
.abtcView .txt p { color:#545a66; }
.titBox_st2 { position:relative; min-height:275px; }
.titBox_st2 .titWrap { position:relative; width:100%; max-width:1400px; height:auto; overflow:hidden; margin:0 auto; padding:4rem 0; color:#fff; z-index:2; }
.titBox_st2 .titWrap h3 { width:20%; font-weight:500; font-size:1.75rem; float:left; }
.titBox_st2 .titWrap .titBox { width:75%; float:right; word-break:keep-all; }
.titBox_st2 .titWrap .titBox h4 { font-size:1.4rem; font-weight:200; margin-bottom:15px; }
.titBox_st2 .titWrap .titBox p { font-size:0.9rem; font-weight:200; }
.titBox_st2 .imgBg { position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:100%; z-index:1; }
.titBox_st2 .imgBg img { height:100%; }
.contBox .tit { word-break:keep-all; }
.contBox .contnum {display:block;font-size:2rem;color: #888;font-family:'Titillium Web';line-height:1.1;}/*230831 명도대비수정*/

/* 0203_1_3 신협의 역사 */
.histWrap { background:url('/images/web/cu/sub/bg_hist_b.png') no-repeat bottom center; padding:1rem 0 7rem; }
.histTit .titWrap { background:url('/images/web/cu/sub/bg_hist.png') no-repeat center; background-size:cover; }
.histTit .titBox{ position:relative; widtH:96%; max-width:1400px; height:auto; overflow:hidden; margin:0 auto; padding:4rem 0; color:#fff; }
.histTit .titBox h3 { width:20%; float:left; font-weight:500; font-size:1.75rem; }
.histTit .titBox .txtBox { width:80%; float:left; padding-right:470px; word-break:keep-all; }
.histTit .titBox .txtBox h4 { font-size:1.4rem; font-weight:200; }
.histTit .titBox .txtBox p { font-size:0.9rem; font-weight:200; }
.histTit .titBox .hisp { display:block; position:absolute; right:0; bottom:0; width:40%; max-width:464px; }
.histTit .titBox .hisp img { width:100%; height:auto;}
.histTit .contbox { width:96%; max-width:1400px; margin:4rem auto; word-break:keep-all; }
.histTop dl dt { display:table; width:25%; height:350px; float:left;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006fba+0,17a7db+100 */
background: #006fba; /* Old browsers */
background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 ); /* IE6-9 */}
.histTop dl dt span { display:table-cell; vertical-align:middle; font-size:1.75rem; font-weight:100; color:#fff; line-height:1.3; text-align:center; text-shadow: 2px 2px 2px rgba(0,0,0,0.13); }
.histTop dl dt span strong { font-weight:500; }
.histTop dl dd { display:table; width:75%; height:350px; background:#deecfc; float:right; }
.histTop dl dd div { display:table-cell; vertical-align:middle; padding:0 4rem 0 3rem; word-break:keep-all; }
.histTop dl dd div h3 { font-family: 'Titillium Web', 'NotoSans'; font-size:2rem; color:#006fba; line-height:1; }
.histTop dl dd div h4 { font-size:1.1rem; font-weight:500; margin:1rem 0; }
.histSub .histbox { position:relative; width:100%; max-width:1400px; height:auto; margin:0 auto; overflow:hidden; }
.histSub .histbox:before { content:""; position:absolute; left:13%; width:1px; height:100%; background:#dadbdd; }
.histSub:last-child .histbox:before { height:3.5rem; }
.histSub .histbox div { width:75%; padding:2rem 4rem 2rem 3rem; float:right; }
.histSub .histbox div h3 { font-family: 'Titillium Web'; font-size:2rem; color:#888; line-height:1; }
.histSub .histbox div h4 { font-size:1.1rem; font-weight:500; margin:1rem 0; }
.histSub .histbox .graydot { position:absolute; left:12.5%; top:3.5rem; width:15px; height:15px; border-radius:100%; background:#dadbdd; }

@keyframes icoAni2{
	0%  {}
	3%  { top:-15px; }
	6%  { top:0; }
	9%  { top:-15px; }
	12% { top:0; }
  }
@keyframes icoAniShadow2{
	0%  {}
	3%  { width:110%; height:43px; opacity:0.6; }
	6%  { width:100%; height:39px; opacity:1; }
	9%  { width:110%; height:43px; opacity:0.6; }
	12% { width:100%; height:39px; opacity:1; }
}

/* 0205_1_민원공시*/
.pbnoti > li > a { padding:0.7rem 3.5rem 0.7rem 1.5rem !important; }
.pbnoti > li > a:before, .pbnoti > li div.faq_A:before { display:none !important; }
.pbnoti > li div.faq_A { padding:1.5rem 2rem !important; }
.s_pbnoti { float:none !important; width:200px; }

/* 0301_나눔경영 */
.mngmTit { position: relative; width:100%; height:26rem; background:url('/images/web/cu/sub/bg_mngm.png') no-repeat center; }
.mngmTit .titWrap { position:absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:100%; text-align:center; }
.mngmTit .titWrap h3 { font-size:1.75rem; color:#fff; font-weight:200; line-height:1.3; padding:0 1rem; word-break: keep-all; }
.mngmTit .titWrap h3 strong { display:block; font-weight:300; font-size:2.25rem; }
.mngmTit .titWrap h3 span { font-weight:500; }
.mngmTit .titWrap h3 i { display:block; margin:0.5rem 0 1rem; }
.mngmTit .titWrap h3 em { display:block; font-weight:400; color:#ebbc32; font-size:2.25rem; }
.list_mngm { position:relative; width:100%; overflow:hidden; border-bottom:1px dashed #ccc; word-break: keep-all; }
.list_mngm dt { position:relative; width:25%; font-size:1.25rem; color:#000; line-height:1.3; font-weight:200; padding:70px 0 70px 2rem;  float:left; }
.list_mngm dt span { background:#fff;  }
.list_mngm dt .icon { position:absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right:1.2rem; z-index:-1; }
.list_mngm dd { position:relative; width:70%; padding:70px 0; float:right; }

/* 0302_7대 포용금융 */
.projTop { height:auto; overflow:hidden; background:url('/images/web/cu/sub/bg_7pj.png') no-repeat top center; }
.projTop .tit { max-width:1400px; margin:0 auto; text-align:center; padding-bottom:2.5rem; }
.projTop .tit h2 { font-size:2rem; color:#006fba; font-weight:500; }
.projTop .tit p { margin:1rem 0 2.5rem; letter-spacing:-1.5px; word-break:keep-all; }
.projTop .tit span { display:block; background:#006fba; margin:0 auto; }
.projTop .tit .dot { width:0.5rem; height:0.5rem; border-radius:50%; }
.projTop .tit .line { width:1px; }
.projCont { margin-top:2.5rem; }
.projCont .img { width:40%; float:left; text-align:center; }
.projCont .img img { width:100%; max-width:544px; }
.projCont .txt { position:relative; width:55%; float:right; }
.projCont .txt > span {position:absolute;top:0;left:0;font-family:'Titillium Web';font-weight:700;line-height:0.7;font-size: 4rem;color: #888;letter-spacing: -5px;}/*220203 접근성 명도대비 수정*/
.projCont .txt h4 { margin-top:2.8rem; }
.projCont .txt h4, .projCont .txt p { position:relative; z-index:2; word-break:keep-all; }
.projCont .right .img { float:right; }
.projCont .right .txt { float:left; }

/* 0305_사회공헌재단 안내페이지 */
.scfound { position: relative; height:auto; overflow:hidden; margin-top:3rem; word-break:keep-all; }
.scfound h4 { font-size:2rem; font-weight:200; line-height:1.2; margin-bottom:1rem; }
.scfound h4 strong { color:#0055a7; font-weight:600; }
.scfound .teskBox2 { position:relative; width:100%; max-width:53.2rem; height:auto; overflow:hidden; margin:2rem auto; }
.scfound .teskBox2 div { height:auto; overflow:hidden; }
.scfound .teskBox2 h5 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:block; width:18.5rem; height:18.5rem; border-radius:50%; padding:2.75rem;
	background: #006fba; /* Old browsers */
	background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 ); /* IE6-9 */}
.scfound .teskBox2 h5 span { display:table; width:13rem; height:13rem; background:#fff; border-radius:50%; }
.scfound .teskBox2 h5 span em { display:table-cell; vertical-align:middle; text-align:center; color:#0055a7; font-size:1.5rem; line-height:1.2; font-weight:600; }
.scfound .teskBox2 dl { position:relative; float:left; text-align:center; padding:3rem 2.5rem 2rem; margin:2rem 0; }
.scfound .teskBox2 dl.teskar { float:right; }
.scfound .teskBox2 dl.teskal:before,
.scfound .teskBox2 dl.teskar:before { content:''; position:absolute; top:50%; width:8rem; height:2px; background:#dadbdd; z-index:-1; }
.scfound .teskBox2 dl.teskal:before { right:-5.5rem; }
.scfound .teskBox2 dl.teskar:before { left:-5.5rem; }
.scfound .teskBox2 dl dt { display:table; width:9.5rem; height:9.5rem; border-radius:50%; border:2px solid #dadbdd; font-size:1.1rem; font-weight:600; margin:0 auto; }
.scfound .teskBox2 dl dt span { display:table-cell; vertical-align:middle; }
.scfound .teskBox2 dl dd ul li { position:absolute; display:table; width:5rem; height:5rem; border-radius:50%; color:#fff; }
.scfound .teskBox2 dl dd ul li span { display:table-cell; vertical-align:middle; line-height:1.2 }
.scfound .teskBox2 dl dd ul li.tk1 { top:0; left:50%; margin-left:-2.5rem; background:#193968; }
.scfound .teskBox2 dl dd ul li.tk2 { bottom:0; left:0; background:#0099b3; }
.scfound .teskBox2 dl dd ul li.tk3 { bottom:0; right:0; background:#015293; }
.scfound .logoBox { width:30%; min-width:23.5rem; padding:2.5rem 1rem; border:1px solid #ddd; text-align:center; float:left; margin-right:2rem; background:url('/images/web/cu/sub/ci_pttrn.gif'); }
.scfound .logoBox img { width:100%; max-width:340px; }


/* 0401 인재상 */
.talnt { width:100%; height:auto; background:url('/images/web/cu/sub/bg_talnt.png') no-repeat; background-size:cover; overflow:hidden; margin-bottom:5rem; }
.talnt .titWrap { position:relative; width:96%; max-width:1400px; margin:6.5rem auto; word-break:keep-all; }
.talnt .titWrap h2 { font-weight:200; color:#000; font-size:2.5rem; line-height:1.1; text-align:center; } 
.talnt .titWrap h2 span { font-weight:400; } 
.talnt .titWrap .ico { position:absolute; right:0; bottom:-100px; }
.talnt .titWrap .ico img{ position:relative; top:0; animation: icoAni2 10s ease infinite; z-index:1;}
.talnt .titWrap .ico span{ position:absolute; left:50%; bottom:-20px; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:block; width:100%; height:39px; background:url('/images/web/cu/sub/talnt_shadow.png') no-repeat; animation: icoAniShadow2 10s ease infinite; background-size:contain; }
.talntbox { position:relative; }
.talntbox .right_tit { position:relative; width:20%; float:left; word-break:keep-all; }
.talntbox .left_cont { position:relative; width:75%; float:right; word-break:keep-all; }
.talntbox .left_cont .talntList { font-size:0; }
.talntbox .left_cont .talntList li { display:inline-block; vertical-align:top; width:35%; margin-right:15%; margin-bottom:3rem; }
.talntbox .left_cont .talntList li h4 { display:block; color:#0055a7; font-weight:500; font-size:1.4rem; margin-bottom:1.5rem; }
.talntbox .left_cont .talntList li p { font-size:0.8rem; color:#000; }
.talntbox .left_cont .img { position:relative; width:927px; margin:0 auto; }
.talntbox .left_cont .img img { width:100%; }
.talntbox .left_cont dl { position:absolute; top:300px; width:36%; min-height:270px; border-radius:270px; font-weight:200; color:#fff; }
.talntbox .left_cont dl.culture1 {left:0;background: #007E84;}
.talntbox .left_cont dl.culture2 {left:32%;background: #3478c1;}
.talntbox .left_cont dl.culture3 {left:64%;background: #007193;}
.talntbox .left_cont dl dt { position:relative; text-align:center; font-size:1.1rem; word-spacing:-2px; padding:40px 10px; }
.talntbox .left_cont dl dt:after { content:''; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:20px; height:2px; background:#ffce25; }
.talntbox .left_cont dl dd { width:80%; margin:0 auto; padding-bottom:1.5rem; }
.talntbox .left_cont dl dd ul li { position:relative; padding-left:15px; }
.talntbox .left_cont dl dd ul li:before { content:''; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:100%; background:#fff; }


/* 0705_1 예금자보호제도 안내*/
.rsrvBox .titWrap { width:100%; padding:30px 0; background:#06204b url('/images/web/cu/sub/ptrn_rsrvBox.png'); text-align:center; }
.rsrvBox .titWrap span { font-weight:200; color:#fff; font-size:1.1rem; }
.rsrvBox .titWrap strong { font-weight:600; color:#e5b915; font-size:2.5rem; }
.rsrvBox h4 { font-weight:200; font-size:1.75rem; text-align:center; padding:50px 0; word-break:keep-all; }
.rsrvBox .contWrap { background:#fff; border-top:3.5rem solid #e6b917; border-bottom:3.5rem solid #e6b917; border-left:3.25rem solid #e6b917; border-right:3.25rem solid #e6b917; padding:3.25rem 2.5rem; }
.rsrvBox .contWrap div { margin-bottom:70px; }
.rsrvBox .contWrap div:last-child { margin-bottom:0; }

/* 0706_1 금융소비자보호체계 */
.img_rule { height:auto; overflow: hidden; }
.img_rule .rsp_img{ width:50% !important; float:left; }

/* 0708_3 관련서식*/
.loan_dcmt { font-size:0; text-align:center; }
.dcmt_box li { display:inline-block; width:33%; text-align:left; vertical-align:top; }
.dcmt_box li a { position:relative; display:block; width:95%; font-size:0.8rem; color:#000; margin:0 auto; padding:1.5rem 7rem 1.5rem 3.5rem; border:1px solid #d9d9d9; background:#fff; word-break:keep-all;  }
.dcmt_box li a:before { content:''; position:absolute; display:none; width:100%; height:100%; border:1px solid #057bc1; left:0; top:0; }
.dcmt_box li a .num { position:absolute; left:0.8rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block; width:2rem; height:2rem; line-height:2rem; font-family: 'Titillium Web', sans-serif; font-weight:600; color:#fff; text-align:center; border-radius:1rem; float:left; 
	background: #006fba; /* Old browsers */
	background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.dcmt_box li a .s_btn { position:absolute; right:0.8rem; top:1.3rem; display:block; float:right; font-size:0.7rem;  padding:4px 34px 4px 9px; border:1px solid #111; }
.dcmt_box li a .s_btn:before { content:''; position:absolute; right:12px; top:9px; width:13px; height:13px; }
.dcmt_box li a .viewall:before { background:url("/images/web/cu/con_com/btn_glanG_SML.png") no-repeat; }
.dcmt_box li a .download:before { background:url("/images/web/cu/con_com/btn_dwldG_SML.png") no-repeat; }
.dcmt_box li a:hover { border:1px solid #057bc1; }
.dcmt_box li a:hover:before { display:block; }
.dcmt_box li a, .loan_dcmt li a:hover { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


/* 0708_4 금융소비자보호 우수사례 */
.tb_inner { margin:0.5rem; }

/* 0708_6 금융감독원 금융정보 포털 */
.fninfo_p {border-top:2px solid #334265; }
.fninfo_p:after {content:""; display:block; clear:both;}
.fninfo_p > li  {position:relative; width:50%; height:265px; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #cecece;  font-size:14px; color:#666; float:left; word-break:keep-all; }
.fninfo_p > li span {display:block;}
.fninfo_p > li .img {position:absolute; left:0; top:0; width:294px; height:235px; background:#2e2e2e; overflow:hidden;}
.fninfo_p > li .img img { width:100%; height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.fninfo_p > li .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/images/common/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;}
.fninfo_p > li dl { position:relative; font-size:16px; color:#666; padding-left:330px; }
.fninfo_p > li dl dt {font-size:20px; line-height:40px; font-weight:500; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.fninfo_p > li a {position:absolute; left:330px; bottom:30px; width:158px; text-align:center;}

/* 0708_7_tab01 전기통신금융사기 피해예방 */
.centerNum { position:relative; height:auto; overflow:hidden; }
.centerNum dl { width:23%; float:left; border:1px solid #ddd; text-align:center; }
.centerNum dl + dl { margin-left:2.5%; }
.centerNum dl dt { padding:1rem; border-bottom:1px dashed #adadad; }
.centerNum dl dd a { display:block; height:8.5rem; background:#f8f8f8; padding:0.7rem 1.5rem 1rem; word-break:keep-all; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.centerNum dl dd a:hover, .centerNum dl dd a:focus { background:#eee; }
.centerNum dl dd span { display:block; color:#565a63; }
.centerNum dl dd i { display:block; color:#0055a7; font-size:1rem; margin-top:1rem; }
.centerNum dl dd i strong { font-size:1.2rem; }

/* 0708_3_tab6 */
.srv_btn { width:50%; margin:0 auto; }
.srv_btn a { width:48%; }

/* ========================================== 게시판 스타일 */
/* 0205_2 경영공시 */
.pbnWrap { position:relative; width:100%; margin-top:0.5rem; box-sizing:border-box; overflow:hidden;}
.pbnWrap .pbn_left { position:relative; width:30%; float:left; border:1px solid #ddd; }
.pbnWrap .pbn_left .slctWrap { width:100%; height:auto; padding:22px 30px 18px 30px; overflow:hidden; }
.slctbox{ position:relative; height:40px; background:url('/images/common/board/arrw_pbn.png') no-repeat right 9px center; border:1px solid #c8d1db; padding:0 10px; box-sizing:border-box; float:left; margin-bottom:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.slctbox::-ms-expand { display:none; }
.pbnWrap .pbn_left .slctWrap .w_33 { width:33%; margin-right:2%; }
.pbnWrap .pbn_left .slctWrap .w_65 { width:65%; }
.pbnWrap .pbn_left .slctWrap .srchbox { position:relative; width:65%; height:40px; float:left; margin-bottom:12px; }
.pbnWrap .pbn_left .slctWrap .srchbox input { width:70%; height:40px; line-height:40px; font-size:0.7rem; color:#777; border:1px solid #c8d1db; padding:0 10px; box-sizing:border-box;}
.pbnWrap .pbn_left .slctWrap .srchbox button { width:28%; height:40px; font-weight:500; color:#fff; font-size:0.75rem; background:#061d53; float:right; }
.pbnWrap .pbn_left .slctWrap p { font-size:0.75rem; padding-left:38px; line-height:30px; background:url('/images/common/board/ico_list.png') no-repeat left; float:left; }
.pbnWrap .pbn_left .srcWrap .src_list { width:100%; border-top:2px solid #00afd5; border-bottom:1px solid #d2d2d2; }
.pbnWrap .pbn_left .src_list li a { display:block; margin:0 1.5rem; padding:0.9rem 0; border-bottom:1px solid #d2d2d2; }
.pbnWrap .pbn_left .src_list li:last-child a { border-bottom:none; }
.pbnWrap .pbn_left .src_list li a span { display:block; width:100%; }
.pbnWrap .pbn_left .src_list li a .location { font-weight:500; color:#004a96; }
.pbnWrap .pbn_left .src_list li a .location strong { display:block; width:55px; line-height:20px; background:#979797; font-weight:400; font-size:13px; color:#fff; text-align:center; border-radius:55px; margin:3px 8px 0 0; float:left; }
.pbnWrap .pbn_left .src_list li a .location strong.colorY { background:#d7a30a; }
.pbnWrap .pbn_left .src_list li a:hover { text-decoration:underline; }
.pbnWrap .pbn_left .src_list li a .phone_num { font-size:0.75rem; }
.pbnWrap .pbn_left .src_list li a .phone_num strong { font-weight:500; color:#061d53; margin-right:8px; } 
.pbnWrap .pbn_left .src_list li a .address { font-size:0.7rem; color:#555;}
.pbnWrap .pbn_left .bbs_pagerB { margin-top:100px; }
.pbnWrap .pbn_right { width:70%; height:auto; overflow:hidden; float:right; box-sizing:border-box; }
.pbnWrap .pbn_right .textWrap { position:absolute; width:70%; height:100%; border:1px solid #ddd; border-left:none; }
.pbnWrap .pbn_right .text-box { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:90%; max-width:327px; text-align:center; }
.pbnWrap .pbn_right .text-box img { width:100%; margin-bottom:1rem; }
.pbnWrap .pbn_right .contWrap { padding-left:3.5rem; padding-top:0; }
.pbnWrap .pbn_right .tbl_titWrap h5 { font-size:1.2rem; font-weight:500; color:#684e00; letter-spacing:-1px; float:none; }
.pbnWrap .pbn_right .tbl_titWrap .dt_num { height:auto; overflow:hidden; margin-bottom:10px; }
.pbnWrap .pbn_right .tbl_titWrap .dt_num li { position:relative; float:left; font-weight:500; padding-right:35px; } 
.pbnWrap .pbn_right .tbl_titWrap .dt_num li:before { content:""; position:absolute; top:6px; right:17px; width:1px; height:12px; background:#5d5d5d; }
.pbnWrap .pbn_right .tbl_titWrap .dt_num li:last-child:before { display:none; }
.pbnWrap .pbn_right .boardWrap { position:relative; }
.pbnWrap .pbn_right .boardWrap .searchBox { position:absolute; right:0; top:0; width:244px; height:30px;  }
.pbnWrap .pbn_right .boardWrap .searchBox input { width:70%; height:30px; border:1px solid #d2d2d2; line-height:30px; margin-right:4px; padding:0 10px; box-sizing:border-box; float:left; }
.pbnWrap .pbn_right .boardWrap .searchBox button { width:28%; height:30px; line-height:30px; background:#061d53; font-weight:500; color:#fff; float:right; outline-style: dotted; outline-width: 2px; outline-offset: 1px; } /*230831*/
.pbnWrap .point_blue { font-weight:500; color:#004a96; }

/* 0501 신협찾기 
.pbnWrap .tab_box ul { height:85px; border-bottom:2px solid #044ca4; }
.pbnWrap .tab_box ul li { display:table; width:33.333%; height:83px; float:left; border-left:1px solid #ddd; }
.pbnWrap .tab_box ul li:first-child { border-left:none; }
.pbnWrap .tab_box ul li a { display:table-cell; vertical-align:middle; color:#9a9a9a; font-weight:500; text-align:center; }
.pbnWrap .tab_box ul li.on a { background:#044ca4; color:#fff; }
.pbnWrap .tab_box ul li.on a:hover { background:#044ca4; color:#fff; }
.pbnWrap .tab_box ul li a:hover { color:#044ca0; }
.pbnWrap .pbn_left .srcWrap2 { border-top:1px solid #ddd; }
.pbnWrap .pbn_left .srcWrap2 h5 { margin:0 1.5rem; margin-top:1rem; }
.pbnWrap .pbn_right .mapbox { position:relative; width:100%; height:530px; background:#eee; }
.pbnWrap .pbn_right .mapbox p { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:1rem; }
.pbnWrap .pbn_right a.btn_guide { display:block; width:145px; height:40px; line-height:40px; color:#fff; font-weight:500; font-size:0.75rem; text-align:center; background:#684e00; margin:2rem auto;}
.pbnWrap .pbn_right a.btn_guide:hover { background:#8a6700 }
.pbnWrap .tab_box ul li a, .pbnWrap .pbn_right a.btn_guide { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }*/
.pbnWrap .pbn_right .mapbox { position:relative; width:100%; height:530px; background:#eee; }
.pbnWrap .pbn_right .mapbox p { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:1rem; }
.pbnWrap .pbn_right a.btn_guide { display:block; width:145px; height:40px; line-height:40px; color:#fff; font-weight:500; font-size:0.75rem; text-align:center; background:#684e00; margin:2rem auto;}
.pbnWrap .pbn_right a.btn_guide:hover { background:#8a6700 }
.pbnWrap .tab_box ul li a, .pbnWrap .pbn_right a.btn_guide { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 신협찾기_수정 */
.findCU { position:relative; height:810px; border:1px solid #ddd; }
.findCU .map { position:relative; width:45%; float:left; height:100%; background:#f8f8f8; padding:2.5rem 1.5rem; }
.findCU .map .map_wrap { position:relative; }
.findCU .map ul { position:absolute; top:0; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:100%; max-width:448px; height:100%; overflow:hidden; }
.findCU .map ul li { position:absolute; font-weight:500; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
/* .findCU .map ul li.map_1 { top:18%; left:21%; }
.findCU .map ul li.map_2 { top:18%; left:29%; }
.findCU .map ul li.map_3 { top:15%; left:58%; }
.findCU .map ul li.map_4 { top:24%; left:37%; }
.findCU .map ul li.map_5 { top:40%; left:24%; }
.findCU .map ul li.map_6 { top:38%; left:33%; }
.findCU .map ul li.map_7 { top:37%; left:41%; }
.findCU .map ul li.map_8 { top:43%; left:35%; }
.findCU .map ul li.map_9 { top:45%; left:65%; }
.findCU .map ul li.map_10 { top:55%; left:28%; }
.findCU .map ul li.map_11 { top:54%; left:62%; }
.findCU .map ul li.map_12 { top:66%; left:20%; }
.findCU .map ul li.map_13 { top:63%; left:55%; }
.findCU .map ul li.map_14 { top:61%; left:77%; }
.findCU .map ul li.map_15 { top:71%; left:27%; }
.findCU .map ul li.map_16 { top:68%; left:72%; }
.findCU .map ul li.map_17 { top:92%; left:15%; } */
.findCU .map ul li.map_1 { top:18%; left:29%; }
.findCU .map ul li.map_2 { top:24%; left:37%; }  
.findCU .map ul li.map_3 { top:18%; left:21%; }
.findCU .map ul li.map_4 { top:68%; left:72%; } 
.findCU .map ul li.map_5 { top:54%; left:62%; }
.findCU .map ul li.map_6 { top:66%; left:20%; } 
.findCU .map ul li.map_7 { top:43%; left:35%; } 
.findCU .map ul li.map_8 { top:38%; left:33%; } 
.findCU .map ul li.map_9 { top:61%; left:77%; }
.findCU .map ul li.map_10 { top:15%; left:58%; }
.findCU .map ul li.map_11 { top:45%; left:65%; }
.findCU .map ul li.map_12 { top:63%; left:55%; }
.findCU .map ul li.map_13 { top:37%; left:41%; } 
.findCU .map ul li.map_14 { top:40%; left:24%; } 
.findCU .map ul li.map_15 { top:55%; left:28%; } 
.findCU .map ul li.map_16 { top:71%; left:27%; } 
.findCU .map ul li.map_17 { top:92%; left:15%; }
.findCU .map ul li a { position:relative; }
.findCU .map ul li a:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:0;height:0;background: rgba(22, 166, 218, 0.25);border-radius:50%;z-index:1;content:'';transition:all 0.3s cubic-bezier(0.22, 0.69, 0.48, 1.13);-webkit-transition:all 0.3s cubic-bezier(0.22, 0.69, 0.48, 1.13);}/* 251111 웹접근성 */
.findCU .map ul li a span { position:relative; z-index:2; }
.findCU .map ul li:hover a, .findCU .map ul li a.on {color: #0070bb;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;}/* 251118 웹접근성 추가 조치*/
.findCU .map ul li:hover a:before,.findCU .map ul li a.on:before { width:50px; height:50px; }
.findCU .map p.img { text-align:center; }
.findCU .map p.img img { max-width:448px; width:100%; }
.findCU .map select { display:none; width:100%; height:40px; margin-top:1rem; font-size:15px; line-height:40px; vertical-align:middle; border:1px solid #ccc; } 
.findCU .selectC { width:55%; float:right; padding:2.5rem 1.5rem; }
.findCU .selectC li { width:25%; float:left; margin-bottom:0.5rem; }
.findCU .selectC li a { position:relative; display:block; width:95%; height:2.25rem; line-height:2.25rem; border:1px solid #dadbdd; margin:0 auto; padding-left:1rem; }
.findCU .selectC li a span { position:absolute; top:0.5rem; right:0; width:2.5rem; height:1.15rem; line-height:1.15rem; font-family:'Titillium Web'; font-weight:600; color:#0055a7; font-size:1rem; text-align:center; border-left:1px solid #dadbdd; }
.findCU .selectC li a:before { position:absolute; top:-2px; left:-2px; width:100%; height:100%; opacity:0; content:''; box-sizing:content-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border:2px solid #0055a7; z-index: 2; }
.findCU .selectC li a:hover:before, .findCU .selectC li a.on:before { opacity:1; width:100%; }
.findCU_board .pbn_right { width:100%; }
.findCU_board .pbn_right .contWrap { padding-left:0; }
.fCU_btn { position:absolute; right:0; top:0; }

/****************************** 경영공시 팝업 ******************************/
#popheader { position:fixed;  z-index:20; width:100%; height:70px; background: #006fba; /* Old browsers */
	background: -moz-linear-gradient(left,  #006fba 0%, #17a7db 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #006fba 0%,#17a7db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #006fba 0%,#17a7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fba', endColorstr='#17a7db',GradientType=1 ); /* IE6-9 */ }
#popheader .headerWrap { position:relative; max-width:1400px; height:100%; margin:0 auto; }
#popheader .headerWrap .logo { display:block; width:225px; height:34px; color:transparent; background:url('/images/web/cu/sub/logo_w.png') no-repeat right center; float:right; margin-top:15px; }
#popheader .headerWrap h2 { font-weight:500; color:#fff; font-size:1.1rem; line-height:70px; float:left; }
#popheader .headerWrap .popslct { position:relative; width:345px; height:40px; background:transparent; border:1px solid #fff; font-size:0.7rem; color:#fff; margin:15px 0 0 15px; padding:0 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url("/images/web/cu/con_com/tab_on.png") no-repeat right 10px center; }
#popheader .headerWrap .popslct::-ms-expand { display:none; }
#popheader .headerWrap .popslct option { color:#000; }
#popheader .headerWrap .popslct:before { position:absolute; right:0; width:40px; height:40px; content:'\e941'; font-family:'xeicon'; }

.contWrap { padding-top:70px; position:relative; max-width:1400px; min-height:100%; height:auto; overflow:hidden; margin:0 auto; }

.con { width:100%; padding-left:470px; }
.con .popcont { padding-top:0.8rem; padding-bottom:60px; }

/*왼쪽메뉴*/
.menuBox { position:absolute; width:405px; height:100%; background:#f8f8f8; border-left:1px solid #ddd; border-right:1px solid #ddd; float:left; }
.menuBox .m_nav { display:none;}
.menuBox .m_nav a { position:relative; display:block; position:relative; padding:20px 50px 20px 15px; font-size:20px; border-bottom:1px solid #ddd; background:#044ca4; color:#fff;}    
.menuBox .m_nav a:before { content:'\e941'; position:absolute; top:50%; right:30px; font-family:'xeicon'; font-size:1.3rem; color:#fff; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all .25s ease; -webkit-transition: all .25s ease; }
.menuBox .on a:before { transform:translateY(-50%) rotate(180deg); -webkit-transform:translateY(-50%) rotate(180deg);  }

.menuBox .lnb > li a { display:block; position:relative;  }
.menuBox .lnb > li > a { padding:16px 40px 17px 16px; font-size:1.1rem; font-weight:500; color:#000; border-bottom:2px solid #00afd5; }
.menuBox .lnb > li .lnb_dep2 { display:none; margin-top:0.5rem; }
.menuBox .lnb > li.on .lnb_dep2 { display:block; }
.menuBox .lnb > li .lnb_dep2 > li > a { position:relative; padding:7px 30px; }
.menuBox .lnb > li .lnb_dep2 > li > a:before { content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-family:'xeicon'; font-size:1.2rem; color:#004a96; }
.menuBox .lnb > li .lnb_dep2 > li > a .num { display:inline-block; width:25px; height:25px; line-height:25px; font-weight:600; font-size:0.7rem; color:#fff; text-align:center; border-radius:50%; background:#9a9a9a; margin-right:5px; }
.menuBox .lnb > li .lnb_dep2 > li > a > span { line-height:25px; font-size:0.9rem; color:#000; }
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 { display:none; margin:0 auto; padding:0 30px; }
.menuBox .lnb > li .lnb_dep2 > li.on > .lnb_dep3 { display:block; }
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 ul { padding:15px 30px; background:#fff; }
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a { padding:0 16px; color:#555; font-size:0.75rem; line-height:2; }
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:before { position:absolute; left:0; top:15px; width:10px; height:3px; background:#9a9a9a; content:''; }

.menuBox .lnb > li .lnb_dep2 > li.on > a .num,
.menuBox .lnb > li .lnb_dep2 > li > a:hover .num,
.menuBox .lnb > li .lnb_dep2 > li > a:focus .num,
.menuBox .lnb > li .lnb_dep2 > li > a:active .num{ background:#044ca4; }

.menuBox .lnb > li .lnb_dep2 > li.on > a span,
.menuBox .lnb > li .lnb_dep2 > li > a:hover span,
.menuBox .lnb > li .lnb_dep2 > li > a:focus span,
.menuBox .lnb > li .lnb_dep2 > li > a:active span{ font-weight:600; color:#004a96; }

.menuBox .lnb > li .lnb_dep2 > li.on > a:before,
.menuBox .lnb > li .lnb_dep2 > li > a:hover:before,
.menuBox .lnb > li .lnb_dep2 > li > a:focus:before,
.menuBox .lnb > li .lnb_dep2 > li > a:active:before { content:'\e93f'}

.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li.on a,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:hover,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:focus,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:active { color:#000; text-decoration:underline; }

.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li.on a:before,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:hover:before,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:focus:before,
.menuBox .lnb > li .lnb_dep2 > li > .lnb_dep3 li a:active:before { background:#000; }

/* 210824 테이블 박스 추가 */
.tableMore { position:relative; padding-right:2rem !important; }
.tableMore:before { content:"\e942"; position:absolute; right:0.5rem; font-family:"xeicon"; font-size:1rem; }
.tableMore.open:before { content:"\e945";}
.table_more_box { display:none; }
.on .table_more_box { display:table-cell; padding:0; }
.table_more_box div { text-align:left; height:auto; overflow:hidden; border:1px solid #004a96; padding:1.5rem 1.5rem 1rem; font-size:0; }
.table_more_box div .last-update { font-size:0.8rem; color:#0071c1; margin-bottom:1rem; }
.table_more_box div dl { display:inline-block; width:50%; vertical-align:top; min-height:4.5rem; padding-right:1rem; padding-bottom:1rem; }
.table_more_box div dl dt { color:#222; font-weight:500; font-size:0.8rem; }
.table_more_box div dl dd { color:#777; font-size:0.75rem;  }
.table_more_box.bgGray div {border: 1px solid #ccc;background: #fcfcfc;padding:0;}/*231013*/
.table_more_box.bgGray div > table {border-top:none;}/*231013*/
.table_more_box.bgGray div > table td {border-bottom:none;font-size:0.7rem;color: #888;}/*231013*/
/* .table_more_box.bgGray div ul {position:relative;} 
.table_more_box.bgGray div ul li {padding: 10px 10% 10px 10px;font-size:0.75rem;color:#333;border-bottom:1px dotted #ccc;}
.table_more_box.bgGray div ul li:last-child{border-bottom:none;}
.table_more_box.bgGray div ul li span.date {position:absolute;color:#999;font-size:0.65rem;right: 10%;} */


/*221027 금융소비자보호 우수사례*/
.dlT_wrap > li {display: flex; justify-content:space-between; align-items: center; border-bottom:1px solid #ddd; padding:10px 5px;}
.dlT_wrap > li:first-child{ border-top:2px solid #111; padding:13px 5px; vertical-align:middle; color:#222; font-weight:normal; border-bottom:1px solid #ddd;  background:#fdfdfd;}
.dlT_wrap > li:first-child div {text-align: center;}
.dlT_wrap > li div:first-child {width: 28%; border-left: none;}
.dlT_wrap > li > div{width: 70%; padding-left: 5px; border-left: 1px dotted #ddd;}

/*230215 금리안내 테이블 유틸 추가*/
.tit3.tbl {position:relative;}
.tit3.tbl span.tbl_utile2 {position:absolute;right: 1px;bottom: 0;font-size: 0.75rem;font-weight: 500;}

@media screen and (max-width: 1440px){

	.subCont{width:96%; padding:20px 0;}
	
	/*0201_중앙회장 인사말*/
	.grtWrap{padding-left:600px;}
	
	/* 0202_3 미션과 비전 */
	.misnList .list ul{margin:0 1%;}
	.visnBox .list{width:96%;}
	.visnBox .titBox::before{left:2%; width:96%; transform:none; -webkit-transform:none;}

	/* 0203_1 신협*/
	.abtcView { width:96%; margin:0 auto; }
	.abtcView .subBgGray div { width:96%; }
	.titBox_st2 .titWrap { width:96%; }

	/* 0203_1_3 신협의 역사 */
	.histTop { padding:0; }
	.histTit .titBox .txtBox { padding-right:35%; }
	.histTit .titBox .hisp { width:35%; }

	/* 0301_나눔경영 */
	.list_mngm dt { width:auto; padding:1.5rem 0 1.5rem 3.5rem; }
	.list_mngm dt br { display:none; }
	.list_mngm dt .icon { right:auto; left:0; }
	.list_mngm dt .icon img { width:2.5rem; }
	.list_mngm dd { width:100%; padding:0 0 1rem; }

	/* 0401 인재상*/
	.talntbox .left_cont .img { width:800px; }
	.talntbox .left_cont dl { top:250px; border-radius:80px; width:32%;}
	.talntbox .left_cont dl.culture2 { left:34%; }
	.talntbox .left_cont dl.culture3 { left:68%; } 

	/* 0708_7_tab01 전기통신금융사기 피해예방 */
	.centerNum dl dd a { height:10rem; }

	/****************************** 경영공시 팝업 ******************************/
	#popheader .headerWrap { width:95%; }
	.con { padding-right:20px; }

}


@media screen and (max-width: 1240px){
	    /* 251127 순차적 구조 나중에 롤백 */
    	.locationWrap .container {padding-right: 120px;}
	.location .home {display: none;}
	.location li {min-width: 100%;}
	.location li.active:after {position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: #ccc; content: "";}
	.location li.active.depCt:after{display:none;}
	.location li.active > a {padding: 0 1rem;}
	.location li.active > a:before {display: none;}

	.location .depth1Wrap,
	.location .depth2Wrap,
	.location .depth3Wrap {width:100%;}
	.location .depthWrap div:not(.mobLnb){display: none;}
	.location .depth1{width:100%;}
	.location .depth2{width:100%; left:0;}
	.location .depth3 {width:100%; left:0;}
	.location .depth1 > li.active > a{display:none;}
	.location .depth2 > li.active.depCt > a{display:none;}
/* // 251127 순차적 구조 나중에 롤백 */
	
	/* 0201 중앙회장인사말 */
	.grtWrap{padding-left:450px;}
	.grtWrap .grtImg{padding:30px;}
	.grtWrap .grtImg img{width:375px; height:auto;}

	/* 0202_1 신협이념 */
	.ideWrap .ico{top:-50px;}
	.ideWrap .ico img{width:300px; height:auto;}
	.ideBox .valueCont{width:420px; padding:8.5rem 0 0;}
	.ideBox .ideTit .sub{top:120px;}
	.ideBox dl dt{width:205px; height:175px;}
	.ideBox dd{height:375px;}
	.ideBox ul li{width:115px; height:115px;}
	.teskBox{padding:0 2rem;}
	.teskBox dl{padding:2rem 1rem;}

	/* 0203_1 신협 */
	.aboutCU .slogan { width:35rem; font-size:2rem; line-height:0.8; }

	/* 0203_1_3 신협의 역사 */
	.histTop dl dt span { font-size:1.5rem; }


	/* 0202_4 핵심가치 */
	.crvalue { padding-bottom:0; }
	.crvalue h3 { padding-top:0; }
	.crvalue .titBox { display:none; }
	.crvalue .titBox2 { display:block; text-align: center; margin-top:1rem; }
	.crvalue .valueBox { width:50%; }
	.crvalue .valueBox .txtBox { width:70%; padding:1.5rem; }
	.crvalue .valueBox .img { width:100%; overflow:hidden; }
	.crvalue .value1 { margin-top:1rem; }
	.crvalue .value1 .txtBox { left:0; background:#f9f9f9; }
	.crvalue .value2 { margin-top:1rem; margin-bottom:0; }
	.crvalue .value2 .txtBox { right:0; }
	.crvalue .value3 .txtBox { left:0;}
	.crvalue .value4 { margin-top:0; }
	.crvalue .value4 .txtBox { right:0; background:#f9f9f9;  }

	/* 0401 인재상*/
	.talnt .titWrap .ico img { width:260px; height:auto; }
	.talnt .titWrap .ico span { bottom:-28px;}
	.talntbox .left_cont dl { border-radius:20px; }

	/*0501_신협찾기 수정*/
	.findCU_board { margin-top:0 !important; }
	.findCU_board .pbn_right { margin-top:0 !important; }
	.findCU .selectC li { width:33%; }
	.fCU_btn { top:20px; }

	/* 0708_6 금융감독원 금융정보 포털 */
	.fninfo_p > li { width:100%; }

	/* 0708_7_tab01 전기통신금융사기 피해예방 */
	.centerNum dl { width:48%; margin:0 1% 1rem 1% !important;}
	.centerNum dl dd a { height:8rem; padding:0.7rem 0.8rem 1.5rem; }

	/****************************** 경영공시 팝업 ******************************/
	.con { width:95%; height:auto; overflow:hidden; margin:0 auto; padding:0;  }
	.menuBox { position:relative; width:100%; height:auto; border:none; }
	.menuBox .m_nav{ display:block; }

}

@media screen and (max-width: 1024px){
	.locationWrap .container {padding-right: 60px;}
		
	.shareWrap > li > a.print{display:none;}
	.shareWrap > li > a.share:after {display:none;}
		
	/* 0201 중앙회장인사말 */
	.grtWrap{padding-left:0;}
	.grtWrap .grtImgBox{position:relative; left:auto; top:auto; text-align:center;}
	.grtWrap .grtImg{display:inline-block; float:none;}
	.grtWrap .grtImg .name span{float:left;}

	/* 0202_1 신협이념 */
	.ideWrap .ico{top:-30px;}
	.ideWrap .ico img{width:220px; height:auto;}
	.ideFull{padding:0 0 1.8rem;}
	.ideFull:before{height:70%;}
	.ideFull .img{width:100%;}
	.ideFull .img img{width:80%; max-width:100%;}
	.ideFull .txt{width:100%;}
	.ideBox .ideTit .sub{position:relative; left:auto; top:auto; margin:20px auto 50px; transform:none; -webkit-transform:none;}
	.ideBox .valueCont{margin:0 auto; padding:0;}
	.ideBox .flL, .ideBox .flR{float:none;}
	.ideBox .ideTit h4::before, .ideBox .ideTit h4::after,
	.ideBox .valueCont:before, .ideBox .valueCont:after{display:none;}
	.teskBox{background-size:auto 80%;}
	.teskBox dl{width:100%; margin:10px 0;}

	/* 0202_2 운영원칙 */
	.operPrn .box_st1{padding:1rem 2rem;}
	.operPrn ol li{padding:1rem 0; border-top:1px dashed #ddd; color:#000;}
	.operPrn ol li:first-child{border-top:0;}
	.operPrn ol li p{position:relative; left:auto; width:auto; height:2rem; line-height:2rem; display:block; margin:0 0 20px;} 
	.operPrn ol li p em{display:block;  }
	.operPrn ol li span.num{top:0; margin-top:0;}

	/* 0202_6 홍보동영상 */
	.prmtVideo .videoWrap { width:100%; }
	.prmtVideo .videoCont { width:100%; margin-top:1rem; }

	/* 0202_3 미션과 비전 */
	.misnBox .titBox {height:auto;}
	.misnBox .titBox h3{width:100%; height:auto; margin:0; padding:3.5rem 0; font-size:2.5rem;}
	.misnBox .titBox h3 span{position:relative; left:auto; top:auto; transform:none; -webkit-transform:none;}
	.misnBox .titBox .bkBox{position:relative; right:auto; top:auto; width:100%; height:auto; padding:2rem;}
	.misnBox .titBox .bkBox:before{left:5%; width:90%;}
	.misnBox .titBox .bkBox p br{display:none;}
	.misnBox .titBox .bkBox .ico{margin:0.8rem 0;}
	.misnBox .titBox .bkBox .ico img{width:100px; height:auto;}
	.misnList .list ul li{width:48%; height:210px; padding:1rem 2.2rem 0}
	.visnBox .titBox{height:300px;}
	.visnBox .titBox h3{ font-size:2.5rem;}
	.visnBox .list dt{width:300px;}
	.visnBox .list dd{margin-left:300px;}
	.visnBox .visnDc p{width:100%; height:auto; display:block;}
	.visnBox .visnDc p span{display:block; padding:2rem 4rem;}

	/* 0202_5 신협CI */
	.ciInfo .ciClr li{width:100%; margin:0.5rem 0;}
	.subCont.clrInfo,
	.subCont.fontInfo{padding:2rem 1rem}
	
	/* 0203_1_3 신협의 역사 */
	.histTit .titBox { padding:2rem 0 0; }
	.histTit .titBox .txtBox  { padding-right:0; }
	.histTit .titBox h3 { padding:15px 0; width:auto; }
	.histTit .titBox .txtBox { width:100%; margin-bottom:2rem; }
	.histTit .titBox .hisp { position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; }
	.histTop dl dt { position:absolute; width:460px; height:auto; padding:1rem; z-index:2; }
	.histTop dl dt span { font-size:1.3rem; }
	.histTop dl dt span br { display:none; }
	.histTop dl dd { width:95%; height:auto; margin-top:2rem; padding:3rem 0 2rem; }
	.histTop dl dd div { padding:0 2rem; } 
	.histSub .histbox:before { display:none; }
	.histSub .histbox div { width:100%; padding:2rem 2rem 0;}
	.histSub .histbox .graydot { display:none; }

	/* 0302_7대 포용금융 */
	.projCont { padding:0 0.5rem; }
	.projCont .img { width:100%; margin-bottom:1rem; }
	.projCont .txt { width:100%; }

	
	/* 0305_사회공헌재단 안내페이지 */
	.scfound .teskBox2 h5 { width:12rem; height:12rem; padding:1.5rem; }
	.scfound .teskBox2 h5 span { width:9rem; height:9rem; }
	.scfound .logoBox { width:100%; min-width:100%; margin-right:0; margin-bottom:1rem;}


	/* 0501_신협찾기 수정 */
	.findCU { height:auto; overflow:hidden; }
	.findCU .map { width:100%; }
	.findCU .map .map_wrap { display:none; }
	.findCU .map select { display:block; }
	.findCU .selectC { width:100%; }

	/* 0401 인재상*/
	.talnt .titWrap { margin:3.5rem auto 12rem;}
	.talnt .titWrap h2 { font-size:2.2rem; }
	.talnt .titWrap .ico { bottom:-180px; right:50%; transform:translateX(50%); -webkit-transform:translateX(50%); }
	.talnt .titWrap .ico img { width:200px; }
	
	/* 0401 인재상 */
	.talntbox .left_cont .img { position:absolute; width:600px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
	.talntbox .left_cont dl { position:relative; left:auto !important; top:auto; width:100%; min-height:auto; margin-top:0.5rem; border-radius:20px; }
	.talntbox .left_cont dl dt { padding:20px 0 40px; }
	.talntbox .left_cont dl.culture1 { margin-top:200px; /*background:#009da5;*/ }
	/*.talntbox .left_cont dl.culture2 { background:#3478c1; }
	.talntbox .left_cont dl.culture3 { background:#1d9ec5; }*/

	/* 0708_1 금융소비자보호체계 */
	.img_rule .rsp_img { width:100% !important; }
	.img_rule .rsp_img:first-child { margin-bottom:2rem; }

	/* 0708_3 관련서식 */
	.dcmt_box li { width:100%; margin-bottom:15px; }
	.dcmt_box li:last-child { margin-bottom:0; }
	.dcmt_box li a .viewall { top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }


}

@media screen and (max-width: 800px){

	.contBox .list_dl dt br { display:none; }
	.contBox .contnum { float:left; margin-right:10px; }

	/* 0202_4 핵심가치 */
	.crvalue h3 { font-size:1.5rem; }
	.crvalue .titBox2 em { width:6rem; }
	.crvalue .titBox2 strong { font-size:3rem; }
	.crvalue .titBox p, .crvalue .titBox2 p { font-size:1.5rem; }
	.crvalue .valueBox { width:100%; margin-top:1rem; }
	.crvalue .valueBox .img { max-width:23.25rem; float:none; margin:0 auto; }
	.crvalue .valueBox .txtBox { position: relative; max-width:23.25rem; width:100%; margin:0 auto; background:transparent; }

	/* 0202_6 홍보동영상 */
	.prmtVideo .videoCont { height:auto; }
	.prmtVideo .videoCont .tab_st1.Tab_w50 li, .tab_st2.Tab_w50 li, .tab_st3.Tab_w50 li { width:50% !important;}

	/* 0203_1 신협 */
	.titBox_st2 .titWrap { padding:3rem 0 4rem; }
	.titBox_st2 .titWrap h3 { padding:15px 0; width:auto; }
	.titBox_st2 .titWrap .titBox { width:100%; }


	/* 0305_사회공헌재단 안내페이지 */
	.scfound { margin-top:2rem; }
	.scfound h4 { font-size:1.5rem; }
	.scfound .teskBox2 h5 { position: relative; left:auto; top:auto; transform: translate(0,0); -webkit-transform: translate(0,0); width:100%; height:3.5rem; border-radius:5px; padding:0.8rem; }
	.scfound .teskBox2 h5 span { width:100%; height:100%; border-radius:0; background:none; }
	.scfound .teskBox2 h5 span em { font-size:1.2rem; color:#fff; }
	.scfound .teskBox2 h5 span br { display:none; }
	.scfound .teskBox2 dl.teskal:before, .scfound .teskBox2 dl.teskar:before { display:none;}
	.scfound .teskBox2 dl { width:49%; margin:0; padding:0; }
	.scfound .teskBox2 dl dt { height:5rem; border-radius:5px; width:100%; margin:1rem 0; }
	.scfound .teskBox2 dl dd ul li { position: relative; top:auto !important; left:auto !important; bottom:auto !important; right:auto !important; float:left; width:32%; border-radius:5px; }
	.scfound .teskBox2 dl dd ul li + li { margin-left:2%; }
	.scfound .teskBox2 dl dd ul li.tk1 { margin-left:0; }

	/* 0401 인재상 */
	.talntbox .right_tit { width:100%; } 
	.talntbox .left_cont .talntList li h4 { margin-bottom:0.5rem; }
	.talntbox .left_cont { width:100%; }
	
	/* 0708_4 금융소비자보호 우수사례 */
	.inner_tbl { width:500px !important; }

	/****************************** 경영공시 팝업 ******************************/
	#popheader { height:120px; }
	#popheader .headerWrap .popslct { position:absolute; bottom:15px; left:0; margin:0; }
	.contWrap { padding-top:120px;}
	#popheader .headerWrap .popslct { width:100%; }
	#popheader .headerWrap .logo { width:105px; }

}

@media screen and (max-width: 768px){
	
	
	/* ========================================== 컨텐츠 레이아웃 */
	.subBgGray {padding:1.5rem 0;}

	/* 0202_3 미션과 비전 */
	.misnBox .titBox h3,
	.visnBox .titBox h3{font-size:2rem;}
	.misnList .list ul li{width:98%; height:auto; text-align:left; padding:1rem 2rem 1rem 4rem;}
	.misnList .list ul li p{position: absolute; left:1.5rem; top:1rem;}
	.visnBox .list dt{position:relative; left:auto; top:auto; width:auto; vertical-align:bottom; padding:0 0 10px 35px; text-align:left;}
	.visnBox .list dt br{display:none;}
	.visnBox .list dt span{display:inline-block; margin:0 10px 0 -35px;}
	.visnBox .list dd{margin:0; display:block;}
	.visnBox .list dd p{display:block;}

	/* 0202_5 신협CI */
	.ciInfo .ciBox{padding:0.5rem 1.5rem;}
	.ciInfo .ciBox p{width:50%; padding:1.5rem 0.5rem;}
	.clrInfo dl{display:block;}
	.clrInfo dd li{width:100%; margin:0 0 1rem;}
	.clrInfo dd li > p{height:90px;}

	/* 0203_1 신협 */
	.titBox_st1 .titWrap { padding:10rem 0 2rem; }
	.titBox_st1 .titWrap h3 { top:2.5rem; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); width:100px; height:100px; line-height:100px; font-size:1.2rem; }
	.titBox_st1 .titWrap .titBox { padding:0 2rem; }
	.aboutCU .img { width:70%; margin:0 auto 1rem; float:none; }
	.titBox_st1 .txtBox { padding:2rem 2rem 0; }
	.aboutCU .slogan {  width:100%; margin:0 auto; }
	.aboutCU .txt { width:100%; }
	.aboutCU .txt h4 { font-size:1.4rem; }
	
	/* 0501_신협찾기 수정 */
	.findCU .selectC li { width:33%; }

	/* 0708_6 금융감독원 금융정보 포털 */
	.fninfo_p > li { height:auto; }
	.fninfo_p > li .img { width:200px; height:160px; }
	.fninfo_p > li { padding-bottom:60px; }
	.fninfo_p > li dl { min-height:130px; padding-left:230px; padding-bottom:20px; }
	.fninfo_p > li a { left:230px; }
	
	/* 210824 테이블 박스 추가 */
	.tableMore { padding:0.5rem !important; }
	.tableMore:before { display:none; } 
	.table_more_box div { padding:1rem; }

	/*230215 금리안내 테이블 유틸 추가*/
	.tit3.tbl span.tbl_utile2 {position:relative;display:block;width:100%;text-align: right;}

}
@media screen and (max-width: 640px){
		
	/* 0201 중앙회장인사말 */
	.grtWrap .grtImg img{width:300px; height:auto;}
	.grtWrap .grtCont h3{font-size:3.5rem; }
	.grtWrap .grtCont h4{font-size:2rem; }

	/* 0202_1 신협이념 */
	.ideWrap .ico{display:none;}

	/* 0202_5 신협CI */
	.fontInfo dl.font01 dd{position:relative; padding-right:50px;}
	.fontInfo dl.font01 dd span{position: absolute; right:0px; bottom:25%; padding:0; font-size:0.8rem}

	/* 0401 인재상 */
	.talntbox .left_cont .talntList li { width:45%; margin-right:5%;}
	.talntbox .left_cont .img { display:none; }
	.talntbox .left_cont dl.culture1 { margin-top:0; }

	/* 0501_신협찾기 수정 */
	.findCU .selectC li { width:50%; }

	/* 0705_1 예금자보호제도 안내 */
	.rsrvBox .titWrap strong { display:block; }
	.rsrvBox .contWrap { border:2rem solid #e6b917; }
	
	/* 0708_7_tab01 전기통신금융사기 피해예방 */
	.centerNum dl { width:100%; margin:0 0 1rem !important; }
	.centerNum dl dd a { height:auto; }
}

@media screen and (max-width: 560px){
		
	/* 0201 중앙회장인사말 */
	.grtWrap .grtImg img{width:300px; height:auto;}
	.grtWrap .grtCont h3{font-size:3.5rem; }
	.grtWrap .grtCont h4{font-size:2rem; }

	/* 0202_1 신협이념 */
	.ideWrap .ico{display:none;}
	.ideBox .ideTit h4{max-width:100%;}
	.ideBox .valueCont{width:90%;}
	.ideBox dl dt{position:relative; left:auto; top:auto; width:100%; height:auto; display:block; padding:10px 0; margin:30px 0 10px; background:#22272d !important; border-radius:50px; transform:none; -webkit-transform:none;}
	.ideBox dl dt span{display:block;}
	.ideBox dl dd{height:auto; overflow:hidden;}
	.ideBox dl ul li{position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; height:auto; display:block; float:left; margin:1%; border-radius:5px; transform:none !important; -webkit-transform:none !important;}
	.ideBox dl ul li p{display:block; padding:20px 0; line-height:1.5;}
	.ideBox dl.value01 ul li{width:31.33%;}
	.ideBox dl.value02 ul li{width:48%;}
	.teskBox{padding:0 1rem;}
	.teskBox dl{border-radius:20px;}
	.teskBox dt{padding:0 0 0.5rem; background:none;}
	.teskBox dt::before{display:none;}
	.teskBox dd ul li{width:31.33%; margin:0 1%;}
	.teskBox dd ul li p{width:auto; height:auto; display:block; padding:15px 5px; border-radius:5px; }
	.teskBox dd ul li p span{display:block;}

	/* 0202_5 신협CI */
	.ciInfo .ciBox p span{margin:1rem 0 0;}
	.ciInfo .ciBox.w50 p{width:100%;}
	.ciInfo .ciBox.w50 p img{width:70%;}
	.subCont.fontInfo p{display:inline;}
	.subCont.fontInfo p.fsimg{display:block;}

	/* 0203_1  신협 */
	.titBox_st1 .imgBg { height:100%; }
	.titBox_st1 .imgBg img { height:100%; }
	.aboutCU .slogan { font-size:1.5rem; line-height:1; }
	.aboutCU .slogan strong { font-size:2.5rem; }
	
	/* 0203_1_3 신협의 역사 */
	.histTop dl dt { position:relative; width:100%; }
	.histTop dl dd { width:100%; margin-top:0; padding:2rem 0; }

	/* 0205_2 경영공시 */
	.pbnWrap .pbn_left .slctWrap .w_33 { width:100%; margin-left:0; }
	.pbnWrap .pbn_left .slctWrap .w_65 { width:100%; } 
	.pbnWrap .pbn_left .slctWrap .srchbox { width:100%; }
	.pbnWrap .pbn_left .srcWrap .src_list li a { margin:0 1rem; }
	.pbnWrap .pbn_right h5 { float:none; }
	.pbnWrap .pbn_right .boardWrap .searchBox { position:relative; width:100%; margin-bottom:10px; float:none;  }
	
	/* 0301_나눔경영 */
	.mngmTit .titWrap h3 { font-size:1.4rem; }
	.mngmTit .titWrap h3 strong, .mngmTit .titWrap h3 em { font-size:1.8rem; }
	.mngmTit .titWrap h3 br { display:none; }

}
@media screen and (max-width: 480px){
		
	/* 0201 중앙회장인사말 */
	.grtWrap .grtImg{padding:15px;}
	.grtWrap .grtImg img{width:250px; height:auto;}
	.grtWrap .grtImg .bg{width:180px; height:180px;}
	.grtWrap .grtCont h3{font-size:3rem; }
	.grtWrap .grtCont h4{font-size:1.6rem; }

	/* 0202_2 신협이념 */
	.ideWrap h3{padding:2rem 0; margin:0;}
	.ideFull .txt h3{font-size:1.6rem;}
	.ideBox .ideTit h4{font-size:1.1rem; padding:1rem 0.5rem;}
	.teskBox dd ul li{width:98%; margin:1%;}

	/* 0202_3 미션과 비전 */
	.misnBox .titBox .bkBox h4{font-size:1.2rem; letter-spacing:1px;}
	.misnBox .titBox .bkBox .ico img{width:70px;}
	.visnBox .visnDc p span{padding:1.5rem 2rem; font-size:0.8rem;}
	
	/* 0202_6 홍보동영상 */
	.prmtVideo .videoWrap { height:200px; }
	.prmtVideo .videoCont dl dd { width:100%; }
	.prmtVideo .videoCont a.btn_grL { width:100%; }

	/* 0203_1 신협 */
	.titBox_st1 .titWrap .titBox h4 { font-size:1.5rem; }
	.titBox_st1 .txtBox { padding:1rem 1rem 0; }
	.aboutCU .slogan { font-size:1.2rem; }
	.aboutCU .slogan strong { font-size:2rem; }

	/* 0203_1_3 신협의 역사 */
	.histTop dl dt span br { display:block; }
	.histTop dl dd div h3, .histSub .histbox div h3 { font-size:2.5rem; }

	/* 0305_사회공헌재단 안내페이지 */
	.scfound h4 br { display:none; }
	.scfound .teskBox2 dl dd ul li { width:100%; height:3rem; }
	.scfound .teskBox2 dl dd ul li + li { margin-left:0; margin-top:5px; }
	.scfound .teskBox2 dl dd ul li span br { display:none; }

	/* 0401 인재상 */
	.talnt { margin-bottom:1rem; }
	.talntbox .left_cont .talntList li { width:100%; margin-right:0; margin-bottom:2rem; }

	/* 0501_신협찾기 수정 */
	.findCU .selectC li a { padding-left:0.6rem; }
	.findCU .selectC li a span { width:1.8rem; }
	.fCU_btn { position:relative; width:100%; top:auto; right:auto; margin-bottom:1rem;}
	.fCU_btn a { width:100%;  }

	/* 0705_1 예금자보호제도 안내 */
	.rsrvBox .contWrap { border:1.5rem solid #e6b917; padding:1.8rem; } 
	
	/* 0708_6 금융감독원 금융정보 포털 */
	.fninfo_p > li { padding-bottom:30px; }
	.fninfo_p > li .img { position:relative; left:auto; top:auto; width:294px; height:235px; margin:0 auto;  }
	.fninfo_p > li dl { padding:0; margin:20px 0; min-height:0;}
	.fninfo_p > li a { position:relative; left:auto; bottom:auto; width:100%; }

	/* 210824 테이블 박스 추가 */
	.table_more_box div dl { width:100%; min-height:auto; padding-right:0; }
}




@media print {
	.mtBox *[class*="mot"]{opacity:1 !important;}
	.mtBox.active *[class*="mot"]{transition-delay:0 !important; -webkit-transition-delay:0 !important;}
	#header, #footer, .sVisual, .locationWrap, .titleH2 {display: none; width: 0; height: 0;}
	.container { min-width:100%; page-break-after:always; zoom:65%; }
	
}