@charset "utf-8";

body {overflow-x: hidden}

/* HEADER */
header {width: 100%; background-color: #fff; border-bottom: 1px solid #e0e0e0; display: block; position: fixed; top: 0; left: 0; z-index: 9999}
.header-top {width: 100%; height: 40px; background:#f5f5f5; display: flex; align-items: center; justify-content: space-between}
.header-top a.ls-logo {margin: 0 0 0 20px}
.header-top a.ls-logo img {height: 16px}
.header-top .sns {height: 100%; display: flex; align-items: center; margin: 0 20px 0 0}
.header-top .sns a.sns-link {width: 30px; margin: 0 5px 0 0}
.header-top .sns a.sns-link:last-child {margin: 0}
.header-top .sns a.sns-link img {width: 100%}
.header-bottom {width: 100%; height: 70px; background-color: #fff; display: flex; align-items: center; justify-content: space-between}
.header-bottom a.logo {margin: 0 0 0 20px}
.header-bottom a.logo img {width: 160px}
.header-bottom .link {height: 100%; display: flex; align-items: center; margin: 0 20px 0 0}
#section-menu {height: 100%; display: flex; align-items: center; margin: 0 20px 0 0 !important}
#section-menu ul {height: 100%; display: flex}
#section-menu ul li {height: 100%; display: flex; align-items: center; margin: 0 20px}
#section-menu ul li a {width: 100%; height: 100%; font-size: 20px; color: #7d7d7d; display: flex; align-items: center; position: relative; top: 0; padding: 0 20px; transition: .4s}
#section-menu ul li a::after {width: 0; height: 4px; background-color: #ddd; content: ''; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); transition: .4s}
#section-menu ul li a:hover::after {width: 80%}
#section-menu ul li a.active {color: #0a1e5a}
#section-menu ul li a.active::after {width: 80%; background-color: #0a1e5a}
#section-menu a.btn-dignosis {width: 280px; height: 50px; font-size: 20px; color: #fff; line-height: 1; border-radius: 25px; display: flex; align-items: center; justify-content: flex-start; position: relative; transition: .6s; overflow: hidden; margin: 0 0 0 20px; padding: 0 0 0 56px; z-index: 10}
#section-menu a.btn-dignosis::before {width: 100%; height: 100%; background: #0a1e5a url('../../../../imgs/diagnosis/icon-top-title.svg') 20px 65% no-repeat; background-size: 25px; border: 2px solid #0a1e5a; border-radius: 25px; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; transition: .6s}
#section-menu a.btn-dignosis::after {width: 17px; height: 10px; background: url('../../../../imgs/diagnosis/arw-white.svg') no-repeat; content: ''; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); transition: .6s}
#section-menu a.btn-dignosis:hover {color: #0a1e5a; padding: 0 0 0 20px}
#section-menu a.btn-dignosis:hover::before {height: 0}
#section-menu a.btn-dignosis:hover::after {background: url('../../../../imgs/diagnosis/arw-blue.svg') no-repeat}
header .slides-top-btn {display: none}
@media (max-width: 1400px) {
	.header-bottom a.logo img {width: 140px}
	#section-menu ul li {margin: 0 12px}
	#section-menu ul li a {font-size: 16px; padding: 0 12px}
	#section-menu ul li a::after {bottom: 10px}
	#section-menu a.btn-dignosis {width: 170px; height: 40px; font-size: 16px; border-radius: 20px; margin: 0 0 0 12px; padding: 0 0 0 20px}
	#section-menu a.btn-dignosis::before {background-image: none; border-radius: 20px}
	#section-menu a.btn-dignosis::after {width: 14px; height: 7x; right: 12px}
}

@media (max-width: 1400px){
	#section-menu a.btn-dignosis{font-size: 14px; padding: 0px 0px 0 14px;}
}

@media (max-width: 1080px) {
	.header-top {display: none}
	.header-bottom {height: 60px}
	.header-bottom a.logo img {width: 120px}
	#section-menu {display: none}
	/* header.health-index .link {display: flex}
	header.health-index .link ul.nav {display: none} */
}
@media (max-width: 768px) {
	.header-bottom {height: 50px}
	header .link a.btn-dignosis {width: 140px; font-size: 14px; padding: 0 0 0 16px}
	header .link a.btn-dignosis::after {width: 11px; height: 4x; right: 12px}
}
@media (max-width: 640px) {
	.slides-top-btn {width: 100%; height: 40px; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; background-color: #000; position: sticky; top: 60px; left: 0}
}

/* MOBILE MENU */
.m_menu {width: 30px; height: 24px; display: none; font-size: 0; position: absolute; top: 18px; right: 20px; text-align: right}
.m_menu i {width: 100%; height: 3px; background: #0a1e5a; display: grid}
.m_menu i:nth-child(2) {width: 80%}
.m_menu i:nth-child(3) {width: 60%}
.m_menu_bg {width: 100%; height: 100vh; background: rgba(0,0,0,0.7); position: absolute; top: 0; display: none}
.m_nav {display: none; width: 300px; height: 100vh; background: #0a1e5a; position: absolute; top: 0; right: -300px; padding: 60px 0 0 0; z-index: 11}
.btn_closed {width: 24px; height: 24px; position: absolute; top: 20px; right: 20px}
.btn_closed i {width: 24px; height: 2px; background: #fff; position: absolute; top: 50%; transform: rotate(45deg)}
.btn_closed i:nth-child(2) {transform: rotate(-45deg)}
#section-m-nav {padding: 0 20px}
#section-m-nav ul {list-style: none}
#section-m-nav ul li a {width: 100%; height: 60px; font-size: 18px; color: #fff; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,.3); display: flex; align-items: center; padding: 0 12px}
#section-m-nav ul li a:focus {background: #041034}
#section-m-nav a.dignosis {width: 100%; height: 60px; font-size: 18px; color: #fff; font-weight: 600; background: #2444a3 url('../../../../imgs/diagnosis/icon-top-title.svg') 20px 55% no-repeat; background-size: 25px; display: flex; align-items: center; margin: 20px 0 0; padding: 0 0 0 56px}
.m_nav .bottom-link {width: 100%; position: absolute; bottom: 20px}
.m_nav .bottom-link .ls-logo {height: 32px; line-height: 1; display: block; margin: 0 auto}
.m_nav .bottom-link .ls-logo img {width: 100%; height: 100%; opacity: .4}
.m_nav .bottom-link .sns {width: 100%; border-top: 1px solid rgba(255,255,255,.3); display: flex; justify-content: space-around; margin: 20px 0 0; padding: 20px 0 0}
.m_nav .bottom-link .sns a.sns-link {width: 30px}
.m_nav .bottom-link .sns a.sns-link img {width: 100%}
@media (max-width: 1080px) {
	.m_menu {display: grid; align-content: space-around; justify-items: end; float: right}
}
@media (max-width: 768px) {
	.m_menu {top: 13px}
}

#section-nav {position: fixed; top: 50%; right: 20px; z-index: 3000; text-transform: uppercase; -webkit-transition: all ease 0.1s; transition: all ease 0.1s}
.touch #section-nav {display: none}
#section-nav ul {margin: 0; padding: 0; list-style: none}
#section-nav a {width: 12px; height: 12px; background-color: #c1c1c1; display: block; margin: 0 0 10px; position: relative; transition: .4s}
#section-nav a span {height: 100%; font-size: 14px; color: #999; text-align: right; display: flex; align-items: center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); white-space: nowrap; opacity: 0; transition: color .4s}
#section-nav a:hover span {opacity: 1}
#section-nav a.active {width: 12px; height: 36px; background-color: #0569a0; /* box-shadow: #fff 0px 0px 1px 1px */}
#section-nav a.active span {font-weight: 600; color: #fff; background-color: #0569a0; opacity: 1; right: 12px; padding: 0 12px /* text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff */}
@media (max-width: 1400px) {
	#section-nav {display: none}
}

/* quick Menu */
.quickmenu {width: 60px; height: 50px; font-size: 0; color: #fff; background: #0a1e5a url('../../../../imgs/diagnosis/icon-top-title.svg') 40% 60% no-repeat; background-size: 28px; border-radius: 0 25px 25px 0; display: flex; align-items: center; position: fixed; top: 50%; left: 0; z-index: 3000; text-transform: uppercase; -webkit-transition: padding .4s; transition: padding .4s; box-shadow: 0 0 1px 2px rgba(255,255,255,.4)}
.quickmenu:hover {width: auto; font-size: 16px; font-weight: 600; background-position-x: 16px; box-shadow: 0 0 1px 2px rgba(255,255,255,.4); padding: 0 16px 0 52px}
a.m-quickmenu {width: auto; height: 40px; font-size: 16px; color: #fff; background: #0a1e5a url('../../../../imgs/diagnosis/icon-top-title.svg') 16px 60% no-repeat; background-size: 20px; border-radius: 20px; display: none; align-items: center; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 3000; padding: 0 20px 0 44px}
/* .m-quickmenu {position: fixed; top: 100px; left: 20px; z-index: 3000}
.m-quick-button {width: 50px; height: 50px; background: #fa002d url('/imgs/diagnosis/icon-top-title.svg') 50% 60% no-repeat; background-size: 28px; border-radius: 50%; cursor: pointer}
.m-quick-link {width: 200px; height: 50px; background: #fa002d url('/imgs/diagnosis/icon-top-title.svg') 10px 60% no-repeat; background-size: 28px; border-radius: 25px; display: none; align-items: center; padding: 0 12px 0 52px; position: absolute; z-index: 10; top: 0; left: 50px}
.m-quick-link a.m-a {font-size: 16px; color: #fff}
.m-quick-show {display: flex} */
@media (max-width: 1400px) {
	.quickmenu {top: 50%}
}
@media (max-width: 1080px) {
	/* .quickmenu {display: none} */
	.quickmenu {width: 50px; background-position-x: 50%; background-size: 24px; border-radius: 50%; top: auto; bottom: 8px; right: auto; left: 8px}
	.quickmenu:hover {width: 50px; font-size: 0; background-position-x: 50%; padding: 0}
	a.m-quickmenu {display: none}
}

.section {position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.section .title-box {text-align: center; margin: 0 auto; position: relative}
.section .title-box strong {font-size: 48px; font-weight: 400; color: #000; letter-spacing: -2px; line-height: 1.2; position: relative; top: 0; opacity: 1; transition: .4s}
.section.active .title-box strong {top: 0; opacity: 1}
.section .title-box strong.logo {width: 100%; line-height: 0.9; display: flex; align-items: flex-end; justify-content: center}
.section .title-box strong.logo img {height: 60px; margin: 0 20px 0 0}
/* .section .title-box p {font-size: 24px; font-weight: 300; letter-spacing: -1px; display: block; margin: 60px 0 0; position: relative; top: 0; opacity: 1; transition: .4s; transition-delay: .2s}*/
.section .title-box p {font-size: 20px; font-weight: 300; letter-spacing: -1px; display: block; margin: 100px 0 0; position: relative; top: 0; opacity: 1; transition: .4s; transition-delay: .2s}
.section .title-box p span{display:block;}
.section.active .title-box p {top: 0; opacity: 1}
.section .title-box p::after {width: 80px; height: 1px; background-color: #000; content: ''; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); opacity: 1; transition: .4s; transition-delay: .4s}
.section.active .title-box p::after {left: 50%; opacity: 1}
.section.active .title-box p span {display: block}
@media screen and (max-width: 1440px) {
	.section .title-box strong {font-size: 44px}
	.section .title-box strong.logo {height: 40px}
	.section .title-box strong.logo img {height: 48px; margin: 0 20px 0 0}
	.section .title-box p {font-size: 20px; margin: 60px 0 0;}
	.section .title-box p::after {width: 60px; top: -30px;}
}
@media screen and (max-width: 1080px) {
	.section {height: auto !important}
	.section .title-box strong {font-size: 40px}
	.section .title-box strong.logo {font-size: 36px}
	.section .title-box strong.logo img {margin: 0 12px 0 0}
	.section .title-box p {font-size: 16px; margin: 40px 0 0}
	.section .title-box p::after {width: 40px; top: -20px}
}
@media screen and (max-width: 768px) {
	.section .title-box strong {font-size: 32px}
	.section .title-box strong.logo {height: 100%; font-size: 32px; display: inline-block}
	.section .title-box strong.logo img {height: 40px; display: block; margin: 0 auto 20px}
	.section .title-box p {font-size: 12px}
}
@media screen and (max-width: 640px) {
	.section .title-box {text-align: left;}
	.section .title-box strong.logo img {margin: 0 0 20px}
	.section .title-box p {padding: 0 20px 0 0}
	.section .title-box p::after {left: 0; transform: translateX(0)}
	.section.active .title-box p::after {left: 0}
}
@media screen and (max-width: 480px) {
	.section .title-box strong {font-size: 20px}
	.section .title-box strong.logo {font-size: 20px}
	.section .title-box strong.logo img {height: 32px; margin: 0 0 12px}
	.section .title-box p span {display: content}
}

/* INTRO 1 */
.intro01 {height: 100vh; background: #fff url('../../../../imgs/diagnosis/img-intro01-bg.jpg') 50% 50% no-repeat; background-size: cover; position: relative; left: 50%; transform: translateX(-50%); width: 100%; transition: 1.6s; z-index: 10}
.slide.active.intro01 {width: 100%}
.intro01 .text-box {width: 100%; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% + 30px))}
.intro01 .text-box strong {width: 100%; font-size: 70px; font-weight: 600; letter-spacing: -1.5px; text-shadow: 0px 0px 30px black; display: flex; align-items: center; justify-content: center; position: relative; top: 0; opacity: 1; transition: .6s; transition-delay: top 1.6s, opacity 1.6s; margin: 0 0 100px}
.slide.active.intro01 .text-box strong {top: 0; opacity: 1}
.intro01 .text-box strong::after {width: 100px; height: 1px; background-color: #fff; content: ''; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); opacity: 1; transition: .6s; transition-delay: bottom 2s, opacity 2s}
.slide.active.intro01 .text-box strong::after {bottom: -50px; opacity: 1}
.intro01 .text-box p {font-size: 24px; font-weight: 300; color: rgba(255,255,255,.8); letter-spacing: -1.5px; text-shadow: 0px 0px 20px black; display: block; position: relative; top: 0; opacity: 1; transition: .6s; transition-delay: top 2.4s, opacity 2.4s; margin: 0 0 20px}
.intro01 .text-box p:last-child {margin: 0}
.intro01 .text-box p span {display: block}
.slide.active.intro01 .text-box p {top: 0; opacity: 1}
.intro01 .text-box a.btn-dignosis {width: 480px; height: 80px; font-size: 24px; color: #ffeb00; background-color: rgba(0,0,0,.4); border: 1px solid #ffeb00; display: flex; align-items: center; justify-content: center; margin: 50px auto 0; position: relative; top: 0; opacity: 1; transition: .6s; transition-delay: top 2.8s, opacity 2.8s}
.slide.active.intro01 .text-box a.btn-dignosis {top: 0; opacity: 1}
.intro01 .text-box a.btn-dignosis:hover {background-color: rgba(0,0,0,.8); border: 1px solid rgba(255,255,255,1)}
.intro01 a.btn-dignosis-m {width: calc(100% - 40px); height: 50px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,.4); border: 1px solid rgba(255,255,255,.6); display: none; align-items: center; justify-content: center; position: absolute; bottom: 20px; left: 20px; opacity: 1; transition: .6s; transition-delay: 2.8s}
.slide.active.intro01 a.btn-dignosis-m {left: 20px; opacity: 1}
@media screen and (max-width: 1440px) {
	.intro01 .text-box {transform: translate(-50%, -50%)}
	.intro01 .text-box strong {font-size: 60px}
	.intro01 .text-box p {font-size: 20px}
}
@media screen and (max-width: 1080px) {
	.intro01 {height: 100vh !important}
	.intro01 .text-box strong {font-size: 44px; margin: 0 0 90px}
	.intro01 .text-box strong::after {width: 80px; bottom: -40px}
	.slide.active.intro01 .text-box strong::after {bottom: -40px}
	.intro01 .text-box p {font-size: 18px; padding: 0 20px}
	.intro01 .text-box a.btn-dignosis {width: 400px; height: 70px; font-size: 20px; margin: 80px auto 0; border: 1px solid #ffeb00; color: #ffeb00}
}
@media screen and (max-width: 768px) {
	.intro01 .text-box strong {font-size: 40px; line-height: 1; display: inline-block; margin: 0 0 70px}
	.intro01 .text-box strong span {display: block; margin: 15px 0 0}
	.intro01 .text-box strong::after {width: 60px; bottom: -35px}
	.slide.active.intro01 .text-box strong::after {bottom: -35px}
	.intro01 .text-box p {font-size: 14px; margin: 0 0 12px}
}
@media screen and (max-width: 640px) {
	.intro01 .text-box strong {font-size: 36px}
	.intro01 .text-box a.btn-dignosis {width: 360px; height: 60px; font-size: 16px}
}
@media screen and (max-width: 480px) {
	.intro01 .text-box strong {font-size: 28px}
	.intro01 .text-box strong span {margin: 10px 0 0}
	.intro01 .text-box strong::after {width: 40px}
	.intro01 .text-box a.btn-dignosis {width: 320px; height: 50px; font-size: 14px}
}
@media screen and (max-width: 380px) {
	.intro01 .text-box strong {font-size: 24px; margin: 0 0 50px}
	.intro01 .text-box strong::after {bottom: -27px}
	.slide.active.intro01 .text-box strong::after {bottom: -30px}
	.intro01 .text-box p {font-size: 12px}
	.intro01 .text-box a.btn-dignosis {width: calc(100% - 40px); margin: 40px 0 0 20px}
}

/* ICON SCROLL */
.icon-scroll {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%) scale(2);	z-index: 99999; opacity: 1; transition: .6s; /* transition-delay: 3.2s */}
.slide.active .icon-scroll {opacity: 1}
.icon-arrows::after,
.icon-arrows::before {content: ''}
.icon-arrows span,
.icon-arrows::after,
.icon-arrows::before {width: 5px; height: 5px; border-right: 1px solid rgba(255,255,255,.8); border-bottom: 1px solid rgba(255,255,255,.8); display: block; margin: 0 0 0.125em 0.235em; transform: rotate(45deg); animation: mouse-scroll 1s infinite; animation-direction: alternate}
.icon-arrows::before {margin-top: 0.315em; animation-delay: .1s}
.icon-scroll span {width: 6px; height: 6px; animation-delay: .2s}
.icon-arrows::after {animation-delay: .3s}
.icon-scroll .mouse {width: 14px; height: 24px; border: 1px solid rgba(255,255,255,.8); border-radius: 7px}
.icon-scroll .wheel {width: 2px; height: 2px; display: block; position: relative; margin: 0.1875em auto 0; background: rgba(255,255,255,.8); animation: mouse-wheel 1.2s ease infinite; border-radius: 50%}
@keyframes mouse-wheel {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(.375em);
	}
}
@keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@media screen and (max-width: 1080px) {
	.icon-scroll {display: none}
}

/* INNER */
.inner{padding: 100px 40px}


@media screen and (max-width: 1080px){
	.inner {padding: 40px 40px}
}
@media screen and (max-width: 640px){
	.inner {padding: 30px 40px}
}
@media screen and (max-width: 480px){
	.inner {padding: 20px 20px}
}


/* INTRO 2 */
.intro02 {min-width: 100vw; background: url('../../../../imgs/diagnosis/img-intro02-bg.jpg') no-repeat center; background-size: cover; position: relative;}
.intro02 .cont-box {width: 100%; display: flex; max-width: 1400px; margin: 50px auto 0; justify-content: space-between;}
.intro02 .cont-box .intro02_cont{width:49%; border:2px solid #0a1e5a; border-radius: 10px; position: relative; background:#fff; padding: 30px 3%;}
.intro02 .cont-box .intro02_cont .intro02_conttitle{width: 60%; height: 60px; border-radius: 30px;background:#0a1e5a; color:#fff; font-size:24px; font-weight: 600; text-align:center; line-height:2.5; position:absolute; top:-10%; left:50%; transform: translate(-50%, 50%); }
.intro02 .cont-box .intro02_cont p{height: 35%; font-size: 24px; font-weight: 300; text-align:center; letter-spacing: -1px; display: block; margin: 30px 0 0; opacity: 1; transition: .4s; transition-delay: .2s}

.intro02 .cont-box .intro02_cont p span{display:block;}
.intro02 .cont-box .intro02_cont img{display:flex; justify-content: center; width: 100%; margin-bottom: 30px;}

.intro02 .cont-box .img-box01 {width: 30%; height: auto; background: url('../../../../imgs/diagnosis/img-intro0401.jpg') center no-repeat; background-size: cover; object-fit: cover; position: relative; left: 0; opacity: 1; transition: .6s}
.intro02 .cont-box .img-box02 {width: 13%; height: auto; background: #e8e8e9 url('../../../../imgs/diagnosis/img-intro0402.png') center 40% no-repeat; background-size: 50%; object-fit: cover; position: relative; top: 25px; left: -25px; opacity: 1; transition: .6s}
.slide.active.intro02 .cont-box .img-box01 {left: 100px; opacity: 1}
.slide.active.intro02 .cont-box .img-box02 {top: 25px; left: 80px; opacity: 1}
.intro02 .cont-box .box03 {height: 100%; display: flex; align-items: center; margin: 0 0 30px 4%; position: relative; left: 0; opacity: 1; transition: .6s; transition-delay: left 1.2s, opacity 1.2s}
.slide.active.intro02 .cont-box .box03 {left: 0; opacity: 1}



@media screen and (max-width: 1440px) {
	.intro02 .cont-box .intro02_cont p{height: 32%; font-size:20px;}
}

@media screen and (max-width: 1260px) {
	.intro02 .cont-box .intro02_cont {padding: 30px 3% 15px;}
	.intro02 .cont-box .intro02_cont .intro02_conttitle{height: 50px; font-size: 20px; top: -12%;}
	.intro02 .cont-box .intro02_cont .intro02_conttitle {height: 46px; font-size: 18px;}
	.intro02 .cont-box .intro02_cont p {font-size: 16px; margin:10px 0 0;}
}
@media screen and (max-width: 950px) {
	.intro02 .cont-box .intro02_cont {padding: 20px 3% 0px;}
	.intro02 .cont-box .intro02_cont .intro02_conttitle {width: 70%; height: 36px; font-size: 14px;}
	.intro02 .cont-box .intro02_cont p {height: 24%; font-size: 12px; margin: 10px 0 14px;}
	.intro02 .cont-box .intro02_cont img {width: 100%; margin-bottom: 15px;}
}


@media screen and (max-width: 720px) {
	.intro02 .cont-box .intro02_cont p {height: 24%;}
	.intro02 .cont-box .intro02_cont p span{display:contents;}
}

@media screen and (max-width: 640px) {
	.intro02 .cont-box{display: block;}
	.intro02 .cont-box .intro02_cont{width: 100%; margin-bottom: 60px; border-radius: 0 10px 10px 10px; padding: 0px 4%; }
	.intro02 .cont-box .intro02_cont:last-child{margin-bottom: 0;}
	.intro02 .cont-box .intro02_cont .intro02_conttitle{top: -36px; left:-2px; transform:none; border-radius: 10px 10px 0 0; width: auto; padding: 0 40px;}
	.intro02 .cont-box .intro02_cont p {text-align:left; margin:20px 0 0 0;}

	.intro02 .cont-box .intro02_cont img {margin: 14px 0 20px 0;}
	.intro02 .title-box p span{display:contents;}
}
@media screen and (max-width: 480px) {
	.inner {padding: 20px 20px}
}


/* INTRO 3 */
.intro03 {min-width: 100vw; position: relative}
.intro03::before {width: 100%; height: 100%; background: url('../../../../imgs/diagnosis/img-intro03-bg.svg') center no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; opacity: .5}

.intro03 .cont-box {max-width: 1400px; margin: 50px auto 0; position: relative}
.slide.active.intro02 .cont-box {top: 0; opacity: 1}
.intro03 .swiper {width: 100%; height: 100%}
.intro03 .swiper-slide {background: #d4d4d4; position: relative; overflow: hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-top: calc(100% * 0.3); cursor: default;}
.intro03 .swiper-slide p {width: 100%; height: 60px; font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -1.5px; background-color: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0}
.intro03 .swiper-slide img {width: 150%; padding-top: calc(100% * 0.01); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .6s}
.intro03 .swiper-slide:hover img {width: 160%;}
.intro03 .cont-box .control-wrap {width: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin: 20px 0 0; padding: 0 12px}
@media screen and (max-width: 1400px) {
	.intro03 .cont-box {max-width: 100%}
}
@media screen and (max-width: 1080px) {
	.intro03 .cont-box {margin: 40px 0 auto}
	.intro03 .swiper-slide p {height: 40px; font-size: 16px}
}
@media screen and (max-width: 640px) {
	.intro03 .cont-box {margin: 30px 0 auto}
	.intro03 .cont-box .control-wrap {margin: 12px 0 0}
	.intro03 .swiper-slide{height:260px;}
}


/* MONITORING */
.monitoring {min-width: 100vw; background: url('../../../../imgs/diagnosis/img-intro02-bg02.jpg') no-repeat center; background-size: cover; position: relative;}
.monitoring .cont-box {width: 100%; display: flex; max-width: 1400px; margin: 50px auto 0; justify-content: space-between;}
.monitoring .cont-box .monitoring_cont{width:49%; border:2px solid #0a1e5a; background: #fff; border-radius: 10px; position: relative; }
.monitoring .cont-box .monitoring_cont.red{width:49%; border:2px solid #e5003e; border-radius: 10px; position: relative; }
.monitoring .cont-box .monitoring_cont .monitoring_conttitle{width: 380px; height: 60px; border-radius: 30px; background:#0a1e5a; color:#fff; font-size:24px; font-weight: 600; text-align:center; line-height:2.5; position:absolute; top:-10%; left:50%; transform: translate(-50%, 50%); }
.monitoring .cont-box .monitoring_cont.red .monitoring_conttitle{width: 380px; height: 60px; border-radius: 30px; background:#e5003e; color:#fff; font-size:24px; font-weight: 600; text-align:center; line-height:2.5; position:absolute; top:-10%; left:50%; transform: translate(-50%, 50%); }
.monitoring .cont-box .monitoring_cont p{color:#000; font-size: 24px; font-weight: 300; text-align:center; letter-spacing: -1px; display: block; margin: 60px 0 25px; opacity: 1; transition: .4s; transition-delay: .2s}
.monitoring .cont-box .monitoring_cont p:last-child{margin: 30px 0 25px;}
.monitoring .cont-box .monitoring_cont p span{display:block;}
.monitoring .cont-box .monitoring_cont img{display:flex; justify-content: center; width: 90%;margin: 0 5% 25px;}


@media screen and (max-width: 1440px) {
	.monitoring .cont-box .monitoring_cont p{font-size:20px;}
}
@media screen and (max-width: 1260px) {
	.monitoring .cont-box .monitoring_cont .monitoring_conttitle{height: 46px; font-size: 18px; top: -12%;}
	.monitoring .cont-box .monitoring_cont.red .monitoring_conttitle{height: 46px; font-size: 18px; top: -12%;}
	.monitoring .cont-box .monitoring_cont p{margin: 50px 0 25px; font-size: 16px;}
}
@media screen and (max-width: 1080px) {
	/* .monitoring {padding: 80px 40px} */
}
@media screen and (max-width: 950px) {
	.monitoring .cont-box .monitoring_cont .monitoring_conttitle{width: 70%; height: 36px; font-size: 14px;}
	.monitoring .cont-box .monitoring_cont.red .monitoring_conttitle{width: 70%; height: 36px; font-size: 14px;}
	.monitoring .cont-box .monitoring_cont p{font-size: 12px; margin: 34px 0 14px;}
}
@media screen and (max-width: 640px) {
	.monitoring .cont-box{display: block;}
	.monitoring .cont-box .monitoring_cont{width: 100%; margin-bottom: 60px; border-radius: 0 10px 10px 10px; padding: 0px 4%;}
	.monitoring .cont-box .monitoring_cont.red{width: 100%; border-radius: 0 10px 10px 10px; padding: 0px 4%;  margin-bottom: 0;}
	.monitoring .cont-box .monitoring_cont .monitoring_conttitle{top: -36px; left:-2px; transform:none; border-radius: 10px 10px 0 0; width: auto; padding: 0 40px;}
	.monitoring .cont-box .monitoring_cont.red .monitoring_conttitle{top: -36px; left:-2px; transform:none; border-radius: 10px 10px 0 0; width: auto; padding: 0 40px;}
	.monitoring .cont-box .monitoring_cont p{text-align:left; margin:20px 0 0 0;}
	.monitoring .cont-box .monitoring_cont p span{display:contents;}
	.monitoring .cont-box .monitoring_cont img {width: 100%; margin: 14px 0 20px 0;}
	.monitoring .title-box p span{display:contents;}
}

/* DIAGNOSIS01 */
.diagnosis01{min-width: 100vw;}
.diagnosis01 .cont-box {width: 100%; display: flex; justify-content: space-around; max-width: 1400px; margin: 50px auto 0;}
.diagnosis01 .cont-box .diagnosis01_cont {width: 31%; position: relative; display: inline-block; overflow: hidden}
.diagnosis01 .cont-box .diagnosis01_cont:last-child{margin-bottom:0;}
.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{width: 100%; padding-top: calc(100% * 0.9); background:url('../../../../imgs/diagnosis/diagnosis01_cont1.jpg') no-repeat; background-size:cover;}
.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{width: 100%; padding-top: calc(100% * 0.9); background:url('../../../../imgs/diagnosis/diagnosis01_cont2.jpg') no-repeat; background-size:cover;}
.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{width: 100%; padding-top: calc(100% * 0.9); background:url('../../../../imgs/diagnosis/diagnosis01_cont3.jpg') no-repeat; background-size:cover;}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box {width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: calc(100% - 70px); left: 0; transition: .4s}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong {width: 100%; height: 70px; font-size: 24px; color: #fff; display: flex; align-items: center; justify-content: center; transition: .4s}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box span{width: 100%; display: inline-block; padding:0 0 0 70px; text-align:left; position: relative; color: #fff}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{width: 100%; display: inline-block; font-size: 20px; font-weight: 500; padding: 0 0 0 70px; margin:6% 0 0 0;}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 20px; font-weight: 500;}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{width: 100%; display: inline-block; font-size: 18px; font-weight: 400; padding: 0;}
.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after{width: 22px; height: 16px; content: '' ; background: url(../../../../imgs/diagnosis/icon-list-y.svg) no-repeat; position: absolute; top: 8px; left: 35px;}
.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box{top: 0; padding: 0 0 25px 0; background-color: rgba(0,0,0,.75);}
.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{color:#fff000; padding:30px 0 20px 0; border-bottom: 1px solid #fff000; margin:10px 0 0 5%; width: 90%; }


@media screen and (max-width: 1440px) {
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{margin: 0 0 0 5%; font-size: 22px; padding: 5% 0 4% 0;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{font-size: 18px;  padding: 0 0 0 12%;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 18px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{font-size: 16px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after{width: 20px; height: 14px; left: 5%;}
}
@media screen and (max-width: 1260px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{font-size: 16px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 16px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{font-size: 14px;}
}
@media screen and (max-width: 1080px) {
	.diagnosis01 .cont-box{display:inline-block}
 	.diagnosis01 .cont-box .diagnosis01_cont .sub-box{width: 40%; left: 60%; top: 0; background-color: #0a1e5a;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{font-size: 18px; border-bottom: 1px solid #fff000; width: 90%; margin: 0 0 0 5%; padding:0; color:#fff000;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box{width: 40%; height: 100%; position: absolute; top: 0; left: 60%; background-color: #0a1e5a;}
	/* .diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{font-size: 18px; color: #fff000; display: flex; align-items: center; justify-content: center; margin: 0 0 0 5%; padding: 5% 0 4% 0;}	 */
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{font-size: 18px; border-bottom: 1px solid #fff000; width: 90%; margin: 0 0 0 5%; padding:0; color:#fff000;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{padding: 0 10% 0 18%; margin-top: 50px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after{left: 10%;}
	.diagnosis01 .cont-box .diagnosis01_cont {width: 100%; margin-bottom: 40px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{width:60%; padding-top:0; height: 450px; background-position:50%,50%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{width:60%; padding-top:0; height: 450px; background-position:50%,50%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{width:60%; padding-top:0; height: 450px; background-position:50%,50%;}
}
@media screen and (max-width: 950px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{margin-top: 36px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box {width: 50%; left: 50%;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box {width: 50%; left: 50%;}
 	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{width:50%; height: 400px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{width:50%; height: 400px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{width:50%; height: 400px;}
}
@media screen and (max-width: 800px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{margin-top: 28px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{margin: 12px 0 0 5%; height: 50px;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{margin: 12px 0 0 5%; height: 50px;}
}
@media screen and (max-width: 768px) {
	.diagnosis01 .cont-box {margin: 30px auto 0;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{font-size: 16px;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{font-size: 16px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{font-size: 14px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 14px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{font-size: 12px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte {padding: 0px 10% 0 16%;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after {left: 8%;}
	.diagnosis01_cont .sub-box span.check::after{width: 16px; height: 12px; left: 5%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{height: 350px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{height: 350px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{height: 350px;}
}
@media screen and (max-width: 684px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong {margin: 5px 0 0 5%;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box:hover strong {margin: 5px 0 0 5%;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{margin-top: 16px; font-size: 12px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 12px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{font-size: 12px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after{left: 8%;width: 16px; height: 12px; top: 5px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{height: 300px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{height: 300px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{height: 300px;}
}

@media screen and (max-width: 590px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box {width: 60%; left: 40%;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box {width: 60%; left: 40%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{width:40%; height: 200px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{width:40%; height: 200px;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{width:40%; height: 200px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{font-size: 14px;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{font-size: 14px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{font-size: 10px; margin-top: 18px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text{font-size: 10px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte span{font-size: 10px; font-weight: 300; position: relative;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_tiltetext{font-size: 10px; font-weight: 300; position: relative; padding: 0 0 0 14px; display: revert; line-height: 1.5;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_tiltetext::after{content:':'; position: absolute; left:6px; top:-2px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{margin: 5px 0 5px 5%; height: 30px;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{margin: 5px 0 5px 5%; height: 30px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{margin-top: 5px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.check::after{width: 14px; height: 10px; top: 4px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_text {display: contents;}
}
@media screen and (max-width: 480px) {
	.diagnosis01 .cont-box .diagnosis01_cont{height: 200px; margin-bottom: 20px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box {width: 100%; left: 0; background-color: rgba(0,0,0,.75);}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box {width: 100%; left: 0; background-color: rgba(0,0,0,.75);}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg1{width:100%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg2{width:100%;}
	.diagnosis01 .cont-box .diagnosis01_cont .diagnosis01_contimg3{width:100%;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte{margin-top: 10px;}
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box strong{margin: 5px 0 5px 5%; height: 40px;}
	.diagnosis01 .cont-box .diagnosis01_cont:hover .sub-box strong{margin: 5px 0 5px 5%; height: 40px;}
}
@media screen and (max-width: 400px) {
	.diagnosis01 .cont-box .diagnosis01_cont .sub-box span.diagnosis01_cont_tilte .diagnosis01_cont_tiltetext{display: inline-block; line-height: 0;}
}



/* diagnosis02 */
.diagnosis02{min-width: 100vw; background: url('../../../../imgs/diagnosis/img-intro02-bg02.jpg') no-repeat center; background-size: cover; position: relative; /* padding: 100px 40px */}
.diagnosis02 .cont-box {width: 100%; display: flex; justify-content: space-around; max-width: 1400px; margin: 50px auto 0;}
.diagnosis02 .cont-box .diagnosis02_contimg{width: 100%; padding-top: calc(100% * 0.4); background:url('../../../../imgs/diagnosis/diagnosis02_cont1.png') no-repeat center; background-size:cover;}


@media screen and (max-width: 768px) {
	.diagnosis02 .cont-box {margin: 20px auto 0;}
	.diagnosis02 .cont-box .diagnosis02_contimg{width: 100%; padding-top: calc(100% * 0.9); background:url('../../../../imgs/diagnosis/diagnosis02_cont2.png') no-repeat center; background-size:cover;}
}

/* diagnosis03 */
.diagnosis03{min-width: 100vw; background: url('../../../../imgs/diagnosis/img-intro02-bg02.jpg') no-repeat center; background-size: cover; position: relative;}
.diagnosis03 .cont-box {width: 100%; max-width: 1400px; margin: 50px auto 0; position: relative; display: flex; justify-content: center;}
.diagnosis03 .cont-box .diagnosis03_img{width: 100%; padding-top: calc(100% * 0.33); background: url('../../../../imgs/diagnosis/diagnosis03_cont.png') no-repeat center; background-size: cover;}
.diagnosis03 .btn.blue01{height: 60px; display: flex; justify-content: center; padding:0 40px }


@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
	.diagnosis03 .cont-box{margin: 30px auto 0;}
	.diagnosis03 .btn.blue01 {height: 50px;}
}
@media screen and (max-width: 640px) {
	.diagnosis03 .cont-box{margin: 24px auto 0;}
	.diagnosis03 .btn.blue01{height:40px; width:auto; font-size:12px;}
}
@media screen and (max-width: 320px) {
	.diagnosis03 .cont-box{margin: 20px auto 0;}
	.diagnosis03 .btn.blue01 {height: 30px; font-size: 10px; padding: 0px 20px; letter-spacing: -1px; font-weight: 400;}
}

/* CONTACT US */
.contact-us {min-width: 100vw; background-color: #f5f5f5; position: relative;}
.contact-us .title-box strong {font-size: 70px; font-weight: 600}
.contact-us .form-area {max-width: 1000px; position: relative; top: 0; opacity: 1; transition: .6s; transition-delay: .4s; margin: 30px auto 0}
.slide.active.contact-us .form-area {top: 0; opacity: 1}
.contact-us .text-box {position: relative; margin: 0 0 30px}
.contact-us .text-box ul li {font-size: 18px; font-weight: 300; color: #000; line-height: 1.4; letter-spacing: -1.5px; position: relative; padding: 0 0 0 35px}
.contact-us .text-box ul li::before {width: 22px; height: 16px; background: url('../../../../imgs/diagnosis/icon-list.svg') no-repeat; content: ''; position: absolute; top: 4px; left: 0}
.contact-us .text-box ul li strong {vertical-align: top}
.contact-us .form-area .form-line .form .array .w04 {width: 200px}
.contact-us .form-area .form-line .form .array .secu {width: 100px; height: 40px; font-size: 0; border: 1px solid #d2d2d2; overflow: hidden}
.contact-us .form-area .form-line .form .array .secu img {width: 100%}
.contact-us .form-area .form-line .form .array .btn-refresh {width: 40px; height: 40px; border: none; background: url('../../../../imgs/diagnosis/icon-refres.svg') center no-repeat; background-size: 25px; cursor: pointer}
.contact-us .agree-area {max-width: 1000px; margin: 0 auto 20px}
.contact-us .agree-area .agree-box {height: 96px; font-size: 12px; line-height: 16px; background-color: #fff; border: 1px solid #d2d2d2; overflow-y: overlay; padding: 12px; margin: 0 0 10px}
.contact-us .agree-area .check-area {width: 100%; position: relative}
.contact-us .agree-area .check-area label {height: 20px; font-size: 16px; letter-spacing: -1.5px; display: flex; align-items: center; padding: 0 0 0 30px}
.contact-us .agree-area .check-area label .checkmark {width: 20px; height: 20px}
.contact-us .agree-area .check-area label .checkmark::after {width: 5px; height: 10px; border-width: 0 2px 2px 0; top: 1px; left: 5px}
@media screen and (max-width: 1440px) {
	.contact-us .title-box strong {font-size: 60px}
}
@media screen and (max-width: 1080px) {
	.contact-us .title-box strong {font-size: 52px}
	.contact-us .text-box ul li {font-size: 16px; font-weight: 400; padding: 0 0 0 30px}
	.contact-us .text-box ul li::before {width: 20px; height: 14px}
	.contact-us .form-area {max-width: 100%; margin: 50px auto 0}
	.contact-us .agree-area {max-width: 100%; margin: 0 auto 20px}
	.contact-us .agree-area .agree-box {line-height: 1.2; padding: 12px}
	.contact-us .agree-area .check-area label {font-size: 14px}
}
@media screen and (max-width: 768px) {
	.contact-us .title-box strong {font-size: 40px}
	.contact-us .text-box ul li {font-size: 14px; padding: 0 0 0 20px}
	.contact-us .text-box ul li::before {width: 16px; height: 10px}
	.contact-us .btn-box.mt40 {margin: 20px 0 0 !important}
}
@media screen and (max-width: 640px) {
	.contact-us .title-box {padding: 0}
	.contact-us .text-box {margin: 0 0 20px}
	.contact-us .form-area .form-line .form .array .secu + input[type="text"] {height: 40px}
	.contact-us .agree-area .check-area label .m-none {display: none}
}
@media screen and (max-width: 480px) {
	.contact-us .title-box strong {font-size: 32px}
	.contact-us .form-area .form-line .form .array .w04 {width: calc(100% - 150px)}
}

.div_load_image {position:absolute; top:34%; left:50%;width:0px;height:0px; z-index:99; background:#f0f0f0; filter:alpha(opacity=50); opacity:alpha*0.5; margin:-50px 0 0 -50px; padding:0; text-align:center}
.div_load_image img {width:100px; height:100px;}







/** HEALTH INDEX **/
.hide {display: none !important}
.wrap {background-color: #f5f5f5; position: relative; display: none; padding: 110px 0 0}
.wrap.page-complate {min-height: 100vh}
@media screen and (max-width: 1080px) {
	.wrap {padding: 80px 0 0}
	/* #container {padding: 0 0 20px} */
}

/* STEP */
ul.step-area {width: 1000px; display: flex; justify-content: space-between; position: relative; margin: 0 auto 40px}
ul.step-area::before {width: 100%; height: 2px; background-color: #d7d7d7; content: ''; position: absolute; top: 50%; left: 0; transform: tarnslateY(-50%)}
ul.step-area li {width: 200px; height: 60px; background-color: #fff; border: 2px solid #d7d7d7; border-radius: 30px; display: flex; align-items: center; position: relative}
ul.step-area li .text-box {color: #969696; position: relative; padding: 0 0 0 80px; line-height: 1; position: relative}
ul.step-area li .text-box strong {font-size: 18px; font-weight: 400; letter-spacing: -1.5px}
ul.step-area li .text-box p {font-size: 14px; margin: 5px 0 0}
ul.step-area li .text-box::before {width: 100%; content: ''; position: absolute; top: 50%; left: 30px; transform: translateY(-50%)}
ul.step-area li:first-child .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step01.svg') no-repeat; background-size: contain}
ul.step-area li:nth-child(2) .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step02.svg') no-repeat; background-size: contain}
ul.step-area li:nth-child(3) .text-box::before {height: 65%; background: url('../../../../imgs/diagnosis/icon-step03.svg') no-repeat; background-size: contain}
ul.step-area li:last-child .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step04.svg') no-repeat; background-size: contain}
ul.step-area li.on:first-child .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step01-on.svg') no-repeat; background-size: contain}
ul.step-area li.on:nth-child(2) .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step02-on.svg') no-repeat; background-size: contain}
ul.step-area li.on:nth-child(3) .text-box::before {height: 65%; background: url('../../../../imgs/diagnosis/icon-step03-on.svg') no-repeat; background-size: contain}
ul.step-area li.on:last-child .text-box::before {height: 75%; background: url('../../../../imgs/diagnosis/icon-step04-on.svg') no-repeat; background-size: contain}
ul.step-area li.on {border-color: #0a1e5a}
ul.step-area li.on .text-box {color: #0a1e5a}
ul.step-area li.on .text-box strong {font-weight: 600}
#wrap3 ul.step-area {margin: 0 auto 50px}
#wrap5 #container.inner{height: 100vh;}

@media screen and (max-width: 1400px) {
	#wrap3 ul.step-area {margin: 0 auto 30px}
}
@media screen and (max-width: 1080px) {
	ul.step-area {width: 100%;}
	ul.step-area::before {width: calc(100% - 40px); left: 20px}
	ul.step-area li {width: 160px; height: 50px; border-radius: 25px}
	ul.step-area li .text-box {padding: 0 0 0 60px}
	ul.step-area li .text-box strong {font-size: 16px}
	ul.step-area li .text-box p {font-size: 12px}
	ul.step-area li .text-box::before {left: 20px}
	ul.step-area li:first-child .text-box::before {height: 65%}
	ul.step-area li:nth-child(2) .text-box::before {height: 65%}
	ul.step-area li:nth-child(3) .text-box::before {height: 55%}
	ul.step-area li:last-child .text-box::before {height: 65%}
	ul.step-area li.on:first-child .text-box::before {height: 65%}
	ul.step-area li.on:nth-child(2) .text-box::before {height: 65%}
	ul.step-area li.on:nth-child(3) .text-box::before {height: 55%}
	ul.step-area li.on:last-child .text-box::before {height: 65%}
}
@media screen and (max-width: 768px) {
	ul.step-area::before {width: calc(100% - 50px); top: 20px; left: 25px; transform: tarnslateY(0)}
	ul.step-area li {width: auto; height: auto; text-align: center; background: none; border: none; border-radius: 0; display: block}
	ul.step-area li .text-box {padding: 52px 0 0}
	ul.step-area li .text-box strong {font-size: 14px}
	ul.step-area li .text-box p {display: none}
	ul.step-area li .text-box::before {width: 40px; height: 40px; background-color: #fff; border: 2px solid #d7d7d7; border-radius: 50%; top: 0; left: 50%; transform: translate(-50%, 0)}
	ul.step-area li:first-child .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%}
	ul.step-area li:nth-child(2) .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%}
	ul.step-area li:nth-child(3) .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%}
	ul.step-area li:last-child .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%}
	ul.step-area li.on:first-child .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%; border-color: #0a1e5a}
	ul.step-area li.on:nth-child(2) .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%; border-color: #0a1e5a}
	ul.step-area li.on:nth-child(3) .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%; border-color: #0a1e5a}
	ul.step-area li.on:last-child .text-box::before {height: 40px; background-color: #fff; background-size: 50%; background-position-x: 50%; background-position-y: 50%; border-color: #0a1e5a}
	ul.step-area li.on {border: none}
}
@media screen and (max-width: 480px) {
	ul.step-area {margin: 0 auto 12px}
	ul.step-area::before {width: calc(100% - 50px); top: 16px; left: 25px}
	ul.step-area li {width: auto}
	ul.step-area li .text-box {padding: 40px 0 0}
	ul.step-area li .text-box::before {width: 32px; height: 32px}
	ul.step-area li .text-box strong {font-size: 12px}
	ul.step-area li:first-child .text-box::before {height: 32px; background-size: 45%}
	ul.step-area li:nth-child(2) .text-box::before {height: 32px}
	ul.step-area li:nth-child(3) .text-box::before {height: 32px}
	ul.step-area li:last-child .text-box::before {height: 32px}
	ul.step-area li.on:first-child .text-box::before {height: 32px; background-size: 45%}
	ul.step-area li.on:nth-child(2) .text-box::before {height: 32px}
	ul.step-area li.on:nth-child(3) .text-box::before {height: 32px}
	ul.step-area li.on:last-child .text-box::before {height: 32px}
}

strong.survey-guide {max-width: 1400px; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -1.5px; display: block; position: relative; padding: 0 0 0 40px; margin: 0 auto 20px}
strong.survey-guide::before {width: 30px; height: 30px; background: url('../../../../imgs/diagnosis/icon-entry.svg') no-repeat; background-size: contain; content: ''; position: absolute; top: 0; left: 0}
strong.survey-guide span {display: block}
@media screen and (max-width: 1440px) {
	strong.survey-guide {max-width: 100%; padding: 0 20px 0 40px}
	strong.survey-guide::before {left: 0}
	strong.survey-guide.margin0 {padding: 0 0 0 40px}
	strong.survey-guide.margin0::before {left: 0}
}
@media screen and (max-width: 1080px) {
	strong.survey-guide {font-size: 16px; padding: 0 20px 0 32px}
	strong.survey-guide.margin0 {padding: 0 0 0 32px}
	strong.survey-guide::before {width: 24px; height: 24px; left: 0;}
}
@media screen and (max-width: 640px) {
	strong.survey-guide {font-size: 14px; padding: 0 20px 0 30px; margin: 0 auto 12px}
	strong.survey-guide.margin0 {padding: 0 0 0 24px}
	strong.survey-guide::before {width: 20px; height: 20px}
	strong.survey-guide span {display: contents}
}

/* ENTER-INFO */
strong.enter-info-title {font-size: 48px; color: #000; display: block; text-align: center; letter-spacing: -1.5px; line-height: 1; margin: 0 0 40px}
.enter-info {max-width: 1000px; margin: 0 auto}
.enter-info .form-area {max-width: 1000px; margin: 0 auto 20px}
.enter-info .agree-area {max-width: 1000px; margin: 0 auto 40px}
.enter-info .agree-area .agree-box {height: 96px; font-size: 12px; line-height: 16px; background-color: #fff; border: 1px solid #d2d2d2; overflow-y: overlay; padding: 12px; margin: 0 0 10px}
.enter-info .agree-area .check-area {width: 100%; position: relative}
.enter-info .agree-area .check-area label {height: 20px; font-size: 16px; letter-spacing: -1.5px; display: flex; align-items: center; padding: 0 0 0 30px}
.enter-info .agree-area .check-area label .checkmark {width: 20px; height: 20px}
.enter-info .agree-area .check-area label .checkmark::after {width: 5px; height: 10px; border-width: 0 2px 2px 0; top: 1px; left: 5px}
@media screen and (max-width: 1080px) {
	strong.enter-info-title {font-size: 40px}
	.enter-info {max-width: 100%;}
	.enter-info .form-area {max-width: 100%}
	.enter-info .agree-area {max-width: 100%; margin: 0 auto 20px}
	.enter-info .agree-area .agree-box {line-height: 1.2; padding: 12px}
	.enter-info .agree-area .check-area label {font-size: 14px}
}
@media screen and (max-width: 768px) {
	strong.enter-info-title {font-size: 32px; margin: 0 0 30px}
}
@media screen and (max-width: 640px) {
	strong.enter-info-title {font-size: 28px}
	.enter-info .agree-area .check-area label .m-none {display: none}
}
@media screen and (max-width: 480px) {
	strong.enter-info-title {font-size: 24px; margin: 0 0 20px}
}
@media screen and (max-width: 360px) {
	strong.enter-info-title {font-size: 20px}
}

/* SURVEY */
.survey-wrap {max-width: 1400px; margin: 0 auto; position: relative}
.survey-wrap .survey-block {width: 100%; display: flex; justify-content: space-between; position: relative}
.survey-wrap .survey-block::before {width: 4px; height: 100%; background-color: #d6d8df; content: ''; position: absolute; top: 0; left: 38px}
.survey-wrap .survey-block .category {width: 80px; height: 50px; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -1.5px; line-height: 1; text-align: center; display: flex; align-items: center; padding: 0 0 0 40px; margin: 0 0 40px; position: sticky; top: 0; z-index: 10}
.survey-wrap .survey-block:nth-child(1) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category001.svg') 10px 50% no-repeat; background-size: 24px}
.survey-wrap .survey-block:nth-child(2) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category002.svg') 10px 50% no-repeat; background-size: 24px}
.survey-wrap .survey-block:nth-child(3) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category003.svg') 10px 50% no-repeat; background-size: 24px}
.survey-wrap .survey-block:nth-child(4) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category004.svg') 10px 50% no-repeat; background-size: 24px}
.survey-wrap .survey-block .form-box {width: calc(100% - 80px); background-color: #f9f9f9; border: 1px solid #7c8191; margin: 0 0 40px; position: relative}
.survey-wrap .survey-block .form-box .article {width: 100%; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: space-between; padding: 20px}
.survey-wrap .survey-block .form-box .article.sub {background-color: #f4f4f4}
.survey-wrap .survey-block .form-box .article:last-child {border: none}
.survey-wrap .survey-block .form-box .article strong.question {font-size: 20px; color: #000; letter-spacing: -1.5px; line-height: 1.4}
.survey-wrap .survey-block .form-box .article strong.question span.small {font-size: 16px; font-weight: 400; letter-spacing: -1.5px; line-height: 1.4; margin: 0 0 0 5px}
.survey-wrap .survey-block .form-box .article .check-box {width: 640px; display: inline-flex; justify-content: center}
.survey-wrap .survey-block .form-box .article .m-check-box {display: none}
.survey-wrap .survey-block .form-box .article .check-box label {width: 95px; font-size: 16px; color: #323232; line-height: 1; text-align: center; position: relative; cursor: pointer; padding: 55px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.survey-wrap .survey-block .form-box .article .check-box .etc {display: flex; align-items: center}
.survey-wrap .survey-block .form-box .article input[type="text"] {width: 500px; height: 40px}
.survey-wrap .survey-block .form-box .article .check-box .etc input[type="text"] {width: 200px; height: 40px}
.survey-wrap .supplement {background-color: #e1e1e1; border-top: 1px solid #7c8191; padding: 20px; margin: 0 0 20px}
.survey-wrap .supplement strong {font-size: 24px; color: #000; letter-spacing: -1.5px; line-height: 1; display: block; margin: 0 0 10px}
.survey-wrap .supplement ul.check-list li {width: 100%; height: 70px; border-bottom: 1px solid #c1c3cb; display: flex; justify-content: space-between; padding: 10px 20px 10px 0}
.survey-wrap .supplement ul.check-list li:last-child {height: 60px; border: none; padding: 10px 20px 0 0}
.survey-wrap .supplement ul.check-list li .left {height: 100%; letter-spacing: -1.5px; display: flex; align-items: center}
.survey-wrap .supplement ul.check-list li .left .title {width: 110px; height: 50px; font-size: 18px; font-weight: 600; color: #000; background-color: #c8cad1; border-radius: 25px; display: flex; align-items: center; justify-content: center}
.survey-wrap .supplement ul.check-list li .left .ask {font-size: 20px; margin: 0 0 0 20px}
.survey-wrap .supplement ul.check-list li .right {height: 100%; display: flex; align-items: center}
.survey-wrap .supplement ul.check-list li .right label.check-box {height: 40px; display: flex; align-items: center; position: relative; padding: 0 0 0 50px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 20px 0 0}
.survey-wrap .supplement ul.check-list li .right label.check-box:last-child {margin: 0}
@media screen and (max-width: 1440px) {
	.survey-wrap {max-width: 100%;}
}
@media screen and (max-width: 1400px) {
	.survey-wrap .survey-block .form-box .article {padding: 12px 20px}
	.survey-wrap .survey-block .form-box .article strong.question {font-size: 16px}
	.survey-wrap .survey-block .form-box .article .check-box {width: auto}
	.survey-wrap .survey-block .form-box .article .check-box label {width: 85px; font-size: 14px; padding: 50px 0 0}
	.survey-wrap .supplement strong {font-size: 20px}
	.survey-wrap .supplement ul.check-list li .left .title {width: 110px; height: 50px; font-size: 16px; border-radius: 25px}
	.survey-wrap .supplement ul.check-list li .left .ask {font-size: 16px; margin: 0 0 0 20px}
	.survey-wrap .supplement ul.check-list li .right label.check-box {height: 40px; padding: 0 0 0 50px; font-size: 16px; margin: 0 20px 0 0}
}
@media screen and (max-width: 1080px) {
	.survey-wrap .survey-block {width: 100%; display: inline-block; position: relative}
	.survey-wrap .survey-block::before {content: none}
	.survey-wrap .survey-block .category {width: 100%; height: 50px; font-size: 16px; justify-content: center; padding: 0; margin: 0}
	.survey-wrap .survey-block:nth-child(1) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category001.svg') calc(50% - 34px) 50% no-repeat; background-size: 24px}
	.survey-wrap .survey-block:nth-child(2) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category002.svg') calc(50% - 34px) 50% no-repeat; background-size: 24px}
	.survey-wrap .survey-block:nth-child(3) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category003.svg') calc(50% - 34px) 50% no-repeat; background-size: 24px}
	.survey-wrap .survey-block:nth-child(4) .category {background: #7c8191 url('../../../../imgs/diagnosis/icon-survey-category004.svg') calc(50% - 34px) 50% no-repeat; background-size: 24px}
	.survey-wrap .survey-block .form-box {width: 100%; margin: 0 0 20px}
	.survey-wrap .survey-block .form-box .article {display: block; padding: 20px}
	.survey-wrap .survey-block .form-box .article strong.question {font-size: 16px; text-align: center; display: block; margin: 0 0 20px}
	.survey-wrap .survey-block .form-box .article strong.question span.small {font-size: 14px}
	.survey-wrap .survey-block .form-box .article .check-box {width: 100%; justify-content: space-around; padding: 0 10%}
	.survey-wrap .survey-block .form-box .article .check-box label {width: 85px; font-size: 14px; padding: 50px 0 0}
	.survey-wrap .survey-block .form-box .article input[type="text"] {width: 100%; height: 32px; font-size: 14px; text-align: center}
	.survey-wrap .survey-block .form-box .article .check-box .etc input[type="text"] {width: 160px; height: 32px; font-size: 14px}
	.survey-wrap .supplement strong {font-size: 16px}
	.survey-wrap .supplement ul.check-list li {height: 60px; padding: 10px 0}
	.survey-wrap .supplement ul.check-list li:last-child {height: 50px; padding: 10px 0 0}
	.survey-wrap .supplement ul.check-list li .left .title {width: 80px; height: 40px; font-size: 14px; border-radius: 20px}
	.survey-wrap .supplement ul.check-list li .left .ask {font-size: 14px; margin: 0 0 0 12px}
	.survey-wrap .supplement ul.check-list li .right label.check-box {height: 40px; padding: 0 0 0 50px; font-size: 14px}
}
@media screen and (max-width: 768px) {
	.survey-wrap .survey-block .category {width: 100%; height: 40px; font-size: 16px; margin: 0}
	.survey-wrap .survey-block .form-box {width: 100%; margin: 0 0 20px}
	.survey-wrap .survey-block .form-box .article {padding: 12px}
	.survey-wrap .survey-block .form-box .article strong.question {font-size: 14px}
	.survey-wrap .survey-block .form-box .article span.small {font-size: 14px}
	.survey-wrap .survey-block .form-box .article .check-box label {width: 75px; font-size: 12px; font-weight: 600; padding: 40px 0 0}
	.survey-wrap .supplement {padding: 12px}
	.survey-wrap .supplement ul.check-list li .left .title {width: 72px}
	.survey-wrap .supplement ul.check-list li .left .ask {margin: 0 0 0 8px}
	.survey-wrap .supplement ul.check-list li .right label.check-box {height: 30px; padding: 0 0 0 36px; margin: 0 12px 0 0}
}
@media screen and (max-width: 640px) {
	.survey-wrap .survey-block .form-box .article .check-box {justify-content: space-between; padding: 0}
	.survey-wrap .survey-block .form-box .article .check-box .etc input[type="text"] {width: 120px; font-size: 12px}
	.survey-wrap .supplement ul.check-list li .left {padding: 0 12px 0 0}
	.survey-wrap .supplement ul.check-list li .left .title {width: 64px; height: 30px; font-size: 12px; border-radius: 15px}
	.survey-wrap .supplement ul.check-list li .left .ask {width: calc(100% - 76px); font-size: 12px; line-height: 1.2}
	.survey-wrap .supplement ul.check-list li .right label.check-box {height: 30px; padding: 0 0 0 36px; font-size: 12px; margin: 0 8px 0 0}
	#wrap2 .btn-box {padding: 0 20px}

}
@media screen and (max-width: 480px) {
	.survey-wrap .survey-block .form-box .article .check-box {display: none}
	.survey-wrap .survey-block .form-box .article .m-check-box {width: 100%; display: inline-block}
    .survey-wrap .survey-block .form-box .article .m-check-box input[type="text"] {width: 100%}
    .survey-wrap .survey-block .form-box .article .m-check-box input.m-check {width: calc(50% - 6px); height: 32x; font-size: 14px; color: #000; background-color: #fff; border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; float: left}
    .survey-wrap .survey-block .form-box .article .m-check-box input.m-check:nth-child(2n) {float: right}
    .survey-wrap .survey-block .form-box .article .m-check-box input.m-check:nth-child(n+3) {margin: 8px 0 0}
    .survey-wrap .survey-block .form-box .article .m-check-box input.m-check.on {color: #fff; background-color: #0a1e5a; border: none}
    .survey-wrap .survey-block .form-box .article .m-check-box .m-etc {width: calc(50% - 6px); height: 40px; float: left; margin: 8px 0 0}
    .survey-wrap .survey-block .form-box .article .m-check-box .m-etc .m-check {width: 100%}
    .survey-wrap .survey-block .form-box .article .m-check-box button.m-check {width: calc(50% - 6px); height: 32px; font-size: 14px; color: #000; background-color: #fff; border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; float: left}
    .survey-wrap .survey-block .form-box .article .m-check-box button.m-check:nth-child(2n) {float: right}
    .survey-wrap .survey-block .form-box .article .m-check-box button.m-check:nth-child(n+3) {margin: 8px 0 0}
    .survey-wrap .survey-block .form-box .article .m-check-box button.m-check.on {color: #fff; background-color: #0a1e5a; border: none}
    .survey-wrap .supplement {background: none; border: none; padding: 0}
	.survey-wrap .supplement strong {text-align: center; margin: 0 0 16px}
	.survey-wrap .supplement ul.check-list li {width: 100%; height: auto; display: inline-block; padding: 0 0 12px; margin: 0 0 12px}
	.survey-wrap .supplement ul.check-list li:last-child {height: auto; border-bottom: 1px solid #c1c3cb; padding: 10px 0; margin: 0}
	.survey-wrap .supplement ul.check-list li .left {width: 100%; height: auto; text-align: center; display: block; align-items: normal}
	.survey-wrap .supplement ul.check-list li .left .title {width: auto; font-size: 14px; border-radius: 15px; margin: 0 auto 12px}
	.survey-wrap .supplement ul.check-list li .left .ask {width: 100%; font-size: 14px; display: block; margin: 0 0 12px}
	.survey-wrap .supplement ul.check-list li .right {width: 100%; height: auto; display: flex; align-items: center; justify-content: center}
}

/* RESULT */
.result-wrap {max-width: 1400px; margin: 0 auto}

.result-wrap strong.state-guide {font-size: 24px; font-weight: 400; color: #000; text-align: center; display: block;}
.result-wrap strong.state-guide span {font-size: 32px; font-weight: 600; color: #fa002d; display: contents}

.result-wrap .state-area {width: 100%; display: block; margin: 0 0 30px}
.result-wrap .state-area .state-gauge {min-width: 440px; text-align: center; display: none; padding: 234px 0 0; position: relative}
.result-wrap .state-area .state-gauge::after{width:440px; height:234px; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}
.result-wrap .state-area .state-gauge.on {display: block;}
.result-wrap .state-area .state-gauge.gauge1::after {background: url('../../../../imgs/diagnosis/img-result001.png') no-repeat; background-size: contain}
.result-wrap .state-area .state-gauge.gauge2::after {background: url('../../../../imgs/diagnosis/img-result002.png') no-repeat; background-size: contain}
.result-wrap .state-area .state-gauge.gauge3::after {background: url('../../../../imgs/diagnosis/img-result003.png') no-repeat; background-size: contain}
.result-wrap .state-area .state-gauge.gauge4::after {background: url('../../../../imgs/diagnosis/img-result004.png') no-repeat; background-size: contain}
.result-wrap .state-area .state-gauge.gauge5::after {background: url('../../../../imgs/diagnosis/img-result005.png') no-repeat; background-size: contain}
.result-wrap .state-area .state-gauge .text-box {width: auto; display: inline-block; padding: 0 80px; position: relative}
.result-wrap .state-area .state-gauge .text-box::before {width: 30px; height: 100%; border: 1px solid #c8c8c8; border-width: 1px 0 1px 1px; content: ''; position: absolute; top: 0; left: 0}
.result-wrap .state-area .state-gauge .text-box::after {width: 30px; height: 100%; border: 1px solid #c8c8c8; border-width: 1px 1px 1px 0; content: ''; position: absolute; top: 0; right: 0}
.result-wrap .state-area .state-gauge .text-box .state-text {font-size: 40px; font-weight: 600; color: #000; letter-spacing: -1.5px; line-height: 1; display: block; margin: 0 0 25px}
.result-wrap .state-area .state-gauge .text-box .state-guide {font-size: 20px; letter-spacing: -1.5px; line-height: 1; display: inline-block}
.result-wrap .state-area .state-gauge .text-box .state-guide span {font-weight: 600; color: #fa002d; vertical-align: baseline;}
.result-wrap .state-area .state-gauge.gauge1 .text-box .state-text {margin: 0}
.result-wrap .state-area .state-gauge.gauge1 .text-box .state-guide {display: none}

.result-wrap .comment {font-size: 20px; color: #000; letter-spacing: -1.5px; text-align: center; display: block; margin: 0 0 30px}

.result-wrap ul.state-info {width: 100%; font-size: 0; margin: 30px 0 20px; display:inline-block;}
.result-wrap ul.state-info li {width: calc((100% - 20px) / 2);; height: auto; border: 4px solid #e7e7e7; display: inline-block;}
.result-wrap ul.state-info li:nth-child(2n){margin-left:20px;}
.result-wrap ul.state-info li:nth-child(2){margin-bottom:20px;}
.result-wrap ul.state-info li:first-child{margin-bottom:20px;}
.result-wrap ul.state-info li:first-child.on {border: 4px solid #36b04b; background-color: #fff}
.result-wrap ul.state-info li:nth-child(2).on {border: 4px solid #dddf16; background-color: #fff}
.result-wrap ul.state-info li:nth-child(3).on {border: 4px solid #f8c226; background-color: #fff}
.result-wrap ul.state-info li:last-child.on {border: 4px solid #f4271c; background-color: #fff}

.result-wrap ul.state-info li .text-box{display:flex;}
.result-wrap ul.state-info li .text-box .left {width: 16%; text-align: center; background:#eaeaea; letter-spacing: -1.5px; line-height: 1; padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.result-wrap ul.state-info li .text-box .left strong {font-size: 24px; font-weight: 600; display: block}
.result-wrap ul.state-info li .text-box .left span {font-size: 20px; display: block; margin: 10px 0 0}
.result-wrap ul.state-info li .text-box .right {width: 84%; padding: 20px}
.result-wrap ul.state-info li .text-box .right p {font-size: 18px; color: #000; line-height: 28px; letter-spacing: -1.5px;}
.result-wrap ul.state-info li .text-box .right p span {display: block}
.result-wrap ul.state-info li .text-box .right p .strong_text{font-size: 18px; color: #000; line-height: 1.5; letter-spacing: -1.5px; font-weight: 400;}
.result-wrap ul.state-info li.on .text-box .left1 {background:rgba(54,176,75,.5);}
.result-wrap ul.state-info li.on .text-box .left2 {background:rgba(221,223,22,.5);}
.result-wrap ul.state-info li.on .text-box .left3 {background:rgba(248,194,38,.5);}
.result-wrap ul.state-info li.on .text-box .left4 {background:rgba(244,39,28,.5);}
.result-wrap ul.state-info li.on .text-box .right p .strong_text{color:#e5003e; font-weight: 500;}
.result-wrap .result_cont-area{border: 2px solid #0a1e5a; margin:90px 0 50px 0; padding: 50px 30px; display: flex; justify-content: center; text-align: center;}
.result-wrap .result_cont-area .cont-area{display:none;}
.result-wrap .result_cont-area .cont-area.on{width: calc(100% - 20px); display:block; margin:0 15px; overflow: hidden;}
.result-wrap .result_cont-area .cont-area .cont-area_title{font-size:32px; color:#0a1e5a; font-weight:600; text-align:center; margin-bottom:40px;}
.result-wrap .result_cont-area .cont-area img{width: 100%; max-width:540px;}
.result-wrap .result_cont-area .cont-area .cont-area_text{width:100%; max-width:546px; margin:40px auto; text-align: left;}
.result-wrap .result_cont-area .cont-area .cont-area_text .text_strong{width:100%; font-size:22px; font-weight:500;}
.result-wrap .result_cont-area .cont-area .cont-area_text span{width:100%; padding: 0 0 0 38px; font-size:22px; font-weight:300; display:inline-block; position:relative;}
.result-wrap .result_cont-area .cont-area .cont-area_text span strong{font-size:24px; font-weight:500;}
.result-wrap .result_cont-area .cont-area .cont-area_text .check::after{width: 22px; height: 16px; content: '' ; background: url(../../../../imgs/diagnosis/icon-list.svg) no-repeat; position: absolute; top: 8px; left: 4px;}


@media screen and (max-width: 1440px) {
	.result-wrap {padding: 0 20px}
}
@media screen and (max-width: 1400px) {
	.result-wrap {max-width: 100%; padding:0;}
	.result-wrap ul.state-info li .text-box p span {display: contents}
	.result-wrap .table-wrap table.table-style th,
	.result-wrap .table-wrap table.table-style td {padding: 8px}
}
@media screen and (max-width: 1240px) {
	.result-wrap strong.state-guide {font-size: 20px; margin: 0 0 30px}
	.result-wrap strong.state-guide span {font-size: 28px}
	.result-wrap .state-area .state-gauge .text-box .state-text {font-size: 36px; margin: 0 0 20px}
	.result-wrap .state-area .state-gauge .text-box .state-guide {font-size: 16px}
	.result-wrap .comment {font-size: 16px; margin: 0 0 30px}
}
@media screen and (max-width: 1080px) {
	.result-wrap strong.state-guide {margin: 0 0 20px}
	.result-wrap strong.state-guide span {font-size: 20px}
	.result-wrap .state-area {margin: 0 0 20px}
	.result-wrap .state-area .state-gauge {padding: 255px 0 0}
	.result-wrap ul.state-info {margin: 20px 0 0}
	.result-wrap ul.state-info li .top strong {font-size: 18px}
	.result-wrap ul.state-info li .text-box p {font-size: 14px; line-height: 1.6}
	.result-wrap .comment {font-size: 14px; margin: 0 0 20px}
	.result-wrap .table-wrap table.table-style th,
	.result-wrap .table-wrap table.table-style td {font-size: 12px; padding: 6px}

	.result-wrap ul.state-info li .text-box .left strong {font-size: 20px;}
	.result-wrap ul.state-info li .text-box .right p {font-size: 16px;}
	.result-wrap ul.state-info li .text-box .right p .strong_text {font-size: 16px;}
	.result-wrap .result_cont-area {margin: 20px 0 50px 0; padding: 30px 12px;}
	.result-wrap .result_cont-area .cont-area .cont-area_title{font-size:24px; margin-bottom:18px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text .text_strong {font-size: 18px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text span {font-size: 18px;}
}
@media screen and (max-width: 850px) {
	.result-wrap .state-area .state-gauge {min-width: auto; padding: 220px 0 0}
	.result-wrap .state-area .state-gauge .text-box {padding: 0 60px}
	.result-wrap .state-area .state-gauge .text-box .state-text {font-size: 28px; margin: 0 0 20px}
	.result-wrap .state-area .state-gauge .text-box .state-guide {font-size: 14px}
	.result-wrap .table-wrap {width: 100%; overflow-x: auto; white-space: nowrap}
	.result-wrap .table-wrap table.table-style {width: auto}
	.result-wrap ul.state-info li .top strong {font-size: 16px}
	.result-wrap ul.state-info li .text-box p {font-size: 12px}

	.result-wrap ul.state-info li .text-box .right {padding: 10px;}
	.result-wrap ul.state-info li .text-box .left strong {font-size: 16px;}
	.result-wrap ul.state-info li .text-box .right p {font-size: 14px;}
	.result-wrap ul.state-info li .text-box .right p .strong_text {font-size: 14px;}
	.result-wrap .result_cont-area .cont-area .cont-area_title{font-size:18px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text .text_strong {font-size: 14px; padding: 0 0 0 32px}
	.result-wrap .result_cont-area .cont-area .cont-area_text span {font-size: 14px; padding: 0 0 0 32px}
	.result-wrap .result_cont-area .cont-area .cont-area_text span .text_strong{padding:0;}
	.result-wrap .result_cont-area .cont-area .cont-area_text .check::after {width: 18px; height: 14px; top: 6px;}
}

@media screen and (max-width: 768px) {
	.result-wrap ul.state-info li {width: 100%; margin-bottom: 10px;}
	.result-wrap ul.state-info li:first-child {margin-bottom: 10px}
	.result-wrap ul.state-info li:nth-child(2) {margin-bottom: 10px}
    .result-wrap ul.state-info li:nth-child(2n){margin-left: 0;}
    .result-wrap ul.state-info li .text-box .right{display: flex; align-items: center;}
    .result-wrap ul.state-info li .text-box .right p {line-height: 1.5; display: flex; align-items: center;}
	.result-wrap ul.state-info li .text-box .right p span {display: contents;}
}

@media screen and (max-width: 720px) {
	.result-wrap ul.state-info li .text-box .left strong {font-size: 14px;}
	.result-wrap ul.state-info li .text-box .right p {font-size: 12px;}
	.result-wrap ul.state-info li .text-box .right p .strong_text {font-size: 12px;}
	.result-wrap .result_cont-area .cont-area .cont-area_title{font-size:16px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text .text_strong {font-size: 12px; padding: 0 0 0 24px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text span {font-size: 12px; padding: 0 0 0 24px;}
	.result-wrap .result_cont-area .cont-area .cont-area_text .check::after {width: 14px; height: 10px;top: 4px;}
}
@media screen and (max-width: 640px){

	.result-wrap .state-area .state-gauge::after {width: 370px; height: 200px}
	.result-wrap .state-area .state-gauge {padding: 200px 0 0;}
	.result-wrap strong.state-guide {font-size: 16px; margin: 0 0 5px;}
	.result-wrap strong.state-guide span {font-size: 16px}
	.result-wrap .state-area .state-gauge .text-box .state-text {font-size: 24px; margin: 0 0 12px}
	.result-wrap ul.state-info {display: inline-block; background: none}

	.result-wrap .result_cont-area {padding: 20px 20px 0 20px; display: inline-block; margin: 20px 0 20px 0;}
	.result-wrap .result_cont-area .cont-area.on {width: 100%; display: inline-block; margin:0;}
	.result-wrap .result_cont-area .cont-area .cont-area_text {margin: 10px 0 20px;}
}
@media screen and (max-width: 480px) {
	.result-wrap .state-area .state-gauge::after {width: 300px; height: 160px}
	.result-wrap .state-area .state-gauge {padding: 160px 0 0;}
	.result-wrap .state-area .state-gauge {padding: 180px 0 0}
}
@media screen and (max-width: 360px) {
	.result-wrap .state-area .state-gauge::after {width: 270px; height: 145px}
	.result-wrap .state-area .state-gauge {padding: 145px 0 0;}
	.result-wrap .result_cont-area .cont-area .cont-area_title {font-size: 15px; margin-bottom: 10px;}
}


/* RESULT PDF */
/* result-wrap-pc front */
.result-wrap-pc.front {width: 1500px; min-width: 1400px; margin: 0 auto; background:#fff; padding:540px 260px 0 180px; position: relative;}
.result-wrap-pc.front:before{content:''; width:60px; height: 1600px; background:#003378; position: absolute; left:0; top:0;}
.result-wrap-pc.front:after{content:''; width:60px; height: 620px; background:#e5003e; position: absolute; left:0; bottom:0;}


.result-wrap-pc.front .top_logo {width:250px; height: 60px; position: absolute; right:110px; top:120px;}

.result-wrap-pc.front .report_title{line-height: 1; width:90%; position: relative;}
.result-wrap-pc.front .report_title:before{content:''; width:140px; height: 8px; background:#e5003e; position: absolute; left:0; top:-110px;}
.result-wrap-pc.front .report_title:after{content:''; width:140px; height: 8px; background:#e5003e; position: absolute; left:0; bottom:-110px;}

.result-wrap-pc.front .report_title .corporate_name{font-size: 60px; color:#003378; font-weight: 600; margin-bottom: 30px;}
.result-wrap-pc.front .report_title p{font-size: 100px; color:#000; font-weight: 600;}
.result-wrap-pc.front .report_title p span{display:inline-block; font-size: 100px; color:#000; font-weight: 600;}

.result-wrap-pc.front .table-wrap {width:680px; position: absolute; right:180px; bottom:590px;}
.result-wrap-pc.front .table-wrap table.table-style {width:680px;}
.result-wrap-pc.front .table-wrap table.table-style th{font-size: 36px; font-weight: 500; line-height: 1.4; border:none; padding: 10px 36px 0 0; background:none; text-align: right; color:#e5003e; position: relative;}
.result-wrap-pc.front .table-wrap table.table-style th:before{content:''; width:4px; height: 36px; background:#e5003e; position: absolute; right:0; top:20px;}
.result-wrap-pc.front .table-wrap table.table-style td{font-size: 36px; font-weight: 500; line-height: 1.4; border:none; padding: 10px 0 0 36px; background:none; text-align: left;}

.result-wrap-pc.front .bottom_logo {width:350px; position: absolute; left:50%; bottom:260px; transform:translate(-50%, 0)}


/* result-wrap-pc */
.result-wrap-pc {width: 1500px; height:2220px; min-width: 1400px; margin: 0 auto;  display: none;  padding:100px 60px; position: relative; background:#fff;}

.result-wrap-pc .title_box{position: relative; margin-bottom:80px;}
.result-wrap-pc .title_box:before{content:''; width:8px; height: 60px; background:#e5003e; position: absolute; left:0; top:5px;}
.result-wrap-pc .title_box p{padding-left:30px; font-size: 60px; font-weight: 600; display: flex; align-items: flex-start;}
.result-wrap-pc .title_box p strong{padding-right:30px; font-size: 60px; font-weight: 600; color:#0a1e5a; line-height: 1;}
.result-wrap-pc .title_box p strong.bar:after{content: ''; /* width:230px; */ height: 20px; position: relative; top: -15px; left: 0; background:rgba(229,0,62,0.3); display: block;}
.result-wrap-pc .title_box p span{line-height:1;}

.result-wrap-pc strong.state-guide {font-size: 24px; font-weight: 400; color: #000; text-align: center; display: block; margin: 0 0 30px}
.result-wrap-pc strong.state-guide span {font-size: 32px; font-weight: 600; color: #fa002d; display: contents}
.result-wrap-pc .state-area {width: 100%; display: block; margin: 0 0 30px}
.result-wrap-pc .state-area .state-gauge {min-width: 440px; text-align: center; display: none; padding: 320px 0 0; position: relative}
.result-wrap-pc .state-area .state-gauge::after{width: 440px; height: 234px; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}
.result-wrap-pc .state-area .state-gauge.on {display: block}
.result-wrap-pc .state-area .state-gauge.gauge1::after {background: url('../../../../imgs/diagnosis/img-result001.png') no-repeat; background-size: contain; width: 550px; height: 350px;}
.result-wrap-pc .state-area .state-gauge.gauge2::after {background: url('../../../../imgs/diagnosis/img-result002.png') no-repeat; background-size: contain; width: 550px; height: 350px;}
.result-wrap-pc .state-area .state-gauge.gauge3::after {background: url('../../../../imgs/diagnosis/img-result003.png') no-repeat; background-size: contain; width: 550px; height: 350px;}
.result-wrap-pc .state-area .state-gauge.gauge4::after {background: url('../../../../imgs/diagnosis/img-result004.png') no-repeat; background-size: contain; width: 550px; height: 350px;}
.result-wrap-pc .state-area .state-gauge.gauge5::after {background: url('../../../../imgs/diagnosis/img-result005.png') no-repeat; background-size: contain; width: 550px; height: 350px;}
.result-wrap-pc .state-area .state-gauge .text-box {width: auto; display: inline-block; padding: 0 80px; position: relative}
.result-wrap-pc .state-area .state-gauge .text-box::before {width: 30px; height: 100%; border: 1px solid #c8c8c8; border-width: 1px 0 1px 1px; content: ''; position: absolute; top: 0; left: 0}
.result-wrap-pc .state-area .state-gauge .text-box::after {width: 30px; height: 100%; border: 1px solid #c8c8c8; border-width: 1px 1px 1px 0; content: ''; position: absolute; top: 0; right: 0}
.result-wrap-pc .state-area .state-gauge .text-box .state-text {font-size: 40px; font-weight: 600; color: #000; letter-spacing: -1.5px; line-height: 1; display: block; margin: 0 0 25px}
.result-wrap-pc .state-area .state-gauge .text-box .state-guide {font-size: 20px; letter-spacing: -1.5px; line-height: 1; display: flex; align-items: center; justify-content: center}
.result-wrap-pc .state-area .state-gauge .text-box .state-guide span {font-weight: 600; color: #fa002d; vertical-align: baseline;}

.result-wrap-pc  ul.state-info {width: 100%; font-size: 0; margin: 30px 0 20px; display:inline-block;}
.result-wrap-pc  ul.state-info li {width: calc((100% - 20px) / 2);; height: auto; border: 4px solid #e7e7e7; display: inline-block;}
.result-wrap-pc  ul.state-info li:nth-child(2n){margin-left:20px;}
.result-wrap-pc  ul.state-info li:nth-child(2){margin-bottom:20px;}
.result-wrap-pc  ul.state-info li:first-child{margin-bottom:20px;}
.result-wrap-pc  ul.state-info li:first-child.on {border: 4px solid #36b04b; margin-bottom:20px; background-color: #fff}
.result-wrap-pc  ul.state-info li:nth-child(2).on {border: 4px solid #dddf16; margin-bottom:20px; background-color: #fff}
.result-wrap-pc  ul.state-info li:nth-child(3).on {border: 4px solid #f8c226; background-color: #fff}
.result-wrap-pc  ul.state-info li:last-child.on {border: 4px solid #f4271c; background-color: #fff}
.result-wrap-pc  ul.state-info li .text-box{display:flex;}
.result-wrap-pc  ul.state-info li .text-box .left {width: 16%; text-align: center; background:#eaeaea; letter-spacing: -1.5px; line-height: 1; padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.result-wrap-pc  ul.state-info li .text-box .left strong {font-size: 24px; font-weight: 600; display: block}
.result-wrap-pc  ul.state-info li .text-box .left span {font-size: 20px; display: block; margin: 10px 0 0}
.result-wrap-pc  ul.state-info li .text-box .right {width: 84%; padding: 20px}
.result-wrap-pc  ul.state-info li .text-box .right p {font-size: 18px; color: #000; line-height: 28px; letter-spacing: -1.5px}
.result-wrap-pc  ul.state-info li .text-box .right p span {display: block}
.result-wrap-pc  ul.state-info li .text-box .right p .strong_text{font-size: 18px; color: #000; line-height: 28px; letter-spacing: -1.5px; font-weight: 400;}
.result-wrap-pc ul.state-info li.on .text-box .left1 {background:rgba(54,176,75,.5);}
.result-wrap-pc ul.state-info li.on .text-box .left2 {background:rgba(221,223,22,.5);}
.result-wrap-pc ul.state-info li.on .text-box .left3 {background:rgba(248,194,38,.5);}
.result-wrap-pc ul.state-info li.on .text-box .left4 {background:rgba(244,39,28,.5);}
.result-wrap-pc ul.state-info li.on .text-box .right p .strong_text{color:#e5003e; font-weight: 500;}
.result-wrap-pc .result_cont-area{border: 2px solid #0a1e5a; margin:90px 0 50px 0; padding: 60px 30px; display: flex; justify-content: center;}
.result-wrap-pc .result_cont-area .cont-area{display:none;}
.result-wrap-pc .result_cont-area .cont-area.on{width: calc((100% - 40px) / 2); display:block; margin:0 15px; overflow: hidden;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_title{font-size:32px; color:#0a1e5a; font-weight:600; text-align:center; margin-bottom:40px;}
.result-wrap-pc .result_cont-area .cont-area img{width: 100%; height:320px;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_text{margin:40px 0 0 0;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_text .text_strong{font-size:24px; font-weight:500;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_text span{padding: 0 20px 0 38px; font-size:24px; font-weight:300; display:inline-block; position:relative;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_text span strong{font-size:24px; font-weight:500;}
.result-wrap-pc .result_cont-area .cont-area .cont-area_text .check::after{width: 22px; height: 16px; content: '' ; background: url(/imgs/diagnosis/icon-list.png) no-repeat; position: absolute; top: 8px; left: 4px; background-size: contain;}



.result-wrap-pc .text-box ul li{font-size:22px; font-weight:500;  position:relative; padding: 0 0px 0 40px; letter-spacing: -0.05em; line-height: 1.8;}
.result-wrap-pc .text-box ul li.check::after{width: 22px; height: 16px; content: '' ; background: url(../../../../imgs/diagnosis/icon-list.png) no-repeat; position: absolute; top: 8px; left: 4px; background-size: contain;}

.result-wrap-pc .bottom_logo2 {width:240px; height: 40px; position: absolute; right:60px; bottom:200px;}

.result-wrap-pc .comment {font-size: 20px; color: #000; letter-spacing: -1.5px; text-align: center; display: block; margin: 0 0 40px}
.result-wrap-pc .table-wrap {margin: 0 0 20px}
.result-wrap-pc .table-wrap table.table-style {text-align: center}
.result-wrap-pc .table-wrap table.table-style th,
.result-wrap-pc .table-wrap table.table-style td {font-size: 18px; line-height: 1.4; border: 1px solid #d2d2d2; padding: 8px}
.result-wrap-pc .table-wrap table.table-style td.choice {font-weight: 600; color: #fff; background-color: #7d818f}
.result-wrap-pc .table-wrap table.table-style th {background-color: #e9e9e9}

/*
.result-wrap-pc .tabcontent02 {margin-bottom: 50px; display: none;}
.result-wrap-pc .tabcontent02 .text-box {max-width: 1000px; padding: 30px 0; margin: 0 auto; position: relative; right: -30px; opacity: 0;}
.result-wrap-pc .tabcontent02 .text-title {margin: 50px; font-size: 50px; font-weight: 600; color: #000; position: relative;}
.result-wrap-pc .tabcontent02 .text-box ul li {font-size: 24px; font-weight: 300; color: #000; line-height: 1; letter-spacing: -1.5px; position: relative; padding: 0 0 0 35px; margin: 0 0 15px}
.result-wrap-pc .tabcontent02 .text-box ul li:last-child {margin: 0}
.result-wrap-pc .tabcontent02 .text-box ul li::before {width: 28px; height: 16px; background: url('/imgs/diagnosis/icon-list.svg') no-repeat; content: ''; position: absolute; top: 2px; left: 0}
.result-wrap-pc .tabcontent02 .text-box ul li strong {vertical-align: top}
.result-wrap-pc .tabcontent02 .text-box ul li:last-child strong {display: block; margin: 0 0 15px}
.result-wrap-pc .tabcontent02 .text-box ul li p {font-size: 24px; display: block; padding: 0 0 0 10px; margin: 0 0 15px; position: relative}
.result-wrap-pc .tabcontent02 .text-box ul li p:last-child {margin: 0}
.result-wrap-pc .tabcontent02 .text-box ul li p::before {width: 6px; height: 1px; background-color: #fa002d; content: ''; position: absolute; top: 50%; left: 0}

.result-wrap-pc .tabcontent02 .img-area .img-box01 {width: 100%; height: 300px; display: flex; align-items: center; justify-content: space-between}
.result-wrap-pc .tabcontent02 .img-area .img-box01 .img01 {width: calc(50% - 10px); height: 100%; object-fit: contain}
.result-wrap-pc .tabcontent02 .img-area .img-box01 .img02 {width: calc(50% - 10px); height: 100%; background-color: #fff; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center}
.result-wrap-pc .tabcontent02 .img-area .img-box01 .img01 img {height: 100%}
.result-wrap-pc .tabcontent02 .img-area .img-box01 .img02 img {height: 100%; width: 86%}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img01 {height: 100%; background-color: #fff; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; padding: 20px}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img02 {height: 100%; background-color: #fff; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; padding: 20px; margin: 20px 0 0}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img03 {width: 100%; display: none}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img01 img {height: 120px;}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img02 img {height: 110px;}
.result-wrap-pc .tabcontent02 .img-area .img-box02 .img03 img {width: 100%}
.result-wrap-pc .tabcontent02 .img-area .img-box03 {width: 100%; height: 380px; display: flex; align-items: flex-start; justify-content: space-between}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img01 {width: calc(50% - 10px); height: 100%; background-color: #fff; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; padding: 20px}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img02-area {width: calc(50% - 10px); height: 100%; text-align: center}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img02-area .img02 {width: 100%; height: 100%; background-color: #fff; border: 1px solid #c8c8c8; display: flex; align-items: center; justify-content: center; padding: 20px}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img02-area p {font-size: 20px; font-weight: 600; color: #000; letter-spacing: -1.5px; margin: 10px 0 0}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img01 img {height: 100%}
.result-wrap-pc .tabcontent02 .img-area .img-box03 .img02-area .img02 img {height: 100%} */

/* INQUIRE */
.inquire {max-width: 1400px; margin: 0 auto}
.inquire ul.check-list {width: 100%; background-color: #e9e9e9; display: block; padding: 10px 20px; margin: 0 0 20px}
.inquire ul.check-list li {width: 100%; height: 70px; border-bottom: 1px solid #d7d7d7; display: flex; justify-content: space-between; padding: 10px 20px 10px 0}
.inquire ul.check-list li:last-child {border: none}
.inquire ul.check-list li .left {height: 100%; letter-spacing: -1.5px; display: flex; align-items: center}
.inquire ul.check-list li .left .title {width: 110px; height: 50px; font-size: 18px; font-weight: 600; color: #fff; background-color: #0a1e5a; border-radius: 25px; display: flex; align-items: center; justify-content: center}
.inquire ul.check-list li .left .ask {font-size: 20px; margin: 0 0 0 20px}
.inquire ul.check-list li .right {height: 100%; display: flex; align-items: center}
.inquire ul.check-list li .right label.check-box {height: 40px; display: flex; align-items: center; position: relative; padding: 0 0 0 50px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 20px 0 0}
.inquire ul.check-list li .right label.check-box:last-child {margin: 0}
.inquire .inquire-wrap {background-color: #e9e9e9; padding: 20px; margin: 0 0 20px}
.inquire .inquire-wrap strong {font-size: 20px; line-height: 1; letter-spacing: -1.5px; display: block; margin: 0 0 20px}
.inquire .inquire-wrap .textarea {height: 14rem}
@media screen and (max-width: 1400px) {
	.inquire {max-width: 100%}
}
@media screen and (max-width: 1080px) {
	.inquire ul.check-list {padding: 0 20px}
	.inquire ul.check-list li {height: 60px; padding: 10px 0}
	.inquire ul.check-list li .left .title {width: 80px; height: 40px; font-size: 14px; border-radius: 20px}
	.inquire ul.check-list li .left .ask {font-size: 16px; margin: 0 0 0 12px}
	.inquire ul.check-list li .right label.check-box {font-size: 16px}
	.inquire .inquire-wrap strong {font-size: 16px}
	.inquire .inquire-wrap .textarea {height: 10rem}
}
@media screen and (max-width: 768px) {
	.inquire ul.check-list li .left .title {width: 72px}
	.inquire ul.check-list li .left .ask {font-size: 14px; margin: 0 0 0 8px}
	.inquire ul.check-list li .right label.check-box {height: 30px; font-size: 14px; padding: 0 0 0 36px; margin: 0 12px 0 0}
}
@media screen and (max-width: 640px) {
	.inquire ul.check-list li .left {padding: 0 12px 0 0}
	.inquire ul.check-list li .left .title {width: 64px; height: 30px; font-size: 12px; border-radius: 15px}
	.inquire ul.check-list li .left .ask {font-size: 12px; line-height: 1.2}
	.inquire ul.check-list li .right label.check-box {height: 30px; padding: 0 0 0 36px; font-size: 12px; margin: 0 8px 0 0}
	#wrap4 .btn-box {padding: 0 20px}
}
@media screen and (max-width: 480px) {
	.inquire ul.check-list {padding: 12px 20px; margin: 0 0 12px}
	.inquire ul.check-list li {width: 100%; height: auto; display: inline-block; padding: 0 0 12px; margin: 0 0 12px}
	.inquire ul.check-list li:last-child {margin: 0; padding: 0}
	.inquire ul.check-list li .left {width: 100%; height: auto; text-align: center; display: block; align-items: normal}
	.inquire ul.check-list li .left .title {width: auto; font-size: 14px; border-radius: 15px; margin: 0 auto 12px}
	.inquire ul.check-list li .left .ask {width: 100%; font-size: 14px; display: block; margin: 0 0 12px}
	.inquire ul.check-list li .right {width: 100%; height: auto; display: flex; align-items: center; justify-content: center}
	.inquire .inquire-wrap strong {font-size: 14px; margin: 0 0 12px}
}

/* COMPLETE */
.complete {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 80px 0 0}
.complete .cont01 {font-size: 40px; font-weight: 600; color: #0a1e5a; text-align: center; letter-spacing: -1.5px; line-height: 1; position: relative}
.complete .cont01::before {width: 163px; height: 120px; background: url('../../../../imgs/diagnosis/icon-step03-on.svg') no-repeat; content: ''; position: absolute; top: -150px; left: 50%; transform: translateX(-50%)}
.complete .cont02 {font-size: 24px; text-align: center; letter-spacing: -1.5px; line-height: 1.4; margin: 40px 0 0}
.complete .cont02 span {display: block}
.complete .btn-box input[type="button"] {letter-spacing: 0}
@media screen and (max-width: 768px) {
	.complete {width: 100%}
	.complete .cont01 {font-size: 32px}
	.complete .cont01::before {width: 100px; height: 74px; top: -100px}
	.complete .cont02 {font-size: 20px; margin: 30px 0 0}
}
@media screen and (max-width: 640px) {
	.btn-box input[type="button"] {width: auto; padding: 0 60px}
}
@media screen and (max-width: 480px) {
	.complete .cont01 {font-size: 24px}
	.complete .cont01::before {width: 80px; height: 59px; top: -80px}
	.complete .cont02 {font-size: 16px; margin: 20px 0 0}
}

/* POPUP */
.popup-wrap {width: 100%; height: 100%; background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 10000}
.popup-wrap .popup-box {width: 700px; height: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.popup-wrap .popup-box .close-popup {width: 40px; height: 40px; font-size: 0; background: url('../../../../imgs/diagnosis/icon-close-white.svg') no-repeat; background-size: 40px; position: absolute; top: 0; right: -60px; opacity: .75}
.popup-wrap .popup-box img {width: 100%; height: 100%; object-fit: cover}
.popup-wrap .popup-scroll-box {width: 700px; height: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.popup-wrap .popup-scroll-box .close-popup {width: 40px; height: 40px; font-size: 0; background: url('../../../../imgs/diagnosis/icon-close-white.svg') no-repeat; background-size: 40px; position: absolute; top: 0; right: -60px; opacity: .75}
.popup-wrap .popup-scroll-box .popup-box {width: 100%; height: 100%; background-color: #d2d2d2; overflow-y: auto; padding: 20px}
.popup-wrap .popup-scroll-box .popup-box p {font-size: 14px; letter-spacing: -1.5px; line-height: 1.6}
.popup-wrap .popup-scroll-box .popup-box p.pop-p {color: #000; text-align: left}
@media screen and (max-width: 1080px) {
	.popup-wrap .popup-scroll-box {width: calc(100% - 40px); height: 50vh}
	.popup-wrap .popup-box {width: auto; height: auto}
	.popup-wrap .popup-scroll-box .popup-box {width: 100%; height: 100%}
	.popup-wrap .popup-scroll-box .popup-box p.pop-p {font-size: 12px}
	.popup-wrap .popup-box .close-popup {width: 28px; height: 28px; background-size: 28px; top: -48px; right: 0}
	.popup-wrap .popup-scroll-box .close-popup {width: 28px; height: 28px; background-size: 28px; top: -48px; right: 0}
}
@media screen and (max-width: 640px) {
	.popup-wrap .popup-box {width: calc(100% - 40px)}
	.popup-wrap .popup-scroll-box {width: calc(100% - 40px)}
	.popup-wrap .popup-scroll-box .popup-box {width: 100%; height: 100%}
}

/* FOOTER */
.footer {height: auto; text-align: center; background-color: #323232; display: flex; align-items: center; justify-content: center; padding: 20px 0; /* margin-top:60px; */}
.footer .footer-logo {height: 24px; line-height: 1; margin: 0 30px 0 0}
.footer .footer-logo img {width: 100%; height: 100%; opacity: .4}
.footer .footer-link {display: flex; margin: 0 0 8px}
.footer .footer-link a.btn-pop {font-size: 14px;font-weight: 600; color: #fff; letter-spacing: -1.5px; line-height: 1; display: inline-block}
.footer .footer-link a.btn-pop:first-child {position: relative; padding: 0 15px 0 0; margin: 0 12px 0 0}
.footer .footer-link a.btn-pop:first-child::after {width: 2px; height: 8px; background-color: rgba(255,255,255,.3); content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
.footer .footer-link a.test {font-size: 14px;font-weight: 600; color: #fff; letter-spacing: -1.5px; line-height: 1; display: inline-block}
.footer .footer-link a.test {position: relative; padding: 0 15px 0 0; margin: 0 12px 0 0}
.footer .footer-link a.test::after {width: 2px; height: 8px; background-color: rgba(255,255,255,.3); content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
.footer p {font-size: 12px; color: rgba(255,255,255,.4); line-height: 1; display: block}
@media screen and (max-width: 1080px) {
	.footer {padding: 16px 0}
	.footer .footer-logo {height: 20px; margin: 0 20px 0 0}
	.footer .footer-link a.btn-pop {font-size: 12px}
}
@media screen and (max-width: 480px) {
	.footer {flex-direction: column; padding: 12px 0}
	.footer .footer-logo {margin: 0 0 12px}
	.footer .footer-link {justify-content: center}
}