@charset "utf-8";

/* 앰버서더 컴퍼넌트 - 20160201 */
.mc_area {overflow:hidden;}

.mc_area button.btn_type1 {display:inline-block;background:#707070;color:#fff;font-size:18px;padding:8px 0 12px;line-height:19px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;width:160px;}
.mc_area button.btn_type1.wt.h1 {background:#fff;border:solid 1px #a9a9a9;padding:13px 21px 16px;color:#666;}
.mc_area button.btn_type2 {display:inline-block;background:#000;color:#fff;font-size:12px;padding:3px 19px 4px;line-height:13px;margin:0 2.5px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;}
.mc_area button.btn_type3 {display:inline-block;background:#fff;border:solid 1px #000;color:#000;font-size:18px;padding:13px 21px 16px;line-height:19px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;}
.mc_area button.btn_type4 {display:inline-block;background:#707070;font-size:14px;color:#fff;padding:1px 5px 2px;line-height:15px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;}
.mc_area button.btn_type5 {display:inline-block;background:#707070;font-size:20px;color:#fff;padding:37px 41px 42px;line-height:21px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;}
.mc_area button.btn_type6 {display:block;background:#707070;font-size:20px;color:#fff;padding:11px 42px 16px;line-height:21px;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:normal;}
.mc_area button.blk {background:#000;color:#fff;border:solid 1px #000;}
.mc_area button.h1 {padding:14px 21px 17px;}
.mc_area button.un {background:#ccc;}
.mc_area .f_l {float:left;}
.mc_area .f_r {float:right;}
.mc_area .mt4 {margin-top:4px;}

.mc_area .mc_ttit {color:#111;font-size:14px;font-weight:bold;padding-left:10px;}
.mc_event .mc_title {position:relative;}
.mc_event .mc_title.mc_main {padding-bottom:24px;border-bottom:solid 1px #111;}
.mc_event .mc_title:after {clear:both;display:block;content:"";}
.mc_event .mc_title .fpage-h2tit {padding-left:0;}
.mc_event .mc_title span {float:left;background:url("/kr/ko/resource/images/community/vb_mc/bg_line.png") no-repeat right 8px;color:#a6a6a6;font-size:21px;height:49px;padding-right:18px;}
.mc_event .mc_title .fpage-h2stit {float:left;margin-right:50px;padding:3px 0 20px 0;font-size:30px;color:#111;}
.mc_event .mc_title .fpage-h2stit strong {font-weight:bold;}
.mc_event .mc_title .txt {color:#111;font-size:20px;line-height:1.3;float:left;letter-spacing:-0.04em;margin-top:6px;}
.mc_event .mc_list_area {margin-top:40px;}
.mc_event .mc_list_area:after {clear:both;display:block;content:"";}
.mc_event .mc_list_area ul {}
.mc_event .mc_list_area ul li {border:solid 1px #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/*width:508px;margin-right:35px;margin-bottom:30px;*/float:left;width:30%;margin:0 1% 30px 1.5%;}/* 16.05.25 width:508->31%->30, margin:0 35px 30px 0->0 1% 30px->0 1% 30px 1.5% 로 수정 */
/*.mc_event .mc_list_area ul li:nth-child(3n) {margin-right:0;} 16.05.25 숨김처리 */
.mc_event .mc_list_area ul li div.info_box {margin:10px 9px;overflow:hidden;}/* 160216 수정 */
.mc_event .mc_list_area ul li div.info_box > a {display:block;text-align:center;overflow:hidden;}/* 160218 추가 */
.mc_event .mc_list_area ul li div.info_box img {width:100%;max-width:490px;max-height:300px;}
.mc_event .mc_list_area ul li div.info_box .info {margin:15px 5px 25px;}
.mc_event .mc_list_area ul li div.info_box .info p.category {font-size:13px;color:#111;margin-bottom:11px;}
.mc_event .mc_list_area ul li div.info_box .info p.title {font-size:16.5px;color:#111;letter-spacing:-0.04em;margin-bottom:12px;height:44px;}/* 16.06.03 height 추가 */
.mc_event .mc_list_area ul li div.info_box .info p.txt {color:#666;font-size:14px;line-height:1.3;letter-spacing:-0.04em;height:45px;}/* 160216 수정 */
.mc_event .mc_list_area ul li div.write {background:#f7f7f7;border-top:solid 1px #ddd;padding:20px;position:relative;}
.mc_event .mc_list_area ul li div.write span.id {margin-right:28px;font-size:15px;color:#111;}
.mc_event .mc_list_area ul li div.write span.btn {vertical-align:1px;}
.mc_event .mc_list_area ul li div.write button.modify {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_modify.gif") no-repeat left top;width:58px;height:20px;text-indent:-9999px;font-size:0;line-height:0;margin-right:5px;}
.mc_event .mc_list_area ul li div.write button.delete {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_delete.gif") no-repeat left top;width:58px;height:20px;text-indent:-9999px;font-size:0;line-height:0;}
.mc_event .mc_list_area ul li div.write span.date {position:absolute;right:18px;color:#888;}
.mc_event .bt_btn_area {text-align:right;padding-top:5px;margin-bottom:120px;}
.mc_event .bt_btn_area button.edit {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_edit.gif") no-repeat left top;width:160px; height:50px;text-indent:-9999px;font-size:0;line-height:0;margin-right:5px;}


/* 앰버서더 컴퍼넌트 - 상세 */
.mc_area .board-detail-tit h3.detail-tit {color:#111;}
.mc_area .board-detail-tit .detail-info .detail-user {background:url("/kr/ko/resource/images/community/vb_mc/line_mc_01.gif") no-repeat right center;padding-right:42px;margin-right:40px;}
.mc_area .board-detail-content .eventWrap img {display:block;}
.mc_area .board-detail-content .board-detail-list-title {border-bottom:1px solid #ebebeb;padding:13px 0;font-size:20px;color:#111;}
.mc_area .board-detail-listitem img {height:96px;}
.mc_area .board-detail-listiteminfo {position:relative;}
.mc_area .board-detail-listiteminfo span.category {font-size:12px;display:block;}
.mc_area .board-detail-listiteminfo span.dayinfo {display:block;margin-top:11px;}
.mc_area .mcWrap i {font-style:italic}/* 16.02.23 추가 */
.mc_area .mcWrap strong {font-weight:bold;}/* 16.02.23 추가 */
.mc_area .evt-off .board-detail-listiteminfo p {color:#111;line-height:1.2;height:auto;}
.mc_area .btn_area {margin-top:30px;}
.mc_area .btn_area:after {clear:both;display:block;content:"";}
.mc_area .btn_area button.modify2 {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_modify_02.gif") no-repeat left top;width:80px; height:50px;text-indent:-9999px;font-size:0;line-height:0;margin-right:5px;}
.mc_area .btn_area button.delete2 {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_delete_02.gif") no-repeat left top;width:80px; height:50px;text-indent:-9999px;font-size:0;line-height:0;margin-right:5px;}
.mc_area .btn_area button.list {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_list.gif") no-repeat left top;width:160px; height:50px;text-indent:-9999px;font-size:0;line-height:0;margin-right:5px;float:right;}
.mc_area .mc_replyWrap {margin-top:75px;}
.mc_area .mc_replyWrap h3 {color:#111;margin-bottom:10px;}
.mc_area .mc_replyWrap h3 span {font-size:14px;color:#666;margin-left:5px;}
.mc_area .mc_reply_write_box {background:#f3f3f3;border-top:solid 2px #111;border-bottom:solid 1px #ccc;padding:30px 50px;}
.mc_area .mc_reply_write_box .sns img {width:auto;margin-right:8px;padding-bottom:9px;}
.mc_area .mc_reply_write_box div.clear_div:after {clear:both;display:block;content:"";}
.mc_area .mc_reply_write_box div.clear_div .f_l {width:84%;}
.mc_area .mc_reply_write_box div.clear_div textarea {width:100%;height:100px;padding:10px;line-height:1.3;border:solid 1px #ccc;color:#666;}
.mc_area .mc_reply_write_box .r_btn {float:right;}
.mc_area .mc_reply_write_box button.edit2 {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_edit_02.gif") no-repeat left top;width:124px; height:100px;text-indent:-9999px;font-size:0;line-height:0;}
.mc_area .mc_reply_write_box button.modify3 {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_modify_03.gif") no-repeat left top;width:124px; height:48px;text-indent:-9999px;font-size:0;line-height:0;display:block;margin-bottom:4px;}
.mc_area .mc_reply_write_box button.cancel {background:url("/kr/ko/resource/images/community/vb_mc/btn_mc_cancel.gif") no-repeat left top;width:124px; height:48px;text-indent:-9999px;font-size:0;line-height:0;display:block;}
.mc_area .mc_reply_write_box span.stxt {display:inline-block;margin-top:3px;font-size:14px;color:#666;letter-spacing:-0.04em;}
.mc_area .reply-list {margin-top:60px;font-size:14px;color:#666;}
.mc_area .reply-list .reply-table-head {border-bottom:solid 1px #000;}
.mc_area .reply-list .reply-table-head span {font-size:16px;}
.mc_area .reply-table ul.m_basic_list li {position:relative;}
.mc_area .reply-table ul.m_basic_list li span.btn {display:block;}
.mc_area .reply-table ul.m_basic_list li span.text {word-break:break-all;}


/* 앰버서더 컴퍼넌트 - 등록 및 수정 */
.mc_area .mc_edit {border-top:solid 2px #111;}
.mc_area .mc_edit table.mc_detail_editor {width:80%;margin:30px auto;}
.mc_area .mc_edit table.mc_detail_editor th {font-size:19px;color:#111;height:46px;padding:5px 0;text-align:right;vertical-align:middle;}
.mc_area .mc_edit table.mc_detail_editor th.vt_top {vertical-align:top;padding-top:2px}
.mc_area .mc_edit table.mc_detail_editor th.vt_top p {margin-top:7px;}
.mc_area .mc_edit table.mc_detail_editor td {font-size:16px;color:#666;height:46px;padding:5px 0 5px 30px;vertical-align:middle;}
.mc_area .mc_edit .editor_area {border:solid 1px #b7b7b7;height:750px;}
.mc_area select {line-height:30px;font-size:16px;height:36px;color:#666;padding:0 0 0 10px;width:100%;}
.mc_area select option.disable {cursor:context-menu;color:#aaa;}
.mc_area input.mc_edit_tit {border:solid 1px #b7b7b7;font-size:16px;height:46px;line-height:46px;padding:0 10px; width:100%;}
.mc_area .btn_center {text-align:center;margin-left:155px;}
.mc_area .btn_center button {margin:0 5px;}

/* 16.04.05 추가 */
.mc_area .file_form {position:relative;}
.mc_area .file_form_div {position:absolute;z-index:10;width:100%;}
.mc_area .file_form input.file_hide {filter:alpha(opacity:0);opacity:0;width:100%;height:46px;}
.mc_area .file_form input.file_show {border:solid 1px #c6c6c6;color:#666;font-size:16px;padding:0 10px;height:46px;line-height:34px;width:92%;}
/*.mc_area .file_form .file_reset {}*/
.mc_area .file_form .file_find_btn {position:absolute;right:0;top:0;cursor:pointer;}


@media all and  (max-width:1680px) {
	.mc_event .mc_list_area ul li {width:30.5%;}/* 16.06.02 width:32->31->30.5, margin-right:1.7% 삭제 및 수정 */
}
@media all and  (max-width:1600px) {
	.mc_area .mc_reply_write_box div.clear_div textarea {width:94%}
}
@media all and (max-width:1370px) {
	.mc_area .mc_reply_write_box div.clear_div .f_l {width:75%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:97%}
}
@media all and (max-width:1310px) {
	.mc_area .mc_reply_write_box div.clear_div .f_l {width:75%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:97%}
}
@media all and (max-width:1230px) {
	.mc_area .mc_reply_write_box div.clear_div textarea {width:92%}
}
@media all and (max-width:1205px) {
	.mc_area .mc_reply_write_box div.clear_div textarea {width:92%}
}
@media all and (max-width:1185px) {
	.mc_area .mc_reply_write_box div.clear_div .f_l {width:70%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:90%}
}
@media all and (max-width:1105px) {
	.mc_area .mc_reply_write_box div.clear_div .f_l {width:65%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:88%}
}
@media all and  (max-width:1070px) {
	.mc_event .mc_list_area ul li {width:30%;margin-right:1.5%;}/* 16.06.03 width:32->30 수정 */
}
@media all and (max-width:1050px) {
	.mc_area .mc_reply_write_box div.clear_div .f_l {width:60%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:85%}
}
@media all and (max-width:1024px) {
	.mc_event .mc_list_area ul li {float:none;margin-right:0;width:96.5%;}/* 16.06.03 width:99.5->96.5 수정 */
	.mc_event .mc_list_area ul li div.info_box img {margin:0 auto;text-align:center;}
	.mc_area .mc_reply_write_box div.clear_div .f_l {float:none;width:100%;}
	.mc_area .mc_reply_write_box div.clear_div textarea {width:97%}
	.mc_area .mc_reply_write_box .r_btn {float:none;text-align:center;margin-top:10px;}
	.mc_area button.btn_type5 {padding:10px 41px 13px;font-size:18px;}
	.mc_event .board-detail-tit .detail-info {position:relative;padding-left:40px;padding-bottom:10px;}
	.mc_event .board-detail-tit .detail-info:after {clear:both;display:block;content:"";}
}
@media all and (max-width:840px) {
    .mc_area .mc_edit table.mc_detail_editor {width:90%;}
}
@media all and (max-width:768px) {
	.mc_event .reply-table ul.m_basic_list li span.user_id {width:60% !important;}
	.mc_event .reply-table ul.m_basic_list li span.user_id span.btn {float:none;}
    .mc_event .reply-table ul.m_basic_list li span.date {position:absolute;bottom:16px;right:0;width:20% !important;}
    .mc_area .mc_edit table.mc_detail_editor {width:100%;}
	.mc_area .mc_edit table.mc_detail_editor th {font-size:15px;}
	.mc_area input.mc_edit_tit {font-size:13px;}
	.mc_area .file_form input.file_show {font-size:13px;}
	.mc_event .mc_list_area ul li {margin:0 0 30px;} /* 16.05.27 추가 */ 
}
@media all and (max-width:675px) {
    .mc_area .mc_edit table.mc_detail_editor .col_1 {width:15% !important;}
	.mc_area .mc_edit table.mc_detail_editor .col_2 {width:85% !important;}
	.mc_area .btn_center button.btn_type1 {width:63px;padding:8px 6px 6px;}
}
@media all and (max-width:480px) {
	.mc_event .reply-table ul.m_basic_list li span.date {right:6px;}
	.mc_area .btn_area {text-align:center;}
	.mc_area .btn_area button {font-size:14px;padding:2px 10px 3px;}
	.mc_area .btn_area button.btn_type1 {width:auto;float:none;font-size:14px;border:solid 1px #707070;}
	.mc_event .board-detail-tit .detail-info {padding-left:20px;}
	.mc_event .mc_list_area ul li div.write span.btn button.btn_type2 {padding:3px 5px 4px;}
	.mc_area .btn_center button.btn_type1.wt.h1 {padding:8px 6px 6px;}
	.mc_event .mc_list_area ul li div.write span.date {display:block;position:relative;margin-left:18px;}
}
@media all and (max-width:320px) {
    .mc_area .mc_edit table.mc_detail_editor .col_1 {width:20% !important;}
	.mc_area .mc_edit table.mc_detail_editor .col_2 {width:80% !important;}
}