@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 !important;}
.dil {display:inline !important}
.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;}


/* padding, margin */
.pd0 {padding:0 !important;}
table.pd0 th, table.pd0 td {padding:0 !important;}

.pb0{padding-bottom:0px !important;}
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl0{ padding-left:0px !important;}
.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl20ip{ padding-left:20px !important;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr0{padding-right:0px !important;}
.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt0{ padding-top:0 !important;}
.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml_auto { margin-left: auto;}
.ml0 { margin-left:0px !important;}
.ml2 { margin-left:2px}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr_auto { margin-right: auto;}
.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mt0{ margin-top:0px !important;}
.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px }
.mb12{ margin-bottom:12px;}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb35{ margin-bottom:35px}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb54{ margin-bottom:54px;}
.mb60{ margin-bottom:60px;}

.mt1rem {margin-top:1rem;}
.mt2rem {margin-top:2rem;}

.mb1rem {margin-bottom:1rem}
.mb1remip {margin-bottom:1rem !important;}
.mb2rem {margin-bottom:2rem}
.mb2remip {margin-bottom:2rem !important;}


/* 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;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w1000 {width:1000px;}

.w100ip {width:100px !important;}
.w110ip {width:110px !important;}
.w120ip {width:120px !important;}
.w130ip {width:130px !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;}