@charset "utf-8";

#his_list .history {display:flex; position:relative;}
#his_list .history > .imgBox {width:50%;}
#his_list .history > .imgBox > .sticky { position: -webkit-sticky; position: sticky; top: 120px;}
#his_list .history > .imgBox > .sticky > .image {width:100%; margin-bottom:30px;}
#his_list .history > .imgBox > .sticky > .image img {max-width:100%;}
#his_list .history > .imgBox > .sticky > .title {display: flex; align-items: flex-end; justify-content: space-between;}
#his_list .history > .imgBox > .sticky > .title > h4 {width:55%; font-size:46px;  font-weight:800; color:#1f2c61;}
#his_list .history > .imgBox > .sticky > .title > h4 > .year {font-size:30px; font-weight:600; margin-top:15px;}
#his_list .history > .imgBox > .sticky > .title > p {width:45%; font-size:18px; font-weight:300; word-break:keep-all;}
#his_list .history > .imgBox > .sticky > .title > p > b {font-weight:600;}

	@media screen and (max-width:1399px){
		#his_list .history > .imgBox > .sticky > .title > h4 {font-size:44px;}
		#his_list .history > .imgBox > .sticky > .title > h4 > .year {font-size:28px;}
		#his_list .history > .imgBox > .sticky > .title > p {font-size:18px;}
	}

	@media screen and (max-width:1199px){
		#his_list .history > .imgBox > .sticky > .title > h4 {font-size:40px;}
		#his_list .history > .imgBox > .sticky > .title > h4 > .year {font-size:26px;}
		#his_list .history > .imgBox > .sticky > .title > p {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#his_list .history > .imgBox {width:45%;}
		#his_list .history > .imgBox > .sticky > .title {flex-direction: column; align-items: flex-start;}
		#his_list .history > .imgBox > .sticky > .title > h4 {width:100%; font-size:250%;}
		#his_list .history > .imgBox > .sticky > .title > h4 > .year {font-size:60%;}
		#his_list .history > .imgBox > .sticky > .title > p {width:100%; font-size:100%; margin-top:30px;}
	}

	@media screen and (max-width:799px){
		#his_list .history {flex-direction: column;}
		#his_list .history > .imgBox {width:100%;}
		#his_list .history > .imgBox > .sticky > .title {flex-direction: column; align-items: flex-end;}
		#his_list .history > .imgBox > .sticky > .title > h4 {width:100%; font-size:250%;}
		#his_list .history > .imgBox > .sticky > .title > h4 > br {display:none;}
		#his_list .history > .imgBox > .sticky > .title > p {width:100%; margin-top:20px;}
		#his_list .history > .imgBox > .sticky > .title > p > br {display:none;}
	}

	@media screen and (max-width:499px){
		#his_list .history > .imgBox > .sticky > .title {flex-direction: column; align-items: flex-start;}
		#his_list .history > .imgBox > .sticky > .title > h4 {font-size:220%;}
		#his_list .history > .imgBox > .sticky > .title > p {font-size:90%;}
	}


