.c0 {
  color: #000;
}

.c1 {
  color: #22a1ff !important;
}

.c2 {
  color: #33caff !important;
}

.c3 {
  color: #333;
}

.c6 {
  color: #666;
}

.c8 {
  color: #888;
}

.c9 {
  color: #999;
}

.c75{color: #757575;}

.fcb {
  color: #111;
}

.fcf {
  color: #fff;
}

.fco {
  color: #ff8222;
}

.fcc {
  color: #ccc;
}

.fcr {
  color: #f00;
}

.fcb{color: #bbb;}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
button,
pre,
figure,
figcaption {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333;
  font-family: 'Noto Sans KR';
  line-height: 150%;
  font-weight: 300;
}

td,
th {
  padding: 0;
  font-family: 'Noto Sans KR';
  font-size: 14px;
  color: #333;
  font-weight: 300;
}

a,
span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

body {
  height: 100%;
  position: relative;
  overflow-y: scroll;
  word-break: keep-all;
  *word-break: keep-all;
  -ms-word-break: keep-all;
}

img,
fieldset,
iframe {
  border: 0 none;
}

li {
  list-style: none;
}

input,
select,
button,
textarea {
  padding: 0;
  border: 1px solid #ddd;
  font-family: 'Noto Sans KR';
  font-size: 14px;
  font-weight: 300;
}

input {
  padding: 0 10px;
}

input[type='text'],
input[type='password'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

input[type='file'] {
  padding: 0;
  -webkit-border-radius: 0;
}

input[type='file']::-webkit-file-upload-button {
  vertical-align: middle;
  height: 100%;
}

select::-ms-expand {
  display: none;
}

select {
  padding: 0 25px 0 20px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-color: #fff;
  background-image: url(/src/img/init/sel_init_ico.png);
  -webkit-background-size: 10px 6px;
  background-size: 10px 6px;
}

select option {
  background: #fff;
  color: #333;
}

textarea {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

em,
address {
  font-style: normal;
}

label,
button {
  cursor: pointer;
}

button {
  background: none;
  border: none;
  vertical-align: top;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

legend {
  *width: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

pre {
  white-space: pre-line;
  font-family: 'Noto Sans KR';
}

sup {
  font-size: 0.5%;
}

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

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

/* display */
.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.dt {
  display: table;
}

.dtr {
  display: table-row;
}

.dtc {
  display: table-cell;
}

.dt {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.dtr {
  width: 100%;
}

.dtc {
  vertical-align: middle;
}

/* float */
.fl {
  float: left;
}

.fr {
  float: right;
}

.flul > li {
  float: left;
}

.flul:after {
  content: '';
  display: block;
  clear: both;
}

.cb:after {
  content: '';
  display: block;
  clear: both;
}

/* space */
.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.mt0 {
  margin-top: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt120 {
  padding-top: 120px;
}

.pb120 {
  padding-bottom: 120px;
}

.mt120 {
  margin-top: 120px;
}

.mb120 {
  margin-bottom: 120px;
}

.pt150 {
  padding-top: 150px;
}

.pb150 {
  padding-bottom: 150px;
}

.mt150 {
  margin-top: 150px;
}

.mb150 {
  margin-bottom: 150px;
}

.pt180 {
  padding-top: 180px;
}

.pb180 {
  padding-bottom: 180px;
}

.mt180 {
  margin-top: 180px;
}

.mb180 {
  margin-bottom: 180px;
}

.pt200 {
  padding-top: 200px;
}

.pb200 {
  padding-bottom: 200px;
}

.mt200 {
  margin-top: 200px;
}

.mb200 {
  margin-bottom: 200px;
}

@media screen and (max-width: 620px) {
  .pt10 {
    padding-top: 5px;
  }

  .pb10 {
    padding-bottom: 5px;
  }

  .mt10 {
    margin-top: 5px;
  }

  .mb10 {
    margin-bottom: 5px;
  }

  .pt20 {
    padding-top: 10px;
  }

  .pb20 {
    padding-bottom: 10px;
  }

  .mt20 {
    margin-top: 10px;
  }

  .mb20 {
    margin-bottom: 10px;
  }

  .pt30 {
    padding-top: 15px;
  }

  .pb30 {
    padding-bottom: 15px;
  }

  .mt30 {
    margin-top: 15px;
  }

  .mb30 {
    margin-bottom: 15px;
  }

  .pt40 {
    padding-top: 20px;
  }

  .pb40 {
    padding-bottom: 20px;
  }

  .mt40 {
    margin-top: 20px;
  }

  .mb40 {
    margin-bottom: 20px;
  }

  .pt50 {
    padding-top: 25px;
  }

  .pb50 {
    padding-bottom: 25px;
  }

  .mt50 {
    margin-top: 25px;
  }

  .mb50 {
    margin-bottom: 25px;
  }

  .pt70 {
    padding-top: 35px;
  }

  .pb70 {
    padding-bottom: 35px;
  }

  .mt70 {
    margin-top: 35px;
  }

  .mb70 {
    margin-bottom: 35px;
  }

  .pt80 {
    padding-top: 40px;
  }

  .pb80 {
    padding-bottom: 40px;
  }

  .mt80 {
    margin-top: 40px;
  }

  .mb80 {
    margin-bottom: 40px;
  }

	.pt90 {
    padding-top: 45px;
  }

  .pb90 {
    padding-bottom: 45px;
  }

  .mt90 {
    margin-top: 45px;
  }

  .mb90 {
    margin-bottom: 45px;
  }

  .pt100 {
    padding-top: 50px;
  }

  .pb100 {
    padding-bottom: 50px;
  }

  .mt100 {
    margin-top: 50px;
  }

  .mb100 {
    margin-bottom: 50px;
  }

	.pt120 {
		padding-top: 60px;
	}

	.pb120 {
		padding-bottom: 60px;
	}

	.mt120 {
		margin-top: 60px;
	}

	.mb120 {
		margin-bottom: 60px;
	}

  .pt150 {
    padding-top: 75px;
  }

  .pb150 {
    padding-bottom: 75px;
  }

  .mt150 {
    margin-top: 75px;
  }

  .mb150 {
    margin-bottom: 75px;
  }

  .pt180 {
    padding-top: 90px;
  }

  .pb180 {
    padding-bottom: 90px;
  }

  .mt180 {
    margin-top: 90px;
  }

  .mb180 {
    margin-bottom: 90px;
  }

	.pt200 {
    padding-top: 100px;
  }

  .pb200 {
    padding-bottom: 100px;
  }

  .mt200 {
    margin-top: 100px;
  }

  .mb200 {
    margin-bottom: 100px;
  }
}
.pl0 {
  padding-left: 0px;
}

.pr0 {
  padding-right: 0px;
}

.ml0 {
  margin-left: 0px;
}

.mr0 {
  margin-right: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pr50 {
  padding-right: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pr70 {
  padding-right: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mr70 {
  margin-right: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.pl90 {
  padding-left: 90px;
}

.pr90 {
  padding-right: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mr90 {
  margin-right: 90px;
}

.pl100 {
  padding-left: 100px;
}

.pr100 {
  padding-right: 100px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.pl150 {
  padding-left: 150px;
}

.pr150 {
  padding-right: 150px;
}

.ml150 {
  margin-left: 150px;
}

.mr150 {
  margin-right: 150px;
}

.pl180 {
  padding-left: 180px;
}

.pr180 {
  padding-right: 180px;
}

.ml180 {
  margin-left: 180px;
}

.mr180 {
  margin-right: 180px;
}

/* web accessibility */
.blind {
  display: inline-block !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.skip_nav li a {
  position: absolute;
  left: -3000%;
}
.skip_nav li a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #039;
  color: #fff;
  text-align: center;
}

.ti {
  text-indent: -999em;
}

.inp_ti {
  overflow: hidden;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
}

.imgz {
  width: 100%;
}

.cup {
  cursor: pointer;
}

.vam {
  vertical-align: middle;
}

/* text */
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fw1 {
  font-weight: 100;
}

.fw3 {
  font-weight: 300;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

/* List layout */
.res_lst.lng1.s10 > li {
  width: calc(100% / 1 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng1.s20 > li {
  width: calc(100% / 1 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng1.s30 > li {
  width: calc(100% / 1 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng1.s40 > li {
  width: calc(100% / 1 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng1.s50 > li {
  width: calc(100% / 1 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng1.s60 > li {
  width: calc(100% / 1 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng2.s10 > li {
  width: calc(100% / 2 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng2.s20 > li {
  width: calc(100% / 2 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng2.s30 > li {
  width: calc(100% / 2 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng2.s40 > li {
  width: calc(100% / 2 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng2.s50 > li {
  width: calc(100% / 2 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng2.s60 > li {
  width: calc(100% / 2 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng3.s10 > li {
  width: calc(100% / 3 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng3.s20 > li {
  width: calc(100% / 3 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng3.s30 > li {
  width: calc(100% / 3 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng3.s40 > li {
  width: calc(100% / 3 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng3.s50 > li {
  width: calc(100% / 3 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng3.s60 > li {
  width: calc(100% / 3 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng4.s10 > li {
  width: calc(100% / 4 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng4.s20 > li {
  width: calc(100% / 4 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng4.s30 > li {
  width: calc(100% / 4 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng4.s40 > li {
  width: calc(100% / 4 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng4.s50 > li {
  width: calc(100% / 4 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng4.s60 > li {
  width: calc(100% / 4 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng5.s10 > li {
  width: calc(100% / 5 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng5.s20 > li {
  width: calc(100% / 5 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng5.s30 > li {
  width: calc(100% / 5 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng5.s40 > li {
  width: calc(100% / 5 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng5.s50 > li {
  width: calc(100% / 5 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng5.s60 > li {
  width: calc(100% / 5 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng6.s10 > li {
  width: calc(100% / 6 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng6.s20 > li {
  width: calc(100% / 6 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng6.s30 > li {
  width: calc(100% / 6 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng6.s40 > li {
  width: calc(100% / 6 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng6.s50 > li {
  width: calc(100% / 6 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng6.s60 > li {
  width: calc(100% / 6 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst {
  font-size: 0;
}
.res_lst > li {
  display: inline-block;
  vertical-align: top;
}

.tov {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tov_m {
  display: -webkit-box;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.tov2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -webkit-line-clamp: 2;line-height: 30px; */
.mov_frame,
.frame_height {
  position: relative;
  padding-top: 56.25%;
}
.mov_frame iframe,
.frame_height iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bgi {
  background-repeat: no-repeat;
}

.bgi_b:before {
  content: '';
  background-repeat: no-repeat;
}

.bgi_a:after {
  content: '';
  background-repeat: no-repeat;
}

.bx-wrapper {
  position: relative;
}

.bx-controls {
  position: absolute;
}

#gMap img,
.map_api img {
  max-width: inherit;
  max-height: inherit;
}

.tn {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.ani {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 0, 50);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
  transform: matrix(1, 0, 0, 1, 0, 50);
  transition: transform 0.8s, opacity 0.8s;
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
}

.ani.view {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.ani.r {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 50, 0);
  transform: matrix(1, 0, 0, 1, 50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.l {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, -50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, -50, 0);
  transform: matrix(1, 0, 0, 1, -50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.appear {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* font-size */
.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz17{font-size: 17px;}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz26 {
  font-size: 26px;
}

.fz28 {
  font-size: 28px;
}

.fz30 {
  font-size: 30px;
}

.fz32 {
  font-size: 32px;
}

.fz34 {
  font-size: 34px;
}

.fz36 {
  font-size: 36px;
}

.fz38 {
  font-size: 38px;
}

.fz40 {
  font-size: 40px;
}

.fz46 {
  font-size: 46px;
}

.fz50 {
  font-size: 50px;
}

.fz56 {
  font-size: 56px;
}

.fz60 {
  font-size: 60px;
}

.fz70 {
  font-size: 70px;
}

.fz100 {
  font-size: 100px;
}

.fz120 {
  font-size: 120px;
}

@media screen and (max-width: 620px) {
  .fz12 {
    font-size: 12px;
  }

  .fz14 {
    font-size: 12px;
  }

	.fz17 {
    font-size: 12px;
  }

  .fz16 {
    font-size: 12px;
  }

  .fz18 {
    font-size: 14px;
  }

  .fz20 {
    font-size: 16px;
  }

  .fz22 {
    font-size: 16px;
  }

  .fz24 {
    font-size: 18px;
  }

  .fz26 {
    font-size: 18px;
  }

  .fz28 {
    font-size: 20px;
  }

  .fz30 {
    font-size: 20px;
  }

  .fz32 {
    font-size: 22px;
  }

  .fz34 {
    font-size: 22px;
  }

  .fz36 {
    font-size: 24px;
  }

  .fz38 {
    font-size: 24px;
  }

  .fz40 {
    font-size: 26px;
  }

  .fz46 {
    font-size: 26px;
  }

  .fz50 {
    font-size: 30px;
  }

  .fz56 {
    font-size: 30px;
  }

  .fz60 {
    font-size: 30px;
  }

  .fz70 {
    font-size: 30px;
  }

  .fz100 {
    font-size: 50px;
  }

  .fz120 {
    font-size: 60px;
  }

  div,
  p,
  th,
  td {
    font-size: 14px;
  }
}
/* system popup style */
.syspop {
  position: absolute;
  z-index: 1200;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
}
.syspop .l-header {
  display: none;
}
.syspop .wrap {
  position: relative;
  z-index: 100;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
}
.syspop .l-cont {
  word-break: break-all;
}
.syspop .l-footer {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  bottom: 0px;
  right: 0px;
  text-align: right;
}
.syspop .l-footer span {
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .syspop {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none;
  }

  .syspop:after {
    content: '';
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .syspop .wrap {
    position: relative;
    z-index: 100;
    max-width: 95%;
    margin: 0 auto;
    text-align: center;
  }

  .syspop .l-cont {
    height: auto !important;
  }

  .syspop .l-cont img {
    width: 100%;
  }

  .syspop .l-footer {
    position: relative;
    z-index: 10;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
  }
}
/* page num */
.page_num {
  position: relative;
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}
@media (max-width: 620px) {
  .page_num {
    margin-top: 25px;
  }
}
.page_num a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #999;
  line-height: 30px;
  font-size: 12px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .page_num a {
    font-size: 11px;
  }
}
.page_num .act {
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: #22a1ff;
}
.page_num .page {
  text-indent: -9999px;
}
.page_num .first {
  background: url(/src/img/init/page_first.png) 50% 50% no-repeat;
}
.page_num .last {
  background: url(/src/img/init/page_last.png) 50% 50% no-repeat;
}
.page_num .l {
  background: url(/src/img/init/page_left.png) 50% 50% no-repeat;
}
.page_num .r {
  background: url(/src/img/init/page_right.png) 50% 50% no-repeat;
}

.container {
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1520px) {
  .container {
    width: 90%;
  }
}

.s_container {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .s_container {
    width: 90%;
  }
}

@media screen and (max-width: 1440px) {
  .db1420 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn1420 {
    display: none !important;
  }
}
@media screen and (max-width: 1240px) {
  .db1000 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn1000 {
    display: none !important;
  }
}
@media screen and (max-width: 1119px) {
  .db960 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn960 {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .db720 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn720 {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .db594 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn594 {
    display: none !important;
  }
}
@media screen and (max-width: 620px) {
  .db326 {
    display: block !important;
    float: none;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn326 {
    display: none !important;
  }
}
@media screen and (max-width: 356px) {
  .db90 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn90 {
    display: none;
  }
}
.de_btn.r30,
.de_inp.r30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_btn.r15,
.de_inp.r15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_btn.r8,
.de_inp.r8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_btn.r5,
.de_inp.r5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_btn.r3,
.de_inp.r3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.de_cki.r30 i,
.de_cks.r30 i {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_cki.r15 i,
.de_cks.r15 i {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_cki.r8 i,
.de_cks.r8 i {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_cki.r5 i,
.de_cks.r5 i {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_cki.r3 i,
.de_cks.r3 i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.de_btn {
  display: inline-block;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  color: #666;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.de_btn:disabled {
  background-color: #eee !important;
  color: #ccc !important;
  cursor: auto;
}

.de_btn:focus {
  outline: none;
}

/* btn size*/
.de_btn.sg {
  min-width: 155px;
  height: 60px;
  line-height: 58px;
  font-size: 14px;
  font-weight: 500;
}

.de_btn.sl {
  min-width: 130px;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
}

.de_btn.sm {
  min-width: 116px;
  height: 45px;
  line-height: 43px;
  font-size: 12px;
  font-weight: 500;
}

.de_btn.ss {
  min-width: 95px;
  height: 36px;
  line-height: 34px;
  font-size: 12px;
}

.de_btn.st {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
}

.de_btn.fill {
  background-color: #22a1ff;
  color: #fff;
}

.de_btn.fill:hover {
  background-color: rgba(51, 202, 255, 0.5);
}

.de_btn.fill:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.de_btn.outline {
  border: 1px solid #999;
}

.de_btn.outline:hover {
  border: 1px solid #22a1ff;
  color: #22a1ff;
}

.de_btn.outline:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.de_btn.outline:disabled {
  border: 1px solid #ccc;
}

.de_btn.ghost {
  border: 1px solid transparent;
}

.de_btn.ghost:hover {
  border: 1px solid transparent;
  color: #22a1ff;
}

.de_btn.ghost:focus {
  text-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15);
}

.de_inp {
  width: 100%;
  border: 1px solid #ddd;
}

input.de_inp {
  padding: 0 10px;
}

.de_inp::-webkit-input-placeholder {
  color: #999;
}

.de_inp::-moz-placeholder {
  color: #999;
}

.de_inp:-ms-input-placeholder {
  color: #999;
}

.de_inp:-moz-placeholder {
  color: #999;
}

.de_inp:focus {
  border: 1px solid #22a1ff;
  outline: none;
}

.de_inp:disabled {
  background-color: #eee;
}

input.de_inp.sm {
  height: 45px;
  padding: 0 20px;
}

.de_inp.ss {
  height: 36px;
}

.de_inp.st {
  height: 30px;
}

.de_rdo,
.de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_rdo i,
.de_cks i {
  display: inline-block;
  border: 1px solid #9b9b9b;
  vertical-align: middle;
  background-color: #fff;
}
.de_rdo input,
.de_cks input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_rdo i::after,
.de_cks i::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.de_rdo input:checked ~ i::after,
.de_cks input:checked ~ i::after {
  background-color: #22a1ff;
  transform: scale(0.5, 0.5) rotate(0.3deg);
  -webkit-transform: scale(0.5, 0.5) rotate(0.3deg);
  transform: scale(0.5, 0.5) rotate(0.3deg);
}
.de_rdo input:disabled ~ i,
.de_cks input:disabled ~ i {
  background-color: #eee;
}

.de_rdo.txt i,
.de_cks.txt i,
.de_cki.txt i {
  margin-right: 10px;
}

.de_rdo i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.de_rdo i::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.de_cki,
.de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_cki i,
.de_cks i {
  display: inline-block;
  border: 1px solid #9b9b9b;
  vertical-align: middle;
}

.de_rdo.sg i,
.de_cki.sg i,
.de_cks.sg i {
  width: 30px;
  height: 30px;
}

.de_rdo.ss i,
.de_cki.ss i,
.de_cks.ss i {
  width: 20px;
  height: 20px;
}

.de_cki {
  display: inline-block;
  vertical-align: middle;
}
.de_cki input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_cki i {
  position: relative;
}
.de_cki i::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  margin-top: -7px;
  margin-left: -4px;
  border: solid #22a1ff;
  border-width: 0 2px 2px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.de_cki input:checked ~ i::after {
  opacity: 1;
}
.de_cki input:disabled ~ i {
  background-color: #eee;
}

.browser_modal {
  z-index: 30;
  position: fixed;
  right: 50px;
  bottom: 50px;
  border: 1px solid #000;
  background-color: #fff;
}
@media screen and (max-width: 620px) {
  .browser_modal {
    width: 90%;
    right: 5%;
    bottom: 20px;
  }
}
.browser_modal .c0 {
  color: #000;
}
.browser_modal .txt_wrap {
  padding: 30px;
  text-align: center;
}
.browser_modal .txt_wrap .t1 {
  font-size: 12px;
  line-height: 150%;
}
.browser_modal .b_wrap {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #ddd;
}
.browser_modal .b_wrap .close_btn {
  display: inline-block;
  line-height: 150%;
  font-size: 12px;
  color: #666;
}
.browser_modal .b_wrap .close_btn::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 10px;
  background-image: url(/src/img/init/browser_close_ico.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sys_popup {
  position: absolute;
  z-index: 3000;
  max-width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.sys_popup .cont {
  height: 100%;
}
.sys_popup .cont .pop_tit{display: none;}
.sys_popup .cont .top {
  height: calc(100% - 34px);
}
/*.sys_popup .cont .top > a{display: block;}*/
.sys_popup .cont .top img {
  width: 100%;
}
.sys_popup .cont .bottom {
  padding: 5px 10px;
  text-align: right;
	background-color: rgba(0,0,0,.7);
}
.sys_popup .cont .bottom button {
  vertical-align: middle;
	color: #fff;
}
.sys_popup .cont .bottom button img {
  vertical-align: middle;
}
.sys_popup .cont .bottom .sys_pop_close.cookie::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.sys_popup .cont .bottom .close {
  margin-bottom: 3px;
}
.sys_popup .cont .bottom .close img{margin-left: 5px;}

.sys_popup.dn {
  display: none;
}

@media screen and (max-width: 1000px) {
  .sys_popup {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none; }
    .sys_popup::after {
      content: "";
      position: fixed;
      z-index: 3000;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .sys_popup .cont {
      position: relative;
      z-index: 3500;
      width: 95%;
      height: auto;
      margin: 0 auto;
      background-color: #fff; } }

.sys_gall_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.sys_gall_popup .cont {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  height: auto;
}
.sys_gall_popup .cont .top {
  height: auto;
}
.sys_gall_popup .cont .top .pop_cont .gall_top {
  position: relative;
  overflow: hidden;
}
.sys_gall_popup .cont .top .pop_cont .gall_top .item img{width: 100%;}
.sys_gall_popup .cont .top .pop_cont .gall_top .bullet{z-index: 10;position: absolute;left: 0;bottom: 20px;width: 100%;font-size: 0;text-align: center;}
.sys_gall_popup .cont .top .pop_cont .gall_top .bullet .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #ddd;}
.sys_gall_popup .cont .top .pop_cont .gall_top .bullet .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left: 10px;}
.sys_gall_popup .cont .top .pop_cont .gall_top .bullet .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #22a1ff;}


.sys_gall_popup .cont .top .pop_cont .gall_top .pager {
  display: none;
  z-index: 10;
  position: absolute;
  bottom: 18px;
  text-align: center;
}
@media (max-width: 1240px) {
  .sys_gall_popup .cont .top .pop_cont .gall_top .pager {
    display: block;
  }
	.sys_gall_popup .cont .js_pop_drag{position: static !important;}
}
.sys_gall_popup .cont .top .pop_cont .gall_top .pager .swiper-pagination-bullet {
  opacity: 1;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.sys_gall_popup .cont .top .pop_cont .gall_top .pager .swiper-pagination-bullet-active {
  background-color: #22a1ff !important;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul {
  display: flex;
  flex-wrap: wrap;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul > li {
  width: 20%;
  height: 60px;
  border-right: 1px solid #ddd;
  background-color: #fff;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul > li:last-child {
  border-right: 0;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul > li .pop_thum_btn {
  width: 100%;
  height: 100%;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul > li.act {
  background-color: #22a1ff !important;
}
.sys_gall_popup .cont .top .pop_cont .gall_bottom > ul > li.act .pop_thum_btn {
  color: #fff;
}
.sys_gall_popup .cont .bottom .sys_pop_close.cookie {
  position: relative;
  color: #fff;
}
.sys_gall_popup .cont .bottom .sys_pop_close.cookie::before {
  display: none;
}
.sys_gall_popup .cont .bottom .sys_pop_close.cookie .pc_t > i {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-color: #fff;
  vertical-align: middle;
}
.sys_gall_popup .cont .bottom .sys_pop_close.cookie .pc_t > i::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #22a1ff !important;
}
.sys_gall_popup .cont .bottom .sys_pop_close.close {
  z-index: 10;
  position: absolute;
  top: 8px;
  right: -36px;
  margin: 0;
}
@media (max-width: 1240px) {
  .sys_gall_popup {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
  }
  .sys_gall_popup::after {
    content: '';
    position: fixed;
    z-index: 3000;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sys_gall_popup .cont {
    z-index: 3500;
    position: relative;
    top: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    transform: none;
  }
  .sys_gall_popup .cont .bottom {
    display: flex;
    padding: 0;
  }
  .sys_gall_popup .cont .bottom .sys_pop_close {
    width: 50%;
    height: 60px;
    text-align: center;
    color: #fff;
  }
  .sys_gall_popup .cont .bottom .sys_pop_close.cookie {
    background-color: #111;
  }
  .sys_gall_popup .cont .bottom .sys_pop_close.close {
    position: static;
    background-color: #222;
  }
  .sys_gall_popup .cont .bottom .sys_pop_close .m_txt {
    display: inline;
  }
}

.ff_jalnan {
  font-family: 'yg-jalnan';
}

@media (max-width: 620px) {
  .common_ico_wrap {
    overflow: hidden;
  }
}
.common_ico_wrap .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 286px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 620px) {
  .common_ico_wrap .item {
    height: 213px;
  }
}
.common_ico_wrap .common_ico_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-top: -20px;
}
.common_ico_wrap .common_ico_lst > ul > li {
  width: calc(33.333% - 40px);
  margin-left: 40px;
  margin-top: 20px;
}
.common_ico_wrap .slide_wrap .slide_info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 126px;
  margin: 15px auto 0;
  text-align: center;
}
.common_ico_wrap .slide_wrap .slide_info .pager {
  margin: 0 20px;
  font-family: 'yg-jalnan';
  font-size: 18px;
  font-weight: bold;
  color: #ccc;
}
.common_ico_wrap .slide_wrap .slide_info .pager .swiper-pagination-current {
  color: #111;
}
.common_ico_wrap .slide_wrap .slide_info .arrow_btn {
  width: 11px;
  height: 18px;
  background-image: url(/src/img/ico/ico_slide_ico.png);
}
.common_ico_wrap .slide_wrap .slide_info .arrow_btn.n {
  margin-top: -1px;
  transform: rotate(180deg);
}

.common_half_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1520px) {
  .common_half_wrap {
    display: block;
  }
}
.common_half_wrap .s_h3 {
  width: calc(100% - 870px);
}
@media (max-width: 1520px) {
  .common_half_wrap .s_h3 {
    width: 100%;
  }
}
.common_half_wrap .r_box {
  width: 870px;
}
@media (max-width: 1520px) {
  .common_half_wrap .r_box {
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .common_half_wrap .r_box {
    margin-top: 20px;
  }
}

.gray_bg {
  padding: 180px 0;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .gray_bg {
    padding: 90px 0;
  }
}

.common_num_lst.type1 > ol > li .top_txt {
  position: relative;
}
.common_num_lst.type1 > ol > li .top_txt .num {
  z-index: -1;
  position: absolute;
  top: -38px;
  left: 0;
  color: #eee;
}
@media (max-width: 620px) {
  .common_num_lst.type1 > ol > li .top_txt .num {
    top: -20px;
  }
}
.common_num_lst.type2 {
  padding: 44px 40px;
  border: 5px solid #22a1ff;
  border-radius: 10px;
}
@media (max-width: 620px) {
  .common_num_lst.type2 {
    padding: 20px;
  }
}
.common_num_lst.type2 > ol > li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.common_num_lst.type2 > ol > li:last-child {
  margin-bottom: 0;
}
@media (max-width: 620px) {
  .common_num_lst.type2 > ol > li {
    margin-bottom: 10px;
  }
}
.common_num_lst.type2 > ol > li .num {
  display: block;
  width: 30px;
  margin-right: 30px;
  text-align: center;
  text-decoration: underline;
  color: #22a1ff !important;
}
@media (max-width: 620px) {
  .common_num_lst.type2 > ol > li .num {
    width: 22px;
    margin-right: 10px;
  }
}
.common_num_lst.type2 > ol > li .txt {
  width: calc(100% - 60px);
  margin-top: -3px;
}
@media (max-width: 620px) {
  .common_num_lst.type2 > ol > li .txt {
    width: calc(100% - 32px);
    margin-top: 0;
  }
}
.common_num_lst.type2.bg {
  border: 1px solid #ddd;
  background-color: #fafafa;
}

.common_img_lst > ul {
  display: flex;
  flex-wrap: wrap;
}
.common_img_lst > ul > li > figure {
  overflow: hidden;
  border-radius: 20px;
}
.common_img_lst > ul > li > figure.bdrs0{overflow: unset;border-radius: 0;}
.common_img_lst > ul.lng2 {
  margin-left: -40px;
}
@media (max-width: 1520px) {
  .common_img_lst > ul.lng2 {
    margin-top: -40px;
    margin-left: 0;
  }
}
.common_img_lst > ul.lng2 > li {
  width: calc(50% - 40px);
  margin-left: 40px;
}
@media (max-width: 1520px) {
  .common_img_lst > ul.lng2 > li {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
  .common_img_lst > ul.lng2 > li figure > img {
    width: 100%;
  }
}
.common_img_lst > ul.lng3 {
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .common_img_lst > ul.lng3 {
    justify-content: center;
    margin-top: -40px;
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .common_img_lst > ul.lng3 {
    margin-top: -20px;
  }
}
.common_img_lst > ul.lng3 > li {
  width: calc(33.333% - 40px);
  margin-left: 40px;
}
@media (max-width: 1440px) {
  .common_img_lst > ul.lng3 > li {
    width: auto;
    margin-top: 40px;
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .common_img_lst > ul.lng3 > li {
    margin-top: 20px;
  }
}
.common_img_lst > ul.lng4 {
  margin-left: -30px;
}
@media (max-width: 1440px) {
  .common_img_lst > ul.lng4 {
    margin-top: -30px;
  }
}
@media (max-width: 620px) {
  .common_img_lst > ul.lng4 {
    margin-left: 0;
  }
}
.common_img_lst > ul.lng4 > li {
  width: calc(25% - 30px);
  margin-left: 30px;
}
@media (max-width: 1440px) {
  .common_img_lst > ul.lng4 > li {
    width: calc(50% - 30px);
    margin-top: 30px;
  }
}
@media (max-width: 620px) {
  .common_img_lst > ul.lng4 > li {
    width: 100%;
    margin-left: 0;
  }
}
.common_img_lst.half_lst > ul > li {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.common_img_lst.half_lst > ul > li > figure {
  border-radius: initial;
}
.common_img_lst.half_lst > ul > li .txt_box {
  min-height: 190px;
  padding: 40px 40px 0;
}

.common_circle_bg .act .circle_bg {
  background-color: #22a1ff !important;
}
.common_circle_bg .circle_bg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #e8ebf4;
}
.common_circle_bg .circle_bg .circle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}

.common_bgico_lst > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1240px) {
  .common_bgico_lst > ul {
    margin-top: -40px;
  }
}
.common_bgico_lst > ul > li {
  width: 25%;
  text-align: center;
}
@media (max-width: 1240px) {
  .common_bgico_lst > ul > li {
    width: 50%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .common_bgico_lst > ul > li {
    width: 100%;
  }
}
.common_bgico_lst > ul > li .circle_bg {
  margin: 0 auto;
}
.common_bgico_lst.type2 > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-top: -80px;
}
@media (max-width: 1440px) {
  .common_bgico_lst.type2 > ul {
    display: block;
  }
}
@media (max-width: 620px) {
  .common_bgico_lst.type2 > ul {
    margin-top: -20px;
  }
}
.common_bgico_lst.type2 > ul > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50%;
  margin-top: 80px;
  text-align: left;
}
@media (max-width: 1440px) {
  .common_bgico_lst.type2 > ul > li {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .common_bgico_lst.type2 > ul > li {
    margin-top: 20px;
  }
  .common_bgico_lst.type2 > ul > li .circle_bg {
    margin: 0 auto;
  }
}
.common_bgico_lst.type2 > ul > li .r_box {
  width: calc(100% - 200px);
  padding: 20px 65px 0 50px;
}
@media (max-width: 620px) {
  .common_bgico_lst.type2 > ul > li .r_box {
    width: 100%;
    padding: 20px 0 0;
  }
}

.common_dot_lst > ul .dot {
  position: relative;
  padding-left: 16px;
  text-align: left;
}
@media (max-width: 620px) {
  .common_dot_lst > ul .dot {
    padding-left: 15px;
  }
}
.common_dot_lst > ul .dot.fz24::before {
  top: 15px;
}
.common_dot_lst > ul .dot.fz22::before {
  top: 14px;
}
@media (max-width: 620px){
	.common_dot_lst > ul .dot.fz24::before{top: 11px;}
	.common_dot_lst > ul .dot.fz22::before {
		top: 11px;
	}
}

.common_dot_lst > ul .dot.fz18::before {
  top: 12px;
}
@media (max-width: 620px) {
  .common_dot_lst > ul .dot.fz18::before {
    top: 8px;
  }
}
.common_dot_lst > ul .dot.fz16::before {
  top: 10px;
}
@media (max-width: 620px) {
  .common_dot_lst > ul .dot.fz16::before {
    top: 6px;
  }
}
.common_dot_lst > ul .dot::before {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #aaa;
}
.common_dot_lst > ul .dot.bgc_ddd::before{background-color: #ddd;}

.common_bg {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.common_bg p {
  color: #fff;
}
@media (max-width: 620px){
	.common_bg p.m_c3{color: #333;}
}
.common_bg em {
  color: #22a1ff;
}
.common_bg.type1 {
  height: 530px;
  border-radius: 20px;
}
.common_bg.type1 .bdr_btn {
  display: block;
  width: 280px;
  height: 50px;
  margin: 50px auto 0;
  border-radius: 30px;
  text-align: center;
  color: #333;
  line-height: 50px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .common_bg.type1 {
    padding: 0 5%;
  }
}
@media (max-width: 620px) {
  .common_bg.type1 {
    height: auto;
    background-image: none !important;
  }
  .common_bg.type1 .t1 {
    color: #333;
  }
  .common_bg.type1 .t1 > em {
    color: #333;
  }
  .common_bg.type1 .t2 {
    color: #666;
  }
  .common_bg.type1 .t2 > em {
    color: #666;
  }
  .common_bg.type1 .bdr_btn {
    width: 240px;
    height: 40px;
    margin: 25px auto 0;
    border: 1px solid #ddd;
    line-height: 38px;
  }
}
.common_bg.type2 {
  height: 510px;
}
@media (max-width: 620px) {
  .common_bg.type2 {
    height: 330px;
  }
}
.common_bg.type2 .t1 {
  opacity: 0.4;
}

.common_s_tab .cont_tab > ul {
  display: flex;
  width: 100%;
}
.common_s_tab .cont_tab .cont_tab_sel {
  width: 100%;
  height: 60px;
  border: 1px solid #000;
}
@media (max-width: 991px) {
  .common_s_tab .cont_tab .cont_tab_sel {
    display: block !important;
  }
}
@media (max-width: 620px) {
  .common_s_tab .cont_tab .cont_tab_sel {
    height: 50px;
  }
}
.common_s_tab .cont_tab.type1 > ul {
  flex-wrap: wrap;
}
.common_s_tab .cont_tab.type1 > ul > li {
  margin-top: -1px;
  margin-left: -1px;
  height: 67px;
  border: 1px solid #ddd;
}
.common_s_tab .cont_tab.type1 > ul > li > button,
.common_s_tab .cont_tab.type1 > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
}
.common_s_tab .cont_tab.type1 > ul > li > a {
  line-height: 65px;
  text-align: center;
}
.common_s_tab .cont_tab.type1 > ul > li.act {
  position: relative;
  border: 1px solid #000;
}
.common_s_tab .cont_tab.type1 > ul > li.act::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
}
.common_s_tab .cont_tab.type1 > ul > li.act > button,
.common_s_tab .cont_tab.type1 > ul > li.act > a {
  font-weight: bold;
  color: #333;
}
.common_s_tab .cont_tab.type1 > ul.lng2.center {
  justify-content: center;
}
.common_s_tab .cont_tab.type1 > ul.lng2.center > li {
  width: 466px;
}
@media (max-width: 1240px) {
  .common_s_tab .cont_tab.type1 > ul.lng2.center > li {
    width: calc(50% + 1px);
  }
}
.common_s_tab .cont_tab.type1 > ul.lng2 > li {
  width: calc(50% + 1px);
}
.common_s_tab .cont_tab.type1 > ul.lng3 > li {
  width: calc(33.333% + 1px);
}
.common_s_tab .cont_tab.type1 > ul.lng4 > li {
  width: calc(25% + 1px);
}
.common_s_tab .cont_tab.type1 > ul.lng5 > li {
  width: calc(20% + 1px);
}
.common_s_tab .cont_tab.type2 > ul {
  justify-content: center;
  border-bottom: 1px solid #ddd;
}
.common_s_tab .cont_tab.type2 > ul > li {
  position: relative;
  width: 200px;
  padding-bottom: 10px;
  text-align: center;
  color: #ccc;
}
.common_s_tab .cont_tab.type2 > ul > li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 3px;
  background-color: #22a1ff !important;
}
.common_s_tab .cont_tab.type2 > ul > li.act {
  color: #22a1ff !important;
}
.common_s_tab .cont_tab.type2 > ul > li.act::after {
  width: 100%;
}
.common_s_tab .cont_tab.type3 > ul {
  display: flex;
}
.common_s_tab .cont_tab.type3 > ul > li {
  width: calc(16.6667% + 1px);
  margin-left: -1px;
  border: 1px solid #ddd;
}
.common_s_tab .cont_tab.type3 > ul > li > button {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 17px 0;
  text-align: center;
}
.common_s_tab .cont_tab.type3 > ul > li > button > span {
  color: #999;
}
.common_s_tab .cont_tab.type3 > ul > li.act {
  position: relative;
  border: 1px solid #000;
}
.common_s_tab .cont_tab.type3 > ul > li.act::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
}
.common_s_tab .cont_tab.type3 > ul > li.act > button > span {
  color: #333;
}

.common_tab_wrap .tab_cont_box .tab_cont {
  display: none;
}
.common_tab_wrap .tab_cont_box .tab_cont.db {
  display: block;
}

.lh {
  line-height: 100%;
}

.ovh {
  overflow: hidden;
}

/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1000') {
    background: pink;
}
@include respond-to('d960') {
    background: orange;
}
@include respond-to('d720') {
    background: blue;
}
*/
#header {
  position: relative;
  z-index: 10;
  top: 0;
  width: 100%;
	padding-right: 100px;
}
@media (max-width: 1240px){
	#header{padding-right: 0;}
}
#header .hd_top {
  z-index: 10;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 150px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 620px) {
  #header .hd_top {
    height: 70px;
  }
}
@media screen and (max-width: 1820px) {
  #header .hd_top {
    padding: 0 120px;
  }
}
@media screen and (max-width: 1560px) {
  #header .hd_top {
    padding: 0 5%;
  }
}
#header .hd_top .logo {
  width: 167px;
  height: 47px;
  background-image: url(/src/img/logo_w.svg);
	background-repeat: no-repeat;
}
@media (max-width: 620px) {
  #header .hd_top .logo {
    width: 93px;
    height: 30px;
    background-size: 93px 30px;
  }
}
#header .hd_top .logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
#header .hd_top .gnb > ul {
  display: flex;
  min-width: 1120px;
}
#header .hd_top .gnb > ul > li {
  position: relative;
  width: 160px;
  text-align: center;
}
#header .hd_top .gnb > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 100px;
}
#header .hd_top .gnb > ul > li:last-child > a{z-index: 5;}
#header .hd_top .gnb > ul > li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #22a1ff !important;
  transform: translateX(-50%);
  transition: 0.5s ease-in-out;
}
#header .hd_top .gnb > ul > li:hover > a {
  color: #22a1ff !important;
}
#header .hd_top .gnb > ul > li:hover::after {
  width: 100%;
}
#header .hd_top .gnb > ul > li:hover .s_gnb.db {
  background-color: #f8fbfe;
}
#header .hd_top .gnb > ul > li .s_gnb {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 0;
}
#header .hd_top .gnb > ul > li .s_gnb.db {
  opacity: 1;
  height: auto;
  min-height: 270px;
  padding: 30px 0;
}
#header .hd_top .gnb > ul > li .s_gnb.db > li {
  opacity: 1;
  height: auto;
  padding-bottom: 15px;
}
#header .hd_top .gnb > ul > li .s_gnb.db > li:last-child {
  padding-bottom: 0;
}
#header .hd_top .gnb > ul > li .s_gnb > li {
  opacity: 0;
  height: 0;
  color: #666;
  line-height: 100%;
  word-break: break-all;
}
#header .hd_top .gnb > ul > li .s_gnb > li:hover {
  color: #22a1ff !important;
}
@media screen and (max-width: 1860px) {
  #header .hd_top .gnb > ul {
    min-width: 910px;
  }
  #header .hd_top .gnb > ul > li {
    width: 130px;
  }
}
@media screen and (max-width: 1620px) {
  #header .hd_top .gnb > ul {
    min-width: 770px;
  }
  #header .hd_top .gnb > ul > li {
    width: 110px;
  }
}
#header .hd_top .r_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#header .hd_top .r_box .r_btn {
  margin-right: 20px;
  color: #ccc;
}
#header .hd_top .r_box .r_btn:last-child {
  margin-right: 28px;
}
#header .hd_top .r_box .hd_sch_box {
  position: relative;
}
#header .hd_top .r_box .hd_sch_box .js_sch_open {
  width: 24px;
  height: 24px;
  background-image: url(/src/img/ico/hd_sch_ico.svg);
}
#header .hd_top .r_box .hd_sch_box .js_sch_open.act {
  width: 23px;
  height: 23px;
  background-image: url(/src/img/ico/hd_sch_ico3.svg);
}
#header .hd_top .r_box .hd_sch_box .hd_sch_info {
  position: absolute;
  top: 37px;
  right: -45px;
  width: 305px;
  padding: 10px 15px;
  border-radius: 20px;
	font-size: 12px;
  color: #fff;
  background-color: #22a1ff !important;
}
#header .hd_top .r_box .hd_sch_box .hd_sch_info::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 50px;
  width: 10px;
  height: 6px;
  background-image: url(/src/img/ico/hd_arrow_ico.png);
}
#header.sub_hd .hd_top .r_box .hd_sch_box .hd_sch_info,#header.sch_hd .hd_top .r_box .hd_sch_box .hd_sch_info{right: -80px;}
#header.sub_hd .hd_top .r_box .hd_sch_box .hd_sch_info::before,#header.sch_hd .hd_top .r_box .hd_sch_box .hd_sch_info::before{right: 85px;}
@media screen and (max-width: 1560px){
	#header.sub_hd .hd_top .r_box .hd_sch_box .hd_sch_info,#header.sch_hd .hd_top .r_box .hd_sch_box .hd_sch_info{right: -65px;}
	#header.sub_hd .hd_top .r_box .hd_sch_box .hd_sch_info::before,#header.sch_hd .hd_top .r_box .hd_sch_box .hd_sch_info::before{right: 70px;}
}


#header .hd_top .r_box .hd_sch_box .hd_sch_info.dn {
  display: none;
}
#header .hd_top .r_box .hd_menu_btn {
  width: 24px;
  height: 22px;
  margin-left: 20px;
}
#header .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico.svg);
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn {
  position: relative;
}
@media (max-width: 1440px) {
  #header .hd_top .r_box .hd_menu_btn.js_nav_btn {
    display: block;
  }
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
  position: absolute;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.25s ease-in-out;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn > span:first-child {
  top: 0;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn > span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn > span:last-child {
  bottom: 0;
}
#header.bg .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
  background-color: #333;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn.act > span {
  background-color: #333;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn.act > span:first-child {
  top: 11px;
  left: 4px;
  transform: rotate(45deg);
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn.act > span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#header .hd_top .r_box .hd_menu_btn.js_nav_btn.act > span:last-child {
  top: 11px;
  left: 4px;
  transform: rotate(-45deg);
}
#header .hd_bg {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #fff;
}
#header .hd_bg.db {
  opacity: 1;
  height: 370px;
}
#header.bg .hd_top {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
#header.bg .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.bg .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.bg .hd_top .r_box .r_btn {
  color: #999;
}
#header.bg .hd_top .r_box .hd_sch_box .js_sch_open {
  background-image: url(/src/img/ico/hd_sch_ico2.svg);
}
#header.bg .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}

#header.sub_bg .hd_top {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
#header.sub_bg .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.sub_bg .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.sub_bg .hd_top .r_box .r_btn {
  color: #999;
}
#header.sub_bg .hd_top .r_box .hd_sch_box .js_sch_open {
  background-image: url(/src/img/ico/hd_sch_ico2.svg);
}
#header.sub_bg .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}
#header.sub_bg .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
	background-color: #333;
}


#header.sub_hd {
  position: fixed;
  left: 0;
}
#header.in_hd {
  position: fixed;
}
#header.in_hd .hd_top {
  width: calc(100% - 100px);
  margin-left: 100px;
  padding: 0 50px;
}
@media (max-width: 1640px) {
  #header.in_hd .hd_top {
    width: 100%;
    margin-left: 0;
    padding: 0 5%;
  }
}
#header.in_hd.over .hd_top {
	width: 100%;
	margin-left: 0;
	padding-left: 150px;
}
@media (max-width: 1640px){
	#header.in_hd.over .hd_top{padding-left: 5%;}
}

@media (max-width: 1640px) {
  #header.in_hd .hd_top {
    padding: 0 5%;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  #header.in_hd .hd_top .logo {
    background-image: url(/src/img/logo_b.svg);
  }
  #header.in_hd .hd_top .gnb > ul > li > a {
    color: #111;
  }
  #header.in_hd .hd_top .r_box .r_btn {
    color: #999;
  }
  #header.in_hd .hd_top .r_box .hd_sch_box .js_sch_open {
    background-image: url(/src/img/ico/hd_sch_ico2.svg);
  }
  #header.in_hd .hd_top .r_box .hd_sch_box .hd_sch_info {
    display: none;
  }
  #header.in_hd .hd_top .r_box .hd_menu_btn.js_all_menu {
    background-image: url(/src/img/ico/hd_menu_ico2.svg);
  }
  #header.in_hd .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
    background-color: #333;
  }
}
#header.in_hd.over .hd_top::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
#header.over .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.over .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.over .hd_top .r_box .r_btn {
  color: #999;
}
#header.over .hd_top .r_box .hd_sch_box .js_sch_open {
  background-image: url(/src/img/ico/hd_sch_ico2.svg);
}
#header.over .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}
#header.all {
  z-index: 20;
}
@media (max-width: 1440px){
	#header.nav_hd {
		z-index: 100;
		position: fixed;
	}
	#header.nav_hd .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
		background-color: #333;
	}
	#header.nav_hd .hd_top {
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}
	#header.nav_hd .hd_top .logo {
		background-image: url(/src/img/logo_b.svg);
	}
	#header.nav_hd .hd_top .gnb > ul > li > a {
		color: #111;
	}
	#header.nav_hd .hd_top .r_box .r_btn {
		color: #999;
	}
	#header.nav_hd .hd_top .r_box .hd_sch_box .js_sch_open {
		background-image: url(/src/img/ico/hd_sch_ico2.svg);
	}
	#header.nav_hd .hd_top .r_box .hd_menu_btn.js_all_menu {
		background-image: url(/src/img/ico/hd_menu_ico2.svg);
	}
	#header.nav_hd .hd_top .r_box .r_btn,
	#header.nav_hd .hd_top .r_box .hd_sch_box {
		display: none;
	}
	#header.nav_hd .hd_s_menu{display: none;}
}
@media (max-width: 1240px) {
  #header.sch_bg {
    z-index: 100;
  }
}
#header .hd_sch {
  display: none;
  position: absolute;
  width: calc(100% - 100px);
  padding: 20px 0 30px 0;
  background-color: #fff;
}
#header .hd_sch.db {
  display: block;
}
@media (max-width: 1240px) {
  #header .hd_sch {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
  }
}
@media (max-width: 620px) {
  #header .hd_sch {
    top: 70px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 1640px){
	#header .hd_sch > .container{width: 90%;}
}
#header .hd_sch .sch_key_word {
  display: flex;
  margin-top: 20px;
  margin-left: 30px;
}
@media (max-width: 1240px) {
  #header .hd_sch .sch_key_word {
    display: block;
    margin: 0;
  }
}
#header .hd_sch .sch_key_word .l_txt {
  margin-right: 30px;
}
@media (max-width: 1240px) {
  #header .hd_sch .sch_key_word .l_txt {
    margin: 40px auto 0;
  }
}
#header .hd_sch .sch_key_word .key_word_lst {
  display: flex;
}
@media (max-width: 1240px) {
  #header .hd_sch .sch_key_word .key_word_lst {
    display: block;
    font-size: 0;
  }
}
@media (max-width: 620px) {
  #header .hd_sch .sch_key_word .key_word_lst {
    display: block;
  }
}
#header .hd_sch .sch_key_word .key_word_lst > li {
  margin-right: 20px;
}
@media (max-width: 1240px) {
  #header .hd_sch .sch_key_word .key_word_lst > li {
    display: inline-block;
    margin: 10px auto 0;
    width: 50%;
  }
}
@media (max-width: 620px) {
  #header .hd_sch .sch_key_word .key_word_lst > li {
    width: 100%;
    font-size: 12px;
  }
}
#header .hd_sch .sch_key_word .key_word_lst > li:last-child {
  margin-right: 0;
}
@media (max-width: 1240px) {
  #header .hd_sch .sch_key_word .key_word_lst > li:last-child {
    margin: 10px auto 0;
  }
}
@media (max-width: 1240px) {
  #header.sch_bg .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
    background-color: #333;
  }
}
#header.sch_bg.sub_hd .hd_top {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
#header.sch_bg.sub_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.sch_bg.sub_hd .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.sch_bg.sub_hd .hd_top .r_box .r_btn {
  color: #999;
}

#header.sch_bg.sub_hd .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}
#header.sch_bg.in_hd .hd_top {
  width: 100%;
  margin-left: 0;
	padding-left: 150px;
  background-color: #fff;
}
@media (max-width: 1640px) {
  #header.sch_bg.in_hd .hd_top{padding-left: 5%;}
}
@media (max-width: 1440px) {
  #header.sch_bg.in_hd .hd_top {
    padding: 0 5%;
  }
}
#header.sch_bg.in_hd .hd_top::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
#header.sch_bg.in_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.sch_bg.in_hd .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.sch_bg.in_hd .hd_top .r_box .r_btn {
  color: #999;
}
#header.sch_bg.in_hd .hd_top .r_box .hd_sch_box .hd_sch_info {
  display: none;
}
#header.sch_bg.in_hd .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}

#header.sch_hd{position: fixed;}
#header.sch_hd .hd_top .r_box .hd_menu_btn.js_nav_btn > span {
  background-color: #333;
}
#header.sch_hd .hd_top {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
#header.sch_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}
#header.sch_hd .hd_top .gnb > ul > li > a {
  color: #111;
}
#header.sch_hd .hd_top .r_box .r_btn {
  color: #999;
}
#header.sch_hd .hd_top .r_box .hd_sch_box .js_sch_open {
  background-image: url(/src/img/ico/hd_sch_ico2.svg);
}
#header.sch_hd .hd_top .r_box .hd_sch_box .js_sch_open.act {
  background-image: url(/src/img/ico/hd_sch_ico3.svg);
}
#header.sch_hd .hd_top .r_box .hd_menu_btn.js_all_menu {
  background-image: url(/src/img/ico/hd_menu_ico2.svg);
}

#header.in_hd .hd_top .r_box .hd_sch_box .js_sch_open.act {
  background-image: url(/src/img/ico/hd_sch_ico3.svg);
}

.all_menu_wrap {
  display: none;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.all_menu_wrap.db {
  display: block;
}
.all_menu_wrap .all_menu {
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1620px;
  min-height: 485px;
  padding: 70px 60px 0;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
@media (max-width: 1640px) {
  .all_menu_wrap .all_menu {
    width: 90%;
  }
}
.all_menu_wrap .all_menu::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 521px;
  height: 343px;
  background-image: url(/src/img/all_menu_bg.png);
}
.all_menu_wrap .all_menu .js_all_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  background-image: url(/src/img/ico/hd_close_ico.svg);
}
.all_menu_wrap .all_menu > dl {
  z-index: 1;
  position: relative;
  width: calc(14.285% - 30px);
  margin-left: 30px;
  text-align: center;
}
.all_menu_wrap .all_menu > dl:first-of-type {
  margin-left: 0;
}
.all_menu_wrap .all_menu > dl:hover dt {
  color: #fff;
  background-color: #22a1ff !important;
}
.all_menu_wrap .all_menu > dl dt {
  height: 60px;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  background-color: #f2f2f2;
}
.all_menu_wrap .all_menu > dl dt > a {
  display: block;
  width: 100%;
  height: 100%;
}
.all_menu_wrap .all_menu > dl dd {
  padding-top: 15px;
  line-height: 100%;
  color: #666;
}
.all_menu_wrap .all_menu > dl dd:first-of-type {
  padding-top: 25px;
}
.all_menu_wrap .all_menu > dl dd:hover {
  color: #22a1ff !important;
}

.nav_wrap {
  position: relative;
  display: none;
  width: 100%;
  background-color: #fff;
}

.nav_wrap.db{display: none;}
@media (max-width: 1440px){
	.nav_wrap.db {
		display: block;
	}
}

.nav_wrap::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  background-color: #f4f8f9;
}
@media (max-width: 620px) {
  .nav_wrap::before {
    height: 10px;
  }
}
.nav_wrap .nav_menu_box {
  overflow-y: scroll;
  display: flex;
  height: calc(100vh - 220px);
}
.eng_layout .nav_wrap .nav_menu_box{height: calc(100vh - 120px);}
@media (max-width: 620px) {
  .nav_wrap .nav_menu_box {
    height: calc(100vh - 135px);
  }
	.eng_layout .nav_wrap .nav_menu_box{height: calc(100vh - 80px);}
}
.nav_wrap .nav_menu_box::before {
  content: '';
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  border-right: 1px solid #ddd;
  background-color: #fafafa;
}
.nav_wrap .nav_menu_box .l_menu {
  position: relative;
  width: 50%;
  background-color: #fafafa;
}
.nav_wrap .nav_menu_box .l_menu > li {
  position: relative;
  height: 96px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu_box .l_menu > li {
    height: 50px;
  }
}
.nav_wrap .nav_menu_box .l_menu > li:last-child {
  border-bottom: 0;
}
.nav_wrap .nav_menu_box .l_menu > li::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  display: none;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.nav_wrap .nav_menu_box .l_menu > li .js_nav_menu {
  width: 100%;
  height: 100%;
  padding-left: 10%;
  text-align: left;
}
.nav_wrap .nav_menu_box .l_menu > li.act {
  background-color: #fff;
}
.nav_wrap .nav_menu_box .l_menu > li.act::after {
  display: block;
}
.nav_wrap .nav_menu_box .l_menu > li.act .js_nav_menu {
  color: #22a1ff !important;
}
.nav_wrap .nav_menu_box .r_menu_lst {
  width: 50%;
}
.nav_wrap .nav_menu_box .r_menu_lst .r_menu {
  display: none;
  padding: 40px;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu_box .r_menu_lst .r_menu {
    padding: 20px;
  }
}
.nav_wrap .nav_menu_box .r_menu_lst .r_menu.db {
  display: block;
}
.nav_wrap .nav_menu_box .r_menu_lst .r_menu > li {
  line-height: 100%;
  padding-top: 20px;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu_box .r_menu_lst .r_menu > li {
    padding-top: 20px;
  }
}
.nav_wrap .nav_menu_box .r_menu_lst .r_menu > li:first-child {
  padding-top: 0;
}
.nav_wrap .bottom_menu {
  position: relative;
  border-top: 1px solid #333;
  display: flex;
  background-color: #fff;
}
.nav_wrap .bottom_menu .btn {
  display: block;
  width: 50%;
  line-height: 100px;
  text-align: center;
}
@media (max-width: 620px) {
  .nav_wrap .bottom_menu .btn {
    line-height: 54px;
  }
}

#wrap{padding-right: 100px;}
@media (max-width: 1240px){
	#wrap{padding-right: 0;}
}

.r_quick {
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  border-left: 1px solid #ddd;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .r_quick {
    display: none;
  }
}
.r_quick ul {
  height: 100%;
}
.r_quick ul > li {
  width: 100px;
  height: 10%;
  transition: 0.5s ease-in-out;
}
.r_quick ul > li > a,
.r_quick ul > li > button {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.r_quick ul > li .ico {
  width: 22px;
  height: 22px;
}
.r_quick ul > li .ico.ico1 {
  width: 24px;
  background-image: url(/src/img/ico/r_quick_ico1.png);
}
.r_quick ul > li .ico.ico2 {
  background-image: url(/src/img/ico/r_quick_ico2.png);
}
.r_quick ul > li .ico.ico3 {
  height: 20px;
  background-image: url(/src/img/ico/r_quick_ico3.png);
}
.r_quick ul > li .ico.ico4 {
  background-image: url(/src/img/ico/r_quick_ico4.png);
}
.r_quick ul > li .ico.ico5 {
  background-image: url(/src/img/ico/r_quick_ico5.png);
}
.r_quick ul > li .ico.ico6 {
  height: 19px;
  background-image: url(/src/img/ico/r_quick_ico6.png);
}
.r_quick ul > li .ico.ico7 {
  background-image: url(/src/img/ico/r_quick_ico7.png);
}
.r_quick ul > li .ico.ico8 {
  height: 24px;
  background-image: url(/src/img/ico/r_quick_ico8.png);
}
.r_quick ul > li .ico.ico9 {
  width: 20px;
  background-image: url(/src/img/ico/r_quick_ico9.png);
}
.r_quick ul > li .ico.ico10 {
  width: 24px;
  height: 24px;
  background-image: url(/src/img/ico/r_quick_ico10.png);
}
.r_quick ul > li .txt {
  padding-top: 10px;
  line-height: 100%;
  font-size: 12px;
  color: #333;
}
.r_quick ul > li.act,
.r_quick ul > li:hover {
  background: #22a1ff;
  background: linear-gradient(90deg, #22a1ff 0%, #0c172b 100%);
}
.r_quick ul > li.act .ico.ico1,
.r_quick ul > li:hover .ico.ico1 {
  background-image: url(/src/img/ico/r_quick_ico1_w.png);
}
.r_quick ul > li.act .ico.ico2,
.r_quick ul > li:hover .ico.ico2 {
  background-image: url(/src/img/ico/r_quick_ico2_w.png);
}
.r_quick ul > li.act .ico.ico3,
.r_quick ul > li:hover .ico.ico3 {
  background-image: url(/src/img/ico/r_quick_ico3_w.png);
}
.r_quick ul > li.act .ico.ico4,
.r_quick ul > li:hover .ico.ico4 {
  background-image: url(/src/img/ico/r_quick_ico4_w.png);
}
.r_quick ul > li.act .ico.ico5,
.r_quick ul > li:hover .ico.ico5 {
  background-image: url(/src/img/ico/r_quick_ico5_w.png);
}
.r_quick ul > li.act .ico.ico6,
.r_quick ul > li:hover .ico.ico6 {
  background-image: url(/src/img/ico/r_quick_ico6_w.png);
}
.r_quick ul > li.act .ico.ico7,
.r_quick ul > li:hover .ico.ico7 {
  background-image: url(/src/img/ico/r_quick_ico7_w.png);
}
.r_quick ul > li.act .ico.ico8,
.r_quick ul > li:hover .ico.ico8 {
  background-image: url(/src/img/ico/r_quick_ico8_w.png);
}
.r_quick ul > li.act .ico.ico9,
.r_quick ul > li:hover .ico.ico9 {
  background-image: url(/src/img/ico/r_quick_ico9_w.png);
}
.r_quick ul > li.act .ico.ico10,
.r_quick ul > li:hover .ico.ico10 {
  background-image: url(/src/img/ico/r_quick_ico10_w.png);
}
.r_quick ul > li.act .txt,
.r_quick ul > li:hover .txt {
  color: #fff;
}
@media screen and (max-height: 650px) {
	/* #header.in_hd .hd_top{width: calc(100% - 60px);} */
	.r_quick{overflow-y: auto;}
	.r_quick::-webkit-scrollbar{width: 2px;background-color: #ddd;	}
	.r_quick::-webkit-scrollbar-thumb{background-color: #333;}
	.r_quick ul > li{height: 80px;}
}
@media (max-width: 620px) {
  .s_top.mb150 {
    margin-bottom: 75px;
  }
}
.s_top .top_bg {
  width: 100%;
  height: 560px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 620px) {
  .s_top .top_bg {
    height: 250px;
  }
}
.s_top .top_bg.s1 {
  background-image: url(/src/img/bg/s_top1.jpg);
}
.s_top .top_bg.s2 {
  background-image: url(/src/img/bg/s_top2.jpg);
}
.s_top .top_bg.s3 {
  background-image: url(/src/img/bg/s_top3.jpg);
}
.s_top .top_bg.s4 {
  background-image: url(/src/img/bg/s_top4.jpg);
}
.s_top .top_bg.s5 {
  background-image: url(/src/img/bg/s_top5.jpg);
}
.s_top .top_bg.s6 {
  background-image: url(/src/img/bg/s_top6.jpg);
}
.s_top .top_bg.s7 {
  background-image: url(/src/img/bg/s_top7.jpg);
}
.s_top .top_bg.s8 {
  background-image: url(/src/img/bg/s_top8.jpg);
}
.s_top .top_bg.s9 {
  background-image: url(/src/img/bg/s_top9.jpg);
}
.s_top .top_bg.s10 {
  background-image: url(/src/img/bg/s_top10.jpg);
}
.s_top .top_bg .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 100px 0 50px;
  text-align: center;
}
@media (max-width: 1240px) {
  .s_top .top_bg .container {
    padding: 100px 0 0;
  }
}
@media (max-width: 620px) {
  .s_top .top_bg .container {
    padding: 70px 0 0;
  }
}
.s_top .top_bg .s_h2,
.s_top .top_bg .s_h2_p {
  color: #fff;
  line-height: 100%;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1240px) {
  .s_top .top_bg .s_h2_p {
    line-height: 150%;
  }
}
.s_top .s_nav {
  bottom: 0;
  left: 0;
  width: 100%;
}
.s_top .s_nav > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1px;
}
.s_top .s_nav > ul > li {
  margin-left: 1px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.s_top .s_nav > ul > li.act {
  background-color: #22a1ff !important;
}
.s_top .s_nav > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-align: center;
}
@media (max-width: 1520px) {
  .s_top .s_nav > ul > li > a {
    font-size: 16px;
  }
}
.s_top .s_nav > ul.lng2 > li {
  width: calc(50% - 1px);
}
.s_top .s_nav > ul.lng3 > li {
  width: calc(33.333% - 1px);
}
.s_top .s_nav > ul.lng4 > li {
  width: calc(25% - 1px);
}
.s_top .s_nav > ul.lng6 > li {
  width: calc(16.666% - 1px);
}
.s_top .s_nav > ul.lng7 > li {
  width: calc(14.285% - 1px);
}
.s_top .snav_sel {
  width: 100%;
  height: 80px;
}
@media (max-width: 620px) {
  .s_top .snav_sel {
    height: 58px;
  }
}

.index_wrap {
  position: relative;
}

.index_wrap > section {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
@media (max-width: 1440px) {
  .index_wrap > section {
    height: auto;
  }
}
.index_wrap > section .in_tit,
.index_wrap > section .in_txt {
  line-height: 100%;
}
.index_wrap > section .in_more_btn {
  display: block;
  width: 200px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 30px;
  text-align: center;
  line-height: 48px;
  font-size: 12px;
}
@media (max-width: 620px) {
  .index_wrap > section .in_more_btn {
    width: 136px;
    height: 40px;
    line-height: 38px;
    font-size: 11px;
  }
}
.index_wrap > section .in_more_btn:hover {
  border: 0;
  color: #fff;
  line-height: 50px;
  background: #22a1ff;
  background: linear-gradient(90deg, #22a1ff 0%, #0c172b 100%);
}
@media (max-width: 620px) {
  .index_wrap > section .in_more_btn:hover {
    line-height: 40px;
  }
}
.index_wrap > section .in_slide_info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_wrap > section .in_slide_info .arrow_btn {
  width: 8px;
  height: 16px;
  background-image: url(/src/img/ico/ico_slide_ico.png);
}
.index_wrap > section .in_slide_info .arrow_btn.n {
  margin-top: -1px;
  transform: rotate(180deg);
}
.index_wrap > section .in_slide_info .pager {
  width: auto;
  margin: 0 20px;
  font-family: 'yg-jalnan';
  font-size: 18px;
  color: #ccc;
}
@media (max-width: 620px) {
  .index_wrap > section .in_slide_info .pager {
    font-size: 14px;
  }
}
.index_wrap > section .in_slide_info .pager .swiper-pagination-current {
  color: #333;
}
.index_wrap .l_scroll_box {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  /* transition: 0.5s ease-in-out; */
}
@media (max-width: 1640px) {
  .index_wrap .l_scroll_box {
    display: none;
  }
}
.index_wrap .l_scroll_box .top_txt {
  position: absolute;
  top: 50px;
  left: 44px;
}
.index_wrap .l_scroll_box .side_nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index_wrap .l_scroll_box .side_nav > ul > li .in_side_btn {
  width: 24px;
  height: 24px;
  background-image: url(/src/img/ico/in_side_ico1.png);
}
.index_wrap .l_scroll_box .side_nav > ul > li .in_side_btn.act {
  background-image: url(/src/img/ico/in_side_ico2.png);
}
.index_wrap .l_scroll_box .scroll_box {
  position: absolute;
  bottom: 50px;
  left: 44px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index_wrap .l_scroll_box .scroll_box .scroll_bar {
  overflow: hidden;
  position: relative;
  width: 1px;
  height: 60px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
.index_wrap .l_scroll_box .scroll_box .scroll_bar > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 30px;
  background-color: #fff;
  animation: scrolling 2s ease-in-out infinite;
}
.index_wrap .l_scroll_box.bg {
  border-right: 1px solid #ddd;
  background-color: #fff;
}
.index_wrap .l_scroll_box.bg .b {
  display: none;
}
.index_wrap .l_scroll_box.bg .w {
  display: block;
}
.index_wrap .l_scroll_box.bg .side_nav > ul > li .in_side_btn {
  background-image: url(/src/img/ico/in_side_ico3.png);
}
.index_wrap .l_scroll_box.bg .side_nav > ul > li .in_side_btn.act {
  background-image: url(/src/img/ico/in_side_ico4.png);
}
.index_wrap .l_scroll_box.bg .scroll_box .scroll_bar {
  background-color: #ddd;
}
.index_wrap .l_scroll_box.bg .scroll_box .scroll_bar > span {
  background-color: #999;
}

.index_wrap .visual.dn{display: none;}
.index_wrap .visual .visual_mask {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 1440px) {
  .index_wrap .visual .visual_mask {
    height: auto;
  }
}
.index_wrap .visual .visual_mask .item {
	position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1440px) {
  .index_wrap .visual .visual_mask .item {
    padding-top: 162px;
    /* background: none !important; */
  }
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item {
    padding-top: 122px;
  }
}

.index_wrap .visual .visual_mask .item .vdo_bg{overflow: hidden;width: 100%;height: 100%;}
.index_wrap .visual .visual_mask .item .vdo_bg > video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
@media (max-width: 1440px){
	.index_wrap .visual .visual_mask .item .vdo_bg{height: 0;padding-bottom: 134.72%;}
	.index_wrap .visual .visual_mask .item .vdo_bg > video{width: auto;height: 100%;}
}

.index_wrap .visual .visual_mask .item .txt_box {
	position: absolute;left: 0;top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
	width: 100%;height: 100%;
  padding-bottom: 110px;
}
@media (max-width: 1440px) {
  .index_wrap .visual .visual_mask .item .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -110px;
    padding: 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item .txt_box {
    margin-top: 0;
  }
}
.index_wrap .visual .visual_mask .item .txt_box > p {
  overflow: hidden;
  line-height: 120%;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.index_wrap .visual .visual_mask .item .txt_box > p > span {
  display: inline-block;
  transform: translateY(100%);
  transition: 1s ease-in-out;
}
.index_wrap .visual .visual_mask .item .txt_box .t2 {
  padding-top: 30px;
}
.index_wrap .visual .visual_mask .item .txt_box .t3 {
  padding-top: 40px;
}
.index_wrap .visual .visual_mask .item .txt_box .t3 > span {
  transition-delay: 0.3s;
}
.index_wrap .visual .visual_mask .item.swiper-slide-active .txt_box > p > span {
  transform: translateY(0);
}

.index_wrap .visual .visual_mask .visual_control {
  z-index: 10;
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-bottom: -110px;
  transform: translateY(50%);
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .visual_control {
    bottom: 0;
    margin-bottom: 50px;
    transform: none;
  }
}

.index_wrap .visual.hide_btn .visual_mask .visual_control{display: none;}

.index_wrap .visual .visual_mask .visual_control.stop {
  background-image: url(/src/img/ico/visual_stop_ico1.svg);
}
.index_wrap .visual .visual_mask .visual_control.stop:hover {
  background-image: url(/src/img/ico/visual_stop_ico2.svg);
}
.index_wrap .visual .visual_mask .visual_control.play {
  background-image: url(/src/img/ico/visual_play_ico1.svg);
}
.index_wrap .visual .visual_mask .visual_control.play:hover {
  background-image: url(/src/img/ico/visual_play_ico2.svg);
}

.index_wrap .visual .visual_mask .visual_page{z-index: 10;position: absolute;bottom: 8vh;left: 50%;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;gap: 0 10px;height: 60px;padding: 0 20px;border-radius: 50rem;background-color: rgba(0,0,0,.5);}
.index_wrap .visual .visual_mask .visual_page .arrow_btn{flex-shrink: 0;width: 40px;height: 40px;background-image: url(/src/img/ico/visual_page_arrow.svg);background-repeat: no-repeat;background-position: center center;}
.index_wrap .visual .visual_mask .visual_page .arrow_btn.next{transform: scaleX(-1);}
.index_wrap .visual .visual_mask .visual_page .bullet{display: inline-flex;gap: 0 5px;}
.index_wrap .visual .visual_mask .visual_page .bullet .swiper-pagination-bullet{opacity: 1;display: flex !important;align-items: center;justify-content: center;width: 40px;height: 40px;margin: 0;border-radius: 0;font-family: 'yg-jalnan';text-align: center;font-size: 18px;color: rgba(255,255,255,.4);background-color: transparent;}
.index_wrap .visual .visual_mask .visual_page .bullet .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #fff;}
@media (max-width: 1440px){
  .index_wrap .visual .visual_mask .visual_page{bottom: 60px;}
}
@media (max-width: 620px){
  .index_wrap .visual .visual_mask .visual_page{gap: 0 5px;bottom: 30px;height: 50px;padding: 0 15px;}
  .index_wrap .visual .visual_mask .visual_page .arrow_btn{width: 30px;height: 30px;}
  .index_wrap .visual .visual_mask .visual_page .bullet{gap: 0;}
  .index_wrap .visual .visual_mask .visual_page .bullet .swiper-pagination-bullet{width: 30px;height: 30px;font-size: 14px;}
}

.index_wrap .in_banner {
	padding-left: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1640px) {
  .index_wrap .in_banner {
    padding: 0;
  }
}
@media (max-width: 1440px) {
  .index_wrap .in_banner {
    background: none !important;
  }
}
.index_wrap .in_banner > ul {
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 100px;
}
@media (max-width: 1640px) {
  .index_wrap .in_banner > ul {
    padding-top: 0;
  }
}
@media (max-width: 1440px) {
  .index_wrap .in_banner > ul {
    display: block;
  }
}
.index_wrap .in_banner > ul > li {
  overflow: hidden;
  position: relative;
  width: 20%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.index_wrap .in_banner > ul > li:last-child {
  border: 0;
}
.index_wrap .in_banner > ul > li::before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/src/img/in_banner_bg.png);
  transition: 0.4s ease-in-out;
}
@media (min-width: 1420px) {
  .index_wrap .in_banner > ul > li:hover::before {
    top: 0;
  }
}
.index_wrap .in_banner > ul > li .bg {
  display: none;
}
.index_wrap .in_banner > ul > li .bg img {
  width: 100%;
}
@media (max-width: 1440px) {
  .index_wrap .in_banner > ul > li {
    width: 100%;
    border: 0;
    margin-bottom: 1px;
  }
  .index_wrap .in_banner > ul > li:last-child {
    margin-bottom: 0;
  }
  .index_wrap .in_banner > ul > li .bg {
    display: block;
  }
}
.index_wrap .in_banner > ul > li > a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.index_wrap .in_banner > ul > li > a > figure {
  margin-bottom: 50px;
}
.index_wrap .in_banner > ul > li > a > p {
  line-height: 100%;
  color: #fff;
}
@media (max-width: 620px) {
  .index_wrap .in_banner > ul > li > a > figure {
    display: none;
  }
}
.index_wrap .in_intro {
  background: url(/src/img/in_intro_bg.jpg) no-repeat center/cover;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro {
    padding: 150px 0 264px;
    background: none;
    background-color: #f8f8f8;
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro {
    position: relative;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_intro {
    padding: 75px 0 153px;
  }
}
.index_wrap .in_intro .item img {
  width: 100%;
}
.index_wrap .in_intro .intro_slide {
  position: relative;
  height: 100%;
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide {
    position: static;
  }
}
.index_wrap .in_intro .intro_slide .top_slide {
  height: 100%;
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask {
  height: 100%;
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item {
  display: flex;
	justify-content: space-between;
  padding-top: 170px;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item {
    display: block;
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item {
    padding: 0;
  }
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .txt_box {
  width: 244px;
  padding-top: 142px;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .txt_box {
    width: 100%;
    padding-top: 0;
    text-align: center;
  }
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .txt_box .in_more_btn {
    margin: 30px auto 0;
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .txt_box .in_more_btn {
    margin: 15px auto 0;
  }
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .txt_box .common_dot_lst > ul > li::before {
  background-color: #ddd;
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .img {
  margin-left: 43px;
  /* margin-right: 90px; */
	margin-right: auto;
}
.index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .vid_box {
  overflow: hidden;
  width: 520px;
  margin-top: 132px;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .vid_box {
    width: 100%;
    margin: 50px auto 0;
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide .top_slide .doctor_top_mask .item .vid_box {
    margin: 15px auto 0;
  }
}
.index_wrap .in_intro .intro_slide .top_slide .in_slide_info {
  z-index: 10;
  position: absolute;
  bottom: 116px;
  right: 422px;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro .intro_slide .top_slide .in_slide_info {
    bottom: -87px;
    right: 50%;
    transform: translateX(50%);
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide .top_slide .in_slide_info {
    bottom: -57px;
  }
}
.index_wrap .in_intro .intro_slide .doctor_thumb_mask {
  overflow: hidden;
  position: absolute;
  bottom: 158px;
  right: 0;
  width: 520px;
}
@media (max-width: 1440px) {
  .index_wrap .in_intro .intro_slide .doctor_thumb_mask {
    position: static;
    margin: calc(100% - 120px);
    margin: 30px auto 0;
  }
}
@media (max-width: 991px) {
  .index_wrap .in_intro .intro_slide .doctor_thumb_mask {
    width: 100%;
    margin: 15px auto 0;
  }
}
.index_wrap .in_intro .intro_slide .doctor_thumb_mask .item.swiper-slide-thumb-active {
  position: relative;
}
.index_wrap .in_intro .intro_slide .doctor_thumb_mask .item.swiper-slide-thumb-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 4px solid #22a1ff !important;
  border-radius: 10px;
}
.index_wrap .in_review {
  padding: 100px 0 0;
}
@media (max-width: 1440px) {
  .index_wrap .in_review {
    padding: 150px 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_review {
    padding: 75px 0;
  }
}
.index_wrap .in_review .tit_box {
	z-index: 5;
	position: relative;
  margin-top: 28px;
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .tit_box {
    margin: 0 auto 50px;
    text-align: center;
  }
  .index_wrap .in_review .tit_box .in_more_btn {
    margin: 30px auto 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_review .tit_box {
    margin: 0 auto 25px;
  }
  .index_wrap .in_review .tit_box .in_more_btn {
    margin: 15px auto 0;
  }
}
.index_wrap .in_review .in_review_slide {
  position: relative;
  margin-top: -242px;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide {
    margin-top: 0;
  }
}
.index_wrap .in_review .in_review_slide .review_slide {
  display: flex;
  align-items: flex-end;
}
.index_wrap .in_review .in_review_slide .review_slide .item {
  position: relative;
  width: 270px;
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .review_slide .item{width: 230px;}
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item {
    width: auto;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .item .img_box {
  position: relative;
  width: 270px;
  height: 294px;
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .review_slide .item .img_box{width: 230px;}
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .img_box {
    width: 100%;
    height: 0;
    padding-bottom: 108.8%;
  }
}

.index_wrap .in_review .in_review_slide .review_slide .item .img_box .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.index_wrap .in_review .in_review_slide .review_slide .item .img_box .type {
  display: none;
  z-index: 1;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 8px 26px;
  border-radius: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #22a1ff !important;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .img_box .type {
    display: block;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .img_box .type {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    padding: 5px;
    text-align: center;
    font-size: 12px;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t1 {
  color: #999;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t1 {
    color: #333;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t1 > span {
  display: none;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t1 > span {
    display: inline;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t1 > span {
    display: block;
    padding-bottom: 5px;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t2 {
  display: none;
  line-height: 100%;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .item .txt_box .t2 {
    display: block;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .review_mask {
  margin-bottom: 26px;
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .review_mask {
    margin-bottom: 0;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box {
  display: flex;
  align-items: flex-end;
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 614px;
  margin-left: 30px;
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box{width: 420px;}
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item {
  width: 500px;
  margin-left: 0;
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item{width: 420px;}
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item {
    width: auto;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .img_box {
  width: 500px;
  height: 544px;
}
@media (max-width: 1520px) {
	.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .img_box{width: 420px;}
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .img_box {
    width: 100%;
    height: auto;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .img_box .type {
  display: block;
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .txt_box .t1 {
  font-size: 24px;
  color: #333;
}
@media (max-width: 620px) {
  .index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .txt_box .t1 {
    font-size: 18px;
  }
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .txt_box .t1 > span {
  display: inline;
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .big_img_box .item_box .item .txt_box .t2 {
  display: block;
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .s_img_box {
  position: relative;
  overflow: hidden;
  width: 270px;
  height: 340px;
  margin-left: 30px;
  margin-bottom: 24px;
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .review_slide .r_img_box .s_img_box{width: 230px;}
}
.index_wrap .in_review .in_review_slide .review_slide .r_img_box .s_img_box .item_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index_wrap .in_review .in_review_slide .in_slide_info {
  z-index: 10;
  position: absolute;
  top: 204px;
  right: calc(50% - 700px);
  transform: translateX(-172px);
}
@media (max-width: 1520px){
	.index_wrap .in_review .in_review_slide .in_slide_info{right: -40px;}
}
@media (max-width: 1440px) {
  .index_wrap .in_review .in_review_slide .in_slide_info {
    position: static;
    margin: 60px auto 0;
    transform: none;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_review .in_review_slide .in_slide_info {
    margin: 30px auto 0;
  }
}
.index_wrap .in_suggest {
  padding: 100px 0 0;
  background-image: url(/src/img/in_suggest_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest {
    padding: 150px 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest {
    padding: 75px 0;
  }
  .index_wrap .in_suggest .in_tit,
  .index_wrap .in_suggest .in_txt {
    line-height: 150%;
    text-align: center;
  }
}
.index_wrap .in_suggest .in_more_btn {
  margin: 50px auto 0;
  color: #fff;
  border: 1px solid #fff;
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .in_more_btn {
    margin: 25px auto 0;
  }
}
.index_wrap .in_suggest .flex_box {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box {
    display: block;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box {
    margin-top: 25px;
  }
}
.index_wrap .in_suggest .flex_box > div {
  width: calc(50% - 5px);
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box > div {
    width: 100%;
  }
}
.index_wrap .in_suggest .flex_box .suggest_tit {
  width: 100%;
  border-radius: 10px;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_tit {
    line-height: 40px;
  }
}
.index_wrap .in_suggest .flex_box .suggest_box {
  margin-top: 10px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box .suggest_box {
    padding: 30px 50px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_box {
    padding: 15px 25px;
  }
}
.index_wrap .in_suggest .flex_box .suggest_box .line {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}
.index_wrap .in_suggest .flex_box .suggest_box .line:last-child {
  margin-bottom: 0;
}
.index_wrap .in_suggest .flex_box .suggest_box .line .txt {
  width: 110px;
  line-height: 45px;
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_box .line .txt {
    width: 90px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_box .line .txt {
    font-size: 12px;
  }
}
.index_wrap .in_suggest .flex_box .suggest_box .inp_box {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 45px;
  border: 1px solid #ddd;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box .suggest_box .inp_box {
    width: calc(100% - 110px);
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_box .inp_box {
    width: calc(100% - 90px);
  }
}
.index_wrap .in_suggest .flex_box .suggest_box .inp_box > input {
  width: 100%;
  height: 100%;
  border: 0;
  color: #999;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box .suggest_box .inp_box > input::placeholder {
    color: #fff;
  }
}
.index_wrap .in_suggest .flex_box .suggest_box .inp_box .txt {
  display: none;
  position: absolute;
  top: 0;
  left: 10px;
  width: auto;
  color: #999;
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box .suggest_box .inp_box .txt {
    display: block;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .suggest_box .inp_box .txt {
    font-size: 12px;
  }
}
.index_wrap .in_suggest .flex_box .suggest_box .inp_box .txt.dn {
  display: none;
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box {
  display: flex;
  align-items: center;
  padding-top: 3px;
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box .slider {
  width: 220px;
  height: 10px;
  margin-left: 10px;
  margin-right: 20px;
}
.index_wrap .in_suggest .flex_box .suggest_box .line:first-child .slider_box .slider,
.index_wrap .in_suggest .flex_box .suggest_box .line:nth-child(2) .slider_box .slider {
  margin-left: 20px;
  margin-right: 20px;
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box .slider .bar {
  border-radius: 10px;
  border: 0;
  background-color: #e9e9e9;
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box .slider .bar .ui-state-default {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box .slider .info_t {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.index_wrap .in_suggest .flex_box .suggest_box .slider_box .slider .info_t > p {
  line-height: 100%;
}
.index_wrap .in_suggest .flex_box .l_box .suggest_tit {
  background-color: #33caff !important;
}
.index_wrap .in_suggest .flex_box .l_box .suggest_box:last-child .slider_box {
  margin-left: 20px;
}
.index_wrap .in_suggest .flex_box .l_box .slider_box {
  margin-left: 30px;
}
.index_wrap .in_suggest .flex_box .l_box .slider_box .slider .bar .ui-state-default {
  background: url(/src/img/ico/in_suggest_ico1.png);
}
@media (max-width: 1440px) {
  .index_wrap .in_suggest .flex_box .r_box {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_suggest .flex_box .r_box {
    margin-top: 20px;
  }
}
.index_wrap .in_suggest .flex_box .r_box .suggest_tit {
  background-color: #22a1ff !important;
}
.index_wrap .in_suggest .flex_box .r_box .suggest_box:last-child .slider_box {
  margin-left: 20px;
}
.index_wrap .in_suggest .flex_box .r_box .slider_box .slider .bar .ui-state-default {
  background: url(/src/img/ico/in_suggest_ico2.png);
}
.index_wrap .in_prod {
  padding: 100px 0 0;
  position: relative;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod {
    margin: 150px auto 0;
    padding: 0 0 150px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_prod {
    margin: 75px auto 0;
    padding: 0 0 75px;
  }
}
.index_wrap .in_prod::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 660px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/src/img/in_prod_bg.jpg);
}
@media (max-width: 1440px) {
  .index_wrap .in_prod::before {
    width: 100%;
    height: 648px;
    background-image: url(/src/img/in_prod_bg2.jpg);
  }
}
@media (max-width: 620px) {
  .index_wrap .in_prod::before {
    height: 343px;
  }
}
.index_wrap .in_prod .in_prod_slide {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide {
    display: block;
  }
}
.index_wrap .in_prod .in_prod_slide .item img {
  width: 100%;
}
.index_wrap .in_prod .in_prod_slide .top_slide {
  position: relative;
  width: calc(100% - 305px);
  height: 540px;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .top_slide {
    position: static;
    width: 100%;
    height: auto;
  }
}
.index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item {
    display: block;
  }
}
.index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box {
  width: 446px;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box {
    width: 100%;
    text-align: center;
  }
}
.index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box .t1,
.index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box .t2 {
  line-height: 100%;
}
.index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box .in_more_btn {
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box .in_more_btn {
    margin: 50px auto;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_prod .in_prod_slide .top_slide .top_mask .item .txt_box .in_more_btn {
    margin: 25px auto;
  }
}
.index_wrap .in_prod .in_prod_slide .top_slide .in_slide_info {
  z-index: 10;
  position: absolute;
  left: 0;
  /* bottom: 44px; */
  bottom: 0;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .top_slide .in_slide_info {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.index_wrap .in_prod .in_prod_slide .thumb_slide {
  width: 120px;
  height: 510px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .thumb_slide {
    width: 100%;
    height: auto;
    margin: 30px auto 60px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_prod .in_prod_slide .thumb_slide {
    margin: 15px auto 30px;
  }
}
.index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask {
  height: 100%;
}
.index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper {
  width: 120px;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper {
    width: 100%;
  }
}
.index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper .item {
  position: relative;
  width: 120px;
  height: 120px;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper .item {
    width: auto;
    height: auto;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper .item {
    padding: 14px;
  }
}
.index_wrap .in_prod .in_prod_slide .thumb_slide .prod_thumb_mask .swiper-wrapper .item.swiper-slide-thumb-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 4px solid #22a1ff !important;
  border-radius: 10px;
}
.index_wrap .in_vid {
  padding: 100px 0 0;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid {
    padding: 150px 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_vid {
    padding: 75px 0;
  }
}
.index_wrap .in_vid .container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .container {
    display: block;
  }
}
.index_wrap .in_vid .l_box {
  padding-top: 20px;
  width: 500px;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .l_box {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_vid .l_box .in_txt {
    line-height: 150%;
  }
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .l_box .in_more_btn {
    margin: 30px auto 50px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_vid .l_box .in_more_btn {
    margin: 15px auto 25px;
  }
}
.index_wrap .in_vid .l_box .in_vid_lst {
  overflow-y: scroll;
  height: 243px;
  margin-top: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
}
.index_wrap .in_vid .l_box .in_vid_lst::-webkit-scrollbar {
  width: 5px;
  background-color: #ddd;
}
.index_wrap .in_vid .l_box .in_vid_lst::-webkit-scrollbar-thumb {
  background-color: #22a1ff !important;
}
.index_wrap .in_vid .l_box .in_vid_lst > ul > li {
  border-bottom: 1px solid #ddd;
}
.index_wrap .in_vid .l_box .in_vid_lst > ul > li:last-child {
  border-bottom: 0;
}
.index_wrap .in_vid .l_box .in_vid_lst > ul > li .js_in_vid {
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: left;
}
.index_wrap .in_vid .l_box .in_vid_lst > ul > li .js_in_vid > span {
  display: block;
  max-width: 100%;
}
.index_wrap .in_vid .l_box .in_vid_lst > ul > li.act {
  background-color: #f8fbfe;
}
.index_wrap .in_vid .in_vid_slide {
  width: 830px;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .in_vid_slide {
    width: 100%;
  }
}
.index_wrap .in_vid .in_vid_slide .in_vid_mask .item {
  width: 830px;
  height: 467px;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .in_vid_slide .in_vid_mask .item {
    width: 100%;
    height: auto;
  }
}
.index_wrap .in_vid .in_vid_slide .vid_thumb_mask {
  overflow: hidden;
  margin-top: 20px;
}
.index_wrap .in_vid .in_vid_slide .in_slide_info {
  position: absolute;
  bottom: 65px;
  left: 0;
}
@media (max-width: 1440px) {
  .index_wrap .in_vid .in_vid_slide .in_slide_info {
    position: static;
    margin: 60px auto 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_vid .in_vid_slide .in_slide_info {
    margin: 30px auto 0;
  }
}
.index_wrap .in_news {
  padding: 100px 0 0;
}
@media (max-width: 1440px) {
  .index_wrap .in_news {
    padding: 0 0 150px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_news {
    padding: 0 0 75px;
  }
}
.index_wrap .in_news .tit_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 50px;
}
@media (max-width: 1240px) {
  .index_wrap .in_news .tit_box {
    display: block;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_news .tit_box {
    margin: 0 auto 25px;
  }
}
.index_wrap .in_news .tit_box .btn_box {
  display: flex;
}
@media (max-width: 1240px) {
  .index_wrap .in_news .tit_box .btn_box {
    justify-content: center;
    margin-top: 30px;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_news .tit_box .btn_box {
    margin-top: 15px;
  }
  .index_wrap .in_news .tit_box .btn_box .in_more_btn {
    width: calc(50% - 4px);
    height: 40px;
    line-height: 38px;
  }
  .index_wrap .in_news .tit_box .btn_box .in_more_btn:hover {
    line-height: 40px;
  }
}
.index_wrap .in_news .tit_box .btn_box .btn {
  font-size: 12px;
}
@media (max-width: 620px) {
  .index_wrap .in_news .tit_box .btn_box .btn {
    font-size: 11px;
  }
}
.index_wrap .in_news .tit_box .btn_box .insta_btn {
  display: block;
  width: 200px;
  height: 50px;
  margin-left: 10px;
  border: 1px solid #ddd;
  border-radius: 30px;
  text-align: center;
  line-height: 48px;
}
.index_wrap .in_news .tit_box .btn_box .insta_btn::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background-image: url(/src/img/ico/in_insta_ico.png);
  vertical-align: middle;
}
.index_wrap .in_news .tit_box .btn_box .insta_btn:hover {
  border: 0;
  color: #fff;
  line-height: 50px;
  background: #ffd377;
  background: linear-gradient(90deg, #ffd377 0%, #e43965 25%, #da2c73 50%, #a331ab 75%, #4a65d0 100%);
}
.index_wrap .in_news .tit_box .btn_box .insta_btn:hover::before {
  background-image: url(/src/img/ico/in_insta_ico2.png);
}
@media (max-width: 620px) {
  .index_wrap .in_news .tit_box .btn_box .insta_btn {
    width: calc(50% - 4px);
    margin-left: 8px;
    height: 40px;
    line-height: 38px;
  }
  .index_wrap .in_news .tit_box .btn_box .insta_btn:hover {
    line-height: 40px;
  }
}
.index_wrap .in_news .in_news_slide {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .index_wrap .in_news .in_news_slide {
    width: 90%;
    margin: 0 auto;
  }
}
.index_wrap .in_news .in_news_slide .ovh {
  position: relative;
  margin-left: calc(50% - 700px);
  padding-bottom: 50px;
}
@media (max-width: 1440px) {
  .index_wrap .in_news .in_news_slide .ovh {
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .in_news .in_news_slide .ovh {
    margin-bottom: 25px;
  }
}
.index_wrap .in_news .in_news_slide .pager {
  width: 1400px;
  background-color: #eee;
}
@media (max-width: 1440px) {
  .index_wrap .in_news .in_news_slide .pager {
    width: 100%;
  }
}
.index_wrap .in_news .in_news_slide .pager .swiper-pagination-progressbar-fill {
  background-color: #22a1ff !important;
}
.index_wrap .foot {
  display: block;
  height: auto;
  padding: 0;
}
.index_wrap .foot .f_top {
  padding: 160px 0 80px !important;
}

.index_wrap .in_intro,.index_wrap .in_review,.index_wrap .in_suggest,.index_wrap .in_prod,.index_wrap .in_vid,.index_wrap .in_news,.index_wrap #footer{padding-left: 100px;}

@media (max-width: 1640px){
	.index_wrap .in_intro,.index_wrap .in_review,.index_wrap .in_suggest,.index_wrap .in_prod,.index_wrap .in_vid,.index_wrap .in_news,.index_wrap #footer{padding-left: 0;}
}




@media (max-width: 620px) {
  .index_wrap .foot .f_top {
    padding: 50px 0 !important;
  }
}

@-webkit-keyframes scrolling {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}
.suggest_modal_wrap {
  display: none;
}
.suggest_modal_wrap.db {
  display: block;
}
.suggest_modal_wrap::before {
  content: '';
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1240px) {
  .suggest_modal_wrap::before {
    display: none;
  }
}
.suggest_modal_wrap .modal {
  z-index: 20;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  padding: 50px;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .modal {
    overflow-y: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 5%;
    transform: none;
  }
}
.suggest_modal_wrap .modal > div {
  display: none;
}
.suggest_modal_wrap .modal > div.db {
  display: block;
}
.suggest_modal_wrap .js_suggest_close {
  position: absolute;
  top: 43px;
  right: -29px;
  width: 19px;
  height: 19px;
  background-image: url(/src/img/ico/suggest_modal_ico.png);
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .js_suggest_close {
    top: 40px;
    right: 5%;
    width: 23px;
    height: 23px;
    background-image: url(/src/img/ico/suggest_modal_ico2.svg);
  }
}
.suggest_modal_wrap .tab_btn_lst > ul {
  display: flex;
  justify-content: center;
}
.suggest_modal_wrap .tab_btn_lst > ul > li {
  width: 140px;
  height: 40px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 60px;
  text-align: center;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .tab_btn_lst > ul > li {
    width: calc(33.333% - 3.3333333333px);
    height: 50px;
    margin-right: 5px;
  }
}
.suggest_modal_wrap .tab_btn_lst > ul > li > button {
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #ccc;
}
.suggest_modal_wrap .tab_btn_lst > ul > li.act {
  border: 1px solid #22a1ff !important;
  background-color: #22a1ff !important;
}
.suggest_modal_wrap .tab_btn_lst > ul > li.act > button {
  color: #fff;
}
.suggest_modal_wrap .suggest_data_btn {
  display: block;
  width: 200px;
  height: 50px;
  margin: 30px auto 0;
  border-radius: 30px;
  font-size: 12px;
  color: #fff;
  background: #22a1ff;
  background: linear-gradient(90deg, #22a1ff 0%, #0c172b 100%);
}
@media (max-width: 620px) {
  .suggest_modal_wrap .suggest_data_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    margin: 0;
    border-radius: 0;
  }
}
@media (max-width: 620px) and (max-width: 620px) {
  .suggest_modal_wrap .suggest_data_btn {
    height: 54px;
  }
}
.suggest_modal_wrap .graph_result .tit {
  line-height: 100%;
  text-align: center;
}
.suggest_modal_wrap .graph_result .tab_btn_lst > ul {
  margin: 20px auto 45px;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .graph_result .tab_btn_lst > ul {
    margin: 40px auto;
  }
}
@media (max-width: 620px) {
  .suggest_modal_wrap .graph_result .tab_btn_lst > ul {
    margin: 20px auto;
  }
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont {
  display: none;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont.db {
  display: block;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .top_txt {
  text-align: center;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .l_info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-right: 15px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .l_info > p:last-child {
  margin-top: 60px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .l_info > p > span {
  display: block;
  color: #ccc;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img {
  position: relative;
  width: calc(100% - 70px);
  height: 359px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img.myopia {
  background-image: url(/src/img/in_myopia_bg.png);
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img.astigmatism {
  background-image: url(/src/img/in_astigmatism_bg.png);
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img.thickness {
  background-image: url(/src/img/in_thickness_bg.png);
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_bar {
  position: absolute;
  left: 5px;
  height: 40px;
  border-radius: 0 60px 60px 0;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_bar.left_graph {
  top: 102px;
  background: #33caff;
  background: linear-gradient(270deg, #33caff 0%, #99e3fe 100%);
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_bar.right_graph {
  top: 210px;
  background: #22a1ff;
  background: linear-gradient(270deg, #22a1ff 0%, #72c2fe 100%);
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_bar > p {
  text-align: center;
  color: #fff;
  line-height: 40px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_box {
  position: absolute;
  width: 80px;
  height: 26px;
  margin-left: -40px;
  border-radius: 60px;
  color: #fff;
  text-align: center;
  background-color: #aaa;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_box.left_graph {
  top: 102px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_box.right_graph {
  top: 210px;
}
.suggest_modal_wrap .graph_result .graph_tab_cont .cont .graph_img_box .graph_img .graph_box > p {
  line-height: 26px;
  color: #fff;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl:last-child > dd > ul > li {
  background-color: #22a1ff !important;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl > dt {
  padding-bottom: 20px;
  border-bottom: 1px solid #333;
  line-height: 100%;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .graph_result .m_graph_result > dl > dt {
    padding-bottom: 10px;
  }
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd {
  padding-top: 40px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .graph_result .m_graph_result > dl dd {
    padding-top: 20px;
  }
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd .top_info {
  display: flex;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd .top_info > span {
  width: 33.333%;
  text-align: center;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul {
  overflow: hidden;
  display: flex;
  margin-top: 10px;
  border-radius: 20px;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.333%;
  height: 164px;
  border-right: 1px solid #74dbff;
  background-color: #33caff !important;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul > li {
    height: 96px;
  }
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul > li:last-child {
  border-right: 0;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul > li > p {
  color: #fff;
  text-align: center;
}
.suggest_modal_wrap .graph_result .m_graph_result > dl dd > ul > li > p > span {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .data_loading {
    width: 100%;
    height: 100%;
  }
  .suggest_modal_wrap .data_loading .cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}
.suggest_modal_wrap .data_loading .data_loading_img {
  text-align: center;
}
.suggest_modal_wrap .data_loading .data_loading_img > img {
  animation: loading 4s infinite linear;
}
.suggest_modal_wrap .data_loading .txt_box {
  width: 100%;
  margin: 60px auto 0;
  padding: 76px 0;
  border-radius: 15px;
  text-align: center;
  background-color: #f2f2f2;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box {
    padding-bottom: 50px;
  }
}
.suggest_modal_wrap .full_data_box .tit {
  line-height: 100%;
  text-align: center;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .full_data_box .tit {
    padding-top: 40px;
  }
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .tit {
    padding-top: 20px;
  }
}
.suggest_modal_wrap .full_data_box .tab_btn_lst > ul {
  margin: 20px auto;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .full_data_box .tab_btn_lst > ul {
    margin: 40px auto;
  }
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .tab_btn_lst > ul {
    margin: 20px auto;
  }
}
.suggest_modal_wrap .full_data_box .t1 > span {
}
.suggest_modal_wrap .full_data_box .t1 > span::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #22a1ff;
  vertical-align: middle;
}
.suggest_modal_wrap .full_data_box .data_tab_cont .cont {
  display: none;
}
.suggest_modal_wrap .full_data_box .data_tab_cont .cont.db {
  display: block;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg1,
.suggest_modal_wrap .full_data_box .percent.bg1 {
  background-color: #f3c662;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg2,
.suggest_modal_wrap .full_data_box .percent.bg2 {
  background-color: #f58136;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg3,
.suggest_modal_wrap .full_data_box .percent.bg3 {
  background-color: #255985;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg4,
.suggest_modal_wrap .full_data_box .percent.bg4 {
  background-color: #6fc7d1;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg5,
.suggest_modal_wrap .full_data_box .percent.bg5 {
  background-color: #65bcde;
}
.suggest_modal_wrap .full_data_box .graph_bar .bar.bg6,
.suggest_modal_wrap .full_data_box .percent.bg6 {
  background-color: #98abdb;
}
.suggest_modal_wrap .full_data_box .graph_view {
  margin: 20px auto 30px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_view {
    margin: 20px auto;
  }
}
.suggest_modal_wrap .full_data_box .graph_view > dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_view > dl {
    display: block;
    margin-bottom: 20px;
  }
}
.suggest_modal_wrap .full_data_box .graph_view > dl:last-child {
  margin-bottom: 0;
}
.suggest_modal_wrap .full_data_box .graph_view > dl > dt {
  width: 140px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_view > dl > dt {
    width: 100%;
    padding-bottom: 5px;
    line-height: 100%;
  }
}
.suggest_modal_wrap .full_data_box .graph_view > dl > dd {
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 10px;
  border-radius: 60px;
  background-color: #f2f2f2;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_view > dl > dd {
    width: 100%;
  }
}
.suggest_modal_wrap .full_data_box .graph_view > dl > dd .bar {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  border-radius: 60px;
}
.suggest_modal_wrap .full_data_box .graph_lst {
  width: 632px;
  margin: 0 auto 30px;
}
@media (max-width: 1240px) {
  .suggest_modal_wrap .full_data_box .graph_lst {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_lst {
    margin: 0 auto 20px;
  }
}
.suggest_modal_wrap .full_data_box .graph_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_lst > ul {
    margin-top: -8px;
    margin-left: -8px;
  }
}
.suggest_modal_wrap .full_data_box .graph_lst > ul > li {
  display: flex;
  width: calc(50% - 10px);
  margin-top: 10px;
  margin-left: 10px;
  padding: 13px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_lst > ul > li {
    display: block;
    margin-top: 8px;
    margin-left: 8px;
    padding: 20px 8px;
    text-align: center;
  }
}
.suggest_modal_wrap .full_data_box .graph_lst > ul > li .percent {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 32px;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 620px) {
  .suggest_modal_wrap .full_data_box .graph_lst > ul > li .percent {
    height: 36px;
    margin: 0 auto 5px;
  }
}
.suggest_modal_wrap .full_data_box .graph_lst > ul > li .percent > b {
  padding-right: 2px;
  font-size: 12px;
}

@-webkit-keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.retinal_clinic_intro .common_half_wrap {
  padding-bottom: 180px;
}
@media (max-width: 620px) {
  .retinal_clinic_intro .common_half_wrap {
    padding-bottom: 90px;
  }
}
/* .retinal_clinic_intro .common_half_wrap .r_box {
  margin-top: 40px;
}
@media (max-width: 620px) {
  .retinal_clinic_intro .common_half_wrap .r_box {
    margin-top: 20px;
  }
} */

.retinal_disease {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .retinal_disease {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .retinal_disease {
    margin-top: 40px;
  }
}
.retinal_disease .bg_tit {
  width: 100%;
  padding: 20px 26px;
  border: 1px solid #ddd;
  background-color: #fafafa;
}
.retinal_disease .cont {
  padding: 0 45px;
}
@media (max-width: 1440px) {
  .retinal_disease .cont {
    padding: 0;
  }
}
.retinal_disease .cont .dot_tit {
  position: relative;
}
@media (max-width: 1440px) {
  .retinal_disease .cont .dot_tit {
    padding-left: 20px;
  }
}
@media (max-width: 620px) {
  .retinal_disease .cont .dot_tit {
    padding-left: 14px;
  }
}
.retinal_disease .cont .dot_tit::before {
  content: '';
  position: absolute;
  top: 12px;
  left: -20px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ddd;
}
@media (max-width: 1440px) {
  .retinal_disease .cont .dot_tit::before {
    left: 0;
  }
}
@media (max-width: 620px) {
  .retinal_disease .cont .dot_tit::before {
    top: 7px;
  }
}
.retinal_disease .cont .img_lst {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst {
    display: block;
    margin-top: 15px;
    text-align: center;
  }
}
.retinal_disease .cont .img_lst > li {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst > li {
    margin: 0 auto 10px;
  }
}
.retinal_disease .cont .img_lst > li:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst > li:last-child {
    margin: 0 auto;
  }
}
.retinal_disease .cont .img_lst > li > figure figcaption {
  margin-top: 10px;
  width: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.retinal_disease .cont .img_lst > li > figure figcaption.bg1 {
  background-color: #33caff !important;
}
.retinal_disease .cont .img_lst > li > figure figcaption.bg2 {
  background-color: #22a1ff !important;
}
.retinal_disease .cont .img_lst > li > figure figcaption.bg3 {
  background-color: #0c172b;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst > li > figure figcaption {
    margin-top: 5px;
  }
}
.retinal_disease .cont .img_lst.md.top > li {
  width: 193px;
  text-align: center;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst.md.top > li {
    margin: 0 auto 15px;
  }
  .retinal_disease .cont .img_lst.md.top > li:last-child {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .retinal_disease .cont .img_lst.rd img {
    width: 100%;
  }
}
.retinal_disease .cont .img_lst.ild > li {
  margin-right: 50px;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst.ild > li {
    margin: 0 auto 30px;
  }
}
.retinal_disease .cont .img_lst.ild > li:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .retinal_disease .cont .img_lst.ild > li:last-child {
    margin: 0 auto;
  }
}
.retinal_equipment_lst > ul > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1240px) {
  .retinal_equipment_lst > ul > li {
    display: block;
    margin-bottom: 80px;
  }
}
@media (max-width: 620px) {
  .retinal_equipment_lst > ul > li {
    margin-bottom: 40px;
  }
}
.retinal_equipment_lst > ul > li:nth-child(even) {
  flex-direction: row-reverse;
}
.retinal_equipment_lst > ul > li:last-child {
  margin-bottom: 0;
}
.retinal_equipment_lst > ul > li > div {
  width: calc(50% - 50px);
}
@media (max-width: 1240px) {
  .retinal_equipment_lst > ul > li > div {
    width: 100%;
  }
}
.retinal_equipment_lst > ul > li .img_box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  border-radius: 10px;
  background-color: #f6f6f6;
}
@media (max-width: 1240px) {
  .retinal_equipment_lst > ul > li .img_box {
    min-height: auto;
  }
}
@media (max-width: 1240px) {
  .retinal_equipment_lst > ul > li .txt_box {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .retinal_equipment_lst > ul > li .txt_box {
    margin-top: 20px;
  }
}

.retinal_treatment_lst > ul > li {
  padding: 50px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .retinal_treatment_lst > ul > li {
    display: block;
  }
}
.retinal_treatment_lst > ul > li:first-child {
  padding: 0 0 50px;
}
.retinal_treatment_lst > ul > li:last-child {
  padding: 0;
}
@media (max-width: 620px) {
  .retinal_treatment_lst > ul > li {
    padding: 20px 0;
  }
  .retinal_treatment_lst > ul > li:first-child {
    padding: 0 0 20px;
  }
}
.retinal_treatment_lst > ul > li > div {
  width: calc(50% - 50px);
}
@media (max-width: 1440px) {
  .retinal_treatment_lst > ul > li > div {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .retinal_treatment_lst > ul > li .txt_box {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .retinal_treatment_lst > ul > li .txt_box {
    margin-top: 20px;
  }
}
.retinal_treatment_lst > ul > li.view {
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .retinal_treatment_lst > ul > li.view .img_box img {
    width: 100%;
  }
}
.retinal_treatment_lst > ul > li.retinal_slide {
  padding: 40px 0;
  border: 1px solid #ddd;
}
.retinal_treatment_lst > ul > li.retinal_slide.t {
  border-radius: 10px 10px 0 0;
}
.retinal_treatment_lst > ul > li.retinal_slide.b {
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
.retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .item {
  text-align: center;
}
.retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .arrow_btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 38px;
  margin-top: -10px;
  background-image: url(/src/img/ico/retinal_arrow_ico.svg);
}
.retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .arrow_btn.p {
  left: 100px;
}
@media (max-width: 620px) {
  .retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .arrow_btn.p {
    left: 5%;
  }
}
.retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .arrow_btn.n {
  right: 100px;
  transform: rotate(180deg);
}
@media (max-width: 620px) {
  .retinal_treatment_lst > ul > li.retinal_slide .slide_box .swiper .arrow_btn.n {
    right: 5%;
  }
}
.retinal_treatment_lst > ul > li.retinal_slide .txt_box {
  margin-left: 30px;
}
@media (max-width: 1240px) {
  .retinal_treatment_lst > ul > li.retinal_slide .txt_box {
    margin: 40px auto 0;
    padding: 0 40px 80px;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .retinal_treatment_lst > ul > li.retinal_slide .txt_box {
    margin: 20px auto 0;
    padding: 40px 5% 0;
  }
}
.retinal_treatment_lst > ul > li.retinal_slide .txt_box .slide_tit {
  display: inline-block;
  padding: 12px 26px;
  border-radius: 25px;
  line-height: 100%;
  color: #fff;
  text-align: center;
  background-color: #22a1ff !important;
}
@media (max-width: 1240px) {
  .retinal_treatment_lst > ul > li.retinal_slide .txt_box .slide_tit {
    width: 100%;
  }
}

.doctor_intro_wrap .doctor_intro {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro {
    margin-top: 40px;
  }
}
.doctor_intro_wrap .doctor_intro .doctor_img {
  width: 676px;
  text-align: center;
}
.doctor_intro_wrap .doctor_intro .intro_box {
  width: 675px;
}
@media (max-width: 1240px) {
  .doctor_intro_wrap .doctor_intro .intro_box {
    width: 100%;
    margin-bottom: 100px;
  }
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box {
    margin-bottom: 50px;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box > p {
  line-height: 100%;
}
.doctor_intro_wrap .doctor_intro .intro_box .t2 {
  padding-top: 15px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .t2 {
    padding-top: 10px;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .bdt {
  border-top: 1px solid #ddd;
}
.doctor_intro_wrap .doctor_intro .intro_box .bdrs_lst {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
}
.doctor_intro_wrap .doctor_intro .intro_box .bdrs_lst > li {
  padding: 8px 20px;
  margin-bottom: 5px;
  margin-right: 5px;
  border: 1px solid #ddd;
  border-radius: 23px;
  line-height: 100%;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .bdrs_lst > li {
    padding: 10px;
    border-radius: 10px;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .bdrs_lst > li:last-child {
  margin-right: 0;
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table thead tr th {
  background-color: #fafafa;
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tbody tr td {
  padding: 7px 8px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tbody tr td {
    padding: 0;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr th,
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td {
  padding: 14px 0;
  text-align: center;
  border: 1px solid #ddd;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr th,
  .doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td {
    padding: 9px 0;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr th:first-child,
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td:first-child {
  border-left: 0;
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr th:last-child,
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td:last-child {
  border-right: 0;
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td .bdrs_txt {
  width: 100%;
  border: 1px solid #aaa;
  line-height: 33px;
  border-radius: 17px;
  color: #666;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td .bdrs_txt {
    border: 0;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td.off .bdrs_txt {
  color: #fff;
  border: 1px solid #ccc;
  background-color: #ccc;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .intro_tb table tr td.off {
    background-color: #ccc;
  }
}
.doctor_intro_wrap .doctor_intro .intro_box .link_btn {
  display: block;
  width: 200px;
  margin-top: 30px;
  border-radius: 30px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  background-color: #22a1ff !important;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .doctor_intro .intro_box .link_btn {
    width: 136px;
    margin-top: 15px;
    line-height: 40px;
  }
}
.doctor_intro_wrap .career {
  padding: 150px 0;
  background: url(/src/img/bg/doctor_intro_bg.jpg) no-repeat center/cover;
}
@media (max-width: 1240px) {
  .doctor_intro_wrap .career {
    background: #f9f9f9;
  }
}
@media (max-width: 620px) {
  .doctor_intro_wrap .career {
    padding: 75px 0;
  }
}
.doctor_intro_wrap .career > .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1240px) {
  .doctor_intro_wrap .career > .container {
    display: block;
  }
}
.doctor_intro_wrap .career .vid_box {
  width: 720px;
}
@media (max-width: 1240px) {
  .doctor_intro_wrap .career .vid_box {
    width: 100%;
  }
}
.doctor_intro_wrap .career .vid_box .tit_box {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .career .vid_box .tit_box {
    display: block;
    margin-bottom: 20px;
  }
}
.doctor_intro_wrap .career .vid_box .tit_box > p {
  line-height: 100%;
}
.doctor_intro_wrap .career .vid_box .tit_box .txt {
  margin-left: 20px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .career .vid_box .tit_box .txt {
    margin: 10px auto 0;
  }
}
.doctor_intro_wrap .career .career_lst {
  width: calc(100% - 820px);
}
@media (max-width: 1240px) {
  .doctor_intro_wrap .career .career_lst {
    width: 100%;
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .doctor_intro_wrap .career .career_lst {
    margin-top: 40px;
  }
}
.doctor_intro_wrap .career .career_lst .common_dot_lst {
  overflow-y: auto;
  max-height: 416px;
  height: auto;
  margin-top: 40px;
}
@media (max-width: 620px) {
  .doctor_intro_wrap .career .career_lst .common_dot_lst {
    max-height: 152px;
    margin-top: 20px;
  }
}
.doctor_intro_wrap .career .career_lst .common_dot_lst::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
  background-color: #e1e1e1;
}
.doctor_intro_wrap .career .career_lst .common_dot_lst::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #22a1ff !important;
}


.gs_story .top_logo{text-align: center;}
.gs_story .mid_banner{display: flex;flex-direction: column;gap: 400px 0;background-image: url(/src/img/story_mid_bg.jpg);background-attachment: fixed;background-size: cover;background-position: center;}
.gs_story .mid_banner .txt_box{display: flex;align-items: center;min-height: 400px;padding: 40px 0;text-align: center;background-color: rgba(12,23,43,.5);}
.gs_story .mid_banner .txt_box .t{color: #fff;}
.gs_story .mid_banner .txt_box:first-child{border-bottom: 1px solid #fff;background-color: rgba(12,23,43,.5);}
.gs_story .mid_banner .txt_box:last-child{border-top: 1px solid #fff;background-color: rgba(0,0,0,.5);}
.gs_story .history{position: relative;}
.gs_story .history::before{content: '';position: absolute;top: 0;left: 267px;width: 2px;height: 100%;background-color: #ddd;}
.gs_story .history > dl{position: relative;display: flex;justify-content: space-between;}
.gs_story .history > dl::before{content: '';transition: background-color .5s;position: absolute;top: 26px;left: 260px;width: 16px;height: 16px;border-radius: 50%;background-color: #999;}
.gs_story .history > dl+dl{margin-top: 80px;}
.gs_story .history > dl dt{width: 180px;}
.gs_story .history > dl dt .year{transition: color .5s;color: #999;line-height: 120%;}
.gs_story .history > dl dd{width: calc(100% - 356px);padding-top: 15px;}
.gs_story .history > dl dd .t{position: relative;padding-left: 18px;}
.gs_story .history > dl dd .t::before{content: '';position: absolute;top: 10px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #ddd;}
.gs_story .history > dl dd .t+.t{margin-top: 20px;}


.gs_story .history > dl.act::before{background-color: #11A5A0;}
.gs_story .history > dl.act dt .year{color: #333;}



@media (max-width: 620px){
	.gs_story .top_logo > img{width: 220px;}
	.gs_story .mid_banner{gap: 200px 0;}
	.gs_story .mid_banner .txt_box{min-height: 200px;}
	.gs_story .history::before{left: 100px;}
	.gs_story .history > dl::before{top: 13px;left: 96px;width: 10px;height: 10px;}
	.gs_story .history > dl+dl{margin-top: 40px;}
	.gs_story .history > dl dt{width: 80px;}
	.gs_story .history > dl dd{width: calc(100% - 120px);padding-top: 7px;}
	.gs_story .history > dl dd .t{padding-left: 12px;}
	.gs_story .history > dl dd .t::before{top: 8px;width: 6px;height: 6px;}
	.gs_story .history > dl dd .t+.t{margin-top: 10px;}
}



@media (max-width: 1240px) {
  .clean_system .lh {
    line-height: 150%;
  }
}
.clean_system .common_bg {
  background-image: url(/src/img/bg/clean_system1.jpg);
}
@media (max-width: 620px) {
  .clean_system .common_bg {
    height: auto;
  }
}
.clean_system .common_num_lst > ol > li {
  margin-top: 180px;
}
.clean_system .common_num_lst > ol > li:first-child {
  margin-top: 160px;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li {
    margin-top: 244px;
  }
  .clean_system .common_num_lst > ol > li:first-child {
    margin-top: 244px;
  }
  .clean_system .common_num_lst > ol > li:last-child {
    margin-top: 180px;
  }
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li {
    margin-top: 126px;
  }
  .clean_system .common_num_lst > ol > li:first-child {
    margin-top: 126px;
  }
  .clean_system .common_num_lst > ol > li:last-child {
    margin-top: 90px;
  }
}
.clean_system .common_num_lst > ol > li:last-child .s_h3 {
  margin-top: 0;
}
.clean_system .common_num_lst > ol > li:last-child .s_h3 > span {
  display: block;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li:last-child .s_h3 > span {
    display: inline;
  }
}
.clean_system .common_num_lst > ol > li .s_h3 {
  margin-top: 64px;
  line-height: 100%;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li .s_h3 {
    margin-top: 0;
  }
}
.clean_system .common_num_lst > ol > li .img_bg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.clean_system .common_num_lst > ol > li .img_bg .bg {
  width: 100%;
  height: 300px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .img_bg .bg {
    height: 131px;
  }
}
.clean_system .common_num_lst > ol > li .img_bg > figure {
  position: relative;
}
.clean_system .common_num_lst > ol > li .img_bg.bg1 .bg {
  margin-top: -250px;
  background-image: url(/src/img/bg/clean_system2_2.jpg);
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .img_bg.bg1 > figure {
    width: 92px;
    height: 170px;
  }
  .clean_system .common_num_lst > ol > li .img_bg.bg1 .bg {
    margin-top: -109px;
  }
}
.clean_system .common_num_lst > ol > li .img_bg.bg2 .bg {
  margin-top: -250px;
  background-image: url(/src/img/bg/clean_system2_4.jpg);
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .img_bg.bg2 > figure {
    width: 106px;
    height: 169px;
  }
  .clean_system .common_num_lst > ol > li .img_bg.bg2 .bg {
    margin-top: -109px;
  }
}
.clean_system .common_num_lst > ol > li .img_bg.bg4 .bg {
  margin-top: -74px;
  background-image: url(/src/img/bg/clean_system2_8.jpg);
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .img_bg.bg4 > figure {
    width: 178px;
    height: 56px;
  }
  .clean_system .common_num_lst > ol > li .img_bg.bg4 .bg {
    margin-top: -32px;
  }
}
.clean_system .common_num_lst > ol > li .img_bg.bg5 .bg {
  margin-top: -150px;
  background-image: url(/src/img/bg/clean_system2_10.jpg);
}
@media (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .img_bg.bg5 > figure {
    width: 126px;
    height: 100px;
  }
  .clean_system .common_num_lst > ol > li .img_bg.bg5 .bg {
    margin-top: -66px;
  }
}
.clean_system .common_num_lst > ol > li .ups_img {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li .ups_img {
    display: block;
  }
}
.clean_system .common_num_lst > ol > li .ups_img .item {
  width: calc(50% - 25px);
  text-align: center;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li .ups_img .item {
    width: 100%;
    margin-top: 80px;
  }
  .clean_system .common_num_lst > ol > li .ups_img .item:first-child {
    margin-top: 0;
  }
}
@media (max-width: 1240px) and (max-width: 620px) {
  .clean_system .common_num_lst > ol > li .ups_img .item {
    margin-top: 40px;
  }
}
.clean_system .common_num_lst > ol > li .ups_img .item .t2 {
  padding: 0 106px;
}
@media (max-width: 1240px) {
  .clean_system .common_num_lst > ol > li .ups_img .item .t2 {
    padding: 0;
  }
}
.clean_system .ico_bg {
  width: 100%;
  padding: 130px 0;
  background: url(/src/img/bg/clean_system3.jpg) no-repeat center/cover;
}
@media (max-width: 620px) {
  .clean_system .ico_bg {
    padding: 65px 0;
  }
}
.clean_system .ico_bg .ico_lst > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -30px;
}
@media (max-width: 1420px) {
  .clean_system .ico_bg .ico_lst > ul {
    margin-top: -40px;
    padding: 0 95px;
  }
}
@media (max-width: 620px) {
  .clean_system .ico_bg .ico_lst > ul {
    margin-left: -8px;
    margin-top: -20px;
    padding: 0;
  }
}
.clean_system .ico_bg .ico_lst > ul > li {
  margin-left: 30px;
  text-align: center;
}
@media (max-width: 1420px) {
  .clean_system .ico_bg .ico_lst > ul > li {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .clean_system .ico_bg .ico_lst > ul > li {
    margin-left: 8px;
    margin-top: 20px;
  }
}
.clean_system .ico_bg .ico_lst > ul > li > figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 208px;
  height: 208px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 620px) {
  .clean_system .ico_bg .ico_lst > ul > li > figure {
    width: 132px;
    height: 132px;
  }
}

.presbyopia .common_bg {
  padding: 0 180px;
  border-radius: 10px;
  background-image: url(/src/img/bg/presbyopia_bg.png);
}
@media (max-width: 1240px) {
  .presbyopia .common_bg {
    padding: 0 5%;
  }
}
.presbyopia .reason_lst > li .top_txt {
  border-radius: 10px;
  line-height: 60px;
  color: #fff;
  text-align: center;
}
.presbyopia .reason_lst > li .top_txt.bg1 {
  background-color: #33caff !important;
}
.presbyopia .reason_lst > li .top_txt.bg2 {
  background-color: #22a1ff !important;
}
.presbyopia .reason_lst > li .txt_box {
  margin-top: 10px;
  padding: 50px 5%;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
}
@media (max-width: 620px) {
  .presbyopia .reason_lst > li .txt_box {
    padding: 25px 5%;
  }
}
.presbyopia .reason_lst > li:last-child {
  margin-top: 50px;
}
@media (max-width: 620px) {
  .presbyopia .reason_lst > li:last-child {
    margin-top: 25px;
  }
}
@media (max-width: 1440px) {
  .presbyopia .common_img_lst > ul.lng3 {
    display: block;
  }
  .presbyopia .common_img_lst > ul.lng3 > li {
    width: 433px;
    margin: 40px auto 0;
  }
}
@media (max-width: 1440px) and (max-width: 620px) {
  .presbyopia .common_img_lst > ul.lng3 > li {
    width: 100%;
    margin: 20px auto 0;
  }
}
@media (max-width: 1440px) {
  .presbyopia .common_img_lst > ul.lng3 > li:first-child {
    margin: 0 auto;
  }
}
.presbyopia .gray_bg_txt {
  padding: 18px 20px;
  border-radius: 10px;
  background-color: #e8e9ec;
}
.presbyopia .tb_box .line {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line {
    display: block;
  }
}
.presbyopia .tb_box .line .bg_txt {
  width: 306px;
  border-radius: 8px;
  line-height: 138px;
  text-align: center;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line .bg_txt {
    width: 100%;
    line-height: 60px;
  }
}
.presbyopia .tb_box .line .bg_txt.bg1 {
  color: #fff;
  background-color: #33caff !important;
}
.presbyopia .tb_box .line .bg_txt.bg2 {
  color: #fff;
  background-color: #22a1ff !important;
}
.presbyopia .tb_box .line .bg_txt.bg3 {
  border-radius: 8px 0 0 8px;
  background-color: #e6e6e6;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line .bg_txt.bg3 {
    border-radius: 8px 8px 0 0;
  }
}
.presbyopia .tb_box .line .r_box {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 316px);
  margin-left: 10px;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line .r_box {
    display: block;
    width: 100%;
    margin: 10px auto 0;
  }
}
@media (max-width: 620px) {
  .presbyopia .tb_box .line .r_box {
    margin: 5px auto 0;
  }
}
.presbyopia .tb_box .line .r_box .common_dot_lst {
  width: calc(100% - 306px);
  padding: 40px 66px;
  border: 1px solid #ddd;
  border-radius: 0 8px 8px 0;
  box-sizing: border-box;
  border-left: 0;
  background-color: #fff;
}
.presbyopia .tb_box .line .r_box .common_dot_lst .tdu {
  text-decoration: underline;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line .r_box .common_dot_lst {
    width: 100%;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 8px 8px;
  }
}
@media (max-width: 620px) {
  .presbyopia .tb_box .line .r_box .common_dot_lst {
    padding: 25px 20px;
  }
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line:last-child {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .presbyopia .tb_box .line:last-child {
    margin-top: 20px;
  }
}
.presbyopia .tb_box .line:last-child .bg_txt {
  line-height: 318px;
}
@media (max-width: 1240px) {
  .presbyopia .tb_box .line:last-child .bg_txt {
    line-height: 60px;
  }
}
.presbyopia .img_drag_box .img_box {
  position: relative;
}
.presbyopia .img_drag_box .img_box .img {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/src/img/sub/presbyopia1.jpg);
}
@media (max-width: 620px) {
  .presbyopia .img_drag_box .img_box .img {
    height: 175px;
  }
}
.presbyopia .img_drag_box .img_box .drag {
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/src/img/sub/presbyopia2.jpg);
}
.presbyopia .img_drag_box .info_box .drag_box {
  position: relative;
  width: 600px;
  height: 60px;
  margin: 0 auto;
}
@media (max-width: 1240px) {
  .presbyopia .img_drag_box .info_box .drag_box {
    width: 100%;
  }
}
.presbyopia .img_drag_box .info_box .drag_box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.presbyopia .img_drag_box .info_box .drag_box .bar_btn {
  z-index: 1;
  position: absolute;
  top: 50%;
  display: block;
  width: 57px;
  height: 57px;
  margin-top: -28px;
  border-radius: 50%;
  background-image: url(/src/img/ico/presbyopia_drag_ico.png);
}
.presbyopia .img_drag_box .info_box .txt_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: -60px auto 0;
}
@media (max-width: 1240px) {
  .presbyopia .img_drag_box .info_box .txt_box {
    margin: 30px auto 0;
  }
}
@media (max-width: 620px) {
  .presbyopia .img_drag_box .info_box .txt_box {
    margin: 15px auto 0;
  }
}
.presbyopia .img_drag_box .info_box .txt_box > div {
  width: calc(50% - 300px);
  text-align: center;
}
@media (max-width: 1240px) {
  .presbyopia .img_drag_box .info_box .txt_box > div {
    width: 50%;
  }
}
@media (max-width: 1240px) {
  .presbyopia .img_drag_box .info_box .txt_box .l_txt {
    text-align: left;
  }
  .presbyopia .img_drag_box .info_box .txt_box .r_txt {
    text-align: right;
  }
}

.cataract_surgery_tb table tr .bg1 {
  width: auto;
  color: #fff;
  background-color: #0c172b;
}
.cataract_surgery_tb table tr .bg2 {
  width: auto;
  color: #fff;
  background-color: #22a1ff !important;
}
.cataract_surgery_tb table tr .bg3 {
  width: 42%;
  color: #fff;
  background-color: #969ca7;
}
@media (max-width: 620px) {
  .cataract_surgery_tb table tr .bg3 {
    width: auto;
  }
}
.cataract_surgery_tb table tr th,
.cataract_surgery_tb table tr td {
  padding: 28px 5px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.cataract_surgery_tb table tr th.bg3,
.cataract_surgery_tb table tr td.bg3 {
  border-bottom: 1px solid #a6abb5;
}
.cataract_surgery_tb table tr td {
  background-color: #fff;
}
@media (max-width: 620px) {
  .cataract_surgery_tb table tr td {
    padding: 15px 5px;
  }
}

.microincision_cataract {
  width: 100%;
  overflow: hidden;
}
.microincision_cataract .common_bg {
  background-image: url(/src/img/bg/microincision_cataract_bg.png);
}
.microincision_cataract .common_num_lst .top_txt {
  margin-top: 60px;
}
@media (max-width: 1240px) {
  .microincision_cataract .common_num_lst .top_txt {
    margin-top: 0;
  }
}
.microincision_cataract .common_img_lst > ul.center {
  justify-content: center;
}
.microincision_cataract .common_img_lst > ul.lng2 li {
  overflow: hidden;
}
.microincision_cataract .common_img_lst > ul.lng2 li > figure {
  border-radius: 20px;
}
.microincision_cataract .common_img_lst > ul.lng2 li:first-child > figure {
  border: 5px solid #ddd;
}
.microincision_cataract .common_img_lst > ul.lng2 li:last-child > figure {
  border: 5px solid #22a1ff !important;
}
.microincision_cataract .common_img_lst > ul.lng3 {
  margin-top: -40px;
}
@media (max-width: 1440px) {
  .microincision_cataract .common_img_lst > ul.lng3 {
    margin-left: -40px;
  }
}
@media (max-width: 620px) {
  .microincision_cataract .common_img_lst > ul.lng3 {
    margin-top: -20px;
    margin-left: 0;
  }
}
.microincision_cataract .common_img_lst > ul.lng3 > li {
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .microincision_cataract .common_img_lst > ul.lng3 > li {
    width: calc(50% - 40px);
    margin-left: 40px;
  }
  .microincision_cataract .common_img_lst > ul.lng3 > li > figure img {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .microincision_cataract .common_img_lst > ul.lng3 > li {
    width: 440px;
    margin: 20px auto 0;
  }
  .microincision_cataract .common_img_lst > ul.lng3 > li .txt_box {
    min-height: auto;
    padding: 20px;
  }
}

.laser_cataract {
  overflow: hidden;
}
@media (max-width: 1240px) {
  .laser_cataract .s_h3 .db {
    display: inline;
  }
}
.laser_cataract .common_bg.type1 {
  background-image: url(/src/img/bg/laser_cataract_bg1.png);
}
.laser_cataract .common_bg.type2 {
  background-image: url(/src/img/bg/laser_cataract_bg2.png);
}
.laser_cataract .common_num_lst .s_h3 {
  line-height: 120%;
}
.laser_cataract .common_img_lst > ul.bd > li {
  padding: 60px;
  border-radius: 20px;
}
@media (max-width: 1440px) {
  .laser_cataract .common_img_lst > ul.bd > li {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .laser_cataract .common_img_lst > ul.bd > li {
    padding: 30px 20px;
  }
}
.laser_cataract .common_img_lst > ul.bd > li .tit::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  margin: 30px 0;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .laser_cataract .common_img_lst > ul.bd > li .tit::after {
    margin: 15px 0;
  }
}
.laser_cataract .common_img_lst > ul.bd > li:first-child {
  border: 5px solid #33caff;
}
@media (max-width: 620px) {
  .laser_cataract .common_img_lst > ul.bd > li:first-child {
    border: 2px solid #33caff;
  }
}
.laser_cataract .common_img_lst > ul.bd > li:first-child .tit {
  color: #33caff;
}
.laser_cataract .common_img_lst > ul.bd > li:nth-child(2) {
  border: 5px solid #4db3ff;
}
@media (max-width: 620px) {
  .laser_cataract .common_img_lst > ul.bd > li:nth-child(2) {
    border: 2px solid #4db3ff;
  }
}
.laser_cataract .common_img_lst > ul.bd > li:nth-child(2) .tit {
  color: #4db3ff;
}
.laser_cataract .common_img_lst > ul.bd > li:last-child {
  border: 5px solid #22a1ff;
}
@media (max-width: 620px) {
  .laser_cataract .common_img_lst > ul.bd > li:last-child {
    border: 2px solid #22a1ff;
  }
}
.laser_cataract .common_img_lst > ul.bd > li:last-child .tit {
  color: #22a1ff;
}
@media (max-width: 1520px) {
  .laser_cataract .common_img_lst > ul.lng2 > li {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
  }
	.laser_cataract .common_img_lst > ul.lng2 > li > figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
.laser_cataract .common_img_lst > ul.lng2 > li .vid_box {
  position: relative;
  overflow: hidden;
  height: 420px;
  border-radius: 20px;
}
@media (max-width: 1520px) {
  .laser_cataract .common_img_lst > ul.lng2 > li .vid_box {
    position: absolute;
		top: 0;
		left: 0;
    width: 100%;
    height: auto;
  }
}
.laser_cataract .common_img_lst > ul.lng2 > li .vid_box .mov_frame,
.laser_cataract .common_img_lst > ul.lng2 > li .vid_box .frame_height {
  position: static;
  padding-top: 100%;
}
@media (max-width: 1520px) {
  .laser_cataract .common_img_lst > ul.lng2 > li .vid_box .mov_frame,
  .laser_cataract .common_img_lst > ul.lng2 > li .vid_box .frame_height {
    padding-top: 56.25%;
  }
}

.customized_presbyopia .common_bg.type1 {
  padding: 0 262px;
  background-image: url(/src/img/bg/customized_presbyopia_bg1.png);
}
@media (max-width: 1440px) {
  .customized_presbyopia .common_bg.type1 {
    padding: 0 5%;
  }
}
.customized_presbyopia .common_bg.type2 {
  background-image: url(/src/img/bg/customized_presbyopia_bg2.png);
}
.customized_presbyopia .common_bg.type2 .container {
  padding: 0 7%;
}
@media (max-width: 620px) {
  .customized_presbyopia .common_bg.type2 .container {
    padding: 0 5%;
  }
}
.customized_presbyopia .common_img_lst > ul.lng3 {
  margin-bottom: -120px;
}
.customized_presbyopia .common_img_lst > ul.lng3 > li {
  margin-bottom: 120px;
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 80px;
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li {
    display: block;
  }
}
@media (max-width: 620px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li {
    margin-top: 40px;
  }
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li:first-child {
  margin-top: 0;
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li:nth-child(2n) {
  flex-direction: row-reverse;
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li:nth-child(2n) .txt_box {
  text-align: right;
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li:nth-child(2n) .txt_box .num {
  right: 0;
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li:nth-child(2n) .txt_box .num {
    left: 0;
  }
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li:nth-child(2n) .txt_box {
    text-align: left;
  }
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li > figure,
.customized_presbyopia .gray_bg .common_num_lst > ol > li .txt_box {
  width: calc(50% - 45px);
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li > figure,
  .customized_presbyopia .gray_bg .common_num_lst > ol > li .txt_box {
    width: 100%;
  }
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li figure {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li figure img {
    width: 100%;
  }
}
.customized_presbyopia .gray_bg .common_num_lst > ol > li .txt_box {
  padding-top: 92px;
}
@media (max-width: 1240px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li .txt_box {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .customized_presbyopia .gray_bg .common_num_lst > ol > li .txt_box {
    margin-top: 60px;
    padding-top: 0;
  }
}

.artificial_lens {
  text-align: center;
}
.artificial_lens .compare_box {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 1240px) {
  .artificial_lens .compare_box {
    display: block;
  }
}
.artificial_lens .compare_box > div {
  width: calc(50% - 60px);
}
@media (max-width: 1240px) {
  .artificial_lens .compare_box > div {
    width: 100%;
  }
}
.artificial_lens .compare_box .lst > li {
  margin-bottom: 10px;
  padding: 22px 5px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.artificial_lens .compare_box .lst > li:last-child {
  margin-bottom: 0;
}
.artificial_lens .compare_box .lst > li.top {
  border: 0;
}
.artificial_lens .compare_box .lst > li.bg1 {
  background-color: #33caff !important;
}
.artificial_lens .compare_box .lst > li.bg2 {
  background-color: #22a1ff !important;
}
.artificial_lens .compare_box .l_box > figure,
.artificial_lens .compare_box .l_box .lst {
  position: relative;
}
.artificial_lens .compare_box .l_box > figure::after,
.artificial_lens .compare_box .l_box .lst::after {
  content: 'VS';
  position: absolute;
  top: 50%;
  right: -85px;
  display: block;
  font-family: 'yg-jalnan';
  font-size: 36px;
  transform: translateY(-50%);
}
@media (max-width: 1240px) {
  .artificial_lens .compare_box .l_box > figure::after,
  .artificial_lens .compare_box .l_box .lst::after {
    position: relative;
    right: 0;
    display: block;
    margin: 60px auto;
    transform: none;
  }
}
@media (max-width: 620px) {
  .artificial_lens .compare_box .l_box > figure::after,
  .artificial_lens .compare_box .l_box .lst::after {
    margin: 30px auto;
    font-size: 24px;
  }
}
@media (max-width: 1240px) {
  .artificial_lens .compare_box .l_box > figure::after {
    display: none;
  }
}
.artificial_lens .quotes_txt {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 180px auto 0;
}
@media (max-width: 620px) {
  .artificial_lens .quotes_txt {
    margin: 90px auto 0;
    padding: 0 32px;
    word-break: break-all;
  }
}
.artificial_lens .quotes_txt::before,
.artificial_lens .quotes_txt::after {
  content: '';
  z-index: -1;
  position: absolute;
  top: -15px;
  display: block;
  width: 37px;
  height: 25px;
  background-image: url(/src/img/ico/quotes_ico.png);
}
.artificial_lens .quotes_txt::before {
  left: -57px;
}
@media (max-width: 1240px) {
  .artificial_lens .quotes_txt::before {
    left: 0;
  }
}
.artificial_lens .quotes_txt::after {
  right: -57px;
  transform: rotate(180deg);
}
@media (max-width: 1240px) {
  .artificial_lens .quotes_txt::after {
    right: 0;
  }
}
.artificial_lens .tab_cont_box {
  text-align: left;
}
@media (max-width: 1240px) {
  .artificial_lens .tab_cont_box .s_h3 .db {
    display: inline;
  }
  .artificial_lens .tab_cont_box .s_h3 > em {
    display: block;
  }
}
.artificial_lens .ex_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1240px) {
  .artificial_lens .ex_box {
    display: block;
  }
}
.artificial_lens .ex_box > figure {
  width: calc(50% - 90px / 2);
}
@media (max-width: 1240px) {
  .artificial_lens .ex_box > figure {
    width: 100%;
  }
}
.artificial_lens .ex_box .ico_lst {
  width: calc(50% - 90px / 2);
}
@media (max-width: 1240px) {
  .artificial_lens .ex_box .ico_lst {
    width: 100%;
  }
}
.artificial_lens .ex_box .ico_lst > ul > li {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
@media (max-width: 620px) {
  .artificial_lens .ex_box .ico_lst > ul > li {
    display: block;
    margin-top: 25px;
  }
}
.artificial_lens .ex_box .ico_lst > ul > li:first-child {
  margin-top: 0;
}
@media (max-width: 1240px) {
  .artificial_lens .ex_box .ico_lst > ul > li:first-child {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .artificial_lens .ex_box .ico_lst > ul > li:first-child {
    margin-top: 40px;
  }
}
.artificial_lens .ex_box .ico_lst > ul > li > figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
@media (max-width: 620px) {
  .artificial_lens .ex_box .ico_lst > ul > li > figure {
    margin: 0 auto;
  }
}
.artificial_lens .ex_box .ico_lst > ul > li .txt_box {
  width: calc(100% - 180px);
  margin-left: 40px;
}
@media (max-width: 620px) {
  .artificial_lens .ex_box .ico_lst > ul > li .txt_box {
    width: 100%;
    margin: 20px auto 0;
  }
}
.artificial_lens .tb table {
  border-spacing: 10px;
  border-collapse: separate;
}
@media (max-width: 620px) {
  .artificial_lens .tb table {
    border-spacing: 5px;
  }
}
.artificial_lens .tb table tr th,
.artificial_lens .tb table tr td {
  text-align: center;
}
@media (max-width: 991px) {
  .artificial_lens .tb table tr th,
  .artificial_lens .tb table tr td {
    display: block;
    width: 100%;
  }
}
.artificial_lens .tb table tr th,
.artificial_lens .tb table tr .th_box {
  padding: 18px 0;
  border-radius: 10px;
  background-color: #969ca7;
}
.artificial_lens .tb table tr th.bg1,
.artificial_lens .tb table tr .th_box.bg1 {
  background-color: #22a1ff !important;
}
.artificial_lens .tb table tr td .th_box,
.artificial_lens .tb table tr td .td_box {
  padding: 18px 0;
  border-radius: 10px;
  line-height: 100%;
}
@media (max-width: 991px) {
  .artificial_lens .tb table tr td .th_box,
  .artificial_lens .tb table tr td .td_box {
    margin-bottom: 10px;
  }
}
@media (max-width: 620px) {
  .artificial_lens .tb table tr td .th_box,
  .artificial_lens .tb table tr td .td_box {
    margin-bottom: 5px;
  }
}
.artificial_lens .tb table tr td .td_box {
  border: 1px solid #ddd;
}
.artificial_lens .tb table tr td:last-child .td_box {
  margin-bottom: 0;
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
.top_sch {
  overflow: hidden;
  display: flex;
  height: 60px;
  border-radius: 30px;
  background-color: #eee;
}
@media (max-width: 620px) {
  .top_sch.mt80 {
    margin-top: 40px;
  }
}
.top_sch .sch_inp {
  width: calc(100% - 54px);
  height: 100%;
  padding: 0 15px 0 30px;
  border: 0;
  background-color: transparent;
}
.top_sch .sch_inp::placeholder {
  color: #999;
}
.top_sch .s_btn {
  display: block;
  width: 54px;
  height: 100%;
  background-image: url(/src/img/ico/sch_ico.svg);
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: left center;
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
.inp_wrap .de_rdo i,
.inp_wrap .de_cki i {
  border: 1px solid #ddd;
}
.inp_wrap .inp {
  width: 100%;
  height: 40px;
  font-size: 14px;
}
@media (max-width: 620px) {
  .inp_wrap .inp {
    font-size: 12px;
  }
}
.inp_wrap .inp::placeholder {
  color: #999;
}
.inp_wrap .inp.w100 {
  width: 100px;
}
.inp_wrap .inp.w225 {
  width: 225px;
}
.inp_wrap .inp.w310 {
  width: 310px;
}
@media (max-width: 620px) {
  .inp_wrap .inp.w310 {
    width: 100%;
  }
}
.inp_wrap .inp.w630 {
  width: 630px;
}
.inp_wrap .inp.h150 {
  height: 150px;
}
.inp_wrap .inp.h250 {
  height: 250px;
}
@media (max-width: 620px) {
  .inp_wrap .inp.h250 {
    height: 200px;
  }
}
.inp_wrap select.inp {
  padding: 0 25px 0 10px;
  background-position: calc(100% - 10px) 50%;
}
.inp_wrap textarea.inp {
  padding: 5px 10px;
}
.inp_wrap input[type='file'].inp {
  color: #999;
}
.inp_wrap .r_btn {
  width: 80px;
  height: 40px;
  margin-left: 5px;
  border: 1px solid #aaa;
  line-height: 38px;
  text-align: center;
}
.inp_wrap .r_btn.ml0 {
  margin-left: 0;
}
@media (max-width: 620px) {
  .inp_wrap .id_wrap .w310 {
    width: calc(100% - 85px);
  }
}
.inp_wrap .addr_wrap .df {
  display: flex;
}
@media (max-width: 991px) {
  .inp_wrap .addr_wrap .w225 {
    width: calc(100% - 85px);
  }
}
@media (max-width: 991px) {
  .inp_wrap .addr_wrap .w630 {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .inp_wrap .trisection_wrap .w100 {
    width: calc((100% - 10px) / 3);
  }
}

.agree_box {
  overflow-y: scroll;
  height: 150px;
  padding: 15px 20px;
  border: 1px solid #ddd;
}
@media (max-width: 620px) {
  .agree_box {
    padding: 5px 10px;
  }
}

.agree_line {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.agree_line .de_cki i {
  border: 1px solid #ddd;
}

.modal_wrap {
  display: none;
  z-index: 30;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal_wrap .modal {
  overflow-y: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  max-height: 90vh;
  padding: 50px 60px;
  border: 1px solid #333;
  background-color: #fff;
}
@media (max-width: 620px) {
  .modal_wrap .modal {
    width: 90%;
    padding: 40px 20px 30px;
  }
}
.modal_wrap .modal .close_ico {
  position: absolute;
  right: 27px;
  top: 27px;
  width: 20px;
  height: 20px;
  background-image: url(/src/img/ico/modal_close_ico.svg);
}
@media (max-width: 620px) {
  .modal_wrap .modal .close_ico {
    right: 15px;
    top: 15px;
  }
}
.modal_wrap .modal .modal_info_tb {
  padding: 13px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_info_tb {
    padding: 15px 0;
  }
}
.modal_wrap .modal .modal_info_tb > table tbody th {
  width: 110px;
  padding: 7px 0;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_info_tb > table tbody th {
    width: 60px;
    padding: 3px 0;
  }
}
.modal_wrap .modal .modal_info_tb > table tbody td {
  padding: 7px 0;
  vertical-align: top;
  word-break: break-all;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_info_tb > table tbody td {
    padding: 3px 0;
  }
}
.modal_wrap .modal .modal_s_line {
  display: flex;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_s_line.mt20 {
    margin-top: 20px;
  }
}
.modal_wrap .modal .modal_s_line .btn {
  width: calc((100% - 5px) / 2);
  height: 60px;
  text-align: center;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_s_line .btn {
    height: 50px;
  }
}
.modal_wrap .modal .modal_s_line .btn + .btn {
  margin-left: 5px;
}
.modal_wrap .modal .modal_s_line .btn.bg_style {
  color: #fff;
  line-height: 60px;
  background-color: #22a1ff !important;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_s_line .btn.bg_style {
    line-height: 50px;
  }
}
.modal_wrap .modal .modal_s_line .btn.line_style {
  border: 1px solid #aaa;
  line-height: 58px;
}
@media (max-width: 620px) {
  .modal_wrap .modal .modal_s_line .btn.line_style {
    line-height: 48px;
  }
}
.modal_wrap.db {
  display: block;
}
.modal_wrap.bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal_wrap.pw_modal .modal .pw_inp {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 20px;
}
.modal_wrap.reser_info_modal .reser_chk_info {
  display: none;
}
.modal_wrap.reser_info_modal .reser_chk_info.db {
  display: block;
}
.modal_wrap.reser_info_modal .reser_s_info {
  display: none;
}
.modal_wrap.reser_info_modal .reser_s_info.db {
  display: block;
}
.modal_wrap.reser_info_modal .reser_s_info::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background-image: url(/src/img/ico/w_complete.png);
}
@media (max-width: 620px) {
  .modal_wrap.reser_info_modal .reser_s_info::before {
    display: none;
  }
}

.yt_modal {
  display: none;
  z-index: 30;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.yt_modal.db {
  display: block;
}
.yt_modal .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 840px;
  max-width: 100vh;
}
@media (max-width: 1440px) {
  .yt_modal .modal {
    width: 90%;
  }
}
.yt_modal .modal .vdo {
  position: relative;
  padding-top: 56.25%;
}
.yt_modal .modal .vdo iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.yt_modal .modal .close_btn {
  position: absolute;
  right: -40px;
  top: 10px;
  width: 22px;
  height: 20px;
  background-image: url(/src/img/ico/yt_close_ico.svg);
}
@media (max-width: 1440px) {
  .yt_modal .modal .close_btn {
    right: 0;
    top: -45px;
  }
}
@media (max-width: 620px) {
  .yt_modal .modal .close_btn {
    top: -35px;
  }
}

@media (max-width: 1440px) {
  .bd_total .bd_sch {
    float: none;
  }
}
.bd_total .bd_sch > form {
  display: flex;
}
@media (max-width: 620px) {
  .bd_total .bd_sch > form {
    display: block;
  }
}
.bd_total .bd_sch .sch_sel {
  width: 160px;
  height: 45px;
  margin-right: 5px;
  border-radius: 22px;
}
@media (max-width: 620px) {
  .bd_total .bd_sch .sch_sel {
    width: 100%;
    margin: 0 0 5px;
  }
}
.bd_total .bd_sch .sch_box {
  overflow: hidden;
  display: flex;
  width: 300px;
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 22px;
}
@media (max-width: 1440px) {
  .bd_total .bd_sch .sch_box {
    width: calc(100% - 165px);
  }
}
@media (max-width: 620px) {
  .bd_total .bd_sch .sch_box {
    width: 100%;
  }
}
.bd_total .bd_sch .sch_box .sch_inp {
  width: calc(100% - 38px);
  padding-left: 20px;
  border: 0;
}
.bd_total .bd_sch .sch_box .sch_inp::placeholder {
  color: #999;
}
.bd_total .bd_sch .sch_box .s_btn {
  width: 38px;
  height: 100%;
  background-image: url(/src/img/ico/sch_ico.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.bd_total .total_txt {
  margin-top: 10px;
}
@media (max-width: 1440px) {
  .bd_total .total_txt {
    float: none;
    margin-top: 60px;
  }
}
@media (max-width: 620px) {
  .bd_total .total_txt {
    margin-top: 30px;
  }
}

.bd_lst {
  border-top: 1px solid #333;
}
.bd_lst.bdt2 {
  border-top: 2px solid #333;
}
.bd_lst > table tr {
  border-bottom: 1px solid #ddd;
}
.bd_lst > table thead th {
  height: 58px;
  font-weight: bold;
}
.bd_lst > table tbody tr:hover td .tit_hover {
  color: #22a1ff !important;
  text-decoration: underline;
}
.bd_lst > table tbody tr:hover .arrow_ico {
  background-color: #22a1ff !important;
  background-image: url(/src/img/ico/lst_arrow_ico2.svg);
}
.bd_lst > table tbody td {
  height: 58px;
  text-align: center;
}
@media (max-width: 1440px) {
  .bd_lst > table tbody td {
    height: auto;
  }
}
.bd_lst > table tbody td.tit_wrap {
  padding: 30px 20px;
  text-align: left;
}
@media (max-width: 1440px) {
  .bd_lst > table tbody td.tit_wrap {
    display: block;
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .bd_lst > table tbody td.tit_wrap {
    padding: 20px 0;
  }
}
.bd_lst > table tbody td.tit_wrap .tit {
  display: block;
  width: 100%;
  text-align: left;
}
.bd_lst > table tbody td.tit_wrap .tit .type {
  margin-right: 10px;
}
@media (max-width: 1440px) {
  .bd_lst > table tbody td.tit_wrap .tit .type {
    display: block;
    margin-right: 0;
  }
}
@media (max-width: 1440px) {
  .bd_lst > table tbody td.tit_wrap.lock_line {
    position: relative;
    padding: 40px 20px 40px 55px;
  }
}
@media (max-width: 620px) {
  .bd_lst > table tbody td.tit_wrap.lock_line {
    padding: 20px 0 20px 25px;
  }
}
.bd_lst > table tbody td.tit_wrap.lock_line .lock_ico::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 20px;
  margin: 0 10px 2px 0;
  vertical-align: middle;
  background-image: url(/src/img/ico/lock_ico.svg);
  background-size: cover;
}
@media (max-width: 1440px) {
  .bd_lst > table tbody td.tit_wrap.lock_line .lock_ico::before {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
}
@media (max-width: 620px) {
  .bd_lst > table tbody td.tit_wrap.lock_line .lock_ico::before {
    left: 0;
  }
}
.bd_lst > table tbody .notice_line {
  background-color: #f6f9fc;
}
.bd_lst > table tbody .btn_line{display: flex;}
.bd_lst > table tbody .btn_line .btn{display: block;width: 140px;height: 45px;text-align: center;border-radius: 23px;}
.bd_lst > table tbody .btn_line .btn.bg_style{line-height: 45px;color: #fff;background-color: #ccc;}
@media (max-width: 620px){
	.bd_lst > table tbody .btn_line .btn{width: 136px;height: 40px;}
	.bd_lst > table tbody .btn_line .btn.bg_style{line-height: 40px;}
}


.bd_lst > table tbody .arrow_ico {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #eff0f2;
  background-image: url(/src/img/ico/lst_arrow_ico1.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.bd_lst.compliment_style > table tbody td.tit_wrap {
  padding: 30px 20px 30px 30px;
}
@media (max-width: 1440px) {
  .bd_lst.compliment_style > table tbody td.tit_wrap {
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .bd_lst.compliment_style > table tbody td.tit_wrap {
    padding: 20px 0;
  }
}
.bd_lst.compliment_style .bd_info_line .t1 {
  margin-right: 20px;
}
@media (max-width: 620px) {
  .bd_lst.compliment_style .bd_info_line .t1 {
    display: block;
    margin-right: 0;
  }
}
.bd_lst.compliment_style .bd_info_line .t1::before {
  display: none;
}
@media (max-width: 620px) {
  .bd_lst.compliment_style .bd_info_line .t1 + .t1 {
    margin-top: 5px;
  }
}

.bd_info_line {
  font-size: 0;
}
.bd_info_line .t1 {
  line-height: 150%;
}
.bd_info_line .t1::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 20px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .bd_info_line .t1::before {
    height: 8px;
    margin: 0 10px 2px;
  }
}
.bd_info_line .t1:first-child::before {
  display: none;
}
@media (max-width: 1440px) {
  .bd_info_line .di1420 {
    display: inline;
  }
}

.bd_state_box {
  display: block;
  width: 130px;
  height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  text-align: center;
}
.bd_state_box.bg_style {
  line-height: 40px;
  color: #fff;
  background-color: #22a1ff !important;
}
.bd_state_box.line_style {
  border: 1px solid #999;
  line-height: 38px;
}
.bd_state_box.w120 {
  width: 120px;
}
.bd_state_box.h34 {
  height: 34px;
}
.bd_state_box.h34.bg_style {
  line-height: 34px;
}
.bd_state_box.h34.line_style {
  line-height: 32px;
}

.btn_page {
  position: relative;
  padding-bottom: 10px;
}
@media (max-width: 1440px) {
  .btn_page {
    padding-bottom: 0;
  }
}

.bd_w_btn{
	width: 150px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #22a1ff !important;
  border-radius: 25px;
}
@media (max-width: 620px){
	.bd_w_btn{
		width: 136px;
    height: 40px;
		line-height: 38px;
	}
}

.btn_page .bd_w_btn {
  position: absolute;
  left: 0;
  top: -10px;
}
@media (max-width: 1440px) {
  .btn_page .bd_w_btn {
    position: static;
    display: block;
    margin: 40px auto 0;
  }
}
@media (max-width: 620px) {
  .btn_page .bd_w_btn {
    margin-top: 20px;
  }
}

.gall_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -50px;
}
@media (max-width: 1440px) {
  .gall_lst > ul {
    margin-bottom: -40px;
  }
}
@media (max-width: 620px) {
  .gall_lst > ul {
    margin-bottom: -20px;
  }
}
.gall_lst > ul li {
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .gall_lst > ul li {
    margin-bottom: 40px;
  }
}
@media (max-width: 620px) {
  .gall_lst > ul li {
    margin-bottom: 20px;
  }
}
.gall_lst > ul li .btn_cont {
  display: block;
  width: 100%;
  text-align: left;
}
.gall_lst > ul li .img_box {
  position: relative;
  height: 0;
  padding-bottom: 108%;
}
.gall_lst > ul li .img_box .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.gall_lst > ul li .img img {
  width: 100%;
}
.gall_lst > ul li .yt_ico {
  position: relative;
}
.gall_lst > ul li .yt_ico::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 45px;
  background-image: url(/src/img/ico/yt_ico.svg);
}
.gall_lst > ul li .tag_lst .t1 {
  margin-right: 5px;
}
.gall_lst .info_wrap {
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .gall_lst .info_wrap {
    padding: 15px 10px;
  }
}
@media (max-width: 620px) {
  .gall_lst .info_wrap.mt15 {
    margin-top: 7px;
  }
}
.gall_lst .info_wrap .line {
  display: flex;
  align-items: flex-start;
}
.gall_lst .info_wrap .line + .line {
  margin-top: 8px;
}
.gall_lst .info_wrap .line .t1 {
  display: block;
  width: 25px;
}
@media (max-width: 620px) {
  .gall_lst .info_wrap .line .t1 {
    width: 15px;
  }
}
.gall_lst .info_wrap .line .t2 {
  display: block;
  width: calc(100% - 25px);
}
@media (max-width: 620px) {
  .gall_lst .info_wrap .line .t2 {
    width: calc(100% - 15px);
  }
}
.gall_lst.img_bdrs > ul li .img {
	position: relative;
  overflow: hidden;
	height: 0;
	padding-bottom: 100%;
  border-radius: 10px;
	background-size: cover;
	background-position: center;
}

/* .gall_lst > ul li .ba_box{margin-top: 15px;padding: 15px 20px;border-radius: 10px;background-color: #fafafa;}
.gall_lst > ul li .ba_box .line{display: flex;}
.gall_lst > ul li .ba_box .line+.line{margin-top: 8px;}
.gall_lst > ul li .ba_box .line .t1{width: 25px;}
.gall_lst > ul li .ba_box .line .t2{width: calc(100% - 25px);} */


.gall_lst.w4 > ul {
  margin-left: -30px;
}
@media (max-width: 620px) {
  .gall_lst.w4 > ul {
    margin-left: 0;
  }
}
.gall_lst.w4 > ul li {
  width: calc(25% - 30px);
  margin-left: 30px;
}
@media (max-width: 1440px) {
  .gall_lst.w4 > ul li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 620px) {
  .gall_lst.w4 > ul li {
    width: 100%;
    margin-left: 0;
  }
}
.gall_lst.w3 > ul {
  margin-left: -30px;
}
@media (max-width: 1440px) {
  .gall_lst.w3 > ul {
    margin-left: 0;
  }
}
.gall_lst.w3 > ul li {
  width: calc(33.33% - 30px);
  margin-left: 30px;
}
@media (max-width: 1440px) {
  .gall_lst.w3 > ul li {
    width: 100%;
    margin-left: 0;
  }
}

.bd_v {
  border-top: 1px solid #333;
}
.bd_v .tit_wrap {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 1440px) {
  .bd_v .tit_wrap {
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .bd_v .tit_wrap {
    padding: 20px 10px;
  }
}
.bd_v .tit_wrap .type {
  margin-right: 10px;
}
@media (max-width: 1440px) {
  .bd_v .tit_wrap .type {
    display: block;
    margin-right: 0;
  }
}
.bd_v .tit_wrap.state_tit {
  position: relative;
  padding-right: 160px;
}
@media (max-width: 1440px) {
  .bd_v .tit_wrap.state_tit {
    padding-right: 20px;
  }
}
@media (max-width: 620px) {
  .bd_v .tit_wrap.state_tit {
    padding-right: 10px;
  }
}
.bd_v .tit_wrap.state_tit .bd_state_box {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.bd_v .file_wrap {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .bd_v .file_wrap {
    padding: 15px 10px;
  }
}
.bd_v .file_wrap .line {
  display: flex;
}
.bd_v .file_wrap .line + .line {
  margin-top: 10px;
}
.bd_v .file_wrap .line .t1 {
  display: block;
  width: 120px;
}
@media (max-width: 620px) {
  .bd_v .file_wrap .line .t1 {
    width: 26px;
  }
}
.bd_v .file_wrap .line .t1::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 4px 2px;
  vertical-align: middle;
  background-image: url(/src/img/ico/file_ico.svg);
  background-size: cover;
}
.bd_v .file_wrap .line .t1::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 0 2px 20px;
  vertical-align: middle;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .bd_v .file_wrap .line .t1::after {
    display: none;
  }
}
.bd_v .file_wrap .line .t2 {
  display: block;
  width: calc(100% - 120px);
}
@media (max-width: 620px) {
  .bd_v .file_wrap .line .t2 {
    width: calc(100% - 26px);
  }
}
.bd_v .info_wrap {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .bd_v .info_wrap {
    padding: 15px 10px;
  }
}
.bd_v .info_wrap .line {
  display: flex;
  align-items: flex-start;
}
.bd_v .info_wrap .line + .line {
  margin-top: 8px;
}
.bd_v .info_wrap .line .t1 {
  display: block;
  width: 25px;
}
@media (max-width: 620px) {
  .bd_v .info_wrap .line .t1 {
    width: 15px;
  }
}
.bd_v .info_wrap .line .t2 {
  display: block;
  width: calc(100% - 25px);
}
@media (max-width: 620px) {
  .bd_v .info_wrap .line .t2 {
    width: calc(100% - 15px);
  }
}
.bd_v .cont_wrap {
  padding: 20px 20px 100px;
  border-bottom: 1px solid #ddd;
}
.bd_v .cont_wrap img {
  width: 100% !important;
  height: auto !important;
}
.bd_v.img_wa .cont_wrap img {
  width: auto !important;
  height: auto !important;
}
@media (max-width: 620px) {
  .bd_v .cont_wrap {
    padding: 10px 10px 50px;
  }
}
.bd_v .link_wrap {
  position: relative;
  min-height: 60px;
}
@media (max-width: 620px) {
  .bd_v .link_wrap {
    min-height: 50px;
  }
}
.bd_v .link_wrap .list_btn {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 200px;
  height: 60px;
  border: 1px solid #999;
  border-radius: 30px;
  text-align: center;
  line-height: 58px;
}
@media (max-width: 620px) {
  .bd_v .link_wrap .list_btn {
    width: 136px;
    height: 50px;
    line-height: 48px;
  }
}
.bd_v .link_wrap .cont {
  display: flex;
  align-items: center;
  width: calc(50% - 100px);
}
@media (max-width: 620px) {
  .bd_v .link_wrap .cont {
    width: 50px;
  }
}
.bd_v .link_wrap .cont.l_cont::before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-image: url(/src/img/ico/bd_v_link.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 620px) {
  .bd_v .link_wrap .cont.l_cont::before {
    width: 50px;
    height: 50px;
  }
}
.bd_v .link_wrap .cont.l_cont .txt {
  margin-left: 20px;
}
.bd_v .link_wrap .cont.r_cont {
  text-align: right;
}
.bd_v .link_wrap .cont.r_cont::after {
  content: '';
  transform: scaleX(-1);
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-image: url(/src/img/ico/bd_v_link.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 620px) {
  .bd_v .link_wrap .cont.r_cont::after {
    width: 50px;
    height: 50px;
  }
}
.bd_v .link_wrap .cont.r_cont .txt {
  margin-right: 20px;
}
.bd_v .link_wrap .cont .txt {
  width: calc(100% - 80px);
}

.bd_v .answer_wrap{padding: 20px;border-bottom: 1px solid #ddd;}
@media (max-width: 620px){
	.bd_v .answer_wrap{padding: 10px;}
}

.w_tb {
  border-top: 1px solid #000;
}
@media (max-width: 620px) {
  .w_tb {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
  }
}
.w_tb > table tr {
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .w_tb > table tr {
    display: block;
    border-bottom: 0;
  }
}
@media (max-width: 620px) {
  .w_tb > table tr + tr {
    margin-top: 20px;
  }
}
.w_tb > table tbody th {
  font-weight: bold;
  text-align: left;
}
@media (max-width: 620px) {
  .w_tb > table tbody th {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
}
.w_tb > table tbody td {
  display: flex;
  padding: 7px 7px 7px 0;
}
@media (max-width: 620px) {
  .w_tb > table tbody td {
    padding: 0;
  }
}
.w_tb > table tbody td.addr_wrap {
  flex-direction: column;
}
.w_tb > table tbody td.rdo_wrap {
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 12px;
}
@media (max-width: 620px) {
  .w_tb > table tbody td.rdo_wrap {
    padding-bottom: 0;
  }
}
.w_tb > table tbody td.rdo_wrap .de_rdo {
  margin: 5px 20px 0 0;
}
@media (max-width: 1440px) {
  .w_tb > table tbody td.rdo_wrap .r_txt {
    margin-top: 10px;
  }
}
.w_tb > table tbody td.mail_inp_wrap.with_cki {
  align-items: center;
}
@media (max-width: 1440px) {
  .w_tb > table tbody td.mail_inp_wrap.with_cki {
    flex-wrap: wrap;
  }
}
.w_tb > table tbody td.mail_inp_wrap.with_cki .cki_wrap {
  margin-left: 20px;
}
@media (max-width: 1440px) {
  .w_tb > table tbody td.mail_inp_wrap.with_cki .cki_wrap {
    width: 100%;
    margin: 7px 0 0;
  }
}
.w_tb > table tbody td.pation_info_wrap {
  flex-direction: column;
}
.w_tb > table tbody td.pation_info_wrap .w100p {
  width: 100%;
}
.w_tb > table tbody td.pation_info_wrap .line {
  display: flex;
}
@media (max-width: 620px) {
  .w_tb > table tbody td.pation_info_wrap .line {
    display: block;
  }
}
.w_tb > table tbody td.pation_info_wrap .line .cont {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 620px) {
  .w_tb > table tbody td.pation_info_wrap .line .cont {
    margin-right: 0;
  }
}
@media (max-width: 620px) {
  .w_tb > table tbody td.pation_info_wrap .line .cont + .cont {
    margin-top: 5px;
  }
}
.w_tb > table tbody td.pation_info_wrap .line .cont .t1 {
  display: block;
  min-width: 70px;
  padding-right: 15px;
}
@media (max-width: 620px) {
  .w_tb > table tbody td.pation_info_wrap .line .cont .t1 {
    min-width: auto;
    padding-right: 10px;
  }
}
@media (max-width: 620px) {
  .w_tb > table tbody .txt_line {
    display: flex;
    align-items: stretch;
  }
}
@media (max-width: 620px) {
  .w_tb > table tbody .txt_line th {
    width: 100px;
    margin-bottom: 0;
  }
}
.w_tb > table tbody .txt_line td {
  height: 54px;
  align-items: center;
}
@media (max-width: 620px) {
  .w_tb > table tbody .txt_line td {
    width: calc(100% - 100px);
    height: auto;
  }
}

.w_s_line {
  display: flex;
  justify-content: center;
}
.w_s_line .btn {
  width: 220px;
  height: 60px;
  text-align: center;
}
@media (max-width: 620px) {
  .w_s_line .btn {
    width: calc(50% - 4px);
    height: 50px;
  }
}
.w_s_line .btn + .btn {
  margin-left: 5px;
}
@media (max-width: 620px) {
  .w_s_line .btn + .btn {
    margin-left: 8px;
  }
}
.w_s_line .bg_style {
  line-height: 60px;
  color: #fff;
  background-color: #22a1ff !important;
}
@media (max-width: 620px) {
  .w_s_line .bg_style {
    line-height: 50px;
  }
}
.w_s_line .line_style {
  border: 1px solid #aaa;
  line-height: 58px;
}
@media (max-width: 620px) {
  .w_s_line .line_style {
    line-height: 48px;
  }
}

.faq_lst {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.faq_lst > ul li + li {
  border-top: 1px solid #ddd;
}
.faq_lst > ul li .q_line {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 80px;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .q_line {
    padding-right: 0;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .q_line {
    display: block;
    padding: 20px 10px;
  }
}
.faq_lst > ul li .q_line .q_ico {
  display: block;
  width: 80px;
  text-align: center;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .q_line .q_ico {
    width: 75px;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .q_line .q_ico {
    width: 100%;
    text-align: left;
  }
}
.faq_lst > ul li .q_line .faq_btn {
  display: block;
  width: calc(100% - 80px);
  padding: 30px 10px;
  text-align: left;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .q_line .faq_btn {
    width: calc(100% - 75px);
    padding: 30px 15px;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .q_line .faq_btn {
    width: 100%;
    padding: 10px 0 0;
  }
}
.faq_lst > ul li .q_line::after {
  content: '';
  position: absolute;
  right: 30px;
  top: calc(50% - 25px);
  transform: rotate(90deg);
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #eff0f2;
  background-image: url(/src/img/ico/lst_arrow_ico1.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .q_line::after {
    display: none;
  }
}
.faq_lst > ul li .a_line {
  display: none;
}
.faq_lst > ul li .a_line .wrap {
  display: flex;
  padding: 30px 100px;
  border-top: 1px solid #ddd;
  background-color: #fafafa;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .a_line .wrap {
    padding: 30px 0;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .a_line .wrap {
    display: block;
    padding: 20px 10px;
  }
}
.faq_lst > ul li .a_line .wrap .a_ico {
  display: block;
  width: 50px;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .a_line .wrap .a_ico {
    width: 75px;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .a_line .wrap .a_ico {
    width: 100%;
    text-align: left;
  }
}
.faq_lst > ul li .a_line .wrap .a_txt {
  width: calc(100% - 50px);
  margin-top: -5px;
}
@media (max-width: 1440px) {
  .faq_lst > ul li .a_line .wrap .a_txt {
    width: calc(100% - 75px);
    padding: 0 15px;
  }
}
@media (max-width: 620px) {
  .faq_lst > ul li .a_line .wrap .a_txt {
    width: 100%;
    margin-top: 10px;
    padding: 0;
  }
}
.faq_lst > ul li.act .q_line::after {
  transform: rotate(90deg) scaleX(-1);
  background-color: #22a1ff !important;
  background-image: url(/src/img/ico/lst_arrow_ico2.svg);
}

.lst_tit_line .l_tit {
  line-height: 35px;
}
.lst_tit_line .r_more {
  line-height: 35px;
  color: #aaa;
}
.lst_tit_line .r_more::after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #aaa;
  border-radius: 50%;
  vertical-align: middle;
  background-image: url(/src/img/ico/r_more_ico.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.sch_s_cont{padding-top: 100px;}
@media (max-width: 620px){
	.sch_s_cont{padding-top: 70px;}
}
.sch_v .sch_txt {
  padding: 85px 0;
  text-align: center;
}
@media (max-width: 620px) {
  .sch_v .sch_txt {
    padding: 35px 0;
  }
}
.sch_v .sch_lst {
  border-top: 1px solid #333;
}
.sch_v .sch_lst > ul li {
  padding: 50px 0 40px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .sch_v .sch_lst > ul li {
    padding: 25px 0 20px;
  }
}
.sch_v .sch_lst > ul li .t1 {
  line-height: 150%;
}
.sch_v .sch_lst > ul li .t2 {
  margin-top: 20px;
  color: #ccc;
}
@media (max-width: 620px) {
  .sch_v .sch_lst > ul li .t2 {
    margin-top: 10px;
  }
}
.sch_v .sch_lst > ul li:hover .t1,
.sch_v .sch_lst > ul li:hover .t2 {
  text-decoration: underline;
}
@media (max-width: 620px) {
  .sch_v .sch_lst > ul li:hover .t1,
  .sch_v .sch_lst > ul li:hover .t2 {
    text-decoration: none;
  }
}


.vr_wrap{width: 1200px;margin: 0 auto;}
@media (max-width: 1440px){
	.vr_wrap{width: 90%;}
}


.photo_slide{width: 1200px;margin: 0 auto;}
@media (max-width: 1440px){
	.photo_slide{width: 90%;}
}

@media (max-width: 1440px) {
  .photo_slide .big_wrap {
    position: static;
  }
}
.photo_slide .big_wrap .big_slide {
  position: relative;
  border-radius: 10px;
}
.photo_slide .big_wrap .big_slide .photo_mask {
  overflow: hidden;
}
.photo_slide .big_wrap .big_slide .item {
  position: relative;
}
@media (max-width: 1440px) {
  .photo_slide .big_wrap .big_slide .item {
    position: static;
  }
}
.photo_slide .big_wrap .big_slide .item .img {
  overflow: hidden;
  border-radius: 10px;
}
.photo_slide .big_wrap .big_slide .item .img img {
  width: 100%;
}
.photo_slide .big_wrap .big_slide .item .tit {
  z-index: 10;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  border-radius: 0 0 10px 10px;
  padding: 0 50px;
  line-height: 100px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1440px) {
  .photo_slide .big_wrap .big_slide .item .tit {
    position: static;
    height: auto;
    margin-top: 20px;
    border-radius: 0;
    padding: 0;
    line-height: 150%;
    color: #333;
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (max-width: 620px) {
  .photo_slide .big_wrap .big_slide .item .tit {
    margin-top: 10px;
  }
}
.photo_slide .big_wrap .big_slide .arrow_btn {
  z-index: 20;
  position: absolute;
  bottom: 37px;
  width: 15px;
  height: 26px;
  background-image: url(/src/img/ico/inside_slide_arrow.svg);
}
@media (max-width: 1440px) {
  .photo_slide .big_wrap .big_slide .arrow_btn {
    bottom: 50%;
  }
}
.photo_slide .big_wrap .big_slide .arrow_btn.prev {
  left: 30px;
}
@media (max-width: 620px) {
  .photo_slide .big_wrap .big_slide .arrow_btn.prev {
    left: 15px;
  }
}
.photo_slide .big_wrap .big_slide .arrow_btn.next {
  right: 30px;
  transform: scaleX(-1);
}
@media (max-width: 620px) {
  .photo_slide .big_wrap .big_slide .arrow_btn.next {
    right: 15px;
  }
}
.photo_slide .s_slide {
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .photo_slide .s_slide {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .photo_slide .s_slide {
    margin-top: 20px;
  }
}
.photo_slide .s_slide > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
	margin-right: -10px;
  font-size: 0;
}
@media (max-width: 1440px) {
  .photo_slide .s_slide > ul {
    overflow-x: auto;
    flex-wrap: nowrap;
    margin-top: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .photo_slide .s_slide > ul {
    padding-bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .photo_slide .s_slide > ul::-webkit-scrollbar {
    height: 4px;
    background-color: #eee;
  }
}
@media (max-width: 620px) {
  .photo_slide .s_slide > ul::-webkit-scrollbar {
    height: 2px;
  }
}
@media (max-width: 1440px) {
  .photo_slide .s_slide > ul::-webkit-scrollbar-thumb {
    background-color: #22a1ff !important;
  }
}
.photo_slide .s_slide > ul li {
  overflow: hidden;
	width: calc(16.6667% - 10px);
  margin-top: 10px;
	margin-right: 10px;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .photo_slide .s_slide > ul li {
    flex: 0 0 auto;
    width: 154px;
    margin-top: 0;
  }
}
@media (max-width: 620px) {
  .photo_slide .s_slide > ul li {
    width: 136px;
  }
}
.photo_slide .s_slide > ul li > button{display: block;width: 100%;}
.photo_slide .s_slide > ul li .btn_cont {
  display: block;
  width: 100%;
}
.photo_slide .s_slide > ul li img {
  width: 100%;
}
.photo_slide .s_slide > ul li.act {
  position: relative;
}
.photo_slide .s_slide > ul li.act::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #22a1ff !important;
  border-radius: 10px;
}
@media (max-width: 620px) {
  .photo_slide .s_slide > ul li.act::after {
    border: 2px solid #22a1ff !important;
  }
}

.equip_slide_cont {
  margin-top: -180px;
}
.equip_slide_cont .equip_desc_slide + .equip_desc_slide {
  margin-top: 180px;
}

@media (max-width: 1440px) {
  .equip_slide_cont .equip_desc_slide + .equip_desc_slide {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .equip_slide_cont {
    margin-top: -90px;
  }
  .equip_slide_cont .equip_desc_slide + .equip_desc_slide {
    margin-top: 40px;
  }
}

.equip_desc_slide .equip_lr {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 1440px) {
  .equip_desc_slide .equip_lr {
    display: block;
  }
}
.equip_desc_slide .r_txt {
  width: calc(50% - 40px);
  margin-left: 80px;
}
@media (max-width: 1440px) {
  .equip_desc_slide .r_txt {
    width: 100%;
    margin-left: 0;
  }
}
.equip_desc_slide .r_txt .item {
  display: none;
}
.equip_desc_slide .r_txt .item.act {
  display: block;
}
.equip_desc_slide .r_txt .item .t1 {
  margin-bottom: 15px;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .t1 {
    margin-bottom: 10px;
  }
}
.equip_desc_slide .r_txt .item .t2 {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .t2 {
    padding-bottom: 15px;
  }
}
.equip_desc_slide .r_txt .item .desc_tb > table tbody th {
  width: 150px;
  padding: 10px 0;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .desc_tb > table tbody th {
    width: 105px;
    padding: 5px 0;
  }
}
.equip_desc_slide .r_txt .item .desc_tb > table tbody td {
  padding: 10px 0;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .desc_tb > table tbody td {
    padding: 5px 0;
  }
}
.equip_desc_slide .r_txt .item .desc_tb > table tbody td.box_wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 10px;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .desc_tb > table tbody td.box_wrap {
    padding: 0 0 5px;
  }
}
.equip_desc_slide .r_txt .item .desc_tb > table tbody td.box_wrap .box {
  min-width: 120px;
  height: 36px;
  margin: 5px 5px 0 0;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 23px;
  line-height: 34px;
  text-align: center;
}
@media (max-width: 620px) {
  .equip_desc_slide .r_txt .item .desc_tb > table tbody td.box_wrap .box {
    min-width: 82px;
    padding: 0 10px;
    border-radius: 10px;
  }
}
.equip_desc_slide .big_slide {
  position: relative;
  width: calc(50% - 40px);
}
@media (max-width: 1440px) {
  .equip_desc_slide .big_slide {
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .equip_desc_slide .big_slide {
    margin-top: 20px;
  }
}
.equip_desc_slide .big_slide .equip_mask {
  overflow: hidden;
}
.equip_desc_slide .big_slide .item {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.equip_desc_slide .big_slide .item img {
  width: 100%;
}
.equip_desc_slide .big_slide .arrow_btn {
  z-index: 10;
  position: absolute;
  top: calc(50% - 13px);
  width: 14px;
  height: 26px;
  background-image: url(/src/img/ico/equip_slide_arrow.svg);
}
.equip_desc_slide .big_slide .arrow_btn:hover {
  background-image: url(/src/img/ico/equip_slide_arrow2.svg);
}
.equip_desc_slide .big_slide .arrow_btn.prev {
  left: 30px;
}
@media (max-width: 620px) {
  .equip_desc_slide .big_slide .arrow_btn.prev {
    left: 15px;
  }
}
.equip_desc_slide .big_slide .arrow_btn.next {
  transform: scaleX(-1);
  right: 30px;
}
@media (max-width: 620px) {
  .equip_desc_slide .big_slide .arrow_btn.next {
    right: 15px;
  }
}
.equip_desc_slide .s_slide {
  overflow: hidden;
}
@media (max-width: 620px) {
  .equip_desc_slide .s_slide.mt30 {
    margin-top: 10px;
  }
}
.equip_desc_slide .s_slide > ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
}
@media (max-width: 1440px) {
  .equip_desc_slide .s_slide > ul {
    overflow-x: auto;
    flex-wrap: nowrap;
    margin-bottom: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .equip_desc_slide .s_slide > ul {
    padding-bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .equip_desc_slide .s_slide > ul::-webkit-scrollbar {
    height: 4px;
    background-color: #eee;
  }
}
@media (max-width: 620px) {
  .equip_desc_slide .s_slide > ul::-webkit-scrollbar {
    height: 2px;
  }
}
@media (max-width: 1440px) {
  .equip_desc_slide .s_slide > ul::-webkit-scrollbar-thumb {
    background-color: #22a1ff !important;
  }
}
.equip_desc_slide .s_slide > ul li {
  overflow: hidden;
  width: 216px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .equip_desc_slide .s_slide > ul li {
    flex: 0 0 auto;
    width: 154px;
    margin-bottom: 0;
  }
}
@media (max-width: 620px) {
  .equip_desc_slide .s_slide > ul li {
    width: 136px;
  }
}
.equip_desc_slide .s_slide > ul li + li {
  margin-left: 20px;
}
@media (max-width: 1440px) {
  .equip_desc_slide .s_slide > ul li + li {
    margin-left: 8px;
  }
}
.equip_desc_slide .s_slide > ul li img {
  width: 100%;
}
.equip_desc_slide .s_slide > ul li.act {
  position: relative;
}
.equip_desc_slide .s_slide > ul li.act::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #22a1ff !important;
  border-radius: 9px;
}
@media (max-width: 620px) {
  .equip_desc_slide .s_slide > ul li.act::after {
    border: 2px solid #22a1ff !important;
  }
}

.direction .map_wrap {
  position: relative;
}
@media (max-width: 1440px) {
  .direction .map_wrap {
    position: static;
  }
}
.direction .map_wrap .map {
  height: 540px;
  background-image: url(/src/img/sub/map.jpg);
  background-size: cover;
  background-position: center;
}
@media (max-width: 620px) {
  .direction .map_wrap .map {
    height: 240px;
  }
}
.direction .map_wrap .desc_box {
  z-index: 10;
  position: absolute;
  right: calc(50% - 700px);
  top: 0;
  width: 600px;
  height: 540px;
  padding: 85px 70px 0;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1520px) {
  .direction .map_wrap .desc_box {
    position: static;
    width: 90%;
    height: auto;
    margin: 80px auto 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box {
    margin-top: 40px;
  }
}
.direction .map_wrap .desc_box .link_box {
  display: flex;
  margin-left: -10px;
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .link_box {
    display: block;
    margin: -5px 0 0;
  }
}
.direction .map_wrap .desc_box .link_box .box {
  display: block;
  margin-left: 10px;
  width: 225px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .link_box .box {
    margin: 5px 0 0;
    width: 100%;
  }
}
.direction .map_wrap .desc_box .link_box .box::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-size: cover;
}
.direction .map_wrap .desc_box .link_box .box.msg {
  color: #fff;
  background-color: #0c172b;
}
.direction .map_wrap .desc_box .link_box .box.msg::before {
  width: 24px;
  height: 21px;
  background-image: url(/src/img/ico/map_link_msg.png);
}
.direction .map_wrap .desc_box .link_box .box.kakao {
  color: #1e0c0c;
  background-color: #ffec00;
}
.direction .map_wrap .desc_box .link_box .box.kakao::before {
  width: 25px;
  height: 23px;
  background-image: url(/src/img/ico/map_link_kakao.png);
}
.direction .map_wrap .desc_box .gs_info > ul > li {
  display: flex;
  align-items: center;
}
.direction .map_wrap .desc_box .gs_info > ul > li + li {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .gs_info > ul > li + li {
    margin-top: 10px;
  }
}
.direction .map_wrap .desc_box .gs_info > ul > li .ico {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
  background: #22a1ff;
  background: linear-gradient(180deg, #22a1ff 0%, #0c172b 100%);
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .gs_info > ul > li .ico {
    margin-right: 10px;
  }
}
.direction .map_wrap .desc_box .gs_info > ul > li .ico::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.direction .map_wrap .desc_box .gs_info > ul > li .ico1::after {
  background-image: url(/src/img/ico/gs_info_ico1.png);
}
.direction .map_wrap .desc_box .gs_info > ul > li .ico2::after {
  background-image: url(/src/img/ico/gs_info_ico2.png);
}
.direction .map_wrap .desc_box .gs_info > ul > li .ico3::after {
  background-image: url(/src/img/ico/gs_info_ico3.png);
}
.direction .map_wrap .desc_box .gs_info > ul > li .txt {
  width: calc(100% - 70px);
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .gs_info > ul > li .txt {
    width: calc(100% - 60px);
  }
}
@media (max-width: 620px) {
  .direction .map_wrap .desc_box .gs_info > ul > li.m_st {
    align-items: stretch;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap.mt80 {
    margin-top: 90px;
  }
}
.direction .trans_wrap > ul > li {
  display: flex;
  align-items: center;
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.direction .trans_wrap > ul > li + li {
  margin-top: 70px;
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li + li {
    margin-top: 35px;
  }
}
.direction .trans_wrap > ul > li.st {
  align-items: stretch;
}
.direction .trans_wrap > ul > li .ico_circle {
  overflow: hidden;
  position: relative;
  width: 220px;
  height: 220px;
  margin-right: 70px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-color: #f9fcff;
  background-repeat: no-repeat;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .ico_circle {
    margin-right: 50px;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .ico_circle {
    margin: 0 0 20px;
  }
}
.direction .trans_wrap > ul > li .ico_circle .t1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 77px;
  line-height: 77px;
  text-align: center;
  color: #fff;
}
.direction .trans_wrap > ul > li .ico_circle.circle1 {
  background-image: url(/src/img/ico/trans_ico1.png);
  background-position: center 46px;
}
.direction .trans_wrap > ul > li .ico_circle.circle1 .t1 {
  background-color: #33caff;
}
.direction .trans_wrap > ul > li .ico_circle.circle2 {
  background-image: url(/src/img/ico/trans_ico2.png);
  background-position: center 48px;
}
.direction .trans_wrap > ul > li .ico_circle.circle2 .t1 {
  background-color: #22a1ff;
}
.direction .trans_wrap > ul > li .ico_circle.circle3 {
  background-image: url(/src/img/ico/trans_ico3.png);
  background-position: center 51px;
}
.direction .trans_wrap > ul > li .ico_circle.circle3 .t1 {
  background-color: #2a5a8c;
}
.direction .trans_wrap > ul > li .ico_circle.circle4 {
  background-image: url(/src/img/ico/trans_ico4.png);
  background-position: center 43px;
}
.direction .trans_wrap > ul > li .ico_circle.circle4 .t1 {
  background-color: #0c172b;
}
.direction .trans_wrap > ul > li .r_txt {
  width: calc(100% - 290px);
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt {
    width: calc(100% - 270px);
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt {
    width: 100%;
  }
}
.direction .trans_wrap > ul > li .r_txt .desc_tb .line {
  display: flex;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .desc_tb .line {
    display: block;
  }
}
.direction .trans_wrap > ul > li .r_txt .desc_tb .line + .line {
  margin-top: 10px;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .desc_tb .line + .line {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt .desc_tb .line + .line {
    margin-top: 10px;
  }
}
.direction .trans_wrap > ul > li .r_txt .desc_tb .line .t1 {
  padding-right: 20px;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .desc_tb .line .t1 {
    margin-bottom: 10px;
    padding-right: 0;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt .desc_tb .line .t1 {
    margin-bottom: 5px;
  }
}
.direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li {
  margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li {
    margin-bottom: 10px;
  }
}
.direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li:last-child {
  margin-bottom: 0;
}
.direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li .num {
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li .num {
    margin-bottom: 10px;
  }
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li .num {
    margin-bottom: 5px;
  }
}
.direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li .txt {
  width: calc(100% - 50px);
}
@media (max-width: 1440px) {
  .direction .trans_wrap > ul > li .r_txt .common_num_lst.type2 > ol li .txt {
    width: 100%;
    margin-top: 0;
  }
}
.direction .trans_wrap > ul > li .r_txt .link_box {
  display: block;
  width: 240px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  text-align: center;
}
@media (max-width: 620px) {
  .direction .trans_wrap > ul > li .r_txt .link_box {
    width: 100%;
  }
}
.direction .trans_wrap > ul > li .r_txt .link_box::before {
  display: inline-block;
  margin: -4px 10px 0 0;
  vertical-align: middle;
}
.direction .trans_wrap > ul > li .r_txt .link_box.k_load {
  color: #fff;
  background-color: #017cff;
}
.direction .trans_wrap > ul > li .r_txt .link_box.k_load::before {
  content: '';
  width: 28px;
  height: 28px;
  background-image: url(/src/img/ico/trans_link_ico1.png);
}
.direction .caution_box {
  padding: 80px 40px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .direction .caution_box {
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .direction .caution_box .t1 {
    width: 190px;
    margin: 0 auto;
  }
}
.direction .caution_box .common_dot_lst > ul .dot {
  padding-left: 20px;
}
@media (max-width: 620px) {
  .direction .caution_box .common_dot_lst > ul .dot {
    padding-left: 15px;
  }
}
.direction .caution_box .common_dot_lst > ul .dot::before {
  width: 8px;
  height: 8px;
  background-color: #ddd;
}
.direction .caution_box .common_dot_lst > ul .dot.fz18::before {
  top: 10px;
}
@media (max-width: 620px) {
  .direction .caution_box .common_dot_lst > ul .dot.fz18::before {
    top: 7px;
  }
}
.direction .caution_box .common_dot_lst > ul li + li {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .direction .caution_box .common_dot_lst > ul li + li {
    margin-top: 10px;
  }
}

.cooperation .quote {
  position: relative;
  padding: 0 70px;
}
@media (max-width: 620px) {
  .cooperation .quote {
    padding: 0 45px;
  }
}
.cooperation .quote::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 24px;
  margin-right: 30px;
  vertical-align: top;
  background-image: url(/src/img/ico/quote.png);
  background-size: cover;
}
.cooperation .quote::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(-1);
  width: 36px;
  height: 24px;
  margin-left: 30px;
  vertical-align: top;
  background-image: url(/src/img/ico/quote.png);
  background-size: cover;
}
.cooperation .desc {
  width: 720px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .cooperation .desc {
    width: 100%;
  }
}
.cooperation .partnership_tit {
  border-top: 1px solid #ddd;
}
@media (max-width: 620px) {
  .cooperation .partnership_tit .t1 {
    width: 210px;
    margin: 0 auto;
  }
}

.cooperation .partner_logo > ul{display: flex;flex-wrap: wrap;gap: 20px;}
.cooperation .partner_logo > ul > li{width: calc((100% - 100px)/6);}
.cooperation .partner_logo > ul > li .img{width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
@media (max-width: 1440px){
	.cooperation .partner_logo > ul > li{width: calc((100% - 60px)/4);}
}
@media (max-width: 991px){
	.cooperation .partner_logo > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
	.cooperation .partner_logo > ul{gap: 10px;}
	.cooperation .partner_logo > ul > li{width: calc(50% - 5px);}
}

.appoint_inspection .caution_box {
  padding: 55px 40px;
  border: 1px solid #ddd;
  background-color: #fafafa;
}
@media (max-width: 1440px) {
  .appoint_inspection .caution_box {
    padding: 60px 40px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .caution_box {
    padding: 30px 20px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .caution_box .t1.mb10 {
    margin-bottom: 10px;
  }
}
.appoint_inspection .type_box {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  border: 1px solid #ddd;
}
@media (max-width: 1440px) {
  .appoint_inspection .type_box {
    padding: 15px 30px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .type_box {
    display: block;
    padding: 20px;
  }
}
.appoint_inspection .type_box .t1 {
  display: block;
  width: 140px;
}
@media (max-width: 1440px) {
  .appoint_inspection .type_box .t1 {
    width: 130px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .type_box .t1 {
    width: 100%;
    margin-bottom: 5px;
  }
}
.appoint_inspection .type_box .rdo_type {
  margin-top: -10px;
}
.appoint_inspection .type_box .rdo_type > .de_rdo {
  margin: 10px 50px 0 0;
}
.appoint_inspection .type_box .rdo_type > .de_rdo i {
  margin-right: 5px;
  border: 1px solid #ddd;
}
.appoint_inspection .type_box .rdo_type > .de_rdo input:checked ~ span {
  color: #22a1ff !important;
}
.appoint_inspection .type_box .sel_type {
  display: none;
  width: calc(100% - 130px);
  height: 40px;
  padding: 0 15px 0 10px;
  background-position: calc(100% - 10px) 50%;
}
@media (max-width: 1440px) {
  .appoint_inspection .type_box .sel_type {
    display: block;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .type_box .sel_type {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .appoint_inspection .w_tb.mt70 {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .w_tb.mt70 {
    margin-top: 4px;
  }
}
@media (max-width: 620px) {
  .appoint_inspection .common_dot_lst > ul .dot {
    padding-left: 10px;
  }
}
.appoint_inspection .common_dot_lst > ul .dot + .dot {
  margin-top: 5px;
}
.appoint_inspection .common_dot_lst > ul .dot::before {
  background-color: #ddd;
}
.appoint_inspection .common_dot_lst > ul .dot.fz14::before {
  top: 8px;
}
@media (max-width: 620px) {
  .appoint_inspection .common_dot_lst > ul .dot.fz14::before {
    top: 7px;
  }
}

.confirm_lst > ul li {
  padding: 0 20px 40px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .confirm_lst > ul li {
    padding: 0 10px 20px;
  }
}
.confirm_lst > ul li + li {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .confirm_lst > ul li + li {
    margin-top: 10px;
  }
}
.confirm_lst > ul li .confirm_state_box {
  display: block;
  width: 120px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .confirm_state_box {
    width: 80px;
    height: 40px;
  }
}
.confirm_lst > ul li .confirm_state_box.gray_line {
  border: 1px solid #aaa;
  line-height: 48px;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .confirm_state_box.gray_line {
    line-height: 38px;
  }
}
.confirm_lst > ul li .confirm_state_box.red_line {
  border: 1px solid #f00;
  line-height: 48px;
  color: #f00;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .confirm_state_box.red_line {
    line-height: 38px;
  }
}
.confirm_lst > ul li .confirm_state_box.c_gray_bg {
  background-color: #fafafa;
  line-height: 50px;
  color: #999;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .confirm_state_box.c_gray_bg {
    line-height: 40px;
  }
}
.confirm_lst > ul li .info_wrap {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.confirm_lst > ul li .info_wrap .l_cont {
  width: calc(100% - 120px);
}
@media (max-width: 620px) {
  .confirm_lst > ul li .info_wrap .l_cont {
    width: calc(100% - 80px);
  }
}
@media (max-width: 620px) {
  .confirm_lst > ul li .info_wrap .l_cont .t1 {
    margin-bottom: 5px;
  }
}
.confirm_lst > ul li .info_wrap .l_cont .t1::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 20px 2px;
  vertical-align: middle;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .info_wrap .l_cont .t1::after {
    display: none;
  }
}
.confirm_lst > ul li .cont_wrap {
  border-top: 1px solid #ddd;
}
.confirm_lst > ul li .desc_tb > table tbody th {
  width: 95px;
  padding: 2px 0;
  font-weight: bold;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .desc_tb > table tbody th {
    width: 85px;
    padding: 0;
  }
}
.confirm_lst > ul li .desc_tb > table tbody td {
  padding: 2px 0;
}
@media (max-width: 620px) {
  .confirm_lst > ul li .desc_tb > table tbody td {
    padding: 0;
  }
}

.issuance_info .issuance_h3::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px 2px 0;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #22a1ff !important;
  background-image: url(/src/img/ico/s_h3_ico.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1440px) {
  .issuance_info .issuance_h3::before {
    display: none;
  }
}
@media (max-width: 1440px) {
  .issuance_info .issuance_h3.mt70 {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .issuance_info .issuance_h3.mt70 {
    margin-top: 40px;
  }
}
@media (max-width: 1440px) {
  .issuance_info .issuance_h3.mb30 {
    margin-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .issuance_info .issuance_h3.mb30 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .issuance_info .desc.mt30 {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .issuance_info .desc.mt30 {
    margin-top: 10px;
  }
}
.issuance_info .desc_box {
  padding: 30px;
  border: 1px solid #ddd;
}
@media (max-width: 1440px) {
  .issuance_info .desc_box {
    padding: 40px;
  }
}
@media (max-width: 620px) {
  .issuance_info .desc_box {
    padding: 20px;
  }
}
.issuance_info .issuance_tb {
  border-top: 1px solid #333;
}
.issuance_info .issuance_tb thead th {
  padding: 20px;
  border: 1px solid #ddd;
  border-top: 0;
  font-weight: bold;
  line-height: 170%;
  background-color: #f6f9fc;
}
@media (max-width: 620px) {
  .issuance_info .issuance_tb thead th {
    padding: 15px 10px;
    line-height: 150%;
  }
}
.issuance_info .issuance_tb tbody td {
  padding: 20px;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 170%;
  word-break: break-all;
}
@media (max-width: 620px) {
  .issuance_info .issuance_tb tbody td {
    padding: 15px 10px;
    line-height: 150%;
  }
}
@media (max-width: 1520px) {
  .issuance_info .tb_m_scroll {
    overflow-x: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .issuance_info .tb_m_scroll {
    padding-bottom: 10px;
  }
}
@media (max-width: 1520px) {
  .issuance_info .tb_m_scroll::-webkit-scrollbar {
    height: 4px;
    background-color: #eee;
  }
}
@media (max-width: 620px) {
  .issuance_info .tb_m_scroll::-webkit-scrollbar {
    height: 2px;
  }
}
@media (max-width: 1520px) {
  .issuance_info .tb_m_scroll::-webkit-scrollbar-thumb {
    background-color: #22a1ff !important;
  }
}
@media (max-width: 1520px) {
  .issuance_info .tb_m_scroll .mw1400 {
    min-width: 1400px;
  }
}
.issuance_info .lr_cont {
  overflow: hidden;
  display: flex;
  margin-left: -50px;
}
@media (max-width: 1440px) {
  .issuance_info .lr_cont {
    display: block;
    margin: -50px 0 0;
  }
}
@media (max-width: 620px) {
  .issuance_info .lr_cont {
    margin: -20px 0 0;
  }
}
.issuance_info .lr_cont .cont {
  width: calc(50% - 50px);
  margin-left: 50px;
}
@media (max-width: 1440px) {
  .issuance_info .lr_cont .cont {
    width: 100%;
    margin: 50px 0 0;
  }
}
@media (max-width: 620px) {
  .issuance_info .lr_cont .cont {
    margin: 20px 0 0;
  }
}
.issuance_info .down_lst {
  overflow: hidden;
  display: flex;
  margin: 0 -10px -10px 0;
}
@media (max-width: 620px) {
  .issuance_info .down_lst {
    display: block;
    margin: 0 0 -10px;
  }
}
.issuance_info .down_lst .down_btn {
  position: relative;
  display: block;
  width: 320px;
  height: 60px;
  margin: 0 10px 10px 0;
  padding: 0 55px 0 30px;
  border-radius: 30px;
  border: 1px solid #aaa;
  line-height: 58px;
}
@media (max-width: 1440px) {
  .issuance_info .down_lst .down_btn {
    width: calc(50% - 10px);
  }
}
@media (max-width: 620px) {
  .issuance_info .down_lst .down_btn {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 55px 0 20px;
  }
}
.issuance_info .down_lst .down_btn::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #edf0f3;
  background-image: url(/src/img/ico/issuance_down_ico.png);
  background-repeat: no-repeat;
  background-position: center;
}

.issuance_service {
  padding: 50px;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 1440px) {
  .issuance_service {
    padding: 80px 40px;
  }
}
@media (max-width: 620px) {
  .issuance_service {
    padding: 40px 20px;
  }
}
.issuance_service .link_btn {
  display: block;
  width: 320px;
  height: 60px;
  margin: 35px auto 0;
  border: 1px solid #aaa;
  border-radius: 30px;
  line-height: 58px;
}
@media (max-width: 1440px) {
  .issuance_service .link_btn {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .issuance_service .link_btn {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    line-height: 48px;
  }
}

@media (max-width: 620px) {
  .login_wrap .common_s_tab.mb50 {
    margin-bottom: 30px;
  }
}
.login_wrap .common_s_tab .cont_tab.type1 > ul > li {
  height: 60px;
}
.login_wrap .common_s_tab .cont_tab.type1 > ul > li > a {
  line-height: 58px;
}
.login_wrap .login_container {
  width: 400px;
  margin: 0 auto;
}
@media (max-width: 620px) {
  .login_wrap .login_container {
    width: 100%;
  }
}
.login_wrap .inp_wrap .inp {
  height: 44px;
}
.login_wrap .inp_line {
  display: flex;
}
.login_wrap .de_cks i {
  border: 1px solid #ddd;
}
.login_wrap .login_link {
  font-size: 0;
}
.login_wrap .login_link li {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.login_wrap .login_link li a {
  display: inline-block;
  color: #666;
  line-height: 30px;
  vertical-align: middle;
}
.login_wrap .login_link li::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 10px;
  vertical-align: middle;
  background-color: #ddd;
}
.login_wrap .login_link li:last-child::after {
  display: none;
}
.login_wrap .sbm_btn {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background-color: #22a1ff !important;
}
@media (max-width: 620px) {
  .login_wrap .sbm_btn.mt20 {
    margin-top: 20px;
  }
}
.login_wrap .link_btn {
  display: block;
  width: 100%;
  border: 1px solid #aaa;
  line-height: 44px;
  text-align: center;
}
.login_wrap .sns_login {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
@media (max-width: 620px) {
  .login_wrap .sns_login {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.login_wrap .sns_login .tit {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 620px) {
  .login_wrap .sns_login .tit {
    margin-bottom: 15px;
  }
}
.login_wrap .sns_login .login_lst > ul li {
  height: 44px;
}
.login_wrap .sns_login .login_lst > ul li + li {
  margin-top: 5px;
}
.login_wrap .sns_login .login_lst > ul li > a {
  display: flex;
}
.login_wrap .sns_login .login_lst > ul li > a::before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
}
.login_wrap .sns_login .login_lst > ul li > a .t1 {
  width: calc(100% - 44px);
  text-align: center;
  line-height: 44px;
}
.login_wrap .sns_login .login_lst > ul li.kakao > a {
  background-color: #fae100;
}
.login_wrap .sns_login .login_lst > ul li.kakao > a::before {
  border-right: 1px solid #dec804;
  background-image: url(/src/img/ico/sns_login_kakao.png);
}
.login_wrap .sns_login .login_lst > ul li.kakao > a .t1 {
  color: #3b1e1e;
}
.login_wrap .sns_login .login_lst > ul li.naver > a {
  background-color: #00cf37;
}
.login_wrap .sns_login .login_lst > ul li.naver > a::before {
  border-right: 1px solid #03be35;
  background-image: url(/src/img/ico/sns_login_naver.png);
}
.login_wrap .sns_login .login_lst > ul li.naver > a .t1 {
  color: #fff;
}
.login_wrap .sns_login .login_lst > ul li.fb > a {
  background-color: #3c5a9a;
}
.login_wrap .sns_login .login_lst > ul li.fb > a::before {
  border-right: 1px solid #284481;
  background-image: url(/src/img/ico/sns_login_fb.png);
}
.login_wrap .sns_login .login_lst > ul li.fb > a .t1 {
  color: #fff;
}
.login_wrap .sns_login .login_lst > ul li.google {
  border: 1px solid #aaa;
}
.login_wrap .sns_login .login_lst > ul li.google > a::before {
  border-right: 1px solid #aaa;
  background-image: url(/src/img/ico/sns_login_google.png);
}

.join_wrap .agree_all_chk {
  padding: 10px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
}
.join_wrap .agree_all_chk .de_cki i {
  border: 1px solid #ddd;
}
.join_wrap .join3 {
  padding: 50px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.join_wrap .join3::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(/src/img/w_complete.png);
}

.mypage .my_tit.bdb {
  padding-bottom: 30px;
  border-bottom: 1px solid #333;
}
@media (max-width: 1240px) {
  .mypage .my_tit.bdb {
    padding-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .mypage .my_tit.bdb {
    padding-bottom: 10px;
  }
}
.mypage .date_pic_box {
  display: flex;
}
@media (max-width: 1240px) {
  .mypage .date_pic_box {
    display: block;
  }
}
@media (max-width: 1240px) {
  .mypage .date_pic_box.mt50 {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .mypage .date_pic_box.mt50 {
    margin-top: 20px;
  }
}
.mypage .date_pic_box .period_btn_wrap {
  display: flex;
}
.mypage .date_pic_box .period_btn_wrap .btn {
  width: 80px;
  height: 34px;
  border: 1px solid #ddd;
  vertical-align: top;
  line-height: 32px;
  color: #999;
  text-align: center;
  color: #666;
}
.mypage .date_pic_box .period_btn_wrap .btn + .btn {
  margin-left: 5px;
}
@media (max-width: 1240px) {
  .mypage .date_pic_box .period_btn_wrap .btn {
    width: calc((100% - 15px) / 4);
  }
}
.mypage .date_pic_box .period_btn_wrap .btn.act {
  border: 1px solid #22a1ff !important;
  color: #fff;
  background-color: #22a1ff !important;
}
.mypage .date_pic_box .date_sch_box {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
@media (max-width: 1240px) {
  .mypage .date_pic_box .date_sch_box {
    margin-top: 5px;
    margin-left: 0;
  }
}
.mypage .date_pic_box .date_sch_box .date_box {
  position: relative;
  width: 120px;
  height: 34px;
  border: 1px solid #ddd;
}
@media (max-width: 1240px) {
  .mypage .date_pic_box .date_sch_box .date_box {
    width: calc((100% - 102px) / 2);
  }
}
.mypage .date_pic_box .date_sch_box .date_box .date_inp {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 35px 0 10px;
  border: 0;
  color: #666;
}
.mypage .date_pic_box .date_sch_box .date_box .ui-datepicker-trigger {
  position: absolute;
  top: 9px;
  right: 10px;
}
.mypage .date_pic_box .date_sch_box .wave {
  display: block;
  width: 17px;
  text-align: center;
}
.mypage .date_pic_box .date_sch_box .sch_btn {
  display: block;
  width: 80px;
  height: 34px;
  margin-left: 5px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #333;
}
.mypage .date_pic_box .r_btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #aaa;
  text-align: center;
}
@media (max-width: 1440px) {
  .mypage .bd_lst > table tbody td {
    height: 58px;
  }
}
@media (max-width: 1240px) {
  .mypage .bd_lst > table tbody td {
    height: auto;
  }
}
.mypage .my_qna {
  border-top: 2px solid #000;
}
.mypage .my_qna .line {
  min-height: 58px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.mypage .my_qna .line .w {
  display: block;
  text-align: center;
}
.mypage .my_qna .line .w.w100 {
  width: 100px;
}
.mypage .my_qna .line .w.w130 {
  width: 130px;
}
.mypage .my_qna .line .w.w140 {
  width: 140px;
}
.mypage .my_qna .line .w.w100pm370 {
  width: calc(100% - 370px);
}
.mypage .my_qna .line .w.tit_wrap {
  text-align: left;
}
@media (max-width: 1240px) {
  .mypage .my_qna .line .w.tit_wrap {
    width: 100%;
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .mypage .my_qna .line .w.tit_wrap {
    padding: 20px 10px;
  }
}
.mypage .my_qna .line .w.tit_wrap .tit {
  display: block;
  width: 100%;
  text-align: left;
}
.mypage .my_qna .line.thead .w {
  font-weight: bold;
}
.mypage .my_qna .line.a_line {
  display: none;
  background-color: #fafafa;
}
.mypage .my_qna .line.a_line.act {
  display: block;
}
.mypage .my_qna .line.a_line .cont {
  display: flex;
  padding: 30px 60px;
}
@media (max-width: 1240px) {
  .mypage .my_qna .line.a_line .cont {
    padding: 40px 20px;
  }
}
@media (max-width: 620px) {
  .mypage .my_qna .line.a_line .cont {
    padding: 20px 10px;
  }
}
.mypage .my_qna .line.a_line .cont + .cont {
  border-top: 1px solid #ddd;
}
.mypage .my_qna .line.a_line .cont .qa_ico {
  display: block;
  width: 70px;
}
@media (max-width: 1240px) {
  .mypage .my_qna .line.a_line .cont .qa_ico {
    width: 30px;
  }
}
@media (max-width: 620px) {
  .mypage .my_qna .line.a_line .cont .qa_ico {
    width: 20px;
  }
}
.mypage .my_qna .line.a_line .cont .txt {
  width: calc(100% - 70px);
}
@media (max-width: 1240px) {
  .mypage .my_qna .line.a_line .cont .txt {
    width: calc(100% - 30px);
  }
}
@media (max-width: 620px) {
  .mypage .my_qna .line.a_line .cont .txt {
    width: calc(100% - 20px);
  }
}
@media (max-width: 1240px) {
  .mypage .my_qna .line.a_line .cont .txt .a_txt {
    margin-top: 10px;
  }
}
@media (max-width: 620px) {
  .mypage .my_qna .line.a_line .cont .txt .a_txt {
    margin-top: 5px;
  }
}
.mypage .my_qna .type {
  margin-right: 5px;
}
@media (max-width: 1240px) {
  .mypage .my_qna .type {
    display: block;
    margin-right: 0;
  }
}
.mypage .my_qna .btn_line {
  display: flex;
}
.mypage .my_qna .btn_line .btn {
  display: block;
  width: 40px;
  height: 34px;
  text-align: center;
}
.mypage .my_qna .btn_line .btn + .btn {
  margin-left: 5px;
}
.mypage .my_qna .btn_line .btn.bg_style {
  line-height: 34px;
  color: #fff;
  background-color: #333;
}
.mypage .my_qna .btn_line .btn.line_style {
  line-height: 32px;
  border: 1px solid #aaa;
  background-color: #fff;
}
.mypage .my_b_btn {
  width: 136px;
  height: 52px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #999;
  line-height: 50px;
  text-align: center;
}
@media (max-width: 1240px) {
  .mypage .my_b_btn {
    display: block;
  }
}
.mypage .my_w_tb {
  padding: 5px 0;
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .mypage .my_w_tb {
    padding: 20px 0;
  }
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody tr {
    display: block;
  }
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody tr + tr {
    margin-top: 20px;
  }
}
.mypage .my_w_tb > table tbody th {
  width: 160px;
  padding: 5px 0;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody th {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.mypage .my_w_tb > table tbody td {
  display: flex;
  padding: 5px 0;
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody td {
    margin-top: 10px;
    padding: 0;
  }
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody .txt_line {
    display: flex;
  }
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody .txt_line th {
    width: 100px;
  }
}
.mypage .my_w_tb > table tbody .txt_line td {
  height: 50px;
  align-items: center;
}
@media (max-width: 620px) {
  .mypage .my_w_tb > table tbody .txt_line td {
    align-items: stretch;
    width: calc(100% - 100px);
    height: auto;
    margin-top: 0;
  }
}

.cs_wrap {
  border-top: 1px solid #ddd;
}

@media (max-width: 620px) {
  .eye_correction .correction_ico_wrap {
    overflow: hidden;
  }
}
.eye_correction .correction_ico_wrap .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 286px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 620px) {
  .eye_correction .correction_ico_wrap .item {
    height: 213px;
  }
}
.eye_correction .correction_ico_wrap .item .t1 {
  width: 305px;
}
@media (max-width: 620px) {
  .eye_correction .correction_ico_wrap .item .t1 {
    width: 100%;
    padding: 0 20px;
  }
}
.eye_correction .correction_ico_wrap .ico_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-top: -30px;
}
.eye_correction .correction_ico_wrap .ico_lst > ul > li {
  width: calc(33.333% - 40px);
  margin-left: 40px;
  margin-top: 30px;
}
.eye_correction .correction_ico_wrap .ico_lst > ul.lng4 {
  margin-left: -30px;
  margin-top: -30px;
}
.eye_correction .correction_ico_wrap .ico_lst > ul.lng4 > li {
  width: calc(25% - 30px);
  margin-left: 30px;
  margin-top: 30px;
}
@media (max-width: 620px) {
  .eye_correction .correction_ico_wrap .slide_wrap {
    padding: 0 5%;
  }
}
.eye_correction .correction_ico_wrap .slide_wrap .correction_ico_mask {
  overflow: hidden;
  width: 100%;
}
.eye_correction .correction_ico_wrap .slide_wrap .slide_info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 126px;
  margin: 15px auto 0;
  text-align: center;
}
.eye_correction .correction_ico_wrap .slide_wrap .slide_info .pager {
  margin: 0 20px;
  font-family: 'yg-jalnan';
  font-size: 18px;
  font-weight: bold;
  color: #ccc;
}
.eye_correction .correction_ico_wrap .slide_wrap .slide_info .pager .swiper-pagination-current {
  color: #111;
}
.eye_correction .correction_ico_wrap .slide_wrap .slide_info .arrow_btn {
  width: 11px;
  height: 18px;
  background-image: url(/src/img/ico/ico_slide_ico.png);
}
.eye_correction .correction_ico_wrap .slide_wrap .slide_info .arrow_btn.n {
  margin-top: -1px;
  transform: rotate(180deg);
}
.eye_correction .common_img_lst > ul > li > figure img {
  width: 100%;
}
.eye_correction .common_img_lst > ul > li > figure.img_wa img{width: auto;max-width: none;}
@media (max-width: 1520px){
	.eye_correction .common_img_lst > ul > li > figure.img_wa img{width: 100%;}
}

@media (max-width: 1440px) {
  .eye_correction .common_img_lst.correction_half_lst > ul {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
}
.eye_correction .common_img_lst.correction_half_lst > ul > li {
  border: 0;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li {
    width: 440px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li {
    width: 100%;
    border-radius: 10px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li > figure img {
    width: 100%;
  }
}
.eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
  background-color: #f9f9f9;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
    min-height: auto;
    padding-bottom: 40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
    padding: 20px;
  }
}
.eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box.mh448{min-height: 448px;}
@media (max-width: 1440px){
	.eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box.mh448{min-height: auto;}
}
.eye_correction .common_img_lst.correction_half_lst > ul > li.c1_box {
  position: relative;
}
.eye_correction .common_img_lst.correction_half_lst > ul > li.c1_box::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #22a1ff !important;
  border-radius: inherit;
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.correction_half_lst > ul > li.c1_box::after {
    border: 2px solid #22a1ff !important;
  }
}
.eye_correction .common_img_lst > ul.lng4 {
  margin-top: -50px;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst > ul.lng4 {
    margin-top: -40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst > ul.lng4 {
    margin-top: -20px;
  }
}
.eye_correction .common_img_lst > ul.lng4 > li {
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst > ul.lng4 > li {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst > ul.lng4 > li {
    margin-top: 20px;
  }
}
.eye_correction .common_bg.correction_common_bg.golden_smile_bg3 {
  background-image: url(/src/img/bg/golden_smile_bg3.jpg);
}
.eye_correction .common_bg.correction_common_bg.golden_smile_bg3.bg_v2 {
  background-image: url(/src/img/bg/golden_smile_bg3_v2.jpg);
}
.eye_correction .common_bg.correction_common_bg.today_lasek_bg2 {
  background-image: url(/src/img/bg/today_lasek_bg2.jpg);
}
.eye_correction .common_bg.correction_common_bg.visu_lasik_bg2 {
  background-image: url(/src/img/bg/visu_lasik_bg2.jpg);
}
.eye_correction .common_bg.correction_common_bg.reinforce_cornea2 {
  background-image: url(/src/img/bg/reinforce_cornea2.jpg);
}
.eye_correction .common_bg.correction_common_bg.type2 .t1 {
  color: #f1f1f1;
  line-height: 151px;
}
@media (max-width: 620px) {
  .eye_correction .common_bg.correction_common_bg.type2 .t1 {
    line-height: 70px;
  }
}
.eye_correction .common_bg.correction_common_bg.type2 .t2 {
  margin-top: -60px;
}
@media (max-width: 991px) {
  .eye_correction .common_bg.correction_common_bg.type2 .t2 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    width: 100%;
  }
}
.eye_correction .common_num_lst.type1 > ol > li + li {
  margin-top: 180px;
}
@media (max-width: 620px) {
  .eye_correction .common_num_lst.type1 > ol > li + li {
    margin-top: 90px;
  }
}
.eye_correction .common_num_lst.type1 > ol > li .top_txt {
  padding-top: 30px;
}
@media (max-width: 620px) {
  .eye_correction .common_num_lst.type1 > ol > li .top_txt {
    padding-top: 20px;
  }
}
.eye_correction .common_num_lst.type1 > ol > li .top_txt .num {
  top: 0;
}
.eye_correction .operation_s_desc > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -80px;
}
@media (max-width: 1240px) {
  .eye_correction .operation_s_desc > ul {
    margin-bottom: -60px;
  }
}
@media (max-width: 620px) {
  .eye_correction .operation_s_desc > ul {
    margin-bottom: -30px;
  }
}
.eye_correction .operation_s_desc > ul > li {
  width: calc(50% - 20px);
  margin-bottom: 80px;
}
@media (max-width: 1240px) {
  .eye_correction .operation_s_desc > ul > li {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 620px) {
  .eye_correction .operation_s_desc > ul > li {
    margin-bottom: 30px;
  }
}
.eye_correction .operation_s_desc > ul > li .mov_frame {
  overflow: hidden;
  border-radius: 20px;
}
.eye_correction .operation_s_desc > ul > li figure {
  overflow: hidden;
  border-radius: 20px;
}
.eye_correction .operation_s_desc > ul > li figure > img {
  width: 100%;
  border-radius: inherit;
}
.eye_correction .operation_s_desc > ul > li .bd {
  border: 1px solid #ddd;
}
.eye_correction .operation_s_desc > ul > li.w100p {
  width: 100%;
}
.eye_correction .operation_s_desc .btn_cont {
  display: block;
  width: 100%;
}
.eye_correction .operation_s_desc .yt_ico {
  position: relative;
}
.eye_correction .operation_s_desc .yt_ico::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 84px;
  height: 59px;
  background-image: url(/src/img/ico/yt_ico.svg);
  background-size: cover;
}
.eye_correction .equip_lr .wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .eye_correction .equip_lr .wrap {
    display: block;
  }
}
.eye_correction .equip_lr .wrap .l_txt {
  width: 725px;
}
@media (max-width: 1440px) {
  .eye_correction .equip_lr .wrap .l_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
}
.eye_correction .equip_lr .wrap .l_txt .more_btn {
  display: block;
  width: 200px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 25px;
  line-height: 48px;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .eye_correction .equip_lr .wrap .l_txt .more_btn {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .equip_lr .wrap .l_txt .more_btn {
    margin-top: 20px;
  }
}
.eye_correction .equip_lr .wrap .r_img {
  overflow: hidden;
  width: 675px;
  border-radius: 20px 0 20px 0;
}
@media (max-width: 1440px) {
  .eye_correction .equip_lr .wrap .r_img {
    width: 100%;
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .eye_correction .equip_lr .wrap .r_img {
    margin-top: 40px;
  }
}
.eye_correction .equip_lr .wrap .r_img img {
  width: 100%;
}
.eye_correction .common_img_lst .bd {
  border: 1px solid #ddd;
}
.eye_correction .common_img_lst .bd.c1_box {
  border: 5px solid #22a1ff !important;
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst .bd.c1_box {
    border: 2px solid #22a1ff !important;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.surgery_lst > ul > li {
    border-radius: 10px;
  }
}
.eye_correction .common_img_lst.surgery_lst > ul > li > figure img {
  width: 100%;
}
.eye_correction .common_img_lst.surgery_lst > ul.lng3 {
  margin-top: -40px;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst.surgery_lst > ul.lng3 {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.surgery_lst > ul.lng3 {
    margin-top: -20px;
  }
}
.eye_correction .common_img_lst.surgery_lst > ul.lng3 > li {
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .eye_correction .common_img_lst.surgery_lst > ul.lng3 > li {
    width: 440px;
  }
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.surgery_lst > ul.lng3 > li {
    width: 100%;
    margin-top: 20px;
  }
}
.eye_correction .common_img_lst.half_lst.surgery_lst > ul > li .txt_box {
  min-height: auto;
  padding: 40px;
}
@media (max-width: 620px) {
  .eye_correction .common_img_lst.half_lst.surgery_lst > ul > li .txt_box {
    padding: 20px;
  }
}
.eye_correction .img_bd_box {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
@media (max-width: 620px) {
  .eye_correction .img_bd_box {
    border-radius: 10px;
  }
}
.eye_correction .img_bd_box img {
  width: 100%;
}
@media (max-width: 620px) {
  .eye_correction .tab_cont_box .common_num_lst.type2 {
    border: 2px solid #22a1ff !important;
  }
}
.eye_correction .tab_cont_box .common_num_lst.type2 > ol > li .num {
  margin-right: 15px;
}
.eye_correction .tab_cont_box .common_num_lst.type2 > ol > li .txt {
  width: calc(100% - 45px);
}
@media (max-width: 1440px) {
  .eye_correction .correction_caution_tab .common_bgico_lst.type2 > ul {
    margin-top: -40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .correction_caution_tab .common_bgico_lst.type2 > ul {
    margin-top: -20px;
  }
}
@media (max-width: 1440px) {
  .eye_correction .correction_caution_tab .common_bgico_lst.type2 > ul > li {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .eye_correction .correction_caution_tab .common_bgico_lst.type2 > ul > li {
    margin-top: 20px;
  }
}
.eye_correction .correction_caution_tab .caution_tb {
  border-top: 2px solid #000;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.eye_correction .correction_caution_tab .caution_tb > table {
  word-break: break-all;
}
.eye_correction .correction_caution_tab .caution_tb > table thead tr {
  border-bottom: 1px solid #ddd;
}
.eye_correction .correction_caution_tab .caution_tb > table thead th {
  padding: 20px 0;
  border-left: 1px solid #ddd;
  background-color: #f6f6f6;
}
@media (max-width: 620px) {
  .eye_correction .correction_caution_tab .caution_tb > table thead th {
    padding: 12px 6px;
  }
}
.eye_correction .correction_caution_tab .caution_tb > table tbody tr {
  border-bottom: 1px solid #ddd;
}
.eye_correction .correction_caution_tab .caution_tb > table tbody th {
  padding: 20px 0;
  border-left: 1px solid #ddd;
  background-color: #f9fcff;
}
@media (max-width: 620px) {
  .eye_correction .correction_caution_tab .caution_tb > table tbody th {
    padding: 15px 6px;
  }
}
.eye_correction .correction_caution_tab .caution_tb > table tbody th.bg_gray{background-color: #f6f6f6;}
.eye_correction .correction_caution_tab .caution_tb > table tbody th .ico {
  margin-bottom: 10px;
}
.eye_correction .correction_caution_tab .caution_tb > table tbody td {
  padding: 35px 0;
  border-left: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .eye_correction .correction_caution_tab .caution_tb > table tbody td {
    padding: 9px 5px;
  }
}
.eye_correction .correction_caution_tab .caution_tb > table tbody td.bg_sky{background-color: #f9fcff;}
.eye_correction .contact_lense_tab .common_bg {
  height: 460px;
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .common_bg {
    height: auto;
  }
}
.eye_correction .contact_lense_tab .common_bg.contact_lense_bg1 {
  background-image: url(/src/img/bg/contact_lense_bg1.jpg);
}
.eye_correction .contact_lense_tab .common_bg.contact_lense_bg2 {
  background-image: url(/src/img/bg/contact_lense_bg2.jpg);
}
.eye_correction .contact_lense_tab .common_bg.contact_lense_bg3 {
  background-image: url(/src/img/bg/contact_lense_bg3.jpg);
}
.eye_correction .contact_lense_tab .lense_manner {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1520px) {
  .eye_correction .contact_lense_tab .lense_manner {
    flex-direction: column;
  }
}
.eye_correction .contact_lense_tab .lense_manner > figure {
  overflow: hidden;
  width: 680px;
  border-radius: 20px;
}
@media (max-width: 1520px) {
  .eye_correction .contact_lense_tab .lense_manner > figure {
    width: 100%;
  }
}
.eye_correction .contact_lense_tab .lense_manner > figure img {
  width: 100%;
}
.eye_correction .contact_lense_tab .lense_manner .txt {
  width: 630px;
  margin-left: 90px;
  padding-top: 50px;
}
@media (max-width: 1520px) {
  .eye_correction .contact_lense_tab .lense_manner .txt {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .lense_manner .txt {
    padding-top: 25px;
  }
}
.eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul .dot {
  padding-left: 10px;
}
.eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul .dot::before {
  width: 3px;
  height: 3px;
  border-radius: 0;
  background-color: #333;
}
.eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul .dot.fz24::before {
  top: 17px;
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul .dot.fz24::before {
    top: 12px;
  }
}
.eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul > li + li {
  margin-top: 10px;
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .lense_manner .txt .common_dot_lst > ul > li + li {
    margin-top: 5px;
  }
}
.eye_correction .contact_lense_tab .lense_caution_lst > ol {
  display: flex;
  flex-wrap: wrap;
  margin: -30px 0 0 -30px;
}
@media (max-width: 1440px) {
  .eye_correction .contact_lense_tab .lense_caution_lst > ol {
    flex-direction: column;
    justify-content: flex-start;
    margin: -40px 0 0;
  }
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .lense_caution_lst > ol {
    margin-top: -20px;
  }
}
.eye_correction .contact_lense_tab .lense_caution_lst > ol > li {
  width: calc(25% - 30px);
  min-height: 254px;
  margin: 30px 0 0 30px;
  padding: 40px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .eye_correction .contact_lense_tab .lense_caution_lst > ol > li {
    width: 100%;
    min-height: 198px;
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .eye_correction .contact_lense_tab .lense_caution_lst > ol > li {
    min-height: 170px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
  }
}

.golden_smile .common_bg.golden_smile_bg1 {
  padding: 0 15%;
  background-image: url(/src/img/bg/golden_smile_bg1.jpg);
}
@media (max-width: 1440px) {
  .golden_smile .common_bg.golden_smile_bg1 {
    padding: 0 5%;
  }
}
@media (max-width: 620px) {
  .golden_smile .common_bg.golden_smile_bg1 {
    padding: 0;
  }
}
.golden_smile .common_bg.golden_smile_bg3 {
  background-image: url(/src/img/bg/golden_smile_bg3.jpg);
}
.golden_smile .golden_smile_banner1 {
  height: 530px;
  background-image: url(/src/img/bg/golden_smile_bg2.jpg);
  background-size: cover;
  background-position: center;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_banner1 {
    height: auto;
    padding: 100px 0;
  }
}
@media (max-width: 620px) {
  .golden_smile .golden_smile_banner1 {
    padding: 50px 0;
  }
}
.golden_smile .golden_smile_banner1 .wrap {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 70px;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_banner1 .wrap {
    flex-direction: column;
    height: auto;
    padding-left: 0;
  }
}
.golden_smile .golden_smile_banner1 .wrap .img {
  width: 654px;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_banner1 .wrap .img {
    width: auto;
  }
}
.golden_smile .golden_smile_banner1 .wrap .txt {
  width: calc(100% - 734px);
  margin-left: 80px;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_banner1 .wrap .txt {
    width: 100%;
    margin: 60px 0 0;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .golden_smile .golden_smile_banner1 .wrap .txt {
    margin-top: 30px;
  }
}
.golden_smile .golden_smile_lr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_lr {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.golden_smile .golden_smile_lr .l_txt {
  width: 630px;
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_lr .l_txt {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .golden_smile .golden_smile_lr .r_img {
    margin-top: 80px;
  }
}
@media (max-width: 620px) {
  .golden_smile .golden_smile_lr .r_img {
    margin-top: 40px;
  }
}
.golden_smile .golden_smile_lr .r_img.box {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.golden_smile .golden_smile_lr .r_img.box .bdt {
  border-top: 1px solid #ddd;
}
.golden_smile .golden_smile_lr .r_img .orange {
  color: #e95200;
}
.golden_smile .operation_num_lst .common_img_lst .bd {
  border: 1px solid #ddd;
}
.golden_smile .operation_num_lst .common_img_lst .bdrs20 {
  overflow: hidden;
  border-radius: 20px;
}
.golden_smile .operation_num_lst .common_img_lst .bdrs20 img {
  border-radius: inherit;
}
.golden_smile .operation_num_lst .common_img_lst figure img {
  width: 100%;
}
@media (max-width: 1440px) {
  .golden_smile .operation_num_lst .common_img_lst > ul.lng2 {
    margin-top: -60px;
  }
}
@media (max-width: 620px) {
  .golden_smile .operation_num_lst .common_img_lst > ul.lng2 {
    margin-top: -30px;
  }
}
@media (max-width: 1440px) {
  .golden_smile .operation_num_lst .common_img_lst > ul.lng2 > li {
    margin-top: 60px;
  }
}
@media (max-width: 620px) {
  .golden_smile .operation_num_lst .common_img_lst > ul.lng2 > li {
    margin-top: 30px;
  }
}
.golden_smile .energy_box_lst > ul {
  display: flex;
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .golden_smile .energy_box_lst > ul {
    display: block;
    margin: -40px 0 0;
  }
}
@media (max-width: 620px) {
  .golden_smile .energy_box_lst > ul {
    margin-top: -20px;
  }
}
.golden_smile .energy_box_lst > ul > li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: calc(33.333% - 40px);
  height: 294px;
  margin-left: 40px;
  padding: 0 40px;
  border-radius: 20px;
  background-color: #f9f9f9;
}
@media (max-width: 1440px) {
  .golden_smile .energy_box_lst > ul > li {
    width: 100%;
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .golden_smile .energy_box_lst > ul > li {
    margin-top: 20px;
    height: 195px;
    padding: 0 20px;
  }
}
.golden_smile .energy_box_lst > ul > li.c1_box {
  position: relative;
  background-color: #fff;
}
.golden_smile .energy_box_lst > ul > li.c1_box::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 5px solid #22a1ff !important;
}
@media (max-width: 620px) {
  .golden_smile .energy_box_lst > ul > li.c1_box::after {
    border: 2px solid #22a1ff !important;
  }
}
@media (max-width: 620px) {
  .golden_smile .common_bgico_lst.circle_lst_arrow > ul {
    margin-top: -10px;
  }
}
.golden_smile .common_bgico_lst.circle_lst_arrow > ul > li {
  position: relative;
}
@media (max-width: 620px) {
  .golden_smile .common_bgico_lst.circle_lst_arrow > ul > li {
    margin-top: 10px;
  }
}
.golden_smile .common_bgico_lst.circle_lst_arrow > ul > li::after {
  content: '';
  position: absolute;
  right: -28px;
  top: calc(50% - 14px);
  width: 57px;
  height: 27px;
  background-image: url(/src/img/ico/circle_lst_arrow.png);
  background-size: cover;
}
@media (max-width: 620px) {
  .golden_smile .common_bgico_lst.circle_lst_arrow > ul > li::after {
    display: none;
  }
}
@media (max-width: 1440px) {
  .golden_smile .common_bgico_lst.circle_lst_arrow > ul > li:nth-child(2)::after {
    display: none;
  }
}
.golden_smile .common_bgico_lst.circle_lst_arrow > ul > li:last-child::after {
  display: none;
}

.golden_smile .golden_result_lst{}
.golden_smile .golden_result_lst > ul{display: flex;gap: 80px 40px;}
.golden_smile .golden_result_lst > ul > li .arrow_ico{display: block;width: 27px;height: 15px;margin: 50px auto 0;background-image: url(/src/img/ico/golden_smile15_1.png);background-size: cover;}
.golden_smile .golden_result_lst > ul > li.order1{order: 1;}
.golden_smile .golden_result_lst > ul > li.order2{order: 2;}
.golden_smile .golden_result_lst > ul > li.order3{order: 3;}
.golden_smile .golden_result_lst.lng3 > ul > li{width: calc((100% - 80px)/3);}
.golden_smile .golden_result_lst.lng2 > ul > li{width: calc(50% - 20px);}

.golden_smile .golden_result_lst > ul > li.act{}
.golden_smile .golden_result_lst > ul > li.act .img_bd{position: relative;}
.golden_smile .golden_result_lst > ul > li.act .img_bd::after{content: '';box-sizing: border-box;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 5px solid #22A1FF;border-radius: inherit;}
.golden_smile .golden_result_lst > ul > li.act .t1{color: #22A1FF;}
.golden_smile .golden_result_lst > ul > li.act .arrow_ico{background-image: url(/src/img/ico/golden_smile15_2.png);}
@media (max-width: 1440px){
	.golden_smile .golden_result_lst > ul{flex-wrap: wrap;}
	.golden_smile .golden_result_lst > ul > li{order: 0 !important;}
	.golden_smile .golden_result_lst.lng3 > ul > li{width: calc(50% - 20px);}
	.golden_smile .golden_result_lst.lng2 > ul > li{width: 100%;}

}
@media (max-width: 620px){
	.golden_smile .golden_result_lst > ul{gap: 40px 0;}
	.golden_smile .golden_result_lst > ul > li .arrow_ico{margin-top: 25px;}
	.golden_smile .golden_result_lst > ul > li.act .img_bd::after{border: 2px solid #22A1FF;}
	.golden_smile .golden_result_lst.lng3 > ul > li{width: 100%;}

}




.lens_implantation .sergery_exprience .img {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.lens_implantation .sergery_exprience .img img {
  width: 100%;
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .img.mw1400 {
    min-width: 1400px;
  }
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .m_scroll {
    overflow-x: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .lens_implantation .sergery_exprience .m_scroll {
    padding-bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .m_scroll::-webkit-scrollbar {
    height: 4px;
    background-color: #eee;
  }
}
@media (max-width: 620px) {
  .lens_implantation .sergery_exprience .m_scroll::-webkit-scrollbar {
    height: 2px;
  }
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .m_scroll::-webkit-scrollbar-thumb {
    background-color: #22a1ff !important;
  }
}
.lens_implantation .sergery_exprience .img_legend {
  margin-top: 35px;
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .img_legend {
    margin-top: 30px;
  }
}
.lens_implantation .sergery_exprience .img_legend > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .img_legend > ul {
    margin-left: -30px;
  }
}
@media screen and (max-width: 720px) {
  .lens_implantation .sergery_exprience .img_legend > ul {
    margin: -15px 0 0;
  }
}
.lens_implantation .sergery_exprience .img_legend > ul li {
  display: flex;
  margin-left: 40px;
}
@media (max-width: 1440px) {
  .lens_implantation .sergery_exprience .img_legend > ul li {
    width: calc(25% - 30px);
    margin-left: 30px;
  }
}
@media screen and (max-width: 720px) {
  .lens_implantation .sergery_exprience .img_legend > ul li {
    width: 50%;
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 720px) {
  .lens_implantation .sergery_exprience .img_legend > ul li:nth-child(2n) {
    justify-content: flex-end;
  }
}
.lens_implantation .sergery_exprience .img_legend > ul li::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin: 4px 10px 0 0;
}
.lens_implantation .sergery_exprience .img_legend > ul li.box1::before {
  background-color: #22a1ff;
}
.lens_implantation .sergery_exprience .img_legend > ul li.box2::before {
  background-color: #2853c3;
}
.lens_implantation .sergery_exprience .img_legend > ul li.box3::before {
  background-color: #ff8222;
}
.lens_implantation .sergery_exprience .img_legend > ul li.box4::before {
  background-color: #dddddd;
}
.lens_implantation .sergery_exprience .img_legend > ul li.box5::before{width: 20px;height: 2px;margin-top: 10px;background-color: #2853C3;}
.lens_implantation .common_img_lst .bd {
  border: 1px solid #ddd;
}
.lens_implantation .common_img_lst .bdrs20 {
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 620px) {
  .lens_implantation .common_img_lst .bdrs20 {
    border-radius: 10px;
  }
}
.lens_implantation .common_img_lst .bdrs20 img {
  width: 100%;
}
.lens_implantation .common_img_lst > ul.lng2 {
  margin-left: -40px;
}
@media (max-width: 1520px) {
  .lens_implantation .common_img_lst > ul.lng2 {
    margin: -40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .common_img_lst > ul.lng2 {
    margin: -20px 0 0;
  }
}
.lens_implantation .common_img_lst > ul.lng2 > li {
  width: calc(50% - 40px);
  margin-left: 40px;
}
@media (max-width: 1520px) {
  .lens_implantation .common_img_lst > ul.lng2 > li {
    width: 100%;
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .common_img_lst > ul.lng2 > li {
    margin: 20px 0 0;
  }
}
.lens_implantation .consider_surgery {
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .lens_implantation .consider_surgery {
    display: block;
  }
}
.lens_implantation .consider_surgery .img {
  width: 680px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 1440px) {
  .lens_implantation .consider_surgery .img {
    width: 100%;
  }
}
.lens_implantation .consider_surgery .img img {
  width: 100%;
}
.lens_implantation .consider_surgery .txt {
  width: 630px;
  margin-left: 90px;
}
@media (max-width: 1440px) {
  .lens_implantation .consider_surgery .txt {
    width: 100%;
    margin: 30px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .consider_surgery .txt {
    margin-top: 15px;
  }
}
@media (max-width: 620px) {
  .lens_implantation .common_bg.type2 {
    height: 510px;
  }
}
.lens_implantation .common_bg.lens_implantation_bg1 {
  background-image: url(/src/img/bg/lens_implantation_bg1.jpg);
}
.lens_implantation .common_bg.lens_implantation_bg2 {
  background-image: url(/src/img/bg/lens_implantation_bg2.jpg);
}
.lens_implantation .common_bg.lens_implantation_bg3 {
  background-image: url(/src/img/bg/lens_implantation_bg3.jpg);
}
.lens_implantation .common_bg.lens_implantation_bg4 {
  background-image: url(/src/img/bg/lens_implantation_bg4.jpg);
}
.lens_implantation .common_bg.lens_implantation_bg5 {
  background-image: url(/src/img/bg/lens_implantation_bg5.jpg);
}
.lens_implantation .equip_lst > ul {
  display: flex;
  justify-content: center;
  margin-left: -30px;
}
@media (max-width: 1440px) {
  .lens_implantation .equip_lst > ul {
    flex-direction: column;
    align-items: center;
    margin: -40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .equip_lst > ul {
    margin: -20px 0 0;
  }
}
.lens_implantation .equip_lst > ul > li {
  width: 327px;
  margin-left: 30px;
}
@media (max-width: 1440px) {
  .lens_implantation .equip_lst > ul > li {
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .equip_lst > ul > li {
    width: 100%;
    margin: 20px 0 0;
  }
}
.lens_implantation .equip_lst > ul > li .img img {
  width: 100%;
}
.lens_implantation .view_detail_btn {
  display: block;
  width: 640px;
  height: 80px;
  margin: 80px auto 0;
  border-radius: 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .lens_implantation .view_detail_btn {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .lens_implantation .view_detail_btn {
    height: 70px;
    margin-top: 40px;
  }
}
.lens_implantation .view_detail_btn.line_style {
  border: 2px solid #22a1ff !important;
  line-height: 76px;
}
@media (max-width: 620px) {
  .lens_implantation .view_detail_btn.line_style {
    line-height: 66px;
  }
}
.lens_implantation .view_detail_btn.grad_style {
  line-height: 80px;
  color: #fff;
  background: #33caff;
  background: linear-gradient(90deg, #33caff 0%, #22a1ff 100%);
}
@media (max-width: 620px) {
  .lens_implantation .view_detail_btn.grad_style {
    line-height: 70px;
  }
}
.lens_implantation .num_lr_lst > ol > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1520px) {
  .lens_implantation .num_lr_lst > ol > li {
    display: block;
  }
}
.lens_implantation .num_lr_lst > ol > li + li {
  margin-top: 80px;
}
@media (max-width: 620px) {
  .lens_implantation .num_lr_lst > ol > li + li {
    margin-top: 40px;
  }
}
.lens_implantation .num_lr_lst > ol > li .img {
  overflow: hidden;
  width: 680px;
  border-radius: 20px;
}
@media (max-width: 1520px) {
  .lens_implantation .num_lr_lst > ol > li .img {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .lens_implantation .num_lr_lst > ol > li .img {
    border-radius: 10px;
  }
}
.lens_implantation .num_lr_lst > ol > li .img img {
  width: 100%;
}
.lens_implantation .num_lr_lst > ol > li .bd {
  border: 1px solid #ddd;
}
.lens_implantation .num_lr_lst > ol > li .txt {
  width: 630px;
  padding-top: 85px;
}
@media (max-width: 1520px) {
  .lens_implantation .num_lr_lst > ol > li .txt {
    width: 100%;
    margin-top: 60px;
    padding-top: 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .num_lr_lst > ol > li .txt {
    margin-top: 27px;
  }
}
.lens_implantation .num_lr_lst > ol > li .txt .t1 {
  position: relative;
  padding-top: 20px;
}
@media (max-width: 620px) {
  .lens_implantation .num_lr_lst > ol > li .txt .t1 {
    padding-top: 7px;
  }
}
.lens_implantation .num_lr_lst > ol > li .txt .t1 .num {
  position: absolute;
  top: 0;
  color: #eee;
}
.lens_implantation .num_lr_lst > ol > li:nth-child(2n-1) .txt .t1 .num {
  left: 0;
}
.lens_implantation .num_lr_lst > ol > li:nth-child(2n) {
  flex-direction: row-reverse;
}
.lens_implantation .num_lr_lst > ol > li:nth-child(2n) .txt {
  text-align: right;
}
@media (max-width: 1440px) {
  .lens_implantation .num_lr_lst > ol > li:nth-child(2n) .txt {
    text-align: left;
  }
}
.lens_implantation .num_lr_lst > ol > li:nth-child(2n) .txt .t1 .num {
  right: 0;
}
@media (max-width: 1440px) {
  .lens_implantation .num_lr_lst > ol > li:nth-child(2n) .txt .t1 .num {
    right: calc(100% - 128px);
  }
}
@media (max-width: 620px) {
  .lens_implantation .num_lr_lst > ol > li:nth-child(2n) .txt .t1 .num {
    right: calc(100% - 64px);
  }
}
.lens_implantation .lense_info_lst {
  margin-top: 50px;
}
@media (max-width: 1440px) {
  .lens_implantation .lense_info_lst {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst {
    margin-top: 20px;
  }
}
.lens_implantation .lense_info_lst > ul {
  display: flex;
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .lens_implantation .lense_info_lst > ul {
    flex-direction: column;
    margin: -40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst > ul {
    margin-top: -20px;
  }
}
.lens_implantation .lense_info_lst > ul > li {
  width: calc(33.33% - 40px);
  margin-left: 40px;
  padding: 60px;
  border: 1px solid #ddd;
  border-radius: 20px;
}
@media (max-width: 1440px) {
  .lens_implantation .lense_info_lst > ul > li {
    width: 100%;
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst > ul > li {
    margin-top: 20px;
    padding: 30px 20px;
    border-radius: 10px;
  }
}
.lens_implantation .lense_info_lst > ul > li .bar::after {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  margin: 20px 0 30px;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst > ul > li .bar::after {
    margin: 10px 0 15px;
  }
}
.lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 {
  padding: 0;
  border: 0;
}
.lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li {
  margin-bottom: 10px;
}
.lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li:last-child {
  margin-bottom: 0;
}
.lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li .num {
  width: 20px;
  margin-right: 20px;
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li .num {
    margin-right: 10px;
  }
}
.lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li .txt {
  width: calc(100% - 40px);
}
@media (max-width: 620px) {
  .lens_implantation .lense_info_lst > ul > li .common_num_lst.type2 > ol > li .txt {
    width: calc(100% - 30px);
  }
}
.lens_implantation .satisfaction_lst > ul {
  display: flex;
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .lens_implantation .satisfaction_lst > ul {
    flex-direction: column;
    margin: -40px 0 0;
  }
}
.lens_implantation .satisfaction_lst > ul > li {
  width: calc(33.33% - 40px);
  margin-left: 40px;
}
@media (max-width: 1440px) {
  .lens_implantation .satisfaction_lst > ul > li {
    width: 100%;
    margin: 40px 0 0;
  }
}
.lens_implantation .satisfaction_lst > ul > li .img {
  text-align: center;
}
.lens_implantation .desc_bg_box {
  padding: 40px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .lens_implantation .desc_bg_box {
    padding: 20px;
  }
}
.lens_implantation .surgery_after_lst > ul > li {
  display: flex;
}
@media (max-width: 1440px) {
  .lens_implantation .surgery_after_lst > ul > li {
    flex-wrap: wrap;
  }
}
.lens_implantation .surgery_after_lst > ul > li + li {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid #ddd;
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li + li {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.lens_implantation .surgery_after_lst > ul > li .l_txt {
  width: 440px;
  margin-top: 75px;
}
@media (max-width: 1440px) {
  .lens_implantation .surgery_after_lst > ul > li .l_txt {
    width: 100%;
    margin-top: 0;
  }
}
.lens_implantation .surgery_after_lst > ul > li .l_txt .t1 {
  position: relative;
  padding-top: 25px;
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li .l_txt .t1 {
    padding-top: 20px;
  }
}
.lens_implantation .surgery_after_lst > ul > li .l_txt .t1 .num {
  position: absolute;
  left: 0;
  top: 0;
  color: #eee;
}
.lens_implantation .surgery_after_lst > ul > li .r_img {
  width: 870px;
  margin-left: 90px;
}
@media (max-width: 1440px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img {
    width: 100%;
    margin: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img {
    margin-top: 20px;
  }
}
.lens_implantation .surgery_after_lst > ul > li .r_img > ul {
  display: flex;
  margin-left: -40px;
}
@media (max-width: 1440px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img > ul {
    margin-left: -30px;
  }
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img > ul {
    flex-wrap: wrap;
    margin: -20px 0 0;
  }
}
.lens_implantation .surgery_after_lst > ul > li .r_img > ul > li {
  width: calc(50% - 40px);
  margin-left: 40px;
}
@media (max-width: 1440px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img > ul > li {
    width: calc(50% - 30px);
    margin-left: 30px;
  }
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img > ul > li {
    width: 100%;
    margin: 20px 0 0;
  }
}
.lens_implantation .surgery_after_lst > ul > li .r_img > ul > li .img {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 20px;
}
@media (max-width: 620px) {
  .lens_implantation .surgery_after_lst > ul > li .r_img > ul > li .img {
    border-radius: 10px;
  }
}
.lens_implantation .surgery_after_lst > ul > li .r_img > ul > li .img img {
  width: 100%;
}
.lens_implantation .gray_bg.pb0 {
  padding-bottom: 0;
}

.lens_implantation_v2 .common_bg.lens_implantation_v2_bg1 {
  padding: 0 13%;
  background-image: url(/src/img/bg/lens_implantation_v2_bg1.jpg);
}
@media (max-width: 1440px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg1{padding: 0 5%;}
}
@media (max-width: 620px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg1{padding: 0;}
}

.lens_implantation_v2 .common_bg.lens_implantation_v2_bg2 {
  padding: 0 10%;
  background-image: url(/src/img/bg/lens_implantation_v2_bg2.jpg);
}
@media (max-width: 1440px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg2{padding: 0 5%;}
}
@media (max-width: 620px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg2{padding: 0;}
}

.lens_implantation_v2 .common_bg.lens_implantation_v2_bg3 {
  padding: 0 10%;
  background-image: url(/src/img/bg/lens_implantation_v2_bg3.jpg);
}
@media (max-width: 1440px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg3{padding: 0 5%;}
}
@media (max-width: 620px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg3{padding: 0;}
}

.lens_implantation_v2 .common_bg.lens_implantation_v2_bg4 {
  padding: 0 10%;
  background-image: url(/src/img/bg/lens_implantation_v2_bg4.jpg);
}
@media (max-width: 1440px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg4{padding: 0 5%;}
}
@media (max-width: 620px){
	.lens_implantation_v2 .common_bg.lens_implantation_v2_bg4{padding: 0;}
}

.today_lasek .common_bg.today_lasek_bg1 {
  padding: 0 13%;
  background-image: url(/src/img/bg/today_lasek_bg1.jpg);
}
@media (max-width: 1440px) {
  .today_lasek .common_bg.today_lasek_bg1 {
    padding: 0 5%;
  }
}
@media (max-width: 620px) {
  .today_lasek .common_bg.today_lasek_bg1 {
    padding: 0;
  }
}
.today_lasek .common_bg.today_lasek_bg2 {
  background-image: url(/src/img/bg/today_lasek_bg2.jpg);
}

.visu_lasik .common_bg.visu_lasik_bg1 {
  padding: 0 14%;
  background-image: url(/src/img/bg/visu_lasik_bg1.jpg);
}
@media (max-width: 1440px) {
  .visu_lasik .common_bg.visu_lasik_bg1 {
    padding: 0 5%;
  }
}
@media (max-width: 620px) {
  .visu_lasik .common_bg.visu_lasik_bg1 {
    padding: 0;
  }
}
.visu_lasik .common_bg.visu_lasik_bg2 {
  background-image: url(/src/img/bg/visu_lasik_bg2.jpg);
}

.reinforce_cornea .common_bg.visu_lasik_bg1 {
  background-image: url(/src/img/bg/reinforce_cornea_bg1.jpg);
}
.reinforce_cornea .common_bg.reinforce_cornea2 {
  background-image: url(/src/img/bg/reinforce_cornea2.jpg);
}

.dry_eye .common_bg.dry_eye_bg1 {
  background-image: url(/src/img/bg/dry_eye_bg1.jpg);
}
.dry_eye .ipl_care {
  background-color: #f9fcff;
}
.dry_eye .ipl_care .ipl_strong {
  position: relative;
  padding: 90px 0 180px;
}
@media (max-width: 1520px) {
  .dry_eye .ipl_care .ipl_strong {
    padding: 0;
  }
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > ul {
    display: flex;
    flex-direction: column;
  }
}
.dry_eye .ipl_care .ipl_strong > ul > li {
  display: flex;
  align-items: center;
  width: 380px;
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > ul > li {
    flex-direction: column;
    width: auto;
    text-align: center;
  }
}
.dry_eye .ipl_care .ipl_strong > ul > li + li {
  margin-top: -15px;
}
@media (max-width: 1520px) {
  .dry_eye .ipl_care .ipl_strong > ul > li + li {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > ul > li + li {
    margin-top: 20px;
  }
}
.dry_eye .ipl_care .ipl_strong > ul > li .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
}
.dry_eye .ipl_care .ipl_strong > ul > li .txt {
  width: 200px;
  margin-left: 50px;
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > ul > li .txt {
    width: 100%;
    margin: 5px 0 0;
  }
}
.dry_eye .ipl_care .ipl_strong > ul > li .txt .t2 {
  margin-top: 5px;
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > ul > li .txt .t2 {
    margin-top: 0;
  }
}
.dry_eye .ipl_care .ipl_strong > ul > li:nth-child(2n) {
  margin-left: calc(100% - 380px);
}
@media (max-width: 1520px) {
  .dry_eye .ipl_care .ipl_strong > ul > li:nth-child(2n) {
    margin-left: 0;
  }
}
.dry_eye .ipl_care .ipl_strong > figure {
  position: absolute;
  left: 395px;
  top: 0;
  height: 100%;
}
@media (max-width: 1520px) {
  .dry_eye .ipl_care .ipl_strong > figure {
    position: static;
    height: auto;
    margin-top: 80px;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .dry_eye .ipl_care .ipl_strong > figure {
    margin-top: 40px;
  }
}
.dry_eye .process_box_lst > ol {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1240px) {
  .dry_eye .process_box_lst > ol {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 620px) {
  .dry_eye .process_box_lst > ol {
    padding: 0 20px;
  }
}
.dry_eye .process_box_lst > ol > li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(20% - 50px);
  height: 260px;
  border: 1px solid #ddd;
  border-radius: 20px;
}
@media (max-width: 1240px) {
  .dry_eye .process_box_lst > ol > li {
    width: 240px;
  }
}
@media (max-width: 620px) {
  .dry_eye .process_box_lst > ol > li {
    width: 100%;
    height: 164px;
  }
}
@media (max-width: 1240px) {
  .dry_eye .process_box_lst > ol > li + li {
    margin-top: 50px;
  }
}
@media (max-width: 620px) {
  .dry_eye .process_box_lst > ol > li + li {
    margin-top: 30px;
  }
}
.dry_eye .process_box_lst > ol > li::after {
  content: '';
  position: absolute;
  right: -38px;
  top: calc(50% - 9px);
  width: 9px;
  height: 16px;
  background-image: url(/src/img/ico/dry_eye_arrow.svg);
  background-size: cover;
}
@media (max-width: 1240px) {
  .dry_eye .process_box_lst > ol > li::after {
    right: calc(50% - 4px);
    top: calc(100% + 16px);
    transform: rotate(90deg);
  }
}
@media (max-width: 620px) {
  .dry_eye .process_box_lst > ol > li::after {
    top: calc(100% + 10px);
  }
}
.dry_eye .process_box_lst > ol > li:last-child::after {
  display: none;
}
.dry_eye .desc_box {
  padding: 30px;
  border-radius: 20px;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .dry_eye .desc_box {
    padding: 20px;
    border-radius: 10px;
  }
}
.dry_eye .gray_bg.pb0 {
  padding-bottom: 0;
}
.dry_eye .laser_stability {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1520px) {
  .dry_eye .laser_stability {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.dry_eye .laser_stability .lst {
  margin-top: 130px;
}
@media (max-width: 1520px) {
  .dry_eye .laser_stability .lst {
    margin-top: 0;
  }
}
.dry_eye .laser_stability .lst > ul {
  display: flex;
  margin-left: -100px;
}
@media (max-width: 1520px) {
  .dry_eye .laser_stability .lst > ul {
    margin-left: -40px;
  }
}
@media (max-width: 620px) {
  .dry_eye .laser_stability .lst > ul {
    flex-direction: column;
    margin: -20px 0 0;
  }
}
.dry_eye .laser_stability .lst > ul > li {
  width: 300px;
  margin-left: 100px;
}
@media (max-width: 1520px) {
  .dry_eye .laser_stability .lst > ul > li {
    width: calc(50% - 40px);
    margin-left: 40px;
  }
}
@media (max-width: 620px) {
  .dry_eye .laser_stability .lst > ul > li {
    width: 100%;
    margin: 20px 0 0;
  }
}
.dry_eye .laser_stability .lst > ul > li > figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 260px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 620px) {
  .dry_eye .laser_stability .lst > ul > li > figure {
    height: 240px;
  }
}
@media (max-width: 1520px) {
  .dry_eye .laser_stability > figure {
    margin-top: 80px;
    text-align: center;
  }
}
@media (max-width: 620px) {
  .dry_eye .laser_stability > figure {
    margin-top: 40px;
  }
}
.dry_eye .laser_caution_lst > ol {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .dry_eye .laser_caution_lst > ol {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.dry_eye .laser_caution_lst > ol > li {
  width: calc(25% - 30px);
  min-height: 300px;
  padding: 40px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .dry_eye .laser_caution_lst > ol > li {
    width: 100%;
    min-height: 198px;
  }
}
@media (max-width: 620px) {
  .dry_eye .laser_caution_lst > ol > li {
    min-height: 170px;
    padding: 20px;
    border-radius: 10px;
  }
}
@media (max-width: 1440px) {
  .dry_eye .laser_caution_lst > ol > li + li {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .dry_eye .laser_caution_lst > ol > li + li {
    margin-top: 20px;
  }
}

.dream_contact .common_bg.dream_contact_bg1 {
  padding: 0 24%;
  background-image: url(/src/img/bg/dream_contact_bg1.jpg);
}
@media (max-width: 1440px) {
  .dream_contact .common_bg.dream_contact_bg1 {
    padding: 0 5%;
  }
}
@media (max-width: 620px) {
  .dream_contact .common_bg.dream_contact_bg1 {
    padding: 0;
  }
}
.dream_contact .common_bg.dream_contact_bg2 {
  background-image: url(/src/img/bg/dream_contact_bg2.jpg);
}
@media (max-width: 620px) {
  .dream_contact .common_bg.type2 {
    height: 510px;
  }
}

.inspection_date_wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .inspection_date_wrap {
    display: block;
  }
}
.inspection_date_wrap .calendar_box {
  width: 800px;
}
@media (max-width: 1440px) {
  .inspection_date_wrap .calendar_box {
    width: 100%;
  }
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker {
  width: 100%;
  height: 100%;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header {
  height: 100px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: none;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-title {
  padding: 33px 0 23px;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-prev,
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-next {
  top: 30px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-prev > span,
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-next > span {
  position: static;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-image: url(/src/img/ico/calendar_arrow_ico.svg);
  background-position: 0 0;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0;
  background: none;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-prev {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -134px;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-header .ui-datepicker-next {
  right: 50%;
  margin-right: -134px;
  transform: translateX(50%) rotate(180deg);
}
.inspection_date_wrap .calendar_box .calendar .ui-widget-content {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar {
  margin: 0;
  border-right: 1px solid #ddd;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar thead tr th {
  padding: 14px 5px;
  border: 1px solid #ddd;
  background-color: #f9fcff;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar thead tr th:last-child {
  border-right: 0;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td {
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td:last-child {
  border-right: 0;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td > a,
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td > span {
  padding: 22px 0;
  border: 0;
  text-align: center;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td .ui-state-default {
  background: none;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td a.ui-state-default {
  text-decoration: underline;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  color: #fff;
  background-color: #22a1ff;
  text-decoration: none;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr td .ui-state-active {
  background-color: #aaa;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar tbody tr:last-child td:last-child {
  border-right: 0;
}
.inspection_date_wrap .calendar_box .calendar .ui-datepicker-calendar .ui-state-disabled {
  border: 1px solid #ddd;
  color: #aaa;
}
.inspection_date_wrap .info_box {
  position: relative;
  width: 580px;
  height: 481px;
  padding: 33px 20px 44px;
  border: 1px solid #ddd;
  text-align: center;
}

@media (max-width: 1440px) {
  .inspection_date_wrap .info_box {
    width: 100%;
    height: auto;
    padding: 40px 44px;
  }
}
@media (max-width: 620px) {
  .inspection_date_wrap .info_box {
    padding: 16px 0 0;
  }
}
.inspection_date_wrap .info_box .date_tb {
  margin-top: 20px;
}
.inspection_date_wrap .info_box .date_tb table thead tr th {
  padding: 14px 0;
  background-color: #f9fcff;
}
.inspection_date_wrap .info_box .date_tb table tbody tr td {
  padding: 7px;
}
.inspection_date_wrap .info_box .date_tb table tr th,
.inspection_date_wrap .info_box .date_tb table tr td {
  border: 1px solid #ddd;
  text-align: center;
}
.inspection_date_wrap .info_box .date_tb table tr td.c9 {
  padding: 14px 0;
}
@media (max-width: 620px) {
  .inspection_date_wrap .info_box .date_tb table tr th:first-child,
  .inspection_date_wrap .info_box .date_tb table tr td:first-child {
    border-left: 0;
  }
  .inspection_date_wrap .info_box .date_tb table tr th:last-child,
  .inspection_date_wrap .info_box .date_tb table tr td:last-child {
    border-right: 0;
  }
  .inspection_date_wrap .info_box .date_tb table tr:last-child th,
  .inspection_date_wrap .info_box .date_tb table tr:last-child td {
    border-bottom: 0;
  }
}
.inspection_date_wrap .info_box .calendar_rdo > input {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.inspection_date_wrap .info_box .calendar_rdo .calendar_btn {
  width: 120px;
  border: 1px solid #22a1ff;
  line-height: 33px;
  color: #22a1ff;
}
@media (max-width: 1520px) {
  .inspection_date_wrap .info_box .calendar_rdo .calendar_btn {
    width: 100%;
  }
}
.inspection_date_wrap .info_box .calendar_rdo > input:checked ~ .calendar_btn {
  border: 1px solid #22a1ff;
  color: #fff;
  background-color: #22a1ff;
}

.inspection_date_wrap .info_box .info_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1440px) {
  .inspection_date_wrap .info_box {
    margin-top: -1px;
  }
  .inspection_date_wrap .info_box .info_txt {
    position: static;
    padding: 20px 0;
    transform: none;
  }
}

.inspection_date_txt {
  display: none;
  margin-top: 20px;
  padding: 23px 30px;
  background-color: #0c172b;
}
.inspection_date_txt.act {
  display: flex;
}
.inspection_date_txt > span {
  display: inline-block;
}
.inspection_date_txt > span:first-of-type {
  width: 120px;
  margin-right: 20px;
}

#footer {
  background-color: #1d2735;
}

@media (max-width: 620px) {
  #footer.mt150 {
    margin-top: 75px;
  }
}
#footer .f_sns_lst {
  display: flex;
}
#footer .f_sns_lst > li {
  margin-right: 10px;
}
#footer .f_sns_lst > li:last-child {
  margin-right: 0;
}
#footer .f_top {
  display: flex;
  justify-content: space-between;
  padding: 100px 0;
}
@media (max-width: 620px) {
  #footer .f_top {
    padding: 50px 0;
  }
}
#footer .f_top .l_box > p,
#footer .f_top .l_box > a {
  line-height: 100%;
}
#footer .f_top .l_box .info_t {
  line-height: 150%;
}
#footer .f_top .l_box .f_tb {
  width: 425px;
  margin: 20px 0 15px;
}
@media (max-width: 620px) {
  #footer .f_top .l_box .f_tb {
    width: 100%;
    margin: 10px 0;
  }
}
#footer .f_top .l_box .f_tb tr:first-child th,
#footer .f_top .l_box .f_tb tr:first-child td {
  padding: 0;
}
#footer .f_top .l_box .f_tb tr th,
#footer .f_top .l_box .f_tb tr td {
  padding: 5px 0 0;
  color: #aaa;
  text-align: left;
}
@media (max-width: 620px) {
  #footer .f_top .l_box .f_tb tr th,
  #footer .f_top .l_box .f_tb tr td {
    padding: 0;
    font-size: 12px;
  }
}
#footer .f_top .l_box .f_tb tr th {
  width: 90px;
}
@media (max-width: 620px) {
  #footer .f_top .l_box .f_tb tr th {
    width: 50px;
  }
}
#footer .f_top .l_box .f_tb tr td {
  width: 145px;
}
@media (max-width: 620px) {
  #footer .f_top .l_box .f_tb tr td {
    width: auto;
  }
}
#footer .f_top .r_box .tit_box {
  margin-bottom: 20px;
}
#footer .f_top .r_box .tit_box > p {
  line-height: 100%;
}
#footer .f_top .r_box .tit_box .addr_txt {
  padding-top: 15px;
  color: #aaa;
}
#footer .f_top .r_box .tit_box .addr_text_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 200px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 30px;
  text-align: center;
  line-height: 48px;
}
#footer .f_top .r_box .map {
  width: 680px;
  height: 340px;
}
@media (max-width: 1520px){
	#footer .f_top .r_box .map{width: 580px;}
}
#footer .f_bottom {
  padding: 50px 0 118px;
  border-top: 1px solid #07090a;
}
@media (max-width: 1240px) {
  #footer .f_bottom {
    padding: 100px 0 220px;
  }
}
@media (max-width: 620px) {
  #footer .f_bottom {
    padding: 50px 0 122px;
  }
}
#footer .f_bottom .container {
  display: flex;
}
@media (max-width: 1240px) {
  #footer .f_bottom .container {
    display: block;
  }
}
#footer .f_bottom .container > p {
  line-height: 100%;
}
#footer .f_bottom .lang_sel {
  top: 0;
  right: 0;
  width: 180px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
}
@media (max-width: 1240px) {
  #footer .f_bottom .lang_sel {
    position: static;
    width: 100%;
  }
}
#footer .f_bottom .info_box {
  margin-left: 70px;
  padding-top: 10px;
}
@media (max-width: 1240px) {
  #footer .f_bottom .info_box {
    margin: 50px auto 0;
    padding-top: 0;
  }
}
@media (max-width: 620px) {
  #footer .f_bottom .info_box {
    margin: 25px auto 0;
  }
}
#footer .f_bottom .info_box .f_link {
  display: flex;
  flex-wrap: wrap;
}
#footer .f_bottom .info_box .f_link > li {
  margin-right: 50px;
}
@media (max-width: 1520px){
	#footer .f_bottom .info_box .f_link > li{margin-right: 40px;}
}
@media (max-width: 767px) {
  #footer .f_bottom .info_box .f_link > li {
    width: 50%;
    margin-right: 0;
    text-align: center;
  }
}
#footer .f_bottom .info_box .f_link > li:last-child {
  margin-right: 0;
}
#footer .f_bottom .info_box .addr_t:last-child {
  padding-top: 5px;
}
@media (max-width: 767px) {
  #footer .f_bottom .info_box .addr_t {
    text-align: center;
  }
  #footer .f_bottom .info_box .addr_t:first-child .line {
    display: block;
  }
  #footer .f_bottom .info_box .addr_t:last-child {
    padding-top: 0;
  }
}
#footer .f_bottom .info_box .addr_t:first-child .line:first-child .txt::after {
  display: inline-block;
}
#footer .f_bottom .info_box .addr_t .txt::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 20px;
  background-color: #373f4a;
}
@media (max-width: 620px) {
  #footer .f_bottom .info_box .addr_t .txt::after {
    height: 7px;
    margin: 0 10px;
  }
}
#footer .f_bottom .info_box .addr_t .txt:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  #footer .f_bottom .info_box .addr_t:first-child .line:first-child .txt:last-child:after {
    display: none !important;
  }
  #footer .f_bottom .copy {
    text-align: center;
  }
}
#footer .f_bottom .f_sns_lst {
  display: none;
}
@media (max-width: 1240px) {
  #footer .f_bottom .f_sns_lst {
    display: flex;
  }
}
@media (max-width: 767px) {
  #footer .f_bottom .f_sns_lst {
    justify-content: center;
  }
}
#footer .f_menu {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  border-top: 1px solid #ddd;
  background-color: #fff;
}
@media (max-width: 620px) {
  #footer .f_menu {
    height: 72px;
  }
}
#footer .f_menu > ul {
  display: flex;
  height: 100%;
}
#footer .f_menu > ul > li {
  width: 20%;
  height: 100%;
}
#footer .f_menu > ul > li > a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#footer .f_menu > ul > li > a > p {
  padding-top: 10px;
  line-height: 100%;
}
@media (max-width: 620px) {
  #footer .f_menu > ul > li > a > p {
    padding-top: 4px;
    font-size: 10px;
  }
}

.cost_inquiry_modal {
  display: none;
  z-index: 10;
  position: fixed;
  right: 130px;
  bottom: 80px;
}
.cost_inquiry_modal.db {
  display: block;
}
.cost_inquiry_modal .modal {
  width: 350px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}
.cost_inquiry_modal .modal .tit_box {
  display: flex;
  justify-content: space-between;
}
.cost_inquiry_modal .modal .tit_box .js_cost_close {
  width: 19px;
  height: 19px;
  background-image: url(/src/img/ico/cost_close_ico.png);
}
.cost_inquiry_modal .modal .inp_box {
  margin-top: 30px;
}
.cost_inquiry_modal .modal .inp_box .top_sel {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.cost_inquiry_modal .modal .inp_box .inp {
  width: 100%;
  border: 0;
  font-size: 12px;
  color: #999;
}
.cost_inquiry_modal .modal .inp_box .de_cki.ss i {
  width: 24px;
  height: 24px;
}
.cost_inquiry_modal .modal .inp_box .sub_btn {
  width: 100%;
  height: 45px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  background-color: #22a1ff !important;
}
.cost_inquiry_modal .modal .inp_box .tb tr {
  border-bottom: 1px solid #ddd;
}
.cost_inquiry_modal .modal .inp_box .tb tr th {
  width: 58px;
  padding: 22px 0 14px;
  line-height: 100%;
  font-size: 12px;
  text-align: left;
}
.cost_inquiry_modal .modal .inp_box .tb tr td {
  width: auto;
  font-size: 12px;
}
.cost_inquiry_modal .modal .modal_agree_line{display: flex;justify-content: space-between;align-items: center;margin: 10px 0 20px;}
.cost_inquiry_modal .modal .modal_agree_line .policy_open{display: block;margin-top: 3px;}

.cost_policy_modal{display: none;z-index: 30;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);}
.cost_policy_modal.db{display: block;}
.cost_policy_modal .modal{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;height: 90vh;background-color: #fff;}
.cost_policy_modal .modal .tit_line{position: relative;padding: 20px 50px;border-bottom: 1px solid #ddd;}
.cost_policy_modal .modal .tit_line .close_btn{position: absolute;right: -36px;top: 8px;width: 18px;height: 18px;background-image: url(/src/img/init/sys_pop_close2.svg);background-size: cover;}
.cost_policy_modal .modal .cont{overflow-y: scroll;height: calc(100% - 70px);padding: 20px 50px;}
@media (max-width: 1240px){
	.cost_policy_modal .modal{width: 80%;}
}
@media (max-width: 620px){
	.cost_policy_modal .modal .tit_line{padding: 10px 25px;}
	.cost_policy_modal .modal .tit_line .close_btn{right: -25px;}
	.cost_policy_modal .modal .cont{height: calc(100% - 45px);padding: 10px 25px;}
}

.sms_modal {
  display: none;
  z-index: 10;
  position: fixed;
  right: 0;
  bottom: 0;
	width: 100%;height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.sms_modal.db {
  display: block;
}
.sms_modal .modal {
	overflow-y: auto;
	position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
  width: 350px;
	height: auto;
	max-height: 90vh;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}
.sms_modal .modal .tit_box {
  display: flex;
  justify-content: space-between;
}
.sms_modal .modal .tit_box .js_sms_close {
  width: 19px;
  height: 19px;
  background-image: url(/src/img/ico/cost_close_ico.png);
}
.sms_modal .modal .desc{margin-top: 10px;}
.sms_modal .modal .inp_wrap {
  margin-top: 30px;
}
.sms_modal .modal .inp_wrap .inp{height: 45px;border-radius: 10px;}
.sms_modal .modal .sub_btn {
  width: 100%;
  height: 45px;
	margin-top: 5px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  background-color: #22a1ff !important;
}
@media (max-width: 620px){
	.sms_modal .modal{width: 90%;}
}





/* eng */
#wrap.eng_layout{padding-right: 0;}
#wrap.eng_layout #header{padding-right: 0;}
@media (max-width: 1860px){
	#wrap.eng_layout #header .hd_top .gnb > ul > li{width: 160px;}
}

#wrap.eng_layout .in_hd .hd_top {
  width: calc(100% - 100px);
  padding-right: 150px;
}
#wrap.eng_layout .in_hd.over .hd_top,
#wrap.eng_layout .sub_hd.over .hd_top {
  width: 100%;
}
#wrap.eng_layout .sch_bg.in_hd .hd_top,
#wrap.eng_layout .sch_bg.sub_hd .hd_top {
  width: 100%;
}

@media screen and (max-width: 1640px) {
  #wrap.eng_layout .in_hd .hd_top,
  #wrap.eng_layout .sub_hd .hd_top {
    width: 100%;
    padding: 0 5%;
  }
}

#wrap.eng_layout .in_hd .hd_top .logo,
#wrap.eng_layout .sub_hd .hd_top .logo {
  background-image: url(/src/img/logo_w_eng.svg);
}
#wrap.eng_layout .in_hd.over .hd_top .logo,
#wrap.eng_layout .sub_hd.over .hd_top .logo,
#wrap.eng_layout .sub_hd.sub_bg .hd_top .logo {
  background-image: url(/src/img/logo_b_eng.svg);
}
#wrap.eng_layout .bg .hd_top .logo {
  background-image: url(/src/img/logo_b_eng.svg);
}
@media screen and (max-width: 1820px) {
  #wrap.eng_layout .in_hd .hd_top .gnb > ul > li,
  #wrap.eng_layout .sub_hd .hd_top .gnb > ul > li {
    width: 160px;
  }
}
@media screen and (max-width: 1640px) {
  #wrap.eng_layout .in_hd .hd_top .logo {
    background-image: url(/src/img/logo_b_eng.svg);
  }
}
#wrap.eng_layout .in_hd .hd_top .gnb > ul > li > a.line2,
#wrap.eng_layout .sub_hd .hd_top .gnb > ul > li > a.line2,
#wrap.eng_layout .sch_hd .hd_top .gnb > ul > li > a.line2{
  padding-top: 20px;
  line-height: 150%;
}

#wrap.eng_layout .sch_bg.sub_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}

#wrap.eng_layout .sch_bg.in_hd .hd_top .logo,
#wrap.eng_layout .sch_bg.sub_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.svg);
}

#wrap.eng_layout .hd_sch{width: 100%;}

.eng_layout .all_menu_wrap .all_menu > dl dt > a.line2 {
  padding-top: 2px;
  line-height: 150%;
}
.eng_layout .s_top .top_bg .s_h2_p {
  line-height: 150%;
}
.eng_layout .s_nav > ul.lng5 > li {
  width: calc(20% - 1px);
}
@media (max-width: 1520px) {
  .eng_layout .s_top .s_nav > ul > li > a {
    font-size: 14px;
  }
}


.eng_layout .index_wrap .visual .visual_mask .item{padding-top: 70px;}
.eng_layout .s_top .s_nav > ul > li > a.fz18.line2 {
  line-height: 150%;
}
@media (max-width: 1440px) {
  .eng_layout .s_top .s_nav > ul > li > a.line2 {
    padding: 9px 0;
  }
}
.eng_layout .presbyopia .img_drag_box .info_box .txt_box {
  margin-top: -50px;
}
@media (max-width: 1240px) {
  .eng_layout .presbyopia .img_drag_box .info_box .txt_box {
    margin-top: 30px;
  }
}
@media (max-width: 620px) {
  .eng_layout .presbyopia .img_drag_box .info_box .txt_box {
    margin-top: 15px;
  }
}
@media (max-width: 620px) {
  .eng_layout .lst_tit_line .l_tit {
    width: calc(100% - 37px);
  }
}
.eng_layout .microincision_cataract .common_bg {
  padding: 0 40px;
}
@media (max-width: 620px) {
  .eng_layout .microincision_cataract .common_bg {
    padding: 0;
  }
}
.eng_layout .eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
  min-height: 222px;
  padding: 40px;
}
@media (max-width: 1440px) {
  .eng_layout .eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
    min-height: auto;
  }
}
@media (max-width: 620px) {
  .eng_layout .eye_correction .common_img_lst.correction_half_lst > ul > li .txt_box {
    padding: 20px;
  }
}
.eng_layout .bd_v .file_wrap .line .t1 {
  width: 165px;
}
@media (max-width: 620px) {
  .eng_layout .bd_v .file_wrap .line .t1 {
    width: 26px;
  }
}
.eng_layout .bd_v .info_wrap .line .t1 {
  width: 55px;
}
@media (max-width: 620px) {
  .eng_layout .bd_v .info_wrap .line .t1 {
    width: 50px;
  }
}
.eng_layout .clean_system .ico_bg .ico_lst > ul > li {
  width: 208px;
}
@media (max-width: 1420px) {
  .eng_layout .clean_system .ico_bg .ico_lst > ul > li {
    width: auto;
  }
}
@media (max-width: 620px) {
  .eng_layout .clean_system .ico_bg .ico_lst > ul > li {
    width: calc(50% - 8px);
  }
  .clean_system .ico_bg .ico_lst > ul > li > figure {
    margin: 0 auto;
  }
}

.eng_layout .index_wrap .foot > div {
  height: 100vh;
}

@media (max-width: 1640px) {
  .eng_layout .index_wrap .foot > div {
    height: auto;
  }
}
@media (max-width: 1240px) {
  #wrap.eng_layout .f_bottom {
    padding: 100px 0;
  }
}
@media (max-width: 620px) {
  #wrap.eng_layout .f_bottom {
    padding: 50px 0;
  }
}

.hd_s_menu{border-bottom: 1px solid rgba(255,255,255,.2);}
.hd_s_menu > ul{overflow-x: auto;padding: 0 5%;font-size: 0;white-space: nowrap;}
.hd_s_menu > ul > li{display: inline-block;width: 20%;text-align: center;vertical-align: middle;}
.hd_s_menu > ul > li > a{display: block;padding: 20px 0;}

.in_hd .hd_s_menu{border-bottom: 1px solid #ddd;background-color: #fff;}
.in_hd .hd_s_menu > ul > li > a{color: #333;}

.sub_hd.sub_bg .hd_s_menu{border-bottom: 1px solid #ddd;background-color: #fff;}
.sub_hd.sub_bg .hd_s_menu > ul > li > a{color: #333;}


@media (max-width: 620px){
	.hd_s_menu > ul > li{width: 80px;}
	.hd_s_menu > ul > li > a{padding: 15px 0;}
}

.bd_v_wh{height: 105px;}
.bd_v_w{display: flex;align-items: center;height: 105px;padding: 30px 40px;background-color: #283444;}
.bd_v_w.fix{z-index: 20;position: fixed;left: calc(50% - 50px);bottom: 0;transform: translateX(-50%);width: 1360px;border-radius: 20px 20px 0 0;}
.bd_v_w .inp_box{display: flex;justify-content: space-between;align-items: flex-start;width: calc(100% - 450px);}
.bd_v_w .inp_box .box{display: flex;justify-content: center;align-items: flex-start;width: calc((100% - 40px)/3);padding-bottom: 15px;border-bottom: 1px solid #415065;}
.bd_v_w .inp_box .box .t1{display: block;width: 58px;color: #fff;}
.bd_v_w .inp_box .box .inp{display: block;width: calc(100% - 58px);border: 0;font-size: 14px;color: #fff;background-color: transparent;}
.bd_v_w .inp_box .box .inp::placeholder{color: #999;}
.bd_v_w .inp_box .box select.inp{background-position: right center;}
.bd_v_w .de_cki{margin-left: 20px;}
.bd_v_w .de_cki.txt{color: #fff;}
.bd_v_w .de_cki i{background-color: #fff;}
.bd_v_w .link_txt{margin-left: 5px;color: #fff;}
.bd_v_w .s_btn{display: block;width: 130px;height: 45px;margin-left: 20px;border-radius: 10px;line-height: 45px;text-align: center;color: #fff;background-color: #22A1FF;}
@media (max-width: 1520px){
	.bd_v_wh{height: 203px;}
	.bd_v_w{flex-wrap: wrap;height: 203px;}
	.bd_v_w.fix{width: calc(90% - 130px);}
	.bd_v_w .inp_box{flex-wrap: wrap;width: 100%;}
	.bd_v_w .inp_box .box{width: calc(50% - 15px);margin-bottom: 15px;}
	.bd_v_w .de_cki{margin-left: 0;}
}
@media (max-width: 1240px){
	.bd_v_w.fix{left: 0;transform: translateX(0);width: 100%;}
}
@media (max-width: 620px){
	.bd_v_wh{height: 245px;}
	.bd_v_w{height: 245px;padding: 15px 20px;}
	.bd_v_w .inp_box .box .inp{font-size: 12px;}
	.bd_v_w .inp_box .box{width: 100%;padding-bottom: 10px;margin-bottom: 10px;}
	.bd_v_w .link_txt{display: block;margin: 5px 0 0;}
	.bd_v_w .s_btn{width: 100%;margin: 5px 0 0;}
}

.sys_bgi_b:before {
  content: "";
  background-image: url(/src/img/shop/res_shop_zip.png);
  background-size: 638px 506px;
}

.mypage .my_sns_set {
  padding: 20px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd; }
  .mypage .my_sns_set li {
    margin-bottom: 7px;
    font-size: 0; }
    .mypage .my_sns_set li .sns_box {
      display: inline-block;
      width: 175px;
      height: 45px;
      padding: 0 10px;
      border: 1px solid #ddd;
      vertical-align: middle; }
      @media (max-width: 620px) {
        .mypage .my_sns_set li .sns_box {
          width: calc(100% - 105px); } }
      .mypage .my_sns_set li .sns_box .ico {
        display: inline-block;
        color: #666;
        line-height: 43px;
        vertical-align: middle; }
      .mypage .my_sns_set li .sns_box .ico::before {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
      .mypage .my_sns_set li .sns_box.kakao .ico::before{width: 23px;height: 20px;background-position: -9px -10px;}
      .mypage .my_sns_set li .sns_box.naver .ico::before{width: 17px;height: 14px;background-position: -50px -13px;}
      .mypage .my_sns_set li .sns_box.fb .ico::before{width: 11px;height: 21px;background-position: -91px -9px;}
			.mypage .my_sns_set li .sns_box.google .ico::before{width: 18px;height: 19px;background-position: -126px -11px;}
    .mypage .my_sns_set li .sns_box.kakao.act {
      background-color: #ffeb33;
      border: 1px solid #ffeb33; }
    .mypage .my_sns_set li .sns_box.kakao.act .ico{color: #333;}
    .mypage .my_sns_set li .sns_box.kakao.act .ico::before{background-position: -9px -48px;}
    .mypage .my_sns_set li .sns_box.naver.act {
      background-color: #55b24d;
      border: 1px solid #55b24d; }
    .mypage .my_sns_set li .sns_box.naver.act .ico{color: #fff;}
    .mypage .my_sns_set li .sns_box.naver.act .ico::before{background-position: -50px -51px;}
    .mypage .my_sns_set li .sns_box.fb.act {
      background-color: #3b5998;
      border: 1px solid #3b5998; }
    .mypage .my_sns_set li .sns_box.fb.act .ico{color: #fff;}
    .mypage .my_sns_set li .sns_box.fb.act .ico::before{background-position: -91px -47px;}
		.mypage .my_sns_set li .sns_box.google.act{border: 1px solid #333;}
		.mypage .my_sns_set li .sns_box.google.act .ico::before{background-position: -126px -48px;}

    .mypage .my_sns_set li .sns_connect_btn {
      display: inline-block;
      width: 100px;
      height: 45px;
      margin-left: 5px;
      border: 1px solid #aaa;
      border-radius: 10px;
      font-size: 14px;
      text-align: center;
      line-height: 45px;
      vertical-align: middle; }
    .mypage .my_sns_set li .sns_connect_btn.act {
      color: #fff;
      background-color: #444;
      border: 1px solid #333; }


.presbyopia_lens{}
.presbyopia_lens .top_banner{display: flex;align-items: center;position: relative;height: 530px;padding: 0 100px;border-radius: 20px;background-size: cover;background-position: center bottom;}
.presbyopia_lens .top_banner.bg1{background-image: url(/src/img/bg/presbyopia_lens_bg1.jpg);}
.presbyopia_lens .top_banner.bg2{background-image: url(/src/img/bg/presbyopia_lens_bg2.jpg);}
.presbyopia_lens .top_banner .txt{position: relative;}
.presbyopia_lens .top_banner .txt .t1{color: #fff;}
.presbyopia_lens .top_banner .txt .t2{margin-top: 30px;color: #fff;}
.presbyopia_lens .top_banner .img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.presbyopia_lens .process_lst > ul{display: flex;gap: 0 70px;}
.presbyopia_lens .process_lst > ul > li{position: relative;width: calc((100% - 140px)/3);}
.presbyopia_lens .process_lst > ul > li .box{border-radius: 10px;text-align: center;}
.presbyopia_lens .process_lst > ul > li .box+.box{margin-top: 10px;}
.presbyopia_lens .process_lst > ul > li .box.box1{padding: 25px 0;background-color: #F9F9F9;}
.presbyopia_lens .process_lst > ul > li .box.box2{padding: 23px 0;border: 1px solid #ddd;}
.presbyopia_lens .process_lst > ul > li .box.box3{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 160px;padding: 20px 0;border: 1px solid #ddd;}
.presbyopia_lens .process_lst > ul > li.act .box.box1{color: #fff;background-color: #22A1FF;}
.presbyopia_lens .process_lst > ul > li.act .box.box1 > p{color: #fff;}
.presbyopia_lens .process_lst > ul > li.act .box.box2{border: 1px solid #22A1FF;}
.presbyopia_lens .process_lst > ul > li.act .box.box2 > p{color: #22A1FF;}
.presbyopia_lens .process_lst > ul > li.act .box.box3{border: 1px solid #22A1FF;}
.presbyopia_lens .process_lst > ul > li.act .box.box3 > p{color: #22A1FF;}
.presbyopia_lens .process_lst > ul > li::before{content: '';position: absolute;right: -35px;top: 0;width: 1px;height: 100%;background-image: url(/src/img/sub/presbyopia_process_dot.png);background-repeat: repeat-y;}
.presbyopia_lens .process_lst > ul > li:last-child::before{display: none;}
.presbyopia_lens .process_lst > ul > li::after{content: '';position: absolute;right: -58px;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;background-image: url(/src/img/sub/presbyopia_process_arrow.png);}
.presbyopia_lens .process_lst > ul > li:last-child::after{display: none;}

.presbyopia_lens .add_lst{display: flex;gap: 0 70px;}
.presbyopia_lens .add_lst .box{position: relative;width: calc((100% - 140px)/3);}
.presbyopia_lens .add_lst .box::after{content: '';position: absolute;right: -58px;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;border-radius: 50%;background-color: #F9F9F9;background-image: url(/src/img/ico/rtplus_add_ico.png);background-repeat: no-repeat;background-position: center;}
.presbyopia_lens .add_lst .box:nth-child(2):after{background-image: url(/src/img/ico/rtplus_result_ico.png);}
.presbyopia_lens .add_lst .box:last-child::after{display: none;}
.presbyopia_lens .add_lst .box .img{display: flex;justify-content: center;align-items: center;height: 294px;border: 1px solid #ddd;border-radius: 20px 20px 0 0;background-color: #F9F9F9;}
.presbyopia_lens .add_lst .box .txt{padding: 25px 0;border: 1px solid #ddd;border-top: 0;border-radius: 0 0 20px 20px;text-align: center;background-color: #f9f9f9;}
.presbyopia_lens .add_lst .box .txt .t2{margin-top: 10px;}
.presbyopia_lens .add_lst .box.act .img{border: 5px solid #22A1FF;background-color: #fff;}
.presbyopia_lens .add_lst .box.act .txt{border: 1px solid #22A1FF;border-top: 0;background-color: #22A1FF;}
.presbyopia_lens .add_lst .box.act .txt > p{color: #fff;}

.presbyopia_lens .rtplus_qa_lst > ul{display: flex;gap: 40px;}
.presbyopia_lens .rtplus_qa_lst > ul > li{width: calc((100% - 40px)/2);}
.presbyopia_lens .rtplus_qa_lst > ul > li .img{overflow: hidden;border-radius: 20px;}
.presbyopia_lens .rtplus_qa_lst > ul > li .img img{width: 100%;}
.presbyopia_lens .rtplus_qa_lst > ul > li .txt{padding: 25px 0;border: 1px solid #ddd;border-radius: 10px;background-color: #fafafa;}
.presbyopia_lens .rtplus_qa_lst > ul > li .tdu{text-decoration: underline;}

.presbyopia_lens .common_img_lst > ul > li > figure{display: flex;justify-content: center;align-items: center;border: 1px solid #ddd;border-radius: 20px;text-align: center;background-color: #fff;}
.presbyopia_lens .who_surgery .common_img_lst > ul > li > figure{min-height: 420px;}

@media (max-width: 1520px){
	.presbyopia_lens .top_banner{display: block;height: auto;padding: 100px 50px 0;}
  .presbyopia_lens .top_banner .txt{text-align: center;}
  .presbyopia_lens .top_banner .img{position: static;transform: translateY(0);margin-top: 40px;text-align: center;}
}
@media (max-width: 1440px){
 

  .presbyopia_lens .process_lst > ul{flex-direction: column;gap: 85px 0;padding: 0 110px;}
  .presbyopia_lens .process_lst > ul > li{width: 100%;}
  .presbyopia_lens .process_lst > ul > li .box.box3{min-height: auto;}
  .presbyopia_lens .process_lst > ul > li::before{top: calc(100% + 42px);right: 50%;transform: translateX(50%);width: 319px;height: 1px;background-image: url(/src/img/sub/presbyopia_process_dot_m.png);background-repeat: repeat-x;}
  .presbyopia_lens .process_lst > ul > li::after{top: calc(100% + 20px);right: 50%;transform: translate(50%,0);background-image: url(/src/img/sub/presbyopia_process_arrow_m.png);}

  .presbyopia_lens .add_lst{flex-direction: column;gap: 90px 0;padding: 0 110px;}
  .presbyopia_lens .add_lst .box{width: 100%;}
  .presbyopia_lens .add_lst .box::after{top: calc(100% + 20px);right: 50%;transform: translateX(50%);}

  .presbyopia_lens .scroll_box{overflow-x: scroll;padding-bottom: 40px;}
  .presbyopia_lens .scroll_box::-webkit-scrollbar{height: 4px;background-color: #eee;}
  .presbyopia_lens .scroll_box::-webkit-scrollbar-thumb{background-color: #22A1FF;}
  .presbyopia_lens .scroll_box img{max-width: 1400px;}

  .presbyopia_lens .rtplus_qa_lst > ul{flex-direction: column;gap: 80px 0;}
  .presbyopia_lens .rtplus_qa_lst > ul > li{width: 100%;}

  .presbyopia_lens .who_surgery .common_img_lst > ul > li > figure{min-height: auto;padding: 50px;}

}
@media (max-width: 720px){
  .presbyopia_lens .process_lst > ul{padding: 0;}
  .presbyopia_lens .process_lst > ul > li::before{width: 100%;}

  .presbyopia_lens .add_lst{padding: 0;}
}
@media (max-width: 620px){
  .presbyopia_lens .top_banner{padding: 0;background-image: none !important;}
  .presbyopia_lens .top_banner .txt .t1{color: #333;}
  .presbyopia_lens .top_banner .txt .t2{margin-top: 15px;color: #666;}
  .presbyopia_lens .top_banner .img{margin-top: 20px;}

  .presbyopia_lens .process_lst > ul{gap: 65px 0;}
  .presbyopia_lens .process_lst > ul > li .box{border-radius: 5px;}
  .presbyopia_lens .process_lst > ul > li .box+.box{margin-top: 5px;}
  .presbyopia_lens .process_lst > ul > li .box.box1{padding: 22px 0;}
  .presbyopia_lens .process_lst > ul > li .box.box2{padding: 20px 0;}
  .presbyopia_lens .process_lst > ul > li .box.box3{padding: 20px 0;}
  .presbyopia_lens .process_lst > ul > li::before{top: calc(100% + 32px);}
  .presbyopia_lens .process_lst > ul > li::after{top: calc(100% + 10px);}

  .presbyopia_lens .add_lst{gap: 65px 0;}
  .presbyopia_lens .add_lst .box::after{top: calc(100% + 10px);}
  .presbyopia_lens .add_lst .box .img{height: 217px;border-radius: 10px 10px 0 0;}
  .presbyopia_lens .add_lst .box .txt{padding: 20px 0;border-radius: 0 0 10px 10px;}
  .presbyopia_lens .add_lst .box .txt .t2{margin-top: 5px;}
  .presbyopia_lens .add_lst .box.act .img{border: 2px solid #22A1FF;}

  .presbyopia_lens .scroll_box{padding-bottom: 20px;}

  .presbyopia_lens .rtplus_qa_lst > ul{gap: 40px 0;}
  .presbyopia_lens .rtplus_qa_lst > ul > li .img{border-radius: 10px;}
  .presbyopia_lens .rtplus_qa_lst > ul > li .txt{padding: 20px 0;}

  .presbyopia_lens .common_img_lst > ul > li > figure{border-radius: 10px;}
  .presbyopia_lens .who_surgery .common_img_lst > ul > li > figure{padding: 25px;}

}

.smile_surgery .ss_visual .img{overflow: hidden;display: block;width: 100%;border-radius: 20px;}
.smile_surgery .ss_visual .img img{width: 100%;}
.smile_surgery .vdo_sect{overflow: hidden;width: 1080px;margin-right: auto;margin-left: auto;border-radius: 20px;}
.smile_surgery .ss_wide_slide{overflow: hidden;}
.smile_surgery .ss_wide_slide .item .img{position: relative;overflow: hidden;border-radius: 20px;}
.smile_surgery .ss_wide_slide .item .img img{width: 100%;}
.smile_surgery .ss_wide_slide .item .img .img_txt{position: absolute;top: 0;left: 0;display: flex;align-items: flex-end;width: 100%;height: 100%;padding: 50px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);}
.smile_surgery .ss_wide_slide .item.filter_hover .img{transition: filter 0.3s;filter: grayscale(100%);}
.smile_surgery .ss_wide_slide .item.filter_hover:hover .img{filter: grayscale(0);}
.smile_surgery .ss_wide_slide .slide_control {margin-top: 50px;}
.smile_surgery .ss_wide_slide .slide_control .bar_bg{position: relative;height: 4px;}
.smile_surgery .ss_wide_slide .slide_control .bar_bg .progress{background-color: #eee;}
.smile_surgery .ss_wide_slide .slide_control .bar_bg .progress .swiper-pagination-progressbar-fill{background-color: #22a1ff;}
.smile_surgery .vdo_lr{display: flex;align-items: center;justiry-content: space-between;}
.smile_surgery .vdo_lr .l_cont{width: 530px;}
.smile_surgery .vdo_lr .r_cont{width: calc(100% - 530px);}
.smile_surgery .vdo_lr .r_cont .vdo{overflow: hidden;border-radius: 20px;}
.smile_surgery .bd{border: 1px solid #ddd;}
.smile_surgery .bdrs20{overflow: hidden;border-radius: 20px;}
.smile_surgery .bdrs10{overflow: hidden;border-radius: 10px;}
.smile_surgery .img_txt_lr{display: flex;justify-content: space-between;}
.smile_surgery .img_txt_lr.aic{align-items: center;}
.smile_surgery .img_txt_lr .img{width: calc(100% - 718px);}
.smile_surgery .img_txt_lr .txt{width: 630px;}
.smile_surgery .img_txt_lr.txt_w640 .img{width: calc(100% - 725px);}
.smile_surgery .img_txt_lr.txt_w640 .txt{width: 640px;}
.smile_surgery .circle_process > ul{display: flex;justify-content: center;}
.smile_surgery .circle_process > ul > li{position: relative;display: flex;align-items: center;justify-content: center;width: 280px;height: 280px;border-radius: 50%;text-align: center;}
.smile_surgery .circle_process > ul > li+li{margin-left: -40px;}
.smile_surgery .circle_process.mint_circle > ul > li:nth-child(1){z-index: 4;background-color: #2ADFD9;}
.smile_surgery .circle_process.mint_circle > ul > li:nth-child(2){z-index: 3;background-color: #1ED1CA;}
.smile_surgery .circle_process.mint_circle > ul > li:nth-child(3){z-index: 2;background-color: #11A5A0;}
.smile_surgery .circle_process.mint_circle > ul > li:nth-child(4){z-index: 1;background-color: #0C7874;}
.smile_surgery .circle_process.mint_circle > ul > li:nth-child(5){background-color: #004B49;}
.smile_surgery .df_ul > ul{display: flex;flex-wrap: wrap;}
.smile_surgery .df_ul.gap50 > ul{gap: 50px;}
.smile_surgery .df_ul.gap40 > ul{gap: 40px;}
.smile_surgery .df_ul.gap50.lng2 > ul > li{width: calc(50% - 25px);}
.smile_surgery .df_ul.gap40.lng3 > ul > li{width: calc((100% - 80px)/3);}
.smile_surgery .df_ul .txt_bar::before{content: '';display: block;width: 30px;height: 1px;margin-top: 30px;margin-bottom: 30px;background-color: #333;}
.smile_surgery .df_ul .txt_bar.bar_center::before{margin-right: auto;margin-left: auto;}
.smile_surgery .gray_top_bg{position: relative;}
.smile_surgery .gray_top_bg::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 325px;background-color: #fafafa;}
.smile_surgery .gray_top_bg .wrap{position: relative;z-index: 1;}


.smile_surgery .equip_lr .wrap {
  display: flex;
  align-items: center;
}
.smile_surgery .equip_lr .wrap .l_txt {
  width: 725px;
}
.smile_surgery .equip_lr .wrap .l_txt .more_btn {
  display: block;
  width: 200px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 25px;
  line-height: 48px;
  text-align: center;
  background-color: #fff;
}
.smile_surgery .equip_lr .wrap .r_img {
  overflow: hidden;
  width: 675px;
  border-radius: 20px 0 20px 0;
}
.smile_surgery .equip_lr .wrap .r_img img {
  width: 100%;
}
.smile_surgery .versus_btns{display: flex;}
.smile_surgery .versus_btns .btn{width: 100%;text-align: center;}
.smile_surgery .ss_lr_slide{position: relative;}
.smile_surgery .ss_lr_slide .ss_lr_mask{overflow: hidden;width: 100%;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item{display: flex;flex-direction: row-reverse;justify-content: space-between;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .img{overflow: hidden;width: 870px;border-radius: 20px;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .img.bd{border: 1px solid #ddd;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .img img{width: 100%;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt{display: flex;flex-direction: column;width: calc(100% - 960px);padding-top: 80px;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .mta{margin-top: auto;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .logos{display: flex;flex-wrap: wrap;gap: 10px;padding-top: 40px;border-top: 1px solid #ddd;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .logos > figure{width: 160px;text-align: center;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .more_btn{display: flex;align-items: center;justify-content: center;width: 200px;height: 50px;border-radius: 30px;text-align: center;color: #fff;background-color: #22A1FF;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .num_bg{position: relative;text-align: left;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .num_bg.fz24{padding-top: 35px;}
.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .num_bg .num{z-index: -1;position: absolute;top: 0;left: 0;color: #eee;}
.smile_surgery .ss_lr_slide .slide_control{z-index: 5;position: absolute;bottom: 0;left: 315px;display: flex;gap: 0 20px;align-items: center;}
.smile_surgery .ss_lr_slide .slide_control .arrow_btn{display: block;width: 8px;height: 16px;background-image: url(/src/img/ico/ss_lr_arrow.svg);}
.smile_surgery .ss_lr_slide .slide_control .arrow_btn.next{transform: scaleX(-1);}
.smile_surgery .ss_lr_slide .slide_control .num{width: 70px;color: #ccc;text-align: center;}
.smile_surgery .ss_lr_slide .slide_control .curr{color: #333;}
.smile_surgery .view_grad_btn{display: flex;align-items: center;justify-content: center;width: 640px;height: 80px;margin-right: auto;margin-left: auto;border-radius: 40px;text-align: center;color: #fff;background: #33caff;background: linear-gradient(90deg, #33caff 0%, #22a1ff 100%);}
.smile_surgery .gray_bg.pb0{padding-bottom: 0;}
.smile_surgery .real_btns{display: flex;justify-content: center;gap: 20px;}
.smile_surgery .real_btns .btn{display: flex;align-items: center;justify-content: center;width: 300px;height: 100px;border: 4px solid #22A1FF;border-radius: 50px;text-align: center;}
.smile_surgery .real_btns .btn.act{color: #fff;background-color: #22A1FF;}

.smile_surgery .ss_history_slide{overflow: hidden;}
.smile_surgery .ss_history_slide .ss_history_mask{}
/* .smile_surgery .ss_history_slide .ss_history_mask .swiper-wrapper{transition-timing-function: linear;} */

.smile_surgery .ss_history_slide .item{position: relative;display: flex;flex-direction: column;justify-content: flex-end;height: 725px;padding: 40px 0 0 30px;border-left: 1px solid #ddd;}
.smile_surgery .ss_history_slide .item .img{height: 326px;}
.smile_surgery .ss_history_slide .item .img > img{object-fit: cover;width: 100%;height: 100%;}
.smile_surgery .ss_history_slide .item .txt{height: 204px;padding-bottom: 104px;}
.smile_surgery .ss_history_slide .item .year_box{position: absolute;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;width: calc(100% - 30px);height: 64px;margin-top: 40px;text-align: center;color: #fff;}
.smile_surgery .ss_history_slide .item .year_box.dark_green{background-color: #004B49;}
.smile_surgery .ss_history_slide .item .year_box.green{background-color: #11A5A0;}

.smile_surgery .ss_history_slide .slide_control{margin-top: 50px;}
.smile_surgery .ss_history_slide .slide_control .bar_bg{position: relative;height: 4px;}
.smile_surgery .ss_history_slide .slide_control .bar_bg .progress{background-color: #eee;}
.smile_surgery .ss_history_slide .slide_control .bar_bg .progress .swiper-pagination-progressbar-fill{background-color: #22a1ff;}


.smile_surgery .ss_thum_slide{display: flex;flex-direction: row-reverse;justify-content: space-between;}
.smile_surgery .ss_thum_slide .txt{overflow: hidden;position: relative;width: calc(100% - 960px);padding-top: 80px;}
.smile_surgery .ss_thum_slide .txt .txt_mask{width: 100%;}
.smile_surgery .ss_thum_slide .txt .txt_mask.mh226{min-height: 226px;}
.smile_surgery .ss_thum_slide .txt .txt_mask .item{}
.smile_surgery .ss_thum_slide .txt .logos{display: flex;flex-wrap: wrap;gap: 10px;padding-top: 40px;border-top: 1px solid #ddd;}
.smile_surgery .ss_thum_slide .txt .logos > figure{width: 160px;text-align: center;}
.smile_surgery .ss_thum_slide .txt .more_btn{display: flex;align-items: center;justify-content: center;width: 200px;height: 50px;border-radius: 30px;text-align: center;color: #fff;background-color: #22A1FF;}
.smile_surgery .ss_thum_slide .txt .num_bg{position: relative;text-align: left;}
.smile_surgery .ss_thum_slide .txt .num_bg.fz24{padding-top: 35px;}
.smile_surgery .ss_thum_slide .txt .num_bg .num{z-index: -1;position: absolute;top: 0;left: 0;color: #eee;}
.smile_surgery .ss_thum_slide .txt .slide_control{position: absolute;bottom: 0;left: 315px;display: flex;gap: 0 20px;align-items: center;}
.smile_surgery .ss_thum_slide .txt .slide_control .arrow_btn{display: block;width: 8px;height: 16px;background-image: url(/src/img/ico/ss_lr_arrow.svg);}
.smile_surgery .ss_thum_slide .txt .slide_control .arrow_btn.next{transform: scaleX(-1);}
.smile_surgery .ss_thum_slide .txt .slide_control .num{width: 70px;color: #ccc;text-align: center;}
.smile_surgery .ss_thum_slide .txt .slide_control .curr{color: #333;}
.smile_surgery .ss_thum_slide .img_mask{overflow: hidden;width: 870px;}
.smile_surgery .ss_thum_slide .img_mask .item{}
.smile_surgery .ss_thum_slide .img_mask .item .img{overflow: hidden;border-radius: 20px;}
.smile_surgery .ss_thum_slide .img_mask .item .img img{width: 100%;}


.smile_surgery .smile_history{position: relative;}
.smile_surgery .smile_history::before{content: '';position: absolute;top: 18px;left: calc(50% - 1px);width: 2px;height: calc(100% - 18px);background-color: #ddd;}
.smile_surgery .smile_history > ul{}
.smile_surgery .smile_history > ul > li{}
.smile_surgery .smile_history > ul > li+li{margin-top: 100px;}
.smile_surgery .smile_history > ul > li .tit_line{display: flex;align-items: center;justify-content: space-between;float: left;width: 100%;margin-bottom: 60px;}
.smile_surgery .smile_history > ul > li .tit_line .year{position: relative;width: calc(50% - 44px);line-height: 120%;}
.smile_surgery .smile_history > ul > li .tit_line .year::after{content: '';box-sizing: border-box;position: absolute;top: 18px;width: 30px;height: 30px;border: 8px solid #11A5A0;border-radius: 50%;background-color: #fff;}
.smile_surgery .smile_history > ul > li .tit_line .tit{width: calc(50% - 44px);line-height: 140%;color: #11A5A0;}
.smile_surgery .smile_history > ul > li:nth-child(2n-1) .tit_line .year{text-align: right;}
.smile_surgery .smile_history > ul > li:nth-child(2n-1) .tit_line .year::after{right: -59px;}
.smile_surgery .smile_history > ul > li:nth-child(2n) .tit_line{flex-direction: row-reverse;}
.smile_surgery .smile_history > ul > li:nth-child(2n) .tit_line .year::after{left: -59px;}
.smile_surgery .smile_history > ul > li:nth-child(2n) .tit_line .tit{text-align: right;}
.smile_surgery .smile_history > ul > li .img{width: calc(50% - 44px);overflow: hidden;border-radius: 20px;}
.smile_surgery .smile_history > ul > li .img img{width: 100%;}
.smile_surgery .smile_history > ul > li .txt{width: calc(50% - 44px);}
.smile_surgery .smile_history > ul > li:nth-child(2n-1) .img{float: left;}
.smile_surgery .smile_history > ul > li:nth-child(2n-1) .txt{float: right;}
.smile_surgery .smile_history > ul > li:nth-child(2n) .img{float: right;}
.smile_surgery .smile_history > ul > li:nth-child(2n) .txt{float: left;}
.smile_surgery .smile_history > ul > li .txt dl{display: flex;}
.smile_surgery .smile_history > ul > li .txt dl+dl{margin-top: 40px;}
.smile_surgery .smile_history > ul > li .txt dl dt{width: 110px;}
.smile_surgery .smile_history > ul > li .txt dl dd{width: calc(100% - 110px);}
.smile_surgery .smile_history > ul > li .txt dl dd .dot{position: relative;padding-left: 17px;}
.smile_surgery .smile_history > ul > li .txt dl dd .dot::before{content: '';position: absolute;top: 14px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #ddd;}
.smile_surgery .smile_history > ul > li .txt dl dd .dot+.dot{margin-top: 20px;}






.m_box_scroll {
	overflow-x: auto;
	padding-bottom: 20px;
}
.m_box_scroll::-webkit-scrollbar {
	height: 4px;
	background-color: #eee;
}
.m_box_scroll::-webkit-scrollbar-thumb {
	background-color: #22a1ff !important;
}
.m_box_scroll .mw800{min-width: 800px;}



.smile_surgery.smile_pro .common_bg.smile_pro_bg2{background-image: url(/src/img/bg/smile_pro_bg2.jpg);}
.smile_surgery.smile_pro .common_bg.smile_pro_bg3{background-image: url(/src/img/bg/smile_pro_bg3.jpg);}

.ss_history_scroll{padding: 40px 100px 40px 0;background-color: #fafafa;}
@media (max-width: 1440px){
	.ss_history_scroll{padding-right: 0;}
}


@media (max-width: 1520px){
	.smile_surgery .ss_thum_slide{display: block;padding: 0 60px;}
	.smile_surgery .ss_thum_slide .txt{width: 100%;}
	.smile_surgery .ss_thum_slide .txt .item{text-align: center;}
	.smile_surgery .ss_thum_slide .txt .logos{justify-content: center;}
	.smile_surgery .ss_thum_slide .txt .more_btn{margin-right: auto;margin-left: auto;}
	.smile_surgery .ss_thum_slide .txt .slide_control{position: static;margin-top: 80px;justify-content: center;}
	.smile_surgery .ss_thum_slide .img_mask{width: 100%;}
}

@media (max-width: 1440px){
	.smile_surgery .m_scroll {
    overflow-x: auto;
    padding-bottom: 20px;
  }
	.smile_surgery .m_scroll::-webkit-scrollbar {
    height: 4px;
    background-color: #eee;
  }
	.smile_surgery .m_scroll::-webkit-scrollbar-thumb {
    background-color: #22a1ff !important;
  }
	.smile_surgery .m_scroll .mw1400 {
    min-width: 1400px;
  }
	.smile_surgery .vdo_lr{display: block;}
	.smile_surgery .vdo_lr .l_cont{width: 100%;text-align: center;}
	.smile_surgery .vdo_lr .r_cont{width: 100%;margin-top: 80px;}
	.smile_surgery .img_txt_lr{flex-direction: column;gap: 80px 0;align-items: center;}
	.smile_surgery .img_txt_lr .img{width: 680px;}
	.smile_surgery .img_txt_lr .txt{width: 100%;}
	.smile_surgery .img_txt_lr.txt_w640 .img{width: 675px;}
	.smile_surgery .img_txt_lr.txt_w640 .txt{width: 100%;}
	.smile_surgery .circle_process > ul{flex-direction: column;align-items: center;}
	.smile_surgery .circle_process > ul > li+li{margin-top: -40px;margin-left: 0;}
	.smile_surgery .m_pr0{padding-right: 0;}
	.smile_surgery .df_ul.gap50.lng2 > ul > li{width: 100%;}
	.smile_surgery .df_ul.gap40.lng3 > ul > li{width: 100%;}

	.smile_surgery .equip_lr .wrap {
    display: block;
  }
	.smile_surgery .equip_lr .wrap .l_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
	.smile_surgery .equip_lr .wrap .l_txt .more_btn {
    margin-top: 40px;
  }
	.smile_surgery .equip_lr .wrap .r_img {
    width: 100%;
    margin-top: 80px;
  }
	.smile_surgery .ss_lr_slide{padding: 0 60px;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item{flex-direction: column;justify-content: start;align-items: center;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .img{width: 100%;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt{width: 100%;margin-top: 80px;padding-top: 0;text-align: center;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .m_mt40{margin-top: 40px;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .logos{justify-content: center;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .more_btn{margin-right: auto;margin-left: auto;}
	.smile_surgery .ss_lr_slide .slide_control{position: static;margin-top: 80px;justify-content: center;}
	.smile_surgery .real_btns{flex-wrap: wrap;}
	.smile_surgery .real_btns .btn{width: calc((100% - 40px)/3);}
	.smile_surgery .real_btns.lng1 .btn{width: 300px;}

	.smile_surgery .smile_history > ul > li .txt dl dt{width: 80px;font-size: 20px;}
	.smile_surgery .smile_history > ul > li .txt dl dd{width: calc(100% - 80px);}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot{font-size: 20px;}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot+.dot{margin-top: 15px;}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot::before{top: 11px;}


}
@media (max-width: 1240px){
	.smile_surgery .vdo_sect{width: 100%;}
}

@media (max-width: 991px){
	.smile_surgery .smile_history > ul > li .tit_line .year{width: calc(50% - 30px);font-size: 40px;}
	.smile_surgery .smile_history > ul > li .tit_line .tit{width: calc(50% - 30px);font-size: 30px;}
	.smile_surgery .smile_history > ul > li .tit_line .year::after{top: 6px;}
	.smile_surgery .smile_history > ul > li:nth-child(2n-1) .tit_line .year::after{right: -45px;}
	.smile_surgery .smile_history > ul > li:nth-child(2n) .tit_line .year::after{left: -45px;}
	.smile_surgery .smile_history > ul > li .img{width: calc(50% - 30px);}
	.smile_surgery .smile_history > ul > li .txt{width: calc(50% - 30px);}
}
@media (max-width: 767px){
	.smile_surgery .img_txt_lr .img{width: 100%;}
	.smile_surgery .img_txt_lr.txt_w640 .img{width: 100%;}
	.smile_surgery .view_grad_btn{width: 100%;}
}
@media (max-width: 620px){
	.smile_surgery .m_scroll {
    padding-bottom: 10px;
  }
	.smile_surgery .m_scroll::-webkit-scrollbar {
    height: 2px;
  }
	.smile_surgery .vdo_sect{border-radius: 10px;}
	.smile_surgery .ss_wide_slide .item .img{border-radius: 10px;}
	.smile_surgery .ss_wide_slide .item .img .img_txt{padding: 20px;}
	.smile_surgery .ss_wide_slide .slide_control{margin-top: 25px;}
	.smile_surgery .ss_wide_slide .slide_control .bar_bg{height: 2px;}
	.smile_surgery .vdo_lr .r_cont{margin-top: 40px;}
	.smile_surgery .vdo_lr .r_cont .vdo{border-radius: 10px;}
	.smile_surgery .bdrs20{border-radius: 10px;}
	.smile_surgery .img_txt_lr{gap: 40px 0;}
	.smile_surgery .circle_process > ul > li{width: 200px;height: 200px;}
	.smile_surgery .df_ul.gap50 > ul{gap: 25px;}
	.smile_surgery .df_ul.gap40 > ul{gap: 20px;}
	.smile_surgery .df_ul .txt_bar::before{margin-top: 15px;margin-bottom: 15px;}
	.smile_surgery .equip_lr .wrap .l_txt .more_btn {
    margin-top: 20px;
  }
	.smile_surgery .equip_lr .wrap .r_img {
    margin-top: 40px;
  }
	.smile_surgery .ss_lr_slide{padding: 0;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt{margin-top: 40px;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .m_mt40{margin-top: 20px;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .logos{gap: 5px;margin-top: 20px;padding-top: 20px;}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .logos > figure{width: calc((100% - 5px)/2);}
	.smile_surgery .ss_lr_slide .ss_lr_mask .item .txt .num_bg.fz24{padding-top: 20px;}
	.smile_surgery .ss_lr_slide .slide_control{margin-top: 40px;gap: 0 10px;}
	.smile_surgery .view_grad_btn{height: 70px;border-radius: 35px;}
	.smile_surgery .gray_top_bg::before{height: 200px;}
	.smile_surgery .real_btns{gap: 5px;}
	.smile_surgery .real_btns .btn{width: calc((100% - 10px)/3);height: 80px;border: 2px solid #22A1FF;border-radius: 40px;font-size: 11px;}
	.smile_surgery .real_btns .btn.m_fz12{font-size: 12px;}
	.smile_surgery .real_btns.lng1 .btn{width: 180px;}
	
	.smile_surgery .ss_history_slide .item{height: 570px;padding: 20px 0 0 20px;}
	.smile_surgery .ss_history_slide .item .txt{height: 144px;padding-bottom: 74px;}
	.smile_surgery .ss_history_slide .item .year_box{width: calc(100% - 20px);height: 54px;margin-top: 20px;}
	.smile_surgery .ss_history_slide .slide_control{margin-top: 25px;}
	.smile_surgery .ss_history_slide .slide_control .bar_bg{height: 2px;}


	.smile_surgery .ss_thum_slide{padding: 0;}
	.smile_surgery .ss_thum_slide .txt{padding-top: 40px;}
	.smile_surgery .ss_thum_slide .txt .txt_mask.mh226{min-height: 108px;}
	.smile_surgery .ss_thum_slide .txt .num_bg.fz24{padding-top: 20px;}
	.smile_surgery .ss_thum_slide .txt .logos{gap: 5px;margin-top: 20px;padding-top: 20px;}
	.smile_surgery .ss_thum_slide .txt .logos > figure{width: calc((100% - 5px)/2);}
	.smile_surgery .ss_thum_slide .txt .more_btn{margin-right: auto;margin-left: auto;}
	.smile_surgery .ss_thum_slide .txt .slide_control{margin-top: 40px;gap: 0 10px;}
	
	.smile_surgery .smile_history > ul > li .tit_line{margin-bottom: 30px;}
	.smile_surgery .smile_history > ul > li .tit_line .year{width: calc(50% - 15px);font-size: 20px;}
	.smile_surgery .smile_history > ul > li .tit_line .year::after{top: 3px;width: 20px;height: 20px;border: 4px solid #11A5A0;}
	.smile_surgery .smile_history > ul > li:nth-child(2n-1) .tit_line .year::after{right: -25px;}
	.smile_surgery .smile_history > ul > li:nth-child(2n) .tit_line .year::after{left: -25px;}
	.smile_surgery .smile_history > ul > li .tit_line .tit{width: calc(50% - 15px);font-size: 20px;}
	.smile_surgery .smile_history > ul > li+li{margin-top: 50px;}
	.smile_surgery .smile_history > ul > li .img{width: calc(50% - 15px);border-radius: 10px;}
	.smile_surgery .smile_history > ul > li .txt{width: calc(50% - 15px);}
	.smile_surgery .smile_history > ul > li .txt dl{display: block;}
	.smile_surgery .smile_history > ul > li .txt dl+dl{margin-top: 20px;}
	.smile_surgery .smile_history > ul > li .txt dl dt{width: 100%;font-size: 16px;}
	.smile_surgery .smile_history > ul > li .txt dl dd{width: 100%;margin-top: 10px;}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot{padding-left: 10px;font-size: 16px;}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot+.dot{margin-top: 10px;}
	.smile_surgery .smile_history > ul > li .txt dl dd .dot::before{width: 4px;height: 4px;}

}

.img_w100p > img{width: 100%;}
.img_w1080{width: 1080px;}
.img_w1240{width: 1240px;}
.img_ma{margin-right: auto;margin-left: auto;}
.img_bd{border: 1px solid #ddd;}
.img_bdrs20{overflow: hidden;border-radius: 20px;}
.img_bdrs10{overflow: hidden;border-radius: 10px;}

@media (max-width: 1440px){
	.img_w1080{width: 100%;}
	.img_w1240{width: 100%;}
	.img_ptb50{padding: 50px;}
	.m_box_scroll {
		overflow-x: auto;
		padding-bottom: 20px;
	}
	.m_box_scroll::-webkit-scrollbar {
		height: 4px;
		background-color: #eee;
	}
	.m_box_scroll::-webkit-scrollbar-thumb {
		background-color: #22a1ff !important;
	}
	.m_box_scroll .mw800{min-width: 800px;}
}
@media (max-width: 620px){
	.img_bdrs20{border-radius: 10px;}
	.m_box_scroll {
		padding-bottom: 10px;
	}
	.m_box_scroll::-webkit-scrollbar {
		height: 2px;
	}
}


@media (max-width: 991px) and (max-height: 500px) and (orientation: landscape){
	#header .hd_top {height: 70px;}
	#header .hd_top .logo{width: 93px;height: 30px;background-size: 93px 30px;}
	#header.in_hd .hd_top{width: 100%;}
	.hd_s_menu > ul > li > a{padding: 10px 0;font-size: 12px;}
	.nav_wrap .nav_menu_box{height: calc(100vh - 145px);}

	.nav_wrap .bottom_menu .btn{line-height: 54px;font-size: 14px;}
	#footer .f_menu{height: 64px;}
	#footer .f_menu > ul > li > a > p{padding-top: 5px;font-size: 10px;}
}



.lens_implantation_v2 .bdrs20{overflow: hidden;border-radius: 20px;}

.lens_implantation_v2 .s2_1 .img > img{width: 100%;}

.lens_implantation_v2 .lng3_slide{overflow: hidden;}
.lens_implantation_v2 .lng3_slide .lng3_mask{width: 680px;margin: 0 auto;}
.lens_implantation_v2 .lng3_slide .item .img{position: relative;overflow: hidden;border: 1px solid #ddd;border-radius: 20px;}
.lens_implantation_v2 .lng3_slide .item .img img{width: 100%;}
.lens_implantation_v2 .lng3_slide .item .img .img_txt{position: absolute;top: 0;left: 0;display: flex;align-items: flex-end;width: 100%;height: 100%;padding: 50px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);}
.lens_implantation_v2 .lng3_slide .item.filter_hover .img{transition: filter 0.3s;filter: grayscale(100%);}
.lens_implantation_v2 .lng3_slide .item.filter_hover:hover .img{filter: grayscale(0);}
.lens_implantation_v2 .lng3_slide .item.op{transition: opacity 0.3s;opacity: 0.2;}
.lens_implantation_v2 .lng3_slide .item.op.swiper-slide-active{opacity: 1;}
.lens_implantation_v2 .lng3_slide .slide_control {margin-top: 50px;}
.lens_implantation_v2 .lng3_slide .slide_control .bar_bg{position: relative;height: 4px;}
.lens_implantation_v2 .lng3_slide .slide_control .bar_bg .progress{background-color: #eee;}
.lens_implantation_v2 .lng3_slide .slide_control .bar_bg .progress .swiper-pagination-progressbar-fill{background-color: #22a1ff;}

.lens_implantation_v2 .s7 > ul{display: flex;flex-wrap: wrap;gap: 60px 10px;}
.lens_implantation_v2 .s7 > ul > li{width: calc((100% - 40px)/5);}
.lens_implantation_v2 .s7 > ul > li .img{overflow: hidden;display: block;max-width: 240px;margin: 0 auto;border: 1px solid #ddd;border-radius: 50%;}
.lens_implantation_v2 .s7 > ul > li .img > img{width: 100%;}

.lens_implantation_v2 .s2_3{padding: 180px 0;background-image: url(/src/img/lens_implantation_v2_s2_3_bg.jpg);background-size: cover;background-position: center;}

.lens_implantation_v2 .s3_3{padding: 180px 0;background-image: url(/src/img/lens_implantation_v2_s3_3_bg.jpg);background-size: cover;background-position: center;}

@media (max-width: 1520px){
	.lens_implantation_v2 .s7 > ul > li{width: calc((100% - 20px)/3);}
}
@media (max-width: 1420px){

}
@media (max-width: 1240px){
	.lens_implantation_v2 .s2_1{overflow-x: auto;padding-bottom: 20px;}
	.lens_implantation_v2 .s2_1::-webkit-scrollbar{height: 4px;background-color: #eee;}
	.lens_implantation_v2 .s2_1::-webkit-scrollbar-thumb{background-color: #22a1ff;}
	.lens_implantation_v2 .s2_1 .img{width: 1200px;}
}
@media (max-width: 720px){
	.lens_implantation_v2 .lng3_slide .lng3_mask{width: 90%;}
}
@media (max-width: 620px){
	.lens_implantation_v2 .s2_1{padding-bottom: 10px;}
	.lens_implantation_v2 .s2_1::-webkit-scrollbar{height: 2px;}
	.lens_implantation_v2 .s2_1 .img{width: 991px;}

	.lens_implantation_v2 .lng3_slide .item .img{border-radius: 10px;}
	.lens_implantation_v2 .lng3_slide .item .img .img_txt{padding: 20px;}
	.lens_implantation_v2 .lng3_slide .slide_control{margin-top: 25px;}
	.lens_implantation_v2 .lng3_slide .slide_control .bar_bg{height: 2px;}
	
	.lens_implantation_v2 .s7 > ul{gap: 30px 10px;}
	.lens_implantation_v2 .s7 > ul > li{width: calc((100% - 10px)/2);}
	
	.lens_implantation_v2 .s2_3{padding: 90px 0;}

	.lens_implantation_v2 .s3_3{padding: 90px 0;}

}


/*2025-01-16 홈페이지 수정*/

@media screen and (min-width: 768px) {
.m-only { display:none; }
.w-only { display:block; }

/*인공수정체 비교*/	
.artificial_lens .common_s_tab .cont_tab.type3 > ul { display:flex; flex-wrap:wrap; }
.artificial_lens .common_s_tab .cont_tab.type3 > ul > li { margin-bottom: -1px; }

.compare_section { width:100%; height:auto; margin-top:80px; }
.compare_section > .inner-wrap { width:100%; margin:0 auto;  display:flex; align-items:center;  }
.compare_section > .inner-wrap > .item { flex-direction: column; width:calc(50% - 70px)!important; height:auto; border:1px solid #ddd; border-radius:24px; overflow:hidden; }
.compare_section > .inner-wrap > .item.position-left > .img { width:100%; height:375px; background:url("/src/img/new/img_artificial_lens_type1.png") no-repeat 0 0; background-size:cover; }
.compare_section > .inner-wrap > .item.position-right > .img { width:100%; height:375px; background:url("/src/img/new/img_artificial_lens_type2.png") no-repeat 0 0; background-size:cover; }
.compare_section > .inner-wrap > .item > .text { padding:24px; }
.compare_section > .inner-wrap > .item > .text > h5 { font-size:26px; font-weight:600; font-family:'yg-jalnan'; }
.compare_section > .inner-wrap > .item.position-left > .text > h5 > strong { color:#33CAFF; }
.compare_section > .inner-wrap > .item.position-right > .text > h5 > strong { color:#22A1FF; }
.compare_section > .inner-wrap > .item > .text > P { margin-top:16px; font-size:18px; color:#666; padding-bottom:24px; }
.compare_section > .inner-wrap > .item > .text > ul { display:block; height:auto; border-top:1px solid #ddd; padding-top:24px; text-align:left; }
.compare_section > .inner-wrap > .item > .text > ul > li { font-size:18px; color:#333; margin-bottom:16px; }
.compare_section > .inner-wrap > .item.position-left > .text > ul > li:before { margin-bottom:-9px; margin-right:8px; display:inline-block; width:32px; height:32px; content:''; background:url("/src/img/new/icon_check_light_blue.png") no-repeat 0 0; background-size:contain; }
.compare_section > .inner-wrap > .item.position-right > .text > ul > li:before { margin-bottom:-9px; margin-right:8px; display:inline-block; width:32px; height:32px; content:''; background:url("/src/img/new/icon_check_sky_blue.png") no-repeat 0 0; background-size:contain; }
.compare_section > .inner-wrap > .deco-vs { width:60px!important; height:100%;}
.compare_section > .inner-wrap > .deco-vs > p { font-size:36px; font-weight:600; font-family:'yg-jalnan'; }


/*안구건조증*/
.dry-eye-tab { display:flex; height:64px; margin:0 auto 60px; }
.dry-eye-tab > div { width:33.3333%; cursor:pointer; font-size:18px; color:#333; font-weight:400;  height:100%; line-height:62px; box-sizing:border-box; text-align:center; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.dry-eye-tab > div:first-child { border-left:1px solid #ddd; }
.dry-eye-tab > div.active { border:1px solid #333; color:#333; font-weight:600; }

.dry-eye-section { display:none; width:100%; height:auto; margin:0 auto; position:relative; }
.dry-eye-section.active { display:block; }


/*안구건조 케어 s1*/
.dry-eye-section.s1 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s1_d1.png") no-repeat 0 bottom; background-size:cover; }
.dry-eye-section.s1 > .d1 > h5 { padding-top:80px; font-size:36px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s1 > .d1 > figure { margin:60px auto 0; text-align:center; }
.dry-eye-section.s1 > .d1 > figure > img { max-width:100%; max-height:100%; }

.dry-eye-section.s1 > .d3 > figure > ul > li > img { border-radius:24px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s1 > .d3 > figure > ul > li > p { font-size:18px; margin-top:24px; text-align:center; }

.dry-eye-section.s1 > .d9 { width:100%; height:auto; background:url("/src/img/new/bg_s1_d9.png") no-repeat center bottom; background-size:cover;}
.dry-eye-section.s1 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px; }
.dry-eye-section.s1 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:22px; font-weight:200; text-align:center; width:calc(25% - 8px); height:308px;  background:rgba(0,0,0,0.4); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-radius:8px;}
.dry-eye-section.s1 > .d9 > ul > li:hover { background:rgba(0,0,0,0.6); }





/*고주파 결막이완술 s2*/
.dry-eye-section.s2 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s2_d1.png") no-repeat 0 bottom; background-size:cover; }
.dry-eye-section.s2 > .d1 > h5 { padding-top:80px; font-size:36px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s2 > .d1 > p { text-align:center; font-size:24px; margin:16px auto 0; color:#fff; font-weight:600; }
.dry-eye-section.s2 > .d1 > figure { margin:60px auto 0; text-align:center; }
.dry-eye-section.s2 > .d1 > figure > img { max-width:100%; max-height:100%; }

.dry-eye-section.s2 > .d3 > figure > ul > li > img { border-radius:24px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s2 > .d3 > figure > ul > li > p { font-size:18px; margin-top:24px; text-align:center; }

.dry-eye-section.s2 > .d5 { width:100%; height:auto; background:#F7F9FB; }
.dry-eye-section.s2 > .d5 > div > figure { position:relative; margin:0 auto; overflow:hidden; }
.dry-eye-section.s2 > .d5 > div > figure > ul { width:100%; height:auto; }
.dry-eye-section.s2 > .d5 > div > figure > ul > li > img { border-radius:16px; overflow:hidden; }
.dry-eye-section.s2 > .d5 > div > figure > .swiper-button-prev { position:absolute; top:50%; margin-top:-22px; left:32px; }
.dry-eye-section.s2 > .d5 > div > figure > .swiper-button-next { position:absolute; top:50%; margin-top:-22px; right:32px; }

.dry-eye-section.s2 > .d7 > ul { display:block; padding:32px; border:1px solid #ddd; height:auto; border-radius:24px;  }
.dry-eye-section.s2 > .d7 > ul > li { margin-bottom:16px; }
.dry-eye-section.s2 > .d7 > ul > li > p { display:inline-block; width:calc(100% - 52px); font-size:22px; }
.dry-eye-section.s2 > .d7 > ul > li > span { line-height:36px; vertical-align:top; display:inline-block; margin-right:16px; width:36px; height:36px; color:#fff; background:#33CAFF; font-size:18px; border-radius:50vh; font-weight:600; text-align:center;  }
.dry-eye-section.s2 > .d7 > figure { margin-top:-48px; }
 




/*IR & 릴렉스 눈물케어 s3*/
.dry-eye-section.s3 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s3_d1.png") no-repeat right bottom; background-size:cover; }
.dry-eye-section.s3 > .d1 > h5 { text-shadow:0px 2px 6px rgba(0,0,0,0.5); padding-top:80px; font-size:36px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s3 > .d1 > p { text-shadow:0px 2px 6px rgba(0,0,0,0.5); text-align:center; font-size:24px; margin:16px auto 0; color:#fff; font-weight:600; }
.dry-eye-section.s3 > .d1 > figure { margin:60px auto 0 8%; text-align:left; }
.dry-eye-section.s3 > .d1 > figure > img { max-width:100%; max-height:100%; }

.dry-eye-section.s3 > .d3 > figure > ul > li > img { border-radius:24px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s3 > .d3 > figure > ul > li > p { min-height:54px; font-size:18px; margin-top:24px; text-align:center; }

.dry-eye-section.s3 > .d3 > figure > ul { align-items:center; justify-content:center; }
.dry-eye-section.s3 > .d3 > figure > ul > img { width:32px; height:32px; margin-right:16px; margin-top:-24px; }

.dry-eye-section.s3 > .d5 > div > h3 { color:#fff; }
.dry-eye-section.s3 > .d5 { width:100%; height:auto; background:url("/src/img/new/bg_s3_d5.png") no-repeat center bottom; background-size:cover;}


.dry-eye-section.s3 > .d8 > ul { display:block; padding:32px; border:1px solid #ddd; height:auto; border-radius:24px;  }
.dry-eye-section.s3 > .d8 > ul > li { margin-bottom:16px; }
.dry-eye-section.s3 > .d8 > ul > li > p { display:inline-block; width:calc(100% - 52px); font-size:22px; }
.dry-eye-section.s3 > .d8 > ul > li > span { line-height:36px; vertical-align:top; display:inline-block; margin-right:16px; width:36px; height:36px; color:#fff; background:#33CAFF; font-size:18px; border-radius:50vh; font-weight:600; text-align:center;  }


.dry-eye-section.s3 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px; }
.dry-eye-section.s3 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:22px; font-weight:200; text-align:center; width:calc(25% - 8px); height:308px; border-radius:8px;}
.dry-eye-section.s3 > .d9 > ul > li:nth-child(1) { background:url("/src/img/new/bg_s3_d9_1.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(2) { background:url("/src/img/new/bg_s3_d9_2.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(3) { background:url("/src/img/new/bg_s3_d9_3.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(4) { background:url("/src/img/new/bg_s3_d9_4.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(5) { background:url("/src/img/new/bg_s3_d9_5.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(6) { background:url("/src/img/new/bg_s3_d9_6.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(7) { background:url("/src/img/new/bg_s3_d9_7.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(8) { background:url("/src/img/new/bg_s3_d9_8.png") no-repeat center center; background-size:cover; }

}


@media screen and (max-width: 767px) {
.m-only { display:block; }
.w-only { display:none; }

/*인공수정체 비교*/
.artificial_lens { width:100%!important; overflow:hidden; }
.artificial_lens .common_half_wrap { width:90%!important; margin:0 5%!important; }
.artificial_lens .quotes_txt { width:90%!important; }
.artificial_lens .common_tab_wrap { width:90%!important; margin:25px 5% 0!important;}

.compare_section { width:100%; height:auto; margin-top:80px; }
.compare_section > .inner-wrap { width:100%; margin:0 auto;  display:flex; align-items:center; }
.compare_section > .inner-wrap > .item { flex-direction: column; width:320px!important; height:auto; border:1px solid #ddd; border-radius:16px; overflow:hidden; }
.compare_section > .inner-wrap > .item.position-left {}
.compare_section > .inner-wrap > .item.position-left > .img { width:100%; height:220px; background:url("/src/img/new/img_artificial_lens_type1.png") no-repeat 0 0; background-size:cover; }
.compare_section > .inner-wrap > .item.position-right > .img { width:100%; height:220px; background:url("/src/img/new/img_artificial_lens_type2.png") no-repeat 0 0; background-size:cover; }
.compare_section > .inner-wrap > .item > .text { padding:16px; }
.compare_section > .inner-wrap > .item > .text > h5 { font-size:20px; font-weight:600; font-family:'yg-jalnan'; }
.compare_section > .inner-wrap > .item.position-left > .text > h5 > strong { color:#33CAFF; }
.compare_section > .inner-wrap > .item.position-right > .text > h5 > strong { color:#22A1FF; }
.compare_section > .inner-wrap > .item > .text > P { margin-top:8px; font-size:14px; color:#666; padding-bottom:16px; }
.compare_section > .inner-wrap > .item > .text > ul { display:block; height:auto; border-top:1px solid #ddd; padding-top:16px; text-align:left; }
.compare_section > .inner-wrap > .item > .text > ul > li { font-size:14px; color:#333; margin-bottom:12px; }
.compare_section > .inner-wrap > .item.position-left > .text > ul > li:before { margin-bottom:-9px; margin-right:8px; display:inline-block; width:32px; height:32px; content:''; background:url("/src/img/new/icon_check_light_blue.png") no-repeat 0 0; background-size:contain; }
.compare_section > .inner-wrap > .item.position-right > .text > ul > li:before { margin-bottom:-9px; margin-right:8px; display:inline-block; width:32px; height:32px; content:''; background:url("/src/img/new/icon_check_sky_blue.png") no-repeat 0 0; background-size:contain; }
.compare_section > .inner-wrap > .deco-vs { width:32px!important; height:100%;}
.compare_section > .inner-wrap > .deco-vs > p { font-size:24px; font-weight:600; font-family:'yg-jalnan'; }


/*안구건조증*/
.dry-eye-tab { display:flex; height:50px; margin:0 auto 60px; }
.dry-eye-tab > div { width:33.3333%; cursor:pointer; font-size:13px; color:#333; font-weight:400;  height:100%; line-height:46px; box-sizing:border-box; text-align:center; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.dry-eye-tab > div:first-child { border-left:1px solid #ddd; }
.dry-eye-tab > div.active { border:1px solid #333; color:#333;  font-weight:600; }

.dry-eye-section { display:none; width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.dry-eye-section.active { display:block; }


/*안구건조 케어 s1*/
.dry-eye-section.s1 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s1_d1_m.png") no-repeat 0 bottom; background-size:cover; }
.dry-eye-section.s1 > .d1 > h5 { padding-top:60px; font-size:24px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s1 > .d1 > figure { margin:40px auto 0; text-align:center; }
.dry-eye-section.s1 > .d1 > figure > img { max-width:100%; max-height:100%; }

.dry-eye-section.s1 > .d3 > figure > ul > li > img { border-radius:24px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s1 > .d3 > figure > ul > li > p { font-size:18px; margin-top:24px; text-align:center; }

.dry-eye-section.s1 > .d9 { width:100%; height:auto; background:url("/src/img/new/bg_s1_d9.png") no-repeat center bottom; background-size:cover;}
.dry-eye-section.s1 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px; }
.dry-eye-section.s1 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:15px; font-weight:200; text-align:center; width:calc(50% - 8px); height:160px;  background:rgba(0,0,0,0.4); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-radius:8px;}
.dry-eye-section.s1 > .d9 > ul > li:hover { background:rgba(0,0,0,0.6); }


/*고주파 결막이완술 s2*/
.dry-eye-section.s2 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s2_d1_m.png") no-repeat 0 bottom; background-size:cover; }
.dry-eye-section.s2 > .d1 > h5 { padding-top:60px; font-size:24px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s2 > .d1 > p { text-align:center; font-size:16px; margin:8px auto 0; color:#fff; font-weight:600; }
.dry-eye-section.s2 > .d1 > figure { margin:40px auto 0; text-align:center; }
.dry-eye-section.s2 > .d1 > figure > img { max-width:100%; max-height:100%; }

.dry-eye-section.s2 > .d3 > figure > ul > li > img { border-radius:24px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s2 > .d3 > figure > ul > li > p { font-size:18px; margin-top:24px; text-align:center; }

.dry-eye-section.s2 > .d5 { width:100%; height:auto; background:#F7F9FB; }
.dry-eye-section.s2 > .d5 > div > figure { position:relative; margin:0 auto; overflow:hidden; }
.dry-eye-section.s2 > .d5 > div > figure > ul { width:100%; height:auto; }
.dry-eye-section.s2 > .d5 > div > figure > ul > li > img {  border-radius:16px; overflow:hidden; }
.dry-eye-section.s2 > .d5 > div > figure > .swiper-button-prev { position:absolute; top:50%; margin-top:-22px; left:8px; }
.dry-eye-section.s2 > .d5 > div > figure > .swiper-button-next { position:absolute; top:50%; margin-top:-22px; right:8px; }

.dry-eye-section.s2 > .d7 > ul { display:block; padding:24px; border:1px solid #ddd; height:auto; border-radius:24px;  }
.dry-eye-section.s2 > .d7 > ul > li { margin-bottom:12px;}
.dry-eye-section.s2 > .d7 > ul > li > p { display:inline-block; width:calc(100% - 34px); font-size:15px; word-break:keep-all; }
.dry-eye-section.s2 > .d7 > ul > li > span { line-height:24px; vertical-align:top; display:inline-block; margin-right:10px; width:24px; height:24px; color:#fff; background:#33CAFF; font-size:13px; border-radius:50vh; font-weight:600; text-align:center;  }
.dry-eye-section.s2 > .d7 > figure { margin-top:-32px; }
 


/*IR & 릴렉스 눈물케어 s3*/
.dry-eye-section.s3 > .d1 { height:480px; border-radius:20px; background:url("/src/img/new/bg_s3_d1_m.png") no-repeat right bottom; background-size:cover; }
.dry-eye-section.s3 > .d1 > h5 { text-shadow:0px 2px 6px rgba(0,0,0,0.5); padding-top:60px; font-size:24px; color:#fff; text-align:center; line-height:1.5; font-weight:600; font-family:'yg-jalnan';}
.dry-eye-section.s3 > .d1 > p { text-shadow:0px 2px 6px rgba(0,0,0,0.5);  text-align:center; font-size:16px; margin:8px auto 0; color:#fff; font-weight:600; }
.dry-eye-section.s3 > .d1 > figure { margin:40px auto 0;  text-align:center; }
.dry-eye-section.s3 > .d1 > figure > img { max-width:100%; max-height:100%; }


.dry-eye-section.s3 > .d3 > figure > ul > li > img { border-radius:16px; overflow:hidden; border:1px solid #ddd; }
.dry-eye-section.s3 > .d3 > figure > ul > li > p { min-height:48px; font-size:15px; margin-top:16px; text-align:center; }

.dry-eye-section.s3 > .d3 > figure > ul { align-items:center; justify-content:start; margin-left:-120px; }
.dry-eye-section.s3 > .d3 > figure > ul > img { width:24px; height:24px; margin-right:10px; margin-top:-40px; }

.dry-eye-section.s3 > .d5 > div > h3 { color:#fff; }
.dry-eye-section.s3 > .d5 { width:100%; height:auto; background:url("/src/img/new/bg_s3_d5.png") no-repeat center bottom; background-size:cover;}

.dry-eye-section.s3 > .d8 > ul { display:block; padding:24px; border:1px solid #ddd; height:auto; border-radius:24px;  }
.dry-eye-section.s3 > .d8 > ul > li { margin-bottom:12px;}
.dry-eye-section.s3 > .d8 > ul > li > p { display:inline-block; width:calc(100% - 34px); font-size:15px; word-break:keep-all; }
.dry-eye-section.s3 > .d8 > ul > li > span { line-height:24px; vertical-align:top; display:inline-block; margin-right:10px; width:24px; height:24px; color:#fff; background:#33CAFF; font-size:13px; border-radius:50vh; font-weight:600; text-align:center;  }
 

.dry-eye-section.s3 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px;}
.dry-eye-section.s3 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:16px; font-weight:200; text-align:center; width:calc(50% - 8px); height:160px; border-radius:8px;}
.dry-eye-section.s3 > .d9 > ul > li:nth-child(1) { background:url("/src/img/new/bg_s3_d9_1.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(2) { background:url("/src/img/new/bg_s3_d9_2.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(3) { background:url("/src/img/new/bg_s3_d9_3.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(4) { background:url("/src/img/new/bg_s3_d9_4.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(5) { background:url("/src/img/new/bg_s3_d9_5.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(6) { background:url("/src/img/new/bg_s3_d9_6.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(7) { background:url("/src/img/new/bg_s3_d9_7.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(8) { background:url("/src/img/new/bg_s3_d9_8.png") no-repeat center center; background-size:cover; }


}


@media screen and (max-width: 1280px) and (min-width: 768px) {
.dry-eye-section.s1 > .d9 { width:100%; height:auto; background:url("/src/img/new/bg_s1_d9.png") no-repeat center bottom; background-size:cover;}
.dry-eye-section.s1 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px; }
.dry-eye-section.s1 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:18px; font-weight:200; text-align:center; width:calc(50% - 8px); height:240px;  background:rgba(0,0,0,0.4); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-radius:8px;}
.dry-eye-section.s1 > .d9 > ul > li:hover { background:rgba(0,0,0,0.6); }


.dry-eye-section.s3 > .d9 > ul { display:flex; flex-wrap:wrap; gap:8px;}
.dry-eye-section.s3 > .d9 > ul > li { transition:all 0.5s; display:flex; justify-content:center; align-items: center; color:#fff; font-size:18px; font-weight:200; text-align:center; width:calc(50% - 8px); height:240px; border-radius:8px;}
.dry-eye-section.s3 > .d9 > ul > li:nth-child(1) { background:url("/src/img/new/bg_s3_d9_1.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(2) { background:url("/src/img/new/bg_s3_d9_2.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(3) { background:url("/src/img/new/bg_s3_d9_3.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(4) { background:url("/src/img/new/bg_s3_d9_4.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(5) { background:url("/src/img/new/bg_s3_d9_5.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(6) { background:url("/src/img/new/bg_s3_d9_6.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(7) { background:url("/src/img/new/bg_s3_d9_7.png") no-repeat center center; background-size:cover; }
.dry-eye-section.s3 > .d9 > ul > li:nth-child(8) { background:url("/src/img/new/bg_s3_d9_8.png") no-repeat center center; background-size:cover; }

.dry-eye-section.s3 > .d3 > figure > ul { align-items:center; justify-content:start; margin-left:-120px; }
.dry-eye-section.s3 > .d3 > figure > ul > img { width:24px; height:24px; margin-right:10px; margin-top:-40px; }

	
}


/*인데이 0829*/
@media screen and (max-width: 620px){
  .mt60{margin-top: 30px;}
}

.smile_super .top_img{text-align: center;}
.smile_super .top_slide{overflow: hidden;}
.smile_super .top_slide .top_mask{width: 990px;margin: 0 auto;}
.smile_super .top_slide .item .img{position: relative;overflow: hidden;border-radius: 20px;}
.smile_super .top_slide .item .img img{width: 100%;}
.smile_super .top_slide .item .img .img_txt{position: absolute;top: 0;left: 0;display: flex;align-items: flex-end;width: 100%;height: 100%;padding: 50px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);}
/* .smile_super .top_slide .item.filter_hover .img{transition: filter 0.3s;filter: grayscale(100%);} */
/* .smile_super .top_slide .item.filter_hover:hover .img{filter: grayscale(0);} */
.smile_super .top_slide .slide_control {margin-top: 50px;}
.smile_super .top_slide .slide_control .bar_bg{position: relative;height: 4px;}
.smile_super .top_slide .slide_control .bar_bg .progress{background-color: #eee;}
.smile_super .top_slide .slide_control .bar_bg .progress .swiper-pagination-progressbar-fill{background-color: #22a1ff;}
@media screen and (max-width: 1240px){
  .smile_super .top_slide .top_mask{width: 90%;}
}
@media screen and (max-width: 620px){
  .smile_super .ss_wide_slide .item .img{border-radius: 10px;}
  .smile_super .ss_wide_slide .item .img .img_txt{padding: 20px;}
  .smile_super .ss_wide_slide .slide_control{margin-top: 25px;}
  .smile_super .ss_wide_slide .slide_control .bar_bg{height: 2px;}
}

.smile_pro .mid_img{text-align: center;}
.golden_smile .mid_img > img{width: 100%;}

.silk_lasik .common_bg.silk_lasik_bg1{padding: 0 40px;background-image: url(/src/img/bg/silk_lasik_bg1.jpg);}
.silk_lasik .mid_img > img{width: 100%;}
.silk_lasik .mid_banner{padding: 180px 0;text-align: center;background-image: url(/src/img/sub/silk_lasik_mid_banner_bg.jpg);background-size: cover;background-position: center bottom;}
.silk_lasik .mid_banner h3{color: #fff;}
.silk_lasik .sl_correction_list > ul{}
.silk_lasik .sl_correction_list > ul > li+li{margin-top: 80px;}
.silk_lasik .sl_correction_list > ul > li{display: flex;gap: 0 80px;align-items: center;}
.silk_lasik .sl_correction_list > ul > li .img{width: 100%;text-align: center;}
.silk_lasik .sl_correction_list > ul > li .img > figure{overflow: hidden;border-radius: 20px;}
.silk_lasik .sl_correction_list > ul > li .txt{flex-shrink: 0;width: 540px;}
.silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst{margin-top: 50px;padding-top: 50px;border-top: 1px solid #eee;}
.silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst > ul > li+li{margin-top: 20px;}
.silk_lasik .sl_vdo_list > ul{display: flex;flex-wrap: wrap;}
.silk_lasik .sl_vdo_list > ul > li{width: 100%;}
.silk_lasik .sl_vdo_list > ul > li figure{overflow: hidden;border-radius: 20px;}
.silk_lasik .sl_vdo_list.lng2 > ul{gap: 80px 40px;}
.silk_lasik .sl_vdo_list.lng2 > ul > li{width: calc(50% - 20px);}
.silk_lasik.eye_correction .equip_lr .wrap .r_img{border: 1px solid #ddd;border-radius: 20px;}
@media (max-width: 1520px){
  .silk_lasik .sl_correction_list > ul > li{gap: 0 60px;}
  .silk_lasik .sl_correction_list > ul > li .txt{width: 500px;}
  .silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst{margin-top: 40px;padding-top: 40px;}
  .silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst > ul > li+li{margin-top: 15px;}
}
@media (max-width: 1440px){
  .silk_lasik .common_bg.silk_lasik_bg1{padding: 0 5%;}
  .silk_lasik .sl_correction_list > ul{width: 100%;max-width: 780px;margin: 0 auto;}
  .silk_lasik .sl_correction_list > ul > li{flex-direction: column;gap: 40px 0;}
  .silk_lasik .sl_correction_list > ul > li .img{width: 100%;}
  .silk_lasik .sl_correction_list > ul > li .txt{width: 100%;}
  .silk_lasik .sl_vdo_list.lng2 > ul > li{width: 100%;}
}
@media (max-width: 620px){
  .silk_lasik .common_bg.silk_lasik_bg1{padding: 0;}
  .silk_lasik .mid_banner{padding: 90px 0;}
  .silk_lasik .sl_correction_list > ul > li+li{margin-top: 40px;}
  .silk_lasik .sl_correction_list > ul > li{gap: 20px 0;}
  .silk_lasik .sl_correction_list > ul > li .img > figure{border-radius: 10px;}
  .silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst{margin-top: 20px;padding-top: 20px;}
  .silk_lasik .sl_correction_list > ul > li .txt .common_dot_lst > ul > li+li{margin-top: 10px;}
  .silk_lasik .sl_vdo_list > ul > li figure{border-radius: 10px;}
  .silk_lasik .sl_vdo_list.lng2 > ul{gap: 40px 20px;}
  .silk_lasik.eye_correction .equip_lr .wrap .r_img{border-radius: 10px;}
}

.lens_implantation_top .top_img{overflow: hidden;border-radius: 20px;}
.lens_implantation_top .top_img > img{width: 100%;}
@media (max-width: 620px){
  .lens_implantation_top .top_img{border-radius: 10px;}
}

.lens_implantation_v2 .top_tit{display: flex;gap: 0 25px;flex-wrap: wrap;align-items: flex-end;}
.lens_implantation_v2 .top_tit .fz24{margin-bottom: -5px;}
.lens_implantation_v2 .top_comma > span{position: relative;display: inline-block;padding: 0 66px;line-height: 150%;}
.lens_implantation_v2 .top_comma > span::before{content: '';position: absolute;top: -5px;left: 0;width: 36px;height: 24px;background-image: url(/src/img/sub/lens_implantation_v2_comma.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.lens_implantation_v2 .top_comma > span::after{content: '';transform: scale(-1,-1);position: absolute;top: -5px;right: 0;width: 36px;height: 24px;background-image: url(/src/img/sub/lens_implantation_v2_comma.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.lens_implantation_v2 .top_img{overflow: hidden;border-radius: 20px;}
.lens_implantation_v2 .top_img > img{width: 100%;}
.lens_implantation_v2 .common_bg.lens_implantation_v2_bg1_v2{padding: 0 40px;background-image: url(/src/img/bg/lens_implantation_v2_bg1_v2.jpg);}
@media (max-width: 620px){
  .lens_implantation_v2 .top_tit{gap: 0 15px;}
  .lens_implantation_v2 .top_tit .fz24{margin-bottom: -3px;}
  .lens_implantation_v2 .top_comma > span{padding: 0 46px;}
  .lens_implantation_v2 .top_comma > span::before{width: 26px;height: 17px;}
  .lens_implantation_v2 .top_comma > span::after{width: 26px;height: 17px;}
  .lens_implantation_v2 .top_img{border-radius: 10px;}
  .lens_implantation_v2 .common_bg.lens_implantation_v2_bg1_v2{padding: 0;}
}

.complete_box{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 80px;border: 1px solid #ddd;text-align: center;}
.complete_box::before{content: '';display: block;width: 80px;height: 80px;margin-bottom: 40px;background-image: url(/src/img/ico/complete_box_ico.svg);background-size: cover;}
.complete_box .tit{font-family: 'yg-jalnan';font-size: 36px;}
.complete_box .tit b{color: #22A1FF;}
.complete_box .tit+.desc{margin-top: 40px;}
.complete_box .desc{font-size: 18px;font-weight: 100;}
.complete_box .desc b{font-weight: bold;color: #FF8222;}
.complete_box .desc.box_type{width: 100%;max-width: 900px;padding: 25px;border-radius: 25px;background-color: #fafafa;}
.complete_box .result_dl{padding: 35px 45px;border-top: 1px solid #333;background-color: #fafafa;text-align: left;}
.complete_box .result_dl dl{display: flex;gap: 0 10px;align-items: start;}
.complete_box .result_dl dl dt{flex-shrink: 0;width: 110px;font-size: 16px;font-weight: bold;}
.complete_box .result_dl dl dd{width: 100%;font-size: 16px;color: #666;}
.complete_box .result_dl dl+dl{margin-top: 20px;}
.complete_box .result_inner{width: 100%;max-width: 445px;margin-top: 40px;}
.complete_box .result_inner .sbm_line{margin-top: 20px;gap: 5px;}
.complete_box .sbm_line{display: flex;justify-content: center;gap: 10px;width: 100%;margin-top: 60px;}
.complete_box .sbm_line .btn{display: flex;align-items: center;justify-content: center;width: 320px;height: 60px;font-size: 16px;}
.complete_box .sbm_line .btn.line_style{border: 1px solid #aaa;}
.complete_box .sbm_line .btn.bg_style{color: #fff;background-color: #22A1FF;}
@media (max-width: 1240px){
  .complete_box{padding: 80px 40px;}
}
@media (max-width: 620px){
  .complete_box{padding: 40px 20px;}
  .complete_box::before{width: 60px;height: 60px;margin-bottom: 20px;}
  .complete_box .tit{font-size: 24px;}
  .complete_box .tit+.desc{margin-top: 20px;}
  .complete_box .desc{font-size: 14px;}
  .complete_box .desc.box_type{padding: 15px;border-radius: 15px;}
  .complete_box .result_dl{padding: 20px;}
  .complete_box .result_dl dl{gap: 0 5px;}
  .complete_box .result_dl dl dt{width: 80px;font-size: 12px;}
  .complete_box .result_dl dl dd{font-size: 12px;}
  .complete_box .result_dl dl+dl{margin-top: 10px;}
  .complete_box .result_inner{margin-top: 20px;}
  .complete_box .result_inner .sbm_line{margin-top: 10px;}
  .complete_box .sbm_line{gap: 5px;margin-top: 30px;}
  .complete_box .sbm_line .btn{width: 120px;height: 40px;font-size: 12px;}
}