@charset "utf-8";
.slick-vertical .slick-slide{border:none;}

#container_main{position:relative; overflow:hidden; width:100%;}

.control:after{content:''; display:block; clear:both; width:100%;}
.control button, .control a{position:relative;float:left;width:18px;height:20px;font-size:0;text-indent:-9999px;background: url(/images/kr/main/ico_ctrl.png) no-repeat 5px 3px;}
.control .btn_next{background-position: -98px 3px;}
.control .btn_stop{background-position: -130px -1px;}
.control .btn_stop.on{background-position:-184px -1px;}


.main {padding: 50px 0;background: url(/images/kr/main/bg_main.jpg)no-repeat center;background-size: cover;box-sizing: border-box;}
.main .inner {padding: 0 0 0 219px;}
.sec1 {float: left;width: 830px;}
.sec2 {float: right;width: 300px;}

@media all and (max-width:1440px){
    .main .inner {padding: 0 15px;}
    .sec1 {width: 69%;}
    .sec2 {width: 27.5%;}
}

@media all and (max-width:1024px){
	.main {padding:40px 0;}
    .sec1, .sec2 {width: 100%;}
}

@media all and (max-width:768px){
	.main {padding:35px 0;}
    .sec1 {margin: 0 0 10px;}
}

@media all and (max-width:568px){
	.main {padding:25px 0;}
    .sec1 {margin: 0 0 20px;}
}

/* 비주얼 */
#visual{position:relative;width:100%;height: 370px;margin: 0 0 50px;border-radius:10px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);overflow: hidden;}
#visual .list_wrap{width:100%;height:100%;}
#visual .list_wrap .list{overflow:hidden;position:relative;height: 100%;left:0;top:0;border-radius:10px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual .list_wrap *{vertical-align:top; width:100%; height:100%;}
#visual .list img{width: 100%;height:100%;}
#visual .control{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: wrap;align-items: center;}
#visual .dots_wrap {margin: 0 15px;}
#visual .dots_wrap li {float: left; margin: 0 12px 0 0;}
#visual .dots_wrap li:last-child {margin: 0;}
#visual .dots_wrap button{width: 12px; height: 12px; font-size: 0; border-radius: 50%; background: #d5d5d5;}
#visual .dots_wrap li.slick-active button{background: #439079;}
@media all and (max-width:1024px){
	#visual {margin:0 0 30px;}
}
@media all and (max-width:768px){
    #visual {height: auto;}
}

@media all and (max-width:568px){
    #visual {margin: 0 0 25px;height: 250px;}
	#visual .control {bottom:15px;}
	#visual .dots_wrap {margin:0 7px;}
	#visual .dots_wrap li {margin: 0 5px 0 0;}
	#visual .dots_wrap button {width:10px; height:10px;}
}

@media all and (max-width:440px){
    #visual {height: 220px;}
}

@media all and (max-width:380px){
    #visual {height: 180px;}
}


/* 현역의원 */
#member li {float: left;margin: 0 0 18px 1.2%;width: 13.25%;height: 180px;overflow: hidden;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
#member li:first-child {margin-left: 0;}
#member li a {position: relative; display: block; width: 100%; height: 100%;}
#member li a img {width: 100%;height: 120px;}
#member li a div {display: block;padding: 3px 0;width: 100%;height: 60px;background: #333;font-size: 18px;font-weight: 500;color: #fff;text-align: center;box-sizing: border-box;}
#member li a div span {display:block;margin: 2px 0 0;padding: 3px 0 0;border-top:1px dashed rgba(255,255,255,0.2);font-size: 16px;color:#fefdcb;}

@media all and (max-width:768px){
    #member li {height: 160px;}
	#member li a img {height: 108px;}
	#member li a div {height: 52px;font-size: 15px;}
	#member li a div span {font-size:14px;}
}
@media all and (max-width:600px){
	#member li {width: 24%;}
	#member li:nth-child(5) {margin-left: 0;}
}
@media all and (max-width:430px){
	#member li {height:140px;margin-bottom: 10px;}
	#member li a img {height: 92px;}
	#member li a div {height:48px; font-size:14px;}
	#member li a div span {font-size:13px;}
}

