.hr{ height:30px; }
.m-g{ padding-top:100px; padding-bottom:100px; }
.m-g-b{ padding-bottom:100px; }
.m-subj{ font-size:40px; text-align:center; position:relative; }
.m-subj::after{ position:absolute; top:60px; content:""; left:50%; height:2px; width:100px; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); }
.m-caption{ font-size:16px; padding:20px 0; text-align:center; }
.m-subj-2{ font-size:40px; text-align:center; position:relative; }
.m-subj-2::after{ position:absolute; top:60px; content:""; left:50%; height:2px; width:100px; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); }
.m-caption-2{ font-size:14px; padding:20px 0; text-align:center; }
.m-latest{ margin-top:30px; }
.bg-gray{ padding:50px 0; }
.main-box{ padding-top:50px; padding-bottom:0; }
.m-box{ margin-bottom:35px; }
.m-icon{ float:left; }
.m-conn{ padding-left:45px; }
.m-conn h5 a{ font-size:20px; line-height:24px; }
.m-conn p{ font-size:13px; line-height:22px; margin:0; }
.m-img-box{ text-align:center; }
@media(max-width:767px){
	.m-img-box{ margin-bottom:30px; }
}

.m-ef{ position:relative; display:block; z-index:1; font-size:1.2em; top:4px; width:32px; height:32px; line-height:32px; text-align:center; margin:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.m-ef:after, .icon-medium-effect:after, .icon-large-effect:after{ pointer-events:none; position:absolute; width:100%; height:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.m-ef-1:after{ top:-2px; left:-2px; padding:2px; z-index:-1; -webkit-transition:-webkit-transform 0.4s, opacity 0.4s; -moz-transition:-moz-transform 0.4s, opacity 0.4s; transition:transform 0.4s, opacity 0.4s; }
.m-ef-1:hover:after, .m-box:hover .m-ef-1:after{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); opacity:0; }
.m-nav-tabs{ display:table; table-layout:fixed; width:100%; }
.m-nav-tabs li{ display:table-cell; }
.m-nav-tabs .nav-item{ width:auto; text-align:center; }
.m-nav-tabs .more{ width:100px; text-align:right; }
.subj{ margin:0 0 15px 0; display:table; table-layout:fixed; width:100%; }
.subj-1 .t{ display:table-cell; font-size:16px; padding:0 0 10px 0; display:inline-block; margin:-1px 0; width:auto; }
.subj-2 .t{ display:table-cell; font-size:25px; padding:0 0 10px 0; display:inline-block; margin:-1px 0; width:auto; }
.subj .more-btn{ display:table-cell; text-align:right; width:10px; }
.ls-tel{ width:100%; font-size:28px; font-weight:bold; }
.ls-info{ width:100%; margin:5px 0; font-size:12px; }
.ls-msg{ width:100%; font-size:14px; }
.ls-info i{ font-size:16px; padding:5px 0; width:30px; text-align:center; margin:5px 10px 0 0; border-radius:2px; }
.m-bg-wrap{ position:relative; z-index:1; padding:50px 0; }
.m-bg-wrap .m-bg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-2; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; background-image:url("./img/subbg.jpg"); }
.m-bg-wrap .m-bg-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.dia-wrap{ min-height:160px; padding:50px 0; }
.dia-icon{ margin:0 auto; border-radius:5px; height:115px; transform:rotate(45deg); width:115px; transition:.3s; cursor:pointer; }
.dia-icon a { display:block; height:100%; padding:25%; transform:rotate(315deg); width:100%; }
.dia-icon a i { display:block; font-size:30px; margin-bottom:5px; text-align:center; }
.dia-icon a span { display:block; font-family:raleway; font-size:14px; font-weight:700; text-align:center; }
.m-partner{ margin-bottom:100px; }



#container_main { position:relative; overflow:hidden; width:100%; /*margin-bottom: 100px;*/ }

