:root {
  --client-01-color: #39C0C1;
  --client-02-color: #10A58A;
  --client-03-color: #2C7575;

  --client-11-color: #3BCDB7;
  --client-12-color: #FA6C3A;
}

p{font-size: 13pt;}
small{font-size: 11pt;}

.c-client-01{color: var(--client-01-color)!important;}
.c-client-02{color: var(--client-02-color)!important;}
.c-client-03{color: var(--client-03-color)!important;}

.bg-client-01{background-color: var(--client-01-color)!important;}
.bg-client-02{background-color: var(--client-02-color)!important;}
.bg-client-03{background-color: var(--client-03-color)!important;}

.c-client-11{color: var(--client-11-color);}
.c-client-12{color: var(--client-12-color);}

.input-white>.mdc-text-field--outlined{background-color: #FFFFFF;}

.overflow-block{overflow: hidden;}

.wb-ka{word-break: keep-all;}
.c-white {color: #ffffff!important;}
.c-gray-01{color: #BEBEBE;}

.c-black-01{color: #131313;}

.bgc-white{background-color: #FFFFFF;}


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

.lh-15{line-height: 1.5;}
.lh-17{line-height: 1.7;}
.lh-200{line-height: 200%;}




/** INPUT BOX CUSTOM : SUPARK */
.la-input-custom-layer{width: 100%; position: relative;}
.la-input-custom:focus{outline: none;}
.la-input-custom::placeholder{color: #131313;}
.la-input-custom{
  display: inline-block;
  font-size: 16px;
  color: #4A4A4A;
  padding: 17px 20px;
  width: calc(100% - 40px);
  border: 1px solid #F0F0F0;
  background-color: #F0F0F0;
  border-radius: 6px;
  transition: all 0.3s;
  font-family: 'Noto Sans KR', sans-serif;
}
.la-input-custom:focus::placeholder{color: transparent;}
.la-input-custom:focus::-ms-input-placeholder{color: transparent;}
.la-input-custom-layer>.la-input-custom-label{
  position: absolute;
  color: #4A4A4A;
  font-size: 13px;
  top: 15px;
  left: 15px;
  opacity: 0;
  padding: 0 5px;
  transition: all 0.3s;
}
.la-input-custom-layer.on>.la-input-custom-label{opacity: 1; top: -10px; background-color: #FFFFFF;}
.la-input-custom-layer.on>.la-input-custom{border: 1px solid #3BCDB7; background-color: #FFFFFF;}

.la-input-custom-layer.error>.la-input-custom-label{opacity: 1; top: -10px; background-color: #FFFFFF;}
.la-input-custom-layer.error>.la-input-custom{border: 1px solid #FA6C3A; background-color: #FFFFFF;}

/** INPUT BOX CUSTOM - DARK : SUPARK */
._la_vmode.dark .la-input-custom::placeholder{color: #A3A3A3;}
._la_vmode.dark .la-input-custom{color: #FFFFFF; border: 1px solid #4A4A4A; background-color: #4A4A4A;}
._la_vmode.dark .la-input-custom-layer>.la-input-custom-label{color: #A3A3A3;}
._la_vmode.dark .la-input-custom-layer.on>.la-input-custom-label{opacity: 1; top: -10px; background-color: #000000;}
._la_vmode.dark .la-input-custom-layer.on>.la-input-custom{border: 1px solid #3BCDB7; background-color: #000000;}


._la_vmode.dark .la-input-custom-layer.error>.la-input-custom-label{opacity: 1; top: -10px; background-color: #000000;}
._la_vmode.dark .la-input-custom-layer.error>.la-input-custom{border: 1px solid #FA6C3A; background-color: #000000;}

.la-input-custom-layer-msg{color: #FA6C3A; font-size: 13px; padding: 5px 0 0 20px; height: 25px;}
.la-input-custom-layer-msg-height-0{color: #FA6C3A; font-size: 13px; padding: 5px 0 0 20px;}

/** INPUT BOX CUSTOM - FILE */
.input-custom-file-box-btn label{
  display: inline-block;
  font-size: 16px;
  color: #4A4A4A;
  padding: 17px 20px;
  width: calc(100% - 40px);
  border: 1px solid #F0F0F0;
  background-color: #F0F0F0;
  border-radius: 6px;
  transition: all 0.3s;
  font-family: 'Noto Sans KR', sans-serif;
}
.input-custom-file-box-btn label{
  background-image: url("/assets/images/icon/w-upload.png");
  background-position: center right 20px;
  background-repeat: no-repeat;
}
/*.la-input-custom-layer.on>.input-custom-file-box-btn label{background-image: none;}*/



.input-custom-file-box-btn input[type="file"] {/* 파일 필드 숨기기 */
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}

.la-input-custom-layer.on>.input-custom-file-box-btn label{
  border: 1px solid #3BCDB7; background-color: #FFFFFF;
}

._la_vmode.dark .input-custom-file-box-btn label{
  color: #A3A3A3;
  border: 1px solid #4A4A4A;
  background-color: #4A4A4A;
}

._la_vmode.dark .la-input-custom-layer.on>.input-custom-file-box-btn label{
  border: 1px solid #3BCDB7; background-color: #4A4A4A; color: #A3A3A3;
}

._la_vmode.dark .la-input-custom-layer.on>.input-custom-file-box-btn label{
  color: #FFFFFF;
  background-color: #010101;
}


/** INPUT BOX CUSTOM - SELECT */
.la-input-custom-layer-select{cursor: pointer;}

/* IBC SELECT - SELECT */
.la-input-custom-layer-select>.la-input-custom-select>.lics-select{}
.la-input-custom-layer-select.on>.la-input-custom-select{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.la-input-custom-layer-select>.la-input-custom-select>.lics-select>img{float: right; transition:all 100ms; transform: rotate(180deg);}
.la-input-custom-layer-select.on>.la-input-custom-select>.lics-select>img{transform: rotate(0deg);}

/* IBC SELECT - OPTION */
.la-input-custom-layer-select>.lics-options{
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-left: 1px solid #3BCDB7;
  border-right: 1px solid #3BCDB7;
  border-bottom: 1px solid #3BCDB7;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: all 0.1s;
  max-height: 0px;
  opacity: 0;
  background-color: #FFFFFF;
}
.la-input-custom-layer-select.on>.lics-options{
  max-height: 270px;
  opacity: 1;
}
.la-input-custom-layer-select>.lics-options>.lics-options-item{
  display: inline-block;
  font-size: 16px;
  color: #4A4A4A;
  padding: 17px 20px;
  width: calc(100% - 42px);
  font-family: 'Noto Sans KR', sans-serif;
  background-color: #FFFFFF;
}
.la-input-custom-layer-select>.lics-options>.lics-options-item:not(:first-child){
  border-top: 1px solid #3BCDB7;
}
.la-input-custom-layer-select>.lics-options>.lics-options-item:hover{
  border: 1px solid #3BCDB7;
  background-color: #3BCDB7;
}

._la_vmode.dark .la-input-custom-layer-select>.la-input-custom-select>.lics-select{color: #A3A3A3;}
._la_vmode.dark .la-input-custom-layer-select.selected>.la-input-custom-select>.lics-select{color: #FFFFFF;}
._la_vmode.dark .la-input-custom-layer-select>.lics-options{background-color: #010101;}
._la_vmode.dark .la-input-custom-layer-select>.lics-options>.lics-options-item{background-color: #010101; color: #FFFFFF;}
._la_vmode.dark .la-input-custom-layer-select>.lics-options>.lics-options-item:hover{
  border: 1px solid #3BCDB7;
  background-color: #3BCDB7 !important;
}



/* INPUT BOX CUSTOM - CHECKBOX */
.custom-checkbox-container{position: relative;}
/* 기본 체크박스 DISPLAY NONE */
.custom-checkbox-container input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
/* CURSOR POINTER */
.custom-checkbox-container input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* RE DESIGN */
.custom-checkbox-container input[type="checkbox"] + label:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: transparent;
  border: 1px solid #3BCDB7;
  border-radius: 4px;
  margin-top: 1px;
}
.custom-checkbox-container input[type="checkbox"] + label:active:before,
.custom-checkbox-container input[type="checkbox"]:checked + label:active:before {background-color: transparent;}
.custom-checkbox-container input[type="checkbox"]:checked + label:before {
  background-image: url("/assets/images/icon/ic_round-check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  color: #FFFFFF;
  text-shadow: 1px 1px white;
  background-color: #3BCDB7;
}


.la-input-custom-layer.error>.input-custom-file-box-btn>label{border: 1px solid #FA6C3A; background-color: #FFFFFF;}
._la_vmode.dark .la-input-custom-layer.error>.input-custom-file-box-btn>label{border: 1px solid #FA6C3A; background-color: #000000;}


/** LA BTN CUSTOM : SUPARK */
.labtn{
  position: relative;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  min-width: 120px;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 20px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.46, 0.94);
  user-select: none;
  /*border: none;*/
  color: #3BCDB7;
  border: 2px solid #3BCDB7;
  border-radius: 10px;
  margin: 3px 0;
}

.btn-gray {
  /*background-color: #999999!important;*/
  border: 2px solid transparent;
  color: #ffffff!important;
  border-radius: 10px!important;
  background-image: linear-gradient(to right, #39C0C1 0%, #2C7575 100%);
  background-origin: border-box;
  background-clip: border-box;
  box-shadow: 0 0 0 2px transparent inset;
}


.labtn:before, .labtn:after {content: ''; position: absolute; transition: inherit; z-index: -1;}
.labtn:hover {color: #FFFFFF; z-index: 1;border: 2px solid #3BCDB7;}
/*.labtn:hover:after {border-radius: 5px !important;}*/
.labtncase1:before, .labtncase1:after{left: 0; height: 0; width: 100%; border-radius: 10px;}
.labtncase1:after {bottom: 0; height: 0; background: #3BCDB7;}
.labtncase1:hover:before,
.labtncase1:hover:after {height: 100%; border-radius: 6px; }

/* TABLE & MOBILE 481/768 */
@media screen and (min-width: 481px) and (max-width: 768px){
  .labtn{padding: 16px 5px; margin: 0; min-width: 200px; transition: none; border-radius: 10px;}
}
/* MOBILE :: 480 */
@media screen and (min-width: 0px) and (max-width: 480px){
  .labtn{padding: 16px 5px; margin: 0; width: 90%; transition: none; border-radius: 10px;}
}





/** SVG DARKMODE :: 임시로 전역 사용에 작성 : 추후 변경 예정  */
/** MAIN 링크 01 아이콘 DFAULT / HOVER / DARK */
#linkico_1 #linkico_1_1{stroke: #10A58A;}
#linkico_1 #linkico_1_2{fill: #FFFFFF;}
#linkico_1 #linkico_1_3{fill: #10A58A;}
#linkico_1 #linkico_1_4{fill: #10A58A;}

#linkico_1:hover #linkico_1_1{stroke: #10A58A; fill: #10A58A;}
#linkico_1:hover #linkico_1_3{fill: #FFFFFF;}

._la_vmode.dark #linkico_1 #linkico_1_1{stroke: #10A58A !important;}
._la_vmode.dark #linkico_1 #linkico_1_2{fill: #FFFFFF !important;}
._la_vmode.dark #linkico_1 #linkico_1_3{fill: #10A58A !important;}
._la_vmode.dark #linkico_1 #linkico_1_4{fill: #10A58A !important;}

._la_vmode.dark #linkico_1:hover #linkico_1_1{stroke: #10A58A !important; fill: #10A58A !important;}
._la_vmode.dark #linkico_1:hover #linkico_1_3{fill: #FFFFFF !important;}

/** MAIN 링크 02 아이콘 DFAULT / HOVER / DARK */
#linkico_2 #linkico_2_1{stroke: #10A58A;}
#linkico_2 #linkico_2_2{fill: #10A58A;}
#linkico_2 #linkico_2_3{fill: #10A58A;}

#linkico_2:hover #linkico_2_1{stroke: #10A58A; fill: #10A58A;}
#linkico_2:hover #linkico_2_2{fill: #FFFFFF;}

._la_vmode.dark #linkico_2 #linkico_2_1{stroke: #10A58A !important;}
._la_vmode.dark #linkico_2 #linkico_2_2{fill: #10A58A !important;}
._la_vmode.dark #linkico_2 #linkico_2_3{fill: #10A58A !important;}

._la_vmode.dark #linkico_2:hover #linkico_2_1{stroke: #10A58A !important; fill: #10A58A !important;;}
._la_vmode.dark #linkico_2:hover #linkico_2_2{fill: #FFFFFF !important;}

/** MAIN 링크 03 아이콘 DFAULT / HOVER / DARK */
#linkico_3 #linkico_3_1{stroke: #10A58A;}
#linkico_3 #linkico_3_2{fill: #10A58A;}
#linkico_3 #linkico_3_3{fill: #10A58A;}

#linkico_3:hover #linkico_3_1{stroke: #10A58A; fill: #10A58A;}
#linkico_3:hover #linkico_3_2{fill: #FFFFFF;}

._la_vmode.dark #linkico_3 #linkico_3_1{stroke: #10A58A !important;}
._la_vmode.dark #linkico_3 #linkico_3_2{fill: #10A58A !important;}
._la_vmode.dark #linkico_3 #linkico_3_3{fill: #10A58A !important;}

._la_vmode.dark #linkico_3:hover #linkico_3_1{stroke: #10A58A !important; fill: #10A58A !important;}
._la_vmode.dark #linkico_3:hover #linkico_3_2{fill: #FFFFFF !important;}

._la_vmode.dark{
  color: #f0f0f0 !important;
}





/* OWL SLIDE - DEFAULT */
.lade_area_slide{padding: 0px; height: 482px;}
/*.owl-item{outline: 1px solid #ff7000;}*/

.sev-la{transition: all 0.1s;}
.sev-la>div{cursor: pointer;}

.sev-lawteam{background-color: #39C0C1; border-radius: 30px; height: 100%;}
.sev-checkteam{background-color: #10A58A; border-radius: 30px; height: 100%;}
.sev-bigcrowd{background-color: #2C7575; border-radius: 30px; height: 100%;}

.sev-la-con{height: 0px; padding-top: 10px; color: #FFFFFF; font-size: 14px; font-weight: 400; line-height: 180%; word-break: keep-all; opacity: 0;}
.sev-la-tit{padding-top: 20px; color: #FFFFFF; font-size: 18px; font-weight: 600; line-height: 180%; word-break: keep-all; text-align: center;}
.slide.owl-custom-on .sev-la-tit{text-align: left; padding-top: 0;}

/* OWL SLIDE - WEB */
/* ON : width: 310px; OTHER : width: 240px;*/
.owl-item:not(.active) .sev-la{height: 350px; padding: 50px 0;} /* DEFAULT */
.owl-item.active>.slide.owl-custom-on>.sev-la{height: 460px; width: 120%; margin-left: -10%;} /* ON */
.owl-item.active>.slide.owl-custom-next>.sev-la{height: 350px; padding: 50px 0;} /* NEXT */
.owl-item.active>.slide.owl-custom-prev>.sev-la{height: 350px; padding: 50px 0;} /* PREV */


.sev-la>div>.sev-la-box{padding: 80px 20px 50px 20px;}

.sev-la>div>.sev-la-box>.sev-la-ico>img{width: inherit !important; max-height: 100%;}
.owl-item.active>.slide.owl-custom-on>.sev-la>div>.sev-la-box>.sev-la-ico{height: 130px;}
.owl-item.active>.slide.owl-custom-on>.sev-la>div>.sev-la-box>.sev-la-ico>img{margin-left: auto; margin-right: 0; margin-top: auto;}
.owl-item.active>.slide.owl-custom-on>.sev-la>.sev-lawteam>.sev-la-box>.sev-la-ico>img{}
.owl-item>.slide>.sev-la>div>.sev-la-box>.sev-la-ico{height: 100px;}
.owl-item.active>.slide:not(.owl-custom-on)>.sev-la>div>.sev-la-box>.sev-la-ico{transition: all 1s;}
.sev-la>div>.sev-la-box>.sev-la-ico>img{margin-left: auto; margin-right: auto; max-height: 100%;}

.owl-item.active>.slide.owl-custom-on>.sev-la>div>.sev-la-box>.sev-la-con{height: 140px; opacity: 1; transition: all 1s;}


@media screen and (max-width: 820px){
  .lade_area_slide{max-width: 100% !important;}

  .owl-item.active>.slide.owl-custom-on>.sev-la{height: 460px; width: inherit; margin-left: inherit;} /* ON */
  .owl-item.active>.slide.owl-custom-next>.sev-la{height: 350px; padding: 50px 0;} /* NEXT */
  .owl-item.active>.slide.owl-custom-prev>.sev-la{height: 350px; padding: 50px 0;} /* PREV */

  .owl-item.active>.slide.owl-custom-on>.sev-la>div>.sev-la-box{} /* ON */
  .owl-item.active>.slide.owl-custom-next>.sev-la>div>.sev-la-box{} /* NEXT */
  .owl-item.active>.slide.owl-custom-prev>.sev-la>div>.sev-la-box{} /* PREV */
}




/* COLOR : DEFAULT */
.la-modal-box{background-color: #FFFFFF; border: 2px solid #3BCDB7;}
.la-modal-icon{background-color: #FFFFFF; border: 2px solid #3BCDB7;}
.la-modal-icon>svg>path{fill: #3BCDB7;}
.la-modal-btn{background-color: #3BCDB7; border: 2px solid #3BCDB7; color: #FFFFFF;}

._la_vmode.dark .la-modal-box{background-color: #000000; border: 2px solid #3BCDB7; color: #FFFFFF;}
._la_vmode.dark .la-modal-icon{background-color: #000000; border: 2px solid #3BCDB7;}
._la_vmode.dark .la-modal-icon>svg>path{fill: #3BCDB7;}
._la_vmode.dark .la-modal-btn{background-color: #3BCDB7; border: 2px solid #3BCDB7; color: #FFFFFF;}

/* COLOR : WARNING */
.la-modal-warning .la-modal-box{background-color: #FFFFFF; border: 2px solid #FA6C3A;}
.la-modal-warning .la-modal-icon{background-color: #FA6C3A; border: 2px solid #FA6C3A;}
.la-modal-warning .la-modal-btn{background-color: #FA6C3A; border: 2px solid #FA6C3A; color: #FFFFFF;}

._la_vmode.dark .la-modal-warning .la-modal-box{background-color: #000000; border: 2px solid #FA6C3A; color: #FFFFFF;}
._la_vmode.dark .la-modal-warning .la-modal-icon{background-color: #FA6C3A; border: 2px solid #FA6C3A;}
._la_vmode.dark .la-modal-warning .la-modal-btn{background-color: #FA6C3A; border: 2px solid #FA6C3A; color: #FFFFFF;}

@media screen and (min-width: 0px) and (max-width: 480px){
  .la-input-custom{
    font-size: 14px;
  }
  .input-custom-file-box-btn label{
    font-size: 14px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px){
  .la-input-custom{
    font-size: 15px;
  }
  .input-custom-file-box-btn label{
    font-size: 15px;
  }
}

.w-100 {
  width: 100%!important;
}
.w-90 {
  width: 90%!important;
}
.w-80 {
  width: 80%!important;
}
.w-50 {
  width: 50%!important;
}
.brd-50 {
  border-radius: 50px!important;
}