@media all and (max-width:380px){
	#member li {height:120px;}
	#member li a img {height: 72px;}
}

/* 열린의장실 */
#chairman{z-index:1;overflow:hidden;position:relative;float:left;width:100%;height: 370px;margin: 0 0 50px;border-radius:10px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);background: url(/images/kr/main/bg_chairman.jpg)no-repeat;background-size: cover;}
#chairman .top {padding: 28px 0 0 155px;box-sizing: border-box;}
#chairman h4{position: relative;display: inline-block;font-size:28px;font-weight: 500;color: #1355b7;}
#chairman h4:after {content: ''; display: block; position: absolute; top: 0; right: -35px; width: 20px; height: 23px; background: url(/images/kr/main/bg_chairman2.png)no-repeat;}
#chairman .pic{overflow:hidden;position:absolute;left: 0;bottom: 70px;z-index: -1;}
#chairman .name{position:relative;padding: 20px 0 0;line-height: 1.5;font-weight: 500;color: #fff;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
#chairman .name span {display: block; color: #ffe789;}
#chairman .name .blue {color: #1355b7; text-shadow: none;}
#chairman .name .red {color: #b71313; text-shadow: none;}
#chairman .name img {vertical-align:bottom;}
#chairman .btns {position:absolute;bottom:0;left:0;width:100%;border-radius: 10px 10px 0 0;overflow: hidden;}
#chairman .btns a{position: relative;float: left;display: block;padding: 41px 0 0;width: calc(100% / 2);height: 80px;background: #435990 url(/images/kr/main/ico_greeting.png)no-repeat center 17px;font-size: 18px;font-weight: 300;color: #fff;text-align: center;text-decoration: none;box-sizing: border-box;transition: 0.2s ease-in-out;}
#chairman .btns a:nth-child(2) {background-image: url(/images/kr/main/ico_home.png);}
#chairman .btns a:nth-child(2):before {content:'';display:block;position:absolute;top: 50%;left: 0;transform: translateY(-50%) rotate(20deg);width: 1px;height: 19px;background: #fff;}
#chairman .btns a:hover {background-color: #384a78;}
#chairman .btns a:first-child:after {content:'';display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

@media all and (max-width:1024px){
    #chairman {width: 48%;height: 250px;margin: 0 0 30px;}
    #chairman .top {padding: 20px 0 0 120px;}
    #chairman h4 {font-size: 26px;}
	#chairman .pic {bottom:54px;} 
    #chairman .pic img {height: 170px;}
    #chairman .name {padding: 12px 0 0;}
    #chairman .btns a {padding: 0 0 0 7%;line-height: 62px;height: 62px;background-position: 26% 19px;font-size: 16px;}
    #chairman .btns a:nth-child(2) {background-position: 26% 20px;}
}
@media all and (max-width:768px){
    #chairman {width: 100%;}
}
@media all and (max-width:568px){
    #chairman h4 {font-size: 24px;}
    #chairman .name {padding: 10px 0 0;}
	#chairman .btns a {font-size:15px;}
}
@media all and (max-width:380px){
    #chairman h4 {font-size: 22px;}
    #chairman .pic img {height: 160px;}
}

/* 의사일정 */
#agenda{position:relative;float:right;width:100%;height: 180px;padding: 30px 20px 0;border-radius:10px;background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-sizing:border-box;}
#agenda .tit_wrap {position: relative;}
#agenda .tit_wrap h4{font-family: 'score';font-size: 18px;font-weight: 500;}
#agenda .tit_wrap .more {position: absolute; top: 2px; right: 0; display: block; width: 73px; height: 20px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; background: #439079; text-decoration: none; border-radius: 10px;}
#agenda .tit_wrap .more:after {content: ''; display: inline-block; margin: 0 0 0 6px; width: 12px; height: 12px; background: url(/images/kr/main/ico_ctrl.png)no-repeat -205px -1px;}

