@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.sub .header .header-wrap .logo img.logo_w { display: none; }
.sub .header .header-wrap .logo img.logo_b { display: block; }
.sub .header a { color:white; }
.sub .head-icons a.login_btn { background:url("/resources/img/common/hd_ico_login_w.png") no-repeat left center/16px 16px; }
.sub .head-icons a.logout_btn { background: url("/resources/img/common/hd_ico_logout_w.png") no-repeat left center/16px 16px; }
.sub .head-icons a.mypage_btn { background:url("/resources/img/common/hd_ico_mypage_w.png") no-repeat left center/16px 16px; }
.sub .header:hover .gnb_wrap.onedrop_hor > .gnb > ul > li > a,
.sub .header:focus .gnb_wrap.onedrop_hor > .gnb> ul > li > a { color: white; }
.sub .gnb_wrap > .gnb > ul > li:nth-child(6)::before { background: white; }

.sub .header.scroll .header-wrap .logo img.logo_w { display: block; }
.sub .header.scroll .header-wrap .logo img.logo_b { display: none; }
.sub .header.scroll a { color:var(--main-black); }
.sub .header.scroll .head-icons a.login_btn { background:url("/resources/img/common/hd_ico_login.png") no-repeat left center/16px 16px; }
.sub .header.scroll .head-icons a.logout_btn { background: url("/resources/img/common/hd_ico_logout.png") no-repeat left center/16px 16px; }
.sub .header.scroll .head-icons a.mypage_btn { background:url("/resources/img/common/hd_ico_mypage.png") no-repeat left center/16px 16px; }
.sub .header.scroll:hover .gnb_wrap.onedrop_hor > .gnb > ul > li > a,
.sub .header.scroll:focus .gnb_wrap.onedrop_hor > .gnb> ul > li > a { color: var(--main-black); }
.sub .header.scroll .gnb_wrap > .gnb > ul > li:nth-child(6)::before { background: var(--gray-deep); }

.contents { padding: 180px 0 200px; min-height: 360px; }
.contents :where(p, li, span, input, a) { line-height: inherit; }
.contents h3 { font: 700 46px/140% 'SUIT'; }

