@charset 'utf-8';

body.fixed { overflow:hidden; }
.lypopup { position:fixed; left:0; top:0; right:0; bottom:0; z-index:20; background-color:rgba(0,0,0,0.8); display:none; overflow-y:auto; }
.lypopup .tail-button { text-align:center; margin-top:55px; }


/* 1. 웨딩홀 :: 2) 관심브랜드
* * * * * * * * * * * * * * * * * * * * * * */
#brand-inq { }
.lypopup .popbx { position:absolute; left:50%; top:100px; width:695px; margin:0 auto; transform:translateX(-50%); box-sizing:border-box; }
.lypopup .popbx:after { display:block; width:100%; height:50px; content:""; } 
.lypopup .popbx .top { position:relative; height:70px; } 
.lypopup .btn-close { position:absolute; right:5px; top:50%; z-index:9; display:block; width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icon/ic_close.png'); cursor:pointer; transform:translateY(-50%); }
.lypopup .contbx { background-color:#fff; padding:60px; }
.lypopup .contbx h3 { text-align:center; font-size:36px; margin-bottom:50px; }
.lypopup .contbx h3 em { font-weight:700; }
.lypopup .contbx .form-bx { }
.lypopup .contbx .form-bx dl { margin-bottom:20px; }
.lypopup .contbx .form-bx dl:last-of-type { margin-bottom:0; }
.lypopup .contbx .button-a { padding:0 20px; }


/* 2. 웨딩스토어 :: 2) 스드메 계산기
* * * * * * * * * * * * * * * * * * * * * * */
#ly-calculate { }
.lypopup .popbx .top .title { font-size:36px; color:#ffffff; font-weight:300; line-height:1.5; text-align:center; }
.lypopup .popbx .top .title b { font-weight:700; }
#ly-calculate .popbx { width:900px; }
#ly-calculate .contbx { padding:40px 0; }
#ly-calculate .contbx .text { font-size:16px; line-height:1.5; text-align:center; color:#5b5b5b; font-family: 'Noto Sans KR', sans-serif; font-weight:300; margin-bottom:30px; }
#ly-calculate .list { width:100%; height:657px; overflow:hidden; overflow-y:auto; }
#ly-calculate .list > li { position:relative; float:left; width:33.33%; padding:25px 0 25px 20px; box-sizing:border-box; }
#ly-calculate .list > li .inr { position:relative; display:inline-block; }
#ly-calculate .list > li:nth-child(3n+1):after { position:absolute; left:0; bottom:0; display:block; width:300%; height:1px; background-color:#dfdfdf; content:""; }
#ly-calculate .list > li label { font-family: 'Noto Sans KR', sans-serif; margin-right:15px; }
#ly-calculate .list > li .btn-gallery { position:relative; display:inline-block; width:21px; height:23px; background-repeat:no-repeat; background-position:center top; background-image:url('../img/icon/pic.jpg'); cursor:pointer; vertical-align:middle; }

.ly-balloon { position:absolute; right:-500px; top:0; display:block; width:460px; min-height:80px; height:auto !important; height:80px; background-color:#11bdff; padding:16px 28px; font-size:20px; line-height:1.4; color:#fff; border-radius:60px; z-index:9; display:none; box-sizing:border-box; }
.ly-balloon:before { position:absolute; left:-25px; top:0; display:block; width:100px; height:50px; background-repeat:no-repeat; background-position:center; background-image:url('../img/store/edge.png'); content:""; }
.ly-balloon .check { position:relative; height:80px; line-height:80px; padding-left:25px;}
.ly-balloon .check .btn-ok { position:absolute; right:25px; top:0; display:block; width:80px; height:80px; line-height:80px; font-size:20px; border-radius:100px; text-align:center; background-color:#ffffff; color:#585858; cursor:pointer; }
.ly-balloon .tit { position:relative; z-index:9; padding-left:25px; line-height:60px; }
.ly-balloon .opt-list { border-top:1px solid #ffffff;  border-bottom:1px solid #ffffff; padding:25px; margin-bottom:30px; }
.ly-balloon .opt-list li  { margin-bottom:12px; }
.ly-balloon .opt-list li:last-child { margin-bottom:0; } 
.ly-balloon .opt-list li label { font-size:20px; height:auto; line-height:1.5; color:#fff; font-weight:300; } 
.ly-balloon .opt-list li input[type="radio"] + label:before { top:4px; width:24px; height:24px; background:transparent; border:0; background-image:url('../img/icon/ic_checked_off.png'); }
.ly-balloon .opt-list li input[type="radio"]:checked + label:before { background:transparent; border:0; background-image:url('../img/icon/ic_checked_on.png'); }

/*  2) 스드메 계산기 결과 상담청하기 */
#ly-counseling-req { }
#ly-counseling-req .popbx { width:700px; }
#ly-counseling-req .contbx { }
#ly-counseling-req .contbx h3 { line-height:1.4; color:#1e2831; text-align:center; margin-bottom:50px; }
#ly-counseling-req dl.package { border-bottom:1px solid #dddddd; }
#ly-counseling-req dl.package dt,
#ly-counseling-req dl.package dd { }
#ly-counseling-req dl.package dd { padding:15px 20px; font-size:18px; line-height:1.4; color:#040404; }
#ly-counseling-req .form-bx dd .ta { height:110px; }


/*  4) 02-01-스튜디오-상세페이지 */
#ly-gallery .popbx { width:100%;  }
#ly-gallery .top,
#ly-img-slider .swiper-container { width:694px; margin:0 auto; }
#ly-img-slider .swiper-button-prev:after,
#ly-img-slider .swiper-button-next:after { display:none; }
#ly-img-slider .swiper-button-prev,
#ly-img-slider .swiper-button-next { display:block; width:27px; height:42px; background-repeat:no-repeat; background-position:center; outline:none; cursor:pointer; }
#ly-img-slider .swiper-button-prev { background-image:url('../img/icon/ic_ly_prev.png'); }
#ly-img-slider .swiper-button-next { background-image:url('../img/icon/ic_ly_next.png'); }

#ly-mov { }
#ly-mov .popbx { width:1200px; }
#ly-mov .mov { position:relative; }
#ly-mov .mov iframe { display:block; width:100%; }





/* 10. 문의
* * * * * * * * * * * * * * * * * * * * * * */
.lypopup .contbx .form-bx dl.h-type { border-bottom:1px solid #dddddd; padding:12px 0; }
.lypopup .contbx .form-bx dl.h-type label { margin-right:9px; }
.lypopup .contbx .form-bx dl.h-type label:last-of-type { margin-right:0; }
.lypopup .contbx .terms { position:relative; margin-top:20px; padding-top:10px; display:none; }
.lypopup .contbx .terms .btn-view {  position:absolute; right:0; top:0; display:block; width:125px; height:36px; line-height:36px; border:1px solid #dcdddd; border-radius:7px; text-align:center; font-size:14px; color:#000; } 

.nonmember { }
.nonmember .form-bx dd .ta { height:130px; }
.nonmember .contbx .terms { display:block; }

.lypopup .contbx .form-bx dl.check-list { border-bottom:1px solid #dddddd; padding:12px 0; }
.lypopup .contbx .form-bx dl.check-list label { margin-right:20px; }





/* 11. 마이페이지 :: 4) 포인트안내
* * * * * * * * * * * * * * * * * * * * * * */
.guide-view .popbx { width:600px; }
.guide-view .contbx { padding:50px 40px 70px 40px; }
.guide-view .title { font-size:36px; line-height:1.45; color:#333333; text-align:center; font-weight:700;  margin-bottom:30px; padding-top:110px; background-repeat:no-repeat; background-position:center top; letter-spacing:-1px; }
.guide-view .title.p1 { background-image:url('../img/mypage/ic_point01.jpg'); }
.guide-view .title.p2 { background-image:url('../img/mypage/ic_point02.jpg'); }
.guide-view .title.p3 { background-image:url('../img/mypage/ic_point03.jpg'); }
.guide-view .title.p4 { background-image:url('../img/mypage/ic_point04p.jpg'); }
.guide-view .title.p5 { background-image:url('../img/mypage/ic_point05p.jpg'); }
.guide-view .title.p6 { background-image:url('../img/mypage/ic_point06p.jpg'); }
.guide-view .title.p7 { background-image:url('../img/mypage/ic_point07p.jpg'); }
.guide-view .title.p8 { background-image:url('../img/mypage/ic_point08p.jpg'); }
.guide-view .title.p9 { background-image:url('../img/mypage/ic_point09p.jpg'); }
.guide-view .title.p10 { background-image:url('../img/mypage/ic_point10p.jpg'); }
.guide-view .title.p11 { background-image:url('../img/mypage/ic_point11p.jpg'); }
.guide-view .explanation,
.guide-view .noti { font-size:20px; line-height:1.45; color:#333333; text-align:center;  letter-spacing:-1px; } 
.guide-view .explanation { }
.guide-view .explanation em { display:inline-block; color:#fe0101; vertical-align:middle; }
.guide-view .noti { color:#000000; border-top:1px dashed #777; padding-top:30px; margin-top:40px; }

#p-guide4 .title { background-position:center 16px; }
#p-guide5 .title { background-position:center 10px; }
#p-guide6 .title { background-position:center 10px; }
#p-guide7 .title { background-position:center 7px; }