@charset "utf-8";


/***** 공통 *****/
.intro {padding-top: 95px;}
.intro .area {max-width:1200px; margin: 0 auto;}
.intro .banner_wrap img {max-width:100%; vertical-align:top;}
.intro .swiper-container {padding-bottom: 80px;}
.intro .swiper-slide {text-align:center;}

.intro .arrow_area div {width: 33px; height: 62px; opacity: 0.4; top:37%;}
.intro .arrow_area div:after {content: none;}
.intro .swiper-button-prev {background:url(../img/common/prev.svg) no-repeat center; outline: 0;}
.intro .swiper-button-next {background:url(../img/common/next.svg) no-repeat center; outline: 0;}

.intro .swiper-pagination {right: 50%; bottom: 0; transform: translate(50%);}
.intro .swiper-pagination-bullet {width: 16px; height: 16px; background:#fff; opacity: 1; margin:0 8px;}
.intro .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #7785f1;}

.intro .intro_contents {margin-bottom:110px;}
.intro .intro_title {font-size:30px; line-height:40px; font-weight:300; text-align:center;}
.intro .intro_title strong {font-weight:500;}

.intro h2 {font-size: 30px; line-height: 40px; color:#333; letter-spacing: -0.45px; margin-bottom: 30px; text-align: center; font-weight: 300;}
.intro h2 span {display:block; font-size:24px;}
.intro h2 strong { font-weight:600;}
.intro h3 {font-size: 18px; line-height: 28px; color:#7785f1; letter-spacing: -0.4px; margin-bottom: 6px;}
.intro .info_text {font-size: 21px; line-height: 34px; color:#333; letter-spacing: -0.4px;}
.intro .info_text strong {display: inline-block; font-weight: 500;}

.intro_m img {max-width: 100%; width:100%; vertical-align: top; image-rendering: auto;}
.intro_con .img_tit {text-align: center;}

.all_img img {width:100%;}
.img_con img {max-width:100%;}

/* step list */
.step_list {background:#f6f6f6;}
.step_list .area {margin: 80px auto 0;}
.step_list ol {max-width: 960px; overflow: hidden; margin: 0 auto;}
.step_list ol li {float: left; width: 49%; margin:0 2% 2% 0; background: #fff;}
.step_list ol li:nth-child(2n) {margin-right: 0;}
.step_list ol li div {padding: 20px 30px;}

/* check list */
.check_list {}
.check_list .area {max-width:960px; background:#f6f6f6; padding:100px 0 80px; border-radius:15px;}
.check_list h2 {margin-bottom:70px;}
.check_list h3 {position:relative; font-size:22px; font-weight:500; padding-left:40px; margin-bottom:12px;}
.check_list h3:before {content:""; position:absolute; top:1px; left:0; width:27px; height:22px; background:url(../img/intro/productBrand/icon_check.png) no-repeat;}

.check_list ul {display:table; margin: 0 auto;}
.check_list li:not(:last-child) {margin-bottom:60px;}
.check_list .info_text {font-size:18px; line-height:28px; padding-left:40px;}

/** 유의사항 공통 **/
.intro .notice_con {margin: 100px 3%;}
.intro .notice_con .area {border-top: 1px solid #b9b9b9; padding: 50px 0 0; overflow: hidden;}
.intro .notice_con h2 {float: left; width: 32%; font-size: 24px; text-align: left; line-height: 36px;}
.intro .notice_text {float: left; width: calc(100% - 32%);}
.intro .notice_text p {position:relative; font-size: 18px; line-height: 26px; letter-spacing: -0.2px; padding-left: 14px; font-weight: 300; margin-bottom: 10px; word-break: keep-all;}
.intro .notice_text p:last-child {margin-bottom: 0;}
.intro .notice_text p:before {content:"- "; position: absolute; left:0; top:0;}
.intro .notice_text p strong {display: block; font-weight: bold; margin-bottom: 4px;}
.intro .notice_text p span {font-weight: 500;}
.intro .notice_text p em {font-style: normal; font-size: 14px; line-height: 18px;}
.intro .notice_text dl {padding-left: 14px; margin-bottom: 4px;}
.intro .notice_text dl * {display: inline-block; font-size: 14px; letter-spacing: -0.2px;}
.intro .notice_text dl dt {font-weight: bold;}
.intro .notice_text dl dd {font-weight: 300;}

/** 청첩장 브랜드 소개  **/
.product_brand .intro_con {padding: 100px 0;}
.product_brand .intro_banner {background: url(../img/intro/productBrand/intro_banner.jpg) no-repeat center; height: 685px;}

.product_brand .intro01 {background:#f1acad; padding:34px 0; text-align:center;}
.product_brand .intro01 span {display:block; font-size:16px; color:#fff; font-weight:300;}
.product_brand .intro01 ul {font-size:0;}
.product_brand .intro01 li {display:inline-block; width:calc(100% / 4); vertical-align:top;}
.product_brand .intro01 li img {max-width:100%;}

.product_brand .intro02 {background:#fffcf7; text-align:center;}
.product_brand .intro02 li:not(:last-child) {margin-bottom:100px;}
.product_brand .intro02 li img {max-width:100%; width:auto;}

.product_brand .intro03 {margin: 0 25px;}

/** 모바일 감사장 소개  **/
.thanks .intro_con {padding: 100px 0;}
.thanks .area {max-width:1100px; margin: 60px auto 0; padding: 0 25px;}
.thanks .item_name {font-size:18px; margin-top:26px; font-weight:500;}
.thanks .item_name span {font-weight:300;}
.thanks .item_brand {font-size:16px; margin-top:12px;}
.thanks .step_list {background:#fff;}
.thanks .step_list li {background:#f6f6f6;}

.thanks .intro02 {background:#f6f6f6;}
.thanks .intro02 .skin_banner {max-width: 960px; text-align: center; margin: 0 auto;}

.thanks .intro02 .skin_banner .swiper-slide img { max-width: 80%;}

.thanks .intro02 .swiper-button-prev {left:0;}
.thanks .intro02 .swiper-button-next {right:0;}


.brand_list button {float:left; width:32%; height:88px; line-height:88px; font-size:20px; border:1px solid #ebebeb; box-sizing:border-box; text-align:center; font-family:"Spoqa Han Sans Neo", sans-serif;}
.brand_list button:not(:last-child) {margin-right:2%;}
.brand_list .ico {display: inline-block; text-indent: -9999999px; width:32px; height:32px; vertical-align:text-bottom; margin-right:10px;}
.brand_list .ico.type01 {background:url(../img/common/BI/barunsoncard.svg) no-repeat center;}
.brand_list .ico.type02 {background:url(../img/common/BI/thecard.svg) no-repeat center;}
.brand_list .ico.type03 {background:url(../img/common/BI/premierpaper.svg) no-repeat center;}
.brand_list .ico.type04 {background:url(../img/common/BI/deardeer.svg) no-repeat center;}




.thanks .intro03 {background:#f2e5d4;}
.thanks .intro03 .paper_thanks {max-width:850px; margin: 0 auto;}
.thanks .intro03 .paper_thanks img {box-shadow:none;}

@media screen and (min-width:1000px) {
	.intro .intro_m {display: none;}
}

@media screen and (max-width:1000px){
	.intro {padding-top: 90px;}
	.intro .area {margin-top:0;}
	.intro .intro_contents {margin-bottom:60px;}
	.intro .intro_pc {display: none;}
	.intro .intro_title {font-size: 18px; line-height:26px;}
	.intro h2 {font-size:18px; line-height:26px;}
	.intro h2 span {font-size:16px;}
	.intro .swiper-container {padding-bottom:50px;}
	.intro .swiper-pagination-bullet {width:12px; height:12px; margin: 0 4px;}
		
	.brand_list button {display:block; position:relative; float:none; width:100%; height:66px; line-height:66px; font-size:18px; text-align:left; margin: 0 0 20px 0; z-index:10; padding:0;}
	.brand_list button:after {content:""; position:absolute; top:26px; right: 25px; width:8px; height:13px; background:url(../img/common/go_r_333.svg) no-repeat;}
	.brand_list button .ico {width:25px; height:25px; margin-left:25px;}

	/* 청첩장 브랜드 소개  */
	.product_brand .intro_con {padding:50px 0;}

	.product_brand .intro01 .area {padding: 0 25px;}
	
	.product_brand .intro02 {padding:25px 0;}
	.product_brand .intro02 .area {padding:0;}
	.product_brand .intro02 li:not(:last-child) {margin-bottom:0;}

	.product_brand h2 {margin-bottom:30px;}

	.step_list .area {margin-top:0; padding:0 25px;}
	.step_list ol li {float: none; width: auto; margin: 0 0 16px 0;}
	.step_list ol li:last-child {margin-bottom:0;}
	.step_list ol li div {padding:20px 24px;}
	.step_list h3 {font-size: 16px; line-height: 20px;}
	.step_list .info_text {font-size:18px; line-height:26px; word-break:keep-all;}
	.step_list .info_text br {display:none;}

	.check_list .area {padding:20px 24px; border-radius:0;}
	.check_list h3 {font-size:17px; padding-left:25px; margin-bottom:6px;}
	.check_list h3:before {top:6px; width:20px; height:17px; background:url(../img/intro/productBrand/m_icon_check.png) no-repeat; background-size:100%;}
	.check_list .info_text {font-size:15px; line-height:22px; padding-left:0; word-break:keep-all;}
	.check_list li:not(:last-child) {margin-bottom:20px;}

	/* 감사장 소개 */
	.thanks .intro_con {padding:50px 0;}
	.thanks .item_name {font-size:15px;}
	.thanks .item_brand {font-size:13px; margin-top:8px;}
}

@media screen and (max-width:800px){
	

	/* 청첩장 브랜드 */
	.product_brand .intro01 li {width:calc(100% / 2);}
	.product_brand .intro01 li:nth-child(-n+2) {margin-bottom:25px;}
	.product_brand .intro01 li img {}

	/* 감사장 소개 */
	.thanks .intro02 .area {padding:0;}
	.thanks .arrow_area {display:none;}
}

@media screen and (max-width:500px) {

}