/* 버튼 */
.more { z-index:1; position:absolute; top:0; right:0; display:block; width:54px; height:54px; border:1px solid #e5e5e5; border-radius:5px; font-size:0; text-indent:-999px; transition:0.25s ease-in-out; background:url(./img/icon.png) no-repeat -94px -90px; box-sizing:border-box; }
.more:hover { border-color:#00a3a0; }
.control:after { content:''; display:block; clear:both; width:100%; }
.control button, .control a { position:relative; float:left; width:54px; height:54px; margin:0 0 0 3px; font-size:0; text-indent:-9999px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:5px; background:#fff url(./img/icon.png) no-repeat 20px -91px; }
.control .btn_next, .control .slick-next { background-position:-35px -91px; }
.control .btn_stop { background-position:-40px 18px; }
.control .btn_stop.on { background-position:-70px 17px; }
.control button:hover, .control a:hover { border-color:#00a3a0; }
.control .more { background-position:-93px -91px; }

@media all and (max-width:768px) {
	.control button, .control a,.more { height:50px; }
	.more { background-position:-94px -94px; }
	.control button { background-position:19px -94px; }
	.control .btn_next, .control .slick-next { background-position:-37px -94px; }
	.control .btn_stop { background-position:-40px 18px; }
	.control .btn_stop.on { background-position:-70px 17px; }
	.control .more { background-position:-95px -94px; }
}
@media all and (max-width:568px) {
	#container_main h4 { letter-spacing:-1px; }
	.control button, .control a, .more { width:34px; height:45px; }
	.more { background-position:-105px -96px; }
	.control button { background-position:10px -96px; }
	.control .btn_next, .control .slick-next { background-position:-46px -96px; }
	.control .btn_stop { background-position:-40px 18px; }
	.control .btn_stop.on { background-position:-70px 17px; }
	.control .more { background-position:-106px -96px; }
}


.sec2 { position:relative; clear:both; padding:90px 353px 0 0; }

@media all and (max-width:1430px) {
	.sec1 { padding:31px 5px 0; }
	.sec2 { padding:90px 363px 0 15px; }
}
@media all and (max-width:1100px) {
	.sec1 { height:auto; padding:31px 5px 45px; background-size:cover; }
	.sec1 .unit { width:53%; }
}
@media all and (max-width:1024px) {
	.sec2 { padding:50px 363px 0 15px; }
}
@media all and (max-width:768px) {
	.sec1 { padding:25px 5px 35px; }
	.sec1 .unit { width:47%; }
	.sec2 { padding:40px 15px 0; }
}
@media all and (max-width:568px) {
	.sec1 { padding:22px 5px 30px; }
	.sec1 .unit { width:100%; }
	.sec2 { padding:35px 15px 0; }
}
@media all and (max-width:380px) {
	.sec1 { padding:20px 5px 30px; }
	.sec2 { padding:33px 15px 0; }
}

/* 의사일정 */
#agenda { position:relative; float:left; width:100%; height:344px; padding:29px 9.1% 0; margin:0 0 17px; border-radius:5px; box-shadow:1px 1px 10px rgba(0,0,0,0.33); box-sizing:border-box; background:#eaf7ff; }
#agenda h4 { height:56px; line-height:56px; font-size:29px; text-align:center; }
#agenda h4 span { color:#1c3867; }
#agenda .con { border-top:1px solid rgba(52,63,79,0.3); }
#agenda .date { position:relative; float:left; width:100%; /*height:58px;*/ height: 86px; line-height:58px; letter-spacing:-2px; font-size:30px; font-family:"NanumSquare"; font-weight:800; color:#000; text-align:center; }

#agenda .txt_wrap { position:relative; overflow:hidden; width:100%; height:40px; margin:0 0 40px; font-size:15px; font-weight:700; font-family:'NanumSquare'; border:1px solid #e0ecf3; ;border-radius:3px; color:#000; background:#fff; text-align:left; box-sizing:border-box; }
#agenda .txt { position:relative; width:100%; padding:0 65px 0 18px; box-sizing:border-box; }
#agenda .list { width:100%; }
#agenda .list { width:100%; }
#agenda .list p:not(:first-of-type) { display:none; }
#agenda .list.slick-initialized p:not(:first-of-type) { display:block; }

#agenda .txt p { position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 5px; line-height:39px; box-sizing:border-box; }
#agenda .txt p:before { content:''; display:inline-block; position:absolute; top:50%; left:0; width:2px; height:3px; margin:-2px 0 0 0; background:#2c3541; }
#agenda .txt a { color:#000; }
#agenda .txt .none { padding-right:0; }
#agenda .control { position:absolute; top:6px; right:10px; }
#agenda .control button { width:20px; height:25px; border-radius:0; margin:0 0 0 1px; }
#agenda .control button:hover { border-color:#ddd; }
#agenda .control .btn_prev { background-position:5px -379px; }
#agenda .control .btn_next { background-position:-35px -379px; }
#agenda .control .btn_stop { background-position:-111px -379px; }
#agenda .control .btn_stop.on { background-position:-141px -379px; }

#agenda .btns { float:left; width:100%; }
#agenda .btns a { overflow:hidden; position:relative; z-index:1; display:block; float:left; width: 100%; /*width:49.659%;*/ height:48px; line-height:46px; border-radius:24px; font-size:16px; font-family: 'NanumSquare'; font-weight:700; color:#fff; border:1px solid #343f4f; background:#343f4f; text-align:center; box-sizing:border-box; text-decoration:none; }
#agenda .btns .btn2 { float:right; width:48.639%; }
#agenda .btns a:hover { color:#343f4f; border-color:#343f4f; transition:0.3s ease-in-out; }
#agenda .btns a:before { z-index:-1; opacity:0; content:''; display:block; position:absolute; top:-5%; left:-130%; width:120%; height:110%; margin:0; background:#fff; transform:skew(-20deg); transition:0.25s linear; }
#agenda .btns a:hover:before { opacity:1; left:-10%; }
#agenda .btns a:hover:after { background-position:100% 50%; transition:0s 0.2s ease-in-out; }

#agenda .more { top:29px; right:31px; font-weight:400; color:#c8ffff; }
#agenda .more:after { background-position:0 0; }

#schedule { z-index:1; position:absolute; right:0; top:90px; width:316px; }
@media all and (max-width:1430px) {
	#schedule { right:15px; }
}
@media all and (max-width:1024px) {
	#schedule { top:66px; width:320px; }	
}
@media all and (max-width:1280px) {
	#agenda h4 { font-size:28px; }
	#agenda .btns a { font-size:15px; }
}
@media all and (max-width:1100px) {
	#agenda { padding:20px 9.1% 0; }
	#agenda .btns a { font-size:16px; }
}
@media all and (max-width:768px) {
    #schedule {float:left; position:static; width:100%;}
	#agenda { height:246px; padding:13px 7% 0; }
	#agenda h4 { height:52px; line-height:52px; font-size:24px; }
	#agenda .date { height:54px; line-height:54px; font-size:27px; }
	#agenda .btns a { height:44px; line-height:42px; font-size:15px; }
}
@media all and (max-width:568px) {
	#agenda { height:auto; padding:13px 7% 25px; margin:0 0 30px; }
	#agenda h4 { height:48px; line-height:48px; font-size:22px; }
}
@media all and (max-width:380px) {
	#agenda { height:auto; padding:10px 7% 24px; }
	#agenda h4 { height:47px; line-height:47px; font-size:21px; }
	#agenda .date { height:51px; line-height:51px; font-size:26px; }
}

/* 게시판 */
/* 게시판 */
.board_wrap{padding:60px 0;}

#board{float:left; width:calc(100% - 540px); height:400px;}
#board > ul{position:relative; padding:0 55px 0 0;}
#board > ul.all{padding-right:0 !important;}
#board > ul:after{content:''; display:block; clear:both;}
#board > ul > li{float:left; width:25%; box-sizing:border-box; border:1px solid #e9e9e9; background:#fbfbfb;}
#board > ul > li:first-child{border-radius:15px 0 0 15px;}
#board > ul > li + li{border-left:none;}

#board li h4{display:block;}
#board li h4 a{position:relative; display:block; width:100%; line-height:53px; font-size:18px; font-weight:300; color:#555; text-decoration:none; text-align:center;}
#board li.on h4 a{font-weight:500; color:#fff;}
#board li h4 a:before{opacity:0; visibility:hidden; content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:15px; background:#6274cc; box-shadow:5px 0 15px rgba(153,153,153,0.6);}
#board li.on h4 a:before{opacity:1; visibility:visible;}
#board li h4 a span{position:relative;}

#board .con{opacity:0; visibility:hidden; position:absolute; top:100px; left:0; width:100%; box-sizing:border-box;}
#board .on .con{opacity:1; visibility:visible; top:70px; transition:0.35s ease-in-out;}

#board .con li a{position:relative; display:block; padding:0 230px 0 20px; box-sizing:border-box; text-decoration:none;}
#board .con li a:hover .tit,
#board .con li a:focus .tit,
#board .con li a:active .tit{text-decoration:underline;}
#board .con li a *{display:inline-block;}
#board > ul > li .con li:not(:first-child) a{padding-left:110px;}
#board > ul > li .con li:not(:first-child) a .new{margin-top:2px;}

#board .tit{max-width:98%; box-sizing:border-box; padding:0 20px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300; font-size: 18px; color:#333; vertical-align:top;}
#board .date_wrap{position:absolute; top:2px; right:20px; color:#888; font-size: 18px;}
#board .date_wrap span:before,
#board .date_wrap span:not(.date):after{content:''; display:inline-block; width:17px; height:12px; background:url(/images/member/main/ico_view.gif) no-repeat; vertical-align:middle; margin:-5px 3px 0 0;}
#board .date_wrap span:not(.date):after{width:1px; height:10px; margin:-3px 11px 0 15px; background:#ddd;}
#board .date_wrap span.date:before{width:15px; height:15px; background-image:url(/images/member/main/ico_date.gif);}

#board .con li:not(:first-child){padding:10px 0; border-bottom:1px dashed #ddd;}
#board .type{position:absolute; top:0; left:20px; width:80px; height:30px; line-height:30px; margin:0 10px 0 0;  border-radius:10px; font-weight:500; font-size:14px; color:#4194c3; background:#f2f7f9; text-align:center;}
#board .type.notice{background:#f2f5fe; color:#516dbb;}
#board .type.news{background:#f2f9f8; color:#40a495;}
#board .con li:not(:first-child) .tit{line-height:30px;}

#board .more{display:none; position:absolute; top:0; right:0; width:55px; height:100%; box-sizing:border-box; border:1px solid #e9e9e9; border-radius:0 15px 15px 0; font-size:0; text-indent:-999px;}
#board .more:before,
#board .more:after{content:''; position:absolute; top:50%; left:50%; margin:-8px 0 0 -1px; width:2px; height:15px; background:#555;}
#board .more:after{width:15px; height:2px; margin:-1px 0 0 -8px;}
#board .on .more{display:block;}

/* 게시판 첫번째 글 스타일 */
#board .con li:not(.no_list):first-child{padding:30px 0 24px; border-radius:10px; background:#f4f5fa;}
#board .con li:first-child .tit{font-size:20px; font-weight:500; color:#222;}
#board .con li:first-child .txt{overflow:hidden; font-size: 16px; text-overflow:ellipsis; white-space:nowrap; width:100%; padding:8px 0 0;}

/* 인터넷 생방송 */
#broadcast{overflow:hidden;position:relative;float:right;width:500px;height: 391px;border-radius:10px;box-shadow:5px 0 20px rgba(170,170,170,0.4);}
/*#broadcast .tit{position:relative;box-sizing:border-box;padding:15px 0 15px 31px;background:url(https://council.daegu.go.kr/images/kr/main/bg_broadcast1.jpg) no-repeat top left;background-size:cover;min-height: 86px;}*/
#broadcast h4{font-weight:300; font-size:18px; color:#fff;}
#broadcast h4:after{content:''; display:inline-block; width:35px; height:1px; margin:-4px 0 0 10px; background:rgba(255,255,255,0.3); vertical-align:middle;}
#broadcast .date{margin:-2px 0 0; font-size:24px; font-weight:600; color:#fff;}
#broadcast .date2 {line-height: 57px;}
#broadcast .btn_on{opacity:0.8; position:absolute; top:50%; transform:translateY(-50%); right:20px; width:120px; height:40px; line-height:36px; border-radius:25px; box-sizing:border-box; border:2px solid rgba(255,255,255,0.75); font-size:18px; font-weight:500; text-align:center; color:#fff; background:rgba(0,0,0,0.08);}
#broadcast .btn_on:before{content:''; position:absolute; top:5px; right:21px; width:5px; height:5px; border-radius:50%; background:#fff;}

#broadcast .list{box-sizing:border-box; padding:20px; background:#4b78c5;}
#broadcast .list ul{overflow-y:auto; height:265px; box-sizing:border-box; padding:0 30px; border-radius:10px; background:#fff url(/images/kr/main/bg_broadcast2.jpg) no-repeat bottom right;}
#broadcast .list ul li:not(.no_list){padding:0 100px 0 15px; border-bottom:1px dashed #ddd;}
#broadcast .list ul li:before{top:22px; background:#498fc1;}
#broadcast .list ul li a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:50px; line-height:50px; font-size:14px;}
#broadcast .list ul li a span{position:absolute; top:50%; transform:translateY(-50%); right:0; width:80px; height:25px; line-height:25px; border-radius:10px 0 10px 0; color:#fff; background:#707070; text-align:center;}
#broadcast .list ul li a span.live{background:#eb4242;}

/* 생방송 on일 때 */
#broadcast.on .btn_on{opacity:1; border-color:rgba(255,255,255,0.75); color:#fff; background:rgba(0,0,0,0.08);}
#broadcast.on .btn_on:before{background:#e02f2f;}

#broadcast .yt_wrap {display:block;}
#broadcast .yt_wrap img {width:100%;height:100%;object-fit:cover;}

@media all and (max-width:1024px) {
    .board_wrap{padding:45px 0;}
    #board{width:100%; height:390px; margin:0 0 50px;}
    #broadcast{width:100%;height: auto;}
}

@media all and (max-width:768px) {
    #board{height:375px;}
    #board > ul{margin:20px 0 0;}
    #board li h4 a{line-height:40px; font-size:16px;}
    #board .on .con{top:52px;}
    
    #board .con li:not(.no_list):first-child{padding:20px 0 14px;}
    #board .con li:first-child .tit, .video_wrap .txt strong{font-size:1.063em;}
    
    #broadcast h4{font-size:1em;}
}

@media all and (max-width:568px) {
    .new{margin-top:-4px;}
    
    #board{height:367px; margin:0 0 35px;}
    #board > ul{padding:0 35px 0 0;}
    #board li h4 a{font-size:15px;}
    #board .more{width:35px;}
    
    #board .on .con{top:52px;}
    #board .type{left:0; width:70px; font-size:13px;}
    #board .con li a{padding:0 110px 0 15px;}
    #board .con li .date_wrap{top:6px;}
    #board .date_wrap .view, #board .date_wrap span.date:before{display:none;}
    
    #board .con li:first-child .date_wrap{top:0;}
    #board > ul > li .con li:not(:first-child) a{padding-left:80px;}
    #board > ul > li .con li:not(:first-child) a .new{margin-top:6px;}
    
    #broadcast .date{font-size:21px;}
    #broadcast .date2 {line-height: 50px;}
    
    #broadcast .tit{padding:12px 0 12px 21px;min-height: 72px;}
    #broadcast .btn_on{right:15px; width:100px; font-size:1.133em;}
    #broadcast .btn_on:before{right:16px;}
    
    #broadcast .list{padding:15px;}
    #broadcast .list ul{height:180px; padding:0 20px;}
    #broadcast .list ul li:not(.no_list){padding-right:75px;}
    #broadcast .list ul li:before{top:19px;}
    #broadcast .list ul li a{height:45px; line-height:45px;}
    #broadcast .list ul li a span{font-size:12px; width:65px;}
}

@media all and (max-width:380px) {
    #board{height:359px;}
    #board li h4 a{font-size:14px;}
    #board .type{display:none !important;}
    #board > ul > li .con li:not(:first-child) a{padding-left:0;}
    #broadcast .tit {min-height:67px;}
    #broadcast .date{font-size:19px;}
    #broadcast .date2 {line-height: 45px;}
}

/* 갤러리 */
#gallery{clear:both; z-index:1; position:relative; width:100%; height:690px; padding:116px 0 0 0; box-sizing:border-box; font-weight:600; font-family:"OneMobile"; text-align:center; background:url(./img/gallery_bg.jpg) no-repeat 50% 100%;}
#gallery h4{height:108px; font-size:43px; text-align:center;}
#gallery h4 span{display:inline-block; line-height:100%; padding:0 0 0 10px; font-size:58px; color:#da597c;}
#gallery .list_wrap{overflow:hidden; width:100%; text-align:left;}
#gallery .slick-center{position:relative; z-index:1;}
#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:396px; margin:0 30px 0 0; text-decoration:none;}
#gallery .img{position:relative; overflow:hidden; border-radius:15px;}
#gallery .img img{width:100%; height:281px; transition:0.5s ease;}
#gallery .sbj{position:relative; overflow:hidden; width:100%; height:97px; padding:20px 25px 0 25px; box-sizing:border-box;}
#gallery .sbj:before, #gallery .sbj:after{content:''; display:block; position:absolute; bottom:0; left:10px; width:calc(100% - 25px); height:1px; background:#999;}
#gallery .sbj:before{z-index:1; opacity:0; visibility:hidden; width:0; height:2px; background:#da597c;}
#gallery .tit{position:relative; z-index:1; display:block; max-width:100%; line-height:110%; margin:0 0 18px; color:#000; font-size:18px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box;}
#gallery .date{float:left; line-height:25px; color:#666;}
#gallery .new{float:right; display:block; width:56px; height:25px; line-height:25px; font-size:12px; text-align:center; color:#fff; border-radius:13px; letter-spacing:0; background:#00b6bd; text-transform:uppercase;}
#gallery a:active img, #gallery a:hover img, #gallery a:focus img{transform:scale(1.1);}
#gallery a:hover .sbj:before{opacity:1; visibility:visible; width:calc(100% - 25px); transition:width 0.5s linear;}
#gallery .control{position:absolute; right:50%; top:116px; margin:0 -700px 0 0;}
#gallery .control button, #gallery .control a{width:56px; height:56px; margin:0 0 0 5px;}
#gallery .control .more{position:static; float:left; display:block; margin:0 0 0 11px;}
#gallery .control button:hover, #gallery .control a:hover{border-color:#00a3a0;}

@media all and (max-width:1430px){
	#gallery .control{right:15px; margin:0;}
}
@media all and (max-width:1280px){
	#gallery h4 {height:97px; font-size:37px;}
	#gallery h4 span{font-size:48px;}
	#gallery .control{top:110px;}
}
@media all and (max-width:1024px){
	#gallery {height:auto; padding:90px 0 0 0; background-size:cover;}
	#gallery h4{height:88px; font-size:34px;}
	#gallery h4 span{padding:0 0 0 5px; font-size:42px;}

	#gallery .list_wrap{padding:0 6px;}
	#gallery .list a{width:calc(100% - 18px); margin:0 9px 75px;}
	#gallery .img img{height:194px;}
	#gallery .tit{margin:0 0 10px; font-size:17px;}
	#gallery .date{line-height:18px; font-size:14px;}
	#gallery .new{width:35px; height:18px; line-height:18px; margin:-2px 0 0 0; font-size:10px;}
	#gallery .control{top:84px;}
	#gallery .sbj{height:auto; padding:20px 5px 15px;}
	#gallery .sbj:before, #gallery .sbj:after{left:0; width:100%;}
	#gallery a:active img, #gallery a:hover img, #gallery a:focus img{transform:none;}
}
@media all and (max-width:768px){
	#gallery h4 {height:auto; text-align:left; padding:0 0 22px 20px; font-size:24px;}
	#gallery h4 span{font-size:31px;}
	#gallery .list_wrap{padding:0 7px;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 70px;}
	#gallery .img img{height:144px;}
	#gallery .sbj{padding:17px 5px 15px;}
	#gallery .tit{font-size:16px;}
	#gallery .control{right:10px;}
	#gallery .control button, #gallery .control a{width:40px; height:40px;}
	#gallery .control button{margin:0 0 0 3px; background-position:13px -98px;}
	#gallery .control .btn_next{background-position:-43px -98px;}
	#gallery .control .more{margin:0 0 0 7px; background-position:-102px -99px;}
}
@media all and (max-width:568px){
	#gallery {padding:60px 0 0 0;}
	#gallery h4 {padding:0 0 20px 18px; font-size:21px;}
	#gallery h4 span{padding:0; font-size:27px;}
	#gallery .list a{width:calc(100% - 14px); margin:0 7px 55px;}
	#gallery .img img{height:155px;}
	#gallery .date{font-size:13px;}
	#gallery .sbj{padding:15px 5px 13px;}
	#gallery .control{top:53px;}
	#gallery .control button, #gallery .control a{width:34px; height:34px;}
	#gallery .control button{background-position:9px -102px;}
	#gallery .control .btn_next{background-position:-47px -102px;}
	#gallery .control .more{margin:0 0 0 5px; background-position:-106px -102px;}
}
@media all and (max-width:380px){
	#gallery h4 {padding:0 0 20px 16px; font-size:20px;}
	#gallery h4 span{font-size:26px;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 53px;}
	#gallery .img img{height:111px;}
	#gallery .tit{font-size:15px;}
	#gallery .sbj{padding:13px 5px 11px;}
}

/* 팀별 게시판 */
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;}
a,em,span{display:inline-block;}
:after,:before{content:''}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0!important;color:transparent!important;line-height:0}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
</style>

<style>
#container1{position:relative; z-index:10; width:100%; background-color:#fff}
#container1:focus{border:1px solid #000}

/* wrap */
.wrap{position:relative; width:1400px; margin-right:auto; margin-left:auto}
@media all and (max-width:1500px){	
	.wrap{width:1300px}
}
@media all and (max-width:1300px){
	.wrap{width:1000px}
}
@media all and (max-width:1000px){
	.wrap{width:auto; margin-right:0; margin-left:0; padding-right:3%; padding-left:3%}
}
@media all and (max-width:640px){
	#wrapper{padding-top:65px}
}

/* 최근게시글 */
.board{position:relative; height:480px; padding-left:209px; font-size:0; line-height:0}
.board:before{display:block; position:absolute; top:0; right:100%; margin-right:-585px; width:100vw; height:390px; background-color:#103876}
.board .board_tab{position:absolute; top:57px; left:-50px; width:170px; background-color:#103876}
.board .board_tab .board_button{display:block; width:100%; position:relative; padding-top:13px; padding-bottom:15px; text-align:left; color:#6588be; font-size:20px; line-height:26px; letter-spacing:-0.025em; transition-property:padding-left,color; transition-duration:0.25s; transition-timing-function:ease-in-out}
.board .board_tab .board_button:before{visibility:hidden; opacity:0; display:block; position:absolute; top:0; bottom:0; left:0; margin-top:auto; margin-bottom:auto; width:22px; height:14px; background-image:url(./img/icon1.png); background-size:100% 800%; background-position:left 0; transition-property:visibility,opacity,left; transition-duration:0.25s; transition-timing-function:linear}
.board .board_tab .board_button:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#34568a}
.board .board_tab .board_button:hover{color:#fff}
.board .board_tab .board_item.active{position:relative}
.board .board_tab .board_item.active:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#fff}
.board .board_tab .board_item.active .board_button{padding-left:63px; color:#fff; font-size:22px; font-weight:500}
.board .board_tab .board_item.active .board_button:before{visibility:visible; opacity:1; left:10px}
.board .board_intro .board_text{margin-left:376px; padding-top:30px; padding-bottom:30px; padding-left:40px; font-size:16px; line-height:18px; letter-spacing:0.01em}
.board .board_content{position:absolute; top:78px; left:209px}
.board .board_content .slick-list:before{display:block; position:absolute; top:0; right:0; z-index:9999; width:1px; height:100%; background-color:#d5d5d5}
.board .board_content .slick-track{left:0; padding-bottom:40px}
.board .board_content .board_item{width:375px!important}
.board .board_content .board_anchor{position:relative; display:block; padding:45px 41px 66px; background-color:#fff; border:1px solid #d5d5d5; border-right:0; text-decoration:none; transition-property:box-shadow; transition-duration:0.25s; transition-timing-function:linear}
.board .board_content .board_flag{position:absolute; top:45px; left:41px; min-width:60px; padding:3px 10px; border-width:2px; border-style:solid; border-radius:30px; text-align:center; font-size:14px; line-height:16px; letter-spacing:-0.025em}
.board .board_content .board_flag.type1{border-color:#3099e2; color:#3099e2}
.board .board_content .board_flag.type2{border-color:#04a299; color:#04a299}
.board .board_content .board_flag.type3{border-color:#1fa776; color:#1fa776}
.board .board_content .board_flag.type4{border-color:#cc68a8; color:#cc68a8}
.board .board_content .board_flag.type5{border-color:#7565bc; color:#7565bc}
.board .board_content .board_subject{overflow:hidden; height:68px; margin-top:49px; color:#111; font-size:22px; line-height:34px; letter-spacing:-0.025em; font-weight:500; transition-property:color; transition-duration:0.25s; transition-timing-function:linear}
.board .board_content .board_text{overflow:hidden; height:48px; margin-top:23px; color:#898989; font-size:16px; line-height:24px; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.board .board_content .board_date{margin-top:43px; color:#555; font-size:14px; line-height:16px}
.board .board_content .board_anchor:hover{z-index:10; box-shadow:0 5px 40px 0 rgba(0, 0, 0, 0.12)}
.board .board_content .board_anchor:hover .board_subject{color:#124eac}
.board .board_control{position:absolute; top:25px; left:466px}
.board .slick-arrow{display:inline-block; position:relative; width:30px; height:30px; vertical-align:top}
.board .slick-arrow:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-image:url(./img/icon1.png)}
.board .board_prev:before{width:10px; height:16px; background-image:url(./img/icon1.png); background-size:220% 700%; background-position:left 100%}
.board .board_next{margin-left:25px}
.board .board_next:before{width:10px; height:16px; background-image:url(./img/icon1.png); background-size:220% 700%; background-position:left 72.91667%}
.board .board_more{position:absolute; top:19px; right:65px}
.board .board_more .board_anchor{display:none; font-size:16px; line-height:40px; letter-spacing:0.1em}
.board .board_more .board_anchor:before{display:block; position:absolute; top:0; left:100%; width:40px; height:40px; margin-left:-12px; background-color:#e8ecf1; border-radius:50%}
.board .board_more .board_anchor:after{display:block; position:absolute; top:0; bottom:0; left:100%; margin-left:5px; margin-top:auto; margin-bottom:auto; width:7px; height:12px; background-image:url(./img/icon1.png); background-size:314.28571% 933.33333%; background-position:left 24%}
.board .board_more .board_anchor span{position:relative}
.board .board_more .board_anchor:after,.board .board_more .board_anchor:before{transition-property:transform,background-color; transition-duration:0.25s; transition-timing-function:linear}
.board .board_more .board_anchor:hover:before{transform:translateX(10px); background-color:#dee2e8; transition-delay:50ms}
.board .board_more .board_anchor:hover:after{transform:translateX(10px)}
.board .board_more .board_anchor.active{display:block}
@media all and (min-width:1001px){
	.board.nth2 .board_content .board_subject,
	.board.nth3 .board_content .board_subject{height:102px;}
	.board.nth2 .board_content .board_text,
	.board.nth3 .board_content .board_text{margin-top:30px; height:auto; text-align:left;}
	.board.nth2 .board_content .board_date,
	.board.nth3 .board_content .board_date{margin-top:26px;}
}
@media all and (max-width:1620px){
	.board .board_tab{left:0}
}
@media all and (max-width:1300px){
	.board .board_intro .board_text{font-size:14px}
	.board .board_tab .board_button{font-size:18px}
	.board .board_tab .board_item.active .board_button{padding-left:55px; font-size:20px}
	.board .board_content .board_subject{font-size:20px; line-height:32px}
	.board .board_content .board_text{font-size:14px; line-height:22px}
}
@media all and (max-width:1000px){
	.board{height:auto; padding-left:170px}
	.board:before{right:162px; height:372px; margin-right:0}
	.board .board_tab{width:120px}
	.board .board_tab .board_button{padding-top:11px; padding-bottom:12px; font-size:16px; line-height:21px}
	.board .board_tab .board_item.active .board_button{padding-left:39px; font-size:19px}
	.board .board_tab .board_item.active .board_button:before{left:8px; width:18px; height:12px}
	.board .board_intro .board_text{display:none}
	.board .board_content{position:relative; top:0; left:0; padding-top:68px}
	.board .board_content .slick-track{margin-left:0; margin-right:0; padding-bottom:0}
	.board .board_content .slick-list:after{display:block; position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; background-color:#d5d5d5}
	.board .board_content .board_list{min-height:376px}
	.board .board_content .board_item{padding-bottom:0; width:100%!important}
	.board .board_content .board_anchor{height:auto; padding:28px 29px; border-top-width:0}
	.board .board_content .board_anchor:hover{box-shadow:none}
	.board .board_content .board_flag{top:29px; left:29px}
	.board .board_content .board_subject{display:block; margin-top:40px; height:52px; font-size:18px; line-height:26px}
	.board .board_content .board_text{display:none}
	.board .board_content .board_date{margin-top:23px; font-size:14px; line-height:16px}
	.board .board_control{top:19px; left:auto; right:190px}
	.board .board_more{top:16px; right:3%}
	.board .board_more .board_anchor{font-size:14px; line-height:33px}
	.board .board_more .board_anchor:before{width:33px; height:33px; margin-left:-8px}
	.board .board_more .board_anchor:after{width:6px; height:10px; margin-left:6px}
	.board.length1 .board_content .slick-list:after,.board.length1 .board_content .slick-list:before{display:none}
}
@media all and (max-width:640px){
	.board{padding-top:65px; padding-bottom:44px; padding-left:0}
	.board:before{right:50%; height:100%; transform:translateX(50%)}
	.board .board_tab{position:relative; top:0; width:auto; padding:13px 60px 8px 20px; border:1px solid rgba(255, 255, 255, 0.3)}
	.board .board_tab .board_list{margin-top:-12px}
	.board .board_tab .board_item{display:inline-block; margin-top:12px; margin-right:23px}
	.board .board_tab .board_button{display:inline-block; padding-top:0; padding-bottom:7px; line-height:18px; font-weight:500}
	.board .board_tab .board_button:before{display:none}
	.board .board_tab .board_button:after{visibility:hidden; opacity:0; height:3px; background-color:#fff}
	.board .board_tab .board_item.active:before{display:none}
	.board .board_tab .board_item.active .board_button{padding-left:0; font-size:16px}
	.board .board_tab .board_item.active .board_button:after{visibility:visible; opacity:1}
	.board .board_intro{position:absolute; top:0; left:0}
	.board .board_intro .board_text{display:block; margin-left:0; padding-top:25px; padding-bottom:0; padding-left:0; color:rgba(255, 255, 255, 0.45); font-weight:400}
	.board .board_content{margin-top:20px; padding-top:0}
	.board .board_content .board_list{min-height:initial}
	.board .board_content .slick-list{margin:-2px}
	.board .board_content .slick-list:after,.board .board_content .slick-list:before{display:none}
	.board .board_content .slick-slide>div{padding:2px}
	.board .board_content .board_anchor{padding-top:15px; padding-left:15px; border:none}
	.board .board_content .board_flag{top:15px; left:15px; font-size:13px; line-height:15px}
	.board .board_content .board_subject{height:36px; margin-top:35px; font-size:14px; line-height:18px}
	.board .board_content .board_date{margin-top:13px; font-size:12px; line-height:14px}
	.board .board_control{display:none}
	.board .board_more{top:71px; right:15px}
	.board .board_more .board_anchor{width:36px; height:36px; background-color:#0855cd; border-radius:50%}
	.board .board_more .board_anchor:before{display:none}
	.board .board_more .board_anchor:after{left:0; right:0; margin-left:auto; margin-right:auto; width:14px; height:14px; background-size:157.14286% 800%; background-position:left 46.93878%}
	.board .board_more .board_anchor span{font-size:0; line-height:0}
}
@media all and (max-width:520px){
	.board .board_more{top:88px; right:15px}
}
/* 센터 자원봉사 및 후원안내 광고 */
.rowgroup8{height: 180px;margin: 80px 0;background-color: #a0c13a;}
.donation{position: relative;}
.donation .donation_top{position: absolute;left: 0;top: 30px;display: block;width: 114px;height: 120px;background: url(./img/maining02-01.png) top center/100% auto no-repeat;}
.donation .donation_title{position: absolute;left: 50%;top: 15px;display: block;width: 694px;height: 150px;background: url(./img/maining02-02.png) top center/100% auto no-repeat;margin-left: -347px;}
.donation .donation_list{float: right;margin-top: 20px;}
.donation .donation_item{width: 240px;text-align: center;border: 1px solid #fff;border-bottom-right-radius: 20px;margin: 8px 0;}
.donation .donation_link{position: relative;display: block;}
.donation .donation_link span{position: relative;padding: 17px 0;padding-right: 27px;color: #fff;font-size: 18px;line-height: 20px;letter-spacing: -0.025em;}
.donation .donation_link span:before{display: block;position: absolute;top: 0;bottom: 0;right: 0;margin-top: auto;margin-bottom: auto;width: 15px;height: 10px;background-image: url(../images/sprite/mayor_sprite.png);background-size: 473.33333% 5540%;background-position: left 0;}
@media (max-width: 1300px) and (min-width: 1000px){
.donation .donation_top{top: 45px;width: 88px;height: 95px;}
.donation .donation_title{top: 35px;width: 460px;height: 110px;margin-left: -230px;}
.donation .donation_link span{font-size:16px}
}
@media all and (max-width:1500px){
.rowgroup8{margin: 65px 0;}
}
@media all and (max-width:1000px){
.rowgroup8{height: auto;}
.donation{padding: 30px 0;}
.donation .donation_top{top: 15px;width: 61px;height: 67px;}
.donation .donation_title{position: relative;top: 0;width: 404px;height: 125px;background: url(./img/maining02-02m.png) top center/100% auto no-repeat;margin-left: -202px;}
.donation .donation_list{float: none; text-align: center;margin-top: 25px;}
.donation .donation_item{display: inline-block;margin: 0 10px;}
.donation .donation_link span{font-size: 16px;padding: 11px 27px 11px 0;}
}
@media all and (max-width:640px){
.rowgroup8{margin: 35px 0;}
.donation .donation_top{width: 50px;height: 55px;}
.donation .donation_title{width: 361px;height: 113px;margin-left: -180px;}
.donation .donation_item{width: 200px;}
.donation .donation_link span{font-size: 13px;line-height: 15px;padding: 10px 27px 10px 0;}
}
@media all and (max-width:480px){
.donation{padding: 30px 0 10px;}
.donation .donation_title{top: 10px;width: 294px;height: 92px;margin-left: -147px;}
.donation .donation_item{display: block;margin: 8px auto;}
}