@charset "UTF-8";


/* 정렬( overflow, float, text-align, vertical-align ) */

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

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

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

.vertical-top{
  vertical-align: top !important;
}

.vertical-middle{
  vertical-align: middle !important;
}

.vertical-bottom{
  vertical-align: bottom !important;
}


/* 포지션 ( position ) */

.position-relative{
  position: relative;
}

.position-static{
  position: static !important;
}

/* display */

.display-block{
  display: block !important;
}

.display-none{
  display: none !important;
}

.display-inline-block{
  display: inline-block;
}

.display-inline{
  display: inline;
}


.visibility-hidden{
  visibility: hidden;
}

/* flex */

.flex-center {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-align-center {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
}

.flex-align-baseline {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.flex-align-start {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flex-align-end {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flex-space-between {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-center-between {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-start-between {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-end-between {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-column {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-row {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-center-row {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-column-center {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.flex-column-start {
  display: flex !important;
  display: -webkit-flex !important;
  -webkit-flex-direction: column !important ;
  flex-direction: column !important;
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important;
}

.flex-start-center {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.flex-start {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-start-center {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.flex-justify-start{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex-justify-end{
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-end-center{
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

/* 크기 ( width, height ) class 뒤에 px 가 없을 경우 %로 나타낸다. */

/* width */

/* % */
.width__100{
  width:100% !important;
}

.width__95{
  width:95% !important;
}

.width__90{
  width:90% !important;
}

.width__85{
  width:85% !important;
}

.width__80{
  width:80% !important;
}

.width__75{
  width:75% !important;
}

.width__70{
 width:70% !important;
}

.width__65{
  width:65% !important;
}

.width__60{
 width:60% !important;
}

.width__55{
  width:55% !important;
}

.width__50{
 width:50% !important;
}

.width__45{
  width:45% !important;
}

.width__40{
 width:40% !important;
}

.width__35{
  width:35% !important;
}

.width__30{
 width:30% !important;
}

.width__25{
  width:25% !important;
}

.width__20{
 width:20% !important;
}

.width__15{
  width:15% !important;
}

.width__12{
 width:12% !important;
}

.width__10{
 width:10% !important;
}

.width__8{
 width:8% !important;
}

.width__6{
 width:6% !important;
}

.width__5{
 width:5% !important;
}

.width__4{
 width:4% !important;
}

.width__2{
 width:2% !important;
}

/* px(rem) */

.width__80px{
  width: 8rem;
}

.width__100px{
  width: 10rem;
}

.width__120px{
  width: 12rem;
}

.width__150px{
  width: 15rem;
}

.width__180px{
  width: 18rem;
}

.width__200px{
  width: 20rem;
}

.width__250px{
  width: 25rem;
}

.width__300px{
  width: 30rem;
}

.width__350px{
  width: 35rem;
}

.width__100vw{
  width:100vw !important;
}

.width-auto{
  width: auto;
}

/* height */

.height__100{
  height: 100%;
}

.height__40px{
  height: 4rem;
}

.height__50px{
  height: 5rem;
}

.height__100px{
  height: 10rem;
}

.min-height__240px{
  min-height: 24rem;
}

.min-height__260px{
  min-height: 26rem;
}

.min-height__280px{
  min-height: 28rem;
}

.min-height__300px{
  min-height: 30rem;
}

/* 마진, 패딩 ( margin, padding ) */
/* margin */

.margin-auto{
  margin:auto;
}

.margin-center-auto{
  margin-left: auto;
  margin-right: auto;
}

.margin-top__0{
  margin-top: 0 !important;
}

.margin-left__0{
  margin-left: 0 !important;
}

.margin-right__0{
  margin-right: 0 !important;
}

.margin-bottom__0{
  margin-bottom:0;
}

.margin-top__10px{
  margin-top: 1rem !important;
}

.margin-top__20px{
  margin-top: 2rem !important;
}

.margin-top__30px{
  margin-top: 3rem !important;
}

.margin-top__40px{
  margin-top: 4rem !important;
}

.margin-top__50px{
  margin-top: 5rem !important;
}

.margin-left__10px{
  margin-left: 1rem !important;
}

.margin-left__20px{
  margin-left: 2rem !important;
}

.margin-left__30px{
  margin-left: 3rem !important;
}

.margin-left__40px{
  margin-left: 4rem !important;
}

.margin-left__50px{
  margin-left: 5rem !important;
}

.margin-right__10px{
  margin-right: 1rem !important;
}

.margin-right__20px{
  margin-right: 2rem !important;
}

.margin-right__30px{
  margin-right: 3rem !important;
}

.margin-right__40px{
  margin-right: 4rem !important;
}

.margin-right__50px{
  margin-right: 5rem !important;
}

.margin-bottom__10px{
  margin-bottom: 1rem !important;
}

.margin-bottom__20px{
  margin-bottom: 2rem !important;
}

.margin-bottom__30px{
  margin-bottom: 3rem !important;
}

.margin-bottom__40px{
  margin-bottom: 4rem !important;
}

.margin-bottom__50px{
  margin-bottom: 5rem !important;
}

/* padding */

.padding__0{
  padding: 0;
}

.padding__10px{
  padding: 1rem;
}

.padding__15px{
  padding: 1.5rem;
}

.padding__20px{
  padding: 2rem;
}

.padding-top__0{
  padding-top: 0 !important;
}

.padding-top__10px{
  padding-top: 1rem !important;
}

.padding-top__20px{
  padding-top: 2rem !important;
}

.padding-top__30px{
  padding-top: 3rem !important;
}

.padding-top__40px{
  padding-top: 4rem !important;
}

.padding-top__50px{
  padding-top: 5rem !important;
}

.padding-left__0{
  padding-left: 0 !important;
}

.padding-left__10px{
  padding-left: 1rem !important;
}

.padding-left__20px{
  padding-left: 2rem !important;
}

.padding-left__30px{
  padding-left: 3rem !important;
}

.padding-left__40px{
  padding-left: 4rem !important;
}

.padding-left__50px{
  padding-left: 5rem !important;
}

.padding-right__0{
  padding-right: 0 !important;
}

.padding-right__10px{
  padding-right: 1rem !important;
}

.padding-right__20px{
  padding-right: 2rem !important;
}

.padding-right__30px{
  padding-right: 3rem !important;
}

.padding-right__40px{
  padding-right: 4rem !important;
}

.padding-right__50px{
  padding-right: 5rem !important;
}

.padding-bottom__0{
  padding-bottom: 0 !important;
}

.padding-bottom__10px{
  padding-bottom: 1rem !important;
}

.padding-bottom__20px{
  padding-bottom: 2rem !important;
}

.padding-bottom__30px{
  padding-bottom: 3rem !important;
}

.padding-bottom__40px{
  padding-bottom: 4rem !important;
}

.padding-bottom__50px{
  padding-bottom: 5rem !important;
}

/* 배경 ( background ) */

.background-transparent{
  background-color: transparent !important;
}

/* font, text */
.font-bold{
  font-weight: 700 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-size__20px {
  font-size: 2rem !important;
}

.font-size__21px {
  font-size: 2.1rem !important;
}

.font-size__18px {
  font-size: 1.8rem !important;
}

.font-size__17px {
  font-size: 1.7rem !important;
  line-height: 1.2;
}

.font-size__15px {
  font-size: 1.5rem !important;
  line-height: 1.2;
}

.font-size__14px {
  font-size: 1.4rem !important;
  line-height: 1.2;
}

.font-size__13px {
  font-size: 1.3rem !important;
  line-height: 1.2;
}

.font-size__12px {
  font-size: 1.2rem !important;
  line-height: 1.2;
}

.txt-underline {
  text-decoration: underline;
}

/* ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}

/* 보더 ( border ) */
.border-none {
  border: 0 none !important;
}

.border-top-none {
  border-top: none !important;
}

.border-left-none {
  border-left: none !important;
}

.border-right-none {
  border-right: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

/* cursor */
.cursor-pointer{
  cursor: pointer;
}

/* box-shadow */
.box-shadow-none {
  box-shadow: none !important;
}

.is-box-shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/*em*/
em{
  color:#E60000;
}

/* no-data */
div.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35rem;
  min-height: 30rem;
  /*padding-bottom: 20rem;*/
  font-size: 1.7rem;
  /* border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
}

/* dropzone */
#imageDropzone{
  border:2px dotted;
  height: 200px;
  min-height: 0px !important;
  color:#92AAB0;
  text-align:center;
  font-size:10px;
}

#fileDropzone{
  /*border:2px dotted;*/
  /*height: 200px;*/
  /*min-height: 0px !important;*/
  /*color:#92AAB0;*/
  /*text-align:center;*/
  /*font-size:10px;*/
}

.dropzone {
  border: 1px solid #bebebe !important;
  border-radius: 0.5rem;
  padding: 0;
  min-height: 15rem;
  width: 100%;
}

.dropzone .dz-message {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15rem;
  color: #989898;
}

.dropzone.dz-started .dz-message{
  display: none;
}

.dropzone.dz-started .dz-remove {
  position: relative;
  font-size: 0;
  height: 2.1rem;
  width: 2.1rem;
  margin: 3px auto;
}

.dropzone.dz-started .dz-remove::after {
  transition: 0.3s;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  content: 'highlight_off';
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  color: #DE0000 !important;
}

.dropzone.dz-started .dz-remove:hover::after {
  opacity: 1;
}

.dropzone .dz-preview .dz-details .dz-filename {
  color: #333;
}

.dropzone .dz-preview .dz-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dropzone .dz-message {
  word-break: keep-all;
}

/* froala */
.sub-content-section .inner-container.froala-dt{
  padding-bottom: 5rem;
}

.froala-dt .inner-sub-tit {
  font-size: 1.8rem;
  color: #8E8E8E;
  font-weight: 500;
}

.froala-dt .inner-sub-info {
  font-size: 1.5rem;
  color: #7E7E7E;
  font-weight: 500;
}

.froala-dt .inner-sub-info > .dot {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #838383;
  margin: 0 1.3rem;
}

.froala-dt .inner-sub-info > .material-icons {
  font-size: 2rem;
  position: relative;
}

.froala-dt .inner-main-tit {
  margin-top: 1rem;
}

.froala-dt .inner-main-tit h3{
  font-size: 3.4rem;
  font-weight: 500;
}

.froala-dt .inner-item-tit-arrow {
  color: #00ABEC;
  font-size: 2.4rem;
  margin-right: 0.5rem;
}

.froala-dt .inner-item-tit{
  font-size: 2.1rem;
  font-weight: 500;
}

.froala-dt .panel {
  border-bottom: transparent;
}

.froala-dt .panel-group{
  margin-top:3rem;
}

.froala-dt .inner-content-area {
  width: 100%;
  flex: 1;
}

.froala-dt .inner-con-area {
  flex: 1;
}


.froala-dt .inner-img-area {
  position: relative;
  width: 38rem;
  height: 27rem;
  overflow: hidden;
}

.froala-dt .inner-img-area img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.froala-dt .inner-table-area .item-group .item {
  padding: 3rem 1.5rem !important;
  text-align: center;
}

.froala-dt .inner-table-area .item-group .item.auto span{
  font-size: 1.6rem !important;
}

.froala-dt .biz-info-box {
  display: flex;
  flex-direction: column;
  height: 24rem;
  padding: 1.5rem 2rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 4px 4px 16px rgba(0,0,0,.12);
}

.froala-dt .biz-info-box + .biz-info-box {
  margin-left: 2rem;
}

.froala-dt .biz-info-box .flex-column {
  /*margin-left: 2rem;*/
}

.froala-dt .biz-info-main-txt {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}

.froala-dt .biz-info-sub-txt {
  font-size: 1.8rem;
  font-weight: 500;
  color: #888;
  margin-top: 1.2rem;
}

.froala-dt .icon-circle {
  display: flex;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin: 1rem 6rem 3rem;
}

.froala-dt .inner-item .square{
  font-size:0.5rem;
  vertical-align: 0.2rem;
  margin-right: 0.5rem;
}



.froala-dt .inner-item .item-information{
  border-radius:0.5rem;
  /*padding: 1.6rem 2rem 2.5rem;*/
  margin: 1rem 0 5rem 0;
}

.froala-dt .inner-item .item-information .sub-item-tit{
  display: block;
  font-size:2.6rem;
  font-weight: 500;
  margin-bottom:0.5rem;
}

.froala-dt .inner-item .item-information li{
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.7rem;
}

.froala-dt .inner-item .item-information li:last-child{
  margin-bottom:0;
}

.froala-dt .inner-item .item-information .flex-align-center.w890px{
  width:89rem;
}

.froala-dt .inner-item .item-information .flex-align-center.w890px li >div{
  margin-left:1.9rem;
  margin-top:0.5rem;
}

.froala-dt .inner-item .ci-img{
  display: flex;
  justify-content: flex-end;
  margin-top:-19rem;
}

.froala-dt .inner-item .ci-img div{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.froala-dt .inner-item button.accordion{
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  border-bottom: 1px solid #000;
  padding:1rem 1rem 1rem 0;
  transition: 0.4s;
}

.froala-dt .inner-item button .bottom-arrow {
  color:#00abec;
  font-size: 2.4rem;
}

.froala-dt .inner-item button .material-icons.on {
  transform: rotate(180deg);
  color:#959595;
}

.attach-file .file-box {
  background-color: #fff;
  margin-top: 1rem;
  padding: 1rem;
}



.froala-dt .list .list-row{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  /*border: 1px solid #C1C1C1;*/
  /*border-radius: 0.5rem;*/
}

.froala-dt .list .item-group{
  text-align: left !important;
  min-height: 100%;
  background-color:#F8F8FB;
  border-bottom: 1px solid #C1C1C1;
}

/*.froala-dt .list .item-group:nth-of-type(1),*/
/*.froala-dt .list .item-group:nth-of-type(2){*/
/*    border-bottom: 1px solid #C1C1C1;*/
/*}*/

/*.froala-dt .list .item-group:nth-of-type(1){*/
/*    border-top-left-radius: 1rem;*/
/*    border-top-right-radius: 1rem;*/
/*}*/

/*.froala-dt .list .item-group:nth-of-type(3){*/
/*    border-bottom-left-radius: 1rem;*/
/*    border-bottom-right-radius: 1rem;*/
/*}*/

.froala-dt .list .item-group .item{
  height: 100%;
  min-height: 5.4rem;
  padding: 1.7rem 3.2rem;
  border-radius: 0.5rem;
  text-align: center;
}

.froala-dt .list .item-group .item.auto{
  background-color:#fff;
  text-align: left;
}

.froala-dt .list .item-group .item.auto span{
  color: #333;
}

.froala-dt .list .item-group .item:first-child{

  font-size:1.5rem;
  font-weight: 500;
}

.froala-dt .list .item-group .item:first-child span{
  height: 100%;
}

.froala-dt .list-item{
  padding:2.7rem;
}

.froala-dt .list-item:nth-of-type(1){
  border-top:1px solid #DBDBDB;
  border-bottom:1px solid #DBDBDB;
  margin-top:8rem
}

.froala-dt .list-item:nth-of-type(2){
  border-bottom:1px solid #DBDBDB;
}


/* pagination */
.pagination-wrap {
  text-align: center;
  /*padding-bottom: 5rem;*/
}

.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
/*   margin: 5rem 0 !important; */
  margin: 2rem 0 !important;
  height: 4rem;
}
.pagination > li.hide0 {
  height: 0rem;
  overflow: hidden;
}
.pagination > li > a {
  border: none !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #a6a6a6 !important;
  transition: all .3s;
  background-color: transparent;
  line-height: 0 !important;
  padding: 1rem !important;
}
.pagination > li > a .material-icons {
  font-size: 2.4rem !important;
}

/* pagination hover */
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > a:active {
  color: #00abec !important;
  background-color: transparent !important;
  text-decoration: underline;
  text-decoration-color: #00abec;
}
.pagination > li > a > span:hover {
  color: #00abec !important;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color: #00abec !important;
  background-color: transparent !important;
  text-decoration: underline;
  text-decoration-color: #00abec;
}

/* title */
/* 메인 페이지 타이틀 */
.tit-wrap {
  display: flex;
  flex-direction: row;
  align-items: center
}

/* 메인 페이지 - 메인 타이틀 */
.main-tit {
  font-size: 8rem;
  font-weight: 500;
}

/* 메인 페이지 - 서브 타이틀 */
.sub-tit {
  font-size: 1.8rem;
  font-weight: 500;
  display: inline-flex !important;
}

/* 스와이퍼 button */
.swiper-button-next {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #00ABEC;
  top: -28%;
  right: 0;
  -o-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -ms-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -moz-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -webkit-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  transition: all .3s
}
.swiper-button-prev {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #fff;
  top: -28%;
  left: 86%;
  -o-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -ms-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -moz-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  -webkit-box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
  transition: all .3s
}
.swiper-button-prev .material-icons {
  transform: rotate(180deg);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.8;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '';
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '';
}

/* bootstrap btn */

.btn:not(.modal *){
  transition: none !important;
  padding: 0;
}

.btn:hover,
.btn:focus{
  box-shadow: none !important;
}

/* line */
.classification-line{
  display: inline-block;
  width: 0.1rem;
  min-height: 1.7rem;
  height: 100%;
  background: var(--gray-dark-5);
}


/* label */

.is-label{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 1.7rem;
  background: transparent;
  border: 0 none;
}

/* select */
.form-select:focus{
  border: 0 none;
  box-shadow: none;
}


/* tooltip */
.tooltip-inner{
  background: var(--indigo-default);
  margin: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.tooltip-inner .tooltip-btn{
  width: 100%;
  height: 100%;
  color: var(--gray-light-1);
}

.bs-tooltip-top .tooltip-arrow::before{
  border-top-color: var(--indigo-default) !important;
  top: -0.5rem;
}

.bs-tooltip-bottom .tooltip-arrow::before{
  border-bottom-color: var(--indigo-default) !important;
  bottom: -0.5rem;
}

.bs-tooltip-start .tooltip-arrow::before{
  border-left-color: var(--indigo-default) !important;
  left: -0.5rem;
}

.bs-tooltip-end .tooltip-arrow::before{
  border-right-color: var(--indigo-default) !important;
  right: -0.5rem;
}

/* 세아씨엠용 */
@media screen and (max-width: 2900px){
  /* content height */
  article > .content_color{
    height: 100%;
    margin-top: 0.5rem;
    padding-right: 5rem;
  }
}

@media screen and (max-width: 2900px){
  /* content height */
  article > .content{
    height: 100%;
    min-height: 81.5rem;
  }
}

@media screen and (max-width: 1600px){
  /* content height */
  article > .content{
    height: 100%;
    min-height: 47.7rem;
  }
}