@charset "utf-8";
/* 버튼 */

/*
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;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:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_confirm .btn_submit {height:35px}
.btn_submit:hover {background:#0025eb}

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:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
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}


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



/* 기본테이블 list*/

.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;word-break:break-all}
.td_subject{text-align:left !important; padding-left:10px !important;}
.td_name{text-align:center !important;}


/* 폼 테이블 */
.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 {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;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}




/* 새창 기본 스타일은 admin.css 에서 처리할 것 */


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










.form-control {
    display: inline-block !important;
	color:#777;
}

h4 {
    position: relative;

  }
  
h4.one {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
h4.one:before {
    content: "";
    display: block;
    border-top: 2px dotted #ccc;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
h4.one span {
    background: #fff;
    color:#555; 
    padding: 0 20px 0 0;
    position: relative;
    z-index: 5;
  }


.table>tbody>tr>td  input {
padding:0px 0; 

}


.w80{
width:80px;
}

.w100{
width:100px;
}

.w120{
width:120px;
}

.w150{
width:150px;
}

.w200{
width:200px;
}


input[type=checkbox], input[type=radio] {

    margin-top: -1px;
	margin-right:5px;
    line-height: normal;
	vertical-align: middle; 
}

.ckra {
display:inline-block;
width:100px;
}


.table>tbody>tr>td .btn {
    display: inline-block;
    padding: 4px 10px;
	}


.tarea {
word-break:break-all; height:80px; resize: none; border:1px solid #ddd;padding:5px 10px;
}


/* list */
.tbl01 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #ddd;border-left:1px solid #ddd}
.tbl01 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl01 th {padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f1f1f1;text-align:center;}
.tbl01 td {padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
@media all and (max-width:767px){
/*
	.tbl01 .writer {display:none}
	.tbl01 .etc {display:none}
	.tbl01 .date {width:10% !important;}
	.tbl01 .subject {width:90% !important;}
*/
}


.td_center { text-align:center; }
.td_left { text-align:left; }


/* write */

.table {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.table caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.table th {height:50px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#ddd}

.ui_list .table th {height:30px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f1f1f1}

.table td {border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
@media all and (max-width:991px){
	.table,
	.table thead,
	.table tbody,
	.table tr,
	.table th,
	.table td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.table {border-top:1px solid #ddd}
	.table tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.table th {position:relative;height:25px;color:#286090 !important;background-color:#fff !important;border-top:0 none;float:left;width:100%;border-right:0;border-bottom:0;box-sizing:border-box}/* ie9에서 float을 줘야함 */
	.table td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box;padding-bottom:10px !important;}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
}




@media (max-width: 991px) {

input { vertical-align: middle; }
.table td span { vertical-align: top;   }

}



/* view */
.tbl02 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #ddd;border-left:1px solid #ddd}
.tbl02 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl02 th {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f9f9f9;text-align:left;}
.tbl02 th label { margin-bottom:0px; white-space: nowrap;}
.tbl02 td {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
@media all and (max-width:767px){

.tbl02 th {display:none;}
.tbl02 td {width:50%;vertical-align: top;border-top:1px solid #ddd; }
.tbl02 td p {margin:0px !important;color:#357ca5;}
.tbl02 .color p {color:#333 !important;font-size:14px !important;}
 
/* 
#bo_vc .tbl02 {border-bottom:1px solid #ddd;border-top:0px solid #ddd;}
#bo_vc .tbl02 td {width:50%;vertical-align: top;}
#bo_vc .tbl02 td {border-right:1px solid #ddd;border-bottom:0px solid #ddd;border-top:0px solid #ddd;}
*/
}



/* view */
.tbl03 {border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #ddd;border-left:1px solid #ddd}
.tbl03 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl03 th {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f9f9f9;text-align:left;}
.tbl03 th label { margin-bottom:0px; white-space: nowrap;}
.tbl03 td {padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
@media all and (max-width:767px){

.tbl03 th {display:none;}
.tbl03 td {width:50%;vertical-align: top;border-top:1px solid #ddd; }
.tbl03 td p {margin:0px !important;color:#357ca5;}
.tbl03 .color p {color:#333 !important;font-size:14px !important;}
}


/* Comment */


#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500}

#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.cmt_btn{background:url('../../../img/cmt_btn.png') no-repeat 160px 22px;outline:0;text-align:left ;width:100% ;border:0;font-size:20px;margin: 20px 0 0px;padding:10px  0;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.cmt_btn_op{background:url('../../../img/cmt_btn.png') no-repeat 160px  -10px}


.bo_vc_title {font-size:20px;margin-top:20px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#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_sns {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 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}




.comment-media { margin:10px 0px; }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:10px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; min-height:60px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }



#fviewcomment {padding:10px;border:1px solid #ddd;background:#f1f1f1;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {
    font-weight: bold;
}


#bo_vc_w .form-control {
    display: block !important;
	color:#777;
}

.bo_vc_w .form-control {
    display: block !important;
	color:#777;
}





.color_red { color:#dd4b39 }
.color_yellow { color:#f39c12  }
.color_green { color:#00a65a }
.color_blue { color:#3c8dbc }
.color_sky { color:#00c0ef }




/*

.form-control {
    display: inline-block !important;
	color:#777;
}



h4 {
    position: relative;

  }
  
h4.one {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
h4.one:before {
    content: "";
    display: block;
    border-top: 2px dotted #ccc;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
h4.one span {
    background: #fff;
    color:#555; 
    padding: 0 20px 0 0;
    position: relative;
    z-index: 5;
  }

.icheckbox_flat-green, .iradio_flat-green {
height:15px;
}


.table>tbody>tr>td {

padding-top:0px;
padding-bottom:0px;

}

.table>tbody>tr>td label {
padding:15px 10px; background:#f9f9f9;
border-bottom:1px solid #eee;

}

.first {
border-top:1px solid #eee;
}

.table>tbody>tr>td .line {
padding:15px 10px; 
border-bottom:1px solid #eee;
}



.table>tbody>tr>td .selip {
padding:9px 10px; 
border-bottom:1px solid #eee;
}





.table>tbody>tr>td  input {
padding:0px 0; 

}




.w100{
width:100px;
}

.w120{
width:120px;
}

.w150{
width:150px;
}

.w200{
width:200px;
}




.btn {
    display: inline-block;
    padding: 4px 10px;

	}







input[type=checkbox], input[type=radio] {

    margin-top: -1px;
	margin-right:5px;
    line-height: normal;
	vertical-align: middle; 
}


.ckra {
display:inline-block;
width:100px;
}


.tarea {
width:100%; word-break:break-all; height:100px; resize: none; border:1px solid #ddd;padding:5px 10px;

}




@media (max-width: 991px) {

.table>tbody>tr>td label {
padding:15px 10px 5px 10px; 
background:#fff;
border-bottom:0px solid #eee;
}

.first {
border-top:0px solid #eee;
}


.table>tbody>tr>td .line {
padding:5px 10px 15px 10px; 
border-bottom:1px solid #eee;
}


input {
	vertical-align: middle; 
}


}


*/