@charset "UTF-8";

.noto-sans-tc-<uniquifier> {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.resource{
	background:url(/kr/img/sub/resource.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}

/* resource */


#resource .cont .resourceBox{
	display:flex;
	gap:20px;
	flex-flow:wrap;
	align-items:stretch;
}

#resource .cont .resourceBox .resourceList{
	width:calc((100% - 20px) / 2);
}

#resource .cont .resourceBox .resourceList a{
	padding:40px 30px;
	border:1px solid #edf1f4;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:40px;
	transition:0.3s;
	height:100%;
	justify-content:space-between;
}

#resource .cont .resourceBox .resourceList a .btnbox:hover figure{
	background-color:var(--black01);
}

#resource .cont .resourceBox .resourceList a .resourceInfo figure{
	height:48px;
}

#resource .cont .resourceBox .resourceList a .resourceInfo figure img{
	height:100%;
	width:auto;
}

#resource .cont .resourceBox .resourceList a .resourceInfo{
	display:flex;
	flex-direction:column;
	gap:40px;
}

#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt h4{
	font-size:1.5rem;
	font-weight:700;
	word-break:keep-all;
}

#resource .cont .resourceBox .resourceList  .resourceInfo .listTitTxt .reListTxt{
	color:var(--gray02);
	font-size:1rem;
	line-height:1.5;
	margin-top:15px;
	word-break:keep-all;
}

#resource .cont .resourceBox .resourceList:hover a{
	background-color:var(--gray01);
}

#resource .cont .resourceBox .resourceList:hover a .btnbox{
	opacity:1;
}

@media screen and (max-width:1024px){
	#resource .cont .resourceBox .resourceList a .resourceInfo{
		gap:30px;
	}

	#resource .cont .resourceBox .resourceList a{
		gap:30px;
		padding:30px 20px;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt h4{
		font-size:1.428rem;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt .reListTxt{
		margin-top:15px;
	}

}

@media screen and (max-width:969px){
	#resource .cont .resourceBox{
		gap:15px;
	}

	#resource .cont .resourceBox .resourceList{
		width:calc((100% - 15px) / 2);
	}
}

@media screen and (max-width:767px){
	#resource .cont .resourceBox .resourceList a{
		padding:20px 15px;
		gap:20px;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo{
		gap:20px;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo figure {
		height: 40px;
	}
}

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

	#resource .cont .resourceBox{
		gap:10px;
	}

	#resource .cont .resourceBox .resourceList{
		width:calc((100% - 10px) / 2);
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt h4{
		font-size:1.384rem;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt .reListTxt br{
		display:none;
	}
}

@media screen and (max-width:460px){
	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt .reListTxt{
		margin-top:10px;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo .listTitTxt h4{
		font-size:1.2307rem;
	}

	#resource .cont .resourceBox .resourceList a{
		gap:15px;
	}

	#resource .cont .resourceBox .resourceList a .resourceInfo{
		gap:15px;
	}
}

@media screen and (max-width:375px){
	#resource .cont .resourceBox .resourceList .btnbox{
		padding:0;
		border:0;
	}

	#resource .cont .resourceBox .resourceList .btnbox .btnTit{
		display:none;
	}

}

/* code */
#code .titbox .codeDesc{
	margin-top:20px;
	color:var(--gray02);
	font-size:1.125rem;
	line-height:1.7;
	word-break:keep-all;
}

#code .cont .codeTable{
	width:100%;
	max-width:900px;
	margin:0 auto;
	border-collapse:collapse;
}

#code .cont .codeTable thead th{
	background:linear-gradient(90deg, #f1e8ef 0%, #f6f1f5 35%, #fdfcfd 85%);
	padding:18px 28px;
	text-align:left;
	font-size:1.05rem;
	font-weight:700;
	color:#333;
	border-bottom:2px solid var(--point-color);
}

#code .cont .codeTable thead th.codeTableCode{
	text-align:center;
	width:180px;
}

#code .cont .codeTable tbody td{
	padding:18px 28px;
	border-bottom:1px solid #edf1f4;
	font-size:1.05rem;
	word-break:keep-all;
}

#code .cont .codeTable tbody td a{
	color:#333;
	text-decoration:none;
	transition:.2s;
}

