.d-flex {
	display: flex !important;
}

.justify-content-center {
	justify-content: center !important;
}



.sub .subContents .sub_in .pagination li {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 33px;
	margin: 0 1.5px;
	text-align: center;
}

.sub .subContents .sub_in .pagination li.active {
	background: #666;
	color: #fff;
	border: 1px solid #666;
}

.sub .subContents .sub_in .pagination li:first-child {
	margin-right: 18.5px;
}

.sub .subContents .sub_in .pagination li:first-child a {
	text-indent: -9999px;
	background: url(/user/resources/images/common/pgn_prev.png) #fff no-repeat center center;
}

.sub .subContents .sub_in .pagination li:last-child a {
	text-indent: -9999px;
	background: url(/user/resources/images/common/pgn_next.png) #fff no-repeat center center;
	margin-left: 18.5px;
}

.sub .subContents .sub_in .pagination li.disabled {
	/* display:none; */
}

.sub .subContents .sub_in .pagination {
	margin: 40px auto 20px;
}

.sub .subContents .sub_in form.bottom_search {
	margin-top: 40px;
}

.sub .subContents .sub_in .default_view .cont {
	padding: 30px 10px;
}

.sub .subContents .sub_in .bbsGallList>li>a .img img {
	object-fit: cover;
	max-width: 100%;
	min-height: 100%;
	max-height: none;
}

.sub .subContents .sub_in .bbsGallList>li>a .img {
	background: #ffffff;
}

.sub .subContents .sub_in .botSearchArea .botSearchSelector {
	width: 100px;
}

.sub .subContents .sub_in .mapsection .mapping {
	width: 100%;
}

.sub .subContents .sub_in .mapsection .mapping .maps {
	width: calc(100% - 440px);
	margin-left: 120px;
}

.sub .subContents .sub_in .default_tb table tbody .tb_new {
	font-size: 10px;
	font-weight: 700;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: #f18d0a;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.sub .subContents .sub_in.parking .tit {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: -.05rem;
	margin-bottom: .464em;
	text-align: center;
}

a {
	cursor: pointer;
}

.sub .subContents .sub_in.joinstep .joinLink {
	display: flex;
	justify-content: center;
}

.errors {
	display: block !important;
}

.d-block {
	display: block !important;
}

.mt-3 {
	margin-top: .75rem !important;
}

.text-danger {
	color: #F8285A !important;
}

.sub .subContents .sub_in .botBtnWrap button {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	display: inline-block;
	width: 6.667em;
	height: 2.778em;
	line-height: 2.778em;
	margin: 0 .278em;
	border-radius: .278em;
}

.sub .subContents .sub_in .botBtnWrap button.submitBtn {
	background: #009592;
	color: #fff;
}

.sub .subContents .sub_in .botBtnWrap button.cancelBtn.mypageModifyBtn {
	background: #50535b;
	color: #fff;
}

/*
.sub .subContents .sub_in .botBtnWrap {
    display: flex;
    justify-content: center;
}
*/
.sub .subContents .sub_in.login .loginForm .loginBox .loginBtn {
	width: 100%;
}

.alert-danger {
	color: #F8285A;
	border-color: #F8285A;
	background-color: #FFEEF3;
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid #fca9bd;
	border-radius: 0.475rem;
	text-align: center;
}

.sub .subContents .sub_in .join_tb table .chk_wrapper.sub_field {
	display: none;
}

.dz-message {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 17px;
	color: gray;
}

.dz-message i {
	margin-right: 15px;
}

.dropzone {
	border: 1px solid #cdcdcd;
}

.attach_index {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.attach_index .file {
	width: 85%;
}

.attach_index .button button {
	padding: 5px 15px;
	background-color: #767a86;
	color: #fff;
	border-radius: 5px;
}

.toast-center-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sub .subContents .sub_in .default_tb table tbody tr td.tb_subject {
	padding-left: 1.667em;
}

.sub .subContents .sub_in .default_tb table tbody tr td.tb_subject a {
	padding-left: 0;
}

.sub .subContents .sub_in.locallecture .tabs .active {
	border: 1px solid #4c64aa;
	border-bottom: 1px solid #fff;
	color: #4c64aa;
}

#header .h_top {
	background: #2a2a2a;
}