#agenda .date_wrap {position: relative;margin: 22px 0 0;}
#agenda .date_wrap .control button {position: absolute;top: 5px;left: 0;width: 30px;height: 11px;background-position: 0 -45px;z-index: 2;}
#agenda .date_wrap .control .btn_next {left: auto;right: 0;background-position: -188px -45px;}
#agenda .date {text-align: center; font-size: 22px; font-weight: 300; line-height: 1;}
#agenda .date em {font-weight: 600; color: #435990;}

#agenda .txt_wrap {position: relative; margin: 14px 0 0; padding: 0 20px; height: 40px; line-height: 40px; background: #e9f3eb; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
#agenda .txt_wrap p {font-size: 15px; font-weight: 300; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#agenda .txt_wrap .control {position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
#agenda .txt_wrap .control .btn_stop {width: 15px; height: 15px; background-position: -133px -62px;}
#agenda .txt_wrap .control .btn_stop.on {background-position: -187px -62px;}

@media all and (max-width:1024px){
    #agenda {padding: 50px 30px;width: 48%;height: 250px;}
	#agenda .tit_wrap h4 {font-size:22px;}
	#agenda .date_wrap {margin:30px 0 0;}
}
@media all and (max-width:768px){
    #agenda {padding: 30px 20px 0; width: 100%;height: 180px;}
	#agenda .tit_wrap h4 {font-size:18px;}
	#agenda .date_wrap {margin:20px 0 0;}
}
@media all and (max-width:568px){
    #agenda {padding-top: 25px;}
    #agenda .tit_wrap h4 {font-size: 20px;}
    #agenda .date_wrap .control .btn_prev {left: 20px;}
    #agenda .date_wrap .control .btn_next {right: 20px;}
    #agenda .date {font-size: 20px;}
    #agenda .txt_wrap {height: 50px; line-height: 50px;}
}
@media all and (max-width:380px){
    #agenda .date {font-size: 18px;}
}


/* 바로가기 */
#link {position: absolute;left: 0;top: 0;padding: 30px 24px;width: 170px;height: 500px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-sizing: border-box;}
#link ul {display: flex;flex-wrap: wrap;justify-content: center;}
#link li {margin: 0 0 30px;width: 89px;}
#link li:nth-child(n+7) {margin: 0;}
#link li a {position: relative;display: block;padding: 90px 0 0;width: 100%;font-weight: 500;text-align: center;box-sizing: border-box;text-decoration: none;}
#link li a:before {content: '';display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 80px;background: url(/images/kr/main/ico_link1.png)no-repeat center;border: 1px solid #ccc;border-radius: 50%;transition: 0.2s ease-in-out;box-sizing: border-box;}
#link li.link2 a:before {background-image: url(/images/kr/main/ico_link2.png);}
#link li.link3 a:before {background-image: url(/images/kr/main/ico_link3.png);}
#link li.link4 a:before {background-image: url(/images/kr/main/ico_link4.png);}

@media all and (max-width:1440px){
    #link {float: left;position: static;padding: 30px 5%;width: 100%;height: auto;}
	#link ul {justify-content:space-between;}
    #link li {margin: 0;}
}

@media all and (max-width:850px){
    #link li {width: 25%;}
    #link li:nth-child(n+5) {margin: 20px 0 0;}
    #link li a:before {left: 50%; transform: translateX(-50%);}
}

@media all and (max-width:768px){
    #link {margin: 30px 0 0;}
}

@media all and (max-width:568px){
    #link li a {padding: 85px 0 0; font-size: 14px;}
    #link li a:before {width: 77px;height: 77px;}
}

@media all and (max-width:380px){
    #link li a {padding: 75px 0 0; font-size: 13px;}
    #link li a:before {width: 60px; height: 60px; background-size: auto 26px;}
}


.board_wrap {margin: 45px auto 50px;}