#code .cont .codeTable tbody tr:hover td a{
	color:var(--point-color);
	text-decoration:underline;
}

#code .cont .codeTable tbody td.codeTableCode{
	text-align:center;
	font-weight:700;
	color:var(--point-color);
}

#code .cont .codeTable tbody tr:nth-child(even){
	background-color:#faf8fa;
}

@media screen and (max-width:640px){
	#code .cont .codeTable thead th,
	#code .cont .codeTable tbody td{
		padding:14px 16px;
		font-size:0.9rem;
	}

	#code .cont .codeTable thead th.codeTableCode{
		width:110px;
	}
}

/* tools */
#tools .titbox .codeDesc{
	margin-top:20px;
	color:var(--gray02);
	font-size:1.125rem;
	line-height:1.7;
	word-break:keep-all;
}

#tools .cont .toolsBox{
	display:flex;
	flex-direction:column;
	gap:20px;
}

#tools .cont .toolsBox .toolsList{
	display:flex;
	align-items:center;
	gap:30px;
	padding:36px 40px;
	border:1px solid #edf1f4;
	border-radius:16px;
	box-sizing:border-box;
	transition:.3s;
}

#tools .cont .toolsBox .toolsList:hover{
	background:var(--gray01);
	border-color:var(--point-color);
}

#tools .cont .toolsBox .toolsList .toolsNum{
	flex:none;
	font-family:'Montserrat', sans-serif;
	font-size:1.75rem;
	font-weight:700;
	color:var(--point-color);
	opacity:.5;
	width:50px;
}

#tools .cont .toolsBox .toolsList .toolsInfo{
	flex:1;
}

#tools .cont .toolsBox .toolsList .toolsInfo .toolsTit{
	font-size:1.25rem;
	font-weight:700;
	word-break:keep-all;
}

#tools .cont .toolsBox .toolsList .toolsInfo .toolsTit .toolsTag{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	padding:3px 10px;
	border-radius:12px;
	background-color:var(--gray01);
	color:var(--gray02);
	font-size:0.75rem;
	font-weight:700;
}

#tools .cont .toolsBox .toolsList .toolsInfo .toolsTit .toolsTag.toolsTagNew{
	background-color:var(--point-color);
	color:#fff;
}

#tools .cont .toolsBox .toolsList .toolsInfo .toolsTxt{
	margin-top:14px;
	font-size:0.95rem;
	line-height:1.7;
	color:var(--gray02);
	word-break:keep-all;
}

#tools .cont .toolsBox .toolsList .toolsBtn{
	flex:none;
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 20px;
	border:1px solid var(--black01);
	border-radius:30px;
	transition:.3s;
}

#tools .cont .toolsBox .toolsList .toolsBtn .en{
	font-family:'Montserrat', sans-serif;
	font-size:0.85rem;
	font-weight:700;
}

#tools .cont .toolsBox .toolsList .toolsBtn:hover{
	background-color:var(--black01);
}

#tools .cont .toolsBox .toolsList .toolsBtn:hover .en{
	color:#fff;
}

@media screen and (max-width:767px){
	#tools .cont .toolsBox .toolsList{
		flex-wrap:wrap;
		padding:24px 20px;
		gap:16px;
	}

	#tools .cont .toolsBox .toolsList .toolsNum{
		width:auto;
	}

	#tools .cont .toolsBox .toolsList .toolsBtn{
		width:100%;
		justify-content:center;
	}
}

/* calculator */
#calc .titbox .codeDesc{
	margin-top:20px;
	color:var(--gray02);
	font-size:1.125rem;
	line-height:1.7;
	word-break:keep-all;
}

#calc .cont .calcTab{
	display:flex;
	flex-flow:wrap;
	gap:10px;
	margin-bottom:36px;
	border-bottom:1px solid #edf1f4;
	padding-bottom:24px;
}

#calc .cont .calcTab .calcTabItem{
	padding:10px 18px;
	border-radius:24px;
	border:1px solid #edf1f4;
	font-size:0.9rem;
	font-weight:700;
	color:var(--gray02);
	cursor:pointer;
	transition:.2s;
	word-break:keep-all;
}

#calc .cont .calcTab .calcTabItem:hover{
	border-color:var(--point-color);
	color:var(--point-color);
}

#calc .cont .calcTab .calcTabItem.active{
	background-color:var(--point-color);
	border-color:var(--point-color);
	color:#fff;
}