/*#header .h_top .info li:nth-of-type(1) a {
	background: url(/user/resources/images/common/Lock.svg) no-repeat left center;
}

#header .h_top .info li:nth-of-type(2) a {
	background: url(/user/resources/images/common/User.svg) no-repeat left center;
}

#header .h_top .info li:nth-of-type(3) a {
	background: url(/user/resources/images/common/Chat.svg) no-repeat left center;
}*/
#header .h_bot .sitemap {
    background: url(/user/resources/images/common/sitemap.svg) center center no-repeat;
}

#header .h_top .info li a {
	display: block;
	padding: 11.5px 0 11.5px 0;
}

#header .h_top .info li:not(:last-child):after {
	display: none;
}

#header .h_top .info li:not(:last-child) {
	margin-right: 20px;
}

.main .mainA {
	background-color: unset;
}

.main .mainA .mainVisual {
	width: 1200px;
	height: 500px;
	border-radius: 0px;
}

.main .mainA .mainVisual .controls {
	top: unset;
	background-color: #fff;
	right: 0;
	bottom: 0;
	display: flex;
	background-color: #ffffff;
	z-index: 1;
	border: 1px solid #e2e2e2;
}
.main .mainA .mainVisual .controls button {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
	text-indent: -9999px;
    width: 60px;
    height: 60px;
	border-right: 1px solid #e2e2e2;
}
.main .mainA .mainVisual .controls .left_arrow {
    background: url(/user/resources/images/main/visual_prev.svg) no-repeat center center;
}
.main .mainA .mainVisual .controls .right_arrow {
    right: 0;
    background: url(/user/resources/images/main/visual_next.svg) no-repeat center center;
}
.main .mainA .mainVisual .controls .snp {
    background: url(/user/resources/images/main/visual_pause.svg) no-repeat center center;
	width: 60px;
    height: 60px;
	margin-top:0;
}
.main .mainA .mainVisual .controls .snp.play {
    background: url(/user/resources/images/main/visual_play.svg) no-repeat center center;
}
.main .mainA .mainVisual .controls .slider_page {
    display: flex;
    align-items: center;
    width: 60px;
    justify-content: center;
}
.main .mainA .mainVisual .controls .slider_page .current {
    color: #CA0336;
}
.main .mainA .mainVisual .controls .slider_page span {
    display: inline-block;
    padding: 0 3px;
}




#header .h_bot h1 {
	width: 10em;
}

#header .h_bot .globalSearch .searchBtn {
	background: url(/user/resources/images/common/Search.svg) #fff center center no-repeat;
}

#header .h_bot .globalSearch .form .search {
	background: url(/user/resources/images/common/Search_w.svg) no-repeat center center;
}

#header .h_bot .globalSearch .form .close {
	width: 34px;
	height: 34px;
	background: url(/user/resources/images/common/search_close.svg) no-repeat center center;
}

.sidenav {
	top: 413px;
}
.sidenav .nav_btn {
	box-shadow: none;
	border: solid 1px #e0e0e0;
	border-radius: 0px;
	width: 226px;
	height: 55px;
	padding: 15px 26px;
	margin-bottom: -1px;
}
.sidenav .waton {
	border: solid 1px #e0e0e0;
	width: 226px;
	padding: 0px 0px;
	margin-bottom: -1px;
	margin-top: 7px;
    display: block;
}

.main .mainB {
    padding: 0;
	margin-top:5.5em;
}
.main .mainB .cultureInfo .caSlider .arrows>* {
	top: -10%;
}

#header .h_top .snsList li:nth-of-type(1) a {
	background: url(/user/resources/images/main/youtube.svg) no-repeat center center;
}

#header .h_top .snsList li:nth-of-type(2) a {
	background: url(/user/resources/images/main/facebook.svg) no-repeat center center;
}

#header .h_top .snsList li:nth-of-type(3) a {
	background: url(/user/resources/images/main/blog.svg) no-repeat center center;
}

#header .h_top .snsList li:nth-of-type(4) a {
	background: url(/user/resources/images/main/insta.svg) no-repeat center center;
}

#header .h_top .snsList li:nth-of-type(5) a {
	background: url(/user/resources/images/main/cacaoch.svg) no-repeat center center;
}

.main .mainA {
	padding-top: 0px;
	background-color: #fff;
}

