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

#container_main{position:relative; overflow:hidden; width:100%; background: url(/images/kr/main/bg_section.jpg) no-repeat top;}
#container_main h4{letter-spacing:-2px; font-size:30px;}
#container_main h4 span{color:#3c9a7a;}

.btns a{position:relative; float:left; width:51px; line-height:100%; font-weight:400; font-size:15px; color:#fff; background: url(/images/kr/main/ico_ctrl.png)no-repeat 44px -23px; text-decoration: none;}

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

@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: 20px;height:20px;font-size:0;text-indent:-9999px;background: url(/images/kr/main/ico_ctrl.png) no-repeat 5px 3px;}
.control .btn_next{background-position: -80px 4px;}
.control .btn_stop{background-position: -21px 3px;}
.control .btn_stop.on{background-position: -53px 3px;}
.control button:hover{background-color:rgba(0,0,0,0.03);}

.sec1 {padding: 60px 0 0;}

@media all and (max-width:1430px){
    .sec1 {padding: 50px 15px 0;}
}
@media all and (max-width:1024px){
    .sec1 {padding: 30px 15px 0;}
}
@media all and (max-width:768px){
    .sec1 {padding: 30px 10px 0;}
}

/* 비주얼 */
#visual{z-index:2;float:left;position:relative;width:66.42%;height:461px;border-radius:10px;box-shadow: 0 0 20px rgb(0 0 0 / 15%);}
#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:0; left:50%; width:200px; height:42px; transform: translateX(-50%); border-radius:20px 20px 0 0; background:#1a1a1a; color: #fff; text-align:center; box-sizing:border-box;}

#visual .control button{margin: 0 0 0 8px; width:20px;}
#visual .control button:first-child {margin: 0;}
#visual .page_v{float: left; margin: 0 0 0 14px; font-size:15px; font-weight: 600; line-height: 42px;}
#visual .page_v .dash {padding: 0 10px 0 7px; opacity: 0.5; font-weight: 400;}
#visual .btns{display: flex; justify-content: center; align-items: center;}

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

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

/* 열린의장실 */
#chairman{z-index:1;overflow:hidden;position:relative;float:left;width:100%;height:254px;padding:33px 0 0 35px;margin:0 0 28px 0;color: #fff;border-radius:10px;box-shadow: 0 0 20px rgb(0 0 0 / 15%);box-sizing:border-box;background:url(/images/kr/main/bg_chairman.jpg) no-repeat;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 90% 100%;}
#chairman h4{font-size:30px;letter-spacing:-1px;}
#chairman .pic{overflow:hidden; position:absolute; right:0; bottom:0; z-index: -1;}
#chairman .name{position:relative; padding:14px 0 20px; font-size:16px; font-weight:300;}
#chairman .name strong{display: block; font-size:25px; font-weight: 500; color: #ccffe2;}
#chairman .btns {float:left; width:100%;}

@media all and (max-width:1420px){
    #chairman {padding: 30px 0 0 35px;}
}

@media all and (max-width:1280px) {
	.sec{width:31.2%;}
	#chairman{height: 220px;padding: 20px 0 0 25px;}
	#chairman h4{font-size:25px;}
    #chairman .pic img {width: 230px;}
	#chairman .name{padding:10px 0 18px; font-size:17px;}
    #chairman .name strong {font-size: 23px;}
}
@media all and (max-width:1024px) {
	.sec{width:100%;}
	#chairman{width:52%; margin:0 3% 0 0; padding:25px 0 0 30px;}
	#chairman:before{display:none;}
    #chairman .name img {margin: 0 0 6px;}
	#chairman .name strong{font-size:24px; font-weight:600;}
}
@media all and (max-width:768px) {
	#chairman{height:195px; width:100%; margin:0 0 27px;}
	#chairman h4{font-size:24px;}
	#chairman .name {padding:8px 0 20px; font-size:17px;}
	#chairman .name span{display:inline-block; font-size:20px;}
	#chairman .name strong{font-size:23px;}
}
@media all and (max-width:568px) {
	#chairman{height:200px; padding:21px 0 0 25px;}
	#chairman h4{font-size:23px;}
    #chairman .pic img {width: 210px;}
	#chairman .name {padding:7px 0 12px; font-size:15px;}
	#chairman .name span{display:block; font-size:17px;}
	#chairman .name strong{font-size:21px;}
}
@media all and (max-width:380px) {
	#chairman{height:185px; padding:20px 0 0 20px; margin:0 0 25px; background-position:0 95%;}
	#chairman h4{font-size:22px;}
    #chairman .pic img {width: 190px;}
	#chairman .name {padding:7px 0 5px; font-size:14px;}
	#chairman .name span{font-size:16px;}
	#chairman .name strong{font-size:19px;}
    #chairman .name img {width: 65px;}
}

