@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents section[id*='sec-']{padding:160px 0;}
sub.contents .detail{padding-top:120px;padding-bottom:120px;}
sub.contents .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents section[id*='sec-']{padding:100px 0;}
sub.contents .detail{padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:960px) {
.contents section[id*='sec-']{padding:80px 0;}
sub.contents .detail{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:767px) {
.contents section[id*='sec-']{padding:70px 0;}
sub.contents .detail{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:640px) {
.contents section[id*='sec-']{padding:60px 0;}
sub.contents .detail{padding-top:65px;padding-bottom:65px;}
}
@media screen and (max-width:560px) {
.contents section[id*='sec-']{padding:40px 0;}
sub.contents .detail{padding-top:50px;padding-bottom:50px;}
}

.contentsBg{background:#f1f1f1;}


.contents .c-bg{width:40%;max-width:779px;position:absolute;display:block;z-index:-1;}
@media screen and (max-width:640px){
.contents .c-bg{width:55%;}
}
@media screen and (max-width:480px){
.contents .c-bg{width:65%;}
}
@media screen and (max-width:360px){
.contents .c-bg{width:75%;}
}



/************************************************************************
* button *
************************************************************************/
.button{font-size:18px;color:#000;text-align:left;position:relative;}
.button i{width:6px;height:6px;margin-left:10px;margin-top:9px;display:inline-block;position:relative;transition:all 0.3s ease;}
.button i:after{content:"";width:5px;height:5px;border:solid rgba(0,0,0,0.8);border-width:1px 1px 0 0;position:absolute;top:calc(50% - 4px);right:0;display:block;transform:rotate(45deg);}
.button:hover i{margin-left:20px;transition:all 0.3s ease;}
.button b{font-family:'Pretendard-SemiBold';transition:all 0.3s ease;}

.button.type1{width:200px;margin:0 auto;padding:16px 0;color:#fff;text-align:center;font-family:'Pretendard-Light';background:#0072cd;border-radius:30px;}
.button.type1 a{color:#fff;transition:all 0.3s ease;}
.button.type1:hover a{letter-spacing:0.2em;transition:all 0.3s ease;}
.button.type1:hover b{letter-spacing:0.2em;transition:all 0.3s ease;}


@media screen and (max-width:960px){
.button{font-size:16px;}
.button i{width:15px;}

.button.type1{width:180px;padding:15px 0;}
}
@media screen and (max-width:640px){
.button{font-size:14px;}
.button i:after{content:"";width:4px;height:4px;top:calc(50% - 3px);}

.button.type1{width:160px;padding:14px 0;}
}
@media screen and (max-width:420px){
.button i{width:13px;margin-top:8px;}

.button.type1{width:140px;padding:13px 0;}
}


.btWrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.btWrap a.bt{padding:20px 60px;margin:0 10px;text-align:center;font-size:28px;line-height:120%;color:#fff;border-radius:50px;display:table;transition:all 0.3s ease;position:relative;}
.btWrap a.bt i{width:18px;height:3px;background:#fff;display:inline-block;position:absolute;top:calc(50% - 1px);right:50px;transition:all 0.3s ease;}
.btWrap a.bt i:after{content:"";width:14px;height:14px;border:solid #fff;border-width:3px 3px 0 0;position:absolute;top:calc(50% - 7px);right:0;display:block;transform:rotate(45deg);}

.btWrap a.bt:hover{padding:20px 100px; transition:all 0.3s ease;}

.btWrap a.bt.black{background:#000; ;font-family: 'Philosopher' !important;text-shadow: 3px 2px 10px rgba(255,255,231,0.55);}
.btWrap a.bt.black:hover{color: #e2d3ae;text-shadow: 3px 2px 20px rgba(255,255,231,0.25);  box-shadow: 0 0px 50px rgb(255 245 217 / 80%);}

.btWrap2 a.bt{padding: 20px 60px;color: #fff;  border-radius: 80px; background: linear-gradient(180deg, rgb(182, 121, 90) 45%, rgb(144, 85, 62) 100%); text-shadow: rgba(255, 255, 255, 0.50) 3px 2px 10px; box-shadow: rgba(255, 245, 217, 0.4) 0px 0px 20px;font-size: 28px !important; transition: 0.2s;}
.btWrap2 a.bt:hover{text-shadow: 3px 2px 20px rgba(255,255,255,0.85);  box-shadow: 0 0px 50px rgb(255 245 217 / 90%);}

.btWrap2 a.bt.blue{padding: 20px 60px;color: #fff;  border-radius: 80px; background: linear-gradient(180deg, rgb(19, 51, 154) 45%, rgb(61, 87, 171) 100%); text-shadow: rgba(255, 255, 255, 0.45) 3px 2px 10px; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px;font-size: 28px !important; transition: 0.2s;}
.btWrap2 a.bt.blue:hover{text-shadow: 3px 2px 20px rgba(255,255,255,0.9);  box-shadow: 0 0px 50px rgb(255 255 255 / 90%);}

.btWrap2 a.bt.vblue{padding: 20px 60px;color: #fff;  border-radius: 80px; background: linear-gradient(180deg, #2d12b3 45%, #6049d4 100%); text-shadow: rgba(255, 255, 255, 0.45) 3px 2px 10px; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px;font-size: 28px !important; transition: 0.2s;}
.btWrap2 a.bt.vblue:hover{text-shadow: 3px 2px 20px rgba(255,255,255,0.9);  box-shadow: 0 0px 50px rgb(255 255 255 / 90%);}


.btWrap2 a.bt.pink{padding: 20px 60px;color: #fff;  border-radius: 80px; background: linear-gradient(180deg, rgb(222, 115, 89) 45%, rgb(188, 69, 66) 100%);text-shadow: rgba(255, 255, 255, 0.45) 3px 2px 10px; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px;font-size: 28px !important; transition: 0.2s;}
.btWrap2 a.bt.pink:hover{text-shadow: 3px 2px 20px rgba(255,255,255,0.9);  box-shadow: 0 0px 50px rgb(255 255 255 / 90%);}

    @media screen and (max-width:1280px){
    .btWrap a.bt{padding:20px 50px; font-size:30px;}
    .btWrap a.bt:hover{padding:20px 80px;}
        
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 18px 55px;font-size: 25px !important;}
    }
    @media screen and (max-width:1100px){
    .btWrap a.bt{font-size:26px;}
    }
    @media screen and (max-width:960px){
    .btWrap a.bt{padding:20px 50px; font-size:30px;}
    .btWrap a.bt:hover{padding:20px 80px;}
        
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 16px 50px;font-size: 24px !important;}
    }
    @media screen and (max-width:767px){
    .btWrap a.bt{padding:17px 45px; font-size:27px;}
    .btWrap a.bt:hover{padding:17px 70px;}
        
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 16px 45px;font-size: 22px !important;}
    }
    @media screen and (max-width:640px){
    .btWrap a.bt{padding:16px 40px; font-size:25px;}
    .btWrap a.bt:hover{padding:16px 60px;}
        
    .btWrap a.bt.black{margin-top: 20px !important;}
        
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 15px 40px;font-size: 20px !important;}
    }
    @media screen and (max-width:540px){
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 15px 40px;font-size: 18px !important;}
    }
    @media screen and (max-width:460px){
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 13px 40px;font-size: 17px !important;}
    }
    @media screen and (max-width:360px){
    .btWrap a.bt{padding:14px 35px; font-size:22px;}
    .btWrap a.bt:hover{padding:14px 55px;}
        
    .btWrap2 a.bt, .btWrap2 a.bt.blue, .btWrap2 a.bt.pink{padding: 12px 38px;font-size: 16px !important;}
    }






/************************************************************************
* MAIN_CONTENTS *
************************************************************************/


/***** ===== sec-1 제주도 왕복 항공권. ===== *****/
main .sec-1{padding:50px 0 !important; background:url(/img/sec01_bg.jpg) no-repeat top left 0; background-size: cover; margin-top: -2px; position: relative;transition:all 0.3s ease;}
/*main .sec-1:after{width: 850px;height:631px;background:url(/img/01sec_ob.png) no-repeat center right; position:absolute;top:0;right:0px;display:block;content:"";transition:all 0.3s ease;}*/

main .sec-1 .airline{width: fit-content;  margin: 0 auto; z-index: 99;}
main .sec-1 .airline img{margin-right: 20px;}

main .sec-1 .airline h4{text-align: center;transition:all 0.3s ease;}
main .sec-1 .airline h4 b{display: inline-block; font-family:'Pretendard-Bold' !important; transition:all 0.3s ease;}


    @media screen and (max-width:1500px){
        main .sec-1{background:url(/img/sec01_bg.jpg) no-repeat top left -200px;background-size: cover;}
    }
    @media screen and (max-width:960px){
        main .sec-1{background:url(/img/sec01_bg.jpg) no-repeat top right -300px;background-size: cover;}
        main .sec-1 .airline .w50{width: 40% !important;}
    }
    @media screen and (max-width:860px){
        main .sec-1 .airline .w50{width: 45% !important;}
    }
    @media screen and (max-width:767px){
        main .sec-1{padding:40px 0 !important;}
        main .sec-1 .btWrap2 a.bt.blue{padding: 15px 50px;font-size: 24px !important;}
    }
    @media screen and (max-width:720px){
        main .sec-1 .airline .w50{width: 50% !important;}
    }
    @media screen and (max-width:640px){
        main .sec-1 .btWrap2 a.bt.blue{padding: 14px 40px;font-size: 20px !important;}
    }
    @media screen and (max-width:560px){
        main .sec-1{background:url(/img/sec01_bg.jpg) no-repeat top right -550px;background-size: cover;}
        
        main .sec-1 .airline{width: 100%;}
        main .sec-1 .airline img.w45{width: 70% !important; display: block; margin: 0 auto; padding-left: 50px;}
        main .sec-1 .airline .w50{width: 100% !important; text-align: center;display: block; margin-top: 20px;}
    }
    @media screen and (max-width:460px){
        main .sec-1{background:url(/img/sec01_bg.jpg) no-repeat top right -550px;background-size: cover;}
        
        main .sec-1 .airline{width: 100%;}
        main .sec-1 .airline img.w45{width: 75% !important;padding-left: 0px;}
        main .sec-1 .airline span{width: 100%; text-align: center;display: block; margin-top: 20px;}
    }
    @media screen and (max-width:360px){
        main .sec-1 .airline{width: 90% !important; margin: 0 auto;}        
        main .sec-1 .airline img.w45{width: 80% !important;}        
        main .sec-1 .btWrap2 a.bt.blue{padding: 14px 36px;font-size: 18px !important;}
    }




/***** ===== sec-2 웨딩베뉴 할인예약. ===== *****/
main .sec-2{padding:160px 0 !important; background:url(/img/sec02_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}
main .sec-2:before{width: 700px;height:1325px;background:url(/img/sec02_ob1.png) no-repeat center left; position:absolute;top:0;left:0px;display:block;content:"";z-index: -1;transition:all 0.3s ease;}
main .sec-2:after{width: 700px;height:1325px;background:url(/img/sec02_ob2.png) no-repeat center right; position:absolute;top:0;right:0px;display:block;content:"";z-index: -1;transition:all 0.3s ease;}

main .sec-2 h4{color: #bf2d10;}
main .sec-2 img{position: relative;}

main .sec-2 .imgBox{width: 100%; display: flex; align-items: center; margin: 0 10px; position: relative; z-index: 10;}
/*main .sec-2 .imgBox:after{width: 943px;height:492px;background:url(/img/02sec_ribon.png) no-repeat center right; position:absolute;top:0;left:0px;display:block;content:"";z-index: -1; }*/
main .sec-2 .imgBox span{width:calc(95%/3.2); margin: 0 20px;}

main .sec-2 .btWrap2 a.bt.pink{position: relative; z-index: 10;}


    @media screen and (max-width:1600px){
        main .sec-2{padding:150px 0 !important;}
        
        main .sec-2 .s2-img1{width: 280px; height: auto;}
        main .sec-2 .s2-img2{width: 700px; height: auto;}
    }
    @media screen and (max-width:1500px){
        main .sec-2{padding:140px 0 !important;}
        
        main .sec-2:before{width: 620px;height:1174px;}
        main .sec-2:after{width: 620px;height:1174px;}
        
        main .sec-2 .s2-img1{width: 280px; height: auto;}
        main .sec-2 .s2-img2{width: 700px; height: auto;}
        
        main .sec-2 .btWrap2{margin-top: 120px !important;}
    }
    @media screen and (max-width:1280px){
        main .sec-2:before{width: 550px;height:1041px;}
        main .sec-2:after{width: 550px;height:1041px;}
        
        main .sec-2 .imgBox span{width:calc(95%/3.05); margin: 0 10px;}
        
        main .sec-2 .s2-img1{width: 250px;}
        main .sec-2 .s2-img2{width: 650px;margin-top: 30px !important;}
    }
    @media screen and (max-width:1100px){
        main .sec-2{background:url(/img/sec02_bg.jpg) no-repeat center bottom; background-size: cover;}
        main .sec-2:before{width: 530px;height:1003px; margin-left: -50px;}
        main .sec-2:after{width: 530px;height:1003px; margin-right: -50px;}
    }
    @media screen and (max-width:960px){
        main .sec-2{background:url(/img/sec02_bg.jpg) no-repeat center bottom; background-size: cover;}
        main .sec-2:before{width: 520px;height:984px; margin-left: -150px;}
        main .sec-2:after{width: 520px;height:984px; margin-right: -150px;}
        
        main .sec-2 .imgBox span{width:calc(100%/3.05); margin: 0 5px;}
        
        main .sec-2 .s2-img1{width: 230px;}
        main .sec-2 .s2-img2{width: 600px;margin-top: 30px !important;}
    }
    @media screen and (max-width:767px){
        main .sec-2{padding:140px 0 !important;}
        main .sec-2:before{width: 500px;height:946px; margin-left: -200px;}
        main .sec-2:after{width: 500px;height:946px; margin-right: -200px;}
        
        main .sec-2 .s2-img1{width: 220px;}
        main .sec-2 .s2-img2{width: 500px;}
    }
    @media screen and (max-width:640px){
        main .sec-2:before{width: 700px;height:1325px; margin-left: -250px;}
        main .sec-2:after{width: 700px;height:1325px; margin-right: -250px;}
        
        main .sec-2 .s2-img1{width: 200px;}
        main .sec-2 .s2-img2{width: 450px;}
        
        main .sec-2 .imgBox {width:70%; margin: 0 auto;display: block; }
        main .sec-2 .imgBox span{width:calc(100%/1) !important; margin: 0; margin-bottom: 20px;}
        
        main .sec-2 .btWrap2{margin-top: 80px !important;}
    }
    @media screen and (max-width:460px){
        main .sec-2{padding:120px 0 !important;}
        main .sec-2:before{width: 620px;height:1174px;}
        main .sec-2:after{width: 620px;height:1174px;}
        
        main .sec-2 .s2-img1{width: 160px;}
        main .sec-2 .s2-img2{width: 360px;}
        
        main .sec-2 .imgBox {width:80%;}
        
        main .sec-2 .btWrap2{margin-top: 80px !important;}
    }
    @media screen and (max-width:360px){
        main .sec-2:before{width: 520px;height:984px;}
        main .sec-2:after{width: 520px;height:984px;}
        
        main .sec-2 .s2-img1{width: 120px;}
        main .sec-2 .s2-img2{width: 300px;}
        
        main .sec-2 .imgBox {width:85%;}
    }







/***** ===== sec-3 Hotel wedding ===== *****/
main .sec-3{padding:160px 0 !important; background:url(/img/sec03_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}
main .sec-3 .s3-ttl{display: block;transition:all 0.3s ease;}
main .sec-3 h4{color: #826a5c;}

main .sec-3 .imgBox{width: 70%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-3 .imgBox div{width:calc(100%/2.1 - 10px); margin-bottom: 40px; text-align: center; transition:all 0.3s ease;}
main .sec-3 .imgBox img{width:100%; box-shadow: 0 2px 30px 10px rgba(255, 251, 232, 0.25);overflow: hidden;transition:all 0.3s ease;}
main .sec-3 .imgBox font{text-align:center; padding:20px 0;color: #ceab77; font-weight: 300; display: inline-block;transition:all 0.3s ease;}


.imgBox i.Lleap{width:34px;height: 55px; background:url(/img/sec03_Lleap.png) no-repeat center center;background-size: cover; display: inline-block; margin-right: 20px; margin-top: -20px;transition:all 0.3s ease;}
.imgBox i.Rleap{width:34px;height: 55px; background:url(/img/sec03_Rleap.png) no-repeat center center;background-size: cover; display: inline-block; margin-left: 20px; margin-top: -20px;transition:all 0.3s ease;}

.i-coupon{width:60%;display: block; margin: 0 auto;transition:all 0.3s ease;}


    @media screen and (max-width:1400px){
        main .sec-3 .s3-ttl{width: 60%;}
        main .sec-3 .imgBox{width: 80%; margin-top: 70px !important;}
        .i-coupon{width:70%;}
    }
    @media screen and (max-width:1280px){
        main .sec-3 .imgBox i.Lleap{width:30px;height: 48px; margin-top: -10px;}
        main .sec-3 .imgBox i.Rleap{width:30px;height: 48px; margin-top: -10px;}
        
        .i-coupon{width:80%;}
    }
    @media screen and (max-width:960px){
        main .sec-3 .s3-ttl{width: 80%;}
        
        main .sec-3 .imgBox div{width:calc(100%/2.1 - 5px); margin-bottom: 20px;}
        main .sec-3 .imgBox font{padding:14px 0 16px 0;}
        
        .i-coupon{width:90%;}
    }
    @media screen and (max-width:767px){
        main .sec-3 .s3-ttl{width: 90%;}
        
        main .sec-3 .imgBox div{width:calc(100%/2.1 - 5px); margin-bottom: 20px;}
        main .sec-3 .imgBox font{padding:10px 0 16px 0;}
        
        i.Lleap{width:25px;height: 40px; margin-top: -15px; margin-right: 10px;}
        i.Rleap{width:25px;height: 40px; margin-top: -15px; margin-left: 10px;}
        
        main .sec-3 .i-coupon{width:90%;}
    }
    @media screen and (max-width:560px){
        main .sec-3{padding:140px 0 !important;}
        main .sec-3 .s3-ttl{width: 90%;}
        
        main .sec-3 .imgBox {width:70%; margin: 0 auto;}
        main .sec-3 .imgBox div{width:calc(100%/1 - 0px); margin-bottom: 20px;}
        main .sec-3 .imgBox font{font-size: 24px !important; padding:16px 0;}
        
        i.Lleap{width:30px;height: 48px; margin-top: -10px;}
        i.Rleap{width:30px;height: 48px; margin-top: -10px;}
        
        .i-coupon{width:95%;}
    }
    @media screen and (max-width:460px){
        main .sec-3 .s3-ttl{width: 95%;}
        
        main .sec-3 .imgBox {width:80%; }
        main .sec-3 .imgBox font{font-size: 20px !important; padding:10px 0 16px 0;}
        
        i.Lleap{width:25px;height: 40px; margin-top: -15px;}
        i.Rleap{width:25px;height: 40px; margin-top: -15px;}
    }
    @media screen and (max-width:360px){
        main .sec-3{padding:120px 0 !important;}
        main .sec-3 .s3-ttl{width: 96%;}
        main .sec-3 .imgBox font{font-size: 18px !important;}
    }





/***** ===== sec-4 House wedding ===== *****/
main .sec-4{padding:160px 0 !important; background:url(/img/sec04_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}
main .sec-4 .s4-ttl{display: block;transition:all 0.3s ease;}
main .sec-4 h4{color: #a38e62; margin-top: -20px;}

main .sec-4 .imgBox{width: 80%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-4 .imgBox div{width:calc(100%/2.22 - 15px); margin: 0 40px; margin-bottom: 40px; text-align: center; overflow: hidden;transition:all 0.3s ease;}
main .sec-4 .imgBox img{width:100%; box-shadow: 0 2px 30px 10px rgba(255, 251, 232, 0.25);transition:all 0.3s ease;}
main .sec-4 .imgBox font{text-align:center; padding:20px 0;color: #ceab77; font-weight: 300; display: inline-block;transition:all 0.3s ease;}


    @media screen and (max-width:1760px){
        main .sec-4 .imgBox div{margin: 0 30px;}
    }
    @media screen and (max-width:1600px){
        main .sec-4 .s4-img1{width: 280px; height: auto;}
    }
    @media screen and (max-width:1400px){
        main .sec-4 .s4-img1{width: 250px;}
        main .sec-4 .s4-ttl{width: 60%;}
        main .sec-4 .imgBox{width: 90%; margin-top: 70px !important;}
    }
    @media screen and (max-width:1280px){
        main .sec-4 .imgBox i.Lleap{width:30px;height: 48px; margin-top: -10px;}
        main .sec-4 .imgBox i.Rleap{width:30px;height: 48px; margin-top: -10px;}
        
    }
    @media screen and (max-width:1100px){
        main .sec-4 .imgBox{width: 95%;}
        main .sec-4 .imgBox div{width:calc(100%/2.15 - 10px); margin: 0 20px;}
        
    }
    @media screen and (max-width:960px){
        main .sec-4 .s4-img1{width: 230px;}
        main .sec-4 .s4-ttl{width: 80%;}
        
        main .sec-4 .imgBox div{width:calc(100%/2.2 - 5px); margin: 0 15px; margin-bottom: 20px;}
        main .sec-4 .imgBox font{padding:14px 0 16px 0;}
    }
    @media screen and (max-width:767px){
        main .sec-4 .s4-img1{width: 220px;}
        main .sec-4 .s4-ttl{width: 90%;}
        
        main .sec-4 .imgBox div{width:calc(100%/2.25 - 3px); margin-bottom: 20px;}
        main .sec-4 .imgBox font{padding:10px 0 16px 0;}
    }
    @media screen and (max-width:640px){
        main .sec-4 .s4-img1{width: 200px;}
    }
    @media screen and (max-width:560px){
        main .sec-4{padding:140px 0 !important;}
        main .sec-4 .s4-ttl{width: 90%;}
        
        main .sec-4 .imgBox {width:85%; margin: 0 auto;}
        main .sec-4 .imgBox div{width:calc(100%/1 - 0px); margin-bottom: 20px;}
        main .sec-4 .imgBox font{font-size: 24px !important; padding:16px 0;}
    }
    @media screen and (max-width:460px){
        main .sec-2 .s2-img1{width: 160px;}
        main .sec-4 .s4-ttl{width: 95%;}
        
        main .sec-4 .imgBox font{font-size: 20px !important; padding:10px 0 16px 0;}
    }
    @media screen and (max-width:360px){
        main .sec-4{padding:120px 0 !important;}
        
        main .sec-4 .s4-img1{width: 120px;}
        main .sec-4 .s4-ttl{width: 96%;}
        
        main .sec-4 .imgBox font{font-size: 18px !important; padding:14px 0;}
    }






/***** ===== sec-5 Wedding Hall ===== *****/
main .sec-5{padding:160px 0 !important; background:url(/img/sec05_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}
main .sec-5 .s5-ttl{display: block;transition:all 0.3s ease;}
main .sec-5 h4{color: #6242eb; margin-top: 0px;}

main .sec-5 .imgBox{width: 75%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-5 .imgBox div{width:calc(100%/2.1 - 10px); margin: 0 10px; margin-bottom: 60px; text-align: center; border-radius: 30px; overflow: hidden; position: relative; transition:all 0.3s ease;}
main .sec-5 .imgBox div img{width:100%;height: 420px; transform:scale(1.0);transition:all 0.4s ease;}
main .sec-5 .imgBox div:hover img{width:100%;transform:scale(1.1);transition:all 0.4s ease;}
main .sec-5 .imgBox font{width: 100%; background: rgba(0,0,0,.7); text-align:center; padding:18px 0 16px 0;color: #fff; font-weight: 300; bottom:0 ; position: absolute; transition:all 0.3s ease;}


    @media screen and (max-width:1600px){
        main .sec-5 .s5-img1{width: 280px; height: auto;}
        
        main .sec-5 .imgBox img{height: 380px !important;}
    }
    @media screen and (max-width:1400px){
        main .sec-5 .s5-img1{width: 250px;}
        main .sec-5 .s5-ttl{width: 60%;}
        
        main .sec-5 .imgBox{width: 80%;}
        main .sec-5 .imgBox img{height: 350px !important;}
    }
    @media screen and (max-width:1280px){    
        main .sec-5 .imgBox{width: 85%;}
        main .sec-5 .imgBox div{margin-bottom: 40px;}
        main .sec-5 .imgBox img{height: 320px !important;}    
    }
    @media screen and (max-width:1100px){
        main .sec-5 .imgBox{width: 90%;}
        main .sec-5 .imgBox div{width:calc(100%/2.1 - 10px); margin: 0 10px; margin-bottom: 30px;border-radius: 25px;}
        main .sec-5 .imgBox img{height: 280px !important;}  
        main .sec-5 .imgBox font{padding:18px 0 16px 0; font-size: 24px;}
    }
    @media screen and (max-width:960px){
        main .sec-5 .s5-img1{width: 230px !important;}
        main .sec-5 .s5-ttl{width: 80%;}
        
        main .sec-5 .imgBox div{width:calc(100%/2.1 - 5px);  margin-bottom: 25px;border-radius: 20px;}
        main .sec-5 .imgBox img{height: 250px !important;}  
        main .sec-5 .imgBox font{font-size: 22px;}
    }
    @media screen and (max-width:767px){
        main .sec-5 .s5-img1{width: 220px !important;}
        main .sec-5 .s5-ttl{width: 90%;}
        
        main .sec-5 .imgBox div{width:calc(100%/2.1 - 5px); margin: 0 5px; margin-bottom: 20px;}
        main .sec-5 .imgBox img{height: 200px !important;} 
        main .sec-5 .imgBox font{padding:15px 0 11px 0; font-size: 22px;}
    }
    @media screen and (max-width:640px){
        main .sec-5 .s5-img1{width: 200px;}
        
        main .sec-5 .imgBox div{width:calc(100%/2.1 - 1px); margin: 0 5px; margin-bottom: 15px;border-radius: 15px}
        main .sec-5 .imgBox img{height: 170px !important;}  
        main .sec-5 .imgBox font{padding:15px 0 11px 0; font-family:'Pretendard-Regular' !important;}
    }
    @media screen and (max-width:560px){
        main .sec-5{padding:140px 0 !important;}
        main .sec-5 .s5-ttl{width: 90%;}
        
        main .sec-5 .imgBox{width: 80%;}
        main .sec-5 .imgBox div{width:calc(100%/1 - 20px); margin: 0 10px; margin-bottom: 20px;}
        main .sec-5 .imgBox img{height: 240px !important;}  
        main .sec-5 .imgBox font{font-size: 20px;}
    }
    @media screen and (max-width:460px){
        main .sec-5 .s5-img1{width: 160px;}
        main .sec-5 .s5-ttl{width: 95%;}
        
        main .sec-5 .imgBox{width: 85%;}
        main .sec-5 .imgBox img{height: 210px !important;}  
        main .sec-5 .imgBox font{font-size: 20px;}
    }
    @media screen and (max-width:360px){
        main .sec-5{padding:120px 0 !important;}
        
        main .sec-5 .s5-img1{width: 120px;}
        main .sec-5 .s5-ttl{width: 96%;}
        
        main .sec-5 .imgBox{width: 90%;}
        main .sec-5 .imgBox div{margin-bottom: 15px;}
        main .sec-5 .imgBox img{height: 180px !important;}  
        main .sec-5 .imgBox font{padding:13px 0 11px 0; font-size: 18px;}
    }
    @media screen and (max-width:320px){          
        main .sec-5 .imgBox img{height: 150px !important;}    
        main .sec-5 .imgBox font{font-size: 18px;}
    }







/***** ===== sec-6 최신 웨딩 스튜디오 비마이스튜디오 ===== *****/
main .sec-6{padding:180px 0 !important; background:url(/img/sec06_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}

main .sec-6 h2{font-size: 70px !important;color: #513e1f;}
main .sec-6 h4{}
main .sec-6 .i_Bemy{width: 280px; height: auto; display: block; margin: 0 auto;transition:all 0.3s ease;}

main .sec-6 .imgBox{width: 80%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-6 .imgBox div{width:calc(100%/5.1 - 10px); margin-bottom: 50px; text-align: center;overflow: hidden; transition:all 0.3s ease;}
main .sec-6 .imgBox div img{width:100%;transform:scale(1.0);transition:all 0.4s ease;}
main .sec-6 .imgBox div:hover img{width:100%;transform:scale(1.1);transition:all 0.4s ease;}


    @media screen and (max-width:1400px){
        main .sec-6 h2{font-size: 60px !important;}
        main .sec-6 h4{font-size: 40px !important;}
        main .sec-6 .i_Bemy{width: 250px;}
        
        main .sec-6 .imgBox{width: 90%;}
    }
    @media screen and (max-width:1100px){
        main .sec-6{padding:160px 0 !important;}
        
        main .sec-6 h2{font-size: 55px !important;}
        main .sec-6 h4{font-size: 35px !important;}
        main .sec-6 .i_Bemy{width: 220px;}
        
        main .sec-6 .imgBox{width: 95%;}
    }
    @media screen and (max-width:960px){
        main .sec-6{padding:140px 0 !important;}
        
        main .sec-6 h2{font-size: 50px !important;}
        main .sec-6 h4{font-size: 30px !important;}
        main .sec-6 .i_Bemy{width: 200px;}
        
        main .sec-6 .imgBox{margin-top: 70px;}
        main .sec-6 .imgBox div{width:calc(100%/5.1 - 5px); margin-bottom: 10px;}
    }
    @media screen and (max-width:767px){
        main .sec-6{padding:120px 0 !important;}
        
        main .sec-6 .imgBox{width: 90%; margin-top: 50px; justify-content: center;}
        main .sec-6 .imgBox div{width:calc(100%/4.1 - 10px); margin: 0 5px; margin-bottom: 10px;}
    }
    @media screen and (max-width:640px){
        main .sec-6 h2{font-size: 45px !important; letter-spacing: -0.04em;}
        main .sec-6 h4{font-size: 28px !important;}
        main .sec-6 .i_Bemy{width: 180px;}
        
        main .sec-6 .imgBox{width: 95%;}
    }
    @media screen and (max-width:540px){
        main .sec-6 h2{font-size: 40px !important;}
        main .sec-6 h4{font-size: 24px !important; margin-top: 30px;}
        main .sec-6 .i_Bemy{width: 180px; margin-top: 40px;}
        
        main .sec-6 .imgBox div{width:calc(100%/3.1 - 10px); margin: 0 5px; margin-bottom: 10px;}
    }
    @media screen and (max-width:460px){
        main .sec-6 h2{font-size: 36px !important;}
        main .sec-6 h4{font-size: 24px !important; margin-top: 30px;}
        main .sec-6 .i_Bemy{width: 160px; margin-top: 40px;}
        
        main .sec-6 .imgBox div{width:calc(100%/3.1 - 6px); margin: 0 3px; margin-bottom: 6px;}
    }
    @media screen and (max-width:360px){
        main .sec-6 h2{font-size: 32px !important;}
        main .sec-6 h4{font-size: 22px !important; margin-top: 30px;}
        
        main .sec-6 .imgBox div{width:calc(100%/2.1 - 10px); margin: 0 5px; margin-bottom: 10px;}
    }






/***** ===== sec-7 웨딩드레스 할인예약 ===== *****/
main .sec-7{padding:180px 0 !important; background:url(/img/sec07_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}

main .sec-7 h2{font-size: 70px !important;color: #835290;transition:all 0.3s ease;}
main .sec-7 h2 br.hide{display: none;}
main .sec-7 .type30{width: 52%; font-size: 30px !important; background: #bfa9c5; color: #fff; padding: 20px 20px;text-align: center; margin: 0 auto; border-radius: 80px;transition:all 0.3s ease;}


/* 드레스 이미지 */
main .sec-7 .imgBox {width: 70%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-7 .imgBox .DressBox{width: 100%; position: relative;}

main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 500px; height: 600px; border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;transition:all 0.2s ease;}
main .sec-7 .imgBox .DressBox div[class*='dress-']:nth-child(even){float: right; margin-top: -100px;}
main .sec-7 .imgBox .DressBox div[class*='dress-']:hover{box-shadow: 0 0 30px 0 rgba(106, 89, 198, 0.2); transition:all 0.2s ease;}

main .sec-7 .imgBox .DressBox .txtBox {margin-top: 12%; margin-left: 3%;transition:all 0.3s ease;}
main .sec-7 .imgBox .DressBox .txtBox h3{color: #27217e; letter-spacing: 0.25em; clear: both;transition:all 0.3s ease;}
main .sec-7 .imgBox .DressBox .txtBox .insta{width: fit-content; padding: 10px 40px; background: rgba(255,255,255,.3); border-radius: 50px; transition:all 0.2s ease;}
main .sec-7 .imgBox .DressBox .txtBox span a{background: url(/img/i_instagram.png) no-repeat; background-size: 30px 30px; padding-left: 40px; display: block;transition:all 0.2s ease;}
main .sec-7 .imgBox .DressBox .txtBox .insta:hover{background: rgba(255,255,255,.6);}

main .sec-7 .imgBox .DressBox.R{display: flex;flex-direction: row-reverse;transition:all 0.3s ease;}
main .sec-7 .imgBox .DressBox .txtBox.R {text-align: right !important; margin-top: 12%; margin-right: 3%;transition:all 0.3s ease;}

main .sec-7 .imgBox .DressBox .dress-1 {background:url(/img/sec07_photo1.png) no-repeat top center;}
main .sec-7 .imgBox .DressBox .dress-2 {background:url(/img/sec07_photo2.png) no-repeat top center;}
main .sec-7 .imgBox .DressBox .dress-3 {background:url(/img/sec07_photo3.png) no-repeat top center; clear: both; top: -100px !important;}
main .sec-7 .imgBox .DressBox .dress-4 {background:url(/img/sec07_photo4.png) no-repeat top center; top: -100px !important;}


main .sec-7 .imgBox div[class*='dress-'] .insta a font:after{content:"";display:block;width:0;  height:1px;background:#6a55c6;position:absolute;left:0;bottom:0;transition:all 0.2s ease;}
main .sec-7 .imgBox div[class*='dress-']:hover .insta a font:after{width:100%;transition:all 0.2s ease;}


main .sec-7 .imgBox .DressBox .txtBox .c_CI{width: 130px; height: auto; display: block;transition:all 0.2s ease;}
main .sec-7 .imgBox .DressBox .txtBox .c_CI.R{float: right;clear: both; margin-bottom: 10px; transition:all 0.2s ease;}


    @media screen and (max-width:1600px){
        main .sec-7 .s7-img1{width: 280px; height: auto;}
        
        main .sec-7 .type30{width: 65%; font-size: 27px !important;}
    }
    @media screen and (max-width:1400px){
        main .sec-7 .s7-img1{width: 250px;}
        
        main .sec-7 .imgBox {width: 80%;}
        main .sec-7 .imgBox .DressBox .txtBox span a{background: url(/img/i_instagram.png) no-repeat center left; background-size: 22px 22px; padding-left: 35px;}
    }
    @media screen and (max-width:1280px){ 
        main .sec-7 .imgBox {width: 90%;} 
        main .sec-7 h2{font-size: 60px !important;} 
        
        main .sec-7 .type30{width: 70%;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{margin-bottom: 50px;}
    }
    @media screen and (max-width:1100px){
        main .sec-7 .type30{width: 75%; font-size: 25px !important;padding: 20px 20px;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 450px; height: 550px; border-top-left-radius: 70px;border-top-right-radius: 70px;border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;margin-bottom: 50px;}
    }
    @media screen and (max-width:960px){
        main .sec-7 .s7-img1{width: 230px;}
        main .sec-7 .type30{width: 80%; font-size: 22px !important;padding: 18px 20px;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 400px; height: 500px; border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;margin-bottom: 50px;}
    }
    @media screen and (max-width:860px){       
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 350px; height: 450px;margin-bottom: 60px;}
        
        main .sec-7 .imgBox .DressBox.R{display: flex;flex-direction: row;}
        main .sec-7 .imgBox .DressBox .txtBox {margin-top: 20%; margin-left: 5%;}
        main .sec-7 .imgBox .DressBox .txtBox.R {text-align: left !important; margin-right: auto; margin-left: 3%;}
        main .sec-7 .imgBox .DressBox .txtBox .insta{padding: 10px 15px;}
        main .sec-7 .imgBox .DressBox .txtBox .c_CI.R{float: left;clear: both;}
    }
    @media screen and (max-width:767px){
        main .sec-7 .s7-img1{width: 220px;}
        main .sec-7 h2{font-size: 55px !important;} 
        main .sec-7 .type30{width: 90%; font-size: 20px !important;padding: 16px 20px;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 300px; height: 400px;margin-bottom: 60px;}
    }
    @media screen and (max-width:640px){
        main .sec-7 .s7-img1{width: 200px;}
        main .sec-7 h2{font-size: 50px !important;} 
        main .sec-7 .type30{width: 95%; font-size: 18px !important;}
        
        main .sec-7 .imgBox .DressBox{display: block;}
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 350px; height: 450px; margin: 0 auto; margin-bottom: 20px; margin-top: 50px;}
        main .sec-7 .imgBox .DressBox .txtBox {width: 100%;  margin-top:0; margin-left: auto; text-align: center;}
        main .sec-7 .imgBox .DressBox .txtBox.R {text-align: center !important; margin-top: 0; margin-right: auto;}
        
        main .sec-7 .imgBox .DressBox .txtBox .c_CI{margin: 0 auto}
        main .sec-7 .imgBox .DressBox .txtBox .c_CI.R{float: none;margin: 0 auto;margin-bottom: 5px !important;}
        
        main .sec-7 .imgBox .DressBox .txtBox h3{ margin-top: 5px !important; }
        main .sec-7 .imgBox .DressBox .txtBox .type22{margin: 0 auto; margin-top: 5px !important; }
        main .sec-7 .imgBox .DressBox .txtBox .insta{margin: 0 auto; margin-top: 10px !important;}
    }
    @media screen and (max-width:560px){
        main .sec-7{padding:140px 0 !important;}
        main .sec-7 h2{font-size: 45px !important; letter-spacing: -0.03em;} 
        main .sec-7 .type30{width: 90%; font-size: 20px !important;padding: 16px 20px; line-height: 120%;}
        main .sec-7 .type30 b{display: block;}
    }
    @media screen and (max-width:460px){
        main .sec-7 .s7-img1{width: 160px;}
        main .sec-7 h2{font-size: 40px !important;} 
        main .sec-7 h2 br.hide{display: block !important;}
        main .sec-7 .type30{width: 95%; font-size: 18px !important;padding: 16px 20px; letter-spacing: -0.02em;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 300px; height: 400px;}
        
    }
    @media screen and (max-width:360px){
        main .sec-7{padding:120px 0 !important;}
        
        main .sec-7 .s7-img1{width: 120px;}
        main .sec-7 .type30{ font-size: 16px !important;padding: 14px 10px; letter-spacing: -0.04em;}
        
        main .sec-7 .imgBox .DressBox div[class*='dress-']{width: 250px; height: 350px;}
    }







/***** ===== sec-8 허니문 최저가 ===== *****/
main .sec-8{padding:180px 0 !important; background:url(/img/sec08_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}

main .sec-8 h2{font-size: 60px !important;color: #fff; line-height: 160%;text-shadow: 3px 0px 20px rgba(0, 76, 107, 0.9);transition:all 0.3s ease;}
main .sec-8 h2 b{font-family:'Pretendard-ExtraBold' !important; font-size: 80px !important;color: #fffb80; letter-spacing: 0.03em;transition:all 0.3s ease;}
main .sec-8 h2 b br.hide{display: none;}
main .sec-8 .type30{width: 45%; font-size: 30px !important; background: rgba(255,255,255,.2);border:solid 1px rgba(2558,255,255,.8); color: #fff; padding: 20px 20px;text-align: center; margin: 0 auto; border-radius: 80px;transition:all 0.3s ease;}


main .sec-8 h6{color: #93feff; letter-spacing: -0.01em;}
main .sec-8 h6 br.hide{display: none;}

main .sec-8 .imgBox{width: 75%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-8 .imgBox div{width:calc(100%/3.15 - 10px); margin-bottom: 25px; text-align: center; position: relative; transition:all 0.3s ease;}
main .sec-8 .imgBox img{width:100%;height: 405px;border-top-left-radius: 10px;border-top-right-radius: 10px; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px; overflow: hidden; transition:all 0.3s ease;}

main .sec-8 .imgBox .txtBox{width: 100%; background: #fff; border-top-left-radius: 20px;border-top-right-radius: 20px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; text-align:center; padding:24px 0;color: #000; transition:all 0.3s ease;}
main .sec-8 .imgBox .txtBox h5{font-family:'Pretendard-SemiBold';font-weight: 700; margin-bottom: 5px;}
main .sec-8 .imgBox .txtBox font{display: inline-flex; transition:all 0.3s ease;}
main .sec-8 .imgBox .txtBox font.type25{color: #2a3dcb;text-decoration-line: line-through;transition:all 0.3s ease;}
main .sec-8 .imgBox .txtBox font.type26{color: #2a3dcb; margin: 0 10px;;}
main .sec-8 .imgBox .txtBox font.type27{font-size: 27px;font-weight: 700; margin-top: -3px; transition:all 0.3s ease;}


    @media screen and (max-width:1700px){
        main .sec-8 .imgBox{width: 80%;}
    }
    @media screen and (max-width:1600px){
        main .sec-8 .s8-img1{width: 280px; height: auto;}
        
        main .sec-8 .type30{width: 50%; font-size: 27px !important;}
    }
    @media screen and (max-width:1500px){
        main .sec-8 .imgBox{width: 85%;}
    }
    @media screen and (max-width:1400px){
        main .sec-8 .s8-img1{width: 250px;}
        main .sec-8 h2{font-size: 55px !important;} 
        main .sec-8 h2 b{font-size: 75px !important;}
        
        main .sec-8 .imgBox{width: 90%;}
    }
    @media screen and (max-width:1280px){ 
        main .sec-8 .imgBox {width: 90%;} 
        main .sec-8 .imgBox img{height: 340px;transition:all 0.3s ease;}
        main .sec-8 h2{font-size: 50px !important;} 
        main .sec-8 h2 b{font-size: 70px !important;}
        
        main .sec-8 .type30{width: 55%;}
        
        main .sec-8 .imgBox{width: 85%;}
        main .sec-8 .imgBox div{width:calc(100%/3.10 - 10px);}
        main .sec-8 .imgBox .txtBox{padding:22px 0;}
        main .sec-8 .imgBox .txtBox font.type26{line-height: 120%; margin: 0 7px;}
        main .sec-8 .imgBox .txtBox font.type27{font-size: 25px;margin-top: -2px;}
    }
    @media screen and (max-width:1100px){
        main .sec-8 h2{font-size: 45px !important;} 
        main .sec-8 h2 b{font-size: 65px !important;}
        
        main .sec-8 .type30{width: 60%; font-size: 25px !important;padding: 20px 20px;}
        
        main .sec-8 .imgBox img{height: 280px;}
        main .sec-8 .imgBox .txtBox h5{font-size: 27px !important;}
        main .sec-8 .imgBox .txtBox font.type25{font-size: 20px !important;}
        main .sec-8 .imgBox .txtBox font.type26{font-size: 22px !important;line-height: 120%; margin: 0 7px;}
        main .sec-8 .imgBox .txtBox font.type27{font-size: 24px !important;margin-top: -4px;}
    }
    @media screen and (max-width:960px){
        main .sec-8 .s8-img1{width: 230px;}
        main .sec-8 h2{font-size: 40px !important;} 
        main .sec-8 h2 b{font-size: 60px !important;}
        
        main .sec-8 .type30{width: 65%; font-size: 22px !important;padding: 18px 20px;}
        
        main .sec-8 h6{font-size: 30px; margin-top: 60px !important;}
        
        main .sec-8 .imgBox{width: 80%; margin-top: 40px !important;}
        main .sec-8 .imgBox div{width:calc(100%/2.05 - 10px);  margin-bottom: 15px;}
        main .sec-8 .imgBox img{height: 340px;}
        main .sec-8 .imgBox .txtBox{padding:20px 0;}
        main .sec-8 .imgBox .txtBox h5{font-size: 26px !important; font-weight: 700;}
        main .sec-8 .imgBox .txtBox font.type25{font-size: 18px;}
        main .sec-8 .imgBox .txtBox font.type26{font-size: 20px;margin: 0 5px;}
        main .sec-8 .imgBox .txtBox font.type27{font-size: 23px;font-weight: 700; margin-top: -3px;}
    }
    @media screen and (max-width:860px){
        main .sec-8 .imgBox img{height: 320px;}
        main .sec-8 .imgBox .txtBox{padding:18px 0;}
        main .sec-8 .imgBox .txtBox font.type25{font-size: 18px !important;}
        main .sec-8 .imgBox .txtBox font.type26{font-size: 20px !important;margin: 0 5px; line-height: 110%;}
        main .sec-8 .imgBox .txtBox font.type27{font-size: 23px !important;margin-top: -3px;}
    }
    @media screen and (max-width:767px){
        main .sec-8 .s8-img1{width: 220px;}
        main .sec-8 h2{font-size: 35px !important;} 
        main .sec-8 h2 b{font-size: 55px !important;}
        
        main .sec-8 .type30{width: 80% !important; font-size: 20px !important;padding: 16px 20px;}
        
        main .sec-8 h6{font-size: 27px; margin-top: 50px !important;}
        
        main .sec-8 .imgBox{width: 85%;}
        main .sec-8 .imgBox div{width:calc(100%/2.05 - 5px); margin-bottom: 15px;}
        main .sec-8 .imgBox img{height: 300px;}
    }
    @media screen and (max-width:640px){
        main .sec-8 .s8-img1{width: 200px;}
        main .sec-8 h2{font-size: 30px !important;} 
        main .sec-8 h2 b{font-size: 50px !important;}
        
        main .sec-8 .type30{width: 85% !important; font-size: 18px !important;}
        
        main .sec-8 .imgBox{width: 90%;}
        main .sec-8 .imgBox div{width:calc(100%/2.05 - 5px); margin-bottom: 10px;}
        main .sec-8 .imgBox img{height: 260px;}
        main .sec-8 .imgBox .txtBox{padding:18px 0 16px 0;}
        main .sec-8 .imgBox .txtBox h5{font-size: 24px !important;}
        main .sec-8 .imgBox .txtBox font.type25{font-size: 18px !important;}
        main .sec-8 .imgBox .txtBox font.type26{font-size: 18px !important;margin: 0 5px; line-height: 110%;}
        main .sec-8 .imgBox .txtBox font.type27{font-size: 20px !important;margin-top: -3px;}
    }
    @media screen and (max-width:560px){
        main .sec-8{padding:140px 0 !important;}
        main .sec-8 h2{font-size: 28px !important; } 
        main .sec-8 h2 b{font-size: 42px !important;}
        
        main .sec-8 h6{font-size: 26px; margin-top: 40px !important;}
        main .sec-8 h6 br.hide{display: block !important;}
        
        main .sec-8 .imgBox img{height: 240px;}
    }
    @media screen and (max-width:460px){
        main .sec-8 .s8-img1{width: 160px;}
        main .sec-8 h2{font-size: 25px !important;} 
        main .sec-8 h2 b{font-size: 42px !important; line-height: 120%;}
        main .sec-8 h2 br.hide{display: block !important;}
        
        main .sec-8 .type30{width: 90%; font-size: 19px !important;padding: 16px 20px;}
        main .sec-8 .type30 b{display: block !important;}
        
        main .sec-8 h6{font-size: 25px;}
        
        main .sec-8 .imgBox{width: 75%; margin: 0 auto;}
        main .sec-8 .imgBox div{width:calc(100%/1.0 - 0px); margin-bottom: 15px;}
        main .sec-8 .imgBox img{height: 290px;}
    }
    @media screen and (max-width:360px){
        main .sec-8{padding:120px 0 !important;}
        
        main .sec-8 .s8-img1{width: 120px;}
        main .sec-8 h2{font-size: 22px !important;} 
        main .sec-8 h2 b{font-size: 40px !important;}
        
        main .sec-8 .type30{width: 95%;  font-size: 18px !important;padding: 15px 10px;}
        
        main .sec-8 h6{font-size: 22px;}
        
        main .sec-8 .imgBox img{height: 250px;}
    }
    @media screen and (max-width:320px){
        main .sec-8 .imgBox img{height: 230px;}
    }








/***** ===== sec-9 롯데하이마트 효자점 ===== *****/
main .sec-9{padding:180px 0 !important; background:url(/img/sec09_bg.jpg) no-repeat center center; background-size: cover; position: relative;z-index: 0; transition:all 0.3s ease;}

main .sec-9 h2{font-size: 60px !important;color: #fff; line-height: 160%;text-shadow: 3px 0px 20px rgba(42, 32, 246, 0.9);}
main .sec-9 h2 br.hide{display: none;}
main .sec-9 .s9-ttl{display: block;transition:all 0.3s ease;}
main .sec-9 .type30{width: 52%; font-size: 30px !important; background: rgba(220,211,255,.2);border:solid 1px rgba(105,70,255,1); color: #3008dc; padding: 20px 20px;text-align: center; margin: 0 auto; border-radius: 80px;}


main .sec-9 .imgBox{width: 70%; margin: 0 auto; border:solid 3px #400fa9;background: #fff;padding: 2% 1.5%; transition:all 0.3s ease;}
main .sec-9 .imgBox div{width:calc(100%/2);  text-align: center; position: relative; transition:all 0.3s ease;}
main .sec-9 .imgBox img{width:100%;height: auto;margin: 0 auto;display: block;transition:all 0.3s ease;}
main .sec-9 .imgBox div:nth-child(1) img{border-right:dashed 1px #e1e6f4;border-bottom:dashed 1px #e1e6f4;}
main .sec-9 .imgBox div:nth-child(4) img{border-left:dashed 1px #e1e6f4;border-top:dashed 1px #e1e6f4;}

main .sec-9 .p_woman{width: 225px; height: 370px;display: block; position: absolute; left:130px; bottom: -50px;}
main .sec-9 .p_man{width: 225px; height: 370px;display: block; position: absolute; right:130px; bottom: -50px;}


    @media screen and (max-width:1600px){
        main .sec-9 .s9-img1{width: 280px; height: auto;}
        
        main .sec-9 .type30{width: 50%; font-size: 27px !important;}
        
        main .sec-9 .imgBox{width: 80%;}
        main .sec-9 .p_woman{ left:50px;}
        main .sec-9 .p_man{right:50px;}
    }
    @media screen and (max-width:1400px){
        main .sec-9 .s9-img1{width: 250px;}
        main .sec-9 .s9-ttl{width: 60%;}
        
        main .sec-9 .p_woman{width: 200px; height: 329px;left:20px;}
        main .sec-9 .p_man{width: 200px; height: 329px;right:20px;}
    }
    @media screen and (max-width:1280px){ 
        main .sec-9 h2{font-size: 60px !important;} 
        main .sec-9 .type30{width: 55%;}      
    }
    @media screen and (max-width:1100px){
        main .sec-9 .type30{width: 70%; font-size: 25px !important;padding: 20px 20px;}
        
        main .sec-9 .imgBox{width: 90%;padding: 2% 1%; }
        main .sec-9 .p_woman{width: 170px; height: 280px;left:-20px;}
        main .sec-9 .p_man{width: 170px; height: 280px;right:-20px;}
    }
    @media screen and (max-width:960px){
        main .sec-9 .s9-img1{width: 230px;}
        main .sec-9 .s9-ttl{width: 80%;}
        
        main .sec-9 h6{font-size: 30px; margin-top: 60px !important;}
        
        main .sec-9 .imgBox{width: 90%;padding: 2% 1%; }
        main .sec-9 .p_woman{width: 170px; height: 280px;left:-40px;}
        main .sec-9 .p_man{width: 170px; height: 280px;right:-40px;}
    }
    @media screen and (max-width:767px){
        main .sec-9 .s9-img1{width: 220px;}
        main .sec-9 h2{font-size: 55px !important;} 
        main .sec-9 .s9-ttl{width: 90%;}
        
        main .sec-9 .type30{width: 70%; font-size: 20px !important;padding: 16px 20px;display: block;}
        
        main .sec-9 .imgBox{width: 80%;padding: 2% 3%; }
        main .sec-9 .imgBox div{width:calc(100%/1); }
        main .sec-9 .imgBox div:nth-child(1) img{border-right:none;border-bottom:dashed 1px #e1e6f4;}
        main .sec-9 .imgBox div:nth-child(3) img{border-top:dashed 1px #e1e6f4; margin-bottom: 20px;}
        main .sec-9 .imgBox div:nth-child(4) img{border-left:none;border-top:dashed 1px #e1e6f4; margin-bottom: 20px;}

        main .sec-9 .p_woman{width: 150px; height: 247px;left:-20px;}
        main .sec-9 .p_man{width: 150px; height: 247px;right:-20px;}
    }
    @media screen and (max-width:640px){
        main .sec-9 .s9-img1{width: 200px;}
        main .sec-9 h2{font-size: 50px !important;} 
        
        main .sec-9 .type30{width: 80%;}
    }
    @media screen and (max-width:560px){
        main .sec-9{padding:140px 0 !important;}
        main .sec-9 h2{font-size: 45px !important;} 
        main .sec-9 .s9-ttl{width: 90%;}
    }
    @media screen and (max-width:460px){
        main .sec-9 .s9-img1{width: 160px;}
        main .sec-9 h2{font-size: 40px !important; line-height: 110% !important; margin-top: 30px !important;} 
        main .sec-9 h2 br.hide{display: block;}
        main .sec-9 .s9-ttl{width: 95%;margin-top: 30px !important;}
        
        main .sec-9 .type30{width: 95%; font-size: 18px !important;padding: 16px 20px;display: block !important;}
        
        main .sec-9 .imgBox{width: 90%;padding: 2% 3%; }

        main .sec-9 .p_woman{width: 130px; height: 214px;left:-20px;}
        main .sec-9 .p_man{width: 130px; height: 214px;right:-20px;}
    }
    @media screen and (max-width:360px){
        main .sec-9{padding:120px 0 !important;}
        
        main .sec-9 .s9-img1{width: 120px;}
        main .sec-9 .s9-ttl{width: 96%;}
        
        main .sec-9 .type30{font-size: 17px !important;padding: 15px 10px;}

        main .sec-9 .p_woman{width: 100px; height: 164px;left:-30px;}
        main .sec-9 .p_man{width: 100px; height: 164px;right:-30px;}
    }




/***** ===== sec-10 혼수 특별혜택 ===== *****/
main .sec-10{padding:180px 0 !important; background:linear-gradient(120deg, #f5a585 45% , #f5d9bc 100%); position: relative;z-index: 0; transition:all 0.3s ease;}


main .sec-10 h2{font-size: 60px !important;color: #fff; line-height: 160%;text-shadow: 3px 0px 20px rgba(255, 255, 255, 0.9);}
main .sec-10 h2 b{font-family:'Pretendard-ExtraBold' !important; font-size: 80px !important;color: #ff694b; letter-spacing: 0.03em;}

main .sec-10 .imgBox{width: 70%; margin: 0 auto;transition:all 0.3s ease;}
main .sec-10 .imgBox div{width:calc(100%/2 - 10px); margin-bottom: 70px; text-align: center; position: relative; transition:all 0.3s ease;}
main .sec-10 .imgBox div figure{width:490px; height: 490px; border-radius: 100%;background: #fff; position: relative; margin: 0 auto; overflow: hidden; transition:all 0.3s ease;}
main .sec-10 .imgBox div figure img{width:100%;height: 100%; transition:all 0.3s ease;}

main .sec-10 .imgBox div .category{width:100px;height: 100px; background: #ff694b; border-radius: 100%;display: flex; justify-content: center; align-items: center; position: absolute; top:30px; right:85px; transition:all 0.3s ease;}
main .sec-10 .imgBox div .category font{color: #fff; font-weight: 500; letter-spacing: -0.03em; line-height: 110%; transition:all 0.3s ease;}


main .sec-10 .imgBox div h4{width:80%;padding: 20px 0;margin-top: 10px; margin: 0 auto;font-family:'GmarketSansMedium'; font-weight: 500;letter-spacing: -0.03em; position: relative; text-shadow: 2px 0px 10px rgba(255, 105, 75, 1);z-index: 1;transition:all 0.3s ease;}
main .sec-10 .imgBox div h4:after{width:314px;height:66px;background:url(/img/sec10_txtbg.png) no-repeat center center; background-size: cover;position:absolute;bottom:10px;left:25%;display:block;content:"";z-index: -1;}



    @media screen and (max-width:1600px){
        main .sec-10 .s10-img1{width: 280px; height: auto;}
        
        main .sec-10 .imgBox{width: 80%;}
        main .sec-10 .imgBox div .category{top:20px; right:85px;}
    }
    @media screen and (max-width:1400px){
        main .sec-10 .s10-img1{width: 250px;}
        
        main .sec-10 .imgBox{width: 90%;}
        main .sec-10 .imgBox div .category{top:20px; right:70px;}
    }
    @media screen and (max-width:1280px){ 
        main .sec-10 h2{font-size: 60px !important;}  
        
        main .sec-10 .imgBox div figure{width:400px; height: 400px;}   
        main .sec-10 .imgBox div .category{width:90px;height: 90px;top:20px; right:65px;}
        
        main .sec-10 .imgBox div h4:after{left:20%;}
    }
    @media screen and (max-width:1100px){
        main .sec-10 .imgBox{width: 92%;}
        
        main .sec-10 .imgBox div figure{width:400px; height: 400px;}   
        main .sec-10 .imgBox div .category{width:85px;height: 85px;top:10px; right:55px;}
        
        main .sec-10 .imgBox div h4:after{width: 300px; height: 63px; left:20%;}
    }
    @media screen and (max-width:960px){
        main .sec-10 .s10-img1{width: 230px;}
        
        main .sec-10 .imgBox div figure{width:350px; height: 350px;}   
        main .sec-10 .imgBox div .category{width:80px;height: 80px;top:10px; right:45px;}
        main .sec-10 .imgBox div h4:after{width: 280px; height: 59px; left:12%;}
    }
    @media screen and (max-width:860px){        
        main .sec-10 .imgBox div figure{width:300px; height: 300px;}   
        main .sec-10 .imgBox div .category{width:70px;height: 70px;top:10px; right:35px;}
        main .sec-10 .imgBox div h4:after{width: 280px; height: 59px; left:12%;bottom:15px;}
    }
    @media screen and (max-width:767px){
        main .sec-10 .s10-img1{width: 220px;}
        main .sec-10 h2{font-size: 55px !important;} 
        main .sec-10 h2 b{font-size: 70px !important;letter-spacing: 0em;}
        
        main .sec-10 .imgBox div figure{width:270px; height: 270px;}   
        main .sec-10 .imgBox div .category{width:60px;height: 60px;top:10px; right:35px;}
        main .sec-10 .imgBox div h4:after{width: 260px; height: 55px; left:10%;bottom:15px;}
    }
    @media screen and (max-width:640px){
        main .sec-10 .s10-img1{width: 200px;}
        main .sec-10 h2{font-size: 50px !important;}
        main .sec-10 h2 b{font-size: 65px !important;letter-spacing: -0.01em;}
        
        main .sec-10 .imgBox div figure{width:240px; height: 240px;}   
        main .sec-10 .imgBox div .category{width:50px;height: 50px;top:10px; right:35px;}
        main .sec-10 .imgBox div h4:after{width: 200px; height: 42px; left:8%;bottom:15px;} 
    }
    @media screen and (max-width:560px){
        main .sec-10{padding:140px 0 !important;}
        main .sec-10 h2{font-size: 45px !important;} 
        
        main .sec-10 .imgBox{width: 80%;}
        main .sec-10 .imgBox div{width:calc(100%/1 - 0px); margin-bottom: 40px; }
        main .sec-10 .imgBox div figure{width:350px; height: 350px;}   
        main .sec-10 .imgBox div .category{width:80px;height: 80px;top:10px; right:45px;}
        main .sec-10 .imgBox div .category .type25{font-size: 19px !important;}
        main .sec-10 .imgBox div h4{font-size: 28px !important;}
        main .sec-10 .imgBox div h4:after{width: 280px; height: 59px; left:14%;bottom:10px;}
    }
    @media screen and (max-width:460px){
        main .sec-10 .s10-img1{width: 160px;}
        main .sec-10 h2{font-size: 40px !important; line-height: 110% !important; margin-top: 30px !important;} 
        main .sec-10 h2 b{font-size: 57px !important; line-height: 130% !important;  letter-spacing: -0.05em;}
        
        main .sec-10 .imgBox div figure{width:300px; height: 300px;}   
        main .sec-10 .imgBox div .category{width:70px;height: 70px;top:10px; right:15px;}
        main .sec-10 .imgBox div .category .type25{font-size: 16px !important;}
        main .sec-10 .imgBox div h4{font-size: 24px !important;}
        main .sec-10 .imgBox div h4:after{width: 280px; height: 59px; left:12%;bottom:15px;}
    }
    @media screen and (max-width:360px){
        main .sec-10{padding:120px 0 !important;}
        main .sec-10 h2{font-size: 36px !important;} 
        main .sec-10 h2 b{font-size: 53px !important;}
        
        main .sec-10 .s10-img1{width: 120px;}
        
        main .sec-10 .imgBox div figure{width:250px; height: 250px;}   
        main .sec-10 .imgBox div .category{width:60px;height: 60px;top:10px; right:2px;}
        main .sec-10 .imgBox div h4{font-size: 24px !important;}
        main .sec-10 .imgBox div h4:after{width: 260px; height: 55px; left:3%;bottom:15px;}
    }
    @media screen and (max-width:340px){
        main .sec-10 h2{font-size: 32px !important;} 
        main .sec-10 h2 b{font-size: 50px !important; letter-spacing: -0.08em;}
    }







/***** ===== sec-11 다이렉트웨딩 상담신청 ===== *****/
main .sec-11 {background: url(/img/sec11_bg.jpg) no-repeat center center; background-size: cover;  padding: 220px 0;  position: relative; z-index: 9;}
main .sec-11 .st_direct{display: block;margin: 0 auto; margin-bottom: 30px;}
main .sec-11 h2{text-shadow: 3px 2px 20px rgba(89,32,18,0.8);}
main .sec-11 h2 br.hide{display: none;}
main .sec-11 font{color: #fff;}
main .sec-11 font br.hide{display: none;}

main .sec-11 .formBox .buCon{margin-bottom:50px;}
main .sec-11 .formBox .buCon h2{font-size: 70px !important;}

main .sec-11 .formBox .buCon .boxLine{width:70%;padding:60px 50px; margin: 0 auto; border-radius:30px;background:rgba(0,0,0,0.25);}
main .sec-11 .formBox .buCon .boxLine .progress{width:100%;padding:30px;border-radius:40px;border:solid 1px #e9e9e9;background:#fafafa;position:relative;}
main .sec-11 .formBox .buCon .boxLine .progress .depart{font-weight:bold;position:absolute;top:calc(50% + 40px);right:calc(38% - 5px);z-index:10;}
main .sec-11 .formBox .buCon .boxLine .progress .item{width:calc(100%/5);padding:20px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;}
main .sec-11 .formBox .buCon .boxLine .progress .item img{width:60%;max-width:144px;margin:0 auto;display:block;}
main .sec-11 .formBox .buCon .boxLine .progress *{text-align:center;}
main .sec-11 .formBox .buCon .boxLine .progress .step{padding:14px 26px 10px 26px;background:#1774d0;color:#fff;border-radius:30px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
main .sec-11 .formBox .buCon .boxLine .progress span{width:100%;height:26px;margin:30px 0 20px 0;position:relative;display:block;z-index:9;}
main .sec-11 .formBox .buCon .boxLine .progress span:before{content:"";width:100%;height:1px;margin-top:-6px;background:#ddd;position:absolute;top:50%;left:0;display:block;}
main .sec-11 .formBox .buCon .boxLine .progress i{width:16px;height:16px;margin:0 auto;background:#1774d0;border-radius:50%;display:block;position:relative;}
main .sec-11 .formBox .buCon .boxLine .progress i:before{content:"";width:26px;height:26px;border:solid 1px #1774d0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;}

main .sec-11 .formBox .buCon .boxLine .progress.s1prog .item{width:calc(100%/4);}
main .sec-11 .formBox .buCon .boxLine .progress.s1prog .item font.con{color:#606060;line-height:135% !important;}



main .sec-11 .formBox .buCon .boxLine .progress_timeline{width:100%;padding:50px 30px;border-radius:40px;border:solid 1px #e9e9e9;background:#fafafa;position:relative;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline:after{content:"";width:1px;height:100%;background:#ddd;position:absolute;top:0;left:72px;display:block;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item{padding:20px 0;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item span{width:86px;height:100%;position:relative;display:block;z-index:9;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item i{width:16px;height:16px;margin:0 auto;background:#1774d0;border-radius:50%;display:block;position:relative;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item i:before{content:"";width:26px;height:26px;border:solid 1px #1774d0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item div.disF{width:calc(100% - 86px);margin-top:-5px;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item div.disF .time{width:150px;}
main .sec-11 .formBox .buCon .boxLine .progress_timeline .item div.disF .minute{width:60px;color:#1774d0;}


main .sec-11 .formBox .buCon .textareaBox{height:170px;padding:30px 40px;background:#f9f9f9;font-size:18px;line-height:200%;overflow-y:auto;}
main .sec-11 .formBox .buCon .textareaBox::-webkit-scrollbar{width:8px;}
main .sec-11 .formBox .buCon .textareaBox::-webkit-scrollbar-track{background:#f9f9f9;}
main .sec-11 .formBox .buCon .textareaBox::-webkit-scrollbar-thumb{background:#aaa;border-radius:8px;}
main .sec-11 .formBox .buCon .textareaBox::-webkit-scrollbar-thumb:hover{background:#777;}

main .sec-11 .formBox .buCon .textareaBox p{font-family:'Noto Sans KR';}

main .sec-11 .formBox .buCon .textareaBox .table{border-top:solid 1px #555;}
main .sec-11 .formBox .buCon .textareaBox .table tr th,
main .sec-11 .formBox .buCon .textareaBox .table tr td{padding-top:12px;padding-bottom:12px;font-size:18px !important;}
main .sec-11 .formBox .buCon .textareaBox .table tr td{text-align:left;}

main .sec-11 .formBox .buCon .checkBox input[type="checkbox"]{display:none;}
main .sec-11 .formBox .buCon .checkBox .custom-checkbox{width:22px;height:22px;border:1px solid #a0a0a0;border-radius:3px;background-color:#fff;display:inline-block;position:relative;cursor:pointer;}
main .sec-11 .formBox .buCon .checkBox input[type="checkbox"]:checked + .custom-checkbox{}
main .sec-11 .formBox .buCon .checkBox input[type="checkbox"]:checked + .custom-checkbox::after{content:"";width:8px;height:17px;content:'';position:absolute;top:-4px;left:6px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg);}
main .sec-11 .formBox .buCon .checkBox .checkbox-label{width:calc(100% - 22px);padding-left:10px;}


main .sec-11 .formBox .buCon .checkBox span a {width: 80px; display: inline-block;}
main .sec-11 .formBox .buCon .checkBox span a u{color:#808080;cursor:pointer;}




    @media screen and (max-width:1700px){
        main .sec-11 {padding: 180px 0;}
        main .sec-11::before {width:600px;height:895px;background:url(/img/form_bg.png) no-repeat left top; background-size: contain; top:0;left:-15%;}
        
        main .sec-11 .formBox .buCon h2{font-size: 60px !important;}

        main .sec-11 .formBox .buCon .boxLine{width:60%;padding:50px 40px;border-radius:30px;}
    }
    @media screen and (max-width:1600px){
        main .sec-11 .s11-img1{width: 280px; height: auto;}
    }
    @media screen and (max-width:1500px){
        main .sec-11::before {width:600px;height:895px;background:url(/img/form_bg.png) no-repeat left top; background-size: contain; top:0;left:-15%;}
        
        main .sec-11 .formBox .buCon h2{font-size: 60px !important;}

        main .sec-11 .formBox .buCon .boxLine{width:60%;padding:50px 40px;border-radius:30px;}
    }
    @media screen and (max-width:1400px){
        main .sec-11 {padding: 160px 0;}
        main .sec-11 .s11-img1{width: 250px;}
        
        main .sec-11 .formBox .buCon .boxLine{width:70%;padding:40px 30px;border-radius:30px;}
    }
    @media screen and (max-width:1280px){        
        main .sec-11 .formBox .buCon h2{font-size: 60px !important;}

        main .sec-11 .formBox .buCon .boxLine{width:75%;padding:30px 20px;border-radius:30px;}
    }
    @media screen and (max-width:1100px){
        main .sec-11 .formBox .buCon .boxLine{width:80%;}
    }
    @media screen and (max-width:960px){
        main .sec-11::before {width:500px;height:746px;background:url(/img/form_bg.png) no-repeat left top; background-size: cover; top:0;left:-25%; opacity: .5;}
        
        main .sec-11 .s11-img1{width: 230px;}
        
        main .sec-11 .formBox .buCon .boxLine{width:80%;padding:20px 15px;border-radius:25px;}
    }
    @media screen and (max-width:767px){
        main .sec-11 {padding: 140px 0;}
        
        main .sec-11::before {width:400px;height:597px;background:url(/img/form_bg.png) no-repeat left top; background-size: cover; top:0;left:-25%; opacity: .5;}

        main .sec-11 .s11-img1{width: 220px;}
        
        main .sec-11 .formBox .buCon h2{font-size: 50px !important;}

        main .sec-11 .formBox .buCon .boxLine{width:85%;}
    }
    @media screen and (max-width:660px){
        main .sec-11::before {display: none;}

        main .sec-11 .formBox .buCon h2{font-size: 50px !important;}

        main .sec-11 .formBox .buCon .boxLine{width:90%;border-radius:25px;}
    }
    @media screen and (max-width:560px){
        main .sec-11 .formBox .buCon .boxLine{width:90%;padding:20px 15px;border-radius:20px;}

        main .sec-11 .formBox .buCon h2{font-size: 45px !important;}
        
        main .sec-11 font {margin-top: 30px !important;}
        main .sec-11 font br.hide{display: block !important;}
    }
    @media screen and (max-width:500px){
        main .sec-11 .formBox .buCon .boxLine{width:95%;padding:15px 10px;border-radius:20px;}
    }
    @media screen and (max-width:460px){
        main .sec-11 {padding: 120px 0;}
        
        main .sec-11 .s11-img1{width: 160px;}
        
        main .sec-11 .formBox .buCon h2{font-size: 40px !important;}
        main .sec-11 h2 br.hide{display: block !important;}
    }
    @media screen and (max-width:420px){
        main .sec-11 .formBox .buCon h2{font-size: 36px !important;}
        main .sec-11 .formBox .buCon .type24{font-size: 14px !important;}
    }
    @media screen and (max-width:360px){
        main .sec-11 .s11-img1{width: 120px;}
        main .sec-11 .formBox .buCon h2{font-size: 36px !important;}
        main .sec-11 .formBox .buCon .type24{font-size: 14px !important;}
    }



.btWrap.form{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; }
.btWrap.form a.bt{width: 40%; padding:30px 100px;padding-right:110px;margin:0 10px;text-align:center;font-weight:500;font-size:29px;line-height:120%;color:#fff;border-radius:10px !important;display:table;transition:all 0.3s ease;position:relative;box-shadow:5px 5px 12px rgba(0,0,0,0.3);}
.btWrap.form a.bt i{width:18px;height:3px;background:#fff;display:inline-block;position:absolute;top:calc(50% - 1px);right:50px;transition:all 0.3s ease;}
.btWrap.form a.bt i:after{content:"";width:14px;height:14px;border:solid #fff;border-width:3px 3px 0 0;position:absolute;top:calc(50% - 7px);right:0;display:block;transform:rotate(45deg);}

.btWrap.form a.bt .ico {position: absolute; display: block; right:10px; top: -80px;}

.btWrap.form a.bt:hover{padding-right:130px;box-shadow:0 0 12px rgba(0,0,0,0.3);transition:all 0.3s ease;}
.btWrap.form a.bt.blue{background:#1774d0;}
.btWrap.form a.bt.gray{background:#c1c1c1;}
.btWrap.form a.bt.black{background:#000;}


    @media screen and (max-width:1500px){
        .btWrap.form a.bt{width: 50%; padding:30px 0px;margin:0 10px;font-size:29px;line-height:120%;}
    }
    @media screen and (max-width:960px){
        .btWrap.form a.bt{width: 60%; padding:28px 0px;}
        .btWrap.form a.bt .ico {width: 120px; height: auto; right:0px; top: -70px;}
    }
    @media screen and (max-width:767px){
        .btWrap.form a.bt{width: 70%; padding:25px 0px;font-size:27px;}
    }
    @media screen and (max-width:600px){
        .btWrap.form a.bt{width: 80%; font-size:25px;}
        .btWrap.form a.bt .ico {width: 100px; right:0px; top: -60px;}
    }
    @media screen and (max-width:460px){
        .btWrap.form a.bt{width: 85%; font-size:24px;}
        .btWrap.form a.bt .ico {width: 80px; right:0px; top: -50px;}
    }
    @media screen and (max-width:360px){
        .btWrap.form a.bt{width: 90%; font-size:22px;}
    }




/* 신청폼 > 입력폼 */

.appBox input[type=text],
.appBox input[type=number],
.appBox input[type=button],
.appBox select,
.appBox textarea{padding:var(--common-padding);margin-right:10px;border:solid 1px #ccc;border-radius:var(--common-border-radius);font-size:var(--common-font-size);line-height:var(--common-line-height);display:block; border-radius: 5px !important}

.buCon input[type=text], .appBox input[type=number], .appBox select{border: none !important; background:  rgba(255,255,255,.0); border-bottom: 1px solid #ccc !important; font-size: 20px !important; color: #fff;  border-radius: 0 !important;display:block;}

.appBox input[type=text]:last-child,
.appBox select:last-child{margin-right:0 !important;}
.appBox input[type=text].w100{width: 100% !important;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding-right:40px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all 0.3s ease;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;}



.appBox input[type=checkbox2]{margin-right:12px;display:inline-block;display:none;}
.appBox input[type=checkbox2] + label{display:inline-block;position:relative;padding-left:40px;}

.appBox input[type=checkbox2] + label:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;display:inline-block;background:url(/img/icon_chk_off.png) no-repeat left center;background-size:cover;}
.appBox input[type=checkbox2]:checked + label:before{content:"";background:url(/img/icon_chk_on.png) no-repeat left center;background-size:cover;}

.appBox input[type=radio] + label:after{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;display:inline-block;background:url(/img/icon_radio_off.png) no-repeat left center;background-size:cover;}
.appBox input[type=radio]:radio + label:after{content:"";background:url(/img/icon_radio_on.png) no-repeat left center;background-size:cover;}



@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox input[type=button],
.appBox textarea,
.appBox select{margin-right:8px;}
.appBox select{padding-right:35px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox input[type=button],
.appBox textarea,
.appBox select{margin-right:6px;}
.appBox select{padding-right:30px;background-position:right 15px center;background-size:12px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox input[type=button],
.appBox textarea,
.appBox select{max-width:100% !important;}
}
@media screen and (max-width:460px) {
.appBox input[type=number]{font-size: 16px !important;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox input[type=button],
.appBox textarea,
.appBox select{margin-right:4px;}
.appBox select{padding-right:25px;background-position:right 10px center;background-size:10px;}
}



/* 신청폼 > 레이아웃 */
.appBox .titBox{padding:0 20px;}
.appBox i.star{width:12px;height:13px;margin:0px;margin-bottom:0 !important;border-radius:50%;background:url(/img/star.png) no-repeat top right;display:inline-block;}

.appBox .appBox-D{width:100%;/*border-top:solid 1px #c3c3c3;*/}
.appBox .appBox-D .itemBox{width:90%;padding:25px 40px; background: rgba(0,0,0,.3); border-radius: 20px; margin: 10px auto 10px auto; display:flex;align-items:center;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ttit{width:180px; }
.appBox .appBox-D .itemBox .ttit font{line-height:160% !important; color: #fff;}
.appBox .appBox-D .itemBox .ttit i.star{margin-left:10px;margin-top:0px;}
/*
.appBox .appBox-D .itemBox .ccon{width:80% ;color: #fff;}
*/
.appBox .appBox-D .itemBox .ccon{width:calc(100% - 180px);}

.appBox .appBox-D .itemBox .ccon .butStyle{width:150px;height:52px;line-height:52px !important;padding:0 !important;border-radius:30px;font-size:var(--common-font-size);line-height:var(--common-line-height);color:#fff;text-align:center;box-shadow:4px 4px 8px rgba(0,0,0,0.2);border:none;cursor:pointer;}
.appBox .appBox-D .itemBox .ccon a.add{width:38px;height:38px;margin-bottom:6px;padding-bottom:2px;color:#fff;font-size:28px;font-weight:normal;line-height:120%;border-radius:50%;background:#1774d0;display:flex;align-items:center;justify-content:center;}

.appBox .appBox-D .itemBox .ccon.basic{}
.appBox .appBox-D .itemBox .ccon.basic select{width:30%;}

.appBox .appBox-D .itemBox .ccon.contact{display:flex;align-items:center;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.contact font{width:21px;text-align:left;}
.appBox .appBox-D .itemBox .ccon.contact input[type=text]{width:calc(100%/3 - 21px);max-width:130px;}
.appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/3 - 21px);max-width:130px;font-size: 16px;}
.appBox .appBox-D .itemBox .ccon.contact select{width:calc(100%/3);max-width:130px;padding: 14px 20px;}

.appBox .appBox-D .itemBox .ccon.contact_custom{display:flex;align-items:flex-end;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox{min-width:780px;margin-top:5px;margin-right:15px;display:flex;align-items:center;}
.appBox .appBox-D .itemBox .ccon.contact_custom.s4 .dataBox{width:calc(100% - 60px);}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox:first-child{margin-top:0 !important;}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox input[type=text]{width:30%;}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox span{width:70%;display:flex;align-items:center;}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox span font{width:21px;text-align:left;}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox span input[type=text]{width:calc(100%/3 - 21px);}
.appBox .appBox-D .itemBox .ccon.contact_custom .dataBox span select{width:calc(100%/3);}





.appBox .appBox-D .itemBox .ccon.adress{}
.appBox .appBox-D .itemBox .ccon.adress input#address_post{margin-bottom:10px;background:#1774d0;}
.appBox .appBox-D .itemBox .ccon.adress input#address_post::-webkit-input-placeholder{color:#000 !important;}
.appBox .appBox-D .itemBox .ccon.adress input#address_post::-moz-input-placeholder{color:#000 !important;}
.appBox .appBox-D .itemBox .ccon.adress input#address_post::-ms-input-placeholder{color:#000 !important;}
.appBox .appBox-D .itemBox .ccon.adress input#address_address1{width:60%;margin-bottom:5px;}
.appBox .appBox-D .itemBox .ccon.adress input#address_address2{width:40%;}

.appBox .appBox-D .itemBox .ccon.idcard{display:flex;align-items:flex-end;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.idcard .idsample{padding:10px 0;}
.appBox .appBox-D .itemBox .ccon.idcard .idsample *{margin-right:20px;}
.appBox .appBox-D .itemBox .ccon.idcard .idsample img.id{width:30%;max-width:255px;}
.appBox .appBox-D .itemBox .ccon.idcard .idsample font{padding-left:10px;text-indent:-15px;}

.appBox .appBox-D .itemBox .ccon .dataWrap{display:flex;align-items:flex-end;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon .dataWrap .dataBox{min-width:675px;margin-top:10px;}
.appBox .appBox-D .itemBox .ccon .dataWrap .dataBox .custom-file-input{width:0;height:0;opacity:0;position:absolute;z-index:-1;}
.appBox .appBox-D .itemBox .ccon .dataWrap .dataBox .file-name{padding:var(--common-padding);padding-right:40px;margin-right:10px;border:solid 1px #ccc;border-radius:var(--common-border-radius);font-size:var(--common-font-size);line-height:var(--common-line-height);color:#9d9d9d;display:inline-block;}
.appBox .appBox-D .itemBox .ccon .dataWrap .dataBox .custom-label{background-color:#b5b5b5;display:inline-block;}
.appBox .appBox-D .itemBox .ccon.file .dataWrap .dataBox .file-name{min-width:70%;max-width:495px;min-height:52px;}

.appBox .appBox-D .itemBox .ccon.accommodation{display:flex;align-items:flex-start;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.accommodation figure{width:100%;padding-top:60%;margin-top:10px;display:block;overflow:hidden;border-radius:var(--common-border-radius);position:relative;}
.appBox .appBox-D .itemBox .ccon.accommodation figure img{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.appBox .appBox-D .itemBox .ccon.accommodation input[type=button]{width:180px;background:#1774d0;}
.appBox .appBox-D .itemBox .ccon.accommodation input[type=button]::-webkit-input-placeholder{color:#000 !important;}
.appBox .appBox-D .itemBox .ccon.accommodation input[type=button]::-moz-input-placeholder{color:#000 !important;}
.appBox .appBox-D .itemBox .ccon.accommodation input[type=button]::-ms-input-placeholder{color:#000 !important;}

.appBox .appBox-D .itemBox.name{}
.appBox .appBox-D .itemBox.name .ttit{}

.appBox .appBox-D .itemBox.name .gender{width:200px; display:flex; justify-content: flex-end;  align-items: center; ; margin-top: -4px;}
.appBox .appBox-D .itemBox.name .gender .radioBox{width: 80px; display: flex; align-items: center; justify-content: center; margin-top: 2px;}
.appBox .appBox-D .itemBox.name .gender .radioBox b{width:30px;}
.appBox .appBox-D .itemBox.name .gender .radioBox font{width:60px; text-align: left;}



.appBox .appBox-D .itemBox .date_wedding{}
.appBox .appBox-D .itemBox .date_wedding span{display:flex;align-items:flex-start;}
.appBox .appBox-D .itemBox .date_wedding span .ui-datepicker-trigger{width:120px;height:52px;line-height:52px !important;font-size: 18px !important; padding:0 !important;border-radius:10px;font-size:var(--common-font-size);line-height:var(--common-line-height);color:#fff;text-align:center;/*box-shadow:4px 4px 8px rgba(0,0,0,0.2);*/border:none;cursor:pointer;background:#a2623d; margin-right: 10px;}
.appBox .appBox-D .itemBox .date_wedding.seBox{display:flex;align-items:center;}
.appBox .appBox-D .itemBox .date_wedding.seBox span{width: 100%; /*width:calc(40% - 35px);*/}
.appBox .appBox-D .itemBox .date_wedding.seBox font{width:60px;}
.appBox .appBox-D .itemBox .date_wedding.seBox input[type=text]{width:calc(100% - 200px);}


.appBox .appBox-D .itemBox .date_wedding.seBox .radioBox{width: 80px; display: flex; align-items: center; justify-content: center; margin-top: 2px;}
.appBox .appBox-D .itemBox .date_wedding.seBox .radioBox b{width:30px;}
.appBox .appBox-D .itemBox .date_wedding.seBox .radioBox font{width:60px; text-align: left;}



.appBox .appBox-D .itemBox .ccon.email{display:flex;align-items:center;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.email font{width:31px;text-align:left;}
.appBox .appBox-D .itemBox .ccon.email input[type=text]{width:calc(100%/3 - 31px);max-width:160px;}
.appBox .appBox-D .itemBox .ccon.email select{width:calc(100%/3);max-width:160px;}

.appBox .appBox-D .itemBox .ccon.basic_plus span{display:flex;align-items:center;flex-wrap:wrap;}
.appBox .appBox-D .itemBox .ccon.basic_plus span font{color:#9d9d9d;}
.appBox .appBox-D .itemBox .ccon.basic_plus input[type=checkbox]{margin-right:10px;}
.appBox .appBox-D .itemBox .ccon.basic_plus div.disF span{margin-right:40px;}



.appBox .appBox-D .itemBox .ccon .boxLine{margin-right:40px;}

.appBox .appBox-D .itemBox .ccon.item_type{padding-left:20px;}
.appBox .appBox-D .itemBox .ccon.item_type font{margin:3px 12px !important;}
.appBox .appBox-D .itemBox .ccon.item_type font:last-child{margin-right:0;}


    @media screen and (max-width:1700px) {
        .appBox .appBox-D .itemBox .ccon.item_type{justify-content:flex-start;}
    }
    @media screen and (max-width:1600px) {
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{max-width:110px;}
    } 
    @media screen and (max-width:1500px) {
        .appBox .appBox-D .itemBox{width:92%;padding:20px 30px;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{max-width:100px;}

        .formBox input[type=text]{padding:12px 20px;}
        .formBox select{padding:12px 60px 10px 20px;}
    } 
    @media screen and (max-width:1280px) {
        .appBox .appBox-D .itemBox .date_wedding span .ui-datepicker-trigger{width:110px;height:45px;line-height:45px !important;font-size: 18px !important; margin-right: 10px;}
        .appBox .appBox-D .itemBox .ccon.contact select{padding: 12px 18px;}
    }    
    @media screen and (max-width:1100px) {
        .appBox .appBox-D .itemBox .ccon.contact input[type=text]{width:calc(100%/3 - 21px);max-width:110px !important;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/3 - 21px);max-width:100px !important;}
        .appBox .appBox-D .itemBox .ccon.contact select{width:calc(100%/3);max-width:110px !important;}
    }
    @media screen and (max-width:960px) {
        .appBox .appBox-D .itemBox{padding:20px 20px; }
        .appBox .appBox-D .itemBox .ttit{width:120px; margin-bottom: 0px;}
        .appBox .appBox-D .itemBox .ccon{width:calc(100% - 120px);}
        
        .appBox .appBox-D .itemBox .ccon.contact input[type=text]{width:calc(100%/3 - 21px);max-width:100px !important;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/3 - 21px);max-width:80px !important;}
        .appBox .appBox-D .itemBox .ccon.contact select{width:calc(100%/3);max-width:100px !important;}
        .appBox .appBox-D .itemBox .date_wedding span .ui-datepicker-trigger{width:100px;height:42px;line-height:42px !important;font-size: 16px !important; margin-right: 10px;}
        
    }
    @media screen and (max-width:860px) {
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/2 - 21px);max-width:80px !important;}
    }
    @media screen and (max-width:767px) {
        .appBox .appBox-D .itemBox{padding:20px 20px; }
        
        .appBox .appBox-D .itemBox .ttit{width:100%;}
        .appBox .appBox-D .itemBox .ccon{width:100%; padding-left:20px; margin-top: 15px;}
        
        .formBox input[type=text]{padding:5px 20px 5px 10px; font-size: 16px !important;}
        .formBox select{padding:5px 60px 5px 10px; font-size: 16px !important;}
    }
    @media screen and (max-width:660px){
        .appBox .appBox-D .itemBox .ccon.contact input[type=text]{width:calc(100%/3 - 18px);max-width:90px !important;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/3 - 18px);max-width:90px !important;}
        .appBox .appBox-D .itemBox .ccon.contact select{width:calc(100%/3);}
    }
    @media screen and (max-width:640px){
        .appBox .appBox-D .itemBox{padding:15px 15px; }
    }
    @media screen and (max-width:560px){
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/3 - 18px);max-width:70px !important;}
    }
    @media screen and (max-width:460px){
        .appBox .appBox-D .itemBox{padding:20px 15px 22px 15px; }
        
        .appBox .appBox-D .itemBox .ccon.contact input[type=text]{width:calc(100%/1 - 1px) !important;max-width:100% !important;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/1 - 1px) !important;max-width:100% !important; padding-left: 20px;}
        .appBox .appBox-D .itemBox .ccon.contact input[type=number]{width:calc(100%/1 - 1px) !important;max-width:95% !important; margin-left: 20px; margin-top: -10px; font-size: 16px;}
        .appBox .appBox-D .itemBox .ccon.contact font.type23{width: 100%; display: block !important; height: 1px; margin-top: 10px;}
        .appBox .appBox-D .itemBox .ccon.contact select{width:calc(100%/1 - 1px) !important;max-width:100% !important;}
    }
    @media screen and (max-width:420px){
        .appBox .appBox-D .itemBox.name .ttit.disF{display: block;}

        .appBox .appBox-D .itemBox.name .gender{width:100%; display:flex; justify-content: flex-start; margin-top: 0px;}
        
        .appBox .appBox-D .itemBox .date_wedding.seBox input[type=text]{width:calc(100% - 120px);}
        .appBox .appBox-D .itemBox .date_wedding.seBox input[type=number]{width:calc(100% - 120px);}
        .appBox .appBox-D .itemBox .date_wedding span .ui-datepicker-trigger{width:80px;height:40px;line-height:40px !important;font-size: 15px !important;}
    }
    @media screen and (max-width:380px){        
        .appBox .appBox-D .itemBox .date_wedding.seBox input[type=text]{width:calc(100% - 90px);}
        .appBox .appBox-D .itemBox .date_wedding.seBox input[type=number]{width:calc(100% - 90px);}
        .appBox .appBox-D .itemBox .date_wedding span .ui-datepicker-trigger{width:90px;height:38px;line-height:38px !important;font-size: 14px !important;}
        .appBox .appBox-D .itemBox .date_wedding.seBox .radioBox{width: 60px; }
    }



.custom-select {
  color: gray; /* 기본 글씨 색상 */
}
.custom-select option:not(:disabled) {
  color: black; /* 선택 가능한 옵션들의 글씨 색상 */
}


.buCon .checkBox input[type="checkbox"]{display:none;}
.buCon .checkBox .custom-checkbox{width:22px;height:22px;border:1px solid #a0a0a0;border-radius:3px;background-color:#fff;display:inline-block;position:relative;cursor:pointer;}
.buCon .checkBox input[type="checkbox"]:checked + .custom-checkbox{}
.buCon .checkBox input[type="checkbox"]:checked + .custom-checkbox::after{content:"";width:8px;height:17px;content:'';position:absolute;top:-4px;left:6px;border:solid #000;border-width:0 3px 3px 0;transform:rotate(45deg);}
.buCon .checkBox .checkbox-label{width:calc(100% - 22px);padding-left:10px;}




.formBox input[type=text]{padding:14px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:5px;font-size:16px;}
.formBox input[type=text]:last-child{margin-right:0;}
.formBox input[type=text]::-webkit-input-placeholder{color:#000 !important;font-weight: 300; font-size: 16px;}
.formBox input[type=text]::-moz-input-placeholder{color:#000 !important;font-weight: 300; font-size: 16px;}
.formBox input[type=text]::-ms-input-placeholder{color:#000 !important;font-weight: 300; font-size: 16px;}

.formBox input[type=checkbox]{margin-right:14px;display:inline-block;display:none;}
.formBox input[type=checkbox] + label{display:inline-block;position:relative;padding-left:30px;}

.formBox input[type=checkbox] + label:before{content:"";position:absolute;left:0;top:-6px;width:22px;height:22px;display:inline-block;background:url(/img/icon_chk_off.png) no-repeat left center;background-size:cover;}
.formBox input[type=checkbox]:checked + label:before{content:"";background:url(/img/icon_chk_on.png) no-repeat left center;background-size:cover;}

.formBox input[type=checkbox] + label.mt:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;display:inline-block;background:url(/img/icon_chk_off.png) no-repeat left center;background-size:cover;}
.formBox input[type=checkbox]:checked + label.mt:before{content:"";background:url(/img/icon_chk_on.png) no-repeat left center;background-size:cover;}

.formBox .agree {padding-left: 5%;}
.formBox .agree label {color: #000; padding-left: 100px;}
.formBox .agree label a{text-decoration:underline; color: #000;}

.formBox textarea{width:100%;min-height:180px;padding:12px 20px;border:solid 1px #ccc;border-radius:5px;font-size:16px;}

.formBox select{padding:12px 60px 12px 20px;  margin-right:10px;border:solid 1px #ccc;border-radius:5px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 15px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.formBox select:last-child{margin-right:0;}
.formBox select::-ms-expand{display:none;}

    @media screen and (max-width:460px){        
        .formBox input[type=text]{width: 90% !important; padding:8px 20px;margin-top: -20px;}
    }