/* 게시판 */
#board{position:relative; float:left; width:calc(100% - 487px); height:408px; box-sizing:border-box;}
#board h4{font-size: 28px;font-weight: 500;}
#board > ul{float:left;width:100%;margin: 20px 0 0;padding: 0 60px 0 0;box-sizing:border-box;}
#board > ul > li{float:left;width: 20%;}
#board li h5{line-height:0; padding:0;}
#board li h5 br{display:none;}
#board li h5 a{position:relative;display:inline-block;width: 100%;line-height:100%;text-align: center;font-size: 18px;font-weight: 500;text-decoration:none;box-sizing:border-box;}
#board li h5 span{position:relative;display:block;line-height: 62px;}
#board li h5 a:hover,
#board li.on h5 a{color: #cbfee1;border-radius: 10px 10px 0 0;background: #435990;transition:text-shadow 0.3s 0.06s ease-in-out;}

#board .con{visibility:hidden; opacity:0; position:absolute; top:49px; left:0; width:100%;}
#board .on .con{visibility:visible;opacity:1;top: 120px;}
#board .con ul{overflow:hidden;width:100%;height: 262px;padding: 20px;border: 1px solid #e8e8e8;border-top: 2px solid #435990;box-sizing:border-box;}
#board .con .dot > li:before {width:5px;height:5px;top: 50%;transform: translateY(-50%);background: #435990;}
#board .con li{position:relative;float:left;margin: 0 0 5px;width:100%;box-sizing:border-box;}
#board .con li:last-child {margin:0;}
#board .con li a{position:relative;float:left;width:100%;padding: 0 100px 0 0;box-sizing:border-box;text-decoration:none;}
#board a:hover .tit,
#board a:focus .tit,
#board a:active .tit{color:#000; text-decoration:underline;}
#board .tit{display:inline-block;vertical-align: middle;max-width: 98%;padding:0 20px 0 0;color:#333;font-size: 18px;font-weight: 300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
#board .tit span{display:inline-block;vertical-align: middle;width: 101px;height: 40px;line-height: 40px;margin:0 24px 0 0;font-weight:300;font-size:14px;border-radius: 10px 10px 0 10px;color: #fff;background: #439079;text-align:center;transition:0.2s ease-in-out;}
#board .new{display:inline-block;vertical-align:middle;width:18px;height:18px;line-height:18px;margin: 0 0 0 -22px;font-size:10px;font-weight:400;text-align:center;color:#fff;border-radius:50%;background:#ff9c00;text-transform:uppercase;}
#board .date{display:block;position:absolute;right: 0;top: 6px;font-size: 18px;font-weight: 300;}
#board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#board .more{position: absolute;top: -60px;right: 0;display:none;width: 60px;height: 60px;font-size: 0;border-radius: 10px 10px 0 0;background: #f1f1f1 url(/images/kr/main/ico_plus.png)no-repeat center;text-decoration: none;}
#board .more:after {content: ''; display: inline-block; margin: 0 0 0 9px; width: 10px; height: 10px; background: url(/images/kr/main/ico_ctrl.png)no-repeat -2px -110px;}
#board .on .more{display:block;}

#board .first {padding:5px; border-radius:10px; box-sizing:border-box; background:url(/images/kr/main/bg_pattern.png) repeat;}
#board .first a{display:block; position:relative; width:100%; height:114px; padding:24px 10px 0 129px; border-radius:10px; box-sizing:border-box; text-decoration:none; background:#fff;}
#board .first .title{display:inline-block; vertical-align:top; max-width:98%; line-height:34px; padding:0 20px 12px 0; font-weight:500; font-size:19px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#board .first .title span{display:inline-block; vertical-align:top; width:92px; height:34px; line-height:34px; margin:0 14px 0 0; font-size:15px; font-weight:300; color:#fff; background:#3a9fa3; border-radius:17px; text-align:center;}
#board .first .detail{display:block; width:100%; font-size:15px; color:#555; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board .first .new{margin-top:6px;}
#board .first .date{display:table; right:auto; top:18px; left:25px; width:85px; height:80px; line-height:100%; font-size:14px; color:#666; font-weight:300; border:8px solid #e2f1f1; border-radius:10px; text-align:center; box-sizing:border-box; transition:0.25s ease-in-out;}
#board .first .date div{display:table-cell; vertical-align:middle;}
#board .first .date strong{display:block; padding:0 0 6px; line-height:100%; font-size:23px; font-weight:700; color:#3a9fa3;}
#board .first a:hover .title{text-decoration:underline;}
#board .first a:hover .date{border-color:#addadc;}

