@charset 'utf-8';

.container { }
.contents { position:relative; width:1120px; min-height:calc(100vh - 498px); padding:50px 0 100px 0; margin:0 auto; }
.contents.max1000 { width:1000px; }

.contents h3.tit { font-size:40px; font-weight:500; text-align:center; margin-bottom:50px; }
.contents h4 { font-size:30px; font-weight:500; margin-bottom:10px; }
.contents h4 small { font-weight:300; color:#555; }

.contents .sub-top { margin-bottom:50px; }
.contents .sub-top h3.tit { margin-bottom:0; }
.contents .sub-top .summary { text-align:center; font-size:15px; margin-top:10px; color:#777; }

/* tail-btns */
.tail-btns { display:flex; align-items:center; justify-content:center; margin-top:50px; }
.tail-btns .btn-basic { display:flex; align-items:center; justify-content:center; background-color: #fd0100; color: #fff; font-size: 27px; text-align: center; border-radius: 70px; font-weight: 500; border-radius:80px; width:280px; height:70px; }



/* 1. 회사소개
* * * * * * * * * * * * * * * * * * * * */
.logo-img { display:flex; gap:20px; margin:70px 0 50px 0; }
.introduction-text { font-size:17px; line-height:1.55; max-width:70%; padding-left:50px; }
.introduction-text p { margin-bottom:20px; word-break:keep-all; }
.introduction-text p strong { font-size:27px; }



/* 2. 웨딩플래너 소개
* * * * * * * * * * * * * * * * * * * * */
.about-wed-planner { text-align:center; }
.about-wed-planner .basic-info { max-width:1000px; margin:0 auto; }
.about-wed-planner .basic-info dt { font-size:32px; line-height:1.55; font-weight:500; margin-bottom:30px; }
.about-wed-planner .basic-info dt em { color:#6e6857; }
.about-wed-planner .basic-info dd { }
.about-wed-planner .basic-info dd ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
.about-wed-planner .basic-info dd ul li { background-color:#faf6ea; color:#6e6857; font-size:17px; line-height:1.55; display:flex; align-items:center; justify-content:center; text-align:center; flex-flow: column; border-radius:500px; height:313px; }
.about-wed-planner .basic-info dd ul li strong { margin-bottom:10px; }

.about-wed-planner .text { margin-top:50px; font-size:21px; line-height:1.55; font-weight:500; }
.about-wed-planner .text p { }
.about-wed-planner .text p em { color:#6e6857; }

.planner-list-top { margin-top:120px; }
.planner-list-top dt,
.planner-list-top dd { text-align:center; font-size:15px; line-height:1.45; }
.planner-list-top dt { font-size:34px; margin-bottom:20px; font-weight:500; }
.planner-list-top dt em { color:#6e6857; }
.planner-list-top dd { font-size:17px; line-height:1.55; }
.planner-list-top dd b { }

.planner-list { display:grid; grid-template-columns:repeat(5, 1fr); gap:40px 20px; margin-top:50px; }
.planner-list li { position:relative; }
.planner-list li img { width:100%; height:auto; }
.planner-list li span { display:block; text-align:center; margin-top:10px; font-size:15px;  }



/* 3. 스드메
* * * * * * * * * * * * * * * * * * * * */
.recommended-package { margin-bottom:50px; }
#recommend-slide { position:relative; }
#recommend-slide .swiper-slide { }
#recommend-slide .package-box { cursor:pointer; }
#recommend-slide .package-box .package-img { height:170px; overflow:hidden; }
#recommend-slide .package-box .package-img img { width:100%; height:auto; }
#recommend-slide .package-box .package-info { border: 1px solid #ddd; border-top:0; font-size:13px; padding:15px; box-sizing:border-box; display:block; margin-bottom:0; }
#recommend-slide .package-box .package-info .title { font-size:17px; font-weight:500; margin-bottom:20px; }
#recommend-slide .package-box .package-info .company-info { margin-bottom:10px; }
#recommend-slide .package-box .package-info .company-info p { display:flex; gap:5px; } 
#recommend-slide .package-box .package-info .company-info p b { font-weight:500; }
#recommend-slide .package-box .package-info .company-info .s { }
#recommend-slide .package-box .package-info .company-info .d { }
#recommend-slide .package-box .package-info .company-info .m { }
#recommend-slide .package-box .package-info .exp { }
#recommend-slide .package-box .package-info .date { }

#recommend-slide .swiper-pagination { position:static; margin-top:10px; }
#recommend-slide .swiper-button-prev,
#recommend-slide .swiper-button-next { color:#aaa; }
#recommend-slide .swiper-button-prev { left:-50px; }
#recommend-slide .swiper-button-next { right:-50px; }

.sdm-details { /* position: sticky; top:0; */ background-color:#fff; z-index:1000; padding-top:10px; }
.biz-list-box { border:1px dashed #ccc; border-radius:15px; }
.biz-list-box .title { width:200px; display:block; background-color:#fff; color:#000; font-size:15px; padding:5px 0; text-align:center; margin:0 auto; margin-top:-15px; border-radius:10px; border:2px solid #333; }
.biz-list-box .biz-list { display:flex; gap:7px 20px; flex-wrap:wrap; padding:20px 20px 25px 20px;  }
.biz-list-box .biz-list li { font-size:14px; }
.biz-list-box .biz-list li a { display:block; color:#111; }
.biz-list-box .biz-list li a.current { color:#e7141a; font-weight:500; padding:0 5px; border-radius:5px; border-top:1px solid #e7141a; border-bottom:1px solid #e7141a; }
.biz-list-box .biz-list li a:hover { color:#e7141a; }

#gallery-list-box { position:relative; margin-top:50px; }
#gallery-list-box .title { font-weight:500; font-size:21px; margin-bottom:10px; }
#gallery-list-box .gallery-list { }
#gallery-list-box .gallery-list li { margin-bottom:20px; text-align:center; }
#gallery-list-box .gallery-list li img { width:100%; height:auto; }


/* package-info */
.package-info { display:grid; grid-template-columns:250px 1fr; gap:20px; margin-bottom:100px; }
.package-info .mitembox { border:1px solid #ccc; }
.package-info .mitembox dt { }
.package-info .mitembox dt img { width:100%; height:auto; }
.package-info .mitembox dd { padding:20px; font-size:15px; line-height:1.45; }
.package-info .mitembox dd .subject { margin-bottom:20px; font-weight:500; }

.package-info .item_table {}
.package-info .item_table table{}
.package-info .item_table th, .package-info .item_table td{
	border:1px solid #ccc;
	padding:10px;
	font-size:13px;
	vertical-align:middle;
	color:#777;
}

.package-info .item_table td .expire_date{
	font-size:12px;
	color:#ea6e00;
	margin-left:10px;
}
.package-info .item_table thead th{
	font-size:14px;
	color:#333;
	background-color: #eaeaea;
	border-bottom: 1px solid #777;
	border-top: 2px solid #333;
}
.package-info .item_table tbody th{
	background-color: #fafafa;
	border-right: 1px solid #ddd;
	color: #333;
	font-weight: normal;
}
.package-info .total, .package-info .login_require{
	font-size:14px;
	height:36px;
	text-align:right;
	color:#555;
	border-bottom:1px solid #ccc;
	padding:10px 10px 5px 20px;
}
.package-info .total span, 
.package-info .total strong{
	display:inline-block;
	vertical-align:bottom;
	line-height:1.25em;
}
.package-info .total span{
	padding-bottom:3px;
}
.package-info .total strong{
	font-size:28px;
	color:#333;
	letter-spacing:-0.025em;
}
.package-info .login_require{
	text-align:center;
	font-size:14px;
	line-height:2.4em;
	color:#ea6e00;
}
/* sw_description */
.sw_description{margin-bottom:30px;}
.sw_description .contents{
	margin-bottom:30px;
	line-height:1.35em;
}
.sw_description .description{
	background-color:#fafafa;
	border:1px solid #ccc;
	padding:30px 50px;
	line-height:1.35em;
	font-size:13px;
	color:#555;
}



/* description */
.package-description { background-color:#fafafa; border:1px solid #ccc; padding:30px 50px; margin-top:50px; border-radius:5px; }
.package-description dt{font-size:16px; font-weight:bold; padding-bottom:10px;}
.package-description dd{}
.package-description dd li{line-height:24px; font-size:14px;}



/* 4. 혼수
* * * * * * * * * * * * * * * * * * * * */
#gallery-wr { position:relative; max-width:900px; margin:0 auto; }
#gallery-slide { }
#gallery-slide .swiper-slide { }
#gallery-slide .swiper-slide img { width:100%; height:auto; }
#gallery-slide-thumbs { margin-top:20px; }
#gallery-slide-thumbs .swiper-slide { position:relative; cursor:pointer; }

#gallery-slide-thumbs .swiper-slide.swiper-slide-thumb-active:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #6e6857; }


/* 5. 찾아오시는길
* * * * * * * * * * * * * * * * * * * * */
.location-area { }
.location-area iframe { width:100%; height:500px; }

.address-info { margin-top:30px; }
.address-info dt { font-size:21px; font-weight:500; margin-bottom:10px; }
.address-info dd { font-size:17px; }


/* 6. 상담신청
* * * * * * * * * * * * * * * * * * * * */
.form-box { max-width:800px; margin:0 auto; border-top:2px solid #6e6857; }
.form-box dl { display:grid; grid-template-columns:200px 1fr; padding:15px 0; border-bottom:1px dashed #ccc; }
.form-box dl:last-child { border-bottom:1px solid #ccc; }
.form-box dt,
.form-box dd { font-size:17px; }
.form-box dt { display:flex; align-items:center; padding-left:20px; }
.form-box dd { padding-right:20px; }
.form-box dd .wed-date { display:grid; grid-template-columns:1fr 350px; align-items:center; gap:10px; }
.form-box dd .tel { display:grid; grid-template-columns:1fr 10px 1fr 10px 1fr; align-items:center; gap:10px; }
.form-box dd .tel .hyphen { display:flex; align-items:center; justify-content:center; }

.form-box dd .email { display:grid; grid-template-columns:1fr 10p
.form-box dd .email .at { display:flex; align-items:center; justify-content:center; }x 150px 150px; align-items:center; gap:10px; }

.fr-input { display:block; width:100%; height:50px; font-size:17px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; }

.form-box dd .terms-textarea { display:block; border:1px solid #ccc; font-size:15px; line-height:1.55; padding:20px; height:150px; overflow-y:auto; margin-bottom:10px; }

textarea.ta { display:block; width:100%; height:150px; font-size:17px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; resize:none; }

.select-box { display:block; width:100%; height:50px; font-size:17px; padding:0 10px;  border:1px solid #ccc; box-sizing:border-box; outline:none; cursor:pointer; -webkit-appearance:searchfield; }

.check-box { display:flex; position:relative; font-size:17px; line-height:1.35; cursor:pointer; }
.check-box input { display:none; }
.check-box input + span { position:relative; padding-left:30px; display:block; }
.check-box input + span:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_check_off.png'); background-size:100% auto; }
.check-box input:checked + span:before { background-image:url('../img/icons/ic_check_on.png'); }



/* 7. 문웨딩 후기
* * * * * * * * * * * * * * * * * * * * */
/* review-list */
.review-list { display:grid; grid-template-columns:repeat(4, 1fr); gap:40px 20px; }
.review-list li {  overflow:hidden; }
.review-list li .img { text-align:center; margin-bottom:15px;  }
.review-list li .img img { width:100%; }
.review-list li .info { }
.review-list li .info .title { font-size:18px; line-height:1.35em; color:#000; font-weight:700; margin-bottom:15px; height:20px;  }
.review-list li .info .title a { color:#000; width:100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review-list li .info .summary { font-size:14px; color:#898989; line-height:1.5em; }
.review-list li .info .summary a { color:#898989; }

.pager { display:flex; align-items:center; justify-content:center;  margin-top:70px; }
.pager a { display:flex; align-items:center; justify-content:center; font-size:15px; width:40px; height:40px; border:1px solid #ddd; margin-left:-1px; }
.pager a:hover { background-color:#f4f4f4; }
.pager a.current { background-color:#000; border-color:#000; color:#fff; }
.pager .btn { }
.pager .btn.first { }
.pager .btn.prev { }
.pager .btn.next { }
.pager .btn.end { }




/* 10. 이용약관 &  개인정보취급방침
* * * * * * * * * * * * * * * * * * * * */
.tabs-menu { display:flex; align-items:center; justify-content:center; gap:30px; margin-bottom:42px; }
.tabs-menu .link-btn { display:flex; align-items:center; justify-content:center; text-align:center; width:198px; height:48px; border:2px solid #cccccc; border-radius:100px; text-align:center; font-size:18px; color:#7c7c7c; cursor:pointer; }
.tabs-menu .link-btn.current { border:2px solid #e7141a; color:#040404; font-weight:500; }



.terms-textarea { font-size:15px; line-height:1.55; color:#555; }