@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css');

/* 초기화 */
html {position: relative; min-height: 100%; height: 100%; font-size: 10px;}
body {margin:0;padding:0;  color:#0c0c0c;font-size:16px;font-family: 'Pretendard', sans-serif; min-height: 100%; height: 100%; position: relative; background: #EFEFEF;}
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: 'Pretendard', sans-serif}
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: 'Pretendard', sans-serif;font-size:1em}
input {margin:0;padding:0;border-radius:0;font-family:'Pretendard', sans-serif}
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
button {border-radius:0;font-size:1em;font-family:'Pretendard', sans-serif;-webkit-appearance:none;cursor:pointer}
p {margin:0;padding:0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#0c0c0c;text-decoration:none}
a:focus, a:hover, a:active {text-decoration:none}

/* 헤딩 */
h1 {margin:0 0 10px; padding:0 0 10px;  border-bottom:1px solid #e9e9e9;color:#333;font-size:1.5em; font-family:'Pretendard', sans-serif;letter-spacing:-0.1em; font-weight: 600;}
h2 {margin:0 0 10px;padding:0 20px;font-size:1.2em}
h2.h2_frm {padding-top:15px; font-weight: 500;}

    

/* 레이아웃 */
#hd {z-index:10; width: 100%; /*min-width:1000px;*/ background-color: #3a2b25; position: fixed; top:0; left:0;   }
#hd h1, #hd h2 {position:absolute;border:0;font-size:0;line-height:0;overflow:hidden; }
#hd_wrap {z-index:11; display: flex; padding: 3.5rem 6rem; align-items: center;}
#logo {position:relative; }
#logo img {height: 31px;}

.my_item select{padding:4px 10px; width: 100%; height: 45px; line-height: 45px; border-right: 0;}

.header-bar{display: none; width: 25px; cursor: pointer;}
.header-bar span{display: block; height: 1px; background-color: #fff;}
.header-bar span:nth-child(2){margin: 6px 0;}

#tnb {z-index:2; zoom:1; margin:0;padding:0; margin-left: auto; display: flex; align-items: center;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {margin:0 0 0 10px;padding:0 10px 0 0; position: relative; line-height: 1;}
#tnb li:after{content: ''; width: 1px; height: 11px; position: absolute; right: 0; top: 3px; background-color: #fff;}
#tnb li:first-child::after{top: 11px;}
#tnb li:last-child::after{display: none;}
#tnb a {display:inline-block;color:#fff;text-decoration:none;letter-spacing:-0.1em; font-size: 14px; }
#tnb a.home{background-color: #ffdd33; color: #0c0c0c; border-radius: 16px; padding: 9px 23.5px;}
#tnb span {position:absolute;bottom:10px;left:0;width:100%;text-align:center}

/* gnb */
#gnb {position:relative; z-index:5;width:100%; height: 100%; }
#gnb h4{position: relative;}
#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; margin:0; border-top:0;border-bottom:0}
.gnb_1dli + .gnb_1dli{border-top: 1px solid #cbcbcb; padding-top: 2rem; margin-top: 2rem;}
.gnb_1da {display:block; width:100%; font-size: clamp(1.8rem, 1.05vw, 2.4rem); font-weight:600; text-decoration:none; padding: 1rem 0;}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}

.gnb_1dli ul li{padding: 10px 0;}
.gnb_1dli ul li a{color: #343434;}



#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 {position: relative;}
#wrapper.sel-brand #aside{display: block;}
#content {z-index:9; /*min-width:1000px;zoom:1; */ min-height: 100%; padding-top:102px; position: relative; padding-bottom: 0;}
#content:after {display:block;visibility:hidden;clear:both;content:""}

#aside{position: fixed; top: 102px; width:220px; background: #fff; height: 100%;  box-shadow: 2px 0 2px 0 rgba(0,0,0,0.12); display: none;}
.aside-header{border-bottom: 1px solid #bfbfbf;}
.aside-header .box span{background-color: #8c8c8c; display: block; padding: 2rem; text-align: center; color: #fff;}
.aside-header .user-wrap{display: flex; align-items: flex-end; justify-content: center; padding: 4.4rem 0;}
.aside-header .user-wrap strong{font-size: clamp(1.8rem, 1.666667vw, 4.8rem); font-weight: 600; margin-right: 1rem; line-height: 1;}
.aside-header .user-wrap span{display: block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#aside #tnb{display: none;}

#container {z-index:4;position:relative;padding:54px 30px;  min-height: 100%; } 

#wrapper.sel-brand #container{ margin-left:220px; }

.content_p{position: relative; /* background: #fff; padding:20px; */ min-height:500px; overflow: hidden; max-width: 1280px; margin: 0 auto;}
.content_p h1{font-size: clamp(1.8rem, 1.25vw, 3.2rem); padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 1px solid #0a0a0a; letter-spacing: 0;}
.content_p.main{padding: 0; background-color: transparent;}
.content_p.main h1{display: none;}

/* 텍스트 크기 조절 */
#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.45;vertical-align:middle; font-size: 14px;}
.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-top:10px}
.compare_wrap h3 {margin:10px 0 20px;text-align:center}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input {background:#fff}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:49%}
.compare_right {float:right;width:49%}

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

.btn_confirm01 {clear:both;text-align:center; margin-top: 3rem;}
.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:50px; line-height:50px; color:#fff; font-size: 18px; border-radius: 4px; min-width: 120px;}
.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; line-height: 32px; height:32px;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 button {margin:0}

.btn{border: 0; display: inline-block; background-color: #fff; border: 1px solid #bfbfbf; padding: 7px 8px; line-height: 1;}

.addr_inner + .addr_inner{margin-top: 1rem;}

/* 필수입력 */
.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:30px; padding: 0 5px; font-size: 16px;}
.frm_input.full, .frm_input_full {width:98%}
.frm_input.half {width:50%}
select {border:1px solid #ced9de; height: 32px; font-size: 16px;}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}

.readonly {background-color: #ebebeb !important;}

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

/* 목록 바로가기 */
.anchor {margin:0 20px 30px 20px;padding:0;zoom:1; display: flex;}
.anchor:after {display:block;visibility:hidden;clear:both;content:""}
.anchor li {flex: 1; margin-left:-1px;list-style:none}
.anchor a {display:block;padding:8px 10px;border:1px solid #c8ced1;background:#d6dde1;text-decoration:none; text-align: center;}
.anchor a:focus, .anchor a:hover {background:#c8d2d8}
.anchor li.active a{background: #666;}

#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;cursor:pointer}

/* 페이지 내 안내문 */
.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:#ff3061}
.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}

/* 테이블 */
/* 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}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}


/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 table tr:hover{background:#f9f9f9;}
.tbl_head01 thead th {padding:10px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838; font-weight: 500;}
.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 {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;}
.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:5px 3px;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_frm01 th {padding:0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;text-align:left; font-weight: 400;}
.tbl_frm01 td {padding:10px 5px;border-right:0;border-left:0; border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
.tbl_frm01 textarea {height:150px; width: 100%; resize: none;}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}

.tbl_frm01 td.border-top{border-top:1px solid #ececec;}

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

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

/* 목록 홀짝 배경색 */
.bg0 {background:#fff}
.bg1 {background:#f2f5f9}
.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}

/* 회원관리 목록 */
.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_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_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:60px}
.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_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_itopt {width:200px}
.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_numcancel {color:#999;text-decoration:line-through}
.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_bigpostal {width:140px;text-align:center}
.td_pt {text-align:right !important}
.td_scate {padding-right:15px;text-align:right;vertical-align:top}
.td_send {width:50px;text-align:center}
.td_sendcost_by {width:50px;text-align:center}
.td_sendcost_add {width:100px;text-align:center}
.td_tdiv {border-bottom:1px solid #c9c9c9 !important}
.td_tel {width:80px;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}

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

/* 환경설정 */
.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;cursor:pointer}

/* ########## 쇼핑몰 사용시 적용 ########## */

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

#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_img {display:none}

#scf_sms_pre h3 {padding:10px 0 0}
#scf_sms_pre dl {margin:10px 0 0;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_pre p {margin:0 0 20px}
#scf_sms {margin:0 0 30px;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}

/* 주문내역 */
#sodr_list {text-align:center}

/* 주문내역 수정 */
.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_payer #od_addr1,
#anc_sodr_payer #od_addr2 {margin:5px 0 0}
#anc_sodr_addressee #od_b_addr1,
#anc_sodr_addressee #od_b_addr2 {margin:5px 0 0}

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

/* 주문통합내역 */
#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}

/* 분류관리 목록 */
.cate_list_lbl {display:inline-block;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 {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}


/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px;
margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height:28px;font-weight:bold; text-align: center;}
#sit_opt_added li .opt_count {display: none;}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

#mod_option_frm #sit_sel_option {margin:20px 20px 10px}
#mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px}
#mod_option_frm #sit_opt_added {}
#mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow}
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3}


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

/* 상품옵션재고관리 */
.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 {position:relative;border-bottom:1px solid #e9e9e9}
.srel .srel_list {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
.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 button {position:absolute;top:12px;right:0}
.srel .srel_noneimg li {padding:7px 0}
.srel .srel_noneimg button {top:0;right:0}
.srel .srel_pad {display:block;height:30px}

/* 쿠폰관리 */
.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}

/* SMS문자전송 */
#sms_send {padding-bottom:100px;zoom:1}
#sms_send:after {display:block;visibility:hidden;clear:both;content:""}

#sms_frm {float:left;width:650px}
#sms_frm table {margin:0 0 30px}
#sms_frm textarea {height:70px}

#sms_sm {position:relative;float:left;width:229px;height:418px;background:url('../shop_admin/img/mobilebg.jpg') no-repeat}
#sms_sm_text {position:absolute;top:75px;left:27px;width:180px;color:#fff;font-size:2em;word-break:break-all}
#sms_sm p {position:absolute;bottom:-70px;left:0;font-size:0.95em;letter-spacing:-0.1em}

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

#anc_pricecompare_engine dt a {font-weight:bold}
#anc_pricecompare_engine dd {margin:0 0 30px}
#anc_pricecompare_engine li {margin:5px 0}

/* 새창 기본 스타일 */
.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:'Pretendard', sans-serif;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}

/*부가서비스*/
.lnb_svc{color:#ff3061;font-weight:bold}
.service_wrap{width:960px; margin:0 20px 10px;overflow:hidden}
.sevice_1{border:1px solid #ebe8e8;width:330px;float:left;border-radius:5px;text-align:center;margin-right:6px;}
.sevice_1 .svc_img{padding:30px 0 0;}
.sevice_1 h3{font-size:16px;margin:15px 0;color:#525252}
.sevice_1 p{padding:20px;background:#f8f8f8;height:90px;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;width:33%;}
.sevice_1 ul li a{display:inline-block;height:76px;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:66px;padding:10px 0 0;width:100%}

.sevice_2{border:1px solid #ebe8e8;float:left;width:282px;}
.sevice_2 .svc_a{padding:33px 0 0;}
.sevice_2 .svc_a h3{font-size:14px;letter-spacing:-1px;color:#525252;margin-bottom:5px;padding:0 20px 0}
.sevice_2 .svc_a p{color:#898989;line-height:18px;letter-spacing:-1px;padding:5px 20px 0;}
.sevice_2 .svc_btn{text-align:center;position:absolute;bottom:0;left:0;width:282px;}
.sevice_2 .svc_btn a{display:inline-block; background:#ff3061;text-align:center;color:#fff;padding:10px 20px;}
.sevice_2 .svc_btn a:hover{text-decoration:none;}
.sevice_2 .svc_sms{overflow:hidden; height:212px;position:relative}
.sevice_2 .svc_sms .svc_btn a{display:inline-block; background:#f8f8f8;width:100%;text-align:center;margin:0;padding:10px 0 0 }
.sevice_2 .svc_design{overflow:hidden;height:210px;position:relative}
.sevice_2 .svc_design .svc_btn a{margin:0 0 20px}

/*테마*/
.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}




.memb_line{height: 1px; background-color: #c0c0c0; margin: 20px 0;}
.memb_button{width: 70px; height: 23px;  background-color: rgba( 255, 255, 255, 0.5 ); border: 1px solid #c0c0c0; border-radius: 3px; cursor: pointer;}
.memb_button2{width: 180px; height: 40px;  background-color: rgba( 20, 100, 255, 0.5 ); border: 1px solid #c0c0c0; border-radius: 3px;   cursor: pointer}

/* custom form */

.chdForm {position: relative;}
.chdForm table {width:100%;border-collapse:collapse;border-spacing:0; }
.chdForm .formTitle {font-size:18px; font-weight: 500; margin-bottom: 10px;}
.chdForm tr{border-bottom: 1px solid #E0E0E0; height: 60px;}
.chdForm th{width:100px;padding:7px 16px; text-align:left; }
.chdForm td{padding:8px 10px}
.chdForm select{padding:10px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%;}
.chdForm input[type=text]{padding:6px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%;}
.chdForm textarea{padding:10px; background: #F7F7F7; border:1px solid #B8B8B8; border-radius: 4px; width: 100%; height: 100px;}
.chdForm input[type=radio]{margin:10px; vertical-align: middle }
.chdForm .first{margin:0 !important;}
.chdForm .input_s{width:120px !important;}
.chdForm .input_m{width:240px !important;}
.chdForm .input_l{width:500px !important;}
.help{margin-bottom: 10px; background-color: #f4f5f9; display: block; padding: 5px 8px; border-radius: 4px;}
    

.chdForm .cs_req{ background: url('/img/icon/required.gif') no-repeat left center; }
.chdForm .btn_group{margin-top:30px; text-align: center;}
.chdForm .btn_group .btn_submit{height: 50px; color:#fff; background: #404040; padding:0 80px; font-size:16px; border-radius: 4px;}
    
.chdForm .cs_info{position: absolute; top:0; right:0; }


.auth-button{position: absolute; right: 15px; top: 5px}
.auth-check{font-weight: 500; display: inline-block; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #357dbb; text-align: center; color: #fff;}

#anc_video .thumb {max-width: 100px;}
#anc_video .tbl_head01 tbody td {text-align: center; border: 1px solid #ccc;}
#anc_video .btn-group{margin-top: 2rem; margin-bottom: 0;}

/*********
 ** PARTNER INDEX
*********/
#pmain{max-width: 1060px; margin: 0 auto; padding-bottom: 11rem;}
#pmain .screen{background: #090909 url('/img/partner/top.jpg') no-repeat center/cover; display: flex; align-items: center; justify-content: center; height: 51rem; background-position: 100% 10%;}
#pmain .screen .inner{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 1.5rem;}
#pmain .screen p{font-size: clamp(1.8rem, 1.354167vw, 3.2rem); color: #fff; }
#pmain .screen h2{margin: 2rem auto;}
#pmain .screen img{height: 45px;}
#pmain .screen div{color: #ffdd33; font-size: clamp(2.4rem, 2.083334vw, 4.8rem); font-weight: 600; line-height: 1;}
#pmain .pmain-wrap{background-color: #fff6b2; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 6rem 5rem 12rem; margin-top: -3rem;}

#pmain .section{text-align: center;}
#pmain .section + .section{margin-top: 12rem;}

#pmain .section-header .brand{text-align: center; margin-bottom: 2rem;}
#pmain .section-header .brand span{color: #fff; background-color: #3a2b25; line-height: 1; padding: 1.6rem 6.8rem; text-align: center; display: inline-block; border-radius: 2.4rem;}
#pmain .section-header h3{font-size: clamp(1.8rem, 1.354167vw, 3.2rem); font-weight: 400;}
#pmain .section-header .dots{margin: 6rem auto; text-align: center; display: flex; align-items: center; justify-content: center;}
#pmain .section-header .dots span{display: inline-block; width: 8px; height: 8px; background-color: #3a2b25; border-radius: 50%; margin: 0 5px;}

#pmain .title{font-size: clamp(1.8rem, 1.354167vw, 3.2rem); font-weight: 600;}
#pmain .title strong{color: #f2ad0b; font-weight: 600;}

#pmain .box{background-color: #fffce5; border-radius: 4rem; padding: 6rem 1.5rem; margin-top: 9rem;}
#pmain .box.first{margin-top: 6rem;}

#pmain .box .title{margin-bottom: 2.8rem; line-height: 1.2;}
#pmain .box .image{margin-bottom: 4rem;}
#pmain .box p{font-size: clamp(1.6rem, 1.041667vw, 2.4rem); color: #666; line-height: 1.4;}
#pmain .box .tags{display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
#pmain .box .tags span{display: inline-block; border: 1px solid #bfbfbf; border-radius: 4px; padding: 5px 10px; background-color: #fff; color: #8c8c8c;}
#pmain .box .tags span + span{margin-left: 1rem;}

#pmain .header-more{padding: 1.5rem 0; cursor: pointer; display: flex; justify-content: center; align-items: center;}
#pmain .header-more .more{font-size: 32px; margin-left: 2rem;}
#pmain .header-more .more i{transition: all ease .2s;}
#pmain .header-more.active .more i{transform: rotate(180deg);}

#pmain .membership-list{display: none; margin-top: 4rem;}
#pmain .membership-list.active{display: block;}


/*********
 ** PARTNER PROFILES
*********/
.profiles-wrap{position: relative; max-width: 1000px; margin: 0 auto;}
.profiles-wrap h2{padding: 0; font-size: clamp(1.8rem, 1.25vw, 3.2rem); margin: 0;}
.profiles-wrap form{margin-bottom: 2rem; text-align: right;}
.input-search-wrap{display: flex; align-items: center; justify-content: flex-end;}
.input-search-wrap .btn-search{border: 0; padding: 6px 10px 7px; background-color: #0c0c0c; color: #fff; border-radius: 4px; margin-left: 5px;}
.profiles-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.profiles-header .btns a{display: inline-block; border: 1px solid #bbb; background-color: #fff; padding: 4px 10px;}
.pw-box{border: 1px solid #bfbfbf; border-radius: 4px; background-color: #fff;}
.pw-box a{display: flex; padding: 2rem 3rem; background: url('/img/icon/ico_arrow_rt_act.png') no-repeat center/cover; background-position: 95% 50%; background-size: 25px auto; overflow: hidden; align-items: center;}
.pw-box a:hover{background-color: #f5f9f9;}
.pw-box a .image{position: relative; margin-right: 1.5rem; width: 6rem; height: 6rem;}
.pw-box a .image img{width: 100%; height: 100%; object-fit: cover;}
.pw-box a .cont{margin-right: 3rem;}
.pw-box a .cont .title{font-size: clamp(1.6rem, 1.06vw, 3.2rem); font-weight: 500;}
.pw-box a .cont p{font-size: 14px; color: #888;}
.pw-box a .badge{display: inline-block; margin-right: 1rem;}
.pw-box + .pw-box{margin-top: 1rem;}

.dashboard-section{position: relative;}
.dashboard-section .box{border: 1px solid #bfbfbf; margin-bottom: 1rem; background-color: #fff;}
.dashboard-section .box .inner{text-align: center; padding: 3rem 1.5rem;}
.dashboard-section .box .inner h4{margin-bottom: 1.5rem; line-height: 1; font-weight: 400;}
.dashboard-section .box p{color: #666;}
.dashboard-section .box p strong{color: #0a0a0a; font-size: clamp(1.6rem, 1.015vw, 2.4rem); margin: 0 5px;}
.dashboard-section .service-info{display: flex; align-items: center;  justify-content: center; text-align: left;}
.dashboard-section .service-info span{display: inline-block; font-size: 12px;}
.dashboard-section .service-info a{margin-left: 2rem; }
.dashboard-section .service-info a span{font-size: 16px; display: inline-block;}
.dashboard-section .half{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}

.dashboard-section .service-info.membership{flex-direction: column;}
.dashboard-section .service-info.membership span{display: inline-block; font-size: 16px; color: #666; line-height: 1;}
.dashboard-section .service-info.membership .badge{border: 1px solid #bfbfbf; border-radius: 4px; line-height: 1; background-color: #fff; padding: 6px 15px; margin-left: 1rem;}
.dashboard-section .service-info.membership .range{margin-top: 1rem; font-weight: 600; font-size: clamp(1.6rem, 1.041667vw, 2.4rem); color: #0a0a0a;}

.btn-product{border: 1px solid #8c8c8c; border-radius: 4px; text-align: center; padding: 1.65rem 2.8rem; font-weight: 500; background-color: #fff;}

.btn-icon-wrap{display: inline-flex; align-items: center;}
.btn-icon-wrap .icon{background-repeat: no-repeat; background-position: center; background-size: cover;}
.ico-symbol{ background-image: url('/img/icon/chd-s.svg'); margin-right: 10px; width: 10px; height: 13px;}
.ico-help{ background-image: url('/img/icon/info.svg'); margin-right: 10px; width: 16px; height: 16px;}


.dashboard-section + .dashboard-section{margin-top: 3rem;}
.dashboard-section .section-header{border-bottom: 1px solid #0a0a0a; padding-bottom: 2rem; margin-bottom: 2rem;}
.dashboard-section .section-header h3{font-size: clamp(1.6rem, 1.25vw, 3.2rem); font-weight: 500; line-height: 1;}
.btn-all{display: block; background-color: #bfbfbf; color: #fff; text-align: center; padding: 1.75rem; transition: all ease .3s;}
.btn-all:hover{background-color: #444;}

.btn-group{display: flex; align-items: center; margin-bottom: 2rem;}
.btn-group a{flex: 1; display: flex; align-items: center; justify-content: center; max-width: 250px; padding: 13.5px 0; border: 1px solid #bfbfbf; text-align: center; background-color: #fff; color: #666;}
.btn-group a.active{background-color: #666; color: #fff;}
.btn-group a strong{font-size: clamp(1.6rem, 1.041667vw, 3.2rem); font-weight: 500; margin-left: 5px; line-height: 1;}
.btn-group a + a{margin-left: -1px;}

.btn-group .btn-icon-wrap{background-color: rgba( 237, 87, 93, 0.1); border-radius: 15px; margin-left: 2rem; padding: 5.5px 20px; border: 0; max-width: max-content; color: #0c0c0c; font-size: 14px;}

.btn-group .btn + .btn{margin-left: 10px;}


.table{margin-bottom: 2rem; background-color: #fff; border: 1px solid #bfbfbf; padding: 2rem;}
.table table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.table table td{background-color: #fff; border: 0; border-bottom: 1px solid #f2f2f2; padding: 16.3px 5px;}
.table table .pbg td{background-color: #ebe8e8;}
.table table td.empty_table{border: 0;}
.table table tbody th{text-align: left; width: 15%; font-weight: 500;}
.td-date{color: #8c8c8c;}
.text-center{text-align: center !important;}

.btn-check{border: 0; background-color: #333; color: #fff; border-radius: 1px solid #333; padding: 5px 10px; font-size: 14px;}

/*********
 ** PARTNER BRAND
*********/
#fitem section {margin-top: 60px; padding: 30px 0; border-top: 2px solid #efefef; background-color: #fff;}
#fitem section.first {margin-top: 0; padding-top: 0; border-top: 0;}



/*********
 ** PARTNER SERVICE
*********/
.section_block .chdForm{background-color: #fff; margin-bottom: 4rem;}
.membership-list{position: relative; max-width: 960px; margin: 0 auto;}
.membership-list .grid{display: grid; grid-template-columns: 1fr 1fr; gap:40px;}
.membership-list .grid .item{border-radius: 10px; background-color: #fff; overflow: hidden; width: 100%; }
.membership-list .grid .item h4{background-color: #f2f2f2; font-weight: 600; font-size: clamp(1.6rem, 1.041667vw, 2.4rem); text-align: center; padding: 2rem; border-bottom: 1px solid #bfbfbf;}
.membership-list .grid .item .cont{padding: 3rem;}
.membership-list .grid .item .price-wrap{padding: 4.5rem 0 7.5rem; text-align: center; font-size: clamp(1.6rem, 1.041667vw, 2.4rem); color: #666; display: flex; align-items: center; justify-content: center;}
.membership-list .grid .item .price-wrap strong{font-size: clamp(1.6rem, 1.354167vw, 3.2rem); color: #0c0c0c; margin: 0 5px;}
.membership-list .grid .item ul{list-style: none; margin: 0; padding: 0; margin-top: 4rem;}
.membership-list .grid .item ul li{background-color: #f9f9f9; padding: 15px; text-align: center; line-height: 1;}
.membership-list .grid .item ul li + li{margin-top: 1rem;}
.membership-list .grid .item a{background-color: #ffdd33; font-weight: 600; font-size: clamp(1.6rem, 1.041667vw, 2.4rem); text-align: center; display: block; text-align: center; padding: 2rem; border-radius: 4px; margin-top: 3rem;}
.membership-list .cont p{text-align: left; line-height: 1.4;}
.membership-list .desc{margin-top: 3rem; font-size: 12px; color: #f2ad0b;}

.btn-wrap{text-align: center;}
.btn-wrap.mt-3{margin-top: 3rem;}
.btn-wrap .btn-submit{border: 1px solid #0c0c0c; border-radius: 4px; text-align: center; padding: 1.65rem 2.8rem; font-weight: 500; background-color: #0c0c0c; color: #fff;}
.btn-wrap a + a{margin-left: 1rem;}

.service #sit_ov_wrap{padding: 3rem;}
.service #sit_ov{float: none; width: 100%; min-height: auto; padding: 0;}
.service .sit_ov_tbl td strong{line-height: 1;}

.service .sit_option label{display: inline-block; width: 150px;}
.service .sit_option span{display: inline-block; flex-grow: 1;}
.service .get_item_options{display: flex; align-items: center; }
.service .sit_option select{padding-bottom: 0; margin-bottom: 0; height: 4rem; max-width: 300px;}
.service #sit_ov_btn button{margin-bottom: 0;}
.service #sit_ov_btn{text-align: center; margin-top: 6rem; display: flex; align-items: center; justify-content: center;}

.service #sit_ex{background-color: #fff; padding: 2rem; margin-top: 6rem;}

.service_extend{margin-left: 1rem; border-radius: 4px; font-size: 14px;}


/* lyaer popup start */
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block; position: absolute; top: 50%; left: 50%; max-width: 1060px; width: 100%; min-width: 500px; height:auto;  background-color:#555; z-index: 10;} 
.layer .pop-layer .pop-container {padding: 5rem; background-color: #fff6b2;; border:1px solid #fff000; overflow-y: auto; }
.layer .pop-layer .pop-container .pop_title{margin-bottom: 10px; font-size:16px; color:#888; text-align: right;}

.layer .spu-close{position: absolute; right: 2rem; top: 2rem; padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 30px; line-height: 1; color: #fff;}

.btn-close{width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; position: absolute; border: 0; background-color: transparent;}
.btn-close.cross:before, .btn-close.cross:after{width: 100%; height: 2px; top: 50%; left: 0; content: ""; background: #121212; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
.btn-close.cross:after {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.btn-close.cross.white:before, .btn-close.cross.white:after{background-color: #fff;}



.info-box{padding: 2rem; font-size: 14px; background-color: #f9f9f9;}


/*********
 ** PARTNER RESULT
*********/
.result-wrap{position: relative; text-align: center; margin: 12rem auto 0;}
.result-wrap .icon-area{margin-bottom: 3rem;}
.result-wrap .cont{}
.result-wrap .cont h3{font-size: clamp(1.6rem, 1.041667vw, 2.4rem); font-weight: 600; }
.result-wrap .cont p{margin-top: 1rem;}
.result-wrap .cont .btn-wrap{display: flex; align-items: center; justify-content: center; margin-top: 6rem;}
.result-wrap .cont .btn-wrap a{border: 1px solid #8c8c8c; display: inline-block; border-radius: 4px; height: 54px; line-height: 54px; flex: 1; max-width: 180px; background-color: #fff;}
.result-wrap .cont .btn-wrap a + a{margin-left: 30px;}
.ico-result{background-image: url('/img/partner/complete.svg'); width: 144px; height: 163px;}
.icon{background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block;}


@media (max-width : 767px){

    body{font-size: 14px;}

    #logo img{height: 20px;}
    #hd_wrap{padding: 2rem 1.5rem;}

    #tnb{display: none;}
    .header-bar{display: block; margin-left: auto;}
    #tnb a.home{padding: 5px 15px;}
    #tnb li:first-child::after{top: 7px}

    #content{padding-top: 6rem; }
    #container{padding: 3rem 1.5rem;}


    .pw-box a{padding: 2rem 1rem; position: relative;}
    .pw-box a .cont{margin-right: 1.5rem;}
    .pw-box a .box-badge{position: absolute; top: 1rem; right: 1rem; margin-left: 7.5rem;}
    .pw-box a .badge{margin-right: 0; margin-bottom: 5px;}

    #wrapper.sel-brand #aside{display: none;}
    #wrapper.sel-brand #container{margin-left: 0;}

    body.open #wrapper #aside,
    body.open #wrapper.sel-brand #aside{display: block; top: 60px; width: 100%; z-index: 5; height: calc(100vh - 60px); overflow-y: auto;}

    body.open .header-bar{position: relative; height: 20px; width: 20px;}
    body.open .header-bar span{display: none;}
    body.open .header-bar:before, body.open .header-bar:after{width: 100%; height: 2px; top: 50%; left: 0; content: ""; background: #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute;}
    body.open .header-bar:after {transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}

    .aside-header .user-wrap{flex-direction: column; align-items: center; padding: 2.5rem 0;}
    .aside-header .user-wrap span{font-size: 16px; font-weight: 600;}
    body.open #aside #tnb li:first-child{margin-left: 0;}
    body.open #aside #tnb li:after{background-color: #0c0c0c;}
    body.open #aside #tnb{display: flex; list-style: none; margin: 0; margin-top: 1rem;}
    body.open #aside #tnb a{color: #0c0c0c;}

    .dashboard-section .btn-group{padding-bottom: 4rem; position: relative; }
    .dashboard-section .btn-group .btn-icon-wrap {position: absolute; bottom: 0;}

    .dashboard-section .half{grid-template-columns: 1fr;}
    .dashboard-section .half .box{margin-bottom: 0;}

    .table{overflow-x: auto; }
    .table table{width: 600px;}

    .pa_list .table{padding: 0; border: 0;}

    .membership-list{margin-bottom: 6rem;}
    .membership-list .grid{grid-template-columns: 1fr; gap: 20px;}
    .membership-list .grid .item .cont{padding: 2rem;}
    .membership-list .grid .item .price-wrap{padding: 2.5rem 0 3.5rem;}
    .membership-list .grid .item a{padding: 1.5rem; margin-top: 2rem;}

    .layer .pop-layer{min-width: 100%;}
    .layer .pop-layer .pop-container{padding: 2rem; height: 100vh;}

    #sit_ov_from{padding: 1.5rem;}
    .service #sit_ov_wrap{width: 100%; padding: 0; border-top: 0;}
    .service .sit_option label{width: 100px;}
    .service .sit_ov_tbl .grid_3{width: 100px;}
    .service .sit_ov_tbl td{width: calc(100% - 100px);}
}