@charset "utf-8";
*{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h3.h3{display:block; line-height:37px; padding:0; font-size:18px; color:#000;}
.no_scroll{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	Basic	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body{line-height:1.6; font-size:16px; font-weight:400; font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
*,
*:after{box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, button{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{margin:0; padding:0; color:#404040;}
ul, ol, dl, dt, dd{margin:0; padding:0; list-style:none;}
img{border:none; vertical-align: bottom;}
hr{display:none;}
fieldset{border:none;}
legend{display:none;}
p{margin:0;}
table{table-layout:fixed; border-collapse:separate; border-spacing:0;}
table caption{opacity:0; overflow:hidden; width:0; height:0; line-height:1px; font-size:1px; text-indent:-30000px;}
.hidden{overflow:hidden; position:absolute; top:0; left:-30000px; line-height:1px; font-size:1px;}
select{-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;appearance:none;}
select::-ms-expand {display: none;}
.Hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; font-size:0; line-height:0; position:absolute; padding:0 !important;}

textarea:hover,
textarea:focus,
textarea:active,
textarea:visited{margin:0 !important; padding:0 !important;border: 1px solid #C4C4C4 !important;}

input[type="text"],
select{outline:none;}
input:focus::-webkit-input-placeholder{color:transparent !important;}
input:focus:-moz-input-placeholder{color:transparent !important;}
input:focus::-moz-input-placeholder{color:transparent !important;}
input:focus:-ms-input-placeholder{color:transparent !important;}

*{
	/* -webkit-text-size-adjust:none;
	text-size-adjust:none; */
	word-wrap: break-word;
	word-break: keep-all;
}

/* 검색창 클리어*/
/* input::-ms-clear {display:none;} */
/* 	.clearable{ background: url(../images/main/icon_table_close.png) no-repeat right -15px center; padding: 3px 20px 3px 4px; border-radius: 3px; transition: background 0.4s; background-size: 10px 10px;} */
/* 	.clearable.x  { background-position: right 115px center;} */
/* 	.clearable.onX { cursor: pointer;} */
/* 	.clearable:-ms-clear {display:none; width:0; height:0;} */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	Skip
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip{position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{display:block; position:absolute; left:0; padding:10px; color:#fff; background:#000;}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}

#sitemap a.img1,
#sitemap a.img2{display:none;}

/* layout */
body{opacity:0; background-color:#fff;}
#wrap{overflow:hidden; position:relative;}

    #wrap .layout{padding:0 60px;}
    /* topbg */
    #topbg{
		overflow:hidden; position:absolute; left:0; top:0; z-index:-1; width:100%; height:800px;
		background: #5CCC9F;
		background: linear-gradient(90deg, rgba(11, 171, 97, 0.1) 0%, rgba(37, 175, 157, 0.1) 100%), linear-gradient(90deg, #126C83 1.04%, #5CCC9F 100%);
	}
		#topbg:before,
		#topbg:after{
			content:""; position:absolute; left:-20%; top:-20%;
			-webkit-border-radius:50%;
			border-radius:50%;
			-webkit-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
			-webkit-transition:all 0.3s linear;
			transition:all 0.3s linear;
		}
		#topbg:before{
			opacity:0.5; z-index:10; width:670px; height:670px; 
			background: #27AE94;
			background: linear-gradient(134.94deg, #1CBC71 0%, #27AE94 71.73%);
		}
		#topbg:after{opacity:0.3; z-index:0; width:1050px; height:1050px; background:#30A689;}
		#topbg>.bg{position:relative; width:100%; height:100%;}
		#topbg>.bg:before{
			content:""; display:block; position:absolute; right:-20%; top:0; width:356px; height:100%; background-image:url(../img/layout/header_bg.svg); background-repeat:no-repeat; background-position:right center; background-size:auto 800px;
			-webkit-transition:right 0.3s linear;
			transition:right 0.3s linear;
		}
		#topbg>.bg:after{
			content:""; opacity:0.4; position:absolute; right:50px; top:678px; width:307px; height:307px; border:70px solid #3BC395;
			-webkit-border-radius:50%;
			border-radius:50%;
		}

		body[data-scroll="0"] #topbg:before,body[data-scroll="0"] #topbg:after{left:0; top:0;}
		body[data-scroll="1"] #topbg:before,body[data-scroll="1"] #topbg:after{left:-5%; top:-5%;}
		body[data-scroll="2"] #topbg:before,body[data-scroll="2"] #topbg:after{left:-10%; top:-10%;}
		body[data-scroll="3"] #topbg:before,body[data-scroll="3"] #topbg:after{left:-15%; top:-15%;}
		body[data-scroll="4"] #topbg:before,body[data-scroll="4"] #topbg:after{left:-20%; top:-20%;}

		body[data-scroll="0"] #topbg>.bg:before{right:0;}
		body[data-scroll="1"] #topbg>.bg:before{right:-5%;}
		body[data-scroll="2"] #topbg>.bg:before{right:-10%;}
		body[data-scroll="3"] #topbg>.bg:before{right:-15%;}
		body[data-scroll="4"] #topbg>.bg:before{right:-20%;}

	/* sitemap */
	#sitemap{
		display:none;		
		position:fixed;
		left:100%;
		top:0;
		z-index:1000;
		width:100%;
		height:100%;
		font-size:10px;
		background-color:rgba(0,0,0,0.6);		
	}
	#sitemap{left:0;z-index:1001;}
	
	@media all and (min-width : 1025px){
			#sitemap>.in{
				position:absolute; left:50%; top:50%; width:calc(100% - 6em);max-width:1620px; max-height:100%; background-color:#fff;
				-webkit-transform:translate(-50%,-50%);
				transform:translate(-50%,-50%);
				overflow-y: auto;
				overflow-x: hidden;
			}

			#sitemap>.in>.head{padding:10px 0;text-align:center;}
			#sitemap>.in>.head>strong{font-size:2.4em; color:#000;}
			#sitemap>.in>.midd{position:relative;padding: 20px;overflow:hidden;}
			#sitemap>.in>.midd>[class*="deps_"]{display:none;}
			#sitemap>.in>.midd>.menu,
			#sitemap>.in>.midd>.menu>ul{height:100%;}
			#sitemap>.in>.midd>.menu>ul{padding-right: calc((100% - 1px) / 6);}
			#sitemap>.in>.midd>.menu>ul:after{content:""; display:block; clear:both;}
			#sitemap>.in>.midd>.menu>ul>li>ul>li{margin-top:5px;}
			#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox{position:relative;float:right;margin: 4px 10px 0 0;width: 83px;height: 15px;}
            #sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:13px;position:absolute;top: 6px;left:0;line-height: 0;}
            #sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{position:absolute;top:0;right:0;}
			#sitemap>.in>.midd>.menu>ul li,
			#sitemap>.in>.midd>.menu>ul li ul{display:block !important;}			
			/* #sitemap>.in>.midd>.menu>ul li>ul>li>ul{background-color:#eee;} */
			#sitemap>.in>.midd>.menu>ul>li>ul{padding:10px 0;width:100% !important;}
			#sitemap>.in>.midd>.menu>ul li>ul>li>ul a{position:relative;}			
			#sitemap>.in>.midd>.menu>ul li>ul>li>ul a:before{content:"";position:absolute;top:50%;left: 21px;width:4px;height:4px;background-color:#4f4f4f;border-radius:50%;transform:translateY(-50%);}
			#sitemap>.in>.midd>.menu>ul>li{float:left;width:20%;position:relative;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(1):after,
			#sitemap>.in>.midd>.menu>ul>li:nth-child(2):after,
			#sitemap>.in>.midd>.menu>ul>li:nth-child(3):after,
			#sitemap>.in>.midd>.menu>ul>li:nth-child(4):after,
			#sitemap>.in>.midd>.menu>ul>li:nth-child(5):after{content:"";position:absolute;top:0;right:0;height: 1000px;width:1px;background-color:#E0E0E0;z-index:1;}		

			#sitemap>.in>.midd>.menu>ul>li:nth-child(1),
			#sitemap>.in>.midd>.menu>ul>li:nth-child(7){}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(6){float:none;position:absolute;right: 14px;top: 20px;width:calc((100% - 1px) / 6);}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(7){clear:both;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(10){width:40%;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(10)>a{padding-left:0 !important; text-align:center;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(n+7){height:30%;border-top:1px solid #E0E0E0;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(n+7)>a{border-bottom:1px solid #E0E0E0; color:#000; background-color:#fff;position:relative;z-index:2}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(n+7)>a:after{content:"";position:absolute;top:0;right: 0px;height: 100%;width:1px;background-color:#E0E0E0;}						
			#sitemap>.in>.midd>.menu>ul>li>a{display:block;font-weight:600; text-decoration:none; color:#fff; background-color:#127086;padding:10px 0;text-align:center;}
			#sitemap>.in>.midd>.menu>ul>li>a>span{font-size:18px;}			
			#sitemap>.in>.midd>.menu>ul>li>ul>li>a{display:inline;text-decoration:none;color:#127086;padding-left:10px;}			
			/* #sitemap>.in>.midd>.menu>ul>li>ul>li a[target="_blank"]:after,
			#sitemap>.in>.midd>.menu>ul>li>ul>li a[onclick*="popupWin"]:after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background-image:url(../img/layout/_blank.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}   1012 수정 주석처리 */
			#sitemap>.in>.midd>.menu>ul>li>ul>li>a>span{font-size:15px;}
			#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a{display:block;text-decoration:none;color:#4f4f4f;padding-left: 30px;}			
			#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a>span{font-size:14px;width: 100%;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(10)>ul:after{content:""; display:block; clear:both;}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(10)>ul>li{float:left; width:calc((100% - 12px) / 2);}
			#sitemap>.in>.midd>.menu>ul>li:nth-child(10)>ul>li:nth-child(2n+1){clear:both; margin-right:1em;}
			
			#sitemap>.in>.foot{display:none;}
			
			#sitemap>.in>a.close{position:absolute;right:2.3em;top: 1.3em;width:4em;height:4em;}
			#sitemap>.in>a.close>span{
				overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
				-webkit-transform:rotate(0deg);
				transform:rotate(0deg);
				-webkit-transition:transform 0.3s ease;
				transition:transform 0.3s ease;
			}
			#sitemap>.in>a.close:hover>span,
			#sitemap>.in>a.close:focus>span{
				-webkit-transform:rotate(180deg);
				transform:rotate(180deg);
			}
	}


/* KOSIS 소개 영상 *//* KOSIS 소개 영상 2022.10.20 */
.MovBox {display: flex; flex-direction: column; align-items: center; padding:0 100px;}
.MovBox>.MovView {background:#000; width:100%; min-height:150px;}
.MovBox>.MovTitle { width:100%; font-size:24px; font-weight: bold; text-align: left; color:#151515; margin-top:20px; padding-bottom:10px;}
.MovBox .Story {border:1px solid #f2f2f2; width:100%; height:auto; max-height:210px; overflow:auto; margin-bottom:20px;}

.MovBox>.midd{position:relative; z-index:5; height:auto; margin:0 auto; width: 100%; border-top:1px solid #f2f2f2;}
.MovBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
.MovBox>.midd .btn_left_s,
.MovBox>.midd .btn_right_s{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:calc(100% - 40px);margin-top: 20px; text-indent:-1000px; background-repeat:no-repeat;}
.MovBox>.midd .btn_left_s{left:-50px; background-image:url(../img/content/con_card_arrow_l_s.svg); background-position:left center;}
.MovBox>.midd .btn_right_s{right:-50px; background-image:url(../img/content/con_card_arrow_r_s.svg); background-position:right center;}

.MovBox>.midd .move {overflow:hidden; position:relative; width:100%;height: 135px;}
.MovBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
.MovBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
.MovBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 188px;height: auto; font-size:16px; color:#151515;}
.MovBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
.MovBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
.MovBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
.MovBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
.MovBox>.midd ul li a span.Thumbnail:before{
	opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.MovBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}

.MovBox .Story .gbx{padding:1.2em 1.6em; background-color:#F6F6F6; box-sizing:border-box;}
.MovBox .Story .gbx .tt{display:block;}
.MovBox .Story .gbx > h5{margin:1.8em 0; font-weight:700; color:#2E5FCE;font-size:16px;}
/* KOSIS 소개 영상 *//* KOSIS 소개 영상 */

/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 2022.11.3 */
.videoBox {display: flex; flex-direction: column; padding:3% 100px;}
.videoBox>.MovView {background:#000; width:100%; min-height:150px; margin-bottom: 2%;}
.videoBox>.MovTitle { width:100%; font-size:24px; font-weight: bold; text-align: left; color:#151515; margin-top:20px; padding-bottom:10px;}
.videoBox .Story {border:1px solid #f2f2f2; width:100%; height:auto; max-height:210px; overflow:auto; margin-bottom:20px;}

.videoBox>.midd{position:relative; z-index:5; height:auto; margin:0 auto; width: 100%; border-top:1px solid #f2f2f2;}
.videoBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
.videoBox>.midd .btn_left_s,
.videoBox>.midd .btn_right_s{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:calc(100% - 40px);margin-top: 20px; text-indent:-1000px; background-repeat:no-repeat;}
.videoBox>.midd .btn_left_s{left:-50px; background-image:url(../img/content/con_card_arrow_l_s.svg); background-position:left center;}
.videoBox>.midd .btn_right_s{right:-50px; background-image:url(../img/content/con_card_arrow_r_s.svg); background-position:right center;}

.videoBox>.midd .move {overflow:hidden; position:relative; width:100%;height: 135px;}
.videoBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
.videoBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
.videoBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 188px;height: auto; font-size:16px; color:#151515;}
.videoBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
.videoBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
.videoBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
.videoBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
.videoBox>.midd ul li a span.Thumbnail:before{
	opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.videoBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}

.videoBox .Story .gbx{padding:1.2em 1.6em; background-color:#F6F6F6; box-sizing:border-box;}
.videoBox .Story .gbx .tt{display:block;}
.videoBox .Story .gbx > h5{margin:1.8em 0; font-weight:700; color:#2E5FCE;font-size:16px;}
/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 */

	@media all and (max-width : 1500px){
		#sitemap{font-size:8px;}
	}
	@media all and (max-width : 1260px){
		#sitemap>.in>.midd>.menu>ul>li>a>span{font-size:15px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>a>span,
		#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a>span,
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:12px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{top: 2px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li a[target="_blank"]:after, #sitemap>.in>.midd>.menu>ul>li>ul>li a[onclick*="popupWin"]:after{width:10px;height:10px;}
		
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox{position:relative;float:right;margin: 4px 10px 0 0;width: 74px;height: 15px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:12px;position:absolute;top: 6px;left:0;line-height: 0;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{position:absolute;top:0;right:0;}
	}
	@media all and (max-width : 1200px){
		#sitemap{font-size:7px;}
	}
	@media all and (max-width : 1024px){
		#sitemap a.img1{display:block;position:absolute;top: 16px;z-index:200;}
		#sitemap a.img1,
		#sitemap a.img1>span{overflow:hidden; float:left; display:block; height:52px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		#sitemap a.img1{width:95px;background-image:url(../img/layout/jungbu.png);}	
	
	    #sitemap a.img2{display:block;position:absolute;top: 16px;z-index:200;}
		#sitemap a.img2,
		#sitemap a.img2>span{overflow:hidden; float:left; display:block; height:52px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		#sitemap a.img2{width:95px;background-image:url(../img/layout/NewDeal.png);}
	
		#sitemap [data-step="1"] a.img1{left: 38px;}
		#sitemap [data-step="1"] a.img2{left: 147px;}
	
		#sitemap [data-step="2"] a.img1{left: 76px;}
		#sitemap [data-step="2"] a.img2{left: 180px;}
	
		#sitemap [data-step="3"] a.img1{left: 116px;}
		#sitemap [data-step="3"] a.img2{left: 219px;}
	
		#sitemap>.in{
			position:absolute; top:0; width:100%; height:100%; max-width:400px; background-color:#fff;right: -400px;;
/* 			-webkit-transition:right 0.2s linear 0.1s; */
/* 			transition:right 0.2s linear 0.1s; */
		}
		#sitemap>.in>.head{display:none;}
		#sitemap>.in>.midd>[class*="deps_"]{
			overflow:hidden; display:none; position:absolute; left:0px; top:0px; z-index:100; width:0; height:100%;
			-webkit-transition:width 0.3s ease;
			transition:width 0.3s ease;
		}
		#sitemap>.in>.midd>[class*="deps_"]>span{overflow:hidden; display:block; position:absolute; left:12px; top:29px; width:16px; height:16px; text-indent:-1000px;}
		#sitemap>.in>.midd>[class*="deps_"]>span:before{content:""; display:block; width:100%; height:100%; background:url(../img/layout/svg_icon_8.svg) no-repeat center center; background-size:contain;}
		#sitemap>.in>.midd>.deps_1{left:0; background-color:#127086;}
		#sitemap>.in>.midd>.deps_2{left:40px; background-color:#2A9595;}
		#sitemap>.in>.midd,
		#sitemap>.in>.midd>.menu{height:100%; background-color:#32B6A3;overflow:auto;}
		#sitemap>.in>.midd{
			width:100%; padding-top:80px;
			-webkit-transition:width 0.3s ease;
			transition:width 0.3s ease;
		}
		#sitemap>.in>.midd>.menu>ul{height:100%;}
		#sitemap>.in>.midd>.menu>ul>li:nth-child(n+7){display:none !important;}
		#sitemap>.in>.midd>.menu>ul>li.on{display:block !important;}
		#sitemap>.in>.midd>.menu>ul>li a{display:inline-block; text-decoration:none; color:#fff;}
		#sitemap>.in>.midd>.menu>ul>li ul{display:none;}
		#sitemap>.in>.midd>.menu>ul>li>a{line-height:1.4; padding:10px 0 10px 40px; font-weight:600;}
		#sitemap>.in>.midd>.menu>ul>li>a>span{font-size:20px;text-shadow: 1px 1px 3px #043f36;}	/* 1012 수정*/
		#sitemap>.in>.midd>.menu>ul>li>ul{overflow:visible !important;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>a{line-height:1.4; padding:10px 0 10px 40px; font-weight:normal;}
	 #sitemap>.in>.midd>.menu>ul>li>ul>li>a>span{position:relative; display:inline-block; vertical-align:top; font-size:18px;text-shadow: 1px 1px 3px #043f36;}	/* 1012 수정*/
		#sitemap>.in>.midd[data-step="2"]>.menu>ul>li>ul>li>a.child>span{padding-right:23px;}
		#sitemap>.in>.midd[data-step="2"]>.menu>ul>li>ul>li>a.child>span:after{
			content:""; display:block; position:absolute; right:0; top:calc(50% - 0px); width:16px; height:16px; background:url(../img/layout/svg_icon_9.svg) no-repeat center center; background-size:contain;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a{line-height:1.4; padding:10px 0 10px 40px; font-weight:normal;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>ul>li>a>span{font-size:18px;text-shadow: 1px 1px 3px #043f36;}	/* 1012 수정*/
		/* #sitemap>.in>.midd>.menu>ul>li a:hover{background-color:rgba(0,0,0,0.3);} */
		#sitemap>.in>.midd>.menu>ul li.on>ul{display:block;width:100% !important}
		#sitemap>.in>.midd[data-step="1"]>.menu>ul>li ul{display:none;}		
		#sitemap>.in>.midd>.menu>ul>li>ul>li{position:relative;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox{position:relative;float:right;margin: 16px 30px 0 0;width: 95px;height: 13px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>label{font-size:15px;color:#fff;line-height: 0;    margin-top: 2px;text-shadow: 1px 1px 3px #043f36;}	/* 1012 수정*/
		#sitemap>.in>.midd>.menu>ul>li>ul>li>.firstbox>input{}
		#sitemap>.in>.midd>.menu>ul>li>ul>li[data-deps="2"]>a{padding: 10px 0 10px 62px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li[data-deps="2"].on>a{padding: 10px 0 10px 40px;}
		#sitemap>.in>.midd>.menu>ul>li>ul>li[data-deps="2"].on>ul>li>a{padding: 10px 0 10px 59px;}
		#sitemap>.in>.midd[data-step="2"]{padding-left:40px;}
		#sitemap>.in>.midd[data-step="2"]>.deps_1{width:40px;display:block;}
		#sitemap>.in>.midd[data-step="2"]>.menu>ul>li:not(.on){display:none;}
		#sitemap>.in>.midd[data-step="2"]>.menu>ul>li.on>a>span{font-size:20px;text-shadow: 1px 1px 3px #043f36;}	/* 1012 수정*/
		#sitemap>.in>.midd[data-step="3"]{padding-left:80px;}
		#sitemap>.in>.midd[data-step="3"]>.deps_1,
		#sitemap>.in>.midd[data-step="3"]>.deps_2{width:40px;display:block;}
		#sitemap>.in>.midd[data-step="3"]>.menu>ul li:not(.on){display:none;}
		#sitemap>.in>.midd[data-step="3"]>.menu>ul>li.on>a{display:none;}
		#sitemap>.in>.midd[data-step="3"]>.menu>ul>li>ul>li.on>a{font-weight:600;}
		#sitemap>.in>.midd[data-step="3"]>.menu>ul>li>ul>li.on>a>span{font-size:20px;}
		#sitemap>.in>.midd[data-step="3"]>.menu>ul>li>ul>li.on>ul>li{display:block !important;}

		#sitemap>.in>.foot{
			position:absolute; left:0; bottom:0; z-index:300; width:100%; height:100px; text-align:right;
			background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(91, 200, 184, 0.15) 100%);
		}
		#sitemap>.in>.foot>ul{display:inline-block; padding:20px;}
		#sitemap>.in>.foot>ul:after{content:""; display:block; clear:both;}
		#sitemap>.in>.foot>ul>li{float:left;position:relative;}
		#sitemap>.in>.foot>ul>li:nth-child(n+2){padding-left:21px;}
		#sitemap>.in>.foot>ul>li:nth-child(n+2):before{
			content:"";
			display:block;
			position:absolute;
			left:10px;
			top:50%;
			width:1px;
			height:12px;
			background-color:rgba(255,255,255,0.5);
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
			display: none;
		}
		#sitemap>.in>.foot>ul>li>a{text-decoration:none;font-weight:normal;font-size:16px;color:#fff;text-shadow: 1px 1px 3px #043f36;}

		#sitemap>.in>a.close{position:absolute; right:26px; top:26px; width:32px; height:32px;}
		#sitemap>.in>a.close>span{
			overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7_w.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg);
			-webkit-transition:transform 0.3s ease;
			transition:transform 0.3s ease;
		}
		#sitemap>.in>a.close:hover>span,
		#sitemap>.in>a.close:focus>span{
			-webkit-transform:rotate(180deg);
			transform:rotate(180deg);
		}
	}

	/* header */
	#header{position:relative; z-index:300;height:118px; padding:60px 0 0 0;}/* 220907수정 */
		#header .layout{position:relative; padding:0;}
		#header h1{display:block; position:absolute; left:30px; top:0; z-index:200;}
		#header h1 a{display:block;}
		#header h1:after{content:""; display:block; clear:both;}
		#header h1 img{display:block;}

		/* 보다나은 정부 링크 위치 수정 start */
		#header h2{display:block; position:absolute; left:275px; top:0; z-index:200;}
		#header h2:after{content:""; display:block; clear:both;}
		#header h2>p,
		#header h2>span{overflow:hidden; float:left; display:block;height: 58px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		#header h2>p{width: 158px;background-image:url(../img/layout/jungbu.png);}

		#header strong{display:block;position:absolute;left:370px;top:0;z-index:200;}
		#header strong:after{content:""; display:block; clear:both;}
		#header strong>a,
		#header strong>span{overflow:hidden; float:left; display:block; height:52px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		#header strong>a{width:95px;background-image:url(../img/layout/NewDeal.png);}

		/*#header h2>span{width:108px; background-image:url(../img/layout/logo-text.svg);}*/
		/* 보다나은 정부 링크 위치 수정 end */

		#header .menu{overflow:visible !important; position:relative; z-index:20; width:100%;}
		#header .menu:before{
			content:"";
			display:block;
			position:absolute;
			left:0;
			top: 60px;
			z-index:0;
			width:100%;
			height: calc(100% - 60px);
			background-color:#fff;
			-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.08);
			box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.08);
		}
		#header .menu>ul{position:relative; z-index:100; text-align:center; font-size:0;}
		#header .menu>ul>li{display:inline-block; position:relative; vertical-align:top;}
		#header .menu>ul>li>a{display:block;width:165px;line-height:47px;margin-bottom:4px;font-weight:600;text-decoration:none;color:#fff;}
		#searchId, #searchId2{filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));}  /* 20230911 명도 대비 추가 */
		#header .menu>ul>li>a>span{font-size:20px;position:relative;text-shadow: 0px 1px 3px #242d2d; padding: 5px;}
		#header .menu>ul>li>a>span:after{content:"";display:block;position:absolute;bottom:5px;left:0;width:0%;height:1px;background-color:#feea1a;}
		#header .menu>ul>li:hover>a>span:after,
		#header .menu>ul>li:focus>a>span:after,
		#header .menu>ul>li>a.on>span:after{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;}
		#header .menu>ul>li>ul{position:absolute;left:0;top:100%;width:100%;padding:10px 0;height:290px;}	
		
		/* 네비게이션 색상변경 css 추가 */
		#header .menu>ul>li>a>span:hover{color:#feea1a;}
		#header .menu>ul>li>a>span.on{border-bottom: 3px solid #feea1a; color: #feea1a;}
			
		/*익스전용*/
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
			#header .menu>ul>li>ul{position:absolute;left:0;top:100%;width:100%;padding:10px 0;height:290px;margin-top:1px;}			
			#header .menu>ul>li:nth-child(2n)>ul:after{background-color:#fbfbfb;}
		}
		/*익스전용*/
		#header .menu>ul>li:nth-child(n+2)>ul:before{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:1px; height:100%; background-color:#f2f2f2;}
		#header .menu>ul>li>ul:after{content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-color:#fff;}
		#header .menu>ul>li:nth-child(2n)>ul:after{background-color:#fbfbfb;}
		#header .menu>ul>li:hover>ul:after,
		#header .menu>ul>li:focus>ul:after{background-color:#f6f6f6;}

		#header .menu>ul>li>ul>li:nth-child(n+2){margin-top:5px;}
		#header .menu>ul>li>ul>li>a{display:block; padding:0 8px; text-decoration:none; text-align:left; color:#4f4f4f;}
		 #header .menu>ul>li>ul>li>a>span{display:block; line-height:20px; padding:6px 6px 6px 6px; font-size:15px; border:1px solid transparent;} /*1012 수정 */
		#header .menu>ul>li>ul>li>a:hover,
		#header .menu>ul>li>ul>li>a:focus,
		#header .menu>ul>li>ul>li>a.on{color:#333;}
		#header .menu>ul>li>ul>li>a:hover>span,
		#header .menu>ul>li>ul>li>a:focus>span,
		#header .menu>ul>li>ul>li>a.on>span{
			border: 1px solid #DDDDDD; background: #E9E9E9;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 7px 7px 8px rgba(36, 55, 54, 0.1);
			box-shadow: 7px 7px 8px rgba(36, 55, 54, 0.1);
		}

		#header [data-btn="search-top"]{overflow:hidden; display:block; width:47px !important; height:47px; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_search.svg); background-repeat:no-repeat; background-position:center center; background-size:70% auto;}

		#header #etc{position:absolute; right:98px; top:8px; z-index:100;}
		#header #etc>ul:after{content:""; display:block; clear:both;}
		#header #etc>ul>li{float:left; position:relative; line-height:32px; padding:0 10px;}
		#header #etc>ul>li:nth-child(n+2){padding-left:12px;}
		#header #etc>ul>li:nth-child(n+2):before{
			content:""; display:block; position:absolute; left:0; top:50%; width:2px; height:15px; background-color:rgba(255,255,255,0.3);
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}
		#header #etc>ul>li:nth-child(5),
		#header #etc>ul>li:nth-child(6):before{display:none}
		#header #etc>ul>li>a{display:block; font-weight:600; text-decoration:none; color:#fff;}
		#header #etc>ul>li>a>span{font-size:16px;color:#006080;}

		#header > .layout > [data-btn="search-top"]{display:none; position:absolute; right:74px; top:8px; width:32px; height:32px; background-size:contain;}
		#header [data-btn="all"]{position:absolute; right:30px; top:8px; z-index:100; width:32px; height:32px;}
		#header [data-btn="all"]>span{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
		#header [data-btn="all"]:before,
		#header [data-btn="all"]:after,
		#header [data-btn="all"]>span:before{content:"";display:block;position:absolute;left:0;top:calc(50% - 1px);width:100%;height:2px;background-color:#fff;box-shadow: 0px 1px 3px #242d2d;}
		#header [data-btn="all"]:before{
			-webkit-transform:translateY(-9px);
			transform:translateY(-9px);
		}
		#header [data-btn="all"]:after{
			-webkit-transform:translateY(9px);
			transform:translateY(9px);
		}
		
	/* top search */
	#searchbox{
		display:none;
		position:absolute;
		left:0;
		top: 58px;
		z-index:900;
		width:100%;		
		height:90px;
		background-color:#248072;		
	}
		#searchbox .layout{padding:21px 60px !important;}
		#searchbox .in{position:relative; width:736px; height:48px; margin:0 auto;}
		#searchbox .in input[type="text"]{
			width:100%; height:48px; padding:0 82px 0 40px; border:none; font-weight:500; font-size:18px; color:#000 !important; background-color:#fff;
			-webkit-border-radius:34px;
			border-radius:34px;
		}
		
		#searchbox .in input[type="text"]::placeholder{font-weight:300 !important;color:#4F4F4F}
		#searchbox .in input[type="text"]::-webkit-input-placeholder{font-weight:300 !important;color:#4F4F4F}
		#searchbox .in input[type="text"]:-ms-input-placeholder{font-weight:300 !important;color:#4F4F4F}
		#searchbox .in input[type="submit"]{
			overflow:hidden; position:absolute; right:40px; top:50%; width:32px; height:32px; cursor:pointer; text-indent:-1000px; border:none; background-color:#fff; background-image:url(../img/layout/svg_search_b.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}
		#searchbox .in .close{
			overflow:hidden; position:absolute; right:-100px; top:50%; width:32px; height:32px;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}
		#searchbox .in .close>span{
			overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-image:url(../img/layout/close.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg);
			-webkit-transition:transform 0.3s ease;
			transition:transform 0.3s ease;
		}
		#searchbox .in .close:hover>span,
		#searchbox .in .close:focus>span{
			-webkit-transform:rotate(180deg);
			transform:rotate(180deg);
		}

	/* Footer */
	#footer{position:relative; z-index:300; background-color:#474747;}
		#footer .line_1{position:relative; padding:20px 0;}
			#footer .line_1 .menu>ul:after{content:""; display:block; clear:both;}
			#footer .line_1 .menu>ul>li{float:left; line-height:22px;}
			#footer .line_1 .menu>ul>li:not(:last-child){margin-right:30px;}
			#footer .line_1 .menu>ul>li>a{text-decoration:none; color:#E0E0E0;}
			#footer .line_1 .menu>ul>li>a>span,
			#footer .line_1 .menu>ul>li>a>strong{font-size:18px;}

			#footer .line_1 .sns{position:absolute; right:304px; top:12px;}
			#footer .line_1 .sns>ul:after{content:""; display:block; clear:both;}
			#footer .line_1 .sns>ul>li{float:left;}
			#footer .line_1 .sns>ul>li:not(:last-child){margin-right:6px;}
			#footer .line_1 .sns>ul>li>a{display:block; width:34px; height:34px;}
			#footer .line_1 .sns>ul>li>a>span{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
			#footer .line_1 .sns>ul>li[data-icon="1"]>a>span{background-image:url(../img/layout/icon_sns_1.svg);}
			#footer .line_1 .sns>ul>li[data-icon="1"]>a:hover>span,
			#footer .line_1 .sns>ul>li[data-icon="1"]>a:focus>span{background-image:url(../img/layout/icon_sns_1_w.svg);}
			#footer .line_1 .sns>ul>li[data-icon="2"]>a>span{background-image:url(../img/layout/icon_sns_2.svg);}
			#footer .line_1 .sns>ul>li[data-icon="2"]>a:hover>span,
			#footer .line_1 .sns>ul>li[data-icon="2"]>a:focus>span{background-image:url(../img/layout/icon_sns_2_w.svg);}
			#footer .line_1 .sns>ul>li[data-icon="3"]>a>span{background-image:url(../img/layout/icon_sns_3.svg);}
			#footer .line_1 .sns>ul>li[data-icon="3"]>a:hover>span,
			#footer .line_1 .sns>ul>li[data-icon="3"]>a:focus>span{background-image:url(../img/layout/icon_sns_3_w.svg);}
			#footer .line_1 .sns>ul>li[data-icon="4"]>a>span{background-image:url(../img/layout/icon_sns_4.svg);}
			#footer .line_1 .sns>ul>li[data-icon="4"]>a:hover>span,
			#footer .line_1 .sns>ul>li[data-icon="4"]>a:focus>span{background-image:url(../img/layout/icon_sns_4_w.svg);}
			#footer .line_1 .sns>ul>li[data-icon="5"]>a>span{background-image:url(../img/layout/icon_sns_5.svg);}
			#footer .line_1 .sns>ul>li[data-icon="5"]>a:hover>span,
			#footer .line_1 .sns>ul>li[data-icon="5"]>a:focus>span{background-image:url(../img/layout/icon_sns_5_w.svg);}

			#footer .line_1 [data-js="select"]{position:absolute; right:0; top:10px; width:267px; height:40px; line-height:calc(40px - 2px); border:1px solid #BDBDBD; background-color:transparent;}
			#footer .line_1 [data-js="select"]>a{display:block; position:relative; width:100%; height:100%; text-decoration:none; font-size:16px; color:#BDBDBD;}
			#footer .line_1 [data-js="select"]>a:after{
				content:""; display:block; position:absolute; right:15px; top:50%; width:16px; height:16px; background-image:url(../img/layout/icon_select_1.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
				-webkit-transform:translateY(-50%) rotate(0deg);
				transform:translateY(-50%) rotate(0deg);
			}
			#footer .line_1 [data-js="select"]>a>strong{display:block; width:100%; height:100%; padding:0 15px; font-weight:normal; box-sizing:border-box;}
			#footer .line_1 [data-js="select"]>ul{display:none; position:absolute; left:0; bottom:100%; width:100%; max-height:200px; background-color:#686868;}
			#footer .line_1 [data-js="select"]>ul>li:nth-child(n+2){border-top:1px solid #fff;}
			#footer .line_1 [data-js="select"]>ul>li>a,
			#footer .line_1 [data-js="select"]>ul>li>a>span{display:block; width:100%; height:100%; box-sizing:border-box;}
			#footer .line_1 [data-js="select"]>ul>li>a{text-decoration:none; color:#fff;}
			#footer .line_1 [data-js="select"]>ul>li>a:hover,
			#footer .line_1 [data-js="select"]>ul>li>a:focus{background-color:rgba(255,255,255,0.2);}
			#footer .line_1 [data-js="select"]>ul>li>a>span{padding:0 15px;}
			#footer .line_1 [data-js="select"][data-open="on"]>ul{display:block;}
			#footer .line_1 [data-js="select"][data-open="on"]>a:after{
				-webkit-transform:translateY(-50%) rotate(180deg);
				transform:translateY(-50%) rotate(180deg);
			}		

		#quick{position:absolute; right:0; top:0; width:100px; height:100%; background-color:#fff;}
			#quick:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#F2F2F2;}
			#quick>ul{position:absolute; right:0; top:0; width:100px;}
			#quick>ul>li{margin-top:32px;}
			#quick>ul>li>a{display:block; text-align:center; text-decoration:none; font-size:14px; color:#333;}
			#quick>ul>li>a:hover,
			#quick>ul>li>a:focus{text-decoration:underline;}
			#quick>ul>li>a:before{content:""; display:block; width:40px; height:40px; margin:0 auto 8px auto; background-repeat:no-repeat; background-position:center center; background-size:contain;}
			#quick>ul>li:nth-child(1)>a:before{background-image:url(../img/layout/svg_quick_icon_1.svg);}
			#quick>ul>li:nth-child(2)>a:before{background-image:url(../img/layout/svg_quick_icon_2.svg);}
			#quick>a.top{display:table; table-layout:fixed; position:absolute; right:0; bottom:0; width:100px; height:100px; text-decoration:none; font-size:14px; color:#333;}
			#quick>a.top>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
			#quick>a.top>span:before{content:""; display:block; width:16px; height:16px; margin:0 auto; background:url(../img/layout/svg_icon_6.svg) no-repeat center center; background-size:contain;}

			#quick #botInQuick{ bottom:100px !important;}
			#quick #botInQuick>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; width:50px !important; height:110px !important;}/* 0426수정 */
			#quick #botInQuick>span:before{display: none;}/* 0419수정 */
		
            #botInQuickImg.quickBot1{width: 75px;}/* 0426추가 */
            #botInQuickImg.quickBot2{width: 50px;}/* 0426추가 */
            #botInQuickImg.quickBot3{width: 60px;}/* 0426추가 */
            #botInQuickImg.quickBot4{width: 70px;}/* 0426추가 */

			#quick>ul.fix,
			#quick>a.top.fix{position:fixed !important;}
			#look.fix{position:fixed !important;top:0;right: 100px;}

		#look{
			display:none;
			position:absolute;
			right:100%;
			top: -40px;
			z-index:9999;
			width:475px;
