@charset "utf-8";

#main_visual {position:relative; width:100%; height:350px; color:#fff;}
#main_visual:before {content:''; background:#444; position: absolute; left:-650px; right:-650px; top:0; bottom:0;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat;  background-image:url(../../images/lawmaker/main/main_visual_new.jpg); background-position:center center;}
#main_visual .lawmaker_img { position:absolute; left:80px; bottom:20px; text-align:center; }
#main_visual .lawmaker_img img {border-radius: 20px; overflow: hidden; box-shadow: 4px 4px 5px rgba(0,0,0,0.2); width:300px}

#main_visual .intro .main_intro {position:absolute; top:85px; right:236px; font-size:24px; line-height:40px; color:#ffebc2}
#main_visual .intro .main_intro span {display:block;}
#main_visual .intro .main_intro strong {font-size:36px; font-weight:500;}
#main_visual .intro .sub_intro {position:absolute; top:170px; right:190px; font-size:20px; margin-top:20px;}
#main_visual .intro .sub_intro span {display:block;}
#main_visual .share_sns {position:absolute; right:50px; bottom:20px;}
#main_visual .share_sns a {width:44px;height:44px;text-indent:-9999px;margin-right: 10px;background-size: 100%;}
#main_visual .share_sns a:last-child {margin-right:0;}

#facebook {background:url(../../images/lawmaker/main/facebook.png) no-repeat;}
#naver {background:url(../../images/lawmaker/main/blog.png) no-repeat;}
#kakaostory {background:url(../../images/lawmaker/main/kakaostory.png) no-repeat;}
#twitter {background:url(../../images/lawmaker/main/twitter.png) no-repeat;}
#instagram {background:url(../../images/lawmaker/main/instagram.png) no-repeat;}
#youtube {background:url(../../images/lawmaker/main/youtube.png) no-repeat;}
#tiktok {background:url(../../images/lawmaker/main/tiktok.png) no-repeat;}

#quick_menu {position:relative; margin-bottom:50px;}
#quick_menu:before {content:''; background:#4d6cd7; position: absolute; left:-10000px; right:-10000px; top:0; bottom:0; }
#quick_menu ul {position:relative;}
#quick_menu ul li a {float:left; width:25%; text-align:center; color:#fff; font-size:20px; height:90px; line-height:89px; }
.quick_bg01 {background:url(../../images/lawmaker/main/quick_bg01.png) 85px center no-repeat;}
.quick_bg02 {background: url(../../images/lawmaker/main/quick_bg02.png) 62px center no-repeat;}
.quick_bg03 {background: url(../../images/lawmaker/main/quick_bg03.png) 65px center no-repeat;}
.quick_bg04 {background: url(../../images/lawmaker/main/quick_bg04.png) 70px center no-repeat;}

#latest_list {margin-bottom:100px;}
#latest_list .board_list {float:left;position:relative; padding:25px 35px 30px 35px; width:580px; height:370px; border:1px solid #d9d9d9; margin-right:40px; box-shadow: 4px 4px 5px rgba(0,0,0,0.05); border-radius:20px}
#latest_list .board_list .board_more {position:absolute; top:30px; right:30px; width:14px; height:14px; text-indent:-9999px; background:url(../../images/lawmaker/main/latest_more.png) no-repeat;}
#latest_list .board_list h2 {font-size:26px; color:#333;}
#latest_list .board_list ul {margin-top:45px;}
#latest_list .board_list ul li {position:relative; font-size:16px; color:#333; width:100%; border-bottom:1px solid #e9e9e9; padding-bottom:10px; margin-bottom:10px;}
#latest_list .board_list ul li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
#latest_list .board_list ul li a {width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#latest_list .board_list ul li .date {position:absolute; right:0; top:0;} 