.main .mainA .mainVisual {
	box-shadow: none;
}

/*
.main .mainA .mainShortcut ul li.mainShortcut_item01 a:after {
	background: url(/user/resources/images/main/main_s1.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item01 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item01 a:hover:after {
	background: url(/user/resources/images/main/main_s1_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item01 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item01 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item02 a:after {
	background: url(/user/resources/images/main/main_s2.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item02 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item02 a:hover:after {
	background: url(/user/resources/images/main/main_s2_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item02 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item02 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item03 a:after {
	background: url(/user/resources/images/main/main_s3.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item03 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item03 a:hover:after {
	background: url(/user/resources/images/main/main_s3_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item03 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item03 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item04 a:after {
	background: url(/user/resources/images/main/main_s4.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item04 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item04 a:hover:after {
	background: url(/user/resources/images/main/main_s4_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item04 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item04 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item05 a:after {
	background: url(/user/resources/images/main/main_s5.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item05 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item05 a:hover:after {
	background: url(/user/resources/images/main/main_s5_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item05 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item05 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item06 a:after {
	background: url(/user/resources/images/main/main_s6.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item06 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item06 a:hover:after {
	background: url(/user/resources/images/main/main_s6_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item06 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item06 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item07 a:after {
	background: url(/user/resources/images/main/main_s7.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item07 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item07 a:hover:after {
	background: url(/user/resources/images/main/main_s7_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item07 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item07 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_item08 a:after {
	background: url(/user/resources/images/main/main_s8.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item08 a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_item08 a:hover:after {
	background: url(/user/resources/images/main/main_s8_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_item08 a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_item08 a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li.mainShortcut_itemEh a:after {
	background: url(/user/resources/images/main/main_seh.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_itemEh a:focus:after,
.main .mainA .mainShortcut ul li.mainShortcut_itemEh a:hover:after {
	background: url(/user/resources/images/main/main_seh_w.svg) no-repeat center center;
}

.main .mainA .mainShortcut ul li.mainShortcut_itemEh a:focus:before,
.main .mainA .mainShortcut ul li.mainShortcut_itemEh a:hover:before {
	background: none;
}

.main .mainA .mainShortcut ul li a {
	color: #838383;
	padding-top: 90px;
}
*/

.main .mainA .mainShortcut ul li a:focus:after,
.main .mainA .mainShortcut ul li a:hover:after {

	box-shadow: none;
}

.main .mainB .caHead {
	text-align: left;
}

.main .mainB .cultureInfo .cultureTab {
	margin: 0 0 40px 0;
}

.main .mainB .cultureInfo .cultureTab>li.active>a:after {
	display: none;
}

.main .mainB .caHead h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
}

.main .mainC {
    padding: 5.5em 0;
}

.main .mainD .caHead {
	text-align: left;
}

.main .mainD .caHead h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
}

.main .mainD {
	line-height: 1;
	background: none;
	background-color: none;
	padding-top: 4em;
	padding-bottom: 4em;
	display: -webkit-box;
}

.main .mainD .video {
	position: relative;
	float: left;
	width: 590px;
	padding: 30px 0;
	margin-right: 20px;
}

.main .mainD .video:after,
.main .mainD .video:before {
	content: "";
	display: table;
}

.main .mainD .video:after {
	clear: both;
}

.main .mainD .video h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
}

.main .mainD .video h2 a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 5px 5px;
	vertical-align: top;
	background: url(/user/resources/images/common/plus.svg) #fff no-repeat center center;
	width: 34px;
	height: 34px;
}


.main .mainD .video .in {
	float: left;
	width: calc(50% - 0px);
}

.main .mainD .video .in .slick-list {
	margin: 0 -10px;
}

.main .mainD .video .in .slick-list .slick-slide {
	margin: 0 10px;
}

.main .mainD .video .in .item .img {
	position: relative;
	height: 0;
	padding-bottom: 64.737%;
	overflow: hidden;
}

