/* Minification failed. Returning unminified contents.
(123,135): run-time error CSS1046: Expect comma, found '56'
(123,141): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";
html{ scroll-behavior: auto;}
* {margin:0; padding:0; font:inherit; color:inherit;}
*, :after, :before {box-sizing:border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%; text-size-adjust:100%; cursor:default; line-height:1.15; overflow-wrap:break-word;}
html, body {height:100%;}
body {overflow-x:auto; min-width:1920px;}
body, * {font-family:"MinSans","맑은 고딕","Malgun Gothic",Apple SD Gothic Neo,sans-serif; font-size:16px; font-weight:300; color:#585858; letter-spacing:-0.035em;}
button {background:none; border:0; cursor:pointer;}
a {text-decoration:none}
table {border-collapse:collapse; border-spacing:0;}
textarea {-webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0;}
button, input {border-radius:0; border:0;margin:0;}
blockquote, q {quotes:none}
input{-webkit-appearance : none;-moz-appearance:none;appearance:none; }
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
select:focus, input:focus, textarea:focus {outline:none;}
fieldset, img {border:0;}
img {vertical-align:top;}
dl, li, menu, ol, ul {list-style:none;}
address, em {font-style:normal}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:400;}
table caption {font-size:0 !important;line-height:0;}
a, a:active, a:hover {text-decoration:none;}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top;}
mark {background-color:transparent;}
i {font-style:normal;}
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal {display:none;}
select::-ms-expand {display:none;}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}


/*폰트*/
.f_font {font-size:16px; font-weight:300; color:#585858;}
.f_color {color:#585858!important;} 
.f_color_green {color:#00aebd!important;}
.f_color_light_green {color:#12BF46!important;}
.f_color_blue {color:#009be2!important;}
.f_color_red {color:#e33735!important;}
.f_color_red2{color:#ff5b59!important;}
.f_color_orange {color:#fa6639!important;}
.f_color_gray{color:#444!important}
.f_color_lightgray {color:#939d9e!important;}
.f_color_midigray {color:#787878!important;}
.f_color_bluegray {color:#383c45!important;}
.f_color_black {color:#282828!important;}
.f_color_black2{color:#1A1E33!important;}
.f_color_black3{color:#222!important;}
.f_color_black4{color:#000!important;}
.fc_red {color:#FF4848;}

.f_light {font-weight:300!important;}
.f_normal {font-weight:400!important;}
.f_medium {font-weight:500!important;}
.f_bold {font-weight:700!important;}

/*간격*/
.gap_t5 {margin-top:5px!important;}
.gap_t8 {margin-top:8px!important;}
.gap_t10 {margin-top:10px!important;}
.gap_t15 {margin-top:15px!important;}
.gap_t18 {margin-top:18px!important;}
.gap_t20 {margin-top:20px!important;}
.gap_t25 {margin-top:25px!important;}
.gap_t30 {margin-top:30px!important;}
.gap_t40 {margin-top:40px!important;}
.gap_t50 {margin-top:50px!important;}
.gap_t60 {margin-top:60px!important;}
.gap_t100 {margin-top:100px!important;}
.gap_t150 {margin-top:150px!important;}
.gap_tm24{margin-top:-24px!important;}

.gap_side {margin:0 auto!important;}
.gap_side10 {margin:0 10px!important;}
.gap_side20 {margin:0 20px!important;}

.gap_l10{margin-left:10px!important;}
.gap_l15{margin-left:15px!important;}
.gap_l20{margin-left:20px!important;}
.gap_l30{margin-left:30px!important;}
.gap_l40{margin-left:40px!important;}
.gap_l180{margin-left:180px!important;}

.gap_r_zero{margin-right:0!important}
.gap_r10{margin-right:10px!important;}
.gap_r15{margin-right:15px!important;}
.gap_r20{margin-right:20px!important;}
.gap_r30{margin-right:30px!important;}
.gap_r40{margin-right:40px!important;}

.gap_b5 {margin-bottom:5px!important;}
.gap_b10 {margin-bottom:10px!important;}
.gap_b15 {margin-bottom:15px!important;}
.gap_b20 {margin-bottom:20px!important;}
.gap_b25 {margin-bottom:25px!important;}
.gap_b30 {margin-bottom:30px!important;}
.gap_b40 {margin-bottom:40px!important;}
.gap_b60 {margin-bottom:60px!important;}
.gap_b80 {margin-bottom:80px!important;}
.gap_b120 {margin-bottom:120px!important;}

.pd_t3 {padding-top:3px;}
.pd_t30 {padding-top:30px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}
.pd_b_none{padding-bottom:0!important;}
.pd_10 { padding: 10px;}
.pd_20{padding:20px;}
.pd_30{padding:30px;}


/*공통*/
.inner {position:relative; width:1280px; margin:0 auto;}
.content.inner{margin:0 auto 120px}

input[type=text]:focus,input[type=password]:focus,.ip_textarea:focus {border:1px solid #00aebd; box-shadow:0 0px 5px rgba(0,174,189,0.2); outline:none;}
input[type=text].ip_basic.ip_warn:focus,input[type=password].ip_basic.ip_warn:focus {border-color:#e33735; box-shadow:0 0 5px rgb(227 56 53 / 20%);}
input[type=text].ip_basic:active,input[type=password].ip_basic:active  {box-shadow:0 0 5px rgba(0,0,0,0.1);}
input[type=text].ip_basic:read-only,input[type=text].ip_basic:read-only:focus,input[type=password].ip_basic:read-only,input[type=password].ip_basic:read-only:focus {background-color:#eee; color:#787878; box-shadow:none; border-color:#ddd;}
input[type=text].ip_basic:disabled,input[type=text].ip_basic:disabled:focus,input[type=password].ip_basic:disabled,input[type=password].ip_basic:disabled:focus {background-color:#fafafa; color:#c8c8c8; box-shadow:none;}
input:read-only {cursor:default;}
.ip_basic {color:#383c45; border:1px solid #ddd; height:50px;line-height:48px; padding:14px 20px 15px; box-sizing:border-box; border-radius:5px; background-color:#fafafa;} 
.ip_basic.ip_w,.ip_w{background-color:#fff;}
.ip_basic::placeholder,.ip_textarea::placeholder {font-size:16px; font-weight:300; color:#939d9e;}
.val_ip_box .val_txt{display:block; color:#009BE2;font-size:16px; font-weight:300;margin-top:10px; display:none;}
.val_ip_box .val_txt.err{color:#E33735; }
.ip_basic_number{border:1px solid #ddd; border-radius:3px; width:90px;max-width:120px; height:34px;display:flex; box-sizing:border-box;background-color:#fff;}
.ip_basic.ip_w.ip_small{height:37px;line-height:37px;width:153px;}
.ip_basic_number .ip_minus,.ip_basic_number .ip_plus{width:34px; height:34px; display:block;}
.ip_basic_number .ip_basic{ border: 0;background-color: #fff;width: 22px;max-width: 66px; padding: 0 5px;line-height: 32px; height: 32px; text-align: center}
.ip_textarea{border:1px solid #ddd; border-radius:3px;padding:15px 20px;resize:none; background-color:#fafafa;}

.dp_flex{display:flex;align-items: center;}
.dp_flex_center{justify-content: center;}
.dp_flex_top{display:flex;align-items: flex-start; }
.dp_flex_bot{display:flex;align-items: flex-end; }
.dp_flex_side{display:flex;justify-content: space-between;}
.dp_inline{display:inline-block;}
.dp_block{display:block;}

/* 정렬*/
.align_left{text-align:left!important;}
.align_center{text-align:center!important;}
.align_right{text-align:right!important;}
.fl_l{float:left;}
.fl_r{float:right;}
.fl_l:after,.fl_r:after{content:'';display:block;clear:both;}
.cf:after{content:'';display:block;clear:both;}

/*폰트 사이즈*/
.f_size12 {font-size:12px!important}
.f_size13 {font-size:13px!important}
.f_size14 {font-size:14px!important}
.f_size16 {font-size:16px!important}
.f_size18 {font-size:18px!important}
.f_size20 {font-size:20px!important}
.f_size22 {font-size:22px!important}
.f_size24 {font-size:24px!important}
.f_size25 {font-size:25px!important}
.f_size28 {font-size:28px!important}
.f_size30 {font-size:30px!important}

/*너비*/
.w_20{width:20px!important}
.w_50{width:50px!important}
.w_60{width:60px!important}
.w_100{width:100px!important}
.w_110{width:110px!important}
.w_120{width:120px!important}
.w_130{width:130px!important}
.w_134{width:134px!important}
.w_150{width:150px!important}
.w_182{width:182px!important}
.w_200{width:200px!important}
.w_206{width:206px!important}
.w_220{width:220px!important}
.w_230{width:230px!important}
.w_240{width:240px!important}
.w_250{width:250px!important}
.w_260{width:260px!important}
.w_282{width:282px!important}
.w_300{width:300px!important}
.w_315{width:315px!important}
.w_330{width:330px!important}
.w_398{width:398px!important}
.w_435{width:435px!important}
.w_480{width:480px!important}
.w_490{width:490px!important}
.w_513{width:513px!important}
.w_550{width:550px!important}
.w_580{width:580px!important}
.w_625{width:625px!important}
.w_670{width:670px!important}
.w_700{width:700px!important}
.w_710{width:710px!important}
.w_730{width:730px!important}
.w_850{width:850px!important}
.w_900{width:900px!important}
.w_950{width:950px!important}
.w_1000{width:1000px;}
.w_1010{width:1010px;}

.w_full {width:100%;}
.w_half {width:50%;}

.h_30{height:30px!important;}
.h_44{height:44px!important;}
.h_50{height:50px!important;}
.h_60{height:60px!important;}
.h_64{height:64px!important;}
.h_100{height:100px!important;}
.h_102{height:102px!important;}
.h_115{height:115px!important;}
.h_120{height:120px!important;}
.h_170{height:170px!important;}
.h_200{height:200px!important;}
.h_375{height:375px!important;}
.h_409{height:409px!important;}
.h_700{height:700px!important;}
.h_850{height:850px!important;}
.h_914{height:914px!important;}

.br_t_none{border-top:0}
.br_l_none{border-left:0}
.br_r_none{border-right:0}
.br_b_none{border-bottom:0;}
.br_t{border-top:1px solid #eee;}
.br_b{border-bottom:1px solid #eee;}
.br_add{border:1px solid #ddd;}
.p_relatve{position:relative}
.p_absolut{position:absolute;}
.bg_white{background-color:#fff;}
.bg_gray2{background-color:#F6F6F6}
.br_radius5{border-radius:5px;}
.br_radius10{border-radius:10px;}
.overflow_hh{overflow:hidden}
.overflow_yh{overflow-y:hidden}
.overflow_xh{overflow-x:hidden}
.dp_none{display:none;}
.box {
    background-image: repeating-linear-gradient(0deg, #a8b0c1, #a8b0c1 14px, transparent 14px, transparent 24px, #a8b0c1 24px), repeating-linear-gradient(90deg, #a8b0c1, #a8b0c1 14px, transparent 14px, transparent 24px, #a8b0c1 24px), repeating-linear-gradient(180deg, #a8b0c1, #a8b0c1 14px, transparent 14px, transparent 24px, #a8b0c1 24px), repeating-linear-gradient(270deg, #a8b0c1, #a8b0c1 14px, transparent 14px, transparent 24px, #a8b0c1 24px);
    background-size: 5px 100%, 100% 5px, 5px 100%, 100% 5px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
    width: 200px;
    height: 200px;
}
/*MinSans*/
@font-face {
    font-family: "MinSans";
    font-weight: 300;
    src: url("/contents/fonts/MinSans-Light.woff2") format("woff2");
}
@font-face {
    font-family: "MinSans";
    font-weight: 400;
    src: url("/contents/fonts/MinSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "MinSans";
    font-weight: 500;
    src: url("/contents/fonts/MinSans-Medium.woff2") format("woff2");
}
@font-face {
    font-family: "MinSans";
    font-weight: 700;
    src: url("/contents/fonts/MinSans-Bold.woff2") format("woff2");
}
/*Noto Sans KR*/
@font-face {
    font-family: "Noto Sans KR";
    font-weight: 300;
    src: url("/contents/fonts/NotoSansKR-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Noto Sans KR";
    font-weight: 400;
    src: url("/contents/fonts/NotoSansKR-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Noto Sans KR";
    font-weight: 500;
    src: url("/contents/fonts/NotoSansKR-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Noto Sans KR";
    font-weight: 700;
    src: url("/contents/fonts/NotoSansKR-Bold.ttf") format("truetype");
}
/*초기화*/
html{ scroll-behavior: auto;}
* {margin:0; padding:0; font:inherit; color:inherit;}
*, :after, :before {box-sizing:border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%; text-size-adjust:100%; cursor:default; line-height:1.6; overflow-wrap:break-word;}
html, body {height:100%;}
body {overflow-x:hidden;}
body, * {font-family:"noto sans kr","맑은 고딕","malgun gothic",apple sd gothic neo,sans-serif; font-size:18px; font-weight:400; color:#282828; letter-spacing:-0.035em;}
button {background:none; border:0; cursor:pointer;}
a {text-decoration:none}
table {border-collapse:collapse; border-spacing:0;}
textarea {-webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0;}
button, input {border-radius:0; border:0;margin:0;}
blockquote, q {quotes:none}
input{-webkit-appearance : none;-moz-appearance:none;appearance:none; }
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
select:focus, input:focus, textarea:focus {outline:none;}
fieldset, img {border:0;}
img {vertical-align:top;}
dl, li, menu, ol, ul {list-style:none;}
address, em {font-style:normal}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:400;}
table caption {font-size:0 !important;line-height:0;}
a, a:active, a:hover {text-decoration:none;}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top;}
mark {background-color:transparent;}
i {font-style:normal;}
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal {display:none;}
select::-ms-expand {display:none;}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox  */
input[type='number'] {-moz-appearance: textfield;}
input::placeholder {color:#aaa;}


/*공통*/
.btn_default {border-radius:5px; color:#fff; font-size:16px; font-weight:500; background:#00aebd; height:50px; padding:0 5px;}
.btn_default.btn_dark_gray {background:#585858;}
.btn_br_default {border:1px solid #00aebd; border-radius:5px  ; font-size:16px; font-weight:500; color:#00aebd; height:50px; background-color:#fff; padding:0 5px;}
.btn_br_default.btn_br_black {border-color:#585858;color:#585858}
.btn_br_default.btn_br_bg_gray {background-color:#fafafa;color:#585858;border-color:#939d9e}
.btn_br_default.btn_br_bg_w{background-color:#fff;border-color:#939D9E;color:#585858}
.btn_lg {height:60px; line-height:58px; font-size:20px; font-weight:bold;}
.btn_full{width:100%;height:54px; line-height:52px; font-size:20px; font-weight:bold; text-align:center}
.w_full {width:100%;}
select {min-height:30px; padding:0 30px 0 10px; border-radius:5px; border:1px solid #ddd; background:url(/contents/images/ho/i_select.svg)no-repeat calc(100% - 10px) 50%;}
body.fixed{width:100%;height:100%;overflow:hidden;}

/*헤더*/
header {position:fixed; left:0; top:0; width:100%; height:80px; background:rgba(255,255,255,0.75); border-bottom:1px solid #ececec; z-index:9; }
header .inn {width:1280px; height:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
header .logo {display:flex; align-items:center; gap:50px; position:relative;}
header .logo h1 {font-size:0; position:relative}
header .logo h1:after {content:""; position:absolute; right:-25px; top:6px; width:1px; height:22px; background:#d4d4d4;}
header .logo ul {display:flex; gap:60px;}
header .logo ul li {position:relative;}
header .logo ul li > a {display:block; line-height:79px;}
header .logo ul li > a.on {color:#00aebd;}
header .logo ul li:hover .depth2 {display:block;}
header .logo .depth2 {display:none; position:absolute; width:150px; left:50%; transform:translateX(-50%); top:79px; padding-bottom:22px; border:1px solid #ececec; border-radius:0 0 7px 7px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05);}
header .logo .depth2 p {margin-top:22px; text-align:center;}
header .logo .depth2 p a {display:block;}
header .logo .depth2 p:hover a {color:#00aebd}
header .btn_default {border-radius:7px; height:42px; width:146px;}
header .btn_br_default.logout {width:auto; min-width:94px; height:42px;}

/*푸터*/
footer {width:100%; background:#fcfcfc; border-top:1px solid #d1d1d1;}
footer .inn {width:1280px; margin:0 auto; padding:60px 0 77px; display:flex; justify-content:space-between;}
footer .fo_left {position:relative; padding-left:160px;}
footer .fo_left .fo_logo {position:absolute; left:0; top:0;}
footer .fo_left .fo_logo img{width:120px}
footer .fo_left ul {display:flex; gap:20px; align-items:center; margin-bottom:36px;}
footer .fo_left ul a {font-size:14px; font-weight:bold;}
footer .fo_left ul li.btn_down{background: url(/contents/images/ho/ic_sevice.svg) 100% 9px no-repeat; padding-right: 20px;background-size: 16px;}
footer .fo_left ul li.btn_down a{color:#00aebd;font-size:14px;font-weight:bold}
footer .fo_left .line {width:1px; height:12px; background:#d4d4d4;}
footer .fo_left .company_info {font-size:14px; color:#8d96a1; line-height:1.8; margin-bottom:40px;}
footer .fo_left .company_info a {font-size:14px; color:#8d96a1;}
footer .fo_left .company_info b {font-size:14px; color:#8d96a1; font-weight:500;}
footer .fo_left .copyright {color:#d6d6d6; font-size:14px;}
footer .fo_right {text-align:right;}
footer .fo_right .familysite {width:160px; font-size:13px; color:#999; background-color:#fff;}
footer .fo_right .familysite option {font-size:13px;}
footer .fo_right .tel {margin:10px 0 20px;}
footer .fo_right .tel a {font-size:26px; font-weight:bold;}
footer .fo_right .cs_info {color:#8d96a1; font-size:14px; line-height:1.8; margin-bottom:12px;}
footer .fo_right .cs_info b {color:#8d96a1; font-size:14px;}
footer .sns {display:flex; gap:10px; justify-content:end;}

/* 멤버십안내 */
.content{padding:80px 0 160px;}
.bg_gray{background-color:#F6F8F9;}
.inner{width:1004px;margin:0 auto;}
.top_banner{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; width:100%;background:url(/contents/images/ho/banner.png) 50% 0 no-repeat;background-size:cover;text-align:center;height:280px;}
.top_banner.joininfo{width:100%;background:url(/contents/images/ho/banner_joininfo.png) 50% 0 no-repeat;background-size:cover;text-align:center;height:280px;box-sizing:border-box;}
.top_banner h3 {font-size:40px;font-weight:bold;color:#282828;}
.tb_banner{text-align:center;margin:80px 0;}
.tb_banner strong{font-size:31px;font-weight:500;}
.tb_banner p{font-size:26px; }
.tb_banner p strong{font-size:26px;color:#00AEBD}
.g_tbl{border:1px solid #E9E9E9;border-radius:20px; box-shadow:0 0 0 rgba(0,0,0,0.04);padding:60px 54px;max-width:1000px;margin:0 auto; background-color:#fff;}
.g_tbl table{border-top:2px solid #585858;max-width:895px; }
.g_tbl table th, .g_tbl th .c_red { color:#282828;font-size:23px;font-weight:bold;}
.g_tbl table th .g_txt{color:#787878;line-height:20px;max-width:152px; display:block;margin:0 auto;}
.g_tbl table thead th{background-color:#F6F6F6;font-weight:bold;}
.g_tbl table tbody th {font-weight:500; height:100px;}
.g_tbl table td{color:#585858; font-size:23px;}
.g_tbl table td .g_txt{color:#929292;font-size:16px;line-height:20px;max-width:150px; display:block;margin:0 auto;}
.g_tbl table th,.g_tbl table td{text-align:center;padding:18px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.g_tbl table  th:last-child,.g_tbl table td:last-child{border-right:0; }
.g_tbl table td .c_red {font-size:23px;}
.g_tbl table tbody th.br_r{border-right:1px solid #ddd;}
.g_tbl th .c_red, .g_tbl td .c_red {color:#ff5b59; font-weight:500;}
.g_tbl .bg_skyblue {background:#f6fcfc;}
.g_tbl .tit{display:flex;justify-content: space-between;margin-bottom:17px;max-width: 895px;align-items:end;}
.g_tbl .tit p{color:#282828;font-size:28px;font-weight:bold;}
.g_tbl .tit span{color:#929292;font-size:21px;}
.new_gtxt{color:#A8CF63;font-size:20px;font-weight:bold;display:block;margin-top:-2px;}
.new_rtxt{color:#F47378;font-size:20px;font-weight:bold;display:block;margin-top:-2px;}
.new_btxt{color:#2795F1;font-size:20px;font-weight:bold;display:block;margin-top:-2px;}
.tooltip_box {position: relative;display:inline-block; text-align: center; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased;top:5px;}
.tooltip_box .tooltip {background: #fff; border: 1px solid #d1d1d1;  border-radius:10px; bottom:38px;font-size: 20px;  display:block; left:-112px;opacity: 0;font-size:14px;padding: 15px;pointer-events: none; position: absolute;
min-width:250px; z-index: 1102;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);
-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .7s ease-out;
-moz-transition: all .7s ease-out;-ms-transition: all .7s ease-out;-o-transition: all .7s ease-out;transition: all .7s ease-out;}
.tooltip_box .tooltip:before {content: " ";bottom:-21px; display: block;height: 20px;left:50%;margin-left:-15px;position: absolute;
border-color: #d1d1d1 transparent transparent transparent;border-style: solid;border-width: 11px;}
.tooltip_box .tooltip:after {content:" ";border-left: solid transparent 10px;border-right: solid transparent 10px;
border-top: solid #fff 10px;bottom: -9px;height: 0;left: 50%;margin-left: -14px;position: absolute;width: 0;}
.tooltip_box:hover .tooltip {opacity: 1;pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);}

/*로그인*/
.frm_tit{font-size:30px;color:#282828;font-weight:bold;text-align:center;margin-bottom:50px;}
.member_form {width: 600px;padding:60px 55px;margin:120px auto 0; border:1px solid #ddd;border-radius:10px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);background-color:#fff;}
.member_form.join_form{width:855px;}
.mem_login .ip_basic {margin-bottom:15px;}
.mem_login .btn_find_id{position:relative;}
.mem_login .btn_find_id:after{content:''; width:1px;height:12px;border-right:1px solid #ddd;position:absolute;right:-20px;top:7px;}

/* 아이디 비밀번호 찾기*/
.tab_links {display: flex;align-items: center; justify-content: space-around;margin:50px auto 30px;width:100%;max-width:488px}
.tab_links li{width:50%;height:50px;border-bottom:1px solid #939D9E;padding:10px 0 12px;text-align:center;}
.tab_links li.active{border-color:#00AEBD}
.tab_links li .tab_link {color:#939D9E;font-size:18px;font-weight:500;}
.tab_links li.active .tab_link{color:#00AEBD;}
.tab_content{display:none;max-width:488px;position:relative;}
.tab_txt{position: absolute;top: -165px;left: 50%;transform: translateX(-50%); width: 100%;}
.tab_content.active_tab{display:block}
.hp_block{align-items: baseline;}
.hp_block em{display:inline-block; margin:0 6.5px;}
.find_bl{background-color:#FAFAFA;color:#383C45;text-align:center;padding:18px;margin-bottom:15px;font-size:16px;}
.find_box { border: 1px solid #ddd;border-radius: 10px;background-color: #FAFAFA;padding:18px;text-align: center;font-weight: 500;margin-bottom: 15px;font-size:16px;}
.find_box.red_txt{color:#FF5B59;font-size:16px;}
.find_box p{margin-top:30px;color:#FF5B59;font-size:16px;}

/* 약관*/
.sub_tit{font-size:30px;color:#282828;font-weight:bold;margin:70px 0 40px;}
.agree_inn{max-width:1280px;width:100%;margin:0 auto;}
.agree-box,.agree-box .desc,.agree-box .desc a{ font-size:16px;}
.agree-box .tit{font-size:16px; font-weight:bold;color:#282828}
.agree-box .desc{margin:10px 0 40px}
.agree-box table{width:100%;}
.agree-box table th{background-color:aliceblue;}
.agree-box table th, .agree-box table th strong{font-weight:bold;}
.agree-box table th,.agree-box table td{padding:10px; border-bottom:1px solid #ddd;}
.agree-box table td{}
.agree-box table th:last-child,.agree-box table td:last-child{border-right:0;}
.link_box{border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin:15px 0 10px;padding:10px 20px;}
.link_box a{color:#003135}
/* Checkbox */
.custom-checkbox {position: relative; display: inline-block;}
.custom-checkbox .checkbox,.custom-checkbox .rdbox {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}
.custom-checkbox .checkbox + label,.custom-checkbox .rdbox + label {display: inline-block;position: relative;padding-left:24px;height:24px;cursor: pointer;font-size:16px;line-height:24px;margin-right: 20px;text-indent: 8px; color:#585858}
.custom-checkbox .checkbox + label:before,.custom-checkbox .rdbox + label:before {display: block;content: '';position: absolute;left: 0;top: 0;width:24px;height:24px;text-align: center;border-radius:4px; border:1px solid #ddd; background-color:#fff;}
.custom-checkbox .rdbox + label:before{border-radius:100%;}
.custom-checkbox .checkbox:checked + label:before,.custom-checkbox .rdbox:checked + label:before {width:24px;background: #00AEBD url("/contents/images/ho/i_checked.svg")  center no-repeat; border-color:#00AEBD;}
.custom-checkbox .rdbox:checked + label:before{background: #00AEBD url("/contents/images/ho/ic_rd_chk.svg")  center no-repeat;}
.custom-checkbox .checkbox.chk2 + label{color:#1A1E33;font-weight: bold;font-size:18px;}
.custom-checkbox .checkbox.chk2 + label:before{ border: 3px solid #ddd; border-radius: 100%;}
.custom-checkbox .checkbox.chk2:checked + label:before{background: #fff url("/contents/images/ho/ic_txt.svg")  center no-repeat;border-color:transparent;}
.custom-checkbox .checkbox[disabled]:checked + label:before,.custom-checkbox .rdbox[disabled]:checked + label:before {width:24px;background: #EBF0F1 url("/contents/images/ho/i_check.svg") center no-repeat;}
.custom-checkbox .rdbox[disabled]:checked + label:before{background: #00AEBD url("/contents/images/ho/ic_rd.svg")  center no-repeat;}
.custom-checkbox .checkbox[disabled] + label:before,.custom-checkbox .rdbox[disabled] + label:before {background:#EFEFEF;border: 1px solid #ddd; color:#b4b4b4}
.custom-checkbox .checkbox[disabled]:checked + label,.custom-checkbox .checkbox[disabled] + label,
.custom-checkbox .rdbox[disabled]:checked + label,.custom-checkbox .rdbox[disabled] + label{color:#b4b4b4}
.custom-checkbox .checkbox[disabled] + label, .custom-radio .radio[disabled] + label,
.custom-checkbox .rdbox[disabled] + label, .custom-radio .rdbox[disabled] + label {cursor: default;opacity: .8;}
.member_ship_area {padding:30px 80px; background:#fbfbfb; border-top:1px solid #c6c6c6;}
.member_ship_area img { vertical-align:middle}
.member_ship_area .custom-checkbox .rdbox + label {color:#333;}

/*메인비쥬얼*/
.mai_vi {width:100%; height:730px; margin:0 auto; background:url(/contents/images/ho/mai_vi.jpg)no-repeat 50% 50%; background-size:cover;}
.mai_vi .inn {width:1280px; margin:0 auto; padding-top:200px;}
.mai_vi .txt_big {font-size:40px; font-weight:bold; margin-bottom:15px;}
.mai_vi .txt_small {font-size:24px; margin-bottom:60px;}
.mai_vi button {width:218px;}

/*메인공통*/
.mai_tit .tit_big {display:flex; gap:8px; align-items:center; font-size:40px; font-weight:bold;}
.mai_tit .tit_small {font-size:24px; font-weight:bold; color:#8d96a1; margin:10px 0 0 52px;}

/*도매룩의 포인트*/
.mai_sec_01 {background:linear-gradient(180deg, rgba(246,248,249,1) 0%, rgba(0,174,189,0.08) 100%);}
.mai_sec_01 .inn {width:1280px; margin:0 auto; padding:100px 0;}
.mai_sec_01 .mai_tit {margin-bottom:60px;}
.mai_sec_01 .con {display:flex; gap:26px;}
.mai_sec_01 dl {width:410px; height:298px; padding:32px 0 32px 32px; background:#fff; border:1px solid #ebf0f2; border-radius:22px;}
.mai_sec_01 dl dt {font-size:24px; font-weight:bold; margin-bottom:24px;}
.mai_sec_01 dt span {display:block; margin-bottom:34px; width:48px; height:48px; line-height:46px; border-radius:7px; font-size:24px; font-weight:bold; text-align:center;}
.mai_sec_01 dl:nth-child(1) dt span {background:#e6f1ff; color:#6385f5;}
.mai_sec_01 dl:nth-child(2) dt span {background:#fff6e3; color:#ffb300;}
.mai_sec_01 dl:nth-child(3) dt span {background:#ddf8e2; color:#61b145;}

/*쇼핑몰 디자인을 내 마음대로*/
.mai_sec_02 .inn {width:1280px; margin:0 auto; padding:80px 0;}
.mai_sec_02 .mai_tit {margin-bottom:40px;}
.mai_sec_02 .con {width:100%; height:553px; padding:62px 0 0 50px; background:url(/contents/images/ho/mai_sec_02.png)no-repeat 50% 50%;}
.mai_sec_02 .txt_big {font-size:30px; font-weight:bold; color:#7744fb; line-height:1.4; margin-bottom:17px;}
.mai_sec_02 .txt_small {font-size:24px; font-weight:bold; color:#8d96a1; line-height:1.4;}

/*상품 엑셀 대량 등록*/
.mai_sec_03 {background:#fcfcfc;}
.mai_sec_03 .inn {width:1280px; margin:0 auto; padding:80px 0; display:flex; justify-content:space-between; align-items:end;}
.mai_sec_03 .left {width:477px; height:773px; background:url(/contents/images/ho/mai_sec_03_1.png)no-repeat 50% 50%; padding:56px 0 0 43px;}
.mai_sec_03 .left .txt_big {font-size:30px; font-weight:bold; color:#8d96a1;}
.mai_sec_03 .right .mai_tit {margin:0 0 80px 32px;}
.mai_sec_03 .right .con {width:764px; height:564px; background:url(/contents/images/ho/mai_sec_03_2.png)no-repeat 50% 0%; padding-top:57px; text-align:center;}
.mai_sec_03 .right .txt_big {font-size:30px; font-weight:bold; color:#0b9530;}

/*회원 등급별 관리기능*/
.mai_sec_04 {background:#f6f8f9;}
.mai_sec_04 .inn {width:1280px; margin:0 auto; padding:68px 0; position:relative; display:flex; align-items:center;}
.mai_sec_04 .mai_tit {flex-shrink:0; width:50%;}
.mai_sec_04 .con {width:757px; transform:translateX(50px)}
.mai_sec_04 .con .row {display:flex; gap:46px; justify-content:center;}
.mai_sec_04 .con .row + .row {margin-top:33px;}
.mai_sec_04 .con dt {display:flex; justify-content:center; align-items:center; width:222px; height:207px; margin-bottom:12px; text-align:center; border:1px solid #ececec; border-radius:16px; background:#fff; box-shadow:0 3px 16px rgba(211,224,230,0.6);}
.mai_sec_04 .con dd {text-align:center;}
.mai_sec_04 .con dd p {font-weight:500;}
.mai_sec_04 .con dd p + p {margin-top:8px}
.mai_sec_04 .con dd p img {width:24px; margin-right:10px;}

/*여러 주문을 한번에*/
.mai_sec_05 {background:#fcfcfc}
.mai_sec_05 .inn {width:1280px; margin:0 auto; padding:80px 0;}
.mai_sec_05 .mai_tit {margin-bottom:40px;}
.mai_sec_05 .mai_tit .tit_big {justify-content:center;}
.mai_sec_05 .con {width:1280px; height:550px; background:url(/contents/images/ho/mai_sec_05.png)no-repeat 50% 50%; text-align:center; padding-top:60px;}
.mai_sec_05 .txt_big {font-size:30px; font-weight:bold; color:#ffa227;}

/*자동화된 예약 발주 기능*/
.mai_sec_06 .inn {width:1280px; margin:0 auto; padding:86px 0 120px;}
.mai_sec_06 .mai_tit {margin-bottom:40px;}
.mai_sec_06 .con {display:flex; justify-content:space-between; align-items:end;}
.mai_sec_06 .left {width:703px; height:721px; background:url(/contents/images/ho/mai_sec_06_1.png)no-repeat 50% 50%; text-align:center; padding-top:80px;}
.mai_sec_06 .left .txt_big {font-size:30px; font-weight:bold; color:#ff5765;}

/*도매룩 시작하기*/
.mai_sec_07 {display:flex; align-items:center; width:100%; height:307px; margin:0 auto; background:url(/contents/images/ho/mai_sec_07.png)no-repeat 50% 50%; background-size:cover;}
.mai_sec_07 .inn {width:1280px; margin:0 auto;}
.mai_sec_07 .txt_big {font-size:32px;}
.mai_sec_07 .txt_big b {font-size:32px; font-weight:bold;}
.mai_sec_07 button {width:158px; height:42px; margin-top:26px;}

/*회원가입*/
.join_form {width:855px; padding:60px; margin:120px auto 0; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.05);}
.join_form .tit {margin-bottom:30px; font-size:30px; font-weight:bold; text-align:center;}
.join_form .sub_txt {font-size:18px; color:#383C45; text-align:center; margin-bottom:40px;}
.join_form .sub_txt b {font-weight:bold;}
.join_form .chk_age {display:flex; justify-content:center; gap:30px;}
.join_form .chk_age dl {border:1px solid #ECECEC; border-radius:5px; width:336px; height:231px; padding:30px 24px 24px; text-align:center;}
.join_form .chk_age dt {padding-top:72px; font-weight:500; margin-bottom:30px;}
.join_form .chk_age dl:nth-child(1) dt {background:url(/contents/images/ho/i_14up.png)no-repeat 50% 0;}
.join_form .chk_age dl:nth-child(2) dt {background:url(/contents/images/ho/i_14down.png)no-repeat 50% 0;}
.join_form .chk_age button {width:100%;}
.join_form .custom-checkbox .checkbox + label {font-weight:bold;}
.join_form .custom-checkbox .checkbox + label em {font-size:16px; font-weight:bold; color:#ff5b59;}
.join_form .agree {margin-bottom:30px;}
.join_form .agree_txt {border-radius:5px; background:#fafafa; border:1px solid #ddd; height:148px; margin-top:16px; padding:14px; overflow-y:auto;}
.join_form .agree_txt .inn {font-size:16px; color:#939d9e; white-space:pre-line;}
.join_form .agree_txt table {width:100%; border-top:1px solid #787878; word-break:normal; word-wrap:normal; table-layout:fixed;}
.join_form .agree_txt table th {width:100%; height:37px; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#383c45;}
.join_form .agree_txt table th + th, .join_form .agree_txt table td + td {border-left:1px solid #ddd;}
.join_form .agree_txt table td {padding:16px; font-size:14px; color:#787878; border-bottom:1px solid #ddd; background:#fff; text-align:center;}
.join_form .label_txt {margin:6px 0 0 30px; font-size:16px; text-align:left;}
.join_form .complete_btn {display:flex; justify-content:center; gap:10px; margin-top:50px;}
.join_form .complete_btn .w320 {width:320px;}
.join_step {display:flex; gap:100px; justify-content:center; margin-bottom:60px;}
.join_step p {position:relative; min-width:60px; padding-top:68px; text-align:center; font-size:14px; font-weight:bold; color:#b1b1b1; background:url(/contents/images/ho/i_check_off.svg)no-repeat 50% 0;}
.join_step p + p:before {content:""; position:absolute; left:-100px; top:30px; width:100px; height:1px; background:#ddd;}
.join_step p.on {background-image:url(/contents/images/ho/i_check_on.svg); color:#383c45;}
.join_inp {margin-bottom:30px; display:flex;}
.join_inp dt {width:148px; font-weight:500; color:#383c45; height:50px; line-height:50px;}
.join_inp dd {flex-grow: 1; width:587px;}
.join_inp .dp_flex {display:flex; gap:10px; position:relative;}
.join_inp .lh_0 {line-height:inherit;}
.join_inp .error {font-size:16px; font-weight:300; color:#e33735;}
.join_inp .success {font-size:16px; font-weight:300; color:#009be2;}
.join_inp .timer {position:absolute; left:314px; font-size:16px; font-weight:500; color:#e33735}
.join_inp button {flex-shrink:0;}
 

/*가입완료*/
.event_banner {display:flex; justify-content:center; flex-direction:column; gap:8px; text-align:center; font-size:16px; width:100%; height:138px; margin:90px 0 30px; background:url(/contents/images/ho/event_banner.jpg)no-repeat 50% 50%;}
.event_banner strong {font-weight:bold; font-size:20px;}
.event_banner p strong {color:#00aebd; font-size:16px;}

.form2 {padding:60px 40px;}
.form2.join_form .tit {margin-bottom:14px;}
.form2 .g_tbl {border:0; padding:0; margin-bottom:15px;}
.form2 .g_tbl p {font-size:24px;}
.form2 .g_tbl span {font-size:18px;}
.form2 .g_tbl table th {height:90px; font-size:20px;}
.form2 .g_tbl table th .g_txt {font-size:16px;}
.form2 .g_tbl table th .c_red {font-size:20px;}
.form2 .g_tbl table td, .form2 .g_tbl table td .c_red {font-size:20px;}
.form2 .g_tbl table td .g_txt {font-size:15px;}
.form2 .new_gtxt {margin-top:0;}
.form2 .tooltip_box {top:6px;}

/*공지팝업*/
.notice_popup {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:999; display:none;}
.notice_popup .inn {overflow:hidden; position:absolute; left:50%; top:210px; margin-left:-238px; width:476px; box-shadow:0 0 15px rgba(0,0,0,.15);}
.notice_popup .chk_close {display:flex; justify-content:center; width:100%; height:72px; line-height:72px; background:#383c45;}
.notice_popup .custom-checkbox {margin-top:-2px;}
.notice_popup .custom-checkbox .checkbox + label {padding-left:32px; height:19px; line-height:19px; font-size:14px; font-weight:500; color:#fff; margin:0; text-indent:0;}
.notice_popup .custom-checkbox .checkbox + label:before {width:19px; height:19px;}
.notice_popup .btn_close {position:absolute; top:11px; right:14px;}

/*가입안내*/
.tab_link_top {display:flex; justify-content:center; gap:50px; height:72px; border-top:1px solid #e8e8e8; background:#f8f8f8;}
.tab_link_top li {position:relative;}
.tab_link_top a {font-size:16px; font-weight:500; line-height:72px;}
.tab_link_top .on:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#00aebd;}
.tab_link_top .on a {color:#00aebd;}
.join_info {width:1280px; margin:60px auto;}
.join_info .tab_top {display:flex; justify-content:center; gap:20px; margin-bottom:60px;}
.join_info .tab_top li {width:188px; text-align:center;}
.join_info .tab_top li a {display:block; line-height:52px; color:#c6c6c6; border:1px solid #ddd; border-radius:27px; background:#fff;}
.join_info .tab_top li.on a {border-color:#00aebd; background:#00aebd; color:#fff; font-weight:500;}
.join_info .page_tit {text-align:center; margin-bottom:90px;}
.join_info .page_tit h4 {font-size:36px; font-weight:bold;}
.join_info .page_tit em {font-size:36px; font-weight:bold; color:#00AEBD;}
.join_info .page_tit span {font-size:24px; color:#797979; display:block; margin-top:12px;}
.join_info .sub_tit {margin:50px 0 17px; display:flex; align-items:center; gap:8px;}
.join_info .sub_tit p {font-size:24px; font-weight:500;}
.join_info .sub_tit span {color:#999; font-size:24px;}
.join_info .sub_tit button {margin-left:10px; padding:10px 20px; font-size:15px; font-weight:500; color:#fff; border-radius:5px; background:#282828;}
.join_info .gray_box {padding:0 26px; background:#f8f8f8;}
.join_info .flex_list {display:flex; gap:130px; padding:0 14px; height:80px; align-items:center;}
.join_info .flex_list li {font-size:16px;}
.join_info .flex_list.list_center {justify-content:center; gap:90px;}
.join_info .flex_list.list_center img {width:16px; vertical-align:middle; margin-top:-3px;}
.join_info .flex_list.list_btw {justify-content:space-between;}
.join_info .line {border-top:1px solid #e8e8e8;}
.join_info .list_txt {padding:28px 0;}
.join_info .list_txt li {font-size:16px;}
.join_info .list_txt li + li {margin-top:6px;}
.join_info .sec_tit {padding:60px 0 52px;}
.join_info .sec_tit h4 {font-size:36px; font-weight:700;}
.join_info .data_info_tbl {border-top:2px solid #282828; width:100%; table-layout:fixed; background:#fff;}
.join_info .data_info_tbl th {border-bottom:1px solid #c6c6c6; height:70px; background:#f8f8f8; font-size:16px; font-weight:500;}
.join_info .data_info_tbl td {border-bottom:1px solid #c6c6c6; height:70px; padding:10px; font-size:16px; text-align:center;}
.join_info .data_info_tbl th+th, .join_info .data_info_tbl td+td {border-left:1px solid #c6c6c6;}
.join_info .gray_bg {position:relative; margin-top:60px; padding-bottom:60px; background:#f4f6f8;}
.join_info .gray_bg:before {content:""; position:absolute; left:50%; transform:translateX(-50%); width:100vw; height:100%; background:#f4f6f8; z-index:-1;}
.join_info .pd_rl14 {padding-left:14px; padding-right:14px;}
.join_info .pd_b0 {padding-bottom:0;}

/*레이어팝업*/
.pop_bg_bl {display:none; overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:999;}
.pop_layer {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding:40px; border-radius:20px; background:#fff;}
.pop_layer .pop_hd {display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; border-bottom:1px solid #e8e8e8;}
.pop_layer .pop_hd p {font-size:24px; font-weight:500;}
.pop_law {text-align:center;}
.pop_law .pop_cont p {padding:20px 0; font-size:16px;}
.pop_law .pop_cont .txt_scroll {overflow-y:auto; height:360px; padding:30px; text-align:left; font-size:16px; background:#f8f8f8;}
.pop_law .pop_cont .txt_scroll b {font-weight:bold; font-size:16px;}

/*서브공통*/
.sub_vi {width:100%; height:280px; margin-top:80px; background:url(/contents/images/ho/sub_vi.jpg)no-repeat 50% 50%; background-size:cover;}
.sub_vi p {text-align:center; line-height:280px; font-size:40px; font-weight:bold;}
.sub_layout {width:1000px; margin:80px auto 120px;}
.customer_tit {display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding:0 40px 20px; border-bottom:2px solid #585858;}
.customer_tit .num {font-size:16px;}
.customer_tit .num em {font-size:16px; font-weight:bold; color:#00B0BF;}
.customer_tit .tit {font-size:30px; font-weight:bold;}
.customer_tit .desc {font-size:16px; color:#585858; vertical-align:bottom;}
.customer_tit .desc img {vertical-align:middle; margin-top:-5px;}
.customer_tit .info {display:flex; gap:50px;}
.customer_tit .info span {font-size:16px; flex-shrink:0;}
.customer_tit .info .answer {font-weight:bold; color:#999;}
.customer_tit .info .answer.on {color:#00b0bf}
.cs_btn {text-align:center; position:relative; min-height:50px; margin-top:30px;}
.cs_btn .btn_more {padding-right:26px; line-height:50px; background:url(/contents/images/ho/ic_arrow.svg)no-repeat 100% 50%; font-size:16px; font-weight:bold; color:#585858;}
.cs_btn .right {position:absolute; right:0; top:0; }
.cs_btn .left {position:absolute; left:0; top:0;}
.cs_btn .right, .cs_btn .left {display:flex; gap:12px;}
.cs_btn .btn_black {padding:0 35px; height:50px; line-height:50px; border-radius:25px; font-size:16px; font-weight:500; color:#fff; background:#333;}
.cs_btn .btn_br_black {padding:0 35px; height:50px; line-height:46px; border-radius:25px; font-size:16px; font-weight:500; color:#333; border:2px solid #333; background:#fff;}

/*질문과 답변*/
.qna li {display:flex; align-items:center; justify-content:space-between; padding:0 40px; height:74px; border-bottom:1px solid #ddd;}
.qna li .tit {padding-left:88px; background:url(/contents/images/ho/ic_qna.svg)no-repeat 0 50%; font-size:16px;}
.qna li div {display:flex; gap:80px; align-items:center;}
.qna li span {font-size:16px;}
.qna li .answer {font-weight:bold; color:#999; width:45px; text-align:center;}
.qna li .answer.on {color:#00b0bf;}

/*질문과 답변 글쓰기*/
.qna_write {padding:60px 40px 0;}
.qna_write table {width:100%;}
.qna_write > table th {padding-left:22px; line-height:55px; text-align:left; vertical-align:top;}
.qna_write > table th.rq {background:url(/contents/images/ho/ic_check.svg)no-repeat 0 22px;}
.qna_write > table td {padding-bottom:25px;}
.qna_write > table td .inp {display:flex; gap:5px; align-items:center;}
.qna_write input, .qna_write select {height:55px; padding:0 28px; border:2px solid #d4d4d4; border-radius:28px; font-size:16px;}
.qna_write textarea {overflow-y:auto; height:250px; padding:28px; border:2px solid #d4d4d4; border-radius:28px; resize:none; font-size:16px;}
.qna_write .tel select, .qna_write .tel input {width:152px;}
.qna_write .custom-checkbox label {white-space:nowrap;}
.qna_write .txt_box {padding:12px 0 0 18px;}
.qna_write .txt_box .custom-checkbox {margin-bottom:10px;}
.qna_write .txt_box .txt {font-size:16px; color:#585858;}
.qna_write .txt_byte {margin:0 20px 8px 0; text-align:right; font-size:16px; color:#585858;}
.qna_write .txt_byte em {font-size:16px; color:#585858;}
.qna_write .inp_file {position:relative;}
.qna_write .inp_file + .inp_file {margin-top:10px;}
.qna_write .inp_file > div {position:relative; flex-shrink:0; flex-grow:1;}
.qna_write .inp_file .item_name {position:absolute; left:25px; top:15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:50%;}
.qna_write .inp_file .item_r {position:absolute; right:215px; top:14px; display:flex; gap:15px;}
.qna_write .inp_file .item_r .item_vol {font-size:16px;}
.qna_write .inp_file .item_r .del {font-size:16px; font-weight:500; color:#00aebd; text-decoration:underline;}
.qna_write .inp_file label {position:relative; flex-shrink:0; width:126px; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:500; color:#fff; border-radius:28px; background:#333; cursor:pointer;}
.qna_write .inp_file label input {position:absolute; width:1px; height:1px; padding:0; clip:rect(0,0,0,0); border:0;}
.qna_write .inp_file .btn_plus {flex-shrink:0; width:50px; height:50px; line-height:43px; font-size:30px; font-weight:bold; color:#585858; border-radius:50%; border:3px solid #333;}
.qna_write .agree_area {position:relative; margin-top:45px; padding-top:60px;}
.qna_write .agree_area:before {content:""; position:absolute; top:0; left:-40px; width:calc(100% + 80px); height:1px; background:#585858;}
.qna_write .agree_area table {margin:12px 0 25px; border-top:2px solid #585858; border-bottom:1px solid #585858;}
.qna_write .agree_area tr + tr {border-top:1px solid #ccc;}
.qna_write .agree_area th {padding:20px 0; background:#f5f5f5; font-size:16px;}
.qna_write .agree_area td {padding:20px 0 20px 40px; font-size:16px;}
.qna_write .agree_chk {display:flex; justify-content:space-between; align-items:center;}
.qna_write .info_txt {margin:55px 0 30px; padding:30px; background:#f5f5f5;}
.qna_write .complete_btn {display:flex; gap:12px; justify-content:center;}
.qna_write .complete_btn .btn_basic {width:232px; height:50px; line-height:45px; font-size:16px; font-weight:500; border:2px solid #333; border-radius:25px;}
.qna_write .complete_btn .btn_basic.btn_black {color:#fff; background:#333;}

/*질문과 답변 비밀번호*/
.qna_pw .inn {text-align:center; padding:80px 0 60px; border-bottom:1px solid #ddd;}
.qna_pw .pw_area {position:relative; margin:0 auto; width:510px;}
.qna_pw .pw_area input {width:100%; height:55px; line-height:50px; padding:0 70px 0 28px; border:2px solid #D4D4D4; border-radius:28px;}
.qna_pw .pw_area button {position:absolute; right:24px; top:14px;}

/*질문과 답변 보기*/
.qna_view .customer {width:100%; table-layout:fixed; margin-bottom:60px;}
.qna_view .customer tr {border-bottom:1px solid #ddd;}
.qna_view .customer th {height:60px; background:#f6f6f6; font-size:14px;}
.qna_view .customer td {height:60px; padding:0 40px; font-size:14px;}
.qna_view .customer .cate {display:flex; gap:4px; align-items:center;}
.qna_view .customer .file {display:flex; gap:20px; align-items:center; padding:0 40px;}
.qna_view .customer .txt {padding:60px 40px;}
.qna_view .admin {border-top:2px solid #585858; background:#f6f6f6;}
.qna_view .admin .tit {display:flex; justify-content:space-between; align-items:center; padding:0 40px; height:70px; border-bottom:1px solid #ddd;}
.qna_view .admin .txt {font-size:14px; font-weight:300; padding:20px 40px 40px;}


/*공지사항*/
.srch_area {position:relative; margin:0 auto 80px; width:510px;}
.srch_area input {width:100%; height:55px; line-height:50px; padding:0 70px 0 28px; border:2px solid #D4D4D4; border-radius:28px;}
.srch_area button {position:absolute; right:24px; top:13px;}
.notice li {display:flex; height:75px; padding:0 40px; align-items:center; gap:40px; border-bottom:1px solid #ddd;}
.notice li .pin, .notice li .num {width:30px; text-align:center; font-size:16px; flex-shrink:0;}
.notice li .flag {width:64px; height:22px; flex-shrink:0; text-align:center; line-height:20px; color:#fff; font-size:11px; border-radius:10px;}
.notice li .flag.ty_notice {background:#00B0BF;}
.notice li .flag.ty_update {background:#2196f3;}
.notice li .flag.ty_inspect {background:#e34f4e;}
.notice li .date {text-align:center; font-size:16px; width:75px; flex-shrink:0;}
.notice li a {font-size:16px; flex-grow:1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*공지사항 보기*/
.notive_view {overflow-x:auto; padding:60px 40px; border-bottom:1px solid #ddd;}
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    /* touch-action: pan-y; */
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    /*outline: none;*/
}
.slick-list.dragging
{
    cursor: pointer;
   /*  cursor: hand; */
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
   /*  pointer-events: none; */
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}