@charset "utf-8";
@import "font.css";
@import "reset.css";
@import "swiper.min.css";




/* Wrapper */
.wrap {display:-webkit-box;width: 100%; height:100%;-webkit-box-orient:vertical;}


/* 웹접근성 바로가기메뉴 */
.tabNav{position: relative; background: black; color: #fff; text-align:center;z-index: 999;}
.tabNav a{display:block;height:1px;width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;z-index: 999;}
.tabNav a:hover,
.tabNav a:active,
.tabNav a:focus{position: absolute; width:100%; height:auto; font-size:12px; line-height:30px;color: #fff;padding:5px;  text-align:center;text-decoration: none;z-index: 999;background: black; }



/* Header */
header {position:relative;display: block; width: 100%; z-index:30;background: #fff;}
header h1 {position: relative;max-width: 1310px;margin: 0 auto;padding: 0 10px 0 10px;}
header h1.logo a {
    display: inline-block;width: 258px;height: 73px; text-indent: -99999px; background:url(../img/logo.png) no-repeat center center;background-size:258px;
}
/* Header 상단메뉴 */
.wrap-header {position: relative;max-width: 1290px;margin: 0 auto;}
header .top_nav {display: inline-block;position: absolute; top: 35px; right: 10px; text-align: right;font-size: 0;}
header .top_nav a {position: relative;display: inline-block; color: #666;font-size: 12px;line-height: 1;white-space: nowrap;}
header .top_nav a + a {padding-left: 17px;}
header .top_nav a + a::before {content: '';display: inline-block;width: 1px;height: 9px;border-left: 1px solid #dbdbdb;position: absolute;left: 8px;top: 3px;}

/* Header 메인메뉴 */
header .header_nav {position: relative; background-color: #004ea2;}
header .header_nav div {position: relative;max-width: 1290px;margin: 0 auto;box-sizing: border-box;font-size: 0;z-index: 9999;}
header .header_nav div ul {box-sizing: border-box;font-size: 0;}
header .header_nav ul li {position: relative;display: inline-block;width: 10%;font-size: 0;vertical-align: top;}
header .header_nav ul li a { display: block;padding: 23px 0; text-align: center;font-size: 17px;color: #fff;line-height: 1;white-space: nowrap;letter-spacing: -1px;}
header .header_nav ul li + li::before {content: '';position: absolute;top: 20px;bottom: 20px; left: 0;border-left: 1px solid #003671;}

/* Header 메인 서브메뉴 */
header .header_nav .menu_sub {position: relative; padding: 10px 0 20px; display: none;height: 100%;overflow: hidden;border-left:1px solid #e5e5e5;}
header .header_nav li:last-of-type .menu_sub {border-right:1px solid #e5e5e5;}
header .header_nav .menu_sub li {display: block;width: 100%;}
header .header_nav .menu_sub a {display: block;padding: 10px 0 10px 10px;text-align: left;font-size: 16px;color: #444;line-height: 1;font-weight: normal;}
header .header_nav.open .menu_sub {display:block;position: absolute;top: 63px;left: 0;right: 0;height: 246px;}
header .header_nav.open::before {
    content: '';display: block;position: absolute;left: 0;right: 0;top: 63px;bottom: 0;height: 246px; background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
header .header_nav.open div  { width: 100%;}

header .header_nav li.active a {color: #fff;}
header .header_nav li.active .menu_sub a {color: #444;}
header .header_nav li.active .menu_sub a:hover {text-decoration: underline;}

/* 메인 비쥬얼 스와이프 */
.swipe-main-visual {position: relative;}
.swipe-main-visual .main_visual img {width: 100%;height: auto;}
.swipe-main-visual .swiper-pagination {width: 100%;text-align: center;position: absolute;left: 0;right: 0;bottom: 40px;font-size: 0;}
.swipe-main-visual .swiper-pagination .swiper-pagination-bullet {width: 45px;height: 4px;border-radius: 0;background-color: #3f4448;opacity: 1;}
.swipe-main-visual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 7px;}
.swipe-main-visual .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;}

.pagination .swiper-button-next, .pagination .swiper-button-prev {position: absolute;width: 55px;height: 54px;margin-top: -27px;}
.pagination .swiper-button-next,
.pagination .swiper-container-rtl .swiper-button-prev {right: 0; background:url(../img/ico-next.png) no-repeat center center;background-size:55px;}
.pagination .swiper-button-prev, 
.pagination .swiper-container-rtl .swiper-button-next {left: 0;background:url(../img/ico-prev.png) no-repeat center center;background-size:55px;}

/* 메인 전문분야 */
.content-part1 {padding: 95px 10px 100px; background-color: #f0f0f0;}
.content-part1 > div {max-width: 1290px;margin: auto;}
.content-part1 > div .text {color: #222;font-size: 38px;text-align: center; line-height: 1.4;}
.content-part1 .area-box .title {padding: 65px 0 40px; color: #222;font-size: 60px;text-align: center; line-height: 1;font-weight: 500;}
.content-part1 .area-box ul {overflow: hidden;}
.content-part1 .area-box ul li {float: left;width: 23.95%;background-color: #fff;} 
.content-part1 .area-box ul li + li {max-width: 417px;margin-left: 1.4%;}
.content-part1 .area-box ul li h4 {padding: 12px 0;background-color: #004ea2;color: #fff;font-size: 32px;text-align: center; line-height: 1.5;font-weight: 500;}
.content-part1 .area-box ul li h4 strong {padding-right: 20px; color: #fff;font-size: 36px;text-align: center; line-height: 1.1;font-weight: 600;vertical-align: baseline;}
.content-part1 .area-box ul li:nth-child(2) h4,
.content-part1 .area-box ul li:nth-child(4) h4 {background-color: #11467f;}
.content-part1 .area-box ul li .txt {min-height: 120px; padding: 25px 0; color: #444;font-size: 28px;text-align: center; line-height: 1.4;font-weight: 400;text-align: center;}
.content-part1 .area-box2 {margin-top:16px;padding: 54px 0;color: #fff;font-size: 32px;text-align: center; line-height: 1.1;font-weight: 400;background-color: #004ea2;}

/* 메인 원장소개 */
.content-part2 {padding: 100px 10px 100px;}
.content-part2 > div {max-width: 1290px;margin: auto;}
.content-part2 > div .person-introduce ul {overflow: hidden;}
.content-part2 > div .person-introduce .left {float: left;min-width: 50%;}
.content-part2 > div .person-introduce .left h3 {padding-bottom: 30px; color: #333;font-size: 72px; line-height: 1;font-weight: 500;border-bottom: 1px solid #dbdbdb;}
.content-part2 > div .person-introduce .left h3 strong {padding-right: 25px; color: #004ea2;font-size: 30px; line-height: 1;font-weight: 500;vertical-align: baseline;}
.content-part2 > div .person-introduce .right {float: right;padding-left: 40px; width: 50%;}
.content-part2 > div .person-introduce img {width: 100%;}
.content-part2 > div .career-list {padding-top: 50px;}
.content-part2 > div .career-list li {color: #444;font-size: 24px; line-height: 1;}
.content-part2 > div .career-list li + li {padding-top: 20px;}
.content-part2 > div .career-list li.last {padding: 50px 0;line-height: 1.5;}
.content-part2 > div .btn-introduce {margin-top: 65px; padding: 21px;color: #444;font-size: 24px; line-height: 1;border: 1px solid #dbdbdb; background-color: #f1f1f1;}
.content-part2 > div .person-introduce + .person-introduce {margin-top: 70px}

/* 메인 방문자수 */
.content-part3 {padding: 250px 10px 230px;background:url(../img/main-bg1.png) no-repeat center center;background-size:auto 100%;}
.content-part3 > div {max-width: 1290px;margin: auto;}
.content-part3 > div ul {max-width: 1290px;margin: auto;overflow: hidden;}
.content-part3 > div ul li {float: left;width: 625px; padding: 60px 20px; background: rgba(0, 0, 0, 0.6);}
.content-part3 > div ul li + li {margin-left: 3%;}
.content-part3 > div ul li h4 {padding-bottom: 30px; color: #f0e7d6;font-size: 72px; line-height: 1;font-weight: 700; text-align: center; border-bottom: 1px solid  rgba(255, 255, 255, 0.5);}
.content-part3 > div ul li p {color: #f0e7d6;font-size: 30px; line-height: 1.5;font-weight: 500;letter-spacing: -1px;}
.content-part3 > div ul li p strong {color: #fff;font-size: 60px; line-height: 1.5;font-weight: 700;}


/* 메인 유튜브 */
.content-part4 {padding: 70px 10px 70px;background:url(../img/main-bg2.png) no-repeat center center;background-size:auto 100%;}
.content-part4 > div {max-width: 1290px;margin: auto;}
.content-part4 > div ul {max-width: 1290px;margin: auto;overflow: hidden;}
.content-part4 > div ul li {float: left;width: 50%;}
.content-part4 > div ul li.right {float: right;}
.content-part4 > div ul li .txt {padding-top: 25px;color: #fff;font-size: 20px; line-height: 1.5;font-weight: 400;text-align: center;}
.content-part4 > div ul li .txt h4 {padding-bottom: 15px; color: #fff;font-size: 36px; line-height: 1;font-weight: 500;text-align: center;}


/* 메인 가족이 함께하는 비뇨의학과 */
.content-part5 {padding: 100px 10px;}
.content-part5 > div {max-width: 1290px;margin: auto;}
.content-part5 > div h3.title {padding: 0 0 40px; color: #222;font-size: 48px;text-align: center; line-height: 1;font-weight: 500;}
.content-part5 > div h4.sub-tit {color: #222;font-size: 22px;text-align: center; line-height: 1;}
.content-part5 > div ul {max-width: 1290px;padding-top: 70px; margin: auto;overflow: hidden;}
.content-part5 > div ul li {float: left;width: 25%;}
.content-part5 > div ul li button {
    margin-top: 40px;width: 300px; padding: 21px;color: #444;font-size: 24px; line-height: 1;border: 1px solid #dbdbdb; background-color: #f1f1f1;text-align: center;
}

/* 메인 생생후기 */
.content-part6 {padding: 100px 10px 90px;background:url(../img/main-bg3.png) no-repeat center center;background-size:auto 100%;}
.content-part6 > div {max-width: 1290px;margin: auto;}
.content-part6 > div .txt1 {color: #666;font-size:30px;text-align: left; line-height: 1;}
.content-part6 > div .titie {padding: 20px 0 20px; color: #222;font-size: 60px;text-align: left; line-height: 1;font-weight: 500;}
.content-part6 > div .txt2 {color: #444;font-size: 20px;text-align: left; line-height: 1.4;}
.content-part6 > div ul {max-width: 1290px;padding-top: 50px; margin: auto;overflow: hidden;}
.content-part6 > div ul li {position: relative; float: left;width: 300px;}
.content-part6 > div ul li + li {margin-left: 30px;}
.content-part6 > div ul li .txt {position: absolute;left: 0;right: 0;bottom: 15px;color: #fff;font-size: 20px;text-align: center; line-height: 1;font-weight: 400;}
.content-part6 > div ul li a {display: block;}

/* 메인 무료상담신청 */
.content-part7 {min-height: 396px; padding: 100px 10px 90px;background: #3f4448 url(../img/main-bg4.png) no-repeat right center;background-size:auto 396px;}
.content-part7 > div {max-width: 1290px;margin: auto;}
.content-part7 > div > .txt {display: inline-block;}
.content-part7 > div .txt1 {color: #fff;font-size:24px;text-align: left; line-height: 1;font-weight: 300;}
.content-part7 > div .titie {padding: 10px 0 15px; color: #fff;font-size: 36px;text-align: left; line-height: 1;font-weight: 300;}
.content-part7 > div .txt2 {color: #fff;font-size:14px;text-align: left; line-height: 1.3;font-weight: 500;}
.content-part7 > div ul {max-width: 1290px;padding-top: 50px; margin: auto;overflow: hidden;}
.content-part7 > div ul li {position: relative; float: left;width: 300px;}
.content-part7 > div ul li + li {margin-left: 30px;}
.content-part7 > div ul li .txt {position: absolute;left: 0;right: 0;bottom: 15px;color: #fff;font-size: 20px;text-align: center; line-height: 1;font-weight: 400;}
.content-part7 > div .txt button {
    margin-top: 8px;padding: 15px 35px;color: #515151;font-size: 18px; line-height: 1;border: 1px solid #dbdbdb; background-color: #f1f1f1;text-align: center;
    font-weight: 500;
}
.content-part7 .mail {display: inline-block;padding-left: 200px; vertical-align: top;}
.content-part7 .mail dl {display: table;}
.content-part7 .mail dl + dl {margin-top: 10px;}
.content-part7 .mail dt {display: table-cell;vertical-align: middle; width: 85px;color: #fff;font-size: 16px; line-height:1;font-weight: 500;}
.content-part7 .mail dd {overflow: hidden;}
.content-part7 .mail dd input {
    width: 243px; padding: 11px 10px;color: #000;font-size: 16px;font-weight: 300;border-radius: 0;line-height: 1;border: 1px solid #767676; background-color: #fff;
}
.content-part7 .mail dd span {position: relative; display: inline-block;}
.content-part7 .mail dd span + span {padding-left: 10px;}
.content-part7 .mail dd span + span::before {content: '-';position: absolute;top: 2px;bottom: 2px; left: 0;color: #fff;font-size: 16px; line-height:2.4;}
.content-part7 .mail dd span input {width: 97px;}
.content-part7 .mail dd textarea {
    width: 340px;min-height: 100px; padding: 11px 10px;color: #000;font-size: 16px;font-weight: 300;border-radius: 0;line-height: 1;border: 1px solid #767676; background-color: #fff;
}
.content-part7 .mail dd em.age,
.content-part7 .mail dd em.sex {display: inline-block;padding-left: 5px; width: 45px;color: #fff;font-size: 16px; line-height:2.4;font-weight: 500;}
.content-part7 .mail dd em.input {display: inline-block;}
.content-part7 .mail dd em.input input {width: 50px;}
.content-part7 .mail dd span input.w150 {width: 150px;}

/* 풋터 */
footer.footer {overflow: hidden;padding: 45px 0 45px; background: #1d2023;color: #fff;}

footer.footer ul {margin: 0 auto;max-width: 1290px;padding: 0 10px;text-align: center;}
footer.footer ul li {position: relative; display: inline-block;font-size: 0;}
footer.footer ul li a {display: block;font-size: 18px;color: #fff;text-align: center; line-height: 1;font-weight: 400;}
footer.footer .menu ul li + li {padding-left: 18px;}
footer.footer .menu ul li + li::before {content: '';position: absolute;top: 2px;bottom: 2px; left: 8px;border-left: 1px solid #8e9091;}

footer.footer .copy > ul {overflow: hidden;margin: 25px auto 0 auto;max-width: 1070px;}
footer.footer .copy ul li {display: block; font-size: 14px;color: #fff;font-weight: 300;padding-bottom: 5px;text-align: center;}
footer.footer .copy > ul > li ul.address {padding-left: 60px;}
footer.footer .copy > ul > li ul.address li {font-size: 14px;color: #fff;font-weight: 300;padding-bottom: 5px;line-height: 1;}

/* 모바일에 필요한 부분 */
.side-menu {display: none;}
header .title {display: none;}
header .side-menu + .menu_bg {display:none;}

/* 우측배너 */
#floating {background-color: #1d2023;}

#floating .quick_menu {position: absolute;top: 333px;right: 0;width: 100px;text-align: center;z-index: 99;background-color: #1d2023;}
#floating .quick_menu a {position: relative; display: block;padding: 50px 0 13px; font-size: 18px;color: #fff;font-weight: 300;text-align: center;}
#floating .quick_menu a::before {content: '';display: block;position: absolute;left: 14px;right: 14px;bottom: 0; border-bottom: 1px solid #4a4d4f;}
#floating .quick_menu .tel a {background: url(../img/ico-tel.png) no-repeat center 15px;background-size:auto 25px;}
#floating .quick_menu .diagnosis a {background: url(../img/ico-diagnosis.png) no-repeat center 15px;background-size:auto 25px;}
#floating .quick_menu .map a {background: url(../img/ico-map.png) no-repeat center 15px;background-size:auto 25px;}
#floating .quick_menu .reservation a {background: url(../img/ico-reservation.png) no-repeat center 15px;background-size:auto 25px;}
#floating .quick_menu .top a {background:#3a3f45 url(../img/ico-top.png) no-repeat center 15px;background-size:auto 25px;}
#floating .quick_menu .reservation a::before {content: none;}
#floating .quick_menu a:hover {opacity: .6;}




/* 서브페이지 병원소개 */
.sub-title01 {
    padding: 23px; font-size: 36px;color: #fff;font-weight: 400;text-align: center;line-height: 1;
    background:#0b2e5c url(../img/sub-title-bg.png) no-repeat center center;background-size: auto 100%;
}

/* 서브페이지 유튜브링크 */
.youtube {padding: 70px 0px 70px;background-size:auto 100%;}
.youtube > div {max-width: 1300px;margin: auto;}
.youtube > div ul {max-width: 1300px;margin: auto;overflow: hidden;}
.youtube > div ul li {float: ;width: 100%;}
.youtube > div ul li.right {float: right;}


/* 서브페이지 메뉴 */
.sub-menu {max-width: 1310px;margin: 0 auto;}
.sub-menu ul {padding: 50px 10px 0;margin: 0 auto; overflow: hidden;}
.sub-menu ul li {float: left;width: 24%;}
.sub-menu ul li + li {margin-left: 1.25%;}
.sub-menu ul li a {display: block;max-width: 312px; padding: 19px; font-size: 18px;color: #222;font-weight: 400;text-align: center;line-height: 1;border: 1px solid #ccc;}
.sub-menu ul li a.on {color: #fff;border: 1px solid #004ea2;background-color: #004ea2;}

.sub-menu.th2 ul li {float: left;width: 49.375%;}
.sub-menu.th2 ul li a {max-width: 632px;}

.sub-menu.th3 ul li {float: left;width: 32.5%;}
.sub-menu.th3 ul li a {max-width: 420px;}

.sub-menu.th6 ul li {float: left;width: 15.625%;}
.sub-menu.th6 ul li a {max-width: 203px;}

/* 서브페이지 타이틀 */
.sub-title-introduce  {max-width: 1310px;margin: 0 auto;padding: 100px 10px 100px;}
.sub-tit {padding: 20px 0 25px; font-size: 60px;color: #222;text-align: center;line-height: 1;font-weight: 500;}
.sub-tit em {font-size: 60px;color: #222;text-align: center;line-height: 1;font-weight: 300;vertical-align: top;}
.sub-txt { font-size: 22px;color: #222;text-align: center;line-height: 1.5;}

/* 서브페이지 설명 */
.explanation ul {overflow: hidden;padding-top: 70px;}
.explanation ul li {float: left; width: 19%;}
.explanation ul li + li {margin-left:1.25%}
.explanation ul li h4 {padding: 21px 0;background-color: #004ea2;font-size: 30px;color: #fff;text-align: center;line-height: 1;font-weight: 500;}
.explanation ul li h4 strong {
    position: relative;padding-right: 17px; font-size: 30px;color: #fff;text-align: center;line-height: 1;font-weight: 500;vertical-align: top;
}
.explanation ul li h4 strong::after {
    content: '';display: inline-block;width: 1px;position: absolute;right: 8px;top: 10px;bottom: 10px;border-right: 1px solid #6e95bf;
}
.explanation ul li:nth-child(even) h4 {background-color: #11467f;}
.explanation ul li .txt {min-height: 170px;padding-top: 25px; border: 1px solid #dcdcdc;border-top: 0;font-size: 16px;color: #222;text-align: center;line-height: 1.5;}

/* 추가 서브 CSS */
.sub-tit01 { font-size: 16px;color: #666;text-align: center; line-height: 1;}
.sub-txt01 {padding-top: 45px; font-size: 22px;color: #222;text-indent: -12px; text-align: left;line-height: 1.5;}
.sub-txt02 {padding-top: 45px; font-size: 30px;color: #004ea2;text-align: center;line-height:1.5;font-weight: 500;}
.sub-txt03 {padding-top: 30px; font-size: 22px;color: #222;text-indent: -12px; text-align: left;line-height: 1.5;}

/* 추가 코믹스 CSS */
.comics-box {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.comics-box ul {overflow: hidden;text-align: center;margin: auto;font-size: 0;}
.comics-box ul li {
    position: relative;display: inline-block; width: 30.6%;max-width: 395px;min-height: 225px; text-align: center;
    font-size: 30px;color: #222;font-weight: 600;line-height: 1.4;padding: 10px 10px; }
.comics-box ul li img {width: 100%;}

/* 의료진 소개 */
.staff-introduce {padding: 100px 0;background-color: #f0f0f0;}
.content-box {max-width: 1310px;margin: 0 auto;padding: 0 10px;}
.staff {padding-top: 45px; text-align: right;}
.staff.lft {padding-top: 45px; text-align: left;}
.staff .left {display: inline-block;padding-right: 35px; vertical-align: top; text-align: right;}
.staff .right {display: inline-block; text-align: right;}
.staff .left * {text-align: right;}

.staff.lft .left * {text-align: left;}
.staff.lft .left {padding-left: 35px;padding-right: 0;}

.staff h4 {padding-bottom: 65px; font-size: 55px;color: #222;line-height: 1;font-weight: 500;}
.staff h4 strong {display: block;padding-top: 35px; font-size: 30px;color: #004ea2;line-height: 1;font-weight: 500;}
.staff .career-title {padding-top: 35px; font-size: 24px;color: #222;line-height: 1;font-weight: 600;}
.staff .career-list {padding-top: 10px; font-size: 18px;color: #444;line-height: 1.4;}


/* 병원시설둘러보기 */
.swipe-hospital {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.swipe-hospital .hospital {position: relative;}
.swipe-hospital .hospital_visual img {width: 100%;height: auto;}
.swipe-hospital .swiper-pagination {width: 100%;text-align: center;position: absolute;left: 0;right: 0;bottom: 10px;font-size: 0;}
.swipe-hospital .swiper-pagination .swiper-pagination-bullet {width: 45px;height: 4px;border-radius: 0;background-color: #3f4448;opacity: 1;}
.swipe-hospital .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 7px;}
.swipe-hospital .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;}

/* 장비둘러보기 */
.hospital-equipment {padding: 100px 0;}
.equipment-photo {}
.equipment-photo ul {overflow: hidden;padding-top: 70px;}
.equipment-photo ul li {position: relative; float: left; width: 48%;border: 1px solid #dbdbdb;}
.equipment-photo ul li img {max-width: 100%;}
.equipment-photo ul li span {position: absolute;display: block;left: 0;right: 0;bottom: 30px;font-size: 16px;color: #222;line-height: 1;text-align: center;}
.equipment-photo ul li + li {margin-left:4%}

/* 진료안내 */
.diagnosis-guide {padding: 75px 0 0;}
.diagnosis-guide .img {padding: 110px 100px 100px;text-align: center; background: url(../img/diagnosis-bg.png) no-repeat center center;background-size: auto 100%;}
.diagnosis-time {max-width: 790px; display: block; margin: auto; padding: 40px; background: rgba(0, 0, 0, 0.5);}
.diagnosis-time h4 {
    padding-bottom: 12px; font-size: 50px;color: #fff;line-height: 1;text-align: center;font-weight: 500; 
    border-bottom: 1px solid  rgba(255, 255, 255, 0.5);
}
.diagnosis-time .txt {padding-top: 20px; font-size: 16px;color: #fff;line-height: 1.4;text-align: center;}
.diagnosis-time h5 {
    padding: 25px 0 12px; font-size: 30px;color: #fff;line-height: 1;text-align: center;font-weight: 500; 
    border-bottom: 1px solid  rgba(255, 255, 255, 0.5);
}
.diagnosis-time .tel {padding-top: 15px; font-size: 30px;color: #fff;line-height: 1;text-align: center;}

/* 오시는 길 */
.map-guide {padding: 75px 0 0;}
.table_bbs {padding-top: 70px;}
.table_bbs table {border-collapse: collapse;empty-cells: show;border-spacing: 0;table-layout: fixed;border-top: 1px solid #222;}
.table_bbs table tbody tr {border-bottom: 1px solid #ccc;}
.table_bbs table tbody th {font-size: 16px;color: #222;line-height: 1;text-align: center;font-weight: 500;}
.table_bbs table tbody td {padding: 15px; font-size: 16px;color: #444;line-height: 1.4;border-left: 1px solid #ccc;}

/* 추가 BBS */
.input_style {height: 30px;padding: 0 5px;line-height: 28px; border: 1px solid #e3e3e3; font-size: 14px; box-sizing: border-box; color: #222222; width: 100%;background:#f7f7f7;}
.bbs_textarea { max-width: 700px;min-height: 100px; padding: 11px 10px;color: #000;font-size: 16px;font-weight: 300;border-radius: 0;line-height: 1;border: 1px solid #e3e3e3; background-color: #f7f7f7;}

/* 추가 Css 요로감염질환, 일부 서브 공통부분 */
.infection-introduce {padding: 100px 0;background-color: #ffffff;}
.content-box {max-width: 1310px;margin: 0 auto;padding: 0 10px;}
.infection {padding-top: 45px; text-align: right;}
.infection.lft {padding-top: 45px; text-align: left;}
.infection .left {display: inline-block;padding-right: 35px; vertical-align: top; text-align: right;}
.infection .right {display: inline-block; text-align: right;}
.infection .left * {text-align: right;}

.infection.lft .left * {text-align: left;}
.infection.lft .left {padding-left: 35px;padding-right: 0;}

.infection h4 {padding-bottom: 65px; font-size: 55px;color: #222;line-height: 1;font-weight: 500;}
.infection h4 strong {display: block;padding-top: 35px; font-size: 30px;color: #004ea2;line-height: 1;font-weight: 500;}
.infection .career-title {padding-top: 0px; font-size: 24px;color: #222;line-height: 1;font-weight: 600;}
.infection .career-title_02 {padding-top: 40px; font-size: 24px;color: #222;line-height: 1;font-weight: 600;}
.infection .career-list {padding-top: 10px; font-size: 22px;color: #222;line-height: 1.5;}
.video {max-width: 624px;}



/* 남성갱년기 */
.male-menopause-box {position: relative;max-width: 1100px;margin: 0 auto;padding-top: 70px;}
.male-menopause-box ul {overflow: hidden;}
.male-menopause-box ul li {position: relative;float: left;width: 21.4%;}
.male-menopause-box ul li + li {margin-left:4.8%;}
.male-menopause-box ul li + li p::before {
    content: ''; display: inline-block;position: absolute;top: 50%; left: -10.8%;margin: -14px 0 0 -14px;padding: 14px;
    background: url(../img/ico-arrow.png) no-repeat center center;background-size: 28px auto;
}
.male-menopause-box ul li:nth-child(5) {margin-left:0;}
.male-menopause-box ul li:nth-child(5) p::before {content: none;}
.male-menopause-box ul li p {position: relative; text-align: center; border: 1px solid #ccc;}
.male-menopause-box ul li .year {display: block; border: 0;padding: 20px 0 30px; font-size: 18px;color: #222;line-height: 1;text-align: center;}


/* 음경확대술 */
.penis-augmentation-box {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.penis-augmentation-box .top,
.penis-augmentation-box .bottom {overflow: hidden;}
.penis-augmentation-box .bottom {padding-top: 70px;}
.penis-augmentation-box .left {float: left;width:48%;}
.penis-augmentation-box .left h4 {padding-bottom: 15px;font-size: 22px;color: #222;line-height: 1;font-weight: 500;}
.penis-augmentation-box .left ul {padding-bottom: 40px;}
.penis-augmentation-box .left ul li {font-size: 22px;color: #444;line-height: 1;}
.penis-augmentation-box .left ul li + li {padding-top: 15px;}
.penis-augmentation-box .left .img img {max-width: 100%;}
.penis-augmentation-box .right {float: right;padding: 35px 30px 35px;width:48%; max-width: 624px; border: 1px solid #ccc;background-color: #f2f2f2;}
.penis-augmentation-box .right h4 {padding-bottom: 15px; font-size: 24px;color: #222;line-height: 1;font-weight: 500;border-bottom: 1px solid #ccc;}
.penis-augmentation-box .right .img img {max-width: 100%;}
.penis-augmentation-box .bottom ul {padding-bottom: 20px;}

.right .operation-calendar {padding-top: 20px;}
.right .operation-calendar li {position: relative; font-size: 18px;color: #444;text-align: left;}
.right .operation-calendar li + li {padding-top: 40px;}
.right .operation-calendar li span {
    position: relative;display: inline-block;min-width: 147px; padding: 6px 10px; font-size: 18px;color: #fff;text-align: center; 
    line-height: 1;background-color: #546f8c;border-radius: 15px;margin-right: 15px;
}
.right .operation-calendar li span::after {
    content: ''; display: inline-block;position: absolute;top: 50%; left: 50%;margin: 21px 0 0 -14px;padding: 14px;
    background: url(../img/ico-arrow2.png) no-repeat center center;background-size: 26px auto;
}
.right .operation-calendar li:last-of-type span::after {content: none;}
.penis-augmentation-box .bottom .right ul {padding-bottom: 0;}

.right .operation-calendar li.step2 span {background-color: #455d76;}
.right .operation-calendar li.step3 span {background-color: #35495e;}
.right .operation-calendar li.step4 span {background-color: #253546;}
.right .operation-calendar li.step5 span {background-color: #18232f;}


/* 경구 약물치료 */
.oral-medication-box {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.oral-medication-box ul {overflow: hidden;text-align: center;margin: auto;font-size: 0;}
.oral-medication-box ul li {
    position: relative;display: inline-block; width: 30.6%;max-width: 395px;min-height: 225px; border: 15px solid #004ea2;text-align: center;
    font-size: 30px;color: #222;font-weight: 600;line-height: 1.4;padding: 50px 20px;
}
.oral-medication-box ul li + li {margin-left:4.1%;}
.oral-medication-box ul li + li::before {
    content: ''; display: inline-block;position: absolute;top: 50%; left: -10.8%;margin: -22px 0 0 -22px;padding: 22px;
    background: url(../img/ico-arrow3.png) no-repeat center center;background-size: 44px auto;
}
.oral-medication-box ul li:nth-child(4) {margin-left:0;}
.oral-medication-box ul li:nth-child(4),
.oral-medication-box ul li:nth-child(5) {margin-top:25px;}
.oral-medication-box ul li:nth-child(4)::before {content: none;}

/* 발기부전 */
.diagnosing-sexual-dysfunction {position: relative;max-width: 1006px;margin: 0 auto;padding-top: 70px;}
.diagnosing-sexual-dysfunction ul {overflow: hidden;}
.diagnosing-sexual-dysfunction ul li {position: relative;float: left;width: 31%;}
.diagnosing-sexual-dysfunction ul li + li {margin-left:3.5%;}

.diagnosing-sexual-dysfunction ul li p {position: relative; text-align: center; border: 1px solid #ccc;}
.diagnosing-sexual-dysfunction ul li p img {max-width: 100%;}
.diagnosing-sexual-dysfunction ul li .name {
    display: block; border: 0;padding: 20px 0 30px; font-size: 18px;color: #222;line-height: 1;text-align: center;font-weight: 500;
}
.diagnosing-sexual-guide {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.diagnosing-sexual-guide ul {padding-right: 130px;}
.diagnosing-sexual-guide li + li {padding-top: 50px;}
.diagnosing-sexual-guide li h4 {padding-bottom: 10px; font-size: 24px;color: #222;line-height: 1;text-align: left;font-weight: 600;}
.diagnosing-sexual-guide li p {font-size: 22px;color: #222;line-height: 1.5;text-align: left;}
.diagnosing-sexual-guide li p + p {padding-top: 5px;}


/*추가-개인정보/이용약관*/
.basic-guide {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 70px;}
.basic-guide ul {padding-right: 130px;}
.basic-guide li + li {padding-top: 50px;}
.basic-guide li h4 {padding-bottom: 10px;  margin-left: 0px;font-size: 24px;color: #222;line-height: 1.6;text-align: left;font-weight: 600;}
.basic-guide li p {font-size: 22px;color: #222;line-height: 1.6;text-indent:0px;text-align: left;}
.basic-guide li p + p {padding-top: 5px;}

.basic-guide_02 {position: relative;max-width: 1290px;margin: 0 auto;padding-top: 20px;}
.basic-guide_02 ul {padding-right: 130px;}
.basic-guide_02 li + li {padding-top: 20px;}
.basic-guide_02 li h4 {padding-bottom: 10px;  margin-left: 0px;font-size: 24px;color: #222;line-height: 1.6;text-align: left;font-weight: 600;}
.basic-guide_02 li p {font-size: 22px;color: #222;line-height: 1.6;margin-left:12px;text-indent:-12px;text-align: left;}
.basic-guide_02 li p + p {padding-top: 5px;}


/* 추가 CSS 여성비뇨의학>과민성방광 */
.woman-box {position: relative;max-width: 1100px;margin: 0 auto;padding-top: 70px;}
.woman-box ul {overflow: hidden;}
.woman-box ul li  {position: relative;float: left;width: 45.4%;}
.woman-box ul li + li {margin-left:4.8%;}
.woman-box ul li + li p::before {
    content: ''; display: inline-block;position: absolute;top: 50%; left: -10.8%;margin: -14px 0 0 -14px;padding: 14px;
    background: url(../img/ico-arrow.png) no-repeat center center;background-size: 28px auto;
}
.woman-box ul li:nth-child(5) {margin-left:0;}
.woman-box ul li:nth-child(5) p::before {content: none;}
.woman-box ul li p {position: relative; text-align: center; border: 1px solid #fff;}
.woman-box ul li .year {display: block; border: 0;padding: 20px 0 30px; font-size: 18px;color: #222;line-height: 1;text-align: center;}

.woman-img {max-width: 420px; display: block; margin: auto; padding-top : 70px; }


/* 202103 */
/* 전화, 방문 상담예약 */
.consulting-box {position: relative;max-width: 1290px;margin: 0 auto;margin-top: 45px;border-top: 1px solid #222;}
.consulting-box dl {display: block;overflow: hidden;border-bottom: 1px solid #ccc;}
.consulting-box dt {
    display: table-cell;min-width: 250px;padding: 14px 0; color: #222;font-size: 24px;line-height: 1;text-align: center;
    vertical-align: middle;
}
.consulting-box dd {display: table-cell;width: 100%; padding: 14px 0 14px 20px;overflow: hidden;border-left: 1px solid #ccc;}
.consulting-box dd p + p {padding-top: 20px;}
.consulting-box dt.w100 {min-width: 100px;border-left: 1px solid #ccc;}
.consulting-box dd.w200 {min-width: 200px;padding-right: 20px;}
.consulting-box dd.w200 input.type01 {width: 100%;}
.consulting-box dd input.type01.w300 {width: 300px;}



input.type01, textarea.type01 {
    width: 243px; padding: 11px 10px;color: #000;font-size: 22px;font-weight: 300;border-radius: 0;line-height: 1;
    border: 1px solid #ccc; background-color: #f7f7f7;
}

input[type=checkbox].checkbox01 {position:relative;width:1px; height:1px; margin-right:-1px; overflow:hidden; opacity:0;}

input[type=checkbox].checkbox01 + span::before {
	content: '';display: inline-block; width:40px; height:40px;vertical-align:middle; margin-right: 10px;
    border:1px solid #ccc;background:#f7f7f7;
}
input[type=checkbox].checkbox01:checked + span::after {
    content: '';position: absolute;left: 0;display: inline-block; width:40px; height:40px;
    background: url(../img/btn-check.png) no-repeat center center;background-size: 30px auto;
}


.consulting-box dd input.type01 {width: 410px;}
.consulting-box dd span {position: relative; display: inline-block;color: #444;font-size: 24px;line-height: 1;}
.consulting-box dd span + span {padding-left: 30px;position: relative;}
.consulting-box dd span + span:before {
    content: '-';display: inline-block; color: #222;font-size: 24px;line-height: 1;text-align: center;
    position: absolute;left: 8px;top: 50%;margin-top: -12px;
}
.consulting-box dd input.type01.w220 {width: 220px;}
.consulting-box dd input.type01.w600 {width: 600px;}
.consulting-box dd textarea.type01.h185 {height: 185px;width: 100%;}
.consulting-box dd input.type01.center {text-align: center;}
.consulting-box label {color: #222;font-size: 24px;line-height: 1;}
.consulting-box dd label + label {padding-left: 18px;}

.btn-box {padding-top: 70px;text-align: center;}
.btn01 {
    min-width: 270px; padding: 21px;color: #fff;font-size: 24px;font-weight: 500; line-height: 1;background-color: #222;
    text-align: center;
}
.month-box {position: relative;padding: 35px 15px 0 0;}
.month-box .year-box {position: relative;}
.month-box .year-box .btn-prev-month {
    position: absolute;left: 20px;top: 0;width: 30px;height: 36px;
    background: url(../img/btn-prev-month.png) no-repeat center center;background-size: 25px auto;
}
.month-box .year-box .btn-next-month {
    position: absolute;right: 20px;top: 0;width: 30px;height: 36px;
    background: url(../img/btn-next-month.png) no-repeat center center;background-size: 25px auto;
}
.month-box .year-box .top-month {display: block;color: #222;font-size: 24px;line-height: 1;text-align: center;font-weight: 500;}
.month-box .month-tbl {margin-top: 45px;border-top: 1px solid #222;}
.month-box .month-tbl table td button {display: block;width:100%;padding: 37px 0; color: #222;font-size: 24px;line-height: 1;text-align: center;}
.month-box .month-tbl table td span {display: block;width:100%;padding: 37px 0; color: #c8c8c8;font-size: 24px;line-height: 1;text-align: center;}
.month-box .month-tbl table td.date_dimmed button {opacity: .5;}
.month-box .month-tbl table td button:disabled {opacity: .5;}
.month-box .month-tbl table td button.today em {color: #004ea2;}
.month-box .month-tbl table tr {border-bottom: 1px solid #ccc;}

/* 자주 묻는 질문 */
.accordion-box {position: relative;max-width: 1290px;margin: 0 auto;margin-top: 45px;border-top: 1px solid #222;}
.accordion-box dl {display: block;border-bottom: 1px solid #ccc;}
.accordion-box dt {position: relative; display: block; padding: 25px 55px; color: #222;font-size: 22px;line-height: 1;font-weight: 500;}
.accordion-box dt a {display: block; color: #222;font-size: 22px;line-height: 1;font-weight: 500;}
.accordion-box dt:before {
    content: 'Q';display: inline-block; color: #222;font-size: 22px;line-height: 1;font-weight: 500;
    position: absolute;left: 30px;top: 25px;
}
.accordion-box dd {position: relative;display: block;padding: 25px 0 25px 55px;border-top: 1px solid #ccc;background-color: #f1f1f1;}
.accordion-box dd p {color: #222;font-size: 22px;line-height: 1;}
.accordion-box dd p + p {padding-top: 15px;}
.accordion-box dd:before {
    content: 'A';display: inline-block; color: #222;font-size: 22px;line-height: 1;font-weight: 500;
    position: absolute;left: 30px;top: 25px;
}

.page-box {padding: 55px 0 30px; text-align: center;background-color: #fff;}
.page-box ul {display: inline-block; margin: auto;overflow: hidden;}
.page-box ul li {float: left;width: 32px;height: 32px;border: 1px solid #e5e5e5;}
.page-box ul li + li {margin-left: 7px;}
.page-box ul li a {float: left;display: block;width: 100%;height: 100%; color: #666;font-size: 14px;line-height: 2;text-align: center;}
.page-box ul li.active {border: 1px solid #000;}
.page-box ul li.active a {color: #fff;background-color: #000;}
.page-box ul li.page-item.first {
    font-size: 0;text-indent: -9999px; background: url(../img/page-first.png) no-repeat center center;background-size: 100% auto;
}
.page-box ul li.page-item.prev {
    font-size: 0;text-indent: -9999px; background: url(../img/page-prev.png) no-repeat center center;background-size: 100% auto;
}
.page-box ul li.page-item.next {
    font-size: 0;text-indent: -9999px; background: url(../img/page-next.png) no-repeat center center;background-size: 100% auto;
}
.page-box ul li.page-item.last {
    font-size: 0;text-indent: -9999px; background: url(../img/page-last.png) no-repeat center center;background-size: 100% auto;
}

.qna-search {text-align: center;overflow: hidden;}
.qna-search select {
    height: 46px;min-width: 94px;padding: 0 30px 0 14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;
    font-size: 18px;color: #222;border: 1px solid #dbdbdb;line-height: 46px;
    background: transparent url(../img/bg_select.png) no-repeat right center;
}
input.type02 {
    width: 230px;margin-left: -6px; padding: 11px 10px 12px;color: #222;font-size: 18px;font-weight: 300;border-radius: 0;line-height: 1;
    border: 1px solid #dbdbdb; background-color: #fff;
}
.qna-search .btn-search {
    display: inline-block;width: 58px;height: 46px;margin-left: -5px;font-size: 0;
    background: #444 url(../img/search-icon.png) no-repeat center center;
}

/* 치료후기 */
.cure-review {position: relative;max-width: 1290px;margin: 0 auto;margin-top: 45px;border-top: 1px solid #222;}
.review-tb {width: 100%;color: #222;}
.review-tb thead th {
    padding: 20px 10px;border-bottom: 1px solid #ccc;color: #222;text-align: center;font-weight: 400;
    vertical-align: middle;font-size: 24px;line-height: 1;background: #f1f1f1;
}
.review-tb tbody {}
.review-tb tbody td {padding: 20px 10px;font-size: 22px;color: #222;line-height: 1.4;text-align: center;border-bottom: 1px solid #ccc;}
.review-tb tbody td a {display: block; font-size: 22px;color: #222;line-height: 1.4;text-align: left;}
.review-tb .wth1 {width: 120px;}
.review-tb .wth2 {width: 120px;}
.review-tb .wth3 {width: 120px;}
.review-tb .wth4 {width: 200px;}

.review-detail {position: relative;max-width: 1290px;margin: 0 auto;margin-top: 45px;border-top: 1px solid #222;}
.review-detail dt {position: relative;border-bottom: 1px solid #ccc;background-color: #f7f7f7;}
.review-detail dt h3 {padding: 18px 20px; font-size: 24px;color: #222;text-align: left;font-weight: 400;line-height: 1.4;}
.review-detail dt .rgt {position: absolute;top: 50%; right: 20px;margin-top: -20px;}
.review-detail dt .rgt .date {display: block;padding-bottom: 10px; font-size: 14px;color: #444;line-height: 1;text-align: right;}
.review-detail dt .rgt .admin {display: block;font-size: 14px;color: #999;line-height: 1;}
.review-detail dt .rgt .admin em {display: inline-block;font-size: 14px;color: #999;line-height: 1;}
.review-detail dt .rgt .admin em + em {position: relative; padding-left: 20px;}
.review-detail dt .rgt .admin em + em::before {content: '';display: inline-block;position: absolute;left: 10px;top: 2px;height: 12px; border-left: 1px solid #dbdbdb;}
.review-detail dd {padding: 50px 20px 70px;font-size: 24px;color: #444;text-align: left;font-weight: 400;line-height: 1.4;border-bottom: 1px solid #ccc;}






/* Tablet Device */
@media all and (min-width:700px) and (max-width:1250px) {
    /* Header */
    header h1.logo a {width: 200px;background: url(../img/logo.png) no-repeat center center;background-size: 200px auto;}
    header .header_nav div ul {min-height: 63px;}
    header .header_nav ul li a {font-size: 13px;}
    header .header_nav .menu_sub a {font-size: 12px;}

    /* 메인 비쥬얼 스와이프 */
    .swipe-main-visual .swiper-pagination {bottom: 20px;}
    .swipe-main-visual .swiper-pagination .swiper-pagination-bullet {width: 25px;height: 3px;}

    .pagination .swiper-button-next, .pagination .swiper-button-prev {position: absolute;width: 30px;height: 29px;margin-top: -15px;}
    .pagination .swiper-button-next,
    .pagination .swiper-container-rtl .swiper-button-prev {right: 0; background:url(../img/ico-next.png) no-repeat center center;background-size:30px;}
    .pagination .swiper-button-prev, 
    .pagination .swiper-container-rtl .swiper-button-next {left: 0;background:url(../img/ico-prev.png) no-repeat center center;background-size:30px;}

    /* 메인 전문분야 */
    .content-part1 {padding: 65px 20px 50px;}
    .content-part1 > div .text {font-size: 21px;line-height: 1.4;}
    .content-part1 .area-box .title {padding: 45px 0 20px;font-size: 40px;}
    .content-part1 .area-box ul li h4 {padding: 20px 0;font-size: 15px;}
    .content-part1 .area-box ul li h4 strong {padding-right: 10px;font-size: 20px;}
    .content-part1 .area-box ul li .txt {min-height: 60px;padding: 20px 0;font-size: 18px;}
    .content-part1 .area-box2 {margin-top: 10px; padding: 25px 0;font-size: 15px;}

    /* 메인 원장소개 */
    .content-part2 {padding: 70px 20px 70px;}
    .content-part2 > div .person-introduce .left h3 strong {padding-right: 15px;font-size: 20px;}
    .content-part2 > div .person-introduce .left h3 {font-size: 60px;padding-bottom: 20px;}
    .content-part2 > div .career-list li {font-size: 16px;}
    .content-part2 > div .career-list li.last {padding: 20px 0 0;}
    .content-part2 > div .btn-introduce {margin-top: 20px;padding: 12px;font-size: 18px;}
    .content-part2 > div .career-list {padding-top: 30px;}

    /* 메인 방문자수 */
    .content-part3 {padding: 50px 20px 30px;background: url(../img/main-bg1.png) no-repeat center center;background-size: 100% auto;}
    .content-part3 > div ul li {width: 48.5%;padding: 30px 15px;}
    .content-part3 > div ul li h4 {padding-bottom: 20px;font-size: 45px;}
    .content-part3 > div ul li p {font-size: 16px;letter-spacing: 0;}
    .content-part3 > div ul li p strong {font-size: 26px;vertical-align: baseline;}
    .content-part3 > div ul li + li {margin-left: 3%;}

    /* 메인 유튜브 */
    .content-part4 {padding: 40px 10px;}
    .content-part4 > div ul li {width: 50%;padding: 30px 10px;}
    .content-part4 > div ul li iframe {max-width: 100%;height: 200px;}
    .content-part4 > div ul li .txt h4 {padding-bottom: 15px;font-size: 24px;}
    .content-part4 > div ul li .txt {padding-top: 15px;font-size: 15px;line-height: 1.3;}

    /* 메인 가족이 함께하는 비뇨의학과 */
    .content-part5 {padding: 70px 10px;}
    .content-part5 > div h3.title {padding: 0 0 20px;font-size: 36px;}
    .content-part5 > div ul {padding-top: 40px;}
    .content-part5 > div ul li .cartoon {text-align: center;}
    .content-part5 > div ul li img {max-width: 95%;}
    .content-part5 > div ul li button {margin-top: 10px;width: 95%;padding: 10px;font-size: 18px;}

    /* 메인 생생후기 */
    .content-part6 {padding: 70px 20px 60px;}
    .content-part6 > div .txt1 {font-size: 20px;}
    .content-part6 > div .titie {padding: 10px 0 10px;font-size: 36px;}
    .content-part6 > div .txt2 {font-size: 16px;}
    .content-part6 > div ul li {width: 180px;}
    .content-part6 > div ul li img {max-width: 100%;}
    .content-part6 > div ul li .txt {bottom: 8px;font-size: 14px;}

    /* 메인 무료상담신청 */
    .content-part7 {min-height: 295px;padding: 70px 20px 60px;background: #3f4448 url(../img/t-main-bg4.png) no-repeat right center;background-size: auto 295px;}
    .content-part7 .mail dt {width: 70px;font-size: 14px;}
    .content-part7 > div .txt1 {font-size: 18px;}
    .content-part7 > div .titie {font-size: 24px;}
    .content-part7 > div .txt2 {font-size: 12px;}
    .content-part7 > div .txt button {padding: 10px 20px;font-size: 14px;}
    .content-part7 .mail {padding-left: 50px;}
    .content-part7 .mail dd input {width: 160px;padding: 6px 10px;}
    .content-part7 .mail dd span input {width: 70px;}
    .content-part7 .mail dd span + span::before {line-height: 1.4;}
    .content-part7 .mail dd textarea {width: 240px;min-height: 80px;}

    .content-part7 .mail dd em.age,
    .content-part7 .mail dd em.sex {width: 40px;color: #fff;font-size: 14px; line-height:2;}
    .content-part7 .mail dd em.input {display: inline-block;}
    .content-part7 .mail dd em.input input {width: 40px;}
    .content-part7 .mail dd span input.w150 {width: 120px;}

    /* 풋터 */
    footer.footer {padding: 20px 0;}
    footer.footer ul li a {font-size: 15px;}
    footer.footer .copy > ul {margin: 15px auto 0 auto;}
    footer.footer .copy ul li {font-size: 13px;}

    /* 우측배너 */
    #floating .quick_menu a {padding: 30px 0 10px;font-size: 13px;}
    #floating .quick_menu {width: 70px;}
    #floating .quick_menu .tel a {background: url(../img/ico-tel.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .diagnosis a {background: url(../img/ico-diagnosis.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .map a {background: url(../img/ico-map.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .reservation a {background: url(../img/ico-reservation.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .top a {background:#3a3f45 url(../img/ico-top.png) no-repeat center 10px;background-size:auto 15px;}


    /* 서브페이지 병원소개 */
    .sub-title01 {padding: 16px; font-size: 21px;}
	
	/* 서브페이지 유튜브링크 */
    .youtube {padding: 40px 0px;}
    .youtube > div ul li {width: 100%;padding: 30px 0px;}
    .youtube > div ul li iframe {max-width: 100%;height: 700px;}

    /* 서브페이지 메뉴 */
    .sub-menu ul {padding: 30px 20px 0;}
    .sub-menu ul li a {padding: 12px 0px; font-size: 14px;}

    /* 서브페이지 타이틀 */
    .sub-title-introduce  {padding: 60px 10px 40px;}
    .sub-tit {padding: 10px 0 15px; font-size: 40px;}
    .sub-tit em {font-size: 40px;}
    .sub-txt { font-size: 13px;}


    /* 서브페이지 설명 */
    .explanation ul {padding-top: 40px;}
    .explanation ul li h4 {padding: 10px 0;;font-size: 16px;}
    .explanation ul li h4 strong {padding-right: 17px; font-size: 16px;}
    .explanation ul li h4 strong::after {position: absolute;right: 8px;top: 5px;bottom: 5px;}
   .explanation ul li .txt {min-height: 120px;padding: 10px 10px 0;font-size: 12px;letter-spacing: -1px;}

    /*추가 서브 CSSS*/
	    .sub-tit01 { font-size: 14px;}
	.sub-txt01 {padding-top: 30px; font-size: 13px;color: #222;text-align: left;line-height: 1.5;}
	.sub-txt02 {padding-top: 30px; font-size: 20px;color: #004ea2;text-align: center;line-height: 1.5;font-weight: 500;}
	.sub-txt03 {padding-top: 20px; font-size: 22px;color: #222;text-indent: -10px; text-align: left;line-height: 1.5;}

     /* 추가 코믹스 CSS */
     .comics-box {position: relative;max-width: 700px;margin: 0 auto;padding-top: 70px;}
     .comics-box ul {overflow: hidden;text-align: center;margin: auto;font-size: 0;}
     .comics-box ul li {
      position: relative;display: inline-block; width: 30.6%;max-width: 395px;min-height: 225px; text-align: center;
      font-size: 30px;color: #222;font-weight: 600;line-height: 1.4;padding: 10px 10px; }
     .comics-box ul li img {width: 100%;}

    /* 의료진 소개 */
    .staff-introduce {padding: 60px 0;background-color: #f0f0f0;}
    .content-box {padding: 0 20px;}
    .staff {padding-top: 20px;}
    .staff img {max-width: 360px;}
    .staff.lft {padding-top: 45px; text-align: left;}
    .staff .left {display: inline-block;padding-right: 35px; vertical-align: top; text-align: right;}
    .staff .right {display: inline-block; text-align: right;}
    .staff .left * {text-align: right;}

    .staff.lft .left * {text-align: left;}
    .staff.lft .left {padding-left: 35px;padding-right: 0;}

    .staff h4 {padding-bottom: 20px; font-size: 36px;}
    .staff h4 strong {display: block;padding-top: 10px; font-size: 18px;}
    .staff .career-title {padding-top: 15px; font-size: 18px;}
    .staff .career-list {padding-top: 10px; font-size: 14px;}


    /* 병원시설둘러보기 */
    .swipe-hospital {padding-top: 30px;margin:  0 10px;}

    /* 장비둘러보기 */
    .hospital-equipment {padding: 30px 0;}
    .equipment-photo ul {padding-top: 20px;}

    /* 진료안내 */
    .diagnosis-guide {padding: 30px 10px 0;}
    .diagnosis-guide .img {padding: 110px 100px 100px;}
    .diagnosis-time h4 {font-size: 40px;}
    .diagnosis-time .txt {padding-top: 10px; font-size: 14px;line-height: 1.6;}
    .diagnosis-time h5 {font-size: 24px;}
    .diagnosis-time .tel {font-size: 21px;}


    /* 오시는 길 */
    .map-guide {padding: 30px 10px 0;}
    .table_bbs{padding: 30px 10px 0;}
	
	/* 추가 Css 요로감염질환 일부 서브 공통 */
    .infection-introduce {padding: 60px 0;background-color: #ffffff;}
    .content-box {padding: 0 20px;}
    .infection {padding-top: 20px;}
    .infection img {max-width: 360px;}
    .infection.lft {padding-top: 45px; text-align: left;}
    .infection .left {display: inline-block;padding-right: 35px; vertical-align: top; text-align: right;}
    .infection .right {display: inline-block; text-align: right;}
    .infection .left * {text-align: right;}

    .infection.lft .left * {text-align: left;}
    .infection.lft .left {padding-left: 35px;padding-right: 0;}

    .infection h4 {padding-bottom: 20px; font-size: 36px;}
    .infection h4 strong {display: block;padding-top: 10px; font-size: 18px;}
    .infection .career-title {padding-top: 0px; font-size: 18px;}
    .infection .career-list {padding-top: 10px; font-size: 16px;}
	.infection .career-title_02 {padding-top: 20px; font-size: 18px;color: #222;line-height: 1;font-weight: 600;}
	.video {max-width: 360px;}
	
	

    /* 남성갱년기 */
    .male-menopause-box {padding: 40px 10px 0;}
    .male-menopause-box ul li + li p::before {background: url(../img/ico-arrow.png) no-repeat center center;background-size: 14px auto;}
    .male-menopause-box ul li:nth-child(5) {margin-left:0;}
    .male-menopause-box ul li:nth-child(5) p::before {content: none;}
    .male-menopause-box ul li p {position: relative; text-align: center; border: 1px solid #ccc;}
    .male-menopause-box ul li p img {max-width: 100%;}
    .male-menopause-box ul li .year {padding: 10px 0 20px; font-size: 14px;}


    /* 음경확대술 */
    .penis-augmentation-box {padding: 40px 10px 0;}
    .penis-augmentation-box .bottom {padding-top: 40px;}
    .penis-augmentation-box .left h4 {padding-bottom: 20px;font-size: 18px;}
    .penis-augmentation-box .left ul {padding-bottom: 20px;}
    .penis-augmentation-box .left ul li {font-size: 14px;}
    .penis-augmentation-box .left ul li + li {padding-top: 15px;}
    .penis-augmentation-box .right {padding: 20px 20px 20px;width:48%; max-width: 624px;}
    .penis-augmentation-box .right h4 {padding-bottom: 15px; font-size: 18px;color: #222;}
    .penis-augmentation-box .bottom ul {padding-bottom: 20px;}

    .right .operation-calendar {padding-top: 20px;}
    .right .operation-calendar li {position: relative;min-height: 45px; font-size: 14px;padding-left: 100px;}
    .right .operation-calendar li + li {padding: 3px 0 0 100px;margin-top: 20px;}
    .right .operation-calendar li span {
        position: absolute;left: 0;top: 0; display: inline-block;min-width: 80px; padding: 6px 10px; font-size: 14px; 
        margin-right: 5px;
    }
    .right .operation-calendar li span::after {margin: 21px 0 0 -14px;padding: 14px;
        background: url(../img/ico-arrow2.png) no-repeat center center;background-size: 14px auto;
    }
    .right .operation-calendar li:last-of-type span::after {content: none;}
    .right .operation-calendar li:last-of-type {min-height: 30px;}
    .penis-augmentation-box .bottom .right ul {padding-bottom: 0;}

    /* 경구 약물치료 */
    .oral-medication-box {padding: 40px 10px 0;}
    .oral-medication-box ul li {
        min-height: 185px; border: 10px solid #004ea2;font-size: 18px;padding: 50px 10px;
    }
    .oral-medication-box ul li + li {margin-left:4.1%;}
    .oral-medication-box ul li + li::before {
        left: -12%;margin: -12px 0 0 -12px;padding: 12px;
        background: url(../img/ico-arrow3.png) no-repeat center center;background-size: 24px auto;
    }


    /* 발기부전 */
    .diagnosing-sexual-dysfunction {padding: 25px 10px 0;}
    .diagnosing-sexual-dysfunction ul li .name {padding: 15px 0 30px; font-size: 18px;}
    .diagnosing-sexual-guide {padding: 40px 10px 0;}
    .diagnosing-sexual-guide ul {padding-right: 0;}
    .diagnosing-sexual-guide li + li {padding-top: 40px;}
    .diagnosing-sexual-guide li h4 {font-size: 21px;}
    .diagnosing-sexual-guide li p {font-size: 16px;}
	
	/*추가-개인정보/이용약관*/
	.basic-guide {padding: 40px 10px 0;}
	.basic-guide ul {padding-right: 0;}
	.basic-guide li + li {padding-top: 40px;}
	.basic-guide li h4 {font-size: 21px;}
	.basic-guide li p {font-size: 16px; text-indent: -10px;}
	
	.basic-guide_02 {padding: 40px 10px 0;}
	.basic-guide_02 ul {padding-right: 0;}
	.basic-guide_02 li + li {padding-top: 20px;}
	.basic-guide_02 li h4 {font-size: 21px;}
	.basic-guide_02 li p {font-size: 16px;margin-left:10px;text-indent:-10px;}



	/* 추가 CSS 여성비뇨의학>과민성방광 */
	.woman-box {position: relative;max-width: 1100px;margin: 0 auto;padding-top: 70px;}
	.woman-box ul {overflow: hidden;}
	.woman-box ul li  {position: relative;float: left;width: 45.4%;}
	.woman-box ul li + li {margin-left:4.8%;}
	.woman-box ul li + li p::before {
		content: ''; display: inline-block;position: absolute;top: 50%; left: -10.8%;margin: -14px 0 0 -14px;padding: 14px;
		background: url(../img/ico-arrow.png) no-repeat center center;background-size: 28px auto;}
	.woman-box ul li:nth-child(5) {margin-left:0;}
	.woman-box ul li:nth-child(5) p::before {content: none;}
	.woman-box ul li p {position: relative; text-align: center; border: 1px solid #fff;}
	.woman-box ul li .year {display: block; border: 0;padding: 20px 0 30px; font-size: 18px;color: #222;line-height: 1;text-align: center;}
	
	.woman-img {max-width: 420px; display: block; margin: auto; padding-top : 50px; }
    
    /* 202103 */
    /* 전화, 방문 상담예약 */
    .consulting-box dt {min-width: 130px;font-size: 18px;}
    .consulting-box dt label {display: block;width: 100%;text-align: center;font-size: 18px;}
    .consulting-box dd input.type01.w220 {width: 100%;}
    .consulting-box dd span {width: 32%;}
    .consulting-box label {display: inline-block; width: auto;font-size: 0;}
    .consulting-box label span {display: block;width: 100%;font-size: 16px;}
    .consulting-box dd label + label {padding-left: 10px;}

    .consulting-box dd p + p {padding-top: 20px;}
    .consulting-box dt.w100 {display: table-cell;position: relative; min-width: 80px;border-left: 1px solid #ccc;}
    .consulting-box dd.w200 {display: table-cell;position: relative;min-width: 100px;padding-right: 10px;}
    .consulting-box dd.w200 input.type01 {width: 100%;}
    .consulting-box dd input.type01.w300 {width: 140px;}
    .consulting-box dd input.type01.w600 {max-width: 80%;}
    input[type=checkbox].checkbox01 + span::before {width: 30px;height: 30px;margin-right: 5px;}
    input[type=checkbox].checkbox01:checked + span::after {width: 30px;height: 30px;background: url(../img/btn-check.png) no-repeat center center;background-size: 20px auto;}
    .consulting-box dd {padding: 10px 0 10px 10px;}
    input.type01, textarea.type01 {padding: 8px 10px;font-size: 18px;}
    .consulting-box dd input.type01 {width: 90%;}

    .btn-box {padding-top: 40px;}
    .btn01 {min-width: 180px;padding: 18px 4px;font-size: 18px;}

    .month-box .year-box .top-month {width: 100%;}

    /* 자주 묻는 질문 */
    .accordion-box {margin-top: 25px;}
    .accordion-box dt {position: relative; display: block; padding: 20px 35px;}
    .accordion-box dt a {font-size: 18px;}
    .accordion-box dt:before {content: 'Q';display: inline-block;font-size: 18px;position: absolute;left: 15px;top: 18px;}
    .accordion-box dd {position: relative;display: block;padding: 20px 0 20px 35px;}
    .accordion-box dd p {font-size: 18px;}
    .accordion-box dd p + p {padding-top: 10px;}
    .accordion-box dd:before {font-size: 18px;position: absolute;left: 15px;top: 18px;}

    .page-box {padding: 35px 0 20px; text-align: center;}

    /* 치료후기 */
    .cure-review {margin-top: 25px;}
    .review-tb thead th {padding: 16px 10px;border-bottom: 1px solid #ccc;color: #222;font-size: 18px;}
    .review-tb tbody td {padding: 10px 10px;font-size: 16px;}
    .review-tb tbody td a {display: block; font-size: 16px;}
    .review-tb .wth1 {width: 80px;}
    .review-tb .wth2 {width: 80px;}
    .review-tb .wth3 {width: 80px;}
    .review-tb .wth4 {width: 140px;}

    .review-detail {margin-top: 25px;}
    .review-detail dt h3 {padding: 15px 15px; font-size: 18px;}
    .review-detail dt .rgt {position: absolute;top: 50%; right: 20px;margin-top: -15px;}
    .review-detail dt .rgt .date {display: block;padding-bottom: 5px; font-size: 12px;}
    .review-detail dt .rgt .admin {font-size: 12px;}
    .review-detail dt .rgt .admin em {font-size: 12px;}
    .review-detail dt .rgt .admin em + em {position: relative; padding-left: 20px;}
    .review-detail dt .rgt .admin em + em::before {left: 10px;top: 2px;height: 12px;}
    .review-detail dd {padding: 30px 15px 50px;font-size: 18px;}


}






/*모바일 사이즈는 다시 설정하세요.*/
@media only screen and (max-width:700px) {
/* Header */    
header h1.logo a {width: 120px;height: 50px;background: url(../img/logo.png) no-repeat center center;background-size: 120px auto;}
.wrap.no_scroll {position: fixed;overflow: hidden;}

/* Header 모바일 버튼 */
header button.side-menu {width: 24px;height: 28px;position: absolute; top: 10px; right: 15px;display: block;}
header button.side-menu span {top: 0; left: 0;font-size: 0;text-indent: -9999px;}
header button.side-menu span, 
header button.side-menu span::before, 
header button.side-menu span::after {display: inline-block;width: 24px;height: 2px;background-color: #10386b;}
header button.side-menu span {position: relative;width: 24px;height: 2px;}
header button.side-menu span::before, 
header button.side-menu span::after {content: '';position: absolute;left: 0;transition: all .2s;background-color: #10386b;}
header button.side-menu span::before {top: 16px;}
header button.side-menu span::after {top: 8px;}
header .top_nav {top: 20px;right: 50px;}
header .top_nav a:first-of-type {display: none;}
header .top_nav a:nth-child(2)::before {content: none;}
header .header_nav {display: none;}

header .side-menu.m-open ~ .header_nav {
    display: block;position: fixed;top: 0;bottom: 0;right: 0;overflow-y: auto;width: 80%;max-width: 300px;z-index: 100;background: #fff;    
}
header .side-menu.m-open + .menu_bg {
    display: block;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;width: 100%;font-size: 0;background: #000;opacity: 0.7;z-index: 99;
}

header .side-menu.m-open {right: auto;left: 15px;z-index: 999;}
header button.side-menu.m-open span {background-color: transparent;}
header button.side-menu.m-open span::after {display: inline-block;width: 24px;height: 2px;background-color: #fff;}
header button.side-menu.m-open span::before, 
header button.side-menu.m-open span::after {content: '';position: absolute;left: 0;transition: all .2s;background-color: #fff;}
header button.side-menu.m-open span::before {top: 10px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
header button.side-menu.m-open span::after {top: 10px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

/* Header 상단메뉴 */
header .header_nav div {max-width: 100%;padding-right: 0;}
header .header_nav div ul {padding-right: 0;}
header .header_nav ul li {display: block;width: 100%;border-bottom: 1px solid #eee;height: auto !important;}
header .header_nav ul li a {line-height: 40px;color: #000; font-size: 14px;text-align: left;padding: 15px 0 15px 20px;line-height: 1;letter-spacing: 0;}
header .header_nav > div > ul > li > a:after {
    content: '';display: block;float: right;width: 30px;height: 40px;background: url(../img/icon-accordion-off.png) no-repeat center center;
    background-size: 20px auto;position: absolute;top: 0;right: 0;
}
header .header_nav > div > ul > li > a.open-mob:after {background: url(../img/icon-accordion-focus.png) no-repeat center center;background-size: 20px auto;}
header .header_nav ul li + li::before {content: none;}

/* Header 상단메뉴 애니메이션 */
header .side-menu.m-open ~ .header_nav {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-transition: all .8s;
    transition: all .8s;
}
@-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
  
header .side-menu.m-open ~ .header_nav {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
header .header_nav.open .menu_sub {display: none;position: relative;top: auto;}
header .header_nav.open .menu_sub a {font-size: 13px;padding: 15px 0 15px 20px;}
header .header_nav.open .menu_sub li {border-bottom: 0}
header .header_nav.open .menu_sub li + li {border-top: 1px solid #fff;}
header .header_nav li.active a {color: #10386b;}
header .header_nav > div > ul > li > a.open-mob + .menu_sub {display: block;width: 100%;height: auto;padding: 0;background: #ececec;border-top: 1px solid #dbdbdb;}

/* 메인 비쥬얼 스와이프 */
.swipe-main-visual .swiper-pagination {bottom: 10px;}
.swipe-main-visual .swiper-pagination .swiper-pagination-bullet {width: 25px;height: 3px;}

.pagination .swiper-button-next, .pagination .swiper-button-prev {position: absolute;width: 20px;height: 19px;margin-top: -10px;}
.pagination .swiper-button-next,
.pagination .swiper-container-rtl .swiper-button-prev {right: 0; background:url(../img/ico-next.png) no-repeat center center;background-size:20px;}
.pagination .swiper-button-prev, 
.pagination .swiper-container-rtl .swiper-button-next {left: 0;background:url(../img/ico-prev.png) no-repeat center center;background-size:20px;}


/* 메인 전문분야 */
.content-part1 {padding: 25px 10px 30px;}
.content-part1 > div .text {font-size: 14px;}

.content-part1 .area-box .title {padding: 15px 0 10px;font-size: 24px;}
.content-part1 .area-box ul li h4 {padding: 10px 0;font-size: 16px;}
.content-part1 .area-box ul li h4 strong {padding-right: 10px;font-size: 18px;}
.content-part1 .area-box ul li .txt {min-height: 80px;padding: 10px 0;font-size: 14px;}
.content-part1 .area-box ul li {float: none;width: 100%;}
.content-part1 .area-box ul li + li {margin-left: 0;max-width: 807px;}
.content-part1 .area-box2 {margin-top: 10px; padding: 15px 0;font-size: 16px;}

/* 메인 원장소개 */
.content-part2 {padding: 20px 10px 50px;}
.content-part2 > div .person-introduce + .person-introduce {margin-top: 20px;}
.content-part2 > div .person-introduce {position: relative;}
.content-part2 > div .person-introduce .left h3 strong {padding-right: 10px;font-size: 14px;}
.content-part2 > div .person-introduce .left h3 {font-size: 24px;padding-bottom: 5px;}
.content-part2 > div .career-list li {font-size: 12px;line-height: 1.5;}
.content-part2 > div .career-list li.last {padding: 10px 0 0;}
.content-part2 > div .career-list li + li {padding-top: 7px;}
.content-part2 > div .btn-introduce {position: absolute;left: 0;top: 190px;margin-top: 10px;padding: 10px 4px;font-size: 11px;}
.content-part2 > div .career-list {position: relative; padding: 15px 0 0 130px;}
.content-part2 > div .person-introduce .left {float: none;min-width: 100%;min-height: 230px;}
.content-part2 > div .person-introduce .right {float: none;padding-left: 0;width: 115px;position: absolute;left: 0;top: 45px;min-height: 230px;}

/* 메인 방문자수 */
.content-part3 {padding: 20px 20px 20px;background: url(../img/main-bg1.png) no-repeat center center;background-size: auto 100%;}
.content-part3 > div ul li {width: 100%;padding: 20px 15px;}
.content-part3 > div ul li h4 {padding-bottom: 10px;font-size: 24px;font-weight: 500;}
.content-part3 > div ul li p {font-size: 14px;letter-spacing: 0;padding-top: 10px;}
.content-part3 > div ul li p strong {font-size: 18px;vertical-align: baseline;}
.content-part3 > div ul li + li {margin: 10px 0 0;}

/* 메인 유튜브 */
.content-part4 {padding: 40px 10px;}
.content-part4 > div ul li {width: 100%;padding: 0 10px 0;}
.content-part4 > div ul li + li {padding-top: 20px;}
.content-part4 > div ul li iframe {max-width: 100%;height: 200px;}
.content-part4 > div ul li .txt h4 {padding-bottom: 10px;font-size: 20px;}
.content-part4 > div ul li .txt {padding-top: 15px;font-size: 14px;line-height: 1.3;}

/* 메인 가족이 함께하는 비뇨의학과 */
.content-part5 {padding: 30px 10px;}
.content-part5 > div h3.title {padding: 0 0 10px;font-size: 24px;}
.content-part5 > div h4.sub-tit {font-size: 16px;line-height: 1.4;}
.content-part5 > div ul {padding-top: 20px;}
.content-part5 > div ul li .cartoon {text-align: center;}
.content-part5 > div ul li img {max-width: 95%;}
.content-part5 > div ul li button {margin: 5px 1% ;width: 95%;padding: 10px;font-size: 14px;}
.content-part5 > div ul li {float: left;width: 49%;text-align: center;}
.content-part5 > div ul li + li {margin-left: 2%;}
.content-part5 > div ul li:nth-child(3) {margin-left: 0;}
.content-part5 > div ul li:nth-child(3),
.content-part5 > div ul li:nth-child(4) {margin-top: 20px;}

/* 메인 생생후기 */
.content-part6 {padding: 30px 20px 20px;}
.content-part6 > div .txt1 {font-size: 14px;line-height: 1.4;}
.content-part6 > div .titie {padding: 10px 0 10px;font-size: 20px;}
.content-part6 > div .txt2 {font-size: 13px;}
.content-part6 > div ul li {width: 100%;text-align: center;}
.content-part6 > div ul li img {max-width: 100%;}
.content-part6 > div ul li .txt {bottom: 15px;font-size: 16px;}
.content-part6 > div ul {padding-top: 20px;}
.content-part6 > div ul li + li {margin: 10px 0 0;}
.content-part6 > div ul li a {display: block;text-align: center;max-width: 250px;margin: auto;}

/* 메인 무료상담신청 */
.content-part7 {min-height: 295px;padding: 30px 20px 20px;background: #3f4448 url(../img/t2-main-bg4.png) no-repeat right bottom;background-size: auto 50%;}
.content-part7 > div {position: relative;}
.content-part7 .mail dt {width: 60px;font-size: 13px;}
.content-part7 > div .txt1 {font-size: 16px;}
.content-part7 > div .titie {font-size: 20px;}
.content-part7 > div .txt2 {font-size: 11px;}
.content-part7 > div .txt button {padding: 8px 10px;font-size: 12px;position: absolute;right: 0;top: 0;margin-top: 0}
.content-part7 .mail {padding: 20px 0 0;display: block;}
.content-part7 .mail dd input {width: 160px;padding: 6px 10px;}
.content-part7 .mail dd span input {width: 70px;}
.content-part7 .mail dd span + span::before {line-height: 1.4;}
.content-part7 .mail dd textarea {width: 240px;min-height: 80px;font-size: 13px;}

/* .content-part7 .mail dd span.name {display: block;} */
.content-part7 .mail dd em.age,
.content-part7 .mail dd em.sex {width: 40px;color: #fff;font-size: 13px; line-height:1.9;}
.content-part7 .mail dd em.input {display: inline-block;}
.content-part7 .mail dd em.input input {width: 40px;}
.content-part7 .mail dd span input.w150 {width: 60px;}
.content-part7 .mail dd input {font-size: 13px;}


/* 풋터 */
footer.footer {padding: 20px 0;}
footer.footer ul li a {font-size: 12px;}
footer.footer .copy > ul {margin: 10px auto 0 auto;}
footer.footer .copy ul li {font-size: 11px;}

/* 우측배너 */
#floating {display: none;}



/* 서브페이지 병원소개 */
.sub-title01 {padding: 10px; font-size: 16px;}

/* 서브페이지 유튜브 링크 */
.youtube {padding: 40px 5px;}
.youtube > div ul li {width: 100%;padding: 0 5px 0;}
.youtube > div ul li + li {padding-top: 20px;}
.youtube > div ul li iframe {max-width: 100%;height: 214px;}

/* 서브페이지 메뉴 */
.sub-menu ul {padding: 20px 10px 0;}
.sub-menu ul li a {padding: 8px 2px; font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 서브페이지 타이틀 */
.sub-title-introduce  {padding: 30px 10px 20px;}
.sub-tit {padding: 10px 0 15px; font-size: 24px;}
.sub-tit em {font-size: 24px;}
.sub-txt { font-size: 11px;}


/* 서브페이지 설명 */
.explanation ul {padding-top: 20px;}
.explanation ul li {width: 48%;}
.explanation ul li + li {margin-left: 4%;}
.explanation ul li:nth-child(odd) {margin-left: 0;}
.explanation ul li:nth-child(3),
.explanation ul li:nth-child(4),
.explanation ul li:nth-child(5) {margin-top: 15px;}

.explanation ul li h4 {padding: 10px 0;;font-size: 14px;}
.explanation ul li h4 strong {padding-right: 11px; font-size: 14px;}
.explanation ul li h4 strong::after {position: absolute;right: 5px;top: 5px;bottom: 5px;}
.explanation ul li .txt {min-height: 100px;padding: 10px 5px 0;font-size: 12px;letter-spacing: -1px;}

/* 추가 서브 CSS */

.sub-tit01 { font-size: 12px;}
.sub-txt01 { padding-top: 28px;font-size: 14px;color: #222;text-align: left;line-height: 1.5;}
.sub-txt02 {padding-top: 28px; font-size: 16px;color: #004ea2;text-align: center;line-height: 1.5;font-weight: 500;}
.sub-txt03 {padding-top: 20px; font-size: 16px;color: #222;text-indent: -10px; text-align: left;line-height: 1.5;}

/* 추가 코믹스 CSS */
.comics-box {position: relative;max-width: 700px;margin: 0 auto;padding-top: 70px;}

.comics-box ul li {
    width: 30.6%;max-width: 700px;min-height: 120px; 
    padding: 10px 10px; }
.comics-box ul li img {width: 100%;}


/* 의료진 소개 */
.staff-introduce {padding: 30px 0;}
.content-box {padding: 0 10px;}
.staff {padding-top: 10px;position: relative;}
.staff img {max-width: 130px;}
.staff.lft {padding-top: 30px; text-align: left;}
.staff .left {display: inline-block;padding-right: 10px; vertical-align: top; text-align: right;}
.staff .right {display: inline-block; text-align: right;position: absolute;right: 10px;top:10px;}
.staff .left * {text-align: right;}

.staff.lft .left * {text-align: left;}
.staff.lft .left {padding-left: 10px;padding-right: 0;}

.staff h4 {padding-bottom: 20px; font-size: 24px;padding-right: 150px;}
.staff h4 strong {display: block;padding-top: 10px; font-size: 14px;}
.staff .career-title {padding-top: 15px; font-size: 15px;}
.staff .career-list {padding-top: 10px; font-size: 12px;}
.staff h4 + .career-title {padding-top: 120px;}

.staff.lft .right {display: inline-block; text-align: right;position: absolute;left: 10px;top: 30px;right: auto;}
.staff.lft h4 {padding-bottom: 20px; font-size: 24px;padding-right: 0;padding-left: 150px;}


/* 병원시설둘러보기 */
.swipe-hospital {padding-top: 20px;margin:  0 10px;}

/* 장비둘러보기 */
.hospital-equipment {padding: 30px 0;}
.equipment-photo ul {padding-top: 10px;}
.equipment-photo ul li span {bottom: 10px;font-size: 12px;}

/* 진료안내 */
.diagnosis-guide {padding: 20px 10px 0;}
.diagnosis-guide .img {padding: 20px 20px 20px;}
.diagnosis-time h4 {font-size: 30px;}
.diagnosis-time .txt {padding-top: 5px; font-size: 13px;line-height: 1.6;}
.diagnosis-time h5 {font-size: 21px;}
.diagnosis-time .tel {font-size: 16px;}



/* 오시는 길 */
.map-guide {padding: 20px 0 0;}
.map-guide .root_daum_roughmap {height: 200px;}
.table_bbs {padding-top: 20px;}
.table_bbs table tbody tr {border-bottom: 1px solid #ccc;}
.table_bbs table tbody th {font-size: 13px;padding: 0;}
.table_bbs table tbody td {padding: 10px; font-size: 13px;}

/* 추가 Css 요로감염질환 일부 서브 공통 */
.infection-introduce {padding: 30px 0;}
.content-box {padding: 0 10px;}
.infection {padding-top: 10px;position: relative;}
.infection img {max-width: 100%;}
.infection.lft {padding-top: 30px; text-align: left;}
.infection .left {display: inline-block;padding-right: 10px; vertical-align: top; text-align: right;}
.infectionf .right {display: inline-block; text-align: right;position: absolute;right: 10px;top:10px;}
.infection .left * {text-align: right;}

.infection.lft .left * {text-align: left;}
.infection.lft .left {padding-left: 10px;padding-right: 0;}

.infection h4 {padding-bottom: 20px; font-size: 24px;padding-right: 150px;}
.infection h4 strong {display: block;padding-top: 10px; font-size: 14px;}
.infection .career-title {padding-top: 30px; font-size: 15px;}
.infection .career-title_02 {padding-top: 20px; font-size: 16px;color: #222;line-height: 1;font-weight: 600;}
.infection .career-list {padding-top: 20px; font-size: 14px;}
.infection h4 + .career-title {padding-top: 120px;}

.infection.lft .right {display: inline-block; text-align: right;left: 10px;top: 30px;right: auto;}
.infection.lft h4 {padding-bottom: 20px; font-size: 24px;padding-right: 0;padding-left: 150px;}
.video {max-width: 100%;}



/* 남성갱년기 */
.male-menopause-box {padding-top: 20px;}
.male-menopause-box ul {overflow: hidden;}
.male-menopause-box ul li {width: 45%;}
.male-menopause-box ul li + li {margin-left:10%;}
.male-menopause-box ul li + li p::before {background: url(../img/ico-arrow.png) no-repeat center center;background-size: 14px auto;}
.male-menopause-box ul li:nth-child(3),
.male-menopause-box ul li:nth-child(5),
.male-menopause-box ul li:nth-child(7) {margin-left:0;}
.male-menopause-box ul li:nth-child(3),
.male-menopause-box ul li:nth-child(5),
.male-menopause-box ul li:nth-child(7) p::before {content: none;}
.male-menopause-box ul li p img {max-width: 100%;}
.male-menopause-box ul li .year {padding: 10px 0 20px; font-size: 13px;}


/* 음경확대술 */
.sub-menu.th6 ul li {width: 32.5%;}
.sub-menu.th6 ul li:nth-child(4) {margin-left: 0;}
.sub-menu.th6 ul li:nth-child(4),
.sub-menu.th6 ul li:nth-child(5),
.sub-menu.th6 ul li:nth-child(6) {margin-top: 1.5%;}

.penis-augmentation-box {padding-top:20px;}
.penis-augmentation-box .bottom {padding-top: 20px;}
.penis-augmentation-box .left {float: none;width:100%;}
.penis-augmentation-box .left h4 {padding-bottom: 10px;font-size: 16px;}
.penis-augmentation-box .left ul {padding-bottom: 20px;}
.penis-augmentation-box .left ul li {font-size: 13px;}
.penis-augmentation-box .left ul li + li {padding-top: 10px;}
.penis-augmentation-box .left .img img {max-width: 100%;}
.penis-augmentation-box .right {float: none;margin-top: 20px; padding: 20px 15px 20px;width:100%;}
.penis-augmentation-box .right h4 {padding-bottom: 15px; font-size: 16px;}
.penis-augmentation-box .right .img img {max-width: 100%;}
.penis-augmentation-box .bottom ul {padding-bottom: 20px;}

.right .operation-calendar {padding-top: 20px;}
.right .operation-calendar li {font-size: 12px;}
.right .operation-calendar li + li {padding-top: 30px;}
.right .operation-calendar li span {
    position: relative;display: inline-block;min-width: 60px; padding: 4px 10px; font-size: 12px; 
    line-height: 1;background-color: #546f8c;border-radius: 15px;margin-right: 10px;
}
.right .operation-calendar li span::after {
    content: ''; display: inline-block;position: absolute;top: 50%; left: 50%;margin: 12px 0 0 -14px;
    background: url(../img/ico-arrow2.png) no-repeat center center;background-size: 12px auto;
}

/* 경구 약물치료 */
.oral-medication-box {padding-top: 20px;}
.oral-medication-box ul li {
    width: 45%;max-width: 395px;min-height: 120px; border: 5px solid #004ea2;
    font-size: 16px;padding: 20px 10px;
}
.oral-medication-box ul li + li {margin-left:8%;}
.oral-medication-box ul li + li::before,
.oral-medication-box ul li:nth-child(4)::before {
    content: ''; display: inline-block;position: absolute;top: 50%; left: -13.8%;margin: -11px 0 0 -11px;padding: 12px;
    background: url(../img/ico-arrow3.png) no-repeat center center;background-size: 22px auto;
}
.oral-medication-box ul li:nth-child(3),
.oral-medication-box ul li:nth-child(5) {margin-left:0;}

.oral-medication-box ul li:nth-child(3),
.oral-medication-box ul li:nth-child(4),
.oral-medication-box ul li:nth-child(5) {margin-top:25px;}

.oral-medication-box ul li:nth-child(3)::before,
.oral-medication-box ul li:nth-child(5)::before {content: none;}
.oral-medication-box ul li:nth-child(4) {margin-left:8%;}


/* 발기부전 */
.diagnosing-sexual-dysfunction {padding-top: 10px;}
.diagnosing-sexual-dysfunction ul li .name {padding: 10px 0 20px;font-size: 13px;}
.diagnosing-sexual-guide {padding-top: 20px;}
.diagnosing-sexual-guide ul {padding-right: 0;}
.diagnosing-sexual-guide li + li {padding-top: 30px;}
.diagnosing-sexual-guide li h4 {padding-bottom: 10px; font-size: 16px;line-height: 1;}
.diagnosing-sexual-guide li p {font-size: 13px;}
.diagnosing-sexual-guide li p + p {padding-top: 5px;}

/*추가-개인정보/이용약관*/
	.basic-guide {padding-top: 20px;}
	.basic-guide ul {padding-right: 0;}
	.basic-guide li + li {padding-top: 30px;}
	.basic-guide li h4 {padding-bottom: 10px; font-size: 16px;line-height: 1.6;}
	.basic-guide li p {font-size: 13px; }
	
	.basic-guide_02 {padding-top: 20px;}
	.basic-guide_02 ul {padding-right: 0;}
	.basic-guide_02 li + li {padding-top: 15px;}
	.basic-guide_02 li h4 {padding-bottom: 10px; font-size: 16px;line-height: 1;}
	.basic-guide_02 li p {font-size: 13px;margin-left:8px;text-indent:-8px;}

/* 추가 CSS 여성비뇨의학>과민성방광 */
.woman-box {position: relative;max-width: 1100px;margin: 0 auto;padding-top: 70px;}
.woman-box ul {overflow: hidden;}
.woman-box ul li  {position: relative;float: left;width: 44.4%;}
.woman-box ul li + li {margin-left:4.8%;}
.woman-box ul li + li p::before {
    content: ''; display: inline-block;position: absolute;top: 50%; left: -10.8%;margin: -14px 0 0 -14px;padding: 14px;
    background: url(../img/ico-arrow.png) no-repeat center center;background-size: 28px auto;
}
.woman-box ul li:nth-child(5) {margin-left:0;}
.woman-box ul li:nth-child(5) p::before {content: none;}
.woman-box ul li p {position: relative; text-align: center; border: 1px solid #fff;}
.woman-box ul li .year {display: block; border: 0;padding: 20px 0 30px; font-size: 18px;color: #222;line-height: 1;text-align: center;}

.woman-img {max-width: 110%; display: block; margin: auto; padding-top : 50px; }
    


 /* 202103 */
/* 전화, 방문 상담예약 */
.consulting-box {margin-top: 0;}
.consulting-box dt {display: block;padding: 15px 0 5px 5px; font-size: 18px;text-align: left;}
.consulting-box dt label {display: block;width: 100%;text-align: left;font-size: 14px;}
.consulting-box dd {display: block;border-left:0;padding: 5px 0 15px 0;}
.consulting-box dd input.type01.w220 {width: 100%;}
.consulting-box dd span {width: 32%;}
.consulting-box label {display: inline-block; width: auto;font-size: 0;}
.consulting-box label span {display: block;width: 100%;font-size: 13px;}
.consulting-box dd label + label {padding-left: 10px;}
.consulting-box dd input.type01 {width: 100%;}
input.type01, textarea.type01 {padding: 11px 10px;font-size: 13px;}
input[type=checkbox].checkbox01 + span::before {width: 20px;height: 20px;margin-right: 5px;}
input[type=checkbox].checkbox01:checked + span::after {
    width: 20px;height: 20px;background: url(../img/btn-check.png) no-repeat center center;
    background-size: 18px auto;
}

.consulting-box dd p + p {padding-top: 20px;}
.consulting-box dt.w100 {min-width: 80px;border-left: 0;}
.consulting-box dd.w200 {min-width: 50px;padding-right: 10px;}
.consulting-box dd.w200 input.type01 {width: 90%;}
.consulting-box dd input.type01.w300 {width: 90%;}
.consulting-box dd input.type01.w600 {max-width: 80%;}
.consulting-box dl:first-of-type {position: relative;padding-top: 100px;}
.consulting-box dl:first-of-type dt {width: 33%;position: absolute;top: 0px;}
.consulting-box dl:first-of-type dd {max-width: 33%;position: absolute;top: 40px;}
.consulting-box dl:first-of-type dd.w200 {max-width: 32%;padding-right: 10px;}
.consulting-box dl:first-of-type dd input {width: 90%;}
.consulting-box dl:first-of-type dt:nth-child(3) {left: 33%;}
.consulting-box dl:first-of-type dt:nth-child(5) {left: 67%;}

.consulting-box dl:first-of-type dd:nth-child(4) {left: 33%;}
.consulting-box dl:first-of-type dd:nth-child(6) {left: 67%;}



.btn-box {padding-top: 20px;}
.btn01 {min-width: 180px;padding: 10px 4px;font-size: 14px;}

.month-box {padding: 5px 0 0 0;}
.month-box .year-box .top-month {width: 100%;}
.month-box .year-box .btn-prev-month {
    left: 10px;width: 20px;height: 26px;background: url(../img/btn-prev-month.png) no-repeat center center;
    background-size: 12px auto;
}
.month-box .year-box .btn-next-month {
    right: 10px;width: 20px;height: 26px;background: url(../img/btn-next-month.png) no-repeat center center;
    background-size: 12px auto;
}
.month-box .year-box .top-month {font-size: 18px;}
.month-box .month-tbl table td button {padding: 15px 0;}
.month-box .month-tbl table td span {padding: 15px 0;}
.month-box .month-tbl table td button em {font-size: 14px;}
.month-box .month-tbl {margin-top: 15px;}

/* 자주 묻는 질문 */
.accordion-box {margin-top: 10px;}
.accordion-box dt {position: relative; display: block; padding: 15px 35px;}
.accordion-box dt a {font-size: 14px;line-height: 1.4;}
.accordion-box dt:before {content: 'Q';display: inline-block;font-size: 14px;position: absolute;left: 15px;top: 15px;}
.accordion-box dd {position: relative;display: block;padding: 20px 0 20px 35px;}
.accordion-box dd p {font-size: 13px;}
.accordion-box dd p + p {padding-top: 10px;}
.accordion-box dd:before {font-size: 13px;position: absolute;left: 15px;top: 21px;}

.page-box {padding: 25px 0 10px;}
.page-box ul li {float: left;width: 21px;height: 21px;}
.page-box ul li + li {margin-left: 2px;}
.page-box ul li a {font-size: 12px;line-height: 1.4;}

.qna-search {padding-top: 10px;}
.qna-search select {
    height: 30px;min-width: 80px;padding: 0 30px 0 14px;font-size: 12px;line-height: 30px;
    background: transparent url(../img/bg_select.png) no-repeat right center;background-size: 20px;
}
input.type02 {width: 180px;margin-left: -6px; padding: 7px 10px 7px;font-size: 12px;}
.qna-search .btn-search {
    display: inline-block;width: 48px;height: 30px;margin-left: -5px;font-size: 0;
    background: #444 url(../img/search-icon.png) no-repeat center center;background-size: 15px;
}

/* 치료후기 */
.cure-review {margin-top: 15px;}
.review-tb thead th {padding: 10px 0;font-size: 12px;}
.review-tb tbody td {padding: 10px 0;font-size: 11px;}
.review-tb tbody td a {display: block; font-size: 11px;}
.review-tb .wth1 {width: 30px;}
.review-tb .wth2 {width: 40px;}
.review-tb .wth3 {width: 30px;}
.review-tb .wth4 {width: 60px;}

.review-detail {margin-top: 15px;}
.review-detail dt h3 {padding: 10px 10px; font-size: 14px;}
.review-detail dt .rgt {position: relative;top: auto; right: auto;margin-top:0;}
.review-detail dt .rgt .date {display: inline-block;padding: 0 20px 10px 10px; font-size: 11px;text-align: left;}
.review-detail dt .rgt .admin {font-size: 12px;display: inline-block;}
.review-detail dt .rgt .admin em {font-size: 11px;}
.review-detail dt .rgt .admin em + em {position: relative; padding-left: 15px;}
.review-detail dt .rgt .admin em + em::before {left: 7px;top: 2px;height: 8px;}
.review-detail dd {padding: 30px 15px 50px;font-size: 13px;}

}
/*추가2021-03-11 유튜브영상*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


input[type=radio].checkbox01 {position:relative;width:1px; height:1px; margin-right:-1px; overflow:hidden; opacity:0;}

input[type=radio].checkbox01 + span::before {
	content: '';display: inline-block; width:30px; height:30px;vertical-align:middle; margin-right: 10px;
    border:1px solid #ccc;background:#f7f7f7;
}
input[type=radio].checkbox01:checked + span::after {
    content: '';position: absolute;left: 0;display: inline-block; width:30px; height:30px;
    background: url(../img/btn-check.png) no-repeat center center;background-size: 30px auto;
}