@charset "utf-8";


/* intro02 */
.doctorIntro .docSec {padding:60px 0;border-top:1px solid #ddd;zoom:1;}
.doctorIntro .docSec:after {content:"";clear:both;display:block;}
.doctorIntro .docSec:first-child {padding-top:0;border-top:0;}
.doctorIntro .picture {width:370px;height:318px;float:left;}
.doctorIntro .nameWrap {position:relative;height:78px;}
.doctorIntro .nameWrap .name {padding-left:20px;height:78px;line-height:78px;font-size:32px;font-weight:bold;color:#fff;background:#4c4d5f;}
.doctorIntro .nameWrap .position {font-size:16px;font-weight:normal;}
.doctorIntro .nameWrap .subject {position:absolute;top:0;right:0;width:111px;height:78px;background:#3e67b5;color:#fff;font-size:16px;}
.doctorIntro .nameWrap .subject span {position:absolute;top:18px;right:0;width:111px;text-align:center;line-height:1.4;}
.doctorIntro .list {float:left;margin:0 0 0 40px;}
.doctorIntro .list .tit {margin-bottom:20px;font-size:24px;letter-spacing:-1px;color:#3e67b5;font-weight:bold;}
.doctorIntro .list .listUl li {position:relative;padding:0 0 0 10px;font-size:16px;line-height:1.8;}
.doctorIntro .list .listUl li:after {content:"";position:absolute;top:12px;left:2px;width:2px;height:2px;border-radius:50%;background:#666;}

@media all and (max-width:767px) {
	.doctorIntro .docSec {padding:26px 0}
	.doctorIntro .picture {float:none;width:auto;height:auto;}
	.doctorIntro .nameWrap {height:42px;}
	.doctorIntro .nameWrap .name {height:42px;font-size:18px;line-height:42px;}
	.doctorIntro .nameWrap .position {font-size:14px;}
	.doctorIntro .nameWrap .subject {width:75px;height:42px;font-size:14px;}
	.doctorIntro .nameWrap .subject span {top:4px;width:75px;height:42px;line-height:1.2;}
	.doctorIntro .list {float:none;width:auto;margin:20px 0 0 0;}
	.doctorIntro .list .tit {font-size:16px;}
	.doctorIntro .list .listUl li {font-size:14px;line-height:1.4;}
	.doctorIntro .list .listUl li:after {top:8px;}
}
/* //intro02 */


/* intro03 */
.history {}
.history .sec {margin:50px 0 0;zoom:1;}
.history .sec:after {content:"";display:block;clear:both;}
.history .year {float:left;width:118px;font-size:32px;color:#333;font-style:italic;}
.history .list {float:left;}
.history .day {margin:20px 0 0;font-size:16px;color:#555;}
.history .day:first-child {margin:10px 0 0;}
.history .month {margin:0 18px 0 0;display:block;float:left;width:28px;height:28px;border-radius:50%;background:#4c4d5f;color:#fff;font-size:12px;text-align:center;line-height:28px;}
.mission {text-align:center;}
.mission .title {font-size:28px;font-weight:bold;color:#333;font-style:italic;}
.mission .linetxt {position:relative;margin:40px 0 0;font-size:36px;letter-spacing:-1px;color:#333;font-style:italic;}
.mission .linetxt:after {content:"";position:absolute;top:14px;left:0;width:100%;height:1px;background:#ddd;}
.mission .linetxt span {position:absolute;background:#fff;top:-14px;left:50%;margin-left:-215px;width:430px;z-index:1;}
.mission .visiontxt {position:relative;margin:150px 0 80px;padding:50px 0;font-size:46px;letter-spacing:-2px;line-height:1.4;color:#49b0b9;font-family:'Nanum Myeongjo';}
.mission .visiontxt:before {content:"";position:absolute;top:0;left:50%;margin-left:-14px;width:27px;height:22px;background:url(/images/icon_pack_onnuri.png) no-repeat -100px -100px;}
.mission .visiontxt:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-14px;width:27px;height:22px;background:url(/images/icon_pack_onnuri.png) no-repeat -100px -100px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.mission .vision-txt {display:block;margin-bottom:52px;padding:15px 0 52px;font-family:'Nanum Myeongjo';font-size:36px;line-height:1.45em;letter-spacing:-0.075em;border-bottom:1px solid #ddd;}
.mission-color {color:#8a6f4b;}
.vision-color {color:#49b0b9;}
.mission .vision-txt .quote:before {content:'“';}
.mission .vision-txt .quote:after {content:'”';}
/*
.mission .vision-txt:before {content:"";position:absolute;top:0;left:50%;margin-left:-14px;width:27px;height:22px;background:url(/images/icon_pack_onnuri.png) no-repeat -100px -100px;}
.mission .vision-txt:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-14px;width:27px;height:22px;background:url(/images/icon_pack_onnuri.png) no-repeat -100px -100px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
*/
@media all and (max-width:767px) {
	.history .year {position:relative;float:none;font-size:20px;width:auto;text-align:center;}
	.history .year:after {content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ddd;}
	.history .year span{position:absolute;background:#fff;top:-14px;left:50%;margin-left:-32px;width:64px;z-index:1;}
	.history .list {float:none;padding:24px 0 0;}
	.history .month {margin:0 10px 0 0;width:22px;height:22px;line-height:22px;}
	.history .day {font-size:14px;}
	.mission .title {font-size:14px;}
	.mission .linetxt {margin:20px 0 0;font-size:18px;}
	.mission .linetxt:after {top:0px;}
	.mission .linetxt span {margin-left:-107px;width:214px;}
	.mission .visiontxt {margin:70px 0 40px;padding:24px 0;font-size:22px;}
	.mission .visiontxt:before {margin-left:-7px;width:14px;height:11px;background-size:250px;background-position:-50px -50px;}
	.mission .visiontxt:after {margin-left:-7px;width:14px;height:11px;background-size:250px;background-position:-50px -50px;}
	.mission .vision-txt {font-size:22px;}
}
/* //intro03 */


/* intro04 */
.stairSlide {position:relative;text-align:center;}
.stairSlide ul li img {width:100%;}
.stairSlide ul li span {position:absolute;bottom:0;left:0;display:block;width:100%;height:60px;background:#4c4d5f;opacity:0.75;filter:alpha(opacity=75);color:#fff;font-size:20px;line-height:60px;text-align:center;}

.stairSlideNavi span {position:absolute;bottom:9px;width:76px;height:42px;font-size:0;}
.stairSlideNavi .prevSlide {left:0;border-right:1px solid #77747a;}
.stairSlideNavi .nextSlide {right:0;border-left:1px solid #77747a;}
.stairSlideNavi span button:after {content:"";position:absolute;top:50%;left:50%;margin:-8px 0 0 -14px;width:28px;height:16px;}
.stairSlideNavi .prevSlide button:after {background:url("/images/icon_pack_onnuri.png") no-repeat -50px -100px;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.stairSlideNavi .nextSlide button:after {background:url("/images/icon_pack_onnuri.png") no-repeat -50px -100px;transform:rotate(270deg);-webkit-transform:rotate(270deg)}
.stairSlideNavi span button {width:100%;height:100%;font-size:0;}

@media all and (max-width:760px) {
	.stairbtn {margin:30px 0 0;}
	.stairL, .stairR {display:none;}
	.stairSlide ul li span {height:30px;line-height:30px;font-size:14px;}
	.stairSlideNavi span {bottom:5px;width:40px;height:20px;}
	.stairSlideNavi span button:after {margin:-4px 0 0 -7px;width:14px;height:8px;}
	.stairSlideNavi .prevSlide button:after {background-position: -25px -50px;background-size:250px;}
	.stairSlideNavi .nextSlide button:after {background-position: -25px -50px;background-size:250px;}
}
/* //intro04 */

/* intro05 */
.cooperation {margin:-1.5%;zoom:1;}
.cooperation:after {content:"";display:block;clear:both;}
.cooperation .sec {float:left;margin:1.5%;width:30.3%;height:154px;}
.cooperation .image {border:1px solid #ddd;display:block;text-align:center;}
.cooperation .tit {margin-top:14px;font-size:16px;color:#444;line-height:1.2;}
.cooperation .link {font-size:12px;color:#777;line-height:1.2;}

@media all and (max-width:760px) {
	.cooperation {margin:-1%;}
	.cooperation .sec {margin:1%;width:48%;}
}
/* //intro05 */


/* intro06 */
.normalList li {margin:8px;}
.mapTit {position:relative;zoom:1;}
.mapTit:after {content:"";clear:both;display:block;}
.mapTit .image {float:left;}
.mapTit .tit {float:left;margin:14px 0 14px 24px;padding:0 20px;height:36px;line-height:36px;text-align:center;font-size:16px;font-weight:bold;color:#fff;}
.mapTit.bus .tit {background:#4c4d5f;}
.mapTit.subway .tit {background:#1a8d1a;}
.mapTit.car .tit {background:#e19030;}
.daumMap .root_daum_roughmap {width:100%;}
.daumMap .root_daum_roughmap .wrap_map {height:440px;}
.daumMap.center01 .root_daum_roughmap .wrap_map {height:220px;}
@media all and (max-width:760px) {
	.daumMap .root_daum_roughmap .wrap_map {height:240px;}
	.mapTit.bus .image{width:25%;}
	.mapTit.subway .image {width:15%;}
	.mapTit.car .image {width:20%;}
	.mapTit .tit {margin:8px 0 8px 20px;padding:0 10px;height:26px;line-height:26px;font-size:12px;}
}
/* intro06 */

.hospView {position:relative;}
.hospView img {width:100%;}
.hospView li {position:relative;}
.hospView li span {position:absolute;left:0;right:0;bottom:0;height:50px;line-height:50px;padding:0 0 0 22px;color:#fff;font-size:18px;z-index:2;}
.hospView li:after {content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.hospView .controls {position:absolute;bottom:0;right:0;}
.hospView .controls:after {content:"";position:absolute;bottom:15px;right:50px;width:1px;height:22px;background:#7f7f7f;}
.hospView .controls button {overflow:hidden;width:50px;height:50px;text-indent:-9999px;background:url(/base/img//images/icon_pack_soft.png) no-repeat;}
.hospView .controls .slidePrev button {background-position:0 -250px;}
.hospView .controls .slideNext button {background-position:-50px -250px;}

.hospTimeInfo .contWrap {width:50%;height:260px;margin:0;}
.hospTimeInfo .phoneInfo {background:#e85198;color:#fff;text-align:center;font-size:18px;}
.hospTimeInfo .phoneInfo .number {padding:60px 0 20px;font-size:40px;letter-spacing:-2px;}
.hospTimeInfo .timeInfo {background:#f3effa;font-size:18px;}
.hospTimeInfo .timeInfo p {margin-left:50px;color:#333;}
.hospTimeInfo .timeInfo p:first-child {padding-top:50px;}
.hospTimeInfo .timeInfo .day {display:inline-block;width:100px;color:#666;letter-spacing:3.5px;}
.hospTimeInfo .timeInfo .day1 {letter-spacing:5px;}
.hospTimeInfo .timeInfo .day2 {letter-spacing:0;}
.hospTimeInfo .timeInfo .h_time {font-size:14px;color:#999;display:inline-block; margin-top:10px;}
@media all and (max-width:1024px) {
	.hospTimeInfo .contWrap:last-child {margin:0;}
}
@media all and (max-width:767px) {
	.hospView li span {height:25px;line-height:25px;padding:0;font-size:13px;text-align:center;}
	.hospView li:after {height:25px;}
	.hospView .controls {display:none;}

	.hospTimeInfo .contWrap {box-sizing:border-box;}
	.hospTimeInfo .phoneInfo {height:180px;padding:25px 0 0;font-size:13px}
	.hospTimeInfo .phoneInfo .number {padding:0 0 20px;}
	.hospTimeInfo .timeInfo {height:185px;padding:25px 0 0 4%;font-size:14px;}
	.hospTimeInfo .timeInfo p {margin:0;}
	.hospTimeInfo .timeInfo p:first-child {padding-top:0;}
	.hospTimeInfo .timeInfo .day {width:70px;letter-spacing:0;}
}


/* department02 */
.telbox {font-size:22px;color:#4c4d5f;letter-spacing:-1px;}
.telbox img {margin:0 10px 0 20px;vertical-align:middle;}
.telbox span {margin-left:10px;font-size:42px;color:#49b0b9;}
@media all and (max-width:767px) {
	.telbox {font-size:12px;}
	.telbox img {margin-right:10px;width:34px;}
	.telbox span {margin-left:0;font-size:20px;}
}
/* //department02 */

/* community02 */
.phoneChar {font-size:12px;font-weight:normal;color:#666;}
.phoneChar span {display:block;}
.phoneChar .txt {width:30px;height:20px;font-size:12px;}
/* //community02 */

.privacyBox {overflow:auto;height:210px;padding:10px;background:#f5f5f5;border:1px solid #ddd;}
.privacyAgree {margin:10px 0 0;}
.privacyAgree label {margin:0 10px 0 0;}

/* member */
.member .subTitle {font-size:18px;color:#333;margin:50px 0 10px;padding:0;background:none;border:0;}
.member .btnL {width:200px;}
.loginSection {width:48%;float:left;margin:50px 0 0;}
.loginSection label {display:block;margin:0 0 3px;font-size:18px;color:#333;font-weight:bold;}
.loginSection .txt {width:97%;height:43px;line-height:43px;font-size:16px;}
.loginSection .loginPw {margin:15px 0 0;}
.loginSection .btnWrap {margin:30px 0 0;}
.loginSection .btnL {width:100%;margin:0;}

.JoinSection {width:48%;float:right;margin:50px 0 0;}
.JoinSection .subTitle {margin:0;}
.JoinSection .txt1 {margin:28px 0 48px;font-size:16px;line-height:1.5;letter-spacing:-1px;}
.JoinSection .txt1 strong {font-size:34px;}
.JoinSection .btnWrap span {width:50%;}
.JoinSection .btnWrap span a {width:98%;min-width:0;padding:11px 0;font-size:14px;}
.JoinSection .btnWrap .btnLeft .btnL {margin-right:2px;}
.JoinSection .btnWrap .btnRight .btnL {margin-left:2px;}
.JoinSection .btnB {display:block;width:auto;margin:0;font-size:14px;}
@media all and (max-width:1024px) {
	.loginSection,
	.JoinSection {float:none;width:400px;margin:0 auto;}
	.loginSection {margin-top:50px;}
	.loginSection .txt {width:100%;box-sizing:border-box;}
	.JoinSection {margin-top:30px;padding:35px 0 0;border-top:1px solid #ddd;}
}
@media all and (max-width:767px) {
	.loginSection {width:auto;}
	.loginSection .loginPw {margin:12px 0 0;}

	.JoinSection {width:auto;}
	.JoinSection .txt1 {margin:18px 0 22px;font-size:14px;}
	.JoinSection .txt1 strong {font-size:27px;}
}

.agreeSection {width:100%;margin:50px 0 0;padding:0 0 50px;border-bottom:1px solid #ddd;}
.agreeSection:after {content:"";display:block;clear:both;}
span.error {color:#02cc8c;}
.agreeBox {width:48%;}
.agreeBox.full {width:100%;}
.terms {float:left;}
.privacy {float:right;}
.agreeBox .agree label {font-size:14px;color:#555;}
.agreeBox .cont {height:138px;overflow-y:auto;margin:5px 0 10px;padding:10px;background:#f5f5f5;border:1px solid #ddd;}
.agreeBox .subTitle {margin-top:0;}
.agreeAll {margin:55px 0 0;font-size:14px;color:#333;text-align:center;}
@media all and (max-width:1024px) {
	.agreeBox {float:none;width:auto;}
	.privacy {margin:25px 0 0;}
}
@media all and (max-width:767px) {
	.agreeAll .btnM {display:block;width:100px;margin:0 auto;}
}

.joinCom {padding:80px 0 100px;text-align:center;border-bottom:1px solid #efefef;}
.joinCom p {font-size:16px;color:666;letter-spacing:-1px;}
.joinCom p strong {font-size:36px;}

.member .logout {margin:50px 0 0;text-align:center;}
.member .logout p {font-size:16px;color:666;letter-spacing:-1px;}
.member .logout strong {font-size:70px;color:#b5c4bf;letter-spacing:-5px;}

.findBox {width:48%;}
.findBox p {margin:20px 0 0;}
.findBox .txt {width:97%;height:43px;line-height:43px;font-size:16px;}
.findBox .btnL {width:92%;}
.idFind {float:left;}
.pwFind {float:right;}
@media all and (max-width:1024px) {
	.findBox {float:none;width:400px;margin:0 auto;}
	.findBox .txt {width:100%;box-sizing:border-box;}
	.findBox .btnL {width:100%;box-sizing:border-box;}
	.pwFind {margin-top:30px;border-top:1px solid #ddd;}
}
@media all and (max-width:767px) {
	.findBox {width:auto;}
	.findBox p {margin:12px 0 0;}
}
/* //member */

/* mypage */
.outTxt {margin:30px 0 0;font-size:14px;}
.idChk {padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:16px;color:#000;}
.idChk .line {margin:0 25px;color:#ddd;}
.reasonList {width:100%;}
.reasonList:after {content:"";display:block;clear:both;}
.reasonList li {float:left;width:270px;margin:0 0 10px;font-size:14px;}
.reasonText {margin:8px 0 0;padding:10px 10px 30px;background:#f7f7f7;border:1px solid #d7d7d7;text-align:center;}
.reasonText textarea {width:98%;height:120px;text-align:left;}
@media all and (max-width:1024px) {
	.reasonText textarea {width:100%;box-sizing:border-box;}
}
@media all and (max-width:736px) {
	.idChk {padding:15px 0;font-size:14px;}
	.idChk .id,
	.idChk .name {display:block;}
	.idChk .line {display:none;}
	.reasonList li {float:none;width:auto;margin:0 0 5px;}
	.reasonText textarea {height:80px;}
	
}
/* //mypage */