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

/* 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;}

/* 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 : type3 */
.bo_lst_type3 {display:flex; flex-wrap:wrap;}
.bo_lst_type3 li {float:left; width:31%; margin:20px 0; position:relative; margin-left:2%;}
.bo_lst_type3 li a {display:block; width:100%; height:300px; position:relative; overflow:hidden; background-color:#0f1f2a; border-radius:15px;}
.bo_lst_type3 li .tt_box {position:absolute; top:0; left:0; z-index:2; box-sizing:border-box; padding:40px;}
.bo_lst_type3 li a em {display:block; color:#fff; text-align:justify; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.8em; min-height:160px; height:160px;}

.bo_lst_type3 li a .bo_date {display:block; color:#fff; opacity:0.8; font:600 13px 'roboto'; position:relative; text-align:right; margin-top:30px;}
.bo_lst_type3 li a .bo_date:before {content:''; background:rgba(255,255,255,0.8); width:40px; height:2px; position:absolute; top:50%; right:80px; transform:translateY(-50%);}
.bo_lst_type3 li .mask_box {width:100%; height:300px; position:absolute; top:0; left:0; border-radius:15px; filter: blur(4px); opacity:0.3; background-repeat:no-repeat; background-position:center; background-size:cover;}

/* list : type1 : write */
.bo_lst_type3 li .bo_write {position:relative; margin:20px 0 0 20px;}
.bo_lst_type3 li .bo_write:before {content:''; position:absolute; top:-6px; left:16px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #f4b53e;}
.bo_lst_type3 li .bo_write span {display:block; position:relative; padding:15px 0 0 60px; font-size:15px;}
.bo_lst_type3 li .bo_write span:before {content:''; position:absolute; top:0; left:0; width:48px; height:48px; border-radius:100%; background:url("../../../image/commu/ico_user.png") center no-repeat #f4b53e; background-size:24px;}

/* 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; }

@media screen and (max-width: 1024px) {
	.bo_lst_type3 li a {height:250px;}
	.bo_lst_type3 li .tt_box {padding:20px;}
}

@media screen and (max-width: 800px) {
	.bo_lst_type3 {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.bo_lst_type3 li {float:none; width:48%; height:100%; margin:20px 0;}
	.bo_lst_type3 li:nth-child(3n+1) {margin-right:0;}
	.bo_lst_type3 li:nth-child(3n+2) {margin-right:0;}
	.bo_lst_type3 li .tt_box {padding:3vh 4vw;}
}
@media screen and (max-width: 740px) {
	.bo_lst_type3 li {width:100%; padding-bottom:25px; margin:10px 0; border-bottom:1px solid #e1d8cd;}
	.bo_lst_type3 li:last-child {border-bottom:none; padding-bottom:0;}
	.bo_lst_type3 li a {height:260px;}
	.bo_lst_type3 li .tt_box {padding:25px;}
	.bo_lst_type3 li .bo_write:before {left:8px;}
	.bo_lst_type3 li .bo_write span {padding:7px 0 0 40px;}
	.bo_lst_type3 li .bo_write span:before {width:32px; height:32px; background-size:16px;}
}

/* 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; display:flex; justify-content:space-between; padding-bottom:100px;}

.pic { width: 567px; height: 831px; }
.pic img { width: 100%; height: 100%; }

.bo_v_cont { width: 627px; height: 831px; box-sizing: border-box; padding: 50px; background: #faf9f7; box-shadow: 6px 6px 0px 0 rgba(0,0,0,0.2); position: relative; }
.bo_v_cont .bo_cont_box {margin-bottom:50px;}
.bo_v_cont .bo_cont_box p {border-bottom:1px solid #b1b0b0; padding:16px 0; display:flex;}
.bo_v_cont .bo_cont_box p span {display:block; width:80px; border-right:1px solid #b1b0b0; margin-right:20px;}
@media screen and (max-width: 1366px) {
	.pic {width:45%;}
	.bo_v_cont {width:50%;}
}
@media screen and (max-width: 1024px) {
	.bo_v_wrap {display:block;}
	.pic {width:65%; height:auto; margin:50px auto 0;}
	.bo_v_cont {width:65%; height:auto; margin:0 auto;}
}
@media screen and (max-width: 768px) {
	.pic {width:100%;}
	.bo_v_cont {width:100%;}
}
@media screen and (max-width: 740px) {
	.bo_v_cont {padding:30px;}
}

/* view : lawyer_in */
.member_wrap {width:100%; height:auto; box-sizing:border-box; padding:50px; display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; bottom:0; left:0;}
.member_wrap > div {border:1px solid #d3d2d1; box-sizing:border-box; padding:14px;}
.member_wrap h4 {width:100%; font-size:22px; font-weight:600;}

.member_wrap .user_in {width:40%; display:flex; flex-wrap:wrap; align-content:flex-start;}
.member_wrap .user_in .im_box, 
.member_wrap .user_in .tt_box {display:block; margin-top:20px;}
.member_wrap .user_in .tt_box {padding:36px 0 0 20px; font-size:13px;}

.member_wrap .member_in {width:58%;}
.member_wrap .member_in .box {width:100%; height:auto; overflow:hidden; margin-top:20px;}
.member_wrap .member_in .box li {flex:1; display:flex; align-content:flex-start;}
.member_wrap .member_in .box .im_box {display:block;}
.member_wrap .member_in .box .im_box img {width:82px; height:100px;}
.member_wrap .member_in .box dl {padding:0 0 0 20px;}
.member_wrap .member_in .box dt {font-weight:600; font-size:15px;}
.member_wrap .member_in .box dt:after {content:''; display:block; width:24px; height:3px; background:#bf9a18; margin-top:10px;}
.member_wrap .member_in .box span {display:block; font-size:inherit;}
.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: 1024px) {
	.member_wrap {position:static; padding:0; margin-top:100px;}
}

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

/* wirte/modify */

#bo_w { width: 1280px; height: auto; padding-bottom: 20vh; margin:200px auto 0;  }
#bo_w h2 { font-size:1.25em; font-weight:900; }

#bo_w form { padding:30px 0; }


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


/* 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("http://onestoptax.co.kr/theme/onestar/skin/board/issue_onestop/./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{  }
#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: 30px; 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; }