@charset "utf-8";

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

#coWrap { margin-top:5rem; }
#coWrap .content { text-align:center; }
#coWrap .content article { text-align:left; }
#coWrap .content article h2 {
	font-size:1.6rem;
	color:#1b1b1b;
	font-weight:700;
	word-break:keep-all;
	display:block;
}
#coWrap .content article p {
	font-size:1rem;
	color:#424242;
	word-break:keep-all;
}
#coWrap .content article p:first-of-type { margin-top:1rem; }
#coWrap .features {
	margin-top:2rem;
	padding:2rem;
	background-color:#cccbfd;
	border-radius:30px;
}
#coWrap .features h3 {
	font-family:"Paperlogy";
	font-size:2rem;
	color:#2d2c7d;
	font-weight:700;
	word-break:keep-all;
	text-align:center;
	display:block;
}
#coWrap .features ul {
	font-family:"Pretendard";
	margin-top:3rem;
	display:flex;
}
#coWrap .features ul li {
	width:20%;
	padding:0 1rem;
	text-align:center;
}
#coWrap .features ul li span {
	position:relative;
	width:100%;
}
#coWrap .features ul li span:before {
	content:"";
	padding-bottom:100%;
	background-color:#fff;
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-radius:20px;
	display:block;
}
#coWrap .features ul li span:before {
	content:"";
	padding-bottom:100%;
	background-size:auto 86px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:block;
}
#coWrap .features ul li:nth-of-type(1) span:before { background-image:url("img/icon_pod_01.png"); }
#coWrap .features ul li:nth-of-type(2) span:before { background-image:url("img/icon_pod_02.png"); }
#coWrap .features ul li:nth-of-type(3) span:before { background-image:url("img/icon_pod_03.png"); }
#coWrap .features ul li:nth-of-type(4) span:before { background-image:url("img/icon_pod_04.png"); }
#coWrap .features ul li:nth-of-type(5) span:before { background-image:url("img/icon_pod_05.png"); }
#coWrap .features ul li span em {
	position:absolute;
	top:-15px;
	font-size:0.86rem;
	color:#fff;
	font-weight:600;
	font-style:normal;
	line-height:30px;
	white-space:nowrap;
	padding:0 1rem;
	background-color:#6967d8;
	border-radius:6rem;
	transform:translateX(-50%);
}
#coWrap .features strong {
	font-size:1.1rem;
	color:#282d87;
	font-weight:700;
	word-break:keep-all;
	line-height:1rem;
	margin-top:1rem;
	display:block;
}
#coWrap .features b {
	font-size:0.96rem;
	color:#5055b1;
	font-weight:500;
	word-break:keep-all;
	line-height:1rem;
	margin-top:0.5rem;
	padding:0 1rem;
	display:block;
}
#coWrap .pod_point {
	position:relative;
	margin-top:2rem;
	padding-top:2rem;
}
#coWrap .pod_point:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:1px;
	background-color:rgba(0,0,0, 0.1);
}
#coWrap .pod_point:after {
	content:"";
	position:absolute;
	top:2px;
	left:0;
	right:0;
	height:1px;
	background-color:rgba(255,255,255, 0.2);
}
#coWrap .pod_point h4 {
	position:relative;
	font-family:"Paperlogy";
	font-size:1.6rem;
	color:#6967d8;
	font-weight:700;
	word-break:keep-all;
	display:flex;
	justify-content:center;
}
#coWrap .pod_point h4:before {
	content:"";
	width:32px;
	height:32px;
	margin-right:1rem;
	background-image:url("img/icon_star.png");
	background-size:cover;
	background-repeat:no-repeat;
	display:inline-block;
}
#coWrap .pod_point h4:after {
	content:"";
	width:32px;
	height:32px;
	margin-left:1rem;
	background-image:url("img/icon_star.png");
	background-size:cover;
	background-repeat:no-repeat;
	transform:scaleX(-1);
	display:inline-block;
}

#coWrap .btn_submit {
	font-size:1rem;
	color:#fff;
	font-weight:500;
	line-height:45px;
	margin-top:3rem;
	padding:0 1rem;
	background-color:rgba(242,0,0, 0.7);
	border:0;
	border-radius:5px;
	transition:all 0.25s ease-in-out;
}
#coWrap .btn_submit:hover { background-color:rgba(242,0,0, 1); }

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

}