/* height:100%; */
			padding: 10px 20px;
			border: 1px solid #828282;
			background: #FFFFFF;
			-webkit-box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.07);
			box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.07);		
			height:100%;	
		}
			#look>.head{padding-bottom: 10px;border-bottom:1px solid #C4C4C4;}
			#look>.head>strong{display:block; font-size:20px; color:#000;}
			#look>.head>span{display:block; margin-top:10px; font-size:14px; color:#4f4f4f;}
			#look>.midd{height: calc(100% - 100px);overflow:auto;border-bottom:1px solid #ddd;padding:10px 0;}			
			#look>.midd>ul{}
			#look>.midd>ul>li:nth-child(n+2){margin-top: 5px;}
			#look>.midd>ul>li>a{display:inline-block;line-height: 16px;text-decoration:none;font-size: 15px;color:#4f4f4f;position:relative;padding-left: 16px;}
			#look>.midd>ul>li>a:after{content:"";display:block;position:absolute;top: 2px;left:0;background-image:url(../img/layout/tree_icon_file.png);width: 12px;height: 14px;}
			#look>.midd>ul>li>button{display:inline-block; width:16px; height:16px; line-height:16px; margin:-2px 0 0 5px; border:none; background:none;}
			#look>.midd>ul>li>button>span{
				overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-color:#E0E0E0; background-image:url(../img/layout/svg_icon_7_s.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			#look>.close{display:block;position:absolute;right:32px;top: 18px;width:32px;height:32px;}
			#look>.close>span{
				overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/svg_icon_7.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
				-webkit-transform:rotate(0deg);
				transform:rotate(0deg);
				-webkit-transition:transform 0.3s ease;
				transition:transform 0.3s ease;
			}
			#look>.close:hover>span,
			#look>.close:focus>span{
				-webkit-transform:rotate(180deg);
				transform:rotate(180deg);
			}
			#look.on{display:block;}

		#footer .line_2{position:relative; padding:15px 0 15px 148px; border-top:1px solid rgba(196,196,196,0.2);}
			#footer .line_2 address,
			#footer .line_2 .copy{line-height:1.6; font-style:normal; font-size:16px; color:#E0E0E0;}
			#footer .line_2>strong{overflow:hidden; display:block; position:absolute; left:0; top:15px; width:108px; height:43px; text-indent:-1000px; background-image:url(../img/layout/logo-bottom.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}

	/* container */
	
	/** 관심주제 box위로 heard 메뉴가 보여 z-index 삭제
		삭제후 메인화면에 영향이 있어 main.css에 z-index 추가( body[data-layout="main"] #container{z-index:100} )
	 **/
	#container{position:relative; /*z-index:100;*/ background-color:#fff;}
	/** // z-index 삭제 **/
	
	#header:hover + #container,
	#header:focus + #container{position:relative; z-index:100;}

	/* 차즈리 */
	#chazri{position:absolute; right:30px; bottom:10px; z-index:900;}
	#chazri > strong{
		/* 챗봇 케릭터 배경 임시 삭제*/
		display:block; position:relative; z-index:10; width:86px; height:86px;/* background-color:#34C759;*/
		-webkit-border-radius:50%;
		border-radius:50%;
		/*-webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.3);
		box-shadow:2px 2px 10px 0px rgba(0,0,0,0.3);*/
	}
	#chazri > strong > a{display:block; width:100%; height:100%;}
	#chazri > strong > a > span{overflow:hidden; display:block; position:relative; width:100%; height:100%; text-indent:-1000px;}
	#chazri > strong > a > span:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../img/layout/kobot.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	#chazri > span{overflow:hidden; display:block; position:absolute; right:66px; top:10px; z-index:0; width:167px; height:65px; text-indent:-1000px; background-image:url(../img/layout/chazri_text.png); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	#chazri > .close{overflow:hidden; display:block; position:absolute; left:-29px; top:22px; z-index:20; width:16px; height:16px; text-indent:-1000px; background:url(../img/layout/svg_icon_7.svg) no-repeat center center; background-size:contain;}

	body[data-layout="sub"] #chazri{right:110px;}
	body[data-layout="sub"] #chazri.fix{position:fixed;}

