@charset "utf-8";
/* ===================================
    common
====================================== */
#headerwrap{background:#fff;box-shadow:0 0 7px rgba(0,0,0,0.1);}
#headerwrap .pc_menuwrap #pc_menu .depth01{color:#000;}
#headerwrap .pc_menuwrap .imgoff{display:none;}
#headerwrap .pc_menuwrap .imgon{display:block;}
#headerwrap .pc_menuwrap .outloginbox a{color:#000;}
@media(max-width:1440px){
    #subPage.sub.theOne{padding-top:10.375rem;}
    .boardTop .section{padding-top:20rem;}
}

.point-color3{color:#e64e4e;}

/* ===================================
    더원이비인후과
====================================== */
/* //// 병원소개 //// */
.sub.intro .sec01 .box .listwrap{}
.sub.intro .sec01 .box .listwrap li{display:flex;align-items:center;margin-top:1rem;}
.sub.intro .sec01 .box .listwrap li:first-child{margin-top:0;}
.sub.intro .sec01 .box .listwrap li .list_title{width:40%;padding:2rem 1rem;border-radius:0.8rem;flex-shrink:0;}
.sub.intro .sec01 .box .listwrap li .list_cont{width:60%;padding-left:5%;}
.sub.intro .sec01 .box .listwrap li .list_dots{width:40%;}
.sub.intro .sec01 .box .listwrap li .dot,
.sub.intro .sec01 .box .listwrap li .list_dots:before,
.sub.intro .sec01 .box .listwrap li .list_dots:after{width:9px;height:9px;border-radius:50%;background:var(--pointcolor);margin:auto;}

.sub.intro .sec01 .box .listwrap li .list_dots:before,
.sub.intro .sec01 .box .listwrap li .list_dots:after{content:'';display:block;}
.sub.intro .sec01 .box .listwrap li .dot{opacity:0.5;margin:7px auto;}
.sub.intro .sec01 .box .listwrap li .list_dots:before{opacity:0.2}


.intro02_listwrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.intro02_listwrap .box{width:calc(94% / 4);margin-top:2%;border-radius:0.5em;padding:2em 0.8em;border:2px solid rgba(var(--pointcolor-rgb), 0.8);}
.intro02_listwrap .box:nth-child(-n+4) {margin-top:0;}
.intro02_listwrap .box .img{margin-bottom:1.5em;}
.intro02_listwrap .box .img img {height:5.813rem;}

.sub.intro .gridwrap{display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(3, 1fr);gap:0.5rem;}
.sub.intro .gridwrap .img{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.sub.intro .gridwrap .img:after{content:'';display:block;width:100%;padding-bottom:50%}
.sub.intro .gridwrap .img01{grid-area:1/1/3/3;background-image:url('/images/theOne/intro/sec03_pic01.jpg');}
.sub.intro .gridwrap .img02{grid-area:3/1/4/2;background-image:url('/images/theOne/intro/sec03_pic02.jpg');}
.sub.intro .gridwrap .img03{grid-area:3/2/4/3;background-image:url('/images/theOne/intro/sec03_pic03.jpg');}
.sub.intro .gridwrap .img04{grid-area:1/3/2/5;background-image:url('/images/theOne/intro/sec03_pic04.jpg');}
.sub.intro .gridwrap .img05{grid-area:2/3/3/4;background-image:url('/images/theOne/intro/sec03_pic05.jpg');}
.sub.intro .gridwrap .img06{grid-area:2/4/3/5;background-image:url('/images/theOne/intro/sec03_pic06.jpg');}
.sub.intro .gridwrap .img07{grid-area:3/3/4/5;background-image:url('/images/theOne/intro/sec03_pic07.jpg');}
.sub.intro .gridwrap .img08{grid-area:1/5/2/6;background-image:url('/images/theOne/intro/sec03_pic08.jpg');}
.sub.intro .gridwrap .img09{grid-area:2/5/4/6;background-image:url('/images/theOne/intro/sec03_pic09.jpg');}
.sub.intro .gridwrap .img10{grid-area:1/6/3/8;background-image:url('/images/theOne/intro/sec03_pic10.jpg');}
.sub.intro .gridwrap .img11{grid-area:3/6/4/8;background-image:url('/images/theOne/intro/sec03_pic11.jpg');}

@media(max-width:1024px){
    .intro02_listwrap .box{width:49%;padding:2em;}
    .intro02_listwrap .box:nth-child(-n+4) {margin-top:2%;}
    .intro02_listwrap .box:nth-child(-n+2) {margin-top:0;}
    .intro02_listwrap .box .img img{height:3em;}
}
@media(max-width:768px){
    .sub.intro .gridwrap{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(7, 1fr);}
    /* .sub.intro .gridwrap .img01{grid-area:1/1/3/3;} */
    .sub.intro .gridwrap .img02{grid-area:1/3/2/4;}
    .sub.intro .gridwrap .img03{grid-area:2/3/3/4;}
    .sub.intro .gridwrap .img04{grid-area:3/2/4/4;}
    .sub.intro .gridwrap .img05{grid-area:5/1/6/2;}
    .sub.intro .gridwrap .img06{grid-area:6/1/7/2;}
    .sub.intro .gridwrap .img07{grid-area:4/2/4/4;}
    .sub.intro .gridwrap .img08{grid-area:7/3/8/4;}
    .sub.intro .gridwrap .img09{grid-area:3/1/5/2;}
    .sub.intro .gridwrap .img10{grid-area:5/2/7/4;}
    .sub.intro .gridwrap .img11{grid-area:7/1/8/3;}
}
@media(max-width:500px){
    .intro02_listwrap .box{width:100%;}
    .intro02_listwrap .box:nth-child(-n+2) {margin-top:2%;}
}




/* //// 의료진 //// */
.sub.doctors .sec01 .box a{display:block;}
.sub.doctors .sec01 .box a img{border:3px solid #fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.sub.doctors .sec01 .box a .txt{height:8.75rem;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:0.9rem;position:relative;z-index:5;margin-top:-4.375rem;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.sub.doctors .sec01 .box a .txt .inner{width:80%;}
.sub.doctors .sec01 .box a .txt .inner .line{width:100%;height:2px;background:#eee;margin:0.7rem auto;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.sub.doctors .sec01 .box a:hover img{border:3px solid var(--pointcolor);}
.sub.doctors .sec01 .box a:hover .txt{background:var(--pointcolor);color:#fff;}
.sub.doctors .sec01 .box a:hover .txt .inner .line{background:#fff;}

.sub.doctors .sec01 .pop_box{display:none;background:rgba(0,0,0,0.2);position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:100%;z-index:9999;}
.sub.doctors .sec01 .pop_box #popwrap{position:absolute;top:50%;left:50%;margin:auto;width:100%;max-width:1500px;background:#fff;transform:translate(-50%, -50%);}
.sub.doctors .sec01 .pop_box .btn_close{border:none;width:2.063rem;height:2.063rem;position:absolute;top:3%;left:auto;right:3%;margin:auto;background:url('/images/theOne/doctors/pop_closebtn.png')no-repeat center center;z-index:999;}


.sub.doctors .sec01 .pop_box .txt{display:flex;justify-content:center;align-items:center;}
.sub.doctors .sec01 .pop_box .txt .pop_inner{width:80%;}
.sub.doctors .sec01 .pop_box .txt .pop_inner .scrollbox{overflow-y: scroll;max-height:50vh;padding:5rem 0;}
.sub.doctors .sec01 .pop_box .txt .pop_inner .scrollbox ul{margin-top:3rem;}
.sub.doctors .sec01 .pop_box .txt .pop_inner .scrollbox ul:first-child{margin-top:0;}
.sub.doctors .sec01 .pop_box .txt .pop_inner .scrollbox ul li{margin-top:1rem;}
@media(max-width:1024px){
    .sub.doctors .sec01 .pop_box #popwrap{height:100%;}
    .sub.doctors .sec01 .pop_box #popwrap>.flex{flex-direction:column-reverse;}
    .sub.doctors .sec01 .pop_box .txt{width:100%;height:calc(100vh - 280px);}
    .sub.doctors .sec01 .pop_box .txt .pop_inner .scrollbox{max-height:calc((100vh - 280px) - 20vh);}
    .sub.doctors .sec01 .pop_box .pic{background:#f5f5f5;width:100%;}
    .sub.doctors .sec01 .pop_box .pic img{height:280px;}
}
/* //// 스페셜 //// */
.sub.special .folding_list{width:100%;}
.sub.special .folding_list .list{width:100%;}
.sub.special .folding_list .list .list_title{position:relative;padding:1.25rem 2rem;background:var(--pointcolor);color:#fff;margin-top:3px;cursor:pointer;}
.sub.special .folding_list .list .list_cont{padding:4rem 0;display:none;}
.sub.special .folding_list .list:nth-child(1) .list_cont{display:block;}

.sub.special .folding_list .list .list_title:before{content:'';display:block;position:absolute;top:50%;right:2rem;margin:auto;width:1.75rem;height:0.25rem;border-radius:1rem;background:#fff;transform:translateY(-50%);}
.sub.special .folding_list .list .list_title:after{content:'';display:block;position:absolute;top:50%;right:2.875rem;margin:auto;height:1.75rem;width:0.25rem;border-radius:1rem;background:#fff;transform:translate(50%, -50%);}
.sub.special .folding_list .list.active .list_title:after{display:none;}

.sub .bigNum_txt{position:relative;padding:4rem 0 0 4rem;}
.sub .bigNum_txt .font-100{position:absolute;top:0;left:0;margin:auto;opacity:0.13;}
.sub.special .folding_list .list:nth-child(4) .bigNum_txt .flex p:last-child{margin-left:3.75rem;}
@media(max-width:960px){
    .sub .bigNum_txt>.flex{display:block;}
    .sub .bigNum_txt>.flex p:last-child{margin-top:1.5625rem;}
    .sub.special .folding_list .list:nth-child(4) .bigNum_txt .flex p:last-child{margin-left:0;}
}



.special04_listwrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.special04_listwrap .box{width:49%;margin-top:2%;border-radius:0.5em;padding:2em 2.5em;border:2px solid rgba(var(--pointcolor-rgb), 0.8);}
.special04_listwrap .box:nth-child(-n+2) {margin-top:0;}
.special04_listwrap .box .img{margin-right:1.5em;}
@media(max-width:768px){
    .special04_listwrap .box{width:100%;justify-content:flex-start;padding:2em;}
    .special04_listwrap .box:nth-child(-n+2) {margin-top:2%;}
    .special04_listwrap .box .img img{height:3em;}
}

/* //// 진료안내 오시는길 //// */
.sub.info .sec01 .icon img{height:1.75rem;}
.sub.info .sec01 .cont02 ul li{margin-bottom:0.6rem;}
.sub.info .sec01 .cont02 ul li:last-child{margin-bottom:0;}
.sub.info .sec01 .cont02 .width75 .width20 p{text-align:justify;text-align-last:justify;max-width:7.5rem;}
.sub.info .sec01 .cont02 .width75 .width75 p{display:inline-block;letter-spacing:1px;}

.sub.info .sec01 .mapbox{width:100% !important;}
.sub.info .sec01 .mapbox .hide{display:none;}

.sub.info .sec02 .cont_box>.flex{margin-top:2%;}
.sub.info .sec02 .info_title{width:40%;display:flex;justify-content:center;align-items:center;text-align:center;}
.sub.info .sec02 .info_title .inner{width:50%;text-align:left;display:flex;align-items:center;}
.sub.info .sec02 .info_title .inner p{line-height:1;}
.sub.info .sec02 .info_title .inner .icon{flex-shrink:0;margin-right:1em;}
.sub.info .sec02 .info_title .inner .icon img{height:2.188rem;}
.sub.info .sec02 .info_cont{width:58%;height:6.625rem;display:flex;align-items:center;background:#f5f5f5;padding:1em 3em;}
@media(max-width:1440px){
    .sub.info .sec01 .cont02 .width75 .width20{width:30%;}
    .sub.info .sec01 .cont02 .width75 .width75{width:68%;}
    .sub.info .sec02 .info_title .inner{width:80%;}
}
@media(max-width:1240px){
    .sub.info .sec01 .container>.flex-wrap{display:block;}
    .sub.info .sec01 .container>.flex-wrap .width50{width:100%;max-width:700px;}
    .sub.info .sec01 .container>.flex-wrap .width50:first-child{margin-bottom:3rem;}
    .sub.info .sec01 .map,
    .sub.info .sec01 .wrap_map{height:300px !important;}
}
@media(max-width:768px){
    .sub.info .sec02 .cont_box>.flex{display:block;}
    .sub.info .sec02 .info_title{width:100%;padding:1em;}
    .sub.info .sec02 .info_title .inner{width:100%;}
    .sub.info .sec02 .info_cont{width:100%;padding:1em;height:auto;}
}
@media(max-width:500px){
    .sub.info .sec01 .container>.flex-wrap .width50:last-child>.flex{display:block;}
    .sub.info .sec01 .container>.flex-wrap .width50:last-child>.flex>.width20{width:100%;margin-bottom:1.5rem;}
    .sub.info .sec01 .container>.flex-wrap .width50:last-child>.flex>.width75{width:100%;}
}



/* //// 장비소개 //// */
.sub.equipments .box .img{width:100%;border:1px solid #cfcfcf;}
.sub.equipments .line{width:100%;height:1px;background:#e9e9e9;}
.sub.equipments .box .txt_title{padding:1rem;}



/* //// 둘러보기 //// */
.sub.interior .cont_title{display:inline-block;padding:0.5em 1em;border-radius:0.3em;}
.sub.interior .inner{position:relative;padding-right:calc((100% - var(--layoutwidth)) / 2);}
.sub.interior .slide_btn{position:absolute;z-index:999;bottom:0;right:0;margin:auto;padding-right:10%;}
.sub.interior .swiper-button-prev{position:relative;left:auto;background:#fff;}
.sub.interior .swiper-button-next{position:relative;right:auto;background:var(--pointcolor);}
.sub.interior .swiper-button-prev,
.sub.interior .swiper-button-next{width:4rem;height:4rem;box-shadow:0 0 7px rgba(0,0,0,0.2);margin-top:auto;}
.sub.interior .swiper-button-prev:after{background:url('/img/main/swiper_prev.png')no-repeat center center /cover;}
.sub.interior .swiper-button-next:after{background:url('/img/main/swiper_next.png')no-repeat center center /cover;}
.sub.interior .swiper-button-prev:after,
.sub.interior .swiper-button-next:after{content:'';width:1.25rem;height:1rem;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);}

.sub.interior .swiper-slide .txt{position:absolute;bottom:2rem;left:2rem;margin:auto;z-index:5}
@media(max-width:1440px){
    .sub.interior .slide_btn{padding-right:5%;}
}
@media(max-width:990px){
    .sub.interior .slide_btn{position:relative;margin-top:3rem;justify-content:flex-end;}
}

/* //// 기능적 코성형 전후사진 //// */
.noseBA .swiper .box{display:none;max-width:1000px;width:100%;margin-right:auto;margin-left:auto;}
.noseBA .swiper .box.on{display:flex;}
.noseBA .swiper .box img{width:50%;}
.noseBA .tab_menu li{padding:1em;background:#f4f4f4;box-shadow:0 0 12px rgba(0,0,0,0.2);cursor: pointer;}
.noseBA .tab_menu li:nth-child(2){margin:auto 1em;}
.noseBA .tab_menu li.on{font-weight:700;background:var(--pointcolor);color:#fff;}
.tab_list li{width:calc(94% / 4);margin-right:2%;margin-bottom:2%;}
.tab_list li:nth-child(4n){margin-right:0;}
.tab_list li .flex{width:100%; position: relative;}
.tab_list li .flex img{width:50%;}
.tab_list li .flex .login_box { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: rgba(0, 0, 0, .9); }
.tab_list li .flex .login_box .inner { color: rgba(255, 255, 255, 1); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.tab_list li .flex .login_box .inner h4 { text-align: center; }
.tab_list li.act{border:.25rem solid var(--pointcolor2);}
.tab_list li a{display:block;}

.noseBA .slideTitle{max-width:1000px;width:100%;margin-right:auto;margin-left:auto;padding:0.5em 0.2em;}

.noseBA .swiper-button-prev{left:0%;background:#fff;}
.noseBA .swiper-button-next{right:0%;background:var(--pointcolor);}
.noseBA .swiper-button-prev,
.noseBA .swiper-button-next{width:4rem;height:4rem;box-shadow:0 0 7px rgba(0,0,0,0.2);margin-top:auto;}
.noseBA .swiper-button-prev:after{background:url('/img/main/swiper_prev.png')no-repeat center center /cover;}
.noseBA .swiper-button-next:after{background:url('/img/main/swiper_next.png')no-repeat center center /cover;}
.noseBA .swiper-button-prev:after,
.noseBA .swiper-button-next:after{content:'';width:1.25rem;height:1rem;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);}

/* ADD */
.slideBox .cont { display: none; position: relative; }
.slideBox .cont.on { display: block; }
.slideBox .cont .cont-view { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;/* min-height: 500px;*/padding-top:500px;max-width:1000px;margin:auto;width:100%;}
.slideBox .cont .cont-view .box { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; visibility: hidden; opacity: 0; transition: all .5s ease; /*width: 66.7%;*/width:100%;}
.slideBox .cont .cont-view .box.on { visibility: visible; opacity: 1; }
.slideBox .cont .cont-view .box img{width:50%;}

.slideBox .cont .cont-view .box .login_box {position: absolute; top: 0; left: 0;right:0;margin:auto; width: 50%;max-width:500px; height: 100%; background: rgba(0, 0, 0, .9);transform:translateX(-50%);}
.slideBox .cont .cont-view .box .login_box .inner { color: rgba(255, 255, 255, 1); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.slideBox .cont .cont-view .box .login_box .inner h4 { text-align: center; }
.slideBox .cont .cont-view .box .login_box .inner p { margin-top: 15px; padding: 10px; border-radius: 50px; background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); min-width: 20%; text-align: center; }
.slideBox .cont .changeBtn { position: absolute; top: 40%; transform: translateY(-40%); width: 4rem; height: 4rem; box-shadow:0 0 7px rgba(0,0,0,0.2); background: rgba(255, 255, 255, 1); display: flex; align-items: center; justify-content: center; }
.slideBox .cont .changeBtn.chgPrev { left: 0; }
.slideBox .cont .changeBtn.chgNext { right: 0; }

.latest_pagination { display: flex; align-items: center; justify-content: center; min-height: 35px; }
.latest_pagination > li { min-width: 35px; height: 35px; font-size: 1rem; display: flex; align-items: center; justify-content: center; }
.latest_pagination > .pn_li, .latest_pagination > .pn_arrow { cursor: pointer; }
.latest_pagination > .pn_li.curPage { background: var(--pointcolor); color: rgba(255, 255, 255, 1); font-weight: 700; cursor: default; }
.latest_pagination > .pn_arrow.disabled { color: #999; cursor: not-allowed; }

@media(max-width:1440px){
    .noseBA .swiper-button-prev{left:-3%;}
    .noseBA .swiper-button-next{right:-3%;}
}
@media(max-width:1240px){
    .slideBox .cont .cont-view{padding-top:50%;max-width:none;}
    .noseBA .slideTitle{max-width:none;}
    .slideBox .cont .cont-view .box .login_box{max-width:none;}
    .slideBox .cont .changeBtn.chgPrev{left:-1rem;}
    .slideBox .cont .changeBtn.chgNext{right:-1rem;}
}
@media(max-width:990px){
    .tab_list li{width:32%;}
    .tab_list li:nth-child(4n){margin-right:2%;}
    .tab_list li:nth-child(3n){margin-right:0;}
}
@media(max-width:500px){
    .tab_list li{width:49%;}
    .tab_list li:nth-child(3n){margin-right:2%;}
    .tab_list li:nth-child(2n){margin-right:0;}

    .slideBox .cont .cont-view{padding-top:200%;}
    .slideBox .cont .cont-view .box{display:block;}
    .slideBox .cont .cont-view .box .login_box{width:100%;height:50%;transform:none;}
    .slideBox .cont .cont-view .box img{width:100%;}
}

/* ===================================
    수액클리닉
====================================== */
/* //// 영양수액클리닉 //// */
.sub.fluidTherapy.clinic .clinicBg{background:url(/images/fluidTherapy/clinic/clinic.jpg)no-repeat center center /cover;}
.sub.fluidTherapy.clinic .dotline{border-bottom:.25rem dotted #fff;}

.sub.fluidTherapy.clinic .mySwiper .txt{position:absolute;width:80%;left:10%;top:65%;}
.sub.fluidTherapy.clinic .swiper-scrollbar{position:relative;left:auto;bottom:auto;width:100%;border-radius:0;margin-top:1.75rem;height:8px;background:#f7f7f7;}

.sub.fluidTherapy.clinic .swiper-scrollbar-drag{border-radius:0;background:var(--pointcolor);}

.sub.fluidTherapy.clinic .reverse.pointSec:before{top:auto;bottom:0;height:50%;}
.sub.fluidTherapy.clinic .video {position: relative;overflow: hidden;max-width:890px;width : 100%;aspect-ratio:16 / 9;margin : 0 auto;}
.sub.fluidTherapy.clinic .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub.fluidTherapy.clinic .dashline{border-left:2px dashed #fff;margin:0 1.25rem;}
@media (max-width: 1024px) {
    .sub.fluidTherapy.clinic .video {width : 100%;padding-bottom: 56.25%;}
}
@media(max-width:990px){
    .sub.fluidTherapy.clinic .dashline{border-left:none;border-top:2px dashed #fff;margin:3.125rem 0;}
}
@media(max-width:768px){
    .sub.fluidTherapy.clinic .mySwiper .txt{top:55%;}
}

/* ===================================
    커뮤니티
====================================== */
/* //// 비급여 //// */
.sub.nonBenefit .sec01 .line{width:100%;height:1px; margin:4rem 0;}
.sub.nonBenefit .sec01 .inner{width:48%;margin-top:4%;}
.sub.nonBenefit .sec01 .inner:nth-child(-n+2){margin-top:0;}
.sub.nonBenefit .table-style01 th:nth-child(2){white-space:nowrap;}
@media(max-width:990px){
    .sub.nonBenefit .sec01 .inner{width:100%;margin-top:4%;}
    .sub.nonBenefit .sec01 .inner:nth-child(-n+2){margin-top:4%;}
    .sub.nonBenefit .sec01 .inner:nth-child(1){margin-top:0;}
}