#his_list .history > .infoBox {width:50%; padding:12px 0 0 10%;}
#his_list .history > .infoBox > .yearBox {position:relative; margin-bottom:40px;}
#his_list .history > .infoBox > .yearBox:before {position:absolute; display:block; left:-55px; top:15px; width:1px; height:calc(100% + 40px); background-color:#ddd; content:'';}
#his_list .history > .infoBox > .yearBox:last-child:before {display:none;}
#his_list .history > .infoBox > .yearBox > h5 {position:relative; display:flex; align-items: center; font-size:30px; font-weight:700; color:#1f2c61; margin-bottom:30px;}
#his_list .history > .infoBox > .yearBox > h5:before {position:relative; display:block; width:11px; height:11px; border:2px solid #1f2c61; background-color:#fff; border-radius:50%; margin-left:-60px; margin-right:47px; overflow:hidden; content:'';}
#his_list .history > .infoBox > .yearBox > ul {}
#his_list .history > .infoBox > .yearBox > ul > li {display:flex; flex-wrap: wrap; position:relative; font-size:20px; color:#000; margin-top:14px;}
#his_list .history > .infoBox > .yearBox > ul > li:first-child {margin-top:0;}
#his_list .history > .infoBox > .yearBox > ul > li >.thumbImg {width:100%; margin-bottom:5px;}
#his_list .history > .infoBox > .yearBox > ul > li > b {display:block; width:27px; font-weight:800; margin-right:10px;}
#his_list .history > .infoBox > .yearBox > ul > li > span {display:block; width:calc(100% - 50px);}

	@media screen and (max-width:1399px){
		#his_list .history > .infoBox > .yearBox > h5 {font-size:28px;}
		#his_list .history > .infoBox > .yearBox > ul > li {font-size:18px;}
	}

	@media screen and (max-width:1199px){
		#his_list .history > .infoBox > .yearBox > h5 {font-size:26px; margin-bottom:20px;}
		#his_list .history > .infoBox > .yearBox > ul > li {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#his_list .history > .infoBox {width:55%; padding:12px 0 0 8%;}
		#his_list .history > .infoBox > .yearBox:before {left:-25px;}
		#his_list .history > .infoBox > .yearBox > h5 {font-size:150%;}
		#his_list .history > .infoBox > .yearBox > h5:before {margin-left:-30px; margin-right:19px;}
		#his_list .history > .infoBox > .yearBox > ul > li {font-size:100%;}
	}

	@media screen and (max-width:799px){
		#his_list .history > .infoBox {width:100%; margin-top:50px;}
		#his_list .history > .infoBox > .yearBox > h5 {font-size:140%; margin-bottom:15px;}
	}

	@media screen and (max-width:499px){
		#his_list .history > .infoBox {padding:8px 0 0 10%; margin-top:40px;}
		#his_list .history > .infoBox > .yearBox > h5 {font-size:130%;}
		#his_list .history > .infoBox > .yearBox > ul > li {font-size:90%;}
	}


#his_list .history_chk { position:absolute; top:-1px; }
#his_list .history_chk > span { position:relative; top:-2px; font-size:12px; font-weight:400; }
#his_list .history_chk > span > a { color:#e41d1d; }
#his_list .history_chk { left:-50px; }

	@media screen and (max-width:499px){
		#his_list .history_chk {display: flex; flex-direction: column; align-items: center;}
		#his_list .history_chk {left:-15%;}
	}


/* effect */
#his_list .history > .infoBox > .yearBox.show {animation:fadeInLeft 1s forwards;}

#his_list .bo_fx {float:none;}
#his_list .bo_fx .btn_bo_user li {width:160px;}
#his_list .bo_fx .btn_bo_user li input[type='submit'],
#his_list .bo_fx .btn_bo_user li a {font-size:18px; width:100%; height: 50px; line-height: 50px; color:#333; font-weight:400; border:1px solid #707070;}
#his_list .bo_fx .btn_bo_user li a:hover {border:1px solid #1f2c61; background:#1f2c61; color:#fff;}
#his_list .bo_fx .btn_bo_user li input[type='submit'] {border: 1px solid #ed1f23; background: #ed1f23; color: #fff !important; font-family:inherit;}

	@media screen and (max-width:1199px) {
		#his_list .bo_fx .btn_bo_user li input[type='submit'],
		#his_list .bo_fx .btn_bo_user li a{font-size:16px;}
	}

	@media screen and (max-width:999px) {
		#his_list .bo_fx .btn_bo_user li {width:140px;}
		#his_list .bo_fx .btn_bo_user li input[type='submit'],
		#his_list .bo_fx .btn_bo_user li a {font-size:100%;}
	}

	@media screen and (max-width:499px) {
		#his_list .bo_fx .btn_bo_user li {width:120px;}
		#his_list .bo_fx .btn_bo_user li input[type='submit'],
		#his_list .bo_fx .btn_bo_user li a {font-size:90%; height: 45px; line-height: 45px;}
	}


/* 글쓰기 */

/* 기존 css 수정 */
#bo_w .frm_input {height:auto;}
#bo_w .bo_w_select select {height:auto;}
#bo_w .bo_w_option {display:none;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label {padding-left:20px;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {position:absolute; top:0; left:0;}
#bo_w .bo_w_info .frm_input {float:none; margin-bottom:0;}
#bo_w #wr_password, #bo_w #wr_homepage {margin:0;}
#bo_w .bo_w_tit .frm_input {padding-right:0;}
#bo_w .bo_w_link label {position:relative; top:auto; left:auto; border-radius:0; line-height:inherit; width:auto; font-size:1em; color:inherit;}
#bo_w .bo_w_flie .frm_file {padding-left:8px;}
#bo_w .btn_cke_sc {font-size:12px;}