#calc .cont .calcPanel{
	display:none;
}

#calc .cont .calcPanel.active{
	display:block;
	animation:calcFadeIn .3s ease;
}

@keyframes calcFadeIn{
	from{ opacity:0; transform:translateY(6px); }
	to{ opacity:1; transform:translateY(0); }
}

#calc .cont .calcPanelDesc{
	background-color:#faf8fa;
	border-radius:14px;
	padding:20px 24px;
	margin-bottom:28px;
	font-size:0.95rem;
	line-height:1.7;
	color:#555;
	word-break:keep-all;
}

#calc .cont .calcPanelDesc .calcNote{
	display:inline-block;
	margin-top:10px;
	font-size:0.85rem;
	color:var(--gray02);
}

#calc .cont .calcGrid{
	display:grid;
	gap:20px;
}

#calc .cont .calcGrid2{
	grid-template-columns:repeat(2, 1fr);
}

#calc .cont .calcGrid3{
	grid-template-columns:repeat(3, 1fr);
}

#calc .cont .calcGrid4{
	grid-template-columns:repeat(4, 1fr);
}

#calc .cont .calcGridConc{
	grid-template-columns:repeat(4, 1fr);
}

#calc .cont .calcField label{
	display:block;
	margin-bottom:8px;
	font-size:0.88rem;
	font-weight:700;
	color:#333;
	word-break:keep-all;
}

#calc .cont .calcField input[type="text"]{
	width:100%;
	height:46px;
	padding:0 16px;
	border:1px solid #d9d9d9;
	border-radius:10px;
	font-size:0.95rem;
	box-sizing:border-box;
	transition:.2s;
}

#calc .cont .calcField input[type="text"]:focus{
	outline:none;
	border-color:var(--point-color);
}

#calc .cont .calcField input[type="text"][readonly]{
	background-color:#faf8fa;
	color:var(--point-color);
	font-weight:700;
}

#calc .cont .calcInputUnit{
	display:flex;
	align-items:center;
	gap:8px;
}

#calc .cont .calcInputUnit input[type="text"]{
	flex:1;
	min-width:0;
}

#calc .cont .calcInputUnit select{
	flex:none;
	height:46px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	border-radius:10px;
	font-size:0.85rem;
	background-color:#fff;
}

#calc .cont .calcUnitStatic{
	flex:none;
	font-size:0.85rem;
	color:var(--gray02);
	white-space:nowrap;
}

#calc .cont .calcColumnGrid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px;
}

#calc .cont .calcColumnBox{
	background-color:#faf8fa;
	border-radius:16px;
	padding:28px;
}

#calc .cont .calcColumnBox h5{
	font-size:1.05rem;
	font-weight:700;
	color:var(--point-color);
	margin-bottom:20px;
}

#calc .cont .calcColumnBox .calcField{
	margin-bottom:16px;
}

#calc .cont .calcColumnBox .calcField:last-child{
	margin-bottom:0;
}

#calc .cont .calcResetBtn{
	display:inline-block;
	margin-top:28px;
	padding:10px 24px;
	border:1px solid var(--black01);
	border-radius:24px;
	background:none;
	font-size:0.85rem;
	font-weight:700;
	cursor:pointer;
	transition:.2s;
}

#calc .cont .calcResetBtn:hover{
	background-color:var(--black01);
	color:#fff;
}

@media screen and (max-width:969px){
	#calc .cont .calcGrid3,
	#calc .cont .calcGrid4,
	#calc .cont .calcGridConc{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media screen and (max-width:767px){
	#calc .cont .calcColumnGrid{
		grid-template-columns:1fr;
	}

	#calc .cont .calcTab .calcTabItem{
		font-size:0.8rem;
		padding:8px 14px;
	}
}

@media screen and (max-width:460px){
	#calc .cont .calcGrid2,
	#calc .cont .calcGrid3,
	#calc .cont .calcGrid4,
	#calc .cont .calcGridConc{
		grid-template-columns:1fr;
	}
}

/* package */
#package .contTop{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	
}

#package .contTop .left{
	width:calc(50% - 60px);
	/* height:620px; */
	background:url(/kr/img/sec05_img.jpg?v=2) no-repeat, #BC9A6A;
	background-position:center;
	background-size:contain;
}

