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

.inner{width: 1500px; padding:0; box-sizing: border-box;}
@media all and (max-width:1540px) {
    .inner{width:100%; padding-left:20px; padding-right:20px;}
}
@media all and (max-width:1024px) {
    .inner{padding-left:15px; padding-right:15px;}
}

#container_main{position:relative; overflow:hidden; width:100%;}
#container_main h4{letter-spacing:-2px; font-size:35px; font-family:"gmarket"; font-weight:900;}

.more{z-index:2; display:block; width:30px; height:30px; font-size:0; background:url(/images/kr/main_new/ico_more.png) no-repeat 50% 50%; transition: 0.25s ease-in-out;}

@media all and (max-width:1280px) {
    #container_main h4{font-size:32px; letter-spacing:-1px;}
}

.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; background:url(/images/kr/main_new/ico_ctrl.png) no-repeat 10px -132px;}
.control .btn_next{background-position:-28px -132px;}
.control .btn_stop{background-position:-68px -132px;}
.control .btn_stop.on{background-position:-140px -131px;}
.control button:hover,
.control button:active,
.control button:focus{background-color:rgba(0,0,0,0.03);}

/* 비주얼 */
.visual_wrap{position: relative; height:716px; padding:70px 0 0 0; margin:0 auto 106px; box-sizing: border-box;}
.visual_wrap:before{content: ''; display: block; position: absolute; left:50%; top:0; width:100%; height:100%; margin:0 0 0 -852px; border-radius: 0 0 0 10px; background:url(/images/kr/main_new/bg.jpg) no-repeat 0 0 / cover;}
.visual_wrap .en{opacity:0.5; position: absolute; left:50%; bottom:0; margin:0 0 0 -898px; letter-spacing:9px; writing-mode: vertical-lr; font-size:15px; font-weight:200; text-transform: uppercase; color:#f09e00;}
.visual_wrap .en:after{content: ''; display: inline-block; width:1px; height:53px; margin:19px 0 0 0; background: #f09e00;}

#visual{z-index:2; float:left; position:relative; width:65.733%; height:560px; border-radius:10px; box-shadow:1px 1px 20px rgba(85,85,85,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:-20px; left:64px; display:flex; flex-wrap:wrap; justify-content:center; width:165px; height:46px; border-radius:46px; background:#fff; text-align:center; box-sizing:border-box;}
#visual .control button{width:20px; margin:8px 0 0 4px; border:none;}
#visual .btn_prev{background-position:6px -34px;}
#visual .btn_next{background-position:-69px -34px;}
#visual .btn_stop{background-position:-30px -34px;}
#visual .btn_stop.on{background-position:-110px -33px;}

#visual .page_v{float:left; margin:0 3px 0 8px; line-height:46px; font-weight:700; font-family: "NanumSquare";}
#visual .page_v .current{font-weight:900; color:#dd586a;}
#visual .page_v .dash{display:inline-block; vertical-align:middle; width:3px; height:3px; margin:-3px 12px 0; background:#333;}

@media all and (max-width:1830px) {
    .visual_wrap:before{left:60px; margin:0;}
    .visual_wrap .en{left:15px; margin:0;}
}
@media all and (max-width:1660px) {
    .visual_wrap:before{left:0;}
    .visual_wrap .en{left:auto; right:20px; bottom:15px; writing-mode:inherit;}
    .visual_wrap .en:after{vertical-align: top; width:53px; height:1px; margin:10px 0 0 0;}
}
@media all and (max-width:1280px) {
    .visual_wrap{height:auto; padding:60px 0 70px;}
	#visual{width:66.5%; height:430px;}
}
@media all and (max-width:1024px) {
    .visual_wrap{height:auto; padding:20px 0 30px 0; margin:0 0 70px;}
    .visual_wrap .en{bottom:10px; font-size:11px;}
	#visual{height:auto; margin:0 0 45px;}
	#visual,
	#visual .list img{width:100%;}
    #visual .control{left:50%; transform: translateX(-50%);}
}
@media all and (max-width:768px) {
    .visual_wrap{padding:20px 0 50px; margin:0 0 60px;}
	#visual .control{width:150px; height:35px; padding:0; border-radius:35px;}
	#visual .control button{margin:4px 0 0 4px;}
	#visual .page_v{line-height:35px; font-size:15px;}
	#visual .page_v .dash{margin:-3px 5px 0;}
}
@media all and (max-width:568px) {
    .visual_wrap .en{font-size:10px; letter-spacing: 5px;}
    .visual_wrap .en:after{width:20px;}
	#visual .page_v{font-size:14px;}

}


.sec{float:right; width:31.666%;}

/* 열린의장실 */
#chairman{z-index:1; overflow:hidden; position:relative; float:left; width:100%; height:270px; padding:47px 40% 0 41px; margin:0 0 39px 0; border-radius:10px; line-height:100%; color: #fff; font-weight: 400; font-family: "NanumSquare";  box-shadow:1px 1px 20px rgba(85,85,85,0.3); box-sizing:border-box; background:url(/images/kr/main_new/bg_chairman.jpg) no-repeat 0 100% / cover;}
#chairman h4{font-size:27px; letter-spacing:-1px;}
#chairman .pic{overflow:hidden; position:absolute; right:0; bottom:0;}
#chairman .name{position:relative; padding:0 0 25px; line-height:180%; font-size:22px; font-weight:700; text-shadow:0 0 5px rgba(17,17,17,0.3);}
#chairman .name span{display:block; font-size:21px;}
#chairman .name strong{font-size:32px; color:#ffe3ad; font-weight:900;}
#chairman .btns {z-index:1; position:relative; float:left; width:100%;}
#chairman .btns a{position:relative; float:left; width:120px; padding:16px 0 13px; line-height:100%; font-weight:400; font-size:14px; color:#fff; background: #726561; border-radius: 20px; text-align:center;}
#chairman .btns a + a{margin:0 0 0 19px;}
#chairman .btns a:before{content:''; display:block; width:100%; height:31px; margin:0 auto; background:url(/images/kr/main_new/ico_chairman1.png) no-repeat 50% 0;}
#chairman .btns a.list2:before{background-image:url(/images/kr/main_new/ico_chairman2.png);}
#chairman .btns a:hover:before,
#chairman .btns a:focus:before,
#chairman .btns a:active:before{transform:rotateY(360deg); transition:0.6s ease-in-out;}
@media all and (max-width:1430px) {
    #chairman{padding:47px 30% 0 7%;}
    #chairman .pic{width:53%; text-align: right;}
    #chairman .pic img{max-width:100%;}
}
@media all and (max-width:1280px) {
	#chairman{height:215px; padding: 25px 30% 0 7%; margin:0 0 20px;}
    #chairman .name{padding:0 0 15px; font-size:19px;}
    #chairman .name strong{font-size:26px;}
}
@media all and (max-width:1024px) {
	.sec{width:100%;}
	#chairman{width:48%; padding:25px 10% 0 20px;}
    #chairman .pic{max-height:fit-content; max-width:200px;}
}
@media all and (max-width:768px) {
	#chairman{ width:100%; margin:0 0 40px;}
	#chairman h4{font-size:24px;}
	#chairman .name {font-size:17px;}
	#chairman .name span{font-size:20px;}
	#chairman .name strong{font-size:23px;}
}
@media all and (max-width:568px) {
	#chairman h4{font-size:23px;}
    #chairman .btns a{width:68px; border-radius:15px;}
    #chairman .btns a + a{margin:0 0 0 10px;}
}

/* 의사일정 */
#agenda {position: relative; float:right; width:100%; padding:40px 30px; background: #fff; box-shadow:1px 1px 20px rgba(85,85,85,0.3); border-radius:10px; box-sizing: border-box;}
#agenda .title{display: flex; justify-content: space-between; height:45px; padding:0 38px 0 27px; font-size:27px; font-family:"gmarket"; font-weight:900; box-sizing: border-box;  border-bottom: 1px solid #d6d5d4;}
#agenda h4 {float:left; font-size:27px; color:#536dcf;}
#agenda h4 span{color:#333;}
#agenda .day {position:relative; clear:both; width:100%; max-width:400px; padding:0 25px; margin:17px 0; box-sizing:border-box; text-align:center; font-weight: 300; font-family: "score"; font-size:15px;}
#agenda .day button {z-index: 1; position: absolute; top:4px; left:0; width: 25px; height: 25px; font-size:0; background:url(/images/kr/main_new/ico_ctrl.png) no-repeat 5px -35px;}
#agenda .day .btn_next {left:auto; right:0; background-position: -65px -35px;}
#agenda .day .list_wrap .list:not(:first-of-type){display:none;}
#agenda .day .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#agenda .day .list{display: inline-block;}
#agenda .day span{display:inline-block; width:34px; line-height:34px;}
#agenda .day .agenda span a{display:block; border-bottom:2px solid #536dcf;}
#agenda .day .today span{border-radius: 50%; background: #f09e00; color: #fff;}
#agenda .day .today span a{color:#fff;}
#agenda .day .sun{color:#ea3636;}
#agenda .day .sat{color:#3367b0;}
#agenda .txt {position: relative;}
#agenda .txt .list_wrap {overflow: hidden; padding:0 60px 0 20px; height:56px; line-height:56px; background: #f5f5f5; border-radius: 5px; box-sizing: border-box;}
#agenda .txt .list_wrap .list:not(:first-of-type){display:none;}
#agenda .txt .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}

#agenda .day .list{cursor: pointer;}


/* 2026-07-14 오늘의 생중계*/
#agenda .txt .list_wrap .on_air{position:relative; display:inline-block; vertical-align:middle; width:74px; height:28px; line-height:28px; margin:-3px 0 0 5px; padding:0 0 0 10px; border-radius:10px; color:#fff; font-weight:500; letter-spacing:0; background:#ef4c6e; box-sizing:border-box;}
#agenda .txt .list_wrap .on_air:after{content:''; display:block; position: absolute; top:-11px; right:-4px; width:20px; height:22px; background:url(/images/kr/main/ico_on.png) no-repeat;}

#agenda .txt a,
#agenda .txt p {position: relative;padding: 0 0 0 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box; font-size:15px; font-weight: 300; font-family: "score";;}
#agenda .txt a:before,
#agenda .txt p:before {content:'';position: absolute;top:50%; left: 0;width: 5px;height: 1px;background: #646465;border-radius: 1.5px;}
#agenda .btn_stop {position: absolute; bottom:14px; right:14px; width:23px; height:23px;font-size: 0;background:url(/images/kr/main_new/ico_ctrl.png) no-repeat 5px 2px;}
#agenda .btn_stop.on {background-position:-48px 2px;}
@media all and (max-width:1430px) {
    #agenda .title{padding:0;}
}
@media all and (max-width:1280px) {
	#agenda {padding:20px 25px;}
    #agenda .title{height:40px;}
	#agenda h4 span{display:none;}
    #agenda .day{margin:12px auto;}
}
@media all and (max-width:1024px) {
	#agenda{height:auto; width:49%; padding:27px 25px;}
    #agenda .title{font-size:26px;}
	#agenda h4{font-size:25px;}
	#agenda h4 span{display:inline-block; font-size:23px;}
    #agenda .day{margin:15px auto;}
}
@media all and (max-width:768px) {
	#agenda{width:100%;}
}
@media all and (max-width:568px) {
	#agenda {padding:25px;}
    #agenda .title{font-size:24px;}
	#agenda h4{font-size:23px;}
	#agenda h4 span{display:none;}
}

/* 게시판 */
#board{position:relative; float:left; width:65.7333%; height:557px; box-sizing:border-box; font-family: "NanumSquare";}
#board h4{position:absolute; top:0; left:0;}
#board > ul{float:left; width:100%; padding:0 45px 0 250px; box-sizing:border-box;}
#board > ul > li{float:left; width:20%;}
#board li h5{line-height:0; padding:0;}
#board li h5 br{display:none;}
#board li h5 a{position:relative; display:inline-block; width:100%; line-height:100%; font-size:21px; font-weight:700; text-decoration:none; box-sizing:border-box; color:#666; text-align: center;}
#board li h5 span{position:relative; display:block; line-height:33px;}
#board li h5 span:after{z-index:-1; opacity:0; visibility:hidden; content:''; display:block; position:absolute; top:-8px; left:50%; width:0; height:0; border-radius:50%; background:#536dcf; transform: translateX(-50%);}
#board li h5 a:hover,
#board li.on h5 a{font-weight:900; color:#536dcf; font-size:23px; transition: 0.2s ease-in-out;}
#board li.on h5 span:after{opacity:1; visibility:visible; width:8px; height:8px; transition: 0.2s ease-in-out;}

#board .con{visibility:hidden; opacity:0; position:absolute; top:49px; left:0; width:100%;}
#board .on .con{visibility:visible; opacity:1; top:59px; transition:0.25s ease-in-out;}
#board .con ul{float:left; width:100%; padding:18px 0 0 0; box-sizing:border-box;}
#board .con li{position:relative; float:left; width:100%; height:53px; margin:0 0 7px; box-sizing:border-box; background: #fff; border-radius:10px; box-shadow: 0 0 10px rgba(153,153,153,0.24);}
#board .con li a{position:relative; float:left; width:100%; padding:11px 120px 0 29px; box-sizing:border-box; text-decoration:none;}
#board a:hover .tit,
#board a:focus .tit,
#board a:active .tit{color:#000; text-decoration:underline;}
#board .tit{display:inline-block;vertical-align:top;max-width:98%;height:30px;line-height:30px;padding:0 20px 0 0;color:#333;font-weight: 400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-family: 'NanumSquareNeo';}
#board .tit span{display:inline-block; vertical-align:top; width:85px; height:30px; line-height:30px; margin:0 24px 0 0; letter-spacing:0; font-weight:400; font-size:14px; border-radius:5px; color:#fff; background:#5e73bf; text-align:center; transition:0.2s ease-in-out;}
#board .tit span.pre{background:#4ba1ad;}
#board .tit span.press{background:#e06390;}
#board .tit span.info{background:#378bd9;}
#board .new{display:inline-block; vertical-align:middle; width:16px; height:18px; line-height:18px; margin:5px 0 0 -20px; font-size:10px; font-weight:400; text-align:center; color:#fff; border-radius:3px; background:#d3485f; text-transform:uppercase;}
#board .date{display:block; position:absolute; right:33px; top:11px; padding:0 0 0 24px; line-height:30px; font-size:14px; color:#929292; font-weight:400; letter-spacing:-0.5px; background: url(/images/kr/main_new/ico_date.png) no-repeat 0 50%; font-family: 'NanumSquareNeo';}
#board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#board .more{display:none; position:absolute; top:2px; right:0;} 
#board .on .more{display:block;}
#board .more:hover{transform:rotate(90deg);}

#board .first {box-sizing:border-box; background:#f5f5f5; border: 1px solid #eee; border-radius:10px;}
#board .first a{display:block; position:relative; width:100%; height:110px; padding:27px 10px 0 142px; border-radius:10px; box-sizing:border-box; text-decoration:none;}
#board .first .tit{margin:0 0 10px; font-weight:700; font-size:20px;}
#board .first .tit span{margin:0 7px 0 0;}
#board .first .detail{display:block; width:100%; color:#777; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family: 'NanumSquareNeo';}
#board .first .date{display:table; right:auto; top:17px; left:35px; width:75px; height:75px; padding:0; line-height:100%; font-family: "gmarket"; font-size:14px; font-weight:800; border-radius:50%; text-align:center; box-sizing:border-box; color:#333; background: #fff; box-shadow: 0 0 10px rgba(136,136,136,0.2);}
#board .first .date div{display:table-cell; vertical-align:middle;}
#board .first .date strong{display:block; padding:0 0 6px; line-height:100%; font-size:26px; font-weight:900; color:#f09e00;}
#board .first a:hover .title,
#board .first a:focus .title{text-decoration:underline;}

@media all and (max-width:1280px) {
    #board > ul{padding: 0 30px 0 200px;}
}
@media all and (max-width:1024px) {
    #board{width:57%; height:500px;}
    #board h4{display: none;}
    #board > ul{padding: 0 30px 0 0;}
    #board li h5 a,
    #board li h5 a:hover, 
    #board li.on h5 a{font-size:20px;}

    #board .con li a{padding:11px 110px 0 15px;}
    #board .tit span{width:75px; margin:0 14px 0 0;}
    #board .date{right:15px;}

    #board .first a{padding:27px 10px 0 110px;}
    #board .first .tit{font-size:19px;}
    #board .first .detail{font-size:15px;}
    #board .first .date{left:15px;}
    #board .first .date strong{font-size:24px;}
}
@media all and (max-width:768px) {
	#board{width:100%; height:460px;}
	#board > ul{padding:0 20% 0 0;}
    #board li h5 a, 
    #board li h5 a:hover, 
    #board li.on h5 a{font-size:19px;}
    #board .con{top:36px;}
    #board .on .con{top:46px;}
    
	#board .first .tit{margin:0 0 7px; font-size:18px;}
}
@media all and (max-width:568px) {
    #board{height:422px;}
	#board li h5 br{display:inline-block;}
	#board li h5 a,
    #board li h5 a:hover, 
    #board li.on h5 a{font-size:17px;}
	#board li h5 span{line-height:110%;}
    #board li h5 span:after{top:-13px;}
    #board li.on h5 span:after{width:6px; height:6px;}

    #board .con{top:46px;}
    #board .on .con{top:56px;}
    #board .con li{height:46px;}
    #board .con li a{padding:11px 85px 0 15px;}
    #board .tit{height:25px; line-height:25px; font-size:15px;}
    #board .tit span{width:65px; height:25px; line-height:25px; font-size:13px;}
    #board .new{margin-top:2px;}

	#board .date{padding:0; line-height:25px; font-size:14px; background:none;}
	#board .first a{height:83px; padding:18px 10px 0 91px;}
	#board .first .tit{margin:0 0 5px; font-size:17px;}
	#board .first .detail{font-size:14px;}
	#board .first .date{top:12px; height:60px; width:60px; font-size:12px; border-width:5px;}
	#board .first .date strong{font-size:20px;}
}

/* 바로가기 */
#link {float:right; width:31.666%; box-sizing:border-box;}
#link h4{height:56px; font-size:33px;}
#link ul{display: flex; justify-content: space-around; flex-wrap: wrap; width:100%; height:363px; padding:13px 24px; box-sizing:border-box; border: 1px solid #cdd3eb; border-radius:10px;}
#link li{float:left; width:33.33%; margin:24px 0 0 0; vertical-align:top; text-align: center;}
#link li a{z-index:1; position:relative; display:block; width:100%; padding:112px 0 0 0; line-height:120%; font-weight: 400; font-family: 'NanumSquareNeo'; box-sizing:border-box; word-break: keep-all;}
#link li a:hover{border-color:#74c4f7;}
#link li a:before,
#link li a:after{z-index:1; content:''; position:absolute; top:18px; left:50%; display:block; width:calc(100% - 12px); height:102px; max-width:102px; margin:0 auto; transform: translateX(-50%); box-sizing:border-box; border-radius:10px; background:url(/images/kr/main_new/ico_lnk1.png) no-repeat 50% 0;}
#link li a:before{top:0; background:#e9ecf5;}
#link li.list2 a:after{background-image:url(/images/kr/main_new/ico_lnk2.png);}
#link li.list3 a:after{background-image:url(/images/kr/main_new/ico_lnk3.png);}
#link li.list4 a:after{background-image:url(/images/kr/main_new/ico_lnk4.png);}
#link li.list5 a:after{background-image:url(/images/kr/main_new/ico_lnk5.png);}
#link li.list6 a:after{background-image:url(/images/kr/main_new/ico_lnk6.png);}
#link li a:hover:after,
#link li a:focus:after{animation:ani_bg 0.6s ease-out;}
@keyframes ani_bg{
	0%{transform:translateX(-50%) rotate(0);}
	20%{transform:translateX(-50%) rotate(-8deg);}
	40%{transform:translateX(-50%) rotate(8deg);}
	60%{transform:translateX(-50%) rotate(-8deg);}
	80%{transform:translateX(-50%) rotate(8deg);}
	100%{transform:translateX(-50%) rotate(0deg);}
}
@media all and (max-width:1280px) {
    #link h4{font-size:30px;}
    #link ul{padding:13px 3%; font-size:15px;}
}
@media all and (max-width:1024px) {
    #link{width:40%;}
    #link h4{font-size:27px;}
}
@media all and (max-width:768px) {
	#link{width:100%; margin:0 0 50px;}
    #link h4{height:auto; font-size:25px; padding:0 0 15px;}
    #link ul{height:auto; padding:1px 3% 19px;}
    #link li{width:16.666%;}
    #link li a{padding:90px 0 0 0;}
    #link li a:before{max-width:80px; height:80px;;}
    #link li a:after{background-size:auto 45px;}
}
@media all and (max-width:568px) {
    #link h4{font-size:23px;}
    #link li{width:33.333%;}
    #link li a:after{top:13px;}
    #link li a{padding:82px 0 0 0;}
    #link li a:before{height:72px; max-width:72px;}
}

/* 현역의원 */
#member{position:relative; height:757px; width:100%; padding:78px 0 0 0; box-sizing:border-box;}
#member:before,
#member:after{z-index:-1; content: ''; display: block; position: absolute; right:50%; top:0; width:100%; height:100%; margin:0 -105px 0 0; border-radius:0 150px 0 0; background:#ebeef6;}
#member:after{top:67px; right: inherit; left:50%;  height:calc(100% - 67px); margin:0 0 0 -65px; border-radius:150px 0 0 0; background:url(/images/kr/main_new/bg_member.jpg) no-repeat 50% 50% / cover;}
#member .en{opacity:0.1; position:absolute; top:15px; left:calc(50% + 230px); letter-spacing: 3px; font-size:40px; font-family: "gmarket"; font-weight: 900; color:#4976b4; text-transform: uppercase;}
#member .title{position:absolute; top:0; left:0;}
#member h4 img{display:inline-block; vertical-align:top; margin:0 7px 0 0;}
#member h4{line-height:60px; color:#222;}
#member .info{padding:3px 0 0 3px; color:#555; font-weight:400; font-family: 'NanumSquareNeo';}
#member .info br{display: none;}
#member .slogan{position:absolute; bottom:102px; left:0;}

#member .map_wrap{position:relative; float:left; width:100%;}
#member .map_wrap > .list{display:none; float:left; width:100%;}
#member .map_wrap > .list.on{display:block;}

#member .map{float:left; width:45.666%; padding:120px 0 0 3.066%; box-sizing: border-box;}
#member .map img{max-width:100%;}
#member .con{float:left; position:relative; width:54.333%; height:679px; padding:58px 0 0 7.333%; box-sizing: border-box;}
#member .con .tit{float:left; position: relative; width:100%; height:85px; line-height:55px; padding:0 0 0 77px; font-size:28px; font-weight:900; color:#fff; box-sizing:border-box;}
#member .con .tit:before{content: ''; display: block; position: absolute; left:0; top:0; width:55px; height:55px; border-radius:50%; background:#fff url(/images/kr/main_new/ico_map.png) no-repeat 50% 50%;}

#member .list_wrap{overflow:hidden; width:100%;}

#member .big_list{float:left; width:100%; margin:0 0 94px; box-sizing:border-box;}
#member .big_list .list{vertical-align:top;}
#member .big_list .list:not(:first-of-type){display:none;}
#member .big_list.slick-initialized .list:not(:first-of-type){display:block;} 

#member .pic{position:relative; float:left; height:178px; width:194px;}
#member .pic img{max-width:143px; min-width:143px; border-radius:10px;}
#member .txt{float:left;width:calc(100% - 194px);font-family: 'NanumSquareNeo';font-weight:600;color:#fff;}
#member .name strong{float:left;width:93px;line-height:38px;font-size:26px;/* font-family:"NanumSquare"; */font-weight:900;}
#member .name a{float:left; width:92px; height:38px; line-height:38px; padding:0 0 0 23px; margin:0 0 0 8px; color:#fff; font-family:"Noto Sans KR"; font-weight: 400; font-size:15px; border-radius:5px; background:#f09e00 url(/images/kr/main_new/ico_home.png) no-repeat 14px 50%; text-align: center; box-sizing: border-box;}
#member .name .btn_profile{margin:0; background: #333 url(/images/kr/main_new/ico_profile.png) no-repeat 14px 50%;}

#member .dot{clear:both; width:100%; padding:30px 0 0 0; text-align:left; letter-spacing: 0;}
#member .dot li{line-height:110%; min-height:16px; padding:0 0 22px 87px;}
#member .dot li:before{top:5px; width:10px; height:5px; background:#f2daaa;}
#member .dot li:nth-child(2):before{background-position:0 -31px;}
#member .dot li:nth-child(3):before{background-position:0 -61px;}
#member .dot li strong{position: absolute;top:0;left:22px;font-weight: 800;}
#member .dot li .lts2{letter-spacing:26px;}
#member .dot li .lts3{letter-spacing:6px;}

#member .small_list{float:left; width:100%; box-sizing:border-box;}
#member .small_list *{vertical-align:top;}
#member .small_list .list{overflow:hidden; position:relative; float:left; margin:0 0 10px 5px; width:calc(10% - 5px); border-radius:10px; box-sizing:border-box;}
#member .small_list .list:first-child{margin-left:0;}
#member .small_list .list span{display: block; width:100%; line-height:33px; text-align:center; font-size:15px; box-sizing:border-box; color:#fff; background:#333;font-family: 'NanumSquareNeo';
 font-weight: 400;}
#member .small_list .list:after{display: none; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid #f09e00; border-radius:10px; box-sizing: border-box;}
#member .small_list img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
#member .small_list .list.active:after,
#member .small_list .list:hover:after,
#member .small_list .list:focus:after{display:block; border:2px solid #f09e00;}

#member .sch{z-index:1; position:absolute; left:52.999%; bottom:70px; width:47%;}
#member .sch input[type="text"],
#member .sch select{float:left; width:17%; height:40px; line-height:38px; margin:0 1.5% 0 0; padding:0 25px 0 7px; font-size:15px; font-weight:400; box-sizing:border-box; border-color:#fff; border-radius:5px; -webkit-appearance:none; background:#fff url(/images/kr/main_new/ico_sel.png) no-repeat right 10px top 50%;}
#member .sch input[type="text"]{width:25.8%; padding-right:0; background:#fff;}
#member .sch select::-ms-expand{display:none;}
#member .btn_search{position:relative; float:left; width:15%; height:40px; min-width:0; font-weight:700; font-size:15px; color:#fff; border-radius:5px; border:none; box-sizing:border-box; background:#f09e00; text-shadow:0 0 5px rgba(85,85,85,0.4);}
#member .btn_search:before{content:''; display:inline-block; vertical-align:middle; width:21px; height:22px; margin:-3px 2px 0 0; background:url(/images/kr/main_new/ico_sch.png) no-repeat;}

#member .control{z-index:55; display: flex; justify-content: end; flex-wrap: wrap;  position:absolute; bottom:288px; left:52.999%; width:47%;}
#member .control:before{opacity:0.2; content: ''; float:left; display: block; width:calc(100% - 257px); height:1px; margin:14px 18px 0 0; background:#fff;}
#member .control button{margin:0 0 0 5px; border-radius:50%; background-color:#fff;}
#member .btn_prev{background-position:9px -82px;;}
#member .btn_next{background-position:-34px -82px;}
#member .btn_stop{background-position:-27px -33px;}
#member .btn_stop.on{background-position:-106px -32px;}
#member .btn_more{width:122px; height:30px; line-height:30px; margin:0 0 0 10px; font-size:15px; border-radius:30px; background-color:#fff; text-align: center;font-family: 'NanumSquareNeo';
 font-weight: 600;}

