@charset "utf-8";
@import url('totalweb.css');

/* sub contents layout */
#max_container {padding:0 2.778em 8.889em; animation: pagefadein .5s;}
#max_container.product {padding:0 0 8.889em; animation: pagefadein .5s;}
@keyframes pagefadein { from { opacity:0; } to { opacity:1; } }

.sub-title {width:100%; max-width:1400px; height:auto; padding-left:3.111em; margin:11.111em auto 6.667em; color:#231f20; border-left:.444em solid currentColor; position:relative;}
.sub-title:before, .sub-title:after {content:''; display:block; width:1.333em; height:.444em; background-color:#231f20; position:absolute; left:-1px;}
.sub-title:before {top:0;}
.sub-title:after {bottom:0;}
.sub-title h3 {font-weight:700; font-size:2.667em; letter-spacing:-0.06em;}
.sub-title p {padding-top:1.778em; color:#878e92; line-height:1.2;}

.contents {width:100%; height:auto; line-height:1.4; position:relative;}
.contents .page-wrap {width:100%; height:auto; max-width:1400px; margin:0 auto; position:relative;}
.contents .page-wrap .no-page {background-color:#eee; padding:5em 0;}

@media screen and (max-width: 1024px) {
	.sub-title h3 {font-size:2.4em;}
}
@media screen and (max-width: 900px) {
	#max_container {padding:0 1.5em 8.889em;}
	.sub-title {padding-left:2em; margin:3.5em auto;}
	.sub-title:before, .sub-title:after {width:.75em;}
	.sub-title h3 {font-size:1.5em;}
	.sub-title p {padding-top:1em;}
}

/* contents setting */
.fr28 {font-weight:400; font-size:1.556em; letter-spacing:-0.06em; color:#231f20;}
.fb28opp {font-weight:700; font-size:1.556em; letter-spacing:-0.06em; color:#231f20; text-transform:uppercase;}
.fb32 {font-weight:700; font-size:1.778em; letter-spacing:-0.06em; color:#231f20;}
.fb32:after {content:''; display:block; width:6px; height:6px; border-radius:100%; background-color:currentColor; margin:1em auto;}
.fb32 .point {display:inline-block; vertical-align:middle; font-size:1.167em; margin:0 .3em; position:relative; color:#009ade;}
.fb32 .point:before,
.fb32 .point:after {content:''; display:inline-block; vertical-align:middle; width:8px; height:1.1em; margin-top:-.25em; border:.16em solid currentColor;}
.fb32 .point:before {border-right:none; margin-right:.3em;}
.fb32 .point:after {border-left:none; margin-left:.3em;}
.nb {display:block;}
.mgt16 {margin-top:.889em;}
.hori-line {display:block; width:100%; max-width:1400px; height:1px; margin:5.333em auto; background-color:#e1e1e1;}
/* bullet */
.bul-circle {}
.bul-circle li:not(:nth-child(1)) {margin-top:8px;}
.bul-circle li:before {content:''; display:inline-block; vertical-align:middle; margin:-6px 8px 0 0; width:6px; height:6px; border-radius:100%; background-color:#009ade;}
/* button */
.max-btns {width:100%; height:auto; text-align:center; margin-top:3.556em;}
.max-btns button {margin:0 .5em;}
.max-btns .bt-basic {padding:1em 2em; border:1px solid #231f20; border-left:none; border-right:none; color:#231f20;}
.max-btns .bt-basic:hover {background-color:#231f20; color:#fff;}
@media screen and (max-width: 900px) {
	.fr28, .fb28opp {font-size:1.336em;}
	.fb32 {font-size:1.336em;}
	.hori-line {margin:4em auto;}
	.bul-circle li:before {margin-top:-4px}
}

/* slider navi
.slider-paginavi {display:none; width:2.667em; height:2.667em; position:absolute; top:50%; z-index:99; transform:translateY(-50%) translateZ(200px); background-color:#fff; border:1px solid #e1e1e1;}
.slider-paginavi .max-ico {width:2.667em; height:2.667em; position:absolute; top:50%; transform:translateY(-50%);}
.slider-paginavi .max-ico:before {width:1em; height:1em; bottom:14px;}
.slider-paginavi.bt-prev {left:0;}
.slider-paginavi.bt-prev .max-ico {left:0;}
.slider-paginavi.bt-prev .max-ico:before {border:1px solid currentColor; border-right-width:0; border-bottom-width:0; left:1em;}
.slider-paginavi.bt-next {right:0;}
.slider-paginavi.bt-next .max-ico {right:0;}
.slider-paginavi.bt-next .max-ico:before {left:12px;}
.swiper-container:hover .slider-paginavi {display:block;} */

/* slider hand + tip */
.slider-hand {display:none; padding:0 .25em; background-color:rgba(0,0,0,.85); color:#fff; border-radius:50px; text-align:center; position:absolute; bottom:-9px; left:50%; z-index:1; transform:translateX(-50%);}
.slider-hand .max-ico {display:inline-block; vertical-align:middle; margin-top:-3px;}
.slider-hand .max-ico:nth-child(1) {transform:rotate(180deg);}
.slider-hand .i-arrow {width:24px; height:24px;}
.slider-hand .i-arrow:before {width:8px; height:8px; border:2px solid currentColor; border-left-width:0; border-top-width:0; bottom:8px;}
.slider-hand .i-circle {width:6px; height:6px; margin:-3px .25em 0; border-radius:100%; background-color:currentColor; }
.slider-hand-tip {display:none; padding:.25em .75em; background-color:rgba(0,0,0,.85); color:#fff; position:absolute; bottom:48px; left:50%; z-index:1; transform:translateX(-50%); font-size:.889em; border-radius:2px;}
.contents .page-wrap:hover .slider-hand {display:inline-block; opacity:0; animation: txtfadeIn 3s cubic-bezier(.28,.06,.36,.86) reverse;}
.contents .page-wrap:hover .slider-hand-tip {display:inline-block; opacity:0; animation: txtfadeIn 3s cubic-bezier(.28,.06,.36,.86) reverse;}

@media screen and (max-width: 900px) {
	.slider-hand {display:inline-block;}
}

/* greeting */
	.greeting {}
	.greeting .gt-top {width:100%; height:auto; background-color:#eff0f2; position:relative; z-index:1; overflow:hidden;}
	.greeting .gt-top:after {content:'Greeting'; display:block; font-weight:700; font-size:10.5em; line-height:1; text-transform:uppercase; color:#eaebed; position:absolute; bottom:-.14em; right:-.14em; z-index:-1;}
	.greeting .gt-top .page-wrap {display:table; padding:4em 0; position:relative;}
	.greeting .gt-top .page-wrap .fb28opp {display:table-cell; vertical-align:top; width:200px;}
	.greeting .gt-top .page-wrap .inner {display:table-cell; vertical-align:top; width:calc(100% - 200px); color:#231f20;}
	.greeting .gt-top .page-wrap .inner p {padding-top:3em;}
	.greeting .gt-top .page-wrap .inner p img {vertical-align:middle;}
	.greeting .gt-top .page-wrap > p {position:absolute; bottom:0; right:0; line-height:0; text-align:right;}
	.greeting .gt-cont {width:100%; height:auto; padding-top:4em; padding-left:11em;}
	.greeting .gt-cont p {padding-top:.5em; line-height:1.6;}
	.greeting .gt-cont p:nth-child(1) {color:#231f20;}
	.greeting .gt-cont h4 {font-weight:500; font-size:1.222em; color:#231f20; padding-top:1.5em;}
	.greeting .gt-cont .pad {padding-top:2em;}

	@media screen and (max-width: 1600px) {
		.greeting .gt-top .page-wrap {padding:4em;}
		.greeting .gt-cont {padding:4em 4em 15em;}
		.greeting .gt-cont .nb {display:inline;}
	}
	@media screen and (max-width: 1280px) {
		.greeting .gt-top .page-wrap {display:block;}
		.greeting .gt-top .page-wrap .fb28opp,
		.greeting .gt-top .page-wrap .inner {display:block; width:80%;}
		.greeting .gt-top .page-wrap .inner {margin-top:1em;}
		.greeting .gt-cont {padding-left:4em;}
	}
	@media screen and (max-width: 1024px) {
		.greeting .gt-top .page-wrap {padding:3em;}
		.greeting .gt-top .page-wrap > p img {width:90%;}
		.greeting .gt-cont {padding:3em;}
	}
	@media screen and (max-width: 900px) {
		.greeting .gt-top .page-wrap .inner p img {display:block; width:130px;}
		.greeting .gt-top .page-wrap > p {display:none;}
		.greeting .gt-top .page-wrap .inner .fr28 .nb {display:inline;}
	}
	@media screen and (max-width: 568px) {
		.greeting .gt-top:after {font-size:4.5em;}
		.greeting .gt-top .page-wrap {padding:2em;}
		.greeting .gt-top .page-wrap .inner {width:100%;}
		.greeting .gt-cont {padding:2em 0 0;}
	}

/* overview */
	.overview {text-align:center; background:url("../image/sub/img_overview.jpg") top center / contain no-repeat; padding-top:20%;}
	.overview .com-intro {background-color:#fff; padding-top:3.556em;}
	.overview .com-intro p {line-height:1.4;}
	.overview .com-intro p:not(:nth-child(2)) {padding-top:1.25em;}

	.overview .com-why ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.overview .com-why ul li {width:calc(50% - 2em); padding:2.4em; margin-top:4em; background-color:#f5f7f9; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.overview .com-why ul li:before {display:block; font-weight:700; font-size:7em; line-height:1; text-transform:uppercase; color:rgba(35,31,32,.1); position:absolute; top:-.36em; right:.4em; z-index:-1;}
	.overview .com-why ul li em {font-weight:700; font-size:1.778em; color:#231f20;}
	.overview .com-why ul li .fr28 {font-weight:300; padding:1.3em 0; line-height:1.2;}
	.overview .com-why ul li .fr28:after {display:none;}
	.overview .com-why ul li p {font-size:.889em;}
	.overview .com-why ul li mark {color:#009ade; text-decoration:underline;}
	.overview .com-why ul li:nth-child(1):before {content:'1';}
	.overview .com-why ul li:nth-child(2):before {content:'2';}
	.overview .com-why ul li:nth-child(3):before {content:'3';}
	.overview .com-why ul li:nth-child(4):before {content:'4';}

	.overview .com-why ul li:hover, .overview .com-why ul li.active {background-color:#009ade; color:#fff;}
	.overview .com-why ul li:hover em, .overview .com-why ul li.active em, 
	.overview .com-why ul li:hover .fr28, .overview .com-why ul li.active .fr28, 
	.overview .com-why ul li:hover mark, .overview .com-why ul li.active mark {color:#fff;}

	.overview .com-group {}
	.overview .com-group .pic-box {width:100%; height:auto; /* background-color:#f5f7f9; padding:3.556em 2.667em; */ margin-top:1.778em; overflow:hidden;}
	.overview .com-group .pic-box p {display:inline-block; width:11.111em; height:11.111em; padding:3.33em 2em; background-color:#f5f7f9; border-radius:100%;}
	.overview .com-group .pic-box p img {max-width:100%;}
	.overview .com-group .pic-box > ul {width:100%; height:auto; padding:2em 2% 0; position:relative; z-index:1;}
	.overview .com-group .pic-box > ul:before {content:''; display:block; width:calc(100% - 25.11%); height:2em; margin:0 auto; border:1px solid #d7d7d7; border-bottom:none;}
	.overview .com-group .pic-box > ul:after {content:''; display:block; width:1px; height:2em; background-color:#d7d7d7; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}
	.overview .com-group .pic-box > ul > li {float:left; width:21%; max-width:16em; min-height:15em; padding:1.778em; margin:0 2%; position:relative;}
	.overview .com-group .pic-box > ul > li:before {content:''; display:block; width:1px; height:2em; background-color:#d7d7d7; position:absolute; top:-2.11em; left:50%; transform:translateX(-50%); z-index:-1;}
	.overview .com-group .pic-box > ul > li:after {content:''; display:block; width:8px; height:8px; border:2px solid #009ade; background-color:#fff; border-radius:100%; position:absolute; top:-6px; left:50%; transform:translateX(-50%);}
	.overview .com-group .pic-box > ul > li:nth-child(1):before, 
	.overview .com-group .pic-box > ul > li:nth-child(4):before {display:none;}
	.overview .com-group .pic-box > ul > li .fr28 {font-weight:500; font-size:1.333em; line-height:1.2; color:#fff;}
	.overview .com-group .pic-box > ul > li .bul-circle {text-align:left; border-top:1px solid rgba(255,255,255,.5); padding-top:1.25em; margin-top:1.25em; font-weight:400; font-size:.883em; color:#fff;}
	.overview .com-group .pic-box > ul > li .bul-circle li:before {margin-top:-3px;}
	.overview .com-group .pic-box > ul > li:nth-child(1) {background:url("../image/sub/bg_group1.jpg") 0 0 / cover no-repeat;}
	.overview .com-group .pic-box > ul > li:nth-child(2) {background:url("../image/sub/bg_group2.jpg") 0 0 / cover no-repeat;}
	.overview .com-group .pic-box > ul > li:nth-child(3) {background:url("../image/sub/bg_group3.jpg") 0 0 / cover no-repeat;}
	.overview .com-group .pic-box > ul > li:nth-child(4) {background:url("../image/sub/bg_group4.jpg") 0 0 / cover no-repeat;}
	.overview .com-group .pic-box > ul > li:hover {background:none; background-color:#fff; border:1px solid #009ade;}
	.overview .com-group .pic-box > ul > li:hover .fr28 {color:#231f20;}
	.overview .com-group .pic-box > ul > li:hover .bul-circle {color:#878e92; border-top-color:rgba(0,0,0,.2);}

	.overview .com-audit .fb32:after {display:none;}
	.overview .com-audit .audit-lst {width:100%; height:auto; margin:2em 0; display:flex; flex-wrap:wrap;}
	.overview .com-audit .audit-lst > li {width:23%; margin:0 1% 2%;}
	.overview .com-audit .audit-lst li a {display:block; width:100%; height:auto; padding:2.667em 1.5em; position:relative; border:1px solid #e1e1e1;}
	.overview .com-audit .audit-lst li em {display:block; color:#009ade; letter-spacing:0;}
	.overview .com-audit .audit-lst li strong {display:block; font-size:1.333em; color:#231f20;}
	.overview .com-audit .audit-lst li strong:after {content:''; display:block; width:1px; height:2em; margin:1em auto; background-color:#e1e1e1;}
	.overview .com-audit .audit-lst li .bt_more {display:block; width:auto; height:auto; font-size:.778em; font-weight:700; letter-spacing:0; margin-top:1em;}
	.overview .com-audit .audit-lst li .bt_more span {display:block; opacity:0; transition:all .3s; color:#231f20;}
	.overview .com-audit .audit-lst li .bt_more svg {vertical-align:middle;}
	.overview .com-audit .audit-lst li a:hover {border-color:#009ade; color:#878e92 !important;}
	.overview .com-audit .audit-lst li a:hover em {color:#009ade;}
	.overview .com-audit .audit-lst li a:hover svg {fill:#009ade;}
	.overview .com-audit .audit-lst li a:hover .bt_more span {opacity:1; padding-right:10px; color:#009ade;}

	.overview .partner {margin-top:4em;}
	.overview .partner ul {width:100%; height:auto; overflow:hidden; margin-top:2em;}
	.overview .partner ul li {float:left; width:23%; margin:1%;}
	.overview .partner ul li img {max-width:100%; line-height:0; border:1px solid #e1e1e1;}
	.overview .partner ul li a:hover img {border:1px solid #009ade;}

	@media screen and (max-width: 1400px) {
		.overview .com-intro {width:93.66% !important;}
	}
	@media screen and (max-width: 1280px) {
		/* .overview .com-group .pic-box {padding:3.556em 1em;} */
		.overview .com-group .pic-box > ul {padding:2em 0 0;}
		.overview .com-group .pic-box > ul > li {padding:1.778em 1.25em;}
	}
	@media screen and (max-width: 1024px) {
		.overview .partner ul li {width:31.33%;}
	}
	@media screen and (max-width: 900px) {
		.overview {background-size:900px; padding-top:20%;}
		.overview .com-why ul {display:block; margin-top:2em;}
		.overview .com-why ul li {width:100%; margin-top:2em;}
		.overview .com-why ul li p {font-size:1em;}
		.overview .com-why ul li:nth-child(even) {background-color:#009ade; color:#fff;}
		.overview .com-why ul li:nth-child(even) em, .overview .com-why ul li:nth-child(even) .fr28, .overview .com-why ul li:nth-child(even) mark {color:#fff;}

		.overview .com-group .pic-box > ul:before {width:calc(100% - 50.11%)}
		.overview .com-group .pic-box > ul > li {width:46%; max-width:100%; min-height:14.66em; margin-bottom:2em;}
		.overview .com-group .pic-box > ul > li:nth-child(2):before {display:none;}
		.overview .com-group .pic-box > ul > li:nth-child(4):before {display:block;}

		.overview .com-audit .audit-lst > li {width:30.33%;}
		.overview .com-audit .audit-lst li .bt_more span {opacity:1;}
	}
	@media screen and (max-width: 768px) {
		.overview .com-audit .audit-lst > li {width:48%;}
		.overview .partner ul li {width:48%;}
	}
	@media screen and (max-width: 568px) {
		.overview {padding-top:50%;}
		.overview .nb {display:inline;}
		.overview .com-intro {padding-top:2em;}
		.overview .com-why ul {margin-top:0;}

		.overview .com-group .pic-box > ul:before {display:none;}
		.overview .com-group .pic-box > ul:after {height:100%;}
		.overview .com-group .pic-box > ul > li {float:none; width:100%; min-height:100%; margin:0 0 2em;}
		.overview .com-group .pic-box > ul > li:before {display:none;}
		.overview .com-group .pic-box > ul > li:nth-child(4) {margin-bottom:0;}
		.overview .com-group .pic-box > ul > li:nth-child(3) {background-position:50% 70%;}
		.overview .com-group .pic-box > ul > li .bul-circle {display:flex; flex-wrap:wrap;}
		.overview .com-group .pic-box > ul > li .bul-circle li {width:50%; margin-bottom:8px;}
		.overview .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:0;}

		.overview .com-audit .audit-lst {margin:2em 0;}
		.overview .com-audit .audit-lst li a {padding:2em 1em;}
		.overview .com-audit .audit-lst li strong:after {height:1.5em; margin:.5em auto;}
		.overview .com-audit .audit-lst li ul {font-size:.867em;}
		.overview .com-audit .audit-lst > li:last-child {margin-bottom:0;}
		.overview .partner {margin-top:3em;}
	}
	@media screen and (max-width: 320px) {
		.overview .com-group .pic-box > ul > li .bul-circle li {width:100%; margin-bottom:0;}
		.overview .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:8px;}
	}

/* history */
	.history {}
	.history .tab-wrap .tab li {width:25%; font-weight:700;}

	.history .tabcont {margin-top:4em;}
		.history .his-year {width:100%; height:auto; padding-bottom:64px; position:relative; display:flex; flex-wrap:wrap;}
		.history .his-year:before, .history .his-year:after {content:''; display:block; width:2px; height:100%; background-color:#eff0f2; position:absolute; top:0; left:25%;}
		.history .his-year:after {height:0; background-color:#009ade; animation:his_bar alternate .3s forwards linear;}

		.history .his-year h3 {width:25%; text-align:center; font-weight:700; font-size:1.778em; color:#231f20; position:relative; line-height:.8;}
		.history .his-year h3 .max-ico {width:8px; height:8px; border-radius:100%; background-color:#adb6bc; position:absolute; top:8px; right:-5px;}
		.history .his-year h3 .max-ico:after {width:16px; height:16px; border-radius:100%; background-color:#adb6bc; opacity:.3; top:50%; left:50%; transform:translate(-50%, -50%);}
		.history .his-year ul {width:calc(100% - 25%); padding-left:3.556em;}
		.history .his-year ul li {width:100%; height:auto; display:table;}
		.history .his-year ul li:not(:nth-child(1)) {margin-top:.75em;}
		.history .his-year ul li strong {display:table-cell; font-weight:500; width:2.4em;}
		.history .his-year ul li span {display:table-cell; width:calc(100% - 2.4em); line-height:1.4;}

		.history .his-year.maxparallax.on:after {animation:his_bar_over alternate 1s forwards linear;}
		.history .his-year.maxparallax.on h3 .max-ico {background:#009ade;}
		.history .his-year.maxparallax.on h3 .max-ico:after {background:#009ade;}

		@keyframes his_bar { from {height:100%;} to {height:0;} }
		@keyframes his_bar_over { from {height:0;} to {height:100%;} }

	@media screen and (max-width: 568px) {
		.history .tab-wrap .tab li {width:50%;}
		.history .tabcont {margin-top:2em;}
		.history .his-year {display:block;}
		.history .his-year:before, .history .his-year:after {left:0;}
		.history .his-year h3 {width:20%; padding-left:1em; line-height:1;}
		.history .his-year h3 .max-ico {right:0; left:-3px;}
		.history .his-year ul {width:100%; padding-left:2em; margin-top:2em;}
	}

/* membership22 */
	.membership22 {text-align:center; background:url("../image/sub/img_membership22.jpg") top center / contain no-repeat; padding-top:20%;}
	.membership22 .com-intro {background-color:#fff; padding-top:3.556em;}
	.membership22 .com-intro p {line-height:1.4;}
	.membership22 .com-intro p:not(:nth-child(2)) {padding-top:1.25em;}

	.membership22 .com-why ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.membership22 .com-why ul li {width:calc(50% - 2em); padding:2.4em; margin-top:4em; background-color:#f5f7f9; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.membership22 .com-why ul li:before {display:block; font-weight:700; font-size:7em; line-height:1; text-transform:uppercase; color:rgba(35,31,32,.1); position:absolute; top:-.36em; right:.4em; z-index:-1;}
	.membership22 .com-why ul li em {font-weight:700; font-size:1.778em; color:#231f20;}
	.membership22 .com-why ul li .fr28 {font-weight:300; padding:1.3em 0; line-height:1.2;}
	.membership22 .com-why ul li .fr28:after {display:none;}
	.membership22 .com-why ul li p {font-size:.889em;}
	.membership22 .com-why ul li mark {color:#009ade; text-decoration:underline;}
	.membership22 .com-why ul li:nth-child(1):before {content:'1';}
	.membership22 .com-why ul li:nth-child(2):before {content:'2';}
	.membership22 .com-why ul li:nth-child(3):before {content:'3';}
	.membership22 .com-why ul li:nth-child(4):before {content:'4';}
	.membership22 .com-why ul li:nth-child(5):before {content:'5';}
	.membership22 .com-why ul li:nth-child(6):before {content:'6';}

	.membership22 .com-why ul li:hover, .membership22 .com-why ul li.active {background-color:#009ade; color:#fff;}
	.membership22 .com-why ul li:hover em, .membership22 .com-why ul li.active em, 
	.membership22 .com-why ul li:hover .fr28, .membership22 .com-why ul li.active .fr28, 
	.membership22 .com-why ul li:hover mark, .membership22 .com-why ul li.active mark {color:#fff;}

	

	@media screen and (max-width: 1400px) {
		.membership22 .com-intro {width:93.66% !important;}
	}
	@media screen and (max-width: 1280px) {
		/* .membership22 .com-group .pic-box {padding:3.556em 1em;} */
		.membership22 .com-group .pic-box > ul {padding:2em 0 0;}
		.membership22 .com-group .pic-box > ul > li {padding:1.778em 1.25em;}
	}
	@media screen and (max-width: 1024px) {
		.membership22 .partner ul li {width:31.33%;}
	}
	@media screen and (max-width: 900px) {
		.membership22 {background-size:900px; padding-top:20%;}
		.membership22 .com-why ul {display:block; margin-top:2em;}
		.membership22 .com-why ul li {width:100%; margin-top:2em;}
		.membership22 .com-why ul li p {font-size:1em;}
		.membership22 .com-why ul li:nth-child(even) {background-color:#009ade; color:#fff;}
		.membership22 .com-why ul li:nth-child(even) em, .membership22 .com-why ul li:nth-child(even) .fr28, .membership22 .com-why ul li:nth-child(even) mark {color:#fff;}

		.membership22 .com-group .pic-box > ul:before {width:calc(100% - 50.11%)}
		.membership22 .com-group .pic-box > ul > li {width:46%; max-width:100%; min-height:14.66em; margin-bottom:2em;}
		.membership22 .com-group .pic-box > ul > li:nth-child(2):before {display:none;}
		.membership22 .com-group .pic-box > ul > li:nth-child(4):before {display:block;}

		.membership22 .com-audit .audit-lst > li {width:30.33%;}
		.membership22 .com-audit .audit-lst li .bt_more span {opacity:1;}
	}
	@media screen and (max-width: 768px) {
		.membership22 .com-audit .audit-lst > li {width:48%;}
		.membership22 .partner ul li {width:48%;}
	}
	@media screen and (max-width: 568px) {
		.membership22 {padding-top:50%;}
		.membership22 .nb {display:inline;}
		.membership22 .com-intro {padding-top:2em;}
		.membership22 .com-why ul {margin-top:0;}

		.membership22 .com-group .pic-box > ul:before {display:none;}
		.membership22 .com-group .pic-box > ul:after {height:100%;}
		.membership22 .com-group .pic-box > ul > li {float:none; width:100%; min-height:100%; margin:0 0 2em;}
		.membership22 .com-group .pic-box > ul > li:before {display:none;}
		.membership22 .com-group .pic-box > ul > li:nth-child(4) {margin-bottom:0;}
		.membership22 .com-group .pic-box > ul > li:nth-child(3) {background-position:50% 70%;}
		.membership22 .com-group .pic-box > ul > li .bul-circle {display:flex; flex-wrap:wrap;}
		.membership22 .com-group .pic-box > ul > li .bul-circle li {width:50%; margin-bottom:8px;}
		.membership22 .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:0;}

		.membership22 .com-audit .audit-lst {margin:2em 0;}
		.membership22 .com-audit .audit-lst li a {padding:2em 1em;}
		.membership22 .com-audit .audit-lst li strong:after {height:1.5em; margin:.5em auto;}
		.membership22 .com-audit .audit-lst li ul {font-size:.867em;}
		.membership22 .com-audit .audit-lst > li:last-child {margin-bottom:0;}
		.membership22 .partner {margin-top:3em;}
	}
	@media screen and (max-width: 320px) {
		.membership22 .com-group .pic-box > ul > li .bul-circle li {width:100%; margin-bottom:0;}
		.membership22 .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:8px;}
	}

/* cemetery22 */
	.cemetery22 {text-align:center; background:url("../image/sub/img_cemetery.jpg") top center / contain no-repeat; padding-top:20%;}
	.cemetery22 .com-intro {background-color:#fff; padding-top:3.556em;}
	.cemetery22 .com-intro p {line-height:1.4;}
	.cemetery22 .com-intro p:not(:nth-child(2)) {padding-top:1.25em;}

	.cemetery22 .com-why ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.cemetery22 .com-why ul li {width:calc(50% - 2em); padding:2.4em; margin-top:4em; background-color:#f5f7f9; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.cemetery22 .com-why ul li:before {display:block; font-weight:700; font-size:7em; line-height:1; text-transform:uppercase; color:rgba(35,31,32,.1); position:absolute; top:-.36em; right:.4em; z-index:-1;}
	.cemetery22 .com-why ul li em {font-weight:700; font-size:1.778em; color:#231f20;}
	.cemetery22 .com-why ul li .fr28 {font-weight:300; padding:1.3em 0; line-height:1.2;}
	.cemetery22 .com-why ul li .fr28:after {display:none;}
	.cemetery22 .com-why ul li p {font-size:.889em;}
	.cemetery22 .com-why ul li mark {color:#009ade; text-decoration:underline;}
	.cemetery22 .com-why ul li:nth-child(1):before {content:'1';}
	.cemetery22 .com-why ul li:nth-child(2):before {content:'2';}
	.cemetery22 .com-why ul li:nth-child(3):before {content:'3';}
	.cemetery22 .com-why ul li:nth-child(4):before {content:'4';}
	.cemetery22 .com-why ul li:nth-child(5):before {content:'5';}
	.cemetery22 .com-why ul li:nth-child(6):before {content:'6';}

	.cemetery22 .com-why ul li:hover, .cemetery22 .com-why ul li.active {background-color:#009ade; color:#fff;}
	.cemetery22 .com-why ul li:hover em, .cemetery22 .com-why ul li.active em, 
	.cemetery22 .com-why ul li:hover .fr28, .cemetery22 .com-why ul li.active .fr28, 
	.cemetery22 .com-why ul li:hover mark, .cemetery22 .com-why ul li.active mark {color:#fff;}

	

	@media screen and (max-width: 1400px) {
		.cemetery22 .com-intro {width:93.66% !important;}
	}
	@media screen and (max-width: 1280px) {
		/* .cemetery22 .com-group .pic-box {padding:3.556em 1em;} */
		.cemetery22 .com-group .pic-box > ul {padding:2em 0 0;}
		.cemetery22 .com-group .pic-box > ul > li {padding:1.778em 1.25em;}
	}
	@media screen and (max-width: 1024px) {
		.cemetery22 .partner ul li {width:31.33%;}
	}
	@media screen and (max-width: 900px) {
		.cemetery22 {background-size:900px; padding-top:20%;}
		.cemetery22 .com-why ul {display:block; margin-top:2em;}
		.cemetery22 .com-why ul li {width:100%; margin-top:2em;}
		.cemetery22 .com-why ul li p {font-size:1em;}
		.cemetery22 .com-why ul li:nth-child(even) {background-color:#009ade; color:#fff;}
		.cemetery22 .com-why ul li:nth-child(even) em, .cemetery22 .com-why ul li:nth-child(even) .fr28, .cemetery22 .com-why ul li:nth-child(even) mark {color:#fff;}

		.cemetery22 .com-group .pic-box > ul:before {width:calc(100% - 50.11%)}
		.cemetery22 .com-group .pic-box > ul > li {width:46%; max-width:100%; min-height:14.66em; margin-bottom:2em;}
		.cemetery22 .com-group .pic-box > ul > li:nth-child(2):before {display:none;}
		.cemetery22 .com-group .pic-box > ul > li:nth-child(4):before {display:block;}

		.cemetery22 .com-audit .audit-lst > li {width:30.33%;}
		.cemetery22 .com-audit .audit-lst li .bt_more span {opacity:1;}
	}
	@media screen and (max-width: 768px) {
		.cemetery22 .com-audit .audit-lst > li {width:48%;}
		.cemetery22 .partner ul li {width:48%;}
	}
	@media screen and (max-width: 568px) {
		.cemetery22 {padding-top:50%;}
		.cemetery22 .nb {display:inline;}
		.cemetery22 .com-intro {padding-top:2em;}
		.cemetery22 .com-why ul {margin-top:0;}

		.cemetery22 .com-group .pic-box > ul:before {display:none;}
		.cemetery22 .com-group .pic-box > ul:after {height:100%;}
		.cemetery22 .com-group .pic-box > ul > li {float:none; width:100%; min-height:100%; margin:0 0 2em;}
		.cemetery22 .com-group .pic-box > ul > li:before {display:none;}
		.cemetery22 .com-group .pic-box > ul > li:nth-child(4) {margin-bottom:0;}
		.cemetery22 .com-group .pic-box > ul > li:nth-child(3) {background-position:50% 70%;}
		.cemetery22 .com-group .pic-box > ul > li .bul-circle {display:flex; flex-wrap:wrap;}
		.cemetery22 .com-group .pic-box > ul > li .bul-circle li {width:50%; margin-bottom:8px;}
		.cemetery22 .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:0;}

		.cemetery22 .com-audit .audit-lst {margin:2em 0;}
		.cemetery22 .com-audit .audit-lst li a {padding:2em 1em;}
		.cemetery22 .com-audit .audit-lst li strong:after {height:1.5em; margin:.5em auto;}
		.cemetery22 .com-audit .audit-lst li ul {font-size:.867em;}
		.cemetery22 .com-audit .audit-lst > li:last-child {margin-bottom:0;}
		.cemetery22 .partner {margin-top:3em;}
	}
	@media screen and (max-width: 320px) {
		.cemetery22 .com-group .pic-box > ul > li .bul-circle li {width:100%; margin-bottom:0;}
		.cemetery22 .com-group .pic-box > ul > li .bul-circle li:not(:nth-child(1)) {margin-top:8px;}
	}

/* service22 */
	.service-wrap22 {text-align:center;}
	.service-wrap22 .fb28opp {letter-spacing:0;}
	.service-wrap22 .i-arrow {width:48px; height:48px; transform:rotate(90deg); margin:1em auto; color:#231f20;}
	.service-wrap22 .i-arrow:before {width:24px; height:24px; left:3px;}

	.service-wrap22 .service picture {display:block; padding:4em; margin-top:3em; background-color:#f1f4f7; position:relative; z-index:1; overflow:hidden;}
	.service-wrap22 .service picture img {max-width:100%;}
	.service-wrap22 .service picture:after {content:'cell'; display:block; font-weight:700; font-size:10.5em; line-height:1; text-transform:uppercase; color:#eaebed; position:absolute; bottom:-.14em; right:-.14em; z-index:-1;}
	.service-wrap22 .service a {display:none; width:100%; height:auto; padding:1em 0; margin-top:1em; background-color:#15489f; color:#fff !important;}

	.service-wrap22 .ideology {margin:4em auto;}
	.service-wrap22 .ideology ul {width:100%; height:auto; margin:3em 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.service-wrap22 .ideology ul li {width:30.33%; min-height:11.25em; font-weight:400; font-size:1.778em; text-transform:uppercase; color:#fff; letter-spacing:-.06em;}
	.service-wrap22 .ideology ul li:nth-child(odd) {line-height:11.25em; font-weight:700; letter-spacing:.2em;}
	.service-wrap22 .ideology ul li .i-plus {margin:1em auto;}
	.service-wrap22 .ideology ul li:nth-child(1) {background:url("../image/sub/bg_ideology1.jpg") center no-repeat;}
	.service-wrap22 .ideology ul li:nth-child(2) {padding:2.8em 0; background-color:#009ade;}
	.service-wrap22 .ideology ul li:nth-child(3) {background:url("../image/sub/bg_ideology2.jpg") center no-repeat;}

	.service-wrap22 .com-motto {}
	.service-wrap22 .com-motto ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.service-wrap22 .com-motto ul li {width:calc(33.33% - 1em); padding:1em; font-size:1.778em; color:#231f20; background-color:#f1f4f7; background-position:80% 50%; background-repeat:no-repeat; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.service-wrap22 .com-motto ul li em {font-weight:700;}
	.service-wrap22 .com-motto ul li mark {font-weight:300; padding:2em 0 0;}
	.service-wrap22 .com-motto ul li:nth-child(1) {background-image:url("../image/sub/bg_motto1.png");}
	.service-wrap22 .com-motto ul li:nth-child(2) {background-image:url("../image/sub/bg_motto2.png");}
	.service-wrap22 .com-motto ul li:nth-child(3) {background-image:url("../image/sub/bg_motto3.png");}
	.service-wrap22 .com-motto ul li:hover, .service-wrap22 .com-motto ul li.active {background-color:#009ade; color:#fff;}

	@media screen and (max-width: 1024px) {
		.service-wrap22 .service picture {padding:2em;}
		.service-wrap22 .com-motto ul li {background-size:40%;}
	}
	@media screen and (max-width: 900px) {
		.service-wrap22 .service picture:after {display:none;}
	}
	@media screen and (max-width: 768px) {
		.service-wrap22 .ideology ul {display:block;}
		.service-wrap22 .ideology ul li {width:100%;}
		.service-wrap22 .ideology ul li:nth-child(odd) {display:none;}
		.service-wrap22 .com-motto ul {display:block;}
		.service-wrap22 .com-motto ul li {width:100%; background-size:96px; background-position:90% 50%; font-size:1.556em;}
		.service-wrap22 .com-motto ul li:nth-child(2) {margin:1em 0;}
	}
	@media screen and (max-width: 568px) {
		.service-wrap22 .service picture {padding:2em 1em;}
		.service-wrap22 .ideology .nb {display:inline;}
		.service-wrap22 .service a {display:block;}
	}



/* vision */
	.vision-wrap {text-align:center;}
	.vision-wrap .fb28opp {letter-spacing:0;}
	.vision-wrap .i-arrow {width:48px; height:48px; transform:rotate(90deg); margin:1em auto; color:#231f20;}
	.vision-wrap .i-arrow:before {width:24px; height:24px; left:3px;}

	.vision-wrap .vision picture {display:block; padding:4em; margin-top:3em; background-color:#f1f4f7; position:relative; z-index:1; overflow:hidden;}
	.vision-wrap .vision picture img {max-width:100%;}
	.vision-wrap .vision picture:after {content:'Vision'; display:block; font-weight:700; font-size:10.5em; line-height:1; text-transform:uppercase; color:#eaebed; position:absolute; bottom:-.14em; right:-.14em; z-index:-1;}
	.vision-wrap .vision a {display:none; width:100%; height:auto; padding:1em 0; margin-top:1em; background-color:#15489f; color:#fff !important;}

	.vision-wrap .ideology {margin:4em auto;}
	.vision-wrap .ideology ul {width:100%; height:auto; margin:3em 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.vision-wrap .ideology ul li {width:30.33%; min-height:11.25em; font-weight:400; font-size:1.778em; text-transform:uppercase; color:#fff; letter-spacing:-.06em;}
	.vision-wrap .ideology ul li:nth-child(odd) {line-height:11.25em; font-weight:700; letter-spacing:.2em;}
	.vision-wrap .ideology ul li .i-plus {margin:1em auto;}
	.vision-wrap .ideology ul li:nth-child(1) {background:url("../image/sub/bg_ideology1.jpg") center no-repeat;}
	.vision-wrap .ideology ul li:nth-child(2) {padding:2.8em 0; background-color:#009ade;}
	.vision-wrap .ideology ul li:nth-child(3) {background:url("../image/sub/bg_ideology2.jpg") center no-repeat;}

	.vision-wrap .com-motto {}
	.vision-wrap .com-motto ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.vision-wrap .com-motto ul li {width:calc(33.33% - 1em); padding:1em; font-size:1.778em; color:#231f20; background-color:#f1f4f7; background-position:80% 50%; background-repeat:no-repeat; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.vision-wrap .com-motto ul li em {font-weight:700;}
	.vision-wrap .com-motto ul li mark {font-weight:300; padding:2em 0 0;}
	.vision-wrap .com-motto ul li:nth-child(1) {background-image:url("../image/sub/bg_motto1.png");}
	.vision-wrap .com-motto ul li:nth-child(2) {background-image:url("../image/sub/bg_motto2.png");}
	.vision-wrap .com-motto ul li:nth-child(3) {background-image:url("../image/sub/bg_motto3.png");}
	.vision-wrap .com-motto ul li:hover, .vision-wrap .com-motto ul li.active {background-color:#009ade; color:#fff;}

	@media screen and (max-width: 1024px) {
		.vision-wrap .vision picture {padding:2em;}
		.vision-wrap .com-motto ul li {background-size:40%;}
	}
	@media screen and (max-width: 900px) {
		.vision-wrap .vision picture:after {display:none;}
	}
	@media screen and (max-width: 768px) {
		.vision-wrap .ideology ul {display:block;}
		.vision-wrap .ideology ul li {width:100%;}
		.vision-wrap .ideology ul li:nth-child(odd) {display:none;}
		.vision-wrap .com-motto ul {display:block;}
		.vision-wrap .com-motto ul li {width:100%; background-size:96px; background-position:90% 50%; font-size:1.556em;}
		.vision-wrap .com-motto ul li:nth-child(2) {margin:1em 0;}
	}
	@media screen and (max-width: 568px) {
		.vision-wrap .vision picture {padding:2em 1em;}
		.vision-wrap .ideology .nb {display:inline;}
		.vision-wrap .vision a {display:block;}
	}

/* store */
	.place-find-wrap {width:100%; max-width:640px; height:auto; position:absolute; top:1em; left:50%; transform:translateX(-50%); z-index:2;}
	.place-find-wrap .local-frm {width:calc(100% - 8em); height:3em; background-color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.3);}
	.place-find-wrap .local-frm input {display:inline-block; width:calc(100% - 3em); padding:.75em 1em; background:none;}
	.place-find-wrap .local-frm button {font-size:0; color:#231f20; vertical-align:middle;}
	.store-wrap #map {height:35em;}
	.store-wrap #return_map_level {position:absolute; top:0; right:0; z-index:2; width:7em; height:3em; background-color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.3); color:#231f20;}
	.store-wrap #return_map_level svg {display:inline-block; vertical-align:top;}
	.store-wrap .store-lst {width:100%; height:auto; margin-top:8px;}
	.store-wrap .store-lst:after {content:''; display:block; clear:both;}
	.store-wrap .store-lst > li {float:left; width:31.33%; min-height:16.111em; padding:1.778em; margin-top:2.222em; border:1px solid #e1e1e1;}
	.store-wrap .store-lst > li.nborder{border:none}
	.store-wrap .store-lst > li:nth-child(3n+2) {margin:2.222em 3% 0;}
	.store-wrap .store-lst > li .store-info {width:100%; height:auto; margin-top:1.233em;}
	.store-wrap .store-lst > li .store-info li {display:table; margin-top:.5em;}
	.store-wrap .store-lst > li .store-info li strong {display:table-cell; width:96px; color:#009ade; }
	.store-wrap .store-lst > li .store-info li strong:before {content:''; display:inline-block; vertical-align:middle; width:24px; height:24px; margin-top:-4px; background-image:url("../image/board/ico_store_lab24.png"); background-repeat:no-repeat;}
	.store-wrap .store-lst > li .store-info li:nth-child(2) strong:before {background-position:0 -24px;}
	.store-wrap .store-lst > li .store-info li:nth-child(3) strong:before {background-position:0 -72px;}
	.store-wrap .store-lst > li .store-info li:nth-child(4) strong:before {background-position:0 -96px;}

	@media screen and (max-width: 1280px) {
		.store-wrap .store-lst > li {width:48%;}
		.store-wrap .store-lst > li:nth-child(3n+2) {margin:2.222em 0 0;}
		.store-wrap .store-lst > li:nth-child(even) {margin-left:4%;}
	}
	@media screen and (max-width: 900px) {
		.place-find-wrap {max-width:100%; padding:1em; background-color:#f5f5f5; position:static; transform:none;}
		.place-find-wrap .local-frm {box-shadow:none; border:1px solid #e1e1e1;}
		.store-wrap #return_map_level {box-shadow:none; border:1px solid #e1e1e1; top:1em; right:1em;}
		.store-wrap #map {height:25em;}
		.store-wrap .store-lst > li {width:100%;}
		.store-wrap .store-lst > li:nth-child(even) {margin-left:0;}
	}
	@media screen and (max-width: 320px) {
		.place-find-wrap {}
		.place-find-wrap .local-frm {width:100%;}
		.store-wrap #return_map_level {position:static; width:100%; margin-top:4px;}
	}

	/*map overlay*/
	.page_wrap_pop {display:block; background-color:#fff; border-radius:.1em; padding:1em; box-shadow:3px 3px 5px rgba(0,0,0,.3);}
	.page_wrap_pop:after{content: ''; width: .75em; height: .75em; background: #fff; position: absolute; bottom: 0; left: 50%; transform: rotate(45deg); margin-left: -.366em;  margin-bottom: -0.366em;}
	.page_wrap_pop h4{ font-size:1em; font-weight:500; padding-bottom:.25em; border-bottom:1px solid #e1e1e1; color:#231f20;}
	.page_wrap_pop p{ font-size:.889em; padding-top:.5em;}


/* recruit */
	.recruit-wrap {background:url("../image/sub/bg_recruit.jpg") top center / contain no-repeat; padding-top:20%;}
	.recruit-type {background-color:#fff; text-align:center; padding-top:3.556em;}
	.recruit-type .fb32 {text-transform:uppercase; letter-spacing:0;}
	.recruit-type .fr28 {font-weight:300;}
	.recruit-type ul {width:100%; height:auto; padding:0 5.333em; margin:5.333em 0; overflow:hidden; position:relative;}
	.recruit-type ul:after {content:''; display:block; width:100%; height:1px; background-color:#d0daec; position:absolute; bottom:3.89em; left:0;}
	.recruit-type ul li {float:left; width:33.33%; font-size:1.111em;}
	.recruit-type ul li mark {display:block; font-size:1.4em; width:8.214em; height:8.214em; line-height:8.214em; margin:0 auto; background:url("../image/sub/bg_recruit_dot.png") center / cover no-repeat; color:#fff; position:relative; z-index:1;}
	.recruit-type ul li mark:before {content:''; display:block; width:7.143em; height:7.143em; border-radius:100%; background-color:#15489f; position:absolute; top:50%; left:50%; z-index:-1; transform:translate(-50%, -50%);}
	.recruit-type ul li em {display:block; padding-top:4.2em; position:relative; color:#231f20;}
	.recruit-type ul li em:before {content:''; display:block; width:1px; height:4em; background-color:#15489f; position:absolute; top:-15px; left:50%; transform:translateX(-50%);}
	.recruit-type ul li em:after {content:''; display:block; width:8px; height:8px; border-radius:100%; background-color:#15489f; position:absolute; top:3.2em; left:50%; transform:translateX(-50%); z-index:1;}

	.recruit-guide {background-color:#f7f9fb; text-align:center; padding:5.333em 0;}
	.recruit-guide .inner {border-top:4px solid #231f20; margin-top:2.667em; text-align:left;}
	.recruit-guide dl {width:100%; height:auto; display:table; border-bottom:1px solid #e1e3e5;}
	.recruit-guide dt {display:table-cell; width:320px; padding:1.143em; font-weight:300;}
	.recruit-guide dd {display:table-cell; vertical-align:top; width:calc(100% - 320px); padding:1.778em;}
	.recruit-guide dd > ul {}
	.recruit-guide dd > ul > li {display:inline-block; vertical-align:top; width:49.66%;}
	.recruit-guide dd > ul > li:nth-child(3) {width:100%; margin-top:2em;}
	.recruit-guide dd > ul > li > strong {font-weight:500; font-size:1.111em; color:#231f20;}
	.recruit-guide dd > ul > li > ul {margin-top:.75em;}
	.recruit-guide .recruit-tel {width:100%; height:auto; text-align:center;}
	.recruit-guide .recruit-tel a {display:inline-block; padding:1.143em 3.556em; margin-top:1.143em; color:#fff; background-color:#15489f;}
	.recruit-guide .recruit-tel a:hover {color:#fff !important;}
	.recruit-guide .recruit-tel .nb {display:inline-block; width:.5em;}

	@media screen and (max-width: 1400px) {
		.recruit-type {width:93.66% !important;}
		.recruit-guide {padding:5.333em 2.667em;}
	}
	@media screen and (max-width: 1280px) {
		.recruit-type ul {padding:0 2.667em;}
		.recruit-guide dl {display:block;}
		.recruit-guide dt, .recruit-guide dd {display:block; width:100%;}
		.recruit-guide dd {padding-top:0;}
	}
	@media screen and (max-width: 900px) {
		.recruit-wrap {background-size:900px; padding-top:20%;}
		.recruit-type ul {padding:0; margin:4em 0;}
		.recruit-guide {padding:4em 1.5em;}
		.recruit-guide dd > ul > li {display:block; width:100%;}
		.recruit-guide dd > ul > li:nth-child(2) {margin-top:2em;}
	}
	@media screen and (max-width: 568px) {
		.recruit-wrap {padding-top:50%;}
		.recruit-type {padding-top:2em;}
		.recruit-type .fr28 {font-size:1em;}
		.recruit-type ul:after {display:none;}
		.recruit-type ul li {float:none; width:100%; font-size:1em;}
		.recruit-type ul li:nth-child(2) {margin:2em 0;}
		.recruit-type ul li em {padding-top:3.5em;}
		.recruit-type ul li em:before {height:2.5em;}
		.recruit-type ul li em:after {top:2.5em;}
		.recruit-type ul li em .nb {display:inline;}
		.recruit-guide dt, .recruit-guide dd {padding-left:0; padding-right:0;}
		.recruit-guide .recruit-tel a {padding:1.143em 2em}
		.recruit-guide .recruit-tel .nb {display:block; width:0;}
	}

/* directions */
	.directions {}
	.directions .map-wrap {position:relative;}
	.directions #map_d {width:100%; height:30em;}
	/* 
	.directions .map-wrap p:nth-child(1) {width:100%; height:34.222em; position:relative; overflow:hidden;}
	.directions .map-wrap img {position:absolute; top:0; left:50%; transform:translateX(-50%);}
	.directions .map-wrap .map-info-layer {display:inline-block; position:absolute; top:12.5em; left:50%; transform:translateX(-50%); padding:1.333em; font-size:.889em; background-color:#009ade; color:#fff;}
	.directions .map-wrap .map-info-layer:after {content:''; height:0; width:0; display:block; border:.75em transparent solid; border-bottom-width:0; border-left-width:0; border-top-color:#009ade; position:absolute; bottom:-.74em; left:0;}
	.directions .map-wrap .map-info-layer mark {display:block; font-weight:700; margin-bottom:.5em;}
	.directions .map-wrap .map-info-layer em {opacity:.5;} */

	.directions .map-guide {width:100%; height:auto;}
	.directions .map-guide ul {width:inherit; height:inherit; border-top:2px solid #231f20; margin-top:2.667em;}
	.directions .map-guide ul li {border-bottom:1px solid #e1e1e1;}
	.directions .map-guide ul li strong {display:inline-block; vertical-align:middle; width:10em; padding:1em 0; margin-right:1em; background-color:#f5f5f5; font-weight:500; color:#231f20; text-align:center;}

	/* @media screen and (max-width: 1024px) {
		.directions {display:block;}
		.directions .map-wrap {display:block; width:100%;}
		.directions .map-wrap .map-info-layer {top:15em; left:24.375em;}
	} */
	@media screen and (max-width: 900px) {
		.directions #map_d {height:20em;}
		.directions .map-guide ul {text-align:center;}
		.directions .map-guide ul li {padding-bottom:1em;}
		.directions .map-guide ul li strong {display:block; width:100%; margin:0 0 1em;}
	}


/* product */
	.prd-wrap {padding:7.111em 2.778em 0;}
	.prd-wrap .slider-paginavi {top:46%; transform:translateY(-46%) translateZ(200px); border:none; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.hs-note {text-align:right; font-size:.833em; margin-top:2.133em;}
	.prd-lst {text-align:center;}
	.prd-lst .fb28opp {display:block; letter-spacing:0;}
	.prd-lst h3 {font-size:2em; color:#231f20; line-height:1.2; letter-spacing:-0.06em; margin-top:.667em;}
	.prd-lst h3 strong {font-weight:500;}
	.prd-lst h3:after {content:''; display:block; width:1px; height:1.333em; margin:.889em auto; background-color:currentColor;}
	.prd-lst .prd-lst-wrap {width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:center;}
	.prd-lst .prd-lst-wrap li {width:30.33%; margin:1.33%;}
	.prd-lst .prd-lst-wrap li a {display:block; width:100%; height:auto; min-height:23.889em; padding:3.333em 0 0; position:relative; overflow:hidden; transition:all .2s linear;}
	.prd-lst .prd-lst-wrap li a:before {display:block; width:100%; font-weight:700; font-size:3.556em; opacity:0.1; text-transform:uppercase; position:absolute; top:-.52em; left:0;}
	.prd-lst .prd-lst-wrap li em {font-size:.889em; line-height:1;}
	.prd-lst .prd-lst-wrap li .fb32 {margin-top:8px;}
	.prd-lst .prd-lst-wrap li .fb32:after {content:''; display:block; width:1px; height:1em; margin:.75em auto; background-color:#e1e1e1;}
	.prd-lst .prd-lst-wrap li mark {display:block; vertical-align:middle; font-weight:400;}
	.prd-lst .prd-lst-wrap li mark span {font-weight:500; font-size:1.333em; letter-spacing:-0.06em;}
	.prd-lst .prd-lst-wrap li .bt-view {display:inline-block; padding:8px 0; margin-top:1.333em; color:#231f20; font-weight:500; border-bottom:1px solid currentColor; position:absolute; bottom:3.333em; left:50%; transform:translateX(-50%);}
	.prd-lst .prd-lst-wrap li a:hover, .prd-lst .prd-lst-wrap li a.active {color:#fff !important}
	.prd-lst .prd-lst-wrap li a:hover .fb32, .prd-lst .prd-lst-wrap li a.active .fb32 {color:currentColor;}
	.prd-lst .prd-lst-wrap li a:hover mark, .prd-lst .prd-lst-wrap li a.active mark {color:currentColor;}
	.prd-lst .prd-lst-wrap li a:hover .bt-view, .prd-lst .prd-lst-wrap li a.active .bt-view {color:currentColor;}

	@media screen and (max-width: 1366px) {
		.prd-lst .prd-lst-wrap li .bt-view {bottom:2.3em;}
	}
	@media screen and (max-width: 900px) {
		.prd-wrap {padding:6em 1.5em 0;}
		.hs-note {text-align:center;}
		.prd-lst h3 {font-size:1.333em;}
		.prd-lst .prd-lst-wrap li {width:48%; margin:1%;}
		.prd-lst .prd-lst-wrap li a {min-height:21em; padding-top:2.3em;}
		.prd-lst .prd-lst-wrap li .fb32 {font-size:1.556em;}
	}
	@media screen and (max-width: 568px) {
		.prd-lst .prd-lst-wrap li {width:100%;}
		.prd-lst .prd-lst-wrap li a {min-height:100%; padding:2.3em 1.5em;}
		.prd-lst .prd-lst-wrap li .fb32 {margin-bottom:1em;}
		.prd-lst .prd-lst-wrap li .fb32:after {display:none;}
		.prd-lst .prd-lst-wrap li mark span {font-size:1.2em;}
		.prd-lst .prd-lst-wrap li .bt-view {position:static; transform:none;}
	}

	.prd-recom {text-align:center; padding:5.333em 0;}
	.prd-recom ul {width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.prd-recom ul li {width:24%; height:20em; padding:3em 1.5em; margin-top:2.667em; font-size:.889em; border:1px solid #e1e1e1;}
	.prd-recom ul li i {display:block; width:6em; height:6em; margin:0 auto 2.5em; background-repeat:no-repeat; background-position:center;/*  background-size:6em; */}
	.prd-recom ul li em {display:block; font-size:1.5em; padding-bottom:.667em; color:#231f20;}

	@media screen and (max-width: 1280px) {
		.prd-recom ul li {width:49%;}
	}
	@media screen and (max-width: 900px) {
		.prd-recom {padding:4em 0;}
	}
	@media screen and (max-width: 568px) {
		.prd-recom .nb {display:inline;}
		.prd-recom ul li {width:100%; height:auto; padding:2em; margin-top:2.667em;}
		.prd-recom ul li:not(:nth-child(1)) {margin-top:1em;}
		.prd-recom ul li i {width:4em; height:4em; margin-bottom:1em;}
	}

	.prd-info {font-size:1.111em; padding-bottom:3.2em; text-align:center; color:#231f20; border-bottom:4px solid currentColor;}
	.prd-info h3 {font-weight:700; font-size:2.8em; letter-spacing:-0.06em;}
	.prd-info h3 em {display:block; font-weight:300; font-size:.357em; letter-spacing:-0.04em;}
	.prd-info ul {width:100%; height:auto; margin:2em 0 0;}
	.prd-info ul li {display:inline-block; vertical-align:middle; padding:0 2em; position:relative;}
	.prd-info ul li:not(:nth-child(1)):before {content:''; display:block; width:1px; height:1.2em; background-color:#e1e1e1; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.prd-info ul li span {display:inline-block; vertical-align:middle; padding-left:1em;}
	.prd-info ul li em {display:inline-block; font-weight:700; font-size:1.6em;}
	.prd-info ul li:nth-child(3) em {color:#231f20 !important;}
	.prd-info .discount {display:inline-block; border:1px solid #e1e1e1; border-left:none; border-right:none; padding:1em 2em; margin-top:2em; color:#878e92;}

	.prd-info .bt-prd-lnk {font-weight:500; margin-top:3em;}
	.prd-info .bt-prd-lnk a {display:inline-block; width:16em; height:auto; padding:1em 0; margin:0 .25em; background-color:#0a62b0; color:#fff;}
	.prd-info .bt-prd-lnk a:hover {background-color:#231f20; color:#fff !important;}

	@media screen and (max-width: 900px) {
		.prd-info ul li {padding:0 7%;}
		.prd-info ul li:not(:nth-child(1)):before {height:3em;}
		.prd-info ul li span {display:block;}
		.prd-info ul li em {padding-left:0;}
		.prd-info .bt-prd-lnk a {width:48%; margin:0 .5%;}
	}
	@media screen and (max-width: 568px) {
		.prd-info {font-size:1em;}
		.prd-info h3 {font-size:2em;}
		.prd-info h3 em {font-size:.5em;}
		.prd-info ul li {width:48%; padding:0;}
		.prd-info ul li em {font-size:1.3em;}
		.prd-info ul li:nth-child(3) {width:100%; margin-top:1em;}
		.prd-info ul li:nth-child(3):before {display:none;}
	}

	.prd-good {padding:3.556em 0; text-align:center}
	.prd-good ul {width:100%; height:auto; text-align:left;}
	.prd-good ul li {width:30%; padding:2.4em; font-size:.889em; border:1px solid #e1e1e1;}
	.prd-good ul li em {font-weight:700; font-size:1.778em;}
	.prd-good ul li .fr28 {font-weight:300; padding:1.3em 0; line-height:1.2;}
	.prd-good ul li mark {text-decoration:underline;}

	.prd-good .pagination {display:none;}
	.prd-good .pagination span {display:inline-block; margin:0 1%; width:6px; height:6px; border-radius:100%; background-color:rgba(0,0,0,.5);}
	.prd-good .pagination .swiper-pagination-bullet-active {background-color:#231f20;}

	@media screen and (max-width: 900px) {
		.prd-good ul li p {font-size:1em;}
	}
	@media screen and (max-width: 899px) {
		.prd-good .pagination {display:block;}
	}

	.prd-people {padding:0 0 3.556em; text-align:center;}
	.prd-people ul {width:100%; height:auto; margin-top:2.4em;}
	.prd-people ul li {width:25%; /* min-height:26.25em; */ padding:0 1em; font-size:.889em;}
	.prd-people ul li > span {display:block; width:16em; height:16em; margin:0 auto; border-radius:100%; overflow:hidden;}
	.prd-people ul li > span img {max-width:100%;}
	.prd-people ul li h4 {font-weight:500; font-size:1.125em; padding:1.3em 0 .5em; line-height:1.2; color:#231f20;}
	

	.prd-people .pagination {display:none;}
	.prd-people .pagination span {display:inline-block; margin:0 1%; width:6px; height:6px; border-radius:100%; background-color:rgba(0,0,0,.5);}
	.prd-people .pagination .swiper-pagination-bullet-active {background-color:#231f20;}

	@media screen and (max-width: 1280px) {
		.prd-people ul li {padding:0;}
		.prd-people ul li > span {width:12em; height:12em;}
	}
	@media screen and (max-width: 1023px) {
		.prd-people ul li p {width:20em; margin:0 auto;}
		.prd-people .pagination {display:block;}
	}
	@media screen and (max-width: 568px) {
		.prd-people ul li > span {width:10em; height:10em;}
		.prd-people ul li p {width:100%; margin:0 auto;}
	}

	.prd-detail {text-align:center;}
	.prd-detail .fb32:after {display:none;}
	.prd-detail .tab {width:100%; height:auto; display:flex; margin-top:1.778em;}
	.prd-detail .tab li {flex:1; width:100%;}
	.prd-detail .tab li button {display:block; width:100%; height:auto; padding:1em 0; font-weight:500;}
	.prd-detail .tab li .active {background-color:#fff !important; border:1px solid;}

	.prd-detail .tab-cont {width:100%; height:auto; text-align:left;}
	.prd-detail .inner {width:100%; height:auto; margin-top:2.667em;}
	.prd-detail .fr28 {margin-bottom:.5em;}
	.prd-detail .inner p {line-height:0;}
	.prd-detail .inner img {max-width:100%;}
	.prd-detail .inner table {width:100%; height:auto; border-top:2px solid #231f20;}
	.prd-detail .inner table th {vertical-align:middle; background-color:#f5f5f5; border-bottom:1px solid #e1e1e1; padding:1.25em; font-weight:500; color:#231f20;}
	.prd-detail .inner table thead th:not(:nth-child(1)) {border-left:1px solid #e1e1e1;}
	.prd-detail .inner table .tb-th {background-color:#f5f5f5; text-align:center; color:#231f20;}
	.prd-detail .inner table td {vertical-align:middle; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:1.25em; word-break:normal;}
	.prd-detail .inner table td.tb-1 {border-left:none;}
	.prd-detail .inner .pad18 {padding:1em 0;}
	.prd-detail .inner .mgt8 {margin-top:.444em;}
	.prd-detail .inner .bt-view {display:inline-block; padding:4px 0; margin-top:1.333em; color:#231f20; font-size:.889em; font-weight:500; border-bottom:1px solid currentColor;}
	.prd-detail .inner .dis-in {display:inline-block !important;}

	@media screen and (max-width: 900px) {
		.prd-detail .inner {width:100%; height:auto; overflow-x:scroll;}
		.prd-detail .inner p {width:970px;}
		.prd-detail .inner table {width:970px;}
	}
	@media screen and (max-width: 568px) {
		.prd-detail .tab-cont .inner p {width:568px;}
		.prd-detail .tab-cont .inner table {width:568px;}
	}

	.prd-service {padding:5.333em 0; text-align:center;}
	.prd-service ul {width:100%; height:auto; margin-top:2.667em;}
	.prd-service ul li {font-size:1.111em; color:#231f20;}
	.prd-service ul li img {max-width:100%;}
	.prd-service ul li em {display:block; margin-top:.75em;}
	.prd-service .pagination {display:none; text-align:center;}
	.prd-service .pagination span {display:inline-block; margin:0 1%; width:6px; height:6px; border-radius:100%; background-color:rgba(0,0,0,.5);}
	.prd-service .pagination .swiper-pagination-bullet-active {background-color:#231f20;}

	@media screen and (max-width: 899px) {
		.prd-service .pagination {display:block;}
	}

	.prd-guide {padding-top:3.556em; text-align:center;}
	.prd-guide .fb32:after {display:none;}
	.prd-guide .bul-circle {border:1px solid #e1e1e1; text-align:left; padding:1.778em; margin-top:1.778em;}

/* product : funeral */
	.funeral.prd-lst .prd-lst-wrap li a {background-color:#eaf1f2; min-height:17.889em; padding-top:2.667em;}
	.funeral.prd-lst .prd-lst-wrap li .fb32:after {height:0;}
	.funeral.prd-lst .prd-lst-wrap li mark {color:#05b6c9;}
	.funeral.prd-lst .prd-lst-wrap li a:hover, .funeral.prd-lst .prd-lst-wrap li a.active {background-color:#05b6c9;}
	.funeral.prd-lst .prd-lst-wrap li a:hover .fb32 {color:#fff;}
	.funeral.prd-lst .prd-lst-wrap li .bt-view {bottom:2.667em;}
	.funeral.prd-lst .prd-lst-wrap li .best:before {content:'Best';}
	.funeral.prd-lst .prd-lst-wrap li .maximum:before {content:'Maximum';}
	.funeral.prd-lst .prd-lst-wrap li .supreme:before {content:'Supreme';}
	.funeral.prd-lst .prd-lst-wrap li .vip:before {content:'Vip';}
	.funeral.prd-lst .prd-lst-wrap li .premium:before {content:'Premium';}

		.funeral.prd-recom .point {color:#05b6c9;}
		.funeral.prd-recom ul li:nth-child(1) i {background-image:url("../image/sub/ico_funeral1.svg");}
		.funeral.prd-recom ul li:nth-child(2) i {background-image:url("../image/sub/ico_funeral2.svg");}
		.funeral.prd-recom ul li:nth-child(3) i {background-image:url("../image/sub/ico_funeral3.svg");}
		.funeral.prd-recom ul li:nth-child(4) i {background-image:url("../image/sub/ico_funeral4.svg");}

		.funeral-reason {text-align:center; padding-bottom:5.333em;}
		.funeral-reason .point {color:#05b6c9;}
		.funeral-reason ul {width:100%; height:auto; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
		.funeral-reason ul li {width:calc(50% - 1.5em); padding:2.4em; margin-top:2.667em; background-color:#f3f8f9; position:relative; z-index:1; overflow:hidden; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
		.funeral-reason ul li:before {display:block; font-weight:700; font-size:7em; line-height:1; text-transform:uppercase; color:rgba(35,31,32,.1); position:absolute; top:-.36em; right:.4em; z-index:-1;}
		.funeral-reason ul li em {font-weight:700; font-size:1.778em; color:#231f20;}
		.funeral-reason ul li .fr28 {font-weight:300; padding:1.3em 0; line-height:1.2;}
		.funeral-reason ul li .fr28:after {display:none;}
		.funeral-reason ul li mark {color:#05b6c9; text-decoration:underline;}
		.funeral-reason ul li:nth-child(1):before {content:'1';}
		.funeral-reason ul li:nth-child(2):before {content:'2';}
		.funeral-reason ul li:nth-child(3):before {content:'3';}
		.funeral-reason ul li:nth-child(4):before {content:'4';}

		.funeral-reason ul li:hover, .funeral-reason ul li.active {background-color:#05b6c9; color:#fff;}
		.funeral-reason ul li:hover em, .funeral-reason ul li.active em, 
		.funeral-reason ul li:hover .fr28, .funeral-reason ul li.active .fr28,
		.funeral-reason ul li:hover mark, .funeral-reason ul li.active mark {color:#fff;}

	@media screen and (max-width: 900px) {
		.funeral-reason ul {display:block;}
		.funeral-reason ul li {width:100%; margin-top:2em;}
		.funeral-reason ul li p {font-size:1em;}
	}
	@media screen and (max-width: 568px) {
		.funeral.prd-lst .prd-lst-wrap li a {min-height:100%;}
		.funeral-reason ul {margin-top:0;}
	}

	.funeral.prd-info ul li em {color:#05b6c9;}
	.funeral.prd-info .bt-prd-lnk a:nth-child(1) {background-color:#05b6c9;}

	.funeral.prd-good em {color:#05b6c9;}
	.funeral.prd-good mark {color:#05b6c9;}

	.funeral.prd-detail .tab li button {background-color:#f3f8f9;}
	.funeral.prd-detail .tab li .active {border-color:#05b6c9; color:#05b6c9;}

	.funeral.prd-detail .inner table {border-top-color:#05b6c9;}
	.funeral.prd-detail .inner table th {background-color:#f3f8f9; border-bottom-color:#d9e5e6;}
	.funeral.prd-detail .inner table .tb-th {background-color:#f3f8f9;}
	.funeral.prd-detail .inner table td {border-color:#d9e5e6; text-align:left; vertical-align:top; font-size:.889em;}
	.funeral.prd-detail .inner table .txt-agc {text-align:center;}
	.funeral.prd-detail .inner table mark {display:inline-block; padding:.25em 1em; margin-top:1em; border-radius:50px; background-color:#05b6c9; color:#fff; font-weight:500;}
	.funeral.prd-detail .inner table strong {display:block; color:#05b6c9; font-weight:400;}
	.funeral.prd-detail .inner table .posi-re {position:relative; padding-bottom:5em;}
	.funeral.prd-detail .inner table .posi-re span {display:block; position:absolute; bottom:0; left:0; padding:1.25em;}

	.funeral.prd-detail .inner .bul-circle {text-align:left;}
	.funeral.prd-detail .inner .bul-circle li:before {background-color:#05b6c9;}

	.funeral.prd-detail .tab-cont .inner table td {vertical-align:middle; font-size:1em;}
	.funeral.prd-detail .tab-cont .inner table .tb-th {text-align:center;}

	@media screen and (max-width: 568px) {
		.funeral.prd-detail .mo-scroll {width:100%; height:auto; overflow-x:scroll;}
		.funeral.prd-detail .mo-scroll .tab {width:568px;}
	}

/* product : funeral company */
	.funeral.cp.prd-lst .prd-lst-wrap li {width:36%;}
	.funeral.cp.prd-lst .prd-lst-wrap li a {min-height:19em;}
	@media screen and (max-width: 1366px) {
		.funeral.cp.prd-lst .prd-lst-wrap li .bt-view {bottom:3.333em;}
	}
	@media screen and (max-width: 900px) {
		.funeral.cp.prd-lst .prd-lst-wrap li {width:48%;}
		.funeral.cp.prd-lst .prd-lst-wrap li a {min-height:17em;}
		.funeral.cp.prd-detail .inner table {width:100%;}
	}
	@media screen and (max-width: 568px) {
		.funeral.cp.prd-lst .prd-lst-wrap li {width:100%;}
		.funeral.cp.prd-detail .inner table {width:680px;}
	}

/* product : wedding */
	.wedding.prd-lst .prd-lst-wrap li a {background-color:#fbf7f8;}
	.wedding.prd-lst .prd-lst-wrap li mark {color:#e97da3;}
	.wedding.prd-lst .prd-lst-wrap li a:hover, .wedding.prd-lst .prd-lst-wrap li a.active {background-color:#e97da3;}
	.wedding.prd-lst .prd-lst-wrap li a:hover .fb32 {color:#fff;}
	.wedding.prd-lst .prd-lst-wrap li .pure:before {content:'pure';}
	.wedding.prd-lst .prd-lst-wrap li .pretty:before {content:'pretty';}
	.wedding.prd-lst .prd-lst-wrap li .beautiful:before {content:'beautiful';}
	.wedding.prd-lst:hover .slider-hand,
	.wedding.prd-lst:hover .slider-hand-tip {display:none;}

	.wedding.prd-info ul li em {color:#e97da3;}
	.wedding.prd-info .bt-prd-lnk a:nth-child(1) {background-color:#e97da3;}

	.wedding.prd-good em {color:#e97da3;}
	.wedding.prd-good mark {color:#e97da3;}

	.wedding.prd-detail .tab li button {background-color:#fbf7f8;}
	.wedding.prd-detail .tab li .active {border-color:#e97da3; color:#e97da3;}

	.wedding.prd-detail {}
	.wedding.prd-detail .inner table {border-top-color:#e97da3;}
	.wedding.prd-detail .inner table th {background-color:#fbf7f8; border-bottom-color:#e4d3d7;}
	.wedding.prd-detail .inner table .tb-th {background-color:#fbf7f8;}
	.wedding.prd-detail .inner table td {border-color:#e4d3d7;}
	.wedding.prd-detail .inner table mark {display:inline-block; padding:.25em 1em; margin-top:1em; border-radius:50px; background-color:#e97da3; color:#fff; font-weight:500;}
	.wedding.prd-detail .inner .bul-circle {text-align:left;}
	.wedding.prd-detail .inner .bul-circle li:before {background-color:#e97da3;}

	.wedding.prd-detail .prd-service {padding-top:2.667em; padding-bottom:0; text-align:left;}
	.wedding.prd-detail .prd-service ul {margin-top:0; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.wedding.prd-detail .prd-service ul li {width:calc(33.33% - 1em);}

	@media screen and (max-width: 1279px) {
		.wedding.prd-lst .slider-hand {display:inline-block;}
	}
	@media screen and (max-width: 1024px) {
		.wedding.prd-detail .prd-service ul li {width:calc(50% - 1em);}
		.wedding.prd-detail .prd-service ul li:nth-child(3) {margin-top:2em;}
	}
	@media screen and (max-width: 900px) {
		.wedding.prd-detail .inner p {width:100%;}
		.wedding.prd-detail .inner table {width:100%;}
	}
	@media screen and (max-width: 568px) {
		.wedding.prd-detail .inner p {width:568px;}
		.wedding.prd-detail .prd-service ul li {width:100%;}
		.wedding.prd-detail .prd-service ul li:nth-child(2) {margin:1em 0;}
		.wedding.prd-detail .prd-service ul li:nth-child(3) {margin-top:0;}
	}

/* product : cruise */
	.cruise.prd-lst .prd-lst-wrap li {width:36%;}
	.cruise.prd-lst .prd-lst-wrap li a {background-color:#f4f5f9; min-height:26.889em;}
	.cruise.prd-lst .prd-lst-wrap li mark {color:#15489f;}
	.cruise.prd-lst .prd-lst-wrap li a:hover, .cruise.prd-lst .prd-lst-wrap li a.active {background-color:#15489f;}
	.cruise.prd-lst .prd-lst-wrap li a:hover .fb32 {color:#fff;}
	.cruise.prd-lst .prd-lst-wrap li .single:before {content:'single';}
	.cruise.prd-lst .prd-lst-wrap li .double:before {content:'double';}
	.cruise.prd-lst:hover .slider-hand,
	.cruise.prd-lst:hover .slider-hand-tip {display:none;}

	.cruise-service {width:100%; height:auto; text-align:center; overflow:hidden; padding-top:5.333em;}
	.cruise-service ul {width:100%; height:auto; overflow:hidden;}
	.cruise-service ul li {float:left; width:30.33%; min-height:18em; margin:2.667em 1% 0;}
	.cruise-service ul li img {max-width:100%; line-height:0;}
	.cruise-service ul li mark {display:block; color:#231f20; font-size:1.111em; margin-top:.75em;}
	.cruise-service ul li em {display:block; padding-top:8px; font-size:.889em;}

	@media screen and (max-width: 1024px) {
		.cruise-service ul li {width:48%;}
	}
	@media screen and (max-width: 900px) {
		.cruise.prd-lst .prd-lst-wrap li {width:48%;}
		.cruise.prd-lst .prd-lst-wrap li a {min-height:23em;}
	}
	@media screen and (max-width: 768px) {
		.cruise.prd-lst .prd-lst-wrap {justify-content:flex-start;}
	}
	@media screen and (max-width: 599px) {
		.cruise.prd-lst .slider-hand {display:inline-block;}
	}
	@media screen and (max-width: 568px) {
		.cruise.prd-lst .prd-lst-wrap li {width:100%;}
		.cruise.prd-lst .prd-lst-wrap li a {min-height:21em;}
		.cruise-service ul li {width:100%; min-height:auto;}
		.cruise-service ul li:not(:nth-child(1)) {margin-top:2em;}
		.cruise-service ul li em {font-size:1em;}
	}

	.cruise.prd-info ul li em {color:#0099d2;}
	.cruise.prd-info .bt-prd-lnk a:nth-child(1) {background-color:#0099d2;}

	.cruise.prd-detail {text-align:left; padding-top:3.556em;}
	.cruise.prd-detail .inner {margin-top:1em;}
	.cruise.prd-detail .inner table {border-top-color:#15489f;}
	.cruise.prd-detail .inner table .tb-th {background-color:#f4f5f9;}
	.cruise.prd-detail .inner table td {border-color:#d4dade;}

/* product : funeral : service layer */
.service-layer {width:100%; height:100%;}
.service-layer:before {content:''; display:block; width:inherit; height:inherit; background-color:rgba(0,0,0,.75); position:fixed; top:0; left:0; z-index:12;}
.service-layer .inner {width:100%; max-width:900px; padding:1.778em; margin:0 auto; position:fixed; top:50%; left:50%; z-index:13; transform:translate(-50%, -50%); background-color:#fff; color:#231f20;}
.service-layer .inner h4 {font-weight:500;}
.service-layer .inner .ser-tab {width:100%; height:auto; display:table; margin-top:1.778em;}
.service-layer .inner .ser-tab li {display:table-cell; width:33.33%; padding:0;}
.service-layer .inner .ser-tab li:before {display:none;}
.service-layer .inner .ser-tab li button {display:block; width:100%; height:auto; padding:1em 0; font-weight:500; background-color:#f3f8f9;}
.service-layer .inner .ser-tab li .active {background-color:#0a62b0; color:#fff;}
.service-layer .inner .ser-tab-cont {width:100%; height:22em; margin:1.778em 0 0; overflow-y:auto;}
.service-layer .inner table {width:100%; height:auto; font-size:.833em;}
.service-layer .inner table thead th {padding:1em; border-top:1px solid #0a62b0; border-bottom:1px solid #e1e1e1;}
.service-layer .inner table tbody th {background-color:#f3f8f9; border-bottom:1px solid #e1e1e1; vertical-align:middle;}
.service-layer .inner table tbody td {padding:1em; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; color:#878e92;}
.service-layer .inner table mark {color:#0a62b0; font-weight:400;}
.service-layer .inner table ol {margin:1em 1em 0;}
.service-layer .inner table ol li {list-style:decimal;}


.service-layer .inner .service-close {position:absolute; top:32px; right:32px; font-size:0;}
.service-layer .inner .service-close .i-close {display:inline-block; width:48px; height:48px;}
.service-layer .inner .service-close .i-close:before, 
.service-layer .inner .service-close .i-close:after {width:100%; height:1px;}

@media screen and (max-width: 900px) {
	.service-layer .inner {width:90%;/*  padding:2em 1.5em; */}
	.service-layer .inner .ser-tab-cont {height:280px;}
	.service-layer .inner .service-close {top:24px; right:24px;}
	.service-layer .inner .service-close .i-close {width:32px; height:32px;}
}

/* product : member */
.prd-member .tab-wrap .tab li {width:33.33%;}

.prd-member .tabcont {margin-top:4em;}
.prd-member .hs-memo {padding-top:0 !important; border-top:0;}

@media screen and (max-width: 568px) {
	.prd-member .tab-wrap {height:7.2em;}
	.prd-member .tab-wrap .tab li {width:50%;}
	.prd-member .tab-wrap .tab li:nth-child(3) .active {height:3.6em; top:0;}
	.prd-member .tabcont {margin-top:2em;}
}

/* product : step */
	.prd-step {text-align:center;}
	.prd-step ul {width:100%; height:auto; margin-top:2em; text-align:left; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.prd-step ul li {width:calc(33.33% - 2em); padding:2.4em; margin-top:2em; background-color:#f5f7f9; position:relative; z-index:1; transition:all .2s linear; display:flex; flex-direction:column; align-items:stretch;}
	.prd-step ul li:not(:nth-child(1)):before {content:''; display:block; width:1em; height:2px; background-color:#444; position:absolute; top:50%; left:-2em; z-index:1;}
	.prd-step ul li em {font-weight:700; font-size:1.778em; color:#231f20;}
	.prd-step ul li .fr28 {font-weight:300; padding-bottom:.5em; line-height:1.2;}
	.prd-step ul li .fr28:before {content:''; display:block; width:1.143em; height:1.143em; margin:1em 0 1em; background-position:center; background-repeat:no-repeat;}
	.prd-step ul li:nth-child(1) .fr28:before {background-image:url("../image/sub/ico_step1.svg");}
	.prd-step ul li:nth-child(2) .fr28:before {background-image:url("../image/sub/ico_step2.svg");}
	.prd-step ul li:nth-child(3) .fr28:before {background-image:url("../image/sub/ico_step3.svg");}
	.prd-step ul li:nth-child(4) .fr28:before {background-image:url("../image/sub/ico_step4.svg");}
	.prd-step ul li:nth-child(5) .fr28:before {background-image:url("../image/sub/ico_step5.svg");}
	.prd-step ul li:nth-child(6) .fr28:before {background-image:url("../image/sub/ico_step6.svg");}

	@media screen and (max-width: 1024px) {
		.prd-step ul li {width:48%; margin-top:2em;}
		.prd-step ul li:not(:nth-child(1)):before {left:-1.6em;}
	}
	@media screen and (max-width: 568px) {
		.prd-step ul li {width:100%; margin-top:2em;}
		.prd-step ul li:not(:nth-child(1)):before {width:2px; height:2em; position:absolute; top:-2em; left:50%; z-index:1;}
	}

	.hs-good {text-align:center; padding-top:7.111em;}
	.hs-good ul {display:flex; flex-wrap:wrap; justify-content:space-between; text-align:left;}
	.hs-good ul li {width:calc(33.33% - 2em); min-height:18em; margin-bottom:2.667em;}
	.hs-good ul li img {max-width:100%; line-height:0;}
	.hs-good ul li mark {display:block; color:#231f20; font-weight:400; font-size:1.333em; margin-top:.75em;}
	.hs-good ul li em {display:block; padding-top:8px;}

	@media screen and (max-width: 1024px) {
		.hs-good {padding-top:5.333em;}
		.hs-good ul li {width:48%;}
	}
	@media screen and (max-width: 568px) {
		.hs-good ul li {width:100%;}
		.hs-good ul li:last-child {display:none;}
	}

/* product : tel */
	.prd-tel {width:100%; max-width:700px; height:auto; border:1px solid #231f20; padding:3.556em; margin:0 auto;}
	.prd-tel .fr28 {text-align:center;}
	.prd-tel .bul-circle {background-color:#f5f5f5; padding:1em; margin:1.778em 0;}
	.prd-tel .bul-circle a {color:#009ade; font-weight:500; letter-spacing:0;}
	.prd-tel .register-frm .frm-box {padding-left:0;}
	.prd-tel .register-frm .frm-box .max_select {width:calc(100% - 7.778em);}
	.prd-tel .chk_agree {border:1px solid #e1e1e1; padding:1em; margin-top:3.2em; font-size:.833em;}
	.prd-tel .chk_agree h4 {color:#231f20;}
	.prd-tel .chk_agree .agree-box {height:5em; overflow-y:auto;}
	.prd-tel .chk_agree .agree-box p {padding-top:1em;}
	.prd-tel .chk_agree .all-ckit {padding:1em; margin-top:1em;}

	@media screen and (max-width: 1280px) {
		.prd-tel .register-frm .frm-box {margin-top:0;}
	}
	@media screen and (max-width: 900px) {
		.prd-tel {padding:2em;}
	}
	@media screen and (max-width: 414px) {
		.prd-tel {border:0; padding:0;}
		.prd-tel .fr28 .nb {display:inline;}
		.prd-tel .register-frm .frm-box .max_select {width:100%;}
	}

/* mysangjo */
.mysangjo {text-align:center;}
.mysangjo .msj-cont {}
.mysangjo .msj-cont > mark {display:inline-block; color:#009ade; font-weight:400; font-size:.833em;}
.mysangjo .msj-step {}
.mysangjo .msj-step > picture {display:block; background-color:#f1f4f7; padding:3.556em;}
.mysangjo .msj-step > picture img, .mysangjo .msj-step > picture source {max-width:100%;}
.mysangjo .msj-step div[class^="msj-box"] {width:100%; height:auto; padding:2.667em; text-align:left; display:table; border-bottom:1px solid #e1e1e1;}
.mysangjo .msj-step div[class^="msj-box"] span {display:table-cell; vertical-align:middle; width:12.222em;}
.mysangjo .msj-step div[class^="msj-box"] span i {display:block; width:8.889em; height:8.889em; border:1px solid #e1e1e1; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:5.333em;}
.mysangjo .msj-step div[class^="msj-box"] dl {display:table-cell; vertical-align:middle; width:calc(100% - 12.222em);}
.mysangjo .msj-step div[class^="msj-box"] dt {font-weight:300;}
.mysangjo .msj-step div[class^="msj-box"] em {color:#0099d2;}
.mysangjo .msj-step div[class^="msj-box"] dd {margin-top:1em;}

.mysangjo .msj-step div.msj-box1 em {color:#8a8a83;}
.mysangjo .msj-step div.msj-box1 span i {background-image:url("../image/sub/ico_msj1.svg");}
.mysangjo .msj-step div.msj-box2 span i {background-image:url("../image/sub/ico_msj2.svg");}
.mysangjo .msj-step div.msj-box3 span i {background-image:url("../image/sub/ico_msj3.svg");}
.mysangjo .msj-step div.msj-box4 {border-bottom:0;}
.mysangjo .msj-step div.msj-box4 em {color:#0a62b0;}
.mysangjo .msj-step div.msj-box4 span i {background-image:url("../image/sub/ico_msj4.svg");}

@media screen and (max-width: 900px) {
	.mysangjo .msj-step > picture {padding:2.667em;}
	.mysangjo .msj-step div[class^="msj-box"] {padding:2.667em 1.778em;}
	.mysangjo .msj-step div[class^="msj-box"] dd .nb {display:inline;}
}
@media screen and (max-width: 768px) {
	.mysangjo .msj-step div[class^="msj-box"] span {display:none;}
	.mysangjo .msj-step div[class^="msj-box"] dl {width:100%;}
}
@media screen and (max-width: 568px) {
	.mysangjo .msj-step > picture {padding:1.778em 1em;}
	.mysangjo .msj-step div[class^="msj-box"] {padding:1.778em 0;}
}



/*mysangjo_plus*/
.mysangjo_plus {text-align:center;}
.mysangjo_plus .msj-cont { }
.mysangjo_plus .msj-cont > mark {display:inline-block; color:#009ade; font-weight:400; font-size:.833em;}
.mysangjo_plus .msj-step {}
.mysangjo_plus .msj-step > picture {display:block; background-color:#f1f4f7; padding:3.556em; margin-bottom:50px;}
.mysangjo_plus .msj-step > picture img, .mysangjo_plus .msj-step > picture source {max-width:100%;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] {width:100%; height:auto; padding:2em; text-align:left; display:table; border-bottom:1px solid #e1e1e1; }
.mysangjo_plus .msj-step div[class^="msj-plus-box"] span {/*display:table-cell; vertical-align:middle;*/ width:12.222em; color:red;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] span i {display:block; width:8.889em; height:8.889em; border:1px solid #e1e1e1; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:5.333em;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] dl {display:table-cell; vertical-align:middle; width:calc(100% - 12.222em);}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] dt {font-weight:300;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] em {color:#009ade; font-weight:500;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] dd {margin-top:1em;}
.mysangjo_plus .msj-step div[class^="msj-plus-box"] dd strong{color:#000; font-weight:400;}

.mysangjo_plus .youtube_back {position:relative; width:100%; max-width:1400px; margin:-30px auto 0; text-align:center; margin-bottom:80px; padding:15px; background:#fff;  border: 1px solid #ddd;}
.mysangjo_plus .youtube_back:after{content:""; display:block; clear:both;}
.mysangjo_plus .youtube_back .youtube_box {position:relative; top:0; left:0; right:0; width:100%; padding-bottom:53.5%; }
.mysangjo_plus .youtube_back .youtube_box:after{content:""; display:block; clear:both;}
.mysangjo_plus .youtube_back .youtube_box iframe { position:absolute; top:0; left:0;  width:100%; height:100%; border-radius:0;}

.msj-plus-nemo {width:80%; margin:20px auto; font-size:1.25em; line-height:l.6em; padding:40px 20px; text-align:center; color:#000; border: 10px solid #edf1f5; overflow: hidden;}
.msj-plus-nemo span {font-weight:700; font-size:1.1em;}
.msj-plus-nemo span i {color:red;}


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

	.mysangjo_plus .msj-step > picture {padding:2.667em;}
	.mysangjo_plus .msj-step div[class^="msj-plus-box"] {padding:2.667em 1.778em;}
	.mysangjo_plus .msj-step div[class^="msj-plus-box"] dd .nb {display:inline;}

	.mysangjo_plus .youtube_back {margin-bottom:40px;}
	.mysangjo_plus .youtube_back .youtube_box { padding-bottom:53.5%; }

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

	.mysangjo_plus .msj-step div[class^="msj-plus-box"] dl {width:100%;}

	.mysangjo_plus .youtube_back {margin-bottom:20px;}

	.msj-plus-nemo {width:100%;}
}
@media screen and (max-width: 568px) {
	.mysangjo_plus .msj-step > picture {padding:1.778em 1em;}
	.mysangjo_plus .msj-step div[class^="msj-plus-box"] {padding:1.778em 0;}
}



/* 하단 밑으로 임의 추가중입니다.*/
/*20201014 박새봄추가 header : full menu
.lnb-full {width:100%; height:100%; background-color:#fff; position:fixed; top:0px; left:0; z-index:9; display:flex; align-items:center;}
.lnb-full .inner {width:inherit; max-width:1280px; height:auto; margin:0 auto;}
.lnb-full .inner .depth-1 {width:100%; height:auto; display:flex;}
.lnb-full .inner .depth-1 > li {width:25%; font-weight:400; font-size:1.111em; padding:0 2.4em; border-left:1px solid #eee;}
.lnb-full .inner .depth-1 > li:nth-child(4) {border-right:1px solid #eee;}
.lnb-full .inner .depth-1 > li > strong {display:block; font-weight:700; font-size:1.4em; color:#231f20;}
.lnb-full .inner .depth-2 {width:100%; height:auto; margin-top:.8em;}
.lnb-full .inner .depth-2 > li {}
.lnb-full .inner .depth-2 > li > a {display:block; padding:.8em 0;}
.lnb-full .inner .depth-2 > li > a .max-ico {display:inline-block; vertical-align:middle; margin:-1px 0 0 8px;}
.lnb-full .inner .depth-3 {width:100%; height:auto; padding:.8em .8em; font-size:.9em; background-color:#eee;}
.lnb-full .inner .depth-3 li {}
.lnb-full .inner .depth-3 li:before {content:''; display:inline-block; vertical-align:middle; width:10px; height:2px; margin:-4px 8px 0 0; background-color:currentColor;}
.lnb-full .inner .depth-3 li a {display:inline-block; padding:.2em 0;} */


a.yak_bt:link, a.yak_bt:visited, a.yak_bt:active { 	
	display:inline-block;	 background-color:#fff; border:1px solid #D6D6D6; color:#333; width:90%; font-size:13px; line-height:27px; height:27px; font-weight:normal; text-align:center;  font-family: 'Nanum Gothic', sans-serif;
}	 
a.yak_bt:hover {background-color:#016cc2; border:1px solid #016cc2; color:#fff;}

/* new store */
	#new_store {width:100%; max-width:1280px; height:auto; padding-bottom:6.667em; margin:0 auto; box-sizing:border-box; position:relative; overflow:hidden; }
	#new_store .st_card_wrap {width:100%; height:auto; position:relative; margin-top:3.333em; margin-bottom:1.111em;}
	#new_store .st_card {width:100%; height:auto; position:relative; }
	#new_store .st_item {width:31%; position:absolute;}

	#new_store .st_item .item_img {width:100%; height:232px; position:relative; overflow:hidden;}
	#new_store .st_item .item_img img {max-width:none; line-height:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%)}
	#new_store .st_item .item_img span {display:block; width:100%; height:auto; font-size:15px; font-weight:700; position:absolute; bottom:25%; left:0; text-align:center; color:#baa386; letter-spacing:0;}

	#new_store .st_item .item_info {position:relative; padding:20px; height:210px; border:1px solid #282828; box-sizing:border-box;}
	#new_store .st_item .item_info h4 {font-weight:400;}
	#new_store .st_item .item_info h4:after {content:''; display:block; width:40px; height:1px; background:#282828; margin:20px 0;}
	#new_store .st_item .item_info p {color:#797979; font-size:16px; padding-left:24px; min-height:16px; line-height:1.3;}
	#new_store .st_item .item_info .addr {background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_map_pin.svg") 0 0 no-repeat; background-size:16px;}
	#new_store .st_item .item_info .tel {font-weight:400; margin-top:15px; background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_phone.svg") 0 0 no-repeat; background-size:16px;}
	#new_store .st_item .item_info a {display:inline-block; position:absolute; bottom:20px; right:20px; padding:10px; background:#282828; color:#fff; font-size:13px;}

	#new_store .st_navi {width:100%; height:auto; margin:1.667em auto 0; text-align:center; position:relative; }
	#new_store .st_navi li {display:inline-block; width:20px; height:4px; margin-right:8px;}
	#new_store .st_navi li:last-child {margin-right:0;}
	#new_store .st_navi li a {display:block; width:20px; height:4px; cursor:pointer; background-color:rgba(0,0,0,0.2); font-size:0; transition:all .1s;}
	#new_store .st_navi li a.active {width:18px; background-color:#000; transform:rotate(-45deg);}

	#new_store .bt_st {display:block; width:64px; height:64px; padding:16px; border:1px solid #d7d7d7; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); font-size:0;}
	#new_store .btn_st_prev {left:-10%; background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_prev.png") center no-repeat #fff;}
	#new_store .btn_st_next {right:-10%; background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_next.png") center no-repeat #fff;}

	@media screen and (max-width: 1600px) {
		#new_store .bt_st {width:48px; height:48px; top:94%; transform:none; border:none;}
		#new_store .btn_st_prev {left:33%;}
		#new_store .btn_st_next {right:33%;}
	}
	@media screen and (max-width: 1366px) {
		#new_store {max-width:100%; padding:0 3.333em 6.667em;}
	}
	@media screen and (max-width:1112px) {
		#new_store .st_item .item_img {height:200px;}
		#new_store .st_item .item_img img {bottom:-10%;}
		#new_store .st_item .item_img span {bottom:20%;}
		#new_store .btn_st_prev {left:28%;}
		#new_store .btn_st_next {right:28%;}
	}
	@media screen and (max-width:1024px) {
		#new_store .st_item .item_info a {display:none;}
		#new_store .st_item .item_info {height:180px;}
	}
	@media screen and (max-width:900px) {
		#new_store .st_card .st_item {width:47%;}
		#new_store .st_navi {display:none;}
		#new_store .bt_st {top:105%;}
		#new_store .btn_st_prev {left:43%;}
		#new_store .btn_st_next {right:43%;}
	}
	@media screen and (max-width:568px) {
		#new_store .tit34m {text-align:center;}
		/* #new_store .st_card {margin-left:25%;} */
		#new_store .st_card {width:260px; margin-left:50%; transform:translateX(-50%); }
		#new_store .st_card .st_item {width:260px;}
		
		#new_store .st_item .item_info h4 {font-size:16px; font-weight:500;}
		#new_store .st_item .item_info p {font-size:14px; font-weight:400;}
		#new_store .btn_st_prev {left:35%; background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_prev_mo.png") center no-repeat #fff; background-size:100%;}
		#new_store .btn_st_next {right:35%; background:url("http://poongkukmyeon.co.kr/theme/poongkuk/css/../image/common/ico_next_mo.png") center no-repeat #fff; background-size:100%;}
	}



/* board : page title */
.max_board {width:100%; max-width:1280px; margin:0 auto; height:auto; position:relative; overflow:hidden;}

#captcha {display:block;margin:5px 0 0}
#captcha input {border: 1px solid #d7d7d7; width: 100%; height: auto; padding: 14px; border-radius: 3px; box-sizing: border-box;}
#captcha button {border:1px solid #d7d7d7; padding:4px; font-size:13px; margin-top: 4px; vertical-align:top;}
#captcha img {max-width:100%;height:auto}
#captcha #captcha_info {vertical-align:top;}

/* search detail layer */
	.bg-sch-layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:998;}
	.sch-box-layer {display:none; width:568px; height:auto; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999;}
	.sch-box-layer .sch-detail-wrap {width:100%; height:auto; padding:3.333em; text-align:center; background:#fff; position:relative; box-sizing:border-box;}
	.sch-box-layer .sch-detail-wrap .tit28b:before {content:''; display:block; width:100%; height:54px; margin:0 auto 20px; background:url("http://www.hyundaislife.com/theme/hs_life/image/common/logo_pc.png") center no-repeat;}
	.sch-box-layer .sch-detail-wrap .map {color:#7e7d7d; padding:30px 0; line-height:1.2;}
	.sch-box-layer .sch-detail-wrap .option span {display:inline-block; color:#baa386; font-size:14px; font-weight:400; padding:5px 10px; margin:0 1px; border:1px solid #baa386; border-radius:50px; box-sizing:border-box;}
	
	.sch-box-layer .sch-detail-wrap .store-time {width:100%; height:auto; margin-top:20px; text-align:left; border-bottom:1px solid #d7d7d7; font-size:16px; font-weight:400;}
	.sch-box-layer .sch-detail-wrap .store-time h3 {width:100%; background:#282828; text-align:center; padding:15px 0; color:#fff;}
	.sch-box-layer .sch-detail-wrap .store-time h3 svg {vertical-align:middle;}
	.sch-box-layer .sch-detail-wrap .store-time ul {width:100%; padding:15px 35px; box-sizing:border-box;}
	.sch-box-layer .sch-detail-wrap .store-time li {width:100%; padding:15px 0; display:table;}
	.sch-box-layer .sch-detail-wrap .store-time li strong {display:table-cell; width:20%; padding-top:2px;}
	.sch-box-layer .sch-detail-wrap .store-time li span {display:table-cell; width:80%; letter-spacing:0; color:#797979;}
	
	.sch-box-layer .sch-detail-wrap .btns {font-size:16px; font-weight:400; margin-top:30px; text-align:center;}
	.sch-box-layer .sch-detail-wrap .btns a {display:inline-block; width:49%; height:auto; padding:15px 0; border:1px solid #000; box-sizing:border-box;}
	.sch-box-layer .sch-detail-wrap .btns a:hover {background:#15489f; color:#fff !important;}
	.sch-box-layer .bt-close {position:absolute; top:20px; right:20px; font-size:0;}

	@media screen and (max-width:568px) {
		.sch-box-layer {width:90.66%;}
		.sch-box-layer .sch-detail-wrap {padding:20px;}
		.sch-box-layer .sch-detail-wrap .tit28b:before {width:100%; height:36px;}
		.sch-box-layer .sch-detail-wrap .option span {font-size:12px; margin:2px;}
		.sch-box-layer .sch-detail-wrap .store-time {font-size:14px;}
		.sch-box-layer .sch-detail-wrap .store-time ul {padding:10px;}
		.sch-box-layer .sch-detail-wrap .btns {font-size:14px;}
		.sch-box-layer .sch-detail-wrap .btns a {display:block; width:100%;}
		.sch-box-layer .sch-detail-wrap .btns a:last-child {margin-top:5px;}
	}

/* close */
.ico-close {width:48px; height:48px;}
.ico-close:before, .ico-close:after {content:''; height:2px; width:32px; display:block; background:#000; border-radius:10px; position:absolute; top:20px; left:6px; transform:rotate(-45deg);}
.ico-close:after {transform:rotate(45deg);}
/* icon css */
.max-ico {display:block; position:relative; overflow:hidden; transition:all .4s ease; /* line-height:100%; box-sizing:border-box; */}