@media screen and (max-width: 1800px) {
    .special_sect .list .title { font-size:10rem; }
}

@media screen and (max-width: 1640px) {
    .com_banner_cell { margin-left: 0; margin-right:0; border-radius:0;}
    .com_banner_cell .img { right:5rem; width:40rem; }
    .com_banner_scroll { margin-left: 0; margin-right:0; border-radius:0;}
    /*.com_banner_scroll.type2 .img2 { display:none;}*/
    .sub_wedding-checkup .com_banner_scroll.type2 .img2 { padding-right:var(--inPd);}
    .whygood_sect .img4 .right { padding:var(--inPd); }
    .whygood_sect .img4 .right dl dt strong { font-size:var(--txt22); }
    .whygood_sect .img4 .right dl { padding:0 10px; }
    .whygood_sect .img4 .right dl dd br { display:none;}
    .clinic_sect .clinic_list .item .txt_box {padding-right: 80px}
    .clinic_sect .clinic_list .item .txt_box .txt br {display: none}
    .clinic_sect .clinic_list {height: 52rem}
    .slide_sect .slide .item .img img  {border-radius: 30px;}
    .slide_sect .slide .item .cont_box .tag_box .tag {font-size: var(--txt20);}
    .board_view_page .view_top .tit .lb { margin-top:0.2em;}
    .board_view_page .view_top .tit .lb2 { margin-top:0.2em;}
}

@media screen and (max-width: 1440px) {
    
    .special_sect .list .title  { font-size:8rem; }


    .special_sect .list ul {width: 74rem}

}




@media screen and (max-width: 1240px) {
    .sub_tit_box { margin-bottom: 4rem;}
    .clinic_slider .item .img{padding-right: 0;}
    .clinic_slider .item .info .txt br{display: none;}
    .clinic_slider .controls{top: 4rem;}
    .clinic_top .youtube_area { width:80%; margin-top: 10rem}
    .clinic_ani { margin-bottom:10rem ;}
    .com_banner_scroll { padding:8rem 0;}
    .com_banner_cell { padding:8rem 0 15rem;}
    .com_banner_cell .img { width:33rem; top:-15rem; display:none; }
    .treatment_slider { margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1) }
    .treatment_slider .swiper-container { padding:0 var(--inPd); }
    .treatment_slider .controls { margin-left: var(--inPd); margin-right:var(--inPd);}
    .clinic_slider {  }
    .clinic_slider .swiper-container { padding-left:var(--inPd); margin-left:calc(var(--inPd) * -1) ;  }
    
    .board_list ul li a .num { width:4em; display: none; }
    .board_list ul li a .date { width:6.5em; }
    .board_list ul li a .state span,
    .board_list ul li a .state { margin-right:0;  }
    /*.board_list ul li a .state {margin-left: auto;}*/
    .board_list ul li a .state.notice_badge {margin-left: 0}
    .sub_consult .board_list ul li a .state,
    .sub_reserve .board_list ul li a .state,
    .sub_results .board_list ul li a .state{margin-left: auto;}
    .sub_csbanner{ margin-left: 0; margin-right:0; margin-bottom: 0; border-radius:0;}
    .com_recomm_sect { display: block;}
    .com_recomm_sect .sub_tit_box { position: static;}
    .com_recomm_sect .list { width:auto; }
    .wrap_history .full_visual .sub_visual .lnb,
    .wrap_team .full_visual .sub_visual .lnb,
    .wrap_specialty .full_visual .sub_visual .lnb { width: var(--in); padding-left: var(--inPd); padding-right:var(--inPd);}

    .wrap_history .full_visual .sub_visual .in,
    .wrap_team .full_visual .sub_visual .in,
    .wrap_specialty .full_visual .sub_visual .in { width: var(--in); padding-left: var(--inPd); padding-right:var(--inPd); }
    .wrap_history .full_visual .sub_visual .tit_wrap .tit { margin-left: 0;}
    .wrap_history .full_visual .sub_visual .tit_wrap .tit,
    .wrap_team .full_visual .sub_visual .tit_wrap .tit,
    .wrap_specialty .full_visual .sub_visual .tit_wrap .tit { font-size:10rem; }

    .special_tit_box .tit { font-size: var(--tit70); }
    .intro_sect .year { font-size:12rem; }
    .sub_round_tab .tab { font-size:var(--txt22); }
    .ai_sect .sub_tit_box .txt br { display:none;}
    .gallery_list ul { grid-template-columns:repeat(3,minmax(0,1fr))}
    .history_page .goldhistory_sect .sub_tit {margin-bottom: 100px}

    .clinic_sect .sect_tit_box {display: block}
    .clinic_sect .clinic_list {overflow-x: auto; height: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd)}
    .clinic_sect .clinic_list::-webkit-scrollbar {display: none}
    .clinic_sect .clinic_list .item {height: auto; width: 40%; flex: none}
    .clinic_sect .clinic_list .item a {padding-top: 120%; display: block; transform: unset; opacity: 1;}
    .clinic_sect .clinic_list .item .img_box {position: absolute; left: 0; top: 0; width: 100%}
    .clinic_sect .clinic_list .item .txt_box {transform: unset; opacity: 1}
    .clinic_sect .clinic_list .item .basic_tit {opacity: 0}
    .clinic_sect .clinic_list .item .img_box:before {opacity: 1}
    .clinic_sect .clinic_list .item .txt_box {padding-right: 0}
    .clinic_sect .clinic_list .item .txt_box .sub_tit {opacity:1; font-size: var(--txt1)}
    .clinic_sect .clinic_list .item .txt_box .tit {opacity:1; font-size: var(--tit50)}
    .clinic_sect .clinic_list .item .txt_box .txt {opacity:1; padding-right: 65px; min-height: 0}
    .clinic_sect .clinic_list .item .txt_box .btn {opacity:1; right: 15px}

    .slide_sect .slide {margin-top: 60px;}
    .slide_sect .slide .item .cont_box .tag_box {flex-wrap: wrap; gap: 10px; margin-top: 30px;}
    .slide_sect .slide .item .cont_box .txt_box .tit {font-size: var(--tit50);}
    .slide_sect .slide .item .cont_box .tag_box .tag + .tag {margin-left: 0;}
    .slide_sect .slide .item .cont_box .tag_box .tag {font-size: var(--txt16); padding: 0.3em 1em;}
    .slide_sect .slide .item .num_box {margin-bottom: 30px;}
    .slide_sect .slide .item .num_box .num {width: 3em; height: 3em;}
    .slide_sect .slide .item .num_box .num + .num {margin-left: 10px;}


    .sub .urology_sect {}
    .sub .urology_sect .col_box {width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px}
    .sub .urology_sect .col_box .img + .img {margin: 0}
    .sub .urology_sect .col_box.left {right: 0; top: 0; left: auto; transform: translateX(100%)}
    .sub .urology_sect .col_box.right {left: 0; bottom: 0; transform: translateX(-100%)}
    .sub .urology_sect .center_box .logo {margin-top: 10rem; width: 20%}


    /*.sub .urology_sect .col_box {width: 100%; height: 200%;}*/
    /*.sub .urology_sect .col_box .img {width: 25%; padding-top: 25%; position: absolute; backdrop-filter: blur(10px);}*/
    /*.sub .urology_sect .col_box .img:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1;}*/

    /*.sub .urology_sect .col_box.left {top: 0; transform: translateY(100%)}*/
    /*.sub .urology_sect .col_box.left .img:nth-child(1) {left: 10%; top: 0}*/
    /*.sub .urology_sect .col_box.left .img:nth-child(2) {right: 5%; top: 10%}*/
    /*.sub .urology_sect .col_box.left .img:nth-child(3) {left: 20%; top: 30%}*/
    /*.sub .urology_sect .col_box.left .img:nth-child(4) {left: 65%; top: 60%}*/

    /*.sub .urology_sect .col_box.right {top: 0%; transform: translateY(150%)}*/
    /*.sub .urology_sect .col_box.right .img:nth-child(1) {left: 5%; top: 10%}*/
    /*.sub .urology_sect .col_box.right .img:nth-child(2) {right: 15%; top: 30%}*/
    /*.sub .urology_sect .col_box.right .img:nth-child(3) {left: 7%; top: 50%}*/
    /*.sub .urology_sect .col_box.right .img:nth-child(4) {right: 45%; top: 70%}*/


    .special_sect .list ul li {padding-bottom: 0}
    .special_sect .sub_tit_box {margin-bottom: 8rem}
    .special_sect .list .title {font-size: 12rem; position: static; transform: unset}
    .special_sect .list .title span + span {margin-left: 0.2em}
    .compare_wrap { margin-top:8rem;}


    .media_list {grid-template-columns: repeat(3,minmax(0,1fr))}
    .clinic_top .youtube_area iframe + a:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
    .clinic_top .youtube_area iframe + a:after { content:''; position:absolute; left:50%; top:50%; width:10rem; height:10rem; transform: translate(-50%,-50%); background:url(/inc/img/sub/ico_play.svg) no-repeat 50% 50% / contain;}
    .clinic_top .pointer { display:none;}
    .sub_prostate-cancer .com_banner_cell .in .img2 { bottom:-10rem; max-width:50rem;}

    .ai_curation .menus ul li a dl dt i {opacity: 1; transform: unset; margin-left: 6px; flex-shrink: 0; width: 0.65em; height: 0.65em}
    .ai_curation .menus ul li a dl dd {word-break: break-all}
}

@media screen and (max-width: 1100px) {
    .map_links2 { display: block;}
    .map_links2 .right { margin-top:10px;}
    .map_links2 .right .btn { margin:0 10px 0 0;}

}

@media screen and (max-width: 1000px) {
    .loc_doc_sect .doc_list ul { gap:2rem;}
    .loc_doc_sect .doc_list ul li .name strong { font-size:var(--txt22); }
    .loc_doc_sect .doc_list ul li .name a { padding:0.3em 0.6em; }
    .point_sect .checkpoint .circles { padding-left: 0; padding-right:0;;}
    .media_area { padding:20px;}
    .list_type1 ul li .txt br { display:none; }
    .surgery_area .step ul li .item .text .txt br { display:none;}
    .step_list3 ul li { padding:20px;} 
    .progress_cont .ico_cont .ico { width:20rem; height:20rem;}
    .clear_sect { margin:0 var(--inPd);}
    .clear_sect .slider .swiper_box { padding:0 20px;}
    .clear_sect .slider .swiper_box .item .tit1 { font-size:var(--tit30); margin-bottom:3rem; }
    .clear_sect .slider .swiper_box .item .tit1 strong { font-size:10rem; }
    .com_imgs_box .imgs ul li .txt .only-m { display:block; }
    .right_graph { display:block; }
    .right_graph .graph { max-width:100rem; width:100%; }
    .sub_ed .graph_sect .graph_area svg { max-width:90%; }
    .com_step ul li .tit  { font-size:var(--txt18); }
    .com_step ul li + li .img:before { background-size:1.8em auto; }
    .com_step ul li .txt br { display:none; }
    .com_step2 ul li + li .img:before,
    .com_step2 ul li:nth-child(3):after { background-size:1.8em auto; }
    .scrollinfo_sect .list_type1 { width:110rem;}
    .scrollinfo_sect .sub_tit_box .txt2 br { display:none;}
    .whygood_sect .img4 { display:block; }
    .whygood_sect .img4 .right { margin:20px 0 0;  align-items: flex-start}
    .doctorview_sect .photo { width:35%;}
    .doctorview_sect .info_box { width:65%; overflow: hidden}
    .slide_sect .slide .item .cont_box { top:7rem; left:7rem; }
    .product_list ul {  grid-template-columns: repeat(2, minmax(0, 1fr));}
    .com_location .text { padding-right:3rem;}
    #map { padding-bottom:60% !important;}
    .com_location .map_area .map_agree p { padding-left:3rem; padding-right:3rem;}
    .pinter_list .gutter-sizer { width:3.2rem;}
    .pinter_list .talk_item { width:calc(33.33% - 6.4rem/3)}
    .table1 table tbody td { white-space: nowrap;}
    .him_cont .info dl  {flex:1; width:auto;}
    .img_box5 { padding-left: 2rem; padding-right:4rem;}
    .sub_infertility .com_circles .item div span + span { font-size:var(--txt18);}
    .sub_csbanner { background-image: url(../img/sub/bg_csbanner_fold.jpg) }

}


