@charset "utf-8";

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em; margin-bottom: .2em;}
.hypen-list > li:last-child{margin-bottom: 0;}

.top-txt {text-align: center; font-size: 24px; line-height: 1.5; font-weight: 600;}

.que-txt {position: relative; display: inline-block;}
.que-txt:before,
.que-txt:after {content:''; position: absolute; width: 25px; height: 25px; top: -5px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.que-txt:before {background-image:url("../images/sub/que1.png"); right: calc(100% + 10px);}
.que-txt:after {background-image:url("../images/sub/que2.png"); left: calc(100% + 10px);}
.que-txt strong {color: #05a1d6; font-weight: 600;}

.tip {color: #05a1d7; margin-top: 10px; line-height: 1.3;}

.print-tit {display: none;}

.txt-blue {color: #0da4d7;}

/* greetings */
.greetings {max-width: 900px; margin: 0 auto;}
.greetings .head {margin-bottom: 40px;}
.greetings .head p {color: #006688; font-size: 1.125em; font-weight: 600; line-height: 1.3; letter-spacing: .02em; margin-bottom: 28px;}
.greetings .head h3 {display: inline-block;font-size: 28px; font-weight: 500; line-height: 1.2; box-shadow: inset 0 -.6em 0 rgba(5,162,213,.05); z-index: 1;}
.greetings .head h3 .c1 {color: #05a2d5;}
.greetings .head h3 .c2 {color: #066a8b;}
.greetings .head .dot-bounce span {position: relative; display: inline-block;}
.greetings .head .dot-bounce span:before {content:''; position: absolute; top: -10px; left: 50%; margin-left: -2px; width: 5px; height: 5px; border-radius:5px; background: #066a8b; animation: bounce 0.7s infinite linear;}
.greetings .head .dot-bounce span:nth-child(2):before {animation-delay: 0.1s;}
.greetings .head .dot-bounce span:nth-child(3):before {animation-delay: 0.2s;}
.greetings .head .dot-bounce span:nth-child(4):before {animation-delay: 0.3s;}
.greetings .head .dot-bounce span:nth-child(5):before {animation-delay: 0.4s;}

@-webkit-keyframes bounce {
      0 {
    transform: translate(0, 0);
	  }
	  16% {
		transform: translate(0, -8px);
	  }
	  33% {
		transform: translate(0, 0);
	  }
	  100% {
		transform: translate(0, 0);
	  }
  }

.greetings .body {}
.greetings .body p {color: #454545; letter-spacing: 0; margin-bottom: 25px;}
.greetings .body p b {color: #05a2d5; font-size: 1.063em; font-weight: 600;}
.greetings .body p.sign {color: #242424; font-weight: 500; font-size: 1.125em; margin-bottom: 0; margin-top: 60px;}
.greetings .body p.sign img {vertical-align:middle; margin-left: 20px;}

/* overview */
.overview .img-wrap {margin: 50px 0 65px;}
.overview .list {display: flex; flex-wrap:wrap; margin: -20px;}
.overview .list > li {width: 50%; padding: 20px;}
.overview .list > li .box {background: #e5f5fb; height: 100%; border-radius:10px; overflow:hidden;}
.overview .list > li .tit {display: table; width: 100%; min-height: 60px; background: #0da4d7; text-align: center; color: #fff; font-size: 1.25em; font-weight: 500; line-height: 1.3;}
.overview .list > li .tit p {display: table-cell; vertical-align:middle;}
.overview .list > li .txt {color: #454545; font-size: 1.063em; padding: 30px 65px 25px;}

.examination {}
.examination .group {position: relative; margin-bottom: 100px;}
.examination .group:last-child {margin-bottom: 0;}
.examination .tit {display: flex;align-items: center; width: 100%; min-height: 60px; background: #e5f5fb; padding: 0 210px 0 10px; border-radius:40px;}
.examination .tit .num {display: inline-block; margin-right: 20px; width: 45px; height: 45px; background: #04a1d7; border-radius:100%; text-align: center; font-size: 23px; font-weight: 500; color: #fff; line-height: 45px;}
.examination .tit p {vertical-align:middle; font-size: 1.25em; font-weight: 600; line-height: 1.3; flex: 1 1 auto; min-width: 0; width: 1%;}
.examination .desc {padding: 35px 0 0 75px;}
.examination .desc dl {margin-bottom: 45px;}
.examination .desc dl:last-child {margin-bottom: 0;}
.examination .desc dl dt {position: relative; padding-left: 22px; color: #04a1d7; font-weight: 500; font-size: 1.125em; line-height: 1.4;}
.examination .desc dl dt:before {content:''; position: absolute; top: 7px; left: 0; width: 0; height: 0; border-top: 6px solid transparent; border-left: 12px solid #04a1d7; border-bottom: 6px solid transparent;}
.examination .desc dl dd {padding-left: 22px;}
.examination .btn-down {position: absolute; top: 0; right: 0; display: inline-block; line-height: 60px; min-width: 200px; padding: 0 20px; border-radius:40px; color: #fff; background: #03a1d4;}
.examination .btn-down .ico {display: inline-block; width: 18px; height: 18px; vertical-align:middle; margin: -.2em 0 0 18px; background: no-repeat url("../images/sub/ico_down.png") center center / contain;}
.examination .btn-down:hover {text-decoration:underline;}

/* 검사의뢰 */
.exam-step {text-align: center;}
.exam-step:after {content:""; display:block; clear:both;}
.exam-step ol {display: flex;flex-wrap:wrap; text-align: center; margin-bottom: -95px;}
.exam-step ol li {position: relative; width: 25%; padding: 0 62px; margin-bottom: 95px;}
.exam-step ol li:after {content:''; position: absolute; width: 30px; height: 30px; top: 73px; right: -15px;background: no-repeat url("../images/sub/arrow.png") center center / contain;}
.exam-step ol li:last-child:after {display: none !important;}
.exam-step ol li .icon {}
.exam-step ol li .icon img {box-shadow:rgba(0,0,0,.25) 5px 5px 5px, rgb(5,162,213) 0px 0px 0px 1px inset; border-radius:10px;}
.exam-step ol li .txt {color: #454545; font-size: 1.125em; line-height: 1.5; margin: 22px -37px 0;}

.exam-step ol li.step5 {order: 8;}
.exam-step ol li.step6 {order: 7;}
.exam-step ol li.step7 {order: 6;}
.exam-step ol li.step8 {order: 5;}

.exam-step ol li.step4:after {right: 50%; margin-right: -15px; top: auto; bottom: -60px; transform: rotate(90deg);}

.exam-step ol li.step5:after,
.exam-step ol li.step6:after,
.exam-step ol li.step7:after {right: auto; left: -15px; transform: rotate(180deg);}

.examList {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.examList table {position: relative; width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.25em; letter-spacing:-.04em; border: 1px solid #ddd;}
/* .examList table:before {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; border-radius:10px;} */
.examList table th {padding:19px 10px; background:#f8f8f8; border:1px solid #ddd; border-right: 0; border-left: 0; border-bottom: 0; color:#242424; font-size: 1.125em; font-weight:500;}
.examList table td {padding:15px 10px; border:1px solid #ddd; color:#454545; border-right: 0; border-left: 0; text-align:center;}
.examList table td a {color: #04a1d6; font-weight: 500;}
.examList table td a:hover {text-decoration:underline;}
.examList table tr:first-child th {border-top: 0;}
.examList table tr:last-child td {border-bottom: 0;}
.examList .btn-apply {display: inline-block; width: 90px; line-height: 35px; color: #fff; background: #0da4d7; border-radius:4px;}
.examList .checkbox label:before {margin-right: 0;}

.examList + .buttons {margin: 50px 0;}

.examList table.ty2 {border-top: 2px solid #242424; border-right: 0; border-left: 0;}

.result-view {border-top:2px solid #242424;}
.result-view-tit {position: relative; padding:22px 146px 22px 16px; border-bottom:1px solid #ddd;}
.result-view-tit:after {content:""; display:block; clear:both;}
.result-view-tit h3 {color:#333; font-size:28px; font-weight:600; line-height:1.3em;}
.result-view-tit .num {display: block; color: #686868; font-size: 17px;}
.result-view-tit .btns {position: absolute; right: 16px; top: 50%; transform:translateY(-50%); margin: 0 -5px; text-align: center;}
.result-view-tit .btns .btn {display: inline-block; margin: 0 5px; color: #4d4d4d; font-size: 0.938em; line-height: 1.3;}
.result-view-tit .btns .btn p {margin-top: 5px;}
.result-view-tit .btns .btn:hover p {text-decoration:underline;}
.result-view-info {color:#454545; letter-spacing: 0; line-height:1.5; overflow:hidden;}
.result-view-info .grid-list {display: grid; grid-template-columns: 33.3333% 33.3333% 33.3333%;}
.result-view-info .grid-list .item {padding: 16px 16px; border-bottom: 1px solid #ddd; height: 100%;}
.result-view-info .grid-list .item span {position: relative; display: block; padding-left: 16px;}
.result-view-info .grid-list .item span:before {content:''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #ccc;}
.result-view-info .grid-list .item1 {order:1;}
.result-view-info .grid-list .item2 {order:4;}
.result-view-info .grid-list .item3 {order:7;}
.result-view-info .grid-list .item4 {order:10;}
.result-view-info .grid-list .item5 {order:2;}
.result-view-info .grid-list .item6 {order:5;}
.result-view-info .grid-list .item7 {order:8;}
.result-view-info .grid-list .item8 {order:11;}
.result-view-info .grid-list .item9 {order:3;}
.result-view-info .grid-list .item10 {order:6;}
.result-view-info .grid-list .item11 {order:9;}
.result-view-info .grid-list .item12 {order:12;}
.result-view-info strong {color:#242424; font-weight:500; font-size: 1.125em;}
.result-view-cnt {padding:22px 16px; border-bottom:1px solid #ddd; color: #686868; font-size: 0.938em; line-height: 1.2;}
.result-view-cnt .tt {display: block; color: #242424; font-weight: 500; font-size: 1.125em; line-height: 1.4; margin-bottom: 10px;}
.result-view-cnt img {width:auto !important; height:auto !important; max-width:100%;}
.result-view-cnt ul {list-style-type:disc; margin-left:1.25em;}
.result-view-cnt ol {list-style-type:decimal; margin-left:1em;}
.result-view-file {min-height: 285px; padding:22px 16px; border-bottom:1px solid #ddd; font-size: 1.125em; font-weight: 500;}
.result-view-file a {color: #0b7ed7; font-size: 0.889em; font-weight: 400;}
.result-view-file a:hover {text-decoration:underline;}

.result-view + .buttons {margin: 60px 0 0;}

.pop-view {width:90vw; max-width:1250px; border-radius:10px; background:#fff; overflow:hidden;}
.pop-view h2 {padding:15px 50px; color:#fff; font-size:26px; font-weight:500; line-height:1.3em; background:#05a2d5; text-align: center;}
.pop-view .content {padding:50px 50px 55px; color:#454545;}
.pop-view dl {margin-bottom: 45px;}
.pop-view dl:last-child {margin-bottom: 0;}
.pop-view dl dt {position: relative; padding-left: 22px; color: #04a1d7; font-weight: 500; font-size: 1.25em; line-height: 1.4; margin-bottom: 8px;}
.pop-view dl dt:before {content:''; position: absolute; top: 7px; left: 0; width: 0; height: 0; border-top: 6px solid transparent; border-left: 12px solid #04a1d7; border-bottom: 6px solid transparent;}
.pop-view dl dd {padding-left: 22px;}
.fancybox-custom .fancybox-close {width:20px; height: 20px;background-image: url("/images/sub/btn_view_close2.png"); background-size: contain; top: 20px; right:20px;}
.fancybox-custom2 .fancybox-close {width: 40px; height: 40px;background-image: url("/images/sub/btn_view_close.png"); background-size: contain; top: -40px; right:0;}

.pop-view .flex {display: flex;}