@charset "utf-8";

/************************************************************************
 - FILE NAME : main.css
 - SUMMARY   : main layout 
 - DATE      : 2015.06.22
************************************************************************/

.header{position:fixed !important;}

.main-container{}

.nsec1{min-height:900px; position:relative;background:#ecf1f8;}
.nsec1:after{display:inline-block; content: ""; height:100%; vertical-align:middle;}
.nsec2{min-height:900px; position:relative;background:url(../../images/bg_nsec2.png) no-repeat center 0;background-size:cover;}
.nsec3{min-height:900px; position:relative;background:url(../../images/bg_nsec3.png) no-repeat center 0;background-size:cover;}
.nsec4{min-height:900px; position:relative;background:url(../../images/bg_nsec4.png) no-repeat center 0;background-size:cover;}

.nsec5{height:100px !important;background:#575e6a;}
.nsec5 > div{height:100px !important;}
div.nsec5_footer{position:relative;margin:0 auto;width:1000px;line-height:1.4;}
div.nsec5_footer .wa{top:8px;}
div.nsec5_footer ul{overflow:hidden;}
div.nsec5_footer ul li{float:left;margin:0 0 0 10px;}
div.nsec5_footer ul li:before{content:"ㆍ";color:#e7e7e7;padding-right:10px;}
div.nsec5_footer ul li:first-child{margin:0;}
div.nsec5_footer ul li:first-child:before{content:"";padding-right:0;}
div.nsec5_footer ul li a{font-family:'NotoKrM';color:#ffffff;}
div.nsec5_footer ul li:first-child a{color:#9fd3fd;}
div.nsec5_footer address{color:#e7e7e7;margin:20px 0 5px 0;}
div.nsec5_footer div{color:#e7e7e7;}


.nsec1{background:#ececec url(../../images/bg_nsec1.png) no-repeat center bottom;background-size:cover;}

.nsec1_inner{text-align:center;width:1000px;margin:0 auto 32px auto;padding:134px 0 0 0;}
.nsec1_header{margin:0 0 45px 0;}
.nsec1_header strong{font-size:36px;color:#353638;font-family:'NotoKrB';display:block;margin:0 0 12px 0;}
.nsec1_header span{font-size:24px;color:#025f40;font-family:'NotoKrB';display:block;}

.nsec1_data{position:relative;border-top:1px solid #c9c9c9;}
.nsec1_data_header{position:absolute;top:-14px;left:0;width:100%;}
.nsec1_data_header strong{font-size:20px;color:#333333;font-family:'NotoKrB';background:#ececec;display:inline-block;padding:0 4px;}
.nsec1_data_list{padding:20px 0 0 0;}
.nsec1_data_list ul{width:100%;overflow:hidden;display:inline-block;}
.nsec1_data_list ul li{float:left;width:20%;}
.nsec1_data_list ul li a{display:block;}
.nsec1_data_list ul li a strong{font-size:36px;color:#000000;display:block;padding:48px 0 8px 0;}
.nsec1_data_list ul li a span{font-size:14px;color:#333333;font-family:'NotoKrB';display:block;margin:0 0 6px 0;}
.nsec1_data_list ul li a em{display:block;}


.nsec1_data_list ul.n1_btn{overflow:initial;z-index: 999}


.nsec1_stat{margin:20px 0;}
.nsec1_stat ul{overflow:hidden;}
.nsec1_stat ul li{float:left;width:25%;}
.nsec1_stat ul li:first-child a{margin:0;}
.nsec1_stat ul li a{margin:0 0 0 8px;height:90px;display:block;
	border-radius:8px;
	-webkit-border-radius:8px;
}

.nsec1_link ul{overflow:hidden;background:#ffffff;height:150px;padding:32px 0 0 0;box-sizing:border-box;
	box-shadow:0px 3px 8px #555555;
	-webkit-box-shadow:0px 3px 8px #555555;
	border-radius:8px;
	-webkit-border-radius:8px;
}
.nsec1_link ul li{float:left;width:25%;}
.nsec1_link ul li a{display:block;padding:70px 0 6px 0;color:#333333;font-size:14px;font-family:'NotoKrB';border-left:1px solid #d9d9d9;}
.nsec1_link ul li:first-child a{border:none;}

.nsec1_notice{background:#6c7d90;}
.nsec1_notice_inner{position:relative;width:1000px;margin:0 auto;height:70px;}
.nsec1_notice_inner strong{position:absolute;top:0;left:0;}
.nsec1_notice_inner strong span{position:relative;padding:0 0 0 30px;font-size:16px;color:#cccccc;display:inline-block;background:url(../../images/icon_nkkim.png) no-repeat 0 center;height:24px;line-height:24px;margin:24px 0 0 0;}
.nsec1_notice_inner strong:before{
	position:absolute;
	top:0;
	left:-1840px;
	width:2000px;
	height:70px;
	background:#001e40;
	content:"";
	display:block;
}
.nsec1_notice_list{position:relative;padding:29px 0 0 190px;}

.nsec1_notice_news li a{color:#ffffff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:calc(100% - 60px);}
.nsec1_notice_btn{position:absolute;top:24px;right:0;overflow:hidden;}
.nsec1_notice_btn li{float:right;}
.nsec1_notice_btn li:first-child{float:left;margin:0 4px 0 0;}

.btn_ns_prev{display:inline-block;width:23px;height:23px;text-indent:-9999px;background:url(../../images/btn_ns_prev.png) no-repeat 0 0;}
.btn_ns_next{display:inline-block;width:23px;height:23px;text-indent:-9999px;background:url(../../images/btn_ns_next.png) no-repeat 0 0;}

.ndl01{background:url(../../images/icon_m_info01.png) no-repeat center 0;}
.ndl02{background:url(../../images/icon_m_info02.png) no-repeat center 0;}
.ndl03{background:url(../../images/icon_m_info03.png) no-repeat center 0;}
.ndl04{background:url(../../images/icon_m_info04.png) no-repeat center 0;}
.ndl05{background:url(../../images/icon_m_info05.png) no-repeat center 0;}

.nst01{font-size:18px;font-family:'NotoKrB';line-height:92px;color:#336600;background:#ffffff url(../../images/icon_ns_stat01.png) no-repeat 20px center;}
.nst02{padding:0 0 0 28px;font-size:18px;font-family:'NotoKrB';line-height:92px;color:#336699;background:#ffffff url(../../images/icon_ns_stat02.png) no-repeat 20px center;}
.nst03{font-size:18px;font-family:'NotoKrB';line-height:92px;color:#336600;background:#ffffff url(../../images/icon_ns_stat03.png) no-repeat 20px center;}
.nst04{font-size:18px;font-family:'NotoKrB';line-height:92px;color:#336699;background:#ffffff url(../../images/icon_ns_stat04.png) no-repeat 20px center;}

.nli01{background:url(../../images/icon_ns_link01.png) no-repeat center 0;}
.nli02{background:url(../../images/icon_ns_link02.png) no-repeat center 0;}
.nli03{background:url(../../images/icon_ns_link03.png) no-repeat center 0;}
.nli04{background:url(../../images/icon_ns_link04.png) no-repeat center 0;}
.nli05{background:url(../../images/icon_ns_link05.png) no-repeat center 0;}

.nsec1_footer{position:relative;height:110px;background:#575e6a;z-index:1;}
.nsec1_footer:before{
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	background: #575e6a;
	display: block;
	content: "";
	z-index: 0;
}
.nsec1_footer > div{margin:0 auto;width:1200px;line-height:1.4;padding:15px 0 0 0;position: relative}
.nsec1_footer > div ul{overflow:hidden;}
.nsec1_footer > div ul li{float:left;margin:0 0 0 10px;}
.nsec1_footer > div ul li:before{content:"ㆍ";color:#e7e7e7;padding-right:10px;}
.nsec1_footer > div ul li:first-child{margin:0;}
.nsec1_footer > div ul li:first-child:before{content:"";padding-right:0;}
.nsec1_footer > div ul li a{font-family:'NotoKrM';color:#ffffff;}
.nsec1_footer > div ul li:first-child a{color:#9fd3fd;}
.nsec1_footer > div address{color:#e7e7e7;margin:20px 0 5px 0;}
.nsec1_footer > div div{color:#e7e7e7;}

.nsec_header{text-align:center;margin:90px 0 0 0;}
.nsec_header h3{color:#ffffff;font-size:46px;font-family:'NotoKrM';display:block;margin:10px 0 60px 0;}
.nsec_header span{color:#ffffff;font-size:19px;font-family:'NotoKrL';}

.nsec_header2{text-align:center;margin:90px 0 0 0;}
.nsec_header2 h3{color:#141414;font-size:46px;font-family:'NotoKrM';}
.nsec_header2 span{color:#141414;font-size:19px;font-family:'NotoKrL';margin:10px 0 60px 0;display:block;}

.nsec2_box{display:flex;flex-wrap: wrap;width:1000px;margin:0 auto;}
.nsec2_box a{background:#ffffff;margin:10px;width:230px;height:162px;
	border-radius:15px;
	-webkit-border-radius:15px;
	padding-left:104px;
	box-sizing:border-box;
}
.nsec2_box a > div{display:table;width:100%;height:100%;}
.nsec2_box a.nsb01{background:url(../../images/nsec_icon00.png) no-repeat 0 0;padding:0;text-align:center;background-size:100%;}
.nsec2_box a.nsb01 span{position:relative;color:#ffffff;z-index:1;}
.nsec2_box a.nsb01 span:before{
	position: absolute;
    top: 60px;
    left: 34px;
    width: 162px;
    height: 42px;
    background: rgba(0,0,0,0.8);
    display: block;
    content: "";
    z-index: -1;
    border-radius: 21px;
}
.nsec2_box a.nsb02{background:#ffffff url(../../images/nsec_icon01.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb03{background:#ffffff url(../../images/nsec_icon02.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb04{background:#ffffff url(../../images/nsec_icon03.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb05{background:#ffffff url(../../images/nsec_icon04.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb06{background:#ffffff url(../../images/nsec_icon05.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb07{background:#ffffff url(../../images/nsec_icon06.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a.nsb08{background:#ffffff url(../../images/nsec_icon07.png) no-repeat 20px center;background-size:70px;}
.nsec2_box a span{color:#222222;font-size:18px;font-family:'NotoKrM';display:table-cell;vertical-align:middle;line-height:1.2;letter-spacing:-1px;}

.nsec3_data{display:flex;width:1000px;margin:0 auto;height:229px;}
.nsec3_data_list{background:#ffffff;display:flex;overflow:hidden;width:50%;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.nsec3_data_list h4{font-family:'NotoKrM';padding:20px 0 0 20px;color:#000000;background:#f6b23e url(../../images/icon_choi_data.png) no-repeat center 95%;width:170px;font-size:20px;}
.nsec3_data_list > div{padding:22px;}
.nsec3_data_list ul{overflow-y:auto;height:100%;width:280px;}
.nsec3_data_list ul li{margin:10px 0;}
.nsec3_data_list ul a{font-size:15px;color:#777777;line-height:1;
	display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 83px);
}
.nsec3_data_list ul span{font-size:15px;color:#8f7241;line-height:1;}

.nsec3_news{position:relative;width:25%;background:#ffffff;margin-left:20px;padding:20px;box-sizing:border-box;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.nsec3_news h4{font-size:20px;color:#000000;font-family:'NotoKrM';}
.nsec3_news > div{margin:15px 0 7px 0;}
.nsec3_news > div img{max-width:100%;border:1px solid #dddddd;}
div.nsec3_news_txt{margin:0;}
.nsec3_news_txt span{font-size:15px;color:#ff2d11;line-height:1.2;display:block;height:36px;margin-bottom:8px;}
.nsec3_news_txt em{font-size:14px;color:#6c6c6c;}

.btn_nsec3_more{position:absolute;top:17px;right:17px;width:25px;height:25px;background:url(../../images/btn_more_plus.png) no-repeat 0 0;display:block;text-indent:-9999px;}


.nsec3_banner{width:25%;background:#ffffff;margin-left:20px;overflow:hidden;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.nsec3_banner a{display:block;}
.nsec3_banner img{width:100%;height:100%;}

.nsec3_board{display:flex;width:1000px;margin:20px auto 0 auto;height:229px;}
.nsec3_board h4{font-size:20px;color:#000000;font-family:'NotoKrM';}
.main_peralboard{position:relative;background:#ffffff;width:calc(50% - 21px);overflow:hidden;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.main_peralboard:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background:#dddcda;
	content:"";
	display:block;
}

.nsec3_bbs_tit{}
.nsec3_bbs_tit h4{
    position: absolute;
    width: 155px;
    top: 0;
    left: 0;
}
.nsec3_bbs_tit h4 a{display:block;height:50px;text-align:center;line-height:50px;}
.nsec3_bbs_tit.on h4 a{background:#ffffff;}
.mb02.nsec3_bbs_tit h4{
	top:0;
	left:155px;
}
.nsec3_bbs_tit.on ul{display:block;}
.nsec3_bbs_tit.on .btn_nsec3_more{display:block;top:13px;}
.nsec3_bbs_tit ul{display:none;padding:65px 30px 0 30px;}
.nsec3_bbs_tit .btn_nsec3_more{display:none;}
.nsec3_bbs_tit ul li{margin:9px 0;}
.nsec3_bbs_tit ul li a{
	font-size:15px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.nsec3_bbs_tit ul li span{font-size:15px;}

.main_update{position:relative;background:url(../../images/bg_pattern.png) repeat 0 0;width:50%;margin:0 0 0 20px;padding: 20px;box-sizing:border-box;
	border-radius:15px;
	-webkit-border-radius:15px;
}

.main_update ul{display:flex;justify-content: space-between;margin:27px 0 0 0;}
.main_update ul li{text-align:center;width:33.3%;}
.main_update ul li a{display: inline-block;border: 1px solid #c3c3c3;width:110px;height:130px;
	box-shadow: 3px 3px 4px #dddddd;
	-webkit-box-shadow: 3px 3px 4px #dddddd;
}
.main_update ul a img{width:100%;height:100%;}

.nsec4_forest{display:flex;width:1000px;margin:0 auto;}
.n4_envir{width:50%;margin-left:20px;}
.n4_envir ul{display:flex;justify-content:space-between;background:#001558;overflow:hidden;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.n4_envir ul li{flex-grow:1;text-align:center;width:50%;}
.n4_envir ul li a{
    display: block;
    padding: 123px 0 0 0;
    height: 191px;
    box-sizing: border-box;
}
.n4_envir ul li a strong{color:#ffffff;display:block;font-size:16px;margin:0 0 11px 0;}
.n4_envir ul li a span{color:#ffffff;display:block;line-height:1.1;font-family:'NotoKrL';}

.n4e01{background:url(../../images/bg_oneye.png) no-repeat right -54px;}
.n4e02{background:url(../../images/bg_dash.png) no-repeat 0 -51px;border-left:1px solid #576591;}

.n4_area{background:#ffffff url(../../images/bg_area.png) no-repeat right 0;
	margin-top: 15px;
    height: 94px;
    padding: 23px 0 0 39px;
    box-sizing: border-box;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.n4_area a{display:block;}
.n4_area strong{font-size:16px;display:block;color:#000000;margin-bottom:11px;}
.n4_area span{display:block;color:#000000;line-height:1.2;}

.n4_box{width:50%;background:#ffffff;display:flex;overflow:hidden;height:300px;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.n4_txt{color:#001558;font-size:20px;background:#f1f2f0;text-align:center;
	padding: 25px 0 32px;
    line-height: 1.2;
    font-family: 'NotoKrM';
}

.n4_forest{padding:25px 0 0 0;text-align:center;width:140px;background:#bfdf94 url(../../images/bg_forest.png) no-repeat right bottom;background-size:98%;}
.n4_forest h4{color:#000000;font-size:20px;font-family:'NotoKrM';}
.n4_forest strong{line-height:1;margin:5px 0 10px;color:#07715c;font-size:40px;font-family:'NotoKrB';display:block;}
.n4_forest a{padding:0 7px 0 0;color:#07715c;font-size:14px;font-family:'NotoKrM';display:inline-block;background:url(../../images/icon_arrow_semo.png) no-repeat right center;}
.n4_txt_box{flex-grow:1;}

.n4_stat_list{display:flex;justify-content:center;padding:48px 0 0 0;}
.n4_stat_list li{text-align:center;margin:0 5px;}
.n4_stat_list li a{width:75px;display:block;background-size:88%;}
.n4_stat_list li a span{
	padding:78px 0 0 0;
	display:block;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-family: 'NotoKrM';
    line-height:1.1;
}

.n4s01{background:url(../../images/icon_forest01.png) no-repeat center 0;}
.n4s02{background:url(../../images/icon_forest02.png) no-repeat center 0;}
.n4s03{background:url(../../images/icon_forest03.png) no-repeat center 0;}
.n4s04{background:url(../../images/icon_forest04.png) no-repeat center 0;}

.nsec4_service{display:flex;width:1000px;margin:20px auto 0 auto;}
.nsec4_service h4{font-size:16px;color:#000000;font-family:'NotoKrM';margin:0 0 24px 0;padding:0 0 0 17px;}
.nsec4_service .n4_baeoom_link h4{padding:0;}

.n4_user_service{position:relative;width:50%;background:#ffffff;padding:20px;box-sizing:border-box;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.n4_user_service > div{text-align:center;}
.n4_user_service .bx-wrapper{margin:0 !important;display:inline-block;}
 
.n4_baeoom{width:50%;background:#ffffff url(../../images/infoLinkImg.png) no-repeat right 0;margin:0 0 0 20px;padding:20px 20px 20px 40px;display:flex;box-sizing:border-box;border-radius:15px;-webkit-border-radius:15px;}
.n4_baeoom ul{display:flex;margin:20px 0 0 45px;}
.n4_baeoom ul li{text-align:center;margin:0 14px;}
.n4_baeoom ul li a{width:104px;height:108px;display:block;box-sizing:border-box;padding:87px 0 0 0;color:#000000;}

.n4_baeoom_link span{display:block;line-height:1.3;padding:0 0 23px 0;}
.n4_baeoom_link a{color:#3f83cb;background:url(../../images/icon_arrow_blue.png) no-repeat right center;padding:0 8px 0 0;display:inline-block;font-size:14px;font-family:'NotoKrM';}

.n4ba01{background:url(../../images/img_baeoom01.png) no-repeat center 0;}
.n4ba02{background:url(../../images/img_baeoom02.png) no-repeat center 0;}
.n4ba03{background:url(../../images/img_baeoom03.png) no-repeat center 0;}

.n4_user_list{display:inline-block;overflow:hidden;}
.n4_user_list li{text-align:center;float:left;}
.n4_user_list li a{
	width: 83px;
    height: 70px;
    display: inline-block;
    padding: 0 6px;
    padding-top: 75px;
    box-sizing: border-box;
    color:#000000;
}

.n4u01{background:url(../../images/icon_user_service01.png) no-repeat center 0;}
.n4u02{background:url(../../images/icon_user_service02.png) no-repeat center 0;}
.n4u03{background:url(../../images/icon_user_service03.png) no-repeat center 0;}
.n4u04{background:url(../../images/icon_user_service04.png) no-repeat center 0;}
.n4u05{background:url(../../images/icon_user_service05.png) no-repeat center 0;}

.n4_btn{position:absolute;top:87px;left:0;width:100%;}
.n4bt01 a{position:absolute;top:0;left:15px;width:12px;height:18px;background:url(../../images/icon_arrow_left.png) no-repeat 0 0;display:block;text-indent:-9999px;}
.n4bt02 a{position:absolute;top:0;right:15px;width:12px;height:18px;background:url(../../images/icon_arrow_right.png) no-repeat 0 0;display:block;text-indent:-9999px;}

.right_navi{position:fixed;top:30%;right:5%;}
.rn_search{margin:0 0 30px 0;}
.rn_search a{color:#000000;font-size:15px;line-height:41px;background:url(../../images/icon_r_search.png) no-repeat right center;padding-right:50px;height:41px;display:block;text-indent:-9999px;}
.rn_menu{background:url(../../images/bg_right_navi.png) no-repeat right 10px;text-align:right;margin-right:13px;}
.rn_menu li a{position:relative;color:#000000;font-family:'NotoKrM';display:block;padding:10px 35px 10px 10px;line-height:1.1;}
.rn_menu li a.on{background:url(../../images/icon_r_menu.png) no-repeat 0 center;color:#ffffff;}
.rn_menu li.active a{background:url(../../images/icon_r_menu.png) no-repeat 0 center;color:#ffffff;
	text-shadow:1px 1px 0 #000000;
	-webkit-text-shadow:1px 1px 0 #000000;
}
.rn_menu li.active a:before{background:none;}
.rn_menu li a:before{
	position:absolute;
	top:3px;
	left:0;
	width:92px;
	height:28px;
	background:#ffffff;
	content:"";
	display:block;
	z-index:-1;
	border-radius:4px;
	-webkit-border-radius:4px;
}

.rn_arrow{text-align:right;}
.rn_arrow ul{margin:45px 0 10px 0;}
.rn_prev{display:inline-block;width:41px;height:33px;background:url(../../images/icon_r_up.png) no-repeat 0 0;text-indent:-9999px;text-align:left;}
.rn_next{display:inline-block;width:41px;height:34px;background:url(../../images/icon_r_down.png) no-repeat 0 0;text-indent:-9999px;text-align:left;}
.rn_top{display:inline-block;width:41px;height:41px;background:url(../../images/icon_r_top.png) no-repeat 0 0;text-indent:-9999px;text-align:left;}

.main_visual{width:1000px;margin:0 auto;height:460px;overflow:hidden;}
.main_status{float:left;padding:40px 0 0 0;}
.main_status ul{overflow:hidden;width:641px;}
.main_status ul li{float:left;margin:19px 0 0 10px;}
.main_status ul li:first-child{margin-left:0;}
.main_status ul li div{width:207px;height:159px;background:url(../../images/bg_status.png) no-repeat 0 0;text-align:center;padding:20px;box-sizing:border-box;}
.main_status ul li div strong{color:#ffffff;font-size:20px;display:block;line-height:1;border-bottom:2px solid #ffffff;padding:0 0 15px 0;font-family:"notoKrL";}
.main_status ul li div span{color:#ffffff;font-size:33px;display:block;line-height:1;font-family:"notoKrB";padding:17px 0;}
.main_status ul li div i{color:#bdbdbd;font-size:14px;font-family:"notoKrL";font-style:normal;margin:0 0 0 3px;}
.main_status ul li:nth-child(4n){margin-left:0;}

.main_status ul li div em{border:1px solid #ffffff;text-align:center;display:inline-block;padding:3px;min-width:40px;color:#ffffff;font-size:12px;font-family:"notoKrM";}
.main_status ul li div em.num_up{border:1px solid #ff0000;color:#ff0000;}
.main_status ul li div em.num_down{border:1px solid #008aff;color:#008aff;}

.main_bio_list{position:relative;float:right;width:345px;height:337px;margin:59px 0 0 0;padding:11px;box-sizing:border-box;background:#ffffff url(../../images/bg_bio_list.png) no-repeat right bottom;}
.main_bio_list > strong{background:#0b0e7f;display:block;color:#ffffff;height:42px;line-height:42px;font-size:17px;padding:0 0 0 12px;}
.main_bio_list ul li a{position:relative;display:block;border-top:1px solid #d2d2d2;padding:19px 10px;}
.main_bio_list ul li:first-child a{border:none;}
.main_bio_list ul li a > span{position:absolute;top:19px;right:10px;color:#7a7a7a;font-size:14px;}
.main_bio_list ul li a > div strong{font-size:15px;color:#000000;display:block;padding:0 0 6px 0;}
.main_bio_list ul li a:hover > div strong{color:#0b0e7f;}
.main_bio_list ul li a:hover > div span{color:#111111;}
.main_bio_list ul li a:hover > span{color:#333333;}

.bio_list_control{position:absolute;top:27px;right:20px;}
.bio_list_control ol{overflow:hidden;}
.bio_list_control ol li{float:left;padding:0 5px;}
.bio_list_control ol li a{display:block;width:7px;height:12px;text-indent:-9999px;}
.bio_list_control ol li a.bio_btn_prev{background:url(../../images/btn_control.png) no-repeat 0 0;}
.bio_list_control ol li a.bio_btn_stop{background:url(../../images/btn_control.png) no-repeat -20px 0;}
.bio_list_control ol li a.bio_btn_play{background:url(../../images/btn_control.png) no-repeat -43px 0;}
.bio_list_control ol li a.bio_btn_next{background:url(../../images/btn_control.png) no-repeat -61px 0;}

.main_board_area{}
.main_board_area > div{padding:0 0 12px 0;overflow:hidden;width:1000px;margin:0 auto;}
.main_quick_link{float:left;}
.main_board{float:left;}
.main_recomm{float:right;}

.main_quick_link{width:230px;margin:0 45px 0 0;}
.main_quick_link li a{display:block;border-top:1px solid #dde1e7;height:58px;font-size:19px;color:#0b0e7f;padding:20px 0 0 80px;box-sizing:border-box;line-height:1.1;}
.main_quick_link li:first-child a{border:none;}
.main_quick_link li.mql01 a{background:url(../../images/main_icon01.png) no-repeat 18px center;}
.main_quick_link li.mql02 a{background:url(../../images/main_icon02.png) no-repeat 18px center;}
.main_quick_link li.mql03 a{background:url(../../images/main_icon03.png) no-repeat 18px center;}
.main_quick_link li.mql04 a{background:url(../../images/main_icon04.png) no-repeat 18px center;}

.main_board{position:relative;width:447px;padding:37px 0 0 0;}
.main_board h2{position:absolute;top:0;left:0;background:#989898;color:#ffffff;text-align:center;width:105px;height:37px;line-height:38px;font-size:15px;font-family:"notoKrL";cursor:pointer;}
.main_board h2 a{display:block;}
.main_board ul{border-top:1px solid #6283ad;display:none;padding:8px 0 0 0;height:195px;}
.main_board ul li{position:relative;padding:4px 0;}
.main_board ul li a{position:relative;color:#565656;font-size:15px;display:inline-block;width:calc(100% - 100px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 0 0 20px;line-height:1;}
.main_board ul li a:before{
	position:relative;
	top:10px;
	left:-14px;
	width:6px;
	height:6px;
	background:#8899ae;
	content:"";
	display:block;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
}
.main_board ul li span{position:absolute;top:9px;right:0;color:#6c6c6c;font-size:14px;line-height:1;}
.main_board .mb02 h2{left:107px;}
.main_board > div.on h2{background:#6283ad;cursor:default;}
.main_board > div.on h2 a{text-decoration:underline;font-family:"notoKrM";}
.main_board > div.on ul{display:block;}
.main_board .btn_more{position:absolute;top:11px;right:0;background:url(../../images/icon_more.png) no-repeat right center;padding:2px 17px 2px 0;}

.main_recomm{width:234px;position:relative;}
.main_recomm h2{background:#6283ad;color:#ffffff;text-align:center;width:130px;height:37px;line-height:38px;font-size:15px;font-family:"notoKrM";}
.main_recomm ul{border-top:1px solid #6283ad;padding:8px 0 0 0;}
.main_recomm ul li{padding:10px 0;}
.main_recomm ul li em{background:#7181a5;width:16px;height:16px;display:inline-block;color:#ffffff;text-align:center;line-height:16px;font-size:11px;font-family:Arial;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
}
.main_recomm ul li a{font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;width:100%;}
.main_recomm ul li a span{vertical-align:middle;}
.main_recomm .btn_more{position:absolute;top:11px;right:0;background:url(../../images/icon_more.png) no-repeat right center;padding:2px 17px 2px 0;}

.main_recomm div{padding:15px 0 0 0;border-top:1px solid #6283ad;}

/* main container */
.main-container {
	position: relative;
}

.main-contents-wrapper01 {
	position: relative;
	margin-top:104px;
	height:481px;
	padding:61px 0 0 0;
	overflow: hidden;
	background:url(../../images/bg_main_home2.png) no-repeat center top;
	box-sizing:border-box;
}

.bg-slider-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 792px;
	overflow: hidden;
	z-index: 1;
}

.bg-slider-wrapper > ul {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1920px;
	margin-left: -960px;
}

.bg-slider-wrapper > ul > li {
	display: block;
}

.bg-slider-wrapper > ul > li > img {
	
}

.bg-slider-wrapper > ul > li > .pc {
	display: block;
}

.bg-slider-wrapper > ul > li > .mobile {
	display: none;
}

/* main contents */
.main-contents {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 2;
}

.main-contents:after {
	content: "";
	clear: both;
	display: block;
}

.main-stats-wrapper {
	position: relative;
	float: right;
	width: 725px;
}

.main-stats-wrapper .main-title-area {
	padding-top: 4px;
}

.main-stats-wrapper .main-title-area h3 {
	display: block;
	margin-bottom: 13px;
	color: #fff;
	font-size: 1.846em;
	line-height: 1em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	text-shadow:1px 1px 0 #000000;
	-webkit-text-shadow:1px 1px 0 #000000;
}

.main-stats-area {
	float: left;
	width: 431px;
	height: 320px;
	overflow: hidden;
}

.main-stats-area:after {
	content: "";
	clear: both;
	display: block;
}

.main-stats-area .current-stats-information {
	position: absolute;
	top: 4px;
	right: 0;
	width: 234px;
}

.main-stats-area .current-stats-information h4 {
	display: block;
	margin-bottom: 13px;
	color: #fff;
	font-size: 1.692em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	text-shadow:1px 1px 0 #000000;
	-webkit-text-shadow:1px 1px 0 #000000;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}


.main-stats-area .current-stats-information .result {
	height: 90px;
	line-height: 90px;
	text-align: center;
}

.main-stats-area .current-stats-information .result > strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 3.515em;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: -1px;
	text-shadow:1px 1px 0 #000000;
	-webkit-text-shadow:1px 1px 0 #000000;
}

.main-stats-area .current-stats-information .result > .up-down {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 1.231em;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: -1px;
}

.main-stats-area .current-stats-information .result > .up-down img {
	width: 7px;
}

.main-stats-area .current-stats-information .result > .up-down.up {
	color: #ff0000;
}

.main-stats-area .current-stats-information .result > .up-down.down {
	color: #0066ff;
}

.main-stats-graph-wrapper {
	display: block;
	width: 431px;
	height: 320px;
}

.main-stats-wrapper .chart .date {
	text-align: left;
	padding-left: 13px;
	margin-bottom: 20px;
	font-size: 1.231em;
	color: #ffb93e;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;

	background: transparent url(../../images/bul_type10.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/bul_type10@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/bul_type10@2x.gif);
	background-repeat: no-repeat;  
	background-position: left center;
	background-size: 5px 10px;
}


.main-stats-wrapper #hfslider .chart img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.main-stats-menu-list {
	position: relative;
	float: right;
	margin-top: 106px;
	width: 259px;
	height: 185px;
}

.main-stats-menu-list .bg-line {
	position: absolute;
	right: 0;
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
}

.main-stats-menu-list .bg-line.top {
	top: 0;
}

.main-stats-menu-list .bg-line.bottom {
	bottom: 0;
}

.main-stats-menu-list .bg-line > span {
	display: block;
	height: 1px;
	background: url(../../images/bg_line_opcity_white01.png) repeat-x 0 0;
}

.main-stats-menu-list > ul {
	padding: 0;
}

.main-stats-menu-list ul > li {
	display: block;
}

.main-stats-menu-list ul > li > a {
	display: block;
	padding-left: 10px;
}

.main-stats-menu-list ul > li > a .box {
	display: block;
	padding: 11px 0px 8px 6px;
	color: #fff;
	font-size: 0.903em;
	line-height: 1.500em;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

.main-stats-menu-list ul > li > a .box:after {
	content: "";
	clear: both;
	display: block;
}

.main-stats-menu-list ul > li > a .box .title {
	float: left;
	width: 150px;
	margin-right: 1px;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.main-stats-menu-list ul > li > a .box .result {
	float: left;
	width: 45px;
	margin-right: 1px;
	font-weight: bold;
	color: #ffb53b;
	text-align: right;
}

.main-stats-menu-list ul > li > a .box .up-down {
	float: left;
	width: 40px;
	text-align: right;
	font-weight: bold;
}

.main-stats-menu-list ul > li > a .box .up-down.up {
	color: #ff0000
}

.main-stats-menu-list ul > li > a .box .up-down.down {
	color: #0066ff
}

.main-stats-menu-list ul > li > a.active {
	background: transparent url(../../images/img_arrow_left_on.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/img_arrow_left_on@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/img_arrow_left_on@2x.png);
	background-repeat: no-repeat; 
	background-position: 2px center;
	background-size: 8px 18px;
}

.main-stats-menu-list ul > li > a.active .box {
	border: 1px solid #ffb53b;
	padding: 10px 0 7px 5px;
	background: url(../../images/bg_opacity_black01.png) repeat;
}

.main-stats-controls-wrapper {
	float: right;
	padding-top: 5px;
	text-align: right;
}

.main-stats-controls-wrapper > button {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background: transparent;
}

.main-stats-controls-wrapper > button > img {
	display: inline-block;
	vertical-align: bottom;
	width: 21px;
}

.main-lank-wrapper {
	float: left;
	width: 230px;
}

.lank-tabmenu-wrapper > ul {
	position: relative;
	padding-top: 56px;
	padding-bottom: 10px;
}

.lank-tabmenu-wrapper > ul > li {
	margin: 0;
	padding: 0;
}

.lank-tabmenu-wrapper > ul > li > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 35px;
	line-height: 35px;
	color: #cccccc;
	background: #666868;
	font-size: 1.077em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	text-align: center;
}

.lank-tabmenu-wrapper > ul > li:nth-child(2) > a {
	left: 50%;
}

.lank-tabmenu-wrapper > ul > li > a.on {
	background: #1680e8;
	color: #fff;
}

.lank-tabmenu-wrapper > ul > li > a.on:before{content:"ㆍ";}
.lank-tabmenu-wrapper > ul > li > .lank-list {
	display: none;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li {
	display: block;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a {
	position: relative;
	display: block;
	font-size: 1.077em;
	padding: 5px 0 0px 30px;
	margin-bottom: 14px;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a:after {
	content: "";
	clear: both;
	display: block;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a .number {
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 14px;
	line-height: 14px;
	margin-top: -6px;

	border-radius: 2px;
	background: #909090;
	text-align: center;
	color: #fff;
	font-size: 0.846em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a .number.top5 {
	background: #1680e8
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a .title {
	display: block;
	font-size: 1em;
	line-height: 1em;
	color: #ffffff;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;

	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.lank-tabmenu-wrapper > ul > li > .lank-list > li > a:hover .title {
	text-decoration:underline;
}

.lank-tabmenu-wrapper > ul > li > .lank-list.on {
	display: block;
}

.lank-tabmenu-wrapper > a {
	position: relative;
	display: block;
	padding: 11px 0 10px 0;
	text-align: center;
}

.lank-tabmenu-wrapper > a .bg-line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: url(../../images/bg_line_opcity_white01.png) repeat-x 0 0;
}

.lank-tabmenu-wrapper > a .bg-line.top {
	top: 0;
}

.lank-tabmenu-wrapper > a .bg-line.bottom {
	bottom: 0;
}

.lank-tabmenu-wrapper > a > strong {
	display: block;
	color: #fff;
	font-size: 1em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}


.lank-tabmenu-wrapper > a > strong > img {
	width: 14px;
}

.lank-tabmenu-wrapper > a > strong > span {
	margin-left: 5px;
}

.mobile-stats-db-banner {
	display: none;
}

.main-contents-wrapper02 {
	padding: 35px 0;
	max-width: 1000px;
	min-height: 220px;
	margin: 0 auto;
}

.main-contents02 {
	position: relative;
	padding-left: 275px;
	padding-right: 294px;
}

.main-banner-wrapper02 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 230px;
	margin-top: -11px;
}

.main-banner-wrapper02 > li {
	border-top: 1px solid #dde1e7
}

.main-banner-wrapper02 > li:first-child {
	border-top: 0;
}

.main-banner-wrapper02 > li > a {
	position: relative;
	display: block;
	padding: 21px 21px 21px 80px;
}

.main-banner-wrapper02 > li > a > img {
	position: absolute;
	top: 50%;
	left: 18px;
	display: block;
	width: 46px;
	margin-top: -23px;
}


.main-banner-wrapper02 > li > a > .title {
	display: block;
	color: #2383e4;
	font-size: 1.538em;
	line-height: 1.100em;
	letter-spacing: -1px;
}
.main-banner-wrapper02 > li > a > .title > span {
	display: block;
}

.main-banner-wrapper02 > li > a > .summary {
	display: block;
	padding-top: 4px;
	color: #828282;
	font-size: 1em;
	line-height: 1em;
}

/* 보금자리론, 주택연금, 시장지표 */
.main-table-information-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	width: 249px;
}

.main-table-information-wrapper > ul {
	position: relative;
	padding-top: 37px;
}

.main-table-information-wrapper > ul > li {
	margin: 0;
	padding: 0;
}

.main-table-information-wrapper > ul > li > a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50%;
	height: 37px;
	line-height: 37px;
	background: #fff;
	text-align: center;
	color: #555555;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	border-right: 1px solid #ecf1f8;
	box-sizing: border-box;
}

.main-table-information-wrapper > ul > li:nth-child(2) > a {
	left: 50%;
}

.main-table-information-wrapper > ul > li > a.on {
	background: #3293f6;
	color: #fff;
	border-right: 1px solid #3293f6
}

.main-table-information-wrapper > ul > li > .main-table-wrapper {
	display: none;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper.on {
	display: block;
	border-top: 1px solid #3d9dff;
}


.main-table-information-wrapper > ul > li > .main-table-wrapper .date {
	padding: 18px 0 15px 0;
	text-align: center;
	color: #5c5c5c;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .date > img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	top: -1px;
	margin-right: 4px;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .date > span {
	position: relative;
	display: inline-block;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #b1b4b9
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table thead th {
	padding: 8px 5px; 
	background: #6F8CA1;
	color: #fff;
	text-align: center;
	border-top: 1px solid #7b9bb2;
	border-bottom: 1px solid #7b9bb2;
	font-family: "notoKrR", notoKrR, sans-serif;
	font-weight: 300;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table tbody td {
	padding: 8px 5px;
	text-align: center;
	color: #666666;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
	border-bottom: 1px solid #dde1e7;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table tbody tr:last-child td {
	border-bottom: 0;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-wrapper {
	margin-top: 45px;
	text-align: center;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-area {
	margin-bottom: 17px;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-area > img {
	display: inline-block;
	vertical-align: top;
	width: 84px;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-area > p {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 5px;
}


.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-area > p > strong {
	display: block;
	margin-bottom: 5px;

	color: #2383e4;
	font-size: 1.462em;
	line-height: 1em;
	color: #2383e4;
	font-family: "notoKrR", notoKrR, sans-serif;
	font-weight: 300;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-area > p > span {
	display: block;
	color: #707070;
	font-size: 1.231em;
}

.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-wrapper > a {
	display: block;
	width: 110px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-size: 1.077em;
	margin: 0 auto;
	background: #6F8CA1;
}


/* 메인 게시판 모음 */
.main-board-wrapper {
	margin: 0;
	padding: 0;
}

.main-board-wrapper > ul {
	position: relative;
	padding-top: 37px;
}

.main-board-wrapper > ul > li {
	margin: 0;
	padding: 0;
}


.main-board-wrapper > ul > li > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #555555;
	background: #fff;
	border-right: 1px solid #ecf1f8
}

.main-board-wrapper > ul > li:nth-child(2) > a {
	left: 86px;
}

.main-board-wrapper > ul > li:nth-child(3) > a {
	left: 172px;
	border-right: 1px solid #fff;
}

.main-board-wrapper > ul > li > a.on {
	background: #3293f6;
	color: #fff;
	border-right: 1px solid #3293f6
}

.main-board-wrapper > ul > li > .main-board-area {
	display: none;
	border-top: 1px solid #3d9dff;
	padding-top: 20px;
}

.main-board-wrapper > ul > li > .main-board-area.on {
	display: block;
}

.main-board-wrapper > ul > li > .main-board-area .btn-more {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 37px;
	line-height: 37px;
	padding-right: 20px;
	color: #2f2f2f;
	font-size: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;

	background: transparent url(../../images/icon_more.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_more@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_more@2x.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px 13px;	
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list {
	margin: 0;
	padding: 0;
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li {
	display: block;
	margin-top: 10px;
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li:first-child {
	margin-top: 0;
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a {
	position: relative;
	display: block;
	padding-left: 22px;
	padding-right: 85px;

	color: #565656;
	font-size: 1.154em;
	line-height: 1.385em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;

	background: transparent url(../../images/bul_type11.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/bul_type11@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/bul_type11@2x.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 6px 6px	
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a:hover .title,
.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a:hover .date {
	color: #4b65a2;
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a .title {
	display: block;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a .date {
	position: absolute;
	top: 0;
	right: 0;
	color: #606060;
	font-size: 0.933em;
}

@media only all and (max-width: 1400px) {
	.right_navi{display:none;}
}
@media only all and (max-width: 1023px) {
	
	/* ----- */
	.nsec1{background:#ececec url(../../images/bg_nsec1.png) no-repeat center 88px;background-size:cover;}
	.nsec1_stat{padding:0 10px;}
	.nsec1_stat ul li{width:50%;}
	.nsec1_stat ul li a{margin:5px;}
	.nsec1_stat ul li:first-child a{margin:5px;}
	
	.nsec1_inner{width:auto;padding:88px 0 0 0;margin:0 auto 61px auto;}
	.nsec1_notice_inner{width:auto;height:53px;}
	.nsec1_notice_inner strong{display:none;}
	.nsec1_data_list ul li{width:100%;  }
	.nsec1_data_list ul li.n1bt01 a{padding: 8px;background: #fff;line-height: 20px;left:5px}
	.nsec1_data_list ul li.n1bt02 a{padding: 8px;background: #fff;line-height: 20px;right:5px/*margin:0 30px;border-top:1px dotted #c9c9c9;*/}
	.nsec1_data_list ul li:first-child a{border:none;}
	.nsec1_data_list ul li a strong{padding:32px 0 5px 0;font-size:26px;}
	.nsec1_data_list ul li a span{display:inline-block;}
	.nsec1_data_list ul li a em{display:inline-block;}
	.nsec1_header strong{font-size:26px;}
	.nsec1_header span{font-size:20px;}
	
	.nsec1_notice_list{padding:20px 10px;}
	.nsec1_notice_news li a{width:calc(100% - 60px);font-size:15px;}
	.nsec1_notice_btn{top:16px;right:10px;}
	
	.nsec1_stat{padding:0 5px;}
	.nsec1_stat ul li a{font-size:15px;line-height:142px;}
	.nst01{background:#ffffff url(../../images/icon_ns_stat01.png) no-repeat center 10px;background-size:auto 42px;}
	.nst02{padding:0;background:#ffffff url(../../images/icon_ns_stat02.png) no-repeat center 10px;background-size:auto 42px;}
	.nst03{background:#ffffff url(../../images/icon_ns_stat03.png) no-repeat center 10px;background-size:auto 42px;}
	.nst04{background:#ffffff url(../../images/icon_ns_stat04.png) no-repeat center 10px;background-size:auto 42px;}
	
	.nsec1_link ul li a{background-size:auto 38px;padding:50px 7px 6px 7px;line-height:1.2;font-size:13px;}
	
	.nsec1_link{margin:0 10px;}
	
	.line-none{display:none;}
	
	.nsec3_data_list h4{font-size:16px;}
	.nsec3_data_list > div{width:calc(100% - 170px);}
	.nsec3_data_list ul{width:100%;}
	

	
	.main_board{margin-top:20px;}
	.main_board_area > div{padding-bottom:0;}
	.main_recomm{display:none;}
	
	
	.nsec2{height:auto !important;min-height:auto;background-size:auto 1230px;}
	.nsec2 > div{height:auto !important;padding-top:40px;}
	.nsec_header h3{margin-bottom:30px;}
	
	.nsec3{height:auto !important;min-height:auto;background:#ece4e1 url(/images/bg_nsec3.png) no-repeat center 0;}
	.nsec3 > div{height:auto !important;padding-top:40px;}
	.nsec_header2 span{margin-bottom:30px;}
	
	.nsec4{height:auto !important;min-height:auto;background:#dfe8f1 url(/images/bg_nsec4.png) no-repeat center 0;}
	.nsec4 > div{height:auto !important;padding-top:40px;}	
	
	.nsec2_box{width:auto;}
	.nsec3_data{width:auto;height:auto;flex-direction:column;}
	.nsec3_data_list{height:220px;width:auto;margin:10px;}
	.nsec3_news{width:auto;margin:10px;}
	/* .nsec3_news > div img{width:100%;} */
	
	.nsec3_banner{width:auto;margin:10px;height:300px;background:none;display:none;}
	.nsec3_banner img{height:100%;}
	
	.nsec3_board{width:auto;height:auto;flex-direction:column;}
	.main_peralboard{width:auto;margin:10px;}
	.main_update{width:auto;margin:10px;}
	
	.nsec4_forest{width:auto;flex-direction:column;}
	.n4_stat_list{padding:20px 0;}
	.n4_box{width:auto;height:auto;flex-direction:column;margin:10px;}
	.n4_forest{width:auto;background-size:29%;padding-bottom:15px;}
	.n4_envir{width:auto;margin:0 10px 10px 10px;}
	.n4_txt{padding:25px 0;}
	
	.nsec4_service{width:auto;flex-direction:column;margin:0 10px 10px 10px;}
	.n4_user_service{width:auto;}
	.n4_baeoom{width:auto;margin:10px 0 0 0;flex-direction:column;}
	.n4_baeoom_link{/* border-bottom:1px solid #e6e6e6; */padding-bottom:15px;}
	.n4_baeoom_link span{padding-bottom:7px;}
	.n4_baeoom_link span br{display:none;}
	.n4_baeoom ul{justify-content:center;margin-left:0;}
	
	.nsec5 .fp-tableCell > div{width:auto;}
	
	.main-contents:before{
		position:absolute;
		top:504px;
		left:0;
		width:100%;
		height:341px;
		background:#0d2030;
		content:"";
		display:block;
	}
	.main-stats-menu-list .bg-line.top{display:none;}
	.main-stats-menu-list .bg-line.bottom{display:none;}
	
	.main-stats-menu-list ul > li{border-bottom:1px solid #2a3a48;}
	
	.nsec5{background:#3c4353;}
	.nsec5 .fp-tableCell{text-align:center;}
	.nsec5 .fp-tableCell > div address{display:none;}
	.nsec5 .fp-tableCell > div ul{display:inline-block;}
	.nsec5 .fp-tableCell > div ul li a{color:#afb6c9 !important;}
	.nsec5 .fp-tableCell > div div{color:#d5dae5;}
		
	iframe{position:absolute;left:-9999999px;top:-9999999px;}	
	/* ----- */
	
	.main-contents-wrapper01{height:auto;margin-top:55px;background-size:auto 2238px;}
	.nsec2_box a{flex:1 1 50%;height:110px;}
	.nsec2_box a span{font-size:17px;}
	.nsec2_box a.nsb01{background-size:100%;}
	.nsec2_box a.nsb01 span:before{top:35px;width:calc(100% - 70px);}
	.nsec2_box a.nsb03 span br{display:none;}
	
	.nsec_header{margin:0;}
	.nsec_header h3{font-size:26px;}
	.nsec_header span{font-size:17px;line-height:1.2;padding:0 20px;}
	
	.nsec_header2{margin:0;}
	.nsec_header2 h3{font-size:26px;}
	.nsec_header2 span{font-size:17px;line-height:1.2;padding:0 20px;}
	
	/* main container */
	.main-contents-wrapper01 {
		padding: 0;
	}
	
	.bg-slider-wrapper {
		position: absolute;
		height: auto;
	}

	.bg-slider-wrapper > ul {
		position: static;
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.bg-slider-wrapper > ul > li > .pc {
		display: none;
	}

	.bg-slider-wrapper > ul > li > .mobile {
		display: block;
	}

	/* main contents */
	.main-contents-wrapper01 .main-contents {
		padding: 25px 15px 30px 15px;	
	}


	.main-stats-wrapper {
		position: relative;
		float: none;
		width: 100%;
	}

	.main-stats-wrapper .main-title-area {
		margin-bottom: 35px;
		padding-top: 0;
	}

	.main-stats-wrapper .main-title-area h3 {
		margin-bottom: 10px;
		font-size: 1.923em;
		line-height: 1em;
	}

	.main-stats-area {
		float: none;
		width: 100%;
		max-width: none;
		text-align: center;
		height:420px;
	}

	.main-stats-area .current-stats-information {
		position: static;
		top: 0;
		right: 0;
		width: 100%;
		margin: 0 auto;
	}

	.main-stats-area .current-stats-information h4 {
		margin-bottom: 5px;
		font-size: 1.615em;
	}


	.main-stats-area .current-stats-information .result {
		height: auto;
		line-height: initial;
		-ms-line-height: auto;
		text-align: center;
	}

	.main-stats-area .current-stats-information .result > strong {
		font-size: 3.846em;
	}

	.main-stats-area .current-stats-information .result > .up-down {
		font-size: 1.462em;
	}

	.main-stats-graph-wrapper {
		display: block;
		height: auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.main-stats-wrapper #hfslider .chart .date {
		font-size: 1.308em;
		line-height: 1em;
	}


	.main-stats-menu-list {
		position: relative;
		float: right;
		margin-top: 0;
		width: 100%;
		height: auto;
		padding-bottom:10px;
	}

	.main-stats-menu-list .bg-line {
		padding-left: 0;
	}


	.main-stats-menu-list .bg-line > span {
		height: 2px;
	}

	.main-stats-menu-list > ul {
		padding: 10px 0;
	}

	.main-stats-menu-list ul > li > a {
		display: block;
		padding-left: 0;
	}

	.main-stats-menu-list ul > li > a .box {
		display: block;
		padding: 17px 15px 15px 15px;
		color: #fff;
		font-size: 1.154em;
	}
	.main-stats-menu-list ul > li > a .box .title {
		width: calc(100% - 145px);
		margin-right: 5px;
	}

	.main-stats-menu-list ul > li > a .box .result {
		width: 60px;
		margin-right: 5px;
	}

	.main-stats-menu-list ul > li > a .box .up-down {
		width: 60px;
	}
	.main-stats-menu-list ul > li > a.active {
		background: transparent;
	}

	.main-stats-menu-list ul > li > a.active .box {
		border: 2px solid #ffb53b;
		padding: 15px 13px 13px 13px;
	}

	.main-lank-wrapper {
		display: none;
	}
	

	.mobile-stats-db-banner {
		position: relative;
		display: block;
		z-index: 2;
		background:#007bea url(../../images/bg_opacity_blue01.png) repeat;
	}

	.mobile-stats-db-banner > a {
		position: relative;
		display: block;
		padding: 30px;
		max-width: 580px;
		color: #fff;
		margin: 0 auto;
	}

	.mobile-stats-db-banner > a > strong {
		display: block;
		font-size: 2.000em;
		line-height: 1em;
		margin-bottom: 5px;
	}

	.mobile-stats-db-banner > a > img {
		position: absolute;
		top: 50%;
		right: 25px;
		width: 77px;
		margin-top: -28px;
		font-size: 1.308em
	}

	.main-contents-wrapper02 {
		padding: 20px 15px 50px 15px;
	}

	.main-contents02 {
		position: static;
		padding: 0;
	}

	.main-banner-wrapper02 {
		position: static;
		display: block;
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.main-banner-wrapper02 > li {
		float: left;
		width: 32%;
		padding-left: 2%;
		border-top: 0;
		border-left: 1px solid #dde1e7;
		box-sizing: border-box;
	}

	.main-banner-wrapper02 > li:first-child {
		padding-left: 0;
		border-left: 0;
	}

	.main-banner-wrapper02 > li > a {
		position: relative;
		display: block;
		padding: 21px 21px 21px 80px;
	}

	.main-banner-wrapper02 > li > a > .title {
		font-size: 1.385em;
		line-height: 1.111em;
		letter-spacing: 0;
	}

	/* 보금자리론, 주택연금, 시장지표 */
	.main-table-information-wrapper {
		position: static;
		width: 100%;
		margin-bottom: 20px;
	}

	.main-table-information-wrapper > ul {
		position: relative;
		padding-top: 40px;
	}

	.main-table-information-wrapper > ul > li > a {
		height: 40px;
		line-height: 40px;
		font-size: 1.154em;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper {
		display: none;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper.on {
		display: block;
		border-top: 1px solid #3d9dff;
	}


	.main-table-information-wrapper > ul > li > .main-table-wrapper .date {
		padding: 20px 0;
		font-size: 1.154em;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .date > img {
		top: -1px;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table thead th {
		padding: 15px 10px; 
		font-size: 1.154em;
		line-height: 1.200em
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table tbody td {
		padding: 10px; 
		font-size: 1.154em;
		line-height: 1.200em
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .main-banner-type-wrapper {
		margin: 25px 0;

	}


	/* 메인 게시판 모음 */
	.main-board-wrapper > ul {
		padding-top: 40px;
	}

	.main-board-wrapper > ul > li > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 1.154em;
	}

	.main-board-wrapper > ul > li:nth-child(2) > a {
		left: 151px;
	}

	.main-board-wrapper > ul > li:nth-child(3) > a {
		left: 302px;
	}


	.main-board-wrapper > ul > li > .main-board-area .btn-more {
		height: 40px;
		line-height: 40px;
	}


}

@media only all and (max-width: 767px) {
	.main-banner-wrapper02 > li {
		float: none;
		width: 100%;
		padding-left: 0;
		border-top: 1px solid #dde1e7;;
		border-left: 0;
	}

	.main-banner-wrapper02 > li:first-child {
		border-top: 0;
	}
	
	.highcharts-container {
		width: 100%;
	}
	
	.highcharts-root {
		width: 100%;
	}
}

@media only all and (max-width: 639px) {
	/* main contents */
	.main-contents-wrapper01 .main-contents {
		padding: 15px;
	}

	.main-stats-wrapper .main-title-area {
		margin-bottom: 50px;
	}

	.main-stats-wrapper .main-title-area h3 {
		margin-bottom: 10px;
		font-size: 1.692em;
	}

	.main-stats-wrapper .main-title-area .date {
		font-size: 1.154em;
	}

	.main-stats-area .current-stats-information h4 {
		margin-bottom: 5px;
		font-size: 1.385em;
	}


	.main-stats-area .current-stats-information .result > strong {
		font-size: 3.231em;
	}

	.main-stats-area .current-stats-information .result > .up-down {
		font-size: 1.231em;
	}

	.main-stats-graph-wrapper img {
		display: block;
		max-width: 100%;
	}

	.main-stats-menu-list .bg-line > span {
		height: 1px;
	}

	.main-stats-menu-list > ul {
		padding: 5px 0;
	}


	.main-stats-menu-list ul > li > a .box {
		display: block;
		padding: 12px 10px 10px 10px;;
		color: #fff;
		font-size: 1em;
	}
	.main-stats-menu-list ul > li > a .box .title {
		width: calc(100% - 94px);
		margin-right: 2px;
	}

	.main-stats-menu-list ul > li > a .box .result {
		width: 50px;
		margin-right: 2px;
	}

	.main-stats-menu-list ul > li > a .box .up-down {
		width: 40px;

	}

	.main-stats-menu-list ul > li > a.active .box {
		border: 1px solid #ffb53b;
		padding: 11px 9px 9px 9px;;
	}

	.main-contents-wrapper02 {
		padding: 0 15px 30px 15px;
	}

	.main-contents02 {
		position: static;
		padding: 0;
	}

	.main-banner-wrapper02 {
		position: static;
		display: block;
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
	}


	/* 보금자리론, 주택연금, 시장지표 */
	.main-table-information-wrapper {
		position: static;
		width: 100%;
		margin-bottom: 15px;
	}

	.main-table-information-wrapper > ul {
		padding-top: 35px;
	}
	.main-table-information-wrapper > ul > li > a {
		height: 35px;
		line-height: 35px;
		font-size: 1em;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .date {
		padding: 15px 0;
		font-size: 1em;
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table thead th {
		padding: 10px 5px; 
		font-size: 1em;
		line-height: 1.154em
	}

	.main-table-information-wrapper > ul > li > .main-table-wrapper .main-table-type01 table tbody td {
		padding: 10px 5px; 
		font-size: 1em;
		line-height: 1.154em
	}

	/* 메인 게시판 모음 */
	.main-board-wrapper > ul {
		padding-top: 35px;
	}
	.main-board-wrapper > ul > li > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		height: 35px;
		line-height: 35px;
		font-size: 1em;
	}

	.main-board-wrapper > ul > li:nth-child(2) > a {
		left: 81px;
	}

	.main-board-wrapper > ul > li:nth-child(3) > a {
		left: 162px;
	}

	.main-board-wrapper > ul > li > .main-board-area .btn-more {
		padding: 0;
		width: 35px; 
		height: 35px;
		line-height: 35px;
		text-indent: -5000em;
		background-position: center center;
	}

	.main-board-wrapper > ul > li > .main-board-area > .main-board-list > li > a {
		position: relative;
		display: block;
		padding-left: 15px;
		padding-right: 65px;

		color: #565656;
		font-size: 1em;
		line-height: 1.385em;
	}
}
@media only all and (max-width: 520px) {
	.n4_user_service > div > div{width:226px;}
}

@media only all and (max-width: 480px) {
	.nsec2{background-size:auto 100%;padding-bottom:30px;}
	.nsec2_box a{flex:1 1 50%;margin:5px 10px;}
	.nsec3_data_list h4{
		width: auto;
	    background: #f6b23e;
	    padding-bottom: 15px;
    }
    .nsec3_data_list > div{padding-top:15px;width:100%;box-sizing:border-box;}
    .nsec3_data_list ul{width:auto;height:134px;}
    .main_update ul li a{width:80px;height:90px;}
    .new_gallery_board ul li a span{font-size:13px;}
}

@media only all and (max-width: 414px) {
    .main_quick_link li a{font-size:16px;}
    .nsec_header h3{font-size:21px;}
    .nsec_header span{font-size:14px;}
    .nsec3_data_list{flex-direction:column;}
    .n4_baeoom ul li a{width:94px;}
    .n4_area{background-size:270px 100%;}
    .n4_envir ul li br{display:none;}
    .n4_stat_list li a{width:61px;}
    .nsec5 .fp-tableCell > div ul li a{font-size:11px;}
    .nsec5 .fp-tableCell > div div{font-size:11px;}
}

footer{display:none !important;}
.btn-top-go{display:none !important;}
.btn-mobile-back{display:none !important;}

.popup_okti{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;}
/*.popup_okti > div{width:640px;margin:120px auto 0 auto;}*/
.popup_okti > div{width:460px;margin:120px auto 0 auto;}
.popup_okti > div > a{display:block;}
.popup_okti > div span{position:relative;height:32px;background:#000000;display:block;padding:0 10px;line-height:32px;}
.popup_okti > div span label{color:#ffffff;}
.popup_okti > div span a{position:absolute;top:0;right:0;
    background: #435467;
    padding: 0 10px;
    color: #ffffff;
    font-family: 'NotoKrM';
}

.n1_btn{position:absolute;top:87px;left:0;width:100%;}
.n1bt01 a{position:absolute;top:-12px;left:-25px;width:12px;height:18px;display:block;}
.n1bt01 a:before{content:"\276E";font-size:26px;color:#000000;}
.n1bt02 a{position:absolute;top:-12px;right:-25px;width:12px;height:18px;display:block;}
.n1bt02 a:before{content:"\276F";font-size:26px;color:#000000;}

.nsec1_data_header div {
	background: #ececec;
    display: inline-block;
    padding: 0px 4px;
}
.nsec1_prev:before {
    content: "\25C2";
    font-size: 26px;
    color: #025f67;
}

.nsec1_next:before {
    content: "\25B8";
    font-size: 26px;
    color: #025f67;
}

/*추가*/

#mainStatsDetail > li{padding: 10px 5px;box-sizing: border-box}
#mainStatsDetail > li > a {border:1px solid #f5f5f5;border-radius: 8px;background: rgba(255,255,255,.10);padding-bottom: 20px;min-height:90px}
#mainStatsDetail > li > a:hover{border:1px solid #ddd;background: rgba(255,255,255,.30);box-shadow: 0px 1px 8px rgba(0,0,0,.1)}
#mainStatsDetail > li > a strong{padding:20px 0 8px 0;color: #0c2c60}

@media only all and (max-width: 1023px) {
	.nsec1_data_list ul {
		padding: 0 30px;
		box-sizing: border-box
	}
	.nsec1_data_list ul li a span{display: block}
}

@media all and (max-height : 920px){
	.nsec1_inner{padding:156px 0 0 0;}
	.nsec1_link ul{
		height: 130px;
		padding: 22px 0 0 0;
	}
}