@chartset "utrf-8";

.sub-banner-wrap {
    width: 1440px;
    height: 350px;
    margin: 0 auto;
}
.sub-banner-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sub-banner-wrap .pc-banner { display : block; }
.sub-banner-wrap .m-banner { display : none; }

@media all and (max-width: 1500px) {
	.sub-banner-wrap { width: 100%; height: auto; }
	.sub-banner-wrap img { object-fit: contain; }
}
@media all and (max-width: 650px) {
	.sub-banner-wrap .pc-banner { display : none; }
	.sub-banner-wrap .m-banner { display : block; }
}


/* 검색결과 수량 */
.num_count {
	width: 1440px; 
	margin: 20px auto 10px;
	font-size: 18px; 
}
.num_count .point { 
	font-weight: 700; 
	color: #008aff; 
}
@media all and (max-width: 1500px) {
	.num_count {
		width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
	}
}

.filter-wrap {
	width: 100%;
	height: 120px;
	background: #eef4fb;
	display: flex
}
.filter-wrap .top-search-filter {
	width: 1440px; margin: 0 auto;
}
.filter-main-title {
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    text-align: center;
	width: 15%;
	font-size: 19px;
}
.top-search-filter { display: flex; align-items: center; justify-content: space-between; } 
.top-search-filter .chk-all-wrap {
	height: 35px; 
	line-height: 35px;
	border: 1px solid #ddd; 
	border-radius: 5px; 
	background: #fff;
	flex-basis: 25%;
	position: relative;
}
.categoryStyle-form { display: flex; gap: 20px; width: 85%; }
.categoryStyle-form .chk-all-wrap .box-title { padding: 0 7px; }
.selected-tlt { 
	display: flex; 
	justify-content: space-between;
	align-items: center;
    padding: 0 7px;
	cursor: pointer;
}
.chkBox-frame { display: none; }
.chkBox-wrap {
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 0;
	background: #fff;
	width: 100%;
	padding: 23px 20px 20px;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	/* box-shadow: 0 10px 20px rgba(0,132,255,0.19), 0 3px 6px rgba(0,132,255,0.23); */
	box-shadow: 0px 1px 10px rgba(0,132,255,0.8), 0 1px 4px rgba(0,132,255,0.8);
}
.type-1 .chkBox-wrap { width: 320px; }
.type-2 .chkBox-wrap {
	width: 750px;
	min-width: 160px;
	/* display: flex;
	gap: 10px; */
}
.type-2  .group { 
	display: flex;
    flex-direction: column;
}
.type-3 .chkBox-wrap { display: flex; flex-wrap: wrap; }
.type-3 .checkInput-box { flex-basis: 115px; }
.type-4 .chkBox-wrap { display: flex; flex-wrap: wrap; width: 310px; left: -20px; }
.type-4 .checkInput-box { flex-basis: 125px; }

@media all and (max-width: 1500px) {
	.filter-wrap .top-search-filter { width: 100%; padding: 0 20px; }
	.type-4 .chkBox-wrap {
		left: initial;
		right: 0;
	}
}
@media all and (max-width: 1080px) {
	.categoryStyle-form { gap: 10px; }
	.filter-main-title { font-size: 17px; }
	.categoryStyle-form .chk-all-wrap .box-title { font-size: 15px; }
}
@media all and (max-width: 900px) {
	 .type-2 .chkBox-wrap { left: -190px; }
}
@media all and (max-width: 768px) {
	.filter-wrap { height: auto; }
	.categoryStyle-form { flex-wrap: wrap; }
	.top-search-filter { align-items: flex-start; }
	.filter-wrap .top-search-filter { padding: 25px 20px; }
	.top-search-filter .chk-all-wrap { flex-basis: 47%; }

	.type-2 .chkBox-wrap {
        left: initial;
        right: 0;
    }
}
@media all and (max-width: 650px) {
	.top-search-filter { flex-direction: column; }
	.filter-main-title { 
		width: 100%; 
		padding-bottom: 10px;
        height: initial;
        line-height: initial;
	}
    .top-search-filter .chk-all-wrap { flex-basis: 48%; }
	.categoryStyle-form { width: 100%; }

	.type-4 .chkBox-wrap,
	.type-2 .chkBox-wrap {
        left: 0;
        right: initial;
    }
	.type-2 .chkBox-wrap { width: 100%; flex-wrap: wrap; gap: 0; }
	.type-4 .chkBox-wrap { width: 100%; }
}
@media all and (max-width: 600px) {
}
@media all and (max-width: 578px) {
	.filter-wrap .top-search-filter { padding: 20px 14px; }
	.filter-main-title { font-size: 16px; }
	.chk-all-wrap .chkBox-wrap .checkInput-box .checkbox { height: 30px; }
	.chkBox-wrap { padding: 13px 10px 10px; }
	.checkbox_text { font-size: 15px; }
	.categoryStyle-form { gap: 8px; }
	.categoryStyle-form .chk-all-wrap .box-title { font-size: 14px; }
	.top-search-filter .chk-all-wrap { height: 30px; line-height: 30px; flex-grow: 1; }
	.filter-wrap .top-search-filter { padding: 20px 14px; }
}
@media all and (max-width: 520px) {
	.type-2 .group { width: 100%; }
}
@media all and (max-width: 450px) {
	.chkBox-wrap { padding: 13px 0 10px; }
	.checkbox_text {
	    line-height: 1.2px;
        white-space: nowrap;
	}
}
@media all and (max-width: 376px) {
	.type-1 .chkBox-wrap { width: 100%; }
	.type-2 .chkBox-wrap { right: 0; left: initial; }
	.chkBox-wrap { padding: 3px 0px 1px; }
}

