@charset "utf-8";

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

/* animation */
.trn{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; -webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);}
*::before, *::after{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; -webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);}

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

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

/*포지셔닝*/
.ps{position:static;}
.pr{position:relative;}
.pa{position:absolute;}
.px{position:fixed;}

.db{display:block;position:relative;}
.di{display:inline-block !important;}
.dn{display:none !important;}

/*박스유형*/
.isbox, .is-rel, .is-box {display:block;position:relative;}
.isabs, .is-abs {position:absolute;}
.inline {display:inline-block;}
.disabled{pointer-events:none;background-color:#eee;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}		/* 글자 생략 */
.wb{word-break:break-all;}													/* 무조건 줄바꿈  */
.wn{white-space:nowrap}														/* 줄바꿈 안함 */
.wp{white-space:pre;}														/* 마크업 수동 줄바꿈 */
.wpl{white-space:pre-line;}													/* 마크업 자동 줄바꿈 */

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

/* LI 목록 데이터 없음 스타일 기본 */
li.no-data,li.noData {padding-top:50px;padding-bottom:50px;height:auto;text-align:center;width:100%;}

/* 공백 */
.blank10 {height:10px;clear:both;overflow:hidden;display:block;}
.blank15 {height:15px;clear:both;overflow:hidden;display:block;}
.blank20 {height:20px;clear:both;overflow:hidden;display:block;}
.blank25 {height:25px;clear:both;overflow:hidden;display:block;}
.blank30 {height:30px;clear:both;overflow:hidden;display:block;}
.blank35 {height:35px;clear:both;overflow:hidden;display:block;}
.blank40 {height:40px;clear:both;overflow:hidden;display:block;}
.blank45 {height:45px;clear:both;overflow:hidden;display:block;}
.blank50 {height:50px;clear:both;overflow:hidden;display:block;}
.blank55 {height:55px;clear:both;overflow:hidden;display:block;}
.blank60 {height:60px;clear:both;overflow:hidden;display:block;}
.blank65 {height:65px;clear:both;overflow:hidden;display:block;}
.blank70 {height:70px;clear:both;overflow:hidden;display:block;}
.blank75 {height:75px;clear:both;overflow:hidden;display:block;}
.blank80 {height:80px;clear:both;overflow:hidden;display:block;}
.blank85 {height:85px;clear:both;overflow:hidden;display:block;}
.blank90 {height:90px;clear:both;overflow:hidden;display:block;}
.blank95 {height:95px;clear:both;overflow:hidden;display:block;}
.blank100 {height:100px;clear:both;overflow:hidden;display:block;}

/* 마우스 커서 */
button{cursor:pointer;}
.cp{cursor:pointer;}
.cd{cursor:default;}
.cm{cursor:move;}
.ct{cursor:text;}
.cw{cursor:wait;}

/*정렬*/
.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;}
.ti5{text-indent:5px;}
.ti10{text-indent:10px;}
.ti15{text-indent:15px;}
.ti20{text-indent:20px;}
.ti25{text-indent:25px;}
.ti30{text-indent:30px;}
.ti35{text-indent:35px;}
.ti40{text-indent:40px;}
.ti45{text-indent:45px;}
.ti50{text-indent:50px;}

/* 폰트색상 */
.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:#eee !important;}