.main .mainD .video .in .item .img img {
	width: 100%;
	/*border: 1px solid #cbcbcb;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.main .mainD .video .in .item .cont .tit {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin: 10px 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	visibility: visible;
}

.main .mainD .video .in .item .cont .date {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	color: #777;
}

.main .mainD .video .arrows>* {
	position: absolute;
	bottom: 30px;
	z-index: 1;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border: 1px solid #cdcdcd;
}

.main .mainD .video .arrows .left_arrow {
	left: 30px;
	background: url(/user/resources/images/main/gall_left.png) #fff no-repeat center center;
}

.main .mainD .video .arrows .right_arrow {
	left: 70px;
	background: url(/user/resources/images/main/gall_right.png) #fff no-repeat center center;
	border-left: none;
}



.main .mainD .gallery {
	position: relative;
	float: left;
	width: 590px;
	height: 235px;
	padding: 30px 0;
}

.main .mainD .gallery:after,
.main .mainD .gallery:before {
	content: "";
	display: table;
}

.main .mainD .gallery:after {
	clear: both;
}

.main .mainD .gallery h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
}

.main .mainD .gallery h2 a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 5px 5px;
	vertical-align: top;
	background: url(/user/resources/images/common/plus.svg) #fff no-repeat center center;
	width: 34px;
	height: 34px;
}

.main .mainD .gallery .in {
	float: right;
	width: calc(100% - 0px);
}

.main .mainD .gallery .in .slick-list {
	margin: 0 -10px;
}

.main .mainD .gallery .in .slick-list .slick-slide {
	margin: 0 10px;
}

.main .mainD .gallery .in .item .img {
	position: relative;
	height: 0;
	padding-bottom: 64.737%;
	overflow: hidden;
}

.main .mainD .gallery .in .item .img img {
	width: 100%;
	/*border: 1px solid #cbcbcb;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.main .mainD .gallery .in .item .cont .tit {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	margin: 10px 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	visibility: visible;
}

.main .mainD .gallery .in .item .cont .date {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	color: #777;
}

.main .mainD .gallery .arrows>* {
	position: absolute;
	bottom: 30px;
	z-index: 1;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border: 1px solid #cdcdcd;
}

.main .mainD .gallery .arrows .left_arrow {
	left: 30px;
	background: url(/user/resources/images/main/gall_left.svg) #fff no-repeat center center;
}

.main .mainD .video .arrows .right_arrow {
	left: 70px;
	background: url(/user/resources/images/main/gall_right.svg) #fff no-repeat center center;
	border-left: none;
}

.main .mainB .cultureInfo .caSlider .arrows .right_arrow {
	background: url(/user/resources/images/main/gall_right.svg) #fff no-repeat center center;
	right: 0px;
}

.main .mainB .cultureInfo .caSlider .arrows .left_arrow {
	background: url(/user/resources/images/main/gall_left.svg) #fff no-repeat center center;
	right: 60px !important;
	left: unset;
}

.main .mainD .cybertheaterInfo {
	margin-top: 20px;
}

.main .mainB .cultureInfo .caSlider .item .img {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.main .mainB .cultureInfo .cultureTab>li>a {
	color: #999;
	font-weight: 500;
}

.main .mainD .cybertheaterInfo .thumbnail {
	width: 100%;
}

.main .mainD .cybertheaterInfo .thumbnail li {
	width: 295px;
	float: left;
}

.main .mainD .cybertheaterInfo .thumbnail li img {
	width: 287px;
	height: 186px;
	margin-left: 0px;
	object-fit: cover;
}

.main .mainD .cybertheaterInfo .thumbnail li span {
	padding-top: 10px;
	width: 285px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .mainB .cultureInfo .caSlider .item .cont {
	margin-top: 1.56em;
}

.main .mainB .cultureInfo .caSlider .item .cont .tit {
	text-align: center;
}

.main .mainB .cultureInfo .caSlider .item .cont .date {
	text-align: center;
}

.sub .lnb nav {
	padding: 12px 0px 0px;
	border: none;
}

.sub .lnb .tit .lnb_tit {
	color: #333;
}

.sub .lnb .tit {
	height: 102px;
	background: none;
	border-bottom: 2px solid #000;
	border-top: 1px solid #000;
}

.sub .lnb .tit .lnb_tit {
	font-size: 3rem;
	padding-top: 25px;
	letter-spacing: -1px;
}

.location {
	background: none;
}

.sub .subContents {
	padding: 0em 0 7.5em;
}

.sub .subContents .sub_in h2 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: .625em;
	margin-bottom: 1.3em;
	font-size: 3rem;
}

.btn_02 {
	left: 184px;
}

.sub .subContents .sub_in .reservationSearchForm>ul>li .uiArea .searchConditionBtn {
	color: #333;
}

.sub .subContents .sub_in .reservationSearchForm>ul>li .uiArea .searchConditionBtn.active {
	background: #666;
}

.sub .subContents .sub_in .reservationSearchForm>ul>li .uiArea .reserveSearchBtn {
	background: url(/user/resources/images/sub/condition_search_acc.png) #000000 left 1.333em center no-repeat;
}

.sub .lnb nav .lnb_depth2List>li.on .lnb_depth3List {
	border-top: 1px solid #999;
}

.sub .subContents .sub_in .reservationSearchForm {
	border-top: 2px solid #000000;
}

.sub .subContents .sub_in .performListAll>li {
	border-bottom: 1px solid #ccc;
}

.tabsList li {
	color: #333;
}

.sub .subContents .sub_in .exhibitionListAll {
	border-top: 1px solid #333;
}

.sub .subContents .sub_in .performListAll {
	border-top: 1px solid #333;
}

.sub .subContents .sub_in .pagination a {
	border-radius: unset;
}

.sub .subContents .sub_in .botSearchArea .botSearchIpt {
	border-radius: unset;
}

.sub .subContents .sub_in .botSearchArea .botSearchBtn {
	border-radius: unset;
}

.sub .subContents .sub_in .bbsGallList>li>a .img {
	border-radius: unset;
}

.tabsList li.active {
	color: #fff;
	background: #009688;
	font-weight: 600;
}

.bulletType1 {
	width: calc(100% - 0px);
}


.ui_share li a.res_shareBtn {
	background: url(/user/resources/images/common/res_share.svg) no-repeat center center;
}

.sub .subContents .sub_in .shortcutSns li a.v_facebook {
	background: url(/user/resources/images/common/facebook_color.svg) no-repeat;
}

.sub .subContents .sub_in .shortcutSns li a.v_blog {
	background: url(/user/resources/images/common/blog_color.svg) no-repeat;
}

.main .mainE {
	line-height: 1;
	padding-top: 0em;
	padding-bottom: 6em;
	display: -webkit-box;
}

.main .mainE .notice {
	position: relative;
	float: left;
	width: 590px;
	padding: 0 20px 0 0;
	margin-right: 20px;
}

.main .mainE .notice .mainNotice {
	float: left;
	background: none;
	border-radius: 0px;
	padding: 0 0 0;
	box-shadow: unset;
}

.main .mainE h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
	padding-bottom: 0.6em;
}

.main .mainE h2 a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 5px 5px;
	vertical-align: top;
	background: url(/user/resources/images/common/plus.svg) #fff no-repeat center center;
	width: 34px;
	height: 34px;
}


.main .mainE .recruit {
	position: relative;
	float: left;
	width: 590px;
	padding: unset;
}

.main .mainE .recruit .mainRecruit {
	float: left;
	background: none;
	border-radius: 0px;
	padding: 0 0 0;
	box-shadow: unset;
}

.main .mainE .noticeList>li>a {
	display: block;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #e8e8e8;
}

.main .mainE .noticeList>li>a:after,
.main .mainE .noticeList>li>a:before {
	content: "";
	display: table;
}

.main .mainE .noticeList>li>a:after {
	clear: both;
}

.main .mainE .noticeList>li>a:focus,
.main .mainE .noticeList>li>a:hover {
	background: #fafafa;
}

.main .mainE .noticeList>li:last-of-type a {
	border: none;
}

.main .mainE .noticeList>li .banner {
	width: 60px;
	height: 60px;
	border: 1px solid #009592;
	display: table;
	float: left;
	text-align: center;
	line-height: 1.25;
	margin-right: 15px;
}

.main .mainE .noticeList>li .banner .banner_txt {
	color: #008885;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem;
	display: table-cell;
	vertical-align: middle;
}

.main .mainE .noticeList>li .noticeTxt {
	padding: 13px 0;
}

.main .mainE .noticeList>li .noticeTxt .cont {
	font-weight: 450;
	float: left;
	width: 80%;
	margin-bottom: 10px;
	color: #3e3e3e;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	visibility: visible;
}

.main .mainE .noticeList>li .noticeTxt .date {
	font-size: 14px;
	font-size: 1.6rem;
	font-weight: 350;
	float: right;
	color: #959595;
}


/* 메인 > 노원사이버시어터, 갤러리 */
.main .mainH {
	margin-top: 5.5em;
}

.main .mainH .inner {
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
}

.main .mainH .inner .col {
	flex-grow: 1;
	flex-basis: calc((100% / 2) - 10px);
	width: calc((100% / 2) - 10px);
}

.main .mainH .inner .col h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
	padding-bottom: 1em;
	line-height: 3.2rem;
}

