/* container */
#content {/*width:1150px;*/margin:0 auto;}

.backImg > img{display:none;}

.boxHover{position:relative; overflow:hidden; transition:all 1s; }
.boxHover:hover, .boxHover:focus{box-shadow: 5px 10px 20px rgba(0,0,0,.25);}
.boxHover:after, .boxHover:before{ content:" "; width:0px; height:0px; display:block; position:absolute; transition:all 1s; z-index:50; opacity:0; }
.boxHover:after{ top:0px; left:0px; border-top:1px solid #1da1f2; border-left:1px solid #1da1f2; }
.boxHover:before{ bottom:0px; right:0px; border-bottom:1px solid #1da1f2; border-right:1px solid #1da1f2; }
.boxHover:hover:before, .boxHover:focus:before, .boxHover:hover:after, .boxHover:focus:after{ width:100%; height:100%; opacity:1; }



/* ===== 상단 슬라이드 영역 : START ===== */

	/* -- 슬라이드 (공통) -- */
	.mainContainer{margin:0 4.010vw 0 254px; /* margin:0 97px 0 254px; */ display:block; }
	.mainVisual {width:100%; height: 19.010vw; /* height: 365px; */ display:block; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} 
	.visualSlide{position:relative; width:100%; height:100%;}
	.visualSlide{width:100%; height:100%;}
	.visualSlide .slideList{width:100%; height:100%; vertical-align:top;}
	.visualSlide .slideList > li{width:100%; height:100%; display:flex;}
	.visualSlide .slick-list, .visualSlide .slick-track, .visualSlide .slick-slide > div{height:100%; position:relative; overflow: visible;}

	/* -- 이미지 -- */
	.visualSlide .photo{width:40%; position:relative; }
	.visualSlide .photo > a{display:block; position:absolute; width:100%; height:23.542vw; /* height:452px; */ bottom:0; left:0; background: #eee; }
	.visualSlide .photo > a > span{display:block; width:100%; height:100%; position:relative;/* -webkit-animation: slidePhoto .5s ease-out ; animation: slidePhoto .5s ease-out ;*/}
	.visualSlide .photo > a > span > i:before{content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0;   background: #eee;  transform: scaleY(1);  transform-origin: 50%;  transition-property: transform; transition-property: transform;  transition-duration: 0.2s;  transition-timing-function: ease-out; }
	.visualSlide .photo > a > span.open > i:before{transform: scaleY(0); }
	.visualSlide .photo > a > span.close > i:before{transform: scaleY(1); }

	/* -- 캡션 -- */
	.visualSlide .caption{width:60%;display:flex; align-items:center;}
	.visualSlide .caption > div{display:flex; flex-direction:column; width:100%;}
	.visualSlide .caption .title{ height:6.563vw;  margin-top:1.875vw; /* height:126px; margin-top:36px; */ display:block; overflow:hidden; }
	.visualSlide .caption .title > span{ display:inline; display:-webkit-box; word-break: break-word; text-overflow:ellipsis;  -webkit-line-clamp:3; -webkit-box-orient:vertical;  overflow:hidden; height:auto; line-height:1.4; font-family: 'Noto Serif KR'; font-weight:400; font-size:1.563vw; /* font-size:30px; */ color:#222; letter-spacing:0; background:linear-gradient(rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 100%) 0 1.4em / 2px 2.5px repeat-x;  -webkit-transition:all .3s ease; transition: all .3s ease;}
	.visualSlide .caption .title:hover > span, .visualSlide .caption .title:focus > span{display:inline; background:linear-gradient(rgba(0,0,0,.08) 0%, rgba(0,0,0,.08) 100%) 0 1.12em / 2px 2.5px repeat-x;   }
	.visualSlide .caption .date{margin-top:3.802vw; /* margin-top:73px; */ font-family: 'Noto Serif KR'; font-weight:400; font-size:13px; color:#767676; letter-spacing:0;}

	/* -- 좌·우 슬라이드 버튼 -- */
	.visualSlide .slick-arrow-wrap{position:absolute; right:0; bottom:0; width:auto; height:auto; display:flex; z-index:9;}
	.visualSlide .slick-arrow-wrap button{display:flex; align-items:center; text-align:center; width:50px; height:50px; font-size:0; margin-right:1px; background:#f6f6f6;}
	.visualSlide .slick-arrow-wrap button:hover{background:#1da1f2; /* background:#e1e1e1; */}
	.visualSlide .slick-arrow-wrap .slick-next{margin-right:0;}
	.visualSlide .slick-arrow-wrap .slick-prev i {transform: rotate(180deg); margin-bottom:2px;}
	.visualSlide .slick-arrow-wrap .slick-arrow i{width:12px; height:23px; position:Relative; overflow:hidden; display:block; margin:0 auto;}
	.visualSlide .slick-arrow-wrap .slick-arrow i:before,
	.visualSlide .slick-arrow-wrap .slick-arrow i:after{content:''; display:block; position:absolute; width:1px; height:50%; right:45%; background:#707070;}
	.visualSlide .slick-arrow-wrap .slick-arrow i:before{transform:skew(135deg, 0deg);  top:45%; } 
	.visualSlide .slick-arrow-wrap .slick-arrow i:after{transform:skew(-135deg, 0deg);  top:0;  }
		/* ^ 마우스 오버 */
		.visualSlide .slick-arrow-wrap button:hover i:before,
		.visualSlide .slick-arrow-wrap button:hover i:after{background:#fff;}

	/* -- 재생·정지 아이콘 -- */
	.visualSlide .slick-controls .slick-controls{position:relative;}
		/* - 정지 */
		.visualSlide .slick-controls .slide-pause i{width:23px; height:23px; position:Relative; overflow:hidden; display:block; margin:0 auto;}
		.visualSlide .slick-controls .slide-pause i:before,
		.visualSlide .slick-controls .slide-pause i:after{content:''; position:absolute; top:1px; bottom:1px; width:1px; height:auto; display:block; background:#707070;}
		.visualSlide .slick-controls .slide-pause i:before{left:5px;}
		.visualSlide .slick-controls .slide-pause i:after{right:5px;}
		/* - 재생 */
		.visualSlide .slick-controls .slide-play{display:none;}
		.visualSlide .slick-controls .slide-play i{width:21px; height:23px; position:Relative; overflow:hidden; display:block; margin:0 auto; }
		.visualSlide .slick-controls .slide-play i:before{content:''; display:block; position:absolute; top:0; left:0; border-top:11px solid transparent; border-left:21px solid #707070; border-bottom:11px solid transparent}
			/* ^ 마우스 오버 */
			.visualSlide .slick-controls .slide-play:hover i:before{ border-left:21px solid #fff; }
			.visualSlide .slick-controls .slide-play:hover i:before,
			.visualSlide .slick-controls .slide-play:hover i:after{background:transparent !important;}

	/* -- 슬라이드 썸네일 -- */
	.visualSlide .slick-dots-container{position:absolute; left:0; bottom:0; width:100%; height:auto; display:block; overflow:hidden; z-index:999; }
	.visualSlide .slick-dots-wrap{position:relative; overflow:hidden; width:100%; height:100%;  display:flex; margin-bottom:-100px; }
	.visualSlide .slick-dots-list{flex:4; height:auto;display:flex; align-items:center; background:rgba(0,0,0,.7);  }
	.visualSlide .slick-dots{width:100%; padding:20px; height:auto;display:flex !important;}
	.visualSlide .slick-dots > li{flex:auto; margin-right:20px; height:60px; position:relative;}
	.visualSlide .slick-dots > li:last-child{margin-right:0;}
	.visualSlide .slick-dots > li > button{width:100%; height:100%; }
	.visualSlide .slick-dots > li > button > i{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:block; box-sizing:border-box; -webkit-transition:all .5s ease; transition: all .5s ease;}
	.visualSlide .slick-dots > li.slick-active > button > i{background:transparent; border:1px solid #fff;}
	.visualSlide .slick-dots-block{flex:6; border-left:1px solid transparent;}
		/* ^ 마우스 오버 */
		.visualSlide .slick-dots > li > button:hover > i, .visualSlide .slick-dots > li > button:focus > i{background:transparent;}

/* ===== 상단 슬라이드 영역 : END ===== */


/* ===== 메인 콘텐츠 영역 : START ===== */

	/* -- 콘텐츠 (공통) -- */
	.mainContent{display:flex; flex-wrap: wrap; width:100%;} 
	.mainContent section{opacity:0; margin-top:50px; border-bottom:1px solid #e1e1e1; -webkit-transition:all .5s ease; transition: all .5s ease; position:relative;}
	.mainContent section.line01{height:20.833vw; /* height:400px; */}
	.mainContent section.line02{height:16.458vw; /* height:316px; */ }
	.mainContent section:before{content:''; position:absolute; top:0; right:0; width:1px; height:100%; display:block; background:#eee;}
	.mainContent .container{padding-top:2.448vw; /* padding-top:47px; */ padding-bottom:2.604vw; /* padding-bottom:50px; */ width:100%; height:100%; display:block;}
	.mainContent .container > .wrap{display:flex; width:100%; height:100%; flex-direction:column; align-items:center; text-align:left; margin:0;}
	.mainContent .container > .wrap > .tit{display:flex; width:100%; margin-bottom:1.771vw; /* margin-bottom:34px; */ z-index:51;}
	.mainContent .container > .wrap > .cnt{display:flex; width:100%; height:100%; z-index:51;}
		/* - 콘텐츠 타이틀 링크 CSS (공통)*/
		.cntMore{display:inline-block; line-height:1.3; color:#444; font-size:11px; font-weight:500; letter-spacing:1px; text-transform: uppercase;}
		.cntMore > i{display:inline-block; width:9px; height:9px; position:relative; overflow:hidden; margin-left:5px; -webkit-transition:all .3s ease; transition: all .3s ease;}
		.cntMore > i > b{position:absolute; display:block; width:0; height:1px; background:#1da1f2; top:4px; right:0;}
		.cntMore > i:before, 
		.cntMore > i:after{content:''; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#767676; }
		.cntMore > i:after{transform:rotate(90deg);}
			/* ^ 마우스오버 */
			.cntMore:hover > i, .cntMore:focus > i{width:18px;}
			.cntMore:hover > i:before, .cntMore:focus > i:before,
			.cntMore:hover > i:after, .cntMore:focus > i:after{width:1px; height:5px; right:2px; left:inherit; background:#1da1f2;}
			.cntMore:hover > i:before, .cntMore:focus > i:before{transform:skew(135deg, 0deg);  top:4px; } 
			.cntMore:hover > i:after, .cntMore:focus > i:after{transform:skew(-135deg, 0deg);  top:0;  }
			.cntMore:hover > i > b, .cntMore:focus > i > b{width:100%}


	/* -- Press-Releases : 보도자료(게시판) -- */
	section.Press-Releases{width:40%}
		.Press-Releases .cnt{flex-direction:column; align-items:center;}
		.Press-Releases .cnt > li{flex:2.8; width:100%; display:flex; align-items:center; border-bottom:1px solid #e1e1e1; }
		.Press-Releases .cnt > li > span{display:block; overflow:hidden; width:100%; text-align:left; }
		.Press-Releases .cnt > li > span > a,
		.Press-Releases .cnt > li > span > i{font-family: 'Noto Serif KR'; font-weight:400; letter-spacing:0; word-break: break-all;display:block; display:-webkit-box;  overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
		.Press-Releases .cnt > li > span > a.title{font-size:0.833vw; /* font-size:16px; */ color:#222; line-height:1.3; }
		.Press-Releases .cnt > li > span > i.date{font-style:normal; font-size:0.625vw; /* font-size:12px; */color:#767676; line-height:.9;}
		.Press-Releases .cnt > li > span > a:hover,
		.Press-Releases .cnt > li > span > a:focus{text-decoration:underline;}
		.Press-Releases .cnt > li:first-child{flex:2.2; align-items:baseline;}
		.Press-Releases .cnt > li:last-child{flex:2.2;  align-items:flex-end; border-bottom:none;}
		.Press-Releases .cnt .date{margin-top:0.469vw; /* margin-top:9px; */}

	/* -- Tweets : 트위터(아이프레임) -- */
	section.Tweets{width:30%;}
		/* - 공통 */
		.Tweets .cntMore:before{content:''; display:inline-block; width:11px; height:10px; background:url('../../images/2019/controls.png') -89px 0px / auto no-repeat; margin:1px 5px 0 0; }
		.Tweets .cntMore:hover:before, .Tweets .cntMore:focus:before{background:url('../../images/2019/controls.png') -105px 0px / auto no-repeat;}
		.Tweets .cnt{position:relative; margin-top:10px;}
		.Tweets .cnt .list{overflow-y:auto;position:Absolute; top:0; left:0; width:100%; height:100%;}
		/* - 로딩바 */
		.Tweets .loader{position:Absolute; top:0; left:0; width:100%; height:100%; z-index:-1; display:flex; align-items:center; }
		.Tweets .loader .wrap{width:80px; height:80px; position:relative; text-align:center; margin:0 auto;}
		.Tweets .loader .wrap > i{position:relative; height: 100%; width: 100%; border-radius: 80px; box-sizing:border-box; display:block; border: 1px solid  rgba(211,211,211, .7); margin:0 auto; text-align:center; transform-origin: 50% 50%;  -webkit-transform-origin: 50% 50%; -webkit-animation: loader 1s linear infinite;	animation: loader 1s linear infinite; }
		.Tweets .loader .wrap > i:after{content: ""; position: absolute;	top: -3px;	left: 17px;	width: 11px;	height: 11px;	border-radius: 10px;	background-color: #1da1f2;}
		.Tweets .loader .wrap > span{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; margin:0 auto; text-align:center;  }
		.Tweets .loader .wrap > span > p{width:auto; height:auto; display:block; text-align:center; margin:0 auto; font-weight:400; font-size:11px; color:#bbb; letter-spacing:0.5px;}
		/* ie 전용 */
		.Tweets .ie-notice{width:100%; height:100%; display:none; background:#f9f9f9;  align-items:center;}
		.Tweets .ie-notice .wrap{display:flex; width:100%; height:auto; align-items:center; flex-direction:column;}
		.Tweets .ie-notice .wrap > p{font-size:12px; color:#656565; text-align:center; margin:0 auto 20px auto; line-height:1; display:block;}
		.Tweets .ie-notice .wrap > a{display:block; background:#868686; border-radius:15px; color:#fff; font-size:12px; line-height:1;  letter-spacing:0.2px; padding: 7px 15px;}
		.Tweets .ie-notice .wrap > a:hover{background:#1da1f2;}
		/* - 아이프레임 */
		.Tweets .cnt .list .iframe{width:100%; height:100%; display:block;  overflow:hidden;}
		.Tweets .cnt .list .iframe a{font-size:0;}
		.Tweets .cnt .list .iframe iframe{width: 100% !important; height:100% !important; border:none; background:#fff;}
		.twitter-timeline {width:100%; height:100%;}

	/* -- Featured-Policy : 정책포커스(이미지) -- */
	section.Featured-Policy{width:30%;}
		/* - 공통 */
		.Featured-Policy .cnt{position:relative;}
		.Featured-Policy .cnt .slide{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
		.Featured-Policy .cnt .slick-list, .Featured-Policy .cnt .slick-track, .Featured-Policy .cnt .slick-slide > div, .Featured-Policy .cnt .slick-slide{width:100% ; height:100%; overflow:visible;}
		.Featured-Policy .cnt .list{width:100%; height:100%; display:block !important;}
		.Featured-Policy .cnt .list > span{width:100%; height:100%; display:flex; flex-direction:column; align-items:center;}
		.Featured-Policy .cnt .list > span > a:first-child{margin-bottom:20px;}
		.Featured-Policy .cnt .list > span > a{display:block; width:100%; height:50% !important; font-size:0;}
		.Featured-Policy .tit > a{flex:none; margin-right:auto;}
		/* - 좌 우 버튼 */
		.Featured-Policy .tit .slick-arrow-wrap{width:100%; max-width:70px; float:right; display:flex; align-items:flex-end;}
		.Featured-Policy .tit .slick-arrow{font-size:0; flex:5; padding-top:20px; }
		.Featured-Policy .tit .slick-arrow i{width:100%; height:10px; display:block; position:relative;}
		.Featured-Policy .tit .slick-arrow i:before{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#767676;  -webkit-transition:all .5s ease; transition: all .5s ease;}
		.Featured-Policy .tit .slick-arrow i:after{content:''; width:1px; height:10px;  position:absolute; bottom:0; background:#767676;  -webkit-transition:all .5s ease; transition: all .5s ease;}
		.Featured-Policy .tit .slick-prev{margin-right:5px;}
		.Featured-Policy .tit .slick-next{margin-left:5px;}
		.Featured-Policy .tit .slick-prev i:after{left:5px; transform:rotate(45deg)}
		.Featured-Policy .tit .slick-next i:after{right:5px; transform:rotate(-45deg)}
			/* ^ 마우스 오버 */
			.Featured-Policy .tit .slick-arrow:hover i:before, .Site-Banner .tit .slick-arrow:focus i:before,
			.Featured-Policy .tit .slick-arrow:hover i:after, .Site-Banner .tit .slick-arrow:focus i:after{background:#1da1f2;}
		/* - 슬라이드 컨트롤 dot (모바일용) */
		.Featured-Policy .slick-dots{width:auto; height:auto; display:none !important; align-items:center; }
		.Featured-Policy .slick-dots > li{height:auto; width:15px; margin-left:6px; }
		.Featured-Policy .slick-dots > li > button{width:100%; height:auto; padding-bottom:3px; border-bottom:1px solid #bbb;  display:block;text-align:right; font-family:'Questrial', sans; color:#bbbbbb; font-size:13px; font-weight:400; }
		.Featured-Policy .slick-dots > li.slick-active > button{border-bottom:1px solid #1da1f2; color:#1da1f2;}

	/* -- Weekly : 뉴스레터, 월간 경제지 -- */
	section.Weekly{width:20%; display:flex; flex-direction:column;}
		.Weekly > div{height:50%; flex:5;}
		/*.Weekly > div.Newsletter{border-bottom:1px solid #e1e1e1;}*/
		.Weekly > div.Newsletter .cnt,
		.Weekly > div.Media-Schecule .cnt{margin-top:auto;}
		.Weekly .tit{margin-bottom:1.302vw !important; /* margin-bottom:25px !important; */}
		.Weekly .cnt a{font-family: 'Noto Serif KR'; font-weight:400; letter-spacing:-0.2px; display:block; display:-webkit-box;  word-break: break-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:0.833vw; /* font-size:16px; */ color:#222; line-height:1;}
		.Weekly .cnt a:hover, .Weekly .cnt a:focus{text-decoration:underline;}
		.Weekly .cnt{height:auto !important;}

	/* -- Treasuay-Bonds : 국고채(게시판) -- */
	section.Treasuay-Bonds{width:20%;}
		.Treasuay-Bonds .cnt{flex-direction:column; align-items:center;}
		.Treasuay-Bonds .cnt > li{flex:2.8; width:100%; display:flex; align-items:center; border-bottom:1px solid #e1e1e1; }
		.Treasuay-Bonds .cnt > li > a{font-family: 'Noto Serif KR'; font-weight:400; font-size:14px; color:#222; line-height:1.3; letter-spacing:0; display:block; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
		.Treasuay-Bonds .cnt > li > a:hover, .Treasuay-Bonds .cnt > li > a:focus{text-decoration:underline;}
		.Treasuay-Bonds .cnt > li:first-child{flex:2.2; align-items:baseline;}
		.Treasuay-Bonds .cnt > li:last-child{flex:2.2;  align-items:flex-end; border-bottom:none;}
		.Treasuay-Bonds .cnt .date{margin-top:9px;}

	/* -- Public-Information : 공공정보 -- */
	section.Korea-Economy{width:20%; box-sizing: content-box !important;}
		.Korea-Economy .slick-track,
		.Korea-Economy .slick-list,
		.Korea-Economy .slick-slide{height:100%;}
		.Korea-Economy h1{display:block; width:100%; line-height:1.3; color:#444; font-size:11px; font-weight:500; letter-spacing:0.5px; text-transform: uppercase; margin-right:auto;}
		.Korea-Economy .cnt{align-items:center;}
		.Korea-Economy .cnt > ul{display:flex; width:100%; height:100%; align-items:flex-end;}
		/* - 텍스트 */
		.Korea-Economy .cnt > ul > li.txt{flex:auto; display:flex; flex-direction:column; }
		.Korea-Economy .cnt > ul > li.txt h4, .Korea-Economy .cnt > ul > li.txt a{font-family: 'Noto Serif KR'; font-weight:400; font-size:14px; line-height:1.2; letter-spacing:0; }
		.Korea-Economy .cnt > ul > li.txt > h4.name{font-size:10px; color:#767676; line-height:1.2; display:block; margin-bottom:10px;}
		.Korea-Economy .cnt > ul > li.txt > a.dateSlice{font-size:14px; color:#222;  line-height:1.2; display:block;}
		.Korea-Economy .cnt > ul > li.txt > a.dateSlice:hover{text-decoration:underline;}
			/* ^ 마우스 오버 */
			.Korea-Economy .cnt > ul > li.txt > a:hover > .dateSlice, 
			.Korea-Economy .cnt > ul > li.txt > a:focus > .dateSlice,
			.Korea-Economy .cnt > ul > li.txt > a:hover{text-decoration:underline;}
		/* - 이미지 */
		.Korea-Economy .cnt > ul > li.img{width:auto; height:auto; border:1px solid #ddd;}
		.Korea-Economy .cnt > ul > li.img > a{display:block; width:5.833vw; height:7.917vw; /* width:112px; height:152px; */ font-size:0; position:relative;     background-position: center right !important;}
			/* ^ 마우스 오버 */
			.Korea-Economy .cnt > ul > li.img > a:hover > i, .Korea-Economy .cnt > ul > li.img > a:focus > i{width:100%;}
		
		.Korea-Economy .slick-slide > div{height:100%; display:flex;}
		/* - 슬라이드 재생, 정지 */
		.Korea-Economy .tit .slick-controls{display:flex; align-items:center; height:14px; flex:none;}
		.Korea-Economy .tit .slick-controls button{display:none; font-size:0; padding-left:8px;}
		.Korea-Economy .tit .slick-controls button > i{display:block; width:7px; height:9px; position:relative; font-size:0;}
			/* ^ 정지 */
			.Korea-Economy .tit button.slide-pause i:before, 
			.Korea-Economy .tit button.slide-pause i:after{content:''; display:block; position:absolute; background:#767676; width:1px; height:100%; top:0;}
			.Korea-Economy .tit button.slide-pause i:before{left:0;}
			.Korea-Economy .tit button.slide-pause i:after{right:0;}
			.Korea-Economy .tit button.slide-pause:hover i:before, 
			.Korea-Economy .tit button.slide-pause:hover i:after{background:#1da1f2;  transition: all 1s;}
			/* ^ 재생 */
			.Korea-Economy .tit button.slide-play{display:none;}
			.Korea-Economy .tit button.slide-play i:before{content:''; display:block; position:absolute; top:0; left:0; border-top:4.5px solid transparent; border-left:7px solid #767676; border-bottom:4.5px solid transparent}
			.Korea-Economy .tit button.slide-play:hover i:before{ border-left:7px solid #1da1f2; transition: all 1s;}
		/* - 슬라이드 재생, 정지 */
		.Korea-Economy .tit .slick-arrows{display:flex; align-items:center; height:14px; flex:none;}
		.Korea-Economy .tit .slick-arrows button{font-size:0;width:auto;height:9px;padding-left: 10px;transition:0.3s all;display: block;position: relative;overflow:hidden;}
		.Korea-Economy .tit .slick-arrows button.slide-prev:hover{padding-right:15px;}	
		.Korea-Economy .tit .slick-arrows button.slide-next:hover{padding-left:15px; margin-left:10px;}	
		.Korea-Economy .tit .slick-arrows button.slide-prev:after,
		.Korea-Economy .tit .slick-arrows button.slide-next:before{content:'';display:block;width: 0;height:1px;background:#1da1f2;transition:0.3s all;position: absolute;top: 4px;transition:0.3s all;}	
		.Korea-Economy .tit .slick-arrows button.slide-prev:hover:after{left:13px;}
		.Korea-Economy .tit .slick-arrows button.slide-next:hover:before{right:3px;}
		.Korea-Economy .tit .slick-arrows button.slide-prev:hover:after,
		.Korea-Economy .tit .slick-arrows button.slide-next:hover:before{width:100%;}
		.Korea-Economy .tit .slick-arrows button i{position:relative; display:block; width:7px; height:9px;}
		.Korea-Economy .tit .slick-arrows button i:before,
		.Korea-Economy .tit .slick-arrows button i:after{content:''; width:1px; height:7px; background:#767676; display:block; position:absolute; left:50%; }
		.Korea-Economy .tit .slick-arrows button i:before{top:-1px; transform:rotate(45deg);}
		.Korea-Economy .tit .slick-arrows button i:after{top:3px; transform:rotate(-45deg);}
		.Korea-Economy .tit .slick-arrows button.slide-next i{transform:rotate(-180deg);float: right;}
		.Korea-Economy .tit .slick-arrows button:hover i:before,
		.Korea-Economy .tit .slick-arrows button:hover i:after{background:#1da1f2; }
		
		
		
	/* -- Public-Information : 공공정보 -- */
	section.Public-Information{width:20%;}
		.Public-Information h1{display:block; width:100%; line-height:1.3; color:#444; font-size:11px; font-weight:500; letter-spacing:0.5px; text-transform: uppercase;}
		.Public-Information .cnt{align-items:center;}
		.Public-Information .cnt > ul{display:flex; width:100%; height:100%; align-items:flex-end;}
		/* - 텍스트 */
		.Public-Information .cnt > ul > li.txt{flex:auto; }
		.Public-Information .cnt > ul > li.txt h4, .Public-Information .cnt > ul > li.txt a{font-family: 'Noto Serif KR'; font-weight:400; font-size:14px; line-height:1.2; letter-spacing:0; }
		.Public-Information .cnt > ul > li.txt > h4.name{font-size:10px; color:#767676; line-height:1.2; display:block; margin-bottom:10px;}
		
		.Public-Information .cnt > ul > li.txt > a{font-family: 'Noto Serif KR'; font-weight:400; font-size:14px; line-height:1.2; letter-spacing:0; display:flex; flex-direction:column; }
		.Public-Information .cnt > ul > li.txt > a > .name{font-size:10px; color:#767676; line-height:1.2; display:block; margin-bottom:10px;}
		.Public-Information .cnt > ul > li.txt > a > .dateSlice{font-size:14px; color:#222;  line-height:1.2; display:block;}
			/* ^ 마우스 오버 */
			.Public-Information .cnt > ul > li.txt > a:hover > .dateSlice, .Public-Information .cnt > ul > li.txt > a:focus > .dateSlice{text-decoration:underline;}
		/* - 이미지 */
		.Public-Information .cnt > ul > li.img{width:5.833vw; height:7.917vw; /* width:112px; height:152px; */ border:1px solid #ddd;}
		.Public-Information .cnt > ul > li.img > a{display:block; width:100%; height:100%; font-size:0; position:relative;}
			/* ^ 마우스 오버 */
			.Public-Information .cnt > ul > li.img > a:hover > i, .Public-Information .cnt > ul > li.img > a:focus > i{width:100%;}


	/* -- Daily-Indicators : 일일경제지표 (탭 게시판) -- */
	section.Daily-Indicators{width:20%;}
		.Daily-Indicators .cnt{flex-direction:column; align-items:center;}
		.Daily-Indicators .cnt .tabGroup{width:100%; height:100%; display:flex; flex-direction:column;}
		/* - 탭 버튼 */
		.Daily-Indicators .cnt .tab{display:flex; flex-wrap:wrap; align-items:baseline;}
		.Daily-Indicators .cnt .tab a{width:50%; height:25px; display:flex; margin-bottom:10px; }
		.Daily-Indicators .cnt .tab a.active span{border:1px solid #ddd; background:#fff; color:#555555; }
		.Daily-Indicators .cnt .tab a:hover span{border:1px solid #1da1f2; background:#1da1f2; color:#fff; }
		.Daily-Indicators .cnt .tab a span{display:block; width:100%;  background:#f4f4f4; border:1px solid #f4f4f4;  font-size:10px; font-weight:500; color:#6f6f6f; text-transform: uppercase; letter-spacing:0.3px; text-align:center; margin:0 auto; -webkit-transition:all .3s ease; transition: all .3s ease; }
		.Daily-Indicators .cnt .tab a:nth-child(even) span{margin-left:5px}
		.Daily-Indicators .cnt .tab a:nth-child(odd) span{margin-right:5px}
		/* - 탭 내용 */
		.Daily-Indicators .cnt .tabCnt{flex:auto; display:flex; align-items:flex-end;}
		.Daily-Indicators .cnt .tabCnt > span{display:block; width:100%; height:50px; position:relative; overflow:hidden;}
		.Daily-Indicators .cnt .tabCnt > span:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;  background:url('../../images/2019/pattern-tabCnt.jpg') center center / auto repeat-x;}
		.Daily-Indicators .cnt .tabCnt > span > p{position:absolute; left:0; bottom:11px; width:100%; height:auto; visibility:hidden; display:flex; align-items:flex-end; font-family: 'Questrial'; font-weight:400; } 
		.Daily-Indicators .cnt .tabCnt > span > p > b{flex:auto; font-size:1.563vw; /* font-size:30px; */ color:#444444; text-align:right; font-weight:400 !important; letter-spacing: 0.3px; line-height:1;}
		.Daily-Indicators .cnt .tabCnt > span > p > i{width:auto; font-size:15px; /* font-size:15px; */ display:flex; align-items:center; letter-spacing:1px; text-align:left; font-style:inherit; line-height:1; }
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-up{color:#c44c4c; }
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-down{color:#4c71c4; }
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-keep{color:#818181; }
		.Daily-Indicators .cnt .tabCnt > span > p > i:before{content:''; display:inline-block; width:14px; height:11px; background:#eee; margin-right:5px; background:url('../../images/2019/controls.png') no-repeat;}
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-up:before{background-position:-55px -20px;}
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-down:before{background-position:-74px -20px;}
		.Daily-Indicators .cnt .tabCnt > span > p > i.rate-keep:before{background-position:-93px -20px;}
		.Daily-Indicators .cnt .tabCnt > span > p.active{visibility:visible; -webkit-animation: Daily-Indicators .5s ease-out ; animation: Daily-Indicators .5s ease-out ;}

	/* -- Site-Banner : 사이트배너 (슬라이드) -- */
	section.Site-Banner{width:100%; display:flex;}
		/* - 공통 */
		.Site-Banner .container{padding-top:1.406vw; padding-bottom:1.563vw; /* padding-top:27px; padding-bottom:30px; */ }
		.Site-Banner .wrap{flex-direction:row !important; overflow-x:hidden; }
		.Site-Banner .tit{flex:none; width:117px !important; height:100%; flex-direction:column; margin-bottom: 0 !important; padding:1.042vw 0; /* padding:20px 0; */}
		.Site-Banner .cnt{width:92% !important; height:auto !important; flex:auto;}
		.Site-Banner .SBslideWrap{position:relative; width:100%; height:100%; display:block;}
		.Site-Banner .SBslide a{font-size:0;display:flex !important; align-items:center; height:3.802vw; /* height:73px */}
		.Site-Banner .SBslide a > img{width:100%; text-align:center; margin:0 auto;}
		.Site-Banner .SBslide .backImg{ background-size:auto !important; display:block;}
		.Site-Banner .slick-list{overflow-x:hidden; overflow-y:visible; padding:1.042vw 0; /* padding:20px 0; */}
		.Site-Banner .slick-slide > div{width:100%; height:100%;}
		.Site-Banner h1{display:block; width:6.094vw; /*  width:117px; */ line-height:1.3; color:#444; font-size:11px; font-weight:500; letter-spacing:0.5px; text-transform: uppercase;}
		/* 좌 우 슬라이드 버튼 */
		.Site-Banner .slick-arrow-wrap{width:3.646vw;/* width:70px; */flex:auto;display:flex;align-items:flex-end;}
		.Site-Banner .slick-arrow{font-size:0; flex:5; padding-top:1.042vw;  /*  padding-top:20px; */}
		.Site-Banner .slick-arrow i{width:100%; height:10px; display:block; position:relative;}
		.Site-Banner .slick-arrow i:before{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#767676;  -webkit-transition:all .5s ease; transition: all .5s ease;}
		.Site-Banner .slick-arrow i:after{content:''; width:1px; height:10px;  position:absolute; bottom:0; background:#767676;  -webkit-transition:all .5s ease; transition: all .5s ease;}
		.Site-Banner .slick-prev{margin-right:5px;}
		.Site-Banner .slick-next{margin-left:5px;}
		.Site-Banner .slick-prev i:after{left:5px; transform:rotate(45deg)}
		.Site-Banner .slick-next i:after{right:5px; transform:rotate(-45deg)}
			/* ^ 마우스 오버 */
			.Site-Banner .slick-arrow:hover i:before, .Site-Banner .slick-arrow:focus i:before,
			.Site-Banner .slick-arrow:hover i:after, .Site-Banner .slick-arrow:focus i:after{background:#1da1f2;}
		/* - 슬라이드 컨트롤 dot (모바일용) */
		.Site-Banner .slick-dots{width:auto; height:auto; display:flex; align-items:center; }
		.Site-Banner .slick-dots > li{width:15px; height:auto; margin-left:6px; }
		.Site-Banner .slick-dots > li > button{width:100%; height:auto; padding-bottom:3px; border-bottom:1px solid #bbb;  display:block;text-align:right; font-family:'Questrial', sans; color:#bbbbbb; font-size:13px; font-weight:400; }
		.Site-Banner .slick-dots > li.slick-active > button{border-bottom:1px solid #1da1f2; color:#1da1f2;}

/* ===== 메인 콘텐츠 영역 : END ===== */


@-ms-keyframes slidePhoto {
	0% {width:0; }
	100% { width:100%; }
}
@keyframes slidePhoto {
	0% {width:0; }
	100% { width:100%; }
}

@-ms-keyframes Daily-Indicators {
	0% {bottom:-25px; }
	100% { bottom:11px; }
}
@keyframes Daily-Indicators {
	0% {bottom:-25px; }
	100% { bottom:11px; }
}

@-ms-keyframes dotsIn {
	0% {margin-bottom:-100%; }
	100% { margin-bottom:0; }
}
@keyframes dotsIn {
	0% {margin-bottom:-100%; }
	100% { margin-bottom:0; }
}

@-ms-keyframes dotsOut {
	0% {margin-bottom:0; }
	100% { margin-bottom:-80px; }
}
@keyframes dotsOut {
	0% {margin-bottom:0; }
	100% { margin-bottom:-80px; }
}

@-webkit-keyframes loader{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes loader{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}