.cred {color:#d21520 !important;}
.cblue {color:#0057a6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#e24431 !important;}

.bg1 {background-color:#69696a}
.bg2 {background-color:#111}
.bg3 {background-color:#848484}
.bg4 {background-color:#727272}
.bg5 {background-color:#f7f7f7}


/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}
.bi {font-weight:bold !important;}

.fs {font-size:90%}
.fb {font-size:120%;}

.fi{font-style: italic;}

.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;}
.fs10{font-size:1.0em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs17{font-size:1.7em;}
.fs18{font-size:1.8em;}
.fs19{font-size:1.9em;}
.fs20{font-size:2.0em;}
.fs21{font-size:2.1em;}
.fs22{font-size:2.2em;}
.fs23{font-size:2.3em;}
.fs24{font-size:2.4em;}
.fs25{font-size:2.5em;}
.fs26{font-size:2.6em;}
.fs27{font-size:2.7em;}
.fs28{font-size:2.8em;}
.fs29{font-size:2.9em;}
.fs30{font-size:3em;}

/* 글자 두깨 */
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}

/* 수직 글자 간격 */
.lh10{line-height:1em;}
.lh11{line-height:1.1em;}
.lh12{line-height:1.2em;}
.lh13{line-height:1.3em;}
.lh14{line-height:1.4em;}
.lh15{line-height:1.5em;}
.lh16{line-height:1.6em;}
.lh17{line-height:1.7em;}
.lh18{line-height:1.8em;}
.lh19{line-height:1.9em;}
.lh20{line-height:2.0em;}
.lh21{line-height:2.1em;}
.lh22{line-height:2.2em;}
.lh23{line-height:2.3em;}
.lh24{line-height:2.4em;}
.lh25{line-height:2.5em;}
.lh26{line-height:2.6em;}
.lh27{line-height:2.7em;}
.lh28{line-height:2.8em;}
.lh29{line-height:2.9em !important;}
.lh30{line-height:3em;}

/* 수평 글자 간격 */
.ls0{letter-spacing:0;}
.ls01{letter-spacing:0.1em;}
.ls02{letter-spacing:0.2em;}
.ls03{letter-spacing:0.3em;}
.ls04{letter-spacing:0.4em;}
.ls05{letter-spacing:0.5em;}
.ls06{letter-spacing:0.6em;}
.ls07{letter-spacing:0.7em;}
.ls08{letter-spacing:0.8em;}
.ls09{letter-spacing:0.9em;}
.ls10{letter-spacing:1em;}
.ls11{letter-spacing:1.1em;}
.ls12{letter-spacing:1.2em;}
.ls13{letter-spacing:1.3em;}
.ls14{letter-spacing:1.4em;}
.ls15{letter-spacing:1.5em;}
.ls16{letter-spacing:1.6em;}
.ls17{letter-spacing:1.7em;}
.ls18{letter-spacing:1.8em;}
.ls19{letter-spacing:1.9em;}

/*영문,숫자*/
.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}

/*마진*/
.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}
.mg3t {margin-top:3px;}
.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;}
.mg50t {margin-top:50px;}
.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;}
.mg5r {margin-right:5px;}
.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;}
.mg100t {margin-top:100px;}

/*가로 크기*/
.w900{width: 900px;}
.w180{width: 179px;}
.w170{width: 170px;}
.w150{width: 149px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w75{width: 75px;}
.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% !important;}
.w90p {width:90% !important;}
.w80p {width:80%}
.w70p {width:70% !important;}
.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%;}
.w5p {width:10%;}

.wcalc1{width:-webkit-calc(100% / 1);width:-moz-calc(100% / 1);width:calc(100% / 1);}
.wcalc2{width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);}
.wcalc3{width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);}
.wcalc4{width:-webkit-calc(100% / 4);width:-moz-calc(100% / 4);width:calc(100% / 4);}
.wcalc5{width:-webkit-calc(100% / 5);width:-moz-calc(100% / 5);width:calc(100% / 5);}
.wcalc6{width:-webkit-calc(100% / 6);width:-moz-calc(100% / 6);width:calc(100% / 6);}
.wcalc7{width:-webkit-calc(100% / 7);width:-moz-calc(100% / 7);width:calc(100% / 7);}
.wcalc8{width:-webkit-calc(100% / 8);width:-moz-calc(100% / 8);width:calc(100% / 8);}
.wcalc9{width:-webkit-calc(100% / 9);width:-moz-calc(100% / 9);width:calc(100% / 9);}
.wcalc10{width:-webkit-calc(100% / 10);width:-moz-calc(100% / 10);width:calc(100% / 10);}