@charset "UTF-8";
/* --------------- color --------------- */
.color1 { color: #F5821F; }

.color2 { color: #BBC04A; }

.color3 { color: #FDB812; }

.color4 { color: #f5821e; }

.color5 { color: #00ae71; }

.text-black { color: #000; }

.text-white { color: #fff; }

.text-grey { color: #a6a6a6; }

.text-lightgrey { color: #d9d9d9; }

/* --------------- reset --------------- */
body { line-height: 1.4; }

input:not[type="checkbox"] { -webkit-appearance: none; -webkit-border-radius: 0; }

input:focus { outline: none; }

select { -webkit-border-radius: 0; color: inherit; }

a[href^="tel"] { color: inherit; }

/* --------------- margin / padding --------------- */
.mt-0 { margin-top: 0px; }

.ml-0 { margin-left: 0px; }

.mr-0 { margin-right: 0px; }

.mb-0 { margin-bottom: 0px; }

.pt-0 { padding-top: 0px; }

.pl-0 { padding-left: 0px; }

.pr-0 { padding-right: 0px; }

.pb-0 { padding-bottom: 0px; }

.mx-0 { margin-left: 0px; margin-right: 0px; }

.my-0 { margin-top: 0px; margin-bottom: 0px; }

.px-0 { padding-left: 0px; padding-right: 0px; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }

.mt-n0 { margin-top: -0px; }

.mt-5 { margin-top: 5px; }

.ml-5 { margin-left: 5px; }

.mr-5 { margin-right: 5px; }

.mb-5 { margin-bottom: 5px; }

.pt-5 { padding-top: 5px; }

.pl-5 { padding-left: 5px; }

.pr-5 { padding-right: 5px; }

.pb-5 { padding-bottom: 5px; }

.mx-5 { margin-left: 5px; margin-right: 5px; }

.my-5 { margin-top: 5px; margin-bottom: 5px; }

.px-5 { padding-left: 5px; padding-right: 5px; }

.py-5 { padding-top: 5px; padding-bottom: 5px; }

.mt-n5 { margin-top: -5px; }

.mt-10 { margin-top: 10px; }

.ml-10 { margin-left: 10px; }

.mr-10 { margin-right: 10px; }

.mb-10 { margin-bottom: 10px; }

.pt-10 { padding-top: 10px; }

.pl-10 { padding-left: 10px; }

.pr-10 { padding-right: 10px; }

.pb-10 { padding-bottom: 10px; }

.mx-10 { margin-left: 10px; margin-right: 10px; }

.my-10 { margin-top: 10px; margin-bottom: 10px; }

.px-10 { padding-left: 10px; padding-right: 10px; }

.py-10 { padding-top: 10px; padding-bottom: 10px; }

.mt-n10 { margin-top: -10px; }

.mt-15 { margin-top: 15px; }

.ml-15 { margin-left: 15px; }

.mr-15 { margin-right: 15px; }

.mb-15 { margin-bottom: 15px; }

.pt-15 { padding-top: 15px; }

.pl-15 { padding-left: 15px; }

.pr-15 { padding-right: 15px; }

.pb-15 { padding-bottom: 15px; }

.mx-15 { margin-left: 15px; margin-right: 15px; }

.my-15 { margin-top: 15px; margin-bottom: 15px; }

.px-15 { padding-left: 15px; padding-right: 15px; }

.py-15 { padding-top: 15px; padding-bottom: 15px; }

.mt-n15 { margin-top: -15px; }

.mt-20 { margin-top: 20px; }

.ml-20 { margin-left: 20px; }

.mr-20 { margin-right: 20px; }

.mb-20 { margin-bottom: 20px; }

.pt-20 { padding-top: 20px; }

.pl-20 { padding-left: 20px; }

.pr-20 { padding-right: 20px; }

.pb-20 { padding-bottom: 20px; }

.mx-20 { margin-left: 20px; margin-right: 20px; }

.my-20 { margin-top: 20px; margin-bottom: 20px; }

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

.py-20 { padding-top: 20px; padding-bottom: 20px; }

.mt-n20 { margin-top: -20px; }

.mt-25 { margin-top: 25px; }

.ml-25 { margin-left: 25px; }

.mr-25 { margin-right: 25px; }

.mb-25 { margin-bottom: 25px; }

.pt-25 { padding-top: 25px; }

.pl-25 { padding-left: 25px; }

.pr-25 { padding-right: 25px; }

.pb-25 { padding-bottom: 25px; }

.mx-25 { margin-left: 25px; margin-right: 25px; }

.my-25 { margin-top: 25px; margin-bottom: 25px; }

.px-25 { padding-left: 25px; padding-right: 25px; }

.py-25 { padding-top: 25px; padding-bottom: 25px; }

.mt-n25 { margin-top: -25px; }

.mt-30 { margin-top: 30px; }

.ml-30 { margin-left: 30px; }

.mr-30 { margin-right: 30px; }

.mb-30 { margin-bottom: 30px; }

.pt-30 { padding-top: 30px; }

.pl-30 { padding-left: 30px; }

.pr-30 { padding-right: 30px; }

.pb-30 { padding-bottom: 30px; }

.mx-30 { margin-left: 30px; margin-right: 30px; }

.my-30 { margin-top: 30px; margin-bottom: 30px; }

.px-30 { padding-left: 30px; padding-right: 30px; }

.py-30 { padding-top: 30px; padding-bottom: 30px; }

.mt-n30 { margin-top: -30px; }

.mt-35 { margin-top: 35px; }

.ml-35 { margin-left: 35px; }

.mr-35 { margin-right: 35px; }

.mb-35 { margin-bottom: 35px; }

.pt-35 { padding-top: 35px; }

.pl-35 { padding-left: 35px; }

.pr-35 { padding-right: 35px; }

.pb-35 { padding-bottom: 35px; }

.mx-35 { margin-left: 35px; margin-right: 35px; }

.my-35 { margin-top: 35px; margin-bottom: 35px; }

.px-35 { padding-left: 35px; padding-right: 35px; }

.py-35 { padding-top: 35px; padding-bottom: 35px; }

.mt-n35 { margin-top: -35px; }

.mt-40 { margin-top: 40px; }

.ml-40 { margin-left: 40px; }

.mr-40 { margin-right: 40px; }

.mb-40 { margin-bottom: 40px; }

.pt-40 { padding-top: 40px; }

.pl-40 { padding-left: 40px; }

.pr-40 { padding-right: 40px; }

.pb-40 { padding-bottom: 40px; }

.mx-40 { margin-left: 40px; margin-right: 40px; }

.my-40 { margin-top: 40px; margin-bottom: 40px; }

.px-40 { padding-left: 40px; padding-right: 40px; }

.py-40 { padding-top: 40px; padding-bottom: 40px; }

.mt-n40 { margin-top: -40px; }

.mt-45 { margin-top: 45px; }

.ml-45 { margin-left: 45px; }

.mr-45 { margin-right: 45px; }

.mb-45 { margin-bottom: 45px; }

.pt-45 { padding-top: 45px; }

.pl-45 { padding-left: 45px; }

.pr-45 { padding-right: 45px; }

.pb-45 { padding-bottom: 45px; }

.mx-45 { margin-left: 45px; margin-right: 45px; }

.my-45 { margin-top: 45px; margin-bottom: 45px; }

.px-45 { padding-left: 45px; padding-right: 45px; }

.py-45 { padding-top: 45px; padding-bottom: 45px; }

.mt-n45 { margin-top: -45px; }

.mt-50 { margin-top: 50px; }

.ml-50 { margin-left: 50px; }

.mr-50 { margin-right: 50px; }

.mb-50 { margin-bottom: 50px; }

.pt-50 { padding-top: 50px; }

.pl-50 { padding-left: 50px; }

.pr-50 { padding-right: 50px; }

.pb-50 { padding-bottom: 50px; }

.mx-50 { margin-left: 50px; margin-right: 50px; }

.my-50 { margin-top: 50px; margin-bottom: 50px; }

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

.py-50 { padding-top: 50px; padding-bottom: 50px; }

.mt-n50 { margin-top: -50px; }

.mt-60 { margin-top: 60px; }

.ml-60 { margin-left: 60px; }

.mr-60 { margin-right: 60px; }

.mb-60 { margin-bottom: 60px; }

.pt-60 { padding-top: 60px; }

.pl-60 { padding-left: 60px; }

.pr-60 { padding-right: 60px; }

.pb-60 { padding-bottom: 60px; }

.mx-60 { margin-left: 60px; margin-right: 60px; }

.my-60 { margin-top: 60px; margin-bottom: 60px; }

.px-60 { padding-left: 60px; padding-right: 60px; }

.py-60 { padding-top: 60px; padding-bottom: 60px; }

.mt-n60 { margin-top: -60px; }

.mt-70 { margin-top: 70px; }

.ml-70 { margin-left: 70px; }

.mr-70 { margin-right: 70px; }

.mb-70 { margin-bottom: 70px; }

.pt-70 { padding-top: 70px; }

.pl-70 { padding-left: 70px; }

.pr-70 { padding-right: 70px; }

.pb-70 { padding-bottom: 70px; }

.mx-70 { margin-left: 70px; margin-right: 70px; }

.my-70 { margin-top: 70px; margin-bottom: 70px; }

.px-70 { padding-left: 70px; padding-right: 70px; }

.py-70 { padding-top: 70px; padding-bottom: 70px; }

.mt-n70 { margin-top: -70px; }

.mt-80 { margin-top: 80px; }

.ml-80 { margin-left: 80px; }

.mr-80 { margin-right: 80px; }

.mb-80 { margin-bottom: 80px; }

.pt-80 { padding-top: 80px; }

.pl-80 { padding-left: 80px; }

.pr-80 { padding-right: 80px; }

.pb-80 { padding-bottom: 80px; }

.mx-80 { margin-left: 80px; margin-right: 80px; }

.my-80 { margin-top: 80px; margin-bottom: 80px; }

.px-80 { padding-left: 80px; padding-right: 80px; }

.py-80 { padding-top: 80px; padding-bottom: 80px; }

.mt-n80 { margin-top: -80px; }

.mt-90 { margin-top: 90px; }

.ml-90 { margin-left: 90px; }

.mr-90 { margin-right: 90px; }

.mb-90 { margin-bottom: 90px; }

.pt-90 { padding-top: 90px; }

.pl-90 { padding-left: 90px; }

.pr-90 { padding-right: 90px; }

.pb-90 { padding-bottom: 90px; }

.mx-90 { margin-left: 90px; margin-right: 90px; }

.my-90 { margin-top: 90px; margin-bottom: 90px; }

.px-90 { padding-left: 90px; padding-right: 90px; }

.py-90 { padding-top: 90px; padding-bottom: 90px; }

.mt-n90 { margin-top: -90px; }

.mt-100 { margin-top: 100px; }

.ml-100 { margin-left: 100px; }

.mr-100 { margin-right: 100px; }

.mb-100 { margin-bottom: 100px; }

.pt-100 { padding-top: 100px; }

.pl-100 { padding-left: 100px; }

.pr-100 { padding-right: 100px; }

.pb-100 { padding-bottom: 100px; }

.mx-100 { margin-left: 100px; margin-right: 100px; }

.my-100 { margin-top: 100px; margin-bottom: 100px; }

.px-100 { padding-left: 100px; padding-right: 100px; }

.py-100 { padding-top: 100px; padding-bottom: 100px; }

.mt-n100 { margin-top: -100px; }

.mt-110 { margin-top: 110px; }

.ml-110 { margin-left: 110px; }

.mr-110 { margin-right: 110px; }

.mb-110 { margin-bottom: 110px; }

.pt-110 { padding-top: 110px; }

.pl-110 { padding-left: 110px; }

.pr-110 { padding-right: 110px; }

.pb-110 { padding-bottom: 110px; }

.mx-110 { margin-left: 110px; margin-right: 110px; }

.my-110 { margin-top: 110px; margin-bottom: 110px; }

.px-110 { padding-left: 110px; padding-right: 110px; }

.py-110 { padding-top: 110px; padding-bottom: 110px; }

.mt-n110 { margin-top: -110px; }

.mt-120 { margin-top: 120px; }

.ml-120 { margin-left: 120px; }

.mr-120 { margin-right: 120px; }

.mb-120 { margin-bottom: 120px; }

.pt-120 { padding-top: 120px; }

.pl-120 { padding-left: 120px; }

.pr-120 { padding-right: 120px; }

.pb-120 { padding-bottom: 120px; }

.mx-120 { margin-left: 120px; margin-right: 120px; }

.my-120 { margin-top: 120px; margin-bottom: 120px; }

.px-120 { padding-left: 120px; padding-right: 120px; }

.py-120 { padding-top: 120px; padding-bottom: 120px; }

.mt-n120 { margin-top: -120px; }

.mt-130 { margin-top: 130px; }

.ml-130 { margin-left: 130px; }

.mr-130 { margin-right: 130px; }

.mb-130 { margin-bottom: 130px; }

.pt-130 { padding-top: 130px; }

.pl-130 { padding-left: 130px; }

.pr-130 { padding-right: 130px; }

.pb-130 { padding-bottom: 130px; }

.mx-130 { margin-left: 130px; margin-right: 130px; }

.my-130 { margin-top: 130px; margin-bottom: 130px; }

.px-130 { padding-left: 130px; padding-right: 130px; }

.py-130 { padding-top: 130px; padding-bottom: 130px; }

.mt-n130 { margin-top: -130px; }

.mt-140 { margin-top: 140px; }

.ml-140 { margin-left: 140px; }

.mr-140 { margin-right: 140px; }

.mb-140 { margin-bottom: 140px; }

.pt-140 { padding-top: 140px; }

.pl-140 { padding-left: 140px; }

.pr-140 { padding-right: 140px; }

.pb-140 { padding-bottom: 140px; }

.mx-140 { margin-left: 140px; margin-right: 140px; }

.my-140 { margin-top: 140px; margin-bottom: 140px; }

.px-140 { padding-left: 140px; padding-right: 140px; }

.py-140 { padding-top: 140px; padding-bottom: 140px; }

.mt-n140 { margin-top: -140px; }

.mt-150 { margin-top: 150px; }

.ml-150 { margin-left: 150px; }

.mr-150 { margin-right: 150px; }

.mb-150 { margin-bottom: 150px; }

.pt-150 { padding-top: 150px; }

.pl-150 { padding-left: 150px; }

.pr-150 { padding-right: 150px; }

.pb-150 { padding-bottom: 150px; }

.mx-150 { margin-left: 150px; margin-right: 150px; }

.my-150 { margin-top: 150px; margin-bottom: 150px; }

.px-150 { padding-left: 150px; padding-right: 150px; }

.py-150 { padding-top: 150px; padding-bottom: 150px; }

.mt-n150 { margin-top: -150px; }

.mt-200 { margin-top: 200px; }

.ml-200 { margin-left: 200px; }

.mr-200 { margin-right: 200px; }

.mb-200 { margin-bottom: 200px; }

.pt-200 { padding-top: 200px; }

.pl-200 { padding-left: 200px; }

.pr-200 { padding-right: 200px; }

.pb-200 { padding-bottom: 200px; }

.mx-200 { margin-left: 200px; margin-right: 200px; }

.my-200 { margin-top: 200px; margin-bottom: 200px; }

.px-200 { padding-left: 200px; padding-right: 200px; }

.py-200 { padding-top: 200px; padding-bottom: 200px; }

.mt-n200 { margin-top: -200px; }

.mt-250 { margin-top: 250px; }

.ml-250 { margin-left: 250px; }

.mr-250 { margin-right: 250px; }

.mb-250 { margin-bottom: 250px; }

.pt-250 { padding-top: 250px; }

.pl-250 { padding-left: 250px; }

.pr-250 { padding-right: 250px; }

.pb-250 { padding-bottom: 250px; }

.mx-250 { margin-left: 250px; margin-right: 250px; }

.my-250 { margin-top: 250px; margin-bottom: 250px; }

.px-250 { padding-left: 250px; padding-right: 250px; }

.py-250 { padding-top: 250px; padding-bottom: 250px; }

.mt-n250 { margin-top: -250px; }

.mt-300 { margin-top: 300px; }

.ml-300 { margin-left: 300px; }

.mr-300 { margin-right: 300px; }

.mb-300 { margin-bottom: 300px; }

.pt-300 { padding-top: 300px; }

.pl-300 { padding-left: 300px; }

.pr-300 { padding-right: 300px; }

.pb-300 { padding-bottom: 300px; }

.mx-300 { margin-left: 300px; margin-right: 300px; }

.my-300 { margin-top: 300px; margin-bottom: 300px; }

.px-300 { padding-left: 300px; padding-right: 300px; }

.py-300 { padding-top: 300px; padding-bottom: 300px; }

.mt-n300 { margin-top: -300px; }

.mt-400 { margin-top: 400px; }

.ml-400 { margin-left: 400px; }

.mr-400 { margin-right: 400px; }

.mb-400 { margin-bottom: 400px; }

.pt-400 { padding-top: 400px; }

.pl-400 { padding-left: 400px; }

.pr-400 { padding-right: 400px; }

.pb-400 { padding-bottom: 400px; }

.mx-400 { margin-left: 400px; margin-right: 400px; }

.my-400 { margin-top: 400px; margin-bottom: 400px; }

.px-400 { padding-left: 400px; padding-right: 400px; }

.py-400 { padding-top: 400px; padding-bottom: 400px; }

.mt-n400 { margin-top: -400px; }

@media (max-width: 1400px) { .mt-0 { margin-top: 0px; }
  .ml-0 { margin-left: 0px; }
  .mr-0 { margin-right: 0px; }
  .mb-0 { margin-bottom: 0px; }
  .pt-0 { padding-top: 0px; }
  .pl-0 { padding-left: 0px; }
  .pr-0 { padding-right: 0px; }
  .pb-0 { padding-bottom: 0px; }
  .my-0 { margin-top: 0px; margin-bottom: 0px; }
  .px-0 { padding-left: 0px; padding-right: 0px; }
  .py-0 { padding-top: 0px; padding-bottom: 0px; }
  .mt-5 { margin-top: 3.75px; }
  .ml-5 { margin-left: 3.75px; }
  .mr-5 { margin-right: 3.75px; }
  .mb-5 { margin-bottom: 3.75px; }
  .pt-5 { padding-top: 3.75px; }
  .pl-5 { padding-left: 3.75px; }
  .pr-5 { padding-right: 3.75px; }
  .pb-5 { padding-bottom: 3.75px; }
  .my-5 { margin-top: 3.75px; margin-bottom: 3.75px; }
  .px-5 { padding-left: 3.75px; padding-right: 3.75px; }
  .py-5 { padding-top: 3.75px; padding-bottom: 3.75px; }
  .mt-10 { margin-top: 7.5px; }
  .ml-10 { margin-left: 7.5px; }
  .mr-10 { margin-right: 7.5px; }
  .mb-10 { margin-bottom: 7.5px; }
  .pt-10 { padding-top: 7.5px; }
  .pl-10 { padding-left: 7.5px; }
  .pr-10 { padding-right: 7.5px; }
  .pb-10 { padding-bottom: 7.5px; }
  .my-10 { margin-top: 7.5px; margin-bottom: 7.5px; }
  .px-10 { padding-left: 7.5px; padding-right: 7.5px; }
  .py-10 { padding-top: 7.5px; padding-bottom: 7.5px; }
  .mt-15 { margin-top: 11.25px; }
  .ml-15 { margin-left: 11.25px; }
  .mr-15 { margin-right: 11.25px; }
  .mb-15 { margin-bottom: 11.25px; }
  .pt-15 { padding-top: 11.25px; }
  .pl-15 { padding-left: 11.25px; }
  .pr-15 { padding-right: 11.25px; }
  .pb-15 { padding-bottom: 11.25px; }
  .my-15 { margin-top: 11.25px; margin-bottom: 11.25px; }
  .px-15 { padding-left: 11.25px; padding-right: 11.25px; }
  .py-15 { padding-top: 11.25px; padding-bottom: 11.25px; }
  .mt-20 { margin-top: 15px; }
  .ml-20 { margin-left: 15px; }
  .mr-20 { margin-right: 15px; }
  .mb-20 { margin-bottom: 15px; }
  .pt-20 { padding-top: 15px; }
  .pl-20 { padding-left: 15px; }
  .pr-20 { padding-right: 15px; }
  .pb-20 { padding-bottom: 15px; }
  .my-20 { margin-top: 15px; margin-bottom: 15px; }
  .px-20 { padding-left: 15px; padding-right: 15px; }
  .py-20 { padding-top: 15px; padding-bottom: 15px; }
  .mt-25 { margin-top: 18.75px; }
  .ml-25 { margin-left: 18.75px; }
  .mr-25 { margin-right: 18.75px; }
  .mb-25 { margin-bottom: 18.75px; }
  .pt-25 { padding-top: 18.75px; }
  .pl-25 { padding-left: 18.75px; }
  .pr-25 { padding-right: 18.75px; }
  .pb-25 { padding-bottom: 18.75px; }
  .my-25 { margin-top: 18.75px; margin-bottom: 18.75px; }
  .px-25 { padding-left: 18.75px; padding-right: 18.75px; }
  .py-25 { padding-top: 18.75px; padding-bottom: 18.75px; }
  .mt-30 { margin-top: 22.5px; }
  .ml-30 { margin-left: 22.5px; }
  .mr-30 { margin-right: 22.5px; }
  .mb-30 { margin-bottom: 22.5px; }
  .pt-30 { padding-top: 22.5px; }
  .pl-30 { padding-left: 22.5px; }
  .pr-30 { padding-right: 22.5px; }
  .pb-30 { padding-bottom: 22.5px; }
  .my-30 { margin-top: 22.5px; margin-bottom: 22.5px; }
  .px-30 { padding-left: 22.5px; padding-right: 22.5px; }
  .py-30 { padding-top: 22.5px; padding-bottom: 22.5px; }
  .mt-35 { margin-top: 26.25px; }
  .ml-35 { margin-left: 26.25px; }
  .mr-35 { margin-right: 26.25px; }
  .mb-35 { margin-bottom: 26.25px; }
  .pt-35 { padding-top: 26.25px; }
  .pl-35 { padding-left: 26.25px; }
  .pr-35 { padding-right: 26.25px; }
  .pb-35 { padding-bottom: 26.25px; }
  .my-35 { margin-top: 26.25px; margin-bottom: 26.25px; }
  .px-35 { padding-left: 26.25px; padding-right: 26.25px; }
  .py-35 { padding-top: 26.25px; padding-bottom: 26.25px; }
  .mt-40 { margin-top: 30px; }
  .ml-40 { margin-left: 30px; }
  .mr-40 { margin-right: 30px; }
  .mb-40 { margin-bottom: 30px; }
  .pt-40 { padding-top: 30px; }
  .pl-40 { padding-left: 30px; }
  .pr-40 { padding-right: 30px; }
  .pb-40 { padding-bottom: 30px; }
  .my-40 { margin-top: 30px; margin-bottom: 30px; }
  .px-40 { padding-left: 30px; padding-right: 30px; }
  .py-40 { padding-top: 30px; padding-bottom: 30px; }
  .mt-45 { margin-top: 33.75px; }
  .ml-45 { margin-left: 33.75px; }
  .mr-45 { margin-right: 33.75px; }
  .mb-45 { margin-bottom: 33.75px; }
  .pt-45 { padding-top: 33.75px; }
  .pl-45 { padding-left: 33.75px; }
  .pr-45 { padding-right: 33.75px; }
  .pb-45 { padding-bottom: 33.75px; }
  .my-45 { margin-top: 33.75px; margin-bottom: 33.75px; }
  .px-45 { padding-left: 33.75px; padding-right: 33.75px; }
  .py-45 { padding-top: 33.75px; padding-bottom: 33.75px; }
  .mt-50 { margin-top: 37.5px; }
  .ml-50 { margin-left: 37.5px; }
  .mr-50 { margin-right: 37.5px; }
  .mb-50 { margin-bottom: 37.5px; }
  .pt-50 { padding-top: 37.5px; }
  .pl-50 { padding-left: 37.5px; }
  .pr-50 { padding-right: 37.5px; }
  .pb-50 { padding-bottom: 37.5px; }
  .my-50 { margin-top: 37.5px; margin-bottom: 37.5px; }
  .px-50 { padding-left: 37.5px; padding-right: 37.5px; }
  .py-50 { padding-top: 37.5px; padding-bottom: 37.5px; }
  .mt-60 { margin-top: 45px; }
  .ml-60 { margin-left: 45px; }
  .mr-60 { margin-right: 45px; }
  .mb-60 { margin-bottom: 45px; }
  .pt-60 { padding-top: 45px; }
  .pl-60 { padding-left: 45px; }
  .pr-60 { padding-right: 45px; }
  .pb-60 { padding-bottom: 45px; }
  .my-60 { margin-top: 45px; margin-bottom: 45px; }
  .px-60 { padding-left: 45px; padding-right: 45px; }
  .py-60 { padding-top: 45px; padding-bottom: 45px; }
  .mt-70 { margin-top: 52.5px; }
  .ml-70 { margin-left: 52.5px; }
  .mr-70 { margin-right: 52.5px; }
  .mb-70 { margin-bottom: 52.5px; }
  .pt-70 { padding-top: 52.5px; }
  .pl-70 { padding-left: 52.5px; }
  .pr-70 { padding-right: 52.5px; }
  .pb-70 { padding-bottom: 52.5px; }
  .my-70 { margin-top: 52.5px; margin-bottom: 52.5px; }
  .px-70 { padding-left: 52.5px; padding-right: 52.5px; }
  .py-70 { padding-top: 52.5px; padding-bottom: 52.5px; }
  .mt-80 { margin-top: 60px; }
  .ml-80 { margin-left: 60px; }
  .mr-80 { margin-right: 60px; }
  .mb-80 { margin-bottom: 60px; }
  .pt-80 { padding-top: 60px; }
  .pl-80 { padding-left: 60px; }
  .pr-80 { padding-right: 60px; }
  .pb-80 { padding-bottom: 60px; }
  .my-80 { margin-top: 60px; margin-bottom: 60px; }
  .px-80 { padding-left: 60px; padding-right: 60px; }
  .py-80 { padding-top: 60px; padding-bottom: 60px; }
  .mt-90 { margin-top: 67.5px; }
  .ml-90 { margin-left: 67.5px; }
  .mr-90 { margin-right: 67.5px; }
  .mb-90 { margin-bottom: 67.5px; }
  .pt-90 { padding-top: 67.5px; }
  .pl-90 { padding-left: 67.5px; }
  .pr-90 { padding-right: 67.5px; }
  .pb-90 { padding-bottom: 67.5px; }
  .my-90 { margin-top: 67.5px; margin-bottom: 67.5px; }
  .px-90 { padding-left: 67.5px; padding-right: 67.5px; }
  .py-90 { padding-top: 67.5px; padding-bottom: 67.5px; }
  .mt-100 { margin-top: 75px; }
  .ml-100 { margin-left: 75px; }
  .mr-100 { margin-right: 75px; }
  .mb-100 { margin-bottom: 75px; }
  .pt-100 { padding-top: 75px; }
  .pl-100 { padding-left: 75px; }
  .pr-100 { padding-right: 75px; }
  .pb-100 { padding-bottom: 75px; }
  .my-100 { margin-top: 75px; margin-bottom: 75px; }
  .px-100 { padding-left: 75px; padding-right: 75px; }
  .py-100 { padding-top: 75px; padding-bottom: 75px; }
  .mt-110 { margin-top: 82.5px; }
  .ml-110 { margin-left: 82.5px; }
  .mr-110 { margin-right: 82.5px; }
  .mb-110 { margin-bottom: 82.5px; }
  .pt-110 { padding-top: 82.5px; }
  .pl-110 { padding-left: 82.5px; }
  .pr-110 { padding-right: 82.5px; }
  .pb-110 { padding-bottom: 82.5px; }
  .my-110 { margin-top: 82.5px; margin-bottom: 82.5px; }
  .px-110 { padding-left: 82.5px; padding-right: 82.5px; }
  .py-110 { padding-top: 82.5px; padding-bottom: 82.5px; }
  .mt-120 { margin-top: 90px; }
  .ml-120 { margin-left: 90px; }
  .mr-120 { margin-right: 90px; }
  .mb-120 { margin-bottom: 90px; }
  .pt-120 { padding-top: 90px; }
  .pl-120 { padding-left: 90px; }
  .pr-120 { padding-right: 90px; }
  .pb-120 { padding-bottom: 90px; }
  .my-120 { margin-top: 90px; margin-bottom: 90px; }
  .px-120 { padding-left: 90px; padding-right: 90px; }
  .py-120 { padding-top: 90px; padding-bottom: 90px; }
  .mt-130 { margin-top: 97.5px; }
  .ml-130 { margin-left: 97.5px; }
  .mr-130 { margin-right: 97.5px; }
  .mb-130 { margin-bottom: 97.5px; }
  .pt-130 { padding-top: 97.5px; }
  .pl-130 { padding-left: 97.5px; }
  .pr-130 { padding-right: 97.5px; }
  .pb-130 { padding-bottom: 97.5px; }
  .my-130 { margin-top: 97.5px; margin-bottom: 97.5px; }
  .px-130 { padding-left: 97.5px; padding-right: 97.5px; }
  .py-130 { padding-top: 97.5px; padding-bottom: 97.5px; }
  .mt-140 { margin-top: 105px; }
  .ml-140 { margin-left: 105px; }
  .mr-140 { margin-right: 105px; }
  .mb-140 { margin-bottom: 105px; }
  .pt-140 { padding-top: 105px; }
  .pl-140 { padding-left: 105px; }
  .pr-140 { padding-right: 105px; }
  .pb-140 { padding-bottom: 105px; }
  .my-140 { margin-top: 105px; margin-bottom: 105px; }
  .px-140 { padding-left: 105px; padding-right: 105px; }
  .py-140 { padding-top: 105px; padding-bottom: 105px; }
  .mt-150 { margin-top: 112.5px; }
  .ml-150 { margin-left: 112.5px; }
  .mr-150 { margin-right: 112.5px; }
  .mb-150 { margin-bottom: 112.5px; }
  .pt-150 { padding-top: 112.5px; }
  .pl-150 { padding-left: 112.5px; }
  .pr-150 { padding-right: 112.5px; }
  .pb-150 { padding-bottom: 112.5px; }
  .my-150 { margin-top: 112.5px; margin-bottom: 112.5px; }
  .px-150 { padding-left: 112.5px; padding-right: 112.5px; }
  .py-150 { padding-top: 112.5px; padding-bottom: 112.5px; }
  .mt-200 { margin-top: 150px; }
  .ml-200 { margin-left: 150px; }
  .mr-200 { margin-right: 150px; }
  .mb-200 { margin-bottom: 150px; }
  .pt-200 { padding-top: 150px; }
  .pl-200 { padding-left: 150px; }
  .pr-200 { padding-right: 150px; }
  .pb-200 { padding-bottom: 150px; }
  .my-200 { margin-top: 150px; margin-bottom: 150px; }
  .px-200 { padding-left: 150px; padding-right: 150px; }
  .py-200 { padding-top: 150px; padding-bottom: 150px; }
  .mt-250 { margin-top: 187.5px; }
  .ml-250 { margin-left: 187.5px; }
  .mr-250 { margin-right: 187.5px; }
  .mb-250 { margin-bottom: 187.5px; }
  .pt-250 { padding-top: 187.5px; }
  .pl-250 { padding-left: 187.5px; }
  .pr-250 { padding-right: 187.5px; }
  .pb-250 { padding-bottom: 187.5px; }
  .my-250 { margin-top: 187.5px; margin-bottom: 187.5px; }
  .px-250 { padding-left: 187.5px; padding-right: 187.5px; }
  .py-250 { padding-top: 187.5px; padding-bottom: 187.5px; }
  .mt-300 { margin-top: 225px; }
  .ml-300 { margin-left: 225px; }
  .mr-300 { margin-right: 225px; }
  .mb-300 { margin-bottom: 225px; }
  .pt-300 { padding-top: 225px; }
  .pl-300 { padding-left: 225px; }
  .pr-300 { padding-right: 225px; }
  .pb-300 { padding-bottom: 225px; }
  .my-300 { margin-top: 225px; margin-bottom: 225px; }
  .px-300 { padding-left: 225px; padding-right: 225px; }
  .py-300 { padding-top: 225px; padding-bottom: 225px; }
  .mt-400 { margin-top: 300px; }
  .ml-400 { margin-left: 300px; }
  .mr-400 { margin-right: 300px; }
  .mb-400 { margin-bottom: 300px; }
  .pt-400 { padding-top: 300px; }
  .pl-400 { padding-left: 300px; }
  .pr-400 { padding-right: 300px; }
  .pb-400 { padding-bottom: 300px; }
  .my-400 { margin-top: 300px; margin-bottom: 300px; }
  .px-400 { padding-left: 300px; padding-right: 300px; }
  .py-400 { padding-top: 300px; padding-bottom: 300px; } }

@media (max-width: 992px) { .mt-0 { margin-top: 0px; }
  .ml-0 { margin-left: 0px; }
  .mr-0 { margin-right: 0px; }
  .mb-0 { margin-bottom: 0px; }
  .pt-0 { padding-top: 0px; }
  .pl-0 { padding-left: 0px; }
  .pr-0 { padding-right: 0px; }
  .pb-0 { padding-bottom: 0px; }
  .my-0 { margin-top: 0px; margin-bottom: 0px; }
  .px-0 { padding-left: 0px; padding-right: 0px; }
  .py-0 { padding-top: 0px; padding-bottom: 0px; }
  .mt-5 { margin-top: 2.5px; }
  .ml-5 { margin-left: 2.5px; }
  .mr-5 { margin-right: 2.5px; }
  .mb-5 { margin-bottom: 2.5px; }
  .pt-5 { padding-top: 2.5px; }
  .pl-5 { padding-left: 2.5px; }
  .pr-5 { padding-right: 2.5px; }
  .pb-5 { padding-bottom: 2.5px; }
  .my-5 { margin-top: 2.5px; margin-bottom: 2.5px; }
  .px-5 { padding-left: 2.5px; padding-right: 2.5px; }
  .py-5 { padding-top: 2.5px; padding-bottom: 2.5px; }
  .mt-10 { margin-top: 5px; }
  .ml-10 { margin-left: 5px; }
  .mr-10 { margin-right: 5px; }
  .mb-10 { margin-bottom: 5px; }
  .pt-10 { padding-top: 5px; }
  .pl-10 { padding-left: 5px; }
  .pr-10 { padding-right: 5px; }
  .pb-10 { padding-bottom: 5px; }
  .my-10 { margin-top: 5px; margin-bottom: 5px; }
  .px-10 { padding-left: 5px; padding-right: 5px; }
  .py-10 { padding-top: 5px; padding-bottom: 5px; }
  .mt-15 { margin-top: 7.5px; }
  .ml-15 { margin-left: 7.5px; }
  .mr-15 { margin-right: 7.5px; }
  .mb-15 { margin-bottom: 7.5px; }
  .pt-15 { padding-top: 7.5px; }
  .pl-15 { padding-left: 7.5px; }
  .pr-15 { padding-right: 7.5px; }
  .pb-15 { padding-bottom: 7.5px; }
  .my-15 { margin-top: 7.5px; margin-bottom: 7.5px; }
  .px-15 { padding-left: 7.5px; padding-right: 7.5px; }
  .py-15 { padding-top: 7.5px; padding-bottom: 7.5px; }
  .mt-20 { margin-top: 10px; }
  .ml-20 { margin-left: 10px; }
  .mr-20 { margin-right: 10px; }
  .mb-20 { margin-bottom: 10px; }
  .pt-20 { padding-top: 10px; }
  .pl-20 { padding-left: 10px; }
  .pr-20 { padding-right: 10px; }
  .pb-20 { padding-bottom: 10px; }
  .my-20 { margin-top: 10px; margin-bottom: 10px; }
  .px-20 { padding-left: 10px; padding-right: 10px; }
  .py-20 { padding-top: 10px; padding-bottom: 10px; }
  .mt-25 { margin-top: 12.5px; }
  .ml-25 { margin-left: 12.5px; }
  .mr-25 { margin-right: 12.5px; }
  .mb-25 { margin-bottom: 12.5px; }
  .pt-25 { padding-top: 12.5px; }
  .pl-25 { padding-left: 12.5px; }
  .pr-25 { padding-right: 12.5px; }
  .pb-25 { padding-bottom: 12.5px; }
  .my-25 { margin-top: 12.5px; margin-bottom: 12.5px; }
  .px-25 { padding-left: 12.5px; padding-right: 12.5px; }
  .py-25 { padding-top: 12.5px; padding-bottom: 12.5px; }
  .mt-30 { margin-top: 15px; }
  .ml-30 { margin-left: 15px; }
  .mr-30 { margin-right: 15px; }
  .mb-30 { margin-bottom: 15px; }
  .pt-30 { padding-top: 15px; }
  .pl-30 { padding-left: 15px; }
  .pr-30 { padding-right: 15px; }
  .pb-30 { padding-bottom: 15px; }
  .my-30 { margin-top: 15px; margin-bottom: 15px; }
  .px-30 { padding-left: 15px; padding-right: 15px; }
  .py-30 { padding-top: 15px; padding-bottom: 15px; }
  .mt-35 { margin-top: 17.5px; }
  .ml-35 { margin-left: 17.5px; }
  .mr-35 { margin-right: 17.5px; }
  .mb-35 { margin-bottom: 17.5px; }
  .pt-35 { padding-top: 17.5px; }
  .pl-35 { padding-left: 17.5px; }
  .pr-35 { padding-right: 17.5px; }
  .pb-35 { padding-bottom: 17.5px; }
  .my-35 { margin-top: 17.5px; margin-bottom: 17.5px; }
  .px-35 { padding-left: 17.5px; padding-right: 17.5px; }
  .py-35 { padding-top: 17.5px; padding-bottom: 17.5px; }
  .mt-40 { margin-top: 20px; }
  .ml-40 { margin-left: 20px; }
  .mr-40 { margin-right: 20px; }
  .mb-40 { margin-bottom: 20px; }
  .pt-40 { padding-top: 20px; }
  .pl-40 { padding-left: 20px; }
  .pr-40 { padding-right: 20px; }
  .pb-40 { padding-bottom: 20px; }
  .my-40 { margin-top: 20px; margin-bottom: 20px; }
  .px-40 { padding-left: 20px; padding-right: 20px; }
  .py-40 { padding-top: 20px; padding-bottom: 20px; }
  .mt-45 { margin-top: 22.5px; }
  .ml-45 { margin-left: 22.5px; }
  .mr-45 { margin-right: 22.5px; }
  .mb-45 { margin-bottom: 22.5px; }
  .pt-45 { padding-top: 22.5px; }
  .pl-45 { padding-left: 22.5px; }
  .pr-45 { padding-right: 22.5px; }
  .pb-45 { padding-bottom: 22.5px; }
  .my-45 { margin-top: 22.5px; margin-bottom: 22.5px; }
  .px-45 { padding-left: 22.5px; padding-right: 22.5px; }
  .py-45 { padding-top: 22.5px; padding-bottom: 22.5px; }
  .mt-50 { margin-top: 25px; }
  .ml-50 { margin-left: 25px; }
  .mr-50 { margin-right: 25px; }
  .mb-50 { margin-bottom: 25px; }
  .pt-50 { padding-top: 25px; }
  .pl-50 { padding-left: 25px; }
  .pr-50 { padding-right: 25px; }
  .pb-50 { padding-bottom: 25px; }
  .my-50 { margin-top: 25px; margin-bottom: 25px; }
  .px-50 { padding-left: 25px; padding-right: 25px; }
  .py-50 { padding-top: 25px; padding-bottom: 25px; }
  .mt-60 { margin-top: 30px; }
  .ml-60 { margin-left: 30px; }
  .mr-60 { margin-right: 30px; }
  .mb-60 { margin-bottom: 30px; }
  .pt-60 { padding-top: 30px; }
  .pl-60 { padding-left: 30px; }
  .pr-60 { padding-right: 30px; }
  .pb-60 { padding-bottom: 30px; }
  .my-60 { margin-top: 30px; margin-bottom: 30px; }
  .px-60 { padding-left: 30px; padding-right: 30px; }
  .py-60 { padding-top: 30px; padding-bottom: 30px; }
  .mt-70 { margin-top: 35px; }
  .ml-70 { margin-left: 35px; }
  .mr-70 { margin-right: 35px; }
  .mb-70 { margin-bottom: 35px; }
  .pt-70 { padding-top: 35px; }
  .pl-70 { padding-left: 35px; }
  .pr-70 { padding-right: 35px; }
  .pb-70 { padding-bottom: 35px; }
  .my-70 { margin-top: 35px; margin-bottom: 35px; }
  .px-70 { padding-left: 35px; padding-right: 35px; }
  .py-70 { padding-top: 35px; padding-bottom: 35px; }
  .mt-80 { margin-top: 40px; }
  .ml-80 { margin-left: 40px; }
  .mr-80 { margin-right: 40px; }
  .mb-80 { margin-bottom: 40px; }
  .pt-80 { padding-top: 40px; }
  .pl-80 { padding-left: 40px; }
  .pr-80 { padding-right: 40px; }
  .pb-80 { padding-bottom: 40px; }
  .my-80 { margin-top: 40px; margin-bottom: 40px; }
  .px-80 { padding-left: 40px; padding-right: 40px; }
  .py-80 { padding-top: 40px; padding-bottom: 40px; }
  .mt-90 { margin-top: 45px; }
  .ml-90 { margin-left: 45px; }
  .mr-90 { margin-right: 45px; }
  .mb-90 { margin-bottom: 45px; }
  .pt-90 { padding-top: 45px; }
  .pl-90 { padding-left: 45px; }
  .pr-90 { padding-right: 45px; }
  .pb-90 { padding-bottom: 45px; }
  .my-90 { margin-top: 45px; margin-bottom: 45px; }
  .px-90 { padding-left: 45px; padding-right: 45px; }
  .py-90 { padding-top: 45px; padding-bottom: 45px; }
  .mt-100 { margin-top: 50px; }
  .ml-100 { margin-left: 50px; }
  .mr-100 { margin-right: 50px; }
  .mb-100 { margin-bottom: 50px; }
  .pt-100 { padding-top: 50px; }
  .pl-100 { padding-left: 50px; }
  .pr-100 { padding-right: 50px; }
  .pb-100 { padding-bottom: 50px; }
  .my-100 { margin-top: 50px; margin-bottom: 50px; }
  .px-100 { padding-left: 50px; padding-right: 50px; }
  .py-100 { padding-top: 50px; padding-bottom: 50px; }
  .mt-110 { margin-top: 55px; }
  .ml-110 { margin-left: 55px; }
  .mr-110 { margin-right: 55px; }
  .mb-110 { margin-bottom: 55px; }
  .pt-110 { padding-top: 55px; }
  .pl-110 { padding-left: 55px; }
  .pr-110 { padding-right: 55px; }
  .pb-110 { padding-bottom: 55px; }
  .my-110 { margin-top: 55px; margin-bottom: 55px; }
  .px-110 { padding-left: 55px; padding-right: 55px; }
  .py-110 { padding-top: 55px; padding-bottom: 55px; }
  .mt-120 { margin-top: 60px; }
  .ml-120 { margin-left: 60px; }
  .mr-120 { margin-right: 60px; }
  .mb-120 { margin-bottom: 60px; }
  .pt-120 { padding-top: 60px; }
  .pl-120 { padding-left: 60px; }
  .pr-120 { padding-right: 60px; }
  .pb-120 { padding-bottom: 60px; }
  .my-120 { margin-top: 60px; margin-bottom: 60px; }
  .px-120 { padding-left: 60px; padding-right: 60px; }
  .py-120 { padding-top: 60px; padding-bottom: 60px; }
  .mt-130 { margin-top: 65px; }
  .ml-130 { margin-left: 65px; }
  .mr-130 { margin-right: 65px; }
  .mb-130 { margin-bottom: 65px; }
  .pt-130 { padding-top: 65px; }
  .pl-130 { padding-left: 65px; }
  .pr-130 { padding-right: 65px; }
  .pb-130 { padding-bottom: 65px; }
  .my-130 { margin-top: 65px; margin-bottom: 65px; }
  .px-130 { padding-left: 65px; padding-right: 65px; }
  .py-130 { padding-top: 65px; padding-bottom: 65px; }
  .mt-140 { margin-top: 70px; }
  .ml-140 { margin-left: 70px; }
  .mr-140 { margin-right: 70px; }
  .mb-140 { margin-bottom: 70px; }
  .pt-140 { padding-top: 70px; }
  .pl-140 { padding-left: 70px; }
  .pr-140 { padding-right: 70px; }
  .pb-140 { padding-bottom: 70px; }
  .my-140 { margin-top: 70px; margin-bottom: 70px; }
  .px-140 { padding-left: 70px; padding-right: 70px; }
  .py-140 { padding-top: 70px; padding-bottom: 70px; }
  .mt-150 { margin-top: 75px; }
  .ml-150 { margin-left: 75px; }
  .mr-150 { margin-right: 75px; }
  .mb-150 { margin-bottom: 75px; }
  .pt-150 { padding-top: 75px; }
  .pl-150 { padding-left: 75px; }
  .pr-150 { padding-right: 75px; }
  .pb-150 { padding-bottom: 75px; }
  .my-150 { margin-top: 75px; margin-bottom: 75px; }
  .px-150 { padding-left: 75px; padding-right: 75px; }
  .py-150 { padding-top: 75px; padding-bottom: 75px; }
  .mt-200 { margin-top: 100px; }
  .ml-200 { margin-left: 100px; }
  .mr-200 { margin-right: 100px; }
  .mb-200 { margin-bottom: 100px; }
  .pt-200 { padding-top: 100px; }
  .pl-200 { padding-left: 100px; }
  .pr-200 { padding-right: 100px; }
  .pb-200 { padding-bottom: 100px; }
  .my-200 { margin-top: 100px; margin-bottom: 100px; }
  .px-200 { padding-left: 100px; padding-right: 100px; }
  .py-200 { padding-top: 100px; padding-bottom: 100px; }
  .mt-250 { margin-top: 125px; }
  .ml-250 { margin-left: 125px; }
  .mr-250 { margin-right: 125px; }
  .mb-250 { margin-bottom: 125px; }
  .pt-250 { padding-top: 125px; }
  .pl-250 { padding-left: 125px; }
  .pr-250 { padding-right: 125px; }
  .pb-250 { padding-bottom: 125px; }
  .my-250 { margin-top: 125px; margin-bottom: 125px; }
  .px-250 { padding-left: 125px; padding-right: 125px; }
  .py-250 { padding-top: 125px; padding-bottom: 125px; }
  .mt-300 { margin-top: 150px; }
  .ml-300 { margin-left: 150px; }
  .mr-300 { margin-right: 150px; }
  .mb-300 { margin-bottom: 150px; }
  .pt-300 { padding-top: 150px; }
  .pl-300 { padding-left: 150px; }
  .pr-300 { padding-right: 150px; }
  .pb-300 { padding-bottom: 150px; }
  .my-300 { margin-top: 150px; margin-bottom: 150px; }
  .px-300 { padding-left: 150px; padding-right: 150px; }
  .py-300 { padding-top: 150px; padding-bottom: 150px; }
  .mt-400 { margin-top: 200px; }
  .ml-400 { margin-left: 200px; }
  .mr-400 { margin-right: 200px; }
  .mb-400 { margin-bottom: 200px; }
  .pt-400 { padding-top: 200px; }
  .pl-400 { padding-left: 200px; }
  .pr-400 { padding-right: 200px; }
  .pb-400 { padding-bottom: 200px; }
  .my-400 { margin-top: 200px; margin-bottom: 200px; }
  .px-400 { padding-left: 200px; padding-right: 200px; }
  .py-400 { padding-top: 200px; padding-bottom: 200px; }
  .mt-sm-0 { margin-top: 0px; }
  .ml-sm-0 { margin-left: 0px; }
  .mr-sm-0 { margin-right: 0px; }
  .mb-sm-0 { margin-bottom: 0px; }
  .pt-sm-0 { padding-top: 0px; }
  .pl-sm-0 { padding-left: 0px; }
  .pr-sm-0 { padding-right: 0px; }
  .pb-sm-0 { padding-bottom: 0px; }
  .mx-sm-0 { margin-left: 0px; margin-right: 0px; }
  .my-sm-0 { margin-top: 0px; margin-bottom: 0px; }
  .px-sm-0 { padding-left: 0px; padding-right: 0px; }
  .py-sm-0 { padding-top: 0px; padding-bottom: 0px; }
  .mt-sm-5 { margin-top: 5px; }
  .ml-sm-5 { margin-left: 5px; }
  .mr-sm-5 { margin-right: 5px; }
  .mb-sm-5 { margin-bottom: 5px; }
  .pt-sm-5 { padding-top: 5px; }
  .pl-sm-5 { padding-left: 5px; }
  .pr-sm-5 { padding-right: 5px; }
  .pb-sm-5 { padding-bottom: 5px; }
  .mx-sm-5 { margin-left: 5px; margin-right: 5px; }
  .my-sm-5 { margin-top: 5px; margin-bottom: 5px; }
  .px-sm-5 { padding-left: 5px; padding-right: 5px; }
  .py-sm-5 { padding-top: 5px; padding-bottom: 5px; }
  .mt-sm-10 { margin-top: 10px; }
  .ml-sm-10 { margin-left: 10px; }
  .mr-sm-10 { margin-right: 10px; }
  .mb-sm-10 { margin-bottom: 10px; }
  .pt-sm-10 { padding-top: 10px; }
  .pl-sm-10 { padding-left: 10px; }
  .pr-sm-10 { padding-right: 10px; }
  .pb-sm-10 { padding-bottom: 10px; }
  .mx-sm-10 { margin-left: 10px; margin-right: 10px; }
  .my-sm-10 { margin-top: 10px; margin-bottom: 10px; }
  .px-sm-10 { padding-left: 10px; padding-right: 10px; }
  .py-sm-10 { padding-top: 10px; padding-bottom: 10px; }
  .mt-sm-15 { margin-top: 15px; }
  .ml-sm-15 { margin-left: 15px; }
  .mr-sm-15 { margin-right: 15px; }
  .mb-sm-15 { margin-bottom: 15px; }
  .pt-sm-15 { padding-top: 15px; }
  .pl-sm-15 { padding-left: 15px; }
  .pr-sm-15 { padding-right: 15px; }
  .pb-sm-15 { padding-bottom: 15px; }
  .mx-sm-15 { margin-left: 15px; margin-right: 15px; }
  .my-sm-15 { margin-top: 15px; margin-bottom: 15px; }
  .px-sm-15 { padding-left: 15px; padding-right: 15px; }
  .py-sm-15 { padding-top: 15px; padding-bottom: 15px; }
  .mt-sm-20 { margin-top: 20px; }
  .ml-sm-20 { margin-left: 20px; }
  .mr-sm-20 { margin-right: 20px; }
  .mb-sm-20 { margin-bottom: 20px; }
  .pt-sm-20 { padding-top: 20px; }
  .pl-sm-20 { padding-left: 20px; }
  .pr-sm-20 { padding-right: 20px; }
  .pb-sm-20 { padding-bottom: 20px; }
  .mx-sm-20 { margin-left: 20px; margin-right: 20px; }
  .my-sm-20 { margin-top: 20px; margin-bottom: 20px; }
  .px-sm-20 { padding-left: 20px; padding-right: 20px; }
  .py-sm-20 { padding-top: 20px; padding-bottom: 20px; }
  .mt-sm-25 { margin-top: 25px; }
  .ml-sm-25 { margin-left: 25px; }
  .mr-sm-25 { margin-right: 25px; }
  .mb-sm-25 { margin-bottom: 25px; }
  .pt-sm-25 { padding-top: 25px; }
  .pl-sm-25 { padding-left: 25px; }
  .pr-sm-25 { padding-right: 25px; }
  .pb-sm-25 { padding-bottom: 25px; }
  .mx-sm-25 { margin-left: 25px; margin-right: 25px; }
  .my-sm-25 { margin-top: 25px; margin-bottom: 25px; }
  .px-sm-25 { padding-left: 25px; padding-right: 25px; }
  .py-sm-25 { padding-top: 25px; padding-bottom: 25px; }
  .mt-sm-30 { margin-top: 30px; }
  .ml-sm-30 { margin-left: 30px; }
  .mr-sm-30 { margin-right: 30px; }
  .mb-sm-30 { margin-bottom: 30px; }
  .pt-sm-30 { padding-top: 30px; }
  .pl-sm-30 { padding-left: 30px; }
  .pr-sm-30 { padding-right: 30px; }
  .pb-sm-30 { padding-bottom: 30px; }
  .mx-sm-30 { margin-left: 30px; margin-right: 30px; }
  .my-sm-30 { margin-top: 30px; margin-bottom: 30px; }
  .px-sm-30 { padding-left: 30px; padding-right: 30px; }
  .py-sm-30 { padding-top: 30px; padding-bottom: 30px; }
  .mt-sm-35 { margin-top: 35px; }
  .ml-sm-35 { margin-left: 35px; }
  .mr-sm-35 { margin-right: 35px; }
  .mb-sm-35 { margin-bottom: 35px; }
  .pt-sm-35 { padding-top: 35px; }
  .pl-sm-35 { padding-left: 35px; }
  .pr-sm-35 { padding-right: 35px; }
  .pb-sm-35 { padding-bottom: 35px; }
  .mx-sm-35 { margin-left: 35px; margin-right: 35px; }
  .my-sm-35 { margin-top: 35px; margin-bottom: 35px; }
  .px-sm-35 { padding-left: 35px; padding-right: 35px; }
  .py-sm-35 { padding-top: 35px; padding-bottom: 35px; }
  .mt-sm-40 { margin-top: 40px; }
  .ml-sm-40 { margin-left: 40px; }
  .mr-sm-40 { margin-right: 40px; }
  .mb-sm-40 { margin-bottom: 40px; }
  .pt-sm-40 { padding-top: 40px; }
  .pl-sm-40 { padding-left: 40px; }
  .pr-sm-40 { padding-right: 40px; }
  .pb-sm-40 { padding-bottom: 40px; }
  .mx-sm-40 { margin-left: 40px; margin-right: 40px; }
  .my-sm-40 { margin-top: 40px; margin-bottom: 40px; }
  .px-sm-40 { padding-left: 40px; padding-right: 40px; }
  .py-sm-40 { padding-top: 40px; padding-bottom: 40px; }
  .mt-sm-45 { margin-top: 45px; }
  .ml-sm-45 { margin-left: 45px; }
  .mr-sm-45 { margin-right: 45px; }
  .mb-sm-45 { margin-bottom: 45px; }
  .pt-sm-45 { padding-top: 45px; }
  .pl-sm-45 { padding-left: 45px; }
  .pr-sm-45 { padding-right: 45px; }
  .pb-sm-45 { padding-bottom: 45px; }
  .mx-sm-45 { margin-left: 45px; margin-right: 45px; }
  .my-sm-45 { margin-top: 45px; margin-bottom: 45px; }
  .px-sm-45 { padding-left: 45px; padding-right: 45px; }
  .py-sm-45 { padding-top: 45px; padding-bottom: 45px; }
  .mt-sm-50 { margin-top: 50px; }
  .ml-sm-50 { margin-left: 50px; }
  .mr-sm-50 { margin-right: 50px; }
  .mb-sm-50 { margin-bottom: 50px; }
  .pt-sm-50 { padding-top: 50px; }
  .pl-sm-50 { padding-left: 50px; }
  .pr-sm-50 { padding-right: 50px; }
  .pb-sm-50 { padding-bottom: 50px; }
  .mx-sm-50 { margin-left: 50px; margin-right: 50px; }
  .my-sm-50 { margin-top: 50px; margin-bottom: 50px; }
  .px-sm-50 { padding-left: 50px; padding-right: 50px; }
  .py-sm-50 { padding-top: 50px; padding-bottom: 50px; }
  .mt-sm-60 { margin-top: 60px; }
  .ml-sm-60 { margin-left: 60px; }
  .mr-sm-60 { margin-right: 60px; }
  .mb-sm-60 { margin-bottom: 60px; }
  .pt-sm-60 { padding-top: 60px; }
  .pl-sm-60 { padding-left: 60px; }
  .pr-sm-60 { padding-right: 60px; }
  .pb-sm-60 { padding-bottom: 60px; }
  .mx-sm-60 { margin-left: 60px; margin-right: 60px; }
  .my-sm-60 { margin-top: 60px; margin-bottom: 60px; }
  .px-sm-60 { padding-left: 60px; padding-right: 60px; }
  .py-sm-60 { padding-top: 60px; padding-bottom: 60px; }
  .mt-sm-70 { margin-top: 70px; }
  .ml-sm-70 { margin-left: 70px; }
  .mr-sm-70 { margin-right: 70px; }
  .mb-sm-70 { margin-bottom: 70px; }
  .pt-sm-70 { padding-top: 70px; }
  .pl-sm-70 { padding-left: 70px; }
  .pr-sm-70 { padding-right: 70px; }
  .pb-sm-70 { padding-bottom: 70px; }
  .mx-sm-70 { margin-left: 70px; margin-right: 70px; }
  .my-sm-70 { margin-top: 70px; margin-bottom: 70px; }
  .px-sm-70 { padding-left: 70px; padding-right: 70px; }
  .py-sm-70 { padding-top: 70px; padding-bottom: 70px; }
  .mt-sm-80 { margin-top: 80px; }
  .ml-sm-80 { margin-left: 80px; }
  .mr-sm-80 { margin-right: 80px; }
  .mb-sm-80 { margin-bottom: 80px; }
  .pt-sm-80 { padding-top: 80px; }
  .pl-sm-80 { padding-left: 80px; }
  .pr-sm-80 { padding-right: 80px; }
  .pb-sm-80 { padding-bottom: 80px; }
  .mx-sm-80 { margin-left: 80px; margin-right: 80px; }
  .my-sm-80 { margin-top: 80px; margin-bottom: 80px; }
  .px-sm-80 { padding-left: 80px; padding-right: 80px; }
  .py-sm-80 { padding-top: 80px; padding-bottom: 80px; }
  .mt-sm-90 { margin-top: 90px; }
  .ml-sm-90 { margin-left: 90px; }
  .mr-sm-90 { margin-right: 90px; }
  .mb-sm-90 { margin-bottom: 90px; }
  .pt-sm-90 { padding-top: 90px; }
  .pl-sm-90 { padding-left: 90px; }
  .pr-sm-90 { padding-right: 90px; }
  .pb-sm-90 { padding-bottom: 90px; }
  .mx-sm-90 { margin-left: 90px; margin-right: 90px; }
  .my-sm-90 { margin-top: 90px; margin-bottom: 90px; }
  .px-sm-90 { padding-left: 90px; padding-right: 90px; }
  .py-sm-90 { padding-top: 90px; padding-bottom: 90px; }
  .mt-sm-100 { margin-top: 100px; }
  .ml-sm-100 { margin-left: 100px; }
  .mr-sm-100 { margin-right: 100px; }
  .mb-sm-100 { margin-bottom: 100px; }
  .pt-sm-100 { padding-top: 100px; }
  .pl-sm-100 { padding-left: 100px; }
  .pr-sm-100 { padding-right: 100px; }
  .pb-sm-100 { padding-bottom: 100px; }
  .mx-sm-100 { margin-left: 100px; margin-right: 100px; }
  .my-sm-100 { margin-top: 100px; margin-bottom: 100px; }
  .px-sm-100 { padding-left: 100px; padding-right: 100px; }
  .py-sm-100 { padding-top: 100px; padding-bottom: 100px; }
  .mt-sm-110 { margin-top: 110px; }
  .ml-sm-110 { margin-left: 110px; }
  .mr-sm-110 { margin-right: 110px; }
  .mb-sm-110 { margin-bottom: 110px; }
  .pt-sm-110 { padding-top: 110px; }
  .pl-sm-110 { padding-left: 110px; }
  .pr-sm-110 { padding-right: 110px; }
  .pb-sm-110 { padding-bottom: 110px; }
  .mx-sm-110 { margin-left: 110px; margin-right: 110px; }
  .my-sm-110 { margin-top: 110px; margin-bottom: 110px; }
  .px-sm-110 { padding-left: 110px; padding-right: 110px; }
  .py-sm-110 { padding-top: 110px; padding-bottom: 110px; }
  .mt-sm-120 { margin-top: 120px; }
  .ml-sm-120 { margin-left: 120px; }
  .mr-sm-120 { margin-right: 120px; }
  .mb-sm-120 { margin-bottom: 120px; }
  .pt-sm-120 { padding-top: 120px; }
  .pl-sm-120 { padding-left: 120px; }
  .pr-sm-120 { padding-right: 120px; }
  .pb-sm-120 { padding-bottom: 120px; }
  .mx-sm-120 { margin-left: 120px; margin-right: 120px; }
  .my-sm-120 { margin-top: 120px; margin-bottom: 120px; }
  .px-sm-120 { padding-left: 120px; padding-right: 120px; }
  .py-sm-120 { padding-top: 120px; padding-bottom: 120px; }
  .mt-sm-130 { margin-top: 130px; }
  .ml-sm-130 { margin-left: 130px; }
  .mr-sm-130 { margin-right: 130px; }
  .mb-sm-130 { margin-bottom: 130px; }
  .pt-sm-130 { padding-top: 130px; }
  .pl-sm-130 { padding-left: 130px; }
  .pr-sm-130 { padding-right: 130px; }
  .pb-sm-130 { padding-bottom: 130px; }
  .mx-sm-130 { margin-left: 130px; margin-right: 130px; }
  .my-sm-130 { margin-top: 130px; margin-bottom: 130px; }
  .px-sm-130 { padding-left: 130px; padding-right: 130px; }
  .py-sm-130 { padding-top: 130px; padding-bottom: 130px; }
  .mt-sm-140 { margin-top: 140px; }
  .ml-sm-140 { margin-left: 140px; }
  .mr-sm-140 { margin-right: 140px; }
  .mb-sm-140 { margin-bottom: 140px; }
  .pt-sm-140 { padding-top: 140px; }
  .pl-sm-140 { padding-left: 140px; }
  .pr-sm-140 { padding-right: 140px; }
  .pb-sm-140 { padding-bottom: 140px; }
  .mx-sm-140 { margin-left: 140px; margin-right: 140px; }
  .my-sm-140 { margin-top: 140px; margin-bottom: 140px; }
  .px-sm-140 { padding-left: 140px; padding-right: 140px; }
  .py-sm-140 { padding-top: 140px; padding-bottom: 140px; }
  .mt-sm-150 { margin-top: 150px; }
  .ml-sm-150 { margin-left: 150px; }
  .mr-sm-150 { margin-right: 150px; }
  .mb-sm-150 { margin-bottom: 150px; }
  .pt-sm-150 { padding-top: 150px; }
  .pl-sm-150 { padding-left: 150px; }
  .pr-sm-150 { padding-right: 150px; }
  .pb-sm-150 { padding-bottom: 150px; }
  .mx-sm-150 { margin-left: 150px; margin-right: 150px; }
  .my-sm-150 { margin-top: 150px; margin-bottom: 150px; }
  .px-sm-150 { padding-left: 150px; padding-right: 150px; }
  .py-sm-150 { padding-top: 150px; padding-bottom: 150px; }
  .mt-sm-200 { margin-top: 200px; }
  .ml-sm-200 { margin-left: 200px; }
  .mr-sm-200 { margin-right: 200px; }
  .mb-sm-200 { margin-bottom: 200px; }
  .pt-sm-200 { padding-top: 200px; }
  .pl-sm-200 { padding-left: 200px; }
  .pr-sm-200 { padding-right: 200px; }
  .pb-sm-200 { padding-bottom: 200px; }
  .mx-sm-200 { margin-left: 200px; margin-right: 200px; }
  .my-sm-200 { margin-top: 200px; margin-bottom: 200px; }
  .px-sm-200 { padding-left: 200px; padding-right: 200px; }
  .py-sm-200 { padding-top: 200px; padding-bottom: 200px; }
  .mt-sm-250 { margin-top: 250px; }
  .ml-sm-250 { margin-left: 250px; }
  .mr-sm-250 { margin-right: 250px; }
  .mb-sm-250 { margin-bottom: 250px; }
  .pt-sm-250 { padding-top: 250px; }
  .pl-sm-250 { padding-left: 250px; }
  .pr-sm-250 { padding-right: 250px; }
  .pb-sm-250 { padding-bottom: 250px; }
  .mx-sm-250 { margin-left: 250px; margin-right: 250px; }
  .my-sm-250 { margin-top: 250px; margin-bottom: 250px; }
  .px-sm-250 { padding-left: 250px; padding-right: 250px; }
  .py-sm-250 { padding-top: 250px; padding-bottom: 250px; }
  .mt-sm-300 { margin-top: 300px; }
  .ml-sm-300 { margin-left: 300px; }
  .mr-sm-300 { margin-right: 300px; }
  .mb-sm-300 { margin-bottom: 300px; }
  .pt-sm-300 { padding-top: 300px; }
  .pl-sm-300 { padding-left: 300px; }
  .pr-sm-300 { padding-right: 300px; }
  .pb-sm-300 { padding-bottom: 300px; }
  .mx-sm-300 { margin-left: 300px; margin-right: 300px; }
  .my-sm-300 { margin-top: 300px; margin-bottom: 300px; }
  .px-sm-300 { padding-left: 300px; padding-right: 300px; }
  .py-sm-300 { padding-top: 300px; padding-bottom: 300px; }
  .mt-sm-400 { margin-top: 400px; }
  .ml-sm-400 { margin-left: 400px; }
  .mr-sm-400 { margin-right: 400px; }
  .mb-sm-400 { margin-bottom: 400px; }
  .pt-sm-400 { padding-top: 400px; }
  .pl-sm-400 { padding-left: 400px; }
  .pr-sm-400 { padding-right: 400px; }
  .pb-sm-400 { padding-bottom: 400px; }
  .mx-sm-400 { margin-left: 400px; margin-right: 400px; }
  .my-sm-400 { margin-top: 400px; margin-bottom: 400px; }
  .px-sm-400 { padding-left: 400px; padding-right: 400px; }
  .py-sm-400 { padding-top: 400px; padding-bottom: 400px; } }

.mt-n3 { margin-top: -3px; }

/* ---------------- Grid Start ---------------- */
.text-left { text-align: left; }

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

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

.d-block { display: block; }

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

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.w-100 { width: 100%; }

.w-66 { width: 66.666%; }

.w-50 { width: 50%; }

.w-33 { width: 33.333%; }

.clearfix:after { content: ""; display: block; clear: both; }

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

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

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

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

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

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

.m_img { display: none !important; }

@media (max-width: 1600px) { .visible-xl { display: none; } }

@media (max-width: 1400px) { .hidden-lg { display: none !important; }
  .visible-lg { display: block !important; } }

@media (max-width: 1200px) { .m_img { display: block !important; }
  .pc_img { display: none !important; }
  .visible-md { display: block !important; }
  .hidden-md { display: none !important; } }

@media (max-width: 992px) { .visible-sm { display: block !important; }
  .hidden-sm { display: none !important; } }

@media (max-width: 768px) { .visible-xs { display: block !important; }
  .hidden-xs { display: none !important; } }

@media (max-width: 500px) { .visible-xxs { display: block !important; }
  .hidden-xxs { display: none !important; } }

@media (max-width: 380px) { .visible-xxxs { display: block !important; }
  .hidden-xxxs { display: none !important; } }


/* ---------------- font Start ---------------- */
@font-face { font-family: 'S-CoreDream'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff"); font-weight: 300; }

@font-face { font-family: 'GmarketSans'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff"); font-weight: 100; }

@font-face { font-family: 'GmarketSans'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: 400; }

@font-face { font-family: 'GmarketSans'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff"); font-weight: 700; }

.gmarket { font-family: 'GmarketSans'; }

.mont { font-family: 'Montserrat', sans-serif; }

br { font-family: sans-serif; }

.font-extrabold { font-weight: 900; }

.font-bold { font-weight: 700; }

.font-semibold { font-weight: 600; }

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

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

.font-light { font-weight: 300; }

.italic { font-style: italic; }

.text-upper { text-transform: uppercase; }

.ls-1 { letter-spacing: 1px; }

.ls-n1 { letter-spacing: -1px; }

.ls-2 { letter-spacing: 2px; }

.ls-n2 { letter-spacing: -2px; }

.ls-3 { letter-spacing: 3px; }

.ls-n3 { letter-spacing: -3px; }

.ls-4 { letter-spacing: 4px; }

.ls-n4 { letter-spacing: -4px; }

.ls-5 { letter-spacing: 5px; }

.ls-n5 { letter-spacing: -5px; }

.ls-6 { letter-spacing: 6px; }

.ls-n6 { letter-spacing: -6px; }

.ls-7 { letter-spacing: 7px; }

.ls-n7 { letter-spacing: -7px; }

.ls-8 { letter-spacing: 8px; }

.ls-n8 { letter-spacing: -8px; }

.font100 { font-size: 100px; }

.font80 { font-size: 80px; }

.font75 { font-size: 75px; }

.font65 { font-size: 65px; }

.font60 { font-size: 60px; }

.font55 { font-size: 55px; }

.font50 { font-size: 50px; }

.font45 { font-size: 45px; }

.font40 { font-size: 40px; }

.font38 { font-size: 38px; }

.font35 { font-size: 35px; }

.font32 { font-size: 32px; }

.font30 { font-size: 30px; }

.font28 { font-size: 28px; }

.font26 { font-size: 26px; }

.font24 { font-size: 24px; }

.font22 { font-size: 22px; }

.font20 { font-size: 20px; }

.font18 { font-size: 18px; }

.font16 { font-size: 16px; }

.font14 { font-size: 14px; }

.font13 { font-size: 13px; }

.font12 { font-size: 12px; }

.font11 { font-size: 11px; }

@media (max-width: 1400px) { .font100 { font-size: 85px; }
  .font80 { font-size: 68px; }
  .font75 { font-size: 64px; }
  .font65 { font-size: 55px; }
  .font60 { font-size: 51px; }
  .font55 { font-size: 47px; }
  .font50 { font-size: 43px; }
  .font45 { font-size: 38px; }
  .font40 { font-size: 34px; }
  .font38 { font-size: 32px; }
  .font35 { font-size: 30px; }
  .font32 { font-size: 27px; }
  .font30 { font-size: 26px; }
  .font28 { font-size: 24px; }
  .font26 { font-size: 22px; }
  .font24 { font-size: 20px; }
  .font22 { font-size: 19px; }
  .font20 { font-size: 17px; }
  .font18 { font-size: 16px; }
  .font16 { font-size: 16px; }
  .font14 { font-size: 14px; }
  .font13 { font-size: 13px; }
  .font12 { font-size: 12px; }
  .font11 { font-size: 11px; } }

@media (max-width: 1200px) { .font100 { font-size: 75px; }
  .font80 { font-size: 60px; }
  .font75 { font-size: 56px; }
  .font65 { font-size: 49px; }
  .font60 { font-size: 45px; }
  .font55 { font-size: 41px; }
  .font50 { font-size: 38px; }
  .font45 { font-size: 34px; }
  .font40 { font-size: 30px; }
  .font38 { font-size: 29px; }
  .font35 { font-size: 26px; }
  .font32 { font-size: 24px; }
  .font30 { font-size: 23px; }
  .font28 { font-size: 21px; }
  .font26 { font-size: 20px; }
  .font24 { font-size: 18px; }
  .font22 { font-size: 17px; }
  .font20 { font-size: 15px; }
  .font18 { font-size: 14px; }
  .font16 { font-size: 14px; }
  .font14 { font-size: 12.6px; }
  .font13 { font-size: 11.7px; }
  .font12 { font-size: 10.8px; }
  .font11 { font-size: 9.9px; } }

@media (max-width: 768px) { .font100 { font-size: 70px; }
  .font80 { font-size: 56px; }
  .font75 { font-size: 53px; }
  .font65 { font-size: 46px; }
  .font60 { font-size: 42px; }
  .font55 { font-size: 39px; }
  .font50 { font-size: 35px; }
  .font45 { font-size: 32px; }
  .font40 { font-size: 28px; }
  .font38 { font-size: 27px; }
  .font35 { font-size: 25px; }
  .font32 { font-size: 22px; }
  .font30 { font-size: 21px; }
  .font28 { font-size: 20px; }
  .font26 { font-size: 18px; }
  .font24 { font-size: 17px; }
  .font22 { font-size: 15px; }
  .font20 { font-size: 14px; }
  .font18 { font-size: 14px; }
  .font16 { font-size: 14px; }
  .font14 { font-size: 12.6px; }
  .font13 { font-size: 11.7px; }
  .font12 { font-size: 10.8px; }
  .font11 { font-size: 9.9px; } }

@media (max-width: 500px) { .font45 { font-size: 28px;} 
  .font16 {font-size: 12px;} }
/* ---------------- swiper ---------------- */
.swiper-button-prev:focus, .swiper-button-next:focus { outline: none; }

.swiper-pagination-bullet:focus { outline: none !important; }

/* ----------- feature ------------- */
.basic_btn { display: inline-block; border-radius: 30px; border: 1px solid #000; background-color: #fff; padding: 8px 30px; }

@media (max-width: 768px) {
  #hd_pop{width:100% !important;}
  .hd_pops{width:100% !important;left: 0 !important;top: 50px !important;}
  .hd_pops img {width:100% !important;}
  .hd_pops_con {width:100% !important;height:auto !important;}
 } 

#bo_list, #bo_gall, #bo_w, #bo_v { max-width: 1400px; margin-left: auto; margin-right: auto; margin-top: 50px; }

#ctt { max-width: 1400px; margin-left: auto; margin-right: auto; font-size: 16px; }

.register { max-width: 1400px; margin: 50px auto; font-size: 16px; }


@media (max-width: 1400px) {
  #bo_list, #bo_gall, #bo_w, #bo_v { max-width: none; padding-left: 15px; padding-right: 15px; margin-top: 10px; }
  #ctt { font-size: 12px; }
  .register { margin: 25px auto; }
}

.main_container { overflow: hidden; /* 메인 공통 */ /* 메인 슬라이드 */ /* 스페셜 클리닉 */ /* 특별함 */ /* 의료진 소개 */ /* 국민건강보험공단 */ /* 진료안내 */ /* 건강칼럼 */ /* 둘러보기 */ /* 커뮤니케이션 */ /* 로케이션 */ }

.main_container > section { margin-left: auto; margin-right: auto; }

.main_container .main_wrapper { max-width: 1400px; margin-left: auto; margin-right: auto; }

.main_container .title_wrapper { max-width: 1400px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 80px; }

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

.main_container .title_item:before { content: ""; display: block; width: 25%; height: 1px; background-color: #E0E0E0; position: absolute; top: 50%; left: 0; }

.main_container .title_item:after { content: ""; display: block; width: 25%; height: 1px; background-color: #E0E0E0; position: absolute; top: 50%; right: 0; }

.main_container .title_item .main_text { color: #333; letter-spacing: -1px; }

.main_container .btn_fill { position: relative; background-color: transparent; overflow: hidden; -webkit-transition: border 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; transition: border 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }

.main_container .btn_fill:after { display: block; content: ""; position: absolute; width: 100%; height: 100%; background: #F5821F; -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); transform: scale(0); top: 0; left: 0; border-radius: 30px; padding: 5px 30px; z-index: 5; }

.main_container .btn_fill:hover { border-color: transparent !important; }

.main_container .btn_fill:hover span { color: #fff; }

.main_container .btn_fill:hover:after { -webkit-transform: scale(1); transform: scale(1); }

.main_container .btn_fill span { position: relative; z-index: 15; -webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .swiper_btn_fill { position: relative; background-color: transparent; overflow: hidden; -webkit-transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }

.main_container .swiper_btn_fill span { display: block; content: ""; position: absolute; width: 70px; height: 70px; background: #F5821F; -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(0); transform: scale(0); top: 0; left: 0; border-radius: 50%; padding: 5px 30px; z-index: 5; }

.main_container .swiper_btn_fill:after { -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .swiper_btn_fill:hover { border-color: transparent !important; }

.main_container .swiper_btn_fill:hover span { -webkit-transform: scale(1); transform: scale(1); }

.main_container .swiper_btn_fill:hover:after { color: #fff !important; }

@media (max-width: 1400px) { .main_container .main_wrapper { max-width: none; margin-left: 20px; margin-right: 20px; } }

@media (max-width: 992px) { .main_container .title_wrapper { margin-bottom: 40px; }
  .main_container .title_item:before { width: 20%; }
  .main_container .title_item:after { width: 20%; } }

@media (max-width: 768px) { .main_container .title_item:before { display: none; }
  .main_container .title_item:after { display: none; } }

.main_container .main_slide { position: relative; }

.main_container .main_slide .swiper-navigation { position: absolute; /* bottom: 80px; */ bottom: 150px; right: calc((100% - 1500px) / 2); z-index: 100; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; }

.main_container .main_slide .swiper-button-prev, .main_container .main_slide .swiper-button-next { position: static; width: 70px; height: 70px; color: #000; border-radius: 50%; -webkit-transition: 0.1s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.1s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .main_slide .swiper-button-prev:after, .main_container .main_slide .swiper-button-next:after { font-size: 20px; color: #fff; }

.main_container .main_slide .swiper-pagination { bottom: 120px; right: calc((100% - 1500px) / 2); }

.main_container .main_slide .swiper-pagination-bullet { width: 100px; height: 4px; border-radius: 0; margin-right: 5px; }

.main_container .main_slide .swiper-pagination-bullet-active { background-color: #fff; }

.main_container .main_slide .item_post { position: absolute; bottom: 50%; transform: translateY(50%); color: #fff; }

.main_container .main_slide .item_post_wrapper { position: relative; /* padding: 60px 20px 40px 20px; */ padding: 5rem; min-width: 765px; font-weight: 300; letter-spacing: -.5px; line-height: 1.3; }

/* .main_container .main_slide .item_post_wrapper:before { content: ""; display: block; width: 135px; height: 90px; position: absolute; top: -45px; left: 50px; } */

.main_container .main_slide .item_post_wrapper span {letter-spacing: 1px; color: #fff;}

.main_container .main_slide .item_post_wrapper strong { font-weight: 500; }

.main_container .main_slide .swiper-slide { overflow: hidden; }

.main_container .main_slide .swiper-slide .item_post{    
	background-image: url(/images/main_bgtxt.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.main_container .main_slide .swiper-slide.s01 .item_post { background-color: rgba(245, 130, 31, 1); right: calc((100% - 1700px) / 2); }

/* .main_container .main_slide .swiper-slide.s01 .item_post_wrapper:before { background-color: #FDB812; } */

/* .main_container .main_slide .swiper-slide.s02 .item_post { background-color: rgba(187, 192, 74, 0.7); text-align: right; bottom: auto; top: 15%; right: calc((100% - 1600px) / 2); } */

.main_container .main_slide .swiper-slide.s02 .item_post{background-color: rgba(253, 184, 18, 1); right: calc((100% - 1700px) / 2); }

/* .main_container .main_slide .swiper-slide.s02 .item_post_wrapper { padding: 60px 20px 40px 60px; padding: 5rem; } */

/* .main_container .main_slide .swiper-slide.s02 .item_post_wrapper:before { background-color: #FDB812; } */

/* .main_container .main_slide .swiper-slide.s03 .item_post { background-color: rgba(253, 184, 18, 0.7); bottom: 25%; left: calc((100% - 1600px) / 2); } */

.main_container .main_slide .swiper-slide.s03 .item_post{background-color: rgba(187, 192, 74, 1); right: calc((100% - 1700px) / 2); }

/* .main_container .main_slide .swiper-slide.s03 .item_post_wrapper { padding: 60px 20px 40px 60px; padding: 5rem; } */

/* .main_container .main_slide .swiper-slide.s03 .item_post_wrapper:before { background-color: #BBC04A; } */

@media (max-width: 1600px) { .main_container .main_slide .item_post_wrapper { min-width: 580px; padding: 2.75rem;}
  /* .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post { left: 40px; } */
  .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post { right: 40px; }
  .main_container .main_slide .swiper-slide.s02 .item_post { right: 40px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper p{margin-top: 50px;}
  .main_container .main_slide .swiper-navigation { right: 80px; }
  .main_container .main_slide .swiper-pagination { right: 80px; } }

@media (max-width: 1400px) { .main_container .main_slide .item_post_wrapper { min-width: 520px; /* padding: 40px 20px 25px 20px; */ padding: 1.75rem; }
  /* .main_container .main_slide .item_post_wrapper:before { width: 110px; height: 70px; top: -35px; } */
  /* .main_container .main_slide .swiper-slide.s02 .item_post_wrapper { padding: 40px 20px 25px 20px; } */
  .main_container .main_slide .swiper-navigation { bottom: 50px; }
  .main_container .main_slide .swiper-pagination { bottom: 30px; } }

@media (max-width: 1200px) { .main_container .main_slide .item_post_wrapper { min-width: 450px; padding: 1.75rem 1rem;} }

/* @media (max-width: 992px) { .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post{ right: 15px;}
  .main_container .main_slide .swiper-navigation { bottom: 50px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
  .main_container .main_slide .swiper-pagination { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
  .main_container .main_slide .swiper-pagination-bullet { width: 8  0px; }
  .main_container .main_slide .swiper-button-prev, .main_container .main_slide .swiper-button-next { width: 30px; height: 30px; }
  .main_container .main_slide .swiper-button-prev:after, .main_container .main_slide .swiper-button-next:after { font-size: 14px; }
  .main_container .main_slide .swiper-button-prev { margin-right: 10px; }
  .main_container .main_slide .swiper-slide img { height: 60vw; -o-object-fit: cover; object-fit: cover; } } */
@media (max-width: 992px) { 
  .main_container .main_slide .swiper-slide { height: 85vw;}
  .main_container .main_slide .swiper-slide img { /* height: 90vw; */ }
  .main_container .main_slide .swiper-slide .item_post{ width: 95%; }
  .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s02 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post
  {right: 0; height: 40%; }
  /* .main_container .main_slide .swiper-slide.s02 .item_post { right: 20px; width: 70%; }
  .main_container .main_slide .swiper-slide.s02 .item_post_wrapper { padding: 30px 15px 20px 15px; } */
  .main_container .main_slide .swiper-slide .item_post_wrapper { min-width: auto; padding: 2rem; }
  .main_container .main_slide .swiper-slide .item_post_wrapper p{margin-top: 20px;}
  /* .main_container .main_slide .swiper-slide .item_post_wrapper h1 { font-size: 45px; } */
  /* .main_container .main_slide .swiper-slide .item_post_wrapper:before { width: 60px; height: 40px; top: -20px; left: 20px; } */
  .main_container .main_slide .swiper-navigation { bottom: 20px; }
  .main_container .main_slide .swiper-pagination { bottom: 10px; }
   }

  @media (max-width: 768px) { 
  .main_container .main_slide .swiper-wrapper{/* height:110vw; */height: 110vw;}
  .main_container .main_slide .swiper-slide{/* height: 80vw; */height:100vw;overflow: visible;}
  .main_container .main_slide .swiper-slide img { height: auto; }
  .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s02 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post
  {height: 50%; bottom: -30px;}
  .main_container .main_slide .swiper-slide .item_post_wrapper{padding: 1rem;}
  .main_container .main_slide .swiper-slide .item_post_wrapper p{margin-top: 20px;}
  .main_container .main_slide .item_post { transform: none; }
  .main_container .main_slide .item_post_wrapper span{font-size:10px;}
  /* .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post { left: 20px; width: 70%; }
  .main_container .main_slide .swiper-slide.s02 .item_post { right: 20px; width: 70%; }
  .main_container .main_slide .swiper-slide.s02 .item_post_wrapper { padding: 30px 15px 20px 15px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper { padding: 30px 6px 20px 6px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper h1 { font-size: 45px; } */
  /* .main_container .main_slide .swiper-slide .item_post_wrapper:before { width: 60px; height: 40px; top: -20px; left: 20px; } */
  .main_container .main_slide .swiper-navigation { bottom: 8%; right: 0;}
  .main_container .main_slide .swiper-pagination { bottom: 8%; right: 20px;}
  .main_container .main_slide .swiper-pagination-bullet { width: 50px; } }

/* @media (max-width: 768px) { .main_container .main_slide .swiper-slide img { height: 90vw; }
  .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post { left: 20px; width: 70%; }
  .main_container .main_slide .swiper-slide.s02 .item_post { right: 20px; width: 70%; }
  .main_container .main_slide .swiper-slide.s02 .item_post_wrapper { padding: 30px 15px 20px 15px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper { padding: 30px 6px 20px 6px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper h1 { font-size: 45px; }
  .main_container .main_slide .swiper-slide .item_post_wrapper:before { width: 60px; height: 40px; top: -20px; left: 20px; }
  .main_container .main_slide .swiper-navigation { bottom: 20px; }
  .main_container .main_slide .swiper-pagination { bottom: 10px; }
  .main_container .main_slide .swiper-pagination-bullet { width: 50px; } } */

  @media (max-width: 500px) {
  .main_container .main_slide .swiper-wrapper{height: 120vw;}
  .main_container .main_slide .swiper-slide{height:100vw;}
  .main_container .main_slide .swiper-slide.s01 .item_post, .main_container .main_slide .swiper-slide.s02 .item_post, .main_container .main_slide .swiper-slide.s03 .item_post
  {height: 65%; bottom: -80px;}
  .main_container .main_slide .swiper-slide .item_post_wrapper{padding:1.5rem;}
  .main_container .main_slide .swiper-slide.s01 .item_post h4{font-size: 20px;}
  .main_container .main_slide .swiper-slide .item_post h1{font-size: 30px;}
  }

  @media (max-width: 425px) {
  .main_container .main_slide .swiper-slide .item_post_wrapper{padding:1rem .5rem;}
  .main_container .main_slide .swiper-slide.s01 .item_post h4{font-size: 16px;}
  .main_container .main_slide .swiper-slide .item_post h1{font-size: 26px;}
  .main_container .main_slide .swiper-navigation { bottom: 5%; right: 0;}
  .main_container .main_slide .swiper-pagination { bottom: 5%; right: 20px;}
  .main_container .main_slide .swiper-slide .item_post_wrapper p{margin-top: 15px;}
  }

  @media (max-width: 380px) {
  .main_container .main_slide .swiper-navigation { bottom: 0; right: 10px;}
  .main_container .main_slide .swiper-button-prev, .main_container .main_slide .swiper-button-next { width: 40px;}
  .main_container .main_slide .swiper-pagination { bottom: 1%; right: 20px;}
  }


.main_container .main_clinic .tab_container { position: relative; }

.main_container .main_clinic .tab_container .tab { color: #949494; position: relative; padding-right: 20px; margin-right: 20px; cursor: pointer; }

.main_container .main_clinic .tab_container .tab.active { color: #F5821F; font-weight: 500; }

.main_container .main_clinic .tab_container .tab:after { content: ""; display: block; background-color: #949494; width: 1px; height: 80%; top: 10%; right: 0; position: absolute; }

.main_container .main_clinic .tab_container .tab:last-child:after { display: none; }

.main_container .main_clinic .tab_container .tab_item { display: none; }

.main_container .main_clinic .tab_container .tab_item.active { display: -webkit-box; display: -ms-flexbox; display: flex; }

.main_container .main_clinic .tab_container .tab_item .item { width: calc(100% / 4 - 30px); padding: 40px; -webkit-box-shadow: 3px 3px 3px 3px rgba(204, 204, 204, 0.3); box-shadow: 3px 3px 3px 3px rgba(204, 204, 204, 0.3); text-align: center; border: 1px solid #e1e1e1; -webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .main_clinic .tab_container .tab_item02 .item { width: calc(100% / 3 - 30px);}

.main_container .main_clinic .tab_container .tab_item .item p { margin-top: 35px; color: #949494; }

.main_container .main_clinic .tab_container .tab_item .item:hover { -webkit-transform: translateY(-10px) !important; transform: translateY(-10px) !important; border-color: #F5821F; }

.main_container .main_clinic .tab_container .tab_item .item:hover p { color: #F5821F; }

.main_container .main_clinic .tab_container .more_btn { color: #949494; position: absolute; top: 0; right: 0; }

.main_container .main_clinic .tab_container .relative { position: relative; right: 0; padding-right: 20px; color: #949494;}

.main_container .main_clinic .tab_container .relative:before, .main_container .main_clinic .tab_container .relative:after { content: ""; display: block; position: absolute; width: 10px; height: 2px; border-radius: 5px; background-color: #949494; -webkit-transform-origin: center right; transform-origin: center right; top: 50%; right: 0; }

.main_container .main_clinic .tab_container .relative:before { -webkit-transform: rotate(45deg) translate(0.5px, 0.5px); transform: rotate(45deg) translate(0.5px, 0.5px); }

.main_container .main_clinic .tab_container .relative:after { -webkit-transform: rotate(-45deg) translate(0.5px, -0.5px); transform: rotate(-45deg) translate(0.5px, -0.5px); }

@media (max-width: 992px) { .main_container .main_clinic .tab_container .tab_item .item { padding: 20px; } }

@media (max-width: 768px) { .main_container .main_clinic .tab_container .tab_item { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main_container .main_clinic .tab_container .tab_item .item { width: calc(50% - 10px); margin-bottom: 20px; padding: 20px 10px; }
  .main_container .main_clinic .tab_container .tab_item .item img { width: 40px; }
  .main_container .main_clinic .tab_container .relative { width: 60px; display: inline-block; padding-right: 0; } }

.main_container .main_special .content_wrapper .item { width: 33.3333%; }

.main_container .main_special .content_wrapper .item_img { height: 390px; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .main_special .content_wrapper .item_inner_text { width: 100%; padding: 20px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); color: #fff; z-index: 11; font-weight: 300; }

.main_container .main_special .content_wrapper .item_inner { position: relative; overflow: hidden; }

.main_container .main_special .content_wrapper .item_inner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 10; }

@media (hover: hover) { .main_container .main_special .content_wrapper .item_inner:hover .item_img { -webkit-transform: scale(1.05); transform: scale(1.05); }
  .main_container .main_special .content_wrapper .item_inner:hover .item_inner_text { opacity: 1; }
  .main_container .main_special .content_wrapper .item_inner:hover:before { opacity: .5; } }

.main_container .main_special .content_wrapper .item_outer_text { margin-top: 10px; }

.main_container .main_special .content_wrapper .item .img01 { background: url(/images/main_special01.jpg) no-repeat center/cover; }

.main_container .main_special .content_wrapper .item .img02 { background: url(/images/main_special02.jpg) no-repeat center/cover; }

.main_container .main_special .content_wrapper .item .img03 { background: url(/images/main_special03.jpg) no-repeat center/cover; }

.main_container .main_special .content_wrapper .item .img04 { background: url(/images/main_special04.jpg) no-repeat center/cover; }

@media (max-width: 1400px) { .main_container .main_special .content_wrapper > .d-flex .item_img { height: 25vw; } }

@media (max-width: 768px) { .main_container .main_special .content_wrapper > .d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main_container .main_special .content_wrapper > .d-flex .item { width: 50%; margin-bottom: 20px; }
  .main_container .main_special .content_wrapper > .d-flex .item_img { height: 50vw; }
  .main_container .main_special .content_wrapper > .d-flex .item_inner .item_inner_text { line-height: 1.1; padding: 10px; } }

.main_container .main_doctor .img_box { width: 50%; text-align: center; }

.main_container .main_doctor .text_box { width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.main_container .main_doctor .text_box.left_box { text-align: right; }

.main_container .main_doctor .highlight_item { display: inline-block; border-radius: 5px; padding: 2px 5px; background-color: #BBC04A; color: #fff; }

@media (max-width: 1200px) { .main_container .main_doctor .img_box { width: 45%; }
  .main_container .main_doctor .img_box img { width: 100%; }
  .main_container .main_doctor .text_box { width: 55%; }
  .main_container .main_doctor .text_box > h1 { text-align: right; }
  .main_container .main_doctor .text_box .bottom { -ms-flex-item-align: end; align-self: flex-end; text-align: right; } }

@media (max-width: 768px) { .main_container .main_doctor .swiper-slide.d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .main_container .main_doctor .img_box { width: 100%; }
  .main_container .main_doctor .img_box img { max-width: 450px; }
  .main_container .main_doctor .text_box { width: 100%; }
  .main_container .main_doctor .text_box > h1 { font-size: clamp(14px, 5.8vw, 32px); margin-bottom: 10px; } }

.main_container .main_banner { position: relative; overflow: hidden; }

.main_container .main_banner .banner_wrapper { position: relative; z-index: 10; text-align: center; }

.main_container .main_banner .sub_title p { display: inline-block; background-color: #fff; padding: 5px 20px; border-radius: 30px; }

.main_container .main_banner .item p { display: inline-block; background-color: #fff; padding: 5px 20px; border-radius: 30px; }

.main_container .main_banner .icon_wrapper { max-width: 1600px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; }

.main_container .main_banner .bg { background-color: #FEF2E8; position: absolute; width: 100%; height: 100%; top: 0; }

.main_container .main_banner .bg img { position: absolute; bottom: 0; right: -70px; }

@media (max-width: 1200px) { .main_container .main_banner .item img { width: 180px; }
  .main_container .main_banner .bg img { width: 500px; } }

@media (max-width: 992px) { .main_container .main_banner .item img { width: 150px; } }

@media (max-width: 768px) { .main_container .main_banner .logo { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; }
  .main_container .main_banner .logo img { width: 80%; max-width: 450px; }
  .main_container .main_banner .icon_wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .main_container .main_banner .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 33.3%; margin-bottom: 10px; }
  .main_container .main_banner .item img { width: 30vw; }
  .main_container .main_banner .bg img { width: 400px; }
  .main_container .main_banner .sub_title p { font-size: 14px; } }

.main_container .main_treat .content_wrapper .d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.main_container .main_treat .content_wrapper .item_container { border: 1px solid #e1e1e1; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(33.3333% - 30px); margin-right: 30px;  margin-bottom: 30px; }

.main_container .main_treat .content_wrapper .item_container:nth-child(3n) { margin-right: 0; }

.main_container .main_treat .content_wrapper .item_container .img_box { width: 45%; position: relative; overflow: hidden; }

.main_container .main_treat .content_wrapper .item_container .img_box:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; position: absolute; opacity: 0; -webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); }

.main_container .main_treat .content_wrapper .item_container .text_box { width: 55%; position: relative; }

.main_container .main_treat .content_wrapper .item_container .text_box .head { border-bottom: 1px solid #e1e1e1; }

.main_container .main_treat .content_wrapper .item_container .text_box .basic_btn { border-color: #e1e1e1; padding: 5px 20px; color: #969696; position: absolute; bottom: 30px; right: 30px; }

.main_container .main_treat .content_wrapper .item_container .hidden_icon { border-radius: 50%; background-color: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); padding: 20px; opacity: 0; pointer-events: none; }

.main_container .main_treat .content_wrapper .item_container:hover .img_box:before { opacity: 1; }

.main_container .main_treat .content_wrapper .item_container:hover .hidden_icon { bottom: 50%; opacity: 1; }

@media (max-width: 1400px) { .main_container .main_treat .content_wrapper .item_container { width: calc(50% - 20px);  margin-right: 20px;}
.main_container .main_treat .content_wrapper .item_container:nth-child(2n) { margin-right: 0; }}

@media (max-width: 1200px) { .main_container .main_treat .content_wrapper .item_container .text_box h1 { font-size: 18px; } }

@media (max-width: 992px) { .main_container .main_treat .content_wrapper .item_container .text_box { padding: 10px; }
  .main_container .main_treat .content_wrapper .item_container .text_box h1 { font-size: 16px; }
  .main_container .main_treat .content_wrapper .item_container .text_box .basic_btn { bottom: 10px; right: 10px; } }

@media (max-width: 768px) { .main_container .main_treat .content_wrapper .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .main_container .main_treat .content_wrapper .item_container { width: 100%; max-width: 500px; }
  .main_container .main_treat .content_wrapper .item_container .text_box { padding: 15px; }
  .main_container .main_treat .content_wrapper .item_container .text_box .basic_btn { bottom: 15px; right: 15px; padding: 3px 8px; font-size: 12px; }
  .main_container .main_treat .content_wrapper .item_container .img_box .hidden_icon { padding: 15px; }
  .main_container .main_treat .content_wrapper .item_container .img_box .hidden_icon img { width: 40px; }
  .main_container .main_treat .content_wrapper .item_container { margin-right: 0; } }

.main_container .main_column .btn_fill { background-color: #fff; }

@media (max-width: 768px) { .main_container .main_column .title_wrapper { margin-left: 20px; margin-right: 20px; } }

.main_container .main_interior .text_box { background-color: #BBC04A; color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.main_container .main_interior .text_box .top_title { border-bottom: 1px solid #fff; }

.main_container .main_interior .text_box.white_bg { background-color: #F4F4F4; color: #000; }

.main_container .main_interior .text_box.white_bg .top_title { border-color: #000; }

.main_container .main_interior .text_box .milddle_guide p { word-break: keep-all; }

.main_container .main_interior .bot_swiper { margin-top: auto; }

.main_container .main_interior .bot_swiper .swiper-slide { cursor: pointer; }

@media (max-width: 1200px) { .main_container .main_interior .text_box { padding: 30px; } }

@media (max-width: 768px) { .main_container .main_interior .content.d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .main_container .main_interior .content.d-flex .w-50 { width: 100%; }
  .main_container .main_interior .text_box { padding: 25px; }
  .main_container .main_interior .text_box .milddle_guide { margin-bottom: 20px; }
  .main_container .main_interior .text-right { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } }

.main_container .main_communication .content_wrapper .w-33 { margin-right: 50px;  margin-bottom: 50px; }

.main_container .main_communication .content_wrapper .w-33:last-child { margin-right: 0; margin-bottom: 0px; }

.main_container .main_communication .counsel_form { background-color: #2C343C; padding: 20px 10px; }

.main_container .main_communication .counsel_form input { width: 100%; padding: 5px; border: 0 !important; border-radius: 5px; }

.main_container .main_communication .counsel_form input:focus { -webkit-box-shadow: none; box-shadow: none; }

.main_container .main_communication .counsel_form input[type=checkbox] { width: auto; }

.main_container .main_communication .counsel_form select { width: 100%; height: 100%; padding: 5px; border: 0 !important; border-radius: 5px; }

.main_container .main_communication .counsel_form select:focus { -webkit-box-shadow: none; box-shadow: none; }

.main_container .main_communication .counsel_form textarea { width: 100%; padding: 5px; border: 0 !important; border-radius: 5px; }

.main_container .main_communication .counsel_form textarea:focus { -webkit-box-shadow: none; box-shadow: none; }

.main_container .main_communication .counsel_form .privay_box { background-color: #fff; padding: 3px 10px; border-radius: 5px; margin-left: auto; font-size: 13px; width: 30%; text-align: center; }

.main_container .main_communication .counsel_form .form_btn { display: inline-block; width: auto; background-color: #F5821F; color: #fff; padding: 5px 25px; margin-left: auto; margin-right: auto; }

@media (max-width: 1400px) { .main_container .main_communication .counsel_form .privay_box { width: auto; } }

@media (max-width: 1200px) { .main_container .main_communication .content_wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main_container .main_communication .content_wrapper .w-33 { width: calc(50% - 50px); }
  .main_container .main_communication .content_wrapper .w-33:last-child { width: 100%; }
  .main_container .main_communication .content_wrapper .w-md-50 { width: calc(50% - 5px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } }

@media (max-width: 768px) { .main_container .main_communication .form_title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .main_container .main_communication .form_title p { margin-left: 0; }
  .main_container .main_communication .content_wrapper .w-33 { width: 100%; margin-right: 0; }
  .main_container .main_communication .content_wrapper .w-md-50 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .main_container .main_communication .content_wrapper .flex-xs-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; /* -ms-flex-direction: column; flex-direction: column; */     margin-bottom: 30px;}
  .main_container .main_communication .counsel_form .privay_box { margin-top: 5px; }
  .main_container .main_communication .counsel_form input[type=submit] { width: 60%; padding: 10px; } }

.main_container .main_location .map { width: 100%; }

.main_container .main_location .left_container { width: 55%; background-color: #2C343C; color: #fff; }

.main_container .main_location .left_container .flex_item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.main_container .main_location .left_container .middle_box .border-grey { border-bottom: 1px solid #ddd; }

.main_container .main_location .left_container .bot_box .content { width: 38%; position: relative; }

.main_container .main_location .left_container .bot_box .content:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; background-color: #fff; right: -32%; top: 0; }

.main_container .main_location .left_container .bot_box .content:last-child:before { display: none; }

.main_container .main_location .left_container .bot_box .content .bot_title_wrapper { text-align: center; }

.main_container .main_location .left_container .bot_box .content .bot_title { padding: 5px; background-color: #BBC04A; border-radius: 5px; margin-left: auto; margin-right: auto; }

.main_container .main_location .left_container .bot_box .content .bot_title2 { background-color: #FDB812; }

.main_container .main_location .right_container { width: 45%; }

.main_container .main_location .root_daum_roughmap { width: 100%; height: 100%; }

.main_container .main_location .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }

.main_container .main_location .root_daum_roughmap .wrap_controllers { display: none; }

@media (max-width: 1600px) { .main_container .main_location_wrapper { max-width: none; }
  .main_container .main_location .px-70 { padding-left: 45px; padding-right: 45px; }
  .main_container .main_location .left_container .bot_box .content { width: 46%; }
  .main_container .main_location .left_container .bot_box .content:before { right: -8%; } }

@media (max-width: 1200px) and (min-width: 992px) { .main_container .main_location .left_container .middle_box img { width: 25px; }
  .main_container .main_location .left_container .bot_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .main_container .main_location .left_container .bot_box .content { width: 100%; }
  .main_container .main_location .left_container .bot_box .content:before { display: none; }
  .main_container .main_location .left_container .bot_box .content .bot_title_wrapper { text-align: left; }
  .main_container .main_location .left_container .bot_box .content .bot_title { display: inline-block; padding: 5px 15px; } }

@media (max-width: 992px) { .main_container .main_location .location_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .main_container .main_location .py-70 { padding-top: 40px; padding-bottom: 40px; }
  .main_container .main_location .px-70 { padding-left: 20px; padding-right: 20px; }
  .main_container .main_location .left_container { width: 100%; }
  .main_container .main_location .left_container .middle_box img { width: 30px; }
  .main_container .main_location .left_container .bot_box .content .bot_title_wrapper { text-align: left; }
  .main_container .main_location .left_container .bot_box .content .bot_title { display: inline-block; padding: 5px 15px; }
  .main_container .main_location .right_container { width: 100%; }
  .main_container .main_location .root_daum_roughmap .wrap_map { height: 45vw; } }

@media (max-width: 768px) { .main_container .main_location .left_container .middle_box img { width: 20px; }
  .main_container .main_location .left_container .bot_box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main_container .main_location .left_container .bot_box .content { /* width: 100%; */ min-width: 250px; }
  .main_container .main_location .left_container .bot_box .content:before { display: none; }
  .main_container .main_location .root_daum_roughmap .wrap_map { height: 70vw; max-height: 450px; } }

@media (max-width: 500px) { .main_container .main_location .left_container .middle_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .main_container .main_location .left_container .middle_box .w-50 { width: 100%; margin-bottom: 10px; } }

/* 공통 */
.subtop { margin-left: auto; margin-right: auto; }

.subtop .sub_wrapper { width: 1400px; margin-left: auto; margin-right: auto; }

.subtop .subtop_inner.bottom { height: auto; position: relative; overflow: hidden; }

.subtop .subtop_inner.bottom .title { line-height: 1.15; }

.subtop .subtop_inner.bottom .white_bg { background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; display: inline-block; }

@media (max-width: 768px) { .subtop .title { font-size: 28px; }
  .subtop .subtop_inner.bottom { background-position: 70% 50% !important; }
  .subtop .subtop_inner .white_bg { padding: 15px; } }

@media (max-width: 500px) { .subtop .title { display: inline; }
  .subtop .white_bg { margin-top: 30px; } }

.artificial .subtop .subtop_inner.top { background: url(/images/subtop02_1.jpg) no-repeat center/cover; }

.digestive .subtop .subtop_inner.top { background: url(/images/subtop03_1.jpg) no-repeat center/cover; }

.ultrasonic .subtop .subtop_inner.top { background: url(/images/subtop05_1.jpg) no-repeat center/cover; }

.internal .subtop .subtop_inner.top { background: url(/images/subtop06_1.jpg) no-repeat center/cover; }

.subbottom .col { margin-bottom: 40px; padding: 0; width: calc(100% / 3 - 10px); margin-right: 15px; flex: none; max-width: none; }

.subbottom .col:last-child { margin-right: 0; }

@media (max-width: 768px) {
  .subbottom .col { width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
}

.subbottom .img_box { text-align: center; }

.subbottom .img_box img { max-width: 480px; }

.border_title_orange { border-bottom: 1px solid #f5821e; }

.contents_inner { padding: 40px; background-color: #F9F8F7; }

.contents_inner .bg { width: 100%; background-color: #fff; text-align: center; padding: 10px; }

.contents_inner .item .border { position: relative; -ms-flex-item-align: start; align-self: flex-start; }

.contents_inner .item .border:after { content: ""; display: block; width: 1px; height: 70%; background-color: #ccc; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.contents_inner .item .text { width: calc(100% - 45px); }

@media (max-width: 1200px) { .contents_inner { padding: 20px; }
  .contents_inner .item .text { width: calc(100% - 28px); } }

@media (max-width: 768px) { .contents_inner { padding: 20px 0; }
  .contents_inner .bg { margin: 15px;}
  .contents_inner .item .col-sm-6:not(:last-child) { margin-bottom: 10px; } }

@media (max-width: 500px) { .contents_inner { margin-left: 0; margin-right: 0; }
  .contents_inner .bg img { width: 100%; } }

.circle_item { border-radius: 50%; width: 300px; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -20px; }

.circle_item:first-child { margin-left: 0; }

.circle_item.bg2 { background-color: #BBC04A; color: #fff; }

.circle_item.border_bg2 { color: #BBC04A; background-color: #fff; border: 8px solid #BBC04A; }

.circle_item.bg4 { background-color: rgba(245, 130, 30, 0.8); color: #fff; }

.circle_item.bg-grey { background-color: rgba(150, 150, 150, 0.8); color: #fff; }

.circle_item.multiply { mix-blend-mode: multiply; }

.circle_item.bg5 { background-color: rgba(0, 174, 113, 0.8); color: #fff; }

@media (max-width: 1400px) { .circle_item { width: 280px; height: 280px; } }

@media (max-width: 1200px) { .circle_item { width: 230px; height: 230px; }
  .circle_item.border_bg2 { border-width: 5px; } }

@media (max-width: 992px) { .circle_item { width: 250px; height: 250px; }
  .circle_item:nth-child(2n-1) { margin-left: 0; } }

@media (max-width: 768px) { .circle_item { width: 220px; height: 220px; }
  .circle_item h1 { font-size: 14px; font-weight: 500;}
  .circle_item .font35 { font-size: 20px; } }

@media (max-width: 500px) { .circle_item { width: 190px; height: 190px; } }

@media (max-width: 400px) { .circle_item:nth-child(2), .circle_item:last-child { margin-left: 0; margin-top:20px; } }

.two_col_step { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F9F8F7; padding: 40px; }

.two_col_step .left_box { width: 50%; }

.two_col_step .right_box { width: 50%; }

.two_col_step .item_img { width: 100%; height: 410px; }

.two_col_step .text_box { word-break: keep-all; }

.two_col_step .text_box .step_txt { display: inline-block; background-color: #BBC04A; color: #fff; border-radius: 5px; padding: 2px 20px; }

.two_col_step .text_box .summary { line-height: 2; letter-spacing: -1px; }

.two_col_step .text_box .col-6 { text-indent: -10px; padding-left: 25px; }

.two_col_step .right_box.text_box { padding-left: 70px; }

.two_col_step .icon_container .icon_box { border: 5px solid #BBC04A; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; height: 100px; align-items: center; -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); background-color: #fff; }

.two_col_step .icon_container .icon_box svg { height: 50px; }

.two_col_step .icon_container .icon_box .path { fill: #BBC04A; }

.two_col_step .icon_container .icon_box p { color: #BBC04A; }

@media (max-width: 1400px) { .two_col_step .item_img { height: 340px; } }

@media (max-width: 1200px) { .two_col_step .icon_container { margin-left: 0; margin-right: 0; }
  .two_col_step .icon_container .icon_box { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; height: 90px; }
  .two_col_step .icon_container .icon_box svg { height: 40px; }
  .two_col_step .icon_container .item { margin-bottom: 20px; } }

@media (max-width: 992px) { .two_col_step .left_box { margin-bottom: 40px; }
  .two_col_step .item_img { height: 60vw; max-height: 400px; max-width: 480px; margin: 0 auto; }
  .two_col_step .right_box.text_box { padding-left: 15px; } }

@media (max-width: 768px) { .two_col_step { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } }

.contents_title .border { border-bottom: 2px solid #000; }

@media (max-width: 992px) { .contents_title p { margin-top: 10px; }
  .contents_title .border { font-size: 10px; border-width: 1px; } }

@media (max-width: 500px) { .contents_title { margin-left: 0; margin-right: 0; } }

.qna_container .qna_item { width: 100%; }

.qna_container .q_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.qna_container .a_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding: 10px 30px 25px; background-color: #fff; margin-top: 10px; }

.qna_container .sentence { margin-left: 10px; }

@media (max-width: 768px) { .qna_container .a_box { padding: 10px 10px 15px; } }

/* 공통 끝 */
/* 인공신장클리닉 */
.artificial .subtop_inner .title { text-shadow: 0 4px 3px rgba(179, 185, 71, 0.7); }

.artificial .subtop_inner.bottom { background: url(/images/intro02_1.jpg) no-repeat center/cover; }

.icon_container .item_step { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; }

.icon_container .img_box { background: radial-gradient(circle closest-side, #cfd37c 0%, #cfd37c 14%, #c5ca63 110%, #bac04a 130%); }

.icon_container .img_box img { width: 150px; padding: 40px 0; }

@media (max-width: 1200px) { .icon_container .img_box img { width: 110px; padding: 20px 0; } }

@media (max-width: 992px) { .icon_container .icon1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .icon_container .icon1 .item_step { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 20px; }
  .icon_container .icon1 .item_step:nth-child(2n) { margin-right: 0; }
  .icon_container .icon2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .icon_container .icon2 .item_step { width: calc(50% - 15px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .icon_container .icon2 .item_step:nth-child(2n) { margin-right: 0; }
  .icon_container .icon2 .item_step:nth-child(1), .icon_container .icon2 .item_step:nth-child(2) { margin-bottom: 20px; } }

@media (max-width: 500px) { .icon_container .img_box img { width: 80px; padding: 20px 0; } }

.table_container .table_head { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; background-color: #BAC04A; }

/* .table_container .table_head .table_col:nth-child(1) { border-right: 1px solid #fff; } */

.table_container .table_head .table_col { border-right: 1px solid #fff; }

.table_container .table_main { width: 100%; }

.table_container .table_main .table_col:nth-child(1) { background-color: #E6E9AF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #fff; }

.table_container .table_main .table_col:nth-child(2) { padding: 40px; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; }

.table_container .table_row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table_container .table_col:nth-child(1) { width: 20%; }

.table_container .table_col:nth-child(2) { width: 80%; }

@media (max-width: 1200px) { .table_container .table_main .table_col:nth-child(2) { padding: 20px; } }

@media (max-width: 500px) { .table_container { margin-left: 0; margin-right: 0; }
  .table_container .table_main .table_col:nth-child(1) { word-break: keep-all; text-align: center; }
  .table_container .table_main .table_col:nth-child(2) { padding: 20px 0; } }

.column_container .bg { background-color: #BBC04A; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.column_container .bg .text_box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.column_container .title_box h1 { color: #fff; font-weight: 500; }

.column_container .text_box { background-color: #fff; }

@media (max-width: 500px) { .column_container > .col { margin-bottom: 15px; } }

.artificial_1 .two_col_step.first .item_img { background: url(/images/artificial01_01.jpg) no-repeat center/cover; }

.artificial_1 .two_col_step.second .item_img { background: url(/images/artificial01_02.jpg) no-repeat center/cover; }

.artificial_1 .two_col_step.third .item_img { background: url(/images/artificial01_03.jpg) no-repeat center/cover; }

.artificial_1 .two_col_step.forth .item_img { background: url(/images/artificial01_04.jpg) no-repeat center/cover; }

.artificial_2 .top_banner_section { position: relative; }

.artificial_2 .top_banner_section.aos-animate .bg { left: 0; }

.artificial_2 .top_banner_section.aos-animate .bg03 .equipment { opacity: 1; }

.artificial_2 .top_banner_section .bg { left: -100%; -webkit-transition: 1.4s cubic-bezier(0.25, 1, 0.5, 1); transition: 1.4s cubic-bezier(0.25, 1, 0.5, 1); position: relative; overflow: hidden; will-change: left; }

.artificial_2 .top_banner_section .bg01 { height: 50%; background-color: #E6E9AF; top: 0; }

.artificial_2 .top_banner_section .bg02 { height: 30%; background-color: #BAC04A; top: 50%; -webkit-transition-delay: .25s; transition-delay: .25s; }

.artificial_2 .top_banner_section .bg03 { height: 20%; background-color: #E6E9AF; top: 80%; -webkit-transition-delay: .5s; transition-delay: .5s; overflow: visible; }

.artificial_2 .top_banner_section .bg03 .container { position: relative; }

.artificial_2 .top_banner_section .banner_wrapper { position: relative; z-index: 10; }

.artificial_2 .top_banner_section .equipment { position: absolute; right: 0; bottom: 0; opacity: 0; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1.6s; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1.6s; }

.artificial_2 .top_banner_section .banner_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.artificial_2 .top_banner_section .icon_box { width: 160px; height: 160px; background-color: #fff; border: 8px solid #E6E9AF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.artificial_2 .top_banner_section .icon_box svg { height: 70px; margin-bottom: 10px; }

.artificial_2 .top_banner_section .icon_box .path { fill: #D9DD8C; }

.artificial_2 .top_banner_section .icon_box .text { color: #969696; }

.artificial_2 .top_banner_section .banner_box .right_text { color: #fff; position: relative; }

.artificial_2 .top_banner_section .banner_box .right_text:after { content: ""; display: block; position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; width: 8px; height: 8px; background-color: #437159; }

@media (max-width: 1200px) { .artificial_2 .top_banner_section .icon_box { width: 130px; height: 130px; }
  .artificial_2 .top_banner_section .icon_box svg { height: 50px; }
  .artificial_2 .top_banner_section .equipment img { width: 220px; } }

@media (max-width: 992px) { .artificial_2 .top_banner_section .bg03 .container { max-width: none; }
  .artificial_2 .top_banner_section .banner_center { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .artificial_2 .top_banner_section .banner_box:last-child { width: 100%; margin-top: 25px; }
  .artificial_2 .top_banner_section .equipment img { width: 300px; opacity: .8; } }

@media (max-width: 768px) { .artificial_2 .top_banner_section .bg { padding-left: 15px; padding-right: 15px; }
  .artificial_2 .top_banner_section .equipment { right: -60px; }
  .artificial_2 .top_banner_section .equipment img { width: 260px; }
  .artificial_2 .top_banner_section .icon_box { width: 100px; height: 100px; margin-right: 5px; }
  .artificial_2 .top_banner_section .icon_box svg { height: 40px; } }

@media (max-width: 1200px) { .artificial_4 .contents_inner .circle_item { width: 220px; height: 220px; } }

@media (max-width: 992px) { .artificial_4 .contents_inner .circle_item { width: 180px; height: 180px; } }

.artificial_5 .tab { text-align: center; border: 1px solid #BBC04A; margin-top: 50px; color: #BBC04A; padding: 15px 0; cursor: pointer; -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); }

.artificial_5 .tab.on { background-color: #BBC04A; color: #fff; }

.artificial_5 .tab_item { display: none; }

.artificial_5 .tab_item.active { display: block; }

@media (max-width: 500px) { .artificial_6 .contents_inner .bg img { max-width: 250px; } }

/* 인공신장클리닉 끝 */
/* 소화기/내시경 */
.digestive .subtop_inner .title { text-shadow: 0 4px 3px rgba(253, 184, 18, 0.5); }

.digestive .subtop_inner.bottom { background: url(/images/intro03_1.jpg) no-repeat center/cover; }

.digestive .top_banner_section { margin-left: auto; margin-right: auto; }

.digestive .top_banner_section .bg { position: absolute; top: 50px; right: 0; }

.digestive .top_banner_section .banner_wrapper { position: relative; }

.digestive_1 .top_banner_section { background: white; background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgba(255, 255, 255, 0)), to(#d2d8da)); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, #d2d8da 100%); }

.digestive_1 .top_banner_section .banner_title { padding-left: 20px; position: relative; z-index: 10; }

.digestive_1 .top_banner_section .banner_title .stick { width: 10px; height: 85%; top: 5%; background-color: #FDB812; position: absolute; left: 0; }

.digestive_1 .top_banner_section .banner_text { position: relative; z-index: 10; }

.digestive_1 .after_arrow { position: relative; }

.digestive_1 .after_arrow:after { content: ""; display: block; position: absolute; right: -100px; top: 50%; background: url(/images/right_arrow_yellow.png) no-repeat center/cover; width: 33px; height: 49px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.digestive_1 .three .item_step { max-width: 330px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; }

@media (max-width: 1400px) { .digestive_1 .top_banner_section .bg img { width: 330px; }
  .digestive_1 .after_arrow:after { right: -70px; } }

@media (max-width: 1200px) { .digestive_1 .top_banner_section .banner_title img { width: 400px; }
  .digestive_1 .top_banner_section .bg img { width: 260px; }
  .digestive_1 .top_banner_section .three_circle .item_step { width: 25%; }
  .digestive_1 .after_arrow:after { width: 23px; height: 35px; } }

@media (max-width: 992px) { .digestive_1 .top_banner_section .bg { top: auto; bottom: 0; opacity: 0.8; }
  .digestive_1 .top_banner_section .bg img { width: 220px; }
  .digestive_1 .after_arrow:after { right: -50px; } }

@media (max-width: 768px) { .digestive_1 .three > .d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .digestive_1 .three .item_step { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; }
  .digestive_1 .three .item_step:not(:last-child) { margin-bottom: 20px; }
  .digestive_1 .top_banner_section { background: -webkit-gradient(linear, left bottom, left top, color-stop(76%, rgba(255, 255, 255, 0)), to(#d2d8da)); background: linear-gradient(0deg, rgba(3, 0, 0, 0) 76%, #d2d8da 100%); }
  .digestive_1 .top_banner_section .banner_title img { width: 260px; }
  .digestive_1 .top_banner_section .banner_text { width: calc(100% - 200px); }
  .digestive_1 .top_banner_section .bg { bottom: 50px; }
  .digestive_1 .top_banner_section .bg img { width: 180px; }
  .digestive_1 .top_banner_section .three_circle .item_step { width: 100%; }
  .digestive_1 .top_banner_section .three_circle .item_step img { width: auto; }
  .digestive_1 .after_arrow:after { display: none; } }

@media (max-width: 500px) { .digestive_1 .top_banner_section .banner_wrapper { overflow: hidden; padding-bottom: 0; margin-bottom: 100px; }
  .digestive_1 .top_banner_section .banner_text { width: calc(100% - 80px); }
  .digestive_1 .top_banner_section .banner_title .font60 { font-size: 30px; }
  .digestive_1 .top_banner_section .bg { right: -100px; bottom: -80px; }
  .digestive_1 .top_banner_section .bg img { width: 280px; }
  .digestive_1 .banner_wrapper { padding-left: 15px; padding-right: 15px; } }

.digestive_2 .top_banner_section { position: relative; }

.digestive_2 .top_banner_section .banner_wrapper { width: 1400px; margin-left: auto; margin-right: auto; }

.digestive_2 .top_banner_section .left_title { line-height: 1.15; letter-spacing: -1px; color: #464646; position: relative; text-shadow: 2.5px 2.5px 2.5px rgba(0, 0, 0, 0.2); margin-left: 40px; font-weight: 600; }

.digestive_2 .top_banner_section .left_title .font180 { font-size: 120px; position: absolute; top: 0%; left: 0%; -webkit-transform: translate(-110%, -15%); transform: translate(-110%, -15%); }

.digestive_2 .top_banner_section .left_title .highlight_text { color: #F5821F; }

.digestive_2 .top_banner_section .right_image { position: relative; }

.digestive_2 .top_banner_section .desc_box { position: absolute; right: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.digestive_2 .top_banner_section .desc_box img { margin-left: 20px; }

.digestive_2 .top_banner_section .desc_inner_box { -o-border-image: url(http://i.stack.imgur.com/wLdVc.png); border-image: url(http://i.stack.imgur.com/wLdVc.png); width: 350px; padding: 10px; text-align: center; color: #fff; }

.digestive_2 .top_banner_section .desc_box01 { top: 50px; }

.digestive_2 .top_banner_section .desc_box01 .desc_inner_box { background-color: #F3684D; }

.digestive_2 .top_banner_section .desc_box02 { bottom: 50px; }

.digestive_2 .top_banner_section .desc_box02 .desc_inner_box { background-color: #F38E4A; }

.digestive_2 .top_banner_section .inner_padding { border: dashed 2px #fff; padding: 10px; }

.digestive_2 .top_banner_bg { width: 100%; background-color: #F3F2EE; }

@media (max-width: 1600px) { .digestive_2 .top_banner_section .banner_wrapper { width: 1360px; } }

@media (max-width: 1400px) { .digestive_2 .top_banner_section .banner_wrapper { width: 1160px; }
  .digestive_2 .top_banner_section .right_image > img { width: 340px; }
  .digestive_2 .top_banner_section .desc_inner_box { width: 300px; }
  .digestive_2 .top_banner_section .desc_box img { width: 80px; }
  .digestive_2 .top_banner_section .desc_box01 { top: 20px; }
  .digestive_2 .top_banner_section .desc_box02 { bottom: 20px; } }

@media (max-width: 1200px) { .digestive_2 .top_banner_section .banner_wrapper { width: 960px; }
  .digestive_2 .top_banner_section .desc_inner_box { width: 260px; }
  .digestive_2 .top_banner_section .left_title .font180 { font-size: 85px; }
  .digestive_2 .top_banner_section .desc_box { right: 70%; } }

@media (max-width: 992px) { .digestive_2 .top_banner_section .banner_wrapper { width: 860px; }
  .digestive_2 .top_banner_section .desc_box img { width: 60px; }
  .digestive_2 .top_banner_section .right_image { left: 80px; }
  .digestive_2 .top_banner_section .right_image > img { width: 280px; } }

@media (max-width: 768px) { .digestive_2 .top_banner_section .banner_wrapper { width: 480px; }
  .digestive_2 .top_banner_section .desc_inner_box { width: 220px; }
  .digestive_2 .top_banner_section .right_image { left: 50%; margin-top: 40px; }
  .digestive_2 .top_banner_section .right_image > img { width: 340px; }
  .digestive_2 .top_banner_section .left_title { top: 30px; margin-left: 100px; }
  .digestive_2 .top_banner_section .left_title .font180 { font-size: 80px; top: 15%; left: 10%;}
  .digestive_2 .top_banner_section .left_title .font60 { font-size: 36px;  text-align: center; margin-top: 10px;} }

@media (max-width: 500px) { .digestive_2 .top_banner_section .desc_box { right: 60%; } }

.digestive_4 .column_container .bg { background-color: #FDB812; }

.digestive_4 .column_container .bg .text_box { border-radius: 10px; }

/* 소화기내시경 끝 */
/* 초음파 클리닉 */
.ultrasonic .subtop_inner .title { text-shadow: 0 4px 3px rgba(245, 130, 30, 0.7); }

.ultrasonic .subtop_inner.bottom { background: url(/images/intro05_1.jpg) no-repeat center/cover; }

.ultrasonic .top_banner_section { margin-left: auto; margin-right: auto; }

.ultrasonic .top_banner_section .bg { position: absolute; top: 50px; right: 0; }

.ultrasonic .top_banner_section .banner_wrapper { width: 1400px; margin-left: auto; margin-right: auto; position: relative; z-index: 10; }

.ultrasonic .orange_box { background-color: #f5821e; padding: 10px; border-radius: 5px; }

@media (max-width: 1600px) { .ultrasonic .top_banner_section .banner_wrapper { width: 1360px; } }

@media (max-width: 1400px) { .ultrasonic .top_banner_section .banner_wrapper { width: 1160px; } }

@media (max-width: 1200px) { .ultrasonic .top_banner_section .banner_wrapper { width: 960px; }
  .ultrasonic .top_banner_section .banner_wrapper .orange_box { padding: 20px; } }

@media (max-width: 992px) { .ultrasonic .top_banner_section .banner_wrapper { width: 768px; } }

@media (max-width: 768px) { .ultrasonic .top_banner_section .banner_wrapper { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } }

.ultrasonic .ultrasonic_grid .insert_item { background-color: #fff; border-radius: 10px; max-width: calc(50% - 20px); margin-right: 20px; }

.ultrasonic .ultrasonic_grid .border { font-style: italic; font-weight: 600; position: relative; -ms-flex-item-align: start; align-self: flex-start; }

.ultrasonic .ultrasonic_grid .border:after { content: ""; display: block; width: 1px; height: 90%; background-color: #BBC04A; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.ultrasonic .ultrasonic_grid strong { font-weight: 600; }

@media (max-width: 768px) { .ultrasonic .ultrasonic_grid .insert_item { max-width: none; margin-right: 0; border-radius: 5px; } }

.ultrasonic .top_banner_bg { position: relative; background: #FFD35C; overflow: hidden; }
.ultrasonic .top_banner_bg .bg_sun { position: absolute; }
.ultrasonic .top_banner_bg .sun01 { top: 0; right: 0; }
.ultrasonic .top_banner_bg .sun02 { bottom: 0; right: 10%; }
.ultrasonic .top_banner_bg .sun03 { top: 0; left: 0;  }


.ultrasonic .top_banner_bg .title { text-shadow: 0 4px 3px rgba(245, 130, 30, 0.7); }

.ultrasonic .ultrasonic_grid { color: #555; }

.ultrasonic_2 .circle_item { width: 250px; height: 250px; }

@media (max-width: 1400px) { .ultrasonic_2 .circle_item { width: 200px; height: 200px; } }

@media (max-width: 1200px) {
  .ultrasonic_2 .circle_item { width: 160px; height: 160px; }
  .ultrasonic_2 .circle_item:nth-child(2n-1) { margin-left: -20px; }
  .ultrasonic .top_banner_bg .sun01 img { width: 300px; }
.ultrasonic .top_banner_bg .sun02 img { width: 500px; }
.ultrasonic .top_banner_bg .sun03 img { width: 200px; }
}

@media (max-width: 500px) { .ultrasonic_2 .circle_item { /* width: 50%; height: 50vw; */ }
  .ultrasonic_2 .circle_item:nth-child(2n) { margin-left: -15px; }
  .ultrasonic .top_banner_bg .sun03 { left: -140px; }
}
@media (max-width: 425px){
	.ultrasonic_2 .circle_item:nth-child(3),.ultrasonic_2 .circle_item:nth-child(4), .ultrasonic_2 .circle_item:last-child{ margin-top: 20px;}
}
.ultrasonic_3 .comment_box { background-color: #fff; padding: 10px 40px; color: #808080; }

.ultrasonic_3 .comment_box .title { margin-left: -13px; }

.ultrasonic_3 .bottom_box { position: relative; }

.ultrasonic_3 .bottom_box .relative { position: relative; width: 60px; }

.ultrasonic_3 .bottom_box .absolute { position: absolute; left: 60%; bottom: 10%; }

.ultrasonic_3 .bottom_box .bottom_box_stick { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ultrasonic_3 .bottom_box .bottom_box_stick .first_stick { width: 120px; height: 2px; background-color: #000; -webkit-transform: rotate(244deg); transform: rotate(244deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; }

.ultrasonic_3 .bottom_box .bottom_box_stick .second_stick { width: 50px; height: 2px; background-color: #000; position: absolute; left: -1px; }

.ultrasonic_3 .ultrasonic_grid .border { width: 80px; text-align: center; }

.ultrasonic_3 .ultrasonic_grid .insert_item { max-width: none; }

.ultrasonic_3 .circle_item { width: 200px; height: 200px; }

@media (max-width: 1400px) { .ultrasonic_3 .circle_item { width: 170px; height: 170px; } }

@media (max-width: 992px) { .ultrasonic_3 .circle_item { width: 200px; height: 200px; }
  .ultrasonic_3 .circle_item:nth-child(2n-1) { margin-left: -15px; } }

@media (max-width: 768px) { .ultrasonic_3 .circle_item { width: 160px; height: 160px; }
  .ultrasonic_3 .circle_item:nth-child(3n-2) { margin-left: 0; }
  .ultrasonic_3 .contents_01 .bottom_box img { width: 100%; } }

@media (max-width: 500px) { .ultrasonic_3 .ultrasonic_grid .border { width: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; }
  .ultrasonic_3 .circle_item { width: 50%; height: 50vw; }
  .ultrasonic_3 .circle_item:nth-child(2n-1) { margin-left: 0; }
  .ultrasonic_3 .circle_item:nth-child(2n) { margin-left: -15px; }
  .ultrasonic_3 .bottom_box { padding-bottom: 30px; }
  .ultrasonic_3 .bottom_box .relative { width: 0; left: 70%; top: -40px; }
  .ultrasonic_3 .bottom_box .absolute { width: 100%; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .ultrasonic_3 .bottom_box .bottom_box_stick { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .ultrasonic_3 .bottom_box .bottom_box_stick .first_stick { width: 70px; }
  .ultrasonic_3 .bottom_box .bottom_box_stick .second_stick { width: 30px; left: -27px; top: 10px; -webkit-transform: rotate(139deg); transform: rotate(139deg); } }

/* 심장초음파 추가 page */

.ultrasonic_4 .ultrasonic_grid .border { width: 80px; text-align: center; }

.ultrasonic_4 .ultrasonic_grid .insert_item { max-width: none; }

@media (max-width: 500px) { .ultrasonic_4 .ultrasonic_grid .border { width: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; } } 

/* 초음파 클리닉 끝 */
/* 내과질환 시작 */
.internal .subtop_inner .title { text-shadow: 0 4px 3px rgba(0, 174, 113, 0.5); }

.internal .subtop_inner.bottom { background: url(/images/intro06_1.jpg) no-repeat center/cover; }

.internal .top_banner_section { margin-left: auto; margin-right: auto; }

.internal .top_banner_section .bg { position: absolute; top: 50px; right: 0; }

.internal .top_banner_section .banner_wrapper { position: relative; }

.internal .green_box { background-color: #00ae71; padding: 5px 10px; border-radius: 5px; }

.internal .circle_list .white_bg { background-color: #fff; padding: 20px; }

.internal .circle_list .circle { width: 120px; height: 120px; border-radius: 50%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; text-align: center; }

.internal .circle_list .circle.green_circle { background-color: rgba(0, 174, 113, 0.8); }

.internal .circle_list .circle.grey_circle { background-color: rgba(150, 150, 150, 0.8); }

.internal .circle_list .right_text { width: calc(100% - 140px); }

@media (max-width: 992px) { .internal .circle_list .white_bg { padding: 10px; margin: 0 20px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); }
  .internal .circle_list .circle { width: 80px; height: 80px; margin-right: 10px; }
  .internal .circle_list .right_text { width: calc(100% - 90px); } }

.internal_1 .contents_inner .white_bg { background-color: #fff; padding: 10px 40px; color: #808080; }

.internal_1 .contents_inner .white_bg .title { margin-left: -13px; }

.internal_1 .circle_item { width: 190px; height: 190px; }

@media (max-width: 1400px) { .internal_1 .circle_item { width: 160px; height: 160px; } }

@media (max-width: 1200px) { .internal_1 .circle_item { width: 190px; height: 190px; }
  .internal_1 .circle_item:nth-child(5) { margin-left: 0; } }

@media (max-width: 992px) { .internal_1 .circle_item { width: 160px; height: 160px; }
  .internal_1 .circle_item:nth-child(2n-1) { margin-left: -15px; } }

@media (max-width: 768px) { .internal_1 .circle_item { width: 120px; height: 120px; } }

@media (max-width: 500px) {
  .internal_1 .circle_item { width: 40vw; height: 40vw; }
  .internal_1 .contents_inner .white_bg { margin-left: 10px; margin-right: 10px; flex: 0 0 calc(100% - 20px); max-width: calc(100% - 20px); }
}

.internal_1 .graph_container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.internal_1 .graph_container .graph_item { margin-right: 60px; }

.internal_1 .graph_container .graph_item:last-child { margin-right: 0; }

.internal_1 .graph_container .graph_item.first .graph_inner { background-color: #B7E994; height: 15%; }

.internal_1 .graph_container .graph_item.first.aos-animate .graph_inner { height: 30%; }

.internal_1 .graph_container .graph_item.first .sub_box .circle { background-color: #B7E994; }

.internal_1 .graph_container .graph_item.second .graph_inner { background-color: #82DA97; height: 15%; }

.internal_1 .graph_container .graph_item.second.aos-animate .graph_inner { height: 50%; }

.internal_1 .graph_container .graph_item.second .sub_box .circle { background-color: #82DA97; }

.internal_1 .graph_container .graph_item.third .graph_inner { background-color: #00C983; height: 15%; }

.internal_1 .graph_container .graph_item.third.aos-animate .graph_inner { height: 70%; }

.internal_1 .graph_container .graph_item.third .sub_box .circle { background-color: #00C983; }

.internal_1 .graph_container .graph_item.forth .graph_inner { background-color: #00AE71; height: 15%; }

.internal_1 .graph_container .graph_item.forth.aos-animate .graph_inner { height: 90%; }

.internal_1 .graph_container .graph_item.forth .sub_box .circle { background-color: #00AE71; }

.internal_1 .graph_container .graph_outer { width: 70px; height: 300px; background-color: #F2F2F2; border-radius: 50px 50px 0 0; position: relative; }

.internal_1 .graph_container .graph_inner { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; border-radius: 50px 50px 0 0; padding: 15px 0; -webkit-transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1); }

.internal_1 .graph_container .sub_box .circle { margin: 30px auto 15px; width: 15px; height: 15px; border-radius: 50%; position: relative; z-index: 10; }

.internal_1 .graph_container:after { content: ""; display: block; position: absolute; width: 85%; height: 1px; bottom: 72px; left: 50%; background-color: #E2E2E2; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1400px) { .internal_1 .graph_container:after { bottom: 67px; } }

@media (max-width: 1200px) { .internal_1 .graph_container:after { bottom: 63px; } }

@media (max-width: 768px) { .internal_1 .graph_container:after { bottom: 61px; }
  .internal_1 .graph_container .graph_item { margin-right: 20px; }
  .internal_1 .graph_container .graph_outer { width: 50px; height: 250px; } }

@media (max-width: 500px) {
  .internal_1 .graph_container:after { bottom: 58px; }
}

.internal_1 .main_image { position: relative; }

.internal_1 .main_image .absolute { position: absolute; width: 7px; height: 7px; z-index: 10; }

.internal_1 .main_image .absolute.first { top: 9%; left: 45%; }

.internal_1 .main_image .absolute.first .stick { top: 5px; left: 0; -webkit-transform: rotate(164deg); transform: rotate(164deg); -webkit-transform-origin: top left; transform-origin: top left; }

.internal_1 .main_image .absolute.first .inner_element { right: 130px; }

.internal_1 .main_image .absolute.second { top: 16%; left: 55%; }

.internal_1 .main_image .absolute.second .stick { top: 2.5px; left: 0; -webkit-transform: rotate(16deg); transform: rotate(16deg); -webkit-transform-origin: top left; transform-origin: top left; }

.internal_1 .main_image .absolute.second .inner_element { left: 130px; }

.internal_1 .main_image .absolute.third { top: 45%; left: 54%; }

.internal_1 .main_image .absolute.third .stick { top: 1.5px; left: 0; -webkit-transform: rotate(16deg); transform: rotate(16deg); -webkit-transform-origin: top left; transform-origin: top left; }

.internal_1 .main_image .absolute.third .inner_element { left: 130px; }

.internal_1 .main_image .absolute.forth { top: 58%; left: 49.5%; }

.internal_1 .main_image .absolute.forth .stick { top: 2.5px; left: 0; -webkit-transform: rotate(199deg); transform: rotate(199deg); -webkit-transform-origin: top left; transform-origin: top left; }

.internal_1 .main_image .absolute.forth .inner_element { right: 130px; bottom: 50px; }

.internal_1 .main_image .absolute.fifth { top: 68%; left: 61%; }

.internal_1 .main_image .absolute.fifth .stick { top: 1.5px; left: 0; -webkit-transform: rotate(16deg); transform: rotate(16deg); -webkit-transform-origin: top left; transform-origin: top left; }

.internal_1 .main_image .absolute.fifth .inner_element { left: 130px; }

.internal_1 .main_image .absolute.sixth .inner_element { right: -110px; bottom: 150px; }

.internal_1 .main_image .stick { background: #00ae71; position: absolute; width: 140px; height: 1px; -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); }

.internal_1 .main_image .green_circle { background: -webkit-gradient(linear, left top, right top, from(#00ae71), to(#09a56e)); background: linear-gradient(90deg, #00ae71, #09a56e); border-radius: 50%; }

.internal_1 .main_image .green_circle .ripple { position: absolute; width: 50px; height: 50px; z-index: -1; left: 50%; top: 50%; opacity: 0; border-radius: 50%; -webkit-animation: ripple 1.8s infinite; animation: ripple 1.8s infinite; margin: -25px 0 0 -25px; }

@-webkit-keyframes ripple { 0% { opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ripple { 0% { opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.internal_1 .main_image .green_circle .ripple:nth-child(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.internal_1 .main_image .green_circle .ripple:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.internal_1 .main_image .green_circle.show .inner_element { opacity: 1; }

.internal_1 .main_image .inner_element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 10; /* visibility: hidden; */ background: #fff; text-align: center; /* opacity: 0; */ -webkit-transition: opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease; transition: opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease; transition: opacity .25s ease,visibility .25s ease,transform .25s ease; transition: opacity .25s ease,visibility .25s ease,transform .25s ease,-webkit-transform .25s ease; -webkit-transform: translateY(20px) translateZ(0); transform: translateY(20px) translateZ(0); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); white-space: nowrap; border: 1px solid #00ae71; }

.internal_1 .main_image .inner_element .left_box { width: 110px; background-color: #00ae71; color: #fff; padding: 5px; }

.internal_1 .main_image .inner_element .right_box { padding: 5px; }

.internal_1 .main_image .hidden_number { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1400px) { .internal_1 .main_image img { width: 400px; }
  .internal_1 .main_image .absolute.second .inner_element { left: 126px; }
  .internal_1 .main_image .absolute.third .inner_element { left: 100px; }
  .internal_1 .main_image .absolute.sixth .inner_element { right: -70px; bottom: 100px; } }

@media (max-width: 1200px) { .internal_1 .main_image .absolute .inner_element { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .internal_1 .main_image .absolute .inner_element .left_box { width: 100%; } }

@media (max-width: 992px) { .internal_1 .main_image .absolute.second .inner_element { left: 76px; }
  .internal_1 .main_image .absolute.third .inner_element { left: 54px; }
  .internal_1 .main_image .absolute.fifth .inner_element { left: 117px; } }

@media (max-width: 768px) { .internal_1 .main_image img { width: 260px; }
  .internal_1 .main_image .absolute { width: 20px; height: 20px; }
  .internal_1 .main_image .absolute .stick { display: none; }
  .internal_1 .main_image .absolute .inner_element { display: none; }
  .internal_1 .inner_element { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10; background: #fff; text-align: center; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); margin-bottom: 5px;}
  .internal_1 .inner_element .left_box { width: 110px; background-color: #00ae71; color: #fff; padding: 5px; text-align: left; }
  .internal_1 .inner_element .right_box { padding: 5px; text-align: left; } }

@media (max-width: 500px) {
  .internal_1 .inner_element .left_box { width: 90px; min-width: 90px; }
  .internal_1 .only_m { padding-left: 10px; padding-right: 10px; }
}

.internal_3 .circle_item { width: 240px; height: 240px; }

@media (max-width: 1200px) { .internal_3 .circle_item { width: 190px; height: 190px; } }

@media (max-width: 992px) { .internal_3 .circle_item { width: 160px; height: 160px; }
  .internal_3 .circle_item:nth-child(2n-1) { margin-left: -15px; } }

@media (max-width: 768px) { .internal_3 .circle_item:nth-child(4) { margin-left: 0; } }

@media (max-width: 500px) { .internal_3 .circle_item { width: 40vw; height: 40vw; }
  .internal_3 .circle_item:nth-child(2n-1) { margin-left: 0; }
  .internal_3 .circle_item:nth-child(4) { margin-left: -20px; } }

.internal_3 .table_container .table_col { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.internal_3 .table_container .table_head { color: #fff; background-color: #00ae71; }

.internal_3 .table_container .table_main { color: #362f2f; }

.internal_3 .table_container .table_main .table_col:nth-child(1) { background-color: #D4F4DC; }

.internal_3 .table_container .table_main .table_col:nth-child(n+1) { padding: 20px; border-bottom: 1px solid #00AE71; /* border-right: 1px solid #00AE71; */ text-align: center; }

.internal_3 .table_container .table_main .table_col:nth-child(n+2) {border-right: 1px solid #00AE71;}

.internal_3 .table_container .table_main .table_col:last-child{ border-right: none;}

.internal_4 .right_image_container { padding: 40px 20px; }

.internal_4 .right_image_container .img_box { background: url(/images/internal04_01.jpg) no-repeat center/cover; width: 100%; height: 100%; }

@media (max-width: 992px) { .internal_4 .right_image_container .img_box { width: 80%; height: 400px; margin-left: 10%; margin-top:40px; } }

@media (max-width: 768px) { .internal_4 .right_image_container .img_box { width: 100%; margin-left: auto; height: 60vw; } }


/* ----- 골다공증 추가페이지 start ----- */

.internal_6 .subtop_inner.bottom{
	background: url(/images/intro06_6.jpg) no-repeat center/cover;
}

/* 골다공증 원인 */

.internal_6 .order_ibox{ 
	background: #fff;
	display: flex;
	padding-left: 0 !important;
	padding-right: 0 !important;
	flex-direction: column;
	max-width: 50%;
	flex: 0 0 48%;
}

.internal_6 .box_title{
	background: #00ae71;
	width: 100%;
    padding: 0.5rem;
}

.internal_6 .icon_img_box{
	display: flex;
    justify-content: space-around;
    align-items: center;
	padding: 3rem;
	border: 1px solid #ededed;
}

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

.internal_6 .icon_all_box .line_icon{
	height: 100%;
	width: 1px;
	display: block;
	background: #ccc;
}

@media (max-width: 992px){
	.internal_6 .icon_all_box{
		flex-direction: column;
		
	}
	.internal_6 .order_ibox{
		max-width: 100%;
		flex: none;
	}
	.internal_6 .order_ibox:first-child{
		margin-bottom: 25px;
	}
	.internal_6 .icon_all_box .line_icon{
		height: 100px;
		width: 1px;
		display: block;
		background: #ccc;
	}
}

@media (max-width: 500px){
	.internal_6 .icon_all_box{
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 380px){
	.internal_6 .icon_img_box{
		padding: 1.75rem;
	}
	.internal_6 .icon_part img{
		width: 80px; 
	}
}

/* 골다공증의 위험인자 */

.internal_6 .card_box_wrap{
	display: flex;
    justify-content: space-around;
    align-items: center;
	padding: 1.75rem;
	border: 1px solid #ededed;
	max-width: 32%;
    flex: 0 0 32%;
}

.internal_6 .i_part{
	display: flex;
    flex-direction: column;
    align-items: center;
	padding-right: 2rem;
	width: 50%;
}

.internal_6 .line_icon{
	height: 100%;
	width: 1px;
	display: block;
	background: #ccc;
}

.internal_6 .txt_part{
    padding-left: 2rem;
    width: 100%;
}

.internal_6 .txt_in{
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 992px){
	.internal_6 .card_box_wrap{
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

}

@media (max-width: 500px){
	.internal_6 .card_wrap{
		margin-left: 0;
		margin-right: 0;
	}

}

/* 골다공증 진단방법 */

@media (max-width: 1200px){
	.internal_6 .t-score{
		width: 100%;
	}

}

/* 골다공증 치료방법 */

.internal_6 .blue_t_box{
	padding: 0.25rem 0.5rem;
    border-radius: 5px;
    width: 10% !important;
    text-align: center;
    background-color: #00ae71;
}

@media (max-width: 1200px){
	.internal_6 .blue_t_box{
		width: 120px!important;
	}
}

/* ----- 골다공증 추가페이지 end ----- */

/* 내과질환 끝 */

/* 커뮤니티 시작 */
.community .subtop_inner.top { background: url(/images/subtop08.jpg) no-repeat center/cover; }

.community .tab_container { background-color: #f7f7f7; }

.community .tab_wrapper { max-width: 900px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; }

.community .tab_container .tab { width: calc(100% / 4);  text-align: center; background-color: #f7f7f7; }

.community .tab_container .tab a { display: block; padding: 15px 0; }

.community .tab_container .tab.on { /* background-color: #F5821F; */ background-color: #2A333C;  }

.community .tab_container .tab.on a { color: #fff; }

.sub .sub_nav .depth03{display:flex;}
.sub .sub_nav .depth03:after{display: block;content: "";clear: both;}
.sub .sub_nav.num3 .depth03 li { display: flex; justify-content: center; align-items: center; }
.sub .sub_nav .depth03 li a{padding:15px 0;text-align:center;display:block;font-size:16px;width: 100%; }
.sub .sub_nav .depth03 li.on, .sub .sub_nav .menu .depth02 li:hover{background:#002063;}
.sub .sub_nav .depth03 li.on a, .sub .sub_nav .menu .depth02 li:hover a{color:#fff;}


/* 커뮤니티 끝 */