@charset "utf-8";

/* layout */
.board_bon {width:95%; max-width:1200px; margin:20px auto;}
.board_title {padding: 40px 20px 20px; text-align: center; font-size: 2.5em;}

@media (max-width:767px) {
	.board_title {padding:20px 0; text-align: center; font-size: 2em;}
}

/* 게시판 목록 공통 */
#nav{border-bottom:1px solid #eee}
#nav .nav_wr{margin:0 auto;max-width:1280px;text-align:left;padding: 0 ;line-height:50px;}
#nav a{color:#fff;background:#333;display:inline-block;width:50px;text-align:center}
#nav span{display:inline-block;padding:0 20px;border-right:1px solid #eee}

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate {white-space: nowrap;overflow-x: auto;
-webkit-overflow-scrolling: touch
 -ms-overflow-style: -ms-autohiding-scrollbar;}
#bo_cate::-webkit-scrollbar {display: none;}
#bo_cate ul{margin:40px auto; max-width:1280px; text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li{display:inline-block; border-right:1px solid #ddd;}
#bo_cate li:last-child {border-right:none;}
#bo_cate li a{display:block;padding:0 30px;line-height:22px;font-size:1.5em;color:#89AFCE}
#bo_cate #bo_cate_on{position:relative;font-weight:bold;color:#005691}

#bo_sch {float:right;background:#fff;position:relative;margin:0 0 10px;border-radius:3px}
#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{border:0;height:42px;border:1px solid #cfcfcf;vertical-align:top;padding-left:10px}
#bo_sch .sch_input{height:42px;border:1px solid #cfcfcf;padding:0;background-color:transparent;padding:0 40px 0 10px;vertical-align:top}
#bo_sch .sch_input:focus{outline:none;border-bottom:2px solid #e32464}
#bo_sch .sch_btn{height:42px;position:absolute;color:#aaa;top:0;right:0;border:0;width:40px;background:none;font-size:15px;vertical-align:top}

#bo_list_total{font-size:1.2em; line-height: 40px;}
#bo_list_total b {color:#005691;}
#bo_list_total p {display:inline-block; font-size:.8em;}

#bo_list{margin:0 auto;max-width:1280px;padding:0 20px 40px;clear:both}
#bo_list .all_chk {float:left;}

