:root {
  --fashion-slider-button-side-offset: 1.5rem;
  --fashion-slider-button-mobile-side-offset: 1rem;
  --fashion-slider-button-mobile-bottom-offset: 1rem;
}
.textSec p span {display:inline-block; white-space:nowrap}
/*동영상*/
.movieWrap {
	position: relative; 
	width: 100%;
	padding-bottom: 56.25%; 
	overflow:hidden
}/*16:9는 56.25% (=9/16 * 100), 4:3은 75%입니다.*/
.movieWrap iframe {
	position: absolute; 
	left:0; 
	top:0;
	bottom:0;
	right:0;
	width: 110%; 
	height: 110%;
	transform: scale(1.1) translateY(-10%);
}

/*소개*/
.ovCont{text-align:center}
.ovCont p {margin-bottom:var(--margin-s)}
.infoW {display:flex; flex-flow:row wrap}
.infoW .cont p {font-size:var(--text-lg); margin-bottom:var(--margin-1)}
.infoW .cont p span {white-space:nowrap}
.infoW .cont p:last-child {
	margin:var(--secgap) 0;
	font-size:var(--text-sm);
	color:var(--color-9)
}
.bigTypo {margin-bottom:var(--secgap)}
.ovCont>svg {
    width:100%;
    font-size: 120px;
	text-transform: uppercase;
    animation: stroke 6s alternate;
    fill: rgba(204,204,204,1);
	font-weight:800;
}
@keyframes stroke {
    0% {
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        fill: rgba(255,255,255,0);
        stroke:rgba(204,204,204,1);
        stroke-width: 2;
    }
    70% {
        fill: rgba(255,255,255,0);
        stroke:rgba(204,204,204,1);
    }
    80% {
        fill: rgba(255,255,255,0);
        stroke:rgba(204,204,204,1);
    }
    100% {
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        fill: rgba(204,204,204,1);
        stroke: rgba(255, 193, 7,0);
        stroke-width: 0;
    }
}

@media only screen and (min-width:1024px){
	.infoW>div.cont {width:60%}
	.infoW>div.photo {width:40%}
}


/*행사안내*/
.cwINfo dl {
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	gap:2%;
	border-bottom:1px dotted #9D9D9C;
	padding-bottom:1rem;
	margin-bottom:1rem
}

.cwINfo dl dt {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:70px;
	height:70px;
	/*background-color:#FF4A8E;*/
	border-radius:100%;
	color:var(--color-w)
}

