@charset "utf-8";

#enlargementSurgery .top-intro { color: #fff; } 

/* section-2 */
#enlargementSurgery .section-2 { margin-top: 185px; } 
#enlargementSurgery .section-2 .img-and-comment-box-1 { margin-bottom: 148px; } 
#enlargementSurgery .section-2 .img-and-comment-box .left { float:left; opacity:0; transform:translateX(-100px); } 
#enlargementSurgery .section-2 .img-and-comment-box .right { float:right; text-align: right; opacity:0; transform:translateX(100px); } 
#enlargementSurgery .section-2 .img-and-comment-box .comment-title { font-size: 48px; line-height: 1.4; } 
#enlargementSurgery .section-2 .img-and-comment-box .comment-title strong { font-size: 55px; } 
#enlargementSurgery .section-2 .img-and-comment-box .comment-txt { margin-top: 50px; font-size: 20px; letter-spacing: -1.5px; } 
#enlargementSurgery .section-2 .img-and-comment-box.viewing .left,
#enlargementSurgery .section-2 .img-and-comment-box.viewing .right { opacity:1; transform:translateX(0px); transition: all 1s ease; } 

/* section-3*/
#enlargementSurgery .section-3 { margin-top: 196px; } 
#enlargementSurgery .section-3 .section-tit { text-align: center; line-height: 1; margin-bottom: 120px; } 
#enlargementSurgery .section-3 .section-tit .sml-txt { display: block; font-size: 22px; font-weight: 500; margin-bottom: 50px; } 
#enlargementSurgery .section-3 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; } 
#enlargementSurgery .section-3 .compare-box { position: relative; } 
#enlargementSurgery .section-3 .compare-box-1 { height: 330px; } 
#enlargementSurgery .section-3 .compare-box-2 { height: 194px; } 
#enlargementSurgery .section-3 .compare-box-3 { height: 101px; } 
#enlargementSurgery .section-3 .compare-box-4 { height: 101px; } 
#enlargementSurgery .section-3 .compare-box-5 { height: 101px; } 
#enlargementSurgery .section-3 .compare-box-6 { height: 101px; } 
#enlargementSurgery .section-3 .compare-box .left-dir { position: absolute; left: 0; height: 100%; } 
#enlargementSurgery .section-3 .compare-box .right-dir { position: absolute; right: 0; height: 100%; color: #900020; font-weight: bold; } 
#enlargementSurgery .section-3 .compare-box .center-dir { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 50px; color: #d0d0d0; font-weight: bold; } 
#enlargementSurgery .section-3 section.compare-box .left-dir { width: 488px; text-align: right; font-size: 24px; color: #666; padding-top: 32px; } 
#enlargementSurgery .section-3 section.compare-box .right-dir { width: 488px; padding-top: 32px; } 
#enlargementSurgery .section-3 .compare-box-2 section.left-dir { height: 100%; top: 0; padding-top: 69px; border-bottom: 1px solid #333; } 
#enlargementSurgery .section-3 .compare-box-2 section.left-dir .tit { font-size: 32px; font-weight: bold; line-height: 1; color: #333; } 
#enlargementSurgery .section-3 .compare-box-2 section.left-dir .tit span { font-size: 20px; display: block; margin-top: 20px; font-weight: 500; } 
#enlargementSurgery .section-3 .compare-box-2 section.right-dir { height: 100%; top: 0; top: 0; padding-top: 69px; border-bottom: 1px solid #900020; } 
#enlargementSurgery .section-3 .compare-box-2 section.right-dir .tit { font-size: 32px; font-weight: bold; line-height: 1; color: #900020; } 
#enlargementSurgery .section-3 .compare-box-2 section.right-dir .tit span { font-size: 20px; display: block; margin-top: 20px; font-weight: 500; } 
#enlargementSurgery .section-3 p.left-dir { border-bottom: 1px solid #eaeaea; font-size: 24px; color: #666; } 
#enlargementSurgery .section-3 p.right-dir { border-bottom: 1px solid #eaeaea; font-size: 24px; color: #900020; } 
#enlargementSurgery .section-3 .compare-box-6 p.left-dir { border-bottom: 1px solid #333; } 
#enlargementSurgery .section-3 .compare-box-6 p.right-dir { border-bottom: 1px solid #900020; } 
#enlargementSurgery .section-3 .notify-txts { margin-top: 70px; text-align: center; font-size: 20px; letter-spacing: -0.5px; } 

