*::-webkit-scrollbar {width:6px; height:6px;}
*::-webkit-scrollbar-thumb {background-color:var(--blue); border-radius:3px; transition:all 0.5s;}
*::-webkit-scrollbar-track {background-color:var(--white_t1); border-radius:3px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

#wrap {position:relative; width:100%; margin:0 auto; text-align:center; background-color:var(--white_t1);}
.wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100% !important; max-width:1920px; margin:0 auto; padding:0 clamp(60px, 5.2083vw, 100px);}

:root {
    --black:#1c1c20;
    --black08:#1c1c20CC; 
    --black_t2:#2c2c3a; 
    --blue:#172a7e; 
    --blue01:#172a7e1A; 
    --skyblue:#869bea; 
    /* --skyblue_t1:#6aabed;  */
    --skyblue_t1:#869bea; 
    --skyblue_t2:#869bea; 
    --skyblue_t3:#869bea; 
    /* --skyblue_t3:#6dcff6; */
    --mint:#02a0c9; 
    --purple:#6439bc; 
    --red:#e2231a; 
    --white:#fff;
    --gray:#dbdcde; 
    --gray_t1:#6e6e75; 
    --gray_t2:#aeafb6; 
    --gray_t3:#efeff1; 
    --gray_t4:#d6d7d9; 
    --gray_t5:#dee0ec; 
    --gray_t6:#444444; 
    --white_t1:#f8f9fa; 
	--white_t2:#f9fafb; 
    --white_t3:#fefefe; 
    --yellow:#ffff18; 
}

a {color:var(--black);}
.inlineblock {display:inline-block !important;}
.onlMob2 {display:none;}

/* 색상 */
.cm {color:var(--blue) !important;}
.cs {color:var(--skyblue) !important;}
.cs_t1 {color:var(--skyblue_t1) !important;}
.ci {color:var(--mint) !important;}
.cp {color:var(--purple) !important;}
.cb {color:var(--black) !important;}
.cb2 {color:var(--black08) !important;}
.cw {color:var(--white) !important;}
.cg {color:var(--gray) !important;}
.cg2 {color:var(--gray_t2) !important;}
.cr {color:var(--red);}

.clrBlu {color:var(--blue) !important;}
.clrSky {color:var(--skyblue_t1) !important;}

/* 배경색상 */
.bcm {background-color:var(--blue) !important;}
.bcs {background:var(--skyblue) !important;}
.bcs_t1 {background:var(--skyblue_t1) !important;}
.bci {background:var(--mint) !important;}
.bcp {background:var(--purple) !important;}
.bcb {background:var(--black) !important;}
.bcw {background:var(--white) !important;}
.bcg {background:var(--gray) !important;}


.title {font-size:30px; line-height:40px;}


.text {font-size:18px; line-height:30px; word-break:keep-all; letter-spacing:-0.5px;}
.text.small {font-size:16px; line-height:30px;}

.thin {font-weight:100 !important;}
.exlight {font-weight:200 !important;}
.light {font-weight:300 !important;}
.regular {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
.exbold {font-weight:800 !important;}
.black {font-weight:900 !important;}

.fntSze-14 {font-size:14px;}
.fntWgh-700 {font-weight:700;}


/* 버튼 */
.goods_buttons_area {padding:30px 0 0 0;}
.goods_buttons_section > li {padding-top:10px;}
.goods_buttons_section > li:first-child {padding-top:0;}
.goods_buttons_section > li > button {width:100%;}

.btnwrap:not(.findresult) {display:flex !important; gap:10px;}
.btnwrap.findresult {display:flex; gap:10px;}
.btnwrap > .btn {width:100%;}

.btn {display:flex; align-items:center; justify-content:center; z-index:1; box-sizing:border-box; border-radius:30px; border:2px solid var(--blue); color:var(--blue);}
.btn.disabled {cursor:context-menu; opacity:0.2;}
.btn.bcw {border:2px #fff solid; background:transparent !important; color:var(--white); text-align:center; font-weight:bold; transition:all 0.25s;}
.btn.bcm {background:transparent !important; text-align:center; border:2px var(--blue) solid; color:var(--blue); font-weight:bold; transition:0.25s all;}
.btn.bcs {background:transparent !important; text-align:center; border:2px var(--skyblue_t1) solid; color:var(--skyblue_t1); font-weight:bold; transition:0.25s all;}

.btn.small {height:20px; font-size:12px; font-weight:400; line-height:20px;}
.btn.reg {height:40px; font-size:14px; line-height:36px;}
.btn.big {height:50px; font-size:16px; line-height:46px; letter-spacing:-0.64px;}
.btn.huge {height:60px; font-size:20px; font-weight:700; line-height:56px; letter-spacing:-0.8px;}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.btn:hover {text-decoration:underline; text-underline-position:under; transform:translateY(-2px);}
.btn.small:hover {transform:translateY(-1px);}
}
.btn.bcw.full {background-color:var(--white) !important; color:var(--blue);}
.btn.bcm.full {background-color:#172a7e !important; box-shadow:0 15px 30px rgba(23,42,126, 0.2); color:var(--white);} 
.btn.bcs.full {border-color:var(--skyblue_t1); background-color:var(--skyblue_t1) !important; box-shadow:0 20px 40px rgba(134,155,234, 0.2); color:var(--white);}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.btn.bcm:hover {box-shadow:0px 15px 30px rgba(23,42,126, 0.2);}
.btn.bcm.full:hover {box-shadow:0px 15px 30px rgba(23,42,126, 0.4);}
.btn.bcm.big:hover {box-shadow:0px 15px 30px rgba(23,42,126, 0.2);}
.btn.bcm.big.full:hover {box-shadow:0px 15px 30px rgba(23,42,126, 0.4);}
}

.btn.noshadow {box-shadow:none!important;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.btn.noshadow.bcm:hover {box-shadow:0 5px 10px rgba(23,42,126, 0.3)!important;}
.btn.noshadow.bcm.big:hover {box-shadow:0 15px 30px rgba(23,42,126, 0.3)!important;}
}

.morebtn {display:flex; width:fit-content; gap:35px; color:var(--blue); font-size:12px; line-height:50px; letter-spacing:-0.56px;}
.morebtn strong {font-weight:700; color:var(--blue);}
.morebtn > .m_icon {display:flex; align-items:center; position:relative; box-sizing:border-box; width:50px; height:50px; border-radius:25px; border:var(--blue) solid 1px;}
.morebtn > .m_icon > i {position:relative; right:50%; width:45px; height:10px; background:url("../images/newbird/common/icon_morearrow.svg") no-repeat; background-size:100% auto; transition:all 0.25s;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.morebtn:hover > .m_icon > i {right:-50%;}
}
.morebtn_t1 {width:200px; line-height:50px; text-align:center; display:inline-block; color:var(--black); font-weight:600; font-size:14px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); position:relative;}
.morebtn_t1 span {position:relative; padding-right:20px;}
.morebtn_t1 i {position:absolute; top:calc(50% - 3px); width:10px; height:6px; right:0; background:url("../images/newbird/asset/img_mreSgn.png") no-repeat; background-size:100%;}


