@charset "utf-8";

.c1 {color:#0072bc !important;}
.c2 {color:#7c03bc !important;}

.gray-bg {background:#f8f8f8;}
.blue-bg {background:#f2f8fc;}

#sub .section {padding:97px 0;}

.doc-tit-1 {margin-bottom:17px; font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#0072bc;}
.doc-tit-2 {text-align:center; font-weight:700; font-size:40px; line-height:1.4em; color:#222; margin-bottom:50px;}
.doc-tit-3 {margin-bottom:57px; text-align:center; font-size:36px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#fff;}
.doc-tit-4 {font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#333;}

.doc-txt {font-size:20px; font-weight:400; letter-spacing:-.03em; line-height:1.5em;}
.doc-txt strong {font-weight:600;}

.doc-txt-2 {font-size:18px; font-weight:500; line-height:1.556em;}

.check-list ul {display:flex; margin:0 -10px;}
.check-list ul li {padding:0 10px; width:16.6666%;}
.check-list .circle {position:relative; background:rgba(255,255,255,0.8); padding-bottom:100%; border-radius:100%;}
.check-list .circle .inner {padding:33px 15px; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%;}
.check-list .circle .inner .txt {margin-top:13px; display:flex; justify-content:center; align-items:center; min-height:60px; font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}

.figure-list ul {display:flex; margin:0 -20px;}
.figure-list ul li {padding:0 10px; text-align:center;}
.figure-list ul li img {width:100%;}
.figure-list figcaption {border:1px solid #ddd; font-size:18px; font-weight:400; line-height:1.556em; padding:13px;}

.pic-step ul {display:flex; margin:0 -20px;}
.pic-step ul li {padding:0 20px; width:20%;}
.pic-step ul li .img {text-align:center;}
.pic-step ul li .cnt {color:#fff; font-size:18px; margin-top:15px;}
.pic-step ul li .cnt .tit {padding-bottom:12px; margin-bottom:12px; font-weight:700; line-height:1.4em; border-bottom:1px solid #fff;}
.pic-step ul li .cnt .txt {font-weight:500; line-height:1.556em;}

.order-list ul {display:flex; margin:0 -20px;}
.order-list ul li {width:33.333%; padding:0 20px;}
.order-list ul li .box {padding:43px 10px; text-align:center; border:3px solid #0072bc; border-radius:6px; background:#fff;}
.order-list ul li:nth-child(even) .box {border-color:#7c03bc;}
.order-list ul li .num {font-size:34px; font-weight:700; line-height:1.4em; color:#0072bc;}
.order-list ul li:nth-child(even) .num {color:#7c03bc;}
.order-list ul li .tit {margin:14px 0; font-size:24px; font-weight:700; line-height:1.4em;}
.order-list ul li .txt {line-height:1.625em;}

.blue-btn {border-radius:30px; margin:0 auto; font-size:18px; font-weight:500; max-width:250px; height:60px; letter-spacing:-.03em; display:flex; justify-content:center; align-items:center; color:#fff; background:#0072bc;}

.hypen-list ul li {line-height:1.4em; margin-bottom:4px; padding-left:.6em; text-indent:-.6em;}
.hypen-list ul li:last-child {margin-bottom:0;}

.solution .intro .doc-txt {margin-bottom:11px;}  
 
.solution .intro .doc-txt:last-of-type {margin-bottom:42px;}
.solution .intro .pic-list ul {display:flex; justify-content:center; margin:0 -68px;}
.solution .intro .pic-list ul li {padding:0 68px; text-align:center;}
.solution .intro .pic-list ul li p {margin-top:16px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#222;}

.dot-list {height:92px; margin-bottom:33px;}
.dot-list ul li {font-size:20px; margin-bottom:8px;}
.dot-list ul li:last-child {margin-bottom:0;}

/* 양압기 솔루션 - 코골이 수면무호흡증이란? */
.sol1 .sec1 .doc-tit-1 {text-align:center;}

.sol1 .sec2 .wrap {display:flex;}
.sol1 .sec2 .draw-list {margin-left:49px;}
.sol1 .sec2 .draw-list ul {display:flex; margin:0 -34px;}
.sol1 .sec2 .draw-list ul li {text-align:center; padding:0 34px;}
.sol1 .sec2 .draw-list ul li p {font-size:18px; font-weight:500; line-height:1.4em; margin-top:17px;}

.sol1 .sec2 .purple-list {margin:80px 0 37px;}
.sol1 .sec2 .purple-list ul {display:flex; margin:0 -31px;}
.sol1 .sec2 .purple-list ul li {padding:0 31px;}

.sol1 .sec2 .links dl {color:#454545; line-height:1.4em; margin-bottom:15px;}
.sol1 .sec2 .links dl:last-child {margin-bottom:0;}
.sol1 .sec2 .links dl dt {margin-bottom:5px; font-weight:600;}
.sol1 .sec2 .links {word-break:break-all;}

.sol1 .sec4 {background:url("../images/sub/sol1_sec4_bg.jpg") no-repeat 50% 50% / cover;}

.sol1 .sec6 {background:#a1d8e2;}
.sol1 .sec6 .doc-tit-2 {color:#fff;}

.sol1 .sec7 .doc-tit-1 {font-size:24px; text-align:center;}
.sol1 .sec7 .doc-tit-1:before, 
.sol1 .sec7 .doc-tit-1:after {position:relative; top:-8px; display:inline-block; content:""; width:44px; height:28px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.sol1 .sec7 .doc-tit-1:before {margin-right:30px; background-image:url("../images/sub/quote1.jpg");}
.sol1 .sec7 .doc-tit-1:after {margin-left:30px; background-image:url("../images/sub/quote2.jpg");}
.sol1 .sec7 .doc-txt {max-width:690px; margin:0 auto; text-align:center;}

.unfold ul li {margin-bottom:10px;}
.unfold ul li:last-child {margin-bottom:0;}
.unfold .tit {display:flex; background:#fff;}
.unfold .tit a {position:relative; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#9200bc; padding:10px 33px; border-radius:9px; display:flex; justify-content:space-between; align-items:center; flex:1 1 auto; min-width:0; width:1%; border:3px solid #9200bc; transition:none;}
.unfold .tit a:after {content:""; position:absolute; top:50%; right:30px; margin-top:-4px; background:url("../images/sub/purple_arr.png") no-repeat 50% 50% / contain; width:13px; height:8px;}
.unfold ul li .tit a:before {content:"더보기"; position:absolute; top:50%; right: 60px;    transform: translateY(-50%);}
.unfold .cnt {margin-top:10px; display:none; font-size:20px; font-weight:400; letter-spacing:-.03em; line-height:1.556em; padding:25px 55px 25px 130px; background:#f8edff;}
.unfold .num {display:inline-flex; justify-content:center; align-items:center; margin-right:7px; width:90px; height:90px; color:#fff; font-size:24px; font-weight:600; border-radius:9px; background:#aa5ed3;}
.unfold li.active {position:relative;}
.unfold li.active .tit {background:#f4f4f4;}
.unfold li.active .tit a:after {transform:rotate(180deg);}
.unfold ul li.active .tit a:before {content:"닫기";}


.table01 table {text-align:center; width:100%; border-collapse:collapse; border-spacing:0; font-size:18px; line-height:1.4em;}
.table01 table thead tr:nth-child(1) th {padding-bottom:12px;}
.table01 table thead tr:nth-child(2) th {border-right:1px solid #ddd; background:#555; color:#fff; font-weight:700;}
.table01 table thead th span {position:relative; display:flex; align-items:center; justify-content:center; height:50px;}
.table01 table thead th span:before {content:""; position:absolute; height:400%; top:0; left:0; right:-1px; border:3px solid red;}
.table01 table thead th span.st1:before {border:3px solid #0072bc;}
.table01 table thead th span.st2:before {border:3px solid #7c03bc;}
.table01 table tbody td {color:#454545; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:50px;}
.table01 table tbody td:last-child {border-right:0;}
.table01 table tbody td.bg1 {background:#e5f1f8;}
.table01 table tbody td.bg2 {background:#f8f2fc;}

/* 양압기 솔루션 - 진단 및 치료방법 */
.sol2 .section:first-child {padding-top:0 !important;}
.sol2 .sec1 .doc-txt {text-align:center; margin-bottom:30px;}
.sol2 .sec1 .img + p {font-sizE:18px; font-weight:400; line-height:1.4em; text-align:center;}

.sol2 .sec2 .doc-tit-2 {margin-bottom:20px;}
.sol2 .sec2 .doc-txt {max-width:867px; margin:0 auto 70px; text-align:center;}

/* 양압기 솔루션 - 수면다원검사 및 보험 */
.sol3 .section:first-child {padding-top:0 !important;}
.sol3 .sec1 .img img {width:100%;}
.sol3 .sec1 .cnt {max-width:1200px; padding:70px 20px 45px; margin:-144px auto 0; position:relative; background:#fff; text-align:center;}
.sol3 .sec1 .cnt .doc-tit-2 {display:inline-block; margin-bottom:30px; position:relative; z-index:1;}
.sol3 .sec1 .cnt .doc-tit-2:before {content:""; position:absolute; left:-20px; top:-5px; width:44px; height:44px; border-radius:100%; background:#d1e5f3; z-index:-1;}
.sol3 .sec1 .cnt .doc-txt + .doc-txt {margin-top:20px;}
.sol3 .sec1 .cnt .doc-txt strong {font-weight:600;}

.sol3 .sec2 {background:#bed4e3; position:relative;}
.sol3 .sec2:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/sub/sol2_sec2_bg.png") no-repeat right 0 bottom 0;}
.sol3 .sec2 .doc-tit-2 {margin-bottom:18px;}
.sol3 .sec2 .doc-txt-2 {margin-bottom:46px; text-align:center;}
.sol3 .sec2 .check-list ul li {width:25%;}
.sol3 .sec2 .check-list .circle .inner .txt {margin-top:20px;}

.sol3 .sec3 {background:#f2f8fc;}
.sol3 .sec3 .order-list .box {padding:86px 15px;}
.sol3 .sec3 .order-list .box .tit {line-height:1.5em; margin:0; font-weight:600;}
.sol3 .sec3 .order-list .box .tit strong {font-weight:700; color:#0072bc;}
.sol3 .sec3 .order-list li:nth-child(even) .tit strong {color:#9200bc;}
.sol3 .sec3 .doc-txt-2 {text-align:center; color:#454545; margin:26px 0 58px;}
.sol3 .sec3 .order-list ul li .box {position:relative;}
.sol3 .sec3 .order-list ul li .box:before {content:""; font-style:italic; position:absolute; right:30px; bottom:0px; font-size:100px; font-weight:700; line-height:1.3em; color:rgba(0,114,188,0.1);}
.sol3 .sec3 .order-list ul li:nth-child(1) .box:before {content:"01";}
.sol3 .sec3 .order-list ul li:nth-child(2) .box:before {content:"02"; color:rgba(146,0,188,0.1);}
.sol3 .sec3 .order-list ul li:nth-child(3) .box:before {content:"03";}

.sol3 .sec4 .wrap1 {margin-bottom:65px;}
.sol3 .sec4 .wrap1 .doc-txt-2 {margin-bottom:15px;}
.sol3 .sec4 .wrap1 .doc-txt-2:last-child {margin-bottom:0;}

.sol3 .sec5 {padding-bottom:137px !important;}
.sol3 .sec5 .list {position:relative; max-width:1060px; margin:0 auto;}
.sol3 .sec5 .list:before {content:""; position:absolute; bottom:0; left:-999em; right:-999em; border-bottom:1px solid #ddd; }
.sol3 .sec5 ol {margin:0 -136px; display:flex;}
.sol3 .sec5 ol li {padding:0 137px; width:33.333%; text-align:center; position:relative;}
.sol3 .sec5 ol li:before {content:""; position:absolute; right:0; bottom:0; margin:0 -9px -13px 0; width:18px; height:27px; background:url("../images/sub/arr2.png") no-repeat 50% 50% / contain;}
.sol3 .sec5 ol li:last-child:before {display:none;}
.sol3 .sec5 ol li:after {position:absolute; font-size:18px; font-weight:700; line-height:1.4em; bottom:-42px; left:50%; transform:translateX(-50%);}
.sol3 .sec5 ol li:nth-child(1):after {content:"STEP 1";}
.sol3 .sec5 ol li:nth-child(2):after {content:"STEP 2";}
.sol3 .sec5 ol li:nth-child(3):after {content:"STEP 3";}
.sol3 .sec5 ol li .img {width:100%; padding-bottom:22px; position:relative;}
.sol3 .sec5 ol li .img:before {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); margin-bottom:-4px; width:8px; height:8px; border-radius:100%; background:#ddd;}

.sol3 .sec6 .img img {text-align:center;}

.sol3 .sec7 {background:#a1d8e2;}
.sol3 .sec7 .doc-tit-2 {color:#fff;}
.sol3 .sec7 .row {display:flex; margin:0 -10px;}
.sol3 .sec7 .col {width:25%; padding:0 10px;}
.sol3 .sec7 .col .inner {border-radius:6px; overflow:hidden;}
.sol3 .sec7 .col .inner .ico {text-align:center; margin-bottom:27px;}
.sol3 .sec7 .col .inner .tit {padding:14px 5px; font-weight:700; line-height:1.4em; background:#3f568b; color:#fff;text-align:center;}
.sol3 .sec7 .col .inner .cnt {padding:28px 19px; font-size:17px; font-weight:400; line-height:1.588em; min-height:234px; background:#fff;}

/* 양압기 솔루션 - 양압기 치료 */
.sol4 .sec1 {background:#f2f8fc; text-align:center;}
.sol4 .sec1 .doc-txt {max-width:1027px; margin:0 auto;}

.sol4 .sec2 {background:#3a4952;}
.sol4 .sec2 .doc-tit-2 {color:#fff; margin-bottom:20px;}
.sol4 .sec2 .doc-tit-2 + p {text-align:center; max-width:690px; margin:0 auto; color:#fff; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.sol4 .sec2 .wrap {margin-top:56px; display:flex; justify-content:space-between;}
.sol4 .sec2 .wrap .img {width:52.5%;}
.sol4 .sec2 .wrap .list {width:36.16%;}
.sol4 .sec2 .wrap .list dl {margin-bottom:28px; text-align:center; border-radius:6px; overflow:hidden;}
.sol4 .sec2 .wrap .list dl:last-child {margin-bottom:0;}
.sol4 .sec2 .wrap .list dl dt {padding:12px 15px; background:#0072bc; color:#fff; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.sol4 .sec2 .wrap .list dl dd {min-height:110px; padding:20px; display:flex; align-items:center; justify-content:center; background:#fff; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.556em;}

.sol4 .sec3 .wrap + .wrap {margin-top:60px;}
.sol4 .sec3 .wrap .tit {font-size:26px; font-weight:900; line-height:1.4em; color:#fff; text-align:center; padding:15px 0px;}
.sol4 .sec3 .wrap .tit.st1 {background:#7c03bc;}
.sol4 .sec3 .wrap .tit.st2 {background:#0072bc;}
.sol4 .sec3 .box .cnt {padding-right:110px; display:flex; align-items:center; margin-top:18px; border:1px solid #ddd;}
.sol4 .sec3 .box .cnt .img {margin-right:30px; overflow:hidden;}
.sol4 .sec3 .box .cnt .img img {margin-left:-20px;}
.sol4 .sec3 .box .cnt .con {flex:1 1 auto; min-width:0; width:1%;}
.sol4 .sec3 .box .cnt .tit2 {font-size:26px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.sol4 .sec3 .box .cnt p {min-height:51px; margin:16px 0 30px; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.sol4 .sec3 .box .cnt dl {display:flex; align-items:center;}
.sol4 .sec3 .box .cnt dl dt {margin-right:20px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.sol4 .sec3 .box .cnt dl.st1 dt {color:#7c03Bc;}
.sol4 .sec3 .box .cnt dl.st2 dt {color:#0072bc;}
.sol4 .sec3 .box .cnt dl.st1 dd {background:#7c03bc;}
.sol4 .sec3 .box .cnt dl.st2 dd {background:#0072bc;}
.sol4 .sec3 .box .cnt dl dd {margin-right:10px; min-width:120px; padding:0 20px; height:35px; border-radius:18px; color:#fff; font-size:18px; font-weight:400; display:flex; justify-content:center; align-items:center;}

.sol4 .sec4 {background:#223a74; position:relative;}
.sol4 .sec4:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/sub/sol4_sec4_bg.png") no-repeat right 0 top 94px;}
.sol4 .sec4 .doc-tit-2 {color:#fff;}
.sol4 .sec4 .list > ul {display:flex; margin:0 -12px;}
.sol4 .sec4 .list > ul > li {width:33.333%; padding:0 12px; text-align:center;}
.sol4 .sec4 .list > ul > li .box {padding:40px 40px 0; min-height:500px; display:flex; flex-direction:column; background:#fff; border-radius:0 0 0 66px; overflow:hidden;}
.sol4 .sec4 .list .box .tit {margin-bottom:16px; font-size:30px; font-weight:500; letter-spacing:-.03em; line-height:1.4em;}

/* 검사병원소개 */
.location {display:flex;}
.location .cnt {width:50%; background:#fafafa; padding:30px;}
.location .cnt .img {margin-bottom:25px;}
.location .cnt h3 {padding-bottom:18px; margin-bottom:36px; font-size:26px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; border-bottom:1px solid #ddd;}
.location .location-info dl {margin-bottom:15px; display:flex; font-size:18px; line-height:1.5em;}
.location .location-info dl:last-child {margin-bottom:0;}
.location .location-info dl dt {font-weight:600; width:160px;}
.location .location-info dl dt:before {margin-right:20px; content:""; vertical-align:middle; display:inline-block; width:21px; height:21px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location .location-info dl dt.add:before {background-image: url("../images/sub/ico_add.png");}
.location .location-info dl dt.tel:before {background-image: url("../images/sub/ico_tel.png");}
.location .location-info dl dt.time:before {background-image: url("../images/sub/ico_time.png");}
.location .location-info dl dd {flex:1 1 auto; min-width:0; width:1%;}
.location .time-list li {margin-bottom:6px;}
.location .time-list li:last-child {margin-bottom:0;}
.location .time-list strong {display:inline-block; font-weight:500; width:100px; color:#999;}

.location .map-area {width:50%;}
.root_daum_roughmap {width:100% !important;}