@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&family=Noto+Serif+Display:wght@700;800&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');


input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
border: 1px solid #000 !important;
outline: 0;
}

/*  전체 영역  */	
#landing_wrap { width:100%; height:auto !important; height:100%; min-height:100%; overflow-x:hidden; font-family:'Noto Sans Kr'; letter-spacing:-0.07em; }

#landing_wrap_h1 { position:absolute;font-size:0;line-height:0;overflow:hidden}
#landing_wrap_h2 { position:absolute;font-size:0;line-height:0;overflow:hidden}

/* TM */	
#header_landing { display:flex; position: relative; z-index:9; width:100%; height:80px; text-align:center;background:url('../images/bg_tm.jpg'); background-position:top center; background-size:cover;}
#header_landing img { margin-top:28px; margin-right:5px; }
.tm_txt_landing { width:100%; line-height:83px; text-align:center; font-family: 's-core-dream-regular'; font-size:22px; color:#fff; }
.tm_txt_landing strong { color:#ffd200; }
@keyframes ani-zoom {
	from { transform: scale(0.9); }
	 to { transform: scale(1); }
}
#circle { top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; animation: ani-zoom 0.8s infinite alternate;}	

#container { display:inline-block;width:100%; margin-top:0px; } 

/* 비쥬얼 */
.sect1_wrap { align-items:center; width:100%; margin-top:0; }
.sect1_wrap_logo { position:absolute; z-index:2; margin-top:50px; margin-left:30px; }
.sect1_wrap_logo img { width:240px; }

/* 전립성비대증 검사 */
.sect2_wrap { align-items:center; width:100%; text-align:center; padding:100px 0 70px 0; box-sizing:border-box;}
.sect2_wrap .box { width:1400px; margin:0 auto; letter-spacing:-0.07em; display:flex; align-items: center;}
.sect2_wrap .box h2 { float:left; width:350px; text-align:left; font-size:35px; font-weight:600; line-height:47px;}
.sect2_wrap .box > p:nth-child(1) { float:left; width:1050px; text-align:left; }

/* 전립선비대증이란 무엇인가요? */
.sect3_wrap { align-items:center; width:100%; text-align:center; padding:120px 0 80px 0; border-top:1px #ccc solid; }
.sect3_wrap .box { width:1400px; height:650px; margin:0 auto;  letter-spacing:-0.07em; }
.sect3_wrap .box > div:nth-child(1) { float:left; width:750px; text-align:left; }
.sect3_wrap .box > div:nth-child(2) { float:left; width:650px; text-align:left; }
.sect3_wrap .box h2 { font-size:40px; font-weight:600; }
.sect3_wrap .box > div:nth-child(2) > p:nth-child(2) { margin-top:40px; font-size:20px; font-weight:400; }
.sect3_wrap .box > div:nth-child(2) > p:nth-child(3) { margin-top:40px; text-align:center; width:150px; line-height:50px; border-radius:50px; font-size:23px; font-weight:500; color:#fff; background:#1B2F79; }
.sect3_wrap .box > div:nth-child(2) > p:nth-child(4) { margin-top:40px; font-size:22px; font-weight:500; line-height:40px; }
.sect3_wrap .box > div:nth-child(2) > p:nth-child(4) span { color:#1B2F79; }
.sect3_wrap .box1 { width:1400px; height:450px; margin:0 auto; }
.sect3_wrap .box1 > div { position:absolute;font-size:0;line-height:0;overflow:hidden }


/* 전립선비대증 증상 자가진단 */
.sect4_wrap { align-items:center; width:100%;padding:140px 0 140px 0; text-align:center; background:#f5f5f5; letter-spacing:-0.05em; }
.sect4_wrap .box { width:100%; height:550px; }
.sect4_wrap .box > div:nth-child(1) { float:left; width:47%; height:550px; text-align:left; padding:140px 0 0 11%; box-sizing:border-box; background:url('../images/sec3_bg.jpg'); background-size:cover; }
.sect4_wrap .box h2 { font-size:40px; color:#fff; font-weight:600; }
.sect4_wrap .box > div:nth-child(1) > p:nth-child(2) { margin-top:30px; font-size:20px; color:#fff; font-weight:400; }
.sect4_wrap .box > div:nth-child(2) { float:left; width:53%; text-align:left; padding:0 0 0 100px; box-sizing:border-box; }

.prostate-check { width:650px; }
.check-list { width:100%; }
.check-list p label { display:inline-block; width:650px; line-height:52px; text-align:left; padding-left:35px; margin-bottom:10px; font-size:20px; font-weight:500; background:#E5E5E5; cursor:pointer;}
.check-status { width:650px; margin:15px 0; font-size:20px; text-align:left; }
.count { color:#e20030; font-size:25px; font-family:'arial';}
.btn-result { margin:-10px 0 0 120px; width:280px; line-height:50px; border:1px #ccc solid; background:#fff; color:#bbb; font-size:18px; font-weight:500; border-radius:50px; letter-spacing:-0.07em; cursor:not-allowed; transition:.3s; }
.btn-result.active { background:#1B2F79; color:#fff; cursor:pointer; }
.result-wrap { position:relative; display:inline-block; }
.result { position:absolute; left:0%; bottom:100px; transform:translateX(0%); width:650px; padding:30px; font-size:19px;  border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.15); display:none; z-index:10; }
.btn-close { position:absolute; top:10px; right:12px; background:none; border:0; font-size:25px; cursor:pointer; }
.result .level { font-size:28px; font-weight:bold; margin-bottom:20px; }
.btn-counsel { display:inline-block; margin-top:25px; padding:10px 40px; background:#1B2F79; color:#fff; border:1px #1B2F79 solid; border-radius:40px;transition: 0.3s ease; }
.btn-counsel:hover { background:#fff; color:#1B2F79; text-decoration:none; }


/* 전립성비대증 검사 */
.sect5_wrap { align-items:center; width:100%; height:450px; padding-top:100px; text-align:center;  background:url('../images/bg_counsel.jpg'); background-position:top center; background-size:cover;}
.sect5_wrap .box { width:1400px; margin:0 auto; letter-spacing:-0.05em; }
.sect5_wrap .box > p:nth-child(1) { text-align:left; font-size:35px; font-weight:600; line-height:110px;}
.sect5_wrap .box > p:nth-child(2) { text-align:left; margin-top:30px; }


/* 전립선비대증 검사는 어떻게 진행되나요? */
.sect6_wrap { align-items:center; width:100%; padding-top:130px; text-align:center; }
.sect6_wrap .box { width:1400px; margin:0 auto; letter-spacing:-0.07em; }
.sect6_wrap .box h2 { font-size:40px; font-weight:600; }
.sect6_wrap .box > p:nth-child(2) { padding-top:10px; font-size:30px; font-weight:500; }
.sect6_wrap .box > p:nth-child(3) { padding-top:40px; font-size:20px; font-weight:400; } 
.sect6_wrap .box > p:nth-child(4) { padding-top:30px; } 
.sect6_wrap .box > p:nth-child(4) strong { display:inline-block; position:relative; top:10px; font-size:50px; }
.sect6_wrap .box > p:nth-child(4) span { display:inline-block; width:220px; line-height:70px; text-align:center; margin:0 20px; font-size:20px; color:#fff; background:#00BED4; border-radius:70px; } 
.sect6_wrap .box1 { width:1400px; height:600px; margin:0 auto; margin-top:70px; padding:70px; background:#1B2F79; letter-spacing:-0.07em; }
.sect6_wrap .box2 { width:1400px; height:455px; margin:0 auto; padding:100px 0 0 100px; background:url('../images/bg_counsel1.jpg'); background-position:top center; background-size:cover;}
.sect6_wrap .box2 > p:nth-child(1) { text-align:left; font-size:35px; font-weight:600; line-height:110px;}
.sect6_wrap .box2 > p:nth-child(2) { text-align:left; margin-top:30px; }

.slide-wrap { width: 1250px; margin:0 auto; }
.slide .slick-list { margin: 0;}
.slick-slide { margin: 0;}
.item { width:1250px; text-align:left; cursor: pointer}
.item > p:nth-child(1) { float:left; width:675px; text-align:left; }
.item > p:nth-child(2) { float:left; width:575px; text-align:left; margin-top:140px; color:#fff; font-size: 20px;font-weight: 400; line-height: 28px; }
.item > p:nth-child(2) strong { float:left; width:575px; text-align:left; color:#fff; font-size: 40px;font-weight: 600; line-height:100px; }

#slider .slick-dots {text-align: left; margin-top: 50px; }
#slider .slick-dots li {display: inline-block;margin: 0; }
#slider .slick-dots li button {font-size: 0;line-height: 0; width: 150px;height:3px;border: none;background-color: #777;border-radius: 0%;cursor: pointer}
#slider .slick-dots li.slick-active button {background-color: #fff}
#slider .slick-dots li button:hover {background-color: #fff}

.slide-count { display:flex; justify-content: flex-start; align-items: center; gap:25px; position:absolute; z-index:2; color:#fff; font-size:20px; font-weight:600; margin-left:675px; margin-top:40px; }
.slide-count button { border:0; background:none; color:#fff; cursor:pointer; font-size:30px; }
.slide-count .total { color:#fff; }
.slide-count .bar { color:#999; }



/* 10년 이상, 1만건 이상의 수술 케이스 */
.sect7_wrap { align-items:center; width:100%; margin-top:130px; padding:130px 0; text-align:center; background:#1B2F79; }
.sect7_wrap .box { width:1400px; margin:0 auto; letter-spacing:-0.07em; }
.sect7_wrap .box h2 { font-size:40px; font-weight:600; color:#fff; }
.sect7_wrap .box > p:nth-child(2) { padding-top:30px; font-size:20px; font-weight:400; color:#fff; }
.sect7_wrap .box1 { width:100%; text-align:center; padding-left:20px; margin-top:60px; letter-spacing:-0.07em; }

.slide-wrap1 { width: 1400px; margin:0 auto; }
.slide .slick-list { margin: 0 -15px;}
.slick-slide { margin: 0 15px;}
.item1 { width:430px; text-align:left;cursor: pointer}
.item1 > p:nth-child(2) { color:#fff; font-size: 30px;font-weight: 600;padding-top: 25px}
.item1 > p:nth-child(3) { color:#fff; font-size: 20px;font-weight: 400;line-height: 28px;padding-top: 20px}

#slider1 .slick-dots {text-align: left; margin-top: 50px; }
#slider1 .slick-dots li {display: inline-block;margin: 0; }
#slider1 .slick-dots li button {font-size: 0;line-height: 0; width: 150px;height:3px;border: none;background-color: #777;border-radius: 0%;cursor: pointer}
#slider1 .slick-dots li.slick-active button {background-color: #fff}
#slider1 .slick-dots li button:hover {background-color: #fff}

.slide1-count { display:flex; justify-content: flex-start; align-items: center; gap:25px; position:relative; z-index:2; color:#fff; font-size:20px; font-weight:600; margin-left:780px; margin-top:-32px; }
.slide1-count button { border:0; background:none; color:#fff; cursor:pointer; font-size:30px; }
.slide1-count .total { color:#fff; }
.slide1-count .bar { color:#999; }


/* 이룸비뇨의학과만의 차별화된 진료 시스템 */
.sect8_wrap { align-items:center; width:100%; padding:130px 0 150px 0; text-align:center; }
.sect8_wrap h2 { font-size:40px; font-weight:600; line-height:53px; padding:0 0 60px 0; }
.sect8_wrap .box { width:1400px; height:350px; margin:0 auto; letter-spacing:-0.07em; }
.sect8_wrap .box > p:nth-child(1) { float:left; width:750px; text-align:left; }
.sect8_wrap .box > p:nth-child(2) {  float:left; width:650px; text-align:left; padding:100px 0 0; font-size: 20px;font-weight: 400; }
.sect8_wrap .box > p:nth-child(2) strong { font-size: 30px;font-weight: 600; }
.sect8_wrap .box1 { width:1400px; height:350px; margin:0 auto; letter-spacing:-0.07em; }
.sect8_wrap .box1 > p:nth-child(1) { float:left; width:750px; text-align:left; padding:100px 0 0; font-size: 20px;font-weight: 400; }
.sect8_wrap .box1 > p:nth-child(1) strong { font-size: 30px;font-weight: 600; }
.sect8_wrap .box1 > p:nth-child(2) { float:left; width:650px; text-align:left;  }

/* 전립성비대증 검사 */
.sect9_wrap { align-items:center; width:100%; text-align:center; }
.sect9_wrap .box { width:1400px; height:500px; margin:0 auto; padding:150px 0 0 100px; background:url('../images/bg_counsel2.jpg'); background-position:top center; background-size:cover;}
.sect9_wrap .box > p:nth-child(1) { text-align:left; font-size:20px; font-weight:400; }
.sect9_wrap .box > p:nth-child(2) { text-align:left; font-size:35px; font-weight:600; line-height:100px; margin-top:-15px; }
.sect9_wrap .box > p:nth-child(3) { text-align:left; margin-top:30px; }

/* 원장소개 */
.sect10_wrap { align-items:center; width:100%; text-align:center; }
.sect10_wrap .box { width:100%; height:780px; margin:0 auto; padding-top:510px; background:url('../images/sec10_img1.jpg'); background-position:top center; background-size:cover;}
.sect10_wrap .box .inner { width:1400px; margin:0 auto; }
.sect10_wrap .box .inner > p:nth-child(1) { float:left; width:370px; text-align:left; font-size: 20px;font-weight: 600; }
.sect10_wrap .box .inner > p:nth-child(1) strong { font-size: 40px;font-weight: 600; line-height:80px; }
.sect10_wrap .box .inner > p:nth-child(2) { float:left; width:500px; text-align:left; font-size: 20px;font-weight: 400; line-height:31px;}
.sect10_wrap .box1 { width:100%; height:420px; margin:0 auto; background:url('../images/sec10_img2.jpg'); background-position:top center; background-size:cover;}
.sect10_wrap .box2 { width:100%; height:700px; margin:0 auto; padding-top:60px; }
.sect10_wrap .box2 .inner { width:1400px; margin:0 auto; }
.sect10_wrap .box2 .inner span { display:inline-block; width:200px; line-height:50px; margin-bottom:20px; padding-left:25px; font-size: 22px;font-weight: 600; border:1px #000 solid; border-radius:50px;}
.sect10_wrap .box2 .inner > p:nth-child(1) { float:left; width:350px; text-align:left; font-size: 20px;font-weight: 400; }
.sect10_wrap .box2 .inner > p:nth-child(2) { float:left; width:350px; text-align:left; font-size: 20px;font-weight: 400; }
.sect10_wrap .box2 .inner > p:nth-child(3) { float:left; width:700px; text-align:left; font-size: 20px;font-weight: 400; }

/* 전립선비대증 자주 묻는 질문 */
.sect11_wrap { align-items:center; width:100%; text-align:center; padding:110px 0 130px 0; background:#F5F5F5;}
.sect11_wrap h2 { font-size: 40px;font-weight: 600; }
.sect11_wrap .box { width:1400px; margin:0 auto; margin-top:50px; }

/* SNS */
.sect12_wrap { align-items:center; width:100%; text-align:center; padding:110px 0 320px 0; border-bottom:1px #000 solid; }
.sect12_wrap .box { width:1400px; margin:0 auto; }
.sect12_wrap .box h2 { font-size: 40px;font-weight: 600; }
.sect12_wrap .box > p:nth-child(2) { font-size: 60px;font-weight: 700; font-family:'arial'; padding-top:20px; }
.sect12_wrap .box > p:nth-child(3) { width:600px; margin:0 auto; margin-top:40px; }
.sect12_wrap .box > p:nth-child(3) > span { float:left; width:140px; margin:0 30px; font-size: 20px;font-weight: 500; line-height:65px; transition: 0.3s ease; }
.sect12_wrap .box > p:nth-child(3) > span:hover { font-size:22px; cursor:pointer; text-decoration:none; transition: 0.3s ease; }

/* 하단 */
.sect13_wrap { align-items:center; width:100%; text-align:center; padding:0 0 120px 0; margin-top:-50px;}
.sect13_wrap .box { width:1400px; height:400px; margin:0 auto; }
.sect13_wrap .box > p:nth-child(1) { float:left; width:420px; text-align:left; }
.sect13_wrap .box > p:nth-child(2) { float:left; width:980px; text-align:left; font-size: 20px;font-weight: 400; padding-top:100px; }
.sect13_wrap .box > p:nth-child(2) strong { font-size: 35px; font-weight: 600; }
.sect13_wrap .box1 { width:1400px; height:270px; margin:0 auto; }
.sect13_wrap .box1 > p:nth-child(1) { float:left; width:900px; text-align:right; padding:20px 70px 0 0; font-size: 20px;font-weight: 400; }
.sect13_wrap .box1 > p:nth-child(1) strong { font-size: 35px; font-weight: 600; line-height:43px; }
.sect13_wrap .box1 > p:nth-child(2) { float:left; width:500px; text-align:left; margin-top:-60px;}
.sect13_wrap .box2 { width:1400px; height:320px; margin:0 auto; }
.sect13_wrap .box2 > p:nth-child(1) { float:left; width:700px; }
.sect13_wrap .box2 > p:nth-child(1) span { float:left; width:233px; height:300px; font-size:20px;font-weight:500; border-right:1px #ccc solid; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f5f5f5; transition:0.3s ease; }
.sect13_wrap .box2 > p:nth-child(1) span:last-child { border-right:none; }
.sect13_wrap .box2 > p:nth-child(1) span:hover { font-size:22px; cursor:pointer; text-decoration:none; transition: 0.3s ease; }
.sect13_wrap .box2 > p:nth-child(2) { float:left; width:700px; text-align:left; padding:70px 0 0 70px; }
.sect13_wrap .box2 > p:nth-child(2) strong { font-size: 35px; font-weight: 600; line-height:43px; }
.sect13_wrap .box2 > p:nth-child(2) span { display:inline-block; font-size: 45px;font-weight: 700; font-family:'arial'; margin-top:20px; }


/* COPYRIGHT */
.copyright_landing { width:100%; height:340px; padding:90px 0 0; text-align:center; background:#1B2F79; }
.copyright_landing .copy_wrap { width:1400px; margin:0 auto; text-align:center; }
.logo_ { float:left; width:1100px; text-align:left; font-size:15px; color:#fff; line-height:27px; }
.logo_ img { width:240px; margin-bottom:30px; }
.add_ { float:left; width:300px; text-align:left; padding-top:70px; }
.add_ span { color:#fff; }
.tail_line { display:inline-block; width:18px; border-left:1px #fff solid; color:#fff; line-height:12px; margin:0 0 0 21px; }

/* 빠른 상담 공통 */
.frm_wrap {  position:relative; z-index:2; width:1050px; height:65px; }
.input_in { display: inline-block; width:200px; line-height:50px; margin-top:5px; margin-right:10px; padding:0 20px; font-size:17px; font-weight:500; border:1px #ccc solid;background:#fff; color:#000; border-radius:50px; }
.select_in { height:38px; margin:1px 0 5px 0; padding:3px 0 0; font-size:16px; border:0; background:#fff; color:#000; }
.textarea_in { position:absolute; width:440px; height:85px; margin:3px 0 0 420px; padding:3px 0 0 5px; font-size:16px; border:0; background:#fff; color:#000; }
.agreetext_in {display: inline-block; line-height:50px; margin-right:10px; padding:0 22px 0 15px; font-size:14px; font-weight:500; border:1px #ccc solid;background:#fff; color:#000; border-radius:50px;}
#policy_in { display: inline-block; position:absolute; width:55px; line-height:50px; text-align:center;font-size:30px; font-weight:500; border:1px #ccc solid;background:#f6f6f6; border-radius:55px;} 

/* Go Top 버튼 */
.top-go { position: fixed; z-index:3; bottom: 60px; right: 50px; text-align:center;font-weight:bold; width:70px; height:70px; line-height:70px;background: #02A9C1; color: #fff; border-radius: 70px; font-size: 20px;opacity: 0;   pointer-events: none; /* 안 보일 때 클릭 방지 */ transition: opacity 0.6s ease, transform 0.6s ease; transform: translateY(20px); transition: all .5s ease;}
.top-go.show {color: #fff; opacity: 1; pointer-events: auto; transform: translateY(0); }
.top-go:hover { bottom: 55px; right: 45px; color: #fff; text-align:center;width:80px; height:80px; line-height:80px; font-size: 25px; text-decoration: none; transition: all .5s ease; }
.top-go span { display: inline-block; transition: transform 0.3s ease;}
.top-go:hover span { transform: translateY(-10px);}


label .radio { font-family: 'Pretendard'; font-weight:400; font-size:22px; }
.radio input { display:none; }
.radio span { display:inline-block;vertical-align:middle;cursor:pointer; }
.radio .radio_w { margin-right:30px; }

.radio .icon { position:relative; margin-right:6px; top:0px; width: 22px;height: 22px;border: 1px solid #aaa; border-radius: 50%; transition: background 0.3s ease;}
.radio .icon::after { content: '';position: absolute;top: 6px;left: 6px;width: 8px;height: 8px;border:4px solid #fff; border-radius:50%; transform: rotate(360deg) scale(0);transition: all 0.3s ease;transition-delay: 0.0s;opacity: 0;}
.radio .text { margin-left: 5px;}
.radio input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.radio input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

label.checkbox { font-size:16px; vertical-align:bottom; }
label.checkbox.span_ { margin-right:15px; }
.checkbox input { display:none;}
.checkbox span { display:inline-block;vertical-align:middle;cursor:pointer;}
.checkbox .icon { position:relative; top:-2px; width: 19px;height: 19px;border: 1px solid #555; border-radius: 3px; background:#fff; transition: background 0.3s ease;}
.checkbox .icon::after { content: '';position: absolute;top: 0px;left: 5px;width: 7px;height: 13px;border-right: 2px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg) scale(0);transition: all 0.3s ease;transition-delay: 0.15s;opacity: 0;}
.checkbox .text { margin-left: 5px;}

.checkbox input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.checkbox input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}