@charset "utf-8";
@import url("font.css");
/* Default Layout */
#wrap {width:100%; min-width:1150px; height: 100%;}
#wrap_juso {width:100%; height: auto;}
body {padding: 0 !important; margin: 0 !important; min-width:320px;}
body#main {overflow-x:auto;}
.toparea {width:100%; height: 140px; background: #2a88d0;}

.policyRnPop .popup {/*display: none; */position: absolute; left: 50%; transform: translateX(-50%); top: 35%; margin-top: -250px; width: 750px; max-height: 800px; overflow: auto; background: #fff;}

/*메뉴*/
body#main .toparea .gnb {width: 100%; height: 90px; margin: 0 auto; display: block; background: #fff;}
body#main .toparea .gnb h1 {z-index: 3; position: absolute; left: 0; top: 12px; }
body#main .toparea .gnb h1 > a {display:block; width:94px; height:67px;}
body#main .toparea .gnb h1 > a img {width: 100%;}
body#main .toparea .gnb .topmenu {position: relative; width: 1150px; height: 90px; margin: 0 auto; text-align: center;}
.toparea .topmenu > ul {display: inline-block !important;}
.toparea .topmenu > ul > li {float:left;}
.toparea .topmenu > ul > li > a {display:block; font-size:20px; padding: 0 22px; line-height: 90px; color:#444; font-weight: 600;}
.toparea .topmenu > ul > li > ul {display: none; position:absolute; left:0px; top:90px; z-index:99; width: 100%; background: #2a88d0;}
.toparea .topmenu > ul > li > ul li {display: inline-block;}
.toparea .topmenu > ul > li > ul li a {display: block; padding: 0 12px; color:#fff; font-size:15px; line-height: 50px; font-weight: 600;}
.toparea .topmenu > ul > li > ul li a:hover {background: #0a66b7;}


.toparea .topmenu > .smenu_lnb {display: block;}
.toparea .topmenu > .smenu_lnb > ul {display: inline-block !important;}
.toparea .topmenu > .smenu_lnb > ul > li {float:none; display: inline-block; margin : 0 2.235px;}
.toparea .topmenu > .smenu_lnb > ul > li > a {display: block; padding: 0 12px; color:#fff; font-size:15px; line-height: 33px; font-weight: 600;}
.toparea .topmenu li.point > a > span {padding: 5px 15px; background: #064298; border-radius: 30px;}

body#main .toparea .topmenu_btn {float: right; margin-top: 28px;}
body#main .toparea .topmenu_btn > li {float: left; margin-left: 10px;}
body#main .toparea .topmenu_btn li button {width: 30px; height: 30px; font-size: 0; text-indent: -999px; border-radius: 30px; background-position: center center; background-repeat: no-repeat;}
body#main .toparea .topmenu_btn li button.line {border: 1px solid #fff;}
body#main .toparea .topmenu_btn li button.write {background-image: url('/images/icon_write.png');}
body#main .toparea .topmenu_btn li button.search {background-image: url('/images/icon_search.png');}
body#main .toparea .topmenu_btn li button.all_menu {background-image: url('/images/icon_category_open.png');}
body#main .toparea .topmenu_btn li .sitemap {overflow: hidden; display: none; z-index: 90; position: absolute; padding: 10px 0 10px 55px; left: 0; top: 90px; width: 100%; text-align: center; background: #fff; border-bottom: 1px solid #2a88d1;}
body#main .toparea .topmenu_btn li .sitemap > ul {display: inline-block; overflow: hidden;}
body#main .toparea .topmenu_btn li .sitemap > ul > li {float: left; width: 200px;}
body#main .toparea .topmenu_btn li .sitemap > ul > li a {display: block; padding: 5px 0; color: #737373; font-weight: 600;}
.toparea .top_log {position: absolute; right: 0; top: 27px;}
.toparea .top_log ul {overflow: hidden; float: left;}
.toparea .top_log ul li {float: left; border: 1px solid #ebebeb;}
.toparea .top_log ul li:first-child {border-right: 0;}
.toparea .top_log ul li a {display: block; padding: 3px 15px; font-size: 14px;}
.toparea .top_log .total_search {float: left; width:35px; height:35px; background: url('/images/icon_search3.png') center center no-repeat; font-size:0; text-indent:-99999px;}
.toparea .top_log .total_search.active {background: url('/images/icon_close2.png') center center no-repeat; font-size:0; text-indent:-99999px;}
.toparea .top_log form {position: absolute; right: 35px; top: 0; background: #fff;}
.toparea .top_log form > div {position: relative; width: 215px; height: 35px;}
.toparea .top_log form > div input {padding: 0 35px 0 10px; width: 100%; height: 100%; border: 1px solid #d2d2d2; border-radius: 35px;}
.toparea .top_log form > div button {position: absolute; right: 5px; top: 0; width: 35px; height: 35px; background: url('/images/icon_search3.png') center center no-repeat;}

.toparea .mobile-category {display:none}

.mobild_menu {position: relative; z-index: 999;}
.mobild_menu .top_menu {overflow: hidden; height: 70px;}
.mobild_menu .top_menu h2 {margin: 15px 0 0 15px}
.mobild_menu .top_menu h2 img {width: 62px;}
.mobild_menu .top_menu > button {position: absolute;top: 30px; right: 15px; width: 18px; height: 18px; background: url('/images/icon_category_c.png') 0 0 no-repeat; background-size: 18px;}
.mobild_menu .log_box {overflow: hidden; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #085798;}
.mobild_menu .log_box a {display: inline-block; padding: 0 15px 0 32px; height: 40px; color: #fff; text-align: center; line-height: 40px; background-size: 17px; background-repeat: no-repeat; background-position: 5px center;}
.mobild_menu .log_box a.login {background-image: url('/images/icon_login.png');}
.mobild_menu .log_box a.logout {background-image: url('/images/icon_logout.png');}
.mobild_menu .log_box a.member {background-image: url('/images/icon_member.png');}
.toparea .mobile-category > div.mobild_menu::-webkit-scrollbar {display:none;}
.toparea .mobile-category > div.mobild_menu:-moz-scrollbar {display:none;}
.toparea .mobile-category > div.mobild_menu::-moz-scrollbar {display:none;}
.toparea .mobile-category > div.mobild_menu button {margin:0 0 0 10px; font-size: 0; text-indent: -9999px;}
.toparea .mobile-category > div.mobild_menu .mobild_log {float: right; padding-left: 12px; min-height: 50px !important;}
.toparea .mobile-category > div.mobild_menu .mobild_log li {float: left; margin-right: 22px;}
.toparea .mobile-category > div.mobild_menu .mobild_log li a {color: #fff; font-size: 15px; line-height: 50px;}
#MobileTopMenu h3 + div { height: 0px; padding: 0px; overflow: hidden; background: #000; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition:all 0.3s ease;transition: all 0.3s ease;}
#MobileTopMenu .content { padding: 10px;}
#MobileTopMenu h3.open + div { height: auto !important; background: #aaffff;}

/* .mobile_gnb {height: auto; min-height: auto !important;}
.mobile_gnb > li {display: block; margin: 0; border-bottom: 1px solid #085798;}
.mobile_gnb > li > a {display: block; padding: 0 30px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 600; color: #fff; background: url('/images/menu_down.png') no-repeat right 14px center; background-size: 15px;}
.mobile_gnb > li.active > a {color: #fff; background: url('/images/menu_up.png') no-repeat right 14px center; background-size: 15px;}
.mobile_gnb > li > a > span{font-size: 0; text-indent: -999px;}
.mobile_gnb ul.smenu {display: none; padding: 25px 0; overflow: hidden; background-color: #085798;}
.mobile_gnb ul.smenu > li {height: auto;}
.mobile_gnb ul.smenu > li > a {position: relative; display: block; padding-left: 50px; line-height: 40px; font-size: 15px; color: #fff;}
.mobile_gnb ul.smenu > li.point > a {background: #023262;} */

.index_box {overflow: hidden; padding: 70px 0 20px; background: url('/images/main_bg.jpg') center 0 repeat-x;}
.index_box .search_box {overflow: hidden; margin: 0 auto 50px; width: 550px; height: 50px; border: 3px solid #2a88d0; border-radius: 50px; background: #2a88d0;}
.index_box .search_box input.txt {float: left; padding: 0 20px; width: calc(100% - 110px);}
.index_box .search_box button {float: right; padding-left: 10px; width: 110px; height: 100%; color: #fff; font-size: 22px; font-family: 'nb'; font-weight: 600; background: url('/images/icon_search2.png') 15px center no-repeat #2a88d0;}
.index_box .list {overflow: hidden; margin: 0 auto; width: 1150px; display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.index_box .list li {float: left; width: 25%; height: 310px; border-width: 1px; border-style: solid; border-radius: 30px; border-top-width: 0;}
.index_box .list li a {display: block;}
.index_box .list li h3 {padding-left: 20px; width: 100%; height: 55px; color: #fff; font-size: 35px; text-align: center; font-family: 'nb'; font-weight: 600; line-height: 55px; letter-spacing: -2px; border-radius: 55px; background-image: url('/images/icon_more7.png'); background-position: 6px 6px; background-repeat: no-repeat;}
.index_box .list li p {padding: 20px; font-size: 18px; font-weight: 600; word-break: keep-all; line-height: 27px;}
.index_box .list li.menu1 {border-color: #0278d0; background: #ecf6fd;}
.index_box .list li.menu1 h3 {background-color: #0278d0;}
.index_box .list li.menu1 p {color: #134265;}
.index_box .list li.menu2 {margin-top: 310px; background: #f4edfb; border-color: #6502cb;}
.index_box .list li.menu2 h3 {background-color: #6502cb;}
.index_box .list li.menu2 p {color: #41265d;}
.index_box .list li.menu3 {background: #fcf5ed; border-color: #f38605}
.index_box .list li.menu3 h3 {background-color: #f38605;}
.index_box .list li.menu3 p {color: #512e04;}
.index_box .list li.menu4 {margin-top: 310px; background: #f5f7e7; border-color: #808f02;}
.index_box .list li.menu4 h3 {background-color: #808f02;}
.index_box .list li.menu4 p {color: #444c00;}

.main_img {position: relative; overflow: hidden; width: 100%; height: 250px;}
.main_img.type2 {background: url('/images/main2_bg.png') 0 0;}
.main_img > .title {position: relative; z-index: 2; top: 70px; color: #fff; text-align: center;}
.main_img > .title h2 {padding-bottom: 30px; margin-bottom: 30px; font-size:40px; background: url('/images/line_title.png') center bottom no-repeat; background-size:100px 2px;  overflow: hidden; line-height:40px;}
.main_img > .from_title{top:30px;}
.main_img > .title p {font-size:18px; width:90%;text-align: center;margin: 0 auto; padding:0 20px; word-break:keep-all;line-height:30px;}
.main_img > .title.talk{top:51px;}
.main_img > .title.talk h2{padding-bottom:20px; margin-bottom:15px; }
.main_img > .title.talk p{font-size:14px; line-height: 22px;}
.main_img > .title.talk p span{font-size:18px; margin-bottom:10px; display:block;}
.main_img > img {z-index: 0; position: absolute; top: -18%; left: 50%; transform: translateX(-50%);}
.keyword_banner {position: relative; overflow: hidden; z-index: 3; width: 1150px; margin: 50px auto 0;}
.keyword_banner .keyword_all {position: relative; margin-right: 20px; float: left; top: 0; left: 0; width: 450px; height: 272px;}
.keyword_banner h3.keyword {text-align: center;}
.keyword_banner h3.keyword span {padding-bottom: 5px; color: #000; border-bottom: 1px solid #000;}
.keyword_banner .keyword_box {position: absolute; top: 30px; width: 450px; height: 240px;}
.keyword_banner .kwyword_text {position: absolute; top: 30px; width: 100%; height: 24px; text-align: center;}
.keyword_banner .kwyword_text span {font-size:1em; color: #52a4e1; text-shadow:#000 1px 1px 1px;}
.keyword_banner .calendar_box {float: left; margin-right: 20px; width: 290px; height: 272px; text-align: center; border: 1px solid #bababa;}
.keyword_banner .calendar_box .title {position: relative; height: 40px; background: #fbfbfb; border-bottom: 1px solid #e8e8e8;}
.keyword_banner .calendar_box .title h3 {color: #333; font-size: 15px; line-height: 40px;}
.keyword_banner .calendar_box .title button {position: absolute; right: 10px; top: 8px; width: 23px; height: 23px; border: 1px solid #c2c2c2; background: url('/images/icon_more2.png') center center no-repeat #fff;}
.keyword_banner .calendar_box h4 {padding: 10px 0 5px; color: #555; font-size: 18px; text-align: center;}
.keyword_banner .calendar_box .calendar_list {display: inline-block; overflow: hidden; width: 252px;}
.keyword_banner .calendar_box .calendar_list li {float: left; margin: 1px 6px; width: 24px; height: 24px; color: #333; font-size: 13px; text-align: center; line-height: 24px;}
.keyword_banner .calendar_box .calendar_list li span {display: inline-block; width: 24px; height: 24px; font-size: 11px; text-align: center; line-height: 24px;}
.keyword_banner .calendar_box .calendar_list li.hd {color: #333; font-size: 13px;}
.keyword_banner .calendar_box .calendar_list li:nth-child(7n-6) {width: 24px; color: #f2412c;}
.keyword_banner .calendar_box .calendar_list li:nth-child(7n) {width: 24px; color: #2a64e9;}
.keyword_banner .calendar_box .calendar_list li.today span {color: #01b47f;}
.keyword_banner .calendar_box .calendar_list li.schedule span {color: #fff; background: #14aec1; border-radius: 24px;}
.keyword_banner .banner_box {overflow: hidden; position: relative; float: left; width: 370px; height: 272px;}
.keyword_banner .banner_box .slick-pause {position: absolute; left: 20px; top: 10px; z-index: 5; width: 19px; height: 19px; background-position: 0 0; background-repeat: no-repeat; background-image: url('/images/banner_pause.png'); font-size: 0; text-indent: -9999px;}
.keyword_banner .banner_box.pause .slick-pause {background-image: url('/images/banner_play.png');}
.keyword_banner .banner_box .slick-dots {overflow: hidden; position: absolute; top: 6px; left: 50px;}
.keyword_banner .banner_box .slick-dots li {float: left; margin-right: 6px;}
.keyword_banner .banner_box .slick-dots li button {width: 10px; height: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.6); font-size: 0; text-indent: -9999px;}
.keyword_banner .banner_box .slick-dots li.slick-active button {width: 22px; background: rgba(255, 255, 255, 1);}
.keyword_banner .banner_box > ul li a {display: block;}
.keyword_banner .banner_box ul li img {width: 370px; height: 272px;}
.maincontents * {/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/}
.maincontents .section1 {margin:50px auto 0; width: 1170px;}
.maincontents .section1 .title_box {display: block; margin-bottom: 50px; text-align: center;}
.maincontents .section1 .title_box h3 {color: #363636; font-size: 30px; line-height: 30px; margin-bottom: 15px;}
.maincontents .section1 .title_box p {display: inline-block; padding-top: 5px; font-size: 14px; font-weight: 600; border-top: 1px solid #ddd;}
.maincontents .section1 .list {overflow: hidden;}
.maincontents .section1 .list > li {position: relative; overflow: hidden; float: left; margin: 10px; width: calc(33.33% - 20px);}
.maincontents .section1 .list > li a {z-index: 5; position: relative; display: block; width:100%; height:240px; color: #fff;}
.maincontents .section1 .list > li:nth-child(2n-1) a {background:rgba(30, 42, 88, 0.4);}
.maincontents .section1 .list > li:nth-child(2n) a {background:rgba(53, 60, 61, 0.4);}
.maincontents .section1 .list > li a h3 {padding: 30px 0 10px 30px; font-size:24px; background: url('/images/line_title.png'); background-position: 30px bottom; background-repeat: no-repeat !important; background-size: 40px 1px;}
.maincontents .section1 .list > li a .text_box {display: table; width: 100%; opacity: 1;}
.maincontents .section1 .list > li a .text_box .d_cell {width:100%; height:165px; font-size:18px; text-align:center; word-break:keep-all;}
.maincontents .section1 .list > li a .more {display: none; opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; padding: 0; width: 46px; height: 45px;}
.maincontents .section1 .list > li img {z-index: 3; position: absolute; left: 0; top: 0;}
.maincontents .section1 .list > li:nth-child(2n-1) a:hover {background:rgba(52, 59, 86, 0.8);}
.maincontents .section1 .list > li:nth-child(2n) a:hover {background:rgba(52, 59, 86, 0.8);}
.maincontents .section1 .list > li a:hover h3 {padding:145px 0 0 0; font-size:28px; text-align: center; background-size: auto; background-repeat: no-repeat;}
.maincontents .section1 .list > li a:hover.bg1 h3 {background: url('/images/main1_contents_icon01.png'); background-position: center 64px; background-size:9%;}
.maincontents .section1 .list > li a:hover.bg2 h3 {background: url('/images/main1_contents_icon02.png'); background-position: center 65px; background-size:15%;}
.maincontents .section1 .list > li a:hover.bg3 h3 {background: url('/images/main1_contents_icon03.png'); background-position: center 54px; background-size:15%;}
.maincontents .section1 .list > li a:hover.bg4 h3 {background: url('/images/main1_contents_icon06.png'); background-position: center 67px; background-size:15%;}
.maincontents .section1 .list > li a:hover.bg5 h3 {background: url('/images/main1_contents_icon04.png'); background-position: center 75px; background-size:15%;}
.maincontents .section1 .list > li a:hover.bg6 h3 {background: url('/images/main1_contents_icon05.png'); background-position: center 75px; background-size:15%;}
.maincontents .section1 .list > li a:hover .more {opacity: 1; display: block;}
.maincontents .section1 .list > li a:hover .text_box {opacity: 0;}
.maincontents .section2 {width: 1150px; margin: 0 auto;}
.maincontents .section2 .notice {overflow: hidden;}
.maincontents .section2 .notice > li {position: relative; float: left; width: calc(50% - 20px);}
.maincontents .section2 .notice li.left {margin-right: 20px;}
.maincontents .section2 .notice li.right {margin-left: 20px;}
.maincontents .section2 .notice li > h3 {margin-bottom: 20px; color: #333; font-size: 20px; line-height: 30px;}
.maincontents .section2 .notice li .more {margin-left: 10px; width: 23px; height: 23px; border: 1px solid #c2c2c2; background: url('/images/icon_more4.png') center center no-repeat;}
.maincontents .section2 .notice li .more2 {position: absolute; right: 40px; top: 0; width: 29px; height: 29px; border: 1px solid #c2c2c2; background: url('/images/icon_more4.png') center center no-repeat;}
.maincontents .section2 .notice li .date {display: inline-block; margin-left: 15px; color: #777; font-size: 14px; font-weight: 400;}
.maincontents .section2 .notice li .list > li {margin-bottom: 12px;}
.maincontents .section2 .notice li .list > li a {position: relative; display: block; line-height: 21px;}
.maincontents .section2 .notice li .list > li a .title {overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section2 .notice li .list > li a .title2 {padding-right: 85px; overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section2 .notice li .list > li a ul {}
.maincontents .section2 .notice li .list > li a ul li {display: inline-block; color: #777; font-size: 13px; font-weight: 600;}
.maincontents .section2 .notice li .list > li a ul li .num {margin: 0 3px; color: #2a88d0;}
.maincontents .section2 .notice li .list > li a p {color: #777; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section2 .notice li .list > li a .date {position: absolute; right: 0; top: 0; color: #777; font-size: 14px;}
.maincontents .section2 .notice li .btn_box {position: absolute; right: 0; top: 6px;}
.maincontents .section2 .notice li .btn_box li {float: left; color: #777;}
.maincontents .section2 .notice li .btn_box li button {font-family: 'ns'; font-size: 15px;}
.maincontents .section2 .notice li .btn_box li button.active {color: #333; font-weight: 600;}
.maincontents .section2 .notice li .btn_box li.line {margin: 0 5px;}
.maincontents .section2 .notice li .issue_list {overflow: hidden;}
.maincontents .section2 .notice li .issue_list > li {margin-bottom: 5px;}
.maincontents .section2 .notice li .issue_list > li:last-child {margin-bottom: 0;}
.maincontents .section2 .notice li .issue_list > li dl {overflow: hidden;}
.maincontents .section2 .notice li .issue_list > li dl dt {float: left; width: 95px; height: 70px; color: #fff; font-size: 15px; font-weight: 600; text-align: center; line-height: 70px;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg1 {background: #48a4ea;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg2 {background: #33b1e5;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg3 {background: #21bfdb;}
.maincontents .section2 .notice li .issue_list > li dl dd {float: left; padding-left: 15px; width: calc(100% - 95px);}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li {margin-bottom: 5px;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li:last-child {margin-bottom: 0;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a {display: block; overflow: hidden; line-height: 20px;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .num {float: left; width: 22px; height: 20px; color: #fff; font-size: 13px; font-weight: 600; text-align: center; background: #aab7c2;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a h4 {overflow: hidden; float: left; padding-left: 10px; width: calc(100% - 120px); color: #555; font-size: 14px; line-height: 19px; white-space: nowrap; text-overflow: ellipsis;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .date {float: right; color: #777; font-size: 13px; font-weight: 600;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .date span {color: #2a88d0;}

.maincontents .main1.section2 {margin-top:50px; padding: 50px 0; width: 100%; background: #fafafa}
.maincontents .main1.section2 .notice {width: 1150px; margin: 0 auto;}
.maincontents .main1.section2 .notice li > h3 {font-size: 26px;}
.maincontents .main1.section2 .notice li .more {position: relative; top: -3px; margin-left: 8px; width: 29px; height: 29px;}
.maincontents .main1.section2 .notice li .date {margin-left: 10px;}
/*참여하기*/
.main2.section1 .title_box {padding-left: 10px; margin-bottom: 10px; color: #333;}
.main2.section1 .title_box h3 {margin-bottom: 5px; font-size: 26px;}
.main2.section1 .participation_list {overflow: hidden; width: 1170px;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.main2.section1 .participation_list li {position: relative; overflow: hidden; float: left; width: 565px; height:280px; margin: 10px;}
.main2.section1 .participation_list li .link_box{width:80%; margin:15px auto 0; overflow:hidden;}
.main2.section1 .participation_list li .site_link{position: relative; display: block; z-index: 20; padding-top:34px; width: 100%; height: 460px; text-align: center; color: #fff; background: rgba(2, 119, 208, 0);}
.main2.section1 .participation_list li .site_link h3 {padding-bottom:14px; font-size:25px; background: url('/images/line_title.png') center bottom no-repeat; background-size: 55px 3px;}
.main2.section1 .participation_list li .site_link p {margin-top:25px; font-size:18px; line-height: 24px;}
.main2.section1 .participation_list li .site_link p.type2 {margin-top:15px;}
.main2.section1 .participation_list li .site_link .botton_type {font-size:15px; text-align:left; padding:5px 15px;border:1px solid #fff; background:url(/images/icon_link2.png) right 20px center no-repeat rgba(74, 87, 97, 0.7); width:calc(50% - 6px); float: left; margin: 3px; color: #fff;}
.main2.section1 .participation_list li .box3 .botton_type {font-size:13px; /*width:calc(33.3% - 6px);*/}
.main2.section1 .participation_list li .site_link a:hover{background:url(/images/icon_link2.png) right 20px center no-repeat rgba(31, 40, 50, 0.7);}
.main2.section1 .participation_list li img {position: absolute; z-index: 10; left: 0; top: 0; width:100%; height:100%;}
/*열린소통포럼*/
.main3_img {background: url('/images/main2_bg.png') 0 0;}
.main3_img .main_slide {position: relative; width: 1150px; margin: 0 auto;}
.main3_img .main_slide li {display: block !important; text-align: center;}
.main3_img .main_slide li img {display: inline-block; width: auto; max-width: 1150px; height: 398px}
.main3_img .main_slide .slick-arrow {position: absolute; z-index: 50; top: 50%; transform: translateY(-50%); width: 63px; height: 63px; font-size: 0; text-indent: -999px; background-color: rgba(0, 0, 0, 0.5); background-position: center center; background-repeat: no-repeat; border-radius: 63px; opacity: 0.7;}
.main3_img .main_slide .slick-arrow:hover {opacity: 1;}
.main3_img .main_slide .slick-prev {left: -70px; background-image: url('/images/arrow_pre7.png');}
.main3_img .main_slide .slick-next {right: -70px; background-image: url('/images/arrow_next7.png');}
.main3.section1 {padding: 50px 0; margin: 0 0 40px; width: 100%; background: #fafafa;}
.main3.section1 > ul {overflow: hidden; margin: 0 auto; width: 1150px;}
.main3.section1 > ul > li {position: relative; float: left;}
.main3.section1 > ul > li.img {overflow: hidden; width: 250px; height: 180px;}
.main3.section1 > ul > li.img img {min-width: 250px; min-height: 180px; width: auto; height: auto;}
.main3.section1 > ul > li.text {padding: 0 140px 0 30px; width: calc(100% - 250px);}
.main3.section1 > ul > li h3 {overflow: hidden; padding: 8px 0; color: #0086b8; font-size: 20px; border-bottom: 2px solid #1ca1d2; text-overflow: ellipsis; white-space: nowrap;}
.main3.section1 > ul > li p {display: block; overflow: hidden; padding: 10px 0; color: #555; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 85px;}
.main3.section1 > ul > li .date li dl {color: #333; line-height: 24px;}
.main3.section1 > ul > li .date li dl dt {float: left; width: 60px; padding-left: 20px; font-weight: 600; background: url('/images/icon_dot4.png') 4px center no-repeat;}
.main3.section1 > ul > li .date li dl dd {padding-left: 5px; float: left; width: calc(100% - 60px);}
.main3.section1 > ul > li button {position: absolute; right: 0; top: 35px; width: 110px; height: 110px; color: #fff; font-size: 22px; font-family: 'ns' !important; font-weight: 600; border-radius: 110px; line-height: 110px;}
.main3.section1 > ul > li button.ing {background: #1ca1d2;}
.main3.section1 > ul > li button.end {background: #838383;}
.main3.section2 .notice > li {position: relative; float: left; width: calc(50% - 140px);}
.main3.section2 .notice li.left {padding-right: 40px; margin: 0;}
.main3.section2 .notice li.right {padding-left: 0; margin: 0; width: 280px;}
.main3.section2 .notice li h3 {padding-top: 15px; background: url('/images/line_title2.png') 0 0 no-repeat; background-size: 25px 3px;}
.main3.section2 .notice li .list > li a p {padding: 2px 0 3px;}
.main3.section2 .notice li .space_room {padding-top: 50px; width: 280px; height: 280px; color: #fff; text-align: center; background: url('/images/main3_contents_img02.jpg') 0 0 no-repeat;}
.main3.section2 .notice li .space_room h3 {color: #fff; padding-bottom: 20px; font-size: 30px; background: url('/images/line_title.png') center bottom no-repeat; background-size: 55px 3px;}
.main3.section2 .notice li .space_room p {margin: 20px 0 25px;}
.main3.section2 .notice li .space_room button {width: 194px; height: 46px; color: #fff; font-size: 18px; text-align: center; padding-right: 25px; background: url('/images/icon_more5.png') right 15px center no-repeat; border: 2px solid #fff;}

/*활동공유*/
.main4.section1 {padding:50px 0; margin:0 auto; width:1170px; overflow: hidden;}
.main4.section1 .title {position: relative; margin: 0 auto; text-align: center;}
.main4.section1 .title h3 {position: relative; z-index: 15; display: inline-block; padding: 30px; color: #2a88d0; font-size: 26px; background: url('/images/icon_example.png') center 0 no-repeat #fff;}
.main4.section1 .title span {position: absolute; z-index: 9; width: 3px; height: 3px; top: 42px; background: url('/images/line_title2.png') 0 0;}
.main4.section1 .title .left {left: 0;}
.main4.section1 .title .right {right: 0;}
.main4.section1 .title .line {left: 0; top: 43px; width: 100%; height: 1px;}
.main4.section1 .example_list {overflow: hidden; margin: 0 auto; width:850px;}
.main4.section1 .example_list li {float: left; width:33%; text-align: center; overflow: hidden;}
.main4.section1 .example_list li .img_box {display: inline-block; overflow: hidden; border: 1px solid #787878; width: 265px; height: 150px;}
.main4.section1 .example_list li .img_box img {width: auto; min-width:100%; height: auto; max-height:100%}
.main4.section1 .example_list li a {display: inline-block; width: 265px; text-align: left; font-weight: 600;}
.main4.section1 .example_list li a p {color: #0096a8; font-size: 14px;}
.main4.section1 .example_list li a h3 {overflow: hidden; font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap;}
.main4.section1 .left{float:left;}
.main4.section1 .right{float:right; width:850px;}

.main4 .calendar_box {width: 290px; height: 320px; text-align: center; border: 1px solid #bababa;}
.main4 .calendar_box .tit {position: relative; height: 40px; background: #fbfbfb; border-bottom: 1px solid #e8e8e8;}
.main4 .calendar_box .tit h3 {color: #333; line-height: 40px;}
.main4 .calendar_box .tit button {position: absolute; right: 10px; top: 8px; width: 23px; height: 23px; border: 1px solid #c2c2c2; background: url('/images/icon_more2.png') center center no-repeat #fff;}
.main4 .calendar_box h4 {padding: 10px 0; color: #555; font-size: 18px; text-align: center;}
.main4 .calendar_box .calendar_list {display: inline-block; width: 252px; overflow: hidden;}
.main4 .calendar_box .calendar_list li {float: left; margin: 1px 0; width: 14.2%; height: 30px; color: #333; font-size: 13px; text-align: center; line-height: 30px;}
.main4 .calendar_box .calendar_list li span {display: inline-block; width: 30px; height: 30px; color: #333; font-size: 13px; text-align: center; line-height: 30px;}
.main4 .calendar_box .calendar_list li.hd {font-size: 14px;}
.main4 .calendar_box .calendar_list li:nth-child(7n-6) {width: 14.5%; color: #f2412c;}
.main4 .calendar_box .calendar_list li:nth-child(7n) {width: 14.5%; color: #2a64e9;}
.main4 .calendar_box .calendar_list li.today span {color:#fff;text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 1px 1px 0 red;}
.main4 .calendar_box .calendar_list li.schedule span {color: #fff; background: #14aec1; border-radius: 30px;}

.main4.section2 .notice{margin:0px auto 40px;}
.main4.section2 .notice > li {position: relative; float: left; width:50%;}
.main4.section2 .notice li.left {padding-right: 40px; margin: 0;}
.main4.section2 .notice li.right {padding-left: 0; margin: 0; width: 290px;}
.main4.section2 .notice li > h3 {padding-bottom: 15px; border-bottom: 1px solid #bababa;}

.bottomarea {margin-top: 50px; background:#fafafa;}
.bottomarea .bottom_pri {height:50px;  background:#74869c; color:#fff;}
.bottomarea .bottom_pri ul {width: 1150px; margin: 0 auto;}
.bottomarea .bottom_pri ul li {display: inline-block;}
.bottomarea .bottom_pri ul li a {color:#fff; font-size: 15px; line-height: 50px;}
.bottomarea .bottom_pri ul li a.privacy {color: #eae1a5;}
.bottomarea .bottom_pri ul li .line {padding:0 5px; color:#fff;}
.bottomarea address {position: relative; width: 1150px; margin: 0 auto; padding: 40px 0;}
.bottomarea address p {color:#2c2c2c;font-size: 14px; line-height: 24px; }
.bottomarea address button {position: absolute; right: 0; top: 40px; padding: 10px 35px 10px 20px; color: #fefefe; font-size: 14px; border: 1px solid #fff; opacity: 0.5; background: url('/images/arrow_next6.png') right 20px center no-repeat; background-size: 6px;}

.mobileoff {display: block !important;}
.mobileon {display: none !important;}
.mobileoff_in {display: inline-block !important;}
.mobileon_in {display: none !important;}
.web_only {display: block !important;}
.mobile_only {display: none !important;}

/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 11050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal .popup {position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -280px; width: 700px; height: 575px;}
.modal .popup .con {padding: 15px;}
.modal .popup .con h4.h4 {padding: 0 0 0 12px; margin-bottom: 12px; color: #222222; font-size: 16px; font-weight: 600; background: url('/images/icon_h4.png') 0 5px no-repeat;}
.modal .popup .con .table_box {padding: 10px; border: 1px solid #e1e1e1;}
.modal .popup .con .table_box > div {color: #333; margin-top: 20px; line-height: 20px; }
.modal .popup .con .table_box > div span {display: block; font-weight: 600; margin-bottom: 10px;}
.pop_detail {position: absolute; left: 50%; transform: translateX(-50%); top: 150px; padding-bottom: 20px; width: 670px; background: #fff;}
.pop_detail > .title {height: 80px; background: url('/images/bg_title.png') right top no-repeat #3984cc;}
.pop_detail > .title > h3 {padding-left: 30px; color: #fff; font-size: 22px; line-height: 80px;}
.pop_detail .contents {padding: 20px; max-height: 450px; overflow-y: auto;}
.pop_detail .contents .boardlist table thead th {padding:10px 5px;}
.pop_detail .contents .boardlist table tbody td {padding:10px; min-height: auto; text-align:center; color:#333; word-break: break-all; border-right: 1px solid #e4e4e4;}
.pop_detail .contents .boardlist > ul > li {padding: 10px 5px;}
.pop_detail .contents .boardlist > ul > li .title h3 {max-width: 100%; line-height: 18px; text-overflow: inherit; white-space: inherit;}

#popup_wrap{ width:100%; height:100%; display:none; position:fixed; z-index:1200; top:0; bottom:0; right:0; left:0; background: rgba(0,0,0,.8);}
#popup_wrap.on{	display:block}
.popup {/*display: none; */position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -250px; width: 670px; max-height: 800px; overflow: hidden; background: #fff;}
.popup.on {display:block;}
.popup_inner{position:relative; top:0px; max-height:100%; overflow-y: scroll; border: 3px solid #1471c0;}
.popup_inner .title {position: relative; padding-left: 30px; height: 80px; line-height:20px; color: #fff;background: #1471c0;}
.popup_inner .title h3 {color: #fff; text-align: left; font-size: 22px; line-height: 80px;}
.popup_inner .title button {position: absolute; right: 20px; top: 30px; width: 20px; height: 20px; background: url('/images/icon_category_c.png') 0 0 no-repeat; background-size: 100%;}
.popup .con {padding: 20px;}
.popup .con .check_box {margin: 20px 0;}
.popup .con .check_box input[type=checkbox] {display: none;}
.popup .con .check_box input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding-left: 30px; font-weight: 600;}
.popup .con .check_box input[type=checkbox] + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 3px; color: #fff; font-size: 14px; width: 18px; height: 18px; margin-right: 10px; background-color: #fff; border:1px solid #a1a1a1; line-height: 18px; text-align: center; border-radius: 5px;}
/* .popup .con .check_box input[type=checkbox]:checked + label:before {content: "\2713"; color: #666; font-weight: 600;}  */
.popup .con .boardwrite {width: 100%;}
.popup .con .boardwrite > ul {overflow: hidden; padding: 10px 0; border-top: 2px solid #065396; border-bottom: 1px solid #065396;}
.popup .con .boardwrite > ul > li {padding: 20px 0;}
.popup .con .boardwrite > ul > li > dl.type1 > dt {width: 100px;}
.popup .con .boardwrite > ul > li > dl.type1 > dd {width: calc(100% - 100px);}
.popup .con .tablebasic .approval {display: inline-block; min-width: 60px; max-width: 100%; height: 25px; line-height: 25px;}

.pop_content .popup {/*display: none; */position: absolute; left: 50%; transform: translateX(-50%); top: 30%; margin-top: -250px; width: 670px; height: 800px; overflow: hidden; background: #fff;}
.pop_content .popup .popup_inner {position:relative; top:0px; max-height:100%; border: 3px solid #1471c0;}

.main_pop {position: absolute; z-index: 500; background: url('/images/bg_popup.jpg') 0 0 no-repeat; left: 50%; transform: translateX(-50%); max-width: 90%;}
.main_pop h3 {display: block; padding: 30px 15px 15px; color: #fff; font-size: 24px; line-height: 34px; word-break: keep-all; text-align: center;}

.main_pop .pop_contents {display: block; margin:15px 15px 65px; width: calc(100% - 30px); height: calc(100% - 65px); background: #fff;}
.main_pop .pop_contents .text {padding: 10px; overflow-wrap: break-word;}
.main_pop .pop_contents .file {padding: 10px; border-top: 1px solid #a9b9c8;}
.main_pop .pop_contents .file li {}
.main_pop .pop_contents .file li a {display: block; overflow: hidden; padding: 0 0 0 20px; font-size: 13px; background: url('/images/icon_download2.png') 0 center no-repeat; background-size: 12px; text-overflow: ellipsis; white-space: nowrap;}
.main_pop .bottom {position: absolute; bottom: 0; overflow: hidden; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.8); left:0; min-width: 315px;}
.main_pop .bottom .pop_check {float: left;}
.main_pop .bottom .pop_check input[type=checkbox] {display: none;}
.main_pop .bottom .pop_check input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; font-size: 13px; padding-left: 25px; line-height: 16px; margin: 17px 0 0 15px; color: #fff;}
.main_pop .bottom .pop_check input[type=checkbox] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #fff;}
.main_pop .bottom .pop_check input[type=checkbox]:checked + label:before {background: url('/images/icon_check.png') center center no-repeat #fff;}
.main_pop .bottom button {float: right; margin: 10px 15px 0 0; width: 70px; height: 30px; color: #fff; font-size: 13px; background: #000; border: 1px solid #464646;}

.main_limit{background:#f4e8e8; text-align: center; top:150px; width:550px; padding-top:20px;}
.main_limit h3{color:#dc4d36; padding:10px;}
.main_limit .tit_text{color:#1c1c1c; line-height:1.3; font-size: 13px;word-break: keep-all; text-align: center; padding: 0 10px; font-size:13px;}
.main_limit .text {font-size:13px;}
.main_limit .text dl{text-align: left;}
.main_limit .text dt{font-weight:bold;}
.main_pop .text dd{line-height:1.3;}

/* 앱서비스중단팝업 */
.stopPoup_wrap {width: 90%; height: 310px; background: url(/images/popup_box_bg.png); background-size: cover; min-width: 315px;}
.stopPoup_wrap h3 {color: #fff; text-align: center; font-size: 30px; padding-top: 30px; letter-spacing: -1.1px; font-weight:600;}
.in_box {width: 90%; max-width: 350px; margin: 12% 13%; text-align: center;}
p.y_font {font-size: 18px; color: #f2ff00; line-height: 1.3; font-weight: 600;}
p.w_font {font-size: 15px; color: #ffffff; line-height: 1.3; font-weight: 400; margin-top: 7px;}

/*앱 이벤트 디자인_끝나고 지워도됌*/
.app_event p{text-align:center; line-height:1.5; word-break:keep-all;padding-bottom:10px;}
.app_event .tit{text-align: center; display:block; color:#1256b5; font-size:16px; padding-bottom:5px;}
.app_event li{margin-left: 10px;}

.app_down{overflow: hidden; border: 1px solid #ddd;padding:10px;background: #f6f6f6;}
.app_down strong{color:#234aba;}
.app_down a img{width:35px; padding-right:10px;}
.app_down a {font-weight: bold;width:50%; display: block; float: left;}

/*에러페이지*/
.error {overflow: hidden; width: 100%; height: auto; margin-top: -125px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box {width: 640px; margin: 0 auto; padding: 50px;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

/* added ncloud start */
	.maincontents-ncloud .container {width:1150px; margin:0 auto;  overflow: hidden; min-height:600px;}
	.maincontents-ncloud .row { margin-right: -15px; margin-left: -15px; }
	.maincontents-ncloud .row:before,
	.maincontents-ncloud .row:after { display: table; content: " "; }
	.maincontents-ncloud .row:after { clear:both; }
	.maincontents-ncloud .col { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; }

	.maincontents-ncloud .row-small { margin-left:-8px; margin-right:-8px; }
	.maincontents-ncloud .row-small .col { padding-left:8px; padding-right:8px; }

	/* 캘린더 */
	.calendar_box { position:relative; height: 318px; text-align: center; border: 1px solid #bababa;}
	.calendar_box a.full-link { position:absolute; left:0; top:0; width:100%; height:100%; }
	.calendar_box .title {position: relative; height: 40px; background: #fbfbfb; border-bottom: 1px solid #e8e8e8;}
	.calendar_box .title h3 {color: #363636; font-size: 22px; line-height: 42px;}
	.calendar_box .title button {position: absolute; right: 10px; top: 8px; width: 23px; height: 23px; border: 1px solid #c2c2c2; background: url('/images/icon_more2.png') center center no-repeat #fff;}
	.calendar_box h4 {padding: 20px 0 14px; color: #555; font-size: 18px; text-align: center;}
	.calendar_box .calendar_list {display: inline-block; /*overflow: hidden;*/ width: 295px;}
	.calendar_box .calendar_list li {float: left; margin: 1px 6px; width: 30px; height: 30px; color: #333; font-size: 16px; text-align: center; line-height: 30px;}
	.calendar_box .calendar_list li span {display: inline-block; width: 30px; height: 30px; font-size: 15px; text-align: center; line-height: 30px; border-radius: 30px; }
	.calendar_box .calendar_list li span:hover { background:#eee; }
	.calendar_box .calendar_list li.hd {color: #333; font-size: 16px;}
	.calendar_box .calendar_list li:nth-child(7n-6) {width: 30px; color: #f2412c;}
	.calendar_box .calendar_list li:nth-child(7n) {width: 30px; color: #2a64e9;}
	.calendar_box .calendar_list li.today span {color:#fff;text-shadow: -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red, 1px 1px 0 red;}
	.calendar_box .calendar_list li.schedule span {color: #fff; background: #14aec1; }

/* 홈페이지 */
	.main-index-wrap {}
	/* 상단 배너영역 */
	.main-index-wrap .index_box { height: 85px; padding: 20px 0; background:#efefef; }
	.main-index-wrap .index_box .search_box { height: 46px; margin: 0; float: right; }

	/* 항목 모음 */
	.main-index-wrap .list-wrap { padding-top:56px; }
	.main-index-wrap .list-wrap .list-item { border-top:3px solid #2d8ed1; padding-top:20px; min-height:320px; }
	.main-index-wrap .list-wrap .row:last-child .list-item { min-height:352px; }
	.main-index-wrap .list-wrap .list-item > h3 { font-size:23px; font-weight:bold; margin:0; padding:0; margin-bottom:18px; color:#363636; }

	/* 리스트 */
	.main-index-wrap .list-wrap {overflow: hidden;}
	.main-index-wrap .list-wrap .list-item > h3 { position:relative; }
	.main-index-wrap .list-wrap .list-item > h3 a.btn { position:absolute; right:0; top:0; display:inline-block; font-size:15px; font-weight:bold; color:#2d8ed1; border:1px solid #2d8ed1; height:28px; line-height:28px; width:80px; min-width:0; padding:0; text-align:center; }
	.main-index-wrap .list-wrap .list-item > h3 a.btn:hover { background:#2d8ed1; color:#fff; }

	.main-index-wrap .list-wrap .list { margin-top:30px; height:247px; }
	.main-index-wrap .list-wrap .list > li {margin-bottom: 12px;}
	.main-index-wrap .list-wrap .list > li a {position: relative; display: block; line-height: 21px;}
	.main-index-wrap .list-wrap .list > li a .title {overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
	.main-index-wrap .list-wrap .list > li a .title2 { font-size:15px; padding-right: 85px; overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
	.main-index-wrap .list-wrap .list > li a .title:hover,
	.main-index-wrap .list-wrap .list > li a .title2:hover { color:#000; text-decoration:underline; }
	.main-index-wrap .list-wrap .list > li a ul { margin-bottom:14px; }
	.main-index-wrap .list-wrap .list > li a ul li {display: inline-block; color: #777; font-size: 13px; font-weight: 600;}
	.main-index-wrap .list-wrap .list > li a ul li .num {margin: 0 3px; color: #2a88d0;}
	.main-index-wrap .list-wrap .list > li a p {color: #777; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.main-index-wrap .list-wrap .list > li a .date {position: absolute; right: 0; top: 0; color: #777; font-size: 13px;}

	.main-index-wrap .list-wrap .btn_box {position: absolute; right: 0; top: 6px;}
	.main-index-wrap .list-wrap .btn_box li {float: left; color: #777;}
	.main-index-wrap .list-wrap .btn_box li button {font-family: 'ns'; font-size: 15px;}
	.main-index-wrap .list-wrap .btn_box li button.active {color: #333; font-weight: 600;}
	.main-index-wrap .list-wrap .btn_box li.line {margin: 0 5px;}

	.main-index-wrap .list-wrap .issue_list {overflow: hidden; margin-top:25px; height:247px;}
	.main-index-wrap .list-wrap .issue_list > li {margin-bottom: 5px;}
	.main-index-wrap .list-wrap .issue_list > li:last-child {margin-bottom: 0;}
	.main-index-wrap .list-wrap .issue_list > li dl {overflow: hidden;}
	.main-index-wrap .list-wrap .issue_list > li dl dt {float: left; width: 95px; height: 70px; color: #fff; font-size: 15px; font-weight: 600; text-align: center; line-height: 70px;}
	.main-index-wrap .list-wrap .issue_list > li dl dt.bg1 {background: #48a4ea;}
	.main-index-wrap .list-wrap .issue_list > li dl dt.bg2 {background: #33b1e5;}
	.main-index-wrap .list-wrap .issue_list > li dl dt.bg3 {background: #21bfdb;}
	.main-index-wrap .list-wrap .issue_list > li dl dd {float: left; padding-left: 15px; width: calc(100% - 95px);}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li { position:relative; margin-bottom: 5px;}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li:last-child {margin-bottom: 0;}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a {display: block; overflow: hidden; line-height: 20px;}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a .num {float: left; width: 22px; height: 20px; color: #fff; font-size: 13px; font-weight: 600; text-align: center; background: #aab7c2;}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a h4 {overflow: hidden; float: left; padding-left: 8px; width: calc(100% - 80px); color: #555; font-size: 14px; line-height: 19px; white-space: nowrap; text-overflow: ellipsis;}
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a h4:hover { color:#000; text-decoration:underline; }
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a .date { position:absolute; right:0; color: #777; font-size: 13px; font-weight: 600; background:#fff;  line-height: 18px; padding-left: 5px; box-shadow: -5px 0px 4px rgba(255,255,255,0.5); }
	.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a .date span {color: #2a88d0;}


	/* 배너 */
	.main-index-wrap .banner_box {overflow: hidden; position: relative; width: 370px; height: 272px;}
	.main-index-wrap .banner_box .slick-pause {position: absolute; left: 20px; top: 10px; z-index: 5; width: 19px; height: 19px; background-position: 0 0; background-repeat: no-repeat; background-image: url('/images/banner_pause.png'); font-size: 0; text-indent: -9999px;}
	.main-index-wrap .banner_box.pause .slick-pause {background-image: url('/images/banner_play.png');}
	.main-index-wrap .banner_box .slick-dots {overflow: hidden; position: absolute; top: 6px; left: 50px;}
	.main-index-wrap .banner_box .slick-dots li {float: left; margin-right: 6px;}
	.main-index-wrap .banner_box .slick-dots li button {width: 10px; height: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.6); font-size: 0; text-indent: -9999px;}
	.main-index-wrap .banner_box .slick-dots li.slick-active button {width: 22px; background: rgba(255, 255, 255, 1);}
	.main-index-wrap .banner_box > ul li a {display: block;}
	.main-index-wrap .banner_box ul li img {width: 370px; height: 272px;}

	/* 열린소통포럼 */
	.main_img > img {width:auto;  height:123% !important;min-width:100%;}
	.forum-index-wrap { position:relative; border-top:3px solid #2d8ed1; padding:40px 15px 0; margin-top:50px; overflow:hidden;}
	.forum-index-wrap .forum-list-wrap { width:850px;}
	.forum-index-wrap .forum-list-wrap .title-year { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px }
	.forum-index-wrap .forum-list-wrap .title-year h3 { color:#000; font-size: 17px; font-weight: bold; background: url(/images/icon_h3.png) 0 6px no-repeat; padding-left: 24px; }

	.forum-index-wrap .forum-banner-wrap {float:left; width:38%;}
	.forum-index-wrap .forum-banner-wrap .banner-1 {position:relative; margin-bottom:20px; width:100%; height:128px; background:url(/images/banner_forum_for_apply2.png) no-repeat center #5794dd;}
	.forum-index-wrap .forum-banner-wrap .calendar-wrap { margin-bottom:20px; }
	.forum-index-wrap .forum-banner-wrap .banner-2 { position:relative; width:100%; height:128px; background:url(/images/banner_forum_past.png) no-repeat center #8781be; margin-bottom:20px;}
	.forum-index-wrap .forum-banner-wrap .banner-1 a,
	.forum-index-wrap .forum-banner-wrap .banner-2 a { position:absolute; left:0; top:0; width:100%; height:100%; }

	.forum-index-wrap .forum-banner-wrap .notice-wrap { margin-bottom:20px; }
	.forum-index-wrap .list-header { border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-bottom: 10px; background: url(/images/icon_h3.png) 0 6px no-repeat; padding-left: 24px;  }
	.forum-index-wrap .list-header > h3 { position:relative; font-size:17px; color:#000; }
	.forum-index-wrap .list-header > h3 a {color:#000; font-size:17px;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list-header > h3 a.btn { position:absolute; right:0; top:0; display:inline-block; font-size:15px; font-weight:bold; color:#2d8ed1; border:1px solid #2d8ed1; height:28px; line-height:28px; width:80px; min-width:0; padding:0; text-align:center; }
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list-header > h3 a.btn:hover { background:#2d8ed1; color:#fff; }

	.forum-index-wrap .forum-banner-wrap .notice-wrap .list { margin-top:14px; height:140px; }
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li {margin-bottom: 10px;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li:last-child { margin-bottom:0; }
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a {position: relative; display: block; line-height: 21px;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a .title {overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a .title2 { font-size:15px; padding-right: 85px; overflow: hidden; color: #555; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a .title:hover,
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a .title2:hover { color:#000; text-decoration:underline; }
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a ul { margin-bottom:14px; }
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a ul li {display: inline-block; color: #777; font-size: 13px; font-weight: 600;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a ul li .num {margin: 0 3px; color: #2a88d0;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a p {color: #777; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.forum-index-wrap .forum-banner-wrap .notice-wrap .list > li a .date {position: absolute; right: 0; top: 0; color: #777; font-size: 13px;}

	.calendar-wrap .calendar_box {height:265px; }
	.calendar-wrap .calendar_box h4 {padding:8px 0 4px; font-size:16px; }
	.calendar-wrap .calendar_box .title h3 {font-size:18px; }
	.calendar-wrap .calendar_box .calendar_list {width:252px; max-height:170px; }
	.calendar-wrap .calendar_box .calendar_list li {width:24px; height:24px; line-height:24px; }

	.calendar-wrap .calendar_box .calendar_list li.schedule-have-forum {border-bottom: solid 2px #da0009; line-height: initial;}
	
	.calendar-wrap .calendar_box .calendar_list li.schedule-have-sejong span {background:#c724a1;}
	.calendar-wrap .calendar_box .calendar_list li.schedule-have-sejong.schedule-have-seoul {position:relative; }
	.calendar-wrap .calendar_box .calendar_list li.schedule-have-sejong.schedule-have-seoul span {background:transparent; position:absolute; left:1px; top:2px; z-index:3; }
	.calendar-wrap .calendar_box .calendar_list li.schedule-have-sejong.schedule-have-seoul:after {background:#c724a1; position:absolute; right:1px; top:2px; z-index:2; content:''; border-radius:0; border-bottom-right-radius: 22px; border-top-right-radius: 22px; width:12px; height:22px; }
	.calendar-wrap .calendar_box .calendar_list li.schedule-have-sejong.schedule-have-seoul:before {background:#14aec1; position:absolute; left:1px; top:2px; z-index:1; content:''; border-radius:0; border-bottom-left-radius: 22px; border-top-left-radius: 22px; width:12px; height:22px; }

	.calendar-wrap .calendar_box .calendar_list li span { font-size:11px; width:22px; height:22px; line-height:22px; }
	.calendar-wrap .calendar_box .calendar_list li.hd { font-size:12px; }

	.forum-index-wrap .forum-list-wrap .forum-info-item { position:relative; height:295px; border:1px solid #cdcdcd; border-radius:10px; padding:12px; margin-bottom:32px; }
	.forum-index-wrap .forum-list-wrap .forum-info-item:hover { border-color:#999; }

	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover {position:relative; width:100%; height:200px; margin-bottom:18px; }
	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover img { width:100%; height:100%; object-fit:cover; }
	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover .label { position:absolute; right:10px; top:10px; font-weight:bold; font-size:14px; line-height:23px; width:54px; text-align:center; }
	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover .label.label-plan { background:#14aec1; color:#fff; }
	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover .label.label-ing { background:#ff9d12; color:#fff; }
	.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover .label.label-done { background:#d3d2d1; color:#424242; }
	.forum-index-wrap .forum-list-wrap .forum-info-item h3 { padding:0; margin:0; font-size:15px; font-weight:bold; color:#3f3f3f; line-height:23px; max-height:50px; overflow:hidden; }
	.forum-index-wrap .forum-list-wrap .forum-info-item a { position:absolute; left:0; top:0; width:100%; height:100%; }

	.toparea .topmenu > ul > li .two-line { line-height:30px; display:inline-block; padding-top:15px; }
	
	/* 열린소통포럼 2020_05_14*/
	.sub_forum_wrap{overflow:hidden;}
	.sub_forum_wrap li{border-radius:5px; border:1px solid #ddd;}
	.sub_forum_wrap li dl{padding:25px; background:#fff;}
	.sub_forum_wrap li dt{font-size:18px; font-weight:600; color:#222; word-wrap:break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; height:52px;}
	.sub_forum_wrap li:hover .thumb img{transform: scale(1.1); transition:.4s; }
	.sub_forum_wrap li:hover dt{color:#22c3cb;}
	.sub_forum_wrap .thumb {width:100%; height:160px; overflow:hidden;}
	.sub_forum_wrap .thumb img{width:100%; height:100%;}
	.sub_forum_wrapp .forum_l dl{padding:30px}
	.sub_forum_wrap .forum_l dt{font-size:28px; line-height:35px; height:68px; margin-bottom:15px;}
	.sub_forum_wrap .forum_l dd{ word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient: vertical; height:100px; overflow:hidden;}
	.sub_forum_wrap .forum_l .thumb {height:330px;}
	
	.forum-banner-wrap .popup_zone{margin:15px 0; height:270px; background: none;}
	.forum-banner-wrap .popup_zone img{height:100%;}
	.forum_box .select_forum {position: relative; width: 960px; min-width: 960px; margin: 0 auto;}
	
	.forum_conference{width:58%; float:right; }
	.forum_conference .select_forum{position:relative;  margin:15px 0; }
	.forum_conference .select_forum:hover,
	.forum_conference .select_forum:focus-within{background:#dddddd;}
	.forum_conference .select_forum select.year {z-index: 100; position: absolute; left: 0; top: 0; padding: 0 50px 0 20px; width: 125px; height: 55px; color: #666; font-size: 14px; border: 0; border-right: 1px solid #c1c1c1; background: url('/images/arrow_select4.png') right 20px center no-repeat;}
	.forum_conference .select_forum select.year option:checked, .forum_box .select_forum select.year option:hover {color: #444; background: #f3f3f3;}
	.forum_conference .select_forum .info {position: absolute; left: 140px; top: 13px; width: 70px; height: 30px; color: #fff; font-size: 15px; text-align: center; line-height: 30px; font-family: 'ns'; border-radius: 30px;}
	.forum_conference .select_forum .info.ing {background: #e30c0c;}
	.forum_conference .select_forum .info.end {background: #6e7787;}
	.forum_conference .select_forum .info.schedule {background: #ffa507;}
	.forum_conference .select_forum .dropdown {width: 100% !important; height: 55px; border: 1px solid #b2b1b1; box-shadow: 1px 1px 1px #ccc; }
	.forum_conference .select_forum .dropdown button {width:100%; height: 100%; font-size: 20px; font-weight: 600; text-align: left; background-image: url('/images/arrow_select_down.png'); background-position: right 20px center; background-repeat: no-repeat;}
	.forum_conference .select_forum .dropdown button span {display: block; overflow: hidden; width:590px; text-overflow: ellipsis; white-space: nowrap; }
	.forum_conference .select_forum .dropdown.open button {background-image: url('/images/arrow_select_up.png');}
	.forum_conference .select_forum .dropdown button .dropdown-label {padding: 0 60px 0 225px;}
	.forum_conference .select_forum .dropdown .dropdown-menu {top: 54px; background: #444c53; }
	.forum_conference .select_forum .dropdown .dropdown-menu li {border-bottom: 1px solid #33393e; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.12);}
	.forum_conference .select_forum .dropdown .dropdown-menu li a {display: block; padding: 10px 30px; color: #fff;}
	.forum_conference .select_forum .dropdown .dropdown-menu li a:focus, .forum_box .select_forum .dropdown .dropdown-menu li a:hover {background: #444c53;}
	.forum_conference .select_forum h3 {padding: 30px 0px; color: #065396; font-size: 23px;}
	.forum_conference .select_forum .date{position: absolute; right: 55px; font-size: 14px; top: 15px;}
	
	.forum_conference .link_wrap {border:1px solid #ddd; margin: 15px 0;}	
	.forum_conference .link_wrap li a{padding:10px 10px 10px 60px; display:block;}
	.forum_conference .link_wrap .up a{background: url(/assets/images/up_img.png) 10px no-repeat; border-bottom:1px solid #ddd;}
	.forum_conference .link_wrap .up a:hover{background: url(/assets/images/up_img.png) 10px no-repeat #f9f9f9;}
	.forum_conference .link_wrap .down a{background: url(/assets/images/down_img.png) 10px  no-repeat;}
	.forum_conference .link_wrap .down a:hover{background: url(/assets/images/down_img.png) 10px no-repeat #f9f9f9;}
	
	.forum-index-wrap .forum-banner-wrap .popup_zone img{height:270px;}
		
/* 도전과제 */
.chlng_main_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height:195px;
    margin: 0px auto;
    background: #f8f8f8;
}
.chlng_main_img > img {
    width: 100%;
    max-width: 1150px;
	z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);display: block;
}



/*--------------------------1150사이즈--------------------------*/
@media (max-width:1150px){
/* 도전과제 */
.chlng_main_img {overflow:initial; height:122px; margin-bottom:30px;}

.maincontents-ncloud .container{width:100% !important;}
.forum-index-wrap .forum-banner-wrap {position: inherit; width: 100%;}

.forum-index-wrap .forum-banner-wrap .notice-wrap {width:50%; float:left; padding:0 5px}
.forum-banner-wrap .popup_zone {width:50%; float:left;padding:0 5px; min-height:240px;}
.forum-banner-wrap .popup_zone img{height:100%;}
.forum-index-wrap .forum-banner-wrap .calendar-wrap {width:50%; float:left;padding:0 5px}
.forum-index-wrap .forum-banner-wrap .banner-1 {width:50%; float:left;padding:0 5px; height:auto; min-height:260px;}

.forum-index-wrap .forum-list-wrap {width: 100%;}

.sub_forum_wrap .forum_l dt{font-size:22px;}
.forum_conference .select_forum .date {top:0px; right:30px;}
.forum_conference {width: 100%;}
.forum_conference .select_forum {padding:10px; margin-top:60px; border:1px solid #c3c3c3; height:48px;}
.forum_conference .select_forum select.year {left: 50%; top: -45px; transform: translateX(-50%); height: 35px; border: 1px solid #c1c1c1;}
.forum_conference .select_forum .info {left:10px; top:15px; width: 50px; height: 20px; font-size: 12px; line-height: 20px;}
.forum_conference .select_forum .dropdown {height:30px; border:0;  box-shadow:none;}
.forum_conference .select_forum .dropdown button {width: 100%; padding-bottom:0px; font-size:16px;background-position: right 0px top 1px; background-size:20px;}
.forum_conference .select_forum .dropdown button .dropdown-label {padding: 0 20px 0 60px; width:70%;}
.forum_conference .select_forum .dropdown .dropdown-menu {top: 30px; min-width: 100%; margin-left: 0;}
.forum_conference .select_forum .dropdown .dropdown-menu li a {padding: 10px;}
.forum_conference .select_forum h3 {padding: 10px 10px 0; color: #065396; font-size: 16px; }
.forum_conference .btn_box2 { position: relative; top: auto; margin-top:10px; }
.forum_conference .btn_box2 button { font-size:16px; width:100%; height:35px; }
.forum_conference .movie_box .youtubeWrap {height: 250px;}
.forum_conference .movie_box > div > img {max-height: 250px;}

.forum_conference  .select_forum select.year {
    /* left: 5%; */
    width: 100%;
    top: -45px;
    transform: translateX(-50%);
    height: 35px; border: 1px solid #c1c1c1;}

/*국민참여사이트안내 */
.main2.section1 .participation_list {width:100%;}
.main2.section1 .participation_list li {margin:5px; width: calc(50% - 10px);}

.maincontents .section2 {width:100%;}
.main4.section2 .notice li.left {padding:0 20px;}
.main4.section1 .right {width:100%;}
.main4.section1 .left {width:100%;}
.main4 .calendar_box {width:100%;}
}




/* added ncloud end */
@media (max-width:1017px) {
.mobileoff {display: none !important;}
.mobileon {display: block !important;}
.mobileon_in {display: block !important;}
.web_only {display: none !important;}
.mobile_only {display: block !important;}

body#main {overflow-x:visible;}
#wrap {width:100%; min-width:100%; overflow-x:visible;}
.toparea {position:relative; width:100%; height: 110px;padding: 0;}

/*메뉴*/
body#main .toparea .gnb {height: 60px;}
body#main .toparea .gnb h1 {position: relative; margin: 0 auto; top: 3px; height: 60px; width: 94px; text-align: center; z-index: 40;}
body#main .toparea .gnb h1 > a {display:inline-block;}
body#main .toparea .gnb h1 > a img {width: auto; height: 50px;}
body#main .toparea .gnb .topmenu {width: 100%;}
.toparea .topmenu > ul {display: block !important; overflow: hidden;}
.toparea .topmenu > ul > li {float:left; width: 25%;}
.toparea .topmenu > ul > li.topmenu_1 {display: none;}

.toparea .topmenu > ul > li .two-line { line-height:16px; padding-top:8px; }

.toparea .topmenu > ul > li > a {display:block; width: 100%; font-size:14px; padding: 0; line-height: 50px; color:#fff; font-weight: 600; letter-spacing: -1.5px;}
.toparea .topmenu > ul > li.on > a span, .toparea .topmenu > ul > li > a:hover {background: #0a66b7;}
.toparea .topmenu > ul > li.on > a span, .toparea .topmenu > ul > li > a:hover span {color: #fff !important;}
/*.toparea .topmenu > ul > li.topmenu_1 > a:hover {background: #0a66b7;}
.toparea .topmenu > ul > li.topmenu_2 > a:hover {background: #2559ca;}
.toparea .topmenu > ul > li.topmenu_3 > a:hover {background: #0383a4;}
.toparea .topmenu > ul > li.topmenu_4 > a:hover {background: #0c8e88;}*/
.toparea .topmenu > ul > li > ul {display: none !important;}

.toparea .topmenu > .smenu_lnb {display: none;}

.toparea .mobile-category {display:block; z-index: 30; position:absolute; top:0; width: 100% !important;}
.toparea.mobileOpen .mobile-category {position:fixed; z-index: 1100; height: 100% !important; overflow-y: scroll; background: rgba(0, 0, 0, 0.5);}
.toparea.mobileOpen .mobile-category::-webkit-scrollbar {display:none;}
.toparea.mobileOpen .mobile-category:-moz-scrollbar {display:none;}
.toparea.mobileOpen .mobile-category::-moz-scrollbar {display:none;}
.toparea .mobile-category .btn-category-holder {position:absolute; top:16px; right: 15px; z-index:101; width:30px; height:28px; background: url('/images/icon_category_m.png') center center no-repeat; background-size: 100%; font-size:0; text-indent:-99999px;}
.toparea .mobile-category .btn-introduce {position: relative; z-index: 50; left: 55px; right: inherit; top: 10px; width:40px; height:40px; color: #2a88d1; font-size: 14px; font-weight: 600; border-radius: 30px; background-size: 60%; border: 1px solid #2a88d1; background: none; text-indent: 0;}
.toparea .mobile-category > div.mobild_menu {display: none; top:0;width:100%; background:#0b70c4; overflow-y: scroll;-ms-overflow-style: none;}
.toparea.mobileOpen .mobile-category > div.mobild_menu {display: block;}
.toparea .top_log {width: 100%; top: 10px; right: inherit;}
.toparea .top_log ul {display: none;}
.toparea .top_log .total_search {position: relative; z-index: 50; left: 10px; width:40px; height:40px; background: url('/images/icon_search.png') center center no-repeat; border-radius: 30px; background-size: 60%; border: 1px solid #2a88d1;}
.toparea .top_log form {position: absolute; left: 0; right: inherit; top: 50px; padding: 0 10px; width: 100%; background: #2a88d0;}
.toparea .top_log form > div {position: relative; width: 100%; height: 35px; margin: 7px 0;}
.toparea .top_log form > div input {padding: 0 30px 0 10px; width: 100%; height: 100%; border: 1px solid #d2d2d2; border-radius: 35px;}
.toparea .top_log form > div button {background: url('/images/icon_search3_m.png') center center no-repeat; background-size: 18px;}

.index_box {padding: 30px 0 0; width: 100%;}
.index_box .list {width: 640px;}
.index_box .list li {width: 300px; margin: 10px !important;}
.index_box .list li h3 {padding-left: 0; font-size: 25px;}
.index_box .list li p {padding: 15px; font-size: 16px;}

.main_img {width:100%; height:190px;}
.main_img.type2 {background: none; height: auto;}
/*.main_img .title {top: 0;}*/
.main_img .from_title{top:-25px;}
.main_img .title h2 {margin-top:56px; padding-bottom:10px; margin-bottom: 0px; font-size:28px; line-height: 40px; background: none;}
.main_img .title p {display:block; font-size:13px; padding:0 15px; width:95%; line-height:20px;}
.main_img > .title.talk{top:-25px;}
.main_img > .title.talk h2{padding-bottom:0px; margin-bottom:0px; }
.main_img > .title.talk p{font-size:12px; line-height:20px;}
.main_img > .title.talk p span{font-size:14px; margin-bottom:10px; display:block;}
.main_img img.new_image{width: 200vw; margin-left: calc(-50vw + 50%); }		
.main_img > img {height: 200px;}
.main_img.type2 > img {display: none;}
.keyword_banner {width: 100%; margin: 30px auto 10px;}
.keyword_banner .keyword_all {margin: 0 auto; float: none;}
.keyword_banner .calendar_box {width: 45%;}
.keyword_banner .banner_box {width: calc(55% - 20px);}
.keyword_banner .banner_box .slick-pause {left: 50%; transform: translateX(-50%); margin-left: -165px;}
.keyword_banner .banner_box .slick-dots {left: 50%; transform: translateX(-50%); margin-left: -125px;}
.keyword_banner .banner_box .slick-slider {width: 370px; margin: 0 auto;}

.maincontents .section1 {margin: 20px auto; padding: 0 5px; width: 100%;}
.maincontents .section1 .list > li {margin: 5px; width: calc(50% - 10px);}
.maincontents .section1 .list > li img {min-width: 100%; height: 100%;}

.maincontents .section2 {width: 100%; padding: 0 10px;}
.maincontents .section2 .notice {margin-top: 20px;}
.maincontents .section2 .notice > li {float: none; width: 100%;}
.maincontents .section2 .notice li.left {padding-right: 0; margin-bottom: 20px;}
.maincontents .section2 .notice li.left {margin-right: 0;}
.maincontents .section2 .notice li.right {margin-left: 0;}
.maincontents .section2 .notice li h3 {margin-bottom: 10px; font-size: 22px; line-height: 26px;}
.maincontents .section2 .notice li button {right: 0;}
.maincontents .section2 .notice li .more2 {position: absolute; right: 0px; top: 0; width: 29px; height: 29px; border: 1px solid #c2c2c2; background: url('/images/icon_more4.png') center center no-repeat;}
.maincontents .main1.section2 {padding: 30px 10px;}
.maincontents .main1.section2 .notice {width: 100%;}
/*참여하기*/
.main2.section1 .title_box {padding-left: 0;}
.main2.section1 .participation_list {}
.main2.section1 .participation_list li {width:100%; height:100%; margin-bottom:5px;}
.main2.section1 .participation_list li a {padding-top: 30px;}
.main2.section1 .participation_list li a h3 {padding-bottom: 8px; font-size: 25px; background-size: 30px 2px;}
.main2.section1 .participation_list li a p {margin-top: 10px; font-size: 14px;}
.main2.section1 .participation_list li a .botton_type {display: none;}
.main2.section1 .participation_list li .link_box {margin: 15px auto 10px;}
.main2.section1 .participation_list li img {height:100%;}

/*열린소통포럼*/
.main3_img .main_slide {position: relative; width: 100%; margin: 0 auto;}
.main3_img .main_slide .slick-arrow {width: 32px; height: 32px; border-radius: 32px; background-size: 9px;}
.main3_img .main_slide .slick-prev {left: 10px;}
.main3_img .main_slide .slick-next {right: 10px;}
.main3_img .main_slide li img {width: 100%; max-width: 100%; height: auto;}
.main3.section1 {padding: 20px 10px; margin: 0 0 30px;}
.main3.section1 > ul {width: 100%;}
.main3.section1 > ul > li {float: none;}
.main3.section1 > ul > li.img {width: 100%; height: auto; text-align: center;}
.main3.section1 > ul > li.img img {display: inline-block; max-width: 100%; min-height: auto; width: auto; height: auto;}
.main3.section1 > ul > li.text {padding: 0; width: 100%;}
.main3.section1 > ul > li h3 {padding: 15px 0; border-bottom: 0px;}
.main3.section1 > ul > li p {padding: 20px 0; max-height: 95px;}
.main3.section1 > ul > li .date {margin-top: 10px}
.main3.section1 > ul > li button {position: relative; right: inherit; top: 0; width: 100%; height: 40px; border-radius: 0; line-height: 40px;}
.main3.section2 .notice > li {float: none; width: 100%;}
.main3.section2 .notice li.left {padding-right: 0;}
.main3.section2 .notice li.right {padding-left: 0; width: 100%;}
.main3.section2 .notice li h3 {padding-top: 0; background: none;}
.main3.section2 .notice li .space_room {padding-top: 50px; width: 100%; background-size: cover}

/*활동공유*/
.main4.section1 {padding: 20px 10px 0; margin: 0 !important;}
.main4.section1 .title {width: 100%; margin-top: 10px;}
.main4.section1 .title h3 {background-size:30px;}
.main4.section1 .example_list {overflow: hidden; margin: 0 auto; width: 100%}
.main4.section1 .example_list li {float: left; width: calc(50% - 20px); margin: 0 10px 20px;}
.main4.section1 .example_list li .img_box {overflow: hidden; border: 1px solid #787878; width: 100%; height: 190px;}
.main4.section1 .example_list li a {width: 100%;}
.main4.section1 .right {width: 100%;}
.main4.section2 .notice {margin: 0;}
.main4.section2 .notice > li {float: none; width: 100%; margin: 30px 0 0 0 !important;}
.main4.section2 .notice li.left {padding:0;}
.main4.section2 .notice li.right {padding-left: 0; width: 100%;}
.main4.section2 .notice li > h3 {padding-bottom: 15px; color: #2a88d0; border-bottom: 1px solid #bababa;}
.main4.section2 .notice li .calendar_box {width: 100%; height: auto;}
.main4.section2 .notice li .calendar_box .calendar_list {width: 100%;}


.bottomarea {margin-top: 20px;}
.bottomarea .bottom_pri ul {width: 100%; padding: 0 10px;}
.bottomarea address {width: 100%; padding: 20px 10px;}
.bottomarea address button {right: 20px; top: 20px;}

.mobileoff {display: none;}
.mobileon {display: block;}
.mobileoff_in {display: none;}
.mobileon_in {display: inline-block;}
.web_only {display: block;}

/* added ncloud */
.main_img > img { min-width:100%;  width: auto; height: 100%;    top: 0;}
/* added ncloud end */

.main_img > .title {top: 0px;}
.main_img img.new_image { width: 166vw; height: 103% !important;}
    
}

@media (max-width:908px){
.mobile_only {display: block !important; width:100%;}
}


@media (max-width:850px){
/*열린소통포럼*/
.maincontents-ncloud .container{width:100%;}
.forum-index-wrap .forum-list-wrap{width:100%;}
.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover {width:100%; height:100%;}


/* .h3_tit {margin-bottom: 12px;} */
}



@media (max-width:784px) {
.keyword_banner .calendar_box {float: none; margin: 0 auto 20px; width: 290px;}
.keyword_banner .banner_box {float: none; width: 100%;}
.main_img.type2 > img {height: 280px;}
.popup {width: 95% !important;}
.modal .popup {margin-top: -260px; width: 95%; height: 540px;}
.popup_inner > .title {padding-left: 20px; height: 50px; color: #fff;background: url('/images/bg_pop_title.png') 0 center repeat-x #1471c0;}
.popup_inner .title h3 {line-height: 50px;}
.popup_inner .title button {top: 14px;}
.popup .con{padding: 10px;}
.popup .con .boardwrite > ul > li {padding: 5px 0;}
.popup .boardwrite table th {width: 70px; padding:0 5px;}
.popup .boardwrite table td {padding:10px 5px;}
.pop_detail {top: 100px; width: 90%; background: #fff; border: 1px solid #acacac;}
.pop_detail > .title {height: 50px; background-size: 100px;}
.pop_detail > .title > h3 {padding-left: 20px; line-height: 50px;}
/*에러페이지*/
.error {overflow: hidden; width: 100%; height: auto; margin-top: -65px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box {width: 100%; margin: 0 auto; padding: 30px 20px;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

/* added ncloud */
.main-index-wrap .banner_box {float: none; width: 100%;}
.main-index-wrap .calendar_box {float: none; margin: 0 auto; margin-top:10px; width: auto; }

/* added ncloud end */
.pop_content .popup {width: 95%; height: 70% !important;}

.main4.section1 .right{width:100%;}
.main4.section1 .example_list{width:100%;}
}



@media (max-width: 768px) {
.maincontents-ncloud .col {float:left; }
.maincontents-ncloud .col.col-sm-4 {width:33.33333%;}
.maincontents-ncloud .col.col-sm-6 {width:50%;}
.maincontents-ncloud .col.col-sm-12 {width:100%;}

.sub_forum_wrap .forum_l .thumb {height:245px;}
}





/*--------------------------670사이즈--------------------------*/
@media (max-width:670px){
/* 도전과제 */
.chlng_main_img {overflow:initial; height:100px; margin-bottom:0px;}

.forum-index-wrap .forum-banner-wrap .notice-wrap {width:100%;}
.forum-banner-wrap .popup_zone {width:100%; min-height:auto; padding:0;}
.forum-index-wrap .forum-banner-wrap .calendar-wrap {width:100%; margin-bottom: 10px;}
.forum-index-wrap .forum-banner-wrap .banner-1 {width:100%; height:auto; min-height:128px;}



.main_img > .title.talk{top:25px;}
.main_img img.new_image{width: 250vw; margin-left: calc(-50vw + 50%);}
.main_img .title.talk h2{margin-top:10px!important;}
.main_img > .title.talk p{font-size:11px; line-height:16px;}
.main_img > .title.talk p span{font-size:14px;}
}




@media (max-width:640px) {
.index_box .search_box {margin: 0 20px 30px; width: calc(100% - 40px); height: 40px;}
.index_box .search_box input.txt {padding: 0 10px; width: calc(100% - 120px);}
.index_box .search_box button {padding-left: 15px; width: 80px; font-size: 18px; background: url('/images/icon_search2.png') 10px center no-repeat #2a88d0;}
.index_box .list {width: 300px;}
.index_box .list li {float: none; height: auto;}
.index_box .list li h3 {padding-left: 0; font-size: 25px;}
.index_box .list li p {padding: 15px; font-size: 16px;}

.maincontents .section1 .list > li a {width:100%; height:155px;}
.maincontents .section1 .list > li a h3 {padding:20px 0 15px; text-align: center; font-size:18px; background-position: center bottom; background-size: 40px 3px;}
.maincontents .section1 .list > li a .more {display: block; opacity: 1; left: inherit; transform: translateX(0); right: 10px; top: 10px; bottom: inherit; width: 23px; height: 23px; background-size: 80%;}
.maincontents .section1 .list > li a .text_box .d_cell {height: 90px; font-size: 15px; line-height: 22px;}
.maincontents .section1 .list > li a:hover .text_box {opacity: 0;}
.maincontents .section1 .list > li a:hover h3 {padding: 120px 0 0 0; font-size: 25px; text-align: center; background-size: auto; background-repeat: no-repeat;}
.maincontents .section1 .list > li a:hover.bg1 h3 {background: url('/images/main1_contents_icon01.png'); background-position: center 35px; background-size: 40px;}
.maincontents .section1 .list > li a:hover.bg2 h3 {background: url('/images/main1_contents_icon02.png'); background-position: center 49px; background-size: 50px;}
.maincontents .section1 .list > li a:hover.bg3 h3 {background: url('/images/main1_contents_icon03.png'); background-position: center 24px; background-size: 60px;}
.maincontents .section1 .list > li a:hover.bg4 h3 {background: url('/images/main1_contents_icon06.png'); background-position: center 40px; background-size: 60px;}
.maincontents .section1 .list > li a:hover.bg5 h3 {background: url('/images/main1_contents_icon04.png'); background-position: center 45px; background-size: 65px;}
.maincontents .section1 .list > li a:hover.bg6 h3 {background: url('/images/main1_contents_icon05.png'); background-position: center 45px; background-size: 60px;}


.maincontents .section2 .notice li .btn_box {overflow: hidden; position: relative; display: block; margin-bottom: 10px; top: 0; text-align: right;}
.maincontents .section2 .notice li .btn_box li {float: none; display: inline-block;}
.maincontents .section2 .notice li h3 {display: block; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #c2c2c2; }
.maincontents .section2 .notice li .list {overflow: hidden; }
.maincontents .section2 .notice li .date {margin-left: 5px; color: #777; font-size: 14px; font-weight: 400; letter-spacing: -0.5px;}

.maincontents .section2 .notice li .issue_list {padding-top: 5px;}
.maincontents .section2 .notice li .issue_list > li {margin-bottom: 15px;}
.maincontents .section2 .notice li .issue_list > li dl dt {float: none; margin-bottom: 10px; width: 100%; height: 30px; line-height: 30px;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg1 {color: #48a4ea; background: none; border: 1px solid #48a4ea;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg2 {color: #33b1e5; background: none; border: 1px solid #33b1e5;}
.maincontents .section2 .notice li .issue_list > li dl dt.bg3 {color: #21bfdb; background: none; border: 1px solid #21bfdb;}
.maincontents .section2 .notice li .issue_list > li dl dd {float: left; padding: 0 5px; width: 100%;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li {margin-bottom: 5px;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li:last-child {margin-bottom: 0;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a {display: block; overflow: hidden; line-height: 20px;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .num {float: left; width: 22px; height: 20px; color: #fff; font-size: 13px; font-weight: 600; text-align: center; background: #aab7c2;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a h4 {overflow: hidden; float: left; padding-left: 10px; width: calc(100% - 120px); color: #555; font-size: 14px; line-height: 19px; white-space: nowrap; text-overflow: ellipsis;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .date {float: right; color: #777; font-size: 13px; font-weight: 600;}
.maincontents .section2 .notice li .issue_list > li dl dd > ul > li a .date span {color: #2a88d0;}

/*참여하기*/
.main4.section1 .example_list li {float: none; width: 100%; margin: 0 0 20px;}

.bottomarea address button {position: relative; right: inherit; top: 0; margin-top: 10px;}

.main2.section1 .participation_list li .box3 .botton_type {width:calc(50% - 6px);}

/*에러페이지*/
.error {width: 100%; height: auto; margin: -150px auto 0; padding: 0 10px; position: absolute; left: 0; top: 50%; transform: translateX(0);}

/* added ncloud */
.maincontents-ncloud .container { width:auto; }
.maincontents-ncloud .col { float:none; }

.main-index-wrap .list-wrap .list {padding:0; height:auto; margin-top:10px; }
.main-index-wrap .list-wrap .row:last-child .list-item { min-height:auto; }
.main-index-wrap .list-wrap .row:last-child .list-item:last-child { padding-bottom:0; }

.main-index-wrap .list-wrap .list > li {float: none; margin: 5px 0; width: 100%; margin-bottom:10px; }
.main-index-wrap .list-wrap .list > li a {width: 100%; height: auto; font-size:14px; }
.main-index-wrap .list-wrap .list > li a h3 {padding: 30px 0 15px; text-align: center; font-size: 20px; background-position: center bottom; background-size: 40px 3px;}
.main-index-wrap .list-wrap .list > li a ul { margin-bottom:10px; }
.main-index-wrap .list-wrap .list > li a ul li { font-size:12px; }
.main-index-wrap .list-wrap .list > li a .title2 { font-size:14px; }

.main-index-wrap .list-wrap .list-item { min-height:auto; padding-top:10px; padding-bottom:20px; }
.main-index-wrap .list-wrap .list-item > h3 { font-size:16px; margin-bottom:0; }
.main-index-wrap .list-wrap .list-item > h3 a.btn { right:0; top:0; font-size: 14px; height: 25px; line-height: 25px; width: 70px; }

.main-index-wrap .list-wrap .issue_list {padding-top: 10px; margin-top:0;  height:auto; }
.main-index-wrap .list-wrap .issue_list > li dl dd > ul > li a h4 { font-size: 13px; }

/* added ncloud end */

.main_img img.new_image{width: 350vw; margin-left: calc(-50vw + 50%);}
/* .main_img .title.talk h2{margin-top:10px!important;} */
.main_img > .title.talk p{font-size:11px; line-height:16px;}
.main_img > .title.talk p span{font-size:14px;}
	
}
	
	

@media (max-width:460px) {
.main_img .title p{font-size:13px;}	
.keyword_banner .keyword_all {width: 100%;}
.keyword_banner .keyword_box {top: 10px; width: 100%;}
.keyword_banner .kwyword_text {width: 100%;}
.keyword_banner .banner_box {height: auto;}
.keyword_banner .banner_box .slick-pause {left: 10px; transform: translateX(0); margin-left: 0;}
.keyword_banner .banner_box .slick-dots {left: 40px; transform: translateX(0); margin-left: 0;}
.keyword_banner .banner_box .slick-slider {width: 100%;}
.keyword_banner .banner_box ul li img {width: 100%; height: auto;}
.main_img.type2 > img {height: 238px;}
.maincontents .section1 {margin: 0 auto 10px;}
.maincontents .main1.section1 {margin: 20px auto;}

/* added ncloud */
.main-index-wrap .index_box { height:80px; }
.main-index-wrap .index_box .search_box {margin: 0 20px 0; width: calc(100% - 40px); height: 40px;}
.main-index-wrap .index_box .search_box input.txt {padding: 0 10px; width: calc(100% - 80px);}
.main-index-wrap .index_box .search_box button {padding-left: 15px; width: 80px; font-size: 18px; background: url('/images/icon_search2.png') 10px center no-repeat #2a88d0;}

.main-index-wrap iframe { margin-top:10px; width:100% !important; }
.main-index-wrap .banner_box {height: auto; margin-top:10px; }
.main-index-wrap .banner_box .slick-pause {left: 10px; transform: translateX(0); margin-left: 0;}
.main-index-wrap .banner_box .slick-dots {left: 40px; transform: translateX(0); margin-left: 0;}
.main-index-wrap .banner_box .slick-slider {width: 100%;}
.main-index-wrap .banner_box ul li img {width: 100%; height: auto;}

.main-index-wrap .list-wrap { padding:20px 10px; }
.main-index-wrap .list-wrap .issue_list > li dl dd { padding-left:10px; }

.forum-index-wrap { margin-top:20px; padding-top:20px; padding-left:15px; padding-right:15px; }
.forum-index-wrap .forum-list-wrap { width:auto;  }
.forum-index-wrap .forum-list-wrap .forum-info-item { margin-bottom:15px; height:auto; padding-top:12px; padding-bottom:12px; }
.forum-index-wrap .forum-list-wrap .forum-info-item .forum-cover { margin-bottom:10px; height:auto; }
.forum-index-wrap .forum-list-wrap .forum-info-item h3 { font-size:14px; line-height:20px; }
.forum-index-wrap .forum-banner-wrap { position:relative; width: auto; top: auto; right: auto; padding-top:20px; margin-top:5px; }
/* added ncloud end */

/* 도전과제 */
.chlng_main_img {height:80px;}

.maincontents .section1 .list > li a .text_box .d_cell {font-size:13px; line-height: 1.3;}

.main2.section1 .participation_list li .site_link {padding-top:20px; height:100%}
.main2.section1 .participation_list li .site_link h3 {font-size:18px; padding-bottom:10px;}
.main2.section1 .participation_list li .link_box {width:100%;}
.main2.section1 .participation_list li .site_link .botton_type {font-size:13px; padding:8px 10px; line-height:18px; background: url(/images/icon_link2.png) right 10px center no-repeat rgba(74, 87, 97, 0.7);}

.forum_conference .select_forum .dropdown button .dropdown-label {width:230px;}
}

@media (max-width: 442px){
.main_img {height: 200px;}
.platform_img {height: 185px;}
}


@media (max-width: 400px){
.main_img {height:210px;}
.main_img .title h2	{font-size:22px;}
.main_img .title.talk h2{margin-top:0px!important;}
.main_img > .title {top: 70px;}
.platform_img > .title {top: 55px !important}
.platform_img {height: 185px;}
}

@media (max-width: 386px){
.main_img {height: 240px;}
.main_img > .title {top: 80px;}
.platform_img {height: 185px;}

}