@charset "utf-8";
#container_main{position:relative; overflow:hidden; width:100%;}
#container_main h4,
#container_main h3{z-index:1; position:relative; line-height:110%; font-size:28px; color:#333;}

@media all and (max-width:1024px) {
	#container_main h4,
	#container_main h3{font-size:25px; letter-spacing:-2px;}
}
@media all and (max-width:768px) {
	#container_main h4,
	#container_main h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main h4,
	#container_main h3{font-size:21px;}
}
@media all and (max-width:380px) {
	#container_main h4,
	#container_main h3{font-size:20px;}
}


.more{z-index:1; position:absolute; top:0; right:0; display:block; width:36px; height:36px; border:1px solid #ddd; border-radius:50%; font-size:0; text-indent:-999px; transition:0.25s ease-in-out; background:url(/images/kr/main/ico_ctrl.png) no-repeat -94px -90px; box-sizing:border-box;}
.more:hover{border-color:#888;}

.control:after{content:''; display:block; clear:both; width:100%;}
.control button{position:relative; float:left; width:36px; height:36px; margin:0 0 0 5px; font-size:0; text-indent:-9999px; box-sizing:border-box; border:1px solid #ddd; border-radius:50%; background:url(/images/kr/main/ico_ctrl.png) no-repeat 6px -57px;}
.control .btn_next,
.control .slick-next{background-position:-31px -57px;}
.control .btn_stop{background-position:-67px -57px;}
.control .btn_stop.on{background-position:-127px -56px;}
.control button:hover{border-color:#888;}
.control .more{background-position:-93px -59px;}

.main_top{padding:50px 0 42px 0; background:#e5f3f1 url(/images/kr/main/bg.jpg) no-repeat 50% 0; background-size:cover;}
.main_top .inner{position:relative; padding:0 0 0 277px; box-sizing:border-box;}

@media all and (max-width:1430px) {
	img{max-width:100%;}
	.main_top .inner{padding:0 15px 0 20.7%;}
}
@media all and (max-width:1230px) {
	.main_top{padding:35px 0 40px;}
	.main_top .inner{max-width:1160px; padding:0 15px;}
}
@media all and (max-width:1024px) {
	.main_top{padding:17px 0 35px;}
}
@media all and (max-width:768px) {
	.main_top{padding:12px 0 35px;}
	.main_top .inner{padding:0 10px;}
}
.main_bottom{padding:60px 0 0 0;}
.main_bottom .unit{position:relative; float:left; width:100%; padding:0 472px 0 0; box-sizing:border-box;}
.main_bottom .unit:after{content:''; display:block; clear:both; width:100%;}
@media all and (max-width:1430px) {
	.main_bottom{padding:60px 15px 0 15px;}
}
@media all and (max-width:1280px) {
	.main_bottom .unit{padding-right:470px;}
}
@media all and (max-width:1024px) {
	.main_bottom{padding:45px 15px 0 15px;}
	.main_bottom .unit{padding:0 365px 0 0;}
}
@media all and (max-width:768px) {
	.main_bottom{padding:35px 10px 35px;}
	.main_bottom .unit{padding:0;}
}


.sec1{float:left; width:783px;}
.sec2{position:relative; float:right; width:310px; box-sizing:border-box;}
@media all and (max-width:1430px) {
	.sec1{width:70.79%;}
	.sec2{width:26.53%;}
}
@media all and (max-width:1024px) {
	.sec1,
	.sec2{width:100%;}
}

/* 비주얼 */
#visual{position:relative; float:left; width:100%; height:391px; margin:0 0 30px; box-shadow:5px 10px 15px rgba(0,0,0,0.1);}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list{position:relative; left:0; top:0;}
#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:391px; width:100%;}

#visual .control{z-index:2; position:absolute; bottom:0; left:50%; width:195px; height:38px; padding:0 0 0 17px; margin:0 0 0 -97px; border-radius:17px 17px 0 0; background:rgba(0,0,0,0.8); box-sizing:border-box;}
#visual .control button{display:block; border-radius:0; border:none;}
#visual .btn_prev{width:35px; background-position:2px 0;}
#visual .btn_next{width:35px; background-position:-124px 0;}
#visual .btn_stop{width:17px; background-position:-98px -1px;}
#visual .btn_stop.on{background-position:-59px -1px;}

#visual .page_v{float:left; padding:0 12px; line-height:38px; color:#b0afaf; font-size:15px; font-weight:500;}
#visual .page_v .dash{display:inline-block; padding:0 6px; font-weight:200;}
#visual .page_v .current{color:#fff;}
#visual .btns{padding:9px 0 0 0;}


@media all and (max-width:1024px) {
	#visual,
	#visual .list img{height:auto;}
	#visual{width:100%;}
}
@media all and (max-width:768px) {
	#visual{margin:0 0 25px;}
	#visual .page_v{padding:0 8px; font-size:14px;}
}

/* 현역의원 */
#member{float:left; position:relative; width:100%;}
#member *{vertical-align:top;}
#member .small_list{position:relative; float:left; width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; text-align:left;}
#member .small_list > a{overflow:hidden; position:relative; display:inline-block; width:83px; margin:0 0 18px 17px; box-shadow:10px 10px 15px rgba(0,0,0,0.1);}
#member .small_list a:nth-of-type(8n + 1){margin-left:0;}
#member .small_list a img{width:100%; height:117px;}
#member .small_list a span{z-index:1; overflow:hidden; display:block; position:absolute; bottom:0; left:0; width:100%; height:25px; line-height:25px; color:#fff; font-weight:400; font-size:14px; text-align:center; background:rgba(5,40,62,0.8);}
#member .small_list a span:before{content: ''; position:absolute; bottom:-50%; left:0; height:100%; width:110%; transform:skewY(9.5deg) scaleY(0); transform-origin:bottom center; transition:transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); background:rgba(31,176,207,0.8);}
#member .small_list a span:after{opacity:0; content:attr(data-text); position:absolute; right:0; left:0; color:#fff; text-align:center; transform:translate3d(0, 100%, 0); transition:all 0.55s cubic-bezier(0.48, 0, 0.12, 1);}
#member .small_list a.active span:before,
#member .small_list a:hover span:before{transform:skewY(9.5deg) scaleY(2);}
#member .small_list a.active span:after,
#member .small_list a:hover span:after{opacity:1; transform:translate3d(0, 0, 0);}
#member .title{position:absolute; bottom:18px; right:0; width:167px; height:117px; margin:0 0 0 9px; text-align:center; box-shadow:10px 10px 15px rgba(0,0,0,0.1); background:#fff;}
#member .title p{display:inline-block; vertical-align:top; padding:16px 0 0 0;}
#member .title p strong{display:block; font-size:18px;}
#member .control {padding:8px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
#member .control button,
#member .control a{width:31px; height:31px; margin:0 5px 0 0; background-color:#fff;}
#member .control .more{position:static; float:left; background-position:-106px -59px; border-color:#375365; background-color:#375365;}
#member .btn_prev{background-position:3px -59px;}
#member .btn_next{background-position:-34px -59px;}
#member .btn_stop{background-position:-70px -59px;}
#member .btn_stop.on{background-position:-130px -59px;}

#member .big_list{float:right; width:27.6%; height:252px; background: #fff; box-shadow:10px 10px 15px rgba(0,0,0,0.1);}
#member .pic{position:absolute; top:21px; right:31px; overflow:hidden; border:5px solid #cbd7d9; box-sizing:border-box;}
#member .pic img{width:101px;}
#member .txt{position:relative; padding:28px 0 0 10%; line-height:110%; font-size:15px; font-weight:300;}
#member .txt .name{line-height:110%; font-size:23px; font-weight:600;}
#member .txt ul{padding:7px 0 6px;}
#member .txt li{width:100%; padding:1px 0 9px 0;}
#member .btns{overflow:hidden; width:100%;}
#member .btns a{position:relative; float:left; display:block; width:41.9%; height:34px; line-height:34px; margin:0 14px 0 0; color:#fff; border-radius:17px; background:#2f83af; text-align:center;}
#member .btns a:first-child{background:#3b9697;}
#member .btns a:hover{background:#0071ac;}
#member .btns a:first-child:hover{background:#008595;}

#member .sns{overflow:hidden; width:100%; height:28px; padding:0 0 7px;}
#member .sns a{float:left; width:28px; height:28px; margin:0 4px 0 0; border-radius:50%; font-size:0; text-indent:-9999px; background:#4db2f3 url(/images/common/ico_sns.png) no-repeat -26px 5px;}
#member .sns .fb{background-color:#1f51b2; background-position:9px 5px;}
#member .sns .bl{background-color:#24c000; background-position:-66px 5px;}
#member .sns .kko{background-color:#fbc000; background-position:-141px 5px;}
#member .sns .insta{background-color:#c536a4; background-position:-104px 5px;}
#member .sns .off{display:none; background-color:#aaa;}

@media all and (max-width:1430px) {
	#member .small_list > a{width:11.5%; margin:0 0 18px 1.12%;}
	#member .title{width:21.22%;}
	#member .control button, #member .control a{margin:0 2px 0 0;}
}
@media all and (max-width:1024px) {
	#member .title{position:static; width:100%; height:50px; margin:0; font-size:24px; text-align:left; background:none; box-shadow:none; letter-spacing:-2px;}
	#member .title p{width:300px; padding:0;}
	#member .title p strong{display:inline-block; vertical-align:top; font-size:25px;}
	#member .control{display:inline-block; vertical-align:top; width:150px; padding:0;}
	#member .small_list{width:100%;}
	#member .big_list{width:32%; margin:50px 0 0 0;}
	#member .pic{right:10%;}
	#member .pic img{width:92px;}
}
@media all and (max-width:768px) {
	#member{margin:0 0 10px;}
	#member .title p{width:auto;}
	#member .title p span{display:none;}
	#member .title p strong{font-size:23px;}

	#member .small_list a img{height:auto;}
	#member .big_list{width:45%;}
	#member .sns{height:auto;}
}
@media all and (max-width:568px) {
	#member{margin:0 0 20px;}
	#member:before{width:30%; bottom:260px;}
	#member .title{height:auto; padding:0 0 10px;}
	#member .title p strong{font-size:21px;}
	#member .control{float:right; width:auto; margin:-4px 0 0 0;}
	#member .small_list{width:100%;}
	#member .small_list > a{width:15.8%; margin:0 0 7px 1%;}
	#member .small_list a:nth-of-type(9n + 1),
	#member .small_list a:nth-of-type(8n + 1),
	#member .small_list a:nth-of-type(4n + 1){margin-left:1%;}
	#member .small_list a:nth-of-type(6n + 1){margin-left:0;}
	#member .big_list{width:100%; margin:5px 0 0 0;}
	#member .small_list a span{height:20px; line-height:21px; font-size:13px;}
}
@media all and (max-width:380px) {
	#member .title p strong{font-size:20px;}
	#member .small_list a span{height:18px; line-height:19px; font-size:12px;}
}

/* 바로가기 */
#link {position:absolute; top:0; left:0; float:left; width:247px; height:673px; font-weight:400; text-align:center; box-shadow:5px 10px 15px rgba(0,0,0,0.07); background:#fff; box-sizing:border-box;}
#link ul{padding:12px 6px 0;}
#link li{display:inline-block; width:48%; margin:33px 0 0 0; vertical-align:top;}
#link li a{z-index:1; position:relative; display:block; padding:100px 0 0 0; line-height:120%;}
#link li a:before,
#link li a:after{z-index:1; content:''; position:absolute; top:0; left:50%; display:block; width:89px; height:89px; transform:translateX(-50%); border-radius:50%; border:1px solid #43a085; box-sizing:border-box; transition:border 0.25s ease-in-out; background:#fff;}
#link li a:before{z-index:2; border:none; transition:none; background:url(/images/kr/main/ico_lnk1.png) no-repeat 50% 50%;}
#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,
#link li a:focus:after,
#link li a:active:after{border:2px dashed #43a085;}
#link li a:hover:before{animation:ani_link 0.55s infinite ease-in-out;}

@keyframes ani_link {
	50%{transform:translate(-50%, 6px);}
}

@media all and (max-width:1430px) {
	#link{left:15px; width:17.642%;}
}
@media all and (max-width:1230px) {
	#link{position:static; width:100%; height:auto; margin:15px 0 0 0;}
	#link ul{padding:25px 10px;}
	#link li{width:12%; margin:0;}
	#link li a{padding:95px 0 0 0;}
	#link li a:before,
	#link li a:after{width:83px; height:83px;}
	#link li a:before{background-size:auto 37px;}
}
@media all and (max-width:1024px) {
	#link{margin:20px 0 0 0;}
}
@media all and (max-width:768px) {
	#link{margin:0;}
	#link ul{padding:23px 5px; font-size:15px;}
	#link li{width:24%;}
	#link li:nth-child(-n + 4){margin:0 0 14px;}
	#link li a:before,
	#link li a:after{width:69px; height:69px;}
	#link li a:before{background-size:auto 34px;}
	#link li a{padding:77px 0 0 0;}
}
@media all and (max-width:568px) {
	#link ul{padding:19px 5px; font-size:14px;}
	#link li a:before,
	#link li a:after{width:65px; height:65px;}
	#link li a:before{background-size:auto 30px;}
	#link li a{padding:73px 0 0 0;}
}
@media all and (max-width:380px) {
	#link li a:before,
	#link li a:after{width:60px; height:60px;}
	#link li a:before{background-size:auto 28px;}
	#link li a{padding:68px 0 0 0;}
}
@media all and (max-width:340px) {
	#link ul{font-size:13px;}
}

/* 열린의장실 */
#chairman{float:right; position:relative; width:100%; margin:0 0 30px; color:#fff; box-shadow:5px 10px 15px rgba(0,0,0,0.1); background:#416574;}
#chairman .txt{display:none; z-index:1; position:relative; height:303px; max-width:170px; padding:35px 0 0 29px; box-sizing:border-box; font-weight:300; word-break:keep-all; text-shadow:2px 5px 7px rgba(0,0,0,0.35);}
#chairman h4{line-height:100%; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.35);}
#chairman .name {line-height:180%; padding:27px 0 0 0;}
#chairman .name strong span{color:#ccffe2;}
#chairman .name strong{display:block; margin:0 0 9px; font-size:19px; font-weight:500;}
#chairman .name > span{font-size:19px;}
#chairman .name img{vertical-align:bottom;}
#chairman .pic{width:100%; text-align:center;}
#chairman .pic img{max-width:100%;}
#chairman .btns{overflow:hidden; width:100%; background:#38977b;}
#chairman .btns a{float:left; position:relative; width:33.33%; height:88px; padding:21px 0 0 0; line-height:110%; font-weight:400; font-size:15px; text-align:center; color:#fff; box-sizing:border-box;}
#chairman .btns a:before{content:''; display:block; width:100%; height:31px; background:url(/images/kr/main/ico_chair1.png) no-repeat 50% 0;}
#chairman .btns a:after{content:''; display:block; position:absolute; top:50%; left:-4px; width:7px; height:7px; margin:-4px 0 0 0; background: rgba(255,255,255,0.2); transform:rotate(45deg);}
#chairman .btns a:first-child:after{display:none;}
#chairman .btns a.list2:before{background-image:url(/images/kr/main/ico_chair2.png);}
#chairman .btns a.list3:before{background-image:url(/images/kr/main/ico_chair3.png);}
#chairman .btns a:hover:before,
#chairman .btns a:focus:before,
#chairman .btns a:active:before{animation:ani_bg 0.7s ease-out; transform-origin:50% 100%;}

@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) {
	#chairman{background-size:cover}
}
@media all and (max-width:1024px) {
	#chairman{float:left; width:100%; margin:0 0 30px;}
	#chairman h4{font-size:23px;}
	#chairman .pic{height:100%;text-align: center;}
	#chairman .pic img{height:230px;}
	#chairman .txt{height:220px; max-width:100%; padding:30px 0 0 30px;}
	#chairman .name{padding:15px 0 0 0;}
	#chairman .name strong{display:inline-block; vertical-align:top;}
	#chairman .name img{vertical-align:top;}
	#chairman .name > span{padding:0 0 0 5px;}
	#chairman .btns{width:100%;}
	#chairman .btns a{height:55px; line-height:55px; padding:0; font-size:16px;}
	#chairman .btns a:before{display:inline-block; vertical-align:middle; width:32px; height:18px; margin:-3px 0 0 0; background-size:contain;}
}
@media all and (max-width:768px) {
	#chairman{width:100%; margin:0 0 30px;}
	#chairman h4{font-size:22px;}
	#chairman .pic img{height:230px;}
	#chairman .txt{height: 240px;}
	#chairman .name{line-height:170%; padding:12px 0 0 0;}
	#chairman .btns a{height:52px; line-height:53px;}
}
@media all and (max-width:568px) {
	#chairman h4{font-size:21px;}
	#chairman .pic img{height:auto; width:100%;}
	#chairman .txt{height: 160px;max-width:180px;padding:25px 0 30px 23px;}
	#chairman .btns{position:relative; width:100%;}
}
@media all and (max-width:380px) {
	#chairman h4{font-size:20px;}
	#chairman .txt{padding:23px 0 27px 22px;}
	#chairman .btns a{font-size:15px;}
}

/* 의사일정 */
#agenda{position:relative; float:left; width:100%; height:252px; padding:21px 28px 0; box-shadow:5px 10px 15px rgba(0,0,0,0.1); border:1px solid #a6e9ff; background:#fff; box-sizing:border-box;}
#agenda h4{height:55px; line-height:55px; font-size:22px; font-weight:600; border-bottom:1px solid #ddd;}
#agenda .date_wrap{position:relative; float:left; width:100%;}
#agenda .date_wrap .btns{z-index:3; display:block; position:absolute; top:22px; left:5px; width:20px; margin:0; border:none; background-position:0 -57px;}
#agenda .date_wrap .btn_next{left:auto; right:5px; background-position:-37px -57px;}
#agenda .date p{height:54px; padding:26px 0 0 0; line-height:100%; text-align:center; font-size:21px;}
#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:#f7a900; font-weight:600; font-size:26px;}
#agenda .txt_wrap{position:relative; overflow:hidden; width:100%; height:54px; padding:0 30px 0 14px; font-size:15px; color:#666; background:#f3f4eb; text-align:left; box-sizing:border-box;}
#agenda .txt_wrap *{vertical-align:top;}
#agenda .txt p{display:inline-block; vertical-align:top; width:100%; line-height:54px; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .txt .none{padding-right:0;}

#agenda .txt_wrap .control{z-index:55; position:absolute; bottom:8px; right:10px;}
#agenda .txt_wrap .btn_stop{border:none; width:20px; background-position:-74px -55px;}
#agenda .txt_wrap .btn_stop.on{background-position:-134px -56px;}
#agenda .more{top:26px; right:31px; font-weight:400; border-radius:0; border:none; background:url(/images/kr/main/ico_ctrl.png) no-repeat -117px -127px;}

@media all and (max-width:1350px) {
	#agenda h4{letter-spacing:-2px;}
	#agenda .date_wrap .btn_prev{left:-5px;}
	#agenda .date_wrap .btn_next{right:-5px;}
}
@media all and (max-width:1024px) {
	#agenda {float:none; float:right; height:auto; width:100%; margin:0 0 30px; padding:10px 28px 23px;}
	#agenda .date_wrap .btn_prev{left:50%; margin:0 0 0 -120px;}
	#agenda .date_wrap .btn_next{right:50%; margin:0 -120px 0 0;}
	#agenda .date_wrap .btns{top:20px;}
	#agenda .date p{height:auto; padding:21px 0 20px; font-size:20px;}
	#agenda .more{right:25px; top:12px;}
}
@media all and (max-width:768px) {
	#agenda{width:100%; height:auto; margin:0 0 30px; padding:10px 28px 23px;}
	#agenda h4{height:45px; line-height:46px; font-size:21px;}
	#agenda .date p{height:auto; padding:21px 0 20px; font-size:20px;}
	#agenda .date_wrap .btns{top:20px;}
	#agenda .more{right:25px;}
}
@media all and (max-width:568px) {
	#agenda{padding:10px 25px 23px;}
	#agenda h4{font-size:20px;}
	#agenda .date p{padding:20px 0 19px; font-size:19px;}
	#agenda .date_wrap .btns{top:19px;}
}
@media all and (max-width:380px) {
	#agenda{padding:10px 22px 21px;}
	#agenda h4{height:43px; line-height:44px; font-size:19px;}
}


/* 공지사항 */
#board{position:relative; float:left; width:100%; height:465px; font-weight:400;}
#board h3{display:inline-block; vertical-align:middle; padding:0 15px 17px 0;}
#board h3 span{color:#38977b;}
#board .info{display:inline-block; font-size:15px; font-weight:300;}
#board > ul{position:relative; float:left; width:100%; padding:0 60px 0 0; box-sizing:border-box; transition:padding 0.25s ease-out;}
#board > ul.all{padding:0;}
#board > ul:after{z-index:1; display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; margin:0 auto; background:#489d90;}
#board > ul > li{float:left; width:20%; border:1px solid #e5e5e5; border-left-color:#fff; border-right:none; border-bottom:none; box-sizing:border-box;}
#board > ul > li:last-child{border-right:1px solid #fff;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; line-height:59px; letter-spacing:-1px; font-weight:400; font-size:18px; color:#222; text-decoration:none; text-align:center; background:#e5e5e5;}
#board li h4 br{display:none;}
#board li.on{border-color:#489d90; border-right:1px solid #489d90;}
#board li.on:last-child{border-right-color:#489d90;}
#board li.on + li{border-left:none;}
#board li.on h4 {z-index:2;}
#board li.on h4 a{color:#38977b; font-weight:600; background:#fff;}
#board .con{position:absolute; top:59px; left:0; width:100%; height:293px; padding:0 30px 0 232px; border:1px solid #489d90; border-top:none; box-sizing:border-box; box-shadow:10px 10px 20px rgba(187,187,187,0.05);} 
#board .con ul{z-index:1; position:relative; opacity:0; visibility:hidden; float:left; width:100%; padding:26px 0 0 0;}
#board .on .con ul{opacity:1; visibility:visible; padding:34px 0 0 0; transition:0.25s ease-in-out;}
#board .con .title{opacity:0; visibility:hidden; position:absolute; top:56px; left:0; width:232px; padding:141px 0 0 0; line-height:110%; font-size:20px; font-weight:500; color:#4d9f86; box-sizing:border-box; text-align:center;}
#board .on .con .title{opacity:1; visibility:visible; top:64px; transition:0.25s ease-in-out;}
#board .con .title:before,
#board .con .title:after{content:''; display:block; position:absolute; top:0; left:50%; width:116px; height:116px; margin:0 0 0 -58px; border-radius:50%; background:#489d90 url(/images/kr/main/ico_board.png) no-repeat 50% 50%;}
#board .con .title:after{top:-7px; width:131px; height:131px; margin:0 0 0 -65.5px; border:1px dashed #489d90; background:none;}
#board .con li{position:relative; float:left; width:100%; height:49px; line-height:33px; padding:0 0 0 14px; box-sizing:border-box;}
#board .con li:before{top:12px; width:4px; height:4px; border-radius:0; background:#234343;}
#board .con li a{position:relative; float:left; width:100%; padding:0 90px 0 0; box-sizing:border-box; text-decoration:none;}
#board .con li a:hover .tit,
#board .con li a:focus .tit,
#board .con li a:active .tit{font-weight:400; color:#000; text-decoration:underline;}
#board .tit{display:inline-block; vertical-align:top; max-width:98%; padding:0 20px 0 0; color:#666; font-weight:300; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#board .tit span{display:inline-block; vertical-align:top; width:89px; height:33px; line-height:33px; margin:0 8px 0 0; font-size:14px; border-radius:15px; background:#d8ecf0; text-align:center; font-weight:300;}
#board .tit .pre{background:#d5e3ee;}
#board .tit .event{background:#caead9;}

#board .new{display:inline-block; vertical-align:middle; width:15px; height:16px; line-height:17px; margin:-3px 0 0 -20px; font-size:9px; text-transform:uppercase; text-align:center; color:#fff; font-weight:300; border-radius:40%; background:#e15068;}
#board .date{position:absolute; right:0; top:0; font-weight:400; color:#888; letter-spacing:-0.5px; font-size:15px;}
#board .con .none{width:100%; padding:4em 0 0 0; text-align:center; background:none;}
#board .none:before,
#board .more{display:none; border:none;}
#board .more{width:60px; height:59px; border-radius:0; background:#e5e5e5 url(/images/kr/main/ico_ctrl.png) no-repeat -105px -116px;}
#board .on .more{display:block;}
#board .more:hover{background-color:#ddd;}

@media all and (max-width:1280px) {
	#board .con{padding:0 30px 0 25%;}
	#board .con .title{width:25%;}
}
@media all and (max-width:1024px) {
	#board{height:420px;}
	#board .info{display:none;}
	#board li h4 a{line-height:54px; font-size:16px;}
	#board > ul{padding:0 54px 0 0;}
	#board .con{top:54px; height:265px; padding:0 25px;}
	#board .con li{height:44px; line-height:27px;}
	#board .con li a{padding:0 75px 0 0;}
	#board .con .title{display:none;}
	#board .on .con ul{padding:32px 0 0 0;}
	#board .tit{font-size:17px;}
	#board .tit span{height:27px; line-height:29px; width:65px; font-size:13px;}
	#board .date{font-size:15px; letter-spacing:-1px;}
	#board .more{width:54px; height:54px; background-position:-110px -118px;}
}
@media all and (max-width:768px) {
	#board{height:390px;}
	#board .info{display:inline-block; font-size:12px;}
	#board .con{height:250px; padding:0 25px 0 22%;}
	#board .con .title{display:block; width:22%; padding:103px 0 0 0; font-size:18px;}
	#board .con .title:before{width:87px; height:87px; margin:0 0 0 -43px; background-size:73px;}
	#board .con .title:after{width:100px; height:100px; margin:0 0 0 -50px;}
	#board .on .con ul{padding:28px 0 0 0;}
	#board .con li{height:41px;}
	#board .con li:before{top:10px;}
	#board .tit{font-size:16px;}
}
@media all and (max-width:568px) {
	#board{height:352px;}
	#board .info{display:none;}
	#board li h4 a{line-height:48px;}
	#board > ul{padding:0 48px 0 0;}
	#board .con{top:48px; height:225px; padding:0 20px;}
	#board .on .con ul{padding:26px 0 0 0;}
	#board .con li{height:37px; padding:0 0 0 12px;}
	#board .con li a{padding:0 70px 0 0;}
	#board .con .title{display:none;}
	#board .date{font-size:14px;}
	#board .more{width:48px; height:48px; background-position:-112px -121px;}
	#board .tit{font-size:15px;}
	#board .tit span{height:25px; line-height:27px; width:60px; font-size:12px;}
}
@media all and (max-width:380px) {
	#board li h4 a{height:50px; line-height:120%; padding:7px 0 0 0; font-size:15px; box-sizing:border-box;}
	#board li h4 br{display:inline-block;}
	#board .more{height:50px;}
	#board .con{top:50px;}
	/*#board > ul > li:first-child .date{display:none;}
	#board > ul > li:first-child .con li a{padding:0;}*/
}

/* 팝업존 */
#popup {position:absolute; right:0; top:0; width:432px; float:right;}
#popup h4{height:50px; line-height:100%; font-size:26px; letter-spacing:-2px;}
#popup *{vertical-align:top;}
#popup .none{min-height:120px; padding:90px 0; text-align:center; box-sizing:border-box;}
#popup .list_wrap{width:100%; height:352px; box-sizing:border-box; box-shadow:5px 10px 20px rgba(0,0,0,0.1);}
#popup .list_wrap *{vertical-align:top;}
#popup .list_wrap img{margin:0 auto;}
#popup .control{z-index:1; position:absolute; right:0; top:-2px;}
#popup .control *{display:inline-block; vertical-align:top;}
#popup .btn_stop{border-color:#97c0ff;}
#popup .btn_stop:hover{background-color:#97c0ff;}
#popup .page_p{padding:0 8px 0 19px; line-height:36px; font-size:15px; font-weight:500;}
#popup .page_p .dash{padding:0 5px;}

@media all and (max-width:1024px) {
	#popup{top:48px; width:340px;}
	#popup h4{height:39px; font-size:23px;}
	#popup .list_wrap{height:auto;}
	#popup .control{top:-8px;}
}
@media all and (max-width:768px) {
	#popup{position:relative; top:0; right:0; float:left; width:100%;}
	#popup h4{font-size:23px;}
	#popup .control{top:-10px;}
}
@media all and (max-width:568px) {
	#popup h4{font-size:21px;}
}
@media all and (max-width:380px) {
	#popup h4{height:36px; font-size:20px;}
	#popup .control{top:-11px;}
}


/* 갤러리 */
#gallery {z-index:1; position:relative; clear:both; width:100%;}
#gallery:before,
#gallery:after{z-index:-1; content:''; display:block; position:absolute; top:0; right:50%; width:50%; height:100%; margin:0 295px 0 0; background:#4e4b34 url(/images/kr/main/bg_gallery.jpg) no-repeat 100% 100%;}
#gallery:after{z-index:-2; right:auto; left:50%; width:100%; margin:0 0 0 -700px; background:#f2f3e9 url(/images/kr/main/bg_gallery2.jpg) no-repeat;}
#gallery .inner{height:511px; padding:80px 0 0 266px;}
#gallery .title{position:absolute; top:80px; left:0; width:266px; line-height:165%; font-weight:200; font-size:15px; word-break:keep-all; color:#fff;}
#gallery .en{line-height:100%; color:rgba(255,255,255,0.3); letter-spacing:0;}
#gallery h4{padding:10px 0 25px; line-height:100%; font-size:32px; font-weight:600; color:#fff;}
#gallery .list_wrap{position:absolute; top:80px; left:266px;}
#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:326px; margin:0 30px 20px 0; box-shadow:10px 10px 10px rgba(0,0,0,0.1); text-decoration:none; background:#fff; transition:margin-top 0.25s ease-in-out;}
#gallery .list a:hover{margin-top:20px;}
#gallery .img{position:relative; overflow:hidden;}
#gallery .img img{width:100%; height:250px;}
#gallery .sbj{height:101px; padding:20px 0 0 26px; transition:background 0.25s ease-in-out; box-sizing:border-box;}
#gallery .tit{position:relative; z-index:1; display:inline-block; max-width:90%; padding:0 20px 10px 0; color:#333; font-size:17px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box;}
#gallery .date{padding:0 0 0 24px; font-size:15px; color:#666; line-height:100%; background:url(/images/kr/main/ico_date.jpg) no-repeat;}
#gallery .new{position:relative; z-index:1; display:inline-block; width:17px; height:17px; line-height:18px; margin:5px 0 0 -20px; font-size:10px; border-radius:50%; text-transform:uppercase; text-align:center; color:#fff; background:#ff9c00; vertical-align:top;}
#gallery a:hover .tit{text-decoration:underline;}
#gallery .control {float:left;}
#gallery .control button{display:block; float:left; width:61px; height:57px; margin:0 11px 0 0; border:none; border-radius:28px 0 0 28px; box-shadow:5px 8px 20px rgba(0,0,0,0.4); background:rgba(0,0,0,0.5) url(/images/kr/main/ico_ctrl.png) no-repeat 26px -268px;}
#gallery .control .btn_next{border-radius:0 28px 28px 0; background-position:-49px -268px;}
#gallery .control button:hover{box-shadow:3px 3px 5px rgba(0,0,0,0.4); background-color:rgba(0,0,0,0.7); transition:0.25s ease-in-out;}
#gallery .view{display:block; position:static; margin:33px 0 44px; line-height:100%; color:#fff; font-weight:300;}
#gallery .view:after{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 0 0 10px; transition:0.25s ease-in-out; background:url(/images/kr/main/ico_ctrl.png) no-repeat -54px -138px;}
#gallery .view:hover:after{transform:rotate(90deg);}
@media all and (max-width:1430px) {
	#gallery:before{right:auto; left:0; width:400px; margin:0;}
	#gallery:after{right:auto; left:0; margin:0; background-size:cover;}
	#gallery .title{left:15px;}
}
@media all and (max-width:1024px) {
	#gallery:before{display: none;}
	#gallery .inner{height:auto; padding:50px 5px 25px 5px;}
	#gallery .title{position:relative; top:0; left:0; width:100%; padding:0 0 35px 10px; font-size:13px; box-sizing:border-box; color:#333;}
	#gallery h4{padding:8px 0 10px; font-size:26px; color:#333;}
	#gallery .info{font-size:14px;}
	#gallery .info br{display:none;}
	#gallery .list_wrap{position:relative; left:0; top:0;}
	#gallery .list a{width:calc(100% - 20px); margin:0 10px 45px; box-sizing:border-box;}
	#gallery .list a:hover{margin-top:0;}
	#gallery .img img{max-height:195px;}
	#gallery .sbj{height:auto; padding:20px 0 25px 20px;}
	#gallery .tit{font-size:16px;}
	#gallery .control{position:absolute; right:0; top:15px;}
	#gallery .control button{width:47px; height:45px; background-position: 20px -273px;}
	#gallery .control .btn_next{background-position:-54px -273px;;}
	#gallery .view{position:absolute; left:170px; top:30px; margin:0; color:#333;}
}
@media all and (max-width:768px) {
	#gallery .inner{padding:42px 2px 15px;}
	#gallery .title{padding:0 0 28px 10px;}
	#gallery h4{padding:6px 0 0 0; font-size:23px;}
	#gallery .info{display:none;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 42px;}
	#gallery .list img{max-height:148px;}
	#gallery .date{line-height:130%; font-size:14px;}
	#gallery .control{top:5px;}
	#gallery .control button{width:42px; height:40px; margin:0 7px 0 0; background-position:17px -275px;}
	#gallery .control .btn_next{background-position:-56px -275px;}
	#gallery .view{top:25px; left:150px}
}
@media all and (max-width:568px) {
	#gallery .title{padding:0 0 26px 10px;}
	#gallery h4{font-size:21px;}
	#gallery .sbj{padding:17px 0 20px 17px;}
	#gallery .tit{font-size:15px;}
	#gallery .date{font-size:13px;}
	#gallery .view{top:0; left:10px;}
	#gallery .control{top:-2px;}
}
@media all and (max-width:380px) {
	#gallery h4{font-size:20px;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 40px;}
	#gallery .list img{max-height:130px;}
	#gallery .tit{font-size:14px;}
}


/* 배너 */
#banner{position:relative; float:left; width:100%; height:106px;}
#banner .inner{padding:29px 0 0 230px;}
#banner h4{position:absolute; top:43px; left:0; font-size:23px; color:#222; font-weight:900; font-family:"gmarket";}
#banner .control{position:absolute; left:103px; top:36px;}
#banner .control button{position:static; margin:0 0 0 2px;}
#banner .control .btn_stop{margin:0 0 0 10px;}
#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; padding:0 50px;}
#banner .slick-slide img{display:inline;}
@media all and (max-width:1430px) {
	#banner .inner{padding:29px 15px 0 230px;}
	#banner h4{left:15px;}
	#banner .control{left:113px;}
}
@media all and (max-width:1024px) {
	#banner .inner{padding:29px 15px 0 210px;}
}
@media all and (max-width:768px) {
	#banner{height:auto; padding:15px 0 10px;}
	#banner .inner{padding:0;}
	#banner h4{position:static; width:100%; padding:15px 0 0 10px; font-size:22px; box-sizing:border-box;}
	#banner .control{top:10px; left:auto; right:10px;}
	#banner .control button,
	#banner .control .btn_stop{margin:0 0 0 4px;}
	#banner .list_wrap{padding:20px 0 15px;}
	#banner .list a{padding:0 15px;}
}
@media all and (max-width:568px) {
	#banner h4{font-size:21px;}
	#banner .control{top:8px;}
}
@media all and (max-width:380px) {
	#banner{padding:13px 0 8px 0;}
	#banner h4{font-size:20px;}
}