#package .contTop .right{
	width:50%;
}

#package .contTop .right .cont .packageList li{
	padding:20px;
	box-sizing:border-box;
	border-top:1px solid var(--gray02);
	display:flex;
	gap:20px;
	align-items:center;
}

#package .contTop .right .cont .packageList li:last-child{
	border-bottom:1px solid var(--gray02);
}

#package .contTop .right .cont .packageList li .num{
	font-size:1.125rem;
	font-weight:700;
	color:var(--point-color);
}

#package .contTop .right .cont .packageList li .featureTitTxt .featureTit{
	font-size:1.25rem;
	font-weight:700;
}

#package .contTop .right .cont .packageList li .featureTitTxt .featureTxt{
	font-size:1rem;
	color:var(--gray02);
	margin-top:10px;
	word-break:keep-all;
}


.contBottom{
	margin-top:60px;
}

.contBottom h4{
	font-size:1.875rem;
	font-weight:700;
}

.contBottom .packagingTxt{
	margin-top:20px;
	font-size:1.125rem;
	line-height:1.5;
	word-break:keep-all;
}

.contBottom .packagingTxt span{
	font-family: "Noto Sans TC", sans-serif;
	font-size:inherit;
	font-weight:400;
	color:inherit;
	line-height:inherit;
}

@media screen and (max-width:1400px){
	.contBottom .packagingTxt br{
		display:none;
	}
}

@media screen and (max-width:1200px){
	#package .contTop .left{
		width:calc(50% - 40px);
	}

	#package .contTop .right .cont .packageList li{
		padding:15px;
	}

	#package .contTop .right .cont .packageList li .num{
		font-size:1rem;
	}

	#package .contTop .right .cont .packageList li .featureTitTxt .featureTit{
		font-size:1.2rem;
	}

	#package .contTop .right .cont .packageList li .featureTitTxt .featureTxt{
		margin-top:5px;
	}

	.contBottom .packagingTxt{
		font-size:1rem;
	}

	.contBottom h4{
		font-size:1.733rem;
	}
}

@media screen and (max-width:1024px){
	#package .contTop .left{
		width:calc(50% - 20px);
	}

	.contBottom{
		margin-top:40px;
	}

	.contBottom .packagingTxt{
		margin-top:15px;
	}
}

@media screen and (max-width:767px){
	.contBottom{
		margin-top:25px;
	}

	.contBottom h4{
		font-size:1.428rem;
	}

	#package .contTop{
		flex-direction:column;
		gap:60px;
	}

	#package .contTop .left{
		width:80%;
		margin:0 auto;
		height: 530px;
	}

	#package .contTop .right{
		width:100%;
	}
}

@media screen and (max-width:640px){
	#package .contTop .left{
		height:430px;
		width:100%;
	}
}

@media screen and (max-width:460px){
	#package .contTop{
		gap:40px;
	}

	#package .contTop .left{
		height:360px;
	}

	.contBottom h4{
		font-size:1.692rem
	}
}

@media screen and (max-width:375px){
	#package .contTop .left{
		height:280px;
	}
}

/* paulownia */
#paulownia .paulowniaTop .paulowniaList{
	display:flex;
	justify-content:space-between;
}

#paulownia .paulowniaTop .paulowniaList li{
	width:calc((100% - 60px) / 4);
	box-sizing:border-box;
	padding:40px 20px;
	background-color:var(--white);
}

#paulownia .paulowniaTop .paulowniaList li figure{
	height:56px;
}

#paulownia .paulowniaTop .paulowniaList li figure.list_width{
	display:flex;
	align-items:center;
}

#paulownia .paulowniaTop .paulowniaList li figure img{
	height:100%;
}

#paulownia .paulowniaTop .paulowniaList li figure.list_width img{
	height:auto;
	width:56px;
}

#paulownia .paulowniaTop .paulowniaList li .paTitTxt{
	margin-top:40px;
}

#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTit{
	font-size:1.5rem;
	font-weight:700;
	word-break:keep-all;
}

#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTxt{
	font-size:1rem;
	color:var(--gray02);
	line-height:1.5;
	margin-top:15px;
	word-break:keep-all;
}