/* 추가 Custom css */
#bo_w input[type="text"], #bo_w input[type="password"] ,#bo_w select, #bo_w textarea {padding:11px 10px !important; }
#bo_w table.writeTb {border-top: 2px solid #6c6e71; border-bottom: 1px solid #999; border-collapse:collapse; border-spacing:0;}
#bo_w table.writeTb tbody tr {border-bottom:1px solid #e2e2e2;}
#bo_w table.writeTb tbody tr:last-child {border-bottom:0;}
#bo_w table.writeTb tbody tr th {width:200px; background:#f5f5f5; text-align:center; font-weight:400; font-size:18px; vertical-align:middle;}
#bo_w table.writeTb tbody tr th label {position:relative; display:block; width:100%; height:100%;}
#bo_w table.writeTb tbody tr td {width:calc(50% - 200px); padding:12px 6px; font-size:18px;}
#bo_w table.writeTb tbody tr td textarea {font-family:inherit;}
#bo_w table.writeTb tbody tr.bo_w_option td {padding:16px 6px;}

	@media screen and (max-width:1199px) {
		#bo_w table.writeTb tbody tr th {width:150px; font-size:16px;}
		#bo_w table.writeTb tbody tr td {width:calc(50% - 150px); font-size:16px;}
	}

	@media screen and (max-width:999px) {
		#bo_w table.writeTb tbody tr th {padding:15px 0; font-size:100%;}
		#bo_w table.writeTb tbody tr td {font-size:100%;}
		#bo_w table.writeTb tbody tr td input[type="file"] {width:100%;}
	}

	@media screen and (max-width:799px) {
		#bo_w table.writeTb tbody tr th {display:block; width:100%; padding:15px 0; font-size:95%;}
		#bo_w table.writeTb tbody tr td {display:block; width:100%; text-align:center; font-size:95%;}
		#bo_w table.writeTb tbody tr.bo_w_option td {padding:13px 0; text-align:center;}
		#bo_w table.writeTb tbody tr.bo_w_option li {float:none;}
	}

	@media screen and (max-width:499px) {
		#bo_w table.writeTb tbody tr th {font-size:90%; padding:10px 0;}
		#bo_w table.writeTb tbody tr td {font-size:90%;}
		#bo_w table.writeTb tbody tr.bo_w_option td {padding:10px 0;}
	}

#bo_w ul.yearUl {display:flex; flex-wrap: wrap;}
#bo_w ul.yearUl li {margin-right:10px;}

#bo_w ul.monthUl {display:flex; flex-wrap: wrap;}
#bo_w ul.monthUl li {margin-right:10px;}


/* 하단 버튼 영역 */
#bo_w .btn_confirm {text-align:center; margin-top:90px;}
#bo_w .btn_confirm a,
#bo_w .btn_confirm input[type='submit'] {width:160px; height:50px; font-size:18px; font-weight:500; font-family:inherit !important; border-radius:0;}

#bo_w .btn_submit {background:#1f2c61 !important; color:#fff; border:1px solid #1f2c61; line-height:50px;}
#bo_w .btn_cancel {background:#fff !important; color:#333; border:1px solid #707070; line-height:50px}

	@media screen and (max-width:1199px) {
		#bo_w .btn_confirm a,
		#bo_w .btn_confirm input[type='submit'] {font-size:16px;}
	}

	@media screen and (max-width:999px) {
		#bo_w .btn_confirm {margin-top:70px;}
		#bo_w .btn_confirm a,
		#bo_w .btn_confirm input[type='submit'] {width:140px; font-size:100%;}
	}

	@media screen and (max-width:799px) {
		#bo_w .btn_confirm {margin-top:50px;}
	}

	@media screen and (max-width:499px) {
		#bo_w .btn_confirm {margin-top:30px;}
		#bo_w .btn_confirm a,
		#bo_w .btn_confirm input[type='submit'] {width:120px; height:45px; font-size:90%;}

		#bo_w .btn_submit {line-height:45px;}
		#bo_w .btn_cancel {line-height:45px;}
	}