@charset "utf-8";

.ctt_admin { display:none !important; } /* Admin Menu Disabled */

#coWrap {
	width:100%;
	padding:3rem 2rem;
}
#coWrap .coBox {
	width:100%;
	margin:0 auto;
}
#coWrap .coTitle {
	position:relative;
	font-family:"Paperlogy";
	font-size:1.8rem;
	color:#000;
	font-weight:700;
	padding-bottom:0.8rem;
	display:inline-block;
}
#coWrap .coTitle:after {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:6px;
	background-image:url("./img/wave_pattern.svg");
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:repeat-X;
	display:block;
}

#guideBox {
	margin-top:2rem;
	display:flex;
	align-items:flex-start; /* position:sticky; 깨짐방지 */
}
#guideBox .guideList { display:flex; }
#guideBox .tabMenu {
	position:sticky;
	top:1rem;
	width:200px;
	min-width:200px;
	display:flex;
	flex-direction:column;
}
#guideBox .tabMenu li {
	font-size:0.96rem;
	color:#000;
	font-weight:500;
	margin-bottom:0.15rem;
	padding:0.6rem 1rem;
	background-color:#fafafa;
	transition:all 0.25s ease-in-out;
	cursor:pointer;
	user-select:none; /* 버튼 드래그 방지 */
}
#guideBox .tabMenu li:hover { background-color:#f0f0f0; }
#guideBox .tabMenu li.active {
	color:#fff;
	background-color:#000;
}
#guideBox .tabContent {
	width:100%;
	margin-left:1rem;
	padding:2rem;
	border:1px solid #eaeaea;
}

#guideBox .coTab {
	width:100%;
	display:flex;
	align-items:center;
}
#guideBox .coTab li {
	min-width:120px;
	font-size:1rem;
	color:#616161;
	font-weight:500;
	margin-right:0.25rem;
	padding:0.5rem 1rem;
	background-color:#fafafa;
	border:0;
	box-shadow:inset 0 0 0 1px rgba(0,0,0, 0.15);
	text-align:center;
	transition:all 0.25s ease-in-out;
	cursor:pointer;
	user-select:none; /* 버튼 드래그 방지 */
	display:block;
}
#guideBox .coTab li.active {
	color:#f20000;
	background-color:#fff;
	box-shadow:inset 0 0 0 1px #f20000;
}

/*
+----------------------------------------------------------+
+           Mobile Device Less than 768px          +
+----------------------------------------------------------+
*/
@media all and (max-width:768px) {

}