/* 기본 텍스트 및 간격 미세 조정 */
body {
word-break: keep-all; /* 모바일에서 텍스트 줄바꿈 시 단어 깨짐 방지 */
}
.main-title {
color: #0b114d; /* 짙은 네이비 색상 */
letter-spacing: -1px;
}
.content-text p {
color: #444;
font-size: 0.95rem;
line-height: 1.8;
margin-bottom: 1.2rem;
}
.login-btn {
width: 100%;
max-width: 400px; /* 데스크톱에서 너무 넓어지지 않도록 제한 */
background-color: #2196F3;
border-color: #2196F3;
}
.login-btn:hover {
background-color: #1976D2;
border-color: #1976D2;
}

.form-container {
max-width: 600px;
margin: 0 auto;
padding: 4rem 15px;
}
.guide-text {
color: #777;
font-size: 1rem;
line-height: 1.6;
word-break: keep-all; /* 모바일 줄바꿈 최적화 */
}
.btn-camp {
background-color: #2196F3;
border-color: #2196F3;
font-size: 1.1rem;
}
.btn-camp:hover {
background-color: #1976D2;
border-color: #1976D2;
}


.container-custom {
max-width: 800px;
margin: 0 auto;
padding: 2rem 15px;
}
.section-title {
color: #1b1c57;
font-weight: bold;
font-size: 1.1rem;
}
.btn-action {
background-color: #2196F3;
border-color: #2196F3;
color: white;
font-weight: 500;
}
.btn-action:hover {
background-color: #1976D2;
border-color: #1976D2;
color: white;
}
.border-dashed {
border-top: 1px dashed #ccc;
}
.border-solid-thick {
border-top: 2px solid #333;
}
.toggle-example {
cursor: pointer;
transition: color 0.2s;
user-select: none;
}
.form-control:focus {
box-shadow: none;
background-color: #f8f9fa;
}
/* 하단 네비게이션 구분선 스타일 */
.bottom-nav {
border-top: 2px solid #222; /* 스크린샷과 유사한 진한 선 */
padding-top: 15px;
margin-top: 3rem;
}
.bottom-nav a {
color: #333;
text-decoration: none;
font-weight: 500;
font-size: 0.9rem;
}
.bottom-nav a:hover {
text-decoration: underline;
}