@media all and (max-width:1280px) {
	#board{height:392px;}
	#board li h5 a{font-size: 16px;}
	
}
@media all and (max-width:1180px) {
	#board{width:calc(100% - 470px); height:370px;}
	#board .tit {font-size:17px;}
	#board .tit span {margin:0 10px 0 0;}
	#board .date {font-size:16px;}
}
@media all and (max-width:1024px) {
    .board_wrap {margin: 25px auto 45px;}
    
	#board{width: 100%;}
	#board h4 {font-size:26px;}
	#board li h5 span{line-height: 54px; font-size:16px;}
	#board .on .con {top:110px;}
	#board .more {width:54px; height:54px; top:-54px;}
}
@media all and (max-width:568px) {
	#board {height: 335px;}
	#board > ul {padding:0 35px 0 0;}
	#board h4 {font-size:24px;}
	#board > ul > li:first-child {width:16%;}
	#board > ul > li:last-child {width:24%;}
	#board li h5 span {line-height: 46px;font-size:15px;}
	#board .on .con {top: 99px;}
	#board .con ul {height: auto;padding: 17px 15px;}
	#board .con li a {padding: 0 65px 0 0;}
	
	#board .tit {font-size:16px;}
	#board .tit span {width: 85px;height:34px;line-height:34px;font-size: 13px;}
	#board .new {width:16px; height:16px; line-height:16px;}
	#board .date {font-size:14px;letter-spacing: -2px;}
	#board .more {width:30px;height:30px;top: -38px;border-radius:5px;background-size: auto 16px;}
}
@media all and (max-width:420px) {
	#board {height: 260px;}
	#board h4 {font-size:22px;}
	#board > ul {margin:15px 0 0; padding:0}
	#board .on .con {top: 88px;}
	#board li h5 span {line-height: 45px;font-size:14px;} 
	#board > ul > li {width:19%}
	#board > ul > li:first-child {width:16%;}
	#board > ul > li:last-child {width:27%;}
	#board .tit {font-size:15px;}
	#board .tit span {display:none;}
	#board .more {top:-87px;}
}

/* 팝업존 */
#popup {float: right; width: 470px;}
#popup .tit_wrap {position: relative;margin: 0 0 20px;} 
#popup .tit_wrap h4 {font-size: 28px; font-weight: 500;} 
#popup .control {display: flex;flex-wrap: wrap;align-items: center;position: absolute;top: 6px;right: 0;}
#popup .control .page_v {margin: 0 10px 0 0;font-size: 20px;}
#popup .control .page_v .current {font-weight:500; color:#435990;}
#popup .control .dash {margin: 0 5px 0 1px;}
#popup .control .btns button {margin: 0 0 0 5px;width: 20px;height: 20px;background: url(/images/kr/main/ico_ctrl.png) no-repeat 5px -90px;box-sizing: border-box;}
#popup .control .btns .btn_next {background-position: -70px -90px;}
#popup .control .btns .btn_stop {background-position: -136px -90px;}
#popup .control .btns .btn_stop.on {background-position: -202px -90px;} 

#popup .list_wrap {height: 322px;overflow: hidden;box-sizing: border-box;}
#popup .list_wrap .none {padding: 50px 0; text-align: center;}

@media all and (max-width:1180px){
	#popup {width:450px;}
}

@media all and (max-width:1024px){
    #popup {width: 100%;margin: 30px 0 0;}
    #popup .tit_wrap h4 {font-size: 26px;}
	#popup .control .page_v {font-size:17px;}
    #popup img {margin: 0 auto;}
}

