@charset "utf-8";


/*-----------------------------------------------------------------------------------
	Layout / Common Style 
	Last : 2020.02.05
-----------------------------------------------------------------------------------*/
@font-face{
	font-family:'NanumsqL';
	src:url('../font/NanumSquare_acL.eot');
    src:url('../font/NanumSquare_acL.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumSquare_acL.woff') format('woff'),
    	url('../font/NanumSquare_acL.ttf') format('truetype');  
}

@font-face{
	font-family:'NanumsqR';
	src:url('../font/NanumSquare_acR.eot');
    src:url('../font/NanumSquare_acR.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumSquare_acR.woff') format('woff'),
    	url('../font/NanumSquare_acR.ttf') format('truetype');  
}


@font-face{
	font-family:'NanumsqB';
	src:url('../font/NanumSquare_acB.eot');
    src:url('../font/NanumSquare_acB.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumSquare_acB.woff') format('woff'),
    	url('../font/NanumSquare_acB.ttf') format('truetype');  
}


@font-face{
	font-family:'NanumBG';
	src:url('../font/NanumBarunGothic.eot');
    src:url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumBarunGothic.woff') format('woff');  
}
@font-face{
	font-family:'NanumG';
	src:url('../font/NanumGothic.eot');
    src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumGothic.woff') format('woff'),
    	url('../font/NanumGothic.ttf') format('truetype');  
}
@font-face{
	font-family:'NanumGB';
	src:url('../font/NanumGothicBold.eot');
    src:url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), 
    	url('../font/NanumGothicBold.woff') format('woff'),
    	url('../font/NanumGothicBold.ttf') format('truetype');  
}




/*========== ========== Skip Navigation ========== ==========*/
#skip_nav {overflow:hidden; position:relative; width:100%; font-size:12px; font-family:'NanumG', Dotum, '돋움'; z-index:10000;}
#skip_nav a {overflow:hidden; display:block; position:absolute; top:-1000px; left:0; width:0; height:0; margin:0; padding:0; line-height:0; text-align:center;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position:relative; top:0; width:100%; height:40px; margin:0; padding:10px 0; line-height:20px; color:#fff; background-color:#20262c;}




/*========== Basic ==========*/
#wrap {position:relative; width:100%; height:100%;}
.inner {position:relative; width:1200px; margin:0 auto;}

.mdis {display:none}