.t-ico { display: inline-block; width: 44px; height: 44px; line-height: 140%; color: #fff; margin: 0 3px; position: relative; }
.t-ico > img { width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.t-blue { color:var(--sub-key-color) }
.t-sun { position: relative; }
.t-sun::before { content: ''; display: block; width: 100%; aspect-ratio: 75 / 36; position: absolute; left: 0; top:0; transform: translateY(-96%); background: url('/resources/img/sub/ico_sun.svg') no-repeat center/contain; }

/* 인사말 */
.greeting { background: rgba(240,244,244,0.4); position: relative; z-index: 1; }
.greeting::before { content: ''; display: block; width: 44%; aspect-ratio: 825 / 529; position: absolute; z-index: -1; left: 0px; bottom:17%; background: url('/resources/img/sub/greeting_bg.png') no-repeat center/contain; }
.greeting .cont-wrap { display: grid; grid-template-columns: 1fr 1fr; }
.greeting .txt-wrap { display: grid; gap:24px; font:400 20px/145% 'SUIT'; }
.greeting .txt-wrap span { display: inline-block; }
.greeting .sign { display: flex; gap:16px; align-items: baseline; justify-content: right; margin-top: 63px; font:700 24px/100% 'SUIT'; }
.greeting .sign span { font-weight: 400; font-size: 54px; font-family: 'NanumLetter', serif; }

.greeting .h3-sub { font: 700 34px/100% 'SUIT'; }
.greeting h3 { margin-top: 20px; }


@media screen and (max-width:1440px){
	.contents h3 { font-size: 40px; }
	.t-ico { width: 40px; height: 40px; }

	.greeting .h3-sub { font-size: 30px; }
	.greeting .txt-wrap { gap:20px; font-size: 18px; }
	.greeting .txt-wrap span { display: inline; }
}
@media screen and (max-width:1280px){
	.contents h3 { font-size: 36px; }
	.t-ico { width: 36px; height: 36px; }

	.greeting .h3-sub { font-size: 28px; }
	.greeting .txt-wrap { gap:20px; font-size: 16px; }
	.greeting .cont-wrap { grid-template-columns: 0.8fr 1fr; gap:30px }
	.greeting .sign { font-size: 20px; }
	.greeting .sign span { font-size: 38px; }
}

@media screen and (max-width:1024px){
	.contents { padding: 130px 0 160px; }
	.contents h3 { font-size: 30px; }
	.t-ico { width: 30px; height: 30px; }

	.greeting .h3-sub { font-size: 24px; }
	.greeting h3 { margin-top: 12px; }
	.greeting .cont-wrap { grid-template-columns: 1fr; gap:40px }
	.greeting .txt-wrap { gap:16px; }
	.greeting::before { width: 62%; opacity: 0.1; bottom: 140px; }
	.greeting .sign { margin-top: 180px; }
}

@media screen and (max-width:768px){
	.contents { padding: 100px 0 130px; }
	.contents h3 { font-size: 23px; }
	.t-ico { width: 23px; height: 23px; }

	.greeting::before { width: 90%; bottom: 140px; }
	.greeting .sign { margin-top: 150px; }
	.greeting .h3-sub { margin-top: 10px; font-size: 18px; }
}


/* 오시는 길 */
.location h3 { margin-bottom: 80px; }
.root_daum_roughmap .border1 { display: none !important; }
.root_daum_roughmap_landing .border2 { display: none !important; }
.location .map-info { width:92%; max-width:666px; padding:88px 48px 48px; border-radius: 20px; background: #409CFF; position: absolute; right:0; bottom:0px; transform: translateY(80px); z-index: 5; }
.location .map-info::before { content: ''; display: block; width: 293px; aspect-ratio: 293 / 174; position: absolute; right:28px; top:-113px; background: url('/resources/img/sub/location_1.png') no-repeat center/contain; }
.location .map-info ul { display: grid; grid-template-columns: 1fr 1fr; gap:40px; color:white; }
.location .map-info a { color:white; }
.location .map-info li:first-child { grid-column: span 2 / auto; }
.location .map-info i { display: block; width: 36px; }
.location .map-info p { margin-top: 12px; font:500 24px 'SUIT'; }

@media screen and (max-width:1440px){
	.location h3 { margin-bottom: 60px; }
	.location .map-info { max-width: 536px; padding:70px 40px 40px; }
	.location .map-info::before { width: 260px; }
	.location .root_daum_roughmap .wrap_map { height: 480px; }
}
@media screen and (max-width:1280px){
	.location h3 { margin-bottom: 60px; }

	.location .map-info::before { width: 230px; top:-80px }
	.location .map-info { max-width: 480px; padding:60px 36px 36px; transform: translateY(40px); }
	.location .map-info ul { gap:30px; }
	.location .map-info p { font-size: 19px; }
	.location .map-info i { width: 28px; }
	.location .root_daum_roughmap .wrap_map { height: 420px; }
}
@media screen and (max-width:768px){
	.location h3 { margin-bottom: 40px; }
	.location .root_daum_roughmap .wrap_map { height: 360px; }
	.location .map-info::before { width: 150px; top:-40px; }
	.location .map-info { max-width: 400px; padding: 30px 24px 24px; }
	.location .map-info ul { gap:24px; }
	.location .map-info i { width: 20px; }
	.location .map-info p { font-size: 17px; }
}
@media screen and (max-width:640px){
	.location .map-info { right:4%; }
}

/* 정관 */
.bylaws { padding-top: 70px; }
.bylaws .cont-wrap { display: grid; grid-template-columns: 1fr 1fr; }
.bylaws .sticky-wrap { height: 100vh; padding-top: 170px; position: sticky; top:0px; }
.bylaws .sticky-wrap::before { content: ''; display: block; width: 90%; aspect-ratio: 1000 / 598; position: absolute; z-index: -1; left: -14%; bottom:4%; background: url('/resources/img/sub/bylaws_bg.png') no-repeat center/contain; opacity: 0.3; }
.bylaws .sticky-wrap a { display: flex; align-items: center; gap:8px; width: fit-content; height: 56px; margin-top:40px; padding:0px 14px 0px 24px; background: var(--sub-key-color); color:white; border-radius: 12px; font: 500 18px/100% 'SUIT'; position: relative; overflow: hidden; }
.bylaws .sticky-wrap a::before { content: ''; display: block; width: 0; height: 100%; background:var(--point-color); border-radius: 12px; position: absolute; left: 0; top:0; transition: 0.3s ease-out; z-index: 0; }
.bylaws .sticky-wrap span { position: relative; z-index: 1; }
.bylaws .sticky-wrap span:has(img) { display: block; width: 30px; height: 30px; overflow: hidden; }
.bylaws .sticky-wrap span img { position: absolute; top:0; transition: 0.3s ease-out; }
.bylaws .sticky-wrap a:hover span img { transform: translateY(-60px); }
.bylaws .sticky-wrap a:hover::before { width: 100%; }
.bylaws-cont h4:first-of-type { border-top: 0; }
.bylaws-cont h4 { padding: 170px 0 36px; font: 700 27px 'SUIT'; position: sticky; top:0px; background:white; z-index: 1; border-top:1px solid #eee; }
.bylaws-cont h4::before { content: '['; }
.bylaws-cont h4::after { content: ']'; }
.bylaws-cont h5 { padding: 36px 0 16px; padding-left: 4px; font: 600 20px 'SUIT'; position: sticky; top:200px; background:white; z-index: 1; }
.bylaws-cont p { padding-left:10px; padding-bottom: 20px; font: 400 20px/150% 'SUIT'; }
.bylaws-cont .t-list { padding-left:15px; position: relative; }
.bylaws-cont .t-sub-list { padding-left:20px; position: relative; }

.bylaws .top-btn { position: fixed; right: 100px; bottom: 100px; z-index: 5; }
.bylaws .top-btn.btm { position: absolute; right: 0; bottom: -80px; }
.bylaws .top-btn > a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; overflow: hidden; }
.bylaws .top-btn > a > span { display: block; font: 700 18px/100% var(--font-family); color: var(--key-color); }
.bylaws .top-btn > a > span.num { font-size: 15px; }
.bylaws .top-btn .circle { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; right: 0; bottom: 0; transform: translate(-50%,-50%); }
.bylaws .top-btn .circle::before { content: ''; width: calc(100% - 6px); height: calc(100% - 6px); border: 1px solid #f6f7f9; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.bylaws .top-btn .circle::after { content: ""; display: block; clear: both; }

.bylaws .top-btn .circle > span { display: block; width: 50%; height: 100%; position: relative; float: left; overflow: hidden; }
.bylaws .top-btn .circle > span > span { display: block; width: 200%; position: absolute; right: 0; top: 0; bottom:0; border: 6px solid var(--key-color); border-radius: 100%; box-sizing: border-box; clip: rect(0px,80px,80px,40px); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.bylaws .top-btn .circle > span:first-child > span { left: 0; right: auto; clip: rect(0,40px,80px,0); }

@media screen and (max-width:1600px){
	.bylaws .top-btn { right: 10px; bottom: 40px; }
}
@media screen and (max-width:1280px){
	.bylaws .sticky-wrap { padding-top: 150px; }
	.bylaws .sticky-wrap a { height: 50px; margin-top: 32px; font-size: 18px; }
	.bylaws-cont h4 { padding-top: 160px; font-size: 24px; }
	.bylaws-cont h5 { padding-top: 16px; font-size: 18px; }
	.bylaws-cont p { font-size: 18px; }
}

@media screen and (max-width:900px){
	.bylaws { padding-top: 130px; overflow: hidden; }
	.bylaws .sticky-wrap { padding-top: 0; height: 210px; position: relative; }
	.bylaws .sticky-wrap::before { width: 60%; left: auto; right: -10%; }
	.bylaws .sticky-wrap a { height: 48px; font-size: 16px; margin-top: 24px; }
	.bylaws .cont-wrap { grid-template-columns: 1fr; }
	.bylaws-cont h4 { padding-top: 110px; font-size: 20px; }
	.bylaws-cont h5 { top:140px; font-size: 16px; }
	.bylaws-cont p { font-size: 16px; }

	.bylaws .top-btn > a { width: 70px; height: 70px; }
	.bylaws .top-btn > a > span { font-size: 17px; }
	.bylaws .top-btn > a > span.num  { font-size: 14px; }
	.bylaws .top-btn .circle > span > span { clip: rect(0px,70px,70px,35px); }
	.bylaws .top-btn .circle > span:first-child > span  { clip: rect(0,35px,70px,0); }
}
@media screen and (max-width:840px){
	.bylaws .sticky-wrap { height: auto; }
	.bylaws .sticky-wrap::before { top:20px; bottom:auto; z-index: 5; }

	.bylaws .top-btn,
	.bylaws .top-btn.btm  { right: 2%; }
}
@media screen and (max-width:500px){
	.bylaws .sticky-wrap a { margin-top: 16px; }
	.bylaws .sticky-wrap::before { top:40px;}
}

/* 가입안내 */
.apply-btn { display: flex; align-items: center; gap:12px; width: fit-content; height: 56px; margin-top:40px; padding:0px 24px 0px 24px; background: var(--sub-key-color); color:white; border-radius: 12px; font: 500 18px/100% 'SUIT'; position: relative; overflow: hidden; transition: 0.3s ease-out; }
.apply-btn:hover { transform: translate(2px, 2px); }
.membership-info .cont-wrap { display: grid; grid-template-columns: 1fr 1fr; }
.membership-info .txt-wrap { display: grid; gap:24px; font:400 20px/145% 'SUIT'; }
.membership-info .txt-wrap span { display: block; }
.membership-info .exp-box:nth-of-type(1) { margin-top: 10px; padding-top:30px; border-top:1px dashed var(--gray-lite); }
.membership-info .exp-box p:nth-child(1) { font-weight: 700; padding-bottom: 8px; position: relative; }
.membership-info .exp-box p:nth-child(1)::before { content: '[ '; }
.membership-info .exp-box p:nth-child(1)::after { content: ' ]'; }
.membership-info .exp-box p:nth-child(2) { color:var(--sub-black); }

@media screen and (max-width:1440px){
	.membership-info .txt-wrap { gap:20px; font-size: 18px; }
	.membership-info .txt-wrap span { display: inline; }
}
@media screen and (max-width:1280px){
	.membership-info .txt-wrap { gap:20px; font-size: 16px; }
	.membership-info .cont-wrap { grid-template-columns: 0.8fr 1fr; gap:30px }
}
@media screen and (max-width:1024px){
	.membership-info .cont-wrap { grid-template-columns: 1fr; gap:40px }
	.membership-info .txt-wrap { gap:16px; }
}


/* 교육 - 준비중 */
.prepare { padding: 90px 0 120px; text-align: center; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(240, 244, 244, 0.40) 100%); position: relative; z-index: 1; }
.pre-img { width:70%; max-width: 300px; }
.pre-tit { font-size: 42px;  margin-top:30px; margin-bottom: 20px; font-weight: 600;}
.pre-tit span { color:var(--point-color); }
.pre-txt { font-size: 20px; color:#777; line-height: 200%; }
.pre-txt span { display: block; }

@media screen and (max-width:1024px){
	.prepare { padding: 70px 0 100px; }
	.pre-tit { margin-top: 0; font-size: 32px; }
	.pre-txt { font-size: 18px; }
}

@media screen and (max-width:768px){
	.pre-tit { font-size: 26px; }
	.pre-txt { font-size: 16px; }
}
@media screen and (max-width:400px){
	.pre-txt span { display: inline; }
}


/* 가입하기 */
.member-apply { padding-top: 250px; padding-bottom: 90px; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(240, 244, 244, 0.40) 100%); }
.member-apply .inner { max-width: 1024px;}
.member-apply .cont-wrap { padding-bottom:100px; background: url('/resources/img/main/main_img_feat_sha.png') no-repeat center bottom/100% auto; }
.member-apply .cont-wrap ul { display: grid; grid-template-columns: 1fr 1fr; gap:60px; }
.member-apply .cont-wrap li { perspective:480px; transform-style: preserve-3d; }
.member-apply .cont-wrap a { display: block; height: 300px; padding: 66px; border-radius: 20px; font:600 38px 'SUIT'; background: linear-gradient(135deg, #0762c3 0, #0762c398 100%); color:white; transform-origin:center; transform: rotateY(4deg); position: relative; overflow: hidden; text-align: center; }
.member-apply .cont-wrap li:last-child a { background: linear-gradient(135deg, #4A46B8 0, #4A46B898 100%); transform: rotateY(-4deg); }
.member-apply .cont-wrap img { width: 180px; }

.member-apply .cont-wrap a p::before { content: ''; width: 300px; aspect-ratio: 375 / 266; position: absolute; right:0px; bottom:0px; background: url('/resources/img/sub/apply_bg.png') no-repeat center/contain; opacity: 0.05; }

.member-apply .cont-wrap li:hover a { animation: spin 0.6s ease-out forwards; }
.member-apply .cont-wrap li:last-child:hover a { animation: spinR 0.6s ease-out forwards; }

@keyframes spin {
	0% { transform: rotateY(4deg) }
	30% { transform: rotateY(-3deg); }
	60% { transform: rotateY(1deg); }
	100% { transform: rotateY(0deg); }
}
@keyframes spinR {
	0% { transform: rotateY(-4deg) }
	30% { transform: rotateY(3deg); }
	60% { transform: rotateY(-1deg); }
	100% { transform: rotateY(0deg); }
}

@media screen and (max-width:1440px){
	.member-apply .inner { margin:0 auto; }
}
@media screen and (max-width:1280px){
	.member-apply { padding-top: 180px; padding-bottom: 80px; }
	.member-apply .cont-wrap ul { gap:40px; }
}
@media screen and (max-width:1200px){
	.member-apply .inner { margin:0 auto 0 2%; padding:0 30px; }
	.member-apply .cont-wrap ul { gap:10px; }
}
@media screen and (max-width:1024px){
	.member-apply .cont-wrap a { height: 280px; padding: 56px; font-size: 28px; }
	.member-apply .cont-wrap a::before,
	.member-apply .cont-wrap a::after { width: 50px; }
	.member-apply .cont-wrap img { width: 160px; }
}
@media screen and (max-width:768px){
	.member-apply { padding-top: 150px; padding-bottom: 80px; }
	.member-apply .cont-wrap a { height: 210px; padding: 36px; font-size: 24px; }
	.member-apply .cont-wrap li a { transform: rotateY(2deg); }
	.member-apply .cont-wrap li:last-child a { transform: rotateY(-2deg); }
	.member-apply .cont-wrap li:hover a { animation: none; }
	.member-apply .cont-wrap li:last-child:hover a { animation: none; }
	.member-apply .cont-wrap a::before{ width: 40px; left: 24px; top:24px; }
	.member-apply .cont-wrap a::after { width: 40px; right: 24px; bottom:24px; }
	.member-apply .cont-wrap img { width: 120px; right: 20px; bottom: 20px; }
}
@media screen and (max-width:640px){
	.member-apply .inner { margin:0 auto; padding: 0 4%; }
}
@media screen and (max-width:500px){
	.member-apply { padding-top: 100px; padding-bottom: 60px; }
	.member-apply .cont-wrap { padding-bottom: 50px; }
	.member-apply .cont-wrap ul { grid-template-columns: 1fr; gap:24px; max-width: 300px; margin:0px auto; }
	.member-apply .cont-wrap a { height: 180px; font-size: 20px; border-radius: 12px; }
	.member-apply .cont-wrap img { width: 100px; }
}


/* 조합원 > 자주묻는질문 */
.faq .tap-menu { margin-top: 32px; margin-bottom: 48px; }
.faq .tap-menu ul { display: flex; gap: 8px; }
.faq .tap-menu ul a { display: block; padding: 12px 24px; font: 600 20px/100% var(--font-family); border-radius: 40px; border: 1px solid var(--gray-lite); color: var(--gray-deep); }
.faq .tap-menu ul .on a { border: 1px solid var(--point-color); color: #fff; background-color: var(--point-color); }

.faq .sec + .sec { margin-top: 24px; }
.faq .faq_wrap .faq_box { padding: 40px; border-radius: 30px; border: 1px solid var(--border-color); }
.faq .faq_wrap .faq_box + .faq_box { margin-top: 24px; }
.faq .faq_wrap .faq_box > div { display: flex; gap: 12px; }
.faq .faq_wrap .faq_box .faq_q { font: 500 22px/125% var(--font-family); cursor: pointer; }
.faq .faq_wrap .faq_box .faq_q .ico { font-weight: 800; color: var(--key-color); }
.faq .faq_wrap .faq_box .faq_q .con > span { font-weight: 600; }
.faq .faq_wrap .faq_box .faq_a { margin-top: 24px; padding: 32px; background-color: #f6f7f9; border-radius: 20px; font: 400 20px/140% var(--font-family); display: none; }
.faq .faq_wrap .faq_box .faq_a .ico { font: 800 22px/125% var(--font-family); color: var(--key-color); }

@media screen and (max-width:1024px){
	.faq .tap-menu ul a { font-size: 19px; }
	.faq .faq_wrap .faq_box .faq_q { font-size: 20px; }
	.faq .faq_wrap .faq_box .faq_a { font-size: 19px; }
	.faq .faq_wrap .faq_box .faq_a .ico { font-size: 20px; }
}
@media screen and (max-width:768px){
	.faq .tap-menu ul { gap: 6px; }
	.faq .tap-menu ul a { font-size: 17px; padding: 10px 20px; }
	.faq .sec + .sec { margin-top: 16px; }
	.faq .faq_wrap .faq_box { padding: 32px; border-radius: 24px; }
	.faq .faq_wrap .faq_box + .faq_box { margin-top: 16px; }
	.faq .faq_wrap .faq_box .faq_q { font-size: 19px; }
	.faq .faq_wrap .faq_box .faq_a { padding: 28px; font-size: 18px; }
}
@media screen and (max-width:640px){
	.faq .tap-menu { margin-top: 32px; margin-bottom: 20px; }
	.faq .tap-menu ul a { font-size: 16px; }
	.faq .faq_wrap .faq_box { padding: 32px 24px; } 
	.faq .faq_wrap .faq_box .faq_q { font-size: 18px; }
	.faq .faq_wrap .faq_box .faq_a { padding: 24px; font-size: 17px; }
}
@media screen and (max-width:480px){
	.faq .sec + .sec { margin-top: 12px; }
	.faq .faq_wrap .faq_box { padding: 24px 20px; }
	.faq .faq_wrap .faq_box + .faq_box { margin-top: 12px; }
	.faq .faq_wrap .faq_box .faq_q { font-size: 17px; }
	.faq .faq_wrap .faq_box .faq_a { padding: 20px; font-size: 16px; }
	.faq .faq_wrap .faq_box .faq_a .con { word-break: break-all; }
}
/* .faq .faq_wrap { border-top: 2px solid var(--main-bg);  border-bottom: 1px solid #d2d2d2;}
.faq .faq_wrap .faq_box:first-child {border-top: none;}
.faq .faq_wrap .faq_box { border-top: 1px solid #d2d2d2; }
.faq .faq_wrap .faq_q {min-height: 50px; background: #fff; display: table; cursor: pointer; width:100%;}
.faq .faq_ti {font-size: 22px; font-weight: 600; color: var(--main-bg); margin-bottom: 10px;}
.faq .faq_wrap .ico { width: 50px; min-height: 50px; height: 100%; background: var(--main-bg); display: table-cell; color: #fff; text-align: center; vertical-align: middle;   font-weight: 600; font-size: 18px;}
.faq .faq_wrap .con {height: 100%; width: calc(100% - 50px); vertical-align: middle; padding: 10px 15px; display: table-cell;}
.faq .faq_wrap .con > span {font-weight: 500;}
.faq .faq_wrap .faq_a {  float: left; width: 100%; background: #fff; display: table; display: none; border-top: 1px solid #d2d2d2;}
.faq .faq_wrap .faq_a .ico {background: #f9f9f9; color: var(--main-bg);}
.faq .faq_wrap .faq_a .con {padding: 20px 15px;}
.faq .con > ol.basic > li > ul > li {color: #777;}
.faq .empty {padding: 20px; text-align: center;}
.faq .faq_wrap .faq_a .con b {font-weight: 600;}
.faq .faq_wrap .faq_a .con a { display: inline-block; background:#fff url("/resources/img/common/newwin_b.png") no-repeat 18px 8px;cursor:pointer; border:1px solid #d2d2d2; background-color:#f4f4f4; border-radius:30px; padding:6px 15px 6px 38px; transition: all 0.3s ease 0s; margin-top: 3px;}
.faq .faq_wrap .faq_a .con a:hover { background: #e0e0e0 url("/resources/img/common/newwin_b.png") no-repeat 18px 8px; color:#282828; border:1px solid #c0c0c0; }
 */