@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;background:#fff;color:#000;font-size:0.75em;font-family:dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, aside ul, footer ul {margin:0;padding:0;list-style:none}

label, input, button, select, img {vertical-align:middle}

textarea, select {font-family:dotum;font-size:1em}

input {margin:0;padding:0;border-radius:0;font-family:dotum}
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
button {border-radius:0;font-size:1em;font-family:dotum;-webkit-appearance:none;cursor:pointer}
p {margin:0;padding:0 0 10px;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:focus, a:hover, a:active {/*text-decoration:underline*/}

/* 헤딩 */
h1 {margin:0 0 10px;padding:0 20px 10px;min-width:960px;border-bottom:1px solid #e9e9e9;color:#333;font-size:1.5em;font-family:dotum;letter-spacing:-0.1em}
h2 {margin:0 0 10px;padding:0 20px;font-size:1.2em}
h2.h2_frm {padding-top:15px}
h3 {margin:0 20px}


.icode_old_version th{background-color:#FFFCED !important; }
.icode_json_version th{background-color:#F6F1FF !important; }
.cf_tr_hide {display:none !important;}

/* 레이아웃 */
#hd {z-index:10;min-width:1000px;background:url('../img/hd_bg.jpg') #383b3f repeat-x}
#hd h1, #hd h2 {position:absolute;border:0;font-size:0;line-height:0;overflow:hidden}
#hd_wrap {z-index:11;position:relative;margin:0 auto}
#logo {position:relative;height:70px}
#logo img {position:absolute;top:19px;left:20px}

#tnb {z-index:2;position:absolute;top:27px;right:20px;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb {float:right;margin:0;padding:0;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #444}
#tnb #tnb_logout {border-right:0;padding:0}
#tnb a {display:inline-block;color:#bbb;text-decoration:none;letter-spacing:-0.1em}
#tnb a:focus, #tnb a:hover {color:#fff}
#tnb #tnb_logout a {color:#ff3061}
#tnb span {position:absolute;bottom:10px;left:0;width:100%;text-align:center}

/* gnb */
#gnb {position:relative;z-index:12;min-width:999px;background:#383a3f}
#gnb h2 {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {position:relative;margin:0 20px;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:13;position:relative;float:left;margin:0 0 0 -1px;border:1px solid #333;border-top:0;border-bottom:0}
.gnb_1da {display:block;width:120px;height:34px;color:#fff;font-weight:bold;text-align:center;text-decoration:none;line-height:2.8em}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {background:#fff;color:#000}
.gnb_1dli_on .gnb_1da {background:#282828;color:#fff}
.gnb_2dul {display:none;position:absolute;top:34px;width:180px;border:1px solid #999;border-top:0;background:#fff}
.gnb_2da {display:block;padding:8px 10px;background:#fff;color:#000;text-decoration:none}
.gnb_grp_style {background:#f7f7f7 !important}
.gnb_2da:focus, .gnb_2da:hover {background:#484848 !important;color:#fff !important;text-decoration:none}
.gnb_1dli_air .gnb_2da {background:#fff;color:#000}
.gnb_1dli_on .gnb_2da {background:#fff;color:#000}
.gnb_1dli_over .gnb_2dul {display:block;left:-1px}
.gnb_1dli_over2 .gnb_2dul {display:block;right:-1px}

.gnb_grp_div {border-top:1px solid #eee}


#lnb {margin:0;padding:15px;min-width:970px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}

#lnb:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left}
#lnb a {display:inline-block;padding:0 10px;border-right:1px solid #ccc;font-size:0.95em;letter-spacing:-0.1em}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:20px 0;min-width:1000px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#container {z-index:4;position:relative}

/* 텍스트 크기 조절 */
#text_size {position:absolute;top:-6px;right:20px}
#text_size button {margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
#to_content a:focus, #to_content a:active {width:100%;height:70px;background:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha img {border:1px solid #ddd;border-right:0}
#captcha_mp3 img {border:1px solid #ddd;border-left:0;background:#494949}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 공통박스 */
.compare_wrap {margin:0 20px 10px;zoom:1}
.compare_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.compare_wrap section {margin:10px 0;padding:2%;background:#f2f5f9}
.compare_wrap h3 {margin:10px 0 20px;text-align:center}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input, .compare_wrap .required {background-color:#fff !important}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:45%}
.compare_right {float:right;width:45%}

/* 버튼 */
.btn_confirm {margin:0 20px 10px}

.btn_confirm01 {clear:both;text-align:center}
.btn_confirm01 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm01 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm01 a:focus {background:#555}

.btn_confirm02 {clear:both;margin-top:10px;text-align:center}
.btn_confirm02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm02 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm02 a:focus {background:#555}


.btn_submit {margin:0;padding:0;border:0;background:#ff3061;color:#fff;cursor:pointer}

.btn_confirm .btn_submit {padding:0 15px;border:0;height:30px;color:#fff}
.btn_cancel {display:inline-block;padding:0 15px;height:30px;border:0;background:#617d46;color:#fff;text-decoration:none}
a.btn_cancel {line-height:2.5em;vertical-align:middle}
.btn_frmline {display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline:focus, .btn_frmline:hover, .btn_frmline:active {text-decoration:none}

.btn_win {margin:0 20px 10px} /* 새창용 */

.btn_win01 {clear:both;text-align:center}
.btn_win01 a, .btn_win01 button {padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa}
.btn_win01 a {display:inline-block;line-height:2em;cursor:pointer}
.btn_win01 a:focus, .btn_win01 a:hover {text-decoration:none}

.btn_win02 {clear:both;text-align:center}
.btn_win02 a, .btn_win02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_win02 a {display:inline-block;vertical-align:middle;cursor:pointer}
.btn_win02 a:focus, .btn_win02 a:hover {text-decoration:none}
.btn_win02 button.btn_submit {background:#ff3061;color:#fff}

.btn_list {margin:0 20px 10px} /* 목록용 */

.btn_list01 {}
.btn_list01 input, .btn_list01 button, .btn_list01 a {display:inline-block;margin:0;padding:10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
.btn_list01 a:focus {background:#555}

.btn_list02 {}
.btn_list02 input, .btn_list02 button, .btn_list02 a {display:inline-block;padding:5px 10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
.btn_list02 a:focus {background:#555}

.btn_list03 {text-align:right}
.btn_list03 a {display:inline-block;padding:0 15px;height:28px;background:#617d46;color:#fff;text-decoration:none;line-height:2.4em;vertical-align:middle}
.btn_list03 a:focus {background:#555}

.btn_add {margin:0 20px 10px} /* 목록용 추가 */


.btn_add01 {text-align:right}
.btn_add01 a, .btn_add01 button {padding:10px;border:1px solid #ccc;background:#f0f0f0;text-decoration:none;cursor:pointer}
.btn_add01 a {display:inline-block;vertical-align:middle}
.btn_add01 a#coupon_add{background-color: #1A6DFF; border: 1px solid #1A6DFF;}
.btn_add01 button {margin:0}

/* 필수입력 */ 
.required {background:url('../../img/wrest.gif') #f6f9fa top right no-repeat !important}

/* 외부서비스 사이트코드 */
.sitecode {display:inline-block;font:bold 15px 'Verdana';vertical-align:middle}

/* 폼 */
textarea, .frm_input {border:1px solid #ced9de;background:#f6f9fa;vertical-align:middle}
textarea {padding:2px;width:90%}
.frm_input {height:22px;line-height:1.8em}
.full_input {width:98%}
select {border:1px solid #ced9de}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}

.readonly {}

/* 폼 안내글 */
.frm_info {display:block;padding:0 0 5px;color:#5b747e}

/* 목록 바로가기 */
.anchor {margin:0 20px 10px 21px;padding:0;zoom:1}
.anchor:after {display:block;visibility:hidden;clear:both;content:""}
.anchor li {float:left;margin-left:-1px;list-style:none}
.anchor a {display:inline-block;padding:5px 10px;border:1px solid #ddd;background:#FAFAFA;text-decoration:none}
.anchor a:focus, .anchor a:hover {background:#e9e9e9}


#sort_mb {width:800px}

#sort_sodr {width:600px}


/* 하단 레이아웃 */
#ft {clear:both;margin:20px 0;padding:10px 20px;min-width:960px;border-top:1px solid #d0d6d8}

/* 페이지 내 검색 */

.local_sch {min-width:960px}

.local_sch .btn_submit {padding:0 5px;height:24px;border:0;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}


.local_sch01 {margin:0 0 10px;padding:0 20px 10px;border-bottom:1px solid #e9e9e9}
.local_sch01 span {display:block;margin:0 0 5px}

.local_sch02 {margin:0 0 10px;padding:0 20px 5px;border-bottom:1px solid #e9e9e9}
.local_sch02 div {padding:0 0 5px;margin:0 0 5px;border-bottom:1px solid #f4f4f4}
.local_sch02 div.sch_last {margin:0;border:0}
.local_sch02 strong {display:inline-block;width:80px}
.local_sch02 strong.sch_long {width:160px}
.local_sch02 label {display:inline-block;margin:0 5px 0 0}
.local_sch02 button {margin:0;padding:5px;border:1px solid #ced9de;background:#f6f9fa;font-size:0.95em;vertical-align:middle;cursor:pointer}

/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 20px}
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle}

/* 페이지 내 안내문 */
.local_desc {}
.local_desc ol, .local_desc ul {margin:0;padding:0 0 10px 21px}
.local_desc li {margin:0 0 5px}

.local_desc01 {margin:0 20px 10px;padding:10px 20px 0;min-width:920px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#fc5f64}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:0 20px 10px;min-width:960px} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em}

/* 페이지 내 카운트 */
.local_ov {min-width:960px}

.local_ov01 {position:relative;margin:-10px 0 10px;padding:10px 20px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
.local_ov01 .ov_listall {display:inline-block;margin:0 5px 0 0;padding:0 10px 0 0;border-right:1px solid #ccc}
.local_ov01 .ov_a {display:inline-block;margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px solid #ccc;color:#ff3061}


/* 테이블 */
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
tbody td {border:1px solid #ececec}
tfoot th, tfoot td {padding:10px 0;border:1px solid #c1d1d5;background:#d7e0e2}
tfoot th {}
tfoot td {font-weight:bold;text-align:center}

.tbl_wrap {margin:0 0 10px;padding:0 20px}

/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th, .tbl_head01 tbody th {padding:10px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;letter-spacing:-0.1em}
.tbl_head01 thead th {font-size:0.95em}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th {}
.tbl_head01 tbody td {padding:10px 5px;line-height:1.4em;word-break:break-all}

/* thead 두 줄 테이블 */
.tbl_head02 {}
.tbl_head02 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head02 thead th, .tbl_head02 tbody th {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;letter-spacing:-0.1em; background: #f4f4f4 !important;border: 1px solid #ddd;}
.tbl_head02 thead th {font-size:0.95em}
.tbl_head02 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 thead a {color:#383838;text-decoration:underline}
.tbl_head02 tbody th {}
.tbl_head02 tbody td {padding:7px 5px;line-height:1.4em;word-break:break-all}

/* UL */
.ul_wrap {}

.ul_01 ul {margin:0;padding:0;list-style:none}
.ul_01 li {padding:10px 0;border-bottom:1px solid #e9e9e9}

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

/* 폼 테이블 */
.tbl_frm01 th {padding:0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-right:0;border-left:0}
.tbl_frm01 textarea {height:150px}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}

/* 테이블 그리드 */
.is-pc .grid_1 {width:50px}
.is-pc .grid_2 {width:100px}
.is-pc .grid_3 {width:150px}
.is-pc .grid_4 {width:200px}
.is-pc .grid_5 {width:250px}
.is-pc .grid_6 {width:300px}
.is-pc .grid_7 {width:350px}
.is-pc .grid_8 {width:400px}
.is-pc .grid_9 {width:450px}
.is-pc .grid_10 {width:500px}
.is-pc .grid_11 {width:550px}
.is-pc .grid_12 {width:600px}
.is-pc .grid_13 {width:650px}
.is-pc .grid_14 {width:700px}
.is-pc .grid_15 {width:750px}
.is-pc .grid_16 {width:800px}
.is-pc .grid_17 {width:850px}
.is-pc .grid_18 {width:900px}

.is-mobile .grid_1 {width:50px}
.is-mobile .grid_2 {width:100px}
.is-mobile .grid_3 {width:150px}
.is-mobile .grid_4 {width:200px}
.is-mobile .grid_5 {width:250px}
.is-mobile .grid_6 {width:300px}
.is-mobile .grid_7 {width:350px}
.is-mobile .grid_8 {width:400px}
.is-mobile .grid_9 {width:450px}
.is-mobile .grid_10 {width:500px}
.is-mobile .grid_11 {width:550px}
.is-mobile .grid_12 {width:600px}
.is-mobile .grid_13 {width:650px}
.is-mobile .grid_14 {width:700px}
.is-mobile .grid_15 {width:750px}
.is-mobile .grid_16 {width:800px}
.is-mobile .grid_17 {width:850px}
.is-mobile .grid_18 {width:900px}

@media (max-width:480px)  {
.is-mobile .grid_3 {width:auto}
.is-mobile .grid_4 {width:auto}

}

/* 목록 홀짝 배경색 */
.bg0 {background:#fff}
.bg1 {background:#FAFAFA}
.bg1 td {border-color:#e9e9e9}
.bg0cancel {background:#fdebf3}
.bg0cancel td {border-color:#f9d8e6}
.bg1cancel {background:#fdebf3}
.bg1cancel td {border-color:#f9d8e6}

/* 메뉴설정 */
#menu_frm #menu_result {margin:20px 0}

#menulist .sub_menu_class {padding-left:25px;background:url('../img/sub_menu_ico.gif') 5px 15px no-repeat}
.exist_menu_link {font-weight:bold;color:red}

/* 회원관리 목록 */
.mb_leave_msg {color:#b6b6b6}
.mb_intercept_msg {color:#f59fe4}
#point_mng {margin-top:50px}

/* 게시판추가/수정 */
#anc_bo_extra .td_grpset label {width:auto}
#anc_bo_extra .td_grpset input {margin:0}
#anc_bo_extra label {display:inline-block;width:100px}
#anc_bo_extra input {margin-right:10px}

/* 접속자집계 목록 */
.tbl_visit_list td {text-align:center}
.visit_bar {position:relative}
.visit_bar span {position:absolute;top:-8px;left:0;height:15px;background:#ddd}

/* 추가배송비 관리 */
#sendcost_postal {margin-top:50px}
#sendcost_postal_win {}
#sendcost_postal_win fieldset {text-align:center}
#sendcost_postal_win ul {margin:10px auto;padding:5px 10px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;list-style:none}
#sendcost_postal_win li {position:relative;padding:8px 0 6px;border-bottom:1px solid #eee}
#sendcost_postal_win button {position:absolute;top:4px;right:0}

/* 공통 */
.td_addr {text-align:left !important}
.td_alignc {text-align:center}
.td_addr_line {line-height:2em}
.td_amount {width:70px;text-align:center}
.td_auth {width:100px;text-align:center}
.td_auth_mbnick {width:200px}
.td_boolean {width:50px;text-align:center}
.td_category {width:120px;text-align:center}
.td_categorysmall {width:60px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_cnt {width:100px;font-size:0.95em;text-align:center}
.td_cntsmall {width:50px;font-size:0.95em;text-align:center}
.td_code {width:80px;text-align:center}
.td_confirm {width:90px;text-align:center}
.td_date {width:70px;text-align:center}
.td_datetime {width:130px;text-align:center}
.td_delicom {width:100px}
.td_delino {width:130px}
.td_device {width:70px;text-align:center}
.td_etc {width:80px;text-align:center}
.td_extra label {display:inline-block;width:100px}
.td_extra input {margin-right:5px;width:130px}
.td_grid {width:60px;text-align:center}
td.td_grpset {width:160px;border-left:1px solid #e9ecee;text-align:center}
.td_id {width:150px}
.td_idsmall {width:75px}
.td_itname {text-align:left !important}
.td_itopt {width:200px}
.td_itopt_tl {text-align:left !important}
.td_img {text-align:center}
.td_imgline {width:70px;text-align:center}
.td_input input {width:94%}
.td_mbcert {text-align:center}
.td_mbid, .td_name, .td_mbname {width:100px;text-align:left !important}
.td_mbstat {text-align:center}
.td_mng {width:100px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.td_mngsmall {width:60px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.td_mng button, .td_mngsmall button {margin:0;padding:0;border:0;background:transparent}
.td_num {width:60px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_numcancel0 {color:#999;text-align:center}
.td_numcancel1 {color:#ff3061;font-weight:bold;text-align:center}
.td_numcoupon {color:#86b325;text-align:center}
.td_numincome {color:#357dbb;text-align:center}
.td_numsmall {width:30px;text-align:center}
.td_numsum {font-weight:bold;text-align:center}
.td_numrdy {color:#ff3061;text-align:center}
.td_odrnum {width:250px;text-align:center}
.td_odrnum2 {width:140px;text-align:center}
.td_odrnum3 {width:110px;text-align:center}
.td_odrstatus {width:70px;letter-spacing:-0.1em;text-align:center}
.td_output {width:90px;text-align:center}
.td_payby {width:70px;text-align:center;letter-spacing:-0.1em}
.td_paybybig {width:140px;text-align:center;letter-spacing:-0.1em}
.td_possible {width:70px;text-align:center}
.td_postal {width:60px;text-align:center}
.td_postalbig {width:140px;text-align:center}
.td_price {text-align:right}
.td_pt {text-align:right !important}
.td_send {width:50px;text-align:center}
.td_sendcost_by {width:50px;text-align:center}
.td_sendcost_add {width:100px;text-align:center}
.td_stat {width:70px;text-align:center}
.td_tdiv {border-bottom:1px solid #c9c9c9 !important}
.td_tel {width:100px;text-align:center}
.td_telbig {width:100px;text-align:center}
.td_test {width:50px;text-align:center}
.td_category1{width:130px;text-align:center}
.td_category2{width:100px;text-align:center}
.td_category3{width:80px;text-align:center}
.td_time{text-align:center;width:130px}
.td_center{text-align:center;}
.td_type{width:120px}

.txt_true {color:#e8180c}
.txt_false {color:#ccc}
.txt_succeed {color:#40b300}
.txt_fail {color:#ce4242}

.banner_or_img {margin:10px 0 0}
.banner_or_img button {display:block;margin:5px 0 0}
.txt_active {color:#5d910b}
.txt_expired {color:#ccc}
#sct_mobileimg{width:125px}


/* 환경설정 */
.cf_cert_hide {display:none}

/* 관리권한설정 */
#add_admin fieldset {margin-top:20px}

/* 메일 테스트 */

#fsendmailtest {margin:50px 0;text-align:center}
#fsendmailtest .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle}

/* ########## 쇼핑몰 사용시 적용 ########## */
.sidx {padding:20px 0 30px;zoom:1}
.sidx:after {display:block;visibility:hidden;clear:both;content:""}

.sidx_anchor {position:absolute;margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

/* idx 쇼핑몰 */
#anc_sidx_ord {float:left;width:66%}
#sidx_graph {position:relative}
#sidx_graph_price {position:absolute;top:10px;left:20px;margin:0;padding:0;width:12%;list-style:none}
#sidx_graph_price li {position:relative;padding:0 10% 0 0;height:48px;font-family:tahoma;text-align:right}
#sidx_graph_price li span {position:absolute;top:7px;right:-10%;width:10px;height:1px;background:#e9e9e9}
#sidx_graph_area {position:absolute;top:0;left:15%;margin:0;padding:0;width:85%;height:260px;border:1px solid #e9e9e9;list-style:none}
#sidx_graph_area li {position:relative;float:left;padding:0 1% 0 0;width:13%;height:100%}
#sidx_graph_area .graph {position:absolute;bottom:0;width:40%;height:0}
#sidx_graph_area .order {background:#1A6DFF;left:7%}
#sidx_graph_area .cancel {background:#fc5f64;right:7%}
#sidx_graph_area #price_tooltip {display:none;position:absolute;top:-18px;left:0;background-color:#fff;border:1px solid gray}
#sidx_graph_area #price_tooltip div {white-space:nowrap}
#sidx_graph_date {position:absolute;top:275px;left:15%;margin:0;padding:0;width:85%;border:1px solid #fff;list-style:none}
#sidx_graph_date li {position:relative;float:left;width:14%;font-family:tahoma;text-align:center}
#sidx_graph_date li span {position:absolute;top:-19px;right:0;width:1px;height:10px;background:#e9e9e9}
#sidx_graph_legend {position:absolute;top:-25px;left:15%}
#sidx_graph_legend span {display:inline-block;width:13px;height:13px;vertical-align:middle}
#sidx_graph_legend #legend_order {background:#1A6DFF}
#sidx_graph_legend #legend_cancel {margin:0 0 0 10px;background:#fc5f64}

#anc_sidx_settle {margin:0 0 30px;padding:30px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#anc_sidx_settle table {text-align:center}

#sidx_stat {float:right;width:32%}
#sidx_stat h2 {padding:0 20px 0 0}
#sidx_stat .tbl_wrap {padding:0 20px 0 0}

/* idx 1:1문의/상품문의/사용후기 */
.sidx_cs {}
.sidx_cs section {float:left;margin:0 2% 0 0;width:32%}
.sidx_cs #anc_sidx_ps {margin:0}
.sidx_cs h2 {padding:0}
.sidx_cs .ul_wrap {margin:0 0 20px}
.sidx_cs .btn_list03 {margin:0}
.sidx_cs #anc_sidx_oneq h2 {padding:0 0 0 20px}
.sidx_cs #anc_sidx_oneq .ul_wrap {padding:0 0 0 20px}
.sidx_cs #anc_sidx_ps h2 {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .ul_wrap {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .btn_list03 {margin:0 20px 0 0}

.sidx_cs #anc_sidx_oneq .oneq_cate {font-weight:bold}
.sidx_cs #anc_sidx_oneq .oneq_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_qna .qna_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_ps .ps_link {display:block;margin:5px 0}

/* 쇼핑몰 설정 */
#anc_scf_payment textarea {height:50px}

.scf_pgreg {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
.kcp_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
.lg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#ED008C;color:#fff;font-weight:normal;text-decoration:none}
.kg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#4A2C7C;color:#fff;font-weight:normal;text-decoration:none}
.kakao_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#FDDC2F;color:#3B1E1E;font-weight:normal;text-decoration:none}
.naver_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#00C73C;color:#fff;font-weight:normal;text-decoration:none}

.scf_cardtest {margin:5px 0 0}
.scf_cardtest_btn {margin-left:5px;vertical-align:middle}
#scf_cardtest_tip {margin:10px 0 0;padding:10px;border:3px solid #ddd}
#scf_cardtest_tip strong {display:inline-block;margin:0 0 5px}
#scf_cardtest_tip dl {margin:0 0 15px;padding:0;zoom:1}
#scf_cardtest_tip dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_cardtest_tip dt {float:left;width:100px}
#scf_cardtest_tip dd {padding:0;overflow:hidden}
.scf_cardtest_tip {display:none}
.scf_cardtest_hide {display:none}
.scf_cardtest_tip_adm_hide {display:none}

.scf_img {display:none}

#scf_sms_pre h3 {padding:10px 0}
#scf_sms_pre dl {margin:0 0 10px;zoom:1}
#scf_sms_pre dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_sms_pre dt {clear:both;float:left;padding:5px 0;width:100px}
#scf_sms_pre dd {padding:5px 0;overflow:hidden}
#scf_sms {margin:0 20px 30px;padding:20px 0 0;zoom:1}
#scf_sms:after {display:block;visibility:hidden;clear:both;content:""}
.scf_sms_box {float:left;margin:0 8px 0 9px;width:163px;text-align:center}
.scf_sms_box h4 {margin:0 0 5px}
.scf_sms_img {margin:10px 0;width:163px;height:191px;background:url('../shop_admin/img/sms_back.gif') no-repeat 0 0;text-align:center}
.scf_sms_img textarea {margin:54px 0 0;width:115px;height:85px;border:0;background:transparent;font-size:0.95em;overflow:hidden}
.scf_sms_img span {display:block}
.scf_sms_cnt {display:block}

ul.de_pg_tab{margin:0;padding:0;zoom:1}
ul.de_pg_tab:after{display:block;visibility:hidden;clear:both;content:"";}
ul.de_pg_tab li{position:relative;display:inline-block;float:left;text-align:center;margin:0;padding:0;width:120px}
ul.de_pg_tab li a{margin:0 2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5;background-color:#f7f7f7;color:#74777b;font-weight:bold;font-size:1.2em;text-decoration:none}
ul.de_pg_tab li a:hover{text-decoration:none}
ul.de_pg_tab li.tab-current a{background:#2CC185;color:#fff}

.pg_info_fld{position:relative}
.kcp_info_fld th{background-color:#F6FCFF}
.lg_info_fld th{background-color:#FFF4FA}
.inicis_info_fld th{background-color:#F6F1FF}
.kakao_info_fld th{background-color:#FFFCED}
.naver_info_fld th{background-color:#F3FFF3}

/* 주문내역 */
#sodr_list td {text-align:center}
#sodr_list .td_name {text-align:center !important}
#orderitemlist {position:relative}
#orderitemlist .itemlist {position:absolute;top:0;left:0}

#orderitemlist {position:relative}
#orderitemlist .itemlist {z-index:2;position:absolute;top:0;left:-41px;width:958px;border:1px solid #a2a5a9;background:#f2f5f9}
#orderitemlist td {background:#fff}
#orderitemlist #orderitemlist_close {padding:0 20px 10px;text-align:right}

#sodr_list .list_escrow {display:block;color:#80bc0d;text-align:center}
#sodr_list .list_test {display:block;text-align:center;color:#ff3061}

/* 주문내역 수정 */
.sodr_nonpay {color:#ff6600}
strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
.sodr_sppay {color:#1f9bff}
#anc_sodr_memo textarea {width:98%}
#anc_sodr_memo .btn_confirm {margin:10px 0 0}
#anc_sodr_orderer #od_addr1, #anc_sodr_orderer #od_addr2, #anc_sodr_orderer #od_addr3 {margin:5px 0 0}
#anc_sodr_taker #od_b_addr1, #anc_sodr_taker #od_b_addr2, #anc_sodr_taker #od_b_addr3 {margin:5px 0 0}
#anc_sodr_orderer #od_addr_jibeon, #anc_sodr_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}

#sodr_qty_log {padding:0 20px}
#sodr_qty_log h3 {margin:20px 0 10px}
#sodr_qty_log div {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;line-height:1.8em;overflow-y:scroll}

#sodr_request_frm h3 {margin:20px 0 0}
#sodr_request_item h3 {margin-bottom:10px}
#sodr_request_frm #forderrequest {border-top:1px solid #e9e9e9}
#sodr_request_log_wrap {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_log_wrap p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}
#sodr_request_log_wrap span {display:inline-block;margin:0 0 0 80px}
#sodr_request_log_wrap b {display:inline-block;margin:0 15px 0 0;font-weight:normal}
#sodr_request_log_wrap button {position:absolute;top:7px;left:0;margin:0;padding:0;border:0;background:transparent;font-weight:bold}
#sodr_request_handle h3 {margin-bottom:10px}

#anc_sodr_request h3 {margin:20px 0 10px}
#sodr_request_list {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_list p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}

#anc_sodr_chk .dvr_link {color:#ff3061;text-decoration:underline}
.od_test_caution{color:#ff0000;margin:10px 20px;font-size:1em;background:#ffe3e3;padding:10px}

/* 주문통합내역 */
#sodr_sort {margin:0 20px 20px;padding:0;list-style:none;zoom:1}
#sodr_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sodr_sort li {float:left;margin:0 10px 0 0}
#sodr_sort a {font-size:0.95em;text-decoration:underline;letter-spacing:-0.1em}
#sodr_sort a.sort_on {color:#ff3061}

#sodr_all {margin:0 20px}
#sodr_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sodr_all .btn_list {margin:10px 0}

.sodr_all_list {clear:both;margin:0 0 50px;padding:0;list-style:none}

.sodr_all_list .sodr_basic {float:left;zoom:1}
.sodr_all_list .sodr_basic:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_basic dt {float:left;margin:0 10px 0 0}
.sodr_all_list .sodr_basic dd {float:left;margin:0 30px 0 0}
.sodr_all_list .sodr_basic strong a {color:#ff3061;text-decoration:underline}

.sodr_all_list .sodr_person {float:right;zoom:1}
.sodr_all_list .sodr_person:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_person dt {float:left;margin:0 0 0 30px}
.sodr_all_list .sodr_person dd {float:left;margin:0 0 0 10px}

.sodr_all_list .sodr_pay {clear:both;margin:0;border-top:1px solid #d1dee2;zoom:1}
.sodr_all_list .sodr_pay:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_pay dt {float:left;padding:8px 0;width:15%}
.sodr_all_list .sodr_pay dd {float:left;margin:0;padding:8px 0;width:35%}

#sodr_total table {text-align:center}
#sodr_total th {width:125px}

/* 분류관리 목록 */
#sct .sct_name {width:130px}

#sct .sct_name div {position:relative}
#sct .sct_name1 {padding-left:25px}
#sct .sct_name2 {padding-left:50px}
#sct .sct_name3 {padding-left:75px}
#sct .sct_name4 {padding-left:100px}
#sct .name_lbl {position:absolute;top:0;left:-20px;width:13px;height:13px;background:url('../shop_admin/img/icon_reply.gif') 0 0 no-repeat}

/* 분류 추가/수정 */
.frm_ca_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품관리 */
.sit_odrby {text-align:center}
.sit_amt, .sit_blue {text-align:right;background-color:#e8fbff !important}
.sit_amt2 {text-align:right;border-color:#c3e189 !important;background-color:#f6ffe6 !important}
.sit_amt3 {text-align:right;border-color:#f6c8c4 !important;background-color:#ffedeb !important}
.sit_camt, .sit_pt, .sit_qty {text-align:right}
.frm_sit_title {margin:5px 0 0}

/* 상품입력/수정 */
#sit_compact {margin:0 20px;padding:15px 0;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}

.sit_w_opt {height:70px !important}
.sit_wimg {display:none}
.sit_relation_list {width:100%;background:#f6f6f6}
.sit_relation_selected {width:100%;background:#fcfff2}
#add_span img, #sel_span img {margin:5px 0}

.sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
.sit_option .frm_input {background:#fff !important;color:#000}
.sit_option_frm_wrapper {margin:0 0 10px;height:auto !important;height:500px;max-height:500px;border:1px solid #ccc;overflow-y:scroll}
.sit_option_frm_wrapper th {padding:5px 0 !important;text-align:center !important}

#sit_option_frm .btn_list {margin:0 0 10px}
#sit_option_frm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_frm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}
#sit_option_addfrm_btn {position:relative}
#sit_option_addfrm_btn button {position:absolute;top:-32px;right:0}
#sit_option_addfrm .btn_list {margin:0 0 10px}
#sit_option_addfrm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_addfrm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

#ctm_option_addfrm_btn {position:relative}
#ctm_option_addfrm_btn button {position:absolute;top:-32px;right:0}
#ctm_option_addfrm .btn_list {margin:0 0 10px}
#ctm_option_addfrm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#ctm_option_addfrm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

/* 상품 복사 */
#sit_copy {margin:10px 20px 20px;background:#fff}
#sit_copy label {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품 일괄 등록 */
#excelfile_upload {margin:10px auto 20px;padding:20px;width:86%;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

/* 상품옵션재고관리 */
.sit_stock_qty_alert {color:#ff1133;font-weight:bold}

/* 배송일괄처리 */
#sdeli_proc_fs {padding:20px 0;border-bottom:1px solid #f7f7f7;text-align:center}

/* 이벤트 입력/수정 */
.frm_ev_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 관련 상품, 관련 이벤트 입력/수정 */
.srel section ul {margin:0;padding:10px;list-style:none}
.srel section li {padding:5px 0;border-bottom:1px solid #e9e9e9;zoom:1}
.srel section li:after {display:block;visibility:hidden;clear:both;content:''}
.srel .srel_list, .srel .srel_sel {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
.srel .list_item {float:left;width:80%}
.srel .list_item img {float:left;margin:0 10px 0 0}
.srel .list_item_btn {float:right}
.srel .srel_sel {border:1px solid #ced9de;background:#fcfff2}
.srel .srel_list p, .srel .srel_sel p {padding:10px 0;text-align:center}
.srel .compare_left ul {margin:0;list-style:none}
.srel .srel_noneimg li {padding:7px 0}
.srel .srel_noneimg button {top:0;right:0}
.srel .srel_pad {display:block;height:30px}
.srel .srel_pad button {position:static}

/* 쿠폰관리 */
.scp_new_win .empty_table {padding:30px 0}

#scp_list_find {margin:10px 20px;padding:20px;border:1px solid #e9e9e9;background:#fff}
#scp_list_find .btn_frmline {line-height:1.5em !important}
#scp_list_find label {font-weight:bold}

.scp_find_code {width:110px;text-align:center}
.scp_find_select {width:50px;text-align:center}

.scp_target_select {width:50px;text-align:center}

/* 매출현황 */
#ssale_stats {zoom:1}
#ssale_stats:after {display:block;clear:both;visibility:hidden;content:''}
#ssale_stats div {float:left;padding:2%;width:46%;border-bottom:1px solid #eee;text-align:center}
#ssale_stats h3 {margin:30px 0 0;font-size:1.3em;text-align:center}
#ssale_stats form {margin:20px 0 10px;padding:10px 0}
#ssale_stats .frm_input {padding:0 10px !important;height:24px !important}

/* 주문내역출력 (새창) */
.new_win .sodr_print_pop_list table {width:100%}

#sodr_print_pop h2 {padding:15px 0;color:#ff3600;text-align:right}
#sodr_print_pop h3 {margin:0 0 10px}

.sodr_print_pop_list {margin:0 20px 10px;padding:0 0 10px;border-bottom:1px dotted #ddd}
.sodr_print_pop_list .sodr_print_pop_same {margin:0 0 10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
.sodr_print_pop_list dl {margin:0 0 15px;padding:0;zoom:1}
.sodr_print_pop_list dl:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_print_pop_list dt {float:left;padding:7px 0 6px;width:100px;border-bottom:1px solid #ddd}
.sodr_print_pop_list dd {padding:7px 0 6px;border-bottom:1px solid #ddd;overflow:hidden}

#sodr_print_pop_total {padding:20px 0;text-align:center}
#sodr_print_pop_total span {display:block;margin:0 0 10px;font-size:1.5em}
#sodr_print_pop_total strong {color:#ff3600}

/* 배너관리 */
.sbn_img {text-align:center}
.sbn_image {display:none;margin:0 0 10px;text-align:left}

/* 가격비교사이트 */
#anc_pricecompare_info li {margin:5px 0 5px -1px}

.price_engine dt a {font-weight:bold}
.price_engine dd {margin:0 0 15px}
.price_engine li {margin:5px 0 5px -1px}

/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;min-width:320px/* 적정값으로 변경하여 사용하세요. */;height:60px;border-top:2px solid #484848;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}


.new_win_desc {margin:0 20px}
.new_win .anchor {margin:0 20px 5px}

.new_win .tbl_wrap {margin:0 20px 20px;padding:0}


.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}


.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {min-width:320px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 관리자 비밀번호 확인 */
#admin_confirm {padding:0 0 10px;background:#222;text-align:center}
#admin_confirm p {margin:0 0 10px;color:#9ab9c5;background:#383a3f}
#admin_confirm label {color:#fff}
#admin_confirm .frm_input {border-color:#000}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;font-size:1em}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #383838}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #383838;background:#111;color:#fff;text-decoration:none}
.sv_wrap .sv a:focus, .sv_wrap .sv a:hover {background:#393939}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}


/* 우편번호 검색 */
#post_code p {margin:0 20px 10px}
#post_code #code_sch {margin:0 20px}
#post_code #code_sch .btn_submit {padding:2px 8px 1px;border:0;color:#fff}
#post_code #result {margin:0 20px 20px}
#post_code #result_b4 {display:block;padding:30px 0;border-bottom:1px solid #dde4e9;text-align:center}
#post_code #result .result_msg {padding:15px 0}
#post_code #result .result_fail {border:1px solid #dde4e9;background:#f0f5fc;color:#ff3061;text-align:center}
#post_code #result ul {margin:0;padding:0;border-bottom:1px solid #dde4e9;background:#f0f5fc;list-style:none}
#post_code #result li {padding:10px;border:1px solid #dde4e9;border-bottom:0}
#post_code #result li div {margin:4px 0 0;color:#738D94}
#post_code #result li div:before {content:"▶ "}


/*부가서비스*/
.lnb_svc{color:#ff3061;font-weight:bold}
.service_wrap{width:960px; margin:0 20px 10px;overflow:hidden}
.sevice_1{border:1px solid #ebe8e8;width:309px;float:left;border-radius:5px;text-align:center;}
.sevice_1 h3{font-size:16px;color:#525252;margin-top:193px;height:43px;}
.sevice_1 h3 span{font-size:12px;}
.sevice_1 p{padding:20px;background:#f8f8f8;height:102px;font-size:12px;text-align:left;  color:#898989;line-height:18px}
.sevice_1 ul {width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 ul li{list-style:none;float:left;border-right:1px solid #ebe8e8;}
.sevice_1 ul li a{display:inline-block;height:75px;width:100%}
.sevice_1 ul li img{padding:10px 0 0;}
.sevice_1 ul li.last{border:0}
.sevice_1 h4{width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 h4 a{display:inline-block;height:65px;padding:10px 0 0;width:100%}

.svc_card{background:url('../img/service_img1.jpg') no-repeat top center;margin-right:13px;}
.svc_card ul li{width:33%;}
.svc_phone {background:url('../img/service_img2.jpg') no-repeat top center;margin-right:13px;}
.svc_phone ul li{width:33%;}
.svc_ipin {background:url('../img/service_img3.jpg') no-repeat top center;}

.service_2{padding-top:15px;clear:both}
.service_2 h3{font-size:14px;letter-spacing:-1px;color:#525252;margin:0 0 4px}

.service_2 .svc_a p{color:#898989;line-height:16px;letter-spacing:-1px;}

.svc_keyword{clear:both ;}
.svc_keyword .svc_a{float:left;width:230px;padding:46px 0 0 15px ;height:120px; }

.service_2 .svc_ri .svc_a{padding:25px 0 0 22px;}

.service_2 .svc_btn{float:right;}
.service_2 .svc_btn a{display:inline-block;width:126px; height:37px;background:#ff3061;color:#fff;line-height:37px;text-align:center;margin:22px 13px 0;}
.service_2 .svc_btn a:hover,.service_2 .svc_btn a:focus,.service_2 .svc_btn a:active{text-decoration:none}
.svc_keyword{background:#e6f2f4}
.svc_keyword .svc_btn{margin:40px 0 0 ;}
.svc_keyword .svc_btn a{width:160px;}

.svc_sms{border:1px  solid #ebe8e8;position:relative;height:83px}
.svc_sms:after{display:block;visibility:hidden;clear:both;content:""}
.svc_sms .svc_btn2{position:absolute;top:0;right:0}
.svc_sms .svc_btn2 a{display:inline-block; width:220px; height:63px; background:#fbfbfb; text-align:center; padding:20px 0 0;}

/*테마*/
.theme_p{padding:0 20px}
#theme_list{padding:0;margin:0 10px;list-style:none;  width: 1000px;position:relative}
#theme_list:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li{padding:10px;margin:0;float:left;width:302px}
#theme_list li:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li .tmli_if{border: 1px solid #d1dee2;width:300px;}
#theme_list li .tmli_if>img{width:300px;height:225px;}
#theme_list li .tmli_if:hover>img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#theme_list li .tmli_tit{position:relative; border-top: 1px solid #d1dee2; background: #e5ecef;}
#theme_list li .tmli_tit p{height:40px;line-height:40px;padding:0 10px 0;font-weight:bold;text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
#theme_list li .tmli_tit button.tmli_dt{position:absolute;top:8px;right:10px;padding:5px;background:#111;color:#fff;display:none;border:none}
#theme_list li .tmli_if:hover button.tmli_dt{display:block}
#theme_list li .theme_sl{float:left;border:none;margin-top:5px;padding:0 5px;height:26px;background:#999;color:#fff}
#theme_list li .theme_sl:hover{background:#ff3061}
#theme_list li .theme_deactive{margin-left:4px}
#theme_list li .theme_sl_use{background:#ff3061;line-height:26px}
#theme_list li .theme_pr{float:right;margin-top:5px;padding:0 5px;height:24px;line-height:24px;  border: 1px solid #ccc;  background: #fafafa; }
#theme_list li .theme_preview{  float: right;  margin-top: 5px; padding:0 5px;height:26px; border: 1px solid #ccc;  background: #fafafa; margin-right:3px}

#theme_detail{position:fixed;_position:absolute;top:50%;left:20px;_top:300px;width:950px;height:490px;margin-top:-245px;background:#fff;border:1px solid #000;z-index:99999;}
#theme_detail .thdt_img{padding:20px 0 20px 20px;float:left;}
#theme_detail .thdt_img img{width:600px;height:450px;}
#theme_detail .thdt_if{float:right;width:290px;padding:40px 20px 0 0;position:relative}
#theme_detail .thdt_if h2{padding:0 ;margin:0}
#theme_detail .thdt_if p{font-weight:normal;padding:10px;background:#f5f5f5;height:250px;overflow-y:auto;}
#theme_detail .thdt_if a{vertical-align:middle;}
#theme_detail .thdt_if .thdt_home{background:url(../img/link_icon.gif) no-repeat bottom right;padding-right:13px;}
#theme_detail .close_btn{position:absolute;top:10px;right:10px;background:url(../img/close.gif) no-repeat 50% 50%;border:none;width:30px;height:30px;overflow:hidden;text-indent:-9999px;}
#theme_detail table{border-collapse:collapse;margin:5px 0 10px}
#theme_detail table th{padding: 5px 0;  border: 1px solid #d1dee2; background: #e5ecef;width:50px;padding:10px;text-align:left}
#theme_detail table td{ border: 1px solid #ececec;padding:10px}
.no_theme{text-align:center;padding:100px 0;color:#555}

/*글,댓글현황*/
#wr_cont{position:relative;margin:10px 20px}
#wr_cont input[type="submit"]{background:#ff3061;border:none;color:#fff;padding: 0 5px;height: 24px;}
#wr_cont select{height: 24px;}
#grp_color{border:2px solid #ddd;position:absolute;top:0;right:0;list-style:none;padding: 5px 5px; margin:0;}
#grp_color li{padding:5px 10px;}
#grp_color li span{width:10px;height:10px; display:inline-block;background:rgb(75, 178, 197);margin-right:5px;}
#grp_color li.color2 span{background:rgb(234, 162, 40);}
#chart_wr h5{text-align:center;border:1px solid #eee;padding:30px 0}

#chart_wr{margin:20px }

/*전송실패 문자 재전송 내역*/
.sms_table{padding:0 20px 40px;}
.sms_table table th{border:1px solid #ddd;padding:9px 0}
.sms_table table td{border:1px solid #ddd;text-align:center;width:16%;padding:9px 0}

/* Browscap */
.update_processing{width:300px;height:300px;margin:0 auto;background:url(../img/ajax_loader.gif) no-repeat 0 0}
#processing{margin: 0 auto;padding: 70px 0;max-width: 800px;border: 1px solid #eee;background: #f9f9f9;text-align:center;}
#processing p{font-size:1.2em}
.check_processing {width:300px;height:300px;margin:0 auto;background:url(../img/check.png) no-repeat 50% 50% }
#processing button{background:#ff3061;border:none;color:#fff;padding: 15px;width:150px;margin-top:15px}


/*미완료 주문*/
#inorderlist .td_name{text-align:center !important}
#anc_sodr_pay .btn_confirm{margin-top:30px}
#anc_sodr_pay .btn_confirm .btn_submit{width:300px;height:40px;font-size:14px;}


 .pg_input{font:bold 15px Consolas}

.fivesense_view {display:none}



.social_config_explain p{padding-bottom:10px}

/* social member_list.php member_form.php */
.sns-icon .ico {display:inline-block;background:url('../img/social/sns_logo.png') no-repeat;vertical-align:top}
.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

.sns-wrap-over .sns-icon {border-color:#dcdcdc}
.sns-wrap-over .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-over .sns-naver{border-color:#18a400}
.sns-wrap-over .sns-naver .ico {background-position:-29px 0}
.sns-wrap-over .sns-google .ico {background-position:-58px 0}
.sns-wrap-over .sns-google {border-color:#ca2c19}
.sns-wrap-over .sns-facebook .ico {background-position:0 0 }
.sns-wrap-over .sns-facebook {border-color:#2e5393}
.sns-wrap-over .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-over .sns-twitter {border-color:#488FC9}
.sns-wrap-over .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-over .sns-payco {border-color:#C44646}
.sns-wrap-over .sns-payco .ico {background-position:-116px 0}
.sns-wrap-over .sns-kakao {border-color:#f2df00}

.sns-wrap-32 .sns-icon {display:inline-block;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.sns-wrap-32 .sns-icon .txt {margin:0 10px 0 0;font-size:0.95em;letter-spacing:-0.1em}
.sns-wrap-32 .sns-icon .ico {width:24px;height:24px}

.social_link_box, .social_link_box li{margin:0;padding:0;list-style:none}
.social_link_box{width:300px}
.account_provider{position:relative;margin:10px 0 5px}
.account_provider .sns-wrap-32 .sns-icon{vertical-align:middle}
.account_provider .provider_name{display:inline-block;vertical-align:middle}
.account_provider .btn_info{position:absolute;top:-7px;right:0}
.account_provider .social_unlink{height:30px;line-height:30px;background:#a0a8b8;padding:0 10px;color:#fff;display:inline-block;vertical-align:middle}
.account_provider .social_unlink:hover{text-decoration:none}

/*
.item_sticker { padding:0px 8px; border-radius:5px; background:#555; color:#fff; margin-right:5px; display:inline-block; height:20px; line-height:20px;}
.item_sticker.new { background:#eb1111;}
.item_sticker.best { background:#aa7d43;}
.item_sticker.hit { background:#eb118c;}
.item_sticker.discount { background:#3cc3d3;}
.item_sticker.rec { background:#4f69da;}
.item_sticker:last-child { margin-right:0;}
*/

.item_sticker {padding:0px 10px; border-radius:5px; background:#000; font-size: 14px; font-weight: 500; color:#fff; margin-right:5px; display:inline-block; height:28px; line-height:26px; text-align: center;}
.item_sticker.new {color: #4095ff; background: #e8f1ff;}
.item_sticker.best {color: #ff4e1f; background: rgba(255, 78, 31,0.1);}
.item_sticker.hit {color: #f832a2; background:#ffebf9;}
.item_sticker.discount {color: #f83249; background: rgba(248, 50, 73,0.1);}
.item_sticker.rec {color: #1d32ff; background: rgba(29, 50, 255,0.1);}
.item_sticker.main {color: #eba600; background: #fff9e8; }
.item_sticker:last-child {margin-right:0;}

@font-face { font-family: 'Noto Sans KR'; font-weight:100; src:url('/font/NotoSansKR-Thin.eot');src:local(※), url('/font/NotoSansKR-Thin.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:200; src:url('/font/NotoSansKR-Light.eot');src:local(※), url('./font/NotoSansKR-Light.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:300; src:url('/font/NotoSansKR-Demilight.eot');src:local(※), url('/font/NotoSansKR-Demilight.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:400; src:url('/font/NotoSansKR-Regular.eot');src:local(※), url('/font/NotoSansKR-Regular.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:500; src:url('/font/NotoSansKR-Medium.eot');src:local(※), url('/font/NotoSansKR-Medium.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:600; src:url('/font/NotoSansKR-Bold.eot');src:local(※), url('/font/NotoSansKR-Bold.woff') format('woff');}
@font-face { font-family: 'Noto Sans KR'; font-weight:700; src:url('/font/NotoSansKR-Black.eot');src:local(※), url('/font/NotoSansKR-Black.woff') format('woff');}

html #sch_widget_frm.new_win{background:#f6f6f6 !important; font-family:'noto sans kr', sans-serif;}
html #sch_widget_frm.new_win *{font-family:inherit !important; box-sizing:border-box;}
html #sch_widget_frm.new_win h1{border:0; font-size:16px; color:#222222; font-weight:500; padding:30px 20px 20px; height:auto; line-height:normal; background:none;}
html #sch_widget_frm.new_win h1 span{font-size:inherit;}
html #sch_widget_frm.new_win .local_ov01{margin:0 20px 20px; background:#fff; border:none !important; box-shadow:0 3px 10px rgba(56,56,56,0.05); color:#666666; font-size:14px; padding:13px 20px;}
html #sch_widget_frm.new_win .frm_info{color:#666666; font-size:13px; padding-bottom:8px;}
html #sch_widget_frm .tbl_head01 thead th, 
html #sch_widget_frm .tbl_head01 tbody th{border-color:#eeeeee; background:#f9fbff !important; font-size:14px; font-weight:500; color:#222222;}
html #sch_widget_frm .tbl_head01 tbody td{background:#fff; padding:15px; font-size:13px; color:#222;}
html #sch_widget_frm .tbl_head01 tbody td label input + b{vertical-align:middle; margin-left:2px;}
html #sch_widget_frm.new_win .tbl_wrap{box-shadow:0 3px 10px rgba(56,56,56,0.05); }
html #sch_widget_frm .tbl_head01 tbody tr td:not(:last-of-type),
html #sch_widget_frm .tbl_head01 tbody tr td:not(:last-of-type) b{font-weight:400;}
html #sch_widget_frm .tbl_head01 tbody tr td:first-of-type{font-weight:500; font-size:14px;}
html #sch_widget_frm .tbl_head01 tbody tr td:not(:last-of-type),
html #sch_widget_frm .tbl_head01 tbody tr td:first-of-type{background:#f9fbff; white-space:nowrap;}
html #sch_widget_frm .tbl_head01 tbody tr td b{font-weight:600; color:#222;}
html #sch_widget_frm .frm_input{height:34px; padding:0 8px; border-color:#e5e5e5; color:#222; font-size:13px; border-radius:5px !important; outline:0 !important;}
html #sch_widget_frm .frm_input[size="36"]{width:calc(100% - 86px);}
html #sch_widget_frm .btn_frmline{width:80px; line-height:34px; padding:0; text-align:center; color:#fff; border-radius:5px; margin-left:3px; display:inline-block; background:#1a6dff; font-size:13px;}
html #sch_widget_frm .btn_frmline.disabled {background-color:#e1e1e1 !important; color:#999 !important; cursor:not-allowed !important; }
html #sch_widget_frm .tbl_head01 textarea{min-height:58px; border-radius:5px !important; border-color:#e5e5e5; font-size:13px; color:#222222; padding:6px 8px; width:100%; outline:0 !important; line-height:1.7;}
/* 2024-09-04 (주)파이브센스_FIVESENSES.Corp. 이미지 버튼 변경 */
html #sch_widget_frm .table__input.table__img{margin-top: 5px;}
html #sch_widget_frm .btn_frmline.win_scrap{text-indent: 100em; white-space : nowrap; width: 30px; line-height: 30px; border-radius: 3px; transition: 0.2s; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJFQjBDQkE2QTk5MTFFRjgzNjZFNzIwOEU2OTUyOEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJFQjBDQjk2QTk5MTFFRjgzNjZFNzIwOEU2OTUyOEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJjM2IwMjUtZjZlMy0xZDQ3LWJkYjUtNmY2YjYyNjgwODg3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2I4ODQyY2ItYWJmMC1hMTRkLWFlMzItZTI1M2RhMDQxYzNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zRs9eQAAAVNJREFUeNp8kz8ohVEYh+93MylZxEgMFmVkuJsoooRiolBKlGJis96FriwISZmUwY1rvTcDZTIJiYW4JTFRnrd+p06n77tvPZ3z/jm/c97vOydaPzhNJVgTjEOffCs8hIe44qoEkTnIBbEOWIV52AgXpGNEJiRyCxmIREaxnE5aUaga9uAZ2qDk5UqKvcC+ahOFBjTOppLN5fqThKb0Mc1uKgi5nNVOhkJZ2IY32IIfb+EojHm+5XbgU2PW/bUuWIITGAx274YjzT/gAsowDTOQ19p8WhOzkUCkBwqeX1DM2R8Mab5oJ2qW8+sVNcI5vMOXYjWK2UV9UuxbY4udqCin1RMygWXoVEtlXcgV5Zy1ayxGPBE70b0KeuE6aPFVY0MQt03OoNa6SuvtDEMdXHlvy1m98M02vJSIrX10b+1YrS14fTvbjblLVrMJa3BngX8BBgDzdUmqEBHhCwAAAABJRU5ErkJggg==') center / 18px 14px no-repeat; background-color: #eff2f5; }
html #sch_widget_frm .btn_frmline.win_scrap:hover{background-color: #235cf5; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTI2MjIzMDY2QTk5MTFFRkEyQjhDRDNCREM0ODgxMzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI2MjIzMDU2QTk5MTFFRkEyQjhDRDNCREM0ODgxMzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJjM2IwMjUtZjZlMy0xZDQ3LWJkYjUtNmY2YjYyNjgwODg3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2I4ODQyY2ItYWJmMC1hMTRkLWFlMzItZTI1M2RhMDQxYzNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IOr84gAAASpJREFUeNpi/P//PwMOoADEcUDsBeVvBeKlQHwPq2qQQVhwzn/cIAebHmyGxEM1XAFiayRxa6gYCMQRMogLqvARDpeC8GOoGi5kcSY0n/pC6SwG3AAm54MrjJKB+A/UNmk8LpKBqvkNxEnoXuuGSj4D4llALIikMRyII5D4QkA8B4jfQPV0wwxyhgpswGK7K1JsuaLJMQPxTqicI0hgO5TDgqbQDUvUu6Gp4YaKbwFxbkI5yArkoWKvgfgeFL+GismjqQWB66BYOwINd3WkOHgDxFVAbAHEb4H4HRCbA3E1VA4G9KH0EZCJSki2m2AJp5dQjC5uAcQfoHoVYYJBSOHghcXp6F73RBIH6WVggTptHdRrBUD8FS0BzseSKEFqpgHxBCC+DRIACDAArGhvGJ38LfkAAAAASUVORK5CYII=');}
/* 2024-12-27 (주)파이브센스_FIVESENSES.Corp. 이미지 버튼 말풍선 추가 */
html #sch_widget_frm .btn_frmline.win_scrap + .img__label .exp_box{top: 5px; left: auto; right: 0; width: auto;}
html #sch_widget_frm .btn_frmline.win_scrap:hover + .img__label .exp_box{display: block !important;}
/*
html #sch_widget_frm input[name^='wset[link']{width:calc(100% - 127px); margin-right:18px;}
html #sch_widget_frm input[name^='wset[target']{width:70px; margin-left:3px;}
*/
html #sch_widget_frm .tbl_wrap ~ div > label{font-size:13px;}
html #sch_widget_frm .btn_confirm{margin-top:30px;}
html #sch_widget_frm .btn_confirm .btn_submit{width:150px; line-height:38px; height:40px; border:0; background:#1a6dff; color:#fff; padding:0; border-radius:5px; font-size:16px; font-weight:500;}
html #sch_widget_frm .btn_confirm button{width:150px; line-height:38px; height:40px; border:0; background:#222222; color:#fff; padding:0; border-radius:5px; font-size:16px; font-weight:500; margin-left:7px;}
html #sch_widget_frm select{height:34px; font-size:13px; padding:0 8px; border-radius:5px !important; border-color:#e5e5e5 !important; outline:0 !important;}
html #sch_widget_frm table table td:not(:first-of-type){background:none !important;}


/* ★★★★★★★★★★★★★★★
시작 : 기존에 적용된 CSS가져오기
★★★★★★★★★★★★★★★ */
html, body{
  /* overflow: hidden; */
  background: #fff;
}

/*input 관련 css 가져옴*/
input.inputCustom {
  /* min-width: 210px; */
  font-size: 12px;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  color: #75889c;
  background: #fff;
  width: 100%;
  outline: none;
  box-shadow: none;
}
.table__img input.inputCustom{
    width: 86%;
}
input.inputCustom.inputCustom30 {
  height: 30px;
  color: #222222;
}
input.inputCustom.w100 {
  width: 100%;
}
input.inputCustom::-webkit-input-placeholder {
  color: #a3aab1
}
input.inputCustom::-moz-placeholder {
  color: #a3aab1
}
input.inputCustom:-ms-input-placeholder {
  color: #a3aab1
}
input.inputCustom::-ms-input-placeholder {
  color: #a3aab1
}
input.inputCustom::placeholder {
  color: #a3aab1
}
input.inputCustom:focus, input.inputCustom.active {
  border-color: #235cf5;
}
input.inputCustom:disabled, input.inputCustom:readonly {
  background: #f9fafb !important;
  cursor: not-allowed !important;
}
input.inputCustom.no{
  background: #f9fafb !important;
  cursor: not-allowed;
}

/*input file 관련 css 가져옴*/

.fileCustom .fileCustom__label {
  /* border: 1px solid #e4e8ed; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
}
.fileCustom .fileCustom__label .text {
  width: 60px;
  background: #235cf5;
  text-align: center;
  display: block;
  /* font-size: 13px; */
  font-size: 12px;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  border-radius: 3px;
}
.fileCustom .fileCustom__name {
  pointer-events: none;
  padding-left: 10px;
  padding-right: 10px;
  color: #75889c;
  /* font-size: 13px; */
  font-size: 12px;
  width: calc(100% - 68px);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fileCustom .fileCustom__name::-webkit-input-placeholder {
  color: #a3aab1;
}
.fileCustom .fileCustom__name::-moz-placeholder {
  color: #a3aab1;
}
.fileCustom .fileCustom__name:-ms-input-placeholder {
  color: #a3aab1;
}
.fileCustom .fileCustom__name::-ms-input-placeholder {
  color: #a3aab1;
}
.fileCustom .fileCustom__name::placeholder {
  color: #a3aab1;
}
.fileCustom .fileCustom__file {
  display: none;
}
.fileCustom__caption {
  width: calc(100% - 290px);
  padding-left: 15px;
}
.fileCustom__caption--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*select 관련 css 가져옴*/
.selectCustom {
  position: absolute;
  width: 100%;
  display: block;
  top: 29px;
  left: 0;
  border: 1px solid #e1e1e1;
  background: #fff;
  border-radius: 3px;
  z-index: 2;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: none;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
  margin:0;
  list-style: none;
  padding:0;
}
.selectCustom li:hover a {
  background: #f6f9fb;
  color: #235cf5;
}
.selectCustom li a {
  font-size: 12px;
  color: #75889c;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  width: 100%;
  text-align: left;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
.selectCustom__box {
  position: relative;
  /* min-width: 210px; */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.selectCustom__box .selectCustom__a{
  height: 30px;
  line-height: 30px;
  color: #222;
}
.selectCustom__box .selectCustom__a .arrow{
  top:11px;
}
.selectCustom__a {
  width: 100%;
  font-size: 12px;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #75889c;
  position: relative;
  background: #fff;
  cursor: pointer;
}
.selectCustom__a .text {
  /* color: #75889c; */
  color: #222;
}
.selectCustom__a.active + .selectCustom {
  opacity: 1;
  visibility: visible;
  display: block;
}
.selectCustom__a.active .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.selectCustom__a .arrow {
  position: absolute;
  top: 16px;
  right: 10px;
  width: 10px;
  height: 6px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRUIyM0Y1Mjc2M0UxMUVFOENENzg2MDk1RUY2QUM1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRUIyM0Y1Mzc2M0UxMUVFOENENzg2MDk1RUY2QUM1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJFQjIzRjUwNzYzRTExRUU4Q0Q3ODYwOTVFRjZBQzUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJFQjIzRjUxNzYzRTExRUU4Q0Q3ODYwOTVFRjZBQzUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YjkkeAAAAGlJREFUeNpiYACC0o45xgw4AFBOCUQzAxmCQPqMtYsfw7E9m46iKQIZcAQkxwyU/AFiAEEHkP4BUwxVtBuIV3dXpFQwIukuBykG4gog3oOkKB0kz4hmVSiQmgnlwhXhcrwxEHegiwMEGAB6gitm59jvSQAAAABJRU5ErkJggg==") center/10px 6px no-repeat;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

/*checkbox 관련 css 가져옴*/
.squareCheckboxCustom {
  margin-right: 20px;
}

.squareCheckboxCustom:last-child {
  margin-right: 0;
}
.squareCheckboxCustom > input {
  display: none;
}
.squareCheckboxCustom > input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.squareCheckboxCustom > input + label .square {
  width: 13px;
  height: 13px;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3M0IyNUMwODkxMTcxMUVFQUU0ODhDOEVEOTRCNzYwMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3M0IyNUMwOTkxMTcxMUVFQUU0ODhDOEVEOTRCNzYwMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjczQjI1QzA2OTExNzExRUVBRTQ4OEM4RUQ5NEI3NjAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjczQjI1QzA3OTExNzExRUVBRTQ4OEM4RUQ5NEI3NjAyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qkXdJgAAAN1JREFUeNpi/P//P0NZ51wxBgaGCiDWZcANLgNxe1d58mvG0o45PIwMDOftzHRV1BSlgeKMWNT/Z7h+9zHDkTNXbwM5BixAIkJHXVHF29GMAR9QVZBmePfhs+q1O49CmYB8RWlxYQZigLiIIIiSBGliYmRkIAkwMZABhoCmL9++/yRK8c9fv0HUH5CmXRdv3Pv//tMXvBreffzMcPnm/f9A5h5GaDIqYmVhbpcSF2ZjY2XBYsMfhuev3n77/edvPjAZzQFrAgGgRiEgpQXEHFgs+gHE14Aa3oE4AAEGAE3OTVS7yl51AAAAAElFTkSuQmCC") center/13px 13px no-repeat;
}
.squareCheckboxCustom > input + label .text {
  font-size: 12px;
  color: #75889c;
  margin-left: 4px;
  position: relative;
  top: -1px;
}
.squareCheckboxCustom > input:checked + label .square {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3OTNGM0QzNTkxMTcxMUVFQTg3MEU2RjBDOTM5RDUxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3OTNGM0QzNjkxMTcxMUVFQTg3MEU2RjBDOTM5RDUxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc5M0YzRDMzOTExNzExRUVBODcwRTZGMEM5MzlENTE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc5M0YzRDM0OTExNzExRUVBODcwRTZGMEM5MzlENTE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JWLy4wAAAPdJREFUeNpiVI75ygAEYkBcAcS6DLjBZSBuB+LXLECCB4iPArEKA37gAsQ+QGzABCQiiNAAA6pAHArSpIhPlY0OMwMzE4qQJIiLIsTMjGAnuLMwzC9jZ2hOZEPRxYRu6o4OTgZ5cUawhupoNoZ//xkYzt3+h6KJBZkT48rCoCjByLC+iYOBl5MRrKF67i+GNYf+4LapcOpPhiNX/jLwceHWgKHp+y8Ghsz+nwyHLv3FqQHmvC/oGpN7fjL8/48zQP+AbNoFxChK8GgAyewBaToNxCVA/ItAxH4D4jQgvsAITXsgIATEWkDMgUXDDyC+BsTvQByAAAMATxhHhmn8WuIAAAAASUVORK5CYII=");
}
.squareCheckboxCustom--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.squareCheckboxCustom--wrap.flex-wrap{
  flex-wrap: wrap;
}

/*input radio 관련 css 가져옴*/
.radioCustom {
  margin-right: 15px;
}
.radioCustom:last-child {
  margin-right: 0;
}
.radioCustom--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radioCustom > input {
  display: none;
}
.radioCustom > input + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.radioCustom > input + label .circle {
  width: 18px;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODJCQTc2QUQ2QTk3MTFFRjlBOThBMDNFMjNERDE3NjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODJCQTc2QUM2QTk3MTFFRjlBOThBMDNFMjNERDE3NjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJjM2IwMjUtZjZlMy0xZDQ3LWJkYjUtNmY2YjYyNjgwODg3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2I4ODQyY2ItYWJmMC1hMTRkLWFlMzItZTI1M2RhMDQxYzNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/HHp7AAAATFJREFUeNqslMFKhEAcxv+zKHnQg9coz/sES9Rhi9jeoFNdOvZEvcP2CEtbEMQ+wl7VB9BUUFKYvm8ZIxZic/CDvw7j/H7oODNKay37SZJkgdst6hp1ivpCpah31HMURat9Rv0WQTDF7cl13Uvf98XzPHEcZ/es6zppmkaqqpK2bd/Q9Qjh9gemiBXH8RyioixLfShFUWiOJdPzvWSKB3ld1/q/4VgyZOlQaCi82EcYhmdBEMiQ4O0ly7INmucTXG4wJ4MlDBmyaC4ouuPE2saw9xTN+HdsY9gLio77X2wTw55QdCQjhKKUi802hk0pWnPF2sawa4qWXPa2MeySohfsnQ0X19CQIUvHBBuPu/Yhz/PPIZ/IsWTI7hxjbdrRjhF14GC7QkV9N+r1r4PtW4ABAL/kRc0LFYhHAAAAAElFTkSuQmCC') center/18px 18px no-repeat;
  transition: 0.2s;
}
.radioCustom > input + label:hover .circle{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTc3MzM0RTQ2QTk2MTFFRjkwNzVDMTE4NjlFODAzNUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTc3MzM0RTM2QTk2MTFFRjkwNzVDMTE4NjlFODAzNUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJjM2IwMjUtZjZlMy0xZDQ3LWJkYjUtNmY2YjYyNjgwODg3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2I4ODQyY2ItYWJmMC1hMTRkLWFlMzItZTI1M2RhMDQxYzNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8MscuQAAAa9JREFUeNpi/Pj1PwM6MEr/5gqkQoHYGYhlgfgXED8G4sNAvPrcTK7d6HoYkQ0CGqABpKYrSTI5BNmyMFjpMDHIiDAx/P7DwPDs7T+Gk9f/Maw7/Ifh3vN/B4DqMoEG3sAwCGiIPTsrw+biMDZekCFMjAxYwT+g8tUH/jD0rfn1GWiBL9Cwg3CDQC5hZWE4MTmXnd9Mg5mBGHDi+l+G/Ck/PwINswC5jFE55ivI7mMVkWwWYQ4sDKSAVUCXdSz/dQLItGICEm7KUkwWIXakGQICID0gvUCmK8ig6EAbYJgwkWwOWA9ILxDEgLSbWWmTYQoUmGuC9VqDSClpEfINkhQG65UBkewMFABWaCSDDHr89M0/sg2C6n0MMmjfsavkGwTVuw9k0Kr1R/4w/CPDLJAekF6QGSCD9t599u/E6oN/SDZozaE/DCC9IDOYgMkblNkSgXnn40lgsicWgLJI7+pfH0F6QWaA4w6UV4B5xr9g6s/PIJfh8yZIbuX+P6B8Bsq0/rASAGcxAkqxoIQqLQpJY09f/wMHLChM8BYjOAo2RyCWgwo/AuL9uAo2gAADAGFYwtR+c6LPAAAAAElFTkSuQmCC');
}
.radioCustom > input + label .text {
  font-size: 12px;
  color: #525252;
  margin-left: 5px;
  position: relative;
  top: 0px;
}
.radioCustom > input:checked + label .circle {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDg4NEFERkU2QTk2MTFFRkIxNEJDMDE5NjAyNTlBQzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDg4NEFERkQ2QTk2MTFFRkIxNEJDMDE5NjAyNTlBQzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJjM2IwMjUtZjZlMy0xZDQ3LWJkYjUtNmY2YjYyNjgwODg3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2I4ODQyY2ItYWJmMC1hMTRkLWFlMzItZTI1M2RhMDQxYzNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ixg4ogAAAYFJREFUeNpiVI75yoAFuAJxKBA7A7EsEP8C4sdAfBiIVwPxbnQNjGgGaQDxdCB2YMAPDgBxJhDfgAkwIUnaA/EpIgxhgKo5BdWDYhDIJRuBmJeBeMAL1aMBM4gRiOcDMT8D6YAfqpcRZJAbEFsQq5OVhYFBWwE5RMB6XUEi0cQawskGtL6UnWFjMweDmAAjslQMyCAzYl0yvZCdwUKLmWHiut8Mrz78R5a2BhkkhRGKXIwYhkzNY2ew0WFmmLnlN8Pk9b/RtciADGJHFpETY2Q41M/B4GzEjGKIkyHEkO6Vv7G6mAmaYuHgwxcGhvdfIJo9zJiJMgRkBsigfcgin779Z4hq/cHw7O1/him5RBkCAvtABq1CF33xDmLYo1f/iTEEBFaB8hooZI9hS0vMwGD6+5dghJ4AYiuQi0DxmAjEH9FVEGHIR6je/7AkCsrF/kD8mYTs8Rmq5wZ67j8ITZwHiDDkAFTtQZgAC5oCkOmOSAUbiC0HlXsExPtxFWwAAQYA/EBs2sCZh+kAAAAASUVORK5CYII=');
}

/*textrea 관련 css 가져옴*/
textarea.textareaCustom{
  width: 100%;
  height:100%;
  border:1px solid #e3e3e3;
  resize:none;
  font-size: 12px;
  line-height: 18px;
  color: #75889c;
  height: 240px;
  color:#222;
  resize: none;
  outline: none;
  box-shadow: none;
  border-radius: 3px !important;
  padding:10px;
}
textarea.textareaCustom::placeholder{
  color: #a3aab1;
}
textarea.textareaCustom--noBorder{
  border:0;
  padding:0;
}

/*toggle button 관련 css 가져옴*/
.custom-toggle > input {
  display: none;
}
.custom-toggle > input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: fit-content;
}
.custom-toggle > input + label .toggle {
  width: 25px;
  height: 16px;
  border-radius: 8px;
  border: 1px solid #75889c;
  background: #75889c;
  position: relative;
  top: 1px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.custom-toggle > input + label .toggle .toggle__circle {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.custom-toggle > input + label .toggle__text {
  margin-right: 5px;
  font-size: 13px;
  color: #525252;
}
/* 2025-05-27 (주)파이브센스_FIVESENSES.Corp. 호버추가 */
.custom-toggle > input + label:hover .toggle {
  border-color: #235cf5;
  background: #235cf5;
}
.custom-toggle > input + label:hover .toggle .toggle__circle {
  background: #fff;
}
.custom-toggle > input:checked + label .toggle {
  border-color: #235cf5;
  background: #235cf5;
}
.custom-toggle > input:checked + label .toggle .toggle__circle {
  background: #fff;
  left: calc(100% - 13px);
}

/*scroll 관련 css 가져옴*/
.library__body::-webkit-scrollbar,
.library__body .scroll::-webkit-scrollbar{
  width: 6px;
}
.library__body::-webkit-scrollbar-track,
.library__body .scroll::-webkit-scrollbar-track{
  background-color: #fff;
  background: #fff;
}
.library__body::-webkit-scrollbar-thumb,
.library__body .scroll::-webkit-scrollbar-thumb{
  background-color: #e0e6ed;
  border-radius: 5px;
}
.library__body::-webkit-scrollbar-button:start:decrement, 
.library__body::-webkit-scrollbar-button:end:increment,
.library__body .scroll::-webkit-scrollbar-button:start:decrement,
.library__body .scroll::-webkit-scrollbar-button:end:increment{
  background: #fff;
}
.library__body::-webkit-scrollbar-thumb,
.library__body .scroll::-webkit-scrollbar-thumb{
  background-color: #a9b5c0;
  border: 2px solid #fff;
  border-radius: 0;
}
.library__body::-webkit-scrollbar,
.library__body .scroll::-webkit-scrollbar{
  width: 6px;
}

/*caption 관련 css 가져옴*/
.caption--has {
  position: relative;
}
.caption--has:hover .caption__hover {
  opacity: 1;
  visibility: visible;
}
.caption__hover {
  padding: 9px 8px;
  border-radius: 3px;
  background: #111111;
  position: absolute;
  top: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.caption__hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  top: -7px;
  left: 0;
}
.caption__hover::after {
  content: "";
  border-bottom: 7px solid #111;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.caption__text {
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
}


/* ★★★★★★★★★★★★★★★
끝 : 기존에 적용된 CSS가져오기
★★★★★★★★★★★★★★★ */

/*231202 슬라이드 위젯 커스텀*/
html #sch_widget_frm.new_win.widget-library{
  background: #fff !important;
}
html #sch_widget_frm.new_win.widget-library,
html #sch_widget_frm.new_win.widget-library *{
  font-family: 'Pretendard' !important;
}
.library__head{
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  z-index: 1;
}
.library__title{
  display: flex;
  align-items: center;
  padding: 0 20px 0 22px;
  height: 50px;
}
html #sch_widget_frm.new_win.widget-library .library__title h1{
  font-size: 13px;
  color: #222222;
  width: calc(100% - 110px);
  padding: 0;
  margin: 0;
  letter-spacing: 0;
  min-width: auto;
}

.library__btns{
  display: flex;
  align-items: center;
  width: 85px;
  margin-right: 10px;
}
a.library__btn,
button.library__btn{
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff2f5;
  border-radius: 3px;
  transition: all 200ms ease-in-out;
  margin-right: 5px;
  cursor: pointer;
  border: none;
}
.library__btn:last-child{
  margin-right: 0;
}
.library__btn:hover,
.library__btn.active{
  background: #235cf5;
}
.library__btn .icon{
  display: block;
  transition: all 200ms ease-in-out;
}
.library__btn .icon.icon--file {
  width: 11px;
  height: 11px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNUYzOTJCRTkwRTUxMUVFQjc4Rjk4MzFFQTlFQTkwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNUYzOTJCRjkwRTUxMUVFQjc4Rjk4MzFFQTlFQTkwOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1RjM5MkJDOTBFNTExRUVCNzhGOTgzMUVBOUVBOTA5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1RjM5MkJEOTBFNTExRUVCNzhGOTgzMUVBOUVBOTA5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sgtLjgAAAJZJREFUeNpinLh462UGBgY5BtzgBRD7APFtFiChw4Af8AHxSSC2YAISnxgIA0EgPsjEQDyQACn+T6TijyDFjEQqZgQp5gHil0CsCsRsQMyEhNmg4iB5Hhao4FsgvgPE5UAsimTaayDuhMqLs0AFf0PpDizWd8LkmZCCBgTeoyl8jyzPAo2h11DBJ0DMjKT4CZJz2AACDAAyXhq7H97hGAAAAABJRU5ErkJggg==") center/11px 11px no-repeat;
}
.library__btn:hover .icon.icon--file,
.library__btn.active .icon.icon--file{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNTkwQkVFMDkwRTUxMUVFOUVBQ0Y0Njc4RjA5QkQyOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNTkwQkVFMTkwRTUxMUVFOUVBQ0Y0Njc4RjA5QkQyOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1OTBCRURFOTBFNTExRUU5RUFDRjQ2NzhGMDlCRDI4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1OTBCRURGOTBFNTExRUU5RUFDRjQ2NzhGMDlCRDI4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4KiDLwAAAJRJREFUeNpi/P///2UGBgY5BtzgBRD7APFtRqDi/wyEwXsgtgAp/ghk8BGh4QUTA/FAAqT4P5GKP4IUMxKpmBGkmAeIXwKxKhCzATETEmaDioPkeViggm+B+A4QlwOxKJJpr4G4EyovzvAfAi6AQvA/dsAAlf8PCw1BpPBED1+4PAs0hl5DBZ8AMTOS4idIzmEDCDAA5XpJQBWH9MAAAAAASUVORK5CYII=")
}
.library__btn .icon.icon--small-plus {
  width: 9px;
  height: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRjc3Njc2MDkwRTYxMUVFOEFBN0JEOUI4ODMyMUMwOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRjc3Njc2MTkwRTYxMUVFOEFBN0JEOUI4ODMyMUMwOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGNzc2NzVFOTBFNjExRUU4QUE3QkQ5Qjg4MzIxQzA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBGNzc2NzVGOTBFNjExRUU4QUE3QkQ5Qjg4MzIxQzA4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+d1+DcwAAAFdJREFUeNpiZEACExdvFQRSxkB8Lz/W+x5MnIkBFYAU7AbiUGRBdEVYAVGKGIHu6EAyXhCK30MxCNwjziQ037lAHV4B9F0n9R3OgsY/C8SuIMciCwIEGACUnBLrWB4YLAAAAABJRU5ErkJggg==") center/9px 10px no-repeat;
}
.library__btn:hover .icon.icon--small-plus{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMUU1Rjg4QjkwRTYxMUVFODIyNEVFMzQ3NjZDRDYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMUU1Rjg4QzkwRTYxMUVFODIyNEVFMzQ3NjZDRDYwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxRTVGODg5OTBFNjExRUU4MjI0RUUzNDc2NkNENjBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxRTVGODhBOTBFNjExRUU4MjI0RUUzNDc2NkNENjBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bf47HAAAAEBJREFUeNpiYEAC////FwRiFyBWYsAFoApAoBxZnImBCECUIkag0R1AOhTKF4Ti91AMAveIMonODmcgJjABAgwAt44vAhvbUIMAAAAASUVORK5CYII=")
}
.library__btn .icon.icon--small-minus {
  width: 6px;
  height: 3px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMEFEMDc4MzkwRTYxMUVFOEI1NDg0NDA4NkNEQ0NFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMEFEMDc4NDkwRTYxMUVFOEI1NDg0NDA4NkNEQ0NFQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIwQUQwNzgxOTBFNjExRUU4QjU0ODQ0MDg2Q0RDQ0VBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIwQUQwNzgyOTBFNjExRUU4QjU0ODQ0MDg2Q0RDQ0VBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xXhDsgAAACNJREFUeNpinLh4qwsDJnjPAiR2Y5HYA5IIA2JBNIl7AAEGAA1WBeKjBJ5rAAAAAElFTkSuQmCC") center/6px 3px no-repeat;
}

.library__btn:hover .icon.icon--small-minus{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQzU1NkIzQTkwRTYxMUVFODU4NEEyQzcwRDU2OEQwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQzU1NkIzQjkwRTYxMUVFODU4NEEyQzcwRDU2OEQwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJDNTU2QjM4OTBFNjExRUU4NTg0QTJDNzBENTY4RDA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJDNTU2QjM5OTBFNjExRUU4NTg0QTJDNzBENTY4RDA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LbagOwAAACRJREFUeNpi/P//vwsDJnjPCJT4j0ViDwuQCANiQTSJewABBgD3QAo0jcps6gAAAABJRU5ErkJggg==")
}
.library__close button{
  border: 0;
  background: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 13px;
  padding: 0;
}
.library__close button .icon.icon--black-close {
  width: 14px;
  height: 13px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRkRGNTE3MTkwRTYxMUVFQjcwNkQxQTg1RjA4RUUwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRkRGNTE3MjkwRTYxMUVFQjcwNkQxQTg1RjA4RUUwNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNGREY1MTZGOTBFNjExRUVCNzA2RDFBODVGMDhFRTA3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNGREY1MTcwOTBFNjExRUVCNzA2RDFBODVGMDhFRTA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PDxQ9gAAAF9JREFUeNqM0MENwDAIA0DwKOy/I1FaVUIJLubFgwvBHhFpb7lp9cyjgFTRNji2pYK+jSbg6xwcAx1uM0DzesU0OJB7nPQjTNL/wvo9Ghim9BjGlB7DEFCLIaILLwEGAOq+GH9gGvv9AAAAAElFTkSuQmCC") center/14px 13px no-repeat;
}

.icon.icon--up {
  width: 13px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQzIyMDdBMTkwQUQxMUVFOTNFMUVGMTQ2ODE5MDYwMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQzIyMDdBMjkwQUQxMUVFOTNFMUVGMTQ2ODE5MDYwMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZDMjIwNzlGOTBBRDExRUU5M0UxRUYxNDY4MTkwNjAyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZDMjIwN0EwOTBBRDExRUU5M0UxRUYxNDY4MTkwNjAyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QWKvIwAAAPNJREFUeNpiXHfwKgMOwA7Es4A4HIiXAXEmEP/EppAJhwFCQLwbiOOghiUC8Q4gFiTWEAUgPgLEtmjiDkB8GIjlCRliAsTHgVgThwu1ofKGuAzxAuL9QCwB5d9GM+AulJYE4oNA7IFuSBoQbwRiHigfZJsVmiEg/ikomxeINwNxEsyQaiCeCcQsUAXrgNgZiN+gGfIKiB2hljFA1c8F4gqQITVICicBcRgQf8cRJt+AOBiIpyGJVYFMKwTiSCBeAcTTGQiDv0CcDcRXoWloESOexAYC/5HYjLgUMTFQAYwaMkCG/IXS/ygxZAY09U7BpwggwADgHyvToAoXsAAAAABJRU5ErkJggg==") center/13px 14px no-repeat;
}
.icon.icon--down {
  width: 13px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDA2RThBNTkwQUUxMUVFOURDMThDMjI3MDNDODlDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDA2RThBNjkwQUUxMUVFOURDMThDMjI3MDNDODlDOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0MDZFOEEzOTBBRTExRUU5REMxOEMyMjcwM0M4OUM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0MDZFOEE0OTBBRTExRUU5REMxOEMyMjcwM0M4OUM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+joBYHwAAAPRJREFUeNpiXHfwKgMeMBmIk4F4NhDn41LExIAfZAIxJxDn4FNEyBBmYtQRMoQoMGoIDQ3JAOKDQJxOot4sqL5kFiDRB01QdkCsCcTFQPyXQNqZBDUEBAxBLmlDUgBK2qughmIDXEC8FskAEGgDGdIC9cofqGAQEO8BYhE0A8SAeD8Q+0P5f6D5qgMWsLOgkl+gfCsgPoZmCIhvBmV/BmJfIJ6HHjvbgNgRiF9A+apohihD6edAbA/EO3BF8RkgtgTi6zjC5CpU/jyhdPIAiG2A+DCa+AEgtgXih8QmtndA7ArEi4D4JxDPB2IPIH6PTTFAgAEAMH8rQk3Z+CsAAAAASUVORK5CYII=") center/13px 14px no-repeat;
}
.icon.icon--delete {
  width: 10px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAATCAYAAABLN4eXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODk3OTk2QTkwQUUxMUVFQTNFRUU2ODI5ODc4QUI5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODk3OTk2QjkwQUUxMUVFQTNFRUU2ODI5ODc4QUI5MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4OTc5OTY4OTBBRTExRUVBM0VFRTY4Mjk4NzhBQjkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM4OTc5OTY5OTBBRTExRUVBM0VFRTY4Mjk4NzhBQjkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KoSr9AAAAIFJREFUeNpiXHfwKgMasADiCiR+BxCfQFbAAsTrgViRATeYgca/D9IUwEAa0GdiIAOQpQnkvEJyNL0C4mkk6FkG0sQGxPwkaOJC9tM8JPYkNBpFHlnTZyT2ezQaRZ5+QT7cNUkiseXRaBR5ZE1hSOwENBpFHqTpMRD/J8F11wECDACTZBSp6DXgrQAAAABJRU5ErkJggg==") center/10px 14px no-repeat;
}
.icon.icon--triangle{
  width: 6px;
  height: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAxIDc5LmMwMjA0YjJkZWYsIDIwMjMvMDIvMDItMTI6MTQ6MjQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4zIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODFBQzYwQzhDNUExMUVFQkMwRDgwREZDRDVEQTQyMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODFBQzYwRDhDNUExMUVFQkMwRDgwREZDRDVEQTQyMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4MUFDNjBBOEM1QTExRUVCQzBEODBERkNENURBNDIyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4MUFDNjBCOEM1QTExRUVCQzBEODBERkNENURBNDIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+owhxTwAAAFlJREFUeNpiLO2YM5OBgSEPiH8yIAEmIE4D4oNALIMuAQLmQHwWiO3RJUBADIj3AHEhugQI/AHi1yAGC5LgEyAOBOIzyDqOArEJTBAmMQuInYD4JbKZAAEGAD9TDuZZyyhiAAAAAElFTkSuQmCC") center/6px 8px no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.icon.icon--exp{
    width: 16px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTBlZjU4Mi0wOTNhLTg2NDItOWY2NC00ZmRkZTRiMTU4ZDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTYzMzlCMjlEMTVEMTFFRTg5MTZBQzU3MjA5NjdGMDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTYzMzlCMjhEMTVEMTFFRTg5MTZBQzU3MjA5NjdGMDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWZhZTliM2MtNDYyNS0yMTQ4LWEzZjAtYzhkNzY1ZjJhYTI0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Nzc2OTc3MWEtODc0Ni1iZDQ3LTk4ZGYtYmIxZTE1MjliNmQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1VoZkQAAAU1JREFUeNqc080rRFEYx/E7aOZfwIJslJqNhQ1KeUnKf2ChkJcUFtih7l5eQmJo/AV2KCmKpZSiWBBS8xd4K43vU7+r2+ncMk59mumc+zznOW+p/cOzwGmNGEYn6vCJF5xiA9fxj8ti/zPYxCUG8Yw1bOMVA7hSkkwUVKHfNA7QroB5FJzKKhFiDA3oxldUwbKCJ1W+Gxyoz8ZG0IaVaAlZDWxh1Qk6h7tJ9t2OYrKWYAhFLHhmtfFyT/8cvi3W9qADFwllNwf+VlBMl81Qi7uED4viaxZTE21iKii9WUzaEjyh/h8JLObBEhyjFVUlBFcr5sgS5NQZJpTpW16o/pwluNUVtuOc+sPsE7rqdh9uok2cxQmWsKcSfWXndQPtYU3H38IberGIUfTpnO9jG9aiI13HDN7jCax9YFzL6UcPmjT2qPeyqyX/th8BBgACwEZ39MEvLgAAAABJRU5ErkJggg==') center/16px 16px no-repeat;
    margin-left: 5px;
    display: block;
}
.library__location{
  padding: 13px 20px 13px 22px;
  height: 66px;
  border-bottom: 1px solid #f0f0f0;
}
.library__location h5,
.library__location p{
  font-size: 13px;
  color: #75889c;
  font-weight: 400;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.library__body{
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 51px);
  min-height: calc(100vh - 51px);
}

.library__table .table__title{
  /* margin-bottom: 10px; */
  margin-bottom: 1px;
}
.library__table .table__title .table__title--a{
  padding:9px 20px 9px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  color: #91a3b5;
  background: #f7f9fb;
  cursor: pointer;
}
.library__table .table__title .table__title--a .icon--plus-minus{
  position: relative;
}
.library__table .table__title .table__title--a .icon--plus-minus::before{
  content:"+";
  font-size: 14px;
  color: #91a3b5;
  font-weight: 700;
}
.library__table .table__title.active{
  margin-bottom: 0;
}
.library__table .table__title.active .table__title--a .icon--plus-minus::before{
  content:"-";
}
.library__table .table__title.active + .table__body{
  display: block;
}

.library__table .table__body{
  /* padding: 10px 20px 13px 22px; */
  padding:10px 20px 20px 22px;
  display: none;
}
.library__table .table__body.pbn{
  padding-bottom: 0;
}
.library__table .table__btns{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.library__table .table__tr{
  display:block;
  margin-bottom: 20px;
}
.library__table .table__tr.table__tr_mt20 {
  margin-top: 20px;
}
.library__table .table__tr:last-child, .library__table .table__tr.table__tr_mb0{
  margin-bottom: 0;
}
.library__table .table__tr.table__tr--flex{
  display: flex;
}
.library__table .table__tr.table__tr--flex-wrap{
  flex-wrap: wrap;
}
.library__table .table__tr.table__tr--thumb{
  display: flex;
  align-items: center;
}
.library__table .table__tr.table__tr--thumb .table__content{
  width: calc(50% - 10px);
  margin-right: 0;
}
.library__table .table__tr.table__tr--thumb .table__content--space{
  width: 20px;
  font-size: 12px;
  color: #75889c;
  text-align: center;
  position: relative;
  top: 8px;
}
.library__table .table__tr.table__tr--bt{
  position: relative;
  padding-top: 20px;
}
.library__table .table__tr.table__tr--bt::after{
  content:"";
  width: calc(100% + 42px);
  height: 1px;
  position: absolute;
  top: 0;
  left:-22px;
  background: #f0f0f0;
}

.library__table .table__tr.table__tr--bb{
  position: relative;
  padding-bottom: 20px;
}
.library__table .table__tr.table__tr--bb::after{
  content:"";
  width: calc(100% + 42px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left:-22px;
  background: #f0f0f0;
}
.library__table .table__content{
  display: block;
  width: 100%;
}
.library__table .table__content.table__content--flex{
  display: flex;
  flex-wrap: wrap;
}
.library__table .table__content.w50{
  width: calc(50% - 5px);
  margin-right: 10px;
}
.library__table .table__content.w50:last-child{
  margin-right: 0;
}
.library__table .table__label{
  display: flex;
  width: -webkit-fill-available;
  font-size: 12px;
  color: #525252;
  margin-bottom: 5px;
}
.library__table .table__label.no_flex {
  display: inline;
}
.library__table .table__label--radio{
  margin-bottom: 5px;
}
.library__table .table__cont{
  width: 100%;
}
.library__table .table__cont.table__cont--flex{
  display:flex;
  align-items: center;
}
.library__table .table__cont.table__cont--flex-wrap{
  flex-wrap: wrap;
}
.library__table .table__cont.w50{
  width: calc(50% - 5px);
  margin-right: 10px;
}
.library__table .table__cont.w50:last-child{
  margin-right: 0;
}
.library__table .table__cont.table__cont--unit{
  display: flex;
  align-items: center;
}
.library__table .table__cont.table__cont--unit .selectCustom__box--wrap,
.library__table .table__cont.table__cont--unit .table__input{
  flex-grow: 1;
}
.library__table .table__cont.table__cont--unit .table__unit{
  font-size: 12px;
  color: #75889c;
  margin-left: 5px;
  white-space: nowrap;
}
.library__table .table__cont .w50{
  width: calc(50% - 5px);
  margin-right: 10px;
}
.library__table .table__cont .w50:nth-last-of-type(2){
  margin-right: 0;
}
.library__table .table__cont .w50:last-child{
  margin-right: 0;
}
.library__table .table__cont p{
  padding-bottom: 0;
}
.library__table .table__cont .table__flex-grow{
  display: flex;
  align-items: center;
}
.library__table .table__cont .table__flex-grow .table__input,
.library__table .table__cont .table__flex-grow .selectCustom__box{
  width: auto;
  flex-grow: 1;
}
.library__table .table__cont .table__flex-grow .w30{
  width: calc(30% - 5px); 
}
.library__table .table__cont .table__flex-grow .w70{
  width:calc(70% - 5px);
  margin-left: 10px;
}
.library__table .table__cont .table__flex-grow .table__flex-grow--etc{
  width: auto;
  margin-left: 10px;
  white-space: nowrap;
}
.library__table .table__cont .table__flex-grow .table__flex-grow--btn{
  margin-left: 7px;
}
.library__table .table__cont .table__flex-grow .table__flex-grow--etc a,
.library__table .table__cont .table__flex-grow .table__flex-grow--etc button{
  width: 30px;
  height: 30px;
}

.library__table .table__caption{
  font-size: 12px;
  color: #75889c;
}
.library__table .mt5{
  margin-top: 5px;
}
.library__table .table__checkbox{
  
}

.library__table .table__input.table__input--relative{
  position: relative;
}
.library__table .table__input.table__input--relative input{
  padding-right: 30px;
}
.library__table .table__input .table__unit--absolute{
  position: absolute;
  right: 10px;
  font-size: 12px;
  color: #75889c;
  top: 7px;
}
.library__table .table__accordion{
  margin-bottom: 10px;
}
.library__table .table__accordion:last-child{
  margin-bottom:0;
}
.library__table .accordion__title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.library__table .accordion__title h5{
  font-size: 13px;
  color: #525252;
  font-weight: 400;
}
.library__table .accordion__title .table__btns{
  margin-bottom: 0;
}
.library__table .accordion__body{
  padding:0;
  margin:0;
  list-style:none;
}
.library__table .accordion__content{
  margin-bottom: 1px;
}
.library__table .accordion__content:last-child{
  /* margin-bottom: 0; */
}
.library__table .accordion__subject{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding:9px 0;
  /* margin-bottom:15px; */
}
.library__table .accordion__subject::before{
  content:"";
  width: calc(100% + 42px);
  height: 100%;
  background: #f7f9fb;
  position: absolute;
  left:-22px;
}
.library__table .accordion__subject--left{
  display: flex;
  align-items: center;
}
.library__table .accordion__subject--right{
  position: relative;
}
.library__table .accordion__subject--text{
  margin-right: 13px;
  padding-left: 15px;
  cursor: pointer;
  position: relative;
}
.library__table .accordion__subject--text.active .icon.icon--triangle{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.library__table .accordion__content .accordion__tr--wrap{
  display:none;
}
.library__table .accordion__content.active .accordion__tr--wrap{
  display: block;
  margin-top: 15px;
  padding-bottom: 20px;
}
.library__table .accordion__btns{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.library__table .accordion__btns a{
  display: flex;
  margin-right: 10px;
  cursor: pointer;
}
.library__table .accordion__btns a:last-child{
  margin-right: 0;
}
.library__table .accordion__content .table__tr{
  padding-left: 15px;
}
.library__table .accordion__content .table__tr.table__tr_pdl_zero {
	padding-left: 0px; 
}
.library__table .table__textarea{
  /* margin-top: 10px; */
}
.library__table .table__textarea textarea{
  width: 100%;
  resize: none;
  height: 80px;
}

.library__table .accordion__content--inner .accordion__tr--wrap {display:none !important;}
.library__table .accordion__content--inner.active .accordion__tr--wrap {display:block !important;}

/*widget item stick custom*/
.sticker-wrap{
  position: relative;
  margin-bottom: -4px;
}
.sticker-wrap .squareCheckboxCustom{
  margin-right: 10px;
}
.sticker-wrap .item_sticker{
  font-size: 12px;
  /*color: #fff;*/
  border-radius: 3px;
  height: 21px;
  line-height: 21px;
  margin-left: 7px;
  display: block;
  margin-bottom: 4px;
  padding: 0 5px;
  position: relative;
  top: 1px;
}
/*
.sticker-wrap .item_sticker.hit{
  background-color: #55a3fa;
}
.sticker-wrap .item_sticker.rec{
  background-color: #f66fb6;
}
.sticker-wrap .item_sticker.new{
  background-color: #fa555a;
}
.sticker-wrap .item_sticker.best{
  background-color: #9bce26;
}
.sticker-wrap .item_sticker.discount{
  background-color: #555555;
}
.sticker-wrap .item_sticker.main{
  background-color: transparent;
  color: #75889c;
  padding: 0;
}
*/

/* 231219 위젯설정에 설정완료 말풍선 추가 */
.library__btns{justify-content: flex-end;}
.library__location{cursor: pointer;}
.library__save__bubble{background-color: #202020; border-radius: 5px; padding: 15px;position: fixed;z-index: 100;top: 0;right: 41px;top: 2px;display: none;}
.library__save__bubble .bubble_text{color: #fff; /*font-size: 14px;*/ display: inline-block;}
.library__save__bubble .library__bubble__btn{cursor: pointer;color: #235cf5; font-size: 14px; display: inline-block;border: none;background: transparent;margin-left: 15px;padding: 0;}
#letter_copybtn1{color: #75889c;font-size: 13px;text-align: left;padding: 0;border: none;background: transparent;
width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; height: 17px;}
#letter_copybtn2{color: #75889c;font-size: 13px;text-align: left;padding: 3px 0 0;border: none;background: transparent;
width:100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; height: 20px;}
.library__copybtn__bubble{background-color: #202020; border-radius: 5px; padding: 15px;position: fixed;z-index: 100;top: 0;right: 70px;top: 2px;display: none;}
.library__copybtn__bubble .bubble_text{color: #fff; font-size: 14px; display: inline-block;}
.library__copybtn__bubble .library__copybtn__btn{cursor: pointer;color: #235cf5; font-size: 14px; display: inline-block;border: none;background: transparent;margin-left: 15px;padding: 0;}

/* 240222 라이브러리 설정 말풍선 추가 */
.exp_wrap{position: relative;}
.exp_box{position: absolute; top: 15px; left: 0; z-index: 10; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 5px; padding: 10px 14px; color: #75889c; font-size: 12px; line-height: 18px; width: 276px; display: none;}
.exp_right_wrap .exp_box{left: auto; right: 0;}
.exp_box::before{content: ''; display: block; height: 10px; width: 100%; position: absolute; top: -8px; left: 0;}
.exp_box p{padding-bottom: 0; word-break: keep-all;}
.exp_wrap.custom_exp .exp_group{display: inline-block;}
.exp_wrap.custom_exp .exp_group span{margin-right: 5px; position: relative; top: 3px;}
.exp_wrap.custom_exp .exp_group .exp_box{width: 276px;}
.library__table .table__content .custom-toggle{display: inline-block; padding-right: 0 !important; float: none !important; position: relative; top: 5px;}

/* 240228 라이브러리 설정 말풍선 추가 */
.library__table .accordion__title .btn_change{color: #91a3b5; font-size: 12px; font-weight: 500; padding: 6.5px 7px; border-radius: 5px; background-color: #eff2f5; line-height: 1em; margin-right: 5px; transition: all 200ms ease-in-out;}
.library__table .accordion__title .btn_change:hover{color: #fff; background-color: #235cf5;}

.tbl_wrap #sev_it_rel .srel_pad input{width: 50%;}


.library__table .table__title.hidden,
.library__table .table__body.hidden{display: none !important;}


/* 2025-01-14 (주)파이브센스_FIVESENSES.Corp. 컬러인풋 추가 */
.library__table input[type="color"]{display: inline-block;padding: 0;margin: 0;  border: 1px solid #e1e1e1;border-radius: 3px;width: 30px; height: 30px; appearance: none; -webkit-appearance: none; cursor: pointer; margin-left: 3px;}
.library__table input[type="color"]::-webkit-color-swatch-wrapper {padding: 0; }
.library__table input[type="color"]::-webkit-color-swatch {border: none; }
.library__table .color-display{display: inline-block;border: 1px solid #e1e1e1;width: calc(100% - 38px);line-height: 28px;padding: 0 10px;border-radius: 3px;}

/* 2025-07-01 (주)파이브센스_FIVESENSES.Corp. */
select.readonly{cursor: not-allowed; pointer-events: none; background-color: #eee; color: #888;}

/* 2025-12-18 (주)파이브센스_FIVESENSES.Corp. 서브 타이틀 추가 */
.library__table .table__sub__content{background-color: #f7f9fb; border-radius: 5px;}
.library__table .accordion__content .table__sub__content{ margin-left: 15px;}
.library__table .table__sub__content + .table__sub__content {margin-top: 20px;}
.library__table .table__sub__title{color:#525252; font-size: 13px; font-weight: 500; border-bottom: 1px solid #e8ecf1; padding: 9px 10px;}
.library__table .table__tr__wrap {padding: 5px 0;}
.library__table .table__tr__wrap .table__tr{padding: 5px 10px; margin: 0;}