/* =================================== Reset 초기화 ====================================== */ body{font-family: 'Noto Sans KR', sans-serif, Apple-Gothic , Dotum ; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; color:#111; font-weight:300;line-height: 1.4; margin:0; padding:0; box-sizing: border-box; } body, html { height: 100%; font-size:16px;} a, a:active, a:focus {text-decoration: none; } a:hover, a:active{text-decoration: none;} a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;} img {max-width:100%;} input[type="submit"] { width: auto} input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;} input:focus, textarea:focus{ border-color: #585858; outline: none; } input[type="button"]:focus{ outline: none; } select::-ms-expand{ display:none;} iframe { border: 0;} p {margin:0;} b, strong { font-weight: 500;} ul, li {list-style: none; margin: 0; padding:0;} ::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;} ::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;} :-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;} /* font family */ .point-font {font-family: 'Playfair Display', serif;} .main-serif {font-family: 'Noto Serif KR', serif;} .point-font3 {font-family: 'Frank Ruhl Libre', serif;} .main-font {font-family: 'NotoSans', sans-serif;} /* font size */ .font-18 {font-size:1.125rem;} .font-19 {font-size:1.188rem;} .font-20 {font-size: 1.25rem;} .font-22 {font-size: 1.375rem;} .font-24 {font-size: 1.5rem;} .font-25 {font-size: 1.563rem;} .font-30 {font-size: 1.875rem;} .font-35 {font-size: 2.19rem} .font-40 {font-size: 2.5rem;} .font-50 {font-size: 3.125rem;} .font-60 {font-size: 3.75rem;} .font-70 {font-size: 4.375rem;} .font-80 {font-size: 5rem;} .font-90 {font-size: 5.625rem;} /* font weight */ .bold100 {font-weight:100} .bold200 {font-weight:200} .bold300 {font-weight:300} .bold400 {font-weight:400} .bold500 {font-weight:500} .bold600 {font-weight:600} .bold700 {font-weight:700} .bold900 {font-weight:900} /* Text-align */ .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} /*line-height*/ /*letter-spacing*/ .letter-sp {letter-spacing:-1px;} /* Margin */ .mt-5 {margin-top: 5px;} .mt-10 {margin-top: 10px;} .mt-20 {margin-top: 20px;} .mt-30 {margin-top: 30px;} .mt-50 {margin-top: 50px;} .mt-40 {margin-top: 40px;} .mt-60 {margin-top: 60px;} .mt-70 {margin-top: 70px;} .mt-80 {margin-top: 80px;} .mt-100 {margin-top: 100px;} .mt-140 {margin-top: 140px;} .mr-10 {margin-right: 10px;} .mr-20 {margin-right: 20px;} .mr-30 {margin-right: 30px;} .mr-40 {margin-right: 40px;} .mr-60 {margin-right: 60px;} .mr-80 {margin-right: 80px;} .mb-10 {margin-bottom: 10px;} .mb-20 {margin-bottom: 20px;} .mb-30 {margin-bottom: 30px;} .mb-40 {margin-bottom: 40px;} .mb-50 {margin-bottom: 50px;} .mb-60 {margin-bottom: 60px;} .mb-70 {margin-bottom: 70px;} .mb-80 {margin-bottom: 80px;} .mb-180 {margin-bottom: 180px;} .ml-10 {margin-left: 10px;} .ml-20 {margin-left: 20px;} .ml-30 {margin-left: 30px;} .ml-40 {margin-left: 40px;} .ml-50 {margin-left: 50px;} .ml-60 {margin-left: 60px;} .ml-70 {margin-left: 70px;} .ml-80 {margin-left: 80px;} .no-margin {margin:0 !important} .no-margin-right {margin-right:0 !important} .margin-auto {margin: 0 auto !important;} .margin-l-auto {margin-left: auto;} /* Padding */ .pt-0 {padding-top: 0 !important;} .pt-10 {padding-top: 10px;} .pt-20 {padding-top: 20px;} .pt-30 {padding-top: 30px;} .pt-40 {padding-top: 40px;} .pt-60 {padding-top: 60px;} .pt-70 {padding-top: 70px;} .pt-80 {padding-top: 80px;} .pt-100 {padding-top: 100px;} .pr-10 {padding-right: 10px;} .pr-20 {padding-right: 20px;} .pr-30 {padding-right: 30px;} .pr-40 {padding-right: 40px;} .pr-60 {padding-right: 60px;} .pr-80 {padding-right: 80px;} .pr-200 {padding-right: 200px;} .pb-0 {padding-bottom: 0 !important;} .pb-10 {padding-bottom: 10px;} .pb-20 {padding-bottom: 20px;} .pb-30 {padding-bottom: 30px;} .pb-40 {padding-bottom: 40px;} .pb-60 {padding-bottom: 60px;} .pb-80 {padding-bottom: 80px;} .pb-100 {padding-bottom: 100px;} .pl-10 {padding-left: 10px;} .pl-20 {padding-left: 20px;} .pl-30 {padding-left: 30px;} .pl-40 {padding-left: 40px;} .pl-60 {padding-left: 60px;} .pl-80 {padding-left: 80px;} .pl-200 {padding-left: 200px;} .pd-100 {padding:100px 0;} .pt-100 {padding-top:100px;} .pt-200 {padding-top:200px;} .pb-100 {padding-bottom:100px;} .pb-200 {padding-bottom: 200px;} .pb-0{padding-bottom: 0!important;} .no-padding {padding:0 !important} .no-padding-right {padding-right:0 !important} /* Opacity */ .opacity5 {opacity: .5;} .opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;} /* Button */ /* flex */ .flex {display: flex;} .flex-wrap {flex-wrap: wrap;} .flex-space-between {display: flex; justify-content: space-between;} .flex_center {display: flex; align-items: center;} .flex_right {display: flex; justify-content: flex-end;} .flex_column {display: flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap: wrap;} /* Display */ .display-none {display:none !important} /* Width Height */ .width-100 {width:100%;} .height-100 {height: 100% !important} .height-700 {height:700px;} .full-screen {min-height: 980px;} .width10 {width: 10%;} .width15 {width: 15%;} .width30 {width: 30%;} .width40 {width: 40%;} .width60 {width: 60%;} .width70 {width: 70%;} .max-width {max-width: 100%;} /* Background image */ .cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;} /* color */ .bg-dark-green {background-color:#7c8071;} .bg-black {background-color:#000;} .bg-white {background-color:#fff;} .bg-light {background-color:#f8f7f3;} .bg-begie {background-color:#d2c8be;} .bg-brown {background-color:#65574c !important;} .bg-white_gra {background: linear-gradient( to right, #fff 10%, rgba(255,255,255,0) 90%); padding: 20px;} .text-black {color:#000;} .text-white {color:#fff !important;} .text-gold {color:#b9a776;} .text-dark-green {color:#7c8071;} .text-brown {color:#65574c;} .half {width: 50%;} .half01 {width: 48%; margin-right: 2%;} .img-responsive {max-width: 100%;display: block;} /* Position */ .relative {position:relative !important;} .absolute {position:absolute !important;} .fixed {position:fixed !important;} .position-right {right:0 !important;} .position-left {left:0 !important;} .position-top {top:0 !important;} /*section 레이아웃*/ .section {max-width:100%; margin:0 auto !important; padding:200px 0;} .section_full {max-width:1920px; width: 100%; margin:0 auto !important;} .section_full_sm {max-width:1714px; width: 100%; margin:0 auto !important;} .container_right {max-width:1660px; width: 100%; margin-left: auto; overflow: hidden;} .container_left {max-width:1660px; width: 100%; margin-right: auto; overflow: hidden;} .container_center {max-width:1463px; width: 100%; margin:0 auto !important;} .container {max-width:1400px; width: 100%; margin:0 auto !important;} .hidden {overflow: hidden;} .visible-xs {display:none!important;} .hidden-lg {display:block!important;} .hidden-xs {display:block!important;} .visible-md{display: none!important;} .hidden-md {display: block !important;} .title_black {font-size:80px; line-height:90px; font-weight:700; font-family:'Playfair Display', serif; color:#111;} .title_white {font-size:80px; line-height:90px; font-weight:700; font-family:'Playfair Display', serif; color:#fff;} span.lineX {display: block; border-bottom:1px solid #111; padding:20px 0;} span.lineX2 { border-bottom:1px solid #7c8071; margin-top: 10px;} span.lineX3 { border-bottom:1px solid #fff; padding-bottom: 10px; display: inline-block;} span.lineX3-1 { border-bottom:1px solid #000; padding-bottom: 10px; display: inline-block;} span.lineX4 { display: block; border-top:3px solid #fff; width:80%; margin: 40px auto;} .focus-in-expand { -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } /*header*/ .header .inner {display:flex; align-items: center;} .header {position:fixed;top:0;left:0;width: 100%; z-index: 9999;transition: all .5s ease;font-family: 'Playfair Display','Noto Sans KR', sans-serif;font-size:1.25rem ;} .header .logo{width:10%;padding:30px 0;display:block;text-align: center;} .header #menu{width:90%;display:flex;} .header .nav-menu {width:100%;} .header .nav-menu > ul{width:90%} .dropdown-menu {display: none;margin: 0;width:100%;} .header .nav-menu ul > .menu{text-align:center} .header .nav-menu > ul.login{width:12%;} .header .navi-bg {width: 100%;height: 320px;position: absolute;top: 100%;left: 0;right: 0; background-color: rgba(21,25,67,0.95);display: none;border-top: 1px solid #393c62;width: 100%!important;z-index: 1;} .header .nav-menu .depth02{font-size: 0.9em;} .header .nav-menu .menu .depth02 i {display: block;padding-top: 3px;padding-right: 10px;} .header .login li{text-align:center;} .header.sticky{background-color: rgba(255,255,255,0.95);transition: all .5s ease;} .header.scroll{background-color: rgba(255,255,255,0.95);transition: all .5s ease;} .header .logo img{display:block;} .header .logo .on{display:none;} .header.sticky .logo img{display:none;} .header.sticky .logo .on{display:block;} .header.scroll .logo img{display:none;} .header.scroll .logo .on{display:block;} .header.sticky .menu-btn span{background-color: #000;} .header.scroll .menu-btn span{background-color: #000;} .header .menu-btn {order:3;display: block;width: 25px;height: 15px;top:0;right: 15px;position: relative;z-index: 9998;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;} .header .menu-btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #fff;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;} .header .menu-btn .btn_line01 {top: 0;} .header .menu-btn .btn_line02 {top: 7px;} .header .menu-btn .btn_line03 {bottom: 0;} .header .menu-btn.on span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);} .header .menu-btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;} .header .menu-btn.on span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);} .depth02_tit{display: none;} .noto{font-family:'Noto Sans KR', sans-serif} #site_map {font-family: 'Playfair Display','Noto Sans KR', sans-serif; position: fixed;top: 0;right: -50%;width: 50%;height: 100%;z-index: 9999;padding:100px;transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-webkit-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;-o-transition-duration: .3s; background: url('/img/main/logo_bg.png') right bottom no-repeat rgb(255, 255, 255); background-size: auto;} #site_map.on{right:0} #site_map .site_map_top{width:100%;justify-content: space-between;align-items:flex-start;} #site_map .site_map_top a{display: block;} #site_map .site_map_top .closed_btn{font-size: 2.5rem; line-height:2.813rem;font-weight:400;color:#000} #site_map > ul{margin-top:100px;} #site_map .menu{margin-top:80px;position: relative;top:0;left:0;} #site_map .menu:first-child{margin-top:0} #site_map > ul .depth01{font-size: 2.5rem; line-height:2.813rem;color: #e5e5e5;font-weight: 600;} #site_map > ul .depth01.on{color:#64564b} #site_map .depth02_tit{display: none;} #site_map .menu .depth02{position: absolute;top: 50%;transform: translateY(-50%);left:43%; z-index: 9999;visibility:hidden ;opacity:0;display:flex; flex-wrap:wrap;} #site_map .menu .depth02.dropdown-menu {width:50% !important;} #site_map .menu.on .depth02 {visibility: visible;opacity: 1;} #site_map .menu .depth02 li {position: relative;top: 0;left: 0;} #site_map .menu .depth02 > li {margin-top:20px;font-size: 1.375em; line-height:1.8rem;width:50%;} #site_map .menu .depth02 > li a:hover {color:#64564b; border-bottom: 1px solid #64564b;} #site_map .menu .depth02 > li a{color:#e5e5e5;} .depth01 > i{display: none;} .nav-menu-desc{display:block;visibility: hidden;opacity: 0;position: absolute;top: 100%;margin-top: 92px;left: 0;width: 100%;height: 220px;color: #000;transition: all .3s ease;} .nav-menu-desc:After{transition: all .5s ease;display: block;content: "";clear: both;width: 100%;height:100%;background: #fff;visibility: hidden;opacity: 0;position: absolute;top:0;left: 0;z-index: 1;} .nav-menu-desc.visible_bg:After{visibility: visible;opacity: 1;} .nav-menu-desc.visible{visibility: visible;opacity: 1;} .nav-menu-desc .container{position: relative;z-index: 2;} /* Section01 main-slide*/ .MainSlide .MainSlide_img01 {background:no-repeat center url('/img/main/main01.jpg'); background-size:cover;} .MainSlide .MainSlide_img02 {background:no-repeat center url('/img/main/main02.jpg'); background-size:cover;} .MainSlide .MainSlide_img03 {background:no-repeat center url('/img/main/main03.jpg'); background-size:cover;} .MainSlide .MainSlide_img04 {background:no-repeat center url('/img/main/main04.jpg'); background-size:cover;} .MainSlide .main_tit {color:#fff; font-size: 60px; font-family: 'Playfair Display', serif;} .MainSlide .main_tit_b {color:#000; font-size: 60px; font-family: 'Playfair Display', serif;} .MainSlide .slide-des {width: 70vw; height: 937px; padding:15% 0 260px 13%;} .MainSlide .slide-des_r {width: 43vw; height: 937px; margin-left: auto; padding:15% 0 260px;} .pagination_box {max-width: 1400px; margin: auto; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; bottom:130px; } .swiper-pagination-fraction { left: 0; width: 80px; bottom:0; font-family: 'Playfair Display', serif; font-size: 30px; color:#fff; } span.slide-line {display: inline-block; width: 220px; border-bottom:1px solid #fff; z-index: 3; position: absolute; left:7%; bottom:15px;} .section01 .swiper-button-next::after, .section01 .swiper-button-prev::after {display: none;} .section01 .swiper-button-prev {background: no-repeat url('/img/main/main-slide-prev.png'); position: absolute; left:26%;} .section01 .swiper-button-next {background: no-repeat url('/img/main/main-slide-next.png'); position: absolute; left:30%;} .MainSlide .swiper-slide .point_tit { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,0px); opacity: 0.0; } .MainSlide .swiper-slide-active .point_tit { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,20px); opacity: 1.0; animation-delay: 1s; } .MainSlide .swiper-slide .point_subtit { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,0px); opacity: 0.0; } .MainSlide .swiper-slide-active .point_subtit { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,10px); opacity: 1.0; animation-delay: 1s; } .MainSlide .swiper-slide .slide_txtBox { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,0px); opacity: 0.0; } .MainSlide .swiper-slide-active .slide_txtBox { transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out; transform: translate(0,-20px); opacity: 1.0; animation-delay: 1s; } /* Section02 Breast Plan*/ section.section02 {max-width:1920px; margin: auto;} .section02 .title_box {max-width:600px; width: 100%;} .section02 .text_box {color:#fff; line-height: 50px; bottom:23px; left:40px;} .section02 .swiper.BreastPlan {width: 100%;} .section02 .slide_text {align-self: flex-end; padding: 0 20px;} .section02 .swiper-button-next {background:no-repeat url('/img/main/arrow.png'); width: 91px; position: absolute; top:0; bottom:0; margin:auto; right: 160px;} .section02 .swiper-button-next::after {display: none;} /* Section03 Professionality*/ .section03 {background: linear-gradient( #7c8071 68%, #fff 38% ); position: relative; padding: 200px 0;} .section03 .bg_img { overflow: hidden; position: absolute; top:0;} .Professionality {max-width: 1400px; width: 100%; margin: auto; padding-top: 70px;} .section03 .text-box { right: 0; bottom: 0; width:45%; height:170px; position: absolute; background-color:#fff; padding:2%;} .section03 .swiper-button-next, .section03 .swiper-button-prev { position: absolute; width:68px; height:68px; top:23%; bottom:0; margin: auto; background-color: #000;} .section03 .swiper-button-next::after, .section03 .swiper-button-prev::after {display: none;} .section03 .swiper-button-next {right:0;} .section03 .swiper-button-prev {left:0;} /* Section09 Real Story*/ section.section09 {max-width:1920px; margin: auto;} /* .section09 .swiper-slide {width: 687px; height: 518px;} */ .section09 .RealStory .swiper-scrollbar {opacity: 1 !important; border-radius: 0; height: 10px; left:0; width:88%;} .section09 .RealStory .swiper-scrollbar-drag {background:#7c8071; border-radius: 0;} .section09 .RealStory .swiper-pagination {opacity: 1 !important; border-radius: 0; height: 10px; left:0; width:88%;position:relative} .section09 .RealStory .swiper-pagination span {background:#7c8071; border-radius: 0;} .section09 .RealStory .on {background-color: rgba(0, 0, 0, 0.5);width: 100%; height: 100%; display: none;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;} .section09 .RealStory .more {font-size: 22px; color:#fff; font-family:'Playfair Display', serif; display: flex; justify-content: flex-end; align-items:center; position: absolute; right: 50px; } .section09 .RealStory .on-tit {font-size: 22px; color:#fff; font-weight: 500; position: absolute; left: 50px; bottom: 27%;} span.on-des-tit {display: inline-block; background-color: #000; color:#fff; border-radius: 30px; padding:5px 0; width:100px; text-align: center;} .on-des {position: absolute; left: 50px; bottom:11%;} .on-des li {margin-right: 20px;} .section09 .RealStory .swiper-slide-active .on {display: block;} .section09 .RealStory .swiper-slide a{display:block;} .section09 .RealStory .swiper-slide .img img{width:100%} /* Section04 Real Selfie*/ .section04 .realSelfie {width:auto; height:auto;} .section04 .realSelfie1 {width:672px; height:auto;} .section04 .imgBox_center {background-color:#d2c8be;} .section04 .imgBox_left .real-img {flex: 1 1 49%; margin-right: 5px;} .section04 .imgBox_left ul li:first-child {margin-bottom: 5px;} .section04 .imgBox_right .real-img {flex: 1 1 49%; margin-left: 5px;} .section04 .imgBox_right .real-img:nth-child(1) {margin-bottom: 5px;} .section04 .real-img a{display:block;} .section04 .real-img img {min-height:100%; overflow: hidden;} /* Section05 Plan B:Pick*/ .section05 .title_box {max-width:712px; width: 100%; position: relative;} .section05 .swiper.Breast {max-width: 948px; width: 100%;} .section05 .swiper-pagination {width: 62%; max-height:max-content; position: absolute; display: flex; padding: 2px 0; align-items: center; justify-content: center; top:8%; background-color:#7c8071; border-radius:32px; margin-top: 90px;} .section05 .swiper-pagination-bullet {width: 58px; height: 58px; text-align: center; font-size:36px; margin-right: 5% !important; color: #fff; opacity: 1; background-color: transparent; } .section05 .swiper-pagination-bullet-active {color: #000; background: #fff;} .section05 .non_slide {position: absolute;} .Breast_slide > div.on {opacity: 1;} .Breast_slide > div {opacity: 0;} .section05 .title_black {height: 40%;} /* Section10 Material*/ .section10 {background: no-repeat center url('/img/main/material_bg.png'); background-size: cover;} .section10 .swiper-slide {display: flex; justify-content: center;} .section10 .swiper-button-next::after, .section10 .swiper-button-prev::after {display: none;} .section10 .swiper-button-next, .section10 .swiper-button-prev { position: absolute; width:68px; height:68px;} .material_img {padding: 0 90px;} .material_text {width: 41%; padding: 0 30px;} /* section06 Event */ /* .section06 .Event .swiper-slide {width: 599px; height: 519px;} */ .section06 .Event .on {background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; display: none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:0 30px;z-index:10;} .section06 .Event .on-tit {text-align: center; color:#fff; font-size: 25px; font-weight: 500; } .section06 .Event span.inline {display: inline-block; border-bottom:3px solid #fff; width: 30px; position: absolute; top:23%; right:0; left:0; margin: auto; padding:10px;} .section06 .Event .swiper-slide-active .on {display: block;} .section06 .Event .swiper-slide a{display:block;} .section06 .Event .swiper-pagination {opacity: 1 !important; width: 1400px; margin: auto; top:auto; right: 0; left:0; position: absolute; bottom: 0px; height: 10px; border-radius: 0;} .section06 .Event .swiper-pagination span {background:#7c8071; border-radius: 0;} .section06 .Event .swiper-scrollbar {opacity: 1 !important; width: 1400px; margin: auto; top:auto; right: 0; left:0; position: absolute; bottom: 0px; height: 10px; border-radius: 0;} .section06 .Event .swiper-scrollbar-drag {background:#7c8071; border-radius: 0;} /* section11 Space */ .section11 {overflow: hidden;} .section11 .Space2 .swiper-slide {display: flex; justify-content: flex-end;} /*section12 consultation*/ .section12 {background-color:#d2c8be; height: 621px; overflow: hidden;} .section12 .text_area {display: flex; } .section12 .consultation_box {border-spacing:0; width: 80%; margin-left: auto; position: relative;} .section12 .consultation_box input, textarea {border: none; width: 100%;} .section12 .consultation_box input {height:40px; padding:0;} .section12 .consultation_box tr {height: 60px;} .section12 .consultation_box a {color:#111;} .consultation_box th, .consultation_box td {font-weight: 300; font-size: 17px;} .consultation_box td .agree_f {width: 100%;} .section12 textarea {width: 100%; padding:0;} .section12 input.btn {width: 36%; height: 52px; position:absolute; right:0; bottom:0; padding:0; background-color:#000; color:#fff; font-size:18px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;} /* .agree_f {position:relative;margin-top:15px;} */ .agree_f input[type="checkbox"] { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0; font-size: 14px;} .agree_f input[type="checkbox"] + label {display: inline-block;position: relative;cursor: pointer; margin-top: 5px;} .agree_f input[type="checkbox"] + label:before { content: ' ';display: inline-block;width: 18px; height: 18px; line-height: 21px; margin: -2px 8px 0 0;text-align: center; vertical-align: middle;background: #d2c8be;border: 1px solid #5e5858;border-radius : 0px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} .agree_f input[type="checkbox"] + label:active:before, .agree_f input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} /* .agree_f input[type="checkbox"]:checked + label:before { content: '\2714'; color: #99a1a7;text-shadow: 1px 1px #fff;background: #d2c8be;border-color: #000;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);} */ .agree_f.etrans input[type="checkbox"] + label {padding-left: 30px;} .agree_f.etrans input[type="checkbox"] + label:before {position: absolute;left: 0;top:3px;margin-top: 0;opacity: .6;box-shadow: none;border-color: #000;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;} .agree_f.etrans input[type="checkbox"]:checked + label:before {position: absolute;content: "";width: 10px;top: -5px;left: 5px;border-radius: 0;opacity:1; background: transparent;border-color:transparent #5e5858 #5e5858 transparent;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} .consultation_box td .agree_f {width: 100%;} /* Section07 map*/ .section07 {overflow: hidden;} .section07 #map {width: 50%; margin-top: -100px;} .section07 .info { width: 50%; box-sizing: border-box; background: no-repeat right bottom url('/img/main/bg_logo_green.png');padding:150px; box-sizing: border-box;} .section07 tr, .section07 th, .section07 td {padding:3px; font-size: 20px;} .section07 tr > th:first-child {text-align: left; } .section07 tr > th:last-child { width:48%;} .section07 .root_daum_roughmap .wrap_controllers {display: none;} .section07 .root_daum_roughmap .wrap_btn_zoom {display: none;} .root_daum_roughmap{height:100%;width:100%!important} .root_daum_roughmap .wrap_map{height: 100% !important;;} /* Section08 bottom*/ .section08 {background-color: #1a1a1a; height:auto; padding-bottom: 5%; overflow: hidden;} .section08 .left_box li {margin-right: 20px; font-weight:300; font-size: 18px;} .section08 .right_box {width: 50%; text-align: right;} .section08 .left_box {width: 50%; text-align: left;} .section08 .right_box ul {justify-content:flex-end;} .section08 .right_box li {margin-left: 40px; margin-top: 50px; opacity: .8;} .section08 .right_box li:hover {opacity:1;} /*quick*/ .quick{position:fixed;top: auto;bottom: 50px;right: 20px;z-index: 9998;box-shadow: none;font-size: 14px;} .quick .quick_list li{margin-bottom:10px;} .quick .list a{display:block;position:relative;top:0;left:0} .quick .list .img{width:52px;height:52px;display:flex;text-align:center;justify-content: center;background:#000;border-radius:50%; box-shadow: 2px 2px rgba(255, 255, 255, 0.2);} .quick .q02.list .img {background: #fee102;} .quick .q05.list .img {background: #ab5063;} .quick .q04.list .img {background: #009245;} .quick .q03.list .img {background: #7c8071;} .quick .q01.list .img {background: #65574c;} .quick .list .img img{align-self: center;height:20px;} .quick .list span{display:block;width: 150px;text-align: center;justify-self: center;align-self: center;padding: 8px 0;background: #fff;border-radius: 50px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;position: absolute;top: 50%;transform: translateY(-50%);left: -160px;transition: all .3s ease;color:#000} .click_btn {display: block;z-index: 9998;} .click_btn {display: none;position: fixed;bottom: 80px; right:16px;width:52px; height:52px;border-radius: 50%;background: #000;text-align: center;} .click_btn.active i {transform: rotate(45deg);} .click_btn i {font-size: 14px;color: #fff;line-height: 55px;display: block;} .q_bg.on {display: none;} .q_bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8);z-index: 9997;} .quick .top_box{font-family: 'Playfair Display', serif;} @media (min-width: 990px) { .quick .list:hover span{visibility: visible;opacity: 1;} } @media (max-width: 1500px) { .section {padding:200px 30px;} .container_right {padding-left: 30px;} } @media (max-width: 1400px) { .container_right {padding-left:30px;} .section01 .left_box {padding:0 30px; margin-left: 30px;} .section01 .right_box {margin-right:50px;} .section01 .point_box {padding: 100px 0;} .section01 .point_box .title_120 {font-size:80px; line-height: normal;} .section02 .title_box {max-width: 550px;} .section02 .swiper-button-next {right: 0;} .section02 .text_box {left: 20px;} .section05 .non_slide .mt-40 {margin-top: 20px;} .section05 .non_slide .mb-40 {margin-bottom: 20px;} .section05 .swiper-pagination {margin-top: 70px;} .section07 .info {padding: 80px; width: 60%; background-size: 80%;} .section06 .Event .swiper-pagination{width:90%;margin-right:auto;margin-left:auto} .section06 .Event .swiper-slide img{width:100%} } @media (max-width: 1200px) { body, html{font-size: 14px;} .hidden-md {display: none !important;} .header .nav-menu > ul.login {width: 18%;} #site_map {padding:50px; width:55%; right:-55%;} #site_map > ul .depth01 {font-size: 2rem;} #site_map .menu .depth02.dropdown-menu {width: 55% !important;} .MainSlide .slide-des, .MainSlide .slide-des_r {padding:15% 0 260px 3%;} .section02 .title_box {width: 100%; box-sizing: border-box;} .section02 .slide_text {width: 40%;} .section02 .swiper-button-next {right:10px; top:-170px;} .section05 .container_right {padding-bottom: 50px;} .section05 .title_box {width: 80%;} .section05 .title_black {height: 45%;} .section05 .swiper.BreastPlan { align-items: center;} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%} /* Section01 main-slide*/ .pagination_box {left: 10%;} } @media (max-width: 1024px) { .MainSlide .slide-des, .MainSlide .slide-des_r {width: 100vw; display: flex; flex-direction: column; justify-content: center;} .section01 .swiper-button-next {left: 40%;} .section01 .swiper-button-prev {left: 32%;} } @media (min-width:991px){ /*header*/ .header.sticky .logo{padding:25px 0;transition: all .5s ease;} .header.sticky .nav-menu .depth01{color:#000} .header.scroll .nav-menu .depth01{color:#000} .header.sticky .nav-menu .login a{color:#000} .header.scroll .nav-menu .login a{color:#000} .header.sticky .menu-btn{top:0;} .header .inner{width:90%;margin: auto;display: flex;} .dropdown-menu {display:block;position: absolute;width:100%!important;visibility: hidden;opacity: 0;transition: all .3s ease} .dropdown-menu.drOn{visibility: visible;opacity: 1;} .header .container{display: flex;flex-wrap: wrap; flex-direction: column; padding: 50px 50px;} .header .container .desc-top {display:flex; justify-content: space-between; align-items: center;} .header .container .desc-bottom {text-align:center; margin-top:20px;} .header .container #current_title {font-weight:500; font-size:23px;} #prev_title {background:no-repeat left url('/img/main/menu-desc_prev.png'); padding-left:50px;} #next_title {background:no-repeat right url('/img/main/menu-desc_next.png'); padding-right:50px;} .header .nav-menu > ul{height: 100%;} .header .nav-menu ul > .menu{width:20%;text-align:center;display:flex;} .header .nav-menu ul > .menu > a {align-self: center;width: 100%;padding-left: 15px;padding-right: 15px;} .header .nav-menu .depth01{color:#fff;transition: all .5s ease} .header .nav-menu .depth01 i{display: none;} .header .nav-menu .depth02{position: absolute;font-size: 0.9em;top:100%;left: 0;background: #949987;height:92px;display:block!important} .header .nav-menu .depth02 > li{position:relative;top:0;left:0;display:inline-block} .header .nav-menu .depth02 > li:first-child{margin-top:10px;} .header .nav-menu .depth02 > li > a {display: block; padding:15px 30px; position: relative;font-weight:300;text-align: left;text-align: left;color:#fff;} .depth02_tit{display: block;font-size:1.875rem; line-height:2.5rem;padding:25px 0;color:#fff;padding-right: 30px;margin-right: 30px;position: relative;top: 0;left: 0;display: inline-block;} .depth02_tit:after {display: block;content: "";clear: both;width: 1px;height: 30%;position: absolute;top: 51%;right: 0;transform: translateY(-50%);background: rgb(255 255 255 / 50%);} .header .login > a{display:none} .header .login li{width:40%;display: flex;text-align:center;font-size: 0.9rem;} .header .login li a{color:#fff;display: flex;align-self: center;} .header .login li a b{font-weight: 300;} .header .login{order:2;} .header .nav-menu-ul{order:1} .header .nav-menu{display:flex} } @media (max-width: 990px) { body, html{font-size: 12px;} .pb-200 {padding-bottom:100px;} .pt-200 {padding-top: 60px;} /* .pt-100 {padding-top: 50px;} */ .pt-70 {padding-top: 40px;} .mb-40 {margin-bottom: 25px;} .mb-50 {margin-bottom: 30px;} .mb-60 {margin-bottom: 35px;} .mb-70 {margin-bottom: 40px;} .mt-40 {margin-top: 25px;} .mt-60 {margin-top: 30px;} .mt-80 {margin-top: 50px;} .title_black {font-size: 60px;line-height: 70px;} .title_white {font-size: 60px;} .hidden-lg {display:none!important;} .visible-md{display: block!important;} section {padding:100px 0 !important;} .section_full_sm, .container_center {padding:0 30px;} .container_right {padding:0 30px;} /*header*/ .header.sticky .tel{color:#000} .dropdown-menu{height:auto;width:100%!important} .header {text-align:center} .header .nav-menu{flex-wrap:wrap;width: 100%;top: 0;width: 100%;overflow: scroll;position: fixed;left: -100%;bottom: 0;background: #fff;z-index: 9997;letter-spacing: 0px;transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;} .header .nav-menu.on{left:0;} .header .logo{margin:auto;padding:13px 0;width:auto;padding-left: 15px;display: inline-block; float: left;} /* .header .logo img{height:52px;} */ .header .tel {position: absolute;top: 50%;transform: translateY(-50%);right: 70px;width: auto;padding: 0;width: auto;font-size: 22px;color: #fff;} .header .menu-btn{top:30px;right:15px;position: absolute} .header .menu-btn.on span{background-color: #000;} .header .nav-menu > ul{width: 100%;} .header .nav-menu-ul{margin-top:50px;} .header .nav-menu ul > .menu{width:100%;text-align:left;} .header .nav-menu ul > .menu > a {display:block;width:100%;padding:15px 20px;font-size: 1.5em;color:#000;font-weight: 400;} .header .nav-menu .depth02{background: #7c8071;font-size: 0.8em;padding:10px 0} .header .nav-menu .depth02::after{display: block;content: "";clear: both} .header .nav-menu .depth02 > li{width: 50%;float: left;} .header .nav-menu .depth02 > li > a{display: block;padding: 13px 20px;font-size: 1.4em;color: #fff;} .header .nav-menu .menu .depth02 i{padding-right: 0;} .header .nav-menu > ul.login{width: 100%;padding-right: 30px;padding-left:15px ;justify-content: space-between;padding-top:5px;} .header .nav-menu > ul.login > a{padding-right: 30px;display: flex;} .header .nav-menu > ul.login > a img{align-self: center;} .header .login li {width:20%;position: relative;top: 0;left: 0;} .header .nav-menu .depth01 > i{display: block;} .header .login li a{display: block;padding: 20px 0;color: #000;font-size: 1.2em;} .header .login li a b{margin-top:3px;} .header .login li img{margin:auto} /* Section01 */ .MainSlide .main_tit, .MainSlide .main_tit_b { font-size: 50px; text-align: center;} .MainSlide .slide-des, .MainSlide .slide-des_r {padding:170px 120px; text-align: center; justify-content: flex-end; width: 100%; height: 80vh;} span.slide-line {width: 166px; left:10%;} .pagination_box {left: 80%; margin-left:-50%;} .section01 .swiper-button-prev { left:30%;} .section01 .swiper-button-next { left:34%;} /* Section02 */ .section02 .container_right.flex {flex-direction: column;} .section02 .swiper-button-next {right: 0;} /* Section03 */ .section03 {background: linear-gradient( #7c8071 74%, #fff 38% ); padding: 150px 0;} .section03 .Professionality {width: 100%;} .section03 .swiper-button-next, .section03 .swiper-button-prev {top:40%} .section03 .text-box {width: 80%; height: auto; box-sizing: border-box; } /* Section04 */ .section04 .logo_img {width:50%;} /* Section05 */ .section05 .container_right.flex {flex-direction: column;} .section05 .swiper.Breast {width:100%;} .section05 .title_box {height: 400px;} .section05 .swiper-pagination {margin-top: 60px; width: 80%;} .section05 .swiper-pagination-bullet {width: 50px; height: 50px;} .section05 .title_black {height: 40%;} /* Section07 map*/ .section07 .info {padding:60px; width: 50%; align-self: center;} .section07 #map {height: 600px;} .section07 tr, .section07 th, .section07 td {font-size: 14px;} span.lineX2 {width: 90%;} /* Section08*/ .section08 .left_box {padding-left: 30px;} .section08 .left_box ul {display: flex; flex-direction: column;} .section08 .left_box li {margin-right: 20px; font-size: 14px;} .section08 .right_box {margin-right: 30px; margin-top: 30px;} .section08 .right_box li {width: 26px; margin-left: 20px;} /* Section10 Material*/ .section10 .swiper-slide {align-items: center;} .section10 .half {width: 100%; text-align:center;} .section10 .material_text {padding:0 30px;} .section10 .material_img {padding:0 50px; width:40%;} /*section12 consultation*/ .section12 .consultation_box {width: 100%;} .section12 input.btn {font-size:16px; width:32%;} .section12 label {font-size: 15px;} /*quick*/ /*.q_bg.on {display: block;} .click_btn{display:block;} .quick {top: auto;bottom: 143px; right: 68px; z-index: 9997; box-shadow:none;} .quick li {position: absolute; top: 11px; right: -2px; z-index: -1; display: block; text-decoration: none; color: hsl(0, 0%, 100%);width: 52px; height: 52px; transition: transform .3s ease, background .2s ease;border-radius: 50%;} .quick.active li{transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);} .quick.active li{transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);} .quick .list .img {box-shadow:none;} quick.active li:nth-child(1){transform: translate3d(0em,-55px,0);} .quick.active li:nth-child(2){transform: translate3d(0em,-110px,0);} .quick.active li:nth-child(3){transform: translate3d(0em,-168px,0);} .quick.active li:nth-child(4){transform: translate3d(0em,-225px,0);} .quick.active li:nth-child(5){transform: translate3d(0em,-280px,0);} .quick.active li:nth-child(6){ transform: translate3d(0em,-335px,0);} .quick{font-size:12px;right:18px;} .quick .top_box {width: 50px; height: 50px; position: fixed; bottom: -120px; right: 0px; border-radius: 50%;} .quick.active .list span{visibility: visible;opacity: 1;} .quick.active .list.top_box span{display:none;}*/ } @media (max-width: 767px) { .visible-xs{display:block!important} .hidden-xs{display:none!important} .title_black {font-size: 40px; line-height:normal;} .title_white {font-size: 40px; line-height: normal;} .mb-20 {margin-bottom:10px;} .mb-30 {margin-bottom:16px;} .mb-40 {margin-bottom: 10px;} .mb-50 {margin-bottom: 25px;} .mb-60 {margin-bottom: 30px;} .mb-70 {margin-bottom: 40px;} .mb-80 {margin-bottom: 40px;} .mt-20 {margin-top:10px;} .mt-30 {margin-top:16px;} .mt-60 {margin-top: 20px;} .mt-70 {margin-top: 25px;} .mt-80 {margin-top: 30px;} .mt-100 {margin-top: 40px;} .pb-200 {padding-bottom:80px;} .quick .list .img{width: 42px; height: 42px;} span.lineX {width: 100%;} span.lineX4 {margin: 20px auto; width:100%;} /*header*/ /* .header .logo img{height:42px;} */ .header .menu-btn{top:25px;} /* Section01 */ .MainSlide .MainSlide_img01 {background:no-repeat center url('/img/main/main01_m.jpg'); background-size:cover;} .MainSlide .MainSlide_img02 {background:no-repeat center url('/img/main/main02_m.jpg'); background-size:cover;} .MainSlide .MainSlide_img03 {background:no-repeat center url('/img/main/main03_m.jpg'); background-size:cover;} .MainSlide .MainSlide_img04 {background:no-repeat center url('/img/main/main04_m.jpg'); background-size:cover;} .MainSlide .slide-des, .MainSlide .slide-des_r {height: 100vh;} .MainSlide .main_tit, .MainSlide .main_tit_b {font-size: 36px;} .MainSlide .slide-des, .MainSlide .slide-des_r {padding: 200px 0;} .pagination_box {left:70%; margin-left:-50%;} span.slide-line {width: 80px; left:20%;} .section01 .swiper-button-prev {left:42%;} .section01 .swiper-button-next {left:48%;} .pagination_box {bottom:80px;} /* Section02 */ section.section02 {padding:60px 0 !important;} .section02 .container_right.flex {flex-direction: column; padding:0 10px;} .section02 .title_box {margin-left: 0; padding:0 30px; text-align: center;} /* Section03 Professionality*/ .section03 .container_center {padding:0 30px;} .section03 .Professionality {width: 100%; padding-top: 50px;} .section03 .swiper-button-next, .section03 .swiper-button-prev {top:30%; width:40px; height: 40px;} .section03 .text-box {position: relative; margin: auto; width:100%;} /* Section09 Real Story*/ /* .section09 .swiper-slide {height:318px;} */ section.section09 { padding:60px 0 !important;} .section09 .RealStory .on-tit {bottom:43%; left:30px;} .section09 .RealStory .on-des {left: 30px;} span.on-des-tit {width: 80px;} .section09 .RealStory .on-tit {font-size: 20px;} .section09 .RealStory .more {right: 10px;} .section09 .RealStory .swiper-scrollbar {left:0;right: 0; width:100%; margin: 0 auto;} .on-des ul.flex {flex-direction: column;} .on-des li {margin-bottom:5px;} /* Section04 Real Selfie*/ .section04 .section_full.flex {flex-direction: column;} .section04 .realSelfie1 {width: 100%; padding:30px 0;} .section04 .real-img img {height: auto !important;} .section04 .imgBox_left .real-img {margin-right:0;} .section04 .left_column {margin-right: 5px;} .section04 .imgBox_right .real-img {margin-left: 0;} .section04 .left_column2 {/*width: 50%;*/ margin-right: 5px;} .section04 .logo_img {width:40%;} /* Section05 Plan B:Pick*/ .section.section05 {padding:60px 0 !important;} .section05 .Breast_slide {padding:0 10px; height: 170px;} .section05 .non_slide {text-align: justify; padding-right:30px;} .section05 .title_box {width:100%; display: flex; flex-direction: column; align-items: center; justify-content: center;} .section05 .title_box .point-font {text-align:center;} .section05 .swiper-pagination {margin:70px auto; width: 50%; height: 36px; padding:20px 0;} .section05 .swiper-pagination-bullet {width: 40px; height: 40px; font-size: 32px;} .section05 .title_black {height: 30%; text-align: center;} /* Section10 Material*/ .section10 {background: no-repeat 37% url('/img/main/material_bg.png');} .section10 .container_center {padding:0 10px;} .section10 .title_white {text-align: center;} .section10 .swiper-slide {flex-direction: column;} .section10 .material_img {padding:0 50px; width:60%; margin:0 auto; text-align:center;} .section10 .material_text {text-align:center; padding:0; letter-spacing: -1px; font-size: 13px; width:100%;} .section10 .material_img img {margin: 30px auto;} .section10 .swiper-button-next, .section10 .swiper-button-prev {display:none;} /* section06 Event */ .section06 .swiper {padding:0 30px 30px 30px;} /* .section06 .Event .swiper-slide {height: 349px;} */ .section06 .Event .on-tit {font-size: 22px;} /* section11 Space */ .section11 .container {padding:0 30px; box-sizing: border-box;} .section11 .container .flex {flex-direction: column;} .section11 .container .flex .half {width: 100%; margin-bottom: 20px;} /*section12 consultation*/ .section12 .flex {flex-direction: column;} .section12 .container {padding: 0 30px; box-sizing: border-box;} .section12 .half {width: 100%;} .section12 .consultation_box {width: 100%; position: relative;} .consultation_box th, .consultation_box td {font-size: 14px;} .consultation_box .pr-40 {padding-right: 0;} .section12 input.btn {width: 70%;} .section12 label {font-size: 13px;} .consultation_box td .agree_f {width: 100%; font-size: 13px;} .consultation_box td .agree_f.ml-70 {margin-left: 43px;} .section12 input.btn {position:absolute; right:0; width:28%; top:83%; font-size:13px;} .agree_f.etrans input[type="checkbox"] + label {width: 120%; margin-top:5px;} .agree_f.etrans input[type="checkbox"] + label:before {top:0;} .agree_f.etrans input[type="checkbox"] + label {padding-left: 25px;} /* Section07 map*/ .section07 .info th, .section07 .info td {font-size:16px; padding:3px 0;} .section07 #map {height: 390px; width: 100%; margin-top: 0;} .section07 .info {width: 100%; margin-top:0; padding:20px; background-size: 60%; box-sizing: border-box;} .section07 .info_text {width: 100%;} .section07 tr > th:last-child {width:55%;} /* Section08 info*/ .section08 .bottom_info.flex {flex-direction: column;} .section08 .right_box {width: 100%; text-align: center; box-sizing: border-box;} .section08 .left_box {width: 100%; text-align: center; box-sizing: border-box; padding:30px 0 0 0; margin: 0;} .section08 .left_box ul {flex-direction:initial; flex-wrap: wrap; width: 70%; align-items: center; justify-content: center; margin: 0 auto;} .section08 .right_box ul {flex-direction:initial; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; margin: 0 auto; padding: 0;} #hd_pop{width:100% !important;} .hd_pops{left: 15px !important;right: 15px;top:100px!important;} .hd_pops img {width:100% !important;} .hd_pops_con {width:100% !important;height:auto !important;} } @media (max-width: 460px) { body, html{font-size: 10px;} section {padding: 60px 0 !important;} .title_white, .title_black {font-size:36px;} span.lineX {width: 100%;} .container_right {padding: 0 10px;} .MainSlide .slide-des, .MainSlide .slide-des_r {padding: 200px 0 100px; letter-spacing: 0px; display: flex; flex-direction: column; justify-content: flex-end;} .MainSlide .main_tit, .MainSlide .main_tit_b {font-size: 28px;} .pagination_box {display:none;} .section02 .title_box {padding: 0 20px;} .section02 .swiper-slide.flex {flex-direction:column;} .section02 .slide_text {align-self: auto; width: 100%;} .section02 .swiper-button-next {display: none;} span.lineX {padding: 20px 0 0;} .section03 {background: linear-gradient( #7c8071 70%, #fff 38% );position: relative; padding: 50px 0;} .section03 .swiper-button-next, .section03 .swiper-button-prev {top:25%;width: 30px;height: 30px;} .section03 .Professionality { width: 100%; padding-top: 30px;} .section04 .imgBox_right {display: none !important;} .section.section05 {padding:0 0 60px !important;} .section05 .container_right {padding: 0;} .section05 .swiper-pagination {width: 70%; margin-top: 29%;} .section05 .Breast_slide {height: 110px;} .section05 .swiper-pagination-bullet {font-size: 26px;} .section05 .non_slide {padding-right: 0;} .section07 .section_full.flex {flex-direction: column-reverse;} }