@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS THEME JOAN STYLE SHEET
 *
 * ==================================================================================================== */

/* 페이지 설명 */
.ws_an_info_wrap {margin-bottom:20px}
.ws_an_info_wrap ul {padding:10px;border:1px solid #ddd;background-color:#fafafa}
.ws_an_info_wrap ul li {height:22px;line-height:22px}
.ws_an_info_wrap ul li .es_point {color:#ec4000}

/* 페이지 타이틀 */
.ws_an_title_wrap {margin-bottom:20px}
.ws_an_title_wrap .es_title {margin-bottom:10px;color:#333;font-size:1.15em;font-weight:600}

/* 데이터 검색 */
.ws_an_search_wrap {margin-bottom:20px}
.ws_an_search_wrap .es_title {margin-bottom:10px;color:#333;font-size:1.15em;font-weight:600}

/* 데이터 검색 > 검색 테이블 */
.ws_an_search_wrap .wd_table_search {margin-bottom:20px}
.ws_an_search_wrap .wd_table_search > tbody {border-width:0 1px;border-style:solid;border-color:#eee}
.ws_an_search_wrap .wd_table_search > tfoot {border-width:0 1px 1px;border-style:solid;border-color:#eee}

/* 데이터 목록 (데이터 그리드) */
.ws_an_data_wrap {margin-bottom:20px}
.ws_an_data_wrap .es_title {margin-bottom:10px;color:#333;font-size:1.15em;font-weight:600}
.ws_an_data_wrap .es_text_cut {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 데이터 등록 */
.ws_an_create_wrap {margin-bottom:20px}
.ws_an_create_wrap .es_title {margin-bottom:10px;color:#333;font-size:1.15em;font-weight:600}
.ws_an_create_wrap .es_comment {margin-left:10px;line-height:25px}
.ws_an_create_wrap .es_description {}
.ws_an_create_wrap .es_description ul {padding:10px;border:1px solid #ddd;background-color:#fafafa}
.ws_an_create_wrap .es_description ul li {height:22px;line-height:22px}
.ws_an_create_wrap .es_description ul li .es_point {color:#ec4000}

/* 데이터 등록 > 등록 테이블 */
.ws_an_create_wrap .wd_table_create {}
.ws_an_create_wrap .wd_table_create > tbody {border-width:0 1px;border-style:solid;border-color:#eee}
.ws_an_create_wrap .wd_table_create > tfoot {border-width:0 1px 1px;border-style:solid;border-color:#eee}

/* 데이터 등록 > 테이블 아래 등록버튼 */
.ws_an_create_wrap .es_action_area {margin-top:20px;text-align:center}

/* 데이터 목록 */
.ws_an_list_wrap {margin-bottom:20px}
.ws_an_list_wrap .es_title {margin-bottom:10px;color:#333;font-size:1.15em;font-weight:600}

/* 데이터 페이징 */
.ws_an_page_wrap {text-align:center}
.ws_an_page_wrap .pg_wrap {float:none !important}

/* 데이터 버튼영역 */
.ws_an_button_wrap {margin-bottom:20px;text-align:center}

/* 컨텐츠 텍스트 디자인 */
.ws_an_word_wrap {}
.ws_an_word_wrap .es_visual_area {margin-bottom:50px}
.ws_an_word_wrap .es_visual_area .bs_images {}
.ws_an_word_wrap .es_visual_area .bs_button {text-align:center}
.ws_an_word_wrap .es_text_area {margin-bottom:30px}
.ws_an_word_wrap .es_text_area .bs_title {margin-bottom:15px;padding-bottom:10px;border-bottom: 1px dashed #eee;font-size:1.5em;letter-spacing:-1px}
.ws_an_word_wrap .es_text_area .bs_list_design_01 {}
.ws_an_word_wrap .es_text_area .bs_list_design_01 li {margin-bottom:7px;font-size:1.1em}
.ws_an_word_wrap .es_text_area .bs_list_design_02 {padding:20px;background-color:#f9f9f9}


/* ==================================================================================================== *
 *
 *   데이터 그리드 스타일커스텀
 *
 * ==================================================================================================== */

/* 데이터 그리드 */
.ws_webis_grid_wrap th.es_label_edit {background: #E0F0FF}
.ws_webis_grid_wrap .ui-jqgrid-htable tr.ui-jqgrid-labels th {padding:5px !important;font-size:12px !important}
.ws_webis_grid_wrap .ui-jqgrid-btable tr.jqgrow td {padding:5px !important;font-size:12px !important;line-height:1.5 !important;white-space:normal !important}
.ws_webis_grid_wrap .ui-jqgrid-bdiv::-webkit-scrollbar {width:10px}
.ws_webis_grid_wrap .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {background-color:#DEDEDE}
.ws_webis_grid_wrap .ui-jqgrid-bdiv {overflow-y:scroll !important}
/*.ws_webis_grid_wrap .ui-jqgrid-jquery-ui .ui-jqgrid-bdiv {background-image:url(/webis/img/v1/logo/webis/logo.png);background-repeat:no-repeat;background-position:center}*/

/* 데이터그리드 > 폼요소 */
.ws_webis_grid_wrap .es_td_form input,
.ws_webis_grid_wrap .es_td_form select,
.ws_webis_grid_wrap .es_td_form button,
.ws_webis_grid_wrap .es_td_form textarea {padding:0 10px;min-height:25px;line-height:25px;border-color:#D5D5D5;border-width:1px;border-style:solid;background-color:#FFFFFF}
.ws_webis_grid_wrap .es_td_form textarea {padding-top:5px;padding-bottom:5px}
.ws_webis_grid_wrap .es_td_form select,
.ws_webis_grid_wrap .es_td_form input[type=checkbox],
.ws_webis_grid_wrap .es_td_form input[type=radio] {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
.ws_webis_grid_wrap .es_td_form select::-ms-expand{display:none}
.ws_webis_grid_wrap .es_td_form select {padding-right:30px;background: url(/webis/img/v1/form/select_arrow.png) no-repeat center right 10px}
.ws_webis_grid_wrap .es_td_form input[type=checkbox] {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
.ws_webis_grid_wrap .es_td_form input[type=checkbox] {background:url(/webis/img/v1/form/checkbox_off.png) center no-repeat}
.ws_webis_grid_wrap .es_td_form input:checked[type=checkbox] {background:url(/webis/img/v1/form/checkbox_on.png) center no-repeat}
.ws_webis_grid_wrap .es_td_form label {margin-right:10px}
.ws_webis_grid_wrap .es_td_form input[type=radio] {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
.ws_webis_grid_wrap .es_td_form input[type=radio] {background:url(/webis/img/v1/form/radio_off.png) center no-repeat}
.ws_webis_grid_wrap .es_td_form input:checked[type=radio] {background:url(/webis/img/v1/form/radio_on.png) center no-repeat}


/* ==================================================================================================== *
 *
 *   문자발송, 휴대폰다지인 > 발송내용, 발송옵션, 발신번호 등
 *
 * ==================================================================================================== */

/* SEND-PHONE > 레이아웃 */
.ws_send_phone_wrap {display:block;width:100%;padding:15px;border:1px solid #d5d5d5;border-radius:15px !important;box-shadow:0 0 5px #D4D4D4 inset}

/* SEND-PHONE > 폼요소 */
.ws_send_phone_wrap input.wm_form_input,
.ws_send_phone_wrap select.wm_form_select,
.ws_send_phone_wrap button.wm_form_button,
.ws_send_phone_wrap textarea.wm_form_textarea {width:100%;padding:0 10px;min-height:30px;line-height:30px;border-color:#D5D5D5;border-width:1px;border-style:solid;background-color:#FFFFFF}
.ws_send_phone_wrap select.wm_form_select,
.ws_send_phone_wrap input[type=checkbox].wm_form_checkbox,
.ws_send_phone_wrap input[type=radio].wm_form_radio {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
.ws_send_phone_wrap select.wm_form_select::-ms-expand{display:none}
.ws_send_phone_wrap select.wm_form_select {padding-right:30px;background: url(/webis/img/v1/form/select_arrow.png) no-repeat center right 10px}
.ws_send_phone_wrap label.wm_form_checkbox_label {margin-right:10px}
.ws_send_phone_wrap input[type=checkbox].wm_form_checkbox {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
.ws_send_phone_wrap input[type=checkbox].wm_form_checkbox {background:url(/webis/img/v1/form/checkbox_off.png) center no-repeat}
.ws_send_phone_wrap input:checked[type=checkbox].wm_form_checkbox {background:url(/webis/img/v1/form/checkbox_on.png) center no-repeat}
.ws_send_phone_wrap label.wm_form_radio_label {margin-right:10px}
.ws_send_phone_wrap input[type=radio].wm_form_radio {display:inline-block;width:14px;height:14px;margin-top:-1px;margin-right:3px}
.ws_send_phone_wrap input[type=radio].wm_form_radio {background:url(/webis/img/v1/form/radio_off.png) center no-repeat}
.ws_send_phone_wrap input:checked[type=radio].wm_form_radio {background:url(/webis/img/v1/form/radio_on.png) center no-repeat}

/* SEND-SUBJECT > 로고, 현재시간 */
.ws_send_phone_wrap .es_subject_area {margin:5px 0}
.ws_send_phone_wrap .es_subject_area:before,
.ws_send_phone_wrap .es_subject_area:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_send_phone_wrap .es_subject_area .bs_logo_box {float:left;margin-left:5px;font-size:1.1em;font-weight:600}
.ws_send_phone_wrap .es_subject_area .bs_time_box {float:right;margin-right:5px;font-size:1.1em;letter-spacing:-1px}

/* SEND-CONTENT > 레이아웃 */
.ws_send_phone_wrap .es_content_area {padding:5px;border:1px solid #d9d9d9;border-radius:5px !important;background-color:#fff}

/* SEND-CONTENT > 문자타입, 좌우 아이콘 */
.ws_send_phone_wrap .es_content_area .bs_type_box {position:relative;height:25px;margin:5px 0;text-align:center;line-height:25px}
.ws_send_phone_wrap .es_content_area .bs_type_box .is_left_icon {position:absolute;left:5px}
.ws_send_phone_wrap .es_content_area .bs_type_box .is_center_text {font-weight:bold}
.ws_send_phone_wrap .es_content_area .bs_type_box .is_right_icon {position:absolute;right:5px}

/* SEND-CONTENT > 문자제목 */
.ws_send_phone_wrap .es_content_area .bs_title_box {border-width:1px 1px 0 1px;border-style:solid;border-color:#D4D4D4;background-color:#f5f5f5}
.ws_send_phone_wrap .es_content_area .bs_title_box .is_title_input {border:0;background-color:transparent}
.ws_send_phone_wrap .es_content_area .bs_title_box .is_title_input:focus {border:0 !important}

/* SEND-CONTENT > 문자배경, 문자내용, 광고문구 */
.ws_send_phone_wrap .es_content_area .bs_message_box {padding:10px;border:1px solid #D4D4D4;background-color:#e0f4ff}
.ws_send_phone_wrap .es_content_area .bs_message_box.bs_long_bg {background-color:#f4ffef}
.ws_send_phone_wrap .es_content_area .bs_message_box.bs_kakao_bg {background-color:#fffde0}

.ws_send_phone_wrap .es_content_area .bs_message_box .is_ad_top,
.ws_send_phone_wrap .es_content_area .bs_message_box .is_ad_bottom {height:18px;line-height:18px}
.ws_send_phone_wrap .es_content_area .bs_message_box .is_ad_top .ss_ad_message,
.ws_send_phone_wrap .es_content_area .bs_message_box .is_ad_bottom .ss_ad_message {display:none;font-weight:bold}

.ws_send_phone_wrap .es_content_area .bs_message_box .is_message {margin:5px 0}
.ws_send_phone_wrap .es_content_area .bs_message_box .is_message .ss_msg_textarea {overflow-y:auto;width:100%;height:150px;padding:0;border:0;background-color:transparent;line-height:1.6;resize:none}
.ws_send_phone_wrap .es_content_area .bs_message_box .is_message .ss_msg_textarea:focus {border:0 !important}
.ws_send_phone_wrap .es_content_area .bs_message_box .is_message .ss_kakao_textarea {height:235px}

/* SEND-CONTENT > 다시쓰기, 바이트수 */
.ws_send_phone_wrap .es_content_area .bs_byte_box {height:30px;border-width:0 1px 1px 1px;border-style:solid;border-color:#D4D4D4;background-color:#f5f5f5;line-height:30px}
.ws_send_phone_wrap .es_content_area .bs_byte_box .is_restore {margin-left:10px}
.ws_send_phone_wrap .es_content_area .bs_byte_box .is_byte_info {float:right;margin-right:10px}

/* SEND-CONTENT > 옵션영역, 치환영역 공통 */
.ws_send_phone_wrap .es_content_area .bs_option_box .is_option_list,
.ws_send_phone_wrap .es_content_area .bs_switch_box .is_switch_list {overflow:hidden;text-align:center;border-width:0 0 1px 1px;border-style:solid;border-color:#D4D4D4;background-color:#f5f5f5}
.ws_send_phone_wrap .es_content_area .bs_option_box .is_option_list li,
.ws_send_phone_wrap .es_content_area .bs_switch_box .is_switch_list li {float:left;border-right:1px solid #d4d4d4}
.ws_send_phone_wrap .es_content_area .bs_option_box .is_option_list .ss_button,
.ws_send_phone_wrap .es_content_area .bs_switch_box .is_switch_list .ss_button {display:block;height:30px;line-height:30px}

/* SEND-CONTENT > 특수문자, 내문자함, 문자저장 */
.ws_send_phone_wrap .es_content_area .bs_option_box {}
.ws_send_phone_wrap .es_content_area .bs_option_box .is_option_list li {width:33.3%}
.ws_send_phone_wrap .es_content_area .bs_option_box .is_option_list li:last-child {width:33.4%}

/* SEND-CONTENT > 문자치환, 사용안내 */
.ws_send_phone_wrap .es_content_area .bs_switch_box {}
.ws_send_phone_wrap .es_content_area .bs_switch_box .is_switch_list li {width:25%}

/* SEND-CONTENT > 광고문자옵션, 수신거부번호 */
.ws_send_phone_wrap .es_content_area .bs_reject_box {display:block;height:30px;padding-top:3px;background-color:#f9f9f9;line-height:30px;text-align:center}

/* SEND-NUMBERS > 이미지첨부 */
.ws_send_phone_wrap .es_numbers_area .bs_images_box {margin-top:15px}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list {overflow:hidden;border-width:1px;border-style:solid;border-color:#D4D4D4;text-align:center}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li {position:relative;float:left;width:33.3%;border-right-width:1px;border-style:dotted;border-color:#D4D4D4;}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li:last-child {width:33.4%;border-right-width:0}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_button {display:block;height:80px;background-color:#fafafa;line-height:80px}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_button .ks_empty {display:block;padding-top:5px}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_button .ks_empty .fa {color:#ccc;font-size:1.7em}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_button .ks_image {display:none}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_button .ks_image img {width:100%;height:100%}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_delete {display:none;position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;background-color:#ff5e93;cursor:move;z-index:1}
.ws_send_phone_wrap .es_numbers_area .bs_images_box .is_images_list li .ss_view_delete .fa {color:#fff;font-size:1.1em}

/* SEND-NUMBERS > 발신번호 */
.ws_send_phone_wrap .es_numbers_area .bs_number_box {margin-top:15px}
.ws_send_phone_wrap .es_numbers_area .bs_number_box .is_title_conts {}
.ws_send_phone_wrap .es_numbers_area .bs_number_box .is_title_conts .ss_title {font-size:1.15em;font-weight:bold}
.ws_send_phone_wrap .es_numbers_area .bs_number_box .is_title_conts .ss_button {float:right}
.ws_send_phone_wrap .es_numbers_area .bs_number_box .is_number_list {margin-top:5px}

/* SEND-NUMBERS > 발송(예약)시간 */
.ws_send_phone_wrap .es_numbers_area .bs_time_box {margin-top:15px}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_title_conts .ss_title {font-size:1.15em;font-weight:bold}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_title_conts .ss_type {float:right}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_title_conts .ss_type label {margin-left:10px}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_date_conts {margin-top:5px}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_time_conts {margin-top:5px}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_time_conts .ss_left_time {width:49%}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_time_conts .ss_right_time {float:right;width:49%}

.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_date input,
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_time select {border:1px solid #eee}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_date input {width:100%}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_time {margin-top:5px}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_time select {width:49%}
.ws_send_phone_wrap .es_numbers_area .bs_time_box .is_conts .ss_form_time select:last-child {float:right}

/* SEND-BUTTON > 발송버튼 */
.ws_send_phone_wrap .es_button_area .bs_send_button {width:100%;height:40px;margin-top:15px;color:#fff;background:#5B5B5B;font-size:1.3em;line-height:40px}


/* ==================================================================================================== *
 *
 *   문자발송 리스트 > 번호추가(붙여넣기, 주소록, 엑셀파일, 텍스트파일), 번호제거 옵션 등
 *
 * ==================================================================================================== */

/* UMS-NUMBER-LIST */
.ws_send_number_list_wrap {margin:10px 0}

/* UMS-NUMBER-LIST > UMS-BUTTON */
.ws_ums_button_wrap {display:block;height:40px;border:1px solid #d5d5d5;font-size:1.1em;text-align:center;line-height:40px}
.ws_ums_button_wrap i {margin-right:5px}
.ws_ums_button_wrap {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.ws_ums_button_wrap.ws_ums_button_on_wrap {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
    background: rgb(96,108,136); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    color:#fff;
}

/* UMS-NUMBER-LIST > 전화번호 추가 > 좌우 컨텐츠, 버튼 폼 */
.ws_line_form_wrap {position:relative}
.ws_line_form_wrap .es_content_area {position:absolute;width:auto;height:auto;top:0px;right:0px;bottom:0px;left:0px;/*overflow:auto*/}
.ws_line_form_wrap .es_button_area {position:absolute;top:0;right:0;height:100%}

/* UMS-NUMBER-LIST > 전화번호 추가 > 붙여넣기, 조소록, 엑셀파일, 텍스트파일 */
.ws_line_form_wrap {margin-top:10px;height:120px}
.ws_line_form_wrap .es_content_area {margin-right:120px;border:1px solid #eee}
.ws_line_form_wrap .es_content_area .bs_form_textarea,
.ws_line_form_wrap .es_content_area .bs_form_textarea:focus {width:100%;height:100%;padding:10px;border:0 !important;outline:0 !important;line-height:1.7;resize:none}
.ws_line_form_wrap .es_content_area .bs_info_box {height:70px;padding:10px 0 0 10px;background-color:#F5F5F5}
.ws_line_form_wrap .es_content_area .bs_info_box .is_info_list:before {content:'ㆍ';color:#888;font-weight:500;margin-right:5px}
.ws_line_form_wrap .es_content_area .bs_info_box .is_info_list .ss_strong {font-weight:bold;color:#ec4000}
.ws_line_form_wrap .es_content_area .bs_form_box {height:50px;line-height:50px}
.ws_line_form_wrap .es_content_area .bs_form_box:before,
.ws_line_form_wrap .es_content_area .bs_form_box:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_title {float:left;width:20%;background-color: #88a6bf;color:#FFFFFF;font-size:1.1em;text-align:center}
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_content {float:right;width:80%;padding:0 10px;}
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_content .ss_select,
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_content .ss_file {width:100%;padding:0 10px;min-height:30px;line-height:30px;border-color:#D5D5D5;border-width:1px;border-style:solid;background-color:#FFFFFF}
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_content .ss_select {padding-right:30px;background: url(/webis/img/v1/form/select_arrow.png) no-repeat center right 10px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
.ws_line_form_wrap .es_content_area .bs_form_box .is_form_content .ss_select::-ms-expand{display:none}
.ws_line_form_wrap .es_button_area {width:120px}
.ws_line_form_wrap .es_button_area .bs_button {display:block;width:120px;height:120px;line-height:120px;text-align:center;background:#5B5B5B;color:#fff;font-weight:bold;font-size:1.2em}

/* ==================================================================================================== *
 *
 *   컨텐츠 페이지 디자인
 *
 * ==================================================================================================== */

/* 이모티콘 리스트 */
.ws_emoticon_wrap {}
.ws_emoticon_wrap .es_emot_area {overflow:hidden}
.ws_emoticon_wrap .es_emot_area .bs_empty_box {width:100%;height:300px;margin:0;border:0;background-color:#fafafa;font-size:2em;text-align:center;line-height:300px}
.ws_emoticon_wrap .es_emot_area .bs_emot_box {float:left;width:23.5%;margin-right:2%;margin-bottom:2%;border:1px solid #ddd;text-align:center}
.ws_emoticon_wrap .es_emot_area .bs_emot_box:nth-child(4n) {margin-right:0}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_title {display:block;overflow:hidden;height:35px;padding:0 10px;border-bottom:1px solid #c9dbee;background-color:#e8f3ff;font-size:1.15em;line-height:35px;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_content .is_images {height:406px}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_content .is_images img {width:100%;height:auto}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_content .is_images .ss_noimg {width:100%;height:100%;text-align:center;line-height:406px;background-color:#fafafa}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_content .is_textarea {overflow-y:auto;width:100%;height:200px;margin:0;padding:10px;border:0;resize:none}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_content .is_textarea:focus {border:0 !important}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_byte {display:block;text-align:right;padding:5px}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_button_box {text-align:center;border-top:1px solid #eee;padding:10px 0;background:#f9f9f9}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_button_box .is_button {display:inline-block;padding:5px 10px;font-size:1.1em;border-radius:50px !important;background-color:#e3e3e3}
.ws_emoticon_wrap .es_emot_area .bs_emot_box .bs_button_box .wd_col_bg {color:#fff}

/* 특수문자 리스트 */
.ws_character_list_wrap {}
.ws_character_list_wrap span {display:inline-block;margin:3px;width:55px;height:40px;border:1px solid #e9e9e9;font-size:1.2em;text-align:center;text-decoration:none;cursor:pointer;line-height:40px}
.ws_character_list_wrap span:hover {background-color:#f3f7ff}