@charset "utf-8";
/* common */
body, html {
line-height:1.45;
font-family: "Pretendard", "Noto Serif KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
letter-spacing: -0.5px;
color:#232323;
font-weight: 400;
word-break: keep-all;
}
.pc {display: block;}
.mo {display: none;}
/* 팝업레이어 */
#hd_pop {z-index:1001;position:relative;margin:0 auto;height:0}
#hd_pop {z-index:1001;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
/* 헤더 */
header#head {position: fixed;top: 0;left: 0;width: 100%; height: 100px; background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);overflow: hidden; z-index: 999;}
header#head .logo {float: left;padding-left: 50px;line-height: 90px;}
header#head .logo img {height:56px;}
header#head .gnb {overflow: hidden;margin:auto;text-align:center;}
header#head .gnb li {display:inline;margin-right: 50px;}
header#head .gnb li:last-child {margin-right:0;}
header#head .gnb li a {font-family: 'Pretendard';font-size:1.3rem;color: #000;font-weight:500;line-height: 100px;}
header#head .counsel {float: right;margin:0 50px 0 0;}
header#head .counsel a {display: block;font-family: 'Pretendard';font-size:1.5rem;color: #002F7B;font-weight:800;line-height: 100px;}
header#head .counsel a span {font-family: "Pretendard";color: #000;font-weight:600;margin-right:10px;}
.quick {position: fixed;top: 50%;right: 40px;margin-top:-182px;z-index:99;}
.quick ul li {margin-bottom:8px;}
.quick ul li:last-child {margin-bottom:0;}
.inner {width: 1280px;margin: auto;}
/* 메인 */
.sec01 {width: 100%;}
.sec01 .inner {display:flex;width:100%;height:100%;text-align:center;}
.sec01 .mv1 {width: 100%;height: 100vh;background: url('../../landing/img/landing/main_visual1.jpg') 50% no-repeat; background-size: cover;z-index: 8;}
.sec01 .mv2 {width: 100%;height: 100vh;background: url('../../landing/img/landing/main_visual2.jpg') 50% no-repeat; background-size: cover;z-index: 8;}
.sec01 .mv3 {width: 100%;height: 100vh;background: url('../../landing/img/landing/main_visual3.jpg') 50% no-repeat; background-size: cover;z-index: 8;}
.sec01 .mv1 .inner {align-items: center;flex-direction: column;justify-content: center}
.sec01 .mv1 .title_txt {position:relative;font-family: "Noto Serif KR"; font-size: 7.1rem;color:#fff;font-weight:400;line-height:1;text-align:left;margin:auto;}
.sec01 .mv1 .sub_txt {position:absolute;top:35%;right:0;font-family: "Pretendard";font-size: 1.5rem;color:#fff;font-weight:400;line-height:1;text-align:left;}
.sec01 .mv2 .inner {align-items: center;flex-direction: column;justify-content: center}
.sec01 .mv2 .title_txt {position:relative;font-family: "Noto Serif KR"; font-size: 3.8rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;margin-bottom:100px;}
.sec01 .mv2 .title_txt span {color:#CD9B28;}
.sec01 .mv2 .box {}
.sec01 .mv2 .box ul li {position:relative;display:inline-block;width:370px;height:150px;border-radius: 153.5px;border: 1px solid #CD9B28;margin:0 0 0 -70px;}
.sec01 .mv2 .box ul li:first-child {margin:0;}
.sec01 .mv2 .box ul li .img {position:absolute;top:0;left:50%;margin:-70px 0 0 -70px;z-index:9;}
.sec01 .mv2 .box ul li .txt {font-size: 1.3rem;color:#CD9B28;font-weight:500;line-height:200px;}
.sec01 .mv3 .inner {align-items: center;flex-direction: column;justify-content: center}
.sec01 .mv3 .title_txt {font-family: "Noto Serif KR";font-size: 3.8rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;margin-bottom:20px;}
.sec01 .mv3 .sub_txt {font-size: 1.5rem;color:#fff;font-weight:400;}
.sec01 .control-wrap {}
.sec01 .control-wrap .swiper-pagination {bottom:100px;}
.sec01 .control-wrap .swiper-pagination .swiper-pagination-bullet {width:20px;height:20px;background: url('../../landing/img/landing/mv_bullet_off.png') 50% no-repeat;background-size: cover;margin:0 15px;z-index: 8;}
.sec01 .control-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: url('../../landing/img/landing/mv_bullet_on.png') 50% no-repeat;background-size: cover;}
/* 진료과목 소개 */
.sec02 {padding:170px 0;background:#fff;text-align:left;}
.sec02 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec02 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec02 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:80px;opacity: 0.8;}
.sec02 .swiper-content {z-index:9;}
.sec02 .swiper-content .img {margin-bottom:20px;}
.sec02 .swiper-content .subject {font-size:1.4rem;color:#000;font-weight:700;margin-bottom:10px;}
.sec02 .swiper-content .txt {font-size:1.2rem;color:#666;line-height:1.4;word-break: keep-all;}
.sec02 .swiper-content {margin:0 auto;padding-left:calc((100% - 1280px) / 2);width:100%;box-sizing: border-box;}
.sec02 .medical_sw .swiper-slide {width:510px;}
.sec02 .move_text_box {position:absolute;top:300px;left:0;transform: translateX(-2.5%);width: calc(100vw - var(--scroll-width));}
.sec02 .move_text_box .text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;}
.sec02 .move_text_box .text p {animation: textLoop 70s linear infinite;padding-right: 0.3rem;font-family: "Noto Serif KR"; font-size: 8.4rem;color:#002F7B;opacity: 0.1;font-weight:600;z-index:1;}
/* 0%에서 -100%으로 이동하는 애니메이션 */
@keyframes textLoop {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
/* 정확한 판단 · 정밀한 진단 · 정교한 수술 */
.sec03 {padding:170px 0;background: url('../../landing/img/landing/sec3_bg1.png') no-repeat, url('../../landing/img/landing/sec3_bg2.png') no-repeat;background-position: right top, left bottom;background-color:#e4e7eb;text-align:left;}
.sec03 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec03 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec03 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:80px;opacity: 0.8;}
.sec03 .con1 {margin-bottom:100px;}
.sec03 .con1 .img {margin-right:210px;}
.sec03 .con1 .text h4.subject {font-size: 2.4rem;color:#000;font-weight:700;margin-bottom:20px;}
.sec03 .con1 .text h5 {display:inline-block;padding:10px 30px;background:#002F7B;border-radius: 60px;font-size: 1.8rem;color:#fff;font-weight:500;margin-bottom:20px;}
.sec03 .con1 .text ul {padding-left:10px;}
.sec03 .con1 .text ul li {font-size: 1.2rem;color:#333;margin-bottom:10px;}
.sec03 .con1 .text p {padding-left:10px;font-size: 1.2rem;color:#666;}
.sec03 .con2 {margin:0 auto;padding-left:calc((100% - 1280px) / 2);width:100%;box-sizing: border-box;}
.sec03 .con2 .text {float:left;}
.sec03 .con2 .text h4.subject {font-size: 2.4rem;color:#000;font-weight:700;line-height:1.2;margin-bottom:30px;}
.sec03 .con2 .text h4.subject span {color:#002F7B;}
.sec03 .con2 .text ul {margin-bottom:20px;}
.sec03 .con2 .text ul li {position:relative;font-size: 1.2rem;color:#333;padding-left:10px;margin-bottom:10px;}
.sec03 .con2 .text ul li::after {position:absolute;top:11px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec03 .con2 .text ul li:last-child {margin-bottom:0;}
.sec03 .con2 .text p {font-size: 1.2rem;color:#002F7B;font-weight:600;line-height:1.3;}
.sec03 .con2 .img {float:right;}
/* 코성형이 필요한 경우 */
.sec04 {padding:170px 0;background:#002F7B;}
.sec04 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec04 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#fff;font-weight:600;margin-bottom:12px;}
.sec04 h4.sub_txt {font-size: 1.4rem;color:#fff;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec04 h3.sub_name {display:inline-block;font-size: 1.6rem;color:#fff;font-weight:500;padding:10px 70px;border-radius: 50px;background: #CD9B28;margin-bottom:20px;}
.sec04 .con1 {margin-bottom:100px;}
.sec04 .box {position:absolute;width: 290px;height: 125px;padding-top:15px;border-radius: 20px;border: 1px solid #CD9B28;background: rgba(217, 217, 217, 0.00);}
.sec04 .box .subject {font-size: 1.4rem;color:#CD9B28;font-weight:600;margin-bottom:7px;}
.sec04 .box .txt {font-size: 1.2rem;color:#fff;line-height:1.3;}
.sec04 .case1 {bottom:310px;left:100px;}
.sec04 .case2 {bottom:310px;right:100px;}
.sec04 .case3 {bottom:155px;left:100px;}
.sec04 .case4 {bottom:155px;right:100px;}
.sec04 .case5 {bottom:0;left:100px;}
.sec04 .case6 {bottom:0;right:100px;}
.sec04 .con2 {margin-bottom:30px;}
.sec04 .con2 .list .img {float:left;margin-right:25px;margin-bottom:70px;}
.sec04 .con2 .list .text {float:left;width:390px;text-align:left;}
.sec04 .con2 .list .text .subject {font-size: 1.8rem;color:#CD9B28;font-weight:600;margin-bottom:18px;}
.sec04 .con2 .list .text ul li {position:relative;font-size: 1.1rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec04 .con2 .list .text ul li::after {position:absolute;top:11px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec04 .con2 .list .text ul li:last-child {margin-bottom:0;}
.sec04 .con2 .list .list1, .sec04 .con2 .list .list3 {width:51%;}
.sec04 .con2 .list .list2, .sec04 .con2 .list .list4 {width:49%;}
.sec04 .con3 .list .img {float:left;margin-right:30px;}
.sec04 .con3 .list .text {float:left;text-align:left;}
.sec04 .con3 .list .text .subject {font-size: 1.8rem;color:#CD9B28;font-weight:600;margin-bottom:18px;}
.sec04 .con3 .list .text ul li {position:relative;font-size: 1.1rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec04 .con3 .list .text ul li::after {position:absolute;top:11px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec04 .con3 .list .text ul li:last-child {margin-bottom:0;}
/* 코재수술 */
.sec05 {padding:170px 0;text-align:left;background: url('../../landing/img/landing/sec5_bg.png') no-repeat, url('../../landing/img/landing/sec5_bg.png') no-repeat;background-position: -60% 55%, 160% 55%;background-color:#f3e5c6;}
@media (min-width: 1921px) and (max-width: 3840px) {
.sec05 {background-position: -25% 55%, 125% 55%;}
}
.sec05 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#002F7B;font-weight:400;margin-bottom:10px;}
.sec05 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#000;font-weight:600;margin-bottom:12px;}
.sec05 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec05 .con1 {overflow:hidden;margin-bottom:100px;}
.sec05 .con1 .img {float:left;margin-right:110px;}
.sec05 .con1 .text {float:left;margin-top:30px;width:550px;}
.sec05 .con1 .text .subject {font-size: 2.1rem;color:#333;font-weight:600;margin-bottom:30px;}
.sec05 .con1 .text .txt {font-size: 1.2rem;color:#333;line-height:1.4;margin-bottom:35px;word-break: keep-all;}
.sec05 .con2 {text-align:center;margin-bottom:100px;}
.sec05 .con2 ul {margin-bottom:50px;}
.sec05 .con2 ul li {margin-bottom:20px;}
.sec05 .con2 ul li:last-child {margin-bottom:0;}
.sec05 .con2 ul li:nth-child(1) {margin-left:-30%;}
.sec05 .con2 ul li:nth-child(2) {margin-left:10%;}
.sec05 .con2 ul li:nth-child(3) {margin-left:-20%;}
.sec05 .con2 ul li:nth-child(4) {margin-left:30%;}
.sec05 .con2 ul li p {display:inline-block;padding:10px;padding-right:30px;border-radius: 50px;background:#fff;}
.sec05 .con2 ul li .img {margin-right:20px;}
.sec05 .con2 ul li .txt {font-size: 1.4rem;color:#000;}
.sec05 .con2 .notice {font-size: 2.1rem;color:#002F7B;line-height:1.2;font-weight:700;}
.sec05 .con3 {text-align:center;}
.sec05 .con3 ul li {position:relative;display:inline-block;width: 370px;height: 240px;border-radius: 153.5px;border: 1px solid #002F7B;padding-top:45px;margin:0 0 0 -71px;vertical-align:top;}
.sec05 .con3 ul li:first-child {margin:0;}
.sec05 .con3 ul li .subject {font-size: 1.8rem;color:#002F7B;font-weight:600;line-height:1.2;margin-bottom:20px;}
.sec05 .con3 ul li .txt {font-size: 1.2rem;color:#333;line-height:1.3;}
.sec05 .con3 ul li span {position:absolute;top:50%;right:14px;margin:-20px 0 0 0;}
/* 기능코수술 */
.sec06 {padding:170px 0;background:#fff;}
.sec06 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec06 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec06 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec06 .con1 {overflow:hidden;margin-bottom:100px;}
.sec06 .con1 .img {float:right;}
.sec06 .con1 .text {float:left;width:550px;text-align:left;}
.sec06 .con1 .text .subject {font-size: 2.1rem;color:#333;font-weight:600;margin-bottom:30px;}
.sec06 .con1 .text .txt {font-size: 1.2rem;color:#333;line-height:1.4;font-weight:400;margin-bottom:35px;word-break: keep-all;}
.sec06 .con2 {margin-bottom:100px;}
.sec06 .con2 h2.main_title {color:#000;}
.sec06 .con2 .cont {overflow:hidden;}
.sec06 .con2 .cont ul {float:left;width:50%;}
.sec06 .con2 .cont ul li {margin-bottom:20px;text-align:left;}
.sec06 .con2 .cont ul li:last-child {margin-bottom:0;}
.sec06 .con2 .cont ul li p {display:inline-block;padding:10px;padding-right:30px;border-radius: 50px;background:#002F7B;}
.sec06 .con2 .cont ul li .img {margin-right:20px;}
.sec06 .con2 .cont ul li .txt {font-size: 1.4rem;color:#fff;font-weight:400;}
.sec06 .con2 .cont .interview {float:right;width:50%;text-align:center;}
.sec06 .con2 .cont .interview .img {margin:30px 0 25px;}
.sec06 .con2 .cont .interview .txt {font-size: 2.1rem;color:#002F7B;line-height:1.2;font-weight:700;}
.sec06 .con3 h2.main_title {color:#000;}
.sec06 .con3 ul li {position:relative;float:left;width:248px;height:300px;background:#002F7B;border-radius: 20px;margin-right:10px;}
.sec06 .con3 ul li:last-child {margin-right:0;}
.sec06 .con3 ul li .img {margin:37px 0 33px;}
.sec06 .con3 ul li .txt {font-size: 1.2rem;color:#fff;line-height:1.3;}
.sec06 .con3 ul li span {position:absolute;top:50%;right:0;margin:-20px -20px 0 0;z-index:99999;}
/* 구축코수술 */
.sec07 {padding:170px 0;text-align:left;background: url('../../landing/img/landing/sec7_bg1.png') no-repeat, url('../../landing/img/landing/sec7_bg2.png') no-repeat;background-position: -125% 45%, 225% 45%;background-color:#002F7B;}
.sec07 .con1 {overflow:hidden;margin-bottom:100px;}
.sec07 .con1 .cont1 {float:left;margin-right:90px;margin-top:50px;}
.sec07 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec07 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#fff;font-weight:600;margin-bottom:12px;}
.sec07 h4.sub_txt {font-size: 1.4rem;color:#fff;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec07 .con1 .cont2 {float:left;}
.sec07 .con1 .cont3 {float:right;width:550px;margin-top:50px;}
.sec07 .con1 .cont3 .subject {font-size: 2.1rem;color:#fff;font-weight:600;margin-bottom:30px;}
.sec07 .con1 .cont3 .txt {font-size: 1.2rem;color:#fff;line-height:1.4;font-weight:400;margin-bottom:35px;word-break: keep-all;}
@media (min-width: 1921px) and (max-width: 3840px) {
.sec07 {background-position: -65% 45%, 165% 45%;}
}
.sec07 .con2 {text-align:center;margin-bottom:100px;}
.sec07 .con2 ul {margin-bottom:50px;}
.sec07 .con2 ul li {margin-bottom:20px;}
.sec07 .con2 ul li:last-child {margin-bottom:0;}
.sec07 .con2 ul li:nth-child(1) {margin-left:-30%;}
.sec07 .con2 ul li:nth-child(2) {margin-left:10%;}
.sec07 .con2 ul li:nth-child(3) {margin-left:-40%;}
.sec07 .con2 ul li:nth-child(4) {margin-left:20%;}
.sec07 .con2 ul li p {display:inline-block;padding:10px;padding-right:30px;border-radius: 50px;background:#fff;}
.sec07 .con2 ul li .img {margin-right:20px;}
.sec07 .con2 ul li .txt {font-size: 1.4rem;color:#000;}
.sec07 .con2 .notice {font-size: 2.1rem;color:#CD9B28;line-height:1.2;font-weight:700;}
.sec07 .con3 .img {float:left;}
.sec07 .con3 .text {float:right;margin-top:30px;}
.sec07 .con3 .text ul {margin-bottom:30px;}
.sec07 .con3 .text ul li {position:relative;padding-left:70px;margin-bottom:30px;}
.sec07 .con3 .text ul li:last-child {margin-bottom:0;}
.sec07 .con3 .text ul li:nth-child(1)::after {position:absolute;top:0;left:0;content: '';width:60px;height:60px;background: url('../../landing/img/landing/sec7_num1.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li:nth-child(2)::after {position:absolute;top:0;left:0;content: '';width:60px;height:60px;background: url('../../landing/img/landing/sec7_num2.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li:nth-child(3)::after {position:absolute;top:0;left:0;content: '';width:60px;height:60px;background: url('../../landing/img/landing/sec7_num3.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li .subject {font-size: 1.8rem;color:#fff;font-weight:600;padding-top:10px;}
.sec07 .con3 .text ul li .txt {font-size: 1.2rem;color:#fff;line-height:1.4;font-weight:400;margin-top:10px;word-break: keep-all;}
.sec07 .con3 .text ul li .txt span {display: inline-block;font-size: 1.2rem;color:#002F7B;font-weight:500;border-radius: 10px;padding:7px 15px;margin-right:10px;}
.sec07 .con3 .text ul li .txt span.merit {background:#F3E5C6;}
.sec07 .con3 .text ul li .txt span.disadvantage {background:#E4E7EB;}
.sec07 .con3 .text .notice {font-size: 1.2rem;color:#CD9B28;line-height:1.4;font-weight:600;}
/* 안성형외과의 안심할 수 있는 코성형 시스템 */
.sec08 {padding:170px 0;background:#F3E5C6;}
.sec08 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#002F7B;font-weight:400;margin-bottom:10px;}
.sec08 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#000;font-weight:600;margin-bottom:12px;}
.sec08 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec08 ul {overflow:hidden;}
.sec08 ul li {float:left;width:400px;text-align:left;margin-right:40px;}
.sec08 ul li:last-child {margin-right:0;}
.sec08 ul li .img {margin-bottom:20px;}
.sec08 ul li .subject {font-size: 1.4rem;color:#002F7B;font-weight:700;margin-bottom:10px;}
.sec08 ul li .txt {font-size: 1.2rem;color:#333;line-height:1.4;font-weight:400;word-break: keep-all;}
/* AHN’S TV */
.sec09 {padding:170px 0;background:#fff;}
.sec09 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec09 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec09 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:70px;opacity: 0.8;}
.sec09 .swiper-content {margin:0 auto;padding-left:calc((100% - 1280px) / 2);width:100%;box-sizing: border-box;z-index:9;}
.sec09 .swiper-content .img {margin-bottom:20px;}
.sec09 .swiper-content .txt {font-size:1.4rem;color:#333;line-height:1.4;font-weight:700;word-break: keep-all;text-align:left;}
.sec09 .youtube_sw .swiper-slide {width:400px;}
/* 성형외과 전문의 안성봉 원장 */
.sec10 {padding:170px 0;background:#002F7B;text-align:left;}
.sec10 .img {float:left;}
.sec10 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec10 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.6rem;color:#fff;font-weight:600;margin-bottom:12px;}
.sec10 h4.sub_txt {font-size: 1.4rem;color:#fff;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec10 .text {float:right;margin-top:25px;}
.sec10 ul li {position:relative;font-size: 1.1rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec10 ul li::after {position:absolute;top:11px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec10 ul li:last-child {margin-bottom:0;}
/* 진료안내 및 오시는 길 */
.sec11 {padding:170px 0;background:#fff;}
.sec11 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec11 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec11 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec11 .con1 {overflow:hidden;margin-bottom:100px;text-align:left;}
.sec11 .con1 .text {float:left;}
.sec11 .con1 .text .subject {position:relative;font-size:2.1rem;color:#333;font-weight:700;line-height:60px;margin-bottom:20px;padding-left:70px;}
.sec11 .con1 .text .cont1 {margin-bottom:40px;}
.sec11 .con1 .text .cont1 .subject::after {position:absolute;top:0;left:0;content: '';width:60px;height:60px;background: url('../../landing/img/landing/sec11_icon1.png') 50% no-repeat;background-size: cover;}
.sec11 .con1 .text .cont1 .tel {font-size: 3.4rem;color:#002F7B;font-weight:900;margin-bottom:15px;}
.sec11 .con1 .text .cont1 .address {font-size:1.2rem;color:#333;line-height:1.4;}
.sec11 .con1 .text .cont2 .subject::after {position:absolute;top:0;left:0;content: '';width:60px;height:60px;background: url('../../landing/img/landing/sec11_icon2.png') 50% no-repeat;background-size: cover;}
.sec11 .con1 .text .cont2 .tel {font-size: 1.4rem;color:#333;font-weight:800;line-height:1.8;margin-bottom:5px;}
.sec11 .con1 .text .cont2 .tel span {display: inline-block;font-family: "Pretendard";font-size: 1.4rem;color:#002F7B;font-weight:700;margin-right:20px;}
.sec11 .con1 .text .cont2 .notice {font-size:1.2rem;color:#666;}
.sec11 .con1 .photo {margin-left:139px;}
.sec11 .con1 .photo .swiper-wrapper {width:620px;margin-bottom:15px;}
.sec11 .con1 .control-wrap .swiper-pagination {position:static;z-index:99;}
.sec11 .con1 .control-wrap .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;background:#999;margin:0 5px;z-index: 8;}
.sec11 .con1 .control-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#002F7B;}
.sec11 .con2 .root_daum_roughmap.root_daum_roughmap_landing {border-radius: 14px;}
.sec11 .con2 .cont {display:none;}
/* 온라인상담 */
.sec12 {padding:170px 0;background:#E4E7EB;}
.sec12 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.4rem;color:#CD9B28;font-weight:400;margin-bottom:10px;}
.sec12 h2.main_title {font-family: "Noto Serif KR"; font-size: 3.4rem;color:#002F7B;font-weight:600;margin-bottom:12px;}
.sec12 h4.sub_txt {font-size: 1.4rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec12 form {width:1024px;margin:auto;}
.sec12 .notice {text-align:right;font-size: 1.2rem;color:#666;font-weight:400;border-bottom:#333 1px solid;padding-bottom:10px;margin-bottom:30px;}
.sec12 .notice span {color:#002F7B;font-weight:700;}
.sec12 .form {margin-bottom:50px;}
.sec12 .form li { display: flex; align-items: flex-start; text-align:left; margin-bottom:20px;}
.sec12 .form li .left {width:20%;transform: translateY(1rem);font-size: 1.2rem;color:#333;line-height:1;font-weight:700;}
.sec12 .form li .left span {color:#002F7B;}
.sec12 .form li .right {flex: 1;}
.sec12 .form li .type_badge {display: flex;flex-wrap: wrap;}
.sec12 .form li .type_badge .badge {margin-right:15px;}
.sec12 .form li .type_badge input {display:none;}
.sec12 .form li .type_badge label {display: inline-block;padding: 0 30px;height: 50px;line-height: 50px;border-radius: 50px;font-weight: 400;font-size: 1.2rem;color: #999;border: 1px solid #999;background:#fff;cursor: pointer;}
.sec12 .form li .type_badge input:checked+label {color: #fff;border: 1px solid #002F7B;background:#002F7B;}
.sec12 .form li .input_style {width:100%;height:50px;border:#999 1px solid;border-radius: 7px;font-size: 1.2rem;color: #333;padding:0 10px;}
.sec12 .form li input::placeholder,.sec12 .form li textarea::placeholder {color:#999;}
.sec12 .form li textarea {width:100%;height:280px;border:#999 1px solid;border-radius: 7px;font-size: 1.2rem;color: #333;padding:10px;}
.sec12 .privacy_wrap {width: 935px;font-size: 1.2rem;color:#333;line-height:1;font-weight:700;text-align:left;margin-bottom:20px;}
.sec12 .privacy_wrap span {color:#002F7B;}
.sec12 .privacy_wrap .consent_chk {display: inline-block;float:right;}
.sec12 .privacy_wrap .consent_chk input {display:none;}
.sec12 .privacy_wrap .consent_chk label {display: inline-block;padding-left:30px;width:20px;height: 20px;font-weight: 700;font-size: 1.2rem;color: #333;background: url('../../landing/img/landing/check_off.png') 50% no-repeat;cursor: pointer;}
.sec12 .privacy_wrap .consent_chk input:checked+label {display: inline-block;padding-left:30px;width:20px;height: 20px;font-weight: 700;font-size: 1.2rem;color: #333;background: url('../../landing/img/landing/check_on.png') 50% no-repeat;cursor: pointer;}
.sec12 .cont_box {width:100%;height:260px;text-align:left;background:#fff;border:#999 1px solid;border-radius: 7px;font-size: 1.2rem;color: #666;padding:20px;margin-bottom:50px;}
.sec12 .confirm_btn {width:300px;height:80px;border-radius: 58px;border: 1px solid #002F7B;background: #FFF;font-size: 2.1rem;color:#002F7B;font-weight:400;}
.sec12 .confirm_btn:hover {border: 1px solid #002F7B;background: #002F7B;color:#fff;}
/* 풋터 */
footer {background: #334562;padding: 100px 0;text-align:left;}
footer h1.f_logo {float:left;margin-right:60px;}
footer .address {line-height:1.6;font-weight:400;overflow:hidden;}
footer .address span {display: inline-block;position:relative;font-size: 1.2rem;color: #99A2B0;padding-right:12px;margin-right:6px;}
footer .address span::after {position:absolute;top:5px;right:0;content: '';width:1px;height:19px;background:#99A2B0;}
footer .address span.last {padding-right:0;margin-right:0;}
footer .address span.last::after {display:none;}
footer .copy {display: inline-block;font-size: 1.2rem;color: #99A2B0;margin-top:10px;}
footer .sns {float:right;overflow:hidden;}
footer .sns li {display:inline;margin-left:17px;}
/* 반응형 */
@media (max-width: 1280px){
.pc {display: none;}
.mo {display: block;}
.inner {width: 90%;margin: 0 5%;}
/* header */
header {
z-index: 1000;
}
header .mo {position:relative;padding:0 5%;}
header#head {height:60px;text-align:left;}
header h1 {
display:inline-block;
transition: all 0.3s;
}
header h1 a {
margin-top:10px;
display:inline-block;
}
header h1 a img {
height:40px;
width:auto;
max-width: unset;
}
.menu-trigger,
.menu-trigger span {
position:relative;
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 2.5rem;
height: 1.2rem;float:right;
margin:20px 0 0 0;
z-index: 101;
}
.menu-trigger.mb {
display:block;
width:2rem;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #002F7B;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: calc(50% - 1.5px);
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.menu-trigger.active-1 {
position:absolute;
top:-5px;
right:5%;
}
.menu-trigger.active-1 span:nth-of-type(1) {
-webkit-transform: translateY (14px) rotate (-45deg);
transform: translateY(14px) rotate(-45deg);
}
.menu-trigger.active-1 span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active-1 span:nth-of-type(3) {
-webkit-transform: translateY(-3px) rotate(45deg);
transform: translateY(-3px) rotate(45deg);
}
.gnb_wrap {
position:fixed;
top:0;
left:-82%;
transform: translateX(-65%);
width:80%;
height:100%;
max-width:52.5rem;
background: rgba(0,25,66,0.9);
transition: all 0.3s;
z-index:1001;
}
.gnb_wrap.active {
left:50%;
}
.gnb_wrap .inner {
position:relative;
width:100%;
height:100%;
}
.gnb_wrap ul {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width:100%;
height:auto;
min-height:10.0rem;
box-sizing:border-box;
}
.gnb_wrap ul a {
display: block;
padding:1.25rem 0.75rem;
color:#fff;
font-size:1.7rem;
}
.quick {position: fixed;top:auto;bottom: 0;left: 0;right:0;margin-top:0;z-index:99;}
.quick .mo {width:100%;height:70px;display:block;}
.quick ul li {margin-bottom:0;float:left;width:25%;height:70px;background:#eee;padding-top:1.5vh;}
.quick ul li img {height:24px;margin-bottom:5px;}
.quick ul li a {display:block;font-size:3.4vw;color:#000;}
.quick ul li:last-child {margin-bottom:0;background:#002F7B;padding-top:1.6vh;}
.quick ul li:last-child a {font-size:5vw;color:#fff;font-weight:700;line-height:1.1;}
/* 메인 */
.sec01 {width: 100%;}
.sec01 .mv1 .title_txt {font-size: 2.8rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;margin:auto;}
.sec01 .mv1 .sub_txt {position:static;top:0;right:0;display:block;margin-top:15px;font-family: "Pretendard";font-size: 1rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;}
.sec01 .mv1 .inner {width:100%;margin:-10vh auto 0;}
.sec01 .mv2 .inner {align-items: center;flex-direction: column;justify-content: center}
.sec01 .mv2 .title_txt {position:relative;font-family: "Noto Serif KR"; font-size: 2.8rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;margin-bottom:60px;}
.sec01 .mv2 .title_txt span {color:#CD9B28;}
.sec01 .mv2 .inner {width:90%;margin:-5vh 5% 0;}
.sec01 .mv2 .box {width:100%;}
.sec01 .mv2 .box ul li {position:relative;display:block;width:48%;height:70px;float:left;border-radius:100px;border: 1px solid #CD9B28;margin:0 0 40px 0;}
.sec01 .mv2 .box ul li:first-child {margin:0;}
.sec01 .mv2 .box ul li:nth-child(odd) {margin-right:4%;}
.sec01 .mv2 .box ul li .img {position:absolute;top:0;left:50%;margin:-35px 0 0 -35px;z-index:9;}
.sec01 .mv2 .box ul li .img img {width:70px;}
.sec01 .mv2 .box ul li .txt {font-size: 0.9rem;color:#CD9B28;font-weight:500;line-height:100px;}
.sec01 .mv3 .inner {width:100%;margin:-5vh auto 0;align-items: center;flex-direction: column;justify-content: center}
.sec01 .mv3 .title_txt {font-family: "Noto Serif KR";font-size: 2.8rem;color:#fff;font-weight:400;line-height:1.2;text-align:center;margin-bottom:20px;}
.sec01 .mv3 .sub_txt {font-size: 1rem;color:#fff;font-weight:400;}
.sec01 .control-wrap {}
.sec01 .control-wrap .swiper-pagination {bottom:21vh;}
.sec01 .control-wrap .swiper-pagination .swiper-pagination-bullet {margin:0 7px;}
/* 진료과목 소개 */
.sec02 {padding:25% 0;background:#fff;text-align:left;}
.sec02 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec02 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;margin-bottom:10px;}
.sec02 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec02 .swiper-content {z-index:9;}
.sec02 .swiper-content .img {margin-bottom:20px;}
.sec02 .swiper-content .subject {font-size:1.4rem;color:#000;font-weight:700;margin-bottom:7px;}
.sec02 .swiper-content .txt {font-size:0.98rem;color:#666;line-height:1.4;word-break: keep-all;}
.sec02 .swiper-content {margin:0 5%;padding-left:0;width:100%;box-sizing: border-box;}
.sec02 .medical_sw .swiper-slide {width:90%;}
.sec02 .move_text_box {position:absolute;top:26%;left:0;transform: translateX(-2.5%);width: calc(100vw - var(--scroll-width));}
.sec02 .move_text_box .text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;}
.sec02 .move_text_box .text p {animation: textLoop 70s linear infinite;padding-right: 0.3rem;font-family: "Noto Serif KR"; font-size: 6.2rem;color:#002F7B;opacity: 0.1;font-weight:600;z-index:1;}
/* 정확한 판단 · 정밀한 진단 · 정교한 수술 */
.sec03 {padding:25% 0;background-position: right top, left bottom;background-color:#e4e7eb;text-align:left;}
.sec03 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec03 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec03 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec03 .con1 {margin-bottom:70px;}
.sec03 .con1 .img {margin-right:0;margin-bottom:30px;}
.sec03 .con1 .text h4.subject {font-size: 1.9rem;color:#000;font-weight:700;line-height:1.3;margin-bottom:20px;}
.sec03 .con1 .text h5 {display:inline-block;padding:10px 20px;background:#002F7B;border-radius: 60px;font-size: 1.4rem;color:#fff;font-weight:500;margin-bottom:20px;}
.sec03 .con1 .text ul {padding-left:0;}
.sec03 .con1 .text ul li {font-size: 0.98rem;color:#333;margin-bottom:10px;}
.sec03 .con1 .text p {padding-left:0;font-size: 0.98rem;color:#666;}
.sec03 .con2 {margin:0 5%;padding-left:0;width:90%;box-sizing: border-box;}
.sec03 .con2 .text {float:left;}
.sec03 .con2 .text h4.subject {font-size: 1.9rem;color:#000;font-weight:700;line-height:1.3;margin-bottom:20px;}
.sec03 .con2 .text h4.subject span {color:#002F7B;}
.sec03 .con2 .text ul {margin-bottom:20px;}
.sec03 .con2 .text ul li {position:relative;font-size: 0.98rem;color:#333;padding-left:10px;margin-bottom:10px;}
.sec03 .con2 .text ul li::after {position:absolute;top:9px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec03 .con2 .text ul li:last-child {margin-bottom:0;}
.sec03 .con2 .text p {font-size: 1.2rem;color:#002F7B;font-weight:600;line-height:1.3;margin-bottom:20px;}
.sec03 .con2 .img {float:none;}
/* 코성형이 필요한 경우 */
.sec04 {padding:25% 0;background:#002F7B;}
.sec04 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec04 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#fff;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec04 h4.sub_txt {font-size: 0.98rem;color:#fff;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec04 h3.sub_name {display:inline-block;font-size: 1.4rem;color:#fff;font-weight:500;padding:10px 70px;border-radius: 50px;background: #CD9B28;margin-bottom:20px;}
.sec04 .con1 {margin-bottom:70px;}
.sec04 .con1 .img {margin-bottom:30px;}
.sec04 .con1 .img img {width:80%;}
.sec04 .box {position:static;width: 80%;height: 125px;padding-top:15px;border-radius: 20px;border: 1px solid #CD9B28;background: rgba(217, 217, 217, 0.00);margin:0 auto 15px;}
.sec04 .box .subject {font-size: 1.4rem;color:#CD9B28;font-weight:600;margin-bottom:7px;}
.sec04 .box .txt {font-size: 1.2rem;color:#fff;line-height:1.3;}
.sec04 .case6 {margin:0 auto;}
.sec04 .con2 {margin-bottom:70px;}
.sec04 .con2 h2.main_title {margin-bottom:20px;}
.sec04 .con2 .list .img {float:none;margin-right:0;margin-bottom:20px;text-align:center;}
.sec04 .con2 .list .img img {width:70%;margin:auto;}
.sec04 .con2 .list .text {float:none;width:100%;text-align:left;}
.sec04 .con2 .list .text .subject {font-size: 1.4rem;color:#CD9B28;font-weight:600;margin-bottom:18px;}
.sec04 .con2 .list .text ul li {position:relative;font-size: 0.98rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec04 .con2 .list .text ul li::after {position:absolute;top:9px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec04 .con2 .list .text ul li:last-child {margin-bottom:0;}
.sec04 .con2 .list1,.sec04 .con2 .list2,.sec04 .con2 .list3 {margin-bottom:70px;}
.sec04 .con2 .list .list1, .sec04 .con2 .list .list3 {width:100%;}
.sec04 .con2 .list .list2, .sec04 .con2 .list .list4 {width:100%;}
.sec04 .con3 .list .img {float:none;margin-right:0;margin-bottom:20px;}
.sec04 .con3 .list .img img {width:70%;margin:auto;}
.sec04 .con3 .list .text {float:none;width:100%;text-align:left;}
.sec04 .con3 .list .text .subject {font-size: 1.4rem;color:#CD9B28;font-weight:600;margin-bottom:18px;}
.sec04 .con3 .list .text ul li {position:relative;font-size: 0.98rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec04 .con3 .list .text ul li::after {position:absolute;top:9px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec04 .con3 .list .text ul li:last-child {margin-bottom:0;}
/* 코재수술 */
.sec05 {padding:25% 0;text-align:left;background:none;background-color:#f3e5c6;}
.sec05 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#002F7B;font-weight:400;margin-bottom:7px;}
.sec05 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#000;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec05 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec05 .con1 {overflow:hidden;margin-bottom:70px;}
.sec05 .con1 .img {float:none;margin-right:0;}
.sec05 .con1 .text {float:none;margin-top:20px;width:100%;}
.sec05 .con1 .text .subject {font-size: 1.8rem;color:#333;font-weight:600;margin-bottom:10px;}
.sec05 .con1 .text .txt {font-size: 0.98rem;color:#333;line-height:1.4;margin-bottom:25px;word-break: keep-all;}
.sec05 .con1 .logo img {width:70%;}
.sec05 .con2 {text-align:center;margin-bottom:70px;}
.sec05 .con2 ul {margin-bottom:50px;}
.sec05 .con2 ul li {margin-bottom:10px;}
.sec05 .con2 ul li:last-child {margin-bottom:0;}
.sec05 .con2 ul li:nth-child(1) {margin-left:0;}
.sec05 .con2 ul li:nth-child(2) {margin-left:0;}
.sec05 .con2 ul li:nth-child(3) {margin-left:0;}
.sec05 .con2 ul li:nth-child(4) {margin-left:0;}
.sec05 .con2 ul li p {display:inline-block;padding:7px;padding-right:10px;border-radius: 50px;background:#fff;}
.sec05 .con2 ul li .img {margin-right:3px;}
.sec05 .con2 ul li .img img {width:30px;}
.sec05 .con2 ul li .txt {font-size: 0.98rem;color:#000;}
.sec05 .con2 .notice {font-size: 1.8rem;color:#002F7B;line-height:1.2;font-weight:700;}
.sec05 .con3 {text-align:center;}
.sec05 .con3 ul li {position:relative;display:block;width: 100%;height: 240px;border-radius: 100%;border: 1px solid #002F7B;padding-top:45px;margin:-45px 0 0 0;vertical-align:top;}
.sec05 .con3 ul li:first-child {margin:0;}
.sec05 .con3 ul li:last-child {padding-top:70px;}
.sec05 .con3 ul li .subject {font-size: 1.4rem;color:#002F7B;font-weight:600;line-height:1.2;margin-bottom:20px;}
.sec05 .con3 ul li .txt {font-size: 0.98rem;color:#333;line-height:1.3;}
.sec05 .con3 ul li span {position:absolute;top:auto;bottom:0;right:auto;left:50%;margin:0 0 0 -20px;}
.sec05 .con3 ul li span img {transform: rotate(90deg);}
/* 기능코수술 */
.sec06 {padding:25% 0;background:#fff;}
.sec06 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec06 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec06 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec06 .con1 {overflow:hidden;margin-bottom:70px;}
.sec06 .con1 .img {float:none;}
.sec06 .con1 .text {float:none;width:100%;text-align:left;}
.sec06 .con1 .text .subject {font-size: 1.8rem;color:#333;font-weight:600;margin-bottom:10px;}
.sec06 .con1 .text .txt {font-size: 0.98rem;color:#333;line-height:1.4;font-weight:400;margin-bottom:25px;word-break: keep-all;}
.sec06 .con1 .logo {margin-bottom:20px;}
.sec06 .con1 .logo img {width:70%;}
.sec06 .con2 {margin-bottom:100px;}
.sec06 .con2 h2.main_title {color:#000;}
.sec06 .con2 .cont {overflow:hidden;}
.sec06 .con2 .cont ul {float:none;width:100%;}
.sec06 .con2 .cont ul li {margin-bottom:10px;text-align:center;}
.sec06 .con2 .cont ul li:last-child {margin-bottom:0;}
.sec06 .con2 .cont ul li p {display:inline-block;padding:7px;padding-right:10px;border-radius: 50px;background:#002F7B;}
.sec06 .con2 .cont ul li .img {margin-right:3px;}
.sec06 .con2 .cont ul li .img img {width:30px;}
.sec06 .con2 .cont ul li .txt {font-size: 0.98rem;color:#fff;font-weight:400;}
.sec06 .con2 .cont .interview {float:none;width:100%;text-align:center;}
.sec06 .con2 .cont .interview .img {margin:30px 0 25px;}
.sec06 .con2 .cont .interview .img img {width:50%;}
.sec06 .con2 .cont .interview .txt {font-size: 1.8rem;color:#002F7B;line-height:1.2;font-weight:700;}
.sec06 .con3 h2.main_title {color:#000;}
.sec06 .con3 ul li {position:relative;float:none;width:70%;height:300px;background:#002F7B;border-radius: 20px;margin-right:0;margin:auto;margin-bottom:5px;}
.sec06 .con3 ul li:last-child {margin-bottom:0;margin:auto;}
.sec06 .con3 ul li .img {margin:0 0 20px;padding-top:40px;}
.sec06 .con3 ul li .txt {font-size: 1.2rem;color:#fff;line-height:1.3;}
.sec06 .con3 ul li span {position:absolute;top:auto;bottom:0;right:auto;left:50%;margin:0 0 -20px -20px;z-index:99999;}
.sec06 .con3 ul li span img {transform: rotate(90deg);}
/* 구축코수술 */
.sec07 {padding:25% 0;text-align:left;background:none;background-color:#002F7B;}
.sec07 .con1 {overflow:hidden;margin-bottom:70px;}
.sec07 .con1 .cont1 {float:none;margin-right:0;margin-top:0;}
.sec07 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec07 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#fff;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec07 h4.sub_txt {font-size: 0.98rem;color:#fff;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec07 .con1 .cont2 {float:none;text-align:center;}
.sec07 .con1 .cont2 img {width:70%;}
.sec07 .con1 .cont3 {float:none;width:100%;margin-top:20px;}
.sec07 .con1 .cont3 .subject {font-size: 1.8rem;color:#fff;font-weight:600;margin-bottom:10px;}
.sec07 .con1 .cont3 .txt {font-size: 0.98rem;color:#fff;line-height:1.4;font-weight:400;margin-bottom:25px;word-break: keep-all;}
.sec07 .con1 .cont3 .logo img {width:70%;}
.sec07 .con2 {text-align:center;margin-bottom:70px;}
.sec07 .con2 ul {margin-bottom:30px;}
.sec07 .con2 ul li {margin-bottom:10px;}
.sec07 .con2 ul li:last-child {margin-bottom:0;}
.sec07 .con2 ul li:nth-child(1) {margin-left:0;}
.sec07 .con2 ul li:nth-child(2) {margin-left:0;}
.sec07 .con2 ul li:nth-child(3) {margin-left:0;}
.sec07 .con2 ul li:nth-child(4) {margin-left:0;}
.sec07 .con2 ul li p {display:inline-block;padding:7px;padding-right:10px;border-radius: 50px;background:#fff;}
.sec07 .con2 ul li .img {margin-right:3px;}
.sec07 .con2 ul li .img img {width:30px;}
.sec07 .con2 ul li .txt {font-size: 0.98rem;color:#000;}
.sec07 .con2 .notice {font-size: 1.8rem;color:#CD9B28;line-height:1.2;font-weight:700;}
.sec07 .con3 .img {float:none;}
.sec07 .con3 .text {float:none;margin-top:30px;}
.sec07 .con3 .text ul {margin-bottom:30px;}
.sec07 .con3 .text ul li {position:relative;padding-left:40px;margin-bottom:30px;}
.sec07 .con3 .text ul li:last-child {margin-bottom:0;}
.sec07 .con3 .text ul li:nth-child(1)::after {position:absolute;top:0;left:0;content: '';width:30px;height:30px;background: url('../../landing/img/landing/sec7_num1.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li:nth-child(2)::after {position:absolute;top:0;left:0;content: '';width:30px;height:30px;background: url('../../landing/img/landing/sec7_num2.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li:nth-child(3)::after {position:absolute;top:0;left:0;content: '';width:30px;height:30px;background: url('../../landing/img/landing/sec7_num3.png') 50% no-repeat;background-size: cover;}
.sec07 .con3 .text ul li .subject {font-size: 1.4rem;color:#fff;font-weight:600;line-height:1.2;padding-top:0;}
.sec07 .con3 .text ul li .txt {font-size: 0.98rem;color:#fff;line-height:1.4;font-weight:400;margin-top:10px;word-break: keep-all;}
.sec07 .con3 .text ul li .txt span {display: inline-block;font-size: 0.98rem;color:#002F7B;font-weight:500;border-radius: 10px;padding:5px 10px;margin-right:5px;}
.sec07 .con3 .text ul li .txt span.merit {background:#F3E5C6;}
.sec07 .con3 .text ul li .txt span.disadvantage {background:#E4E7EB;}
.sec07 .con3 .text .notice {font-size: 1.2rem;color:#CD9B28;line-height:1.3;font-weight:600;word-break: keep-all;}
/* 안성형외과의 안심할 수 있는 코성형 시스템 */
.sec08 {padding:25% 0;background:#F3E5C6;}
.sec08 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#002F7B;font-weight:400;margin-bottom:7px;}
.sec08 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#000;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec08 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec08 ul {overflow:hidden;}
.sec08 ul li {float:none;width:100%;text-align:left;margin-right:0;margin-bottom:40px;}
.sec08 ul li:last-child {margin-bottom:0;}
.sec08 ul li .img {margin-bottom:20px;}
.sec08 ul li .subject {font-size: 1.2rem;color:#002F7B;font-weight:700;margin-bottom:10px;}
.sec08 ul li .txt {font-size: 0.98rem;color:#333;line-height:1.4;font-weight:400;word-break: keep-all;}
/* AHN’S TV */
.sec09 {padding:25% 0;background:#fff;}
.sec09 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec09 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;margin-bottom:10px;}
.sec09 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec09 .swiper-content {margin:0 5%;padding-left:0;width:90%;box-sizing: border-box;z-index:9;}
.sec09 .swiper-content .img {margin-bottom:20px;}
.sec09 .swiper-content .txt {width:93%;font-size:1.2rem;color:#333;line-height:1.4;font-weight:700;word-break: keep-all;text-align:left;}
.sec09 .youtube_sw .swiper-slide {width:400px;}
/* 성형외과 전문의 안성봉 원장 */
.sec10 {padding:25% 0;background:#002F7B;text-align:left;}
.sec10 .img {float:none;}
.sec10 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec10 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#fff;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec10 h4.sub_txt {font-size: 0.98rem;color:#fff;font-weight:400;margin-bottom:30px;opacity: 0.8;}
.sec10 .text {float:none;margin-top:25px;}
.sec10 ul li {position:relative;font-size: 0.98rem;color:#fff;padding-left:10px;margin-bottom:10px;}
.sec10 ul li::after {position:absolute;top:9px;left:0;content: '';width:3px;height:3px;background:#CD9B28;}
.sec10 ul li:last-child {margin-bottom:0;}
/* 진료안내 및 오시는 길 */
.sec11 {padding:25% 0;background:#fff;}
.sec11 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec11 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;line-height:1.2;margin-bottom:10px;}
.sec11 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec11 .con1 {overflow:hidden;margin-bottom:50px;text-align:left;}
.sec11 .con1 .text {float:none;}
.sec11 .con1 .text .subject {position:relative;font-size:1.8rem;color:#333;font-weight:700;line-height:40px;margin-bottom:10px;padding-left:50px;}
.sec11 .con1 .text .cont1 {margin-bottom:40px;}
.sec11 .con1 .text .cont1 .subject::after {position:absolute;top:0;left:0;content: '';width:40px;height:40px;background: url('../../landing/img/landing/sec11_icon1.png') 50% no-repeat;background-size: cover;}
.sec11 .con1 .text .cont1 .tel {font-size: 2.9rem;color:#002F7B;font-weight:900;margin-bottom:0;}
.sec11 .con1 .text .cont1 .address {font-size:0.98rem;color:#333;line-height:1.4;}
.sec11 .con1 .text .cont2 {margin-bottom:30px;}
.sec11 .con1 .text .cont2 .subject::after {position:absolute;top:0;left:0;content: '';width:40px;height:40px;background: url('../../landing/img/landing/sec11_icon2.png') 50% no-repeat;background-size: cover;}
.sec11 .con1 .text .cont2 .tel {font-size: 1.4rem;color:#333;font-weight:800;line-height:1.8;margin-bottom:5px;}
.sec11 .con1 .text .cont2 .tel span {display: inline-block;font-family: "Pretendard";font-size: 1.4rem;color:#002F7B;font-weight:700;margin-right:20px;}
.sec11 .con1 .text .cont2 .notice {font-size:0.98rem;color:#666;}
.sec11 .con1 .photo {margin-left:0;margin:auto;}
.sec11 .con1 .photo .swiper-wrapper {width:1000px;}
.sec11 .con1 .control-wrap .swiper-pagination {position:static;z-index:99;}
.sec11 .con1 .control-wrap .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;background:#999;margin:0 5px;z-index: 8;}
.sec11 .con1 .control-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#002F7B;}
.sec11 .con2 .root_daum_roughmap.root_daum_roughmap_landing {border-radius: 14px;width:100% !important;}
/* 온라인상담 */
.sec12 {padding:25% 0;background:#E4E7EB;}
.sec12 h3.sub_title {font-family: "Noto Serif KR"; font-size: 1.2rem;color:#CD9B28;font-weight:400;margin-bottom:7px;}
.sec12 h2.main_title {font-family: "Noto Serif KR"; font-size: 2.8rem;color:#002F7B;font-weight:600;margin-bottom:10px;}
.sec12 h4.sub_txt {font-size: 0.98rem;color:#000;font-weight:400;margin-bottom:50px;opacity: 0.8;}
.sec12 form {width:100%;margin:auto;}
.sec12 .notice {text-align:right;font-size: 0.98rem;color:#666;font-weight:400;border-bottom:#333 1px solid;padding-bottom:10px;margin-bottom:30px;}
.sec12 .notice span {color:#002F7B;font-weight:700;}
.sec12 .form {margin-bottom:20px;}
.sec12 .form li {display: block; text-align:left; margin-bottom:20px;}
.sec12 .form li:first-child {margin-bottom:15px;}
.sec12 .form li:last-child {margin-bottom:0;}
.sec12 .form li .left {width:100%;transform: none;font-size: 1.2rem;color:#333;line-height:1;font-weight:700;margin-bottom:10px;}
.sec12 .form li .left span {color:#002F7B;}
.sec12 .form li .right {flex: 1;}
.sec12 .form li .type_badge {display: flex;flex-wrap: wrap;}
.sec12 .form li .type_badge .badge {margin:0 5px 5px 0;}
.sec12 .form li .type_badge input {display:none;}
.sec12 .form li .type_badge label {display: inline-block;padding: 0 20px;height: 40px;line-height: 40px;border-radius: 50px;font-weight: 400;font-size: 0.98rem;color: #999;border: 1px solid #999;background:#fff;cursor: pointer;}
.sec12 .form li .type_badge input:checked+label {color: #fff;border: 1px solid #002F7B;background:#002F7B;}
.sec12 .form li .input_style {width:100%;height:50px;border:#999 1px solid;border-radius: 7px;font-size: 0.98rem;color: #333;padding:0 10px;}
.sec12 .form li input::placeholder,.sec12 .form li textarea::placeholder {color:#999;}
.sec12 .form li textarea {width:100%;height:180px;border:#999 1px solid;border-radius: 7px;font-size: 0.98rem;color: #333;padding:10px;}
.sec12 .privacy_wrap {width: 100%;font-size: 1.2rem;color:#333;line-height:1;font-weight:700;text-align:left;margin-bottom:10px;}
.sec12 .privacy_wrap span {color:#002F7B;}
.sec12 .privacy_wrap .consent_chk {display: inline-block;float:none;text-align:left;width:100%;margin-top:10px;}
.sec12 .privacy_wrap .consent_chk input {display:none;}
.sec12 .privacy_wrap .consent_chk label {display: inline-block;padding-left:30px;width:20px;height: 20px;font-weight: 700;font-size: 1.2rem;color: #333;background: url('../../landing/img/landing/check_off.png') 50% no-repeat;cursor: pointer;}
.sec12 .privacy_wrap .consent_chk input:checked+label {display: inline-block;padding-left:30px;width:20px;height: 20px;font-weight: 700;font-size: 1.2rem;color: #333;background: url('../../landing/img/landing/check_on.png') 50% no-repeat;cursor: pointer;}
.sec12 .cont_box {width:100%;height:260px;text-align:left;background:#fff;border:#999 1px solid;border-radius: 7px;font-size: 0.98rem;color: #666;padding:20px;margin-bottom:50px;overflow-y:auto;}
.sec12 .confirm_btn {width:80%;height:80px;border-radius: 58px;border: 1px solid #002F7B;background: #FFF;font-size: 2.1rem;color:#002F7B;font-weight:400;}
.sec12 .confirm_btn:hover {border: 1px solid #002F7B;background: #fff;color:#002F7B;}
/* 풋터 */
footer {background: #334562;padding: 15% 0 30%;text-align:center;}
footer h1.f_logo {float:none;margin:0 0 20px 0;}
footer h1.f_logo img {height:48px;}
footer .address {line-height:1.6;font-weight:400;overflow:hidden;}
footer .address span {display: inline-block;position:relative;font-size: 0.98rem;color: #99A2B0;padding-right:12px;margin-right:6px;}
footer .address span::after {display:none;}
footer .address span.last {padding-right:0;margin-right:0;}
footer .address span.last::after {display:none;}
footer .copy {display: inline-block;font-size: 0.98rem;color: #99A2B0;margin-top:10px;}
footer .sns {float:none;overflow:hidden;margin-bottom:20px;}
footer .sns li {display:inline;margin-left:17px;}
footer .sns li:first-child {margin-left:0;}
}
/* 오시는 길 슬라이드 */
@media (max-width: 640px){
.sec11 .con1 .photo .swiper-wrapper {width:580px;}
}
@media (max-width: 480px){
.sec11 .con1 .photo .swiper-wrapper {width:320px;}
}