@charset "utf-8";


/* ==============================================
   gallery
   ============================================== */

/* list */

.galleryList {}
.galleryList ul.list {display: flex;flex-wrap: wrap;align-items: flex-start;margin-left: -2%;margin-bottom: -4%;}
.galleryList ul.list li.item {flex: 0 0 1;width: calc(31.33%);margin-left: 2%;margin-bottom: 4%;}
.galleryList ul.list li.item p.img {}
.galleryList ul.list li.item p.img img {width: 100%;height: auto;
}
.galleryList ul.list li.item p.img img:hover {
   opacity: 0.5;
}
.galleryList ul.list li.item p.title {background: url('../images/common/icon_arrow_right.svg') right center no-repeat;margin-top: 9px;}
.galleryList ul.list li.item a {display: block;font-family: 'ConneqtRegular';color: #000;font-size: 12px;letter-spacing: 0.08em;text-decoration: none;text-underline-position: under;text-underline-offset: 0.3rem;}
.galleryList ul.list li.item:hover a {text-decoration: underline;}
.galleryList ul.list li.item p.title span {display: block;height: 27px;line-height: 26px;}

/* detail */

.galleryDetail {padding-top: 8px;}
.galleryDetail h3 {width: 400px;font-family: 'ConneqtRegular';line-height: 34px;font-size: 25px;color: #000;font-weight: normal;letter-spacing: 0.08em;text-align: center;margin: 0 auto 54px;}
.galleryDetail .detailContent {}
.galleryDetail .detailContent ul.imgList {display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: -3%;}
.galleryDetail .detailContent ul.imgList li {margin: 0 1% 3%;}
.galleryDetail .detailContent ul.imgList li img {}

.galleryDetail .detailContent .wp-block-columns {flex-wrap: wrap;justify-content: center;margin-bottom: 100px;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column {flex: 0 1 auto !important;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column figure {max-width: 526px;margin-bottom: 0;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column figure.landscape {max-width: 856px;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column figure img {width: 100%;height: auto;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column:not(:first-child) {margin-left: 1rem;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column p {max-width: 770px;margin-bottom: 24px;}
.galleryDetail .detailContent .wp-block-columns .wp-block-column p:last-child {margin-bottom: 0;}
.galleryDetail .detailContent .wp-block-video {max-width: 1300px;margin: 0 auto;}

/* mediaquery for mobile */

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

	/* list */

	.galleryList ul.list { flex-direction: column; margin-left: 0;margin-bottom: 0;}
	.galleryList ul.list li.item {
      flex: 1 1 auto;
      width: auto;
      margin-left: 3rem;
      margin-bottom: 5rem;
      margin-right: 3rem; /* 사진 사이의 간격을 조절하는 마진 추가 */
    }
	.galleryList ul.list li.item p.img { margin-left: -1.5rem; margin-right: -1.5rem; }

	/* detail */

	.galleryDetail {padding-top: 8px;}
	.galleryDetail h3 {width: auto;line-height: 24px;font-size: 18px;margin: 0 auto 34px;}

	.galleryDetail .detailContent .wp-block-columns { flex-direction: column; margin-bottom: 60px;}
	.galleryDetail .detailContent .wp-block-columns .wp-block-column {flex: 1 1 auto !important;}
	.galleryDetail .detailContent .wp-block-columns .wp-block-column figure {max-width: auto;margin-bottom: 0;}
	.galleryDetail .detailContent .wp-block-columns .wp-block-column figure.landscape {max-width: auto;}
	.galleryDetail .detailContent .wp-block-columns .wp-block-column:not(:first-child) {margin-left: 0; margin-top: 16px; }
	.galleryDetail .detailContent .wp-block-columns .wp-block-column p {max-width: auto;margin-bottom: 24px;}

}


/* ==============================================
   photographer
   ============================================== */

/* list */

.photographerList {display: flex;justify-content: center;}
.photographerList ul.list {flex: 0 1 auto;}
.photographerList ul.list li.item {text-align: center;margin-bottom: 14px;}
.photographerList ul.list li.item p.title {height: 52px;}
.photographerList ul.list li.item p.title a {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;font-family: 'ConneqtRegular';color: #000;font-size: 25px;letter-spacing: 0.08em;text-decoration: none;text-transform: uppercase;text-underline-position: under;text-underline-offset: 0.3rem;padding: 6px 0;}
.photographerList ul.list li.item p.title a span {display: block;height: 40px;line-height: 39px;}
.photographerList ul.list:hover li.item p.title a {color: #eee;}
.photographerList ul.list li.item p.title a:hover {color: #000;}
/*.photographerList ul.list li.item p.title a:hover span {border-bottom: 1px solid #000;}*/

/* detail */

.photographerDetail {}
.photographerDetail .detailHead {position: relative;display: flex;justify-content: center;}
.photographerDetail .detailHead p.img {}
.photographerDetail .detailHead .title {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;letter-spacing: 1.6em;}
.photographerDetail .detailHead .title p.name {font-family: 'ConneqtRegular';line-height: 82px;font-size: 85px;color: #fff;word-spacing:9999px;text-align: center;}
.photographerDetail .detailHead h3 {width: 300px;font-family: 'ConneqtRegular';line-height: 34px;font-size: 28px;color: #000;font-weight: normal;letter-spacing: 0.08em;text-align: center;margin: 0 auto 54px;}

.photographerDetail .detailBio {text-align: center;margin-top: 54px;}
.photographerDetail .detailBio h4 {font-family: 'ConneqtRegular';line-height: 30px;font-size: 15px;letter-spacing: 0.08em;font-weight: normal;text-transform: uppercase;}
.photographerDetail .detailBio .bioContent {font-family: 'ConneqtRegular';line-height: 16px;font-size: 13px;letter-spacing: 0.08em;text-transform: uppercase;margin-top: 30px;}

.photographerDetail .detailDesc {max-width: 880px;margin: 70px auto 0;}

.photographerDetail .detailInstagram {max-width: 880px;margin: 40px auto 0;}
.photographerDetail .detailInstagram p.instagram {}
.photographerDetail .detailInstagram p.instagram a {color: #000;text-decoration: none;}
.photographerDetail .detailInstagram p.instagram a:hover {text-decoration: underline;text-underline-position: under;}

.photographerDetail .instagramFeed {margin-top: 90px;}
.photographerDetail .instagramFeed a {pointer-events: none;cursor: default;text-decoration: none;}


/* mediaquery for mobile */

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

	/* list */

	.photographerList ul.list li.item {margin-bottom: 14px;}
	.photographerList ul.list li.item p.title {height: 38px;}
	.photographerList ul.list li.item p.title a {font-size: 22px;}

	/* detail */

	.photographerDetail .detailHead { margin-left: -1.5rem; margin-right: -1.5rem; }
	.photographerDetail .detailHead p.img img { width: 100%; height: auto; }
	.photographerDetail .detailHead .title {letter-spacing: 0.6em;}
	.photographerDetail .detailHead .title p.name {line-height: 40px;font-size: 18px;word-spacing:0;}
	.photographerDetail .detailDesc {margin: 54px auto 0;}
	.photographerDetail .detailInstagram {margin: 20px auto 0;}
	.photographerDetail .instagramFeed {margin-top: 30px;}

}



/* ==============================================
   guides
   ============================================== */

/* guides */

.guideWrap { width: auto; max-width: 1260px; margin: 0 auto 60px; }

/* list */

.guideList { width: auto; min-height: 400px; margin: 0 auto; }
.guideList dl.accordion {}
.guideList dl.accordion dt { position: relative; line-height: 24px; color: #000; font-size: 12px; letter-spacing: .06em; cursor: pointer; border-top: 1px solid #d9d9d9; padding: 13px 0; 
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
.guideList dl.accordion dt:first-child {border-top: 0;}
.guideList dl.accordion dt:after { content: " "; position: absolute; right: 0; top: 9px; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/common/icon_accordion_open.png) center center no-repeat; }
.guideList dl.accordion dt:hover,
.guideList dl.accordion dt.active { color: #000; }
.guideList dl.accordion dt.active { border-color: #333; }
.guideList dl.accordion dt.active:after { background: url(../images/common/icon_accordion_close.png) right 8px center no-repeat; }
.guideList dl.accordion dd { position: relative; line-height: 24px; font-size: 12px; padding: 30px 0 50px; }
.guideList dl.accordion dd h2,
.guideList dl.accordion dd h3,
.guideList dl.accordion dd h4,
.guideList dl.accordion dd h5 { line-height: 30px; color: #404040; font-size: 20px; font-weight: 400; margin: 5px 0; }
.guideList dl.accordion dd .description { max-width: 800px; word-break: keep-all; }
.guideList dl.accordion dd a.langSelect { position: relative; display: block; left: auto; right: 0; width: 30px; height: 30px; line-height: 28px; font-family: '맑은 고딕','Malgun Gothic'; font-size: 11px; color: #999; text-transform: uppercase; text-decoration: none; text-align: center; border: 1px solid #999; margin-top: 50px;
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   opacity: 0;
}
.guideList dl.accordion dd a.langSelect:hover { color: #333; border-color: #333; }
.guideList dl.accordion dd.active a.langSelect { opacity: 1; }



/* ==============================================
   collection
   ============================================== */

/* list */

.collectionList { width: auto; margin: 0 auto; }
.collectionList ul.list {zoom:1;} /* Hack for browser IE5.5~7 */
.collectionList ul.list:after { content:" "; display:block; clear:both;} /* float virtual element */
.collectionList ul.list { margin-left: -10px; }
.collectionList ul.list li { float: left; width: calc(33.3% - 10px); margin-left: 10px; }
.collectionList ul.list li a { display: block; height: 800px; text-decoration: none; background-color: #fbfbfb; padding: 50px 14%; }
.collectionList ul.list li a:hover { background-color: #f4f4f4; }
.collectionList ul.list li h3 { line-height: 30px; font-family: ctg1; font-size: 21px; color: #404040; font-weight: bold; margin-top: 5px; }
.collectionList ul.list li p.position { line-height: 16px; font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: .1em; }
.collectionList ul.list li .exp { display:inline-block; display: -moz-inline-stack; zoom:1; display:inline; min-width: 150px; line-height: 18px; font-family: ctg1; font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: .1em; font-style: italic; border-top: 1px solid #dfdfdf; padding-top: 18px; margin-top: 30px; }
.collectionList ul.list li p.img { width: 260px; margin: 130px auto 0; }

/* detail */

.collectionDetail { display: none; position: absolute; left: 0; top: 70px; width: 100%; min-height: 800px; height: calc(100vh - 70px); background-color: #f4f4f4; z-index: 9999; }
.collectionDetail .imgList { width: auto; margin: 0 auto; }
.collectionDetail .imgList ul.list {}
.collectionDetail .imgList ul.list li { text-align: center; }
.collectionDetail ul.directionNav {}
.collectionDetail ul.directionNav li { position: absolute; top: 50%; width: 20px; margin-top: -15px; }
.collectionDetail ul.directionNav li a { display: block; height: 30px; line-height: 30px; color: #767676; font-size: 24px; text-align: center; }
.collectionDetail ul.directionNav li a:hover { color: #bfbfbf; }
.collectionDetail ul.directionNav li.prev { left: 50%; margin-left: -700px; }
.collectionDetail ul.directionNav li.next { right: 50%; margin-right: -700px; }
.collectionDetail a.detailClose { position: absolute; right: 50%; top: 0; width: 40px; height: 50px; text-indent: -9999px; background: url(../images/common/close_gray.svg) center center no-repeat; -webkit-background-size: 17px 17px;background-size: 17px 17px; margin-right: -700px; }



/* ==============================================
   photobook
   ============================================== */

/* photobook list */

.photobookList { margin-bottom: 60px; }
.photobookList ul.list { border-top: 1px solid #d9d9d9; }
.photobookList ul.list li { display: flex; border-bottom: 1px solid #d9d9d9; padding: 20px 0; }
.photobookList ul.list li .img { width: 49%; padding-right: 16px; }
.photobookList ul.list li .img img { width: 100%; max-width: 660px; height: auto;
   filter: brightness(100%);
   -webkit-filter: brightness(100%);
   -moz-filter: brightness(100%);
   -o-filter: brightness(100%);
   -ms-filter: brightness(100%);
   -webkit-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}
.photobookList ul.list li .img img:hover {
   filter: brightness(90%);
   -webkit-filter: brightness(90%);
   -moz-filter: brightness(90%);
   -o-filter: brightness(90%);
   -ms-filter: brightness(90%);
}
.photobookList ul.list li .photographer { width: 30%; padding-right: 50px; }
.photobookList ul.list li .photographer span.title { display: block; line-height: 22px; font-size: 14px; color: #676767; }
.photobookList ul.list li .photographer a { display:inline-block; display: -moz-inline-stack; zoom:1; display:inline; line-height: 30px; font-size: 22px; color: #404040; text-decoration: none; margin: 8px 0; }
.photobookList ul.list li .photographer a:hover { color: #676767; }
.photobookList ul.list li .contents { width: 21%; padding-top: 32px; }
.photobookList ul.list li .contents a { line-height: 24px; font-size: 14px; color: #444; text-decoration: none; }
.photobookList ul.list li .contents a:hover { color: #999; }

/* photobook view */

.photobookView { width: auto; margin: 0 auto; }

/* masonry */

#masonryList {zoom:1;} /* Hack for browser IE5.5~7 */
#masonryList:after { content:" "; display:block; clear:both;} /* float virtual element */
#masonryList { width: auto; margin: 0 auto;}
#masonryList ul { margin-left: -1%; }
#masonryList ul li { position: relative; float: left; width: 24%; height: auto; margin: 0 0 1% 1%;}
#masonryList ul li a { display: block; width: 100%;}
#masonryList ul li a img { width: 100%; height: auto;
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
#masonryList ul li a span.plus { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 50px; text-align: center; margin-left: -25px; margin-top: -25px;
   -webkit-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
#masonryList ul li:hover a span.plus {
   -webkit-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
}
#masonryList ul li:hover a img {
   -webkit-opacity: 0.5;
   -moz-opacity: 0.5;
   -ms-opacity: 0.5;
   -o-opacity: 0.5;
   opacity: 0.5;
}

/* infinite scrolling */

#subBody > .navigation a { color: #fff;}

#infscr-loading { position: fixed; left: 30px; bottom: 50px; height: 20px; line-height: 20px;}
#infscr-loading > img { display: none;}
#infscr-loading > div {}

/* view */

.photobookView {zoom:1;} /* Hack for browser IE5.5~7 */
.photobookView:after { content:" "; display:block; clear:both;} /* float virtual element */
.photobookView { height: calc(100vh - 110px); }
body.admin-bar .photobookView { height: calc(100vh - 142px); }
.photobookView > .content { position: fixed; left: 0px; right: 0; bottom: 0; top: 70px; padding: 0; }
body.admin-bar .photobookView > .content { top: 102px; }
.photobookView > .content .rl-slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.photobookView > .content .rl-slide .slider { position: relative; height: 100%; z-index: 5; }
.photobookView > .content .rl-slide .slider .item { display: block; visibility: hidden; position: absolute; z-index: 1; height: 100%; background-repeat: no-repeat; background-position:  center top; -webkit-background-size: auto 100%;
background-size:  auto 100%;
   -webkit-transition: .6s width, .6s left, .6s right, .6s margin-left, .6s margin-right;
   -o-transition: .6s width, .6s left, .6s right, .6s margin-left, .6s margin-right;
   transition: .6s width, .6s left, .6s right, .6s margin-left, .6s margin-right;
}
.photobookView > .content .rl-slide .slider .item.current { visibility: visible; left: 0; right: 0; margin-left: 0; margin-right: 0; width: 100% !important; }
.photobookView > .content .rl-slide .slider .item.prev { visibility: visible; z-index: 10; left: auto; right: 100%; margin-left: 0; margin-right: -46px; }
.photobookView > .content .rl-slide .slider .item.next { visibility: visible; z-index: 10; left: 100%; right: auto; margin-left: -46px; margin-right: 0; }
.photobookView > .content .rl-slide a.prev { display: block; position: absolute; z-index: 10; left: 0; top: 0; bottom: 0; width: 50%; }
.photobookView > .content .rl-slide a.next { display: block; position: absolute; z-index: 10; right: 0; top: 0; bottom: 0; width: 50%; }

.photobookView a.goBack { position: absolute; right: 5%; top: 0; width: 40px; height: 50px; text-indent: -9999px; background: url(../images/common/close_gray.svg) center center no-repeat; -webkit-background-size: 17px 17px;background-size: 17px 17px; z-index: 99; }


/* mediaquery for wide */

@media only screen and (min-width: 1831px) {

   #masonryList ul li { width: 19%; }

}

/* mediaquery for tab - 1 */

@media only screen and (min-width: 1151px) and (max-width: 1450px) {

   #masonryList ul li { width: 32.3%; }

}

/* mediaquery for tab - 2 */

@media only screen and (min-width: 783px) and (max-width: 1150px) {

   #masonryList ul li { width: 49%; }

}

/* mediaquery for mobile */

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

   /* photobook list */

   .photobookList ul.list li { flex-direction: column; }
   .photobookList ul.list li .img { width: auto; padding-right: 0; margin-bottom: 20px; }
   .photobookList ul.list li .img img { width: 100%; max-width: 100%; }

   .photobookList ul.list li .photographer { width: auto; padding-right: 0; }
   .photobookList ul.list li .contents { width: auto; padding-top: 0; margin-top: 20px; }

   /* photobook view */

   .photobookView { width: auto; margin: 0 auto; }

   /* masonry */

   #masonryList { margin: 0 auto 30px;}
   #masonryList ul { margin-left: 0; }
   #masonryList ul li { width: auto; margin: 0 0 2% 0; }

}



/* ==============================================
   reservation
   ============================================== */

/* password */

.passwordFormArea {width: auto;max-width: 1260px;padding-top: 160px;margin: 0 auto 60px;}
.passwordFormArea label {display: block;width: 336px;margin: 0 auto;}
.passwordFormArea label input.formInput {width: 100%;height: 33px;font-family: 'ConneqtRegular';line-height: 32px;font-size: 15px;letter-spacing: 0.06em;border: 1px solid #888888;border-width: 0 0 1px;outline: none;}
.passwordFormArea label input.formInput::placeholder {color: #000;}
.passwordFormArea button.formSubmit {display: none;}
.passwordFormArea .notify {width: auto; max-width: 1160px;margin-top: 230px;}

/* form */

.reserveWrap {margin-bottom: 80px;}

.reserveWrap .reserveInfo {width: auto;max-width: 920px;margin: 0 auto;}
.reserveWrap .reserveInfo table {width: 100%;}
.reserveWrap .reserveInfo table td {border: 1px solid #e5e5e5;padding: 24px 0;}
.reserveWrap .reserveInfo table td.title {width: 158px;vertical-align: top;border-width: 0 1px 1px 0;}
.reserveWrap .reserveInfo table td.con {border-width: 0 0 1px 0;padding-left: 50px;}
.reserveWrap .reserveInfo table tr.last td {border-bottom: 0 !important;}
.reserveWrap .reserveInfo table td span,
.reserveWrap .reserveInfo table td input {vertical-align: middle;}
.reserveWrap .reserveInfo table td input[type=text],
.reserveWrap .reserveInfo table td input[type=email] {height: 25px;line-height: 24px;font-size: 12px;vertical-align: middle;border: 1px solid #e5e5e5;border-width: 0 0 1px 0;outline: none;}

.wpcf7-list-item.first {margin-left: 0;}

.reserveWrap .reserveInfo ul.customer {display: flex;}
.reserveWrap .reserveInfo ul.customer li {flex: auto 0;margin-right: 24px;}
.reserveWrap .reserveInfo ul.customer li:last-child {margin-right: 0;}
.reserveWrap .reserveInfo ul.customer li span.title {margin-right: 4px;}
.reserveWrap .reserveInfo ul.customer li input {width: 112px;}
.reserveWrap .reserveInfo ul.customer li.email input {width: 160px;}
.reserveWrap .reserveInfo ul.customer.groom {margin-bottom: 30px;}
.reserveWrap .reserveInfo ul.customer.bride {}

.reserveWrap .reserveInfo p.shootingDate {}
.reserveWrap .reserveInfo p.shootingDate input {width: 74px;text-align: right;margin: 0 6px 0 10px;}
.reserveWrap .reserveInfo p.shootingDate input:first-child {margin-left: 0;}

.reserveWrap .reserveInfo ul.shootingType {}
.reserveWrap .reserveInfo ul.shootingType li {display: flex;}
.reserveWrap .reserveInfo ul.shootingType li:first-child {margin-bottom: 40px;}
.reserveWrap .reserveInfo ul.shootingType li p.type {flex: 0 auto;width: 170px;}
.reserveWrap .reserveInfo ul.shootingType li p.type label {font-family: 'ConneqtRegular';letter-spacing: 0.06em;text-transform: uppercase;vertical-align: middle;}
.reserveWrap .reserveInfo ul.shootingType li p.type label span {vertical-align: middle;}
.reserveWrap .reserveInfo ul.shootingType li p.type label input {vertical-align: middle;}
.reserveWrap .reserveInfo ul.shootingType li .conetent {flex: 1 1;}

.reserveWrap .reserveInfo ul.shootingTime {}
.reserveWrap .reserveInfo ul.shootingTime li {display: flex;}
.reserveWrap .reserveInfo ul.shootingTime li:first-child {margin-bottom: 16px;}
.reserveWrap .reserveInfo ul.shootingTime li p.type {flex: 0 auto;width: 170px;font-family: 'ConneqtRegular';letter-spacing: 0.06em;text-transform: uppercase;}
.reserveWrap .reserveInfo ul.shootingTime li .conetent {flex: 1 1;}

.reserveWrap .reserveInfo .policyAgreement {}
.reserveWrap .reserveInfo .policyAgreement .policy {width: 100%;height: 340px;background-color: #f7f8f8;padding: 20px;overflow: hidden;overflow-y: scroll;}
.reserveWrap .reserveInfo .policyAgreement .policy h1 {line-height: 30px;font-size: 12px;font-weight: normal;}
.reserveWrap .reserveInfo .policyAgreement .policy h2 {line-height: 30px;font-size: 12px;font-weight: normal;margin-top: 30px;margin-bottom: 0;}
.reserveWrap .reserveInfo .policyAgreement p.agree {margin-top: 10px;}

.reserveWrap .reserveInfo .notify {margin-top: 20px;}

.reserveWrap .btn {text-align: center;margin-top: 80px;}
.reserveWrap .btn input {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;height: 33px;line-height: 32px;font-size: 15px;color: #000;font-family: 'ConneqtRegular';letter-spacing: 0.06em;text-transform: uppercase;text-decoration: none;border: 1px solid #e5e5e5;border-width: 0 0 1px 0;background-color: #fff;cursor: pointer;}

.reserveWrap .btn .wpcf7-spinner {display: none;}

/* done */

.reserveDoneWrap {width: auto;max-width: 1160px;margin: 68px auto 80px;}
.reserveDoneWrap p.done {line-height: 30px;font-size: 15px;font-weight: bold;text-align: center;margin-bottom: 94px;}
.reserveDoneWrap .reserveInfo {display: flex;}
.reserveDoneWrap .reserveInfo .accountInfo {width: 422px;border-right: 1px solid #e5e5e5;padding: 60px 0 0 160px;padding-top: 60px;}
.reserveDoneWrap .reserveInfo .accountInfo p.title {font-weight: bold;margin-bottom: 30px;}
.reserveDoneWrap .reserveInfo .accountInfo p.account {}
.reserveDoneWrap .reserveInfo .iveInfo {width: 60%;padding: 32px 0 32px 45px;padding-top: 32px;}
.reserveDoneWrap .reserveInfo .iveInfo p.comment {}
.reserveDoneWrap .reserveInfo .iveInfo p.example {width: 233px;height: 41px;line-height: 35px;color: #9fa0a0;text-align: center;background: url('../images/common/kakaotalk_bg.png') left top no-repeat;margin-top: 24px;}
.reserveDoneWrap .reserveInfo .iveInfo a.kakaotalk {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;width: 230px;height: 40px;line-height: 40px;color: #57452b;font-weight: bold;text-align: center;text-decoration: none;background-color: #ffd800;margin-top: 24px;}
.reserveDoneWrap .reserveInfo .iveInfo a.kakaotalk:hover {color: #ffd800;background-color: #57452b;}
.reserveDoneWrap .reserveInfo .iveInfo p.notify {margin-top: 40px;}

.reserveDoneWrap p.backHome {text-align: center;margin-top: 60px;}
.reserveDoneWrap p.backHome a {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;height: 33px;line-height: 32px;font-size: 15px;color: #000;font-family: 'ConneqtRegular';letter-spacing: 0.06em;text-transform: uppercase;text-decoration: none;border: 1px solid #e5e5e5;border-width: 0 0 1px 0;outline: none;cursor: pointer;}
/*.reserveDoneWrap p.backHome a:hover {color: #aaa;text-decoration: underline;}*/


/* mediaquery for moble */

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

	/* password */

	.passwordFormArea {max-width: 800px;padding-top: 120px;margin: 0 auto 30px;}
	.passwordFormArea label {width: 300px; max-width: 90%; }
	.passwordFormArea .notify { max-width: 800px;margin-top: 140px;}

	/* form */

	.reserveWrap {margin-bottom: 40px;}

	.reserveWrap .reserveInfo {max-width: 800px;}
	.reserveWrap .reserveInfo table td {padding: 16px 0;}
	.reserveWrap .reserveInfo table td.title {width: 120px;}
	.reserveWrap .reserveInfo table td.con {padding-left: 12px;}

	.reserveWrap .reserveInfo ul.customer {display: flex;}
	.reserveWrap .reserveInfo ul.customer li {flex: auto 0; width: 26.3%; margin-right: 4%;}
	.reserveWrap .reserveInfo ul.customer li span.title { display: block; margin-right: 0;}
	.reserveWrap .reserveInfo ul.customer li input {width: 100%;}
	.reserveWrap .reserveInfo ul.customer li.email input {width: 100%;}
	.reserveWrap .reserveInfo ul.customer.groom {margin-bottom: 20px;}

	.reserveWrap .reserveInfo p.shootingDate input {width: 20%;}

	.reserveWrap .reserveInfo ul.shootingType li { flex-direction: column; }
	.reserveWrap .reserveInfo ul.shootingType li:first-child {margin-bottom: 20px;}
	.reserveWrap .reserveInfo ul.shootingType li p.type {width: auto; margin-bottom: 6px; }
	.reserveWrap .reserveInfo ul.shootingType li .content { padding-left: 6%; }

	.reserveWrap .reserveInfo ul.shootingTime li { flex-direction: column; }
	.reserveWrap .reserveInfo ul.shootingTime li p.type {width: auto; margin-bottom: 0; }
	.reserveWrap .reserveInfo ul.shootingTime li .content { padding-left: 6%; }

	.reserveWrap .reserveInfo .policyAgreement .policy {height: 254px;padding: 10px;}
	.reserveWrap .reserveInfo .policyAgreement .policy h1 {line-height: 24px;}
	.reserveWrap .reserveInfo .policyAgreement .policy h2 {line-height: 24px;margin-top: 24px;}

	.reserveWrap .btn {margin-top: 40px;}

	/* done */

	.reserveDoneWrap {max-width: 800px;margin: 0 auto 40px;}
	.reserveDoneWrap p.done {margin-bottom: 30px;}

	.reserveDoneWrap .reserveInfo {flex-direction: column;}
	.reserveDoneWrap .reserveInfo .accountInfo {width: auto; border-right: 0; border-bottom: 1px solid #e5e5e5;padding: 6%;}
	.reserveDoneWrap .reserveInfo .accountInfo p.title {margin-bottom: 20px;}
	.reserveDoneWrap .reserveInfo .iveInfo {width: auto;padding: 6%;}
	.reserveDoneWrap .reserveInfo .iveInfo p.notify {margin-top: 30px;}

	.reserveDoneWrap p.backHome {margin-top: 30px;}

}


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

	.reserveWrap .reserveInfo table td.title {width: 60px;}

}



/* ==============================================
   pagination
   ============================================== */

/* page nav : by plugin */

.navigation { margin-top: 80px; }
.navigation ol.wp-paginate {display: flex;justify-content: center;text-transform: uppercase;}
.navigation ol.wp-paginate li {margin: 0 25px;}
.navigation ol.wp-paginate li a,
.navigation ol.wp-paginate li span.current {display:inline-block; display: -moz-inline-stack; zoom:1; display:inline;min-width: 32px;line-height: 35px;color: #32332f;font-size: 16px;font-family: 'ConneqtRegular';text-decoration: none;padding: 0 10px 12px 10px;}
.navigation ol.wp-paginate li span.current {color: 000;border-bottom: 2px solid #000;}
.navigation ol.wp-paginate li a:hover {opacity: 0.5;}
.navigation ol.wp-paginate li a.prev {text-indent: -9999px;background: url('../images/common/pagination_prev.png') center 12px no-repeat;}
.navigation ol.wp-paginate li a.next {text-indent: -9999px;background: url('../images/common/pagination_next.png') center 12px no-repeat;}


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

	/* page nav : by plugin */

	.navigation { margin-top: 40px; }
	.navigation ol.wp-paginate li {margin: 0 5px;}
	.navigation ol.wp-paginate li a,
	.navigation ol.wp-paginate li span.current {min-width: 24px;line-height: 24px;font-size: 14px;padding: 0 6px 6px 6px;}
	.navigation ol.wp-paginate li a.prev {background-position: center 6px;}
	.navigation ol.wp-paginate li a.next {background-position: center 6px;}

}