@charset "utf-8";
/* CSS Document */
body {overflow-x:hidden;}
.SkipNav a { position:absolute; top:-30px; left:50%; margin-left:-550px; background:#039; color:#fff; font-size:12px; padding:2px 6px; border-radius:10px;}
.SkipNav a:last-child { background:#396;}
.SkipNav a:focus { top:0px;}

.AlignCenter {width:1100px;margin:0 auto;}
.Center {width:1100px;margin:0 auto;}


/* 전체메뉴
.GNB {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7); padding:50px 0; z-index:999;visibility:hidden;}
.GNB .MenuGroup { position:relative; background:#fff; padding:20px 20px; width:1100px; height:100%; margin:0 auto;}
.GNB .MenuGroup .MenuBox {overflow:auto; position:relative; height:calc(100% - 50px);}
.GNB .MenuGroup h2 {color:#333; margin-bottom:10px;font-size:16px;font-family:'나눔고딕B';}
.GNB .MenuGroup .MenuBox dl { float:left; width:25%; margin-left:-1px;}
.GNB .MenuGroup .MenuBox dl:first-child, .AllMenu .MenuGroup .MenuBox dl:nth-child(1) { margin-left:0;}
.GNB .MenuGroup .MenuBox dl:nth-child(4) { margin-right:0;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) {position:absolute;left:50%;top:270px;margin-left:-2px;}
.GNB .MenuGroup .MenuBox dl dt a { display:block; background:#f5f5f5; border:#ccc solid 1px; line-height:32px; text-align:center;}
.GNB .MenuGroup .MenuBox dl:nth-child(1) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(2) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(3) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(4) dt a { background:#005b88; border:none; color:#fff; line-height:37px;}
.GNB .MenuGroup .MenuBox dl:nth-child(5) dt a { border-top:none;border-right:none;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) dt a {border-top:none;border-right:1px solid #ddd;}
.GNB .MenuGroup .MenuBox dl:nth-child(7) dt a {border-top:none;}

.GNB .MenuGroup .MenuBox dd {border:#ddd solid 1px; border-top:none;padding-top:15px;}
.GNB .MenuGroup .MenuBox dl:nth-child(1) dd, .GNB .MenuGroup .MenuBox dl:nth-child(2) dd{ height:590px;}
.GNB .MenuGroup .MenuBox dl:nth-child(3) dd { height:100px;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) dd { height:324px;border-left:none;border-right:none;}
.GNB .MenuGroup .MenuBox dl:nth-child(7) dd { height:457px;overflow:auto;}

.GNB .MenuGroup .MenuBox dd li a { display:block; font-size:14px; line-height:18px; padding-left:15px;margin-bottom:10px;}
.GNB .MenuGroup .MenuBox dd li ul { background:#f9f9f9;margin-bottom:10px;}
.GNB .MenuGroup .MenuBox dd li:last-child ul {margin-bottom:0px;}
.GNB .MenuGroup .MenuBox dd li ul a { font-size:12px; border:none; line-height:27px;margin-bottom:0px;}
.GNB .MenuGroup .MenuBox dd li ul li:first-child a {margin-bottom:0px;}
.GNB .MenuGroup .MenuBox dd li ul a:before { content:'ㆍ';}
.btn_close { background:url(../images/common/icon_layer_close.png) no-repeat left top; width:17px; height:17px; position:absolute; right:20px; top:20px; text-indent:-1000px; overflow:hidden;}
.GNB .NewWin { background:url(../images/common/icon_newwin.png) no-repeat left top; width:11px; height:12px; display:inline-block; vertical-align:middle; margin-left:3px; text-indent:-1000px; overflow:hidden;}  */

/* 전체메뉴 */
.GNB {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7); padding:100px 0; z-index:999;}
.GNB .MenuGroup { position:relative; background:#fff; padding:20px 20px; width:1100px; height:100%; margin:0 auto;}
.GNB .MenuGroup .MenuBox {overflow:auto; position:relative; height:calc(100% - 50px);}
.GNB .MenuGroup h2 {color:#333; margin-bottom:10px;font-size:16px;font-family:'나눔고딕B';}
.GNB .MenuGroup .MenuBox dl { float:left; width:19.9%; margin-left:-1px;}
.GNB .MenuGroup .MenuBox dl:first-child, .AllMenu .MenuGroup .MenuBox dl:nth-child(1) { margin-left:0;}
.GNB .MenuGroup .MenuBox dl:nth-child(5) { margin-right:0;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) {position:absolute;left:59.6%;top:165px;margin-left:-2px;width:39.7%;}
.GNB .MenuGroup .MenuBox dl dt a { display:block; background:#f5f5f5; border:#ccc solid 1px; line-height:32px; text-align:center;font-family:'나눔고딕B';}
.GNB .MenuGroup .MenuBox dl:nth-child(1) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(2) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(3) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(4) dt a, .GNB .MenuGroup .MenuBox dl:nth-child(5) dt a { background:#005b88; border:none; color:#fff; line-height:37px;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) dt a { border-top:none;}

.GNB .MenuGroup .MenuBox dd {border:#ddd solid 1px; border-top:none;padding-top:15px;}
.GNB .MenuGroup .MenuBox dl:nth-child(1) dd, .GNB .MenuGroup .MenuBox dl:nth-child(2) dd, .GNB .MenuGroup .MenuBox dl:nth-child(3) dd{ height:590px;}
.GNB .MenuGroup .MenuBox dl:nth-child(6) dd { height:429px;border-left:none;overflow:auto;}
.GNB .MenuGroup .MenuBox dl:nth-child(4) dd, .GNB .MenuGroup .MenuBox dl:nth-child(5) dd { height:128px;}

.GNB .MenuGroup .MenuBox dl:nth-child(5) dd ul {padding-bottom:10px;float:left;width:100%;}
.GNB .MenuGroup .MenuBox dd li a { display:block; font-size:14px; line-height:18px; padding-left:15px;margin-bottom:10px;font-family:'나눔고딕B';}
.GNB .MenuGroup .MenuBox dl:nth-child(6) dd li a { display:block; font-size:14px; line-height:18px; padding-left:15px;margin-bottom:10px;float:left;width:50%;}
.GNB .MenuGroup .MenuBox dd li ul { margin-bottom:10px;}
.GNB .MenuGroup .MenuBox dd li:last-child ul {margin-bottom:0px;}
.GNB .MenuGroup .MenuBox dd li ul a { font-size:13px; border:none; line-height:27px;margin-bottom:0px;font-family:'나눔고딕';}
.GNB .MenuGroup .MenuBox dd li ul li:first-child a {margin-bottom:0px;}
.GNB .MenuGroup .MenuBox dd li ul a:before { content:'ㆍ';}
.btn_close { background:url(../images/common/icon_layer_close.png) no-repeat left top; width:17px; height:17px; position:absolute; right:20px; top:20px; text-indent:-1000px; overflow:hidden;}
.GNB .NewWin { background:url(../images/common/icon_newwin.png) no-repeat left top; width:11px; height:12px; display:inline-block; vertical-align:middle; margin-left:3px; text-indent:-1000px; overflow:hidden;}
.RelatedSite { display:block; background:#f5f5f5; border:#ccc solid 1px;border-top:0px; line-height:32px; text-align:center;font-family:'나눔고딕B';}

/* 주요메뉴 */
.LNB { position:absolute; left:0; top:100px; width:100vw;margin-left: calc(-100vw/2 + 1100px/2); z-index:100;background:url(../images/common/menu_bg.png) repeat-x left top; height:61px; overflow:hidden;}
.LNB:hover { height:205px;}
.LNB .MenuGroup { width:1100px; margin:0 auto;}
.LNB dl {width:220px; float:left; height:204px;}
.LNB dl:first-child dt {border-left:#cacaca solid 1px;}
.LNB dl dt a { height:59px; display:block;overflow:hidden;border-right:#cacaca solid 1px;text-align:center;font-size:18px;font-family:'나눔고딕B';padding-top:15px;}

.LNB dl dd { padding:15px 0 0 25px; height:145px; border-top:#000 solid 2px; border-right:#cacaca solid 1px; background:#eee;}
.LNB dl:first-child dd { border-left:#cacaca solid 1px; }
.LNB dl dd a { font-size:14px;color:#666; position:relative; padding-left:6px;font-family:'나눔고딕';line-height:29px;}
.LNB dl dd a:hover { color:#000;}
.LNB dl dd li:hover a:before { content:''; display:block; width:2px; height:2px; background:#ddd; position:absolute; left:0; top:6px; }
.LNB dl dd li.M_on a { font-weight:bold;}
.LNB dl dd li.M_on a:before { content:''; display:block; width:2px; height:2px; background:#177ca0; position:absolute; left:0; top:3px; }
.LNB dl.M_on dd {background-color:#fff;border-top:#35547a solid 2px;padding-top:13px;}
.LNB dl:hover dd { background-color:#fff;border-top:#35547a solid 2px;padding-top:13px;}
.LNB .NewWin { background:url(../images/common/icon_newwin.png) no-repeat left top; width:11px; height:12px; display:inline-block; vertical-align:middle; margin-left:3px; text-indent:-1000px; overflow:hidden;}


/*
.GNB { position:absolute; left:0; top:78px; width:100vw; margin-left: calc(-100vw / 2 + 1080px / 2); z-index:100;background:url(../images/common/menu_bg.png) repeat-x left top; height:49px; overflow:hidden;}
.GNB:hover { height:215px;}
.GNB .MenuGroup { width:1080px; margin:0 auto;}
.GNB dl {width:180px; float:left; height:214px;}
.GNB dl:first-child dt {border-left:#eee solid 1px;}
.GNB dl dt { border-bottom:#333 solid 2px;}
.GNB dl dt a { display:block; height:47px; display:block; background:no-repeat center center; text-indent:-1000px; overflow:hidden; border-right:#eee solid 1px;}
.GNB dl:nth-child(1) dt a { background-image:url(../images/common/menu1.png);}
.GNB dl:nth-child(2) dt a { background-image:url(../images/common/menu2.png);}
.GNB dl:nth-child(3) dt a { background-image:url(../images/common/menu3.png);}
.GNB dl:nth-child(4) dt a { background-image:url(../images/common/menu4.png);}
.GNB dl:nth-child(5) dt a { background-image:url(../images/common/menu5.png);}
.GNB dl:nth-child(6) dt a { background-image:url(../images/common/menu6.png);}
.GNB dl dd { padding:15px 0 0 25px; height:165px; border-right:#eee solid 1px; }
.GNB dl:first-child dd { border-left:#eee solid 1px; }
.GNB dl dd a { font-size:12px; font-family:dotum, '돋움', sans-serif; color:#666; position:relative; padding-left:6px;}
.GNB dl dd a:hover { color:#000;}
.GNB dl dd li:hover a:before { content:''; display:block; width:2px; height:2px; background:#ddd; position:absolute; left:0; top:3px; }
.GNB dl dd li.M_on a { font-weight:bold;}
.GNB dl dd li.M_on a:before { content:''; display:block; width:2px; height:2px; background:#177ca0; position:absolute; left:0; top:3px; }
.GNB dl.M_on dd { background-color:#fff;}
.GNB dl.M_on dt {border-bottom:#288fb4 solid 2px;}
.GNB dl:hover dd { background-color:#fff;}
.GNB dl:hover dt { border-bottom:#288fb4 solid 2px;}
*/



/* My History */
.MyStatsTable {position:fixed; right:0px; background:#fff; top:0; width:400px; height:100%; box-shadow:rgba(0, 0, 0, 0.1) -3px 0 5px; padding:15px 20px;z-index:999;visibility:hidden;}
.MyStatsTable .info {margin-left:20px;font-size:12px;margin-bottom:10px;}
.MyStatsTable h3 { color:#000; font-size:18px; background:url(../images/main/stat_table_icon_hot.png) no-repeat left center; padding-left:23px;text-shadow:none;padding-top:0px;}
.MyStatsTable .btn_close { background:url(../images/common/icon_layer_close.png) no-repeat left top; width:17px; height:17px; position:absolute; right:20px; top:20px; text-indent:-1000px; overflow:hidden;}
.MyStatsTable ul { position:relative; max-height:calc(100% - 80px); overflow:auto; border-top:#dee3eb solid 1px; border-bottom:#dee3eb solid 1px; padding:10px 0;}
.MyStatsTable li { background:url(../images/common/stat_icon_list.png) no-repeat 25px 5px; position:relative; padding-left:40px; margin-bottom:5px;}
.MyStatsTable li a { font-size:13px; line-height:16px; word-break:break-all;}
.MyStatsTable li .btn_delete { display:inline-block; background:url(../images/main/myindex_delete.png) no-repeat left top; width:15px; height:15px; text-indent:-1000px; overflow:hidden; vertical-align:middle; margin-left:5px;}
.MyStatsTable .btn_delete_all {height:22px; color:#666; border:#dee3eb solid 1px; border-radius:11px; padding:0 15px; line-height:20px; font-size:12px; background:#fff url(../images/main/myindex_delete.png) no-repeat 5px center; padding-left:25px; margin-top:15px; float:right;}



/* 검색 */
.Search {width:500px; height:40px; background:#fff; border-radius:20px; box-shadow:inset #eee 2px 2px 4px; position:relative; z-index:101;margin-left:300px;}
.Search input { height:40px; background:none; border:none; width:275px; line-height:40px;}
.Search button { position:absolute; right:-3px; top:0px; width:100px; height:40px; background:url(../images/common/top_seaerch_btn.png) no-repeat center center;text-indent:-1000px; overflow:hidden;}
.SearchSelect { display:inline; vertical-align:top;}
.SearchSelect .SearchBtn {display:inline-block; border:none; height:40px; line-height:40px; padding-left:35px; background:none; width:125px; border-right:#ccc solid 1px; background:url(../images/common/top_search_select_arrow.png) no-repeat right 10px center;}
.SearchSelect .SearchBtn:before { content:''; display:block; width:40px; height:36px; background:#fff; position:absolute; right:97px; top:2px; }
.SearchSelect ul { position:absolute; left:0px; top:40px; width:125px; border-top:#ddd solid 1px;}
.SearchSelect ul:after { content:''; display:block; background:url(../images/common/search_corner.png) no-repeat left top; width:24px; height:22px; position:absolute; left:0; top:-23px;}
.SearchSelect ul a { display:block; background:#fff; font-size:13px; height:28px; line-height:28px; border:#ddd solid 1px; border-top:none; padding-left:10px;}
.SearchSelect ul li:last-child a { border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.OptionList {visibility:hidden;}


/* 푸터 */
.Footer {float:left;width:100vw;margin-left: calc(-100vw/2 + 1100px/2);background:#fff;position:relative; font-size:14px;}
.Footer .FooterCont {padding:20px 0 0px 0px; position:relative; width:1100px;margin:0 auto;border-top:1px solid #ccc;}
.Footer .Logo_Kostat { position:absolute; left:0; top:20px;}
.FooterMenu { height:13px; margin-bottom:10px;}
.FooterMenu li { float:left; padding:0 10px; border-left:#dee3eb solid 1px; height:13px; line-height:1;}
.FooterMenu li:nth-child(3) a {color:#01857f;}
.FooterMenu li:nth-child(3) a:hover {font-weight:bold;}
.FooterMenu li a {line-height:1; display:block;}
.FooterMenu li a:hover {font-family:'나눔고딕B';}
.FooterMenu li:first-child { padding-left:0; border-left:none;}

.Footer address {font-style:normal; display:block; margin-bottom:20px;}
.Footer address span {clear:both;display:block;}

.Footer .Go_Site { position:absolute; right:0px; top:20px;}
.Footer .Go_Site .title { display:block;height:29px; line-height:29px; padding-left:5px; background:#f2f4f7 url(../images/common/footer_site_plus.png)no-repeat right 5px center; width:250px; border:#dee3eb solid 1px; vertical-align:top; font-size:14px; color:#334775;  float:left;}
.Footer .Go_Site ul { position:absolute; left:0px; bottom:29px; width:250px; }
.Footer .Go_Site ul a { display:block; height:27px; background:#f2f4f7;border:#dee3eb solid 1px; border-bottom:none;font-size:14px; color:#334775;padding-left:5px; line-height:27px;}
.Footer .Go_Site ul a:hover { background:#fff;}
.Footer .Go_Site button {height:29px;background:#f2f4f7;color:#334775;border:#dee3eb solid 1px; border-left:none; padding:0 3px; float:left;}


@media all and (max-width: 1118px){
	body {overflow-x:auto;}
	.LNB {width:1100px; margin-left:0;}
	.Footer {width:1100px; margin-left:0;}
	.NoticeCont {width:1100px; margin-left:0;}
	.Cont .Publications {width:1100px; margin-left:0;}
}

@media print {
	body {background:none !important;}
	a {color:#333 !important;}
	h3 {font-size:18px;color:#333;font-family:'나눔고딕B';background:none !important;}
	.Header h1 img {position:absolute;left:50%;margin-left:-95px;text-indent:0px;}
	.Header h1 a {background:none !important;width:0px;height:0px;}
	.Header a.Allmenu {display:none;}
	.Header .MyStatistics {display:none;}
	.Search {display:none;}
	.LNB {border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
	.Cont .KeyIndicators {background:none !important;margin-right:38px;}
	.Cont .KeyIndicators .KeyIndicatorsBox {display:block;width:532px !important;height:322px !important;background:none !important;border-radius:5px;margin-top:15px;text-align:center;border:1px solid #ddd;overflow:hidden;}
	.Cont .KeyIndicators h3 {color:#333;text-shadow:none;}
	.Cont .NorthStatistics dt a {border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:25%;background:none !important;}
	.Cont .NorthStatistics dl.Tab_04 dt a {border-right:1px solid #ddd;}
	.Cont .NorthStatistics dt a.M_on {border:1px solid #ddd;border-bottom:1px solid #fff;}
	.Cont .NorthStatistics dd {border:1px solid #ddd;border-top:0px;background:none !important;}
	.Cont .NorthStatistics dd ul {width:100%;}
	.Cont .NorthStatistics dd ul li {width:49%;float:left;}
	.Cont .NorthStatistics h3 {font-size:18px;color:#353535;font-family:'나눔고딕B';text-shadow:none;}
	.Cont .Publications {background:none !important;}
	.Cont .Publications li {background:none !important;}
	.Cont .Publications li a {width:218px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
	.Cont .Publications li:last-child a {border-right:1px solid #ddd;}
	.Cont .Publications li a.more {border:none;text-indent:0px;color:#353535;}
	.NoticeCont .News dt a {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.NoticeCont .News dt a.M_on {border-bottom:1px solid #fff;z-index:9999;}
	.NoticeCont .News dd {border-top:1px solid #ddd;}
	.NoticeCont .News a.more {text-indent:0px; position:absolute; right:0; top:7px;color:#333;text-align:left;width:auto;background:none !important;}
	.NoticeCont .Notice dd {border-top:1px solid #ddd;top:40px;}
	.NoticeCont .Notice a.more {text-indent:0px; position:absolute; right:0; top:7px;color:#333;text-align:left;width:auto;background:none !important;}
}