.main .mainH .inner .col h2 a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 5px 5px;
	vertical-align: top;
	background: url(/user/resources/images/common/plus.svg) #fff no-repeat center center;
	width: 34px;
	height: 34px;
}

.main .mainH .inner .col ul {
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
}

.main .mainH .inner .col ul li {
	flex-grow: 1;
	flex-basis: calc((100% / 2) - 10px);
	width: calc((100% / 2) - 10px);
}

.main .mainH .inner .col ul li a img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 3/2;
}

.main .mainH .inner .col ul li a div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	text-align: center;
}




/* 메인 > 공지사항,채용공고 */
.main .mainG {
	margin-top: 5.5em;
}

.main .mainG .inner {
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
}

.main .mainG .inner .col {
	flex-grow: 1;
	flex-basis: calc((100% / 2) - 10px);
	width: calc((100% / 2) - 10px);
	border: 1px solid #e0e0e0;
	padding: 30px 40px;
}

.main .mainG .inner .col h2 {
	font-size: 3.2rem;
	color: #000;
	font-weight: 500;
	padding-bottom: 0.6em;
	line-height: 3.2rem;
}

.main .mainG .inner .col h2 a {
	display: inline-block;
	border: 1px solid #e0e0e0;
	padding: 5px 5px;
	vertical-align: top;
	background: url(/user/resources/images/common/plus.svg) #fff no-repeat center center;
	width: 34px;
	height: 34px;
}

