/*공용*/
em{ font-weight:normal; font-style:normal; }
.pc {display:block !important;}
.m {display:none !important;}
.dot_line {margin:50px 0; }
.dot_line .line{display:inline-block; width:100px; height:5px; background:#0088d0; margin-bottom: 30px}
.inner_box {width:1300px;margin:0 auto; overflow:hidden;position:relative; }
.clearfix:after{content:"";display:block;clear:both;}
.con1130{width:1130px;margin:0 auto;position:relative; padding-bottom: 30px}
.con1200{width:1200px;margin:0 auto;position:relative;}
.con1300 {width:1300px;margin:0 auto; overflow:hidden;position:relative;}
.con_m90 {width:1300px; margin:0 auto; overflow:hidden;position:relative;}
.con_m100 {width:1300px; margin:0 auto; overflow:hidden;position:relative;}

.cont_n{width: 100%; max-width:2030px; margin: 223px auto 0 auto;  clear:both;}
.cont_n img {width:auto; height:auto}

.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.box1 .box,.float_box.box_w50 .box_c {width:calc(100%);}
.float_box.box1_2 .box {width:calc(100%/2);}
.float_box.box2 .box {width:calc(100%/2);}
.float_box.box3 .box {width:calc(100%/3);}
.float_box.box4 .box {width:calc(100%/4);}
.float_box.box5 .box {width:calc(100%/5);}
.float_box.box6 .box {width:calc(100%/6);}
.float_box.box7 .box {width:calc(100%/7);}

/*서브 원 공통*/
.sub_circle { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle ul { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.sub_circle li { background: #1f4392 ;  border-radius: 50%; width: 18rem; height: 18rem; opacity: 5; float: left; box-sizing: border-box; margin: 0 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.sub_circle li p { font-size: 24px; font-weight: 500; color: #ffffff; text-align: center; }

/*버튼공통*/
.btwrap {width:100%; clear: both}
.bt_box330 {margin: 0 auto; width:100% !important; max-width:330px !important;}
.bt_box660 {margin: 0 auto; width:100% !important; max-width:660px !important;}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:20px 0; font-size:20px; margin: 3px}
.sub_bt li.blue a {color:#fff; background:#0088d0;}
.sub_bt li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt li.blue_line a {color:#0088d0; background:#ffffff; border: 3px solid #0088d0}
.sub_bt li.blue_line2 a {color:#1f4392; background:#ffffff; border: 3px solid #1f4392}

.sub_bt2 li {text-align:center; box-sizing: border-box; }
.sub_bt2 li a{display:block; padding:18px 0; font-size:20px; margin: 3px}
.sub_bt2 li.blue a {color:#fff; background:#0088d0;}
.sub_bt2 li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt2 li.blue_line a {color:#0088d0; background:#ffffff; border: 3px solid #0088d0}
.sub_bt2 li.blue_line2 a {color:#1f4392; background:#ffffff; border: 3px solid #1f4392}

/*서브 상단 비주얼*/
.sub_top {position:relative; padding:130px 0 125px 0;}
.sub_top_text{text-align:center;}
.sub_top_text h2 {display:block; margin:60px 0; font-weight:500; font-size:70px; line-height:56px; color:#181818; font-family:'notokr-black'; letter-spacing: 10px; text-indent: 10px}
.sub_top_text em {font-weight:500; font-size:22px; line-height:23px; color:#c2c2c2; letter-spacing: 10px}
.sub_top_text p {font-weight:500; font-size:30px; line-height:44px; color:#181818; font-style: normal; letter-spacing: normal}

.sub_top.sub01_01 {background: #ffffff; }
.sub_top.sub02_01 {background: #ffffff; padding-bottom: 175px }
.sub_top.sub03_01 {background: #ffffff; padding-bottom: 135px }
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09.jpg") no-repeat ; background-size: cover }

/*서브 상단 탭*/
.tab_wrap {width:100%; left:0; bottom:0; position:absolute; z-index:10;}
.tab_wrap .inner_box {margin: 0 auto; width:100% !important; max-width:1300px !important; padding: 0 !important;}

.sub_tab li {text-align:center; border-right:1px solid #ffffff; box-sizing: border-box}
.sub_tab li:last-child {border-right:0;}
.sub_tab li a{display:block; padding:17px 0; font-size:18px; line-height:19px; color:#808188; background:#1c2032;}
.sub_tab li a:hover {color:#fff; background:#0088d0;}
.sub_tab li.on a {color:#fff; background:#0088d0;}

/*서브 내용 공통*/
.content {padding:120px 0; text-align:center; clear: both; overflow: hidden}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 120px 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:120px 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:100px 0; text-align:left; clear: both; overflow: hidden}

.content2 {padding:0 0 50px 0; text-align:left;}
.content3 {padding:40px 0 120px 0; text-align:center;}

.content.white_bg {background:#fff;}
.content.gray_bg {background:#f4f4f4;}
.content.blue_bg {background:#299edc;}
.content.blue2_bg {background:#1f4392;}
.content.sky_bg {background:#e8f3ff;}
.content.sky2_bg {background:#ecfaff;}
.content.sky3_bg {background:#0088d0;}
.content.gold_bg {background:#c2986b;}

.sub_text_box {text-align:left;}
.sub_text_box.right {text-align:right;}
.sub_text_box.center {text-align:center;}
.sub_text_box.center .dot_line{margin-bottom:0;}
.sub_text_box h2 {display:block; font-weight:50; margin-bottom:20px; font-size:60px; line-height:66px; font-family:'notokr-bold'}
.sub_text_box p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:38px; margin:25px 0; text-align: center}
.sub_text_box p.center {text-align:left !important;}
.sub_text_box span { font-family:'notokr-bold'}
.sub_text_box.white strong,.sub_text_box.white em,.sub_text_box.white p,.sub_text_box.white h2 {color:#fff;}
.sub_text_box .subtitle { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:38px; margin:25px 0; color:#0088d0}
.sub_text_box .subtit { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:20px; line-height:38px; margin:25px 0; color:#181818}
.sub_text_box .subtit span { font-family:'notokr-bold'}
.sub_text_box .subtit2 { text-align: center; font-family:'notokr-bold'; font-weight:50; display:block; font-size:24px; line-height:38px; margin:25px 0; color:#181818}
.sub_text_box .matrx_img img {width: auto}

.pop_text_box.center {text-align:center;}
.pop_text_box.center .dot_line{margin-bottom:0;}
.pop_text_box h2 {display:block; font-weight:50; margin-bottom:10px; font-size:60px; line-height:66px; font-family:'notokr-bold'}
.pop_text_box .subtitle { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:30px; margin:25px 0; color:#0088d0}
.pop_text_box .subtit { text-align: center; font-family:'notokr-bold'; font-weight:50; display:block; font-size:24px; line-height:30px; margin:0; color:#181818}
.pop_text_box img {width: auto} 

.pop_text_box2.center {text-align:center;}
.pop_text_box2.center .dot_line{margin-bottom:0;}
.pop_text_box2 h2 {display:block; font-weight:50; margin:20px 0 10px 0 ; font-size:45px; line-height:56px; font-family:'notokr-bold'; color: #1f4392}
.pop_text_box2 .subtitle { text-align: center; font-family:'notokr-bold'; display:block; font-size:22px; line-height:20px; margin:0; color:#181818}
.pop_text_box2 .subtit { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:30px; margin:25px 0; color:#0088d0}
.pop_text_box2 p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:20px; line-height:30px; margin:0 0 30px 0; text-align: center}
.pop_text_box2 p span {font-family:'notokr-bold'; }
.pop_text_box2 p em {text-decoration: underline; font-family:'notokr-bold';}
.pop_text_box2 img {width: auto} 

.tab_sub_wrap {width:100%; margin-top: 60px; position:relative; }
.tab_sub_wrap .inner_box {background: #1f4392; margin: 0 auto; width:100% !important; max-width:1000px !important; padding: 0 !important;}
.tab_sub_wrap .inner_box2 {background: #1f4392; margin: 0 auto; width:100% !important; max-width:1300px !important; padding: 0 !important;}
.tab_sub_wrap .inner_box3 {background: #1f4392; margin: 0 auto; width:100% !important; max-width:1200px !important; padding: 0 !important;}
.tab_sub li {text-align:center; box-sizing: border-box; }
.tab_sub li:last-child {border-right:0;}
.tab_sub li a{display:block; padding:20px 0; font-size:24px; color:#6d8dd3;}
.tab_sub li a span{font-size:18px;}
.tab_sub li a:hover {color: #ffffff; border-bottom: 7px solid #00c6ff}
.tab_sub li.selected a {color: #ffffff; border-bottom: 7px solid #00c6ff}

/*확대수술 - 음경확대*/
.enlarge_person {width: 1100px; margin: 0 auto; clear: both ; position: relative }
.enlarge_person dl { width: 100%; display: flex; justify-content: flex-start; align-items: center;  clear: both; margin-top: 60px}
.enlarge_person dt { width: 55%; float: left}
.enlarge_person dd { width: 45%; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; line-height: 50px; }
.enlarge_person dd .stxt{font-size: 18px; color: #181818; font-family: 'notokr-regular'; }
.enlarge_person span {font-family: 'notokr-bold'}
.enlarge_person dd .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 26px; line-height: 45px; }
.enlarge_person dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 26px;}

/*확대수술 - 재료소개*/
.stuffwarp {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.stuffwarp div.stufftab { clear: both; padding: 70px 100px ; background: #ffffff;  margin-bottom: 50px}
.stuffwarp div.stufftab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.stuffwarp div.stufftab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 60px 0}
.stuffwarp div.stufftab .txt span { font-family: 'notokr-bold';}
.stuffwarp div.stuffview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.stuffwarp div.stuffview dl { width: 100%; clear: both;}
.stuffwarp div.stuffview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.stuffwarp div.stuffview dt img { width: 100%}
.stuffwarp div.stuffview dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.stuffwarp div.stuffview dd .title {padding: 0 0 30px 0; font-size: 30px; color: #181818}
.stuffwarp div.stuffview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.stuffwarp div.stuffview dd .boxtxt{ clear: both; padding: 20px 0 ; box-sizing: border-box; font-family: 'notokr-medium';font-size:20px;color:#181818; text-align: center;  line-height:34px ; word-break: keep-all;}
.stuffwarp div.stuffview dd .boxtxt span { font-family:'notokr-bold';}
.stuffwarp div.stuffview dd ul { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; margin: 0 auto; padding: 0}
.stuffwarp div.stuffview dd li { width: 450px; float:left; font-family: 'notokr-medium';font-size:20px;color:#181818; text-align: left; line-height:28px;margin:0; padding: 15px 0 15px 35px; background: url("/images/erectile/checklist_chk.png") no-repeat left 50% / 24px;  box-sizing: border-box}
.stuffwarp div.stuffview dd li span {font-family: 'notokr-bold'}
.stuffwarp div.stuffview .viewbt { border: 1px solid #d4d4d4; padding: 15px 0; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: 2%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto; width: 50%}
.stuffwarp div.stuffview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*확대수술 - 재료소개버튼과 팝업*/
.stuffwarp .ven_popview { display: flex; flex-direction: column; width: 100%; padding: 1% 0; clear: both; text-align: center; margin: 0 auto; box-sizing: border-box}
.stuffwarp .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 5px solid #0088d0; border-radius: 10px; position: relative; padding: 40px 30px 30px 30px}
.stuffwarp .ven_popview .boxlinetxt .title{ padding: 10px 0; background: #ffffff; position: absolute; width: 30%; top: -30px; left: 35%; text-align: center; font-size: 26px; font-family: 'notokr-bold'; color: #0088d0; margin: 0 auto}
.stuffwarp .ven_popview .boxlinetxt .boxtext{ width: 100%; padding: 10px 0 !important; background: #ffffff; font-size: 22px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; line-height: 34px}
.stuffwarp .ven_popview .boxlinetxt .boxtext span { font-family: 'notokr-bold';}

.stuff_bt {clear: both; width: 100%; float: left; padding: 0 ;position:relative; }
.stuff_bt ul {width: 100%; box-sizing: border-box}
.stuff_bt li { float: left; padding: 1%; box-sizing: border-box !important}
.stuff_bt li .viewbt { border: 1px solid #d4d4d4; padding: 15px 15px 15px 30px; background: #ffffff url("/images/common/bt_arrow.png") no-repeat 98% 50%; background-size: 41px 41px; border-radius: 100px; text-align: left; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.stuff_bt li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.stuffwarp .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .title{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .txt{ width: 100%; padding: 25px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2;}
.stuffwarp .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}

/*정관수술-다중차단수술*/
.vasectomy_multi{ margin: 60px 0 120px 0; width: 100%; clear: both}
.vasectomy_multi .box { display:flex;align-items:center; justify-content: center; width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.vasectomy_multi .box .img_box{width:35%; float:left;}
.vasectomy_multi .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:40px;}
.vasectomy_multi .box .txt_box span{font-family: 'notokr-bold';}

.vasectomy_multi2{ margin: 60px 0 ; width: 100%; clear: both}
.vasectomy_multi2 .box { display:flex;align-items:center; justify-content: center; width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.vasectomy_multi2 .box .img_box{width:35%; float:left;}
.vasectomy_multi2 .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:40px;}
.vasectomy_multi2 .box .txt_box span{font-family: 'notokr-bold';}

.multiwarp {width: 1000px; margin: 0 auto; clear: both ; background: #1f4392 !important}
.multiwarp ul.multitab { padding: 20px 0; margin: 50px auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.multiwarp ul.multitab li { display: inline; margin: 0; margin :0 80px}        
.multiwarp ul.multitab li a { font-size: 24px; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 10px 0}        
.multiwarp ul.multitab li a:visited { color: #6d8dd3;}        
.multiwarp ul.multitab li a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff}        
.multiwarp ul.multitab li.selected a, .multiwarp ul.multitab li.selected a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff; }        
.multiwarp ul.multitab li.selected a:hover { text-decoration: none;} 
.multiwarp div.multitabcontents { clear: both; padding: 0 ; background: #ffffff;  margin-bottom: 50px}
.multiwarp div.multitabcontents img { text-align: center; margin: 0 auto !important}

/*정관수술-미세통증노하우*/
.swiper-knowhow_p {display: block}
.swiper-knowhow_m {display: none}

.knowhow{ display:flex;align-items:center; margin: 60px 0; width: 100%; }
.knowhow dl { width: 798px; clear: both; padding-bottom: 40px }
.knowhow dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.knowhow dt img { width: 100%}
.knowhow dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.knowhow dd .title {padding: 0 0 10px 0; font-size: 30px; color: #181818; font-family:'notokr-bold'}
.knowhow dd .title_s {padding: 0 0 10px 0; font-size: 22px; color: #181818; font-family:'notokr-bold'}
.knowhow dd .txt {padding: 0; font-size: 20px; color: #181818;}
.knowhow dd .txt span { font-family: 'notokr-bold'}
.knowhow .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 42%;
		margin: 0 auto;
    }

/*정관수술 - Q&A*/
.qawarp { width: 70%; margin: 50px auto}
.qa{margin:35px auto 70px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; border: 1px solid #b2b2b2; z-index: 1; box-sizing: border-box}
.qa .img_box{width:30%; }
.qa .txt_box{width:70%;}
.qa .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:30px;margin:25px 0;}
.qa .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:20px;line-height:28px;}
.qa:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: -45px; left: 20px }
.qa:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: -45px; right: 20px}
.qa:nth-child(2n) .txt_box{float:right;padding-right:50px; text-align: right}
.qa:nth-child(2n-1) .txt_box{float:left;padding-left:50px;text-align:left; }

/*정관수술 - SYSTEM*/
.system{ clear: both; padding:30px 0 0 0 ;position:relative; width: 100%; float: left}
.system ul {width: 100%; margin: 0 auto; display:flex; align-items:center; justify-content: space-between; gap: 20px; }
.system li { box-sizing: border-box}
.system li dl {clear: both ;}
.system li dt {width: 100%}
.system li dt img {width: 100%}
.system li dd {width: 100%}
.system li dd .title{width: 100%; text-align: center; color: #0088d0; font-size: 30px; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 10px}
.system li dd .txt{text-align: center; font-size: 20px; line-height: 30px; font-family: 'notokr-regular';}

/*SYSTEM(4개)*/
.ch_system{display:flex;align-items:center; padding:50px 0 ;position:relative; width: 100%; float: left}
.ch_system ul {width: 1110px; margin: 0 auto;}
.ch_system li {width: 212px; margin: 0 33px; float: left; }
.ch_system li:last-child { margin-right: 0}
.ch_system li dl {clear: both ;}
.ch_system li dt {width: 100%}
.ch_system li dd {width: 100%}
.ch_system li dd .title{width: 100%; text-align: center; color: #0088d0; font-size: 28px; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 10px}
.ch_system li dd .txt{text-align: center; font-size: 18px; line-height: 30px; font-family: 'notokr-regular';}

/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 30px auto 0 auto; float: left; }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; padding: 0; margin: 0 auto 20px auto; background: #ffffff; border: 1px solid #d2d2d2; box-sizing: border-box}

/*서브 중간흰색박스 좌측이미지 우측 설명 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; display: flex; box-sizing: border-box}
.sub_tbox_img .leftimg { float: left}
.sub_tbox_img .righttxt { float: right; padding: 0 60px; box-sizing: border-box; display: flex; flex-direction: column; align-items: left; justify-content: center;}
.sub_tbox_img .righttxt .sub_title { text-align: left; font-size: 45px; font-weight: 700; color: #333333; line-height: 5rem; margin-bottom: 20px}
.sub_tbox_img .righttxt .sub_txt { text-align: left; font-size: 22px; font-family: 'notokr-regular'; line-height: 2rem}
.sub_tbox_img .righttxt span {font-weight: 700; }

.sub_tbox_img .tablebox ul { width: 100%; clear: both;  padding: 0; box-sizing: border-box; margin: 5% 0 0 0; overflow: hidden}
.sub_tbox_img .tablebox li { width: 100%; float: left; ; clear: both; font-size: 20px; color: #181818; word-break: keep-all; margin-bottom: 1px; border: none;}
.sub_tbox_img .tablebox li:last-child { margin-bottom: 0}
.sub_tbox_img .tablebox dl { width: 100%; margin: 0 auto; display: flex;}
.sub_tbox_img .tablebox dt {width: 25%; background: #1f4392; text-align: center; color: #ffffff; line-height: 1.8rem; font-family:'notokr-bold';  padding: 7px; box-sizing: border-box }
.sub_tbox_img .tablebox dd {width: 100%;background: #f4f4f4; text-align: left; margin: 0 auto; line-height: 1.8rem; font-family:'notokr-regular';  padding: 7px; box-sizing: border-box }
.sub_tbox_img .tablebox dd span { font-family:'notokr-bold';}

/*발기부전 - why*/
.whyimg img { margin: 40px 0 0 0}
.whyimg .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 30px 0 100px 0}
.whyimg .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.whyimg .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

.whyimg2 img { margin: 40px 0 0 0}
.whyimg2 .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 30px 0 100px 0}

.whyimg3 img { margin: 40px 0 0 0}
.whyimg3 .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 50px 0 0 0; line-height: 38px}
.whyimg3 .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.whyimg3 .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

.whywarp { width: 70%; margin: 50px auto}
.why{margin:10px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; z-index: 1; box-sizing: border-box}
.why .img_box {width:30%; }
.why .img_box2 {width:30%; }
.why .txt_box {width:70%;}
.why .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:30px;margin:25px 0;}
.why .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:20px;line-height:28px;}
.why:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: 20px; left: 20px }
.why:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: 20px; right: 20px}
.why:nth-child(2n) .img_box2 {float:left; position: absolute; z-index: 2; top: 20px; left: 20px }
.why:nth-child(2n-1) .img_box2 {float:right; position: absolute; z-index: 2; top: 20px; right: 20px}
.why:nth-child(2n) .txt_box{float:right;padding-right:50px; text-align: right}
.why:nth-child(2n-1) .txt_box{float:left;padding-left:50px;text-align:left; }
.why .txt_box span{font-size:16px;}

/*발기부전 - 증상*/
.check_list{display:flex;align-items:center; border: 1px solid #e2e2e2; margin: 60px 0 30px 0 ; background: #ffffff}
.check_list .img_box{width:58%; text-align: left}
.check_list .txt_box{display:flex;align-items:center}
.check_list li{line-height:28px;margin:35px 0;border-bottom:1px dotted #d5d5d5;padding: 0 0 30px 0;}
.check_list li:after{content:'';display:block;clear:both;}
.check_list li img{margin-right:20px;float:left; }
.check_list li p{float:left;width:433px;font-family: 'notokr-medium';font-size:22px;color:#181818; text-align: left}
.check_list li p span {font-family: 'notokr-bold'}
.check_list li:last-child{margin-bottom:0; border-bottom:none}
.check_list li:last-child p{border-bottom:0}
.check_list .txt_box .stxt { font-size: 18px;}

/*발기부전 - 치료알아보기 버튼*/
.erectile_bt_warp{ clear: both; ;position:relative; width: 100%; display: inline-block; padding: 0}
.erectile_bt_warp h2 { clear: both; text-align: center; font-size: 30px; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2{ clear: both; ;position:relative; width: 100%; display: inline-block; padding: 0}
.erectile_bt_warp2 h2 { clear: both; text-align: center; font-size: 30px; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2 .stepimg img {width: auto}
.erectile_bt_arrow { clear: both; padding: 120px 0}
.erectile_bt_arrow img {width: auto !important; text-align: center}
.erectile_bt_arrow2 { clear: both; padding: 40px 0}
.erectile_bt_arrow2 img {width: 40px !important; text-align: center}
.erectile_bt {clear: both; width: 100%; float: left; padding: 50px 0 0 0 !important}
.erectile_bt ul {width: 745px; margin: 0 auto;}
.erectile_bt li {width: 215px; margin-right: 50px; float: left; cursor: pointer}
.erectile_bt li:last-child { margin-right: 0}
.erectile_bt li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px 0}
.erectile_bt li dt {width: 100%}
.erectile_bt li dt img {text-align: center}
.erectile_bt li dd {text-align: center; font-size: 24px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}
.erectile_bt li .line2 {line-height: 24px;  padding: 10px 0}
.erectile_bt li dd span{text-align: center; font-size: 16px; }

.erectile_bt2 {clear: both; width: 100%; float: left; padding: 50px 0 0 0 !important}
.erectile_bt2 ul {width: 480px; margin: 0 auto;}
.erectile_bt2 li {width: 215px; margin-right: 50px; float: left; cursor: pointer}
.erectile_bt2 li:last-child { margin-right: 0}
.erectile_bt2 li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px 0}
.erectile_bt2 li dt {width: 100%}
.erectile_bt2 li dt img {text-align: center}
.erectile_bt2 li dd {text-align: center; font-size: 24px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}
.erectile_bt2 li .line2 {line-height: 24px;  padding: 10px 0}
.erectile_bt2 li dd span{text-align: center; font-size: 16px; }

/*발기부전 - 약물치료 안내*/
.drug_multi{ margin: 0; width: 100%; clear: both}
.drug_multi .box { display:flex;align-items:center; justify-content: center; width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.drug_multi .box .img_box{width:35%; float:left;}
.drug_multi .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:40px;}
.drug_multi .box .txt_box span{font-family: 'notokr-bold';}

/*발기부전 - 약물치료소개*/
.drugwarp {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.drugwarp div.drugtab { clear: both; padding: 100px 100px 10px 100px ; background: #ffffff;  margin-bottom: 50px}
.drugwarp div.drugtab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.drugwarp div.drugtab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 60px 0}
.drugwarp div.drugtab .txt span { font-family: 'notokr-bold';}
.drugwarp div.drugview{ display:flex;align-items:center; margin: 60px 0; width: 100%; position: relative}
.drugwarp div.drugview dl { width: 798px; clear: both; padding-bottom: 40px }
.drugwarp div.drugview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.drugwarp div.drugview dt img { width: 100%}
.drugwarp div.drugview dd { clear: both; background: #f4f4f4; padding: 50px 0;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.drugwarp div.drugview dd .title {padding: 0 0 30px 0; font-size: 30px; color: #181818}
.drugwarp div.drugview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.drugwarp div.drugview dd .txt {padding: 0; font-size: 20px; color: #181818; text-align: left; width: 60%; margin: 0 auto; line-height: 40px; word-break: keep-all;}
.drugwarp div.drugview dd .txt span {font-family: 'notokr-bold'}
.drugwarp div.drugview dd .stxt { font-size: 18px; word-break: keep-all;}
.drugwarp div.drugview img { text-align: center; margin: 0 auto !important}
.drugwarp div.drugview .viewbt { border: 1px solid #d4d4d4; padding: 15px 0; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: 2%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto; width: 50%}
.drugwarp div.drugview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*발기부전 - 특징 및 장점*/
.character {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.character dl { width: 100%; float: left; clear: both; margin-top: 60px; display: flex; flex-direction: row; justify-content:space-around; align-items: center; overflow: hidden;}
.character dt { float: left}
.character dd { width: 41%; float: right; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; ine-height: 50px; }
.character dd p {text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; line-height: 1.8; }
.character dd span { font-family: 'notokr-bold'}
.character dd .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.character dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
.character .txt_box {width: 1000px; float: left; clear: both}
.character .txt_box ul {width: 100%; margin-top: 50px}
.character .txt_box li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 47%; margin: 1.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box}
.character .txt_box span { font-family: 'notokr-bold'}
.character .txt_box .stxt { font-size: 18px;}

.character .tit_txtbox {width: 1000px; float: left; clear: both; margin: 50px 0}
.character .tit_txtbox p {text-align: center; font-size: 24px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.character .tit_txtbox p span { font-family: 'notokr-bold'}
.character .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.character .tit_txtbox .marktxt em {font-size: 24px;font-family:'notokr-black'; }
.character .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

/*발기부전 - 치료기소개*/
.curerwarp {width: 1300px; margin: 0 auto; clear: both ; position: relative }
.curerwarp div.curertab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp div.curerview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp div.curerview dl { display:flex;align-items:center;width: 100%; clear: both; }
.curerwarp div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left }
.curerwarp div.curerview dt img { width: 100%}
.curerwarp div.curerview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 59.8px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none;}
.curerwarp div.curerview dd h2 {padding: 0 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}
.curerwarp div.curerview dd p span{ font-size: 18px; text-align: center;}

.curerwarp2 {width: 1300px; margin: 0 auto 80px auto; clear: both ; position: relative; overflow: hidden;  }
.curerwarp2 div.curertab { width: 100%; float: left; clear: both; padding: 100px 100px 0 100px; box-sizing: border-box}
.curerwarp2 div.curerview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp2 div.curerview dl { display:flex; width: 100%; clear: both;  align-items: stretch}
.curerwarp2 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left; background: #ffffff;  }
.curerwarp2 div.curerview dt img { width: 100%}
.curerwarp2 div.curerview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 60px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none;}
.curerwarp2 div.curerview dd h2 {padding: 0 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp2 div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}

.curerwarp3 {width: 1300px; margin: 0 auto 80px auto; clear: both ; position: relative; overflow: hidden;  }
.curerwarp3 div.curertab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp3 div.curerview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp3 div.curerview dl { display:flex; width: 100%; clear: both;  align-items: stretch}
.curerwarp3 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left; background: #ffffff;  }
.curerwarp3 div.curerview dt img { width: 100%}
.curerwarp3 div.curerview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 60px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none;}
.curerwarp3 div.curerview dd h2 {padding: 0 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp3 div.curerview dd h2 span{font-size: 30px;}
.curerwarp3 div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}

.curerview .curercircle {margin: 37px 0 0 0; width: 100%; clear: both; float: left}
.curerview .curercircle ul { width: 450px; margin: 0 auto}
.curerview .curercircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin-right: 10px }
.curerview .curercircle li span { height:140px; width: 140px; ;font-size: 18px; color: #ffffff; font-family: 'notokr-middum'; display:table-cell; vertical-align: middle;}
.curerplace {clear: both; float: left; margin: 40px 0 0 0; width: 100%; border: 1px solid #d2d2d2; box-sizing: border-box}
.curerplace .title{ width: 100%; padding: 15px; background: #1c2032; font-size: 26px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.curerplace .txt{ width: 100%; padding: 45px; background: #ffffff; font-size: 22px; text-align: center; color: #0088d0; font-family: 'notokr-bold'; box-sizing: border-box}

/*발기부전 - 협력체결병원 */
.cooperation {width: 1300px; margin: 0 auto; clear: both ; position: relative }
.cooperation .s_tit {font-size: 24px; color: #181818; text-align: center; line-height: 40px; font-family: 'notokr-regular'; margin-bottom: 70px}
.cooperation .txt {font-size: 24px; color: #181818; text-align: center; line-height: 40px; font-family: 'notokr-regular'}
.cooperation .txt span  {; font-family: 'notokr-bold'}
.cooperation .arrow img { padding: 100px 0}	

/*발기부전 - 보형물종류*/
.prosthesis {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.prosthesis div.prostab { clear: both; padding: 70px 100px 10px 100px ; background: #ffffff;  margin-bottom: 50px}
.prosthesis div.prostab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 0}
.prosthesis div.prostab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center}
.prosthesis div.prostab .txt span { font-family: 'notokr-bold';}
.prosthesis div.prosview{ display:flex;align-items:center; margin: 60px 0; width: 100%; position: relative}
.prosthesis div.prosview dl { width: 798px; clear: both; padding-bottom: 40px }
.prosthesis div.prosview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.prosthesis div.prosview dt img { width: 100%}
.prosthesis div.prosview dd { clear: both; background: #f4f4f4; padding: 40px 0 70px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.prosthesis div.prosview dd .title {padding: 0 0 30px 0; font-size: 30px; color: #181818}
.prosthesis div.prosview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.prosthesis div.prosview dd .txt {padding: 0; font-size: 20px; color: #181818; text-align: center; width: 60%; margin: 0 auto; line-height: 40px}
.prosthesis div.prosview dd .txt span {font-family: 'notokr-bold'}
.prosthesis div.prosview img { text-align: center; margin: 0 auto !important}
.prosthesis div.prosview .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 27%; bottom: 2%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.prosthesis div.prosview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*발기부전 - 보형물종류팝업*/
#mask_pop {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:99999;
	  background-color:#000;
	  display:none;
	}
#boxes .sub_popup_close { text-align:right; right:15px; top: 15px; position:absolute}
#boxes .sub_popup_close img { width: auto}

#boxes #subpopview01 { width:740px; padding:0; background-color:#ffffff;}
#boxes #subpopview01 img {width:auto}
#boxes .sub_popup01 { position: absolute; width:100%; height:800px; display:none; z-index:999999; padding:0}

#boxes #subpopview02 { width:740px; padding:0; background-color:#ffffff;}
#boxes #subpopview02 img {width:auto}
#boxes .sub_popup02 { position: absolute; width:100%; height:800px; display:none; z-index:999999; padding:0}

.boximg {width: 100%; height: 750px; clear: both; font-size:20px; overflow-y: scroll; position: relative; top: 30px; padding: 0 ; box-sizing: border-box; text-align: center; background: #ffffff}
.boximg .pros_popview {width: 100%; clear: both; text-align: center}
.boximg .pros_popview p img { text-align: center; padding: 30px 0}
.boximg .pros_popview dl {width: 90%; clear: both; background: #f4f4f4; padding: 50px 30px; box-sizing: border-box; margin: 5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.boximg .pros_popview dt {width: 100%; clear: both; padding: 0 0 30px 0; font-size: 30px; color: #181818; text-align: center; margin-bottom: 10px}
.boximg .pros_popview dt span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.boximg .pros_popview dd { font-family:'notokr-regular'; font-size: 20px; color: #181818; text-align: left; margin: 0 auto; line-height: 36px}
.boximg .pros_popview dd span { font-family:'notokr-bold';}
.boximg .pros_popview dd .stxt{ font-family:'notokr-bold'; font-size: 18px}
.boximg .arrow img { padding: 100px 0; width: auto; text-align: center !important}

.boximg .feature {width: 100%; clear: both; text-align: center}
.boximg .feature p {font-family:'notokr-medium'; font-size: 20px; color: #181818;}
.boximg .feature p span { font-family:'notokr-bold'; }
.boximg .feature p img { text-align: center; padding: 20px 0}
.boximg .feature ul { width: 90%; clear: both; background: #f4f4f4; padding: 40px 30px; box-sizing: border-box; margin: 5% 5% 40px 5%; overflow: hidden}
.boximg .feature .stit{ font-family:'notokr-bold'; font-size: 30px; color: #181818; text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 4px; margin-bottom: 50px}
.boximg .feature li { width: 100%; float: left; ; clear: both; font-size: 20px; color: #181818; word-break: keep-all; margin-bottom: 10px}
.boximg .feature li:last-child { margin-bottom: 0}
.boximg .feature dl { width: 96%; margin: 0 auto; display: flex}
.boximg .feature dt {width: 5%; line-height: 1.8rem; font-family:'notokr-regular' }
.boximg .feature dd {width: 100%;  text-align: left; margin: 0 auto; line-height: 1.8rem; font-family:'notokr-regular' }
.boximg .feature dd span { font-family:'notokr-bold';}

.boximg .pros_popview2 {width: 100%; clear: both; text-align: center}
.boximg .pros_popview2 img { text-align: center; padding: 8px 0 30px 0; width: 90%}


.boximg .pros_popview3 {width: 100%; clear: both; text-align: center; margin: 2rem 0}
.boximg .pros_popview3 ul { width: 90%; margin: 0 auto;clear: both; display: flex; align-items: center; flex-direction: column; gap : 2rem; box-sizing: border-box;}
.boximg .pros_popview3 li { width: 100%; float: left;  border: 5px solid #f4f4f4}
.boximg .pros_popview3 li dl { width: 100%; display: flex; align-items: center; flex-direction: row;}
.boximg .pros_popview3 li dt {width: 45%}
.boximg .pros_popview3 li dt img { width: 100%;}
.boximg .pros_popview3 li dd {width: 100%;  text-align: left; background: #f4f4f4; padding: 2rem }
.boximg .pros_popview3 li dd .title {width: 100%;  text-align: left; line-height: 1.2; font-family:'notokr-bold' ; font-size: 1.6rem; margin-bottom: 0.5rem}
.boximg .pros_popview3 li dd .txt {width: 100%;  text-align: left; line-height: 1.6; font-family:'notokr-regular' ; font-size: 1.2rem;  word-break: keep-all;}

/*발기부전 - system*/
.er_systemwarp { width: 70%; margin: 50px auto 100px auto}
.er_system{margin:35px auto 40px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; border: 1px solid #b2b2b2; z-index: 1; box-sizing: border-box}
.er_system .img_box{width:30%; }
.er_system .txt_box{width:70%;}
.er_system .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:30px;margin:25px 0;}
.er_system .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:20px;line-height:28px;}
.er_system .txt_box > span{font-size:16px;}
.er_system:nth-child(2n-1) .img_box{float:left; position: absolute; z-index: 2; top: -45px; left: 20px }
.er_system:nth-child(2n) .img_box{float:right; position: absolute; z-index: 2; top: -45px; right: 20px}
.er_system:nth-child(2n-1) .txt_box{float:right;padding-right:50px; text-align: right}
.er_system:nth-child(2n) .txt_box{float:left;padding-left:50px;text-align:left; }

/*발기부전 - carewave*/
.carewave{width: 1100px; margin: 0 auto; clear: both ; position: relative;  overflow: hidden}
.carewave h2 { clear: both; text-align: center; font-size: 30px; font-family: 'notokr-bold'; color: #181818}
.carewave .general {width: 46%;  float: left}
.carewave .general dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .general dt { width: 100%; background: #ffffff; padding: 10px 0}
.carewave .general dd{ width: 100%; text-align: center; font-size: 24px; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 8px 0}
.carewave .sleeve {width: 46%; float: right}
.carewave .sleeve dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .sleeve dt { width: 100%; background: #ffffff; padding: 10px 0}
.carewave .sleeve dd{ width: 100%; text-align: center; font-size: 24px; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 8px 0}
.carewave .arrow {width: 8%; float: left; margin-top: 160px }
.carewave .arrow img {width: auto; text-align: center; justify-content: center; align-item: center;}

.carewave2 h2 { clear: both; text-align: center; font-size: 30px; font-family: 'notokr-bold'; color: #181818}
.carewave2{width: 1100px; margin: 0 auto; clear: both ; position: relative;  overflow: hidden}
.carewave2 img {width: 100%}

.video_thumb {display: block; text-align: center; margin: 0 auto; width: 800px; height: 450px !important}

/*포경수술 - 슬리브포경*/
.phimosis_sleeve {width: 1100px; margin: 0 auto; clear: both ; position: relative; }

.phimosis_sleeve1 dl { width: 100%; clear: both; margin-top: 60px}
.phimosis_sleeve1 dt { width: 50%; float: right}
.phimosis_sleeve1 dd { width: 42%; float: left; text-align: right; font-size: 24px; color: #181818; font-family: 'notokr-regular'; margin-top: 120px; line-height: 160% !important }
.phimosis_sleeve1 .general dl { width: 500px; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve1 .general dt { width: 100%; background: #ffffff; padding: 10px 0}
.phimosis_sleeve1 .general dd{ width: 100%; text-align: center; font-size: 24px; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}

.phimosis_sleeve2 dl { width: 100%; clear: both; margin: 30px 0 80px 0; float: left}
.phimosis_sleeve2 dt { width: 50%; float: left}
.phimosis_sleeve2 dd { width: 42%; float: right; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; margin-top: 120px; line-height: 160% !important }
.phimosis_sleeve2 .sleeve dl { width: 500px; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve2 .sleeve dt { width: 100%; background: #ffffff; padding: 10px 0}
.phimosis_sleeve2 .sleeve dd{ width: 100%; text-align: center; font-size: 24px; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}

.phimosis_sleeve dd span {font-family:'notokr-bold';}

.phimosis_sleeve .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.phimosis_sleeve .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
.phimosis_sleeve .txt_box {width: 1100px;; float: left; clear: both; }
.phimosis_sleeve .txt_box h2 { font-size: 30px;font-family:'notokr-bold'; margin-bottom: 20px}
.phimosis_sleeve .txt_box ul {width: 100%; float: left}
.phimosis_sleeve .txt_box li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 48.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box; margin: 1.5% 0;}
.phimosis_sleeve .txt_box li:nth-child(odd) { margin-right: 1.5%;}
.phimosis_sleeve .txt_box li:nth-child(even) { margin-left: 1.5%;}
.phimosis_sleeve .txt_box li span {font-family:'notokr-bold';}

.erectile_new .txt_box2 {width: 1100px; clear: both; overflow: hidden; margin: 0 auto;}
.erectile_new .txt_box2 h2 { font-size: 30px;font-family:'notokr-bold'; margin-bottom: 20px}
.erectile_new .txt_box2 ul {width: 100%; float: left}
.erectile_new .txt_box2 li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 48.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box; margin: 1.5% 0;}
.erectile_new .txt_box2 li:nth-child(odd) { margin-right: 1.5%;}
.erectile_new .txt_box2 li:nth-child(even) { margin-left: 1.5%;}
.erectile_new .txt_box2 li span {font-family:'notokr-bold';}

/*포경수술 - 슬리브포경 안내*/
.phimosis_txt{display:flex;align-items:center; margin: 60px 0 0 0; width: 100%; clear: both}
.phimosis_txt .box { width: 1100px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.phimosis_txt .box .img_box{width:35%; float:left; padding-top: 50px}
.phimosis_txt .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:44px;}
.phimosis_txt .box .txt_box span{font-family: 'notokr-bold';}

.phimosis_arrow { clear: both; padding: 100px 0}
.phimosis_arrow img {width: auto; text-align: center}

/*포경수술-포경수술 q&a*/
.phimosis_qna{width:100%;margin:40px auto 20px;}
.phimosis_qna .item{overflow:hidden;margin-bottom:60px;position:relative;z-index:2;width: 90%; margin: 0 auto}
.phimosis_qna .item .num{font-family: 'Roboto', sans-serif;font-weight:400;width:179px;height:45px;line-height:45px;font-size:20px;background:#0088d0;color:#ffffff;position:relative;left:50%;transform:translateX(-50%); }
.phimosis_qna .item .box{width:100%; background:#fff;padding:60px 80px; box-sizing: border-box; border: 5px solid #0088d0}
.phimosis_qna .item .box h4{font-size:30px;font-family: 'notokr-regular';border-bottom:1px dashed #0088d0;padding-bottom:50px;color:#0088d0}
.phimosis_qna .item .box h4 span{font-size:22px;}
.phimosis_qna .item .box p{font-size:18px;font-family: 'notokr-regular';line-height:30px;margin-top:50px;}
.phimosis_qna .item .box p span{font-size:16px;}
.phimosis_qna .swiper-slide {width: 100%; padding: 0}
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 54%; left: 0}
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}

/*포경수술 - 포경수술종류*/
.phimosis_type {width: 1300px; margin: 0 auto; clear: both ; position: relative;}
.phimosis_type div.phimosistab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.phimosis_type div.phimosistab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.phimosis_type div.phimosistab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center; overflow: hidden; margin-bottom: 60px}
.phimosis_type div.phimosistab .txt span { font-family: 'notokr-bold';}
.phimosis_type div.phimosisview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.phimosis_type div.phimosisview dl { display:flex;align-items:center;width: 100%; clear: both; }
.phimosis_type div.phimosisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left }
.phimosis_type div.phimosisview dt img { width: 100%}
.phimosis_type div.phimosisview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 60px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none; position: relative}
.phimosis_type div.phimosisview dd h2 {padding: 0 0 5px 0; font-size: 45px; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}
.phimosis_type div.phimosisview dd p span{ font-family: 'notokr-bold'}
.phimosis_type div.phimosisview dd p span em{ font-size: 18px}
.phimosis_type div.phimosisview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: -6%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.phimosis_type div.phimosisview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
.phimosisview .phimosiscircle {margin: 37px auto; width: 100%; clear: both; }
.phimosisview .phimosiscircle ul { width: 450px; margin: 0 auto}
.phimosisview .phimosiscircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle li em {font-family: 'notokr-bold';}
.phimosisview .phimosiscircle2 {margin: 37px auto; width: 100%; clear: both; }
.phimosisview .phimosiscircle2 ul { width: 300px; margin: 0 auto}
.phimosisview .phimosiscircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle2 li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle2 li em {font-family: 'notokr-bold';}

.phimosisview .phimosiscircle3_square {margin: 37px auto; width: 100%; clear: both; }
.phimosisview .phimosiscircle3_square ul { width: 450px; margin: 0 auto}
.phimosisview .phimosiscircle3_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle3_square li span { height:139px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle3_square li em {font-family: 'notokr-bold';}

.phimosisview .phimosiscircle2_square {margin: 37px auto; width: 100%; clear: both; }
.phimosisview .phimosiscircle2_square ul { width: 300px; margin: 0 auto}
.phimosisview .phimosiscircle2_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle2_square li span { height:139px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle2_square li em {font-family: 'notokr-bold';}

/*포경수술 - 포경재건수술*/
.reconstruct {width: 1100px; margin: 0 auto; clear: both ; position: relative }
.reconstruct dl { width: 100%; float: left; clear: both; margin-top: 60px}
.reconstruct dt { width: 55%; float: left}
.reconstruct dd { width: 45%; float: right; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; margin-top: 100px; line-height: 50px; }
.reconstruct dd .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.reconstruct dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
.reconstruct dd .stxt{font-size: 18px; color: #181818; font-family: 'notokr-regular'; }
.reconstruct .txt_box {width: 1100px;; float: left; clear: both}
.reconstruct .txt_box h2 { font-size: 30px;font-family:'notokr-bold';}
.reconstruct .txt_box ul {width: 100%; margin-top: 50px}
.reconstruct .txt_box li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 47%; margin: 1.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box}
.reconstruct .txt_box li span {font-size: 18px}

.reconstruct .tit_txtbox {width: 1000px; clear: both; margin: 50px auto; overflow: hidden}
.reconstruct .tit_txtbox p {text-align: center; font-size: 24px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.reconstruct .tit_txtbox p span { font-family: 'notokr-bold'}
.reconstruct .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.reconstruct .tit_txtbox .marktxt em {font-size: 24px;font-family:'notokr-black'; }
.reconstruct .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

/*포경수술 - 종류밎과정*/
.ph_process {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.ph_process div.processtab { clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px}
.ph_process div.processtab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.ph_process div.processtab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center}
.ph_process div.processtab .txt span { font-family: 'notokr-bold';}
.ph_process div.processview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.ph_process div.processview dl { width: 798px; clear: both;}
.ph_process div.processview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 30px 0;}
.ph_process div.processview dt img { width: auto; text-align: center;}
.ph_process div.processview dd { clear: both; background: #f4f4f4; padding: 40px 0 ; border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.ph_process div.processview dd .title {padding: 0 0 30px 0; font-size: 30px; color: #181818; font-family:'notokr-bold';}
.ph_process div.processview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.ph_process div.processview dd .txt {padding: 0; font-size: 20px; color: #181818; text-align: center; margin: 0 auto; line-height: 36px}
.ph_process div.processview dd .txt span {font-family: 'notokr-bold'; font-size: 18px;}
.ph_process div.processview img {text-align: center; margin: 0 auto !important}
.ph_process div.processview .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 27%; bottom: -3.8%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.ph_process div.processview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*요로결석 - 치료과정*/
.prostate_step {width: 1000px; margin: 0 auto; clear: both ; position: relative; margin-bottom: 50px }
.prostate_step img {width: auto}

/*요로결석 - 대기요법*/
.therapy {width: 1200px; margin: 0 auto; clear: both ; position: relative }
.therapy dl { width: 100%; float: left; clear: both; margin-top: 60px}
.therapy dt { width: 59%; float: left}
.therapy dd { width: 41%; float: right; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; margin-top: 60px; line-height: 50px; }
.therapy dd span { font-family: 'notokr-bold'}
.therapy dd .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.therapy dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

.prostate_bt_arrow { clear: both; padding: 120px 0 0 0}
.prostate_bt_arrow img {width: auto; text-align: center}

/*요로결석 - 응급전화 버튼*/
.prostate_bt_warp{ clear: both; ;position:relative; width: 100%; display: inline-block; padding: 0}
.prostate_bt_warp h2 { clear: both; text-align: center; font-size: 24px; font-family: 'notokr-bold'; color: #181818}
.prostate_bt {clear: both; width: 100%; float: left; padding: 50px 0}
.prostate_bt ul {width: 215px; margin: 0 auto;}
.prostate_bt li {width: 215px; margin-right: 50px; float: left; cursor: pointer}
.prostate_bt li:last-child { margin-right: 0}
.prostate_bt li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px 0}
.prostate_bt li dt {width: 100%}
.prostate_bt li dt img {text-align: center}
.prostate_bt li dd {text-align: center; font-size: 24px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}

/*만곡증 - 교정대상자*/
.type_list2 { clear: both; padding-top:40px; padding-bottom: 80px}
.type_list2 ul{ clear: both; width: 920px ; margin: 0 auto; text-align: center}
.type_list2 li{float:left; width:400px; margin: 0 30px; padding: 0; border: 1px solid #e2e2e2; box-sizing: border-box}
.type_list2 li dl {width: 100%; clear: both}
.type_list2 li dt {clear: both; background: #ffffff}
.type_list2 li dd { clear: both; }
.type_list2 li dd .title {padding: 10px 0; background: #1c2032; font-size: 24px; color: #ffffff; font-family:'notokr-medium'}
.type_list2 li dd .txt {padding: 30px 0; background: #ffffff; font-size: 18px; color: #181818;}

/*웨딩검진 - SYSTEM*/
.we_system {display:flex;align-items:center; padding:50px 0 0 0;position:relative; width: 100%; float: left}
.we_system ul {width: 1190px; margin: 0 auto;}
.we_system li {width: 260px; margin-right: 50px; float: left; }
.we_system li:last-child { margin-right: 0}
.we_system li dl {clear: both ;}
.we_system li dt {width: 100%}
.we_system li dd {width: 100%}
.we_system li dd .title{width: 100%; text-align: center; color: #0088d0; font-size: 28px; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 10px}
.we_system li dd .txt{text-align: center; font-size: 18px; line-height: 30px; font-family: 'notokr-regular';}

/*성병 - 성병종류버튼*/
.venereally {clear: both; width: 100%; float: left; padding:50px 0 ;position:relative; }
.venereally ul {width: 100%;}
.venereally li {width: 23%; float: left; margin: 1%}
.venereally li .viewbt { border: 1px solid #d4d4d4; padding: 15px 15px 15px 30px; background: #ffffff url("/images/common/bt_arrow.png") no-repeat 98% 50%; background-size: 41px 41px; border-radius: 100px; text-align: left; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.venereally li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.boximg .ven_popview {width: 90%; float: left; padding: 1% 5%; clear: both; text-align: center; margin: 0 auto}

.boximg .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.boximg .ven_popview .boxtxt .title{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.boximg .ven_popview .boxtxt .txt{ width: 100%; padding: 25px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2;}
.boximg .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}
.boximg .ven_popview .boxtxt .iconimg img{text-align: center; width: 130px}

.boximg .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 5px solid #1f4392; border-radius: 10px; position: relative; padding: 30px 0 5px 0}
.boximg .ven_popview .boxlinetxt .title{ padding: 10px 20px; background: #ffffff; position: absolute; top: -30px; left: 35%; text-align: center; font-size: 26px; font-family: 'notokr-bold'; color: #1f4392; margin: 0 auto}
.boximg .ven_popview .boxlinetxt .txt{ width: 100%; padding: 15px 0 30px 0; background: #ffffff; font-size: 22px; text-align: center; color: #0087d0; font-family: 'notokr-bold'; box-sizing: border-box; }

/*성병 - 방치 시 문제*/
.ven_issue {width: 1200px; margin: 0 auto; clear: both ; position: relative }
.ven_issue dl { width: 100%; float: left; clear: both; margin-top: 60px}
.ven_issue dt { width: 59%; float: left}
.ven_issue dd { width: 41%; float: right; text-align: left; font-size: 24px; color: #181818; font-family: 'notokr-regular'; margin-top: 50px; line-height: 50px; }
.ven_issue dd span { font-family: 'notokr-bold'}
.ven_issue dd .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.ven_issue dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
.ven_issue .txt_box {width: 1200px;; float: left; clear: both}
.ven_issue .txt_box ul {width: 100%; margin-top: 50px}
.ven_issue .txt_box li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 47%; margin: 1.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box}
.ven_issue .txt_box span { font-family: 'notokr-bold'}
.ven_issue .txt_box .stxt { font-size: 18px;}

/*성병-검사종류슬라이드*/
.swiper-newslide_p {display: block}
.swiper-newslide_m {display: none}

.newslide{ display:flex;align-items:center; margin: 60px 0; width: 100%; }
.newslide dl { width: 798px; clear: both; padding-bottom: 40px }
.newslide dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.newslide dt img { width: 100%}
.newslide dd { clear: both; height: auto; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.newslide dd .title {padding: 0 0 10px 0; font-size: 30px; color: #181818; font-family:'notokr-bold'}
.newslide dd .title_s {padding: 0 0 10px 0; font-size: 22px; color: #181818; font-family:'notokr-bold'}
.newslide dd .txt {padding: 0; font-size: 20px; color: #181818;}
.newslide .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 42%;
		margin: 0 auto;
    }

/*성병 - qatv*/
.qatv {width: 1400px; margin: 30px auto 0 auto; clear: both ; position: relative; overflow: hidden}
.qatv_view {width:900px; height:506px; float:left; position:relative; margin-top:17px;}
.qatv_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}

.qatv_list {position:relative!important; width:468px!important; float:left; margin-left:32px!important;}
.qatv_list ul li { height: 100%; text-align: left; padding:17px 0; overflow: hidden; position: relative; display: table; table-layout: fixed; width: 100%; cursor:pointer;	margin-bottom: 0;}

.qatv_list ul li .thumb {float:none; display:block; width:180px; height:101px; position:relative; overflow: hidden;}
.qatv_list ul li .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.qatv_list ul li.on .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:4px solid #0088d0; opacity:1; }
.qatv_list ul li .thumb span {height:101px; display:block;}
.qatv_list ul li .thumb img {width:180px; position:absolute; max-width:none; filter: grayscale(100%); }
.qatv_list ul li.on .thumb img{filter:none; }

.qatv_list ul li .subject { position:absolute; top:0; left: 195px; color:#181818; font-size:16px; line-height:100%; overflow: visible; vertical-align: middle; margin-top: 30px; width:auto; float:none; width: calc(100% - 195px); white-space: normal; margin-left: 0;}
.qatv_list ul li .subject:before{ content: ''; bottom: -10px; left: 0; position: absolute; width: 100%;  height: 1px; background: rgba(0,0,0,.1);}
.qatv_list ul li .subject .subjectWrap > div h2 { font-size:18px; font-family: 'notokr-regular'; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qatv_list ul li.on .subject .subjectWrap > div h2 { color:#0088d0;}
.qatv_list ul li .subject .subjectWrap > div span { font-size:14px; font-weight:300; font-family: 'notokr-regular'; color:#747271; padding-top:15px; height: 40px; display:block; line-height:120%;}

/*여유증 원인 및 형태 - TYPE*/
.type_list {float: left; clear: both; padding-top:40px; padding-bottom: 80px}
.type_list ul{ width: 100%}
.type_list li{float:left; width:298px; margin-right: 33px; padding: 0; border: 1px solid #e2e2e2}
.type_list li:last-child{margin-right: 0}
.type_list li dl {width: 100%; clear: both}
.type_list li dt {clear: both; cursor:pointer;position:relative;}
.type_list li dt a { position: relative; display: block; width: 298px; height: 299px;}
.type_list li dt a > img { position: absolute; top: 0; left: 0;}
.type_list li dt .img2 { display: none;}
.type_list li dd { clear: both; }
.type_list li dd .title {padding: 10px 0; background: #1c2032; font-size: 24px; color: #ffffff; font-family:'notokr-medium'}
.type_list li dd .txt {padding: 30px 0; background: #ffffff; font-size: 18px; color: #181818;}
.typetxt { position: relative; color: #181818;font-family:'notokr-black'; font-size: 24px;}
.typetxt span { color: #c81111;font-family:'notokr-black'; font-size: 24px;}

/*여유증 수술방법 - PLAN*/
.plan{display:flex;align-items:flex-start; margin: 60px 0 30px 0; width: 100%}
.plan .normal { width: 600px; float: left;}
.plan .normal dl {width: 100%; clear: both}
.plan .normal dt {clear: both; cursor:pointer;position:relative;}
.plan .normal dd {padding: 20px 0; background: #1c2032; font-size: 20px; color: #ffffff;}
.plan .unusual { width: 600px; float: right; }
.plan .unusual dl {width: 100%; clear: both; }
.plan .unusual dt {clear: both; cursor:pointer;position:relative;}
.plan .unusual dd {padding: 20px 0; background: #0088d0; font-size: 20px; color: #ffffff;}
.plan .arrow {padding: 176px 35px 0 35px}
.plan-button-warp { position:relative; width: 40%; margin: 0 auto; top: 0; left: 0; float: left; padding: 0 30%;}
.plan-button-warp .swiper-pagination { top: 35%}
.swiper-pagination-current { color: #0088d0}

/*여유증 수술방법 - 수술과정*/
.surgery { clear: both; padding:10px 0 100px 0;}
.surgery .item{margin-top:60px;overflow:hidden;}
.surgery .item .img_box{width:60%; float:left;}
.surgery .item .txt_box{width:40%; float:left; text-align: left; padding-top:50px;}
.surgery .item .txt_box h4{color:#acacac;font-size:20px; font-weight:500;letter-spacing:0;}
.surgery .item .txt_box .num{color:#0088d0;font-size:36px;display:inline-block;letter-spacing:0.005em;position:relative; font-family:'notokr-bold'; padding-left: 5px}
.surgery .item .txt_box h3{font-family: 'notokr-medium';color:#0f0f0f;font-size:30px;margin:25px 0;}
.surgery .item .txt_box > p{font-family: 'notokr-regular';color:#0f0f0f;font-size:20px;line-height:28px;}

/*여유증 수술후관리 - PLAN*/
.plan_after{display:flex;align-items:center; margin: 60px 0 90px 0; width: 100%; clear: both}
.plan_after .box { width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 10px solid #0088d0}
.plan_after .box .img_box{width:35%; float:left;}
.plan_after .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:34px;}
.plan_after .box .txt_box span{font-family: 'notokr-bold';}

/*유두축소*/
.nipple_guide{ margin: 60px 0 120px 0; width: 100%; clear: both}
.nipple_guide .box { display:flex;align-items:center; justify-content: center; width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 10px solid #0088d0}
.nipple_guide .box .img_box{width:35%; float:left;}
.nipple_guide .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:34px;}
.nipple_guide .box .txt_box span{font-family: 'notokr-bold';}

/*유두축소-수술방법*/
.nipplewarp {width: 1200px; margin: 0 auto; clear: both ; background: #1f4392 !important}
.nipplewarp ul.nippletab { padding: 20px 0; margin: 50px auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.nipplewarp ul.nippletab li { display: inline; margin: 0; margin :0 80px}        
.nipplewarp ul.nippletab li a { font-size: 24px; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 10px 0}        
.nipplewarp ul.nippletab li a:visited { color: #6d8dd3;}        
.nipplewarp ul.nippletab li a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff}        
.nipplewarp ul.nippletab li.selected a, .nipplewarp ul.nippletab li.selected a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff; }        
.nipplewarp ul.nippletab li.selected a:hover { text-decoration: none;} 
.nipplewarp div.nippletabcontents { clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px}
.nipplewarp div.nippletabcontents img { text-align: center; margin: 0 auto !important}
.nipplewarp div.nippletabcontents h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.nipplewarp div.nippletabcontents .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 60px 0}
.nipplewarp div.nippletabcontents .txt span { font-family: 'notokr-bold';}

/*유두축소-q&a*/
.nipple_qna{width:100%;margin:40px auto 20px;}
.nipple_qna .item{overflow:hidden;margin-bottom:60px;position:relative;z-index:2;width: 90%; margin: 0 auto}
.nipple_qna .item .num{font-family: 'Roboto', sans-serif;font-weight:400;width:179px;height:45px;line-height:45px;font-size:20px;background:#0088d0;color:#ffffff;position:relative;left:50%;transform:translateX(-50%); }
.nipple_qna .item .box{width:100%; background:#fff;padding:60px 80px; box-sizing: border-box; border: 5px solid #0088d0}
.nipple_qna .item .box h4{font-size:30px;font-family: 'notokr-bold';border-bottom:1px dashed #0088d0;padding-bottom:50px;color:#0088d0}
.nipple_qna .item .box h4 span{font-size:22px;}
.nipple_qna .item .box p{font-size:18px;font-family: 'notokr-regular';line-height:30px;margin-top:50px;}
.nipple_qna .item .box p span{font-family: 'notokr-bold'}
.nipple_qna .swiper-slide {width: 100%; padding: 0}
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 54%; left: 0}
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}	

.nipple_bt_arrow { clear: both; padding: 120px 0 0 0}
.nipple_bt_arrow img {width: auto; text-align: center}


/*전립선 - 안내*/
.prostate_guide{display:flex;align-items:center; margin: 60px 0 0 0; width: 100%; clear: both}
.prostate_guide .box { width: 1000px; margin: 0 auto; padding: 80px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.prostate_guide .box .img_box{width:35%; float:left;}
.prostate_guide .box .txt_box{width:65%; float:left; text-align: left;font-family: 'notokr-regular';color:#181818;font-size:24px;line-height:50px; margin-top: 10px}
.prostate_guide .box .txt_box span{font-family: 'notokr-bold';}

/*전립선 - 원인*/
.prostate_why{width: 1050px; margin: 60px auto 0 auto; clear: both ; position: relative; overflow: hidden}
.prostate_why ul { width: 82%; background: #ffffff; margin: 15px auto; padding: 8%}
.prostate_why ul h2 {font-size: 40px ; text-align: left;font-family: 'notokr-bold'; color: #1f4392; word-break: keep-all;}
.prostate_why ul h2:after{content:'';display:block;clear:both; border-bottom: 4px solid #1c2032;margin-top: 15px;}
.prostate_why ul h2 span{font-family: 'notokr-light';font-size:22px;color:#181818; text-align: left; padding-left: 15px}
.prostate_why li{line-height:28px;margin:40px 0; ;padding: 0; background: url("/images/erectile/checklist_chk.png") no-repeat left 0.1rem/1.8rem; padding-left: 2.7rem; word-break: keep-all;}
.prostate_why li:after{content:'';display:block;clear:both;}
.prostate_why li img{margin-right:20px;float:left; }
.prostate_why li p{float:left; font-family: 'notokr-regular';font-size:22px;color:#181818; text-align: left}
.prostate_why li span { font-size: 18px;font-family: 'notokr-bold';}
.prostate_why li:last-child{margin-bottom:0; padding-bottom:0;}
.prostate_why li:last-child p{border-bottom:0; padding-bottom:0;}

/*전립선 - 치료방법*/
.prostate_cure {width: 1300px; margin: 0 auto; clear: both ; position: relative; }
.prostate_cure div.prostatetab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px;box-sizing: border-box}
.prostate_cure div.prostateview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.prostate_cure div.prostateview dl { display:flex;align-items:center;width: 100%; clear: both; }
.prostate_cure div.prostateview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left }
.prostate_cure div.prostateview dt img { width: 100%}
.prostate_cure div.prostateview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 59.5px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none; position: relative}
.prostate_cure div.prostateview dd h2 {padding: 0 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.prostate_cure div.prostateview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.prostate_cure div.prostateview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}
.prostate_cure div.prostateview dd p span{ font-family: 'notokr-bold'}
.prostate_cure div.prostateview dd p .stxt{ font-family: 'notokr-medium' ; font-size: 18px; ; text-align: center}
.prostate_cure div.prostateview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: -6%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.prostate_cure div.prostateview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
.prostateview .prostatecircle {margin: 37px auto; width: 100%; clear: both; }
.prostateview .prostatecircle ul { width: 450px; margin: 0 auto}
.prostateview .prostatecircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.prostateview .prostatecircle li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.prostateview .prostatecircle li em {font-family: 'notokr-bold';}
.prostateview .prostatecircle2 {margin: 37px auto; width: 100%; clear: both; }
.prostateview .prostatecircle2 ul { width: 300px; margin: 0 auto}
.prostateview .prostatecircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.prostateview .prostatecircle2 li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.prostateview .prostatecircle2 li em {font-family: 'notokr-bold';}

/*전립선 - 특징*/
.urolift {width: 1100px; margin: 0 auto; clear: both ; position: relative }
.urolift .tit_txtbox {width: 1000px; clear: both; margin: 50px auto; overflow: hidden}
.urolift .tit_txtbox p {text-align: center; font-size: 24px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.urolift .tit_txtbox p span { font-family: 'notokr-bold'}
.urolift .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.urolift .tit_txtbox .marktxt em {font-size: 24px;font-family:'notokr-black'; }
.urolift .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}

.urolift .txt_box {width: 1100px;; float: left; clear: both}
.urolift .txt_box h2 { font-size: 30px;font-family:'notokr-bold';}
.urolift .txt_box ul {width: 100%; margin-top: 50px}
.urolift .txt_box li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 47%; margin: 1.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box}
.urolift .txt_box li span {font-family:'notokr-bold';}
.urolift .txt_box li .stxt {font-size: 18px}

/*전립선 - 전립선결찰술영상*/
.urolifttv h3 { clear: both; text-align: center; font-size: 30px; font-family: 'notokr-bold'; color: #181818}
.urolift_view {width:1000px; height:562px; position:relative; margin: 0 auto}
.urolift_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}

/*바세린제거 - 수술방법*/
.vaseline {width: 1000px; margin: 0 auto; clear: both ; position: relative }
.vaseline div.vaselinetab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.vaseline div.vaselineview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.vaseline div.vaselineview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.vaseline div.vaselineview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.vaseline div.vaselineview dt img { width: 100%}
.vaseline div.vaselineview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 40px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.vaseline div.vaselineview dd h2 {padding: 10px 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.vaseline div.vaselineview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}	
.vaselineview .vaselinecircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle ul { width: 450px; margin: 0 auto}
.vaselineview .vaselinecircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.vaselineview .vaselinecircle li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}	
.vaselineview .vaselinecircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle2 ul { width: 300px; margin: 0 auto}
.vaselineview .vaselinecircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.vaselineview .vaselinecircle2 li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.vaselineview .vaselinecircle2 li em {font-family: 'notokr-bold';}

/*조루수술 - 조루검사*/
.pre_process{ width: 1000px; margin: 0 auto; clear: both ; position: relative }
.pre_process dl { width: 100%; clear: both; margin-bottom: 50px}
.pre_process dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 30px 0;}
.pre_process dt img { width: auto; text-align: center;}
.pre_process dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.pre_process dd .title {padding: 0 0 20px 0; font-size: 30px; color: #181818; font-family:'notokr-bold';}
.pre_process dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.pre_process dd .txt {padding: 0; font-size: 20px; color: #181818; text-align: center; width: 60%; margin: 0 auto; line-height: 36px}
.pre_process dd .txt span {font-family: 'notokr-bold'; }
.pre_process img {text-align: center; margin: 0 auto !important}

/*조루증 - 비수술치료*/
.pre_check {display:flex;align-items:center; border: 1px solid #e2e2e2; margin: 50px 0 0 0 ; background: #ffffff; }
.pre_check .img_box{width:46.9%; text-align: center}
.pre_check .txt_box{ display:flex;align-items:center;flex-direction: column ; background: #f4f4f4; padding: 50px}
.pre_check .txt_box .title {padding: 0 0 30px 0; font-size: 30px; color: #181818; width: 100%; clear: both}
.pre_check .txt_box .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.pre_check ul { float: left; width: 100%; clear: both}
.pre_check li{line-height:28px;margin:35px 0;border-bottom:1px dotted #d5d5d5;padding: 0 0 30px 0;}
.pre_check li:after{content:'';display:block;clear:both;}
.pre_check li img{margin-right:20px;float:left; }
.pre_check li p{float:left;width:433px;font-family: 'notokr-medium';font-size:22px;color:#181818; text-align: left}
.pre_check li p span {font-family: 'notokr-bold'}
.pre_check li:last-child{margin-bottom:0;}
.pre_check li:last-child p{border-bottom:0;}
.pre_check .txt_box .stxt { font-size: 18px;}

.non_surgery {width: 1300px; margin: 0 auto; clear: both ; position: relative; }
.non_surgery div.pretab { width: 100%; float: left; clear: both; padding: 80px 100px ; background: #ffffff;  margin-bottom: 50px;box-sizing: border-box}
.non_surgery div.pretab h2 { font-family: 'notokr-bold'; font-size:45px; color:#1f4392; text-align: center; margin-bottom: 25px}
.non_surgery div.pretab .txt { font-family: 'notokr-regular'; font-size:24px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 60px 0}
.non_surgery div.pretab .txt span { font-family: 'notokr-bold';}
.non_surgery div.preview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}
.non_surgery div.preview dl { display:flex;align-items:center;width: 100%; clear: both; }
.non_surgery div.preview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 45%;  float: left ; padding: 60px 0}
.non_surgery div.preview dt img { width: auto; text-align: center}

.non_surgery div.preview dd { float: left; width: 55%; clear: both; background: #f4f4f4; padding: 40px 50px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-left: none; position: relative}
.non_surgery div.preview dd h2 {padding: 0 0 5px 0; font-size: 35px; color: #181818; text-align: center}
.non_surgery div.preview dd h2 span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.non_surgery div.preview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}

.non_surgery div.preview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 40px}
.non_surgery div.preview dd p span{ font-family: 'notokr-bold'}
.non_surgery div.preview dd p span em{ font-size: 18px}

.non_surgery div.preview dd ul {width: 100%; margin-top: 35px; overflow: hidden}
.non_surgery div.preview dd li {float:left; width:100%; font-family: 'notokr-medium';font-size:22px;color:#181818; text-align: left; line-height:28px;margin:0;border-bottom:1px dotted #d5d5d5;padding: 25px 0 25px 40px; background: url("/images/erectile/checklist_chk.png") no-repeat left 50% / 24px;  box-sizing: border-box}
.non_surgery div.preview dd li span {font-family: 'notokr-bold'}

.non_surgery div.preview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: -6%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.non_surgery div.preview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*유로진소개_둘러보기*/
.photo_wrap { clear:both; width:100%; margin:0 auto 30px auto; float:left}
.photo_wrap .swiper { width: 100%; height: 100%; }
.photo_wrap .swiper-slide {
        text-align: center;       
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.photo_wrap .mySwiper2 { height: 80%; width: 100%; }
.photo_wrap .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
.photo_wrap .mySwiper:hover { cursor: pointer }
.mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.mySwiper .swiper-slide-thumb-active { opacity: 1; border: 3px solid #00c6ff; box-sizing: border-box; }
.photo_wrap .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

/*치골융기수술*/
.pubis {width: 1000px; margin: 0 auto; clear: both ; position: relative ; overflow: hidden}
.pubis div.pubistab { width: 100%; float: left; clear: both; padding: 100px ; background: #ffffff; box-sizing: border-box}
.pubis div.pubisview{ display:block;align-items:center; margin: 0; width: 100%; position: relative; overflow: hidden}
.pubis div.pubisview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.pubis div.pubisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left ; background: #ffffff}
.pubis div.pubisview dt img { width: auto}
.pubis div.pubisview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 50px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.pubis div.pubisview dd h2 {padding: 10px 0 30px 0; font-size: 45px; color: #181818; text-align: center}
.pubis div.pubisview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.pubis div.pubisview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 36px}
.pubis div.pubisview dd p span{ font-family: 'notokr-bold'}
.pubis div.pubisview dd p span em{ font-size: 18px}
.pubis .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 29%; bottom: -3.8%; text-align: center; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.pubis .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.pubisview .pubiscircle {margin:30px 0 0 0; width: 100%; overflow: hidden}
.pubisview .pubiscircle ul { width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 2rem; }
.pubisview .pubiscircle li {position: relative; flex: 0 0 calc((100% - (2rem * 2)) / 3); background: #1f4392; border-radius: 50%; overflow: hidden;}
.pubisview .pubiscircle li::before { content: ""; display: block; padding-top: 100%; }
.pubisview .pubiscircle li span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; color: #fff; text-align: center; font-size: 18px; line-height: 24px; word-break: keep-all}
.pubisview .pubiscircle li em {font-family: 'notokr-bold';}

.pubisview .pubiscircle4 {margin:30px 0 0 0; width: 100%; overflow: hidden}
.pubisview .pubiscircle4 ul { width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 1rem; }
.pubisview .pubiscircle4 li {position: relative; flex: 0 0 calc((100% - (1rem * 3)) / 4); background: #1f4392; border-radius: 50%; overflow: hidden;}
.pubisview .pubiscircle4 li::before { content: ""; display: block; padding-top: 100%; }
.pubisview .pubiscircle4 li span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; color: #fff; text-align: center; font-size: 18px; line-height: 24px; word-break: keep-all}
.pubisview .pubiscircle4 li em {font-family: 'notokr-bold';}

.pubisview .pubistype {margin:30px auto 0 auto; width: 100%; overflow: hidden}
.pubisview .pubistype ul { width: 85%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 1rem; }
.pubisview .pubistype li { position: relative; border-radius: 5px; background: #ffffff; border: 1px solid #cccccc; flex: 0 0 calc((100% - (1rem * 2)) / 3); box-sizing: border-box; padding: 8px; text-align: center;}
.pubisview .pubistype li span { font-size: 18px; line-height: 24px; color: #333333; font-family: 'notokr-regular'; word-break: keep-all }
.pubisview .pubistype li em {font-family: 'notokr-bold';}

/*치골융기수술_why*/
.pubiswhy{width: 1000px; margin: 50px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy img{width:100% }
.pubiswhy ul {width: 100%; ; margin-top: 20px}
.pubiswhy li { float: left;  width: 100%; margin-bottom: 2%}
.pubiswhy li:last-child { margin-bottom: 0}
.pubiswhy li dl {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy li dt{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy li dd{ width: 100%; padding: 30px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 32px}
.pubiswhy li dd span {color: #c81111; font-family: 'notokr-bold';}

/*치골융기수술_why*/
.pubiswhy2{width: 1000px; margin: 50px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy2 img{width:100% }
.pubiswhy2 ul {width: 100%; ; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap:15px}
.pubiswhy2 li { flex: 0 0 calc((100% - 15px) / 2);box-sizing: border-box; float: none; margin: 0;}
.pubiswhy2 li dl {clear: both; float: none; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy2 li dt{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy2 li dd{ width: 100%; padding: 30px 10px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 32px; word-break: keep-all;}
.pubiswhy2 li dd span {color: #c81111; font-family: 'notokr-bold';}


@media all and (max-width:1300px) and (min-width:768px) {
	
/*공용*/
.pc {display:none !important;}
.m {display:block !important;}
.inner_box {width:90% !important; text-align:center; margin: 0 auto}
.con1130{width:90% !important; text-align:center; margin: 0 auto}
.con1200{width:100% !important; text-align:center; margin: 0 auto}
.con1300 {width:90% !important; text-align:center; margin: 0 auto}
.con_m90 {width:90% !important; text-align:center; margin: 0 auto;}
.con_m100 {width:100% !important; text-align:center; margin: 0 auto;}

.cont_n { width: 100%; margin:auto 0; padding: 0}
.cont_n img {width:100%; height:auto}
	
.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 25% ; box-sizing: border-box}

.float_box.box1 .box,.float_box .box_c {width:calc(100%); }
.float_box.box1_2 .box {width:calc(100%); padding: 0 10%}
.float_box.box2 .box {width:calc(100%/2);}
.float_box.box3 .box {width:calc(100%/3);}
.float_box.box4 .box {width:calc(100%/4);}
.float_box.box5 .box {width:calc(100%/5);}

/*서브 원 공통*/
.sub_circle { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle ul { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box}
.sub_circle li { background: #1f4392 ;  border-radius: 50%; width: 14rem; height: 14rem; opacity: 94% !important; box-sizing: border-box; margin: -25px -15px}
.sub_circle li p { font-size: 1.4rem; font-weight: 500; color: #ffffff; text-align: center; }

/*버튼공통*/
.btwrap {width:100%; clear: both}
.btwrap img {width:auto;}
.bt_box330 {margin: 0 auto; width:100% !important;}
.bt_box660 {margin: 0 auto; width:100% !important;}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li:last-child {border-right:0;}
.sub_bt li a{display:block; padding:20px 0; font-size:20px; margin: 3px}
.sub_bt li.blue a {color:#fff; background:#0088d0;}
.sub_bt li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt li.blue_line a {color:#0088d0; background:#ffffff; border: 3px solid #0088d0}
.sub_bt li.blue_line2 a {color:#1f4392; background:#ffffff; border: 3px solid #1f4392}
	
.sub_bt2 li {text-align:center; box-sizing: border-box; }
.sub_bt2 li:last-child {border-right:0;}
.sub_bt2 li a{display:block; padding:18px 0; font-size:20px; margin: 3px}
.sub_bt2 li.blue a {color:#fff; background:#0088d0;}
.sub_bt2 li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt2 li.blue_line a {color:#0088d0; background:#ffffff; border: 3px solid #0088d0}
.sub_bt2 li.blue_line2 a {color:#1f4392; background:#ffffff; border: 3px solid #1f4392}
	
/*서브 상단 비주얼*/
.sub_top {position:relative; padding:170px 0 100px 0;}
.sub_top_text{text-align:center;}
.sub_top_text h2 {display:block; margin:60px 0; font-weight:500; font-size:60px; line-height:56px; color:#181818; font-family:'notokr-black'; letter-spacing: 10px; text-indent: 10px}
.sub_top_text em {font-weight:500; font-size:20px; line-height:23px; color:#c2c2c2; letter-spacing: 10px}
.sub_top_text p {font-weight:500; font-size:28px; line-height:44px; color:#181818; font-style: normal; letter-spacing: normal}

.sub_top.sub01_01 {background: #ffffff; }
.sub_top.sub02_01 {background: #ffffff; padding-bottom: 150px }
.sub_top.sub03_01 {background: #ffffff; padding-bottom: 105px }
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09t.jpg") no-repeat ; background-size: cover }
	
/*서브 상단 탭*/
.tab_wrap {width:100%; left:0; bottom:0; position:absolute; z-index:10;}
.tab_wrap .inner_box {margin: 0 auto; width:90% !important }

.sub_tab li {text-align:center; border-right:1px solid #ffffff; box-sizing: border-box}
.sub_tab li:last-child {border-right:0;}
.sub_tab li a{display:block; padding:17px 0; font-size:18px; line-height:19px; color:#808188; background:#1c2032;}
.sub_tab li a:hover {color:#fff; background:#0088d0;}
.sub_tab li.on a {color:#fff; background:#0088d0;}
	
/*서브 내용 공통*/
.content {padding:100px 0; text-align:center;}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 5rem 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:5rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:4rem 0; text-align:left; clear: both; overflow: hidden}
	
.content2 {padding:0 0 40px 0; text-align:left;}
.content3 {padding:20px 0 100px 0; text-align:center;}
	
.sub_text_box {text-align:left;}
.sub_text_box.right {text-align:right;}
.sub_text_box.center {text-align:center;}
.sub_text_box.center .dot_line{margin-bottom:0;}
.sub_text_box h2 {display:block; font-weight:50; margin-bottom:20px; font-size:50px; line-height:56px; font-family:'notokr-bold'}
.sub_text_box p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:22px; line-height:38px; margin:25px 0; text-align: center}
.sub_text_box p.center {text-align:left !important;}
.sub_text_box .subtitle { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:30px; margin:25px 0; color:#0088d0}
.sub_text_box .subtit { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:20px; line-height:38px; margin:25px 0; color:#181818}
.sub_text_box .subtit span { font-family:'notokr-bold'}
.sub_text_box .subtit2 { text-align: center; font-family:'notokr-bold'; font-weight:50; display:block; font-size:20px; line-height:38px; margin:25px 0; color:#181818}
.sub_text_box img {width: auto} 
.sub_text_box .matrx_img img {width: auto} 
	
.pop_text_box.center {text-align:center;}
.pop_text_box.center .dot_line{margin-bottom:0;}
.pop_text_box h2 {display:block; font-weight:50; margin-bottom:20px; font-size:50px; line-height:56px; font-family:'notokr-bold'}
.pop_text_box p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:22px; line-height:38px; margin:25px 0; text-align: center}
.pop_text_box p.center {text-align:left !important;}
.pop_text_box.white strong,.pop_text_box.white em,.pop_text_box.white p,.pop_text_box.white h2 {color:#fff;}
.pop_text_box .subtitle { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:20px; line-height:30px; margin:25px 0; color:#0088d0}
.pop_text_box img {width: auto} 
	
.pop_text_box2.center {text-align:center;}
.pop_text_box2.center .dot_line{margin-bottom:0;}
.pop_text_box2 h2 {display:block; font-weight:50; margin:20px 0 10px 0 ; font-size:45px; line-height:56px; font-family:'notokr-bold'; color: #1f4392}
.pop_text_box2 .subtitle { text-align: center; font-family:'notokr-bold'; display:block; font-size:22px; line-height:20px; margin:0; color:#181818}
.pop_text_box2 .subtit { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:24px; line-height:30px; margin:25px 0; color:#0088d0}
.pop_text_box2 p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:20px; line-height:30px; margin:0 0 30px 0; text-align: center}
.pop_text_box2 p span {font-family:'notokr-bold'; }
.pop_text_box2 p em {text-decoration: underline; font-family:'notokr-bold';}
.pop_text_box2 img {width: auto} 

.tab_sub_wrap {width:100%; margin-top: 50px; position:relative; }
.tab_sub_wrap .inner_box {background: #1f4392; margin: 0 auto; width:80% !important; padding: 0 !important;}
.tab_sub_wrap .inner_box2 {background: #1f4392; margin: 0 auto; width:80% !important; padding: 0 !important;}
.tab_sub_wrap .inner_box3 {background: #1f4392; margin: 0 auto; width:80% !important; padding: 0 !important;}
.tab_sub li {text-align:center; box-sizing: border-box; }
.tab_sub li:last-child {border-right:0;}
.tab_sub li a{display:block; padding:15px 0; font-size:22px; color:#6d8dd3;border-bottom: 5px solid #1f4392}
.tab_sub li a span{font-size:17px;}
.tab_sub li a:hover {color: #ffffff; border-bottom: 5px solid #00c6ff}
.tab_sub li.selected a {color: #ffffff; border-bottom: 5px solid #00c6ff}
	
/*확대수술 - 음경확대*/
.enlarge_person {width: 80%; margin: 0 auto; clear: both ; position: relative }
.enlarge_person dl { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; clear: both; margin-top: 60px}
.enlarge_person dt { width: 100%; float: left}
.enlarge_person dt img { width: 60%}
.enlarge_person dd {   width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; padding-top: 50px; }
.enlarge_person dd .stxt{font-size: 16px; color: #181818; font-family: 'notokr-regular'; }
.enlarge_person dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 24px; line-height: 45px; text-align: center; }
.enlarge_person dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 24px;}
	
/*확대수술 - 재료소개*/
.stuffwarp {width: 80%; margin: 0 auto; clear: both ; position: relative}
.stuffwarp div.stufftab { clear: both; padding: 80px 50px ; background: #ffffff;  margin-bottom: 50px}
.stuffwarp div.stufftab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 25px}
.stuffwarp div.stufftab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 50px 0}
.stuffwarp div.stufftab .txt span { font-family: 'notokr-bold';}
.stuffwarp div.stuffview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative}	
.stuffwarp div.stuffview dl { width: 100%; clear: both;}
.stuffwarp div.stuffview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.stuffwarp div.stuffview dt img { width: 100%}
.stuffwarp div.stuffview dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.stuffwarp div.stuffview dd .title {padding: 0 0 30px 0; font-size: 28px; color: #181818}
.stuffwarp div.stuffview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.stuffwarp div.stuffview dd .boxtxt{ clear: both; padding: 20px 0 ; box-sizing: border-box; font-family: 'notokr-medium';font-size:20px;color:#181818; text-align: center;  line-height:28px}
.stuffwarp div.stuffview dd .boxtxt span { font-family:'notokr-bold';}
.stuffwarp div.stuffview dd ul { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; margin: 0 auto; padding: 0 10px}
.stuffwarp div.stuffview dd li { float:left; font-family: 'notokr-medium';font-size:20px;color:#181818; text-align: left; line-height:28px;margin:0; padding: 15px 0 15px 35px; background: url("/images/erectile/checklist_chk.png") no-repeat left 50% / 24px;  box-sizing: border-box}
.stuffwarp div.stuffview dd li span {font-family: 'notokr-bold'}
.stuffwarp div.stuffview .viewbt { border: 1px solid #d4d4d4; padding: 15px 0; background: #ffffff; border-radius: 100px; position: absolute; bottom: 2%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto; width: 50%; left: 25%}
.stuffwarp div.stuffview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*확대수술 - 재료소개버튼과 팝업*/
.stuffwarp .ven_popview { display: flex; flex-direction: column; width: 100%; padding: 1% 0; clear: both; text-align: center; margin: 0 auto; box-sizing: border-box}
.stuffwarp .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 3px solid #0088d0; border-radius: 10px; position: relative; padding: 40px 30px 30px 30px}
.stuffwarp .ven_popview .boxlinetxt .title{ padding: 10px 0; background: #ffffff; position: absolute; width: 30%; top: -30px; left: 35%; text-align: center; font-size: 26px; font-family: 'notokr-bold'; color: #0088d0; margin: 0 auto}
.stuffwarp .ven_popview .boxlinetxt .boxtext{ width: 100%; padding: 10px 0 !important; background: #ffffff; font-size: 22px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; }

.stuff_bt {clear: both; width: 100%; float: left; padding: 0 ;position:relative; }
.stuff_bt ul {width: 100%; box-sizing: border-box}
.stuff_bt li { float: left; padding: 1%; box-sizing: border-box}
.stuff_bt li .viewbt { border: 1px solid #d4d4d4; padding: 15px 15px 15px 30px; background: #ffffff url("/images/common/bt_arrow.png") no-repeat 98% 50%; background-size: 41px 41px; border-radius: 100px; text-align: left; font-size: 20px; color: #181818; cursor: pointer; margin: 0 auto}
.stuff_bt li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.stuffwarp .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .title{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .txt{ width: 100%; padding: 25px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2;}
.stuffwarp .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}
	
/*정관수술-다중차단수술*/
.vasectomy_multi{ margin: 60px 0 70px 0; width: 100%}
.vasectomy_multi .box { display:flex;align-items:center; justify-content: center; flex-direction: column; width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.vasectomy_multi .box .img_box{width:100%; }
.vasectomy_multi .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.vasectomy_multi .box .txt_box span{font-family: 'notokr-bold';}	
.vasectomy_multi img {width: auto}
	
.vasectomy_multi2{ margin: 60px 0; width: 100%}
.vasectomy_multi2 .box { display:flex;align-items:center; justify-content: center; flex-direction: column; width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.vasectomy_multi2 .box .img_box{width:100%; }
.vasectomy_multi2 .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.vasectomy_multi2 .box .txt_box span{font-family: 'notokr-bold';}	
.vasectomy_multi2 img {width: auto}	
	
.multiwarp {width: 80%; margin: 0 auto; clear: both ; background: #1f4392 !important}
.multiwarp ul.multitab { padding: 20px 0; margin: 50px auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.multiwarp ul.multitab li { display: inline; margin: 0; margin :0 80px}        
.multiwarp ul.multitab li a { font-size: 22px; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 10px 0}        
.multiwarp ul.multitab li a:visited { color: #6d8dd3;}        
.multiwarp ul.multitab li a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff}        
.multiwarp ul.multitab li.selected a, .multiwarp ul.multitab li.selected a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff; }        
.multiwarp ul.multitab li.selected a:hover { text-decoration: none;} 
.multiwarp div.multitabcontents { clear: both; padding: 0 ; background: #ffffff;;  margin-bottom: 50px}
.multiwarp div.multitabcontents img { text-align: center; margin: 0 auto !important}
	
/*정관수술-미세통증노하우*/
.swiper-knowhow_p {display: none}
.swiper-knowhow_m {display: block}

.knowhow{ display:flex;align-items:center; margin: 7vw 0; width: 100%}
.knowhow dl { width: 100%; clear: both; padding-bottom: 40px }
.knowhow dt {clear: both; position:relative; border: 1px solid #d2d2d2; box-sizing: border-box;}
.knowhow dt img { width: 100%}
.knowhow dd { clear: both; background: #f4f4f4; padding: 40px 0; border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;  }
.knowhow dd .title {padding: 0 0 10px 0; font-size: 30px; color: #181818; font-family:'notokr-bold'}
.knowhow dd .title_s {padding: 0 0 10px 0; font-size: 22px; color: #181818; font-family:'notokr-bold'}
.knowhow dd .txt {padding: 0; font-size: 22px; color: #181818;}
.knowhow dd .txt span { font-family: 'notokr-bold'}
.knowhow  .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
    }	
	
/*정관수술 - Q&A*/
.qawarp { width: 90%; margin: 50px auto}
.qa{margin:35px auto 70px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; border: 1px solid #b2b2b2; z-index: 1; box-sizing: border-box}
.qa .img_box{width:25%; }
.qa .txt_box{width:75%;}
.qa .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:28px;margin:25px 0;}
.qa .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:18px;line-height:28px;}
.qa:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: -45px; left: 30px }
.qa:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: -45px; right: 30px}
.qa:nth-child(2n) .txt_box{float:right;padding-right:20px; text-align: right}
.qa:nth-child(2n-1) .txt_box{float:left;padding-left:20px;text-align:left; }

/*정관수술 - SYSTEM*/	
.system { clear: both; padding:5vw 0 0 0 ;position:relative; width: 100%; float: left}
.system ul {width: 100%; margin: 0 auto; display:flex; align-items:center; justify-content: space-between; gap: 2rem; flex-direction: column }
.system li { margin:  0; width: 100%  }
.system li dl {clear: both ; display:flex; align-items:center; justify-content: space-between;}
.system li dt {width: 45%; float: left; }
.system li dd {width: 55%; float: left; padding-left: 3vw; box-sizing: border-box }
.system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 30px; font-family: 'notokr-bold'; padding: 0 0 0.5rem 0; margin: 0}
.system li dd .txt{text-align: left; font-size: 20px; line-height: 5.5vw; font-family: 'notokr-regular'; word-break: keep-all;}

	
/*SYSTEM(4개)*/
.ch_system{display:flex;align-items:center; padding:50px 0 ;position:relative; width: 100%; float: left}
.ch_system ul {width: 60%; margin: 0 auto;}
.ch_system li {width: 100%; margin: 20px 0; float: left; }
.ch_system li:last-child {margin: 0;}	
.ch_system li dl {clear: both ;}
.ch_system li dt {width: 40%; float: left; }
.ch_system li dt img {width: 180px;}
.ch_system li dd {width: 60%; float: left; padding-left: 20px; box-sizing: border-box }
.ch_system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 26px; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 20px}
.ch_system li dd .txt{text-align: left; font-size: 18px; line-height: 30px; font-family: 'notokr-regular';}
	
/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 1rem; background: #ffffff;  box-sizing: border-box}


/*서브 중간흰색박스 안 이미지 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; padding: 15px ; display: flex; flex-direction: column; box-sizing: border-box}
.sub_tbox_img img {width: 60%; text-align: left}
.sub_tbox_img .sub_title  { width: 100%; margin-bottom:1rem; font-size:2rem; line-height:2rem; font-weight: 700; letter-spacing: -1px}
.sub_tbox_img .sub_txt { text-align:left; margin-top: 1rem ; font-weight:400; font-size:1.3rem; line-height:2rem; color: #3a3a3a ; letter-spacing: -1px; word-break: keep-all}
.sub_tbox_img .sub_txt span  { font-weight: 800; }
	
.sub_tbox_img .tablebox ul { width: 100%; clear: both;  padding: 0; box-sizing: border-box; margin: 5% 0 0 0; overflow: hidden; }
.sub_tbox_img .tablebox li { background: #1f4392; width: 100%; float: left; ; clear: both; font-size: 1rem; color: #181818; word-break: keep-all; margin-bottom: 1px; border: none; padding: 0}
.sub_tbox_img .tablebox li:last-child { margin-bottom: 0}
.sub_tbox_img .tablebox dl { width: 100%; margin: 0 auto; display: flex; align-items: center; flex-wrap : wrap}
.sub_tbox_img .tablebox dt {width: 30%; height: 100%; background: #1f4392; text-align: center; color: #ffffff; font-size:1.3rem; line-height:2rem; font-family:'notokr-bold';  padding: 0.5rem 0; box-sizing: border-box; }
.sub_tbox_img .tablebox dd {width: 70%;background: #f4f4f4; text-align: left; margin: 0 auto; font-size:1.3rem; line-height:2rem; font-family:'notokr-regular';  padding: 0.5rem; box-sizing: border-box; }
.sub_tbox_img .tablebox dd span { font-family:'notokr-bold';}
	
/*발기부전 - why*/
.whyimg img { margin: 40px 0 0 0; width: auto}
.whyimg .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 30px 0 100px 0}
.whyimg .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.whyimg .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
	
.whyimg2 img { margin: 40px 0 0 0; width: auto}
.whyimg2 .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 30px 0 100px 0}

.whyimg3 img { margin: 40px 0 0 0; width: auto}
.whyimg3 .txt {font-family: 'notokr-regular';color:#181818;font-size:24px; margin: 50px 0 0 0; line-height: 38px}
.whyimg3 .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.whyimg3 .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
	
.whywarp { width: 90%; margin: 50px auto}
.why{margin:10px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; z-index: 1; box-sizing: border-box}
.why .img_box{width:25%; }
.why .img_box img {width:14vw; }
.why .img_box2{width:25%; }
.why .img_box2 img {width:14vw; }
.why .txt_box{width:75%;}
.why .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:28px;margin:25px 0;}
.why .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:18px;line-height:28px;}
.why:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: 20px; left: 30px }
.why:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: 20px; right: 30px}
.why:nth-child(2n) .img_box2 {float:left; position: absolute; z-index: 2; top: 30px; left: 30px }
.why:nth-child(2n-1) .img_box2 {float:right; position: absolute; z-index: 2; top: 30px; right: 30px}
.why:nth-child(2n) .txt_box{float:right;padding-right:20px; text-align: right}
.why:nth-child(2n-1) .txt_box{float:left;padding-left:20px;text-align:left; }	
.why .txt_box span{font-size:15px;}
	
/*발기부전 - 증상*/
.check_list{display:block; border: none; margin: 40px 0 20px 0; background: none}
.check_list .img_box{width:80%; margin: 0 auto}
.check_list .img_box img {width:100%; }
.check_list .txt_box{width:80%; margin: 0 auto; padding-left:0;display:block;margin-top:2vw;}
.check_list li{line-height:4vw;margin: 2vw 0; border: 1px solid #e2e2e2; padding: 3vw; box-sizing: border-box; background: #ffffff}
.check_list li img{width:5%;margin-right:3%;}
.check_list li p{width: auto; font-size:22px;}	
.check_list .txt_box .stxt { font-size: 16px;}
	
/*발기부전 - 치료알아보기 버튼*/
.erectile_bt_warp{ clear: both; ;position:relative; width: 100%; display: inline-block; padding: 0}
.erectile_bt_warp h2 { clear: both; text-align: center; font-size: 28px; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2{ clear: both; ;position:relative; width: 80%; display: inline-block; padding: 0 10%}
.erectile_bt_warp2 h2 { clear: both; text-align: center; font-size: 28px; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2 .stepimg img {width: 60%;}
.erectile_bt_arrow { clear: both; padding: 120px 0}
.erectile_bt_arrow img {width: auto !important; text-align: center !important}
.erectile_bt_arrow2 { clear: both; padding: 40px 0}
.erectile_bt_arrow2 img {width: 40px !important; text-align: center !important}
.erectile_bt {clear: both; width: 100%; float: left; padding: 50px 0 0 0}
.erectile_bt ul {width: 80%; margin: 0 auto;}
.erectile_bt li {width: 30%; margin-right: 5%; float: left; cursor: pointer}
.erectile_bt li:last-child { margin-right: 0}
.erectile_bt li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px}
.erectile_bt li dt {width: 100%}
.erectile_bt li dt img {text-align: center}
.erectile_bt li dd {text-align: center; font-size: 22px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}
.erectile_bt li .line2 {line-height: 24px;  padding: 10px 0}
.erectile_bt li dd span{text-align: center; font-size: 16px; }
	
.erectile_bt2 {clear: both; width: 100%; float: left; padding: 50px 0 0 0}
.erectile_bt2 ul {width: 50%; margin: 0 auto;}
.erectile_bt2 li {width: 45%; margin-right: 5%; float: left; cursor: pointer}
.erectile_bt2 li:last-child { margin-right: 0}
.erectile_bt2 li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px}
.erectile_bt2 li dt {width: 100%}
.erectile_bt2 li dt img {text-align: center}
.erectile_bt2 li dd {text-align: center; font-size: 22px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}
.erectile_bt2 li .line2 {line-height: 24px;  padding: 10px 0}
.erectile_bt2 li dd span{text-align: center; font-size: 16px; }

/*발기부전 - 약물치료 안내*/
.drug_multi{ margin: 0; width: 100%}
.drug_multi .box { display:flex;align-items:center; justify-content: center; flex-direction: column; width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.drug_multi .box .img_box{width:100%; }
.drug_multi .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.drug_multi .box .txt_box span{font-family: 'notokr-bold';}	
.drug_multi img {width: auto} 

/*발기부전 - 약물치료소개*/
.drugwarp {width: 80%; margin: 0 auto; clear: both ; position: relative}
.drugwarp div.drugtab { clear: both; padding: 80px 50px 10px 50px ; background: #ffffff;  margin-bottom: 50px}
.drugwarp div.drugtab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 25px}
.drugwarp div.drugtab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 50px 0}
.drugwarp div.drugtab .txt span { font-family: 'notokr-bold';}
.drugwarp div.drugview{ display:flex;align-items:center; margin: 60px 0; width: 100%; position: relative}
.drugwarp div.drugview dl { width: 100%; clear: both; padding-bottom: 40px }
.drugwarp div.drugview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.drugwarp div.drugview dt img { width: 100%}
.drugwarp div.drugview dd { clear: both; background: #f4f4f4; padding: 50px 0;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.drugwarp div.drugview dd .title {padding: 0 0 30px 0; font-size: 28px; color: #181818}
.drugwarp div.drugview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.drugwarp div.drugview dd .txt {padding: 0; font-size: 18px; color: #181818; text-align: left; width: 80%; margin: 0 auto; line-height: 40px; word-break: keep-all;}
.drugwarp div.drugview dd .txt span {font-family: 'notokr-bold'}
.drugwarp div.drugview dd .txt .stxt { font-size: 16px; word-break: keep-all;}
.drugwarp div.drugview img { text-align: center; margin: 0 auto !important}
.drugwarp div.drugview .viewbt { border: 1px solid #d4d4d4; padding: 15px 0; background: #ffffff; border-radius: 100px; position: absolute; bottom: 2%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto; width: 50%; left: 25%}
.drugwarp div.drugview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*발기부전 - 특징 및 장점*/
.character {width: 80%; margin: 0 auto; clear: both ; position: relative }
.character dl { width: 100%; float: left; clear: both; margin-top: 60px; display: flex; flex-direction: column; justify-content:space-around; align-items: center; overflow: hidden;}
.character dt { width: 100%; float: left}
.character dt img { width: 60%}
.character dd {  width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; margin-top: 50px}
.character dd p {text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; line-height: 1.8; }
.character dd span { font-family: 'notokr-bold'}
.character dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; text-align: center; }
.character dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
.character .txt_box {width: 100%; float: left; clear: both}
.character .txt_box ul {width: 80%; margin: 50px auto 0 auto}
.character .txt_box li {float: left; padding: 30px 30px 30px 70px; border: 1px solid #e4e4e4; text-align: left; font-size: 20px; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; box-sizing: border-box}	
.character .txt_box span { font-family: 'notokr-bold'}
.character .txt_box .stxt { font-size: 16px;}
	
.character .tit_txtbox {width: 80%; float: left; clear: both; margin: 50px 0; padding: 0 10%}
.character .tit_txtbox p {text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.character .tit_txtbox p span { font-family: 'notokr-bold'}
.character .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; }
.character .tit_txtbox .marktxt em {font-size: 20px;font-family:'notokr-black'; }
.character .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
	
/*발기부전 - 치료기소개*/
.curerwarp {width: 80%; margin: 0 auto; clear: both ; position: relative }
.curerwarp div.curertab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.curerwarp div.curerview dt img { width: 50%}
.curerwarp div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp div.curerview dd h2 {padding: 10px 0 20px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}		
.curerwarp div.curerview dd p span{ font-size: 16px; text-align: center;}
	
.curerwarp2 {width: 80%; margin: 0 auto 60px auto; clear: both ; position: relative ; overflow: hidden; }
.curerwarp2 div.curertab { width: 100%; float: left; clear: both; padding: 5vw 5vw 0 5vw; box-sizing: border-box}
.curerwarp2 div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp2 div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp2 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left; background: #ffffff }
.curerwarp2 div.curerview dt img { width: 50%}
.curerwarp2 div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp2 div.curerview dd h2 {padding: 10px 0 20px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp2 div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}
	
.curerwarp3 {width: 80%; margin: 0 auto 60px auto; clear: both ; position: relative ; overflow: hidden; }
.curerwarp3 div.curertab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp3 div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp3 div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp3 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left; background: #ffffff }
.curerwarp3 div.curerview dt img { width: 50%}
.curerwarp3 div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp3 div.curerview dd h2 {padding: 10px 0 20px 0; font-size: 45px; color: #181818; text-align: center}
.curerwarp3 div.curerview dd h2 span{font-size: 30px;}
.curerwarp3 div.curerview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}
	
.curerview .curercircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.curerview .curercircle ul { width: 390px; margin: 0 auto}
.curerview .curercircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.curerview .curercircle li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.curerplace {clear: both; float: left; margin: 5vw 0 0 0 ; width: 100%; border: 1px solid #d2d2d2; box-sizing: border-box}
.curerplace .title{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 26px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.curerplace .txt{ width: 100%; padding: 6vw 0; background: #ffffff; font-size: 22px; text-align: center; color: #0088d0; font-family: 'notokr-bold'; box-sizing: border-box}	

/*발기부전 - 협력체결병원 */
.cooperation {width: 80%; margin: 0 auto; clear: both ; position: relative }
.cooperation .s_tit {font-size: 22px; color: #181818; text-align: center; line-height: 36px; font-family: 'notokr-regular'; margin-bottom: 70px}
.cooperation .txt {font-size: 22px; color: #181818; text-align: center; line-height: 36px; font-family: 'notokr-regular'}
.cooperation .txt span  {; font-family: 'notokr-bold'}
.cooperation .arrow img { padding: 70px 0 ; width: 5%}		
	
/*발기부전 - 보형물종류*/
.prosthesis {width: 80%; margin: 0 auto; clear: both ; position: relative}
.prosthesis div.prostab { clear: both; padding: 50px 50px 10px 50px ; background: #ffffff;  margin-bottom: 50px}
.prosthesis div.prostab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 0}
.prosthesis div.prostab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center}
.prosthesis div.prostab .txt span { font-family: 'notokr-bold';}
.prosthesis div.prosview{ display:flex;align-items:center; margin: 40px 0 60px 0; width: 100%; position: relative}
.prosthesis div.prosview dl { width: 100%; clear: both; padding-bottom: 40px }
.prosthesis div.prosview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.prosthesis div.prosview dt img { width: 100%}
.prosthesis div.prosview dd { clear: both; background: #f4f4f4; padding: 40px 0 70px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.prosthesis div.prosview dd .title {padding: 0 0 30px 0; font-size: 28px; color: #181818}
.prosthesis div.prosview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.prosthesis div.prosview dd .txt {padding: 0; font-size: 18px; color: #181818; text-align: center; width: 80%; margin: 0 auto; line-height: 40px}
.prosthesis div.prosview dd .txt span {font-family: 'notokr-bold'}
.prosthesis div.prosview img { text-align: center; margin: 0 auto !important}
.prosthesis div.prosview .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: 2%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto}
.prosthesis div.prosview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*발기부전 - 보형물종류팝업*/
#mask_pop {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:99999;
	  background-color:#000;
	  display:none;
	}
#boxes .sub_popup_close { text-align:right; right:15px; top: 15px; position:absolute}
#boxes .sub_popup_close img { width: auto}

#boxes #subpopview01 { width:740px; padding:0; background-color:#ffffff;}
#boxes #subpopview01 img {width:auto}
#boxes .sub_popup01 { position: absolute; width:100%; height:800px; display:none; z-index:999999; padding:0}

#boxes #subpopview02 { width:740px; padding:0; background-color:#ffffff;}
#boxes #subpopview02 img {width:auto}
#boxes .sub_popup02 { position: absolute; width:100%; height:800px; display:none; z-index:999999; padding:0}

.boximg {width: 100%; height: 750px; clear: both; font-size:20px; overflow-y: scroll; position: relative; top: 30px; padding: 0 ; box-sizing: border-box; text-align: center; background: #ffffff}
.boximg .pros_popview {width: 100%; clear: both; text-align: center}
.boximg .pros_popview p {font-family:'notokr-medium'; font-size: 20px; color: #181818;}
.boximg .pros_popview p span { font-family:'notokr-bold';}
.boximg .pros_popview p img { text-align: center; padding: 30px 0}
.boximg .pros_popview dl {width: 90%; clear: both; background: #f4f4f4; padding: 50px 20px; box-sizing: border-box; margin: 5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.boximg .pros_popview dt {width: 100%; clear: both; padding: 0 0 30px 0; font-size: 30px; color: #181818; text-align: center; margin-bottom: 10px}
.boximg .pros_popview dt span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.boximg .pros_popview dd { font-family:'notokr-regular'; font-size: 20px; color: #181818; text-align: left; margin: 0 auto; width: 400px; line-height: 36px}
.boximg .pros_popview dd span { font-family:'notokr-bold';}
.boximg .pros_popview dd .textindent { font-family:'notokr-regular' !important; text-indent: 0.5rem ; line-height: 2rem}
.boximg .pros_popview dd .stxt{ font-family:'notokr-bold'; font-size: 18px}
.boximg .arrow img { padding: 100px 0; width: auto; text-align: center !important}
	
.boximg .feature {width: 100%; clear: both; text-align: center}
.boximg .feature p {font-family:'notokr-medium'; font-size: 20px; color: #181818;}
.boximg .feature p span { font-family:'notokr-bold'; }
.boximg .feature p img { text-align: center; padding: 10px 0 ; width: 90%}
.boximg .feature ul { width: 90%; clear: both; background: #f4f4f4; padding: 40px 30px; box-sizing: border-box; margin: 5% 5% 5% 5%; overflow: hidden}
.boximg .feature .stit{ font-family:'notokr-bold'; font-size: 30px; color: #181818; text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 4px; margin-bottom: 50px}
.boximg .feature li { width: 100%; float: left; ; clear: both; font-size: 20px; color: #181818; word-break: keep-all; margin-bottom: 20px}
.boximg .feature li:last-child { margin-bottom: 0}
.boximg .feature dl { width: 96%; margin: 0 auto; display: flex}
.boximg .feature dt {width: 5%; line-height: 1.5rem; font-family:'notokr-regular' }
.boximg .feature dd {width: 100%;  text-align: left; margin: 0 auto; line-height: 1.5rem; font-family:'notokr-regular' }
.boximg .feature dd span { font-family:'notokr-bold';}

.boximg .pros_popview2 {width: 100%; clear: both; text-align: center}
.boximg .pros_popview2 img { text-align: center; padding: 8px 0 30px 0; width: 90%}
	
/*발기부전 - system*/
.er_systemwarp  { width: 90%; margin: 50px auto}
.er_system{margin:35px auto 40px auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 25px 50px 50px 50px; position: relative; border: 1px solid #b2b2b2; z-index: 1; box-sizing: border-box}
.er_system .img_box{width:25%; }
.er_system .txt_box{width:75%;}
.er_system .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:28px;margin:25px 0;}
.er_system .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:18px;line-height:28px;}
.er_system:nth-child(2n-1) .img_box{float:left; position: absolute; z-index: 2; top: -45px; left: 30px }
.er_system:nth-child(2n) .img_box{float:right; position: absolute; z-index: 2; top: -45px; right: 30px}
.er_system:nth-child(2n-1) .txt_box{float:right;padding-right:20px; text-align: right}
.er_system:nth-child(2n) .txt_box{float:left;padding-left:20px;text-align:left; }

/*발기부전 - carewave*/
.carewave {width: 90%; margin: 0 auto; clear: both ; position: relative; }
.carewave h2 { clear: both; text-align: center; font-size: 28px; font-family: 'notokr-bold'; color: #181818}
.carewave .general {width: 46%; float: left}
.carewave .general dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .general dt { width: 100%; background: #ffffff; padding: 20px; box-sizing: border-box}
.carewave .general dt img {width: 80%}
.carewave .general dd{ width: 100%; text-align: center; font-size: 22px; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 10px 0}
.carewave .sleeve {width: 46%; float: right}
.carewave .sleeve dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .sleeve dt { width: 100%; background: #ffffff; padding: 20px; box-sizing: border-box}
.carewave .sleeve dt img {width: 80%}
.carewave .sleeve dd{ width: 100%; text-align: center; font-size: 22px; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 10px 0}
.carewave dt img {width: 80%}
.carewave .arrow {width: 8%; float: left; margin-top: 12vw }
.carewave .arrow img {width: 20px; text-align: center; justify-content: center; align-item: center;}

.carewave2 h2 { clear: both; text-align: center; font-size: 28px; font-family: 'notokr-bold'; color: #181818}	
.carewave2 {width: 90%; margin: 0 auto; clear: both ; position: relative; }
.carewave2 img{width: 100%;}

.video_thumb {display: block; width: 100%; height: auto !important}
	
/*포경수술 - 슬리브포경*/
.phimosis_sleeve {width: 80%; margin: 0 auto; clear: both ; position: relative;  }
	
.phimosis_sleeve1 dl { width: 100%; clear: both; margin-top: 60px}
.phimosis_sleeve1 dt { width: 100%; }
.phimosis_sleeve1 dd { width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; margin-top: 6vw; line-height: 160% !important }
.phimosis_sleeve1 .general dl { width: 100%; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve1 .general dt { width: 100%; background: #ffffff; padding: 20px; box-sizing: border-box}
.phimosis_sleeve1 .general dt img {width: 60%}
.phimosis_sleeve1 .general dd{ width: 100%; text-align: center; font-size: 22px; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}

.phimosis_sleeve2 dl { width: 100%; clear: both; margin: 30px 0 80px 0; float: left}
.phimosis_sleeve2 dt { width: 100%; }
.phimosis_sleeve2 dd { width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; line-height: 160%; margin: 0 !important }
.phimosis_sleeve2 .sleeve dl { width: 100%; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve2 .sleeve dt { width: 100%; background: #ffffff; padding: 20px; box-sizing: border-box}
.phimosis_sleeve2 .sleeve dt img {width: 60%}
.phimosis_sleeve2 .sleeve dd{ width: 100%; text-align: center; font-size: 22px; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}
.phimosis_sleeve2 dt img {width: 60%}
	
.phimosis_sleeve dd span {font-family:'notokr-bold';}

.phimosis_sleeve .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 30px; line-height: 50px; }
.phimosis_sleeve .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 30px;}
	
.phimosis_sleeve .txt_box {width: 100%; float: left; clear: both}
.phimosis_sleeve .txt_box h2 { font-size: 28px;font-family:'notokr-bold'; margin-bottom: 20px}
.phimosis_sleeve .txt_box ul {width: 100%; margin: 50px auto 0 auto}
.phimosis_sleeve .txt_box li {float: left; padding: 30px 30px 30px 70px; border: 1px solid #e4e4e4; text-align: left; font-size: 20px; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; box-sizing: border-box}	
.phimosis_sleeve .txt_box li:nth-child(even) { margin-left: 0 !important}	

.erectile_new .txt_box2 {width: 100%; float: left; clear: both}
.erectile_new .txt_box2 h2 { font-size: 28px;font-family:'notokr-bold'; margin-bottom: 20px}
.erectile_new .txt_box2 ul {width: 100%; margin: 50px auto 0 auto}
.erectile_new .txt_box2 li {float: left; padding: 30px 30px 30px 90px; border: 1px solid #e4e4e4; text-align: left; font-size: 22px; color: #181818; font-family: 'notokr-regular'; width: 48.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 10% 50% #ffffff; box-sizing: border-box; margin: 1.5% 0;}
.erectile_new .txt_box2 li:nth-child(odd) { margin-right: 1.5%;}
.erectile_new .txt_box2 li:nth-child(even) { margin-left: 1.5%;}
	
/*포경수술 - 슬리브포경 안내*/
.phimosis_txt{display:flex;align-items:center; margin: 60px 0 0 0; width: 100%}
.phimosis_txt .box { width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.phimosis_txt .box .img_box{width:100%; padding-top: 0}
.phimosis_txt .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.phimosis_txt .box .txt_box span{font-family: 'notokr-bold';}	
.phimosis_txt img {width: auto}

.phimosis_arrow_ { clear: both; padding: 80px 0}
.phimosis_arrow img {width: auto; text-align: center}
	
/*포경수술-포경수술 q&a*/
.phimosis_qna{width:80%;margin:3vw auto 0;}
.phimosis_qna .item{overflow:hidden;margin-bottom:6vw;position:relative;z-index:2;width: 88%; margin: 0 auto}
.phimosis_qna .item .num{width:20vw;height:4vw;line-height:4vw;font-size:2vw;}
.phimosis_qna .item .box{width:99% ;padding:6vw 3vw;margin:0 auto;}
.phimosis_qna .item .box h4{font-size:28px;font-family: 'notokr-regular';border-bottom:1px dashed #0088d0;padding-bottom:50px;color:#0088d0}
.phimosis_qna .item .box h4 span{font-size:18px;}
.phimosis_qna .item .box p{font-size:16px;font-family: 'notokr-regular';line-height:30px;margin-top:50px;}
.phimosis_qna .item .box p span{font-size:15px;}
.phimosis_qna .swiper-container {padding: 0}	
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 54%; left: 0}	
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}
	

/*포경수술 - 포경수술종류*/
.phimosis_type {width: 80%; margin: 0 auto; clear: both ; position: relative }
.phimosis_type div.phimosistab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.phimosis_type div.phimosistab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 25px}
.phimosis_type div.phimosistab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center; overflow: hidden; margin-bottom: 50px}
.phimosis_type div.phimosistab .txt span { font-family: 'notokr-bold';}	
.phimosis_type div.phimosisview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.phimosis_type div.phimosisview dl { display:block;align-items:center;width: 100%; clear: both;}
.phimosis_type div.phimosisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.phimosis_type div.phimosisview dt img { width: 50%}
.phimosis_type div.phimosisview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 40px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.phimosis_type div.phimosisview dd h2 {padding: 10px 0 20px 0; font-size: 40px; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}
.phimosis_type div.phimosisview dd p span{ font-family: 'notokr-bold'}
.phimosis_type div.phimosisview dd p span em{ font-size: 16px}	
.phimosis_type div.phimosisview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 30px; position: absolute; ;left:50%;transform:translateX(-50%); bottom:-6%; text-align: center; font-size: 18px; color: #181818; cursor: pointer;   margin: 0 auto}
.phimosis_type div.phimosisview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}	
.phimosisview .phimosiscircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle ul { width: 390px; margin: 0 auto}
.phimosisview .phimosiscircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle2 ul { width: 260px; margin: 0 auto}
.phimosisview .phimosiscircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle2 li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
	
.phimosisview .phimosiscircle3_square {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle3_square ul { width: 390px; margin: 0 auto}
.phimosisview .phimosiscircle3_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle3_square li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
	
.phimosisview .phimosiscircle2_square {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle2_square ul { width: 260px; margin: 0 auto}
.phimosisview .phimosiscircle2_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.phimosisview .phimosiscircle2_square li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
	
/*포경수술 - 포경재건수술*/
.reconstruct {width: 80%; margin: 0 auto; clear: both ; position: relative }
.reconstruct dl { width: 100%; float: left; clear: both; margin-top: 60px}
.reconstruct dt { width: 100%; float: left}
.reconstruct dt img { width: 60%}
.reconstruct dd {  width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; margin-top: 50px}
.reconstruct dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; text-align: center; }
.reconstruct dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
.reconstruct dd .stxt{font-size: 16px; color: #181818; font-family: 'notokr-regular'; }
.reconstruct .txt_box {width: 100%; float: left; clear: both}
.reconstruct .txt_box h2 { font-size: 28px;font-family:'notokr-bold'; }
.reconstruct .txt_box ul {width: 80%; margin: 50px auto 0 auto}
.reconstruct .txt_box li {float: left; padding: 30px 30px 30px 70px; border: 1px solid #e4e4e4; text-align: left; font-size: 20px; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; box-sizing: border-box}
.reconstruct .txt_box li span {font-size: 16px}
	
.reconstruct .tit_txtbox {width: 80%; float: left; clear: both; margin: 50px 0; padding: 0 10%}
.reconstruct .tit_txtbox p {text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.reconstruct .tit_txtbox p span { font-family: 'notokr-bold'}
.reconstruct .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; }
.reconstruct .tit_txtbox .marktxt em {font-size: 20px;font-family:'notokr-black'; }
.reconstruct .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
	
/*포경수술 - 종류밎과정*/
.ph_process {width: 80%; margin: 0 auto; clear: both ; position: relative }
.ph_process div.processtab { clear: both; padding: 20px 70px ; background: #ffffff;  margin-bottom: 50px}
.ph_process div.processtab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 25px}
.ph_process div.processtab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center}
.ph_process div.processtab .txt span { font-family: 'notokr-bold';}
.ph_process div.processview{ display:flex;align-items:center; margin: 60px 0; width: 100%; position: relative}
.ph_process div.processview dl { width: 100%; clear: both;  }
.ph_process div.processview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 20px 0 }
.ph_process div.processview dt img { width: 80%}
.ph_process div.processview dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.ph_process div.processview dd .title {padding: 0 0 25px 0; font-size: 28px; color: #181818; font-family:'notokr-bold';}
.ph_process div.processview dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.ph_process div.processview dd .txt {padding: 0; font-size: 18px; color: #181818; text-align: center; width: 90%; margin: 0 auto; line-height: 34px}
.ph_process div.processview dd .txt span {font-family: 'notokr-bold'; font-size: 16px;}
.ph_process div.processview img { text-align: center; margin: 0 auto !important}
.ph_process div.processview .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom: -3.8%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto}
.ph_process div.processview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*요로결석 - 치료과정*/
.prostate_step {width: 80%; margin: 0 auto; clear: both ; position: relative; margin-bottom: 50px }
.prostate_step img {width: 100%}	
	
/*요로결석 - 대기요법*/
.therapy {width: 80%; margin: 0 auto; clear: both ; position: relative }
.therapy dl { width: 100%; float: left; clear: both; margin-top: 60px}
.therapy dt { width: 100%; float: left}
.therapy dt img { width: 60%}
.therapy dd {  width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; margin-top: 50px}
.therapy dd span { font-family: 'notokr-bold'}
.therapy dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; text-align: center; }
.therapy dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
	
.prostate_bt_arrow { clear: both; padding: 100px 0 0 0}
.prostate_bt_arrow img {width: auto; text-align: center}	
	
/*요로결석 - 응급전화 버튼*/
.prostate_bt_warp{ clear: both; ;position:relative; width: 100%; display: inline-block; padding: 0}
.prostate_bt_warp h2 { clear: both; text-align: center; font-size: 22px; font-family: 'notokr-bold'; color: #181818}
.prostate_bt_warp { clear: both; padding: 0}
.prostate_bt_warp img {width: auto; text-align: center}
.prostate_bt {clear: both; width: 100%; float: left; padding: 50px 0}
.prostate_bt ul {width: 30%; margin: 0 auto;}
.prostate_bt li {width: 100%; margin: 0 5%; float: left; cursor: pointer}
.prostate_bt li dl {clear: both ; background: #1f4392; border-radius: 40px; padding: 20px}
.prostate_bt li dt {width: 100%}
.prostate_bt li dt img {text-align: center}
.prostate_bt li dd {text-align: center; font-size: 22px; line-height: 30px; font-family: 'notokr-bold'; color: #ffffff; padding: 20px 0}	
	
/*만곡증 - 교정대상자*/
.type_list2{ clear: both; padding-top:40px; padding-bottom: 80px}
.type_list2 ul{ width: 80%; margin: 0 auto}
.type_list2 li{float:left; width:47%; margin: 1.5%; padding: 0; border: 1px solid #e2e2e2; box-sizing: border-box}
.type_list2 li dl {width: 100%; clear: both}
.type_list2 li dt {clear: both; cursor:pointer;position:relative;}
.type_list2 li dt a { position: relative; display: block; width: 33.6vw; height: 33.6vw;}
.type_list2 li dt a > img { position: absolute; top: 0; left: 0;}
.type_list2 li dt .img2 { display: none;}
.type_list2 li dd { clear: both; }
.type_list2 li dd .title {padding: 10px 0; background: #1c2032; font-size: 24px; color: #ffffff; font-family:'notokr-medium'}
.type_list2 li dd .txt {padding: 30px 0; background: #ffffff; font-size: 18px; color: #181818;}

/*웨딩검진 - SYSTEM*/
.we_system {display:flex;align-items:center; padding:50px 0 0 0 ;position:relative; width: 100%; float: left}
.we_system ul {width: 60%; margin: 0 auto;}
.we_system li {width: 100%; margin: 20px 0; float: left; }
.we_system li:last-child {margin: 0;}
.we_system li dl {clear: both ;}
.we_system li dt {width: 40%; float: left; }
.we_system li dt img {width: 180px;}
.we_system li dd {width: 60%; float: left; padding-left: 20px; box-sizing: border-box }
.we_system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 26px; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 20px}
.we_system li dd .txt{text-align: left; font-size: 18px; line-height: 30px; font-family: 'notokr-regular';}	
	
/*성병 - 성병종류버튼*/
.venereally {clear: both; width: 100%; float: left; padding:50px 0 ;position:relative; }
.venereally ul {width: 100%;}
.venereally li {width: 23%; float: left; margin: 1%}
.venereally li .viewbt { border: 1px solid #d4d4d4; padding: 15px 10px 15px 20px; background: #ffffff url("/images/common/bt_arrow.png") no-repeat right 50%; background-size: 41px 41px; border-radius: 100px; text-align: left; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto}
.venereally li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.boximg .ven_popview {width: 90%; float: left; padding: 1% 5%; clear: both; text-align: center; margin: 0 auto}

.boximg .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.boximg .ven_popview .boxtxt .title{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.boximg .ven_popview .boxtxt .txt{ width: 100%; padding: 25px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2;}
.boximg .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}
.boximg .ven_popview .boxtxt .iconimg img{text-align: center; width: 130px}

.boximg .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 5px solid #1f4392; border-radius: 10px; position: relative; padding: 30px 0 5px 0}
.boximg .ven_popview .boxlinetxt .title{ padding: 10px 20px; background: #ffffff; position: absolute; top: -30px; left: 35%; text-align: center; font-size: 26px; font-family: 'notokr-bold'; color: #1f4392; margin: 0 auto}
.boximg .ven_popview .boxlinetxt .txt{ width: 100%; padding: 15px 0 30px 0; background: #ffffff; font-size: 22px; text-align: center; color: #0087d0; font-family: 'notokr-bold'; box-sizing: border-box; }

/*성병 - 방치 시 문제*/
.ven_issue {width: 80%; margin: 0 auto; clear: both ; position: relative }
.ven_issue dl { width: 100%; float: left; clear: both; margin-top: 60px}
.ven_issue dt { width: 100%; float: left}
.ven_issue dt img { width: 60%}
.ven_issue dd {  width: 100%; text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; margin-top: 50px}
.ven_issue dd span { font-family: 'notokr-bold'}
.ven_issue dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; text-align: center; }
.ven_issue dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
.ven_issue .txt_box {width: 100%; float: left; clear: both}
.ven_issue .txt_box ul {width: 80%; margin: 50px auto 0 auto}
.ven_issue .txt_box li {float: left; padding: 30px 30px 30px 70px; border: 1px solid #e4e4e4; text-align: left; font-size: 20px; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; box-sizing: border-box}	
.ven_issue .txt_box span { font-family: 'notokr-bold'}
.ven_issue .txt_box .stxt { font-size: 16px;}	
	
	
/*성병-검사종류슬라이드*/
.swiper-newslide_p {display: none}
.swiper-newslide_m {display: block}

.newslide{ display:flex;align-items:center; margin: 7vw 0; width: 100%}
.newslide dl { width: 100%; clear: both; padding-bottom: 40px }
.newslide dt {clear: both; position:relative; border: 1px solid #d2d2d2; box-sizing: border-box;}
.newslide dt img { width: 100%}
.newslide dd { clear: both; background: #f4f4f4; padding: 40px 0; border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; height: auto;  }
.newslide dd .title {padding: 0 0 10px 0; font-size: 30px; color: #181818; font-family:'notokr-bold'}
.newslide dd .title_s {padding: 0 0 10px 0; font-size: 22px; color: #181818; font-family:'notokr-bold'}
.newslide dd .txt {padding: 0; font-size: 22px; color: #181818;}
.newslide  .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
    }	
	
/*성병 - qatv*/
.qatv {width: 80%; margin: 30px 10% 0 10%; clear: both ; position: relative; overflow: hidden }
.qatv_view {width:100%; height:44vw; float:left; position:relative; margin-top:0; clear: both}
.qatv_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}

.qatv_list {position:relative!important; width:100%!important; float:left; margin-left:0!important; clear: both; margin-top: 10px}
.qatv_list ul li { text-align: left; padding:2%; overflow: hidden; position: relative; display: table; table-layout: fixed; width: 46%; cursor:pointer;	margin-bottom: 0; float: left}

.qatv_list ul li .thumb {float:none; display:block; width:100%; height:20vw; position:relative; overflow: hidden;}
.qatv_list ul li .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.qatv_list ul li.on .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:4px solid #0088d0; opacity:1; }
.qatv_list ul li .thumb span { display:block;}
.qatv_list ul li .thumb img {width:100%; position:absolute; max-width:none; filter: grayscale(100%); }
.qatv_list ul li.on .thumb img{filter:none; }

.qatv_list ul li .subject { display: none}	
	
/*여유증 원인 및 형태 - TYPE*/
.type_list{float: left; clear: both; padding-top:40px; padding-bottom: 80px}
.type_list ul{ width: 80%; margin: 0 auto}
.type_list li{float:left; width:47%; margin: 1.5%; padding: 0; border: 1px solid #e2e2e2; box-sizing: border-box}
.type_list li dl {width: 100%; clear: both}
.type_list li dt {clear: both; cursor:pointer;position:relative;}
.type_list li dt a { position: relative; display: block; width: 33.6vw; height: 33.6vw;}
.type_list li dt a > img { position: absolute; top: 0; left: 0;}
.type_list li dt .img2 { display: none;}
.type_list li dd { clear: both; }
.type_list li dd .title {padding: 10px 0; background: #1c2032; font-size: 24px; color: #ffffff; font-family:'notokr-medium'}
.type_list li dd .txt {padding: 30px 0; background: #ffffff; font-size: 18px; color: #181818;}
.typetxt { position: relative; color: #181818;font-family:'notokr-black'; font-size: 22px;}
.typetxt span { color: #c81111;font-family:'notokr-black'; font-size: 22px;}

/*여유증 수술방법 - PLAN*/
.plan{display:flex;align-items:flex-start; margin: 60px 0 30px 0; width: 100%}
.plan .normal { width: 600px; float: left}
.plan .normal dl {width: 100%; clear: both}
.plan .normal dt {clear: both; cursor:pointer;position:relative;}
.plan .normal dd {padding: 20px 0; background: #1c2032; font-size: 20px; color: #ffffff;}
.plan .unusual { width: 600px; float: right}
.plan .unusual dl {width: 100%; clear: both}
.plan .unusual dt {clear: both; cursor:pointer;position:relative;}
.plan .unusual dd {padding: 20px 0; background: #0088d0; font-size: 20px; color: #ffffff;}
.plan .arrow {padding: 12vw 35px}

/*여유증 수술방법 - 수술과정*/
.surgery { width: 80%; clear: both; padding:10px 0 100px 0; margin: 0 auto}
.surgery .item{margin-top:60px;overflow:hidden;}
.surgery .item .img_box{width:100%; float:left;}
.surgery .item .img_box img {width:80%;}
.surgery .item .txt_box{width:100%; float:left; text-align: left; padding-top:40px;  padding-bottom: 80px}
.surgery .item .txt_box h4{color:#acacac;font-size:20px; font-weight:500;letter-spacing:0; text-align: center}
.surgery .item .txt_box .num{color:#0088d0;font-size:36px;display:inline-block;letter-spacing:0.005em;position:relative; font-family:'notokr-bold'; padding-left: 5px}
.surgery .item .txt_box h3{font-family: 'notokr-medium';color:#0f0f0f;font-size:30px;margin:25px 0; text-align: center}
.surgery .item .txt_box > p{font-family: 'notokr-regular';color:#0f0f0f;font-size:20px;line-height:28px; text-align: center}

/*여유증 수술후관리 - PLAN*/
.plan_after{display:flex;align-items:center; margin: 60px 0 70px 0; width: 100%}
.plan_after .box { width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 10px solid #0088d0}
.plan_after .box .img_box{width:100%; }
.plan_after .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.plan_after .box .txt_box span{font-family: 'notokr-bold';}	
.plan_after img {width: auto}
.planimg img {width: 80%}
.plan-button-next {position:relative;top: 0; float: right; width:59px;height:35px;margin-top:0;z-index:10;cursor:pointer;background-size:59px 35px;background-position:center;background-repeat:no-repeat}
.plan-button-prev {position:relative;top: 0; float: left; width:59px;height:35px;margin-top:0;z-index:10;cursor:pointer;background-size:59px 35px;background-position:center;background-repeat:no-repeat}
.plan-button-warp { position:relative; width: 50%; margin: 0 auto; top: 0; left: 0; float: left; padding: 0 25%}

/*유두축소*/
.nipple_guide{ margin: 60px 0 70px 0; width: 100%}
.nipple_guide .box { display:flex;align-items:center; justify-content: center; flex-direction: column; width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 10px solid #0088d0}
.nipple_guide .box .img_box{width:100%; }
.nipple_guide .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.nipple_guide .box .txt_box span{font-family: 'notokr-bold';}	
.nipple_guide img {width: auto}
	
/*유두축소-수술방법*/
.nipplewarp {width: 80%; margin: 0 auto; clear: both ; background: #1f4392 !important}
.nipplewarp ul.nippletab { padding: 20px 0; margin: 50px auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.nipplewarp ul.nippletab li { display: inline; margin: 0; margin :0 80px}        
.nipplewarp ul.nippletab li a { font-size: 22px; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 10px 0}        
.nipplewarp ul.nippletab li a:visited { color: #6d8dd3;}        
.nipplewarp ul.nippletab li a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff}        
.nipplewarp ul.nippletab li.selected a, .nipplewarp ul.nippletab li.selected a:hover { color: #ffffff; border-bottom: 7px solid #00c6ff; }        
.nipplewarp ul.nippletab li.selected a:hover { text-decoration: none;} 
.nipplewarp div.nippletabcontents { clear: both; padding: 5vw ; background: #ffffff;;  margin-bottom: 50px}
.nipplewarp div.nippletabcontents img { text-align: center; margin: 0 auto !important}
.nipplewarp div.nippletabcontents h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 0}
.nipplewarp div.nippletabcontents .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center; overflow: hidden; margin: 20px 0 40px 0}
.nipplewarp div.nippletabcontents .txt span { font-family: 'notokr-bold';}
	
/*유두축소-q&a*/
.nipple_qna{width:80%;margin:3vw auto 0;}
.nipple_qna .item{overflow:hidden;margin-bottom:6vw;position:relative;z-index:2;width: 88%; margin: 0 auto}
.nipple_qna .item .num{width:20vw;height:4vw;line-height:4vw;font-size:2vw;}
.nipple_qna .item .box{width:99% ;padding:6vw 3vw;margin:0 auto;}
.nipple_qna .item .box h4{font-size:28px;font-family: 'notokr-bold';border-bottom:1px dashed #0088d0;padding-bottom:50px;color:#0088d0}
.nipple_qna .item .box h4 span{font-size:18px;}
.nipple_qna .item .box p{font-size:16px;font-family: 'notokr-regular';line-height:30px;margin-top:50px;}
.nipple_qna .item .box p span{font-family: 'notokr-bold'}
.nipple_qna .swiper-container {padding: 0}	
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 54%; left: 0}
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}	
	
.nipple_bt_arrow { clear: both; padding: 100px 0 0 0}
.nipple_bt_arrow img {width: auto; text-align: center}
	
/*전립선 - 안내*/
.prostate_guide{display:flex;align-items:center; margin: 60px 0 0 0; width: 100%}
.prostate_guide .box { width: 80%; margin: 0 auto; padding: 50px 30px; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 10px solid #0088d0}
.prostate_guide .box .img_box{width:100%; }
.prostate_guide .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:22px;line-height:32px; margin-top: 30px}
.prostate_guide .box .txt_box span{font-family: 'notokr-bold';}	
.prostate_guide img {width: auto}
	
/*전립선 - 원인*/
.prostate_why{width: 90%; margin: 50px auto 0 auto; clear: both ; position: relative; overflow: hidden}
.prostate_why ul { width: 82%; background: #ffffff; margin: 15px auto; padding: 8%}
.prostate_why ul h2 {font-size: 40px ; text-align: left;font-family: 'notokr-bold'; color: #1f4392}
.prostate_why ul h2:after{content:'';display:block;clear:both; border-bottom: 4px solid #1c2032;margin-top: 15px;}
.prostate_why ul h2 span{font-family: 'notokr-light';font-size:22px;color:#181818; text-align: left; padding-left: 15px}
.prostate_why li{line-height:28px;margin:40px 0; ;padding: 0; background: url("/images/erectile/checklist_chk.png") no-repeat left 0.1rem/1.6rem; padding-left: 2.5rem; word-break: keep-all;}
.prostate_why li:after{content:'';display:block;clear:both;}
.prostate_why li img{width:5%;margin-right:3%; margin-top: 2px}
.prostate_why li p{float:left; font-family: 'notokr-regular';font-size:22px;color:#181818; text-align: left}
.prostate_why li span { font-size: 18px;font-family: 'notokr-bold';}
.prostate_why li:last-child{margin-bottom:0; padding-bottom:0;}
.prostate_why li:last-child p{border-bottom:0; padding-bottom:0;}
	
/*전립선 - 치료방법*/
.prostate_cure {width: 80%; margin: 0 auto; clear: both ; position: relative }
.prostate_cure div.prostatetab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.prostate_cure div.prostateview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.prostate_cure div.prostateview dl { display:block;align-items:center;width: 100%; clear: both;}
.prostate_cure div.prostateview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.prostate_cure div.prostateview dt img { width: 100%}
.prostate_cure div.prostateview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 40px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.prostate_cure div.prostateview dd h2 {padding: 10px 0 20px 0; font-size: 40px; color: #181818; text-align: center}
.prostate_cure div.prostateview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.prostate_cure div.prostateview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}
.prostate_cure div.prostateview dd p span{ font-family: 'notokr-bold'}
.prostate_cure div.prostateview dd p .stxt{ font-family: 'notokr-medium' ; font-size: 16px; ; text-align: center}
.prostate_cure div.prostateview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left:70%;transform:translateX(-50%); bottom: -6%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto}
.prostate_cure div.prostateview dd .viewbt span{ color: #0088d0;font-family: 'notokr-bold'}
.prostateview .prostatecircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.prostateview .prostatecircle ul { width: 390px; margin: 0 auto}
.prostateview .prostatecircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.prostateview .prostatecircle li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.prostateview .prostatecircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.prostateview .prostatecircle2 ul { width: 260px; margin: 0 auto}
.prostateview .prostatecircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.prostateview .prostatecircle2 li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}

/*전립선 - 특징*/
.urolift {width: 80%; margin: 0 auto; clear: both ; position: relative }
.urolift .tit_txtbox {width: 80%; float: left; clear: both; margin: 50px 0; padding: 0 10%}
.urolift .tit_txtbox p {text-align: center; font-size: 22px; color: #181818; font-family: 'notokr-regular'; line-height: 50px;} 
.urolift .tit_txtbox p span { font-family: 'notokr-bold'}
.urolift .tit_txtbox .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 28px; line-height: 50px; }
.urolift .tit_txtbox .marktxt em {font-size: 20px;font-family:'notokr-black'; }
.urolift .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 28px;}
	
.urolift .txt_box {width: 100%; float: left; clear: both}
.urolift .txt_box h2 { font-size: 28px;font-family:'notokr-bold'; }
.urolift .txt_box ul {width: 80%; margin: 50px auto 0 auto}
.urolift .txt_box li {float: left; padding: 30px 30px 30px 70px; border: 1px solid #e4e4e4; text-align: left; font-size: 20px; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; box-sizing: border-box}
.urolift .txt_box li span {font-family:'notokr-bold';}
.urolift .txt_box li .stxt{font-size: 16px}
	
/*전립선 - 전립선결찰술영상*/
.urolifttv h3 { clear: both; text-align: center; font-size: 28px; font-family: 'notokr-bold'; color: #181818}
.urolift_view {width:80%; height:44vw; position:relative; margin:0 auto; clear: both}
.urolift_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}
	
/*바세린제거 - 수술방법*/
.vaseline {width: 80%; margin: 0 auto; clear: both ; position: relative }
.vaseline div.vaselinetab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.vaseline div.vaselineview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.vaseline div.vaselineview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.vaseline div.vaselineview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.vaseline div.vaselineview dt img { width: 80%}
.vaseline div.vaselineview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.vaseline div.vaselineview dd h2 {padding: 10px 0 30px 0; font-size: 40px; color: #181818; text-align: center}
.vaseline div.vaselineview dd p { font-size: 20px; color: #181818; text-align: center; line-height: 30px}	
.vaselineview .vaselinecircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle ul { width: 390px; margin: 0 auto}
.vaselineview .vaselinecircle li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.vaselineview .vaselinecircle li span { height:120px; width: 120px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}	
.vaselineview .vaselinecircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle2 ul { width: 300px; margin: 0 auto}
.vaselineview .vaselinecircle2 li {position: relative; border-radius: 70px; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.vaselineview .vaselinecircle2 li span { height:140px; width: 140px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.vaselineview .vaselinecircle2 li em {font-family: 'notokr-bold';}
	
/*조루수술 - 조루검사*/
.pre_process {width: 80%; margin: 0 auto; clear: both ; position: relative }
.pre_process dl { width: 100%; clear: both; margin-bottom: 50px}
.pre_process dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 20px 0 }
.pre_process dt img { width: 80%}
.pre_process dd { clear: both; background: #f4f4f4; padding: 40px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.pre_process dd .title {padding: 0 0 20px 0; font-size: 28px; color: #181818; font-family:'notokr-bold';}
.pre_process dd .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.pre_process dd .txt {padding: 0; font-size: 18px; color: #181818; text-align: center; width: 80%; margin: 0 auto; line-height: 34px}
.pre_process dd .txt span {font-family: 'notokr-bold'; }
.pre_process img { text-align: center; margin: 0 auto !important}

/*조루증 - 비수술치료*/
.pre_check{display:block; border: none; margin: 40px 0 20px 0; background: none}
.pre_check .img_box{width:80%; margin: 0 auto}
.pre_check .img_box img {width:100%; }
.pre_check .txt_box{width:80%; margin: 0 auto; padding-left:0;display:block;margin-top:2vw;}
.pre_check .txt_box.title {padding: 0 0 30px 0; font-size: 28px; color: #181818}
.pre_check .txt_box .title span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.pre_check li{line-height:4vw;margin: 2vw 0; border: 1px solid #e2e2e2; padding: 3vw; box-sizing: border-box; background: #ffffff}
.pre_check li img{width:5%;margin-right:3%;}
.pre_check li p{width: auto; font-size:22px;}	
.pre_check .txt_box .stxt { font-size: 16px;}

.non_surgery {width: 80%; margin: 0 auto; clear: both ; position: relative }
.non_surgery div.pretab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.non_surgery div.pretab h2 { font-family: 'notokr-bold'; font-size:40px; color:#1f4392; text-align: center; margin-bottom: 25px}
.non_surgery div.pretab .txt { font-family: 'notokr-regular'; font-size:20px; color:#181818; text-align: center; overflow: hidden; margin: 30px 0 50px 0}
.non_surgery div.pretab .txt span { font-family: 'notokr-bold';}	
.non_surgery div.preview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.non_surgery div.preview dl { display:block;align-items:center;width: 100%; clear: both;}
.non_surgery div.preview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.non_surgery div.preview dt img { width: 70%}
	
.non_surgery div.preview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 40px 30px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.non_surgery div.preview dd h2 {padding: 10px 0 20px 0; font-size: 32px; color: #181818; text-align: center}
.non_surgery div.preview dd h2 span {border-bottom: 4px solid #181818; font-family:'notokr-bold';}
.non_surgery div.preview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.non_surgery div.preview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 34px}
.non_surgery div.preview dd p span{ font-family: 'notokr-bold'}
.non_surgery div.preview dd p span em{ font-size: 16px}

.non_surgery div.preview dd ul {width: 100%; margin-top: 20px; overflow: hidden; box-sizing: border-box;}
.non_surgery div.preview dd li {float:left; width:100%; font-family: 'notokr-medium';font-size:20px;color:#181818; text-align: left; line-height:28px;margin:0;border-bottom:1px dotted #d5d5d5;padding: 25px 0 25px 35px; background: url("/images/erectile/checklist_chk.png") no-repeat left 50% / 24px;  box-sizing: border-box}
	
.non_surgery div.preview dd .viewbt { border: 1px solid #d4d4d4; padding: 15px 70px; background: #ffffff; border-radius: 100px; position: absolute; left:70%;transform:translateX(-50%); bottom: -6%; text-align: center; font-size: 18px; color: #181818; cursor: pointer; margin: 0 auto}
.non_surgery div.preview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*유로진소개_둘러보기*/
.photo_wrap { clear:both; width:100%; margin:0 auto 30px auto; float:left}
.photo_wrap .swiper { width: 100%; height: 100%; }
.photo_wrap .swiper-slide {
        text-align: center;       
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.photo_wrap .mySwiper2 { height: 80%; width: 100%; }
.photo_wrap .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
.photo_wrap .mySwiper:hover { cursor: pointer }
.mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.mySwiper .swiper-slide-thumb-active { opacity: 1; border: 3px solid #00c6ff; box-sizing: border-box; }
.photo_wrap .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

/*발기부전 - 치료기소개*/
.pubis { width: 80%; clear: both; padding: 0 ; margin: 0 auto ; }
.pubis div.pubistab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff; box-sizing: border-box}
.pubis div.pubisview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.pubis div.pubisview dl { display:block;align-items:center;width: 100%; clear: both;}
.pubis div.pubisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left ; background: #ffffff}
.pubis div.pubisview dt img { width: 100%}
.pubis div.pubisview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 40px 10px ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.pubis div.pubisview dd h2 {padding: 10px 0 20px 0; font-size: 40px; color: #181818; text-align: center}
.pubis div.pubisview dd h2 .tit_s{padding: 10px 0 20px 0; font-size: 22px; color: #181818; text-align: center}
.pubis div.pubisview dd p { font-size: 22px; color: #181818; text-align: center; line-height: 30px}
.pubis div.pubisview dd p span{ font-family: 'notokr-bold'}
.pubis div.pubisview dd p span em{ font-size: 16px}
.pubis .viewbt { border: 1px solid #d4d4d4; padding: 15px 30px; background: #ffffff; border-radius: 30px; position: absolute; ;left:50%;transform:translateX(-50%); bottom:-3.8%; text-align: center; font-size: 18px; color: #181818; cursor: pointer;   margin: 0 auto}
.pubis .viewbt span { color: #0088d0;font-family: 'notokr-bold'}	
	
/*.pubisview .pubiscircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.pubisview .pubiscircle ul { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap : 0.5rem}
.pubisview .pubiscircle li {position: relative; border-radius: 50%; text-align: center; background: #1f4392; float: left; margin: 0 5px }
.pubisview .pubiscircle li span { height:150px; width: 150px; ;font-size: 18px; line-height: 24px; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}*/
	
/*치골융기수술_why*/
.pubiswhy{width: 80%; margin: 30px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy img{width:100% }
.pubiswhy ul {width: 100%; margin-top: 20px}
.pubiswhy li { float: left;  width: 100%; margin: 2% auto}
.pubiswhy li:last-child { margin-bottom: 0}
.pubiswhy li dl {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy li dt{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy li dd{ width: 100%; padding: 25px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 32px}
.pubiswhy li dd span {color: #c81111; font-family: 'notokr-bold';}

/*치골융기수술_why*/
.pubiswhy2 {width: 80%; margin: 30px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy2 img{width:100% }
.pubiswhy2 ul {width: 100%; ; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;; gap:0.5rem}
.pubiswhy2 li { flex: 0 0 calc((100% - 0.5rem) / 2);;box-sizing: border-box; float: none; margin: 0;}
.pubiswhy2 li dl {clear: both; float: none; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy2 li dt{ width: 100%; padding: 10px; background: #1c2032; font-size: 22px; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy2 li dd{ width: 100%; padding: 25px 10px; background: #ffffff; font-size: 20px; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 32px;  word-break: keep-all;}
.pubiswhy2 li dd span {color: #c81111; font-family: 'notokr-bold';}
	
	
	
}




@media all and (max-width:767px) and (min-width:0px) {	

/*공용*/
.pc {display:none !important;}
.m {display:block !important;}
.dot_line {margin:30px 0; }
.dot_line .line{display:inline-block; width:50px; height:3px; background:#0088d0; margin-bottom: 10px}
.inner_box {width:85% !important;}
.con1130{width:85% !important; }
.con1200{width:85% !important; }
.con1300{width:85% !important;}
.con_m90 {width:90% !important;}
.con_m100 {width:100% !important;}
	
.cont_n { width: 100%; margin:auto 0; padding: 0;}
.cont_n img {width:100%; height:auto}

.float_box {width:100%; overflow:hidden;}
.float_box .box {float:left;}
.float_box .box_c { margin: 0 auto !important; overflow:hidden; text-align: center;  padding: 0 15% ; box-sizing: border-box}

.float_box.box1 .box,.float_box .box_c {width:calc(100%);}
.float_box.box1_2 .box {width:calc(100%); padding: 0 10%}
.float_box.box2 .box {width:calc(100%/2);}
.float_box.box3 .box {width:calc(100%/3);}
.float_box.box4 .box {width:calc(100%/4);}
.float_box.box5 .box {width:calc(100%/5);}

/*서브 원 공통*/
.sub_circle { clear: both; width: 100%; float: left; margin: 30px 0 60px 0}
.sub_circle ul { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box}
.sub_circle li { background: #1f4392 ;  border-radius: 50%; width: 10rem; height: 10rem; opacity: 94% !important; box-sizing: border-box; margin: -25px -15px}
.sub_circle li p { font-size: 1.2rem; font-weight: 500; color: #ffffff; text-align: center; }
	
/*버튼공통*/
.btwrap {width:100%; clear: both}
.btwrap img {width:auto;}
.bt_box330 {margin: 0 auto; width:80% !important;}
.bt_box660 {margin: 0 auto; width:100% !important;}
.sub_bt li {text-align:center; box-sizing: border-box; }
.sub_bt li a{display:block; padding:15px 0; font-size:4vw; margin: 3px}
.sub_bt li.blue a {color:#fff; background:#0088d0;}
.sub_bt li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt li.blue_line a {color:#0088d0; background:#ffffff; border: 2px solid #0088d0}
.sub_bt li.blue_line2 a {color:#1f4392; background:#ffffff; border: 2px solid #1f4392}
	
.sub_bt2 li {text-align:center; box-sizing: border-box; }
.sub_bt2 li a{display:block; padding:10px 0; font-size:3.5vw; margin: 3px}
.sub_bt2 li.blue a {color:#fff; background:#0088d0;}
.sub_bt2 li.blue2 a {color:#fff; background:#1f4392;}
.sub_bt2 li.blue_line a {color:#0088d0; background:#ffffff; border: 2px solid #0088d0}
.sub_bt2 li.blue_line2 a {color:#1f4392; background:#ffffff; border: 2px solid #1f4392}
	
/*서브 상단 비주얼*/
.sub_top {padding:28vw 0 11vw 0; }
.sub_top_text h2 {margin:25px 0; font-size:9vw; line-height:10vw; text-indent: 10px}
.sub_top_text em {font-weight:500; font-size:3vw; line-height:4vw; color:#c2c2c2; letter-spacing: 8px}
.sub_top_text p {font-size:4.3vw; line-height:6.2vw;}
	
.sub_top.sub01_01 {background: #ffffff; }
.sub_top.sub02_01 {background: #ffffff; padding-bottom: 22vw}
.sub_top.sub03_01 {background: #ffffff; padding-bottom: 16vw}
.sub_top.sub07_09 { background: url("/images/n_common/n_titleimg07_09m.jpg") no-repeat ; background-size: cover }
	
/*서브 상단 탭*/
.tab_wrap {width:100%; left:0; bottom:0; position:absolute; z-index:10;}
.tab_wrap .inner_box {margin: 0 auto; width:90% !important }

.sub_tab li {text-align:center; border-right:1px solid #ffffff; box-sizing: border-box;}
.sub_tab li:last-child {border-right:0;}
.sub_tab li a{display:block; padding:14px 0; font-size:3.5vw; line-height:4vw; color:#808188; background:#1c2032;}
.sub_tab li a:hover {color:#fff; background:#0088d0;}
.sub_tab li.on a {color:#fff; background:#0088d0;}
	
/*서브 내용 공통*/
.content {padding:80px 0 !important;}
.content0 {padding:0; text-align:left; clear: both; overflow: hidden}
.content_120b {padding:0 0 5rem 0; text-align:left; clear: both; overflow: hidden}
.content_120t {padding:5rem 0 0 0; text-align:left; clear: both; overflow: hidden}
.content_100 {padding:4rem 0; text-align:left; clear: both; overflow: hidden}
	
.content2 {padding:0 0 30px 0; text-align:left;}
.content3 {padding:20px 0 80px 0 !important;}
	
.sub_text_box,.sub_text_box.center,.sub_text_box.right {text-align:center;}
.sub_text_box h2 {font-size:8.5vw; line-height:8.5vw;}
.sub_text_box p {display:inline-block; font-size:4vw; line-height:6vw; text-align: center; margin:4vw 0; word-break: keep-all}
.sub_text_box p.center {text-align:center !important;}		
.sub_text_box .subtitle {font-size:4.5vw; line-height:2vw;}	
.sub_text_box .subtit { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:3.5vw; line-height:2vw; margin:25px 0; color:#181818}
.sub_text_box .subtit span { font-family:'notokr-bold'}
.sub_text_box .subtit2 { text-align: center; font-family:'notokr-bold'; font-weight:50; display:block; font-size:3.5vw; line-height:2vw; margin:25px 0; color:#181818}
.sub_text_box img {width: 60%}
.sub_text_box .matrx_img img {width: 30%}	

.pop_text_box.center {text-align:center;}
.pop_text_box.center .dot_line{margin-bottom:0;}
.pop_text_box h2 {display:block; font-weight:50; margin-bottom:10px; font-size:6vw; line-height:66px; font-family:'notokr-bold'}
.pop_text_box .subtitle { text-align: center; font-family:'notokr-regular'; font-weight:50; display:block; font-size:4vw; line-height:5vw; margin:0 0 10px 0; color:#0088d0}
.pop_text_box .subtit { text-align: center; font-family:'notokr-bold'; font-weight:50; display:block; font-size:4vw; line-height:4vw; margin:0; color:#181818}
.pop_text_box img {width: 70%} 
	
.pop_text_box2.center {text-align:center;}
.pop_text_box2.center .dot_line{margin-bottom:0;}
.pop_text_box2 h2 {display:block; font-weight:50; margin:20px 0 10px 0 ; font-size:6.5vw; line-height:7vw; font-family:'notokr-bold'; color: #1f4392}
.pop_text_box2 .subtitle { text-align: center; font-family:'notokr-bold'; display:block; font-size:4vw; line-height:5vw; margin:0; color:#181818}
.pop_text_box2 .subtit {font-size:4.5vw; line-height:2vw;}	
.pop_text_box2 p {font-family:'notokr-regular'; font-weight:50; display:block; font-size:4vw; line-height:5vw; margin:15px 0; text-align: center}
.pop_text_box2 p span {font-family:'notokr-bold'; }
.pop_text_box2 p em {text-decoration: underline; font-family:'notokr-bold';}
.pop_text_box2 img {width: 70%} 
	
.tab_sub_wrap {width:100%; margin-top: 7vw; position:relative; }
.tab_sub_wrap .inner_box {margin: 0 auto; width:100% !important }
.tab_sub_wrap .inner_box2 {margin: 0 auto; width:100% !important }
.tab_sub_wrap .inner_box3 {margin: 0 auto; width:100% !important }
.tab_sub li {text-align:center; box-sizing: border-box; }
.tab_sub li:last-child {border-right:0;}
.tab_sub li a{display:block; padding: 3.5vw 0 2.5vw 0; font-size:4vw; color:#6d8dd3;border-bottom: 4px solid #1f4392}
.tab_sub li a span{font-size:3.2vw;}
.tab_sub li a:hover {color: #ffffff; border-bottom: 4px solid #00c6ff}
.tab_sub li.selected a {color: #ffffff; border-bottom: 4px solid #00c6ff}
	
/*확대수술 - 음경확대*/
.enlarge_person {width: 100%; margin: 0 auto; clear: both ; position: relative }
.enlarge_person dl { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; clear: both; margin-top: 6vw}
.enlarge_person dt { width: 100%; float: left}
.enlarge_person dt img { width: 80%}
.enlarge_person dd { width: 100%; text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; padding-top: 7vw}
.enlarge_person dd .stxt {font-size: 3vw; color: #181818; font-family: 'notokr-regular';}
.enlarge_person dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 4.5vw; line-height: 6.5vw; text-align: center; }
.enlarge_person dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 4.5vw;}
	
/*확대수술 - 재료소개*/
.stuffwarp {width: 100%; margin: 0 auto; clear: both; position: relative}
.stuffwarp div.stufftab { clear: both; padding: 7vw 5vw ; background: #ffffff;  margin-bottom: 5vw}
.stuffwarp div.stufftab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.stuffwarp div.stufftab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw; overflow: hidden; margin: 4vw 0 5vw 0}
.stuffwarp div.stufftab .txt span { font-family: 'notokr-bold';}
.stuffwarp div.stuffview{ display:flex;align-items:center; margin: 0; width: 100%; position: relative }
.stuffwarp div.stuffview dl { width: 100%; clear: both; }
.stuffwarp div.stuffview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.stuffwarp div.stuffview dt img { width: 100%}
.stuffwarp div.stuffview dd { clear: both; background: #f4f4f4; padding: 5vw 2.5vw ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.stuffwarp div.stuffview dd .title {padding: 0 0 4vw 0; font-size: 4.5vw; color: #181818;  }
.stuffwarp div.stuffview dd .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.stuffwarp div.stuffview dd .boxtxt{ clear: both; padding: 2vw 0 0 0 ; box-sizing: border-box; font-family: 'notokr-medium';font-size:3.3vw;color:#181818; text-align: center; line-height:4.5vw}
.stuffwarp div.stuffview dd .boxtxt span { font-family:'notokr-bold';}
.stuffwarp div.stuffview dd ul { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; margin: 0 auto; padding: 0 10px}
.stuffwarp div.stuffview dd li {float:left; width:100%; font-family: 'notokr-medium';font-size:3.3vw;color:#181818; text-align: left; line-height:4.5vw;margin:0; padding: 1.5vw 0 1.5vw 5.5vw; background: url("/images/erectile/checklist_chk.png") no-repeat left 6px / 6%;  box-sizing: border-box}
.stuffwarp div.stuffview dd li span {font-family: 'notokr-bold'}
.stuffwarp div.stuffview .viewbt { border: 1px solid #d4d4d4; padding: 2.5vw 0 2vw 0; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom:0; text-align: center; font-size: 3.3vw; color: #181818; cursor: pointer; line-height: 4.5vw; margin: 0 auto; width: 50%}
.stuffwarp div.stuffview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*확대수술 - 재료소개버튼과 팝업*/
.stuffwarp .ven_popview { display: flex; flex-direction: column; width: 100%; padding: 1% 0; clear: both; text-align: center; margin: 0 auto; box-sizing: border-box}	
.stuffwarp .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 1px solid #9cd5f3; border-radius: 10px; position: relative; padding: 2vw 1vw 1vw 1vw}
.stuffwarp .ven_popview .boxlinetxt .title{ padding: 10px 0; background: #ffffff; position: absolute; top: -25px; width: 50%; left: 25%; text-align: center; font-size: 4.5vw; font-family: 'notokr-bold'; color: #0088d0; margin: 0 auto}
.stuffwarp .ven_popview .boxlinetxt .boxtext{ width: 100%; padding: 4vw 0 !important; background: #ffffff; font-size: 3.3vw; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; line-height: 4.8vw !important}
	
.stuff_bt {clear: both; width: 100%; float: left; padding:10px 0 ; position:relative; box-sizing: border-box}
.stuff_bt ul {width: 100%; box-sizing: border-box}
.stuff_bt li {float: left; padding: 1%; box-sizing: border-box}
.stuff_bt li .viewbt { border: 1px solid #d4d4d4; padding: 2.3vw 1vw 2vw 2vw; background: #ffffff url("/images/common/bt_arrow.png") no-repeat right 50%; background-size: 22px 22px; border-radius: 50px; text-align: left; font-size: 3.3vw; color: #181818; cursor: pointer; margin: 0 auto; }
.stuff_bt li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
.stuffwarp .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .title{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 4vw; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.stuffwarp .ven_popview .boxtxt .txt{ width: 100%; padding: 6vw 0; background: #ffffff; font-size: 3.5vw; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2}
.stuffwarp .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}
	
/*정관수술-다중차단수술*/
.vasectomy_multi{ margin: 2vw 0 25vw 0; width: 100%}
.vasectomy_multi .box {  display:flex;align-items:center; justify-content: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 5px solid #0088d0}
.vasectomy_multi .box .img_box{width:100%;  padding: 5vw 0}
.vasectomy_multi .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.vasectomy_multi .box .txt_box span{font-family: 'notokr-bold';}	
.vasectomy_multi img {width: 20%}

.vasectomy_multi2{ margin: 2vw 0; width: 100%}
.vasectomy_multi2 .box {  display:flex;align-items:center; justify-content: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 5px solid #0088d0}
.vasectomy_multi2 .box .img_box{width:100%;  padding: 5vw 0}
.vasectomy_multi2 .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.vasectomy_multi2 .box .txt_box span{font-family: 'notokr-bold';}	
.vasectomy_multi2 img {width: 20%}
	
.multiwarp {width: 100%; margin: 0 auto; clear: both ; background: #1f4392 !important}
.multiwarp ul.multitab { padding: 3.3vw 0; margin: 7vw auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.multiwarp ul.multitab li { display: inline; margin: 0; margin :0 5vw}        
.multiwarp ul.multitab li a { font-size: 4.2vw; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 2.3vw 0}        
.multiwarp ul.multitab li a:visited { color: #6d8dd3;}        
.multiwarp ul.multitab li a:hover { color: #ffffff; border-bottom: 4px solid #00c6ff}        
.multiwarp ul.multitab li.selected a, .multiwarp ul.multitab li.selected a:hover { color: #ffffff; border-bottom: 4px solid #00c6ff; }        
.multiwarp ul.multitab li.selected a:hover { text-decoration: none;} 
.multiwarp div.multitabcontents { clear: both; padding: 0 ; background: #ffffff;;  margin-bottom: 10vw}
.multiwarp div.multitabcontents img { text-align: center; margin: 0 auto !important}

/*정관수술-미세통증노하우*/
.swiper-knowhow_p {display: none}
.swiper-knowhow_m {display: block}

.knowhow{ display:flex;align-items:center; margin: 7vw 0; width: 100%}
.knowhow dl { width: 100%; clear: both; ; padding-bottom: 8vw }
.knowhow dt {clear: both; position:relative; border: 1px solid #d2d2d2; box-sizing: border-box;}
.knowhow dt img { width: 100%}
.knowhow dd { clear: both; background: #f4f4f4; padding: 8vw 0; border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.knowhow dd .title {padding: 0 0 10px 0; font-size: 4.5vw; color: #181818; font-family:'notokr-bold'}
.knowhow dd .title_s {padding: 0 0 10px 0; font-size: 3.5vw; color: #181818; font-family:'notokr-bold'}
.knowhow dd .txt {padding: 0; font-size: 3.5vw; color: #181818;}
.knowhow dd .txt span { font-family: 'notokr-bold'}
.knowhow  .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
    }
	
/*정관수술 - Q&A*/
.qawarp { width: 100%; margin: 4vw auto 8vw auto; float: left}
.qa{margin:3vw auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 4vw 4vw 6vw 4vw; position: relative; border: 1px solid #e3e3e3; z-index: 1; box-sizing: border-box}
.qa .img_box{width:25%; }
.qa .img_box img{width:115%; }
.qa .txt_box{width:85%;}
.qa .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:4.5vw;margin:2vw 0;}
.qa .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:3.5vw;line-height:4.7vw;}
.qa:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: -3vw; left: 3vw }
.qa:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: -3vw; right: 6vw}
.qa:nth-child(2n) .txt_box{float:right;padding-right:0; text-align: right}
.qa:nth-child(2n-1) .txt_box{float:left;padding-left:0;text-align:left; }
	
/*정관수술 - SYSTEM*/
.system { clear: both; padding:5vw 0 0 0 ;position:relative; width: 100%; float: left}
.system ul {width: 100%; margin: 0 auto; display:flex; align-items:center; justify-content: space-between; gap: 2rem; flex-direction: column }
.system li { margin:  0; width: 100%   }
.system li dl {clear: both ; display:flex; align-items:center; justify-content: space-between;}
.system li dt {width: 45%; float: left; }
.system li dd {width: 55%; float: left; padding-left: 3vw; box-sizing: border-box }
.system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 5vw; font-family: 'notokr-bold'; padding: 0 0 0.5rem 0; margin: 0}
.system li dd .txt{text-align: left; font-size: 4vw; line-height: 5.5vw; font-family: 'notokr-regular'; word-break: keep-all;}

	
/*SYSTEM(4개)*/
.ch_system{display:flex;align-items:center; padding:5vw 0;position:relative; width: 100%; float: left}
.ch_system ul {width: 100%; margin: 0 auto;}
.ch_system li {width: 100%; margin: 3vw 0; float: left; }
.ch_system li:last-child {margin: 0;}	
.ch_system li dl {clear: both ;}
.ch_system li dt {width: 35%; float: left; }
.ch_system li dd {width: 65%; float: left; padding-left: 3vw; box-sizing: border-box }
.ch_system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 5vw; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 1vw}
.ch_system li dd .txt{text-align: left; font-size: 4vw; line-height: 5.5vw; font-family: 'notokr-regular';}
	
/*서브 중간흰색박스 공통*/
.sub_tbox { clear: both; width: 100%; margin: 0 auto; float: left;  }
.sub_tbox ul { width: 100%; }
.sub_tbox li { float: left; width: 100%; margin: 0 auto 20px auto; padding: 1rem; background: #ffffff;  box-sizing: border-box}

/*서브 중간흰색박스 안 이미지 공통*/
.sub_tbox_img { clear: both; width: 100%; overflow: hidden; padding: 10px 0 ; display: flex; flex-direction: column; box-sizing: border-box}
.sub_tbox_img img {width: 100%}
.sub_tbox_img .sub_title  { width: 100%; margin-bottom:1rem; font-size:1.5rem; line-height:1.6rem; font-weight: 700; letter-spacing: -1px}
.sub_tbox_img .sub_txt { text-align:left; margin-top: 1rem ; font-weight:400; font-size:1rem; line-height:1.6rem; color: #3a3a3a ; letter-spacing: -1px}
.sub_tbox_img .sub_txt span  { font-weight: 800; }
	
.sub_tbox_img .tablebox ul { width: 100%; clear: both;  padding: 0; box-sizing: border-box; margin: 5% 0 0 0; overflow: hidden; }
.sub_tbox_img .tablebox li { background: #1f4392; width: 100%; float: left; ; clear: both; font-size: 1rem; color: #181818; word-break: keep-all; margin-bottom: 1px; border: none; padding: 0}
.sub_tbox_img .tablebox li:last-child { margin-bottom: 0}
.sub_tbox_img .tablebox dl { width: 100%; margin: 0 auto; display: flex; align-items: center; flex-wrap : wrap}
.sub_tbox_img .tablebox dt {width: 30%; height: 100%; background: #1f4392; text-align: center; color: #ffffff; line-height: 1.4rem; font-family:'notokr-bold';  padding: 0.5rem 0; box-sizing: border-box; }
.sub_tbox_img .tablebox dd {width: 70%;background: #f4f4f4; text-align: left; margin: 0 auto; line-height: 1.4rem; font-family:'notokr-regular';  padding: 0.5rem; box-sizing: border-box; }
.sub_tbox_img .tablebox dd span { font-family:'notokr-bold';}
	
/*발기부전 - why*/
.whyimg img { margin: 4vw 0 0 0; width: 80%}
.whyimg .txt {font-family: 'notokr-regular';color:#181818;font-size:4vw; margin: 3vw 0 10vw 0}
.whyimg .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 50px; }
.whyimg .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
.whyimg2 img { margin: 4vw 0 0 0; width: 100%}
.whyimg2 .txt {font-family: 'notokr-regular';color:#181818;font-size:4vw; margin: 3vw 0 10vw 0}

.whyimg3 img { margin: 4vw 0 0 0; width: 100%}
.whyimg3 .txt {font-family: 'notokr-regular';color:#181818;font-size:4vw; margin: 8vw 0 0 0; line-height: 6.2vw}
.whyimg3 .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 50px; }
.whyimg3 .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
.whywarp { width: 100%; margin: 4vw auto 0 auto}
.why{margin:2vw auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 4vw 4vw 5.5vw 4vw; position: relative; z-index: 1; box-sizing: border-box}
.why .txt_box{width:100%;}
.why .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:4.5vw;margin:2vw 0;}
.why .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:3.5vw;line-height:4.7vw;}
.why .img_box img { width: 70%}
.why .img_box2 img { width: 80%}
.why:nth-child(2n) .img_box{float:left; position: absolute; z-index: 2; top: 3vw; left: 0 }
.why:nth-child(2n-1) .img_box{float:right; position: absolute; z-index: 2; top: 3vw; right: 0}
.why:nth-child(2n) .img_box2 {float:left; position: absolute; z-index: 2; top: 4.2vw; left: 0 }
.why:nth-child(2n-1) .img_box2 {float:right; position: absolute; z-index: 2; top: 4.2vw; right: 0}
.why:nth-child(2n) .txt_box{float:right;padding-right:0; text-align: right}
.why:nth-child(2n-1) .txt_box{float:left;padding-left:0;text-align:left; }	
.why .txt_box span{font-size:3vw;}
	
/*발기부전 - 증상*/
.check_list{display:block; border: none; margin: 7vw 0 5vw 0; background: none}
.check_list .img_box{width:100%;}
.check_list .img_box img {width:100%; }
.check_list .txt_box{padding-left:0;display:block;margin-top:2vw;}
.check_list li{line-height:4vw;margin: 2vw 0; border: 1px solid #e2e2e2; padding: 5vw 3vw; box-sizing: border-box; background: #ffffff}
.check_list li:last-child { border-bottom: 1px solid #e2e2e2;}
.check_list li img{width:6%;margin-right:2%;}
.check_list li p{width: auto; font-size:3.7vw;}
.check_arrow img {width: 8%}	
.check_list .txt_box .stxt { font-size: 3vw;}
	
/*발기부전 - 치료알아보기 버튼*/
.erectile_bt_warp{ clear: both; position:relative; width: 90%; display: inline-block; padding: 0 5%}
.erectile_bt_warp h2 { clear: both; text-align: center; font-size: 5vw; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2{ clear: both; position:relative; width: 100%; display: inline-block; padding: 0}
.erectile_bt_warp2 h2 { clear: both; text-align: center; font-size: 5vw; font-family: 'notokr-bold'; color: #181818}
.erectile_bt_warp2 .stepimg img {width: 70%;}
.erectile_bt_arrow { clear: both; padding: 15vw 0}
.erectile_bt_arrow img { text-align: center; width: 10% !important}
.erectile_bt_arrow2 { clear: both; padding: 4vw 0}
.erectile_bt_arrow2 img { text-align: center; width: 10% !important}
.erectile_bt {clear: both; width: 100%; float: left; padding: 8vw 0 0 0 !important}
.erectile_bt ul {width: 100%; margin: 0 auto;}
.erectile_bt li {width: 31%; margin-right: 3.5%; float: left; cursor: pointer}
.erectile_bt li:last-child { margin-right: 0}
.erectile_bt li dl {clear: both ; background: #1f4392; border-radius: 20px; padding: 3vw 3vw 1vw 3vw}
.erectile_bt li dt {width: 100%}
.erectile_bt li dt img {text-align: center}
.erectile_bt li dd {text-align: center; font-size: 3.7vw; font-family: 'notokr-bold'; color: #ffffff; padding: 1vw 0 2vw 0}
.erectile_bt li .line2 {line-height: 4vw;  padding: 1.5vw 0}
.erectile_bt li dd span{text-align: center; font-size: 3vw; }
	
.erectile_bt2 {clear: both; width: 100%; float: left; padding: 8vw 0 0 0 !important}
.erectile_bt2 ul {width: 75%; margin: 0 auto;}
.erectile_bt2 li {width: 47%; margin-right: 5%; float: left; cursor: pointer}
.erectile_bt2 li:last-child { margin-right: 0}
.erectile_bt2 li dl {clear: both ; background: #1f4392; border-radius: 20px; padding: 3vw 3vw 1vw 3vw}
.erectile_bt2 li dt {width: 100%}
.erectile_bt2 li dt img {text-align: center}
.erectile_bt2 li dd {text-align: center; font-size: 3.7vw; font-family: 'notokr-bold'; color: #ffffff; padding: 1vw 0 2vw 0}
.erectile_bt2 li .line2 {line-height: 4vw;  padding: 1.5vw 0}
.erectile_bt2 li dd span{text-align: center; font-size: 3vw; }
	
/*발기부전 - 약물치료 안내*/
.drug_multi{ margin: 0; width: 100%}
.drug_multi .box {  display:flex;align-items:center; justify-content: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 5px solid #0088d0}
.drug_multi .box .img_box{width:100%;  padding: 5vw 0}
.drug_multi .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.drug_multi .box .txt_box span{font-family: 'notokr-bold';}	
.drug_multi img {width: 20%}

/*발기부전 - 약물치료소개*/
.drugwarp {width: 100%; margin: 0 auto; clear: both; position: relative}
.drugwarp div.drugtab { clear: both; padding: 7vw 5vw 1vw 5vw ; background: #ffffff;  margin-bottom: 5vw}
.drugwarp div.drugtab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.drugwarp div.drugtab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw; overflow: hidden; margin: 4vw 0 5vw 0}
.drugwarp div.drugtab .txt span { font-family: 'notokr-bold';}
.drugwarp div.drugview{ display:flex;align-items:center; margin: 5vw 0; width: 100%; position: relative }
.drugwarp div.drugview dl { width: 100%; clear: both; padding-bottom: 4vw }
.drugwarp div.drugview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.drugwarp div.drugview dt img { width: 100%}
.drugwarp div.drugview dd { clear: both; background: #f4f4f4; padding: 6vw 2.5vw;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.drugwarp div.drugview dd .title {padding: 0 0 4vw 0; font-size: 4.5vw; color: #181818;  }
.drugwarp div.drugview dd .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.drugwarp div.drugview dd .txt {padding: 0; font-size: 3.3vw; color: #181818; text-align: left; width: 92%; margin: 0 auto; line-height: 5.5vw; word-break: keep-all;}
.drugwarp div.drugview dd .txt span {font-family: 'notokr-bold'}
.drugwarp div.drugview dd .stxt { font-size: 3vw; word-break: keep-all;}
.drugwarp div.drugview img { text-align: center; margin: 0 auto !important}
.drugwarp div.drugview .viewbt { border: 1px solid #d4d4d4; padding: 2.5vw 0 2vw 0; background: #ffffff; border-radius: 100px; position: absolute; left: 25%; bottom:0; text-align: center; font-size: 3.3vw; color: #181818; cursor: pointer; line-height: 4.5vw; margin: 0 auto; width: 50%}
.drugwarp div.drugview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*발기부전 - 특징 및 장점*/
.character {width: 100%; margin: 0 auto; clear: both ; position: relative }
.character dl { width: 100%; float: left; clear: both; margin-top: 6vw; display: flex; flex-direction: column; justify-content:space-around; align-items: center; overflow: hidden;}
.character dt { width: 100%; float: left}
.character dt img { width: 80%}
.character dd {  width: 100%; text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 7vw}
.character dd p {text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; line-height: 1.7; }
.character dd span { font-family: 'notokr-bold'}
.character dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.character dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
.character .txt_box {width: 100%; float: left; clear: both}
.character .txt_box ul {width: 100%; margin: 7vw auto 0 auto}
.character .txt_box li {float: left; padding: 5vw 5vw 5vw 11vw; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; background-size: 6%; box-sizing: border-box}	
.character .txt_box span { font-family: 'notokr-bold'}
.character .txt_box .stxt { font-size: 3vw;}
	
.character .tit_txtbox {width: 100%; float: left; clear: both; margin: 50px 0}
.character .tit_txtbox p { text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 0; line-height: 6vw;} 
.character .tit_txtbox p span { font-family: 'notokr-bold'}
.character .tit_txtbox .marktxt {  clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.character .tit_txtbox .marktxt em {font-size: 3.5vw;font-family:'notokr-black'; }
.character .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
/*발기부전 - 치료기소개*/
.curerwarp {width: 100%; margin: 0 auto; clear: both ; position: relative }
.curerwarp div.curertab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.curerwarp div.curerview dt img { width: 100%}
.curerwarp div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp div.curerview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.curerwarp div.curerview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.curerwarp div.curerview dd p span{ font-size: 3vw; text-align: center;}

.curerwarp2 {width: 100%; margin: 0 auto 10vw auto; clear: both ; position: relative; overflow: hidden;  }
.curerwarp2 div.curertab { width: 100%; float: left; clear: both; padding: 5vw 0 0 0; box-sizing: border-box}
.curerwarp2 div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp2 div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp2 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left; background: #ffffff;  }
.curerwarp2 div.curerview dt img { width: 100%}
.curerwarp2 div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp2 div.curerview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.curerwarp2 div.curerview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}

.curerwarp3 {width: 100%; margin: 0 auto 10vw auto; clear: both ; position: relative; overflow: hidden;  }
.curerwarp3 div.curertab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.curerwarp3 div.curerview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.curerwarp3 div.curerview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.curerwarp3 div.curerview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left; background: #ffffff;  }
.curerwarp3 div.curerview dt img { width: 100%}
.curerwarp3 div.curerview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.curerwarp3 div.curerview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.curerwarp3 div.curerview dd h2 span{font-size: 4.5vw;}
.curerwarp3 div.curerview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
	
.curerview .curercircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.curerview .curercircle ul { width: 252px; margin: 0 auto}
.curerview .curercircle li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.curerview .curercircle li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.curerplace {clear: both; float: left; margin: 5vw 0 0 0 ; width: 100%; border: 1px solid #d2d2d2; box-sizing: border-box}
.curerplace .title{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 4vw; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.curerplace .txt{ width: 100%; padding: 6vw 0; background: #ffffff; font-size: 4vw; text-align: center; color: #0088d0; font-family: 'notokr-bold'; box-sizing: border-box}	
	
/*발기부전 - 협력체결병원 */
.cooperation {width: 100%; margin: 0 auto; clear: both ; position: relative }
.cooperation .s_tit {font-size: 3.5vw; color: #181818; text-align: center; line-height: 5vw; font-family: 'notokr-regular'; margin-bottom: 7vw}
.cooperation .txt {font-size: 4vw; color: #181818; text-align: center; line-height: 6.5vw; font-family: 'notokr-regular'}
.cooperation .txt span  {; font-family: 'notokr-bold'}
.cooperation .arrow img { padding: 10vw 0; width: 8%}	
	
/*발기부전 - 보형물종류*/
.prosthesis {width: 100%; margin: 0 auto; clear: both; position: relative}
.prosthesis div.prostab { clear: both; padding: 7vw 5vw 1vw 5vw ; background: #ffffff;  margin-bottom: 5vw}
.prosthesis div.prostab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.prosthesis div.prostab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw}
.prosthesis div.prostab .txt span { font-family: 'notokr-bold';}
.prosthesis div.prosview{ display:flex;align-items:center; margin: 5vw 0; width: 100%; position: relative }
.prosthesis div.prosview dl { width: 100%; clear: both; padding-bottom: 4vw }
.prosthesis div.prosview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; }
.prosthesis div.prosview dt img { width: 100%}
.prosthesis div.prosview dd { clear: both; background: #f4f4f4; padding: 5vw 2.5vw 8vw 2.5vw ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.prosthesis div.prosview dd .title {padding: 0 0 4vw 0; font-size: 4.5vw; color: #181818;  }
.prosthesis div.prosview dd .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.prosthesis div.prosview dd .txt {padding: 0; font-size: 3.3vw; color: #181818; text-align: center; width: 92%; margin: 0 auto; line-height: 5.5vw}
.prosthesis div.prosview dd .txt span {font-family: 'notokr-bold'}
.prosthesis div.prosview img { text-align: center; margin: 0 auto !important}
.prosthesis div.prosview .viewbt { border: 1px solid #d4d4d4; padding: 2.5vw 8vw 2vw 8vw; background: #ffffff; border-radius: 100px; position: absolute; left: 16%; bottom:0; text-align: center; font-size: 3.3vw; color: #181818; cursor: pointer; line-height: 4.5vw; margin: 0 auto}
.prosthesis div.prosview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*발기부전 - 보형물종류팝업*/
#boxes .sub_popup_close { text-align:right; right:15px; top: 15px; position:absolute}
#boxes .sub_popup_close img { width: auto}

#boxes #subpopview01 { width:90%; padding:0; background-color:#ffffff;}
#boxes #subpopview01 img {width:80%}
#boxes .sub_popup01 { position: absolute; width:100%; height:130vw; display:none; z-index:999999; padding:0;}

#boxes #subpopview02 { width:90%; padding:0; background-color:#ffffff;}
#boxes #subpopview02 img {width:80%}
#boxes .sub_popup02 { position: absolute; width:100%; height:130vw; display:none; z-index:999999; padding:0;}

.boximg {width: 100%; height: 86%; clear: both; overflow-y: hidden; position: relative; top: 30px; padding: 0; box-sizing: border-box; text-align: center; background: #ffffff}
.boximg .pros_popview {width: 100%; clear: both; text-align: center}
.boximg .pros_popview p img { text-align: center; padding: 20px 0; width: 80%}
.boximg .pros_popview dl {width: 90%; clear: both; background: #f4f4f4; padding: 6vw 2vw 4vw 2vw; box-sizing: border-box; margin: 5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.boximg .pros_popview dt {width: 100%; clear: both; padding: 0 0 10px 0; font-size: 5vw; color: #181818; text-align: center;}
.boximg .pros_popview dt span {border-bottom: 3px solid #181818; font-family:'notokr-bold';}
.boximg .pros_popview dd { font-family:'notokr-regular'; font-size: 3.8vw; color: #181818; text-align: left; margin: 0 auto; width: 90%; line-height: 6vw}
.boximg .pros_popview dd span { font-family:'notokr-bold';}	
.boximg .pros_popview dd .stxt{ font-family:'notokr-bold'; font-size: 3.2vw}	
.boximg .arrow img { padding: 13vw 0; text-align: center !important; width: 10% !important}	

.boximg .feature {width: 100%; clear: both; text-align: center}
.boximg .feature p {font-family:'notokr-medium'; font-size: 3.8vw; color: #181818;}
.boximg .feature p span { font-family:'notokr-bold'; }
.boximg .feature p img { text-align: center; padding: 10px 0 ; width: 90%}
.boximg .feature ul { width: 90%; clear: both; background: #f4f4f4; padding: 30px 0.5rem; box-sizing: border-box; margin: 5% 5% 5% 5%; overflow: hidden}
.boximg .feature .stit{ font-family:'notokr-bold'; font-size: 5vw; color: #181818; text-decoration-line: underline; text-underline-offset: 10px; text-decoration-thickness: 4px; margin-bottom: 2.5rem}
.boximg .feature li { width: 100%; float: left; ; clear: both; font-size: 3.8vw; color: #181818; word-break: keep-all; margin-bottom: 10px}
.boximg .feature li:last-child { margin-bottom: 0}
.boximg .feature dl { width: 96%; margin: 0 auto; display: flex}
.boximg .feature dt {width: 6%; line-height: 1.3rem; font-family:'notokr-regular' }
.boximg .feature dd {width: 100%;  text-align: left; margin: 0 auto; line-height: 1.3rem; font-family:'notokr-regular' }
.boximg .feature dd span { font-family:'notokr-bold';}
	
.boximg .pros_popview2 {width: 100%; clear: both; text-align: center}
.boximg .pros_popview2 img { text-align: center; padding: 10px 0 20px 0; width: 90%}	
	
.boximg .pros_popview3 {width: 100%; clear: both; text-align: center; margin: 2rem 0}
.boximg .pros_popview3 ul { width: 90%; margin: 0 auto;clear: both; display: flex; align-items: center; flex-direction: column; gap : 1rem; box-sizing: border-box;}
.boximg .pros_popview3 li { width: 100%; float: left;  border: 5px solid #f4f4f4}
.boximg .pros_popview3 li dl { width: 100%; display: flex; align-items: center; flex-direction: row;}
.boximg .pros_popview3 li dt {width: 50%}
.boximg .pros_popview3 li dt img { width: 100%;}
.boximg .pros_popview3 li dd {width: 100%;  text-align: left; background: #f4f4f4; padding: 1rem }
.boximg .pros_popview3 li dd .title {width: 100%;  text-align: left; line-height: 1.2; font-family:'notokr-bold' ; font-size: 1.1rem; margin-bottom: 0.5rem}
.boximg .pros_popview3 li dd .txt {width: 100%;  text-align: left; line-height: 1.4; font-family:'notokr-regular' ; font-size: 0.95rem;  word-break: keep-all;}

	
/*발기부전 - system*/
.er_systemwarp { width: 100%; margin: 4vw auto; float: left}
.er_system{margin:3vw auto; clear: both; float: left; background: #ffffff; width: 100%; padding: 4vw 4vw 6vw 4vw; position: relative; border: 1px solid #e3e3e3; z-index: 1; box-sizing: border-box}
.er_system .img_box{width:28%; }
.er_system .img_box img{width:120%; }
.er_system .txt_box{width:100%;}
.er_system .txt_box h3{font-family: 'notokr-medium';color:#0088d0;font-size:4.5vw;margin:2vw 0;}
.er_system .txt_box > p{font-family: 'notokr-regular';color:#181818;font-size:3.5vw;line-height:4.7vw;}
.er_system:nth-child(2n-1) .img_box{float:left; position: absolute; z-index: 2; top: -5vw; left: 2vw }
.er_system:nth-child(2n) .img_box{float:right; position: absolute; z-index: 2; top: -5vw; right: 6vw}
.er_system:nth-child(2n-1) .txt_box{float:right;padding-right:0; text-align: right}
.er_system:nth-child(2n) .txt_box{float:left;padding-left:0;text-align:left; }	
	
/*발기부전 - carewave*/
.carewave {width: 100%; margin: 0 auto; clear: both ; position: relative; }
.carewave h2 { clear: both; text-align: center; font-size: 5vw; font-family: 'notokr-bold'; color: #181818}
.carewave .general {width: 46%; float: left}
.carewave .general dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .general dt { width: 100%; background: #ffffff; padding: 10px; box-sizing: border-box}
.carewave .general dt img {width: 100%}
.carewave .general dd{ width: 100%; text-align: center; font-size: 3.8vw; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}
.carewave .sleeve {width: 46%; float: right}
.carewave .sleeve dl { width: 100%; clear: both; border: 1px solid #e2e2e2; box-sizing: border-box}
.carewave .sleeve dt { width: 100%; background: #ffffff; padding: 10px; box-sizing: border-box}
.carewave .sleeve dt img {width: 100%}
.carewave .sleeve dd{ width: 100%; text-align: center; font-size: 3.8vw; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}
.carewave .arrow {width: 8%; float: left; margin-top: 18vw }
.carewave .arrow img {width: 10px; text-align: center; justify-content: center; align-item: center;}

.carewave2 {width: 100%; margin: 0 auto; clear: both ; position: relative; }
.carewave2 h2 { clear: both; text-align: center; font-size: 5vw; font-family: 'notokr-bold'; color: #181818}
.carewave2 img{width: 100%;}

.video_thumb {display: block; width: 100%; height: auto !important}
	
/*포경수술 - 슬리브포경*/
.phimosis_sleeve {width: 100%; margin: 0 auto; clear: both ; position: relative;  }
	
.phimosis_sleeve1 dl { width: 100%; clear: both; margin-top: 4vw}
.phimosis_sleeve1 dt { width: 100%; }
.phimosis_sleeve1 dd { width: 100%; text-align: center; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; margin-top: 6vw; line-height: 160% !important }
.phimosis_sleeve1 .general dl { width: 100%; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve1 .general dt { width: 100%; background: #ffffff; padding: 10px; box-sizing: border-box}
.phimosis_sleeve1 .general dt img {width: 80%}
.phimosis_sleeve1 .general dd{ width: 100%; text-align: center; font-size: 3.8vw; background: #1c2032; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}

.phimosis_sleeve2 dl { width: 100%; clear: both; margin: 30px 0 40px 0; float: left}
.phimosis_sleeve2 dt { width: 100%; }
.phimosis_sleeve2 dd { width: 100%; text-align: center; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; margin-top: 6vw; line-height: 160%; margin: 0 !important }
.phimosis_sleeve2 .sleeve dl { width: 100%; clear: both; border: 1px solid #e2e2e2}
.phimosis_sleeve2 .sleeve dt { width: 100%; background: #ffffff; padding: 10px; box-sizing: border-box}
.phimosis_sleeve2 .sleeve dt img {width: 80%}
.phimosis_sleeve2 .sleeve dd{ width: 100%; text-align: center; font-size: 3.8vw; background: #0088d0; color: #ffffff; font-family: 'notokr-regular'; margin: 0; padding: 5px 0}

.phimosis_sleeve dd span {font-family:'notokr-bold';}

.phimosis_sleeve .marktxt {  color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 50px; }
.phimosis_sleeve .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
.phimosis_sleeve .txt_box {width: 100%; float: left; clear: both}
.phimosis_sleeve .txt_box h2 { font-size: 5vw;font-family:'notokr-bold'; margin-bottom: 0}
.phimosis_sleeve .txt_box ul {width: 100%; margin: 7vw auto 0 auto}
.phimosis_sleeve .txt_box li {float: left; padding: 5vw 5vw 5vw 11vw; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; background-size: 6%; box-sizing: border-box}		
.phimosis_sleeve .txt_box li:nth-child(even) { margin-left: 0 !important}	
	
.erectile_new .txt_box2 {width: 100%; float: left; clear: both}
.erectile_new .txt_box2 h2 { font-size: 5vw;font-family:'notokr-bold'; margin-bottom: 0}
.erectile_new .txt_box2 ul {width: 100%; margin: 7vw auto 0 auto}
.erectile_new .txt_box2 li {float: left; padding: 5vw 0 5vw 35px; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 48.5%; background: url("/images/erectile/checklist_chk.png") no-repeat 8% 50% #ffffff; background-size: 20px; box-sizing: border-box; margin: 1.5% 0;}
.erectile_new .txt_box2 li:nth-child(odd) { margin-right: 1.5%;}
.erectile_new .txt_box2 li:nth-child(even) { margin-left: 1.5%;}
	
/*포경수술 - 슬리브포경 안내*/
.phimosis_txt{display:flex;align-items:center; margin: 2vw 0; width: 100%}
.phimosis_txt .box { width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 5px solid #0088d0}
.phimosis_txt .box .img_box{width:100%;  padding: 5vw 0; margin-top: 0}
.phimosis_txt .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.phimosis_txt .box .txt_box span{font-family: 'notokr-bold';}	
.phimosis_txt img {width: 20%}
	
.phimosis_arrow { clear: both; padding: 15vw 0}
.phimosis_arrow img { text-align: center; width: 10%}	
	
/*포경수술-포경수술 q&a*/	
.phimosis_qna{width:100%;margin:8vw auto 0;}
.phimosis_qna .item{overflow:hidden;margin-bottom:6vw;position:relative;z-index:2;width: 80%; margin: 0 auto}
.phimosis_qna .item .num{width:30vw;height:7vw;line-height:7vw;font-size:3.5vw;}
.phimosis_qna .item .box{width:100%; padding:10vw 3vw;margin:0 auto; box-sizing: border-box; border: 3px solid #0088d0}
.phimosis_qna .item .box h4{font-size:5vw;line-height:6vw;padding-bottom:8vw;}
.phimosis_qna .item .box h4 span{font-size:4.2vw;}
.phimosis_qna .item .box p{font-size:3.5vw;line-height:5.5vw;margin-top:8vw;}
.phimosis_qna .item .box p span{font-size:3vw;}
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 55%; left: 0}
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}	
	
/*포경수술 - 포경수술종류*/
.phimosis_type {width: 100%; margin: 0 auto; clear: both ; position: relative }
.phimosis_type div.phimosistab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.phimosis_type div.phimosistab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.phimosis_type div.phimosistab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw; overflow: hidden; margin-bottom: 5vw}
.phimosis_type div.phimosistab .txt span { font-family: 'notokr-bold';}	
.phimosis_type div.phimosisview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.phimosis_type div.phimosisview dl { display:block;align-items:center;width: 100%; clear: both; }
.phimosis_type div.phimosisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.phimosis_type div.phimosisview dt img { width: 100%}
.phimosis_type div.phimosisview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 30px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.phimosis_type div.phimosisview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd h2 .tit_s{padding: 10px 0; font-size: 3.5vw; color: #181818; text-align: center}
.phimosis_type div.phimosisview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.phimosis_type div.phimosisview dd p span{ font-family: 'notokr-bold'}
.phimosis_type div.phimosisview dd p span em{ font-size: 3vw}
.phimosis_type div.phimosisview dd .viewbt { border: 1px solid #d4d4d4; padding: 10px 20px; background: #ffffff; border-radius: 30px; position: absolute; ;left:50%;transform:translateX(-50%); bottom:-7%; text-align: center; font-size: 0.85rem; color: #181818; cursor: pointer; line-height: 5vw; margin: 0 auto}
.phimosis_type div.phimosisview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
.phimosisview .phimosiscircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle ul { width: 252px; margin: 0 auto}
.phimosisview .phimosiscircle li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.phimosisview .phimosiscircle li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.phimosisview .phimosiscircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle2 ul { width: 168px; margin: 0 auto}
.phimosisview .phimosiscircle2 li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.phimosisview .phimosiscircle2 li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}

.phimosisview .phimosiscircle3_square {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle3_square ul { width: 252px; margin: 0 auto}
.phimosisview .phimosiscircle3_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.phimosisview .phimosiscircle3_square li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}

.phimosisview .phimosiscircle2_square {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.phimosisview .phimosiscircle2_square ul { width: 168px; margin: 0 auto}
.phimosisview .phimosiscircle2_square li {position: relative; border-radius: 10px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.phimosisview .phimosiscircle2_square li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
	
/*포경수술 - 포경재건수술*/
.reconstruct {width: 100%; margin: 0 auto; clear: both ; position: relative }
.reconstruct dl { width: 100%; float: left; clear: both; margin-top: 6vw}
.reconstruct dt { width: 100%; float: left}
.reconstruct dt img { width: 80%}
.reconstruct dd {  width: 100%; text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 7vw}
.reconstruct dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.reconstruct dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}	
.reconstruct dd .stxt {font-size: 3vw; color: #181818; font-family: 'notokr-regular';}
.reconstruct .txt_box {width: 100%; float: left; clear: both}
.reconstruct .txt_box h2 { font-size: 5vw;font-family:'notokr-bold';}
.reconstruct .txt_box ul {width: 100%; margin: 7vw auto 0 auto}
.reconstruct .txt_box li {float: left; padding: 5vw 5vw 5vw 11vw; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; background-size: 6%; box-sizing: border-box}	
.reconstruct .txt_box li span {font-size: 3vw}
	
.reconstruct .tit_txtbox {width: 100%; float: left; clear: both; margin: 50px 0}
.reconstruct .tit_txtbox p { text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 0; line-height: 6vw;} 
.reconstruct .tit_txtbox p span { font-family: 'notokr-bold'}
.reconstruct .tit_txtbox .marktxt {  clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.reconstruct .tit_txtbox .marktxt em {font-size: 3.5vw;font-family:'notokr-black'; }
.reconstruct .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
/*포경수술 - 종류밎과정*/
.ph_process  {width: 100%; margin: 0 auto; clear: both; position: relative}
.ph_process div.processtab { clear: both; padding: 2vw 7vw ; background: #ffffff;  margin-bottom: 5vw}
.ph_process div.processtab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.ph_process div.processtab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw}
.ph_process div.processtab .txt span { font-family: 'notokr-bold';}
.ph_process div.processview{ display:flex;align-items:center; margin: 5vw 0; width: 100%; position: relative }
.ph_process div.processview dl { width: 100%; clear: both;}
.ph_process div.processview dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 10px }
.ph_process div.processview dt img { width: 100%;}
.ph_process div.processview dd { clear: both; background: #f4f4f4; padding: 5vw 2.5vw  ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.ph_process div.processview dd .title {padding: 0 0 4vw 0; font-size: 4.5vw; color: #181818; font-family:'notokr-bold' }
.ph_process div.processview dd .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.ph_process div.processview dd .txt {padding: 0; font-size: 3.3vw; color: #181818; text-align: center; width: 94%; margin: 0 auto; line-height: 5.5vw}
.ph_process div.processview dd .txt span {font-family: 'notokr-bold'; font-size: 3vw;}
.ph_process div.processview img { text-align: center; margin: 0 auto !important}
.ph_process div.processview .viewbt { border: 1px solid #d4d4d4; padding: 2.5vw 8vw 2vw 8vw; background: #ffffff; border-radius: 100px; position: absolute; left: 16%; bottom:-4%; text-align: center; font-size: 3.3vw; color: #181818; cursor: pointer; line-height: 4.5vw; margin: 0 auto}
.ph_process div.processview .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
	
/*요로결석 - 치료과정*/
.prostate_step {width: 100%; margin: 0 auto; clear: both ; position: relative; margin-bottom: 50px }
.prostate_step img {width: 100%}
	
/*요로결석 - 대기요법*/
.therapy {width: 100%; margin: 0 auto; clear: both ; position: relative }
.therapy dl { width: 100%; float: left; clear: both; margin-top: 6vw}
.therapy dt { width: 100%; float: left}
.therapy dt img { width: 80%}
.therapy dd {  width: 100%; text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 7vw}
.therapy dd span { font-family: 'notokr-bold'}
.therapy dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.therapy dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
.prostate_bt_arrow { clear: both; padding: 15vw 0 0 0}
.prostate_bt_arrow img { text-align: center; width: 10%}	
	
/*요로결석 - 응급전화 버튼*/
.prostate_bt_warp{ clear: both; ;position:relative; width: 90%; display: inline-block; padding: 0 5%}
.prostate_bt_warp h2 { clear: both; text-align: center; font-size: 4vw; font-family: 'notokr-bold'; color: #181818}
.prostate_bt_warp { clear: both; padding: 0}
.prostate_bt_warp img { text-align: center; width: 100%}
.prostate_bt {clear: both; width: 100%; float: left; padding: 5vw 0}
.prostate_bt ul {width: 40%; margin: 0 auto;}
.prostate_bt li {width: 100%; margin : 0 5%; float: left; cursor: pointer}
.prostate_bt li dl {clear: both ; background: #1f4392; border-radius: 20px; padding: 3vw 3vw 1vw 3vw}
.prostate_bt li dt {width: 100%}
.prostate_bt li dt img {text-align: center}
.prostate_bt li dd {text-align: center; font-size: 3.7vw; font-family: 'notokr-bold'; color: #ffffff; padding: 1vw 0 2vw 0}	
	
/*만곡증 - 교정대상자*/
.type_list2 {float: left; clear: both; padding-top:20px; padding-bottom: 40px}
.type_list2 ul{ width: 100%}
.type_list2 li{float:left; width:47%; margin: 1.5%; padding: 0; border: 1px solid #e2e2e2; box-sizing: border-box}
.type_list2 li dl {width: 100%; clear: both; }
.type_list2 li dt {clear: both; cursor:pointer;position:relative;}
.type_list2 li dt .target { width: 100%}
.type_list2 li dt a { position: relative; display: block; width: 38.8vw; height: 38.5vw;}
.type_list2 li dt a > img { position: absolute; top: 0; left: 0; }
.type_list2 li dt .img2 { display: none;}
.type_list2 li dd { clear: both;  }
.type_list2 li dd .title {padding: 1.5vw 0; background: #1c2032; font-size: 4.5vw; color: #ffffff; font-family:'notokr-medium'}
.type_list2 li dd .txt {padding: 5vw 0; background: #ffffff; font-size: 3.5vw; color: #181818;}

/*웨딩검진 - SYSTEM*/
.we_system {display:flex;align-items:center; padding:5vw 0 0 0 ;position:relative; width: 100%; float: left}
.we_system ul {width: 100%; margin: 0 auto;}
.we_system li {width: 100%; margin: 3vw 0; float: left; }
.we_system li:last-child {margin: 0;}
.we_system li dl {clear: both ;}
.we_system li dt {width: 35%; float: left; }
.we_system li dd {width: 65%; float: left; padding-left: 3vw; box-sizing: border-box }
.we_system li dd .title{width: 100%; text-align: left; color: #0088d0; font-size: 5vw; font-family: 'notokr-bold'; padding: 10px 0; margin-top: 1vw}
.we_system li dd .txt{text-align: left; font-size: 4vw; line-height: 5.5vw; font-family: 'notokr-regular';}	
	
/*성병 - 성병종류버튼*/
.venereally {clear: both; width: 100%; float: left; padding:20px 0 ;position:relative; }
.venereally ul {width: 100%;}
.venereally li {width: 32.6666%; float: left; margin: 1% 1% 1% 0}
.venereally li:nth-child(3n) {margin: 1% 0 1% 0}
.venereally li .viewbt { border: 1px solid #d4d4d4; padding: 2.3vw 1vw 2vw 2vw; background: #ffffff url("/images/common/bt_arrow.png") no-repeat right 50%; background-size: 22px 22px; border-radius: 50px; text-align: left; font-size: 3.5vw; color: #181818; cursor: pointer; margin: 0 auto; }
.venereally li .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

.boximg .ven_popview {width: 90%; float: left; padding: 1% 5%; clear: both; text-align: center; margin: 0 auto}

.boximg .ven_popview .boxtxt {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.boximg .ven_popview .boxtxt .title{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 4vw; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.boximg .ven_popview .boxtxt .txt{ width: 100%; padding: 6vw 0; background: #ffffff; font-size: 3.5vw; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2;}
.boximg .ven_popview .boxtxt .txt span {color: #c81111; font-family: 'notokr-bold';}
.boximg .ven_popview .boxtxt .iconimg img{text-align: center; width: 30%}
	
.boximg .ven_popview .boxlinetxt {clear: both; float: left; margin: 20px 0; width: 100%; box-sizing: border-box; border: 5px solid #1f4392; border-radius: 10px; position: relative; padding: 7vw 0 2vw 0}
.boximg .ven_popview .boxlinetxt .title{ padding: 10px 20px; background: #ffffff; position: absolute; top: -25px; left: 34%; text-align: center; font-size: 4.5vw; font-family: 'notokr-bold'; color: #1f4392; margin: 0 auto}
.boximg .ven_popview .boxlinetxt .txt{ width: 100%; padding: 2vw 0 4vw 0; background: #ffffff; font-size: 3.5vw; text-align: center; color: #0087d0; font-family: 'notokr-bold'; box-sizing: border-box; }

/*성병 - 방치 시 문제*/
.ven_issue {width: 100%; margin: 0 auto; clear: both ; position: relative }
.ven_issue dl { width: 100%; float: left; clear: both; margin-top: 6vw}
.ven_issue dt { width: 100%; float: left}
.ven_issue dt img { width: 80%}
.ven_issue dd {  width: 100%; text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 7vw}
.ven_issue dd span { font-family: 'notokr-bold'}
.ven_issue dd .marktxt { clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.ven_issue dd .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
.ven_issue .txt_box {width: 100%; float: left; clear: both}
.ven_issue .txt_box ul {width: 100%; margin: 7vw auto 0 auto}
.ven_issue .txt_box li {float: left; padding: 5vw 5vw 5vw 11vw; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; background-size: 6%; box-sizing: border-box}	
.ven_issue .txt_box span { font-family: 'notokr-bold'}
.ven_issue .txt_box .stxt { font-size: 3vw;}

/*성병-검사종류슬라이드*/
.swiper-newslide_p {display: none}
.swiper-newslide_m {display: block}

.newslide{ display:flex;align-items:center; margin: 7vw 0; width: 100%}
.newslide dl { width: 100%; clear: both; ; padding-bottom: 8vw }
.newslide dt {clear: both; position:relative; border: 1px solid #d2d2d2; box-sizing: border-box;}
.newslide dt img { width: 100%}
.newslide dd { clear: both; background: #f4f4f4; padding: 8vw 0; border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; height: auto; }
.newslide dd .title {padding: 0 0 10px 0; font-size: 4.5vw; color: #181818; font-family:'notokr-bold'}
.newslide dd .title_s {padding: 0 0 10px 0; font-size: 3.5vw; color: #181818; font-family:'notokr-bold'}
.newslide dd .txt {padding: 0; font-size: 3.5vw; color: #181818;}
.newslide  .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
    }
	
	
/*성병 - qatv*/
.qatv {width: 100%; margin: 30px 0 0 0; clear: both ; position: relative; overflow: hidden }
.qatv_view {width:100%; height:50vw; float:left; position:relative; margin-top:0; clear: both}
.qatv_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}

.qatv_list {position:relative!important; width:100%!important; float:left; margin-left:0!important; clear: both; margin-top: 10px}
.qatv_list ul li { text-align: left; padding:2%; overflow: hidden; position: relative; display: table; table-layout: fixed; width: 46%; cursor:pointer;	margin-bottom: 0; float: left}

.qatv_list ul li .thumb {float:none; display:block; width:100%; height:24vw; position:relative; overflow: hidden;}
.qatv_list ul li .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.qatv_list ul li.on .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:4px solid #0088d0; opacity:1; }
.qatv_list ul li .thumb span { display:block;}
.qatv_list ul li .thumb img {width:100%; position:absolute; max-width:none; filter: grayscale(100%); }
.qatv_list ul li.on .thumb img{filter:none; }

.qatv_list ul li .subject { display: none}	
	
/*여유증 원인 및 형태 - TYPE*/
.type_list {float: left; clear: both; padding-top:20px; padding-bottom: 40px}
.type_list ul{ width: 100%}
.type_list li{float:left; width:47%; margin: 1.5%; padding: 0; border: 1px solid #e2e2e2; box-sizing: border-box}
.type_list li dl {width: 100%; clear: both; }
.type_list li dt {clear: both; cursor:pointer;position:relative;}
.type_list li dt .target { width: 100%}
.type_list li dt a { position: relative; display: block; width: 38.8vw; height: 38.5vw;}
.type_list li dt a > img { position: absolute; top: 0; left: 0; }
.type_list li dt .img2 { display: none;}
.type_list li dd { clear: both;  }
.type_list li dd .title {padding: 1.5vw 0; background: #1c2032; font-size: 4.5vw; color: #ffffff; font-family:'notokr-medium'}
.type_list li dd .txt {padding: 5vw 0; background: #ffffff; font-size: 3.5vw; color: #181818;}
.typetxt {  position: relative; color: #181818;font-family:'notokr-black'; font-size: 4vw;}
.typetxt span { color: #c81111;font-family:'notokr-black'; font-size: 4vw;}

/*여유증 수술방법 - PLAN*/
.plan{display:block; align-items:center; margin: 7vw 0 5vw 0; width: 100%; }
.plan .normal { width: 100% }
.plan .normal dl {width: 100%}
.plan .normal dt {clear: both; cursor:pointer;position:relative;}
.plan .normal dd {padding: 3vw 0; background: #1c2032; font-size: 4vw; color: #ffffff;}
.plan .unusual { width: 100%; }
.plan .unusual dl {width: 100%;}
.plan .unusual dt {clear: both; cursor:pointer;position:relative;}
.plan .unusual dd {padding: 3vw 0; background: #0088d0; font-size: 4vw; color: #ffffff;}
.plan .arrow {width: 100%; clear: both; padding: 4vw 0; text-align: center}
.plan .arrow img { width: 5%; transform : rotate(90deg)}

/*여유증 수술방법 - 수술과정*/
.surgery { width: 100%; clear: both; padding:1vw 0 5vw 0 ; margin: 0 auto}
.surgery .item{margin-top:8vw;}
.surgery .item .img_box{width:100%;}
.surgery .item .txt_box{width:100%; float:left; text-align: left; padding-top:5vw;  padding-bottom: 11vw}
.surgery .item .txt_box h4{color:#acacac;font-size:3vw; font-weight:500;letter-spacing:0; text-align: center}
.surgery .item .txt_box .num{color:#0088d0;font-size:6vw;display:inline-block;letter-spacing:0.005em;position:relative; font-family:'notokr-bold'; padding-left: 5px}
.surgery .item .txt_box h3{font-family: 'notokr-medium';color:#0f0f0f;font-size:5vw;margin:3vw 0; text-align: center}
.surgery .item .txt_box > p{font-family: 'notokr-regular';color:#0f0f0f;font-size:4vw;line-height:5.5vw; text-align: center}

/*여유증 수술후관리 - PLAN*/
.plan_after{display:flex;align-items:center; margin: 8vw 0 12vw 0; width: 100%}
.plan_after .box { width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 5px solid #0088d0}
.plan_after .box .img_box{width:100%;  padding: 5vw 0}
.plan_after .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.plan_after .box .txt_box span{font-family: 'notokr-bold';}	
.plan_after img {width: 20%}
.plan-button-warp { position:relative; width: 60%; margin: 0 auto; top: 0; left: 0; float: left; padding: 0 20%}
.plan-button-next {position:relative;top: 0; float: right; width:59px;height:35px;margin-top:0;z-index:10;cursor:pointer;background-size:59px 35px;background-position:center;background-repeat:no-repeat}
.plan-button-prev {position:relative;top: 0; float: left; width:59px;height:35px;margin-top:0;z-index:10;cursor:pointer;background-size:59px 35px;background-position:center;background-repeat:no-repeat}

/*유두축소*/
.nipple_guide{ margin: 2vw 0 25vw 0; width: 100%}
.nipple_guide .box {  display:flex;align-items:center; justify-content: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/moob/plan_after_bg.jpg") repeat; border: 5px solid #0088d0}
.nipple_guide .box .img_box{width:100%;  padding: 5vw 0}
.nipple_guide .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.nipple_guide .box .txt_box span{font-family: 'notokr-bold';}	
.nipple_guide img {width: 20%}

/*유두축소-수술방법*/
.nipplewarp {width: 100%; margin: 0 auto; clear: both ; background: #1f4392 !important}
.nipplewarp ul.nippletab { padding: 3.3vw 0; margin: 7vw auto 0 auto ; list-style-type: none; text-align: center; width: 100% !important}        
.nipplewarp ul.nippletab li { display: inline; margin: 0; margin :0 5vw}        
.nipplewarp ul.nippletab li a { font-size: 4.2vw; text-decoration: none; position: relative; color: #6d8dd3; box-sizing: border-box; padding: 2.3vw 0}        
.nipplewarp ul.nippletab li a:visited { color: #6d8dd3;}        
.nipplewarp ul.nippletab li a:hover { color: #ffffff; border-bottom: 4px solid #00c6ff}        
.nipplewarp ul.nippletab li.selected a, .nipplewarp ul.nippletab li.selected a:hover { color: #ffffff; border-bottom: 4px solid #00c6ff; }        
.nipplewarp ul.nippletab li.selected a:hover { text-decoration: none;} 
.nipplewarp div.nippletabcontents { clear: both; padding: 9vw 5vw 5vw 5vw ; background: #ffffff;;  margin-bottom: 10vw}
.nipplewarp div.nippletabcontents img { text-align: center; margin: 0 auto !important}
.nipplewarp div.nippletabcontents h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.nipplewarp div.nippletabcontents .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw; overflow: hidden; margin: 2vw 0 7vw 0}
.nipplewarp div.nippletabcontents .txt span { font-family: 'notokr-bold';}
	
/*유두축소-q&a*/
.nipple_qna{width:100%;margin:8vw auto 0;}
.nipple_qna .item{overflow:hidden;margin-bottom:6vw;position:relative;z-index:2;width: 80%; margin: 0 auto}
.nipple_qna .item .num{width:30vw;height:7vw;line-height:7vw;font-size:3.5vw;}
.nipple_qna .item .box{width:100%; padding:10vw 3vw;margin:0 auto; box-sizing: border-box; border: 3px solid #0088d0}
.nipple_qna .item .box h4{font-size:5vw;line-height:6vw;padding-bottom:8vw; font-family: 'notokr-bold'}
.nipple_qna .item .box h4 span{font-size:4.2vw;}
.nipple_qna .item .box p{font-size:3.5vw;line-height:5.5vw;margin-top:8vw;}
.nipple_qna .item .box p span{font-family: 'notokr-bold'}
.swiper_qa_button { position:absolute; width: 100%; margin: 0 auto; top: 55%; left: 0}
.swiper_qa_button .swiper-button-next {position:relative;top: 0; float: right; text-align: right; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev {position:relative;top: 0; float: left; text-align: left; margin-top:0; z-index:10;cursor:pointer;background-size:50% 50%;background-position:center;background-repeat:no-repeat}
.swiper_qa_button .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:0;right:auto !important}
.swiper_qa_button .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:0;left:auto !important}
	
.nipple_bt_arrow { clear: both; padding: 15vw 0 0 0}
.nipple_bt_arrow img { text-align: center; width: 10%}	
	
/*전립선 - 안내*/
.prostate_guide{display:flex;align-items:center; margin: 2vw 0; width: 100%}
.prostate_guide .box { width: 100%; margin: 0 auto; padding: 3vw 3vw 7vw 3vw; box-sizing: border-box; background: url("/images/vasectomy/vasectomy_multi_bg.jpg") repeat; border: 5px solid #0088d0}
.prostate_guide .box .img_box{width:100%;  padding: 5vw 0}
.prostate_guide .box .txt_box{width:100%; text-align: center;font-family: 'notokr-regular';color:#181818;font-size:4vw;line-height:6vw;}
.prostate_guide .box .txt_box span{font-family: 'notokr-bold';}	
.prostate_guide img {width: 30%}
	
/*전립선 - 원인*/
.prostate_why{width: 100%; margin: 6vw auto 0 auto; clear: both ; position: relative; overflow: hidden}
.prostate_why ul { width: 80%; background: #ffffff; margin: 4vw auto; padding: 10%}
.prostate_why ul h2 {font-size: 6vw ; text-align: left;font-family: 'notokr-bold'; color: #1f4392}
.prostate_why ul h2:after{content:'';display:block;clear:both; border-bottom: 3px solid #1c2032;margin-top: 2vw;}
.prostate_why ul h2 span{font-family: 'notokr-light';font-size:3.3vw;color:#181818; text-align: left; padding-left: 3%}
.prostate_why li{line-height:4vw;margin:5vw 0; ;padding: 0; background: url("/images/erectile/checklist_chk.png") no-repeat left 0.1rem/1rem; padding-left: 1.6rem; word-break: keep-all;}
.prostate_why li:after{content:'';display:block;clear:both;}
.prostate_why li img{width:6%;margin-right:2%; }
.prostate_why li p{width: auto; font-size:3.7vw;}
.prostate_why li span { font-size: 3.3vw;font-family: 'notokr-bold';}
.prostate_why li:last-child{margin-bottom:0; padding-bottom:0;}
.prostate_why li:last-child p{border-bottom:0; padding-bottom:0;}
	
/*전립선 - 치료방법*/
.prostate_cure {width: 100%; margin: 0 auto; clear: both ; position: relative }
.prostate_cure div.prostatetab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.prostate_cure div.prostateview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.prostate_cure div.prostateview dl { display:block;align-items:center;width: 100%; clear: both; }
.prostate_cure div.prostateview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.prostate_cure div.prostateview dt img { width: 100%}
.prostate_cure div.prostateview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 30px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.prostate_cure div.prostateview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.prostate_cure div.prostateview dd h2 .tit_s{padding: 10px 0; font-size: 3.5vw; color: #181818; text-align: center}
.prostate_cure div.prostateview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.prostate_cure div.prostateview dd p span{ font-family: 'notokr-bold'; }
.prostate_cure div.prostateview dd p .stxt{ font-family: 'notokr-medium' ; font-size: 3vw; ; text-align: center}
.prostate_cure div.prostateview dd .viewbt { border: 1px solid #d4d4d4; padding: 10px 20px; background: #ffffff; border-radius: 30px; position: absolute; ;left:50%;transform:translateX(-50%); bottom:-7%; text-align: center; font-size: 0.85rem; color: #181818; cursor: pointer; line-height: 5vw; margin: 0 auto}
.prostate_cure div.prostateview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}
.prostateview .prostatecircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.prostateview .prostatecircle ul { width: 252px; margin: 0 auto}
.prostateview .prostatecircle li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.prostateview .prostatecircle li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.prostateview .prostatecircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.prostateview .prostatecircle2 ul { width: 168px; margin: 0 auto}
.prostateview .prostatecircle2 li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.prostateview .prostatecircle2 li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
	
/*전립선 - 특징*/
.urolift {width: 100%; margin: 0 auto; clear: both ; position: relative }
.urolift .tit_txtbox {width: 100%; float: left; clear: both; margin: 50px 0}
.urolift .tit_txtbox p { text-align: center; font-size: 4vw; color: #181818; font-family: 'notokr-regular'; margin-top: 0; line-height: 6vw;} 
.urolift .tit_txtbox p span { font-family: 'notokr-bold'}
.urolift .tit_txtbox .marktxt {  clear: both; color: #181818;font-family:'notokr-black'; font-size: 5.5vw; line-height: 8vw; text-align: center; }
.urolift .tit_txtbox .marktxt em {font-size: 3.5vw;font-family:'notokr-black'; }
.urolift .tit_txtbox .marktxt span { color: #c81111;font-family:'notokr-black'; font-size: 5.5vw;}
	
.urolift .txt_box {width: 100%; float: left; clear: both}
.urolift .txt_box h2 { font-size: 5vw;font-family:'notokr-bold';}
.urolift .txt_box ul {width: 100%; margin: 7vw auto 0 auto}
.urolift .txt_box li {float: left; padding: 5vw 5vw 5vw 11vw; border: 1px solid #e4e4e4; text-align: left; font-size: 3.8vw; color: #181818; font-family: 'notokr-regular'; width: 100%; margin: 1.5% 0 1.5% 0; background: url("/images/erectile/checklist_chk.png") no-repeat 5% 50% #ffffff; background-size: 6%; box-sizing: border-box}	
.urolift .txt_box li span {font-family:'notokr-bold';}	
.urolift .txt_box li .stxt{font-size: 3vw}

/*전립선 - 전립선결찰술영상*/
.urolifttv h3 { clear: both; text-align: center; font-size: 5vw; font-family: 'notokr-bold'; color: #181818}
.urolift_view {width:100%; height:50vw; position:relative; margin:0 auto; clear: both}
.urolift_view iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}
	
/*바세린제거 - 수술방법*/	
.vaseline {width: 100%; margin: 0 auto; clear: both ; position: relative }
.vaseline div.vaselinetab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff;  margin-bottom: 50px; box-sizing: border-box}
.vaseline div.vaselineview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.vaseline div.vaselineview dl { display:block;align-items:center;width: 100%; clear: both; padding-bottom: 40px }
.vaseline div.vaselineview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left }
.vaseline div.vaselineview dt img { width: 100%}
.vaseline div.vaselineview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none}
.vaseline div.vaselineview dd h2 {padding: 10px 0 20px 0; font-size: 6vw; color: #181818; text-align: center}
.vaseline div.vaselineview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.vaselineview .vaselinecircle {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle ul { width: 252px; margin: 0 auto}
.vaselineview .vaselinecircle li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.vaselineview .vaselinecircle li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.vaselineview .vaselinecircle li em {font-family: 'notokr-bold';}
.vaselineview .vaselinecircle2 {margin:20px 0 0 0; width: 100%; clear: both; float: left}
.vaselineview .vaselinecircle2 ul { width: 168px; margin: 0 auto}
.vaselineview .vaselinecircle2 li {position: relative; border-radius: 40px; text-align: center; background: #1f4392; float: left; margin: 0 2px }
.vaselineview .vaselinecircle2 li span { height:80px; width: 80px; line-height: 16px ;font-size: 0.8rem; color: #ffffff; font-family: 'notokr-regular'; display:table-cell; vertical-align: middle;}
.vaselineview .vaselinecircle2 li em {font-family: 'notokr-bold';}
	
/*조루수술 - 조루검사*/
.pre_process  {width: 80%; margin: 0 auto; clear: both; position: relative}
.pre_process dl { width: 100%; clear: both; margin-bottom: 5vw}
.pre_process dt {clear: both; position:relative;border: 1px solid #d2d2d2; box-sizing: border-box; padding: 10px }
.pre_process dt img { width: 100%;}
.pre_process dd { clear: both; background: #f4f4f4; padding: 5vw 2.5vw ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none;}
.pre_process dd .title {padding: 0 0 3vw 0; font-size: 4.5vw; color: #181818; font-family:'notokr-bold' }
.pre_process dd .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.pre_process dd .txt {padding: 0; font-size: 3.3vw; color: #181818; text-align: center; width: 92%; margin: 0 auto; line-height: 5.5vw}
.pre_process dd .txt span {font-family: 'notokr-bold'; }
.pre_process img { text-align: center; margin: 0 auto !important}
	
/*조루증 - 비수술치료*/
.pre_check{display:block; border: none; margin: 7vw 0 5vw 0; background: none}
.pre_check .img_box{width:100%;}
.pre_check .img_box img {width:100%; }
.pre_check .txt_box{padding-left:0;display:block;margin-top:2vw;}
.pre_check .txt_box .title {padding: 0 0 4vw 0; font-size: 4.5vw; color: #181818;  }
.pre_check .txt_box .title span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.pre_check li{line-height:4vw;margin: 2vw 0; border: 1px solid #e2e2e2; padding: 5vw 3vw; box-sizing: border-box; background: #ffffff}
.pre_check li img{width:6%;margin-right:2%;}
.pre_check li p{width: auto; font-size:3.7vw;}
.pre_check .check_arrow img {width: 8%}	
.pre_check .txt_box .stxt { font-size: 3vw;}

.non_surgery {width: 100%; margin: 0 auto; clear: both ; position: relative }
.non_surgery div.pretab { width: 100%; float: left; clear: both; padding: 7vw 5vw; background: #ffffff;  margin-bottom: 5vw; box-sizing: border-box}
.non_surgery div.pretab h2 { font-family: 'notokr-bold'; font-size:6vw; color:#1f4392; text-align: center; margin-bottom: 2vw}
.non_surgery div.pretab .txt { font-family: 'notokr-regular'; font-size:3.8vw; color:#181818; text-align: center; line-height: 5.5vw; overflow: hidden; margin: 4vw 0 5vw 0}
.non_surgery div.pretab .txt span { font-family: 'notokr-bold';}	
.non_surgery div.preview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.non_surgery div.preview dl { display:block;align-items:center;width: 100%; clear: both; }
.non_surgery div.preview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left; padding: 20px 15px }
.non_surgery div.preview dt img { width: 100%}
	
.non_surgery div.preview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 15px;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.non_surgery div.preview dd h2 {padding: 10px 0; font-size: 4.5vw; color: #181818; text-align: center}
.non_surgery div.preview dd h2 .tit_s{padding: 10px 0; font-size: 3.5vw; color: #181818; text-align: center}
.non_surgery div.preview dd h2 span {border-bottom: 3px solid #181818; font-family:'notokr-bold'}
.non_surgery div.preview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.non_surgery div.preview dd p span{ font-family: 'notokr-bold'}
.non_surgery div.preview dd p span em{ font-size: 3vw}

.non_surgery div.preview dd ul {width: 100%; margin-top: 2vw; overflow: hidden; box-sizing: border-box;}	
.non_surgery div.preview dd li {float:left; width:100%; font-family: 'notokr-medium';font-size:3.3vw;color:#181818; text-align: left; line-height:4.5vw;margin:0;border-bottom:1px dotted #d5d5d5;padding: 3vw 0 3vw 5.5vw; background: url("/images/erectile/checklist_chk.png") no-repeat left 11px / 6%;  box-sizing: border-box}
	
.non_surgery div.preview dd .viewbt { border: 1px solid #d4d4d4; padding: 10px 20px; background: #ffffff; border-radius: 30px; position: absolute; ;left:50%;transform:translateX(-50%); bottom:-7%; text-align: center; font-size: 0.85rem; color: #181818; cursor: pointer; line-height: 5vw; margin: 0 auto}
.non_surgery div.preview dd .viewbt span { color: #0088d0;font-family: 'notokr-bold'}

/*치골융기수술*/
.pubis { width: 100%; clear: both; padding: 0 ; margin: 0 auto ; }
.pubis div.pubistab { width: 100%; float: left; clear: both; padding: 5vw ; background: #ffffff; box-sizing: border-box}
.pubis div.pubisview{ display:block;align-items:center; margin: 0; width: 100%; position: relative}
.pubis div.pubisview dl { display:block;align-items:center;width: 100%; clear: both; }
.pubis div.pubisview dt {clear: both; border: 1px solid #d2d2d2; box-sizing: border-box; width: 100%;  float: left ; background: #ffffff}
.pubis div.pubisview dt img { width: 100%}
.pubis div.pubisview dd { float: left; width: 100%; clear: both; background: #f4f4f4; padding: 20px 0 30px 0 ;border: 1px solid #d2d2d2; box-sizing: border-box; border-top: none; position: relative}
.pubis div.pubisview dd h2 {padding: 10px 0; font-size: 6vw; color: #181818; text-align: center}
.pubis div.pubisview dd h2 .tit_s{padding: 10px 0; font-size: 3.5vw; color: #181818; text-align: center}
.pubis div.pubisview dd p { font-size: 3.5vw; color: #181818; text-align: center; line-height: 6vw}
.pubis div.pubisview dd p span{ font-family: 'notokr-bold'}
.pubis div.pubisview dd p span em{ font-size: 3vw}	
	
.pubis .viewbt { border: 1px solid #d4d4d4; padding: 2.5vw 5vw; background: #ffffff; border-radius: 100px; position: absolute; ;left:25%;transform:translateX(-15%); bottom:-3.8%; text-align: center; font-size: 0.85rem; color: #181818; cursor: pointer; line-height: 4.5vw; margin: 0 auto}
.pubis .viewbt span { color: #0088d0;font-family: 'notokr-bold'}	

.pubisview .pubiscircle {margin:20px 0 0 0; width: 100%; overflow: hidden}
.pubisview .pubiscircle ul { width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 0.2rem; }
.pubisview .pubiscircle li { position: relative; flex: 0 0 calc((100% - (0.2rem * 2)) / 3); background: #1f4392; border-radius: 50%; overflow: hidden;}
.pubisview .pubiscircle li::before { content: ""; display: block; padding-top: 100%; }
.pubisview .pubiscircle li span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; color: #fff; text-align: center; font-size: 0.85rem; line-height: 16px; word-break: keep-all}
.pubisview .pubiscircle li em {font-family: 'notokr-bold';}
	
.pubisview .pubiscircle4 {margin:20px 0 0 0; width: 100%; overflow: hidden}
.pubisview .pubiscircle4 ul { width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 0.2rem; }
.pubisview .pubiscircle4 li { position: relative; flex: 0 0 calc((100% - (0.2rem * 3)) / 4); background: #1f4392; border-radius: 50%; overflow: hidden;}
.pubisview .pubiscircle4 li::before { content: ""; display: block; padding-top: 100%; }
.pubisview .pubiscircle4 li span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; color: #fff; text-align: center; font-size: 0.85rem; line-height: 16px; word-break: keep-all}
.pubisview .pubiscircle4 li em {font-family: 'notokr-bold';}
	
.pubisview .pubistype {margin:20px auto 0 auto; width: 100%; overflow: hidden}
.pubisview .pubistype ul { width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap : 0.2rem; }
.pubisview .pubistype li { position: relative; border-radius: 5px; background: #ffffff; border: 1px solid #cccccc; flex: 0 0 calc((100% - (0.2rem * 2)) / 3); box-sizing: border-box; padding: 0.5rem 0.2rem; text-align: center;}
.pubisview .pubistype li span { font-size: 0.85rem; line-height: 16px; color: #333333; font-family: 'notokr-regular'; word-break: keep-all }
.pubisview .pubistype li em {font-family: 'notokr-bold';}
	
/*치골융기수술_why*/
.pubiswhy{width: 100%; margin: 20px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy img{width:100% }
.pubiswhy ul {width: 100%; margin-top: 20px}
.pubiswhy li { float: left;  width: 100%;  margin: 2% auto}
.pubiswhy li:last-child { margin-bottom: 0}
.pubiswhy li dl {clear: both; float: left; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy li dt{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 4vw; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy li dd{ width: 100%; padding: 6vw 0; background: #ffffff; font-size: 3.5vw; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 5vw}
.pubiswhy li dd span {color: #c81111; font-family: 'notokr-bold';}
	
/*치골융기수술_why*/	
.pubiswhy2 {width: 100%; margin: 30px auto; clear: both ; position: relative ; box-sizing: border-box; overflow: hidden}
.pubiswhy2 img{width:100% }
.pubiswhy2 ul {width: 100%; ; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap:0.5rem}
.pubiswhy2 li { flex: 0 0 calc((100% - 0.5rem) / 2);box-sizing: border-box; float: none; margin: 0;}
.pubiswhy2 li dl {clear: both; float: none; margin: 0; width: 100%; box-sizing: border-box}
.pubiswhy2 li dt{ width: 100%; padding: 2vw 0; background: #1c2032; font-size: 4vw; text-align: center; color: #ffffff; font-family: 'notokr-regular'; box-sizing: border-box}
.pubiswhy2 li dd{ width: 100%; padding: 1rem; background: #ffffff; font-size: 3.5vw; text-align: center; color: #181818; font-family: 'notokr-regular'; box-sizing: border-box; border: 1px solid #d2d2d2; line-height: 5vw; word-break: keep-all}
.pubiswhy2 li dd span {color: #c81111; font-family: 'notokr-bold';}

	
}