@charset "utf-8";
/* CSS Document */



/* 게시판보기 */
.board_view_top {position:relative;height:auto;margin:0 auto;}
.board_view_top .board_view_top_data {padding-bottom:12px;color:#999}
.board_view_top .board_view_top_title {padding:18px 20px;border-bottom:2px solid #dddddd;border-top:3px solid #212121;font-size:18px;color:#333;font-weight:bold;line-height:24px}
.board_view_top .board_view_top_etc {position:relative;height:auto;margin:0 auto;padding:13px 20px;border-bottom:2px solid #dddddd;}
.board_view_top .board_view_top_etc:after {display:block;content:"";clear:both}
.board_view_top .board_view_top_etc .left {float:left;}
.board_view_top .board_view_top_etc .right {float:right}
.board_view_top .board_view_top_etc span {display:inline-block;margin-right:6px;font-size:11px;color:#666;}
.board_view_top .board_view_top_etc span i {font-size:11px;color:#666;margin-right:3px}
.board_view_top .board_view_top_point1 {position:absolute;bottom:20px;right:3%;text-align:right}
.board_view_top .board_view_top_bt {position:absolute;right:3%;bottom:15px;text-align:right}
.board_view_top .board_view_top_bt img {vertical-align:middle}
.board_view_top .board_view_top_day {padding-top:12px;color:#999;width:78%}
.board_view_top_file {width:94%;border-bottom:1px solid #ebebeb;padding:6px 3%;color:#999}
.board_view_top_file a {text-decoration:none;color:#999;padding:5px 0}
.board_view_top_file a:hover {text-decoration:underline}
.board_view_top_file a img {vertical-align:middle}
.board_view_top_file a span {padding-left:5px}
.board_view_info {margin-top:10px;font-size:12px;color:#838383}
.board_view_write {margin-top:10px;font-size:12px;color:#999}
.view_date {position:absolute;top:24px;right:3%;font-size:12pxcolor:#999}
.view_vc_act {position:absolute;top:48px;right:3%}
.view_vc_act li {float:left;margin-right:10px}
.view_vc_act li:last-child {margin-right:0px}

.board_view_sns {float:right;margin:0;padding:0;list-style:none;zoom:1}
.board_view_sns:after {display:block;visibility:hidden;clear:both;content:""}
.board_view_sns li {float:left;margin:0 5px 0 0}

.board_view_mid {position:relative;width:100%;margin:0 auto;height:auto;min-height:250px;padding:15px 0;}
.board_view_mid .board_view_content_2 {height:auto;padding:15px 20px;color:#666;line-height:24px;font-size:14px;clear:right}
.board_view_an_content {height:auto;min-height:250px;padding:15px 20px;border-top:1px dashed #666}
.board_view_an_content .board_view_an_txt {color:#666;font-size:14px;line-height:24px}

.board_view_news_box {position:relative;width:100%;min-height:60px;height:auto;}
.board_view_news_box .board_bt_box_1 {float:left;width:50%;text-align:left}
.board_view_news_box .board_bt_box_1 li {display:inline-block;}
.board_view_news_box .board_bt_box_2 {float:right;width:50%;text-align:right}
.board_view_news_box .board_bt_box_2 li {display:inline-block;}

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


/* table type */
/*게시판리스트*/
.tbl_list_type1 {table-layout:fixed;width:100%;border-collapse:collapse;border-top:2px solid #3f3f3f;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type1 th {padding:15px 10px 15px 10px;background:#fafafa;color:#222;font-size:15px;font-weight:bold;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type1 th a {color:#777}
.tbl_list_type1 td {padding:15px 10px 15px 10px;border-bottom:1px solid #c1c1c1;font-size:14px;color:#333;text-align:center;vertical-align:middle}
.tbl_list_type1 td.num {color:#777777;text-align:center;font-size:11px}
.tbl_list_type1 td.d_mall {color:#777777;text-align:center;font-size:11px}
.tbl_list_type1 td.subject {color:#565656;text-align:left;padding-left:5px;font-weight:bold}
.tbl_list_type1 td.qa_subject {color:#777;text-align:left;padding-left:5px}
.tbl_list_type1 td.d_subject {color:#565656;text-align:left;padding-left:5px}
.tbl_list_type1 td.d_name {color:#777777;text-align:center;padding-left:5px}
.tbl_list_type1 td.date {color:#ababab;text-align:center;font-size:11px}
.tbl_list_type1 td.hit {color:#ababab;text-align:center;font-size:11px}
.tbl_list_type1 td.bt_none {border-bottom:none}
.btop_none {border-top:none !important}
.bt_none {border-bottom:none !important}
.tbl_list_type1 td.d_subject a, .tbl_list_type1 td.subject a,
.tbl_list_type1 td.d_subject a:hover, .tbl_list_type1 td.subject a:hover,
.tbl_list_type1 td.d_subject a:active, .tbl_list_type1 td.subject a:active,
.tbl_list_type1 td.d_subject a:visited, .tbl_list_type1 td.subject a:visited, .tbl_list_type1 td a {color:#333}
.tbl_list_type1 td .re {display:block;padding:0 0 0 15px;background: url(/ui/imgs/board/comment_icon.png) no-repeat 0 3px;}
.tbl_list_type1 .stisin {background-color:rgba(236,97,97,0.5);}
.tbl_list_type1 .stisout {background-color:rgba(212,104,28,0.4);}

.tbl_list_type2 {table-layout:fixed;width:100%;border-collapse:collapse;border-top:2px solid #3f3f3f;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type2 th {padding:15px 10px 15px 10px;background:#fafafa;color:#222;font-size:15px;font-weight:bold;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type2 th a {color:#777}
.tbl_list_type2 td {padding:15px 10px 15px 10px;border-bottom:1px solid #c1c1c1;font-size:14px;color:#333;text-align:center;vertical-align:top; cursor:pointer}
.tbl_list_type2 td.bt_none {border-bottom:none}
.btop_none {border-top:none !important}
.bt_none {border-bottom:none !important}
.tbl_list_type2 td.d_subject a, .tbl_list_type1 td.subject a,
.tbl_list_type2 td.d_subject a:hover, .tbl_list_type1 td.subject a:hover,
.tbl_list_type2 td.d_subject a:active, .tbl_list_type1 td.subject a:active,
.tbl_list_type2 td.d_subject a:visited, .tbl_list_type1 td.subject a:visited, .tbl_list_type1 td a {color:#333}
.tbl_list_type2 td .re {display:block;padding:0 0 0 15px;background: url(../../imgs/board/comment_icon.png) no-repeat 0 3px;}
.tbl_list_type2 td i {font-size:20px;color:#333}
.tbl_list_type2 td .call_num,
.tbl_list_type2 td .trans_num,
.tbl_list_type2 td .trans_time {position:relative;color:#ff5e27;opacity:0;filter: alpha(opacity=0);visibility:hidden;}
.tbl_list_type2 td .receive_num,
.tbl_list_type2 td .receive_time,
.tbl_list_type2 td .play,
.tbl_list_type2 td .down {position:relative}
.tbl_list_type2 tr:hover td.call_time, 
.tbl_list_type2 tr:hover td .trans_num,
.tbl_list_type2 tr:hover td .trans_time,
.tbl_list_type2 tr:hover td .receive_num,
.tbl_list_type2 tr:hover td .receive_time,
.tbl_list_type2 tr:hover td .call_num {font-weight:bold}
.tbl_list_type2 tr:hover td {background-color:#f1f1f1}
.tbl_list_type2 tr:hover td .call_num,
.tbl_list_type2 tr:hover td .trans_num,
.tbl_list_type2 tr:hover td .trans_time {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .fa-youtube-play:hover, .tbl_list_type2 td .fa-download:hover {color:#ff5e27}
.tbl_list_type2 tr.max_time i {color:#999;}

.tbl_list_type2 td .receive_num:hover .bubble {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .trans_num:hover .bubble {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .trans_time:hover .bubble {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .receive_time:hover .bubble {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .play:hover .bubble2 {opacity:1;filter: alpha(opacity=100);visibility:visible;}
.tbl_list_type2 td .down:hover .bubble2 {opacity:1;filter: alpha(opacity=100);visibility:visible;}

.tbl_list_type2 td .receive_time .bubble, .tbl_list_type2 td .trans_time .bubble {left:-75px}

.tbl_list_type3 {table-layout:fixed;width:100%;border-collapse:collapse;border-top:2px solid #3f3f3f;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type3 th {padding:8px;background:#fafafa;color:#222;font-size:13px;font-weight:bold;border-bottom:1px solid #3f3f3f;vertical-align:middle}
.tbl_list_type3 th a {color:#777}
.tbl_list_type3 td {padding:8px;border-bottom:1px solid #c1c1c1;font-size:13px;color:#333;text-align:center;vertical-align:middle;}
.tbl_list_type3 td.bt_none {border-bottom:none}

.bubble
	{	
		display:block;
		position:absolute;
		top:-7px;
		left:-61px;
		padding:6px 10px 6px 10px;
		background:rgba(0,0,0,0.9);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		opacity:0;filter: alpha(opacity=0);
	}

.bubble:after
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent rgba(0,0,0,0.9);
		display: block;
		width: 0;
		z-index: 1;
		right: -6px;
		top: 11px;
	}
	
.bubble2
	{	
		display:block;
		position:absolute;
		top:-37px;
		left:-28px;
		padding:6px 10px 6px 10px;
		background:rgba(0,0,0,0.9);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		opacity:0;filter: alpha(opacity=0);
	}
.bubble2.play_b {top:-42px;left:-4px;width:50px;height:34px;padding:0;line-height:32px}
.bubble2.down_b {top:-42px;left:-15px;width:70px;height:34px;padding:0;line-height:32px}

.bubble2:after
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 6px 6px 0;
		border-color: rgba(0,0,0,0.9) transparent;
		display: block;
		width: 0;
		z-index: 1;
		bottom: -6px;
		left: 50%;
		margin-left:-5px;
	}

.answer {display:inline-block;width:75px;height:25px;background-color:#a7290a;font-size:14px;font-weight:bold;text-align:center;line-height:23px;color:#fff}
.answer_ing {display:inline-block;width:75px;height:25px;background-color:#d0d0d0;font-size:14px;font-weight:bold;text-align:center;line-height:23px;color:#4e4e4e}

.write_tbl {width:100%;table-layout:fixed;border-collapse:collapse}
.write_tbl th {height:47px;text-align:left;font-weight:normal}
.write_tbl td {height:47px;padding-left:14px;font-size:14px;color:#181b3e}
.write_tbl td .gray_txt {color:#666}
.write_tbl th .tbl_tit, .write_tbl td .tbl_tit {display:inline-block;width:100%;border-bottom:1px solid #666;font-size:14px;color:#666}
.write_tbl th .tbl_tit i, .write_tbl td .tbl_tit i {margin-right:3px;}

.order_total {padding:22px;border-top:1px solid #d3d3d5;border-bottom:1px solid #515151;margin:0 0 15px 0;background:#f3f3f3;line-height:24px;vertical-align:middle}
.order_total .left {float:left;width:50%}
.order_total .right {float:right;width:50%;text-align:right;font-size:13px}

.agree {height:121px;background:#f4f4f4;border:1px solid #dddddd;padding:20px 20px 20px 20px;margin-top:10px;overflow-y:auto;scroll-y:auto;scroll-x:hidden}

.bo_list_total {display:block;float:left;width:50%}


/* 게시판 목록 공통 */
.bo_fx {margin-top:20px;margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {display:inline-block;position:relative;border:1px solid #8f8e93;padding:7px 10px 5px;color:#fb4b13 !important;background:#fff;font-weight:bold;vertical-align:middle;cursor:pointer;}

#bo_v_ans {position:relative;margin-bottom:30px;padding-bottom:20px;border-top:1px dashed #808080;border-bottom:1px solid #808080}
#bo_v_ans .bo_v_ans_tit {position:relative;padding:16px 20px 0px 20px;}
#bo_v_ans h2 {font-size:18px;color:#333;font-weight:bold;line-height:18px;}
#bo_v_ans .ans_btn {position:absolute;top:10px;right:0px}
#bo_v_ans .date {margin-top:5px;font-size:12px;color:#838383;}
#bo_v_ans #ans_con {padding:20px 0 20px 20px;font-size:13px;color:#666}
#bo_v_ans #ans_add {text-align:right}


.btn_list_area {width:100%;margin-top:30px}
.btn_list_area .left_list {float:left}
.btn_list_area .left_list li, .btn_list_area .right_list li {float:left;margin-left:3px}
.btn_list_area .left_list li:after, .btn_list_area .right_list li:after {display:block;content:"";clear:both}
.btn_list_area .right_list {float:right}

#bo_v_file {width:100%}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:5px 20px 5px 20px;border-bottom:1px solid #eee;}
#bo_v_file a {display:inline-block;font-size:11px;color:#000;word-wrap:break-word}
#bo_v_file a i {margin-right:3px;font-size:11px}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 3px;font-size:11px}
#bo_v_file li span {font-size:11px}

#bo_v_link {width:100%}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:5px 20px 5px 20px;border-bottom:1px solid #eee;}
#bo_v_link a {display:inline-block;font-size:11px;color:#000;word-wrap:break-word}
#bo_v_link a i {margin-right:3px;font-size:11px}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 3px;font-size:11px}
#bo_v_link li span {font-size:11px}

/* 게시판 댓글 */
#bo_vc {margin:30px 0 20px;border-top:1px solid #e4e4e4;}
#bo_vc h2.vc_tit {padding:12px 20px 0px;font-size:14px;font-weight:bold;color:#555}
#bo_vc header .icon_reply {position:absolute;top:-9px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {line-height:1.8em}
#bo_vc p a {text-decoration:none}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .bo_vc_content.fst {margin-top:0px;border-top:none}
#bo_vc .bo_vc_content {position:relative;margin-top:10px;padding:10px 20px 0px;border-top:1px dashed #8d8b8b;}
#bo_vc .bo_vc_content_head {position:relative;width:100%}
#bo_vc .bo_vc_content_head .btn_area {position:absolute;top:0px;right:0px}
#bo_vc .bo_vc_content_head .btn_area a {display:inline-block;font-size:11px;color:#424242;text-decoration:none}
#bo_vc .bo_vc_con {margin-top:5px;font-size:12px;color:#666}
#bo_vc .vc_name {display:inline-block;font-size:13px;color:#555}
#bo_vc .bo_vc_hdinfo {display:inline-block;font-size:12px;color:#666}
#bo_vc .bo_vc_content_comment {position:relative;margin:0 auto;padding:6px 20px 0px 35px;border-top:1px solid #fff;background:url(/ui/imgs/board/comment_icon.png) no-repeat 21px 10px #fff}
#bo_vc_w {margin-top:20px}
#bo_vc .vc_co_name {color:#c7634b}

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

.captcha_input_list {width:100%;margin-top:10px}
.captcha_input_list li {position:relative;margin-left:0px}
.captcha_input_list li:first-child {margin-left:0px}
.captcha_input_list li .tit {display:none;width:100px;font-weight:normal;color:#666}

.comment_input_list {width:100%;margin-bottom:10px}
.comment_input_list li {float:left;width:130px;margin-left:10px}
.comment_input_list li:first-child {margin-left:0px}
.comment_input_list li input {display:inline-block;width:100%}

.comment_txt_list {width:100%;margin-top:10px;margin-bottom:10px}
.comment_txt_list li {float:left;}
.comment_txt_list li.w90 {width:90%}
.comment_txt_list li.w10 {width:10%}
.comment_textarea {
    resize: none;
    width: 100%;
    height: 36px;
    border: 1px solid #d7d7d7;
    background-color: transparent;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: normal;
    font-size: 14px;
    outline: 0 none;
    ime-mode: active;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	text-indent:12px;

}

.comment_btn {
    display: inline-block;
    width: 100%;
    height: 42px;
    border: 1px solid #d7d7d7;
    background: url(../../imgs/btn/search_btn_bg.gif) repeat-x 0 100% #fff;
    line-height: 30px;
    text-align: center;
    color: #212121;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12px;
}