@charset "utf-8";
#container_main {position:relative; float:left; width:100%; background:url(/images/member/main/bg.jpg) repeat-x 50% 100%;}
#container_main h4{line-height:100%; font-size:30px; letter-spacing:-2px;}

@media all and (max-width:1024px) {
	#container_main h4{font-size:23px;}
}
@media all and (max-width:768px) {
	#container_main h4{font-size:22px;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:21px;}
}
@media all and (max-width:380px) {
	#container_main h4{font-size:20px;}
}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:40px; height:40px; font-size:0; text-indent:-999px; transition:transform 0.25s ease-in-out;}
.more:hover{transform:rotate(90deg);}
.more:before,
.more:after{content:''; display:block; position:absolute; top:50%; left:10px; width:20px; height:1px; transition:0.3s ease; background:#5b5b5b;}
.more:after{left:50%; top:10px; width:1px; height:20px;}

.main_bottom{padding:57px 0 51px;}
@media all and (max-width:1230px) {
	.main_bottom{padding:57px 15px 51px;}
}
@media all and (max-width:768px) {
	.main_bottom{padding:50px 10px 50px;}
}
@media all and (max-width:568px) {
	.main_bottom{padding:35px 10px 50px;}
}
@media all and (max-width:380px) {
	.main_bottom{padding:30px 10px 45px;}
}

/* 메인비주얼 */
#visual {z-index:1; position:relative; height:530px;}
#visual:after,
#visual:before{content:''; position:absolute; top:0; right:50%; width:50%; height:100%; margin:0 600px 0 0; background:#3c648a url(/images/member/main/bg_visual.jpg) no-repeat 100% 100%;}
#visual:before{z-index:1;top:50%;margin: -20px 637px 0 0;height:1px;background:rgba(255,255,255,0.2);}
#visual .inner{z-index:1;}
#visual .txt{z-index:1; position:absolute; top:55px; left:0; color:#fff;}
#visual .pic{overflow:hidden; border-radius:0 10px 10px 0;}
#visual .slogan{line-height:150%; font-family:"score"; font-weight:400; font-size:22px; text-shadow:10px 10px 20px rgba(0,0,0,0.3);}
#visual .slogan img{vertical-align:bottom;}
#visual .slogan strong{font-weight:500; font-size:31px;}
#visual .slogan .txt2{padding:13px 0 0 0; font-weight:500; font-size:35px; letter-spacing:-2px;}
#visual .slogan .txt2 span{color:#bcfcff;}

#visual .sns{padding:62px 0 52px;}
#visual .sns *{display:inline-block; vertical-align:top;}
#visual .sns dt{line-height:100%; padding:6px 0 0 0; font-size:23px; font-weight:800; font-family:"hansuw";}
#visual .sns dd{padding:0 0 0 15px;}
#visual .sns a{width:30px;height:30px;margin:0 5px 0 0;font-size:0;text-indent:-9999px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);background: #000 url(/images/member/main/ico_sns.png) no-repeat -26px 7px;}
#visual .sns .fb{background-color:#2653b0; background-position:10px 7px;}
#visual .sns .bl{background-color:#03c75b; background-position:-66px 5px;}
#visual .sns .kko{background-color:#fbc000; background-position:-141px 5px;}
#visual .sns .insta{background-color:#c536a4; background-position:-104px -1px;}
#visual .sns .band{background-color:#21c531; background-position:-219px 1px;}

.link{overflow:hidden; width:100%;}
.link li {display:inline-block; vertical-align:top; width:94px; line-height:120%; text-align:center;}
.link li + li{padding:0 0 0 30px;}
.link li a{z-index:1; position:relative; display:block; width:100%; padding:112px 0 0 0; color:#fff; font-weight:400; font-size:17px; box-sizing:border-box; text-align:center; text-decoration:none;}
.link li a:before,
.link li a:after{content:''; display:block; position:absolute; top:31px; left:0; width:100%; height:33px; background:url(/images/member/main/ico_chair1.png) no-repeat 50% 100%;}
.link li a:after{z-index:-1; top:0; left:50%; width:94px; height:94px; border-radius:50%; background:#2e4364; transform:translateX(-50%);}
.link li.list2 a:before{background-image:url(/images/member/main/ico_chair2.png);}
.link li.list3 a:before{background-image:url(/images/member/main/ico_chair3.png);}
.link li a:hover:before{transform:rotateY(360deg); background-position:50% 0; transition:transform 0.6s 0.25s ease-in-out;}
.link li a:hover:after{box-shadow:inset 0 0 0 45px #292e44; transition:0.4s ease-in-out;}
.link li a[target="_blank"] span:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:10px; margin:-4px 0 0 5px; background:url(/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}

@media all and (max-width:1230px) {
	#visual{height:auto;}
	#visual:after{right:auto; left:0; margin:0; width:15px;}
	#visual:before{display:none;}
	#visual .pic img{max-width:100%; vertical-align:top;}
	#visual .txt{left:15px; top:7vh;}
	#visual .sns{padding:6vh 0 5vh;}
}
@media all and (max-width:1024px) {
	#visual:after{display:none;}
	#visual .inner{padding:0;}
	#visual .txt{position:static; padding:20px 5px 40px; background:#3c648a; text-align:center;}
	#visual .sns{padding:30px 0 35px;}
	#visual .sns dt{font-size:22px;}
	#visual .slogan{font-size:20px;}
	#visual .slogan img{height:50px;}
	#visual .slogan strong{font-size:28px;}
	#visual .slogan .txt2{padding:10px 0 0 0; font-size:30px;}
	#visual .pic{border-radius:0;}
	
	.link li{width:86px;}
	.link li a{padding:98px 0 0 0;}
	.link li a:before{top:28px; height:31px; background-size:contain;}
	.link li a:after{width:86px; height:86px;}
}
@media all and (max-width:768px) {
	#visual .txt{padding:25px 5px 36px;}
	#visual .sns{padding:27px 0 32px;}
	#visual .sns dt{font-size:20px;}
	#visual .slogan{font-size:18px;}
	#visual .slogan strong{font-size:23px;}
	#visual .slogan img{height:40px;}
	#visual .slogan .txt2{font-size:26px;}

	.link li{width:75px;}
	.link li + li{padding:0 0 0 25px;}
	.link li a{padding:87px 0 0 0; font-size:16px;}
	.link li a:before{top:24px; height:28px;}
	.link li a:after{width:75px; height:75px;}
}
@media all and (max-width:568px) {
	#visual .txt{padding:21px 5px 32px;}
	#visual .sns{padding:24px 0 28px;}
	#visual .sns dt{padding:7px 0 0 0; font-size:18px;}
	#visual .sns dd{padding:0 0 0 10px;} 
	#visual .slogan{font-size:16px;}
	#visual .slogan strong{font-size:21px;}
	#visual .slogan img{height:35px;}
	#visual .slogan .txt2{font-size:23px;}

	.link li {width:70px;}
	.link li + li{padding:0 0 0 20px;}
	.link li a{padding:82px 0 0 0;}
	.link li a:before{height:26px;}
	.link li a:after{width:70px; height:70px;}
}
@media all and (max-width:380px) {
	#visual .txt{padding:19px 5px 30px;}
	#visual .sns{padding:21px 0 24px;}
	#visual .sns dt{padding:8px 0 0 0; font-size:17px;}
	#visual .sns dd{padding:0 0 0 8px;} 
	#visual .slogan{font-size:15px;}
	#visual .slogan strong{font-size:20px;}
	#visual .slogan img{height:33px;}
	#visual .slogan .txt2{font-size:22px;}
	
	.link li {width:65px;}
	.link li + li{padding:0 0 0 17px;}
	.link li a{padding:77px 0 0 0; font-size:15px;}
	.link li a:before{top:21px; height:25px;}
	.link li a:after{width:65px; height:65px;}
}
@media all and (max-width:350px) {
	#visual .slogan{font-size:14px;}
	#visual .slogan strong{font-size:19px;}
	#visual .slogan img{height:32px;}
	#visual .slogan .txt2{font-size:21px;}
}

/* 바로가기 */
#quick {position:relative; height:263px; padding:50px 0 0 0; text-align:center; box-sizing:border-box; background:#f5f5f5;}
#quick:before,
#quick:after{content:''; display:block; position:absolute; top:-211px; left:0; width:100%; height:211px; background:#f5f5f5;}
#quick:after{top:auto; left:auto; bottom:0; right:0; width:260px; height:239px; background:url(/images/member/main/bg_link.png) no-repeat 100% 100%;}
#quick li{position:relative; float:left; width:25%; line-height:100%; vertical-align:top;}
#quick li:before{content:''; display:block; position:absolute; top:18px; left:0; width:1px; height:133px; background:#dedede;}
#quick li:first-child:before{display:none;}
#quick li a{z-index:1; position:relative; display:block; padding:77px 0 0 0; line-height:150%; color:#555;}
#quick li a:before,
#quick li a:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:61px; box-sizing:border-box; background:url(/images/member/main/ico_link1.png) no-repeat 50% 0;}
#quick li a strong{display:block; padding:0 0 13px; font-size:21px; color:#0f4e51;}
#quick li a span{display:inline-block; max-width:140px; word-break:keep-all;}
#quick li a:after{opacity:0; background-position:50% 100%;}
#quick li.list2 a:before,
#quick li.list2 a:after{background-image:url(/images/member/main/ico_link2.png);}
#quick li.list3 a:before,
#quick li.list3 a:after{background-image:url(/images/member/main/ico_link3.png);}
#quick li.list4 a:before,
#quick li.list4 a:after{background-image:url(/images/member/main/ico_link4.png);}

#quick li a:hover:before,
#quick li a:focus:before,
#quick li a:active:before{height:0; animation:ani_link 0.9s ease-in-out;}
#quick li a:focus:after,
#quick li a:hover:after,
#quick li a:active:after{opacity:1; animation:ani_link 0.9s ease-in-out;}

@keyframes ani_link {
	0%{transform:translateY(0);}
	25%{transform:translateY(6px);}
	50%{transform:translateY(0);}
	75%{transform:translateY(8px);}
	100%{transform:translateY(0);}
}

@media all and (max-width:1550px) {
	#quick:after{width:200px; background-size:contain;}
}
@media all and (max-width:1230px) {
	#quick:after{opacity:0.5; width:170px;}
}
@media all and (max-width:1024px) {
	#quick{height:auto; padding:35px 0 40px;}
	#quick:after{opacity:0.5;}
	#quick li a{padding:68px 0 0 0;}
	#quick li a:before, #quick li a:after{height:57px; background-size:auto 114px;}
	#quick li a strong{padding:0 0 9px; font-size:20px;}
	#quick li a span{line-height:130%; font-size:14px;}
}
@media all and (max-width:768px) {
	#quick{padding:35px 0 30px;}
	#quick:after{width:120px;}
	#quick li:before{top:10px; height:70px;}
	#quick li a{padding:62px 0 0 0;}
	#quick li a:before, #quick li a:after{height:52px; background-size:auto 104px;}
	#quick li a span{display: none;}
	#quick li a strong{font-size:17px;}
}
@media all and (max-width:568px) {
	#quick{padding:30px 0 25px;}
	#quick:after{width:100px;}
	#quick li a{padding:58px 0 0 0;}
	#quick li a:before, #quick li a:after{height:48px; background-size:auto 96px;}
	#quick li a strong{font-size:16px;}
}
@media all and (max-width:380px) {
	#quick{padding:26px 0 21px;}
	#quick:after{width:92px;}
	#quick li a{padding:55px 0 0 0;}
	#quick li a:before, #quick li a:after{height:45px; background-size:auto 90px;}
	#quick li a strong{font-size:15px;}
}

/* 포토갤러리 */
#gallery{position:relative; float:left; width:59.5%; height:435px; box-sizing:border-box;}
#gallery .title{height:95px;}
#gallery h4{height:40px; font-family:"score"; font-weight:500;}
#gallery h4 span{color:#35619f;}
#gallery .info{color:#555;}
#gallery .list_wrap{width:100%;}
#gallery .list *{display:block;}
#gallery .list {float:left;}
#gallery .list a{position:relative; width:342px; margin:0 30px 0 0; text-decoration:none; border-radius:10px; box-sizing:border-box;}
#gallery .list img{width:100%; height:276px; transition:transform 0.3s ease-in-out;}
#gallery .list .img{position:relative; overflow:hidden; border-radius:10px;}
#gallery .list .img:after{z-index:1; content:''; opacity:0; position:absolute; top:50%; left:50%; width:24px; height:24px; transform:translate(-50%, -50%) scale(0); transition:0.3s ease; background:url(/images/kr/main/ico_ctrl.png) no-repeat 100% -172px;}
#gallery .list .sbj{z-index:2; position:absolute; bottom:14px; left:11px; width:calc(100% - 22px); height:76px; padding:16px 15px 0 30px; color:#fff; border-radius:10px; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#gallery .list .tit{display:inline-block; vertical-align:top; max-width:98%; padding:0 20px 0 0; line-height:110%; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#gallery .list .date{padding:7px 0 0 0; line-height:100%; font-size:14px;}
#gallery .new{display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:18px; margin:-7px 0 0 -20px; font-size:11px; font-weight:400; text-align:center; color:#fff; border-radius:50%; background:#ffa517; text-transform:uppercase;}
#gallery .list a:hover .sbj{background:rgba(0,0,0,0.75);}
#gallery .list a:active img,
#gallery .list a:hover img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .list a:hover .img:after{opacity:1; transform:translate(-50%, -50%) scale(1);}

#gallery .control{position:absolute; right:48px; top:22px; border-radius:40px; box-shadow:inset 0 0 0 3px #e2e2e2;}
#gallery .control button{position:relative; float:left; width:25px; height:40px; font-size:0; text-indent:-9999px; background:url(/images/member/main/ico_ctrl.png) no-repeat 14px 11px;}
#gallery .control .btn_next{background-position:-73px 11px;}
#gallery .control .btn_stop{background-position:-32px 11px;}
#gallery .control .btn_stop.on{background-position:-103px 11px;}
#gallery .more{top:22px; box-shadow:inset 0 0 0 3px #e2e2e2; border-radius:50%;}
#gallery .none{width:100%; padding:50px 0; text-align:center;}

@media all and (max-width:1024px) {
	#gallery{height:390px; width:61%;}
	#gallery .title{height:75px;}
	#gallery h4{height:auto; padding:0 0 6px;}
	#gallery .info{font-size:14px;}
	#gallery .list a{width:calc(100% - 20px); margin:0 20px 0 0;}
	#gallery .list .img{border-radius:10px 10px 0 0;}
	#gallery .list img{height:176px;}
	#gallery .list .sbj{position:static; width:100%; padding:16px 10px 0 20px; border-radius:0 0 10px 10px;}
	#gallery .list .date{padding:5px 0 0 0;}
	#gallery .more{top:10px; right:15px;}
	#gallery .control{top:10px; right:62px;}
}
@media all and (max-width:768px) {
	#gallery{width:62%; height:300px;}
	#gallery .title{height:45px; padding:5px 0 0 0; box-sizing:border-box;}
	#gallery .info{display:none;}
	#gallery .list img{height:133px;}
	#gallery .list a{width:calc(100% - 15px); margin:0 15px 0 0;}
	#gallery .more{top:-7px; right:10px;}
	#gallery .control{top:-7px; right:55px;}
}
@media all and (max-width:568px) {
	#gallery{width:100%; height:auto; margin:0 0 35px;}
	#gallery .title{height:auto; padding:7px 0 10px 3px;} 
	#gallery .list_wrap{width:calc(100% + 14px); margin:0 0 0 -7px;}
	#gallery .list a{width:calc(100% - 14px); margin:0 7px 0;}
	#gallery .list img{height:159px;}
	#gallery .list .sbj{height:auto; padding:16px 5px 17px 17px;}
	#gallery .more{right:0;}
	#gallery .control{right:45px;}
}
@media all and (max-width:380px) {
	#gallery{margin:0 0 32px;}
	#gallery .list_wrap{width:calc(100% + 12px); margin:0 0 0 -6px;}
	#gallery .list a{width:calc(100% - 12px); margin:0 6px 0;}
	#gallery .list img{height:133px;}
	#gallery .list .sbj{height:auto; padding:14px 5px 15px 15px;}
	#gallery .list .date{font-size:13px;}
}

/* 동영상갤러리 */
#cast{overflow:hidden; position:relative; float:right; width:35.583%; border-radius:10px; color:#fff; background:#35619f;}
#cast .title{height:142px; padding:28px 0 0 30px; box-sizing:border-box;}
#cast h4 {font-weight:100; font-family:"score";}
#cast h4 span{font-weight:500;}
#cast .info:before{content:''; display:block; width:41px; height:1px; margin:19px 0 17px; background:#ffd072;}
#cast .list_wrap{width:100%;}
#cast .list{display:none; overflow:hidden;}
#cast .list:first-of-type{display:block;}
#cast .list *{display:block;}
#cast .list a{position:relative; width:100%; text-decoration:none;}
#cast .list img{width:100%; height:228px; transition:transform 0.3s ease-in-out;}
#cast .list a:after{z-index:1; content:''; position:absolute; top:50%; left:50%; width:62px; height:62px; margin:-31px 0 0 -31px; background:url(/images/member/main/ico_play.png) no-repeat 50% 50%;}
#cast .list a:active img,
#cast .list a:hover img,
#cast .list a:focus img{transform:scale(1.1);}
#cast .list a:hover:after{transform:rotate(360deg); transition:0.6s ease-in-out;}

#cast .more{top:22px; right:20px;}
#cast .more:before,
#cast .more:after{background:#fff;}
#cast .none{width:100%; height:228px; padding:50px 0; text-align:center; box-sizing:border-box; background:#888;}

@media all and (max-width:1024px) {
	
	#cast .title{height:119px; padding:27px 0 0 24px;}
	#cast .info{font-size:14px; word-break:keep-all;}
	#cast .info:before{width:28px; margin:14px 0 12px;}
	#cast .list img,
	#cast .none{height:208px;}
	#cast .more{top:17px; right:10px;}
}
@media all and (max-width:768px) {
	#cast .title{height:94px; padding:18px 13% 0 20px;}
	#cast .info{padding:9px 0 0 0; font-size:13px;}
	#cast .info:before{display:none;}
	#cast .list img,
	#cast .none{height:159px;}
	#cast .list a:after{width:50px; height:50px; margin:-25px 0 0 -25px; background-size:contain;}
	#cast .more{top:7px; right:5px;}
}
@media all and (max-width:568px) {
	#cast{width:100%; margin:0 0 38px;}
	#cast .title{height:auto; padding:18px 10px 16px 17px;}
	#cast .list img,
	#cast .none{height:auto;}
}
@media all and (max-width:380px) {
	#cast{margin:0 0 34px;}
}

/* 게시판 */
.btn_cast{display:block; position:absolute; right:0; top:0; width:172px; height:41px; line-height:39px; border-radius:41px; border:1px solid #ddd; box-sizing:border-box; text-align:center; text-decoration:none !important;}
.btn_cast:hover{color:#fff; box-shadow:inset 172px 0 0 #3a9fa3; border-color:#3a9fa3; transition:0.35s ease-in-out;}
#assembly{position:relative; float:left; width:100%; box-sizing:border-box;}
#assembly h3 {height:61px; line-height:110%; margin:0 0 35px; font-size:35px; font-family:"score"; font-weight:500; border-bottom:3px solid #3a9fa3; letter-spacing:-3px; text-align:center;}
#assembly h3 span{color:#3a9fa3;}
#assembly > ul{position:relative; width:100%; height:279px; border-bottom:1px solid #a8a8a8;}
#assembly li h4{line-height:0; padding:0; letter-spacing:-1px;}
#assembly li h4 br{display:none;}
#assembly li h4 a{z-index:2; position:relative; display:block; width:17.25%; height:52px; line-height:52px; margin:0 0 3px; padding:0 0 0 28px; font-size:20px; font-weight:800; text-decoration:none; box-sizing:border-box;}
#assembly li h4 a:before,
#assembly li h4 a:after{z-index:-1; opacity:0; content:''; display:block; position:absolute; top:0; left:-10px; width:100%; height:100%; background:#2aa19c; transition:left 0.25s ease-in-out;}
#assembly li h4 a:after{top:50%; left:auto; right:30px; width:9px; height:9px; margin:-4px 0 0 0; border-bottom:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg); background:none; transition:right 0.25s ease-in-out;}
#assembly li h4 a:hover:after,
#assembly li.on h4 a:after{opacity:1; right:24px;}
#assembly li h4 a:hover:before,
#assembly li.on h4 a:before{opacity:1; left:0; border-radius:10px;}
#assembly li h4 a:hover,
#assembly li.on h4 a{color:#fff;}

#assembly .con{z-index:1; opacity:0; visibility:hidden; position:absolute; top:0; left:-10px; width:100%; padding:0 0 0 20.833%; box-sizing:border-box;}
#assembly .on .con{opacity:1; visibility:visible; left:0; transition:0.25s ease-in-out;}
#assembly .con li{position:relative; float:left; width:48.94%; margin:0 0 20px;}
#assembly .con li:nth-child(even){float:right;}
#assembly .con a{position:relative; float:left; width:100%; height:105px; padding:26px 80px 0 115px; border-radius:10px; border:1px solid #ddd; box-sizing:border-box; text-decoration:none; background:#fff;}
#assembly .con a:hover{border-color:#3a9fa3;}
#assembly .con a:hover .tit{text-decoration:underline;}
#assembly .con .more{right:22px; top:50%; margin:-20px 0 0 0;}
#assembly .con a:hover .more{transform:rotate(90deg);}
#assembly .tit{display:inline-block; vertical-align:top; max-width:98%; line-height:26px; padding:0 20px 5px 0; color:#000; font-weight:700; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#assembly .new{display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:18px; margin:0 0 0 -20px; font-size:10px; font-weight:400; text-align:center; color:#fff; border-radius:50%; background:#ffa517; text-transform:uppercase;}
#assembly .detail{display:inline-block; vertical-align:top; max-width:98%; line-height:130%; font-size:15px; color:#8a8989; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#assembly .date{display:block; position:absolute; left:31px; top:25px; font-size:14px; font-weight:400; color:#666; text-align:center; letter-spacing:0;}
#assembly .date strong{display:block; line-height:100%; margin:0 0 5px; font-size:30px; font-weight:900; color:#006165; letter-spacing:-1px;}
#assembly .con .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#assembly .view{display:none; z-index:1; position:absolute; top:202px; left:30px; padding:0 0 0 33px; font-weight:400;}
#assembly .view .more{right:auto; left:-10px; top:-10px;}
#assembly .view:hover .more{transform:rotate(90deg);}
#assembly .on .view{display:block;}

@media all and (max-width:1230px) {
	#assembly .con a{padding:28px 60px 0 92px;}
	#assembly .con .more{right:15px;}
	#assembly .date{left:23px;}
}
@media all and (max-width:1024px) {
	.btn_cast{top:-5px; width:135px; height:37px; line-height:36px; font-size:15px;}
	#assembly h3{height:auto; padding:0 0 20px; margin:0 0 30px; font-size:29px;}
	#assembly > ul{height:245px;}
	#assembly li h4 a{width:18%; height:47px; line-height:47px; padding:0 0 0 17px; font-size:18px;}
	#assembly li h4 a:hover:after,
	#assembly li.on h4 a:after{right:15px;}
	#assembly .con li{margin:0 0 15px;}
	#assembly .con a{height:98px; padding:22px 20px 0 85px;}
	#assembly .con .more{display:none;}

	#assembly .date{left:20px; top:23px;}
	#assembly .date strong{font-size:26px;}
	#assembly .view{left:13px; top:180px;}
}
@media all and (max-width:768px) {
	.btn_cast{width:125px;}
	#assembly h3{margin:0 0 20px; font-size:27px;}
	#assembly > ul{height:285px;}
	#assembly li{float:left;}
	#assembly li h4 a{width:100%; height:44px; line-height:45px; padding:0 35px 0 16px;}
	#assembly li h4 a:before{left:0;}
	#assembly li h4 a:after{width:7px; height:7px;transform:rotate(45deg); transition:none;}
	
	#assembly .con{top:75px; left:0; padding:0;}
	#assembly .on .con{top:65px;}
	#assembly .con li{margin:0 0 12px;}
	#assembly .con a{height:89px; padding:19px 12px 0 75px;}
	#assembly .tit{padding:0 20px 3px 0; font-size:16px;}
	#assembly .detail{font-size:14px;}
	#assembly .date {left:15px; font-size:13px;}
	#assembly .date strong{font-size:24px; margin:0 0 2px;}

	#assembly .view{left:auto; right:0; top:9px;}
}
@media all and (max-width:568px) {
	.btn_cast{width:120px; height:35px; line-height:34px; font-size:14px; border-radius:30px;}
	#assembly h3{padding:7px 0 15px 3px; margin:0 0 17px; font-size:21px; text-align:left; letter-spacing:-2px;}
	#assembly > ul{height:345px;}
	#assembly li h4 a{padding:0 13px; height:40px; line-height:41px; font-size:17px; border-radius:5px;}
	#assembly li h4 a:after{display:none;}
	
	#assembly .con{top:67px;}
	#assembly .on .con{top:60px;}
	#assembly .con li{width:100%; margin:0 0 10px;}
	/* 왜 리스트 마지막 놈을 숨김처리 했는가. */
	/* #assembly .con li:last-child{display:none;} */
	#assembly .con a{height:80px; padding:15px 9px 0 70px;}
	#assembly .date{top:19px; left:12px;}
	#assembly .date strong{font-size:23px;}
	#assembly .view{top:7px; padding:0 0 0 27px; font-size:0; text-indent:-999px;}
}
@media all and (max-width:380px) {
	.btn_cast{width:110px; height:33px; line-height:32px; font-size:13px;}
	#assembly h3{padding:7px 0 12px 3px; margin:0 0 15px; font-size:20px;}
	#assembly li h4 a{height:37px; line-height:38px; font-size:16px;}

	#assembly > ul{height:320px;}
	#assembly .con{top:62px;}
	#assembly .on .con{top:55px;}
	#assembly .con a{height:75px; padding:12px 9px 0 67px;}
	#assembly .con li{margin:0 0 9px;}
	#assembly .tit{font-size:15px;}
	#assembly .detail{font-size:13px;}
	#assembly .date{top:17px; left:10px; font-size:12px;}
	#assembly .date strong{font-size:22px;}
}