@media screen and (max-width:1024px){
	#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTit{
		font-size:1.428rem;
	}

	#paulownia .paulowniaTop .paulowniaList li{
		padding:30px 20px;
	}
}

@media screen and (max-width:969px){
	#paulownia .paulowniaTop .paulowniaList{
		flex-flow:wrap;
		gap:15px;
	}

	#paulownia .paulowniaTop .paulowniaList li{
		width:calc((100% - 15px) / 2);
	}
}

@media screen and (max-width:767px){
	#paulownia .paulowniaTop .paulowniaList li .paTitTxt{
		margin-top:25px;
	}

	#paulownia .paulowniaTop .paulowniaList li{
		padding:20px 15px;
	}

	#paulownia .paulowniaTop .paulowniaList li figure{
		height:46px;
	}

	#paulownia .paulowniaTop .paulowniaList li figure.list_width img{
		width:50px;
	}
}

@media screen and (max-width:640px){
	#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTit{
		font-size:1.384rem;
	}
}

@media screen and (max-width:460px){
	#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTit{
		font-size:1.2307rem;
	}

	#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTxt{
		margin-top:10px;
	}

    #paulownia .paulowniaTop .paulowniaList li figure {
        height: 40px;
    }

	#paulownia .paulowniaTop .paulowniaList li figure.list_width img{
		width:46px;
	}

	#paulownia .paulowniaTop .paulowniaList li .paTitTxt .paTxt br{
		display:none;
	}

}

/* select: step navigation (breadcrumb + back), shared across the whole select-guide tree */
.selectStepNav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:16px;
	margin-bottom:50px;
	padding-bottom:24px;
	border-bottom:1px solid #edf1f4;
}

.selectStepNav .selectCrumbs{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	font-size:0.95rem;
	color:var(--gray02);
}

.selectStepNav .selectCrumbs a{
	color:var(--gray02);
	transition:.2s;
}

.selectStepNav .selectCrumbs a:hover{
	color:var(--point-color);
}

.selectStepNav .selectCrumbs .selectCrumbSep{
	color:#ccc;
}

.selectStepNav .selectCrumbs .selectCrumbNow{
	color:var(--point-color);
	font-weight:700;
}

.selectStepNav .selectBackBtn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 18px;
	border:1px solid var(--point-color);
	border-radius:24px;
	color:var(--point-color);
	font-size:0.85rem;
	font-weight:700;
	transition:.2s;
	flex:none;
}

.selectStepNav .selectBackBtn:hover{
	background-color:var(--point-color);
	color:#fff;
}

.selectStepNav .selectBackBtn .arrLeft{
	display:inline-block;
	transform:scaleX(-1);
}

@media screen and (max-width:640px){
	.selectStepNav{
		margin-bottom:36px;
		padding-bottom:20px;
	}

	.selectStepNav .selectCrumbs{
		font-size:0.82rem;
	}
}

/* select: question cards (select.php / select10-01.php) */
#select .cont .selectQuestion{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:28px;
}

#select .cont .selectQuestion .selectQList a{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:28px;
	height:100%;
	padding:38px 36px;
	border-radius:20px;
	box-sizing:border-box;
	background:linear-gradient(155deg, var(--sq-bg1, #f3e9f1) 0%, var(--sq-bg2, #fbf7fa) 100%);
	transition:.3s ease;
}

#select .cont .selectQuestion .selectQList:nth-child(6n+1) a{ --sq-bg1:#f3e9f1; --sq-bg2:#fdf9fc; }
#select .cont .selectQuestion .selectQList:nth-child(6n+2) a{ --sq-bg1:#eaeef7; --sq-bg2:#f9fafd; }
#select .cont .selectQuestion .selectQList:nth-child(6n+3) a{ --sq-bg1:#eef3ec; --sq-bg2:#f9fbf8; }
#select .cont .selectQuestion .selectQList:nth-child(6n+4) a{ --sq-bg1:#f7f0e6; --sq-bg2:#fdfaf5; }
#select .cont .selectQuestion .selectQList:nth-child(6n+5) a{ --sq-bg1:#f3e9e9; --sq-bg2:#fdf8f8; }
#select .cont .selectQuestion .selectQList:nth-child(6n+6) a{ --sq-bg1:#eceaf5; --sq-bg2:#faf9fd; }

#select .cont .selectQuestion .selectQList a:hover{
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

#select .cont .selectQuestion .selectQList a::before,
#select .cont .selectQuestion .selectQList a::after{
	content:"";
	position:absolute;
	display:block;
	left:36px;
	background-color:#fff;
	border:1px solid #f4f4f4;
	border-radius:50%;
}

