@charset "utf-8";
/* 스타일가이드 오버라이딩
------------------------------------------------------ */
.pg-MN021 .c-tab01 ul li a span {padding:21px 30px}
@media only screen and (max-width:599px) {
.pg-MN021 .c-tab01 ul li a span {padding:5px 20px}
}
/*===== 공통 =====*/
.sec-divide > li {display:inline-block;width:43%;margin-right:8%;vertical-align:top}
.sec-divide > li:nth-child(even) {margin-right:0}
@media only screen and (max-width:1009px) {
.sec-divide > li {margin-right:6%}
}
@media only screen and (max-width:749px) {
.sec-divide > li {width:41%}
}
@media only screen and (max-width:599px) {
.sec-divide > li {display:block;width:auto;margin-right:0}
}
/*===== 진료예약안내 =====*/
/* 진료과 > 방사선종양학과 */
.dept-tit {position:relative;font-size:1.647em;color:#015c61;line-height:1.3em;text-align:center;font-weight:400;margin-bottom:30px}
.dept-tit:before {content:"";display:block;width:36px;height:27px;background:url(/resources/homepage/kor/_Img/Content/quotes_spr.png) no-repeat;margin:0 auto 20px}
.equipt-list-wr .equipt-list {position:relative;margin-bottom:10%;padding-left:30%}
.equipt-list-wr .equipt-list:last-child {margin-bottom:0}
.equipt-list-wr .equipt-list .imgBox {position:absolute;left:0;top:0;width:25%}
.equipt-list-wr .equipt-list .imgBox:before {position:absolute;display:block;content:"";left:-30px;bottom:-30px;width:120px;height:120px;background:#f1f1f1;z-index:-1}
.equipt-list-wr .equipt-list .imgBox img {width:100%}
.equipt-list-wr .equipt-list .txtBox {padding-top:20px}
.equipt-list-wr .equipt-list .txtBox .tit {margin-bottom:20px}
.equipt-list-wr .equipt-list .txtBox .tit .num {display:inline-block;width:120px;font-size:1.647em;color:#015c61;font-family:"sofia-pro";border-bottom:2px solid #015c61;font-weight:600;padding-top:5px;padding-bottom:8px;vertical-align:text-top}
.equipt-list-wr .equipt-list .txtBox .tit .txt {display:inline-block;font-size:1.647em;color:#333;font-weight:500;padding-left:25px;padding-top:34px;vertical-align:text-top}
@media only screen and (max-width:999px) {
.equipt-list-wr .equipt-list .txtBox {padding-top:0}
.equipt-list-wr .equipt-list .txtBox .tit {margin-bottom:10px}
.equipt-list-wr .equipt-list .txtBox .tit .num, .equipt-list-wr .equipt-list .txtBox .tit .txt {font-size:1.412em}
.equipt-list-wr .equipt-list .txtBox .tit .num {width:80px}
.equipt-list-wr .equipt-list .txtBox .tit .txt {padding-top:25px}
}
@media only screen and (max-width:859px) {
.equipt-list-wr .equipt-list {padding-left:42%;margin-bottom:18%}
.equipt-list-wr .equipt-list .imgBox {width:35%}
}
@media only screen and (max-width:599px) {
.equipt-list-wr .equipt-list {padding-left:0;padding-top:250px;margin-bottom:40px}
.equipt-list-wr .equipt-list:last-child {padding-top:300px}
.equipt-list-wr .equipt-list .imgBox {width:auto;max-width:300px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%)}
}
@media only screen and (max-width:499px) {
.equipt-list-wr .equipt-list .imgBox {width:100%}
.equipt-list-wr .equipt-list {padding-top:300px}
.equipt-list-wr .equipt-list:last-child {padding-top:300px}
}
/* 진료과 > 핵의학과 */
.wrap-pkgBox .wrap-msg sup {font-size:0.824em}
.wrap-pkgBox .manualUnitPkg {}
.wrap-pkgBox .manualUnitPkg .manualUnit {display:none}
.wrap-pkgBox .manualUnitPkg .manualUnit.over {display:block}
.emergencyinfo-list01 .img {position:relative;display:block;width:100%;border-bottom-left-radius:30px;background:#fff}
.emergencyinfo-list01 .img:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:40px;background:#007983;box-sizing:border-box;z-index:-1}
.emergencyinfo-list01.bldtest .pTxt {padding:13px;min-height:60px}
.cont-listFlow-type2.petct {margin-top:30px}
.cont-listFlow-type2.petct ol li {width:20%}
@media only screen and (max-width:1299px) {
.emergencyinfo-list01 .img:after {top:15px;transform:scale(0.7)}
.emergencyinfo-list01 .img img {width:100%;height:auto}
.emergencyinfo-list01.bldtest .pTxt {padding:15px 0 10px;font-size:17px}
}
@media only screen and (max-width:1200px) {
.cont-listFlow-type2.petct ol li {width:25%}
}
@media only screen and (max-width:999px) {
.emergencyinfo-list01.bldtest li {width:21%}
.emergencyinfo-list01.bldtest li:last-child {margin-top:15px}
.emergencyinfo-list01.bldtest .pTxt {font-size:16px}
.cont-listFlow-type2.petct ol li {width:33.33%}
}
@media only screen and (max-width:768px) {
.emergencyinfo-list01.bldtest li {width:29.3%}
.emergencyinfo-list01.bldtest li:nth-child(4) {margin-top:15px}
.emergencyinfo-list01.bldtest li:before {right:-14px}
}
@media only screen and (max-width:700px) {
.cont-listFlow-type2.petct ol li {width:50%}
}
@media only screen and (max-width:599px) {
.emergencyinfo-list01.bldtest li {width:28.3%;margin-bottom:0}
.emergencyinfo-list01.bldtest .pTxt {padding:13px 0 10px;font-size:15px}
}
@media only screen and (max-width:503px) {
.emergencyinfo-list01.bldtest .pTxt {min-height:66px}
}
@media only screen and (max-width:500px) {
.cont-listFlow-type2.petct ol li {width:100%}
}
@media only screen and (max-width:480px) {
.emergencyinfo-list01.bldtest li {width:42%;margin-right:8%}
.emergencyinfo-list01.bldtest li:nth-child(3) {margin-top:15px}
.emergencyinfo-list01.bldtest li:before {margin-right:0}
.emergencyinfo-list01.bldtest .pTxt {min-height:auto }
}
@media only screen and (max-width:468px) {
.emergencyinfo-list01.bldtest .pTxt {min-height:45px}
}
@media only screen and (max-width:336px) {
.emergencyinfo-list01.bldtest .pTxt {min-height:66px}
}
@media only screen and (max-width:327px) {
.emergencyinfo-list01.bldtest .pTxt {min-height:88px}
}
/* 전문센터 > 뇌졸중센터 > 소개 */
.wrap-msg .floor1 .msgImg.stroke-top {padding-top:125px}
.cont-topinfo-type3.stroke-vision .cTit {padding:0;margin-bottom:30px}
.cont-topinfo-type3.stroke-vision:after {height:322px;background:#f8f8f8 url(/resources/_Img/Content/cTopinfo3_bg1.gif) no-repeat center bottom}
.cont-topinfo-type3.stroke-vision .cTit:before {display:none}
.cont-topinfo-type3.stroke-vision .stvision {text-align:left;margin-bottom:50px}
.cont-topinfo-type3.stroke-vision .stvision .eng {display:inline-block;width:32.5%;margin-right:5%;font-family:"sofia-pro";vertical-align:middle;margin-bottom:0}
.cont-topinfo-type3.stroke-vision .stvision .eng .tit {position:relative;display:block;font-size:1.765em;font-weight:600;color:#015c61}
.cont-topinfo-type3.stroke-vision .stvision .eng .tit:after {position:relative;display:block;content:"";width:100%;height:1px;background:#b1b1b1;margin:10px 0}
.cont-topinfo-type3.stroke-vision .stvision .eng .spell {display:block;font-size:1.059em;font-weight:500;color:#666;letter-spacing:0}
.cont-topinfo-type3.stroke-vision .stvision .txt {display:inline-block;width:60%;font-size:1.176em;line-height:2em;color:#015c61;font-weight:500;vertical-align:middle}
.sec-division .section {display:inline-block;width:43%;margin-right:8%;vertical-align:top;margin-top:40px}
.sec-division .section:nth-child(even) {margin-right:0}
.sec-division .section:nth-child(-n+2) {margin-top:0}
.center-imgbox {padding:30px;background:#f7f7f7;box-sizing:border-box;margin-top:30px;font-size:0}
.center-imgbox .centerimg-list {display:inline-block;width:47%;vertical-align:top}
.center-imgbox .centerimg-list:nth-child(even) {margin-left:6%}
.center-imgbox .centerimg-list.full {display:block;width:auto;font-size:0;margin-bottom:30px}
.center-imgbox .centerimg-list.full:nth-child(even) {margin-left:0}
.center-imgbox .centerimg-list.full:last-child {margin-bottom:0}
.center-imgbox .centerimg-list .tit {position:relative;display:block;text-align:center;font-size:18px;color:#333;font-weight:500}
.center-imgbox .centerimg-list .tit:after {position:relative;display:block;content:"";width:25px;height:2px;background:#007983;margin:10px auto 20px}
.center-imgbox .centerimg-list img {width:100%}
.center-imgbox .centerimg-list.full .centerimg-slist li {display:inline-block;width:49%;margin-right:0;vertical-align:top}
.center-imgbox .centerimg-list.full .centerimg-slist li:nth-child(even) {margin-left:2%}
.center-imgbox .centerimg-list.full .centerimg-slist .txt {display:block;margin-top:10px;font-size:16px;color:#555;text-align:center}
.center-txtlist {clear:both;overflow:hidden;position:relative;padding:40px 0;border-top:2px solid #015c61;border-bottom:1px solid #b7b7b7;box-sizing:border-box}
.center-txtlist:before {position:absolute;display:block;content:"";top:40px;left:50%;width:1px;height:82%;background:#dcdcdc}
.center-txtlist .txtlist {float:left;width:50%;box-sizing:border-box;padding:0 40px}
.center-txtlist .txtlist .tit {position:relative;display:block;text-align:center;font-size:18px;color:#333;font-weight:500}
.center-txtlist .txtlist .tit:after {position:relative;display:block;content:"";width:25px;height:2px;background:#007983;margin:10px auto 20px}
.center-txtlist .txtlist .cont-listFlow-type3 ol:after {height:120%}
.center-txtlist .txtlist .cont-listFlow-type3 ol li {margin-bottom:70px}
@media only screen and (max-width:1199px) {
.wrap-msg .floor1 .msgImg.stroke-top {padding-top:90px}
}
@media only screen and (max-width:1099px) {
.cont-topinfo-type3.stroke-vision .stvision .txt br {display:none}
.center-txtlist .txtlist img {width:100%}
}
@media only screen and (max-width:999px) {
.wrap-msg .floor1 .msgImg.stroke-top {padding-top:20px}
.wrap-msg .floor1 .msgImg.stroke-top .mTxt {color:#333}
.wrap-msg .floor1 .msgImg.stroke-top .sTxt {color:#555}
.cont-topinfo-type3.stroke-vision .stvision .txt {line-height:1.8em}
.center-txtlist .txtlist .cont-listFlow-type3 ol li {margin-bottom:50px}
}
@media only screen and (max-width:899px) {
.center-imgbox {padding:20px;margin-top:25px}
.center-txtlist {padding:30px 0}
}
@media only screen and (max-width:799px) {
.cont-topinfo-type3.stroke-vision .stvision {margin-bottom:40px}
.cont-topinfo-type3.stroke-vision .cSideBox .unit .uTxt {min-height:130px}
.cont-topinfo-type3.stroke-vision:after {height:65%}
.sec-division .section {display:block;width:auto;margin-right:0;margin-bottom:40px;margin-top:0}
.sec-division .section:last-child {margin-bottom:0}
}
@media only screen and (max-width:599px) {
.cont-topinfo-type3.stroke-vision .stvision {margin-bottom:30px}
.center-txtlist {overflow:visible}
.center-txtlist:before {display:none}
.center-txtlist .txtlist {position:relative;float:none;width:auto;padding:0}
.center-txtlist .txtlist:first-child {text-align:center}
.center-txtlist .txtlist:first-child:after {position:relative;display:block;content:"";width:100%;height:1px;background:#dcdcdc;margin:30px 0}
.center-txtlist .txtlist img {width:80%}
.center-txtlist .txtlist .cont-listFlow-type3 ol li {margin-bottom:0}
.center-txtlist .txtlist .cont-listFlow-type3 ol:after {height:105%}
}
@media only screen and (max-width:499px) {
.cont-topinfo-type3.stroke-vision .stvision .eng {display:block;width:auto;margin-right:0;margin-bottom:20px}
.cont-topinfo-type3.stroke-vision .stvision .txt {display:block;width:auto}
.center-imgbox {margin-top:20px}
.center-imgbox .centerimg-list {display:block;width:auto;margin-bottom:30px;text-align:center}
.center-imgbox .centerimg-list:nth-child(even) {margin-left:0}
.center-imgbox .centerimg-list:last-child {margin-bottom:0}
}
/* 전문센터 > 뇌졸중센터 > 진료시스템 */
.cont-topinfo-type3.stroke-system {padding:40px 0}
.cont-topinfo-type3.stroke-system .cTit {padding:0;margin-bottom:30px}
.cont-topinfo-type3.stroke-system:after {height:100%;background:#f8f8f8 url(/resources/_Img/Content/cTopinfo3_bg1.gif) no-repeat center bottom}
.cont-topinfo-type3.stroke-system .cTit:before {display:none}
.stroke-system .system .diagram {overflow:hidden;display:inline-block;width:40%;;vertical-align:middle;margin-bottom:0}
.stroke-system .system .txt-box {display:inline-block;width:59%;font-size:1.176em;line-height:2em;color:#015c61;font-weight:500;text-align:left;vertical-align:middle}
.stroke-system .system .diagram li {float:left;width:220px;height:220px;border-radius:50%;background:rgba(0,121,131,0.7)}
.stroke-system .system .diagram li.n02 {margin-left:-50px;background:rgba(0,151,156,0.6)}
.stroke-system .system .diagram li .txt {position:relative;display:block;width:auto;font-size:20px;color:#fff;font-weight:600;text-align:center}
.stroke-system .system .diagram li .txt:before {position:relative;display:block;content:"";width:54px;height:60px;background:url(/resources/homepage/kor/_Img/Content/mdprodept_0302_spr.png) no-repeat left center;margin:50px auto 20px}
.stroke-system .system .diagram li .txt .eng {display:block;font-family:"sofia-pro";font-size:17px;letter-spacing:0.05em;font-weight:300}
.stroke-system .system .diagram li.n02 .txt:before {background-position:-56px 0}
@media only screen and (max-width:1099px) {
.stroke-system .system .diagram {width:35%;margin-right:5%}
.stroke-system .system .diagram li {width:154px;height:154px}
.stroke-system .system .diagram li.n02 {margin-left:-20px}
.stroke-system .system .diagram li .txt {font-size:17px}
.stroke-system .system .diagram li .txt:before {width:38px;height:42px;background-size:77px auto;margin:30px auto 10px}
.stroke-system .system .diagram li.n02 .txt:before {background-position:-39px 0}
.stroke-system .system .diagram li .txt .eng {font-size:15px}
}
@media only screen and (max-width:999px) {
.stroke-system .system .txt-box {line-height:1.8em}
}
@media only screen and (max-width:899px) {
.stroke-system .system .diagram {width:46%;margin-right:3%}
.stroke-system .system .txt-box {width:50%}
}
@media only screen and (max-width:699px) {
.stroke-system .system .diagram, .stroke-system .system .txt-box {width:auto;margin-right:0}
.stroke-system .system .diagram {margin:0 auto 20px}
.stroke-system .system .txt-box {display:block}
}
@media only screen and (max-width:399px) {
.stroke-system .system .diagram {width:100%}
.stroke-system .system .diagram li {float:none;width:auto;height:auto;min-height:40px;border-radius:0;padding:20px}
.stroke-system .system .diagram li.n02 {margin-left:0;margin-top:10px}
.stroke-system .system .diagram li .txt {text-align:left;padding-left:70px}
.stroke-system .system .diagram li .txt:before {position:absolute;left:0;top:0;margin:0}
}
/* 전문센터 > 로봇수술센터 > 센터장 인사말 */
.CeImg-bx, .robotsurg-greeting {position:relative;display:block;height:380px}
.CeImg-bx:before {content:'';left:50%;position:absolute;display:block;width:1400px;height:380px;margin-left:-700px}
.robotsurg-greeting:before {background:url(/resources/homepage/kor/_Img/Content/robotsurg_02.png) no-repeat;}
.CeImg-bx .Img-bx {z-index:2;position:absolute;display:block;top:0;right:1px;width:300px;height:752px;padding:0;margin:0px 0px 0 0px;text-align:center;background:#fff;border:1px solid #ddd;border-width:0 0 0 1px;border-radius:0}
.CeImg-bx .TxtSm-bx {position:absolute;z-index:2;display:block;padding:0;margin:0;top:95px;left:95px;line-height:50px;font-size:35px;font-weight:400;letter-spacing:-2px;color:#333}
.CeImg-bx .CeTex-box {position:absolute;display:block;padding:0;margin:0;right:62px;bottom:18px}
.CeImg-bx .CeTex-box .Txt-nm1 {position:relative;display:block;padding:0;margin:0;font-size:17px;font-weight:500;color:#000;line-height:20px}
.CeImg-bx .CeTex-box .Txt-nm2 {position:relative;display:block;padding:0;margin:0;font-size:32px;font-weight:500;color:#000;line-height:40px}
.CeImg-bx .TxtSm-bx:before {content:'';background:#008486;top:-30px;left:-40px}
.CeImg-bx .TxtSm-bx:after {content:'';background:#ea7400;bottom:-30px;right:-40px}
.CeImg-bx .TxtSm-bx:before,.CeImg-bx .TxtSm-bx:after {position:absolute;display:block;width:200px;height:3px;padding:0;margin:0}
.CeImg-bx .TxtB-bx {display:inline-block;padding:0;margin:0;font-weight:500;letter-spacing:-2px;color:#000000}
.CeTxt-bx {position:relative}
.CeTxt-bx .Txt-Bx {z-index:2;position:relative;display:block;min-height:281px;padding:0;font-size:1.118em}
.CeTxt-bx .Cent-txt {position:relative;display:block;line-height:30px;margin:0 0 40px 0;color:#5b6563}
.CeTxt-bx .Cent-txtL {position:relative;display:block;float:left;width:47.5%;padding:0;margin-right:5%}
.CeTxt-bx .Cent-txtR {position:relative;display:block;float:right;width:47.5%;margin:0;padding:0}
.CeTxt-bx .Tx-pit {position:relative;display:block;margin:0 0 30px 0}
@media all and (max-width:1200px) {
.CeImg-bx .CeTex-box {position:absolute;display:block;padding:0;margin:0;right:auto;left:50%;bottom:18px;margin-left:-131px}
}
@media all and (max-width:999px) {
.CeImg-bx {position:relative;display:block;height:380px}
.CeImg-bx .TxtSm-bx {position:absolute;z-index:2;display:block;padding:0;margin:0;top:95px;left:95px;line-height:50px;font-size:1.750em;font-weight:400;letter-spacing:-2px;color:#333}
.CeImg-bx .TxtSm-bx:before {content:'';background:#008486;top:-15px;left:-25px}
.CeImg-bx .TxtSm-bx:after {content:'';background:#ea7400;bottom:-15px;right:-25px}
.CeImg-bx .TxtSm-bx:before,.CeImg-bx .TxtSm-bx:after {position:absolute;display:block;width:200px;height:3px;padding:0;margin:0}
.CeImg-bx .TxtSm-bx-name {z-index:2;position:absolute;font-size:1.375em;font-weight:500;letter-spacing:-.125em;bottom:25px;left:55px}
.CeImg-bx .TxtSm-bx-name>span {z-index:2;font-size:1.125em;font-weight:500;letter-spacing:-.125em;color:#333}
}
@media all and (max-width:900px) {
.CeImg-bx {position:relative;display:block;height:381px}
.CeImg-bx .TxtSm-bx {position:absolute;z-index:2;display:block;padding:0;margin:0;top:95px;left:40px;line-height:33px;font-size:1.750em;font-weight:400;letter-spacing:-2px;color:#333}
.CeImg-bx .TxtSm-bx:before {content:'';background:#008486;top:-15px;left:-25px}
.CeImg-bx .TxtSm-bx:after {content:'';background:#ea7400;bottom:-15px;right:-25px}
.CeImg-bx .TxtSm-bx:before,.CeImg-bx .TxtSm-bx:after {position:absolute;display:block;width:82px;height:3px;padding:0;margin:0}
.CeImg-bx .TxtSm-bx-name {bottom:25px;left:-20px}
.CeTxt-bx .Txt-Bx {z-index:2;position:relative;display:block;min-height:281px;padding:0;margin:0}
.CeTxt-bx .Cent-txt {position:relative;display:block;line-height:30px;margin:0 0 40px 0;color:#5b6563}
.CeTxt-bx .Cent-txtL {position:relative;display:block;float:none;width:auto;max-width:100%;padding:0;margin:0}
.CeTxt-bx .Cent-txtR {position:relative;display:block;float:none;width:auto;max-width:100%;margin:0;padding:0}
}
@media all and (max-width:600px) {
.CeImg-bx:before {content:'';left:50%;position:absolute;display:block;width:1400px;height:330px;margin-left:-709px;background-size:auto 330px;}
.CeTxt-bx .Tx-pit {position:relative;display:block;margin:0 0 30px 0;}
.CeImg-bx {position:relative;display:block;height:330px;}
.CeImg-bx .TxtSm-bx {position:absolute;z-index:2;display:block;padding:0;margin:0;top:95px;left:0;line-height:33px;font-size:1.250em;font-weight:400;letter-spacing:-2px;color:#333;}
.CeImg-bx .TxtSm-bx:before {content:'';background:#008486;top:-15px;left:0px;}
.CeImg-bx .TxtSm-bx:after {content:'';background:#ea7400;bottom:-15px;right:-2px;}
.CeImg-bx .TxtSm-bx:before,.CeImg-bx .TxtSm-bx:after {position:absolute;display:block;width:50px;height:3px;padding:0;margin:0;}
}
@media all and (max-width:499px) {
.CeImg-bx:before {margin-left:-690px;}
.CeImg-bx .TxtSm-bx {top:390px;width:100%;font-size:1.471em;}
.CeImg-bx .CeTex-box {left:0;bottom:25px;margin-left:0;}
.CeTxt-bx {margin-top:180px;}
}
/* 전문센터 > 로봇수술센터 > 조직도 */
.robotsurg-org {position:relative;}
.robotsurg-org:before {position:absolute;content:"";top:25px;left:50%;margin-left:-1px;width:1px;height:47%;padding-bottom:80px;background:#ccc;z-index:-1;}
.robotsurg-org a:hover, .robotsurg-org a:focus {text-decoration:underline;}
.robotsurg-org .lv1 {width:190px;height:238px;margin:0 auto;background:url(/resources/homepage/kor/_Img/Content/robotsurg_03.png) no-repeat;}
.robotsurg-org .lv1 .h1 {padding-top:50px;text-align:center;color:#fff;}
.robotsurg-org .lv1 .h1 .h1-tit {position:relative;display:block;font-size:1.294em;}
.robotsurg-org .lv1 .h1 .h1-tit:after {position:relative;content:"";display:block;width:15px;height:2px;background:rgba(255,255,255,0.3);margin:10px auto;}
.robotsurg-org .lv1 .h1 .name {font-size:1.176em;color:#fff;}
.robotsurg-org .org-list-wr {position:relative;}
.robotsurg-org .org-list-wr .lv2 {position:relative;width:46.66%;height:320px;margin:0 auto;font-size:1.059em;text-align:center;}
.robotsurg-org .org-list-wr .lv2 .h2-li1 {position:absolute;top:0;left:50%;margin-left:-280px;width:200px;height:55px;background:#c75000;color:#fff;padding-top:12px;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv2 .h2-li1:before, .robotsurg-org .org-list-wr .lv2 .h2-li:before {position:absolute;content:"";top:27px;right:-80px;width:80px;height:1px;background:#ccc;}
.robotsurg-org .org-list-wr .lv2 .h2-li {position:absolute;left:50%;width:200px;}
.robotsurg-org .org-list-wr .lv2 .h2-li2 {top:55px;margin-left:80px;}
.robotsurg-org .org-list-wr .lv2 .h2-li2:before {right:auto;left:-80px;}
.robotsurg-org .org-list-wr .lv2 .h2-li3 {top:110px;margin-left:-280px;}
.robotsurg-org .org-list-wr .lv2 .h2-li .h2-tit {display:block;width:100%;height:55px;background:#007983;color:#fff;padding-top:12px;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv2 .h2-li .h2-stit {display:block;padding:13px 10px;color:#333;font-weight:600;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:2px solid #007983;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv3 {position:relative;}
.robotsurg-org .org-list-wr .lv3 .h3 {position:relative;display:flex;}
.robotsurg-org .org-list-wr .lv3 .h3:before {position:absolute;content:"";left:50%;top:-40px;margin-left:-41.33%;width:82.66%;height:1px;background:#ccc;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list {position:relative;width:17.33%;margin-right:3.3375%;text-align:center;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:before {position:absolute;content:"";top:-40px;left:50%;width:1px;height:40px;background:#ccc;z-index:0;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:last-child {margin-right:0;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:nth-child(3):before {display:none;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .h3-tit {width:100%;height:60px;border-radius:30px 0 0 0;background:#00856d;font-size:1.059em;color:#fff;padding-top:16px;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:nth-child(2n) .h3-tit {background:#008449;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .leader {display:block;width:100%;padding:17px 10px;background:#f7f7f7;color:#333;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor {height:70.5%;margin-top:5px;padding:30px 10px;border:1px solid #c9c9c9;background:#fff;box-sizing:border-box;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor li {font-size:0.941em;color:#555;margin-top:20px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor li:first-child {margin-top:0;}
@media all and (max-width:699px) {
.robotsurg-org:before {height:32.1%;}
.robotsurg-org .org-list-wr .lv2 {height:260px;}
.robotsurg-org .org-list-wr .lv2 .h2-li, .robotsurg-org .org-list-wr .lv2 .h2-li1 {width:60%;}
.robotsurg-org .org-list-wr .lv2 .h2-li1, .robotsurg-org .org-list-wr .lv2 .h2-li3 {margin-left:-75%;}
.robotsurg-org .org-list-wr .lv2 .h2-li2 {margin-left:15%;}
.robotsurg-org .org-list-wr .lv2 .h2-li2:before {left:-25%;}
.robotsurg-org .org-list-wr .lv2 .h2-li1:before, .robotsurg-org .org-list-wr .lv2 .h2-li:before {right:-25%;width:25%;}
.robotsurg-org .org-list-wr .lv3 .h3 {display:block;}
.robotsurg-org .org-list-wr .lv3 .h3:before {left:0;margin-left:0;width:50%;}
.robotsurg-org .org-list-wr .lv3 .h3:after {position:absolute;content:"";top:-40px;left:0;width:1px;height:100%;padding-bottom:10px;background:#ccc;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list {display:flex;width:auto;margin:40px 0 0 40px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:before {top:30px;left:-40px;width:40px;height:1px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .h3-tit {width:35%;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .leader {position:absolute;top:60px;left:0;width:35%;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor {display:flex;flex-wrap:wrap;width:65%;height:100%;min-height:117px;margin-top:0;padding:25px 20px 15px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor li {width:33.33%;margin-top:10px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor li:nth-child(-n+3) {margin-top:0;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:nth-child(3):before {display:block;}
}
@media all and (max-width:499px) {
.robotsurg-org:before {height:35%;}
.robotsurg-org .lv1 .h1 {padding-top:60px;}
.robotsurg-org .org-list-wr .lv2 {width:auto;}
.robotsurg-org .org-list-wr .lv2 .h2-li, .robotsurg-org .org-list-wr .lv2 .h2-li1 {width:40%;}
.robotsurg-org .org-list-wr .lv2 .h2-li1, .robotsurg-org .org-list-wr .lv2 .h2-li3 {margin-left:-50%;}
.robotsurg-org .org-list-wr .lv2 .h2-li1, .robotsurg-org .org-list-wr .lv2 .h2-li .h2-tit {padding-top:14px;}
.robotsurg-org .org-list-wr .lv2 .h2-li2 {margin-left:10%;}
.robotsurg-org .org-list-wr .lv3 .h3:after {padding-bottom:15px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list {margin:30px 0 0 20px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list:before {top:25px;left:-20px;width:20px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .h3-tit {height:50px;border-radius:25px 0 0 0;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .leader {top:50px;padding:15px 10px;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor {min-height:100px;padding:20px 10px 15px;}
}
@media all and (max-width:399px) {
.robotsurg-org .org-list-wr .lv3 .h3:after {height:calc(100% - 35px);padding-bottom:0;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list {display:block;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .h3-tit {width:100%;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .leader {position:relative;top:auto;left:auto;width:100%;}
.robotsurg-org .org-list-wr .lv3 .h3 .org-list .doctor {width:100%;min-height:auto;}
}
/* 전문센터 > 소화기병센터 > 주요검사/시술안내 */
.wrap-pkgBox .role-body {min-height:150px}
.wrap-pkgBox .cont-listTxt-type1.multiRow.row2 .role-body {min-height:0}
.center-txtbox {padding:30px 30px 35px;background:#f7f7f7;box-sizing:border-box}
.center-txtbox .tit {position:relative;display:block;text-align:center;font-size:18px;color:#333;font-weight:500}
.center-txtbox .tit:after {position:relative;display:block;content:"";width:25px;height:2px;background:#007983;margin:10px auto 20px}
.center-txtbox .txt {position:relative;padding-left:22%}
.center-txtbox .txt .ico {position:absolute;top:-40px;left:0;width:180px;height:180px;border-radius:50%;background-color:#fff;background-position:center}
.center-txtbox .txt .ico01 {background-image:url(/resources/homepage/kor/_Img/Content/mdprodept_0401_04.png)}
.center-txtbox .txt .ico02 {background-image:url(/resources/homepage/kor/_Img/Content/mdprodept_0401_06.png)}
@media only screen and (max-width:999px) {
.center-txtbox .txt .ico {top:0;width:144px;height:144px;background-size:144px auto}
}
@media only screen and (max-width:859px) {
.center-txtbox .txt {padding-left:24%}
}
@media only screen and (max-width:799px) {
.center-txtbox .txt .ico {width:115px;height:115px;background-size:115px auto}
}
@media only screen and (max-width:599px) {
.center-txtbox .txt .ico {top:0;left:50%;margin-left:-48px;width:92px;height:92px;background-size:92px auto}
.center-txtbox .txt {padding-left:0;padding-top:110px}
}
@media only screen and (max-width:499px) {
.center-txtbox {padding:20px}
}
/* 진료과 > 검사실 */
.horsegmt {clear:both;overflow:hidden}
.horsegmt .cont {float:left;width:61.7%;margin-right:5%}
.horsegmt .img {float:left;width:33.3%;padding:30px;background:#f7f7f7;box-sizing:border-box}
.horsegmt .img img {width:100%}
@media only screen and (max-width:899px) {
.horsegmt .img {padding:20px}
}
@media only screen and (max-width:799px) {
.horsegmt .cont, .horsegmt .img {float:none;width:auto}
.horsegmt .cont {margin-right:0}
.horsegmt .img {text-align:center;margin-top:30px}
}
/*===== 병원이용안내 =====*/
/* 입퇴원안내 > 입퇴원 절차 */
.hdprocedure-step {overflow:hidden;position:relative;width:100%;margin-bottom:25px}
.hdprocedure-step:before {display:block;content:'';position:absolute;top:0;left:340px;width:90px;height:100%;background:#fff}
.hdprocedure-step:after {display:block;content:'';position:absolute;top:0;left:770px;width:90px;height:100%;background:#fff}
.hdprocedure-step ol:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#cccccc;z-index:-1}
.hdprocedure-step li {float:left;position:relative;width:340px;margin-left:90px;text-align:center;border-top:2px solid #015c61;padding:50px 0 45px 0}
.hdprocedure-step li:before {display:block;content:'';position:absolute;top:50%;left:-75px;margin-top:-15px;width:27px;height:27px;border-bottom:3px solid #d2d2d2;border-right:3px solid #d2d2d2;transform:rotate(-45deg);z-index:1}
.hdprocedure-step li:first-child {margin-left:0}
.hdprocedure-step .imgBox {position:relative;display:inline-block}
.hdprocedure-step .imgBox:before {display:block;content:"1";position:absolute;bottom:0;right:0;width:50px;height:50px;background:#007983;border-radius:50%;text-align:center;line-height:45px;color:#fff;font-family:"sofia-pro", sans-serif;font-size:20px;box-shadow:-7px -7px 12px 0 rgba(0,0,0,0.35)}
.hdprocedure-step li:nth-child(2) .imgBox:before {content:"2"}
.hdprocedure-step li:nth-child(3) .imgBox:before {content:"3";background:#ea7400}
.hdprocedure-step .pTit {display:block;font-size:22px;color:#333;font-weight:500;padding-top:10px}
.hdprocedure-step .pTxt {display:block;color:#666;padding-top:16px}
@media only screen and (max-width:1299px) {
.hdprocedure-step:before {left:30%;width:5%}
.hdprocedure-step:after {left:65%;width:5%}
.hdprocedure-step li {width:30%;margin-left:5%}
.hdprocedure-step li:before {left:-2.5%;margin-left:-30px;margin-top:-60px}
}
@media only screen and (min-width:500px) and (max-width:699px) {
.hdprocedure-step:before {display:none}
.hdprocedure-step:after {display:none}
.hdprocedure-step li {width:100%;margin-left:0;text-align:left;padding:30px 0 30px 220px;min-height:240px;box-sizing:border-box}
.hdprocedure-step li:before {display:none}
.hdprocedure-step .imgBox {position:absolute;top:30px;left:0}
}
@media only screen and (max-width:499px) {
.hdprocedure-step:before {display:none}
.hdprocedure-step:after {display:none}
.hdprocedure-step li {width:100%;margin-left:0;padding:30px 0}
.hdprocedure-step li:before {display:none}
}
/* 입퇴원안내 > 입원료 안내 */
.hospitalizefee-wr {}
.hospitalizefee-wr .unitBox {overflow:hidden}
.hospitalizefee-wr .unit {float:right;margin:30px 0 0}
.hospitalizefee-wr table tr td {text-align:right}
.hospitalizefee-wr table tr td.hightLight {background:#f7e5d5}
@media all and (max-width:779px) {
.hospitalizefee-wr .unit {float:left;margin:5px 0 0 10px}
}
/* 기타진료안내 > 수술진료안내 */
.surgicalinfo-list1 {overflow:hidden;width:100%}
.surgicalinfo-list1 li {position:relative;float:left;width:360px;margin-left:50px;border-top:1px solid #015c61;padding:25px 0 35px 40px;box-sizing:border-box}
.surgicalinfo-list1 li:nth-child(3n+1) {margin-left:0;clear:both}
.surgicalinfo-list1 li:before {display:block;content:'';position:absolute;top:30px;left:0;width:7px;height:7px;border-radius:50%;background:#015c61}
.surgicalinfo-list1 li:after {display:block;content:'';position:absolute;top:45px;left:0;width:7px;height:7px;border-radius:50%;background:#d3d3d3}
.cont-item-type1.professor .tp {display:inline-block;padding-left:23px;position:relative}
.cont-item-type1.professor .tp:before {display:block;content:'';position:absolute;top:50%;left:11px;margin-top:-6px;width:1px;height:13px;background:#aaaaaa}
@media only screen and (max-width:1299px) {
.surgicalinfo-list1 li {width:32%;margin-left:2%}
}
@media only screen and (max-width:999px) {
.cont-item-type1.professor ul li {width:100%}
}
@media only screen and (max-width:799px) {
.surgicalinfo-list1 li {width:48%;margin-left:4%}
.surgicalinfo-list1 li:nth-child(3n+1) {margin-left:4%;clear:none}
.surgicalinfo-list1 li:nth-child(odd) {margin-left:0;clear:both}
.cont-item-type1.professor dl dt, .cont-item-type1.professor dl dd {vertical-align:top}
.cont-item-type1.professor dl dd {padding-top:5px}
.cont-item-type1.professor .tp {display:block;padding-left:0}
.cont-item-type1.professor .tp:before {display:none}
}
@media only screen and (max-width:480px) {
.surgicalinfo-list1 li {width:100%;margin-left:0;padding-top:15px;padding-bottom:25px}
.surgicalinfo-list1 li:nth-child(3n+1) {margin-left:0}
.surgicalinfo-list1 li:before {top:20px}
.surgicalinfo-list1 li:after {top:35px}
}
/* 기타진료안내 > 응급진료안내 */
.emergencyinfo-list01 {position:relative;width:100%;padding:40px 0}
.emergencyinfo-list01:before {display:block;content:'';position:absolute;top:0;left:50%;width:2000px;height:100%;background:#f7f7f7;margin-left:-1000px;z-index:-1}
.emergencyinfo-list01:after {display:block;content:'';clear:both}
.emergencyinfo-list01 li {float:left;position:relative;width:200px;margin-right:50px;color:#fff;text-align:center;font-size:18px}
.emergencyinfo-list01 li:before {display:block;content:'';position:absolute;top:50%;right:-30px;margin-top:-10px;width:18px;height:18px;border-bottom:3px solid #d2d2d2;border-right:3px solid #d2d2d2;transform:rotate(-45deg);z-index:1}
.emergencyinfo-list01 li:last-child {margin-right:0}
.emergencyinfo-list01 li:last-child:before {display:none}
.emergencyinfo-list01 .ico {position:relative;display:block;width:100%;height:110px;border-bottom-left-radius:30px;background:#fff}
.emergencyinfo-list01 .ico:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:40px;background:#007983;box-sizing:border-box;z-index:-1}
.emergencyinfo-list01 .ico:after {display:block;content:'';position:absolute;top:30px;left:50%;width:52px;height:52px;margin-left:-26px;background:url(/resources/homepage/kor/_Img/Content/emergencyinfo_spr.png) no-repeat 0 0}
.emergencyinfo-list01 .ico02:after {background-position:-62px 0}
.emergencyinfo-list01 .ico03:after {background-position:-124px 0}
.emergencyinfo-list01 .ico04:after {background-position:-186px 0}
.emergencyinfo-list01 .ico05:after {background-position:-248px 0}
.emergencyinfo-list01 .pTxt {padding:13px 0;background:#007983}
@media only screen and (max-width:1299px) {
.emergencyinfo-list01 li {width:16.8%;margin-right:4%}
.emergencyinfo-list01 li:before {width:10px;height:10px;right:-20px}
.emergencyinfo-list01 .ico {height:80px}
.emergencyinfo-list01 .ico:after {top:15px;transform:scale(0.7)}
}
@media only screen and (max-width:999px) {
.emergencyinfo-list01 li {font-size:16px}
}
@media only screen and (max-width:599px) {
.emergencyinfo-list01 li {width:28%;margin-right:5%;margin-bottom:15px}
.emergencyinfo-list01 li:before {right:-15px}
}
@media only screen and (max-width:499px) {
.emergencyinfo-list01 li {width:45%;margin-right:5%}
.emergencyinfo-list01 li:before {right:-5%;margin-right:-3px}
}
/* 전화번호안내 */
.telnumber-tit {position:relative;min-height:55px;padding-left:75px;line-height:50px;margin-bottom:40px}
.telnumber-tit:before {display:inline-block;content:'';position:absolute;top:0;left:0;width:55px;height:55px;background:#008486 url(/resources/homepage/kor/_Img/Content/telnumber_icon.png) no-repeat center center;border-radius:50%}
.telnumber-tit .mTxt {position:relative;display:inline-block;font-size:1.471em;color:#333333;font-weight:500;vertical-align:middle}
.telnumber-tit .nTxt {position:relative;display:inline-block;font-size:2.353em;color:#ea7400;font-weight:400;vertical-align:middle;padding-left:60px;font-family:"sofia-pro"}
.telnumber-tit .mTxt:before {display:block;content:'';position:absolute;top:50%;right:-25px;margin-top:-3px;width:5px;height:5px;background:#b8b8b8;border-radius:50%}
.telnumber-tit .nTxt:before {display:block;content:'';position:absolute;top:50%;left:30px;margin-top:-3px;width:5px;height:5px;background:#b8b8b8;border-radius:50%}
.telnumber-tit .nTxt:after {display:block;content:'';position:absolute;top:50%;left:40px;margin-top:-3px;width:5px;height:5px;background:#b8b8b8;border-radius:50%}
.telnumber-list ul {display:block;font-size:0}
.telnumber-list ul li {position:relative;display:inline-block;width:23.75%;margin:0 1.666% 20px 0;font-size:17px;vertical-align:top;border-top:1px solid #015c61}
.telnumber-list ul li:nth-child(4n) {margin-right:0}
.telnumber-list .lTxt {text-align:center;padding:17px 0 17px 0}
.telnumber-list .lTxt:before {content:"";display:inline-block;width:0;height:56px;vertical-align:middle}
.telnumber-list .lTxt span {display:inline-block;max-width:90%;font-size:1.176em;color:#015c61;line-height:1.556;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;white-space:normal;word-break:break-all}
.telnumber-list .numBox {display:block;position:relative;box-sizing:border-box;text-align:center;background:#f7f7f7;border-radius:20px 0 0 0;padding:20px 0;font-size:1.471em;font-family:"sofia-pro";line-height:1;transition:all .3s ease}
.telnumber-list .numBox a {display:none;position:absolute;width:100%;height:100%;left:0;top:0}
.telnumber-list .numBox a:after {content:"";display:block;position:absolute;width:45px;height:45px;background:url(/resources/_Img/Common/sub/ico01.png) no-repeat;right:20px;top:50%;transform:translateY(-50%)}
.telnumber-list ul li:nth-child(5) .numBox, .telnumber-list ul li:nth-child(6) .numBox, .telnumber-list ul li:nth-child(7) .numBox {padding:32px 0 33px 0}
@media all and (max-width:999px) {
.telnumber-list ul li {width:32.222%;margin:0 1.666% 20px 0}
.telnumber-list ul li:nth-child(4n) {margin-right:1.666%}
.telnumber-list ul li:nth-child(3n) {margin-right:0}
.telnumber-list ul li:nth-child(5) .numBox, .telnumber-list ul li:nth-child(6) .numBox {padding:20px 0}
.telnumber-list ul li:nth-child(9) .numBox {padding:32px 0 33px 0}
}
@media all and (max-width:799px) {
.telnumber-list ul li {font-size:16px}
.telnumber-list .txtBox {padding:10px 50px 10px 0}
.telnumber-list .txtBox .lTxt span {font-size:1em}
}
@media all and (max-width:700px) {
.telnumber-list ul li {width:49.167%;margin:0 1.666% 20px 0}
.telnumber-list ul li:nth-child(4n) {margin-right:1.666%}
.telnumber-list ul li:nth-child(3n) {margin-right:1.666%}
.telnumber-list ul li:nth-child(2n) {margin-right:0}
.telnumber-list .numBox {padding:20px 0 20px 20px;text-align:left}
.telnumber-list .numBox a {display:block}
.telnumber-list ul li:nth-child(5) .numBox, .telnumber-list ul li:nth-child(6) .numBox, .telnumber-list ul li:nth-child(9) .numBox {padding:20px 0 20px 20px}
.telnumber-list ul li:nth-child(7) .numBox {padding:32px 0 33px 20px}
}
@media all and (max-width:599px) {
.telnumber-list ul li {font-size:15px}
.telnumber-list .lTxt:before {display:none}
.telnumber-list .numBox {padding:15px 0 15px 15px;text-align:left}
.telnumber-list .numBox a:after {width:31px;height:31px;background-size:cover;right:10px}
.telnumber-list ul li:nth-child(5) .numBox, .telnumber-list ul li:nth-child(6) .numBox, .telnumber-list ul li:nth-child(9) .numBox {padding:15px 0 15px 15px}
.telnumber-list ul li:nth-child(7) .numBox {padding:26px 0 26px 15px}
}
@media all and (max-width:540px) {
.telnumber-list ul li {width:100%;margin:0 0 20px 0}
.telnumber-list ul li:nth-child(4n) {margin-right:0}
.telnumber-list ul li:nth-child(3n) {margin-right:0}
.telnumber-list ul li:nth-child(2n) {margin-right:0}
.telnumber-list ul li:nth-child(7) .numBox {padding:15px 0 15px 15px}
}
/* 찾아오시는길 > 약도 */
.roughmapApi-wr {position:relative;width:100%;height:480px}
.roughmapApi {position:absolute;top:0;left:50%;margin-left:-1000px;width:2000px;height:480px;overflow:hidden;z-index:1}
.roughmapApi .btn-skip {display:block;position:absolute;top:-1000em;left:-1000em;width:1px;height:1px;overflow:hidden}
.roughmapApi .btn-skip:focus {top:0;left:0;width:100%;height:auto;line-height:1;box-sizing:border-box;padding:15px 10px;background:#007983;color:#fff;text-align:center;z-index:900}
.roughmapApi .root_daum_roughmap {border:0;padding:0;border-radius:0}
.roughmapApi-wr .mapInfo {position:absolute;bottom:0;right:0;z-index:2;background:rgba(0,121,131,0.9);padding:20px 20px 20px;color:#fff;width:300px;box-sizing:border-box}
.roughmapApi-wr .mapInfo:before {display:block;content:'';position:absolute;top:0;right:0;width:196px;height:217px;background:url(/resources/homepage/kor/_Img/Content/roughmap_spr.png) no-repeat -106px 0;background-size:301px auto}
.roughmapApi-wr .mapInfo dt {position:relative;display:inline-block;font-size:1.3em;padding-bottom:15px;line-height:1}
.roughmapApi-wr .mapInfo dt:before {display:block;content:'';position:absolute;bottom:0;left:-40px;width:100%;padding-right:40px;height:2px;background:rgba(255,255,255,0.2)}
.roughmapApi-wr .mapInfo dd {padding-top:15px}
.roughmapApi-wr .mapInfo li {position:relative;padding-left:35px}
.roughmapApi-wr .mapInfo li:before {display:block;content:'';position:absolute;top:1px;left:0;width:21px;height:27px;background:url(/resources/homepage/kor/_Img/Content/roughmap_spr.png) no-repeat 0 0}
.roughmapApi-wr .mapInfo .num:before {background-position:0 -36px}
.roughmapApi-wr .mapInfo .add {font-size:1.0em}
.roughmapApi-wr .mapInfo .num {font-size:1.0em;margin-top:10px}
.roughmapApi-wr .mapInfo .num .nb {position:relative;display:inline-block;padding-left:35px}
.roughmapApi-wr .mapInfo .num .nb:before {display:block;content:'';position:absolute;top:50%;left:15px;width:5px;height:5px;background:rgba(255,255,255,0.3);border-radius:50%;margin-top:-2px}
@media all and (max-width:999px) {
.roughmapApi-wr .mapInfo {width:100%;padding:20px}
.roughmapApi-wr .mapInfo dt {font-size:1.059em}
.roughmapApi-wr .mapInfo dd {padding-top:10px}
}
@media all and (max-width:599px) {
.roughmapApi-wr .mapInfo li {padding-left:25px}
.roughmapApi-wr .mapInfo li:before {top:1px;width:15px;height:19px;background-size:301px auto}
.roughmapApi-wr .mapInfo .num:before {background-position:0 -25px}
}
/* 병원이용안내 > 시내버스운행시간표 :
------------------------------------------------------ */
.busStop-wr {}
.busStop-wr .role-head {display:block;position:relative;box-sizing:border-box;padding:0 190px 0 0}
.busStop-wr .role-head h3 {margin-bottom:19px}
.busStop-wr .role-head p {}
.busStop-wr .role-head .mapLink {display:block;position:absolute;line-height:1;background:#015c61;width:auto;height:auto;box-sizing:border-box;right:0;bottom:4px;padding:17px 15px 18px 46px}
.busStop-wr .role-head .mapLink:before {content:"";display:block;position:absolute;width:22px;height:19px;background:url(/resources/homepage/kor/_Img/Content/busStop_spr1.png) no-repeat 0px 0px;left:15px;top:16px}
.busStop-wr .role-head .mapLink:focus:before,
.busStop-wr .role-head .mapLink:hover:before {animation:buzz .75s linear 1}
.busStop-wr .role-head .mapLink span {display:block;line-height:1;font-size:15px;color:#fff}
.busStop-wr .role-body {position:relative;box-sizing:border-box;padding:0 0 0 659px;margin:30px 0 0;min-height:600px}
.busStop-wr .role-body .side-L {position:absolute;width:1000px;height:100%;left:-400px;top:6px}
.busStop-wr .role-body .side-L .root_daum_roughmap {display:block;position:absolute;width:100%;height:100% !important;padding:0 !important;border:0 !important}
.busStop-wr .role-body .side-L .root_daum_roughmap .wrap_map {height:100%}
.busStop-wr .role-body .side-L .root_daum_roughmap .wrap_controllers {display:none}
.busStop-wr .role-body .side-L .root_daum_roughmap .map_border.border1 {display:none}
.busStop-wr .role-body .side-L .root_daum_roughmap .map_border.border2 {display:none}
.busStop-wr .role-body .side-L .root_daum_roughmap .map_border.border3 {display:none}
.busStop-wr .role-body .side-L .root_daum_roughmap .map_border.border4 {display:none}
.busStop-wr .role-body .side-R {padding:0 0 8px}
.busStop-wr .role-body .side-R .unit {margin:0 0 34px}
.busStop-wr .role-body .side-R .c-tit02 em {font-style:normal;color:#007983}
.busStop-wr .role-body .side-R .tbl-type01 {min-width:500px}
.busStop-wr .role-body .side-R .tbl-type01 .col1 {width:101px}
.busStop-wr .role-body .side-R .tbl-type01 .col2 {width:110px}
.busStop-wr .role-body .side-R .tbl-type01 .col3 {width:auto}
.busStop-wr .role-body .side-R .tbl-type01 em {font-style:normal;color:#df0000}
.busStop-wr .role-body .side-R .tbl-type01 th,
.busStop-wr .role-body .side-R .tbl-type01 td {padding:12px 5px 13px}
.busStop-wr .role-body .side-R .no-data {background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 20px;padding:100px 0 20px !important}
.busStop-wr #map > div > div > div:nth-child(6) > div:nth-child(2) > div:nth-child(2) {}
.busStop-wr .linkBox-wr {padding:5px;margin:0 0 0 15px;display:inline-block}
.busStop-wr .linkBox-wr .nw-btn {display:block;text-align:center;margin:0;white-space:nowrap}
/*
.busStop-wr.info1 #map > div > div > div:nth-child(6) > div:nth-child(2) {width:158px !important;height:38px !important;text-align:center}
.busStop-wr.info1 #map > div > div > div:nth-child(6) > div:nth-child(4) {width:187px !important;height:38px !important;text-align:center}
.busStop-wr.info2 #map > div > div > div:nth-child(6) > div:nth-child(2) {}
.busStop-wr.info2 #map > div > div > div:nth-child(6) > div:nth-child(4) {}
*/
@media all and (max-width:1500px) {
.busStop-wr .role-body .side-L {width:800px;left:-200px}
}
@media all and (max-width:1300px) {
.busStop-wr .role-body .side-L {width:770px;left:-170px}
}
@media all and (max-width:1280px) {
.busStop-wr .role-body .side-L {left:-150px}
}
@media all and (max-width:1200px) {
.busStop-wr .role-body {padding:0 0 0 630px}
}
@media all and (max-width:1100px) {
.busStop-wr .role-body {padding:0 0 0 560px}
.busStop-wr .role-body .side-L {width:680px;left:-150px}
}
@media all and (max-width:1023px) {
.busStop-wr .role-body {padding:0 0 0 500px}
.busStop-wr .role-body .side-L {width:620px;left:-150px}
.busStop-wr .role-body .side-L .mapBase {width:70%;margin:0 0 0 auto}
}
@media all and (max-width:999px) {
.busStop-wr .role-body {padding:0;margin:20px 0 0;min-height:0}
.busStop-wr .role-body .side-L {position:relative;width:auto;height:400px;left:auto;top:auto}
.busStop-wr .role-body .side-L .mapBase {width:100%}
.busStop-wr .role-body .side-R {padding:0;margin:10px 0 0}
.busStop-wr .role-body .side-R .tbl-type01 .col1 {width:55px}
.busStop-wr .role-body .side-R .tbl-type01 .col2 {width:110px}
.busStop-wr .linkBox-wr .nw-btn {background-size:contain}
}
@media all and (max-width:600px) {
.busStop-wr .role-head {padding:0}
.busStop-wr .role-head .mapLink {position:relative;right:auto;bottom:auto;padding:17px 0 18px;text-align:center;margin:15px 0 0}
.busStop-wr .role-head .mapLink:before {display:inline-block;position:relative;left:auto;top:auto;vertical-align:middle}
.busStop-wr .role-head .mapLink span {display:inline-block;vertical-align:middle;margin:0 0 0 10px}
.busStop-wr .linkBox-wr .nw-btn {font-size:13px;padding-right:25px}
/*
.busStop-wr.info1 #map > div > div > div:nth-child(6) > div:nth-child(2) {width:152px !important;height:31px !important}
.busStop-wr.info1 #map > div > div > div:nth-child(6) > div:nth-child(4) {width:152px !important;height:31px !important}
.busStop-wr.info2 #map > div > div > div:nth-child(6) > div:nth-child(2) {}
.busStop-wr.info2 #map > div > div > div:nth-child(6) > div:nth-child(4) {}
*/
}
@media all and (max-width:500px) {
.busStop-wr .role-body .side-L {height:350px}
}
/* 병원이용안내 > 시내버스시간표 :http://gnah.icts21.com/kor/CMS/Contents/Contents.do?mCode=MN131
------------------------------------------------------ */
.busTimeTbl-wr {position:relative}
.busTimeTbl-wr .anchorBox {display:block;position:absolute;right:0;top:0;z-index:1;overflow:hidden}
.busTimeTbl-wr .anchorBox button {}
.busTimeTbl-wr .is-wauto-box > table {}
.busTimeTbl-wr .is-wauto-box > table thead tr th[colspan='2'] {border-bottom:1px solid #d9d9d9}
.busTimeTbl-wr .tbl-type01 th,
.busTimeTbl-wr .tbl-type01 td {padding:5px 5px 6px}
.busTimeTbl-wr .is-wauto-box > table .col1 {width:150px}
.busTimeTbl-wr .is-wauto-box > table .col2 {width:150px}
.busTimeTbl-wr .is-wauto-box > table .col3 {width:auto}
.busTimeTbl-wr .is-wauto-box > table .col4 {width:auto}
.busTimeTbl-wr .is-wauto-box > table .col5 {width:170px}
.busTimeTbl-wr .is-wauto-box > table .col6 {width:170px}
@media all and (max-width:1200px) {
.busTimeTbl-wr .is-wauto-box > table .col1 {width:100px}
.busTimeTbl-wr .is-wauto-box > table .col2 {width:100px}
.busTimeTbl-wr .is-wauto-box > table .col3 {width:auto}
.busTimeTbl-wr .is-wauto-box > table .col4 {width:auto}
.busTimeTbl-wr .is-wauto-box > table .col5 {width:120px}
.busTimeTbl-wr .is-wauto-box > table .col6 {width:150px}
}
@media all and (max-width:768px) {
.busTimeTbl-wr .anchorBox {position:relative;right:auto;top:auto;margin:0 0 10px}
.busTimeTbl-wr .anchorBox button {width:49%;padding:0}
.busTimeTbl-wr .anchorBox :nth-child(1) {float:left}
.busTimeTbl-wr .anchorBox :nth-child(2) {float:right}
}
/* 병원이용안내 > 찾아오시는길 > 주차장안내
------------------------------------------------------ */
.parking-wr {}
.parking-wr .parkPkg-wr {position:relative;border-top:2px solid #015c61;border-bottom:1px solid #d2d2d2;z-index:0}
.parking-wr .parkPkg-wr:focus {outline:5px solid rgba(77, 144, 254, .5)}
.parking-wr .parkPkg-wr .linkBox {display:none;position:absolute;width:100%;right:0;bottom:0;width:100%}
.parking-wr .parkPkg-wr .vrBox,
.parking-wr .parkPkg-wr .numBox,
.parking-wr .parkPkg-wr .arrowBox {position:absolute;width:100%;height:100%;left:0;top:0}
.parking-wr .parkPkg-wr .linkBox {z-index:5}
.parking-wr .parkPkg-wr .linkBox a {display:none;position:absolute;bottom:0;right:0;width:60px;height:60px;background:rgba(0, 0, 0, .5) url(/resources/_Img/Common/btn_zoom.png) no-repeat 50% 50%;z-index:5}
.parking-wr .parkPkg-wr .linkBox a.over {display:block}
.parking-wr .parkPkg-wr .vrBox {z-index:4}
.parking-wr .parkPkg-wr .vrBox a {display:block;position:absolute;width:70px;height:37px;line-height:32px;text-align:center;color:#fff;border-radius:999px;font-family:"sofia-pro";font-size:1.059em;background-image:#009b9b;background:-moz-linear-gradient(left, #009b9b 0%, #059052 100%);background-image:-webkit-linear-gradient(left, #009b9b 0%,#059052 100%);background-image:linear-gradient(to right, #009b9b 0%,#059052 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b9b', endColorstr='#059052',GradientType=1);box-sizing:border-box;border:3px solid transparent;transition:all .3s ease}
.parking-wr .parkPkg-wr .vrBox a:focus,
.parking-wr .parkPkg-wr .vrBox a:hover {background-image:#fff;background:#fff;color:#008486;border:3px solid #008486}
.parking-wr .parkPkg-wr .vrBox a:after {content:"";display:block;position:absolute;width:12px;height:8px;background:url(/resources/homepage/kor/_Img/Content/parking_spr1.png) no-repeat 0px 0px;left:50%;top:100%;margin:6px 0 0 -6px}
.parking-wr .parkPkg-wr .vrBox a.idx1 {left:49.83%;top:3.33%}
.parking-wr .parkPkg-wr .vrBox a.idx2 {left:67.70%;top:15.33%}
.parking-wr .parkPkg-wr .vrBox a.idx3 {left:63.08%;top:63.47%}
.parking-wr .parkPkg-wr .vrBox a.idx4 {left:45.33%;top:65.71%}
.parking-wr .parkPkg-wr .vrBox a.idx5 {left:34.0%;top:41.85%}
.parking-wr .parkPkg-wr .numBox {z-index:3}
.parking-wr .parkPkg-wr .numBox span {display:block;position:absolute;width:30px;height:30px;border-radius:50%;text-align:center;color:#fff;font-family:"sofia-pro";background:#008449}
.parking-wr .parkPkg-wr .numBox span.idx1 {left:28.33%;top:73.5%}
.parking-wr .parkPkg-wr .numBox span.idx2 {left:89%;top:6.16%}
.parking-wr .parkPkg-wr .numBox span.idx3 {left:58.3%;top:12.30%}
.parking-wr .parkPkg-wr .arrowBox {z-index:2}
.parking-wr .parkPkg-wr .arrowBox img {display:none;position:absolute;width:100%;height:100%;left:0;bottom:0}
.parking-wr .parkPkg-wr .arrowBox img.over {display:block}
.parking-wr .parkPkg-wr .basemapBox {position:relative;z-index:1}
.parking-wr .parkPkg-wr .basemapBox img {display:block;position:relative;width:100%}
.parking-wr .parkRange-wr {background:#f7f7f7;text-align:center;padding:24px 0 19px}
.parking-wr .parkRange-wr p {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;padding:0 0 0 59px;line-height:1.2}
.parking-wr .parkRange-wr p:before {content:"";display:block;position:absolute;width:40px;height:20px;background:url(/resources/homepage/kor/_Img/Content/parking_spr2.png) no-repeat;left:0;top:1px}
.parking-wr .parkRange-wr p.way2ER {margin:0 46px 0 0}
.parking-wr .parkRange-wr p.way2ER:before {background-position:0px 0}
.parking-wr .parkRange-wr p.way2FU:before {background-position:-50px 0}
.parking-wr .msgBox1 {border-bottom:1px solid #757575;padding:40px 0 23px;margin:0 0 20px}
.parking-wr .msgBox2 {}
.parking-wr .msgBox2 strong {font-weight:500;color:#008486}
@media all and (max-width:999px) {
.parking-wr .parkPkg-wr .vrBox a {width:49px;height:28px;line-height:28px;font-size:1.00em}
.parking-wr .parkPkg-wr .numBox span {width:21px;height:21px;line-height:21px}
}
@media all and (max-width:799px) {
.parking-wr .parkRange-wr p {padding:0 0 0 55px}
.parking-wr .parkRange-wr p:before {top:0}
.parking-wr .parkRange-wr p.way2ER {margin:0 30px 0 0}
}
@media all and (max-width:767px) {
.parking-wr .parkPkg-wr .linkBox {display:block}
.parking-wr .parkRange-wr {padding:13px 0 10px}
}
@media all and (max-width:599px) {
.parking-wr .parkPkg-wr .vrBox a {width:34px;height:auto;line-height:1;font-size:12px;padding:2px}
.parking-wr .parkPkg-wr .numBox span {width:20px;height:20px;line-height:20px;font-size:12px}
.parking-wr .parkRange-wr p {padding:0 0 0 40px}
.parking-wr .parkRange-wr p:before {width:28px;height:14px;background-size:63px auto;left:0;top:4px}
.parking-wr .parkRange-wr p.way2ER:before {background-position:0px 0}
.parking-wr .parkRange-wr p.way2FU:before {background-position:-35px 0}
}
@media all and (max-width:400px) {
.parking-wr .parkPkg-wr .linkBox a {width:40px;height:40px;background-size:50%}
.parking-wr .parkRange-wr p {}
.parking-wr .parkRange-wr p.way2ER {margin:0 10px 0 0}
}
/* 편의시설안내 */
.convfacility-list {display:none}
.convfacility-list.over {display:block}
.convfacility-list > ul {width:100%}
.convfacility-list > ul:after {display:block;content:'';clear:both}
.convfacility-list > ul > li {position:relative;float:left;width:100%;margin-bottom:110px}
.convfacility-list > ul > li:last-child {margin-bottom:0}
.convfacility-list .imgBox {position:relative;float:left;width:50%;box-sizing:border-box;padding-right:80px}
.convfacility-list .imgBox:before {display:block;content:'';position:absolute;bottom:-50px;left:-50px;width:150px;height:150px;background:#f1f1f1;z-index:-1}
.convfacility-list .imgBox img {width:100%;max-width:530px}
.convfacility-list .txtBox {float:left;width:50%;box-sizing:border-box;padding-left:10px}
.convfacility-list .txtBox dt .num {display:inline-block;width:120px;font-size:28px;color:#015c61;font-family:"sofia-pro";border-bottom:2px solid #015c61;font-weight:600;padding-top:5px;padding-bottom:8px;vertical-align:text-top}
.convfacility-list .txtBox dt .txt {display:inline-block;font-size:28px;color:#333333;font-weight:500;padding-left:25px;padding-top:34px;vertical-align:text-top}
.convfacility-list .txtBox .listBox {padding-top:20px}
.convfacility-list .txtBox .listBox > li {position:relative;min-height:40px;padding-left:150px;margin-bottom:10px}
.convfacility-list .txtBox .listBox .lTit {display:block;position:absolute;top:0;left:0;padding-left:54px;line-height:40px;color:#007983}
.convfacility-list .txtBox .listBox .lTit:before {display:block;content:'';position:absolute;top:0;left:0;width:40px;height:40px;background:#007983 url(/resources/homepage/kor/_Img/Content/convfacility_spr.png) no-repeat 0 0;border-radius:40px}
.convfacility-list .txtBox .listBox > li:nth-child(even) .lTit:before {background-color:#00979c}
.convfacility-list .txtBox .listBox .lTxt {display:inline-block;color:#555;font-weight:300;padding-top:7px}
.convfacility-list .txtBox .slist > li {position:relative;margin-bottom:15px;padding-left:115px}
.convfacility-list .txtBox .slist .lsTit {display:block;position:absolute;top:0;left:0;color:#333;font-weight:400;border:1px solid #cacaca;border-radius:30px;padding:5px 0;min-width:95px;text-align:center}
.convfacility-list .txtBox .slist .lsTxt {display:inline-block;color:#555;font-weight:300;padding-top:5px}
.convfacility-list > ul > li:nth-child(even) .imgBox, .convfacility-list > ul > li.direction .imgBox {float:right;padding-right:0;padding-left:80px;text-align:right}
.convfacility-list > ul > li:nth-child(even) .imgBox:before, .convfacility-list > ul > li.direction .imgBox:before {left:auto;right:-50px}
.convfacility-list > ul > li:nth-child(even) .txtBox, .convfacility-list > ul > li.direction .txtBox {padding-left:0;padding-right:10px}
.convfacility-list .txtBox .listBox .ico1 .lTit:before {background-position:0 0}
.convfacility-list .txtBox .listBox .ico2 .lTit:before {background-position:0 -50px}
.convfacility-list .txtBox .listBox .ico3 .lTit:before {background-position:0 -100px}
.convfacility-list .txtBox .listBox .ico4 .lTit:before {background-position:0 -150px}
.convfacility-list .txtBox .listBox .ico5 .lTit:before {background-position:0 -200px}
.convfacility-list .txtBox .listBox .ico6 .lTit:before {background-position:0 -250px}
.convfacility-list .imgBox .img-slide-wr .owl-dots {bottom:-50px;text-align:center;z-index:400;font-size:0;display:inline-block;padding-top:16px}
.convfacility-list .imgBox .img-slide-wr .owl-dots .owl-dot {position:relative;display:inline-block;width:15px;height:15px;margin:0 5px;border-radius:50%;background:#acacac;border:0 solid #acacac;vertical-align:middle;transition:all .3s ease}
.convfacility-list .imgBox .img-slide-wr .owl-dots .owl-dot.active:before {display:block;content:'';position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:#707070;opacity:0;transition:all .3s ease}
.convfacility-list .imgBox .img-slide-wr .owl-dots .owl-dot.active {background:#f1f1f1;width:22px;height:22px;border:0 solid #f1f1f1}
.convfacility-list .imgBox .img-slide-wr .owl-dots .owl-dot.active:before {opacity:1}
.convfacility-list .imgBox .img-slide-wr .owl-nav {display:none}
.convfacility-list .imgBox .img-slide-wr {max-width:530px;text-align:center}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns {bottom:-45px;left:50%;display:block;text-align:center;width:auto;margin-left:50px}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns button {position:relative;display:inline-block;width:17px;height:12px;border:0;vertical-align:top;background:none;transition:all .3s ease}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns .btn-prev {display:none}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns .btn-next {display:none}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns button:focus,
.convfacility-list .imgBox .img-slide-wr .ctrl-btns button:hover {background-color:none}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns button:after {content:"";position:absolute;top:50%;left:50%;margin-top:-6px}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns .btn-stop:after {width:7px;height:12px;border-left:2px solid #707070;border-right:2px solid #707070;margin-left:-5px}
.convfacility-list .imgBox .img-slide-wr .ctrl-btns .btn-play:after {width:0;height:0;border-width:5px;border-style:solid;border-color:transparent;margin-top:-4px;margin-left:-2px;border-left:7px solid #707070}
.convfacility-list .imgBox .img-slide-wr .owl-theme .owl-nav [class*='owl-']:hover {background:none}
.convfacility3-imgbox {overflow:hidden}
.convfacility3-imgbox li {float:left;width:380px;margin-left:30px}
.convfacility3-imgbox li:first-child {margin-left:0}
.convfacility3-imgbox img {width:100%}
.cont-topinfo-type1.garden-ico .pIco:after {background:url(/resources/homepage/kor/_Img/Content/convfacility03_ico01.png) no-repeat}
.convfacility-btn {display:inline-block;margin-left:20px;vertical-align:middle}
@media all and (max-width:1289px) {
.convfacility3-imgbox li {width:32%;margin-left:2%}
}
@media all and (min-width:800px) and (max-width:999px) {
.convfacility-list .imgBox {padding-right:30px}
.convfacility-list > ul > li:nth-child(even) .imgBox, .convfacility-list > ul > li.direction .imgBox {padding-left:30px}
.convfacility-list .txtBox .slist > li {padding-left:0}
.convfacility-list .txtBox .slist .lsTit {position:relative;top:auto;left:auto}
.convfacility-list .txtBox .listBox .lTxt {display:block}
}
@media all and (max-width:799px) {
.convfacility-list > ul > li {margin-bottom:30px}
.convfacility-list .imgBox {width:100%;padding-right:0;text-align:center}
.convfacility-list .txtBox {width:100%;padding-left:0}
.convfacility-list > ul > li:nth-child(even) .imgBox, .convfacility-list > ul > li.direction .imgBox {padding-left:0;text-align:center}
.convfacility-list > ul > li:nth-child(even) .txtBox, .convfacility-list > ul > li.direction .txtBox {padding-right:0}
.convfacility-list .imgBox .img-slide-wr {margin-bottom:50px}
.cont-topinfo-type1.garden-ico .pIco:after {background-size:49px auto}
}
@media all and (max-width:499px) {
.convfacility-list .txtBox .slist > li {padding-left:0}
.convfacility-list .txtBox .slist .lsTit {position:relative;top:auto;left:auto}
}
@media all and (max-width:599px) {
.cont-topinfo-type1.garden-ico .pIco:after {background-size:34px auto}
.convfacility-list .txtBox dt .num, .convfacility-list .txtBox dt .txt {font-size:1.412em}
}
@media all and (max-width:468px) {
.cont-topinfo-type1.garden-ico .pIco:after {background-size:24px auto}
}
@media all and (max-width:399px) {
.convfacility-list .txtBox .listBox > li {padding-left:0}
.convfacility-list .txtBox .listBox .lTit {position:relative;top:auto;left:auto}
.convfacility-list .txtBox .listBox .lTxt {padding-left:54px}
.convfacility3-imgbox li {width:100%;margin-left:0;margin-bottom:10px}
}
/* 편의시설안내 > 산책로 */
/*쉼터와산책길*/
.shelter-box {position:relative;display:block;padding:40px;margin:0}
.shelter-box:before,
.shelter-box:after {content:"";display:block;position:absolute;background:#007983;left:0;top:0}
.shelter-box:before {width:100%;height:2px}
.shelter-box:after {width:2px;height:20px}
.she-bx {position:relative;display:block;margin:0;padding:0}
.she-bx .she-Lbx {position:relative;display:block;padding:0;margin:0 450px 0 0}
.she-bx .she-Imdbx {position:relative;display:block;padding:0;margin:0}
.she-bx .Imgbx {position:relative;display:block;width:100%;max-width:592px;padding:0;margin:0 auto;text-align:center}
.she-bx .Imgbx .btnBox {display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.she-bx .Imgbx .btnBox a {display:block;position:absolute;width:7%;height:8%}
.she-bx .Imgbx .btnBox a.n01 {left:20.5%;top:27.0%}
.she-bx .Imgbx .btnBox a.n02 {left:37.0%;top:27.0%}
.she-bx .Imgbx .btnBox a.n03 {left:62.0%;top:36.0%}
.she-bx .Imgbx .btnBox a.n04 {left:41.0%;top:50.0%}
.she-bx .Imgbx .btnBox a.n05 {left:27.0%;top:74.5%}
.she-bx .Imgbx .btnBox a.n06 {left:54.0%;top:65.0%}
.she-bx .Imgbx .btnBox a.n07 {left:69.5%;top:54.0%}
.she-bx .Imgbx .btnBox a.n08 {left:64.5%;top:12.0%}
.she-bx .Imgbx .btnBox a.n09 {left:47.0%;top:27.0%}
.she-bx .Imgbx > img {position:relative;max-width:100%;height:auto;z-index:1}
.she-bx .she-Rbx {position:absolute;display:block;top:0;right:0;width:400px}
.she-bx .she-Rbx .she-uL {position:relative;display:block;padding:0;margin:0;border-top:1px solid #ddd}
.she-bx .she-Rbx .she-uL>li {position:relative;display:block;padding:0;margin:0}
.she-bx .she-Rbx .she-uL>li:before {content:'';position:absolute;display:block;padding:0;margin:0;bottom:0;left:0;width:100%;height:1px;background:#ddd}
.she-bx .she-Rbx .she-uL>li>a {position:relative;display:block;padding:0 20px;margin:0}
.she-bx .she-Rbx .she-uL>li>a:before,
.she-bx .she-Rbx .she-uL>li>a:after {content:'';position:absolute;top:0;bottom:0;left:30px;margin:auto;width:20px;height:2px;background:#007781;transition:all .3s ease}
.she-bx .she-Rbx .she-uL>li>a:after {transform:rotate(90deg)}
.she-bx .she-Rbx .she-uL>li>a .she-num {position:absolute;display:block;top:14px;left:68px;padding:0;margin:0;font-size:1.250em;color:#007781}
.she-bx .she-Rbx .she-uL>li>a .she-List {position:relative;display:block;padding:18px 0 19px 80px;margin:0}
.she-bx .she-Rbx .she-uL>li>a:hover {position:relative;display:block;padding:0 20px;margin:0;background-image:linear-gradient(135deg, rgb(0, 155, 155) 0%, rgb(9, 123, 133) 43%, rgb(0, 137, 149) 100%)}
.she-bx .she-Rbx .she-uL>li>a:hover:before,
.she-bx .she-Rbx .she-uL>li>a:hover:after {content:'';background:#ffffff;transform:rotate(180deg);transition:all .3s ease}
.she-bx .she-Rbx .she-uL>li>a:hover:after {transform:rotate(270deg)}
.she-bx .she-Rbx .she-uL>li>a:hover .she-num {color:#fff}
.she-bx .she-Rbx .she-uL>li>a:hover .she-List {color:#fff}
.dialog-background {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9999}
.Board-reserve {width:500px;height:320px;left:calc( 50% - 260px );top:calc( 50% - 220px )}
.Board-Popup-Box {position:relative;display:block;padding:0;margin:0}
.Bod-Pop-bx {position:relative;display:block;padding:0;margin:0}
.Bod-Pop-bx .bod-topbar {position:relative;display:block;padding:0;margin:0;background-image:linear-gradient(135deg, rgb(18, 145, 126) 0%, rgb(17, 156, 159) 43%, rgb(4, 144, 81) 100%);border-radius:30px 0 0 0}
.Bod-Pop-bx .bod-topbar .Bod-titbx {position:relative;display:block;padding:0;margin:0 60px 0 30px;line-height:40px;font-weight:400;font-size:19px;color:#fff;letter-spacing:1px}
.Board-Popup .Bod-closbx {position:absolute;display:block;top:0;right:0;width:40px;height:40px;padding:0;margin:0;/* background:#333;*/}
.Board-Popup .Bod-closbx>a {position:relative;display:block;padding:0;margin:0}
.Board-Popup .Bod-closbx>a i {position:relative;display:block;width:30px;height:30px;padding:0;margin:5px auto;background:url(/resources/homepage/eng/_Img/Main/eng-icons.png) no-repeat;background-position:-29px -49px;transform:rotate(45deg);transition:all .3s ease}
.Board-Popup .Bod-closbx>a:hover i {position:relative;display:block;width:30px;height:30px;padding:0;margin:5px auto;background:url(/resources/homepage/eng/_Img/Main/eng-icons.png) no-repeat;background-position:-29px -49px;transform:rotate(225deg);transition:all .3s ease}
.Bod-Pop-bx .Bod-Tex-sp01 {position:relative;display:block;padding:0;margin:0 0}
.Bod-Pop-bx .Bod-Tex-sp01 i {position:relative;display:block;font-size:90px;color:#1a9452;padding:0;margin:0 0}
.Bod-Pop-bx .Bod-Tex-sp02 {position:relative;display:block;font-size:28px;font-weight:600;color:#0a6936;padding:0;margin:30px 0;text-align:center}
.Bod-Pop-bx .Bod-Tex-sp02>img {text-align:center;max-width:100%;height:auto}
.Bod-Pop-bx .Bod-Tex-sp03 {position:relative;display:block;font-size:18px;font-weight:500;color:#415048;line-height:25px;padding:0;margin:13px 0}
.Bod-Pop-bx .Bod-scllbx {position:relative;display:block;padding:15px 15px;margin:0}
.Bod-Pop-bx .Bod-scllbx .img-slide-wr {max-width:none}
.Board-Popup {display:none;position:fixed;background:#fff;z-index:99999;padding:0;border-radius:41px 0 0 0;width:990px;height:675px;top:0;right:0;bottom:0;left:0;margin:auto}
.Board-Popup:focus {outline:2px solid rgba(77, 144, 254, .5)}
.Board-Popup-Box {position:relative;display:block;padding:0;margin:0}
.Bod-Pop-bx {position:relative;display:block;padding:0;margin:0}
.Bod-Pop-bx .bod-topbar {position:relative;display:block;padding:0;margin:0;background-image:linear-gradient(135deg, rgb(18, 145, 126) 0%, rgb(17, 156, 159) 43%, rgb(4, 144, 81) 100%);border-radius:40px 0 0 0}
.Bod-Pop-bx .bod-topbar .Bod-titbx {position:relative;display:block;padding:0;margin:0 85px 0 50px;line-height:70px;font-weight:400;font-size:25px;color:#fff;letter-spacing:1px}
.Board-Popup .Bod-closbx {position:absolute;display:block;top:0;right:10px;width:70px;height:70px;padding:0;margin:0;/* background:#333;*/}
.Board-Popup .Bod-closbx>a {position:relative;display:block;width:70px;height:34px;padding:18px 0;margin:0;vertical-align:top}
.Board-Popup .Bod-closbx>a i {position:relative;display:block;width:30px;height:30px;padding:0;margin:0 auto;background:url(/resources/homepage/eng/_Img/Main/eng-icons.png) no-repeat;background-position:-29px -49px;transform:rotate(45deg);transition:all .3s ease}
.Board-Popup .Bod-closbx>a:hover i {position:relative;display:block;width:30px;height:30px;padding:0;margin:0 auto;background:url(/resources/homepage/eng/_Img/Main/eng-icons.png) no-repeat;background-position:-29px -49px;transform:rotate(225deg);transition:all .3s ease}
.Board-reserve {width:500px;height:320px;left:calc( 50% - 260px );top:calc( 50% - 220px )}
@media all and (max-width:1200px) {
.shelter-box {position:relative;display:block;padding:40px 0;margin:0}
}
@media all and (max-width:1120px) {
.shelter-box {position:relative;display:block;padding:40px 0;margin:0}
.she-bx .she-Lbx {position:relative;display:block;padding:0 0 30px 0;margin:0}
.she-bx .she-Rbx {position:relative;display:block;top:0;right:0;width:auto;padding:0;margin:0}
.Board-Popup {width:792px;height:560px}
}
@media all and (max-width:900px) {
.Board-Popup {width:554px;height:422px}
.Board-Popup .img-slide-wr .ctrl-btns button {width:42px;height:42px;background:rgba(0, 121, 131, .9)}
.Board-Popup .img-slide-wr .ctrl-btns .btn-prev:after,
.Board-Popup .img-slide-wr .ctrl-btns .btn-next:after {content:"";display:block;position:absolute;width:42px;height:42px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Img/Common/slide_nav.png) no-repeat;background-size:84px auto}
.Board-Popup .img-slide-wr .ctrl-btns .btn-prev:after {background-position:0px 0px}
.Board-Popup .img-slide-wr .ctrl-btns .btn-next:after {background-position:-42px 0px}
}
@media all and (max-width:600px) {
.Board-Popup {width:440px;height:360px}
.Bod-Pop-bx .bod-topbar .Bod-titbx {font-size:1.125em}
.Bod-Pop-bx .Bod-scllbx {min-height:290px}
}
@media all and (max-width:480px) {
.Board-Popup {width:90%;height:0;padding:0 0 76%}
.Bod-Pop-bx .Bod-Tex-sp02 {position:relative;display:block;width:100%;font-size:28px;font-weight:600;color:#0a6936;padding:0;margin:30px 0;text-align:center}
.Bod-Pop-bx .bod-topbar {border-radius:20px 0 0}
.Bod-Pop-bx .bod-topbar .Bod-titbx {font-size:1.000em;line-height:50px;margin:0 55px 0 15px}
.Board-Popup .Bod-closbx {width:50px;height:50px;right:0}
.Board-Popup .Bod-closbx > a {width:100%;height:100%;padding:0}
.Board-Popup .Bod-closbx > a i {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.Bod-Pop-bx .Bod-scllbx {min-height:215px}
}
@media all and (max-width:320px) {
.she-bx .she-Rbx .she-uL>li>a {position:relative;display:block;padding:0 10px;margin:0}
.she-bx .she-Rbx .she-uL>li>a:before,
.she-bx .she-Rbx .she-uL>li>a:after {content:'';position:absolute;top:0;bottom:0;left:5px;margin:auto;width:20px;height:2px;background:#007781;transition:all .3s ease}
.she-bx .she-Rbx .she-uL>li>a:after {transform:rotate(90deg)}
.she-bx .she-Rbx .she-uL>li>a:before,
.she-bx .she-Rbx .she-uL>li>a:after {content:'';position:absolute;top:0;bottom:0;left:5px;margin:auto;width:20px;height:2px;background:#007781;transition:all .3s ease}
.she-bx .she-Rbx .she-uL>li>a .she-num {position:absolute;display:block;top:15px;left:32px;padding:0;margin:0;font-size:1.250em;color:#007781}
.she-bx .she-Rbx .she-uL>li>a .she-List {position:relative;display:block;padding:18px 0 19px 45px;margin:0}
.Bod-Pop-bx .Bod-scllbx {min-height:312px}
.Bod-Pop-bx .bod-topbar .Bod-titbx {font-size:0.875em}
.shelter-box {position:relative;display:block;padding:40px 0;margin:0}
.she-bx .she-Lbx {position:relative;display:block;padding:0 0 30px 0;margin:0}
.she-bx .she-Rbx {position:relative;display:block;top:0;right:0;width:auto;padding:0;margin:0}
}
/*===== 고객서비스 =====*/
/* 고맙습니다 */
.thankyou-top {position:relative;font-size:0}
.thankyou-top .thktop-txt {display:inline-block;width:49%;margin-right:4%;padding-left:3%;box-sizing:border-box}
.thankyou-top .thktop-txt .tit {position:relative;font-size:42px;color:#007983;font-weight:600;margin-bottom:40px}
.thankyou-top .thktop-txt .tit:before {display:block;content:"";width:36px;height:27px;margin-bottom:30px;background:url(/resources/homepage/kor/_Img/Content/thankyou_ico.gif) no-repeat}
.thankyou-top .thktop-txt .tit:after {display:block;content:"";width:50px;height:3px;margin-top:40px;background:#007983}
.thankyou-top .thktop-txt .txt {position:relative;font-size:25px;color:#555;padding:35px 0}
.thankyou-top .thktop-txt .txt:before {position:absolute;display:block;content:"";top:0;left:50%;width:4000px;height:100%;margin-left:-2000px;background:#eee;z-index:-1}
.thankyou-top .thktop-img {display:inline-block;width:47%;box-shadow:7px 7px 15px rgba(0,0,0,.35);border-top-left-radius:70px;vertical-align:top}
.thankyou-top .thktop-img img {width:100%;border-top-left-radius:70px}
@media only screen and (max-width:1149px) {
.thankyou-top .thktop-txt .tit:before {margin-bottom:20px}
.thankyou-top .thktop-txt .tit:after {margin-top:30px}
.thankyou-top .thktop-img {margin-top:30px}
}
@media only screen and (max-width:999px) {
.thankyou-top .thktop-txt .tit {font-size:38px}
.thankyou-top .thktop-txt .txt {font-size:22px;padding:30px 0}
}
@media only screen and (max-width:799px) {
.thankyou-top .thktop-txt .tit {font-size:32px;margin-bottom:30px}
.thankyou-top .thktop-txt .tit:before {margin-bottom:15px}
.thankyou-top .thktop-txt .tit:after {margin-top:20px}
.thankyou-top .thktop-txt .txt {font-size:19px;padding:30px 0}
}
@media only screen and (max-width:699px) {
.thankyou-top {padding-top:50%;font-size:inherit}
.thankyou-top .thktop-txt {display:block;width:auto;margin-right:0;padding-left:0}
.thankyou-top .thktop-txt .tit {font-size:1.765em}
.thankyou-top .thktop-txt .txt {font-size:1.059em;padding:25px 0}
.thankyou-top .thktop-img {position:absolute;display:block;top:0;left:50%;width:70%;transform:translateX(-50%);-ms-transform:translateX(-50%);margin-top:0}
}
/* 증명서 발급 > 온라인 증명서 발급 */
.certificateissue .thktop-txt .txt {font-size:initial}
.certificateissue .thktop-txt .txt p {font-size:25px;margin-bottom:30px}
@media only screen and (max-width:999px) {
.certificateissue .thktop-txt .txt {padding:30px 0}
.certificateissue .thktop-txt .txt p {font-size:22px}
}
@media only screen and (max-width:799px) {
.certificateissue .thktop-txt .txt p {font-size:19px}
}
@media only screen and (max-width:699px) {
.certificateissue .thktop-txt .txt {padding:25px 0}
.certificateissue .thktop-txt .txt p {font-size:1.059em;margin-bottom:25px}
}
/*===== 병원소개 =====*/
/* 재단소개 > 이사장 인사말 */
.presiMsg-top {position:relative;height:500px}
.presiMsg-top:before {content:"";position:absolute;top:0;left:50%;background:url(/resources/homepage/kor/_Img/Content/presiMsg_bg.jpg);width:2000px;height:500px;margin:0 0 0 -1000px}
.presiMsg-txt {overflow:hidden;margin:45px 0 0}
.presiMsg-txt > div {display:block;float:left;width:50%;box-sizing:border-box}
.presiMsg-txt > div > p {display:block;font-size:1.063em;letter-spacing:-.025em;line-height:1.765;margin:0 0 40px}
.presiMsg-txt > div > p:last-child {margin-bottom:0}
.presiMsg-txt .presiMsg-left {padding:0 41px 0 0}
.presiMsg-txt .presiMsg-right {padding:0 0 0 41px}
/* 재단소개 > 설립자소개 */
.presiMsg-wr .presiMsg-top.foun {padding:80px 450px 0 0}
.presiMsg-wr .presiMsg-top.foun:before {content:"";position:absolute;top:0;left:50%;background:url(/resources/homepage/kor/_Img/Content/founder_top_bg.jpg) no-repeat center top;width:2000px;height:500px;margin:0 0 0 -1000px;z-index:-1}
.presiMsg-txt > div > p .csc-por {display:inline;color:#ea7400}
@media all and (max-width:999px) {
.presiMsg-wr .presiMsg-top.foun {padding:80px 400px 0 0}
}
@media all and (max-width:899px) {
.presiMsg-wr .presiMsg-top.foun:before {margin:0 0 0 -1150px}
}
@media all and (max-width:730px) {
.presiMsg-wr .presiMsg-top.foun {height:auto;padding:0}
.presiMsg-wr .presiMsg-top.foun:before {display:none}
.presiMsg-wr .presiMsg-top .txtBox {margin:30px 0 0}
}
/* 재단소개 > 설립 취지 */
.establhp-wr .establhp-top.lpurpose {position:relative}
.establhp-wr .establhp-top.lpurpose:before {content:"";position:absolute;left:50%;top:0;display:block;background:url(/resources/homepage/kor/_Img/Content/establpurpose_top_bg.jpg) no-repeat 0 0;width:2000px;height:500px;margin-left:-1000px;z-index:-1}
@media all and (max-width:1100px) {
.establhp-wr .establhp-top.lpurpose {padding:0 440px 0 0;min-height:400px}
.establhp-wr .establhp-top.lpurpose:before {height:400px}
}
@media all and (max-width:900px) {
.establhp-wr .establhp-top.lpurpose {padding:0 300px 0 0;min-height:320px}
.establhp-wr .establhp-top.lpurpose:before {height:320px}
}
@media all and (max-width:800px) {
.establhp-wr .establhp-top.lpurpose {padding:0 340px 0 0}
.establhp-wr .establhp-top.lpurpose .txtBox .pTit {line-height:35px}
}
@media all and (max-width:700px) {
.establhp-wr .establhp-top.lpurpose {min-height:0;padding:0}
.establhp-wr .establhp-top.lpurpose:before {display:none}
}
/* 재단소개 > 이사장 인사말 */
.presiMsg-wr .presiMsg-top {position:relative;height:500px;box-sizing:border-box;padding:80px 560px 0 0}
.presiMsg-wr .presiMsg-top:before {content:"";position:absolute;top:0;left:50%;background:url(/resources/homepage/kor/_Img/Content/chairmangreeting_top_bg.jpg) no-repeat center top;width:2000px;height:500px;margin:0 0 0 -1000px;z-index:-1}
.presiMsg-wr .presiMsg-top .imgBox {display:none}
.presiMsg-wr .presiMsg-top .imgBox img {display:block;position:relative;max-width:100%;z-index:1}
.presiMsg-wr .presiMsg-top .txtBox .deco {font-size:1.375em;display:inline-block;position:relative;font-family:"sofia-pro";font-weight:500;color:#b8b8b8;letter-spacing:.05em;line-height:1;padding:70px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .deco:before {content:"";display:block;position:absolute;width:36px;height:27px;background:url(/resources/homepage/kor/_Img/Content/quotes_spr.png) no-repeat;left:0;top:0}
.presiMsg-wr .presiMsg-top .txtBox .pTit {font-size:2.353em;color:#015c61;letter-spacing:-.05em;line-height:1.333;margin:13px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .pTit span {display:block}
.presiMsg-wr .presiMsg-top .txtBox .sign {text-align:right;margin-top:60px}
.presiMsg-wr .presiMsg-top .txtBox .sign .line {font-size:1.188em;display:inline;border-bottom:2px solid #c3c3c3;padding-bottom:20px}
.presiMsg-wr .presiMsg-top .txtBox .sign .name {display:inline;font-size:2.000em;color:#000;margin-left:20px;font-weight:500}
@media all and (max-width:1200px) {
.presiMsg-wr .presiMsg-top .txtBox .pTit span {display:inline}
.presiMsg-wr .presiMsg-top .txtBox .sign {margin-top:40px}
}
@media all and (max-width:1150px) {
.presiMsg-wr .presiMsg-top {padding:80px 400px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .sign {margin-top:20px}
}
@media all and (max-width:1100px) {
.presiMsg-wr .presiMsg-top {padding:70px 400px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .sign {margin-top:30px}
}
@media all and (max-width:1024px) {
.presiMsg-wr .presiMsg-top .txtBox .deco {font-size:1.125em}
.presiMsg-wr .presiMsg-top .txtBox .pTit {font-size:1.875em}
}
@media all and (max-width:999px) {
.presiMsg-wr .presiMsg-top {padding:90px 400px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .sign {text-align:left}
.presiMsg-wr .presiMsg-top .txtBox .deco {padding:50px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .deco:before {width:29px;height:22px;background-size:29px auto}
.presiMsg-wr .presiMsg-top .txtBox .sign .line {font-size:1.188em;padding-bottom:15px}
.presiMsg-wr .presiMsg-top .txtBox .sign .name {font-size:2.000em}
}
@media all and (max-width:899px) {
.presiMsg-wr .presiMsg-top:before {margin:0 0 0 -1150px}
}
@media all and (max-width:850px) {
.presiMsg-wr .presiMsg-top .txtBox .sign .line {font-size:17px;padding-bottom:10px}
.presiMsg-wr .presiMsg-top .txtBox .sign .name {font-size:25px}
}
@media all and (max-width:730px) {
.presiMsg-wr .presiMsg-top {height:auto;padding:0}
.presiMsg-wr .presiMsg-top:before {display:none}
.presiMsg-wr .presiMsg-top .imgBox {display:block;position:relative;margin:0 auto;box-sizing:border-box;height:auto;width:100%}
.presiMsg-wr .presiMsg-top .imgBox:before {content:"";position:absolute;top:0;left:50%;background:#f1f1f1;width:2000px;height:100%;z-index:-1;margin-left:-1000px}
.presiMsg-wr .presiMsg-top .txtBox {margin:30px 0 0}
}
@media all and (max-width:699px) {
.presiMsg-txt > div {width:100%}
.presiMsg-wr .presiMsg-top .txtBox {margin:20px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .deco {padding:35px 0 0}
.presiMsg-wr .presiMsg-top .txtBox .sign {margin-top:20px}
.presiMsg-txt .presiMsg-right {padding:0 0 0 0}
}
@media all and (max-width:599px) {
.presiMsg-wr .presiMsg-top .imgBox img {margin-left:25%}
}
/* 재단소개 > 재단산하병원 */
.cont-link-type1.affi ul li {display:inline-block;width:31.2%;margin:0 3% 40px 0;font-size:17px;vertical-align:top}
.cont-link-type1.affi ul li img {max-width:100%}
.cont-link-type1.affi ul li:nth-child(3n) {margin-right:0}
.cont-link-type1.affi .uriBox .uriStr {line-height:30px;min-height:20px}
@media all and (max-width:700px) {
.cont-link-type1.affi ul li {width:48%;margin:0 2% 20px 0}
.cont-link-type1.affi ul li img {max-width:97%}
.cont-link-type1.affi ul li:nth-child(4n) {margin-right:1.666%}
.cont-link-type1.affi ul li:nth-child(3n) {margin-right:1.666%}
.cont-link-type1.affi ul li:nth-child(2n) {margin-right:0}
.cont-link-type1.affi .uriBox .uriStr {padding:12px 0 12px}
}
@media all and (max-width:599px) {
.cont-link-type1.affi ul li {font-size:15px}
}
@media all and (max-width:500px) {
.cont-link-type1.affi ul li {width:100%;margin:0 0 20px 0}
.cont-link-type1.affi ul li img {max-width:100%}
.cont-link-type1.affi ul li:nth-child(4n) {margin-right:0}
.cont-link-type1.affi ul li:nth-child(3n) {margin-right:0}
.cont-link-type1.affi ul li:nth-child(2n) {margin-right:0}
.cont-link-type1.affi .txtBox {padding:10px 35px 10px 0}
.cont-link-type1.affi .txtBox .lIco {width:31px;height:31px;top:19px}
.cont-link-type1.affi .uriBox .uriStr br {display:none}
}
/* 병원소개 > 설립 취지 */
.establhp-wr {position:relative}
.establhp-wr .establhp-top {box-sizing:border-box;position:relative;min-height:460px;padding:50px 500px 50px 0}
.establhp-wr .establhp-top:before {content:"";position:absolute;left:50%;top:0;display:block;background:url(/resources/homepage/kor/_Img/Content/establhp_top_bg.jpg) no-repeat 0 0;width:2000px;height:500px;margin-left:-1000px;z-index:-1}
.establhp-wr .establhp-top .imgBox {display:block;position:absolute;width:560px;height:360px;border-radius:50px 0 0 0;right:0;top:50px;box-shadow:7px 7px 15px rgba(0, 0, 0, .35)}
.establhp-wr .establhp-top .imgBox img {display:block;position:relative;width:100%;z-index:1}
.establhp-wr .establhp-top .txtBox .deco {display:inline-block;position:relative;font-family:"sofia-pro";font-weight:500;color:#58ebf0;letter-spacing:.05em;line-height:1;padding:60px 0 0;font-size:20px}
.establhp-wr .establhp-top .txtBox .pTit {position:relative;font-size:35px;color:#fff;letter-spacing:-.05em;line-height:45px;margin:13px 0 40px;padding-bottom:40px}
.establhp-wr .establhp-top .txtBox .pTit span {display:block}
.establhp-wr .establhp-top .txtBox .pTit:before {content:"";display:block;position:absolute;width:50px;height:3px;background:rgba(255, 255, 255, 0.3);left:0;bottom:0}
.establhp-wr .establhp-top .txtBox .pTxt {font-size:28px;letter-spacing:-.05em;color:#fff}
.establhp-wr .establhp-top .txtBox .pTxt span {display:block}
.establhp-wr .establhp-txt {position:relative}
.establhp-wr .establhp-txt .txt {width:47.7%;margin-right:4%;display:inline-block;vertical-align:top;font-size:18px;color:#555}
.establhp-wr .establhp-txt .txt:nth-child(2n) {margin-right:0}
.establhp-wr .establhp-txt .txt span {margin-bottom:40px;display:block}
.establhp-wr .establhp-txt .txt span:last-child {margin-bottom:0}
@media all and (max-width:1100px) {
.establhp-wr .establhp-top {padding:0 440px 0 0;min-height:400px}
.establhp-wr .establhp-top:before {height:400px}
.establhp-wr .establhp-top .imgBox {width:448px;height:270px}
.establhp-wr .establhp-top .txtBox .pTit {margin:13px 0 30px;padding-bottom:30px}
.establhp-wr .establhp-top .txtBox .pTxt {font-size:25px}
}
@media all and (max-width:900px) {
.establhp-wr .establhp-top {padding:0 300px 0 0;min-height:320px}
.establhp-wr .establhp-top:before {height:320px}
.establhp-wr .establhp-top .imgBox {width:336px;height:216px}
.establhp-wr .establhp-top .txtBox .pTit {font-size:27px;margin:10px 0 20px;padding-bottom:20px}
.establhp-wr .establhp-top .txtBox .pTxt {margin:10px 0 0;font-size:20px}
.establhp-wr .establhp-txt .txt span {margin-bottom:30px}
}
@media all and (max-width:800px) {
.establhp-wr .establhp-top {padding:0 340px 0 0}
.establhp-wr .establhp-top .txtBox .pTit {line-height:35px}
}
@media all and (max-width:700px) {
.establhp-wr .establhp-top {min-height:0;padding:0}
.establhp-wr .establhp-top:before {display:none}
.establhp-wr .establhp-top .imgBox {position:relative;height:auto;right:auto;top:auto;margin:0 auto;width:100%;max-width:400px}
.establhp-wr .establhp-top .imgBox:after {content:"";display:block;position:absolute;width:2000px;height:100%;background:#eee;left:110px;top:20px;z-index:-1}
.establhp-wr .establhp-top .txtBox {margin:15px 0 0}
.establhp-wr .establhp-top .txtBox .deco {color:#00acb2;padding:30px 0 10px;font-size:1.059em}
.establhp-wr .establhp-top .txtBox .pTit {color:#222;margin:0 0 15px;padding-bottom:10px;line-height:30px}
.establhp-wr .establhp-top .txtBox .pTit span {display:inline}
.establhp-wr .establhp-top .txtBox .pTit:before {width:40px;height:2px;background:rgba(0, 0, 0, 0.3)}
.establhp-wr .establhp-top .txtBox .pTxt {color:#555}
}
@media all and (max-width:599px) {
.establhp-wr .establhp-txt .txt {width:100%;margin-right:0;font-size:15px}
.establhp-wr .establhp-top .txtBox .deco {font-size:16px}
.establhp-wr .establhp-top .txtBox .pTit {font-size:1.30em}
.establhp-wr .establhp-top .txtBox .pTxt {font-size:17px}
.establhp-wr .establhp-txt .txt span {margin-bottom:20px}
.establhp-wr .establhp-txt .txt .last {margin-bottom:0}
}
/* 병원소개 > 재단소개 > 아산기념전시실 > 연표
------------------------------------------------------ */
.exhibithistory-wr .dpt-histry-type01 {padding-top:30px}
.exhibithistory-wr .dpt-histry-type01 .history-list {padding:28px 0 0 200px}
.exhibithistory-wr .dpt-histry-type01 .history-list .year {font-size:0}
.exhibithistory-wr .dpt-histry-type01 .history-list ol {padding:30px 0 0}
@media all and (max-width:999px) {
.exhibithistory-wr .dpt-histry-type01 .history-list {padding:28px 0 0 150px}
}
@media all and (max-width:700px) {
.exhibithistory-wr .dpt-histry-type01 .history-list {padding:12px 0 0 45px}
.exhibithistory-wr .dpt-histry-type01 .history-list .year {width:150px;height:1px}
}
@media all and (max-width:500px) {
.exhibithistory-wr .dpt-histry-type01 .history-list {padding:12px 0 0 30px}
}
@media all and (max-width:400px) {
.exhibithistory-wr .dpt-histry-type01 .history-list {padding:7px 0 0 10px}
}
/* 병원소개 > 재단소개 > 아산기념전시실 > 조감도
------------------------------------------------------ */
.exhibitView-wr {}
.exhibitView-wr .wrap-map .deptLocMap {background:#fff;box-sizing:border-box;position:relative}
.exhibitView-wr .wrap-map .deptLocMap img {}
@media only screen and (max-width:399px) {
.exhibitView-wr .convfacility-btn {display:block;margin-left:0;margin-top:10px}
}
/* 병원소개 > 재단소개 > 아산기념전시실 > 둘러보기
------------------------------------------------------ */
.exhibition-wr {}
.exhibition-wr .unitPkg {}
.exhibition-wr .unitPkg .unit {min-height:350px;box-sizing:border-box;position:relative;padding:60px 650px 0 0;margin:0 0 60px}
.exhibition-wr .unitPkg .unit:last-child {margin:0}
.exhibition-wr .unitPkg .unit .txtBox {}
.exhibition-wr .unitPkg .unit .txtBox .tit {display:block;font-size:1.647em;font-weight:500;letter-spacing:-.05em;color:#015c61;line-height:1.2;box-sizing:border-box;position:relative;z-index:1;padding:30px 48px 30px}
.exhibition-wr .unitPkg .unit .txtBox .tit:before,
.exhibition-wr .unitPkg .unit .txtBox .tit:after {content:"";display:block;position:absolute}
.exhibition-wr .unitPkg .unit .txtBox .tit:before {width:45px;height:3px;left:50px;bottom:0;background:#015c61;z-index:1}
.exhibition-wr .unitPkg .unit .txtBox .tit:after {width:150px;height:150px;left:0;top:50%;transform:translateY(-50%);background:#e5f7f7;z-index:0;border-radius:50%}
.exhibition-wr .unitPkg .unit:nth-child(even) .txtBox .tit:after {background:#e5f3f0}
.exhibition-wr .unitPkg .unit .txtBox .tit span {position:relative;z-index:2}
.exhibition-wr .unitPkg .unit .txtBox .txt {font-size:1.059em;letter-spacing:-.05em;line-height:1.778;position:relative;z-index:2;margin:47px 50px 0}
.exhibition-wr .unitPkg .unit .imgBox {display:block;position:absolute;width:550px;right:0;top:0}
.exhibition-wr .unitPkg .unit .imgBox:after {content:"";display:block;position:absolute;width:150px;height:150px;background:#f1f1f1;right:-50px;bottom:-50px;z-index:-1}
.exhibition-wr .unitPkg .unit .imgBox img {display:block;position:relative;width:100%}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:60px 0 0 650px}
.exhibition-wr .unitPkg .unit:nth-child(even) .imgBox {right:auto;left:0}
.exhibition-wr .unitPkg .unit:nth-child(even) .imgBox:after {right:auto;left:-50px}
@media all and (max-width:1200px) {
.exhibition-wr .unitPkg .unit {padding:40px 590px 0 0}
.exhibition-wr .unitPkg .unit .txtBox .tit {padding:20px 30px}
.exhibition-wr .unitPkg .unit .txtBox .tit:before {left:30px}
.exhibition-wr .unitPkg .unit .txtBox .txt {margin:30px 30px 0}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:40px 0 0 590px}
}
@media all and (max-width:1100px) {
.exhibition-wr .unitPkg .unit {padding:20px 520px 0 0;min-height:319px}
.exhibition-wr .unitPkg .unit .imgBox {width:500px}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:20px 0 0 520px}
}
@media all and (max-width:999px) {
.exhibition-wr .unitPkg .unit {padding:20px 420px 0 0;min-height:255px}
.exhibition-wr .unitPkg .unit .txtBox .tit {font-size:1.30em;padding:10px 20px}
.exhibition-wr .unitPkg .unit .txtBox .tit:before {width:30px;height:2px;left:20px}
.exhibition-wr .unitPkg .unit .txtBox .tit:after {width:100px;height:100px}
.exhibition-wr .unitPkg .unit .txtBox .txt {margin:20px 20px 0}
.exhibition-wr .unitPkg .unit .imgBox {width:400px}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:20px 0 0 420px}
}
@media all and (max-width:800px) {
.exhibition-wr .unitPkg .unit {padding:20px 320px 0 0;min-height:191px;margin:0 0 30px}
.exhibition-wr .unitPkg .unit .txtBox .tit:after {width:40px;height:40px}
.exhibition-wr .unitPkg .unit .txtBox .txt {font-size:1.00em;line-height:1.50;margin:20px 0 0}
.exhibition-wr .unitPkg .unit .imgBox {width:300px}
.exhibition-wr .unitPkg .unit .imgBox:after {right:-20px;bottom:-20px}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:20px 0 0 320px}
}
@media all and (max-width:700px) {
.exhibition-wr .unitPkg .unit {padding:20px 0 0;min-height:0}
.exhibition-wr .unitPkg .unit .txtBox .tit {text-align:center;padding:20px 20px 10px}
.exhibition-wr .unitPkg .unit .txtBox .tit:before {left:50%;margin:0 0 0 -15px}
.exhibition-wr .unitPkg .unit .txtBox .tit:after {left:50%;top:0;margin:0 0 0 -20px;transform:translateY(0)}
.exhibition-wr .unitPkg .unit .imgBox {position:relative;width:100%;max-width:420px;margin:0 auto 20px;right:auto;top:auto}
.exhibition-wr .unitPkg .unit:nth-child(even) {padding:20px 0 0}
.exhibition-wr .unitPkg .unit:nth-child(even) .imgBox {right:auto;left:auto}
}
/* 병원소개 > 인사말 */
.greeting-wr {position:relative}
.greeting-wr .greeting-top {position:relative;width:100%;height:500px}
.greeting-wr .greeting-top:before {content:"";position:absolute;left:50%;top:0;display:block;background:url(/resources/homepage/kor/_Img/Content/greeting_top_bg.jpg) no-repeat 0 0;width:2000px;height:500px;margin-left:-1000px;z-index:-1}
.greeting-wr .greeting-top .tit {position:absolute;bottom:0;left:0;background:url(/resources/homepage/kor/_Img/Content/greeting_spr.png) no-repeat top right #008486;width:350px;padding:70px 60px 75px}
.greeting-wr .greeting-top .tit .stxt {position:relative;font-size:18px;color:#adcdce;display:block;text-align:center;font-weight:500;padding-bottom:20px}
.greeting-wr .greeting-top .tit .stxt:before {content:"";display:block;position:absolute;width:71%;height:2px;background:rgba(255, 255, 255, 0.2);left:-60px;bottom:0;margin-top:10px}
.greeting-wr .greeting-top .tit .stxt strong {font-size:22px;color:#fff;padding-left:20px}
.greeting-wr .greeting-top .tit .btxt {font-size:2.059em;color:#fff;margin-top:19px;display:block;font-weight:300;line-height:50px}
.greeting-wr .greeting-top .imgBox {display:none}
.greeting-wr .greeting-top .imgBox img {max-width:100%}
.greeting-wr .greeting-txt-box .greeting-txt {width:47.5%;margin-right:4%;display:inline-block;vertical-align:top}
.greeting-wr .greeting-txt-box .greeting-txt:last-child {margin-right:0}
.greeting-wr .greeting-txt-box .greeting-txt .txt {margin-bottom:40px;font-size:19px;color:#555;letter-spacing:-.05em;line-height:1.944em}
.greeting-wr .greeting-txt-box .greeting-txt .txt:last-child {margin-bottom:0}
.greeting-wr .greeting-txt-box .greeting-txt .sign {text-align:right;font-size:35px;color:#000;font-weight:500}
.greeting-wr .greeting-txt-box .greeting-txt .sign span {margin-bottom:50px;font-size:19px;color:#555;letter-spacing:-.05em;margin-right:20px;font-weight:400;display:inline-block}
@media all and (max-width:1200px) {
.greeting-wr .greeting-top .tit {width:330px;padding:70px 60px 75px}
}
@media all and (max-width:1024px) {
.greeting-wr .greeting-top .tit {padding:60px 50px 65px}
}
@media all and (max-width:999px) {
.greeting-wr .greeting-top .tit {width:350px;padding:50px 40px 55px;background-size:55% auto}
.greeting-wr .greeting-top .tit .stxt:before {left:-40px;width:65%}
.greeting-wr .greeting-top .tit .stxt strong {font-size:20px;padding-left:15px}
.greeting-wr .greeting-top .tit .btxt {font-size:30px}
.greeting-wr .greeting-txt-box .greeting-txt .txt {margin-bottom:30px;font-size:18px}
.greeting-wr .greeting-txt-box .greeting-txt .sign {font-size:30px}
.greeting-wr .greeting-txt-box .greeting-txt .sign span {font-size:18px}
}
@media all and (max-width:799px) {
.greeting-wr .greeting-top .tit {width:320px;padding:40px 30px 45px}
.greeting-wr .greeting-top .tit .stxt:before {left:-30px;width:65%}
.greeting-wr .greeting-top .tit .stxt {font-size:17px}
.greeting-wr .greeting-top .tit .stxt strong {font-size:18px;padding-left:15px}
.greeting-wr .greeting-top .tit .btxt {font-size:27px;line-height:40px}
.greeting-wr .greeting-top .tit .btxt br {display:none}
.greeting-wr .greeting-txt-box .greeting-txt .txt {margin-bottom:20px;font-size:17px}
.greeting-wr .greeting-txt-box .greeting-txt .sign {font-size:27px}
.greeting-wr .greeting-txt-box .greeting-txt .sign span {font-size:17px}
}
@media all and (max-width:699px) {
.greeting-wr .greeting-top {height:440px}
.greeting-wr .greeting-top:before {display:none}
.greeting-wr .greeting-top .imgBox {display:block}
.greeting-wr .greeting-top .tit {padding:30px 30px 35px;position:relative;margin:0 auto;width:100%;padding:20px 5%;bottom:auto;left:auto;text-align:center;box-sizing:border-box}
.greeting-wr .greeting-top .tit .stxt:before {left:0;width:100%}
.greeting-wr .greeting-top .tit .stxt {padding-bottom:15px}
.greeting-wr .greeting-top .tit .btxt {margin-top:15px}
}
@media all and (max-width:599px) {
.greeting-wr .greeting-top {height:auto}
.greeting-wr .greeting-top .tit .stxt {font-size:16px}
.greeting-wr .greeting-top .tit .stxt strong {font-size:17px;padding-left:15px}
.greeting-wr .greeting-top .tit .btxt {font-size:25px;line-height:40px}
.greeting-wr .greeting-txt-box .greeting-txt {width:100%;margin-right:0}
.greeting-wr .greeting-txt-box .greeting-txt .txt {margin-bottom:15px;font-size:16px}
.greeting-wr .greeting-txt-box .greeting-txt .sign {font-size:25px}
.greeting-wr .greeting-txt-box .greeting-txt .sign span {font-size:16px}
}
@media all and (max-width:499px) {
.greeting-wr .greeting-top .tit .stxt {font-size:15px}
.greeting-wr .greeting-top .tit .stxt strong {font-size:16px;padding-left:10px}
.greeting-wr .greeting-top .tit .btxt {font-size:20px;line-height:30px}
.greeting-wr .greeting-txt-box .greeting-txt .txt {font-size:15px}
.greeting-wr .greeting-txt-box .greeting-txt .sign {font-size:20px}
.greeting-wr .greeting-txt-box .greeting-txt .sign span {font-size:15px}
}
/* 병원소개 > 인사말 */
.greeting-wr2 {position:relative}
.greeting-wr2 .greeting-top {position:relative;width:100%;height:600px}
.greeting-wr2 .greeting-top:before {content:"";position:absolute;left:50%;top:0;display:block;background:url(/resources/homepage/kor/_Img/Content/greeting_top_bg3.jpg) no-repeat 0 0;width:2000px;height:600px;margin-left:-1000px;z-index:-1}
.greeting-wr2 .greeting-top .tit {position:absolute;bottom:0;left:0;background:url(/resources/homepage/kor/_Img/Content/greeting_spr.png) no-repeat top right #008486;width:350px;padding:70px 60px 75px}
.greeting-wr2 .greeting-top .tit .stxt {position:relative;font-size:18px;color:#adcdce;display:block;text-align:center;font-weight:500;padding-bottom:20px}
.greeting-wr2 .greeting-top .tit .stxt:before {content:"";display:block;position:absolute;width:71%;height:2px;background:rgba(255, 255, 255, 0.2);left:-60px;bottom:0;margin-top:10px}
.greeting-wr2 .greeting-top .tit .stxt strong {font-size:22px;color:#fff;padding-left:20px}
.greeting-wr2 .greeting-top .tit .btxt {font-size:2.059em;color:#fff;margin-top:19px;display:block;font-weight:300;line-height:50px}
.greeting-wr2 .greeting-top .imgBox {display:none}
.greeting-wr2 .greeting-top .imgBox img {max-width:100%}
.greeting-wr2 .greeting-txt-box .greeting-txt {width:47.5%;margin-right:4%;display:inline-block;vertical-align:top}
.greeting-wr2 .greeting-txt-box .greeting-txt:last-child {margin-right:0}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt {margin-bottom:40px;font-size:19px;color:#555;letter-spacing:-.05em;line-height:1.944em}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt:last-child {margin-bottom:0}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign {text-align:right;font-size:35px;color:#000;font-weight:500}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign span {margin-bottom:50px;font-size:19px;color:#555;letter-spacing:-.05em;margin-right:20px;font-weight:400;display:inline-block}
@media all and (max-width:1200px) {
.greeting-wr2 .greeting-top .tit {width:330px;padding:70px 60px 75px}
}
@media all and (max-width:1024px) {
.greeting-wr2 .greeting-top .tit {padding:60px 50px 65px}
}
@media all and (max-width:999px) {
.greeting-wr2 .greeting-top .tit {width:350px;padding:50px 40px 55px;background-size:55% auto}
.greeting-wr2 .greeting-top .tit .stxt:before {left:-40px;width:65%}
.greeting-wr2 .greeting-top .tit .stxt strong {font-size:20px;padding-left:15px}
.greeting-wr2 .greeting-top .tit .btxt {font-size:30px}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt {margin-bottom:30px;font-size:18px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign {font-size:30px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign span {font-size:18px}
}
@media all and (max-width:799px) {
.greeting-wr2 .greeting-top .tit {width:320px;padding:40px 30px 45px}
.greeting-wr2 .greeting-top .tit .stxt:before {left:-30px;width:65%}
.greeting-wr2 .greeting-top .tit .stxt {font-size:17px}
.greeting-wr2 .greeting-top .tit .stxt strong {font-size:18px;padding-left:15px}
.greeting-wr2 .greeting-top .tit .btxt {font-size:27px;line-height:40px}
.greeting-wr2 .greeting-top .tit .btxt br {display:none}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt {margin-bottom:20px;font-size:17px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign {font-size:27px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign span {font-size:17px}
}
@media all and (max-width:699px) {
.greeting-wr2 .greeting-top {height:440px}
.greeting-wr2 .greeting-top:before {display:none}
.greeting-wr2 .greeting-top .imgBox {display:block}
.greeting-wr2 .greeting-top .tit {padding:30px 30px 35px;position:relative;margin:0 auto;width:100%;padding:20px 5%;bottom:auto;left:auto;text-align:center;box-sizing:border-box}
.greeting-wr2 .greeting-top .tit .stxt:before {left:0;width:100%}
.greeting-wr2 .greeting-top .tit .stxt {padding-bottom:15px}
.greeting-wr2 .greeting-top .tit .btxt {margin-top:15px}
}
@media all and (max-width:599px) {
.greeting-wr2 .greeting-top {height:auto}
.greeting-wr2 .greeting-top .tit .stxt {font-size:16px}
.greeting-wr2 .greeting-top .tit .stxt strong {font-size:17px;padding-left:15px}
.greeting-wr2 .greeting-top .tit .btxt {font-size:25px;line-height:40px}
.greeting-wr2 .greeting-txt-box .greeting-txt {width:100%;margin-right:0}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt {margin-bottom:15px;font-size:16px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign {font-size:25px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign span {font-size:16px}
}
@media all and (max-width:499px) {
.greeting-wr2 .greeting-top .tit .stxt {font-size:15px}
.greeting-wr2 .greeting-top .tit .stxt strong {font-size:16px;padding-left:10px}
.greeting-wr2 .greeting-top .tit .btxt {font-size:20px;line-height:30px}
.greeting-wr2 .greeting-txt-box .greeting-txt .txt {font-size:15px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign {font-size:20px}
.greeting-wr2 .greeting-txt-box .greeting-txt .sign span {font-size:15px}
}
/* 병원소개 > 미션&비전 */
.mission-wr .cont-topinfo-type2.invis .txtBox .deco {display:block;position:relative;font-family:"sofia-pro";font-weight:500;color:#007983;letter-spacing:.05em;line-height:1;padding:20px 0 0 0;margin-bottom:25px;font-size:1.375em}
.mission-wr .cont-topinfo-type2.invis .txtBox .deco:before {content:"";display:block;position:absolute;width:60%;height:1px;background:#007983;left:211px;top:50%;margin-top:10px}
.mission-wr .cont-topinfo-type2.invis .txtBox .pTit {font-size:1.765em;color:#333;letter-spacing:-.05em;line-height:1.333;margin:13px 0 40px}
.viLst {text-align:left}
.viLst > li {position:relative;padding:5px 0 5px 60px;margin-top:7px}
.viLst > li:first-child {margin-top:0}
.viLst > li .num {display:block;position:absolute;width:40px;height:40px;line-height:37px;background:#f1f1f1;border-radius:50%;text-align:center;font-family:"sofia-pro", sans-serif;color:#007983;font-size:1.125em;top:0;left:0;font-weight:500}
.mission-wr .inmis {position:relative;padding-bottom:70px}
.mission-wr .inmis:before {content:"";display:block;position:absolute;width:2000px;height:455px;bottom:0;left:50%;margin-left:-1000px;background:#f7f7f7;z-index:-1}
.mission-wr .inmis .tit, .mission-wr .inpri .tit {font-size:32px;color:#333;font-weight:500;margin-bottom:35px}
.mission-wr .inmis .tit {text-align:center}
.mission-wr .inmis .tit .en, .mission-wr .inpri .tit .en {display:block;position:relative;font-family:"sofia-pro";color:#007983;letter-spacing:.05em;line-height:1;margin-bottom:5px;font-size:22px}
.mission-wr .inmis .txt {display:block;box-sizing:border-box;text-align:center;background:#008486;border-radius:0 0 50px 0;padding:35px 20px;color:#fff;font-size:1.176em}
.mission-wr .inmis .vau-list {overflow:hidden}
.mission-wr .inmis .vau-list li {position:relative;text-align:center;display:inline-block;width:24%;border-right:1px solid #b1b1b1;vertical-align:top;padding:120px 0 10px;font-size:1.176em;font-weight:500}
.mission-wr .inmis .vau-list li:before {content:"";position:absolute;left:50%;top:0;display:block;background:url(/resources/homepage/kor/_Img/Content/mission_spr.png) no-repeat 0 0 #fff;width:90px;height:90px;border-radius:50%;border:2px solid #dcdcdc;margin-left:-45px}
.mission-wr .inmis .vau-list .num01:before {background-position:0 0}
.mission-wr .inmis .vau-list .num02:before {background-position:-92px 0}
.mission-wr .inmis .vau-list .num03:before {background-position:-184px 0}
.mission-wr .inmis .vau-list .num04:before {background-position:-276px 0}
.mission-wr .inmis .vau-list li:last-child {border-right:none}
.mission-wr .inpri .tit {text-align:left}
.mission-wr .inpri .cont-listTxt-type1.multiRow .mLst1 .role-body {font-size:1.176em;font-weight:500}
@media all and (max-width:899px) {
.mission-wr .inmis:before {height:80%}
.mission-wr .inmis .vau-list li {padding:90px 0 10px}
.mission-wr .inmis .vau-list li:before {width:72px;height:72px;margin-left:-36px;background-size:293px auto}
.mission-wr .inmis .vau-list .num01:before {background-position:0 0}
.mission-wr .inmis .vau-list .num02:before {background-position:-74px 0}
.mission-wr .inmis .vau-list .num03:before {background-position:-147px 0}
.mission-wr .inmis .vau-list .num04:before {background-position:-221px 0}
}
@media all and (max-width:799px) {
.viLst > li {padding:2px 0 4px 42px}
.viLst > li .num {line-height:28px}
.mission-wr .inmis .tit, .mission-wr .inpri .tit {font-size:27px;margin-bottom:20px}
.mission-wr .inmis .tit .en, .mission-wr .inpri .tit .en {margin-bottom:10px;font-size:18px}
}
@media all and (max-width:768px) {
.mission-wr .inmis .txt {padding:20px 10px}
.mission-wr .inmis {padding-bottom:30px}
.mission-wr .inmis .vau-list li {width:49%;margin-bottom:20px}
.mission-wr .inmis .vau-list li:nth-child(2n) {border-right:none}
}
@media all and (max-width:599px) {
.mission-wr .cont-topinfo-type2.invis .txtBox .pTit {margin:10px 0 20px}
.viLst > li ul li:before {top:9px}
.viLst > li {padding:2px 0 4px 30px;top:2px}
.viLst > li ul {margin:10px 0 0}
.viLst > li .num {width:22px;height:22px;line-height:20px}
.mission-wr .inmis .tit, .mission-wr .inpri .tit {font-size:23px;margin-bottom:15px}
.mission-wr .inmis .tit .en, .mission-wr .inpri .tit .en {margin-bottom:5px;font-size:16px}
}
/* 사회공헌 > 의료사회복지 */
.cont-listIco-type1.hasLongTit.mdso .role-head:after {content:"";display:block;position:absolute;width:60px;height:60px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/homepage/kor/_Img/Content/mdsocialwelfare_spr.png) no-repeat 0 0}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico01:after {background-position:0 0}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico02:after {background-position:-62px 0}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico03:after {background-position:-124px 0}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico04:after {background-position:0 -62px}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico05:after {background-position:-62px -62px}
.cont-listIco-type1.hasLongTit.mdso .role-head.ico06:after {background-position:-124px -62px}
.mdsocialwelfare-step {position:relative;background:#f7f7f7;padding:30px;text-align:center}
.mdsocialwelfare-step .tit {position:relative;text-align:center;font-size:25px;color:#222;display:inline-block;padding-bottom:25px;border-bottom:2px solid #015c61}
.mdsocialwelfare-step img {max-width:100%}
.mdsocialwelfare-step .info-ex01 {margin:30px 0 0 20px}
@media all and (max-width:999px) {
.mdsocialwelfare-step .tit {font-size:20px;padding-bottom:20px}
}
@media all and (max-width:799px) {
.mdsocialwelfare-step {padding:20px}
.mdsocialwelfare-step .tit {font-size:18px;padding-bottom:10px}
.mdsocialwelfare-step .info-ex01 {margin:20px 0 0 0}
}
@media all and (max-width:599px) {
.cont-listIco-type1.hasLongTit.mdso .role-head:after {display:none}
}
/* 사회공헌 > 의료비 지원 */
.cont-listIco-type1.hasLongTit.mdex .role-head:after {content:"";display:block;position:absolute;width:60px;height:60px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/homepage/kor/_Img/Content/mdexpensesupp_spr.png) no-repeat 0 0}
.cont-listIco-type1.hasLongTit.mdex .role-head.ico01:after {background-position:0 0}
.cont-listIco-type1.hasLongTit.mdex .role-head.ico02:after {background-position:-62px 0}
.cont-listIco-type1.hasLongTit.mdex .role-head.ico03:after {background-position:-124px 0}
.cont-listIco-type1.hasLongTit.mdex .role-head.ico04:after {background-position:-186px 0}
.mdex-list {overflow:hidden}
.mdex-list li {display:inline-block;vertical-align:top;margin-right:3%;position:relative;padding:5px 40px 5px 0}
.mdex-list li:last-child {margin-right:0}
.mdex-list li:after {content:"";display:block;position:absolute;top:50%;width:35px;height:35px;margin-top:-17px;background:url(/resources/_Img/Content/cListFlow1_spr1.png) no-repeat 0px 0px;z-index:2;right:-17px}
.mdex-list li:last-child:after {display:none}
@media all and (max-width:799px) {
.mdex-list li {margin-right:5%;padding:5px 20px 5px 0}
.mdex-list li:after {width:25px;height:25px;background-size:39px 25px;margin-top:-12px}
}
@media all and (max-width:599px) {
.cont-listIco-type1.hasLongTit.mdex .role-head:after {display:none}
}
/* 사회공헌 > 의료봉사 기획진료 */
.cont-listIco-type1.hasLongTit.mdse .role-head:after {content:"";display:block;position:absolute;width:60px;height:60px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/homepage/kor/_Img/Content/mdservice_spr.png) no-repeat 0 0}
.cont-listIco-type1.hasLongTit.mdse .role-head.ico01:after {background-position:0 0}
.cont-listIco-type1.hasLongTit.mdse .role-head.ico02:after {background-position:-62px 0}
@media all and (max-width:599px) {
.cont-listIco-type1.hasLongTit.mdse .role-head:after {display:none}
}
/* 사회공헌 > 직원봉사 */
.empimgList {overflow:hidden}
.empimgList li {display:inline-block;vertical-align:top;margin-right:3%;width:31%}
.empimgList li:last-child {margin-right:0}
.empimgList li img {max-width:100%}
@media all and (max-width:699px) {
.empimgList li {margin-right:2%;width:48.5%;margin-bottom:20px}
.empimgList li:nth-child(2n) {margin-right:0}
.empimgList li:last-child {margin-bottom:0}
}
@media all and (max-width:399px) {
.empimgList li {margin-right:0;width:100%;margin-bottom:15px}
}
/* 자원봉사 안내 */
.cont-listFlow-type2.volu ol li {width:20%;position:relative}
.cont-listFlow-type2.volu ol .ico {display:block;position:absolute;bottom:40px;width:42px;height:42px;background:url(/resources/homepage/kor/_Img/Content/volunteer_spr.png) no-repeat 0 0;z-index:2;right:40px}
.cont-listFlow-type2.volu ol .ico.num01 {background-position:0 0}
.cont-listFlow-type2.volu ol .ico.num02 {background-position:-44px 0}
.cont-listFlow-type2.volu ol .ico.num03 {background-position:-88px 0}
.cont-listFlow-type2.volu ol .ico.num04 {background-position:-132px 0}
.cont-listFlow-type2.volu ol .ico.num05 {background-position:-176px 0}
.cont-listFlow-type2.volu ol li:nth-child(5n) .lArr {display:none}
@media all and (max-width:1200px) {
.cont-listFlow-type2.volu ol li:nth-child(4n):before {display:block}
.cont-listFlow-type2.volu ol li:nth-child(4n) .lArr {display:block}
}
@media all and (max-width:999px) {
.cont-listFlow-type2.volu ol li {width:33.33%}
.cont-listFlow-type2.volu ol li:nth-child(5n):before {display:block}
.cont-listFlow-type2.volu ol .ico {bottom:25px;width:34px;height:34px;background-size:174px auto}
.cont-listFlow-type2.volu ol .ico.num02 {background-position:-35px 0}
.cont-listFlow-type2.volu ol .ico.num03 {background-position:-70px 0}
.cont-listFlow-type2.volu ol .ico.num04 {background-position:-106px 0}
.cont-listFlow-type2.volu ol .ico.num05 {background-position:-141px 0}
}
@media all and (max-width:700px) {
.cont-listFlow-type2.volu ol li {width:50%}
.cont-listFlow-type2.volu ol li:nth-child(4n):before {display:block}
.cont-listFlow-type2.volu ol li:nth-child(3n):before {display:block}
.cont-listFlow-type2.volu ol li:nth-child(2n):before {display:none}
.cont-listFlow-type2.volu ol li:nth-child(4n+1):after {display:none}
.cont-listFlow-type2.volu ol li:nth-child(3n+1):after {display:none}
.cont-listFlow-type2.volu ol li:nth-child(2n+1):after {display:block}
.cont-listFlow-type2.volu ol li:nth-child(3n) .lArr {display:block}
.cont-listFlow-type2.volu ol li:nth-child(2n) .lArr {display:none}
}
@media all and (max-width:500px) {
.cont-listFlow-type2.volu ol li {width:100%;min-height:0;padding:20px 10px 20px 40px}
.cont-listFlow-type2.volu ol li:before {width:100%;height:1px;left:0;bottom:0;top:auto}
.cont-listFlow-type2.volu ol li:nth-child(2n):before {display:block}
.cont-listFlow-type2.volu ol li:nth-child(odd):after {display:none}
.cont-listFlow-type2.volu ol li:nth-child(2n) .lArr {display:block}
.cont-listFlow-type2.volu ol li .lArr {display:block;right:50%;bottom:-12px;top:auto;margin:0 -12px 0 0;transform:rotate(90deg)}
.cont-listFlow-type2.volu ol li:last-child .lArr {display:none}
.cont-listFlow-type2.volu ol li:last-child:before {display:none}
.cont-listFlow-type2.volu .lNum {position:absolute;left:15px;top:21px}
.cont-listFlow-type2.volu .lText {margin:0}
.cont-listFlow-type2.volu ol .ico {bottom:15px;width:25px;height:25px;background-size:131px auto;right:20px}
.cont-listFlow-type2.volu ol .ico.num02 {background-position:-26px 0}
.cont-listFlow-type2.volu ol .ico.num03 {background-position:-52px 0}
.cont-listFlow-type2.volu ol .ico.num04 {background-position:-79px 0}
.cont-listFlow-type2.volu ol .ico.num05 {background-position:-106px 0}
}
/* 기타부서 안내 > 간호부 > 인사말 */
.nursegreeting-wr {box-sizing:border-box;position:relative;min-height:340px;padding:0 500px 0 0}
.nursegreeting-wr .imgBox {display:block;position:absolute;width:330px;height:370px;right:0;top:0;padding-left:60px}
.nursegreeting-wr .imgBox img {display:block;position:relative;width:100%;z-index:1}
.nursegreeting-wr .imgBox:after {content:"";display:block;position:absolute;width:2000px;height:100%;background:url(/resources/homepage/kor/_Img/Content/nursegreeting_bg.jpg) no-repeat;left:0;top:170px;z-index:-1}
.nursegreeting-wr .imgBox .sign {margin-top:25px;text-align:right;font-size:19px;color:#555}
.nursegreeting-wr .imgBox .sign span {font-size:30px;color:#222;display:inline-block;margin-left:10px}
.nursegreeting-wr .txtBox {padding-top:30px}
.nursegreeting-wr .txtBox .deco {display:inline-block;position:relative;font-family:"sofia-pro";font-weight:500;color:#b8b8b8;letter-spacing:.05em;line-height:1;padding:70px 0 0}
.nursegreeting-wr .txtBox .deco:before {content:"";display:block;position:absolute;width:36px;height:27px;background:url(/resources/homepage/kor/_Img/Content/quotes_spr.png) no-repeat;left:0;top:0}
.nursegreeting-wr .txtBox .pTit {font-size:35px;color:#333;letter-spacing:-.05em;line-height:1.333;margin:13px 0 0}
.nursegreeting-wr .txtBox .pTit span {display:inline-block}
.nursegreeting-wr .txtBox .pTxt {font-size:18px;letter-spacing:-.05em;color:#555;margin:29px 0 0}
@media all and (max-width:1100px) {
.nursegreeting-wr {padding:0 440px 0 0}
}
@media all and (max-width:999px) {
.nursegreeting-wr {padding:0 400px 0 0}
.nursegreeting-wr .txtBox .deco {padding:40px 0 0}
.nursegreeting-wr .txtBox .deco:before {width:29px;height:22px;background-size:29px auto}
.nursegreeting-wr .txtBox .pTit {font-size:1.50em}
}
@media all and (max-width:899px) {
.nursegreeting-wr .imgBox .sign {margin-top:20px;font-size:17px}
.nursegreeting-wr .imgBox .sign span {font-size:1.50em}
}
@media all and (max-width:730px) {
.nursegreeting-wr .txtBox .pTit br {display:none}
}
@media all and (max-width:700px) {
.nursegreeting-wr {min-height:0;padding:0}
.nursegreeting-wr .imgBox {position:relative;height:auto;right:auto;top:auto;margin:0 auto;width:100%;max-width:330px;padding-left:0}
.nursegreeting-wr .imgBox:after {left:-60px;top:140px}
.nursegreeting-wr .imgBox .sign {margin-top:10px;font-size:16px}
.nursegreeting-wr .imgBox .sign span {font-size:1.250em}
.nursegreeting-wr .txtBox {margin:50px 0 0;padding-top:0}
.nursegreeting-wr .txtBox .pTxt {font-size:16px}
}
@media all and (max-width:599px) {
.nursegreeting-wr .txtBox .pTit {font-size:1.30em}
.nursegreeting-wr .imgBox img {width:60%;margin:0 auto}
.nursegreeting-wr .imgBox:after {width:1000px;height:100%;top:20px}
}
@media all and (max-width:370px) {
.nursegreeting-wr .imgBox:after {display:none}
.nursegreeting-wr .imgBox .sign {text-align:center}
.nursegreeting-wr .txtBox {margin:20px 0 0}
.nursegreeting-wr .txtBox .deco {padding:10px 0 0 40px}
}
/* 기타부서 안내 > 간호부 > 소개 */
.nurseintro-wr {position:relative}
.nurseintro {position:relative;border:1px solid #c9c9c9;border-top:2px solid #015c61;padding:40px;overflow:hidden}
.nurseintro .nursIn {display:inline-block;position:relative;vertical-align:top;padding-right:3%;margin-right:3%;border-right:1px solid #d1d1d1;width:28.5%;min-height:400px}
.nurseintro .nursIn:last-child {;padding-right:0;margin-right:0;border-right:none}
.nurseintro .nursIn .imgBox {text-align:center}
.nurseintro .nursIn .imgBox img {max-width:100%}
.nurseintro .nursIn .pTit {font-size:25px;color:#333;margin:30px 0 20px;text-align:center}
.nurseintro .nursIn .pTit.en {font-family:"sofia-pro", sans-serif}
.nurseintro .nursIn ul li {display:block;padding:0 0 0 13px;position:relative;color:#666;margin-bottom:5px;font-size:18px;color:#555}
.nurseintro .nursIn ul li:before {content:"";display:block;position:absolute;width:5px;height:5px;background:#00acb2;top:11px;left:0;border-radius:50%}
.nurseintro-wr .oTit {font-size:25px;color:#333;display:block;text-align:center;padding:20px 0}
.nurseintro-wr .cont-item-type1 .tit {display:inline-block;vertical-align:middle;margin-bottom:20px;background:#fff;font-size:18px;font-weight:500;color:#333;width:140px;border-radius:999px;border:1px solid #cacaca;text-align:center;padding:10px 0}
.nurseintro-wr .cont-item-type1 ul {display:inline-block;margin-left:50px;vertical-align:middle}
@media (max-width:999px) {
.nurseintro {padding:30px}
.nurseintro .nursIn .pTit {margin:25px 0 15px}
.nurseintro-wr .cont-item-type1 .tit {display:block}
.nurseintro-wr .cont-item-type1 ul {margin-left:0;display:block}
}
@media (max-width:799px) {
.nurseintro .nursIn {min-height:320px}
.nurseintro .nursIn .pTit {font-size:20px;margin:20px 0 10px}
.nurseintro-wr .oTit {font-size:20px;padding:15px 0}
.nurseintro .nursIn ul li {font-size:16px}
.nurseintro-wr .cont-item-type1 .tit {font-size:16px}
}
@media (max-width:599px) {
.nurseintro {padding:20px}
.nurseintro .nursIn {display:block;padding-right:0;margin-right:0;border-right:none;width:100%;min-height:auto;margin-bottom:15px}
.nurseintro .nursIn:last-child {margin-bottom:0}
.nurseintro .nursIn .pTit {font-size:18px;margin:10px 0 5px}
.nurseintro-wr .oTit {font-size:18px;padding:10px 0}
.nurseintro .nursIn ul li {font-size:14px}
.nurseintro-wr .cont-item-type1 {padding:20px}
}
/* 기타부서 안내 > 가정간호 */
.cont-topinfo-type3.Hnurs .cTit:before {content:"";display:block;position:absolute;width:53px;height:53px;left:50%;top:0;margin:0 0 0 -27px;background:url(/resources/homepage/kor/_Img/Content/homenursing_ico01.png) no-repeat}
.cont-topinfo-type3.Hnurs .cSideBox .unit .uTxt {min-height:155px}
.homenursing-step {position:relative;overflow:hidden;padding:0 200px;box-sizing:border-box}
.homenursing-step li {position:relative;text-align:center;float:left;margin:50px 12% 0 0;width:25.2%}
.homenursing-step li:last-child {margin-right:0}
.homenursing-step li:nth-child(2n) {margin-top:0;padding-bottom:40px}
.homenursing-step li:first-child:before {display:block;content:'';position:absolute;top:50%;right:-65px;margin-top:-45px;width:27px;height:27px;border-bottom:3px solid #d2d2d2;border-right:3px solid #d2d2d2;transform:rotate(-60deg);z-index:1}
.homenursing-step li:nth-child(2n):before {display:block;content:'';position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:30px;border-top:3px solid #ea7400;border-right:3px solid #ea7400;transform:rotate(135deg);z-index:1}
.homenursing-step li:last-child:before {display:block;content:'';position:absolute;top:50%;left:-65px;margin-top:-45px;width:27px;height:27px;border-bottom:3px solid #d2d2d2;border-right:3px solid #d2d2d2;transform:rotate(145deg);z-index:1}
.homenursing-step .imgBox {position:relative}
.homenursing-step .imgBox img {max-width:100%}
.homenursing-step li .pTit {display:block;font-size:1.250em;color:#333;margin-top:20px}
.cont-item-type1 dl.time.HnursInfo dt .ico {background:#008449}
.cont-item-type1 dl.time.HnursInfo dt {color:#008449}
@media only screen and (max-width:1200px) {
.homenursing-step {padding:0 100px}
}
@media only screen and (max-width:1050px) {
.homenursing-step {padding:0 70px}
}
@media only screen and (max-width:999px) {
.homenursing-step {padding:0 0}
.cont-topinfo-type3.Hnurs .cSideBox .unit .uTxt {min-height:180px}
}
@media all and (max-width:899px) {
.cont-topinfo-type3.Hnurs .cSideBox .unit .uTxt {min-height:150px}
.cont-item-type1.homenursing-info {padding:30px}
.cont-item-type1.homenursing-info ul li {display:block;width:auto}
.cont-item-type1.homenursing-info ul li:last-child {margin-bottom:0}
}
@media all and (max-width:799px) {
.cont-topinfo-type3.Hnurs .cTit:before {width:37px;height:37px;margin:0 0 0 -18px;background-size:37px 37px}
.homenursing-step li .pTit {font-size:1.063em;margin-top:10px}
.homenursing-step li:nth-child(2n) {;padding-bottom:25px}
.homenursing-step li:first-child:before {right:-40px;margin-top:-45px;width:22px;height:22px}
.homenursing-step li:nth-child(2n):before {margin-left:-12px;width:24px;height:24px}
.homenursing-step li:last-child:before {left:-40px;margin-top:-45px;width:22px;height:22px}
}
@media all and (max-width:680px) {
.cont-topinfo-type3.Hnurs .cSideBox .unit .uTxt {min-height:175px}
}
@media all and (max-width:599px) {
.cont-topinfo-type3.Hnurs .cSideBox .unit .uTxt {min-height:auto}
}
/*===== 기타 =====*/
/* 이용약관 */
.cont-topinfo-type1 .pIco.clause-ico:after {background:url(/resources/homepage/kor/_Img/Content/clause_ico.png) no-repeat}
@media only screen and (max-width:768px) {
.cont-topinfo-type1 .pIco.clause-ico:after {background-size:49px auto}
}
@media only screen and (max-width:599px) {
.cont-topinfo-type1 .pIco.clause-ico:after {background-size:34px auto}
}
@media only screen and (max-width:460px) {
.cont-topinfo-type1 .pIco.clause-ico:after {background-size:24px auto}
}
/* 개인정보처리방침 */
.privacy-top {padding:30px;background:#f7f7f7;box-sizing:border-box}
.privacy-top .sec-divide > li {width:41%}
@media only screen and (max-width:749px) {
.privacy-top .sec-divide > li {width:100%}
}
/* 이메일무단수집불가 */
.cont-topinfo-type1.ico2 .pIco:after {background:url(/resources/homepage/kor/_Img/Content/email_spr.png) no-repeat 0 0}
.cont-topinfo-type1 .Txt {margin-top:35px}
.cont-topinfo-type1 .Txt span {display:block}
.cont-topinfo-type1 .csc-p02 {margin-top:25px}
@media all and (max-width:768px) {
.cont-topinfo-type1.ico2 .pIco:after {width:49px;height:49px;background-size:49px 49px}
.cont-topinfo-type1 .Txt {margin-top:25px}
.cont-topinfo-type1 .Txt span {display:inline}
.cont-topinfo-type1 .csc-p02 {margin-top:15px}
}
@media all and (max-width:599px) {
.cont-topinfo-type1.ico2 .pIco:after {width:34px;height:34px;background-size:34px 34px}
}
@media all and (max-width:460px) {
.cont-topinfo-type1.ico2 .pIco:after {width:24px;height:24px;background-size:24px 24px}
}
/* 환자권리 존중 및 보호 */
.cont-topinfo-type2 .txtBox .csc-p02 {color:#007983;display:inline}
.cont-listIco-type2 {position:relative;border-top:2px solid #015c61}
.cont-listIco-type2 .mLst {display:block;overflow:hidden;border-bottom:1px solid #c9c9c9;padding:40px 0}
.cont-listIco-type2 .mLst li {position:relative;width:43%;display:inline-block;padding:0 40px;border-right:1px solid #c9c9c9;vertical-align:top}
.cont-listIco-type2 .mLst li:nth-child(2n) {border-right:none}
.cont-listIco-type2 .mLst li .role-head {position:relative;margin-bottom:30px;padding-right:70px}
.cont-listIco-type2 .mLst li .role-head:before {content:"";display:block;position:absolute;width:70px;height:70px;background:url(/resources/homepage/kor/_Img/Content/patientrights_spr.png) no-repeat 0 0;right:0;top:0}
.cont-listIco-type2 .mLst li .role-head.n1:before {background-position:0 0}
.cont-listIco-type2 .mLst li .role-head.n2:before {background-position:-72px 0}
.cont-listIco-type2 .mLst li .role-head.n3:before {background-position:-144px 0}
.cont-listIco-type2 .mLst li .role-head.n4:before {background-position:-216px 0}
.cont-listIco-type2 .mLst li .role-head.n5:before {background-position:0 -72px}
.cont-listIco-type2 .mLst li .role-head.n6:before {background-position:-72px -72px}
.cont-listIco-type2 .mLst li .role-head .num {font-size:1.176em;color:#767676;font-family:"sofia-pro";display:block}
.cont-listIco-type2 .mLst li .role-head .tit {font-size:1.5em;color:#008486}
.cont-listIco-type2 .mLst li .role-body p {font-size:1.063em;color:#555}
@media all and (max-width:1200px) {
.cont-listIco-type2 .mLst li {width:42%;min-height:200px}
}
@media all and (max-width:1090px) {
.cont-listIco-type2 .mLst li {width:41%;min-height:230px}
}
@media all and (max-width:999px) {
.cont-listIco-type2 .mLst {padding:30px 0}
.cont-listIco-type2 .mLst li {min-height:200px;padding:0 30px}
.cont-listIco-type2 .mLst li .role-head {margin-bottom:20px;padding-right:60px}
.cont-listIco-type2 .mLst li .role-head:before {width:56px;height:56px;background-size:229px auto}
.cont-listIco-type2 .mLst li .role-head.n2:before {background-position:-58px 0}
.cont-listIco-type2 .mLst li .role-head.n3:before {background-position:-115px 0}
.cont-listIco-type2 .mLst li .role-head.n4:before {background-position:-173px 0}
.cont-listIco-type2 .mLst li .role-head.n5:before {background-position:0 -58px}
.cont-listIco-type2 .mLst li .role-head.n6:before {background-position:-58px -58px}
.cont-listIco-type2 .mLst li .role-head .tit {font-size:1.250em}
.cont-listIco-type2 .mLst li .role-body p {font-size:1.000em}
}
@media all and (max-width:768px) {
.cont-listIco-type2 .mLst {padding:25px 0}
.cont-listIco-type2 .mLst li {padding:0 25px}
.cont-listIco-type2 .mLst li .role-head {margin-bottom:15px}
}
@media all and (max-width:640px) {
.cont-listIco-type2 .mLst {border-bottom:none;padding:0 0}
.cont-listIco-type2 .mLst li {width:92%;min-height:auto;border-right:none;border-bottom:1px solid #c9c9c9;padding:15px 4%}
.cont-listIco-type2 .mLst li .role-head:before {width:42px;height:42px;background-size:172px auto}
.cont-listIco-type2 .mLst li .role-head.n2:before {background-position:-43px 0}
.cont-listIco-type2 .mLst li .role-head.n3:before {background-position:-86px 0}
.cont-listIco-type2 .mLst li .role-head.n4:before {background-position:-130px 0}
.cont-listIco-type2 .mLst li .role-head.n5:before {background-position:0 -43px}
.cont-listIco-type2 .mLst li .role-head.n6:before {background-position:-43px -43px}
}
/* 가족회원 서비스 안내
------------------------------------------------------ */
.familyGuide-wr {}
.familyGuide-wr strong {font-weight:500;color:#222}
.familyGuide-wr .cw-btn {display:inline-block;margin:15px 0 20px}
@media all and (max-width:599px) {
.familyGuide-wr .cw-btn {display:block}
}
#intro3 .wrap-timeDoctors .dntInfoBox {background-color:#69c;color:#FFF;padding:15px 20px;border:2px solid #4682b4}
.explBox {float:left;width:950px;margin-left:220px;margin-top:-70px;color:#015c61;font-weight:500;letter-spacing:normal;line-height:normal}
.robotInfoBox {position:absolute;left:800px;margin-top:-320px;width:290px;box-sizing:border-box;padding:40px 40px 40px 0px}
.robotInfoBox .txt-wr {display:block;width:auto;height:100%;background:#eee;box-sizing:border-box;padding:30px 30px 30px;overflow:hidden}
.robotInfoBox .txt-wr .infoTit {display:block;position:relative;text-align:right;font-size:20px;line-height:30px;color:#000;letter-spacing:-.05em;font-weight:500;margin:0 0 25px}
.robotInfoBox .txt-wr .infoTit:before {content:"";display:block;position:absolute;width:60px;height:60px;background:url(/resources/homepage/spine/_Img/Main/m_spr1.png) no-repeat -102px 0px;left:0;top:0}
.robotInfoBox .txt-wr .titRobotSpan {display:block;width:100px;margin-left:100px;margin-top:-15px;font-size:20px;line-height:30px;color:#000;color:#000;letter-spacing:-.05em;font-weight:500;}
.robotInfoBox .txt-wr .infoTxt {display:block;margin-top:40px;position:relative;line-height:1.2;font-size:30px;font-family:"sofia-pro";font-weight:700;letter-spacing:-.02em;color:#015c61;}
.robotInfoBox .txt-wr dl {display:block;box-sizing:border-box;position:relative;padding:0 0 0 93px}
.robotInfoBox .txt-wr dl dt,
.robotInfoBox .txt-wr dl dd {display:block;font-size:16px;color:#555}
.robotInfoBox .txt-wr dl dt {position:absolute;width:40px;text-align:justify;left:27px;top:0px;letter-spacing:-.2em;padding:0 15px 0 0}
.robotInfoBox .txt-wr dl dt:before {content:"";display:block;position:absolute;width:1px;height:13px;background:#dcdcdc;right:0;top:2px}
.robotInfoBox .txt-wr dl dt:after {content:"";display:inline-block;width:100%;height:0}
.robotInfoBox .txt-wr dl dd {letter-spacing:-.02em}
.robotInfoBox .txt-wr dl.t1 {margin:20px 0 0}
.robotInfoBox .txt-wr dl.t1:before {content:"";display:block;position:absolute;width:17px;height:17px;background:url(/resources/homepage/spine/_Img/Main/m_spr1.png) no-repeat -520px 0px;left:0px;top:6px}
.robotInfoBox .txt-wr dl.t2 {margin:14px 0 0}
.pTit.robot {width:490px}
.cont-topinfo-type2.robot {padding:0; padding-bottom: 50px}
.deco.robot {font-size:3em}