/*================================================================================================
    서브이미지 - 기본
================================================================================================*/
.sub_img{
	width: 100%;
	height: 18.947rem;
	position: relative;
	text-align: center;
}

/*================================================================================================
    서브이미지 - 배경이미지
================================================================================================*/
.sub_img1{
	background:url('../images/sub/sub_img01.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img2{
	background:url('../images/sub/sub_img02.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img3{
	background:url('../images/sub/sub_img03.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img4{
	background:url('../images/sub/sub_img04.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img5{
	background:url('../images/sub/sub_img05.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img6{
	background:url('../images/sub/sub_img06.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img7{
	background:url('../images/sub/sub_img07.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img8{
	background:url('../images/sub/sub_img08.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img9{
	background:url('../images/sub/sub_img09.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img10{
	background:url('../images/sub/sub_img10.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.sub_img11{
	background:url('../images/sub/sub_img11.jpg') no-repeat;
	background-position: 50% 50%;
	background-size : cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}

/*================================================================================================
    서브이미지 - 타이틀
================================================================================================*/
.sub_img > .sub_title{
	width: 100%;
	overflow: hidden;
	font-family: 'HallymMjo-Bold';
	font-size: 2.421rem;
	color: #FFFFFF;
	line-height: 2.632rem;
	padding: 7.368rem 0 0 0;
}

/*================================================================================================
    서브이미지 - 페이지 경로
================================================================================================*/
.sub_img > .sub_link{
	font-size: 1rem;
	color: #FFFFFF;	
	display: inline-block;
	padding: 0.895rem 0 0 0;
}
.sub_img > .sub_link > li{
	float: left;
}
.sub_img > .sub_link > li > .icon_home{
	width: 0.737rem;
}
.sub_img > .sub_link > li > .sub_link_point{
	width: 0.211rem;
	height: 0.211rem;
	background: #FFFFFF;
	border-radius: 50%;
	margin: 0.947rem 0.526rem 0 0.526rem;
}

/*================================================================================================
    서브이미지 - 페이지 경로 - 서브메뉴이동
================================================================================================*/
.sub_link select{
	appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;	
}
.sub_link .selectBox *{
	box-sizing: border-box;
}
.sub_link .selectBox{
	width: auto;
	height: 1.842rem;
	cursor: pointer;
	position: relative;
}
.sub_link .selectBox .label{
	width: inherit;
	height: inherit;
	font-size: 1rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	border: 0 none;
	outline: 0 none;
	background: transparent;
	cursor: pointer;
}
.sub_link .selectBox .label img{
	width: 0.632rem;
	margin: 0.105rem 0 0 0.737rem;
}
.sub_link .selectBox .optionList{
	width: 7.368rem;
	position: absolute; 
	top: 2.105rem;
	left: -1.579rem;
	background: #FFFFFF;	
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	max-height: 0;
	transition: .3s ease-in;
}
.sub_link .selectBox.active .optionList{
	max-height: 500px;
	padding: 0.526rem 0 0.789rem 0;
}
.sub_link .selectBox .optionItem{	
	transition: .1s;
	line-height: 1.842rem;
}
.sub_link .selectBox .optionItem a{
	font-size: 0.842rem;
	color: #000000;
	line-height: 0.842rem;
}
.sub_link .selectBox .optionItem:hover a{
	color: #388edd;
}
.sub_link .selectBox .optionItem:last-child {
	border-bottom: 0 none;
}

/*================================================================================================
    서브내용 - 기본 레이아웃
================================================================================================*/
.sub_content{
	width: 100%;
	overflow: hidden;
	min-height: 10.526rem;
	margin: 4.211rem 0;
}

@media (max-width: 499px){
	.sub_content{
		width: 100%;
		overflow: hidden;
		min-height: 10.526rem;
		margin: 3.158rem 0;
	}
}

/*================================================================================================
    서브타이틀
================================================================================================*/
.sub_title1{
	font-family: 'HallymMjo-Bold';
	font-size: 2.211rem;
	color: #000000;
	line-height: 2.474rem;
}
.sub_title2{
	font-family: 'HallymMjo-Bold';
	font-size: 2.053rem;
	color: #000000;
	line-height: 2.895rem;
}
.sub_title3{
	font-family: 'Gyeonggi_Title_Medium';
	font-size: 1.895rem;
	color: #000000;
	line-height: 2.158rem;
	padding: 0 0 1.316rem 0;
}

@media (max-width: 499px){
	.sub_title1{
		font-family: 'HallymMjo-Bold';
		font-size: 2.105rem;
		color: #000000;
		line-height: 2.368rem;
	}
	.sub_title2{
		font-family: 'HallymMjo-Bold';
		font-size: 1.842rem;
		color: #000000;
		line-height: 2.368rem;
	}
	.sub_title3{
		font-family: 'Gyeonggi_Title_Medium';
		font-size: 1.684rem;
		color: #000000;
		line-height: 1.947rem;
		padding: 0 0 0.842rem 0;
	}
}

/*================================================================================================
    서브내용
================================================================================================*/
.sub_info{
	width: 100%;
	overflow: hidden;
}
.sub_info > div{
	font-size: 1.105rem;
	color: #454545;
	line-height: 1.895rem;
	padding: 0 0 2.263rem 0;
}
.sub_info > .div_e{
	padding-bottom: 0;
}

/*================================================================================================
    서브테이블
================================================================================================*/
.sub_content table{
	width: 100%;
	overflow: hidden;
}
.sub_content table th{
	border-top: 3px solid #000000;
	background: #f4f6f8;
	font-weight: 500;
	font-size: 1.105rem;
	color: #000000;
	text-align: center;
	padding: 0.895rem 0;
	border-right: 1px solid #e0e0e0;
}
.sub_content table .t_e{
	border-right: 0;
}
.sub_content table td{
	font-size: 1.105rem;
	color: #454545;
	text-align: center;
	padding: 0.895rem 1.053rem;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/*================================================================================================
    서브메뉴
================================================================================================*/
.page_sub_menu{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 0 0 2.105rem 0;
}
.page_sub_menu > #tabs,
.page_sub_menu > ul{	
	width: 101%;
	overflow: hidden;
}
.page_sub_menu > #tabs > li,
.page_sub_menu > ul > li{
	width: 25%;
	padding: 0 1% 0 0;
	float: left;
}
.page_sub_menu > #tabs > li > a,
.page_sub_menu > ul > li > a{
	width: 100%;
	height: 3.158rem;
	display: block;
	background: #f3f3f3;
	font-size: 1.053rem;
	color: #454545;
	line-height: 1.368rem;
	border-radius: 2.632rem;
	padding: 0.895rem 0 0 0;
}
.page_sub_menu > #tabs > #current > a,
.page_sub_menu > ul > .on > a{
	font-weight: 500;
	color: #FFFFFF;
	background: #388edd;
}

@media (max-width: 699px){
	.page_sub_menu{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 1.316rem 0;
	}
	.page_sub_menu > #tabs,
	.page_sub_menu > ul{	
		width: 102%;
		overflow: hidden;
	}
	.page_sub_menu > #tabs > li,
	.page_sub_menu > ul > li{
		width: 50%;
		padding: 0 2% 0.263rem 0;
		float: left;
	}
}

/*================================================================================================
    문화원소개 - 인사말 - 기본레이아웃
================================================================================================*/
.page1_1{
	background: url('../images/sub/page1_1_01.png') no-repeat;
	background-size: 13.211rem 7rem;
	background-position: 98% 0%;
}
.page1_1 > ul{
	width: 100%;
	overflow: hidden;
}
.page1_1 > ul > .page1_1_left{
	width: 100%;
	overflow: hidden;
}
.page1_1 > ul > .page1_1_right{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 3.158rem 0 0 0;
}

/*================================================================================================
    문화원소개 - 인사말 - 타이틀
================================================================================================*/
.page1_1 > .sub_title2{
	padding: 0.895rem 0 2.632rem 0;
}
.page1_1 > .sub_title2 > .br_page1_1{
	display: block;
}

@media (max-width: 499px){
	.page1_1 > .sub_title2{
		padding: 0.895rem 0 1.842rem 0;
	}
	.page1_1 > .sub_title2 > .br_page1_1{
		display: none;
	}
}

/*================================================================================================
    문화원소개 - 인사말 - 이미지
================================================================================================*/
.page1_1 > ul > .page1_1_right img{
	width: 100%;
	max-width: 640px;
	border-radius: 1.579rem;
}

/*================================================================================================
    문화원소개 - 소개 - 소개설명
================================================================================================*/
.page1_2 > .sub_info{
	width: 100%;
	overflow: hidden;
	padding: 0 0 2.632rem 0;
}
.page1_2 > .sub_info .br_page12_1{
	display: none;
}

/*================================================================================================
    문화원소개 - 소개 - 주요사업 - 기본레이아웃
================================================================================================*/
.page1_2 > ul{
	width: 102%;
	overflow: hidden;
}
.page1_2 > ul > li{
	width: 50%;
	float: left;
	padding: 0 2% 2% 0;
}
.page1_2 > ul > .li_5{
	padding-bottom: 0;
}
.page1_2 > ul > .li_6{
	padding-bottom: 0;
}

@media (max-width: 699px){
	.page1_2 > ul{
		width: 100%;
		overflow: hidden;
	}
	.page1_2 > ul > li{
		width: 100%;
		overflow: hidden;
		padding: 0 0 1.053rem 0;
	}
	.page1_2 > ul > .li_5{
		padding-bottom: 1.053rem;
	}
}

/*================================================================================================
    문화원소개 - 소개 - 주요사업 - 배경이미지
================================================================================================*/
.page1_2 > ul > li > dl{
	width: 100%;
	height: 24.211rem;
	text-align: center;
	border-radius: 1.579rem;
	padding: 0 2.632rem;
}
.page1_2 > ul > .li_1 > dl{
	background: #000000 url(../images/sub/page1_2_01.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.page1_2 > ul > .li_2 > dl{
	background: #000000 url(../images/sub/page1_2_02.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.page1_2 > ul > .li_3 > dl{
	background: #000000 url(../images/sub/page1_2_03.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.page1_2 > ul > .li_4 > dl{
	background: #000000 url(../images/sub/page1_2_04.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.page1_2 > ul > .li_5 > dl{
	background: #000000 url(../images/sub/page1_2_05.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.page1_2 > ul > .li_6 > dl{
	background: #000000 url(../images/sub/page1_2_06.jpg) no-repeat 50% 50%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

@media (max-width: 699px){
	.page1_2 > ul > li > dl{
		width: 100%;
		height: 19.474rem;
		text-align: center;
		border-radius: 1.579rem;
		padding: 0 2.632rem;
	}
}
@media (max-width: 499px){
	.page1_2 > ul > li > dl{
		width: 100%;
		height: 18.421rem;
		text-align: center;
		border-radius: 1.579rem;
		padding: 0 0.526rem;
	}
}

/*================================================================================================
    문화원소개 - 소개 - 주요사업 - 타이틀,설명
================================================================================================*/
.page1_2 > ul > li > dl > dt{
	width: 100%;
	overflow: hidden;
	font-weight: 700;
	font-size: 1.579rem;
	color: #FFFFFF;
	line-height: 1.842rem;
	padding: 10.526rem 0 1.579rem 0;
}
.page1_2 > ul > li > dl > dd{
	width: 100%;
	overflow: hidden;
	font-size: 1.105rem;
	color: #FFFFFF;
	line-height: 1.579rem;	
}

@media (max-width: 699px){
	.page1_2 > ul > li > dl > dt{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 1.579rem;
		color: #FFFFFF;
		line-height: 1.842rem;
		padding: 7.368rem 0 1.579rem 0;
	}
}
@media (max-width: 499px){
	.page1_2 > ul > li > dl > dt{
		width: 100%;
		overflow: hidden;
		font-weight: 700;
		font-size: 1.421rem;
		color: #FFFFFF;
		line-height: 1.842rem;
		padding: 5.789rem 0 1.579rem 0;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 메뉴
================================================================================================*/
.page1_3 .page1_3_menu{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.page1_3 .page1_3_menu > #tabs{	
	display: inline-block;
}
.page1_3 .page1_3_menu > #tabs > li{
	padding: 0 0.526rem;
	float: left;
}
.page1_3 .page1_3_menu > #tabs > li > a{
	width: 13.158rem;
	height: 4.632rem;
	display: block;
	background: #f3f3f3;
	font-size: 1.053rem;
	color: #454545;
	line-height: 1.368rem;
	border-radius: 2.632rem;
	padding: 0.895rem 0 0 0;
}
.page1_3 .page1_3_menu > #tabs > #current > a{
	font-weight: 500;
	color: #FFFFFF;
	background: #388edd;
}

@media (max-width: 599px){
	.page1_3 .page1_3_menu > #tabs > li{
		padding: 0 0.263rem;
		float: left;
	}
	.page1_3 .page1_3_menu > #tabs > li > a{
		width: 9.474rem;
		height: 4.632rem;
		display: block;
		background: #f3f3f3;
		font-size: 1rem;
		color: #454545;
		line-height: 1.368rem;
		border-radius: 2.632rem;
		padding: 0.895rem 0 0 0;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 내용 - 기본레이아웃
================================================================================================*/
.page1_3 .page1_3_content{
	width: 100%;
	overflow: hidden;
	padding: 4.737rem 0 0 0;
}
.page1_3 .page1_3_content .page1_3_content_left{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}
.page1_3 .page1_3_content .page1_3_content_right{
	width: 100%;
	overflow: hidden;
}

@media (max-width: 599px){
	.page1_3 .page1_3_content{
		width: 100%;
		overflow: hidden;
		padding: 2.632rem 0 0 0;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 내용 - 타이틀
================================================================================================*/
.page1_3 .page1_3_content .page1_3_content_left .pcl_top{
	width: 70%;
	float: left;
}
.page1_3 .page1_3_content .page1_3_content_left .pcl_top > .pcl_stitle{
	font-family: 'HallymMjo-Bold';
	font-size: 1.842rem;
	color: #388edd;
}
.page1_3 .page1_3_content .page1_3_content_left .pcl_top > .pcl_title{
	font-family: 'HallymMjo-Bold';
	font-size: 3.158rem;
	color: #000000;
	line-height: 3.421rem;
	padding: 1.316rem 0 2.632rem 0;
}

@media (max-width: 599px){
	.page1_3 .page1_3_content .page1_3_content_left .pcl_top > .pcl_stitle{
		font-family: 'HallymMjo-Bold';
		font-size: 1.579rem;
		color: #388edd;
	}
	.page1_3 .page1_3_content .page1_3_content_left .pcl_top > .pcl_title{
		font-family: 'HallymMjo-Bold';
		font-size: 2.632rem;
		color: #000000;
		line-height: 2.895rem;
		padding: 1.316rem 0 2.632rem 0;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 리스트 - 이미지
================================================================================================*/
.page1_3 .page1_3_content .page1_3_content_left > .pcl_img{	
	width: 30%;
	float: left;
	text-align: right;
}
.page1_3 .page1_3_content .page1_3_content_left > .pcl_img > img{
	width: 4.211rem;
}

@media (max-width: 599px){
	.page1_3 .page1_3_content .page1_3_content_left > .pcl_img > img{
		width: 3.684rem;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 리스트 - 내용 
================================================================================================*/
.page1_3 .page1_3_content .page1_3_content_right > ul{
	width: 100%;
	overflow: hidden;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	padding: 1.789rem 0 0 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_year{
	font-family: 'Gyeonggi_Title_Medium';
	font-size: 2.632rem;
	color: #121212;
	line-height: 2.895rem;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info{
	width: 100%;
	overflow: hidden;
	padding: 0.947rem 0 1.579rem 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.526rem 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > .dl_e{
	padding-bottom: 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl > dt{
	width: 20%;
	float: left;
	font-size: 1.105rem;
	color: #000000;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl > dd{
	width: 80%;
	float: left;
	font-size: 1.105rem;
	color: #454545;
}

@media (max-width: 599px){
	.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_year{
		font-family: 'Gyeonggi_Title_Medium';
		font-size: 2.368rem;
		color: #121212;
		line-height: 2.632rem;
	}
	.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl{
		width: 100%;
		overflow: hidden;
		padding: 0 0 0.789rem 0;
	}
	.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl > dt{
		width: 100%;
		overflow: hidden;
		font-size: 1.105rem;
		color: #000000;
	}
	.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl > dd{
		width: 100%;
		overflow: hidden;
		font-size: 1.105rem;
		color: #454545;
		padding: 0.263rem 0 0 0;
	}
}

/*================================================================================================
    문화원소개 - 연혁 - 리스트 - 내용 - 설명글
================================================================================================*/
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info > dl > dd > div{
	padding-bottom: 0.263rem;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info .pcr_con{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.526rem 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info .pcr_con > .pcr_con_point{
	width: 3%;
	float: left;
	margin: 0.579rem 0 0 0;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info .pcr_con > .pcr_con_info{
	width: 97%;
	float: left;
	font-size: 1rem;
	color: #838383;
	line-height: 1.316rem;
}
.page1_3 .page1_3_content .page1_3_content_right > ul > li > .pcr_info .pcr_con > .pcr_con_point > span{
	width: 0.263rem;
	height: 0.263rem;
	background: #eeeeee;
	display: block;	
}

/*================================================================================================
    문화원소개 - 사무국현황 - 메뉴
================================================================================================*/
.page1_4 .page1_4_menu{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 0 0 2.105rem 0;
}
.page1_4 .page1_4_menu > #tabs{	
	width: 101%;
	overflow: hidden;
}
.page1_4 .page1_4_menu > #tabs > li{
	width: 25%;
	padding: 0 1% 0 0;
	float: left;
}
.page1_4 .page1_4_menu > #tabs > li > a{
	width: 100%;
	height: 3.158rem;
	display: block;
	background: #f3f3f3;
	font-size: 1.053rem;
	color: #454545;
	line-height: 1.368rem;
	border-radius: 2.632rem;
	padding: 0.895rem 0 0 0;
}
.page1_4 .page1_4_menu > #tabs > #current > a{
	font-weight: 500;
	color: #FFFFFF;
	background: #388edd;
}

@media (max-width: 699px){
	.page1_4 .page1_4_menu{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 1.316rem 0;
	}
	.page1_4 .page1_4_menu > #tabs{	
		width: 103%;
		overflow: hidden;
	}
	.page1_4 .page1_4_menu > #tabs > li{
		width: 50%;
		padding: 0 3% 0.263rem 0;
		float: left;
	}
}

/*================================================================================================
    문화원소개 - 사무국현황 - 기본레이아웃
================================================================================================*/
.page1_4 .page1_4_notice{
	width: 100%;
	overflow: hidden;
	font-size: 0.895rem;
	color: #838383;
	padding: 0 0 1.053rem 0;
	text-align: right;
}
.page1_4 .page1_4_list{
	width: 100%;
	overflow: hidden;
	padding: 0 0 3.158rem 0;
}
.page1_4 .page1_4_list > li{
	width: 100%;
	overflow: hidden;
}

@media (max-width: 499px){

	.page1_4 .page1_4_list > li{
		width: 100%;
		overflow-x: auto;
	}
}

/*================================================================================================
    문화원소개 - 사무국현황 - 테이블
================================================================================================*/
.page1_4 .page1_4_list table .th_1,
.page1_4 .page1_4_list table .td_1{
	width: 20%;
}
.page1_4 .page1_4_list table .th_2,
.page1_4 .page1_4_list table .td_2{
	width: 20%;
}
.page1_4 .page1_4_list table .th_3,
.page1_4 .page1_4_list table .td_3{
	width: 60%;	
}
.page1_4 .page1_4_list table .td_3{
	text-align: left;
	word-break: break-all;
}
.page1_4 .page1_4_list table::-webkit-scrollbar{
	height:6px;
}
.page1_4 .page1_4_list table::-webkit-scrollbar-thumb{
	width: 10%;
	background: #000000;
	cursor: pointer;
}
.page1_4 .page1_4_list table::-webkit-scrollbar-track{
	background: #f2f2f2;
}

@media (max-width: 499px){
	.page1_4 .page1_4_list table{
		width: 600px;
	}
}

/*================================================================================================
    문화원소개 - 문화원진흥법 - 메뉴
================================================================================================*/
.page1_5 .page_sub_menu > #tabs > li{
	width: 50%;
	letter-spacing: -1.0px;
}

/*================================================================================================
    문화원소개 - 문화원진흥법 - 타이틀
================================================================================================*/
.page1_5 .page1_5_title > span{
	font-size: 1.368rem;
	color: #696969;
	display: block;
}


/*================================================================================================
    문화원소개 - 문화원진흥법 - top
================================================================================================*/
.clause_top{
	width: 100%;
	overflow: hidden;
	background: #f4f6f8;
	font-size: 1rem;
	color: #454545;
	padding: 1.579rem 1.579rem;
	margin: 0 0 2.368rem 0;
}
.clause_top .clause_top_left{
	width: 100%;
	overflow: hidden;
}
.clause_top .clause_top_right{
	width: 100%;
	overflow: hidden;
}

@media (max-width: 499px){
	.clause_top{
		width: 100%;
		overflow: hidden;
		background: #f4f6f8;
		font-size: 1rem;
		color: #454545;
		padding: 1.053rem 1.053rem;
		margin: 0 0 1.789rem 0;
	}
}

/*================================================================================================
    문화원소개 - 문화원진흥법 - 리스트
================================================================================================*/
.clause_list{
	width: 100%;
	overflow: hidden;	
}
.clause_list > dt{
	width: 100%;
	overflow: hidden;
	font-weight: 700;
	font-size: 1.263rem;
	color: #000000;
	line-height: 1.526rem;
	word-break: break-all;
}
.clause_list > dd{
	width: 100%;
	overflow: hidden;
	padding: 0.474rem 0 0 0;
}
.clause_list > dd > div{
	font-size: 1rem;
	color: #454545;
	line-height: 1.684rem;
	padding-bottom: 2.105rem;
}

@media (max-width: 499px){
	.clause_list > dd > div{
		font-size: 1rem;
		color: #454545;
		line-height: 1.684rem;
		padding-bottom: 1.579rem;
	}
}

/*================================================================================================
    문화원소개 - 남동구 문화원 지원조례 - 리스트
================================================================================================*/
.clause_list > .dt_top{
	font-size: 1.579rem;
	padding: 0 0 1.579rem 0;
}

/*================================================================================================
    문화원소개 - 정관 - top
================================================================================================*/
.page1_7 .clause_top{
	height: 13.158rem;
	overflow: auto;
}

/*================================================================================================
    문화원소개 - 심볼마크 - 내용
================================================================================================*/
.page1_8 .sub_info > div{
	padding-bottom: 2.632rem;
}

@media (max-width: 499px){
	.page1_8 .sub_info > div{
		padding-bottom: 1.579rem;
	}
}

/*================================================================================================
    문화원소개 - 심볼마크 - 로고이미지
================================================================================================*/
.page1_8 .page1_8_logo{
	width: 100%;
	overflow: hidden;
}
.page1_8 .page1_8_logo > li{
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 1.579rem 0;
}
.page1_8 .page1_8_logo > li > div{
	width: 100%;
	overflow: hidden;
	border: 1px solid #eeeeee;
	border-radius: 1.579rem;
	font-size: 0;
	line-height: 0;
}
.page1_8 .page1_8_logo > .li_1 > div{
	padding: 2.105rem 0;
}
.page1_8 .page1_8_logo > .li_2 > div{
	padding: 3.684rem 0;
}
.page1_8 .page1_8_logo > .li_1 > div > img{
	width: 35%;
}
.page1_8 .page1_8_logo > .li_2 > div > img{
	width: 50%;
}

@media (max-width: 499px){
	.page1_8 .page1_8_logo > li{
		width: 100%;
		float: left;
		text-align: center;
		padding: 0 0 1.053rem 0;
	}
	.page1_8 .page1_8_logo > .li_1 > div{
		padding: 1.579rem 0;
	}
	.page1_8 .page1_8_logo > .li_2 > div{
		padding: 2.632rem 0;
	}
}

/*================================================================================================
    문화원소개 - 심볼마크 - 다운로드
================================================================================================*/
.page1_8 .page1_8_down{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 1.579rem 0 0 0;
}
.page1_8 .page1_8_down > ul{
	width: 103%;
	overflow: hidden;
}
.page1_8 .page1_8_down > ul > li{
	width: 50%;
	float: left;
	padding: 0 3% 0 0;
}
.page1_8 .page1_8_down > ul > li > a{
	width: 100%;
	height: 2.842rem;
	border: 1px solid #000000;
	display: block;
	border-radius: 1.579rem;
	font-weight: 500;
	font-size: 1rem;
	color: #000000;
	line-height: 2.842rem;
	transition: all .2s ease-in-out;
}
.page1_8 .page1_8_down > ul > li > a:hover,
.page1_8 .page1_8_down > ul > li > a:focus,
.page1_8 .page1_8_down > ul > li > a:active{
	border: 1px solid #2d87db;
	color: #2d87db;
}
.page1_8 .page1_8_down > ul > li > a > img{
	width: 0.947rem;
	vertical-align: middle;
	margin: -0.158rem 0 0 0.526rem;
}
.page1_8 .page1_8_down > ul > li > a > .page1_8_down_icon02{
	display: none;
}
.page1_8 .page1_8_down > ul > li > a:hover > .page1_8_down_icon01,
.page1_8 .page1_8_down > ul > li > a:focus > .page1_8_down_icon01,
.page1_8 .page1_8_down > ul > li > a:active > .page1_8_down_icon01{
	display: none;
}
.page1_8 .page1_8_down > ul > li > a:hover > .page1_8_down_icon02,
.page1_8 .page1_8_down > ul > li > a:focus > .page1_8_down_icon02,
.page1_8 .page1_8_down > ul > li > a:active > .page1_8_down_icon02{
	display: inline-block;
}

@media (max-width: 499px){
	.page1_8 .page1_8_down{
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 1.053rem 0 0 0;
	}
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - 지도
================================================================================================*/
.page1_9 .page1_9_map{
	width: 100%;
	overflow: hidden;	
}
.page1_9 .page1_9_map > .root_daum_roughmap{
	width: 100%;
}
.page1_9 .page1_9_map > .root_daum_roughmap .wrap_map{
	height: 26.316rem;
}
.page1_9 .page1_9_map > .root_daum_roughmap .cont{
	display: none;
}

@media (max-width: 699px){
	.page1_9 .page1_9_map > .root_daum_roughmap .wrap_map{
		height: 22.105rem;
	}
}
@media (max-width: 499px){
	.page1_9 .page1_9_map > .root_daum_roughmap .wrap_map{
		height: 16.842rem;
	}
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - top - 기본레이아웃
================================================================================================*/
.page1_9 .page1_9_top{
	width: 100%;
	overflow: hidden;
	padding: 1.579rem 0;
}
.page1_9 .page1_9_top .page1_9_top_left{
	width: 100%;
	overflow: hidden;
}
.page1_9 .page1_9_top .page1_9_top_right{
	width: 100%;
	overflow: hidden;
	text-align: right;
	padding: 1.053rem 0 0 0;
}

@media (max-width: 499px){
	.page1_9 .page1_9_top .page1_9_top_right{
		width: 100%;
		overflow: hidden;
		text-align: right;
		padding: 1.053rem 0 0 0;
	}
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - top - 주소,전화번호
================================================================================================*/
.page1_9 .page1_9_top .page1_9_top_left > dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.526rem 0;
}
.page1_9 .page1_9_top .page1_9_top_left > dl > dt{
	font-weight: 500;
	font-size: 1rem;
	color: #388edd;
	float: left;
	padding: 0 1.474rem 0 0;
}
.page1_9 .page1_9_top .page1_9_top_left > dl > dd{
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
	float: left;
}

@media (max-width: 499px){
	.page1_9 .page1_9_top .page1_9_top_left > dl > dt{
		width: 100%;
		overflow: hidden;
		font-weight: 500;
		font-size: 1rem;
		color: #388edd;
		float: left;
		padding: 0 1.474rem 0 0;
	}
	.page1_9 .page1_9_top .page1_9_top_left > dl > dd{
		width: 100%;
		overflow: hidden;
		font-weight: 500;
		font-size: 1.158rem;
		color: #000000;
		float: left;
	}
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - top - 지도 바로가기
================================================================================================*/
.page1_9 .page1_9_top .page1_9_top_right > a{
	width: 8.947rem;
	height: 3.053rem;
	display: inline-block;
	border: 4px solid #dcdcdc;
	border-radius: 1.579rem;
	text-align: center;
	font-size: 1rem;
	color: #000000;
	line-height: 2.632rem;
	transition: all .2s ease-in-out;
}
.page1_9 .page1_9_top .page1_9_top_right > a:hover,
.page1_9 .page1_9_top .page1_9_top_right > a:focus,
.page1_9 .page1_9_top .page1_9_top_right > a:active{
	border: 4px solid #388edd;
	color: #388edd;
}

@media (max-width: 499px){
	.page1_9 .page1_9_top .page1_9_top_right > a{
		width: 50%;
		height: 3.053rem;
		display: inline-block;
		border: 4px solid #dcdcdc;
		border-radius: 1.579rem;
		text-align: center;
		font-size: 1rem;
		color: #000000;
		line-height: 2.632rem;
		transition: all .2s ease-in-out;
		float: left;
	}
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - bottom - 기본레이아웃
================================================================================================*/
.page1_9 .page1_9_bottom{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #eeeeee;	
}
.page1_9 .page1_9_bottom > li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	padding: 1.316rem 0;
}

.page1_9 .page1_9_bottom > li .page1_9_bottom_info{
	width: 100%;
	overflow: hidden;
	padding: 1.579rem 0 0 0;
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - bottom - 아이콘
================================================================================================*/
.page1_9 .page1_9_bottom > li .page1_9_bottom_icon{
	width: 100%;
	overflow: hidden;
	width: 3.211rem;
	height: 3.211rem;
	background: #dcf0ff;
	text-align: center;
	border-radius: 1.053rem;
	font-size: 0;
	line-height: 0;
}
.page1_9 .page1_9_bottom > .li_1 .page1_9_bottom_icon{
	padding: 0.737rem 0 0 0;
}
.page1_9 .page1_9_bottom > .li_2 .page1_9_bottom_icon{
	padding: 0.579rem 0 0 0;
}
.page1_9 .page1_9_bottom > .li_3 .page1_9_bottom_icon{
	padding: 1.053rem 0 0 0;
}
.page1_9 .page1_9_bottom > .li_1 .page1_9_bottom_icon > img{
	width: 1.737rem;
}
.page1_9 .page1_9_bottom > .li_2 .page1_9_bottom_icon > img{
	width: 1.263rem;
}
.page1_9 .page1_9_bottom > .li_3 .page1_9_bottom_icon > img{
	width: 2.263rem;
}

/*================================================================================================
    문화원소개 - 찾아오시는길 - bottom - 타이틀,정보
================================================================================================*/
.page1_9 .page1_9_bottom > li .page1_9_bottom_info .pbi_title{
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
	line-height: 1.421rem;
	padding: 0 0 0.526rem 0;
}
.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl{
	width: 100%;
	overflow: hidden;
}
.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl > dt{
	width: 40%;
	float: left;
	font-weight: 500;
	font-size: 1rem;
	color: #388edd;
}
.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl > dd{
	width: 60%;
	float: left;
	font-size: 1rem;
	color: #454545;
}

@media (max-width: 599px){
	.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl{
		width: 100%;
		overflow: hidden;
		padding: 0 0 0.526rem 0;
	}
	.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl > dt{
		width: 100%;
		overflow: hidden;
		font-weight: 500;
		font-size: 1rem;
		color: #388edd;
	}
	.page1_9 .page1_9_bottom > li .page1_9_bottom_info > dl > dd{
		width: 100%;
		overflow: hidden;
		font-size: 1rem;
		color: #454545;
	}
}

/*================================================================================================
    ebook - 기본레이아웃
================================================================================================*/
.ebook_list{
	width: 103%;
	overflow: hidden;
	margin: -1.053rem 0 0 0;
}
.ebook_list > li{
	width: 50%;
	float: left;
	padding: 2.105rem 3% 0 0;
}
.ebook_list > li > a{
	display: block;
	background: #f4f4f4;
	text-align: center;
	padding: 1.842rem 3.158rem;
	transition: all .2s ease-in-out;
}
.ebook_list > li > a:hover{
	background: #e6f0f9;
}

@media (max-width: 699px){
	.ebook_list > li > a{
		display: block;
		background: #f4f4f4;
		text-align: center;
		padding: 1.842rem 2.105rem;
		transition: all .2s ease-in-out;
	}
}
@media (max-width: 599px){
	.ebook_list > li{
		width: 100%;
		float: left;
		padding: 2.105rem 3% 0 0;
	}
}
@media (max-width: 499px){
	.ebook_list > li{
		width: 100%;
		float: left;
		padding: 1.579rem 3% 0 0;
	}
}

/*================================================================================================
    ebook - 이미지
================================================================================================*/
.ebook_list > li > a > .ebook_list_img{
	font-size: 0;
	line-height: 0;
}
.ebook_list > li > a > .ebook_list_img > img{
	width: 100%;
	max-width: 220px;
	height: 16.474rem;
}

@media (max-width: 499px){
	.ebook_list > li > a > .ebook_list_img > img{
		width: 100%;
		max-width: 200px;
		height: 16.474rem;
	}
}

/*================================================================================================
    ebook - 타이틀
================================================================================================*/
.ebook_list > li > a > .ebook_list_title{
	font-weight: 500;
	font-size: 1.158rem;
	color: #000000;
	line-height: 1.421rem;
	padding: 1.053rem 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*================================================================================================
    ebook - 버튼
================================================================================================*/
.ebook_list > li > a > .ebook_list_view{
	width: 7.895rem;
	height: 2.105rem;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 1.579rem;
	font-size: 0.895rem;
	color: #454545;
	line-height: 2.105rem;
}
.ebook_list > li > a > .ebook_list_view > img{
	width: 0.789rem;
	vertical-align: middle;
	margin: -0.158rem 0.368rem 0 0;
}

/*================================================================================================
    커뮤니티 - 평생회원가입
================================================================================================*/
.page8_1_notice > div{
	padding-bottom: 0;
}
.page8_1_account{
	width: 100%;
	overflow: hidden;
	background: #f7f7f7;
	padding: 2.188rem 2.188rem;
	margin: 2.5rem 0 0 0;
}
.page8_1_account > dt{
	font-weight: 500;
	font-size: 1.313rem;
	color: #000000;	
}
.page8_1_account > dd{
	padding: 0.625rem 0 0 0;
}
.page8_1_account > dd > div{
	padding-bottom: 1.25rem;
}

@media (max-width: 499px){
	.page8_1_account{
		width: 100%;
		overflow: hidden;
		background: #f7f7f7;
		padding: 1.563rem 1.563rem;
		margin: 2.5rem 0 0 0;
	}
}

/*================================================================================================
    수강신청 - 리스트 - 기본레이아웃
================================================================================================*/
.class_list{
	width: 100%;
	overflow: hidden;
}
.class_list > li{
	width: 100%;
	float: left;
	padding: 0 0 1.842rem 0;
}
.class_list > li > a{
	width: 100%;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-radius: 1.579rem;
	padding: 1.579rem 1.579rem;
	display: block;
	position: relative;
	transition: all .2s ease-in-out;
}
.class_list > li > a:hover,
.class_list > li > a:focus,
.class_list > li > a:active{
	border: 1px solid #3e3e3e;
}
.class_list > li > a > .class_list_img{
	width: 35%;
	float: left;
}
.class_list > li > a > .class_list_info{
	width: 65%;
	float: left;
	padding: 0 0 0 2.368rem;
}

@media (max-width: 699px){
	.class_list > li > a{
		width: 100%;
		overflow: hidden;
		border: 1px solid #d9d9d9;
		border-radius: 1.579rem;
		padding: 1.579rem 1.053rem;
		display: block;
		position: relative;
		transition: all .2s ease-in-out;
	}
	.class_list > li > a > .class_list_info{
		width: 65%;
		float: left;
		padding: 0 0 0 1.316rem;
	}
}
@media (max-width: 599px){
	.class_list > li > a{
		width: 100%;
		overflow: hidden;
		border: 1px solid #d9d9d9;
		border-radius: 1.579rem;
		padding: 1.579rem 1.579rem;
		display: block;
		position: relative;
		transition: all .2s ease-in-out;
	}
	.class_list > li > a > .class_list_img{
		width: 100%;
		overflow: hidden;
	}
	.class_list > li > a > .class_list_info{
		width: 100%;
		overflow: hidden;
		padding: 1.316rem 0 0 0;
	}
}
@media (max-width: 499px){
	.class_list > li > a{
		width: 100%;
		overflow: hidden;
		border: 1px solid #d9d9d9;
		border-radius: 1.579rem;
		padding: 1.579rem 1.579rem;
		display: block;
		position: relative;
		transition: all .2s ease-in-out;
	}
	.class_list > li > a > .class_list_info{
		width: 100%;
		overflow: hidden;
		padding: 0.789rem 0 0 0;
	}
}

/*================================================================================================
    수강신청 - 리스트 - 이미지
================================================================================================*/
.class_list > li > a > .class_list_img{
	font-size: 0;
	line-height: 0;
}
.class_list > li > a > .class_list_img > img{
	width: 100%;
}


/*================================================================================================
    수강신청 - 리스트 - 타이틀, 내용
================================================================================================*/
.class_list > li > a > .class_list_info > .cli_title{
	font-weight: 700;
	font-size: 1.474rem;
	color: #000000;
	line-height: 1.737rem;
	padding: 0.263rem 0 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.class_list > li > a > .class_list_info > .cli_content{
	width: 100%;
	overflow: hidden;
	padding: 1.368rem 0 1.368rem 0;
}
.class_list > li > a > .class_list_info > .cli_content > dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.421rem 0;
}
.class_list > li > a > .class_list_info > .cli_content > dl > dt{
	width: 25%;
	float: left;
	font-size: 1rem;
	color: #000000;
	line-height: 1.263rem;
}
.class_list > li > a > .class_list_info > .cli_content > dl > dd{
	width: 75%;
	float: left;
	font-size: 1rem;
	color: #5b5b5b;
	line-height: 1.263rem;
}
.class_list > li > a > .class_list_info > .cli_price{
	font-size: 1.211rem;
	color: #000000;
	line-height: 1.474rem;
}

@media (max-width: 699px){
	.class_list > li > a > .class_list_info > .cli_content{
		width: 100%;
		overflow: hidden;
		padding: 1.053rem 0 1.053rem 0;
	}
}
@media (max-width: 499px){
	.class_list > li > a > .class_list_info > .cli_content{
		width: 100%;
		overflow: hidden;
		padding: 0.789em 0 0.789rem 0;
	}
}

/*================================================================================================
    수강신청 - 리스트 - 상태아이콘
================================================================================================*/
.class_list > li > a > .class_status{
	width: 3.579rem;
	height: 3.579rem;
	text-align: center;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 3.579rem;
	position: absolute;
}
.class_list > li > a > .class_status1{
	background: #ff7a0f;
}
.class_list > li > a > .class_status2{
	background: #9c9c9c;
}
.class_list > li > a > .class_status3{
	background: #01c4e1;
}
.class_list > li > a > .class_status4{
	background: #1bcac0;
}

/*================================================================================================
    수강신청 - 상세보기 - 기본레이아웃
================================================================================================*/
.class_view_info{
	width: 100%;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-radius: 1.579rem;
	padding: 2.632rem 2.632rem;
}
.class_view_info > .class_list_img{
	width: 100%;
	overflow: hidden;
}
.class_view_info > .class_list_info{
	width: 100%;
	overflow: hidden;
	padding: 2.632rem 0 0 0;
}

@media (max-width: 699px){
	.class_view_info > .class_list_info{
		width: 100%;
		overflow: hidden;
		padding: 2.105rem 0 0 0;
	}
}
@media (max-width: 599px){
	.class_view_info{
		width: 100%;
		overflow: hidden;
		border: 1px solid #d9d9d9;
		border-radius: 1.579rem;
		padding: 1.579rem 1.579rem;
	}
	.class_view_info > .class_list_info{
		width: 100%;
		overflow: hidden;
		padding: 1.579rem 0 0 0;
	}
}

@media (max-width: 499px){
	.class_view_info{
		width: 100%;
		overflow: hidden;
		border: 1px solid #d9d9d9;
		border-radius: 1.579rem;
		padding: 1.053rem 1.053rem;
	}
}

/*================================================================================================
    수강신청 - 상세보기 - 이미지
================================================================================================*/
.class_view_info > .class_list_img{
	font-size: 0;
	line-height: 0;	
	text-align: center;
}
.class_view_info > .class_list_img > img{
	width: 100%;
}

/*================================================================================================
    수강신청 - 상세보기 - 강좌제목
================================================================================================*/
.class_view_info > .class_list_info > .cli_title{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
	font-weight: 700;
	font-size: 1.684rem;
	color: #000000;
	line-height: 2.158rem;
	padding: 0 0 1.368rem 0;
}
.class_view_info > .class_list_info > .cli_title .class_status{
	width: 5.263rem;
	height: 1.579rem;
	text-align: center;	
	font-weight: 400;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 1.579rem;
	display: inline-block;
	vertical-align: middle;
	margin: -0.316rem 0 0 1.053rem;	
}
.class_view_info > .class_list_info > .cli_title .class_status1{
	background: #ff7a0f;
}
.class_view_info > .class_list_info > .cli_title .class_status2{
	background: #9c9c9c;
}

/*================================================================================================
    수강신청 - 상세보기 - 정보
================================================================================================*/
.class_view_info > .class_list_info > .cli_content{
	width: 100%;
	overflow: hidden;
	padding: 1.579rem 0;
}
.class_view_info > .class_list_info > .cli_content > dl{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0.211rem 0;
}
.class_view_info > .class_list_info > .cli_content > dl > dt{
	width: 30%;
	float: left;
	font-size: 1.105rem;
	color: #000000;
}
.class_view_info > .class_list_info > .cli_content > dl > dd{
	width: 70%;
	float: left;
	font-size: 1.105rem;
	color: #5b5b5b;
}
.class_view_info > .class_list_info > .cli_content > dl > dt > span{
	width: 0.263rem;
	height: 0.263rem;
	background: #999999;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: -0.158rem 0.526rem 0 0;
}

@media (max-width: 799px){
	.class_view_info > .class_list_info > .cli_content > dl{
		width: 100%;
		overflow: hidden;
		padding: 0 0 0.526rem 0;
	}
}
@media (max-width: 699px){
	.class_view_info > .class_list_info > .cli_content > dl > dt{
		width: 37%;
		float: left;
		font-size: 1.105rem;
		color: #000000;
	}
	.class_view_info > .class_list_info > .cli_content > dl > dd{
		width: 63%;
		float: left;
		font-size: 1.105rem;
		color: #5b5b5b;
	}
}
@media (max-width: 599px){
	.class_view_info > .class_list_info > .cli_content > dl{
		width: 100%;
		overflow: hidden;
		padding: 0 0 0.632rem 0;
	}
	.class_view_info > .class_list_info > .cli_content > dl > dt{
		width: 100%;
		overflow: hidden;
		font-size: 1.105rem;
		color: #000000;
	}
	.class_view_info > .class_list_info > .cli_content > dl > dd{
		width: 100%;
		overflow: hidden;
		font-size: 1.105rem;
		color: #5b5b5b;
		padding: 0 0 0 0.842rem;
	}
}

/*================================================================================================
    수강신청 - 상세보기 - 버튼
================================================================================================*/
.class_view_info > .class_list_info > .cli_btn{
	width: 100%;
	overflow: hidden;
	text-align: right;
}
.class_view_info > .class_list_info > .cli_btn > .btn_write1{
	width: 100%;
	margin: 0;
}
.class_view_btn{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 1.579rem 0 0 0;
}

/*================================================================================================
    수강신청 - 상세보기 - 타이틀
================================================================================================*/
.class_view_title{
	padding: 3.158rem 0 1.579rem 0;
}

@media (max-width: 699px){
	.class_view_title{
		padding: 1.579rem 0 1.053rem 0;
	}
}

/*================================================================================================
    수강신청 - 상세보기 - 내용
================================================================================================*/
.class_view_content{
	font-size: 1.105rem;
	line-height: 1.895rem;
}
.class_view_content img{
	max-width: 100%;
}

/*================================================================================================
    사업소개 - top - 기본레이아웃
================================================================================================*/
.business_top{
	width: 100%;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-radius: 1.579rem;
	padding: 1.579rem 1.579rem;
	margin: 0 0 1.053rem 0;
}
.business_top > .business_top_left{
	width: 22%;
	float: left;
}
.business_top > .business_top_right{
	width: 78%;
	float: left;
}

@media (max-width: 699px){
	.business_top > .business_top_left{
		width: 27%;
		float: left;
	}
	.business_top > .business_top_right{
		width: 73%;
		float: left;
	}
}
@media (max-width: 599px){
	.business_top > .business_top_left{
		width: 100%;
		overflow: hidden;
	}
	.business_top > .business_top_right{
		width: 100%;
		overflow: hidden;
		padding: 1.053rem 0 0 0;
	}
}

/*================================================================================================
    사업소개 - top - 아이콘
================================================================================================*/
.business_top > .business_top_left{
	font-size: 0;
	line-height: 0;
}
.business_top > .business_top_left > img{
	width: 5.789rem;
	height: 5.789rem;
}

@media (max-width: 599px){
	.business_top > .business_top_left > img{
		width: 5.263rem;
		height: 5.263rem;
	}
}

/*================================================================================================
    사업소개 - top - 타이틀
================================================================================================*/
.business_top > .business_top_right > .btr_title{
	font-family: 'Gyeonggi_Title_Medium';
	font-size: 1.684rem;
	color: #000000;
	line-height: 1.947rem;
	padding: 0.526rem 0 0 0;
}

/*================================================================================================
    사업소개 - top - 내용
================================================================================================*/
.business_top > .business_top_right > .sub_info > div{
	padding: 0.789rem 0 1.842rem 0;
}

/*================================================================================================
    사업소개 - top - 주요사업
================================================================================================*/
.business_top > .business_top_right > dl{
	width: 100%;
	overflow: hidden;
}
.business_top > .business_top_right > dl > dt{
	font-weight: 500;
	font-size: 1.158rem;
	color: #388edd;
	line-height: 1.421rem;
}
.business_top > .business_top_right > dl > dd{
	font-size: 1rem;
	color: #454545;
	padding: 0.421rem 0 0 0;
}

/*================================================================================================
    사업소개 - top - 주요사업
================================================================================================*/
.class_view_info1 > .class_list_img > img{
	width: 50%;
}

/*================================================================================================
    문화원소식 - 행사안내
================================================================================================*/
.event_list > li > a > .class_list_img{
	width: 30%;
}
.event_list > li > a > .class_list_info{
	width: 70%;
}
.event_list > li > a > .class_list_info > .cli_title{
	padding-top: 1.053rem;
}

@media (max-width: 599px){
	.event_list > li > a > .class_list_img{
		width: 100%;
	}
	.event_list > li > a > .class_list_info{
		width: 100%;
	}
	.event_list > li > a > .class_list_img > img{
		width: 100%;
	}
	.event_list > li > a > .class_list_info > .cli_title{
		padding-top: 0;
	}
}
@media (max-width: 499px){
	.event_list > li > a > .class_list_img{
		width: 100%;
	}
	.event_list > li > a > .class_list_info{
		width: 100%;
	}
	.event_list > li > a > .class_list_info > .cli_title{
		padding-top: 0.526rem;
	}
}

/*================================================================================================
    구민문화강좌 - 이용안내 - 내용
================================================================================================*/
.page5_1 .page5_1_list{
	width: 100%;
	overflow: hidden;
}
.page5_1 .page5_1_list1{
	padding: 0 0 2.263rem 0;
}
.page5_1 .page5_1_list > li{
	width: 100%;
	overflow: hidden;
}
.page5_1 .page5_1_list > li > dl{
	width: 100%;
	overflow: hidden;
}
.page5_1 .page5_1_list > li > dl > dt{
	width: 2%;
	float: left;
	padding: 0.789rem 0 0 0;
}
.page5_1 .page5_1_list > li > dl > dd{
	width: 98%;
	float: left;
	font-size: 1.105rem;
	line-height: 1.684rem;
}
.page5_1 .page5_1_list > li > dl > dt > span{
	width: 0.263rem;
	height: 0.263rem;
	background: #999999;
	border-radius: 50%;
	display: block;
}

/*================================================================================================
    구민문화강좌 - 이용안내 - 내용 - 정보
================================================================================================*/
.page5_1 .page5_1_info{
	width: 100%;
	overflow: hidden;
	border-top: 3px solid #000000;
	margin: 2.263rem 0 2.263rem 0;
}
.page5_1 .page5_1_info > li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	padding: 1.579rem 0;
}
.page5_1 .page5_1_info > li > dl{
	width: 100%;
	overflow: hidden;
}
.page5_1 .page5_1_info > li > dl > dt{
	width: 100%;
	overflow: hidden;
	font-weight: 500;
	font-size: 1.368rem;
	color: #000000;
}
.page5_1 .page5_1_info > li > dl > dd{
	width: 100%;
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.684rem;
	padding: 1.053rem 0 0 0;
}
.page5_1 .page5_1_info > li > dl > dd > b{
	font-weight: 500;
	color: #000000;
}

/*================================================================================================
    로그인 - 아이콘
================================================================================================*/
.login_icon{
	width: 100%;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.login_icon > img{
	width: 5.526rem;
	height: 5.526rem;
}

/*================================================================================================
    로그인 - 입력폼,버튼
================================================================================================*/
.login_input{
	max-width: 620px;	
	overflow: hidden;
	margin: 0 auto;
	padding: 2.421rem 0 0 0;
}
.login_input > li{
	width: 100%;
	overflow: hidden;	
}
.login_input > li > input{
	width: 100%;
	height: 3.158rem;
	border-radius: 10px;
	margin: 0 0 0.526rem 0;
}
.login_input > li > .btn_login1{
	height: 3.684rem;
	border: 0;
	background: #2f2f2f;
	cursor: pointer;
	font-weight: 500;
	font-size: 1.263rem;
	color: #FFFFFF;
	line-height: 3.684rem;
	margin: 1.053rem 0 0 0;
}

/*================================================================================================
    로그인 - 아이디,비밀번호 찾기
================================================================================================*/
.login_search{
	max-width: 620px;	
	overflow: hidden;
	margin: 1.053rem auto 0 auto;
	text-align: right;
}
.login_search > a{
	color: #454545;
}
.login_search > a > img{
	width: 0.316rem;
	vertical-align: middle;
	margin: -0.158rem 0 0 0.632rem;
}

/*================================================================================================
    아이디, 비밀번호 찾기
================================================================================================*/
.page7_5 .page7_5_title1{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 0;
}
.page7_5 .login_input{
	padding: 1.579rem 0 4.053rem 0;
}
.page7_5 .login_input_e{
	padding-bottom: 0;
}

@media (max-width: 499px){
	.page7_5 .login_input{
		padding: 1.579rem 0 3.158rem 0;
	}
}

/*================================================================================================
    남동구전통문화교육관 - 시설현황 - 메뉴
================================================================================================*/
.page4_1 .page4_1_menu{
	width: 100%;
	overflow: hidden;
}
.page4_1 .page4_1_menu > #tabs{
	width: 100%;
	overflow: hidden;
}
.page4_1 .page4_1_menu > #tabs > li{
	width: 20%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #eeeeee;	
}
.page4_1 .page4_1_menu > #tabs > li > a{
	font-size: 1rem;
	color: #454545;
	padding: 0 0 1.438rem 0;
	display: block;
}
.page4_1 .page4_1_menu > #tabs > #current{
	border-bottom: 3px solid #388edd;
}
.page4_1 .page4_1_menu > #tabs > #current > a{
	font-weight: 500;
	color: #388edd;	
}

/*================================================================================================
    남동구전통문화교육관 - 시설현황 - 사진
================================================================================================*/
.page4_1_content{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 2.632rem 0 0 0;
}
.page4_1 .page4_1_img{
	width: 100%;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 2.632rem 0 0 0;
}
.page4_1 .page4_1_img > img{
	width: 100%;
}

@media (max-width: 499px){
	.page4_1_content{
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 1.579rem 0 0 0;
	}
	.page4_1 .page4_1_img{
		width: 100%;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-align: center;
		padding: 1.053rem 0 0 0;
	}
}

/*================================================================================================
    남동구전통문화교육관 - 시설현황 - 타이틀,설명
================================================================================================*/
.page4_1 .page4_1_info{
	width: 16.842rem;
	background: #388edd;	
	position: absolute;
	left: 0;
	top: 0;
	padding: 1.684rem 0 1.684rem 1.684rem;
}
.page4_1 .page4_1_info > dt{
	font-family: 'Gyeonggi_Title_Medium';
	font-size: 1.316rem;
	color: #FFFFFF;
	line-height: 1.789rem;
}
.page4_1 .page4_1_info > dt > span{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1.158rem;
	color: #c4def6;
	padding: 0 0 0 0.789rem;
}
.page4_1 .page4_1_info > dd{
	font-size: 1rrem;
	color: #ffffff;
}
.page4_1 .page4_1_info .br_page41_1{
	display: none;
}

@media (max-width: 499px){
	.page4_1 .page4_1_info{
		width: 100%;
		background: #388edd;	
		position: relative;
		left: 0;
		top: 0;
		padding: 1.316rem 0 1.316rem 1.316rem;
	}
}

/*================================================================================================
    남동구전통문화교육관 - 프로그램 - 이미지
================================================================================================*/
.page4_2 .page4_2_img{
	width: 100%;
	overflow: hidden;
	padding: 0 0 2.632rem 0;
}
.page4_2 .page4_2_img > li{
	width: 100%;
	float: left;
	font-size: 0;
	line-height: 0;
	padding: 0 0 2% 0;
}
.page4_2 .page4_2_img > .li_e{
	padding-bottom: 0;
}
.page4_2 .page4_2_img > li > img{
	width: 100%;
	border-radius: 1.579rem;
}

@media (max-width: 499px){
	.page4_2 .page4_2_img{
		width: 100%;
		overflow: hidden;
		padding: 0 0 1.579rem 0;
	}
}

/*================================================================================================
    남동구전통문화교육관 - 프로그램 - 내용
================================================================================================*/
.page4_2 .sub_info > div{
	padding: 0 0 3.158rem 0;
}
.page4_2 .sub_info > .div_e{
	padding-bottom: 0;
}
.page4_2 .sub_info .br_page42_1{
	display: block;
}
.page4_2 .sub_info .br_page42_2{
	display: none;
}

@media (max-width: 1799px){
	.page4_2 .sub_info .br_page42_1{
		display: none;
	}
}
@media (max-width: 499px){
	.page4_2 .sub_info > div{
		padding: 0 0 2.263rem 0;
	}
}

/*================================================================================================
    남동구전통문화교육관 - 프로그램 - 테이블
================================================================================================*/
.page4_2 .page4_2_table{
	border-top: 3px solid #000000;
}
.page4_2 .page4_2_table > tbody > tr > th{
	width: 25%;
	border-top: 0;
	border-bottom: 1px solid #e0e0e0;
}
.page4_2 .page4_2_table > tbody > tr > td{
	width: 75%;
	border-right: 0;
	text-align: left;
}

@media (max-width: 599px){
	.page4_2 .page4_2_table > tbody > tr > th{
		width: 100%;
		display: block;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #e0e0e0;
	}
	.page4_2 .page4_2_table > tbody > tr > td{
		width: 100%;
		display: block;
		border-right: 0;
		text-align: center;
	}
}

/*================================================================================================
    문화원소식 - 유관기관소식 - 기본 레이아웃
================================================================================================*/
.page2_6 .page2_6_list{
	width: 102%;
	overflow: hidden;
	margin: -2.105rem 0 0 0;
}
.page2_6 .page2_6_list > li{
	width: 33.33333333333333%;
	float: left;
	padding: 2.105rem 2% 0 0;
}
.page2_6 .page2_6_list > li > a{
	display: block;
}
.page2_6 .page2_6_list > li > a > dl{
	width: 100%;
	overflow: hidden;
}

@media (max-width: 599px){
	.page2_6 .page2_6_list{
		width: 102%;
		overflow: hidden;
		margin: -1.579rem 0 0 0;
	}
	.page2_6 .page2_6_list > li{
		width: 50%;
		float: left;
		padding: 1.579rem 2% 0 0;
	}
}
@media (max-width: 499px){
	.page2_6 .page2_6_list{
		width: 100%;
		overflow: hidden;
		margin: -1.579rem 0 0 0;
	}
	.page2_6 .page2_6_list > li{
		width: 100%;
		float: left;
		padding: 1.579rem 0 0 0;
	}
}

/*================================================================================================
    문화원소식 - 유관기관소식 - 이미지
================================================================================================*/
.page2_6 .page2_6_list > li > a > dl > dt{
	font-size: 0;
	line-height: 0;
	border: 1px solid #e0e0e0;
	text-align: center;
	padding: 1.263rem 0 1.316rem 0;
}
.page2_6 .page2_6_list > li > a > dl > dt > img{	
	max-width: 90%;
	height: 3.105rem;
}

@media (max-width: 599px){
	.page2_6 .page2_6_list > li > a > dl > dt{
		font-size: 0;
		line-height: 0;
		border: 1px solid #e0e0e0;
		text-align: center;
		padding: 1rem 0 1.053rem 0;
	}
}

/*================================================================================================
    문화원소식 - 유관기관소식 - 타이틀
================================================================================================*/
.page2_6 .page2_6_list > li > a > dl > dd{
	font-size: 1rem;
	color: #454545;
	text-align: center;
	padding: 0.474rem 0 0 0;
}

/*================================================================================================
    페이지 준비중입니다.
================================================================================================*/
.page_ing{
	width: 100%;
	overflow: hidden;
}
.page_ing > .page_ing_icon{
	font-size: 0;
	line-height: 0;
}
.page_ing > .page_ing_icon > img{
	width: 5.526rem;
	height: 5.526rem;
}
.page_ing > .page_ing_text{
	font-size: 1.105rem;
}