.oc label {
    float: left;
    width: 100%;
    display: block;
}

/* 내용 간격 초기화 */
#bo_v_con p {margin:0}
section #bo_v_atc p {margin:0}

/* 카테고리 */
#bo_cate_ul li { display:inline-block;}
#bo_cate_ul li a {    padding: 10px 15px; background-color:#b5b6b9; border-radius:5px; margin-left:10px; color:#fff; display:inline-block; font-size:16px;}
#bo_cate_ul li a:hover {background-color:#444}
#bo_cate_ul li  #bo_cate_on {background-color:#444}
#bo_cate_ul {padding:10px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}

/* 목록 */
/* 260122 주석처리 */
/* .table-bordered thead tr, .table-bordered tfoot tr {
    border-top: 3px solid rgba(0, 170, 203, 1);
} */

/* 260122 주석처리 */
/* .table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4285;
    vertical-align:middle;
    font-size: 18px;
    letter-spacing: -0.2px;
    color: #3e3e3e;
} */

/*카테고리 라벨*/
.cate_label {
    border: 1px solid #ddd;
    padding: 3px 5px;
    background: #fff;
	font-size:11px;
}
.cate_label a:hover {
    color:#999;
    text-decoration: none;
}

/* 260122 주석처리 */
/* 게시판 목록 */
/*.td_date{font-family: 'NanumBarunGothicOTF', sans-serif;}*/
/* #bo_list .td_board {vertical-align: middle; width:120px;text-align:center}
#bo_list .td_chk {vertical-align: middle; width:30px;text-align:center}
#bo_list .td_date {
    vertical-align: middle;
}
#bo_list .td_datetime {
    vertical-align: middle;
   width: 30%;
    text-align: left;
    line-height: 171%;
}

#bo_list .td_cont {vertical-align: middle; width:20%;}
#bo_list .td_group {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_mb_id {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_mng {vertical-align: middle; width:80px;text-align:center}
#bo_list .td_name {vertical-align: middle; width:115px; text-align:center;}
#bo_list .td_nick {vertical-align: middle; width:100px;text-align:center}
#bo_list .td_num {vertical-align: middle; width:50px;text-align:center}
#bo_list .td_numbig {vertical-align: middle; width:60px;text-align:center}
#bo_list .td_subject { vertical-align: middle;}
#bo_list .td_subject a {line-height:200%;}
.ing {
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
	background:#006177;
    color: #fff;
	border: 1px solid #006177;
	border-radius:8px;
}
.wait {
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
	background:#093579;
    color: #fff;
	border: 1px solid #093579;
	border-radius:8px;
}
.fnsh {
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
    background: #555;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.expected {
    padding: 5px 10px;
    line-height: 1.6;
    border-radius: 3px;
	background:#A36EB4;
    color: #fff;
	border: 1px solid #ccc;
} */
/* .section-title {
    width: 100%;
    border-left: 4px solid #444;
    padding-left: 16px;
    margin-bottom: 4px;
} */
.zipcodeBtn {
    border: 0px;
    font-size: 14px;
}
#captcha_key {
    width: 120px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: blue !important;
}

#app_list table {
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
}
#app_list table th {
    font-size:12px;
    height:40px;
    text-align:center;
    background:#eeeeee;
    border:1px solid #cccccc;
}
#app_list table td {
    font-size:12px;
    height:27px;
    text-align:center;
    background:#ffffff;
    border:1px solid #cccccc;
    padding: 8px 4px;
    line-height: 150%;
}
#app_list table td button {
    border: 0;
    padding: 0px 8px;
    height: 24px;
    line-height: normal;
    border-radius: 3px;
}
#app_list table td button.appEditBtn {
    background: #0069D2;
    color: #fff;
}
#app_list table td button.appDelBtn {
    background: #888;
    color: #fff;
}
/* 260122 주석처리 */
/* #stx, #sfl {
    height: 42px !important;
} */


