@charset "utf-8";
/* ===================================
    main
====================================== */
/* //// mainslidewrap //// */
#mainwrap .mainslidewrap .swiper-slide{overflow:hidden;height: auto!important}
#mainwrap .mainslidewrap .swiper-pagination-vertical.swiper-pagination-bullets,
#mainwrap .mainslidewrap .swiper-vertical>.swiper-pagination-bullets{left:10px;right:auto;}
#mainwrap .mainslidewrap .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
#mainwrap .mainslidewrap .swiper-pagination-bullet-active{background:#fff;}

/* //// YOUNG-MAN CLINIC //// */
#mainwrap .sec01 .swiper-slide{border-radius:10px;overflow:hidden;}
#mainwrap .sec01 .swiper-slide a{display:inline-block;position:relative;color:#fff;}
#mainwrap .sec01 .swiper-slide a .txtbox{position:absolute;bottom:10%;left:10%;margin:auto;z-index:2;}
#mainwrap .sec01 .swiper-slide a .txtbox .more{border:1px solid #fff;border-radius:1.5rem;display:inline-block;padding:0.6rem 3rem;color:#fff;background:none;}
#mainwrap .sec01 .swiper-slide a:hover .txtbox .more{background:#fff;color:var(--pointcolor);}
#mainwrap .sec01 .swiper-pagination{position:relative;width:100%;height:6px;border-radius:3px}
#mainwrap .sec01 .swiper-pagination-progressbar{background:#eee;}
#mainwrap .sec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--pointcolor);border-radius:70px;}

/* ////영맨남성의원의 특별함 //// */
#mainwrap .sec02{background:url('/img/main/sec02_bg.jpg')no-repeat center center /cover;}

/* //// DOCTOR //// */
#mainwrap .sec03{background:url('/img/main/sec03_bg.png')no-repeat right top;overflow-x:hidden;}
#mainwrap .sec03 .box .inner{display:inline-block;}
#mainwrap .sec03 .box ul{}
#mainwrap .sec03 .box ul li{margin-bottom:20px;}
#mainwrap .sec03 .box ul li:last-child{margin-bottom:0;}
#mainwrap .sec03 .more{border:1px solid var(--pointcolor);border-radius:1.5rem;display:inline-block;padding:0.6rem 3rem;color:#fff;background:var(--pointcolor);}
#mainwrap .sec03 .more:hover{background:#fff;color:var(--pointcolor);}
@media(max-width:768px){
    #mainwrap .sec03 .box_wrap2{position:relative;}
    #mainwrap .sec03 .box_wrap2 > .box:first-child{position:absolute;top:0;left:0;width:70%;z-index:3;}
    #mainwrap .sec03 .box_wrap2 > .box:last-child{position:relative;right:0;margin:auto 0 auto auto ;width:70%;transform:translateX(20%);}
    #mainwrap .sec03 .box .inner .cont_box{justify-content:flex-start;}
    #mainwrap .sec03 .box ul:first-child{margin-right:2rem;}
    #mainwrap .sec03 .box ul li{margin-bottom:1rem;}
}
@media(max-width:500px){
    #mainwrap .sec03{overflow:hidden;}
    #mainwrap .sec03 .more{margin:3rem 0;}
    #mainwrap .sec03 .box_wrap2 > .box:first-child{position:relative;}
    #mainwrap .sec03 .box_wrap2 > .box:last-child{width:315px;z-index:2;position:absolute;}
    #mainwrap .sec03 .box .inner .cont_box{display:block;}
    #mainwrap .sec03 .box ul:first-child{margin-right:0;margin-bottom:1rem;}
}
/* //// CONTACT US //// */
.sec04{position: relative;}
.sec04 .inner {margin-left:5%;width:95%}
.sec04 dl dt{width:4em;flex-shrink: 0;display: flex;justify-content: space-between;margin-right:1.2em}
.sec04 dl dd{letter-spacing: 0.1em;}

.sec04 .mapbox .kakaomap{ width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; }
.sec04 .mapbox .root_daum_roughmap .wrap_btn_zoom{z-index: 1}
.sec04 .mapbox .root_daum_roughmap .wrap_controllers {display: none}
.sec04 .mapbox .root_daum_roughmap .wrap_map{height: 100% !important;}

@media (max-width:1240px) {
    .sec04 .mapbox {order:0;max-height: 450px;min-height: 250px;margin-top:3rem;height: 50vw;}
}