/* Sub */
body[data-layout="sub"]{opacity:0;}
	body[data-layout="sub"] #container .layout{position:relative; max-width:1280px; padding:0; margin:0 auto;}
		body[data-layout="sub"] #content-group{position:relative;}
		body[data-layout="sub"] #content-group>.layout{}
		/* body[data-layout="sub"] #content-group>.layout:before{content:""; display:block; position:absolute; left:216px; z-index:100; width:1px; height:100%; min-height:30000px; background-color:#F2F2F2;} */

	body[data-layout="sub"] #container #title{height:auto; line-height:40px; background-color:#F2F2F2;} /* 1012 수정 */
		body[data-layout="sub"] #container #title>.layout>strong{display:inline-block; position:relative; font-weight:500; font-size:20px; color:#000;}
	 body[data-layout="sub"] #container #title>.layout>span{display:block;  font-size:16px; color:#4F4F4F;border-top: 1px solid #dcdcdc;margin-top: 3px;}  /* 1012 수정 */
		body[data-layout="sub"] #container #title [data-pop-btn="tip-pop"]{
			display:inline-block; position:absolute; left:calc(100% + 5px); top:50%; width:24px; height:24px; vertical-align:middle;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}
		body[data-layout="sub"] #container #title [data-pop-btn="tip-pop"]>span{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/content/tip-pop.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}

	body[data-layout="sub"] #content-group>.layout{display:table;table-layout:fixed;width: calc(100% - 60px);}
	body[data-layout="sub"] #content-group>[data-tab-view]{margin:20px 0;}
	body[data-layout="sub"] #container #remote,
	body[data-layout="sub"] #container #content{display:table-cell; text-align:left; vertical-align:top;}
	body[data-layout="sub"] #container #content{width: 100%;}

	body[data-layout="sub"] #container #remote{width:216px; padding-bottom:50px;}
		body[data-layout="sub"] #container #remote .menu{padding:8px; background-color:#F4F9FA;width: 216px;}
		body[data-layout="sub"] #container #remote .menu>ul{
		    border:1px solid #E1EFF2; background: #FFFFFF;
		    -webkit-border-radius:5px;
		    border-radius:5px;
		}
		body[data-layout="sub"] #container #remote .menu>ul>li:nth-child(n+2){border-top:1px solid #E1EFF2;}
		body[data-layout="sub"] #container #remote .menu>ul>li>a{display:block;position:relative;z-index:10;line-height:1.4;padding:8px 0;text-decoration:none;color:#000;background-color:#fff;border-radius: 5px;}

		body[data-layout="sub"] #container #remote .menu>ul>li>a>span{
			display:block;
			padding:12px 15px;
			margin:0 8px;
			letter-spacing:-1px;
			font-size:18px;
			-webkit-border-radius:6px;
			border-radius:6px;
		}
		body[data-layout="sub"] #container #remote .menu>ul>li.on>a>span{
			font-weight:normal; color:#fff;
			background: #0B7A6A;
			background: linear-gradient(95.56deg, #0C7C6C 3.57%, #32B5A2 98.41%);
		}
