@charset "utf-8";

.main_visual { position: relative; }
.main_visual .visual_wrap { z-index: 1; }
.main_visual .text_box { width: 100%; position: absolute; z-index: 100; display: table; margin-top: -70px; }
.main_visual .visual_text { text-align: center; width: 1200px; display: table-cell; vertical-align: middle; }
.main_visual .visual_text .visual_text1 { color: #fff; font-size: 52px; font-weight: 500; vertical-align: middle;  }
.main_visual .visual_text .visual_text2 { color: #fff; font-size: 32px; font-weight: 300; vertical-align: middle;  }
.main_visual .visual_wrap { width: 100%; }
.main_visual .visual_wrap li { width: 100%; }
.main_visual .visual_wrap li img { width: 100%; object-fit: cover; }
.main_visual .major_wrap { width: 100%; height: 297px; position: absolute; bottom: 0; z-index: 51; }

.main_visual .major_wrap .major_item { width: 1200px; margin: 0 auto; text-align: center; box-sizing: border-box; }
.main_visual .major_wrap .major_item .major_content { display: block; width: 300px; height: 117px; padding: 30px 0 30px 0; float: left; box-sizing: border-box; color: #fff; margin-top: 180px; transition: .5s all ease; position: relative; text-decoration: none;}
.main_visual .major_wrap .major_item .major_content span.h2 { font-size: 24px; line-height: 28px; font-weight: 500; transition: .3s all ease;opacity: 1;}
.main_visual .major_wrap .major_item .major_content span.h2::before{display:none}
.main_visual .major_wrap .major_item .major_content img { display: none; margin-bottom: 34px; opacity: 0;  transition: .3s all ease; }
.main_visual .major_wrap .major_item .major_content span::before {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    margin: 25px auto;
}
.main_visual .major_wrap .major_item .major_content span { display: block; line-height: 18px; font-weight: 100; font-size: 15px; transition: .3s all ease; opacity: 0; }
.main_visual .major_wrap .major_item .major_content.on { height: 297px !important; margin-top: 0; }
.main_visual .major_wrap .major_item .major_content.on .h2 { margin-top: 0; }
.main_visual .major_wrap .major_item .major_content.on span { opacity: 1; }
#major1 { background: url('/images/major_bg01.png') no-repeat top left; }
.major_content.on#major1 > .h2::before { 
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 34px auto;
    background: url('/images/major_icon01.png') no-repeat;
} 
#major2 { background: url('/images/major_bg02.png') no-repeat top left; }
.major_content.on#major2 > .h2::before { 
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 34px auto;
    background: url('/images/major_icon02.png') no-repeat;
}
#major3 { background: url('/images/major_bg03.png') no-repeat top left; }
.major_content.on#major3 > .h2::before { 
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 34px auto;
    background: url('/images/major_icon03.png') no-repeat;
}
#major4 { background: url('/images/major_bg04.png') no-repeat top left; }
.major_content.on#major4 > .h2::before { 
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 34px auto;
    background: url('/images/major_icon04.png') no-repeat;
}

.main_visual .bx-controls { position: relative; width: 1200px; margin: 0 auto; bottom: 390px; z-index: 51; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager { margin: 0 0 0 534px; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.8); width: 8px; height: 8px; margin: -17px 15px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; width: 45px; height: 8px; }
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { z-index: 51; margin: 0 auto; top: 5px; right: 519px; left: auto; }
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 146px; height: 30px; background: rgba(102,102,102,0.8); box-sizing: border-box; border-radius: 50px; z-index: 50; padding-left: 13px; }
.main_visual .bx-wrapper .bx-controls-auto .bx-stop { width: 26px; height: 26px; background: url('/images/btn_slide_stop.png') no-repeat left top; }
.main_visual .bx-wrapper .bx-controls-auto .bx-start { display: none; width: 26px; height: 26px; background: url('/images/btn_slide_play.png') no-repeat left top; }

