input, select, button {outline:none;cursor:pointer;}
input:focus,
select:focus { background:#FFF0F0; }

/* 버튼 모음 */
.ck_btn {
    display:inline-block;
    height:34px;
    border:1px solid #999;
    border-radius:3px;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    color: #333;
}
.ck_btn_a {
    display:inline-block;
    height:34px;
    line-height:34px;
    border-radius:3px;
    padding:0 8px;
    border:1px solid #999;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: linear-gradient(top bottom, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    color:#333;
}
.ck_btn:hover,
.ck_btn_a:hover {
    border:1px solid #0075B6 !important;
    background: #0075B6;
    background: -moz-linear-gradient(#25AFF3, #0075B6) !important;
    background: -webkit-linear-gradient(#25AFF3, #0075B6) !important;
    background: linear-gradient(#25AFF3, #0075B6) !important;
    color:#fff !important;
}
.ck_btn_cancel { vertical-align: bottom; }
.ck_btn_search {
    border:1px solid #CC1668 !important;
    background: -moz-linear-gradient(#FF7128, #CC1668) !important;
    background: -webkit-linear-gradient(#FF7128, #CC1668) !important;
    background: linear-gradient(#FF7128, #CC1668) !important;
    color:#fff !important;
}
.ck_btn_admin {
    border:1px solid #CC1668 !important;
    background: -moz-linear-gradient(#FF7128, #CC1668) !important;
    background: -webkit-linear-gradient(#FF7128, #CC1668) !important;
    background: linear-gradient(#FF7128, #CC1668) !important;
    color:#fff !important;
}
.ck_btn_write { }
.ck_btn_setup { }

/* 게시글 작성 */
#rumi_v_top { width:100%; max-width:1300px; margin:30px auto 0px auto; }
.tbl_frm01 {border:5px solid #ddd; border-top:5px solid #188FFF; }
.pull-right { margin:0 !important;}
.form-item {display:flex;flex-wrap: wrap;border-top:1px solid #ccc;border-left:1px solid #ccc;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size:14px;}
.form-item > div {display:flex;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height: 46px;align-items: center;font-size: 14px;}
.form-item .form-item-title {flex-basis: 170px;text-align: right;padding:5px 10px 5px 0;background:#eee;}
.form-item .form-item-title label {width: 100%;margin: 0px;font-weight:600;}
.form-item .form-item-content { flex-wrap: inherit; flex: 1;text-align: left;padding:0px 0;}
.form-item .form-item-content label {font-weight: normal;margin:0 !important;cursor:pointer;vertical-align: baseline;}
.form-item .form-item-content > div { width:100%; }
.form-item .option-radio-wrap { flex-basis:100%; display:block; width:100%;  }
.form-item .option-radio-wrap > label { padding-right:10px; }
.form-item .option-checkbox-wrap { margin:0; padding:0; }
.form-item .option-checkbox-wrap > li { display: inline-block; margin-right:10px; padding:0; }
.form-item textarea { outline:none; width:100%; border:1px solid #ccc; border-radius:5px; padding:20px; }
.form-item textarea:focus { background:#FFF2F2 !important;}
.form-item input[type="text"],
.form-item input[type="password"],
.form-item select { outline:none; height:46px; border:0px; padding:0 10px; width:100%; font-size:16px; vertical-align: bottom;}
.form-item input[type="text"]:focus,
.form-item input[type="password"]:focus,
.form-item select:focus { border:0px; background:#FFF2F2 !important;}
.form-item input[type="radio"],
.form-item input[type="checkbox"] { margin:0px !important;}
.form-item-tbl { margin-top:-1px; }
.cke_sc { display:none;}
.bbs-btn-wrap { width:100%; text-align: center; margin-top:20px; }
.section-title { width:100%; font-size: 22px; font-weight:600; color:#085C8C; margin-bottom:5px; border-left: 4px solid orangered; padding-left: 10px;}
.address { padding:10px; }
.address input,
.address button { height:36px !important; }
.address input { border-bottom:1px solid #ccc !important; }
.address .zipcode { width: 100px !important; }
.address .addr { width: 100%; }
.etcWrap { width:100%; padding:10px; }
.etcWrap > input { height:36px !important; width:100%; border:1px solid #ccc !important; border-radius:3px; margin-top:10px; }
.sub-title { display:block; width:100%; font-size:13px; color:#888; }
.form-control { height:42px !important; }
.hidden-form { display:none; margin-top:20px; }
.frm-inline-input { height:36px !important; border:1px solid #ccc !important; border-radius:3px; margin-top:5px; background:#FFFFCA; }

/* 임시저장글 관련 */
#autosave_wrapper { position: relative; }
#btn_autosave {position: absolute;right: 10px;top: 9px;background: #555;color: #fff;padding: 0 10px;height: 28px;line-height: 28px;border-radius: 3px;cursor:pointer; }
#autosave_pop {position: absolute;max-width:500px; right:-1px;bottom:-350px;background: #fff;border:2px solid #555;padding:20px;height:350px;overflow: auto;z-index:99;}

/* 내용 간격 초기화 */
#gall_ul {width: 100%;float: left;}
#bo_v .fa-floppy-o { font-size:20px !important; }
#bo_v_top{float: left;width: 100%;}
#bo_v_con p {margin: 0}
#bo_v_atc { border:0px solid #ccc; padding: 50px 0px; margin:20px 0 30px 0;}
#bo_v_atc p {margin: 0}
#bo_v_con { width:100%; margin:0 auto 30px auto; font-size:16px; font-weight:bold; }
#bo_v_img { width:100%; margin: 30px 0; }
#bo_v_bot { margin-top: 20px; }

/* 카테고리 */
#bo_cate_ul li {padding: 10px 0;}
#bo_cate_ul li a {border-radius: 5px;padding: 5px 10px;border: 1px solid #ddd;background: #fff;text-decoration: none;}
#bo_cate_ul li a:hover {background: #efefef;color: #000;}
#bo_cate_ul li a#bo_cate_on {font-weight: bold;background: #4f6b93;color: #fff;}

/*카테고리 라벨*/
.cate_label {border: 1px solid #ddd;padding: 3px 5px;background: #fff;font-size: 11px;}
.cate_label a:hover {color: #999;text-decoration: none;}

/* 게시판 목록 */
#bo_list .td_board {vertical-align: middle;width: 120px;text-align: center}
#bo_list .td_chk {vertical-align: middle;width: 30px;text-align: center}
#bo_list .td_date {vertical-align: middle;width: 70px;text-align: center}
#bo_list .td_datetime {vertical-align: middle;width: 110px;text-align: center}
#bo_list .td_group {vertical-align: middle;width: 100px;text-align: center}
#bo_list .td_mb_id {vertical-align: middle;width: 100px;text-align: center}
#bo_list .td_mng {vertical-align: middle;width: 80px;text-align: center}
#bo_list .td_name {vertical-align: middle;width: 115px;text-align: center;}
#bo_list .td_nick {vertical-align: middle;width: 100px;text-align: center}
o_list .td_num {vertical-align: middle;width: 50px;text-align: center}
#bo_list .td_numbig {vertical-align: middle;width: 60px;text-align: center}
#bo_list .td_subject {vertical-align: middle;}
#bo_list .td_subject a {line-height: 200%;}
#bo_list a.thumbnail:hover, a.thumbnail:focus {border: 1px solid #333;}

/* 페이징 간격 */
.panel-footer ul.pagination {margin: 0 !important;}

/*추천수 숫자 크기 */
#bo_v_act .badge {font-size: 10px;}

/* 공지사항 */
#bo_list .bo_notice {font-weight: bold;background: #FFFFE4;}

/* 게시물 마우스 오버시 배경 */
#bo_list .panel-body tbody tr:hover {background: #FAFAFA;border-left: 3px solid #000000;}
#bo_w .file-del {max-width: 200px;overflow: hidden;}
#bo_w .file-del {margin-left: -2px;border-left: 1px solid #ccc;border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* 댓글등록 버튼 */
.board_btn {height: 100%;padding: 0 20px;}

/* 웹진 노이미지 */
.photo {line-height: 110px;margin: 0;font-size: 24px;}

/* 웹진 최소이미지 크기 */
.table_photo {min-width: 150px;}

/* 갤러리 마우스오버시 */
#gall_ul .thumbnail {padding: 0;border-radius: 0;max-height: 320px;border: 1px solid #ddd;width:100%;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {height: 174px;}
#gall_ul .thumbnail a {text-decoration: none;line-height: 180%;font-size: 17px;font-weight: 600;overflow:hidden;}
#gall_ul .thumbnail a:hover {color: #999;}
#gall_ul .thumbnail .caption {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0px;color: #555555;padding: 2% 3% 0% 3%;}
.thumbnail .caption {padding: 2px 2px 3px 2px;color: rgba(51, 51, 51, 0.86);font-size: 14px;text-align: center;}
#gall_ul .thumbnail a.thumbnail {border: 0;border-bottom: 1px solid #eee; text-align: center;}
#gall_ul .thumbnail a.thumbnail:hover {box-shadow: 0 0px 0px rgba(0, 0, 0, 0);	opacity: 0.6;}
#gall_ul .thumbnail:hover {border: 1px solid #888;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);opacity: 1;}

/* 갤러리 이미지 크기 */
#gall_ul .gall_href {border-bottom: 1px solid #eee;height: 166px;line-height: 210px;padding:3px;}

/* 갤러리 NEW 아이콘 위치 */
#gall_ul .new {position: absolute;top: 21px;left: 15px;}
#gall_ul .hit {position: absolute;top: 21px;right: 15px;}
#gall_ul .line-height {line-height: 21px;   color: #555555;}
.adm_revise {padding: 1% 0 0 3%;background: #c5deff;display: inline-block;border: 1px solid #ddd;}

/* 태그 마우스오버 */
a.cate_label.tooltip-top:hover {text-decoration: none;color: #cc0000;}

/*파일 첨부*/
#bo_w i.fa.fa-reply.fa-fw.fa-rotate-180 {margin-right: 5px;}
a.file-on {width: 100%;}
#bo_w input.form-control.file-input {font-weight: normal;}
#bo_w input.form-control {font-weight: normal;}

.link-group {margin-top: 5px;}

/* 익스에서 댓글 등록버튼 작아지는현상 수정 */
#bo_vc_w .board_btn {min-height: 80px;}

/* 카테고리 칸 */
ol#bo_cate_ul {padding: 0px 15px;}


/* 채용정보 -  리스트 */
#job-allchk { width: 100%; text-align: left; }
#job-wrap { width:100%; }
#job-wrap .job-list { display:flex;flex-wrap: wrap; justify-content: space-between;gap:0; border-top:1px solid #ccc; border-left:1px solid #ccc;width:100%; }
#job-wrap .job-list .job-item { position:relative; flex:1 1 33%; flex-basis:320px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 30px 20px 30px 20px; font-size: 14px; height:460px; background: url('../img/list_bg.jpg');}
#job-wrap .job-chk { position: absolute; top: 5px; left: 5px; z-index:1;}
#job-wrap .job-category { width: 100%; text-align: center; }
#job-wrap .job-subject { width:100%; min-height:105px; text-align: center; font-size: 22px; font-weight:600;}
#job-wrap .job-category .job-cate-label { display:block; width:140px; border:0px; height:40px; line-height:40px; border-radius:5px; text-align:center; margin:15px auto; font-size:16px; }
#job-wrap .job-info { position: absolute; bottom:0; left:0; width:100%; height: 40px; line-height: 40px; padding:0 10px; }
#job-wrap .job-date { position: absolute; bottom:43px; left: 0; width: 100%;  }
#job-wrap .job-date > span { display: block; height:24px; line-height:24px; text-align: center; }
#job-wrap .job-stat-ing { background:#E35396; color:#fff; font-weight:bold; }
#job-wrap .job-stat-end { background:#888; color: #000; font-weight:bold; }
#job-wrap .job-stat-wait { background:#333333; color: #fff; font-weight:bold; }
#job-wrap .job-stat-eval { background:#9F7413; color:#fff; font-weight:bold; }
#job-wrap .job-result-btns { position: absolute; bottom:105px; left:0; width: 100%; text-align: center;}
#job-wrap .job-result-btns > span { display: block; font-size:16px; width:140px; height:40px; line-height:40px; text-align: center; margin:0 auto 5px auto; border-radius:5px; cursor:pointer; }
#job-wrap .job-result-doc { background:#83AB20; color:#fff; font-weight:bold; }
#job-wrap .job-result-accept { background:#139F72; color:#fff; font-weight:bold; }
#job-wrap .job-result-none { background:#888; color: #fff; }
#job-wrap .job-day { width:100%; text-align: center; font-size:28px; font-weight:bold; margin-top:8px; }

/* 팝업 */
.job-popup-wrap { position: fixed; display:none; width:100%; height:100%; top:0; left:0; z-index:9999;}
.job-popup { position: fixed; background:#fff; 
    max-height:800px;
    overflow-y:scroll;
    border:1px solid #555; width:100%; max-width:600px; min-height:660px; top:50%; left:50%; transform: translate(-50%, -50%);padding:30px 20px;border-radius:10px;
    -webkit-box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:  0 0 0 9999px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
}
.job-popup .popup-close { position:absolute;top:-7px;right:0;font-size:40px; font-weight:bold; cursor:pointer; width:32px;}
.job-popup .popup-title { width:100%; text-align: center; font-weight: bold; font-size:24px; }
.job-popup .popup-list { width:100%;margin-top:20px; border:2px solid #ccc; margin:20px auto 0 auto; border-radius:0px; padding:10px; }
.job-popup .popup-list ul { margin:0;padding:0;}
.job-popup .popup-list ul li {display:inline-block;padding:3px;font-size:18px;width:33.3333%;text-align: center;}
.job-popup .meet-title { margin:30px 0 10px 0; font-size:20px; font-weight:bold; text-align: center;}
.popup-content > div { width:100%; }
.popup-content table { width:100%; border-spacing:0; border-collapse:collapse; }
.popup-content th { width:50px; font-size:18px; height:40px; text-align:right; background:#eeeeee; border:1px solid #cccccc; padding:0px 10px; }
.popup-content td { font-size:18px; height:36px; text-align:left; background:#ffffff; border:1px solid #cccccc; padding:0px 10px; }
.popup-msg { width:100%; padding:15px; min-height:150px; border:1px solid #ccc; font-size:18px; }
.popup-msg2 { width:100%; padding:15px; min-height:150px; border:0px; font-size:16px; }


/* jQuery 달력 스타일 변경 시작 */
#ui-datepicker-div { padding:0px !important;border-radius:5px;overflow: hidden;min-width:270px; }
#ui-datepicker-div table { width:98%;margin:0 auto;}
#ui-datepicker-div td span,
#ui-datepicker-div td a {text-align:center !important;border-radius:3px;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {top:11px !important;cursor:pointer; }
#ui-datepicker-div th:first-child {color:red !important;}
#ui-datepicker-div th:last-child {color:blue !important;}
#ui-datepicker-div td:first-child a {color:red;}
#ui-datepicker-div td:last-child a {color:blue;}
#ui-datepicker-div td span,
#ui-datepicker-div td a:hover {background:#dd6666 !important;color:#fff !important;border:1px solid #dd6666 !important;}
#ui-datepicker-div .ui-datepicker-header { border:0px;border-radius:0;border-bottom:1px solid #aaa;padding:8px 0px;}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {background:#0089D2 !important;border:1px solid #0089D2 !important;color:#fff !important;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {padding:6px;font-size:16px;}
#ui-datepicker-div .ui-datepicker-title select {outline:none;height:30px;border-radius:3px;cursor:pointer;font-size:14px;padding:0 10px;}
#ui-datepicker-div .ui-datepicker-year {margin-right:3px;}
/* jQuery 달력 스타일 변경 끝 */

.pd-all-10 { padding:10px !important; }
.pd-left-10 {padding-left: 10px !important; }
.pd-all-30 { padding:30px !important; }

.width50 { width:50px !important; }
.width60 { width:60px !important; }
.width70 { width:70px !important; }
.width80 { width:80px !important; }
.width90 { width:90px !important; }
.width100 { width:100px !important; }
.width110 { width:110px !important; }
.width120 { width:120px !important; }
.width130 { width:130px !important; }
.width140 { width:140px !important; }
.width150 { width:150px !important; }
.width100per { width:100% !important; }

.mg-top-10 { margin-top:10px !important; }
.mg-top-15 { margin-top:15px !important; }
.mg-top-20 { margin-top:20px !important; }
.mg-top-25 { margin-top:25px !important; }
.mg-top-30 { margin-top:30px !important; }
.mg-top-40 { margin-top:40px !important; }
.mg-top-80 { margin-top:80px !important; }
.mg-bottom-10 { margin-bottom:10px !important; }
.mg-bottom-20 { margin-bottom:20px !important; }
.mg-bottom-30 { margin-bottom:30px !important; }
.mg-bottom-40 { margin-bottom:40px !important; }

.txt-left { text-align:left !important; }
.txt-right { text-align:right !important; }
.txt-center { text-align:center !important; }

.txt-blue { color:blue; }
.txt-orange { color:orangered; }
.txt-pink { color:pink; }
.txt-gray { color:gray; }

.bg-gray { background:#eee !important; }
.bg-ing { background:#D4F4FA; }

.txt-100 { font-weight:100; }
.txt-200 { font-weight:200; }
.txt-300 { font-weight:300; }
.txt-400 { font-weight:400; }
.txt-500 { font-weight:500; }
.txt-600 { font-weight:600; }
.txt-700 { font-weight:700; }
.txt-800 { font-weight:800; }
.txt-900 { font-weight:900; }


/*글쓰기 인풋폼 */
@media (min-width:992px) {
	input#wr_name {width: 96%;}
	input#wr_password {width: 96%;}
	input#wr_email {width: 96%;}
	input#wr_link1 {width: 96%;}

	/* 사용자가 갯수 확장시 고려 */
	input#wr_link3 {width: 96%;}
	input#wr_link5 {width: 96%;}
}

@media (max-width:991px) {
	#bo_w .form-group.input-group.pull-left.col-md-6 {width: 100%;}
}