.board_list ul{clear:both;border-top:1px solid #000}
.board_list li {display:flex; justify-content: space-between; align-items: center; flex-direction: row; padding:18px; border-bottom:1px solid #e6e6e6;position:relative}
.board_list .bo_notice  {background:#f7f7f7}
.board_list .bo_subject{font-size:1.077em;font-weight:500;}
.board_list .notice_icon{color:#6683be}
.board_list .bo_cate_link{color:#ea185f;margin-bottom:10px;display:block}

.board_list .cnt_cmt {color:#777;font-size:12px;height:20px;line-height:20px;padding:0 5px;vertical-align:middle}

.board_list .list_icon svg {width:14px; color:#777; vertical-align:middle;}
.board_list .new_icon {display:inline-block; width: 18px; line-height: 18px; font-size: 0.5em;  color:#fff; background: #333; text-align: center; border-radius: 12px; margin-left:2px; font-weight:bold;vertical-align:middle}
.board_list .hot_icon {display:inline-block;width:22px;line-height:22px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:4px;vertical-align:middle}
.board_list .fa-caret-right {color:#bbb}
.board_list .fa-download {display:inline-block;width:22px;line-height:22px;font-size:0.833em;color:#aaa;background:#eee;text-align:center;border-radius:4px;margin-left:5px;vertical-align:middle}
.board_list .fa-link {display:inline-block;width:22px;line-height:22px;font-size:0.833em;color:#aaa;background:#eee;text-align:center;border-radius:4px;margin-left:5px;vertical-align:middle}

.board_list .bo_info {line-height:20px;color:#999; font-weight:300; font-size:1em; text-align:right;}
.board_list .bo_info .sv_member{color:#999;font-weight:normal}
.board_list .bo_info img{vertical-align:top;border-radius:30px}
.board_list .bo_info i{margin-left:5px}
.board_list .bo_chk {color:#777; font-weight:300; margin-right:25px;}

.cate_div {margin-top:20px; padding-bottom: 0px;}
.cate_div ul li {float:left; margin-right: 20px;}
.cate_div ul li a {font-weight:500; letter-spacing: -0.5px; font-size: 14px; color:#999; padding-bottom: 5px; transition: all 350ms cubic-bezier(1, 1, 1, 1);}
.cate_div ul li a:hover {color:#000;}
.cate_div ul li #bo_cate_on {border-bottom: 2px solid #000; color: #000;}

.pageing_div {position:relative; overflow:hidden;margin-top: 20px; border-top:1px solid #eee; padding-top: 20px;}
.list_btns {margin-top:3px; text-align: right; float:right}

.bo_fx {margin:20px 0}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""} 
.bo_fx li{display:inline-block;}
.btn_bo_adm{float:left}
.btn_wr{float:right}

@media (min-width: 970px){
	.board_list li {padding:20px;}
	.board_list .bo_subject {margin-bottom:0; font-size:1.1em;}
	.board_list .bo_info {position:absolute; right:20px; top:24px;}
    .board_list .li_cate{padding-left:120px}
    .board_list .bo_cate_link{position:absolute;top:15px;left:0;color:#ea185f;width:100px}
}

@media (max-width: 969px){
	.board_list .bo_chk {display:none; margin-right:0;}
	.board_list .li_chk {display:inline-block !important;}
    #bo_sch select{width:30%;height:34px;float:left}
    #bo_sch .sch_input{width:68%;height:34px;float:right;}
	#bo_sch .sch_btn {height:32px;}
    #bo_list .all_chk{margin:0 0 10px}
    #nav{top:60px}
    #team_ul li{width:50%; padding:1% 1% 3%;}
    #team_ul li:nth-child(2n+1){clear:both}
	#team_ul .gall_li_tit {font-size:1.1em}
	#team_ul .bo_cate_link {left:0; top:0;}
	#bo_gallery .all_chk{margin-top:0; margin-bottom:5px;}
	#bo_list_total{line-height:30px;}
	#bo_cate ul {width:98%; margin:20px 1%;}
	#bo_cate li a, #bo_cate option a {font-size:1.2em; padding:0 20px; line-height:18px;}
}

 @media (max-width:450px) {
	#bo_cate li a, #bo_cate option a {font-size:1em; padding:0 10px; line-height:14px;}
}


/* 게시판 읽기 */
#bo_v {margin:0 auto; max-width:1200px; width:95%; padding-top:35px}
#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}

#bo_v header {margin-top:30px; border-top:2px solid #000; border-bottom:1px solid #ddd;}
#bo_v_title {border-top:1px solid #000; padding-top:15px;}
.bo_v_cate{color:#dd7300; font-weight:400}
.bo_v_tit{display:block;font-size:2em; padding:5px 0 10px;}

#bo_v_info {margin:0 0 30px; padding:0 0 20px; line-height:20px; font-size:1.1em; border-bottom:1px solid #ddd; color:#999; }
#bo_v_info strong {display:inline-block;font-weight:normal;color:#555;}
#bo_v_info .profile_img img{border-radius:50%;vertical-align:top}
#bo_v_info .sv_member{color:#86909a}
#bo_v_info em {display: inline-block; margin:0 5px; font-size: 0.8em; vertical-align: text-bottom; color: #ddd;}

#bo_v_file {margin:0 }
#bo_v_file h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;background:#fff;color:#aaa;margin: 0 0 10px;border-radius:5px;position:relative;
-webkit-box-shadow: 0 0 5px  #e2e4f1;
-moz-box-shadow: 0 0 5px #e2e4f1;
box-shadow: 1px 2px 8px #e2e4f1
}
#bo_v_file a {display:block;font-weight:normal;text-decoration:none;margin:0 0 3px}
#bo_v_file li:hover a{color#EA5617}
#bo_v_file a strong{text-decoration:underline;font-weight:normal}
#bo_v_file  span {font-size:0.91em}

#bo_v_link {margin:0 }
#bo_v_link h2  {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding: 10px 20px;border: 1px solid #e8e8e8; border-left:none; border-right:0; background:#fff;color:#aaa;margin: 0 0 10px;position:relative;}
#bo_v_link a {display:block;text-decoration:none;margin:0 0 3px}
#bo_v_link li:hover a{color:#EA5617}
#bo_v_link a strong{margin-left:5px;}
#bo_v_link span {font-size:0.91em}
.bo_v_link_cnt {font-size:0.92em}

#bo_v_top {margin:20px 0;clear:both}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li{display:inline-block;}
.bo_v_left{float:left}
.bo_v_right{float:right}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb{clear:both;margin:10px 0;border-top:1px solid #e8e8e8;text-align:left;position:relative;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-bottom:1px solid #e8e8e8}
.bo_v_nb li a{display:block;padding:15px 0px;vertical-align:top;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bo_v_nb li i{color:#d1d7de;width:30px;text-align:center;}

#bo_v_atc {min-height:200px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;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:15px;max-width:100%;height:auto}

#bo_v_con {min-height:200px;margin-bottom:30px;width:100%;line-height:1.5em;font-size:1.1em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin:20px 0;float:right;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {vertical-align:middle;padding:0 20px}
#bo_v_act  i{font-size:16px;margin-right:5px}
#bo_v_act .bo_v_good:hover{background:#faeaea;color:#e24c76}
#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_share{position:relative;margin:20px 0;float:left}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}

.btn_share{display:none;}
.bo_v_snswr{float:left;position:relative;}
#bo_v_sns {;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:40px;text-align:center;margin-left:3px}
#bo_v_sns li a{height:40px;padding:10px 0;background:#aaa}
#bo_v_sns li .sns_f{display:block;border-radius:33px}
#bo_v_sns li .sns_f:hover{background:#415b92;}
#bo_v_sns li .sns_t{display:block;;border-radius:33px}
#bo_v_sns li .sns_t:hover{background:#35b3dc;}
#bo_v_sns li .sns_g{display:block;border-radius:33px}
#bo_v_sns li .sns_g:hover{background:#d5503a;}
#bo_v_sns li .sns_k{display:block;;border-radius:33px}
#bo_v_sns li .sns_k:hover{background:#fbe300;}
#bo_v_sns li img{vertical-align:top}
.btn_scrap {float:left;margin-left:5px}

@media (max-width:768px) {
	#bo_v {padding-top:20px;}
	#bo_v_info {margin:0 0 15px; padding:0 0 10px; font-size:.89em;}
	.bo_v_cate {font-size:.9em;}
	.bo_v_tit {font-size:1.5em; padding:0;}
}

/* 게시판 댓글 */
.comment_divs {width:95%; max-width:1200px; margin:30px auto; padding:20px; border:2px solid #eee; border-radius: 10px;}
.cmt_btn {width:100%;text-align:left;border:0;background:#fff;}
.cmt_btn span.total {position:relative; display:inline-block; font-size:.95em; color:#eb6125}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}

#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:40px;height:40px}
#bo_vc article .cm_wrap {float:left;width:calc(100% - 50px);}
#bo_vc .recommt:before {content: ""; position: absolute; top: 2px; left: -24px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #bbb;}
#bo_vc header {position:relative;width:70%;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#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 {color:#777; padding-left:15px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.2em;padding:0 0 5px; font-size:1.1em; margin-top:5px;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none;color:#999;}
#bo_vc_empty {margin:0;padding:40px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.comment_divs .login_commt {padding: 10px; border: 1px solid #ddd; border-radius: 4px; width: 100%; display: block;background: url(./img/send.svg) no-repeat right 10px center;background-size: 16px; background-color: #f3f3f3;}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:70px;text-align:left;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0; width:100%;}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block; width:100%; padding:10px 10px; color:#6b757c; text-align:left;}
.bo_vc_act li a i {display:block;  float:right;line-height:20px;}
.bo_vc_act li a:hover {color:#3a8afd}

.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% !important; 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; width: 100%;}
.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 {clear:both;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 {float:right;height:40px;padding:0 20px;border-radius:3px;font-weight:normal;font-size:13px; background-color: #333;}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left; position:absolute; left:0;}

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

/*글쓰기*/
#bo_wr {max-width:1280px;margin:0 auto; padding:20px; width:98%;}
#bo_wr h2 {font-size:1.5rem; font-weight:600; margin-top:20px; padding:0 0 1em;} 
#bo_w {padding:25px 0 0; border-top:1px solid #000;}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0; margin-right:15px;}
#bo_w .bo_v_option li label {vertical-align:baseline}

#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:0%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:0%}
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#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 #dddddd;width:100%;height:40px;border-radius:3px}

#bo_w .cate_list > div {display:inline-block; width:45%;}
#bo_w .cate_list > div > select {width:100%}

@media (max-width:786px) {
	#bo_wr h2 {font-size:1rem;}
	.sub_tit {font-size:2em;}
}


/* 메인배너 */
.foot_bnr {max-width:1200px; width:100%; margin:0 auto 20px;}
.foot_bnr img {width:100%;}

@media (max-width:1199px){
	.foot_bnr {margin:0 auto 0;}
}

/* 추가 */
.img_link {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; cursor: pointer;}
.mov_ico {position: absolute; bottom:65px; right:22px;}
.mov_ico img {width: 24px;}
.mov_ico strong {line-height:26px;}

.list_ca {margin-right:10px;}
.list_ca a {color:#eb5514;}

.cut {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 90%;
    display: block;
}


.main_lists_tit {
    margin-top: 10px;
    text-align: left;
}


.main_lists_new {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #212121;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding-top: 12px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.cate_div {padding-bottom: 0px;}
.cate_div ul li {float:left; margin-right: 20px;}
.cate_div ul li a {font-weight: 700; letter-spacing: -0.5px; font-size: 14px; color:#999; padding-bottom: 5px; transition: all 350ms cubic-bezier(1, 1, 1, 1);}
.cate_div ul li a:hover {color:#000;}
.cate_div ul li #bo_cate_on {border-bottom: 2px solid #000; color: #000;}

.pageing_div {position:relative; overflow:hidden;margin-top: 20px; border-top:1px solid #eee; padding-top: 20px;}
.list_btns {margin-top:3px; text-align: right; float:right}

.moreBar {width: 100%; text-align: center;}

#loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(0,0,0,.2);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.mod_btns {background-color:#f1f1f1; padding-left: 5px; padding-right: 5px; color:#000 !important;}


.main_view {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.img_60 img {width:60%;}
.fr {float:right;}
.fl {float:left;}
.cb {clear: both;}
.w_icos {margin-top: 0px;}
.bbs_w_tit .fl {margin-top: 3px;}

.view_img_l {float:left; box-sizing: border-box; width: 60%; margin-bottom: 30px;}
.view_img_r {float:right; box-sizing: border-box; width:40%; text-align: left; padding-left: 50px;}

.view_img_tit {font-size: 22px; font-weight: 300; color:#000; margin-top: -10px;}
.view_img_date {font-size: 12px; font-weight: 300; color:#999; margin-top: 5px;}
.view_img_cont {margin-top: 20px;}
.view_img_btn {margin-top:30px; float: right;}

.bbs_adm_btn {color:#aaa; transition: all 350ms cubic-bezier(1, 1, 1, 1); background-color: transparent; border:0px;}
.bbs_adm_btn:hover {color:#333;}
.bbs_adm_btn:focus {outline: none;}


.bbs_write_div_l {float:left; box-sizing: border-box; width: 70%; text-align: left;}
.bbs_write_div_r {float:right; box-sizing: border-box; width:30%; text-align: left; padding-left: 50px;}

.bbs_w_inp {background-color: #f3f3f3; border-radius: 4px; height:40px; font-size: 13px; border:0px; text-indent: 15px;}
.bbs_w_inp:focus {outline: none !important; box-shadow: none !important; border:0 !important; background-color: #eee;}

.bbs_w_inp_file {background-color: #f3f3f3; border-radius: 4px; height:40px; font-size: 12px; border:0px; text-indent: 15px; padding-top: 10px;}
.bbs_w_inp_file:focus {outline: none !important; box-shadow: none !important; border:0 !important;}

.bbs_w_tit {color:#000; letter-spacing: -0.5px; font-size: 14px; font-weight: bold;}

.bbs_w_btn1 {background-color: #333; color:#fff; font-weight: 300; font-size: 13px; height:30px; border-radius: 4px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.bbs_w_btn2 {background-color: #aaa; color:#fff; font-weight: 300; font-size: 13px; height:30px; border-radius: 4px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.bbs_w_btns_div button {transition: all 350ms cubic-bezier(1, 1, 1, 1);}
.bbs_w_btns_div button:focus {outline: none;}
.bbs_w_btns_div button:hover {opacity: 0.8;}


.titles {color:#000 !important; letter-spacing: -.5px; font-size:20px; font-weight: bold;}
.chk_boxs {position: absolute; top:15px; left: 20px;}

.sub_info {font-size:13px;color:#555; vertical-align:middle; line-height:22px; margin:6px 10px 0 0; display: inline-block;}
.cnt_cmt {margin:0;}
.cnt_cmt img {width:18px; height:18px; vertical-align:top;}

button {outline: none !important;}
.view_img_cont img {max-width: 100%;}

.help_txts {font-size:11px; letter-spacing: -0.5px; color:#999; margin-top: 5px;}
.help_txts b {color:#ff6666;}

.video_inp {
    background: url(./img/video.svg) no-repeat right 10px center;
    background-size: 20px;
    background-color: #f3f3f3;
    
}

.top_chks {float:right; margin-bottom: 15px;}

.select_w {
    height:40px;
    padding-left: 15px;
    border: 1px solid #ddd;
    background: url(./img/tag.svg) no-repeat right 10px center;
    background-size: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px;
    margin-top: 0px;
}

.w10 {width:10%}
.w20 {width:20%}
.w30 {width:30%}
.w40 {width:40%}
.w50 {width:50%}
.w60 {width:60%}
.w70 {width:70%}
.w80 {width:80%}
.w90 {width:90%}
.w100 {width:100%}

.divmb-10 {margin-bottom: 10px;}
.divmb-20 {margin-bottom: 20px;}
.divmb-05 {margin-bottom: 5px;}
.divmt-20 {margin-top: 20px;}
.divmt-10 {margin-top: 10px;}
.divmt-05 {margin-top: 5px;}

select {outline: none;}

select:focus {
-webkit-box-shadow:0 0 0px;
-moz-box-shadow:0 0 0px;
box-shadow:0 0 0px;
border:1px solid #ccc !important;
}

input[type=text]:focus {
    -webkit-box-shadow:0 0 0px;
    -moz-box-shadow:0 0 0px;
    box-shadow:0 0 0px;
    border:0px solid #ccc !important;
}

input[type=password]:focus {
    -webkit-box-shadow:0 0 0px;
    -moz-box-shadow:0 0 0px;
    box-shadow:0 0 0px;
    border:0px solid #ccc !important;
}

textarea {background-color:#f3f3f3 !important; border:0px !important; padding: 15px !important; font-size: 13px;}
textarea:focus {-webkit-box-shadow:0 0 0px; -moz-box-shadow:0 0 0px; box-shadow:0 0 0px; border:0px solid #ccc !important;}

#captcha_mp3 {display: none;}
#captcha_info {color:#999;}
#captcha.m_captcha #captcha_img {
    width: 103px;
    height: 40px;
    border: 1px solid #898989;
    vertical-align: top;
    margin-bottom:0px;
    margin-top: 0px;
    display: block;
    float: left;
}

#captcha.m_captcha #captcha_key {
    margin: 0 0 0 3px;
    padding: 0 5px;
    width: 90px;
    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.m_captcha #captcha_key:focus {
    border: 1px solid #ccc !important;
}

#captcha.m_captcha audio {
    display: none;
}

#captcha #captcha_key:focus {
    border: 1px solid #ccc !important;
}

.pg_current {display: inline-block; background: #000; border: 1px solid #000; color: #fff; font-weight: bold; height: 40px; line-height: 40px; padding: 0 10px; min-width: 40px; border-radius: 30px;}
.pg_wrap {clear: none;}


/* 반응형 처리 */

@media all and (max-width:1024px) {
    .bbs_write_div_l {
        float: none;
        width: 100%;
    }
    
    .bbs_write_div_r {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
        margin-top: 20px;
        border-top:1px solid #eee;
    }
    
    .w40 {width: 100%;}
    .w50 {width: 100%;}
    .w70 {width: 100%;}
    
    .w20 {width: 40%;}
    
    .bbs_w_btn1 {width:49%; height:40px}
    .bbs_w_btn2 {width:49%; height:40px; float: right;}
    
    .pg_wrap {float:none;text-align: center; width:100%; margin-top: 20px;}
    .list_btns {float:none;}
    .pageing_div {margin-top: 0px; padding-top: 10px;}
}