#select .cont .selectQuestion .selectQList a::before{
	width:16px;
	height:16px;
	bottom:-8px;
}

#select .cont .selectQuestion .selectQList a::after{
	width:10px;
	height:10px;
	left:22px;
	bottom:-16px;
}

#select .cont .selectQuestion .selectQList .listTitTxt .qLead{
	display:block;
	font-size:0.95rem;
	color:var(--gray02);
	margin-bottom:8px;
}

#select .cont .selectQuestion .selectQList .listTitTxt h4{
	font-size:1.6rem;
	font-weight:800;
	line-height:1.35;
	word-break:keep-all;
	color:#2b2b2b;
}

#select .cont .selectQuestion .selectQList .listTitTxt .seListTxt{
	color:var(--gray02);
	font-size:0.98rem;
	line-height:1.6;
	margin-top:16px;
	word-break:keep-all;
}

#select .cont .selectQuestion .selectQList .btnbox{
	padding:5px 5px 5px 16px;
	background-color:rgba(255,255,255,0.6);
}

#select .cont .selectQuestion .selectQList .btnbox .btnTit{
	font-size:0.85rem;
}

#select .cont .selectQuestion .selectQList .btnbox figure{
	width:24px;
	height:24px;
}

#select .cont .selectQuestion .selectQList a:hover .btnbox figure{
	background-color:var(--point-color);
}

#select .cont .selectQuestion .selectQList.selectQSearch{
	grid-column:1 / -1;
	max-width:520px;
	margin:0 auto;
	width:100%;
}

#select .cont .selectQuestion .selectQList.selectQSearch a{
	background:linear-gradient(155deg, #ad5c9c 0%, #8f4a80 100%);
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:30px;
}

#select .cont .selectQuestion .selectQList.selectQSearch a::before,
#select .cont .selectQuestion .selectQList.selectQSearch a::after{
	display:none;
}

#select .cont .selectQuestion .selectQList.selectQSearch .listTitTxt h4{
	color:#fff;
	font-size:1.3rem;
	text-align:center;
}

@media screen and (max-width:969px){
	#select .cont .selectQuestion{
		grid-template-columns:1fr;
		gap:20px;
	}

	#select .cont .selectQuestion .selectQList a{
		padding:32px 28px;
	}
}

@media screen and (max-width:460px){
	#select .cont .selectQuestion .selectQList a{
		padding:26px 22px;
		gap:22px;
	}

	#select .cont .selectQuestion .selectQList .listTitTxt h4{
		font-size:1.3rem;
	}
}

/* selectGuide */
#selectGuide .cont .contList{
	margin-top:80px;
}

#selectGuide .cont .contList:first-child{
	margin-top:0;
}

#selectGuide .cont .contList h4{
	position:relative;
	display:inline-block;
	font-size:1.875rem;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:30px;
	line-height:1.5;
	word-break:keep-all;
	color:#2b2b2b;
}

#selectGuide .cont .contList h4::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:56px;
	height:4px;
	border-radius:4px;
	background:linear-gradient(90deg, var(--point-color), #e8a9d8);
}

#selectGuide .cont .contList .guideList{
	display:flex;
	flex-flow:wrap;
	gap:20px;
	/* align-items:stretch; */
}

#selectGuide .cont .contList .guideList .selectGuideList{
	width:calc((100% - 40px) / 3);
	padding:36px 30px;
	border-radius:16px;
	border-top:4px solid var(--sg-accent, var(--point-color));
	background:var(--sg-bg, #faf8fa);
	box-sizing:border-box;
	transition:.3s;
}

#selectGuide .cont .contList .guideList .selectGuideList:hover{
	transform:translateY(-4px);
	box-shadow:0 10px 24px rgba(0,0,0,0.07);
}