/* section-4*/
#enlargementSurgery .section-4 {padding-top: 196px;} 
#enlargementSurgery .section-4 .section-tit { text-align: center; margin-bottom: 100px; opacity: 0; transform: translateY(80px); } 
#enlargementSurgery .section-4 .section-tit .sml-txt { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#enlargementSurgery .section-4 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#enlargementSurgery .section-4 .recommend-lists { width: 1000px; margin: 0 auto; } 
#enlargementSurgery .section-4 .recommend-lists .lists { float: left; width: 19.2%; text-align: center; font-size: 20px; opacity: 0; transform: translateY(60px); } 
#enlargementSurgery .section-4 .recommend-lists .lists-1 { margin-left: 2%; } 
#enlargementSurgery .section-4 .recommend-lists .lists-5 { margin-right: 2%; } 
#enlargementSurgery .section-4 .recommend-lists .lists > img { margin: 0 auto 35px; } 
#enlargementSurgery .section-4 .recommend-lists .lists .recommend-txt { line-height: 1.5; } 
#enlargementSurgery .section-4 .recommend-lists .lists .recommend-txt strong { color: #900020; font-weight: normal; } 
#enlargementSurgery .section-4.viewing .section-tit { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#enlargementSurgery .section-4.viewing .recommend-lists .lists { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#enlargementSurgery .section-4.viewing .recommend-lists .lists-2 { transition-delay: 0.25s; } 
#enlargementSurgery .section-4.viewing .recommend-lists .lists-3 { transition-delay: 0.5s; } 
#enlargementSurgery .section-4.viewing .recommend-lists .lists-4 { transition-delay: 0.75s; } 
#enlargementSurgery .section-4.viewing .recommend-lists .lists-5 { transition-delay: 1s; } 

/* section-5 */
#enlargementSurgery .section-5 { margin: 196px 0; } 
#enlargementSurgery .section-5 .section-tit { text-align: center; margin-bottom: 95px; opacity: 0; transform: translateY(80px); } 
#enlargementSurgery .section-5 .section-tit .sml-txt-1 { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#enlargementSurgery .section-5 .section-tit .sml-txt-2 { font-size: 20px; } 
#enlargementSurgery .section-5 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#enlargementSurgery .section-5 .advantage-lists { background: url("/images/expansion_circle_boundary.png") no-repeat; width: 1074px; height: 340px; margin: 0 auto; position: relative; } 
#enlargementSurgery .section-5 .advantage-lists .lists { position: absolute; width: 300px; height: 300px; color: #fff; border-radius: 50%; top: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-align: center; opacity: 0; transform: translate(-40px, -50%); } 
#enlargementSurgery .section-5 .advantage-lists .lists-1 { background: #900020; left: 21px; z-index: 100; } 
#enlargementSurgery .section-5 .advantage-lists .lists-2 { background: #a71032; z-index: 200; left: 265px; } 
#enlargementSurgery .section-5 .advantage-lists .lists-3 { background: #db2c53; left: 509px; z-index: 300; } 
#enlargementSurgery .section-5 .advantage-lists .lists-4 { background: #e85d7c; left: 754px; z-index: 400; } 
#enlargementSurgery .section-5.viewing .section-tit { opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#enlargementSurgery .section-5.viewing .advantage-lists .lists { opacity: 1; transform: translate(0px, -50%); transition: all 1s ease; } 
#enlargementSurgery .section-5.viewing .advantage-lists .lists-2 { transition-delay: 0.3s; } 
#enlargementSurgery .section-5.viewing .advantage-lists .lists-3 { transition-delay: 0.6s; } 
#enlargementSurgery .section-5.viewing .advantage-lists .lists-4 { transition-delay: 0.9s; } 

