@charset "utf-8";
.slick-vertical .slick-slide{border:none;}
#container_main{position:relative; overflow:hidden; width:100%; background:#f7f8fb;}
#container_main h4{font-family:"DWImpactamin"; color:#000; font-size:35px;}
.main_content{overflow:hidden; width:1400px; margin:0 auto; padding:77px 0 0 0;
 display:flex; flex-wrap:wrap; justify-content: space-between;} 

.more{z-index:1; position:absolute; top:0; right:0; display:block; width:40px; height:40px; font-size:0; text-indent:-999px; border-radius:3px; background:#e8e8e8 url(/council/minutes/images/kr/main/ico_ctrl.png) no-repeat -101px -26px;}

.control:after{content:''; display:block; clear:both; width:100%;}
.control > button{position:relative; float:left; width:40px; height:40px; font-size:0; text-indent:-9999px; border-radius:3px; margin:0 0 0 4px; background:#e8e8e8 url(/council/minutes/images/kr/main/ico_ctrl.png) no-repeat 14px -26px;}
.control > .more{position:static; float:left; margin:0 0 0 4px;}
.control .btn_next{background-position:-41px -26px;}
.control .btn_stop{background-position:-112px -75px;}
.control .btn_stop.on{background-position:-171px -75px;}
@media all and (max-width:1024px) {
	.more,
	.control > button{width:35px; height:35px;}
	.more{background-position:-104px -29px;}
	.control .btn_prev{background-position:12px -28px;}
	.control .btn_next{background-position:-43px -28px;}
	.control .btn_stop{background-position:-114px -77px;}
	.control .btn_stop.on{background-position:-173px -77px;}
}

.sec1{float:right; width:43.714%;}
@media all and (max-width:1430px) {
	.main_content{width:100%; padding:77px 15px 0; box-sizing:border-box;}
}
@media all and (max-width:1024px) {
	.sec1{width:100%;}
	.main_content{padding:17px 15px 0;}
	#container_main h4{font-size:29px;}
}
@media all and (max-width:768px) {
	.sec2{padding:0 15px;}
	#container_main h4{font-size:27px;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:24px;}
}
@media all and (max-width:380px) {
	#container_main h4{font-size:23px;}
}

#visual{z-index:1; position:relative; float:left; width:50.785%; height:817px; padding:128px 4.571% 0 4.781%; margin:0 0 97px; color:#fff; box-sizing:border-box; border-radius:10px; background:url(/council/minutes/images/assembly/main/bg.jpg) no-repeat 50% 100%; background-size:cover;}
#visual.jong{
	background: url(/council/minutes/images/assembly/main/bgJ.jpg) no-repeat 50% 100%;
}
.slogan{letter-spacing:-3px;}
.slogan p{font-weight:100; font-size:27px;}
.slogan div{padding:10px 0 0 0; font-size:45px;}
.slogan div strong{display:block; font-weight:900;}

@media all and (max-width:1120px) {
	.slogan p{font-size:25px;}
	.slogan div{font-size:40px;}
}
@media all and (max-width:1024px) {
	#visual{width:100%; height:auto; padding:55px 4% 65px; margin:0 0 65px; background-position:50% 60%;}
	#visual.jong{width:100%; height:auto; padding:55px 4% 65px; margin:0 0 65px; background-position:50% 60%; background-size: cover;}
	
	.slogan p{font-size:22px; letter-spacing:-2px;}
	.slogan div{font-size:34px;}
	.slogan div br{display:none;}
}
@media all and (max-width:768px) {
	#visual{padding:45px 4% 55px; margin:0 0 45px;}
	.slogan {text-align:center;}
	.slogan p{font-size:21px; letter-spacing:-2px;}
	.slogan div{font-size:31px;}
}
@media all and (max-width:568px) {
	#visual{padding:35px 4% 45px; margin:0 0 40px;}
	.slogan {letter-spacing:-2px;}
	.slogan p{font-size:19px;}
	.slogan div{font-size:25px;}
	.slogan div br{display:inline;}
}
@media all and (max-width:380px) {
	#visual{padding:33px 4% 43px;}

	.slogan p{font-size:18px;}
	.slogan div{font-size:24px;}
}

/* 검색 */
#sch{margin: 30px 0 0; width:100%; box-sizing:border-box;}
#sch fieldset{position:relative; display:block; overflow:hidden; box-sizing:border-box;}
#sch select,
#sch input[type="text"]{height:70px; padding:0 40px 0 20px; border-radius:10px; color:#000; border-color:#fff; border:none; letter-spacing:-1px; font-weight:800; font-size:22px; box-sizing:border-box;}
#sch select{float:left;width:27.85%;margin:0 0 22px;border: 3px solid #e45a0e;-webkit-appearance:none;-moz-appearance:none;-moz-appearance:none;background:#fff url(/council/minutes/images/common/ico_assem.png) no-repeat right 24px top 50%;}
#sch select::-ms-expand{display:none;}
#sch select + select{float:right; width:69.204%;}
#sch .in_txt{position:relative; clear:both; width:100%; padding:0 10px 0 0; box-sizing:border-box;}
#sch input[type="text"]{width:100%; padding:0 130px 0 18px; box-sizing:border-box;}
#sch button{position:absolute;right:0;top:0;height:70px;width:130px;border-radius:10px;font-weight:800;font-size:22px;color:#fff;background: #e45a0e;}
#sch ul {float:left; width:100%; padding:52px 0 29px;}
#sch ul li{float:left;}
#sch ul li + li{margin:0 0 0 20px;}
#sch input[type="radio"] + label{position:relative; display:inline-block; line-height:30px; padding:0 0 0 8px; font-weight:800; font-size:22px; vertical-align:top;}
#sch input[type="radio"]{opacity:0; width:30px; height:30px; border-color:#acacac; color:#62afe3;}
#sch input[type="radio"] + label:before, 
#sch input[type="radio"] + label:after{content:''; display:block; position:absolute; top:50%; left:-30px; width:30px; height:30px; line-height:100%; margin:-15px 0 0 0; border:none; border-radius:50%; background:#fff; box-sizing:border-box;}
#sch input[type="radio"] + label:after{display:none; left:-24px; width:18px; height:18px; margin:-9px 0 0 0; border:none; background:#1a5bb1;}
#sch input[type="radio"]:focus + label{box-shadow:0 0 0 1px black;}
#sch input[type="radio"]:focus + label:after,
#sch input[type="radio"]:checked + label:after{display:block;}


@media all and (max-width:1430px) {
	#sch ul{padding:45px 0 20px;}
	#sch ul li{width:50%; margin:0 0 6px;}
	#sch ul li + li{margin:0 0 6px;}
}
@media all and (max-width:1024px) {
	#sch ul{padding:50px 0 20px;}
	#sch ul li{width:auto;}
	#sch ul li + li{margin:0 0 0 9%;}
	#sch select{margin:0 0 15px;}
	#sch select, #sch input[type="text"]{height:60px; padding:0 30px 0 15px; font-size:19px;}
	#sch input[type="text"]{padding-right:100px;}
	#sch button{width:90px; height:60px;}
}
@media all and (max-width:768px) {
	#sch ul li{width:50%;}
	#sch ul li:first-child{width:100%; margin:0 0 10px;}
	#sch ul li + li{margin:0;}
	#sch select, #sch input[type="text"]{height:55px; font-size:17px;}
	#sch select{width:35%; margin:0 0 12px; background-position:right 10px top 50%;}
	#sch select + select{width:62%;}
	#sch input[type="text"]{padding-right:80px;}
	#sch button{width:75px; height:55px; font-size:18px;}
}
@media all and (max-width:568px) {
	#sch select{margin:0 0 9px;}
	#sch select, #sch input[type="text"]{height:50px; font-size:16px;}
	#sch button{width:70px; height:50px; font-size:17px;}
	
	#sch input[type="radio"]{width:22px; height:22px;}
	#sch input[type="radio"] + label{line-height:22px; padding:0 0 0 5px; font-size:18px;}
	#sch input[type="radio"] + label:before{left:-22px; width:22px; height:22px; margin:-13px 0 0 0;}
	#sch input[type="radio"] + label:after{left:-18px; width:14px; height:14px; margin:-9px 0 0 0;}
}
@media all and (max-width:380px) {
	#sch input[type="radio"] + label{font-size:17px;}
}
@media all and (max-width:360px) {
	#sch input[type="radio"] + label{font-size:15px;}
}
@media all and (max-width:350px) {
	#sch input[type="radio"] + label{font-size:15px;}
}



/* 게시판 */
.board{position:relative; float:left; width:100%; margin:25px 0 0 0; box-sizing:border-box;}
.board h4{height:57px; padding:5px 0 0 0;}
.board .list_wrap{float:left; width:100%; box-sizing:border-box;}
.board .list{position:relative; float:left; width:100%; height:70px; margin:0 0 6px; box-sizing:border-box;}
.board .list a{position:relative; display:block; float:left; width:100%; line-height:68px; padding:0 120px 0 29px; box-sizing:border-box; text-decoration:none; background:#fff; border:1px solid #e7e9ed; border-radius:5px;}
.board .list a:hover{background:#f9f9f9;}

.board .tit{display:inline-block; vertical-align:top; max-width:98%; padding:0 20px 0 0; color:#000; font-size:19px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.board .tit span{margin:0 15px 0 0;color: #EC4322;border-bottom: 1px solid #EC4322;}
.board .new{display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:22px; margin:-3px 0 0 -20px; font-size:14px; font-weight:400; text-align:center; color:#fff; border-radius:5px 0; background:#e8474f; text-transform:uppercase;}
.board .date{display:block; position:absolute; right:25px; top:0; color:#999; font-size:17px; font-weight:400;}
.board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
.board .control{z-index:2; position:absolute; top:0; right:0;}

.board2 {margin:55px 0 0 0;}
.board2 .list{height:138px; margin:0 0 7px;}
.board2 .list a{height:138px; line-height:120%; padding:29px 15px 0 30px;}
.board2 .date{top:auto; bottom:25px;}
.board2 .date span{display:inline-block; vertical-align:top; margin:0 10px 0 0;}
.board2 .tit{margin:0 0 42px; line-height:110%;}
.board2 .detail{display:block; width:100%; font-weight:800; color:#15766e;}
.board2 .detail span{display:inline-block; vertical-align:top; height:24px; line-height:24px;}
.board2 .detail strong{display:inline-block; vertical-align:top; height:24px; line-height:25px; padding:0 7px; margin:0 0 0 4px; font-size:15px; font-weight:200; border-radius:5px; color:#fff; background:#15766e;}
.board2 .detail .detail2{margin:0 0 0 15px; color:#694092;}
.board2 .detail .detail2 strong{color:#fff; background:#694092;}

@media all and (max-width:1430px) {
	.board2 .detail span span{display:none;}
	.board2 .detail .detail2{margin:0 0 0 5px;}
}
@media all and (max-width:1024px) {
	.board{width:48%; margin:0 0 57px;}
	.board h4{height:50px;}
	.board .tit{font-size:18px;}
	.board .tit span{margin:0 10px 0 0;}
	.board .date{font-size:16px;}
	.board .new{width:16px; height:16px; line-height:16px; font-size:10px;}
	
	.board1 .list{height:67px;}
	.board1 .list a{line-height:66px;}
	.board2{float:right;}
	.board2 .detail strong{font-size:14px;}
}
@media all and (max-width:768px) {
	.board{width:100%; margin:0 0 40px;}
	.board h4{height:auto; padding:5px 0 17px;}
	.board .list a{padding:0 110px 0 25px;}
	.board .tit{font-size:17px;}
	.board1 .list{height:60px;}
	.board1 .list a{line-height:59px;}

	.board2 .detail .detail2{margin:0 0 0 10px;}
	.board2 .detail span span{display:inline-block;}
	.board2 .list{height:112px;}
	.board2 .list a{height:112px; padding:25px 15px 0 25px;}
	.board2 .tit{margin:0 0 20px;}
	.board2 .date{bottom:20px;}
	
}
@media all and (max-width:568px) {
	.board .list a{padding:0 95px 0 20px;}
	.board .date{right:20px; font-size:15px;}
	
	.board1 .list{height:56px;}
	.board1 .list a{line-height:55px;}
	
	.board2 .list{height:105px;}
	.board2 .list a{height:105px; padding:22px 15px 0 20px;}
	.board2 .detail .detail2{margin:0 0 0 5px;}
	.board2 .detail span span{display:none;}
	.board2 .detail strong{font-size:13px;}
}
@media all and (max-width:380px) {
	.board h4{padding:7px 0 16px;}
	.board .tit{font-size:16px;}
	
	.board1 .list{height:53px;}
	.board1 .list a{line-height:52px;}
}


/* 게시판 */
#cast{position:relative; height:539px; box-sizing:border-box;}
#cast h3{position:absolute; top:10px; left:0; font-size:40px; font-family:"DWImpactamin"; color:#000;}
#cast > ul{float:right; width:81.07%; padding:0 170px 0 0; box-sizing:border-box; transition:0.3s ease-out; border-bottom:1px solid #d6d6d6;}
#cast > ul > li{float:left; width:15%; box-sizing:border-box;}
#cast > ul > li:nth-child(2),
#cast > ul > li:nth-child(3){width:17%;}
#cast > ul > li:nth-child(6){width:20%;}
#cast .bar{z-index:1;display:block;position:absolute;top:58px;left:0;width:160px;height:7px;margin:0 0 0 265px;transition:0.3s;background: #EC4322;border-radius:3px;}
#cast li h4{line-height:0; padding:0; letter-spacing:-1px;}
#cast li h4 br{display:none;}
#cast li h4 a{z-index:2; overflow:hidden; position:relative; display:block; width:100%; height:62px; line-height:62px; font-size:22px; color:#000; text-decoration:none; text-align:center; box-sizing:border-box;}

#cast li.on h4 a{color: #EC4322;transition:0.2s linear;}
#cast .con{visibility:hidden; opacity:0; position:absolute; top:86px; left:0; width:100%; box-sizing:border-box;}
#cast .on .con{visibility:visible; opacity:1; top:96px; transition:0.25s ease-in-out;}

#cast .list_wrap{overflow:hidden; width:100%; text-align:left;}
#cast .list_wrap .list:not(:first-of-type){display:none;}
#cast .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#cast .list{float:left;}
#cast .list *{display:block;}
#cast .list a{overflow:hidden; position:relative; width:264px; margin:0 20px 0 0; text-decoration:none;}
#cast .img{position:relative; overflow:hidden; border-radius:5px;}
#cast .img:after{content:''; display:block; position:absolute; top:50%; left:50%; width:70px; height:70px; transform:translate(-50%, -50%); background:url(/council/minutes/images/assembly/main/ico_play.png) no-repeat 50% 50%;}
#cast .img img{width:100%; height:250px; border-radius:5px; transition:0.3s ease;}
#cast a:hover .img:after{transform:translate(-50%, -50%) rotate(360deg); transition:0.6s ease-in-out;}

#cast .sbj{padding:18px 0 0 2px; transition:background 0.25s ease-in-out; box-sizing:border-box;}
#cast .tit{position:relative; z-index:1; display:inline-block; max-width:90%; line-height:110%; padding:0 20px 0 0; color:#000; font-size:19px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; transition:color 0.25s ease-in-out ;}
#cast .date{padding:12px 0 0 0; line-height:100%; transition:color 0.25s ease-in-out; font-size:17px; font-weight:400; color:#999;}
#cast .new{display:inline-block; vertical-align:middle; width:22px; height:22px; line-height:22px; margin:-3px 0 0 -20px; font-size:14px; font-weight:400; text-align:center; color:#fff; border-radius:5px 0; background:#e8474f; text-transform:uppercase;}
#cast a:active img,
#cast a:hover img,
#cast a:focus img{transform:scale(1.1);}

#cast .control{z-index:2; display:none; position:absolute; top:10px; right:0;}
#cast .on .control{display:block;}
#cast .none{width:100%; padding:50px 0; color:#000; text-align:center;}

@media all and (max-width:1024px) {
	#cast{height:465px;}
	#cast h3{position:static; padding:0 0 7px; font-size:31px;}
	#cast > ul{position:relative; width:100%; padding:0 135px 0 0;}
	#cast .bar{top:auto; bottom:-4px;}
	#cast li h4 a{font-size:21px;}
	
	#cast .list_wrap{width:calc(100% + 18px); margin:0 0 0 -9px;}
	#cast .list a{width:calc(100% - 18px); margin:0 9px 20px;}
	#cast .img img{height:194px;}
	#cast .tit{max-width:94%; font-size:18px;}
	#cast .date{font-size:16px;}
	#cast .new{width:16px; height:16px; line-height:16px; font-size:10px;}
}
@media all and (max-width:768px) {
	#cast {height:440px;}
	#cast h3{padding:0 0 17px; font-size:27px;}
	#cast > ul {padding:0 98px 0 0; border:1px solid #ddd; background:#fff;}
	#cast > ul > li{width:27%;}
	#cast > ul > li:nth-child(2),
	#cast > ul > li:nth-child(5){width:34%;}
	#cast > ul > li:nth-child(3),
	#cast > ul > li:nth-child(6){width:39%;}
	#cast > ul > li:nth-child(-n + 3){border-bottom:1px solid #ddd;}
	#cast li h4 a{height:46px; line-height:46px; font-size:18px; border-right:1px solid #ddd;}
	#cast .bar{display:none;}

	#cast .con,
	#cast .on .con{top:125px;}

	#cast .list_wrap{width:calc(100% + 16px); margin:0 0 0 -8px;}
	#cast .list a{width:calc(100% - 16px); margin:0 8px 20px;}
	#cast .img img{height:144px;}
	#cast .img:after{width:50px; height:50px; background-size:contain;}
	#cast .tit{font-size:17px;}
	#cast .date{padding:10px 0 0 0; font-size:15px;}
	
	#cast .control{right:10px; width:80px;}
	#cast .more{width:74px; height:35px; line-height:35px; margin:4px 0 0 4px; font-size:15px; font-weight:600; border-radius:3px; text-indent:0; text-align:center; background:#e8e8e8;}
}
@media all and (max-width:568px) {
	#cast {height:670px;}
	#cast h3{font-size:24px;}
	#cast li h4 a{font-size:17px;}
	#cast > ul {padding:0 91px 0 0;}
	
	#cast .con,
	#cast .on .con{top:120px;}

	#cast .list_wrap{width:calc(100% + 14px); margin:0 0 0 -7px;}
	#cast .list a{width:calc(100% - 14px); margin:0 7px 27px;}
	#cast .img img{height:155px;}
	#cast .img:after{width:45px; height:45px;}
	#cast .sbj{padding:13px 0 0 2px;}
	#cast .date{font-size:14px;}

	#cast .control{right:7px;}
}
@media all and (max-width:380px) {
	#cast {height:595px;}
	#cast h3{font-size:23px;}
	#cast li h4 a{height:44px; line-height:44px; font-size:16px;}
	#cast .con,
	#cast .on .con{top:115px;}
	#cast .list_wrap{width:calc(100% + 12px); margin:0 0 0 -6px;}
	#cast .list a{width:calc(100% - 12px); margin:0 6px 24px;}
	#cast .img img{height:125px;}
	#cast .tit{font-size:16px;}
	#cast .more{height:31px; line-height:31px; font-size:14px;}
}
@media all and (max-width:360px) {
	#cast li h4 {display: table; width:100%;}
	#cast li h4 a{display: table-cell; vertical-align:middle; line-height:120%; font-size:15px; word-break:keep-all;;}
}

/* banner */
#banner {
	margin-bottom: 46px;
	width: 100%;
}

#banner .bn_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#banner .bn_wrap li{
	width: 30.33%;
	height: 64px;
	background: #fff;
	border: 1px solid #f9dac9;
	border-radius: 6px;
	transition:.3s
}

#banner .bn_wrap li:hover{
	border-color: #e45a0e;
	box-shadow: 0 0 8px rgba(228, 90, 14, 0.3);
}

#banner .bn_wrap li+li{
	margin-left: 84px;
}

#banner .bn_wrap li a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

#banner .bn_wrap li .icon{
	margin-right: 9px;
}

#banner .bn_wrap li p{
	color: #26201d;	
	font-size: 16px;
	font-weight: 900;
    font-family: 'gmarket';
}

@media screen and (max-width: 1180px) {
	#banner .bn_wrap li+li{margin-left: 24px;}
}

@media screen and (max-width: 1040px){
	#banner .bn_wrap{flex-wrap: wrap;}
	#banner .bn_wrap li{width: 48%;}
	#banner .bn_wrap li+li{margin-bottom: 16px; margin-left:0px}
}

@media screen and (max-width: 768px){
	#banner .bn_wrap li{width: 100%; margin-bottom:16px}
	#banner .bn_wrap li p{min-width: 250px; text-align: center;}
}

@media screen and (max-width:  368px){
	#banner .bn_wrap li .icon img{width: 30px;}
	#banner .bn_wrap li p{font-size: 15px;min-width: 220px;}
}