#member .map_btn_stop {
    position: absolute;
    bottom: 185px;
    left: 0;
    width: 35px;
    height: 35px;
    font-size: 0;
    background: #fff;
    border-radius: 10px;
}
#member .map_btn_stop:after {
content: '';
    display: block;
    width: 35px;
    height: 35px;
    background: url(/images/kr/main_new/ico_ctrl.png) no-repeat 13px 10px;

}
#member .map_btn_stop.on:after {
    background-position: -48px 2px;
}


@media all and (max-width:1540px) {
    #member .title{left:20px;}
    #member .en{left:auto; right:20px; font-size:33px;}
}
@media all and (max-width:1280px) {
    #member:after{margin:0 0 0 -20px;}
    #member h4 span{font-size:25px;}
    #member .pic{width:170px;}
    #member .txt{width: calc(100% - 170px);}
    #member .btn_search span{display: none;}
    #member .small_list .list span{font-size:12px;}
}
@media all and (max-width:1024px) {
    #member{height: auto; padding:45px 0 0 0; background:#ebeef6;}
    #member:before,
    #member:after{display: none;}
    #member .en{font-size:20px;}
    #member .slogan{bottom:auto; left:auto; top:45px; right:5px;}
    #member .title{position: static; margin:0 0 20px; text-align: center;}
    #member h4,
    #member h4 span{font-size:27px;}
    #member h4{line-height:44px; margin:0 0 5px;}
    #member h4 img{height:42px;}
    #member .info{padding:0; font-size:14px;}
    #member .map{width:100%; padding:40px 0 20px; text-align: center;}
	#member .con{width:100%; height:auto; padding:30px 0 100px 20px; border-radius:20px 20px 0 0; background:url(/images/kr/main_new/bg_member.jpg) no-repeat 50% 50% / cover;}
    #member .con .tit{height:70px; padding: 0 0 0 55px; line-height:40px; font-size:25px;}
    #member .con .tit:before{width:40px; height:40px; background-size:20px;}
    #member .sch{position:static; float:left; width:100%;}
    #member .sch input[type="text"]{width:28%;}
    #member .control{left:15px; bottom:57px; width:calc(100% - 30px);}
    #member .big_list{margin:0 0 20px;}
    #member .small_list .list span{font-size:15px;}
}
@media all and (max-width:768px) {
    #member .small_list .list span{font-size:13px;}
    #member .name strong{font-size:24px;}
}
@media all and (max-width:568px) {
    #member{padding:40px 0 0 0;}
    #member .slogan{width:30%;}
    #member .en{top:10px; font-size:13px;}
    #member h4{line-height:37px; font-size:24px;}
    #member h4 span{display: none;}
    #member h4 img{height:35px; margin:0 3px 0 0;}
    #member .info{font-size:13px;}
    #member .info br{display: inline-block;}
    
    #member .sch input[type="text"], 
    #member .sch select{padding:0 12px 0 3px;}
    #member .sch select{background-position: right 3px top 50%; background-size:8px auto;}
    #member .btn_search:before{display: none;}

    #member .con{height:auto; padding:30px 5px 93px 15px;}
    #member .con .tit{height:auto; margin:0 0 15px; padding: 0 0 0 50px; font-size:23px;}

    #member .big_list{margin:0 0 20px;}
    #member .pic{width:90px; height:120px; margin:0 10px 0 0;}
    #member .pic img{max-width:100%;; min-width:0;}
    #member .txt{width:calc(100% - 100px); font-size:15px;}
    #member .name strong{width:80px; font-size:22px;}
    #member .name a{width:35px; height:35px; line-height:35px; margin:0 0 0 5px; font-size:0; background-position: 10px 50%;}
    #member .name .btn_profile{margin:0; background-position: 10px 50%;}
    #member .dot{padding:15px 0 0 0;}
    #member .dot li{padding:0 0 12px 68px;}
    #member .dot li:before{top:3px; width:4px; height:4px;}
    #member .dot li strong{left:10px;}
    #member .small_list{padding:0 10px 0 0;}
    #member .small_list .list{width:calc(20% - 5px);}
    #member .small_list .list:nth-child(6){margin-left:0;}
    
    #member .control{bottom:47px;}
    #member .control:before{width:calc(100% - 235px); margin:14px 10px 0 0;}
    #member .btn_more{width:105px;}
}