@media all and (max-width:568px){
	#popup {margin:25px 0 0;}
    #popup .tit_wrap h4 {font-size: 24px;}
    #popup .list_wrap {height: auto;}
	#popup .control .page_v {font-size:15px;}
}


/* 갤러리 */
#gallery {z-index:1; position:relative; clear:both; width: 100%; max-width:1920px; margin: 0 auto; overflow: hidden; background: #f1f1f1;}
#gallery:before{z-index:-1;content:'';display:block;position:absolute;top:0;left:0;width: 670px;height: 366px;border-radius: 0 50px 0 0;background:#3696a9 url(/images/kr/main/bg_gallery.jpg) no-repeat 0 100%;}
#gallery .inner{height: 366px;}
#gallery .title{position:absolute; top:50px; left:0; width:250px; line-height:1.5; word-break:keep-all; font-weight: 300; color:#fff;}
#gallery h4{padding:0 0 17px; line-height:1; font-size:28px; font-weight: 500; color:#fff;}
#gallery .info {text-shadow: 0px 0px 3px rgb(0 65 72 / 80%);} 
#gallery .list_wrap{position:absolute; top: 0; left:275px;}
#gallery .list_wrap .list:not(:first-of-type){display:none;}
#gallery .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{overflow:hidden;position:relative;width: 320px;margin: 50px 50px 50px 0;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);text-decoration: none;background:#fff;transition:margin-top 0.25s ease-in-out;}
#gallery .list a:hover{margin-top:68px;}
#gallery .img{position:relative; overflow:hidden;}
#gallery .img img{width:100%;height: 202px;}
#gallery .sbj{height: 63px;padding: 8px 10px;transition:background 0.25s ease-in-out;box-sizing:border-box;}
#gallery .tit{position:relative;z-index:1;display:inline-block;max-width: 97%;padding: 0 20px 5px 0;color:#333;font-size:18px;font-weight: 300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;box-sizing:border-box;}
#gallery .date{font-size: 18px;color: #333;line-height: 1;}
#gallery .new{position:relative;z-index:1;display:inline-block;vertical-align: middle;width:17px;height:17px;line-height:18px;margin: -6px 0 0 -20px;font-size:10px;font-weight:200;border-radius:50%;text-transform:uppercase;text-align:center;color:#fff;background:#ff9c00;}
#gallery a:hover .tit{text-decoration:underline;}
#gallery .control {margin: 20px 0 0;} 
#gallery .control button{display:inline-block;text-indent: -9999px;float:left;width:57px;height:57px;border:none;border-radius: 50%;background-color:rgba(0,0,0,0.5);background-position: 23px -132px;transition: 0.2s ease-in-out;}
#gallery .control .btn_next{margin: 0 0 0 10px;background-position: -77px -132px;}
#gallery .more{display: inline-block;margin: 95px 0 0;font-size:16px;font-weight: 500;color: #fff;line-height: 1;text-indent: 0;background: none;text-decoration: none;}
#gallery .more:after {content:'';display:inline-block;margin: 0 0 3px 6px;width: 9px;height: 8px;background: url(/images/kr/main/ico_ctrl.png)no-repeat -206px -4px;}
#gallery .control button:hover{background-color: rgba(0,0,0,0.75);}
#gallery .view{display:block; position:static; margin:33px 0 44px; line-height:100%; color:#fff; font-weight:300;}
#gallery .view:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-1px 0 0 12px; background:url(/images/kr/main/ico_more2.gif) no-repeat;}