.cwINfo dl:nth-of-type(2n-1) dt{background-color:#FF4A8E}
.cwINfo dl:nth-of-type(2n) dt{background-color:#A900FF}

/*
.cwInfo dl dt:after, .cwInfo dl dd:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	border-bottom:1px dotted #9D9D9C
}*/

.cwINfo dl dd {
	font-weight:var(--font-weight-7);
	width:calc(98% - 70px)
}
.cwINfo dd.heading{margin-bottom:0}

.cwINfo dl dd img {display:block; width:150px; height:50px}

/*검색*/
#totsfrm {position:relative; width:100%; display:flex; justify-content:center}
/*타이핑텍스트*/
.schW {padding: 0;}
.css-ecqpj1 {
	background-color: transparent;
	border: none;
	font-size: var(--color-3);
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #666;
	overflow: visible;
	/*padding: 0.5em;*/
	height: 100%;
	width: 100%;
	outline: none;
}
.schW {
	position:relative; 
	width:400px; 
	max-width:100%; 
	height:60px; 
	border-bottom:1px solid rgba(0,0,0,0.6); 
	padding:1em 0
}
.schW span {background:none;color:#666; font-weight:var(--fw-3); width:100%; }
.schW span.typed {height: 100%;-webkit-box-align: center;align-items: center;display: flex;}
.schW_in {height: 100%;padding-right: 54px;}
.schW .sbtn {
	background-color:transparent;
	width:35px;
	height:35px;
	position:absolute; 
	right:1em; 
	top:50%;
	transform: translateY(-50%); 
	background-image:url(/images/common/search.svg); 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	color:#333;
}

@keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
 
    .typed-cursor {
        opacity: 0;
        display: none;
    }
 
    .typed::after {
        position: relative;
        top: 0px;
        content: '|';
        display: inline-block;
        animation: blink 0.7s infinite;
		margin-left:5px
    }

@media only screen and (min-width:1024px){
	#totsfrm{justify-content:flex-end}
}


.bbsschW {position:relative; width:340px; max-width:100%; margin:0 auto 2rem auto; /*height:50px;*/ border:2px solid rgba(0,0,0,0.6); border-radius:10px; padding:10px 1em}
.bbsschW input {height:30px; width:calc(100% - 50px); border:0; background:none}
.bbsschW input:focus{outline:0}
.bbsschW .sbtn {position:absolute; right:1em; top:50%; transform: translateY(-50%); color:#333;}

/*탭메뉴*/

.Tbnav {
	display:flex;
	flex-flow:row wrap;
	padding:var(--secgapn) 0;
	min-width: 400px;
	position: relative;
}
.Tbnav a {
	display: inline-block;
	position: relative;
	padding: 0.444rem 0;
	margin:0 0.666rem;
	text-decoration: none;
	font-size:0.925rem;
	color:  var(--color-9);
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
}
.Tbnav a.tselect,.Tbnav a:hover {color: var(--theme-color2); font-weight:500}
.Tbnav a:after {
	content:"";
	display:block;
	position: absolute;
	left: 0;
	bottom: 0;
	width:0;
	height:2px;
	background: var(--theme-color2);
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}


.Tbnav a.tselect:after, .Tbnav a:hover:after {
	width: 100%;

}

.Cate-Section {
	position:relative;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between
}


/*프로그램리스트*/
.pgmList {display:flex; flex-flow:row wrap;  gap:4%;}
.pgmList>div{width:100%; display:flex; gap:1rem; justify-content:space-between; align-items:flex-start;margin-bottom:4rem}
.pgmTheum {position:relative; width:144px; border-radius:2rem; overflow:hidden}

.pgmCont {
	width:calc(100% - 144px);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.pgmTheum a img {width:100%; height:100%;transition:0.3s;}
.pgmTheum a {position:relative; display:block; width:100%; height:100%}
.pgmTheum a:hover img {transform:scale(1.1); transition:0.3s;}
.pgmTheum a:hover:after{
	display:block;
	content:'';
	background-image:url(/images/contents/plus-circle.svg);
	background-repeat:no-repeat;
	background-size:cover;
	width: 60px; 
	height: 60px; 
	position: absolute;
	z-index:5;
	left:50%;
	top:50%;
	text-align: center; 
	line-height: 60px; 
	transform:translate(-50%,-50%); 
	border-radius: 500px; 
	background-color: var(--theme-color3);
	transition: 0.3s
	}

.pgmCont>h3 {
	padding:0.333rem 0;
	border:4px solid #000;
	border-left:0;
	border-right:0
}

.pgmCont dl {
	display:flex;
	flex-flow:row wrap;
	padding-bottom:var(--padding-s);
	border-bottom:1px dotted #9D9D9C;
	font-weight:500;
	margin-bottom:var(--margin-m)
}
.pgmCont dl dt,.pgmCont dl dd {padding-bottom:3px; font-weight:var(--font-weight-7)}
.pgmCont dl dt {width:80px}
.pgmCont dl dd {width:calc(100% - 80px)}
.pgmCont p {font-size:var(--text-sm); line-height:1.5em}
.pgmCont p span {white-space:nowrap}
.pgmList>div h3 {letter-spacing:-0.05em}
.pgmList>div:nth-of-type(1) h3{border-color:#e7338d}
.pgmList>div:nth-of-type(2) h3{border-color:#43328A}
.pgmList>div:nth-of-type(3) h3{border-color:#111}
.pgmList>div:nth-of-type(4) h3{border-color:#111}
.pgmList>div:nth-of-type(5) h3{border-color:#FCC146}
.pgmList>div:nth-of-type(6) h3{border-color:#adc91c}
.pgmList>div:nth-of-type(7) h3{border-color:#EE75AB}
.pgmList>div:nth-of-type(8) h3{border-color:#3FB4E8}

.pgmList>div:nth-of-type(1) dt{color:#E8348B;}
.pgmList>div:nth-of-type(2) dt{color:#43328A;}
.pgmList>div:nth-of-type(3) dt,
.pgmList>div:nth-of-type(4) dt,
.pgmList>div:nth-of-type(5) dt,
.pgmList>div:nth-of-type(6) dt,
.pgmList>div:nth-of-type(7) dt,
.pgmList>div:nth-of-type(8) dt{width:auto; padding-right:3px;}
.pgmList>div:nth-of-type(6) dd {width:auto; color:#adc91c;}
.pgmList>div:nth-of-type(5) dt{ color:#ff6e01;}
.pgmList>div:nth-of-type(5) dd {color:#ff6e01;}
.pgmList>div:nth-of-type(6) dt{ color:#adc91c;}
.pgmList>div:nth-of-type(7) dt,.pgmList>div:nth-of-type(7) dd{ color:#ee8bb7;}
.pgmList>div:nth-of-type(8) dt,.pgmList>div:nth-of-type(8) dd{ color:#3FB4E8;}
.pgbtnW {width:100%; margin-top:var(--margin-1)}
.twobtn {display:flex; gap:2%}
.twobtn a {width:48%}
.twobtn a span {white-space:nowrap; display:inline-block}
.pgm_btn {display:block; width:100%; padding:6px 0 8px; color:#fff; letter-spacing:0; font-size: var(--text-lg); font-weight:var(--font-weight-7); text-align:center; border-radius:30px}
.bigbtn {padding:var(--padding-s)}
.btnC1 {background-color:#e7338d}
.btnC2 {background-color:#43328A}


@media only screen and (min-width:768px){
	.pgmTheum {width:256px;}
	.pgmCont {
		width:calc(100% - 256px);
	}
	.pgmCont p {font-size:var(--text-base);}

}


@media only screen and (min-width:1000px){
	.pgmList>div {
		width:46%;
	}
	.pgm_btn {font-size: var(--text-xl);}

}

@media only screen and (min-width:1400px){
	.cwINfo dl dd {font-size:var(--text-lg)}
	.pgmList>div {
		/*width:23%;*/
	}
	.pgmTheum {width:320px;}
	.pgmCont {
		width:calc(100% - 320px);
	}

}
/*프로그램상세_20250828*/
.prgromTOP {
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	justify-content:center;
	margin-bottom:var(--secgapn)
}

.pTheum {display:flex; justify-content:center; width:100%; max-width:400px}
.pTheum img {margin:0 auto}
.pHead {width:100%; padding:var(--padding-s) 0}
.pHead h3 span {white-space:nowrap; color:var(--theme-color3)}
.pHead p {margin-bottom:var(--margin-1)}

.dateBox {
	position:relative; 
	display:flex; 
	flex-flow:row wrap;
	justify-content:center;
	gap:1rem; 
	text-align:var(--text-c);
	margin-bottom:var(--boxpd)
}
.dateBox:before {
	content:"";
	width:100%;
	height:calc(100% - 0.666em);
	display:block;
	background-color:var(--color-f5);
	position:absolute;
	z-index:-1;
	left:0;
	top:1rem
}
.dateBox>dl{width:calc(50% - 1em)}
.dateBox>dl>dt {
	background-color:var(--theme-color4);
	color:var(--color-w);
	font-size:var(--text-s);
	padding:var(--padding-xs) var(--padding-xs);
	border-radius:30px;
	margin-bottom:var(--margin-m)
}
.dateBox>dl>dd {font-weight:var(--font-weight-7)}
.dateBox>dl>dd>em {display:block; color:var(--color-6); font-size:var(--text-xs)}
.prgromINFO {}
.prgromINFO .heading span {white-space:nowrap; color:var(--theme-color3)}
.prgromINFO dl{
	display:flex;
	flex-flow:row wrap;
	align-items: flex-start;
	gap:1rem
	}
	
.prgromINFO>dl>dt {
	background-color:var(--theme-color5);
	color:var(--color-w);
	font-size:var(--text-sm);
	border-radius:30px;
	
}
.prgromINFO>p {padding: var(--padding-xs) 20px;}
.prgromINFO ol li p {padding:0}
.prgromINFO>dl>dt,.prgromINFO>dl>dd {padding:var(--padding-xs) var(--padding-s);}
.prize {
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-flow:row wrap;
	gap:0.333rem;
	
}
.prize li {
	display:flex;
	flex-direction:column;
	
}
.prize li span {
	text-align:var(--text-c);
	border-radius:0; 
	margin:0 !important;
	padding:var(--padding-xs);
	font-size:var(--text-sm);
	font-weight:var(--font-weight-7)
}
.lineBx {border:1px solid #666}
.stepBox {position:relative; width:100%; display:flex; flex-flow:row wrap; padding:var(--secgap) 0}
.stepBox:after {
	content:"";
	width:150px;
	height:150px;
	background-image:url(/images/contents/lilka.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(0);
}
.stepBox li {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;
	background-color:var(--theme-color);
	border-radius: 0 30px 30px 30px;
	padding: var(--padding-s) var(--padding-1);
	color:var(--color-w);
	font-weight:var(--font-weight-5);
	margin-bottom:var(--margin-m)
}
.stepBox li:after {
	content:""; 
	background-image:url(/images/contents/arrow_right.svg);
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	z-index:9;
	display:block;
	right:-30px;
	top:50%;
	transform:translate(-50%,-50%);
	width:30px; 
	height:30px;
	line-height:30px;
	background-color:#fff;
	color:#ccc;
	border-radius:100%;
	text-align:center;
	border:1px solid var(--theme-color)
	}
.stepBox li {width:30%}
.stepBox li:last-child {min-width:50%}
.stepBox li:nth-of-type(3):after {display:none}
.stepBox li:last-child:after {
		display:block;
		left:0;
		right:auto
	}
.stepBox li:last-child {background-color:var(--theme-color3); font-weight:var(--font-weight-7);font-size:var(--text-lg)}
@media only screen and (min-width:768px){
	.prgromTOP {justify-content:center}
	.dateBox>dl{width:calc(25% - 1em)}
	.pTheum {width:30%; max-width:400px}
	.pHead {width:70%;}
	.stepBox li {width:25%}
	.prize {}
	.stepBox {padding:var(--margin-m) 0}
}

@media only screen and (min-width:1000px){
	.pTheum {width:35%; max-width:500px}
	.pHead {width:65%;}
	.pHead {padding:var(--secgapn) var(--secgap)}
	.pHead p {font-size:var(--text-lg)}
	.prgromINFO>dl>dt,.prgromINFO>dl>dd {font-size:var(--text-lg)}
	.prize {padding: var(--padding-xs) 0;}
	.prize li {min-width:200px}
	
	.stepBox:after {
		width:200px;
		height:200px;
		right:0;
		top:50%;
		transform:translateY(-50%);
	}
	
	
}


@media only screen and (min-width:1400px){
	.stepBox li:last-child {font-size:var(--text-xl)}
}

/*프로그램상세화면*/
.programTB {
	/*padding:var(--secgapn) var(--secgap)
	box-shadow: 10px 9px 29px 0px rgba(0, 0, 0, 0.27);
	border-radius:30px;
	overflow:hidden*/
}
.programTB .phead {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	gap:1rem;
	color:var(--color-w);
	background-color:var(--box-color1);
	padding:var(--padding-1)
}

.programTB .phead h3 {
	font-family:var(--sub-title-font);
	font-size:1.5rem
}

.programTB .phead span {
	font-size:var(--text-sm);
}


.programTB .pbody {
	display:flex;
	flex-flow:row wrap;
	background-color:var(--color-w);

}
.programTB .pbody>div {
	padding:var(--secgap)
}
.ppic{
	width:100%
}
.pinfo{
	width:100%
}

.pinfo dl {display:flex; flex-flow:row wrap;}
.pinfo dl dt {width:100px; color:var(--color-6)}
.pinfo dl dd {
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	width:calc(100% - 100px);
}

.label {
	display:flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:40px;
	padding:0 4px;
	border-radius:20px;
	background-color:var(--theme-color3);
	color:var(--color-w);
	font-size:var(--text-xs);
	text-align:var(--text-c);
}
.programTB [class*='lb'],.postList [class*='lb'] {display:inline-block; min-width:70px; padding:var(--padding-xs);margin-right:var(--padding-xs)}
.lb0 {
	background-color:var(--color-6)
}

.lb1 {
	background-color:#d92747;
}

.lb2 {
	background-color:#f5a10a;
}

.lb3 {
	background-color:#2ea44c;
}

.lb4 {
	background-color:#166fb1;
}

.pinfo dl dd.lblist ul {
	width:calc(100% - 30px);
	padding-left:1rem
}
.pinfo dl dt,.pinfo dl dd {
	padding:var(--padding-s) 0;
	border-bottom:1px dashed #ccc;
}
.pinfo svg {
	display:inline-block;
	width:20px;
	vertical-align:middle;
	margin-right:5px
}
@media only screen and (min-width:1000px){
	.programTB {
		padding:var(--secgapn) var(--secgap)
	}
	.programTB .phead h3 {
		font-size:2.5rem
	}
	.ppic{
		width:40%
	}
	.pinfo{
		width:60%
	}

}


.apply_btn {
	font-family:var(--title-font);
	color:var(--color-1);
	font-size:var(--text-xl);
    position: relative;
	display:block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    padding-right: 1rem;
    border: 2px solid var(--color-1);
    border-radius: 23px;
    text-align: center;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.28);
     box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.28);
	 transition: .7s;
}

.click_ani {
    position: absolute;
    right: -2px;
    bottom: -3px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
	
}

.apply_btn:hover {
    background-color: var(--theme-color2);
}


/*프로그램리스트*/
.postList{
	display:flex;
	flex-flow:row wrap;
	gap:2%;
}
.postList>div {
	overflow:hidden;
	position:relative;
	border:6px solid rgba(0,0,0,0.1);
	padding:var(--innpd);
	border-radius:20px;
	width:100%;
	transition: all 0.3s;
}
.postList>div:hover {
	-webkit-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);
    -moz-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);
    box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);
}

.contBox{
	position:absolute;
	width:100%;
	height:100px;
	bottom:0;
	left:0;
	background-color:#fff;
	padding:var(--innpd);
	transition: all 0.4s;
}
.contBox .btnW{
	opacity:0;
	transform:translateY(-100px);
	transition: all 0.4s;
}

.postList>div:hover .contBox .btnW{
	opacity:1;
	transform:translateY(0);
}

.postList>div:hover .contBox {
    height: 50% !important;
    padding-top: var(--padding-1);
}
.contBox dl {
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
}
.contBox dl dt {
	font-size:var(--text-xs);
	background-color:var(--color-1);
	text-align:var(--text-c);
	color:var(--color-f5);
	width:56px;
	border-radius:20px;
	margin-right:4px;
	margin-top:3px
}
.contBox dl dd {width:calc(100% - 60px); font-size:var(--text-s)}
.contBox ul li {display:flex; flex-flow:row wrap; align-items:center; gap:0;}
.contBox [class*='lb'] {
	padding:0;
	background-color:transparent;
	display:inline-block; 
	min-width:60px; 
	font-size:var(--text-xs)
}
.contBox .lb1 {
	color:#d92747;
}

.contBox .lb2 {
	color:#f5a10a;
}

.contBox .lb3 {
	color:#2ea44c;
}

.contBox .lb4 {
	color:#166fb1;
}

@media only screen and (min-width:768px){
	.postList>div {
		width:48%;
	}
	.contBox{height:120px}
}


@media only screen and (min-width:1000px){
	.postList>div {
		width:31.333%;
	}
	.contBox{height:130px}
}

@media only screen and (min-width:1400px){
	.postList>div {
		width:23%;
	}
	.contBox{height:140px}
}


/*FAQ*/
.faq-section {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px;
}

.faq-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 20px;
}

.faq-item {
  /*border-bottom: 1px solid #ddd;*/
  padding: 10px 0;
}

.faq-question {
  position:relative;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  font-size: var(--text-xl);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--title-font);
  padding: 0.666rem var(--innpd) 0.666rem 50px;
  background-color:#e84c8c;
  font-weight:var(--font-weight-8);
  color:var(--color-w);
  border-radius:30px;
  margin-bottom: 0.333rem;
}

.faq-question:before {
	content:"Q.";
	display:block;
	position:absolute;
	left:1rem;
	top:50%;
	transform:translate(0,-50%)
}

.faq-question .icon {
  transition: transform 0.3s ease;
  font-weight: bold;
  font-size: 1.2rem;
}

.faq-answer {
  /*margin:var(--innpd) 0;
  padding:var(--innpd);*/
  
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-answer p {position:relative;font-size: var(--text-lg); color:var(--color-3); line-height:1.6;  padding-left:50px;padding-right:2rem}
.faq-item.active .faq-answer {
  max-height: 300px; /* enough for content */
  padding:var(--innpd) 0;
  border-radius:20px;
  border:1px solid #e84c8c;
  
}
.faq-answer p span {display:inline-block; white-space:nowrap;}
.faq-answer p em {color:#e84c8c;font-weight:var(--font-weight-6);}
.faq-answer p b {display:block; font-weight:var(--font-weight-7); margin-top:var(--innpd); margin-bottom:0.333rem}
.faq-answer p a {font-size:var(--text-sm)}
.faq-answer p:before {
	content:"A.";
	display:block;
	position:absolute;
	left:1rem;
	top:0;
	transform:translate(0,5px);
	font-family: var(--title-font);
	font-weight:var(--font-weight-8);
	line-height:1.0;
	color:#e84c8c
}

.faq-item.active .faq-question .icon {
  transform: rotate(180deg);
  content: "–";
}


@media only screen and (min-width:1400px){
	.faq-question {
		font-size: var(--text-2xl);
		padding: 1rem var(--innpd) 1rem 50px;
		margin-bottom: 0.666rem;
	}
	.faq-answer p{font-size: var(--text-xl);}
	.faq-answer p:before{font-size: var(--text-2xl);}
	.faq-answer p a {font-size:var(--text-base)}
}


.parkingBox {
	position:relative;
	padding:var(--boxpd);
	border:0.75rem solid #f5f6f1;
	margin-bottom:var(--secgap)
}

.parkingBox:before,.parkingBox:after {
	content:"";
	position:absolute;
	background-color:var(--theme-color5)
}
.parkingBox:before {	
	left:0;
	top:-0.75rem;
	width:18%;
	height:0.75rem;
	
}

.parkingBox:after {
	left:-0.75rem;
	top:-0.75rem;
	width:0.75rem;
	height:20%;

}
.parkingBox div{position:relative}
.parkingBox div:after {
	display:block;
	content:"";
	width:2em;
	height:2em;
	background:url(/images/contents/car.svg) no-repeat;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%)

}
.parkingBox h4 {color:var(--theme-color5); font-weight:var(--font-weight-6); margin-bottom:var(--margin-1)}
.parkingBox ul {display:flex; flex-flow:row wrap; gap:1rem}
.parkingBox ul li {font-size:var(--text-xl); font-weight:var(--font-weight-7); }


@media only screen and (min-width:1000px){
	.parkingBox div:after {
		width:4em;
		height:4em;
		}
}