/* 의원활동 갤러리 */
#gallery {overflow:hidden; position:relative; width:100%; height:744px; padding:90px 0 0 0; font-weight: 400; font-family: "NanumSquare"; box-sizing:border-box; background:url(/images/kr/main_new/bg_gallery.jpg) repeat-x 50% 100% / contain;}
#gallery:before{content: ''; display: block; position: absolute; top:-75px; left:-35px; width:298px; height:298px; background:url(/images/kr/main_new/txt_gw.png) no-repeat 50% 50%; animation:bg_rotate 20s linear infinite;}
@keyframes bg_rotate{
	100%{transform:rotate(-360deg);}
}
#gallery h4{width:100%; height:57px; font-size:40px; text-align:center;font-family: 'NanumSquareNeo';}
#gallery .info{line-height:100%; text-align:center; font-weight:400; font-family: 'NanumSquareNeo';}
#gallery ul{overflow:hidden; display: flex; justify-content: center; gap: 15px; padding:30px 0;}
#gallery li > a:not(.more){z-index:1; position:relative; display:block; height:40px; line-height:42px; padding:0 28px; border-radius:40px; color:#666; font-weight:700; text-decoration:none; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);font-family: 'NanumSquareNeo';}
#gallery li.on > a{color:#fff; background:#f09e00;}
#gallery .list_wrap{display:none; position:absolute; top:150px; left:0; width:100%; box-sizing:border-box;}
#gallery li.on .list_wrap{display:block;}
#gallery .list_wrap .list:not(:first-of-type){display:none;}
#gallery .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#gallery .list{float:left; font-family: 'NanumSquareNeo';}
#gallery .list *{display:block;}
#gallery .list a{position:relative; overflow:hidden; width:350px; margin:30px 34px 97px 0; border-radius:10px; text-decoration:none; background:#fff; box-shadow:0 0 10px rgba(51,51,51,0.2); transition:0.25s ease-in-out; background:#fffae8;}
#gallery .list a:hover,
#gallery .list a:focus{margin-top:20px; box-shadow:8px 8px 28px rgba(51,51,51,0.2);}
#gallery .list a:before{opacity:0; content: ''; z-index:1; display: block; position: absolute; top:0; left:0; width:100%; height:100%; border-radius:10px; border:0px solid #f09e00;}
#gallery .list a:focus:before,
#gallery .list a:hover:before{opacity:1; border-width:3px;}
#gallery .img{position:relative; overflow:hidden; height:251px;}
#gallery .img img{height:100%; width:100%;}
#gallery .img div{position:absolute; bottom:16px; right:20px; width:70px; height:25px; line-height:25px; font-size:14px; color:#fff; background:#d11717; text-align:center;}
#gallery .fb .img div{background:#203996;}
#gallery .insta .img div{background: linear-gradient(to right, #7b3cd0 0%,#de4263 70%,#efa83e 100%);;}
#gallery .tab2 .img:before,
#gallery .tab2 .img:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
#gallery .tab2 .img:after{top:50%; left:50%; width:51px; height:50px; transform:translate(-50%, -50%); background:url(/images/kr/main_new/ico_play.png) no-repeat 50% 50%;}
#gallery .tab2 .list a:hover .img:after{transform:translate(-50%, -50%) rotate(360deg); transition:0.6s ease-in-out;}
#gallery .sbj{position:relative; height:104px; padding:22px 0 0 27px; box-sizing:border-box;}
#gallery .tit{display:inline-block; line-height:110%; max-width:95%; padding:0 20px 0 0; font-size:17px; font-weight:700; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box;}
#gallery .new{display:inline-block; vertical-align:middle; width:16px; height:18px; line-height:18px; margin:-2px 0 0 -20px; font-size:10px; font-weight:400; border-radius:3px; text-transform:uppercase; text-align:center; color:#fff; background:#d3485f;}
#gallery .date{line-height:15px; padding:0 0 0 24px; margin:12px 0 0 0; font-size:14px; color:#666; background: url(/images/kr/main_new/ico_date.png) no-repeat;}

