@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;
	font-weight:700;
  }


.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;font-weight:700 !important;}
.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;*/background:#fff;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;*/background:#fff;}


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




label { font-weight: 500 !important; font-size: 0.8em; }

.input-sm {
    height: 36px;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
}
.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    padding: 6px 12px !important;
}



textarea {
    height:350px;
}

.input-sm {height:36px}

select {height:36px !important;}
input[type=file] { height: 38px; }

.w200 {width:100%;}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:120px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


.policy__tit{padding-bottom:20px;font-size:18px; font-weight:400; color:#222;}
.agree__msg{padding:30px;font-size:15px;color:#5d5d5d;border:1px solid #ccc;}
.policy__agree{padding:25px 40px; background:#fcfcfc; border:1px solid #ccc; border-top:0;}
.policy__agree label{display:inline-block; font-size:15px; color:#222; line-height:1;}
.policy__agree label:hover{text-decoration:underline;}
.policy__agree .is-agree{display:inline-block; position:relative; top:-1px; width:18px; height:18px; margin-right:12px; background:url('../img/chk.jpg') no-repeat bottom; vertical-align:middle; -webkit-appearance:none; appearance:none;cursor:pointer;}
.policy__agree .is-agree:checked{background:url('../img/chk.jpg') no-repeat top;}
.policy__agree input::-ms-check{display:none}


/* term */
.policy_contents {
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 15px
}

.btw { margin:50px auto; padding:15px 100px; font-size:15px; font-weight:500; border-radius: 50px !important;}

.boxin-footer { padding: 10px 0; text-align:center; }


/* 추가 */
input:focus {outline:none;}
input[type="checkbox"] { margin: 0px 0 0; }
input[type=checkbox], input[type=radio] { border:none !important } 

*:focus {
    outline: none;
}

textarea { border:1px solid #fff; }
textarea:focus { outline:none !important; border:1px solid #fff;}


/* pagination */
#board-default .board_pagination{text-align:center;overflow:hidden;margin-bottom:30px;}
#board-default .board_pagination strong{vertical-align:top;display:inline-block;width:40px;height:40px;background-color:#333;color:#fff;font-size:15px;line-height:40px;text-align:center;margin:0 3px}
#board-default .board_pagination a{vertical-align:top;display:inline-block;width:40px;height:40px;border:1px solid #e5e5e5;background-color:#fff;color:#6c6c6c;font-size:12px;line-height:38px;text-align:center;margin:0 3px}

#board-default .board_pagination .ic_pg_first{width:26px;height:30px;background:url('/uploads/media/pgn_arr_first.png') no-repeat center center}
#board-default .board_pagination .ic_pg_last{width:26px;height:30px;background:url('/uploads/media/pgn_arr_last.png.png') no-repeat center center}
#board-default .board_pagination .ic_pg_prev{width:26px;height:30px;background:url('/uploads/media/ar_prev.png') no-repeat center}
#board-default .board_pagination .ic_pg_next{width:26px;height:30px;background:url('/uploads/media/ar_next.png') no-repeat center}
#board-default .board_pagination .pull-left p{font-size:13px;color:#777;line-height:33px;font-family:'Montserrat','notokr',sans-serif}
#board-default .board_pagination a.disabled{cursor:default}
#board-default .board_pagination a.disabled > i{opacity:0.2}
@media (max-width:970px) {
	#board-default .board_pagination {margin-top:60px;}
}
@media(max-width:640px){
	#board-view-default .bw_contents {padding:25px 10px;}
	#board-default .board_pagination{margin-top:50px;}
	#board-default .board_pagination a{width:30px; height:30px; line-height:28px;}
	#board-default .board_pagination strong{width:30px; height:30px; line-height:28px;}
}
@media(max-width:480px){
	#board-default .board_pagination .first{display:none;}
	#board-default .board_pagination .last{display:none;}
	#board-default .board_pagination a{width:25px; height:25px; line-height:23px;}
	#board-default .board_pagination strong{width:25px; height:25px; line-height:23px;}
}


/* SearchBox */
.search-box{display:flex; justify-content:center; align-items:center; width:100%; padding-bottom:50px;}
.search-box .form{display:flex;	justify-content:center;	align-items:center;	width:100%;	font-size:0;}
.search-box .select{width:160px;height:50px !important;margin-right:5px;font-size:14px;padding:0 50px 0 20px;background:#fff url(/uploads/media/select_arrow.png) no-repeat right 20px center;border:1px solid #e5e5e5;-webkit-appearance:none;-moz-appearance:none;}
.search-box .select::-ms-expand {display:none;}
.search-box .search-input {width:100%; max-width:320px; width:100%; height:50px; padding-left:20px; font-size:14px; border:1px solid #e5e5e5;
background-color: #fff!important; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.search-box .btn-search {display:block;	flex-shrink:0; width:80px; height:50px;	font-size:14px;	color:#fff;	border:none;	background-color:#333; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.search-text {font-size:16px; color:#444; text-align:center;}
.search-text .color {color:#337ab7!important;}
@media(max-width:970px){
	.search-box .select{height:50px;}
	.search-box .search-input {height:50px;}
	.search-box .btn-search {height:50px;}
}
@media(max-width:640px){
	.search-box{background:none;padding-top:0;padding-bottom:30px;}
	.search-box .inner{padding:0}
	.search-box .select{flex-shrink:0; width:80px; padding:0 10px; background:#fff url(/uploads/media/select_arrow.png) no-repeat right 10px center;}
	.search-box .btn-search{width:70px}
	.search-text {font-size:14px;}
	.notice_txt {border-top:2px solid #222;}
}
@media(max-width:480px){
	.search-box .search-input{padding-left:10px;}
	.search-box .btn-search{width:60px}
}