#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+1){ --sg-accent:#ad5c9c; --sg-bg:#f8f1f6; }
#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+2){ --sg-accent:#5c7cad; --sg-bg:#f0f4fa; }
#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+3){ --sg-accent:#5cad7f; --sg-bg:#f0f8f3; }
#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+4){ --sg-accent:#c98a3e; --sg-bg:#fbf4ea; }
#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+5){ --sg-accent:#ad5c5c; --sg-bg:#faf0f0; }
#selectGuide .cont .contList .guideList .selectGuideList:nth-child(6n+6){ --sg-accent:#7c5cad; --sg-bg:#f4f0fa; }

#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5{
	font-size:1.5rem;
	font-weight:700;
}

#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5 a{
	display:inline-block;
	transition:.2s;
	color:var(--sg-accent, var(--point-color));
}

#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5 a:hover{
	text-decoration:underline;
	opacity:.75;
}

#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5 .guTitImg{
	display:block;
	height:28px;
	width:auto;
	max-width:100%;
}

@media screen and (max-width:1024px){
	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5 .guTitImg{
		height:24px;
	}
}

#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt .guTxt{
	font-size:1rem;
	color:var(--gray02);
	margin-top:15px;
	word-break:keep-all;
}

#selectGuide .cont .contList .guideList .selectGuideList .subListBox{
	display:flex;
	flex-direction:column;
	gap:9px;
	margin-top:30px;
	padding-top:24px;
	border-top:1px dashed #d9d3d8;
}

#selectGuide .cont .contList .guideList .selectGuideList .subListBox li{
	font-size:0.95rem;
	line-height:1.5;
	word-break:keep-all;
	color:#444;
}

#selectGuide .cont .contList .guideList .selectGuideList .subListBox li a{
	transition:.2s;
}

#selectGuide .cont .contList .guideList .selectGuideList .subListBox li a:hover{
	color:var(--sg-accent, var(--point-color));
	text-decoration:underline;
}

@media screen and (max-width:1240px){
	#selectGuide .cont .contList{
		margin-top:60px;
	}
}

@media screen and (max-width:1200px){
	#selectGuide .cont .contList h4{
		font-size:1.733rem;
	}
}

@media screen and (max-width:1024px){
	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5{
		font-size:1.428rem;
	}

	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt .guTxt br{
		display:none;
	}

	#selectGuide .cont .contList .guideList .selectGuideList{
		padding:30px 20px;
	}
}

@media screen and (max-width:969px){
	#selectGuide .cont .contList .guideList{
		gap:15px;
	}

	#selectGuide .cont .contList .guideList .selectGuideList{
		width:calc((100% - 15px) / 2);
	}
}

@media screen and (max-width:767px){
	#selectGuide .cont .contList .guideList .selectGuideList{
		padding:20px 15px;
	}

	#selectGuide .cont .contList .guideList .selectGuideList .subListBox{
		margin-top:20px;
	}

	#selectGuide .cont .contList h4{
		font-size:1.428rem;
	}

	#selectGuide .cont .contList{
		margin-top:40px;
	}
}

@media screen and (max-width:640px){
	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5{
		font-size:1.384rem;
	}
}

@media screen and (max-width:460px){
	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt h5{
		font-size:1.2307rem;
	}

	#selectGuide .cont .contList .guideList .selectGuideList .guTitTxt .guTxt{
		margin-top:10px;
	}

	#selectGuide .cont .contList .guideList .selectGuideList .subListBox{
		margin-top:15px;
	}

	#selectGuide .cont .contList h4{
		padding-bottom:5px;
		margin-bottom:10px;
	}

	#selectGuide .cont .contList{
		margin-top:20px;
	}

	#selectGuide .cont .contList .guideList .selectGuideList{
		width:100%;
	}

	#selectGuide .cont .contList .guideList{
		flex-direction:column;
	}
}

.contTit{
	font-size:1.875rem;
	font-weight:700;
	width:100%;
	background:linear-gradient(120deg, #f1e4ee 0%, #eef1fa 50%, #f1e4ee 100%);
	color:#5a3a52;
	border-radius:16px;
	padding:26px 20px;
	margin-bottom:20px;
	line-height:1.5;
	text-align:center;
	word-break:keep-all;
}

@media screen and (max-width:1200px){
	.contTit{
		font-size:1.733rem;
	}
}

@media screen and (max-width:767px){
	.contTit{
		font-size:1.428rem;
		padding:10px;
	}
}

@media screen and (max-width:460px){
	.contTit{
		font-size:1.692rem;
	}
}