/* 컨텐츠 영역(sort) */
.contents-frame { 
	width: 1440px;
	padding: 40px 0 70px;
	margin: 0 auto;
}
.contents-frame .top_line { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.contents-frame .top_line .title { padding-right: 30px; font-size: 15px; padding-bottom: 10px; 
    padding-right: 30px;
    font-size: 15px;
    padding-bottom: 10px;
    padding: 5px 20px;
    margin-right: 20px;
    border: 1px solid #eee;
    background-color: #f1f1f1;
}
.hashtag-each {
	padding: 8px; 
	background: #009cff;
	border: 1px solid #009cff;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-right: 7px;
	margin-bottom: 5px;
	cursor: pointer; 
}
.hashtag-each span { 
	margin-right: 20px; 
	display: inline-block;
	font-size: 16px;
}
.hashtag-each img { width: 10px; height: 10px; }

.sort_wrap {
	width: 1440px;
    margin: 20px auto 0;
    display: flex;
    justify-content: flex-end;
	align-items: center;
    font-size: 16px;
    color: #777;
}
.sort_wrap li:last-child { margin-right: 0; }
.sort_wrap li { position: relative; margin-right: 20px; display: flex; align-items: center; gap: 3px; cursor: pointer;}
.sort_wrap .on { color: #0084ff; font-weight: 600; display: flex; align-items: center; gap: 3px; cursor: pointer; }

.sort_wrap li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 1px;
    height: 10px;
    background: #777;
    transform: translate(-50%, -50%);
}
.sort_wrap li:last-child:after { content: initial; }
.tooltip {
	position: relative;
	display: block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	border-style: solid;
	border-width: 5px;
}
.tooltip .tooltip-bottom {
	width: 120px;
	top: 150%;
	left: 50%;
	margin-left: -60px;
	padding: 10px; 
}
.tooltip .tooltip-bottom::after {
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-color: transparent transparent black transparent;
}

@media all and (max-width: 1500px) {
	.sort_wrap { 
		width: 100%;
		padding: 0 20px;
        box-sizing: border-box;
	}
}
@media all and (max-width: 420px) {
	.hashtag-each {
		padding: 6px;
		font-size: 13px; 
	}
}


/* 컨텐츠 영역(본 컨텐츠) */
.contents-box .line { display: flex; flex-wrap: wrap; justify-content: space-around; }
.contents-box .line .list {
	width: 20%;
    padding: 30px;
}
.p-img-wrap {
	display: block;
	width: 100%;
	height: 400px;
	position: relative;
	border: 1px solid #f1f1f1;
    background-color: #eee;
    box-sizing: border-box;
	overflow: hidden;
}
.p-img-wrap img {
	width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    border-radius: 3px;
    padding: 0px;
    box-sizing: border-box;
}
.poster-txt {
	text-align: left;
	margin: 17px 0 0;
	display: block;
}
.poster-txt .top_area {
	display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
	align-items: flex-end;
}
.poster-txt .top_area .zone { color: coral; }
.poster-txt .p-tlt {
	font-size: 18px;
	font-weight: 700;
	/* padding-bottom: 15px; */
}
.poster-txt .des {
	font-size : 16px;
	line-height: 20px;
	height: 40px;
	text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #555;
}
.poster-txt .count {
	display: flex;
	justify-content: space-between;
	padding-top: 12px;
	align-items: flex-end;
	flex-direction: row-reverse;
}
.poster-txt .count .day-num {
	font-weight: 400;
    font-size: 14px;
    color: #777;
}
.poster-txt .count .day-txt {
	font-size: 17px; 
	font-weight: 600;
}
.poster-txt .count .day-txt.end { color: #ff0000; }

@media all and (max-width: 1500px) {
	.contents-frame { 
		width: 100%;
		padding: 40px 20px;
        box-sizing: border-box;
	}
}
@media all and (max-width: 1440px) {
	.p-img-wrap { height: 360px; }
}
@media all and (max-width: 1280px) {

	.contents-box .line .list { width: 19%; } 
	.p-img-wrap { height: 310px; }
	.poster-txt .p-tlt { 
		font-size: 17px;
		/* padding-bottom: 12px; */
	}
	.poster-txt .top_area { margin-bottom: 0; }
}
@media all and (max-width: 1200px) {
	.contents-frame { padding: 60px 20px 50px; }
	.contents-frame .top_line { margin-bottom: 50px; }
	.contents-box .line .list { padding: 30px; }
	.p-img-wrap { height: 290px; }
}
@media all and (max-width: 1080px) {
	.contents-box .line .list { width: 25%; } 
	.p-img-wrap { height: 340px; }
}
@media all and (max-width: 992px) {
    .p-img-wrap {
        height: 310px;
    }
}
@media all and (max-width: 860px) {
    .p-img-wrap {
        height: 280px;
    }
}
@media all and (max-width: 800px) {
    .contents-box .line .list { width: 40%; }
	.p-img-wrap {
        height: 390px;
    }
}
@media all and (max-width: 768px) {
    .contents-frame { padding: 20px; }
	.contents-box .line .list { padding: 20px; }
}
@media all and (max-width: 680px) {
    .p-img-wrap {
        height: 340px;
    }
}
@media all and (max-width: 650px) {
    .contents-box .line .list { width: 38%; }
	 .p-img-wrap {
        height: 300px;
    }
}
@media all and (max-width: 600px) {
	/* .p-img-wrap { height: 320px; } */
}
@media all and (max-width: 578px) {
    .contents-frame { padding: 20px 10px; }
	.contents-frame .top_line { margin-bottom: 30px; }
	.contents-frame .top_line .title { font-size: 14px; padding-right: 20px; }
	.contents-box .line { margin-bottom: 30px; }
	.contents-box .line .list { padding: 15px; width: 40%; }
    .p-img-wrap { height: 280px; }
	.poster-txt .p-tlt { 
		font-size: 16px;
		/* padding-bottom: 10px; */
	}
	.poster-txt .des { 
		font-size: 15px;
		line-height: 18px;
		height: 37px;
	}
	.poster-txt .count .day-txt, 
	.poster-txt .count .day-num { font-size: 15px; }
}
@media all and (max-width: 500px) {
    .p-img-wrap { height: 250px; }
}
@media all and (max-width: 475px) {
    /* .p-img-wrap { height: 240px; } */
}
@media all and (max-width: 450px) {
    .contents-box .line .list { width: 38%; }
	.p-img-wrap { height: 210px; }
}
@media all and (max-width: 376px) {
	.p-img-wrap { height: 200px; }
	.contents-box .line .list {
        width: 45%;
        padding: 5px;
    }

}
@media all and (max-width: 320px) {
	.p-img-wrap { height: 180px; }
}


/* 페이지네이션 */
.pagination_wrap {
	width: 100%;
    display: flex;
	flex-direction: column;
}
.pagination {
    padding: 10px 20px;
    text-align: center;
    border-radius: 50px;
    display: block;
    
    margin: 20px auto;
    /* 
	border: 1px solid #eee;
	background: #f9f9f9;
    box-shadow: 2px 4px 3px -1px rgba(0, 0, 0, 0.05); 
	*/
}
.pagination span {
	display: inline-block;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #111;
	font-weight: 500;
	cursor: pointer;
}
.pagination span:hover {
	color: #009cff;
	font-weight: 600;
}
.pagination .first {
	color: #aaa;
}
.pagination .prev {
	color: #aaa;
	width: 80px;
    box-sizing: border-box;
}
.pagination .next {
	width: 80px;
    box-sizing: border-box;
}
.pagination .thisPage {
	/* 
	background: #009cff;
	background: #0076ff; 
	color: #fff;
	*/

	color: #0076ff;
	border-radius: 50%;
	font-weight: 700;
	cursor: default;
}
/* .pagination .thisPage:hover { color: #fff; } */

@media all and (max-width: 768px) {
	.pagination { margin: 10px auto; }
}
@media all and (max-width: 578px) {
	.pagination { padding: 6px 10px; }
	.pagination span {
		display: inline-block;
	}
}
@media all and (max-width: 420px) {
	.pagination span {
	    min-width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
	}
	.pagination .prev { width: 70px; }
	.pagination .next { width: 70px; }
}

/* 상세보기 페이지 */
.subDetail_frame { 
	width: 1440px; 
	margin: 0 auto; 
	display: flex; 
	gap: 30px;
	padding-bottom: 100px;
	box-sizing: border-box;
	position: relative;
}
.bigPart.left { width: 70%; }
.bigPart.right { 
    position: sticky;
	top: 0;
	width: 30%;
	height: 100%;
	border: 1px solid #eee;
	padding: 30px 20px;
    box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0,0,0,0.16), 3px 2px 4px rgba(0,0,0,0.23);
	min-width: 300px; 
}
.m-show-title { display: none; }
.detailPart {
	/* border: 1px solid #eee; */
	overflow: hidden;
}
.detailPart .addText {
	text-align: center; 
	background: #e2f2ff;
	padding: 15px;
}
.faceImg { width: 500px; margin: 0 auto; }
.faceImg img { width: 100%; }

.bigPart.right .area_title { font-family: 'ONE-Mobile-Regular'; font-size: 12px; color: #777; padding-bottom: 15px; }
.bigPart.right .title {
	font-size: 22px;
	line-height: 1.3;
    word-break: keep-all;
    font-weight: 700;
	padding-bottom: 20px;
}
.companyLogo-wrap { 
	display: flex;
	align-items: center;
	gap: 5px; 
}
.companyLogo-wrap img {
	width: 18px;
    height: 18px;
}
.companyLogo-wrap .companyLogo { font-weight: 600; color: #333; }
.paymentAmount_wrap { display: flex; 
	justify-content: space-between;
	padding: 50px 0 25px;
	align-items: flex-end;
}
.paymentAmount_wrap .value { 
	color: #009cff; 
	font-size: 24px;
	font-weight: 600;
	font-family: 'Cafe24Ohsquare';
}
.enterBtn {
	width: 100%;
	background: #009cff; 
	color: #fff;
	display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
	transition: all .3s;
}
.enterBtn:hover { 
	background: #fff;
	color: #009cff; 
	font-weight: 600;
	border: 1px solid #009cff;
}

.endBtn {
	width: 100%;
	background: #737076; 
	color: #fff;
	display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
	transition: all .3s;
}
.endBtn:hover { 
	background: #fff;
	color: #737076; 
	font-weight: 600;
	border: 1px solid #737076;
}

.subBtn_wrap {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	margin-top: 8px;
	position: relative;
}
.subBtn_wrap .btn {
	width: 50%; 
	border: 1px solid #ddd;
    height: 50px;
	text-align: center;
    line-height: 50px;
	font-size: 15px; 
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	border-radius: 2px;
	cursor: pointer; 
	transition: all .3s;
}
.subBtn_wrap .btn:hover {
	border: 1px solid #009cff;
	background: #009cff;
}
.subBtn_wrap .dvEventFavorite { width: 50%; }
.subBtn_wrap .btn img { height: 16px; }
.subBtn_wrap .btn .gray-line { display: block; }
.subBtn_wrap .btn .w-line { display: none; }
.subBtn_wrap .btn .red-line { display: none; }
.subBtn_wrap .btn .black-line { display: none; }
.subBtn_wrap .btn:hover span { color: #fff; }
.subBtn_wrap .btn:hover .gray-line.on { display: none; }
.subBtn_wrap .likeBtn:hover .gray-line { display: none; }
.subBtn_wrap .likeBtn:hover .w-line { display: block; }
.subBtn_wrap .shareBtn:hover .gray-line { display: none; }
.subBtn_wrap .shareBtn:hover .w-line { display: block; }
.list_top_bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.list_top_bar .point_number { color: #005bff; font-weight: 700; font-size: 25px; }
.excel_link.btn_2 { display: flex; align-items: center; padding: 0 20px; }

.subDetail_frame.evenView_page .eventSchedule .name { width: 130px; display: inline-block; box-sizing: border-box; }
.subDetail_frame.evenView_page .eventSchedule .value a { color: #0d8f94; font-weight: 700; }
 
@media screen and (max-width: 1280px) {
	.subDetail_frame { gap: 0; }
	.evenView_page .bigPart.left { width: 70%; }
}
@media screen and (max-width: 1024px) {
	.evenView_page .bigPart.left { width: 100%; }
	.subBtn_wrap .dvEventFavorite { width: 50%; }
}
@media screen and (max-width: 610px) {
	.subBtn_wrap .dvEventFavorite { width: 45px; }
}
@media screen and (max-width: 578px) { 
.subDetail_frame.evenView_page .eventSchedule .name { width: 70px; padding-left: 0; padding-right: 10px; }
.subDetail_frame.evenView_page .eventSchedule .name:before { content: initial; }
.subDetail_frame.evenView_page .eventSchedule li { display: flex; flex-direction: column;}
}

/* tab */
.detailPart.border-0 { border: 0; }
.detailPart .tabs-wrap { margin-top: 60px; }
.detailPart .tabs-wrap .tab {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.detailPart .tabs-wrap .tab li { float: left; width: 20%; }
.detailPart .tabs-wrap .tab li a {
	cursor: pointer;
	display: block;
	font-weight: 400;
	color: #777;
    padding: 0 20px;
    font-size: 15px;
	text-align: center;
}
.detailPart .tabs-wrap .tab li a:hover {
	background: #ebf1f4;
	border-radius: 20px;
}
.detailPart .tabs-wrap .tab .active a {
    color: #009cff;
    font-size: 18px;
    font-weight: 600;
}

/* tabContent */
.tabContent {
	clear: both;
/* 	display: none; */
/* 	overflow: hidden; */
	padding: 40px 0;
}
/* .active {
	display: block !important;
} */
.tabContentInner {
	background: #fff;
	margin: 0 auto;
}
.tabContent .innerBox { display: block; cursor: default; }
.tabContent .introBox {
	background: #e2f2ff;
	padding: 40px;
    border-radius: 20px 20px 0 0;
}
.tabContent .introBox .title { 
	font-family: 'ONE-Mobile-Title';
    font-size: 19px;
    margin-bottom: 14px;
    color: #222;
}
.tabContent .introBox p { 
	/* font-family: 'ONE-Mobile-Regular';  */
	font-size: 15px;
    padding-bottom: 7px;
    color: #404040;
	line-height: 18px;
}
.tabContent .introBox p:last-child { padding-bottom: 0; }
.eventSchedule_wrap { 
	padding: 50px 40px 30px;
	margin-bottom: 20px;
}
.eventSchedule_wrap .title {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.innerBox .title {
	font-weight: 700;
    font-size: 18px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #555;
	padding: 0 10px 10px;
}
.innerBox .title.fs { font-size: 22px; }
.eventSchedule li { padding: 5px 0; white-space: nowrap; }
.eventSchedule .name { padding: 0 20px; color: #777; position: relative; padding-right: 30px; }
.eventSchedule .name:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 3px;
	background: #ecf4fb;
	bottom: 3px;
    left: 0;
}
.eventSchedule .value { color: #333; }
.bodyContents_wrap { 
	padding: 40px; 
    background: #f2f9ff;
	background: #ebf2f9;
}
.bodyContents_wrap .testText {
    line-height: 25px;
    text-align: center;
}
.linkGoTo_wrap { 
	padding: 50px 40px;    
}
.linkGoTo_wrap p { position: relative; padding-left: 20px; word-break: break-all; }
.linkGoTo_wrap p:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 3px;
	background: #ecf4fb;
	bottom: 3px;
    left: 0;
}
.contactUs_wrap {
    padding: 30px 40px;
    /* background: #e2f2ff; */
    /* background: #f9f9f9; */
    /* border-top: 1px solid #ddd; */
    box-sizing: border-box;
}
.contactUs_wrap .companyInfo { 
/* 	background: #f3f9fe;
	padding: 30px;  */
}
.contactUs_wrap .companyInfo li { 
	padding-bottom: 20px; 
	padding-top: 7px;
    padding-bottom: 7px;
}
.companyInfo li .name {
    padding: 0 10px;
    color: #777;
    position: relative;
	width: 120px;
    display: inline-block;
    box-sizing: border-box;
}
.companyInfo li .value { color: #333; }
.applicationDetail_wrap { 
    padding: 40px;
    /* background: #e2f2ff; */
    /* border: 1px solid #ddd; */
    border-radius: 0 0 20px 20px;
}
.applicationDetail_wrap .list_wrap {
	background: #fff;
	background: #f3f9fe;
	padding: 35px 30px; 
}
.applicationDetail_wrap .list_wrap p span { font-weight: 800; font-size: 24px; }
.proposer { text-align: center; }
.excelBtn {
    width: 110px;
    height: 35px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	margin: 13px auto 0;
	cursor: pointer;
	transition: all .3s;
}
.excelBtn:hover {
	background: #178142;
	border: 1px solid #178142;
	color: #fff;
}
.excelBtn img { width: 16px; }
.excelBtn .green { display: block; }
.excelBtn .w-line { display: none; }
.excelBtn:hover .green { display: none; }
.excelBtn:hover .w-line { display: block; }
.historyBack_wrap { display: none; }

@media all and (max-width: 1500px) {
	.subDetail_frame {
		width: 100%; 
	    padding: 0 20px 100px;
	}
}
@media all and (max-width: 1280px) {
	.tabContent { padding: 40px 0 0; }
	.bigPart.left { width: 100%; }
	.bigPart.right { width: 300px; }
	.detailPart .tabs-wrap .tab li a { padding: 0 10px; }
	.eventSchedule_wrap { padding: 50px 20px 30px; }
	.linkGoTo_wrap { padding: 50px 20px; }
	.contactUs_wrap { padding: 30px 20px; }
	.applicationDetail_wrap { padding: 40px 20px; }
}
@media all and (max-width: 1024px) {
	.bigPart.right {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 330px;
        top: initial;
		background: #fff;
		box-shadow: 5px 8px 12px 1px rgba(0, 0, 0, 0.2);
        border: 1px solid #ddd;
        box-sizing: border-box;

        padding: 25px;
		z-index: 2;
	}
	.bigPart.right .area_title { padding-bottom: 10px; }
	.bigPart.right .title { padding-bottom: 10px; }
	.paymentAmount_wrap { padding: 30px 0 20px; }
}
@media all and (max-width: 768px) {
	.tabContent .introBox { padding: 30px 20px; }
	.tabContent .introBox .title { font-size: 18px; line-height: 22px; }
	.tabContent .introBox p { font-size: 14px; }
}
@media all and (max-width: 610px) {
	.bigPart.right { padding: 0 10px; height: 100px; display: flex; justify-content: space-between; align-items: center; }
	.bigPart.right .area_title,
	.bigPart.right .title,
	.bigPart.right .companyLogo-wrap {
		display: none; 
	} 
	.m-show-title {
		display: block;
        padding: 20px 20px;
        border: 4px solid #999;
        /* border-radius: 10px; */
        margin-top: 60px;
        border-left: 0;
        border-right: 0;
        background: #f9f9f9;
		margin-bottom: 60px;
	}
	.m-show-title .area_title {
	    font-family: 'ONE-Mobile-Regular';
		padding-bottom: 10px;
		font-size: 12px;
		color: #777;
	}
	.m-show-title .title {
		font-size: 20px;
		word-break: keep-all;
		font-weight: 700;
		padding-bottom: 15px;
	}
	.companyLogo-wrap {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.detailPart .tabs-wrap { margin-top: 30px; width: 100%; }
	.paymentAmount_wrap { gap: 2px; flex-direction: column; align-items: flex-start; padding: 0; }
	.paymentAmount_wrap .name { font-size: 15px; }
	.paymentAmount_wrap .value { font-size: 18px; }
	.subBtn_wrap { margin-top: 0; gap: 5px; }
	.subBtn_wrap .btn {
		width: 45px;
		height: 45px;
		gap: 0;
		margin-top: 0;
	}
	.subBtn_wrap .btn span { font-size: 0; }
	.enterBtn,.endBtn { 
		width: 40%; 
		height: 45px; 
		position: absolute;
        right: 112px;
		font-size: 15px;
	}
	.dvEventFavorite { width: 45px; height: 45px; }
	.historyBack_wrap {
		display: block;
		/* position: absolute;
		top: 5px;
		right: 10px; */
	}
	.m-left_wrap { display: flex; }
	.historyBack_wrap .historyBack { display: flex; flex-direction: column; width: 40px; padding: 0 10px; height: 100%; justify-content: center; }
	.historyBack_img { width: 25px; }
	.historyBack_txt { display: none; }
}
@media all and (max-width: 578px) {
	.tabContent { padding: 30px 0 0; }
	.innerBox .title { padding-left: 0; }
	.subDetail_frame { padding: 0 20px 50px; }
	.faceImg { width: 100%; }
	.eventSchedule_wrap { padding: 30px 0 10px; }
	.linkGoTo_wrap { padding: 50px 0px; }
	.linkGoTo_wrap p { padding-left: 0; }
	.linkGoTo_wrap p:before { content: initial; }
	.contactUs_wrap { padding: 10px 0; }
	.applicationDetail_wrap { padding: 30px 0px; }

	.detailPart .tabs-wrap .tab {
		overflow-x: auto; /* 가로 스크롤 활성화 */
		white-space: nowrap;
	}
	.detailPart .tabs-wrap .tab li {
		width: 120px;
		height: 100%;
	}
}
@media all and (max-width: 421px) {
	.m-show-title {
		margin-top: 30px;
		margin-bottom: 30px; 
		padding: 15px 10px;
	}
	.m-show-title .title { font-size: 18px; }
	.eventSchedule .name {
		padding: 0 10px;
		padding-right: 15px;
		font-size: 15px;
	}
	.eventSchedule .value { font-size: 15px; white-space: nowrap; }
	.companyInfo li .name { width: 90px; }
	.historyBack_wrap .historyBack { padding: 0; }
}
@media all and (max-width: 376px) {
	.enterBtn {
		width: 40%;
	}
}

/* 행사등록,관리 페이지 */
/* .r_eventReg_frame.Page_frame { margin: 100px auto; } */
.Page_frame {
    width: 1440px;
    min-height: 80vh;
    height: 100%;
    margin: 0 auto;
    /* padding-bottom: 100px; */
    box-sizing: border-box;
    position: relative;
	padding: 100px 0;
}
.Page_frame .blank_line {
	width: 100%;
	/* height: 10px;
	background-color: #222222; */
}
.Page_frame.notice_frame .board-wrap.detail .tits { 
	padding: 30px;
	line-height: 1.2;
	background-color: #eee; 
}
.Page_frame.notice_frame .board-wrap.detail .tits .ttt {
	text-align: center;
	font-size: 30px; font-weight: 700;
	border-bottom: 3px solid #fff;
	padding-bottom: 15px;
}
.Page_frame.notice_frame .board-wrap.detail .tits .ccc {
    display: flex;
    gap: 30px;
    justify-content: center;
    padding-top: 20px;
}
.Page_frame.notice_frame .board-wrap.detail .tits .ccc li { font-size: 18px; }
.post-attachments .nono {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 10px;
    background-color: #f9f9f9;
}
.post-attachments .yesyes {
    text-align: left;
    padding: 10px 0;
    margin: 20px 0 10px;
	padding: 10px 20px;
    background-color: #ededed;
	font-weight: 700; 
}


.post-navigation ul { border-top: 3px solid #ddd; }
.post-navigation .n-list { 
	display: flex;
	border-bottom: 1px solid #e7e7e7; 
    height: 50px;
    line-height: 50px;
}
.post-navigation .n-list .btxt {
    width: 15%;
	font-weight: 600;
    font-size: 17px;
	min-width: 80px;
    text-align: center;
    white-space: nowrap;
}
.post-navigation .n-list .blank_txt,
.post-navigation .n-list a {
	padding-left: 10px;
	display: block; 
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}

.Page_frame .Page_title_wrap {
	text-align: center;
	padding-top: 90px;
}
.Page_frame .Page_title_wrap .main_title {
    font-size: 42px;
	line-height: 1.2;
    font-weight: 700;
    padding-bottom: 30px;
}
.Page_frame .Page_title_wrap .sub_title {
    color: #777;
    font-size: 18px;
    line-height: 1.2;
	word-break: keep-all;
}
.eventReg_tabs_wrap {
	width: 1440px;
	margin: 0 auto;
}
.eventInfo_tabs {
    width: 600px;
	height: 40px;
    line-height: 40px;
    text-align: center;
    position: sticky;
    top: 10px;
    margin: auto;
    display: flex;
    border-bottom: 6px solid #ddd;
	z-index: 1;
	background: #fff;
}
.eventInfo_tabs a {
	width: 100%;
	font-size: 17px;
}
.eventInfo_tabs li {
    width: 100%;
	background: none;
	color: #222;
	display: inline-block;
	cursor: pointer;
}
.eventReg_tabs_wrap .content {
    width: 1200px;
    border-radius: 5px;
    margin: auto;
    text-align: center;
    padding-top: 90px;
    margin-bottom: 50px;
}

.tab_list.active { color: #0060ff; position: relative; }
.tab_list.active:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: #0060ff;
}

.contents_wrap .box-title {
    text-align: left;
    font-weight: 600;
    padding: 10px 30px;
    font-size: 25px;
    background-color: #d4e9ff;
    display: block;
    margin-bottom: 10px;
    border-radius: 50px;
}
.contents_wrap .commonInfo_wrap {
	/* border: 1px solid #ddd; */
	border-radius: 5px;
	padding: 50px 40px;
}
.contents_wrap .commonInfo_wrap .line { margin-bottom: 50px; }
.contents_wrap .commonInfo_wrap .line:last-child { margin-bottom: 30px; }
.contents_wrap .commonInfo_wrap .line .chk-title { text-align: left; font-weight: 600; padding-bottom: 15px; font-size: 17px; }
.contents_wrap .commonInfo_wrap .line .chk-title img { width: 20px; margin-left: 10px; }

.innerInputBox { width: 100%; }
.innerInputBox .chk-select { width: 100%; }
.innerInputBox .chk-select select { width: 100%; height: 40px; }
.innerInputBox .chk-input { width: 100%; }
.innerInputBox .chk-input input { width: 100%; height: 40px; }
.innerInputBox.half { display: flex; gap: 50px; } 
.innerInputBox.half .dateBox { width: 100%; }
.innerInputBox.half .dateBox .dateChoice { width: 100%; }
.chk-title .pointColor_1 { font-size: 15px; font-weight: 500; padding-left: 15px; word-break: keep-all; line-height: 1.25; }
.innerInputBox .dateBox h5,
.innerInputBox.half .dateBox h5 { text-align: left; font-size: 15px; color: #555; padding-bottom: 5px; padding-left: 5px; }
.dateChoice input { height: 40px; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
.dateChoice input:placeholder { font-size: 16px; }
.uploadPhoto_wrap { display: flex; gap: 50px; justify-content: space-between; border-radius: 3px; }
.uploadPhoto_wrap.edit_img_wrap { display: flex; flex-direction: column; }
.uploadPhoto_wrap .edit_upload-photo { display: flex; gap: 50px; }
.uploadPhoto_wrap .upload-photo { 
	width: 50%; padding: 20px; border: 1px solid #ddd; cursor: pointer; 
	/* display: flex;
	align-items: center;
	    justify-content: center;
	    flex-direction: column;
	position: relative; */
	overflow: hidden; height: 300px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
}

.uploadPhoto_wrap .upload-photo .edit_frame { height: 100%; }
.uploadPhoto_wrap .upload-photo .preview-wrapper { height: 100%; position: relative; }
.uploadPhoto_wrap .upload-photo .edit_frame img,
.uploadPhoto_wrap .upload-photo .preview-wrapper img { width: 100%; height: 100%; object-fit: contain; }
.uploadPhoto_wrap .upload-photo input { display: none; }
.uploadPhoto_wrap .upload-photo.thumnail { width: 20%; min-width: 250px; }
.uploadPhoto_wrap .upload-photo.main { width: 80%; }
.uploadPhoto_wrap .upload-photo .preview-wrapper { position: relative; }
.uploadPhoto_wrap .upload-photo .preview-wrapper .preview-close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
}
.photoUpload_line .pointColor_1 { text-align: left; font-size: 15px; line-height: 1.2; font-weight: 500; padding-top: 10px; word-break: keep-all; }
.uploadPhoto_wrap .description { font-size: 16px; color: #777; margin-bottom: 20px; margin-top: 0; }
.img_addBtn {
	height: 37px;
    border: 1px solid #00aeff;
    box-sizing: border-box;
    background: #fff;
    padding: 0 20px;
    display: inline-block;
    border-radius: 50px;
    line-height: 37px;
    font-size: 14px; 
	padding-bottom: 10px;
	transition: all .3s;
	white-space: nowrap;
}
.img_addBtn:hover {
	border: 1px solid #1BC1FF;
	background: #1BC1FF;
	background: linear-gradient(90deg,rgba(27, 193, 255, 1) 0%, rgba(68, 111, 255, 1) 100%);
	color: #fff;
	font-weight: 500;
}

.contents_wrap .detailInfo_wrap { text-align: left; }
.contents_wrap .detailInfo_wrap .top_line { display: flex; }
.useTo { padding-left: 10px; }
.useTo .description { color: #555; font-size: 16px; line-height: 1.2; font-weight: 400; padding-bottom: 6px; }
.useTo .point { font-size: 13px; color: #333; font-weight: 500; }
.contents_wrap .detailInfo_wrap .warming { font-size: 14px; margin-top: 50px; margin-bottom: 5px; }
.editor_stage { background-size: cover; }
.editor_stage .textarea { display: block; width: 100%; height: 300px; resize: none; border: 1px solid #ccc; outline: none; padding: 7px; box-sizing: border-box; }

@media all and (max-width: 1280px) {
	/* .Page_frame { margin: 80px auto; } */
}
@media all and (max-width: 1080px) {
	.contents_wrap .detailInfo_wrap .warming { margin-top: 30px; }
	.editor_stage { background-size: cover !important; }
}

@media all and (max-width: 650px) {
	.recruit_method_check .innerInputBox.half { flex-direction: column; gap: 7px; }
}

@media all and (max-width: 578px) {
	.Page_frame { padding: 20px 10px; margin: 50px auto; }
	.Page_frame .Page_title_wrap { padding-top: 70px; }
	.Page_frame .Page_title_wrap .main_title { padding-bottom: 15px; font-size: 28px; }

	.photoUpload_line .pointColor_1 { font-size: 12px; padding-top: 7px; }
	.contents_wrap .commonInfo_wrap .line:last-child { margin-bottom: 10px; }
	.contents_wrap .detailInfo_wrap .top_line { flex-direction: column; }
	.useTo { padding-left: 0; }
	.contents_wrap .detailInfo_wrap .warming { margin-top: 25px; }
	.useTo .description { font-size: 15px; }
	.r_eventReg_frame.Page_frame { margin: 70px auto; }
	.Page_frame.editMember_frame { margin: 70px auto; }
	.Page_frame.notice_frame .board-wrap.detail .tits { padding: 20px; }
	.Page_frame.notice_frame .board-wrap.detail .tits .ttt { text-align: left; font-size: 22px; white-space: pre-wrap; }
	.Page_frame.notice_frame .board-wrap.detail .tits .ccc { flex-wrap: wrap; justify-content: flex-start; gap: 5px; flex-direction: column; }
	.Page_frame.notice_frame .board-wrap.detail .tits .ccc li { font-size: 17px; }
}
@media all and (max-width: 425px) {
	.Page_frame .Page_title_wrap .main_title { font-size: 24px; padding-bottom: 10px; }
	.Page_frame .Page_title_wrap .sub_title { font-size: 15px; }
	.eventReg_tabs_wrap + .btn_wrap { flex-direction: column-reverse; padding: 20px 10px 40px; }
	.editMember_frame .contents_wrap .part- { padding: 35px 0; }
}


/* 라디오 버튼 커스텀 */
.customRadio { display: flex; align-items: center; gap: 10px; }
.customRadio span { font-size: 16px; }
.switch { position: relative; display: inline-block; width: 54px; height: 28px; }
.switch input { display: none; }
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}
input:checked+.slider { background-color: #2196F3; background: linear-gradient(90deg,rgba(27, 193, 255, 1) 0%, rgba(68, 111, 255, 1) 100%); }
input:focus+.slider { box-shadow: 0 0 1px #2196F3; }
input:checked+.slider:before { transform: translateX(22px); }
.paid_show { width: 50%; height: 46px; background-color: #eef4ff; display: flex; align-items: center; gap: 5px; border-radius: 5px; padding: 0 10px; box-sizing: border-box; }
.paid_show img { width: 15px; }
.paid_show input { border: 1px solid #ddd; height: 30px; width: 50%; min-width: 200px; padding: 0 7px; font-size: 16px; }
.paid_show span { font-size: 14px; padding-top: 9px; color: #777; font-size: 15px; }

/* ON OFF 글자 추가 */
.slider::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(100% - 24px);
  transform: translateY(-55%);
  font-size: 10px;
  color: #555;
}
input:checked+.slider::after { content: ""; left: 10px; color: #fff; }
.addDelete_btn {
    border: 1px solid #ddd;
    color: #999;
    border-radius: 50px;
    background: #ffffff;
    padding: 0 30px;
    cursor: pointer;
    transition: all .3s;
}
.addDelete_btn:hover {
    color: #ff6800;
    /* border: 1px solid #ff00003d; */
    background: #ff00001a;
    font-weight: 700;
}
.sideText.pointColor_1 {
    font-size: 15px;
    font-weight: 500;
    padding-left: 15px;
	padding-top: 3px;
}
.chkBorderBox { 
	border: 1px solid #ddd; 
	width: 250px; height: 45px; 
	line-height: 45px;
    border-radius: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}
.dateCheck_wrap .innerInputBox { display: flex; gap: 20px; flex-wrap: wrap; }
.dateCheckBox .checkbox_text { font-family: 'Pretendard'; }
.dateInputBox.etc { width: 100%; display: flex; }
.dateInputBox.etc .innerInput { min-width: 660px; width: 80%; border-bottom: 1px solid #ddd; text-align: left; }
.dateInputBox.etc .innerInput input { width: 100%; border: 0; outline: 0; height: 38px; }
.addFilebox_wrap .filebox { margin: 0; text-align: left; display: flex; justify-content: space-between; }
.addFilebox_wrap .filebox .upload-name {
    height: 40px;
    padding: 0 15px;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #dddddd;
    color: #999999;
	width: 70%; 
} 
.addFilebox_wrap .filebox label {
    display: inline-block;
    /* padding: 10px 20px; */
    color: #fff;
    vertical-align: middle;
    background-color: #ccc;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0 40px;
    border-radius: 50px;
	transition: all .3s;
}
.addFilebox_wrap .filebox label:hover {	background: #111; }
.addFilebox_wrap .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.participant_approval_check .customRadio { flex-wrap: wrap; }
.participant_approval_check .sideText.pointColor_1 {
	width: 100%;
    display: block;
    padding-left: 0;
    text-align: left;
}
.flatpickr-months .flatpickr-current-month .numInputWrapper,
.flatpickr-months .flatpickr-current-month .numInputWrapper input {	display: none !important; /* ⛔ 연도 숨기기 */ }
.logo_a {
	width: 60px;
	height: 60px;
	transform: translate(-50%, -50%);
}
.logo_a img {
	position: absolute;
	top: 83%;
	left: 83%;
	transform: translate(-50%, -50%);
	max-width: 40px;
}
.logo_a div {
	position: absolute;
	width: 60px;
	height: 60px;
	margin: 20px;
	border-radius: 43%;
	transform: rotate(45deg);
	mix-blend-mode: multiply;
	animation: 2s cubic-bezier(0.66, -0.7, 0.27, 1.6) infinite;
}
.logo_a div:nth-child(1) { background-color: #54ffff; animation-name: rotate-1; }
.logo_a div:nth-child(2) { background-color: #ff73ff; animation-name: rotate-2; }
.logo_a div:nth-child(3) { background-color: #ffffa2; animation-name: rotate-3; }

@keyframes rotate-1 {
	to {
		transform: rotate(135deg);
	}
}
@keyframes rotate-2 {
	to {
		transform: rotate(225deg);
	}
}
@keyframes rotate-3 {
	to {
		transform: rotate(315deg);
	}
}
@keyframes marquee {
	from {
		transform: translateX(100%);
	}
	99%, to {
		transform: translateX(-180%);
	}
}
.spinner-box {
	width: 300px;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
}
.leo {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

@media all and (max-width: 1500px) {
	.Page_frame { width: 100%; }
	.eventReg_tabs_wrap { width: 100%; }
}
@media all and (max-width: 1280px) {
	.eventReg_tabs_wrap .content { width: 100%; padding-top: 50px; }
	.eventReg_tabs_wrap .contents_wrap { padding: 0 20px; }
	.contents_wrap .commonInfo_wrap { padding: 55px 40px; }
}
@media all and (max-width: 1200px) {
	.uploadPhoto_wrap { gap: 30px; }
	.uploadPhoto_wrap .edit_upload-photo { gap: 30px; }
	.innerInputBox.half { gap: 30px; }
}
@media all and (max-width: 992px) {
	.contents_wrap .commonInfo_wrap { padding: 45px 30px; }
	.innerInputBox.half { gap: 30px; }
	.dateInputBox.etc .innerInput {
		min-width: 400px;
		width: 60%;
	}
	.paid_show { width: 50%; }
}	
@media all and (max-width: 768px) {
	.uploadPhoto_wrap { flex-direction: column; gap: 20px; }
	.uploadPhoto_wrap .edit_upload-photo { flex-direction: column; gap: 20px; }
	.uploadPhoto_wrap .upload-photo .edit_frame { width: 100%; height: 100%; }
	.uploadPhoto_wrap .upload-photo .edit_frame > img { height: 100%; object-fit: contain; }
	.edit_img_wrap.uploadPhoto_wrap { gap: 50px; }
	.uploadPhoto_wrap .upload-photo.thumnail { width: 100%; }
	.uploadPhoto_wrap .upload-photo.main { width: 100%; }
	.paid_show { width: 50%; }
	.price_policy_wrap .innerInputBox.half { flex-wrap: wrap; align-items: center; }
	.price_policy_wrap .customRadio { padding: 15px 0; }
}
@media all and (max-width: 650px) {
	.price_policy_wrap .innerInputBox.half .paid_show { width: 100%; }
	.paid_show input { width: 80%; }
	.dateInputBox.etc .innerInput { min-width: auto; width: 50%; }
	.price_policy_wrap .customRadio { margin-right: 20px; }
	.price_policy_wrap .customRadio:first-child { margin-top: 0; }
	.paid_show { width: 100%; margin-top: 7px; }
	.eventInfo_tabs { width: 100%; }
	.eventReg_tabs_wrap .content { padding-top: 20px; margin-bottom: 20px; }
	.contents_wrap .commonInfo_wrap .line { margin-bottom: 30px; }
	.innerInputBox .chk-select select { font-size: 14px; }
	.price_policy_wrap .innerInputBox.half { gap: 0; }

    .uploadPhoto_wrap { gap: 20px; }
	.uploadPhoto_wrap .upload-photo { padding: 10px; }
	.uploadPhoto_wrap .upload-photo.thumnail { min-width: 180px; }
	.img_addBtn  { padding: 0 10px; }

	.chkBorderBox { width: 100%; height: 35px; line-height: 35px; padding-right: 20px; }
	.dateCheck_wrap .innerInputBox { gap: 10px; }
	.dateInputBox.etc .innerInput input { height: 35px; box-sizing: border-box; }
	.addDelete_btn { height: 35px; padding: 0 12px; font-size: 12px; }

	.participant_capacity .innerInputBox { width: 100% !important; }
	.addFilebox_wrap .innerInputBox { width: 100% !important; }
	.addFilebox_wrap .filebox label { padding: 0; font-size: 14px; width: 80px; text-align: center; }
}

@media all and (max-width: 578px) {
	.contents_wrap .box-title { padding: 7px; font-size: 20px; }
	.contents_wrap .commonInfo_wrap { padding: 25px 20px; }
	.contents_wrap .commonInfo_wrap .line .chk-title { font-size: 16px; padding-bottom: 5px; }
	.innerInputBox.half { gap: 7px; }
	.innerInputBox .chk-select select { font-size: 13px; }
	.innerInputBox .dateBox h5, .innerInputBox.half .dateBox h5 { font-size: 13px; }
	.edit_img_wrap.uploadPhoto_wrap { gap: 30px; }
	.uploadPhoto_wrap .upload-photo { height: 235px; }
	.uploadPhoto_wrap .description { margin-bottom: 10px; font-size: 13px; }
	.img_addBtn { font-size: 13px; height: 33px; line-height: 33px; padding: 0 15px; }
	.chk-title .pointColor_1 {
	    display: block;
		padding-left: 0;
		padding-top: 5px;
		font-size: 15px;
	}
	.innerInputBox .chk-select select { height: 35px; padding: 0 5px; }
	.innerInputBox .chk-input input { height: 35px; padding: 0 5px; font-size: 13px; }
	.dateChoice input { height: 35px; padding: 0 5px; font-size: 13px; }
	.customRadio span { font-size: 15px; }
	.paid_show input { font-size: 13px; }

	.switch { width: 45px; height: 22px; }
	.slider:before { height: 16px; width: 16px; left: 4px; bottom: 3px; }
	.sideText.pointColor_1 { width: 100%; display: block; padding-left: 0; }
	.checkbox_text { font-size: 15px; }
	.addFilebox_wrap .filebox label { font-size: 14px; height: 35px; line-height: 35px; }
	.addFilebox_wrap .filebox .upload-name { height: 35px; }
}
@media all and (max-width: 425px) {
	.contents_wrap .commonInfo_wrap { padding: 20px 15px; }
	.contents_wrap .box-title { font-size: 18px; }
	.eventReg_tabs_wrap .content { padding-top: 10px; }
	.eventReg_tabs_wrap .contents_wrap { padding: 0 10px; }
	.innerInputBox .dateBox h5, .innerInputBox.half .dateBox h5 { padding-bottom: 0px; padding-top: 5px; }
	.contents_wrap .commonInfo_wrap .line .chk-title { padding-bottom: 15px; }
	.innerInputBox.half { gap: 15px; }
	.customRadio span { font-size: 13px; }
	.dateInputBox.etc { justify-content: space-between; }
	.dateInputBox.etc .innerInput { width: 100%; }
}


/* 개설한 행사 */
.eventList_tabs_wrap {
	width: 1440px;
	margin: 10px auto 0;
}
.eventList_tabs_wrap .content {
	display: none;

    width: 1200px;
    border-radius: 5px;
    margin: auto;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 50px;
}

.posterImg_wrap { width: 150px; position: relative; display: block; margin: 0 auto; }
.posterImg_wrap::before { content: ''; display: block; padding-top: 100%; }
.posterImg {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #d6f0ff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.posterImg img { width: 100%; }
.innerSearch_form { background: #f5f5f5; border-radius: 5px; display: flex; justify-content: center; padding: 20px 0; margin-top: 50px; width: 1440px; box-sizing: border-box; }
.innerSearch { display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; width: 500px; height: 44px; 
	background: #fff; border-radius: 2px; justify-content: space-between;
}
.innerSearch input { border: 0; width: 95%; height: 100%; padding: 0 7px; font-size: 15px; color: #333; }
.innerSearch button { display: flex; align-items: center; justify-content: center; width: 30px; cursor: pointer;}
.innerSearch button img { height: 15px; }

.noticeSearch.innerSearch_form { border: 1px solid #eee; border-radius: 10px; }
.noticeSearch .innerSearch { background: transparent; border: 0; height: 40px; }
.noticeSearch select { outline: none; width: 100px; height: 100%; border: 1px solid #ddd; padding-left: 7px; font-size: 15px; }
.noticeSearch .searchInput { width: 390px; display: flex; border: 1px solid #ddd; height: 100%; box-sizing: border-box; }
.noticeSearch .searchInput button { width: 50px; background: #fff; }

.detailContents .detailCharge { font-weight: 700; color: #ff6c00; font-size: 17px; padding-bottom: 10px; }
.detailContents .detailDate { color: #555; font-size: 15px; padding: 12px 0px; font-weight: 500; }
.detailContents .detailDate .name { line-height: 14px; padding: 4px 10px; background: #f1f1f1; color: #006cff; font-weight: 600;
	display: inline-block; border-radius: 3px; }
.detailContents .title { font-size: 20px; line-height: 1.2; font-weight: 600; word-break: keep-all; }
.detailContents .title a:hover { text-decoration: underline; }
.detailContents .extraDetails { font-size: 14px; color: #999; }
.detailContents .extraDetails .extra-1 { padding-right: 20px; }
.detailContents .extraDetails .extra-2 {}

.editWrap .edit { font-size: 14px; font-weight: 500; margin-bottom: 8px; display: flex; justify-content: center; gap: 14px }
.editWrap .edit a { transition: all .3s; white-space: nowrap; }
.editWrap .edit .re:hover { color: #006ef6; }
.editWrap .edit .delete:hover { color: #ff0000; }
.editWrap .edit .cancel:hover { color: #ff6c00; }

.confirmed_panel { display: flex; justify-content: space-between; margin-bottom: 5px;
 }
.confirmed_title {
    padding: 10px 40px 9px 40px;
    color: #006ef6;
    background: #006ef61a;
    font-size: 15px;
    font-weight: 600;
    border-radius: 20px;
}
.confirmed_list { display: flex; gap: 10px; font-size: 14px; font-weight: 500; align-items: center; }
.confirmed_list li { display: block; }
.confirmed_list li a { display: block; }
.confirmed_list li.certificate_link:hover a { color: #28a745; }
.confirmed_list li.detail_link:hover a { color: #17a2b8; }
.confirmed_list li.edit_link:hover a { color: #006ef6; }

.apply_dateInfo_wrap { background: #f5f5f5; width: 100%; padding: 15px 0; margin-bottom: 5px; border-radius: 10px; }
.apply_date_wrap { background: #f5f5f5; width: 100%; display: flex; margin-bottom: 5px; }
.apply_date_wrap .name { font-weight: 600; color: #333; padding: 0 40px; font-size: 15px; }
.apply_date_wrap .value { color: #666; }
.apply_info_wrap {
	background: #f5f5f5;
    width: 100%;
    display: flex;
	border-radius: 10px;
}
.apply_info_wrap .name { font-weight: 600; color: #333; padding: 0 40px; font-size: 15px; }
.apply_info_wrap .value { display: flex; color: #666; }
.apply_info_wrap .value .divider { padding: 0 10px; margin: 0; border: 0; }
.apply_info_wrap .value .emphasis { font-weight: 600; color: #444; }


.editWrap .Status .status { 
	height: 40px; color: #fff; font-weight: 600; width: 150px;
	line-height: 40px; margin: auto; border-radius: 3px; }
.editWrap .ingStatus .status { background: #006ef6; border: 1px solid #006ef6; }
.editWrap .endStatus .status { border: 1px solid #ff0000; color: #ff0000; }
.editWrap .Status .status-1 { margin-bottom: 10px; }

.notice_total_count { width: 1440px; margin: 30px auto 10px; font-size: 14px; box-sizing: border-box; }
.notice_total_count .point_text { color: #ff6c00; font-weight: 600; font-size: 15px; }
.line-title { white-space: nowrap; text-align: left; }

/* .notice_frame .content { margin-bottom: 20px; } */

@media all and (max-width: 1500px) {
	.eventList_tabs_wrap { width: 100%;	}
	.innerSearch_form { width: 1200px; margin: 40px auto 0; }
	.notice_total_count { width: 1200px; }
}

@media all and (max-width: 1280px) {
	.innerSearch_form { width: 100%; }
	.eventList_tabs_wrap .content { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.notice_total_count { width: 100%; }
	.contents_wrap { padding:  0 20px; }
}

@media all and (max-width: 1200px) {
	.detailContents .title { font-size: 18px; }
	.detailContents .detailDate { font-size: 14px; }
	.detailContents .detailCharge { font-size: 16px; }
	.editWrap .Status .status {
		font-size: 17px;
		width: 130px;
		height: 45px;
		line-height: 45px;
	}
	.editWrap .Status .status-1 { margin-bottom: 5px; }

	.apply_date_wrap .name { padding: 0 30px; }
	.apply_info_wrap { text-align: left; }
	.apply_info_wrap .name { padding: 0 30px; }
}

@media all and (max-width: 1080px) {
	.apply_info_wrap .value { flex-wrap: wrap; }
	.apply_info_wrap .value .divider { padding: 0 5px; }

}

@media all and (max-width: 992px) {
	.posterImg_wrap { width: 100%; }
	.detailContents .title { font-size: 17px; }
	.detailContents .detailCharge { font-size: 15px; }
	.editWrap .Status .status { width: 100%; }
}

@media all and (max-width: 768px) {
	.eventList_tabs_wrap .content { margin-bottom: 0; }
	.apply_info_wrap .value .divider { display: none; }
	.apply_info_wrap .value li { width: 100%; }
	.confirmed_info_box { border-top: 1px dotted #ccc; }
	.notice_frame .content { margin-bottom: 15px; }
	.apply_info_wrap { flex-direction: column; }
	.apply_info_wrap .value { padding: 0 30px; }
}

@media all and (max-width: 650px) {
	.innerSearch_form { padding: 10px; }
	.innerSearch { width: 100%; justify-content: center; gap: 7px; }
	.noticeSearch select { width: 20%; }
	.noticeSearch .searchInput { width: 80%; }
	.confirmed_title { padding: 5px; }
}

@media all and (max-width: 578px) {
	.eventList_tabs_wrap .content { padding: 0 10px; margin-bottom: 20px; }
	.innerSearch_form { margin: 50px auto 0; }
	.noticeSearch.innerSearch_form { margin-top: 0; }
	.notice_frame .content { margin-bottom: 10px; }

	.custom_btn {
		width: 100%;
		text-align: center;
		margin-top: 20px;
		height: 45px;
        line-height: 45px;
	}
	.eventList_tabs_wrap { margin: 20px auto 0; }
}

@media all and (max-width: 425px) {
	.innerSearch_form { background: transparent; }
	.noticeSearch select { width: 25%; }
	.noticeSearch .searchInput { width: 75%; }
	.innerSearch_form { padding: 0; }
}

@media all and (max-width: 376px) {
	.detailContents .title { font-size: 16px; }
	.detailContents .detailDate  { font-size: 13px; }
	.noticeSearch .searchInput button { width: 20%; padding: 0; }
	.innerSearch { gap: 5px; }
	.confirmed_panel { flex-direction: column; }
	.confirmed_list { justify-content: center; padding: 10px 0 5px; }
	.apply_date_wrap { padding: 10px 0; }
	.apply_date_wrap .name { padding: 0 20px; }
	.apply_info_wrap { padding: 10px 0; }
	.apply_info_wrap .name { padding: 0 20px; }
	.apply_info_wrap .value { padding: 10px 20px 2px; }
}

/* 큐레이션 페이지 */
.Page_frame.curationPage_frame { width: 100%; padding-bottom: 0; overflow: hidden; }
.curationPage_frame .dynamic_img {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
}
.curationPage_frame .rolling_wrap {
	display: flex;
	position: absolute; 
	top: 45%;
	left: 0;
	width: 100%; 
}
.curationPage_frame .banner_item { display: flex; padding: 10px; }
.banner_item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
	padding: 10px;
}
.main_content { text-align: center; }
.main_content img.morkup_pc {
    max-width: 630px;
    margin-top: 10vh;
    width: 50%;
}
a.btn_myinfo_edit {
    width: 150px;
    display: block;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 17px;
	font-weight: 700;
    color: #555;
    margin: 10px auto;
	background: #ffffffa5;
	transition: all .3s;
}
a.btn_myinfo_edit:hover {
	font-weight: 700;
	border: 1px solid #aaa;
	background-color: #f6f6f6;
}
.main_content .title_wrap { padding: 140px 0; background-color: #fff; }
.main_content .title {
	font-size: 30px; 
	display: flex;
	justify-content: center;
    align-items: baseline;
	gap: 15px;
	align-items: flex-end;
}
.main_content .title p { font-weight: 700; }
.main_content .title .point_day, .total_count {
	background: linear-gradient(90deg, #015eea, #00c0fa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 60px;
	height: 65px;
	font-weight: 800;
	line-height: initial;
}
.main_content .sub_title { color: #555; font-size: 17px; padding-top: 20px; }
.sec_content { background-color: #f9f9f9; width: 100%; padding: 120px 0; margin: auto; position: relative; z-index: 0; }
.sec_content .static_img .gradient-effect- { position: absolute; z-index: -1; } 
.sec_content .static_img .gradient-effect-:nth-child(1) { opacity: 0.7; left: 9%; top: 24%; width: 100px; }
.sec_content .static_img .gradient-effect-:nth-child(2) { opacity: 0.3; right:4%; top: 75%; max-width:300px; width: 20%; }
.sec_content .static_img .gradient-effect-:nth-child(3) { opacity: 0.1; right: 5%; top: 15%; width: 200px; }

.sec_content .title_wrap { text-align: center; }
.sec_content .title_wrap .title { font-size: 36px; line-height: 1.2; font-weight: 700; color: #222; }
.sec_content .title_wrap .sub_title { padding-top: 20px; color: #707070; font-size: 17px; margin-bottom: 80px; }
.sec_content .con-box-wrap { display: flex; align-items: flex-start; justify-content: center; gap: 70px; margin-bottom: 80px; box-sizing: border-box; }
.sec_content .con-box { padding: 30px; background: #fff; border-radius: 20px; 
	box-shadow: 3px 7px 14px 2px  rgba(0,0,0,0.1);
	box-sizing: border-box;
    width: 500px;
}
.sec_content .con-box-wrap .con-box { padding: 50px 50px 60px; }
/* .sec_content .con-box-2 { margin-top: 150px; } */
.sec_content .con-box .guide-text .stroke-text {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-shadow:
    -1px -1px 0 #eee,
     1px -1px 0 #eee,
    -1px  1px 0 #eee,
     1px  1px 0 #eee;
	-webkit-text-stroke: 0.25px #e9e9e9;
	text-shadow: 3px 3px 20px rgba(0,0,0,.1);
	display: inline-block;
	font-family: 'SBAggroM';
	margin-bottom: 10px;
}
.sec_content .guide-text .inner_title { font-size: 21px; line-height: 24px; font-weight: 600; padding-bottom: 15px; }
.sec_content .guide-text .inner_sub_title { font-size: 17px; color: #707070; }
.sec_content .percent_wrap .title { font-size: 30px; line-height: 33px; color: #444; font-weight: 400; padding: 45px 0 50px; }
.sec_content .percent_wrap .title b { color: #111; font-weight: 700; }
.sec_content .percent_wrap .title .point_txt { color: #0072ff; font-weight: 700; }
.sec_content .chart-container {
	height: 250px; /* 무조건 height 있어야 됨 */
	margin-bottom: 30px;
	position: relative;
}
.sec_content canvas {
    width: 95% !important;
    height: 95% !important;
    margin: auto;
}
.sec_content .chart-container .info-text { 
	position: absolute;
	bottom: -20px;
	left: 50%;
    transform: translateX(-50%);
	display: flex;
    flex-direction: column;
    align-items: center;
}
.sec_content .chart-container .info-text .icon- { height: 22px; margin-bottom: 7px; }
.sec_content .chart-container .info-text .sub_txt { font-size: 12px; color: #404040; font-weight: 500; margin-bottom: 10px; }
.sec_content .chart-container .info-text .graph_per { font-size: 26px; font-weight: 600; color: #00a36f; white-space: nowrap; }
.sec_content .bottom-box-wrap { display: flex; justify-content: center; gap: 70px; box-sizing: border-box; }
.sec_content .bottom-box-wrap .right_area .con-box { display: block; margin-bottom: 50px; transition: all .3s; }
.sec_content .bottom-box-wrap .right_area .con-box:hover { background-color: #f2f8ff; }
.sec_content .keyword-box .title { color: #444; padding-bottom: 15px; margin-bottom: 25px; position: relative; text-align: center; font-size: 20px; font-weight: 500; }
.sec_content .keyword-box .title::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 1px;
	background: #555;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.sec_content .keyword-box .hashtag { font-size: 20px; font-weight: 700; background-color: #fff; width: 500px; text-align: left; box-sizing: border-box; padding: 15px; }
.sec_content .keyword-box .hashtag span { padding: 4px 7px; word-break: keep-all; white-space: nowrap; display: inline-block; }
.summary-box { background: #e5f1ff; text-align: center; margin-top: 50px; padding: 30px 10px 40px; position: relative; box-sizing: border-box; }
.summary-box .title { color: #fff; font-size: 24px; font-weight: 700; position: relative; margin-bottom: 10px; padding: 10px 10px 20px; word-break: keep-all; }
.summary-box .title::before {
	content: '';
	position: absolute;
    width: 22px;
    height: 1px;
    background-color: #555;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.summary-box .title.outline-text { text-shadow: -1px -1px 0 #1270a7,
     1px -1px 0 #1270a7,
    -1px  1px 0 #1270a7,
     1px  1px 0 #1270a7; }
.summary-box .sub_txt { color: #555; font-size: 18px; line-height: 22px; }
.summary-box .sub_txt .point_txt { font-weight: 700; color: #0078ff; }
.summary-box .present_icon_ { position: absolute; }
.summary-box .present_icon_.box1 { right: -40px; bottom: 40px; width: 90px; }
.summary-box .present_icon_.box2 { left: -30px; bottom: 10px; width: 80px; }
.sec_content .bottom-box-wrap .right_area .con-box .list-box { 
	margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end; }
.sec_content .bottom-box-wrap .right_area .con-box .list-box .value { display: flex; align-items: center; gap: 10px; }
.sec_content .bottom-box-wrap .right_area .con-box .list-box .value span { font-weight: 700; font-size: 22px; }
.sec_content .bottom-box-wrap .right_area .con-box .list-box .value img { width: 22px; }

.third_content { background-color: #006cff; padding: 120px 0; color: #fff; position: relative; z-index: 1; overflow: hidden; }
.third_inner_content { width: 1080px; margin: auto; display: flex; gap: 30px; box-sizing: border-box; }
.third_inner_content .title_wrap .main_title {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
	word-break: keep-all;
}
.third_inner_content .title_wrap .sub_title {
    padding-top: 20px;
    font-size: 17px;
    margin-bottom: 80px;
	line-height: 1.2;
}
.third_inner_content .left_wrap { width: 35% }
.third_inner_content .left_wrap .refresh_btn { 
	width: 150px;
	height: 40px;
    border: 1px solid #fff;
    padding: 0 20px;
    text-align: left;
    color: #fff;
    border-radius: 50px;
	transition: all .3s;
	cursor: pointer;
}
.third_inner_content .left_wrap .refresh_btn:hover {
	background: #fff;
	color: #006cff;
	font-weight: 700; 
}
.third_inner_content .right_wrap { width: 65%; display: flex; }
.third_inner_content .right_wrap .twin_ { width: 50%; }
.third_inner_content .right_wrap .twin_::after {
	clear: both;

}
.third_inner_content .right_wrap .twin_ .poster_wrap {
	display: inline-block; 
	width: 300px;
	margin-left: 35px;
	margin-bottom: 35px;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a {
	display: block;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a img { width: 100%; border-radius: 10px; }
.third_inner_content .right_wrap .twin_ .poster_wrap a p {
	position: relative;
	overflow: hidden;

	width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding: 10px 0;
    font-size: 20px;
    font-weight: 500;
    color: #333;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a p::before {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	transition: width 0.5s ease;
	padding: 10px 0;
	z-index: 1;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a p::after {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	z-index: 0;
	text-overflow: ellipsis;
	padding: 10px 0;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a:hover p::before {
	width: 100%;
}
.third_inner_content .right_wrap .twin_ .poster_wrap a:hover p:before {
	border-bottom: 2px solid #c8a755;
	color: #c8a755;
	content: attr(data-hover);
	text-overflow: ellipsis;

	padding: 10px 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.third_inner_content .right_wrap .twin_ .poster_wrap a:hover p:before, .third_inner_content .right_wrap .twin_ .poster_wrap a:focus p:before {
	max-width: 100%;
}
/* .clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
} */
.third_inner_content .right_wrap .twin_1 { margin-top: 70px; }
.third_content .third_icon_ { position: absolute; z-index: -1; }
.third_content .box_1 { left: -230px; top: -200px; width: 650px; }
.third_content .box_2 {
	bottom: 100px;
    left: 40px;
    width: 50%;
    opacity: .2; }
.third_content .box_3 { right: -230px; top: 370px; width: 500px; opacity: 0.5; }
.third_content .box_4 {
    top: -200px;
    right: 0;
    width: 70%;
    opacity: 0.5; }

.fourth_content { padding: 140px 0; background-color: #f5f5f5d1; }
.fourth_inner_content { width: 1080px; margin: auto; display: flex; gap: 30px; padding-top: 40px; box-sizing: border-box; }
.fourth_inner_content .title_wrap .main_title {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    word-break: keep-all;
	color: #222;
}
.fourth_inner_content .title_wrap .sub_title {
    padding-top: 20px;
    font-size: 17px;
    margin-bottom: 80px;
    line-height: 1.2;
	color: #707070;
}
.fourth_inner_content .left_wrap { width: 30%; }
.fourth_inner_content .right_wrap { width: 70%; display: flex; }
/* .slide-wrapper { position: relative; }
 
.poster-container .swiper-button-next,
.poster-container .swiper-button-prev { position: absolute; top: 10px; }
.poster-container .swiper-button-next { right: 10px; }
.poster-container .swiper-button-prev { right: 50px; }
.poster-container .swiper-pagination {
	position: absolute;
	bottom: -40px; 
	right: 10px;
}*/
.poster-container { overflow: hidden; position: relative; }
.poster-container.swiper { padding: 50px 0 0; width: 100%; height: 100%; }
.poster-container.swiper-slide { flex-direction: column; background: transparent; justify-content: flex-start; }

.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.poster-container .swiper-slide .oneline {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	font-weight: 600;
	padding: 0;
	position: relative;
	z-index: 0;
	color: #222;
	margin-top: 10px;
	box-sizing: border-box;
}

/* 기존 텍스트 (아래 깔림) */
.poster-container .swiper-slide .oneline::after {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #222; /* 기본 텍스트 색상 */
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	text-overflow: ellipsis;
}

/* hover 시 덮이는 텍스트 (색상 입히며 왼→오로 확장) */
.poster-container .swiper-slide .oneline::before {
  content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	color: #0f7c67;
	white-space: nowrap;
	overflow: hidden;
	transition: width 0.5s ease;
	z-index: 2;
	text-overflow: ellipsis;
}

.poster-container .swiper-slide:hover .oneline::before { width: 100%; }

/* 숫자 페이지네이션 오른쪽 하단 고정 배치 */
.poster-container .swiper-pagination {
	position: absolute;
	bottom: 10px; 
	right: 10px;  
	width: auto;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}

/* fraction 타입이면 Swiper가 자동으로 클래스 붙임 */
.poster-container .swiper-pagination-fraction {
	display: inline-block;
	padding: 6px 8px;
} 
.poster-container .swiper-slide img { object-fit: contain; height: auto; display: block; width: 100%; }
/* .poster-container .swiper-common-btn { position: absolute; top: 10px; width: 20px; height: 20px; }
.poster-container .swiper-button-next { right: 0px; }
.poster-container .swiper-button-prev { right: 50px; } */

/* 버튼 영역 */
.poster-container .swiper-common-btn { position: absolute; }
.poster-container .swiper-button-next,
.poster-container .swiper-button-prev {
	width: 40px;
	height: 40px;
	top: 25px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
	background-color: #f5f5f5d1;
	z-index: 10;
}
.poster-container .swiper-button-next::after,
.poster-container .swiper-button-prev::after {
	font-size: 20px;
	color: #555;
}
.poster-container .swiper-button-next {	right: 10px; }
.poster-container .swiper-button-prev {	right: 60px; left: auto; }

@media all and (max-width: 1440px) {
	.sec_content .static_img .gradient-effect-:nth-child(1) { left: 5%; }
}
@media all and (max-width: 1280px) {
	.sec_content .static_img .gradient-effect-:nth-child(1) { left: 3%; }
	.third_inner_content { gap: 0; justify-content: space-between; }
}
@media all and (max-width: 1200px) {
	.sec_content .con-box { width: 450px; }
	.sec_content .con-box-wrap .con-box { padding: 30px 40px 50px; }
	.sec_content .keyword-box .hashtag { width: 450px; }
	.third_inner_content { width: 100%; padding: 0 50px; }
	.third_inner_content .right_wrap .twin_ .poster_wrap { width: 280px; }
	.fourth_inner_content { width: 100%; padding: 40px 50px 0; }

}
@media all and (max-width: 1080px) {
	a.btn_myinfo_edit {
		width: 130px;
		height: 33px;
		line-height: 33px;
		font-size: 13px;
	}
	.sec_content .con-box-wrap { width: 100%;  gap: 30px; padding: 0 40px; justify-content: space-between; }
	.sec_content .bottom-box-wrap { gap: 0; width: 100%; padding: 0 40px; justify-content: space-between; }
	.third_inner_content .right_wrap .twin_ .poster_wrap { width: 250px; }
}
@media all and (max-width: 1024px) {
    .main_content img.morkup_pc {
        margin-top: 110px;
        width: 60%;
    }
	.sec_content .con-box-wrap .con-box { padding: 30px 30px 50px; }
	.sec_content .con-box { width: 420px; }
	.sec_content .keyword-box .hashtag { width: 420px; }
}
@media all and (max-width: 992px) {
	.sec_content .percent_wrap .title { 
		font-size: 28px;
		padding: 30px 0 10px;
	}
	.sec_content .con-box { width: 400px; }
	.sec_content .con-box .guide-text .stroke-text { font-size: 20px; }
	.sec_content .guide-text .inner_title { font-size: 18px; line-height: 20px; padding-bottom: 10px; }
	.sec_content .guide-text .inner_sub_title { font-size: 14px; }
	.sec_content .keyword-box .hashtag { width: 400px; }
	.sec_content .percent_wrap .title {
		font-size: 26px;
        line-height: 30px;
        padding: 25px 0 0px;
	}
	.sec_content canvas { height: 200px; }
	.sec_content .con-box-wrap { margin-bottom: 60px; }
	.sec_content .con-box { padding: 25px; }
	.sec_content .keyword-box .title { font-size: 17px; margin-bottom: 15px; }
	.sec_content .keyword-box .hashtag span { font-size: 19px; }
	.summary-box .title { font-size: 21px; margin-bottom: 5px; }
	.summary-box .sub_txt { font-size: 16px; line-height: 20px; }
	.sec_content .bottom-box-wrap .right_area .con-box .list-box .value span { font-size: 20px; }
	.third_inner_content .right_wrap .twin_ .poster_wrap { width: 220px; }
	.third_inner_content .title_wrap .main_title { font-size: 24px; line-height: 26px; }
	.third_inner_content .title_wrap .sub_title { font-size: 13px; padding-top: 15px; margin-bottom: 60px; }
}
@media all and (max-width: 930px) {
	.sec_content .con-box { width: 350px; }
	.sec_content .percent_wrap .title {
	    font-size: 24px;
        line-height: 28px;
        padding: 30px 0;
	}
	.sec_content .chart-container { height: 220px; }
	.sec_content .bottom-box-wrap { flex-direction: column-reverse; }
	.sec_content .bottom-box-wrap .right_area { display: flex; justify-content: space-between; margin-bottom: 40px; gap: 30px; } 
	.sec_content .keyword-box .hashtag { width: 100%; }

}
@media all and (max-width: 900px) {
	.third_inner_content .right_wrap .twin_ .poster_wrap { width: 200px; }
}
@media all and (max-width: 850px) {
	.summary-box .present_icon_.box1 { right: -20px; }
	.third_inner_content { flex-direction: column; }
	.third_inner_content .left_wrap { width: 100%; }
	.third_inner_content .right_wrap { width: 100%; gap: 0; }
	.third_inner_content .right_wrap .twin_ .poster_wrap { width: 95%; margin-left: 0; }
	.third_inner_content .right_wrap .twin_1 { display: flex; flex-direction: column; align-items: flex-start; }
	.third_inner_content .right_wrap .twin_2 { display: flex; flex-direction: column; align-items: flex-end; }
}
@media all and (max-width: 830px) {
	.sec_content .con-box-wrap { padding: 0 30px; }
	.sec_content .bottom-box-wrap { padding: 0 30px; }
}
@media all and (max-width: 768px) {
	.sec_content .con-box-wrap { flex-direction: column; }
	.sec_content .bottom-box-wrap .right_area { flex-direction: column; gap: 0; }
	.sec_content .con-box { width: 70%; margin: auto; }
	.sec_content .keyword-box .hashtag { width: 90%; margin: 10px auto 0; }
	.summary-box { margin: 50px auto 0; width: 90%; }
	.sec_content .keyword-box .hashtag span { font-size: 17px; }
}
@media all and (max-width: 650px) {
	.curationPage_frame .rolling_wrap { top: 40%; }
	.main_content img.morkup_pc { width: 70%; margin-top: 50px; }
	.main_content .title_wrap { padding: 50px 0; }
	.main_content .sub_title { padding-top: 12px; }
	.main_content .title { font-size: 22px; }
	.main_content .title .point_day, .total_count { font-size: 48px; }

	.sec_content { padding: 70px 0; }
	.sec_content .title_wrap .title { font-size: 22px; line-height: 24px; }
	.sec_content .title_wrap .sub_title { font-size: 13px; padding-top: 15px; margin-bottom: 50px; }
	.sec_content .con-box .guide-text .stroke-text { color: #eee; }
	.sec_content .chart-container .info-text .graph_per { font-size: 24px; }
	.sec_content .bottom-box-wrap .right_area .con-box .title { font-size: 14px; }
	.sec_content .bottom-box-wrap .right_area .con-box .list-box .value span { font-size: 18px; }
	.sec_content .keyword-box .title { font-size: 16px; }
	.sec_content .keyword-box .hashtag span { font-size: 16px; }
	.summary-box .title { font-size: 19px; }
	.summary-box .sub_txt { font-size: 15px; }

	.third_content { padding: 90px 0; }
	.third_inner_content { padding: 0 20px; }

	.fourth_inner_content { padding: 0 20px; flex-direction: column; gap: 0; }
	.third_inner_content .title_wrap .main_title { font-size: 22px; line-height: 24px; }
	.third_inner_content .title_wrap .sub_title { font-size: 13px; }
	.fourth_content { padding: 110px 0; }
	.fourth_inner_content .left_wrap { width: 100%; }
	.fourth_inner_content .title_wrap .main_title { font-size: 22px; line-height: 24px; }
	.fourth_inner_content .title_wrap .sub_title { font-size: 13px; margin-bottom: 0; }
	.fourth_inner_content .right_wrap { width: 100%; }
	.poster-container.swiper { padding: 50px 0 40px; }
	.poster-container .swiper-pagination-fraction { padding: 0; }

}
@media all and (max-width: 578px) {
	.main_content .title { font-size: 18px; gap: 5px; }
	.main_content .title .point_day, .total_count { font-size: 42px; height: 46px; }
	.main_content .sub_title { font-size: 14px; }
	.sec_content .con-box { width: 80%; }
	.sec_content .con-box .guide-text .stroke-text { font-size: 18px; }
	.sec_content .guide-text .inner_title { font-size: 16px; line-height: 18px; }
	.sec_content .percent_wrap .title { font-size: 22px; line-height: 26px; padding: 26px 0; }
	.sec_content .chart-container { height: 200px; }

	.sec_content .chart-container .info-text .sub_txt { margin-bottom: 6px; }
	.sec_content .chart-container .info-text .graph_per { font-size: 20px; }
}

@media all and (max-width: 426px) {
	.main_content .title_wrap { padding: 50px 0; }
	.main_content .title { flex-direction: column; align-items: center; }
	.main_content .title .point_day, .total_count { font-size: 40px; height: 40px; margin-bottom: 20px; }
	.sec_content .con-box { width: 100%; border-radius: 10px; padding: 30px 30px 40px; }
	.sec_content .con-box-wrap { margin-bottom: 50px; padding: 0 15px; gap: 50px; }
	.sec_content .bottom-box-wrap .right_area .con-box { margin-bottom: 50px; }
	.sec_content .keyword-box .hashtag { width: 100%; }
	.sec_content .title_wrap .sub_title { padding: 15px 20px 0; word-break: keep-all; line-height: 15px; margin-bottom: 40px; }
	.summary-box { width: 100%; margin: 50px auto 0; }        
	.summary-box .present_icon_.box1 { width: 55px; bottom: 50px }
	.summary-box .present_icon_.box2 { left: -20px; bottom: 20px; width: 50px; }
	.sec_content { padding: 80px 0; }
	.sec_content .percent_wrap .title { font-size: 24px; line-height: 28px; }
	.sec_content .bottom-box-wrap { padding: 0 15px; }
	.sec_content .bottom-box-wrap .right_area .con-box .list-box .value span { font-size: 16px; }
	.sec_content .bottom-box-wrap .right_area .con-box .list-box .value img { width: 16px; }
	.third_content { padding: 80px 0; }
	.fourth_content { padding: 80px 0; }
}

/* 올라운더 */
/* 공통 */
.Page_frame.allrounderPage_frame {
    width: 100%;
    padding-bottom: 0;
	padding-top: 0;
    overflow: hidden;
}
.allrounderPage_frame .section {
	min-height: 100vh;
	position: relative;
    z-index: 1;
}
.allrounderPage_frame .section .title_wrap {
	text-align: center;
}
.allrounderPage_frame .section .title_wrap .title {
	font-size: 42px;
	line-height: 50px;
	font-weight: 700;
	word-break: keep-all;
}
.allrounderPage_frame .section .title_wrap .sub-title {
	font-size: 20px;
	color: #606060;
	margin-top: 25px;
	margin-bottom: 70px;
	line-height: 24px;
	word-break: keep-all;
}
.allrounderPage_frame .sec_inner {
	padding: 100px 0;
	box-sizing: border-box;
}

/* section1 start */
.allrounderPage_frame .section1 {
	background: url(/public/assets/img/main/renewal/allrounder/bg.png) no-repeat;
	background-size: cover;
}
.allrounderPage_frame .section1 .title_wrap {
	position: relative;
}
.allrounderPage_frame .section1 .title_wrap::before {
	position: absolute;
	content: '';
	width: 200px; 
	height: 200px; 
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background-color: #fff;
	z-index: -1;
	box-shadow: rgba(0, 0, 0, 0.1) -7px 8px  10px;
}
.allrounderPage_frame .section1 .bg-img {
	position: absolute;
    transform: rotate(-5deg);
}
.allrounderPage_frame .section1 .bg-img1 {
    bottom: 10%;
    right: 10px;
    width: 80%;
}
.allrounderPage_frame .section1 .bg-img2 {
	bottom: 40%;
    left: 5%;
    width: 20%;
    opacity: 0.2;
}
.allrounderPage_frame .section1 .bg-img3 {
	bottom: 45%;
    right: 5%;
    width: 15%;
    opacity: 0.15;
}
.allrounderPage_frame .section1 .bg-img4 {
    top: 18%;
    left: 10%;
    width: 25%;
    opacity: 0.2;
}
.allrounderPage_frame .section1 .bg-img5 {
    top: 23%;
    right: 11%;
    width: 18%;
    opacity: 0.1;
}
.allrounderPage_frame .gogoPage-wrap {
	text-align: center;
}
.allrounderPage_frame .gogoPage-wrap .gogoPage {
	display: inline-block;
	color: #006cff;
	border-bottom: 2px solid #006cff;
	width: 20%;
	height: 40px;
	line-height: 40px;
	min-width: 150px;
	max-width: 200px;
	text-align: center;
	font-size: 20px;
}
.allrounderPage_frame .gogoPage-wrap .gogoPage:hover {
	font-weight: 700;
}
.allrounderPage_frame .section .mainCenter {
	width: 100%;
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* section2 start */
.allrounderPage_frame .section2 {
	background: url(/public/assets/img/main/renewal/allrounder/bg.png) no-repeat;
	background-size: cover;
    box-sizing: border-box;
	overflow: hidden;
}
.allrounderPage_frame .section2 .rising {
    background-color: #fff;
    border-radius: 50%;
    filter: blur(5px);
    position: absolute;
	z-index: -1;
    top: 25vh;
    left: 50%;
    transform: translateX(-50%);

	width: 70%;             /* 부모 요소 너비에 맞춤 */
	aspect-ratio: 1 / 1;     /* 가로:세로 비율 1:1 → 정사각형 */
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
}
.allrounderPage_frame .section2 .point_banner {
	background-color: #d7e7ff;
	width: 100%;
	position: absolute;
    bottom: 20px;
	text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
	padding: 20px 0;
	box-sizing: border-box;
    word-break: keep-all;
}
.allrounderPage_frame .section2 .point-color {
	color: #0072ff;
}
.allrounderPage_frame .section2 .con-list-wrap {
	position: relative;
	top: 10vh;
}
.allrounderPage_frame .section2 .con-list-wrap .list- {
	border: 2px solid #e7e5ff;
	background-color: #f6faff;
    padding: 10px 50px;
    border-radius: 50px;
	display: inline-block;
	position: absolute;
	font-size: 20px;
	word-break: keep-all;
}
.allrounderPage_frame .section2 .con-list-wrap .list-1 {
	left: 18%;
	top: 7vh;
}
.allrounderPage_frame .section2 .con-list-wrap .list-2 {
	right: 18%;
	top: 12vh;
}
.allrounderPage_frame .section2 .con-list-wrap .list-3 {
    left: 8%;
    top: 20vh;
}
.allrounderPage_frame .section2 .con-list-wrap .list-4 {
	right: 8%;
    top: 25vh;
}
.allrounderPage_frame .section2 .con-list-wrap .list- span {
	position: relative;
}
.allrounderPage_frame .section2 .con-list-wrap .list- span::before {
	content: '';
	position: absolute; 
	background: #222;
	width: 30px; 
	height: 1px; 
}
.allrounderPage_frame .section2 .con-list-wrap .list- .left::before {
	left: -65px;
    top: 10px;
}
.allrounderPage_frame .section2 .con-list-wrap .list- .right::before {
	right: -65px;
    top: 10px;
}
.allrounderPage_frame .section2 .bg-img {
	position: absolute;
	z-index: -1;
}
.allrounderPage_frame .section2 .bg-img1 {
    left: 11%;
    top: 22vh;
    width: 69px;
}
.allrounderPage_frame .section2 .bg-img2 {
    left: -35px;
    top: 5vh;
    width: 129px;
}
.allrounderPage_frame .section2 .bg-img3 {
    left: 2%;
    top: 59vh;
    width: 79px;
}
.allrounderPage_frame .section2 .bg-img4 {
	left: 8%;
    top: 72vh;
    width: 75px;
}
.allrounderPage_frame .section2 .bg-img5 {
    right: 8%;
    top: 29vh;
    width: 55px;
}
.allrounderPage_frame .section2 .bg-img6 {
    right: 9%;
    top: 68vh;
    width: 70px;
}
.allrounderPage_frame .section2 .bg-img7 {
    right: -2%;
    top: 8vh;
    width: 80px;
}

/* section3 start */
.allrounderPage_frame .section3 {
	min-height: initial;
	background-color: #f7f7f7;
}
.allrounderPage_frame .section3 .other-header-wrap {
	display: flex;
	justify-content: space-between;
	width: 1440px;
	margin: auto;
}
.allrounderPage_frame .section3 .other-header-wrap .title_wrap {
	text-align: left;
}
.allrounderPage_frame .section3 .con-box-wrap {
	display: flex;
	gap: 10px;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box {
	background-color: #f0f6ff;
	border-radius: 10px;
	width: 100%;
	text-align: center;
	padding: 30px;
	transition: all .3s;
	box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.05);
	box-sizing: border-box;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box:hover {
	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.allrounderPage_frame .section3 .con-box-wrap .con-box .cont-title {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 22px;
	transition: all .3s;
	word-break: keep-all;
	white-space: nowrap;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box:hover .cont-title {
    font-weight: 600;
    color: #0072ff;;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box .img-wrap {
    background-color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
	margin: auto;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box:hover .img-wrap {
	transition: all .3s;
	background-color: #ececee;
}
.allrounderPage_frame .section3 .con-box-wrap .con-box .img-wrap img {
	width: 120%;
}

/* section4 start */ 
.allrounderPage_frame .section4 {
	background: url(/public/assets/img/main/renewal/allrounder/bg2.png) no-repeat;
	background-size: cover;
    box-sizing: border-box;
	overflow: hidden;
}
.allrounderPage_frame .section4 .sec_inner {
	min-height: 100vh;
	display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.allrounderPage_frame .section4 .other--wrap {
    display: flex;
    justify-content: space-between;
    width: 1440px;
    margin: auto;
} 
.allrounderPage_frame .section4 .other--wrap .left .title_wrap { text-align: left; }
.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap { margin-top: 70px; }
.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap li {
	background: #fff;
	height: 50px;
	line-height: 50px;
	border-radius: 0 30px 30px 0;
	margin-bottom: 15px;
	padding: 0 20px;
	font-size: 17px;
}
.allrounderPage_frame .section4 .other--wrap .con-box-wrap { display: flex; gap: 20px; }
.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box { 
	display: flex; flex-direction: column; gap: 20px; }
.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box {
    width: 300px;
    height: 300px;
	flex-grow: 1;
	background-image: url(/public/assets/img/main/renewal/allrounder/back-effect-7.png);
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: center;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	color: #555;
	text-align: center;
	gap: 20px;
	background-color: #fff;
}
.allrounderPage_frame .section4 .con-box-wrap .cont-box .box .box- {

}
.allrounderPage_frame .section4 .con-box-wrap .cont-box .box img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}
.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box b { font-weight: 700; color: #111; }
.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box:first-child .box:first-child {
	margin-top: 50px;
}
.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box:last-child .box:last-child {
	margin-bottom: 50px;
}
.allrounderPage_frame .section4 .sec_inner .effect- { position: absolute; z-index: -1; }
.allrounderPage_frame .section4 .sec_inner .effect-1 { left: 22%; top: 13%; width: 18px; }
.allrounderPage_frame .section4 .sec_inner .effect-2 { left: 24%; top: 12%; width: 13px; }
.allrounderPage_frame .section4 .sec_inner .effect-3 { left: 25%; top: 10%; }
.allrounderPage_frame .section4 .sec_inner .effect-4 { top: 17%; left: 28%; }
.allrounderPage_frame .section4 .sec_inner .effect-5 { top: 22%; left: 40%; width: 33px; }
.allrounderPage_frame .section4 .sec_inner .effect-6 { top: 25%; left: 42%; width: 26px; }

/* test */
.allrounderPage_frame .section4 .other--wrap .con-box-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.allrounderPage_frame .section4 .other--wrap .box {
	position: relative;
	width: calc(50% - 10px);  /* 2열 정렬 */
	/* padding-top: 50%; */        /* 정사각형 유지 */
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	overflow: hidden;
}

.allrounderPage_frame .section4 .other--wrap .box- {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.allrounderPage_frame .section4 .other--wrap .box img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

/* section5 start */
.allrounderPage_frame .section5 { display: flex; align-items: center; justify-content: center; }
.allrounderPage_frame .section5 .sec_inner { position: relative; }
.allrounderPage_frame .section5 .sec_inner::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #ecf4fb;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.allrounderPage_frame .section5 .title_wrap .side-title {
	color: #009cff;
	font-weight: 600;
    font-size: 20px;
    margin-bottom: 2px;
    display: inline-block;
}
.allrounderPage_frame .section5 .con-box-wrap {
	width: 1440px;
	height: 500px;
	margin: auto;
	display: flex;
	gap: 20px;
	align-items: flex-end;
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box {
	width: 25%;
	height: 100%;
	border-radius: 100px 50px 50px 50px;
	box-sizing: border-box;
	background-color: #fff;	
	/* border: 1px solid #ddd; */
	padding: 50px 20px;
	/* border-radius: 15px;  */
	/* background-image: 5px 5px 10px -3px inset rgba(0,0,0,0.05), 5px 5px 10px 3px rgba(0,0,0,0.04); */
	background: #f5f5f5;
	position: relative;
	background-image: linear-gradient(to top, #fff 0%, #accbee 50%, #fff 100%)
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 {
	margin-bottom: 40px; 
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap { position: relative; z-index: 1; margin-bottom: 50px; }
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap::before {
	position: absolute; 
	content: '';
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	z-index: -1;
	top: 10px;
    left: 10px;
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap img { width: 90px; }
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title {
	text-align: right;
	margin-top: 50px;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 20px;
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title .point-color { color: #ff0000; font-size: 28px; padding-right: 6px; }
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .sub-title {
	text-align: right;
	word-break: keep-all;
    font-size: 15px;
    line-height: 19px;
    color: #666;
}
.allrounderPage_frame .section5 .con-box-wrap .cont-box .box2 {
    box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #eee;
	padding: 10px;
	text-align: center;
	border-radius: 40px;
	color: #005aff;
	color: #666;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	word-break: keep-all;
	background: #fff;
	height: 80px;
	box-sizing: border-box;
	position: absolute;
    bottom: 40px;
    width: 100%;
	left: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}



/* section6 start */
.allrounderPage_frame .section6 {
    overflow: hidden;
	background-color: #0068ff;
	background-image: linear-gradient(to right, #2362d5 0%, #019fff 100%);
}
.allrounderPage_frame .section6 .title_wrap {
	color: #fff;
}
.allrounderPage_frame .section6 .gogoPage-wrap {
    margin-top: 50px;
}
.allrounderPage_frame .section6 .gogoPage-wrap .gogoPage {
	min-width: 150px;
    max-width: 200px;
	width: 20%;
	color: #fff;
    border: 1px solid #fff;
    padding: 0 20px;
    border-radius: 50px;
	transition: all .3s;
	height: 50px;
	line-height: 50px;
}
.allrounderPage_frame .section6 .gogoPage-wrap .gogoPage:hover {
	background: #fff;
	color: #006cff;
	font-weight: 700;
}
.allrounderPage_frame .section6 .back-img {
	position: absolute;
	opacity: .1;
	z-index: -1;
}
.allrounderPage_frame .section6 .back-img-1 { left: 5%; top: 250px; }
.allrounderPage_frame .section6 .back-img-2 { left: 28%; top: 90px; }
.allrounderPage_frame .section6 .back-img-3 { left: 18%; top: 500px; }
.allrounderPage_frame .section6 .back-img-4 { left: 54%; top: -30px; } 
.allrounderPage_frame .section6 .back-img-5 { left: 41%; top: 360px; }
.allrounderPage_frame .section6 .back-img-6 { left: 32%; top: 770px; }
.allrounderPage_frame .section6 .back-img-7 { left: 62%; top: 370px;; }
.allrounderPage_frame .section6 .back-img-8 { left: 56%; top: 800px; }
.allrounderPage_frame .section6 .back-img-9 { left: 80%; top: 0 }
.allrounderPage_frame .section6 .back-img-10 { left: 80%; top: 600px; }
.allrounderPage_frame .section6 .back-img-11 { left: -5%; top: 800px; }
.allrounderPage_frame .section6 .back-img-12 { left: 140px; top: -180px; }
.allrounderPage_frame .section6 .back-img-13 { left: -5%; top: 100px; }
.allrounderPage_frame .section6 .back-effect {	position: absolute;	z-index: -1; }
.allrounderPage_frame .section6 .back-effect-1 { top: 0; left: 0; }
.allrounderPage_frame .section6 .back-effect-2 { bottom: 0; right: 0; transform: rotate(180deg); width: 190px; }
.allrounderPage_frame .section6 .back-effect-3 { top: -80px; left: 110px; transform: rotate(-90deg); }
.allrounderPage_frame .section6 .back-effect-4 { top: 670px; left: -10px; transform: rotate(-180deg); width: 70px; }
.allrounderPage_frame .section6 .back-effect-5 { transform: rotate(90deg); bottom: -50px; left: 14%; width: 60px; opacity: 0.3; }
.allrounderPage_frame .section6 .back-effect-6 { bottom: 0px; right: -10px; transform: rotate(0deg); }
.allrounderPage_frame .section6 .back-effect-7 { top: 200px; right: 0; transform: rotate(0deg); width: 54px; }
.allrounderPage_frame .section6 .back-effect-8 { top: -10%; right: -39%; opacity: 0.7; }
.allrounderPage_frame .section6 .back-effect-9 { top: -29%; left: 24%; }
.allrounderPage_frame .section6 .back-effect-10 {
    left: 22%;
    top: 70%;
    opacity: 0.5;
    width: 20px;
}
.allrounderPage_frame .section6 .back-effect-11 {
    left: 32%;
    top: 50%;
    opacity: 0.3;
    width: 12px;
}
.allrounderPage_frame .section6 .back-effect-12 {
    right: 29%;
    bottom: 26%;
    width: 12px;
    opacity: 0.65;
}
.allrounderPage_frame .section6 .back-effect-13 { right: 22%; bottom: 35%; } 
.allrounderPage_frame .section6 .back-effect-14 {
    right: 29%;
    top: 31%;
    width: 11px;
    opacity: 0.4;
}
.allrounderPage_frame .section6 .back-effect-15 { left: 25%; top: 33%; width: 18px; } 

.popt {
  padding-top: 10%;
}
.pop_up {
  background-color: rgb(255, 255, 255);
  color: #000;
  display: none;
  padding-left: 2.5%;
  padding-right: 2%;
  box-sizing: border-box;
  max-width: 500px;
  max-width: 500px;
  min-height: 740px;
  max-height: 740px;
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  border-radius: 8px 8px 0px 0px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  line-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.pop_up02 {
  background-color: rgb(255, 255, 255);
  color: #000;
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  max-width: 500px;
  max-width: 500px;
  min-height: 740px;
  max-height: 740px;
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  border-radius: 8px 8px 0px 0px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  line-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.pop_up_grade {
  background-color: rgb(255, 255, 255);
  color: #000;
  display: none;
  padding-left: 2.5%;
  padding-right: 2%;
  box-sizing: border-box;
  max-width: 650px;
  min-height: 540px;
  max-height: 1000px;
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  border-radius: 8px 8px 0px 0px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  line-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.top_ti {
  width: 100%;
  height: 50px;
  text-align: center;
  box-sizing: border-box;
  display:inline;
}
h5 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
}
.con_text {
  padding-top: 30px;
}
.bo_t {
  position: absolute;
  width: 100%;
  height: 80px;
  overflow: hidden;
  left: 5px;
}
.b-close {
  cursor: pointer;
  position: absolute;
  width: 25%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25%;
  height: 40px;
  padding-top: 4px;
  background-color: rgb(101, 13, 184);
  color: #fff;
  text-align: center;
  font-size: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}
 
@media all and (max-width: 1500px) {
	.allrounderPage_frame .section3 .other-header-wrap {
		width: 100%; 
		padding: 0 20px;
        box-sizing: border-box;

	}
	.allrounderPage_frame .section4 .other--wrap {
		width: 100%;
		padding: 0 20px;
        box-sizing: border-box;
	}
	.allrounderPage_frame .section5 .con-box-wrap {
		width: 100%;
		padding: 0 20px;
        box-sizing: border-box;
	}
}

@media all and (max-width: 1281px) {
	.allrounderPage_frame .section3 .con-box-wrap .con-box {
	    padding: 20px 10px;
	}
	.allrounderPage_frame .section3 .con-box-wrap .con-box .cont-title { font-size: 18px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box2 { font-size: 18px; line-height: 22px; }
	.allrounderPage_frame .section6 .back-img-1 { left: -1%; }
	.allrounderPage_frame .section6 .back-img-3 { left: 13%; }
	.allrounderPage_frame .section6 .back-img-4 { left: 58%; }
	.allrounderPage_frame .section6 .back-img-7 { left: 67%; }
}

@media all and (max-width: 1201px) { 
	.allrounderPage_frame .section3 .con-box-wrap .con-box .cont-title { font-size: 16px; }
	.allrounderPage_frame .section4 .other--wrap { flex-direction: column; }
	.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap li { text-align: center; border-radius: 30px; margin-bottom: 10px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box:first-child .box:first-child { margin-top: 0; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box:last-child .box:last-child { margin-bottom: 0; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap { margin-top: 30px; flex-wrap: nowrap; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box { flex-direction: row; }
	.allrounderPage_frame .section4 .sec_inner .effect-5 { top: 16%; }
	.allrounderPage_frame .section4 .sec_inner .effect-6 { top: 16%; left: 43%; }


	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box { width: 50%; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box {
		position: relative;
		width: 100%;
		max-width: 300px;
		height: initial;
	}
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box:before {
		content: "";
		display: block;
		padding-top: 100%; /* 💡 정사각형 비율 유지 */
	}
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 20px;
		box-sizing: border-box;
		box-shadow: 0 4px 8px rgba(0,0,0,0.05);
	}
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- p { font-size: 20px; line-height: 24px; }
	.allrounderPage_frame .section5 .con-box-wrap { height: 450px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box { padding: 30px 20px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title { font-size: 20px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box2 { bottom: 30px; font-size: 16px; line-height: 20px; height: 60px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap img { width: 70px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap::before { width: 80px; height: 80px; }
}

@media all and (max-width: 1080px) {
	.allrounderPage_frame .section2 .con-list-wrap .list-1 { top: 4vh; }
	.allrounderPage_frame .section2 .con-list-wrap .list-4 { top: 28vh; }
	.allrounderPage_frame .section4 .con-box-wrap .cont-box .box img { width: 100px; height: 100px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- p { font-size: 18px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .sub-title { font-size: 14px; line-height: 18px; }
	.allrounderPage_frame .section6 .back-img-2 { left: 35%; top: 40px; }
	.allrounderPage_frame .section6 .back-img-3 { left: 16%; top: 520px; }
	.allrounderPage_frame .section6 .back-img-4 { left: 70%; }
	.allrounderPage_frame .section6 .back-img-5 { left: 53%; }
	.allrounderPage_frame .section6 .back-img-6 { left: 34%; }
	.allrounderPage_frame .section6 .back-img-7 { left: 84%; top: 380px; }
	.allrounderPage_frame .section6 .back-img-8 { left: 63%; }
	.allrounderPage_frame .section6 .back-img-9 { left: 104%; }
	.allrounderPage_frame .section6 .back-img-10 { left: 100%; }
	.allrounderPage_frame .section6 .back-img-11 { left: -14%; }
}

@media all and (max-width: 992px) {
	.allrounderPage_frame .section1 .bg-img { transform: rotate(-10deg); }
	.allrounderPage_frame .section1 .bg-img1 {
	    bottom: 12%;
		right: -30px;
		width: 90%;
	}
	.allrounderPage_frame .section3 .con-box-wrap { flex-wrap: wrap; justify-content: center; }
	.allrounderPage_frame .section3 .con-box-wrap .con-box { width: 45%; flex-grow: 1; }
	.allrounderPage_frame .section4 .con-box-wrap .cont-box .box img { width: auto; height: 80px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box b { white-space: nowrap; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- { padding: 20px 10px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- p { font-size: 16px; line-height: 21px; }
	.allrounderPage_frame .section5 .con-box-wrap { flex-wrap: wrap; height: auto; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box { flex-grow: 1; width: 45%; padding: 10px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 { margin-bottom: 10px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap { margin-bottom: 0; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title { margin-top: 0; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box2 { position: initial; height: auto; }

	.allrounderPage_frame .section6 .back-img-1 { left: -60px; top: 330px; }
	.allrounderPage_frame .section6 .back-img-2 { left: 300px; top: 50px; }
	.allrounderPage_frame .section6 .back-img-3 { left: 170px; top: 520px; }
	.allrounderPage_frame .section6 .back-img-4 { left: 670px; top: -60px; }
	.allrounderPage_frame .section6 .back-img-5 { left: 530px; }
	.allrounderPage_frame .section6 .back-img-6 { left: 360px; }
	.allrounderPage_frame .section6 .back-img-7 { left: 870px; top: 320px; }
	.allrounderPage_frame .section6 .back-img-8 { left: 700px; top: 760px; }
	.allrounderPage_frame .section6 .back-img-11 { left: -130px; top: 830px; }
	.allrounderPage_frame .section6 .back-img-12 { left: 90px; top: -160px; }
} 

@media all and (max-width: 768px) {
	.allrounderPage_frame .section2 .bg-img1 { width: 60px; left: 20px; }
	.allrounderPage_frame .section2 .bg-img2 { width: 89px; opacity: 0.5; }
	.allrounderPage_frame .section2 .bg-img3 { width: 54px; left: 10px; top: 62vh; }
	.allrounderPage_frame .section2 .bg-img4 { left: 40px; top: 72vh; width: 49px; }
	.allrounderPage_frame .section2 .bg-img5 {right: 30px; width: 45px; }
	.allrounderPage_frame .section2 .bg-img6 { right: 50px; top: 70vh; width: 50px; }
	.allrounderPage_frame .section2 .bg-img7 { width: 70px; right: -10px; top: 5vh; }

	.allrounderPage_frame .section3 .other-header-wrap {
		flex-direction: column;
	    width: 100%;
		margin: auto;
	}
	.allrounderPage_frame .section3 .other-header-wrap img { padding: 0 200px; }
	.allrounderPage_frame .section4 .other--wrap .box {
		width: 100%;
	}
	.allrounderPage_frame .section4 .other--wrap .box p {
		font-size: 16px;
		color: #333;
		line-height: 1.4;
	}
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap { flex-wrap: wrap; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box { width: 100%; justify-content: center; }

	.allrounderPage_frame .section4 .sec_inner .effect-1 { left: 52%; }
	.allrounderPage_frame .section4 .sec_inner .effect-2 { left: 50%; }
	.allrounderPage_frame .section4 .sec_inner .effect-3 { left: 35%; }
	.allrounderPage_frame .section4 .sec_inner .effect-4 { top: 9%; right: 70px; }
	.allrounderPage_frame .section4 .sec_inner .effect-5 { left: initial; right: 70px ;}
	.allrounderPage_frame .section4 .sec_inner .effect-6 { left: initial; right: 40px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box { width: 100%; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap { text-align: right; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap::before {
		left: initial; right: 0; width: 70px; height: 70px;
	}
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title { text-align: left; padding-bottom: 10px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .sub-title { text-align: left; }
}

@media all and (max-width: 578px) {
	.allrounderPage_frame .section .title_wrap .title { font-size: 26px; line-height: 32px; }
	.allrounderPage_frame .section .title_wrap .sub-title  { font-size: 15px; }
	.allrounderPage_frame .section1 .bg-img1 { right: -10px; }
	.allrounderPage_frame .section2 .con-list-wrap .list- { font-size: 16px; padding: 10px 30px; }
	.allrounderPage_frame .section2 .con-list-wrap .list- .left::before { left: -45px; }
	.allrounderPage_frame .section2 .con-list-wrap .list- .right::before { right: -45px; }
	.allrounderPage_frame .section2 .rising { top: 50%; transform: translate(-50%, -50%); width: 80%; }
	.allrounderPage_frame .section2 .con-list-wrap { top: 5vh; }
	.allrounderPage_frame .section2 .point_banner { font-size: 24px; line-height: 30px; padding: 20px 0; bottom: 0; }
	.allrounderPage_frame .section2 .con-list-wrap .list-1 { left: 20px; }
	.allrounderPage_frame .section2 .con-list-wrap .list-2 { right: 20px; }
	.allrounderPage_frame .section2 .con-list-wrap .list-3 { left: 10px; }
	.allrounderPage_frame .section2 .con-list-wrap .list-4 { right: 10px; width: 80%; }

	.allrounderPage_frame .section3 .con-box-wrap .con-box { padding: 15px 10px; }
	.allrounderPage_frame .section3 .other-header-wrap img { padding: 0 150px; }
	.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap { margin-top: 0; }
	.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap li { height: 45px; line-height: 45px; font-size: 15px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap { margin-top: 10px; }
	.allrounderPage_frame .section4 .title_wrap .sub-title { margin-bottom: 40px; }


	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .title { font-size: 18px; }
	.allrounderPage_frame .section5 .con-box-wrap .cont-box .box1 .img-wrap img { width: 60px; }

	.allrounderPage_frame .section6 .gogoPage-wrap .gogoPage { font-size: 14px; }
	.allrounderPage_frame .section6 .back-img { width: 220px; }
	.allrounderPage_frame .section6 .back-img-1 { left: -10px; top: 180px; }
	.allrounderPage_frame .section6 .back-img-2 { left: 280px; top: 60px; } 
	.allrounderPage_frame .section6 .back-img-3 { left: 150px; top: 360px; }
	.allrounderPage_frame .section6 .back-img-4 { left: 50px; top: 690px; }
	.allrounderPage_frame .section6 .back-img-5 { left: 400px; top: 400px; }
	.allrounderPage_frame .section6 .back-img-6 { left: 115px; top: 970px; }
	.allrounderPage_frame .section6 .back-img-7 { left: 300px; top: 700px; }
	.allrounderPage_frame .section6 .back-img-8 { left: 460px; top: 850px; }
	.allrounderPage_frame .section6 .back-img-9 { left: 140px; top: -110px; }
	.allrounderPage_frame .section6 .back-img-11 { left: -130px; top: 570px; }
	.allrounderPage_frame .section6 .back-img-12 { left: -110px; top: -130px; }
	.allrounderPage_frame .section6 .back-effect-1 { width: 150px; }
	.allrounderPage_frame .section6 .back-effect-2 { width: 140px; }
	.allrounderPage_frame .section6 .back-effect-5 { width: 50px; }
	.allrounderPage_frame .section6 .back-effect-6 { bottom: 30px; width: 80px; }
	.allrounderPage_frame .section6 .back-effect-7 { width: 44px; }
}

@media all and (max-width: 501px) {
	.allrounderPage_frame .section3 .other-header-wrap img { padding: 0 100px; }
	.allrounderPage_frame .section4 .other--wrap .left .add-list-wrap li {
	    height: auto;
        line-height: initial;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
        word-break: keep-all;
		font-size: 14px; 
	}
	.allrounderPage_frame .section1 .bg-img2 {
		bottom: 40%;
		left: 0%;
		width: 50%;
	}
	.allrounderPage_frame .section1 .bg-img3 {
		bottom: 32%;
		right: 5%;
		width: 40%;
	}
	.allrounderPage_frame .section1 .bg-img4 {
		top: 15%;
		left: 5%;
		width: 45%;
	}
	.allrounderPage_frame .section1 .bg-img5 {
		top: 19%;
		right: 0%;
		width: 50%;
	}
}

@media all and (max-width: 478px) {
	.allrounderPage_frame .section .title_wrap .title {
		font-size: 24px;
        line-height: 30px;
	}
    .allrounderPage_frame .section2 .con-list-wrap .list- {
        font-size: 15px;
        padding: 10px 20px;
    }
	.allrounderPage_frame .section2 .point_banner {
	    font-size: 22px;
        line-height: 28px;
        padding: 25px 0;
	}

	.allrounderPage_frame .section3 .con-box-wrap .con-box .cont-title { font-size: 15px; margin-bottom: 5px; }
}

@media all and (max-width: 431px) {
	.allrounderPage_frame .section .title_wrap .title { font-size: 20px; line-height: 24px; text-align: center;	}
	.allrounderPage_frame .section .title_wrap .sub-title { font-size: 14px; line-height: 18px; text-align: center; }
	.allrounderPage_frame .section2 .con-list-wrap { top: 10vh; }
	.allrounderPage_frame .section2 .con-list-wrap .list- { font-size: 14px; }
	.allrounderPage_frame .section2 .bg-img2 { width: 79px;}
	.allrounderPage_frame .section2 .point_banner { font-size: 18px; line-height: 22px; padding: 24px 10px;	}
	.allrounderPage_frame .section3 .con-box-wrap .con-box { width: 100%; }
	.allrounderPage_frame .section3 .title_wrap .sub-title { margin-left: 10px; margin-right: 10px; text-align: center; }
	.allrounderPage_frame .section3 .other-header-wrap img { padding: 0 60px; }

	.allrounderPage_frame .section4 .other--wrap { padding: 0 10px; }
	.allrounderPage_frame .section4 .con-box-wrap .cont-box .box img { height: 60px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap { gap: 10px; }
	.allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box { gap: 10px; }
}

@media all and (max-width: 300px) {
	.Page_frame.allrounderPage_frame {
	    overflow-X: scroll;
		width: 300px;
	}
}

@media all and (max-width: 375px) {
    .allrounderPage_frame .section4 .other--wrap .con-box-wrap .cont-box .box .box- p {
        font-size: 14px;
        line-height: 18px;
    }
}

/* 게시판 글쓰기 */
.board-wrap.write {
    /* max-width: 1000px; */
    margin: 40px auto;
    padding: 0 15px;
    font-family: 'Pretendard', -apple-system, sans-serif;
}
/* #ajax_form {
    border-top: 1.5px solid #333;
    border-bottom: 1px solid #ddd;
} */
.re-write #ajax_form { border-bottom: 0; }

.board-wrap.write ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.board-wrap.write ul li {
    display: flex;
    border-bottom: 1px solid #eee;
    min-height: 60px;
}
.board-wrap.write .btxt {
    width: 160px;
    background-color: #fafafa;
    padding: 20px 25px;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    flex-shrink: 0; /* 너비 고정 */
	box-sizing: border-box;
}
.board-wrap.write .chk-input,
.board-wrap.write .chk-check,
.board-wrap.write .chk-input.w50p,
.board-wrap.write .file-info,
.board-wrap.write li > div {
    flex: 1;
    padding: 12px 20px;
    display: flex;
    align-items: center;
}
.board-wrap.write input[type="text"] {
    width: 100%;
    max-width: 100%;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #fff;
}
.board-wrap.write input[readonly] {
    background-color: #f9f9f9;
    border-color: #eee;
    color: #666;
}
.lower {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 20px 0;
}

/* .bb-btn, .bw-btn {
    width: 140px;
    height: 52px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    text-decoration: none;
} */

/* .bb-btn { background: #666; color: #fff; border: none; }
.bw-btn { background: #fff; color: #666; border: 1px solid #ccc; } */

@media screen and (max-width: 768px) {
    .board-wrap.write ul li {
        flex-direction: column;
        align-items: stretch;
        min-height: auto;
    }
    .board-wrap.write .btxt {
        width: 100%;
        background-color: #fff;
        padding: 15px 20px 5px 20px;
        font-size: 16px;
    }
    .board-wrap.write .chk-input,
    .board-wrap.write .chk-check,
    .board-wrap.write .chk-input.w50p,
    .board-wrap.write .file-info,
    .board-wrap.write li > div {
        padding: 5px 20px 15px 20px;
        max-width: 100% !important;
    }
    .note-editor.note-frame {
        width: 100% !important;
    }
    .bb-btn, .bw-btn {
        flex: 1;
        height: 48px;
    }
}

@media screen and (max-width: 578px) {
	.board-wrap.write { padding: 0; }
	.board-wrap.write .btxt,
	.board-wrap.write .chk-input, 
	.board-wrap.write .chk-check, 
	.board-wrap.write .chk-input.w50p, 
	.board-wrap.write .file-info, 
	.board-wrap.write li > div {
		padding: 0;
	}
	.board-wrap.write .btxt { padding: 15px 0 5px 0; } 
	.board-wrap.write .checkInput-box,.board-wrap.write li > div { padding-bottom: 5px; }
	.board-wrap.write .chk-input, 
	.board-wrap.write .chk-check, 
	.board-wrap.write .chk-input.w50p, 
	.board-wrap.write .file-info {
	    padding-bottom: 10px;
	}
	.wi-b { width: 50%; padding: 0; }
}

/* 게시판 상세보기 */
.post_detail_comment_wrap {
	padding: 50px;
	margin-top: 40px;
	background-color: #fffef2;
}
.post_comment_li {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.post_comment_li .btxt { width: 10%; font-size: 20px; text-align: center; font-weight: 600; }
.post_comment_li .comment_ccc { width: 90%; display: flex; justify-content: space-between; gap: 30px; margin-bottom: 10px; }
.post_comment_li .comment_ccc .note-editor { width: 90%; }
.comment_ccc .bb-btn { padding: 0; width: 150px; }

.note-editor { width: 70%; }
.note-editable { background-color: #fff; }
.lower.r { display: flex; justify-content: space-between; }
.lower.r .flow_ { display: flex; gap: 10px; }

@media screen and (max-width: 1500px) {
	.lower.r { padding: 0 10px; }
}
@media screen and (max-width: 992px) {
	.post_comment_li .btxt { font-size: 19px; text-align: left; }
	.post_comment_li .comment_ccc { flex-direction: column; gap: 15px; }
	.comment_ccc .bb-btn { width: 100%; }
	.post_comment_li .comment_ccc .note-editor { width: 100%; }
}
@media screen and (max-width: 768px) {
	.lower.r { gap: 15px; } 
	.lower.r { flex-direction: column; }
	.lower.r a, .lower.r button { flex-grow: 1; }
}
@media screen and (max-width: 650px) {
	.lower.r a, .lower.r button { 
		padding: 0;
	    width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.post_comment_li { flex-direction: column; }
	.post_comment_li .comment_ccc { width: 100%; }
	.post_comment_li .btxt { width: 100%; font-size: 17px; padding-bottom: 2px; }
}
@media screen and (max-width: 578px) {
	.post_detail_comment_wrap { padding: 30px; }
}
@media screen and (max-width: 400px) {
	.lower.r .left_flow_ {
		flex-direction: column;
		margin-bottom: 10px;
	}
}

/* 관심있는행사 */
.Innov-Event-Board { 
	margin: 30px auto;
    display: grid;
    grid-template-rows: repeat(2, 1fr);
}
.Innov-Event-Grid {
	display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(280px, 2fr)); 
    gap: 50px; */
	grid-template-columns: repeat(4, 1fr);
    list-style: none;
    padding: 30px;
	gap: 50px;
	background-color: #f1f1f1;
}

.Innov-Event-Card {
    background: #eee;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
	box-shadow: 9px 8px 8px 0px rgba(0, 0, 0, 0.1);
}
.Innov-Event-Card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
.Innov-Event-Card:hover .Innov-Thumb-Img { transform: scale(1.05); }
.Innov-Thumb-Area {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 4;
    overflow: hidden;
    background: #f8f9fa;
}
.event_img_small { 
	width: -webkit-fill-available; 
	width: 100%;
	max-width: 300px;
	margin: auto; 
    margin: auto;
    display: block;
    object-fit: cover;
}
.Innov-Thumb-Img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.Innov-Status-Badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 10px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    color: #1a1a1a;
    z-index: 1;
}
.Innov-Info-Area { padding: 15px; background-color: #fff; }
.Innov-Info-Area .ctxt { 
	display: flex; justify-content: space-between;
	align-items: flex-end;
    flex-direction: column;
	flex-direction: row-reverse;
}
.Innov-Info-Area .stxt { 
	display: flex;
	justify-content: space-between;
}
.Innov-Info-Title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #1d1d1f;
    margin-bottom: 12px;
    height: 50px;
    overflow: hidden;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.Innov-Info-Meta {
    display: flex;
    gap: 10px;
    font-size: 14px;
    color: #86868b;
    margin-bottom: 20px;
}
.Innov-Info-Bottom {
    display: flex;
    justify-content: flex-end;
	color: #006ef6;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #f5f5f7;
	font-weight: 700;
}
.Innov-Price-Tag {
    font-size: 16px;
    font-weight: 700;
    color: #0066ff;
}
.Innov-Meta-Type { white-space: nowrap; }
.Innov-Meta-Date {
	font-weight: 400;
    color: #777;
	white-space: nowrap;
}
.Innov-Like-Btn {
    width: 24px;
    height: 24px;
    background: url('/public/assets/img/icon/heart.svg') no-repeat center;
    border: none;
    cursor: pointer;
    opacity: 0.3;
}
.Innov-Like-Btn.active { opacity: 1; filter: invert(30%) sepia(100%) saturate(2000%) hue-rotate(210deg); }
.Innov-Pagination {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.Innov-Pagination a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    transition: 0.2s;
}
.Innov-Pagination a.active {
    background: #1d1d1f;
    color: #fff;
    font-weight: 700;
}

.Innov-Heart-Shape {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #ff4d4f;
    transform: rotate(-45deg);
    cursor: pointer;
}

/* 하트의 윗부분 원형 2개 생성 */
.Innov-Heart-Shape::before,
.Innov-Heart-Shape::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ff4d4f;
    border-radius: 50%;
}

.Innov-Heart-Shape::before { top: -10px; left: 0; }
.Innov-Heart-Shape::after { left: 10px; top: 0; }

@keyframes heartBeat {
    0% { transform: rotate(-45deg) scale(1); }
    25% { transform: rotate(-45deg) scale(1.1); }
    50% { transform: rotate(-45deg) scale(1); }
    75% { transform: rotate(-45deg) scale(1.2); }
    100% { transform: rotate(-45deg) scale(1); }
}

.Innov-Heart-Active {
    animation: heartBeat 1.2s infinite; 
}

.Innov-Heart-Icon {
width: 24px;
    height: 24px;
    cursor: pointer;
    
    fill: transparent; 
    stroke: #ff4d4f;
    stroke-width: 2px;
    
    transition: all 0.3s ease-in-out;
}
.Innov-Heart-Icon:hover {
    fill: #ff4d4f;          
    stroke: #ff4d4f;        
    transform: scale(1.15);
}

@media screen and (max-width: 1280px) {
	.Innov-Event-Grid { gap: 25px; padding: 20px; }
	.Innov-Info-Title { margin-bottom: 10px; }
	.Innov-Info-Bottom { padding-top: 5px; }
}
@media screen and (max-width: 1080px) {
	.Innov-Event-Grid { gap: 20px; padding: 10px 20px; }
}
@media screen and (max-width: 992px) {
	.Innov-Event-Grid { 
		grid-template-columns: repeat(2, 1fr); 
	    gap: 50px;
        padding: 50px;
	}
	.event_img_small { max-width: 450px; }
}
@media screen and (max-width: 768px) {
    .Innov-Event-Grid {
        gap: 40px;
        padding: 40px;
    }
}
@media screen and (max-width: 578px) {
	.Innov-Event-Grid {
		gap: 20px;
        padding: 20px;
	}
}

.EventJoin.subDetail_frame .ing { padding: 3px 3px; border: 1px solid #ddd;border-radius: 5px; font-size: 14px; margin-left: 10px; background-color: #ffecec; white-space: nowrap; }
.EventJoin.subDetail_frame .customRadio span { font-size: 16px; }
.EventJoin.subDetail_frame .bigPart.right .area_title { font-size: 14px; padding-bottom: 5px; }
.EventJoin.subDetail_frame .bigPart.left { width: 60%; }
.EventJoin.subDetail_frame .bigPart.right { width: 40%; height: fit-content; background-color: #fff; }
.EventJoin.subDetail_frame .bigPart.right .title { font-weight: 700;  }
.EventJoin.subDetail_frame .faceimg img { width: 70% !important; margin: 30px auto; display: block; }
.EventJoin.subDetail_frame .bigPart.right .eventSchedule { width: 100%; margin: auto; text-align: left; }
.EventJoin.subDetail_frame .bigPart.right .eventSchedule .name { padding-left: 0; }
.EventJoin.subDetail_frame .bigPart.right .eventSchedule .name:before { content: initial; }
.EventJoin.subDetail_frame .bigPart.right .eventSchedule li { display: flex; }
.EventJoin.subDetail_frame .bigPart.right .tabContent .introBox { padding: 40px 30px; }
.EventJoin.subDetail_frame .tabContent .introBox .title { font-weight: 500; }
.EventJoin.subDetail_frame .apply-card { background: #fff; border-radius: 30px; padding: 30px; box-shadow: 0 20px 60px rgba(0,0,0,0.05); }

.EventJoin.subDetail_frame .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 60px;
}
.EventJoin.subDetail_frame .form-item.full { grid-column: span 2; }
.EventJoin.subDetail_frame .form-item .m-input {
    width: 100%;
    border: none;
    border-bottom: 2px solid #eee;
    padding: 12px 0;
    font-size: 17px;
    transition: 0.3s;
    outline: none;
}
.EventJoin.subDetail_frame .m-input:focus { border-bottom-color: #3563E9; }
.EventJoin.subDetail_frame .m-input.center { text-align: center; }

.EventJoin.subDetail_frame .phone-group { display: flex; align-items: center; gap: 15px; }
.EventJoin.subDetail_frame .m-select { border: none; border-bottom: 2px solid #eee; padding: 12px 5px; font-size: 17px; outline: none; }
.EventJoin.subDetail_frame .dash { color: #ccc; }

.EventJoin.subDetail_frame .gender-group { display: flex; gap: 12px; }
.EventJoin.subDetail_frame .gender-btn { flex: 1; cursor: pointer; }
.EventJoin.subDetail_frame .gender-btn input { display: none; }
.EventJoin.subDetail_frame .gender-btn span {
    display: block; text-align: center; padding: 15px;
    background: #f8f9fa; border-radius: 12px; font-weight: 500; color: #888; transition: 0.3s;
}
.EventJoin.subDetail_frame .gender-btn input:checked + span { background: #111; color: #fff; }

.EventJoin.subDetail_frame .form-footer { border-top: 1px solid #eee; padding-top: 40px; display: flex; justify-content: space-between; align-items: flex-end; }
.EventJoin.subDetail_frame .form-footer .checkbox { display: inline-flex; }
.EventJoin.subDetail_frame .agree-area { display: flex; flex-direction: column; gap: 5px; width: 70%; }
.EventJoin.subDetail_frame .m-check { font-size: 15px; color: #333; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.EventJoin.subDetail_frame .m-check.gray { color: #888; font-size: 14px; margin-top: 5px; }

.EventJoin.subDetail_frame .btn-submit {
    cursor: pointer;
    transition: 0.3s;
}
.EventJoin.subDetail_frame .detail_viewer { color: #005bff; font-weight: 500; margin-left: 10px; font-size: 15px; }
.input { width: 100%; line-height: 1.2; height: 40px; }

.EventJoin.subDetail_frame .form-item p label { font-size: 17px; font-weight: 600; }
.EventJoin.subDetail_frame .tabContent .introBox p { font-size: 17px; font-weight: 600; }
.EventJoin.subDetail_frame .btn_wrap { width: 100%; gap: 20px;  margin: auto; }
.EventJoin.subDetail_frame .btn_wrap.center { justify-content: center; }
.EventJoin.subDetail_frame .eventSchedule_wrap { background: #eaf4fd;  margin-top: 40px; border-radius: 20px; padding: 30px; }
.EventJoin.subDetail_frame .eventSchedule_wrap.noBg { background: #fff; border: 1px solid #eee; }
.EventJoin.subDetail_frame .eventSchedule_wrap.noBg .eventSchedule { display: flex; }
.EventJoin.subDetail_frame .eventSchedule_wrap.noBg .eventSchedule li { width: 50%; }
.EventJoin.subDetail_frame .eventSchedule .name:before { content: initial; }
.request-wrap.detail .vend h4 {
    background: #ecf9ff;
    line-height: 50px;
    font-weight: 500;
    border-radius: 5px;
    color: #324d65;
    font-size: 17px;
    text-align: center;
    letter-spacing: -0.03em;
	border-radius: 10px;

}
.EventJoin.subDetail_frame .eventSchedule_wrap .sub_txt { margin-left: 10px; color: #777; font-weight: 400; font-size: 14px; }
.EventJoin.subDetail_frame .eventSchedule_wrap.sm .title { font-weight: 500; color: #777; }

@media screen and (max-width: 1500px) {
	.EventJoin.subDetail_frame .bigPart.right { width: 40%; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule li { flex-direction: column; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .name { font-size: 17px; display: inline-block; padding: 10px 0; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .value { font-size: 18px; font-weight: 500; }
}
@media screen and (max-width: 1200px) {
	.EventJoin.subDetail_frame { flex-direction: column-reverse; }
	.EventJoin.subDetail_frame .bigPart.right { width: 100%; position: initial;  box-shadow: none; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule li { flex-direction: row; align-items: center; gap: 20px; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .name { padding: 0; }
	.EventJoin.subDetail_frame .bigPart.left { width: 100%; }
} 
@media screen and (max-width: 1024px) {
	.EventJoin.subDetail_frame .bigPart.right {  height: fit-content; top: 0;
		padding: 20px; display: initial; 
	}
	.EventJoin.subDetail_frame .bigPart.right .area_title,
	.EventJoin.subDetail_frame .bigPart.right .title { display: block; } 
}
@media screen and (max-width: 768px) {
    .EventJoin.subDetail_frame .form-grid { grid-template-columns: 1fr; }
    .EventJoin.subDetail_frame .form-item.full { grid-column: span 1; }
    .EventJoin.subDetail_frame .form-footer { flex-direction: column; align-items: flex-start; gap: 40px; }
    .EventJoin.subDetail_frame .btn-submit,.EventJoin.subDetail_frame .btn_1,.EventJoin.subDetail_frame .btn_2 { width: 100%; padding: 0; }
	.EventJoin.subDetail_frame .agree-area { width: 100%; }
	.EventJoin.subDetail_frame .bigPart.right .title { padding-bottom: 15px; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .value { font-size: 17px; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule li { flex-wrap: wrap; }
}
@media screen and (max-width: 578px) {
	.EventJoin.subDetail_frame .bigPart.right { padding: 15px; }
	/* .EventJoin.subDetail_frame .bigPart.right .eventSchedule li { flex-direction: column; } */
	.EventJoin.subDetail_frame .bigPart.right .area_title, .EventJoin.subDetail_frame .bigPart.right .title, .EventJoin.subDetail_frame .bigPart.right .companyLogo-wrap {text-align: center; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule li { gap: 5px; padding: 10px 0 0; }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .value { white-space: normal; font-size: 16px; }
	.EventJoin.subDetail_frame .apply-card { border-radius: 20px; padding: 20px; }
	.EventJoin.subDetail_frame .form-grid { gap: 20px 40px }
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule .name { background: #f1f1f1; padding: 1px 10px; border-radius: 5px; font-size: 16px; }
	.EventJoin.subDetail_frame .faceimg img { width: 90% !important;}
	.EventJoin.subDetail_frame .bigPart.right .eventSchedule_wrap .title { text-align: left; }
	.EventJoin.subDetail_frame .eventSchedule_wrap { padding: 20px; }
	.EventJoin.subDetail_frame .eventSchedule_wrap.noBg .eventSchedule { flex-direction: column; }
	.EventJoin.subDetail_frame .eventSchedule_wrap.noBg .eventSchedule li { width: 100%; }
}