@charset "utf-8";
.slick-slide img{display:inline;}

#container_main{position:relative; overflow:hidden; width:100%;}
#container_main h4{font-size:30px; font-family:"NanumSquare"; font-weight:800; color:#21365b;}

.more{z-index:1; position:absolute; top:0; right:0; display:block; width:30px; height:30px; font-size:0; text-indent:-999px; border-radius:10px; border:1px solid #ddd; background:url(/images/kr/main/ico_ctrl.png) no-repeat -97px -33px;}

.control:after{content:''; display:block; clear:both; width:100%;}
.control > button{position:relative; float:left; width:30px; height:30px; font-size:0; text-indent:-9999px; border-radius:10px; margin:0 0 0 4px; border:1px solid #ddd; background:url(/images/kr/main/ico_ctrl.png) no-repeat 7px -33px;}
.control > .more{position:static; float:left; margin:0 0 0 4px;}
.control .btn_next{background-position:-64px -33px;}
.control .btn_stop{background-position:-29px -33px;}
.control .btn_stop.on{background-position:-27px -73px;}

.control > button:hover,
.control > a:hover{border-color:#aaa;}


.sec1{position:relative; height:790px; padding:80px 0 0 0; box-sizing:border-box;}
.sec1:before{content:''; display:block; position:absolute; top:-1px; left:50%; width:100%; height:710px; margin:0 0 0 -830px; border-radius:0 0 0 15px; background:url(/images/kr/main/bg1.jpg) no-repeat 0 0 / cover;}
.sec1 .unit{float:right; width:29.375%;}
.sec2{position:relative; padding:0 450px 0 0;}
.sec3{padding:80px 0 75px; background:url(/images/kr/main/bg2.jpg) no-repeat 50% 50% / cover;}
@media all and (max-width:1680px) {
	.sec1:before{left:15px; margin:0;}
}
@media all and (max-width:1460px) {
	.sec1:before{left:0; border-radius:0; background-position:50% 0;}
}
@media all and (max-width:1430px) {
	.sec2{padding-left:15px;}
}
@media all and (max-width:1280px) {
	.sec1{height:730px;}
	.sec1:before{height:655px;}
}
@media all and (max-width:1024px) {
	#container_main h4{font-size:26px;}
	.sec1{height:auto; padding:17px 0 0 0; background:url(/images/kr/main/bg1.jpg) no-repeat 50% 0 / cover}
	.sec1:before{display:none;}
	.sec1 .unit{overflow:hidden; width:100%;}

	.sec2{padding:50px 370px 0 15px;}

	.sec3{padding:50px 0;}
}
@media all and (max-width:768px) {
	#container_main h4{font-size:24px;}
	
	.sec1 .inner,
	.sec3 .inner{padding:0 15px;}
	.sec2{padding:40px 15px 0;}
	.sec3{padding:40px 0;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:22px;}
	.sec3{padding:35px 0;}
	.sec2{padding:35px 15px 0;}
}
@media all and (max-width:380px) {
	#container_main h4{font-size:21px;}
}


.sec1 > .en{position: absolute; left:50%; bottom:80px; margin:0 0 0 -1210px; color:#bbb; font-family:"gmarket"; font-size:10px; font-weight:200; letter-spacing:5px; transform:rotate(90deg); transform-origin:100% 100%; text-transform:uppercase;}
.sec1 > .en:after{content:''; display:inline-block; width:70px; height:1px; margin:0 0 0 15px; vertical-align:middle; background:#e7e7e7;}
@media all and (max-width:1800px) {
	.sec1 > .en{left:auto; right:50%; bottom:55px; margin:0 -700px 0 0; transform:none;}
}
@media all and (max-width:1430px) {
	.sec1 > .en{right:15px; margin:0; color:#aaa;}
}
@media all and (max-width:1024px) {
	.sec1 > .en{bottom:-20px; font-size:8px; letter-spacing:4px;}
	.sec1 > .en:after{width:50px; margin:0 0 0 10px;}
}
@media all and (max-width:568px) {
	.sec1 > .en{bottom:-15px; font-size:7px;}
	.sec1 > .en:after{width:45px;}
}

/* 비주얼 */
#visual{z-index:2; float:left; position:relative; width:68.125%; height:550px; border-radius:10px; box-shadow:5px 5px 25px rgba(119,119,119,0.3);}
#visual .list_wrap{width:100%; height:100%;}
#visual .list_wrap *{vertical-align:top; width:100%; height:100%;}
#visual .list_wrap .list{overflow:hidden; position:relative; 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 img{height:100%;}
#visual .control{z-index:2; position:absolute; bottom:-18px; left:50px; width:160px; height:36px; padding:0 0 0 15px; border-radius:18px; background:#fff; text-align:center; box-sizing:border-box; box-shadow:5px 1px 20px rgba(170,170,170,0.2);}
#visual .control button{width:15px; height:100%; margin:0 0 0 6px; border:none;}
#visual .control .btn_prev{width:20px; text-indent:0; background-position:5px -69px;}
#visual .control .btn_next{background-position:-58px -69px;}
#visual .control .btn_stop{background-position:-79px -68px;}
#visual .control .btn_stop.on{background-position:-36px -68px;}
#visual .page_v{float:left; margin:0 5px; line-height:37px; color:#777; font-weight:700;}
#visual .page_v .current{color:#e65245; font-weight:800;}
#visual .page_v .current:after{content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; margin:-4px 10px 0; background:#dedede; border-radius:50%;}

@media all and (max-width:1280px) {
	#visual{height:485px;}
}
@media all and (max-width:1024px) {
	#visual{height:auto; margin:0 0 50px;}
	#visual,
	#visual .list img{width:100%;}
	#visual .control{left:50%; width:150px; padding:0 0 0 10px; margin:0 0 0 -75px;}
}
@media all and (max-width:768px) {
	#visual{margin:0 0 45px;}
}
@media all and (max-width:568px) {
	#visual{margin:0 0 40px;}
}


/* 열린의장실 */
#chairman{position:relative; float:left; width:100%; height:270px; margin:0 0 50px; border-radius:10px; box-shadow:15px 15px 20px rgba(127,111,128,0.3); color:#fff; background:#3368cc url(/images/kr/main/bg_chairman.jpg) no-repeat 100% 50%;}
#chairman h4{font-size:24px; color:#fff;}
#chairman .pic{overflow:hidden; position:absolute; right:0; bottom:0; max-width:60%; border-radius:0 0 15px 0;}
#chairman .pic img{max-width:100%;}
#chairman .txt{position:relative; padding:30px 35% 0 32px; line-height:148%; font-size:18px; font-weight:700; box-sizing:border-box; word-break:keep-all;}
#chairman .name {padding:26px 0 23px;}
#chairman .name strong{line-height:150%; font-weight:800; font-size:22px; color:#fffdd6;}
#chairman .btn_greeting{z-index:1; position:relative; display:block; width:150px; height:49px; line-height:49px; font-weight:700; font-size:16px; color:#fff; border-radius:10px; background:rgba(0,0,0,0.15); text-align:center;}
#chairman .btn_greeting:after{content:''; display:inline-block; width:7px; height:11px; margin:0 0 0 28px; letter-spacing:-0.5px; background:url(/images/kr/main/ico_ctrl.png) no-repeat -51px -2px;}
#chairman .btn_greeting:hover{background:rgba(0,0,0,0.25);}

@media all and (max-width:1280px) {
	#chairman{height:245px; margin:0 0 20px;}
	#chairman .pic img{max-height:245px;}
	#chairman .txt{padding:30px 35% 0 8%; font-size:17px;}
	#chairman .name {padding:17px 0 18px;}
	#chairman .btn_greeting{width:120px; height:45px; line-height:45px;}
	#chairman .btn_greeting:after{margin:0 0 0 12px;}
}
@media all and (max-width:1024px) {
	#chairman{width:50%; margin:0 0 50px; background-size:cover;}
	#chairman h4{font-size:23px;}
	#chairman .txt{padding:30px 35% 0 30px;}
	#chairman .btn_greeting{width:140px;}
	#chairman .btn_greeting:after{margin:0 0 0 28px;}
}
@media all and (max-width:768px) {
	#chairman {width:100%; height:auto; margin:0 0 40px;}
	#chairman h4{font-size:22px;}
	#chairman .txt{padding:25px 35% 25px 25px; font-size:17px;}
	#chairman .pic img{max-height:230px;}
}
@media all and (max-width:568px) {
	#chairman{margin:0 0 35px;}
	#chairman h4{font-size:21px;}
	#chairman .name {padding:15px 0;}
	#chairman .name strong{font-size:20px;}
	#chairman .btn_greeting{width:135px; height:43px; line-height:43px; font-size:15px;}
	#chairman .btn_greeting:after{margin:0 0 0 23px;}
}
@media all and (max-width:380px) {
	#chairman h4{font-size:20px;}
	#chairman .btn_greeting{width:130px;}
}
@media all and (max-width:350px) {
	#chairman .btn_greeting{width:110px;}
	#chairman .btn_greeting:after{margin:0 0 0 10px;}
}


/* 의사일정 */
#agenda{position:relative; float:left; width:100%; height:230px; padding:30px 30px 0; border-radius:10px; box-shadow:5px 5px 20px rgba(204,204,204,0.3); background:#fff; box-sizing:border-box;}
#agenda h4{position:relative; height:45px; font-size:24px;}
#agenda h4:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:url(/images/kr/main/bg_dash1.jpg) repeat-x;}
#agenda .date_wrap{position:relative; float:left; width:100%;}
#agenda .date_wrap .btns{z-index:3; display:block; position:absolute; top:50%; left:30px; width:25px; height:25px; margin:-13px 0 0 0; border-radius:50%; border:none; background-color: #f9ada6; background-position:5px 4px;}
#agenda .date_wrap .btn_next{left:auto; right:30px; background-position:-40px 4px;}
#agenda .date_wrap .btns:hover{background-color:#ec7369;}
#agenda .date p{height:65px; line-height:65px; text-align:center; font-size:22px; font-weight:700;}
#agenda .date p:not(:first-of-type){display:none;}
#agenda .date.slick-initialized p:not(:first-of-type){display:inline-block;}
#agenda .date strong{color:#e65245; font-weight:800;}
#agenda .txt_wrap{position:relative; overflow:hidden; width:100%; height:60px; padding:0 30px 0 20px; font-size:15px; font-weight:700; color:#222; border-radius:10px; background:#f5f5f5; text-align:left; box-sizing:border-box; font-family:"Noto Sans KR";}
#agenda .txt_wrap *{vertical-align:top;}
#agenda .txt p{position:relative; display:inline-block; vertical-align:top; width:100%; line-height:60px; max-width:98%; padding:0 0 0 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .txt p:before{content:''; display:block; position: absolute; top:50%; left:0; width:5px; height:5px; margin:-3px 0 0 0; border-radius:2px; background:#aaa;}
#agenda .txt .none{padding-right:0;}
#agenda .txt_wrap .control{z-index:1; position: absolute; right:20px; top:50%; margin:-12px 0 0 0;}
#agenda .txt_wrap .btn_stop{width:23px; height:23px; border-radius:5px; background-color:#fff; background-position:-32px -36px;}
#agenda .txt_wrap .btn_stop.on{background-position:-31px -76px;}
#agenda .view{display:block; position:absolute; top:26px; right:31px; width:90px; height:30px; line-height:30px; font-weight:700; border-radius:15px; font-size:14px; color:#555; border:1px solid #e5e7ee; box-sizing:border-box; text-align:center; text-decoration:none;}
#agenda .view:after{content:''; display:inline-block; width:7px; height:11px; margin:0 0 0 15px; background:url(/images/kr/main/ico_ctrl.png) no-repeat -64px -142px;}
#agenda .view:hover{border-color:#9db5e2;}
@media all and (max-width:1280px) {
	#agenda{height:220px; padding:30px 8% 0;}
	#agenda h4{height:40px;}
	#agenda .date_wrap .btn_prev{left:0;}
	#agenda .date_wrap .btn_next{right:0;}
	#agenda .date p{height:62px; line-height:62px;}
	#agenda .view{width:72px;}
	#agenda .view:after{margin:0 0 0 5px;}
}
@media all and (max-width:1024px) {
	#agenda{float:right; width:46%; height:245px; padding:30px 30px 0; margin:0 0 50px;}
	#agenda h4{height:50px; font-size:23px;}
	#agenda .date p{height:78px; line-height:78px;}
}
@media all and (max-width:768px) {
	#agenda{width:100%; height:auto; padding:25px; margin:0 0 40px;}
	#agenda h4{height:40px; font-size:22px;}
	#agenda .view{top:20px; right:25px;}
	#agenda .date p{height:55px; line-height:55px;}
	#agenda .date_wrap .btn_prev{left:50%; margin-left:-150px;}
	#agenda .date_wrap .btn_next{right:50%; margin-right:-150px;}
}
@media all and (max-width:568px) {
	#agenda{margin:0 0 35px;}
	#agenda h4{height:37px; font-size:21px;}
	#agenda .date_wrap .btn_prev{margin-left:-135px;}
	#agenda .date_wrap .btn_next{margin-right:-135px;}
	#agenda .view{width:65px; font-size:13px;}
}
@media all and (max-width:380px) {
	#agenda h4{font-size:20px;}
	#agenda .date_wrap .btn_prev{margin-left:-125px;}
	#agenda .date_wrap .btn_next{margin-right:-125px;}
	
}

/* 바로가기 */
#link{height:280px; padding:64px 0 0 0; box-sizing:border-box; background:linear-gradient(90deg, #edf6fb 0%, #edf0f9 100%);}
#link .title{float:left;}
#link h4{padding:14px 0 11px; font-weight:300;}
#link h4 span{display:block; color:#356bd1; font-weight:800;}
#link h4 strong{font-weight:800;}
#link .info{width:80%; line-height:145%; font-size:14px; color:#777; word-break:keep-all;}
#link ul{float:right;}
#link li {float:left; width:115px; line-height:120%; text-align:center;}
#link li + li{padding:0 0 0 86px;}
#link li a{z-index:1; position:relative; display:block; width:100%; padding:135px 0 0 0; font-size:18px; font-weight:800; color:#222; box-sizing:border-box; text-align:center;}
#link li a:before,
#link li a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:115px; background:url(/images/kr/main/ico_lnk1.png) no-repeat 50% 50%;}
#link li a:after{z-index:-1; left:50%; border-radius:30px; border:0 solid transparent; background:#fff; box-shadow:3px 3px 25px rgba(187,187,187,0.2); transform:translateX(-50%); transition:border 0.25s ease-in-out;}
#link li.list2 a:before{background-image:url(/images/kr/main/ico_lnk2.png);}
#link li.list3 a:before{background-image:url(/images/kr/main/ico_lnk3.png);}
#link li.list4 a:before{background-image:url(/images/kr/main/ico_lnk4.png);}
#link li.list5 a:before{background-image:url(/images/kr/main/ico_lnk5.png);}
#link li.list6 a:before{background-image:url(/images/kr/main/ico_lnk6.png);}
#link li.list7 a:before{background-image:url(/images/kr/main/ico_lnk7.png);}
#link li.list8 a:before{background-image:url(/images/kr/main/ico_lnk8.png);}
#link li a:hover:after{border-width:1px; background: linear-gradient(#fff, #fff), linear-gradient(90deg, #2fadf3 0%, #495dea 100%) border-box; background-clip:content-box, border-box;}
#link li a:hover:before{animation:ani_bg 0.5s ease-in-out;}

@keyframes ani_bg{
	0%{transform:rotate(0);}
	20%{transform:rotate(-8deg);}
	40%{transform:rotate(8deg);}
	60%{transform:rotate(-8deg);}
	80%{transform:rotate(8deg);}
	100%{transform:rotate(0deg);}
}
@media all and (max-width:1430px) {
	#link .inner{padding-right:0;}
	#link .title{width:17%;}
	#link ul{width:83%;}
	#link li{width:16.66%;}
	#link li a:after{max-width:115px;}
	#link li + li{padding:0;}
}
@media all and (max-width:1280px) {
	#link .title{width:18%;}
	#link ul{width:82%;}
	#link li a{padding:120px 0 0 0;}
	#link li a:before{height:100px; background-size:auto 53px;}
	#link li a:after{width:100px; height:100px; border-radius:25px;}
}
@media all and (max-width:1024px) {
	#link{height:auto; padding:50px 0 45px;}
	#link h4{font-size:24px;}
	#link li a{padding:93px 0 0 0; font-size:17px;}
	#link li a:before{height:79px; background-size:auto 43px;}
	 #link li a:after{width:79px; height:79px; border-radius:20px;}
}
@media all and (max-width:768px) {
	#link {padding:40px 0;}
	#link .inner{padding-right:10px;}
	#link .title{width:100%; padding:0 0 20px; text-align:center;}
	#link h4{padding:0 0 5px;}
	#link h4 span{display:none;}
	#link .info{width:100%;}
	#link ul{width:100%;}
}
@media all and (max-width:568px) {
	#link{padding:37px 0 16px;}
	#link h4{font-size:22px;}
	#link .info{font-size:13px;}
	#link li{width:33.33%;}
	#link li a{padding:77px 0 25px 0; font-size:16px;}
	#link li a:before{height:65px; background-size:auto 39px;}
	 #link li a:after{width:70px; height:65px; border-radius:17px;}
}
@media all and (max-width:380px) {
	#link{padding:35px 0 15px;}
	#link h4{font-size:21px;}
	#link li a{padding:72px 0 23px 0; font-size:15px;}
	#link li a:before{height:62px; background-size:auto 36px;}
	#link li a:after{width:66px; height:62px;}
}


/* 게시판 */
#board{position:relative; float:right; width:100%; height:449px;}
#board h3{display:inline-block; vertical-align:middle; padding:0 12px 0 0; font-size:30px;}
#board h3 span{color:#e65245;}
#board .info{display:inline-block; font-size:14px; font-weight:400; color:#777;}
#board > ul{z-index:2; position:relative; float:left; width:100%; padding:0 50px 0 0; margin:13px 0 0 0; border:1px solid #e9e9e9; border-radius:10px; background:#fbfbfb; box-sizing:border-box; transition:0.3s ease-out;}
#board > ul.all{padding-right:0;}
#board > ul > li{float:left; width:20%; border-left:1px solid #e9e9e9; box-sizing:border-box;}
#board > ul > li:first-child{width:20%; border:none;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{z-index:2; position:relative; display:block; height:48px; line-height:48px; font-size:18px; font-weight:400; color:#555; text-decoration:none; text-align:center;}
#board li.on h4 a{color:#fff; font-weight:700;}
#board li h4 a:before{z-index:-1; opacity:0; visibility:hidden; content:''; position:absolute; top:-1px; left:-10px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:10px; background:#356bd1; box-shadow:5px 0 15px rgba(153,153,153,0.6); transition:left 0.25s ease-in-out;}
#board li.on h4 a:before{opacity:1; visibility:visible; left:-1px;}

#board .con{opacity:0;  visibility:hidden; position:absolute; top:63px; left:0; width:100%; box-sizing:border-box;}
#board .on .con{opacity:1; visibility:visible; top:70px; transition:0.25s ease-in-out;}
#board .con .list{position:relative; width:100%; margin:0 0 10px;}
#board .con a{position:relative; display:block; width:100%; height:55px; line-height:53px; padding:0 200px 0 19px; color:#222; box-sizing:border-box; text-decoration:none; box-shadow:0 0 7px rgba(221,221,221,0.5); border:1px solid #fff; border-radius:10px;}
#board .con a:hover{border-color:#cadaf8;}
#board .s_tit{display:inline-block; vertical-align:top; width:70px; height:30px; line-height:30px; margin:12px 14px 0 0; font-weight:800; font-size:14px; border-radius:10px; color:#4194c3; background:#f2f7f9; text-align:center; transition:0.2s ease-in-out;}
#board .pho{color:#516dbb; background:#f2f5fe;}
#board .pre{color:#40a495; background:#f2f9f8;}
#board .tit{display:inline-block; vertical-align:middle; max-width:96%; padding:0 20px 0 0; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; font-family:"Noto Sans KR";}
#board a:hover .tit,
#board a:focus .tit,
#board a:active .tit{text-decoration:underline;}
#board .new{display:inline-block; vertical-align:middle; width:16px; height:17px; line-height:17px; margin:-2px 0 0 -20px; font-size:12px; font-weight:400; border-radius:3px; text-transform:uppercase; text-align:center; color:#fff; background:#e65245;}
#board .detail{position:absolute; right:20px; top:0; color:#888; letter-spacing:-0.5px;}
#board .date{padding:0 0 0 20px; background:url(/images/kr/main/ico_date.png) no-repeat 0 50%;}
#board .hit{padding:0 0 0 20px; background:url(/images/kr/main/ico_hit.png) no-repeat 0 50%;}
#board .hit:after{content:''; display:inline-block; vertical-align:middle; width:1px; height:10px; margin:-2px 12px 0 15px; background:#ddd;}
#board .none{width:100%; padding:4em 0 0 0; text-align:center;}
#board .more{display:none; width:49px; height:48px; border:none; border-left:1px solid #e9e9e9; border-radius:0; background-position:14px -124px;}
#board .on .more{display:block;}

@media all and (max-width:1024px) {
	#board{height:370px;}
	#board h3{font-size:26px;}
	#board .info{display:none;}
	#board > ul{margin:17px 0 0 0;}
	#board li h4 a{font-size:17px;}
	#board .con a{padding:0 120px 0 13px;}
	#board .con .list:nth-child(4),
	#board .hit{display:none;}
	#board .detail{right:13px; font-size:15px;}
}
@media all and (max-width:768px) {
	#board{height:390px;}
	#board h3{font-size:24px;}
	#board > ul{margin:12px 0 0 0;}
	#board .con a{height:50px; line-height:48px; padding:0 180px 0 12px;}
	#board .con .list:nth-child(4),
	#board .hit{display:inline;}
	#board .s_tit{margin:8px 8px 0 0;}
}
@media all and (max-width:568px) {
	#board{height:370px;}
	#board h3{font-size:22px;}
	#board > ul{padding:0 45px 0 0; border-radius:10px;}
	#board li h4 a{height:45px; line-height:45px; font-size:16px;}
	#board li h4 a:before{border-radius:10px;}
	#board .con{top:55px;}
	#board .on .con{top:63px;}
	#board .con a{height:48px; line-height:47px; padding:0 105px 0 10px;}
	#board .s_tit{width:62px; height:27px; line-height:28px; margin:9px 8px 0 0; font-size:13px;}
	#board > ul > li:not(:first-child) .s_tit{display:none;}
	#board .hit{display:none;}
	#board .detail{font-size:14px;}
	#board .more{width:45px; height:44px; background-position:12px -125px;}
}
@media all and (max-width:380px) {
	#board{height:350px;}
	#board h3{font-size:21px;}
	#board > ul{padding:0 42px 0 0;}
	#board li h4 a{height:42px; line-height:42px; font-size:15px;}
	#board .on .con{top:60px;}
	#board .con .list{margin:0 0 8px;}
	#board .con a{height:46px; line-height:45px;}
	#board .more{width:42px; height:41px;}
}

/* 팝업존 */
#popup {position:absolute; right:0; top:0; float:left; width:401px;}
#popup h4{height:49px;}
#popup .none{min-height:110px; padding:80px 0 0 0; text-align:center;}
#popup .list_wrap{overflow:hidden; width:100%; border-radius:10px; background:#d3e4fc; text-align:center; box-shadow:3px 3px 25px rgba(204,204,204,0.4); box-sizing:border-box;}
#popup .list_wrap *{vertical-align:top;}
#popup .list_wrap .list:not(:first-of-type){display:none;}
#popup .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#popup .list img{max-width:100%; border-radius:15px;}
#popup .control{position:absolute; right:0; top:0; height:30px; width:120px; padding:0 0 0 10px; border-radius:15px; box-shadow:2px 2px 10px rgba(187,187,187,0.2); box-sizing:border-box;}
#popup .control button,
#popup .control a{width:15px; height:100%; margin:0; border:none;}
#popup .control .btn_prev{width:20px; text-indent:0; background-position:5px -72px;}
#popup .control .btn_next{background-position:-58px -72px;}
#popup .control .btn_stop{background-position:-79px -72px;}
#popup .control .btn_stop.on{background-position:-36px -72px;}
#popup .page_p{float:left; margin:0 5px; line-height:31px; font-size:14px; color:#777; font-weight:700;}
#popup .page_p .current{color:#e65245; font-weight:800;}
#popup .page_p .current:after{content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; margin:-4px 10px 0; background:#dedede; border-radius:50%;}


@media all and (max-width:1430px) {
	#popup{right:15px;}
}
@media all and (max-width:1024px) {
	#popup{top:50px; width:320px;}
	#popup .list img{height:255px;}
}
@media all and (max-width:768px) {
	#popup{position:relative; width:100%; top:0; right:0; margin:0 0 40px;}
	#popup h4{height:auto; padding:0 0 14px;}
	#popup .control{top:-5px;}
}
@media all and (max-width:568px) {
	#popup{margin:0 0 35px;}
	#popup .list img{height:auto; width:100%;}
}
@media all and (max-width:380px) {
}


/* 현역의원 */
#member{position:relative; float:right; width:28.57%;}
#member h4{height:49px;}
#member .control{position:absolute; top:0; right:0;}
#member .con{height:425px; padding:20px 30px 0; border:1px solid #dce4fd; border-radius:10px; box-shadow:5px 5px 20px rgba(221,221,221,0.3); background:#fff url(/images/kr/main/bg_member.jpg) no-repeat 100% 100%; box-sizing:border-box;}
#member .list_wrap{clear:both; width:100%; height:245px; box-sizing:border-box;}
#member .list_wrap .list{position:relative; width:100%; vertical-align:top; box-sizing:border-box;}
#member .list_wrap .list:not(:first-of-type){display:none;}
#member .list_wrap.slick-initialized .list:not(:first-of-type){display:block;} 
#member .pic{float:left; width:47%; max-width:161px; padding:9px 0 0 0;}
#member .pic img{display:inline; max-width:130px; max-height:157px; border-radius:10px; box-shadow:3px 3px 15px rgba(153,153,153,0.3);}
#member .btn_home{display:block; width:130px; height:40px; line-height:40px; margin:10px 0 0 0; font-size:14px; color:#fff; border-radius:10px; background:#356bd1; text-align:center;}
#member .btn_home:before{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-2px 10px 0 0; background:#356bd1 url(/images/kr/main/ico_home.png) no-repeat 0 50%;}
#member .btn_home:hover,
#member .btn_home:focus{background-color:#1454cc;}
#member .txt {float:left; width:53%;}
#member .name{padding:28px 0 12px 0; font-size:24px; font-weight:800; color:#222;}
#member .txt li{line-height:155%; padding:0 0 10px 72px;}
#member .txt li:before{top:8px; width:5px; width:5px; border-radius:2px; ;background:#ddd;}
#member .txt strong{position:absolute; top:0; left:16px; font-weight:700;}
#member .txt span{font-weight:800; color:#222;}
#member .txt .lts2{letter-spacing:12px;}
#member .sch{position:relative; padding:30px 0 0 0; box-sizing:border-box;}
#member .sch:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:url(/images/kr/main/bg_dash2.jpg) repeat-x;}
#member .sch input[type="text"],
#member .sch select{float:left; width:31.36%; height:40px; margin:0 2.94% 9px 0; padding:0 25px 0 8px; font-size:14px; font-weight:700; box-sizing:border-box; border-color:#e7e7e7; border-radius:10px; -webkit-appearance:none; background:#fff url(/images/kr/main/ico_arrow.jpg) no-repeat right 10px top 50%;}
#member .sch select:last-of-type{margin-right:0;}
#member .sch input[type="text"]{width:61.76%; margin:0 2.94% 0 0; padding-right:0; background:#fff;}
#member .sch select::-ms-expand{display:none;}
#member .sch select:hover,
#member .sch input[type="text"]:hover,
#member .sch input[type="text"]:focus{border-color:#aaa;}
#member .in_txt{float:left; width:100%;}
#member .btn_search{position:relative; float:left; width:35.29%; height:40px; min-width:0; font-weight:400; font-size:14px; color:#fff; border-radius:10px; border:none; box-sizing:border-box; background:#e65245;}
#member .btn_search:before{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-2px 4px 0 0; background:url(/images/kr/main/ico_sch.png) no-repeat;}
#member .btn_search:hover{background-color:#e33324;}

@media all and (max-width:1430px) {
	#member .con{padding:20px 6% 0;}
	#member .pic {padding:9px 5% 0 0; box-sizing:border-box;}
	#member .pic img{max-width:100%;}
	#member .btn_home{max-width:100%;}
	#member .btn_home:before{margin:-2px 6px 0 0;}
	#member .txt li{padding:0 0 10px 60px;}
	#member .txt strong{left:10px;}
}
@media all and (max-width:1024px) {
	#member{width:100%; height:auto; margin:0 0 50px;}
	#member h4{height:auto; padding:0 0 12px;}
	#member .con{overflow:hidden; height:auto; padding:20px 30px 30px 30px;}
	#member .list_wrap {float:left; width:53%; height:auto; border-right:1px dashed #dce4fd;}
	#member .sch{float:left; width:47%; padding:60px 0 0 5%;}
	#member .sch:before{display:none;}
}
@media all and (max-width:768px) {
	#member .con{padding:20px 22px 30px 25px;}
	#member .list_wrap{width:60%;}
	#member .sch{width:40%; padding:20px 0 0 5%;}
	#member .sch select{width:100%;}
	#member .control{top:-4px;}
}
@media all and (max-width:568px) {
	#member{margin:0 0 40px;}
	#member .list_wrap{width:100%; border:none;}
	#member .sch{width:100%; padding:20px 0 0 0; margin:20px 0 0 0;}
	#member .sch:before{display:block;}
	#member .sch select{width:31.36%;}
}
@media all and (max-width:380px) {
	#member .name{padding:22px 0 12px 0; font-size:23px;}
}

/* 갤러리 */
#gallery{z-index:1; position:relative; float:left; width:67.857%; box-sizing:border-box;}
#gallery h4{display:inline-block; vertical-align:middle; padding:0 12px 0 0; color:#e65245;}
#gallery h4 span{color:#21365b;}
#gallery .info{display:inline-block; font-size:14px; font-weight:400; color:#777;}
#gallery .list_wrap{float:left; width:calc(100% + 25px); margin:0 0 0 -12px;}
#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:299px; margin:14px 13px 11px 12px; transition:0.3s ease; border-radius:10px; box-shadow:2px 2px 20px rgba(102,102,102,0.3);}
#gallery .list img{width:100%; height:200px; transition:0.3s ease;}
#gallery .list .img{position:relative; overflow:hidden;}
#gallery .list .sbj{position:absolute; bottom:0; left:0; width:100%; height:45px; padding:0 10px 0 20px; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; color:#fff; background:rgba(0,0,0,0.7); transition:0.3s ease;}
#gallery .tit{display:inline-block; vertical-align:middle; max-width:96%; padding:0 20px 0 0; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; font-family:"Noto Sans KR";}
#gallery .new{display:inline-block; vertical-align:middle; width:16px; height:17px; line-height:17px; margin:-2px 0 0 -20px; font-size:12px; font-weight:400; border-radius:3px; text-transform:uppercase; text-align:center; color:#fff; background:#e65245;}
#gallery .list .date{line-height:100%; color:#6b6b6b;}
#gallery .list a:active img,
#gallery .list a:hover img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .list a:hover .sbj{background:#000;}
#gallery .control {position:absolute; right:0; top:0;}

@media all and (max-width:1430px){
	#gallery .list a{width:calc(100% - 25px);}
}
@media all and (max-width:1024px){
	#gallery{width:100%;}
	#gallery .list img{height:auto;}
}
@media all and (max-width:768px){
	#gallery h4{padding:0 0 14px;}
	#gallery .info{display:none;}
	#gallery .list_wrap{width:calc(100% + 16px); margin:0 0 0 -8px;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 16px 8px;}
	#gallery .list .sbj{position:static; padding:0 8px 0 15px;}
	#gallery .control{top:-4px;}
}


/* 배너 */
#banner{position:relative; float:left; width:100%; height:85px; border-top:1px solid #eee;}
#banner .inner{padding:0 150px 0 118px;}
#banner h4{position:absolute; top:32px; left:0; line-height:110%; font-size:20px; color:#222;}
#banner .control{position:absolute; right:0; top:28px; width:110px; height:30px; padding:0 0 0 12px; border-radius:15px; box-shadow:2px 2px 10px rgba(153,153,153,0.2); box-sizing:border-box;}
#banner .control button,
#banner .control a{width:15px; height:100%; border:none;}
#banner .control .btn_prev{width:20px; text-indent:0; background-position:3px -97px;}
#banner .control .btn_prev:after{content:''; display:inline-block; position: absolute; right:0; top:50%; width:3px; height:3px; margin:-1px -1px 0 0; background:#ddd; border-radius:50%;}
#banner .control .btn_next{background-position:-27px -97px;}
#banner .control .btn_stop{background-position:-47px -97px;}
#banner .control .btn_stop.on{background-position:-91px -97px;}
#banner .more{margin:0 0 0 6px; background-position:-70px -97px;}

#banner .list_wrap{position:relative; float:left; width:100%; box-sizing:border-box; text-align:center;}
#banner .list{float:left; position:relative;}
#banner .list a{display:block; line-height:85px; padding:0 33px; color:#555; font-weight:700; letter-spacing:-0.6px;}
#banner .list a:after{content:''; display:inline-block; position: absolute; top:50%; right:0; width:1px; height:10px; margin:-5px 0 0 0; background:#ddd;}
#banner .list a:hover{color:#222; font-weight:500;}

@media all and (max-width:1430px) {
	#banner h4{left:15px;}
	#banner .control{right:15px;}
}
@media all and (max-width:768px) {
	#banner{height:auto; padding:12px 0 7px;}
	#banner .inner{padding:0 15px;}
	#banner h4{position:static; width:100%; padding:17px 0 0 0; box-sizing:border-box;}
	#banner .control{top:10px; right:10px;}
	#banner .control button{margin:0 0 0 4px;}
	#banner .list_wrap{padding:17px 0 15px;}
	#banner .list a{line-height:110%; padding:10px 20px;}
}
@media all and (max-width:568px) {
	#banner .control{top:8px;}
	#banner .list a{padding:10px 15px; font-size:15px;}
}
@media all and (max-width:380px) {
}