/* write */
.form-group label {width:100%;}
:last-child.input-group-addon {border:1px solid #ddd; border-radius:5px;}
.dategrp {padding:0;}
.dategrp .form-control {float:left;}
.form-group .radioLabel {display:inline}
.input-group .form-control {
    width: 98%;
}
.form-control2 {
	width:70%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #272b30;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control3 {
	width:20%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #272b30;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control4 {
	width:50%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #272b30;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label {
    display: inline;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
	font-size:18px;
}
/* view */
.pb_c {border-bottom:1px solid #ddd;}
.pb_content {border:0}
.pb_head {background-color:#ccc}
.pb_hd {width:30%; font-weight:bold;color:#900; border-right:1px solid #ddd; padding:10px;}
.pb_con {width:70%; padding:10px;}

.tbl_frm01 {border:5px solid #ddd; border-radius:5px;}
.vc_cap {background:#F7F7FF;text-align:center;padding:12px; font-size:24px; color:#ff7e00;}
/* .vc_priv {padding:20px;} */
.vc_wrf {display:inline-block;}
.vc_wrf .pb_hd {border:0; color:#555;}
.vc_wrf .pb_c {border:0; border-top:1px solid #ddd;}

.vc_btns {text-align:center; padding:20px;}

#divLayer {width:50%; margin:0 auto; display:block; padding:20px;border:5px solid #ddd; border-radius:5px; display:none;}
#divLayer2 {display:none;}
.vc_wrEdit {}
.vc_wrEdit .pb_c {border:0;}
.vcW_hd {color:red;font-weight:bold;display:block;margin-bottom:10px;}
.vcW_txt {margin-bottom:20px;}
.vc_wrEdit .pb_con {padding:0 0 5px 0;}

#modi_title {margin-bottom:20px; color:#F80000;font-size:12pt;font-weight:bold;}

.vc_listH {margin:20px 0 5px; display:inline-block; width:100%;}
.vc_liHd {color:#F80000; padding:0; font-size:18px;}
/* .vc_liex {text-align:right; padding:0} */
.vc_lied {color:#0080FF;}
.vc_linum {color:#0080FF;text-align:right;}
.vc_mox {padding:20px; display:inline-block; width:100%;}

.vc_litable {}
.vc_litable th,.vc_litable td {text-align:center;padding:10px;}
.vc_litable th {background-color:#ddd}
.vc_more {}
.vc_search {margin-top:20px;}



/*개인정보*/
.vc_priv span {
	padding-top:10px;
}
.vc_priv ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.vc_priv li {
    display: list-item;
    text-align: -webkit-match-parent;
}




/* my page */
#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_act {margin:0 0 10px;;zoom:1}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px; }

.btnk{border-radius:4px; font-weight:bold; height:18px; line-height:22px; padding:0 7px;}
.btnk:hover{background:#0080FF; color:#FFF;}

.center{text-align:center;}
.tbl_headk {margin:0 0 10px; padding:20px; background-color:#fff; border-top:3px solid #333;}
.tbl_headk table{border:1px solid #d1dee2;}
.tbl_headk thead th {padding:12px 5px;/*border:1px solid #d1dee2;*/ background:#f5f5f5; color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}

.tbl_headk thead a {color:#383838}
.tbl_headk tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_headk td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_headk tbody tr:hover{background:#fafafa;}

#divLayerOuter{position:absolute; left:50%; top:45%; background:#000;
padding:15px; border:1px solid #ccc; width:900px;
z-index:1000; margin-left:-450px; display:none; opacity:0.7;
}

.popLayer {
position:absolute; left:50%; top:50%; background:#FFF;
padding:15px; border:1px solid #ccc; width:750px;
z-index:5000; margin-left:-370px; display:none;
}

.border2{ border:5px solid #ccc; border-radius:5px;}
.red{color:#F80000;}
.blue{color:#0069D2;}


.mp_header {font-size:36px; color:#000}
.mp_edit {margin:0 !important}

.tbl_headk thead .ss_header {text-align:center; background-color:#444; padding:8px; color:#fff; font-weight:normal; font-size:16px;}





/* 뷰페이지 라벨크기 */
#bo_v .panel-heading h6{line-height:180%;
    font-weight: bold;
    font-size: 14px;
    color: #000;}

/*추천수 숫자 크기 */
#bo_v_act .badge{    font-size: 10px;}

/* 공지사항 */
/* 260122 주석처리 */
/* #bo_list .bo_notice {font-weight: bold; background: #FFFFE4;} */

/* 게시물 마우스 오버시 배경 */
/* 260122 주석처리 */
/* #bo_list .panel-body tbody tr:hover {background: #FAFAFA;} */

#bo_w .file-del {max-width:200px; overflow:hidden;}
#bo_w .file-del {    margin-left: -2px;
    border-left: 1px solid #ccc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}

/* 댓글등록 버튼 */
.board_btn {height:100%; padding:0 20px;}

/* 웹진 노이미지 */
 .photo {line-height: 110px; margin: 0; font-size: 24px;}

 /* 웹진 최소이미지 크기 */
 .table_photo {min-width:150px;}

 /* 갤러리 마우스오버시 */
 #gall_ul .thumbnail {padding:0;  border-radius: 0;}
 #gall_ul .thumbnail a{text-decoration: none;     line-height: 180%;}
 #gall_ul .thumbnail a:hover{color:#999;}
 #gall_ul .thumbnail a.thumbnail {    border: 0; border-bottom: 1px solid #eee;}
 #gall_ul .thumbnail a.thumbnail:hover {  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);  opacity: 0.6;}
 #gall_ul .thumbnail:hover {border:1px solid #888; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); opacity:1;}

 /* 갤러리 이미지 크기 */
 @media (min-width:0px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:218px; line-height:218px;}
}
 @media (min-width:769px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:218px; line-height:218px;}
}
 @media (min-width:991px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:188px; line-height:188px;}
}
 @media (min-width:1200px) {
 #gall_ul .gall_href {border-bottom:1px solid #eee; min-height:170px; line-height:170px;}
}
 /* 갤러리 NEW 아이콘 위치 */
#gall_ul .new { position: absolute; top: 21px; left: 15px;}
#gall_ul .hit { position: absolute; top: 21px; right: 15px;}
#gall_ul .line-height {line-height: 40px;}

/* 태그 마우스오버 */
a.cate_label.tooltip-top:hover  {text-decoration:none; color:#cc0000;}

/*파일 첨부*/
#bo_w i.fa.fa-reply.fa-fw.fa-rotate-180 {margin-right:5px;}
a.file-on {width:100%;}
#bo_w input.form-control.file-input {font-weight:normal;}
#bo_w input.form-control {font-weight:normal;}
/*글쓰기 인풋폼 */
@media (min-width:992px){

input#wr_password {width:96%;}
input#wr_email {width:96%;}
input#wr_homepage {}
input#wr_link1 {width:96%;}
/* 사용자가 갯수 확장시 고려 */
input#wr_link3 {width:96%;}
input#wr_link5 {width:96%;}
}
@media (max-width:991px){
#bo_w .form-group.input-group.pull-left.col-md-6 {width:100%;}

.pb_c .pb_hd { width:100%; }
.pb_c .pb_con { width:100%;}
}

.mB15 {margin-bottom:15px;}
/* write */
.form-group label {width:100%;}
:last-child.input-group-addon {border:1px solid #ddd; border-radius:5px;}
.dategrp {padding:0;}
.dategrp .form-control {float:left;}
.form-group .radioLabel {display:inline}

.panel {
    float:unset;
}

/* view */
.pb_c {border-bottom:1px solid #c3c4bf; padding:0; background-color: #fff;}
.pb_content {border:0}
/* .pb_head {background-color:#ccc; padding:8px; color:#fff; background-color:#444; text-align:center; font-size:18px;} */
.pb_hd {
    /* float:left; */
    width:100%;
    /* max-width: 180px; */
    border-right:1px solid #c3c4bf;
    padding:10px;
    background-color:#f5f5f5;
    font-weight:normal;
    color:#555;
    text-align:center;
}
.pb_con {
    /* float:left;  */
    width:70%; padding:10px; background-color: #fff;font-size:17px;
}


#bo_vc {
    width: 100%;
    margin-top: 30px;
}
/* #bo_vc_w {border-top:3px solid #333; background-color:#fff;} */
.tbl_frm01 {
    border: 1px solid #ddd;
    background-color: #f5f4f0;
    border-radius: 0;
    font-size: 19px;
    text-align: center;
    padding-bottom: 3%;
    font-weight: 600;
}
.vc_cap {background-color:#444; padding:8px; font-size:18px; color:#fff;}
.vc_priv {
    /* padding:20px;
    margin:20px; */
    /* border:1px solid #ddd; */
    /* background-color:#fff; */
}
.vc_wrf {display:inline-block; background-color:#fff;}
.vc_wrf .pb_hd {border:0; color:#555;}
.vc_wrf .pb_c {border:0; border-top:1px solid #ddd;}

.vc_btns {text-align:center; padding:20px;}

#divLayer {width:50%; margin:0 auto; display:block; padding:20px;border:5px solid #ddd; border-radius:5px; display:none;}
#divLayer2 {display:none;}
.vc_wrEdit {}
.vc_wrEdit .pb_c {border:0;}
.vcW_hd {color:red;font-weight:bold;display:block;margin-bottom:10px;}
.vcW_txt {margin-bottom:20px;}
.vc_wrEdit .pb_con {padding:0 0 5px 0;}

#modi_title {margin-bottom:20px; color:#F80000;font-size:12pt;font-weight:bold;}

.vc_listH {margin:20px 0 5px; display:inline-block; width:100%;}
.vc_liHd {color:#F80000; padding:0; font-size:18px;}
/* .vc_liex {text-align:right; padding:0} */
.vc_lied {color:#0080FF;}
.vc_linum {color:#0080FF;text-align:right;}
.vc_mox {text-align:center; background-color:#444; padding:8px; font-size:18px; color:#fff; }

.vc_litable {}
.vc_litable th,.vc_litable td {text-align:center;padding:10px;}
.vc_litable th {background-color:#f5f5f5}
.vc_more {}
.vc_search {margin-top:20px;}

.clicktr {cursor:pointer;}
.commtd {background-color:#f1f1f1}
#fboardlist {
    /* 260122 주석처리 */
    /* background-color: #fff; */

    /* padding: 20px; */
    /* border-top: 3px solid #333; */
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.bo_timetable {text-align:center; margin-bottom:20px;}
.bo_index {display:inline-block; border:1px solid #c3c4bf; width:100%;}
.pb_sec {color:#9d1132}
.pb_gen {padding-top:21px;}
.pb_capt {padding:40px;}

.vc_list {background-color:#fff; padding:20px; border-top:3px solid #333; padding-top:40px;}

.vc_wrf .pb_hd {padding:29px 0;}
.pb_hd.pb_hd2 {padding:54px 0;}
.ui-datepicker {z-index:2 !important; background-color: #eee;}



.form-item {display:flex;width:100%;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size:14px;}
.form-item > div {display:flex;border-bottom: 1px solid #ccc;min-height: 46px;align-items: center;font-size: 14px;}
.form-item .form-item-title {flex-basis: 170px;text-align: right;padding:5px 10px 5px 0;background:#eee;}
.form-item .form-item-title label {width: 100%;margin: 0px;font-weight:600;}
.form-item .form-item-content { flex: 1;text-align: left;padding:8px 10px;}
.form-item .form-item-content label {font-weight: normal;margin:0 !important;cursor:pointer;vertical-align: baseline;}
.form-item .option-radio-wrap { flex-basis:100%; display:block; width:100%;  }
.form-item .option-radio-wrap > label { padding-right:10px; }
.form-item .option-checkbox-wrap { margin:0; padding:0; }
.form-item .option-checkbox-wrap > li { display: inline-block; margin-right:10px; padding:0; }
.form-item input[type="text"],
.form-item input[type="password"],
.form-item select { height:36px; border:1px solid #ccc; padding:0 10px; width:100%; font-size:16px; vertical-align: bottom;}
.form-item input[type="text"]:focus,
.form-item input[type="password"]:focus,
.form-item select:focus { background:#FFF2F2 !important;}
.form-item input[type="radio"],
.form-item input[type="checkbox"] { margin:0px !important;}
.form-item .help { width: 100%; margin-top: 8px; }
/* .form-item-tbl { margin-top:-1px; } */


/* after sizeing */
@media (max-width:1200px){
	.pb_aft57 {height:60px;}
	.bo_timetable img {width:100%;}
}




/* 260122 리뉴얼 */

/* 공통 */
.visible-xs {
    display: none;
}


/* 리스트 */
#bo_list .table {
    overflow: hidden;
    border-radius: 30px;
    background: #FFF;
    border-collapse: collapse;
    box-shadow: 5px 5px 30px 0 rgba(54, 87, 92, 0.15);
    margin-bottom: 20px;
}
#bo_list .table thead tr {
    background: #F7F7F7;
}
#bo_list .table thead tr th {
    padding: 20px;
    border: 1px solid #DDD;
    vertical-align: middle;
    color: #111;
    font-size: 0.9rem;
    font-weight: 700;
}
#bo_list .table tbody tr {
    text-align: center;
    border-bottom: 2px dashed #DDD;
}
#bo_list .table tbody tr td {
    vertical-align: middle;
    color: #111;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 137.5%;
    padding: 15px 10px;
    border-right: 1px solid #DDD;
}
#bo_list .table tbody tr:last-child,
#bo_list .table tbody tr td:last-child {
    border: none;
}


#bo_list .table tbody tr td.td_num {
    width: 100px;
    font-size: 0.9rem;
    line-height: 133.333%;
}
#bo_list .table tbody tr td.td_chk {
    width: 50px;
}
#bo_list .table tbody tr td.td_education_name {
    width: 540px;
    text-align: left;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.6px;
    padding: 15px 20px;
}
#bo_list .table tbody tr td.td_edu_period {
    width: 280px;
}
#bo_list .table tbody tr td.td_person_target {
    width: 260px;
}
#bo_list .table tbody tr td.td_application_status {
    width: 140px;
}
#bo_list .table tbody tr td.td_apply_yn {
    width: 140px;
    padding: 15px 0;
}
#bo_list .bo_notice {
    font-weight: bold; 
}
#bo_list .bo_notice .td_education_name > a {
    color: #0B5B66 !important;
}
#bo_list .panel-body tbody tr:hover {
    background: #F5FEFF;
}
#bo_list .btn-group,
#bo_list .btn-group .dropdown-menu {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#bo_list .btn-group .btn,
#bo_list .btn-group .dropdown-menu a {
    display: flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
    gap: 5px;
}

.pg_wrap {
    margin-top: 80px;
}

.ing { 
    display: inline-block;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid #06662B;
    background: #F9FFF5;
    color: #06662B;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 187.5%;
    letter-spacing: -0.48px;
}
.wait { 
    display: inline-block;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid #558cdf;
    background: #F9FFF5;
    color: #558cdf;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 187.5%;
    letter-spacing: -0.48px;
}
.fnsh {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #555;
    color: #FFF;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 187.5%;
    letter-spacing: -0.48px;
}
.expected {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid #A36EB4;
    background: #F9FFF5;
    color: #A36EB4;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 187.5%;
    letter-spacing: -0.48px;
}





/* 검색 */
#bo_sch > .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 80px;
}
#bo_sch > .form-inline > .input-group {
    display: flex;
    gap: 5px;
    align-items: center;
}
#bo_sch > .form-inline #sfl,
#bo_sch > .form-inline #sflco {
    display: flex;
    width: 150px;
    height: 50px;
    padding: 0 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #1A3050;
    background: #FFF;

    color: #333;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 137.5%;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M0.678483 1.126L4.94436 5.76188C5.01312 5.83657 5.09841 5.89652 5.19439 5.93762C5.29037 5.97872 5.39476 6 5.5004 6C5.60604 6 5.71043 5.97872 5.80641 5.93762C5.90239 5.89652 5.98769 5.83657 6.05645 5.76188L10.3223 1.126C10.7294 0.683502 10.3919 0 9.76627 0H1.23331C0.60768 0 0.270146 0.683502 0.678483 1.126Z' fill='%23666666'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 20px center;
}
#bo_sch > .form-inline #stx {
    height: 50px;
    padding-left: 20px;
    flex: 1 0 0;
    border-radius: 999px;
    border: 1px solid #1A3050;
    background: #FFF;
}
#bo_sch > .form-inline > .input-group .btn-default {
    width: 100px;
    height: 50px;
    padding: 0 15px;
    border-radius: 999px;
    border: 1px solid #1A3050;
    background: #1A3050;
    color: #FFF;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 137.5%;
}
#bo_sch input::placeholder {
    color: #555;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 137.5%;
}




#bo_w > #fwrite > .panel-default {
    width: 100%;
    padding: 50px;
    align-self: stretch;
    border-radius: 50px;
    background: #FFF;
    box-shadow: 5px 5px 30px 0 rgba(54, 87, 92, 0.15);
}
#bo_w h5 {
    font-size: 1.5rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

#bo_w input,
#bo_w select {
    height: 45px;
    padding: 0 10px;
    border: 1px solid #CFCFCF;
}

#bo_w #notice,
#bo_w #wr_10_1,
#bo_w #wr_10_2,
#bo_w #wr_10_3,
#bo_w #html {
    height: auto;
    padding: 0;
    border: none;
}

#bo_w .form-group {
    margin-bottom: 15px;
}

#bo_w label {
    display: inline-block;
    margin-bottom: 5px;
}

#bo_w .text-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#bo_w .text-center .btn-default {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #333;
    color: #FFF;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: -0.48px;
}
#bo_w .text-center .btn_ch {
    display: flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
}

#variableFiles {

}

#bo_w .link_wrap,
#bo_w #variableFiles > dt > .input-group {
    width: 100%;
    height: 45px;
    border: 1px solid #CFCFCF;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

#bo_w .link_wrap .input-group-addon,
#bo_w #variableFiles > dt > .input-group > .input-group-addon {
    display: flex;
    width: 135px;
    height: 100%;
    background: #F8F8F8;
    text-align: left;
    justify-content: center;
    align-items: center;
    flex-basis: auto;
    gap: 5px;
    padding: 0;
    color: #333;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
}
#bo_w .link_wrap input,
#bo_w #variableFiles > dt > .input-group > .file-input {
    flex: 1 0 0;
    padding: 0 10px;
    height: 100%;
    align-content: center;
    border: none;
}
#bo_w #variableFiles > dt > .input-group > .input-group-btn {
    display: flex;
    width: 50px;
    height: 100%;
    background: #F8F8F8;
    text-align: left;
    justify-content: center;
    align-items: center;
    flex-basis: auto;
    padding: 0;
    color: #333;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
}

/* view */
#bo_v {

}

#bo_v .pb_head {
    padding: 30px 0;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;
}
#bo_v .bo_index {
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;
    overflow: hidden;
}
#bo_v .pad_none {
    padding: 0;
}
#bo_v .bo_index .pb_hd {
    width: 30%;
}
#bo_v .bo_index .pb_c {
    width: 100%;
    display: flex;
    align-items: center;
}
#bo_v .bo_index .pb_c:last-child {
    border-bottom: none;
} 
#bo_v .bo_index .pb_c .add_file {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#bo_v .bo_index .pb_c .add_file .w100per {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.vc_priv {
    padding: 50px;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;
}
#agree {
    text-align: center;
    margin-top: 20px;
    padding: 20px 0;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #F5FEFF;
}
.vc_wrf {
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;
    overflow: hidden;
}

#bo_v_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

#bo_v_top .btn-group,
#bo_v_top .dropdown-menu {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#bo_v_top .btn-group .btn,
#bo_v_top .dropdown-menu li {
    display: flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
}

.vc_btns {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.vc_btns .btn-danger {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #1A3050;
    color: #FFF;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
}
.vc_btns .btn-default {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFF;
    color: #1A3050;
    font-size: 1.1rem;
    font-weight: 700;
    border: none;
    border: 1px solid #1A3050;
}
.vc_liex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.com_goto_btn {
    border: none;
    margin: 0 !important;
}


@media (max-width:1023px) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block;
    }

    #bo_sch > .form-inline {
        margin-bottom: 50px;
    }
    .pg_wrap {
        margin-top: 50px;
    }
    .vc_priv {
        padding: 30px;
    }
}

@media (max-width: 640px) {
    #bo_sch > .form-inline {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .pg_wrap {
        margin-top: 50px;
    }
}