@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

/*
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
*/


@font-face { /* 애플산돌고딕 폰트 적용 */
    font-family: "PlayfairDisplay-Regular";
    src: url("font/PlayfairDisplay-Regular.ttf") format("truetype");
}

@font-face { /* 애플산돌고딕 폰트 적용 */
    font-family: "PlayfairDisplay-Bold";
    src: url("font/PlayfairDisplay-Bold.ttf") format("truetype");
}

@font-face { /* Libre-Caslon-Text 적용 */
    font-family: "Libre-Caslon-Text";
    src: url("font/LibreCaslonText-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face { /* Libre-Caslon-Text 적용 */
    font-family: "Libre-Caslon-Text";
    src: url("font/LibreCaslonText-Regular.ttf") format("truetype");
    font-weight: 600;
}


/* 초기화 */
html {overflow-y:scroll; overflow-x:hidden;}
html.hidden {overflow-y:hidden;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Wanted Sans Variable', sans-serif}
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:'Wanted Sans Variable', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0; font-family:'Wanted Sans Variable', sans-serif;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family:'Wanted Sans Variable', sans-serif;}
input, button {margin:0;padding:0;font-family:'Wanted Sans Variable', sans-serif;font-size:1em}
input:focus {outline: none;}
span {font-family:'Wanted Sans Variable', sans-serif;}
button {cursor:pointer;font-family:'Wanted Sans Variable', sans-serif;}
textarea, select {font-family:'Wanted Sans Variable', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;font-family:'Wanted Sans Variable', sans-serif;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;font-family:'Wanted Sans Variable', sans-serif;}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

video {
    -webkit-mask-image: -webkit-radial-gradient(white, white);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-appearance: none;
}

html.not_scroll, body.not_scroll {overflow: hidden;}

#hd_mo_btn, #hd_mo_nav, #hd_mo_login, #hd_mo_menu, #hd_mo_bg, #hd_mo_top_menu {display: none;}
#hd_login_msg {display: none;}
#rename {display: none;}


/* 텍스트 크기 조절 S */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}
/* 텍스트 크기 조절 E */


/* 쇼핑몰 비회원 주문조회 */
#mb_login_od_wr {margin:20px auto 0;border:1px solid #dde7e9;width:360px;background:#fff;text-align:center}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
/*#mb_login_od_wr #mb_login_od {padding:0 35px}*/
#mb_login_od_wr .frm_input {width:100%;margin:10px 0 0}
#mb_login_od_wr .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/*쇼핑몰 비회원 구매*/
#mb_login_notmb {width:360px;margin:30px auto;padding:20px 30px;background:#fff;border:1px solid #dde7e9}
#mb_login_notmb h2 {font-size:1.25em;margin:10px 0;text-align:center}
#mb_login_notmb p {text-align:left}
#mb_login_notmb label {text-align:left}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;margin-top:10px;line-height:45px}

/* 쇼핑몰 로그인 */
.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}
.mbskin .chk_box input[type="checkbox"] + label span{position:relative}

/* 새글 */
.is_community .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;border-left:0 none;line-height:1.4em;height:60px;word-break:break-all}