#latest_list .photo_list {float:left; position:relative; width:580px; height:370px; border:1px solid #d9d9d9; padding:25px 35px 39px 35px;  box-shadow: 4px 4px 5px rgba(0,0,0,0.05); border-radius:20px}
#latest_list .photo_list h2 {font-size:26px; color:#333;}
#latest_list .photo_list ul {margin-top:30px;}
#latest_list .photo_list ul li {float:left; width:49%; margin-right:2%; font-weight:500; background:#f5f5f5; padding-bottom:18px;}
#latest_list .photo_list ul li a.photo_img {display:block; height:145px;}
#latest_list .photo_list ul li a.photo_img img {width:100%; height:100%;}
#latest_list .photo_list ul li:last-child {margin-right:0;}
#latest_list .photo_list ul li .title {display:block; font-size:16px; color:#333; padding:0 15px; margin:15px 0 3px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#latest_list .photo_list ul li .date {font-size:15px; color:#666; padding-left:15px;}
#latest_list .photo_list .photo_more {position:absolute; top:30px; right:30px; width:14px; height:14px; text-indent:-9999px; background:url(../../images/lawmaker/main/latest_more.png) no-repeat;}

@media all and (max-width:1200px) {
	#main_visual {background:url(../../images/lawmaker/main/main_visual.jpg) -82px top no-repeat;}
	#main_visual .lawmaker_img {left:20px; width:28%; height:auto; padding:1% 0;}
	#main_visual .lawmaker_img img {width:90%; margin-top:0;}
	#quick_menu {margin-bottom:30px;}
	#quick_menu ul li a {line-height:115px;}
	.quick_bg01 {background: url(../../images/lawmaker/main/quick_bg01.png) center 15px no-repeat;}
	.quick_bg02 {background:#112ab6 url(../../images/lawmaker/main/quick_bg02.png) center 15px no-repeat;}
	.quick_bg03 {background: url(../../images/lawmaker/main/quick_bg03.png) center 15px no-repeat;}
	.quick_bg04 {background:#112ab6 url(../../images/lawmaker/main/quick_bg04.png) center 15px no-repeat;}
	
	#latest_list .board_list {float:none; width:100%; height:auto; padding:20px 35px 30px 35px; margin:0 0 30px 0;}
	#latest_list .board_list ul {margin-top:25px;}
	#latest_list .photo_list {float:none; width:100%; height:auto;}
	#latest_list .photo_list ul li {padding-bottom:0;}
	#latest_list .photo_list ul li img {width:40%; float:left;}
	#latest_list .photo_list ul li div {width:60%; float:left;}
}

@media all and (max-width:950px) {
	#main_visual .intro .main_intro {position:absolute; padding-top:0px; text-align:center; right:0; top:0px; left:0;}
	#main_visual .intro .sub_intro {right:40px;}
	#latest_list .photo_list {height:auto;}
	#latest_list .photo_list ul li {padding-bottom:18px;}
	#latest_list .photo_list ul li img {width:100%; float:none;}
	#latest_list .photo_list ul li div {width:100%; float:none;}
	
}

@media all and (max-width:750px) {
	#main_visual {background:url(../../images/lawmaker/main/main_visual.jpg) -130px top/cover no-repeat; height:300px;}
	#main_visual img {width:30%;}
	#main_visual .intro .main_intro {font-size:20px; line-height:33px; padding-top:25px; }
	#main_visual .intro .main_intro strong {font-size:28px;}
	#main_visual .intro .sub_intro {width:220px; right:15px; top:134px; font-size:18px;}
	#main_visual .intro .sub_intro span {display:none;}
	#main_visual .share_sns {right:20px;}
	#main_visual .share_sns a {width:26px;height:26px;margin-right: 2px;}


@media all and (max-width:500px) {
	#main_visual img {width:35%; left:0;}
	#main_visual .lawmaker_img {width:38%;}
	#quick_menu ul li a {height:100px; line-height:140px; font-size:16px;}
	#latest_list {margin-bottom:30px;}
	#latest_list .board_list {padding:20px 20px 15px 20px;}
	#latest_list .board_list ul li a {width:70%;}
	#latest_list .board_list ul li .date {font-size:13px; top:3px;}
	#latest_list .photo_list {padding:25px 20px 10px 20px}
	#latest_list .photo_list ul li {width:100%; margin-right:0; margin-bottom:17px;}
}

@media all and (max-width:450px) {
	#main_visual {height:260px;}
	#main_visual .lawmaker_img {width:36%; left:5px; bottom:25px;}
	#main_visual .intro .main_intro {padding-top:8px; font-size:18px; line-height:26px;}
	#main_visual .intro .main_intro strong {font-size:23px;}
	#main_visual .intro .sub_intro {width:191px; right:5px; top:99px; font-size:16px;}
}