/* input */
#contents .input {width:100%; height:auto; box-sizing:border-box; border:none !important; outline:none; padding-left:25px; background:transparent !important; line-height:30px; font-size:14px; font-weight:600;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s; -webkit-transition:background-color 9999s ease-out; -webkit-box-shadow:0 0 0 1000px #fff0 inset !important; -webkit-text-fill-color:var(--black) !important;}

/* form */
.form .f_title {display:flex; align-items:center; padding:15px 20px; padding-top:30px; font-size:16px; letter-spacing:-0.64px; font-weight:700; color:var(--blue); text-align:left;}
.form .f_title.pt0 {padding-top:0;}
.form .f_title span {margin-left:20px; font-size:12px; letter-spacing:-0.96px; color:var(--gray_t2); font-weight:500;}
.form .f_wrap {overflow:hidden; border-radius:10px; background-color:var(--white); box-shadow:0 40px 80px rgba(28,28,32,0.08);}
.form .f_wrap + .f_title {margin-top:25px;}
.form .f_field {display:flex; align-items:flex-start; box-sizing:border-box; padding:15px 20px;}
.form .f_field + .f_field {border-top:1px solid var(--gray_t3);}
.form .f_field label {position:relative; min-width:62px; margin-right:20px; font-size:12px; color:var(--gray_t2); font-weight:600; text-align:left; letter-spacing:-0.96px; line-height:30px;}
.form .f_field label::after {content:""; display:block; position:absolute; right:-20px; top:50%; width:1px; height:12px; margin-top:-6px; background:var(--gray_t3);}
.form .f_field label + div {width:100%;}
.form .f_field .ff_note {padding-left:25px; margin-top:5px; font-size:12px; letter-spacing:0.48px; text-align:left; color:var(--red);}
.form .f_field .ff_note:empty {display:none;}
.form .f_field .ff_note:not(:empty) {display:block;}
.form .f_field + .f_rule {padding:0 10px; margin-bottom:10px;}
.form .f_field + .f_rule li {display:flex; align-items:flex-start; gap:7px; padding:11px 10px; border-radius:5px; background:var(--white_t1); color:var(--gray_t2); text-align:left;}
.form .f_field + .f_rule li::before {content:""; width:3px; aspect-ratio:1/1; margin-top:8px; border-radius:100%; background:var(--gray_t2);}
.form .f_field .input {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.form .f_field.f_agree {position:relative; border-top:1px solid var(--gray_t3);}
.form .f_field.f_agree.t1 {align-items:center;}
.form .f_field.f_agree.t1 label {max-width:62px; line-height:20px;}
.form .f_field.f_agree.t1 > div {flex-direction:column; align-items:flex-start;}
.form .f_field.f_agree.t1 > div label {max-width:inherit; margin-right:0;}
.form .f_field .memberSnsList {display:flex; margin-left:15px;}
.form .f_rule:last-child {margin-bottom:10px;}
.form .f_rule + .f_field {border-top:1px solid var(--gray_t3);}
.form .f_address {position:relative;}
.form .f_address .btnwrap {position:absolute; right:20px; top:50%; margin-top:-10px;}
.form .f_address .btn {padding:0 10px;}
.form .f_phone {position:relative;}
.form .f_phone .btnwrap {position:absolute;}
.form .f_select label {margin-top:5px;}
.form .f_select select {width:100%; height:40px; box-sizing:border-box; padding-left:15px; border-radius:30px; font-size:14px; font-weight:600; line-height:38px;}
.form .f_select label + div {margin-left:15px;}
.form .f_select > div div {margin-top:5px;}
.form .f_pw {position:relative;}
.form .f_pw .fp_check {display:block; position:absolute; right:18px; top:18px; width:24px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_lock.svg) center center no-repeat; background-size:100% 100%;}
.form .f_pw .fp_check.on {background-image:url(../images/newbird/common/icon_locked.svg);}
.form .f_agree label + div {display:flex; align-items:center; justify-content:space-between; padding-left:15px;}
.form .f_agree label + div label::after {display:none;}
.form .f_agree label + div .showDetail {font-size:14px; letter-spacing:-0.56px; font-weight:700; color:var(--blue); text-decoration:underline; text-underline-position:under;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.form .f_agree label + div .showDetail:hover {color:var(--skyblue_t1);}
}
.form .f_agree.t1 label + div .showDetail {top:20px; transform:none;}
.form .lgnFrmIptCmt strong {font-weight:700;}
.form .f_phone .btnwrap {right:20px; top:50%; margin-top:-10px;}
.form .f_phone .btn {flex-shrink:0; width:80px; padding:0 10px;}
.form .f_phone .btn.fndAdd {right:0; top:0; transform:none;}
.form > .btnwrap {margin-top:40px;}

/* checkbox */
.checkbox {display:flex; position:relative; align-items:center; cursor:pointer;}
.checkbox input {position:absolute; left:0; top:0; width:30px; height:auto; aspect-ratio:1/1; padding:0; border:0; overflow:hidden; clip-path:inset(50%);}
.checkbox input:focus + span:before {outline:2px dashed var(--blue);}
.checkbox > span {display:flex; position:relative; align-items:center; font-size:16px; letter-spacing:-0.64px; font-weight:400; line-height:30px; word-break:keep-all; text-align:left;}
.checkbox > span.small {font-size:14px; letter-spacing:-0.56px;}
.checkbox > span i {display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:30px; aspect-ratio:1/1; margin-right:10px; border-radius:5px; border:2px solid var(--gray_t3); background-color:var(--white); box-sizing:border-box; transition:0.2s}
.checkbox > span i::before {opacity:.5; content:""; width:100%; background-image:url("../images/newbird/common/icon_check.svg"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1; transition:0.2s}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.checkbox:hover > span i {border-color:var(--blue); box-shadow:0 10px 20px rgba(23,42,126, 0.3);}
.checkbox:hover > span i::before {opacity:1}
}
.checkbox input:checked + span {font-weight:600}
.checkbox input:checked + span i {background-color:var(--blue); box-shadow:0 10px 20px 0 rgba(1, 25, 247, 0.20); border-color:var(--blue); box-shadow:0 10px 20px rgba(23,42,126, 0.3);}
.checkbox input:checked + span i::before {opacity:1; background-image:url("../images/newbird/common/icon_checked.svg");}
.checkbox.small > span {font-size:14px;}
.checkbox.small > span i {margin-right:5px; background:none !important; border:none; box-shadow:none !important;}
.checkbox.small input:checked + span i::before {background-image:url("../images/newbird/common/icon_check_b.svg");}

/* select */
.select {border-color:var(--gray_t3) !important; background:url(../images/newbird/common/icon_arowdown_t1.svg) right 10px center no-repeat !important; background-size:16px !important; outline:none; -webkit-appearance:none !important; -moz-appearance:none !important; transition:0.2s;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.select:hover {border-color:var(--gray_t4) !important; box-shadow:0 15px 30px 0 rgba(28, 28, 32, 0.05);}
}

