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

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

.more{z-index:2; position:absolute; top:17px; right:12px; display:block; line-height:100%; font-size:15px; font-weight:500; color:#3a9fa3; letter-spacing:0;}
.more:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-1px 0 0 12px; background:url(/images/kr/main/ico_more.gif) no-repeat 0 -62px;}
.more:hover:after{transform:rotate(90deg);}

@media all and (max-width:1024px) {
	#container_main h4{letter-spacing:-1px;}
	.more{right:0; letter-spacing:-1px;}
	.more:after{margin:-1px 0 0 9px;}
}
@media all and (max-width:568px) {
	.more{top:10px; font-size:14px;}
	.more:after{margin:-1px 0 0 7px;}
}

.control:after{content:''; display:block; clear:both; width:100%;}
.control button{position:relative; float:left; width:18px; height:20px; font-size:0; text-indent:-9999px; background:url(/images/kr/main/ico_ctrl.png) no-repeat 6px 5px;}
.control .btn_next{background-position:-33px 5px;}
.control .btn_stop{background-position:-14px 5px;}
.control .btn_stop.on{background-position:-50px 5px;}
.control button:hover{background-color:rgba(0,0,0,0.03);}

/* 비주얼 */
#visual{z-index:2; float:left; position:relative; width:68.92%; height:461px; margin:0 0 40px; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.2);}
#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:-16px; left:50%; width:130px; height:34px; margin:0 0 0 -65px; border-radius:34px; background:#fff; text-align:center; box-sizing:border-box; box-shadow:3px 3px 7px rgba(0,0,0,0.2);}
#visual .control *{display:inline-block; vertical-align:top;}
#visual .control button{opacity:0.8; width:20px;}
#visual .page_v{line-height:34px; color:#999; font-size:14px; font-weight:600; font-family:"score";}
#visual .page_v .current{color:#000;}
#visual .btns{padding:7px 5px 0 0;}

@media all and (max-width:1280px) {
	#visual{width:66.5%; height:375px;}
}
@media all and (max-width:1024px) {
	#visual{height:auto;}
	#visual,
	#visual .list img{width:100%;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:380px) {
	#visual{margin:0 0 38px;}
}

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

/* 열린의장실 */
#chairman{z-index:1; overflow:hidden; position:relative; float:left; width:100%; height:276px; padding:33px 0 0 45.925%; margin:0 0 10px 0; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.2); box-sizing:border-box; background:url(/images/kr/main/bg_chairman.jpg) no-repeat 0 90%; background-size:cover;}
#chairman:before{content:''; display:block; position:absolute; top:0; left:260px; width:145px; height:134px; border-radius:0 10px 0 0; background:url(/images/kr/main/bg_chairman.png) no-repeat 100% 100%;}
#chairman h4{font-size:20px; letter-spacing:-1px;}
#chairman .pic{overflow:hidden; position:absolute; left:0; bottom:0;}
#chairman .name{position:relative; padding:14px 25px 24px 0; line-height:165%; font-size:17px; font-weight:500;}
#chairman .name strong{font-size:24px; color:#005269; font-weight:500;}

#chairman .btns {float:left; padding:0 0 0 27px;}
#chairman .btns a{position:relative; float:left; padding:0 0 0 60px; line-height:51px; font-weight:400; font-size:15px; color:#fff; letter-spacing:0;}
#chairman .btns a:before,
#chairman .btns a:after{content:''; display:block; position:absolute; top:0; left:0; width:51px; height:51px; background:url(/images/kr/main/ico_chair1.png) no-repeat 50% 50%;}
#chairman .btns a:after{z-index:-1; position:absolute; top:0; left:0; border-radius:50%; box-shadow:3px 3px 7px rgba(0,0,0,0.2); background:#14787c;}
#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:1280px) {
	.sec{width:31.2%;}
	#chairman{height:215px; padding:25px 0 0 43%;}
	#chairman h4{font-size:19px;}
	#chairman .name{padding:8px 10px 14px 0; font-size:16px;}
	#chairman .name strong{font-size:20px;}
	#chairman .pic,
	#chairman .pic img{height:100%;}
	#chairman .btns a{line-height:45px;}
	#chairman .btns a:before, #chairman .btns a:after{width:45px; height:45px;}
	#chairman .btns a:before{background-size:auto 21px;}
}
@media all and (max-width:1024px) {
	.sec{width:100%;}
	#chairman{width:52%; margin:0 3% 40px 0; padding:25px 0 0 180px;}
	#chairman:before{display:none;}
	#chairman .btns a{width:auto;}
	#chairman .name strong{display:inline-block; margin:0 3px 0 0; font-size:19px; font-weight:600;}
	#chairman .name br{display:none;}
}
@media all and (max-width:768px) {
	#chairman{height:195px; width:100%; margin:0 0 27px;}
	#chairman h4{font-size:18px;}
	#chairman .name {padding:8px 0 20px; font-size:17px;}
	#chairman .name strong{font-size:18px;}
	#chairman .name br{display:inline-block;}
	#chairman .btns br{display:none;}
}
@media all and (max-width:568px) {
	#chairman{height:200px; padding:21px 0 0 160px;}
	#chairman h4{font-size:17px;}
	#chairman .name {padding:7px 0 12px; font-size:15px;}
	#chairman .name strong{font-size:17px;}
	#chairman .btns br{display:inline-block;}
	#chairman .btns a{font-size:14px;}
}
@media all and (max-width:380px) {
	#chairman{height:192px; padding:20px 0 0 150px; margin:0 0 25px; background-position:0 95%;}
	#chairman .name {padding:7px 0 11px; font-size:14px;}
	#chairman .name strong{font-size:16px;}
	#chairman .btns a{font-size:13px;}
}
@media all and (max-width:345px) {
	#chairman{padding:21px 0 0 141px;}
}

