@charset 'utf-8';

#main-banner { position:relative; width:1638px; margin:0 auto; margin-bottom:55px; }
#main-banner .swiper-container { position:relative; border-radius:25px; height:577px; }
#main-banner .control-bx { margin-top:25px; padding-left:500px; }
#main-banner .swiper-pagination,
#main-banner .swiper-button-next, 
#main-banner .swiper-button-prev { position:static; display:inline-block; width:auto; vertical-align:middle; }
#main-banner .swiper-button-next:after,
#main-banner .swiper-button-prev:after { display:none; }
#main-banner .swiper-button-next, 
#main-banner .swiper-button-prev { width:10px; height:15px; top:0; margin-top:0; background-repeat:no-repeat; background-position:center; margin:0 20px; outline:none; }
#main-banner .swiper-button-next { background-image:url('../img/icon/ic_slide_next.png'); }
#main-banner .swiper-button-prev { background-image:url('../img/icon/ic_slide_prev.png'); }
#main-banner .swiper-button-next:hover { background-image:url('../img/icon/ic_slide_next_on.png'); }
#main-banner .swiper-button-prev:hover { background-image:url('../img/icon/ic_slide_prev_on.png'); }
#main-banner .swiper-pagination { font-size:16px; color:#000; margin-right:10px; }
#main-banner .swiper-pagination .swiper-pagination-current { color:#000; font-weight:700; }
#main-banner .swiper-pagination .swiper-pagination-total { color:#b3b2b2; }


/*  1) 인기 서비스 */
#section-service { }

