body{z-index: 0;}
.m_content .wrap{margin: 0 12px;}
h2{color: #0074a9; font-family: 'SBAggro'; font-weight: 500; font-size: 20px;}

.main_con01{position: relative; background: #f3fbfa; padding: 15px 0 40px; z-index: 3;}
.main_con01::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 890px; background: #fff; z-index: -1;}
/* 슬로건 */
.m_search{margin-bottom: 30px;}
.m_search .slogan{margin: 0 0 20px 0; text-align: center;}
.m_search .slogan img{width: auto; max-width: 100%;}
/* 통합검색 */
.m_search .search_con legend{display: none;}
.m_search .search_con form input[type="text"]{float: left; width: calc(100% - 60px); height: 60px; padding: 12px; font-size: 17px; border-radius: 20px 0 0 20px;}
.m_search .search_con form input[type="submit"]{float: right; width: 60px; height: 60px; font-size: 0; background: #0074a9 url('/images/01_potal/main/search_ico.png') center no-repeat; border-radius: 0 20px 20px 0;}

/* 팝업존 */
.info_zone{position: relative; padding-top: 6px; margin-bottom: 60px;}
.info_zone h2{margin-bottom: 26px;}
.info_zone .img img{width: 100%;height: 293px;border-radius: 20px;}
.info_zone .control{position: absolute; top: 0; right: 0; padding: 0 36px 0 0;}
.info_zone .control span{display: inline-block; margin: 3px 4px 0 0; vertical-align: middle;}
.info_zone .control i{font-style: normal;font-size: 18px;}
.info_zone .control em{font-style: normal; font-size: 18px;font-weight: 600;}
.info_zone .control em::after{content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 8px; background: #aad2e2; border-radius: 50%; vertical-align: middle;}
.info_zone .control button{display: inline-block; width: 32px; height: 32px; border-radius: 10px; background: #fff url('/images/01_potal/main/m_arrow.png') no-repeat; font-size: 0; border: 1px #e3e9f3 solid;}
.info_zone .control button.prev{background-position: 50% -4px !important;}
.info_zone .control button.next{background-position: 50% -119px !important;}
.info_zone .control button.play{background-position: 50% -79px !important;}
.info_zone .control button.stop{background-position: 50% -40px !important;}


/* 팝업존 모아보기 */
.info_list button.all{position: absolute; top: 0; right: 0; display: inline-block; width: 32px; height: 32px; border-radius: 10px; background: #fff url('/images/01_potal/main/m_arrow.png') no-repeat; font-size: 0; border: 1px #e3e9f3 solid; background-position: 50% -158px !important;}
.info_list .info_wrap{display: none;position: fixed;top: 40px;left: 0;right: 0;width: 90%;margin: 0 auto;z-index: 99;}
.info_list .info_wrap::before{content: '';position: fixed;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -1;}
.info_list .info_wrap.on{display: block;}
.info_list .info_wrap .close{display: block; width: 32px; height: 32px; margin: 0 auto; font-size: 0; background: #464646 url('/images/common/gnb.png') no-repeat; background-position: 50% -164px; border-radius: 10px;} 
.info_list .info_wrap div{padding: 30px 20px; background: #fff; text-align: center; border-radius: 20px;}
.info_list .info_wrap h3{margin-bottom: 10px; font-size: 24px; font-weight: 400; font-family: 'SBAggro'; word-break: keep-all;}
.info_list .info_wrap h3 strong{font-weight: 400; color: #0074a9;}
.info_list .info_wrap p{margin-bottom: 6px; font-size: 17px; font-weight: 100; font-family: 'SBAggro';}
.info_list .info_wrap p strong{font-weight: 400; color: #0074a9;}
.info_list .info_wrap ul{max-height: 320px; margin-bottom: 20px; overflow-y: auto;}
.info_list .info_wrap ul li{margin: 10px 1%;text-align: left;}
.info_list .info_wrap ul li img{width: auto;max-width: 100%;border-radius: 20px;}
/*.main_con01:has(.info_list>div.on){z-index: 3;}*/

/* 시장실 */
.mayor{position: relative;margin-bottom: 40px;z-index: 0;}
.mayor:after{content:'';position: absolute;bottom: 0;display:block;width:100%;height: 230px;background: url('/images/01_potal/main/mayor.png') no-repeat bottom -20px right -30px;background-size: contain;z-index: -1;}
.mayor .tit{margin-bottom: 20px;}
.mayor .tit span{display: block; font-size: 16px; font-family: 'SBAggro'; font-weight: 300;}
.mayor .tit strong{display: block; font-size: 24px; font-family: 'SBAggro'; font-weight: 300; color: #008c69;}
.mayor .tit strong em{font-weight: 500; font-style: normal; }
.mayor ul{width: 60%;}
.mayor ul::after{content: ''; display: block; clear: both;}
.mayor ul li{margin: 10px 0;}
.mayor ul li a{display: block; height: 40px; padding: 8px 0 0 20px; background: #fff url('/images/01_potal/main/m_ico.png') no-repeat; background-position: 90% -78px !important; border-radius: 30px; border: 1px #e3e9f3 solid;}
.mayor ul li:nth-of-type(n+4){float: left; width: calc(50% - 5px); margin: 0;}
.mayor ul li:nth-of-type(n+4) a{text-align: center; padding: 8px 0; background: #fff; background-image: none !important;}
.mayor ul li:last-of-type{margin-left: 10px;}
.mayor ul li a:hover,.mayor ul li a:focus{border: 1px #0074a9 solid; color: #0074a9;}

/* 자주찾는 서비스 */
.m_link .link01{margin-bottom: 80px;}
.m_link .link01 h2{margin-bottom: 18px; font-size: 24px; font-weight: 500;}
.m_link .link01 h2 span{display: inline-block; margin-right: 4px; color: #333; font-size: 20px; vertical-align: middle;}
.m_link .link01 h2 br{display: none;}
.m_link .link01 ul{display: flex; justify-content: space-between;}
.m_link .link01 ul li a{display: block;text-align: center;}
.m_link .link01 ul li a::before{content: '';display: block;width: 55px;height: 50px;margin: 0 auto 20px;background: url('/images/01_potal/main/link_ico.png') no-repeat;}
.m_link .link01 ul li.l01_1 a::before{background-position: 50% -28px;}
.m_link .link01 ul li.l01_2 a::before{background-position: 50% -145px;}
.m_link .link01 ul li.l01_3 a::before{background: url(' /upload_data/board_data/BBS_0000144/175124402783989.png');}
.m_link .link01 ul li.l01_4 a::before{background-position: 50% -387px;}
.m_link .link01 ul li a:hover,.m_link .link01 ul li a:focus{text-decoration: underline;}

.m_link .link02{margin-bottom: 40px;}
.m_link .link02 ul li{margin-bottom:20px;}
.m_link .link02 ul li a{display: block; height: 140px; font-size: 20px; font-family: 'SBAggro'; padding: 50px 0 0 30px; border-radius: 10px;}
.m_link .link02 ul li a span{display: block; font-weight: 300;}
.m_link .link02 ul li a strong{display: block; font-weight: 500;}
.m_link .link02 ul li:last-child{margin-bottom: 0;}
.m_link .link02 ul li.l02_0 a{background: #eafff0 url('/images/01_potal/main/link_ico00.png') no-repeat right bottom;}
.m_link .link02 ul li.l02_0 a strong{color: #3b774c;}
.m_link .link02 ul li.l02_1 a{background: #f1f7ff url('/images/01_potal/main/link_ico01.png') no-repeat right bottom;}
.m_link .link02 ul li.l02_1 a strong{color: #1465c5;}
.m_link .link02 ul li.l02_2 a{background: #fff5f8 url('/images/01_potal/main/link_ico02.png') no-repeat right bottom;}
.m_link .link02 ul li.l02_2 a strong{color: #dd374f;}
.m_link .link02 ul li.l02_3 a{background: #fffae6 url('/upload_data/user_file/01_potal/main/link_ico3.png') no-repeat right bottom;}
.m_link .link02 ul li.l02_3 a strong{color: #ef5a00;}

/* 게시판 */
.m_bbs{position: relative;height: 520px;padding: 20px;border: 1px #e3e9f3 solid;border-radius: 20px;}
.m_bbs .bbs_con{display: none;  position: absolute; bottom: 20px; width: calc(100% - 40px);}
.m_bbs .bbs_con.on{display: block;}
.m_bbs h3{float: left; width: 48%; margin: 0 1% 2%; text-align: center;}
.m_bbs h3 a{display: block; height: 30px; padding-top: 7px; font-family: 'SBAggro'; font-weight: 300; font-size: 16px; background: #f3fbfa; border-radius: 5px;}
.m_bbs h3.on a{background: #0074a9; color: #fff !important; font-weight: 500;}
.m_bbs h3 a:hover,.m_bbs h3 a:focus{color: #0074a9;}
.bbs_con ul li a{display: block; position: relative; height: 55px; padding-top: 14px; border-top: 1px #e3e9f3 solid;}
.bbs_con ul li a strong{display: inline-block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 65%; font-weight: 400;}
.bbs_con ul li a strong::before{content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: #b2d5e5; vertical-align: middle;}
.bbs_con ul li a span{display: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.bbs_con ul li a p{position: absolute; top: 16px; right: 0;}
.bbs_con ul li a p em{display: none;}
.bbs_con ul li a p i{display: block; font-style: normal; color: #0074a9; font-size: 14px;}
.bbs_con ul li:first-of-type a{height: auto; padding-top: 24px; margin-bottom: 30px; border: none;}
.bbs_con ul li:first-of-type a strong{width: 100%; -webkit-line-clamp: 2; margin-bottom: 12px; font-size: 18px; font-weight: 500;}
.bbs_con ul li:first-of-type a strong::before{display: none;}
.bbs_con ul li:first-of-type a span{display: block; display: -webkit-box;}
.bbs_con ul li:first-of-type a p{top: 0;}
.bbs_con ul li>a>em{position: absolute;top: 0;display: block;color: #e2274f;font-size: 14px;font-style: normal;}
.bbs_con p .more{display: block; width: 92px; height: 32px; padding:6px 0 0 36px; margin: 0 auto; color: #0074a9; font-size: 14px; border: 1px #e3e9f3 solid; border-radius: 5px; background: url('/images/01_potal/main/m_ico.png') no-repeat; background-position: 10px -3px !important;}

.main_con02{position: relative;padding: 40px 0 0 0;overflow: hidden;}
.main_con02::after{content: ''; position: absolute; top: 0; width: 100%; height: 520px; background: linear-gradient(to bottom, #f7fcf8, #fff); z-index: -1;}

/* 김제의 오늘 */
.l_con{position: relative;}
.m_bbs_photo{margin-bottom: 30px;z-index: 0;margin-right: 1%;}
.m_bbs_photo h2{margin-bottom: 20px; font-size: 24px;}
.m_bbs_photo ul li{display: none;}
.m_bbs_photo ul li:first-child{display: block;}
.m_bbs_photo ul li img{width: 100%; height: 200px;}
.m_bbs_photo ul li a{display: block; border: 1px #e3e9f3 solid; border-radius: 20px; text-align: center; overflow: hidden;}
.m_bbs_photo ul li a span{display: block; margin: 16px 0 4px; color: #0074a9; font-size: 14px;}
.m_bbs_photo ul li a strong{display: block; margin: 0 auto 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; width: 90%; white-space: nowrap;}
.l_con p.more{position: absolute; top: 0; right: 0;}
.l_con p.more a{display: block; width: 32px; height: 32px; border: 1px #e3e9f3 solid; border-radius: 10px; background: #fff url('/images/01_potal/main/m_ico.png') no-repeat; background-position: 50% -3px !important; font-size: 0;}
.m_bbs_photo ul li a:hover,.m_bbs_photo ul li a:focus{border-color: #0074a9;}
.m_bbs_photo ul li a:hover strong,.m_bbs_photo ul li a:focus strong{text-decoration: underline;}

.m_bbs_video{display:none;}

/* 김제소식 */
.m_sns{position: relative; height: 327px; margin: 0 0 40px; }
.m_sns h2{float: left; width: calc(100% - 150px); margin-top: 4px; font-size: 24px;}
.m_sns h3{float: left; margin-left: 5px;}
.m_sns h3 a{display: block; width: 32px; height: 32px; font-size: 0; background: url('/images/common/g_sns.png') no-repeat;}
.m_sns h3.face a{background-position: 50% 0px;}
.m_sns h3.insta a{background-position: 50% -45px;}
.m_sns h3.youtube a{background-position: 50% -89px;}
.m_sns h3.blog a{background-position: 50% -134px;}
.m_sns .sns_con{display: none; position: absolute; bottom: 0; width: 100%; }
.m_sns .sns_con.on{display: block;}
.m_sns .sns_con a{display: block; height: 280px; padding: 20px; border-radius: 20px;}
.m_sns .sns_con a::before{display:block; font-size: 16px; margin-bottom: 8px; padding-left: 25px; background: url('/images/01_potal/main/sns.png') no-repeat;}
.m_sns .sns_con a img{display: block; width: 100%; height: 175px; margin-bottom: 10px; border-radius: 20px;} 
.m_sns .sns_con a span{display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.m_sns .sns_con.blog a{border:1px #3cba33 solid;}
.m_sns .sns_con.blog a::before{content: '블로그'; color: #3cba33; background-position: -14px -12px;}
.m_sns .sns_con.insta a{border:1px #7050c2 solid;}
.m_sns .sns_con.insta a::before{content: '인스타'; color: #7050c2; background-position: -10px -96px;}
.m_sns .sns_con.youtube a{border:1px #ff0000 solid;}
.m_sns .sns_con.youtube a::before{content: '유튜브'; color: #ff0000; background-position: -13px -137px;}
.m_sns .sns_con.face a{border:1px #1877f2 solid;}
.m_sns .sns_con.face a::before{content: '페이스북'; color: #1877f2; background-position: -14px -54px;}

.m_sns2{margin: 0 0 40px;padding: 20px 14px 60px;border:1px #e5f4f5 solid;border-radius:20px;background:#fff url('/upload_data/user_file/main/m_sns_bg2.png') no-repeat bottom 20px left 20px;}
.m_sns2 div{position: relative;padding:20px;background: #f7fcf8;border-radius:20px;}
.m_sns2 div:after{content:'';position: absolute;top: 30px;right: 0;width: 112px;height: 110px;background:url('/upload_data/user_file/main/m_sns_bg.png') no-repeat;background-size: contain;}
.m_sns2 h2{margin-bottom:20px; font-size: 24px;}
.m_sns2 ul{display:flex;flex-wrap: wrap;width: 130px;justify-content:space-between;}
.m_sns2 li{margin-bottom:5px;}
.m_sns2 li a{display: block; width: 40px; height: 40px; font-size: 0; background: url('/upload_data/user_file/main/m_sns.png') no-repeat;}
.m_sns2 .threads a {background: url('/upload_data/board_data/BBS_0000221/174286256969359.png') no-repeat;}
.m_sns2 li.blog a{background-position: 0 0;}
.m_sns2 li.face a{background-position: -45px 0;}
.m_sns2 li.insta a{background-position: 0 -45px;}
.m_sns2 li.youtube a{background-position: -45px -45px;}
.m_sns2 li.kakao a{background-position: -90px -45px;}

/* 분야별 정보 */
.m_quick{margin: 0 12px 40px; padding: 20px 14px; border: 5px #e5f4f5 solid; border-radius: 20px; z-index:0;}
.m_quick h2{margin-bottom: 16px; font-size: 24px;}
.m_quick ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.m_quick ul li{width: 48%; margin: 2% 0; text-align: center;}
.m_quick ul li a{display: block;height: 140px;padding: 15px 0;border-radius: 10px;border: 1px #e3e9f3 solid;}
.m_quick ul li a::before{content: ''; display: block; width: 58px; height: 56px; margin: 0 auto 10px; background: url('/images/01_potal/main/quick_ico.png') no-repeat;}
.m_quick ul li.q01 a::before{background-position: 50% -8px;}
.m_quick ul li.q02 a::before{background-position: 50% -120px;}
.m_quick ul li.q03 a::before{background-position: 50% -237px;}
.m_quick ul li.q04 a::before{background-position: 50% -348px;}
.m_quick ul li.q05 a::before{background-position: 50% -460px;}
.m_quick ul li.q06 a::before{background-position: 50% -573px;}
.m_quick ul li.q07 a::before{background-position: 50% -683px;}
.m_quick ul li.q08 a::before{background-position: 50% -795px;}
.m_quick ul li.q09 a::before{background-position: 50% -911px;}
.m_quick ul li.q10 a::before{background-position: 50% -1020px;}
.m_quick ul li.q11 a:before{background: url('/upload_data/user_file/01_potal/content/quick_ico11.png') no-repeat center;} 
.m_quick ul li.q12 a:before{background: url('/upload_data/user_file/01_potal/content/quick_ico12.png') no-repeat center;} 
.m_quick ul li a:hover,.m_quick ul li a:focus{border-color: #0074a9; color: #0074a9;}
.m_quick ul li a span{display:block; font-size:15px;}

/* 김제시 관광·축제 */
.main_con04 .wrap{position: relative;}
.tour{padding: 40px 0 110px; background: #f3fbfa url('/images/01_potal/main/tour_bg.png') no-repeat center bottom; background-size: 900px;}
.tour{position: relative;}
.tour h2{margin-bottom: 40px; font-weight: 500; font-size: 24px;}
.tour h2 span{display: block; font-size: 16px; color: #333; font-weight: 300;}
.tour ul{margin: 0 20px;}
.tour li a{display: block;max-width: 300px;height: 380px;margin: 0 auto;border-radius: 20px;overflow: hidden;}
.tour li a img{width: auto;max-width: 100%;height: 100%;}
.tour li p{height: 90px;padding: 20px 16px;background: #fff;transform: translateY(-90px);}
.tour li p strong{display: block; font-size: 20px; color: #0074a9; font-family: 'SBAggro'; font-weight: 500;}
.tour li p span{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tour .control button{position: absolute;top: 55%;display: inline-block;width: 40px;height: 40px;background: #cce3ee url('/images/01_potal/main/m_arrow.png') no-repeat;border-radius: 50%;font-size: 0;}
.tour .control button.prev{left: 0;background-position: 50% 1px;}
.tour .control button.next{right: 0;background-position: 50% -113px;}
.tour .control .more{display: none;}


@media all and (min-width:768px) {
.main_con01::after{height: 840px;}
.m_search::after{content: ''; display: block; clear: both;}
.m_search .slogan{float: left; width: 40%; text-align: left; margin-bottom: 0;}
.m_search .search_con{float: right; width: 55%;}

.info_zone{padding-top: 0;}
.info_zone::after{content: ''; display: block; clear: both;}
.info_zone h2{float: left; margin: 210px 0 0 0; writing-mode: vertical-rl; transform: rotate(180deg);}
.info_zone .img{float: right; width: calc(100% - 60px); }
.info_zone .img li{margin:0 20px;}
.info_zone .img img{width:auto; max-width:100%;}

.info_zone .control{right: auto; left: 0;}
.info_zone .control span{margin: 0 0 0 10px; text-align: center;}
.info_zone .control i{display: block; font-size: 14px;}
.info_zone .control em{display: block; font-size: 14px;}
.info_zone .control em::after{display: block; margin: 8px auto;}
.info_zone .control button{display: block; margin-bottom: 5px;}
.info_list button.all{right: auto; left: 0; top: auto; bottom: 90px;}
.info_list .info_wrap h3{font-size: 30px;}
.info_list .info_wrap p{font-size: 24px; margin-bottom: 40px;}
.info_list .info_wrap ul{display: flex;flex-wrap: wrap;}
.info_list .info_wrap ul li{width:48%;}

.mayor{padding: 40px 0 0 0; margin-bottom: 80px;}
.mayor:after{right: 5%; height: 320px; background-size: auto;}
.mayor .tit{margin-bottom: 30px;}
.mayor .tit span{font-size: 20px;}
.mayor .tit strong{font-size: 28px;}
.mayor ul{width: 40%;}

.m_link .link01{overflow: hidden; margin-bottom: 40px;}
.m_link .link01 h2{float: left;}
.m_link .link01 h2 br{display: block;}
.m_link .link01 ul{float: right; width: calc(100% - 120px);}
.m_link .link01 ul li{width: 24%;}

.m_link .link02 ul{display: flex; justify-content: space-between;}
.m_link .link02 ul li{width: 24%;margin-bottom: 0;}
.m_link .link02 ul li a{padding: 20px 0 0 20px;}

.m_bbs{clear: both; height: 450px;}
.m_bbs h3{width: 23%; margin: 0 1%;}

.m_sns2{height:330px;padding: 30px 30px 70px;background-position: 30px 285px;}
.m_sns2 div{height:100%;padding: 40px;}
.m_sns2 h2{margin-bottom: 34px;}

    
.m_quick ul{justify-content: flex-start;}
.m_quick ul li{width: 24%;margin: 0 1% 1% 0;}

.main_con02 .wrap{display: flex; justify-content: space-between; margin: 0 12px 40px;}
.main_con02 .wrap>div{width: 48%;}
.main_con02 .wrap>div>div{margin-bottom: 0;}

.tour{background-size: auto; background-position: left bottom;}
.tour li{margin: 0 10px;}
.tour li a{ max-width: 380px;}
.tour li p{transform:translateY(0);}
.tour li a:hover p,.tour li a:focus p{transform: translateY(-90px); transition: 0.3s;}
.tour li a:hover img,.tour li a:focus img{opacity: 1; transition: 0.3s;}

}

@media all and (min-width:1023px) {
.main_con01::after{height: 740px;}
.m_content .wrap{margin: 0 5%;}

.m_search{margin-bottom: 40px;}
.m_search .search_con form input[type="text"]{height: 70px;}
.m_search .search_con form input[type="submit"]{height: 70px;}

.info_list .info_wrap div{padding: 60px;}
.info_list .info_wrap ul li{width:31.33%;}

.m_bbs{position: relative; height: 337px; padding: 0; border:none; z-index: 0; border-radius: 0 60px 0 0;}
.m_bbs::after{content: ''; position: absolute; left: 0; display: block; width: calc(100% - 50px); height: 40px; background: #f3fbfa; border-radius: 10px; z-index: -1;}
.m_bbs .bbs_con{bottom: 0;}
.m_bbs h3{position: relative; width: auto; padding: 0 26px 0 0; margin: 0 26px 0 0;}
.m_bbs h3 a{background: none; height: 40px; padding: 10px 0 0 0; font-size: 20px;}
.m_bbs h3.on a{padding: 10px; border-radius: 10px; transform: translateY(-10px);}
.m_bbs h3::after{content: ''; position: absolute; top: 18px; right: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background: #aad2e2;}
.m_bbs h3:first-of-type{margin: 0 26px 0 20px;}
.m_bbs h3:last-of-type:after{display: none;}
.m_bbs .bbs_con{width: 100%;}
.bbs_con ul{display: flex;flex-wrap: wrap;}
.bbs_con ul li{width: 24%;height: 265px;margin: 0 1% 0 0;}
.bbs_con ul li a{height: 265px !important;padding: 40px 20px 20px !important;border: 1px #e3e9f3 solid !important;border-radius: 20px;}
.bbs_con ul li a strong{width: 100%; height: 74px; margin-bottom: 20px !important; -webkit-line-clamp: 3 !important; font-size: 18px; font-weight: 500;}
.bbs_con ul li a strong::before{display: none;}
.bbs_con ul li a span{display: block; height: 70px; display: -webkit-box; -webkit-line-clamp: 3; margin-bottom: 20px;}
.bbs_con ul li a p{position: static; display: flex; justify-content: space-between;}
.bbs_con ul li>a>em{top: 20px;}
.bbs_con ul li a p i{color: #333;}
.bbs_con ul li a p em{display: block; font-size: 14px; font-style: normal; color: #0074a9;}
.bbs_con p .more{position: absolute; top: -73px; right: 0; width: 40px; height: 40px; background-color: #0074a9; background-position: 50% -37px !important; border-radius: 10px; font-size: 0;}
.bbs_con ul li a:hover,.bbs_con ul li a:focus{border: 1px #0074a9 solid !important;}
.bbs_con ul li a:hover strong,.bbs_con ul li a:focus strong{text-decoration: underline;}

.main_con02{margin-bottom: 40px;}

.m_sns2 div:after{right: 30px;width: 176px;height: 172px;}

.m_quick{margin: 0 5% 40px; padding: 40px;}


}

@media all and (min-width:1440px) {

.m_content .wrap{margin: 0 12px;}

.main_con01{padding: 40px 0 0 0; background: #fff; margin-bottom: 60px;}
.main_con01::after{bottom: auto; top: 0; width: calc(((100% - 1760px) / 2) + 1760px); height: 647px; border-radius: 0 0 100px 0; background: #f3fbfa;}
.main_con01 .wrap{position: relative; display: flex; justify-content: space-between;}
.main_con01 .l_con{width: calc(100% - 605px);}
.main_con01 .r_con{width: 565px;}

.m_search{margin-bottom: 40px;}

.info_list .info_wrap ul li{width:23%;}

.mayor{height: 403px; padding: 110px 30px 0 30px; margin-bottom: 40px;}
.mayor p.tit{margin-bottom: 34px;}

.m_link{display: block;}
.m_link>div{width: 100% !important; float: none !important;}
.m_link .link01{height: 180px;padding: 25px 30px 0;margin-bottom: 30px;}
.m_link .link01 ul{width: calc(100% - 80px);}
.m_link .link02{margin-bottom: 0;}
.m_link .link02 ul li a{height: 167px;padding: 30px 0 0 16px;font-size: 18px;background-size: 90% !important;}
.m_link .link02 ul li.l02_2 a span{font-size: 15px;}

.m_bbs{position: absolute; left: 0; bottom: 0; width: calc(100% - 565px); height: 377px; background: #fff; padding: 40px 0 0 0;}
.m_bbs::before{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 377px; background: #fff; }
.m_bbs::after{width: calc(100% - 90px);}
.m_bbs .bbs_con{width: calc(100% - 40px);}
    
.m_bbs_photo{width:68.7%;}
.m_bbs_photo ul{overflow: hidden;display: flex;justify-content: space-between;}
.m_bbs_photo ul li{display: block !important;width: 49%;}

.m_bbs_video{display:block;width: 340px;}
.m_bbs_video img{width: 100%; height: 200px;}
.m_bbs_video a{display: block;width: 340px;height: 300px;border: 1px #e3e9f3 solid;border-radius: 20px;text-align: center;overflow: hidden;}
.m_bbs_video a span{display: block; margin: 16px 0 4px; color: #0074a9; font-size: 14px;}
.m_bbs_video a strong{display: block; margin: 0 auto 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; width: 90%; white-space: nowrap;}
.m_bbs_video a:hover,.m_bbs_video a:focus{border-color: #0074a9;}
.m_bbs_video a:hover strong,.m_bbs_video a:focus strong{text-decoration: underline;}
    
.main_con02{overflow: visible;}
.main_con02 .r_con{width: 24% !important;}
.main_con02 .l_con{display: flex;justify-content: space-between;align-items: flex-end;width: 75% !important;}

.m_quick{position: relative; margin: 0 12px 60px; padding: 24px 30px 24px 200px;}
.m_quick::after{content: ''; display: block; clear: both;}
.m_quick::before{content: '';display: block;position: absolute;bottom: 0;left: 80px;width: 330px;height: 209px;background: url(' /upload_data/user_file/main/quick_bg.png') no-repeat;z-index: 1;}
.m_quick h2{float: left;margin-top: 21px;}
.m_quick ul{float: right;width: calc(100% - 200px);justify-content:space-between;}
.m_quick ul li{width: auto;margin: 0;z-index: 2;}
.m_quick ul li a{height: auto;padding: 0;border: none;line-height: 1.1em;}
.m_quick ul li a::before{width: 110px; height: 110px; border: 1px #e3e9f3 solid; border-radius: 20px;}
.m_quick ul li a:hover,.m_quick ul li a:focus{border: none;}
.m_quick ul li a:hover::before,.m_quick ul li a:focus::before{border-color: #0074a9;}
.m_quick ul li.q01 a::before{background-position: 50% 21px;}
.m_quick ul li.q02 a::before{background-position: 50% -95px;}
.m_quick ul li.q03 a::before{background-position: 50% -209px;}
.m_quick ul li.q04 a::before{background-position: 50% -323px;}
.m_quick ul li.q05 a::before{background-position: 50% -429px;}
.m_quick ul li.q06 a::before{background-position: 50% -546px;}
.m_quick ul li.q07 a::before{background-position: 50% -658px;}
.m_quick ul li.q08 a::before{background-position: 50% -769px;}
.m_quick ul li.q09 a::before{background-position: 50% -883px;}
.m_quick ul li.q10 a::before{background-position: 50% -994px;}

.main_con04{padding-top: 60px;}
.tour{padding: 60px 0;}
.tour .wrap::after{content: ''; display: block; clear: both;}
.tour h2{float: left; width: 390px; height: 390px; margin-top: -120px; margin-bottom: 0; padding: 80px 40px; background: #0074a9 url('/images/01_potal/main/tour_bg2.png') no-repeat left bottom; color: #fff; border-radius: 30px; font-size: 32px;}
.tour h2 span{color: #fff; font-size: 20px; font-weight: 500;}
.tour ul{float: right; width: calc(100% - 450px); margin: 0;}
.tour li{width: 380px;margin: 0 0 0 60px;}
.tour li a{height: 380px; background: #000;}
.tour li a img{opacity: 0.6;}
.tour .control button.prev{top: 60px; left: 40px;}
.tour .control button.next{top: 60px; right: auto; left: 90px;}
.tour .control .more{position: absolute; top: 140px; left: 40px; display: block; width: 215px; height: 60px; padding-top: 16px; color: #fff; background: linear-gradient(to right, #0075a5, #008b6b); border-radius: 50px; border: 1px #fff solid; text-align: center; font-size: 18px;}



.dark_mode .main_con01{background: #2d2d2d;}
.dark_mode .main_con01::after{background: #3f3f3f;}
.dark_mode .main_con01 .m_bbs{background: #2d2d2d;}
.dark_mode .main_con01 .m_bbs::before{background: #2d2d2d;}

}

@media (min-width: 1760px) {
.m_content .wrap{width: 1760px; margin: 0 auto;}

.m_search .slogan{width: auto;margin-left:80px;}
.m_search .search_con{width: 645px;}
.m_search .search_con legend{display: block; float: left; margin: 24px 26px 0 0; color: #0074a9; font-size: 18px; font-family: 'SBAggro';}
.m_search .search_con form input[type="text"]{width: 490px;}

.info_list .info_wrap{width: 1560px;}
.info_list .info_wrap>div{padding: 40px 60px;background: #fff url('/images/common/g_sitelist_bg.jpg') no-repeat top -100px left -200px;}
.info_list .info_wrap ul{max-height: 620px;}
.info_list .info_wrap .close{position: absolute; top: 34px; right: 60px; width: 60px; height: 60px; background-position: 50% -150px !important; }

.main_con02{padding-top: 60px;}
.main_con02 .l_con{width: 1260px !important;}
.main_con02 .r_con{width: 450px !important;}

.m_bbs_photo{width: 890px;overflow: hidden;margin-right: 0;}
.m_bbs_photo h2{float: left; }
.m_bbs_photo ul{float: right; width: calc(100% - 180px);}
.m_bbs_photo ul li{width:340px;}
.m_bbs_photo ul li a{height: 300px;}
.m_bbs_photo ul li img{height: 220px;}
.l_con p.more{position: absolute;right: auto;top: 80px;left: 0;}

.m_bbs_video img{height: 220px;}
    
.m_sns{height: 300px;}
.m_sns h2{float: none; width: auto; margin: 0 0 20px;}
.m_sns h3{margin: 0 5px 5px 0;}
.m_sns h3:nth-of-type(3){clear: both;}
.m_sns .sns_con{right: 0; width: 300px;}
.m_sns .sns_con a{height: 300px;}
.m_sns .sns_con a span{-webkit-line-clamp: 2;}

.m_quick{width: 1760px;margin: 0 auto 60px;padding: 24px 110px 24px 300px;}

}


/* 다크모드 */
.dark_mode{background: #2d2d2d;}
.dark_mode *{color: #fff;}

/* 다크모드 - layout */
.dark_mode .head{border-color: #3f3f3f;}
.dark_mode .head h1 a{display: inline-block; width: 139px; height: 35px; background: url('/images/01_potal/main/dark_logo.png') no-repeat;}
.dark_mode .head h1 a img{display: none;}
.dark_mode .head .gnb .login a{background: url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: -9px -1px;}
.dark_mode .head .gnb>div>a>span{background: url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: 50% -49px;}
.dark_mode .head .gnb .g_lang>a{background: #3f3f3f url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: 0 -217px;}
.dark_mode .head .gnb .g_lang .g_lang_wrap ul{background: #363636; border-color: #3f3f3f;}
.dark_mode .head .gnb .g_dark a{background: #3f3f3f url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: -2px -261px;}
.dark_mode .head .gnb>div>div .close{background-color: #0074a9;}
.dark_mode .head>button{background: url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: 50% -122px;}
.dark_mode .head .tsitemap a{background: url('/images/01_potal/main/dark_gnb.png') no-repeat; background-position: 50% -122px;}
.dark_mode .g_sitelist_wrap>div{background: #363636; border-color: #3f3f3f; box-shadow: 10px 10px 10px #212121;}
.dark_mode .g_sitelist_wrap h2{color: #fff;}
.dark_mode .g_sitelist_wrap h2 strong{color: #fff;}
.dark_mode .g_sitelist_wrap h3{color: #fff;}
.dark_mode .g_sitelist_wrap ul{background: #2d2d2d;}
.dark_mode .g_sitelist_wrap ul li a:hover, .dark_mode .g_sitelist_wrap ul li a:focus{color: #fff; text-decoration: underline;}

.dark_mode nav{background: #2d2d2d; border: 1px #3f3f3f;}
.dark_mode .menu ul li a{border-color: #4d4d4d;}
.dark_mode .menu>ul>li>a::before{background: #0074a9;}
.dark_mode .menu ul li .depth_box{background: #363636;}
.dark_mode .menu ul li li a{color: #fff;}
.dark_mode .menu ul ul ul{background: #2d2d2d;}
.dark_mode .menu ul li li li a::before{background: #3f3f3f;}
.dark_mode .menu ul ul ul ul{background: #3f3f3f;}
.dark_mode .menu ul li li li li a::before{background: #676767;}
.dark_mode .menu ul li li a:hover, .dark_mode .menu ul li li a:focus{color: #fff; text-decoration: underline;}
.dark_mode .menu ul li .new_win{background-position: 50% -7px;}
.dark_mode .menu ul li li .new_win{background-position: 50% -91px;}

.dark_mode footer .top a{box-shadow: 10px 10px 10px #212121;}
.dark_mode .f_banner{border-color: #3f3f3f;}
.dark_mode .f_banner .control p button{background: #2d2d2d url('/images/01_potal/main/dark_footer_arrow.png') no-repeat; border-color: #3f3f3f;}
.dark_mode .f_banner .control p button.prev{background-position: 50% 7px;}
.dark_mode .f_banner .control p button.next{background-position: 50% -59px;}
.dark_mode .f_banner .control p button.play{background-position: 50% -37px;}
.dark_mode .f_banner .control p button.stop{background-position: 50% -13px;}
.dark_mode .f_add ul li a strong{color:#50bdef;}
.dark_mode .f_add ul li a:after{background: #6c6c6c;}
.dark_mode .sitelink_list>div>button{background: #3f3f3f;}
.dark_mode .sitelink_list ul{background: #3f3f3f; }

/* 다크모드 - main */
.dark_mode h2{color:#50bdef;}
.dark_mode .main_con01{background: #3f3f3f;}
.dark_mode .main_con01::after{background: #2d2d2d;}
.dark_mode .main_con02::after{background: #363636;}
.dark_mode .main_con04 .tour{background-color: #2d2d2d;}
.dark_mode .m_search .search_con legend{color: #50bdef;}
.dark_mode .info_zone .control button,.dark_mode .info_list button.all{background: url('/images/01_potal/main/m_dark_arrow.png') no-repeat; border: 1px #858585 solid;}
.dark_mode .info_zone .control em::after{background: #797979;}
.dark_mode .mayor .tit strong{color: #fff;}
.dark_mode .mayor ul li a{background-color: #505050;  border: none;}
.dark_mode .mayor ul li a:hover,.dark_mode .mayor ul li a:focus{background: #0074a9 url('/images/01_potal/main/m_dark_ico.png') no-repeat; color: #fff;}
.dark_mode .m_link .link01 h2 span{color: #fff;}
.dark_mode .m_link .link02 ul li a span{color: #333;}
.dark_mode .m_bbs::after{background: #3d3d3d;}
.dark_mode .m_bbs h3 a{background: #3d3d3d;}
.dark_mode .m_bbs h3 a:hover,.dark_mode .m_bbs h3 a:focus{color:#50bdef;}
.dark_mode .m_bbs h3.on a{background: #0074a9;}
.dark_mode .m_bbs h3::after{background: #686868;}
.dark_mode .bbs_con ul li a p em{color: #fff;} 
.dark_mode .bbs_con ul li a p i{color: #fff;}
.dark_mode .bbs_con p .more{color: #fff; background: url('/images/01_potal/main/m_dark_ico.png') no-repeat;}
.dark_mode .m_bbs_photo ul li a{background: #2d2d2d; border: none;}
.dark_mode .m_bbs_photo ul li a span{color: #fff;}
.dark_mode .m_bbs_photo p.more a{background: #363636 url('/images/01_potal/main/m_dark_ico.png') no-repeat; border: 1px #858585 solid;}
.dark_mode .m_bbs_video a{background: #2d2d2d; border: none;}
.dark_mode .m_sns .sns_con a{background: #2d2d2d;}
.dark_mode .m_quick{border-color: #505050; background: #2d2d2d;}
.dark_mode .m_quick ul li a:hover,.dark_mode .m_quick ul li a:focus{color: #fff; text-decoration: underline;}
.dark_mode .tour h2{color: #fff;}
.dark_mode .tour li p span{color: #333;}

@media all and (min-width:1023px) {
.dark_mode .g_sitelist_wrap>div>div>div:hover h3{color: #fff;}
.dark_mode .g_sitelist_wrap>div>div>div:hover h3::after{background: #fff; transition: 0.3s;}

.dark_mode .menu ul li a{color: #fff;}
.dark_mode .menu>ul>li.on>a, .dark_mode .menu>ul>li:hover>a{color:#50bdef;}
.dark_mode .menu>ul>li>a::before{background: #50bdef;}
.dark_mode .menu ul li .depth_box{border-color: #3f3f3f; box-shadow: 0px 5px 16px #212121;}
.dark_mode .menu ul ul ul{background: none;}
.dark_mode .menu ul li li li a::before{background: #676767;}

.dark_mode .bbs_con p .more{border: none;}
}      


@media all and (min-width:1440px) {
.dark_mode .main_con01{background: #2d2d2d;}
.dark_mode .main_con01::after{ background: #3f3f3f;}

}
@media all and (min-width:1760px) {
.dark_mode .g_sitelist_wrap>div>div{background: #3f3f3f; box-shadow: 10px 10px 10px #252525;}

}                       
/*큰이미지보기_인포존*/
.info_bv{display: none;position: fixed;top: 40px;left: 0;right: 0;width: 90%;margin: 0 auto;z-index: 99;}
.info_bv::before{content: '';position: fixed;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: -1;}
.info_bv .img{clear: both;width: auto;float: none;text-align: center;}
.info_zone .info_bv img{height: auto;}
.info_bv button.close{display: block;width: 40px;height: 40px;margin: 0 auto;font-size: 0;background: #000 url('/images/common/gnb.png') no-repeat;background-position: 50% -160px;border-radius: 10px;position: absolute;top: -11px;right: -11px;} 
.info_bv.on {display:block;}

@media all and (min-width:768px) {
.info_bv>div{max-width: 600px;position: relative;margin: 0 auto;padding: 50px 0;}
.info_bv button.close{right: -30px;width: 60px;height: 60px;background-position: 50% -150px !important;top: 25px;}
}