@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; margin:0 auto 100px; }
	#sleft { float:left; width:280px; margin-right:60px; }
	#sright { float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; margin-top:60px; }


@media (min-width:1281px) and (max-width:1400px){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 160px; }
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 160px; }		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; margin:0 auto 135px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#scontainer { width:100%; margin:0 auto 110px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%;  }
			#content { width:100%; padding:0 15px; }
}








/* 좌측메뉴 */
.leftmenu { position:relative; top:30px; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:110px; line-height:110px; background:linear-gradient(120deg, #887dad, #dadded , #958ec9); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:200%; font-family:esamanru-Medium, "이사만루 미디엄";
	animation : leftmenu 10s ease-in-out infinite; border-radius:20px 20px 0 0;
}
.leftmenu > ul ul { width:100%; border:1px solid #ddd; border-top:none; }
.leftmenu > ul ul > li { width:100%; border-bottom:1px solid #ddd; }
.leftmenu > ul ul > li:last-child { border-bottom:none; }
.leftmenu > ul ul > li > a:link,
.leftmenu > ul ul > li > a:visited { width:100%; height:50px; line-height:50px; padding-left:15px; box-sizing:border-box; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; }
.leftmenu > ul ul > li > a:active,
.leftmenu > ul ul > li > a:focus,
.leftmenu > ul ul > li > a:hover { font-weight:bold; background:#edf0f7 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#2030ab; }
.leftmenu > ul ul > li > a.select { background:#e6e9f2 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#2030ab; font-family:esamanru-Medium, "이사만루 미디엄"; }


.leftmenu > ul > li > a.double:link,
.leftmenu > ul > li > a.double:visited { height:auto; line-height:1.3; padding:15px 0 10px 15px; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right 9px; }
.leftmenu > ul > li > a.double:active,
.leftmenu > ul > li > a.double:focus,
.leftmenu > ul > li > a.double:hover,
.leftmenu > ul > li > a.double.select { background:#f4f4f4 url(/images/common/leftmenu_blt1_on.gif) no-repeat right 9px;  }



@keyframes leftmenu {
	0% { background-position:0 50%; }
	50% { background-position:100% 50%; }
	100% { background-position:0 50%; }
}


/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:140px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:0; top:100px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; width:4px; height:7px; line-height:7px; background:url(/images/common/path_blt.gif) no-repeat 0 50%; text-indent:-9999em; display:inline-block; }
.pagetitle .path strong { color:#666; font-weight:normal; }

.pagetitle h1 { padding:41px 0 0 0px; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:15px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }



@media (min-width:1281px) and (max-width:1400px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h1 { padding:32px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
	.pagetitle { height:110px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; box-sizing:border-box; background:#10186b; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:40px 15px 0 15px; font-size:200%; position:absolute; top:55px; }

	.pagetitle .snsbtn { right:8px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:8px; }
}

/* 요소 */

section { word-break:keep-all; }

.box_g { display:block; padding:32px 48px; border-radius:20px; background:#F5F3F5; color:#555; }
.box-r20 { border:1px solid #ddd; border-radius:20px; }

.p20 { padding:20px 32px; }

.list > li { position:relative; padding:0 0 4px 8px; }
.list > li:last-child { padding-bottom:0; }
.list > li::before { position:absolute; top:16px; left:0; content:''; width:2px; height:2px; background:#bbb; display:inline-block; transform:translateY(-200%); }
.list > li.none::before { display:none; }

dl dt.ques { font-size:125%; margin-bottom:10px; }                                         
dl dt.ques::before { content:'Q. '; display:inline-block; font-weight:700; color:#373977; }

dl dd.ans::before { position:absolute; content:'A. '; display:inline-block; font-size:125%; font-weight:700; color:#45745B; margin:0 0 0 -26px; }
dl dd.ans { margin:0 0 0 26px; }
dl dd em { font-weight:700; }

.warning { display:block; margin:4px 0 0; }
.warning::before { position:relative; top:-2px; content:'※'; width:16px; height:16px; border-radius:100%; color:#fff; background:#E06C77; display:inline-block; font-size: 80%; line-height:14px; text-align:center; margin-right:4px; }

.down,
.plan { padding:2px 8px 2px 6px; background:#fafafa; border:1px solid #ddd; border-radius:6px; transition:0.5s;}

.down::before,
.plan::before { position:relative; top:2px; content:''; width:16px; height:16px; background:url(/images/child/sub/ico_down.png); display:inline-block; line-height:14px; margin-right:4px; transition:0.5s; }

.plan::before { background:url(/images/child/sub/ico_cal.png); }

.down:hover,
.down:active,
.down:focus,
.plan:hover,
.plan:active, 
.plan:focus { background-color:#887EAF; border-color:#fff; color:#fff; }

.down:hover::before,
.down:active::before,
.down:focus::before { background-image:url(/images/child/sub/ico_down_w.png); }

.plan:hover::before,
.plan:active::before,
.plan:focus::before { background-image:url(/images/child/sub/ico_cal_w.png); }

#content h3 > span { font-family:NotoSansKR-Regular, "노토산스"; font-size:77%; }

/* 자료관리 */
.dataControl { width:100%; height:44px; background:#1C7AA5; }
.dataControl ul { width:100%; overflow:hidden;  }
.dataControl ul li { float:left; height:44px; line-height:44px;  color:#fff; }
.dataControl ul li:first-child { padding:0 40px 0 20px; background:#006ba9 url(/images/council/inc/datacontrol_bar.gif) no-repeat right top; color:#fff; font-weight:bold; }
.dataControl ul li:nth-child(2) { padding-left:20px; } 
.dataControl ul li:last-child { float:right; padding-right:20px; } 




/* 1. 의회소개 */
/* 1. 의회소개 */
/* 1. 의회소개 */



/* 의회조직 */
.chditc01 {width:100%; word-break:keep-all;}



.chditc01 .orgBox { padding:40px 75px 40px; }
.chditc01 .orgBox .top01 { position:relative; }

.chditc01 > ul > li > .title {width:200px; margin:0 auto; color:#fff; height:50px; line-height:50px;}
.chditc01 > ul > li > .title01 {position:relative; margin-bottom:25px; background:#858fcc; border-radius:10px;}
.chditc01 > ul > li > .title01:before {content:''; display:block; position:absolute; bottom:-366px; left:50%; width:1px; height:366px; background:#c9c9c9;}

.chditc01 > ul > li > ul > li.orRight {float:right; margin-right:50px;}
.chditc01 > ul > li > ul > li.orLeft {float:left; margin-left:50px;}

.chditc01 > ul > li > ul > li > span {display:inline-block; position:relative; width:200px; margin-bottom:10px; background:#5B5EB1; color:#fff; line-height:50px; height:50px; border-radius:10px;}

.chditc01 > ul > li > ul > li > ul {position:relative; overflow:visible;}
.chditc01 > ul > li > ul > li > ul > li {position:relative; width:200px; height:50px; line-height:50px; margin:0 auto 5px; border:1px solid #c9c9c9; color:#999; box-sizing:border-box; border-radius:10px;}

.chditc01 > ul > li.top01:after {content:''; display:block; position:absolute; top:100px; left:50%; width:30%; height:1px; background:#c9c9c9; z-index:-1;}
.chditc01 > ul > li > .title02 {float:right; background:#5B5EB1; border-radius:10px; margin:0 50px 50px 0;}
.chditc01 > ul > li > .title03:before {content:''; display:block; position:absolute; top:150px; left:50%; width:calc(100% - 300px); height:60px; background:#fff; border:1px solid #c9c9c9; border-bottom:none; z-index:-1; transform:translateX(-50%);}
.chditc01 > ul > li > .title04 {margin-top:17px; background:#6CBE98; border-radius:10px;}


@media (min-width:1025px) and (max-width:1440px){
	.chditc01 .chditc01Box {padding:20px 30px 20px;}
	.chditc01 > ul > li > ul > li.orRight {float:right; margin-right:0px;}
	.chditc01 > ul > li > ul > li.orLeft {float:left; margin-left:0px;}
	.chditc01 > ul > li > .title02 {margin:0 0 50px 0;}

	.chditc01 > ul > li > .title03:before {width:calc(100% - 200px);}
}
@media (min-width:769px) and (max-width:1024px){
	.chditc01 .chditc01Box {padding:20px 30px 20px;}
	.chditc01 > ul > li > ul > li.orRight {float:right; margin-right:0px;}
	.chditc01 > ul > li > ul > li.orLeft {float:left; margin-left:0px;}
	.chditc01 > ul > li > .title02 {margin:0 0 50px 0;}

	.chditc01 > ul > li > .title01:before {bottom:-365px; height:365px;}

	.chditc01 > ul > li > .title03:before {width:calc(100% - 180px);}
}
@media (max-width:768px){

	.chditc01 .orgBox { padding:20px; }

	.chditc01 dl dd br { display:none; }
	.chditc01 .chditc01Box {padding:10px 15px 10px;}
	.chditc01 > ul > li > ul > li.orRight {float:right; margin-right:0px;}
	.chditc01 > ul > li > ul > li.orLeft {float:left; margin-left:0px;}
	.chditc01 > ul > li > .title02 {margin:0 0 50px 0;}

	.chditc01 > ul > li > .title, 
	.chditc01 > ul > li > ul > li > span,
	.chditc01 > ul > li > ul > li > ul > li {width:150px; }
	.chditc01 > ul > li > ul > li > ul > li {font-size:85%;}

	.chditc01 > ul > li > .title01:before {bottom:-365px; height:365px;}
	
	.chditc01 > ul > li > .title03:before {width:calc(100% - 140px);}
}
@media (max-width:425px){
	.chditc01 > ul > li > .title, 
	.chditc01 > ul > li > ul > li > span,
	.chditc01 > ul > li > ul > li > ul > li {width:130px; }
}




/* 의회역사 */
.chditc02 {width:100%;}

.chditc02 .box dt {float:left; width:200px; height:107px; text-align:center;}
.chditc02 .box dt .year {padding-left:5px; font-size:190%; display:block; margin-bottom:5px; font-weight:bold;  }
.chditc02 .box dt .bar {display:block; width:100%; height:25px; line-height:25px; font-size:95%; text-align:center; border-radius:50px; color:#fff; }

.chditc02 .box dd {margin-left:230px; }
.chditc02 .box dd ul li { padding:3px 0 8px 10px; border-bottom:1px dashed #eee;}
.chditc02 .box dd ul li span {color:#f1572d; font-weight:bold;}

.chditc02 #box1_1 dt .year {color:#c76d8e;}
.chditc02 #box1_1 dt .bar {background:#c76d8e;}
.chditc02 #box1_2 dt .year2 {color:#B84569; padding-left:5px; font-size:150%; display:block; margin-bottom:5px; font-weight:bold;}
.chditc02 #box1_2 dt .bar {background:#B84569;}
.chditc02 #box1_3 dt .year {color:#A61848;}
.chditc02 #box1_3 dt .bar {background:#A61848;}


.chditc02 #box2_1 dt .year {color:#e07761;}
.chditc02 #box2_1 dt .bar {background:#e07761;}
.chditc02 #box2_2 dt .year {color:#B7422B;}
.chditc02 #box2_2 dt .bar {background:#B7422B;}

.chditc02 #box3_1 dt .year {color:#a8aa5f;}
.chditc02 #box3_1 dt .bar {background:#a8aa5f;}
.chditc02 #box3_2 dt .year {color:#839C60;}
.chditc02 #box3_2 dt .bar {background:#839C60;}
.chditc02 #box3_3 dt .year {color:#64916D;}
.chditc02 #box3_3 dt .bar {background:#64916D;}

.chditc02 #box4_1 dt .year {color:#858fcc;}
.chditc02 #box4_1 dt .bar {background:#858fcc;}

@media (max-width:768px){
	.chditc02 .box dt {float:none; margin:0 auto;}
	.chditc02 .box dd {margin-left:0;}
	.chditc02 #box1_2 dt {margin-bottom:25px;}

	.chditc02 .box dd ul li {font-size:90%;}

	.chditc02 .box dd > .box2 {padding:10px 15px;}
}


/* 우리동네의원 / 선거구별 */
.memberLocal { width:100%; }
.memberLocal.mobile { display:none; } 
.memberLocal .memberLeft { float:left; width:330px; margin-right:30px; }
.memberLocal .memberRight { float:right; width:calc(100% - 480px); }
.memberLocal .memberRight .memberList { width:100%; }
.memberLocal .memberRight .memberList h1 { width:100%; height:auto; line-height:1.3; padding:15px 20px 15px 20px; box-sizing:border-box; background:#5B469C; color:#fff; font-size:125%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; margin-bottom:40px;  /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ display:block; }
.memberLocal .memberRight .memberList h1 span { padding-left:5px; font-size:80%; font-family:NanumGothic-Regular;  }

.memberLocal .memberRight .memberList ul.mlist li { float:none; width:100%; margin:0 0 30px 0; }

ul.mlist { width:100%; }
ul.mlist li { float:left; width:calc(50% - 15px); min-height:246px; padding:20px; border:1px solid #eee; box-sizing:border-box; background:#fff; margin:0 15px 30px 0; }
ul.mlist li:nth-child(2n) { margin:0 0 30px 15px; }
ul.mlist li:nth-child(odd) { clear:both; }

ul.mlist li dt { float:left; width:150px; }
ul.mlist li dt img { width:120px; height:154px; padding:3px; border:1px solid #ccc; box-sizing:content-box;  }
ul.mlist li dd { margin-left:150px; width:calc(100% - 150px); padding:3px 0 1px 0; overflow:hidden;  }

ul.mlist li dd.name { font-size:135%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; }
ul.mlist li dd b { float:left; width:60px; color:#888; font-weight:normal; display:inline-block; }
ul.mlist li dd b .ts {padding-right:15px; }

ul.mlist li dd a.abtn1 {width:110px; height:40px; line-height:40px; border-radius:3px; background:#858fcc; color:#fff; font-size:90%; text-align:center; display:inline-block; margin:10px 5px 0 0; }




@media (max-width:1024px){
	.memberLocal.pc { display:none; } 
	.memberLocal.mobile { display:block; } 

	.memberLocal .memberLeft { width:330px; margin-right:30px; }
	.memberLocal .memberRight { width:calc(100% - 360px); }
}


@media (max-width:768px){
	.memberLocal .memberLeft { width:100%; text-align:center; margin-right:0px; margin-bottom:30px; }
	.memberLocal .memberRight { width:100%; }

	ul.mlist li dt { width:120px; }
	ul.mlist li dt img { width:100px; height:128px; }
	ul.mlist li dd { margin-left:120px; width:calc(100% - 120px);}

}



/* 회의진행과정 */
/* 회의진행과정 */
.chddty03 .process { display:flex; }
.chddty03 .process > li.tit { flex-grow:1; font-size:125%; text-align:center; padding:0 20px; }
.chddty03 .process > li.tit span { display:block; width:100%; font-family:esamanru-Medium, "이사만루 미디엄"; background:#8476BC; border-radius:20px; border:1px solid #eee; color:#fff; padding:16px 0; }
.chddty03 .process > li.tit:first-child { border-right:1px dashed #ddd; padding-left:0; }
.chddty03 .process > li.tit:last-child { padding-right:0; }

.chddty03 .process ol { padding:0; list-style:none;  margin:24px 0 0;}
.chddty03 .process ol li { position:relative; font-size:90%; border-radius:20px; border:1px solid #eee; background:#fafafa; padding:12px 12px; margin:0 0 20px; transition:0.3s; }

.chddty03 .process ol li:hover { background:#fefefe; border:1px solid #C9C3E1; color:#544D87; font-weight:700; }
.chddty03 .process ol li:hover::before { background:#544D87; }

.chddty03 .process ol li::before { position:absolute; left:calc(50% - 12px); top:-12px; content:'1'; display:block; width:24px; height:24px; line-height:22px; background:#8476BC; border-radius:50%; color:#fff; transition:0.3s; }
.chddty03 .process ol li:nth-child(2)::before { content:'2'; }
.chddty03 .process ol li:nth-child(3)::before { content:'3'; }
.chddty03 .process ol li:nth-child(4)::before { content:'4'; }
.chddty03 .process ol li:nth-child(5)::before { content:'5'; }
.chddty03 .process ol li:nth-child(6)::before { content:'6'; }
.chddty03 .process ol li:nth-child(7)::before { content:'7'; }
.chddty03 .process ol li:nth-child(8)::before { content:'8'; }

.chddty03 .process ol li::after { position:absolute; left:calc(50% - 1px); bottom:-21px; content:''; display:block; width:1px; height:20px; border-left:1px dashed #ccc; }
.chddty03 .process ol li:last-child::after { display:none; }


@media (max-width:768px){
	.chddty03 .process { flex-direction:column; }
	.chddty03 .process > li.tit { font-size:112.5%; text-align:center; padding:0; }
	.chddty03 .process > li.tit:first-child { border-right:0; border-bottom:1px dashed #ddd; margin-bottom:20px; }
}

/* 의회교실사진 */
/* 의회교실사진 */

/* 의정갤러리 - 보기 */
.photoSliderView { width:100%; margin-bottom:25px; }

.photoSliderView h1 { position:relative; width:100%; height:60px; line-height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;  margin-bottom:20px;  }
.photoSliderView h1 strong { float:left; width:calc(100% - 220px); padding-left:10px; font-weight:normal; font-family: esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; font-size:90%; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.photoSliderView h1 span.date { float:right; padding-right:20px; color:#777; font-size:65%;font-family: NotoSansKR-Regular, "노토산스"; letter-spacing:0; }
.photoSliderView h1 span.hits { float:right; padding-right:10px; color:#777; font-size:65%;font-family: NotoSansKR-Regular, "노토산스"; letter-spacing:0; }



.photoSliderView .photoViewArea { position:relative; width:100%; padding:30px; box-sizing:border-box; background:#f1f1f1; overflow:hidden; text-align:center; margin-bottom:30px;  }
.photoSliderView .photoViewArea .slider-for { display:block; margin-bottom:50px; }
.photoSliderView .photoViewArea .slider-for .slick-slide { float:left; display:block; }
.photoSliderView .photoViewArea .slider-for .slick-slide img { width:100%; }

.photoSliderView .photoViewArea .slider-for .slick-slide a:link,
.photoSliderView .photoViewArea .slider-for .slick-slide a:visited { position:absolute; left:calc(50% - 50px); bottom:10px; width:100px; height:26px; line-height:26px; border-radius:3px; background:#665A90; color:#ccc; font-size:90%; display:block; z-index:1000000000; }
.photoSliderView .photoViewArea .slider-for .slick-slide a:active,
.photoSliderView .photoViewArea .slider-for .slick-slide a:focus,
.photoSliderView .photoViewArea .slider-for .slick-slide a:hover { color:#fff; }

.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:150px !important; height:112px !important; cursor:pointer; }
.photoSliderView .photoViewArea .slider-nav { width:calc(100% - 100px); margin:0 auto; }
.photoSliderView .photoViewArea .slider-nav .slick-track { float:left; }


			/* 이전 다음 */
.photoSliderView .photoViewArea .slick-prev, 
.photoSliderView .photoViewArea .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }

.slick-prev:before, .slick-next:before { color:#222 !important; }


			/* Dots 메인 서브  */
.photoSliderView .slick-dotted.slick-slider {  }
.photoSliderView .slick-dots { position:absolute; bottom:128px; width:100%; text-align:center; display:block; border:none; z-index:1000; }
.photoSliderView .slick-dots li { position: relative; width: 20px;height: 20px; display: inline-block;  margin:0 3px; padding: 0; cursor: pointer; border:none; }
.photoSliderView .slick-dots li button { font-size: 0;line-height: 0; display: block;width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.photoSliderView .slick-dots li button:hover,
.photoSliderView .slick-dots li button:focus {  outline: none; }
.photoSliderView .slick-dots li button:hover:before,
.photoSliderView .slick-dots li button:focus:before { opacity: 1;}
.photoSliderView .slick-dots li button:before {  position: absolute; top: 0; left: 0;  width: 20px; height: 20px; font-family: 'arial'; font-size:30px; line-height: 20px;  content: '●'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.photoSliderView .slick-dots li.slick-active button:before { opacity: .75; color: black; }


.photoSliderView .photo_content { width:100%; padding:35px 25px; border-bottom:1px solid #ddd; box-sizing:border-box; line-height:1.5; }


@media (max-width:1240px){
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:110px !important; height:82px !important; }
	.photoSliderView .slick-dots { bottom:98px; }
	
}

@media (max-width:990px){
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:70px !important; height:52px !important; }
	.photoSliderView .slick-dots { bottom:68px; }
}


@media (max-width:768px){
	
	.photoSliderView h1 { height:auto; line-height:1.3; padding:20px 15px; box-sizing:border-box; }
	.photoSliderView h1 strong { float:none; width:100%; padding-left:0; overflow:visible; white-space:normal; margin-bottom:5px;   }
	.photoSliderView h1 span { float:none; padding-top:5px; padding-right:0px; text-align:left; display:inline-block; }
	
	.photoSliderView .photoViewArea { padding:15px; }
	.photoSliderView .photoViewArea .slider-for { margin-bottom:30px; }
	.photoSliderView .photoViewArea .slider-for .slick-slide { height:400px; }
		
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:50px !important; height:37px !important; }
	.photoSliderView .photoViewArea .slider-nav { width:calc(100% - 50px); margin:0 auto; }
	.photoSliderView .photoViewArea .slider-nav .slick-track { float:left; }
	
	
	.photoSliderView .photoViewArea .slick-prev { left:-25px; }
	.photoSliderView .photoViewArea .slick-next { right:-25px; }
	
	.photoSliderView .slick-dots { bottom:44px; }
	
	.photoSliderView .photo_content { padding:20px 10px; }
	
}


@media (max-width:570px){
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:40px !important; height:30px !important; }
	.photoSliderView .slick-dots { bottom:37px; }
}

@media (max-width:480px){
	.photoSliderView .photoViewArea .slider-for .slick-slide { height:230px; }
}

@media (max-width:360px){
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:28px !important; height:21px !important; }
	.photoSliderView .slick-dots { bottom:28px; }
	.photoSliderView .photo_content { padding:20px 0px; }
}


/* 의회용어사전 */
/* 의회용어사전 */
.chdtrm01 .searchResult .wordsResult { width:100%; margin-bottom:15px; }
.chdtrm01 .searchResult .wordsResult dt { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; color:#544582; padding:0 10px; margin-bottom:10px; }
.chdtrm01 .searchResult .wordsResult dd { line-height:150%; padding:0 10px 15px 10px; border-bottom:1px dashed #ddd; margin-bottom:15px; }


/* 유용한 사이트 */
/* 유용한사이트 */

.chdste01 { width:100%; }

.chdste01 ul { display:flex; flex-wrap:wrap; }
.chdste01 ul li { width:calc((100% - 40px)/ 3); border:1px solid #ddd; border-radius:20px; margin:0 20px 20px 0; overflow:hidden; }
.chdste01 ul li:nth-child(3n) { margin:0 0 20px 0; }

.chdste01 ul li a { position:relative; width:100%; height:auto; }

.chdste01 ul li a img { max-width:100%; width:100%; height:100%; object-fit:cover; object-position:center; transition:0.3s; }
.chdste01 ul li a span { position:absolute; left:0; bottom:0; word-break:keep-all; width:100%; text-align:center; background:rgba(0,0,0,0.8); color:#fff; padding:12px 0; transition:0.3s; }

.chdste01 ul li a:hover img,
.chdste01 ul li a:active img,
.chdste01 ul li a:focus img { transform:scale(1.1); }

.chdste01 ul li a:hover span,
.chdste01 ul li a:active span,
.chdste01 ul li a:focus span { background:rgba(0,0,0,0.9); }


@media (min-width:481px) and (max-width:640px){
	.chdste01 ul li { width:calc((100% - 20px)/ 2); }
	.chdste01 ul li:nth-child(3n) { margin:0 20px 20px 0; }
	.chdste01 ul li:nth-child(2n) { margin:0 0 20px 0; }
	
	.chdste01 ul li a span { letter-spacing:-1px; }
}

@media (max-width:480px){
	.chdste01 ul li { width:100%; height:48px; margin:0 0 10px 0; }
	.chdste01 ul li:nth-child(3n) { margin:0 0 10px 0; }
	.chdste01 ul li a { height:100%; }
	.chdste01 ul li a img { display:none; }
	.chdste01 ul li a span { letter-spacing:-1px; }
}