/* h3 */
h3.h3 { font-size:34px; line-height:1.3; text-align:center; color:#202020; margin-bottom:40px; }
.hgroup { margin-bottom:50px; }
.hgroup h3.h3 { margin-bottom:10px; }
.hgroup .text { font-size:18px; text-align:center; font-weight:400; line-height:1.4; text-align:center; letter-spacing:-0.25px; color:#828181; }

/* item-list */
.item-list { width:1504px; overflow:hidden; text-align:center; margin:0 auto; margin-bottom:60px; }
.item-list li { display:inline-block; vertical-align:top; width:136px; margin:0 20px 30px 20px;  }
.item-list .img { display:block; width:136px; height:136px; overflow:hidden; border-radius:100px; }
.item-list .title { display:block; font-size:18px; line-height:1.4; color:#101010; margin-top:25px; }

/*  메인 컨텐츠 */
.content-section { }
.content-section .top { position:relative; }
.content-section .top h3.h3 { width:1638px; margin:0 auto; text-align:right; }
.content-section .menu-section { position:absolute; left:50%; top:45px; text-align:center; transform:translateX(-50%); }
.content-section .menu-section li { position:relative; display:inline-block; }
.content-section .menu-section li a { display:block; width:60px; height:30px; background-repeat:no-repeat; background-position:center; color:#fff; font-size:14px; }
.content-section .menu-section li .title { position:absolute; left:50%; top:-36px; display:block; width:106px; height:31px; line-height:31px; text-align:center; transform:translateX(-50%); background-color:#000000; border-radius:40px; display:none; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
.content-section .menu-section li .title:after { position:absolute; left:50%; bottom:-4px; width:7px; height:4px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icon/ic_arrow_edge.png'); transform:translateX(-50%); content:""; }
.content-section .menu-section li.m1 .title { width:106px; }
.content-section .menu-section li.m2 .title { width:126px; }
.content-section .menu-section li.m3 .title { width:156px; }
.content-section .menu-section li.m4 .title { width:126px; }
.content-section .menu-section li.m5 .title { width:116px; }
.content-section .menu-section li.m6 .title { width:116px; }

.content-section .menu-section li:hover .title { display:block; }
.content-section .menu-section li.m1 a { background-image:url('../img/icon/ic_menu01_off.png'); }
.content-section .menu-section li.m2 a { background-image:url('../img/icon/ic_menu02_off.png'); }
.content-section .menu-section li.m3 a { background-image:url('../img/icon/ic_menu03_off.png'); }
.content-section .menu-section li.m4 a { background-image:url('../img/icon/ic_menu04_off.png'); }
.content-section .menu-section li.m5 a { background-image:url('../img/icon/ic_menu05_off.png'); }
.content-section .menu-section li.m6 a { background-image:url('../img/icon/ic_menu06_off.png'); }
.content-section .menu-section.w li.m1 a { background-image:url('../img/icon/ic_menu01_off2.png'); }
.content-section .menu-section.w li.m2 a { background-image:url('../img/icon/ic_menu02_off2.png'); }
.content-section .menu-section.w li.m3 a { background-image:url('../img/icon/ic_menu03_off2.png'); }
.content-section .menu-section.w li.m4 a { background-image:url('../img/icon/ic_menu04_off2.png'); }
.content-section .menu-section.w li.m5 a { background-image:url('../img/icon/ic_menu05_off2.png'); }
.content-section .menu-section.w li.m6 a { background-image:url('../img/icon/ic_menu06_off2.png'); }
.content-section .menu-section li.m1.current a { background-image:url('../img/icon/ic_menu01.png'); }
.content-section .menu-section li.m2.current a { background-image:url('../img/icon/ic_menu02.png'); }
.content-section .menu-section li.m3.current a { background-image:url('../img/icon/ic_menu03.png'); }
.content-section .menu-section li.m4.current a { background-image:url('../img/icon/ic_menu04.png'); }
.content-section .menu-section li.m5.current a { background-image:url('../img/icon/ic_menu05.png'); }
.content-section .menu-section li.m6.current a { background-image:url('../img/icon/ic_menu06.png'); }

.content-section .content { width:1504px; text-align:center; padding-top:40px; padding-bottom:75px; margin:0 auto; }
.content-section .content .hd_text { text-align:center; margin-bottom:80px; }
/* btn-tail */
.btn-tail { text-align:center; }
.btn-tail .btn-more { 
	display:inline-block; width:47px; height:47px;  background-repeat:no-repeat; background-position:center;background-image:url('../img/icon/ic_more.png'); cursor:pointer;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-tail .btn-more:hover {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* 1) 웨딩패키지 */
#package { background-color:#ffcc33; }
#package .top { background-color:#ffffff; text-align:center; }
#package .content { text-align:center; }
#package .btn-calculator { display:inline-block; text-align:center; margin-top:65px; }
#package .swiper-slide .itembx .price-info .price { color:#a48939; }


/* package-slide */
.package-slide { position:relative; margin:0 auto; margin-bottom:65px; }
.package-slide .swiper-slide { }
.package-slide .swiper-slide .itembx { position:relative; cursor:pointer; text-align:left; }
.package-slide .swiper-slide .itembx .img { margin-bottom:20px; width:352px; height:432px; }
.package-slide .swiper-slide .itembx .package { font-size:16px; line-height:1.35; color:#030303; margin-bottom:10px; text-align:left; }
.package-slide .swiper-slide .itembx .title { font-size:20px; line-height:1.3; color:#030303; text-align:left; }
.package-slide .swiper-slide .itembx .flag-bx { position:absolute; left:0; top:0; z-index:1; }
.package-slide .swiper-slide .itembx .flag { float:left; display:block; width:71px; height:49px; background-repeat:no-repeat; background-position:center; color:transparent; }
.package-slide .swiper-slide .itembx .flag.best { background-image:url('../img/icon/flag_best.jpg'); }
.package-slide .swiper-slide .itembx .flag.hot { background-image:url('../img/icon/flag_hot.jpg'); }
.package-slide .swiper-slide .itembx .flag.recom { background-image:url('../img/icon/flag_recom.jpg'); }
.package-slide .swiper-slide .itembx .flag.event { background-image:url('../img/icon/flag_event.jpg'); }

.package-slide .swiper-button-prev,
.package-slide .swiper-button-next { position:absolute; top:217px; margin-top:0; display:block; width:26px; height:40px; outline:none; cursor:pointer; background-repeat:no-repeat; background-position:center; }
.package-slide .swiper-button-prev:after, 
.package-slide .swiper-button-next:after { display:none; }
.package-slide .swiper-button-prev { left:-67px; background-image:url('../img/icon/ic_prev.png'); }
.package-slide .swiper-button-next { right:-67px; background-image:url('../img/icon/ic_next.png'); }




/* 2) 웨딩앤 리얼후기 */
#postscript { background-color:#f9f9f9; }
#postscript .top { background-color:#ffcc33;  }
#postscript .top h3.h3 { text-align:left; }
#postscript .content { padding-top:130px; }

/* list-gallery */
.list-gallery { position:relative; width:1504px; overflow:hidden; margin:0 auto; z-index:0; }
.list-gallery li { float:left; width:352px; margin-right:32px; margin-bottom:50px; }
.list-gallery li:nth-of-type(4n) { margin-right:0; } 
.list-gallery li .itembx { position:relative; cursor:pointer; }
.list-gallery li .itembx .img { position:relative; margin-bottom:20px; }
.list-gallery li .itembx .title { font-size:20px; line-height:1.35; color:#494848; text-align:left;  font-weight:700; margin-bottom:7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.list-gallery li .itembx .hash-tags { font-size:17px; line-height:1.4; text-align:left; color:#adadad; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-gallery li .itembx .location { font-size:14px; line-height:1.4; color:#888888; margin-bottom:7px; text-align:left; }
.list-gallery li .itembx .tag { position:absolute; left:0; top:0; display:block; width:62px; height:32px; line-height:32px; background-color:#fc0303; color:#fff; font-size:14px; text-align:center; }
.list-gallery li .itembx .flag-bx { position:absolute; left:0; top:0; z-index:1; }
.list-gallery li .itembx .flag { float:left; display:block; width:71px; height:49px; background-repeat:no-repeat; background-position:center; color:transparent; }
.list-gallery li .itembx .flag.best { background-image:url('../img/icon/flag_best.jpg'); }
.list-gallery li .itembx .flag.hot { background-image:url('../img/icon/flag_hot.jpg'); }
.list-gallery li .itembx .flag.event { background-image:url('../img/icon/flag_event.jpg'); }
.list-gallery li .itembx .flag.recom{ background-image:url('../img/icon/flag_recom.jpg'); }

.list-gallery.comm .itembx .title,
.list-gallery.cont .itembx .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	height:54px;
}
.list-gallery.youtube li {
	width:460px;
}
.list-gallery.youtube li:nth-of-type(3n) { margin-right:0; } 
.list-gallery.youtube li:nth-of-type(4n) { margin-right:32px; } 
.list-gallery.youtube .itembx .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height:54px;
}
.list-gallery.youtube .itembx .hash-tags {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-gallery.youtube li .itembx .img {
	width:460px;
	height:258px;
	overflow:hidden;
}
.list-gallery.youtube li .itembx .img img {
	max-width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.list-gallery li .itembx .category { font-size:17px; line-height:1.35; color:#7c7c7c; margin-bottom:5px; text-align:left; }
.list-gallery li .itembx .event-info { font-size:20px; line-height:1.35; color:#fb0606; margin-bottom:10px; text-align:left; }
.list-gallery li .itembx .summary { font-size:14px; line-height:1.35; color:#999999; text-align:left; }
.list-gallery li .itembx .text { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border:8px solid #d50106; background-color:rgba(0,0,0,0.5); text-align:center; display:none; line-height:416px; font-size:17px; color:#fff; transition: all 0.5s ease; }
.list-gallery li .itembx:hover .text { display:block; }
.list-gallery li .itembx .brand { font-size:20px; line-height:1.4; color:#494848; text-align:left; font-weight:700; margin-bottom:4px; } 
.list-gallery li .itembx .benefit { font-size:20px; line-height:1.35; color:#fb0606; font-weight:700; margin-bottom:10px; text-align:left; }
.list-gallery li .itembx .caption { font-size:14px; line-height:1.35; color:#999999; text-align:left; }
.list-gallery li .itembx .date { font-size:17px; line-height:1.4; color:#9243df; text-align:left; margin-top:15px; }



/* 3) 인기 드레스/스튜디오 */
#studio { background-color:#ffffff; }
#studio .top { background-color:#f9f9f9;}
#studio .content { padding:130px 0; }
#studio .content .hd_text { margin-bottom:35px; }
.tabs-dress_studio { margin-bottom:42px; }
.tabs-dress_studio a { display:inline-block; width:198px; height:48px; line-height:48px; border:2px solid #cccccc; border-radius:100px; text-align:center; margin:0 15px; font-size:18px; color:#7c7c7c; cursor:pointer; }
.tabs-dress_studio a.current { border:2px solid #e7141a; color:#040404; }

.dress-studio { position:relative; width:1400px; margin:0 auto; }
.dress-studio .list-img { width:100%; }
.dress-studio .list-img li { position:relative; float:left; width:350px; }
.dress-studio .list-img li .title { position:absolute; left:0; top:0; right:0; bottom:0; display:block; border:2px solid #e7141a; background-color:rgba(0,0,0,0.5); z-index:1; color:#fff; font-size:20px; line-height:430px; vertical-align:middle; display:none; } 
.dress-studio .list-img li:hover .title { display:block; }

.dress-studio .control-bx { position:absolute; right:0; top:-45px; }
.dress-studio .swiper-pagination,
.dress-studio .swiper-button-next, 
.dress-studio .swiper-button-prev { position:static; display:inline-block; width:auto; vertical-align:middle; }
.dress-studio .swiper-button-next:after,
.dress-studio .swiper-button-prev:after { display:none; }
.dress-studio .swiper-button-next, 
.dress-studio .swiper-button-prev { width:10px; height:15px; top:0; margin-top:0; background-repeat:no-repeat; background-position:center; margin:0 20px; outline:none; }
.dress-studio .swiper-button-next { background-image:url('../img/icon/ic_slide_next.png'); }
.dress-studio .swiper-button-prev { background-image:url('../img/icon/ic_slide_prev.png'); }
.dress-studio .swiper-button-next:hover { background-image:url('../img/icon/ic_slide_next_on.png'); }
.dress-studio .swiper-button-prev:hover { background-image:url('../img/icon/ic_slide_prev_on.png'); }
.dress-studio .swiper-pagination { font-size:16px; color:#000; margin-right:10px; }
.dress-studio .swiper-pagination .swiper-pagination-current { color:#000; font-weight:700; vertical-align:top; }
.dress-studio .swiper-pagination .swiper-pagination-total { color:#b3b2b2; vertical-align:top; }



/* 4) 웨딜홀 혜택 */
#benefit { background-color:#f6f1e6; }
#benefit .top { background-color:#ffffff; }
#benefit .top h3.h3 { text-align:left; }
#benefit .content { padding:120px 0 40px 0; }
#benefit .content .hd_text { margin-bottom:98px; }

.list-gallery.hall { width:1370px; margin-bottom:45px; }
.list-gallery.hall li { width:317px; }


#benefit .tabs-benefit { margin-bottom:60px; }
#benefit .tabs-benefit li { position:relative; display:inline-block; }
/*
#benefit .tabs-benefit a { display:inline-block; padding:0 30px; height:48px; line-height:46px; box-sizing:border-box; font-size:18px; color:#141414; } 
#benefit .tabs-benefit a.current { border:2px solid #af130c; }
*/

/* view more custom */
.custom_viewmore { position:relative; display:inline-block; padding:0 30px; height:48px; line-height:46px; text-align: center; font-size:18px;color:#141414; overflow:visible; cursor:pointer; }
.custom_viewmore:after {content:none;}
.custom_viewmore span.copy {display:inline-block; transform:translate(0, 0); transition:all 0.3s;}
.custom_viewmore span.line {position:absolute; width:100%; height:100%; border-color:rgb(175, 19, 12); }
.custom_viewmore span.line_l {top:0; left:0;}
.custom_viewmore span.line_r {bottom:0; right:0;}
.custom_viewmore span.line:before {content:""; position:absolute; width:1px; height:100%; display: block; transition:all 0.15s; }
.custom_viewmore span.line:after {content:""; position:absolute; width:100%; height:1px; display: block; transition:all 0.15s;}
.custom_viewmore span.line_l:before {top:0; left:0; height:0; border-left:2px solid #fff; border-color:inherit;}
.custom_viewmore span.line_l:after {top:0; right:0; width:0; border-top:2px solid #fff; border-color:inherit;}
.custom_viewmore span.line_r:before {bottom:0; right:0; height:0; border-right:2px solid #fff; border-color:inherit;}
.custom_viewmore span.line_r:after {bottom:0; left:20px; width:70%; width:0%; border-bottom:2px solid #fff; border-color:inherit;}

.custom_viewmore:hover { opacity:1; }
.custom_viewmore.on span.copy {transform:translate(0, 0);}
.custom_viewmore.on span.line_r:after {left:0; width:100%;}
.custom_viewmore.on span.line_r:before {height:100%; transition-delay: 0.1s;}
.custom_viewmore.on span.line_l:after {width:100%; transition-delay: 0.25s;}
.custom_viewmore.on span.line_l:before {height:100%; transition-delay: 0.4s;}

.custom_viewmore.off span.copy { transform:translate(0, 0); }
.custom_viewmore.off span.line_r:after {left:20px; width:70%; width:0%; transition-delay: 0.4s;}
.custom_viewmore.off span.line_r:before {height:0; transition-delay: 0.25s;}
.custom_viewmore.off span.line_l:after {width:0; transition-delay: 0.1s;}
.custom_viewmore.off. span.line_l:before {height:0; }
.custom_viewmore.off span.line_r:after {left:20px; width:70%; width:0%; transition-delay: 0.4s;}







#benefit .content .btn-tail { margin-bottom:35px; }

#benefit .btn-benefit_request { position:relative; display:block; width:370px; height:64px; line-height:64px; color:#111; font-size:18px; font-weight:700; border:2px solid #af130c; border-radius:100px; overflow:hidden; margin:0 auto; cursor:pointer; }
#benefit .btn-benefit_request:after { position:absolute; right:16px; top:25px; display:block; width:45px; height:14px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/ic_link_arrow.jpg'); content:""; }




/* 5) 이벤트 */
#event { background-color:#fde2e2; }
#event .top { background-color:#f6f1e6; }
#event .content { padding-top:140px; }
#event .list-gallery li .itembx { cursor:pointer; }
#event .list-gallery li .itembx .img { margin-bottom:20px; }
#event .list-gallery li .itembx .date { margin-top:15px; font-size:16px; color:#313131; line-height:1.4; text-align:left; }




/* 6) 웨딩패키지 */
#point { background-color:#ffffff; }
#point .top { background-color:#fde2e2; }
#point .top h3.h3 { text-align:left; }
#point .content { padding-top:120px; }
#point .content .hd_text { margin-bottom:0px; padding-bottom:80px; cursor:pointer; }

#point .point-list { display:block; width:1419px; overflow:hidden; margin:0 auto; border:1px solid #cac9c9; margin-bottom:60px; cursor:pointer; }
#point .point-list li { float:left; width:128px; font-size:16px; border-right:1px solid #cac9c9; background-repeat:no-repeat; background-position:center top; }
#point .point-list li:last-child { border-right:0; } 
#point .point-list li span { display:block;  color:#575656; height:138px; padding-top:95px; box-sizing:border-box; }
#point .point-list li.p1 { background-image:url('../img/main/ic_point01.jpg'); }
#point .point-list li.p2 { background-image:url('../img/main/ic_point02.jpg'); }
#point .point-list li.p3 { background-image:url('../img/main/ic_point03.jpg'); }
#point .point-list li.p4 { background-image:url('../img/main/ic_point04.jpg'); }
#point .point-list li.p5 { background-image:url('../img/main/ic_point05.jpg'); }
#point .point-list li.p6 { background-image:url('../img/main/ic_point06.jpg'); }
#point .point-list li.p7 { background-image:url('../img/main/ic_point07.jpg'); }
#point .point-list li.p8 { background-image:url('../img/main/ic_point08.jpg'); }
#point .point-list li.p9 { background-image:url('../img/main/ic_point09.jpg'); }
#point .point-list li.p10 { background-image:url('../img/main/ic_point10.jpg'); }
#point .point-list li.p11 { background-image:url('../img/main/ic_point11.jpg'); }

#point .naver-cafe { text-align:center; margin-bottom:125px; }
#point .event-bnr { text-align:center; }
#point .event-bnr .bnr	 { display:inline-block; margin:0 10px; }


/* 혼수례택대첩 */
.event_benefit { background-color:#5c3fea; text-align:center; }