/* section-6 */
#enlargementSurgery .section-6 .container-2 { padding: 195px 0; } 
#enlargementSurgery .section-6 .section-6-1 .section-tit { text-align: center; font-size: 48px; line-height: 1.2; margin-bottom: 120px; } 
#enlargementSurgery .section-6 .section-6-1 .move-box-wrapper { width: 1000px; height: 600px; margin: 0 auto; position: relative; overflow: hidden; } 
#enlargementSurgery .section-6 .section-6-1 .move-box-wrapper .move-txt { position: absolute; color: #fff; font-size: 42px; font-weight: bold; line-height: 1.2; left: 70px; bottom: 190px; } 
#enlargementSurgery .section-6 .section-6-1 .move-box-wrapper .move-imgs { background: url("/images/complex_surgery_03.jpg"); display: inline-block; width: 1257px; height: 820px; margin-top: -219px; margin-left: 0; transition: margin 1s linear; } 
#enlargementSurgery .section-6 .section-6-1 .bottom-comment { width: 1000px; margin: 70px auto 0; font-size: 19px; color: #bcbcbc; } 
#enlargementSurgery .section-6 .section-6-2 { margin: 108px auto 147px; width: 1000px; } 
#enlargementSurgery .section-6 .section-6-2 .material-list-1 { margin-bottom: 45px; } 
#enlargementSurgery .section-6 .section-6-2 .material-list > li { float: left; opacity:0; transform: translateY(80px); } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li { opacity:1; transform: translateY(0px); transition: all 1s ease; } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li.material-2 { transition-delay: 0.2s; } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li.material-3 { transition-delay: 0.4s; } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li.material-4 { transition-delay: 0.6s; } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li.material-5 { transition-delay: 0.8s; } 
#enlargementSurgery .section-6 .section-6-2.viewing .material-list > li.material-6 { transition-delay: 1s; } 
#enlargementSurgery .section-6 .section-6-2 .material-list > li.center { margin:0 11px; } 
#enlargementSurgery .section-6 .section-6-2 .material-list > li > p { line-height: 1; font-size: 17px; text-align: center; margin-top: 19px; text-transform:uppercase;} 
#enlargementSurgery .section-6 .section-6-3 { overflow: hidden; opacity: 0; transform: translateY(100px); } 
#enlargementSurgery .section-6 .section-6-3 > img { display: inline-block; padding-top: 16px; } 
#enlargementSurgery .section-6 .section-6-3 .right-section { display: inline-block; color: #fff; float: right; text-align: right; } 
#enlargementSurgery .section-6 .section-6-3 .right-section .sml { font-size: 22px; line-height: 1; margin: 17px 0 52px; } 
#enlargementSurgery .section-6 .section-6-3 .right-section .lrg { font-size: 48px; font-weight: bold; line-height: 1.3; margin-bottom: 80px; } 
#enlargementSurgery .section-6 .section-6-3 .right-section .comments { font-size: 20px; color: #bcbcbc; } 
#enlargementSurgery .section-6.viewing { background:#222; color: #fff; transition: all 1.4s ease; } 
#enlargementSurgery .section-6 .section-6-3.viewing { opacity: 1; transform: translateY(0px); transition: all 1.4s ease; } 

/* section-7 */
#enlargementSurgery .section-7 { margin-top: 196px; } 
#enlargementSurgery .section-7 .title { text-align: center; font-size: 48px; line-height: 1; } 
#enlargementSurgery .section-7 .title .eng { display: block; margin-bottom: 34px; } 
#enlargementSurgery .section-7 .title .kor { font-weight: bold; } 
#enlargementSurgery .section-7 .main-box { margin: 90px auto 0; width: 1200px; } 
#enlargementSurgery .section-7 .main-box > img { float: left; margin-top: 15px; } 
#enlargementSurgery .section-7 .main-box > .effect-lists { float: right; } 
#enlargementSurgery .section-7 .main-box > .effect-lists > li {  margin-bottom: 60px; } 
#enlargementSurgery .section-7 .main-box > .effect-lists > li .effect-tit { line-height: 1; font-size: 24px; font-weight: bold; letter-spacing: -1px; margin-bottom: 23px; } 
#enlargementSurgery .section-7 .main-box > .effect-lists > li .effect-con { font-size: 20px; letter-spacing: -1px; color: #666; line-height: 1.3; }