/* layout */
/* main */
.mainPage .topBgIn {height:791px; background-image: linear-gradient(to bottom right, #272787, #324DAE); transition: all .3s ease; } 
.mainPage .topLayout {position:absolute; border-bottom:0px; background:transparent;}
.mainPage .topLayoutBg {display:none;}
.mainVisualBox {height:670px; position:relative; margin-top:121px;}
	.mainVisualBoxIn {max-width:1200px; margin:0 auto; position:relative;}
	.mainVisualTitle {position:absolute; z-index:4; top:130px; left:0px;}
	.mainVisualTitle h2 {margin:0px; font-size:42px; color:#fff; font-weight:500; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
	.mainVisualTitle h2 span {display:block;}
	.mainVisualTitle p {margin:20px 0px; font-size:18px; color:#fff; font-weight:400; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
	.mainVisualBg {position:absolute; top:0px; left:0px; right:50%; margin-right:-316px; bottom:0px; overflow:hidden;}
	.mainVisualBg:before {content:""; position:absolute; z-index:3; top:0px; left:0px; right:0px; bottom:0px; background:url('/NIER/assets/kor/images/main/trans.png')}
		.mainVisualBgIn {position:relative; width:100%; height:100%;}
		.mainBgMovie {position:absolute; z-index:2; width:100%; height:100%;}
		.mainBgMovie video {width:100%;}
	.mainVisualBg img {position:absolute; z-index:1; width:100%;}
	
	.mainVisualList {position:absolute; height:670px; z-index: 20; left: 50%; margin-left: 315px; right:0px; transition:all 0.3s ease; top:0px;}
		.mainVisualListIn {position:relative; height:100%;}
			.mainVisualListL {position:absolute; left: 70px; z-index:22; height: 294px; right:0px; top:130px; overflow:hidden; transition:all 0.6s ease;}
				
			.mainVisualListL ul {margin:6px 0px 20px 0px; transition:all 0.3s ease;}
			.mainVisualListL ul li {margin:0px 0px 20px; transform-origin: 0% 0%; transition:all 0.3s ease; /*opacity:0.4;*/}
			.mainVisualListL ul.noTrans {transition: none;}
			.mainVisualListL ul li a {color:#fff; font-size:16px;}
			.mainVisualListL ul li a:after {font-family:'wvIcon'; font-size:9px; padding-left:5px; vertical-align: 2px; content:"\eafe"; color:#fff; opacity:0; transition:all 0.3s ease;}
			.mainVisualListL ul li.list0 {transform:scale(2); opacity:1; margin-bottom:40px;}
			.mainVisualListL ul li.list0 a:after {opacity:1;}
			.mainVisualListL ul li.list1 {transform:scale(1.5); opacity:0.8; margin-bottom:30px;}
				.mainScrollIcon {position:absolute; bottom: 170px; left:70px; transition:all 0.3s 0.3s ease;}
				.mainScrollIcon img {width:39px;}
				.mainScrollIcon.on {animation-duration: 0.6s; animation-name: pick; animation-iteration-count: infinite;}
				@keyframes pick {
				  0% {margin-bottom: 0px;}
				  50% {margin-bottom: 5px; animation-timing-function: ease-out;}			
				  80% {margin-bottom:0px;  animation-timing-function: ease-in;}
				}
			.mainVisualListBu {position:absolute; bottom:-20px; left:-30px; width:195px; background-color:#D13A47; height:55px; overflow:hidden; box-shadow: 10px 10px 10px rgba(209,58,71, .4);}
			.mainVisualListBu > ul {transition:all 0.3s ease;}
			.mainVisualListBu > ul > li {width:100%; float:left;}
				.mvBuOpen {text-align:center; display:block; line-height: 55px}
				.mvBuOpen span{display:block; font-size:18px; color:#fff; height:55px;}
				.mvBuOpen span:before {font-family:'wvIcon'; content:"\eb11"; font-size:52px; color:#fff; padding-right:10px; vertical-align:middle;}
				.mvBuClose {text-align:center; display:none; line-height: 55px}
				.mvBuClose span {display:block; font-size:18px; color:#fff; height:55px;}
				.mvBuClose span:after {font-family:'wvIcon'; content:"\eb12"; font-size:52px; color:#fff; padding-left:10px; vertical-align:middle;}
			
			.mainVisualListR {position: absolute; display:none; z-index:21; width:0%; top: 70px; overflow: hidden; transition: all 0.1s ease; bottom: 76px;}
			.mainVisualListR > ul {margin:70px 0px 0px 50px}
			.mainVisualListR > ul > li > a {opacity: 0.8; line-height:60px; text-align:center; display:block; border-bottom:1px dashed #fff; width:110px; box-shadow: 10px 10px 10px rgba(0,0,0,0); transition: all .3s ease;}
			.mainVisualListR > ul > li > a h2 {margin:0px; color:#fff; font-size:20px; font-weight:500;}
			.mainVisualListR > ul > li > a:hover {opacity:1;}
			.mainVisualListR > ul > li.on > a {opacity: 1; background-color:#00B5F9; border-bottom:1px solid #00B5F9; box-shadow: 8px 8px 20px rgba(0,0,0, .35); margin-top: -1px;}
				.researchDivArea {transition: all 0.6s ease; opacity:0; display:none;}
				.researchDivArea.on {opacity:1;display:block;}
				.researchDivLoading {position: absolute; display:none; width:200px; height:200px; text-align:center; line-height:200px; color:#fff; font-size:30px; left: 353px; top: 100px;}
				.researchDivLoading img {width:100px; animation-duration: 2s; animation-name: ing; animation-iteration-count: infinite; animation-timing-function: linear;}
				@keyframes ing {
				  0% {transform:rotate(0deg);}
				  100% {transform:rotate(360deg);}
				}
				.mainVRCenterBox {position: absolute; top: 0px; left: 210px; height:0px; overflow:hidden;}
					.mainVRCenterTop {height:150px; margin-bottom:40px; position:relative;}
					.mainVRCenterTop p {font-size:28px; color:#fff; max-width: 300px;}
					.mainVRCenterTop .mainOBox {position: absolute; top:0px; right:0px;}
					.mainVRCenterTop .mainOBoxIn {position: absolute; }
					.mainVRCenterTop .mainOBoxIn img {animation-duration: 3s; animation-name: mainAni; animation-iteration-count: infinite; animation-timing-function: linear;}
					.mainVRCenterTop .mainOBox1 {position: absolute; }
					.mainVRCenterTop .mainOBox1 img {animation-duration: 3.6s; animation-name: mainAni2; animation-iteration-count: infinite; animation-timing-function: linear;}
					.mainVRCenterTop .mainOBox2 {position: absolute; }
					.mainVRCenterTop .mainOBox2 img {animation-duration: 3.2s; animation-name: mainAni3; animation-iteration-count: infinite; animation-timing-function: linear;}
					
					.mainVRCenterTop .ico1 .mainOBoxIn {top:0px; right:10px;}
					.mainVRCenterTop .ico1 .mainOBox1 {top:-7px; right:115px;}
					.mainVRCenterTop .ico1 .mainOBox2 {top:16px; right:3px;}
					
					.mainVRCenterTop .ico2 .mainOBoxIn {top:0px; right:10px;}
					.mainVRCenterTop .ico2 .mainOBox1 {top:-7px; right:115px;}
					.mainVRCenterTop .ico2 .mainOBox2 {top:16px; right:3px;}
					
					.mainVRCenterTop .ico3 .mainOBoxIn {top:0px; right:10px;}
					.mainVRCenterTop .ico3 .mainOBox1 {top:42px; right:80px;}
					.mainVRCenterTop .ico3 .mainOBox2 {top:59px; right:1px;}
					
					.mainVRCenterTop .ico4 .mainOBoxIn {top:0px; right:10px; z-index:1;}
					.mainVRCenterTop .ico4 .mainOBox1 {top:-15px; right:0px;}
					.mainVRCenterTop .ico4 .mainOBox2 {top:20px; right:3px;}
					
					.mainVRCenterTop .ico5 .mainOBoxIn {top:0px; right:10px; z-index:1;}
					.mainVRCenterTop .ico5 .mainOBox1 {top:46px; right:20px; z-index:2;}
					.mainVRCenterTop .ico5 .mainOBox2 {top:-8px; right:0px;}
					
					@keyframes mainAni {
					  0% {transform: translate3d(0px, 0px, 0px);}
					  50% {transform: translate3d(0px, 10px, 0px);}
					  100% {transform: translate3d(0px, 0px, 0px);}
					}
					@keyframes mainAni2 {
					  0% {transform: translate3d(0px, 0px, 0px);}
					  50% {transform: translate3d(0px, 16px, 0px);}
					  100% {transform: translate3d(0px, 0px, 0px);}
					}
					@keyframes mainAni3 {
					  0% {transform: translate3d(0px, 0px, 0px);}
					  50% {transform: translate3d(0px, -23px, 0px);}
					  100% {transform: translate3d(0px, 0px, 0px);}
					}
					.mainVRCenterBottom {position:relative; width:480px;}
					.mainVRCenterBottom:before {content:""; left:0px; right:0px; top:40px; border-bottom:1px solid #fff; position: absolute;}
					.mainVRCenterBottom > ul > li {float:left;}
					.mainVRCenterBottom > ul > li > a {display:inline-block; font-size:15px; color:#fff; padding:0px 30px; line-height:40px; background-color:#1F1F74; opacity:0.6; border-bottom:1px solid #fff; transition: all .3s;}
					.mainVRCenterBottom > ul > li > a:hover {opacity:1;}
					.mainVRCenterBottom > ul > li.on > a {color:#fff; opacity:1; position:relative; z-index:23; background-color:#2B3393; border:1px solid #fff; border-bottom:0px; }
					.mainVRCenterBottom .cList {display:none; position: absolute; top: 65px; left:0px; right:0px; overflow:hidden; height:0px;}
					.mainVRCenterBottom .cList a {position:relative; display:block; padding:0px 80px 9px 0px; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:all .3s;}
					.mainVRCenterBottom .cList a .date {opacity:0.8; position: absolute; top:0px; right:0px; transition:all .3s;}
					.mainVRCenterBottom .cList a:hover {color:#70FFF0}
					.mainVRCenterBottom .cList a:hover .date {color:#70FFF0; opacity:1;}
					.mainVRCenterBottom > ul > li.on .cList {display:block; height:auto}
				.mainVRRightBox {position: absolute; top: 50px; left: 730px; width:220px; height:0px; overflow:hidden;}
				.mainVRRightBox h3 {font-weight: 500; font-size:18px; margin:3px 0px 10px 0px; color:#fff;}
					.mainVRRightBoxRel {position:relative; height:100%;}
					.mainVRRightBoxRel .wvNextBox {position:absolute; bottom:5px; width:50px; height:20px;}
					.mainVRRightBoxRel .wvNextBox a {top: auto; left: auto; margin: 0px;}
					.mainVRRightBoxRel .wvNextBox a span {font-size:16px;}
					.mainVRRightBoxRel .wvNextBox .prevBu:after {content:""; height:14px; border-right:1px dashed #fff; position: absolute; margin: -15px 0px 0px 20px; opacity:0.4}
					.selectric-mainVRRSelect {width:130px; position:absolute; right: 0px; top: 0px;}
					.selectric-mainVRRSelect .selectric {background-color: transparent; border-bottom: 1px solid #fff;}
					.selectric-mainVRRSelect .selectric .label {margin: 0 25px 0 0px; line-height: 30px; color: #fff; height: 30px; font-size:13px;}
					.selectric-mainVRRSelect .selectric .button {width:25px; line-height: 30px; color: #fff; height: 30px; background-color: transparent;}
					.selectric-mainVRRSelect .selectric .button:after {width:25px; color: #fff; width: 25px; color: #fff; height: 30px; line-height: 30px; top: 0px;}
					.selectric-mainVRRSelect .selectric-items li {font-size: 13px; padding: 3px 0px 3px 5px;}
					.mainVRRSelect {border:none; border-bottom:1px solid #fff; color:#fff; background:url('/NIER/assets/kor/images/common/selectArrow5.png') no-repeat 98% center; background-size:12px; margin: 0px; border:0;}
					.mainVRRSelect option {color:#666;}
					.mainVRRightBox .btn {color: #fff;border: 1px solid #fff;padding: 3px 7px;position: absolute;right: 0;font-size: 13px;}
					.mainVRRightBoxIn {position:relative; height:150px; background-color:#334BB4; overflow:hidden; clear:both; margin-top:10px;}
					.mainVRRightBoxIn ul li {float:left; height:125px; padding-top:25px; position:relative; transition: all .3s; background-color:#3547A0;}
					.mainVRRightBoxIn .swiper-button-next, .swiper-container-rtl .swiper-button-prev {color: #fff; background:none; top:9px; right:20px; margin:0px; line-height:20px; height: 20px; text-align:center; width:20px;}
					.mainVRRightBoxIn .swiper-button-prev, .swiper-container-rtl .swiper-button-next {color: #fff; background:none; top:9px; left:auto; margin:0px; line-height:20px; height: 20px; right:43px; text-align:center; width:20px;}
					.mainVRRightBoxIn .rightConSCon {position:absolute; top:9px; right:0px; text-align:center; width:20px;z-index:20; color:#fff;}
					.mainVRRightBoxIn .rightConSCon:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute;  margin: 3px 0px 0px -22px; top:0px;}
					.mainVRRightBoxIn .rightConSCon span {line-height:20px;}
					.mainVRRightBoxIn a {display:block; width:220px; height:100%;}
					.mainVRRightBoxIn .type {position: absolute; top: 13px;left: 15px; padding:5px 15px; color:#eee;border: 1px solid #eee;border-radius: 50px;font-size:13px; transition: all .3s;}
					.mainVRRightBoxIn strong {display:block; margin:30px 16px 10px; overflow:hidden; height:56px; color:#fff; font-weight:500; transition: all .3s;}
					.mainVRRightBoxIn .date {color:#ccc; font-size:14px; margin-left:16px; transition: all .3s;}
				.mainVRRightBox2 {position: absolute; top: 286px; left: 730px; width:220px; height:0px; overflow:hidden;}
				.mainVRRightBox2 h3 {font-weight: 500; font-size:18px; margin:3px 0px 10px 0px; color:#fff;}
					.mainVRRightBox2In {position:relative; height:150px; background-color:#3851B5; overflow:hidden; clear:both; margin-top:10px;}
					.mainVRRightBox2In ul li {position:relative; float:left; width:220px; height:100%; min-height:125px;}
					.mainVRRightBox2In .swiper-button-next, .swiper-container-rtl .swiper-button-prev {color: #fff; background:none; top:9px; right:20px; margin:0px; line-height:20px; height: 20px; text-align:center; width:20px;}
					.mainVRRightBox2In .swiper-button-prev, .swiper-container-rtl .swiper-button-next {color: #fff; background:none; top:9px; left:auto; margin:0px; line-height:20px; height: 20px; right:43px; text-align:center; width:20px;}
					.mainVRRightBox2In .rightConSCon {position:absolute; top:9px; right:0px; text-align:center; width:20px; z-index:20; color:#fff;}
					.mainVRRightBox2In .rightConSCon:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; margin: -17px 0px 0px -23px;}
					.mainVRRightBox2In .rightConSCon span {line-height:20px;}
					.mainVRRightBox2In .sysImgBox {position: absolute; top: 40px; left: 10px; width:50px; height:50px; background-color:#fff; border-radius:50%; overflow:hidden;}
					.mainVRRightBox2In .sysImgBox img {width:100%;}
					.mainVRRightBox2In .sysTextBox {margin:45px 10px 0px 75px; color:#fff; font-size:15px; word-break:break-all;}
					.mainVRRightBox2In .sysButtonBox {position: absolute; bottom: 10px; right: 10px; } 
					.mainVRRightBox2In .sysButtonBox a {position:relative; background-color:#273D9F; display:block; color:#ccc; font-size:14px; text-indent:10px; line-height: 30px; padding-right: 20px; transition: all .3s;} 
					.mainVRRightBox2In .sysButtonBox a span {position: absolute; right:3px; line-height: 30px;} 
					
					.mainVRRightBox2In:hover {}
					.mainVRRightBoxIn ul li:hover .type {color:#70FFF0; border:1px solid #70FFF0;}
					.mainVRRightBoxIn ul li:hover strong, .mainVRRightBoxIn ul li:hover .date  {color:#70FFF0;}
					
					.mainVRRightBox2In .sysButtonBox a:hover {color:#70FFF0;}
			.mainVisualListR > ul > li.on .mainVRCenterBox {height:100%;}	
			.mainVisualListR > ul > li.on .mainVRRightBox {height:200px;}	
			.mainVisualListR > ul > li.on .mainVRRightBox2 {height:200px;}	

/* main all menu open */
.mainVisualBox.all .mainVisualList {z-index:9;}
					
/* main visual open */
.mainOpen .topBg {margin-left:-350px;}
.mainOpen .topMenuAllBu p:before {background-color:#fff;}
.mainOpen .topMenuAllBu p:after {background-color:#fff;}
.mainOpen .topMenuAllBu p span {background-color:#fff;}
.mainOpen .topMenuBox > ul > li > a {color:#fff;}

.mainOpen .mainVisualList {margin-left:-350px;}
.mainOpen .mainVisualListL {width:0px;}
.mainOpen .mainVisualListL ul {margin-left:-300px;}
.mainOpen .mainVisualListBu {left: -225px; transform: scale(1.2); width:230px;}
.mainOpen .mainScrollIcon {bottom:-30px; opacity:0;}
.mainOpen .mainVisualListR {width:100%; display:block;}

.mainOpen .mvBuOpen {display:none;}
.mainOpen .mvBuClose {display:block;}
			
.mainVisualBottomBox {position:absolute; z-index:3; left:50%; top:540px; margin-left:-600px;}
	.mainVisualBottomBoxIn {position:relative; width:870px; height:180px;}
	.mainVisualBottomBoxIn:before {content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:#312B70; opacity:0.9;}
		.mainVisualBottomL {position:relative; z-index:4; margin-right: 280px;}
		.mainVisualBottomL h2 {margin:0px; padding:20px 0px 40px 40px; font-size:18px; color:#fff; font-weight:500;}
		.mainVisualBottomL ul {margin-left:27px;}
		.mainVisualBottomL ul li {float:left; width: 16%;}
		.mainVisualBottomL ul li span {color:#fff; display:block; font-size:30px; text-align:center; opacity:.8; height:40px; transition:all 0.3s ease;}
		.mainVisualBottomL ul li strong {color:#fff; display:block; font-size:14px; text-align:center; font-weight:400;  opacity:.8; transition:all 0.3s ease;}
		.mainVisualBottomL ul li a {display:block;}
		.mainVisualBottomL ul li a:hover span {opacity:1; transform:scale(1.3);}
		.mainVisualBottomL ul li a:hover strong {opacity:1;}
		.mainVisualBottomR {position:absolute; top:0px; right:0px; width:280px; bottom:0px; background-color:#1D1946;}
		.mainVisualBottomR h2 {margin:0px; padding:20px 0px 25px 35px; font-size:18px; color:#fff; font-weight:500;}
			.mainVisualBottomRB {position:relative; z-index:5; margin:0px 35px;}
			.mainVisualBottomRB .selectric-wrapper {width:130px; margin-bottom:3px;}
			.mainVisualBottomRB .selectric {border: 0px; border-bottom: 1px solid #7C7A90; background: transparent;}
			.mainVisualBottomRB .selectric .label {height:35px; font-size:14px; line-height: 35px; color:#fff; margin:0 33px 0 5px;}
			
			.mainVisualBottomRB .mainVBRBSelect {border:none; color:#fff; font-size:14px; border-bottom:1px solid #7C7A90;width:130px; height:35px; line-height:35px;  background:url('/NIER/assets/kor/images/common/selectArrow2.png') no-repeat right center; background-size:9px;}
			.mainVisualBottomRB	.mainVBRBSelect option {color:#000;}
			.mainVisualBottomRB .selectric .button {background: transparent;}
			.mainVisualBottomRB .mainVisualBInput {width:130px;}
			.mainVisualBottomRB input {width:100%; margin:0px; padding: 0px; font-size:14px; border: 0px; border-bottom: 1px solid #7C7A90; background: transparent; height:35px; line-height: 35px; color:#fff; text-indent:5px;}
			.mainVisualBottomRB input::placeholder {color:#fff; font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
			.mainVisualBottomRB input:placeholder {color:#fff; font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
			.mainVisualBottomRB input:-ms-input-placeholder {color:#fff; font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
			.mainVisualBottomRB input::-ms-input-placeholder {color:#fff; font-size:14px;font-family: 'Noto Sans KR', sans-serif;}
			.mainVisualBottomRB button {position:absolute; top:0px; right:0px; width:70px; line-height:75px; color:#fff; background-color:#3E386E; border:none;}

.airLayer {position:absolute; left:50%; margin:15px 0px 0px 0px;}
	.airLayerL {position:absolute; margin-top: 7px;}
	.airLayerL a {display: inline-block; font-size: 25px; vertical-align: -5px; margin-left: 5px;}
	.airLayerR {margin:5px 0px 0px 110px; position: relative; width: 95px; height: 45px; overflow: hidden;}
	.airLayerR ul {transition:all 0.3s ease;}
	.airLayerR li {padding-left:17px; line-height:45px;} 
	.airBg {position:absolute; top:0px; left:0px;}
	.airBg svg {width:95px}
	.airBg .st0{fill:#D2EDB8; transition:all 0.6s ease;}
	.air .st0 {fill:#BEBEBE;}
	.air1 .st0 {fill:#4DBEED;}
	.air2 .st0 {fill:#50B748;}
	.air3 .st0 {fill:#FBAE17;}
	.air4 .st0 {fill:#F05A28;}
	.airLayerR .airInBox {position:relative; z-index:2; font-size:13px; padding-right:5px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
	.airLayerR strong {position:relative; z-index:2;font-size:15px; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
.mainBottomBox {max-width:1200px; margin:80px auto 70px; background-color:#F9F9F9; height:220px;}
	.mainBottomBoxL {width:600px; height:100%;  float:left; position:relative;}
	.mainBottomBoxL > ul > li {float:left;}
	.mainBottomBoxL > ul > li > a {display:block; margin-top:5px; padding:0px 20px; line-height:40px; transition:all 0.3s ease; box-shadow: 0px 0px 0px rgba(0,0,0,0);}
	.mainBottomBoxL > ul > li > a h2 {margin:0px; font-size:16px; color:#000; font-weight:500; transition:all 0.3s ease;}
	.mainBottomBoxL > ul > li.on > a {background-color:#253785; padding:0px 30px; margin-top: -11px; box-shadow: 1px 10px 10px rgba(0,0,0,0.3);}
	.mainBottomBoxL > ul > li.on > a h2 {color:#fff;}
	.mainBottomBoxL .cList {display:none; position:absolute; left:30px; top:50px; right:30px; bottom:20px;}
	.mainBottomBoxL .cList > ul > li {position:relative;}
	.mainBottomBoxL .cList > ul > li a {display:block; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.mainBottomBoxL .cList > ul > li a .date {position:absolute; right:0px;}
	.mainBottomBoxL .cList > ul > li a:hover {color:#324EAF;}

	.mainBottomBoxL .mainMore {display:none; position:absolute; right:30px; top:16px; width:20px; height:20px; transition:all 0.3s ease; border:1px solid #888; text-align:center; }
	.mainBottomBoxL .mainMore a {display:block; font-size: 14px;color:#000; line-height:20px;}
	.mainBottomBoxL .mainMore:hover {transform:rotate(180deg);}
	.mainBottomBoxL li.on .cList {display:block;}
	.mainBottomBoxL li.on .mainMore {display:block;}
	
	
	.mainBottomBoxC {position:relative; width:330px; height:100%;  float:left; background-color:#EFF2F7;}
	.mainBottomBoxC h2 {position:absolute; margin:15px 20px 10px; font-size:16px; color:#000; font-weight:500;}
		.mainBottomBoxCIn {margin:16px; overflow:hidden; height:184px;}
		.mainBottomBoxCIn .envSlide {overflow:hidden; margin-top:45px;}
		.mainBottomBoxCIn .envSlide ul {height:150px;}
		.mainBottomBoxCIn .envSlide li {height:150px;}
		.mainBottomBoxCIn .envSlide .envSIn {height:120px; transition: all .3s;}
		.mainBottomBoxCIn .envSlide .envSIn a {height:84px;}
		.mainBottomBoxCIn .envSlide .envSIn .blockB {height: 75px; font-size:15px;}
		.mainBottomBoxCIn .wvNumBox {width:20px; right:0px; z-index:1; text-align: right; top: 13px; right: 15px;}
		.mainBottomBoxCIn .wvNumBox > a { display:none; }
		.mainBottomBoxCIn .wvNumBoxIn {margin:0px;}
		.mainBottomBoxCIn .wvNumBoxIn > a {display:block; line-height:32px; padding: 0px 3px;}
		.mainBottomBoxCIn .wvNumBoxIn > a > span:before {text-shadow:none;}
		.mainBottomBoxCIn .wvNumBoxIn > a span {color:#666; font-size:13px; vertical-align:1px;}
		.mainBottomBoxCIn .wvNextBox {position: absolute; top: 13px; right: 15px; z-index:101; width:63px; height:32px;}
		.mainBottomBoxCIn .wvNextBox .nextBu {position: static; margin: 0px; }
		.mainBottomBoxCIn .wvNextBox .prevBu {position: static; margin: 0px;}
		.mainBottomBoxCIn .wvNextBox a {padding: 0px 4px; display: inline-block;}
		.mainBottomBoxCIn .wvNextBox a span {font-size:13px; color:#666; line-height: 32px; display: inline-block; position:relative; padding-left:5px;}
		.mainBottomBoxCIn .wvNextBox:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; left:23px; top:9px;}
		.mainBottomBoxCIn .wvNextBox a:first-child span:after {display:none;}
		.mainBottomBoxCIn .wvNextBox a:first-child span {padding-left:0;}
		.mainBottomBoxCIn .wvNextBox .prevBu:hover span, .mainBottomBoxCIn .wvNextBox .nextBu:hover span {color:#000;}
		
		.mainBottomBoxCIn .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background:none; top:9px; right:20px; margin:0px; line-height:20px; height: 20px; text-align:center; width:20px;}
		.mainBottomBoxCIn .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background:none; top:9px; left:auto; margin:0px; line-height:20px; height: 20px; right:43px; text-align:center; width:20px;}
		.mainBottomBoxCIn .rightConSCon {position:absolute; top:9px; right:0px; text-align:center; width:20px;}
		.mainBottomBoxCIn .rightConSCon:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; margin: -17px 0px 0px -23px;}
		.mainBottomBoxCIn .rightConSCon span {line-height:20px;}
	.mainBottomBoxR {position:relative; width:270px; height:100%; float:right; overflow:hidden; }
	.mainBottomBoxR .wvNumBox {width:20px; right:0px; z-index:102; text-align: right;}
	.mainBottomBoxR .wvNumBox > a { display:none; }
	.mainBottomBoxR .wvNumBoxIn {margin:0px;}
	.mainBottomBoxR .wvNumBoxIn > a {display:block; line-height:32px; padding: 0px 3px;}
	.mainBottomBoxR .wvNumBoxIn > a > span:before {text-shadow:none;}
	.mainBottomBoxR .wvNumBoxIn > a span {color:#666; font-size:13px; vertical-align:1px;}
	.mainBottomBoxR .wvNextBox {position: absolute; top: 0; right: 0; z-index:1; width:63px; height:32px; background-color:rgba(255,255,255,0.96);}
	.mainBottomBoxR .wvNextBox .nextBu {position: static; margin: 0px; }
	.mainBottomBoxR .wvNextBox .prevBu {position: static; margin: 0px;}
	.mainBottomBoxR .wvNextBox a {padding: 0px 4px; display: inline-block;}
	.mainBottomBoxR .wvNextBox a span {font-size:13px; color:#666; line-height: 32px; display: inline-block; position:relative; padding-left:5px;}
	.mainBottomBoxR .wvNextBox:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; left:23px; top:9px;}
	.mainBottomBoxR .wvNextBox a:first-child span:after {display:none;}
	.mainBottomBoxR .wvNextBox a:first-child span {padding-left:0;}
	.mainBottomBoxR .wvNextBox .prevBu:hover span, .mainBottomBoxR .wvNextBox .nextBu:hover span {color:#000;}
	.mainBottomBoxR > ul > li img {width:100%;}

	
	.mainBottomBoxCIn .envSlide li .envSIn:hover {background-color:#253785; border:1px solid  #253785;box-shadow:5px 10px 15px rgba(0,0,0,0.27);}
	.mainBottomBoxCIn .envSlide li .envSIn:hover a {color:#fff;}
	.mainBottomBoxCIn .envSlide li .envSIn:hover a span.txt_black {color:#fff;}

.imgBox img {max-width:100%;}




#menuNuri {text-align:center; border-top: 1px dashed #D8D8D8; padding:20px 0; font-size:15px;}
#menuNuri em {font-style:normal; color:#324EAF;}
#menuNuri .img {margin-right:22px;}

/* datepicker*/

.ui-datepicker {padding:0 !important; z-index:20 !important;}
.ui-datepicker .ui-datepicker-header {background:#F2F2F2 !important; border:none !important; font-weight:normal !important; font-size:15px;}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:0 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:0 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:0 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:0 !important;}
.ui-datepicker .ui-datepicker-title span {color:#000;}
.ui-datepicker th.ui-datepicker-week-end{color:#DB1E1E}
.ui-datepicker td {padding:2px !important;}
.ui-datepicker td.ui-datepicker-week-end .ui-state-default{color:#DB1E1E !important;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-radius:3px; background:#F2F2F2 !important; color:#666  !important; border:none  !important; font-size:12px;font-weight:normal !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border-radius:3px; border: none; background: #272787 url(/NIER/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default.ui-state-highlight {border-radius:3px; background: #272787 !important; color:#fff !important; font-weight:normal !important;}
.ui-state-default.ui-state-highlight {background-color: #F2F2F2 !important; color:#666 !important;}
.ui-datepicker td span, .ui-datepicker td a {padding: .2em .3em !important;}


.ui-datepicker .ui-datepicker-title {color:#000;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:5px !important;}
.ui-datepicker .ui-datepicker-next-hover {right:2px !important; top:5px  !important;}
.ui-datepicker .ui-datepicker-prev-hover {left:2px !important; top:5px  !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor:pointer; text-align:center; width:24px !important; height:24px !important; border-radius:50% !important; background:#E8E8E8;}
.ui-datepicker-next.ui-datepicker-next-hover.ui-state-hover, .ui-datepicker-prev.ui-datepicker-prev-hover.ui-state-hover  { font-weight: normal !important; border:none !important; background:#E8E8E8;}
.ui-widget-header a.ui-datepicker-prev:after { display: block; content: '\eafe'; font-size: 10px; color: #000; transform: rotate(180deg); line-height:24px;  font-family: 'wvIcon' !important;}
.ui-widget-header a.ui-datepicker-next:after { display: block; content: '\eafe'; font-size: 10px; color: #000; line-height:25px; font-family: 'wvIcon' !important;}


select.ui-datepicker-month {margin:0 3px 3px 3px !important; position:relative; width:55px !important; line-height:19px; vertical-align:middle; border:none; ;-webkit-appearance: none;  -moz-appearance: none; appearance: none; background:#F2F2F2  url("../images/common/icon_down_arrow.png") no-repeat 100% 50% !important; }
select.ui-datepicker-month:-ms-expand { display: none; }
.ui-datepicker input::-webkit-input-placeholder {color: #000;}
.ui-datepicker input:-ms-input-placeholder {color: #000;}

/* selectric */
.selectric {text-align:left;border-bottom: 1px solid #f8f8f8;}
.selectric-focus .selectric {border-color: #f8f8f8;}
.selectric-hover .selectric {border-color: #f8f8f8;}
.selectric-items, .yearMainBusiness .selectric-items{border: 1px solid #E1E1E1; background-color:#fff;}
.selectric-items li{text-align:left; color:#666; font-size:16px; padding:8px;}
.selectric-items .selectric-group li {padding-left:20px;}
.selectric-items li.highlighted, .yearMainBusiness .selectric-items li.highlighted { color:#324dae; background-color:#efefef;}
.selectric-items li:hover, .yearMainBusiness .selectric-items li:hover {background:#F1F1F8;  color:#272787;}
.selectric-items li.selected {color:#000;}
.searchBox .formGroup .selectric-items li {text-align:left;}
.selectric-open {z-index:2;}
.inputCalendar {background: url(../images/common/ic_calendar.png) no-repeat 98% 60%; border:none;}
.selectric .label {color:#000;}
.selectric .button { font-family: 'wvIcon' !important; background-color: transparent;}
.selectric .button:after { content: "\eafe"; font-size: 14px; color: #666;  transform: rotate(90deg); line-height: 38px; width: 38px; height: 38px; border:none; top:5px;}
.beforeNone:before {display:none;}
.calendarTxt {color:#000; font-size:30px; line-height:45px; }


.publicDataTxtBox .conT3{color:#666; font-weight:200;}
.publicDataTxtBox ul li {padding: 0 0 5px 0;}
.iframeScroll {width:100%; overflow-x:auto;}
/*area of study*/
.envTabBox {margin-bottom:0;}
.envTabBox > ul > li.on > a {background-color:#F8F8F9;}
.envTabBox.tabBox_line > ul > li.on > a {border-bottom-color: #F8F8F9;}

.enviBox {position:relative; overflow:hidden;}
.enviBox .leftConBox {margin:0px 340px 40px 0px;}
.enviBox .leftConBox .conT4 {color:#666; margin-bottom:24px; height:44px; font-weight:400;}
.enviBox .leftConBox .list4 {margin-bottom:24px;}
.enviBox .leftConBox .list4:after {display:block; content:''; clear:both;}
.enviBox .leftConBox .list4 li{width:25%; float:left;}
.enviBox .leftConBox .list4 .roundBox {background-color:#F5F5F9; padding:13px 12px;  margin:0 8px; min-height:42px; position:relative; text-align:center;}
.enviBox .leftConBox .list4 .roundBox span {margin-left:40px; vertical-align:middle; display:inline-block;}
.enviBox .leftConBox .list4 .roundBox span.txt {margin-left:32px}
.enviBox .leftConBox .list4 .roundBox span.img {display:block; width:35px; position:absolute; left:13px;vertical-align:middle; margin-left:0; padding-top:2px; text-align:center;}
.enviBox .leftConBox .list4 .roundBox span.img2{left:5px;}
.enviBox .leftConBox .list4 li:first-child .roundBox {margin-left:0;}
.enviBox .leftConBox .list4 .last .roundBox {margin-right:0;}
.enviBox .buttoBox {background-color:#6F7492; overflow:hidden;}
.enviBox .buttoBox li {float:left; width:50%;text-align:center;}
.enviBox .buttoBox li a {display:block; color:#fff; padding:14px 0; position:relative; font-size: 15px;}
.enviBox .buttoBox li a:before {display:block; content:''; border-left:1px dashed #D1D1D1; width:1px; height:35px; position:absolute; left:0; top:13px;}
.enviBox .buttoBox li:first-child a:before {display:none;}
.enviBox .buttoBox li a span {font-size:30px;padding-right:7px; vertical-align: middle;}

.enviBox .rightConBox { background-color:#F3F3F3; padding:17px 20px; position:absolute; right:0; top:0; overflow:hidden;}
	.enviBox .rightConBox .conT3 {position: absolute; z-index: 2;}
	.rightConBoxIn {position:relative; }
	.rightConSliderBox {max-width:254px;}
	.rightConSliderBox > ul {margin: 45px 0px 20px;}
	.rightConSliderBox > ul li {width:250px;}
	.rightConSliderBox .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background:none; top:5px; right:20px; margin:0px; line-height:20px; height: 20px; text-align:center; width:20px;}
	.rightConSliderBox .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background:none; top:5px; left:auto; margin:0px; line-height:20px; height: 20px; right:43px; text-align:center; width:20px;}
	.rightConSliderBox .rightConSCon {position:absolute; top:5px; right:0px; text-align:center; width:20px;}
	.rightConSliderBox .rightConSCon:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; margin: -17px 0px 0px -23px;}
	.rightConSliderBox .rightConSCon span {line-height:20px;}
		
	.rightConSBox {background-color:#fff; margin:0px 2px; width:250px;}
	.rightConSBox .rcsTop {padding:20px 20px 0 20px; position:relative; overflow:hidden; min-height:60px;}
	.rightConSBox .rcsTop .conT4{display:inline-block; font-weight:400; margin:0 10px 0 60px; width:141px;}
	.rightConSBox .imgBox {background-color:#fff; border-radius:50%; width:60px; height:60px; text-align:center; overflow:hidden; position:absolute; left:10px; top:12px;}
	
	.rightConSBox .buttonBox {text-align:center; padding:0 0 14px 0;}
	.rightConSBox .buttonBox a {display:inline-block; background-color:#fff; border:1px solid #D7D7D7;  font-size:13px; padding:5px; transition: 0.3s all ease;}
	.rightConSBox .buttonBox a:hover {background-color:#2D3B9C; color:#fff; border:1px solid #2D3B9C;}
		
	.rightConBox .wvNumBox {width:20px; right:0px; z-index:1; text-align: right; top: 25px; right: 28px;}
	.rightConBox .wvNumBox > a { display:none; }
	.rightConBox .wvNumBoxIn {margin:0px;}
	.rightConBox .wvNumBoxIn > a {display:block; line-height:32px; padding: 0px 3px;}
	.rightConBox .wvNumBoxIn > a > span:before {text-shadow:none;}
	.rightConBox .wvNumBoxIn > a span {color:#666; font-size:13px; vertical-align:1px;}
	.rightConBox .wvNextBox {position: absolute; top: 17px; right: 45px; z-index:1; width:50px; height:32px;}
	.rightConBox .wvNextBox .nextBu {position: static; margin: 0px; }
	.rightConBox .wvNextBox .prevBu {position: static; margin: 0px;}
	.rightConBox .wvNextBox a {padding: 0px 4px; display: inline-block;}
	.rightConBox .wvNextBox a span {font-size:13px; color:#666; line-height: 32px; display: inline-block; position:relative; padding-left:5px;}
	.rightConBox .wvNextBox:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; left:23px; top:9px;}
	.rightConBox .wvNextBox a:first-child span:after {display:none;}
	.rightConBox .wvNextBox a:first-child span {padding-left:0;}
	.rightConBox .wvNextBox .prevBu:hover span, .rightConBox .wvNextBox .nextBu:hover span {color:#000;}
	
.conBText {display:none;}
.conBText.on {display:block;}
.conBText p {margin-top:0; font-size:15px; line-height:25px; word-break: break-all;}
.conBText .conBox {background-color:#fff; margin-bottom:0;}
.conBText .conBox .list2 {width:100%; display:inline-block; margin-left:10px;}
.conBText .conBox .list2 li{width:50%; float:left;padding:0 0 5px 0; font-size:14px;}
.conBText .conBox .list2 li > div {padding-right:30px;}
.conBText .conBox .ulStyle > li:before {width:5px; height:1px; border-radius:0; margin: 0.6em 0em 0em -0.8em;}

.leftLabel {position:absolute; left:14px; top:16px; border:1px solid #272787; color:#272787; border-radius:30px; max-width:300px; padding:3px 10px; font-size:14px;}
.leftLabel_new {position:absolute; left:14px; top:16px; border:1px solid #D4062D; color:#D4062D; border-radius:30px; max-width:300px; padding:3px 10px; font-size:14px;}
.departBox {background-color:#F2F4F7; font-size:15px; line-height:25px;}
.deparName {color:#272787;}
.departBox .conBox { background-color: #fff; margin-bottom:0;}
.departBox .conBox .list2 {width:100%; display:inline-block; margin-left: 10px;}
.departBox .conBox .list2 li {float:left; width: 50%; padding: 0 0 5px 0; font-size:14px;}
.departBox .conBox .ulStyle > li:before { margin:0.8em 0em 0em -0.5em;}

/*environment information service*/
.enviServiceLayout .conDan2{margin: 0 -46px 0 -46px;}
.ensBoxIn {margin:0 46px 60px;}
.enviServiceLayout .list li {position:relative; border-top:1px dashed #D7D7D7; }
.enviServiceLayout .list li:first-child {border-top:0;}
.enviServiceLayout .list li a {display:block; padding:10px 0; font-size:15px;}
.enviServiceLayout .list li a .icon-k-link2 {position:absolute; right:0; font-size:18px;}
.enviServiceLayout .list li a:hover {color:#272787;}

/*boxstyle1*/
.boxListLayout:after {display:block; content:''; clear:both;}
.boxLiTotal{color:#000; font-weight:500; margin-bottom:12px;}
.boxListLayout .list3 {margin:-9px -9px -9px -9px;}
.boxListLayout .list3 > li {width:33.3%; float:left;}
.boxListLayout .list3 > li .blconBox {margin:9px; position:relative; border:1px solid #eee; padding:16px 16px 0; color:#000; background-color:#F8F8F9;height:210px;}
.boxListLayout .list3 > li .blconBox .conT4 {height:44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; margin-top:34px;}
 	.blconBox {transition: all .3s;}
 	.blconBox table {padding: 0 0 70px 0;}
 	.blconBox table td {padding-bottom:5px; font-weight:400; color:#666; }
	.blconBox .subject {width:50px;vertical-align:top; padding-right:5px; font-size:12px;}
	.blconBox .buttonBox {padding:0; position:absolute; left:0; bottom:0;}
	.blconBox .buttonBox li {float:left; width:50%; text-align:center;}
	.blconBox .oneBtnBox li {width:100%; text-align:center;}
	.blconBox .buttonBox li a {display:block; padding:0px 17px; line-height:46px; position:relative; background-color:#fff; border-top: 1px solid #eee;}
	.blconBox .buttonBox li a:hover {color:#2D3B9C;}
	.blconBox .buttonBox li a span{font-size:18px; vertical-align: middle;}
	.blconBox .buttonBox li a span.icon-k-file {vertical-align: text-bottom;}
	.blconBox .buttonBox li a:before {width:1px; height:100%; border-left: 1px dashed #D8D8D8; position:absolute; left:0; top:0; display:block; content:'';}
	.blconBox .buttonBox li:first-child a:hover {color:#2D3B9C;}
	.blconBox .buttonBox li:first-child a:before{display:none;}



/*boxstyle2 */
.boxListLayout2 {display:block; width: auto; margin:-12px -12px; overflow: hidden;}
	.boxListCon2 {border:1px solid #D7D7D7; margin:12px;}
		.boxListConIn2 {padding:16px; position:relative;}
		/* .boxListConIn2 img {position:absolute; left:16px;} */
		.boxListConIn2 .boxImgLink {display:block; position:absolute; left:16px; top:16px; width:100%; max-width:192px;  max-height: 140px; overflow:hidden; height:100%;}
		.boxListConIn2 .boxImgLink img {width:100%; height:100%;}
		.boxListConIn2 .txtBox { margin-left:205px;}
		.boxListConIn2 .txtBox .conT3 { margin-bottom:8px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:25px;height: 50px; }
		.boxListConIn2 .txtBox .conT3 a {display: block; color:#000;}
		.boxListConIn2 .txtBox .txtCon {font-size:14px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:21px;height: 64px; }
		.boxListConIn2 .txtBox .word {margin-bottom:8px;}
		.boxListConIn2 .txtBox .offer { height:35px;}

/*webjin */
.webjinLayout{background-color:#F8F8F9; padding:35px;}
.webjinLayout ul {margin:0 -15px 0 -15px;}
.webjinLayout ul:after {display:block; content:''; clear:both;}
.webjinLayout ul li {float: left; width:33.3%;}
	.wbjIn {margin: 0 15px 32px;}
	.wbjIn p:before {display:inline-block; content:''; width:2px; height:2px; background-color:#333;  border-radius:50%; position:absolute; margin:0.6em 0em 0em -0.5em; }
	.wbjIn p {margin-top:0; margin-bottom:12px; color:#333; font-size:15px; position:relative; padding-left:20px;}
	.wbjIn a {display:block;}
	.wbjIn a img {width:100%;}
.webjinLayout .pagination {margin: 40px 0 5px 0;}

/*2020.4.16 �쎒吏� 蹂�寃�*/
.webZineImgBox { width:100%; height:200px; margin:0 0 8px 0; position:relative; overflow:hidden;}
.webZineList .boxListCon2 .webZineImgBox img {width:100%;}
.webZineList .txtBox {margin-left:0; position:relative; padding-bottom:16px;}
.webZineList .txtBox .conT3 {height:24px; padding-left:16px;}
.webZineList .txtBox .date {padding-left:16px; }
.webzineDown {position:absolute; right:16px;bottom:16px; padding:5px; display:inline-block; color:#fff; background-color:#2D3B9C;}
.webzineDown .icon-k-file {margin-right:5px;}

/*popup*/
.popup_BoxIn {height:630px; overflow: hidden;}
.popupPadding {position:relative; height:100%;}
.popupPadding .leftLabel {left:22px; top:25px; }
.popupPadding .popup_close {color:#000; float:none; position:absolute; right:22px; top:25px; }
.subT {font-size:15px; margin-bottom:12px;}
.popup_BoxIn table {border-top:2px solid #000; max-width:668px; width:100%;}
.popup_BoxIn table td {color:#000;padding:10px 20px; border-bottom:1px solid #D7D7D7; line-height:22px;}
.popup_BoxIn table td p {margin-top:0;}
.popup_BoxIn table .bgTitle {background-color:#F8F8F8; vertical-align:top;}
.reportDownTxt {padding-right:10px;}
.reportDownBtn {background-color:#EFEFEF;border:1px solid #E1E1E1;color:#000;font-size:20px;border-radius: 3px;vertical-align: middle;max-width: 19px;display: inline-block;}
#researchTaskDetailArea {padding: 0 22px 0; height:100%;}
#researchTaskDetailArea .conT2 {padding-top:60px;}
.popupScroll {overflow:auto; height: calc(100% - 200px);}

/*accodian*/
.accoTitle {cursor:pointer; position:relative; }
.accoCon {display:none; margin-bottom:0;}
.arrowBtnBox {position:absolute; right:16px; top:18px;}
/*accodian > SCI占쎈쐻占쎈윥占쎈㎍占쎈쐻占쎈윥占쎌몗癲꾧퀗�뫒鴉딆뮋�삕占쎄뎡占쎈쐻占쎈윥占쎈폆占쎈쐻占쎈윥占쎈㎍�뜝�럥�맶占쎈쐻�뜝占�*/
.accodianLayout ul {border-top:2px solid #000; border-bottom:2px solid #000;}
.accodianLayout ul li {position:relative; transition: all .3s; border-bottom:1px solid #D7D7D7; min-height:130px;}
.accodianLayout ul li .accoTitle{padding:21px 24px 24px; min-height:120px;}
.accodianLayout ul li .imgBox {position:absolute; left:24px; top:21px; width:99px;}
.accodianLayout ul li .txtBox {padding-left:150px;}
.accodianLayout ul li .txtBox .conT3 {max-width:700px; cursor:pointer; font-size:16px; transition:all .3s; }
.accodianLayout ul li .txtBox .conT3 a {color:#000;}
.accodianLayout ul li .txtBox .conT3 a:hover {color:#324EAF;}
.accodianLayout ul li .arrowBtn {position:absolute; right:24px;top:25px; color:#767676;font-size:20px; display:block; transition:all .3s; transform: rotate(-90deg); }
.accodianLayout ul li .originalBtn a{display:inline-block;}
.accodianLayout ul li .accoCon { font-size:16px; padding:21px 24px 24px; display:none; padding-top:40px; background-color:#F8F8F9;}
.accodianLayout ul li .accoCon p {margin-top:0;}
.accodianLayout ul li .accoCon img {width:100%;}
.accodianLayout ul li .accoCon td {padding:0 0 10px 0; font-size:16px; vertical-align: top; font-weight:300; line-height:26px;}
.accodianLayout ul li .accoCon td.txt_black {min-width:100px; font-weight:400;}
.accodianLayout ul li .accoCon p strong {color:#000; font-weight:400;}
.accodianLayout ul li .arrowBtn:hover {color:#000;}
.accodianLayout ul li .accoTitle.on{background-color:#F8F8F9; padding-bottom:0;}
.accodianLayout ul li .accoTitle.on .txtBox .conT3 {font-size:18px;}
.accodianLayout ul li .accoTitle.on .txtBox .conT3 a {color:#000;}
.accodianLayout ul li .accoTitle.on .arrowBtn {transform: rotate(90deg); color:#000;}



.generationTitle {font-weight:400; margin:0;position:relative; border-bottom:1px solid #fff; background-color:#73737F; padding:18px 16px;transition:all .3s; }
.generationTitle a {color:#fff; }
.generationTitle span{font-weight:500;}
.generationTitle .arrowBtnBox {position:absolute; right:16px; top:15px;}
.generationTitle .arrowBtnBox span.icon-k-next3 {color:#D7D7D7; vertical-align:middle; transform:rotate(90deg); display:inline-block;}
.generationTitle span.dateTxt {font-size:15px;padding-right:30px; color:#fff; position:absolute; right:60px; top:20px;}

.accodian li .accoTitle.on .generationTitle {border-bottom:1px dashed #D7D7D7; background-color:#F8F8F9;}
.accodian li .accoTitle.on .generationTitle a{color: #2D3B9C}
.accodian li .accoTitle.on .generationTitle span.dateTxt {color:#000; font-size:15px;}
.accodian li .accoTitle.on .generationTitle .arrowBtnBox span.icon-k-next3 {transform:rotate(-90deg); font-size:20px;}


.generationCon.conBox {margin:0;}
.generationCon .conT3 {font-weight:300;}
.generationCon .conT3.point:after { display:inline-block; content:''; width:10px; height:10px; background-color:#2D3B9C; margin-left:8px;}
.generationCon .conT3 span {font-weight:400; font-size:22px;}
.direimgBox {float:left;}
.diretxtBox {float:left; padding:0 16px; line-height:24px; max-width:338px;}


.accoTable {border-top:2px solid #000; border-bottom:2px solid #000;}
	.accoTable ul li:first-chlid .accoTableTitle {border-top:none;}
	.accoTableTitle {padding:20px;position:relative; font-size:16px; border-top:1px solid #D7D7D7; transition: all .3s; color:#666; margin:0 ; font-weight:400; }
	.accoTableTitle .txt {width:100%;max-width:860px;}
	.accoTable .arrowBtnBox {position:absolute; top:22px; right:20px; transition: all .3s;  transform:rotate(90deg); font-size:18px;} 
	.accoTable .arrowBtnBox a {color:#D7D7D7;}
	.accoTableCon .conT4 {position:relative;}
	.accoTableCon .conT4 a {position:absolute; right:0; bottom:0;}

	.btnCollection ol {overflow:hidden; padding:20px 0 0 0; overflow-x:auto;}
	.btnCollection li {width:50%; float:left; min-height:42px }
	.btnCollection li a {border-bottom:1px dashed #D7D7D7; padding-bottom:13px; font-size:14px; color:#000; display:block; margin-right:26px; position:relative;}
	.btnCollection li a span {color:#272787; font-size:20px; position:absolute; right:0; }
.accodian li .accoTitle.on .accoTableTitle {color:#000; border-top:1px solid #F8F8F9; background-color:#F8F8F9; font-size:18px; font-weight:500;}
.accodian li .accoTitle.on .accoTableTitle a, .accodian li .accoTitle.on .accoTableTitle .arrowBtnBox  a {color:#000;}
.accodian li .accoTitle.on .accoTableTitle .arrowBtnBox {transform:rotate(-90deg); }
.accodian li .accoTitle.on .accoTableTitle .arrowBtnBox a {color:#000; }	
	
 
.researchTabBox > ul > li.on > a {border:1px solid #000;color:#000; background-color:#fff; border-bottom-color: #fff; z-index:2; }

.chronicleLayout .conT2{margin-bottom:24px;}
.chronicleSection {min-height:500px;}
.chronicleSection .conBox{background-color:#F8F8F9; padding:24px; margin-bottom:8px;}
.chronicleSection .conBox .cboxTitle {position:relative; margin-bottom:20px; letter-spacing:-0.5px;}
.chronicleSection .conBox .cboxTitle .subConT {font-weight:300;}
.chronicleSection .conBox .cboxTitle .numberBox  {position:absolute; left:0; width:40px; height:40px; background-color:#2D3B9C; text-align:center; font-size:18px; color:#fff; line-height:40px;}
.chronicleSection .conBox .cboxTitle .conT4 {margin-left:52px;}
.chronicleSection .conBox .cboxTitle .conT4 .conT4In {padding-top:10px;}
.chronicleSection .conBox .cboxText {font-size:16px; line-height:24px; font-weight:400;}

.chronicleSection .tabBox {border:none; background-color:#F8F8F9; margin-bottom:24px;}
.chronicleSection .tabBox.full > ul {height:65px;}
.chronicleSection .tabBox.full > ul > li {vertical-align:middle;}
.chronicleSection .tabBox.full > ul > li:first-child {padding:0;}
.chronicleSection .tabBox ul li a {border:none; color:#ACACAC; font-size:20px; transition: all .3s ease;}
.chronicleSection .tabBox > ul > li.on > a, .chronicleSection .tabBox > ul > li > a:hover{background-color:transparent;}
.chronicleSection .tabBox ul li.on a {color:#2D3B9C; transform: scale(1.1);}



.tabConBoxList {position:relative;}
.tabConBoxList ul.yearTab {padding:0; position:absolute; left:32px; background-color: #fff; padding-top:10px;}
.tabConBoxList ul.yearTab > li {float:none;padding:0; height:auto; background-color:transparent; margin-bottom:25px; margin-top:-8px;}

.tabConBoxList ul.yearTab > li > a {font-size:20px; color:#ACACAC; padding:3px 20px;}
.tabConBoxList ul.yearTab > li.on a{color:#fff; background-color:#2D3B9C; border-radius:20px; transform:scale(1.1);}

.tabConBoxList > li.pannel {display:none;}
.tabConBoxList > li.pannel:first-child {display:block;}

.tabConBoxList .yearCon {margin-left:154px; position:relative; min-height:400px;}
.tabConBoxList .yearCon > li {display:none; }
.tabConBoxList .yearCon > li:first-child {display:block;} 
.tabConBoxList .yearCon .yearConBox {padding-bottom:20px; border-bottom:1px dashed #D7D7D7; margin-bottom:18px; font-size:16px;}
.tabConBoxList .yearCon .yearConBox span {padding:0 11px;}
.tabConBoxList .yearCon .yearConBox span:first-child {padding-left:0;}


/*mi*/
.miBox {position:relative; min-height:246px;  margin-bottom:60px;}
.miBox img {position:absolute; left:50%; margin-left:-212px; top:50%; margin-top:-47px;}
.miBox02 img {margin-left:-358px; margin-top:-24px;}

.nierTable .table_normal tbody tr.tableBg td{background-color:#F5F6FB;}
.nierTable .table_normal tbody tr td.number{color:#888;}
   
/*tabStyle */
.floorTabLayout {position:relative;}
.mapTab {position:absolute;}
.mapTab > ul:before {display:none;}
.mapTab > ul > li {float:none; transition:all .3s; }
.tabBox.mapTab > ul > li {float:none; transition:all .3s; }
.mapTab > ul > li > a {border:none;  padding: 8px 10px; display:block;  text-align:left; width:200px;}
.mapTab > ul > li > a:after {display:block; content:''; width:200px; height:1px; border-bottom: 1px dashed #D7D7D7; position:absolute; left:0; bottom:0;  transition:all .3s;}
.mapTab > ul > li > a span {height:auto;}
.mapTab > ul > li:first-child > a {border-left:none;}
.mapTab > ul > li.on > a { color:#2D3B9C; background-color:#F8F8F9;}
.mapTab > ul > li.on > a:after { border-bottom: 1px dashed transparent;}
.mapTab > ul > li.on > a .numSpot {color:#fff; background-image:url('/NIER/assets/kor/images/sub/spot_on.png'); }
.mapTab > ul > li > a span.numSpot {font-size:12px; font-weight:500; line-height:24px; width:21px; height:30px; background-image:url('/NIER/assets/kor/images/sub/spot.png'); background-repeat:no-repeat; color:#fff; text-align:center; display:inline-block; margin-right:10px;}

.mapTabCon {margin-left:218px;}
.mapTabCon ul li {display:none;}
.mapTabCon ul li:first-child{display:block;}
.mapTabCon img {max-width:625px;}
.floorBox {background-color:#F8F8F9; padding:20px 45px;text-align: center; height:auto; min-height:1000px;}
.floorBox p {padding:80px 0; border-top:1px dashed #D7D7D7; margin:0;}
.floorBox p:first-child {border-top:none;}

/* main business */
.yearMainBusiness {}
.yearMainBusiness button {margin-left:10px; height: 47px;}
	.yearMainBusinessL {float:left; width:300px; margin-bottom:28px; display:inline-block;}
	.yearMainBusinessL .selectric {background-color:#fff; color:#000; border:1px solid #E1E1E1;}
	.yearMainBusinessL .selectric .label {font-size:20px; color:#000;}
	.yearMainBusinessL .selectric .button {font-family: 'wvIcon' !important; background-color:#272787; color:#fff; width:46px; height:46px;}
	.yearMainBusinessL .selectric .button:after {border-top-color:#fff;}
	.yearMainBusinessL .selectric-items ul, .yearMainBusiness .selectric-items li {line-height:28px; font-size:16px;}
	.yearMainBusinessL .selectric .button:after { color:#fff; top:0; width:45px; height:45px; line-height:45px;}
	
	.yearMainBusinessL select {border:1px solid #E1E1E1; font-size:20px; color:#000; padding:8px 12px; height:46px; background: url('/NIER/assets/kor/images/common/selectArrow4.png') no-repeat right center; min-width:300px; margin:0;}
	.yearMainBusinessL select option {font-size:16px;}
.yearMainBusinessImgBox {clear:both; border:1px solid #ccc; text-align:center; display:none; position:relative; margin-bottom:40px;overflow: hidden;}
.yearMainBusinessImgBox.on {display:block;}
	.conImgBox > div {display:none;}
	.conImgBox > div.on {display:block;}
	.conImgBox area {cursor:pointer;}
	.conImgBox2018 > div {display:none;}
	.conImgBox2018 > div.on {display:block;}
	.conMenUL2018 {position:absolute; top: 293px; left: 14px;}
	.conMenUL2018 li {margin-bottom:6px;}
.yearImgIn {margin:30px auto;}
.downloadBox {margin:20px 0;}
.explanIn {width:740px; background-color:#e8e8ea; margin:30px auto; padding-bottom:17px;}
.conToplayout {padding-top:32px;  height:202px; position:relative; width:100%; margin:0 auto;}
#contents .conToplayout h3 {padding-left:0; text-align:center; background:none;}
.conMenuUL {position:absolute; top:130px; left:17px;}
.conMenuUL > li {float:left; margin-left:3px;}
.conMenuUL > li:first-child {margin-left:0px;}
.conMenuUL > li > a {display:block;}


/* budget */

.budgeLayout {padding:0; }
.budgeLayout .conT3 {position:relative;}
.budgeLayout .conT3 span {font-size:15px; color:#666;position:absolute; right:0; font-weight:400;}
.budgeLayout .table_normal tbody tr td {text-align:center; }
.budgeLayout .table_normal tbody tr th {text-align:left; padding:10px 20px; font-weight:400;}
.budgeLayout .table_normal tbody tr th.txtR {text-align:right; font-weight:500;}
.budgeLayout .table_normal tbody tr th.innerM {padding:10px 30px; color:#666;}
	.budgeBox {padding:44px; border:1px solid #D7D7D7; border-left:none;}
	.conDanBox:first-child .budgeBox {border-left: 1px solid  #D7D7D7;}



/*greeting*/
.greetingLayout{position:relative;}
	.greetingTextBox {max-width:640px; font-size:16px; line-height:28px;}
	.greetingImgBox {position:absolute; right:0 ;top:54px;}
	.blockStyle {display:block;}


/* visit NIER*/
.mapApiLayout .mapBox img {width:100%; height:100%;}
/* .mapBox {height:427px;} */
.mapATxt {overflow:hidden;border-bottom:1px solid #E1E1E1;margin-bottom:40px;}
.mapATxt p{float:left; color:#707070; width:50%; font-size:16px;}
.mapATxt p.txt_right {text-align:right;}
.mapACon ol {max-width:440px;}
.mapACon ol li {font-size:16px; line-height:25px; position:relative; }
.mapACon ol li span.number {position:absolute;}
.mapACon ol li span.txt {display:block; margin-left:20px}
/*shuttle bus*/
.commuterTab > ul > li > a{padding:15px 10px;}
.stationLayout .conDan2 {margin:0 -17px;}
.stationLayout .stationIn {margin:0 17px;}
.stationLayout .stationIn .imgBox img {width:100%;}
.busTimeTable .table_normal tbody tr td {font-size:15px;}
.busTimeTable .table_normal tbody tr td.txt_black {color:#000;}
.busTimeTable .table_normal tbody tr td div {margin-top:10px}
.busTimeTable .table_normal tbody tr td div:first-child {margin-top:0;}
.busTimeTable .table_normal tbody tr td div strong {font-weight:400;}

/* commute bus */
.commuterInquiry {font-size:16px; margin-bottom:40px;}
.commuterLayout {position:relative; display:none;}
#commuter01{display:block;}
.commuterBox{border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; margin-bottom:60px;}


.commuterButTimeLine {position:relative; margin-bottom:40px;overflow:hidden;}
.commuterButTimeLine:before {width:3px; height:100%; background-color:#D7D7D7; display:block; content:''; position:absolute; top:-17px; left:10px;}
.commuterCon .commuterButTimeLine li {display:block; margin-top:45px; position:relative; min-height:30px;}
.commuterCon .commuterButTimeLine li:first-child {margin-top:0;}
.commuterCon .commuterButTimeLine li.nonstop {margin-top:30px;}
.commuterCon .conBox {margin-bottom:0;}
.commuterButTimeLine li:before {line-height:20px; text-align:center; font-size:12px; font-family: 'wvIcon' !important;width:18px; height:18px; border:2px solid #666; background-color:#fff; border-radius:50%;display:block; content:"\e902";position:absolute;}
.commuterButTimeLine li.nonstop:before{width:13px; height:13px; background-color:#D7D7D7; border:none; content:''; left: 5px;}
.commuterButTimeLine li.nonstop .commuterButTime {color:#d7d7d7;}
	.commuterButTime {padding: 0 0 0 38px; position:relative;}
		.comBTime {position:absolute;}
		.comBTime > div {width:120px;}
		.comBTime a {margin-left:8px; vertical-align:bottom;}
		.comBTimeInfo {margin-left:130px; padding-top:20px;}
		.comBTimeInfo2 {padding-top:0;}
		.comBTimeInfo .txt {line-height:25px;}


/* sitemap */
.sitemap {margin:0 -25px; overflow:hidden;}
.depth {float:left; width:33.3%;}
	.depthIn {margin:0 25px; min-height:500px;}
	.depthIn .conT2 {border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:0;}
	.depthIn > ul > li {padding-top:10px; border-bottom:1px solid #D7D7D7;}
	.depthIn > ul > li:first-child {padding-top:13px;}
	.depthIn > ul > li  > a {color:#000; font-size:18px; display:block; padding-bottom:10px;}
	.depthIn > ul > li  > a:hover {color:#2D3B9C}
	.depthIn > ul > li > ul  {background-color:#F8F8F9;}
	.depthIn > ul > li > ul > li {padding:0 10px 10px 10px;}
	.depthIn > ul > li > ul > li:first-child {padding-top:12px;}
	.depthIn > ul > li > ul > li  > a{font-size:16px; display:block;}
	.depthIn > ul > li > ul > li  > a:hover {color:#2D3B9C}


/* copyright */
.copyrightlawLayout .conT4 {margin:0 0 40px 0}
.copyrightlawLayout .conP {line-height:25px; font-size:15px;}
.copyrightlawLayout .conP img {margin-bottom:10px;}

/*viewerList*/

.viewerList li {border-bottom:1px dashed #D7D7D7; overflow:hidden;}
	.viewerCon {float:left;position:relative; min-height:90px; padding-left:120px;}
	.viewerCon img {position:absolute; left:0;}
	.viewerCon .txt {font-size:16px;}
	.viewerList li .buttonBoxR {margin-top:10px;}

/* */
.personalInfoTxt {font-size:16px;}
.personalInfoTxt .conT4 {color:#666;  font-size:18px;}
.personalInfoTxt .conT4.txt_black {color:#000}
.personalInfoTxt .conBox .conT4 {font-size:16px; color:#666;line-height:24px;}
.personalInfoTxt .conP {line-height:24px; }
.personalInfoTxt .txtBox {margin:0 0 12px 0;}
.personalInfoTxt .bu_l_blue {margin-left:10px;}



/*organiChart*/
.organiChart {overflow:hidden; margin-bottom:80px;}
.orginBox.blue { max-width:327px; color:#fff; background-color:#2D3B9C; font-size:26px; text-align:center; padding:18px 0; margin:0 auto 30px; font-weight:300; position:relative;}
.orginBox:before {width:1px; height:124px; background-color:#ACACAC; position:absolute; left:50%; display:block; content:'';z-index:-1;}

.orginLineLayout {border: 1px solid #D7D7D7; border-bottom:0; }
	.olineLIn {padding:38px 20px 0 20px; overflow:hidden; margin: 0 -9px 0 -9px;}
	.olineLIn:before {display:block; content:'';height:1px; background-color:#ACACAC; width:734px; margin:0 auto; }
	.olineLIn > li{float:left; width:20%; text-align:center;}
		.olineBox{margin:0 9px; max-width:165px; }
			.divisionBox {background-color:#eee; text-align:center; display:block; padding:13px 0; color:#2D3B9C; font-size:18px; position:relative; margin-top:30px; transition:all .3s; }
			.divisionBox:before {width:1px; height:54px; position:absolute; left:50%; display:block; content:''; background-color:#ACACAC; top:-30px; z-index:-1;}
			.divisionBox:after {width:10px; height:10px; background-color:#2D3B9C; position:absolute; left:0; top:0; display:block; content:'';}
			.divisionSection {font-size:16px; border-top: 1px dashed #D7D7D7; margin:0 13px;}
			.divisionSection:first-child {border:none;}
			.divisionSection a {display:block; padding:13px 0; transition:all .3s; font-size:16px;}
			
			.divisionBox:hover {background-color:#2D3B9C; color:#fff;}
			.divisionSection a:hover {color:#2D3B9C;}
			
			
			
.orginNolineBox {}			
.noLineIn {float:left;width: 50%;}
.noLineIn li {margin-left:20px; position:relative;}
.noLineIn li:before {display:block; content:''; width:1px ; height:100px; background-color:#D7D7D7;position:absolute;}		
.noLineIn.right li{margin-left:118px; margin-right:20px;}
.noLineIn li a{transition:all .3s; position:relative; max-width:349px; border:1px solid #2D3B9C; color:#2D3B9C; background-color:#fff; display:block; padding:13px 0; text-align:center;margin-top:20px; font-size:18px;}

.noLineIn li:first-child a{margin-top:70px;}
.noLineIn li a:before {z-index:-1; width:24px; height:1px; background-color:#D7D7D7; position:absolute; display:block; content:'';}

.noLineIn li a:after {width:10px; height:10px; background-color:#2D3B9C; position:absolute; left:0; top:0; display:block; content:'';}

.noLineIn.left li:before {left:-20px; top:-72px;}
.noLineIn.right li:before {right:-20px; top:-72px;}
.noLineIn.left li a:before {left:-20px; top:50%;}
.noLineIn.right li a:before  {right:-20px; top:50%;}

.noLineIn li a:hover, .noLineIn li.on a {background-color:#2D3B9C; color:#fff;}

.originListLayout {margin-bottom:40px;}
.originLTilte {position:relative;}
.originTBox .table_normal tbody tr td:first-child {color:#272787;}
.originLTilte .conT2 {font-weight: 300;}
.originLTilte .bu_l_blue {position:absolute; right:0; top:0;}
.originLTilte .bu_l_blue span {font-size:12px; vertical-align:middle;}

.originListLayout .accoTitle{background-color:#FAFAFA;}
.originListLayout .accoCon {padding-top:0; font-size:15px; line-height:20px;}
.originListLayout .accoCon .conP > div {margin-top:10px}
.originListLayout .accoCon .conP > div:first-child {margin-top:0;}
.originListLayout .accoCon .conBox {background-color:#fff; overflow:hidden;}
.originListLayout .accoCon .conBox ul li {float: left; width:50%; padding:0 0 5px 0; font-size:14px;}
.originListLayout .accoCon .conBox ul li > div {width:98%;}
.originListLayout .arrowBtnBox{position:absolute; right:24px;top:22px; color:#D7D7D7; font-size:18px; display:block; transition:all .3s; transform: rotate(-90deg);}
.originListLayout .accodian li .accoTitle.on .accoTableTitle {border-top: 1px solid #D7D7D7;}
.visionLayout {text-align:center;}



/* corruption report center */
.declare {font-size:16px; margin-bottom:12px;}
.declareBtnBox {margin-bottom:24px;padding-top:8px}

/* environmental data */
.chartDataTop {border:1px solid #D7D7D7; overflow:hidden; position:relative; margin-bottom: 40px;}
.chartDataL {position:absolute; left:0;}
	.doughnutDataLayout {border-right:1px solid #D7D7D7; padding:16px;  overflow:hidden; height:157px}
		.douDBox {text-align:center; position:absolute; top:50px; right: 15px;}
		.douDBox #douDBoxData {max-width:122px; max-height:122px; width:100%; height:100%;}
			.douDN {position:absolute; top:33px; right:33px; font-size:15px; color:#000;}
			.douDN span {font-size:38px; font-weight:400;}
		.douDBoxLabel {width:190px; margin:20px 145px 0 0; font-size:15px;}
		.douDBoxLabel p {margin-top:0; position:relative; line-height: 40px;}
		.douDBoxLabel p:after {display:block; content:''; width:100%; height:1px; border-bottom:1px dashed #D7D7D7; position:absolute; top:-8px;}
		.douDBoxLabel p:first-child:after {display:none;}
 		.douDBoxLabel p > span {font-size:32px ; position:absolute; right:0px; top:0px;}
		.douDBoxLabel .stxt {font-size:15px;}
	

.chartDataR {margin-left:374px; }
.chartDataR .envSlide {height: 130px; padding-top: 43px;}
.chartDataR .envSlide > ul > li {width:220px;}
.chartDataR .swiper-container-horizontal>.swiper-scrollbar {bottom:8px;}
.chartDataR .envSlide .wvNumBox > a {display:none;}
	
.chartDataR .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background:none; top:5px; left:250px; margin:0px; line-height:20px; height: 20px; text-align:center; width:20px;}
.chartDataR .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background:none; top:5px; left:225px; margin:0px; line-height:20px; height: 20px; right:43px; text-align:center; width:20px;}
.chartDataR .rightConSCon {position:absolute; top:5px; left:270px; text-align:center; width:20px;}
.chartDataR .rightConSCon:after {width:1px; height:14px; border-left:1px dashed #d7d7d7; display:block; content:''; position:absolute; margin: -17px 0px 0px -23px;}
.chartDataR .rightConSCon span {line-height:20px;}

.publicDatPortalLayout {padding:16px 16px 0px; z-index:1;}
.publicDatPortalLayout .conT3 {position:absolute;}
.publicDatPortalLayout .conTsub {font-size:14px; margin:8px 0 0 0;}

.publicConBu {position:absolute; right:15px; top:15px; font-size:13px; z-index:11;}

.envSlide {overflow:hidden;}
.envSlide li {float:left;}
.envSIn {transition:all .3s; background-color:#FAFAFA; border:1px solid #D7D7D7; border-top-right-radius:10px; border-bottom-left-radius:10px; height:95px;}
.envSIn .line {padding:0 8px; display:inline-block; color:#D7D7D7; font-size:12px; vertical-align:middle;}
.envSIn a{display:block;padding:12px;}
.blockB {display:block; height:55px; }


.envSIn:hover {background-color:#253785; box-shadow: 5px 10px 15px rgba(0,0,0,0.16); border:1px solid #253785;}
.envSIn:hover .txt_black, .envSIn:hover a {color:#fff;}


.envDataTab{margin-bottom:0px;}
.envDataTab > ul:before {display:none;}
.envDataTab > ul > li {width:33.3%;}
.envDataTab > ul > li > a {background-color:#F7F7F7; color:#666; border:none; font-size:16px; display:block;}
.envDataTab > ul > li > a:hover {background-color:#F8F9FE; color:#272787;}
.envDataTab > ul > li > a span {height:70px; position:relative;}
.envDataTab > ul > li > a span.imgBox:before {display:none;}
.envDataTab > ul > li > a .imgBox {display:inline-block; width:20px; vertical-align:middle; margin-right:7px;}
.envDataTab > ul > li > a  img{position:absolute; left:0; top:26px;}
.envDataTab > ul > li > a  img.onImg {height:0; overflow:hidden;}
.envDataTab > ul > li.envD03  img{position:absolute; left:0; top:22px;}
.envDataTab > ul > li > a span:after {display:block; content:''; border-left:1px dashed #D7D7D7; width:1px; height:45px; position:absolute; top:12px;}
.envDataTab > ul > li:first-child > a {border:none;}
.envDataTab > ul > li:first-child > a span:after {display:none;}
.envDataTab > ul > li.on > a {background-color:#324EAF; color:#fff;}
.envDataTab > ul > li.on img.onImg {height:14px; overflow:hidden;}
.envDataTab > ul > li.on img.onImg02 {height:12px; overflow:hidden;}
.envDataTab > ul > li.on img.onImg03 {height:18px; overflow:hidden;}

.envDataTab > ul > li > a span.ico {display: inline-block; line-height:70px; vertical-align:-2px; font-size:20px;}
.envDataTab > ul > li > a span.ico:after {display:none;}

.envDataTabline {margin-bottom:0;}
.envDataTabline:before {content:""; position:absolute; left:0px; right:0px; bottom:-1px; border:1px solid #000;}
.envDataTabline ul > li a span {min-width:100px; text-align:center; white-space:nowrap;}
.envDataTabline ul > li.on > a {background-color:#F9F9F9; border-bottom-color: #F9F9F9;}
.envDataTablineCon {background-color:#F9F9F9; position: relative;}
	.loadingDiv {position: absolute; z-index: 10; width:200px; height:200px; text-align:center; line-height:200px; color:#fff; font-size:30px; left: 50%; margin-left: -100px; top: 100px;}
	.loadingDiv img {width:100px; animation-duration: 2s; animation-name: ing; animation-iteration-count: infinite; animation-timing-function: linear;}
	.alert {padding:20px 0px 0px 20px;}
	.whiteBox {background-color:#fff;}
	.envDataChartBox {margin:50px 0px; padding:20px; position:relative; /*height: 120px;*/ height:260px;}
		.chartValueTableBox {margin:160px 0;}
	.envDataChartBox .conT3 {position:absolute;max-width:100px; }
		.envDataChart1 {position:absolute; top:20px; right:0px; width:230px; height:140px;}
		.envDataChart1 canvas {width:100% !important; height:auto !important;}
		.envDataChart2 {position:absolute; top:20px; right:0px; width:230px; height:140px;}
		.envDataChart2 canvas {width:100% !important; height:auto !important;}
.envDataCon {border:1px solid #F7F7F7; padding:40px;}
.envDataTablineCon .conDanBox .envDataChartBox {margin-left:10px;}
.envDataTablineCon .conDanBox:first-child .envDataChartBox {margin-right:10px; margin-left:0px;}
	

.dustGuideBox {background-color:#F6F6F6; height:50px; overflow:hidden; margin:0 0px 60px;}
.dustGuideBox ul li {float:left; width:20%; position:relative; padding-top:20px;}
.dustGuideBox ul li:before {content:"";position:absolute;left:0px;top:0px;right:-10px;height:15px;}
.dustGuideBox ul li p {width:100%; text-align:center; position:absolute; margin-top:-70px;}
.dustGuideBox ul li strong {float:left; padding-left:10px; font-weight:normal;}
.dustGuideBox ul li span {float:right; padding-right:10px;}
	.dustGBC01 {color:#0477a7}
	.dustGBC01:before {background-color:#56b4e9}
	.dustGBC02 {color:#0e7305}
	.dustGBC02:before {background-color:#009e73}
	.dustGBC03 {color:#9a6703}
	.dustGBC03:before {background-color:#e69f00}
	.dustGBC04 {color:#ca3300}
	.dustGBC04:before {background-color:#d55e00}
	.dustGBC05 {color:#6f6f6f}
	.dustGBC05:before {background-color:#a8a8a8}



.dustMapLayout {background-color:#fff; padding:14px;}


.dustMapL {width:338px; position:absolute;}	
	.measureDay {margin-bottom:40px; font-size:14px; font-weight:400;}
	.dustMapLIn {position:relative; width:100%; height:580px; margin:0 auto;}
		.zidoSvg {width:100%;}
	.warterQuMap {background-color: #EFF8FF;}
	.warterQuMap img {width:100%;}
	.dustMapName {position:absolute; color:#fff; width:45px; text-align:center; line-height:21px; font-size:13px;}
	.dustMapName:before {content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-color:#000; opacity:0.6;  border-radius:11px;}
	.dustMapName span {position:relative;}
		.map_SEJONG {top:36%; left:20%;}
		.map_JEJU {top: 91%; left: 7%;}
		.map_GYEONGNAM {top: 64%; left: 50%;}
		.map_GYEONGBUK {top: 44%; left: 70%;}
		.map_JEONNAM {top: 70%; left: 16%;}
		.map_JEONBUK {top: 53%; left: 23%;}
		.map_CHUNGNAM {top: 40%; left: 5%;}
		.map_CHUNGBUK {top: 33%; left: 39%;}
		.map_GANGWON {top: 18%; left: 70%;}
		.map_GYEONGGI {top: 10%; left: 29%;}
		.map_ULSAN {top: 60%; left: 80%;}
		.map_DAEJEON {top: 43%; left: 32%;}
		.map_GWANGJU {top: 65%; left: 7%;}
		.map_INCHEON {top: 17%; left: 7%;}
		.map_DAEGU {top: 52%; left: 63%;}
		.map_BUSAN {top: 69%; left: 76%;}
		.map_SEOUL {top: 17%; left: 29%;}
	.zidoSvg path {transition:all 3s ease; fill:#bebebe;}
	.zidoSvg .duCN1 {fill: #56b4e9;}
	.zidoSvg .duCN2 {fill: #009e73;}
	.zidoSvg .duCN3 {fill: #e69f00;}
	.zidoSvg .duCN4 {fill: #d55e00;}
	.zidoSvg .duCN5 {fill: #a8a8a8;}
	.spotBtnName{position:absolute; text-align:center; line-height:21px; font-size:13px; color:#000; z-index:11;}
	.spotBtnName img {width:25px;}
	.spotBtnName span {background-color:#fff; color:#000; font-size:13px; border:1px solid #E1E1E1; border-radius:11px; padding:2px 12px; margin-left: -5px;}
	.spotBtn {width:9px; height:9px; border-radius:50%; background-color:#fff; border:1px solid #000; position:absolute; transition:all 0.3s ease;}
	.spotBtn:hover {transform:scale(1.6); z-index:10;}
	.spotBtn.on {background-color:#F6A90E; transform:scale(1.6); z-index:10;}
	.spotBtn span {display:block; overflow:hidden; width:0px; height:0px; text-indent:10px;}
	.spBtn01 {left:47%; top:14%;}
	.spBtn02 {left:47%; top:17%;}
	.spBtn03 {left:41%; top:22%;}
	.spBtn04 {left:35%; top:16%;}
	.spBtn05 {left:44%; top:23%;}
	.spBtn06 {left:48%; top:26%;}
	.spBtn07 {left:58%; top:25%;}
	.spBtn08 {left:37%; top:7%;}
	.spBtn09 {left:41%; top:51%;}
	.spBtn10 {left:45%; top:25%;}
	.spBtn11 {left:50%; top:13%;}
	.spBtn12 {left:32%; top:10%;}
	.spBtn13 {left:50%; top:29%;}
	.spBtn14 {left:62%; top:13%;}	
	.spBtn15 {left:25%; top:45%;}
	.spBtn16 {left:34%; top:9%;}
	.spBtn17 {left:59%; top:27%;}
	.spBtn18 {left:51%; top:8%;}
	.spBtn19 {left:0%; top:0%;}
	.spBtn20 {left:45%; top:34%;}
	.spBtn21 {left:38%; top:23%;}
	.spBtn22 {left:43%; top:28%;}
	.spBtn23 {left:63%; top:50%;}
	.spBtn24 {left:62%; top:52%;}
	.spBtn25 {left:56%; top:47%;}
	.spBtn26 {left:60%; top:40%;}
	.spBtn27 {left:58%; top:55%;}
	.spBtn28 {left:46%; top:58%;}
	.spBtn29 {left:60%; top:58%;}
	.spBtn30 {left:0%; top:0%;}
	.spBtn31 {left:0%; top:0%;}
	.spBtn32 {left:29%; top:59%;}
	.spBtn33 {left:69%; top:34%;}
	.spBtn34 {left:27%; top:64%;}
	.spBtn35 {left:49%; top:60%;}
	.spBtn36 {left:0%; top:0%;}
	.spBtn37 {left:60%; top:48%;}
	.spBtn38 {left:20%; top:50%;}
	.spBtn39 {left:78%; top:30%;}
	.spBtn40 {left:55%; top:45%;}
	.spBtn41 {left:35%; top:50%;}
	.spBtn42 {left:0%; top:0%;}
	.spBtn43 {left:0%; top:0%;}
	.spBtn44 {left:73%; top:33%;}
	.spBtn45 {left:50%; top:58%;}
	.spBtn46 {left:51%; top:44%;}
	.spBtn47 {left:36%; top:37%;}
	.spBtn48 {left:41%; top:38%;}
	.spBtn49 {left:28%; top:35%;}
	.spBtn50 {left:26%; top:38%;}
	.spBtn51 {left:42%; top:31%;}
	.spBtn52 {left:47%; top:54%;}
	.spBtn53 {left:36%; top:41%;}
	.spBtn54 {left:38%; top:34%;}
	.spBtn55 {left:41%; top:41%;}
	.spBtn56 {left:45%; top:42%;}
	.spBtn57 {left:39%; top:45%;}
	.spBtn58 {left:0%; top:0%;}
	.spBtn59 {left:25%; top:33%;}
	.spBtn60 {left:29%; top:32%;}
	.spBtn61 {left:19%; top:58%;}
	.spBtn62 {left:0%; top:0%;}
	.spBtn63 {left:26%; top:52%;}
	.spBtn64 {left:21%; top:30%;}
	.spBtn65 {left:34%; top:55%;}
	.spBtn66 {left:31%; top:57%;}
	.spBtn67 {left:29%; top:61%;}
	.spBtn68 {left:25%; top:55%;}
	.spBtn69 {left:23%; top:60%;}

.dustMapR {margin:30px 0px 0px 360px; min-height:590px}
	.tableSido {position:relative;}
	.tableSido span {position:relative; display:block;}
	.tableSido:before {content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition:all 0.6s ease; opacity:0.8; background-color:#fff;}
		.duCN1:before {background-color:#EDF6FA;}
		.duCN2:before {background-color:#F3FFF2;}
		.duCN3:before {background-color:#FFF8EB;}
		.duCN4:before {background-color:#FFEDE6;}
		.duCN5:before {background-color:#FBFBFB;}
.dustMapR .table_normal {margin-bottom:10px;}
.dustMapR .table_normal tbody tr td {text-align:right;}
.dustMapR .table_normal tbody tr td.ac {text-align:center;}
.dustMapR .table_normal tbody tr td.spot {text-align:center;}
.dustMapR .table_normal tbody tr td.lineT0 {border-top:none;}
.dustMapR .table_normal tbody tr td.duCN1 {color:#0477a7;}		
.dustMapR .table_normal tbody tr td.duCN2 {color:#0E8603;}
.dustMapR .table_normal tbody tr td.duCN3 {color:#a26b00;}
.dustMapR .table_normal tbody tr td.duCN4 {color:#d24515;}
.dustMapR .table_normal tbody tr td.duCN5 {color:#666; text-align:center;}
.dustMapR .table_info p{margin:0; color:#333; font-size:13px; word-break:break-all;}
	.river .table_normal tbody tr td {padding:5px 0px;}
		.iconList p {position: relative;}
		.iconList .icon {position: absolute;top: 0px;left: 0px;}
		.iconList .list {display: inline-block;margin-left: 15px;}

/*�뜝�럥�맶�뜝�럥�쑋�뜝�럡�꽟�뜝�럥�늾占쎈쇊占쎈엮占쎌몗占쎈쐻占쎈윪筌뤟우삕占쎌맶�뜝�럥�쑋占쎌뼚짹占쎌맶�뜝�럥�쐾�뜝�럥�셾 > �뜝�럥�맶�뜝�럥�쑅�뜝�럥臾꾤솾�꺂�뒩占쎈뤂�뜝�럩留뉛옙�쐻占쎈윥�몭�씛�삕占쎈늾占쎈쇊癰귨옙占쎄뎡*/

.envDataTablineCon {display:none;}
.envDataTablineCon.on {display:block;}
.envDataTablineCon .searchBox, .envDataTablineCon .searchBox .selectric, .envDataTablineCon .searchBox .selectric .button {background-color:#fff;}
.airQualityListBox {margin-bottom:100px;}
.airQualityListBox:after {display:block; content:''; clear:both;}
.airQualityListBox > ul > li {width:50%; float:left;}
.airQualityListBox > ul > li:nth-child(1) .airQ_In {margin-right:12px; margin-bottom:24px}
.airQualityListBox > ul > li:nth-child(2) .airQ_In {margin-left:12px; margin-bottom:24px}
.airQualityListBox > ul > li:nth-child(3) .airQ_In {margin-right:12px;}
.airQualityListBox > ul > li:nth-child(4) .airQ_In {margin-left:12px;}

	.airQ_In {background-color:#F9F9F9; border:1px solid #EEEEEE; border-radius:10px; text-align:center; padding: 0 0 50px 0; min-height:510px;}
	.airQ_In .num {color:#4E5A85; font-size:30px; font-weight:500; margin: 26px 0 0 0; display:block;}
	.airQ_In h5 {color:#272787; font-size:18px; margin: 0 0 30px 0; font-weight:400;} 
	.airQ_In .imgBox {height:310px;}
	.airQ_In .examText {font-size:15px; color:#000;}
	.airQ_In .examText span {display:block; font-size:13px; color:#666; width:70%; margin:8px auto 0;}

.airQualityApiLinkBox {}
.airQualityApiLinkBox:after {display:block; content:''; clear:both;}
.airQualityApiLinkBox > ul > li {width:50%; float:left;}
.airQualityApiLinkBox > ul > li:nth-child(1) .airQAL_In {margin-right:30px;}
.airQualityApiLinkBox > ul > li:nth-child(2) .airQAL_In {margin-left:30px;}
	.airQAL_In h5 {font-size:16px; font-weight:500; margin:0 0 8px 0;}
	.airQAL_In a {margin-bottom:10px; display:inline-block;}
	.airQAL_In .txt {font-size:15px; color:#666; word-break:keep-all;}

.waterQuaTitle {position: relative; margin-bottom:20px;}
.waterQuaTitle .txt {line-height:23px;}
.waterQuaTitle .txt p{margin:0; word-break:keep-all;}	
.waterQuaTitle .bu_l_blue {position:absolute; right:0; top:0; font-size:12px;}

.lineTitle {background-color:#fff; position:relative; z-index:1; margin: 0 0 20px 0; padding-left:17px; }
.lineTitle:before {display:block;content:''; width:6px; height:6px; background-color:#fff; border:3px solid #000; position:absolute; left:0; top:8px; border-radius:50%;}

.boxAtype:first-child {border-top:none;}
.boxAtype .leftBox {width:50%; float:left;}
.boxAtype .rightBox {width:50%; float:left;  text-align:right;}
.boxAtype .infotxt {font-size:16px; line-height:26px;}
.boxAtype .infotxt strong {font-weight:500;}
.boxAtype p.txt_black {font-size:13px; color:#888; margin:5px 0 0 0;}

.boxBtype .leftBox {width:50%; float:left; text-align:left;}
.boxBtype .rightBox {width:50%; float:left;}
 
.operate {margin-bottom:5px;}

.typeCommon {position:relative; overflow:hidden; padding:14px; margin-bottom:5px; background-color:#fff;/*  border-bottom:1px solid #f2f2f2; */}
.typeCommon .txt_black {margin-bottom:5px; font-size:15px;}
.typeCommon .conT4 {margin:0 0 20px 15px;}
.typeCommon .ulStyle > li {padding: 0 0 12px 15px;}
.typeCommon .ulStyle > li p {margin:0 0 5px 0;}
.typeCommon p.etc {margin:8px 0 0 0; font-size:13px; font-weight:300; color:#888888;}

.dashTline {margin:0;}
.dashTline:before {display:block; content:''; width:97%; height:1px;  border-top:1px dashed #d7d7d7; position:absolute; top:0;}
.operateResult .ulStyle > li {padding: 0 0 5px 15px}




.boxCtype .leftBox{width:50%; float:left; background-color:#fff;}
.boxCtype .leftBox .leftBoxIn {padding:14px;}
.boxCtype .leftBox .ulStyle {margin-bottom:20px;}
.boxCtype .rightBox {width:50%; float:left; background-color:#fff;}
.boxCtype .rightBox .rightBoxIn {padding:14px; border-left:1px solid #E1E1E1;}
.boxCtype .rightBox .ulStyle {margin-bottom:20px;}
.boxCtype .infotxt {font-size:15px;}

.dringkingWaterLayout {overflow:hidden;}
.waterQuMap {background-color:#F9F9F9;}
.mapCountTitle {font-size:12px; padding:15px;}
.waterQuMapIn { position:relative; width:319px; height:550px; margin:0 auto;}
.waterQuMapIn img {width:100%;}

.circleBox {width:60px; height:60px; background-color:#324EAF; border-radius:50%; position:absolute; text-align:center; line-height:22px; top:0; font-size:13px;}

.circleBox02 {width:50px; height:50px;}
.circleBox .txt_white {margin-top:8px;}
.circleBox02 .txt_white {margin-top:2px;}
.countBox {color: #ADB8DF; font-size:12px;}
.countBox .txt_yellow {font-size:13px;}
.cb01 {left:60%; top:6%;}
.cb02 {left: 30%; top:13%;}
.cb03 {left: 55%; top:27%;}
.cb04 {left: 31%; top:28%;}
.cb05 {left: 19%; top:38%;}
.cb06 {left: 61%; top:37%;}
.cb07 {left: 49%; top:60%;}
.cb08 {left: 22%; top:53%;}
.cb09 {left: 17%; top:67%;}
.cb10 {left: 4%; top:87%;}

.circleBoxInfoBox {position:absolute; text-align:left; color:#000; font-size:12px; left:-87px; top:18px;}
.circleBoxInfoBox.right { left:41px; top:57px; text-align:right;}
.circleBoxInfoBox:before   {display:block; content:''; width:1px; height:25px; background-color:#324EAF ;position: absolute; transform: rotate(-326deg); top: 0px; right:-7px;}
.circleBoxInfoBox.right:before {    transform: rotate(-386deg); top:0; right:84px; height:24px;}
.circleBoxInfoBox .unfit {border-bottom:1px solid #324EAF; font-size:13px; min-width:80px; margin: 0 0 5px 0;}
.circleBoxInfoBox .unfitCon {display:inline-block; width:70px;}
.circleBoxInfoBox ul {line-height:16px}
.circleBoxInfoBox ul li .txt_blue {font-weight:500;}

.cb05 .circleBoxInfoBox{left:-74px; top:41px;}
.cb05 .circleBoxInfoBox:before {top:-1px; right:-6px; transform: rotate(-330deg);}



.procedureLayout ul {overflow:hidden; padding-bottom:23px;}
.procedureLayout ul li {float:left; width:25%; text-align:center; position:relative; }
.procedureLayout ul li:before {font-family: 'wvIcon' !important; display:block; content:"\eafe"; width:28px; height:28px; background-color:#fff; border:1px solid #D7D7D7; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-15px; text-align:center; line-height:28px;}
.procedureLayout ul li:first-child:before{display:none;}
.procedureLayout ul li p {font-size:16px;}
.procedureLayout ul li .imgBox {height:30px;}
.procedureLayout ul li .txtBox {height:45px;}


.degreeList {border-top:1.2px solid #000; margin:8px 0;}
.ulStyle > li > ul.degreeList {max-width:400px; margin-top:10px;}
.ulStyle > li > ul.degreeList > li {padding:0; float:left; width:50%;}
.ulStyle > li > ul.degreeList > li:before {display:none;}
.ulStyle > li > ul.degreeList > li  > div {border-bottom:1px dashed #D7D7D7; padding:10px 0; font-size:15px; margin-left:44px;}
.ulStyle > li > ul.degreeList > li.odd > div {margin-left:0;}

.olList > li { font-size: 16px;line-height: 25px;position: relative;}
.olList > li span.number {position: absolute;}
.olList > li span.txt {display: block;margin-left: 20px;}


/* cardNews */

.tbSlide {position: relative;}
.tbSlide .cycle-slideshow {margin:0 auto; max-width:540px; z-index:1;}
.tbSlide .center a {position: absolute; top:50%; width:auto;}
.tbSlide .center a#prev {left:10px;}
.tbSlide .center a#next {right:10px;}
.tbSlide .center button {margin-left:5px; margin-bottom:10px;}
.tbSlide .center button:first-child {margin-left:0;}
 
@media all and (min-width:641px) and (max-width:1220px) { /* tablets */
/* layout */
.mainVisualBox {height:430px; margin-top: 91px;}
.mainVisualList {left: auto; right: 0px; width: 300px; margin: 0px; height: 430px; }
	.mainVisualListL {top:60px; overflow: hidden; width:auto; right: 0px;}
	.mainVisualListL ul li.list0 {transform: scale(1.5);}
	.mainVisualListL ul li.list1 {transform: scale(1.3);} 
	.mainScrollIcon {display:none;}
	.mainVisualTitle {left:20px;}
	.mainVisualTitle h2 {font-size:38px;}
	.mainVisualBg {right:0px; margin:0px;}
	.mainPage .topBg {height:520px; left: auto; width: 280px;}
	.mainVRCenterBottom > ul > li > a {padding: 0px 20px;}
	.mainOpen .topLayoutIn h1 {margin:-79px 20px 21px 80px;}
	.mainOpen .topMenuAllBu p:before {background-color:#000;}
	.mainOpen .topMenuAllBu p span {background-color:#000;}
	.mainOpen .topMenuAllBu p:after {background-color:#000;}
	.mainOpen .topBg {width:90%;}
	.mainOpen .mainVisualList {width:90%;}
	.mainOpen .mainVisualListR {top:-90px;}
	.mainOpen .mainVisualListR > ul {margin:140px 0px 0px 30px}
	.mainOpen .mainVRRightBox2 {display:none;}
	.mainOpen .mainVRRightBox {top:220px; left: 650px;}
	.mainOpen .mainVRCenterBox {left: 180px;}
	.mainOpen .mainVRCenterBottom {width: 426px;}
	.mainOpen .mainVisualListBu {left:0px;}
	.mainOBox {display:none}
.mainVisualBottomBox {position: static; margin:80px 20px 0px;}
	.mainVisualBottomBoxIn {width:auto;}
.airLayer {left: 20px; margin-top: -240px;}
.mainBottomBox {margin:40px 20px; position: relative;}
	.mainBottomBoxL {width: auto; float: none; margin-right: 270px;}
	.mainBottomBoxC {height:0px; overflow:hidden;}
	.mainBottomBoxR {position: absolute; top: 0px; right: 0px;}
	
	
	.yearMainBusinessImgBox {overflow-x:scroll;}
	.map_commuter {overflow-x:scroll;}
	
	
	.depthIn > ul > li > a {font-size:16px;}
		.depthIn > ul > li > ul > li > a {font-size:14px;}
		
	.publicDatPortalLayout {position:relative;}
	.container02 .floorBox p {overflow-x:auto;}
	.container02 .tabBox.mapTab > ul > li > a{width:150px;}
	.container02 .mapTabCon {margin-left:168px;}
	
	.ulStyle > li > ul.degreeList > li > div {margin:0px;}
	
	.orginLineLayout {border:0px;}
	.olineLIn {padding:0px;}
	.olineLIn:before {display:none;}
	.orginBox:before {display:none;}
	.divisionBox:before {display:none;}
	.divisionBox {margin-top:0px; font-size:15px;}
	.noLineIn li:before {display:none;}
	.noLineIn li a {margin:4px; max-width:100%; font-size:15px;}
	.noLineIn li a:before  {display:none;}
	.divisionSection a {font-size:13px;}
	.noLineIn li:first-child a {margin-top:20px;}
	.noLineIn li {margin-left:0px;}
	.noLineIn.right li {margin:0;}
	.organiChart  {margin-bottom: 40px;}
	
	.popup_BoxIn {width:90%; margin-left:-45%; top:95px; } 
	.popup_BoxIn table {max-width:100%;}
	
	
	.visionLayout {overflow-x:auto; }
	
	.originListLayout .accoCon .conBox ul li {float:none; width:100%;}
	
	.webZineImgBox {height:auto;}
}
@media all and (min-width:901px) and (max-width:1000px) { /* tablets small  */
	.mainOpen .mainVRRightBox {display:none;}
	.mainOpen .mainVRCenterBox {left: 180px; right: 30px;}
	.mainOpen .mainVRCenterBottom {width: 100%;}
	.mainOBox {display:none;}
	.accodianLayout ul li .txtBox .conT3 {max-width:650px;}
	
	.waterQuMapIn {width:240px; height:420px;}
	.greetingTextBox {max-width:550px;}
	
	.boxListLayout .list3 > li {width:50%;}
	
	.enviBox .leftConBox{margin:0px 0px 40px 0px;}
	.enviBox .rightConBox {position: static; margin-bottom:40px}
	.boxBtype .leftBox img {max-width:300px;}
	.boxAtype .rightBox img {max-width:300px;}
	
	.dustGuideBox ul li strong {padding-left: 5px;}
	.dustGuideBox ul li span {padding-right: 5px;}
	.dustMapL {width:270px;} 
		.dustMapLIn {width:270px;} 
		.dustMapLIn .zidoSvg {width:100%}
		.dustMapR {margin: 30px 0px 0px 280px;}
	.rightConSliderBox {max-width:100%;}
	
	.olineLIn:before {}
	
	
	.envDataChart1 canvas, .envDataChart2 canvas {width:100% !important; height: auto !important;}
}
@media all and (min-width:641px) and (max-width:900px) { /* tablets small2  */
	.mainOpen .mainVRRightBox {display:none;}
	.mainOpen .mainVRCenterBox {left: 180px; right: 30px;}
	.mainOpen .mainVRCenterBottom {width: 100%;}
	.mainOBox {display:none;}
	.researchDivLoading {left:250px;} 
	.mainVRCenterTop p {font-size: 23px; max-width: 174px;}
	.mainVisualBottomL h2 {padding: 20px 0px 15px 30px;}
	.mainVisualBottomBoxIn {height:200px;}
	.mainVisualBottomL ul {margin:0px;}
	.mainVisualBottomL ul li {width:33.3%; margin-bottom: 13px;}
	.mainVisualBottomL ul li span {height:35px;}
	.mainVisualBottomRB {margin: 20px 35px;}
	.airLayer {margin-top: -260px;}
	.mainBottomBoxL > ul > li {width:25%;}
	.mainBottomBoxL > ul > li.on > a {padding:0px; text-align: center;}
	.mainBottomBoxL .cList > ul > li a .date {display:none;}
	.mainBottomBoxL li.on .mainMore {display:none;}
	
	
	.satisfaction .admin_info ul li {float:none; width:100%; text-align:left;}
	
	.conBText .conBox .list2 li > div {max-width:265px;}


	.boxListLayout .list3 > li {width:50%;}
	.enviBox .leftConBox{margin:0px 0px 40px 0px;}
	
	.dustMapL {width:270px;} 
		.dustMapLIn {width:270px;} 
		.dustMapLIn .zidoSvg {width:100%}
		.dustMapR {margin: 30px 0px 0px 280px;}
		
		.envDataChartBox .conT3 {max-width:100%;}
		.envDataChartBox {/*height:160px;*/}
		.envDataChart1 {top:70px; right:auto; width:200px;}
		.envDataChart2 {top:70px; right:auto; width:200px;}
		.warterQuMap {display:none;}
		.dustMapR.river {margin: 30px 0px 0px 0px}
	.enviBox .rightConBox {position: static; margin-bottom:40px;}
	.rightConSliderBox {max-width:100%;}
	
	.boxAtype .leftBox {width: auto; margin-right: 220px;}
	.boxAtype .leftBox img {max-width:200px;}
	.boxAtype .rightBox {position: absolute; right:20px;}
	.boxBtype .leftBox {width:auto; margin-right:20px;}
	.boxBtype .leftBox img {max-width:200px;}
	.boxAtype .rightBox img {max-width:200px;}
	.boxCtype .leftBox {width:100%;}
	.boxCtype .rightBox {width:100%;}
	.boxCtype .rightBox .rightBoxIn {border-left:0px;}
	.accodianLayout ul li .txtBox .conT3 a {display:block; max-width:380px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:22px; }  
	.accodianLayout ul li .accoTitle.on .txtBox .conT3 a {display:block; overflow:visible; }

	
	
	.boxListConIn2 .boxImgLink {position:static; min-height: auto; max-width: 100%; height:142px; margin-bottom:10px;}
	.boxListConIn2 .txtBox {margin-left:0;}
	
	
	.budgeBox img {width:100%;}
	
	
	.greetingTextBox {max-width:100%}
	.greetingImgBox {position:static; text-align:center;}
	
	
	.direimgBox {float:none; margin-bottom:10px;}
	.diretxtBox {float:none; padding:0;}
	
	
	.mapATxt p {float:none; width:100%; margin:5px 0;}
	.mapATxt p.txt_right {text-align:left;}
	.mapACon .conDan2 .conDanBox {float:none; width:100%;margin-bottom:20px;}
	
	
	.commuterTab.mapTab {position:static; margin-bottom:0;}
	.commuterTab.tabBox.mapTab > ul > li {float:left; width:50%;}
	.commuterTab.mapTab > ul > li > a {width:auto; text-align:center;}
	.commuterTab.mapTab > ul > li > a.mTab { height:30px; padding:10px;}
	.commuterTab.mapTab > ul > li > a:after {width:100%;}
	.commuterTab.mapTab > ul > li.on > a:after {border-bottom:1px dashed #D7D7D7;}
	.commuterTab.mapTab > ul > li > a:before {display:block; content:''; height:100%; min-height:47px; width:1px; border-left:1px dashed #D7D7D7; position:absolute; left:0; top:0;}
	.commuterTab.mapTab > ul > li > a.odd:before{display:none;}
	.comBTimeInfo {margin-left:0; padding-top:50px;}
	.commuterCon.mapTabCon {margin-left:0;}
	
	
	
	.viewerList li .conBox_white {margin-bottom:0; position:relative;}
		.viewerCon {float:none;}
		.viewerList li .buttonBoxR {float:none; text-align:right; margin-top:0; position:absolute; right:0px; top:28px;}
	
	.btnCollection li {width:100%; float:none;}
	
	
	.chartDataTop .conT3 {font-size:16px;}
		.douDBoxLabel {width:125px;}
			.chartDataR .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 180px;}
			.chartDataR .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 200px;}
			.chartDataR .rightConSCon {left: 223px;}
		.chartDataR {margin-left: 310px;}
		.publicConBu {display:none;}
	.mobileHide {display:none;}
	
	
	.depth {width:50%;}
	
	.popup_BoxIn {width:auto; margin-left:0; right:5px; left:5px; bottom:5px; height:auto; top:5px;} 
	.popupScroll {height: calc(100% - 200px);}
	.blconBox .buttonBox li a {padding: 0 10px;}
	/*tableWrap*/
	.tableWrap {width:100%; overflow-x:scroll; max-width:720px;}
	.tableWrap .table_normal {width:720px;}
	
	
	/* cardNews */
	.tbSlide .center a#prev {left:-30px;}
	.tbSlide .center a#next {right:-30px;}
	.tbSlide .center a {width:35px;}
	.tbSlide .center a img {width:100%;}
	
	
	
	.airQualityListBox > ul > li {width:100%;}
	.airQualityListBox > ul > li:nth-child(1) .airQ_In {margin-right:0;}
	.airQualityListBox > ul > li:nth-child(2) .airQ_In {margin-left:0;}
	.airQualityListBox > ul > li:nth-child(3) .airQ_In {margin-right:0; margin-bottom:24px;}
	.airQualityListBox > ul > li:nth-child(4) .airQ_In {margin-left:0;}
	
	.airQualityApiLinkBox > ul > li {width:100%;}
	.airQualityApiLinkBox > ul > li:nth-child(1) {margin-bottom:24px;}
	.airQualityApiLinkBox > ul > li:nth-child(1) .airQAL_In {margin-right:0; }
	.airQualityApiLinkBox > ul > li:nth-child(2) .airQAL_In {margin-left:0;}
}
@media all and (max-width:640px) { /* phones */
	.mainVisualBox {height:300px; margin-top: 61px;}
	.mainVisualList {margin: 0px; height: 300px;  }
		.mainVisualListL {top:20px; left: 20px; right:0px; height:230px; overflow: hidden; width:auto;}
		.mainVisualListL ul li {margin: 0px 0px 15px;}
		.mainVisualListL ul li a {font-size:14px;}
		.mainVisualListL ul li.list0 {transform: scale(1.4); margin-bottom:22px;}
		.mainVisualListL ul li.list1 {transform: scale(1.2); margin-bottom:18px;} 
		.mainScrollIcon {display:none;}
		.mainVisualTitle {left:20px; top: 60px; width: 45%;}
		.mainVisualTitle h2 {font-size:22px;}
		.mainVisualTitle p {font-size:14px;}
		.mainVisualBg {right:0px; margin:0px;}
		.mainPage .topBg {display:block; margin: 0px; top: 61px; height: 300px;}
		.mainVisualListBu {width:130px; height: 40px; transform: scale(1);}
		.mvBuOpen {line-height: 40px}
		.mvBuOpen span{height:40px;}
		.mvBuOpen span:before {font-size:32px;}
		.mvBuClose {line-height: 40px}
		.mvBuClose span {height:40px;}
		.mvBuClose span:after {font-size:32px;}
		.mainOpen .mainVisualListBu {left: 0px; width:130px; height: 40px; transform: scale(1);}
		.mainOBox {display:none;}
	.mainOpen .topBg {left: 0%;}
	.mainOpen .topMenuAllBu p:before {background-color:#000;}
	.mainOpen .topMenuAllBu p span {background-color:#000;}
	.mainOpen .topMenuAllBu p:after {background-color:#000;}
	.mainOpen .mainVisualList {margin:0px; left: 0%;}
	.mainOpen .mainVisualListR {width: 100%; top: 0px; bottom: 30px;}
	.mainOpen .mainVisualListR > ul {margin: 20px 16px 0px}
	.mainOpen .mainVisualListR > ul > li {width:20%; float:left;}
	.mainOpen .mainVisualListR > ul > li.on > a {width: auto;}
	.mainOpen .mainVisualListR > ul > li > a {width: auto; margin: 0px 1px;}
	.mainOpen .mainVisualListR > ul > li > a h2 {font-size: 15px; text-align:center; line-height: 45px;}
	.mainVisualListR > ul > li.on .mainVRCenterBox {left: 16px; right: 16px; top: 60px;}
	.mainVRCenterTop {height: 50px; margin-bottom: 10px;}
	.mainVRCenterTop p {font-size: 17px;}
	.mainVRCenterBottom {width:100%;}
	.mainVRCenterBottom:before {display:none;}
	.mainVRCenterBottom > ul > li {width:25%;}
	.mainVRCenterBottom > ul > li > a {line-height: 30px; padding: 0px; width: 100%; text-align: center;}
	.mainVRCenterBottom > ul > li.on > a {padding:0px;}
	.mainVRCenterBottom .cList {top:45px;}
	.researchDivLoading {left:50%; top:50px; margin-left:-100px;}
	
	#researchTaskDetailArea .conT2 {font-size: 18px;}
	.imgSwipe {overflow: auto;}
	.imgSwipe img {max-width: 945px;}
	
	.mainVisualBottomBox {position: static; margin:90px 16px 0px;}
		.mainVisualBottomBoxIn {width:auto; height: 335px;}
			.mainVisualBottomL {margin:0px; height: 190px;}
			.mainVisualBottomL h2 {padding:20px; font-size:16px;}
			.mainVisualBottomL ul {margin:0px;}
			.mainVisualBottomL ul li {width:33.3%; margin-bottom: 15px;}
			.mainVisualBottomL ul li span {font-size: 26px; height: 30px;}
			.mainVisualBottomR {position:relative; width: auto; height:150px;}
			.mainVisualBottomR h2 {padding:20px 20px 15px; font-size:16px;}
				.mainVisualBottomRB {margin:0px 20px;}
				.mainVisualBottomRB .selectric-wrapper {width:70%;}
				.mainVisualBottomRB .mainVisualBInput {width:70%;}
				.mainVisualBottomRB .mainVBRBSelect {width:70%;}
				.mainVisualBottomRB button {width:20%;}
	.airLayer {left: 20px; right: 20px;margin-top: -390px;}
		.airLayerR {position: absolute; right:0px;}
	.mainBottomBox {margin:40px 20px; position: relative; height:auto;}
		.mainBottomBoxL {width: auto; float: none; margin:0px; height:210px;}
		.mainBottomBoxL > ul > li {width:25%;}
		.mainBottomBoxL > ul > li > a {padding:0px; text-align: center;}
		.mainBottomBoxL > ul > li.on > a {padding:0px; text-align: center;}
		.mainBottomBoxL .cList > ul > li a .date {display:none;}
		.mainBottomBoxL li.on .mainMore {display:none;}
		.mainBottomBoxL li.on .cList {left:10px; right:10px;}
		.mainBottomBoxC {height:0px; overflow:hidden;}
		.mainBottomBoxR { top: 0px; right: 0px; width: 100%; float:none; height:auto;}
	
	.conBody {margin-bottom:10px;}	
		/*searchBox*/
		
		.searchBox .formGroup > ul > li:before {display:none;}
		.searchBox .formGroup ul li {width:100%; border-bottom:1px solid #333;}
		.searchBox .formGroup .selectric-items li {border:none;}
		
		
		#menuNuri .img {display:block; margin-bottom:10px; margin-right:0;}
		.satisfaction .admin_info ul li {width:100%; float:none; text-align:left;}
		
		.iframeScroll {overflow-x:scroll-x}
		.boxListLayout .list3 > li {width:100%;}
		.enviBox .leftConBox .conT4 {height:auto;}
		.enviBox .leftConBox .list4 li {width:50%;}
		.enviBox .leftConBox{margin:0px 0px 40px 0px;}
		.enviBox .rightConBox {position: static; margin-bottom:40px;}
		.enviBox .leftConBox .list4 .roundBox {margin:1px;}
		.rightConSliderBox {max-width:100%;}
		.conBText .conBox .list2 li {width:100%;}
		
		
		.accodianLayout ul li .imgBox {display:none;}
		.accodianLayout ul li .txtBox {padding-left:0;}
		.accodianLayout ul li .txtBox .conT3 a {display:block; max-width:240px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:22px; }  
		.accodianLayout ul li .accoTitle.on .txtBox .conT3 a {display:block; overflow:visible; }
		
		
		
		.chartDataTop {border:none; margin-bottom: 16px;}
			.chartDataL {position:static;}
				.doughnutDataLayout {border-right:none; margin-bottom:10px; padding: 0px;}
					.douDBoxLabel {width:auto; margin: 20px 160px 0 0;}
					.douDBox {top:33px;}
			.publicDatPortalLayout {position:relative;}
			.chartDataR {margin-left:0px; border:1px solid #d7d7d7;}
				.publicDatPortalLayout .conT3 {font-size:16px; padding-top:1px;}
				.publicConBu {display:none;}
				.envSIn {max-width:100%;}
					.chartDataR .rightConSCon {left:auto; right:0px;}
					.chartDataR .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left:auto; right:20px;}
					.chartDataR .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:auto; right:43px;}
		.envDataTab > ul > li > a span {height:49px;}
		.envDataTab > ul > li > a span.ico {line-height:49px; font-size:16px;}
		.envDataTab > ul > li > a img {top:18px;}
		.envDataTab > ul > li.envD03 img {top:14px;}
		.envDataTab > ul > li > a span:before {height:27px;}
		.envDataCon {border:0px; padding:10px 0px;}
		.envDataTablineCon .conBox {padding:10px;}
		.envDataTablineCon .conDan2 {display:none; width:100%; margin:0px 0px 6px;}
			.envDataChartBox {margin: 0px 0px 5px 0px; padding: 10px;}
			.envDataChartBox .conT3 {max-width:95px; font-size: 16px;}
				.envDataChart1 {margin:60px 0px 0px 0px; height: 80px;}
				.envDataChart2 {margin:60px 0px 0px 0px; height: 80px;}
			.dustGuideBox {margin:0 0 10px 0;}
			.dustGuideBox ul li {font-size:12px;}
			.dustGuideBox ul li strong {padding:0px;}
			.dustGuideBox ul li span {clear:both;}
			.dustMapL {width:auto; position: static;}
				.measureDay {margin-bottom: 10px;}
				.envDataTablineCon .formGroup ul li.formD1 {width:40%}
				.envDataTablineCon .formGroup ul li.formD2 {width:20%}
				
			.dustMapR {margin:0px;}
			
			
			 
			
		.waterQuaTitle .conT3 {margin-bottom:50px;}
		.waterQuaTitle .bu_l_blue {left:0; right:auto; top:30px;}
		/* .waterQuaTitle .bu_l_blue {position: static; margin-top: 5px; display: block;} */
		.accoTableTitle .txt {max-width:216px;}
		.accoTableCon .conT4 a {display:block; text-align:center; margin:8px 0; position:relative;}
		
		.btnCollection li {width:100%; float:none;}
		.btnCollection li .bu_l_blue {display:inline-block; margin-bottom:6px;}
		
		
		.boxListLayout2 {margin:0;}
		.boxListLayout2 .conDanBox {float:none; width:100%;}
		.boxListCon2 {margin:12px 0;}
		.boxListConIn2 .boxImgLink {position:static; min-height: auto; max-width: 100%;  max-height:100%; height:100%; margin-bottom:10px;}
		.boxListConIn2 .txtBox {margin-left:0;}
	
		
		.chronicleSection .conBox .cboxTitle .conT4 .conT4In {padding-top:0;}
		.chronicleSection .tabBox ul li a {font-size:14px;}
		
		.chronicleSection .conBox .cboxTitle .numberBox {width:30px; height:30px; line-height:30px;font-size:16px; }
		.chronicleSection .conBox .cboxTitle .conT4 {margin-left:40px;}
		.chronicleSection .conBox .cboxText {font-size:15px; line-height:22px;}	
		.tabConBoxList ul.yearTab {left:0;}
		.tabConBoxList ul.yearTab > li > a {font-size:16px;}
		.tabConBoxList .yearCon {margin-left:90px;}
		.tabConBoxList .yearCon .yearConBox span {font-size:14px; padding:0;}
		.tabConBoxList .yearCon .yearConBox span.conT3 {font-size:15px;}
		.tabConBoxList .yearCon .yearConBox span:first-child {display:block; margin:0 0 5px 0;}
		.tabConBoxList .yearCon .yearConBox {padding-bottom:10px;}
		
		
		.miBox {min-height:158px;}
		.miBox img {width:90%; margin-left:-45%; left:50%; margin-top:-30px;}
		.miBox02 img {margin-top:-10px;}

		
		.budgeLayout {overflow-x:scroll;}
		.budgeLayout img {width:100%;} 
		.budgeLayout .conDan2 .conDanBox {width:100%; float:none; margin-bottom:20px;}
		.budgeBox {border: 1px solid #D7D7D7; padding:20px;}
		
		
		.greetingImgBox {position:static; text-align:center;}
		.greetingTextBox img {width:100%; font-size:15px;}
		
		
		.generationCon .conDan2 .conDanBox{width:100%; float:none; overflow:hidden; margin-bottom:20px}
		.direimgBox {float:none;}
		.diretxtBox {padding:0; float:none;}
		.generationTitle span.dateTxt {position:static; display:block;}
		
		.mapATxt {margin-top:10px; margin-bottom:20px;}
		.mapATxt p {float:none; width:100%; margin:5px 0;}
		.mapATxt p.txt_right {text-align:left;}
		.mapACon .conDan2 .conDanBox {float:none; width:100%;margin-bottom:20px;}
		
		
		.mapTab {position:static; margin-bottom:0;}
		.tabBox.mapTab > ul > li {float:left; width:50%;}
		.mapTab > ul > li > a {width:auto; text-align:center; font-size:14px;}
		.mapTab > ul > li > a.mTab { height:30px; padding:10px;}
		.mapTab > ul > li > a:after {width:100%;}
		.mapTab > ul > li.on > a:after {border-bottom:1px dashed #D7D7D7;}
		.mapTab > ul > li > a:before {display:block; content:''; height:100%; min-height:47px; width:1px; border-left:1px dashed #D7D7D7; position:absolute; left:0; top:0;}
		.mapTab > ul > li:first-child > a:before {display:none;}
		.mapTab > ul > li > a.odd:before{display:none;}
		.comBTimeInfo {margin-left:0; padding-top:50px;}
		.mapTabCon {margin-left:0;}
		.mapTabCon ul li .conBox .txt_blue {line-height:23px;}
		
		
		.interOp {width:100%;}
		
		.boxAtype .leftBox {width:100%;}
		.boxAtype .leftBox img {max-width:100%;}
		.boxAtype .rightBox {width:100%; text-align:left;}
		.boxAtype .rightBox img {max-width:100%;}
		.boxBtype .leftBox {width:100%;}
		.boxBtype .leftBox img {max-width:100%; margin-bottom:5px;}
		.boxBtype .rightBox {width:100%;}
		.boxCtype .leftBox {width:100%;}
		.boxCtype .rightBox {width:100%;}
		.boxCtype .rightBox .rightBoxIn {border-left:0px;}
			.circleBoxInfoBox {left:-77px; top:8px;}
			.cb02 {top:6%;}
			.cb03 {top:23%;}
			.cb04 {top:25%;}
			.cb05 .circleBoxInfoBox {left: -61px;top: 18px;}
			.cb05 .circleBoxInfoBox .unfit {min-width: 65px;}
			.cb05 .circleBoxInfoBox:before {display:none;}
			.cb06 {left: 51%;}
			.cb08 {left: 26%;top: 52%;} 
			.cb10 {top:83%;}
			
		.waterQuMapIn {width: 210px; height:387px}
		.ulStyle > li > ul.degreeList {max-width:100%; overflow:hidden;}
		.procedureLayout ul li:before {width:12px; height:12px; line-height:12px; font-size:10px;}
		.procedureLayout ul li .txtBox {font-size:12px;}
		.procedureLayout ul li .txtBox p {font-size:12px;}
		.viewerList li .conBox_white {margin-bottom:0; position:relative;}
			.viewerCon {float:none; padding:0;}
			.viewerCon img {position:static; margin-bottom:10px;}
			.viewerList li .buttonBoxR {float:none; margin-top:20px; text-align:right; position:absolute; right:0px; top:28px;}
		
		.personalInfoTxt .bu_l_blue {margin-left:0; display:block; text-align:center; margin-top:10px;}
		
	.yearMBIn {overflow-x:scroll;}
	.map_commuter {overflow-x:scroll;}
	
	.depth {width:50%;}
		.depthIn {min-height:500px}
		.depthIn > ul > li > a {font-size:15px;}
		.depthIn > ul > li > ul > li > a {font-size:14px;}
	
	.enviServiceLayout .conDan2 {margin:0;}
	.enviServiceLayout .conDan2 .conDanBox {width:100%;}
	.ensBoxIn {margin: 0 0 60px;}
	
	
	.popup_BoxIn {width:auto; height: auto; margin-left:auto; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden;}
		.popupScroll {height: calc(100% - 200px);}
		#researchTaskDetailArea {height:100%;}
		.popupPadding {height:100%;}
	
	
		.container02 .floorBox {padding:20px}
		.container02 .floorBox p {overflow-x:auto;}
		
	.yearMainBusinessL {width:243px;}
	.yearMainBusiness button {padding:7px 9px; font-size:15px;}
	.yearMainBusinessL .selectric .label {font-size:16px;}
	.stationLayout .conDan2 {margin:0 -5px;}
	.stationLayout .stationIn {margin: 0 5px;}
	/*tableWrap*/
	.tableWrap {width:100%; overflow-x:scroll; max-width:720px;}
	.tableWrap .table_normal {width:720px;}
	
	.organiChart {display:none;}
	.orginBox.blue {font-size: 18px; padding: 5px 0;}
	.orginLineLayout {border:0px;}
	.olineLIn {padding:0px;}
	.olineLIn:before {display:none;}
	.olineLIn > li {width:100%;}
	.olineBox {max-width: 100%;}
	.orginBox:before {display:none;}
	.divisionBox:before {display:none;}
	.divisionBox {margin-top:0px; font-size:15px;}
	.noLineIn li:before {display:none;}
	.noLineIn li a {margin:4px; max-width:auto; font-size:15px;}
	.noLineIn li a:before  {display:none;}
	.divisionSection a {font-size:12px; padding:10px 0px;}
	.noLineIn li:first-child a {margin-top:20px;}
	.noLineIn li {margin-left:0px;}
	.noLineIn.right li {margin:0;}
	.organiChart  {margin-bottom: 40px;}
	.originSearchLayout .searchBox .formGroup ul li select {width:100% !important;}
	.originTBox {overflow:auto; width:100%;}
	.originTBox table {min-width:500px;}
	.originLTilte .conT2 {font-size: 18px; margin: 0px 0px 10px 0px;}
	.originLTilte .bu_l_blue {position: relative; display: block; margin-bottom: 10px;}
	.originLTilte .bu_l_blue span {float: right; line-height: 20px;}
	
	.ulStyle > li > ul.degreeList > li {float:none; width: 100%;}
	.ulStyle > li > ul.degreeList > li > div {margin-left:0;}
	
	.originListLayout .accoCon .conBox ul li {float:none; width:100%;}
	
	.visionLayout {overflow-x:auto; }
	
	.departBox .conBox .list2 li {width:100%; float:none;}
	
	.greetingTextBox {font-size:15px; line-height:25px;}
	.mapACon ol li {font-size:15px;}
	
	.webjinLayout {padding:15px;}
	.webjinLayout ul {margin:0 -10px 0 -10px;}
	.webjinLayout ul:after {display:block; content:''; clear:both;}
	.webjinLayout ul li {float: left; width:50%;}
		.wbjIn {margin: 0 10px 20px;}
		
		
	/* cardNews */
	/* .tbSlide .cycle-slideshow img {width:100% !important; height:100% !important; } */
	.tbSlide .center a {top:-5px;}
	.tbSlide .center a#prev {width:30px; left:0;}
	.tbSlide .center a#next {width:30px; right:0;}
	
	
	.webZineImgBox {height:auto;} 
	.comBTime > div {width:auto;}
	
	
	.airQualityListBox > ul > li {width:100%;}
	.airQualityListBox > ul > li:nth-child(1) .airQ_In {margin-right:0;}
	.airQualityListBox > ul > li:nth-child(2) .airQ_In {margin-left:0;}
	.airQualityListBox > ul > li:nth-child(3) .airQ_In {margin-right:0; margin-bottom:24px;}
	.airQualityListBox > ul > li:nth-child(4) .airQ_In {margin-left:0;}
	
	.airQualityApiLinkBox > ul > li {width:100%;}
	.airQualityApiLinkBox > ul > li:nth-child(1) {margin-bottom:24px;}
	.airQualityApiLinkBox > ul > li:nth-child(1) .airQAL_In {margin-right:0; }
	.airQualityApiLinkBox > ul > li:nth-child(2) .airQAL_In {margin-left:0;}
}