@charset "utf-8";
/*
	2016-05-16  CSS  2.1 CENTUMSOFT
	common.css는 절대 수정 추가 하면 안됩니다.
	수정/추가 시 문의해주세요.
*/

* {margin:0;padding:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0;font-size:100%}

/* 프린트시 배경이미지 출력 */
* {-webkit-print-color-adjust:exact}

/* html5 호환 설정*/
article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary {display:block}
address {font-style:normal;display:inline}
table {width:100%;border-collapse:collapse;border-spacing:0}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0;background:transparent;font-size:100%}
nav, ul, ol {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

/* 기본 폰트 및 사이즈 설정 */
body {font-family:"Noto Sans KR", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif !important;font-size:13px;font-weight:400;color:#555;line-height:1;background:#fff}

/* 글자 속성 */
/* a:link, a:visited, a:hover, a:active순서로 작성 */
a, a:link {color:#555;text-decoration:none}
a:visited, a.visited, a.visited:visited {color:inherit;text-decoration:none}
a:hover, a.visited:hover, a:active {color:inherit;text-decoration:none}
a:focus {text-decoration:none}
a:focus,
button[type="button"]:focus {outline:rgb(59, 153, 252) solid 3px;outline-offset:-3px;}

/* LIST 요소 기본 */
ol.onum li {list-style-type:decimal}
.onum {padding-left:22px}

/* Form 요소들 기본 */
/* input, button, select, textarea {font-family:inherit} */
fieldset {padding:0px;margin:0px;border:0px}
legend {display:none}

input {border:1px solid #ccc;height:16px;padding:2px 3px 1px 3px;/* font-family:inherit; */}
input[type="radio"],input[type="checkbox"] {border:none;padding:0;margin:0;vertical-align:middle}
input[type="file"] {border:0;padding:0;margin:0;height:auto}
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#f8f8f8;height:28px;line-height:28px;padding:0 5px}
input.file {border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%}
input.image,input.radio,input.checkbox {border:0px !important;vertical-align:middle;padding:0px;margin:0px}
input.num {text-align:right;border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%}
input.readonly {background-color:#f7f7f7}
textarea {border:1px solid #ddd;padding:2px 5px}
select.select {border:1px solid #ccc;height:45px;vertical-align:top;line-height:1;min-width:45px;padding:0 50px 0 20px}

/* 이미지 요소 기본 */
img {vertical-align:top}

/* ime-mode */
.imeOff {ime-mode:disabled}
.imehangul {ime-mode:active}

/* 오버-클릭 커서로 지정 */
button, .pointer, .hand{cursor:pointer}
.mvPointer {cursor:move}

/*기본 스타일 정의*/
/*플로팅*/
.fr {float:right}
.fl {float:left}
.cr {clear:both}
.aftercr:after {clear:both;content:"";display:block}


/*포지셔닝*/
.pos_d, .pos-d, .pos-st {position:static}
.pos_r, .pos-r, .pos-rel {position:relative}
.pos_a,.pos-a, .pos-abs {position:absolute}

/*박스유형*/
.isbox, .is-rel, .is-box {display:block;position:relative}
.isabs, .is-abs {position:absolute}
.inline {display:inline-block}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wordkeep {white-space:normal;word-break:keep-all}

/*숨김*/
.hidden {display:none}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em}/* 크롬에서 col width 값 안먹는 문제 대응 */

/* LI 목록 데이터 없음 스타일 기본 */
li.no-data,li.noData {height:90px;text-align:center;padding-top:164px;font-size:14px;color:#555;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 70px}

/* 공백 */
/* 관리자에서 사용 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block}
.gap20 {height:20px;clear:both;overflow:hidden;display:block}
.gap30 {height:30px;clear:both;overflow:hidden;display:block}
/* 컨텐츠에서 사용 */
.gap {height:80px;clear:both;display:block;}
.sgap {height:70px;clear:both;display:block;}
.ssgap {height:60px;clear:both;display:block;}
@media all and (max-width:799px){
	.gap {height:65px}
	.sgap {height:55px}
	.ssgap {height:45px}
}
@media all and (max-width:499px){
	.gap {height:45px}
	.sgap {height:35px}
	.ssgap {height:25px}
}

/*정렬*/
.tc {text-align:center}
.tl {text-align:left}
.tr {text-align:right}
.left, .l {text-align:left !important; }
.right, .r {text-align:right !important}
.center, .c {text-align:center !important}
.vtop, .vtop * {vertical-align:text-top !important}
.vcen, .vcen * {vertical-align:middle !important}
.vfoot, .vfoot * {vertical-align:text-bottom !important}
.vtop2 {vertical-align:top !important}
.vcen2 {vertical-align:middle !important}
.vfoot2 {vertical-align:bottom !important}

/* 들여쓰기 */
.indent {margin-left:15px}
.li-indent {margin-left:10px}

/* 폰트색상 */
.c0 {color:#000 !important}
.c2 {color:#222 !important}
.c3 {color:#333 !important}
.c5 {color:#555 !important}
.c6 {color:#666 !important}
.c8 {color:#888 !important}
.c9 {color:#999 !important}
.cf {color:#fff !important}

/*회색조*/
.cg1 {color:#69696a !important}
.cg2 {color:#ababab !important}
.cg3 {color:#848484 !important}
.cg4 {color:#727272 !important}
.cg5 {color:#b3b7bc !important}

.cred {color:#da262e !important}
.cblue {color:#2176C6 !important}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important}
.cgreen {color:#758d0a !important}
.cbrown {color:#9f2C00 !important}
.corg {color:#ff5612 !important}

.bg1 {background-color:#69696a !important}
.bg2 {background-color:#ababab !important}
.bg3 {background-color:#848484 !important}
.bg4 {background-color:#727272 !important}
.bg5 {background-color:#b3b7bc !important}

/* 폰트속성 */
.nb {font-weight:normal}
.b {font-weight:bold}
.fs {font-size:90%}
.fb {font-size:120%}
.f9 {font-size:9px}
.f10 {font-size:10px}
.f11 {font-size:11px}
.f12 {font-size:12px}
.f13 {font-size:13px}
.f14 {font-size:14px}
.f15 {font-size:15px}
.f16 {font-size:16px}
.f17 {font-size:17px}
.f18 {font-size:18px}
.f19 {font-size:19px}
.f20 {font-size:20px}

/*줄간격*/
.tlh190 {line-height:190%}
.tlh180 {line-height:180%}
.tlh170 {line-height:170%}
.tlh160 {line-height:160%}
.tlh150 {line-height:150%}
.tlh140 {line-height:140%}
.tlh130 {line-height:130%}
.tlh120 {line-height:120%}
.tlh110 {line-height:110%}

/*영문,숫자*/
.en {font-size:90%;font-family:Verdana}

/* 패딩 5,10단위만 지정함*/
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}

/*마진*/
.mg0f {margin-bottom:0 !important}
.mg5f {margin-bottom:5px}
.mg10f {margin-bottom:10px}
.mg15f {margin-bottom:15px}
.mg20f {margin-bottom:20px}
.mg25f {margin-bottom:25px}
.mg30f {margin-bottom:30px}
.mg40f {margin-bottom:40px}
.mg50f {margin-bottom:50px}
.mg0t {margin-top:0 !important}
.mg5t {margin-top:5px}
.mg10t {margin-top:10px}
.mg15t {margin-top:15px}
.mg20t {margin-top:20px}
.mg25t {margin-top:25px}
.mg30t {margin-top:30px}
.mg40t {margin-top:40px !important}
.mg50t {margin-top:50px}
.mg0l {margin-left:0 !important}
.mg5l {margin-left:5px}
.mg10l {margin-left:10px}
.mg15l {margin-left:15px}
.mg20l {margin-left:20px}
.mg25l {margin-left:25px}
.mg30l {margin-left:30px}
.mg40l {margin-left:40px}
.mg50l {margin-left:50px}
.mg0r {margin-right:0 !important}
.mg5r {margin-right:5px !important}
.mg10r {margin-right:10px}
.mg15r {margin-right:15px}
.mg20r {margin-right:20px}
.mg25r {margin-right:25px}
.mg30r {margin-right:30px}
.mg40r {margin-right:40px}
.mg50r {margin-right:50px}
.mg5a {margin:5px}
.mg10a {margin:10px}
.mg15a {margin:15px}
.mg20a {margin:20px}
.mg25a {margin:25px}
.mg30a {margin:30px}
.mg20tf {margin-top:20px;margin-bottom:20px}
.mg50tf {margin-top:50px;margin-bottom:50px}
.mg50lr {margin-left:50px;margin-right:50px}

/*가로 크기*/
.w100 {width:100px}
.w90 {width:90px}
.w80 {width:80px}
.w70 {width:70px}
.w60 {width:60px}
.w50 {width:50px}
.w40 {width:40px}
.w30 {width:30px}
.w20 {width:20px}
.w100p {width:100%}
.w98p {width:98%}
.w95p {width:95%}
.w90p {width:90%}
.w80p {width:80%}
.w70p {width:70%}
.w60p {width:60%}
.w50p {width:49%}
.w45p {width:44%}
.w40p {width:40%}
.w33p {width:33.3333%}
.w30p {width:30%}
.w25p {width:25%}
.w20p {width:20%}
.w15p {width:15%}
.w10p {width:10%}
.fhelp {font-size:11px;letter-spacing:-1px;color:#6381aa;line-height:130%}

/*에디터용 출력 소스*/
.editor-wrap {background:#f9f9f9}
.editor-wrap:after {content:"";display:block;clear:both}
.cs-editor-list {}
.cs-editor-list li {list-style-type:inherit;list-style-position:inside}

table.cs-editor-tbl01 { border-collapse: collapse; border-spacing: 0px;empty-cells:show}
table.cs-editor-tbl01 td {border:1px solid #ccc;padding:5px}
table.cs-editor-tbl01 th {border:1px solid #ccc;padding:5px}
.js-load {display:none}
.js-load.active {display:block}
.is_comp.js-load:after {display:none}
.js-load {display:none}
.js-load.active {display:table-row}
li.js-load.active {display:block}

.cBtnBox1 {display:block;width:100%;text-align:center;margin:30px 0 0}
.cBtnBox1.top {margin:0 0 30px;}
.cBtnBox1.bottom {}
.cBtnBox1 > * {margin:0 3px}
.cBtnBox1:after {content:"";display:block;clear:both}
#popup-wrap .cBtnBox1.top {margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ddd;}
#popup-wrap .cBtnBox1.bottom {margin:30px 0 0;padding:30px 0 0;border-top:1px solid #ddd;}
@media all and (max-width:699px) {
	.cBtnBox1 {margin:20px 0 0}
	.cBtnBox1 > * {margin:0}
	.cBtnBox1.has3 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has3 > *:nth-child(1) {width:49%;margin-right:2%}
	.cBtnBox1.has3 > *:nth-child(2) {width:49%}
	.cBtnBox1.has3 > *:nth-child(3) {width:100%;margin:5px 0 0}
}
@media all and (max-width:599px) {
	.cBtnBox1.has1 > *,
	.cBtnBox1.has2 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has1 > * {width:100%}
	.cBtnBox1.has2 > * {width:49%;margin-right:2%}
	.cBtnBox1.has2 > *:last-child {margin-right:0}
	#popup-wrap .cBtnBox1.top {margin:0 0 20px;padding:0 0 20px}
	#popup-wrap .cBtnBox1.bottom {margin:20px 0 0;padding:20px 0 0}
}

@keyframes buzz {
	10%, 30% {transform: translateX(3px) rotate(2deg);}
	20%, 40% {transform: translateX(-3px) rotate(-2deg);}
	50%, 70% {transform: translateX(2px) rotate(1deg);}
	60%, 80% {transform: translateX(-2px) rotate(-1deg);}
	90% {transform: translateX(1px) rotate(0);}
	100% {transform: translateX(-1px) rotate(0);}
}