@charset "utf-8";
#container_main{position:relative; overflow:hidden; width:100%;}
#container_main h3,
#container_main h4{display:inline-block; line-height:110%; font-size:33px; font-family:"gmarket"; font-weight:900;}

.en{display:inline-block; padding:0 0 0 17px; letter-spacing:3px; font-weight:600; font-size:14px; color:#ddd; text-transform:uppercase;}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:22px; height:18px; font-size:0; text-indent:-999px; box-sizing:border-box; background:url( '../../images/kr/main/ico_more.png') no-repeat;}

.control button{position:relative; float:left; width:20px; height:20px; font-size:0; text-indent:-9999px; background:url( '../../images/kr/main/ico_ctrl_pop.png') no-repeat 5px 3px;}
.control .btn_next{background-position:-38px 3px}
.control .btn_stop{background-position:-16px 3px;}
.control .btn_stop.on{background-position:-16px -24px;}
.control button:hover,
.control button:active,
.control button:focus{background-color:rgba(0,0,0,0.03);}

#main_top{overflow:hidden; height:567px; width:100%;}
@media all and (max-width:1280px) {
	#main_top{height:auto;}
}
@media all and (max-width:1024px) {
	#container_main:before{height:500px;}
	#container_main h3{font-size:26px;}

	.en{padding:0 0 0 10px; font-size:11px;}
}
@media all and (max-width:768px) {
	#container_main h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#container_main h3{font-size:22px;}
}
@media all and (max-width:380px) {
	#container_main h3{font-size:21px;}
}

/* 비주얼 */
#visual{position:relative; width:100%; height:100%;}
#visual .list_wrap{position:absolute; right:50%; top:0; width:100%; margin:0 -190px 0 0; text-align:right;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list img{display:inline;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual button{padding:0; font-size:0; text-indent:-999px;}
#visual .control{position:absolute; top:369px; left:50%; line-height:100%; margin:0 0 0 -700px;}
#visual .control *{display:inline-block; vertical-align:top;}
#visual .control button{float:none; width:18px; height:18px;}
#visual .btn_stop{background-position:-78px -78px;}
#visual .btn_stop.on{background-position:-101px -78px;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{position:relative; width:8px; height:8px; margin:4px 5px 0; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#fff;}
#visual .slick-dots .slick-active button{width:16px; height:16px; margin-top:0; border:4px solid #ff404b; background:none;}

@keyframes slideup{
	0%{transform:translateY(20px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}

@media all and (max-width:1430px) {
	#visual .control{left:15px; margin:0;}
	.slogan{left:15px; margin:0;}
}
@media all and (max-width:1280px) {
	#visual {margin:0 0 18px;}
	#visual img{display:block; width:100%;}
	#visual .list_wrap{position:relative; right:0; margin:0;}
	#visual .list_wrap .list img{display:block;}
	#visual .control{width:100%; text-align:center;}
}
@media all and (max-width:1024px) {
	#visual{height:auto;}
	#visual .control{top:auto; bottom:50px;}
}
@media all and (max-width:768px) {
	#visual{margin:0 0 11px;}
}
@media all and (max-width:568px) {
	#visual .control{bottom:20px;}
}
@media all and (max-width:380px) {
	#visual .control{bottom:15px;}
}

.unit{z-index:1; overflow:hidden; position:absolute; top:0; left:50%; width:100%; margin:0 0 0 190px; background:#a98e48 url( '../../images/kr/main/bg_chair.jpg') no-repeat 334px 0;}
.unit:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:232px; background:#525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;}

/* 열린의장실 */
#chairman{z-index:1; position:relative; overflow:hidden; float:right; width:100%; height:335px; padding:49px 0 0 0; color:#fff; box-sizing:border-box; border-radius:35px 0 0 0; background:#a98e48 url( '../../images/kr/main/bg_chair.jpg') no-repeat 334px 0;}
#chairman .txt{z-index:1; position:relative; padding:0 0 0 51px;}
#chairman .slogan{font-size:25px; font-family:"gmarket"; font-weight:900;}
#chairman .name {padding:18px 0 0 0; line-height:180%; font-size:20px; font-weight:300;}
#chairman .name strong{font-size:45px; color:#fff799; font-family:"MAKGEOLLI"; font-weight:900;}
#chairman .pic{position:absolute; left:259px; bottom:0;}
#chairman .pic img{max-width:100%;}
#chairman .lnk{overflow:hidden; width:100%; padding:29px 0 0 0;}
#chairman .lnk li + li{float:left; margin:0 0 0 12px;}
#chairman .lnk a{float:left; position:relative; width:60px; padding:73px 0 0 0; line-height:100%; font-size:14px; font-weight:300; color:#fff; box-sizing:border-box; text-align:center;}
#chairman .lnk a:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:60px; border-radius:50%; background:#987427 url( '../../images/kr/main/ico_chair1.png') no-repeat 50% 50%;}
#chairman .lnk .list2 a:before{background-image:url( '../../images/kr/main/ico_chair2.png');}
#chairman .lnk .list3 a:before{background-image:url( '../../images/kr/main/ico_chair3.png');}
#chairman .lnk a:hover:before{transform:rotateY(360deg); transition:0.65s ease-in-out;}

@media all and (max-width:1490px) {
	.unit{left:auto; right:0; width:39.285%; margin:0;}

	#chairman .pic{left:48%; width:55%;}
}
@media all and (max-width:1280px) {
	.unit{position:relative; left:0; overflow:hidden; width:100%; padding:0 15px; box-sizing:border-box; background:none; border-radius:0;}
	.unit:before{display:none;}

	#chairman{float:left; width:58%; height:270px; padding:35px 0 0 0; border-radius:0;}
	#chairman .pic{left:auto; right:0; width:51%;}
	#chairman .txt{padding:0 0 0 40px;}
	#chairman .name{font-size:19px;}
	#chairman .name strong{font-size:40px;}
	#chairman .lnk{padding:14px 0 0 0;}
	#chairman .lnk a{width:50px; padding:58px 0 0 0;}
	#chairman .lnk a:before{height:50px; background-size:auto 20px;}
}
@media all and (max-width:1024px) {
	#chairman{height:246px; padding:29px 0 0 0; background-size:230px; background-position:100% 0;}
	#chairman .txt{padding:0 0 0 30px;}
	#chairman .slogan{font-size:22px;}
	#chairman .name{font-size:16px;}
	#chairman .name strong{font-size:37px;}
	#chairman .name img{height:35px;}
}
@media all and (max-width:768px) {
	.unit{padding:0 10px;}

	#chairman{height:auto; width:100%; padding:25px 0 21px 0;}
	#chairman .pic{display: flex; align-items:flex-end; justify-content:right; height:105%; text-align: right;}
	#chairman .pic img{max-height:100%;}
	#chairman .slogan{font-size:20px;}
	#chairman .name{padding:13px 0 0 0; font-size:15px;}
	#chairman .name img{height:31px;}
	#chairman .lnk{padding:11px 0 0 0; margin:0 0 0 -3px;}
	#chairman .lnk li + li{margin:0 0 0 5px;}
	#chairman .lnk a{padding:54px 0 0 0; font-size:14px;}
	#chairman .lnk a:before{left:50%; width:46px; height:46px; transform:translateX(-50%);}
	#chairman .lnk a:hover:before{transform:translateX(-50%) rotateY(360deg);}
}
@media all and (max-width:568px) {
	#chairman{padding:22px 0 19px 0;}
	#chairman .txt{padding:0 0 0 25px;}
	#chairman .slogan{font-size:19px;}
	#chairman .name{font-size:14px;}
	#chairman .name img{height:29px;}
}
@media all and (max-width:380px) {
	#chairman .txt{padding:0 0 0 20px;}
	#chairman .slogan{font-size:18px;}
	#chairman .name img{height:27px;}
	#chairman .lnk{padding:10px 0 0 0; margin:0 0 0 -5px;}
	#chairman .lnk li + li{margin:0;}
	#chairman .lnk a{width:51px; padding:44px 0 0 0; font-size:13px;}
	#chairman .lnk a:before{width:36px; height:36px; background-size:auto 19px;}
}

/* 의사일정 */
#agenda{position:relative; float:left; width:550px; height:232px; padding:35px 0 0 60px; color:#fff; border-radius:35px 0 0 0; box-sizing:border-box; background:#525561 url( '../../images/kr/main/bg_agenda.jpg') no-repeat;}
#agenda h3{float:left; padding:2px 0 17px; font-size:25px; color:#fff;}
#agenda a{color:#fff;}
#agenda .date{float:right;}
#agenda .date .tit{display:inline-block; padding:3px 10px 0 0; font-size:18px; font-weight:300;}
#agenda .date .num{display:inline-block; vertical-align:top; font-size:20px; font-family:"gmarket"; font-weight:800;}
#agenda .date .num span{font-size:25px; font-weight:900;}
#agenda .date .num span strong{font-size:30px; color:#fff799; font-weight:900;}

#agenda .week_wrap{position:relative; clear:both; width:100%; padding:10px 0; margin:0 0 24px; box-sizing:border-box; background:#373b4a; border-radius:30px;}
#agenda .week_wrap .btns{z-index:3; display:block; position:absolute; top:1px; left:0; background-position:7px -137px;}
#agenda .week_wrap .btn_next{left:auto; right:0; background-position:-38px -137px;}
#agenda .week {display:flex; justify-content:space-evenly; text-align:center;}
#agenda .week .list{position:relative; display:inline-block; color:#ccc; font-weight:300; font-size:15px; vertical-align:top;}
#agenda .week .list span{position:relative; display:inline-block; width:34px; height:34px; line-height:34px; border-radius:50%;}
#agenda .week .sat,
#agenda .week .sat a{color:#b9ddff;}
#agenda .week .sun,
#agenda .week .sun a{color:#ffc1c1;}
#agenda .week .today{font-weight:500; color:#fff;}
#agenda .week .agenda span{font-weight:500; background:#5c73c6;}

#agenda .txt_wrap {position:relative; clear:both; width:100%; padding:0 105px 7px 10px; font-weight:300; box-sizing:border-box; border-bottom:1px solid #757881;}
#agenda .txt_wrap *{vertical-align:top;}
#agenda .txt p{display:inline-block; width:100%; line-height:27px; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#agenda .txt p .day{display:inline-block; padding:0 15px 0 0;}
#agenda .txt .none{padding-right:0;}

#agenda .txt_wrap .control{z-index:55; position:absolute; top:3px; right:10px;}
#agenda .txt_wrap .control button{float:left; height:19px; width:19px; background:url( '../../images/kr/main/ico_ctrl_agenda.png') no-repeat 5px 2px;}
#agenda .txt_wrap .control .btn_next{background-position:-31px 2px;}
#agenda .txt_wrap .control .btn_stop{background-position:-13px 2px;}
#agenda .txt_wrap .control .btn_stop.on{background-position:-13px -18px;}
#agenda .more{top:36px; right:4px; background-position:4px -73px;}

@media all and (max-width:1430px) {
	#agenda{width:100%; padding:35px 20px 0 40px;}
	#agenda .more{top:30px; right:27px;}
}
@media all and (max-width:1280px) {
	#agenda{float:right; width:42%; height:270px; padding:35px 30px 0 40px; border-radius:0 0 35px 0;}
	#agenda h3{float:none; padding:0 0 17px; font-size:27px;}
	#agenda .week_wrap{width:100%; margin:0 0 10px;}
	#agenda .week .list{font-size:17px;}
	#agenda .date{float:none; width:100%; padding:0 0 20px; text-align:center;}
	#agenda .week .agenda span:before{bottom:-10px;}
}
@media all and (max-width:1024px) {
	#agenda{height:246px; padding:29px 25px 0 30px; border-radius:0 0 25px 0;}
	#agenda h3{padding:0 0 20px; font-size:22px;}
	#agenda .date{padding:0 0 15px; line-height:28px;}
	#agenda .week_wrap .btns{top:0;}
	#agenda .week .list{font-size:16px;}
	#agenda .week .list span{width:30px; height:30px; line-height:31px;}
	#agenda .week .agenda span:before{bottom:-8px; width:5px; height:5px;}
	#agenda .txt_wrap{padding:0 75px 0 10px;}
	#agenda .txt_wrap .control{top:10px;}
	#agenda .txt p{line-height:42px;}
	#agenda .more{top:24px; right:20px;}
}
@media all and (max-width:768px) {
	#agenda{width:100%; height:auto; padding:25px 25px 25px 30px;}
	#agenda h3{padding:0 0 17px; font-size:20px;}
	#agenda .week_wrap{margin:0 0 5px;}
	#agenda .week_wrap .btns{top:-2px;}
	#agenda .week .list{font-size:15px;}
	#agenda .week .list span{width:27px; height:27px; line-height:28px;}
	#agenda .date{padding:0 0 10px;}
	#agenda .more{top:20px;}
}
@media all and (max-width:568px) {
	#agenda{padding:22px 25px 25px 25px;}
	#agenda h3{font-size:19px;}
	#agenda .date{line-height:25px;}
	#agenda .week .list{font-size:14px;}
	#agenda .week .list span{width:25px; height:25px; line-height:26px;}
	#agenda .week_wrap .btns{top:-4px;}
	#agenda .date .tit{padding:0 7px 0 0; font-size:15px;}
	#agenda .date .num span{font-size:20px;}
	#agenda .date .num span strong{font-size:25px;}
	#agenda .more{top:15px;}
}
@media all and (max-width:380px) {
	#agenda{padding:19px 20px 20px 20px; border-radius:0 0 20px 0;}
	#agenda h3{padding:0 0 14px; font-size:18px;}
	#agenda .date{line-height:22px;}
	#agenda .more{top:13px; right:14px;}
}

/* 바로가기 */
#quick {padding:63px 0 70px; text-align:center; box-sizing:border-box;}
#quick ul{display: flex; justify-content:space-between; flex-wrap:wrap;}
#quick li{position:relative; display:inline-block; line-height:100%; vertical-align:top;}
#quick li a{z-index:1; position:relative; display:block; width:100%; color:#333; font-weight:300; box-sizing:border-box; text-align:center;}
#quick li a:before,
#quick li a:after{content:''; display:block; width:98px; height:98px; margin:0 auto 20px; background:url( '../../images/kr/main/ico_lnk1.png') no-repeat 50% 50%;}
#quick li a:after{z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%); border-radius:30px; transition:0.5s ease-in-out; background:#f7f7f7;}
#quick li.list2 a:before{background-image:url( '../../images/kr/main/ico_lnk2.png');}
#quick li.list3 a:before{background-image:url( '../../images/kr/main/ico_lnk3.png');}
#quick li.list4 a:before{background-image:url( '../../images/kr/main/ico_lnk4.png');}
#quick li.list5 a:before{background-image:url( '../../images/kr/main/ico_lnk5.png');}
#quick li.list6 a:before{background-image:url( '../../images/kr/main/ico_lnk6.png');}
#quick li.list7 a:before{background-image:url( '../../images/kr/main/ico_lnk7.png');}
#quick li.list8 a:before{background-image:url( '../../images/kr/main/ico_lnk8.png');}
#quick li a:hover:before,
#quick li a:focus:before,
#quick li a:active:before{transform:rotateY(360deg); transition:0.6s ease-in-out;}

@media all and (max-width:1024px) {
	#quick{padding:40px 0 55px;}
	#quick li a:before, #quick li a:after{height:67px; width:67px; margin:0 auto 10px; background-size:auto 45px;}
}
@media all and (max-width:768px) {
	#quick{padding:30px 0 45px;}
	#quick li{width:24%;}
	#quick li:nth-child(-n+4){margin:0 0 20px;}
	#quick li a{font-size:15px;}
}
@media all and (max-width:568px) {
	#quick li a{font-size:14px;}
	#quick li a:before, #quick li a:after{height:55px; width:55px; background-size:auto 40px;}
}
@media all and (max-width:380px) {
	#quick li a{font-size:13px;}
}

/* 현역의원 */
#member{position:relative; float:left; width:100%; margin: 0 0 73px;}
#member .title{height:64px; text-align:center;}
#member h3{padding:5px 0 0 0;}
#member h3 span{color:#8e7133;}
#member .title .img {display: inline-block; vertical-align:top; margin:0 7px 0 0;}
#member .title .img img{height:41px; vertical-align:top;}
#member .btn_more{position: absolute; right:0; top:0; width:120px; height:41px; line-height:41px; font-size:15px; font-weight:300; border-radius:41px; box-shadow:0 0 10px rgba(104,104,104,0.15); transition:0.25s ease-in-out;}
#member .btn_more:after{content:''; display:inline-block; vertical-align:middle; width:20px; height:10px; margin:-3px 0 0 10px; background:url( '../../images/kr/main/ico_more2.jpg') no-repeat 100% 50%;}
#member .btn_more:hover{box-shadow:0 0 3px rgba(104,104,104,0.15);}
#member .list_wrap{float:left; width:100%; padding:42px 54px 42px 64px; box-sizing:border-box; background:#f1f1f1  url( '../../images/kr/main/bg_member.png') no-repeat 100% 100%;}
#member .big_wrap{position:relative; float:left; width:581px; padding:26px 0 0 43px; background:#9c8856 url( '../../images/kr/main/bg_member.jpg') no-repeat 100% 100%; box-sizing:border-box; box-shadow:0 0 10px rgba(100,100,100,0.2); border-radius:10px;}
#member .big_list{position:relative; color:#fff;}
#member .big_list .list{overflow:hidden; vertical-align:top; width:100%; min-height:290px; padding:6px 0 0 199px; box-sizing:border-box;}
#member .big_list .list:not(:first-of-type){display:none;}
#member .big_list.slick-initialized .list:not(:first-of-type){display:block;}
#member .control{z-index:2; position:absolute; bottom:25px; right:38px;}
#member .control a,
#member .control button{float:left; width:40px; height:40px; margin:0 0 0 7px; border-radius:50%; background-color:#fff; background-image: url( '../../images/kr/main/ico_ctrl_member.png'); box-sizing:border-box;}
#member .btn_prev{background-position:0 13px;}
#member .btn_next{background-position:-94px 13px;}
#member .btn_stop{background-position:-48px 13px;}
#member .btn_stop.on{background-position:-48px -19px;}
#member .pic{position:absolute; top:0; left:0;}
#member .pic img{max-width:168px; max-height:100%; border-radius:5px; border:1px solid #d8c183;}
#member .txt{font-size:19px; font-weight:300;}
#member .txt ul{padding:12px 0;}
#member .txt li{line-height:150%; padding:0 0 5px 20px; margin:0;}
#member .txt li div{padding:5px 0 0 0; line-height:160%; font-size:16px;}
#member .txt li:last-child{word-break:break-all;}
#member .txt li:before{width:10px; height:3px; background:#fff;}
#member .txt .name strong{font-size:28px; font-weight:900; font-family:"gmarket";}
#member .btns {display:inline-block; vertical-align:top;}
#member .btns a{float:left; display:flex; align-items:center; height:43px; padding:0 21px 0 50px; border-radius:43px; font-size:15px; font-weight:400; color:#fff; background:#846729 url( '../../images/kr/main/ico_member1.png') no-repeat 21px 50%;}
#member .btns .btn_profile{margin:0 0 0 9px; background:#614d3a url( '../../images/kr/main/ico_member2.png') no-repeat 21px 50%;}

#member .small_wrap{position:relative; float:right; width:calc(100% - 614px);}
#member .small_wrap *{vertical-align:top;}
#member .small_list {overflow:hidden; width:100%;}
#member .small_list .list{overflow:hidden; position:relative; float:left; margin:0 10px 12px 10px; width:calc(20% - 20px); height:152px; border-radius:5px; box-sizing:border-box; background:#fff;}
#member .small_list .list.active{border-radius:5px;}
#member .small_list .list:before{z-index:1; content:''; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; border:2px solid #f43030; transition:0.3s linear;}
#member .small_list .list.active:before,
#member .small_list .list:hover:before{opacity:0.8;}
#member .small_list .list img{width: 100%;height: 100%;object-fit: cover; object-position: top;}
#member .small_list .list span{position:absolute; bottom:0; left:0; display: flex; align-items:center; justify-content:center; width:100%; height:34px; text-align:center; font-size:15px; font-weight:400; color: #fff; line-height:120%; box-sizing:border-box; background:rgba(98,73,48,0.7);}

@media all and (max-width:1280px) {
	#member .list_wrap{padding:42px 30px;}
	#member .big_wrap{width:480px;}
	#member .small_wrap{width: calc(100% - 500px);}
	#member .small_list .list{width:calc(20% - 10px); margin:0 5px 10px;}
	#member .txt li div{display:inline;}
	#member .btns a{padding:0 17px 0 37px; font-size:14px; background-position: 13px 50% !important;}
	#member .btns a span{display: none;}

}
@media all and (max-width:1024px) {
	#member{margin:0 0 50px;}
	#member .title{height:auto; padding:0 0 15px;}
	#member .title .img img{height:35px;}
	#member .btn_more{width:80px; height:33px; line-height:33px; font-size:13px; text-align:center;}
	#member .btn_more:after{width:15px; margin:-3px 0 0 5px;}
	#member .control{bottom:13px; right:20px;}
	#member .list_wrap{padding:15px 15px 5px 15px;}
	#member .big_wrap{width:100%; margin:0 0 15px; padding: 26px 0 60px 35px;}
	#member .big_list .list{min-height:172px; padding:5px 0 0 130px;}
	#member .pic img{max-width:115px;}
	#member .txt{font-size:17px;}
	#member .txt li div{padding:0; font-size:15px;}
	#member .txt .name strong{font-size:25px;}
	#member .btns a span{display: inline-block;}
	#member .small_wrap{width:100%; text-align:center;}
	#member .small_list{display:flex; flex-wrap:wrap; justify-content:center; width:auto;}
	#member .small_list .list{width:calc(10% - 10px); height:110px;}
}
@media all and (max-width:768px) {
	#member{margin:0 0 40px;}
	#member .title .img{margin:0 2px 0 0;}
	#member .title .img img{height:30px;}
	#member .small_list .list{width:calc(20% - 10px);}
	#member .small_list .list img{object-fit:contain;}
	#member .small_list .list span{height:25px; font-size:13px;}
}
@media all and (max-width:568px) {
	#member .title{text-align:left;}
	#member .en{display: none;}
	#member .big_wrap{padding:20px 0 60px 0;}
	#member .big_list .list{padding:0;}
	#member .pic{position:static; margin:0 auto 10px;}
	#member .pic img{margin:0 auto;}
	#member .txt{display: flex; align-items:center; flex-flow:column; font-size:16px;}
	#member .txt ul{padding:7px 0 2px;}
	#member .txt .name{width:100%; text-align:center;}
	#member .txt li div{font-size:14px;}
	#member .small_list .list{width:calc(20% - 6px); height:100px; margin:0 3px 10px;}
	#member .control{display: flex; justify-content:center; right:0; width:100%;}
}
@media all and (max-width:480px) {
	#member .small_list .list img{object-fit:cover;}
}

.sec{position:relative; overflow:hidden; width:100%; padding:0 451px 0 0; box-sizing:border-box;}
@media all and (max-width:1280px) {
	.sec{padding:0 360px 0 0;}
}
@media all and (max-width:1024px) {
	.sec{padding:0;}
}

/* 공지사항 */
#board{position:relative; float:right; width:100%; height:400px;}
#board .title{display:inline-block; position:absolute; top:0; left:0;}
#board h3{font-size:30px;}
#board h3 span{color:#f5434a;}
#board > ul{padding:0 100px 0 265px; box-sizing:border-box;}
#board > ul > li{float:left;}
#board li h4{line-height:0; padding:0;}
#board li h4 br{display:none;}
#board li h4 a{position:relative; display:block; width:100%; line-height:27px; padding:0 40px; font-family:"score"; font-size:18px; font-weight:300; color:#666; text-align:center; text-decoration:none; box-sizing:border-box; background:#fff;}
#board li h4 a:before,
#board li h4 a:after{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:16px; transform:rotate(20deg) translateY(-50%); background:#d2d2d2;}
#board li h4 a:before{top:auto; bottom:0; left:50%; width:0; height:15px; border-radius:8px; background:#fdefec; transform:rotate(0deg) translateX(-50%);}
#board li:first-child h4 a:after{display: none;}
#board li.on h4 a{z-index:1; color:#222; font-weight:600;}
#board li.on h4 a:before{z-index:-1; width:85px; transition:0.25s ease-in-out;}
#board .con{opacity:0; visibility:hidden; position:absolute; top:45px; left:0; width:100%;}
#board .on .con{opacity:1; visibility:visible; top:56px; transition:0.35s ease-in-out;}
#board .list_wrap{overflow:hidden; width:100%; box-sizing:border-box;}
#board .list_wrap .list:not(:first-of-type){display:none;}
#board .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#board .list{position:relative; float:left;  width:31.3%;}
#board .list + .list{margin-left:3%;}
#board .con a{display:block; width:calc(100% - 33px); height:281px; padding:26px 15px 27px 26px; color:#555; text-decoration:none; border-radius:10px; border:1px solid #ddd; box-sizing:border-box;}
#board .con a:hover{border-color:#f5d3d5;}
#board .con a:hover .tit,
#board .con a:focus .tit,
#board .con a:active .tit{text-decoration:underline;}
#board .s_tit{display:inline-block; min-width:80px; height:30px; line-height:30px; padding:0 16px; margin:0 0 13px; font-weight:300; font-size:14px; color:#666; background:#f6f6f6; border-radius:30px; text-align:center; box-sizing:border-box;}
#board a:hover .s_tit{color:#fff; box-shadow:inset 90px 0 0 #f63e4d; transition:0.25s ease-in-out;}
#board .tit{display:inline-block; height:58px; line-height:29px; font-size:18px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box;}
#board .detail{display:inline-block; height:46px; line-height:23px; margin:11px 0 0 0; font-size:15px; color: #777; overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#board .date{position: absolute; bottom:28px; left:25px; display:inline-block; line-height:100%; font-size:15px; font-family:"gmarket"; color:#666; font-weight:200;}
#board .date:before{content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:-2px 7px 0 0; background:url( '../../images/kr/main/ico_date.jpg') no-repeat;}
#board .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 3px; font-size:10px; border-radius:50%; text-transform:uppercase; text-align:center; color:#fff; background:#ff404b;}
#board .con .none{width:100%; padding:4em 0 0 0; text-align:center; background:none;}
#board .more{display:none; right:33px; top:2px;}
#board .on .more{display:block;}
#board .control{display: none; position:absolute; right:65px; top:0;}
#board .control div{float:left; margin:1px 15px 0 0; line-height:100%;}
#board .control div *{display:inline-block; vertical-align:middle; line-height:100%;}
#board .control div .current{font-weight:600;}
#board .control div .dash{padding:0 7px;}
#board .on .control{display:block;}

@media all and (max-width:1430px) {
	#board > ul{padding:0 100px 0 220px;}
	#board li h4 a{padding:0 20px;}
}
@media all and (max-width:1280px) {
	#board h3{display: none;}
	#board > ul{padding:0 100px 0 0;}
	#board .con a{height:260px;}
}
@media all and (max-width:1024px) {
	#board {width:100%; height:330px;}
	#board h3{padding:0 15px 0 0; font-size:25px;}
	#board .more{right:0;}
	#board .control{right:35px;}
	#board .control div{margin:2px 10px 0 0;}
	#board .con,
	#board .on .con{top:43px;}
	#board li h4 a{padding:0 15px 0 18px;}
	#board .list_wrap{width:calc(100% + 20px); margin:0 -10px;}
	#board .con a{height:235px; width:calc(100% - 20px); margin:0 auto; padding: 26px 15px 27px 20px;}
	#board .tit{height:46px; line-height:23px; font-size:17px;}
	#board .s_tit{min-width:0; height:27px; line-height:27px; padding:0 12px; margin:0 0 10px; font-size:12px;}
	#board .detail{height:40px; line-height:20px; margin:9px 0 17px; font-size:14px; -webkit-line-clamp:2;}
	#board .date{font-size:14px;}
	#board .new{line-height:18px;}
}
@media all and (max-width:768px) {
	#board{height:320px;}
	#board h3{font-size:22px; letter-spacing:-2px;}
}
@media all and (max-width:568px) {
	#board{height:300px;}
	#board:before,
	#board h3{display:none;}
	#board > ul{float:left;}
	#board li h4 a:before{display:none;}
	#board li h4 a{padding: 0 10px 0 15px; line-height:120%; font-size:16px;}
	#board li:first-child h4 a{padding-left:0;}
	#board li h4 br{display:inline-block;}
	#board .con,
	#board .on .con{top:50px;}
	#board .list_wrap{width:calc(100% + 14px); margin:0 -7px;}
	#board .con a{height:210px; width:calc(100% - 14px); padding: 20px 15px 20px 15px;}
	#board .tit{height:42px; line-height:21px; font-size:16px;}
	#board .s_tit{height:23px; line-height:23px; padding:0 10px; margin:0 0 7px; font-size:11px;}
	#board .detail{height:36px; line-height:18px; margin:7px 0 12px; font-size:13px;}
	#board .date{font-size:13px;}

	#board .new{width:15px; height:15px; line-height:16px; font-size:9px;}
}
@media all and (max-width:380px) {
	#board .tit{font-size:15px;}
	#board .s_tit{height:21px; line-height:21px; padding:0 8px; margin:0 0 5px; font-size:10px;}
	#board .detail{height:32px; line-height:16px; margin:6px 0 9px; font-size:12px;}
	#board .date{font-size:12px;}
}
/* 팝업존 */
#popup {position:absolute; right:0; top:0; float:left; width:435px;}
#popup h4{height:56px; font-size:30px;}
#popup h4 span{color:#5c73c6;}
#popup .none{min-height:110px; padding:80px 0 0 0; text-align:center;}
#popup .list_wrap{overflow:hidden; width:100%; border-radius:5px; background:#5c73c6; text-align:center; box-shadow:3px 3px 25px rgba(204,204,204,0.4); box-sizing:border-box;}
#popup .list_wrap *{vertical-align:top; color:#fff;}
#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{width:100%; border-radius:5px;}
#popup .control{position:absolute; right:0; top:5px;}
#popup .page_p{float:left; margin:1px 15px 0 0; line-height:100%;}
#popup .page_p *{display:inline-block; vertical-align:middle; line-height:100%;}
#popup .page_p .current{font-weight:600;}
#popup .page_p .dash{padding:0 7px;}
@media all and (max-width:1280px) {
	#popup{width:340px;}
	#popup .list img{height:260px;}
}
@media all and (max-width:1024px) {
	#popup{position:relative; right:0; top:0; width:100%; margin:0 0 50px;}
	#popup h4{height:auto; padding:0 0 12px; font-size:26px;}
	#popup .list img{width:auto; height:235px; margin:0 auto;}
	#popup .control{top:0;}
	#popup .page_p{margin-top:2px;}
}
@media all and (max-width:768px) {
	#popup{margin:0 0 40px;}
	#popup h4{font-size:23px;}
	#popup .list img{height:auto; width:100%;}
}
@media all and (max-width:568px) {
	#popup h4{font-size:22px;}
}
@media all and (max-width:380px) {
	#popup h4{font-size:21px;}
}

/* 바로가기 */
#link{position:relative; z-index:1; overflow:hidden; width:100%;}
#link:before{content:''; display:block; position: absolute; top:0; left:0; width:100%; height:480px; background:#faf1ea url( '../../images/kr/main/bg_link.jpg') no-repeat;}
#link .title{padding:55px 0 24px; text-align: center;}
#link h3 {display:inline-block; padding:0 62px 0 0; margin:0 -62px 0 0; font-family:"score"; line-height:110%; font-size:23px; font-weight:300; background: url( '../../images/kr/main/bg_tit.png') no-repeat 100% 100%;}
#link h3 > span{display:block; padding:10px 0 0 0; line-height:110%; font-family:"gmarket"; font-size:35px; font-weight:900;}
#link h3 .yellow{color: #cb9917;}
#link h3 .blue{color: #5068be;}
#link .con{display: flex; flex-wrap:wrap; justify-content:space-between;}
#link .list{width:30.9285%; height:379px; color:#fff; text-align:center; border-radius:5px; background:#7f465a url( '../../images/kr/main/bg_link1.jpg') no-repeat 50% 100%;}
#link h4{line-height:110%; padding:50px 0 16px 0; color:#fff; font-size:30px;}
#link .info{line-height:170%; font-weight:300;}
#link .list2{background-image:url( '../../images/kr/main/bg_link2.jpg');}
#link .list3{background-image:url( '../../images/kr/main/bg_link3.jpg');}
#link ul{display:flex; flex-wrap:wrap; justify-content:center; padding:27px 44px 0 45px;}
#link li {display:inline-block; vertical-align:top; line-height:120%; margin:0 0 3px; text-align:left;}
#link li a{z-index:1; position:relative; display:block; width:170px; height:46px; line-height:46px; padding:0 0 0 27px; color:#222; border-radius:5px; font-size:15px; font-weight:500; box-sizing:border-box; background:#fff;}
#link li a:after{content:''; display:block; position:absolute; top:50%; right:20px; width:33px; height:18px; margin:-9px 0 0 0; transition:0.2s ease-in-out; background:url( '../../images/kr/main/bg_lnk1.png') no-repeat 100% 0;}
#link li a:hover{background:rgba(255,255,255,0.91);}
#link .list2 a:after{background-image:url( '../../images/kr/main/bg_lnk2.png');}
#link .list3 a:after{background-image:url( '../../images/kr/main/bg_lnk3.png');}
#link .list1 li,
#link .list1 li a{width:100%;}
#link .list2 li:nth-child(even),
#link .list3 li:nth-child(even){margin-left:3px;}

#link .sch_fm{position:relative; width:100%; margin:0; box-sizing:border-box;}
#link .tit{position: absolute; left:20px; top:0; width:84px; line-height:46px; font-size:15px; font-weight:500; color:#715918;}
#link .tit:after{content:''; display:block; position: absolute; top:50%; right:0; width:1px; height:14px; background:#ddd; transform:translateY(-50%);}
#link input[type="text"]{width:100%;height:46px;padding:0 40px 0 116px;font-size:15px;border-radius:5px;border:none;color: #333;background:#fff;box-sizing:border-box;}
#link button{position:absolute; top:0; right:0; font-size:0; text-indent:-999px; width:35px; height:100%; background:url( '../../images/kr/main/btn_sch1.jpg') no-repeat 0 50%;}
#link .list3 .tit{color:#4050a8;}
#link .bt_bill{background-image:url( '../../images/kr/main/btn_sch2.jpg');}


@media all and (max-width:1430px) {
	#link li{width:calc(50% - 1.5px);}
	#link li a{width:100%; padding:0 0 0 10%;}
	#link li a:after{right:10px; width:18px;}
}
@media all and (max-width:1024px) {
	#link .title{padding:40px 0 24px;}
	#link h3 {font-size:17px;}
	#link h3 > span{font-size:26px;}
	#link .list{height:auto; background-size:cover;}
	#link .list1{border-radius:25px 0 0 0;}
	#link .list3{border-radius:0 0 25px 0;}
	#link h4{padding:25px 0 15px; font-size:21px;}
	#link .info{padding:0 10px; font-size:14px;}
	#link ul{padding:15px;}
	#link li a{height:42px; line-height:43px;}
	#link li a:after{display: none;}
}
@media all and (max-width:768px) {
	#link .title{padding:30px 10px 15px;}
	#link h3{font-size:16px;}
	#link h3 > span{font-size:23px;}
	#link .list{width:100%; margin:0 0 5px; background-position:50% 50%;}
	#link h4{padding:20px 0 12px; font-size:20px;}
	#link .info br{display:none;}
	#link li a{padding:0 0 0 25px;}
	#link li a:after{display:block; width:33px;}
}
@media all and (max-width:568px) {
	#link h3{font-size:15px;}
	#link h3 > span{font-size:22px;}
	#link h4{font-size:19px;}
	#link .info br{display:inline-block;}
	#link li a{height:39px; line-height:40px; font-size:14px;}
}
@media all and (max-width:380px) {
	#link h3 > span{font-size:21px;}
	#link .list1{border-radius:20px 0 0 0;}
	#link .list3{border-radius:0 0 20px 0;}
	#link h4{padding:17px 0 14px; font-size:18px;}
	#link li a{height:36px; line-height:37px; font-size:13px;}
}

/* 갤러리 */
#gallery{position:relative; width:100%; padding:74px 0 0 0;}
#gallery:before{z-index:-1; content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:250px; background:#f8edeb;}
#gallery .inner{width:1570px;}
#gallery .title{text-align:center;}
#gallery h3{font-size:35px;}
#gallery h3 span{color:#a43e3e;}
#gallery .title p{padding:5px 0 0 0; line-height:120%; color:#666;}
#gallery .list_wrap{float:left; width:100%; padding:29px 65px 0; box-sizing:border-box;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{overflow:hidden; position:relative; width:326px; margin:0 20px 49px; text-decoration:none; border-bottom:1px solid #e0bbb5;}
#gallery .list a:hover{border-color: #bf776c;}
#gallery .img{position:relative; overflow:hidden;}
#gallery .img img{width:100%; height:217px; transition:0.3s ease; border-radius:10px 10px 0 0;}
#gallery .sbj{position:relative; height:127px; padding:18px 0 0 0; transition:background 0.25s ease-in-out; box-sizing:border-box;}
#gallery .sbj:after{content:''; display:block; position: absolute; bottom:25px; right:2px; width:36px; height:18px; background:url(/images/kr/main/ico_gallery.png) no-repeat 0 100%;}
#gallery a:hover .sbj:after{background-position:0 0;}
#gallery .tit{position:relative; z-index:1; display:inline-block; max-width:95%; margin:0 0 6px; line-height:120%; font-weight:500; color:#000; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; transition:color 0.25s ease-in-out;}
#gallery .date{display:inline-block; padding:0 0 0 22px; color:#666; font-size:14px; font-weight:300; line-height:100%; transition:color 0.25s ease-in-out; text-align:left; background:url( '../../images/kr/main/ico_date.png') no-repeat;}
#gallery .new{display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:17px; margin:-2px 0 0 0; font-size:10px; border-radius:4px 0 4px 0; text-transform:uppercase; text-align:center; color:#fff; background:#ff404b;}
#gallery .control button{z-index:2; position:absolute; top:40%; left:0; width:55px; height:55px; border:1px solid #ddd; border-radius:50%; transform:rotate(180deg); box-sizing:border-box; background:#fff url( '../../images/kr/main/ico_ctrl_arrow.png') no-repeat 17px -26px;}
#gallery .control button:hover,
#gallery .control button:focus{background-position:17px 21px; border-color: #9a574d;}
#gallery .control .btn_next{left:auto; right:0; transform:rotate(0deg);}
#gallery .control2 {z-index:2; width:100%; line-height:100%; padding:0 0 55px; text-align:center;}
#gallery .control2 *{display:inline-block; vertical-align:top;}
#gallery .btn_stop{left:50%; width:12px; height:18px; margin:0 auto; font-size:0; text-indent:-999px; background:url( '../../images/kr/main/ico_ctrl_photo.png') no-repeat;}
#gallery .btn_stop.on{background-position:-14px 0;}
#gallery .slick-dots *{display:inline-block; vertical-align:top;}
#gallery .slick-dots li{line-height:0;}
#gallery .slick-dots button{position:relative; width:13px; height:13px; margin:0 10px; font-size:0; text-indent:-999px; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#666;}
#gallery .slick-dots .slick-active button{background:#bf776c;}
#gallery .more{top:20px; right:80px;}
#gallery a:hover img{transform:scale(1.1);}
#gallery .none{height:400px; padding:80px 0 0 0; box-sizing:border-box;}

@media all and (max-width:1600px){
	#gallery .inner{width:100%; padding:0;}
	#gallery .list a{width:calc(100% - 40px);}
	#gallery .control{right:15px; top:12px;}
	#gallery .control .btn_prev{left:15px;}
	#gallery .control .btn_next{right:15px;}
}
@media all and (max-width:1430px){
	#gallery .list_wrap{padding:25px 0 0;}
	#gallery .list a{width:calc(100% - 30px); margin:0 15px 49px;}
	#gallery .control button{top:8px; width:30px; height:30px; background-position:4px -39px;}
	#gallery .control button:hover,
	#gallery .control button:focus{background-position:4px 7px;}
	#gallery .control .btn_next{right:45px;}
	#gallery .control .btn_prev{left:auto; right:79px;}
	#gallery .more{right:15px; top:14px;}
}
@media all and (max-width:1024px){
	#gallery {padding:50px 0 0 0;}
	#gallery h3{font-size:26px;}
	#gallery .info{margin:0 0 2px; font-size:15px;}
	#gallery .list_wrap{padding:20px 6px 0;}
	#gallery .list a{width:calc(100% - 18px); margin:0 9px 30px;}
	#gallery a:hover img{transform:none;}
	#gallery .img img{height:194px;}
	#gallery .sbj{height:auto; padding:18px 0 25px 0;}
	#gallery .tit{font-size:17px;}
	#gallery .date{font-size:14px;}
	#gallery .none{height:200px;}
}
@media all and (max-width:768px){
	#gallery{padding:40px 0 0 0;}
	#gallery .list_wrap{padding:20px 2px 0;}
	#gallery h3 {font-size:23px;}
	#gallery .info{display:none;}
	#gallery .list a{width:calc(100% - 16px); margin:0 8px 30px;}
	#gallery .img img{height:144px;}
	#gallery .sbj{padding:15px 0 20px 0;}
	#gallery .tit{font-size:16px;}
	#gallery .control .btn_next{right:40px;}
	#gallery .control .btn_prev{right:73px;}
	#gallery .control button{top:-5px;}
	#gallery .more{top:0; right:10px;}
	#gallery .control2{padding:0 0 45px;}

}
@media all and (max-width:568px){
	#gallery h3 {font-size:22px;}
	#gallery .list_wrap{padding:15px 3px 0;}
	#gallery .list a{width:calc(100% - 14px); margin:0 7px 30px;}
	#gallery .img img{height:155px;}
	#gallery .tit{font-size:15px;}
	#gallery .sbj:after{bottom:20px;}
	#gallery .date{font-size:13px; padding: 0 0 0 15px; background-size:12px;}
	#gallery .new{width:15px; height:15px; line-height:16px; font-size:9px;}
}
@media all and (max-width:380px){
	#gallery .title{padding:0 0 0 10px; text-align:left;}
	#gallery h3 {font-size:21px;}
	#gallery .list_wrap{padding:15px 4px 0;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 25px;}
	#gallery .img img{height:111px;}
	#gallery .sbj{padding:13px 0 18px 0;}
	#gallery .tit{font-size:14px;}
}

/*배너*/
#banner{position:relative; float:left; width:100%; height:120px;}
#banner .list_wrap{position:relative; float:left; width:100%; padding:30px 0 0 121px; box-sizing:border-box;}
#banner .list{float:left;}
#banner .list a{position:relative; display:block; padding:18px 24px 19px; margin:0 16px 0 0; font-size:15px; color:#666; box-shadow:inset 0 0 0 1px #ddd;}
#banner .list a:before, #banner .list a:after{content:""; position:absolute; top:0; left:0; border:2px solid transparent; width:0; height:0; box-sizing:border-box;}
#banner .list a:hover{color:#a43e3e; text-decoration:none;}
#banner .list a:hover:before, #banner .list a:hover:after{width:100%; height:100%;}
#banner .list a:hover:before{border-top-color:#a43e3e; border-right-color:#a43e3e; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
#banner .list a:hover:after {border-bottom-color:#a43e3e; border-left-color:#a43e3e; transition: height 0.2s ease-out, width 0.2s ease-out 0.2s;}
#banner .control{z-index:1; position:absolute; left:0; top:45px;}
#banner .control button{background:url( '../../images/kr/main/ico_ctrl_banner.png') no-repeat;}
#banner .control .btn_prev{background-position:3px 0;}
#banner .control .btn_next{background-position:-48px 0;}
#banner .control .btn_stop{background-position:-23px 0;}
#banner .control .btn_stop.on{background-position:-30px -34px;}
#banner .control .more{position: static; float:left; height:20px; background:url( '../../images/kr/main/ico_ctrl_banner.png') no-repeat -78px 0;}

@media all and (max-width:1430px) {
	#banner .control{left:15px;}
}
@media all and (max-width:1024px) {
	#banner .list_wrap{padding:30px 0 0 90px;}
}
@media all and (max-width:768px) {
	#banner{height:auto;}
	#banner h3{position:static; width:auto; height:auto; padding:15px 0 0 0; line-height:30px; font-size:20px;}
	#banner .list_wrap{padding:10px 0 20px;}
	#banner .control{left:auto; top:14px; right:10px;}
	#banner .control button,
	#banner .control .btn_prev{margin:0;}
}
@media all and (max-width:568px) {
	#banner h3{padding-left:4px;}
	#banner .list a{padding:16px 22px 15px; font-size:14px;}
}
@media all and (max-width:380px) {
	#banner .list a{margin:0 12px 0 0; padding:14px 20px 13px; font-size:13px;}
	
}