/* bbs-accd */

	.bbs-accd { border-top:3px solid #ccc; border-bottom:3px solid #ccc; }
	.bbs-accd > .title { padding:0 15px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; }
	.bbs-accd > .title > a { 
		position:relative; font-size:20px; color:#555;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; height:40px;
		padding:0 20px 0 25px;
	}
	.bbs-accd > .title > a:before {
		position:absolute; width:20px; height:20px; content:'\f105'; left:0; top:10px;
		font-family:FontAwesome; font-size:20px; line-height:20px; color:#666;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
	}
	.bbs-accd > ul { display:none; border-top:3px solid #ccc; }
	.bbs-accd > ul > li { padding:10px 0 0 30px; }
	.bbs-accd > ul > li:last-child { padding-bottom:10px; }
	.bbs-accd > ul > li > a { font-size:16px; color:#555; }
	.bbs-accd > ul > li > a:hover { color:#8282f0; }
	.bbs-accd.on > ul { display:block; }
	.bbs-accd.on > .title > a:before { transform:rotate(90deg); }

/* bbs-image */

	.bbs-image { width:100%; padding-bottom:40px; }
	.bbs-image img { display:block; width:100%; }

/* bbs-path */

	.bbs-path { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:0 10px; padding-bottom:40px; }
	.bbs-path > a { 
		width:50px; height:50px; border-radius:25px; background:#34153E; color:#fff; flex:0 0 base; font-size:18px;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; 
	}
	.bbs-path > a#thmenu { display:none; }
	.bbs-path > div { flex:1 0 auto; position:relative; }
	.bbs-path > div > a { 
		width:100%; height:50px; background:#34153E; color:#fff; border-radius:25px; font-size:18px; font-weight:500;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; transition:all 0.2s;
	}
	.bbs-path > div > a:hover { background:#FDB826; color:#000; }
	.bbs-path > div > a.on { background:#FDB826; color:#000; }
	.bbs-path > div > ul { 
		display:none; position:absolute; top:60px; left:0; border:3px solid #999; min-width:100%;
		padding:10px 20px 20px 20px; border-radius:25px; background:#fff; z-index:10;
	}
	.bbs-path > div > ul:before { position:absolute; content:''; top:-16px; left:0; width:100%; height:16px; background: transparent; }
	.bbs-path > div:hover > ul { display:block; }
	.bbs-path > div > ul > li > a {
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; font-size:16px;
		padding-top:10px; padding-left:15px; position:relative; color:#000;
	}
	.bbs-path > div > ul > li > a:hover { color:#4254d0; }
	.bbs-path > div > ul > li > a:before { position:absolute; content:''; top:calc(50% + 3px); left:0; width:4px; height:4px; background:#8099f2; }

	#bbs-thmenu { z-index:6010 !important; }
	#bbs-thmenu > .modal-dialog { 
		position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) !important;
		width:100%; max-width:300px; margin:0;
	}
	.modal-backdrop { z-index:6000 !important; }
	#bbs-thmenu > .modal-dialog > .modal-content { 
		border:0 !important; border-radius:10px !important; -webkit-box-shadow:none !important; box-shadow:none !important; 
	}
	#bbs-thmenu > .modal-dialog > .modal-content > .modal-body { padding:0 0 15px 0; }
	#bbs-thmenu .ths > a { 
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; 
		font-size:18px; font-weight:500; padding:8px 20px; background:#f9f9f9; color:#444;
	}
	#bbs-thmenu .ths > ul > li > a {
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; 
		font-size:16px; font-weight:400; padding:8px 40px; color:#555;
	}

	@media(max-width:1024px) {
		.bbs-path { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:0 10px; padding-bottom:20px; }
		.bbs-path > a#thmenu { display:flex; flex:1 0 auto; }
		.bbs-path > div { display:none; }
	}

/* bbs-text */

	.bbs-text { }
	.bbs-text.pad { padding:0 20px; }
	.bbs-text.top { padding-top:40px; }
	.bbs-text h2 { position:relative; margin:0; padding:0 0 20px 20px; font-size:20px; color:#000; }
	.bbs-text h2:before { position:absolute; content:''; top:6px; left:0; width:8px; height:8px; background:#aaaa00; border-radius:50%; }
	.bbs-text h3 { margin:0; padding:0 0 30px 0; font-size:20px; color:#000; }
	.bbs-text .text { margin:0; padding:0 0 50px 20px; font-size:16px; line-height:160%; color:#000; word-break:keep-all; }
	.bbs-text .text i { font-weight:300; }
	.bbs-text .text div { color:#bb5e00; font-size:18px; font-weight:500; padding:10px 0 15px 15px; }
	.bbs-text .text div:first-child { padding-top:0; }
	.bbs-text .text img { float:left; margin:0 20px 10px 0; }
	.bbs-text .text span.big { display:inline-block; font-size:18px; font-weight:500; padding-bottom:10px; }
	.bbs-text .text table { width:100%; border-top:1px solid #ccc; }
	.bbs-text .text table th { background:#f5f5f5; border-bottom:1px solid #ccc; font-size:18px; font-weight:500; padding:10px 20px; }
	.bbs-text .text table td { border-bottom:1px solid #ccc; font-size:16px; padding:10px; }
	.bbs-text .text table td.br { border-right:1px solid #ccc; }
	.bbs-text .text table td.cn { text-align:center; }
	.bbs-text .text table td.cm { text-align:center; padding:15px; border-bottom:0; font-size:15px; color:#777; }
	.bbs-text .text:after { display:block; content:''; clear:both; }

	@media(max-width:1024px) {
		.bbs-text h3 { font-size:18px; }
		.bbs-text .text { padding:0 0 30px 0; font-size:16px; }
	}
	@media(max-width:768px) {
		.bbs-text .text table th { font-size:16px; }
		.bbs-text .text table td { font-size:14px; }
	}
	@media(max-width:430px) {
		.bbs-text.pad { padding:0; }
		.bbs-text.top { padding-top:20px; }
		.bbs-text h2 { font-size:16px; }
		.bbs-text h2:before { top:4px; }
		.bbs-text .text { font-size:14px; }
		.bbs-text .text span.big { font-size:16px; }
		.bbs-text .text img { float:none; display:block; width:100%; max-width:250px; margin:0 auto 20px auto; }
	}

/* bbs-comp */

	.bbs-comp { padding-bottom:40px; }
	.bbs-comp h3 { 
		width:100%; position:relative; background:#F2F7FF; color:#000; font-size:18px; line-height:160%;
		margin:0; padding:10px 10px 10px 30px;
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; 
	}
	.bbs-comp h3:before { position:absolute; top:0; left:0; content:''; width:4px; height:100%; background:#3e86ff; }
	.bbs-comp .normal { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; }
	.bbs-comp .normal .text-box { flex:1 1 auto; }
	.bbs-comp .normal .text-box .atext { padding:20px 20px 0 20px; font-size:18px; line-height:160%; word-break:keep-all; }
	.bbs-comp .normal .text-box .double { 
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; padding-top:20px;
	}
	.bbs-comp .normal .text-box .double .atext { width:50%; padding-top:0; font-size:16px; }
	.bbs-comp .normal .text-box .double .atext:nth-child(even) { border-left:1px solid #ccc; }
	.bbs-comp .normal .text-box .atext > ul { }
	.bbs-comp .normal .text-box .atext > ul > li { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; }
	.bbs-comp .normal .text-box .atext > ul > li > div:first-child { padding-right:10px; }

	.bbs-comp .normal .img-box { flex:0 0 200px; padding:20px 20px 20px 0; }
	.bbs-comp .normal .img-box .img { width:100%; }
	.bbs-comp .normal .img-box .img img { width:100%; }

	@media(max-width:1024px) {
		.bbs-comp h3 { font-size:16px; }
		.bbs-comp .normal { flex-flow:row wrap; }
		.bbs-comp .normal .text-box { width:100%; }
		.bbs-comp .normal .text-box .atext { padding:20px 0 0 0; font-size:14px; }
	}

/* bbs-his */

	.bbs-his { padding-bottom:40px; }
	.bbs-his h3 { 
		width:100%; height:50px; position:relative; background:#fff; color:#888; font-size:24px; font-weight:700;
		margin:0; padding:0; padding-left:20px; border-bottom:3px solid #ddd;
		display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; 
	}
	.bbs-his .normal { width:calc(100% - 40px); border-left:3px solid #ddd; margin:0 0 0 auto; }
	.bbs-his .normal .text-wrapper { padding-top:15px; } 
	.bbs-his .normal .text-box { width:100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:0 10px; }
	.bbs-his .normal .text-box .year { 
		position:relative; width:120px; flex:0 0 120px; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; padding-left:20px; 
	}
	.bbs-his .normal .text-box .year:before { position:absolute; content:''; top:calc(50% - 2px); left:-1px; width:21px; height:3px; background:#ddd; }
	.bbs-his .normal .text-box .year .number { 
		width:100%; height:30px; font-size:15px; font-weight:500; background:#666DF2; color:#fff; border-radius:15px;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
	}
	.bbs-his .normal .text-box .desc { 
		padding:10px; font-size:16px; line-height:160%; flex:1 1 auto; word-break:keep-all;
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;
	}
	.bbs-his .normal .text-box .remark { 
		width:300px; padding:10px; background:#f9f9f9; font-size:16px; line-height:160%; border-radius:15px;
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; text-align:center; word-break:keep-all;
	}

	@media(max-width:1024px) {
		.bbs-his .normal .text-box .year .number { font-size:14px; }
		.bbs-his .normal .text-box .desc { font-size:14px; }
		.bbs-his .normal .text-box .remark { font-size:14px; }
	}

/* bbs-tab */

	.bbs-tab { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; gap:0 5px; border-bottom:3px solid #666; }
	.bbs-tab a { 
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; border-radius:15px 15px 0 0;
		flex:1 0 auto; height:50px; text-align:center; background:#f5f5f5; color:#000; font-size:18px; font-weight:400; 
	}
	.bbs-tab a:hover, .bbs-tab a.on { background:#666; color:#fff; }

	@media(max-width:1024px) {
		.bbs-tab a { border-radius:10px 10px 0 0; height:40px; font-size:16px; }
	}
	@media(max-width:768px) {
		.bbs-tab { gap:0 3px; }
		.bbs-tab a { border-radius:5px 5px 0 0; height:40px; font-size:14px; }
	}


	.bbs-tab-content { padding:40px 20px; }
	.bbs-tab-content > div { display:none; }
	.bbs-tab-content > div.on { display:block; }
	.bbs-tab-content h3 { padding:40px 0 10px 0; margin:0; font-size:20px; font-weight:500; }
	.bbs-tab-content .text { font-size:16px; line-height:180%; padding-left:10px; word-break:keep-all; word-wrap:break-word; }
	.bbs-tab-content .text span { display:inline-block; padding-bottom:10px; font-size:18px; font-weight:500; }
	.bbs-tab-content .text img { float:left; margin:0 20px 20px 0; }
	.bbs-tab-content .text sup { color:#7777ff; font-weight:bold; }
	.bbs-tab-content .text span.sup { font-size:15px; color:#7777ff; }
	.bbs-tab-content table { width:100%; border-top:1px solid #ccc; }
	.bbs-tab-content table th { background:#f5f5f5; border-bottom:1px solid #ccc; font-size:18px; font-weight:500; padding:10px 20px; }
	.bbs-tab-content table td { border-bottom:1px solid #ccc; font-size:16px; padding:10px; word-break:keep-all; }
	.bbs-tab-content table td.br { border-right:1px solid #ccc; }
	.bbs-tab-content table td.cn { text-align:center; }
	.bbs-tab-content table td.cm { text-align:center; padding:15px; border-bottom:0; font-size:15px; color:#777; }

	.bbs-tab-content table.yearly tr > td { border-right:1px solid #ccc; }
	.bbs-tab-content table.yearly tr > td:nth-child(1) { text-align:center; }
	.bbs-tab-content table.yearly tr > td:nth-child(4) { text-align:center; }
	.bbs-tab-content table.yearly tr > td:nth-child(5) { text-align:center; }
	.bbs-tab-content table.yearly tr > td:nth-child(6) { text-align:center; }

	@media(max-width:1024px) {
		.bbs-tab-content { padding:20px 0px; }
		.bbs-tab-content .text { padding-left:0; }
		.bbs-tab-content .text img { float:none; display:block; width:100%; max-width:800px; margin:0 auto 20px auto; }
	}
	@media(max-width:768px) {
		.bbs-tab-content h3 { font-size:18px; }
		.bbs-tab-content .text { font-size:14px; }
		.bbs-tab-content .text span { font-size:16px; }
		.bbs-tab-content .text img { float:left; margin:0 20px 20px 0; }
		.bbs-tab-content .text span.sup { font-size:14px; }
		.bbs-tab-content table th { font-size:16px; }
		.bbs-tab-content table td { font-size:14px; }
	}

/* bbs-art */

	.bbs-art { width:100%; padding:40px 0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:40px 2%; }
	.bbs-art.bot { border-bottom:2px solid #000; }

	@media(max-width:1024px) {
		.bbs-art { gap:30px 2%; }
	}
	@media(max-width:500px) {
		.bbs-art { gap:30px 0; }
	}

/* bbs-row */

	.bbs-row { width:23.5%; border-radius:10px; }
	.bbs-row > a {
		position:relative; display:block; width:100%; height:360px; background-color:#0000; border-radius:10px; 
		background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	.bbs-row > a > .info { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); padding:20px; border-radius:0 0 10px 10px; }
	.bbs-row > a > .info > .name { text-align:right; font-size:20px; font-weight:700; line-height:200%; color:#fff; }
	.bbs-row > a > .info > .desc { padding-top:10px; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center; }
	.bbs-row > a > .info > .desc > div { font-size:16px; font-weight:500; line-height:100%; color:#f6f6f6; }
	.bbs-row > a > .info > .desc > div.mk { font-size:13px; font-weight:500; line-height:100%; color:#e0e0e0; padding-right:15px; }

	@media(max-width:1120px) {
		.bbs-row > a > .info > .name { font-size:18px; }
	}
	@media(max-width:1024px) {
		.bbs-row { width:32%; }
	}
	@media(max-width:768px) {
		.bbs-row { width:49%; }
		.bbs-row > a { height:300px; }
	}
	@media(max-width:500px) {
		.bbs-row { width:100%; }
		.bbs-row > a { height:400px; }
	}

/* bbs_title */

	.bbs_title { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding:30px 0; border-top:1px solid #ccc; }
	.bbs_title .name h3 { margin:0; padding:0; font-size:34px; line-height:34px; font-weight:500; }
	.bbs_title .name h3 span { margin-left:10px; font-size:26px; line-height:26px; font-weight:500; }
	.bbs_title .name div { margin:0; padding:0; font-size:22px; line-height:22px; font-weight:500; color:#999; }
	.bbs_title .name div span { margin-left:10px; font-size:22px; line-height:22px; font-weight:500; color:#999; }
	.bbs_title .button { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; }
	.bbs_title .button .default {
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-left:15px;
		width:60px; height:60px; background:#000; color:#fff; font-size:20px; font-weight:500; border-radius:50%;
	}
	.bbs_title .button .default:hover { background:#555; }
	.bbs_title .button .green {
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
		width:60px; height:60px; background:#BE9B38; color:#fff; font-size:20px; font-weight:500; border-radius:50%;
	}
	.bbs_title .button a.green:hover { background:#8a7228; }
	.bbs_title .button .blue {
		display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
		width:60px; height:60px; background:#5786F2; color:#fff; font-size:20px; font-weight:500; border-radius:50%;
	}
	.bbs_title .button a.blue:hover { background:#555; }

	@media(max-width:1024px) {
		.bbs_title { padding:20px 0; }
		.bbs_title .name h3 { font-size:24px; line-height:24px; }
		.bbs_title .name h3 span { font-size:20px; line-height:20px; margin-left:5px; }
		.bbs_title .name div { padding:10px 0 0 0; font-size:18px; line-height:18px; }
		.bbs_title .name div span { margin-left:5px; font-size:18px; line-height:18px; }
		.bbs_title .button .default { width:50px; height:50px; font-size:16px; margin-left:10px; }
		.bbs_title .button .green { width:50px; height:50px; font-size:16px; }
		.bbs_title .button .blue { width:50px; height:50px; font-size:16px; }
	}

	@media(max-width:360px) {
		.bbs_title .name h3 { font-size:20px; line-height:20px; }
		.bbs_title .name h3 span { font-size:18px; line-height:18px; }
		.bbs_title .name div { font-size:16px; line-height:16px; }
		.bbs_title .name div span { font-size:16px; line-height:16px; }
		.bbs_title .button .default { width:40px; height:40px; font-size:14px; margin-left:5px; }
		.bbs_title .button .green { width:40px; height:40px; font-size:14px; }
		.bbs_title .button .blue { width:40px; height:40px; font-size:14px; }
	}

	@media(max-width:320px) {
		.bbs_title { padding:10px 0; }
		.bbs_title .name { width:100%; }
		.bbs_title .button { width:100%; padding-top:10px; }
	}

/* bbs-title2 */

	.bbs-title2 { 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; 
		padding:20px; border-top:1px solid #ccc; 
	}
	.bbs-title2 .name { font-size:30px; font-weight:500; }
	.bbs-title2 .name .han { padding-top:10px; font-size:24px; font-weight:400; color:#777; }
	.bbs-title2 .profile { width:400px; }
	.bbs-title2 .profile table { width:100%; border-top:1px solid #ddd; }
	.bbs-title2 .profile table tr td { font-size:16px; padding:5px 10px; border-bottom:1px solid #ddd; }
	.bbs-title2 .profile table tr td:first-child { color:#777; }
	.bbs-title2 .profile table tr td:last-child { color:#000; }

	@media(max-width:768px) {
		.bbs-title2 { padding:20px 0; }
		.bbs-title2 .name { width:100%; font-size:24px; }
		.bbs-title2 .name .han { font-size:20px; }
		.bbs-title2 .profile { width:100%; padding-top:20px; }
	}

	@media(max-width:430px) {
		.bbs-title2 .name { font-size:20px; }
		.bbs-title2 .name .han { font-size:18px; }
		.bbs-title2 .profile table tr td { font-size:14px; }
	}


/* bbs-profile */

	.bbs-profile { width:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; word-break:keep-all; }
	.bbs-profile .left { width:30%; }
	.bbs-profile .left img { width:100%; display:block; border-radius:10px; }
	.bbs-profile .right { width:65%; }
	.bbs-profile .right ul { margin:0; padding:0 0 30px 0; }
	.bbs-profile .right ul li { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; font-size:20px; color:#777; padding-bottom:10px; }
	.bbs-profile .right ul li .tit { display:inline-block; width:120px; font-weight:500; color:#000;}
	.bbs-profile .right .info { font-size:18px; line-height:180%; }
	.bbs-profile .right .info h3 { position:relative; margin:40px 0 15px 15px; padding:0; font-size:20px; font-weight:500; }
	.bbs-profile .right .info h3:before { content:''; position:absolute; background:#d4be58; top:50%; transform:translateY(-50%); left:-15px; width:10px; height:10px; border-radius:50%; }
	.bbs-profile .right .info div { font-size:18px; line-height:180%; }

	@media(max-width:768px) {
		.bbs-profile .left { width:100%; padding-bottom:30px; }
		.bbs-profile .left img { width:70%; margin:0 auto; }
		.bbs-profile .right { width:100%; }
		.bbs-profile .right ul { padding:0 0 20px 0; }
		.bbs-profile .right ul li { font-size:18px; }
		.bbs-profile .right ul li .tit { width:100px; }
		.bbs-profile .right .info { font-size:16px; }
		.bbs-profile .right .info h3 { margin:30px 0 15px 15px; font-size:18px; }
		.bbs-profile .right .info div { font-size:16px; }
	}

	@media(max-width:430px) {
		.bbs-profile .left img { width:100%; }
		.bbs-profile .right ul li { font-size:16px; }
		.bbs-profile .right .info { font-size:14px; }
		.bbs-profile .right .info h3 { font-size:16px; }
		.bbs-profile .right .info div { font-size:14px; }
	}

/* bbs-abox */

	.bbs-abox { width:100%; padding-bottom:40px; word-break:keep-all; }
	.bbs-abox h3 { position:relative; margin:0; padding:0; padding-left:20px; font-size:20px; }
	.bbs-abox h3:before { content:''; position:absolute; background:#d4be58; top:50%; transform:translateY(-50%); left:0; width:10px; height:10px; border-radius:50%; }
	.bbs-abox a { color:#1587ee; }
	.bbs-abox ul { width:100%; padding:25px 0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:40px 4%; }
	.bbs-abox ul li { position:relative; width:22%; background:#f0f0f0; border-radius:10px; box-shadow:0 0 2px 0 rgba(0,0,0,0.5); }
	.bbs-abox ul li a { display:block; width:100%; height:280px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; }
	.bbs-abox ul li div.title { 
		position:absolute; left:0; bottom:0; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; background:rgba(0,0,0,0.7); border-radius:0 0 10px 10px;
		width:100%; height:70px; padding:0 15px; font-size:16px; font-weight:700; line-height:140%; text-align:center; color:#fff;
	}

	@media(max-width:1140px) {
		.bbs-abox ul { gap:30px 2%; }
		.bbs-abox ul li { width:23.5%;  }
		.bbs-abox ul li a { height:220px; }
		.bbs-abox ul li div.title { font-size:15px; }
	}

	@media(max-width:768px) {
		.bbs-abox ul { gap:30px 4%; }
		.bbs-abox ul li { width:48%;  }
		.bbs-abox ul li a { height:280px; }
		.bbs-abox ul li div.title { font-size:14px; }
		.bbs-abox h3 { margin:10px 0 0 15px; font-size:18px; }
	}

	@media(max-width:430px) {
		.bbs-abox ul { gap:30px 0; }
		.bbs-abox ul li { width:100%;  }
		.bbs-abox ul li a { height:220px; }
	}


	.bbs-abox ul.press { width:100%; padding:25px 0; display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; gap:0; }
	.bbs-abox ul.press li { width:100%; background:#fff; border-radius:0; padding:5px 0; border-bottom:1px solid #ccc; }
	.bbs-abox ul.press li:last-child { border-bottom:0; }
	.bbs-abox ul.press li a { position:relative; color:#000; display:block; width:100%; height:auto; border-radius:0; font-size:18px; line-height:160%; padding-left:50px; }
	.bbs-abox ul.press li a::before { 
		content:''; position:absolute; top:50%; transform:translateY(-50%); left:15px; content:'\f1ea'; font-family:FontAwesome; font-size:23px; line-height:23px; color:#009d00; 
	}
	.bbs-abox ul.press li a:hover { color:#009d00; }

	@media(max-width:768px) {
		.bbs-abox ul.press { padding:25px 0 0 0; }
		.bbs-abox ul.press li a { font-size:16px; line-height:160%; padding-left:40px; }
		.bbs-abox ul.press li a::before { top:14px; font-size:16px; line-height:16px; }
	}

	@media(max-width:430px) {
		.bbs-abox ul.press li a { font-size:14px; }
		.bbs-abox ul.press li a::before { top:14px; font-size:14px; line-height:14px; }
	}

/* online */

	.online_page { width:100%; height:2px; background:#000; }

	.online { width:100%; padding:40px 0 0 0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:40px 4%; }
	.online-row { width:48%; border:1px solid #ccc; border-radius:10px; }

	.online-row .img { width:100%; position:relative; background:#f0f0f0; border-radius:10px 10px 0 0; }
	.online-row .img a { display:block; width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px 10px 0 0; }
	.online-row .desc { padding:40px 20px 20px 20px; }
	.online-row .name { width:100%; height:30px; font-size:20px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online-row .place { width:100%; height:25px; font-size:16px; font-weight:500; color:#929292; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online-row .date { width:100%; height:20px; font-size:16px; font-weight:500; color:#929292; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online-row .content { 
		padding-top:10px; width:100%; height:80px; font-size:16px; font-weight:400; color:#000;
		text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
	}

	@media(max-width:1024px) {
		.online { padding:30px 0 0 0; gap:30px 2%; }
		.online-row { width:49%; }
		.online-row .img a { height:220px; }
		.online-row .desc { padding:30px 20px 20px 20px; }
		.online-row .name { font-size:18px; }
		.online-row .place { font-size:15px; }
		.online-row .date { font-size:15px; }
		.online-row .content { height:75px; font-size:15px; }
	}

	@media(max-width:430px) {
		.online { padding:20px 0 0 0; gap:20px 0; }
		.online-row { width:100%; }
		.online-row .desc { padding:20px 15px 15px 15px; }
		.online-row .name { height:25px; font-size:16px; }
		.online-row .place { height:20px; font-size:14px; }
		.online-row .date { font-size:14px; }
		.online-row .content { height:70px; font-size:14px; }
	}


/* online2 */

	.online2 { width:100%; padding:40px 0 0 0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:40px 4%; }
	.online2-row { 
		width:48%; border:1px solid #ccc; border-radius:10px; 
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
	}

	.online2-row .img { width:200px; height:240px; background:#f9f9f9; border-radius:10px 0 0 10px; }
	.online2-row .img > a { display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px 0 0 10px; }
	.online2-row .img > div { display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px 0 0 10px; }
	.online2-row .desc { width:calc(100% - 200px); padding:20px; }
	.online2-row .name { width:100%; height:30px; font-size:20px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online2-row .place { width:100%; height:25px; font-size:16px; font-weight:500; color:#929292; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online2-row .date { width:100%; height:20px; font-size:16px; font-weight:500; color:#929292; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.online2-row .content { 
		word-break:keep-all; padding-top:10px; width:100%; height:100px; font-size:16px; font-weight:400; color:#000;
	}
	.online2-row .content.ep { 
		text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
	}

	@media(max-width:1300px) {
		.online2 { gap:30px 2%; }
		.online2-row { width:49%; }
		.online2-row .name { font-size:18px; }
		.online2-row .place { font-size:14px; }
		.online2-row .date { font-size:14px; }
		.online2-row .content { font-size:14px; }
	}
	
	@media(max-width:1100px) {
		.online2 { align-items:stretch; }
		.online2-row { flex-flow:column nowrap; justify-content:flex-start; align-items:center; padding-top:20px; }
		.online2-row .img { border-radius:10px; }
		.online2-row .img > a { border-radius:10px; }
		.online2-row .img > div { border-radius:10px; }
		.online2-row .desc { width:100%; padding:20px; }
		.online2-row .content { height:auto; }
	}
	@media(max-width:600px) {
		.online2 { gap:30px 0; }
		.online2-row { width:100%; }
	}