.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:#666}
#bo_cate_ul li  #bo_cate_on {background-color:#666}
#bo_cate_ul {padding:10px 0; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;}

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

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /* 260121 주석처리 */
    /* 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;}
/* 게시판 목록 */
/*.td_date{font-family: 'NanumBarunGothicOTF', sans-serif;}*/
/* 260121 주석처리 */
/* #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%;
} */

/* 260121 주석처리 */
/* #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:100px;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%;} */

/* 260121 주석 처리 */
/* .ing { 
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
	background:#ff6a49;
    color: #fff;
	border: 1px solid #ff6a49;
	border-radius:8px;
}

.wait { 
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
	background:#558cdf;
    color: #fff;
	border: 1px solid #558cdf;
	border-radius:8px;
}

.fnsh {
    padding:10px;
    line-height: 1.6;
    border-radius: 3px;
    background: #B0B0B0;
    color: #000;
    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;
}



/* 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: 100%;
}
.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; */

    /* 260123 주석처리*/
    /* 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:#666; 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;}

/* 공지사항 */
#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%; 
    border-right: none;
}
.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 !important;}

.panel {}

/* view */
/* 260123 주석처리 */
/* .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:#666; text-align:center; font-size:18px;} */
.pb_hd {width:30%; border-right:1px solid #c3c4bf; padding:10px; background-color:#f5f5f5; font-weight:normal; color:#555; text-align:center; align-content: center;}
.pb_con {width:70%; padding:10px; background-color: #fff;font-size:17px;}

/* #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:#666; 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%; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* .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:#666; 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 {
    /* 260121 주석처리 */
    /* 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; 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; cursor: pointer;}
/* after sizeing */
@media (max-width:1200px){
	/* .pb_aft57 {height:60px;} */
	.bo_timetable img {width:100%;}
}



/* 260121 리뉴얼 내용 추가 */

/* 공통 */
.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;
    font-size: 0.9rem;
    font-weight: 700;
}

#bo_list .panel-body tbody tr:hover {background: #F5FEFF;} 

#bo_list .table tbody tr {
    text-align: center;
    border-bottom: 2px dashed #DDD;
}
#bo_list .table tbody tr td {
    vertical-align: middle;
    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;
    font-weight: 400;
    line-height: 133.333%;
}
#bo_list .table tbody tr td.td_chk {
    width:50px;
}
#bo_list .table tbody tr td.td_program_name {
    width:540px;
    text-align:left;
    overflow: hidden;
    color: #111;
    font-size: 1rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.6px;
    padding: 15px 20px;
}
#bo_list .table tbody tr td.td_use {
    width: 20%;
}
#bo_list .table tbody tr td.td_use_date {
    width: 20%;
}
#bo_list .table tbody tr td.td_applicant_count {
    width: 150px;
}
#bo_list .table tbody tr td.td_app_available {
    width: 140px;
    padding: 15px 0;
}

.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;
}

#bo_sch > .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    max-width: 640px;
    margin: 0 auto;
}
#bo_sch > .form-inline > .input-group {
    display: flex;
    gap: 5px;
    align-items: center;
}
#bo_sch > .form-inline #sfl {
    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_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;
}


/* 글쓰기 */
#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;
}
.oc .form-group {
    float: left;
    width: 100%;
} 



/* view */
.pb_c {
    display: flex;
    width: 100%;
    /* float: left; */
    border-bottom:1px solid #c3c4bf;
    padding:0;
    background-color: #fff;
}
.float_width {
    /* width: 100%;
    float: left; */
}
.pb_head {
    justify-content: center;
    background-color:#ccc; 
    padding:8px; color:#fff; 
    background-color:#666; 
    text-align:center; 
    font-size:18px;

    padding: 30px 0;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;

    overflow: hidden;
    color: #333;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.84px;
}
.bo_index,
.vc_wrf {
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 40px;
}
.pb_content {
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
}

#bo_v_top .btn-group, #bo_list .btn-group .dropdown-menu {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 30px 0;
}
#bo_v_top .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;
}
.vc_priv_box {
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    text-align: left;
}
.vc_priv_box_agree {
    padding: 20px 0;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #F5FEFF;
}

.vc_btns,
.water_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
#bo_vc .btn {
    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;
}
.vc_list {
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #DDD;
    background: #FFF;
    text-align: left;
}

.vc_listH input[type=button],
.vc_list input[type=button] {
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: -0.48px;
}

.vc_wrf {
    width: 100%;
}
.vc_wrf .pb_c {
    float: none;
    display: flex;
}
.vc_wrf input[type=text],
.vc_wrf input[type=password],
.vc_wrf input[type=wr_3] {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #DDD;
}


@media (max-width:1023px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block;
    }
    #bo_sch > .form-inline {
        margin-bottom: 50px;
    }
    .pg_wrap {
        margin-top: 50px;
    }

    #bo_w > #fwrite > .panel-default {
        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;
    }
}

@media (max-width: 360px) {
}