@charset "utf-8";

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

#coWrap {
	width:100%;
	max-width:600px;
	padding: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;
}
#coWrap .coBox dl {
	margin-top:2rem;
	padding:1rem;
	background-color:#fafafa;
	border:1px solid #eaeaea;
	border-radius:10px;
	display:flex;
	gap:2rem;
}
#coWrap .coBox dt:first-of-type { min-width:260px; }
#coWrap .coBox dt:last-of-type {
	padding:1rem;
	background-color:#fff;
	border:1px solid #eaeaea;
	border-radius:5px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#coWrap .coBox dt ul {
	text-align:left;
}
#coWrap .coBox dt ul li {
	font-size:0.9rem;
	color:#212121;
	font-weight:500;
}
#coWrap .coBox dt ul li:not(:first-of-type) {
	margin-top:0.5rem;
	padding-top:0.5rem;
	border-top:1px solid #eaeaea;
}
#coWrap .coBox dt ul li label:first-of-type { margin-right:1rem; }
#coWrap .coBox dt b {
	font-size:1rem;
	color:#212121;
	font-weight:600;
	padding-bottom:0.5rem;
	display:block;
}
#coWrap select.sc_paper {
	font-family: 'Pretendard', sans-serif;
	font-size:0.9rem;
	color:#212121;
	font-weight:400;
	padding:0.6rem 2.5rem 0.6rem 0.6rem;
	background-color:#fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 380'%3E%3Cpath fill='%23212121' d='M256,246.5c-8.2,0-16.1-3.3-21.9-9.1L152,155.4l21.9-21.9l82.1,82.1l82.1-82.1l21.9,21.9l-82.1,82.1 C272.1,243.3,264.2,246.6,256,246.5z'/%3E%3Crect fill='%23d0d0d0' x='0' y='70' width='20' height='240'/%3E%3C/svg%3E%0A");
	background-size:30px;
	background-position:100% 50%;
	background-repeat:no-repeat;
    border:1px solid #ccc;
	border-radius:3px;
	outline:none;
    -webkit-appearance:none;
	-moz-appearance:none;    
	appearance:none;
	cursor:pointer;
}
#coWrap .coBox dt input.sc_pages {
	width:80px;
	font-size:0.9rem;
	color:#333;
	padding:0.5rem 0.8rem;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.2);
	vertical-align:middle;
	border-radius:3px;
	box-shadow:none;
    transition: all 0.5s ease;
	text-align:right;
}
#coWrap .btn_submit {
	font-size:0.96rem;
	color:#fff;
	font-weight:700;
	margin-top:1rem;
	padding:0.6rem 1rem;
	background-color:#e60011;
	border:1px solid rgba(0,0,0,0.2);
	display:inline-block;
}
#coWrap .coBox dt img {
	width:90%;
	height:auto;
	margin:0 auto;
}
#coWrap .coBox .sc_info {
	font-size:0.9rem;
	color:#F20000;
	font-weight:400;
	word-break:keep-all;
	margin-top:1rem;
	display:block;
}

#coWrap .sc_result {
	margin-top:2rem;
	padding:0 0.5rem;
	display:flex;
	align-items:baseline;
	justify-content:center;
}
#coWrap .sc_result strong {
	font-size:1rem;
	color:#212121;
	font-weight:500;
	display:inline-flex;
	align-items:center;
}
#coWrap .sc_result span.result_value {
	font-size:1.5rem;
	color:#ff158a;
	font-weight:700;
	margin-left:auto;
}
#coWrap .sc_result em {
	font-size:1rem;
	color:#ff158a;
	font-weight:700;
	font-style:normal;
	margin-left:0.25rem;
}

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

}