#fp-nav ul li .scroll span { background: url('/images/right_nav_off.png'); }
#fp-nav ul li:nth-of-type(3) { display: none; }
.graph_info { background: #fff; /*padding: 110px 0; box-sizing: border-box;*/ display: table; vertical-align: middle; }
.graph_info .in_graph { width: 1200px; margin: 0 auto;  }
.graph_info .in_graph .graph_wrap { float: left; width: 340px; text-align: center; }
.graph_info .in_graph .graph_wrap h2 { font-size: 20px; font-weight: 500; color: #333; height: 58px; line-height: 58px; background: #e1e3e6; border-radius: 50px }
.graph_info .in_graph .graph_wrap:nth-of-type(2) { margin: 0 90px; }
.graph_info::after { 
    content: '';
    display: block;
    clear: both;
}
.graph_info .in_graph .graph_wrap .graph_area { margin-top: 50px; height: 400px; position: relative; }
.graph_info .in_graph .graph_wrap .graph_area .graph_title { font-size: 16px; font-weight: 500; color: #555; }
.graph_info .in_graph .graph_wrap .graph_area .graph { width: 340px; position: absolute; left: 0; bottom: 0; text-align: center; }

.board_news { background: #f0f0f0 url('/images/main_board_bg.gif') no-repeat center center; background-size: cover; padding: 107px 0 86px 0; height: 100%; box-sizing: border-box; }
.board_news .in_board { width: 1200px; height: 780px; margin: 0 auto; position: relative; }
.board_news .in_board .board_tab { width: 1200px; margin: 0 auto 45px auto; }
.board_news .in_board .board_tab > ul { width: 650px;  margin: 0 auto; background: #fff; border: 1px solid #ddd; height: 60px; border-radius: 50px; box-sizing: border-box; }
.board_news .in_board .board_tab > ul > li { float: left; width: 50%; text-align: center; }
.board_news .in_board .board_tab > ul > li > a { display: inline-block; width: 100%; line-height: 60px; font-size: 24px; color: #949494; font-weight: 300; box-sizing: border-box; border-radius: 50px; }
.board_news .in_board .board_tab > ul > li.active > a { background: #0089cf url('/images/main_dot_bg.png'); color: #fff; font-weight: 500; box-shadow: 2px 0 5px 0px rgba(0,0,0,0.3); }
.board_news .in_board .board_tab > ul > li.active .main_list { display: block; }
.board_news .in_board .board_tab::after { 
    content: '';
    display: block;
    clear: both;
}
.board_news .in_board .main_list { position: absolute; left: 0; top: 105px; display: none; }
.board_news .in_board .main_list ul { width: 100%; }
.board_news .in_board .main_list ul li { width: 1200px; border-bottom: 1px solid #bbb; padding: 35px 0; box-sizing: border-box; overflow: hidden; }
.board_news .in_board .main_list ul li span { float: left; }
.board_news .in_board .main_list ul li span.date { width: 150px; height: 70px; position: relative; }
.board_news .in_board .main_list ul li span.date strong { font-size: 50px; color: #555; font-weight: 500; position: absolute; top: -17px; left: 39px }
.board_news .in_board .main_list ul li span.date em { font-size: 18px; color: #888; position: absolute; left: 33px; bottom: -2px; }
.board_news .in_board .main_list ul li span.type { width: 58px; height: 58px; background: #fff; font-size: 15px; text-align: center; margin: 5px 20px 0 0; padding: 0 13px; word-break: break-all; box-sizing: border-box; display: table; }
.board_news .in_board .main_list ul li span.type em { display: table-cell;  vertical-align: middle; font-weight: 500; line-height: 1; }
.board_news .in_board .main_list ul li span.type.type1 { border: 1px solid #1969cd; color: #174b8c; }
.board_news .in_board .main_list ul li span.type.type2 { border: 1px solid #2bb596; color: #10846a; }
.board_news .in_board .main_list ul li span.type.type3 { border: 1px solid #666; color: #333; }
.board_news .in_board .main_list ul li span.content { font-size: 15px; color: #555; margin-top: 5px; width: 80%; }
.board_news .in_board .main_list ul li span.content a { display: block; width: 100%; height: 100%; text-align: left; }
.board_news .in_board .main_list ul li span.content strong { display: block; font-size: 18px; font-weight: 500; color: #000; margin-bottom: 8px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }

.board_news .in_board .main_list .btn_more { width: 130px; height: 40px; line-height: 38px; background: #fff url('/images/main_btn_more.gif') no-repeat right 29px center; border: 1px solid #555; display: inline-block; color: #000; font-size: 15px; font-weight: 500; box-sizing: border-box; margin-top: 80px; }
.board_news .in_board .main_list .btn_more span { display: inline-block; margin-right: 15px; }

/* 상단 공지 */
/*
#top_notice { width: 100%; height: 80px; background: #216eb2; display: block; }
#top_notice .in_notice { width: 1200px; position: relative; margin: 0 auto; color: #fff; }
#top_notice .in_notice .notice li { width: 950px !important; text-align: center !important; line-height: 80px; }
#top_notice .in_notice .notice li a { color: #fff; font-size: 18px; }
#top_notice .in_notice .bx-wrapper { max-width: 80% !important; }
#top_notice .in_notice .bx-wrapper .bx-viewport { width: 950px !important; }
#top_notice .in_notice .bx-wrapper .bx-controls-direction a { margin-top: -20px; z-index: 0; }
#top_notice .in_notice .bx-prev { width: 20px; height: 37px; background: url('/images/popup_prev.png') no-repeat; } 
#top_notice .in_notice .bx-next { width: 20px; height: 37px; background: url('/images/popup_next.png') no-repeat; } 
#top_notice .in_notice .top_close { position: absolute; right: 0; top: 25px;}
#top_notice .in_notice .top_close input[type="checkbox"] { width: 18px; height: 18px; margin-right: 5px; }
#top_notice .in_notice .top_close label { font-size: 16px; font-weight: 300; }
#top_notice .in_notice .top_close .close { background: url('/images/popup_close.png') no-repeat; width: 17px; height: 16px; font-size: 0; margin-left: 10px; }
*/


/* :::::::::::::: 2차 개선사업 :::::::::::::: */

/* 메인 레이어팝업*/
/*
.daliyPopup{position: fixed;left: 40px;top: 150px;width: auto;height: auto;z-index: 99999;display: block;}
.daliyPopup > .container{display: block;}
.daliyPopup > .container > .boxWrap{display: flex;align-items: center;flex-wrap: wrap;max-width: 1200px;}
.daliyPopup > .container > .boxWrap > div{display: none;position: relative;width: 350px;height:350px;background: #fff;margin-right: 5px;}
.daliyPopup > .container > .boxWrap > div.openPopup{display: flex;flex-direction: column;}
.daliyPopup > .container > .boxWrap > div > a{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden;margin-bottom: 40px;}
.daliyPopup > .container > .boxWrap > div img{width: 100%;height: 100%;}
.daliyPopup > .container > .boxWrap > div .in_popup{box-sizing: border-box;overflow: hidden;}
.daliyPopup > .container > .boxWrap > div .in_popup h1{height: 50px;line-height: 50px;padding: 0 30px;color: #fff;background: #00549b;font-size: 18px;font-weight: 500;}
.daliyPopup > .container > .boxWrap > div .in_popup h2{padding: 20px 30px;color: #000;font-size: 16px;font-weight: 500;}
.daliyPopup > .container > .boxWrap > div .in_popup p{padding: 0 30px;color: #000;font-size: 14px;line-height: 24px;}
.daliyPopup .closeBox{display: flex;position: absolute;bottom: 0;align-items: center;width: 100%;height: 40px;background-color: rgba(0, 0, 0, 0.85);border-top: 1px solid rgba(255,255,255,.1);}
.daliyPopup .closeBox > a{width: 50%;height: 100%;text-align: center;display: flex;align-items: center;}
.daliyPopup .closeBox > a > span{text-align: center;margin: 0 auto;font-size: 14px;line-height: 0;font-weight: 600;color: #d2d2d2;}
.daliyPopup .closeBox > a:first-child{border-right: 1px solid rgba(255,255,255,.1);}
*/
/* 메인 레이어팝업*/
.dailyPopup{position: fixed;left: 40px;top: 150px;width: auto;height: auto;z-index: 99999;display: block;}
.dailyPopup > .container{display: block;}
.dailyPopup > .container > .boxWrap{display: flex;align-items: center;flex-wrap: wrap;max-width: 1200px;}
.dailyPopup > .container > .boxWrap > div{display: none;position: relative;width: 370px;height:370px;background: #fff;margin-right: 5px;}
.dailyPopup > .container > .boxWrap > div.openPopup{display: flex;flex-direction: column;}
.dailyPopup > .container > .boxWrap > div > a{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden;margin-bottom: 40px;}
.dailyPopup > .container > .boxWrap > div img{width: 100%;height: 100%;}
.dailyPopup > .container > .boxWrap > div .in_popup{box-sizing: border-box;overflow: hidden;}
.dailyPopup > .container > .boxWrap > div .in_popup > div.popup_content{height:170px; overflow:auto;}
.dailyPopup > .container > .boxWrap > div .in_popup h1{height: 50px;line-height: 50px;padding: 0 30px;color: #fff;background: #00549b;font-size: 18px;font-weight: 500;}
.dailyPopup > .container > .boxWrap > div .in_popup h2{margin: 10px 30px 20px;padding: 10px 0px;border-bottom: 1px solid #ccc;color: #000;font-size: 16px;font-weight: 500;}
.dailyPopup > .container > .boxWrap > div .popup_content  p{height: auto; padding: 0 30px;color: #000;font-size: 14px;line-height: 24px;}
.dailyPopup h1 .cBox02{width: 20px;height: 20px;background: url(/images/btn_close.png) no-repeat center;display: block;position: absolute;right: 20px;top: 15px;}
.dailyPopup h1 .cBox02 span{font-size: 0;}
.dailyPopup .cBox01{text-align: right;margin: 20px;padding: 10px 0 0;font-size: 14px;border-top: 1px solid #ccc;}
.dailyPopup .cBox01 .cBox02 span{vertical-align: middle;}