@charset "utf-8";
/* TEXT */
.desc-text{margin-top:10px;font-size:14px;font-weight:bold;}
.desc-text.text-warning{color:#f14b4b;}
/**
* 버튼
* .btn: 버튼 기본 클래스
*
* !!!주의!!!: 클래스는 1, 2, 3 순서로(옵션, 종류, 크기 순으로) 지정
* 1. 옵션(선택)
* .no-radius (둥근 모서리가 없는 버튼)
* 2. 종류(필수)
* .btn.btn-background: 배경이 채워진 버튼
* .btn.btn-border: 테두리만 있는 버튼
* 3. 크기(선택)
* .btn-small, .btn-large , btn-xlarge
*/
.btn{display: inline-block;border-radius: 3px;text-align: center;cursor: pointer;white-space: nowrap;vertical-align:middle;}
.btn.no-radius{border-radius: 0;}
.btn.btn-right{position:absolute;top:-7px;right:0;}
/*** 버튼 - 채워진 형태 ***/
.btn.btn-background{min-width: 70px; height: 38px; padding: 0 20px; border: none; background: #666; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 38px;}
.btn.btn-background:hover,.btn.btn-background:focus,.btn.btn-background:active{background: #333;}
/* 크기*/
.btn.btn-background.btn-small{min-width: 60px; padding: 0 20px; height: 34px; font-size: 14px; line-height: 34px;}
.btn.btn-background.btn-large{min-width: 70px; height: 44px; padding: 0 25px; font-size: 16px; line-height: 44px;}
.btn.btn-background.btn-xlarge{width: 100%; height: 44px; font-size: 16px; line-height: 44px;}
/* 색상*/
.btn.btn-background.btn-gray{background: #4f555a}
.btn.btn-background.regist{background: #2760a7} /* 등록 */
.btn.btn-background.list{background: #444} /* 목록 */
.btn.btn-background.add{background: #6aa837} /* 추가 */
.btn.btn-background.search{background: #666} /* 찾기 */
.btn.btn-background.delete{background: #e74139} /* 삭제 */
.btn.btn-background.modify{background: #4f9c6c} /* 수정 */
.btn.btn-background.check{background: #e87a2c} /* 중복검사 */
.btn.btn-background.cancel{background: #888} /* 취소 */
.btn.btn-background.close{background: #888} /* 닫기 */
.btn.btn-background.save{background: #004970} /* 저장 */
.btn.btn-background.download{background: #004970} /* 다운로드 */
.btn.btn-background.prev{background: #30739c} /* 이전 */
.btn.btn-background.next{background: #2878be} /* 다음 */
.btn.btn-background.setting{background: #4160b4} /* 설정 */
.btn.btn-background.file-search{position: relative; height: 34px; padding: 10px 13px; background: #9e9e9e; line-height: 1; vertical-align: middle;}
.btn.btn-background.file{min-width: 75px; padding: 10px 13px; line-height: 1}
.btn.btn-background.file.add{background: #678494}
.btn.btn-background.file.del{background: #787878}
.btn.btn-background.btn-link{height:38px;padding:0 30px 0 20px; font-size: 14px; font-weight: normal; background: #333 url(../../images/onioncms/form/icon_arrow_right.gif) no-repeat 94% 50%;line-height:38px;}
/*** 버튼 - 라인 형태 ***/
.btn.btn-border{padding: 8px 25px; border: 1px solid #666; background: #fff; color: #666; font-size: 13px;}
/* 크기 */
.btn.btn-border.btn-xsmall{min-width: 60px; padding: 0 15px; height: 30px; font-size: 14px; line-height: 28px;}
.btn.btn-border.btn-small{min-width: 60px; padding: 0 20px; height: 34px; font-size: 14px; line-height: 32px;}
.btn.btn-border.btn-large{min-width: 70px; height: 44px; padding: 0 25px; font-size: 16px; line-height: 42px;}
.btn.btn-border.btn-xlarge{width: 100%; height: 44px; font-size: 16px; line-height: 44px;}
/* 색상 */
.btn.btn-border.btn-blue{border-color: #649ed9}
.btn.btn-border.btn-green{border-color: #77c035}
.btn.btn-border.btn-gray{border-color: #8a8d91}
.btn.btn-border.btn-pink{border-color: #e58a9e}
.btn.btn-border.write{border-color: #1f6db1; color: #1f6db1;}
.btn.btn-border.modify{border-color: #214b64; color: #214b64;}
.btn.btn-border.delete{border-color: #888; color: #888;}
.btn.btn-border.list{border-color: #1f6db1; color: #1f6db1;}
.btn.btn-border.cancel{border-color: #888; color: #888;}
.btn.btn-border.save{border-color: #1f6db1; color: #1f6db1;}
.btn.btn-border.btn-download{height:40px;padding:0 38px 0 20px;border-color: #777;color: #333;font-size: 14px; background: url(../../images/onioncms/form/icon_file_download.gif) no-repeat 93% 50%;line-height:40px;}
/**
* 버튼 그룹
* .btn-group: 버튼 그룹 기본 클래스
* .btn-group .left-group: 왼쪽 정렬 버튼 그룹
* .btn-group .right-group: 오른쪽 정렬 버튼 그룹
* .btn-group .center-group: 중앙 정렬 버튼 그룹
*/
.btn-group{display:table;width:100%;table-layout:fixed;margin-top:20px;}
.btn-group.top{margin-top:0;margin-bottom:20px;}
.btn-group [class$="group"]{display:table-cell;vertical-align:middle;}
.btn-group .left-group{text-align:left;}
.btn-group .right-group{text-align:right;}
.btn-group .center-group{text-align:center;}
.btn-group .left-group a,
.btn-group .left-group .btn{margin-right:4px;}
.btn-group .right-group a,
.btn-group .right-group .btn{margin-left:4px;}
.btn-group .center-group a,
.btn-group .center-group .btn{margin:0 2px;}
/*=========================================================================================================================================*/
/**
* 폼요소
* .form-control: 폼요소를 감싸는 기본 클래스. 폼요소의 너비를 지정하기 위한 용도.
*
* !!!주의!!!: 클래스는 1, 2 순서로(옵션, 길이 순으로) 지정
* 1. 옵션
* .horizonal: .form-control을 가로로 정렬함
* .no-radius: .form-control안의 모든 폼요소에 둥근 모서리가 없도록 지정함
* .with-btn: 버튼과 함께 있는 폼요소를 감싸기 위함(버튼은 80px로 고정)
* .date: datepicker와 같은 날짜 선택 아이콘이 있는 폼요소를 감싸기 위함
* .email: 이메일 요소를 감싸기 위함(기본: select box가 있는 이메일)
* .email.no-select: 이메일 요소를 감싸기 위함(select box가 없는 이메일)
* .phone: 유선전화, 휴대전화 등 전화번호를 감싸기 위함
* 2. 길이(지정하지 않을 경우 100%)
* .xsmall(100px), .small(240px), .medium(360px), .large(480px), .xlarge(600px)
*
*/
.form-list+.form-list{}
.form-control{width: 100%; max-width: 100%;}
.form-control+.form-control{margin-top: 5px;}
/** 옵션 **/
.form-control.horizonal{display: inline-block; width: auto; margin-bottom: 0; margin-right: 4px; vertical-align: middle;}
.form-control.horizonal+.form-control.horizonal{margin-top: 0;}
.form-control.no-radius *{border-radius: 0 !important;}
.form-control.with-btn{position: relative; padding-right: 84px;}
.form-control.with-btn .btn{position: absolute; top: 0; right: 0; width: 80px; padding-left: 0; padding-right: 0;}
.form-control.with-btn-search{position: relative; padding-right: 115px;}
.form-control.with-btn-search .btn{position: absolute; top: 0; right: 0; width: 110px; padding-left: 0; padding-right: 0;}
.form-control .btn{margin-right: 3px;}
/* 날짜 아이콘이 있는 폼요소 */
.form-control.date{position: relative; padding-right: 25px}
.form-control.date img{position: absolute; top: 50%; right: 0; margin-top: -12px; cursor: pointer;}
/* 이메일 */
.form-control.email{*zoom: 1;}
.form-control.email::after{content: ''; display: block; clear: both;}
.form-control.email .inp-text{float: left; width: 32%;}
.form-control.email .email-at{float: left; width: 5%; height: 100%; margin-top: 7px; text-align: center;}
.form-control.email select{float: left; width: 30%; margin-left: 1%;}
.form-control.email.no-select .inp-text{float: left; width: 47%;}
.form-control.email.no-select .email-at{float: left; width: 6%; height: 100%; margin-top: 7px; text-align: center;}
/* 전화번호 */
.form-control.phone{*zoom: 1;}
.form-control.phone::after{content: ''; display: block; clear: both;}
.form-control.phone select{float: left; width: 30%;}
.form-control.phone .phone-bar{float: left; width: 5%; height: 100%; margin-top: 2px; font-size: 20px; text-align: center;}
.form-control.phone .inp-text{float: left; width: 30%;}
/** 크기 **/
.form-control.xsmall{width: 120px;}
.form-control.small{width: 240px;}
.form-control.medium{width: 360px;}
.form-control.large{width: 480px;}
.form-control.xlarge{width: 600px;}
/* 라벨이 있는 폼요소 */
.form-group.label{display: table; width: 100%;}
.form-group.label .form-control{display: table-row;}
.form-group.label label{display: table-cell; width: 25%;}
.form-group.label input,.form-group.label select{display: table-cell; margin-bottom: 5px;}
/* placeholder */
::-webkit-input-placeholder{color: #a7a7a7;}
:-moz-placeholder{color: #a7a7a7;}
::-moz-placeholder{color: #a7a7a7;}
:-ms-input-placeholder{color: #a7a7a7;}
/* input (type=text, password) */
input.inp-text{width: 100%; height: 38px; padding: 0 6px; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; vertical-align: middle;}
input.inp-text.small{height: 28px; padding: 0 6px; font-size: 13px;}
input.inp-text[readonly]{background:#efefef !important;cursor:default;}
/* input (type=file) */
input.inp-file{width: 100%; height: 38px; padding: 4px 6px; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; vertical-align: middle;}
input.file{border:1px solid #ccc;}
/* input (type=checkbox) */
input.chk{vertical-align:middle;}
label.lbl + input.rdo,
label.lbl + input.chk{margin-left:4px;}
/* input (type=radio) */
input.rdo{vertical-align:middle;}
/* label */
label.lbl{vertical-align:middle;}
input.rdo + label.lbl,
input.chk + label.lbl{margin-left:4px;}
/* textarea */
textarea.txtarea{resize: vertical; width: 100%; padding: 5px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px}
/* select box */
select.sel{width: 100%; height: 38px; padding: 0 6px; border: 1px solid #ccc; border-radius: 3px;color: #666; font-size: 14px; vertical-align: middle;}
select.sel.small{height: 28px; padding: 0 6px; font-size: 13px;}
/*=========================================================================================================================================*/
/**
* 게시판
*
* 1. 공통
* .search-area : 공통 검색영역
* .pagination : 공통 페이징
* .pagination.small : 작은 페이징
* .file-upload : 첨부파일 리스트
*
* 2. 테이블
* .board-list : 게시판 목록
* .board-write : 게시판 상세보기, 쓰기
* .view-option : 이전글, 다음글
* 2-1) 테이블 옵션
* .board-list.empty-list : 등록된 게시물이 없을 경우
* .board-list.table-small : 작은 게시판 목록
* .board-write.table-small : 작은 게시판 상세보기, 쓰기
* .only-pc : 반응형으로 작아졌을 때 숨김 (, | , | 에 사용)
*/
/* 검색영역 */
.search-area{position: relative; margin-bottom: 10px}
.search-area .total{float:left; margin-top: 7px; color: #666; font-size: 15px; font-weight: bold}
.search-area .total strong{color: #f34b4b;}
.search-area .total .bar{font-size: 12px; font-weight: normal}
.search-area .total .number{font-size: 14px; font-weight: normal}
.search-area .search-wrap{float: right; position: relative;}
.search-area .search-wrap select.sel{width: 130px; margin-right:4px;}
.search-area .search-wrap input.inp-text{width:200px;margin-right:-6px;padding-right:2px;}
.search-area .search-wrap .btn.search{height:38px;background-color: #788189;/* padding: 7px 30px;*/ vertical-align: middle;line-height:38px;}
/* pagination */
.pagination{margin-top: 30px; text-align: center}
.pagination .pagination-wrap{display: inline-block;}
.pagination .pagination-wrap:after{content: ''; display: block; clear: both;}
.pagination a,.pagination img{vertical-align: top;}
.pagination a{float:left;display: inline-block; width:29px; height:29px; margin-right: 4px;}
.pagination a:last-child{margin-right: 0}
.pagination a.num{width: auto; min-width: 29px; padding: 0 8px; border: 1px solid #d4d4d4; color: #666; font-size: 14px; line-height: 27px;}
.pagination a.num.on{background-color: #353535; color: #fff;}
.pagination img{max-width: 100%;}
/*크기가 작은 pagination */
.pagination.small{margin-top: 20px;}
.pagination.small a{float:left; width: 24px; height: 24px; margin-right:3px;}
.pagination.small a.num{width: auto; min-width: 24px; padding: 0 5px;border: 1px solid #d4d4d4; font-size: 13px; line-height: 24px;}
.pagination.small a.num.on{background: #353535; color: #fff}
/*** table ***/
/* 목록 */
table.board-list{width:100%; border-top: 2px solid #141414;}
table.board-list th,
table.board-list td{border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding:6px 10px; height: 48px; color:#2f2f2f; font-size: 15px; text-align: center; line-height: 22px;}
table.board-list th:first-child,
table.board-list td:first-child{border-left: none;}
table.board-list th{font-weight: bold;}
table.board-list td{}
table.board-list thead th{border-bottom-color: #b9bcc3;}
table.board-list th.left,
table.board-list td.left{text-align: left; padding-left: 15px; padding-right: 15px;}
table.board-list tr.notice td{background:#f2f2f2;font-weight:bold;color:#333}
table.board-list tr.notice a.text-link{font-weight:bold;color:#333}
table.board-list a.text-link{display:inline-block; color: inherit;}
table.board-list a.text-link:hover,
table.board-list a.text-link:focus{text-decoration:underline;}
/* 등록된 게시물이 없을 경우 */
table.board-list.empty-list tbody td{padding:100px 0;font-weight:bold;}
/* 작은 테이블 */
table.board-list.table-small th,
table.board-list.table-small td{height: 40px;padding: 4px 10px;}
table.board-list.table-small th{font-size: 14px;}
table.board-list.table-small td{font-size: 13px;}
/* 게시판(이미지형-썸네일형) 목록 */
table.board-list.image .thum-image{position: relative; width: 165px; margin: 0 auto; padding: 14px 0;}
table.board-list.image .thum-image img{width: 100%; max-width: 100%; border: 1px solid #e0e0e0;}
table.board-list.image .thum-meta{text-align: left; line-height: 1.4}
table.board-list.image .thum-meta .tit{color: #333; font-size: 15px; font-weight: bold}
table.board-list.image .thum-meta .tit a{color: inherit;}
table.board-list.image .thum-meta .txt{margin-top: 3px; color: #666; font-size: 15px}
/* 게시판(이미지형-가로형) 목록 */
table.board-list.video .thum-video{position: relative; width: 165px; margin: 0 auto; border:1px solid #efefef;}
table.board-list.video .thum-video a{display:block;}
table.board-list.video .thum-video a:after{content: ''; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; background: url(../../images/onioncms/form/icon_play.png) no-repeat}
table.board-list.video .thum-video img{width: 100%; max-width: 100%;}
table.board-list.video .thum-meta{text-align: left; line-height: 1.4}
table.board-list.video .thum-meta .tit{color: #333; font-size: 15px; font-weight: bold}
table.board-list.video .thum-meta .tit a{color: inherit;}
table.board-list.video .thum-meta .txt{margin-top: 3px; color: #666; font-size: 15px}
table.board-list.video .thum-meta .btn-group{margin-bottom: 0}
table.board-list.video .thum-meta .btn.detail{padding: 5px 12px 5px 30px; background: url(../../images/onioncms/form/icon_play_small.png) no-repeat 9px 50%, #fff}
/* 게시판(Q&A,비밀글) 목록 */
table.board-list a.text-link.link-secret,
table.board-list a.text-link.link-reply{background-repeat:no-repeat;}
table.board-list a.text-link.link-secret{padding-right:20px;background-image:url(../../images/onioncms/form/ico_secret.png);background-position:100% 50%;}
table.board-list a.text-link.link-reply{padding-left:40px;background-image:url(../../images/onioncms/form/icon_re.png);background-position:0 0;}
table.board-list a.text-link img{vertical-align:middle;margin-left:4px;}
/* 상세보기, 등록 */
table.board-write{width: 100%; border-top: 2px solid #444; table-layout: fixed;}
table.board-write th,
table.board-write td{height: 50px; padding: 14px 10px; border: solid #d1d1d1; border-width: 1px 1px 1px 0;}
table.board-write th{background:#f2f2f2; color: #333; font-size: 15px; font-weight: bold; text-align:center;}
table.board-write td{color: #333; font-size: 15px; text-align:left; padding-left: 15px; padding-right: 15px;}
table.board-write td.center{text-align: center; padding-left: 10px; padding-right: 10px;}
table.board-write th:last-child,table.board-write td:last-child{border-right: none;}
table.board-write th.border-right,
table.board-write td.border-right{border-right:1px solid #d1d1d1;}
table.board-write td.tb-content{padding: 30px 20px;}
table.board-write th strong{color:#264f8c;}
table.board-write.text-left th,table.board-write.text-left td{text-align: left !important;} /* 전체 왼쪽 정렬하는 옵션*/
table.board-write .text-required{display:inline-block;position:absolute;margin-left:2px;color: #f14b4b; font-size: 16px; font-weight: bold;vertical-align: middle;}
table.board-write .btn-group{margin-top:10px;}
table.board-write td .file-down{display: inline-block; margin-right: 10px; color: #666666; font-size: 15px; text-decoration: underline}
/* 작은 테이블 */
table.board-write.table-small th,
table.board-write.table-small td{height: 44px; padding: 4px 10px;}
table.board-write.table-small th{font-size: 14px;}
table.board-write.table-small td{font-size: 13px;}
/* 이전글, 다음글 */
table.view-option{position: relative; margin-top: -1px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1}
table.view-option a.text-link{display:block; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; color: inherit;}
table.view-option a.text-link:hover,
table.view-option a.text-link:focus{text-decoration:underline;}
table.view-option .btn-view{position:relative;display:inline-block;padding-left:20%;}
table.view-option .btn-view:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:11px;height:8px;margin-top:-4px;background-repeat:no-repeat;}
table.view-option .btn-view.next:before{background-image:url(../../images/onioncms/form/ico_move_next.gif);}
table.view-option .btn-view.prev:before{background-image:url(../../images/onioncms/form/ico_move_prev.gif);}
/* 파일 첨부 */
.file-upload .upload-wrap input[type="file"]{display:none;}
.file-upload .file-list{margin-top: 10px; padding-top: 10px; border-top: 1px solid #e1e1e1}
.file-upload .file-list .file-wrap{font-weight: bold}
.file-upload .file-list .file-wrap + .file-wrap{margin-top: 5px}
.file-upload .file-list .file-del{margin-left: 5px; width: 27px; height: 20px; border: none; background: url(../../images/onioncms/form/icon_close.gif) no-repeat; text-indent: -999em; vertical-align: middle;}
/***** 기본 테이블 *****/
.table-basic{width:100%; table-layout: fixed; border-top: 2px solid #141414; line-height: 1.3}
.table-basic th,.table-basic td{border: solid #d1d1d1; border-width: 1px 1px 1px 0;text-align:center;}
.table-basic th.left,.table-basic td.left{text-align: left;}
.table-basic.text-left th,.table-basic.text-left td{text-align: left !important;}
.table-basic th:last-child,.table-basic td:last-child{border-right: none;}
.table-basic thead th{padding:13px 15px; border-bottom: 1px solid #b9bcc3; color: #333; font-size: 16px}
.table-basic tbody td{padding:13px 15px; color: #666666; font-size: 15px; text-align: center}
.table-basic th.border-right,
.table-basic td.border-right{border-right:1px solid #d1d1d1;}
/* 양쪽 선이 있는 테이블 */
.table-basic.table-bordered th,.table-basic.table-bordered td{border: 1px solid #d1d1d1;}
/* 작은 테이블 */
.table-basic.table-small th,.table-basic.table-small td{height: 40px; padding: 4px 10px; font-size: 13px;}
/***** 기본 테이블2 *****/
.table-basic2{width: 100%; table-layout: fixed; line-height: 1.3}
.table-basic2 th,.table-basic2 td{height: 55px; padding: 10px 15px; border: solid #d1d1d1; border-width: 1px 1px 1px 0; color: #333; font-size: 14px; text-align: center}
.table-basic2 th.left,.table-basic2 td.left{text-align: left;}
.table-basic2.text-left th,.table-basic2.text-left td{text-align: left !important;} /* 전체 왼쪽 정렬하는 옵션*/
.table-basic2 th:last-child,.table-basic2 td:last-child{border-right: none;}
.table-basic2 th{background-color: #ebebeb;/* word-break: keep-all;*/}
.table-basic2 th.border-right,
.table-basic2 td.border-right{border-right:1px solid #d1d1d1;}
/* 양쪽 선이 있는 테이블 */
.table-basic2.table-bordered th,.table-basic2.table-bordered td{border: 1px solid #d1d1d1;}
/* 줄무늬 행 테이블 */
.table-basic2.table-striped tr:nth-child(odd) td{background-color: #fff}
.table-basic2.table-striped tr:nth-child(even) td{background-color: #f7f7f7}
/* 진한 선이 있는 테이블 */
.table-basic2.table-bold th,.table-basic2.table-bold td{border-top: none;}
.table-basic2.table-bold tbody tr:last-child > *{border-bottom: none;}
.table-basic2.table-bold{border-top: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b;}
/* 작은 테이블 */
.table-basic2.table-small th,.table-basic2.table-small td{height: 40px; padding: 4px 10px; font-size: 13px;}
/* 게시판(이미지형-썸네일형) 목록 */
.gallery-list:after{content:'';display:block;clear:both;}
.gallery-list li{float: left; width: 32.33333%; margin-right: 1.5%; margin-bottom: 1.5%}
.gallery-list li:nth-child(3n){margin-right: 0}
.gallery-list li .gallery-item{background-color: #fff; color: #111; min-height: 130px;}
.gallery-list li .gallery-item a{display:block; position: relative; border: 1px solid #ddd;}
.gallery-list li .gallery-item a:hover,
.gallery-list li .gallery-item a:active,
.gallery-list li .gallery-item a:focus{border-color:#bababa;}
.gallery-list li .gallery-item a .gallery-thum{display: block; overflow: hidden; width: 100%; height: 200px;}
.gallery-list li .gallery-item a .gallery-thum img{width: 100%; height: 100%;}
.gallery-list li .gallery-item a .gallery-meta{padding: 10px 15px; border-top: 1px solid #ccc}
.gallery-list li .gallery-item a .gallery-meta h2{height: 48px; overflow: hidden; color: #1a1a1a; font-size: 18px; font-weight: normal; line-height: 24px}
.gallery-list li .gallery-item a:hover .gallery-meta h2,
.gallery-list li .gallery-item a:active .gallery-meta h2,
.gallery-list li .gallery-item a:focus .gallery-meta h2{text-decoration: underline;}
.gallery-list li .gallery-item a .gallery-meta .gallery-info{position: relative; display: block; width: 100%; padding: 11px 0 11px; border-top: 1px solid #ebebeb; color: #333; font-size: 13px; line-height: 18px}
.gallery-list li .gallery-item a .gallery-meta .gallery-info .gallery-date{position: absolute; bottom: 11px; right: 0; color: #888;}
/* 등록된 게시물이 없을 경우 */
.gallery-list.empty-list li{margin:0;width:100%;padding:100px 0;border-top:2px solid #141414;border-bottom:1px solid #dcdee2;color:#1a1a1a;font-size:16px;font-weight:bold;text-align:center;}
/* 게시판(이미지형) 상세보기 */
.fotorama{margin-bottom:20px;}
.fotorama .fotorama__nav{background:#ececec;text-align:left;}
.fotorama .fotorama__thumb-border{border-color:#777;}
/* 게시판(비디오형) 상세보기 */
.video-wrap{margin-bottom:30px;}
.video-wrap .video-area{float: left; width: 65%; height: 300px;}
.video-wrap .video-area video{width: 100%; max-width: 100%; height: 100%; background: #000}
.video-wrap .video-desc{float: left; width: 35%; background: #ededed; padding: 20px 30px; height: 300px; overflow-y: auto}
.video-wrap .video-desc .desc-title{font-size: 20px; color: #333; line-height: 1.5; margin-bottom: 25px}
.video-wrap .video-desc .desc-txt{font-size: 15px; color: #7a7a7a; line-height: 1.5;}
/**
* 질문답변
*/
.accordian-box .acdn-toggle{float: right; border: none; padding: 13px 38px 9px 17px; background: url(../../images/onioncms/form/icon_plus.png) no-repeat 89% 60%, #141414;font-size: 16px; font-weight: bold; color: #fff;}
.accordian-box .acdn-toggle.open{background-image: url(../../images/onioncms/form/icon_minus.png)}
.accordian-box .accordian{padding:0; border-top: 3px solid #141414;font-size: 15px;clear:right;}
.accordian-box .accordian .acdn-title{position: relative; border-bottom:1px solid #d1d1d1;background: url(../../images/onioncms/form/qna_03.gif) no-repeat 15px 50%; }
.accordian-box .accordian .acdn-title:after{content:''; position: absolute; right: 22px; top: 50%; width: 12px; height: 7px; background: url(../../images/onioncms/form/arr_02.gif) no-repeat; transition: all .15s ease;}
.accordian-box .accordian li.open .acdn-title:after{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .15s ease}
.accordian-box .accordian .acdn-title a{display:block; padding: 20px 45px 20px 70px; color: #333; font-size: 15px; font-weight: bold}
.accordian-box .accordian .acdn-text{display:none; padding: 20px 20px 20px 70px; background: url(../../images/onioncms/form/qna_04.png) no-repeat 20px 10px, #f3f3f3; color: #555;line-height: 1.5;border-bottom: 1px solid #ccc}
.accordian-box .accordian .acdn-text p{word-break: keep-all}
/**
* 캘린더
*/
.calendar-box{}
.calendar-box.fc .fc-toolbar>*>*{margin-left:0}
.calendar-box.fc .fc-toolbar h2{display:inline-block;margin:0 40px;color:#333;font-size:22px;font-weight:bold;}
.calendar-box.fc .fc-toolbar .fc-center > *{vertical-align:middle;float:none;}
.calendar-box .fc-day-header{background-color:#e9e9e9;height:34px;vertical-align:middle;}
.calendar-box .fc-day-header:not(:first-child){border-left-color:#cacaca;}
.calendar-box .fc-day-header.fc-sat{color:#2479c1;}
.calendar-box .fc-day-header.fc-sun{color:#dc4441;}
.calendar-box .fc-basic-view .fc-day-top{padding:6px;}
.calendar-box .fc-basic-view .fc-day-top .fc-day-number{float:none !important;}
.calendar-box .fc-bg td.fc-today{opacity:1;background-color:#c9e0f4 !important;font-weight:bold;border-color:#ddd;}
.calendar-box td.fc-day.fc-disabled-day{background:none;}
.calendar-box .fc-row .fc-content-skeleton table tbody td{padding:0 6px;}
.calendar-box .fc-day-grid-event{margin-left:0;margin-right:0;}
.calendar-box .fc-day-grid-event .fc-content{text-overflow:ellipsis;/*color:#fff;*/padding:2px 4px;}
.calendar-box button.fc-button{text-shadow:none;box-shadow:none;}
.calendar-box button.fc-today-button{border:0;padding:0 16px;height:44px;background:#358bd5;color:#fff;font-size:15px;}
.calendar-box .fc-center button.fc-button{width:44px;height:44px;background-image:url(../../images/onioncms/form/btn_calendar.png);background-repeat:no-repeat;background-color:transparent;border:none;}
.calendar-box .fc-center button.fc-button .fc-icon{display:none;}
.calendar-box .fc-center button.fc-prevYear-button{margin-right:-1px;background-position:0 0;border-top-right-radius:0;border-bottom-right-radius:0;}
.calendar-box .fc-center button.fc-prev-button{background-position:-43px 0;border-top-left-radius:0;border-bottom-left-radius:0;}
.calendar-box .fc-center button.fc-next-button{background-position:0 -44px;border-top-right-radius:0;border-bottom-right-radius:0;}
.calendar-box .fc-center button.fc-nextYear-button{margin-left:-1px;background-position:-43px -44px;border-top-left-radius:0;border-bottom-left-radius:0;}
|