@charset "utf-8";

/* 뷰페이지 */
.crse_banner { overflow: hidden; position: relative; width: 100%;padding: 0 40px 40px 40px; border: 1px solid #dadada; }
.crse_banner .crse_title{position: relative;padding: 30px 0 10px;}
.crse_banner .crse_num{display:none;}
.crse_banner .crse_title .gubun{color: #1d1d1d;font-size: 16px}
.crse_banner .crse_title h2 {font-size: 25px;color: #1d1d1d;}
.crse_banner .crse_title h2:before { background:none; }
.crse_banner .crse_title h2 span { display:block; font-size:28px; color:#ffea00; }
.crse_banner .con{overflow:hidden}
.crse_banner .txt_box .c_list {overflow: hidden;position: relative;margin-top: 20px;}
.crse_banner .txt_box .c_list li {position: relative;min-height: 40px;color: #404040;padding:7px 0;padding-left: 132px;border-top: 1px dashed #cacaca;}
.crse_banner .txt_box .c_list li *{vertical-align:middle}
.crse_banner .txt_box .c_list li:first-child{border-top:0}
.crse_banner .txt_box .c_list li em { display: block;float:left;min-width: 127px; margin-left: -127px;color: #121212; font-weight: bold;}
.crse_banner .txt_box .c_list li em:before{ content: ""; position: absolute; display: block; left: 110px; top: 15px; width: 1px; height: 12px; background-color: #cacaca;}
.crse_banner .txt_box .c_list li em i{position: relative;top:6px; width: 22px; height: 22px;margin-right:7px; background-color: #2c3230; border-radius: 30px; }
.crse_banner .txt_box .c_list li em i:before{position: absolute; top: 5px; left: 8px; color: #fff; font-size: 13px;}
.crse_banner .txt_box .c_list li:last-child em i:before{left: 5px;}
.crse_banner .descrip{padding-top:20px;margin-top:20px;border-top:1px solid #ddd;}
.bbs--view .bbs--view--file {margin: 5px 0;border: none;}
.bbs--view .bbs--view--file .btn-file {margin:5px;}
@media only screen and (max-width:767px){
.crse_banner .crse_title h2{font-size:20px}
}
@media only screen and (max-width:540px){
	.crse_banner{padding: 0 15px 15px 15px}
	.crse_banner .crse_title{
    padding: 25px 0 0;
}
	.crse_banner .crse_title h2{font-size:18px}
	.crse_banner .txt_box .c_list li{font-size:14px}
}


/* 수정,입력 페이지  */
/* .file-form-group {display:block;;}
.form-previewbox {display:inline-block; width:auto; }
.form-group__upload {display:inline-block; min-width:200px;}
.form-input__addon {display:block; width:100%;margin:5px 0 0;}
#eventContent {height:200px;}

@media only screen and (max-width:767px){
	.form-previewbox {display:block; width:100%;}
	.form-group__upload{display:block; width:100%;margin:5px 0 0;}
	.form-group__upload textarea {width:100%;}
} */

.program--search {margin:0 0 30px;}
.file-form-group {display:block;}
#eventContent {height:200px;}
@media only screen and (max-width:767px){
	.form-previewbox {display:block; width:100%;}
	.form-group__upload{display:block; width:100%;margin:5px 0 0;}
	.form-group__upload input {width:100%;}
	.form-group__upload textarea {width:100%;}
	.form-input__addon {display:block; width:100%; margin:5px 0 0;}
}






/***************** 250718 행사정보 게시판 > 상세 페이지에 이미지 영역 추가 : s *****************/
.bbs--view.crse_banner .crse-text-group {padding: 0 313px 0 0;}
.bbs--view.crse_banner .crse-img-group {position: absolute; right: 40px; top: 40px; display: block; width: 277px; height: 315px;}
.bbs--view.crse_banner .crse-img-group .inner {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.bbs--view.crse_banner .crse-img-group .inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: auto; height: 100%; max-width: none; max-height: none;}

@media (max-width: 1200px) {
	.bbs--view.crse_banner .crse-text-group {padding: 0 262px 0 0;}
	.bbs--view.crse_banner .crse-img-group {width: 222px; height: 252px;}
}

@media (max-width: 1023px) {
	.bbs--view.crse_banner .crse-text-group {padding: 0 313px 0 0;}
	.bbs--view.crse_banner .crse-img-group {width: 277px; height: 315px;}
}

@media (max-width: 860px) {
	.bbs--view.crse_banner .crse-text-group {padding: 0 262px 0 0;}
	.bbs--view.crse_banner .crse-img-group {width: 222px; height: 252px;}
}

@media (max-width: 767px) {
	.bbs--view.crse_banner {padding-top: 40px;}
	.bbs--view.crse_banner .crse-text-group {padding: 0;}
	.bbs--view.crse_banner .crse-img-group {position: relative; right: auto; top: auto; margin: 0 auto; transform: none; width: 100%; height: auto;}
	.bbs--view.crse_banner .crse-img-group .inner img {position: relative; left: auto; top: auto; transform: none; width: 100%; height: auto;}
}

@media (max-width: 540px) {
	.bbs--view.crse_banner {padding-top: 15px;}
}
/***************** 250718 행사정보 게시판 > 상세 페이지에 이미지 영역 추가 : e *****************/