/* 의원 */
#member{position:relative; float:left; padding: 30px 37px; width:100%; height:179px; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.2); background:#40ab9d url(/images/en/main/bg_member.png) no-repeat 90% 100%; color: #fff; box-sizing:border-box;}
#member:hover{background-color:#0dac97}
#member strong{display:block; margin: 0 0 15px; line-height:100%; font-size:25px;}
#member .btns {margin: 20px 0 0;}


@media all and (max-width:1430px) {
	#member{background-size:48%;}
}
@media all and (max-width:1280px) {
	#member{padding: 20px 25px; height:150px; background-size:40%;}
	#member strong{font-size:20px;}
	#member strong:after{margin:17px 0 10px;}
    #member .btns {margin: 10px 0 0;}
}
@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%;}
}
@media all and (max-width:568px) {

}
@media all and (max-width:380px) {
	#member{height:148px; background-size:48%;}

}

/* 바로가기 */
#link .inner{height:147px; padding:0 0 0 314px; margin: 55px auto;}
#link .tit_wrap {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-family: 'gmarket';}
#link .tit_wrap p {font-size: 19px; font-weight: 800; color: #6c6c6c;}
#link .tit_wrap h4 {margin: 8px 0 0;font-size: 30px; font-weight: 900; font-family: 'gmarket';} 
#link .tit_wrap h4 span {color: #3c9a7a;}
#link ul{overflow:hidden; width:100%;}
#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:flex; justify-content: center; align-items: center; width:100%; height: 147px; border: 1px solid #ffde95; border-radius: 10px; font-weight: 400; box-sizing:border-box; text-align:center; text-decoration:none;} 
#link li a:before {content: ''; display: inline-block; margin: 0 25px 0 0; width: 62px; height: 55px; background: url(/images/kr/main/ico_link2.png)no-repeat 50% 50%;}
#link li:nth-child(2) a:before {background-image: url(/images/kr/main/ico_link6.png)}
#link li:nth-child(3) a:before {background-image: url(/images/en/main/ico_link8.png)}
#link li a:hover{border: 1px solid #ffb91e;}
#link li a:hover:before{transform:rotateY(360deg); background-position:50% 50%; transition:transform 0.6s 0.2s ease-in-out;}

@media all and (max-width:1430px) {
	#link .inner{padding:0 15px 0 22%;}
    #link .tit_wrap {left: 15px;}
    #link .tit_wrap p {font-size: 16px;}
    #link .tit_wrap h4 {font-size: 26px;}
    #link li a:before {margin: 0 15px 0 0; width: 48px; background-size: contain;}
}
@media all and (max-width:1024px) {
	#link .inner{padding:0 15px; margin: 35px 0;}
    #link .tit_wrap {display: none;}
    #link li a:before {width: 44px;}
}
@media all and (max-width:768px) {
	#link .inner{height:auto; padding:0 10px 35px; margin: 0;}
    #link li a {flex-direction: column; padding: 0 10px;}
    #link li a:before {margin: 0 0 3px;}

}
@media all and (max-width:568px) {

}
@media all and (max-width:380px) {

}