@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;
}
#coWrap h2 {
	font-family:"Freesentation";
	font-size:1.25rem;
	color:#000;
	font-weight:700;
	margin-top:2rem;
	display:block;
}
#coWrap .margin_setting {
	margin-top:1rem;
	display:flex;
	gap:5rem;
}
#coWrap .margin_setting strong {
	font-size:1rem;
	color:#000;
	font-weight:700;
	display:block;
}
#coWrap .margin_setting p {
	font-size:0.9rem;
	color:#616161;
	font-weight:500;
	word-break:keep-all;
	display:block;
}
#coWrap .size_info {
	font-family:"Freesentation";
	font-size:1rem;
	color:#F20000;
	font-weight:400;
	margin-top:2rem;
	display:block;
}
#coWrap .book_paper {
	margin-top:0.5rem;
	display:flex;
	gap:2rem;
	align-items:flex-end;
	justify-content:space-between;
}
#coWrap .book_paper li {
	width:20%;
	display:flex;
	flex-direction:column;
	align-items:center;
}
#coWrap .book_paper li .paper {
	position:relative;
	font-family:"Paperlogy";
	font-size:1.5rem;
	color:#ccc;
	font-weight:700;
	background-color:#fff;
	border:1px solid #ccc;
	transition:all 0.25s ease-in-out;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	clip-path:polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100% );
}
#coWrap .book_paper li .paper:after {
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	width:30px;
	height:30px;
	background-color:#ccc;
	border:1px solid #ccc;
	filter:drop-shadow(0 0 5px rgba(0,0,0,0.1));
	display:block;
}
#coWrap .book_paper li:nth-of-type(1) .paper {
	width:128px;
	height:188px;
	aspect-ratio:32/47;
}
#coWrap .book_paper li:nth-of-type(2) .paper {
	width:148px;
	height:210px;
	aspect-ratio:74/105;
}
#coWrap .book_paper li:nth-of-type(3) .paper {
	width:152px;
	height:225px;
	aspect-ratio:152/225;
}
#coWrap .book_paper li:nth-of-type(4) .paper {
	width:182px;
	height:257px;
	aspect-ratio:182/257;
}
#coWrap .book_paper li:nth-of-type(5) .paper {
	width:210px;
	height:297px;
	aspect-ratio:70/99;
}
#coWrap .book_paper .paper_info {
	margin-top:0.5rem;
	text-align:center;
}
#coWrap .book_paper .paper_info strong {
	font-size:1rem;
	color:#1b1b1b;
	font-weight:700;
	margin-top:1rem;
	display:block;
}
#coWrap .book_paper .paper_info p {
	font-size:0.9rem;
	color:#424242;
	font-weight:500;
	word-break:keep-all;
	margin-top:0.25rem;
}
#coWrap .book_paper .paper_info span {
	font-size:0.9rem;
	color:#616161;
	font-weight:400;
	word-break:keep-all;
	display:block;
}
#coWrap .btn_wrap {
	margin-top:1rem;
	display:flex;
	flex-direction:column;
	gap:0.25rem;
}
#coWrap a.btn_download {
	font-size:0.8rem;
	color:#212121;
	font-weight:500;
	padding:0.5rem;
	background-color:#fafafa;
	border:1px solid #ccc;
	border-radius:3px;
	transition:all 0.25s ease-in-out;
	display:inline-flex;
	align-items:center;
}
#coWrap a.btn_download:hover {
	background-color:#fff;
	border-color:#1b1b1b;
}
#coWrap a.btn_download i.hwp {
	width:32px;
	height:32px;
	margin-right:0.5rem;
	background-image:url("img/icon_hwp.png");
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}
#coWrap a.btn_download i.word {
	width:32px;
	height:32px;
	margin-right:0.5rem;
	background-image:url("img/icon_word.png");
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:inline-block;
}


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

}