body{background-color:#fff;
	color:#232323;
  letter-spacing: 0.4px;
  line-height: 1.6;
  word-break: keep-all;
	font-size:15px;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@400;500;700;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */

@font-face {
  font-family: 'Lato';
  src: url(../fonts/Lato/Lato.eot);
  src: url(../fonts/Lato/Lato.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Lato/Lato.woff) format('woff'),
       url(../fonts/Lato/Lato.ttf) format('truetype');
       unicode-range: U+0061-007A, U+0041-005A;
      }

@font-face {
  font-family: 'Noto Sans KR';
  src: url(../fonts/NotoSans/NotoSans-Regular.eot);
  src: url(../fonts/NotoSans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSans/NotoSans-Regular.woff) format('woff'),
       url(../fonts/NotoSans/NotoSans-Regular.ttf) format('truetype');
       unicode-range: U+AC00-D7A3, U+0030-0039;
      }

      body {
        font-size: 35px;
        font-family:  'Lato', 'Noto Sans KR';
    }

/* 나로메디칼 슬라이드 */
.slick-slide:focus { outline: none !important;}



/* position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.absolute-left {
  position: absolute;
  left: 0;
}

.absolute-right {
  position: absolute;
  right: 0;
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
}

.absolute-top {
  position: absolute;
  top: 0;
}

.absolute-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.absolute-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.absolute-middle.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}





.l-0{left:0;}
.r-0{right:0;}
.t-0{top:0;}
.b-0{bottom:0;}

.w-0{width:0;} .w-full{width: 100%;}
.h-0{height:0;}.h-full{height: 100%;}

.youtube-pb{padding-bottom: 56.65%;}

.v-line{width:1px; height:140px; background-color:#e1e1e1; font-size:0;margin:0 auto;}
.h-line{width: 100%; height: 1px; background: #e1e1e1;}
.btn-clear:hover{background-color:transparent; border:1px solid #aaa;}
.bg-white{background-color:#fff;}
.bg-light-gray{background-color:#eee;}
.bg-light-pink{background-color:#fff2f7;}
.bg-light-pink{background-color:#fff2f7;}


/* rounded */
.rounded-50per{border-radius:50%;}
.rounded-7{border-radius:28px;}
.rounded-6{border-radius:24px;}
.rounded-5{border-radius:20px;}
.rounded-4{border-radius:16px;}
.rounded-3{border-radius:12px !important;}
.rounded-2{border-radius:8px !important;}

/* background */
.bg-none{background:none;}
.bg-white{background:#fff;}
.bg-pink{background:#ea23f6;}
.bg-gray-light{background:#F8F8F8;}
.bg-black{background:#000;}

/* text */
.light{font-weight: 400;}
.lbold{font-weight: 500;}
.bold{font-weight: 600;}
.mbold{font-weight: 700;}
.ebold{font-weight: 800 !important;}

.text-black{color:#000;}
.text-white{color:#fff !important;}
.text-gray{color:#929292 !important;}
.text-gray2{color:#a7a9ac !important;}
.text-gray-dark{color:#666 !important;}
.text-navy{color:#1e0e59;}
.text-orange{color: #FF6E40;}
.text-red{color:#be1e2d;}

.xsmall{font-size:0.875em !important;}
.small{font-size:0.925em !important;}
.medium{font-size:1.2em !important;}
.large{font-size:1.5em !important;}
.xlarge{font-size:1.8em !important;}

.text-capi{text-transform:capitalize;}
.underline{text-decoration: underline;}

/* font-size */
.fz-3{font-size: 12px;}
.fz-4{font-size: 16px;}
.fz-5{font-size: 20px;}
.fz-6{font-size: 24px;}
.fz-7{font-size: 28px;}

.hidden{width: 0; height: 0; text-indent: -9999em; visibility:visible;}

/* pagination */
.pagination_container{display: table; margin: 0 auto;}
.pagination_container .page_item.active{background-color: transparent;  font-weight: 500; width:26px; height:26px; background-color:#fff;
    color:#fff; border:1px solid transparent; background:#626262; border-radius: 50%; opacity: 1;}

.pagination_container .page_item{cursor: pointer; display: inline-block;  border: none; width: 20px;  font-size:15px; opacity: .7; font-weight: 500;
    background-color: transparent; margin: 0 8px; position: relative; overflow: hidden; z-index: 1; text-transform: uppercase;}
.pagination_container .page_item::before{content: ""; position: absolute; top: 0;left: 0; width:100%; height: 100%;
     border-bottom: 2px solid #333; opacity: 0; transform: scaleY(0);-webkit-transition: all 0.3s ease 0s;}
.pagination_container .page_item{line-height:24px;  text-align: center;}
.pagination_container .page_item.arrow{font-size:20px; width:26px; height:26px; background-color:#fff; line-height:1.2;}
.pagination_container .page_item.arrow.next{border:1px solid transparent;}
.pagination_container .page_item.arrow.prev{border:1px solid transparent;}
/* hover */
.pagination_container .page_item:hover{opacity: 1;} .pagination_container .page_item.arrow:hover{text-decoration: unset; border:1px solid transparent;}



::selection{background-color: #626262; color: #fff;}

.bd{margin-left: auto; margin-right:auto; max-width:100%; position: relative;}
.bd-xxl{width:1660px;}
.bd-xl{width:1600px;}
.bd-lg{width:1440px;}
.bd-md{width:1200px;}
.bd-sm{width:1024px;}
.bd-xs{width:768px;}
.bd-xxs{width:576px;}

.d-block{display:block;} .d-none{display:none;}
.d-in-block{display: inline-block !important;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.m-auto{margin:auto;}


.m-0{margin:0;}
.mt-0{margin-top:0 !important;} .mt-1{margin-top:16px;} .mt-2{margin-top:32px;} .mt-3{margin-top:48px;} .mt-4{margin-top:64px;} .mt-5{margin-top:80px;} .mt-6{margin-top:96px;} .mt-7{margin-top:112px;}
.mb-0{margin-bottom:0 !important;} .mb-1{margin-bottom:16px;} .mb-2{margin-bottom:32px;} .mb-3{margin-bottom:48px !important;} .mb-4{margin-bottom:64px;} .mb-5{margin-bottom:80px;} .mb-6{margin-bottom:96px;} .mb-7{margin-bottom:112px;}
.mr-1{margin-right:16px;} .mr-2{margin-right:32px;}
.p-0{padding:0;}
.pt-0{padding-top:0 !important;} .pt-1{padding-top:16px;} .pt-2{padding-top:32px;} .pt-3{padding-top:48px;} .pt-4{padding-top:64px;} .pt-5{padding-top:80px;}
.pb-1{padding-bottom:16px;} .pb-2{padding-bottom:32px;} .pb-3{padding-bottom:48px;} .pb-4{padding-bottom:64px;} .pb-5{padding-bottom:80px;} .pb-6{padding-bottom:96px;}
.pr-0{padding-right:0 !important;}



.d-flex{display: flex; display: -ms-flexbox;}
.justify-between{-ms-flex-pack: justify!important; justify-content: space-between!important;}
.justify-center{justify-content: center; -ms-flex-pack: center;}
.align-items-center{-ms-flex-align: center; align-items: center;}
.flex-column{flex-direction: column; -ms-flex-direction: column;}
.flex-reverse-row{flex-direction:row-reverse;}

.align-left{text-align: left !important;}
.align-right{text-align: right !important;}
.align-center{text-align: center !important;}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.multiple-line-ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;}


.d-grid{display: grid;}
.d-grid-3{display: grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.d-grid-4{display: grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px;}
.grid-center{place-items: center;}

/* 체크 */
.check{position: relative;}
.check_label { display: inline-block; position: relative;  font-size:0.9em; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none;
    text-align: left; padding-left:24px; vertical-align: middle;}
.check_label input {position: absolute;opacity: 0;cursor: pointer; visibility: hidden;}

/* 큰 체크 텍스트 불가 */
.check_label.check-big{padding-left:0;}
.check_label.check-big .checkmark{width:20px; height:20px;}
.check_label.check-big .checkmark:after{width:5px; height:9px; left:6px; top:3px;}
.check_label.check-big  input:checked ~ .checkmark{background-color:#fff;}

/* 체크 크기 */
.checkmark {position: absolute; top:50%; transform:translateY(-50%); left: 0; height: 18px; width: 18px; background-color: #fff; border-radius:50%; border:1px solid #d1d1d1;}
.check_label:hover input ~ .checkmark { background-color: #efefef;}
.check_label input:checked ~ .checkmark {border:1px solid #222; background-color: #fff;}
.checkmark:after { content: ""; position: absolute; display: none;}
.check_label input:checked ~ .checkmark:after {display: block;}

/* 체크박스 */
.check_label .checkmark:after {left: 5px; top:2px; width: 6px; height: 9px; border: solid #222; border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* 라디오 */
.check_label .checkmark.radio:after{ top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: #222;}

/* btn class명을 가진 태그 */
.btn{padding: 13px 0; padding-left:18px; min-width:156px; padding-right:18px; height:50px; font-size:15px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
.btn-clear{color:#222; border:1px solid #d1d1d1;}
.btn-primary{background-color:#222; color:#fff; border:1px solid #222;}
.btn-line{background-color:#fff; color:#222; border:1px solid #222;}
.btn-secondary{background-color:#999; color:#fff;}
.btn-default{background-color:#fff; border:1px solid #d1d1d1;}
.btn-soldout{background-color:#e1e1e1; color:#fff;}
.btn-round{background-color: #fff; border:1px solid #d1d1d1; border-radius: 50%; width:64px; height:64px;}


/* 그리드 시스템 */
.row {margin-right:-15px; margin-left:-15px;}
.row:before, .row:after{display: table; content: " "; clear: both;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
	  position:relative;
	  min-height:1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}



.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}



.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}





.img-bg{background-repeat: no-repeat; background-size:cover; background-position: center;}
.img-bg.outline{border:1px solid #ddd;}
.cf::before, .cf::after{display:block; content:''; clear: both;}

/* form에서 input foucus 했을 때 custom */
input:focus, textarea:focus, select:focus { outline: none !important;}

/* cursor */
.c-pointer{cursor: pointer;}
.c-auto a{cursor: auto !important;}

/* loading */
.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;opacity:0.5;z-index:1000;display:none; /* 이 값으로 레이어의 위치를 조정합니다. */}
.loading_img{position:absolute; top : 50%; margin-top : -100px; left : 50%; margin-left : -100px;};




/* ********************************************* *
 * 1600px max
 * ********************************************* */
 @media screen and (max-width: 1600px){

    .bd-xl{padding:0 20px;}
 }

 /* ********************************************* *
 * 1440px max
 * ********************************************* */
 @media screen and (max-width: 1440px){

  .wrap{max-width: 100vw; overflow: hidden;}
  .bd-lg{padding-left:50px; padding-right:50px;}
 }

/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px)
 {

  .bd{padding-left:50px; padding-right:50px;}

 }
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px)
 {
     .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
       float: left;
     }
     .col-sm-12 {width:100%;}
     .col-sm-11 {width:91.66666667%;}
     .col-sm-10 {width:83.33333333%;}
     .col-sm-9 {width:75%;}
     .col-sm-8 {width:66.66666667%;}
     .col-sm-7 {width:58.33333333%;}
     .col-sm-6 {width:50%;}
     .col-sm-5 {width: 41.66666667%;}
     .col-sm-4 {width: 33.33333333%;}
     .col-sm-3 {width: 25%;}
     .col-sm-2 {width: 16.66666667%;}
     .col-sm-1 {width: 8.33333333%;}

     
     
 }

 /* ********************************************* *
 * 768px max
 * ********************************************* */
 @media (max-width:768px)
 {

  .medium{font-size:1.05em !important;}
  /* .large{font-size:1.25em !important;} */
  .xlarge{font-size:1.55em !important;}
  .v-line{height:100px;}



}
 /* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){

    .bd{padding-left:20px; padding-right:20px;}

     .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
       float: left;
     }
     .col-xs-12 {width:100%;}
     .col-xs-11 {width:91.66666667%;}
     .col-xs-10 {width:83.33333333%;}
     .col-xs-9 {width:75%;}
     .col-xs-8 {width:66.66666667%;}
     .col-xs-7 {width:58.33333333%;}
     .col-xs-6 {width:50%;}
     .col-xs-5 {width: 41.66666667%;}
     .col-xs-4 {width: 33.33333333%;}
     .col-xs-3 {width: 25%;}
     .col-xs-2 {width: 16.66666667%;}
     .col-xs-1 {width: 8.33333333%;}

     .btn{min-width:144px;}


     .mo-no-m{margin:0;}
 }

 /* ********************************************* *
 * 480px max
 * ********************************************* */
 @media (max-width:480px){


 }


 
 /* ********************************************* *
 * 375px max
 * ********************************************* */
 @media (max-width:375px){

    .bd{padding-left:12px; padding-right:12px;}

 }

 /* .slick-track{margin:0 !important;} */