/*top*/
.btnTop {position:relative; width:1200px; margin:0 auto; text-align:right; margin:0 auto;}
.btnTop a {position:absolute; bottom:20px; right:0; display:block; z-index:10; width:48px; height:48px; font-size:0; text-indent:-9999em; text-align:center; background:url('../images/main/ico_common.png') no-repeat -200px 0;}
.btnTop a:hover, .btnTop a:focus, .btnTop a.hover {background:#193e6a url('../images/main/ico_common.png') no-repeat -248px 0}



/*========== ========== Top ========== ==========*/
#header {position:relative; width:100%; height:160px;  z-index:100;}

#header .top_Wrap {position:relative; top:0; left:0; width:100%; height:60px; font-family:'NanumGB';background-color:#203765;}
#header .gnb {font-size:14px; height:60px;padding-top:15px;float:right}
#header .gnb li {float:left;text-transform:uppercase;margin:0 15px 0 0;}
#header .gnb li a {display:block; height:100%; text-align:center; color:#fff;}
#header .gnb li.l_last{margin-right:0}

#header .gnb li.on a {color:#ff7f00;}
.lnb-pc .menu > li .logo {position:absolute; top:10px; left:0; width:159px; height:76px; z-index:990; background:url('../images/main/logo.png')no-repeat 0 0;}
.lnb-pc .menu > li .logo a {display:block;overflow:hidden; width:100%; height:75px;text-indent:-9999px;}


/* Mobile*/
#header .lnb_wrap {position:absolute; top:45px; left:0; bottom:0; width:100%; z-index:2;}

.lnb_wrap #lnb {position:relative;}
#lnb a {display:block;}
#lnb .inner {position:static;}
#lnb .allMenu {display:block; float:right; margin:20px 10px 0 0; text-indent:-9999em; width:30px; height:30px; background:url('../images/common/ico_common.png') no-repeat -100px -100px}
#lnb ul li > div {display:none;}
#lnb ul.top1menu {float:left; padding:0 0 0 550px;}
ul.top1menu li.depth1 {float:left; padding:0 20px; padding/***/:0 15px; margin:10px 0 0; text-align:center;}
li.depth1 > a {display:block; position:relative; padding:10px 10px 20px; font-size:18px; line-height:24px; font-family:'NanumGB'; color:#333; vertical-align:middle;}
/*.depth1 > a:before {display:block; position:absolute; top:50%; left:0; width:1px; height:18px; margin-top:-9px; vertical-align:middle; background-color:#d0d0d0; content:'';}*/
li.depth1.hover > a, li.depth1.hover > a:hover, li.depth1.hover > a:focus {color:#f26522;}
.m2dep {position:absolute; left:0; top:62px; width:100%; padding-bottom:5px; background-color:#f4f3ef; z-index:300;}
.m2dep_wrap {position:relative; width:1200px; margin:0 auto; padding:0 0 0 270px; background-color:#f4f3ef; z-index:920;}
.m2dep .mTi {position:absolute; left:0; top:0; width:270px; height:100%; border-right:1px solid #dcdcdc;}
.m2dep .mTi > em {display:block; margin-top:180px; text-align:left; font-size:26px; line-height:40px; font-family:'NotoKrM'; color:#333; letter-spacing:-1px;}
.mTi.tit1 {background:url('../images/common/lnb_bg1.png') no-repeat 0 0;}
.mTi.tit1 > em {padding-left:55px;}
.mTi.tit2 {background:url('../images/common/lnb_bg1.png') no-repeat 0 0;}
.mTi.tit2 > em {padding-left:80px;}
.mTi.tit3 {background:url('../images/common/lnb_bg1.png') no-repeat 0 0;}
.mTi.tit3 > em {padding-left:50px;}
.mTi.tit4 {background:url('../images/common/lnb_bg1.png') no-repeat 0 0;}
.mTi.tit4 > em {margin-top:180px; padding-left:50px;}
.mTi.tit5 {background:url('../images/common/lnb_bg1.png') no-repeat 0 0;}
.mTi.tit5 > em {padding-left:35px;}
.m2dep_wrap ul.depth2 {min-height:160px; margin:0 20px 0 0; padding:0; text-align:left; border-right:1px solid #dcdcdc; background-color:#fff;}
ul.depth2 > li {position:relative; width:100%; min-height:60px; padding:0; border-top:1px solid #d3d2d0; overflow:hidden;}
ul.depth2 > li:nth-child(1) {border-top:0;}
ul.depth2 > li > a {display:block; position:absolute; top:0; left:0; width:200px; height:100%; padding:0; font-size:15px; letter-spacing:-1px; background-color:#857b7a;}
ul.depth2 > li > a span {display:block; position:absolute; top:30%; left:30px; color:#fff; vertical-align:middle;}
ul.depth2 > li > a i {display:none; height:100%; line-height:100%; vertical-align:middle;}
ul.depth2 > li > a:hover span, ul.depth2 > li > a:focus span {text-decoration:underline;}
ul.depth3 {padding:10px 10px 13px 220px;}
ul.depth3 > li {float:left; width:30%; padding-top:5px;}
ul.depth3 > li > a {display:block; padding:0 0 0 15px; font-size:13px; line-height:20px; letter-spacing:-1px; color:#727272; background:url('../images/common/bu4.gif') no-repeat left 50%;}
ul.depth3 > li > a:hover, ul.depth3 > li > a:focus {color:#333; text-decoration:underline;}

#header .allMenu_wrap {position:absolute; top:0; left:0; width:100%;}
#header .allMenu_wrap .allMenu {position:relative; width:1200px; margin:0 auto;}
.allMenu button {position:absolute; top:63px; right:10px; width:30px; height:30px; text-indent:-9999px; background:url('../images/common/ico_common.png') no-repeat -100px -100px; z-index:50;}

.allMenuCont {display:none; position:absolute; top:50px; left:0; width:100%; overflow:hidden; overflow-y:auto; border:1px solid #e6e6e6; background-color:#fff; z-index:10001;}
.allMenuCont .allMenuList {border:5px solid #353a3e;}
.dim {position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/common/bg_dim.png') repeat 0 0; z-index:10000; display:none;}


/*PC*/
.lnb-pc {overflow:hidden; position:absolute; top:0px; float:right; width:100%; height:100px; margin:60px 0 0;background-color:#14223d;}
.lnb_bg {position:absolute; top:80px; left:0; width:100%; height:320px; border-top:1px #fff solid; border-bottom:1px solid #a5a5a5; z-index:-1;}
.lnb-pc .inner {}
.lnb-pc .menu {float:right;  z-index:500;}
.lnb-pc .menu > li {float:left;margin:0;  font-family:'NanumsqB',sans-serif;}
.lnb-pc .menu > li.img{padding-left:20px;margin-top:37px;}
.lnb-pc .menu > li > a {display:inline-block; text-align:center; width:100%; height:100px; font-size:22px; line-height:50px; color:#fff; vertical-align:middle;padding:25px 25px 0 25px;}
.lnb-pc .menu > li:hover > a, .lnb-pc > ul > li:focus > a {color:#0064bb;border-bottom:0px #f11833 solid; }
.lnb-pc .menu > li > ul {display:none; width:100%; height:320px; color:#586c94;text-align:center;padding:0}
.lnb-pc .menu > li:nth-child(1) > ul {}
.lnb-pc .menu > li > ul.active li a {color:#b0bcd1;}
.lnb-pc .menu > li > ul.active > li.active > a {color:#8796b1}
.lnb-pc .menu > li > ul > li a {font-size:15px;display:inline-block; color:#b0bcd1;font-family:'NanumG',sans-serif;overflow:hidden; width:100%; margin:0; padding:8px 0 0 0px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.lnb-pc .menu > li > ul > li:nth-child(1) a {padding-top:0;}
.lnb-pc .menu > li > ul > li a:hover, .lnb-pc .menu > li > ul > li a:focus {color:#0a7ee3; text-decoration:underline;}



/* header_on */

#header {position:relative; width:100%; height:160px;  z-index:100;}

#header .top_Wrap {position:relative; top:0; left:0; width:100%; height:60px; font-family:'NanumGB';background-color:#203765;}
#header .gnb {font-size:14px; height:60px;padding-top:15px;float:right}
#header .gnb li {float:left;text-transform:uppercase;margin:0 15px 0 0;}
#header .gnb li a {display:block; height:100%; text-align:center; color:#fff;}
#header .gnb li.l_last{margin-right:0}

#header .gnb li.on a {color:#ff7f00;}
.lnb-pc .menu1 > li .logo {position:absolute; top:10px; left:0; width:159px; height:76px; z-index:990; background:url('../images/main/logo.png')no-repeat 0 0;}
.lnb-pc .menu1 > li .logo a {display:block;overflow:hidden; width:100%; height:75px;text-indent:-9999px;}







/*========== Container ==========*/
#container {position:relative;  margin:0 auto; z-index:1;}



/*========== ========== footer ========== ==========*/
#footer {position:relative; width:100%; padding-bottom:90px; background-color:#292c33; z-index:1;}
#footer .footer_nav {background-color:#484c57;width:100%;height:60px}
#footer .footer_nav ul.f_menu{width:1200px;margin:0 auto;overflow:hidden;display:block}

#footer .footer_nav ul.f_menu li{float:left; padding:20px 20px 5px 0px;font-family:'NanumGB',sans-serif;}

#footer .footer_nav li a {display:block; font-size:16px; color:#9b9faa}
#footer .footer_nav li a.privacy {color:#7186c1}
#footer .footer_info {color:#afb1b5;padding:40px 0 40px 0}
#footer .footer_info .f_logo{float:left;padding-right:30px;}
#footer .footer_info address {float:left;font-size:14px;font-family:'NanumGB',sans-serif;font-weight:600;line-height:1.3}
#footer .footer_info .copyright {margin:10px 0 15px 0}
#footer .footer_info .f_mark{float:right}



/* 재정교육 체계도 */
.edu_chartArea_pc{overflow:hidden;display:block}
.chart_btnArea{overflow:hidden;display:block;padding-bottom:10px;float:right}

.chart_btnArea button{float:left;width:160px;padding:10px 0;text-align:center;font-family:'NanumGB',sans-serif;font-size:16px;color:#fff;border-radius:3px;margin-left:3px}
.chart_btnArea button.btn_01{background-color:#424e67;}
.chart_btnArea button.btn_01:hover, .chart_btnArea button.btn_01:focus, .chart_btnArea button.btn_01:active {background-color:#2e394e; border-color:#001f5f}

.chart_btnArea button.btn_02{background-color:#176fbb;}
.chart_btnArea button.btn_02:hover, .chart_btnArea button.btn_02:focus, .chart_btnArea button.btn_02:active {background-color:#1a5f9a; border-color:#001f5f}

.chart_btnArea button.btn_03{background-color:#8796b1;}
.chart_btnArea button.btn_03:hover, .chart_btnArea button.btn_03:focus, .chart_btnArea button.btn_03:active {background-color:#6b7a96; border-color:#001f5f}

.chart_titArea{overflow:hidden;display:block;border-radius:3px;padding:25px 0;text-align:center;width:100%;background-color:#131f38;font-size:24px;color:#fff;font-family:'NanumsqR',sans-serif;}
.chaArea{margin-bottom:30px;text-align:center;padding:0px 0 0px 0px;border-left:0px #eeeeee solid;border-bottom:0px #eeeeee solid;border-right:0px #eeeeee solid;}
.edu_chartArea_mobile{display:none}




@media screen and (max-width:1000px){

#header .gnb {font-size:14px; height:60px;padding-top:15px;float:right;margin-right:15px}
.inner {position:relative; width:100%; margin:0 auto;}
.lnb-pc .menu > li .logo {position:absolute; top:10px; left:15px; width:159px; height:76px; z-index:990; background:url('../images/main/logo.png')no-repeat 0 0;}
.lnb-pc .menu > li .logo a {display:block;overflow:hidden; width:100%; height:75px;text-indent:-9999px;}
.lnb-pc .menu {float:right;  z-index:500;}
.lnb-pc .menu > li {float:left;margin:0; padding:0; padding:25px 0 0 20px; font-family:'NanumsqB',sans-serif;}
.lnb-pc .menu > li > a {display:inline-block; text-align:center; width:100%; height:100px; font-size:18px; line-height:50px; color:#fff; vertical-align:middle}


/*========== ========== footer ========== ==========*/
#footer {position:relative; width:100%; padding-bottom:90px; background-color:#292c33; z-index:1;}
#footer .footer_nav {background-color:#484c57;width:100%;height:60px}
#footer .footer_nav ul.f_menu{width:1200px;margin:0 auto;overflow:hidden;display:block;margin-left:15px;}

#footer .footer_nav ul.f_menu li{float:left; padding:20px 20px 5px 0px;font-family:'NanumGB',sans-serif;}

#footer .footer_nav li a {display:block; font-size:14px; color:#9b9faa}
#footer .footer_nav li a.privacy {color:#7186c1}
#footer .footer_info {color:#afb1b5;padding:40px 0 40px 0}
#footer .footer_info .f_logo{float:left;padding-right:30px;margin-left:15px}
#footer .footer_info address {float:left;font-size:13px;font-family:'NanumGB',sans-serif;font-weight:600;line-height:1.3;width:50%;}
#footer .footer_info .copyright {margin:10px 0 15px 0}
#footer .footer_info .f_mark{float:right;margin-right:15px}


















}

@media screen and (max-width: 767px){
	#header .site_shortcut, #header .lnb_wrap,
	.search-sub {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	.inner, .btnTop {width:100%;}
	.pdis {display:none}
	.mdis {display:block;}
	.btnTop a {right:10px;}

	/*========== ========== Top ========== ==========*/
	#header {overflow:hidden; height:auto;height:70px}

	#header .gnb, .top_Wrap .logo, #header .allMenu_wrap, .m2dep .mTi, #lnb .allMenu  {display:none;}

	#header .top_Wrap {border:0;background-color:#14223d;margin:0;padding:0}
	#header .site_shortcut {float:none;}
	#header .site_shortcut li {width:50%;}

	#header .lnb_wrap {position:absolute; top:0; left:auto; width:100%;padding:0;}
	.lnb_wrap .lnb_m_nav {display:block; position:relative; width:100%; height:70px; margin:0 auto;background-color:#14223d}
	.lnb_wrap .lnb_m_nav .logo {width:159px; height:100%; margin:0 auto; padding:10px 0 0 0;}
	.lnb_wrap .lnb_m_nav .logo a {display:block; height:47px; text-indent:-9999em; background:url('../images/main/logo1.png') no-repeat 50% 0;}
	.lnb_wrap .lnb_m_nav button {position:absolute; top:10px; display:block; width:40px; height:40px; text-indent:-9999em; background:url('../images/main/ico_common.png') no-repeat 0 0; cursor:pointer;}
	.lnb_wrap .lnb_m_nav .open {left:10px; background-position:7px -89px;margin-top:8px}
	.lnb_wrap .lnb_m_nav .m_gnb {right:10px; background-position:-43px -89px;margin-top:8px}
	.lnb_wrap .mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/main/bg_dim.png') repeat 0 0; z-index:1000;}
	.lnb_wrap #lnb {position:fixed; top:0; left:-300px; width:300px; height:100%; background-color:#081532; overflow-y:scroll; z-index:1001;}
	#lnb .m_top_Wrap {height:75px; background-color:#071d4b; border-bottom:1px solid #3a5388;}
	#lnb .m_top_Wrap > ul {padding:28px 0 0 20px;}
	#lnb .m_top_Wrap > ul li {float:left; padding-right:20px; font-family:'NotoKrR'; font-size:14px; line-height:18px;}
	#lnb .m_top_Wrap > ul li a {display:inline-block; padding-left:10px; letter-spacing:-1px; color:#fff; background:url('../images/main/nav_dep33.png') no-repeat 0 50%;}
	#lnb .m_top_Wrap > .lnb_close {position:absolute; top:12px; right:10px; display:block; width:40px; height:40px; text-indent:-9999em; background:url('../images/main/ico_common.png') no-repeat 0 -150px;}
	
	#lnb ul.top1menu {width:100%; padding:0;}
	ul.top1menu li.depth1 {float:none; margin:0; padding:0; text-align:left; border-bottom:1px solid #233c73;}
	li.depth1 > a {color:#fff; padding:15px 10px 14px 20px; font-size:16px; background:#193061 url('../images/main/nav_dep1_open.png') no-repeat 94% 50%;}
	li.depth1 > a.active {background-image:url('../images/main/nav_dep1_close.png');}
	li.depth1.hover > a, li.depth1.hover > a:hover, li.depth1.hover > a:focus {color:#fff;}
	.m2dep {position:static; top:0; padding:0; border-top:1px solid #6a605f;}
	.m2dep_wrap {position:relative; width:auto; padding:0; background-color:#fff;}
	.m2dep_wrap ul.depth2 {min-height:auto; margin:0; border:none;}
	ul.depth2 > li {min-height:auto; border:none;}
	ul.depth2 > li > a {position:relative; width:auto; padding:15px 10px 15px 20px; font-size:14px; line-height:1.0em; background-color:#eff6fc; border-bottom:1px solid #d0d9e1;}
	ul.depth2 > li > a span {position:relative; top:0; left:0; padding-left:20px; color:#333; background:url('../images/main/nav_dep2.png') no-repeat 0 50%;}
	ul.depth3 {padding:10px 10px 13px 30px; border-bottom:1px solid #d0d9e1;}
	ul.depth3 > li {float:none; width:100%;}
	ul.depth3 > li > a {padding-left:10px; color:#333; background:url('../images/main/nav_dep3.png') no-repeat left 50%;}
	ul.depth3 > li > a:hover, ul.depth3 > li > a:focus {color:#26acbc;  background-image:url('../images/main/nav_dep3_on.png');}
	
	#header .m_search {display:none; position:relative; height:70px; padding:12px 0; background-color:#0097d5;}
	#header .m_search > p {width:96%; height:46px; margin:0 auto; background-color:#fff; border-radius:50px;}
	#header .m_search input {border:none;}
	#header .m_search input[type=search] {float:left; width:76%; height:22px; padding:0 0 3px; margin:13px 10px 0 25px; line-height:18px;}
	#header .m_search input[type=submit] {float:right; display:inline-block; width:36px; height:30px; margin:9px 20px 0 0; text-indent:-9999em; background:url('../images/main/iconSet.png') no-repeat -100px -40px;}
	
	/*pc*/
	.lnb-pc {display:none}


	/*========== bottom ==========*/

	#footer {position:relative; width:100%;background-color:#292c33; z-index:1;padding-bottom:150px;}
	#footer .footer_nav {background-color:#484c57;width:100%;height:45px}
	#footer .footer_nav ul.f_menu{width:100%;margin:0 auto;overflow:hidden;display:block;width:395px;}

	#footer .footer_nav ul.f_menu li{float:left; padding:10px 10px 5px 10px;font-family:'NanumG',sans-serif;}
	#footer .footer_nav ul.f_menu li.f_link{float:left;padding-right:0;}

	#footer .footer_nav li a {display:block; font-size:13px; color:#9b9faa}
	#footer .footer_nav li a.privacy {color:#7186c1;}
	#footer .footer_info {color:#afb1b5;padding:20px;text-align:center}
	#footer .footer_info .f_logo{display:none;}
	#footer .footer_info address {clear:both;font-size:12px;font-family:'NanumGB',sans-serif;line-height:1.3;width:100%;}
	#footer .footer_info .copyright {margin:0px 0 15px 0}		
	#footer .footer_info .f_mark{width:100%;clear:both;margin-right:0px;background-color:##292c33;}


	/* 재정교육 체계도 */
	.edu_chartArea_pc{overflow:hidden;display:none}
	.edu_chartArea_mobile{overflow:hidden;display:block;padding:20px}

	.chart_btnArea{overflow:hidden;display:block;padding-bottom:10px;float:right}

	.chart_btnArea button{float:left;width:120px;padding:8px 0;text-align:center;font-family:'NanumGB',sans-serif;font-size:16px;color:#fff;border-radius:3px;margin-left:3px}
	.chart_btnArea button.btn_01{background-color:#424e67;}
	.chart_btnArea button.btn_01:hover, .chart_btnArea button.btn_01:focus, .chart_btnArea button.btn_01:active {background-color:#2e394e; border-color:#001f5f}

	.chart_btnArea button.btn_02{background-color:#176fbb;}
	.chart_btnArea button.btn_02:hover, .chart_btnArea button.btn_02:focus, .chart_btnArea button.btn_02:active {background-color:#1a5f9a; border-color:#001f5f}

	.chart_btnArea button.btn_03{background-color:#8796b1;}
	.chart_btnArea button.btn_03:hover, .chart_btnArea button.btn_03:focus, .chart_btnArea button.btn_03:active {background-color:#6b7a96; border-color:#001f5f}

	.chart_titArea{overflow:hidden;display:block;border-radius:3px;padding:20px 0;text-align:center;width:100%;background-color:#131f38;font-size:22px;color:#fff;font-family:'NanumsqR',sans-serif;}
	.chaArea_01{margin-top:10px}
	.chatitArea{background-color:#747474;font-size:20px;color:#fff;font-family:'NanumsqR',sans-serif;padding:15px 0;text-align:center;width:100%;border-radius:3px;}
	.chaArea_01 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_01 .edu_listArea li{background-color:#424e67;font-size:16px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}
	
	.chaArea_02 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_02 .edu_listArea li{background-color:#176fbb;font-size:16px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}
 
	.chaArea_03 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_03 .edu_listArea li{background-color:#8796b1;font-size:16px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}

	.chaArea_04 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_04 .edu_listArea li{background-color:#424e67;font-size:16px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}



}



@media screen and (max-width:640px){



/*========== bottom ==========*/

	#footer {position:relative; width:100%;background-color:#292c33; z-index:1;padding-bottom:170px;}
	
	






	
	
}



@media screen and (max-width:460px){
    #header .m_search input[type=search] {width:70%;} 

	/* 재정교육 체계도 */
	.edu_chartArea_pc{overflow:hidden;display:none}
	.edu_chartArea_mobile{overflow:hidden;display:block;padding:20px}

	.chart_btnArea{overflow:hidden;display:block;padding-bottom:10px;float:right}

	.chart_btnArea button{float:left;width:100px;padding:8px 0;text-align:center;font-family:'NanumGB',sans-serif;font-size:14px;color:#fff;border-radius:3px;margin-left:3px}
	.chart_titArea{overflow:hidden;display:block;border-radius:3px;padding:20px 0;text-align:center;width:100%;background-color:#131f38;font-size:17px;color:#fff;font-family:'NanumsqR',sans-serif;}
	
	.chaArea_01 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_01 .edu_listArea li{background-color:#424e67;font-size:14px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}
	
	.chaArea_02 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_02 .edu_listArea li{background-color:#176fbb;font-size:14px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}
 
	.chaArea_03 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_03 .edu_listArea li{background-color:#8796b1;font-size:14px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}

	.chaArea_04 .edu_listArea{margin:5px 0 20px 0}
	.chaArea_04 .edu_listArea li{background-color:#424e67;font-size:14px;color:#fff;font-family:'NanumG',sans-serif;padding:12px 0;text-align:center;width:100%;border-radius:3px;margin-bottom:5px}

	
	
	
	
 
	
	
	
}





@media screen and (max-width:340px){
/* 클러스터 통합검색 목록 */

	.cluster_img{float:left;padding-right:20px;width:100%;text-align:center;padding-bottom:10px;}
	.cluster_txt{width:100%}
	.cluster_txt h3{font-size:20px;color:#222;line-height:1.4;}
	.clu_txt{overflow:hidden;display:block;padding:15px 0;font-size:14px;color:#767676;line-height:1.6;}
	.clu_txt span{color:#093591}
	.tagArea{width:100%;}
	.tagArea .tag{float:left;font-size:14px;color:#adadad;background:url('../images/sub/tag_bg.png')no-repeat 0 0;padding-left:50px;height:28px;}
	.since{float:left;font-size:14px;color:#adadad;padding:15px 20px 10px 0%;}
	.since span{color:#555}

	.cluster_txt{float:left}
	.cluster_infoArea{float:right;width:100%;clear:both}

	.clus_info{padding-left:0%;}
	.clus_info li{float:left;border-bottom:none;padding:3px 0;font-size:14px;margin-right:15px;}
	.clus_info li.graph_list{clear:both;width:100%;margin-bottom:10px;}
	.clus_info li .graph_txt{color:#071d4b;clear:both;margin:0 10px 0 0;}
	.clus_info li .graph_txt1{float:left;width:100%;text-align:left}
	.clus_info li .graph{float:left;background-color:#e0e0e0;height:15px;width:70%;margin-top:3px}
	.clus_info li .graph .graph_color{background-color:#071d4b;width:70%;float:right;height:15px;}


	.clus_info li input{margin-left:0px;}
	

	

}