/* 의원 */
#member{position:relative; float:left; width:100%; height:175px; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.2); background:#248776 url(/images/en/main/bg_member.png) no-repeat 100% 100%;  box-sizing:border-box;}
#member a{display:block; padding:29px 0 0 40px; line-height:160%; color:#fff; letter-spacing:0; text-decoration:none;}
#member strong{display:block; line-height:100%; font-size:21px;}
#member strong:after{content:''; display:block; width:35px; height:1px; margin:21px 0 15px 0; background:#ffbd14; transition:0.2s ease-in-out;}
#member a:hover strong:after{width:60px;}

@media all and (max-width:1430px) {
	#member{background-size:48%;}
}
@media all and (max-width:1280px) {
	#member{height:150px; background-size:40%;}
	#member a{padding:27px 0 0 35px;}
	#member strong{font-size:20px;}
	#member strong:after{margin:17px 0 10px;}
}
@media all and (max-width:1024px) {
	#member{height:215px; width:45%; background-size:48%;}

}
@media all and (max-width:768px) {
	#member{height:152px; width:100%; margin:0 0 30px; background-size:auto 100%;}
	#member strong{font-size:19px;}
}
@media all and (max-width:568px) {
	#member a{padding:27px 0 0 30px;}
	#member strong{font-size:18px;}
}
@media all and (max-width:380px) {
	#member{height:148px; background-size:48%;}
	#member strong{font-size:17px;}
}

/* 바로가기 */
#link .inner{height:232px; padding:0 0 0 314px;}
#link h4{position:absolute; bottom:0; left:-7px; width:291px; height:231px; font-size:0; text-indent:-999px; background:url(/images/en/main/bg_lnk.jpg) no-repeat 0 100%;}
#link ul{overflow:hidden; width:100%; padding:11px 0 0 0; text-align:right;}
#link li {float:left; width:31.3%; text-align:center;}
#link li + li{padding:0 0 0 3.03%;}
#link li a{z-index:1; position:relative; display:block; width:100%; padding:175px 0 0 0; line-height:130%; letter-spacing:0; color:#333; font-weight:400; box-sizing:border-box; text-align:center; text-decoration:none;}
#link li a:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:157px; border-radius:30px; background:url(/images/en/main/bg_lnk1.jpg) no-repeat 50% 0; transition:0.2s ease-in-out;}
#link li.list2 a:before{background-image:url(/images/en/main/bg_lnk2.jpg);}
#link li.list3 a:before{background-image:url(/images/en/main/bg_lnk3.jpg);}
#link li a:hover:before{box-shadow:inset 0 0 0 10px rgba(36,135,118,0.1);}
#link li br{display:none;}
@media all and (max-width:1430px) {
	#link .inner{padding:0 15px 0 20.45%;}
	#link h4{width:20%; background-size:contain;}
	#link li a:before{background-size:cover;}
}
@media all and (max-width:1024px) {
	#link .inner{padding:0 15px;}
	#link ul{padding:0;}
	#link h4{display:none;}
}
@media all and (max-width:768px) {
	#link .inner{height:auto; padding:0 10px 35px;}
	#link li a{padding:135px 0 0 0;}
	#link li a:before{height:120px; border-radius:20px;}
}
@media all and (max-width:568px) {
	#link li br{display:inline-block;}
	#link li a{padding:127px 0 0 0;}
	#link li a:before{height:112px;}
}
@media all and (max-width:380px) {
	#link li a{padding:118px 0 0 0;}
	#link li a:before{height:103px;}
}