/* paging */
.page {height:50px; margin-top:40px; display:flex; align-items:center; justify-content:center;}
.page ul {display:flex; justify-content:space-between; width:100%;}
.page a {flex-shrink:0; overflow:hidden; width:50px; aspect-ratio:1/1; border-radius:5px;}
.page .p_start {background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:0 0; box-shadow:0 15px 30px 0 rgba(28, 28, 32, 0.04);}
.page .p_prev {margin-right:30px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:-50px 0px; box-shadow:0 15px 30px 0 rgba(28, 28, 32, 0.04);}
.page .p_next {margin-left:30px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:-50px -50px; box-shadow:0 15px 30px 0 rgba(28, 28, 32, 0.04);}
.page .p_last {background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:0px -50px; box-shadow:0 15px 30px 0 rgba(28, 28, 32, 0.04);}
.page .p_num {display:block; background-color:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); font-size:14px; line-height:50px; color:var(--black); font-weight:600; transition:all 0.25s; text-align:center;}
.page .p_num.on {background-color:var(--blue); box-shadow:0px 10px 20px 0px rgba(23,42,126, 0.2); color:var(--white); transition:all 0.25s;}
.page .p_num.on b {font-weight:600;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.page .p_num:hover {background-color:var(--blue); box-shadow:0px 10px 20px 0px rgba(23,42,126, 0.2); color:var(--white); transition:all 0.25s;}
}
.page a.p_disabled {opacity:0.15; pointer-events:none;}

#zipForm ~ .page {margin-bottom:80px;}

/* board */
#board {border-top:1px solid var(--blue);}
.table {width:100%;}
.table th {height:60px; border-bottom:1px solid var(--gray_t3); font-size:14px; font-weight:700; letter-spacing:-0.56px;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.table tbody tr:hover {background:var(--white_t1);}
}
.table td {height:60px; padding:10px; border-bottom:1px solid var(--gray_t3);}

.goods_npay {margin-top:15px;}
.goods_npay:after {content:""; display:block; clear:both;}
.goods_npay_inner {float:none;}
.goods_buy_sections #nhn_btn {margin-top:0 !important;}

