echajoa/design/staff/assets/css/common.css

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*초기화*/
body, h1, h2, h3, h4, h5, h6, p, ul, li,button,dl,dt,dd,form,fieldset,legend,table,thead,tbody,tfoot,tr,td,th,span,figure{margin:0; padding:0; word-break:keep-all;}
em,address{font-style:normal;}
ul, li{list-style:none;}
button{border:0;background:none;cursor:pointer;}
button>span{-ms-transform: translate(0px, -0.5px);}

*, :after, :before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-text-size-adjust: none; /*ios 확대방지*/
  font-family: 'Noto Sans KR', sans-serif;
}
a img{border:0;}
fieldset{border:0;}
legend{display:none;}
body,html,button,select,input,textarea{font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:400;color:#333; line-height:1.5;letter-spacing: -0.5px;}
a{text-decoration:none;color:#333;}
iframe{border:0;}
legend{display:none;}
table{width: 100%;table-layout:fixed; margin:0; padding:0; border:0; border-collapse: collapse; border-spacing: 0;}
table caption{display:none;}
strong{font-weight: 600;}

a{
  text-decoration:none;
}

.a_link{color: #4673cd;text-decoration: underline;}
.cursor_p{cursor: pointer;}


/*레이아웃*/
.hide{font-size:0;line-height:0;width: 0;height: 0;opacity: 0;display: none;}
.noscroll {position: fixed; overflow-y:scroll;width: 100%;}
.f_left{justify-content: flex-start!important;}
.cursor_none{cursor: auto;}



.t--left{text-align: left !important;}

.t--center{text-align: center !important;}

.t--right{text-align: right !important;}
.ellipsis1{text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;display: block;max-width: 96%;}
.ellipsis2{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/* 라인수 */-webkit-box-orient: vertical;line-height: 1.2em;max-height: 2.4em;}
.ellipsis3{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/* 라인수 */-webkit-box-orient: vertical;line-height: 1.2em;max-height: 3.6em;}



.fs12{
  font-size:12px!important;
}
.fs13{
  font-size:13px!important;
}
.fs14{
  font-size:14px!important;
}
.fs15{
  font-size:15px!important;
}
/*마진, 패딩*/
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt75{margin-top:75px !important;}
.mt70{margin-top:70px !important;}
.mt68{margin-top:68px !important;}
.mt66{margin-top:66px !important;}
.mt65{margin-top:65px !important;}
.mt60{margin-top:60px !important;}
.mt55{margin-top:55px !important;}
.mt50{margin-top:50px !important;}
.mt45{margin-top:45px !important;}
.mt40{margin-top:40px !important;}
.mt35{margin-top:35px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt12{margin-top:12px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.mt2{margin-top:2px !important;}
.mt0{margin-top:0px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}

.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.m0{margin:0 !important;}
.p0{padding:0 !important;}


.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}
.pb123{padding-bottom:123px!important;}
.pb140{padding-bottom:140px !important;}

.pr0{padding-right:0px!important;}

.pl8{padding-left:8px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}

.pt0{padding-top:0px!important;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}

.ovfn{
  overflow:unset!important;
}

.m--auto{
  margin:0 auto;
}



/*
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #E9EFF3;
  border-radius: 50px;
}


*::-webkit-scrollbar-thumb {
  background: #2749B5;
  border-radius: 50px;
}
*/


.normal--wrap{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  min-height:calc(100vh - 66px);
}

.normal--wrap.full--size{
  max-width:100%;
}


.form-control{
  border:1px solid #f3f3f3;
}

input.form-control::placeholder{
  font-weight: 350;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #999999;
}

.form-control.pasword--in{
  background:url(../img/pw_ic.svg) no-repeat 20px center;
  padding-left:53px;
}


.sch--ic{
  display: inline-flex;
  min-width:15px;
  width:15px;
  height:15px;
  background:url(../img/sch_ic_bl.svg) no-repeat center;
  margin-left:10px;
  position: relative;
  top:1px;
}

.sch--btnz:hover .sch--ic{
  background:url(../img/sch_ic.svg) no-repeat center;
}