/* at-logo-box */
.at-logo-box {margin:0 0 70px;}
.at-logo-box h2 a {display:block;}
.at-logo-box h2 a img {width:247px;}
@media (max-width:991px){
.at-logo-box {margin:0; padding:20px 0;}
.at-logo-box h2 a img {width:72px;}
}

/* at-category-box */
.at-category-box {margin:0 0 30px;}
.at-category-box ul {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #623D1C;}
.at-category-box ul li {flex:1; min-width:0;}
.at-category-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:22px 0; font-size:20px; font-weight:600; color:#787878;}
.at-category-box ul li.active a {color:#623D1C;}
@media (max-width:991px){

/*
.at-category-box {margin:0 -20px 30px;}
.at-category-box ul {border:3px solid #fff; border-width:3px 0;}
.at-category-box ul li a {font-size:16px;}
*/
	.at-category-box {margin:50px 0 30px;}
	.at-category-box ul {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #623D1C;}
	.at-category-box ul li {flex:1; min-width:0;}
	.at-category-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:22px 0; font-size:16px;  color:#787878;}
	.at-category-box ul li.active a {color:#623D1C;}
}

/* .at-title-box */
.at-title-box h2 {text-align:center; font-size:25px; font-weight:bold; color:#623D1C;}
.at-title-box h2 a {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; font-size:17px; font-weight:600; color:#623d1c;}
.at-title-box h2 a:before {display:inline-block; content:""; width:6.65px; height:11.26px; background:url('../images/icon_at_back.png') no-repeat center / cover; margin-right:10px;}
@media (max-width:991px){
	.at-title-box h2 {font-size:24px;}
}

/* at-text-box */
.at-text-box h2 {text-align:center; font-size:25px; font-weight:bold; color:#623D1C;}
.at-text-box h3 {text-align:center; font-size:22px; font-weight:bold; color:#623D1C;}
.at-text-box {border:1px solid #623D1C; border-radius:12px; padding:38px 20px;}
.at-text-box p {text-align:center; font-size:15px; font-weight:500; line-height:1.5; color:#623D1C;}
.at-text-box.border {border:0; border-radius:0; padding:0;}
.at-text-box small {font-size:13px;}
@media (max-width:991px){
.at-text-box {border:0; border-radius:0; padding:0;}
.at-text-box p {font-size:14px;}
}

/* at-input-box */
.at-input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #623D1C; border-radius:12px; padding:0 15px;}
.at-input-box strong {font-size:15px; font-weight:600; color:#623D1C; margin-right:10px;}
.at-input-box input {flex:1; min-width:0; font-size:12px; font-weight:500; color:#623D1C; height:36px; background:none;}
.at-input-box input::placeholder {color:#623D1C;}

/* at-select-box */
.at-select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #623d1c; border-radius:12px; padding:0 15px;}
.at-select-box strong {font-size:15px; font-weight:600; color:#623d1c; margin-right:10px;}
.at-select-box select {flex:1; min-width:0; font-size:12px; font-weight:500; color:#623d1c; height:36px; background:none;}

/* at-textarea-box */
.at-textarea-box {border:1px solid #623D1C; border-radius:12px;}
.at-textarea-box strong {display:block; border-bottom:1px solid #77573A; padding:12px; font-size:15px; font-weight:600; color:#623d1c;}
.at-textarea-box textarea {display:block; width:100%; height:430px; padding:20px 12px; font-size:14px; line-height:1.4; color:#623d1c; background:none;}
@media (max-width:991px){
.at-textarea-box textarea {height:300px;}
}

/* at-file-box */
.at-file-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #623d1c; border-radius:12px; padding:0 15px;}
.at-file-box strong {font-size:15px; font-weight:600; color:#623d1c; margin-right:10px;}
.at-file-box p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; flex-wrap:wrap; align-items:center; height:36px; font-size:12px; font-weight:500; color:#623d1c; margin-right:15px;}
.at-file-box p a {font-size:12px; font-weight:500; color:#623d1c;}
.at-file-box label {position:relative; overflow:hidden; font-size:12px; font-weight:bold; color:#623d1c;}
.at-file-box label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}

/* at-border-list-box */
.at-border-list-box ul li {margin:0 0 10px;}
.at-border-list-box ul li:last-of-type {margin:0;}
.at-border-list-box ul li a {padding:11px 15px; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #623D1C; border-radius:12px;}
.at-border-list-box ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:bold; color:#623D1C;}
.at-border-list-box ul li a dl {display:flex; flex-wrap:wrap; align-items:center;}
.at-border-list-box ul li a dl dd {margin-right:10px; font-size:12px; font-weight:500; color:#623d1c;}
.at-border-list-box ul li a dl dd:last-of-type {margin:0;}


/* novel-home */
.novel-label-p {margin-top:30px; padding:3px; text-align:center; line-height:2em;}
@media (max-width:991px){
	.novel-label-p { margin-top:20px; padding:10px; }
	.label-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		padding: 10px;
		align-items: center;
		justify-items: center;
	}
}

/* novel-board */
.novel-td {text-align:left;padding:0 10px 0 10px;min-width:60px;}
.novel-td-center {text-align:center;padding:0 10px 0 10px;min-width:60px;}
.novel-td-input {width:50%; border:1px solid; color:#666; font-size:14px; border-radius:2px; padding:2px;}
.novel-td-textarea {width:60%; border:1px solid; color:#666; font-size:14px; border-radius:2px;height:200px;padding:5px;line-height:1.4em;}
@media (max-width:991px){
	.novel-td {text-align:left;padding:0 3px 0 3px;}
	.novel-td-center {text-align:center;padding:0 3px 0 3px;}	
	.novel-td-input {width:80%; border:1px solid; color:#666; font-size:14px; border-radius:2px; padding:2px;}
	.novel-td-textarea {width:80%; border:1px solid; color:#666; font-size:14px; border-radius:2px;height:180px;padding:3px;line-height:1.4em;}
}