@charset "utf-8";

/*** 공통 ***/
.homepage .subpart {padding:150px 0;}
.homepage .titWrap h2 {font-size:64px; font-weight:700; color:#000; line-height:1.1;}
.homepage .titWrap h2 strong {font-weight:700;}
.homepage .titWrap > p {padding-top:60px; position:relative; font-size:17px; }
.homepage .titWrap > p:before {content:""; width:50px; height:2px;  position:absolute;}
.homepage .horiz {display:flex; gap:100px;}
.homepage .horiz .left {width:600px;}
.homepage .horiz .right {width:calc(100% - 700px);}
.homepage .horiz .titWrap h2 {text-align:left;}

/*** 버튼 ***/
.btnWrap .red_btn {display:inline-block; position:relative; background:var(--base1); border-radius:10px; color:#fff; font-size:24px; font-weight:700; padding:25px 0; width:300px; text-align:left;}
.btnWrap .red_btn.fee {position:relative; padding-left:60px;}
.btnWrap a span {position:relative; display:inline-block;}
.homepage .btnWrap a span:after, .homepage .btnWrap a span:before {content:""; display:block; position:absolute; transition:all 0.3s;}
.homepage .btnWrap a span:after {width:32px; height:2px; background:#fff; border-radius:0 2px 2px 0; right:-45px; bottom:15px;}
.homepage .btnWrap a span:before {width:15px; height:2px; border-radius:0 2px 2px 0; background:#fff; right:-47px; bottom:20px; transform:rotate(45deg);}
.homepage .btnWrap a:hover span:after {width:52px; right:-65px;}
.homepage .btnWrap a:hover span:before {right:-67px;}
.btnWrap .blue_btn {display:inline-block; position:relative; background:var(--blue); border-radius:10px; color:#fff; font-size:24px; font-weight:700; padding:25px 100px 25px 60px; text-align:left;}
.homepage .btnWrap.double {display:flex; gap:10px; margin-top:70px; justify-content:center; flex-wrap:wrap;}
.homepage .subpart.p_function .btnWrap.double .red_btn {margin-top:0;}
.homepage .horiz .titWrap .btnWrap {margin-top:30px;}

/****** 추천·제안 ******/
.homepage .subpart.suggestion {background:var(--bg1);}
.homepage .subpart.suggestion h2 strong {display:block; color:#3551C4;}
.homepage .subpart.suggestion .titWrap {text-align:center;}
.homepage .subpart.suggestion .horiz .titWrap {text-align:left; position:sticky; top:150px;}
.homepage .subpart.suggestion .titWrap > p:before {background:#000; top:30px; left:50%; transform:translateX(-50%);}
.homepage .subpart.suggestion .horiz .titWrap > p:before {background:#000; top:30px; left:0; transform:translateX(0);}
.homepage .subpart.suggestion .titWrap > p {color:var(--base2); }
.homepage .subpart.suggestion .titWrap > p:before {background:#000; top:30px; left:50%; transform:translateX(-50%);}
/*.homepage .subpart.suggestion .squareWrap {display:flex; flex-wrap:wrap; margin-top:70px; gap:20px; justify-content:center;}*/
.homepage .subpart.suggestion .squareWrap {display:grid; grid-template-columns:repeat(5, 1fr); margin-top:70px; gap:20px; justify-content:center;}
.homepage .subpart.suggestion .horiz .squareWrap {margin-top:0; grid-template-columns:repeat(3,1fr);}


/* ************************ 태블릿 (~1499) ************************ */
@media screen and (max-width:1499px) { 
	.homepage .subpart.suggestion .horiz .squareWrap {grid-template-columns:repeat(2,1fr);}
	.homepage .subpart.suggestion .horiz .squareWrap > li {padding:50px 30px;}
	.homepage .subpart.suggestion .horiz .squareWrap > li p {margin-top:25px;}
	.homepage .horiz .left {width:450px;}
}

.homepage .subpart.suggestion .squareWrap > li {background:#fff; width:100%; text-align:center; padding:70px 50px; box-sizing:border-box; border-radius:20px; box-shadow:rgba(100, 100, 111, 0.2) 25px 30px 29px 0px;}
.homepage .subpart.suggestion .horiz .squareWrap > li {width:100%;}
.homepage .subpart.suggestion .squareWrap > li span {font-size:64px; font-weight:900; color:var(--base2); opacity:0.2; line-height:1;}
.homepage .subpart.suggestion .squareWrap > li p {font-size:20px; font-weight:600; color:#000; word-break:break-all; line-height:1.4; margin-top:50px; letter-spacing:-0.1px;}

.homepage .subpart.suggestion .squareWrap.lab > li.bg_bx {background:url(/assets/user/images/homepage/bg_lab_bx.webp) no-repeat center / cover;}
.homepage .subpart.suggestion .squareWrap.shop > li.bg_bx {background:url(/assets/user/images/homepage/bg_shop_bx.webp) no-repeat center / cover;}


/****** 전략·구성 ******/
.homepage .subpart.composition {background:var(--blue);}
.homepage .subpart.composition .horiz .titWrap {position:sticky; top:150px;}
.homepage .subpart.composition .titWrap > span {color:#fff; display:block; text-align:center; font-size:24px; font-weight:700;}
.homepage .subpart.composition .horiz .titWrap > span {text-align:left;}
.homepage .subpart.composition h2 {color:#fff;}
.homepage .subpart.composition h2 strong {color:var(--base4);}
.homepage .subpart.composition .titWrap > p {color:#fff; text-align:center; font-weight:400;}
.homepage .subpart.composition .horiz .titWrap > p {text-align:left;}
.homepage .subpart.composition .titWrap > p:before {background:#fff; top:30px; left:50%; transform:translateX(-50%);}
.homepage .subpart.composition .horiz .titWrap > p:before {left:0; transform:translateX(0);}
.homepage .subpart.composition .squareWrap {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:70px; color:var(--base2);}
.homepage .subpart.composition .horiz .squareWrap {grid-template-columns:repeat(auto-fit, minmax(380px, 1fr)); margin-top:0px;}
.homepage .subpart.composition .squareWrap > li {background:#fff; border-radius:20px; padding:50px 45px; position:relative; padding-right:135px; font-size:17px; word-break:break-all;}
.homepage .subpart.composition .squareWrap > li:before {content:""; display:block; width:40px; height:40px; border-radius:50%; background:var(--blue) url(/assets/user/images/common/i-checkW.svg) no-repeat center / 12px; position:absolute; right:50px; top:50px;}
.homepage .subpart.composition .squareWrap > li dt {font-size:20px; font-weight:600; color:#000;}
.homepage .subpart.composition .squareWrap > li dd {margin-top:10px; }
.homepage .subpart.composition .squareWrap > li > ul {margin-top:30px;}
.homepage .subpart.composition .squareWrap > li > ul li {padding-left:26px; position:relative;}
.homepage .subpart.composition .squareWrap > li > ul li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; background:var(--base2); position:absolute; top:11px; left:10px;}


/****** 홈페이지 기능, 구조 ******/
.homepage .subpart.p_function {text-align:center; background:#fff;}
.homepage .subpart.p_function .titWrap h2 {color:#000;}
.homepage .subpart.p_function .titWrap h2 strong {color:var(--blue); font-weight:700;}
.homepage .subpart.p_function .titWrap > p {color:var(--base2);}
.homepage .subpart.p_function .titWrap > p:before {background:#000; top:30px; left:50%; transform:translateX(-50%);}
.homepage .subpart.p_function .squareWrap {display:grid; grid-template-columns:repeat(4,1fr); margin-top:60px; gap:20px; text-align:left;}
.homepage .subpart.p_function .squareWrap > li {background:var(--bg1); border-radius:20px; padding:70px;}
.homepage .subpart.p_function .squareWrap > li .tit .icon {display:block; margin-bottom:50px;}
.homepage .subpart.p_function .squareWrap > li .tit .icon img {filter:invert(0); transition:filter 0.3s; width:50px;}
.homepage .subpart.p_function .squareWrap > li ul {margin-top:50px; color:var(--base2);}
.homepage .subpart.p_function .squareWrap > li h3 {font-size:20px; font-weight:700; line-height:1.2; color:#000; transition:all 0.3s;}

.homepage .subpart.p_function .squareWrap > li ul > li {font-size:17px;}
.homepage .subpart.p_function .squareWrap > li ul > li+li {margin-top:10px;}
.homepage .subpart.p_function .squareWrap > li ul > li > p {font-weight:700;}
.homepage .subpart.p_function.dev {padding-bottom:0;}
.homepage .subpart.p_function.dev .squareWrap > li ul > li > p {margin-bottom:10px;}
.homepage .subpart.p_function .btnWrap .red_btn {position:relative; margin-top:70px; padding-left:60px;}

/****** 홈페이지 제작사례 ******/
.homepage .subpart.examples {text-align:center;}
.homepage .subpart.examples h2 {color:#fff; font-size:48px; font-weight:700;}
.homepage .subpart.examples .portWrap {display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:70px;}
.homepage .subpart.examples .portWrap .img {border-radius:20px; overflow:hidden;}
.homepage .subpart.examples .portWrap .img img {width:100%;}
.homepage .subpart.examples .portWrap article:hover .img img {transform:scale(1.05);}
.homepage .subpart.examples .portWrap article  p {color:#fff; margin-top:20px; font-size:24px; font-weight:700; transition:all 0.3s;}

.homepage .subpart.examples .portWrap article:hover  p {color:var(--base4);}
.homepage .subpart.examples .portWrap article ul {margin-top:20px; display:flex; justify-content:center; gap:5px; flex-wrap:wrap;} 
.homepage .subpart.examples .portWrap article ul > li {color:#fff; font-size:15px; padding:5px 10px; background:rgba(0,0,0,.2); backdrop-filter: blur(10px); border-radius:7px;}
.homepage .subpart.examples .btnWrap .red_btn {padding-left:45px; margin-top:70px;}

.homepage .subpart.examples .red_btn:after {width:32px; height:2px; background:#fff; border-radius:0 2px 2px 0; right:60px; bottom:41px;}
.homepage .subpart.examples .red_btn:before {width:15px; height:2px; border-radius:0 2px 2px 0; background:#fff; right:58px; bottom:46px; transform:rotate(45deg);}
.homepage .subpart.examples .red_btn:hover:after {width:54px; right:37px;}
.homepage .subpart.examples .red_btn:hover:before {right:35px;}


/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width:1249px) { 
	/*** 공통 ***/
	.contents .part1 {padding-top:60px; height:60vh;}
	.homepage .subpart {padding:80px 0 60px;}
	.homepage .horiz {gap:70px;}
	.homepage .horiz .right {width:calc(100% - 520px);}

	/*** 버튼 ***/
	.btnWrap .red_btn {width:250px; font-size:20px; padding:18px 0;}
	.btnWrap .blue_btn {padding:18px 100px 18px 45px; font-size:20px;}
	.homepage .btnWrap a span:before {right:-55px; bottom:17px;}
	.homepage .btnWrap a span:after {right:-53px; bottom:12px;}
	.homepage .btnWrap a:hover span:after {width:52px; right:-73px;}
	.homepage .btnWrap a:hover span:before {right:-75px;}
	.homepage .btnWrap.double {margin-top:50px;}

	.homepage .titWrap h2 {font-size:45px; text-align:left;}
	.homepage .titWrap > p {font-size:16px;}

	/****** 추천·제안 ******/
	.homepage .subpart.suggestion .squareWrap {margin-top:50px;}
	.homepage .subpart.suggestion .squareWrap > li {padding:50px 30px;}
	.homepage .subpart.suggestion .squareWrap > li span {font-size:45px;}
	.homepage .subpart.suggestion .squareWrap > li p {margin-top:30px; font-size:18px;}

	/****** 전략·구성 ******/
	.homepage .subpart.composition .squareWrap {margin-top:50px; grid-template-columns:repeat(2, 1fr);}
	.homepage .subpart.composition .titWrap > span {font-size:20px;}
	.homepage .subpart.composition .squareWrap > li {padding:40px; padding-right:120px;}
	.homepage .subpart.composition .squareWrap > li:before {top:40px; right:40px;}
	.homepage .subpart.composition .squareWrap > li > ul {margin-top:20px;}

	.homepage .subpart.p_function .squareWrap {grid-template-columns:repeat(2,1fr);}
	.homepage .subpart.p_function .squareWrap > li {padding:50px;}
	.homepage .subpart.p_function .squareWrap > li ul {margin-top:30px;}
	.homepage .subpart.p_function .squareWrap > li .tit .icon {margin-bottom:30px;}
	.homepage .subpart.p_function .btnWrap .red_btn {margin-top:40px; padding-left:45px;}

	/****** 홈페이지 제작사례 ******/
	.homepage .subpart.examples h2 {font-size:36px;}
	.homepage .subpart.examples .portWrap {margin-top:50px;}
	.homepage .subpart.examples .portWrap article p {font-size:20px;}
	.homepage .subpart.examples .btnWrap .red_btn {padding-left:30px;}
	.homepage .subpart.examples .btnWrap .red_btn span:before {right:-55px; bottom:17px;}
	.homepage .subpart.examples .red_btn:hover span:after {width:45px; right:-66px;}
	.homepage .subpart.examples .red_btn:hover span:before {right:-68px;}

	/****** 자주 묻는 질문,  홈페이지 운영을 위한 방식·기능 ******/
	.homepage .subpart.faq_st .inner {gap:70px;}
	.homepage .subpart.faq_st .left {width:420px;}

}


@media screen and (max-width:1007px) {
  .squareWrap.desktop {display:none !important;}
  .w991swiper {display:block;}
}
@media screen and (min-width:1006px) {
  .w991swiper {display:none !important;}
}


/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width:1006px) { 
	/*** 공통 ***/
	.homepage .horiz {flex-direction:column; gap:0px;}
	.homepage .horiz .right {width:100%;}

	/****** 추천·제안 ******/
	.homepage .subpart.suggestion .horiz .left {width:100%;}
	.homepage .subpart.suggestion .horiz .titWrap {text-align:center;}
	.homepage .subpart.suggestion .horiz .titWrap h2 {text-align:center;}
	.homepage .subpart.suggestion .horiz .titWrap > p:before {left:50%; transform:translateX(-50%);}

	.swiper-wrapper-container {overflow-x:hidden;}
	.homepage .subpart.suggestion .w991swiper { margin-top:40px;}
	.homepage .subpart.suggestion .squareWrap-clone > li {background:#fff; width:100%; text-align:center; padding:70px 50px; box-sizing:border-box; border-radius:20px;}
	.homepage .subpart.suggestion .horiz .squareWrap-clone > li {width:100%;}
	.homepage .subpart.suggestion .squareWrap-clone > li span {font-size:64px; font-weight:900; color:var(--base2); opacity:0.2; line-height:1;}
	.homepage .subpart.suggestion .squareWrap-clone > li p {font-size:18px; font-weight:600; color:#000; word-break:break-all; line-height:1.4; margin-top:30px; letter-spacing:-0.1px;}
	.homepage .subpart.suggestion .squareWrap-clone.lab > li.bg_bx {background:url(/assets/user/images/homepage/bg_lab_bx.webp) no-repeat center / cover;}
	.homepage .subpart.suggestion .squareWrap-clone.shop > li.bg_bx {background:url(/assets/user/images/homepage/bg_shop_bx.webp) no-repeat center / cover;}
	.homepage .subpart.suggestion .squareWrap-clone > li.bg_bx {display:none;}

	/****** 전략·구성 ******/
	.homepage .subpart.composition .w991swiper {margin-top:40px;}
	.homepage .subpart.composition .squareWrap > li {padding-right:100px;}
	.homepage .subpart.composition .horiz .left {width:100%;}
	.homepage .subpart.composition .horiz .titWrap h2 {text-align:center;}
	.homepage .subpart.composition .horiz .titWrap > span {text-align:center;}
	.homepage .subpart.composition .horiz .titWrap > p {text-align:center;}
	.homepage .subpart.composition .horiz .titWrap > p:before {left:50%; transform:translateX(-50%);}

	.homepage .subpart.composition .squareWrap-clone {color:var(--base2); align-items:center;}
	.homepage .subpart.composition .squareWrap-clone > li {background:#fff; border-radius:20px; padding:50px 45px; position:relative; padding-right:135px; word-break:break-all; box-sizing:border-box;}
	.homepage .subpart.composition .squareWrap-clone > li:before {content:""; display:block; width:40px; height:40px; border-radius:50%; background:var(--blue) url(/assets/user/images/common/i-checkW.svg) no-repeat center / 12px; position:absolute; right:50px; top:50px;}
	.homepage .subpart.composition .squareWrap-clone > li dt {font-size:20px; font-weight:600; color:#000;}
	.homepage .subpart.composition .squareWrap-clone > li dd {margin-top:25px; }
	.homepage .subpart.composition .squareWrap-clone > li > ul {margin-top:30px;}
	.homepage .subpart.composition .squareWrap-clone > li > ul li {padding-left:26px; position:relative;}
	.homepage .subpart.composition .squareWrap-clone > li > ul li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; background:var(--base2); position:absolute; top:11px; left:10px;}

	/****** 홈페이지 기능, 구조  ******/
	.homepage .subpart.p_function .squareWrap-clone {margin-top:60px; align-items:center; }
	.homepage .subpart.p_function .squareWrap-clone > li {background:var(--bg1); border-radius:20px; padding:50px; transition:all 0.3s; box-sizing:border-box;}
	.homepage .subpart.p_function .squareWrap-clone > li:hover {background:var(--base2);}
	.homepage .subpart.p_function .squareWrap-clone > li .tit .icon {display:block; margin-bottom:25px;}
	.homepage .subpart.p_function .squareWrap-clone > li .tit .icon img {filter:invert(0); transition:filter 0.3s; width:50px;}
	.homepage .subpart.p_function .squareWrap-clone > li:hover .tit .icon img {filter:invert(1);}
	.homepage .subpart.p_function .squareWrap-clone > li ul {margin-top:30px; color:var(--base2);}
	.homepage .subpart.p_function .squareWrap-clone > li:hover ul {color:#fff;}
	.homepage .subpart.p_function .squareWrap-clone > li h3 {font-size:20px; font-weight:700; line-height:1.2; color:#000; transition:all 0.3s;}
	.homepage .subpart.p_function .squareWrap-clone > li:hover h3 {color:#fff;}
	.homepage .subpart.p_function .squareWrap-clone > li ul > li {font-size:17px;}
	.homepage .subpart.p_function .squareWrap-clone > li ul > li+li {margin-top:10px;}
	.homepage .subpart.p_function .squareWrap-clone > li ul > li > p {font-weight:700;}
	.homepage .subpart.p_function.dev {padding-bottom:0;}
	.homepage .subpart.p_function.dev .squareWrap-clone > li ul > li > p {margin-bottom:10px;}

	/****** 자주 묻는 질문,  홈페이지 운영을 위한 방식·기능 ******/
	.homepage .subpart.faq_st .inner {flex-direction:column; gap:45px;}
	.homepage .subpart.faq_st .left {width:100%;}
	.homepage .subpart.faq_st .right {width:100%;}
	.homepage .subpart.faq_st .titWrap > p strong {font-size:20px;}
}


/* ******* 태블릿 이하(~767) ******** */
@media screen and (max-width:767px) { 
	/*** 공통 ***/
	.contents .sub-toptext {height:calc(100% - 65px); padding:0 20px;}
	.homepage .titWrap h2 {font-size:30px;}
	.homepage .subpart {padding:60px 0 50px;} 

	/*** 버튼 ***/
	.btnWrap .red_btn {width:230px; font-size:18px; padding:15px 0;}
	.btnWrap .blue_btn {font-size:18px; padding:15px 90px 15px 40px;}
	.homepage .red_btn:hover span:after {width:45px; right:-66px;}
	.homepage .red_btn:hover span:before {right:-68px;}
	.homepage .btnWrap.double {margin-top:30px;}

	/****** 추천·제안 ******/
	.homepage .subpart.suggestion .squareWrap-clone > li {padding:50px;}
	.homepage .subpart.suggestion .squareWrap-clone > li span {font-size:45px;}
	.homepage .subpart.suggestion .squareWrap-clone > li p {margin-top:20px;}
	.homepage .subpart.suggestion .squareWrap.lab > li.bg_bx {min-height:225px;}

	/****** 전략·구성 ******/
	.homepage .subpart.composition .titWrap > span {font-size:16px;} 
	.homepage .subpart.composition .squareWrap {grid-template-columns:1fr; margin-top:40px; gap:15px;}
	.homepage .subpart.composition .squareWrap > li {padding:25px 30px; font-size:16px;}
	.homepage .subpart.composition .squareWrap > li dt {padding-right:50px; font-size:18px;}

	.homepage .subpart.composition .squareWrap > li:before {top:20px; right:30px; width:35px; height:35px;}
	.homepage .subpart.composition .squareWrap > li > ul {margin-top:15px;}
	.homepage .subpart.composition .squareWrap > li > ul li {padding-left:15px;}
	.homepage .subpart.composition .squareWrap > li > ul li:before {left:3px; top:11px;}

	/****** 홈페이지 기능, 구조  ******/
	.homepage .subpart.p_function .squareWrap-clone {margin-top:40px;}
	.homepage .subpart.p_function .squareWrap-clone > li {padding:30px;}
	.homepage .subpart.p_function .squareWrap-clone > li .tit .icon {margin-bottom:20px;}
	.homepage .subpart.p_function .squareWrap-clone > li h3 {font-size:18px;}
	.homepage .subpart.p_function .squareWrap-clone > li ul {margin-top:25px;}
	.homepage .subpart.p_function .squareWrap-clone > li ul > li {font-size:16px;}
	.homepage .subpart.p_function .squareWrap-clone > li .tit .icon img {width:40px;}
	.homepage .subpart.p_function .btnWrap .red_btn {margin-top:30px; padding-left:40px;}

	/****** 홈페이지 제작사례 ******/
	.homepage .subpart.examples h2 {font-size:24px;}
	.homepage .subpart.examples .portWrap {grid-template-columns:1fr; margin-top:40px; gap:50px;}
	.homepage .subpart.examples .portWrap article > ul {margin-top:10px;}
	.homepage .subpart.examples .btnWrap .red_btn {margin-top:30px;}

	/****** 자주 묻는 질문,  홈페이지 운영을 위한 방식·기능 ******/
	.homepage .subpart.faq_st .titWrap > span {font-size:16px;}
	.homepage .subpart.faq_st .right dl {padding:0 30px 30px 50px;}

	.homepage .subpart.faq_st .right dl dt {font-size:18px;}
	.homepage .subpart.faq_st .right dl dt:before {font-size:40px; left:-50px; top:-7px;}
	.homepage .subpart.faq_st .right.num dl {position:relative; padding:0px 50px 30px 70px;}
	.homepage .subpart.faq_st .right.num dl dt:before {left:-70px;}
	.homepage .subpart.faq_st .right dl dd {font-size:16px;}
}	


/* ******* 태블릿 이하(~500) ******** */
@media screen and (max-width:500px) {
	/*** 공통 ***/
	.homepage .titWrap h2 {font-size:24px;}
	.homepage .titWrap > p {padding-top:50px;}

	/*** 버튼 ***/
	.homepage .horiz .titWrap .btnWrap {margin-top:20px;}

	/****** 추천·제안 ******/
	.homepage .subpart.suggestion .horiz .titWrap > p:before {top:25px;}
	.homepage .subpart {padding:40px 0 40px;}
	.homepage .subpart.suggestion .squareWrap-clone > li {padding:30px; height:170px;}
	.homepage .subpart.suggestion .squareWrap-clone > li p {margin-top:15px;}
	.homepage .subpart.suggestion .w991swiper {margin-top:30px;}
	.homepage .subpart.suggestion .squareWrap.lab > li.b-cloneg_bx {display:none;}

	/****** 전략·구성 ******/
	.homepage .subpart.composition .w991swiper {margin-top:30px;}
	.homepage .subpart.composition .squareWrap-clone > li {padding:30px;}
	.homepage .subpart.composition .squareWrap-clone > li:before {top:23px; right:30px;}
	.homepage .subpart.composition .squareWrap-clone > li dt {padding-right:50px;}
	.homepage .subpart.composition .squareWrap-clone > li > ul {margin-top:13px;}
	.homepage .subpart.composition .squareWrap-clone > li > ul li {padding-left:20px;}
	.homepage .subpart.composition .squareWrap-clone > li > ul li:before {left:5px;}

	/****** 자주 묻는 질문,  홈페이지 운영을 위한 방식·기능 ******/
	.homepage .subpart.faq_st .titWrap > p:before {top:24px;}
	.homepage .subpart.faq_st .right dl {padding:0 0px 30px 40px;}
	.homepage .subpart.faq_st .right dl dt:before {left:-40px;}
	.homepage .subpart.faq_st .right.num dl {padding:0px 50px 30px 55px;}
	.homepage .subpart.faq_st .right.num dl dt:before {left:-55px; top:-5px;}
	.homepage .subpart.faq_st .right dl dt:before {font-size:30px;}
}
