@charset "utf-8";
/* select 초기화 */
select {border-radius:0; /* 아이폰 사파리 보더 없애기 */ 
		-webkit-appearance:none; /* 화살표 없애기 for chrome*/ 
		-moz-appearance:none; /* 화살표 없애기 for firefox*/ 
		appearance:none; /* 화살표 없애기 공통*/ 
		}
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }

/* 게시판 레이아웃*/
#bo_list {width:94%; max-width:1200px; margin:0 auto; padding-bottom:80px}
#bo_v {width:94%; max-width:1200px; margin:0 auto; padding-bottom:85px}
#bo_w {width:94%; max-width:1200px; margin:0 auto; padding-bottom:80px}
#bo_gall {width:94%; max-width:1200px; margin:0 auto; padding-bottom:80px}
.bo_product_view #bo_v {padding-bottom:65px}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 게시판용 버튼 */
.btn_bo {display:inline-block; width:110px; height:54px; font-size:18px; box-sizing:border-box; border-radius:10px; text-align:center; font-weight:400; cursor:pointer; -webkit-transition:.3s; transition:.3s;}
.btn_bo_type2 {display:inline-block; width:60px; height:35px; font-size:15px; border-radius:0px; text-align:center; font-weight:400; cursor:pointer; -webkit-transition:.3s; transition:.3s;}
button.btn_bo {line-height:1.2}
a.btn_bo {line-height:54px;}
a.btn_bo_type2 {line-height:35px;}
a.btn_b01,.btn_b01 {background:#fff; color:#2172cd; border:1px solid #2172cd}
.btn_b01:hover, .btn_b01:hover {color:#fff; background:#2172cd}
a.btn_b02,.btn_b02 {background:#2172cd; color:#fff}
a.btn_b02:hover, .btn_b02:hover {background:#2c8fff}
a.btn_b03, .btn_b03 {background:#fff;border:1px solid #c8c8c8;color:#848484}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {background:#999999;border:1px solid #ccc;color:#fff; border:1px solid #999999}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {background:#282828;color:#fff} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#484848}
#bo_btn_adm_area {padding-top:14px; border-top:1px solid #c7c7c7; overflow:hidden}/*관리자전용버튼*/
#bo_btn_area {margin:20px 0 0; overflow:hidden}
.bo_btn_wrap {margin:0 -4px; overflow:hidden}
.bo_btn_wrap.left {float:left}
.bo_btn_wrap.right {float:right}
.bo_btn_wrap li {float:left; margin:0 4px}
#bo_v #bo_btn_area {margin-top:50px}
#bo_v .bo_btn_wrap {text-align:center}
#bo_v .bo_btn_wrap li {float:none; display:inline-block}
#bo_v .bo_btn_wrap li .btn_bo {width:132px}

/* 테이블 항목별 정의 */
.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;text-align:left}
.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}

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

/* 기본테이블 - 게시판 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;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 #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.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:underline}

.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 #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/*기본 리스트*/
.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}

/*도프웹 게시판 기본테이블*/
#bo_list {}
.dp_bo_list {}
.dp_bo_list table {table-layout:fixed; width:100%; }
.dp_bo_list thead th {height:70px; font-size:18px; color:#4f4f4f; border-bottom:2px solid #d5d5d5}
.dp_bo_list thead th > a {font-size:1em}
.dp_bo_list tbody tr {border-bottom:1px solid #e2e2e2}
.dp_bo_list tbody td {height:84px; font-size:18px; color:#4f4f4f; text-align:center}
.dp_bo_list tbody tr:hover {border-bottom:1px solid #2172cd}
.dp_bo_list tbody tr:hover td {color:#2172cd}
.dp_bo_list tbody tr:hover td .bo_tit a {color:#2172cd}

.dp_bo_list .td_subject {text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.dp_bo_list .td_subject .list_tit {overflow:hidden; white-space:nowrap}
.dp_bo_list .td_subject .bo_tit {white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.dp_bo_list .td_subject * {font-size:1em}
.dp_bo_list .sv_member {font-size:1em}

.dp_list_chk {width:50px}
.dp_list_num {width:96px}
.dp_list_name {width:100px}
.dp_list_hit {width:50px}
.dp_list_date {width:110px}

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

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

/*게시판카테고리*/
#bo_cate {position:relative; padding-left:110px}
#bo_cate > span {position:absolute; left:0; top:0; width:110px; line-height:35px; line-height:35px; font-size:17px; color:#0e0e0e; text-align:center}
#bo_cate_ul {margin-bottom:20px}
#bo_cate_ul li {display:inline-block; width:75px; height:35px; line-height:33px; text-align:center}
#bo_cate_ul li + li {margin-left:7px}
#bo_cate_ul li a {display:block; font-size:15px; color:#585858; border:1px solid #585858}
#bo_cate_ul li:hover a {color:#fff; background:#585858}
#bo_cate_on {color:#fff !important; background:#585858}

/*게시판 검색*/
#bo_sch_wrap {padding:26px 0 23px; border:1px solid #dbdbdb;  background:#f4f4f4}
#bo_sch {text-align:center;}
#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, #bo_sch .sch_input, #bo_sch .sch_btn {display:inline-block; box-sizing:border-box; height:40px; font-size:15px; vertical-align:middle}
#bo_sch select {width:200px; padding:0 10px; border:1px solid #c9c9c9; background:#fff url('/img/select_arr.png')no-repeat right top; background-size:auto 100% }
#bo_sch .sch_input {width:56%; max-width:594px; padding:0 20px; margin:0 14px 0 16px; border:1px solid #c9c9c9}
#bo_sch .sch_btn {width:145px; border:0; color:#fff; background:#4f4f4f;}

/*MEDIA LIST*/
.media_list {margin:50px -5px 0; overflow:hidden}
.media_list li {float:left; width:50%;}
.media_list li.empty_list {width:100%; font-size:15px}
.media_list li .link_box {display:block; position:relative; margin:5px; padding-top:42.975206611%}
.media_list li .img_box {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; overflow:hidden}
.media_list li .img_box > img {position:absolute; top:-50%; left:-50%; right:-50%; bottom:-50%; margin:auto; opacity:.4; transition:.3s}
.media_list li .img_box > span {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box}
.media_list li .img_box > .no_image {background:#ff9600; border:5px solid #ff7e00}
.media_list li .chk_box {position:absolute; top:15px; left:15px}
.media_list li .txt_box {position:absolute; top:50%; left:5%; width:90%; height:90px; margin-top:-20px; text-align:center}
.media_list li .txt_box > h1 {font-size:23px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.media_list li .txt_box > h2 {margin-top:10px; font-size:15px; color:#fff}
.media_list li .txt_box > h3 {font-size:15px; color:#fff}
.media_list li a:hover .img_box > img {opacity:.7}

/* 게시판 읽기 */
#bo_v {position:relative}
.bo_view_box {padding:60px 5% 30px; background:#fff; border:1px solid #dddddd}
#bo_v .bo_v_cate {display:inline-block; width:75px; line-height:33px; margin-bottom:5px; text-align:center; font-size:15px; color:#585858; border:1px solid #585858}
#bo_v .bo_subject {line-height:1; padding-bottom:15px; font-size:30px; color:#464646}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_header {padding:0 10px 20px; border-bottom:1px solid #c7c7c7}
#bo_v_title {font-size:30px; color:#424242; word-break:break-all}

#bo_v_info {margin-top:13px}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {float:left; line-height:1; padding:0 10px; }
#bo_v_info h2 + strong {padding-left:0}
#bo_v_info strong + strong {border-left:1px solid #949494}
#bo_v_info .if_date,
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {display:block; font-size:15px; color:#a8a8a8}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date {}

/* 간단보험설명 */
.bo_v_desc {padding:20px 10px; border-bottom:1px solid #c7c7c7}
.bo_v_desc p {font-size:18px; color:#424242}

/* 첨부파일/관련링크 박스*/
.bo_v_related {margin:10px 0;border:1px solid #d4d4d4}
.bo_v_related h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
.bo_v_related ul {margin:0;padding:10px;list-style:none}
.bo_v_related li {display:table; table-layout:fixed; width:100%}
.bo_v_related li + li {margin-top:5px}
.bo_v_related li > * {display:table-cell; vertical-align:middle}
.bo_v_related li i {width:15px; padding-top:3px}
.bo_v_related a {font-size:13px;color:#3497d9;text-decoration:underline; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bo_v_related a strong {font-size:1em}
.bo_v_related a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_related .cnt {width:100px; color:#888;font-size:13px; text-align:right}

/* 페이지 네비 */
.bo_v_nb {}
.bo_v_nb li+li {border-top:1px dashed #cfcfcf}
.bo_v_nb li > a {display:block; padding:30px 0}
.bo_v_nb li > a > div {position:relative}
.bo_v_nb li .nb_tit {position:absolute; left:35px; font-size:18px; color:#2a2a2a}
.bo_v_nb li .nb_tit i {margin-left:10px; font-size:1.5em; vertical-align:bottom}
.bo_v_nb li .nb_subj {display:block; padding:0 160px; font-size:18px; color:#2a2a2a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.bo_v_nb li .nb_date {position:absolute; right:0; top:0; width:120px; font-size:18px; color:#9f9f9f}

#bo_v_atc {padding:30px 10px; min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden; font-size:18px; color:#4f4f4f}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}

#bo_v_share{position:relative;margin:20px 0;text-align:right}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px;;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}


/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px;cursor:pointer}
.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:bold}
.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:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 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;color:#000;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:bold;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 }

/* 게시판 글쓰기 임시저장*/
#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 {}
#bo_w .frm_input {width:100%; height:100%; box-sizing:border-box; border:0; background:transparent }
#bo_w .full_input {width:100%}
#bo_w .label_tit {position:absolute; left:0; top:0; width:80px; line-height:40px; text-align:center; }
#bo_w .input_tit {font-size:14px; color:#323232}
#bo_w .input_tit strong {color:#bf0a0b}
#bo_w .write_div {position:relative; padding-left:80px; margin-top:10px; overflow:hidden; box-sizing:border-box}
#bo_w .write_box {position:relative; padding:0 10px; height:40px; box-sizing:border-box; background:#f7f7f7}

#bo_w .bo_w_info {overflow:hidden}
#bo_w .bo_w_info .write_div {float:left; width:50%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit {position:relative; border-bottom:3px solid #464646; overflow:visible}
#bo_w .bo_w_tit .label_tit {line-height:50px}
#bo_w .bo_w_tit .label_tit:after {position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#a5a5a5; content:''}
#bo_w .bo_w_tit .input_tit {font-size:20px; color:#484848}
#bo_w .bo_w_tit .write_box {height:50px; padding-left:13px; background:#fff}
#bo_w .bo_w_tit .frm_input {font-size:20px; color:#010101}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_con {padding-left:0; }
#bo_w .bo_w_con .wr_content textarea {box-sizing:border-box; resize:none}
#bo_w .bo_w_link label{height:38px; line-height:38px; text-align:center}
#bo_w .bo_w_flie .frm_file  {position:Absolute; width:0; height:0; overflow:hidden}
#bo_w .bo_w_flie .file-name {width:100%; height:100%; border:0; box-sizing:border-box; background:#f7f7f7; }
#bo_w .bo_w_flie .file_label {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del {display:block; margin:.5em; font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
#bo_w .bo_w_op {line-height:40px; overflow:hidden  }
#bo_w .bo_w_op > div {background:#f7f7f7}
#bo_w .bo_w_op > div label {font-size:12px}
#bo_w .btn_confirm {padding:20px 0; border-top:1px solid #858484; text-align:right}
#bo_w .btn_confirm > * {}
#bo_w .btn_submit {background:#2a2a2a}
#bo_w .btn_cancel {border:1px solid #dadada; color:#515151; background:#fff}

/* 보험상품안내&신청하기 */
	/*버튼*/
	.bo_btn_wrap .link_copy_btn {cursor:pointer}
	.bo_btn_wrap .link_copy_btn > span {z-index:-11; position:Absolute; width:1px; overflow:hidden; opacity:0}
	/*글쓰기*/
	#bo_w .bo_insu {padding-left:0}
	#bo_w .bo_insu textarea {box-sizing:border-box; width:100%; height:105px; padding:10px 15px; resize:none; font-size:18px; color:#646464}
	/*목록*/
	.bo_prd_list {margin-top:20px}
	.bo_prd_list ul li .list_row {display:table; width:100%; }
	.bo_prd_list ul li .list_row > div {display:table-cell; vertical-align:middle}
	.bo_prd_list ul li .chk {width:50px; text-align:center}
	.bo_prd_list ul li .num {width:75px; text-align:center}
	.bo_prd_list ul li .num > span {font-size:15px; color:#424242}
	.bo_prd_list ul li .subject {width:295px; padding:0 34px 0 0}
	.bo_prd_list ul li .subject > span {display:block; height:30px; line-height:30px; font-size:25px; color:#424242; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.bo_prd_list ul li .desc {padding:0 34px 0 0}
	.bo_prd_list ul li .desc > span {display:block; max-height:54px; line-height:27px; overflow:hidden; font-size:18px; color:#424242}
	.bo_prd_list ul li .more {width:200px; padding:24px 21px 20px}
	.bo_prd_list ul li .more > a {display:block; height:60px; line-height:60px; border:1px solid #f3f3f3; border-radius:10px; text-align:center; background:#f3f3f3; -webkit-transition:.3s; transition:.3s}
	.bo_prd_list ul li .more > a > span {color:#363636; font-size:18px}
	.bo_prd_list ul.list_body li {border:1px solid #dddddd; border-radius:10px; -webkit-transition:.3s; transition:.3s}
	.bo_prd_list ul.list_body li + li {margin-top:19px}
	.bo_prd_list ul.list_body li .list_row > div > span {-webkit-transition:.3s; transition:.3s}
	.bo_prd_list ul.list_body li:hover {background:#2172cd}
	.bo_prd_list ul.list_body li:hover .list_row > div > span {color:#fff}
	.bo_prd_list ul.list_body li:hover .list_row > .more > a {border:1px solid #dddddd; background:#fff}
	.bo_prd_list ul.list_body li:hover .list_row > .more > a > span {color:#2172cd}
	.bo_prd_list ul.list_head .list_row > div {padding-top:20px; padding-bottom:20px}
	.bo_prd_list ul.list_head .list_row > div > var {display:block; line-height:1; font-size:15px; color:#424242}
	.bo_prd_list ul.list_head .list_row > .more {text-align:center}
	.bo_prd_list ul.list_body li.empty_row {padding:30px 0; text-align:center; font-size:18px}
	.bo_prd_list ul.list_body li.empty_row:hover {background:#fff}

@media screen and (max-width:1024px){	
	/* 게시판 레이아웃*/
	#bo_list {padding-bottom:5em}
	#bo_v {padding-bottom:5em}
	#bo_w {padding-bottom:5em}
	#bo_gall {padding-bottom:5em}
	.bo_product_view #bo_v {padding-bottom:2em}

	/*버튼*/
	.btn_bo {width:6.5em; height:3.16em; font-size:.95em; border-radius:5px}
	a.btn_bo {line-height:3.16em}
	.btn_bo_type2 {width:4em; height:2.2em; font-size:.9em}
	a.btn_bo_type2 {line-height:2.2em}
	#bo_btn_area {margin:.8em 0}
	.bo_btn_wrap {margin:0 -.1em}
	.bo_btn_wrap li {margin:0 .1em}
	#bo_v #bo_btn_area {margin-top:2.5em}
	#bo_v .bo_btn_wrap li .btn_bo {width:7.37em}
	.bo_btn_wrap .link_copy_btn > img {width:4em}

	/*게시판카테고리*/
	#bo_cate {padding-left:5.6em}
	#bo_cate > span {width:5.6em; line-height:2.25em; line-height:2.25em; font-size:1em; text-align:left}
	#bo_cate_ul {margin-bottom:.5em}
	#bo_cate_ul li {width:4.75em; height:2.25em; line-height:2.25em}
	#bo_cate_ul li + li {margin-left:.5em}
	#bo_cate_ul li a {font-size:.875em}

	/*게시판 검색*/
	#bo_sch_wrap {padding:.5em}
	#bo_sch select, #bo_sch .sch_input, #bo_sch .sch_btn {float:left; height:3em; font-size:.75em}
	#bo_sch select {width:30%; padding:0 10px; border-right:0; background:#fff url('/img/select_arr.png')no-repeat right top; background-size:auto 100% }
	#bo_sch .sch_input {width:50%; max-width:594px; padding:0 20px; margin:0}
	#bo_sch .sch_btn {width:20%;}


	/*도프웹 게시판 기본테이블*/
	.dp_bo_list thead th {height:3.33em; font-size:.825em}
	.dp_bo_list tbody td {height:4.23em; font-size:.875em}
	.dp_bo_list .bo_m_info {margin-top:.5em; font-size:.7em}
	.dp_list_chk {width:2em}
	.dp_list_num {width:2.5em}
	.dp_list_date {width:6em}

	/*MEDIA LIST*/
	.media_list {margin:50px -5px 0; overflow:hidden}
	.media_list li.empty_list {width:100%; font-size:15px}
	.media_list li .txt_box {margin-top:-30px}
	.media_list li .txt_box > h1 {font-size:1.25em}
	.media_list li .txt_box > h2 {font-size:.825em}
	.media_list li .txt_box > h3 {font-size:.825em}

	/* 게시판 읽기 */
	.bo_view_box {padding:1.25em 3%}
	#bo_v .bo_v_cate {width:5em; line-height:2.2em; margin-bottom:.5em; font-size:.8em}
	#bo_v_header {padding:0 .25em .5em}
	#bo_v_title {font-size:1.25em}
	#bo_v_info {margin-top:.5em}
	#bo_v_info .if_date,
	#bo_v_info .sv_member, 
	#bo_v_info .sv_guest, 
	#bo_v_info .member, 
	#bo_v_info .guest {font-size:.75em}
	.bo_v_desc {padding:.57em .25em}
	.bo_v_desc p {font-size:.875em}
	#bo_v_atc {padding:1.75em .25em}
	#bo_v_con {line-height:1.5; font-size:.875em}

	/* 첨부파일/관련링크 */
	.bo_v_related h2 {padding:.5em; font-size:.875em}
	.bo_v_related ul {padding:.5em}
	.bo_v_related li + li {margin-top:.5em}
	.bo_v_related li > * {font-size:.7em}
	.bo_v_related .cnt {width:7em; font-size:.7em}

	/* 게시판 페이지 네비게이션*/
	.bo_v_nb li > a {padding:1.25em 0}
	.bo_v_nb li .nb_tit {left:.5em; font-size:1.1em}
	.bo_v_nb li .nb_tit i {margin-left:10px; font-size:1.5em}
	.bo_v_nb li .nb_subj {padding:0 0 0 6em; font-size:1.1em}
	.bo_v_nb li .nb_date {display:none}

	/* 보험상품안내&신청하기 */
	.bo_prd_list {margin-top:1em}
	.bo_prd_list .list_head {display:none}
	.bo_prd_list ul.list_body li {padding:1.4em .5em .55em}
	.bo_prd_list ul.list_body li + li {margin:.7em 0 0}
	.bo_prd_list ul li .list_row {display:block}
	.bo_prd_list ul li .list_row > div {display:block}
	.bo_prd_list ul li .list_row .num {display:none}
	.bo_prd_list ul li .chk {text-align:left}
	.bo_prd_list ul li .more {width:100%; padding:0}
	.bo_prd_list ul li .subject {width:100%; padding:0}
	.bo_prd_list ul li .subject > span {font-size:1.25em}
	.bo_prd_list ul li .desc {margin:.8em 0 .85em; padding:0}
	.bo_prd_list ul li .desc > span {height:3.9em; line-height:1.3em; max-height:3.9em; font-size:.875em; overflow:hidden}
	.bo_prd_list ul li .more > a {height:3em; line-height:3em}
	.bo_prd_list ul li .more > a > span {font-size:.95em}
	.bo_prd_list ul.list_body li.empty_row {padding:2em 0; font-size:.875em}


}

@media screen and (max-width:768px){
	/*MEDIA LIST*/
	.media_list li {width:100%;}
	.media_list li .img_box > img {width:100%}	

	/* 게시판 글쓰기 */
	#bo_w .write_div {padding-left:5em}
	#bo_w .write_box {height:2.7em}
	#bo_w .label_tit {width:5em}
	#bo_w .input_tit {font-size:.875em}
	#bo_w .frm_input {font-size:.9em}
	#bo_w .bo_w_info .write_div {width:100%}
	#bo_w .bo_w_tit .write_box {height:3em}
	#bo_w .bo_w_tit .label_tit {line-height:3em}
	#bo_w .bo_w_tit .input_tit {font-size:1em}
	#bo_w .bo_w_tit .frm_input {font-size:1.2em}
	#bo_w .bo_w_con {padding-left:0}
	#bo_w .bo_w_tit #btn_autosave {font-size:.8em}
	#bo_w .bo_w_tit #btn_autosave span {font-size:1em}

}
@media screen and (max-width:460px){
	/*게시판 검색*/
	/*#bo_sch_wrap {margin:0 2% .5em 2%}
	#bo_sch select, #bo_sch .sch_input, #bo_sch .sch_btn {height:3em; font-size:.75em}
*/
	#bo_sch select {width:31%; padding:0 .5em}
	#bo_sch .sch_input {width:49%}
	#bo_sch .sch_btn {width:20%}

}