#gallery a:hover .tit,
#gallery a:focus .tit{text-decoration:underline;}
#gallery .control{display: none; z-index:2; position:absolute; right:0; top:55px;}
#gallery .on .control{display: block;}
#gallery .control button,
#gallery .more{width:40px; height:40px; margin:0 0 0 5px; border-radius:5px; border:1px solid #e5e5e5; background-color:#fff;}
#gallery .more{float:left; margin:0 0 0 9px; border: none; background:#f09e00 url(/images/kr/main_new/ico_ctrl.png) no-repeat -86px 14px;}
#gallery .btn_prev{background-position:13px -78px;}
#gallery .btn_next{background-position:-30px -78px;}
#gallery .btn_stop{background-position:-22px -29px;}
#gallery .btn_stop.on{background-position:-103px -28px;}
#gallery .control button:hover{border-color:#f09e00; transition:border-color 0.2s ease-in-out;}
@media all and (max-width:1540px){
    #gallery .control{right:20px;}
    #gallery .list_wrap{left:20px; width:calc(100% - 40px);}
}
@media all and (max-width:1024px){
    #gallery{height:590px; padding:70px 0 0 0;}
    #gallery:before{left:-25px; width:200px; height:200px; background-size:contain;}
    #gallery h4{height:auto; font-size:30px; margin:0 0 7px;}
    #gallery .info{font-size:14px;}
    #gallery .list_wrap{left:3px; width:calc(100% - 6px);}
	#gallery .list a{width:calc(100% - 24px); margin:10px 12px 70px;}
	#gallery .list a:hover,
    #gallery .list a:focus{margin-top:0;}
	#gallery .img{height:183px;}
	#gallery .img img{height:100%;}
	#gallery .img div{right:13px; bottom:12px;  width:65px; height:22px; line-height:24px; font-size:13px;}
	#gallery .control{right:15px;}
}
@media all and (max-width:768px){
    #gallery{height:500px; padding:65px 0 0 0;}
     #gallery:before{left:-15px; top:-52px; width:100px; height:100px;}
	#gallery h4{font-size:28px; text-align: left;}
    #gallery .info{text-align: left;}
    #gallery .control{top:-7px;}
    #gallery .list_wrap{top:145px; left:7px; width:calc(100% - 14px);}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 60px;}
	#gallery .img{height:131px;}
	#gallery .sbj{height:auto; padding:15px 0 20px 15px;}
	}