.main .mainG .inner .col ul li {
	display: flex;
	justify-content: space-between;
	column-gap: 40px;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #e8e8e8;
}

.main .mainG .inner .col ul li:last-of-type {
	border-bottom: 0;
}

.main .mainG .inner .col ul li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .mainG .inner .col ul li time {
	font-size: 1.6rem;
	font-weight: 350;
	float: right;
	color: #959595;
}




/* 메인 > 바로가기 아이콘 */
.main .mainI {
	margin-top:5.5em;
}
.main .mainI .inner ul {
	display: flex;
	justify-content: space-around;
}
.main .mainI .inner ul li{
	flex-grow: 1;
	flex-basis: calc((100% / 9));
	text-align: center;
}
.main .mainI .shortcut{
	display: flex;
	height: 70px;
	justify-content: center;
	align-items: flex-end;
}
.main .mainI .shortcut:hover{
	color: #0c7d7b;
}
.main .mainI .shortcut_01{
	background: url("/user/resources/images/main/main_s1.svg") no-repeat center 0;
}
.main .mainI .shortcut_02{
	background: url("/user/resources/images/main/main_s2.svg") no-repeat center 0;
}
.main .mainI .shortcut_03{
	background: url("/user/resources/images/main/main_s3.svg") no-repeat center 0;
}
.main .mainI .shortcut_04{
	background: url("/user/resources/images/main/main_s4.svg") no-repeat center 0;
}
.main .mainI .shortcut_05{
	background: url("/user/resources/images/main/main_s5.svg") no-repeat center 0;
}
.main .mainI .shortcut_06{
	background: url("/user/resources/images/main/main_s6.svg") no-repeat center 0;
}
.main .mainI .shortcut_07{
	background: url("/user/resources/images/main/main_s7.svg") no-repeat center 0;
}
.main .mainI .shortcut_08{
	background: url("/user/resources/images/main/main_s8.svg") no-repeat center 0;
}
.main .mainI .shortcut_09{
	background: url("/user/resources/images/main/main_s9.svg") no-repeat center 0;
}
.main .mainI .shortcut_01:hover{
	background: url("/user/resources/images/main/main_s1_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_02:hover{
	background: url("/user/resources/images/main/main_s2_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_03:hover{
	background: url("/user/resources/images/main/main_s3_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_04:hover{
	background: url("/user/resources/images/main/main_s4_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_05:hover{
	background: url("/user/resources/images/main/main_s5_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_06:hover{
	background: url("/user/resources/images/main/main_s6_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_07:hover{
	background: url("/user/resources/images/main/main_s7_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_08:hover{
	background: url("/user/resources/images/main/main_s8_w.svg") no-repeat center 0;
}
.main .mainI .shortcut_09:hover{
	background: url("/user/resources/images/main/main_s9_w.svg") no-repeat center 0;
}


.main .mainC {
	margin-top:5.5em;
}

.main .mainC .cultureMap {
    border-radius: 0px;
}
.main .mainC .supportProject .box2 {
    border-radius: 0px;
}
.main .mainC .supportProject .box1 {
    border-radius: 0px;
}
.main .mainC .supportProject .box3 {
 border-radius: 0px;
}
.main .mainC .webzine {
 border-radius: 0px;
}
.main .mainC .facility {
 border-radius: 0px;
}
.main .mainC .galleryCarousel {
 border-radius: 0px;
}

/* 메인 팝업 */
.popupWrapper .mainPopup {
    max-width: 800px;
    max-height: 600px;
	width:auto;
}
.popupWrapper .mainPopup .popup-item img {
	max-height: 600px;
}

/* 메인 > 협력사 배너 */
.main .mainJ {
	margin-top:3em;
	margin-bottom:3em;
}
.main .mainJ ul.partners{

}
.main .mainJ ul.partners li{
	/* width: 240px;
	text-align: center; */
	/* border:1px solid red; */
}
.main .mainJ ul.partners li img{
	width: 170px;
}
.main .mainJ ul.partners li.slick-slide {
	/*width: 242px !important;*/
}
.main .mainJ ul.partners li.slick-slide img {
	display: block; /* Ensures margin: auto works correctly */
	margin: 0 auto; /* Centers the image horizontally */
	/* border: 1px solid #e0e0e0; */
}





@media (max-width: 1280px) {
	#header .h_bot .allmenu_trigger {
		background: url(/user/resources/images/common/sitemap.svg) #fff center center no-repeat;
	}

	.main .mainA .mainVisual .in .item>a .img {
		padding-bottom: 40.75%;
	}

	.main .mainA .mainVisual .arrows .right_arrow {
		visibility: hidden;
	}

	.main .mainA .mainVisual .arrows .left_arrow {
		visibility: hidden;
	}

	.main .mainA .mainVisual {
		width: 100%;
		height: auto;
		border-radius: 0px;
	}

	.main .mainB .cultureInfo .caSlider .arrows .left_arrow {
		background: url(/user/resources/images/main/gall_left.svg) #fff no-repeat center center;
		left: 10px;
		top: 50%;
	}

	.main .mainB .cultureInfo .caSlider .arrows .right_arrow {
		background: url(/user/resources/images/main/gall_right.svg) #fff no-repeat center center;
		right: 10px;
		top: 50%;
	}

	.main .mainD .video {
		width: 100%;
		margin-right: 0;
		height: auto;
	}

	.main .mainD .gallery {
		width: 100%;
		margin-right: 0;
		height: auto;
	}

	.main .mainD .video h2 {
		text-align: left;
	}

	.main .mainC .supportProject .box3 {
		width: 100%;
	}

	.main .mainD .cybertheaterInfo .thumbnail {
		width: 100%;
	}

	.main .mainD .cybertheaterInfo .thumbnail li {
		width: 50%;
		float: left;
	}

	.main .mainD .cybertheaterInfo .thumbnail li img {
		width: 100%;
		height: auto;
		margin-left: 0px;
		padding-left: 0px;
	}

	.main .mainD .cybertheaterInfo .thumbnail li span {
		width: 100%;
		padding-right: 10px;
	}

	.main .mainA .mainShortcut {
		display: none;
	}

	#footer .f_top .familysite {
		display: flex;
	}

	.main .mainE {
		padding-bottom: 3em;
	}

	.main .mainE .notice {
		padding: 0 0 3em 0;
	}

	.main .mainE .recruit {
		width: 100%;
		margin-right: 0;
		height: auto;
	}

	.main .mainE .noticeList>li .noticeTxt .cont {
		width: calc(100% - 90px);
	}
}

@media (max-width: 640px) {
	.main .mainG .inner .col {
		width: 100%;
	}

	.main .mainG .inner .col:first-of-type {
		margin-bottom: 3em;
		padding: 22px;
	}

	.main .mainG .inner {
		display: block;
	}

	.main .mainG .inner .col ul li time {
		display: none;
	}

	.main .mainH .inner .col {
		width: 100%;
	}

	.main .mainH .inner .col:first-of-type {
		margin-bottom: 3em;
	}

	.main .mainH .inner {
		display: block;
	}

	.main .mainI {
		display: none;
	}

	.main .mainA .mainVisual .controls {
		display: none;
	}
}

@media (max-width: 480px) {
	#header .h_bot .allmenu_trigger {
		background: url(/user/resources/images/common/sitemap.svg) #fff center center no-repeat;
	}

	.sub .subContents .sub_in .pagination li {
		float: left;
		display: block;
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin: 0 1.5px;
		text-align: center;
		margin-bottom: 5px;
	}

	.main .mainA .mainVisual .in .item>a .img {
		padding-bottom: 43.75%;
	}

	.main .mainA .mainVisual .arrows .right_arrow {
		visibility: hidden;
	}

	.main .mainA .mainVisual .arrows .left_arrow {
		visibility: hidden;
	}

	.main .mainA .mainVisual {
		width: 100%;
		height: auto;
		border-radius: 0px;
	}

	.main .mainA .mainShortcut ul li a:before {
		width: 80px;
		height: 80px;
		background-size: 100% !important;
	}

	.main .mainA .mainShortcut ul li a:after {
		width: 80px;
		height: 80px;
	}

	.main .mainB .cultureInfo .caSlider .arrows .left_arrow {
		display: none;
	}
	main .mainB .cultureInfo .caSlider .item .cont .tit {
    font-size: 1.9rem;
	}
	.main .mainB .cultureInfo .caSlider .item .cont .date {
    font-size: 1.9rem;
	}
	.main .mainB {
		margin-top:4em;
}

	.main .mainB .cultureInfo .caSlider .arrows .right_arrow {
		display: none;
	}

	.main .mainB .caHead {
		text-align: center;
	}

	.main .mainB .cultureInfo .cultureTab {
		margin: 0 auto 18px;
		font-size: 14px;
	}


	.main .mainD {
		line-height: 1;
		padding: 1em 0;
	}

	.main .mainD>.inner {
		padding: 0;
	}


	.main .mainD .caHead {
		text-align: center;
	}

	.main .mainD .cybertheaterInfo .thumbnail {
		padding-left: unset;
	}

	.main .mainD .video h2 {
		text-align: center
	}

	.main .mainD .gallery h2 {
		text-align: center
	}

	.main .mainD .cybertheaterInfo .thumbnail li {
		width: 100%;
		float: left;
		padding: 0 20px;
	}

	.main .mainD .cybertheaterInfo .thumbnail li span {
		line-height: 19px;
		letter-spacing: -1px;
		width: 100%;
		text-align: center;
	}

	.main .mainD .cybertheaterInfo .thumbnail li img {
		margin-left: 0px;
		padding-left: 0px;
	}

	.main .mainA .mainShortcut {
		display: none;
	}

	.main .mainD .video h2 a {
		width: 28px;
		height: 28px;
	}

	.main .mainD .gallery h2 a {
		width: 28px;
		height: 28px;
	}

	.sidenav {
		top: 76px;
	}

	.btn_02 {
		left: 140px;
	}

	.main .mainE {
		padding-bottom: 0em;
	}

	.main .mainE .notice {
		padding: 0 20px 25px 0;
	}

	.main .mainE .recruit .mainRecruit {
		padding: 0 20px 0 0;
	}

	.main .mainE .noticeList>li .noticeTxt .date {
		display: none;
	}
	.main .mainG .inner .col h2 {
		text-align: center;
	}

	.main .mainH .inner .col ul {
		display: block;
	}

	.main .mainH .inner .col ul li {
		width: 100%;
	}

	.main .mainH .inner .col ul li:first-of-type {
		margin-bottom: 2em;
	}
	.main .mainH .inner .col h2 {
		text-align: center;
	}
}