@charset "utf-8";

/* [공통] 버튼 */
.btn-control .row {display: flex; justify-content: center; margin-top: 5rem;}
.btn-control .row_l{display: flex; justify-content: left; margin-top: 5rem;}
.btn-control .row_r{display: flex; justify-content: right; margin-top: 5rem;}
.btn-control .row_space{display: flex; justify-content: space-between; margin-top: 5rem;}

a._bbs_btn,
input._bbs_btn,
._bbs_btn{display: flex; font-weight: 500; justify-content: center; align-items: center; min-width: 13rem; height: 5rem; margin: 0 1rem; padding: 0 1.5rem; border-radius: .5rem; font-size: 1.6rem; color: #fff; transition: .35s;}

.btn01 {background: #0275ce;}
.btn01:hover {background: #003467;}
.btn02 {background: #02ba6e;}
.btn02:hover {background: #007d49;}
.btn03 {background: #8C3219;}
.btn03:hover {background: #631d09;}
.btn04 {background: #1A9A91;}
.btn04:hover {background: #028b52;}
.btn05 {background: #B97C24;}
.btn05:hover {background: #7d5111;}
.btn06 {background: #9f9f9f;}
.btn06:hover {background: #616161;}

._bbs_btn_small{display: flex; font-size:1.4rem; transition: ease all .5s; color: #333; font-weight:500; align-items: center;padding: 0.3rem 2rem; margin:0 0.3rem; border-radius: 0.5rem;}

._s_btn01{border: 0.1rem solid #0275ce; color:#0275ce;}
._s_btn02{border: 0.1rem solid #02ba6e; color:#02ba6e;}
._s_btn03{border: 0.1rem solid #8C3219; color:#8C3219;}
._s_btn04{background:#1A9A91; color:#fff;}
._s_btn05{background:#9f9f9f; color:#fff;}

._bbs_btn_small.plus{gap:1rem; margin: 0 auto;}
._bbs_btn_small.plus:after{content:'+';}

/* agree box */
.agree_box{padding: 3rem; background: #fbfbfb; margin-top:3rem; border-top:2px solid #212121;}
.agree_box ._inner{display: flex; justify-content: space-between;}
.agree_box ._inner .a_txt{color:#212121;}
.agree_box ._inner .a_check{}
.agree_box ._inner  .a_color{}

/* agree box */
.upper-text{background: #fbfbfb url(../images/watermark.png) center no-repeat;padding: 3rem;border-top: 0.2rem solid #1d46b7;border-bottom: 0.1rem solid #ddd;margin-bottom: 5rem;}
.upper-text ul{}
.upper-text ul li{font-weight: 500;margin-bottom: 0.5rem;display: flex;gap: 1rem;}
.upper-text ul li:before{content:'※';}

/* [공통] 글쓰기 */
.writeForm {border-top: 2px solid #2c2c2c;}
.writeForm .artclForm {display: flex;}
.writeForm .artclForm.total {padding: 2rem; border-bottom: 1px solid #e2e2e2;}
.writeForm .artclLabel {display: flex;align-items: center;flex-shrink: 0;width: 24rem;min-height: 7rem;padding: 1rem 0 1rem 3rem;background: #f5f7f9;border-bottom: 1px solid #e2e2e2;color: #121212;font-weight: 500;}
.writeForm .artclLabel.column{}
.writeForm .artclLabel .must {width: .8rem; height: .8rem; margin-right: 1rem; background: url('../images/ic-must.png') no-repeat center; text-indent: -99999rem;}
.writeForm .artclInsert {display: flex; align-items: center; flex-grow: 1; padding: 1rem 2rem; border-bottom: 1px solid #e2e2e2; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .total .artclInsert {display: block; width: 100%; padding-left: 0; padding-right: 0; border: 0}
.writeForm .attch .artclInsert,
.writeForm .pass .artclInsert {padding: 2rem 3rem; flex-direction: column; align-items: flex-start;}
.writeForm .artclInsert input[type="text"],
.writeForm .artclInsert input[type="password"] {height: 4.5rem; padding: 0 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert input[type="text"]:focus,
.writeForm .artclInsert input[type="password"]:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert input[type="text"].long {width: 100%;}
.writeForm .artclInsert input[type="text"].space {margin: 0;}
.writeForm .artclInsert .sel-type,
.writeForm .artclInsert .public-type {display: flex; height: 4.5rem; padding-left: 1.5rem; padding-right: 6.5rem; margin-right: 1rem; background: url('../images/ic-search-arrow.png') no-repeat calc(100% - 1.5rem) center; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.writeForm .artclInsert .sel-type:focus,
.writeForm .artclInsert .public-type:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .switch {}
.writeForm .artclInsert .switch ul {display: flex; align-items: center;}
.writeForm .artclInsert .switch li {margin-right: 1rem;}
.writeForm .artclInsert .switch input {top: .1rem;}
.writeForm .artclInsert .tarea {width: 100%; padding: 1.5rem 2rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert .tarea:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .space {margin: 0 1rem;}
.writeForm .artclInsert .multselBox {width: 100%; padding: 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert .multselBox:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert #thumbOrginlFile {margin-right: 1rem;}
.writeForm .artclInsert .atchmnBtns {display: flex;align-items: center;margin: 1rem 0;gap: 0.5rem;}
.writeForm .artclInsert .atchmnBtns button{display: flex;padding: 0.2rem 1rem;background: #fff;border: 1px solid #0d5dbe;border-radius: .5rem;font-size: 1.3rem;color: #0d5dbe;align-items: center;transition: ease all .3s;}
.writeForm .artclInsert .atchmnBtns button:hover {background: #0d5dbe; color: #fff;}
.writeForm .artclInsert .atchmnBtns .file-btn-input{height:4.3rem;}
.writeForm .artclInsert .pass-form {margin-top: 1rem;}
.writeForm .artclInsert .pass-form label {margin-right: 1rem;}
.writeForm .artclInsert .possible{font-weight: 400;}

.writeForm input[readonly], 
.writeForm textarea[readonly]{background:#f5f5f5; color:#999;}
.writeForm .date-group{}
.writeForm .date-group input{width:14rem;}
.writeForm .date-group strong{margin-right: 1rem; font-weight: 500; color: #2c4d92;}

/* write Multi */
.writeForm .multiForm{}
.writeForm .multiForm .form_row{display:flex; width:100%;}


@media screen and (max-width: 1200px) {
	.writeForm .artclInsert {flex-wrap: wrap;}
	.writeForm .artclInsert .switch {width: 100%; margin-top: 1rem; margin-left: 0;}
	.writeForm .artclInsert #thumbOrginlFile {max-width: 30rem;}
}

@media screen and (max-width: 870px) {
	.writeForm .artclLabel {width: 18rem;}
}

@media screen and (max-width: 800px) {
	.writeForm .artclForm {flex-direction: column;}
	.writeForm .artclLabel {width: 100%; min-height: 5rem; padding: 1rem 2rem;}
	.writeForm .artclInsert {padding: 1rem 2rem;}
	.writeForm .artclInsert .hasDatepicker {width: 12rem;}
	.writeForm .attch .artclInsert,
	.writeForm .pass .artclInsert {padding: 1rem 2rem;}
	.writeForm .artclInsert .sel-type,
	.writeForm .artclInsert .public-type {width: 100%; margin-right: 0;}
	.writeForm .artclInsert #thumbOrginlFile {width: 100%; max-width: 100%; margin-bottom: 1rem;}
}


/* 추가 css */ 
/* flex 관련 */
._fnctWrap .flex_column{flex-direction: column; align-items: flex-start; gap:0.5rem;} 
._fnctWrap .flex_row{display:flex; align-items: center; gap:0.5rem; flex-wrap: wrap;}
._fnctWrap .flex_a_center{justify-content: center;}
._fnctWrap .flex_a_right{justify-content: right;}
._fnctWrap .flex_a_left{justify-content:flex-start;}
._fnctWrap .flex_a_space{justify-content: space-between;}
._fnctWrap .noGap{gap:0;}
._fnctWrap .gap10{gap:1rem;}
._fnctWrap .gap20{gap:2rem;}

/* point */
._fnctWrap .emTxt{position: relative;padding-left: 1.2rem; font-size:1.5rem; font-weight: 400;}
._fnctWrap .emTxt:before{content:'';width: 1rem;height:1rem;background: url(../images/ic-must.png) left center no-repeat;display: block;position: absolute;left: 0;top: 0.6rem;}

/* bbs in table */
._fnctWrap ._inputTable {position: relative;}
._fnctWrap ._inputTable:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
._fnctWrap ._inputTable table {position: relative; border-top:1px solid #005baa;}
._fnctWrap ._inputTable tbody {display: table-header-group;}
._fnctWrap ._inputTable tbody th {background: #bdbdbd;}
._fnctWrap ._inputTable th{background: #f9f9f9; font-weight:400; color:#333;}
._fnctWrap ._inputTable th,
._fnctWrap ._inputTable td{padding:0.5rem; border-bottom:0.1rem solid #e1e1e1; font-size:1.5rem; border-right: 1px solid #e1e1e1; text-align:center;}
._fnctWrap ._inputTable td input,
._fnctWrap ._inputTable td select{width:100%; min-width:100%; height: 3.5rem !important;}

/* [공통] 노데이터 */
.no-data {color: #555;}

/* common */
.writeForm .alignC{text-align:center;}

._fnctWrap .bbs_l_title{font-size: 4rem; color: #222; text-align: center; display: block; margin-bottom: 3rem;}
._fnctWrap .bbs_m_title{font-size: 2rem; font-weight: 500; margin-bottom: 2rem; color: #000;}