@charset "utf-8";
/* CSS Document */



/* 회원가입 탭부분 */
.joinTabWrap {width:100%; margin:0 0 30px 0;}
.joinTabUl {display:table; width:100%; border-collapse:collapse; border:1px solid #bcbbbb; border-bottom:2px solid #252525;}
.joinTabUl li {display:table-cell; width:33.33%; vertical-align:middle; padding:12px 10px; text-align:center; background-color:#f3f4f4;}
.joinTabUl li span {padding:0 0 0 3px; font-size:17px;}
.joinTabUl li.active {background:#fff; border:2px solid #252525; border-bottom:2px solid #fff;}
.joinTabUl li.active span {font-weight:500;}


/* 회원가입 약관동의 */
.joinContentsWrap {width:100%;}
.joinContentsWrap .titleBox {font-size:24px; margin:0 0 15px 0; position:relative;}
.joinContentsWrap .titleBox span {float:right; padding:17px 0 0;}
.joinContentsWrap .contentsBox {border-top:1px solid #252525; border-bottom:1px solid #252525; padding:30px 0; margin:0 0 20px;}
.joinContentsWrap .contentsBox .contentsTitle {margin:0 0 15px 0; font-weight:500;}
.joinContentsWrap .contentsBox .service_intro {border:1px solid #aaa; width:100%; height:225px; overflow-y:scroll; font-size:14px; line-height:1.5; padding:10px 15px; margin:0 0 10px;}
.joinContentsWrap .contentsBox .agreeBox {text-align:right; font-size:14px;}
.joinContentsWrap .contentsBox .agreeBox label {margin:0 0 0 15px;}


/* 회원가입 회원정보 */
.contentsBox2 {margin:0 0 20px 0;}
.tbl_join_01 th span {color:#e22931; font-weight:bold;}
.tbl_join_01 th {width:20%; padding:0 0 0 40px; font-size:14px; font-weight:500;}
.tbl_join_01 td {width:80%;}
.tbl_join_01 td p {font-size:13px; color:#999; margin:10px 0 0 0;}

.contentsBox2 .subTitle {font-size:13px; margin:15px 0;}
.contentsBox2 .error {font-size:12px;color:#e02b31;padding-left:10px;}


/* 가입완료 */
.congIntroBoxJoin {text-align:center; padding:40px 0;}
.congIntroBoxJoin h1 {font-size:35px; font-weight:500; margin:0 0 20px 0;}
.congIntroBoxJoin h1 span {font-weight:500;}

.joinResutBox .btnBox {margin-top:20px;text-align:center;}
.introSmallJoin {font-size:16px; margin:0 0 20px 0; color:#777;}
.grayJoinBox {margin:30px 0 0; padding:20px; background:#f6f7f8; border:1px solid #bcbbbb;}
.grayJoinBox h2 {font-size:16px; margin:0 0 10px;}

@media all and (max-width:1200px){
	.contentsBox2 .error {display:block;}
}
@media all and (max-width:850px){	

	/* 회원가입 탭부분 */
	.joinTabWrap {width:100%; margin:0 0 20px 0;}
	.joinTabUl li {padding:10px 5px;}
	.joinTabUl li img {width:15px;}
	.joinTabUl li span {font-size:14px !important;}	

	/* 회원가입 약관동의 */	
	.joinContentsWrap .contentsBox {border-top:1px solid #252525; border-bottom:1px solid #252525; padding:15px 0; margin:0 0 20px;}
	.joinContentsWrap .titleBox {font-size:18px; margin:0 0 15px 0;}
	.joinContentsWrap .contentsBox .agreeBox {text-align:right; font-size:12px;}
	.joinContentsWrap .contentsBox .service_intro {font-size:12px;}
	
	/* 회원가입 회원정보 */
	
	.joinContentsWrap .titleBox span {float:none; display:block; padding:3px 0 0;}
	.tbl_join_01 th {display:block; width:100%; padding:10px;}
	.tbl_join_01 td {display:block; width:100%;}
	.tbl_02 tr:last-of-type th {border-bottom:1px solid #dddddd !important;}
	.tbl_join_01 td p {font-size:12px;}
	
	/* 가입완료 */
	.ulDefault li {font-size:12px;}
	.introSmallJoin {font-size:12px;}
	.congIntroBoxJoin {padding:10px 0;}
	.congIntroBoxJoin h1 {font-size:22px;margin:0 0 10px 0;}
	.congIntroBoxJoin h1 span {font-size:22px; font-weight:500;}
	.congIntroBoxJoin .btnBox {margin:0 0 20px 0;}
	
}


/* 문화달력 */
.calendarSelectDateWrap {width:100%; position:relative;}
.topMonthSelectBox {width:100%; margin:20px 0; text-align:center;}
.topMonthSelectBox p {display:inline-block; letter-spacing:-1px; vertical-align:bottom;}
.topMonthSelectBox p.year {font-size:25px;}
font.name {font-size:18px;}
.topMonthSelectBox p.monthSelect a {text-decoration: none;}
.topMonthSelectBox p.monthSelect button {vertical-align:middle; margin:-15px 15px 0;}
.topMonthSelectBox p.monthSelect span {font-size:25px; color:#e22931; font-weight:500;}
.topMonthSelectBox p.todayDay {font-size:16px;}
.topMonthSelectBox p.todayDay .date22 {display:inline-block; font-size:30px; font-weight:500; margin:0 0 -3px 0;}

.calendarSelectDateWrap .searchBox {text-align:center; margin:0px 0;}

.calendarSelectDateWrap .selectCategory {text-align:center; margin:10px 0 40px;}
.selectCategoryUl {display:inline-block;}
.selectCategoryUl li {float:left; border:1px solid #ddd; padding:5px 25px; margin:0 -1px 0 0;}
.selectCategoryUl li a {display:block;}
.selectCategoryUl li.active {background:url(/resources/img/sub/bg_subTab_01_red.jpg);}
.selectCategoryUl li.active a {color:#fff; font-weight:500;}

.calendarSelectDateBox {width:100%; border:1px solid #aaaaaa; background-color:#f3f4f8; padding:8px 10px; margin:0 0 20px 0;}
.calendarSelectDate li a {font-size:14px; color:#777; display:block; width:25px; }
.calendarSelectDate li.active {}
.calendarSelectDate li.active a {text-align:center; color:#e22931; font-weight:500; padding:1px 0px; border:2px solid #e22931; border-radius:50%;}

.calendarSelectDateWrap .adminBtnBox {margin:15px 0;}
.calendarSelectDateWrap .adminBtnBox .exelBox {float:left;}
.calendarSelectDateWrap .adminBtnBox .exelBox span {font-size:14px;}
.calendarSelectDateWrap .adminBtnBox .rightBtnBox {float:right;}

.calendarContentsWrap {width:100%;}
.calendarContentsUl {width:100%; display:table; border:1px solid #aaa;}
.calendarContentsUl:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.calendarContentsUl li {float:left; width:50%; height:200px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:20px;}
.calendarContentsUl li:nth-of-type(even) {border-right:none;}
.calendarContentsUl li:nth-of-type(even):last-of-type {border-bottom:none;}
.calendarContentsUl li:nth-of-type(odd):last-of-type {border-bottom:none;}
.calendarContentsUl li:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.calendarContentsUl li .imgBox {float:left; width:40%; height:100%; background-image:url(/resources/img/board/no_img.gif); background-repeat:no-repeat;background-position:center 0; }
.calendarContentsUl li .centerBox {float:left; width:5%; text-align:right;}
.calendarContentsUl li .letterBox {float:right; width:55%; height:100%; position:relative;}
.calendarContentsUl li .letterBox h1 {font-size:16px; height:47px;
	/* 두줄 넘어가면 숨김 */	
	display:-webkit-box;
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
}
.calendarContentsUl li .letterBox h1 span {display:inline-block; padding:0 5px; margin:0 5px 0 0; border-radius:7px; font-weight:500;width:70px;text-align:center;}
.calendarContentsUl li .letterBox .boTitle {position:absolute; bottom:0; left:0;}
.calendarContentsUl li .letterBox .boTitle p {font-size:14px; color:#999;}

.excelDownload {position: absolute;right: 0;top: -30px;line-height:31px;padding:0 10px}
.excelDownload:hover {text-decoration:none;}

@media all and (max-width:1200px){
	.calendarSelectDate li a {font-size:14px; color:#777; display:block; width:auto; }
	.calendarSelectDate li.active a {padding:0px 0px; border:none; border-bottom:2px solid #e22931; border-radius:0;}
}

@media all and (max-width:850px){
	.calendarSelectDateWrap .adminBtnBox .exelBox {float:none; width:100%; margin:0 0 10px 0;}
	.calendarSelectDateWrap .adminBtnBox .exelBox span {font-size:12px;}
	.calendarSelectDateWrap .adminBtnBox .rightBtnBox {float:none; width:100%;}
	
	.topMonthSelectBox p {display:block; letter-spacing:-0.5px; margin:0 0 3px 0;}
	.topMonthSelectBox p.monthSelect button { margin:-10px 15px 0;}
	.topMonthSelectBox p.monthSelect button img {width:7px;}
	.topMonthSelectBox p.monthSelect span {font-size:20px; color:#e22931; font-weight:500;}
	.topMonthSelectBox p.todayDay {font-size:14px;}
	.topMonthSelectBox p.todayDay .date22 {display:inline; font-size:16px; font-weight:500; margin:0 0 -3px 0;}
	
	.calendarSelectDateWrap .selectCategory {text-align:center; margin:20px 0 20px;}
	.selectCategoryUl {text-align:center;}
	.selectCategoryUl li {float:none; margin: 3px 0px 3px 0; display: inline-block; }
	
	.calendarSelectDate {text-align:left; width:100%;
		display: -moz-block !important;
		display: -webkit-block !important;
		display: -ms-block !important;
		display: block !important;
	}
	.calendarSelectDate li {display:inline-block; flex-grow:none; margin:0 5px; padding:2px;}
	.calendarSelectDate li a {font-size:12px; color:#777; display:inline-block;}
	
	.calendarContentsUl li {width:100%; border-right:none;}
	.calendarContentsUl li .letterBox h1 a {font-size:14px; height:auto;}
	.calendarContentsUl li .letterBox .boTitle p {font-size:12px;width:55px;}
	.excelDownload {top:-60px;}
}

.p_auto {margin:0 !important; font-size:13px;}

/* 문화달력 상세보기 */
.tbl_calendarDetail {width:100%;}
.tbl_calendarDetail th {width:13%; padding:10px 20px;}
.tbl_calendarDetail td {width:37%; padding:10px 10px;}
.detailBtnA {padding:2px 8px; border-radius:7px; background-color:#555; color:#fff;}
.tbl_calendarDetail td .inputBox {display:inline-block; background-color:#fff; border:1px solid #aaa; width:calc(100% - 40px); vertical-align:middle; padding:3px; font-size:12px;}


@media all and (max-width:850px){
	.tbl_02 tr:last-of-type th {border-bottom:1px solid #dddddd;}
	
	.tbl_calendarDetail {border-bottom:1px solid #252525; padding:10px 0;}
	.tbl_calendarDetail th {text-align:right; display:block; float:left; width:20%; padding:3px 7px; font-size:12px; background-color:#fff; border-bottom:none !important;clear:both;}
	.tbl_calendarDetail td {display:block; float:left; width:80%; padding:3px 7px; font-size:12px; border-bottom:none !important;}
	.tbl_calendarDetail tr:last-of-type th {border-bottom:none !important;}
}


/* 예술지원 - 부문별 지원사업 */

.art_tbl_01 {width:100%;}
.art_tbl_01 tr th {width:20%; text-align:center;}
.art_tbl_01 tr th:last-of-type {font-weight:400; font-size:0.97em;}

.ul_Arrow_01 {width:100%;}
.ul_Arrow_01 > li {padding:0px 0px 0px 20px; margin:0 0 5px 0; background:url(/resources/img/icon/icon_arrow_ul_01.jpg) no-repeat left 7px; font-size:14px;}
.ul_Arrow_01 > li:last-of-type {margin:0 0 0px 0;}

.sub_ulArrow_01 {width:100%; padding:0 0 0 20px; margin:0 0 5px 0;}
.sub_ulArrow_01 > li {padding:0px 0px 0px 10px; margin:0 0 5px 0; background:url(/resources/img/icon/icon_ulDefault.png) no-repeat left 10px; font-size:13px;}
.sub_ulArrow_01 > li:last-of-type {margin:0 0 0px 0;}

.ul_Arrow_01 li.ball {background:url(/resources/img/icon/icon_ulBall_01.png) no-repeat left 6px;}


/* 예술지원 - 창작지원컨설팅 */
.subImgBoxWrap {margin:0 0 20px 0;}

.subContentsGrayBox {background-color:#ebebeb; padding:20px; margin:30px 0 40px; text-align:center; color:#777; font-size:14px;}

.consertingArrowBox {width:100%; margin:0 0 40px 0;}
.consertingArrowBox .arrow_LeftBox {text-align:center;}
.consertingArrowBox .arrow_LeftBox:nth-of-type(1) {margin-bottom:20px;}
.consertingArrowBox .arrow_LeftBox h4 { padding:5px 10px; font-size:15px;  font-weight:300; border:3px solid #91bac1; color:#777; border-radius:30px;display:inline-block}
.consertingArrowBox .arrow_RightBox h4 {float:right; padding:5px 38px; font-size:15px; font-weight:300; border:3px solid #91bac1; color:#777; border-radius:30px;}
.consertingArrowBox .arrow_LeftBox p {padding:5px 0; width:5%; text-align:center;display:inline-block;}
.consertingArrowBox .arrow_RightBox p {float:right; margin:0 10px; padding:5px 0;}

.consertingArrowBox .arrow_LeftBox .arrowBBox {float:right; margin:0 85px 0 0;}
.consertingArrowBox .arrow_LeftBox .arrowBBox img {transform:rotate(90deg);}

.consertingArrowBox .arrow_RightBox .arrowLBox img {transform:rotate(180deg);}

.consertingArrowBox h4.redBox {border:3px solid #e02b31; background-color:#e02b31; color:#fff; font-weight:500;}

.subRealSubTitleBox {margin:20px 0 10px;}
.subRealSubTitleBox h2 {font-weight:500; font-size:15px;}



@media all and (max-width:1200px){ 
	
	.consertingArrowBox .arrow_LeftBox h4 {float:none; padding:8px 10px; font-size:13px; width:100%; font-weight:400;}
	.consertingArrowBox .arrow_LeftBox p {float:none; padding:5px 0; width:100%; text-align:center;}
	.consertingArrowBox .arrow_LeftBox .arrowBBox {float:none; margin:0 0px 0 0;}
	.consertingArrowBox .arrow_LeftBox .arrowRBox img {transform:rotate(90deg);}
	.consertingArrowBox .arrow_RightBox h4 {float:none; padding:8px 10px; font-size:13px; width:100%; font-weight:400;  text-align:center;}
	.consertingArrowBox .arrow_RightBox p {float:none; padding:5px 0; text-align:center;}
	.consertingArrowBox .arrow_RightBox .arrowLBox img {transform:rotate(90deg);}
	.consertingArrowBox .arrow_RightBox .arrowLBoxDuble img {transform:rotate(-90deg);}
	.consertingArrowBox .arrow_LeftBox:nth-of-type(1) {margin-bottom:0}

}

@media all and (max-width:850px){
	
	.subContentsGrayBox {padding:15px; margin:15px 0 20px; text-align:center; color:#777; font-size:12px;}
	.subContentsGrayBox br {display:none;}	
	
}


/* 문화달력 추가 */
.calendarContentsUl li:nth-of-type(odd):nth-last-of-type(2) {border-bottom:none;}


/* 자료찾기 - 재단 발간물 목록 */
.adminTopBtnBox_02 {text-align:right;}

.subPrintContentsUl {width:100%; border:1px solid #bbb;}
.subPrintContentsUl:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subPrintContentsUl li:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subPrintContentsUl li {float:left; width:50%; height:220px; padding:20px; border-bottom:1px solid #bbb; border-right:1px solid #bbb;}
.subPrintContentsUl li:nth-of-type(2n) {border-right:none;}
.subPrintContentsUl li:nth-of-type(odd):last-of-type {border-bottom:none;}
.subPrintContentsUl li:nth-of-type(even):last-of-type {border-bottom:none;}
.subPrintContentsUl li:nth-of-type(odd):nth-last-of-type(2) {border-bottom:none;}

.subPrintContentsUl li .imgBox {float:left; width:158px; height:100%;background-image:url(/resources/img/board/no_img.gif); background-repeat:no-repeat; background-position:center center;}
.subPrintContentsUl li .letterBox {float:left; width:calc(100% - 158px); padding:5px 0 0 25px; }
.subPrintContentsUl li .letterBox h2 {font-size:16px; color:#666; }
.subPrintContentsUl li .letterBox h1 {margin:0 0 10px;}
.subPrintContentsUl li .letterBox h1 a {font-size:16px;}
.subPrintContentsUl li .letterBox h1 a span {font-size:2.2em; color:#00af9a; font-weight:500;}
.subPrintContentsUl li .letterBox p {font-size:14px; color:#999; }

.detailViewContentsBox .iconBox {margin:10px 0 40px;}


   /* 월간문화마실 */
.monthPrintUl li .letterBox h1 a {color:#00af9a;}

   /* 매거진문화나무 */
.treePrintUl li .letterBox h1 a {color:#0092c8;}


   /* 재단발간물 */
.foundationPrintUl li .letterBox h2 { min-height:65px; padding-bottom:10px;}
.foundationPrintUl li .letterBox h2 a {font-weight:500; color:#555;}



@media all and (max-width:850px){	
	.adminTopBtnBox_02 {margin-bottom:5px;}
	
	.subPrintContentsUl li {float:none; width:100%; border-right:none;}
	.subPrintContentsUl li:last-of-type {border-bottom:none;}
	.subPrintContentsUl li:nth-of-type(odd):nth-last-of-type(2) {border-bottom:1px solid #bbb;}
	
	.subPrintContentsUl li .imgBox {float:left; width:45%; height:200px; height:100%; }
	.subPrintContentsUl li .letterBox {float:left; width:55%; padding:5px 0 0 15px; }
	.subPrintContentsUl li .letterBox h2 {font-size:14px;}
	.subPrintContentsUl li .letterBox h1 a {font-size:14px;}
	.subPrintContentsUl li .letterBox p {font-size:12px; color:#999; }
		
	.detailViewContentsBox .iconBox {margin:0px 0 20px;}
	
	
}

/* 자료찾기 - 사진자료 */
.subPicListBox {width:100%;}
.subPicListBox:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subPicListBox li {float:left; width:32.26%; margin:1% 1.6% 1% 0%; border:1px solid #bbb; padding:15px;} 
.subPicListBox li:nth-of-type(1),
.subPicListBox li:nth-of-type(2),
.subPicListBox li:nth-of-type(3) {margin-top:0;}
.subPicListBox li:nth-of-type(3n) {margin-right:0%;}
.subPicListBox li .imgBox {width:100%; height:188px; margin:0 0 10px 0; background-image:url(/resources/img/board/no_img.gif); background-repeat:no-repeat; background-position:center center;} 
.subPicListBox li h1 {height:47px; margin:0 0 20px 0;
	/* 두줄 넘어가면 숨김 */	
	display:-webkit-box;
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
} 
.subPicListBox li h1 a {font-size:16px; color:#666666; font-weight:500;}

.subPicListBox li p {font-size:14px; color:#aaa; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* 정책자료 */
.selectBoardTop {min-width:150px; margin:0 5px 0 0;}

@media all and (max-width:850px){	
		
	.subPicListBox li {float:left; width:49.5%; margin:1% 1% 1% 0%; border:1px solid #bbb; padding:15px;} 
	.subPicListBox li:nth-of-type(3) {margin-top:1%;}
	.subPicListBox li:nth-of-type(3n) {margin-right:1%;}
	.subPicListBox li:nth-of-type(2n) {margin-right:0%;}
	.subPicListBox li .imgBox {height:150px;} 
	.subPicListBox li h1 {height:41px; margin:0 0 10px 0;}
	.subPicListBox li h1 a {font-size:14px;}
	.subPicListBox li p {font-size:12px;}
	
	.selectBoardTop {font-size:12px; min-width:auto;}
		
}	

/* 지역기관·단체소식 */

.subMenuRowW04 li {width:25%;}

.tbl_companyUrl td.number02 {width:10%;}
.tbl_companyUrl td.company {width:27%; text-align:left; padding-left:30px;}
.tbl_companyUrl td.url {width:38%;}
.tbl_companyUrl td.phone {width:25%;}


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

	.tbl_companyUrl td.company {padding-left:15px;}
	.tbl_companyUrl .number02 {display:none;}
	
}


/* 문화사업 - 예술교육 */
.tbl_last_txtL tr td:last-of-type {text-align:left; padding-left:20px;}

/* 문화사업 - 시민문화 */
.subGrayLetterInnerBox_01 {}
.subGrayLetterInnerBox_01 p {display:inline-block; margin:0 25px 0 0;}
.subGrayLetterInnerBox_01 p img {margin:0 3px;}
.subGrayLetterInnerBox_01 p span {color:#e22931; font-weight:500; text-decoration:underline;}

.subImgBoxWrap_02 {width:100%; margin:10px 0 30px;}

@media all and (max-width:850px){	
	
	/* 문화사업 - 시민문화 */
	.subGrayLetterInnerBox_01 p {font-size:12px;}
	
}


/* 인사말 */
.subGreetingWrap {width:100%; padding:10px 0 0;}
.subGreetingWrap .imgBox {float:left; width:45%; text-align:center; padding:20px;}
/* .subGreetingWrap .letterBox {float:right; width:52%; padding:20px;} */
.subGreetingWrap .letterBox h1 {margin:0 0 30px 0; font-size:29px; line-height:1.2;color:#555; }
.subGreetingWrap .letterBox h3 {margin:0 0 10px 0; font-weight:500; font-size:18px;}
.subGreetingWrap .letterBox p {font-size:15px;color:#777;}


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

	/* 인사말 */
	.subGreetingWrap {width:100%; padding:0px 0 0 0;}
	.subGreetingWrap .imgBox {float:none; width:100%; text-align:center; margin:0 0 20px;}
	.subGreetingWrap .imgBox img {width:250px;}
	.subGreetingWrap .letterBox {float:none; width:100%;}
	.subGreetingWrap .letterBox h1 {font-size:18px; margin:0 0 15px;}
	.subGreetingWrap .letterBox h1 span {font-size:18px;}
	.subGreetingWrap .letterBox h3 {font-size:14px;}
	.subGreetingWrap .letterBox p {font-size:12px;}
	
}


/* 재단소개 및 연혁 */
.subHistoryWrap {width:100%; padding:10px 0 0; height:100%;}
.subHistoryWrap .imgBox {float:left; width:220px;}
.subHistoryWrap .letterBox {float:left; width:calc(100% - 220px); padding:20px;}
.subHistoryWrap .letterBox .subRealTitleBox {margin-top:70px;}
.subHistoryWrap .letterBox .subRealTitleBox:first-child {margin-top:0;}

.historyWrap_01 {width:100%;}
.historyWrap_01 .leftYearBox {float:left;width:60px; height:50px; position:relative;}
.historyWrap_01 .leftYearBox .verticalLine {width:1px; height:1066px; background-color:#ddd; position:absolute; left:43%; top:33px; z-index:0;}
.historyWrap_01 .rightContenBox {float:left; width:calc(100% - 60px); padding:0 0 0 20px;}
.historyWrap_01 .rightContenBox .row {position:relative; padding:30px 0; border-bottom:1px solid #ccc;}
.historyWrap_01 .rightContenBox .row:last-of-type {border-bottom:none;}
.historyWrap_01 .rightContenBox .row .year {width:60px; height:60px; text-align:center; padding-top:16px; position:absolute; left:-85px; top:30px; background-color:#f6875a; border-radius:50%;}
.historyWrap_01 .rightContenBox .row .year h1 {color:#fff; font-weight:500; font-size:20px;}

.historyListUl {width:100%;}
.historyListUl li:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.historyListUl li {margin:0 0 5px 0; width:100%;}
.historyListUl li:last-of-type {margin:0 0 0px 0;}
.historyListUl li .month {float:left; width:37px;}
.historyListUl li .contents {float:left; width:calc(100% - 37px);}
.historyListUl li p {color:#666; font-size:14px;}

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

	/* 재단소개 및 연혁 */
	.subHistoryWrap .imgBox {display:none;}
	.subHistoryWrap .letterBox {float:none; width:100%; padding:0;}
	.subHistoryWrap .letterBox .subRealTitleBox {margin-top:30px;}
	
	.historyWrap_01 .leftYearBox {width:50px; height:50px;}
	.historyWrap_01 .leftYearBox .verticalLine {display:none;}
	.historyWrap_01 .rightContenBox {float:left; width:calc(100% - 50px); padding:0 0 0 20px;}
	.historyWrap_01 .rightContenBox .row {padding:15px 0;}
	.historyWrap_01 .rightContenBox .row .year {width:45px; height:45px; padding-top:13px;left:-65px; top:15px;}
	.historyWrap_01 .rightContenBox .row .year h1 {font-size:16px;}
	
	.historyListUl li p {font-size:13px;}
	
}



/* 광주문화재단 CI */
.subLogoCiWrap {width:800px; padding:10px 0 0; }
.subLogoCiWrap .btnBox p {margin-bottom:7px;}
.subLogoCiWrap .btnBox p:last-of-type {margin-bottom:none;}

.logoCiWrap_firstBox {width:100%;}
.logoCiWrap_firstBox .logoBox {margin:30px 0;}
.logoCiWrap_firstBox h1 {margin:30px 0; font-size:23px; color:#555;}
.logoCiWrap_firstBox .colorBox {margin:30px 0;}
.logoCiWrap_firstBox .colorBox .colorLetter {display:inline-block; font-size:23px; color:#333; padding:0px 10px 0 0;}
.logoCiWrap_firstBox .colorBox .colorPick {display:inline-block; vertical-align:middle; margin:0 20px 0 0;}
.logoCiWrap_firstBox .colorBox .colorPick p {display:inline-block;}
.logoCiWrap_firstBox .colorBox .colorPick .colorRed {height:50px; width:50px; border-radius:50%; background-color:#e02a30; margin:0 10px 0 0;}
.logoCiWrap_firstBox .colorBox .colorPick .colorBlack {height:50px; width:50px; border-radius:50%; background-color:#190f0d; margin:0 10px 0 0;}
.logoCiWrap_firstBox .colorBox .btnBox {display:inline-block; vertical-align:middle; margin:0 00px 0 0;}

.subLogoCiWrap .subRealTitleBox {margin-top:70px;}
.subLogoCiWrap .subRealTitleBox:first-child {margin-top:0;}

.subLogoCiWrap .symbolWrap_01 {width:100%; border:1px solid #ddd; display:table;}
.subLogoCiWrap .symbolWrap_01 .col {display:table-cell; vertical-align:middle; text-align:center; width:33.33%; padding:30px 0;}

.subLogoCiWrap .symbolWrap_02 {width:100%; border:1px solid #ddd; display:table; border-collapse:collapse;}
.subLogoCiWrap .symbolWrap_02 .col {display:table-cell; vertical-align:top; text-align:center; width:33.33%; padding:0; border:1px solid #ddd;}
.subLogoCiWrap .symbolWrap_02 .col h1 {font-size:18px; font-weight:500; color:#666; line-height:60px;height:60px; border-bottom:1px solid #ddd;}
.subLogoCiWrap .symbolWrap_02 .col .imgBox {height:65px; line-height:65px; margin:20px 0;}
.subLogoCiWrap .symbolWrap_02 .col .btnBox {margin:0px 0 20px;}

@media all and (max-width:850px){
		
	.subLogoCiWrap {width:100%;}
	.subLogoCiWrap .subRealTitleBox {margin-top:30px;}
	
	.logoCiWrap_firstBox .logoBox img {width:200px;}
	.logoCiWrap_firstBox h1 {margin:20px 0; font-size:18px; color:#555;}
	.logoCiWrap_firstBox h1 br {display:none;}
	.logoCiWrap_firstBox .colorBox .colorLetter {font-size:18px; padding:0px 15px 15px 0; font-weight:500;}
	.logoCiWrap_firstBox .colorBox .colorPick {display:inline-block; margin:0 15px 15px 0;}
	.logoCiWrap_firstBox .colorBox .colorPick .colorRed {height:30px; width:30px;}
	.logoCiWrap_firstBox .colorBox .colorPick .colorBlack {height:30px; width:30px;}
	
	.subLogoCiWrap p br {display:none;}
	.subLogoCiWrap .symbolWrap_01 .col {display:block; vertical-align:middle; text-align:center; width:100%; padding:20px 0;}
	.subLogoCiWrap .symbolWrap_02 .col {display:block; width:100%; padding:0; border:none;}
	.subLogoCiWrap .symbolWrap_02 .col h1 {font-size:15px; line-height:50px;height:50px; border-top:1px solid #ddd;}
	.subLogoCiWrap .symbolWrap_02 .col:first-of-type h1 {border-top:none;}
	
}


/* 오시는길 */
.subComeOnWrap .subRealTitleBox {margin-top:70px;}
.subComeOnWrap .subRealTitleBox:first-child {margin-top:0;}

.comeMapWrap_01 {margin:30px 0; background-color:#fff; padding:10px; text-align:center; border:1px solid #ddd;}

@media all and (max-width:850px){
	
	.subComeOnWrap .subRealTitleBox {margin-top:30px;}
	
}


/* 부서안내 */
.searchPerson_Span {font-size:15px; color:#333; font-weight:500; padding:0 10px 0 0;}
.subRealTitleBox .titleSubSpan {display:inline-block; margin:-8px 0 0 5px; font-size:14px; color:#6f6f70; vertical-align:middle;}

.groupGrapBoxWrap {margin:20px 0; text-align:center; background:url(/resources/img/sub/bg_subGroupPage_01.png) no-repeat top center;}
.groupGrapBoxWrap .toplogoBox {margin:0 0 15px 0; position:relative;}
.groupGrapBoxWrap .toplogoBox:after {content:""; position:absolute; width:1px; height:250px; bottom:-250px; left:calc(50% - 1px); z-index:-1; border-left:1px dotted #bbb;}

.groupGrapBoxWrap .middleGroupBox {margin:30px 0 60px; position:relative;}
.groupGrapBoxWrap .middleGroupBox .groupTitle {position:relative; margin:0 auto 25px; width:242px; padding:5px;background-color:#857978; border-radius:5px;}
.groupGrapBoxWrap .middleGroupBox .groupTitle > a {color:#fff; font-size:15px; font-weight:500;}
.groupGrapBoxWrap .middleGroupBox .groupTitle .small {font-size:0.85em; color:#fff;}
.groupGrapBoxWrap .middleGroupBox .name {display:inline-block; position:absolute;}
.groupGrapBoxWrap .middleGroupBox .name > a {font-size:14px; color:#666; font-weight:500;}

.groupGrapBoxWrap .middleGroupBox .leftFirst {bottom:-22px; left:-90px;}
.groupGrapBoxWrap .middleGroupBox .leftFirst:before {content:""; position:absolute; width:8px; height:8px; top:7px; right:-13px; background-color:#ddd; border-radius:50%;}
.groupGrapBoxWrap .middleGroupBox .leftFirst:after {content:""; position:absolute; width:131px; height:1px; top:10px; right:-140px; z-index:-1; border-top:1px dotted #bbb;}
.groupGrapBoxWrap .middleGroupBox .rightSecond {bottom:-22px; right:-91px;}
.groupGrapBoxWrap .middleGroupBox .rightSecond:before {content:""; position:absolute; width:8px; height:8px; top:7px; left:-13px; background-color:#ddd; border-radius:50%;}
.groupGrapBoxWrap .middleGroupBox .rightSecond:after {content:""; position:absolute; width:139px; height:1px; top:10px; left:-150px; z-index:-1; border-top:1px dotted #bbb;}
.groupGrapBoxWrap .middleGroupBox .leftThird {bottom:-22px; left:-130px;}
.groupGrapBoxWrap .middleGroupBox .leftThird:before {content:""; position:absolute; width:8px; height:8px; top:7px; right:-13px; background-color:#ddd; border-radius:50%;}
.groupGrapBoxWrap .middleGroupBox .leftThird:after {content:""; position:absolute; width:129px; height:1px; top:10px; right:-138px; z-index:-1; border-top:1px dotted #bbb;}

.bottomGroupBox {width:800px; margin:0 auto; position:relative;}
.bottomGroupBox:before {content:""; position:absolute; width:671px; height:1px; top:-12px; left:64px; z-index:-1; border-top:1px dotted #bbb;}
.bottomGroupBox .col_01 {float:left; width:16%; margin:1% 0 1% 5%; text-align:center;}
.bottomGroupBox .col_01:first-child {margin:1% 0 1% 0%;}
.bottomGroupBox .col_01 h1 {position:relative; margin:0 auto; width:121px; height:35px; vertical-align:middle; display:table-cell; border-radius:5px; background-color:#63ac95; color:#fff; font-size:13px; line-height:1.1;}
.bottomGroupBox .col_01 h1:before {content:""; position:absolute; width:1px; height:20px; top:-20px; left:calc(50% + 3px); z-index:-1; border-left:1px dotted #bbb;}
.bottomGroupBox .col_01 h1:after {content:""; position:absolute; width:1px; height:20px; bottom:-10px; left:calc(50% + 3px); z-index:-1; border-left:1px dotted #bbb;}
.bottomGroupBox .col_01 h1 > a {color:#fff;}
.bottomGroupBox a {text-decoration: none}
.bottomGroupBox .col_01 .groupSeparateUl {margin:20px 0 0; position:relative;}
.bottomGroupBox .col_01 .groupSeparateUl:before {content:""; position:absolute; width:80px; height:1px; top:-10px; left:23px; z-index:-1; border-top:1px dotted #bbb;}
.bottomGroupBox .col_01 .groupSeparateU:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.bottomGroupBox .col_01 .groupSeparateUl > li {position:relative; display:inline-block; width:27px; height:156px; background-color:#f1f3f4; color:#666; margin-right:15px; font-size:13px;-ms-writing-mode:bt-lr; writing-mode:vertical-lr; text-align:center; padding-left:5px; border-radius:5px; margin-left:-4px;}
.bottomGroupBox .col_01 .groupSeparateUl > li:before {content:""; position:absolute; width:1px; height:10px; top:-10px; left:calc(50% + 1px); z-index:-1; border-left:1px dotted #bbb;}
.bottomGroupBox .col_01 .groupSeparateUl > li:last-of-type {margin-right:0px;}
.bottomGroupBox .col_01 .groupSeparateUl_04:before {width:100px; left:13px;}
.bottomGroupBox .col_01 .groupSeparateUl_04 > li {margin-right:8px; margin-left:-4px;}
.bottomGroupBox .col_01 .groupSeparateUl_02 > li {margin-right:53px; margin-left:-4px;}


.subRealSubTitleBox_02 h2 {font-size:20px; font-weight:500; margin:30px 0 15px;}
.subRealSubTitleBox_02Mg {margin:20px 0 15px !important;}
.subRealSubTitleBox_02 h2 .titleSubSpan_02 {display:inline-block; margin-left:5px; font-size:0.75em; color:#888;}

.subRealSubTitleBox_03 h2 {font-size:18px; font-weight:500; margin:30px 0 15px;}
.subRealSubTitleBox_03 h2 .titleSubSpan_02 {display:inline-block; margin-left:5px; font-size:0.75em; color:#888;}
.subRealSubTitleBox_02 h2 .depMarker,
.subRealSubTitleBox_03 h2 .depMarker {font-size:12px;display:table-cell !important; vertical-align:middle;}
.depName {display:table-cell !important; vertical-align:middle; padding:0 5px;} 
.ulMgBottom_0 > li {margin-bottom:0px;}

font.searchKeyword {color:blue;}

 /* 테이블 */
.tbl_borTopBlue {border-top:2px solid #2c84c1;}
.tbl_Group_01 tr td:nth-of-type(1) {width:15%;}
.tbl_Group_01 tr td:nth-of-type(2) {width:10%;}
.tbl_Group_01 tr td:nth-of-type(3) {width:50%; text-align:left; padding-left:3%;}
.tbl_Group_01 tr td:nth-of-type(4) {width:25%; text-align:left; padding-left:3%;}

.tbl_Group_01 tr th:nth-of-type(3) {text-align:left; padding-left:3%;}
.tbl_Group_01 tr th:nth-of-type(4) {text-align:left; padding-left:3%;}



@media all and (max-width:1000px){
	
	.bottomGroupBox {width:100%;}
	.bottomGroupBox:before {display:none;}
	
	.bottomGroupBox .col_01 {float:none; width:100%; margin:1% 0 1% 0%; text-align:center;}
	.bottomGroupBox .col_01 h1:before {display:none;}
	.bottomGroupBox .col_01 h1:after {display:none;}
	.bottomGroupBox .col_01 h1 {display:block; width:90%; height:auto; padding:5px;}
	.bottomGroupBox .col_01 h1 > a {font-size:14px;}
	
	.bottomGroupBox .col_01 .groupSeparateUl {margin:10px 0 0;}
	.bottomGroupBox .col_01 .groupSeparateUl:before {display:none;}
	.bottomGroupBox .col_01 .groupSeparateUl > li {display:block; width:90%; height:auto; margin:0 auto 10px; font-size:14px; padding:5px; writing-mode:lr-tb; text-align:center;}
	.bottomGroupBox .col_01 .groupSeparateUl > li:last-of-type {margin-right:auto;}
	.bottomGroupBox .col_01 .groupSeparateUl > li > a {font-size:13px;}
	.bottomGroupBox .col_01 .groupSeparateUl > li:before {display:none;}
	
}

@media all and (max-width:850px){
	.subRealTitleBox .titleSubSpan {display:inline-block; margin:-2px 0 0 5px; font-size:12px; color:#6f6f70; vertical-align:middle;}
		
	.groupGrapBoxWrap .middleGroupBox .groupTitle {margin:0 auto 40px;}
	.groupGrapBoxWrap .middleGroupBox .groupTitle > a {font-size:14px;}
	.groupGrapBoxWrap .middleGroupBox .name > a {font-size:13px;}	
	
	.groupGrapBoxWrap .middleGroupBox .leftFirst {bottom:-30px; left:-30px;}
	.groupGrapBoxWrap .middleGroupBox .leftFirst:before {top:5px; right:-13px;}
	.groupGrapBoxWrap .middleGroupBox .leftFirst:after {width:75px; height:1px; top:8px; right:-85px;}
	.groupGrapBoxWrap .middleGroupBox .rightSecond {bottom:-30px; right:-30px;}
	.groupGrapBoxWrap .middleGroupBox .rightSecond:before {top:5px; left:-13px;}
	.groupGrapBoxWrap .middleGroupBox .rightSecond:after {width:85px; height:1px; top:8px; left:-94px;}
	.groupGrapBoxWrap .middleGroupBox .leftThird {bottom:-30px; left:-60px;}
	.groupGrapBoxWrap .middleGroupBox .leftThird:before {top:5px; right:-13px;}
	.groupGrapBoxWrap .middleGroupBox .leftThird:after {width:65px; height:1px; top:8px; right:-75px;}
	
	.groupGrapBoxWrap .middleGroupBox {margin:20px 0 45px; position:relative;}
	
	.searchPerson_Span {display:inline-block; font-size:14px; padding:0 0px 10px 0;}
	
	.subRealSubTitleBox_02 h2 {font-size:16px; margin:20px 0 10px;}
	.subRealSubTitleBox_02Mg {margin:15px 0 15px !important;}
	
	.subRealSubTitleBox_03 h2 {font-size:14px; margin:20px 0 10px;}
	.subRealSubTitleBox_03Mg {margin:15px 0 15px !important;}
	
	/* 테이블 */
	.tbl_Group_01 th {font-size:13px;}
}


/* 이용정보 - 개인보호정책 */
.imgBox_UseInformation {padding:10px 0 20px; text-align:center;}
.lineGrayContentsBox {margin:10px 0 30px; padding:20px 30px; border:3px solid #dddddd; font-size:14px; line-height:1.3; font-weight:300;}

.useInforCircleUl {padding-left:1.5%;}
.useInforCircleUl li {float:left; width:18.2%; margin-left:-1.6%; border:18px solid rgba(30,30,30,0.5); height:170px; border-radius:50%; text-align:center; font-size:18px; color:#777; letter-spacing:-1px; padding-top:32px; mix-blend-mode: multiply;}
.useInforCircleUl li:nth-of-type(1) {border-color:rgba(245,130,32,0.9);}
.useInforCircleUl li:nth-of-type(2) {border-color:rgba(255,203,5,0.9);}
.useInforCircleUl li:nth-of-type(3) {border-color:rgba(36,157,88,0.9);}
.useInforCircleUl li:nth-of-type(4) {border-color:rgba(161,161,161,0.9);}
.useInforCircleUl li:nth-of-type(5) {border-color:rgba(199,178,153,0.9);}
.useInforCircleUl li:nth-of-type(6) {border-color:rgba(245,152,157,0.9);}

.useInforGrayBox {background-color:#f6f7f7; padding:35px; margin-top:30px;}
.useInforGrayBox h2 {font-size:16px; color:#426ab3; font-weight:500; margin:30px 0 15px;}
.useInforGrayBox h2:first-of-type {margin-top:0;}

/* 이용정보 - 저작권보호정책*/
.middleCopyrightBox {margin:15px 0 8px;}
.middleCopyrightBox p {display:inline-block; vertical-align:middle; font-size:12px; font-weight:500; color:#333;}
.publicCopyrightIntro {display:inline-block; padding:5px 10px; background-color:#df585b; color:#fff !important; border-radius:5px; margin:0 0 15px 0; font-size:14px;}


@media all and (max-width:1000px){
	.useInforCircleUl {padding-left:0;}
	.useInforCircleUl li {float:none; width:100%; margin-left:0%; height:auto; border-radius:0; padding:20px; border:5px solid rgba(30,30,30,0.5); margin-bottom:10px;}
}

@media all and (max-width:850px){
	
	.lineGrayContentsBox {font-size:12px; padding:15px;}
	.useInforCircleUl li {font-size:14px; padding:10px;}
	.useInforCircleUl li br {display:none;}
	
	.useInforGrayBox {padding:15px; margin-top:20px;}
	.useInforGrayBox h2 {font-size:14px; margin:15px 0 10px;}
	.useInforGrayBox p {font-size:12px;}
		
}


/* 사이트맵 */
.siteMapWrap {}
.siteMapWrap .col {width:31.33%; margin:1% 3% 3% 0%; float:left; }
.siteMapWrap .col:nth-of-type(3n) {margin-right:0%;}
.siteMapWrap .col h1 {background-color: #eee;color: #fff;text-align: center;padding: 17px;font-size: 18px;font-weight: 500;background-image: url(/resources/img/layout/bg_pattern_bg_01.png);background-color: #aaa;}
.siteMapWrap .col h1 {background-color:#aaa; color:#fff; text-align:center; padding:17px; font-size:18px; font-weight:500;}

.siteMapSubMenu {padding:10px 20px;}
.siteMapSubMenu:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.siteMapSubMenu > li {float:left; width:50%; padding-left:10px; margin:10px 0px 10px 0; background:url(/resources/img/icon/icon_ulDefault.png) no-repeat left 8px;}
.siteMapSubMenu > li > a {font-size:14px;}

@media all and (max-width:850px){
	.siteMapWrap .col {width:100%; margin:0% 0% 2% 0%; float:none; }
	.siteMapWrap .col h1 {padding:10px; font-size:14px;}
	.siteMapSubMenu > li > a {font-size:12px;}
		
}


/* 소식&참여 - 문화보둠 회원 가입 */
.imgCultureSupportBox {padding:15px 40px; }
.imgCultureSupportBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.imgCultureSupportBox .leftBox {float:left; width:35%;}
.imgCultureSupportBox .leftBox h4 {color:#9d8467; font-size:30px; font-weight:500; padding-top:0px;}
.imgCultureSupportBox .rightBox {float:left; width:65%; padding:15px 10px 0px 10px;}
.ulBrownDefault {margin-top:-10px;}
.ulBrownDefault li {padding-left:10px; font-size:15px; color:#95866a; margin-bottom:7px; background:url(/resources/img/icon/icon_ulLineBrown.jpg) no-repeat left 9px;}

.lineBox_gray {margin:20px 0; height:1px; background-color:#aaaaaa;}

.subCultureSupportTextBox {padding:15px 10px; text-align:center;}
.subCultureSupportTextBox h3 {font-size:20px; color:#95866a; font-weight:500; margin-bottom:20px;}
.subCultureSupportTextBox .btnBox a {font-size:14px; color:#333; font-weight:300; border:1px solid #aaa; padding:5px 20px; margin-bottom:20px;}
.subCultureSupportTextBox h5 {font-size:16px; color:#95866a; margin-bottom:20px;}


@media all and (max-width:850px){
	.imgCultureSupportBox {padding:10px 20px; }
	.imgCultureSupportBox .leftBox h4 {font-size:18px; margin-bottom:15px;}
	.imgCultureSupportBox .leftBox {float:none; width:100%; text-align:center;}
	.imgCultureSupportBox .rightBox {float:none; width:100%; text-align:center;}
	
	.ulBrownDefault {margin-top:-0px;}
	.ulBrownDefault li {text-align:left; font-size:13px;}
	
	.subCultureSupportTextBox {padding:10px 10px; text-align:center;}
	.subCultureSupportTextBox h3 {font-size:16px; margin-bottom:10px;}
	.subCultureSupportTextBox .btnBox a {font-size:13px; margin-bottom:10px;}
	.subCultureSupportTextBox h5 {font-size:14px; margin-bottom:10px;}
}

/* 대관신청 부분 */

.subSubtitleBox_02 h1 {font-size:18px; color:#555; font-weight:500;}
.placeLoan_01 .leftBox {margin-top:5px;}

.placeLoanBtnBox {margin:10px 0;}
.placeLoanBtnBox .paragraph_placeLoan {display:inline-block; margin:0 0 0 5px; color:#555;}

@media all and (max-width:850px){
	.subSubtitleBox_02 h1 {font-size:15px;}
	.placeLoanBtnBox .paragraph_placeLoan {margin:5px 0 0 5px;}
}

/* 정보공개 - 정보공개제도 */
.btnBoxPublicBtn {text-align:center; margin:15px 0 0px;}

.publicRelease {}

.publicReleaseStepWrap {margin:25px 0 0 0;}
.publicReleaseStepWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.publicReleaseStepWrap .row {margin:15px 0;}
.publicReleaseStepWrap .leftFolderBox {float:left; width:100px; position:relative;}
.publicReleaseStepWrap .leftFolderBox:after { content:""; width:29px; height:19px; background:url(/resources/img/icon/icon_subInformationRelease_arrowDown.png) no-repeat center center; position:absolute; bottom:-30px; left:30px;}
.publicReleaseStepWrap .row:last-of-type .leftFolderBox:after {display:none;}
.publicReleaseStepWrap .rightContentsBox {float:left; width:calc(100% - 100px); padding:5px 0 15px 15px; font-size:14px; color:#666; border-bottom:1px solid #ddd; line-height:1.5;}

.publicReleaseWayUl {}
.publicReleaseWayUl:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.publicReleaseWayUl > li {float:left; width:23.5%; margin:0 0 0 2%; background-color:#369cd7; height:250px; text-align:center; padding:20px 0; color:#fff;}
.publicReleaseWayUl > li:first-child {margin:0 0 0 0%;}
.publicReleaseWayUl > li > .imgBox {margin-bottom:10px;}
.publicReleaseWayUl > li > h2 {color:#fff; font-size:15px; font-weight:500;}
.publicReleaseWayUl > li > .btnBox {text-align:center; margin:5px 0;}
.publicReleaseWayUl > li > .btnBox .lineHori {display:inline-block; width:30px; height:2px; background-color:#fff; vertical-align:middle;}
.publicReleaseWayUl > li > p {color:#fff; font-size:13px; line-height:1.4;}

.publicReleaseWayUl > li:nth-of-type(1) {background-color:#369cd7;}
.publicReleaseWayUl > li:nth-of-type(2) {background-color:#21b294;}
.publicReleaseWayUl > li:nth-of-type(3) {background-color:#e6bc20;}
.publicReleaseWayUl > li:nth-of-type(4) {background-color:#dc7927;}

.publicRelease .subRealTitleBox {margin-top:70px;}
.publicRelease .subRealTitleBox:first-child {margin-top:0;}

@media all and (max-width:850px){
	.publicRelease p {font-size:12px;}
	
	.publicReleaseStepWrap .leftFolderBox {float:left; width:60px; text-align:center; padding:15px 0 0 0;}
	.publicReleaseStepWrap .leftFolderBox img {width:55px;}
	.publicReleaseStepWrap .leftFolderBox:after {display:none;}
	
	.publicReleaseStepWrap .rightContentsBox {float:left; width:calc(100% - 60px); padding:5px 0 15px 15px; font-size:12px; }
	
	.publicReleaseWayUl > li {float:none; width:100%; margin:1% 0%; height:auto; padding:5px 10px;}	
	.publicReleaseWayUl > li > .btnBox {margin:0 0 3px 0;}
	.publicReleaseWayUl > li > .imgBox img {width:40px;}
	.publicReleaseWayUl > li > h2 {font-size:14px;}
	.publicReleaseWayUl > li > p {font-size:12px;}
	.publicReleaseWayUl > li > p br {display:none;}
		
	.publicRelease .subRealTitleBox {margin-top:25px;}
	
	
}

/* 정보공개 - 고객만족경영 */
.publicServiceImgBoxWrap {text-align:center;}
.publicServiceImgBoxWrap .logoBox {margin:0 0 10px 0;}
.publicServiceImgBoxWrap h1 {font-size:22px; font-weight:500;}
.publicServiceImgBoxWrap .ulCircleWrap {text-align:center; padding:25px 0 10px; background:url(/resources/img/sub/bg_subPublicService_01.png) no-repeat top center; }
.circleServiceUl {display:inline-block; padding-left:10px;}
.circleServiceUl > li {float:left; width:140px; height:140px; border-radius:50%; margin-left:-10px; border:13px solid #f58220; mix-blend-mode: multiply; font-size:15px; font-weight:500; padding-top:13%;}
.circleServiceUl > li:nth-of-type(2) {border-color:#ffcb05;}
.circleServiceUl > li:nth-of-type(3) {border-color:#249d58;}

.publicServiceConLineBox {margin:20px 0; padding:25px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.publicServiceConLineBox h2 {font-size:20px; color:#e22931; font-weight:500; margin-bottom:10px;}
.publicServiceConLineBox p {font-size:15px; margin-top:10px;}
.publicServiceConLineBox .ulBoxWrap {text-align:left; padding-left:18%; margin:15px 0;}

.publicServiceContentsWrap {padding:0 10px; margin-bottom:20px;}
.publicServiceContentsWrap .title {display:inline-block; padding:5px 8px; border:1px solid #aaa; font-size:15px; font-weight:500; margin:30px 0 5px -3px;min-width:200px;}
.publicServiceContentsWrap .title:first-of-type {margin-top:0;}


@media all and (max-width:850px){
	.publicServiceImgBoxWrap h1 {font-size:16px;}
	.publicServiceImgBoxWrap h1 span {font-size:16px;}
	.circleServiceUl > li {float:left; width:110px; height:110px; border-radius:50%; margin-left:-8px; border:10px solid #f58220; mix-blend-mode: multiply; font-size:12px; font-weight:500; padding-top:13%;}
	
	
	.publicServiceConLineBox {margin:20px 0; padding:10px 1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	.publicServiceConLineBox h2 {font-size:16px;}
	.publicServiceConLineBox p {font-size:13px; text-align:left;}
	.publicServiceConLineBox .ulBoxWrap {padding-left:0%; margin:15px 0;}
	
	
	.publicServiceContentsWrap {padding:0 0px; margin-bottom:10px;}
	.publicServiceContentsWrap p.title {font-size:14px; margin:20px 0 10px -2px;}
	.publicServiceContentsWrap p {font-size:12px; }
		
}

/* 정보공개 - 클린신고 센터 */

.subPublicCleanBtnBox {text-align:center;}
.subPublicCleanBtnBox .btnBox a {font-size:14px; color:#333; font-weight:300; border:1px solid #aaa; padding:5px 20px; margin:20px 0 30px; min-width:300px;}
.subPublicCleanTopBox {margin:0 0 15px; padding:0 0 20px; border-bottom:1px solid #ddd;}
.subPublicCleanTopBox h1 {font-size:21px; font-weight:500; color:#6f6f70; margin-bottom:15px;}
.subPublicCleanTopBox h1 span {font-weight:500;}

.circleCenterWrap {display:inline-block; background:url(/resources/img/sub/bg_subPublicClean_01.png) no-repeat left top; padding:0 200px; position:relative; height:300px;}
.subPublicCleanTriBox {padding:20px 0; position:relative; text-align:center;}
.subPublicCleanTriBox .circle {position:absolute;}
.subPublicCleanTriBox .circle h1 {position:relative; width:130px; height:130px; border-radius:50%; background-color:#749aa1; color:#fff; text-align:center; vertical-align:middle; display:table-cell; font-size:16px; font-weight:500;}
.subPublicCleanTriBox .circle ul {position:absolute; top:0; left:0; text-align:left; width:100%;}
.subPublicCleanTriBox .circle:nth-of-type(1) {position:absolute; top:0; left:35%; width:100%;}
.subPublicCleanTriBox .circle:nth-of-type(1) h1 {background-color:#749aa1;}
.subPublicCleanTriBox .circle:nth-of-type(1) ul {position:absolute; top:20px; left:150px; text-align:left; width:100%;}
.subPublicCleanTriBox .circle:nth-of-type(2) {position:absolute; bottom:0; left:0; width:100%;}
.subPublicCleanTriBox .circle:nth-of-type(2) h1 {background-color:#9a7c86;}
.subPublicCleanTriBox .circle:nth-of-type(2) ul {position:absolute; top:40px; left:-230px; text-align:left; width:100%; z-index:5;}
.subPublicCleanTriBox .circle:nth-of-type(3) {position:absolute; bottom:0; right:0; text-align:right;}
.subPublicCleanTriBox .circle:nth-of-type(3) h1 {background-color:#758ea6;}
.subPublicCleanTriBox .circle:nth-of-type(3) ul {position:absolute; top:40px; left:140px; text-align:left; width:100%; z-index:5; width:500px;}

.subPublicCleanBottomBox {margin:30px 0;}
.subPublicCleanBottomBox h4 {margin-bottom:15px; font-size:18px; color:#e22931; text-align:center;}
.subPublicCleanBottomBox h4 span {color:#666; font-weight:500; font-size:1.4em;}
.subPublicCleanBottomBox .whiteLineBox {padding:10px 20px; border:1px solid #aaa; text-align:center;}
.subPublicCleanBottomBox .whiteLineBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subPublicCleanBottomBox .whiteLineBox .ulFloat_01_public {display:inline-block; text-align:left;}
.subPublicCleanBottomBox .whiteLineBox .ulFloat_01_public li {float:left; margin-left:40px;}
.subPublicCleanBottomBox .whiteLineBox .ulFloat_01_public li:first-child {margin-left:0px;}

.boardUploadWrap .col_3di {float:left; width:33.33%;}
.boardUploadWrap .col_3di .line2 {line-height:1;}
.boardUploadWrap .col_3di .formBox input{width:100%;}


/* 정보공개 - 클린신고 센터 - 팝업 */
.publicCleanReWrap {width:303px;display:none;}



@media all and (max-width:850px){
		
	.subPublicCleanTopBox h1 {font-size:16px;}
	.subPublicCleanTopBox h1 span {font-size:16px;}
	.subPublicCleanTopBox p {font-size:12px;}
	.subPublicCleanTopBox p br {display:none;}
	.subPublicCleanTriBox {padding:5px 0;}
		
	.circleCenterWrap {display:block; width:100%; padding:0 0px; height:auto; background:none;}
	.subPublicCleanTriBox .circle {position:relative; clear:both; margin:0 0 10px;}
	.subPublicCleanTriBox .circle:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.subPublicCleanTriBox .circle h1 {position:relative;width:100px; height:100px; font-size:14px; padding-top:30px; float:left; margin-right:10px;}
	.subPublicCleanTriBox .circle ul {position:relative; top:0; left:0; text-align:left; float:left; padding:15px 0 0 0;}
	.subPublicCleanTriBox .circle:nth-of-type(1) {position:relative; top:0; left:0; width:100%;}
	.subPublicCleanTriBox .circle:nth-of-type(1) ul {position:relative; top:0; left:0; text-align:left; width:calc(100% - 110px);}
	.subPublicCleanTriBox .circle:nth-of-type(2) {position:relative; bottom:0; left:0; width:100%;}
	.subPublicCleanTriBox .circle:nth-of-type(2) ul {position:relative; top:0; left:0; text-align:left; width:calc(100% - 110px);}
	.subPublicCleanTriBox .circle:nth-of-type(3) {position:relative; bottom:0; right:0; text-align:right;}
	.subPublicCleanTriBox .circle:nth-of-type(3) ul {position:relative; top:0; left:0; text-align:left; width:calc(100% - 110px);}
	
	.subPublicCleanBtnBox .btnBox a {font-size:13px; color:#333; font-weight:300; border:1px solid #aaa; padding:5px 20px; margin:10px 0 20px; min-width:200px;}
		
	.subPublicCleanBottomBox h4 {font-size:15px;}
	.subPublicCleanBottomBox h4 span {font-size:1em;}
	.subPublicCleanBottomBox .whiteLineBox {padding:10px 20px; text-align:left;}
	.subPublicCleanBottomBox .whiteLineBox .ulFloat_01_public li {float:none; margin-left:0px;}
		
	.boardUploadWrap .col_3di {float:none; width:100%;}
	.boardUploadWrap .col_3di .formBox input {width:100%;}
	.boardUploadWrap .col_3di .line2 br {display:none;}
	
}

@media all and (max-width:550px){
	.publicCleanReWrap {width:100%;}
}



/* 정보공개 - 경영공시 - 이사회관련 */

.circleTabWrap {width:100%; text-align:center; margin-bottom:30px;}
.circleTabWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.circleTapUl {display:inline-block;}
.circleTapUl > li {width:110px; height:110px; border-radius:50%; background-color:#888888; float:left; margin-right:10px; padding-top:35px;}
.circleTapUl > li:last-of-type {margin-right:0px;}
.circleTapUl > li > a {color:#fff; font-weight:500; font-size:15px; vertical-align:middle; display:block; width:100%; height:100%; vertical-align:middle; text-align:center;}
.circleTapUl > li.active {background-color:#df585b;}

.subRealSmallText {margin:15px 0 15px; color:#555; font-size:13px;}

.tabCircleContentsWrap .subRealTitleBox {margin-top:70px;}
.tabCircleContentsWrap .subRealTitleBox:first-child {margin-top:0;}

@media all and (max-width:850px){
	
	.tabCircleContentsWrap .subRealTitleBox {margin-top:25px;}
	.circleTapUl {width:100%;}
	.circleTapUl > li {width:100%; height:auto; float:left; border-radius:0; margin-right:10px; margin-bottom:5px; padding:10px;}
	.circleTapUl > li:last-of-type {margin-right:10px;}
	.circleTapUl > li > a {color:#fff; font-weight:500; font-size:13px; vertical-align:middle; vertical-align:middle; text-align:center;}
}


/* 비전/경영전략 */
.subVisionTitle_01 {width:100%; text-align:center;}
.subVisionTitle_01 p {width:174px; height:34px; line-height:30px; font-size:18px; border-radius:10px; color:#e02a30; font-weight:500; border:2px solid #999799; text-align:center; margin:0 auto; position:relative;}
.subVision_title_01 {margin:50px auto 0px !important;}
.subVision_title_02:after {content:""; position:absolute; width:1px; height:40px; z-index:50; background-color:#a4a196; top:100%; left:50%;}

.subVisionMissionBox {width:440px; margin:0 auto;}
.subVisionMissionBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subVisionMissionBox > .col {width:50%; float:left; text-align:center; position:relative;}
.subVisionMissionBox > .col > .imgBox {margin-bottom:10px;}
.subVisionMissionBox > .col > h4 {margin-bottom:5px; font-weight:500; font-size:18px; color:#e02a30;}
.subVisionMissionBox > .col > p {}
.verticalLine_01 {height:70px; width:1px; border-right:1px dotted #999; position:absolute; bottom:0px; right:0;}

.subVisionWrap {width:100%; padding:20px 0 0; height:100%;}
.subVisionWrap .imgBox {text-align:center; margin:0 0 30px 0;}
.subVisionWrap .middleLetterBox {width:625px; border:3px solid #9db5c4; padding:7px 0; border-radius:7px; text-align:center; margin:25px auto 5px;}
.subVisionWrap .middleLetterBox .innerGray {font-size:17px;}
.subVisionWrap .middleLetterBox .innerBigger {display:inline-block; font-size:22px; font-weight:500; color:#959184;}
.subVisionWrap .middleLetterBox .innerBigger span {font-weight:500;}
.subVisionWrap .middleArrowBox {text-align:center;}

.subVisionSqureUlWrap {text-align:center; margin-top:40px;}
.subVisionSqureUl {display:inline-block; text-align:center; position:relative;}
.subVisionSqureUl:before {content:""; position:absolute; width:689px; height:1px; z-index:200; background-color:#9db5c4; top:-20px; left:73px;}
.subVisionSqureUl li {position:relative; width:146px; height:137px; border:3px solid #9db5c4; text-align:center; float:left; padding:15px 10px; margin-left:26px; font-size:14px; color:#777; background-color:#fff;}
.subVisionSqureUl li:after {content:""; position:absolute; width:1px; height:20px; z-index:50; background-color:#a4a196; top:-25px; left:50%;}
.subVisionSqureUl li:first-child {margin-left:0px;}

@media all and (max-width:1100px){	
	.subVisionWrap .middleLetterBox {width:90%;}	
	.subVision_title_02:after {content:""; position:absolute; width:1px; height:20px; z-index:50; background-color:#a4a196; top:100%; left:50%;}
	
	.subVisionSqureUlWrap {margin-top:18px;}
	.subVisionSqureUl:before {display:none;}
	.subVisionSqureUl {width:100%;}
	.subVisionSqureUl li {width:100%; height:auto; float:none; margin-left:0; margin-bottom:10px;}
	.subVisionSqureUl li br {display:none;}
	.subVisionSqureUl li:after {display:none;}
}

@media all and (max-width:850px){
	
	.subVisionTitle_01 p {font-size:15px;}
	.subVisionWrap .middleLetterBox .innerGray {font-size:14px;}
	.subVisionWrap .middleLetterBox .innerBigger {display:inline-block; font-size:15px; font-weight:500; color:#959184;}
	.subVisionWrap .middleLetterBox .innerBigger span {font-weight:500; font-size:15px;}
	.subVisionSqureUl li {font-size:12px;}	
	
	.subVisionMissionBox {width:100%; margin:0 auto;}
	.subVisionMissionBox > .col > .imgBox img {width:40px;}
	.subVisionMissionBox > .col > h4 {font-size:15px;}
	.subVisionMissionBox > .col > p {font-size:12px; }
}


/* 회원정보 수정 */
.modifyRowBox {padding:10px 0 10px; border-bottom:1px solid #ddd;}
.modifyRowBox:last-of-type {border-bottom:none; padding-bottom:0;}
.modifyRowBox h1 {font-size:16px; font-weight:500; color:#e22931; margin-bottom:10px;}
.modifyRowBox .smallParagh {display:inline-block; vertical-align:top; font-size:12px; padding-left:10px;}
.modifyPara {font-size:14px; text-align:center; padding-top:10px; color:#777;}

@media all and (max-width:850px){
	
	.modifyRowBox {padding:10px 0 10px; border-bottom:none;}
	.modifyRowBox h1 {font-size:15px;}
	.modifyRowBox .smallParagh {margin-top:5px; font-size:11px; width:90%; padding-left:0px;}
	.modifyRowBox .smallParagh br {display:none;}
	.modifyPara {font-size:12px; text-align:left;}
	.modifyPara br {display:none;}
}


/* 통합검색 */
.detailSearch {margin:10px 0; text-align:right; letter-spacing:-1px;}
.searchTabWrap {text-align:center; padding:50px 0 30px; border-bottom:1px solid #888;}
.searchTabWrap h2 {font-size:16px; margin-bottom:15px;}
.searchTabWrap .selectCategoryUl > li > a {font-size:15px;}

.searchRow {padding:25px 0; border-bottom:1px solid #888; position:relative;}
.searchRow:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.searchRow .titleBox {margin-bottom:15px;}
.searchRow .titleBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.searchRow .titleBox h2 {float:left; font-size:16px; font-weight:500; color:#e22931;}
.searchRow .titleBox h3 {float:right; margin-top:-3px;}
.searchRow .titleBox h3 a {font-size:12px; color:#aaa; font-weight:300;}
.searchRow .contentsBox {padding:5px 0;}
.searchRow .contentsBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.searchRow .searchContents {font-size:14px; color:#aaa; margin-bottom:5px;}

.searchRow .contentsBox .word {color:gray;font-size:12px;margin-top:3px}
.searchRow .contentsBox .word b {}
.menuDirectSearchGo {}
.menuDirectSearchGo .row {margin-bottom:30px;}
.menuDirectSearchGo .row:last-of-type {margin-bottom:0px;}
.menuDirectSearchGo .row h2 {font-size:16px; font-weight:500; margin-bottom:7px;}
.menuDirectSearchGo .row h3 a {font-size:15px; color:#e22931; font-weight:500;}

.performCultureSearchGo {}
.performCultureSearchGo .col {float:left; width:23.5%; margin-left:2%;}
.performCultureSearchGo .col:first-of-type {margin-left:0;}
.performCultureSearchGo .col .imgBox {width:100%; height:150px; margin:0 0 10px 0;    background-image: url(/resources/img/board/no_img.gif);background-repeat: no-repeat;background-position: center center;}
.performCultureSearchGo .col h3 {margin-bottom:7px;}
.performCultureSearchGo .col h3 a {font-size:16px; font-weight:500;}
.performCultureSearchGo .col h3 .cate {padding:1px 5px; border-radius:10px; font-size:16px; }
.performCultureSearchGo .col p {font-size:14px; color:#888;}

.boardSearchGo {}
.boardSearchGo .row {margin-bottom:30px;}
.boardSearchGo .row:last-of-type {margin-bottom:0px;}
.boardSearchGo .row h2 {font-size:16px; font-weight:500; margin-bottom:5px;}
.boardSearchGo .row h2 a {font-size:16px; font-weight:500; margin-bottom:5px;max-width:70%;float:left;}
.boardSearchGo .row h2 a .boardSearchGo {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display: block;}
.boardSearchGo .row h2 span {font-size:0.9em; color:#999;}
.boardSearchGo .row h3 {font-size:14px; color:#aaa; margin-bottom:5px;}
.boardSearchGo .row h4,
.boardSearchGo .row h4 a{font-size:14px; color:#e22931; font-weight:500;}

.picVideoSearchGo {}
.picVideoSearchGo .row {margin-bottom:30px;}
.picVideoSearchGo .row:last-of-type {margin-bottom:0px;}
.picVideoSearchGo .imgBox {float:left; margin-right:10px;}
.picVideoSearchGo .letterBox {float:left; width:calc(100% - 243px);}
.picVideoSearchGo .letterBox h2 {font-size:16px; font-weight:500; margin-bottom:5px;}
.picVideoSearchGo .letterBox h3 {font-size:14px; color:#aaa; margin-bottom:5px;}
.picVideoSearchGo .letterBox h4 {font-size:14px; color:#e22931; }

.detailSearchWrap {padding:30px 0; padding-left:25%; border-bottom:1px solid #888;}
.detailSearchUl {margin-bottom:15px;}
.detailSearchUl > li {margin-bottom:10px;}
.detailSearchUl > li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.detailSearchUl > li h1 {float:left; width:10%; font-size:14px; font-weight:500; text-align:right;}
.detailSearchUl > li .labelBox {float:left; width:90%; padding-left:20px}
.detailSearchUl > li .labelBox label {font-size:14px; margin-right:5px;}
.detailSearchUl > li #searchBeginDate,
.detailSearchUl > li #searchEndDate {width:100px;}

.detailSearchWrap .btnBox {padding-left:15%; }
@media all and (max-width:1050px){
	.detailSearchWrap {padding-left:0}

}

@media all and (max-width:850px){
	.searchTabWrap {text-align:center; padding:20px 0 20px; border-bottom:1px solid #888;}
	.searchTabWrap h2 {font-size:14px; margin-bottom:15px;}
	.searchTabWrap .selectCategoryUl > li > a {font-size:12px;}
	
	.searchRow .titleBox h2 {font-size:14px;}
	
	.menuDirectSearchGo .row h2 {font-size:14px;}
	.menuDirectSearchGo .row h3 a {font-size:12px;}
	
	.performCultureSearchGo .col {float:left; width:48%; margin-left:2%; margin-bottom:2%;}
	.performCultureSearchGo .col:nth-of-type(3n) {margin-left:0; clear:both;}
	.performCultureSearchGo .col h3 a {font-size:14px;4}
	.performCultureSearchGo .col h3 .cate {font-size:14px; }
	.performCultureSearchGo .col p {font-size:12px;}
	
	.boardSearchGo .row h2 {font-size:14px;4}
	.boardSearchGo .row h2 span {font-size:0.9em; color:#999;}
	.boardSearchGo .row h3 a {font-size:12px;}
	.boardSearchGo .row h3 {font-size:12px;}
	.boardSearchGo .row h4 {font-size:12px;}
		
	.picVideoSearchGo .imgBox {float:left; width:35%; margin-right:0px;}
	.picVideoSearchGo .letterBox {float:left; width:65%; padding-left:2%;}
	.picVideoSearchGo .letterBox h2 {font-size:14px;}
	.picVideoSearchGo .letterBox h3 {font-size:12px;}
	.picVideoSearchGo .letterBox h4 {font-size:12px;}	
		
	.detailSearchWrap {padding:15px 0; padding-left:0%;}
	.detailSearchUl {margin-bottom:15px;}
	.detailSearchUl > li {margin-bottom:10px;}
	.detailSearchUl > li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.detailSearchUl > li h1 {float:none; width:100%; font-size:14px; text-align:left; margin-bottom:5px;}
	.detailSearchUl > li .labelBox {float:none; width:100%; padding-left:5px}
	.detailSearchUl > li .labelBox label {font-size:12px; margin-right:5px;}
	.detailSearchWrap .btnBox {padding-left:15%; }
	.detailSearchWrap .btnBox button {font-size:12px; }
	
	
}


/* 페이지 넘버 */
.pageNumberBox {width:100%; margin-top:20px; margin-bottom:20px; text-align:center;}
.pageNumberUl {display:inline-block; text-align:center;}
.pageNumberUl:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
/* .pageNumberUl li { float:left; margin:0 2px; padding:3px; border:1px solid #e5e6e5; vertical-align:middle;min-width:30px;} */
.pageNumberUl li { float:left; margin:0 2px; padding:3px; vertical-align:middle;min-width:10px;}
/* .pageNumberUl li a { font-size:13px; color:#58595b; display:inline-block; width:100%; height:100%; padding:2px 5px 3px; text-align:center;} */
.pageNumberUl li a { font-size:13px; color:#58595b; width:100%; height:100%; padding:2px 5px 3px; text-align:center;}
.pageNumberUl li.active {background-color:#58595b;}
.pageNumberUl li.active a {color:#fff;}
.pageNumberUl img{vertical-align: middle;}

@media all and (max-width:850px){	
	.pageNumberUl {margin-top:10px;}
	
	
		
}

/* 문화예술자문위원회 */
.boxBlue {padding:20px; border:1px solid #9db5c4; margin-top:40px;}
.boxBlue h3 {text-align:center; margin-bottom:15px; font-weight:500; font-size:16px; color:#669fcd;}
.boxBlue h3 span {color:#669fcd;}
.boxBlue p {font-size:13px; font-weight:300;}

.colorBlue2 {color:#2c84c1;}
.ulSubDefault_padNone {padding-left:0 !important;}


/* 문화도시간교류사업 */
.yearBox_01 {width:80%;}
.yearBox_01 .row {padding-top:15px;}
.yearBox_01 .year {float:left; width:14%; padding-top:0px; font-size:32px; font-weight:500; color:#f6875a;}
.yearBox_01 .contents {float:left; width:86%; padding-bottom:15px; border-bottom:1px solid #ddd;}
.yearBox_01 .row:last-of-type .contents {border-bottom:none;}



@media all and (max-width:850px){	
	.boxBlue {padding:10px; margin-top:20px;}
	.boxBlue h3 {font-size:14px;}
	.boxBlue p {font-size:12px;}
	
	.yearBox_01 {width:100%;}
	.yearBox_01 .year {float:none; width:100%; font-size:16px;}
	.yearBox_01 .contents {float:none; width:100%; padding-bottom:15px; border-bottom:1px solid #ddd;}
	.yearBox_01 .contents .ulSubDefault > li {font-size:12px !important;}
	.yearBox_01 .contents img {width:49%;}
	
	
		
}