@CHARSET "UTF-8";
/* 기본버튼  + 기본버튼 아이콘 */
.btn{color:#fff; font-size:12px; font-weight:600; display:inline-block; vertical-align:middle; background-color:#000; padding:0px 12px; border-radius:3px; cursor:pointer; box-sizing:border-box; line-height:28px; height:28px; }
.btn:before{font-family:'Font Awesome 5 Free'; font-weight:900; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; text-rendering:auto; line-height:1; margin-right:5px;} 
.btn:after{font-family:'Font Awesome 5 Free'; font-weight:900; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; text-rendering:auto; line-height:1; margin-left:5px;} 

/* https://fontawesome.com/icons?d=gallery&m=free 에서 icon 확인 선택가능 */
/* 목록버튼 */ .btn.list:before{content:"\f0c9";}
/* 수정버튼 */ .btn.edit:before{content:"\f044";}
/* 삭제버튼 */ .btn.delete:before{content:"\f2ed"; font-weight:400;}
/* 저장버튼 */ .btn.save:before{content:"\f00c";}
/* 이전버튼 */ .btn.prev:before{content:"\f0e2";}
/* 다음버튼 */ .btn.next:before{content:"\f061";}
/* 답글버튼 */ .btn.reply:before{content:"\f3e5";}
/* 할당버튼 */ .btn.share:before{content:"\f064";}
/* 검색버튼 */ .btn.search:before{content:"\f002";}
/* 추가버튼 */ .btn.add:before{content:"\f067";}
/* 취소버튼 */ .btn.cancel:before{content:"\f05e";}
/* 다운로드 */ .btn.download:before{content:"\f019";}
/* 업로드   */ .btn.upload:before{content:"\f093";}
/* 이메일   */ .btn.email:before{content:"\f0e0";}
/* 과제선택 */ .btn.task:before{content:"\f0ae";}
/* 상세버튼 */ .btn.detail:before{content:"\f05a";}
/* 전송버튼 */ .btn.send:before{content:"\f14d";}
/* 예약버튼 */ .btn.reserv:before{content:"\f274"; font-weight:400;}
/* 미리보기 */ .btn.preview:before{content:"\f06e"; font-weight:400;}
/* 이동버튼 */ .btn.move:after{content:"\f054";}
/* 관리버튼 */ .btn.manage:before{content:"\f013";}
/* 초기화버튼 */ .btn.init:before{content:"\f12d";}
/* 초기화버튼 */ .btn.minus-square:before{content:"\f146";}


/* 기본 background color */
.b_bc{background-color:#df3128;}


/* 기본 font-color */
.b_fc{color:#df3128;}

/* 기본 border-color */



/* 숨김(공간O)  */
.hide {visibility: hidden; }

/* 숨김(공간X) */
.none {display:none;}

/* a coursor */
a{cursor:pointer;}

/* input readonly  */
input[disabled], input[readonly]{cursor:not-allowed; background:#f5f5f5; color:#777;}

/* select disabled */
select[disabled]{cursor:not-allowed; background-color:#f5f5f5; color:#777;}

/* datepicker input */
input.datepicker-calendar,
input[disabled].datepicker-calendar,
input[readonly].datepicker-calendar
{
	cursor: pointer;
	background:#fff;
	min-width:100px;
	padding-right:25px !important;
	background-image : url('/resources/images/gist/sub/icon_calendar.gif');
	background-repeat : no-repeat;
	background-position : right center;
}

/* 기본 인풋박스 */
.b_input{box-sizing:border-box; font-size:12px; vertical-align:middle; padding:0 5px; height:28px; line-height:27px;}

/* 기본 셀렉스 */
.b_select{box-sizing:border-box; font-size:12px; vertical-align:middle; padding:0 5px; height:28px; line-height:27px;}

/* 기본 버튼 감싸는 div */
.btn_wrap{margin:10px 0; text-align:right;}

/* 기본 강조 표시 */
.s_txt{font-size:13px; font-weight:600; color:#333; line-height:18px; vertical-align:middle;}

/* 강조 표시 (체크아이콘) */
.check.s_txt:before{
	font-family:'Font Awesome 5 Free'; font-weight:900; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; 
	font-style:normal; text-rendering:auto; margin-right:5px; content:"\f00c"; line-height:18px;
}

label.s_txt{font-size:11px;}
.s_txt.check{margin-bottom:10px;}


/* 텍스트 ... 처리 */
.text_ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* progress bar */
div.progress{
	width: 100%;
	height: 10px;
	border-radius:20px;
	overflow : hidden;
	margin-top : 5px;
	background-color:#f5f5f5;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-sizing:border-box;
}

div.progress > .bar{
	height:100%;
	animation : progress-bar-stripes 2s linear infinite;
	background-color : #149bdf;
	background-image : linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size : 40px 40px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	display:inline-block;
}

@Keyframes progress-bar-stripes{
	0%{background-position:40px 0;}
	100%{background-position:0 0;}
}


/*
.top_search_box {width:100%; background:#df3128; text-align:center; padding: 20px 0; margin-bottom:10px;}
.top_search_box .search_wrap{margin:0 auto; }
.top_search_box .search_wrap  select{vertical-align:top;}
.top_search_box .search_wrap  input[type=text]{vertical-align:top;}
.top_search_box .search_wrap  a{vertical-align:top;}

.board_list{border-top:2px solid #df3128; width:100%; border-collapse:collapse; table-layout:fixed;}
.board_list tr > th{border-bottom:1px solid #999; color:#111; font-size:13px; padding:18px 0; text-align:center; font-weight:600; position:relative;}
.board_list tr > th:after{content:""; display:inline-block; position:absolute; width:1px; height:12px; background:#ccc; right:0px; top:50%; margin-top:-6px;}
.board_list tr > th:last-child:after{content:none;}
.board_list tr > td{border-bottom:1px solid #d9d9d9; font-size:13px; padding:18px 10px; text-align:center;}
.board_list tr > td.tit{text-align:left;}
.board_list tr > td a{font-size:13px;}
.board_list tr > td.tit a{color:#242424;}

.board-btn-wrap{}
.board-btn-wrap:after{content:""; display:block; clear:both;}
.board-btn-wrap .btn{float:right; margin-left:8px;}
*/

ul.board_read{border-top:2px solid #df3128; width:100%; margin:0 0 15px 0; table-layout:fixed;}
ul.board_read > li{border-bottom:1px solid #999}
ul.board_read > li > h1{padding:15px 0 15px 15px; font-size:15px; font-weight:600; color:#111;}
ul.board_read > li  div.ct{width:100%; overflow-x:hidden; overflow-y:auto; max-height:500px; padding:15px; box-sizing:border-box;}
ul.board_read > li > dl{border-top:1px dashed #d9d9d9; padding:15px 0 15px 15px;}
ul.board_read > li > dl:after{content:""; display:block; clear:both;}
ul.board_read > li > dl > dt{float:left; height:14px; font-size:12px; line-height:12px; color:#333; font-weight:600;}
ul.board_read > li > dl > dt:after{content:":"; display:inline-block; margin:0 6px;}
ul.board_read > li > dl > dd{float:left; height:14px; font-size:12px; line-height:12px; padding-right:15px; margin-right:15px; position:relative;}
ul.board_read > li > dl > dd:after{content:""; display:inline-block; position:absolute; width:1px; height:10px; background:#ccc; right:0px; top:50%; margin-top:-5px;}
ul.board_read > li > dl > dd:last-child:after{content:none;}
ul.board_read > li .qa{font-size:13px; font-weight:600; color:#333; margin:0 0 20px 0;}

.board_next{width:100%; border:1px solid #999; border-left:none; border-right:none;}
.board_next tr{cursor:pointer;}
.board_next tr > th{font-weight:600; border-bottom:1px solid #d9d9d9; padding:15px; position:relative;}
.board_next tr > th:after{content:""; display:inline-block; position:absolute; width:1px; height:12px; background:#ccc; right:0px; top:50%; margin-top:-6px;}
.board_next tr > td{border-bottom:1px solid #d9d9d9; padding:15px;}
.board_next tr:last-child th{border-bottom:none;}
.board_next tr:last-child td{border-bottom:none;}




/*************** 기본 테이블 [Form 형식] ******************/
.t_form{width:100%; border-top:2px solid #000; border-bottom:1px solid #999; table-layout:fixed;}
.t_form > tbody > tr{height:45px; box-sizing:border-box;}
.t_form > tbody > tr > th,
.t_form > thead > tr > th{padding:7px 10px; vertical-align:middle; font-weight:600; color:#333; border-bottom:1px solid #d9d9d9; background-color:#f6f6f6; box-sizing:border-box; text-align:left;}
.t_form > tbody > tr > td{padding:7px 10px; vertical-align:middle; color:#666; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.t_form > tbody > tr:last-child > th,
.t_form > thead > tr:last-child > th{border:none;}
.t_form > tbody > tr:last-child > td{border:none;}
.t_form > tbody > tr > td > select{
	-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(/resources/images/common/icon_select.gif) calc(100% - 8px) center no-repeat; 
	width:auto; min-width:80px; padding:2.5px 25px 2.5px 10px; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:2px;
}
.t_form > tbody > tr > td > select::-ms-expand {display: none;}	
.t_form > tbody > tr > td > input[type=text],
.t_form > tbody > tr > td > input[type=password]{height:30px; padding:5.5px; box-sizing:border-box; border-radius:2px;}


/************** 기본 테이블 [List 형식] *******************/
.t_list{width:100%; border-top:2px solid #1c1c1c; table-layout:fixed;}
.t_list > tbody > tr{box-sizing:border-box;}
.t_list > tbody > tr > th,
.t_list > thead > tr > th{padding:0px; height:40px; line-height:40px; vertical-align:middle; font-weight:600; color:#333; border-bottom:1px solid #d9d9d9; background-color:#f7f7f7; box-sizing:border-box; position:relative; text-align:center;}
.t_list > tbody > tr > th:after,
.t_list > thead > tr > th:after{content:""; display:inline-block; position:absolute; width:1px; height:14px; background:#ccc; right:0px; top:50%; margin-top:-7px;}
.t_list > tbody > tr > th:last-child:after,
.t_list > thead > tr > th:last-child:after{content:none;}
.t_list > tbody > tr > td{padding:0px 10px; height:40px; vertical-align:middle; color:#666; border-bottom:1px solid #d9d9d9; box-sizing:border-box; text-align:center;}
.t_list > tbody > tr > td.tit{text-align:left;}

/************** 기본 테이블 [search 형식] ******************/
.t_search{width:100%; border-top:2px solid #000; table-layout:fixed;}
.t_search > tbody > tr{box-sizing:border-box;}
.t_search > tbody > tr > th,
.t_search > thead > tr > th{padding:8px 0px; vertical-align:middle; font-weight:600; color:#333; border-bottom:1px solid #d9d9d9; background-color:#f7f7f7; box-sizing:border-box; text-align:center;}
.t_search > tbody > tr > td{padding:8px 10px; vertical-align:middle; color:#666; border-bottom:1px solid #d9d9d9; box-sizing:border-box; text-align:left;}
.t_search > tbody > tr > td > select{
	-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(/resources/images/common/icon_select.gif) calc(100% - 8px) center no-repeat;
	width:auto; max-width:100%; min-width:80px; padding:2.5px 25px 2.5px 10px; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:2px;
}
.t_search > tbody > tr > td > select::-ms-expand {display: none;}		
.t_search > tbody > tr > td > input[type=text]{height:30px; padding:5.5px; box-sizing:border-box; border-radius:2px;}

/************** 기본 테이블 [기본 형식] ******************/
table.t_gray { width: 100%; border: 1px solid #d2d2d2; border-top: 2px solid #1c1c1c; table-layout:fixed; border-collapse:collapse; }
table.t_gray th { background: none repeat scroll 0 0 #f7f7f7; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; vertical-align: middle; line-height: 25px; font-weight: bold; height: 32px; color: #1c1c1c;}
table.t_gray td { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: left; vertical-align: middle; padding: 7px; background:#fff; line-height:18px;}
table.t_gray td a img {margin-left: -4px;}
table.t_gray td img {margin-left: -4px;}
table.t_gray td img.deliName {margin-left: 22px;}
table.t_gray td.inT01 {background-color: #f2f3f6; }
table.t_gray th.pdx {padding: 0;}
table.t_gray td input[type=radio], table.t_gray tbody td input[type=checkbox]{vertical-align:middle;}
table.t_gray td input[type=radio] + label, table.t_gray tbody td input[type=checkbox] + label{vertical-align:middle; margin-right:10px;}
table.t_gray td input{height:25px; line-height:25px; padding:0 4px;}
table.t_gray td select{height:25px; line-height:25px; padding:0 4px;}
table.t_gray.td_center td{text-align:center;}
table.t_gray td.l{text-align:left;}
table.t_gray td.c{text-align:center;}
table.t_gray td.r{text-align:right;}

/****************** 기본 테이블 [지스트 스타일] **********************/
table.t_red{width: 100%; border-top: 2px solid #000; table-layout:fixed; border-collapse:collapse;}
table.t_red > thead > tr > th, 
table.t_red > tbody > tr > th{background-color:#f7f7f7; border:1px solid #ccc; text-align:center; vertical-align:middle; line-height:25px; font-weight:600; color:#333;}

table.t_red > thead > tr >td, 
table.t_red > tbody > tr >td{border:1px solid #ccc; text-align:left; vertical-align:middle; padding:7px; background-color:#fff; line-height:25px; font-weight:500;}

table.t_red.td_center > thead > tr > td,
table.t_red.td_center > tbody > tr > td{text-align:center;}
table.t_red.td_right > thead > tr > td,
table.t_red.td_right > tbody > tr > td{text-align:right;}

table.t_red > thead > tr > td input, 
table.t_red > tbody > tr > td input{height:25px; line-height:25px; padding:0 4px;}
table.t_red > thead > tr > td select, 
table.t_red > tbody > tr > td select{height:25px; line-height:25px; padding:0 4px;}

table.t_red > thead > tr > th:FIRST-CHILD,
table.t_red > tbody > tr > th:FIRST-CHILD{border-left:none !important;}
table.t_red > thead > tr > th:LAST-CHILD,
table.t_red > tbody > tr > th:LAST-CHILD{border-right:none !important;}
table.t_red > thead > tr > td:FIRST-CHILD,
table.t_red > tbody > tr > td:FIRST-CHILD{border-left:none !important;}
table.t_red > thead > tr > td:LAST-CHILD,
table.t_red > tbody > tr > td:LAST-CHILD{border-right:none !important;}



/******************* 일반입력폼 ***********************/
.form_content_wrap{width:100%; padding:10px; border:1px solid #ccc; font-size:12px;}
.form_content_wrap .box{padding:6px 10px; border:1px solid #d9d9d9;}
.form_content_wrap .section{margin-bottom:30px;}
.form_content_wrap .section:LAST-OF-TYPE{margin-bottom:0px;}
.form_content_wrap .list{margin-bottom:10px;}
.form_content_wrap .list:LAST-OF-TYPE {margin-bottom:0px;}

.form_content_wrap .title{background:url(/resources/images/gist/admin/title_dot.gif) 0 2px no-repeat; background-size:10px 10px; color:#333; font-size:15px; line-height:16px; font-family:'Nanum Barun Gothic'; margin-bottom:10px; text-indent:15px;}
.form_content_wrap .sub_title{display:inline-block; color:#333; font-size:12px; line-height:20px; font-weight:600; font-family:'Nanum Barun Gothic'; position:relative; margin-right:5px;}
.form_content_wrap .sub_title::BEFORE{content:"·"; display:inline-block; margin-right:3px; font-weight:900;}
.form_content_wrap .txt{font-size:13px; line-height:18px;}

.form_content_wrap label{vertical-align:middle; line-height:25px; margin-right:15px;}
.form_content_wrap input[type=text]{vertical-align:middle; width:auto; height:24px;}
.form_content_wrap input[type=checkbox]{margin-right:1px;}
.form_content_wrap input[type=radio]{margin-right:1px;}
.form_content_wrap select{vertical-align:middle;}
.form_content_wrap span{vertical-align:middle; line-height:24px;}
.form_content_wrap textarea{width:100%; height:60px; max-height:100px; overflow:auto; resize:none; padding:5px;}

.form_content_wrap table.t_gray th{height:30px;}
.form_content_wrap table.t_gray td{padding:5px;}


/******************* 마진값 ***********************/
.mgt5 {margin-top: 5px;}
.mgt8 {margin-top: 8px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt30 {margin:30px 5px 5px 5px;}
.mgl30 {margin-left: 30px;}

/******************* 그리드 ***********************/
.box1 {border: 1px solid #000;}
.box2 {border: 1px solid #d2d2d2;}

/******************* 화면 Layout ***********************/
.conDiv { position: relative; width: 98%; margin: 20px auto;}


/***************** width 퍼센트 ***********************/
.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}


/********************* 기본 타이틀 ************************/
.b_title {    
    color: #131313; font-size: 17px; margin-bottom: 10px; text-indent: 16px; position: relative
}
.b_title::before {
	content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; background: #fff; top: 3px; left: 0px; border-radius: 50%; border: 3px solid #1c1c1c;
}

/*********************** 기본 탭 ***************************/
.b_tab{width:100%; overflow:hidden;}
.b_tab li{display:inline-block; float:left; background-color:#fff; border:1px solid #df3128; border-right:none; text-align:center;}
.b_tab li:LAST-OF-TYPE{border-right:1px solid #df3128;}
.b_tab li.on{background-color:#df3128; }
.b_tab li a{display:inline-block; font-size:16px; font-weight:500; width:100%; height:100%; padding:12px;}
.b_tab li.on a{color:#fff;}


.simpleCountDownWrap{display:inline-block; font-size:20px; font-weight:600; vertical-align:middle;}
.simpleCountDownWrap i{display:inline-block; font-size:16px; background-color:#df3128; color:#fff; padding:0px 15px; line-height:30px; border-radius:5px;}


table.t_gray td.empty_td{text-align:center; padding:10px; font-weight:600;}

/************CKEDITOR***********/
div.ck-balloon-panel_visible{
	z-index:9999 !important;
}