@charset "utf-8";
/*
*   name : uxis common
*   date : 2021.07.07 
*	수정불가. 추가는 padding, margin, width 등 값에 변동이 필요한 항목만 가능.
*	important가 필요할 시 class 뒤에 ip (ex - pb40ip{padding-bottom:40px !important}) 붙이기 !!!
*/


/* display */
.dbl {display:block;}
.dil {display:inline}
.dibl {display:inline-block;}


/* position */
.isabs {position:absolute;}
.isrel {position:relative;}
.isstc {position:static;}


/* overflow */
.no_hide {overflow:visible !important}


/* font */
.fnmar {font-weight:normal !important;}
.fbold {font-weight:bold !important;}
.let_s0 {letter-spacing:0  !important}

.f13 {font-size:1.3rem;}

/* gap */
.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;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap65 {height:65px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap75 {height:75px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap85 {height:85px;clear:both;overflow:hidden;display:block;}
.gap90 {height:90px;clear:both;overflow:hidden;display:block;}
.gap95 {height:95px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}
.gap130 {height:130px;clear:both;overflow:hidden;display:block;}
.gap200{height:200px;clear:both;overflow:hidden;display:block;}
.gap260{height:260px;clear:both;overflow:hidden;display:block;}

.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}

.gap1em {height:1em;clear:both;overflow:hidden;display:block;}
.gap1d22em {height:1.22em;clear:both;overflow:hidden;display:block;}
.gap1d5em {height:1.5em;clear:both;overflow:hidden;display:block;}
.gap1d7em {height:1.7em;clear:both;overflow:hidden;display:block;}
.gap2em {height:2em;clear:both;overflow:hidden;display:block;}
.gap2d5em {height:2.5em;clear:both;overflow:hidden;display:block;}
.gap3em {height:3em;clear:both;overflow:hidden;display:block;}
.gap3d5em {height:3.5em;clear:both;overflow:hidden;display:block;}
.gap4em {height:4em;clear:both;overflow:hidden;display:block;}
.gap4d5em {height:4.5em;clear:both;overflow:hidden;display:block;}


/* align */
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{float:left}
.fr{float:right}


/* object hide */
.behind{left: -9999em; top: -9999em; width: 1px; height: 1px; overflow: hidden; position: absolute;}
.a11y {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.hidden{display:none}


/* word setting */
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wkeep {white-space:normal;word-break:keep-all;}
.nowrap {white-space:nowrap;}


/* width */
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w145 {width:145px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w300 {width:300px;}
.w360 {width:360px;}
.w500 {width:500px;}
.w650 {width:650px;}
.w1000 {width:1000px;}

.w100ip {width:100px !important;}
.w110ip {width:110px !important;}
.w120ip {width:120px !important;}
.w130ip {width:130px !important;}
.w200ip {width:200px !important;}
.w300ip {width:300px !important;}
.w500ip {width:500px !important;}
.w600ip {width:600px !important;}
.w1000ip {width:1000px !important;}

.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w30p {width:30%;}
.w35p {width:35%;}
.w40p {width:40%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w65p {width:65%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w98p {width:98%;}
.w100p {width:100%;}

.w50pip {width:50% !important;}

/* placeholder click */
input:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder{/* WebKit browsers */color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{/* Mozilla Firefox 19+ */color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{/* Internet Explorer 10+ */color:transparent;}