@charset "utf-8";
/* ===================================
    요로결석
====================================== */
/* ========== 24시간요로결석센터 ========= */
/* layout */
.youtube_temp_section{width:100%;position:relative;background:#ddd;}
/* .youtube_temp_section:after{content:'';position:relative;top:0;left:0;width:100%;display:block;padding-top:56.25%} */

.sub .border-r-list{width:100%;}
.sub .border-r-list li{display:flex;justify-content:space-between;border-radius:70px;overflow:hidden;margin-bottom:1rem;box-shadow:10px 7px 12px 2px rgba(0,0,0,0.3);}
.sub .border-r-list li:last-child{margin-bottom:0;}
.sub .border-r-list li .num{flex-shrink:0;width:5.813rem;padding:1rem 0;display:flex;justify-content:center;align-items:center;}
.sub .border-r-list li .txt{padding:1rem;width:100%;display:flex;align-items:center;}
.sub .border-r-list li .txt p{line-height:1.1;}

.sub .gray-checknote{width:100%;background:#eee;}
.sub .gray-checknote ul{width:90%;margin:0 auto;padding:2rem 0;}
.sub .gray-checknote ul li{width:100%;display:flex;padding:1.25rem 0;border-bottom:1px dashed #000;}
.sub .gray-checknote ul li:last-child{border-bottom:none;}
.sub .gray-checknote ul li .icon{flex-shrink:0;margin-right:1rem;}
.sub .gray-checknote ul li .icon img{height:2.125rem;}
.sub .gray-checknote ul li p{line-height:2.125rem;}

/* style */
.sub.center24h .sec03{position:relative;}
.sub.center24h .sec03:after{content:'';display:block;position:absolute;left:0;bottom:0;margin:auto;z-index:-1;width:100%;height:calc(100% + 21rem);background:url('/img/sub/urinarystone/center24h/center24h_bg.jpg')no-repeat center center /cover;}
.sub.center24h .sec03 .box_wrap2 .width45 .imgbdiv{position:relative;transform:translateX(5%);}
@media(max-width:1440px){
    .sub.center24h .sec03:after{height:calc(100% + 27vw);}
}
@media(max-width:768px){
    .sub.center24h .sec03 .box_wrap2 .width55{width:100%;margin-bottom:3rem;}
    .sub.center24h .sec03 .box_wrap2 .width45{width:100%;}
    .sub.center24h .sec03 .box_wrap2 .width45 .imgbdiv{transform:translateX(0);}
}

/* ========== 영맨특장점 ========= */
/* layout */
.sub .titwrap_num{}
.sub .titwrap_num .tit{position:relative;flex-shrink:0;letter-spacing:-0.3rem}
.sub .titwrap_num .tit:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;margin:auto;width:2px;height:100%;background:#000;}
.sub .titwrap_num.color-white .tit:after{background:#fff;}
.sub .titwrap_num .tit .num.bold700{font-weight:800;font-size:2.5em}
.sub .titwrap_num .tit .txt{padding:0 1.5rem;}
.sub .titwrap_num .cont{padding-left:1.5rem;}
@media(max-width:990px){
    .sub .titwrap_num > .flex{display:block;}
    .sub .titwrap_num .tit{padding-bottom:2rem;margin-bottom:2rem;border-bottom:2px solid #000;}
    .sub .titwrap_num.color-white .tit{border-color:#fff;}
    .sub .titwrap_num .tit:after{display:none;}
    .sub .titwrap_num .cont{padding-left:0;}
}

/* style */
.sub.advantage .sec01{background:url('/img/sub/urinarystone/advantage/sec01_bg.png')no-repeat center center /contain;}
.sub.advantage .sec02{background:url('/img/sub/urinarystone/advantage/sec02_bg.jpg')no-repeat center center /cover;}
.sub.advantage .sec02 .cont_box .box_wrap3{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.sub.advantage .sec02 .cont_box .box_wrap3 .txt{text-align:center;padding:2.5rem 5%;}
.sub.advantage .sec04{background:url('/img/sub/urinarystone/advantage/sec04_bg.jpg')no-repeat center center /cover;}
.sub.advantage .sec04 .box,
.sub.advantage .sec05 .box{box-shadow:6px 6px 7px 5px rgba(0,0,0,0.1)}
@media(max-width:960px){
}

/* ========== 요로결석 ========= */
/* style */
.sub.urinarystoneIntro .imageSection{background:url('/img/sub/urinarystone/urinarystoneIntro/imageSection.jpg')no-repeat center center / cover;}
.sub.urinarystoneIntro .imageSection .cont_box ul li{border:0.188rem solid #fff;color:#fff;padding:0;height:13rem;overflow:hidden;}
.sub.urinarystoneIntro .imageSection .cont_box ul li:nth-child(1){background:url('/img/sub/urinarystone/urinarystoneIntro/radiusList_boxbg01.jpg')no-repeat center center / cover;}
.sub.urinarystoneIntro .imageSection .cont_box ul li:nth-child(2){background:url('/img/sub/urinarystone/urinarystoneIntro/radiusList_boxbg02.jpg')no-repeat center center / cover;}
.sub.urinarystoneIntro .imageSection .cont_box ul li:nth-child(3){background:url('/img/sub/urinarystone/urinarystoneIntro/radiusList_boxbg03.jpg')no-repeat center center / cover;}
.sub.urinarystoneIntro .imageSection .cont_box ul li:nth-child(4){background:url('/img/sub/urinarystone/urinarystoneIntro/radiusList_boxbg04.jpg')no-repeat center center / cover;}
.sub.urinarystoneIntro .imageSection .cont_box ul li:nth-child(5){background:url('/img/sub/urinarystone/urinarystoneIntro/radiusList_boxbg05.jpg')no-repeat center center / cover;}
@media (max-width:1240px){
    .sub.urinarystoneIntro .imageSection .cont_box .box_wrap3 .box.narrow:nth-child(3n){margin-right:4%;}
}
@media (max-width:768px){
    .sub.urinarystoneIntro .imageSection .cont_box ul li{height:10rem;}
}


/* ========== 진단 ========= */
/* layout */
.sub .point-txtbox{padding:1.875rem 5%;}
@media (max-width:500px){
    .sub .cir-imgbox img{width:50%;max-width:250px;}
}

/* style */
@media (max-width:768px){
    .sub.diagnosis .sec02 .pointSec .pointsecBG.syringe{right:0;}
}




/* ========== 치료 ========= */
/* layout */
.sub .pic-listwrap{width:100%;}
.sub .pic-listwrap li{width:100%;display:flex;padding:4.375rem 0;position:relative;}
.sub .pic-listwrap li:after{content:'';display:block;position:absolute;bottom:0;right:0;margin:auto;width:calc(100% - 14.5rem);height:1px;background:#000;}
.sub .pic-listwrap li:last-child:after{display:none;}
.sub .pic-listwrap li:first-child{padding-top:0;}
.sub .pic-listwrap li:last-child{padding-bottom:0;}
.sub .pic-listwrap li .pic{flex-shrink:0;margin-right:2rem;}
.sub .pic-listwrap li .pic img{height:12.5rem;}
.sub .pic-listwrap li .txt{}
.sub .pic-listwrap li:last-child .txt{border-top:none;padding-bottom:0;}
.sub .pic-listwrap li .txt .numlist .list{margin-bottom:1.25rem;display:flex;}
.sub .pic-listwrap li .txt .numlist .list:last-child{margin-bottom:0;}
.sub .pic-listwrap li .txt .numlist .list .num{display: inline-block; width: 2em; height: 2em; text-align: center; position: relative; z-index: 3; margin-right: 0.5em; line-height: 2; border-radius: 50%; background: #000; flex-shrink: 0;}
@media(max-width:500px){
    .sub .pic-listwrap li{display:block;}
    .sub .pic-listwrap li .pic{margin-right:auto;margin-bottom:2rem;}
    .sub .pic-listwrap li .pic img{margin:auto;}
    .sub .pic-listwrap li:after{width:100%;}
}

/* style */
.sub.urinarystoneTherapy .pointSec:before{background:url('/img/sub/urinarystone/urinarystoneTherapy/pointSection.jpg')no-repeat right center / cover;}




/* ===================================
    비뇨기질환
====================================== */
/* ========== 방광염 ========= */


/* style */
.sub.prostaticHypertrophy .bg-sub01{background:url('/img/sub/urologicalDisease/prostaticHypertrophy/pointSection.jpg')no-repeat center center / cover;}
.sub.prostaticHypertrophy .radiusList li{display:block;}

/* ========== 성병 ========= */
/* layout */
.sub .cir_title_d01 p{display:inline-block;padding:0.05em 2em;border-radius:70px}
.sub .squ_arrow .box{position:relative;}
.sub .squ_arrow .box:after{content:'';display:block;position:absolute;top:50%;right:0;margin:auto;transform:translate(100%, -40%);width:3.125rem;height:3rem;background:url('/img/sub/urologicalDisease/venerealDisease/arrow_b.png')no-repeat center center /cover;z-index:2;}
.sub .squ_arrow .box:last-child:after{display:none;}
.sub .squ_arrow.squ_arrow_y .box:after{background:url('/img/sub/urologicalDisease/venerealDisease/arrow_y.png')no-repeat center center /cover;width:2.75rem;height:2.688rem;transform:translate(100%, -160%);}
@media(max-width:990px){
    .sub .squ_arrow .box:nth-child(2n):after{display:none;}
}
@media(max-width:500px){
    .sub .squ_arrow .box:after{display:none;}
}
/* style */
.sub.venerealDisease .bg{background:url('/img/sub/urologicalDisease/venerealDisease/vd_bg.jpg')no-repeat top center / cover;}