html { font-size: 11px; }
@media screen and (min-width: 480px) { html { font-size: calc(11px + 5 * ((100vw - 480px) / 720)); } }
@media screen and (min-width: 1200px) { html { font-size: 16px; } }

.box-white { /* padding: 3.334%; */ padding: 2.500em; margin-bottom: 1.250em; box-shadow: 1px 1px rgba(0, 0, 0, 0.15); background-repeat: no-repeat; background-color: #fff; box-sizing: border-box; color: #000; position: relative; }
.box-white.activity { padding: 0; }
@media screen and (max-width: 768px) { .box-white.activity { padding: 2.500em 0; } }

.campain-intro { width: 100%; overflow: hidden; background: #00b0ad; position: relative; }
.campain-intro .posM { font-size: 2.5em; color: #fff; text-align: center; font-weight: 300; letter-spacing: -1px; width: 36.75%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 768px) { .campain-intro .posM { width: 100%; position: static; transform: none; padding: 30px 0; } }
.campain-intro .posM p { margin-bottom: 40px; }
@media screen and (max-width: 768px) { .campain-intro .posM p { margin-bottom: 20px; } }
.campain-intro .img { float: left; width: 63.25%; }
@media screen and (max-width: 768px) { .campain-intro .img { width: 100%; float: none; } }

.campain-info { font-size: 1.5625em; color: #666; letter-spacing: -1px; line-height: 1.44; margin-bottom: 2.400em; }

.campain-info2 { margin-bottom: 3.750em; }

.campain-info2 span { font-size: 1.375em; line-height: 1.2; color: #222; border-bottom: 1px solid #222; display: inline-block; margin-bottom: 0.455em; font-weight: 700; }

.campain-info span { color: #00adbb; }

.campain-know { width: 100%; overflow: hidden; }
.campain-know dt { float: left; width: 28%; font-size: 1.375em; color: #00adbb; letter-spacing: -1px; }
@media screen and (max-width: 960px) { .campain-know dt { float: none; width: 100%; margin-bottom: 20px; } }
.campain-know dd { float: left; width: 72%; font-size: 1.0625em; line-height: 1.5; color: #666; margin-bottom: 3.529em; }
@media screen and (max-width: 960px) { .campain-know dd { float: none; width: 100%; } }
.campain-know dd p { line-height: 1.647; font-size: 1.0625em; margin-bottom: 1.647em; }
.campain-know dd p.test { font-size: 1.0625em; }
.campain-know dd p i { display: block; }
@media screen and (max-width: 1200px) { .campain-know dd p i { display: inline-block; } }

.rwd { max-width: 100%; height: auto; }

.tab-title { font-size: 1.5625em; font-weight: 300; margin-bottom: 1.200em; }
@media screen and (max-width: 768px) { .tab-title { padding-left: 1em; } }

.health-screening li .img { position: relative; float: left; width: 39.052%; margin-right: 6.25%; }
.health-screening li .img img { max-width: 100%; }
@media screen and (max-width: 768px) { .health-screening li .img { float: none; width: 100%; margin: 0 0 40px 0; } }
.health-screening li .col-content { float: left; width: 53%; }
@media screen and (max-width: 768px) { .health-screening li .col-content { float: none; width: 100%; margin: 0; } }
.health-screening li:nth-child(2n) .img { float: right; width: 39.052%; text-align: right; margin-right: 0; }
@media screen and (max-width: 768px) { .health-screening li:nth-child(2n) .img { float: none; width: 100%; margin: 0 0 40px 0; text-align: left; } }
.health-screening li:nth-child(2n) .col-content { float: left; width: 53%; }
@media screen and (max-width: 768px) { .health-screening li:nth-child(2n) .col-content { float: none; width: 100%; margin: 0; } }

.column-side:after { content: ''; display: table; clear: both; }
.column-side .col-content dt { font-size: 1.375em; font-weight: 500; margin-bottom: 0.682em; }
.column-side .col-content dd { font-size: 1.0625em; font-weight: 300; margin-bottom: 2.059em; line-height: 1.6; }
.column-side .col-content dd i { display: block; }
@media screen and (max-width: 1200px) { .column-side .col-content dd i { display: inline-block; } }

.badge { width: 5.280em; height: 5.280em; background: url("/theme/kimeye/img/sub/health_screening_badge_dark.png") no-repeat left top; background-size: cover; font-size: 1.5625em; font-weight: 700; color: #fff; line-height: 5.280em; text-align: center; position: absolute; left: -1.240em; top: -1.240em; }
.badge.middle { background: url("/theme/kimeye/img/sub/health_screening_badge_middle.png") no-repeat left top; background-size: cover; }
.badge.light { background: url("/theme/kimeye/img/sub/health_screening_badge_light.png") no-repeat left top; background-size: cover; }

.activity { margin-bottom: 40px; }
.activity ul { width: 100%; overflow: hidden; padding-bottom: 3.750em; }
.activity ul > li { float: left; width: 33.333%; }
@media screen and (max-width: 768px) { .activity ul > li { float: none; width: 100%; padding: 0 1.5em; box-sizing: border-box; } }
@media screen and (max-width: 768px) { .activity figure img { max-width: 100%; } }
.activity figcaption { padding: 1.875em 2em; text-align: left; }
@media screen and (max-width: 768px) { .activity figcaption { padding: 2em 1em; } }
.activity strong { display: block; text-align: center; font-size: 1.375em; margin-bottom: 0.909em; }
@media screen and (max-width: 768px) { .activity strong { text-align: left; } }
.activity p { font-size: 1.0625em; line-height: 1.6; text-indent: -1em; padding-left: 1em; }
.activity p.alC { text-align: center; padding: 0 2em; }
@media screen and (max-width: 768px) { .activity p.alC { text-align: left; padding: 0; text-indent: 0; } }
.activity .date { margin: 1em 1em; font-size: 2.5em; font-weight: 700; color: #00adbb; text-align: center; border-bottom: 1px solid #00adbb; position: relative; }
.activity .date:before, .activity .date:after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #00adbb; display: block; position: absolute; bottom: -3px; left: 0; }
.activity .date:after { left: auto; right: 0; }
@media screen and (max-width: 768px) { .activity .date { text-align: left; margin: 1em 0; } }

.his-cont { margin: 0 2em; }
@media screen and (max-width: 768px) { .his-cont { margin: 0 0; } }
.his-cont p { font-size: 1em; letter-spacing: -1px; margin-bottom: 5px; }
@media screen and (max-width: 768px) { .his-cont p { font-size: 1.0625em; letter-spacing: 0; } }

.align-center { text-align: center; }
.align-center a { color: #00adbb; display: inline-block; margin-top: 1em; }

/* main */
/* 20190903 */
#hd_wrapper .gnb .gnb_left li:last-child { border-right: 0; }

#hd_wrapper .gnb .gnb_left li:last-child a { font-size: 0.875em; font-weight: 300; color: #333; display: inline-block; padding: 0 0; text-align: center; width: auto; }

@media screen and (max-width: 640px) { article.visual li[data-slick-index='0'] .slide_txt .title { color: #fff; } }

article.visual li[data-slick-index='0'] .slide_txt .title strong { color: #009ead; letter-spacing: -1px; }
@media screen and (max-width: 640px) { article.visual li[data-slick-index='0'] .slide_txt .title strong { color: #fff; } }

article.visual li[data-slick-index='0'] .slide_txt .title strong span { font-weight: 300; }

article.visual li[data-slick-index='0'] .slide_txt .desc { font-size: 1.65625em; color: #4b4b4b; }

@media screen and (max-width: 1100px) { article.visual .slide_wrap ul li[data-slick-index='0'] img { left: 55%; } }
@media screen and (max-width: 960px) { article.visual .slide_wrap ul li[data-slick-index='0'] img { left: 65%; } }
@media screen and (max-width: 768px) { article.visual .slide_wrap ul li[data-slick-index='0'] img { left: 80%; } }
@media screen and (max-width: 640px) { article.visual .slide_wrap ul li[data-slick-index='0'] img { left: 80%; }
  article.visual .slide_wrap ul li.slick-slide { background: #00adbb; } }

/*# sourceMappingURL=eyehealth.css.map */