@media screen and (max-width: 769px) {

    .sub_visual .lnb {padding-top: 6rem; padding-bottom: 6rem}

    .sub_tit_box .tit {font-size: var(--tit40)}
    .reason_sect .sub_tit_box .tit {font-size: var(--tit50);}

    .btn_type1,
    .btn_type2 {font-size: var(--txt2); height: 2.8em}

    .mb100 { margin-bottom: 7rem !important;}
    .mb150 { margin-bottom: 11rem !important;}
    .clinic_slider .controls{display: none;}
    .sub_visual .lnb .sel_wrap {margin-left: 1em}
    .clinic_slider .swiper-pagination{display: block;}
    .clinic_slider .item{flex-direction: column;}
    .clinic_slider .item .img{width: 100%;}
    .clinic_slider .item .info{padding-left: 0; padding-top: 20px; width:100%; }
    .clinic_slider .item .info .tit { margin-bottom:5px;}
    .clinic_slider .swiper-slide-active .item .img img { border-radius:var(--radius2); }
    .special_sect .list ul { width:100%; }
    .tabs2.pc { display: none;}
    .tabs2_mobile { display: block;}
    .story_page .tabs2_mobile,
    .sub_cases  .tabs2_mobile,
    .sub_reviews  .tabs2_mobile { margin-bottom:40px}
    .board_list ul li a { flex-wrap: wrap; padding:15px 0; height: auto; font-size:12px;}
    /*.board_list ul li a .state { order:0; margin:0 0 10px;}*/
    /*.board_list ul li a .state {  margin:0 0 10px;}*/
    .board_list ul li a .state span { padding:0.6em 0.7em; line-height: 1; font-size:12px;}
    .board_list ul li a .labels { order:0; margin:0; margin-bottom: 1.5rem;}
    .history_sect .board_list ul li a .labels { margin-left:0;}
    .history_sect .board_list ul li a .state { margin-right:0;}
    .board_list ul li a .subj { width:100%; flex:none;  order:2; margin:00px 0 5px;}
    .board_list ul li a .name { order:3; width:auto; margin-right:10px; }
    .board_list ul li a .tel { order:4; width:auto; margin-right:10px;}
    .board_list ul li a .date { order:5; width:auto; ;}
    .board_list ul li a .labels div { line-height: 1.4; font-size:12px; }
    .board_list ul li a .hit { order:6; width:auto; color:#aeaeae; font-weight:600; margin-left:5px; }
    .board_list ul li a .hit:before {content:'조회수 : '; display:inline;}
    .radios { grid-template-columns:repeat(3, minmax(0, 1fr))}
    .board_view_page .board_li_wrap .box_wrap { padding-top:75px;position: relative;}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap { position: absolute; left: 50%; top:0; transform: translateX(-50%); width:auto !important;}
    .board_view_page .board_li_wrap .box  {white-space: nowrap;}
    .doc_downloads ul { grid-template-columns: 1fr;}
    .board_list_top .sch_box .sch_inp  { font-size:var(--txt16);}
    .info_table .body table { font-size:var(--txt16);}
    .info_table .body table tbody td { padding:10px}
    .time_sect { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; }
    .time_sect .item + .item { margin-left: 0;}
    .selfcheck_page .start_banner { margin:0 0 var(--secPd2); border-radius:0;}
    .selfcheck_page .list ul { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
    .selfcheck_test .test_cont { padding: 20px; }

    .intro_sect .year {font-size: var(--tit70)}
    .intro_sect .year .line {margin: 0 15px}
    .intro_sect .year.active .line {width: 18rem;}

    .special_page .intro_sect .sub_tit {font-size: var(--tit50)}




    .clinic_top .in {padding: 0 calc(var(--inPd) * 2.3)}
    .clinic_top .sub_desc {font-size: var(--txt20)}

    .progress_cont .in { padding-left:3rem; padding-right:3rem;}
    .com_recomm_sect .list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .com_recomm_sect .list li { margin-bottom: 0;}

    .sub_round_tab_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    /* 첨단장비 탭에서 가운데 정렬 체크 */
    .sub_round_tab {margin: 0; }
    .sub_round_tab_wrap.full {width: 100%; margin-left: 0; padding: 0}
    .sub_round_tab_wrap.full .sub_round_tab {width: 100%}
    .sub_round_tab_wrap.full .sub_round_tab .tab {padding: 0; flex: 1}
    .loc_doc_sect .doc_list ul { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); display:flex; flex-wrap:nowrap;overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding-left: 16px; overscroll-behavior-x: contain; scroll-behavior: smooth; }
    .loc_doc_sect .doc_list ul::-webkit-scrollbar{display: none;}
    .loc_doc_sect .doc_list ul li { width:35rem; flex-shrink: 0; scroll-snap-align:start; scroll-snap-stop:always;}
    .talk_sect .sub_tit_box .btn_type1 { position: static;  margin:10px 0;}
    .talk_sect .slider .swiper-container { margin:0  calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .sub_tit_box { margin-bottom:var(--contMt2);} 
    .sub_tit_box .txt { margin-bottom: var(--contMt1);}
    .contact_sect .sub_tit_box{ margin-bottom: 12px;}
    .com_location { display:block; }
    .com_location .map_links { margin-bottom: var(--contMt1);}
    .com_location .map_area { width:100%; }
    .map_links2{margin-bottom: 7.5rem;}

    .special_sect .sub_tit_box {margin-bottom: 4rem}
    .special_sect .list ul {display: flex;
        overflow-x: auto;
        width: calc(100% + var(--inPd) * 2);
        margin-left: calc(var(--inPd) * -1);
        padding: 0 calc(var(--inPd) * 1);
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        /*scroll-padding-left: 15px;*/
        overscroll-behavior-x: contain;
        scroll-behavior: smooth;

    }



    .special_sect .list ul::-webkit-scrollbar {display: none}
    .special_sect .list ul li {flex-shrink: 0; width: 45%; scroll-snap-align: center;scroll-snap-stop: always;}
    .special_sect .list ul li + li {margin-left: 20px}
    .special_sect .list ul li .item { transform: unset; padding-top: 70%}
    .special_sect .list ul li .item img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
    .special_sect .list ul li .item .text { transition-delay: 0s; opacity: 1;}
    .special_sect .list ul li .item .text div {font-size: var(--txt22)}
    .special_sect .list ul li .item .text p {font-size: var(--tit50)}

    .special_sect .list ul li .item .num {position: absolute; left: 15px; top: 15px; font-size: var(--txt20); width: 2.4em; height: 2.4em; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px); color: #fff}
    /*.special_sect .sub_tit_box .tit {font-size: var(--tit30)}*/
    .special_sect .sub_tit_box .tit.tit1 {font-size: var(--tit50)}
    .special_sect .list .title { display: flex; flex-direction: column; font-size:10rem; line-height: 1.1; margin-bottom: 30px}
    .special_sect .list .title b {display: inline; font-weight: 500; display: none;}
    .sub_bph .graph_sect .graph_area svg { max-width:100%; }


    .special_sect .list .scroll-indicator {display: flex;align-items: center; justify-content: center ;gap: 10px; margin-bottom: 30px; font-size: var(--txt20); font-weight: 700}
    .special_sect .list .scroll-indicator .current ,
    .special_sect .list .scroll-indicator .total {width: 1em; text-align: center}
    .special_sect .list .scroll-indicator .bar {position: relative;width: 10rem;height: 3px;background: rgba(0,0,0,.15);}
    .special_sect .list .scroll-indicator .bar .fill{position: absolute;left: 0;top: 0;height: 100%;width: 0%;background: #000;transition: width 0.8s;}


    .list_type1 ul li .img .mobile { display:inline;}
    .list_type1 ul li .img .pc { display:none;}

    .list_type1.m_scroll { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:var(--inPd); margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-padding-left: 16px;overscroll-behavior-x: contain;scroll-behavior: smooth;}
    .list_type1.m_scroll::-webkit-scrollbar { display: none;}
    .list_type1.m_scroll ul {display:inline-flex; flex-wrap: nowrap; gap:var(--inPd);}
    .list_type1.m_scroll ul + ul { margin-top:0; }
    .list_type1.m_scroll ul li {  width:39rem; scroll-snap-align: center; scroll-snap-stop: always; transform: unset; opacity:1;}

    .list_type2.m_scroll { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:var(--inPd); margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-padding-left: 16px;overscroll-behavior-x: contain;scroll-behavior: smooth;}
    .list_type2.m_scroll::-webkit-scrollbar { display: none;}
    .list_type2.m_scroll ul {display:inline-flex; flex-wrap: nowrap; gap:var(--inPd);}
    .list_type2.m_scroll ul + ul { margin-top:0; }
    .list_type2.m_scroll ul li {  width:39rem; scroll-snap-align: center; scroll-snap-stop: always; transform: unset; opacity:1; }
    .list_type2.type3.m_scroll ul li { padding-bottom:calc(var(--inpH) + 10rem)}
    .list_type2.type3 ul li .btn_box { flex-direction: column; bottom:inherit; top:270px;}
    .sub_male-surgery .list_type2.type3.m_scroll ul li { padding-bottom:calc(var(--inpH) + 1rem)}
    .sub_male-surgery .list_type2.type3 ul li .btn_box { top:inherit; bottom:0;}
    .list_type2 ul li .btn_box .btn_type2 + .btn_type2 { margin:5px 0 0;}

    .list_type3 .sub_tit_box { text-align: left}
    .list_type3.m_scroll ul{ justify-content: flex-start; display:flex; flex-wrap:nowrap; overflow-x:auto; gap:var(--inPd); margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-padding-left: 16px;overscroll-behavior-x: contain;scroll-behavior: smooth; }
    .list_type3.m_scroll ul::-webkit-scrollbar { display: none;}
    .list_type3.m_scroll ul li {  width:39rem; scroll-snap-align: center; scroll-snap-stop: always; transform: unset; opacity:1;}

    .point_list ul { grid-template-columns:repeat(2, minmax(0, 1fr))}
    .point_list.col4 ul { grid-template-columns:repeat(2, minmax(0, 1fr))}
    .point_list ul li .ico svg { width:3em; }

    .insure_list ul { grid-template-columns:repeat(1, minmax(0, 1fr))}
    .clinic { overflow:hidden;}
    .clinic_top { margin-bottom: var(--secPd); margin-bottom:4rem;}
    .clinic_ani { margin-bottom:2rem; }

    /*bar anim*/
    .rader_box { display: block;}
    .rader_box .bar { left:10px; top:25rem; height:calc(100% - 21rem); }
    .rader_box .rader_list { padding-left: 2.5rem;}
    .rader_list ul li .text p { display:block; border-radius:var(--radius2); overflow:hidden; width:60%; margin-bottom:20px;}
    .rader_list ul { padding-left: 2.5rem;}
    .rader_list ul li { margin-bottom: 6rem;}
    .rader_list ul li .tit { font-size:10rem; margin-right:1.5rem;}
    .rader_list ul li .text .subj { font-size:var(--txt22);}

    .sub_prostatitis .rader_sect .sub_tit_box { padding-bottom: 0;}
    .sub_prostatitis .rader_box .img_box { display:none; margin-top:0; width:100%; padding-bottom:120px; margin-bottom: 20px;; z-index:3;}
    .sub_prostatitis .rader_box .bar { top:5rem; height:calc(100% - 5rem); }
    .sub_cystitis .rader_sect .sub_tit_box + .sub_tit_box { margin-bottom: var(--contMt2);;}
    .sub_cystitis .rader_box .img_box { display:none; margin-top:0; width:100%; padding-bottom:120px; margin-bottom: 20px;; z-index:3;}
    .sub_cystitis .rader_box .bar { top:5rem; height:calc(100% - 5rem); }
    .sub_cystitis .rader_list ul li { max-width:100%; margin-bottom:6rem;}



    /*
    .com_circles { display:block; }
    .com_circles .item { width:auto; }
    .com_circles .item + .item { margin-top:10px;}
    .com_circles .item div { padding-top:0; }
    .com_circles .item div p { border-radius:10px; position: static; padding:20px;; }
    .com_circles.type3 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--inPd); }
    .com_circles.type3 .item { width:auto; }
    .com_circles.type3 .item div { height:100%; }
    .com_circles.type3 .item + .item { margin-top:0; }
    */
    .com_circles .item div span + span { font-size:var(--tit25);}


    .reason_sect .cont_box {opacity: 0; margin-top: -100lvh}
    .reason_sect .sub_tit_box {margin-bottom: 0}
    .reason_sect .sub_tit_box .data_thum,
    .reason_sect .sub_tit_box .txt,
    .reason_sect .sub_tit_box .tit {opacity: 1; transform: unset}



    .reason_logo .logo_bg {top: 50%; transform: translate(-50%,-50%)}

    .reason_sect .data_cont { margin-left:0; margin-top: 20px; padding-left: 40px}
    .reason_sect .data_cont .cont {opacity: 1; transform: unset}


    .reason_sect .reason_logo {position: relative; height: 100lvh; }

    .reason_sect .bg_cont {position: absolute; top: 50lvh}
    .reason_sect .bg_cont .bg {transform-origin: center;transition: 0.6s ease-in-out;position: relative; top: 0}
    .reason_sect .bg_cont .bg.active {transform: scale(1);}








    .graph_sect .graph_area svg { max-width:100% !important; }
    
    .surgery_area { padding:20px; }
    /* 
    .surgery_area .step ul { display:block; }
    .surgery_area .step ul li {width:auto; max-width:100%; }
    .surgery_area .step ul li + li { margin:50px 0 0;}
    .surgery_area .step ul li + li:before { left:50%; top:-40px; transform: rotate(90deg); height:5rem; margin:0 0 0 -6rem; background-size:1.8em auto;;}
     */
    .surgery_area .step ul li .item .tit { padding-left:0; padding-right:0; letter-spacing: -0.5px;}
    .marqee_sect .item div p { font-size:var(--tit30); }
    .insure_sect .tit_img svg  {width:18em; }
    .hood_sect .hood { padding:20px;}
    .hood_sect .hood dl { width:50%; }
    .hood_sect .hood dl dt { font-size:var(--txt22); }

    .com_about_icos ul li .txt br {display: none}

    .step_sect3 { display:block; }
    .step_sect3 .step_list3 { width:auto; padding-left:0; }
    .step_list3 ul li .num:before,
    .step_list3.active ul li .num:after { height:300%; }



    .ai_sect { display:block; }
    .ai_sect .sub_tit_box { position: static; width:auto; margin-right:0; }
    .ai_sect .thums {width:auto; }
    .ai_sect .thums ul{  display:flex; flex-wrap:nowrap; overflow-x:auto; gap:var(--inPd); margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-padding-left: 16px;overscroll-behavior-x: contain;scroll-behavior: smooth;}
    .ai_sect .thums ul::-webkit-scrollbar { display: none;}
    .ai_sect .thums ul li {  width:39rem; scroll-snap-align: center; scroll-snap-stop: always; transform: unset; opacity:1; flex-shrink: 0;}
    .ai_sect .thums ul li + li { margin-top:0;}
    .testresult_cont .box { display:block; }
    .testresult_cont .box .left { width:70%; margin:0 auto 20px;}
    .testresult_cont .box .right { width:auto; }
    .testresult_cont .box .right table tbody td { padding:10px;}
    .com_imgs_box { display:block; }
    .com_imgs_box .title { margin:0 0 var(--contMt1); }
    .com_imgs_box .imgs { width:auto; }
    .clear_sect .slider { display:block; }
    .clear_sect .slider .img_box { width:auto; margin-bottom:20px;}
    .clear_sect .slider .img_box .pc { display:none;}
    .clear_sect .slider .img_box .mobile { display:inline;}
    .clear_sect .slider .img_box div { padding-top:60%; }
    .clear_sect .slider .swiper_box { padding:0; width:auto; }
    .clear_sect .slider .swiper_box .item .tit2 { margin:10px 0 ;}
    .marqee_sect2 { position:static; margin-top:30px; margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1); }
    .clear_sect .controls { display:none; }
    .clear_sect .swiper-pagination { width:16rem; margin:2rem auto 0; height:3px; }
    .how_sect { display:block; }
    .how_sect .img { width:auto; margin-left:0; padding-top: 40%; position: relative}
    .how_sect .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
    .allcontent_wrap .item .a { padding:20px 0; }
    .allcontent_wrap.white .item .a {padding-left:var(--inPd); padding-right:var(--inPd); }
    .img_box1 .text { padding-right:0; padding-left:20px;}
    .step_list4 ul li .txt br { display:none; }
    .img_box3 { padding:var(--inPd); }
    .img_box3 ul { padding:0; }
    .img_box3 ul li { margin:0 5px;}
    .img_box3 ul li .txt br { display:none; }
    .img_box4 { padding:var(--inPd); }
    .img_box4 ul  {padding:0; }
    .img_box4 ul li { max-width:30%; margin:0 5px; }
    .img_box10 { padding:var(--inPd); align-items: flex-end;}
    .step_cont { padding:20px; }
    .step_list4 ul li + li { margin-left: var(--inPd);}
    .img_box2 { display:block;  padding:var(--inPd);}
    .img_box2 div + div { margin:30px 0 0;}
    .img_box2 div img.mobile { display:inline;}
    .img_box2 div img.pc { display:none;}
    .step_list4.m_scroll ul{ display:flex; flex-wrap:nowrap; justify-content: flex-start; overflow-x:auto;  margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;scroll-padding-left: 16px;overscroll-behavior-x: contain;scroll-behavior: smooth;}
    .step_list4.m_scroll ul::-webkit-scrollbar { display:none; }
    .step_list4.m_scroll ul li {  width:39rem; scroll-snap-align: center; scroll-snap-stop: always; transform: unset; opacity:1; flex-shrink: 0;}
    .allcontent_wrap .step_list4 ul li + li { margin-left:var(--inPd);}
    .hpv_box1 svg { max-width:100%; }
    .hpv_schedule ul { padding:var(--inPd); }
    .goldgraph_sect .graph1 { display:block; margin-bottom: 6rem }
    .goldgraph_sect .graph1 .img { width:100%; margin:0 auto var(--contMt2); text-align: center; }
    .goldgraph_sect .graph1 svg { width:100%; max-width:340px;  }
    .goldgraph_sect .graph1 .text { margin-left:0; display:flex; justify-content: space-evenly; gap:15px; }
    .goldgraph_sect .graph1 .text .box { flex: 1 }
    .goldgraph_sect .graph1 .text .box + .box { margin-top:0;}
    .goldgraph_sect .graph1 .text .box .txt { font-size:var(--tit25); margin-bottom:0; }
    .goldgraph_sect .graph1 .text .box .tit { font-size:var(--txt22);}
    .goldgraph_sect .graph1 .text .box .stat br { display:none;}

    .goldgraph_sect .graph2 .pc { display:none;}
    .goldgraph_sect .graph2 .mobile { display:block; width:1000px;}
    .goldgraph_sect .graph2 .img::-webkit-scrollbar { display: none;}
    .goldgraph_sect .graph2 .img { position: relative;margin-left: calc(var(--inPd) * -1);margin-right: calc(var(--inPd) * -1); padding: 0 var(--inPd);  overflow: auto;}
    .goldgraph_sect .graph2 svg,
    .goldgraph_sect .graph2 img{ width:1000px; }
    .blade_img img { max-width:80%; }
    .graph_sect .graph_area2 { display:block; }
    .graph_sect .graph_area2 .left { padding-left:0; }
    .graph_sect .graph_area2 .left { width:80%; margin:0 auto var(--contMt2); text-align: center; }
    .graph_sect .graph_area2 svg,
    .graph_sect .graph_area2 img { width:100%; max-width:300px;  }
    .graph_sect .graph_area2 .right svg { width:100%;max-width:100%; }

    .graph_sect .graph_area3 { display:block; }
    .graph_sect .graph_area3 .left { padding-right:0; margin-bottom: var(--contMt2); position: relative;}
    .graph_sect .graph_area3 .left svg { width:100%;max-width:100%; }
    .graph_sect .graph_area3 .right { padding-left:0; }
    .graph_sect .graph_area3 .right { width:80%; max-width:300px; margin:0 auto var(--contMt2); text-align: center; }
    .graph_sect .graph_area3 svg,
    .graph_sect .graph_area3 img { width:100%; max-width:300px;  }
    

    .scrollinfo_sect { display:block;}
    .scrollinfo_sect .sub_tit_box { position:static; margin-right:0;}
    .scrollinfo_sect .list_type1 { width:auto; }
    .scrollinfo_sect .list_type1 ul li + li { margin-top:0;}
    .com_img_area .pc { display:none;}
    .com_img_area .mobile { display:inline;}


    /* 소개 */
    /*
    .sub .urology_sect .col_box {width: 100%; height: 100%;}
    .sub .urology_sect .col_box .img {width: 25%; padding-top: 25%; position: absolute; backdrop-filter: blur(10px);}
    .sub .urology_sect .col_box .img:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1;}

    .sub .urology_sect .col_box.left {top: 0; transform: translateY(100%)}
    .sub .urology_sect .col_box.left .img:nth-child(1) {left: 10%; top: 0}
    .sub .urology_sect .col_box.left .img:nth-child(2) {right: 5%; top: 10%}
    .sub .urology_sect .col_box.left .img:nth-child(3) {left: 20%; top: 30%}
    .sub .urology_sect .col_box.left .img:nth-child(4) {left: 65%; top: 60%}

    .sub .urology_sect .col_box.right {top: 0%; transform: translateY(150%)}
    .sub .urology_sect .col_box.right .img:nth-child(1) {left: 5%; top: 10%}
    .sub .urology_sect .col_box.right .img:nth-child(2) {right: 15%; top: 30%}
    .sub .urology_sect .col_box.right .img:nth-child(3) {left: 7%; top: 50%}
    .sub .urology_sect .col_box.right .img:nth-child(4) {right: 45%; top: 70%}
    */

    .doctor_list ul { gap:40px 20px; }
    .doctor_list ul li .item .text .name { font-size:var(--txt22); }
    .doctor_list ul li .item .text { margin-top:15px;}
    .doct_tit .tit { flex-direction: column; font-size:28px;  }
    .doct_tit .tit img { height:1.2em; }
    .doctor_list ul li .item .text .loc { padding:0.3em 0.5em; margin-right:5px; line-height: 1.5; font-size: var(--txt18)}
    .doctor_list ul li .item .text .name svg { display:none;}
    .doctor_nav ul li a { padding:0.3em 0.8em; font-size:14px; }
    .doct_cont:before { left:calc(var(--inPd) * -1); right:calc(var(--inPd) * -1); }
    .sub .urology_sect .center_box .sub_tit { font-size:var(--tit50); margin-bottom:0; }
    /*.doctorview_sect .in { display:block; }*/
    /*.doctorview_sect .photo { width:auto; position:static; margin-right:0; }*/
    /*.doctorview_sect .info_box { width:auto; }*/
    /*.doctorview_sect .photo p { padding-bottom:0; height:115rem; }*/
    .doctorview_sect .photo{margin-right: 4rem;}
    .doctorview_sect .info_box .txt2 br{display: none}
    
    .gallery_list ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap: 10px}
    /* 서브탑 비주얼 */
    .wrap_history .full_visual .sub_visual {height: auto; padding-top: 15% ; padding-bottom: 40%}
    .wrap_history .full_visual .sub_visual .tit_wrap .tit,
    .wrap_team .full_visual .sub_visual .tit_wrap .tit,
    .wrap_specialty .full_visual .sub_visual .tit_wrap .tit {font-size: var(--tit70)}
    .wrap_history .full_visual .sub_visual .tit_wrap .txt,
    .wrap_team .full_visual .sub_visual .tit_wrap .txt,
    .wrap_specialty .full_visual .sub_visual .tit_wrap .txt {font-size: var(--txt25)}


    /*스토리 > 히스토라 */
    .history_page .history_nav ul {padding: 1em var(--inPd)}

    .sub .clinic_sect .cont {margin-top:var(--contMt2)}
    /*.sub .clinic_sect .clinic_list .item {width: 43%}*/
    /*.sub .clinic_sect .clinic_list .item .txt_box {padding: 0 0 15px 15px}*/
    /*.clinic_sect .clinic_list .item .txt_box .tit {margin-top: 15px}*/
    /*.clinic_sect .clinic_list .item .txt_box .txt {padding-right: 15px}*/
    /*.clinic_sect .clinic_list .item .txt_box .btn {right: 10px; top: -10px; transform: translateY(-100%) ; bottom: auto; display: none}*/
    .clinic_sect .clinic_list .item {width: 43%}
    .clinic_sect .clinic_list .item .txt_box {padding: 25px 20px; bottom: unset; top:0; height: 100%;}
    .clinic_sect .clinic_list .item .txt_box .tit {margin-top: 0px}
    .clinic_sect .clinic_list .item .txt_box .txt {padding-right: 15px; font-size: var(--txt3); margin-top: 1rem;}
    .clinic_sect .clinic_list .item .txt_box .btn {right: 15px; transform: translateY(0); display: flex; bottom: 3rem; top: unset; width: 5.8rem; height: 5.8rem;}
    .clinic_sect .clinic_list .item .txt_box .btn .ico{width: 0.8em;}

    .slide_sect .slide {margin-top: 30px;}
    .slide_sect .slide .item .num_box .num {font-size: var(--txt14);}
    .slide_sect .slide .item .cont_box .tag_box {margin-top: 20px;}
    .slide_sect .slide .swiper-slide-active .img::before {content:none;}
    .slide_sect .slide .swiper-slide-active .img::after  {content:none;}
    .slide_sect .slide .swiper-slide-prev .img,
    .slide_sect .slide .swiper-slide-duplicate-prev .img,
    .slide_sect .slide .swiper-slide-duplicate-next .img,
    .slide_sect .slide .swiper-slide-next .img{transform: translateY(0%);}
    .slide_sect .slide .item .num_box {display: none;}
    .slide_sect .slide .item .cont_box .tag_box {gap: 5px;}
    .slide_sect .slide .item .cont_box .tag_box .tag {font-size: 11px; padding: 0.25em 0.8em;}
    .slide_sect .slide .item .img img {opacity: 0.6;}
    




    .news_sect .sub_tit_box { padding-right:0;}
    .news_sect .sub_tit_box .btn_type1 { position: static;  margin:10px 0; }
    .news_list ul li a { flex-wrap: wrap; padding:15px; }
    .news_list ul li a .subj { order:3;width:100%; flex:none; margin-top:10px; }
    .news_list ul li a .type { order:1; }
    .news_list ul li a .date { order:2; position: static; transform: unset; }
    .com_img_top { height:40rem;}
    .modal .equip_modal .text .txt { font-size:var(--txt18);}
    .photos_sect .controls { width:16rem; margin-top:30px;}
    .photos_sect .controls .num,
    .photos_sect .controls .swiper-button-prev, .photos_sect .controls .swiper-button-next{ display:none;}

    .com_banner_cell .btn_type1 {  margin-top:0; }
    .com_banner_cell .btn_type1 svg { width: 1em; margin-left: 1em}
    .sub_prostate-cancer .com_banner_cell .btn_type1 { width:auto;}
    .sub_visual .tit_wrap .txt {font-size: var(--txt18); font-weight: 400}


    .list_type1 ul li .img { margin-bottom:2rem;}
    .list_type1 ul li .tit { margin-bottom:0; text-align: left; font-size: var(--tit25)}

    .list_type1 ul li .txt {text-align: left}


    .pinter_list { margin-right:-15px;}
    .pinter_list .gutter-sizer { width:15px;}
    .pinter_list .talk_item { width:calc(50% - 30px/2)}


    .treatment_slider .controls { justify-content: center; margin:6rem auto 0;}
    .treatment_slider .controls .num { display:none; }
    .treatment_slider .controls .swiper-button-prev,
    .treatment_slider .controls .swiper-button-next { display:none; }
    .treatment_slider .controls .swiper-pagination { flex:none; width:16rem; height:3px; }

    .com_location .text .tit {font-size: var(--tit40); line-height: 1.5}
    .sub_csbanner { background-image:url(../img/sub/bg_csbanner_m.jpg); background-position: right 100%;}

    .sub .urology_sect {margin-top: 0; height:calc(100lvh)}
    .sub .urology_sect .col_box {gap: 10px; width: 180%}
    .sub .urology_sect .center_box {margin-top: }
    .sub .urology_sect .center_box .center_txt_box .float_slide {max-width: 100%; font-size: var(--tit50)}
    .sub .urology_sect .center_box .center_txt_box {font-size: var(--tit30)}
    .sub .urology_sect .center_box .center_txt_box .txt {margin-bottom: 15px; font-size: var(--txt22)}
    .sub .urology_sect .center_box .logo {width: 30%; margin-top: 30px}

    .sub .urology_sect .col_box.left {top: 00px}
    .sub .urology_sect .col_box.right {bottom: 50px}


    .story_page  .sub_tit br {display: none}
    .story_page  .sub_tit,
    .equipment_page .sub_tit,
    .history_page .goldhistory_sect .sub_tit { font-size: var(--tit50)}



    .sub_round_tab_wrap + .sub_tit_box .tit {font-size: var(--tit30)}
    .sub_round_tab_wrap + .sub_tit_box .tit br {display: none}


    .talk_item .text,
    .gallery_item { padding:15px 10px;}
    .gallery_item .img {margin: 10px 0}

    .talk_item .text .subj,
    .gallery_item .text .subj {font-size: var(--txt20)}

    .before_img {line-height: 1.4;font-size: var(--txt18);}

    .talk_item .text .tag_box .tag {margin: 0 3px 3px 0; font-size: 11px}
    .clinic_top .youtube_area a:after { width:7rem; height:7rem;}


    .slide_sect .controls { display: flex; align-items: center; justify-content: center; margin-top: 6rem; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);;}
    .slide_sect .controls .swiper-pagination-bullet {background-color: #fff; opacity: 0.4; transition: 0.3s  ease-in-out;}
    .slide_sect .controls .swiper-pagination-bullet-active {opacity: 1;}
    .slide_sect .controls .total,
    .slide_sect .controls .current { color: #fff; font-weight: 700  ;}
    .slide_sect .controls .total {margin-right: 4rem;}
    .slide_sect .controls .pagination {display: block; position: relative; width: 12rem; height: 2px; margin: 0 2rem; background-color: rgba(255,255,255,0.5);}
    .slide_sect .controls .pagination .swiper-pagination-progressbar-fill {background-color: #fff;}

    .slide_sect .swiper-button-prev,
    .slide_sect .swiper-button-next{position: static; top: 0; left: inherit; right: inherit; width: 1.5em; height: 1.5em; margin-top: 0; opacity: 0.3 ;transition:opacity 0.3s ease-in-out;}

    .slide_sect .swiper-button-next:after,
    .slide_sect .swiper-button-prev:after {content: none}

    .slide_sect .swiper-button-prev{ transform: rotate(180deg) translateX(0px);background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
    .slide_sect .swiper-button-next{margin-left: 2rem ;transform: translateX(0px); background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}

    .circle_ani_sect div dl dd {padding: 0 4em}
    .slide_sect .controls .swiper-pagination { position: static;}
    .slide_sect .controls .swiper-pagination-bullet {width: 0.4em;height: 0.4em; background:#fff; opacity: 1; border-radius: 1em; transition: width 0.3s ease-in-out , background 0.3s ease-in-out;  }
    .slide_sect .controls .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 1em;}
    .slide_sect .controls .swiper-pagination-bullet-active {width: 4em; background-color: #fff;}
    .slide_sect .controls .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .slide_sect .controls .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
    .about_sect .img5 img.mobile { display:inline;}
    .about_sect .img5 img.pc { display:none;}

    .clinic_slider .item .img .mobile { display:inline;}
    .clinic_slider .item .img .pc { display:none;}


    .treatment_slider .item .img img.mobile { display:inline;}
    .treatment_slider .item .img img.pc { display:none;}
    .sub_condyloma .com_banner_scroll { background-image:url(../img/sub/std/bg_condyloma_reason_bg_m.jpg); background-attachment:local;}


    .surgery_area .step ul li .item .text .txt {font-size: var(--txt20)}

    .sub_specialty .bk_bg {overflow: hidden}
    .reason_sect .data_thum ul {padding: 30px var(--inPd)}

    .rader_sect .img.type2 p svg {display:none;}
    .rader_sect .img.type2 p .mobile {display:inline; position: relative;}

    .sub_prostate-cancer .com_banner_cell .in .img2 .mobile { display:inline;}
    .sub_prostate-cancer .com_banner_cell .in .img2 .pc { display:none;}


    .test_checkbox + div p,
    .radio + div p { font-size: var(--txt20)}

    .modal .member .join_wrap .inp_wrap .email_box {flex-wrap: wrap}
    .modal .member .join_wrap .inp_wrap .email_box .nice-select {width: 100%; flex: none}


    .insure_list ul li i {margin-bottom: -6rem}

    .news_sect .sub_tit_box,
    .talk_sect .sub_tit_box {margin-bottom: 10px}

    .faq_sect .sub_tit_box {margin-bottom: var(--contMt1)}
    .faq_sect .sub_tit_box .txt {margin-bottom: 0}

    .doc_downloads ul li a { padding: 4rem 5rem}
    .doc_downloads ul li a strong {margin-bottom: 4rem;}


    .contact_sect .way_cont .box .tit svg {width: 1.5em}

    .contact_sect .way_cont .box ul li span {padding: 0 0.7em;line-height: 2em;border-radius: 1rem;font-size: 11px;margin-top: -0.1em;}

    .photos_sect .sub_tit_box {margin-bottom: var(--contMt1);}
    .tabs2 ul li a {display: block;height: 2.2em;line-height: 2.2em;padding: 0 0.9em;font-size: var(--txt18);}
    .tabs2 ul li {margin-right: 5px;margin-bottom: 5px;}



    .ai_curation {padding: 6rem var(--inPd)}


    .reason_sect .data_cont .cont .num {font-size: 8rem; }
    .sub_eswl .reason_sect .data_cont {margin-top: 0;}


        /*    7681*/

}

@media screen and (max-width: 600px) {
    .tabs1 ul { display: flex; justify-content: flex-start;width: calc(100% + var(--inPd)) * 2;margin: 0px calc(var(--inPd) * -1) 0;padding: 0 var(--inPd);flex-wrap: nowrap; overflow-x:auto;; white-space: nowrap}
    .tabs1 ul::-webkit-scrollbar { display: none;}
    .radios { grid-template-columns:repeat(2, minmax(0, 1fr))}
    .radios.col2 {grid-template-columns:repeat(1, minmax(0, 1fr))}
    .write_form .form_list > li { flex-direction: column;}

    .write_form .form_list > li.mo_flex {flex-direction: row; align-items: flex-start}
    .write_form .form_list > li.mo_flex .left_txt {margin-bottom: 0; width: 4.5em; flex-shrink: 0; height: var(--inpH); line-height: var(--inpH)}
    .write_form .form_list > li.mo_flex .text_box {margin-left: 10px}
    .write_form .form_list > li.phone {}
    .write_form .form_list > li.phone .tel_box .select {width: 5.5em}
    .write_form .flex_wrap button {padding: 0 1.2em}

    .write_form .form_list { padding:20px 0;}
    .write_form .form_list > li .left_txt { width:auto; margin-bottom: 10px;}
    .write_form .btn_lost { margin-bottom: 20px; order:2; font-size:11px; margin-top:20px; }
    .write_form .last_btns { display:flex; flex-direction: column; }
    .contact_sect .way_cont { display: block;}
    .contact_sect .way_cont .box + .box { margin-top:45px; }
    .contact_sect .sub_tit_box,
    .contact_sect .sub_tit_box .tit{margin-bottom: 10px}
    .selfcheck_page .list ul { grid-template-columns: 1fr;;}
    .test_result .text { padding: 30px;}
    .loc_doc_sect .info_table .body table tbody td { padding:3px;}
    .loc_doc_sect .info_table .body table tbody td span { font-size:11px; margin-left: 0; padding:0.3em 0.7em; line-height:1.2;}

    .clinic_top { padding:0 0 var(--secPd2);}
    .clinic_top .in { display:flex; flex-direction: column;}
    .clinic_top .youtube_area { order:0; width:100%; }
    .clinic_top .sub_tit { order:1; text-align: left; font-size: var(--tit35)}
    .clinic_top .sub_desc { order:2; text-align: left;}
    .clinic_top .sub_desc br { display:none; }
    .clinic_top .tags { order:3; justify-content: flex-start;}
    .clinic_top .tags p { margin:0 5px 5px 0; font-size:var(--txt18);}
    .clinic_top .logo_tit { order:1; text-align: left}

    .clinic_top:before { transform: translate(55%, 40%); }
    /*.reason_sect .data_cont .cont .num { display:none; }*/
    .reason_sect .data_cont .cont {align-items: flex-start}
    .reason_sect .data_cont .cont .num { font-size: 40px; width: 1.2em; height: calc(var(--tit25) * 1.7); display: flex; align-items: center}
    .reason_sect .data_cont .cont .num strong::before {counter-increment: pointNum2;content: counter(pointNum2, decimal);}

    .reason_sect .data_cont .cont .text .tit {margin-bottom: 0; font-size: var(--tit25)}
    .reason_sect .data_cont .cont .text .txt {display: none}
    .reason_sect .data_cont .cont .text .desc {display: none}
    .reason_sect .data_cont .cont .text {padding-right: 0}
    .reason_sect .data_cont .cont { padding:20px 0;}
    .faq_list ul li .q {  font-size:var(--txt22); padding-left:12px; padding-right:42px;}
    .faq_list ul li .q em { width:1em; height:1em; right: 12px}
    .faq_list ul li .q em:before,
    .faq_list ul li .q em:after  { height:1px; }
    .faq_list ul li .a { padding-left:12px;}

    .treatment_slider .swiper-slide { opacity:0.3; transition: all 1s ease;}
    .treatment_slider .swiper-slide-active { opacity:1;}
    .treatment_slider .item { }
    .treatment_slider .item .tit { margin-bottom: 5px; }
    .treatment_slider .item .img { border-radius:0; overflow: visible;}
    .treatment_slider .item .img img { border-radius:var(--radius2); }
    .treatment_slider .item .img .text { position:static; padding:20px 0 0;}
    .treatment_slider a.item .img .text { transform: unset;}
    .treatment_slider .item .img:before { display:none;}
    .treatment_slider .item .img .text .link { opacity:1; }
    .com_banner_cell { background-image: url(../img/sub/bg_banner_cell_m.jpg)}
    .com_banner_cell.bg4 { background-image: url(../img/sub/male/ed_banner_bg_m.jpg)}
    .com_banner_cell.bg3 { background-image: url(../img/sub/voiding/hematuria_banner_bg_m.jpg)}
    .com_banner_cell.bg1 { background-image: url(../img/sub/prostate/bph_banner_bg_m.jpg)}


    .list_type1 ul { grid-template-columns:repeat(2, minmax(0, 1fr)); gap: 15px}
    .step_list ul {grid-template-columns:repeat(1, minmax(0, 1fr)) }
    .media_area .ytb ul {grid-template-columns:repeat(1, minmax(0, 1fr)) }
    .media_area .news { flex-direction: column;}
    .media_area .news .text { margin-right:0; margin-bottom: 10px;}
    .point_sect .checkpoint { padding:20px; }
    .point_sect .checkpoint .circles { display:none; }
    .point_sect .checkpoint .text_area { padding:0; background:none; text-align: left}
    .point_sect .checkpoint .text_area .text { display:block !important; padding:20px; border-radius:var(--radius2); background:rgba(255,255,255,0.1);  }
    .point_sect .checkpoint .text_area .text + .text { margin-top:10px; }
    .point_sect .checkpoint .text_area .tit { justify-content: flex-start; margin-bottom:10px;}

    .copyscroll_sect .swiper-container {font-size: var(--tit40); }


    .com_location .text .tit { margin-bottom: var(--contMt1);}
    .surgery_area .img1 .txt2 br { display:none; }
    .sub_tit_box .txt br {display:none;}
    .com_banner_scroll .sub_tit_box br { display:none; }
    .reason_sect .data_cont .cont .text .txt br { display:none;}
    .sub_holep .info_table .body table tbody td .cmp { position:static; transform: unset; margin-bottom:5px;}
    .point_list ul li { padding:20px;}
    .surgery_area { padding:20px; }
    .surgery_area .step ul { display:block; position: relative; }
    .surgery_area .step ul li {width:auto; max-width:100%; }
    .surgery_area .step ul li + li { margin:50px 0 0;}
    .surgery_area .step ul li + li:before { left:50%; top:-40px; transform: rotate(90deg); height:5rem; margin:0 0 0 -6rem; background-size:1.8em auto;;}
    .surgery_area .step ul + ul:before {  content: ''; position: absolute;;left:50%; top:-40px;  transform: rotate(90deg); width:12rem; height:5rem; margin:0 0 0 -6rem; background:url(../img/sub/prostate/ico_process_arr.svg) no-repeat 50% 50%; background-size:1.8em auto; }
    .compare_table table thead th { padding:5px; font-size:12px;}
    .compare_table table tbody td { padding:5px; font-size:12px;}
    .compare_wrap .compare_table.type2 table thead th, .compare_wrap .compare_table.type2 table tbody td { font-size:12px; }
    .compare_wrap .good .compare_table.type2 table tbody td:last-child { font-size:12px; }
    .compare_wrap .good .compare_table table thead th { font-size:15px; }
    .compare_wrap .good .compare_table table tbody td:last-child { font-size:12px; line-height:1.4;}
    .compare_wrap .compare_table.type3 table thead th, .compare_wrap .compare_table.type3 table tbody td { font-size:12px; }
    .compare_wrap .good .compare_table.type3 table thead th { font-size:15px; }
    .about_box { padding:15px; }
    .about_box div + div { margin-left: 10px;}
    .about_box2 { padding:15px;}
    .reason_sect .data_thum ul { padding:15px; grid-template-columns:repeat(1, minmax(0, 1fr));  }
    .clinic_checkpoint.col2 ul {grid-template-columns:repeat(1, minmax(0, 1fr));  }
    .sub_tit_box + .clinic_checkpoint  { margin-top:0; }
    .guide_list dl { display:block; }
    .guide_list dl dt { width:auto; margin-bottom:15px; }
    .guide_list dl dd { width:auto; padding-left:0;}
    .guide_list dl dd .keys { margin-top:15px;}
    .testresult_cont .box .left { width:100%; }
    .urodotai_sect .urodot_step1 .pc { display:none;}
    .urodotai_sect .urodot_step1 .mobile { display:block;}
    .urodotai_sect .urodot_step2 .pc { display:none;}
    .urodotai_sect .urodot_step2 .mobile { display:block;}
    .com_imgs_box .imgs { padding:20px;}
    .com_imgs_box .imgs ul li + li { margin-left: 10px;}
    .table2 table thead th { padding:10px; font-size:14px;}
    .table2 table tbody td { padding:10px; font-size:12px; }
    .allcontent_wrap .table2 table thead th { font-size:14px; }
    .img_box1 { display: block;}
    .allcontent_wrap .item .a .img_box1 + .img_box1 { margin-top:var(--contMt2); }
    .img_box1 .img { width:auto; margin-bottom: var(--contMt1);}
    .img_box1 .text { padding-left: 0; ;}
    .list_type2 ul { grid-template-columns:repeat(1, minmax(0, 1fr));  }
    .symptom_box ul li .tit p { font-size:var(--txt18); white-space:nowrap; }
    .text_list1 ul li { font-size:var(--txt20); }
    .img_box3 ul { flex-wrap: wrap;}
    .img_box3 ul li { max-width:15rem; margin-bottom:10px; }
    .text_list1.col3 ul {  grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .text_list1.col4 ul {  grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .text_list1.col5 ul {  grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .good_box ul { grid-template-columns:repeat(1, minmax(0, 1fr));  }
    .hpv_schedule ul { grid-template-columns:repeat(1, minmax(0, 1fr));  }
    .blade_img img { max-width:100%; width:100%;  }
    .img_box5 { padding:var(--inPd); }
    .img_box5 .list_type2 ul { gap:10px; }
    .img_box7 { display:block; }
    .img_box7 .img:nth-child(1) { width:auto;margin-bottom: var(--contMt2); text-align:center; }
    .img_box7 .img:nth-child(1) svg { max-width:80%; }
    .img_box7 .img:nth-child(2) { width:auto; margin-left:0; }
    .check_list2.type2 ul { grid-template-columns:repeat(1, minmax(0, 1fr));}

    .com_circles {display: block}
    .com_circles .item { width:auto; }
    .com_circles .item div {padding: 0}
    .com_circles .item + .item { margin: 0}
    .com_circles .item div p {position: sticky;height: auto;display: block;border: none;border-radius: 0;}


    /* 네모 > 원형으로 변경 문제 시 원복*/
    /*.com_circles .item div { padding-top:0; }*/
    /*.com_circles .item div p { border-radius:10px; position: static; padding:20px;; }*/
    /*.com_circles.type3 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--inPd); margin-bottom: 0}*/

    .com_circles.type3 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); margin-bottom: 0}

    .com_circles .item { width:auto; width:100%; opacity: 1 !important;; transform: unset !important}
    .com_circles .item div { height:100%; }
    .com_circles .item + .item { margin-top: 15px; }
    .com_circles .item div p {background: transparent !important; display: flex;align-items: center; flex-direction: row; text-align: left; justify-content: flex-start}
    .com_circles .item div p span:nth-child(1) {width: 3.5em; height: 3.5em; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.1); border-radius: 50%; margin-right: 15px; font-size: var(--txt20); flex-shrink: 0; margin-bottom: 0}
    .com_circles .item div p span:nth-child(2) {width: 6em; margin-bottom: 0; flex: 1; min-width: 0}
    .com_circles .item div p span:nth-child(2) br {display: none}


    .sub_stricture .com_circles .item div p span:nth-child(1) {border: 1px solid var(--lineColor)}

    .com_circles .item div p small {width: 50%; margin-left: 10px; flex-shrink: 0}
    .sub_urinary-stone .hood_sect .tab_cont .cont .stit{font-size: var(--tit25);}






    .img_box8 ul li { max-width:25rem; }
    .blood_cont .txt p { white-space:nowrap; }
    .him_cont  { padding:var(--inPd); }
    /* .him_cont .circles { display:block; }
    .him_cont .circles .box { width:auto; margin:0 0 10px; }
    .him_cont .circles .box div { padding:0; }
    .him_cont .circles .box dl { position: static; ;} */
    .him_cont .circles .box dl dt { font-size:13px; }
    .him_cont .circles .box dl dt strong { font-size:20px; }
    .him_cont .circles .box { margin:0 5px; }
    .him_cont .info dl { margin-right:var(--contMt2);}
    .com_step ul { display:block; }
    .com_step ul li + li { margin-top:50px; }
    .com_step ul li + li .img:before {  left:50%; top:-40px; margin:0 0 0 -2.5rem; transform: rotate(90deg);}
    .allcontent_wrap .point_list ul { grid-template-columns:repeat(1, minmax(0, 1fr)); }
    .point_list.col2 ul { grid-template-columns:repeat(1, minmax(0, 1fr)); }
    .point_list.col2.m_grid2 ul { grid-template-columns:repeat(2, minmax(0, 1fr)); }

    .com_step2 ul { grid-template-columns:repeat(1, minmax(0, 1fr)); }
    .com_step2 ul li + li { margin-top:50px; }
    .com_step2 ul li + li .img:before { left:50%; top:-40px; margin:0 0 0 -2.5rem; transform: rotate(90deg); }
    .sub_circumcision .com_step2 ul li:nth-child(5) .img:before,
    .sub_circumcision .com_step2 ul li:nth-child(4) .img:before{ transform:rotate(90deg); }
    .sub_circumcision .com_step2 ul li + li { margin-top:20px; }
    .sub_circumcision .com_step2 ul li + li .img:before { top:0; }
    .sub_circumcision .com_step2 ul li:nth-child(3) { margin-bottom:0; }
    .surgery_area2 { padding:var(--inPd); }
    .surgery_area2 .step ul li + li { margin-left:10px;}
    .surgery_area2 .step ul li .box .txt br {display:none;}
    .img_box11 { padding:var(--inPd); }
    .whygood_sect .img4 .right dl { padding:0 5px; }
    .whygood_sect .img4 .right dl dt strong { font-size:var(--txt18);}
    .about_sect .img4 { display:block; padding:20px;}
    .about_sect .img4 dl { width:auto; display:flex; align-items:center; }
    .about_sect .img4 dl + dl { margin-top:20px;}
    .about_sect .img4 dl dt { flex-shrink: 0;}
    .about_sect .img4 dl dt .tit { display:none;}
    .about_sect .img4 dl dd { text-align: left; margin-left:20px; margin-top:0;}
    .about_sect .img4 dl dd .tit { display:block; min-height:inherit; }
    .about_sect .img4 dl dd .tit strong { display:block;}
    .vs_cont { flex-direction: column;}
    .vs_cont dl { padding:var(--inPd); }
    .vs_cont dl:last-child { padding:var(--inPd);}
    .vs_cont > span { font-size:22px;}
    .doctorview_sect .info_box .sec .swiper-container{ margin-left: calc(var(--inPd) * -1); margin-right:calc(var(--inPd) * -1); padding:0 var(--inPd); }
    .product_list ul { gap:30px var(--inPd)}
    .product_list ul li .name { font-size:var(--txt22); }
    .modal .equip_modal .btns button { font-size:13px; }

    .gallery_item .top_box { align-items: flex-start;} /*flex-direction: column;*/
    .gallery_item .top_box .badge { margin-bottom:5px;}

    /*스토리 > 히스토라 */
    .history_page .goldhistory_sect .sub_tit {margin-bottom: 50px}
    .history_page .history .bar {left: 19px; }
    .history_page .history .bar p:before {width: 6.5rem; height: 6.5rem}
    .history_page .history .cont {display: block; padding-left: 55px}
    .history_page .history .cont .tit {position: static; font-size: 24px; width: 100%}
    .history_page .history .cont .list {padding-left: 0; width: 100%; margin-top: 30px}
    .history_page .history .cont .list dl {display: block}
    .history_page .history .cont .list dl dt {width: 100%; font-size: var(--txt22); margin-bottom: 5px}
    .history_page .history .cont .list dl dd ul li {margin-bottom: 15px}
    .history_page .history .cont .list dl dd ul li.img {position: relative; }
    .history_page .history .cont .list dl dd ul li.img:before {content: "";position: absolute; inset: 0; background-color: rgba(255,255,255,0.05)}
    .history_page .history .cont .list dl dd ul li img {width: 100%}
    .history_page .history .cont .list dl dd ul li:last-child {margin-bottom: 0}
    .history_page .history_nav ul li a { font-size:var(--txt20); }

    
    .slide_sect .slide .item .cont_box { left:30px; top:20px; right:20px; }
    .slide_sect .slide .item .img {padding-top: 120%;}
    .slide_sect .slide .item .img img {border-radius: 15px;}
    .slide_sect .slide .item.num2 .img img{object-position: right;}
    .slide_sect .slide .item.num3 .img img{object-position: 75%;}
    .slide_sect .slide .item.num4 .img img{object-position: 75%;}
    .slide_sect .slide .item.num5 .img img{object-position: 70%;}
    .slide_sect .slide .item .cont_box .txt_box .txt br {display: none}

    .list_tbl .tbl_box .th_box .th:first-child,
    .list_tbl .tbl_box .td_box .td.time{ display:none;}
    .list_tbl .tbl_box .td_box .td.time + .td { border-left:1px solid var(--lineColor); border-bottom-left-radius:10px;}
    .list_tbl .tbl_box .td_box .td .badge { padding-left:0.5em; padding-right:0.5em;}

    


    /* 그래프 */
    .graph_sect .sub_tit_box .graph_status { position: static; margin-top:10px}
    .graph_sect .graph_area::-webkit-scrollbar { display: none;}
    .graph_sect .graph_area { position: relative; }
    .graph_sect .graph_area:after { content:''; position:absolute; left:50%; top:50%; margin:-2.5em 0 0 -2.5em; width:5em; height:5em; animation: scrollright 1s alternate infinite; background: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='150' height='150' rx='75' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M70.792 37.5C68.4274 37.5 66.5162 39.4226 66.5162 41.7903V77.0027C66.5162 78.5248 64.9072 79.5217 63.5471 78.8274C63.5471 78.8274 61.0047 73.7717 60.0891 72.125C58.2668 68.8494 55.8666 67.5142 53.6709 67.0425C50.2752 66.3037 43.4658 66.8645 51.5286 78.2133C51.5286 78.2133 61.947 100.217 63.1737 102.255C63.9738 103.59 67.1473 111.957 72.9254 112.5H87.9041C96.7936 112.482 100.74 103.332 100.74 92.0722V74.19C100.74 70.7097 97.9225 67.8792 94.4379 67.8792H94.349C93.14 67.8792 92.18 68.8405 92.18 70.0243V78.2133V66.9446C92.18 63.3931 89.3087 60.518 85.7618 60.518C84.5795 60.518 83.6194 61.4793 83.6194 62.6632V73.9319V59.3075C83.6194 55.756 80.7481 52.881 77.2013 52.881C76.019 52.881 75.0589 53.8423 75.0589 55.0261V69.6416V41.7903C75.0589 39.4226 73.1388 37.5 70.7831 37.5H70.792Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.8216 45.356H58.5337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.9639 40.6421L41.2502 45.3557L45.9639 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M100.956 45.356H85.2441' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M97.8135 40.6421L102.527 45.3557L97.8135 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;  z-index:2;  transition: all 1s ease;}
    .graph_sect .graph_area.off:after { opacity:0; visibility: hidden; pointer-events: none;;}
    @keyframes scrollright {  
        0% { transform:translateX(-1rem);  }
        100% { transform:translateX(1rem);} 
    }

    .graph_sect .graph_area {overflow:auto; margin-left: calc(var(--inPd) * -1); margin-right:calc(var(--inPd) * -1); padding:0 var(--inPd); }
    .graph_sect .graph_area svg { min-width:600px; }
    .sub_prostatitis .graph_sect .graph_area svg { max-width:100%; min-width:600px; }
    .sub_urinary-stone .graph_sect .graph_area svg { min-width:900px; }
    .sub_urodot .graph_sect .graph_area img { max-width:100%; min-width:800px;}
    .graph_sect .graph_area3 svg { width:100%; min-width:700px; }
    .graph_sect .graph_area3 .right svg { min-width:100%; }
    .graph_sect .graph_area3:after { display: none;}
    .graph_sect .graph_area3 .left:after { content:''; display:block; position:absolute; left:50%; top:50%; margin:-2.5em 0 0 -2.5em; width:5em; height:5em; animation: scrollright 1s alternate infinite; background: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='150' height='150' rx='75' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M70.792 37.5C68.4274 37.5 66.5162 39.4226 66.5162 41.7903V77.0027C66.5162 78.5248 64.9072 79.5217 63.5471 78.8274C63.5471 78.8274 61.0047 73.7717 60.0891 72.125C58.2668 68.8494 55.8666 67.5142 53.6709 67.0425C50.2752 66.3037 43.4658 66.8645 51.5286 78.2133C51.5286 78.2133 61.947 100.217 63.1737 102.255C63.9738 103.59 67.1473 111.957 72.9254 112.5H87.9041C96.7936 112.482 100.74 103.332 100.74 92.0722V74.19C100.74 70.7097 97.9225 67.8792 94.4379 67.8792H94.349C93.14 67.8792 92.18 68.8405 92.18 70.0243V78.2133V66.9446C92.18 63.3931 89.3087 60.518 85.7618 60.518C84.5795 60.518 83.6194 61.4793 83.6194 62.6632V73.9319V59.3075C83.6194 55.756 80.7481 52.881 77.2013 52.881C76.019 52.881 75.0589 53.8423 75.0589 55.0261V69.6416V41.7903C75.0589 39.4226 73.1388 37.5 70.7831 37.5H70.792Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.8216 45.356H58.5337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.9639 40.6421L41.2502 45.3557L45.9639 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M100.956 45.356H85.2441' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M97.8135 40.6421L102.527 45.3557L97.8135 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;  z-index:2;  transition: all 1s ease;}
    .graph_sect .graph_area3.off .left:after { opacity:0; visibility: hidden; pointer-events: none;;}

    .map_links2 .right { margin-top:0;}
    .map_links2 > div { flex-wrap: wrap;}
    .map_links2 > div .btn { width:calc(50% - 5px); margin-bottom:10px;}
    .map_links2 > div .btn:nth-child(even) { margin-right:0;}
    .map_links2 .right .btn { margin-bottom: 10px;}
    .doctorview_sect .photo p { height:55rem;}
    .doctorview_sect .in { display:block; }
    .doctorview_sect .photo { width:auto; position:static; margin-right:0; }
    .doctorview_sect .info_box { width:auto; }
    .doctorview_sect .photo p { padding-bottom:0; height: 76rem;}/*height:115rem;*/

    .special_sect .list ul li {flex-shrink: 0; width: 90%}
    .special_sect .list ul li + li {margin-left: 15px}
    .write_form .mail_box  {flex-wrap:wrap; }
    .write_form .form_list li .inp input { flex:1;}
    .write_form .mail_box #email2 + .select { margin:1.5rem 0 0;}

    .progress_cont .in { padding:0;}
    .progress_cont { display: grid; grid-template-columns: 80px 50px minmax(0, 1fr); align-items: stretch; width: 100%; padding: 0 20px; margin-top: 60px; }
    .progress_cont > * { padding: 0; }
    .progress_cont .ico_cont,
    .progress_cont .txt_cont,
    .progress_cont .dot_cont .dot_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); height: 100%; gap: 20px; align-items: center;}
    .progress_cont .txt_cont .box .txt { margin-top: 0.5em; }
    .progress_cont .ico_cont { align-items: center; }
    .progress_cont .ico_cont .ico { width: 70px; height: 70px; }
    .progress_cont .ico_cont .ico svg { width:2.5em; }
    .progress_cont .dot_cont .in { height: 100%; }
    .progress_cont .dot_cont .line { left: 50%; width: 0; height: 100%; transform: translate(-50%, -50%); border-right: 1px solid #fff; }
    .progress_cont .dot_cont .line:before {  top:0; width: 1px; height: 0; transition: height 1.5s linear; transition-delay: 0.2s; }
    .progress_cont .dot_cont .dot_wrap { margin: 0; }
    .progress_cont .dot_cont .dot_wrap .box .dot { width: 10px; height: 10px; }
    .progress_cont.active .dot_cont .line:before { height: 100%; width: 1px; }
    .progress_cont .txt_cont .box { text-align: left; }
    .history_sect .status { flex-wrap: wrap; padding: 15px}
    .history_sect .status .name_txt {width: 100%; text-align: center; margin-bottom: 5px}
    .history_sect .status .name_txt + div:before {content: none}
    .history_sect .status .mobile { display:inline; }


    .surgery_area2 .step ul { display:block; }
    .surgery_area2 .step ul li + li { margin:30px 0 0;}

    .before_login {margin-bottom: 40px}
    .before_login .btn_type1 {font-size: var(--txt18)}

    .media_list {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px}
    .history_sect .description { display:block;}
    .history_sect .description a { display:inline-block; margin-top:10px;}


    .clinic_sect .clinic_list .item {width: 78%}


    .circle_ani_sect { flex-wrap:wrap; opacity:0; transition: all 1s ease;  }
    .circle_ani_sect div { width: 100%; padding:10px; border-radius:var(--radius2); transform: unset !important; opacity:1 !important; transition:0s; border-color: rgba(255,255,255,0.3)}
    .circle_ani_sect div dl { position: static; justify-content: flex-start}

    .circle_ani_sect div dl dt {display: flex; align-items: center; text-align: left; font-size: var(--tit25)}
    .circle_ani_sect div dl dt i {margin-bottom: 0; display: flex; align-items: center; width: 2em; height: auto; margin-right: 10px}
    .circle_ani_sect div dl dt i svg {width: 100%}
    .circle_ani_sect div dl dt strong {width: 7em}

    .circle_ani_sect div dl dd {padding: 0; margin-left: 10px; text-align: left}

    .circle_ani_sect div:nth-child(2) { margin: 10px 0 0 0 }
    .circle_ani_sect div:nth-child(3) { flex-basis: 100%; margin-top:10px;}


    .circle_ani_sect div dl {display: flex; align-items: center; flex-direction: row}

    .circle_ani_sect.active { opacity:1; }


    .com_about_icos ul { display:block; }
    .com_about_icos ul li {display: grid; grid-template-columns: minmax(0,max-content) minmax(0,6.5em) minmax(0,1fr); gap: 5px ;align-items: center}


    .com_about_icos ul li + li { border:0; border-top:1px solid rgba(255,255,255,0.3)}
    .com_about_icos ul li .txt br { display: none;}
    .hood_sect .com_about_icos ul li { padding:25px 0;}
    .com_about_icos ul li .tit { margin-top:1rem;; text-align: left; margin-left: 10px}
    .com_about_icos ul li .tit br {display: none;}
    .com_about_icos ul li .txt {text-align: left; padding-left: 5px}

    .com_about_icos ul li i {width: 6rem; height: 6rem; position: relative; flex-shrink: 0;}
    .com_about_icos ul li i img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center}

    .com_about_icos ul.no_txt {display: flex}
    .com_about_icos ul.no_txt li {display: block; align-items: center; justify-content: center; flex: 1; padding: 0 5px}
    .com_about_icos ul.no_txt li + li {border-top: none; border-left:1px solid rgba(255,255,255,0.3); margin-left: 5px}
    .com_about_icos ul.no_txt li .tit {margin: 5px 0 0 0; text-align: center}
    .com_about_icos ul.no_txt li i svg {width: 3em}

    .board_write_end p br {display: none}
    .special_page .intro_sect .sub_tit {font-size: 22px; line-height: 1.8}
    .sub_wedding-checkup .com_banner_scroll.type2 .in { display:block; }
    .sub_wedding-checkup .com_banner_scroll.type2 .img2 { margin-left:auto; width:300px; }
    .sub_prostate-cancer .com_banner_cell { padding-bottom:0; background-image: url(../img/sub/prostate/prostate_bg_banner2_m.jpg);}
    .sub_prostate-cancer .com_banner_cell .in .img2 { position:static; max-width:100%; text-align: right; }
    .sub_prostate-cancer .com_banner_cell .in .img2 img { width:70%;}

    .full_visual .sub_visual .sub_visual_img img {object-position: top}

    .board_view_page .rese_info_box {font-size: var(--txt18)}
    .board_view_page .rese_info_box ul {padding: 1em; flex-wrap: wrap; justify-content: center}
    .board_view_page .rese_info_box ul li:last-child {width: 100%; border-left: none; margin-left: 0; padding-left: 0; justify-content: center; margin-top: 10px}

    .sub_round_tab_wrap{margin-bottom: 7rem;}
    .contact_sect .way_cont .box .tit{margin-bottom: 2.5rem;}
    .contact_sect .way_cont .box .car_txt{margin-top: -1.2rem;}

    .board_list ul li a .state.notice_badge span:before{margin-right: 0.2em;}

    .sub_urs .surgery_area .img1{padding: 1rem 0;}
    .sub_csbanner .tit br{display: none;}

}







/* QA 추가 */
.sub_cystitis .rader_box .img_box,
.header.scroll_down ~ .container.sub_cystitis .rader_box .img_box{top: 30vh; }

.sub_team .doctor_sect .in > .sub_tit_box{text-align: center; margin-bottom: 4rem}
.sub_team .doctor_sect .doctor_nav ul{background: #272727; gap: 1.6rem; transition: background 0.3s ease;}
.sub_team .doctor_sect .doctor_nav.on ul{background: #272727;}

.board_link{background-color: #fff; margin-top: 1rem; padding: 1em;}
.board_link .ico {flex-shrink: 0;background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.9974%209.01675C14.7764%209.01675%2014.5644%209.10455%2014.4081%209.26083C14.2519%209.41711%2014.1641%209.62907%2014.1641%209.85008V15.8334C14.1641%2016.0544%2014.0763%2016.2664%2013.92%2016.4227C13.7637%2016.579%2013.5517%2016.6667%2013.3307%2016.6667H4.16406C3.94305%2016.6667%203.73109%2016.579%203.57481%2016.4227C3.41853%2016.2664%203.33073%2016.0544%203.33073%2015.8334V6.66675C3.33073%206.44573%203.41853%206.23377%203.57481%206.07749C3.73109%205.92121%203.94305%205.83341%204.16406%205.83341H10.1474C10.3684%205.83341%2010.5804%205.74562%2010.7367%205.58934C10.8929%205.43306%2010.9807%205.2211%2010.9807%205.00008C10.9807%204.77907%2010.8929%204.56711%2010.7367%204.41083C10.5804%204.25455%2010.3684%204.16675%2010.1474%204.16675H4.16406C3.50102%204.16675%202.86514%204.43014%202.3963%204.89898C1.92745%205.36782%201.66406%206.00371%201.66406%206.66675V15.8334C1.66406%2016.4965%201.92745%2017.1323%202.3963%2017.6012C2.86514%2018.07%203.50102%2018.3334%204.16406%2018.3334H13.3307C13.9938%2018.3334%2014.6297%2018.07%2015.0985%2017.6012C15.5673%2017.1323%2015.8307%2016.4965%2015.8307%2015.8334V9.85008C15.8307%209.62907%2015.7429%209.41711%2015.5867%209.26083C15.4304%209.10455%2015.2184%209.01675%2014.9974%209.01675ZM18.2641%202.18341C18.1795%201.97979%2018.0177%201.81798%2017.8141%201.73341C17.7139%201.69071%2017.6063%201.66806%2017.4974%201.66675H12.4974C12.2764%201.66675%2012.0644%201.75455%2011.9081%201.91083C11.7519%202.06711%2011.6641%202.27907%2011.6641%202.50008C11.6641%202.7211%2011.7519%202.93306%2011.9081%203.08934C12.0644%203.24562%2012.2764%203.33341%2012.4974%203.33341H15.4891L6.90573%2011.9084C6.82762%2011.9859%206.76563%2012.0781%206.72332%2012.1796C6.68101%2012.2812%206.65923%2012.3901%206.65923%2012.5001C6.65923%2012.6101%206.68101%2012.719%206.72332%2012.8206C6.76563%2012.9221%206.82762%2013.0143%206.90573%2013.0917C6.9832%2013.1699%207.07537%2013.2319%207.17692%2013.2742C7.27846%2013.3165%207.38739%2013.3382%207.4974%2013.3382C7.60741%2013.3382%207.71633%2013.3165%207.81788%2013.2742C7.91943%2013.2319%208.01159%2013.1699%208.08906%2013.0917L16.6641%204.50841V7.50008C16.6641%207.72109%2016.7519%207.93306%2016.9081%208.08934C17.0644%208.24562%2017.2764%208.33341%2017.4974%208.33341C17.7184%208.33341%2017.9304%208.24562%2018.0867%208.08934C18.2429%207.93306%2018.3307%207.72109%2018.3307%207.50008V2.50008C18.3294%202.39118%2018.3068%202.2836%2018.2641%202.18341V2.18341Z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") no-repeat center / contain;}
.board_link a{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}

.sub_urinary-stone .about_box2 img{margin: 0 auto;}

.board_list_top .total_num{line-height: 1}

.compare_wrap .good .compare_table table tbody tr:last-child td:last-child{border-bottom: none;}

.ai_curation .img img{max-height: 30rem; object-fit: cover;}

.board_list_top .sch_box .sch_inp .btn svg{display: block;}

.sub_ed .surgery_area .step ul{flex-wrap:wrap;}
.sub_ed .surgery_area .step ul li{flex-shrink: 0;}
.sub_ed .surgery_area .step ul li + li{margin-left: 0}
.sub_ed .surgery_area .step ul li:nth-child(4):before{display: none}
.sub_ed .surgery_area .step ul li:nth-child(n+4){margin-top: 4rem;}
.sub_ed .surgery_area .step ul li + li:before{left: -14rem}

.gallery_item .top_box .doctor{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0}



/* 호버 */
@media screen and (min-width: 1241px) {
    .doctor_nav ul li a:hover {background:rgba(252, 164, 0, 0.20);}

}



@media screen and (max-width: 1640px) {
    .sub_infertility .com_banner_scroll.type2 .img2{display: block; padding-right: var(--inPd)}

}



@media screen and (max-width: 1240px) {
    .sub_infertility .com_banner_scroll.type2 .img2{display: block; padding-right: var(--inPd)}

    /*.sub_ed .surgery_area .step ul li:before{display: none;}*/
    /*.sub_ed .surgery_area .step ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 3rem}*/
    /*.sub_ed .surgery_area .step ul li{max-width: 85%;width: 85%;}*/
    /*.sub_ed .surgery_area .step ul li + li:before{left: -28%}*/
    /*.sub_ed .surgery_area .step ul li:nth-child(n+4){margin-top:0; }*/

    /*.surgery_area .step ul li .item .img_box{max-width: 80%;}*/
    .sub_ed .surgery_area .step ul{gap: 8rem}
    .sub_ed .surgery_area .step ul li{width:calc(33.33% - 8rem); }
    .sub_ed .surgery_area .step ul li + li:before{left: -12rem;}

    .clinic_top .youtube_area iframe + a:after{ position: absolute;left: 50.5%; top: 50%; transform: translate(-50%, -50%); width:8rem; height:8rem; background:url('data:image/svg+xml,<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10L-8.74228e-07 20L0 -7.43094e-07L17 10Z" fill="white"></path></svg>') no-repeat center / 23%; z-index: 2}
    .clinic_top .youtube_area iframe + a:before { position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:8rem; height:8rem; background-color: rgba(252, 164, 0, 0.55); backdrop-filter: blur(16px) brightness(1.2); border-radius: 50%; overflow: hidden; z-index: 1}    /*.clinic_top .youtube_area iframe + a:after { width:8rem; height:8rem; background:url(/inc/img/sub/play_ico_02_blur.svg) no-repeat 50% 50% / contain; backdrop-filter: blur(10px); border-radius: 50%;}*/


}




@media screen and (max-width: 1000px) {
    .sub_cystitis .rader_box .img_box,
    .header.scroll_down ~ .container.sub_cystitis .rader_box .img_box{top: 40vh; }

}



@media screen and (max-width: 768px) {
    /* 클리닉 하단 공용 치료사례 */
    .swiper-slide .gallery_item{padding: 20px;}
    .gallery_item .top_box {display: flex;flex-wrap: wrap;align-items: flex-start; flex-direction: row;}
    .gallery_item .top_box .badge_box {width: auto}
    .gallery_item .top_box .badge {font-size: var(--txt16)}
    .gallery_item .top_box .dot {display: none}
    .gallery_item .top_box .tit { margin-top: 0}
    .gallery_item .top_box .subway {margin-left: auto; font-size: var(--txt18); color: #666}
    .gallery_item .top_box .doctor {width: 100%; margin-top: 5px; font-size: var(--tit25); flex:none}

    .board_view_page .view_top + iframe{height: 400px;}

    .sub_wedding-checkup .com_banner_scroll.type2{position: relative;}
    .sub_wedding-checkup .com_banner_scroll.type2:before{content: ''; position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0; top: 0; }

    .sub_other-std .img_box1{align-items: flex-start;}

    .sub_ed .surgery_area .step ul li + li:before{background-size:2em;}



}


/* 폴드 */
@media screen and (max-width: 768px) and (min-width: 601px) {

    .modal .equip_modal .btns button{font-size: var(--txt18);}
    .sub_urinary-stone .clinic .graph_cont .graph_y .line{margin-left: 8rem}

    .sub_urs .guide_list dl{align-items: flex-start;}

    .com_banner_cell{ background: url(../img/sub/bg_banner_cell_fold.jpg) no-repeat center center / cover;}

    .sub_bladder-disease .img_box5_new .list_type2 ul {display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));}

}



@media screen and (max-width: 600px) {

    .clinic_top .youtube_area{margin-top: 6rem}
    .board_view_page .view_cont .a_cont .top{flex-direction: column; align-items: flex-start; gap: 1.5rem;}


    .sub_team .doctor_sect .doctor_nav ul{gap: 0;}

    .sub_holep .insure_list ul li .txt div:before{top: 0.6em;}
    .sub_holep .insure_sect  {background:url(../img/sub/prostate/holep_down_bg_mo.jpg) no-repeat 50% 50%; background-size:cover;  }

    .surgery_area .step ul li + li:before{top: -45px;}

    /* 관련연구자료 */
    .point_desc.with_tit .tit{display: block}
    .point_desc.with_tit .tit span{display: none;}
    .point_desc.with_tit p{padding-left: 0; text-indent: 0;}

    /* vs */
    .compare_wrap .good{top:-1rem; bottom: -1rem;}
    .sub_itind .compare_wrap .good .compare_table table thead th{font-size: 18px; padding: 2rem 0;}
    /*.sub_itind .compare_wrap .good .compare_table{border-radius: 0 var(--radius2) var(--radius2) 0;}*/
    /*.sub_itind .compare_wrap .good .compare_table table tbody td:last-child{font-size: 13px;}*/
    .sub_circumcision .compare_wrap > .compare_table.type2:first-child table thead th:first-child{padding: 15px 5px;}
    .sub_circumcision .compare_wrap > .compare_table.type2:first-child table tbody tr:first-child td{padding: 15px 5px;}
    .sub_circumcision .compare_wrap .good .compare_table.type2:first-child table tbody tr:nth-child(3) td{padding: 15px 5px;}


    .sub_urinary-stone .about_box2{background: #f8f8f8}

    .sub_urs .guide_list dl dd .txt1{margin-bottom: 0;}
    .sub_zamenix .circle_ani_sect div dl dt{margin-bottom: 0;}

    .board_view_page .view_top + iframe{height: 200px;}

    .sub_gardasil .good_box ul{gap: 8rem}
    .sub_gardasil .graph_sect .graph_area svg {min-width: 650px;}

    .sub_male-surgery .allcontent_wrap .img_box1 .text .btns{width: 100%;}
    .sub_male-surgery .allcontent_wrap.white .img_box1 .text .btns .btn_type2{width: 100%;}

    .sub_infertility .com_banner_scroll.type2 .in{display: block;}
    .sub_infertility .com_banner_scroll.type2 .img2{margin-left: auto; width: 300px;}


    .selfcheck_page .start_banner::before{background: url(/inc/img/sub/selfcheck_bg_mo.jpg) 50% 50% / cover no-repeat;}


    .board_list ul li a .state{margin-bottom: 1.5rem;}

    .pagination > a svg{height: 1.2em;}

    .com_banner_cell{ background: url(../img/sub/bg_banner_cell_mo.jpg) no-repeat center center / cover;}

    .sub_ed .sub_tit_box .stit{margin-bottom: 9rem;}

    /* 공통 체크.. */
    .list_type1 ul li .txt{margin-top: 0.6rem;}

    /*.sub_ed .surgery_area .step ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}*/
    /*.sub_ed .surgery_area .step ul li + li:before{display: none;}*/



    .sub_circumcision .com_step2 ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
    .sub_circumcision .com_step2 ul li + li:nth-child(2){margin-top:0;}
    .sub_circumcision .com_step2 ul li + li .img:before{top: -10px}
    .sub_circumcision .com_step2 ul li + li:nth-child(2) .img:before,
    .sub_circumcision .com_step2 ul li + li:nth-child(4) .img:before{display: none;}
    .sub_circumcision .com_step2 ul li + li .img:before {left: 100%}
    .sub_circumcision .com_step2 ul li:nth-child(3):after{display: none;}
    .sub_circumcision .com_step2 ul li .tit{ line-height: 1.5; height: 65px; display: flex; align-items: center; justify-content: center;}

    .sub_ed .surgery_area .step ul{display:flex; gap: 1rem}
    .sub_ed .surgery_area .step ul li{width:calc(50% - 1rem); }
    .sub_ed .surgery_area .step ul li + li{margin-top: 4rem;}
    .sub_ed .surgery_area .step ul li + li:nth-child(2){margin-top: 0}
    .sub_ed .surgery_area .step ul li + li:before{left: calc(100% + 1rem)}
    .sub_ed .surgery_area .step ul li + li:nth-child(2n):before{display: none}

    /*.clinic_top .youtube_area iframe + a:before .img{}*/
    .clinic_top .youtube_area iframe + a:after,
    .clinic_top .youtube_area iframe + a:before{width: 7rem; height: 7rem; }




}