/*자소서탬플릿*/
.bbox_table{overflow:hidden; width:100%; margin-top:20px}
.bbox_table h5{ line-height:2.5}
.box_table{ width:100%}
.table_line{ width:100%; overflow:hidden; margin:20px 0 20px; border:1px solid #ddd; padding:20px; border-radius:5px}
.box_table td{ padding:7px 7px 7px 10px}
.box_table td .btn{ display:block; text-align:center; width:80px; background: #aaa;padding:5px 10px; border-radius:50px; color:#fff}
.box_table td .btn01{ display:block; text-align:center; width:80px; background: #0b90a0; text-align:center; color:#fff;padding:5px 10px; border-radius:50px}
.box_table td .btn02{ display:block; text-align:center; width:207px; background: #4a99ef; text-align:center; color:#fff;padding:5px 10px; border-radius:50px}
.box_table td .btn03{ display:block; text-align:center; width:80px; border:1px solid #333;  color:#333; padding:5px 10px; border-radius:50px}
.box_table td .btn05{ display:block; text-align:center; width:80px; background: #4a99ef; text-align:center; color:#fff;padding:5px 10px; border-radius:50px}
.table_line p{ color:#444}

@media (max-width: 990px) { .table_line{ padding:30px 5px;}
.bbox_table{margin-top:0px}}

/*자소서-신규쓰기*/
.self-container { padding: 10px 0 10px 0;	background-color: #fff}
.menu_box{ overflow:hidden;/*display: grid;*/grid-template-rows: 40px auto 40px; margin:50px 0; width: 100%;margin:25px auto 0;background: #fff; m}
.menu_box .smenu li { float:left; width:24%;text-align:center; padding:6px 0; flex:auto;display:flex;justify-content:space-around;align-items: center;cursor:pointer;font-size:16px; margin:2px; border-radius:3px; border:1px solid #ddd;}
.menu_box .smenu li.on{color: #fff;background:#0031b6;  box-shadow: 0 0 10px 0 #fff);}
.menu_box .tab_cont{width: 100%;margin:30px auto 0;text-align: center;background: #fff; padding:25px;box-sizing: border-box; text-align:left}
.menu_box .tab_cont > div{display:none;}
.menu_box .tab_cont > div.on{display:block;}

.tab_wrap .title{ overflow:hidden}
.tab_wrap h6{ /*float:left;*/height:50px; font-size:24px}

.sns_y { float:right; background:#fe0000; color:#fff; border-radius:5px; padding:1px 10px; margin-right:2px }
.sns_p { float:right; border-radius:5px; padding:0 10px; border:1px solid #000}
@media (max-width: 990px) {
.sns_y, .sns_p {width:49.8%; text-align:center;padding:5px 0; margin:20px 0}
.sns_y {left:0% ; float:left; margin-right:0.1%}
.sns_p{left:50%; margin-left:0.1%}
.title{overflow:hidden}
.camp_wrap .self_t{margin:0;padding:0}
}
.self_wrap .self_t{  color:#777; border-bottom:1px dotted #000; padding-bottom:15px; margin-bottom:20px}
.camp_wrap .self_t{  color:#777; /**/ padding-bottom:15px; margin-bottom:20px}
.camp_wrap .tab_wrap{border-top:1px dotted #000; padding-top:10px}
.key_w, .exm{ margin-right:15px;}

.edit_wrap{ overflow:hidden; padding:30px 0; color:#000}
.edit_box{ overflow:hidden; /*padding-bottom:40px;*/  margin-bottom:10px; border-bottom:1px solid #999}
/* 글 내용 안의 이미지는 폭만 제한하고, 여러 장을 한 줄에 나란히 배치 가능하게 함 */
.edit_box img{
	max-width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin:0 5px 20px 0;
}
/* 첨삭/이전첨삭 영역 이미지도 동일하게 처리 */
.sharpen_box img,
.con_txt_wrap img{
	max-width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin:0 5px 20px 0;
}
/* 작성 중인 에디터 내부 이미지도 폭 제한 */
.note-editable img{
	max-width:100%;
	height:auto;
}
.edit_wrap_date{ float:left; color:#999; margin-bottom:30px; font-size:12px;}
/* 글자 수 표시가 이미지 옆으로 끼어들지 않고, 항상 아래쪽에 정렬되도록 조정 */
.edit_wrap_text{
	clear:both;
	float:none;
	text-align:right;
	color:#666;
	margin-top:10px;
	margin-bottom:30px;
	font-size:12px;
}
	.sharpen_box{ border:1px solid #ddd; padding:50px 30px}
		.sharpen_box h6{ font-size:18px}
	.sharpen{}
	.sharpen h6{height:30px}
	.sharpen .con_txt_wrap{}
	.sharpen .con_txt{ border-bottom:1px dotted #666; padding-bottom:20px; margin-bottom:20px}
	.sharpen .con_txt_c{ border-bottom:1px solid #666; padding-bottom:20px; margin:30px 0}
	.sharpen_{}

	.unwritten{background:#f1f1f1; text-align:center; line-height:100px}

.self_intro-content {min-height: 530px; margin: 50px auto 100px; background-color: #fff; padding:0 50px}
.class_na{ text-align:right; margin-top:20px}
.check_list{position:relative; float:left; width:100%; background:#f1f1f1; padding:20px; font-size:12px; color:#333}
.tab_wrap .btn-area{position:relative; /*float:right;*/ width:46%; margin-left:55%}
.tab_wrap .btn-area_c{position:relative; float:right; width:24%; margin-left:2%; margin-bottom:10px}
.tab_wrap .btn-area_b{position:relative; float:right; width:40%; margin-left:2%;  margin-top:20px }
.tab_wrap .btn-area_b a{ width:100% !important;}

@media (max-width: 990px) {
	.tab_wrap .btn-area { width:100% !important;margin-left:0}
	.tab_wrap .btn-area_b{ width:100% !important;}

	.class_na{ text-align:left}
	}

	.tab_wrap{/*display: grid;*/grid-template-rows: 40px auto 40px;}
	.tab_wrap .tab_menu{display:flex;width: 100%;height: 20px;margin:0 auto;background: #fff;box-shadow: none}
	.tab_wrap .tab_menu li{ space-around;align-items: center; float:left; cursor:pointer;font-size:14px; margin:0 2px;color: #999;}
	.tab_wrap .tab_menu li.on{color: #209cfb; font-weight:bold}
	.tab_wrap .tab_cont{overflow:hidden; width: 100%;margin:0px auto 10px;text-align: center;background: #fff; padding:5px 0;box-sizing: border-box; text-align:left; color: #000; font-size:12px}
	.tab_wrap .tab_cont > div{display:none;}
	.tab_wrap .tab_cont > div.on{display:block;}
	.tab_wrap .key span{display:inline-block; /*border:1px solid #333; border-radius:2px;*/ margin:1px; padding:0px 3px;}

.sharpen_wrap{ position:relative; /*height:120px;*/border-top:1px solid #000; border-bottom:2px solid #000}
.sharpen_wrap .tit{height:30px; line-height:30px; color:#146fb5}
.sharpen_wrap p{border-bottom:1px dotted #000; }
.sharpen_wrap span, .list_date{ color:#999; font-size:12px}
.list_wrap{ position:relative; margin-top:30px; border-top:1px dotted #000; border-bottom:1px solid #000}
.list_wrap03{ position:relative; margin-top:50px; border-top:1px dotted #000; border-bottom:1px solid #000}
.list_wrap300{ position:relative; margin-top:300px; border-top:1px dotted #000; border-bottom:1px solid #000}
.b_bef{float:left;  border:0}
.b_next{float:right; border:0}