/* carTab */
.cartTab {display:inline-flex; margin-bottom:-1px; width:100%;}
.cartTab a {width:50%; text-align:center; line-height:48px; border:1px #d6d7d9 solid; margin-left:-1px; font-size:16px; letter-spacing:-0.64px; border-radius:5px 5px 0 0; background-color:var(--white_t1); color:#aeafb6; transition:all 0.25s;}
.cartTab a span {font-weight:600;}
.cartTab a strong {position:relative;}
.cartTab a strong i.on {width:8px; height:8px; border-radius:6px; background-color:var(--blue); position:absolute; top:calc(50% - 10px); left:-13px;}
.cartTab a.on {color:var(--black); background-color:var(--white); border-bottom-color:var(--white); transition:all 0.25s;}
.cartTab a.on strong {font-weight:700; color:var(--blue); transition:all 0.25s;}
.cartTab a.on span {color:var(--skyblue_t1);}
.cartTab a:first-child {margin-left:0;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.cartTab a:hover {color:var(--black); background-color:var(--white); border-bottom-color:var(--white); transition:all 0.25s;}
.cartTab a:hover strong {color:var(--blue); transition:all 0.25s;}
}

/* 수량 조절 */
.peaCtr {display:flex; align-items:center; width:90px; height:40px; margin:0 auto; border:1px var(--gray_t3) solid; border-radius:20px; position:relative; overflow:hidden;}
.peaCtr a {display:block; width:calc(50% - 5px); height:100%; position:absolute; top:0; z-index:10;}
.peaCtr a::after {display:block; content:" "; position:absolute; width:10px; height:10px; top:calc(50% - 5px); left:calc(50% - 5px); background:url("../images/newbird/common/icon_plus_minus.svg") no-repeat; background-size:200%;}
.peaCtr a:nth-of-type(2)::after {background-position-x:100%;}
.peaCtr a img {position:absolute; top:calc(50% - 5px); left:calc(50% - 5px); width:10px; display:none;}
.peaCtr a:first-child {left:0;}
.peaCtr a:last-child {right:0;}
.peaCtr input {border:0; width:100%; height:100%; text-align:center; font-size:14px; color:var(--black); font-weight:600;}
.peaCtr span {display:block; width:100%; line-height:40px; text-align:center; font-size:14px; font-weight:bold; color:var(--black); cursor:pointer;}

/* 수량 조절 */
.peaFnc {width:90px; height:40px; border:1px var(--gray_t3) solid; border-radius:20px; position:relative; overflow:hidden;}
.peaFnc a {display:block; width:calc(50% - 5px); height:100%; position:absolute; top:0; z-index:5;}
.peaFnc a img {position:absolute; top:calc(50% - 5px); left:calc(50% - 5px); width:10px;}
.peaFnc a:first-child {left:0;}
.peaFnc a:last-child {right:0;}
.peaFnc input {border:0; width:100%; height:100%; text-align:center; font-size:14px; color:var(--black); font-weight:600;}
.peaFnc input:focus {outline:none;}

.pdrStt {padding:0 30px;}
.pdrSttTtl {color:var(--black); font-size:22px; letter-spacing:-0.88px; padding-bottom:25px; font-weight:bold;}
.pdrSttTtl span {color:var(--blue);}
.pdrSttDtl {overflow:hidden; padding-bottom:20px;}
.pdrSttDtl dt {float:left; font-weight:bold; color:var(--black); font-size:16px; letter-spacing:-0.64px;}
.pdrSttDtl dd {float:right; color:var(--black); font-size:16px; letter-spacing:-0.64px;}
.pdrSttDtl dd span {font-weight:600;}
.pdrSttDtlStr {overflow:hidden;}
.pdrSttDtlStr dt {float:left; font-weight:bold; color:var(--blue); font-size:18px; letter-spacing:-0.72px;}
.pdrSttDtlStr dd {float:right; color:var(--skyblue_t1) ; font-size:16px; letter-spacing:-0.72px; font-weight:bold;}
.pdrSttDtlStr dd span {font-weight:700;}


/* input */
input::placeholder {color:#999; font-weight:400; font-size:14px;}
input:-ms-input-placeholder {font-weight:normal !important; color:#c1c1c7 !important;}
input.hsize_b {height:28px; line-height:28px;}
input.size_zip {width:50px;}
input.size_zip_all {width:110px;}
input.size_address {width:100%;}
input.size_full {width:100%;}
input.size_phone {width:54px;}
input.size_name {width:120px;}
input.size_mail {width:160px;}
input.size_price {width:90px;}
input.size_email_full {width:220px;}

.iptCmn00 {box-sizing:border-box; height:50px; border:1px var(--gray_t3) solid; display:inline-block; border-radius:25px; overflow:hidden; position:relative; font-size:14px; letter-spacing:-0.64px;}
.iptCmn00 input {box-sizing:border-box; height:50px; padding-left:29px; color:var(--black); font-size:14px; letter-spacing:-0.64px; background:var(--white); border:0; width:calc(100% - 29px);}
.iptCmn00 input::placeholder {color:#d6d7d9;}
.iptCmn00 input:focus {outline:0;}
.iptCmn00 a {position:absolute; top:50%; transform:translateY(-50%); right:20px;}
.iptCmn00 a img {width:20px;}

.szeTypFll {width:100%;}
.szeTyp01 {width:220px;}

.iptCmn00Sml {height:40px; line-height:38px; border-radius:20px;}


 /* fake select 02 */
.fkeSlc2Wrap {box-sizing:border-box; position:relative; font-size:16px; width:180px; font-size:16px; color:var(--black); display:block;}
.fkeSlc2Wrap * {box-sizing:border-box;}
.fkeSlc2Wrap .fkeSlc2Tit {display:inline-block; box-sizing:border-box; height:50px; width:100%; padding-left:20px; padding-right:30px; line-height:50px; background:url("../images/newbird/sub/img_dropDownOff.svg") no-repeat center right 20px; background-size:10px auto; cursor:pointer; border:1px var(--gray_t3) solid; border-radius:25px; text-align:left;}
.fkeSlc2Wrap .fkeSlc2OPtion {display:none; position:absolute; top:100%; left:0; z-index:1; width:100%; background:var(--white); border:1px var(--gray_t3) solid; border-radius:0 0 25px 25px; border-top:0;}
.fkeSlc2Wrap .fkeSlc2OPtion .option {display:block; box-sizing:border-box; padding:12px 30px; text-align:left;}

.fkeSlc2Wrap.on .fkeSlc2Tit {border-radius:20px 20px 0 0; border-bottom:0; background:#fff url("../images/newbird/sub/img_dropDownOn.svg") no-repeat center right 20px; background-size:10px auto;}
.fkeSlc2Wrap.on .fkeSlc2OPtion {display:block; padding:5px 0 5px; border-top:1px solid #f7f8f9;}
.fkeSlc2Wrap.on .fkeSlc2OPtion div {max-height:150px; overflow:auto;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.fkeSlc2Wrap:hover .fkeSlc2Tit {border-color:#d5d6d8; box-shadow:0px 15px 30px rgba(28, 28, 32, 0.05);}
}

/* deco */
.btnBluTxtBtn {line-height:20px; height:20px; padding:0 12px; color:var(--white); display:inline-block; background-color:var(--blue); font-size:12px; letter-spacing:-0.96px; border-radius:10px;}
.btnSkyTxtBtn {line-height:20px; height:20px; padding:0 12px; color:var(--white); display:inline-block; background-color:var(--skyblue_t1) ; font-size:12px; letter-spacing:-0.96px; border-radius:10px;}
.btnGryTxtBtn {line-height:20px; height:20px; padding:0 12px; color:var(--white); display:inline-block; background-color:var(--gray_t2) ; font-size:12px; letter-spacing:-0.96px; border-radius:10px;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
button.btnGryTxtBtn:hover , a.btnGryTxtBtn:hover, a.btnBluTxtBtn:hover, button.btnBluTxtBtn:hover, a.btnSkyTxtBtn:hover, button.btnSkyTxtBtn:hover {text-decoration:underline; text-underline-position:under;}
}
.btnHlp {width:30px; height:20px; vertical-align:middle; position:relative; display:inline-block; margin-left:10px; text-align:center; line-height:20px; color:var(--white); background-color:var(--blue); border-radius:10px; font-size:0.750em; transform:translateY(-2px);}


/* 팝업 */
.popwrap {display:flex; justify-content:center;align-items:center; position:fixed; left:0; right:0; top:0; bottom:0; z-index:10020; pointer-events:none;}
.popwrap > div {pointer-events:auto;}
.dimmed {position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background:rgba(28,28,32,0.8);}
.popup {display:flex; align-items:center; justify-content:center; position:fixed; left:0 !important; right:0; top:0 !important; bottom:0; z-index:1000; width:100%; margin:0 !important;}
.popup.hide {display:none;}
.popup .p_wrap {display:flex; flex-direction:column; align-items:center; position:relative; width:90%; max-width:860px; box-sizing:border-box; padding:80px 20px; border-radius:10px; background-color:var(--white);}
.popup .p_content {width:100%; max-width:660px; height:250px; overflow-y:auto; font-size:16px; letter-spacing:-0.64px; color:var(--gray_t2); line-height:30px;}
.popup .p_title {margin-bottom:60px; font-size:30px; letter-spacing:-2.4px; line-height:60px; color:var(--blue); font-weight:100; word-break:keep-all;}
.popup .p_title mark {font-weight:500;}
.popup .p_close {display:flex; align-items:center; justify-content:center; position:absolute; top:30px; right:30px; width:50px; aspect-ratio:1/1; border-radius:100%; background:var(--blue); box-shadow:0 10px 20px rgba(23,42,126, 0.2);}
.popup .p_close i {width:24px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_close.svg) center center no-repeat; background-size:100%; transition:0.3s;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.popup .p_close:hover i {transform:rotate(90deg);}
}
.popup .btnwrap {justify-content:center; width:100%; margin-top:40px;}
.popup .btn {max-width:240px;}

.popup .pa_list .pal_text {height:150px; box-sizing:border-box; overflow-y:auto; margin-bottom:10px; padding:20px; border:1px solid var(--gray_t3); border-radius:10px; text-align:left; font-size:14px; letter-spacing:-0.56px; line-height:25px; color:var(--gray_t2);}
.popup .pa_list .pal_text br:nth-child(1), .popup .pa_list .pal_text br:nth-child(2), .popup .pa_list .pal_text br:last-child {display:none;}
.popup .pa_allchk {display:flex; padding:20px; margin-top:30px; border-radius:5px; background-color:var(--white_t1);}
.popup .pa_allchk mark {margin-right:5px; font-weight:700;}
.popup .pa_list .pal_title {display:flex; align-items:center; justify-content:space-between; padding:10px 20px;}
.popup .pa_list .t1 .pal_title {padding-left:17px; padding-right:17px;}
.popup .pa_list .pal_title .checkbox > span mark {margin-left:5px; color:var(--gray_t2);}
.popup .pa_list > li {margin-top:10px;}
.popup .pa_list > li.t1 {padding-top:10px; padding-bottom:20px; border-radius:5px; border:solid 3px var(--white_t1);}
.popup .pa_list > li ul {display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-left:50px;}
.popup .pa_list > li li {width:100%;}

.popup.mini .p_title {margin-bottom:20px; font-size:25px; line-height:35px;}
.popup.mini form {width:100%;}
.popup.mini .p_wrap {max-width:400px; padding:30px 20px;}
.popup.mini .btnwrap {margin-top:20px !important;}


/* 유튜브 팝업 */
.btnYoutubePlay { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; width:100%; height:100%; display:flex; align-items:center;     justify-content:center;}
.btnYoutubePlay img { width:72px; height:auto;}

.youtubePop { position:fixed; left:0 ; top:0 ; background:rgba(28,28,32,0.8); width:100%; height:100%; display:none; z-index:200;}  
.youtubePop .youtubePopInner { width:100%; max-width:960px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.youtubePop	.btnYoutubeClose { display:block; width:50px; height:50px; background:var(--blue) url("../images/newbird/common/icon_close.svg") no-repeat center center; background-size:24px; border-radius:25px; overflow:hidden; margin:0 auto 20px; box-shadow:0 10px 20px rgba(23,42,126,0.2); transition:0.3s;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.youtubePop	.btnYoutubeClose:hover {transform:rotate(90deg);}
}
.youtubePop .resYoutubeWrap	 { box-shadow:0 80px 160px rgba(28,28,32,0.6);}


/* 팝업 내용 */
.resp_layer_pop {display:none; overflow:auto; position:fixed; top:50% !important; left:50% !important; z-index:10020; background:var(--white); width:calc(100% - 40px); max-width:860px; max-height:90% !important; min-height:500px; margin:0 !important; border-radius:10px; box-shadow:0px 80px 160px 0px rgba(28, 28, 32, 0.6); transform:translateX(-50%) translateY(-50%) !important; text-align:left;}
.resp_layer_pop.wait_hide {opacity:0;}
.resp_layer_pop > .title {padding:80px 0 60px 0; font-size:30px; font-weight:100; color:var(--blue); line-height:30px; text-align:center; letter-spacing:-2.4px;}
.resp_layer_pop .btn_pop_close {display:flex; align-items:center; justify-content:center; position:absolute; right:30px; top:30px; width:50px; height:50px; background:var(--blue); box-shadow:0px 10px 20px 0px rgba(23, 42, 126, 0.2); border-radius:25px; overflow:hidden;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.resp_layer_pop .btn_pop_close:hover::after {transform:rotate(90deg);}
}
.resp_layer_pop .btn_pop_close::after {content:""; display:block; width:24px; aspect-ratio:1/1; background:var(--blue) url("../images/newbird/common/icon_close.svg") no-repeat center center; background-size:100%; transition:0.3s;}
.resp_layer_pop .btnwrap {justify-content:center; margin-top:40px;}
.resp_layer_pop .btnwrap > .btn {max-width:225px;}

.renewpop {display:none; overflow:hidden !important; top:auto !important; left:auto !important; z-index:10020; background:var(--white); width:calc(100% - 40px); max-width:860px; margin:0 !important; border-radius:10px; box-shadow:0px 80px 160px 0px rgba(28, 28, 32, 0.6); transform:none !important; text-align:left;}
.renewpop.wait_hide {opacity:0;}
.renewpop .r_wrap {display:block; position:relative; overflow:hidden; overflow-y:auto; min-height:500px; max-height:90vh;}
.renewpop#eventViewPop .r_wrap {min-height:300px;}
.renewpop .title {padding:80px 0 40px 0; font-size:30px; font-weight:100; color:var(--blue); line-height:30px; text-align:center; letter-spacing:-2.4px;}
.renewpop .btn_pop_close {display:flex; align-items:center; justify-content:center; position:absolute; right:30px; top:30px; width:50px; height:50px; background:var(--blue); box-shadow:0px 10px 20px 0px rgba(23, 42, 126, 0.2); border-radius:25px; overflow:hidden;}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.renewpop .btn_pop_close:hover::after {transform:rotate(90deg);}
}
.renewpop .btn_pop_close::after {content:""; display:block; width:24px; aspect-ratio:1/1; background:var(--blue) url("../images/newbird/common/icon_close.svg") no-repeat center center; background-size:100%; transition:0.3s;}
.renewpop .btnwrap {justify-content:center; margin-top:40px;}
.renewpop .btnwrap > .btn {max-width:225px;}

.dlvPrcPop > span {font-size:1.333em; padding-bottom:1em; letter-spacing:-0.04em; color:var(--black); display:inline-block;}
.dlvPrcPop > strong {font-size:1.333em; font-weight:700; padding-bottom:1em; letter-spacing:-0.04em; color:var(--blue); display:inline-block; margin-left:3px;}
.dlvPrcPop > table {width:100%; max-width:420px; border-top:1px var(--blue) solid;}
.dlvPrcPop > table th {font-size:1.167em; letter-spacing:-0.04em; text-align:center; background-color:#f8f9fa; color:var(--black);}
.dlvPrcPop > table td {font-size:1.167em; letter-spacing:-0.04em; padding-left:1.714em; color:var(--blue); font-weight:700;}
.dlvPrcPop > table th,.dlvPrcPop > table td {border-bottom:1px var(--gray_t3) solid; height:3.571em;}
.gryBrdBox {border:5px #f8f9fa solid; border-radius:5px;}
.alertPopBtnWrp {display:flex; justify-content:center; gap:10px; margin-bottom:80px;}
.layer_pop_contents.v5 .alertPopBtnWrp,
.layer_pop_contents.v5 .btnwrap {margin-bottom:0 !important}
.alertPopBtnWrp .btn {width:225px;}

.adrSchWrp {width:100%; margin-left:auto; margin-right:auto; max-width:460px;}
.adrSchFrm {height:60px; background-color:var(--blue); border-radius:30px; position:relative; margin-bottom:40px; box-shadow:0px 30px 60px 0px rgba(23,42,126, 0.25);}
.adrSchFrm input {position:absolute; font-size:1.667em; color:var(--white); height:30px; top:calc(50% - 15px); left:30px; width:calc(100% - 80px); background:transparent; border:0;}
.adrSchFrm input::placeholder {color:var(--white);}
.adrSchFrm button {position:absolute; width:20px; height:20px; top:calc(50% - 10px); right:25px; background:url("../images/newbird/asset/img_white_search.png") no-repeat; background-size:100%;}
.adrSchWrp .pgrCmn {padding-bottom:40px;}

.adrSchExm {padding:20px; border-radius:5px; background-color:#f8f9fa; margin-bottom:10px;}
.adrSchExm li {line-height:20px; font-size:12px; color:#aeafb6; position:relative; padding-left:10px;}
.adrSchExm li span {color:var(--black);}
.adrSchExm li::after {display:block; content:" "; position:absolute; width:3px; height:3px; top:7px; left:0; background-color:#d6d7d9; border-radius:3px;}

.adrLstWrp {border-radius:10px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); background-color:var(--white); overflow:hidden; margin-top:20px;}
.adrLstItm {padding:20px; border-top:1px var(--gray_t3) solid; cursor:pointer;}
.adrLstItm:first-child {border-top:0;}
.adrLstItm > * {display:block; line-height:20px; font-size:14px;}
.adrLstItm > span {color:#aeafb6;}

.lgnFrmTtlSub {text-align:left; font-size:1.333em; color:var(--blue); line-height:3.125em; padding-left:20px; font-weight:700; letter-spacing:-0.04em;}
.lgnFrmTtlSub span {font-size:0.750em; display:inline-block; padding-left:20px; color:#aeafb6; letter-spacing:-0.08em; font-weight:400;}
.lgnTtl {text-align:center; font-weight:100; color:var(--blue); font-size:2.5em; line-height:1em; letter-spacing:-0.08em;}
.lgnFrmCnt {max-width:360px; margin:0 auto;}
.fndFrmCnt {max-width:460px; margin:0 auto;}
.lgnFrmIpt {background-color:var(--white); border-radius:10px; overflow:hidden; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);}
.lgnFrmIpt > div {position:relative; display:flex;}
.lgnFrmIpt > div > i,
.lgnFrmIpt > div > span {display:block; flex-shrink:0; line-height:60px; font-weight:600; color:#aeafb6; font-size:10px; padding-left:20px; position:relative; width:100px;}
.lgnFrmIpt > div > .athTmr {position:absolute; top:50%; transform:translateY(-50%); right:30px; font-weight:600; font-size:16px; color:var(--skyblue_t1);}
.lgnFrmIpt > div > .lgnFrmIptRight.pl10 {padding-left:10px; padding-right:10px;}
.fndFrmCnt .lgnFrmIpt > div > span {line-height:60px;}
.fndFrmCnt .lgnFrmIpt > div > i,
.fndFrmCnt .lgnFrmIpt > div > input {height:60px;}
.lgnFrmIpt > div > span.lgnFrmIptTtl {flex-shrink:0; box-sizing:border-box; padding:15px 0 15px 20px; font-weight:500; line-height:30px;}
.lgnFrmIpt > div > span::after {width:1px; height:12px; background-color:var(--gray_t3); content:" "; display:block; position:absolute; top:30px; left:100%; transform:translateY(-50%);}
.lgnFrmIpt > div > span.not::after {display:none;}
.lgnFrmIpt > div > span.lgnFrmIptTtl::after {top:30px;}
.lgnFrmIpt > div > span.fntSze-12 {box-sizing:border-box; text-align:left; font-size:12px;}
.lgnFrmIpt > div > input {border:0; height:60px; width:calc(100% - 100px); font-weight:600; padding-left:30px; color:var(--black); padding-right:0; font-size:16px; line-height:60px; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lgnFrmIpt > div > input[type='number'] {color:var(--blue); text-align:left;}
.lgnFrmIpt > div > input:focus {outline:0;}
.lgnFrmIpt > div > input::placeholder {font-size:14px; color:#aeafb6;}
.lgnFrmIpt > div > input[readonly] {background-color:#fff !important;}
.lgnFrmIpt > div > textarea {width:calc(100% - 120px); height:80px; font-weight:600; padding-left:25px; color:var(--black); padding-right:0; font-size:16px; border:1px var(--gray_t3) solid; display:inline-block; border-radius:25px; overflow:hidden;}
.lgnFrmIptRight > ul {padding-bottom:10px;}
.lgnFrmIptRight > ul > li {margin-top:10px;}
.lgnFrmIptRle {margin:0 10px 10px 10px; border-radius:5px; background-color:#f8f9fa; color:#aeafb6; padding:10px;}
.lgnFrmIptRle li {padding-left:10px; line-height:1.667em; letter-spacing:-0.08em; position:relative; word-break:keep-all;}
.lgnFrmIptRle li::after {width:3px; height:3px; border-radius:3px; position:absolute; display:block; content:" "; background-color:#d6d7d9; left:0; top:calc(8.5px);}
.lgnFrmIptCmt {margin:0 10px 10px 10px; border-radius:5px; background-color:var(--white_t1); font-size:14px; color:var(--gray_t2); letter-spacing:-0.56px; line-height:40px; text-align:center;}
.lgnFrmIptCmt span {color:var(--black);}
.lgnFrmIptCmt strong {color:var(--blue);}
.lgnFrmIptTxt {box-sizing:border-box; width:calc(100% - 100px) !important; min-height:30px; padding-top:18px; padding-bottom:18px; padding-left:25px; padding-right:50px; border:0; font-size:14px; font-weight:400; line-height:24px; color:var(--black); letter-spacing:-0.56px;}
.lgnFrmIptTxt.pr30 {padding-right:30px;}
input ~ .lgnFrmIptTxt {padding-left:30px;}

.agrPopScl {border:1px var(--gray_t3) solid; border-radius:10px; margin:0 100px; padding:20px; color:#aeafb6; font-size:14px; font-weight:300; letter-spacing:-0.56px; line-height:24px; overflow-y:scroll; overflow-x:hidden; height:250px;}

#membercontents_frame #wrap, #membercontents_frame body {background-color:transparent !important; background:none !important;}


/* 아이콘 */
.scnDthIco {display:flex; justify-content:center; gap:10px; flex-wrap:wrap; box-sizing:border-box; width:150px; height:140px; padding:10px 0; border-radius:15px; background-color:transparent; cursor:pointer;}
.scnDthIco span {display:inline-block; vertical-align:middle; width:100%; font-size:17px; font-weight:400; color:var(--black); line-height:30px; letter-spacing:-0.64px;}
.scnDthIco i {display:inline-block; width:80px; height:80px; background:url("../images/newbird/common/icon_depth.svg") no-repeat; background-size:100% auto;}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.scnDthIco,
.scnDthIco span,
.scnDthIco i {transition:all 0.3s;}
.scnDthIco:hover {background-color:var(--white); box-shadow:0px 20px 40px 0px rgba(28, 28, 32, 0.08);}
.scnDthIco:hover span {font-weight:700; color:var(--blue);}
.scnDthIco:hover i {background-image:url("../images/newbird/common/icon_depth_b.svg")}
}

.scnDthChd01 i {background-position-y:calc(100% / 25 * 0);}
.scnDthChd02 i {background-position-y:calc(100% / 25 * 1);}
.scnDthChd03 i {background-position-y:calc(100% / 25 * 2);}
.scnDthChd04 i {background-position-y:calc(100% / 25 * 3);}
.scnDthChd05 i {background-position-y:calc(100% / 25 * 4);}
.scnDthChd06 i {background-position-y:calc(100% / 25 * 5);}
.scnDthChd07 i {background-position-y:calc(100% / 25 * 6);} 
.scnDthChd08 i {background-position-y:calc(100% / 25 * 7);}
.scnDthChd09 i {background-position-y:calc(100% / 25 * 8);}
.scnDthChd10 i {background-position-y:calc(100% / 25 * 9);}
.scnDthChd11 i {background-position-y:calc(100% / 25 * 10);}
.scnDthChd12 i {background-position-y:calc(100% / 25 * 11);}
.scnDthChd13 i {background-position-y:calc(100% / 25 * 12);}
.scnDthChd14 i {background-position-y:calc(100% / 25 * 13);}
.scnDthChd15 i {background-position-y:calc(100% / 25 * 14);}
.scnDthChd16 i {background-position-y:calc(100% / 25 * 15);}
.scnDthChd17 i {background-position-y:calc(100% / 25 * 16);}
.scnDthChd18 i {background-position-y:calc(100% / 25 * 17);}
.scnDthChd19 i {background-position-y:calc(100% / 25 * 18);}
.scnDthChd20 i {background-position-y:calc(100% / 25 * 19);}
.scnDthChd21 i {background-position-y:calc(100% / 25 * 20);}
.scnDthChd22 i {background-position-y:calc(100% / 25 * 21);}
.scnDthChd23 i {background-position-y:calc(100% / 25 * 22);}
.scnDthChd24 i {background-position-y:calc(100% / 25 * 23);}
.scnDthChd25 i {background-position-y:calc(100% / 25 * 24);}
.scnDthChd26 i {background-position-y:calc(100% / 25 * 25);}

.scnDthChd00050001,
.scnDthChd00010001 i {background-position-y:calc(100% / 25 * 0);}
.scnDthChd00050002 i,
.scnDthChd00010002 i,
.scnDthChd000100010001 i {background-position-y:calc(100% / 25 * 1);}
.scnDthChd00050003 i,
.scnDthChd00010003 i {background-position-y:calc(100% / 25 * 2);}
.scnDthChd00010004 i {background-position-y:calc(100% / 25 * 3);}
.scnDthChd00010005 i {background-position-y:calc(100% / 25 * 4);}
.scnDthChd00010006 i {background-position-y:calc(100% / 25 * 5);}
.scnDthChd00050006,
.scnDthChd00020001 i {background-position-y:calc(100% / 25 * 6);} 
.scnDthChd00020002 i {background-position-y:calc(100% / 25 * 7);}
.scnDthChd00050005,
.scnDthChd00020003 i {background-position-y:calc(100% / 25 * 8);}
.scnDthChd00050011,
.scnDthChd00020004 i {background-position-y:calc(100% / 25 * 9);}
.scnDthChd00030001 i {background-position-y:calc(100% / 25 * 10);}
.scnDthChd00030002 i {background-position-y:calc(100% / 25 * 11);}
.scnDthChd00050010,
.scnDthChd00030003 i {background-position-y:calc(100% / 25 * 12);}
.scnDthChd00030004 i {background-position-y:calc(100% / 25 * 13);}
.scnDthChd00020005,
.scnDthChd00030005 i {background-position-y:calc(100% / 25 * 21);}
.scnDthChd00030006 i {background-position-y:calc(100% / 25 * 21);}
.scnDthChd00040001 i {background-position-y:calc(100% / 25 * 13);}
.scnDthChd00040002 i {background-position-y:calc(100% / 25 * 14);}
.scnDthChd00040003 i {background-position-y:calc(100% / 25 * 15);}
.scnDthChd00050004 i {background-position-y:calc(100% / 25 * 17);}
.scnDthChd00050007 i {background-position-y:calc(100% / 25 * 18);}
.scnDthChd00050008 i {background-position-y:calc(100% / 25 * 19);}
.scnDthChd00050009 i {background-position-y:calc(100% / 25 * 20);}
.scnDthChd00030007 i {background-position-y:calc(100% / 25 * 23);}
.scnDthChd00050013 i {background-position-y:calc(100% / 25 * 23);}


/* DATEPICKER */
#ui-datepicker-div,
#ui-datepicker-div * {transition:all 0.0s !important;}
#ui-datepicker-div {box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.24); width:300px !important; height:auto !important; border:0 !important; padding:30px 10px !important;}
.ui-datepicker .ui-datepicker-header {padding:0 !important; line-height:30px; margin-bottom:20px;}
body .ui-widget-header {background:transparent !important; color:#1c1c20 !important; font-size:16px;}
.ui-datepicker-year::after {content:"년";}
.ui-datepicker-month::after {content:"월";}

body .ui-datepicker .ui-datepicker-title {padding:0 !important;}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {width:30px; height:30px; border-radius:15px; background-color:#f8f9fa; position:absolute; top:0; cursor:pointer;}
body .ui-datepicker .ui-datepicker-prev {left:0;}
body .ui-datepicker .ui-datepicker-next {right:0;}
body .ui-datepicker .ui-datepicker-prev span {width:8px; height:12px; background:url("../images/newbird/asset/calendar_sign.png") no-repeat; background-size:200%; display:block; position:absolute; top:calc(50% - 6px); left:calc(50% - 4px); margin:0 !important;}
body .ui-datepicker .ui-datepicker-next span {width:8px; height:12px; background:url("../images/newbird/asset/calendar_sign.png") no-repeat; background-size:200%; display:block; position:absolute; top:calc(50% - 6px); left:calc(50% - 4px); margin:0 !important; background-position-x:100%;}
.ui-datepicker td span, .ui-datepicker td a {border:0 !important; background:transparent !important; color:#aeafb6; border:0 !important;}
body .ui-state-active, body .ui-widget-content .ui-state-active {border:0 !important; background:transparent !important; font-weight:700; text-decoration:underline;}

.ui-datepicker-calendar {width:100%; border-radius:5px; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.05); background-color:var(--white);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; border:1px #f5f5f5 solid; width:calc(100% / 7); height:30px;}
.ui-datepicker-calendar th {background-color:#f8f9fa; color:var(--black);}
.ui-datepicker-calendar td {color:#aeafb6; padding:0 !important;}
.ui-datepicker-calendar td.selectable {background-color:#dae6f9; cursor:pointer;}
.ui-datepicker-calendar td.selected {font-weight:bold; text-decoration:underline;}
.ui-datepicker-calendar th:first-child,
.ui-datepicker-calendar td:first-child {color:#e80606;}
.ui-datepicker-calendar th:last-child,
.ui-datepicker-calendar td:last-child {color:var(--blue);}

.whtBdy {max-width:860px; width:calc(100% - 10.4vw); margin:0 auto; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); background-color:var(--white); border-radius:8px; overflow:hidden; padding-top:80px; padding-bottom:80px;}
.whtBdy460 {max-width:460px; margin:0 auto;}
.cmnTtl {text-align:center; font-weight:100; color:var(--blue); font-size:2.500em; line-height:1em; letter-spacing:-0.08em; font-family:'Noto Sans KR'; word-spacing:-0.12em;}
.cmnTtlSub {font-size:1.333em; text-align:center; color:#aeafb6; font-weight:300; line-height:1.875em; word-break:keep-all;}





@media all and (max-width:1440px) {
    .scnDthIco {gap:5px; width:120px; height:110px;}
    .scnDthIco i {width:66px; height:66px;}
    .scnDthIco span {font-size:15px;}
}





@media all and (max-width:1280px) {
	.scnDthIco i {width:60px; height:60px;}
	.scnDthIco span {font-size:14px;}

	.morebtn {line-height:44px;}
	.morebtn > .m_icon {width:44px; height:44px;}

    .peaCtr {height:32px; margin:0;}
}





@media all and (max-width:1024px) {
    .wrap {padding:0 clamp(40px,  5.8594vw, 60px);}

    .popup .p_wrap {padding:60px 20px;}
    .popup .p_title {margin-bottom:40px;}
    .popup .p_close {top:20px; right:20px;}
    .popup .btnwrap {margin-top:30px;}

	.scnDthIco {gap:0; width:110px; height:100px; padding-top:15px; padding-bottom:5px;}
	.scnDthIco:hover {box-shadow:none;}
    .scnDthIco i {width:50px; height:50px;}
    .scnDthIco span {font-size:13px;}

    .btn.big {height:46px; font-size:17px; line-height:44px;}
    .btn.huge {height:56px; font-size:19px; line-height:54px;}

	.morebtn {gap:20px; line-height:30px;}
	.morebtn > .m_icon {width:30px; height:30px;}
	.morebtn > .m_icon > i {width:25px; background:url("../images/newbird/common/icon_morearrow_small.svg") no-repeat;}
}





@media all and (max-width:768px) {
    .wrap {padding:0 30px;}

    .title {font-size:25px; line-height:35px;}

    .text {font-size:17px; line-height:27px;}
    .text.small {font-size:15px; line-height:25px;}

    .btn.bcm.full {box-shadow:0px 10px 20px rgba(23,42,126, 0.3);}
    @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
        .btn.bcm:hover {box-shadow:0px 10px 20px rgba(23,42,126, 0.2)}
    }

    #ui-datepicker-div {width:230px !important;}


    /* 팝업내용 */
    .adrSchWrp {box-sizing:border-box; padding-left:20px; padding-right:20px; padding-bottom:0;}

    .mpgCnt .whtBdy460 {width:100%;}
    .descGrayBg {padding:20px;}
    
    .agrPopScl {margin:0 20px; margin-bottom:20px !important;}

    /* 팝업 */
    .resp_layer_pop {overflow-x:hidden; overflow-y:auto; min-height:0;}
    .resp_layer_pop > .title {padding:60px 20px 20px !important; word-break:keep-all;}
    .resp_layer_pop .btn_pop_close {top:15px; right:15px; width:40px; height:40px;}
    .resp_layer_pop .btn_pop_close::after {width:20px;}
    .resp_layer_pop .btnwrap {margin-top:20px !important; margin-bottom:30px; padding:0;}
    .resp_layer_pop .btnwrap > .btn {height:40px; max-width:150px; font-size:16px; line-height:36px;}
    .resp_layer_pop .fkeChk {margin:20px 0 10px;}
    .resp_layer_pop .fkeChk strong::before {width:25px; height:25px; margin-top:2px;}

    .renewpop {overflow-x:hidden; overflow-y:auto; min-height:0;}
    .renewpop .r_wrap {min-height:0;}
    .renewpop .title {padding:20px 50px !important; padding-top:50px !important; word-break:keep-all;}
    .renewpop .btn_pop_close {top:15px; right:15px; width:40px; height:40px;}
    .renewpop .btn_pop_close::after {width:20px;}
    .renewpop .btnwrap {margin-top:20px !important; margin-bottom:30px; padding:0;}
    .renewpop .btnwrap > .btn {height:40px; max-width:150px; font-size:16px; line-height:36px;}
    .renewpop .fkeChk {margin:20px 0 10px;}
    .renewpop .fkeChk strong::before {width:25px; height:25px; margin-top:2px;}

    .popup .p_wrap {padding-bottom:30px;}
    .popup .btnwrap {margin-top:20px;}
    .fndFrmCnt {max-width:100%; margin:0 10px; margin-bottom:20px;}

    .gryBrdBox {padding:20px !important; margin:20px !important;}
}





@media all and (max-width:600px) {
    .wrap {padding:0 20px;}

    .form .f_wrap {box-shadow:0 20px 60px rgba(28,28,32,0.08);}
    .form .f_field {flex-direction:column; align-items:flex-start;}
    .form .f_field label {min-width:inherit;}
    .form .f_field label::after {display:none;}
    .form .f_title {flex-direction:column; align-items:flex-start; padding:10px 15px; padding-top:25px;}
    .form .f_title span {margin-left:0; margin-top:5px;}
    .form .f_select label {margin-top:0;}
    .form .f_select label + div {margin-left:0; margin-top:10px;}
    .form .f_field .ff_note {padding-left:0;}
    .form .f_pw .fp_check {top:48px;}
    .form .f_address .btnwrap {margin-top:5px;}
    .form .f_phone .btnwrap {margin-top:5px;}
    .form .f_agree label + div {padding-left:0;}
    .form .f_field .memberSnsList {margin-left:0;}
    .form .fndAdd.showDetail {right:20px; margin-top:15px;}
    .form .f_field.f_agree.t1 {align-items:flex-start;}
    .form .f_field.f_agree.t1 label {max-width:100%; line-height:30px;}
    .form .fndAdd.showDetail {margin-top:-15px;}
    .form .f_agree.t1 label + div .showDetail {top:35px;}

    .lgnFrmIptCmt {padding:10px 5px; line-height:20px;}

    .checkbox > span {font-size:14px; letter-spacing:-0.56px;}
    .checkbox > span i {width:26px; transition:0s;}
    .checkbox > span i::before {transition:0s}
    .checkbox input:checked + span i {box-shadow:0 5px 15px rgba(23,42,126, 0.3);}
    .checkbox.small > span {font-size:13px;}
     
    .btn.big {height:40px; font-size:16px; line-height:38px;}
    .btn.huge {height:50px; font-size:18px; line-height:48px; letter-spacing:-0.72px;}

    #contents .input {padding-left:0;}

    .page {position:relative; height:auto; margin-top:30px; padding-top:50px;}
    .page a {width:40px;}
    .page .p_num {width:100%; height:100%; line-height:40px;}
    .page .p_next, .page .p_prev {position:absolute; top:0; width:calc(50% - 5px); height:40px; margin:0; background:var(--white);}
    .page .p_prev {left:0;}
    .page .p_prev::after {content:""; display:block; position:absolute; left:50%; top:0; width:40px; aspect-ratio:1/1; margin-left:-20px; background:url(../images/newbird/common/icon_paging.svg) no-repeat center center; background-size:auto 200%; background-position:-40px 0;}
    .page .p_next::after {content:""; display:block; position:absolute; left:50%; top:0; width:40px; aspect-ratio:1/1; margin-left:-20px; background:url(../images/newbird/common/icon_paging.svg) no-repeat center center; background-size:auto 200%; background-position:-40px -40px;}
    .page .p_next {right:0;}
    .page ul {gap:10px; padding-top:0;}
    .page li {width:100%; height:40px;}
    #zipForm ~ .page {margin-bottom:30px;}

    .cartTab a {line-height:38px; font-size:14px;}

    .popup .p_wrap {padding-bottom:20px; padding-top:70px;}
    .popup .p_title {margin-bottom:20px; font-size:28px; line-height:44px;}
    .popup .p_content {font-size:14px; letter-spacing:-0.56px; line-height:26px;}
    .popup .p_close {top:20px; right:20px; ; width:40px;}
    .popup .p_close i {width:20px;}
    .popup .btnwrap {margin-top:20px;}

    .popup .pa_list .pal_title {padding:10px;}
    .popup .pa_list .t1 .pal_title {padding-left:8px; padding-right:8px;}
    .popup .pa_list > li {margin-top:5px;}
    .popup .pa_list > li.t1 {padding-top:0; padding-bottom:10px; border-width:2px;}
    .popup .pa_list > li ul {flex-wrap:wrap; gap:0; margin-top:-5px; padding-left:40px;}
    .popup .pa_list .pal_more {flex-shrink:0; padding-left:5px;}
    .popup .pa_list .pal_text {padding:10px;}
    .popup .pa_list .pal_title .checkbox > span mark span {display:none;}

    .popup.mini .p_title {margin-bottom:15px; font-size:23px; line-height:30px;}
    .popup.mini .btnwrap {margin-top:10px !important;}


    /* 팝업내용 */
    .alertPopBtnWrp {margin-top:0 !important; margin-bottom:40px;}
    .resp_layer_pop .btn.huge {height:50px !important; font-size:16px; line-height:48px !important;}
    .resp_layer_pop .btn.big {height:40px; font-size:16px; line-height:38px;}

    .renewpop .btn.huge {height:50px !important; font-size:16px; line-height:48px !important;}
    .renewpop .btn.big {height:40px; font-size:16px; line-height:38px;}
}





@media all and (max-width:425px) {
    .btnYoutubePlay img {width:50px;}
    .lgnFrmIptTxt {width:100% !important;}
}





@media all and (max-width:360px) {
    .popup .btn {max-width:inherit;}
    
    .page ul {gap:5px;}
}