* {outline:1px solid #f00--;}
body {position: relative; padding-top: 120px;}
.w1200 {width: 1200px;margin: 0 auto;}
.w500 {width: 500px;margin: 0 auto;}

header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;}
.header {display: flex;justify-content: space-between;align-items: center;height: 120px;padding-bottom: 30px;}
.header div {padding: 15px;}
.header .mBar {padding: 15px;width: 30%;}
.header .mBar i {display: none;}
.header .mainLogo {padding: 25px 15px;height: 90px;}
.header .mainLogo figure {height: 100%;display: block;}
.header .mainLogo figure img {height: 100%;display: block;}
.header .mainCall {width: 30%;text-align: right;font-weight: 700;line-height: 50px;display: flex;justify-content: flex-end;align-items: center;}
.header .mainCall p {font-size: 16px;color: #50c1ad;padding-right: 6px;padding-right: 10px;}
.header .mainCall span {display: block;font-size: 20px;}

.mainGnb {position: relative;}
.mainGnb nav {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);z-index: 999;width: 100%;padding: 0 15px;}
.mainGnb nav ul {display: flex;background: #fff;border: 1px solid #ddd;}
.mainGnb nav ul {display: flex;background: #fff;border: 1px solid #ddd;}
.mainGnb nav ul li {width: 16.666%;text-align: center;}
.mainGnb nav ul li a {display: block;font-size: 15px;line-height: 60px;font-weight: 400;}
.mainGnb nav ul li.on a {color: #26aae1;font-weight: 500;}
.mainGnb nav ul li.gr {background: linear-gradient(60deg, #50c1ad, #26aae1);color: #fff;}

/* 메인배너_슬라이더 */
#main_slide {width: 100%;  position:relative;}
.slide_arr {position:relative; width:100%; z-index:20000;}
.prev_slide {left:50px;  position:absolute;top:400px; cursor:pointer;}
.next_slide {right:50px; position:absolute;top:400px; cursor:pointer;}

.main_slider.pc {display: block;}
.main_slider.mobile {display: none;}
.main_slider {position: relative;}
.main_slider img {display: block;width: 100%;}
메인배너_슬라이더_슬라이드버튼
#main_slide .prev, #main_slide .next {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: #fff;cursor: pointer;z-index: 999;}
#main_slide .prev {left:2%;}
#main_slide .next {right:2%;}

메인배너_슬라이더 */


/*메인_타이틀*/
.mainTit {text-align: center;}
.mainTit p {font-size: 20px;line-height: 30px;color: #26aae1;padding-bottom: 5px;}
.mainTit h3 {font-size: 35px;line-height: 50px;}
.mainTit h3 b {font-weight: 500;}
.mainTit .line {width: 50px;height: 1px;background: #222;margin: 40px auto 50px auto;}

/*메인_카테고리*/
#main_cata  {padding: 140px 0;background: #f9f9f9;}
#main_cata .cateList {display: flex;flex-basis: 50%;padding: 0 15px;}
#main_cata .cateList .box02 {display: flex;flex-basis: 50%;}
#main_cata .cateList .cateBox {position: relative;color: #fff;}
#main_cata .cateList .cateBox figure {display: block;width: 100%;}
#main_cata .cateList .cateBox figure img {display: block;width: 100%;}
#main_cata .cateList .cateBox .info {position: absolute;top:40px;left: 40px;}
#main_cata .cateList .cateBox .info h2 {font-size: 30px;line-height: 38px;}
#main_cata .cateList .cateBox .info h2 b {font-weight: 500;}
#main_cata .cateList .cateBox .info p {font-size: 16px;line-height: 26px;padding-top: 10px;}
#main_cata .cateList .cateBox .more {position: absolute;bottom: 40px;left: 40px;}
#main_cata .cateList .cateBox .more p {font-size: 16px;line-height: 20px;font-weight: 400;}

/*메인_의료진 소개*/
#main_greeting  {padding: 140px 0;}
.greetingBox {}
.greetingBox>div {position: relative;padding: 100px 15px 0;}
.greetingBox .intro p {font-family: 'Zen Kaku Gothic Antique';font-size: 24px;color: #26aae1;font-weight: 600;}
.greetingBox .intro h4 {font-size: 40px;line-height: 56px;font-weight: 600;padding-top: 30px;}
.greetingBox .profile {padding-top: 120px;}
.greetingBox .profile p {font-size: 32px;line-height: 40px;font-weight: 600;}
.greetingBox .profile p span {display: inline-block;font-size: 18px;font-weight: 300;padding-left: 10px;}
.greetingBox .profile .history {display: flex;padding: 15px 0;}
.greetingBox .profile .history ul {padding-right: 40px;}
.greetingBox .profile .history ul li {font-size: 16px;line-height: 32px;}
.greetingBox .profile .history ul li b {font-weight: 500;}
.greetingBox .img {position: absolute;bottom: 0;right: -50px;}
.greetingBox .img figure {display: block;width: 100%;}
.greetingBox .img figure img {display: block;width: 100%;}

/*메인_의료진 소개_슬라이드버튼*/
.greeting_slider .prev, .greeting_slider .next {position: absolute;bottom: 15px;font-size: 30px;line-height: 30px;;cursor: pointer;z-index: 999;border: 1px solid #ddd;background: #fff;padding: 20px;}
.greeting_slider .prev {right: 85px;}
.greeting_slider .next {right: 15px;}


/*about*/
#about {}
#about h4 {font-size: 34px;line-height: 46px;font-weight: 600;}
.intro_01 {position: relative;}
.intro_01 figure {width: 100%;}
.intro_01 figure img {display: block;width: 100%;}
.intro_01 .tit {position: absolute;bottom:60px;left: 50%;transform: translateX(-50%);color: #fff;width: 1200px;padding: 15px;}
.intro_01 .tit p {font-size: 40px;line-height: 50px;font-weight: 600;}

.intro_02 {padding: 0 15px;}
.intro_02>div {padding: 100px 0;border-bottom: 1px solid #ddd;}
.intro_02>div:last-child {border-bottom: none;}
.intro_02 .cont {text-align: center;font-size: 28px;line-height: 42px;font-weight: 500;letter-spacing: -0.025em;}
.intro_02 .cont span {color: #26aae1}

.intro_02 .system {}
.intro_02 .system ul {display: flex;justify-content: space-between;padding: 50px 0 30px;}
.intro_02 .system ul li {width: calc(25% - 15px)}
.intro_02 .system ul li span {display: block;border-top: 2px solid #1a1a1a;font-size: 22px;line-height: 32px;padding: 20px 0;font-weight: 500;}
.intro_02 .system figure {}
.intro_02 .system figure img {display: block;width: 100%;}

.intro_02 .doctor>p {font-size: 16px;line-height: 24px;padding-top: 15px;}
.intro_02 .doctor .doctorBox>div {display: flex;align-items: flex-end;margin-top: 40px}
.intro_02 .doctor .doctorBox>div .img {width: 55%;}
.intro_02 .doctor .doctorBox>div .img figure {background: #f3f3f3;padding-top: 50px;}
.intro_02 .doctor .doctorBox>div .img img {display: block;width: 100%;}
.intro_02 .doctor .doctorBox .profile {padding-left: 30px;}
.intro_02 .doctor .doctorBox .profile p {font-size: 32px;line-height: 40px;font-weight: 600;}
.intro_02 .doctor .doctorBox .profile p span {display: inline-block;font-size: 18px;font-weight: 300;padding-left: 10px;}
.intro_02 .doctor .doctorBox .profile .history {display: flex;padding: 15px 0;}
.intro_02 .doctor .doctorBox .profile .history ul {padding-right: 40px;}
.intro_02 .doctor .doctorBox .profile .history ul li {font-size: 16px;line-height: 32px;}
.intro_02 .doctor .doctorBox .profile .history ul li b {font-weight: 500;}

.intro_03 {width: 100%;overflow: hidden;padding-bottom: 60px;}
.intro_03 .photoSlider {width: 200%; margin-left: -50%;}
.intro_03 .photoSlider .photo {position: relative;padding: 0 30px;}
.intro_03 .photoSlider .photo>img {display: block;width: 100%;box-sizing: border-box;transition: 1s;opacity: 0.3;}
/*.intro_03 .photoSlider .slick-center:after {content: "";display: block;clear: both;position: absolute;width: 200px;height: 70px;background: #333;bottom: 0;right: 50%;}*/
.intro_03 .photoSlider .slick-center>img {opacity: 1;}
.intro_03 .photoSlider .slick-prev {margin-left: 25%; z-index: 1;}
.intro_03 .photoSlider .slick-next {margin-right: 25%; z-index: 1;}
.intro_03 .prev, .intro_03 .next {position: absolute;bottom: 0;width: 70px;font-size: 40px;line-height: 70px;text-align: center;color: #fff;cursor: pointer;z-index: 999;}
.intro_03 .prev {right: calc(35% + 55px);background: #333;}
.intro_03 .next {right: calc(35% - 15px);background: #50c1ad;}

/*clinic*/
/*endoscope-내시경클리닉*/
#clinic {}
.clinicTop {position: relative;}
.clinicTop figure {width: 100%;}
.clinicTop figure img {display: block;width: 100%;}
.clinicTop .tit {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.clinicTop .tit h3 {font-size: 18px;font-family: 'Zen Kaku Gothic Antique';font-weight: 500;}
.clinicTop .tit h2 {font-size: 60px;padding: 20px 0;font-weight: 400;}
.clinicTop .tit p {font-size: 18px;line-height: 30px;}

.clinicWarp {padding: 100px 15px;}
.clinicWarp .tabTit>div {display: none;}
.clinicWarp .tabTit>div.on {display: block;}
.clinicWarp .tabTit .title {text-align: center;}
.clinicWarp .tabTit .title h2 {font-size: 34px;line-height: 50px;font-weight: 400;}
.clinicWarp .tabTit .title p {font-size: 16px;line-height: 40px;color: #999999;}
.clinicWarp .tabTit .title span {display: inline-block;width: 50px;height: 1px;background: #222;}

.clinicWarp .clinicInfo .tabNav {display: flex;justify-content: space-between;text-align: center;border: 1px solid #ddd;margin: 30px 0;}
.clinicWarp .clinicInfo .tabNav li {flex-basis: 50%;border-right: 1px solid #ddd;}
.clinicWarp .clinicInfo .tabNav li:last-child {border-right: none;}
.clinicWarp .clinicInfo .tabNav li span {display: block;font-size: 15px;line-height: 60px;cursor: pointer;}
.clinicWarp .clinicInfo .tabNav li.on span {background: linear-gradient(60deg, #50c1ad, #26aae1);color: #fff;}

.clinicWarp .clinicInfo .tabCont .section {margin: 80px 0;}
.clinicWarp .clinicInfo .tabCont h4 {font-size: 30px;font-weight: 500;padding-bottom: 20px;}
.clinicWarp .clinicInfo .tabCont h4:before {content: "";display: block;width: 40px;height: 2px;background: #222;margin-bottom: 25px;}
.clinicWarp .clinicInfo .tabCont p {font-size: 16px;line-height: 1.65;}
.clinicWarp .clinicInfo .tabCont p.list {line-height: 2;}

.clinicWarp .clinicInfo .tabCont .cycleBox {display: flex;margin: 50px 0;}
.clinicWarp .clinicInfo .tabCont .cycleBox li {position: relative;width: calc(33.333333% - 15px);background: #f9f9f9;padding: 60px 0 50px;text-align: center;}
.clinicWarp .clinicInfo .tabCont .cycleBox li:nth-child(2) {margin: 0 30px;}
.clinicWarp .clinicInfo .tabCont .cycleBox li:after {content: "\e928";display: block;clear: both;position: absolute;top:-10px;left: 50%;transform: translateX(-50%);font-family: 'xeicon';width: 40px;border-radius: 50px;background: #50c1ad;font-size: 26px;line-height: 40px;color: #fff;}
.clinicWarp .clinicInfo .tabCont .cycleBox li span {font-size: 20px;line-height: 1.6;font-weight: 500;}

.clinicWarp .clinicInfo .tabCont .numBox {display: flex;justify-content: space-between;margin: 30px 0;flex-wrap: wrap;}
.clinicWarp .clinicInfo .tabCont .numBox li {display: flex;align-items: center;width: calc(50% - 15px);background: #f9f9f9;padding: 15px;margin: 10px 0;}
.clinicWarp .clinicInfo .tabCont .numBox li span {display: block;color: #50c1ad;font-size: 20px;font-weight: 600;padding-right: 15px;border-right: 1px solid #ddd;}
.clinicWarp .clinicInfo .tabCont .numBox li p {padding-left: 15px;font-weight: 500;}

.clinicWarp .clinicInfo .tabCont>div {display: none;}
.clinicWarp .clinicInfo .tabCont>div.on {display: block;}
.clinicWarp .clinicInfo .tabCont .cautionBox {display: flex;justify-content: space-between;margin: 30px 0;color: #fff;}
.clinicWarp .clinicInfo .tabCont .cautionBox li {width: calc(33.333333% - 15px);background: #50c1ad;padding: 35px;text-align: center;}
.clinicWarp .clinicInfo .tabCont .cautionBox li p {font-size: 20px;line-height: 1.6;font-weight: 500;border-bottom: 1px solid #fff;padding: 15px 0;}
.clinicWarp .clinicInfo .tabCont .cautionBox li span {display: block;font-size: 16px;line-height: 1.5;padding: 15px 0;}

.clinicWarp .clinicInfo .tabCont .tableBox {margin: 30px 0;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul {display: flex;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul>li {flex: 1;font-size: 18px;text-align: center;border-right: 1px solid #ddd;line-height: 50px;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul>li:last-child {border-right: none;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul.thead {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;background: #f3f3f3;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul.thead>li {font-weight: 500;}
.clinicWarp .clinicInfo .tabCont .tableBox>ul.tbody {border-bottom: 1px solid #ddd;}

.clinicWarp .clinicInfo .tabCont .tableBox2 {text-align: center;}
.clinicWarp .clinicInfo .tabCont .tableBox2 p {font-size: 15px;line-height: 24px;}
.clinicWarp .clinicInfo .tabCont .tableBox2 thead {border-top: 2px solid #1a1a1a;font-weight: 400;}
.clinicWarp .clinicInfo .tabCont .tableBox2 td {padding: 15px 10px;}
.clinicWarp .clinicInfo .tabCont .tableBox2 tr>td:first-child {background: #f3f3f3;font-weight: 400;}
.clinicWarp .clinicInfo .tabCont .tableBox2 figure {background: #50c1ad;border-radius: 50%;width: 80%;margin: auto;margin-bottom: 10px;}
.clinicWarp .clinicInfo .tabCont .tableBox2 figure img {display: block;width: 100%;}

.clinicWarp .clinicInfo .tabCont .listBox {border-top: 1px solid #1a1a1a;margin: 30px 0;}
.clinicWarp .clinicInfo .tabCont .listBox>li {display: flex;border-bottom: 1px solid #ddd;padding: 30px 0;}
.clinicWarp .clinicInfo .tabCont .listBox>li>div:first-child {width: 30%;font-size: 22px;}
.clinicWarp .clinicInfo .tabCont .listBox>li>div:last-child {width: 70%;font-size: 13px;line-height: 22px;}

/*informaiton - 진료안내*/
.information {padding: 0 15px;margin: 100px auto;}
.information>div {margin: 120px 0;}
.information .medicalHours ul {display: flex;justify-content: space-between;}
.information .medicalHours li {text-align: center;width: calc(33.333333% - 20px);background: #f3f3f3;padding: 50px 0;}
.information .medicalHours li>p {font-family: 'Zen Kaku Gothic Antique';font-weight: 600;font-size: 28px;line-height: 40px;}
.information .medicalHours li>p:after {content: "";display: block;clear: both;width: 20px;height: 1px;background: #1a1a1a;margin: 12px auto;}
.information .medicalHours li>div>p  {font-size: 16px;line-height: 30px;}
.information .medicalHours li>div>span {font-size: 20px;display: block;font-weight: 600;line-height: 32px;}

.information .map>ul {display: flex;justify-content: space-between;}
.information .map>ul>li {width: calc(50% - 20px);}
.information .map>ul>li>ul {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;padding: 20px 30px;}
.information .map>ul>li>ul>li {display: flex;margin: 30px 0;}
.information .map>ul>li>ul>li>span {display: block;font-size: 20px;padding-right: 15px;color: #26aae1;}
.information .map>ul>li>ul>li>div p {font-size: 15px;line-height: 1.65;}
.information .map>ul>li>ul>li>div p>span {display: block;font-weight: 500;color: #26aae1;line-height: 1.65;}
.information .map>ul>li>ul>li>div p>b {font-weight: 500;}

/*footer*/
footer {background: #383838;color: #fff;padding: 80px 0;}
.footer {padding: 0 15px;font-weight: 200;}
.footer p {font-size: 16px;font-weight: 500;line-height: 26px;}
.footer .ftTop {display: flex;justify-content: space-between;border-bottom: 1px solid #676767;}
.footer .ftTop .ftLeft {width: 45%;border-right: 1px solid #676767;padding-right: 25px;}
.footer .ftTop .ftRight {width: 55%;padding-left: 25px;}
.footer .ftTop .ftLeft .ftInfo {}
.footer .ftTop .ftLeft .ftInfo>li {display: flex;margin: 50px 0;}
.footer .ftTop .ftLeft .ftInfo>li:first-child {margin-top: 0;}
.footer .ftTop .ftLeft .ftInfo>li>span {display: block;font-size: 26px;font-weight: 600;color: #50c1ad;line-height: 26px;}
.footer .ftTop .ftLeft .ftInfo>li p {width: 40%;}
.footer .ftTop .ftLeft .ftInfo>li p i {display: inline-block;font-size: 16px;font-weight: 500;line-height: 26px;padding-right: 40px;}
.footer .ftTop .ftLeft .ftInfo>li>ul>li {font-size: 15px;line-height: 26px;}
.footer .ftTop .ftLeft .ftInfo>li>ul>li b {display: inline-block;font-weight: 500;width: 70px;}

.footer .ftTop .ftLeft .ftSns {margin: 40px 0;}
.footer .ftTop .ftLeft .ftSns ul {padding-top: 15px;display: flex;justify-content: space-between;}
.footer .ftTop .ftLeft .ftSns ul li {width: calc(50% - 10px)}
.footer .ftTop .ftLeft .ftSns ul li a {display: flex;justify-content: center;align-items: center;background: #424242;border: none;width: 100%;color: #d7d7d7;padding: 18px 0;}
.footer .ftTop .ftLeft .ftSns ul li:hover a {background: #4b4b4b;}
.footer .ftTop .ftLeft .ftSns ul li a figure {width: 30px;padding-right: 10px;=}
.footer .ftTop .ftLeft .ftSns ul li a figure img {display: block;width: 100%;}
.footer .ftTop .ftLeft .ftSns ul li a span {font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;}

.footer .ftTop .ftRight .ftAdd p {padding-top: 15px;}
.footer .ftTop .ftRight .ftAdd span {display: block;font-size: 15px;line-height: 26px;}
.footer .ftTop .ftRight .ftAdd span b {display: inline-block;font-weight: 500;}

.footer .ftCopy {margin-top: 40px;color: #ddd;}
.footer .ftCopy ul {display: flex;}
.footer .ftCopy ul li {padding-right: 40px;line-height: 26px;}
.footer .ftCopy ul.service {padding-bottom: 20px;}
.footer .ftCopy ul.service li a {display: block;font-size: 17px;color: #fff;font-weight: 400;}
.footer .ftCopy div {padding-right: 40px;line-height: 26px;}

/*service_01 - 환자권리장전*/
#service {padding: 0 15px;margin: 100px auto;}
#service h3 {font-weight: 500;}
#service h4 {font-size: 30px;font-weight: 500;padding-bottom: 30px;}
#service h4:before {content: "";display: block;width: 40px;height: 2px;background: #222;margin-bottom: 25px;}
#service .contents {margin: 60px 0;}
#service .contents>div {border: 1px solid #ddd;padding: 40px;}
#service .contents>div>p {font-size: 15px;line-height: 1.65;}
#service .contents>div>p>b {display: block;font-weight: 500;padding: 20px 0 10px 0;}
#service .contents>div>p>b:first-child {padding-top: 0;}
/*service_02 - 비급여진료공개*/
#service .unpaidTab {}
#service .unpaidTab .tabNav {margin: 40px 0;display: flex;justify-content: center}
#service .unpaidTab .tabNav li {font-size: 15px;text-align: center;margin: 0 5px;cursor: pointer;}
#service .unpaidTab .tabNav li span {display: block;width: 200px;line-height: 50px;border: 1px solid #ddd;}
#service .unpaidTab .tabNav li.on {background: #333;color: #fff;}

#service .unpaidTab .tabCont>div {display: none;}
#service .unpaidTab .tabCont>div.on {display: block;}
#service .unpaidTab .tabCont .contBox {margin: 40px 0;}
#service .unpaidTab .tabCont .contBox>p {font-size: 18px;padding-bottom: 15px;font-weight: 500;color: #26aae1;}
#service .unpaidTab .tabCont .contBox>span {display: block;font-size: 15px;padding-bottom: 15px;font-weight: 400;}
#service .unpaidTab .tabCont table {text-align: center;}
#service .unpaidTab .tabCont table thead {border-top: 2px solid #1a1a1a;background: #f3f3f3;}
#service .unpaidTab .tabCont table td p {line-height: 40px;}


@media (max-width:1199px) {
    
    body {position: relative; padding-top: 120px;}
    .w1200 {width: 100%;margin: 0 auto;}
    .w500 {width: 500px;margin: 0 auto;}

    header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;}
    .header {display: flex;justify-content: space-between;align-items: center;height: 120px;padding-bottom: 30px;}
    .header div {padding: 15px;}
    .header .mBar {padding: 15px;width: 30%;}
    .header .mBar i {display: none;}
    .header .mainLogo {padding: 25px 15px;height: 90px;}
    .header .mainLogo figure {height: 100%;display: block;}
    .header .mainLogo figure img {height: 100%;display: block;}
    .header .mainCall {width: 30%;text-align: right;font-weight: 700;line-height: 50px;display: flex;justify-content: flex-end;align-items: center;}
    .header .mainCall p {font-size: 16px;color: #50c1ad;padding-right: 6px;padding-right: 10px;}
    .header .mainCall span {display: block;font-size: 20px;}

    .mainGnb {position: relative;}
    .mainGnb nav {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);z-index: 999;width: 100%;padding: 0 15px;}
    .mainGnb nav ul {display: flex;background: #fff;border: 1px solid #ddd;}
    .mainGnb nav ul {display: flex;background: #fff;border: 1px solid #ddd;}
    .mainGnb nav ul li {width: 16.666%;text-align: center;}
    .mainGnb nav ul li a {display: block;font-size: 15px;line-height: 60px;font-weight: 400;}
    .mainGnb nav ul li.on a {color: #26aae1;font-weight: 500;}
    .mainGnb nav ul li.gr {background: linear-gradient(60deg, #50c1ad, #26aae1);color: #fff;}

    /*메인배너_슬라이더*/
    #main_slide {width: 100%;}
    .main_slider.pc {display: block;}
    .main_slider.mobile {display: none;}
    .main_slider {position: relative;}
    .main_slider img {display: block;width: 100%;}
    /*메인배너_슬라이더_슬라이드버튼*/
    #main_slide .prev, #main_slide .next {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: #fff;cursor: pointer;z-index: 999;}
    #main_slide .prev {left:2%;}
    #main_slide .next {right:2%;}

    /*메인_타이틀*/
    .mainTit {text-align: center;}
    .mainTit p {font-size: 18px;line-height: 24px;color: #26aae1;padding-bottom: 5px;}
    .mainTit h3 {font-size: 30px;line-height: 42px;}
    .mainTit h3 b {font-weight: 500;}
    .mainTit .line {width: 50px;height: 1px;background: #222;margin: 30px auto 50px auto;}

    /*메인_카테고리*/
    #main_cata  {padding: 100px 0;background: #f9f9f9;}
    #main_cata .cateList {display: flex;flex-basis: 50%;padding: 0 15px;}
    #main_cata .cateList .box02 {display: flex;flex-basis: 50%;}
    #main_cata .cateList .cateBox {position: relative;color: #fff;}
    #main_cata .cateList .cateBox figure {display: block;width: 100%;}
    #main_cata .cateList .cateBox figure img {display: block;width: 100%;}
    #main_cata .cateList .cateBox .info {position: absolute;top:25px;left: 25px;}
    #main_cata .cateList .cateBox .info h2 {font-size: 28px;line-height: 34px;}
    #main_cata .cateList .cateBox .info h2 b {font-weight: 500;}
    #main_cata .cateList .cateBox .info h2 br {display:none !important;}
    #main_cata .cateList .cateBox .info p {font-size: 14px;line-height: 24px;padding-top: 5px;}
    #main_cata .cateList .cateBox .more {position: absolute;bottom: 25px;left: 25px;}
    #main_cata .cateList .cateBox .more p {font-size: 14px;line-height: 18px;font-weight: 400;}

    /*메인_의료진 소개*/
    #main_greeting  {padding: 100px 0;}
    .greetingBox {}
    .greetingBox>div {position: relative;padding: 20px 15px 0;}
    .greetingBox .intro p {font-family: 'Zen Kaku Gothic Antique';font-size: 22px;color: #26aae1;font-weight: 600;}
    .greetingBox .intro h4 {font-size: 36px;line-height: 54px;font-weight: 600;padding-top: 15px;}
    .greetingBox .profile {padding-top: 60px;}
    .greetingBox .profile p {font-size: 32px;line-height: 40px;font-weight: 600;}
    .greetingBox .profile p span {display: inline-block;font-size: 18px;font-weight: 300;padding-left: 10px;}
    .greetingBox .profile .history {display: block;padding: 15px 0;}
    .greetingBox .profile .history ul {padding-right: 40px;}
    .greetingBox .profile .history ul li {font-size: 16px;line-height: 32px;}
    .greetingBox .profile .history ul li b {font-weight: 500;}
    .greetingBox .img {position: absolute;bottom: 0;right: -50px;width: 60%;min-width: 600px;}
    .greetingBox .img figure {display: block;width: 100%;}
    .greetingBox .img figure img {display: block;width: 100%;}

    /*메인_의료진 소개_슬라이드버튼*/
    .greeting_slider .prev, .greeting_slider .next {position: absolute;bottom: 15px;font-size: 30px;line-height: 30px;;cursor: pointer;z-index: 999;border: 1px solid #ddd;background: #fff;padding: 20px;}
    .greeting_slider .prev {right: 85px;}
    .greeting_slider .next {right: 15px;}


    /*about*/
    #about {}
    #about h4 {font-size: 30px;line-height: 44px;font-weight: 600;}
    .intro_01 {position: relative;display: none;}
    .intro_01 figure {width: 100%;}
    .intro_01 figure img {display: block;width: 100%;}
    .intro_01 .tit {position: absolute;bottom:60px;left: 50%;transform: translateX(-50%);color: #fff;width: 1200px;padding: 15px;}
    .intro_01 .tit p {font-size: 40px;line-height: 50px;font-weight: 600;}

    .intro_02 {padding: 0 15px;}
    .intro_02>div {padding: 60px 0;border-bottom: 1px solid #ddd;}
    .intro_02>div:last-child {border-bottom: none;}
    .intro_02 .cont {text-align: center;font-size: 26px;line-height: 40px;font-weight: 500;letter-spacing: -0.025em;padding-top: 100px;}
    .intro_02 .cont span {color: #26aae1}

    .intro_02 .system {}
    .intro_02 .system ul {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 50px 0 30px;}
    .intro_02 .system ul li {width: calc(50% - 15px);padding-bottom: 30px;}
    .intro_02 .system ul li span {display: block;border-top: 2px solid #1a1a1a;font-size: 22px;line-height: 32px;padding: 20px 0;font-weight: 500;}
    .intro_02 .system figure {}
    .intro_02 .system figure img {display: block;width: 100%;}

    .intro_02 .doctor>p {font-size: 16px;line-height: 24px;padding-top: 15px;}
    .intro_02 .doctor .doctorBox>div {display: flex;align-items: flex-end;margin-top: 40px}
    .intro_02 .doctor .doctorBox>div .img {width: 50%;}
    .intro_02 .doctor .doctorBox>div .img figure {background: #f3f3f3;padding-top: 50px;}
    .intro_02 .doctor .doctorBox>div .img img {display: block;width: 100%;}
    .intro_02 .doctor .doctorBox .profile {padding-left: 20px;}
    .intro_02 .doctor .doctorBox .profile p {font-size: 28px;line-height: 36px;font-weight: 600;}
    .intro_02 .doctor .doctorBox .profile p span {display: inline-block;font-size: 16px;font-weight: 300;padding-left: 6px;}
    .intro_02 .doctor .doctorBox .profile .history {display: flex;padding: 10px 0;}
    .intro_02 .doctor .doctorBox .profile .history ul {padding-right: 40px;}
    .intro_02 .doctor .doctorBox .profile .history ul li {font-size: 15px;line-height: 30px;;letter-spacing: -0.025em;}
    .intro_02 .doctor .doctorBox .profile .history ul li b {font-weight: 500;}

    .intro_03 {width: 100%;overflow: hidden;padding-bottom: 30px;}
    .intro_03 .photoSlider {width: 100%; margin-left: 0;}
    .intro_03 .photoSlider .photo {position: relative;padding: 0;}
    .intro_03 .photoSlider .photo>img {display: block;width: 100%;box-sizing: border-box;transition: 1s;opacity: 1;}
    /*.intro_03 .photoSlider .slick-center:after {content: "";display: block;clear: both;position: absolute;width: 200px;height: 70px;background: #333;bottom: 0;right: 50%;}*/
    .intro_03 .photoSlider .slick-center>img {opacity: 1;}
    .intro_03 .photoSlider .slick-prev {margin-left: 0; z-index: 1;}
    .intro_03 .photoSlider .slick-next {margin-right: 0; z-index: 1;}
    .intro_03 .prev, .intro_03 .next {position: absolute;bottom: 0;width: 70px;font-size: 40px;line-height: 70px;text-align: center;color: #fff;cursor: pointer;z-index: 999;}
    .intro_03 .prev {right: 70px;background: #333;}
    .intro_03 .next {right: 0;background: #50c1ad;}

    /*clinic*/
    /*endoscope-내시경클리닉*/
    #clinic {}
    .clinicTop {position: relative;}
    .clinicTop figure {width: 100%;overflow: hidden;}
    .clinicTop figure img {display: block;width: 150%;}
    .clinicTop .tit {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);width: 100%;}
    .clinicTop .tit h3 {font-size: 18px;font-family: 'Zen Kaku Gothic Antique';font-weight: 500;}
    .clinicTop .tit h2 {font-size: 46px;padding: 10px 0;font-weight: 400;}
    .clinicTop .tit p {font-size: 18px;line-height: 30px;}

    .clinicWarp {padding: 60px 15px;}
    .clinicWarp .tabTit>div {display: none;}
    .clinicWarp .tabTit>div.on {display: block;}
    .clinicWarp .tabTit .title {text-align: center;}
    .clinicWarp .tabTit .title h2 {font-size: 34px;line-height: 50px;font-weight: 400;}
    .clinicWarp .tabTit .title p {font-size: 16px;line-height: 40px;color: #999999;}
    .clinicWarp .tabTit .title span {display: inline-block;width: 50px;height: 1px;background: #222;}

    .clinicWarp .clinicInfo .tabNav {display: flex;justify-content: space-between;text-align: center;border: 1px solid #ddd;margin: 30px 0;}
    .clinicWarp .clinicInfo .tabNav li {flex-basis: 50%;border-right: 1px solid #ddd;}
    .clinicWarp .clinicInfo .tabNav li:last-child {border-right: none;}
    .clinicWarp .clinicInfo .tabNav li span {display: block;font-size: 15px;line-height: 60px;cursor: pointer;}
    .clinicWarp .clinicInfo .tabNav li.on span {background: linear-gradient(60deg, #50c1ad, #26aae1);color: #fff;}

    .clinicWarp .clinicInfo .tabCont .section {margin: 80px 0;}
    .clinicWarp .clinicInfo .tabCont h4 {font-size: 28px;font-weight: 500;padding-bottom: 15px;}
    .clinicWarp .clinicInfo .tabCont h4:before {content: "";display: block;width: 40px;height: 2px;background: #222;margin-bottom: 25px;}
    .clinicWarp .clinicInfo .tabCont p {font-size: 15px;line-height: 1.6;}
    .clinicWarp .clinicInfo .tabCont p.list {line-height: 2;}

    .clinicWarp .clinicInfo .tabCont .cycleBox {display: flex;margin: 40px 0;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li {position: relative;width: calc(33.333333% - 15px);background: #f9f9f9;padding: 50px 15px 40px;text-align: center;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li:nth-child(2) {margin: 0 20px;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li:after {content: "\e928";display: block;clear: both;position: absolute;top:-10px;left: 50%;transform: translateX(-50%);font-family: 'xeicon';width: 40px;border-radius: 50px;background: #50c1ad;font-size: 20px;line-height: 40px;color: #fff;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li span {font-size: 18px;line-height: 1.5;font-weight: 500;}

    .clinicWarp .clinicInfo .tabCont .numBox {display: flex;justify-content: space-between;margin: 20px 0;flex-wrap: wrap;}
    .clinicWarp .clinicInfo .tabCont .numBox li {display: flex;align-items: center;width: calc(50% - 15px);background: #f9f9f9;padding: 15px;margin: 10px 0;}
    .clinicWarp .clinicInfo .tabCont .numBox li span {display: block;color: #50c1ad;font-size: 18px;font-weight: 600;padding-right: 15px;border-right: 1px solid #ddd;}
    .clinicWarp .clinicInfo .tabCont .numBox li p {padding-left: 15px;font-weight: 500;}

    .clinicWarp .clinicInfo .tabCont>div {display: none;}
    .clinicWarp .clinicInfo .tabCont>div.on {display: block;}
    .clinicWarp .clinicInfo .tabCont .cautionBox {display: flex;justify-content: space-between;margin: 20px 0;color: #fff;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li {width: calc(33.333333% - 15px);background: #50c1ad;padding: 20px;text-align: center;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li p {font-size: 20px;line-height: 1.6;font-weight: 500;border-bottom: 1px solid #fff;padding: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li span {display: block;font-size: 15px;line-height: 1.5;padding: 15px 0;}

    .clinicWarp .clinicInfo .tabCont .tableBox {margin: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul {display: flex;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul>li {flex: 1;font-size: 15px;text-align: center;border-right: 1px solid #ddd;line-height: 50px;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul>li:last-child {border-right: none;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.thead {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;background: #f3f3f3;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.thead>li {font-weight: 500;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.tbody {border-bottom: 1px solid #ddd;}

    .clinicWarp .clinicInfo .tabCont .tableBox2 {text-align: center;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 p {font-size: 14px;line-height: 24px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 thead {border-top: 2px solid #1a1a1a;font-weight: 400;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 td {padding: 15px 10px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 tr>td:first-child {background: #f3f3f3;font-weight: 400;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 figure {background: #50c1ad;border-radius: 50%;width: 80%;margin: auto;margin-bottom: 10px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 figure img {display: block;width: 100%;}

    .clinicWarp .clinicInfo .tabCont .listBox {border-top: 1px solid #1a1a1a;margin: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .listBox>li {display: flex;border-bottom: 1px solid #ddd;padding: 25px 0;}
    .clinicWarp .clinicInfo .tabCont .listBox>li>div:first-child {width: 35%;font-size: 18px;}
    .clinicWarp .clinicInfo .tabCont .listBox>li>div:last-child {width: 65%;font-size: 13px;line-height: 22px;}

    /*informaiton - 진료안내*/
    .information {padding: 0 15px;margin: 100px auto;}
    .information>div {margin: 120px 0;}
    .information .medicalHours ul {display: flex;justify-content: space-between;}
    .information .medicalHours li {text-align: center;width: calc(33.333333% - 20px);background: #f3f3f3;padding: 50px 0;}
    .information .medicalHours li>p {font-family: 'Zen Kaku Gothic Antique';font-weight: 600;font-size: 28px;line-height: 40px;}
    .information .medicalHours li>p:after {content: "";display: block;clear: both;width: 20px;height: 1px;background: #1a1a1a;margin: 12px auto;}
    .information .medicalHours li>div>p  {font-size: 16px;line-height: 30px;}
    .information .medicalHours li>div>span {font-size: 20px;display: block;font-weight: 600;line-height: 32px;}

    .information .map>ul {display: flex;justify-content: space-between;}
    .information .map>ul>li {width: calc(50% - 15px);}
    .information .map>ul>li>ul {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;padding: 20px;}
    .information .map>ul>li>ul>li {display: flex;margin: 30px 0;}
    .information .map>ul>li>ul>li>span {display: block;font-size: 20px;padding-right: 15px;color: #26aae1;}
    .information .map>ul>li>ul>li>div p {font-size: 15px;line-height: 1.65;}
    .information .map>ul>li>ul>li>div p>span {display: block;font-weight: 500;color: #26aae1;line-height: 1.65;}
    .information .map>ul>li>ul>li>div p>b {font-weight: 500;}

    /*footer*/
    footer {background: #383838;color: #fff;padding: 80px 0;}
    .footer {padding: 0 15px;font-weight: 200;}
    .footer p {font-size: 16px;font-weight: 500;line-height: 26px;}
    .footer .ftTop {display: flex;justify-content: space-between;border-bottom: 1px solid #676767;}
    .footer .ftTop .ftLeft {width: 50%;border-right: 1px solid #676767;padding-right: 15px;}
    .footer .ftTop .ftRight {width: 50%;padding-left: 15px;}
    .footer .ftTop .ftLeft .ftInfo {}
    .footer .ftTop .ftLeft .ftInfo>li {display: flex;margin: 40px 0;}
    .footer .ftTop .ftLeft .ftInfo>li:first-child {margin-top: 0;}
    .footer .ftTop .ftLeft .ftInfo>li>span {display: block;font-size: 26px;font-weight: 600;color: #50c1ad;line-height: 26px;}
    .footer .ftTop .ftLeft .ftInfo>li p {width: 120px;}
    .footer .ftTop .ftLeft .ftInfo>li p i {display: inline-block;font-size: 16px;font-weight: 500;line-height: 26px;padding-right: 10px;}
    .footer .ftTop .ftLeft .ftInfo>li>ul>li {font-size: 15px;line-height: 26px;}
    .footer .ftTop .ftLeft .ftInfo>li>ul>li b {display: inline-block;font-weight: 500;width: 70px;}

    .footer .ftTop .ftLeft .ftSns {margin: 30px 0;}
    .footer .ftTop .ftLeft .ftSns ul {padding-top: 15px;display: flex;justify-content: space-between;}
    .footer .ftTop .ftLeft .ftSns ul li {width: calc(50% - 7.5px)}
    .footer .ftTop .ftLeft .ftSns ul li a {display: block;justify-content: center;align-items: center;background: #4b4b4b;border: none;width: 100%;color: #d7d7d7;padding: 15px 0;text-align: center;}
    .footer .ftTop .ftLeft .ftSns ul li:hover a {background: #4b4b4b;}
    .footer .ftTop .ftLeft .ftSns ul li a figure {width: 20px;padding-right: 0;margin: auto;padding-bottom: 5px;}
    .footer .ftTop .ftLeft .ftSns ul li a figure img {display: block;width: 100%;}
    .footer .ftTop .ftLeft .ftSns ul li a span {font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;}

    .footer .ftTop .ftRight .ftAdd p {padding-top: 15px;}
    .footer .ftTop .ftRight .ftAdd span {display: block;font-size: 15px;line-height: 24px;}
    .footer .ftTop .ftRight .ftAdd span b {display: inline-block;font-weight: 500;}

    .footer .ftCopy {margin-top: 30px;color: #ddd;}
    .footer .ftCopy ul {display: flex;flex-wrap: wrap;}
    .footer .ftCopy ul li {padding-right: 40px;line-height: 26px;}
    .footer .ftCopy ul.service {padding-bottom: 20px;}
    .footer .ftCopy ul.service li a {display: block;font-size: 17px;color: #fff;font-weight: 400;}
    .footer .ftCopy div {padding-right: 40px;line-height: 26px;}

    /*service_01 - 환자권리장전*/
    #service {padding: 0 15px;margin: 100px auto;}
    #service h3 {font-weight: 500;}
    #service h4 {font-size: 30px;font-weight: 500;padding-bottom: 30px;}
    #service h4:before {content: "";display: block;width: 40px;height: 2px;background: #222;margin-bottom: 25px;}
    #service .contents {margin: 60px 0;}
    #service .contents>div {border: 1px solid #ddd;padding: 40px;}
    #service .contents>div>p {font-size: 15px;line-height: 1.65;}
    #service .contents>div>p>b {display: block;font-weight: 500;padding: 20px 0 10px 0;}
    #service .contents>div>p>b:first-child {padding-top: 0;}
    /*service_02 - 비급여진료공개*/
    #service .unpaidTab {}
    #service .unpaidTab .tabNav {margin: 40px 0;display: flex;justify-content: center}
    #service .unpaidTab .tabNav li {font-size: 15px;text-align: center;margin: 0 5px;cursor: pointer;}
    #service .unpaidTab .tabNav li span {display: block;width: 200px;line-height: 50px;border: 1px solid #ddd;}
    #service .unpaidTab .tabNav li.on {background: #333;color: #fff;}

    #service .unpaidTab .tabCont>div {display: none;}
    #service .unpaidTab .tabCont>div.on {display: block;}
    #service .unpaidTab .tabCont .contBox {margin: 40px 0;}
    #service .unpaidTab .tabCont .contBox>p {font-size: 18px;padding-bottom: 15px;font-weight: 500;color: #26aae1;}
    #service .unpaidTab .tabCont .contBox>span {display: block;font-size: 15px;padding-bottom: 15px;font-weight: 400;}
    #service .unpaidTab .tabCont table {text-align: center;}
    #service .unpaidTab .tabCont table thead {border-top: 2px solid #1a1a1a;background: #f3f3f3;}
    #service .unpaidTab .tabCont table td p {line-height: 40px;}
    
    
}

@media (max-width:768px) {
    
    body {position: relative; padding-top: 60px;}
    .w1200 {width: 100%;margin: 0 auto;}
    .w500 {width: 100%;margin: 0 auto;}

    header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;border-bottom: 2px solid #f3f3f3}
    .header {display: flex;justify-content: space-between;align-items: center;height: 60px;padding-bottom: 0;}
    .header div {padding: 15px;}
    .header .mBar {padding: 15px;width: 20%;}
    .header .mBar i {display: block;font-size: 20px;line-height: 30px;}
    .header .mainLogo {padding: 15px;height: 60px;}
    .header .mainLogo figure {height: 100%;display: block;}
    .header .mainLogo figure img {height: 100%;display: block;}
    .header .mainCall {width: 20%;text-align: right;font-weight: 700;line-height: 50px;justify-content: flex-end;align-items: center;}
    .header .mainCall p {display: none;font-size: 16px;color: #50c1ad;padding-right: 6px;padding-right: 10px;}
    .header .mainCall span {display: none;font-size: 20px;}

    .mainGnb {position: relative;display: none;}
    .mainGnb.on {position: relative;display: block;}
    .mainGnb nav {position: absolute;top: 0;left: 0;transform: translateX(0);z-index: 999;width: 100%;padding: 0;}
    .mainGnb nav ul {display: block;background: #fff;border: none;box-shadow: 0px 3px 10px rgba(0,0,0,0.2)}
    .mainGnb nav ul li {width: 100%;text-align: left;border-top: 1px solid #ddd;padding: 0 15px;}
    .mainGnb nav ul li a {position: relative;display: block;font-size: 13px;line-height: 50px;font-weight: 400;}
    .mainGnb nav ul li a:after {content: "\e940";display: block;clear: both;font-family: 'xeicon';position: absolute;top:50%;right: 0;transform: translateY(-50%)}
    .mainGnb nav ul li.on a {color: #1a1a1a;font-weight: 400;}
    .mainGnb nav ul li.gr {background: #fff;color: #1a1a1a;}

    /*메인배너_슬라이더*/
    #main_slide {width: 100%;}
    .main_slider.pc {display: none;}
    .main_slider.mobile {display: block;}
    .main_slider {position: relative;}
    .main_slider img {display: block;width: 100%;}
    /*메인배너_슬라이더_슬라이드버튼*/
    #main_slide .prev, #main_slide .next {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: #fff;cursor: pointer;z-index: 999;}
    #main_slide .prev {left:2%;}
    #main_slide .next {right:2%;}

    /*메인_타이틀*/
    .mainTit {text-align: center;}
    .mainTit p {font-size: 16px;line-height: 20px;color: #26aae1;padding-bottom: 5px;}
    .mainTit h3 {font-size: 22px;line-height: 38px;}
    .mainTit h3 b {font-weight: 500;}
    .mainTit .line {width: 30px;height: 1px;background: #222;margin: 25px auto 35px auto;}

    /*메인_카테고리*/
    #main_cata  {padding: 80px 0 20px;background: #f9f9f9;}
    #main_cata .cateList {display: block;flex-basis: 100%;padding: 0 15px;}
    #main_cata .cateList .box02 {display: flex;flex-basis: 100%;}
    #main_cata .cateList .cateBox {position: relative;color: #fff;}
    #main_cata .cateList .cateBox figure {display: block;width: 100%;}
    #main_cata .cateList .cateBox figure img {display: block;width: 100%;}
    #main_cata .cateList .cateBox .info {position: absolute;top:30px;left: 20px;}
    #main_cata .cateList .cateBox .info h2 {font-size: 24px;line-height: 32px;}
    #main_cata .cateList .cateBox .info h2 b {font-weight: 500;}
    #main_cata .cateList .cateBox .info h2 br {display:none !important;}
    #main_cata .cateList .cateBox .info p {font-size: 13px;line-height: 20px;padding-top: 5px;}
    #main_cata .cateList .cateBox .more {position: absolute;bottom: 25px;left: 20px;}
    #main_cata .cateList .cateBox .more p {font-size: 13px;line-height: 18px;font-weight: 400;}

    /*메인_의료진 소개*/
    #main_greeting  {padding: 80px 0;}
    .greetingBox {overflow: hidden;width: 100%;}
    .greetingBox>div {position: relative;padding: 0 15px 0;}
    .greetingBox .intro p {font-family: 'Zen Kaku Gothic Antique';font-size: 15px;color: #26aae1;font-weight: 600;}
    .greetingBox .intro h4 {font-size: 26px;line-height: 35px;font-weight: 600;padding-top: 15px;}
    .greetingBox .profile {padding-top: 0;position: absolute;bottom: 5px;}
    .greetingBox .profile p {font-size: 16px;line-height: 22px;font-weight: 600;}
    .greetingBox .profile p span {display: inline-block;font-size: 13px;font-weight: 300;padding-left: 7px;}
    .greetingBox .profile .history {display: block;padding: 10px 0;}
    .greetingBox .profile .history ul {padding-right: 40px;}
    .greetingBox .profile .history ul li {font-size: 13px;line-height: 24px;letter-spacing: -0.025em;}
    .greetingBox .profile .history ul li b {font-weight: 500;}
    .greetingBox .img {position: static;bottom: 0;right: -50px;width: 90%;min-width: 90%;padding-top: 10px;}
    .greetingBox .img figure {display: block;width: 120%;margin-left: 80px;}
    .greetingBox .img figure img {display: block;width: 100%;}

    /*메인_의료진 소개_슬라이드버튼*/
    .greeting_slider .prev, .greeting_slider .next {position: absolute;bottom: 15px;font-size: 20px;line-height: 20px;;cursor: pointer;z-index: 999;border: 1px solid #ddd;background: #fff;padding: 10px;}
    .greeting_slider .prev {right: 55px;}
    .greeting_slider .next {right: 15px;}


    /*about*/
    #about {}
    #about h4 {font-size: 24px;line-height: 34px;font-weight: 600;}
    .intro_01 {position: relative;display: none;}
    .intro_01 figure {width: 100%;}
    .intro_01 figure img {display: block;width: 100%;}
    .intro_01 .tit {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);color: #fff;width: 1200px;padding: 15px;}
    .intro_01 .tit p {font-size: 40px;line-height: 50px;font-weight: 600;}

    .intro_02 {padding: 0 15px;}
    .intro_02>div {padding: 40px 0;border-bottom: 1px solid #ddd;}
    .intro_02>div:last-child {border-bottom: none;}
    .intro_02 .cont {text-align: center;font-size: 20px;line-height: 30px;font-weight: 500;letter-spacing: -0.025em;padding-top: 40px;}
    .intro_02 .cont br {display: none !important}
    .intro_02 .cont span {color: #26aae1}

    .intro_02 .system {}
    .intro_02 .system ul {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 25px 0 0px;}
    .intro_02 .system ul li {width: calc(50% - 7px);padding-bottom: 20px;}
    .intro_02 .system ul li span {display: block;border-top: 2px solid #1a1a1a;font-size: 15px;line-height: 22px;padding: 10px 0;font-weight: 500;letter-spacing: -0.025em;}
    .intro_02 .system figure {}
    .intro_02 .system figure img {display: block;width: 100%;}

    .intro_02 .doctor>p {font-size: 14px;line-height: 24px;padding-top: 15px;}
    .intro_02 .doctor>p br {display: none !important}
    .intro_02 .doctor .doctorBox>div {display: block;align-items: flex-end;margin-top: 30px}
    .intro_02 .doctor .doctorBox>div .img {width: 100%;}
    .intro_02 .doctor .doctorBox>div .img figure {background: #f3f3f3;padding-top: 20px;}
    .intro_02 .doctor .doctorBox>div .img img {display: block;width: 100%;}
    .intro_02 .doctor .doctorBox .profile {padding-left: 0;padding-top: 15px;}
    .intro_02 .doctor .doctorBox .profile p {font-size: 20px;line-height: 30px;font-weight: 600;}
    .intro_02 .doctor .doctorBox .profile p span {display: inline-block;font-size: 14px;font-weight: 300;padding-left: 6px;}
    .intro_02 .doctor .doctorBox .profile .history {display: block;padding: 10px 0;}
    .intro_02 .doctor .doctorBox .profile .history ul {padding-right: 0;}
    .intro_02 .doctor .doctorBox .profile .history ul li {font-size: 14px;line-height: 26px;;letter-spacing: -0.025em;}
    .intro_02 .doctor .doctorBox .profile .history ul li b {font-weight: 500;}

    .intro_03 {width: 100%;overflow: hidden;padding-bottom: 30px;}
    .intro_03 .photoSlider {width: 100%; margin-left: 0;}
    .intro_03 .photoSlider .photo {position: relative;padding: 0;}
    .intro_03 .photoSlider .photo>img {display: block;width: 100%;box-sizing: border-box;transition: 1s;opacity: 1;}
    /*.intro_03 .photoSlider .slick-center:after {content: "";display: block;clear: both;position: absolute;width: 200px;height: 70px;background: #333;bottom: 0;right: 50%;}*/
    .intro_03 .photoSlider .slick-center>img {opacity: 1;}
    .intro_03 .photoSlider .slick-prev {margin-left: 0; z-index: 1;}
    .intro_03 .photoSlider .slick-next {margin-right: 0; z-index: 1;}
    .intro_03 .prev, .intro_03 .next {position: absolute;bottom: 0;width: 40px;font-size: 20px;line-height: 40px;text-align: center;color: #fff;cursor: pointer;z-index: 999;}
    .intro_03 .prev {right: 40px;background: #333;}
    .intro_03 .next {right: 0;background: #50c1ad;}

    /*clinic*/
    /*endoscope-내시경클리닉*/
    #clinic {}
    .clinicTop {position: relative;}
    .clinicTop figure {width: 100%;overflow: hidden;}
    .clinicTop figure img {display: block;width: 220%;}
    .clinicTop .tit {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4);width: 100%;padding: 15px;}
    .clinicTop .tit h3 {font-size: 13px;font-family: 'Zen Kaku Gothic Antique';font-weight: 500;}
    .clinicTop .tit h2 {font-size: 30px;padding: 10px 0;font-weight: 400;}
    .clinicTop .tit p {font-size: 13px;line-height: 20px;}
    .clinicTop .tit p br {display: none !important;}

    .clinicWarp {padding: 30px 15px;}
    .clinicWarp .tabTit>div {display: none;}
    .clinicWarp .tabTit>div.on {display: block;}
    .clinicWarp .tabTit .title {text-align: center;}
    .clinicWarp .tabTit .title h2 {font-size: 28px;line-height: 50px;font-weight: 400;}
    .clinicWarp .tabTit .title p {font-size: 14px;line-height: 24px;color: #999;}
    .clinicWarp .tabTit .title span {display: inline-block;width: 30px;height: 1px;background: #222;}

    .clinicWarp .clinicInfo .tabNav {display: flex;justify-content: space-between;text-align: center;border: 1px solid #ddd;margin: 25px 0;}
    .clinicWarp .clinicInfo .tabNav li {flex-basis: 50%;border-right: 1px solid #ddd;}
    .clinicWarp .clinicInfo .tabNav li:last-child {border-right: none;}
    .clinicWarp .clinicInfo .tabNav li span {display: block;font-size: 13px;line-height: 45px;cursor: pointer;}
    .clinicWarp .clinicInfo .tabNav li.on span {background: linear-gradient(60deg, #50c1ad, #26aae1);color: #fff;}

    .clinicWarp .clinicInfo .tabCont .section {margin: 40px 0;}
    .clinicWarp .clinicInfo .tabCont h4 {font-size: 22px;font-weight: 500;padding-bottom: 15px;}
    .clinicWarp .clinicInfo .tabCont h4:before {content: "";display: block;width: 24px;height: 2px;background: #222;margin-bottom: 15px;}
    .clinicWarp .clinicInfo .tabCont p {font-size: 13px;line-height: 1.5;}
    .clinicWarp .clinicInfo .tabCont h4 + p br {display: none !important;}
    .clinicWarp .clinicInfo .tabCont p.list {line-height: 1.7;letter-spacing: -0.025em;}
    .clinicWarp .clinicInfo .tabCont p.list br {display: block !important;}

    .clinicWarp .clinicInfo .tabCont .cycleBox {display: block;margin: 30px 0;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li {position: relative;width: 100%;background: #f9f9f9;padding: 40px 15px 30px;text-align: center;margin: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li:nth-child(2) {margin: 0 ;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li:after {content: "\e928";display: block;clear: both;position: absolute;top:-10px;left: 50%;transform: translateX(-50%);font-family: 'xeicon';width: 35px;border-radius: 50px;background: #50c1ad;font-size: 18px;line-height: 35px;color: #fff;}
    .clinicWarp .clinicInfo .tabCont .cycleBox li span {font-size: 16px;line-height: 1.45;font-weight: 500;}

    .clinicWarp .clinicInfo .tabCont .numBox {display: block;justify-content: space-between;margin: 20px 0;flex-wrap: wrap;}
    .clinicWarp .clinicInfo .tabCont .numBox li {display: flex;align-items: center;width: 100%;background: #f9f9f9;padding: 10px;margin: 10px 0;}
    .clinicWarp .clinicInfo .tabCont .numBox li span {display: block;color: #50c1ad;font-size: 14px;font-weight: 600;padding-right: 10px;border-right: 1px solid #ddd;}
    .clinicWarp .clinicInfo .tabCont .numBox li p {padding-left: 12px;font-weight: 500;}
    .clinicWarp .clinicInfo .tabCont .numBox li p br {display: none !important;}

    .clinicWarp .clinicInfo .tabCont>div {display: none;}
    .clinicWarp .clinicInfo .tabCont>div.on {display: block;}
    .clinicWarp .clinicInfo .tabCont .cautionBox {display: block;justify-content: space-between;margin: 20px 0;color: #fff;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li {width: 100%;background: #50c1ad;padding: 15px 20px;text-align: center;margin: 10px 0;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li p {font-size: 15px;line-height: 1.45;font-weight: 500;border-bottom: 1px solid #fff;padding: 10px 0;}
    .clinicWarp .clinicInfo .tabCont .cautionBox li span {display: block;font-size: 13px;line-height: 1.45;padding: 10px 0;}

    .clinicWarp .clinicInfo .tabCont .tableArea {width: 100%;overflow: auto;}
    .clinicWarp .clinicInfo .tabCont .tableBox {width: 600px;margin: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul {display: flex;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul>li {flex: 1;font-size: 13px;text-align: center;border-right: 1px solid #ddd;line-height: 40px;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul>li:last-child {border-right: none;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.thead {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;background: #f3f3f3;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.thead>li {font-weight: 500;}
    .clinicWarp .clinicInfo .tabCont .tableBox>ul.tbody {border-bottom: 1px solid #ddd;}

    .clinicWarp .clinicInfo .tabCont .tableBox2 {width: 600px;text-align: center;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 p {font-size: 13px;line-height: 20px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 thead {border-top: 2px solid #1a1a1a;font-weight: 400;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 td {padding: 15px 10px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 tr>td:first-child {background: #f3f3f3;font-weight: 400;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 figure {background: #50c1ad;border-radius: 50%;width: 80%;margin: auto;margin-bottom: 10px;}
    .clinicWarp .clinicInfo .tabCont .tableBox2 figure img {display: block;width: 100%;}

    .clinicWarp .clinicInfo .tabCont .listBox {border-top: 1px solid #1a1a1a;margin: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .listBox>li {display: block;border-bottom: 1px solid #ddd;padding: 20px 0;}
    .clinicWarp .clinicInfo .tabCont .listBox>li>div:first-child {width: 100%;font-size: 18px;padding-bottom: 10px;}
    .clinicWarp .clinicInfo .tabCont .listBox>li>div:last-child {width: 100%;font-size: 13px;line-height: 22px;}

    /*informaiton - 진료안내*/
    .information {padding: 0 15px;margin: 30px auto;}
    .information>div {margin: 50px 0;}
    .information .medicalHours .hoursArea {width: 100%;overflow: auto;}
    .information .medicalHours ul {width: 200%;display: flex;justify-content: space-between;}
    .information .medicalHours li {text-align: center;width: calc(33.333333% - 10px);background: #f3f3f3;padding: 40px 0;}
    .information .medicalHours li>p {font-family: 'Zen Kaku Gothic Antique';font-weight: 600;font-size: 28px;line-height: 40px;}
    .information .medicalHours li>p:after {content: "";display: block;clear: both;width: 20px;height: 1px;background: #1a1a1a;margin: 12px auto;}
    .information .medicalHours li>div>p  {font-size: 16px;line-height: 30px;}
    .information .medicalHours li>div>span {font-size: 20px;display: block;font-weight: 600;line-height: 32px;}

    .information .map>ul {display: block;justify-content: space-between;}
    .information .map>ul>li {width: 100%;margin: 20px 0;}
    .information .map>ul>li>ul {border-top: 2px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;padding: 10px 0;}
    .information .map>ul>li>ul>li {display: flex;margin: 20px 0;}
    .information .map>ul>li>ul>li>span {display: block;font-size: 16px;padding-right: 15px;color: #26aae1;}
    .information .map>ul>li>ul>li>div p {font-size: 13px;line-height: 1.6;}
    .information .map>ul>li>ul>li>div p>span {display: block;font-weight: 500;color: #26aae1;line-height: 1.6;}
    .information .map>ul>li>ul>li>div p>b {font-weight: 500;}
    .information .map>ul>li iframe {height: 300px;}

    /*footer*/
    footer {background: #383838;color: #fff;padding: 40px 0;}
    .footer {padding: 0 15px;font-weight: 200;}
    .footer p {font-size: 14px;font-weight: 400;line-height: 26px;}
    .footer .ftTop {display: block;justify-content: space-between;border-bottom: 1px solid #676767;padding-bottom: 20px;}
    .footer .ftTop .ftLeft {width: 100%;border-right: none;padding-right: 0;}
    .footer .ftTop .ftRight {width: 100%;padding-left: 0;}
    .footer .ftTop .ftLeft .ftInfo {}
    .footer .ftTop .ftLeft .ftInfo>li {display: flex;margin: 20px 0;}
    .footer .ftTop .ftLeft .ftInfo>li:first-child {margin-top: 0;}
    .footer .ftTop .ftLeft .ftInfo>li>span {display: block;font-size: 16px;font-weight: 500;color: #50c1ad;line-height: 26px;}
    .footer .ftTop .ftLeft .ftInfo>li p {width: 110px;}
    .footer .ftTop .ftLeft .ftInfo>li p i {display: inline-block;font-size: 14px;font-weight: 500;line-height: 26px;padding-right: 15px;}
    .footer .ftTop .ftLeft .ftInfo>li>ul>li {font-size: 13px;line-height: 24px;}
    .footer .ftTop .ftLeft .ftInfo>li>ul>li b {display: inline-block;font-weight: 400;width: 60px;}

    .footer .ftTop .ftLeft .ftSns {margin: 20px 0;}
    .footer .ftTop .ftLeft .ftSns ul {padding-top: 10px;display: flex;justify-content: space-between;}
    .footer .ftTop .ftLeft .ftSns ul li {width: calc(50% - 5px)}
    .footer .ftTop .ftLeft .ftSns ul li a {display: block;justify-content: center;align-items: center;background: #4b4b4b;border: none;width: 100%;color: #d7d7d7;padding: 15px;text-align: center;}
    .footer .ftTop .ftLeft .ftSns ul li:hover a {background: #4b4b4b;}
    .footer .ftTop .ftLeft .ftSns ul li a figure {width: 20px;padding-right: 0;margin: auto;padding-bottom: 5px;padding-top: 5px;}
    .footer .ftTop .ftLeft .ftSns ul li a figure img {display: block;width: 100%;}
    .footer .ftTop .ftLeft .ftSns ul li a span {font-family: 'Noto Sans KR', sans-serif;font-size: 13px;font-weight: 400;line-height: 24px;}

    .footer .ftTop .ftRight .ftAdd p {padding-top: 15px;}
    .footer .ftTop .ftRight .ftAdd span {display: block;font-size: 13px;line-height: 22px;}
    .footer .ftTop .ftRight .ftAdd span b {display: inline-block;font-weight: 400;}
    .footer .ftTop .ftRight .ftMap iframe {height: 200px;}

    .footer .ftCopy {margin-top: 20px;color: #ddd;}
    .footer .ftCopy ul {display: flex;flex-wrap: wrap;}
    .footer .ftCopy ul li {padding-right: 20px;line-height: 22px;font-size: 13px;}
    .footer .ftCopy ul.service {padding-bottom: 15px;}
    .footer .ftCopy ul.service li a {display: block;font-size: 14px;color: #fff;font-weight: 400;}
    .footer .ftCopy div {padding-right: 40px;line-height: 26px;}

    /*service_01 - 환자권리장전*/
    #service {padding: 0 15px;margin: 30px auto;}
    #service h3 {font-weight: 500;}
    #service h4 {font-size: 20px;font-weight: 500;padding-bottom: 15px;}
    #service h4:before {content: "";display: block;width: 20px;height: 2px;background: #222;margin-bottom: 15px;}
    #service .contents {margin: 30px 0;}
    #service .contents>div {border: 1px solid #ddd;padding: 20px;}
    #service .contents>div>p {font-size: 13px;line-height: 1.65;letter-spacing: -0.025em;}
    #service .contents>div>p>b {display: block;font-weight: 500;padding: 15px 0 5px 0;}
    #service .contents>div>p>b:first-child {padding-top: 0;}
    
    /*service_02 - 비급여진료공개*/
    #service .unpaidTab {}
    #service .unpaidTab .tabNav {margin: 30px 0;display: flex;justify-content: center}
    #service .unpaidTab .tabNav li {font-size: 13px;text-align: center;margin: 0 5px;cursor: pointer;}
    #service .unpaidTab .tabNav li span {display: block;width: 150px;line-height: 40px;border: 1px solid #ddd;}
    #service .unpaidTab .tabNav li.on {background: #333;color: #fff;}

    #service .unpaidTab .tabCont>div {display: none;}
    #service .unpaidTab .tabCont>div.on {display: block;}
    #service .unpaidTab .tabCont .contBox {margin: 30px 0;}
    #service .unpaidTab .tabCont .contBox>p {font-size: 14px;padding-bottom: 15px;font-weight: 500;color: #26aae1;}
    #service .unpaidTab .tabCont .contBox>span {display: block;font-size: 13px;padding-bottom: 15px;font-weight: 400;line-height: 20px;}
    #service .unpaidTab .tabCont .contBox>div {width: 100%;overflow: auto;}
    #service .unpaidTab .tabCont table {width: 620px;text-align: center;}
    #service .unpaidTab .tabCont table thead {border-top: 2px solid #1a1a1a;background: #f3f3f3;}
    #service .unpaidTab .tabCont table td p {font-size: 13px;;line-height: 40px;}
    
    
}