@charset "utf-8";

#weddingCheck .container-3 { width: 1410px; margin: 0 auto; } 
#weddingCheck .top-intro { color: #fff; } 

/* section-2*/
#weddingCheck .section-2 {margin-top: 210px;}
#weddingCheck .section-2 .container-2{display: flex;align-items: center;}
#weddingCheck .section-2 .left {margin-right: 65px;}
#weddingCheck .section-2 .right .t-line-1{font-size: 53px;line-height: 1.2;margin-bottom: 50px;}
#weddingCheck .section-2 .right span{color: #666;font-size: 20px;display: block;margin-bottom: 36px;}
#weddingCheck .section-2 .right .t-line-3{background: #900020;color: #fff;line-height: 1.8;padding: 0 3px;display: inline;}
#weddingCheck .section-2 .right .t-line-4{margin-bottom:0; margin-top:36px;}

/* section-3*/
#weddingCheck .section-3 { margin-top: 196px; text-align: center; padding: 120px 0;position: relative;} 
#weddingCheck .section-3 .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; margin-bottom: 55px; } 
#weddingCheck .section-3 .sml-txt { font-size: 22px; line-height: 1.3; margin-bottom: 63px; } 
#weddingCheck .section-3 .bottom-text{font-size: 22px; display: inline-block; background: #900020; width: 818px; text-align: center; padding: 20px 0;}
#weddingCheck .section-3 .box-lists-wrap { margin-top: 100px; width: 818px; margin: 0 auto;} 
#weddingCheck .section-3 .box-lists-wrap .box-list { float: left; opacity:0; width: 394px; height: 232px;} 
#weddingCheck .section-3 .box-lists-wrap .box-list .big {font-size: 30px; line-height: 1; font-weight:500; color:#fff; background: #900020; height:106px; position:relative;display: flex;align-items: center;justify-content: center;}
#weddingCheck .section-3 .box-lists-wrap .box-list .big:after {content:""; position:absolute; left:50%; transform:translateX(-50%); bottom: -23px; width: 0px;height: 0px;border-top: 23px solid #900020;border-left: 23px solid transparent;border-right: 23px solid transparent;border-bottom: 23px solid none;}

#weddingCheck .section-3 .box-lists-wrap .box-list .sml {font-size: 19px;letter-spacing: -1px; height:126px; background:#fff; color: #333;display: flex;align-items: center;justify-content: center;font-weight: 500;}
#weddingCheck .section-3 .box-lists-wrap .box-list.viewing {opacity:1;transform: translate(0px);transition: all 1s ease; } 
#weddingCheck .section-3 .box-lists-wrap .box-list-01,
#weddingCheck .section-3 .box-lists-wrap .box-list-03 { margin-right: 30px; margin-bottom: 28px;transform: translateX(-50px); } 
#weddingCheck .section-3 .box-lists-wrap .box-list-02,
#weddingCheck .section-3 .box-lists-wrap .box-list-04 { margin-bottom: 28px;transform: translateX(50px); } 
#weddingCheck .section-3 .box-lists-wrap .box-list-05 { transform: translateX(-50px); margin-right: 30px;} 
#weddingCheck .section-3 .box-lists-wrap .box-list-06 { transform: translateX(50px); }
#weddingCheck .section-3.viewing {color:#fff; transition: color 1s ease; }
#weddingCheck .section-3 .fade-box-wrapper {opacity:0; background: url("/images/wedding_check_con_03.jpg") no-repeat center top; background-size:cover; height:1080px; position: absolute;left: 0;top: 0;width: 100%;z-index: -1;}
#weddingCheck .section-3.viewing .fade-box-wrapper {opacity:1; transition: opacity 1s ease; }

/* section-4 */
#weddingCheck .section-4 { margin-top: 196px;} 
#weddingCheck .section-4 .container-3 { opacity:0; transform:translateY(50px); display:flex; flex-wrap: nowrap;align-items: center;} 
#weddingCheck .section-4 .section-tit { text-align: center; margin-bottom: 110px; opacity:0; transform:translateY(50px);} 
#weddingCheck .section-4 .section-tit .lrg-txt { display: block; font-size: 48px; font-weight: bold; line-height: 1; margin-bottom: 56px; } 
#weddingCheck .section-4 .section-tit .sml-txt { font-size: 20px; } 
#weddingCheck .section-4 .video-left-side { float: left; width: 518px; } 
#weddingCheck .section-4 .video-left-side .tit { font-size: 48px; font-weight: bold; line-height: 1.15; } 
#weddingCheck .section-4 .video-left-side .use-step-lists { margin-top: 50px; } 
#weddingCheck .section-4 .video-left-side .use-step-lists li { margin-top: 35px; } 
#weddingCheck .section-4 .video-left-side .use-step-lists li p.txt-1 { font-size: 23px; font-weight: bold; letter-spacing: -1px; line-height: 1; margin-bottom: 15px; } 
#weddingCheck .section-4 .video-left-side .use-step-lists li p.txt-2 { font-size: 19px; color: #666; letter-spacing: -0.5px; } 
#weddingCheck .section-4 .video-right-side {position: relative;width: calc(100% - 400px);max-width: 983px;padding-bottom: 44%;float: right;} 
#weddingCheck .section-4 .video-right-side > iframe { position: absolute; width: 100%; height: 100%; } 
#weddingCheck .section-4 .temp-imgs {float:right;}
#weddingCheck .section-4.viewing .section-tit { opacity:1; transform:translateY(0px); transition: all 1.5s ease;} 
#weddingCheck .section-4.viewing .container-3 { opacity:1; transform:translateY(0px); transition: all 1.5s ease .3s;} 

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