@charset "utf-8";

/* -- Basic Main CSS -- */
.whiteSpace40{padding:0 2.083vw; /* padding:0 40px; */}
label{display:none;}
.tabVer{display:none;}


/* -- 모바일용 헤더, 푸터(감춤) -- */
.mobile-header, .mobile-footer{display:none;}

.newTab > i{display:inline-block; width:12px; height:10px; margin-left:5px; background:url('../../images/2019/controls.png') -55px 0px / auto no-repeat; }
.newTab:hover > i, .newTab:focus > i{background:url('../../images/2019/controls.png') -72px 0px / auto no-repeat;}

/* ============= header 영역 (왼쪽메뉴 영역) : START ============= */
header{ width:auto; height:100%;position:fixed; overflow:hidden; box-sizing:border-box; top:0; left:0;z-index:999; -webkit-transition:all .5s ease; transition: all .5s ease;}
header > .container{ width:254px; height:100%; margin:0 !important; padding:0 !important; border-right:1px solid #e1e1e1;  background:#fff; position:relative;  z-index:999; -webkit-transition:all .5s ease; transition: all .5s ease;}
header > .container:after{width:0px; visibility:hidden; position:absolute; right:-22px; top:0; -webkit-transition:all .5s ease; transition: all .5s ease;}


/* ==== 로고 ==== */
.homeLogo{width:100%; height:4.531vw; /* height:87px; */ margin-bottom: 2.448vw; /* margin-bottom:47px; */ border-bottom:1px solid #e1e1e1;}
.homeLogo > a{width:100%; max-width:172px; height:100%; display:block; font-size:0; background:url('../../images/2019/logo.svg') center center / contain no-repeat;}


/* ==== 왼쪽메뉴 ==== */
	.menuList{position:relative; margin:0; z-index:999;}

	/* CLOSE -- */
		
		/* - 1뎁스 메뉴 */
		.menuList .title {position:relative; padding-top:5px; color:#444; font-size:11px; font-weight:500; letter-spacing:1px; text-transform: uppercase; display:inline-block;}
		.menuList .title:after{content:''; position:absolute; top:0; left:0; height:1px; background:#d2d2d2; display:block; }
		.menuList .active:before{content:'';position:absolute; top:4px; right:-10px; background:#1da1f2;border-radius:100%;width:4px;height:4px;margin-top:4px;margin-left:1px;}
		.menuList > li{padding-top:23px; position:relative; overflow:hidden; }
		.menuList > li:nth-child(1) .title:after{width:70px;}
		.menuList > li:nth-child(2) .title:after{width:50px;}
		.menuList > li:nth-child(3) .title:after{width:30px;}
		.menuList > li:nth-child(4) .title:after{width:20px;}
		.menuList > li:nth-child(5) .title:after{width:10px;}
		
		/* - 2뎁스 메뉴 */
		.menuList .sub{display:block; width:auto; height:auto;  overflow:hidden;  -webkit-transition:all .3s ease; transition: all .3s ease;}
		.menuList .sub:focus, .menuOpen .menuList .sub{margin:13px 0 13px 35px; visibility: visible;}
		.menuList .sub > li{display:block; margin-left:-100%; max-height:0; visibility: hidden; }


	/* OPEN -- */
	header.menuOpen{width:828px; display:flex;}
	header.menuOpen > .container{width:403px; margin-right:22px;}
	header.menuOpen > .container:after{visibility: visible; content:''; width:22px; height:100%; display:block; background: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);}
	
		/* - 1뎁스 메뉴 */
		header.menuOpen .menuList .title{color:#222;}
		header.menuOpen .menuList .title:after{background:#ddd;}
	
		/* - 2뎁스 메뉴 */
		header.menuOpen .menuList .sub > li{visibility: visible;  max-height:22px; -webkit-transition:all .5s ease; transition: all .5s ease;}
		header.menuOpen .menuList .sub > li > a{position:relative; color:#444; font-size:12px; font-weight:400; letter-spacing:0.1px; line-height:1.458vw; /* line-height:28px; */}
		header.menuOpen .menuList .sub > li > a:hover, 
		header.menuOpen .menuList .sub > li:hover > a,
		header.menuOpen .menuList .sub > li > a:focus,
		header.menuOpen .menuList .sub > li > a.active{color:#1da1f2;}
		/*header.menuOpen .menuList .sub > li > a.active:after{content:'';position:absolute; top:0; right:-10px; background:#1da1f2;border-radius:100%;width:4px;height:4px;margin-top:4px;margin-left:1px;}*/
			/* ^ 마우스오버시 따라다니는 바 */
			header.menuOpen .menuList > li > i.bar{position:absolute; top:3.750vh; left:0; display:block; background:#eee; width:14px; height:1px; animation-delay:.5s; -webkit-animation: subMenuLine .5s liner;}
	
		/* - menuOther (가려짐) */
		header.menuOpen .menuOther{z-index:1; } 
		
		/* - 메뉴 열릴때 백그라운드 */
		.whiteBG{position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(255,255,255,.5); display:none; z-index:997;}


/* ==== 주요 메뉴 ==== */
	.division{width:0; height:100%; display:flex; position:relative; -webkit-transition:all .5s ease; transition: all .5s ease; z-index:998;} 
	.division:after{content:''; width:22px; height:100%; display:block; background: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);  z-index:997;}
	.division .container{display:block; width:403px; height:auto; overflow:hidden; padding:8.750vw 50px 0 50px; /* padding:168px 50px 0 50px; */ background:rgba(51,51,51,.9); -webkit-transition:all .5s ease; transition: all .5s ease;}
	
	/* OPEN -- */
	.division.open{width:425px;  visibility:visible; margin-left:0;  -webkit-animation: divisionOpen .5s ease; animation: divisionOpen .5s ease;}
	.division.open:after{visibility:visible;}

		/* - 마우스오버 */
		.division.open:hover > .container{ background:rgba(34,34,34,.95);}

		/* - 리스트 */
		.division.open .list{width:100%; visibility:visible;  }

	/* CLOSE -- */
	.division.closeEffect{margin-left:-100%; -webkit-animation: divisionClose 1s ease; animation: divisionClose 1s ease;}
	.division.close{width:0;  visibility:hidden; margin-left:-100%;}
	.division.close:after{visibility:hidden;}
	.division.close .list{width:0; visibility:hidden; }

		/* - 리스트 */
		.division .list{display:flex; height:100%; flex-direction:column; overflow:hidden; }
		.division .list > li{height:23px; margin-bottom:1.198vw; /* margin-bottom:23px; */ display:flex; -webkit-transition:all .5s ease; transition: all .5s ease;}
		.division .list > li > a:hover, .division .list > li > a:focus{opacity:1;}
		.division .list > li  > a:before{content:''; width:23px; height:23px; display:inline-block; margin-right:16px;  background:url('../../images/2019/icon-division.png') no-repeat; }
		.division .list > li:nth-child(1) > a:before{background-position:0 0;}
		.division .list > li:nth-child(2) > a:before{background-position:-27px 0;}
		.division .list > li:nth-child(3) > a:before{background-position:-54px 0;}
		.division .list > li:nth-child(4) > a:before{background-position:-81px 0;}
		.division .list > li:nth-child(5) > a:before{background-position:-108px 0;}
		.division .list > li:nth-child(6) > a:before{background-position:-135px 0;}
		.division .list > li:nth-child(7) > a:before{background-position:-162px 0;}
		.division .list > li:nth-child(8) > a:before{background-position:-190px 0;}
		.division .list > li:nth-child(9) > a:before{background-position:-216px 0;}
		.division .list > li:nth-child(10) > a:before{background-position:-243px 0;}
		.division .list > li:nth-child(11) > a:before{background-position:-270px 0;}
		.division .list > li:nth-child(12) > a:before{background-position:-297px 0;}
		.division .list > li:nth-child(13) > a:before{background-position:-325px 0;}
		.division .list > li:nth-child(14) > a:before{background-position:-351px 0;}
		.division .list > li:nth-child(15) > a:before{display:none;}
		.division .list > li > a{color:#fff; font-size:12px; font-weight:300; letter-spacing:0.3px; display:flex; opacity:.52;}
		/* 브로슈어 다운로드 - 삭제 : 20200326
		.division .list > li:last-child{width:100%; height:31px;text-align:center; margin:15px auto 0 auto; text-align:center; }
		.division .list > li:last-child > a{margin:0 auto;  border:1px solid #fff; border-radius:15px; width:100%; height:100%; display:flex; align-items:center; text-align:center;}
		.division .list > li:last-child > a > i{color:#fff; font-size:12px; font-weight:300; letter-spacing:0.3px; font-style:normal; display:flex; align-items:center; text-align:center; margin:0 auto;}
		.division .list > li:last-child > a > i:before{content:''; width:23px; height:23px; display:inline-block; margin-right: 5px; background:url('../../images/2019/icon-division.png') -377px 0px / auto no-repeat; }
		*/

/* ==== menuOther : 뉴스레터 구독 & 사이트 이용안내 메뉴 바로가기 (공통) ==== */
	.menuOther{position:absolute; left:0; bottom:1.302vw; /* bottom:25px; */ width:100%; height:auto; z-index:1000; } 
	/* - ADB 로고  */
	.ADBlogo{display:block; width:100%; height:auto; margin-bottom:1.563vw; /* margin-bottom:30px; */}
	.ADBlogo > img{width:100%; max-width: 174px; height:auto;}
	/* - 뉴스레터 */
	.subscribe{width:100%; max-width:174px; height:auto; display:block;  padding:0.885vw 1.042vw; /* padding:17px 20px; */ border:1px solid #e1e1e1; background:#f9f9f9;  display:flex; align-items:center; text-align:left; margin-bottom:1.563vw; /* margin-bottom:30px; */}
	.subscribe > .container{width:100%; text-align:center;}
	.subscribe h1{display:block; color:#656565; font-size:0.625vw; /* font-size:12px; */ font-weight:400; letter-spacing:0.2px; margin-bottom:10px;}
	.subscribe a{display:block; border-radius:30px; background:#868686; color:#fff; font-size:0.573vw; /* font-size:11px; */font-weight:400; letter-spacing:0.2px; margin-bottom:3px;}
		/* ^ 마우스 오버 효과 */
		.subscribe a:hover{ background:#1da1f2;} 

	/* - 이용안내 메뉴 */
	.siteInfo{width:100%; max-width:174px; height:1.875vw; /* height:36px; */ text-align:left; display:flex; align-items:center; margin-bottom:1.354vw;  /* margin-bottom:26px; */ }
	.siteInfo a{width:1.875vw; /* width:36px */ min-width:28px; height:100%; min-height:28px; position:relative; overflow:visible; box-sizing:border-box; font-size:0px; display:flex; align-items:center; text-align:center;  border-radius:100%; border:1px solid #ddd; margin-right:auto;}
	.siteInfo a:last-child{margin-right:0;}
	.siteInfo a:before{content:''; display:block; width:20px; height:20px; background:#ddd; margin:0 auto; background:url('../../images/2019/icon-siteInfo.png') no-repeat;} 
	.siteInfo a:nth-child(1):before{background-position:0 0;}
	.siteInfo a:nth-child(2):before{background-position:-20px 0px;}
	.siteInfo a:nth-child(3):before{background-position:-40px 0px;}
	.siteInfo a:nth-child(4):before{background-position:-60px 0px;}
		/* ^ 마우스 오버 효과 */
		.siteInfo a:nth-child(1):hover:before{background-position:0 -20px;}
		.siteInfo a:nth-child(2):hover:before{background-position:-20px -20px;}
		.siteInfo a:nth-child(3):hover:before{background-position:-40px -20px;}
		.siteInfo a:nth-child(4):hover:before{background-position:-60px -20px;}
		.siteInfo a:hover{background:#1da1f2; border:1px solid #1da1f2;}
		/* ^ 마우스 오버 효과 (tooltip) */
		.siteInfo .tooltip{
			display:block; position:absolute; overflow:hidden; visibility:hidden; color:#fff; font-size:9px; font-weight:400;  
			letter-spacing:0.2px; opacity:0; padding:2px 8px; border-radius:15px; background:rgba(0,0,0,.6); box-sizing:border-box; white-space:nowrap; 
			bottom:110%; bottom:calc(100% + 5px); left:50%; transform:translate(-50%,0); box-shadow: 0px 1px 1px 0px rgba(0,0,0,.1);
		}
		.siteInfo .tooltip.visible{visibility:visible; overflow:visible; opacity:1;  width:auto; height:auto;  -webkit-animation: tooltip .5s ease; animation: tooltip .5s ease; }
		.siteInfo .tooltip.visible i{visibility:visible; position:absolute; overflow:hidden; bottom:-15px; left:0; width:100%; height:15px; display:flex; align-items:center; text-align:center; margin:0 auto;}
		.siteInfo .tooltip.visible i:after{content:''; display:block; width:10px; height:10px; box-shadow:0px 0px 2px 2px rgba(0,0,0,.1); transform: rotate(45deg); background:rgba(0,0,0,.6); margin:-15px auto 0 auto;}
	
	/* - copyright */
	.copyright{ color:#767676; font-size:9px; font-weight:400; display:block; line-height:12px;}



/* -- mobile-topHead -- */
.mobile-topHead{display:none; }


/* ==== topHead : 검색바 ==== */
	.topHead{padding:0 4.010vw 0 254px; width:100%; height:4.531vw; /* margin:0 97px 0 254px; height:87px; */ display:flex; border-bottom:1px solid #e1e1e1;}
	.topHead .left{flex:4;  height:100%; display:flex; align-items:center; }
	.topHead .left > .containter{width:100%; height:100%; display:block;}
	/* - (서브) 페이지 네비게이션 */
	.topHead .left .title-nav{display:block; flex:auto; text-align:right;}
	.topHead .left .title-nav > .wrap{display:flex; align-items:center; float:right;  color:#767676; font-weight:400; font-size:10px; letter-spacing:0.8px;}
	/*
	.topHead .left .title-nav > .wrap:before{content:''; width:12px; height:11px; background:url('../../images/2019/controls.png') -84px -44px / auto no-repeat;}
	.topHead .left .title-nav > .wrap span{display:flex; align-items:center; text-transform: uppercase;}
	.topHead .left .title-nav > .wrap span:before{content:''; width:1px; height:10px; display:block; transform: rotate(30deg); background:#bbb; margin:0 10px;}
	.topHead .left .title-nav > .wrap span:last-child{color:#222;}
	*/
	.topHead .left .title-nav > .wrap li{float:left; text-transform: uppercase;}
	.topHead .left .title-nav > .wrap li:after{content:''; width:1px; height:10px; display:inline-block; transform: rotate(30deg); background:#bbb; margin:-1px 10px;}
	.topHead .left .title-nav > .wrap li a.nav_home{font-size:0; display:inline-block; width:12px; height:11px; background:url('../../images/2019/controls.png') -84px -44px / auto no-repeat;}
	.topHead .left .title-nav > .wrap li a{color:#767676;}
	.topHead .left .title-nav > .wrap li:last-child a{color:#222;}
	.topHead .left .title-nav > .wrap li:last-child:after{display:none;}

	/* - (서브) 뒤로가기 버튼 */
	.topHead .left .backPage{color:#767676; font-weight:400; font-size:12px; display:flex; align-items:center;}
	.topHead .left .backPage i{position:relative; display:flex;align-items:center; width:8px; height:16px; margin-right:10px; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.topHead .left .backPage i:before,
	.topHead .left .backPage i:after{content:''; display:block; width:1px; height:8px; position:absolute; left:4px; background:#767676;}
	.topHead .left .backPage i:before{transform:skew(135deg, 0deg);  top:0;}
	.topHead .left .backPage i:after{transform:skew(-135deg, 0deg);  bottom:0;}
	.topHead .left .backPage b{display:block; width:0; height:1px; background:#767676;  -webkit-transition:all .3s ease; transition: all .3s ease;}
		/* ^ 마우스 오버  */
		.topHead .left .backPage:hover, .topHead .left .backPage:focus{color:#1da1f2; }
		.topHead .left .backPage:hover i, .topHead .left .backPage:focus i{width:30px;}
		.topHead .left .backPage:hover i:before, .topHead .left .backPage:focus i:before,
		.topHead .left .backPage:hover i:after, .topHead .left .backPage:focus i:after{background:#1da1f2;}
		.topHead .left .backPage:hover b, .topHead .left .backPage:focus b{width:30px; background:#1da1f2;}
	/* - 검색바 */
	.topHead .right{flex:6;height:100%;border-right: 1px solid #e1e1e1;display:flex;align-items:center;justify-content: flex-start;}
	.search{width:auto; position:relative;}
	.searchFrmWrap{display:inline-block; position:relative; }
	.searchFrmWrap:before{content:''; position:absolute; bottom:8px; left:0; display:block; width:0px; height:1px; background:#ddd; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.searchFrmWrap input[name="searchTerm"]{width:13.021vw; /* width:250px; */ background:rgba(255,255,255,.1); border:none; border-radius:18px;  padding:15px 0; color:#767676; font-weight:400; font-size:12px; -webkit-transition:all .3s ease; transition: all .3s ease;}

	.searchFrmWrap.active input[name="searchTerm"]{width:18.229vw; /* width:350px; */ border-radius:0 !important; outline:none; color:#555;}
	.searchFrmWrap input::-webkit-input-placeholder{color:#767676;}
	.searchFrmWrap label{display:none;}
	.searchFrmWrap input[name="searchTerm"]::-ms-clear{display: none;}
	.searchFrm{ overflow:hidden; margin-left:32px; -webkit-transition:all .3s ease; transition: all .3s ease;}
	input[name="searchTerm"]:-ms-clear{display: none; letter-spacing: 0.5px;}
		/* ^ 클릭 했을때 */
		.searchFrmWrap.active:before{width:100%; }
		.searchFrmWrap.active .searchBtn{right:0 !important; left: inherit; }
		.searchFrmWrap.active .searchFrm{ margin-left:0;}
		.searchFrmWrap.active .searchIcon{ padding:16px 0 16px 16px;}
		.searchFrmWrap.active .searchIcon:hover span:before{border:1px #1da1f2 solid;}
		.searchFrmWrap.active .searchIcon:hover span:after{background:#1da1f2;}

	/* - 검색버튼 */
	.searchBtn{position:absolute; height:100%; top:0; left:0; display:flex; align-items:center; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.searchIcon{ padding-right:16px; font-size:0; }
	.searchIcon span{height:16px; width:16px; display:block; position:relative; font-size:0;} 
	.searchIcon span:before, .searchIcon span:after{content:''; display:block; position:absolute; top:0; left:0;  -webkit-transition:all .3s ease; transition: all .3s ease; }
	.searchIcon span:before{width:11px; height:11px; border:1px #767676 solid; border-radius:100%;}
	.searchIcon span:after{width:1px; height:7px; background:#767676; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:10px; left:13px;}

	/* - 국가상징  */
	.nationalSymbols{display: inline-flex;flex:auto;align-items: center;text-align:right;margin: 0 20px 0 auto;justify-content: flex-end;max-width: 156px;width: 100%;height: auto;}
	.nationalSymbols > a{font-size:0;margin:0;padding: 0;height: auto;width: 100%;display: inline-flex;}
	.nationalSymbols > a > img{width: 100%;height:auto;object-fit: contain;}
	/* - 환영 메세지 & 로그아웃 (관리자 페이지) */
	.topHead .right .userInfo{display:flex; align-items:center; font-weight:400; font-size:13px;  letter-spacing:-0.1px;}
	.topHead .right .userInfo .tit{display:flex; align-items:center; margin-right:20px;}
	.topHead .right .userInfo .tit:after{content:''; display:block; margin-left:10px; width:13px; height:12px; background:url('../../images/2019/controls.png') -56px -63px / auto no-repeat;}
	.topHead .right .userInfo .tit > b{font-weight:normal; color:#1da1f2;}
	.topHead .right .userInfo .tit > span{color:#888;}
	.topHead .right .userInfo .btn{padding:1px 15px; background:#f1f1f1; color:#888; font-size:11px; border-radius:30px;}
	.topHead .right .userInfo .btn:hover{background:#1da1f2; color:#fff;}
	
/* ==== quickMenu : 한국어 사이트 바로가기 & 페이지 공유 & 스크롤 맨위로 버튼 (오른쪽 고정) ==== */
	.quickMenu{width:4.010vw; /* width:97px; */ height:100%; position:fixed; top:0; right:0; z-index:9; background:#fff; -webkit-transition:all .3s ease; transition: all .3s ease;}

	/* - 한국어 사이트 바로가기 */
	.goKor{width:100%; height:4.531vw; /*  height:87px; */ border-bottom:1px solid #e1e1e1; display:flex; align-items:center;}
	.goKor > a{width:36px; height:36px; display:block;  text-align:center; margin:0 auto; font-size:0; background:url('../../images/2019/goKor.jpg') center center / contain no-repeat;}
	.goKor > a:hover{background:url('../../images/2019/goKor_over.jpg') center center / contain no-repeat;}

	/* - 즐겨찾기 메뉴 & 페이지 공유 (공통) */
	.localNav{width:100%; margin:25px auto 0 auto;}
	.localNav > li{width:36px; height:auto; margin:10px auto 0 auto; display:block; text-align:center; border-radius:30px; background:#f3f3f3;}
	.localNav > li:first-child{margin-top:0px;}
	.localNav > li > a{width:36px; height:36px; font-size:0px; display:flex; align-items:center; text-align:center; border-radius:100%; position:relative;}
	.localNav > li > a:before{content:''; width:16px; height:16px; overflow:hidden; margin:0 auto;}

	/* - 즐겨찾기 메뉴 */
	.localNav .favorite > a:before{ background:url('../../images/2019/controls.png') 0px 0px / auto no-repeat;  }
	.localNav .favorite > a:hover:before{ background:url('../../images/2019/controls.png') -141px 0 / auto no-repeat; -webkit-animation: favorite .5s ease; animation: favorite .5s ease;}
	
	/* - 페이지 공유 */
		.localNav .share > .cnt{width:auto; height:auto; padding:2px 0 7px 0; display:flex; flex-direction:column; margin:0 auto;  -webkit-transition:all .3s ease; transition: all .3s ease; }
		.localNav .share > .cnt > li{width:26px; height:26px; margin:5px auto 0 auto; border-radius:100%; background:#fff; display:block; text-align:center;} 
		.localNav .share > .cnt > li > a{font-size:0; display:flex; align-items:center; text-align:center; margin:0 auto; width:100%; height:100%;}
		.localNav .share > .cnt > li > a:before{content:''; width:12px; height:12px; display:block; margin:0 auto; background:url('../../images/2019/controls.png') no-repeat;}
		.localNav .share > .cnt > li:nth-child(1) > a:before{background-position:0 -20px;}
		.localNav .share > .cnt > li:nth-child(2) > a:before{background-position:-12px -20px;}
		.localNav .share > .cnt > li:nth-child(3) > a:before{background-position:-36px -20px;}
			/* ^ 마우스오버 */
			.localNav .share > .cnt > li:hover:nth-child(1){background:#5581dd;}
			.localNav .share > .cnt > li:hover:nth-child(2){background:#1da1f2;}
			.localNav .share > .cnt > li:hover:nth-child(3){background:#f15d5d;}
			.localNav .share > .cnt > li:nth-child(1):hover > a:before{background-position:0 -32px;}
			.localNav .share > .cnt > li:nth-child(2):hover > a:before{background-position:-12px -32px;}
			.localNav .share > .cnt > li:nth-child(3):hover > a:before{background-position:-36px -32px;}

	/* - 스크롤 맨 위로 */
	/*.pageTop{position:absolute; bottom:1.302vw; left:0px; width:100%; -webkit-transition:all .3s ease; transition: all .3s ease;}*/
	.pageTop{z-index:999; position:absolute; bottom:1.302vw; /* bottom:25px; */ right:-3.3vw; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.pageTop a{width:36px; height:36px; position:relative; border-radius:100%;  border:1px solid #d1d1d1; display:flex; align-items:center; font-size:0px; text-align:center; margin:0 auto; }
	.pageTop i{z-index:2; display:block; width:11px; height:10px; position:relative; overflow:hidden; margin:0 auto; transform:rotate(-90deg);}
	.pageTop i > b{position:absolute; display:block; width:0; height:1px; background:#767676; top:4px; right:0;}
	.pageTop i:before, 
	.pageTop i:after{content:''; display:block; position:absolute; width:1px; height:5px; right:2px; background:#767676; }
	.pageTop i:before{transform:skew(135deg, 0deg);  top:4px; } 
	.pageTop i:after{transform:skew(-135deg, 0deg);  top:0;  }
	.pageTop i > b{width:100%}
		/* ^ 마우스오버 */
		.pageTop:hover a{border:1px solid #1da1f2; background:#1da1f2; }
		.pageTop:hover i:before, 
		.pageTop:hover i:after,
		.pageTop:hover b{background:#fff; }
		
		
	/* - 즐겨찾기 메뉴 (팝업) */
	.favorite-Popup{display:none; align-items:center; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(255,255,255,.8); z-index:999; }
	.favorite-Popup .container{width:auto; height:auto; display:block; margin:0 auto; text-align:center; background:#fff; padding:40px;box-shadow: 5px 10px 20px rgba(0,0,0,.25); position:Relative;}
	.favorite-Popup .content{width:100%; height:100%; display:flex; align-items:stretch;}
	.favorite-Popup .tit{display:flex; flex-direction:column; width:250px; height:342px; }
	.favorite-Popup .tit .title{ text-align:left; color:#444; font-size:20px; font-weight:500; letter-spacing:0px; }
	/* - 저장 & 리셋 버튼 */
	.favorite-Popup .tit .button-box{display:flex; align-items:center; width:100%;  }
	.favorite-Popup .tit .button-box > button{width:90px; padding:4px 0; margin-right:10px;font-size:12px; font-weight:400; letter-spacing:0.2px;}
	.favorite-Popup .tit .button-box > .btn_save{background:#777; border:1px solid #777; color:#fff;}
	.favorite-Popup .tit .button-box > .btn_reset{border:1px solid #bbb; color:#555;}
		/* ^ 마우스오버 */
		.favorite-Popup .tit .button-box > button:hover{background:#1da1f2; border:1px solid #1da1f2; color:#fff;}
	.favorite-Popup .tit .tip{ width:100%; display:block; text-align:left; color:#888; font-size:11px; font-weight:400; letter-spacing:0.2px; line-height:1.5;}
	.favorite-Popup .tit .tip:before{content:''; width:10px; height:3px; display:block; background:#ddd; margin:15px 0;}
	.favorite-Popup .tit .tip span{color:#206f9f; border-bottom:1px dotted #1da1f2;}
	/* - 저장된 즐겨찾기 메뉴 리스트 */
	.fav_list{display:block; flex:auto; padding:40px 0;}
	.fav_list > a{display:flex; align-items:center; text-align:left;  color:#444; font-size:12px; font-weight:400; letter-spacing:0.1px; line-height:1.8;}	
	.fav_list > a:before{content:''; width:9px; height:9px; display:block; background:url('../../images/2019/controls.png') -112px -20px / auto no-repeat; margin-right:5px;}
		/* ^ 마우스오버 */
		.fav_list > a:hover{color:#1da1f2;}	
		.fav_list > a:hover:before{background:url('../../images/2019/controls.png') -124px -20px / auto no-repeat;}
	/* - 닫기 버튼 */
	.favorite-Popup .close{position:absolute; display:flex; align-items:center;  width:50px; height:50px; top:0; right:-50px; font-size:0; background:#f1f1f1; box-shadow: 8px 5px 10px rgba(0,0,0,0.1)}
	.favorite-Popup .close span{width:30px; height:30px; position:relative; display:block; text-align:center; margin:0 auto;}
	.favorite-Popup .close span:before,
	.favorite-Popup .close span:after{content:''; width:1px; height:100%; position:absolute; background:#777; display:block; top:0; left:50%;}
	.favorite-Popup .close span:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	.favorite-Popup .close span:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
		/* ^ 마우스오버 */
		.favorite-Popup .close:hover{ background:#1da1f2; }
		.favorite-Popup .close:hover span:before,
		.favorite-Popup .close:hover span:after{background:#fff;}
		
	.favorite-Popup .cnt{display:flex; height:auto; }
	.favorite-Popup .cnt .wrap{display:flex; align-items:flex-start; flex-wrap:wrap; width:100%; height:auto; margin-left:40px; max-width:450px;}
	.favorite-Popup .cnt .wrap > div{flex:auto; width:50%; min-height:120px;}
	/* - 메뉴당 리스트 그룹 */
	.favMenu{text-align:left; }
	.favMenu .list{margin-top:15px; margin-bottom:30px;}
	.favMenu .title {position:relative; padding-top:5px; text-align:left; color:#444; font-size:11px; font-weight:500; letter-spacing:1px; text-transform: uppercase; display:inline-block;}
	.favMenu .title:after{content:''; position:absolute; width:60px; height:1px; top:0; left:0; height:1px; background:#d2d2d2; display:block; }
	/* - 리스트  */		
	.favorite-Popup .cnt label{display:block; margin-left:5px;}
	.favorite-Popup .cnt .list > li{width:auto; height:auto; display:flex; align-items:center;  color:#444; font-size:12px; font-weight:400; letter-spacing:0.1px; line-height:2; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.favorite-Popup .cnt .list > li > label,
	.favorite-Popup .cnt .list > li > input{opacity:0.7;}
	.favorite-Popup .cnt .list > li:hover > label,
	.favorite-Popup .cnt .list > li:hover > input,
	.favorite-Popup .cnt .list > li.checked > input,
	.favorite-Popup .cnt .list > li.checked > label{opacity:1; cursor:pointer;}
	
	
/* ============= header 영역 (왼쪽메뉴 영역) : END ============= */



/* ============= footer 영역 : START ============= */

footer{position:relative; width:auto; height:50px; display:flex !important; background:#f9f9f9; box-sizing:border-box; margin:0 4.010vw 0 254px; /* margin: 0 97px 0 254px; */ border-right:1px solid #e1e1e1; }
	/* - 연관사이트 바로가기 (셀렉트박스) */
	.local-site-link{width:222px; height:100%; border-left:1px solid #e1e1e1; position:relative; display:flex; align-items:center; -webkit-transition:all .3s ease; transition: all .3s ease;}
	.local-site-link:hover, footer .local-site-link.active {background:#1da1f2;}
	.local-site-link:hover .current, footer .local-site-link.active .current{color:#fff;}
		/* -- 버튼 */
		.local-site-link .current{width:100%; height:100%; color:#6f6f6f; font-weight:400; font-size:12px;}
		.local-site-link .current > i{display:inline-block; width:9px; height:9px; position:relative; overflow:hidden; margin-left:30px; -webkit-transition:all .3s ease; transition: all .3s ease;}
		.local-site-link .current > i > b{position:absolute; display:block; width:0; height:1px; background:#fff; top:4px; right:0;}
		.local-site-link .current > i:before, 
		.local-site-link .current > i:after{content:''; display:block; position:absolute; left:0; top:4px; width:100%; height:1px; background:#767676; }
		.local-site-link .current > i:after{transform:rotate(90deg);}
			/* ^ 마우스 오버 or 클릭 했을때 */
			.local-site-link:hover .current > i{transform:rotate(-90deg);}
			.local-site-link:hover .current > i:before, .local-site-link.active .current > i:before,
			.local-site-link:hover .current > i:after, .local-site-link.active .current > i:after{width:1px; height:5px; right:2px; left:inherit; background:#fff;}
			.local-site-link:hover .current > i:before, .local-site-link.active .current > i:before{transform:skew(135deg, 0deg);  top:4px; } 
			.local-site-link:hover .current > i:after, .local-site-link.active .current > i:after{transform:skew(-135deg, 0deg);  top:0;  }
			.local-site-link:hover .current > i > b, .local-site-link.active .current > i > b{width:100%}
			.local-site-link.active .current > i{transform:rotate(90deg);}
			.local-site-link.active .list{visibility:visible; height:250px;box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1) }
		/* -- 옵션 */
		.local-site-link .list{ position:absolute; width:100%; height:0; overflow:hidden !important; /* -webkit-transition:all .3s ease; transition: all .3s ease; */ border:1px solid #e1e1e1; visibility:hidden; left:0; bottom:calc(100% + 0px); background:#fff; z-index:999;}
		.local-site-link .link{ background:#f9f9f9; }
		.local-site-link .link > li{ border-bottom:1px solid #e1e1e1;}
		.local-site-link .link > li > a{display:block; padding:5px 10px; text-align:center;  color:#666; font-weight:400; font-size:13px; letter-spacing:0.2px; }
			/* ^ 마우스 오버 or 클릭 했을때 */
			.local-site-link .link > li > a:hover, .local-site-link .link > li > a:focus{background:#fff; color:#1da1f2;}

	/* - 사이트 정보 메뉴 */
	.local-gov-link{flex:auto; /*text-align:right;*/ padding:0 40px;}
	.local-gov-link .list{display:flex; height:100%; width:auto; /*text-align:right;*/ margin:0; align-items:center;  /*float:right;*/}
	.local-gov-link .link{display:flex; align-items:center;}
	.local-gov-link .link a{color:#6f6f6f; font-weight:400; font-size:12px; letter-spacing:0.1px; display:flex; align-items:center; }
	.local-gov-link .link a:after{content:''; display:block; width:1px; height:5px; background:#bbb; margin:0 10px;}
	.local-gov-link .link li:last-child a:after{display:none;}
			/* ^ 마우스 오버 or 클릭 했을때 */
		.local-gov-link .link a:hover, .local-gov-link .link a:focus{text-decoration:underline; color:#1da1f2;}

	/* - Rss 팝업 */
	.rss-Popup{display:none; align-items:center; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(255,255,255,.8); z-index:999; }
	.rss-Popup .container{width:auto; height:auto; display:block; margin:0 auto; text-align:center; background:#fff; padding:40px;box-shadow: 5px 10px 20px rgba(0,0,0,.25); position:Relative;}
	.rss-Popup .tit{margin-bottom:30px;}
	.rss-Popup .tit .title{ text-align:left; color:#444; font-size:20px; font-weight:500; letter-spacing:0px; }
	.rss-Popup .tit .title:after{content:''; width:15px; height:15px; margin-left:10px; background:url('../../images/2019/controls.png') -145px -20px / auto no-repeat; display:inline-block;}
	.rss-Popup .cnt{width:auto; height:auto; display:block; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
	.rss-Popup .cnt > li{cursor:pointer; display:flex; align-items:center; text-align:left; padding:4px 10px; color:#888; font-weight:400; font-size:11px; letter-spacing:0.1px; border-bottom:1px solid #eee;}
	.rss-Popup .cnt > li:last-child{border-bottom:none;}
	.rss-Popup .cnt > li:nth-child(even){background:#f9f9f9;}
	.rss-Popup .cnt > li > span{width:220px; height:auto; font-size:12px; color:#555; }
		/* ^ 마우스오버 */
		.rss-Popup .cnt > li:hover, .rss-Popup .cnt > li:focus,
		.rss-Popup .cnt > li:hover > span, .rss-Popup .cnt > li:focus > span{color:#1da1f2;}
	/* - 닫기 버튼 */
	.rss-Popup .close{position:absolute; display:flex; align-items:center;  width:50px; height:50px; top:0; right:-50px; font-size:0; background:#f1f1f1; box-shadow: 8px 5px 10px rgba(0,0,0,0.1)}
	.rss-Popup .close span{width:30px; height:30px; position:relative; display:block; text-align:center; margin:0 auto;}
	.rss-Popup .close span:before,
	.rss-Popup .close span:after{content:''; width:1px; height:100%; position:absolute; background:#777; display:block; top:0; left:50%;}
	.rss-Popup .close span:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	.rss-Popup .close span:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
		/* ^ 마우스오버 */
		.rss-Popup .close:hover{ background:#1da1f2; }
		.rss-Popup .close:hover span:before,
		.rss-Popup .close:hover span:after{background:#fff;}

/* ============= footer 영역 : END ============= */



/* 기본 팝업 */
.daily-popup{position:fixed; top:10px; right:10px; width:auto; height:auto; display:block; align-items:center; z-index:999;  }
.daily-popup .popupWrap{max-width: 31.250vw; /* max-width: 600px;(viewport:1920px) */flex-wrap:wrap;justify-content:flex-end;display:flex;align-items:flex-start;flex-direction:row;}
.daily-popup .popupWrap > .container{display:none;align-items:center;flex-direction:column;margin-left: 15px;background:rgba(255,255,255,.8);box-shadow: 0px 1px 15px rgba(0,0,0,.25);}
.daily-popup .popupWrap > .container.show{display:flex;}
.daily-popup .popupWrap > section:first-child{margin-bottom:15px;margin-left: 0;}
.daily-popup .popCnt{ margin:10px; }
.daily-popup .popImg{display:flex; align-items:center; flex-direction:column; text-align:center; margin:0 auto;overflow: hidden;}
.daily-popup .popImg.threePopup{width:250px; height:auto;}
.daily-popup .popImg.threePopup .backImg{width:100%; height:332px; display:block; background-position: center center !important;}
.daily-popup .popImg.sysNotice{width:450px; height:auto;}
.daily-popup .popImg.sysNotice img{width:100%; height:auto; display:block;}

.daily-popup .popImg{width:13.021vw; height:auto; max-height:17.292vw; /* width:250px; height:332px; */}
.daily-popup .popImg .backImg{width:100%; display:block; background-position: center right !important;}
.daily-popup .popImg > a{width:100%; display:block;}
.daily-popup .popImg.type-01 > a{height:100%;} /* ^ 이미지가 1개 일때 : type-01 */
.daily-popup .popImg.type-02 > a{height:50%;} /* ^ 이미지가 2개 일때 : type-02 */
.daily-popup .popImg img{width:100%; display:block;}
	
.daily-popup .popImg_big{width:24vw; max-height:36vw;}
	
.daily-popup .popImg.sharing{width:250px; height:332px;}
.daily-popup .popImg.sharing .backImg{width:100%; height:332px; display:block; background-position: center right !important;}
.daily-popup .popImg .downBtn{width:100%; display:block; border-radius:30px; background:#868686; color:#fff; font-size:12px; font-weight:400; letter-spacing:0.2px; margin-top:10px; text-align:center;}
.daily-popup .popBtn{display:flex; align-items:Center; justify-content:flex-start; width:100%;  background:#f1f1f1; padding:5px; font-family: 'Questrial'; font-weight: 400;}
.daily-popup .popBtn .pChkBox{display:inline-flex; align-items:Center; justify-content:flex-start; margin-right:auto;}
.daily-popup .popBtn .pChkBox input{display:none;}
.daily-popup .popBtn .pChkBox label{display:flex !important; align-items:center; justify-content:center; font-size:11px; color:#555; font-weight:400; line-height:1; position:relative; transition:0.15s all; letter-spacing: 0.5px;}
.daily-popup .popBtn .pChkBox label:before{content:''; display:block; width:12px; height:12px; box-sizing:border-box; border:1px solid #bbb; background:#fff; margin-right:4px;}
.daily-popup .popBtn .pChkBox label:after{content:''; width:6px; height:6px; background:#000; display:block; opacity:0; position:absolute; left:3px; top:3px; transition:0.15s all;}
input[id^=hideToday]:checked + label[for^=hideToday]:after,
label[for^=hideToday]:hover + label[for^=hideToday]:after{background:#1da1f2; opacity:1;}
.daily-popup .popBtn .pChkBox:hover label{cursor:pointer; color:#1da1f2;}
.daily-popup .popBtn .pChkBox:hover label:after{background:#1da1f2; opacity:1;}
.daily-popup .popBtn .pChkBox:hover label:before{border-color:#1da1f2;}
	/* ^ 마우스 오버 효과 */
	.daily-popup .popImg.koEconomy .downBtn:hover{ background:#1da1f2;} 
/* - 닫기 버튼 */
.daily-popup .closeBtn{display:inline-flex; align-items:center; height: auto; background:#f1f1f1; letter-spacing: 1px; /* position:relative; overflow:hidden; */}
/* .daily-popup .closeBtn:before{content:''; width:100%; height:2px; position:absolute; bottom:0; left:-100%; transition:0.15s all; display:block; background:rgba(29, 161, 242, 0.7);} */
.daily-popup .closeBtn:hover:before{left:0;}
.daily-popup .closeBtn > span{display:flex; align-items:center; width:auto; height: auto; /* padding:5px; */}
	.daily-popup .close{display:block;  width:auto; height:auto; margin-right: 2px; }
	.daily-popup .close b{width:10px; height:10px; position:relative; display:block; text-align:center; margin:0 auto;}
	.daily-popup .close b:before,
	.daily-popup .close b:after{content:''; width:1px; height:100%; position:absolute; background:#777; display:block; top:0; left:50%;}
	.daily-popup .close b:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
	.daily-popup .close b:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
		/* ^ 마우스오버 */
/* 		.daily-popup .closeBtn:hover{ background:#1da1f2; } */
		.daily-popup .closeBtn:hover .close b:before,
		.daily-popup .closeBtn:hover .close b:after{background:#1da1f2;}
		.daily-popup .closeBtn:hover > span > b{color:#1da1f2;}
		
.daily-popup .closeBtn > span > b{font-size:11px; color:#555; font-weight:400; text-transform:uppercase; line-height:1;}


/* (관리자) 구독 해지  완료 팝업 */
.success-popup{position:fixed; top:0; left:0; width:100%; height:100%; display:none; align-items:center; background:rgba(255,255,255,.8); z-index:999;}
.success-popup .container{display:flex; flex-direction:column; width:auto; height:auto; padding:40px;    box-shadow: 5px 10px 20px rgba(0,0,0,.25); background:#fff; margin:0 auto; text-align:center;}
.success-popup .tit .title{font-size:15px; font-weight:400; color:#555; letter-spacing:0.2px; margin-bottom:30px;}
.success-popup a.scClose{width:100%; padding:10px 0; line-height:1; border-radius:30px; background:#868686; color:#fff; font-size:13px; font-weight:400; text-transform:uppercase; display:block; letter-spacing:0.2px;}
.success-popup a.scClose:hover{background:#1da1f2;}

@-ms-keyframes subMenuLine {
	0% {width:0; visibility: hidden;}
	100% { width:14px; visibility: visible; }
}
@keyframes subMenuLine {
	0% {width:0; visibility: hidden;}
	100% { width:14px; visibility: visible; }
}

@-ms-keyframes favorite {
	100%{transform:rotate(70deg)}
}
@keyframes favorite {
	100%{transform:rotate(70deg)}
}


@-ms-keyframes tooltip {
	0% {bottom:calc(100% + 5px);}
	50% {bottom:calc(100% + 10px);}
	100% {bottom:calc(100% + 5px);}
}
@keyframes tooltip {
	0% {bottom:calc(100% + 5px);}
	50% {bottom:calc(100% + 10px);}
	100% {bottom:calc(100% + 5px);}
}


@-ms-keyframes divisionOpen {
	0% {margin-left:-100%;}
	100% {margin-left:0px;}
}
@keyframes divisionOpen {
	0% {margin-left:-100%;}
	100% {margin-left:0px;}
}

@-ms-keyframes divisionClose {
	0% {margin-left:0px;}
	100% {margin-left:-100%;}
}
@keyframes divisionClose {
	0% {margin-left:0px;}
	100% {margin-left:-100%;}
}

/* skip navigation */
#skipToContent{position:absolute;width:100%;z-index:10000;}
#skipToContent dt{overflow:hidden;height:0;font-size:1px;}
#skipToContent a{display:block;overflow:hidden;position:absolute;top:-80px;left:0;width:100%;height:40px;background:rgba(0,0,0,.75);font-size:13px;color:#fff;text-align:center;line-height:38px;transition:all 0.2s ease;z-index:10000;}
#skipToContent a:focus{top:0;}