@charset "utf-8";

.mobileView{display:none;}

.boardBox{position:relative;}
.hide{opacity:0;position:absolute;left:0;top:0;z-index:-100;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{width:30px;height:57px;margin-top:-79px;background:none;position:absolute;top:50%;border:0;z-index:1;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:32px;height:2px;background:#fff;position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow:before{top:14px;}
.mainBanner .slick-arrow:after{bottom:19px;}
.mainBanner .slick-arrow.slick-prev{left:14%;}
.mainBanner .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.mainBanner .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next{right:14%;}
.mainBanner .slick-arrow.slick-next:before{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next:after{transform:rotate(-45deg);}
.mainBanner .slick-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:73px;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:20px;}
.mainBanner .slick-controls .slick-dots li button{width:14px;height:14px;background:rgba(255, 255, 255,.5);border-radius:50%;border-color:transparent;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .mainBannerText{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;font-size:4.8rem;line-height:1.5;letter-spacing:-0.03em;color:#fff;font-family:'Noto Serif KR';margin-top:-2.8905%;font-weight:300;}
.mainBanner .mainBannerTextM{display:none;}

.contTitle{font-family:'Noto Serif KR';font-size:4.2rem;font-weight:500;letter-spacing:-0.03em;color:#30303a;text-align:center;}

.inner{max-width:1200px;margin:0 auto;}

.medicalDepartment{position:relative;padding:130px 0 150px;}
.medicalDepartment .medicalDepartmentSlide{width: calc(100% + 38px);margin:73px auto 0;}
.medicalDepartment .medicalDepartmentSlide dl{background:#fafafa url(/img/main/medical_department_bg.gif)no-repeat left bottom;letter-spacing:-0.03em;padding:40px 37px;position:relative;}
.medicalDepartment .medicalDepartmentSlide .slick-list .slick-slide{margin:0 19px;}
.medicalDepartment .medicalDepartmentSlide dl dt{font-size:3.2rem;color:#30303a;line-height:1;padding:30px 0 63px;text-align:center;font-weight:500;}
.medicalDepartment .medicalDepartmentSlide dl dt span{font-size:1.6rem;color:#555;display:block;margin-top:13px;letter-spacing:-0.03em;}
.medicalDepartment .medicalDepartmentSlide dl dd{height:231px;border-top:3px solid #a29c77;padding-top:23px;line-height:28px;color:#555;}
.medicalDepartment .medicalDepartmentSlide dl dd p{letter-spacing:-0.03em;overflow:hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break:keep-all;}
.medicalDepartment .medicalDepartmentSlide dl dd a{width:120px;height:40px;display:flex;line-height:1;justify-content:center;align-items:center;position:absolute;left:50%;bottom:40px;content:'';color:#fff;background:#a29c77;border-radius:20px;transform:translateX(-50%);}
.medicalDepartment .medicalDepartmentSlide .slick-arrow{width:80px;height:80px;z-index:5;position:absolute;top:50%;transform:translateY(-50%);border:0;font-size:0;line-height:1;border-radius:50%:}
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-prev{left:-8.24%;background:url('/img/main/medicalDepartment_arrow_prev.png')no-repeat;}
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-next{right:-8.24%;background:url('/img/main/medicalDepartment_arrow_next.png')no-repeat;}

.companyInfo{padding:108px 0 120px;background:#f5f5f5;}
.companyInfo .companyInfoBox{display:flex;margin-top:74px;}
.companyInfo .companyInfoBox .companyInfoMap{width:50%;}
.companyInfo .companyInfoBox .companyInfoCont{width:50%;background:#fff;padding:53px 60px;}
.companyInfo .companyInfoBox .companyInfoCont dl:first-child dd{font-family:'Noto Serif KR';letter-spacing:-0.03em;color:#a29c77;font-weight:700;margin-top:8px;font-size:3.8rem;}
.companyInfo .companyInfoBox .companyInfoCont dl dt{font-size:2.4rem;font-weight:500;letter-spacing:-0.03em;}
.companyInfo .companyInfoBox .companyInfoCont dl dt a img{border-radius:100%;box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.1);}
.companyInfo .companyInfoBox .companyInfoCont dl:nth-child(n+2) dt{display:flex;align-items:center;justify-content:space-between;}
.companyInfo .companyInfoBox .companyInfoCont dl:nth-child(n+2) dd{word-break:keep-all;font-size:1.7rem;background:#f6f6f6;line-height:30px;color:#555;padding:14px 20px 16px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont{margin-top:22px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd{line-height:38px;margin-top:9px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li{display:flex;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li span:first-child{width:95px;flex-shrink:0;display:inline-block;font-weight:500;font-size:1.8rem;color:#30303a;}
.companyInfo .companyInfoBox .companyInfoCont .holidayText{font-size:1.6rem;color:#a29c77;margin-top:17px;letter-spacing:-0.03em ;}
.companyInfo .companyInfoBox .companyInfoCont dl.addressCont{margin-top:32px;}
.companyInfo .companyInfoBox .companyInfoCont dl.addressCont dt{margin-bottom:10px;}
.companyInfo .wrap_controllers{display:none;}

.mainNotice{margin:140px 0;}
.mainNotice .mainNoticeTab{margin:33px 0 30px;display:flex;justify-content:center;align-items:center;} 
.mainNotice .mainNoticeTab li{padding:15.5px 12.2px;color:#999;font-size:2rem;font-weight:500;letter-spacing:-0.03em;margin-right:6px;}
.mainNotice .mainNoticeTab li.active{background:#30303a;color:#fff;border-radius:50px;}
.mainNotice .mainNoticeTab li:last-child{margin-right:0;}
.mainNotice .board{width:1200px;margin:0 auto;padding-left:20px;}
.mainNotice .board .noticeSlide{display:flex !important;}
.mainNotice .board .noticeSlide.emptySlide .slick-slide{max-width:1200px;width:100% !important;box-shadow:none;background:none;}
.mainNotice .board .noticeSlide .slick-slide{width:355px;text-align:center;background:#f5f5f5;padding:60px 36px 30px/*0.3% 0.18% 0.15%*/;}
.mainNotice .board .noticeSlide .slick-slide:last-child{margin-right:0;}
.mainNotice .board .noticeSlide .slick-slide:hover{box-shadow: 10px 25px 30px 0px rgba(90, 90, 90, 0.1);}
.mainNotice .board .noticeSlide .slick-list{margin:0 -50px;padding:30px 50px 60px 30px;}
.mainNotice .board .noticeSlide .slick-slide{margin:0 35px;}
.mainNotice .board .noticeSlide .slick-slide span.tag{width:180px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:500;letter-spacing:-0.03em;border-radius:50px;}
.mainNotice .board.boardNotice .noticeSlide .slick-slide span.tag{background:#82b07c;}
.mainNotice .board.boardFirst .noticeSlide .slick-slide span.tag{background:#c58698;}
.mainNotice .board.boardLast .noticeSlide .slick-slide span.tag{background:#71a6b8;}
.mainNotice .board .noticeSlide .slick-slide p{height:2.819em;line-height:1.4095;word-break:break-all;font-size:2.2rem;letter-spacing:-0.04em;margin-top:/*44px*/15.55%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.mainNotice .board .noticeSlide .slick-slide a{display:block;margin-top:22.265%;}
.mainNotice .board .noticeSlide .slick-slide a img{box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.08);border-radius:100%;margin:0 auto;}
.mainNotice .board .noticeSlide .slick-arrow{width:80px;height:80px;z-index:5;position:absolute;top:50%;transform:translateY(-50%);border:0;font-size:0;line-height:1;border-radius:50%;margin-top:-7px;}
.mainNotice .board .noticeSlide .slick-arrow.slick-prev{left:-11.187%;background:url('/img/main/medicalDepartment_arrow_prev.png')no-repeat;}
.mainNotice .board .noticeSlide .slick-arrow.slick-next{right:-10.594%;background:url('/img/main/medicalDepartment_arrow_next.png')no-repeat;}

@media all and (max-width:1920px){
.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -351.5px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}

}


@media all and (max-width:1480px){
.mainBanner .slick-arrow.slick-prev{left:10%;}
.mainBanner .slick-arrow.slick-next{right:10%;}

.medicalDepartment .medicalDepartmentSlide{width:100%;}
.medicalDepartment .medicalDepartmentSlide dl{padding:11.05% 8.84%;}

.companyInfo .companyInfoBox .companyInfoCont{padding:4.417% 5%;}
.companyInfo .companyInfoBox .companyInfoCont dl.addressCont{margin-top:6.667%;}

.mainNotice .board .noticeSlide .slick-arrow.slick-prev{left:-128px;}
.mainNotice .board .noticeSlide .slick-arrow.slick-next{right:-108px;}
}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.inner{max-width:100%;padding:0 20px;}

.medicalDepartment .medicalDepartmentSlide .slick-arrow{width:60px;height:60px;}
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-next{right:1px;background-size:100% auto;}
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-prev{left:1px;background-size:100% auto;}

.mainNotice .board, .mainNotice .board .noticeSlide .slick-list{width:100%;}
.mainNotice .board .noticeSlide .slick-slide span.tag{width:147px;font-size:1.4rem;}
.mainNotice .board{padding-left:0;}
.mainNotice .board .noticeSlide .slick-list{margin:0;padding:30px 30px 60px;}
.mainNotice .board .noticeSlide .slick-slide{padding:60px 15px 30px;margin:0 20px;}
.mainNotice .board .noticeSlide .slick-slide p{margin-top:44px;}
.mainNotice .board .noticeSlide .slick-arrow.slick-next{right:20px;background-size:100% auto;}
.mainNotice .board .noticeSlide .slick-arrow.slick-prev{left:20px;background-size:100% auto;}
.mainNotice .board .noticeSlide .slick-arrow{width:60px;height:60px;}
}

@media all and (max-width:1070px){
.medicalDepartment .medicalDepartmentSlide .slick-list .slick-slide{margin: 0 9px;}
}

@media all and (max-width:979px){
.mainBanner .slick-arrow{margin-top:-49px;}
.mainBanner .mainBannerText{font-size:3rem;margin-top:-27px;}
.mainBanner .mainBannerCont .slick-list{margin:0;}

.medicalDepartment .medicalDepartmentSlide{width:100%;padding:0 22px;}
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-next, 
.medicalDepartment .medicalDepartmentSlide .slick-arrow.slick-prev,
.mainNotice .board .noticeSlide .slick-arrow.slick-prev,
.mainNotice .board .noticeSlide .slick-arrow.slick-next{background-size:100% auto;}
.mainNotice .board .noticeSlide .slick-slide{margin:0 25px;}
}

@media all and (max-width:767px){
.mobileView{display:block;}
.pcView{display:none;}

.contTitle{font-size:3.6rem;}
.mainBanner .slick-arrow{height:40px;margin-top:-20px;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}
.mainBanner .slick-controls{bottom:25px;}
.mainBanner .slick-controls .slick-dots li button{width:12px;height:12px;}
.mainBanner .mainBannerText{font-size:4.8rem;margin-top:-9.8%;}

.companyInfo{padding:54px 0 60px;}
.companyInfo .companyInfoBox{display:block;margin-top:37px;}
.companyInfo .companyInfoBox .companyInfoMap{width:100%;}
.companyInfo .companyInfoBox .companyInfoCont{width:100%;padding:26.5px 20px;}
.companyInfo .companyInfoBox .root_daum_roughmap .wrap_map{height:300px !important;}
.companyInfo .companyInfoBox .companyInfoCont dl.addressCont{margin-top:16px;}
.companyInfo .companyInfoBox .companyInfoCont dl:nth-child(n+2) dd{padding:15px;}
.companyInfo .companyInfoBox .companyInfoCont dl dt a img{width:40px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont{margin-top:11px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li{line-height:2;margin-bottom:5px;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li span:first-child{width:70px;}

.medicalDepartment{padding:65px 0 75px;}
.medicalDepartment .medicalDepartmentSlide{margin-top:36.5px;}
.medicalDepartment .medicalDepartmentSlide dl{padding:20px 18.5px;}
.medicalDepartment .medicalDepartmentSlide dl dt{padding:15px 0 31.5px;font-size:2.4rem;}
.medicalDepartment .medicalDepartmentSlide dl dd{padding-top:18px;line-height:22px;border-width:2px;}
.medicalDepartment .medicalDepartmentSlide dl dd a{width:110px;height:35px;}
.medicalDepartment .medicalDepartmentSlide .slick-arrow,
.mainNotice .board .noticeSlide .slick-arrow{width:40px;height:40px;margin-top:-9px;}

.mainNotice{margin:70px 0;}
.mainNotice .mainNoticeTab{margin:17px 0 30px;}
.mainNotice .mainNoticeTab li{padding:10px;margin-top:3px;font-size:1.8rem;}
.mainNotice .board .noticeSlide .slick-slide{padding:40px 36px 15px;margin:15px 0 30px;box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);}
.mainNotice .board .noticeSlide .slick-slide p{margin-top:22px;}
.mainNotice .board .noticeSlide .slick-slide a{margin-top:32px;}
.mainNotice .board .noticeSlide .slick-slide a img{width:35px;}
.mainNotice .board .noticeSlide .slick-list{width:100%;margin:0 auto;padding:0 30px;}
}

@media all and (max-width:501px){
.mainBanner .mainBannerText{font-size:3rem;margin-top:-9.8%;}

.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li{display:block;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li span:first-child{display:block;width:100%;}
.companyInfo .companyInfoBox .companyInfoCont dl.timeCont dd ul li span:last-child{margin-left:5px;}

.mainNotice .mainNoticeTab li{font-size:1.4rem;}
}