@charset "utf-8";

/* 공통 */
.txt-white {color:#fff !important;}
.txt-org {color:#ea5e1e !important;}
.txt-color1 {color:#00adef !important;}
.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {position:relative; padding-left:43px; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.doc-tit:before {content:""; position:absolute; width:30px; height:31px; background:url("../images/sub/bullet02.png") no-repeat 50% 50%; left:0; top:0; background-size:contain;}

.cont-txt {font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050; margin-bottom:25px;}
.cont-txt:last-child {margin-bottom:0;}

.mypage-tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#051c48; margin-bottom:28px;}

.page-tit {font-size:38px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:52px;}
.rel-btn {margin-left:24px; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#505050; padding-right:34px; display:inline-block; position:relative;}
.rel-btn:before {content:""; position:absolute; width:14px; height:14px; background:url("../images/main/arrow.png") no-repeat 50% 50%; background-size:contain; right:0; top:2px;}

.page-menu {margin-bottom:70px;}
.page-menu ul {display:flex;}
.page-menu ul li:first-child {margin-left:0;}
.page-menu ul li {flex:1; border:1px solid #ddd; margin-left:-1px; position:relative;}
.page-menu ul li a {display:flex; align-items:center; justify-content:center; height:62px; text-align:center; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#989898;}
.page-menu ul li.active {background:#051c48; border-color:#051c48}
.page-menu ul li.active a {color:#fff;}

.page-menu-wrap.fixed {position:fixed; top:100px; left:0; width:100%; z-index:20; background:#fff;}
.page-menu-wrap {border-bottom:1px solid #ddd;}
.page-menu2 {width:100%; max-width:1460px; margin:0 auto; padding:0 30px;}
.page-menu2 ul {display:flex; margin:0 -30px;}
.page-menu2 ul li {padding:0 30px;}
.page-menu2 ul li a {display:flex; height:84px; align-items:center; justify-content:center; font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; position:relative;}
.page-menu2 ul li.active a {font-weight:700; color:#051c48;}
.page-menu2 ul li.active a:before {content:""; position:absolute; width:100%; height:3px; background:#051c48; left:0; bottom:0;}

.pt150 {padding-top:150px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #686868;}
.table01 table {text-align:center;}
.table01 th {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#2c2c2c; background:#f4f4f4; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 td {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#505050; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}


.table02:last-child {margin-bottom:0;}
.table02 {margin-bottom:45px;}
.table02 table {border-top:1px solid #686868;}
.table02 table th {font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; text-align:left; padding:24px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table02 table td {border-bottom:1px solid #ddd; padding:24px;}

.list01 > li {position:relative; padding-left:17px;}
.list01 > li .num {position:absolute; left:0; top:0;} 

.list02 {margin-top:20px;}
.list02 > li {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#686868; padding-left:30px; margin-bottom:8px; position:relative;}
.list02 > li:last-child {margin-bottom:0;}
.list02 > li:before {content:""; position:absolute; width:22px; height:22px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; left:0; top:0;}


/* about */
.about .top-txt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:95px;}
.about .top-cont {display:flex; align-items:center;}
.about .top-cont .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:60px;}
.about .top-cont .cnt .tit {font-size:38px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:30px;}
.about .top-cont .cnt .sub-tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.04em; color:#242424; margin-bottom:25px;}
.about .top-cont .cnt .txt {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.04em; color:#505050;}
.about .group-tit {text-align:center; font-size:48px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:56px;}
.about .group-tit span {display:block; font-size:20px; font-weight:600; line-height:1em; margin-top:25px;}
.about .aboutList {display:flex; margin:0 -20px;}
.about .aboutList > li {width:33.333%; padding:0 20px;}
.about .aboutList .img {margin-bottom:33px;}
.about .aboutList .cnt {padding:0 20px;}
.about .aboutList .cnt .tit {font-size:32px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:23px;}
.about .aboutList .cnt .tit span {font-weight:600;}
.about .aboutList .cnt > ul > li {position:relative; padding-left:10px; font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050;}
.about .aboutList .cnt > ul > li:before {content:""; position:absolute; width:5px; height:1px; left:1px; top:12px; background:#505050}

/* history */
.history .wrap {padding-top:85px; position:relative;}
.history .wrap:before {content:""; position:absolute; width:1px; height:219px; left:50%; margin-left:-0.5px; top:-135px; background:#ddd;}
.history .group {position:relative; padding-bottom:55px;}
.history .group:before {content:""; position:absolute; width:40px; height:40px; left:50%; margin-left:-20px; top:0; border:10px solid #051c48; background:#fff; z-index:1;}
.history .group:after {content:""; position:absolute; width:1px; height:100%; left:50%; margin-left:-0.5px; top:0; background:#ddd;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:after {display:none;}
.history .group:nth-child(odd) {padding-left:calc(50% + 55px);}
.history .group:nth-child(even) {padding-right:calc(50% + 55px); text-align:right;}

.history .group .year {font-size:34px; font-weight:700; line-height:40px; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:30px;}
.history .group ul li {position:relative; padding-left:15px; font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-0.04em; color:#505050;}
.history .group ul li:before {content:""; position:absolute; width:6px; height:6px; left:0; background:#00adef; top:14px;}
.history .group:nth-child(even) ul li {padding-left:0; padding-right:15px;}
.history .group:nth-child(even) ul li:before {left:auto; right:0;}

/* rnd */
.rnd-group {display:flex; justify-content:space-between; align-items:center;}
.rnd-group .tt {font-size:26px; font-weight:400; letter-spacing:-0.04em; color:#242424;}
.rnd-group .col.left {flex: 1 1 auto; min-width: 0; width: 1%; padding-right:10px;}

.imgBox {margin:50px 0;}
.imgBox:last-child {margin-bottom:0;}
.imgBox .inner {display:flex; justify-content: space-between; margin:-10px;}
.imgBox .inner .img {padding:10px;}

.rnd .rnd-character {display:flex; margin:0 -20px;}
.rnd .rnd-character .box {width:33.333%; padding:0 20px; text-align:center;}
.rnd .rnd-character .box .img img {width:100%;}
.rnd .rnd-character .box .tit {display:flex; align-items:center; justify-content:center; height:83px; background:#063a6a; text-align:center; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#fff; margin-bottom:30px;}
.rnd .rnd-character .box .tit strong {font-size:26px; font-weight:600; margin-right:6px;}
.rnd .rnd-character .box .txt {font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050; margin-bottom:35px; position:relative;}
.rnd .rnd-character .box .txt:before {content:""; position:absolute; width:12px; height:13px; background:url("../images/sub/arrow.png") no-repeat 50% 50%; background-size:contain; left:50%; margin-left:-6.5px; bottom:-20px;}
.rnd .rnd-character .box .txt:last-child {margin-bottom:0;}
.rnd .rnd-character .box .txt:last-child:before {display:none;}

/* certi */
.certi-list {margin-bottom:60px;}
.certi-list ul {display:flex; flex-wrap:wrap; margin:-14px -12px;}
.certi-list ul li {width:20%; padding:14px 12px;}
.certi-list ul li img {width:100%;}

/* principle */
.principle-list {margin-top:100px;}
.principle-list ul {display:flex; justify-content:space-between;}
.principle-list ul li {text-align:center;}
.principle-list ul li .img {margin-bottom:24px;}
.principle-list ul li .tit {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:18px;}
.principle-list ul li .txt {font-weight:400; line-height:1.6em; letter-spacing:-0.04em; color:#505050;}

.img-list ul {display:flex; flex-wrap:wrap; margin:0 -20px -35px -20px;}
.img-list ul li {width:50%; text-align:center; padding:0 20px; margin-bottom:35px;}
.img-list ul li .img {margin-bottom:25px;}
.img-list ul li .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}

/* 관련병원 정보 */
.rel-center .top-img {display:flex; margin-bottom:60px;}
.rel-center .center-list {border-top:1px solid #a8a8a8;}
.rel-center .center-list .col {display:flex; align-items:center; padding:85px 80px 85px 0; border-bottom:1px solid #ddd;}
.rel-center .center-list .col .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding:0 40px;}
.rel-center .center-list .col .tit {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.rel-center .center-list .col dl {display:flex; font-size:18px; font-weight:400; letter-spacing:-0.04em; color:#505050;}
.rel-center .center-list .col dt {min-width:100px; font-weight:600; color:#2c2c2c;}
.rel-center .center-list .col .img {width:400px; text-align:center;}

/* sub-product */
.sub-product .group {margin-bottom:80px;}
.sub-product .group:last-child {margin-bottom:0;}
.sub-product .img-wrap {display:flex; margin:0 -20px;}
.sub-product .img-wrap .box {width:50%; padding:0 10px; text-align:center;}
.sub-product .img-wrap .img {margin-bottom:26px;}
.sub-product .img-wrap .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.sub-product .gray-list ul {display:flex; justify-content:space-between;}
.sub-product .gray-list ul li {width:calc(50% - 10px); padding:10px; height:100px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; background:#f4f4f4;}
.sub-pro-list {margin-top:48px;}
.sub-pro-list ul {display:flex; flex-wrap:wrap;}
.sub-pro-list ul li {padding-left:24px; margin-right:46px; position:relative; font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.sub-pro-list ul li:before {content:""; position:absolute; width:6px; height:6px; left:0; top:9px; background:#00adef;}

/* location */
.location .local {margin-bottom:40px;}
.location .root_daum_roughmap {width:100% !important; height:480px !important;}
.location .root_daum_roughmap .wrap_map {height:480px !important;}

#map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map1 .roughmap_lebel_text:after {content:"JSDR"; font-size:12px; line-height:15px;}

#map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map2 .roughmap_lebel_text:after {content:"공장"; font-size:12px; line-height:15px;}

.location .way {display:flex;  padding-top:40px; border-top:1px solid #ddd; margin-top:40px;}
.location .col {width:50%;}
.location .col .col-tit {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:33px;}
.location .col.right .col-tit {margin-bottom:60px;}
.location .col dl {display:flex; align-items:center; line-height:1.2em;}
.location .col.right dl {margin-bottom:12px;}
.location .col.right dt {width:100px; padding:6px; border-radius:100vh; text-align:center; margin-right:8px; color:#fff;}
.location .line1 dt {background:#31afd3;}
.location .line2 dt {background:#f07700;}
.location .line3 dt {background:#e21717;}
.location .line4 dt {background:#3171d3;}
.location .line5 dt {background:#009d37;}

.location .col dl:last-child {margin-bottom:0;}
.location .col dd {flex: 1 1 auto; min-width: 0; width: 1%; font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#505050;}
.location .col p {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#2c2c2c; margin-bottom:25px;}
.location .col.left dt {width:75px; height:75px; border:7px solid #3CB44A; border-radius:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:#fff; font-weight:500; line-height:1.1em; letter-spacing:-0.03em; color:#2c2c2c; margin-right:18px;}

.local-info {display:flex;}
.local-info:last-child {margin-bottom:0;}
.local-info .item {width:25%; display:flex; align-items:center; padding-right:10px;}
.local-info .item dl {flex: 1 1 auto; min-width: 0; width: 1%;}
.local-info .item dt {font-size:17px; font-weight:500; letter-spacing:-0.03em; color:#2c2c2c;}
.local-info .item dd {font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#505050;}
.local-info .item .icon {margin-right:20px;}
.local-info .item.w50 {width:50%;}
.redcontext {margin-bottom:20px;color:#dc3545;}