/* 버튼 */
a.btn,.btn{line-height:43px;height:43px;padding:0 10px;text-align:center;font-weight:500;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#000;color:#fff;;cursor:pointer;border:0}
/*버튼 오버색상 */
.btn_submit:hover {background:#e51873}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#000; color:#fff;text-decoration:none;vertical-align:middle}
/*버튼 오버색상 */
.btn_b01:hover, .btn_b01:hover {background:#e51873}
a.btn_b02,.btn_b02 {display:inline-block;background:#000;padding:0 50px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
/*버튼 오버색상 */
a.btn_b02:hover, .btn_b02:hover {background:#e51873}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}



/* 예약 버튼 */
.state {padding: 7px !important;}
.state span {padding: 5px 10px;box-sizing: border-box;display: block;color: #fff;font-weight: 400;}
.state .state_rec {background: #8ccecd;}
.state .state_ing {background: #444;} /* 예약신청 진한그레이*/
/* .state .state_end {background: #0099ff;}  예약완료 파란색*/
.state .state_end {background: #ef5480;} /* 예약완료 홍색*/
.state .state_stop {background: #ec2f32;}
.state .state_cancel {background: #ff6666;} /* 예약취소 빨강색*/




/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 게시판 테이블 값 기본 정의  */
.tbl_wrap table {width:100%;border-spacing: 0 5px; table-layout:fixed;border-top:solid 2px #222; border-bottom:solid 1px #ddd;} 
.tbl_wrap table, .tbl_head01 th, .tbl_head01 td{border-collapse:collapse; font-weight:300;}


.tbl_wrap caption {padding:10px 0;font-weight:500;text-align:left}
.tbl_head01 {width:100%}
.tbl_head01 table {width:100%}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;font-weight: 500;text-align:center; color:#333; border-bottom:1px solid #222; background:#fff;/*height:40px*/}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;/*background:#d7e0e2; */background:#fff; text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #ecf0f1}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:none}
.tbl_head01 .bo_notice .bo_tit a{color:#000;font-weight: 500}
.tbl_head01 .bo_tit a{color:#000;font-weight: 400}
.tbl_head01 .bo_notice .notice_icon{color:#fff;background:#996005; padding:3px 8px; font-size:14px; font-weight: 400;}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;/*background:#d7e0e2; */background:#fff; text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.btn_bo_user{float:right;}

#bo_btn_top {position:relative; margin-bottom:10px; overflow:hidden}
#bo_btn_top #bo_list_total{float:left;}
#bo_btn_top #bo_list_total .total_count{color:#996005;}
#bo_btn_top #bo_sch {float:right; padding:5px 0;}
#bo_btn_top #bo_sch .sch_input{width:170px}
/* 검색 */
#bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:1px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}

/*
#bo_sch select{
float:left;
width:170px;
height:42px;
line-height:42px;
text-indent:7px;
margin-right:10px !important;

font-size:0.9em;
border:solid 1px #ddd;
padding-left:10px;
border-right:0;
background:#ffffff url('../img/sel_i.png') no-repeat center right;
-webkit-appearance:none !important;
-moz-appearance::none !important;
appearance: none !important; 
}
#bo_sch select::-ms-espand{display:none;}
*/

#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
#bo_list .bo_tit img{vertical-align:middle}

/* 상담게시판 상태 버튼 */
.bnt_complete{margin:0 auto; font-size:12; padding:8px 15px; color:#fff; font-weight:400; background:#ef5480;}/* 완료 */
.bnt_noti{margin:0 auto; font-size:12;padding:8px 15px; color:#fff; font-weight:400; background:#333;}/* 공지 */
.bnt_wait{margin:0 auto; font-size:12; padding:8px 15px; color:#fff; font-weight:400; background:#888;}/* 대기 */
		


/* 게시판 목록 카테고리 */
#bo_cate { background:#fff;padding:7px;margin:10px 0;border:1px solid #ebbed1}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:0px;border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
#bo_cate #bo_cate_on {z-index:2;background:#fc1075;color:#fff;font-weight:500;border-bottom-color:#fc1075;
/*
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);
*/
}

.td_subject img {margin-left:5px}






/* 게시판뷰 */
#bo_v{position:relative;padding:0; margin: 40px auto 20px; width: 100%;} /* 공통사항 */
#bo_v header{ position:relative; padding:15px 0; border-spacing: 0 5px; border-top:solid 2px #222; border-bottom:solid 1px #ddd; overflow:hidden}
#bo_v header #bo_v_title{float:left; font-size:18px; color:#222; font-weight:500; }
#bo_v header #bo_v_info{float:right; color:#777; font-weight:400}
#bo_v header #bo_v_info h2{display:none;}
#bo_v_atc{padding:50px 0; border-bottom:solid 1px #ddd; overflow:hidden}
#bo_v_atc #bo_v_atc_title{display:none; }

.bo_v_com {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}

#bo_v_img{text-align:center}


/* 게시판뷰 게시글 폰트 정의*/
#bo_v #bo_v_con{font-size:16px; color:#666; line-height:24px;font-weight:400}




/* 진료예약 뷰 */
#captcha #captcha_key{ width: 170px;}
#res_v_con .bo_list_ul{ text-align: center; width:800px; margin:0 auto; border-bottom: 1px solid #cebadd;}
#res_v_con .bo_list_li{ width: 100%; text-align: left; line-height: 2.6em; border: 1px solid #cebadd; border-bottom:0; padding: 4px 0; box-sizing: border-box;}
#res_v_con .bo_list_li.last{ padding-left: 18px; box-sizing: border-box; position: relative;}
#res_v_con .bo_list_li.last:before{ content:"."; position: absolute; top:-9px; left:6px; display: block; font-size: 40px; color: #cebadd;}
#res_v_con .bo_list_li:after{ content:""; display: block; clear: both;}
#res_v_con .bo_list_li p{ width: 50%; float: left; padding-left: 18px; box-sizing: border-box; position: relative;}
#res_v_con .bo_list_li p:before{ content:"."; position: absolute; top:-12px; left:6px; display: block; font-size: 40px; color: #cebadd;}
#res_v_con .bo_list_li span{ display: inline-block; }

.state_change{ width: 410px; margin: 20px auto 30px; font-size: 16px;}
#res_v_con a.state_btn{ padding: 6px 12px; text-decoration: none; color: #fff; display: inline-block; box-shadow: 3px 3px 1px rgba(0, 0, 0, .3); margin-right: 25px; border-radius: 3px; transition: .2s;}
#res_v_con a.state_btn.one{background: #8ccecd;}
#res_v_con a.state_btn.two{background: #cec1bb;}
#res_v_con a.state_btn.three{background: #9195ec; margin-right:0;}
#res_v_con a.state_btn:hover{ transform: translate(3px,3px); }
#res_v_con a.state_btn.one:hover{background: #83c2c1;}
#res_v_con a.state_btn.two:hover{background: #baa8a0;}
#res_v_con a.state_btn.three:hover{background: #6d71ca;}






/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative; clear:both;}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}



/* 게시판 글쓰기 임시 저장목록 */
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:500;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}




/*예약하기*/
.date_wrapper{clear:both;position:relative;overflow:hidden; max-width:800px; margin:0 auto;}
.date_wrapper ul {list-style:none; }
.date_wrapper ul li{list-style:none;  }

.date_r {float:right; width:390px;height:410px;}
.date_l {float:left; width:390px; height:410px; padding:0 10px 0 0;}

.year_text a{text-decoration:none;}
.tit_month {position:relative; margin:15px auto; text-align:center; top:50px; font-size:19px; font-weight:bold; width:280px; border:0px solid #222; color:#000;}

.date_ok {position: absolute;font-size:13px;  height:40px;top:324px;right:0; padding:27px 15px 0 45px; margin:0px; border:0px solid #000;}
.date_ok_2 {position: absolute;color:#555; font-size:13px;  height:40px; padding:44px 15px 0 40px; margin:0px; border:0px solid #000;}
.date_ok_txt {position: relative; font-size:13px;  top:5px;}
.date_ok_txt1 {position: relative; font-size:13px;  top:10px;}

.date_ok{font-size:12px;color:#4c4c4c;font-weight:bold;}
.date_ok .date_choice{font-size:14px;color:#cc3333;}


.input5 {width:170px; height:17px; margin-top:8px;border:1px solid #b9b9b9; background:#fff; padding:5px; color:#444;}

.schedule01 { position:relative;margin-top:5px; width:390px; height:410px;  background:url(/theme/basic/skin/board/reserve_calendar/img/date_bg.png) no-repeat; }
.schedule02 { position:relative;margin-top:15px; width:390px; height:410px;  background:url(/theme/basic/skin/board/reserve_calendar/img/time_bg.png) no-repeat; }

.schedule .sch_txt{height:41px; font-size:20px; width:250px; text-align:center; font-weight:bold;}
.schedule .month{color:#f33c56}
.schedule .sch_txt a{display:block;text-indent:-1000px; width:18px; height:18px;overflow:hidden; border-top:0px solid #745091;}
.schedule .btn_before{position:relative;margin-right:20px;background:url(/theme/basic/skin/board/reserve_calendar/img/arrow_l.png) no-repeat 0 8px;text-indent:-9999em;}
.schedule .btn_next{position:relative;margin-left:20px;background:url(/theme/basic/skin/board/reserve_calendar/img/arrow_r.png) no-repeat 0 8px;text-indent:-9999em;}

.schedule .btn_before a{position: relative;vertical-align:middle;display:inline-block;width:14px;height:14px;overflow:hidden;text-indent:-9999em;}
.schedule .btn_next a{position: relative;vertical-align:middle;display:inline-block;width:14px;height:14px;overflow:hidden;text-indent:-9999em;}

.schedule table{width:310px; height:210px; margin:75px auto 0px auto; border-collapse: collapse; border-spacing:0;  border-top:0px solid #745091; border-width:0 0 0 0; }
.schedule table th,.schedule table td{width:14%; font-size:14px; text-align:center; color:#888;}
.schedule table th{border:0px solid #d3d3d3; border-width:0 0 0 0}
.schedule table td{border:0}
.schedule table th:first-child,.schedule table td:first-child a{color:#d90a3b}
.schedule table th:first-child,.schedule table td:first-child{color:#d90a3b}
.schedule table th.last,.schedule table td.last{color:#147ac1;}
.schedule table td a{display:block}
.schedule table td:hover {color:#fff; background:url(/theme/basic/skin/board/reserve_calendar/img/schedule_bg_on.png) no-repeat center center}
.schedule table td.yes{color:#000; background:url(/theme/basic/skin/board/reserve_calendar/img/schedule_bg.png) no-repeat center center;cursor:pointer;}
.schedule table td.on{color:#fff; background:url(/theme/basic/skin/board/reserve_calendar/img/schedule_bg_on.png) no-repeat center center}
.schedule table td.today{color:#488fc5;font-weight:bold}
.schedule table td.on a{color:#fff;}

.schedule table td.red {color:#d90a3b;}

.schedule .time{position:relative; width:388px; height:305px; top:36px; overflow-y:scroll; }
.schedule .time_list{position:relative;  height:280px;}
#time_list2{padding-left:20px;}
.schedule .time_check{color:#de3f69; }
.schedule .time_cls{font-size:14px;line-height:29px;}
.schedule .time_cls a{color:#666666;text-decoration:none !important;}
.schedule .time_cls a:hover,.schedule .time_cls a.on{color:#25bebc !important;text-decoration:none !important;}
.schedule .time_cls a:visited{color:#666666;text-decoration:none !important;}
.schedule .time_cls a:active{color:#07bcf5;text-decoration:none !important;}
/* 예약하기 */


/* 글쓰기 개인정보취급방침 체크 */
.write_div textarea.field{border:1px solid #ccc;background:#fff; font-size:14px;  color:#444;vertical-align:middle;/*border-radius:3px;*/ padding:20px; width:100%;height:120px;overflow:hidden
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}

.write_div p.agree1_check{padding:10px; text-align:right; overflow:hidden}
.write_div p.agree1_check input{vertical-align:middle;}


/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:500;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:400}
.bo_vc_hdinfo{float:right;/*font-style:italic;*/color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:50px 0px ;margin:0; font-size:16px; color:#666; /*background: #f8fafb;border-radius:5px;*/border-bottom: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}



.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff; font-size:16px;  color:#666;vertical-align:middle;/*border-radius:3px;*/ padding:5px;width:100%;height:120px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;/*border-radius:3px;*/font-weight:500;font-size:1.083em;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }

.btn_confirm #wr_secret{vertical-align:middle}
.btn_confirm .fa-lock{vertical-align:middle}





/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}

.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {margin:0;padding:0; width:95%; border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:0px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/*
.tbl_frm01 textarea {padding:2px 2px 3px}
*/
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;color:#666; text-align:center}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.td_num2{width:50px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:500}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:500;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#777}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:0px;}
.pg_page:hover{background:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}

.pg_start:hover{background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;border:2px solid #bbbcc3;}
.pg_prev:hover{background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;border:2px solid #bbbcc3;}
.pg_end:hover{background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;border:2px solid #bbbcc3;}
.pg_next:hover{background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;border:2px solid #bbbcc3;}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:500;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:0px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 공용 버튼 */
.btn {/*border-radius:5px; padding:3px 8px !important; cursor:pointer; font-size:13px;*/ cursor:pointer; }
.btn:hover {text-decoration:none;}
a[class*='btn'] {position:relative;/* top:1px;*/}
ul.btn_bo_user li{float:left;margin-left:5px;}

/* button theme */
.btn-black {background-color: #30383A !important; border: 1px solid #4e453c; color: #fff !important;}
.btn-black:hover {background-color: #3d494c !important;}
.btn-green {background-color:#76b830 !important; border:1px solid #76b830; color: #fff !important;}

a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}