@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean&display=swap");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css?subset=korean&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* 폼공통 */

h2.bbs_title {height:40px;text-align:center;width:100%;}
.admin_bbs {text-align:center;width:100%;}

/*table style*/

/* bbs-list ====================================================================================*/
.bbs-list-table { border-top:2px solid #444; border-bottom:1px solid #ddd; }
.bbs-list-table thead tr th { text-align:center; border-bottom:2px solid #ddd; background-color:#f9f9f9;  font-size:15px; font-weight:normal; padding:15px 8px; }
.bbs-list-table tbody tr td { vertical-align:middle; padding-top:15px; padding-bottom:15px; }
.bbs-list-table tbody tr td.subject img { margin:0 2px; }
.bbs-list-table tbody tr td a.ca_name { color:#999; font-size:12px; }
.bbs-list-table tbody tr td a.ca_name:before { content:'['; }
.bbs-list-table tbody tr td a.ca_name:after { content:']'; }
.bbs-list-table tbody tr td.lt {
    text-align: left;
}
.bbs-list .item-box { position:relative; overflow:hidden; display:block; margin:15px; }
.bbs-list .item-box .label { position:absolute; right:15px; top:15px; }
.bbs-list .item-box a { 
	display:block; height:150px; padding:20px 30px; vertical-align:middle; background-color:#f6f6f6; border:1px solid #f7f7f7; border-bottom:3px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.bbs-list .item-box a h4 { font-size:16px; }
.bbs-list .item-box a h5 { font-size:12px; color:#999; }
.bbs-list .item-box a h5 span { color:#999; }

.bbs-list-table-ul {   }
 .atop1 {border-top:2px solid #FC8F32; }
.atop2 {border-bottom:1px solid #ddd; }
.bbs-list-table-ul li {
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
    display:flex; align-items:top; justify-content:start; padding:15px 0; cursor:pointer;

}
.ul_style3 li.center{text-align:center; padding: 8px 0px;   line-height: 1.42857143;padding-top: 15px;
    padding-bottom: 15px;list-style-type: none;WIDTH:100%;
	}
.bbs-list-table-ul li.center{text-align:center; padding: 8px;   line-height: 1.42857143;padding-top: 15px;
    padding-bottom: 15px;list-style-type: none;WIDTH:100%;display:block}

.bbs-list-table-ul li div.li-subject {width:100%;padding: 8px 8px 8px 30px;   line-height: 1.42857143;}
.bbs-list-table-ul li span {padding: 8px;    line-height: 1.42857143;}
.bbs-list-table-ul li span.num {width:70px;text-align:center;}
.bbs-list-table-ul li span.num2 {width:70px;text-align:center;padding: 4px 8px 0px;}


.bbs-list-table-ul li span.bbutom31 {border:1px solid #FC8F32;font-size:14px;color:#FC8F32;border-radius: 10px;padding:4px 10px;line-height:1;margin-right: 10px;}

.bbs-list-table-ul li span > span.bbutom21 {background:#FF902E;color:#FFFFFF;border-radius: 10px;padding:7px 10px;line-height:1}

.bbs-list-table-ul li span.name {width:120px;text-align:center; padding:8px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.bbs-list-table-ul li span.date {width:120px;text-align:center; padding:8px 10px;}
.bbs-list-table-ul li span.ht {width:70px;text-align:center;}
.write_top{ border-top:2px solid #DCDCDC;padding-top:20px;}
.bbs-view { text-align:left;    border-bottom: 1px solid #DDDDDD;}
.bbs-view .subject { padding-bottom:10px; }
.bbs-view .subject2 { padding-bottom:10px; font-size:14px;}


.view_content {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background:#F7F7F7;
	padding:45px 0px 45px 40px;
}
.view_subject {color:#000000;font-size:22px;letter-spacing:-1px;}
.view_date {padding-bottom:17px;color:#818181;font-size:14px;}
.view_name {padding-top:17px;color:#444444;font-size:16px;}
.view_link  {padding-top:10px;color:#818181;font-size:14px;}

.view_name2  {color:#000000;font-size:18px;text-align: center;}
.view_subject2 {padding-top:17px;color:#F39229;font-size:16px;letter-spacing:0px;text-align: center;font-weight:bold}


@media (max-width: 767px) {
	.view_content {
		padding:10px 5px 10px 15px;
	}

	.view_subject {font-size:16px}
	.view_date {padding-bottom:17px;font-size:12px;}
	.view_name {padding-top:17px;font-size:12px;}
	.view_link  {padding-top:10px;font-size:12px;}

	.view_name2 {padding-top:10px;font-size:16px;}
	.view_subject2 {padding-top:10px;font-size:14px;font-weight:bold}


	.bbs-list-table-ul li{display:block;padding:8px 0 12px 0; line-height: 1.8; }
	.bbs-list-table-ul li span.bbutom31 {font-size:12px;padding:1px 5px;margin-right:3px;border-radius:5px;}
	.bbs-list-table-ul li div.li-subject {padding:3px 2px 2px;margin-bottom: 10px;}
	.bbs-list-table-ul li span.name {	font-size:13px;width:auto;padding-left:2px;padding-right:0px; }
	.bbs-list-table-ul li span.name:after{ content:' | '; }
	.bbs-list-table-ul li span.date {font-size:13px;width:auto;padding-left:2px; color:#919191}

}
/* galler_top ====================================================================================*/
.galler_top .item { position:relative; overflow:hidden; display:block; margin:5px 0px 0px; }
.galler_top .item img {width:98%;height:180px;}
.galler_top .item .icon { position:absolute; top:15px; right:23px; z-index:2; font-size:24px; color:#fff; opacity:.7; }
.galler_top .item-photo {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.galler_top .item-mask {
	position:absolute; width:96%; height:100%; top:0; left:5px; opacity:0; visibility:hidden; overflow:hidden;border-radius: 5px;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.galler_top .item-caption {
	position:absolute; bottom:-40px; left:0px; padding:0 5px; width:100%;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.galler_top .item-caption .subject { color:#fff; margin:0; font-size:16px;text-align:left;    padding-left: 10px;font-weight: 300;letter-spacing:-1px; }
.galler_top .item-caption .date { color:#ddd; margin-top:5px; font-size:12px; }

.galler_top .item:hover .item-photo { transform: scale(1.1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.galler_top .item:hover .item-mask { opacity:1; visibility:visible; }
.galler_top .item:hover .item-caption { bottom:15px; }

.galler_top .item-text .subject { margin:0; font-size:16px; }
.galler_top .item-text .date { color:#999; margin-top:5px; font-size:12px; }

 @media (max-width: 768px) {
.galler_top .item-mask { position:relative; opacity:1; visibility:visible; background-color:transparent; height: auto; }
.galler_top .item-caption { position:relative; bottom:0; padding:10px 0; }
.galler_top .item-caption .subject { color:inherit; margin:0; font-size:14px;padding-left:0px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;}
.galler_top .item-caption .date { color:#777; }

.galler_top .item:hover .item-photo { transform:none; transition:none; }
.galler_top .item:hover .item-caption { bottom:0; }

.mb-xs-30 {		margin-bottom: 0px !important;	}

.galler_top .item img {width:95%;height:125px;}

}

.bbs-wrapper { margin:0 auto; text-align:left;}
.sound_only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.msg_sound_only { font-weight:normal; color:#f00; }
.mt-10 {
    margin-top: 10px !important;
}
.mt-30 {
    margin-top: 30px !important;
}

#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border-bottom:0;}
#captcha .captcha_imgs {width:162px; height:62px; border:1px solid #eee; vertical-align:top;}
#captcha .captcha_mp31 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha .captcha_mp31 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha .captcha_reload1 {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat 0 -30px;text-indent:-999px}
#captcha .captcha_box1 {margin:0 0 0 30px;width:90px;height:62px; line-height:62px;font-size:18px;font-weight:bold;text-align:center; border:1px solid #ccc;}
#captcha #captcha_info {display:block;margin:5px 0 0; color:#737373; }

.pg_wrap { clear:both; margin:0; padding:0; text-align:center; }
.pg { margin:0; padding:0; display:block; }
.pg a, .pg_current { margin:0 1px; padding:9px 15px; display:inline-block; color:#000; line-height:1; border:1px solid #d7d7d7; border-radius:4px; }
.pg a:hover, .pg_current { background:#7b7b7b; color:#fff; }
.pg_start, .pg_prev { margin:0; padding:0;}
.pg_end, .pg_next { margin:0; padding:0; }
.form-horizontal .control-label {box-sizing: border-box;}
.col-sm-10,.col-md-4,.col-md-6,.col-md-8 {
    box-sizing: border-box;
}

@media (max-width: 767px) {
	.mt-xs-15 {
		margin-top: 15px !important;
	}
}
.pagination {
        clear: both;
    display: block;
    padding-top: 20px;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}


.bbs-view .ca-name { color:#999; padding-left:5px; position:relative; }
.bbs-view .ca-name:before { content:'['; }
.bbs-view .ca-name:after { content:']'; }
.bbs-view .photo { margin:15px 0; text-align:center; }
.bbs-view .photo a { margin-bottom:20px; }
.bbs-view .photo .caption { margin:10px 0 0 0; }
.bbs-view .content { margin:15px auto; line-height:160%; word-break: break-all;}
.bbs-view .content-box { 
	margin:15px auto 25px auto; background-color:#f6f6f6; padding:20px 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.bbs-view-file { background-color:#f7f7f7; padding:20px 15px; }
.bbs-view-file ul { margin:0; padding:0; list-style:none;}
.bbs-view-file ul li {line-height:25px;}
input[type="text"].form-control  { 
height:34px;
}
input[type="file"].form-control  {
	height:34px;
        padding: 0 10px;
}
input[type="password"].form-control  {
height:34px;
}

.wid5 {width:38.6%;float:left;}
input[type="text"].wid5{width:50%;float:left;margin-left:10px;}


.form-horizontal .control-label {
	box-sizing: border-box;
	height: 50px;
	text-align:center;
	line-height: 35px;
    background: #F7F7F7;
}

.form-horizontal .form-group {
   display: block !important;
    margin: 0px;
    padding: 0px;
	background:#FFFFFF;
    border-top: 1px solid #DCDCDC;
}
.col-sm-10, .col-sm-4, .col-sm-2 {
    box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}
.form-horizontal .hech {    
	height: 100px;
    line-height: 73px;
	border-bottom: 1px solid #DCDCDC;
}
.form-horizontal .hech2 {    
	padding-bottom: 6px;
	border-bottom: 1px solid #DCDCDC;
}


.btom {border:0px}


.okbtn{
	display: inline-block;
    padding: 16px 40px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
	float:right;
    border: 0px;
    border-radius: 1px;
	background:#FF902E;
	color:#FFFFFF;
}
.listbtn{
	display: inline-block;
    padding: 16px 40px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
	float:left;
    border: 0px;
    border-radius: 1px;
	BACKGROUND:#5A5D6E;
	COLOR:#FFFFFF;
	}


	.viewlistbtn{
	display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
	margin-left:5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 0px;
    border-radius: 1px;
	BACKGROUND:#5A5D6E;
	COLOR:#FFFFFF;
	}

	.viewprebtn{
	display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
	margin-left:5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 0px;
    border-radius: 1px;
	BACKGROUND:#9a9a9a;
	COLOR:#FFFFFF;
	}
	.viewreplybtn{
	display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
	margin-left:5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 0px;
    border-radius: 1px;
	BACKGROUND:#FF902E;
	COLOR:#FFFFFF;
	}

.icon_new{vertical-align: top;padding-top: 3px;}
.icon_reply {margin-right:10px;}
.view_b1 {width:50%;float:left;text-align:left;padding-top: 20px;}
.view_b2 {width:50%;float:right;text-align:right;padding-top: 20px;}


@media (max-width: 768px) {
.icon_reply {width:60px;vertical-align: top;    padding-top: 2px;margin-right:5px;}
.okbtn{ padding: 8px 20px;float:none;margin-left:10px;}
.listbtn{ padding: 8px 20px;float:none;}

.viewlistbtn{ padding: 8px 16px;float:none;margin-left: 1px;}
.viewprebtn{ padding: 8px 16px;float:none;margin-left: 1px;}
.viewreplybtn{ padding: 8px 16px;float:none;margin-left:1px;}


.btom {border-top: 2px solid #DCDCDC;}
.form-horizontal .control-label {
	box-sizing: border-box;
	height: 30px;
	text-align:center;
	line-height: 1;
    background: #FFFFFF;
	 padding-top: 10px;
	padding-bottom: 5px;

}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0px;
	line-height: 20px;
}

.form-horizontal .form-group {
   display: block !important;
    margin: 0px;
    padding: 0px;
    border-top: 0px;
}
.col-sm-10, .col-sm-4, .col-sm-2 {
    box-sizing: border-box;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom: 2px;
	line-height: 35px;
}
.form-horizontal .hech {    
	height: 25px;
    line-height: 1;
	border-bottom: 0px;
}
.form-horizontal .hech2 {    
	padding-bottom: 6px;
	border-bottom: 0px;
}



}





.bbutom2 {background:#FF902E;color:#FFFFFF;border-radius: 10px;padding:2px 10px;}
.bbutom3 {display:none;background:#FF902E;color:#FFFFFF;border-radius: 10px;padding:2px 10px;}

.bbutom {background:#FF902E;color:#FFFFFF;border-radius: 15px;padding:2px 20px;}
/*===========================================================================================*/
.btn-black, .btn-black:hover, .btn-black:focus { background-color: rgba(0,0,0,1); border-color: transparent; color: #eee; }
.btn-gray, .btn-gray:hover, .btn-gray:focus { background-color:#9a9a9a; border-color: transparent; color: #fff; }
.btn-navy, .btn-navy:hover, .btn-navy:focus { background-color:#3f4659; border-color: transparent; color: #fff; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity:0.4; }

.nnotice a {font-size:16px}

.vote-item { margin-top:20px; }
.vote-item sup { color:#f00; }
.vote-item em { font-size:12px; }
.vote-item ol { list-style:none; padding-left:18px; }
.vote-item ol li label { font-weight:normal; }
.vote-item span.label { font-size:11px; font-weight:normal; }

.qna_list{
	width:100%;
	height:auto;
	position:relative;
	display:inline-block;
	margin-top:10px;
	margin-bottom:30px;
	text-align:center;
	border-top:2px solid #FC8F32;
}

.qna_row01{
	width:110px;
	height:60px;
	border-bottom:1px solid #ddd;
	font-size:18px;
	font-weight:400;
	line-height:58px;
	right:0;
	color:#FF8730;
	font-weight:bold;
	display:inline-block;
	float:left;

}

.qna_row02{
	width:calc(100% - 110px);;
	height:60px;
	border-bottom:1px solid #ddd;
	font-size:16px;
	font-weight:400;
	line-height:58px;
	right:0;
	color:#555;
	text-align:left;
	display:inline-block;
	float:left;
}

.qna_row02:hover{color:#08b2f5; cursor:pointer;}

.qna_q{
	width:20%;
	height:80px;
	font-size:16px;
	line-height:78px;
	right:0;
	font-weight:300;
	color:#555;
	cursor:pointer;
	border-bottom:1px solid #ddd;
	display:inline-block;
	float:left;
}
.atitlex {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;padding-left:0px;letter-spacing:-1px;font-size:14px;}

.qna_a span.atitlex{
	font-size:18px;
	width:110px;
	text-align:center;
	
	font-weight:bold;
	color:#555;
	padding-top:5px;
	float:left;
}

.qna_open{
	width:calc(100% - 110px);;
	height:auto;
	font-size:16px;
	line-height:28px;
	margin-left:110px;
	font-weight:300;
	color:#555;
}
.qna_a{
	width:100%;
	height:auto;
	background:#F7F7F7;
	text-align:justify;
	display:block;
	padding:20px 0px;
	float:left;
	word-break:break-all;
}

.qna_a{border-bottom:1px solid #ddd;}



ul.ul_style3 li{float:left;width:23%; text-align:center;/*padding-bottom:10px;*/ position:relative; margin-bottom:10px;}
/*ul.ul_style3 li img {padding-bottom:5px;max-width:98%;}*/



ul.ul_style3 li .date2 {padding-top:0px;    margin-top:0px;    font-size: 15px;text-align:center;padding-left:10px;color:#000000}

.atitle2 {text-align:center;padding-left:10px;letter-spacing:-1px;font-size:14px;}
.atitle3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;padding-left:10px;letter-spacing:-1px;font-size:14px;}


@media all and (min-width: 768px) and (max-width: 1024px) {
	#main_li { width:960px; }
	#main_li li{float:left;margin-right:8px;margin-left:8px;margin-bottom:16px;}
	ul.ul_style3 li{width:31.3%;}
}

.mdeio_t {
	padding: 0px;
    position: relative;
    text-align: center;
    max-width: 100%;
    display: block;
    overflow: hidden;
    height: 0px;
    padding-bottom: 56.25%;
}
.mdeio_t iframe {
	position: absolute;
    top: 0px;
    left: 5%;
    height: 100%;
    width: 90%;
}
.table>tbody+tbody {
    border-top: 1px solid #ddd;
}

.faq_icon {float:right;padding-right:15px;    padding-top: 25px;}

	.bbs-view .content img {padding-bottom:5px;padding-top:5px;max-width:100%;}
	.bbs-view .content iframe {padding-bottom:5px;padding-top:5px;max-width:100%;}


.faq_icon img {width:80%;}

ul.ul_style3 li .atitleg {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;padding-left:0px;letter-spacing:-1px;font-size:19px;margin-top:0px;color:#000000;font-weight:600}
ul.ul_style3 li .contg {white-space:pre-wrap;word-break: break-all;text-overflow: ellipsis; overflow: hidden;  height:60px;        text-overflow: clip;text-align:left;padding-left:0px;letter-spacing:-1px;font-size:16px;margin-top:20px;color:#5C5E5B; line-height: 1.2;}
ul.ul_style3 li .dateg {padding-top:0px;  font-size: 16px;text-align:left;padding-left:0px;color:#7b7b7b;margin-top:17px;}
/* ul.ul_style3 li {padding-bottom:10px;} */

.imgs {width:100%;height:200px;overflow:hidden;}
.pcont {width:100%;padding-top:12px;min-height: 100px;}
.pcont2 {padding:30px 25px;min-height: 100px;BACKGROUND:#ffffff;}

ul.ul_style3 li{margin:1%;}

.pcont3 {width:100%;padding-top:12px;min-height: 100px;}
ul.ul_style3 li .atitleg2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;padding-left:0px;letter-spacing:-1px;font-size:14px;margin-top:17px;color:#FF902A;font-weight:400}
ul.ul_style3 li .contg2 {word-break: break-all; overflow: hidden;  height:36px;;text-align:center;padding-left:10px; padding-right:10px;letter-spacing:-1px;font-size:14px;margin-top:12px;color:#5C5E5B; line-height: 1.4;}
ul.ul_style3 li .dateg2 {padding-top:0px;  font-size: 16px;text-align:center;padding-left:0px;color:#000000;margin-top:0px;}
.memostyle{ clear:both;margin-top:30px;padding:20px 40px;background:#F7F7F7;position: relative;  top: 30px;    display: inline-block;    width: calc(100% - 80px);}
#captcha .captcha_imgs2 {width:146px; height:45px; border:1px solid #eee; vertical-align:top;}
#captcha .captcha_box2 {margin:0 0 0 56px;width:110px;height:47px; line-height:45px;font-size:18px;font-weight:bold;text-align:center; }
#captcha .captcha_mp32 {position:absolute;top:7px;left:147px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha .captcha_mp32 span {position:absolute;top:0px;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha .captcha_reload2 {position:absolute;top:7px;left:173px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat 0 -30px;text-indent:-999px}

.captcha2 {margin-top:9px;background:#E3E3E3;}
.memo0{width:90%;}
.memo00 {clear:both;}
.memo1{float:left;line-height:62px;width:calc(100% - 315px);}
.memo2{float:left;width:315px;}
.memo3{width:90%;float:left;}
.memo4{float:left;cursor:pointer;width:10%;height:55px;background:#5A5D6E;color:#FFFFFF;text-align:center;line-height: 55px;}


.memostyle ul {clear:both;padding-top:20px;margin-bottom:20px;}
.memostyle ul li {border-bottom:1px solid #DCDCDC;padding-bottom:10px;padding-top:10px;}
.memostyle ul li span.memo_name {color:#000000;}
.memostyle ul li div.conts {padding-top:15px;word-break: break-all;line-height:1.2;color:#484848;} 

.memostyle ul li span.dels {color:red; float:right;padding-right:15px;cursor:pointer;}
input[type="text"].onput001 {width:70%;}
.tp1,.tp2 {float:left;width:50%;}
.mometext {display:none;}
@media (max-width: 768px) { 
	.memo0{width:100%;}
	.captcha2 {margin-top:9px;background:#F7F7F7;}
	.mometext {display:block;float:left; line-height:45px;padding-right:15px;}
	#captcha .captcha_box2 {margin:0px auto;width:100%;}
	.memostyle {margin-top:30px;padding:10px 10px;width: calc(100% - 20px);}
	.memo1{float:none;width:100%;}

	.memo3{width:100%;float:none;margin-top:10px;}
	.memo4{float:none;cursor:pointer;width:100%;margin:5px auto;height:35px;background:#5A5D6E;color:#FFFFFF;text-align:center;line-height: 35px;}


	input[type="text"].onput001 {width:60%;float:right;height:30px;}
	.tp1,.tp2 {float:none;width:100%;line-height:30px;}
	.memo2{float:none;width:100%;}

	.pcont3 {width:96%;padding-top:12px;min-height: 94px;}
	ul.ul_style3 li .atitleg2 {margin-top:10px;font-size:14px;}
	 ul.ul_style3 li .contg2 {margin-top:8px;font-size:14px;}
	 ul.ul_style3 li .dateg2 {margin-top:0px;letter-spacing:-1px; font-size:15px;}

   ul.ul_style3 li .atitleg {margin-top:0px;}
	 ul.ul_style3 li .contg {margin-top:10px;}
	 ul.ul_style3 li .dateg {margin-top:10px;letter-spacing:-1px;}
	 ul.ul_style3 li {padding-bottom:0px;}
	.faq_icon {display:none;}
	.mdeio_t iframe {		left: 0px;		width: 100%;	}
	.bbutom3 {display:inline-block;}

	.bbs-view .content img {max-width:100%;}
	.bbs-view .content iframe {max-width:100%;}

	.qna_row01 {width:35px;}
	.qna_row02 {  width: calc(100% - 35px);line-height:1.2;display: flex;    align-items: center;}
	.qna_open img {max-width:100%;}
	.qna_open iframe {max-width:100%;}
	.qna_a {padding:10px 0px;}
	.qna_open {width:calc(100% - 20px);padding-left:10px;padding-right:10px;margin-left:0px;margin-right:0px;}
	.qna_a span{
		font-size:16px;
	}

	.pcont {width:96%;}
	.pcont2 {width:100%;/* padding:12px 0px 0px */ padding:15px;box-sizing: border-box;}
	ul.ul_style3 li .date {font-size:12px;padding-left:10px;}
	.imgs {height:200px;max-width:100%;}

	ul.ul_style3 li{width:47%; margin:1.5%;}
}

@media (max-width: 580px) {
	ul.ul_style3 li{width:95%;margin:0px;padding:2%;}
} 
@media (max-width: 420px) { 
	ul.ul_style3 li .date {font-size:12px;padding-left:10px;}
	.imgs {height:160px;width:100%;}
	ul.ul_style3 li .contg{height:auto;}
	.pcont2 {min-height:auto;}
	.pcont3  {min-height:auto;}
	ul.ul_style3 li .contg2 {height:auto;}

	ul.ul_style3 li:first-child{margin-right:0px;}
	ul.ul_style3 li:nth-child(2){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(3){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(4){margin-left:0px;}
	ul.ul_style3 li:nth-child(5){margin-right:0px;}
	ul.ul_style3 li:nth-child(6){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(7){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(8){margin-left:0px;}
	ul.ul_style3 li:nth-child(9){margin-right:0px;}
	ul.ul_style3 li:nth-child(10){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(11){margin-left:0px;margin-right:0px;}
	ul.ul_style3 li:nth-child(12){margin-left:0px;}
}

.mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

table.table_file{margin-left:0px;margin-right:0px;width:100%;background:#FFFFFF;}
table.table_file caption{background:#4164b1; text-align:center; color:#fff; padding:15px 0; line-height:130%; font-weight:600}
table.table_file th{padding:10px 10px;border:1px solid #ddd; background:#f5fafe; text-align:left; }

table.table_file td{padding:10px 10px;border:1px solid #ddd; line-height:130%; color:#555;position:relative;}
table.table_file th.tit{text-align:center;}
table.table_file td.stit{background:#fafcfd;}
table.table_file th.stit{background:#fafcfd;}

table.table_file th.center {text-align:center;}


table.table_file td.nones{padding: 19px 10px;}
.calendar{position:absolute; right:10px; top:10px;}
table.table_file td.center {text-align:center}
.tx-editor-container {margin-left:0px;margin-right:0px;}

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
/*btn*/

.mt-10 {
    margin-top: 10px !important;
}

.btnWrap{text-align:center; width:100% !important;}
.btnWrap1{text-align:right; width:100% !important;}
.he10 {margin-top:10px;}
.he20 {margin-top:20px;padding-top:20px;}
.btn_free{display:inline-block; padding:15px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_free.bg1{background:#fff; border:1px solid #d3d3d3; color:#555;}
.btn_free.bg2{background:#7e7e7e;}
.btn_free.bg3{background:#1376c5;}

.btn_free5{display:inline-block; padding:15px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_free5.bg1{background:#fff; border:1px solid #d3d3d3; color:#555;}
.btn_free5.bg2{background:#7e7e7e;}
.btn_free5.bg3{background:#1376c5;}


.btn_free6{display:inline-block; padding:15px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_free6.bg1{background:#fff; border:1px solid #d3d3d3; color:#555;}
.btn_free6.bg2{background:#7e7e7e;}
.btn_free6.bg3{background:#1376c5;}



.btn_freed{display:inline-block; float:right;padding:10px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_freed.bg1{background:#fff; border:1px solid #d3d3d3; color:#555;}
.btn_freed.bg2{background:#7e7e7e;}
.btn_freed.bg3{background:#1376c5;}

.btn_free2{display:inline-block; padding:10px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_free2.bg1{float:left;width:45%;background:#fff; border:1px solid #d3d3d3; color:#555;}
.btn_free2.bg2{width:45%;background:#7e7e7e;}
.btn_free2.bg_off{cursor:pointer;width:60%;background:#000;border:1px solid #000; color:#fff;}
.btn_free2.bg_on{cursor:pointer;width:60%;background:#ffffff;border:1px solid #d3d3d3; color:#555;}

.btn_free3{display:inline-block; padding:10px 0; width:140px; font-size:14px; border:0; color:#fff; text-align:center; border-radius:4px;}
.btn_free3.bg1{width:90%;background:#fff; border:1px solid #d3d3d3; color:#555;}




.btn_free_big{display:inline-block; padding:17px 0; width:170px; font-size:16px; border:0; color:#fff; text-align:center;}
.btn_free_big.bg1{background:#1376c5;}
.btn_free_big.bg2{background:#fff; border:1px solid #9dd1fb; color:#1376c5}


.btn_free_big2{display:inline-block; padding:10px 0; width:170px; font-size:16px; border:0; color:#fff; text-align:center;}
.btn_free_big2.bg1{background:#1376c5;}
.btn_free_big2.bg2{background:#fff; border:1px solid #9dd1fb; color:#1376c5}


.btn_style3{
  color:#fff;
  outline: none;
  background: transparent;
  width:100%; 
  line-height: 2;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all .5s;
  padding:10px 0;
}

.btn_style3:before,
.btn_style3:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #259f6c;
  z-index: -1;
  transform: translate3D(0,-100%,0); 
  transition: all .5s;
}
.btn_style3:before{
  background: #ff7529; 
  z-index: -2;
  transform: translate3D(0,0,0);
}
.btn_style3:hover{color:#fff;}
.btn_style3:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}

.btn_style4{
  color:#fff;
  outline: none;
  background: transparent;
  width:120px; 
  line-height: 2;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all .5s;
  padding:10px 0;
  font-size:14px;
}

.btn_style4:before,
.btn_style4:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #21aa9d;
  z-index: -1;
  transform: translate3D(0,-100%,0); 
  transition: all .5s;
}
.btn_style4:before{
  background: #1a78d8; 
  z-index: -2;
  transform: translate3D(0,0,0);
}
.btn_style4.bg1:before{
  background: #222; 
}
.btn_style4:hover{color:#fff;}
.btn_style4:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}

/*pagecut*/
ul.pagecut{text-align:center; margin-top:50px;}
ul.pagecut li{display:inline-block; font-size:15px;}
ul.pagecut li img{vertical-align:middle;}
ul.pagecut li a{padding:0 10px;}
ul.pagecut li strong{padding:0 10px; color:#ff6600}

.search_box {background:#F7F7F7;padding:23px 50px;    display: inline-block;    width:calc(100% - 100px);margin-bottom:40px;}
.search_select { width:150px;margin-right:9px;height:67px;padding-right:10px;background-position: 90%;font-size:18px;float: left;display: inline-block;}

input[type="text"].search_input {font-size: 18px;border:1px solid #DCDCDC;border-radius:0px;width:calc(100% - 220px);padding-left:20px;height:67px;border-right:0px;float: left;display: inline-block;}
.search_button {border:1px solid #DCDCDC;border-left:0px;border-radius:0px;height:67px;background: #fff url(../../../image/sch_icon.png) no-repeat 50% 50%; 
background-size: 62%;padding-right: 5px;padding-left:5px;float: left;display: inline-block;width: 50px;}

.bbs_categori {
    position: relative;
    width: 100%;
    margin: 0 auto;
	border:1px solid #EEEEEE;
	margin-bottom:20px;
}
.bbs_categori  li {
    width: calc(100% / 4 - 5px);
	display: inline-block;
    font-size: 18px;
    margin: 0px;
	text-align:center;
	background:#FFFFFF;
	border-right:1px solid #EEEEEE;
	padding:20px 0px;
	color:#424242;
	cursor:pointer;
}
.bbs_categori  li:last-child {border-right:0px;}
.bbs_categori  li.active { background:#FF8905;color:#ffffff}

.search_box2 {background:none;padding:23px 100px;    display: inline-block;    width:calc(100% - 200px);margin-bottom:40px;}

@media screen and (max-width: 640px) {
	.search_box {background:#F7F7F7;padding:10px 5px;    display: inline-block;    width:calc(100% - 10px);margin-bottom:20px;}
	.search_box2 {background:none;padding:10px 5px;    display: inline-block;    width:calc(100% - 10px);margin-bottom:20px;}

	.search_select { width:80px;margin-right:2px;height:50px;font-size: 18px;}
	input[type="text"].search_input {width:calc(100% - 133px);height:50px;font-size: 18px;padding-left:10px;}
	.search_button {padding-right: 0px;padding-left:0px;height:50px;}

}

/*================================== 프로그램 안내의 진행/종료 처리 =====================================*/
.status-badge {
    display: inline-block;
    padding: 0.3em 0.7em; /* 버튼 크기 조절 */
    font-size: 0.85em;    /* 폰트 크기 조절 */
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.3rem; /* 버튼 모서리 둥글게 */
    margin-right: 8px;    /* 제목과의 간격 */
    color: #fff;          /* 기본 글자색 흰색 */
}

.status-in-progress {
    background-color: #28a745; /* 진행중: 녹색 계열 */
}

.status-ended {
    background-color: #dc3545; /* 종료: 적색 계열 */
}

/*================================== 프로그램 안내의 진행/종료 처리 =====================================*/