@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

article {width:100%; min-height:100vh; height:auto; position:relative; background:#d7d7d7;}
section.new_list {width:100%; min-height:400px; height:auto;}
section.new_list #bbs_loadArea {display:block; width:100%; min-height:200px; padding:25px 25px 0; list-style:none; box-sizing:border-box; position:relative;}
section.new_list #bbs_loadArea::after {display:block; content:''; clear:both;}
section.new_list #bbs_loadArea ul> li.link {cursor:pointer;}

/* W2560px */
section.new_list #bbs_loadArea .tr {
	position:relative; float:left; display:inline-block; width:calc(100% / 5 - 30px); min-height:auto; margin-bottom:25px; box-sizing:border-box; background:#fff;
}

section.new_list #bbs_loadArea .tr a.img_box {display:none; width:100%; height:100%; max-height:500px; overflow:hidden; z-index:1;}
section.new_list #bbs_loadArea .tr a.img_box img.thumb_img {width:100%; height:100%; object-fit:cover; transition:transform .30s ease-in;}
section.new_list #bbs_loadArea .tr:hover a.img_box img.thumb_img {transform:scale(1.1)}

section.new_list #bbs_loadArea .tr.box_img a.img_box {display:block;}
section.new_list #bbs_loadArea .tr.box_map a.img_box {display:none;}
section.new_list #bbs_loadArea .tr.box_map .kakao_map {display:block; width:100%; height:180px;}

section.new_list #bbs_loadArea .tr.box_calendar p.schedule {
	font-family:"Orbitron", sans-serif; font-size:3.6rem; font-optical-sizing:auto; font-style:normal; font-weight:600; color:#111;
	letter-spacing:-1px; margin-top:20px; line-height:4.0rem;
}

section.new_list #bbs_loadArea .tr .con_box {width:calc(100%); height:260px; padding:25px; vertical-align:top; box-sizing:border-box;}
section.new_list #bbs_loadArea .tr.box_map .con_box {height:200px;}
section.new_list #bbs_loadArea .tr ul.top_view {
	width:100%; height:30px; padding-bottom:2px; display:flex; justify-content:space-between; align-items:center; color:#444; border-bottom:1px solid #ebebeb;
}
section.new_list #bbs_loadArea .tr ul.top_view li {font-size:1.0rem; font-weight:400;}
section.new_list #bbs_loadArea .tr ul.top_view li span {}
section.new_list #bbs_loadArea .tr ul.top_view li span.xi-list-square {margin-top:-3px; margin-right:2px; font-size:1.6rem;}
section.new_list #bbs_loadArea .tr ul.top_view li span.xi-zoom-in {margin-top:-0.6px; margin-right:2px; font-size:1.2rem;}

section.new_list #bbs_loadArea .tr h2.title {
	width:100%; margin-top:20px; font-size:1.8rem; font-weight:500; color:#010101; text-align:left; letter-spacing:-1px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; z-index:5;
}
section.new_list #bbs_loadArea .tr.box_calendar h2.title {margin-top:10px;}
section.new_list #bbs_loadArea .tr h5.content {
	width:100%; margin-top:10px; font-size:1.4rem; line-height:2.0rem; font-weight:400; color:#666; z-index:5;
	white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
}
section.new_list #bbs_loadArea .tr h5.content dl {width:100%; display:grid; grid-template-columns:54px 1fr; font-size:1.0rem; line-height:1.7rem;}
section.new_list #bbs_loadArea .tr h5.content dl dt {font-weight:500;}
section.new_list #bbs_loadArea .tr h5.content dl dd {}

section.new_list #bbs_loadArea .tr.box_map .con_box h5.content {-webkit-line-clamp:2;}
section.new_list #bbs_loadArea .tr ul.info {
	position:absolute; width:calc(100% - 50px); height:40px; bottom:0; left:0; z-index:10; padding:0 25px 15px;
	display:flex; justify-content:space-between; align-items:center; color:#444;
}
section.new_list #bbs_loadArea .tr ul.info li {font-size:1.0rem; font-weight:400;}
section.new_list #bbs_loadArea .tr ul.info li span {font-size:1.2rem; margin-top:-1px; margin-right:2px;}
section.new_list #bbs_loadArea .tr ul.info li span.xi-time {color:#187aca;}
section.new_list #bbs_loadArea .tr ul.info li span.xi-user {color:#238d6a;}

section.new_list #bbs_loadArea .tr .link {cursor:pointer;}

section.new_list button.list_more {
	position:absolute; bottom:40px; left:50%; transform:translateX(-50%); display:inline-block; width:100px; height:32px; padding-right:8px;
	font-size:1.2rem; font-weight:400; color:#212121; border:1px solid #222; background:#f1f1f1;
}
section.new_list button.list_more:hover {
	background:#222; border:1px solid #222; color:#fff;
	-webkit-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    -moz-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    -o-transition:all .3s cubic-bezier(.25, .46, .45, 1);
    transition:all .3s cubic-bezier(.25, .46, .45, 1);
}
section.new_list button.list_more i {font-size:1.6rem; margin-top:-2px;}

@media screen and (max-width:1920px) {
	section.new_list #bbs_loadArea .tr {width:calc(100% / 5 - 30px);}
	section.new_list #bbs_loadArea .tr.big_size {}

	section.new_list #bbs_loadArea .tr ul.top_view,
	section.new_list #bbs_loadArea .tr p.tag {}

	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.5rem; line-height:3.9rem;}

	section.new_list #bbs_loadArea .tr h2.title {font-size:1.4rem;}
	section.new_list #bbs_loadArea .tr h5.content {font-size:1.2rem; -webkit-line-clamp:4;}

	section.new_list button.list_more {bottom:15px;}
}
@media screen and (max-width:1680px) {
	section.new_list #bbs_loadArea .tr {width:calc(100% / 4 - 32px);}
	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.4rem; line-height:3.8rem;}
}
@media screen and (max-width:1440px) {
	section.new_list #bbs_loadArea .tr {width:calc(100% / 3 - 33px);}
	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.3rem; line-height:3.7rem;}
}
@media screen and (max-width:1106px) {
	article {min-height:calc(100vh - 75px); padding-top:75px;}
	section.new_list #bbs_loadArea .tr {width:calc(100% / 3 - 34px);}
	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.2rem; line-height:3.6rem;}
}
@media screen and (max-width:768px) {
	section.new_list #bbs_loadArea .tr {width:calc(50% - 38px);}
	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.1rem; line-height:3.5rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:540px) {
	section.new_list #bbs_loadArea .tr {width:calc(100% - 48px);}
	section.new_list #bbs_loadArea .tr.box_calendar p.schedule {font-size:3.0rem; line-height:3.4rem;}
}
@media screen and (max-width:480px) {
}