/* 		body[data-layout="sub"] #container #remote .menu>ul>li>a:hover>span{
			font-weight:normal; color:#fff;
			background: #12cbaf;
			background: linear-gradient(95.56deg, #0C7C6C 3.57%, #12cbaf 98.41%);
		} */
		body[data-layout="sub"] #container #remote .menu>ul>li:last-child.on>a,
		body[data-layout="sub"] #container #remote .menu>ul>li:last-child.on>ul{
			-webkit-border-radius:0 0 5px 5px;
			border-radius:0 0 5px 5px;
		}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul{position:relative;z-index: 0;padding: 30px 0 15px 0;margin-top:-15px;background-color:#127086;}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li:nth-child(n+2){margin-top:4px;}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a{
			display:block; position:relative; padding:6px 6px 6px 33px; margin:0 8px; text-decoration:none; font-size:15px; color:#fff;
			-webkit-border-radius:6px;
			border-radius:6px;
		}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:hover,
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:focus{color:#12cbaf;}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a:hover,
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a:focus{color:#fff;}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:before{
			content:""; position:absolute; left:23px; top:16px; width:4px; height:4px; background-color:#fff;
			-webkit-border-radius:50%;

			border-radius:50%;
		}
		body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a {background-color:#268399;}
		/* body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:hover{background-color:#074351;} */

        body[data-layout="sub"] #container #remote .menu>ul>li>a>span{display:block;position:relative;overflow:hidden;}       
        body[data-layout="sub"] #container #remote .menu>ul>li>a>span:after{content:'';position:absolute;background: #F2F2F2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
        -o-transition:all 0.3s;transition:all 0.3s;top:0;left:-35%;width:0;height:100%;transform:skew(50deg);transition-duration:0.6s;transform-origin:0 0;z-index:-1}

        body[data-layout="sub"] #container #remote .menu>ul>li>a:hover>span:after,
        body[data-layout="sub"] #container #remote .menu>ul>li>a:focus>span:after{width:135%;height:100%;}                
        body[data-layout="sub"] #container #remote .menu>ul>li>a:hover>span,
        body[data-layout="sub"] #container #remote .menu>ul>li>a:focus>span{transition:all 0.3s;}

        body[data-layout="sub"] #container #remote .menu>ul>li.on>a>span:after{display:none;}

/*         body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a{display:block;position:relative;overflow:hidden;}       
        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:after{content:'';position:absolute;background-color:#268399;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
        -o-transition:all 0.3s;transition:all 0.3s;top:0;left:-35%;width:0;height:100%;transform:skew(50deg);transition-duration:0.6s;transform-origin:0 0;z-index:-1}

        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:hover:after,
        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:focus:after{width:135%;height:100%;}                 */
        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:hover,
        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li>a:focus{color:#FFFF00;/*transition:all 0.3s;*/;text-decoration: underline;}

        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a:hover,
        body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a:focus{color:#fff;/*transition:all 0.3s;*/;text-decoration: none;}

/*         body[data-layout="sub"] #container #remote .menu>ul>li>ul>li.on>a>span:after{display:none;} */

		body[data-layout="sub"] #container #remote .menu-etc{margin-top:35px; padding:0 20px;}
		body[data-layout="sub"] #container #remote .menu-etc .in{display:block; text-decoration:none;}
		body[data-layout="sub"] #container #remote .menu-etc .in>strong{display:block; line-height:1.3; font-weight:500; font-size:20px; color:#217788;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon] .in>strong{position:relative; padding-left:26px;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>strong{line-height:22px; font-size:16px; color:#000;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon] .in>strong:before{content:""; display:block; position:absolute; left:0; top:0; width:19px; height:22px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="1"],
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="2"]{
			padding:32px 24px; margin-top:0; background-color:#F4F9FA;
		}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="2"]{
			-webkit-border-radius:0 0 0 10px;
			border-radius:0 0 0 10px;
		}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="1"] .in>strong:before{background-image:url(../img/layout/remote_bottom_icon_1.svg);}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="2"] .in>strong:before{background-image:url(../img/layout/remote_bottom_icon_2.svg);}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>strong:before{background-image:url(../img/layout/remote_bottom_icon_3.svg);}
		body[data-layout="sub"] #container #remote .menu-etc .in>span,
		body[data-layout="sub"] #container #remote .menu-etc .in>ul>li{display:block; line-height:26px; font-size:16px; color:#4f4f4f;}
		body[data-layout="sub"] #container #remote .menu-etc .in>strong+span,
		body[data-layout="sub"] #container #remote .menu-etc .in>strong+ul{margin-top:10px;}

		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li{position:relative; line-height:24px; padding-left:29px; font-size:14px; color:#4f4f4f;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(n+2){margin-top:4px;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li img{display:none;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:before{content:""; display:block; position:absolute; left:0; top:0; width:24px; height:24px; background-repeat:no-repeat; background-position:center center; background-size:98%;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(1):before{background-image:url(../img/layout/remote_bottom_list_1.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(2):before{background-image:url(../img/layout/remote_bottom_list_2.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(3):before{background-image:url(../img/layout/remote_bottom_list_4.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(4):before{background-image:url(../img/layout/remote_bottom_list_3.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(5):before{background-image:url(../img/layout/remote_bottom_list_5.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(6):before{background-image:url(../img/layout/remote_bottom_list_6.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(7):before{background-image:url(../img/layout/remote_bottom_list_7.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li:nth-child(8):before{background-image:url(../img/layout/remote_bottom_list_9.svg) !important;}
		body[data-layout="sub"] #container #remote .menu-etc[data-icon="3"] .in>ul>li.issueIcon:before{background-image: url(../img/layout/icon.png) !important; background-size:62%; width:24px; height:24px; background-color:#f5f9fa; border-radius:7px;}

	body[data-layout="sub"] #container #content #txt{min-height:600px;padding-bottom: 30px;}

	body[data-layout="sub"] #container #content #page-data{position:relative; padding:35px 0; text-align:right;}
		body[data-layout="sub"] #container #content #page-data:before{
			content:""; display:block; position:absolute; left:50%; top:0; width:50000px; height:1px; background-color:#F2F2F2;
			-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
		}
		body[data-layout="sub"] #container #content #page-data>ul{display:inline-block;}
		body[data-layout="sub"] #container #content #page-data>ul:after{content:""; display:block; clear:both;}
		body[data-layout="sub"] #container #content #page-data>ul>li{float:left; position:relative; line-height:20px; color:#333;}
		body[data-layout="sub"] #container #content #page-data>ul>li:nth-child(n+2){padding-left:33px;}
		body[data-layout="sub"] #container #content #page-data>ul>li:nth-child(n+2):before{content:""; display:block; position:absolute; left:16px; top:calc(50% - 6px); width:1px; height:12px; background-color:#E0E0E0;}
		body[data-layout="sub"] #container #content #page-data>ul>li span{font-size:14px;}
		body[data-layout="sub"] #container #content #page-data>ul>li>[data-btn="mail"]{display:block; width:24px; height:20px;}
		body[data-layout="sub"] #container #content #page-data>ul>li>[data-btn="mail"]>span{
			overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../img/layout/icon-mail.svg); background-repeat:no-repeat; background-position:center center; background-size:100% auto;
			-webkit-border-radius:3px;
			border-radius:3px;
		}

	body[data-layout="sub"] #container #content > [data-tab-view]{padding:20px 0;}
	body[data-layout="sub"] #container #content > [data-tab-view]>.layout{margin:0;}

	body[data-layout="sub"] #container #remote + #content{padding-left:50px;border-left:1px solid #F2F2F2;}
	/* body[data-layout="sub"] #container #remote + #content #txt{margin-left:50px;} */
	body[data-layout="sub"] #container #remote + #content #page-data:before{
		left:0;
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}

