.inner{position:relative; width:1400px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both;}

@media all and (max-width:1430px) {
    .inner{width:100%; padding-left:15px !important; padding-right:15px !important;}
}

@media all and (max-width:1024px) {
	img{max-width:100%;}
}


.tit_wrap h4{display:inline-block; font-size:24px; margin:0 0 15px;}  
.tit_wrap h4 + p{display:inline-block; padding:0 0 0 23px; font-size:14px; color:#777;}

.page{position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:210px; height:40px; line-height:42px; box-sizing:border-box; padding:0 0 0 19px; border-radius:20px; font-family:'gmarket'; background:#fff; font-weight:800;}
.page .current{color:#e15c5c;}
.page .current:after{content:''; display:inline-block; width:20px; height:1px; margin:-2px 10px 0 11px; background:#ddd; vertical-align:middle;}

.control{z-index:2; position:absolute; bottom:-13px; left:50%;}
.control:after{content:''; display:block; clear:both;}
.control button, .control a{position:relative; float:left; width:26px; height:26px; box-sizing:border-box; border:1px solid #e0e0e0; margin:0 4px 0 0; border-radius:50%; font-size:0; text-indent:-9999px; vertical-align:top;}
.control button:before{content:''; position:absolute; top:8px; left:10px; width:7px; height:7px; border-top:2px solid #767676; border-right:2px solid #767676; transform:rotate(-135deg);}
.control .btn_next:before{left:8px; transform:rotate(45deg);}
.control .btn_stop:before{top:6px; left:9px; width:7px; height:11px; border-top:none; border-left:2px solid #767676; border-right-width:2px; transform:none;}
.control .btn_stop.on:before{top:7px; left:6px; border-right:none; border-top:8px solid #767676; border-left:8px solid transparent; transform:rotate(45deg);}

.control a:before,
.control a:after{content:''; position:absolute; top:50%; margin:-2px 0 0 -6px; left:50%; width:12px; height:2px; background:#767676;}
.control a:after{top:6px; left:12px; width:2px; height:12px; margin:0;}

em.tit{display:inline-block !important; max-width:98%; padding:0 20px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle; font-weight:400;}
.new{display:inline-block !important; width:16px; height:16px; line-height:16px; margin:-1px 0 0 -20px; font-size:10px; text-transform:uppercase; text-align:center; border-radius:50%; background:#d3485f; font-weight:500; color:#fff; vertical-align:middle;}

.no_list{width:100% !important; padding:6em 0 0 0 !important; text-align:center;}
.no_list:before{display:none !important;}

@media all and (max-width:568px) {
    .no_list{padding:3em 0 0 0 !important;}
}


/* 메인비주얼 */
.visual_wrap{box-sizing:border-box; padding:40px 0; background:url(https://council.daegu.go.kr/images/committee/main/mainvisual.jpg) no-repeat top center; background-size:cover;}

#visual{position:relative; float:left; width:860px; height:500px; box-shadow:5px 1px 20px rgba(170,170,170,0.5);}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list > img{width:100%; height:100%; border-radius:5px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual .slogan{z-index:1; position:absolute; top:37px; right:27px; font-size:28px; font-weight:500; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.4);}
#visual .slogan img{display:inline; vertical-align:bottom;}
#visual .slogan .s2{display:block; padding:4px 0 0 140px;}

.sec{float:right; width:calc(100% - 900px);}

/* 전화번호안내 */
#chairman{overflow:hidden; position:relative; border-radius:10px; box-sizing:border-box; padding:33px 0 37px 32px; border:7px solid #fff; margin:0 0 40px; box-shadow:5px 1px 15px rgba(170,170,170,0.25);}
#chairman .pic{position:absolute; bottom:0; right:0;}
#chairman .txt{box-sizing:border-box; padding:0; font-weight:500; color:#333; word-break:keep-all;}
#chairman .txt p{line-height:185%; font-size:18px; padding:0 0 19px;}
#chairman .txt strong{font-family:'jalnan'; font-size:30px; color:#6476ce;}
#chairman .btns a{position:relative; display:block; margin:0 0 6px;}
#chairman .btns a:before{content:''; display:inline-block; margin:-4px 11px 0 0; width:18px; height:18px; background:url(/images/kr/main/ico_chairman1.png) no-repeat; vertical-align:middle;}
#chairman .btns a:last-child:before{background-image:url(/images/kr/main/ico_chairman2.png);}

/* 센터일정 */
#agenda{position:relative; box-sizing:border-box; padding:0 45px 40px; border-radius:10px; background:#fff; box-shadow:5px 1px 20px rgba(170,170,170,0.1);}
#agenda .tit_wrap{padding:35px 0 16px; border-bottom:1px dashed #ddd; text-align:center;}
#agenda .tit_wrap:after{content:''; display:block; clear:both;}
#agenda h4{vertical-align:top; margin:0;}
#agenda h4 span{color:#4b78c5;}
#agenda .month{position:relative; display:inline-block; padding:4px 0 0 22px; font-family:'gmarket'; font-size:24px; font-weight:800; vertical-align:top; color:#222;}
#agenda .month:before{content:''; position:absolute; top:8px; left:8px; width:1px; height:16px; background:#d5d5d5; transform:rotate(15deg);}
#agenda .month strong{font-weight:900;}

#agenda .date{display:table; table-layout:fixed; width:100%; padding:16px 0 19px;}
#agenda .date p{position:relative; display:table-cell; text-align:center; font-family:'gmarket'; font-weight:800; color:#333;}
#agenda .date p.sat{color:#447cd8;}
#agenda .date p.sun{color:#d84455;}
#agenda .date p.today:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:30px; height:30px; border-radius:50%; background:#498fc1;}
#agenda .date p.today span{position:relative; color:#fff; font-weight:900;}

/* 날짜 클릭 기능을 위한 추가 스타일 */
#agenda .date p:hover{background-color: rgba(72, 143, 193, 0.1); border-radius: 50%; cursor: pointer;}
#agenda .date p.active:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:30px; height:30px; border-radius:50%; background:#d84455 !important; z-index: 1;}
#agenda .date p.active span{position:relative; color:#fff !important; font-weight:900; z-index: 2;}
#agenda .date p{transition: all 0.2s ease; cursor: pointer;}

#agenda .txt{position:relative;}
#agenda .list_wrap{overflow:hidden; height:50px; border-radius:10px; box-sizing:border-box; padding:0 0 0 20px; background:#f5f5f5;}
#agenda .list_wrap .list a,
#agenda .list_wrap .list p{overflow:hidden; position:relative; display:block; line-height:50px; box-sizing:border-box; padding:0 120px 0 15px; text-overflow:ellipsis; white-space:nowrap; color:#333;}
#agenda .list_wrap .list p:before,
#agenda .list_wrap .list a:before{content:''; position:absolute; top:50%; left:0; margin:-2px 0 0; width:5px; height:5px; border-radius:50%; background:#bbb;}
#agenda .control{bottom:12px; left:auto; right:5px;}
#agenda .control button{width:18px; border:none;}
#agenda .control a{border:none;}

@media all and (max-width:1330px) {
    #chairman{margin:0 0 10px;}
    #chairman .txt strong{display:block;}
    
    #agenda{padding:0 25px 40px;}
}

@media all and (max-width:1280px) {
    #agenda{padding:0 20px 30px}
    #agenda .tit_wrap{padding:15px 0 16px;}
}

@media all and (max-width:1230px) {
    #visual{width:100%; height:auto;}
    .sec{width:100%; padding:40px 0 0;}
    #chairman{float:left; width:420px;}
    #agenda{float:right; width:calc(100% - 440px);}
    #agenda .tit_wrap{padding:46px 0 26px;}
    #agenda .date{padding:26px 0 29px;}
}

@media all and (max-width:1024px) {
    .visual_wrap{padding:20px 0;}
}

@media all and (max-width:860px) {
    #chairman{width:360px;}
    #agenda{width:calc(100% - 370px);}
    
}

@media all and (max-width:768px) {
    #visual .slogan{font-size:20px;}
    #visual .slogan img{height:33px;}
    
    .tit_wrap h4{margin:0 0 5px !important;}
    .tit_wrap h4 + p{display:block; padding:0;}
    
    #chairman{width:100%;}
    #chairman .txt p{font-size:1.133em;}
    #chairman .txt strong{display:inline; font-size:1.533em;}
    #agenda{width:100%;}
    #agenda .tit_wrap{padding:30px 0 20px;}
}

@media all and (max-width:568px) {
    #visual .slogan{top:17px; right:15px; font-size:17px;}
    #visual .slogan img{height:27px;}
    
    #visual .slogan .s2{padding-left:60px;}
    
    .tit_wrap h4{font-size:21px;}
    #agenda .month{padding-top:0; font-size:21px;}
    #agenda .month:before{top:1px;}
    #agenda .list_wrap .list p:before, #agenda .list_wrap .list a:before{margin:-3px 0 0;}
}

@media all and (max-width:380px) {
    #visual .slogan{font-size:15px;}
    #visual .slogan img{height:23px;}
    
    #visual .slogan .s2{padding-left:30px;}
    
    #chairman{padding:15px 0 20px 20px;}
    #chairman .pic{width:160px;}
    
    .tit_wrap h4, #agenda .month{font-size:19px;}
    
    #agenda{padding:0 15px 15px;}
    #agenda .tit_wrap{padding:20px 0 10px;}
    #agenda .date{padding:21px 0 24px;}
}