/* 글쓰기 및 글보기 */
.is_community .chk_box input[type="checkbox"] + label span{top:2px;left:0}
.is_community .bo_fx{margin-bottom:20px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display: none !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 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:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.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%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 바로가기 */
.sanchor {margin:30px 0 20px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:20%;text-align:center;list-style:none}
.sanchor li a {display:block;position:relative;height:60px;margin-left:-1px;background-color:#f7f7f7;border:1px solid #cdcdcd;border-bottom:1px solid #000;font-size:1.25em;color:#666;line-height:58px;text-align:center;z-index:1}
.sanchor li .sanchor_on {margin:0 0 0 -1px;border:1px solid #000;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
.sanchor li a .item_qa_count,.sanchor li a .item_use_count {display:inline-block;background:#aaa;padding:0 5px;line-height:23px;border-radius:15px;color:#fff;min-width:23px;font-size:12px}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count {background:#55bfb1}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #bababa;border-radius:3px;background:#fff;color:#717171;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;background:#3a8afd;color:#fff;border-radius:3px;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {border:1px solid  #38D36A;background: #38D36A;color:#fff;cursor:pointer;border-radius:3px}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}
a.btn_frmline {line-height:24px}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46;border:0 none;color:#FFFFFF;height:28px;line-height:2.2em;padding:0 15px;vertical-align:middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child {border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {border-bottom:1px solid #d3d3d3}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:18px 0;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE; font-weight: 500; font-size:14px;text-align:center;color: #717683;}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {background:#fff;background-clip:padding-box;padding:25px 15px;border-top:1px solid #ccd2d9;border-left:1px solid #f6f6f6;line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child {border-left:0}
.tbl_head03 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {}
.tbl_frm01 td {}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:45px; font-size: 16px;}

.full_input, .frm_address {width:100%}
.half_input {width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본리스트*/
.list_01 li {position:relative;border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}

.list_02 ul:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li {float:left;width:225px;margin:10px 0 20px 18px}
.list_02 li:nth-child(5n+1) {clear:both;margin-left:0}

/*폼 리스트*/
.form_01 h2 {margin:0 0 10px;font-size:1.25em}
.form_01 li {margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input {float:right}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}
.form_01 .form_left {float:left;width:49.5%}
.form_01 .form_right {float:right;width:49.5%}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center;color:#777 !important}
.empty_list, .empty_li {padding:20px 0 !important;text-align:center !important;color:#777 !important}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:100px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:80px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:100px;text-align:center}
.td_statsmall {width:50px;text-align:center}

.text_left {text-align:left !important}
.text_center {text-align:center !important}
.text_right {text-align:right !important}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center;padding-bottom:30px}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}


/* 자바스크립트 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}

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

/* 페이징 */
.pg_wrap {margin:22px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {text-align:center; position: relative; display: inline-block;margin: 0 auto;}
.pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle;background:#eee;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg > * {font-size: 14px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    border-radius: 8px;
    border: none !important;
    margin: 2px;
    float: left;}
.pg_page,.qa_page {color:#999;}
.pg_page:hover,.qa_page:hover {}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {background:#5340FF;color:#fff;font-weight:bold;}

/* 팁 */
.tooltip_icon {display:inline-block;vertical-align:middle;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:20px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

.tooltip_txt {position:relative;text-align:left;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;padding:0 20px;border-radius:5px;font-weight:bold}
.tooltip_txt:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
.tooltip_txt i {font-size:1.2em;vertical-align:middle}


/* ########## 쇼핑몰 컨텐츠 ########## */

.index_banner { width: 100%; height: 100px; background: #FFF;}
.sub_banner { width: 100%; height: 50px; background: #FFF; border-bottom: 1px solid #F8F9FA; margin: 0 0 56px;}



/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}


/* 상품 메일 추천하기 */
#sit_rec_new {}
#sit_rec_new th,
#sit_rec_new td {display:block;width:100%}
#sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px}
#sit_rec_new textarea {width:100%;min-height:100px}
#sit_rec_new .win_btn {margin:20px 0}



/* 팝업레이어 S */
#hd_pop {z-index:2;position:relative;margin:0 auto;width:1280px;height:0;display: none;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:0px;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color: #333; height: 64px; font-size: 16px; font-weight: 600;}
.hd_pops_footer .hd_pops_reject {width: calc(100% - 128px); background: #FFF;text-align:center;}
.hd_pops_footer .hd_pops_close {width: 128px; background: #F4F4F4;position:absolute;top:0;right:0}
/* 팝업레이어 E */

/* 기타 팝업 S */
.popupTxt {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.popupTxt.absolute {position: absolute;}
.popupTxt.active {display: block; z-index: 10;}
.popupTxt#default_popup.active {z-index: 1002;}
.popupTxt .popupTxt_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;opacity: 0.5;}
.popupTxt .popupTxt_cont {padding: 24px 24px 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 310px; height: auto; min-height: 160px; background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;border-radius: 8px;}
.popupTxt .popupTxt_cont.delivery {width: 406px;}
.popupTxt .popupTxt_cont.monthWidth {width: 376px;}
.popupTxt .popupTxt_tit {margin: 0;}
.popupTxt .popupTxt_tit dt {font-size: 18px; color: #555555; margin: 0 0 8px; font-weight: 600;}
.popupTxt .popupTxt_tit dt.reception_tit {margin: 0 0 32px;}
.popupTxt .popupTxt_tit dd {font-size: 14px; color: #9A9CA4; line-height: 20px;}

.popupTxt .popupTxt_from {margin: 10px 0 0;}
.popupTxt .popupTxt_from dl {}
.popupTxt .popupTxt_from dl:last-child {margin: 0 0 0;}
.popupTxt .popupTxt_from dl dt {height: 16px; line-height: 16px; margin: 0 0 8px; font-size: 14px;}
.popupTxt .popupTxt_from dl dd {}
.popupTxt .popupTxt_from dl dd input { width: 100%; height: 52px; padding: 0 16px; background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 4px;}

.popupTxt .popupTxt_sub {margin: 0 0 20px; color: #242424; font-size: 16px; font-weight: 600;}

.popupTxt .popupTxt_list {}
.popupTxt .popupTxt_list .delivery_info {height: 14px; line-height: 14px; width: 100%; margin: 10px 0;}
.popupTxt .popupTxt_list .delivery_info dt {float: left; margin: 0 20px 0 0;}
.popupTxt .popupTxt_list .delivery_info dd {float: left; font-weight: 600;}

.popupTxt .popupTxt_list .delivery_list {}
.popupTxt .popupTxt_list .delivery_list table {margin: 0 0 0; width: 100%; border-collapse: collapse;}
.popupTxt .popupTxt_list .delivery_list table tr {}
.popupTxt .popupTxt_list .delivery_list table tr.active td {font-weight: 600;}
.popupTxt .popupTxt_list .delivery_list table tr th {height: 40px; line-height: 40px; color: #717683; border: 1px solid #DEDEDE; border-width:1px 0;}
.popupTxt .popupTxt_list .delivery_list table tr td {height: 40px; font-size: 12px; color: #000000; border-bottom: 1px solid #F8F9FA;}

.popupTxt .popupTxt_list .delivery_list table tr .delivery_date {width: 150px; padding: 0 13px 0 10px; text-align: left;}
.popupTxt .popupTxt_list .delivery_list table tr .delivery_loca {text-align: center;}
.popupTxt .popupTxt_list .delivery_list table tr .delivery_state {width: 120px; padding: 0 10px 0 10px; text-align: right;}
.popupTxt .popupTxt_list .delivery_list table tr .delivery_state label {display: block; font-size: 10px;}


.popupTxt .popupTxt_product {margin: 0 0 8px; height: 80px;}
.popupTxt .popupTxt_product .popupTxt_product_img {float: left; width: 80px; height: 80px; border-radius: 6px;}
.popupTxt .popupTxt_product .popupTxt_product_img img {border-radius: 6px;}
.popupTxt .popupTxt_product .popupTxt_product_name {width: calc(100% - 80px); padding: 5px 0 0 14px; float: left;}
.popupTxt .popupTxt_product .popupTxt_product_name dt {color: #242424; font-size: 16px; margin: 0 0 8px; height: 20px;line-height: 20px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.popupTxt .popupTxt_product .popupTxt_product_name dd {padding: 0 0 0 2px; color: #000000; font-size: 12px;}
.popupTxt .popupTxt_product .popupTxt_product_name dd label {display: inline-block; color: #3B3E46; font-size: 12px; margin: 0 0 0 5px;}

.popupTxt .popupTxt_point {margin-top: 16px; width: 246px; height: 51px; background: #F7F8F9; padding: 0 18px 0 18px; line-height: 51px;}
.popupTxt .popupTxt_point.info {margin-top: 24px; background: #E4E1FE;}
.popupTxt .popupTxt_point label:nth-child(1){float: left; font-size: 16px;}
.popupTxt .popupTxt_point label:nth-child(2){float: right; font-size: 21px;}
.popupTxt .popupTxt_point label:nth-child(2) span{font-size: 13px;}
.popupTxt .popupTxt_point.info label:nth-child(2){color:#38D36A;}



.popupTxt .popupTxt_cause {width: 100%; height: 70px; background: #F8F9FA; padding: 16px 16px; margin: 0 0 40px;}
.popupTxt .popupTxt_cause label {display: block; color: #000000; font-size: 12px; font-weight: 600; margin: 0 0 8px;}
.popupTxt .popupTxt_cause span {display: block; color: #000000; font-size: 12px;}

.popupTxt .popupTxt_back {}
.popupTxt .popupTxt_back .popupTxt_back_tit {height: 18px; line-height: 18px; margin: 0 0 10px; color: #000000; font-size: 14px; font-weight: 300;}
.popupTxt .popupTxt_back .popupTxt_back_txt {width: 100%; height: 118px; background: #F8F9FA; padding: 15px 16px; margin: 0 0 10px; border-top: 1px solid #C2C3C6;}
.popupTxt .popupTxt_back .popupTxt_back_txt dl {margin: 0 0 10px; height: 14px; line-height: 14px; width: 100%;}
.popupTxt .popupTxt_back .popupTxt_back_txt dl:last-child {margin: 0 0 0;}
.popupTxt .popupTxt_back .popupTxt_back_txt dl dt {float: left; color: #000000; font-size: 12px; font-weight: 300}
.popupTxt .popupTxt_back .popupTxt_back_txt dl dd {float: right; color: #717683; font-size: 12px; font-weight: 300;}

.popupTxt .popupTxt_back_price {margin: 0 0 8px; width: 100%; height: 16px;}
.popupTxt .popupTxt_back_price dt { height: 16px; line-height: 16px; float: left; color: #000000; font-size: 14px; font-weight: 300;}
.popupTxt .popupTxt_back_price dd { height: 16px; line-height: 16px; float: right; color: #FF0000; font-size: 14px;}
.popupTxt .popupTxt_back_price dd label {height: 16px; line-height: 16px; vertical-align: top; font-weight: 600; margin: 0 4px 0 0; display: inline-block;}

.popupTxt .popupTxt_back_method { width: 100%; height: 14px; margin: 0 0 14px;}
.popupTxt .popupTxt_back_method dt {height: 14px; line-height: 14px; float: left; color: #717683; font-size: 12px; font-weight: 300;}
.popupTxt .popupTxt_back_method dd {height: 14px; line-height: 14px; float: right; color: #717683; font-size: 12px; font-weight: 300;}
.popupTxt .popupTxt_back_method dd label {height: 14px; line-height: 14px; vertical-align: top; font-weight: 600; margin: 0 6px 0 4px; display: inline-block;}

.popupTxt .popupTxt_notice {border-top: 1px solid #DEDEDE; padding: 24px 0 0; color: #000000; font-size: 12px; margin: 24px 0 0; line-height: 17px;}

.popupTxt .popupTxt_btn {margin: 26px 0 0; height: 32px; float: right;}
.popupTxt .popupTxt_btn li {font-weight: 300; width: 88px; height: 32px; line-height: 32px; text-align: center; float: left; color: #717683; font-size: 12px; cursor: pointer; border-radius: 26px;}
.popupTxt .popupTxt_btn li.conf {background: #4E6D0B; color: #FFF;}
.popupTxt .popupTxt_btn li.conf.gray {background: #DEDEDE;}

.popupTxt .popupTxt_ok {margin: 26px 0 0;height: 32px; float: right; font-weight: 300;width: 88px;line-height: 32px;text-align: center;font-size: 12px;cursor: pointer;border-radius: 26px;background: #4E6D0B;color: #FFF;}

.popupTxt .popupTxt_memo {margin: 16px 0 0; color: #3B3E46; font-size: 12px; line-height: 20px;}

.popupTxt .popupRadio {width: 246px;height: 144px;background: #F6F6F6;border-radius: 4px; margin: 16px 0 0; padding: 20px 0 0 20px}
.popupTxt .popupRadio ul {}
.popupTxt .popupRadio ul li {height: 20px; line-height: 20px; position: relative; padding: 0 0 0 24px; cursor: pointer; color: #3B3E46; font-size: 12px; margin: 0 0 20px;}
.popupTxt .popupRadio ul li:last-child {margin: 0 0 0;}
.popupTxt .popupRadio ul li:before {content:''; width: 20px; height: 20px; position: absolute; left: 0; top: 0; border: 1px solid #C2C3C6; border-radius: 50%; background: #FFF;}
.popupTxt .popupRadio ul li.active:before {content: ''; border-color: #4E6D0B;}
.popupTxt .popupRadio ul li.active:after {content: ''; width: 10px;height: 10px;background: #4E6D0B; position: absolute; left: 5px; top: 5px; border-radius: 50%;}

.popupTxt .popupRadio.checkbox {height: 58px; background: #F6F6F6;}
.popupTxt .popupRadio.checkbox ul {}
.popupTxt .popupRadio.checkbox ul li {height: 16px; line-height: 16px;}
.popupTxt .popupRadio.checkbox ul li.active {}
.popupTxt .popupRadio.checkbox ul li.active:before {content: ''; background: #5340FF;}
.popupTxt .popupRadio.checkbox ul li.active:after {content: "✓"; top: inherit;width: auto;height: auto;}
.popupTxt .popupRadio.checkbox ul li:before {content: ''; width: 16px; height: 16px; background: #9A9CA4; border: 0px; border-radius: 4px;}
.popupTxt .popupRadio.checkbox ul li:after {content: "✓"; position: absolute; color: #FFF;left: 3px;}
/* 기타 팝업 E */

#cancle_reason.popupTxt .popupTxt_btn {margin: 45px 0 0;}


/* 헤더 S */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd {position: absolute; z-index: 2;}
#hd_new {width: 100%;}
#hd_new #logo {position: absolute; left: 40px; top: 40px; z-index: 1; width: 142px; height: 28px;}
#hd_new #logo > a { width: 100%; height: 100%; display: block; background: url('../img/fp_logo4.svg') no-repeat center;}
#hd_new #logo.white_logo > a {background: url('../img/logo_white.svg') no-repeat center;}
#hd_new .hd_group {width: 812px; height: 64px; position: fixed; right: 40px; top: 40px; z-index: 1; display: flex;padding: 10px 40px;justify-content: space-between;align-items: center; border-radius: 4px; background: #4E6D0B;}
#hd_new .hd_group .hd_group_nav {display: flex;justify-content: flex-end;align-items: flex-start;gap: 32px;}
#hd_new .hd_group .hd_group_nav > li {}
#hd_new .hd_group .hd_group_nav > li a { display: flex;padding: 8px 0;justify-content: flex-end;align-items: center;gap: 10px; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; line-height: 28px; color: #FFF;}
#hd_new .hd_group .hd_group_etc {}
#hd_new .hd_group .hd_group_etc .hd_new_eMy {display: flex;align-items: center;gap: 16px;}
#hd_new .hd_group .hd_group_etc .hd_new_eMy > li {display: flex;width: 44px;height: 44px;justify-content: center;align-items: center; position: relative; cursor: pointer;}
#hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_mobtn {display: none;}
#hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_home {display: none;}
#hd_new .hd_group .hd_group_etc .hd_new_eMy > li > a {display: block; width: 100%; height: 100%; text-align: center; line-height: 44px;}
#hd_new .hd_group .hd_group_etc .hd_new_eMy > li > label {display: block; width: 14px; height: 14px; line-height: 14px; background: #FFF; text-align: center; border-radius: 50%; position: absolute; top: 9px; right: 6px; font-size: 9px; color: #4E6D0B; }

#hd_new_mb {display: none;}

.login_popup {display: none;padding: 60px 32px;flex-direction: column;align-items: center;gap: 40px;align-self: stretch; border-radius: 0 0 6px 6px;background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 16px 32px 0 rgba(0, 0, 0, 0.10); position: fixed; z-index: 2; right: 40px; top: 104px;  width: 812px; max-height: 730px; height: calc(100vh - 144px); overflow: auto;}
.login_popup.active {display: flex;}
.login_popup .loginP_box {display: flex;width: 482px;max-width: 482px;flex-direction: column;align-items: flex-start;gap: 32px;}
.login_popup .loginP_box_tit {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch; letter-spacing: -0.64px; line-height: 38px; font-weight: 500; font-size: 32px;}
.login_popup .loginP_box_field {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;align-self: stretch;}
.login_popup .loginP_box_field > dl {width: 100%; display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}
.login_popup .loginP_box_field > dl dt {display: flex;flex-direction: column;justify-content: center;align-items: flex-start; letter-spacing: -0.14px; line-height: 21px; font-size: 14px;}
.login_popup .loginP_box_field > dl dd { display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}
.login_popup .loginP_box_field > dl dd > input {display: flex;height: 48px;align-items: center;align-self: stretch; border: 0px; border-bottom: 1px solid #EBEBEB; font-size: 16px; letter-spacing: -0.32px; font-weight: 500;}
.login_popup .loginP_box_field > dl dd > input::placeholder {color: #959595; }

.login_popup .loginP_box_login {display: flex;flex-direction: column;align-items: center;gap: 20px;align-self: stretch;}

.login_popup .loginP_login_group {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;align-self: stretch; position: relative;}
.login_popup .loginP_login_btn {display: flex; width: 100%; height: 60px; line-height: 60px; color: #FFF; font-size: 18px; font-weight: 400; cursor: pointer; text-align: center; padding: 0 40px;justify-content: center;align-items: center;align-self: stretch; font-weight: 400; border-radius: 30px; background: #181C17;}
.login_popup .loginP_login_alert {display: flex; width: max-content; flex-direction: column;align-items: flex-start; color: #FFF; font-size: 12px; position: absolute;left: 50%;transform: translateX(-50%);top: -18px; border-radius: 16px;background: #4E6D0B; padding: 3px 8px;}

.login_popup .loginP_login_sub {display: flex;width: max-content;justify-content: center;align-items: center;gap: 8px;}
.login_popup .loginP_login_sub > div {color: #273026; text-decoration: underline; letter-spacing: -0.14px; line-height: 21px; cursor: pointer; font-weight: 500; font-size: 14px;}
.login_popup .loginP_login_sub > span {width: 1px; height: 12px; background: #EBEBEB;}

.login_popup .loginP_box_line {width: 100%; height: 1px; background: #EBEBEB;}

.login_popup .loginP_box_join {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;align-self: stretch;}

.login_popup .loginP_join_group {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;align-self: stretch;}
.login_popup .loginP_join_explain {display: flex;justify-content: space-between;align-items: flex-start;align-self: stretch;}
.login_popup .loginP_join_explain .loginP_join_tit {display: flex;align-items: center;gap: 8px; letter-spacing: -0.6px; line-height: 28px; color: #000; font-size: 20px; font-weight: 500;}
.login_popup .loginP_join_explain .loginP_join_boon {display: flex;flex-direction: column;align-items: flex-start; padding-top: 2px; letter-spacing: -0.14px; font-size: 14px; font-weight: 500; line-height: 21px; color: #454545;}
.login_popup .loginP_join_move {display: flex;height: 60px;justify-content: center;align-items: center;align-self: stretch;}
.login_popup .loginP_join_move .loginP_join_btn {width: 100%; height: 60px; line-height: 60px; padding: 0 40px; border-radius: 30px; border: 1px solid #000; text-align: center; cursor: pointer; font-size: 18px; font-weight: 400; color: #000;}

.login_popup .loginP_join_etc {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;align-self: stretch; letter-spacing: -0.24px; line-height: 16px; font-size: 12px; font-weight: 500; color: #454545; }

/* 헤더 E */


/* 푸터 S */
#ft {display: flex;padding: 40px 40px 0 40px;flex-direction: column;align-items: center;align-self: stretch; background: #181C17; color: #FFF;}

#ft .ft_top {display: flex;padding: 20px 0;flex-direction: column;align-items: flex-start;gap: 10px;align-self: stretch;}
#ft .ft_top .ft_top_log {display: flex;padding: 0 0;align-items: center;flex: 1 0 0;}
#ft .ft_top .ft_top_box {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;align-self: stretch;}
#ft .ft_top .ft_top_box > div {line-height: 16px; font-weight: 500; font-size: 12px; letter-spacing: -0.24px;}
#ft .ft_top .ft_top_box > div.ft_top_tel {padding: 0 0 0 16px; background: url('../img/ver2/i_tel.svg') no-repeat top 50% left 0; }

#ft .ft_bottom {display: flex;padding: 0 0 40px;justify-content: space-between;align-items: flex-end;align-self: stretch;}
#ft .ft_bottom .ft_bottom_socials {display: flex;align-items: center;gap: 12px;}
#ft .ft_bottom .ft_bottom_socials > li {cursor: pointer;}
#ft .ft_bottom .ft_bottom_copyright {display: flex;align-items: center;gap: 20px; font-size: 10px; letter-spacing: -0.14px; line-height: 22px; font-weight: 500;}

#ft .ft_list {display: flex;width: 100%;align-items: center;gap: 24px;}
#ft .ft_list > li {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;align-self: stretch; cursor: pointer; letter-spacing: -0.13px; line-height: 20px; font-weight: 700; font-size: 13px; color: #F5F5F5;}
#ft .ft_list > li > a {display: block; cursor: pointer; letter-spacing: -0.13px; line-height: 20px; font-weight: 700; font-size: 13px; color: #F5F5F5;}

#ft .ft_info {width: 100%; letter-spacing: -0.2px; line-height: 14px; font-weight: 500; font-size: 10px; color: #959595; margin: 0 0 20px;}
/* 푸터 E */


/* 제휴문의 팝업 S */
.affiliePopup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.affiliePopup.active {display: block;}
.affiliePopup .afP_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;opacity: 0.5;}
.affiliePopup .afP_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 362px; height: 782px; background: #FFF; padding: 24px 24px 0 24px;}

.affiliePopup .afP_cont .afP_cont_close {width: 24px; height: 24px; background: url('../img/ic_close.svg') no-repeat 50% 50%; position: absolute; top: 24px; right: 24px; cursor: pointer;}
.affiliePopup .afP_cont .afP_cont_name {display: block; color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 10px;}
.affiliePopup .afP_cont .afP_cont_tit {font-size: 22px; line-height: 32px; letter-spacing: 0px; font-weight: 600; margin: 0 0 20px;}
.affiliePopup .afP_cont .afP_cont_form {}
.affiliePopup .afP_cont .afP_cont_form dl {margin: 0 0 8px; position: relative;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_company {background: #FFF url('../img/responsive/web/i_form_company.png') no-repeat top 50% left 16px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_cnt {background: #FFF url('../img/responsive/web/i_form_cnt.svg') no-repeat top 50% left 16px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_type {background: #FFF url('../img/responsive/web/i_form_type.svg') no-repeat top 50% left 16px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_email {background: #FFF url('../img/responsive/web/i_form_email.svg') no-repeat top 50% left 16px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_tel {background: #FFF url('../img/responsive/web/i_form_tel.svg') no-repeat top 50% left 16px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest {margin: 20px 0 20px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest dt {display: block; height: 28px; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #DEDEDE;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul {}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul > li {height: 24px; line-height: 24px; font-size: 13px; cursor: pointer; color: #93959D; padding: 0 0 0 22px; position: relative;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul > li::before {content: ''; width: 16px; height: 16px; background: #FFF url('../img/chk.png') no-repeat 50% 50%; position: absolute; border-radius: 3px; transform: translateY(-50%); top: 50%; left: 0; border: 1px solid #ccc;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul > li.active {}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul > li.active {color: #000;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_interest ul > li.active:before {content: ''; background: #4E6D0B url('../img/chk.png') no-repeat 50% 50%;  border: 1px solid #4E6D0B;}

.affiliePopup .afP_cont .afP_cont_form dl.afP_form_text {}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_text dd {height: 80px;}
.affiliePopup .afP_cont .afP_cont_form dl.afP_form_text dd textarea {height: 80px;}
.affiliePopup .afP_cont .afP_cont_form dl:last-child {margin: 0 0 0;}
.affiliePopup .afP_cont .afP_cont_form dl dt {height: 18px; line-height: 18px; margin: 0 0 8px; color: #3B3E46; font-size: 14px; font-weight: 600; display: none;}
.affiliePopup .afP_cont .afP_cont_form dl dd {}
.affiliePopup .afP_cont .afP_cont_form dl dd input { width: 100%; height: 48px;background: transparent; font-size: 14px; border: 1px solid #DEDEDE;border-radius: 4px; padding: 0 16px 0 36px;}
.affiliePopup .afP_cont .afP_cont_form dl dd input::placeholder {color: #93959D;}
.affiliePopup .afP_cont .afP_cont_form dl dd select { width: 100%; height: 48px;background: transparent url('../img/responsive/web/i_select_arrow.svg') no-repeat top 50% right 16px; font-size: 14px; border: 1px solid #DEDEDE;border-radius: 4px; padding: 0 16px 0 36px; color: #93959D; -webkit-appearance:none; /* 크롬 화살표 없애기 */ -moz-appearance:none; /* 파이어폭스 화살표 없애기 */  appearance:none /* 화살표 없애기 */}
.affiliePopup .afP_cont .afP_cont_form dl dd select:focus {outline: none;}
.affiliePopup .afP_cont .afP_cont_form dl dd select.active {color: #000;}
.affiliePopup .afP_cont .afP_cont_form dl dd textarea { width: 100%; height: 100px; resize: none; font-size: 14px; border: 1px solid #DEDEDE; border-radius: 4px; padding: 14px 16px;}
.affiliePopup .afP_cont .afP_cont_form dl dd textarea::placeholder {color: #93959D;}

.affiliePopup .afP_cont .afP_cont_chk {margin: 20px 0 10px; width: 100%; height: 16px; line-height: 16px; font-size: 13px; position: relative; padding: 0 0 0 22px; cursor: pointer; color: #93959D;}
.affiliePopup .afP_cont .afP_cont_chk:before {content: '';width: 16px; height: 16px; background: #FFF url('../img/chk.png') no-repeat 50% 50%; position: absolute; border-radius: 3px; transform: translateY(-50%); top: 50%; left: 0; border: 1px solid #ccc;}
.affiliePopup .afP_cont .afP_cont_chk.active {color: #000;}
.affiliePopup .afP_cont .afP_cont_chk.active:before {content: ''; background: #4E6D0B url('../img/chk.png') no-repeat 50% 50%;  border: 1px solid #4E6D0B;}

.affiliePopup .afP_cont .afP_cont_save {width: 100%; height: 50px; line-height: 50px; background: #4E6D0B;border-radius: 6px; text-align: center; cursor: pointer; color: #FFFFFF; font-size: 16px;}



.affilieResult {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.affilieResult.active {display: block;}
.affilieResult .afR_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;opacity: 0.5;}
.affilieResult .afR_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 362px; height: 512px; background: #FFF; padding: 30px 24px 0 24px;}

.affilieResult .afR_cont .afR_cont_close {width: 24px; height: 24px; background: url('../img/ic_close.svg') no-repeat 50% 50%; position: absolute; top: 24px; right: 24px; cursor: pointer;}
.affilieResult .afR_cont .afR_cont_name {display: block; color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 22px;}
.affilieResult .afR_cont .afR_cont_tit {color: #000000; font-size: 22px; line-height: 32px; margin:  0 0 38px;}
.affilieResult .afR_cont .afR_cont_tit dt {font-weight: bold;}
.affilieResult .afR_cont .afR_cont_tit dd {}

.affilieResult .afR_cont .afR_cont_form {}
.affilieResult .afR_cont .afR_cont_form dl {margin: 0 0 24px;}
.affilieResult .afR_cont .afR_cont_form dl:last-child {margin: 0 0 0;}
.affilieResult .afR_cont .afR_cont_form dl dt {height: 18px; line-height: 18px; margin: 0 0 8px; color: #3B3E46; font-size: 14px; font-weight: 600;}
.affilieResult .afR_cont .afR_cont_form dl dd {}
.affilieResult .afR_cont .afR_cont_form dl dd textarea { width: 100%; height: 150px; resize: none; font-size: 14px; border: 1px solid #DEDEDE; border-radius: 4px; padding: 16px 16px; background: #F8F9FA; line-height: 17px;}
.affilieResult .afR_cont .afR_cont_form dl dd textarea::placeholder {color: #9A9CA4;}

.affilieResult .afR_cont .afR_cont_save {margin: 20px 0 0; width: 100%; height: 50px; line-height: 50px; background: #38D36A;border-radius: 6px; text-align: center; cursor: pointer; color: #FFFFFF; font-size: 16px;}
/* 제휴문의 팝업 E */


/* 명세서 및 주문서 S */
.my_printPopup {display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%; z-index: 1001; overflow-y: auto;}
.my_printPopup:after {background-color: rgba(0,0,0,.5); content: ''; display: block; width: 100%; height: 100%; top:0; left:0; position: sticky; z-index: 1;}
.my_printPopup.active {display: block;}
.my_printPopup.print {position: relative;}
.my_printPopup.print .prP_bg {display: none;}
.my_printPopup.print .prP_cont {width: 21cm; overflow: hidden; position: relative; height: auto;}
.my_printPopup.print .prP_btnList {display: none;}

.my_printPopup .prP_bg {width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; top:0; right: 0; display: none;}
.my_printPopup .prP_cont {position: absolute;top: 0;left: 50%;transform: translateX(-50%); overflow: auto; z-index:2;}
.my_printPopup .prP_cont::-webkit-scrollbar {display: none;}
.my_printPopup .prP_btnList {position: fixed; bottom: 0;left: calc(50% + 406px); z-index: 2;}
.my_printPopup .prP_btnList > li {width: 88px;height: 88px; font-weight: 100; padding: 50px 0 0; margin: 0 0 6px; background: #171717;box-shadow: 0px 2px 10px rgba(38, 38, 38, 0.2588235294);border-radius: 8px;color: #fff;font-size: 14px;text-align: center;cursor: pointer;}
.my_printPopup .prP_btnList > li.color_btn {background: #4E6D0B}
.my_printPopup .prP_btnList > li.cb_print {background: #4E6D0B url('../img/i_print_white.svg') no-repeat top 24px left 50%;}
.my_printPopup .prP_btnList > li.cb_mail {background: #4E6D0B url('../img/i_mail_white.svg') no-repeat top 24px left 50%;}
.my_printPopup .prP_btnList > li.cb_close {background: #171717 url('../img/i_close_gray_bgx.svg') no-repeat top 24px left 50%;}
.my_printPopup .prP_pageGroup {display: none;}
.my_printPopup .prP_pageGroup.active {display: block;}
.my_printPopup .prP_pageGroup > .prP_page {width: 21cm; min-height: 29.7cm; background: #FFF; margin: 0 0 10px; padding: 42px 20px 16px;}

.my_printPopup .pPage_basic {height: auto; margin:0 0 8px;} /* height: 186px; */
.my_printPopup .pPage_basic .pBasic_company {width: 100%; border-spacing: 0px; float: right; table-layout: fixed;}
.my_printPopup .pPage_basic .pBasic_company tr {}
.my_printPopup .pPage_basic .pBasic_company tr th,
.my_printPopup .pPage_basic .pBasic_company tr td {height: 28px;border: 1px solid #8692A0;border-width: 0 0 1px 0;padding: 0 0 1px 12px;font-size: 14px;color: #333;text-align: left;font-weight: 500;}
.my_printPopup .pPage_basic .pBasic_company tr th {border-width: 0 1px 1px 1px;background: #F4F5F9; padding: 0 0 0;text-align: center;}
.my_printPopup .pPage_basic .pBasic_company tr th.rowspan2 {height: 56px;}
.my_printPopup .pPage_basic .pBasic_company tr td {}
.my_printPopup .pPage_basic .pBasic_company tr td:last-child {border-width: 0 1px 1px 0;}
.my_printPopup .pPage_basic .pBasic_company tr td.rowspan2 {height: 64px;}
.my_printPopup .pPage_basic .pBasic_company tr td.pBasic_cTitle {display: none; background: #707070; color: #FFF;}
.my_printPopup .pPage_basic .pBasic_company tr td.noboRight {border-width: 0 0 1px 0;}
/*.my_printPopup .pPage_basic .pBasic_company tr td.pBasic_cAddress {height: 58px;}*/

.my_printPopup .pPage_basic .pBasic_title {float: left; width: 100%; position: relative;}
.my_printPopup .pPage_basic .pBasic_title dt {height: 40px;line-height: 40px;text-align: center;font-size: 24px;font-weight: 600;margin: 0 0 0;border: 1px solid #8692A0;}
.my_printPopup .pPage_basic .pBasic_title dd {}
.my_printPopup .pPage_basic .pBasic_title dd .pBasic_tDate {display: block;height: 12px;line-height: 12px;font-size: 10px;text-align: left;font-weight: 400;position: absolute;top: -16px;right: 0;}
.my_printPopup .pPage_basic .pBasic_title dd .pBasic_tName {display: none; height: 26px; line-height: 26px; font-size: 16px; text-align: center;}
.my_printPopup .pPage_basic .pBasic_title dd .pBasic_tName > label {text-decoration: underline;}
.my_printPopup .pPage_basic .pBasic_title dd .pBasic_tEtc {display: none; height: 32px; line-height: 32px;font-size: 14px;text-align: center;margin: 12px 0 0;}

.my_printPopup .pPage_price {height: 54px;line-height: 52px;border: 1px solid #8692A0;padding: 0 140px 0 0;margin: 20px 0 56px;font-size: 14px;color: #000000;display: flex;}
.my_printPopup .pPage_price > .pPrice_tit {border-right: 1px solid #8692A0; background: #F4F5F9; padding: 9px 0 0; line-height: 17px; font-weight: 600; width: 110px;display: inline-block;font-size: 14px;margin: 0 0 0;text-align: center;}
.my_printPopup .pPage_price > .pPrice_tit > label {font-size: 14px; display: block;}
.my_printPopup .pPage_price > .pPrice_price {width: calc(100% - 110px); display: flex;padding: 0 0 0 140px;}
.my_printPopup .pPage_price > .pPrice_price dt {width: 32px; font-size: 16px;}
.my_printPopup .pPage_price > .pPrice_price dd {width: calc(100% - 32px); font-size: 16px;}
.my_printPopup .pPage_price > .pPrice_price dd > span { width: calc(100% - 16px); display: block; float: left; text-align: right;padding: 0 6px 0 0;}
.my_printPopup .pPage_price > .pPrice_price dd > label {vertical-align: top; float: right; width: 16px; float: left;}


.my_printPopup .pPage_product {}
.my_printPopup .pPage_product > table {border-spacing: 0px; width: 100%; font-size: 12px; table-layout: fixed;}
.my_printPopup .pPage_product > table > thead {}
.my_printPopup .pPage_product > table > thead tr th {border-width: 1px 0 1px 0;}
.my_printPopup .pPage_product > table > tbody {}
.my_printPopup .pPage_product > table > tbody tr.bold {font-weight: 600;}
.my_printPopup .pPage_product > table > tbody tr:first-child td:first-child {padding: 0 0 0; border-width: 0 0 0 0; border-left: 1px solid #8692A0; border-right: 1px solid #8692A0; border-bottom: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr:first-child td.none_txt:first-child {border-right: 1px solid #8692A0 !important;}
.my_printPopup .pPage_product > table > tbody tr:last-child td {border-width: 0 0 0 0; border-right: 1px solid #8692A0; border-bottom: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr:last-child td.pProd_name {}
.my_printPopup .pPage_product > table > tbody tr td {color: #333; border: 1px dashed #8692A0; border-width: 0 0 1px 0; border-right: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr td:last-child {}
.my_printPopup .pPage_product > table > tbody tr td.pProd_date {width: 110px; text-align: center;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_date > label {border-bottom: 1px solid #969DA5;color: #969DA5; font-size: 10px; display: block;width: max-content;margin: 0 auto;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_name {padding: 0 12px 0;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_ea {text-align: center;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_cnt {text-align: center;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_price {text-align: right;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_vat {text-align: right;}
.my_printPopup .pPage_product > table > tbody tr td.pProd_sum {text-align: right;}
.my_printPopup .pPage_product > table > tbody tr td.td_right {text-align: right;}
.my_printPopup .pPage_product > table > tbody tr.pProd_last td {border-bottom: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr.pProd_last td.border-left {border-left: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr.pProd_last td.padding-new {padding: 0 8px 0;}
.my_printPopup .pPage_product > table > tbody tr {}
.my_printPopup .pPage_product > table > thead tr th,
.my_printPopup .pPage_product > table > tbody tr td {height: 28px; padding: 0 8px 0;}
.my_printPopup .pPage_product > table > tbody tr td.none_txt {border-right: 0px !important; text-align: center;}
.my_printPopup .pPage_product > table > thead tr th {border: 1px solid #8692A0; border-width: 1px 1px 1px 0;}
.my_printPopup .pPage_product > table > thead tr th:first-child {border-width: 0 1px 1px 1px;}
.my_printPopup .pPage_product > table > thead tr th.border-top:first-child {border-width: 1px 1px 1px 1px;}
.my_printPopup .pPage_product > table > thead tr th.none_border {border-width: 0 0 0 0; padding: 0 0 0;}
.my_printPopup .pPage_product > table > thead tr th.bg_th {background: #F4F5F9; font-weight: 500;color: #333;}
.my_printPopup .pPage_product > table > thead tr th.bo_top1 {border-width: 1px 1px 1px 1px;}

.my_printPopup .pPage_product > table > tbody tr.tfoot td {height: 40px; padding: 0 5px 0; border-bottom: 1px solid #8692A0; border-right: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td:last-child {border-right: 0; border-left: 0;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.padding_tfoot {height: 55px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.padding_tfoot.min {height: 50px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.padding_tfoot.gap {height: 74px; border-bottom: 0px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all {height: 56px; padding: 0 0 0; border: 1px solid #8692A0; border-width: 0px 1px 1px 1px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all > div {display: flex; height: 100%;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all > div > dl {flex: 1; border-right: 1px solid #8692A0; text-align: center;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all > div > dl:last-child {border-right: 0px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all > div > dl dt {background: #F4F5F9; width: 100%; height: 28px; line-height: 28px; border-bottom: 1px solid #8692A0;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_price1_all > div > dl dd {width: 100%; height: 28px; line-height: 28px;}

.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt {border: 0px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt > dl {text-align: center;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt > dl dt {font-size: 14px; color: #333; height: 18px; line-height: 18px;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt > dl dd {margin: 20px 0 0;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt > dl dd > span {display: block; margin: 0 0 4px; font-size: 18px; font-weight: 600; color: #333;}
.my_printPopup .pPage_product > table > tbody tr.tfoot td.tfoot_last_txt > dl dd > label {display: block; font-size: 16px; font-weight: 400; color: #333;}

.my_printPopup .pPage_product > table > tbody tr.pProd_ect {}
.my_printPopup .pPage_product > table > tbody tr.pProd_ect td {height: 50px; vertical-align: text-top; padding: 10px 5px; line-height: 20px; font-size: 13px;}
.my_printPopup .pPage_product > table > tbody tr.pProd_ect td:first-child {text-align: center; vertical-align: middle; border-left: 1px solid #8692A0;}
/* 명세서 및 주문서 */


/* 주소검색 S */
#delivery_popAddr {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
#delivery_popAddr.active {display: block; z-index: 8;}
#delivery_popAddr .delivery_popBg {position: absolute; width: 100%; height: 100%; background: #000;opacity: 0.5;}
#delivery_popAddr .delivery_popCont {width: 400px; min-height: 594px; height: auto; background: #FFFFFF; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 24px;}

#delivery_popAddr h5 {height: 20px; line-height: 20px; color: #000000; font-size: 16px; margin: 0 0 24px; position: relative;}
#delivery_popAddr h5 .delivery_close {display: block; width: 24px; height: 24px; position: absolute;top: -6px;right: 0;cursor: pointer;}
#delivery_popAddr .step_ {display: none;}
#delivery_popAddr .step_.active {display: block;}

#delivery_popAddr .dp_title {height: 16px; line-height: 16px; font-size: 14px; margin: 0 0 12px;}
#delivery_popAddr .dp_address {width: 100%;height: 48px;background: #FFFFFF; border: 1px solid #000000; border-radius: 4px; position: relative; overflow: hidden;}
#delivery_popAddr .dp_address input {font-size: 14px; border: 0px; padding: 0 16px; width: 100%; height: 100%;}
#delivery_popAddr .dp_address .dp_address_btn {display: block; width: 46px; height: 46px; background: url('../img/i_search.svg') no-repeat 50% 50%; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}


#delivery_popAddr .dp_address_list {margin: 4px 0 0; height: 410px; overflow: auto;}
#delivery_popAddr .dp_address_list::-webkit-scrollbar { width: 7px;}
#delivery_popAddr .dp_address_list::-webkit-scrollbar-track { background-color: transparent; }
#delivery_popAddr .dp_address_list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd;}
#delivery_popAddr .dp_address_list::-webkit-scrollbar-button { width: 0; height: 0; }
#delivery_popAddr .dp_address_list li {min-height: 72px; height: auto; border-bottom: 1px solid #DEDEDE; padding: 16px 0; cursor: pointer;}
#delivery_popAddr .dp_address_list li.address_none {border: 0px;text-align: center;padding: 50px 0 0;font-size: 14px;color: #999;}
#delivery_popAddr .dp_address_list li.address_etc {border: 0px; pointer-events: none;}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_tit {color: #4E6D0B; height: 18px; line-height: 18px; font-size: 14px; letter-spacing: -0.5px; font-weight: 500;}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_txt {}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_txt > dl {margin: 10px 0 0; padding: 0 0 0 6px; position: relative;}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_txt > dl dt {margin: 0 0 4px; height: 18px; line-height: 18px; font-size: 14px; color: #222; font-weight: 500; letter-spacing: -0.5px;}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_txt > dl dt::before {content: ''; width: 2px; height: 2px; background: #222; border-radius: 50%; position: absolute; left: 0; top: 8px;}
#delivery_popAddr .dp_address_list li.address_etc .address_etc_txt > dl dd {height: 18px; line-height: 18px; color: #A2A2A2; font-size: 14px; letter-spacing: -0.5px; font-weight: 500;}
#delivery_popAddr .dp_address_list li > div {font-size: 14px;}
#delivery_popAddr .dp_address_list li .dp_address_txt1 {min-height: 16px; height: auto; line-height: 16px; margin: 0 0 4px;}
#delivery_popAddr .dp_address_list li .dp_address_txt2 {position: relative; min-height: 20px; height: auto; line-height: 20px; padding: 0 0 0 32px;}
#delivery_popAddr .dp_address_list li .dp_address_txt2:before {content: '지번'; position: absolute; left: 0; vertical-align: bottom; font-size: 10px; display: inline-block; width: 28px;height: 20px; line-height: 20px;background: #C2C3C6;border-radius: 3px; text-align: center; color: #FFF; margin: 0 4px 0 0;}
/* 주소검색 E */

/* input, radio */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#305af9}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

/* 카카오 친구 추가 */
.kakaoF_box {width: max-content; margin: 0 0 0; padding: 0 0 0;}

.kakaoF_box .kko_top {padding: 0 0 0; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.kakaoF_box .kko_top h2 {height: 36px; line-height: 36px; font-weight: 600; font-size: 30px; text-align: center;}
.kakaoF_box .kko_top > dl {text-align: center; margin: 0 0 20px;}
.kakaoF_box .kko_top > dl dt {color: #000; height: auto; line-height: 28px; margin: 0 0 4px; font-size: 20px; font-weight: 600;}
.kakaoF_box .kko_top > dl dd {line-height: 22px; font-size: 15px; color: #5C5C5C; letter-spacing: -0.3px;}
.kakaoF_box .kko_top > span {display: block; width: 276px; height: 50px; line-height: 48px; border: 1px solid #8C8C8C; text-align: center; cursor: pointer; color: #000; font-size: 15px; font-weight: 600;}
.kakaoF_box .kko_top > span a {display: block;}
.kakaoF_box .kko_img {margin: 0 0 30px;}


/* ***** PAD ***** */
@media screen and (max-width:1279px) {
    #wrapper {padding: 52px 0 0;}
    
    #hd {position: fixed; top: 0; width: 100%; height: 52px; background: #FFF; z-index: 3;}

    #hd_new {height: 52px; padding: 0 16px;}

    #hd_new #logo {width: 84px; height: 52px; position: relative; left: initial; top: initial; display: flex;align-items: center;}
    #hd_new #logo > a {background-size: contain;}
    #hd_new #logo.white_logo > a {background: url('../img/fp_logo4.svg') no-repeat center; background-size: contain;}

    #rename + #logo {display: none;}
    #rename {width: max-content;color: #000000;font-size: 17px;font-weight: 600;padding: 0 0 0; height: 52px;  display: flex; align-items: center;}
    #rename > label {display: inline-block; width: 32px; height: 32px; vertical-align: text-top; margin: 0 4px 0 0; background: url('../img/ver2/i_chevron_left.svg') no-repeat 50% 50%;}

    #hd_new .hd_group {position: absolute; right: 0; top: 0; height: 52px; background: transparent; padding: 0 0 0;  border-radius: 0px; width: auto;}
    #hd_new .hd_group .hd_group_nav {display: none;}

    #hd_new .hd_group .hd_group_etc {padding: 0 16px 0 0;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy {gap: 0px;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li {width: 32px; height: 32px;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_home {display: flex; background: url('../img/ver2/i_home.svg') no-repeat center;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_search { background: url('../img/ver2/i_search4.svg') no-repeat center;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_cart { background: url('../img/ver2/i_cart2.svg') no-repeat center;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_my { background: url('../img/ver2/i_mypage2.svg') no-repeat center;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li.hd_mobtn {display: flex; background: url('../img/ver2/i_mobtn.svg') no-repeat center;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li img {opacity: 0;}
    #hd_new .hd_group .hd_group_etc .hd_new_eMy > li > label {background: #4E6D0B; color: #FFF; top: 3px; right: 1px;}

    #hd_new_mb {display: block; background: #FFF; width: 100%; height: 0px; top: 52px; position: absolute; left: 0; transition: height 0.5s; overflow: hidden;}
    #hd_new_mb.active {height: calc(100vh - 52px); transition: height 0.5s;}

    #hd_new_mb .hd_new_mbbox {height: calc(100vh - 52px); display: flex;flex-direction: column; justify-content: space-between; padding: 0 16px; border-top: 1px solid #E3E3E3;}

    #hd_new_mb .hd_new_mblist {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}
    #hd_new_mb .hd_new_mblist > li {display: flex;padding: 12px 0;align-items: center;gap: 10px;align-self: stretch; border-top: 1px solid #E3E3E3;}
    #hd_new_mb .hd_new_mblist > li:first-child {border: 0px;}
    #hd_new_mb .hd_new_mblist > li > a { display: block; color: #000; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.48px; width: 100%;}

    #hd_new_mb .hd_new_mbfoot {padding: 0 0 40px; display: flex; flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;}

    #hd_new_mb .hd_new_mbbtn {width: 100%; display: flex;flex-direction: column;align-items: flex-start;gap: 8px;align-self: stretch;}
    #hd_new_mb .hd_new_mbbtn > li {width: 100%; cursor: pointer; display: flex;height: 56px;justify-content: center;align-items: center;gap: 6px;align-self: stretch;}
    #hd_new_mb .hd_new_mbbtn > li > a {width: 100%; display: block;height: 56px; align-content: center; padding: 0 40px; border-radius: 4px; text-align: center; font-size: 16px; letter-spacing: -0.32px;}
    #hd_new_mb .hd_new_mbbtn > li.mbf_btn_kakao > a {background: #F4EF70; color: #000;}
    #hd_new_mb .hd_new_mbbtn > li.mbf_btn_tel > a {background: #000; color: #FFF;}

    #hd_new_mb .hd_new_mbtxt {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;align-self: stretch;}
    #hd_new_mb .hd_new_mbtxt .hd_new_mbemail { color: #959595; font-size: 14px; letter-spacing: -0.14px; line-height: 21px; font-weight: 400;}
    #hd_new_mb .hd_new_mbtxt .hd_new_mbtime {color: #5A5A5A; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: -0.24px;}

    #hd_new_mb .hd_new_mbsns {display: flex;align-items: center;gap: 10px;}
    #hd_new_mb .hd_new_mbsns > li {}
    #hd_new_mb .hd_new_mbsns > li > a {}

    #ft {padding: 40px 16px 0;}


    .login_popup {width: 100%; right: initial; left: 0; top: 52px; min-height: calc(100vh - 52px); max-height: calc(100vh - 52px); border-top: 1px solid #EBEBEB;}
    .login_popup .loginP_box {max-width: 100%; width: 100%;}

    /* 카카오친구 적립 */
    .kakaoF_box {width: 100%; min-height: 100vh;}
    
}

/* ***** MOBILE ***** */
@media screen and (max-width:799px) {
    
    .login_popup {padding: 32px;}
    .login_popup .loginP_box {gap: 20px;}
    .login_popup .loginP_box_tit {display: none;}
    .login_popup .loginP_box_login {gap: 8px;}

    .login_popup .loginP_join_explain {order: 1; flex-direction: column; gap: 12px;}
    .login_popup .loginP_join_explain .loginP_join_boon {padding: 0 0 0;}
    .login_popup .loginP_join_move {order: 0;}
    

    #ft {padding: 40px 16px 20px 16px;}
    #ft .ft_list {gap: 16px;}
    #ft .ft_list > li > a {font-size: 12px; letter-spacing: -0.12px; line-height: 18px;}
    #ft .ft_bottom {padding: 0 0 0;}

    #hd_new_mb.active {height: calc(100dvh - 52px);}
    #hd_new_mb .hd_new_mbbox {height: calc(100dvh - 52px);}

    #rename {font-size: 16px;}

    .affiliePopup .afP_bg {display: none;}
    .affiliePopup .afP_cont {width: 100%; height: 100%; overflow: auto;padding: 30px 20px 30px 20px;}
    .affiliePopup .afP_cont .afP_cont_chk {overflow: hidden; padding: 0 10px 0 36px;}

    .affilieResult .afR_cont {width: 100%; max-height: 100%;}
}




@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; overflow: hidden; }
    html.not_scroll, body.not_scroll {overflow: auto;}
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }

    .my_printPopup {position: relative; overflow: hidden;}
    .my_printPopup .prP_bg {display: none;}
    .my_printPopup .prP_cont {position: relative;top: initial;left: initial;transform: none; overflow: unset;}
    .my_printPopup .prP_btnList { display: none;}

    #hd, #ft {display: none;}
    #wrapper {display: none;}
}