@media all and (max-width: 1900px){
	/* 	#wrap .layout{padding:0 30px;} */
	#header h1{left:30px;}
	#header h1>a,
	#header h1>span{height:46px;margin-right:0;}
	#header h2{left: 275px;}
	#header h2>a,
	#header h2>span{height: 52px;margin-right:0;}
	#header h3{left: 370px;}
	#header h3>a,
	#header h3>span{height: 52px;margin-right:0;}
	#header [data-btn="all"]{right:30px;}
	#header #etc{right:98px;}	
	#header .menu>ul>li.search{padding:0;}
}
@media all and (max-width: 1830px){
	#header{/* padding-top:20px; */height: 160px;}/* 220907수정 */
	#header .layout{padding:45px 0 0 0;}
	#header .menu>ul{position:relative; padding:0; text-align:left;}
	#header .menu>ul>li>a{margin-bottom:0;text-align:center;}
	#header .menu:before{top: 56px;height: calc(100% - 56px);}
	#header .menu>ul>li.search{position:absolute; right:20px; top:0;}
	
	#searchbox{top:98px;}
}
@media all and (max-width: 1650px){
	#searchbox .layout{padding:21px 30px;}
}
@media all and (max-width: 1500px){
	#quick{display:none;}
	#header .menu>ul>li.search{right:55px;}
	body[data-layout="sub"] #chazri{right:10px;}
}
@media all and (max-width: 1340px){
	body[data-layout="sub"] #container #searchline .layout{padding:0;}
	body[data-layout="sub"] #container .layout{margin:0 30px;}
}
@media all and (max-width: 1400px){
	#footer .line_1 [data-js="select"],
	#footer .line_1 .sns{position:relative; right:auto; top:auto; margin:0 auto;}
	#footer .line_1 .sns{margin:20px 0 0 0; text-align:center;}
	#footer .line_1 .sns:after{content:""; overflow:hidden; display:block; width:108px; height:43px; margin:20px auto 30px; text-indent:-1000px; background-image:url(../img/layout/logo-bottom.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	#footer .line_1 .sns>ul{display:inline-block;}
	#footer .line_1 .menu{text-align:center;}
	#footer .line_1 .menu>ul{display:inline-block;}

	#footer .line_2{padding:20px 0;}
	#footer .line_2>strong{display:none;}
}
@media all and (max-width: 1024px){
	body[data-layout="sub"] #container #content{width: calc(100% - 0px);}
	#UpsTableTabLayer{margin-left:0 !important;}
	#wrap .layout{padding:0 20px;}
	#header{height:65px; padding:0;}
	#header .layout{height:100%; padding-top:0;}
	
	#header h1{left:15px;}
	#header h1 img{display:block;margin-top: 18px;width:149px;}
	/* 보다나은 정부 링크 위치 수정 start */
	#header h2{
		left:170px; top:50%; height:52px;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	#header h2>a{width:70px;}
	#header h2>span{height: 55px;}
	#header h2>a,
	#header strong>a{display:none;}

	#header .menu,
	#header #etc{display:none;}
	#header > .layout > [data-btn="search-top"]{display:block;}
	#header > .layout > [data-btn="search-top"],
	#header > .layout > [data-btn="all"]{
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	#header > .layout > [data-btn="search-top"]{right:95px; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));} /*20231113 명도 대비 추가*/
	#header > .layout > [data-btn="all"]{right:20px;}

	#searchbox{top:65px; height:90px;}
	#searchbox .layout{padding:20px;}
	#searchbox .in{width:calc(100% - 50px); height:50px; margin:0;}
	#searchbox .in input[type="text"]{height:50px; line-height:48px; padding:0 20px; font-size:16px;}
	#searchbox .in input[type="submit"]{right:20px;}
	#searchbox .in .close{right:-51px;}

	body[data-layout="sub"] #container .layout{padding:0; margin:0 20px;}
	body[data-layout="sub"] #container #remote{display:none;}
	body[data-layout="sub"] #content-group>.layout,
	body[data-layout="sub"] #container #content{display:block;}
	body[data-layout="sub"] #content-group>.layout{
    width: calc(100% - 39px);
}
	body[data-layout="sub"] #container #content #txt{min-height:100px; margin:0 !important;}
	body[data-layout="sub"] #container #remote + #content{padding-left:0; border-left:none;}

	 body[data-layout="sub"] #container #title{position:relative; height:auto;} /*1012 수정 */
	body[data-layout="sub"] #container #title:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:60px; background-color:#F2F2F2;}
	body[data-layout="sub"] #container #title>.layout{padding:0 20px; margin:0;}
	body[data-layout="sub"] #container #title>.layout>strong{height:60px; line-height:60px; font-size:18px;}
	body[data-layout="sub"] #container #title>.layout>span{position:relative; line-height:1.6; padding:20px 0;}
	body[data-layout="sub"] #container #searchline .layout{margin:0 20px;}

	body[data-layout="sub"] #container #searchline .layout > ul{padding-top:44px;}
	body[data-layout="sub"] #container #searchline .layout > ul > li:nth-child(3){position:absolute; left:0; top:0; width:100%;}

	body[data-layout="sub"] #content-group .top-option > .layout{margin:0;}
	body[data-layout="sub"] #content-group .top-option > .layout > .head{display:block;width:100%;}
	body[data-layout="sub"] #content-group .top-option > .layout > .head>a{display:block; width:100%; line-height:50px; padding-left:20px; text-align:left;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd{width:100%;padding:0;margin:0;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .move,
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .tabs{width:100%;height: 70px;padding: 15px 20px;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .move{overflow-x:auto;overflow-y:hidden;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .tabs{overflow:auto;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .move>ul,
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .tabs>ul{white-space:nowrap; position:relative !important; left:auto !important; top:auto !important; width:auto;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .move>ul>li,
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .tabs>ul>li{float:none; display:inline-block;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .move>ul:after,
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .tabs>ul:after{display:none;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control{position:absolute; right:0; top:0; width:auto; margin:0;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control .prev,
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control .next{display:none !important;}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control .type[data-type]{
		width:76px; height:50px; line-height:50px; padding:0; margin:0;
		-webkit-border-radius:0;
		border-radius:0;
	}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control .type[data-type]:before{
		left:50%; top:50%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
	}
	body[data-layout="sub"] #content-group .top-option > .layout > .midd .control .type[data-type]>span{overflow:hidden; display:block; text-align:left; text-indent:-1000px;}


	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 2022.10.20 */
	.MovBox {padding:0 80px;}
	.MovBox>.MovView {min-height:inherit !important; height:auto !important;}
	.MovBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.MovBox .Story {max-height:180px; margin-bottom:20px;}
	.MovBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
	.MovBox>.midd .btn_left_s,
	.MovBox>.midd .btn_right_s{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:calc(100% - 40px);margin-top: 20px; text-indent:-1000px; background-repeat:no-repeat;}
	.MovBox>.midd .btn_left_s{left:-50px; background-image:url(../img/content/con_card_arrow_l_s.svg); background-position:left center;}
	.MovBox>.midd .btn_right_s{right:-50px; background-image:url(../img/content/con_card_arrow_r_s.svg); background-position:right center;}

	.MovBox>.midd .move {overflow:hidden; position:relative; width:100%;height: 135px;}
	.MovBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
	.MovBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
	.MovBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.MovBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.MovBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.MovBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.MovBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.MovBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.MovBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 */
	
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 영상 2022.11.3 */
	.videoBox {padding:3% 80px;}
	.videoBox>.MovView {min-height:inherit !important; height:auto !important;}
	.videoBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.videoBox .Story {max-height:180px; margin-bottom:20px;}
	.videoBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
	.videoBox>.midd .btn_left_s,
	.videoBox>.midd .btn_right_s{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:calc(100% - 40px);margin-top: 20px; text-indent:-1000px; background-repeat:no-repeat;}
	.videoBox>.midd .btn_left_s{left:-50px; background-image:url(../img/content/con_card_arrow_l_s.svg); background-position:left center;}
	.videoBox>.midd .btn_right_s{right:-50px; background-image:url(../img/content/con_card_arrow_r_s.svg); background-position:right center;}

	.videoBox>.midd .move {overflow:hidden; position:relative; width:100%;height: 135px;}
	.videoBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
	.videoBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
	.videoBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.videoBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.videoBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.videoBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.videoBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.videoBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.videoBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 */
}

@media all and (max-width: 760px){
	#footer .line_1 .menu>ul:after{display:none; text-align:center;}
	#footer .line_1 .menu>ul>li{display:inline-block; float:none; line-height:2;}
	#footer .line_1 .menu>ul>li:not(:last-child){margin-right:20px;}
	#footer .line_2 address, 
	#footer .line_2 .copy{line-height:1.8;}
	#footer .line_2 address>span{display:block;}

	body[data-layout="sub"] #container #searchline .layout > ul{display:block;}
	body[data-layout="sub"] #container #searchline .layout > ul:after{content:""; display:block; clear:both;}
	body[data-layout="sub"] #container #searchline .layout > ul > li{float:left; display:block; width:calc((100% - 10px) / 2);}
	body[data-layout="sub"] #container #searchline .layout > ul > li:nth-child(1),
	body[data-layout="sub"] #container #searchline .layout > ul > li:nth-child(4){margin-right:10px;}
	body[data-layout="sub"] #container #searchline .layout > ul > li:nth-child(n+3){margin-top:5px;}
	body[data-layout="sub"] #container #searchline .layout > ul > li > a{width:100%;}
	body[data-layout="sub"] #container #searchline .layout > ul > li .searchform{width:100%;}
	
	.LinkGroup {display: flex; flex-direction: column;}
}

@media all and (max-width: 700px){
	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 2022.10.20 */
	.MovBox {padding:0 40px;}
	.MovBox>.MovView {height:auto;}
	.MovBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.MovBox .Story {max-height:160px; margin-bottom:15px;}
	.MovBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}

	.MovBox>.midd .btn_left_s,
	.MovBox>.midd .btn_right_s{display:none;}

	.MovBox>.midd .move {position:relative; width:100%;height: 135px;}
	.MovBox>.midd .move {overflow-x:auto;}
	.MovBox>.midd .move>ul{white-space:nowrap; position:relative; left:auto !important; top:auto !important; width:auto;}
	.MovBox>.midd .move>ul>li{display:inline-block;}
	.MovBox>.midd .move>ul>li:last-child {padding-right:0 !important;}
	.MovBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.MovBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.MovBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.MovBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.MovBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.MovBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.MovBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 */
	
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 2022.11.3 */
	.videoBox {padding:3% 40px;}
	.videoBox>.MovView {height:auto;}
	.videoBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.videoBox .Story {max-height:160px; margin-bottom:15px;}
	.videoBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}

	.videoBox>.midd .btn_left_s,
	.videoBox>.midd .btn_right_s{display:none;}

	.videoBox>.midd .move {position:relative; width:100%;height: 135px;}
	.videoBox>.midd .move {overflow-x:auto;}
	.videoBox>.midd .move>ul{white-space:nowrap; position:relative; left:auto !important; top:auto !important; width:auto;}
	.videoBox>.midd .move>ul>li{display:inline-block;}
	.videoBox>.midd .move>ul>li:last-child {padding-right:0 !important;}
	.videoBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.videoBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.videoBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.videoBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.videoBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.videoBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.videoBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 */
	
	#con_card .photos .midd .move{overflow-x:auto;}
	#con_card .photos .midd .move>ul{white-space:nowrap; position:relative; left:auto !important; top:auto !important; width:auto;}
	#con_card .photos .midd .move>ul>li{display:inline-block;}

	
}
@media all and (max-width: 500px){
	#footer .line_1 .menu>ul>li>a>span, 
	#footer .line_1 .menu>ul>li>a>strong,
	#footer .line_2 address, 
	#footer .line_2 .copy{font-size:15px;}
}

@media all and (max-width: 480px){
	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 2022.10.20 */
	.MovBox {padding:0 10px;}
	.MovBox>.MovView {height:auto;}
	.MovBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.MovBox .Story {max-height:140px; margin-bottom:15px;}
	.MovBox>.midd {/* width:calc(100% - 55px); */}
	.MovBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
	

	.MovBox>.midd .move {position:relative; width:100%;height: 135px;}
	.MovBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
	.MovBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
	.MovBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.MovBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.MovBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.MovBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.MovBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.MovBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.MovBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 소개 영상 *//* KOSIS 소개 영상 */
	
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 2022.11.3 */
	.videoBox {padding:3% 10px;}
	.videoBox>.MovView {height:auto;}
	.videoBox>.MovTitle {font-size:20px; margin-top:20px; padding-bottom:10px;}
	.videoBox .Story {max-height:140px; margin-bottom:15px;}
	.videoBox>.midd {/* width:calc(100% - 55px); */}
	.videoBox>.midd .count{line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d; width: 100%;}
	

	.videoBox>.midd .move {position:relative; width:100%;height: 135px;}
	.videoBox>.midd ul{position:absolute; left:0; top:0; width:20000px; font-size:0;}
	.videoBox>.midd ul li{display:inline-block;padding: 0 20px 0px 0;}
	.videoBox>.midd ul li a {display:flex;flex-direction: column; position:relative;width: 160px;height: auto; font-size:16px; color:#151515;}
	.videoBox>.midd ul li a span.Thumbnail {width:100%; height:90px; overflow: hidden; display: flex; }
	.videoBox>.midd ul li a span.Thumbnail img {width:100%; height:100%;}
	.videoBox>.midd ul li a span.SubTitle {font-size:16px; margin-top:7px; line-height: 17px; word-break: break-all;}
	.videoBox>.midd ul li.on a span.SubTitle {font-weight: bold; color:#296f85;}
	.videoBox>.midd ul li a span.Thumbnail:before{
		opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:90px; background-color:#000;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
	}
	.videoBox>.midd ul li.on a span.Thumbnail:before{opacity:0;}
	/* KOSIS 세상을 그리는 통계 *//* KOSIS 세상을 그리는 통계 */
}
	
@media all and (max-width: 400px){	
	#sitemap [data-step="1"] a.img2{left: 120px !important;}	
	#sitemap [data-step="2"] a.img2{left: 155px !important;}	
	#sitemap [data-step="3"] a.img2{left: 190px !important;}
	
	#sitemap a.img1,
	#sitemap a.img2{width:70px;}	
}

@media all and (max-width: 360px){
	body[data-layout="sub"] #container #searchline{padding:20px 0;}
	body[data-layout="sub"] #container #searchline>.head{padding-top:0;}
	body[data-layout="sub"] #container #searchline .layout > ul > li > a > span{font-size:13px;}

	body[data-layout="sub"] #container #content #page-data{padding:20px 0;}
	body[data-layout="sub"] #container #content #page-data>ul>li:nth-child(1){float:none; margin-bottom:5px;}
}

/* Main */
/* body[data-layout="main"] #header{margin-bottom:148px;}
body[data-layout="main"] #searchbox{z-index:400; height:148px; background-color:transparent;}
body[data-layout="main"] #searchbox .in .close{display:none;} */

/* 추가 */
body[data-layout="sub"] #container #remote .menu-etc .in>ul>li>img{margin-right:8px;}
body[data-layout="sub"] #container .content-title{position:relative; padding-bottom:18px; margin:20px 0 20px 0; border-bottom:1px solid #C4C4C4;}
/* body[data-layout="sub"] #container .content-title>strong{display:block; line-height:37px; padding:0; font-size:18px; color:#000;} */
body[data-layout="sub"] #container .content-title>.caption{position:absolute; right:0; bottom:18px;}

@media all and (max-width:1024px) {
	body[data-layout="sub"] #container .content-title{margin:12px 0 25px 0;}
	body[data-layout="sub"] #container .content-title>.caption [data-icon="print"]{display:none;}
	
	
}
@media all and (max-width:640px) {
	body[data-layout="sub"] #container .content-title{margin:5px 0 18px 0; padding-bottom:0; border-bottom:0;}
}

/*온라인간행물 좌측메뉴 삭제*/
.iframe_sub #remote{display:none !important;}

#botInQuick > span > span {display:block; text-align:center; margin-top: 5px;}/* 0426수정 */

/** 내가본통계표 수정 **/   
 #quick.main_quick{background-color:rgba(0,0,0,0) !important;height: 40px;width: 78px;top: 142px;right: 7px;z-index: 1000;}
 #quick.main_quick:before{display:none;}
 #quick.main_quick>ul{width:auto;}
 #quick.main_quick>ul>li{margin-top:0;}
 #quick.main_quick>ul>li>a:before{margin:-1px auto;width: 45px;height: 45px;background-image:url(../img/layout/svg_quick_icon_3.svg);}
 #quick.main_quick #look>.midd>ul>li>a,
 #quick #look>.midd>ul>li>a{display:inline;}
 #quick.main_quick #look{position:fixed;top:0;right: 0px;}
/*  #quick.main_quick>ul>li>a>span{color:#fff;} */
 #quick.main_quick>ul>li>a>span{color:#fff;font-weight:500;}
 #quick.main_quick a[data-btn="look"]:hover{text-decoration: none;}
.quick_btn{display:none}
 @media(max-width:1830px){
	#quick.main_quick{top: 142px;}
 }

 @media(max-width:1500px){	
 	.quick_btn{position: absolute;top: 45px;right: 20px;font-size: 0;width: 45px;height: 45px;display: block;background-image: url(../img/layout/svg_quick_icon_3.svg) !important;z-index: 400;background-position: center;}
 	    
	#quick{display:block;}
	#quick{background-color:rgba(0,0,0,0);height: auto;width:auto;position:absolute;top: -92px;right: 71px;z-index:400;}
	#quick:before{display:none;}
	#quick.main_quick>ul>li>a:before{display:block;}
	#quick>ul{position:relative;top:0;right:0;width:auto;}
	#quick>ul>li{margin:0;}	
	#quick>ul>li:nth-child(2){display:block;}	
	#quick.quick_sub>ul>li:nth-child(1){display:none;}	
	#quick>ul>li>a:before{background-image:url(../img/layout/svg_quick_icon_3.svg) !important;display:none;}	
	#look{position:fixed !important;top:0 !important;right:0 !important;}

	#quick.quick_sub{top: -89px;right: 61px;}
	#quick.quick_sub>ul>li>a>span,
	#quick.quick_sub #botInQuick,
	#quick.quick_sub .top{display:none;}
	#quick.quick_sub>ul.fix{position:absolute !important;}
 }

 @media(max-width:1024px){
	#quick.main_quick{top: 13px;right: 66px;width:auto;}
	#quick.main_quick>ul>li>a>span{display:none;}	
	#quick.quick_sub{top: -177px;right: 113px;}
	.quick_btn{position: absolute;top: 11px;right: 56px;}
 }

 @media(max-width:836px){
 	#quick.quick_sub{top: -202px;}
 }

 @media(max-width:475px){
	#quick.kosis_quick #look,
	#look{width:100%;}
 }

 @media(max-width:453px){
	#quick.quick_sub{top: -227px;}
 }

 /* 웹접근성 맞춤 1012 추가 */
 .breadcrumbs{display: inline-block; float: right;}
 .breadcrumbs li{display: inline-block; margin-right: 7px;position: relative; }
 .breadcrumbs li a{font-size: 14px; padding-right: 10px;padding-left: 5px;} 
 .breadcrumbs li:first-child a{background: url(../img/layout/home.png)no-repeat center; text-indent: -99999px;display: inline-block;width: 40px; height: 40px;}
 .breadcrumbs li::before{content: ''; position: absolute; transform: rotate(-45deg); width: 1px ; height: 7px;background: #333; top: 15px; right: 0;}
 .breadcrumbs li::after{content: ''; position: absolute; transform: rotate(45deg); width: 1px ; height: 7px;background: #333; top: 20px; right: 0;}
 .breadcrumbs li:last-child{text-decoration: underline; font-size: 15px;font-weight: bold;}
 .breadcrumbs li:last-child a{padding-right: 0px;}
 .breadcrumbs li:last-child::before{content: ''; display: none;}
 .breadcrumbs li:last-child::after{content: ''; display: none;}
  a.newwindow{letter-spacing: -1px;}
  a.newwindow[target="_blank"] span::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;background-image:url(../img/layout/_blank.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}

 .newwindowsub span{background:url(../img/layout/_blank.svg) no-repeat right 10px center;}

  #sitemap>.in>.midd>.menu>ul>li>ul>li a[target="_blank"]:after,
  #sitemap>.in>.midd>.menu>ul>li>ul>li a[onclick*="popupWin"]:after{content:"";display:inline-block;width:16px;height:16px;margin-left:5px;background-image:url(../img/layout/_blank.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}
 
  @media (max-width: 1024px){
	.breadcrumbs{line-height: 60px;}
	.breadcrumbs li:first-child a{ height: 58px;}
	.breadcrumbs li::before{top: 25px;}
	.breadcrumbs li::after{top: 30px;}
	#sitemap>.in>.midd>.menu>ul>li>ul>li a[target="_blank"]:after, #sitemap>.in>.midd>.menu>ul>li>ul>li a[onclick*="popupWin"]:after {background-image: url(../img/layout/_blank_w.svg); margin-top: 4px;}

 }

 @media(max-width:453px){
	.breadcrumbs{float: none; width: 100%;text-align: center;border-top: 1px solid #dcdcdc;}
	
 }

  /* 슬로건 추가 0907 */
.slogan{position: absolute;right: 28px;top: -37px;width: 244px;height: 33px;background: url(../img/layout/slogan.png) no-repeat 0 0;font-size: 0;}

@media all and (max-width : 1024px){ 
	.slogan{display: none;}
}

.LinkGroup {display: flex;width: 100%; max-width: 1000px; margin-bottom:15px; flex-direction: column;}
.LinkGroup li {margin-right:15px;}
.LinkGroup li:last-child {margin-right:0;}
.LinkGroup a {color:#666; position:relative; padding-right:15px; padding-left:15px;}
.LinkGroup a::after {
	display: block;
	content: "";
	width:8px;
	height:8px;
	background:#ccc;
	position: absolute;
	left:0;
	top:9px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
}
.LinkGroup a::before {display: block;content: ""; width:11px; height:11px; background: url("../img/layout/icon_new.png") no-repeat; position:absolute; right:0;bottom: 7px;}
.LinkGroup a:hover,
.LinkGroup a:focus {color:#252525; text-decoration: underline;} 
.LinkGroup a:hover::after,
.LinkGroup a:focus::after {background:#449a8e;}