@media all and (max-width:568px){
    #gallery{height:463px;}
	#gallery h4{font-size:25px;}
    #gallery .info{display: none;}
    #gallery ul{gap:10px;}
    #gallery li > a:not(.more){padding:0 20px; font-size:16px;}
    #gallery .list_wrap{top:125px;}
	#gallery .tab2 .img:after{width:35px; height:35px; background-size:contain;}
	#gallery .img div{right:10px; bottom:9px; width:60px; height:19px; line-height:21px; font-size:12px;}
    #gallery .tit{font-size:16px;}
	#gallery .date{margin:9px 0 0 0; padding:0 0 0 20px; font-size:13px;}
    
    #gallery .control button,
    #gallery .more{width:35px; height:35px;}
    #gallery .more{background-position:-89px 11px;}
    #gallery .btn_prev{background-position:10px -81px;}
    #gallery .btn_next{background-position:-33px -81px;}
    #gallery .btn_stop{background-position:-25px -32px;}
    #gallery .btn_stop.on{background-position:-106px -31px;}
}

#banner{position:relative; float:left; width:100%; height:126px;}
#banner .list_wrap{position:relative; float:left; width:100%; padding:25px 220px 0 0; box-sizing:border-box;}
#banner .list{float:left;}
#banner .list img{transition:0.2s ease-in-out;}
#banner .list a{display:block; padding:5px 0 0 0; margin:0 10px 0 0; transition:0.2s ease-in-out;}
#banner .list a:hover,
#banner .list a:focus{padding:0;}
#banner .list a:hover img,
#banner .list a:focus img{box-shadow:4px 4px 0 #ddd;}
#banner .control{position:absolute; right:0; top:30px; height:65px; width:182px; padding:18px 0 0 0; border:1px solid #e5e5e5; background:#fff; box-sizing: border-box;}
#banner .control button{margin:0 0 0 8px;}
#banner .control .btn_prev{margin-left:20px;}
#banner .more{float:left; margin:0 0 0 8px; background:url(/images/kr/main_new/ico_ctrl.png) no-repeat -107px -132px;}
#banner .more:hover,
#banner .more:focus{background-color:rgba(0,0,0,0.03);}
@media all and (max-width:1540px) {
	#banner .control{right:20px;}
}
@media all and (max-width:1024px) {
    #banner .control{right:15px;}
    #banner .list_wrap{padding:25px 200px 0 0;}
}
@media all and (max-width:768px) {
	#banner{height:auto; padding:25px 0;}
	#banner h4{position:static; width:auto; height:auto; line-height:30px; font-size:23px; font-family:"gmarket";}
	#banner .list_wrap{padding:12px 0 0 0;}
	#banner .control{top:-7px; width:127px; height:40px; padding:5px 0 0 0;}
	#banner .control button,
	#banner .control .btn_prev,
	#banner .more{margin:0;}
}
@media all and (max-width:568px) {
	#banner .inner{padding:0 6px;}
	#banner .list a{margin:0 4px;}
}
@media (max-width: 410px) {
    #board .tit {
        max-width: 87%;
    }
}