@charset "utf-8";
/*
	max css var.1
	date : 2018-05-09
	name : design team koh won ji
	
*/

.contents {padding-bottom:20vh;}

/* board */
.bo_lst_wrap {width:100%; height:auto;}
.bo_lst_wrap .total {margin-top:5vh; font-size:13px;}
.bo_lst_wrap .no_image {display:block; width:100%; height:auto;}
.bo_lst_wrap .no_image img {max-width:100%;}
.bo_lst_wrap .thumbnail {display:block; width:100%; height:auto;}
.bo_lst_wrap .thumbnail img {max-width:100%;}
.bo_line {display:block; width:100%; height:1px; background:#e1d8cd; margin-top:3vw;}

/* list */
.bo_lst {width:100%; height:auto; border:1px solid #e1d8cd; border-left:none; border-right:none; margin-top:10px;}
.bo_lst ul {width:100%; height:auto; overflow:hidden; padding:20px 0;}

/* list : type1 */
.bo_lst_type1 li {float:left; width:31.33%; margin:20px 0;}
.bo_lst_type1 li:nth-child(3n+1) {margin-right:3%;}
.bo_lst_type1 li:nth-child(3n+2) {margin-right:3%;}
.bo_lst_type1 li a {display:block; width:100%; height:100%; position:relative;}
.bo_lst_type1 li a div {position:absolute; bottom:0; left:0; background:rgba(15,31,42,0.6); width:100%; height:auto; box-sizing:border-box; padding:20px; transition:all ease-in 0.1s;}
.bo_lst_type1 li a h4 {color:#fff; font-size:18px; font-weight:400;}
.bo_lst li a .bo_lnk {color:#fff; font-size:13px; visibility:hidden; position:absolute; bottom:15px; left:20px; opacity:0; transition:all ease-in 0.1s;}
.bo_lst li a .bo_lnk i {display:inline-block; width:0; height:1px; background:#fff; position:relative; top:2px; right:-16px; transition:all ease-in 0.1s;}
.bo_lst li a .bo_lnk i:before {content:''; width:0; height:1px; background:#fff; position:absolute; bottom:5px; right:-2px; transform: rotate(45deg); transition:all ease-in 0.1s;}
/* list : type1 : hover */
.bo_lst_type1 li a:hover div {padding-bottom:50px;}
.bo_lst li a:hover .bo_lnk {opacity:1; visibility:visible;}
.bo_lst li a:hover .bo_lnk i {width:32px;}
.bo_lst li a:hover .bo_lnk i:before {width:15px;}
/* list : type1 : write */
.bo_lst_type1 li .bo_write {border:1px solid #e1d8cd; box-sizing:border-box; padding:20px; display:flex; justify-content:space-between; align-items:center;}
.bo_lst_type1 li .bo_write .bo_date {color:#797979; font-size:13px;}
.bo_lst_type1 li .bo_write mark {height:20px; line-height:20px; background:url("../../../image/commu/ico_hit1.png") 0 0 no-repeat; background-size:20px; padding-left:25px; font-size:13px;}
@media screen and (max-width: 1024px) {
	.bo_lst_type1 li a h4 {font-size:16px;}
}
@media screen and (max-width: 800px) {
	.bo_lst_type1 {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.bo_lst_type1 li {float:none; width:48%; height:100%; margin:20px 0;}
	.bo_lst_type1 li:nth-child(3n+1) {margin-right:0;}
	.bo_lst_type1 li:nth-child(3n+2) {margin-right:0;}

	.bo_lst_type1 li a div { padding-bottom:50px; }
	.bo_lst li a .bo_lnk { opacity:1; visibility:visible; }
	.bo_lst li a .bo_lnk i {width:32px;}
	.bo_lst li a .bo_lnk i:before {width:15px;}
}
@media screen and (max-width: 740px) {
	.bo_lst_wrap .no_image img, 
	.bo_lst_wrap .thumbnail img {width:100%;}
	.bo_line {margin-top:5vh;}
	.bo_lst_type1 li {width:100%; margin:10px 0;}
	.bo_lst_type1 li:nth-child(3n+1) {margin-right:0;}
	.bo_lst_type1 li a h4 {font-size:13px;}
	.bo_lst_type1 li a .bo_lnk {font-size:11px;}
}

/* no data */
.no_data { width:100%; height:auto; padding:10vh 0; text-align:center; }

/* board search */
.bo_sch_box {width:100%; height:auto; text-align:center; margin:40px 0 0 0;}
.bo_sch_box fieldset {height:43px; margin:0 auto; display:inline; position:relative;}
.bo_sch_box select {width:100px; font-size:13px;}
.bo_sch_box input {margin:0 3px; width:302px; font-size:13px;}
.bo_sch_box button {position:absolute; top:7px; right:7px; background:url("../../../image/commu/bt_sch.png") center no-repeat #fff; background-size:32px; width:32px; height:32px; font-size:0;}
@media screen and (max-width: 740px) {
	.bo_sch_box fieldset {width:280px;}
	.bo_sch_box input {width:170px;}
	.bo_sch_box button {top:5px;}
}

/* view */
.bo_v_wrap {width:100%; height:auto; margin-top:10vh; margin:0 auto; }

.bo_v_cont_t {border-bottom:3px solid #bf9a18; padding-bottom:30px;}
.bo_v_cont_t span {font-size:20px;}
.bo_v_cont_t h4 {font-size:35px; font-weight:400; letter-spacing:-0.03em; position:relative; padding:10px 0 20px;}

/* view : bo_v_cont */
.bo_v_cont {width:100%; height:auto; padding-top:10vh;}
.bo_v_cont p {padding-top:20px; line-height:160%;}
.bo_v_cont dt {font-weight:600; margin-top:8vh;}
.bo_v_cont dt:after {content:''; display:block; width:5px; height:2px; background:#000; margin-top:20px;}
.bo_v_cont dd {line-height:160%;}

@media screen and (max-width: 1600px) {
	.bo_v_wrap {width:93.66%;}
}

@media screen and (max-width: 768px) {
	.bo_v_cont h4 {font-size:30px;}
}
@media screen and (max-width: 740px) {
	.bo_v_cont h4 {font-size:23px; padding-bottom:20px;}
	.bo_v_cont p {padding-top:20px;}
	.bo_v_cont dt {font-size:19px; padding:5px 0 0 0;}
	.bo_v_cont dt:before {width:36px; height:36px;}
}

/* view : lawyer_in */
.member_wrap {width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:17vh;}
.member_wrap .member_in {width:49%; background:#f3f3f3; box-sizing:border-box; padding:27px 22px;}
.member_wrap .member_in h4 {font-weight:400;}
.member_wrap .member_in_box {width:100%; height:auto; overflow:hidden; margin-top:20px;}
.member_wrap .member_in_box li {width:50%; float:left;}
.member_wrap .member_in_box .im_box {display:block; width:94px; height:auto; float:left;}
.member_wrap .member_in_box .im_box img {max-width:100%;}
.member_wrap .member_in_box dl {float:left; width:180px; box-sizing:border-box; padding-left:20px;}
.member_wrap .member_in_box dt {font-weight:600;}
.member_wrap .member_in_box dt:after {content:''; display:block; width:24px; height:3px; background:#bf9a18; margin-top:10px;}
.member_wrap .member_in_box dt span {display:block; font-size:13px;}
.member_wrap .member_in_box dd {margin-top:20px;}
.member_wrap .member_in_box a {display:block; font-size:13px;}

@media screen and (max-width: 1600px) {
	.member_wrap .member_in_box dl {width:150px;}
}

@media screen and (max-width: 1024px) {
	.member_wrap .member_in {width:100%; margin-top:20px;}
}

@media screen and (max-width: 768px) {
	.member_wrap .member_in {width:100%; margin-top:20px;}
}

@media screen and (max-width: 740px) {
	.member_wrap .member_in_box li {width:100%; margin-bottom:20px;}
	.member_wrap .member_in_box li:last-child {margin-bottom:0;}
	.member_wrap .member_in_box .im_box {width:30%;}
	.member_wrap .member_in_box dl {width:70%;}
}

/* wirte/modify */
.bo_w_wrap {width:100%; height:auto; border-top:1px solid #e1d8cd; margin-top:5vw;}
.bo_w_wrap ul {}
.bo_w_wrap li {border-bottom:1px solid #e1d8cd; padding:20px 0;}
.bo_w_wrap li label {display:block;}
.bo_w_wrap li select,
.bo_w_wrap li input, 
.bo_w_wrap li textarea {margin-top:10px;}
.bo_w_wrap li input,
.bo_w_wrap li textarea {width:100%;}
.bo_w_wrap li textarea {height:250px;}

/* board button */
.bo_btns {width:100%; height:auto; text-align:center; margin-top:40px;}
.bo_btns.view_btns {display:flex; justify-content:space-between;}
.bo_btns button {display:inline-block; border:1px solid; border-radius:4px; padding:15px 80px; font-size:13px;}
.bo_btns button:hover {background:#e1d8cd; border:1px solid #e1d8cd;}
/* board button arrow */
.bo_btns i {display:inline-block; width:32px; height:2px; background:#3e3a39; position:relative; top:2px; right:-16px;}
.bo_btns i:before {content:''; width:15px; height:2px; background:#3e3a39; position:absolute; bottom:5px; right:-2px; transform: rotate(45deg);}
/* board button next */
.bo_btns .bt_next {padding:15px 20px; border:0;}
.bo_btns .bt_next:hover {background:none; border:0;}
.bo_btns .bt_next:hover i, 
.bo_btns .bt_next:hover i:before {background:#f4b53e;}
/* board button prev */
.bo_btns .bt_prev {padding:15px 20px; border:0;}
.bo_btns .bt_prev i {left:-16px; right:0;}
.bo_btns .bt_prev i:before {left:-2px; right:0; transform: rotate(-45deg);}
.bo_btns .bt_prev:hover {background:none; border:0;}
.bo_btns .bt_prev:hover i, 
.bo_btns .bt_prev:hover i:before {background:#f4b53e;}

@media screen and (max-width: 740px) {
	.bo_btns {margin-top:4vh;}
	.bo_btns button {padding:8px 20px; font-size:12px;}
	.bo_btns i {width:25px; right:-10px;}
	.bo_btns i:before {width:10px; bottom:3px;}
	.bo_btns .bt_next, 
	.bo_btns .bt_prev {padding:12px 25px;}
	.bo_btns .bt_prev i {left:-10px;}
}
.lawbox_01 { position:relative; text-align:center; padding-top:5px; }
.lawbox_01:after { content: '정'; position: absolute; left: 0; z-index: 2; display: block; background: #bf9a18; font-size: .75em; width: 20px; height: 20px; line-height: 20px; color: #FFF; font-weight: 400; top: 5px;}
.lawbox_01 img { border:2px solid #bf9a18; box-sizing: border-box; width:100%; }

.lawbox_02 { position:relative; text-align:center; padding-top:5px; }
.lawbox_02:after { content: '부'; position: absolute; left: 0; z-index: 2; display: block; background: #bf9a18; font-size: .75em; width: 20px; height: 20px; line-height: 20px; color: #FFF; font-weight: 400; top: 5px;}


/* 19.01.21 민경용 추가 */
.bo_write_btn { width: 100%; height: auto; text-align: right; margin-top: 40px; }
.bo_write_btn .btn_write { padding:10px 60px; border:1px solid #CCC; border-radius:5px; }

.frm_input { height: 40px;}
.full_input { width: 100%; box-sizing: border-box; }
.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);
}
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}


#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#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:bold;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;}

#bo_w .write_div{margin:10px 0;position:relative}
#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; box-sizing:border-box;} 
#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}

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.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}
.btn_confirm {text-align:right} 

/* 19.01.21 민경용 추가 */
.bo_write_btn { width: 100%; height: auto; text-align: right; margin-top: 40px; }
.bo_write_btn .btn_write { padding:10px 60px; border:1px solid #CCC; border-radius:5px; }