@media all and (max-width:1440px){
    #gallery .title {left: 15px;}
}
@media all and (max-width:1024px){
	#gallery:before {width:100%;background-size:cover;height: 282px;background-position: top center;}
	#gallery h4 {padding: 12px 0 10px;}
	#gallery .more {margin:20px 0 0;}
	#gallery .inner {height:auto;}
    
    #gallery .title{position: relative;top: 0;left: 0;padding: 30px 0 0;width: 100%;}
    #gallery .list_wrap {position: static;margin: 35px 0 0;}
	#gallery .control {position: absolute;top: 20px;right: 15px;}

	#gallery .list a {margin: 0 auto 20px; width:calc(100% - 20px);}
    #gallery .list a:hover {margin-top: 0;}
    #gallery .img img {height: 180px;}
    #gallery .tit, #gallery .date {font-size: 16px;}
}

@media all and (max-width:768px){
    #gallery:before {height: 230px;}
    #gallery .info {font-size: 15px;}
    #gallery h4 {font-size: 28px;}
    #gallery .info {line-height: 1.4;}
    #gallery .list_wrap {margin: 25px 0 0;}
    #gallery .img img {height: 140px;}
    #gallery .tit {font-size: 16px;}
    
    #gallery .control button, #gallery .control .more {width: 46px;height: 46px;background-position: 17px -137px;}
    #gallery .control .btn_next {background-position: -83px -137px;}
}

@media all and (max-width:568px){
    #gallery h4 {font-size: 26px;}
    #gallery .list a {width:calc(100% - 15px);}
    #gallery .img img {height: 130px;}
    #gallery .info {font-size: 14px;}
    #gallery .date {font-size: 13px;}
	#gallery .new {width: 15px;height: 15px;line-height: 15px;}
}

@media all and (max-width:440px){
    #gallery .img img {height: 120px;}
    #gallery .tit {font-size: 15px;padding-bottom: 7px;}
    #gallery .list a {width:calc(100% - 10px);}
}

@media all and (max-width:380px){
    #gallery .img img {height: 110px;}
    #gallery .date {font-size: 12px;}
}


/* 배너 */
#banner{position:relative;float:left;width:100%;height: 130px;}
#banner .inner{padding: 30px 0 0 335px;}
#banner h4{position:absolute;top: 45px;left:0;font-size: 28px;font-weight: 500;}
#banner .control{position:absolute;left: 131px;top: 41px;}
#banner .control button{position:static;margin: 0 0 0 10px;width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 50%;}
#banner .control button:first-child{margin:0;}
#banner .control button:hover{border-color:#959595;}
#banner .btn_prev{background-position: 19px -188px;}
#banner .btn_next{background-position: -51px -188px;}
#banner .btn_stop{background-position: -121px -188px;}
#banner .btn_stop.on{background-position: -187px -188px;}
#banner .list_wrap{position:relative; float:left; width:100%; box-sizing:border-box; text-align:center;}
#banner .list{float:left;position:relative;margin: 0 25px 0 0;}
#banner .list a{display:block;width: 248px;border: 1px solid #f1f1f1;border-radius: 10px;box-sizing: border-box;overflow: hidden;}
#banner .slick-slide img{display:inline;max-width: 100%;}
@media all and (max-width:1430px) {
	#banner h4{left:15px;}
	#banner .control{left:135px;}
}
@media all and (max-width:768px) {
	#banner{height:auto;padding: 10px 0 0;}
	#banner .inner{padding:0;}
	#banner h4{position:static;width:100%;padding: 14px 0 0 10px;font-size:22px;box-sizing:border-box;}
	#banner .control{top: 12px;left:100px;}
	#banner .control button{margin:0 0 0 4px;width: 34px;height: 34px;}
	#banner .btn_prev{background-position: 11px -195px;}
	#banner .btn_next{background-position: -59px -195px;}
	#banner .btn_stop{background-position: -130px -195px;}
	#banner .btn_stop.on{background-position: -195px -195px;}
	#banner .list_wrap{padding: 17px 10px 15px;}
	#banner .list a{padding:0 15px;}
}
@media all and (max-width:568px) {
	#banner h4{font-size:21px;}
	#banner .control{top:8px; left:95px;}
}
@media all and (max-width:380px) {
	#banner h4{font-size:20px;}
	#banner .control{top: 10px;left:93px;}
	#banner .list a {width: calc(100% - 5px);}
}