@charset "UTF-8";


/*-----자주쓰는CSS ---*/

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

.pretendard {
    font-family: 'Pretendard', 'Nanum Gothic', -apple-system, BlinkMacSystemFont, helvetica, Apple SD Gothic Neo, sans-serif;
}

.color_white{color:#fff;}
.color_black{color:#000;}
.color_gray{color:#7B7B7B}
.color01{color:#FF024A;}

.back_white{background:#fff;}
.back_black{background:#000;}
.back01{background:#FF024A;}
.block{
display: block;	
}
.flex{display: flex;}
.align_center{align-items: center;}
.justify_space{justify-content: space-between;}
.wrap{flex-wrap: wrap;}
.dire_col{flex-direction: column;}
.tc{
    text-align: center;
}
.tl{
    text-align: left;
}
.tr{
    text-align: right;
}
.middle_center{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.pl0_5 { padding-left: 0.5rem; }
.pr0_5 { padding-right: 0.5rem; }
.pt0_5 { padding-top: 0.5rem; }
.pb0_5 { padding-bottom: 0.5rem; }

.ml0_5 { margin-left: 0.5rem; }
.mr0_5 { margin-right: 0.5rem; }
.mt0_5 { margin-top: 0.5rem; }
.mb0_5 { margin-bottom: 0.5rem; }

.pl1 { padding-left: 1rem; }
.pr1 { padding-right: 1rem; }
.pt1 { padding-top: 1rem; }
.pb1 { padding-bottom: 1rem; }

.ml1 { margin-left: 1rem; }
.mr1 { margin-right: 1rem; }
.mt1 { margin-top: 1rem; }
.mb1 { margin-bottom: 1rem; }

.pl1_5 { padding-left: 1.5rem; }
.pr1_5 { padding-right: 1.5rem; }
.pt1_5 { padding-top: 1.5rem; }
.pb1_5 { padding-bottom: 1.5rem; }

.ml1_5 { margin-left: 1.5rem; }
.mr1_5 { margin-right: 1.5rem; }
.mt1_5 { margin-top: 1.5rem; }
.mb1_5 { margin-bottom: 1.5rem; }

.pl2 { padding-left: 2rem; }
.pr2 { padding-right: 2rem; }
.pt2 { padding-top: 2rem; }
.pb2 { padding-bottom: 2rem; }

.ml2 { margin-left: 2rem; }
.mr2 { margin-right: 2rem; }
.mt2 { margin-top: 2rem; }
.mb2 { margin-bottom: 2rem; }

.pl2_5 { padding-left: 2.5rem; }
.pr2_5 { padding-right: 2.5rem; }
.pt2_5 { padding-top: 2.5rem; }
.pb2_5 { padding-bottom: 2.5rem; }

.ml2_5 { margin-left: 2.5rem; }
.mr2_5 { margin-right: 2.5rem; }
.mt2_5 { margin-top: 2.5rem; }
.mb2_5 { margin-bottom: 2.5rem; }

.pl3 { padding-left: 3rem; }
.pr3 { padding-right: 3rem; }
.pt3 { padding-top: 3rem; }
.pb3 { padding-bottom: 3rem; }

.ml3 { margin-left: 3rem; }
.mr3 { margin-right: 3rem; }
.mt3 { margin-top: 3rem; }
.mb3 { margin-bottom: 3rem; }

.pl3_5 { padding-left: 3.5rem; }
.pr3_5 { padding-right: 3.5rem; }
.pt3_5 { padding-top: 3.5rem; }
.pb3_5 { padding-bottom: 3.5rem; }

.ml3_5 { margin-left: 3.5rem; }
.mr3_5 { margin-right: 3.5rem; }
.mt3_5 { margin-top: 3.5rem; }
.mb3_5 { margin-bottom: 3.5rem; }

.pl4 { padding-left: 4rem; }
.pr4 { padding-right: 4rem; }
.pt4 { padding-top: 4rem; }
.pb4 { padding-bottom: 4rem; }

.ml4 { margin-left: 4rem; }
.mr4 { margin-right: 4rem; }
.mt4 { margin-top: 4rem; }
.mb4 { margin-bottom: 4rem; }

.pl4_5 { padding-left: 4.5rem; }
.pr4_5 { padding-right: 4.5rem; }
.pt4_5 { padding-top: 4.5rem; }
.pb4_5 { padding-bottom: 4.5rem; }

.ml4_5 { margin-left: 4.5rem; }
.mr4_5 { margin-right: 4.5rem; }
.mt4_5 { margin-top: 4.5rem; }
.mb4_5 { margin-bottom: 4.5rem; }

.pl5 { padding-left: 5rem; }
.pr5 { padding-right: 5rem; }
.pt5 { padding-top: 5rem; }
.pb5 { padding-bottom: 5rem; }

.ml5 { margin-left: 5rem; }
.mr5 { margin-right: 5rem; }
.mt5 { margin-top: 5rem; }
.mb5 { margin-bottom: 5rem; }

.pl5_5 { padding-left: 5.5rem; }
.pr5_5 { padding-right: 5.5rem; }
.pt5_5 { padding-top: 5.5rem; }
.pb5_5 { padding-bottom: 5.5rem; }

.ml5_5 { margin-left: 5.5rem; }
.mr5_5 { margin-right: 5.5rem; }
.mt5_5 { margin-top: 5.5rem; }
.mb5_5 { margin-bottom: 5.5rem; }

.pl6 { padding-left: 6rem; }
.pr6 { padding-right: 6rem; }
.pt6 { padding-top: 6rem; }
.pb6 { padding-bottom: 6rem; }

.ml6 { margin-left: 6rem; }
.mr6 { margin-right: 6rem; }
.mt6 { margin-top: 6rem; }
.mb6 { margin-bottom: 6rem; }

.pl6_5 { padding-left: 6.5rem; }
.pr6_5 { padding-right: 6.5rem; }
.pt6_5 { padding-top: 6.5rem; }
.pb6_5 { padding-bottom: 6.5rem; }

.ml6_5 { margin-left: 6.5rem; }
.mr6_5 { margin-right: 6.5rem; }
.mt6_5 { margin-top: 6.5rem; }
.mb6_5 { margin-bottom: 6.5rem; }

.pl7 { padding-left: 7rem; }
.pr7 { padding-right: 7rem; }
.pt7 { padding-top: 7rem; }
.pb7 { padding-bottom: 7rem; }

.ml7 { margin-left: 7rem; }
.mr7 { margin-right: 7rem; }
.mt7 { margin-top: 7rem; }
.mb7 { margin-bottom: 7rem; }

.pl7_5 { padding-left: 7.5rem; }
.pr7_5 { padding-right: 7.5rem; }
.pt7_5 { padding-top: 7.5rem; }
.pb7_5 { padding-bottom: 7.5rem; }

.ml7_5 { margin-left: 7.5rem; }
.mr7_5 { margin-right: 7.5rem; }
.mt7_5 { margin-top: 7.5rem; }
.mb7_5 { margin-bottom: 7.5rem; }

.pl8 { padding-left: 8rem; }
.pr8 { padding-right: 8rem; }
.pt8 { padding-top: 8rem; }
.pb8 { padding-bottom: 8rem; }

.ml8 { margin-left: 8rem; }
.mr8 { margin-right: 8rem; }
.mt8 { margin-top: 8rem; }
.mb8 { margin-bottom: 8rem; }

.pl8_5 { padding-left: 8.5rem; }
.pr8_5 { padding-right: 8.5rem; }
.pt8_5 { padding-top: 8.5rem; }
.pb8_5 { padding-bottom: 8.5rem; }

.ml8_5 { margin-left: 8.5rem; }
.mr8_5 { margin-right: 8.5rem; }
.mt8_5 { margin-top: 8.5rem; }
.mb8_5 { margin-bottom: 8.5rem; }

.pl9 { padding-left: 9rem; }
.pr9 { padding-right: 9rem; }
.pt9 { padding-top: 9rem; }
.pb9 { padding-bottom: 9rem; }

.ml9 { margin-left: 9rem; }
.mr9 { margin-right: 9rem; }
.mt9 { margin-top: 9rem; }
.mb9 { margin-bottom: 9rem; }

.pl9_5 { padding-left: 9.5rem; }
.pr9_5 { padding-right: 9.5rem; }
.pt9_5 { padding-top: 9.5rem; }
.pb9_5 { padding-bottom: 9.5rem; }

.ml9_5 { margin-left: 9.5rem; }
.mr9_5 { margin-right: 9.5rem; }
.mt9_5 { margin-top: 9.5rem; }
.mb9_5 { margin-bottom: 9.5rem; }

.pl10 { padding-left: 10rem; }
.pr10 { padding-right: 10rem; }
.pt10 { padding-top: 10rem; }
.pb10 { padding-bottom: 10rem; }

.ml10 { margin-left: 10rem; }
.mr10 { margin-right: 10rem; }
.mt10 { margin-top: 10rem; }
.mb10 { margin-bottom: 10rem; }

.pl10_5 { padding-left: 10.5rem; }
.pr10_5 { padding-right: 10.5rem; }
.pt10_5 { padding-top: 10.5rem; }
.pb10_5 { padding-bottom: 10.5rem; }

.ml10_5 { margin-left: 10.5rem; }
.mr10_5 { margin-right: 10.5rem; }
.mt10_5 { margin-top: 10.5rem; }
.mb10_5 { margin-bottom: 10.5rem; }

.pl11 { padding-left: 11rem; }
.pr11 { padding-right: 11rem; }
.pt11 { padding-top: 11rem; }
.pb11 { padding-bottom: 11rem; }

.ml11 { margin-left: 11rem; }
.mr11 { margin-right: 11rem; }
.mt11 { margin-top: 11rem; }
.mb11 { margin-bottom: 11rem; }

.pl11_5 { padding-left: 11.5rem; }
.pr11_5 { padding-right: 11.5rem; }
.pt11_5 { padding-top: 11.5rem; }
.pb11_5 { padding-bottom: 11.5rem; }

.ml11_5 { margin-left: 11.5rem; }
.mr11_5 { margin-right: 11.5rem; }
.mt11_5 { margin-top: 11.5rem; }
.mb11_5 { margin-bottom: 11.5rem; }

.pl12 { padding-left: 12rem; }
.pr12 { padding-right: 12rem; }
.pt12 { padding-top: 12rem; }
.pb12 { padding-bottom: 12rem; }

.ml12 { margin-left: 12rem; }
.mr12 { margin-right: 12rem; }
.mt12 { margin-top: 12rem; }
.mb12 { margin-bottom: 12rem; }

.pl12_5 { padding-left: 12.5rem; }
.pr12_5 { padding-right: 12.5rem; }
.pt12_5 { padding-top: 12.5rem; }
.pb12_5 { padding-bottom: 12.5rem; }

.ml12_5 { margin-left: 12.5rem; }
.mr12_5 { margin-right: 12.5rem; }
.mt12_5 { margin-top: 12.5rem; }
.mb12_5 { margin-bottom: 12.5rem; }

.pl13 { padding-left: 13rem; }
.pr13 { padding-right: 13rem; }
.pt13 { padding-top: 13rem; }
.pb13 { padding-bottom: 13rem; }

.ml13 { margin-left: 13rem; }
.mr13 { margin-right: 13rem; }
.mt13 { margin-top: 13rem; }
.mb13 { margin-bottom: 13rem; }

.pl13_5 { padding-left: 13.5rem; }
.pr13_5 { padding-right: 13.5rem; }
.pt13_5 { padding-top: 13.5rem; }
.pb13_5 { padding-bottom: 13.5rem; }

.ml13_5 { margin-left: 13.5rem; }
.mr13_5 { margin-right: 13.5rem; }
.mt13_5 { margin-top: 13.5rem; }
.mb13_5 { margin-bottom: 13.5rem; }

.pl14 { padding-left: 14rem; }
.pr14 { padding-right: 14rem; }
.pt14 { padding-top: 14rem; }
.pb14 { padding-bottom: 14rem; }

.ml14 { margin-left: 14rem; }
.mr14 { margin-right: 14rem; }
.mt14 { margin-top: 14rem; }
.mb14 { margin-bottom: 14rem; }

.pl14_5 { padding-left: 14.5rem; }
.pr14_5 { padding-right: 14.5rem; }
.pt14_5 { padding-top: 14.5rem; }
.pb14_5 { padding-bottom: 14.5rem; }

.ml14_5 { margin-left: 14.5rem; }
.mr14_5 { margin-right: 14.5rem; }
.mt14_5 { margin-top: 14.5rem; }
.mb14_5 { margin-bottom: 14.5rem; }

.pl15 { padding-left: 15rem; }
.pr15 { padding-right: 15rem; }
.pt15 { padding-top: 15rem; }
.pb15 { padding-bottom: 15rem; }

.ml15 { margin-left: 15rem; }
.mr15 { margin-right: 15rem; }
.mt15 { margin-top: 15rem; }
.mb15 { margin-bottom: 15rem; }

.pl15_5 { padding-left: 15.5rem; }
.pr15_5 { padding-right: 15.5rem; }
.pt15_5 { padding-top: 15.5rem; }
.pb15_5 { padding-bottom: 15.5rem; }

.ml15_5 { margin-left: 15.5rem; }
.mr15_5 { margin-right: 15.5rem; }
.mt15_5 { margin-top: 15.5rem; }
.mb15_5 { margin-bottom: 15.5rem; }

.pl16 { padding-left: 16rem; }
.pr16 { padding-right: 16rem; }
.pt16 { padding-top: 16rem; }
.pb16 { padding-bottom: 16rem; }

.ml16 { margin-left: 16rem; }
.mr16 { margin-right: 16rem; }
.mt16 { margin-top: 16rem; }
.mb16 { margin-bottom: 16rem; }

.pl16_5 { padding-left: 16.5rem; }
.pr16_5 { padding-right: 16.5rem; }
.pt16_5 { padding-top: 16.5rem; }
.pb16_5 { padding-bottom: 16.5rem; }

.ml16_5 { margin-left: 16.5rem; }
.mr16_5 { margin-right: 16.5rem; }
.mt16_5 { margin-top: 16.5rem; }
.mb16_5 { margin-bottom: 16.5rem; }

.pl17 { padding-left: 17rem; }
.pr17 { padding-right: 17rem; }
.pt17 { padding-top: 17rem; }
.pb17 { padding-bottom: 17rem; }

.ml17 { margin-left: 17rem; }
.mr17 { margin-right: 17rem; }
.mt17 { margin-top: 17rem; }
.mb17 { margin-bottom: 17rem; }

.pl17_5 { padding-left: 17.5rem; }
.pr17_5 { padding-right: 17.5rem; }
.pt17_5 { padding-top: 17.5rem; }
.pb17_5 { padding-bottom: 17.5rem; }

.ml17_5 { margin-left: 17.5rem; }
.mr17_5 { margin-right: 17.5rem; }
.mt17_5 { margin-top: 17.5rem; }
.mb17_5 { margin-bottom: 17.5rem; }

.pl18 { padding-left: 18rem; }
.pr18 { padding-right: 18rem; }
.pt18 { padding-top: 18rem; }
.pb18 { padding-bottom: 18rem; }

.ml18 { margin-left: 18rem; }
.mr18 { margin-right: 18rem; }
.mt18 { margin-top: 18rem; }
.mb18 { margin-bottom: 18rem; }

.pl18_5 { padding-left: 18.5rem; }
.pr18_5 { padding-right: 18.5rem; }
.pt18_5 { padding-top: 18.5rem; }
.pb18_5 { padding-bottom: 18.5rem; }

.ml18_5 { margin-left: 18.5rem; }
.mr18_5 { margin-right: 18.5rem; }
.mt18_5 { margin-top: 18.5rem; }
.mb18_5 { margin-bottom: 18.5rem; }

.pl19 { padding-left: 19rem; }
.pr19 { padding-right: 19rem; }
.pt19 { padding-top: 19rem; }
.pb19 { padding-bottom: 19rem; }

.ml19 { margin-left: 19rem; }
.mr19 { margin-right: 19rem; }
.mt19 { margin-top: 19rem; }
.mb19 { margin-bottom: 19rem; }

.pl19_5 { padding-left: 19.5rem; }
.pr19_5 { padding-right: 19.5rem; }
.pt19_5 { padding-top: 19.5rem; }
.pb19_5 { padding-bottom: 19.5rem; }

.ml19_5 { margin-left: 19.5rem; }
.mr19_5 { margin-right: 19.5rem; }
.mt19_5 { margin-top: 19.5rem; }
.mb19_5 { margin-bottom: 19.5rem; }

.pl20 { padding-left: 20rem; }
.pr20 { padding-right: 20rem; }
.pt20 { padding-top: 20rem; }
.pb20 { padding-bottom: 20rem; }

.ml20 { margin-left: 20rem; }
.mr20 { margin-right: 20rem; }
.mt20 { margin-top: 20rem; }
.mb20 { margin-bottom: 20rem; }
.grid {
    display: grid;
}

.g1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.g2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.g3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.g4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.g5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.g6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ml_auto {
    margin-left: auto;
}

.mr_auto {
    margin-right: auto;
}


.gap1 { gap: 1px; }
.gap2 { gap: 2px; }
.gap3 { gap: 3px; }
.gap4 { gap: 4px; }
.gap5 { gap: 5px; }
.gap6 { gap: 6px; }
.gap7 { gap: 7px; }
.gap8 { gap: 8px; }
.gap9 { gap: 9px; }
.gap10 { gap: 10px; }
.gap11 { gap: 11px; }
.gap12 { gap: 12px; }
.gap13 { gap: 13px; }
.gap14 { gap: 14px; }
.gap15 { gap: 15px; }
.gap16 { gap: 16px; }
.gap17 { gap: 17px; }
.gap18 { gap: 18px; }
.gap19 { gap: 19px; }
.gap20 { gap: 20px; }
.gap21 { gap: 21px; }
.gap22 { gap: 22px; }
.gap23 { gap: 23px; }
.gap24 { gap: 24px; }
.gap25 { gap: 25px; }
.gap26 { gap: 26px; }
.gap27 { gap: 27px; }
.gap28 { gap: 28px; }
.gap29 { gap: 29px; }
.gap30 { gap: 30px; }
.gap31 { gap: 31px; }
.gap32 { gap: 32px; }
.gap33 { gap: 33px; }
.gap34 { gap: 34px; }
.gap35 { gap: 35px; }
.gap36 { gap: 36px; }
.gap37 { gap: 37px; }
.gap38 { gap: 38px; }
.gap39 { gap: 39px; }
.gap40 { gap: 40px; }


/* Padding Left */
.pl1p { padding-left: 1%; }
.pl2p { padding-left: 2%; }
.pl3p { padding-left: 3%; }
.pl4p { padding-left: 4%; }
.pl5p { padding-left: 5%; }
.pl6p { padding-left: 6%; }
.pl7p { padding-left: 7%; }
.pl8p { padding-left: 8%; }
.pl9p { padding-left: 9%; }
.pl10p { padding-left: 10%; }

/* Padding Top */
.pt1p { padding-top: 1%; }
.pt2p { padding-top: 2%; }
.pt3p { padding-top: 3%; }
.pt4p { padding-top: 4%; }
.pt5p { padding-top: 5%; }
.pt6p { padding-top: 6%; }
.pt7p { padding-top: 7%; }
.pt8p { padding-top: 8%; }
.pt9p { padding-top: 9%; }
.pt10p { padding-top: 10%; }

/* Padding Right */
.pr1p { padding-right: 1%; }
.pr2p { padding-right: 2%; }
.pr3p { padding-right: 3%; }
.pr4p { padding-right: 4%; }
.pr5p { padding-right: 5%; }
.pr6p { padding-right: 6%; }
.pr7p { padding-right: 7%; }
.pr8p { padding-right: 8%; }
.pr9p { padding-right: 9%; }
.pr10p { padding-right: 10%; }

/* Padding Bottom */
.pb1p { padding-bottom: 1%; }
.pb2p { padding-bottom: 2%; }
.pb3p { padding-bottom: 3%; }
.pb4p { padding-bottom: 4%; }
.pb5p { padding-bottom: 5%; }
.pb6p { padding-bottom: 6%; }
.pb7p { padding-bottom: 7%; }
.pb8p { padding-bottom: 8%; }
.pb9p { padding-bottom: 9%; }
.pb10p { padding-bottom: 10%; }
/* Margin Left */
.ml1p { margin-left: 1%; }
.ml2p { margin-left: 2%; }
.ml3p { margin-left: 3%; }
.ml4p { margin-left: 4%; }
.ml5p { margin-left: 5%; }
.ml6p { margin-left: 6%; }
.ml7p { margin-left: 7%; }
.ml8p { margin-left: 8%; }
.ml9p { margin-left: 9%; }
.ml10p { margin-left: 10%; }
.ml20p { margin-left: 20%; }
.ml30p { margin-left: 30%; }

/* Margin Top */
.mt1p { margin-top: 1%; }
.mt2p { margin-top: 2%; }
.mt3p { margin-top: 3%; }
.mt4p { margin-top: 4%; }
.mt5p { margin-top: 5%; }
.mt6p { margin-top: 6%; }
.mt7p { margin-top: 7%; }
.mt8p { margin-top: 8%; }
.mt9p { margin-top: 9%; }
.mt10p { margin-top: 10%; }
.mt20p { margin-top: 20%; }
.mt30p { margin-top: 30%; }

/* Margin Right */
.mr1p { margin-right: 1%; }
.mr2p { margin-right: 2%; }
.mr3p { margin-right: 3%; }
.mr4p { margin-right: 4%; }
.mr5p { margin-right: 5%; }
.mr6p { margin-right: 6%; }
.mr7p { margin-right: 7%; }
.mr8p { margin-right: 8%; }
.mr9p { margin-right: 9%; }
.mr10p { margin-right: 10%; }
.mr20p { margin-right: 20%; }
.mr30p { margin-right: 30%; }

/* Margin Bottom */
.mb1p { margin-bottom: 1%; }
.mb2p { margin-bottom: 2%; }
.mb3p { margin-bottom: 3%; }
.mb4p { margin-bottom: 4%; }
.mb5p { margin-bottom: 5%; }
.mb6p { margin-bottom: 6%; }
.mb7p { margin-bottom: 7%; }
.mb8p { margin-bottom: 8%; }
.mb9p { margin-bottom: 9%; }
.mb10p { margin-bottom: 10%; }
.mb20p { margin-bottom: 20%; }
.mb30p { margin-bottom: 30%; }

.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0;}

.pt0{margin-top:0;}
.pb0{margin-bottom:0;}


/* 100% ~ 75% */
.w100 { width: 100%; }
.w95  { width: 95%; }
.w90  { width: 90%; }
.w85  { width: 85%; }
.w80  { width: 80%; }
.w75  { width: 75%; }

/* 70% ~ 45% */
.w70  { width: 70%; }
.w65  { width: 65%; }
.w60  { width: 60%; }
.w55  { width: 55%; }
.w50  { width: 50%; }
.w45  { width: 45%; }

/* 40% ~ 5% */
.w40  { width: 40%; }
.w35  { width: 35%; }
.w30  { width: 30%; }
.w25  { width: 25%; }
.w20  { width: 20%; }
.w15  { width: 15%; }
.w10  { width: 10%; }
.w5   { width: 5%; }

/* 특수 규격 (기존에 있던 것들) */
.w49  { width: 49%; }
.w48  { width: 48%; }
.w33  { width: 33.33%; }

.ml-auto{margin-left:auto;}
.mr-auto{margin-right:auto;}
.auto{margin:0 auto;}
.justify-center{justify-content:center;}
.bold{font-weight:bold;}
.b900{font-weight:900;}
.b800{font-weight:800;}
.b700{font-weight:700;}
.b600{font-weight:600;}
.b500{font-weight:500;}
.b400{font-weight:400;}
.b300{font-weight:300;}
.b200{font-weight:200;}
.b100{font-weight:100;}

.left{text-align: left;}
.right{text-align: right;}
.f1 { font-size: 0.1rem; }
.f2 { font-size: 0.2rem; }
.f3 { font-size: 0.3rem; }
.f4 { font-size: 0.4rem; }
.f5 { font-size: 0.5rem; }
.f6 { font-size: 0.6rem; }
.f7 { font-size: 0.7rem; }
.f8 { font-size: 0.8rem; }
.f9 { font-size: 0.9rem; }
.f10 { font-size: 1rem; }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.f14 { font-size: 1.4rem; }
.f15 { font-size: 1.5rem; }
.f16 { font-size: 1.6rem; }
.f17 { font-size: 1.7rem; }
.f18 { font-size: 1.8rem; }
.f19 { font-size: 1.9rem; }
.f20 { font-size: 2rem; }
.f21 { font-size: 2.1rem; }
.f22 { font-size: 2.2rem; }
.f23 { font-size: 2.3rem; }
.f24 { font-size: 2.4rem; }
.f25 { font-size: 2.5rem; }
.f26 { font-size: 2.6rem; }
.f27 { font-size: 2.7rem; }
.f28 { font-size: 2.8rem; }
.f29 { font-size: 2.9rem; }
.f30 { font-size: 3rem; }
.f31 { font-size: 3.1rem; }
.f32 { font-size: 3.2rem; }
.f33 { font-size: 3.3rem; }
.f34 { font-size: 3.4rem; }
.f35 { font-size: 3.5rem; }
.f36 { font-size: 3.6rem; }
.f37 { font-size: 3.7rem; }
.f38 { font-size: 3.8rem; }
.f39 { font-size: 3.9rem; }
.f40 { font-size: 4rem; }
.f41 { font-size: 4.1rem; }
.f42 { font-size: 4.2rem; }
.f43 { font-size: 4.3rem; }
.f44 { font-size: 4.4rem; }
.f45 { font-size: 4.5rem; }
.f46 { font-size: 4.6rem; }
.f47 { font-size: 4.7rem; }
.f48 { font-size: 4.8rem; }
.f49 { font-size: 4.9rem; }
.f50 { font-size: 5rem; }
.f51 { font-size: 5.1rem; }
.f52 { font-size: 5.2rem; }
.f53 { font-size: 5.3rem; }
.f54 { font-size: 5.4rem; }
.f55 { font-size: 5.5rem; }
.f56 { font-size: 5.6rem; }
.f57 { font-size: 5.7rem; }
.f58 { font-size: 5.8rem; }
.f59 { font-size: 5.9rem; }
.f60 { font-size: 6rem; }
.f61 { font-size: 6.1rem; }
.f62 { font-size: 6.2rem; }
.f63 { font-size: 6.3rem; }
.f64 { font-size: 6.4rem; }
.f65 { font-size: 6.5rem; }
.f66 { font-size: 6.6rem; }
.f67 { font-size: 6.7rem; }
.f68 { font-size: 6.8rem; }
.f69 { font-size: 6.9rem; }
.f70 { font-size: 7rem; }
.f71 { font-size: 7.1rem; }
.f72 { font-size: 7.2rem; }
.f73 { font-size: 7.3rem; }
.f74 { font-size: 7.4rem; }
.f75 { font-size: 7.5rem; }
.f76 { font-size: 7.6rem; }
.f77 { font-size: 7.7rem; }
.f78 { font-size: 7.8rem; }
.f79 { font-size: 7.9rem; }
.f80 { font-size: 8rem; }
.f81 { font-size: 8.1rem; }
.f82 { font-size: 8.2rem; }
.f83 { font-size: 8.3rem; }
.f84 { font-size: 8.4rem; }
.f85 { font-size: 8.5rem; }
.f86 { font-size: 8.6rem; }
.f87 { font-size: 8.7rem; }
.f88 { font-size: 8.8rem; }
.f89 { font-size: 8.9rem; }
.f90 { font-size: 9rem; }
.f91 { font-size: 9.1rem; }
.f92 { font-size: 9.2rem; }
.f93 { font-size: 9.3rem; }
.f94 { font-size: 9.4rem; }
.f95 { font-size: 9.5rem; }
.f96 { font-size: 9.6rem; }
.f97 { font-size: 9.7rem; }
.f98 { font-size: 9.8rem; }
.f99 { font-size: 9.9rem; }
.f100 { font-size: 10rem; }
.lh1 { line-height: 0.1rem; }
.lh2 { line-height: 0.2rem; }
.lh3 { line-height: 0.3rem; }
.lh4 { line-height: 0.4rem; }
.lh5 { line-height: 0.5rem; }
.lh6 { line-height: 0.6rem; }
.lh7 { line-height: 0.7rem; }
.lh8 { line-height: 0.8rem; }
.lh9 { line-height: 0.9rem; }
.lh10 { line-height: 1rem; }
.lh11 { line-height: 1.1rem; }
.lh12 { line-height: 1.2rem; }
.lh13 { line-height: 1.3rem; }
.lh14 { line-height: 1.4rem; }
.lh15 { line-height: 1.5rem; }
.lh16 { line-height: 1.6rem; }
.lh17 { line-height: 1.7rem; }
.lh18 { line-height: 1.8rem; }
.lh19 { line-height: 1.9rem; }
.lh20 { line-height: 2rem; }
.lh21 { line-height: 2.1rem; }
.lh22 { line-height: 2.2rem; }
.lh23 { line-height: 2.3rem; }
.lh24 { line-height: 2.4rem; }
.lh25 { line-height: 2.5rem; }
.lh26 { line-height: 2.6rem; }
.lh27 { line-height: 2.7rem; }
.lh28 { line-height: 2.8rem; }
.lh29 { line-height: 2.9rem; }
.lh30 { line-height: 3rem; }
.lh31 { line-height: 3.1rem; }
.lh32 { line-height: 3.2rem; }
.lh33 { line-height: 3.3rem; }
.lh34 { line-height: 3.4rem; }
.lh35 { line-height: 3.5rem; }
.lh36 { line-height: 3.6rem; }
.lh37 { line-height: 3.7rem; }
.lh38 { line-height: 3.8rem; }
.lh39 { line-height: 3.9rem; }
.lh40 { line-height: 4rem; }
.lh41 { line-height: 4.1rem; }
.lh42 { line-height: 4.2rem; }
.lh43 { line-height: 4.3rem; }
.lh44 { line-height: 4.4rem; }
.lh45 { line-height: 4.5rem; }
.lh46 { line-height: 4.6rem; }
.lh47 { line-height: 4.7rem; }
.lh48 { line-height: 4.8rem; }
.lh49 { line-height: 4.9rem; }
.lh50 { line-height: 5rem; }
.lh51 { line-height: 5.1rem; }
.lh52 { line-height: 5.2rem; }
.lh53 { line-height: 5.3rem; }
.lh54 { line-height: 5.4rem; }
.lh55 { line-height: 5.5rem; }
.lh56 { line-height: 5.6rem; }
.lh57 { line-height: 5.7rem; }
.lh58 { line-height: 5.8rem; }
.lh59 { line-height: 5.9rem; }
.lh60 { line-height: 6rem; }
.lh61 { line-height: 6.1rem; }
.lh62 { line-height: 6.2rem; }
.lh63 { line-height: 6.3rem; }
.lh64 { line-height: 6.4rem; }
.lh65 { line-height: 6.5rem; }
.lh66 { line-height: 6.6rem; }
.lh67 { line-height: 6.7rem; }
.lh68 { line-height: 6.8rem; }
.lh69 { line-height: 6.9rem; }
.lh70 { line-height: 7rem; }
.lh71 { line-height: 7.1rem; }
.lh72 { line-height: 7.2rem; }
.lh73 { line-height: 7.3rem; }
.lh74 { line-height: 7.4rem; }
.lh75 { line-height: 7.5rem; }
.lh76 { line-height: 7.6rem; }
.lh77 { line-height: 7.7rem; }
.lh78 { line-height: 7.8rem; }
.lh79 { line-height: 7.9rem; }
.lh80 { line-height: 8rem; }
.lh81 { line-height: 8.1rem; }
.lh82 { line-height: 8.2rem; }
.lh83 { line-height: 8.3rem; }
.lh84 { line-height: 8.4rem; }
.lh85 { line-height: 8.5rem; }
.lh86 { line-height: 8.6rem; }
.lh87 { line-height: 8.7rem; }
.lh88 { line-height: 8.8rem; }
.lh89 { line-height: 8.9rem; }
.lh90 { line-height: 9rem; }
.lh91 { line-height: 9.1rem; }
.lh92 { line-height: 9.2rem; }
.lh93 { line-height: 9.3rem; }
.lh94 { line-height: 9.4rem; }
.lh95 { line-height: 9.5rem; }
.lh96 { line-height: 9.6rem; }
.lh97 { line-height: 9.7rem; }
.lh98 { line-height: 9.8rem; }
.lh99 { line-height: 9.9rem; }
.lh100 { line-height: 10rem; }


.center{
	margin: 0 auto;
}

/* ----- 자주쓰는 CSS end-----*/

/* =====우클리 방지=======*/
    /* 텍스트 선택/드래그 방지 (완전 차단은 아님) */
/* 모바일: 클릭/탭을 살리면서 컨텍스트 메뉴만 최대한 억제 */
html, body {
  -webkit-touch-callout: none;
}

img, a, video {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

input, textarea, [contenteditable="true"] {
  -webkit-touch-callout: default;
}
/* ======= 우클릭 방지 ========= */
img {
    border: 0;
    width: 100%;
}
.dn, .hidden {display:none;}
.c_red,.c-red, .c_point {color:#283057;}
.c_blue,.c-blue {color:#1200ff;}


/* 상단 요약 영역: 메뉴 톤에 맞게 "가벼운 바" 느낌 */
.layer_gnb .gnb_member_summary{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.layer_gnb .gnb_member_summary .gnb_cart{
margin-left: auto;
}
/* 왼쪽(등급/이름) */
.layer_gnb .gnb_member_link{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  text-decoration:none;
  color:#222;
}

/* 등급 이미지: 과하게 튀지 않게 */
.layer_gnb .gnb_member_grade_img{
  flex:0 0 auto;
  width:20px;
  height:20px;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e9edf2;
}
.layer_gnb .gnb_member_grade_img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 등급 배지: pill 유지하되 더 얇게 */
.layer_gnb .gnb_member_grade_badge{
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
    padding: 5px 0px;
    border-radius: 999px;
    white-space: nowrap;
padding: .6rem 1rem;
    border-radius: 8px;
    font-weight: 600;
}

/* 이름/님: 메뉴 글자톤에 맞게 */
.layer_gnb .gnb_member_name{
  font-size:17px;
  font-weight:600;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#111;
   margin-left:5px;
}
.layer_gnb .gnb_member_suffix{
  font-size:16px;
  color:#777;
  flex:0 0 auto;
  white-space:nowrap;
}

/* LOGOUT: 검정 꽉찬 버튼 -> 헤더 액션(고스트) */
.layer_gnb .gnb_member_logout{
    flex: 0 0 auto;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    color: #666;
    margin-left: .7em;
}

/* 눌림/호버 느낌(모바일 탭) */
.layer_gnb .gnb_member_logout:active{
  background:#f1f3f6;
}

/* 혹시 상단 링크 영역 눌림 대비 */
.layer_gnb .gnb_member_link:active{
  opacity:.85;
}

/* 상단 */ 
/* 팝업관련 */
.ly_pop {position:fixed; background:#ffffff; z-index:1001;}
.ly_head {position:relative; height:42px; padding:0 71px; z-index:10; background:#fff; border-bottom:1px solid #c3c3c3; text-align:center; line-height:45px}
.ly_head .h_tit {color:#333; font-size:15px}
.ly_ct {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }

/*** 회원로그인 | member/join_agreement.html & member/join.html ***/

/* 회원가입 스탭 */
.join_step {padding:10px 10px 10px 10px;}
.join_step ul {display:table; width:100%;}
.join_step ul li {position:relative; display:table-cell; padding:0 10px; font-size:14px; text-align:center; border:1px solid #d6d6d6; border-right:none; vertical-align:middle; line-height:1em; height:40px;}

/* 회원가입 스탭 OFF */
.join_step ul li:last-child {border-right:1px solid #d6d6d6;}
.join_step ul li::before {position:absolute; top:-1px; right:-1px; display:block; margin:0 -21px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#D6D6D6;}
.join_step ul li:last-child::before {display:none;}
.join_step ul li::after {position:absolute; top:-1px; right:-1px; display:block; margin:0 -20px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#ffffff;}
.join_step ul li:last-child::after {display:none;}

/* 회원가입 스탭 ON */
.join_step ul li.on {color:#ffffff; background:#3e3d3c; border:1px solid #3e3d3c; border-right:none;}
.join_step ul li.on::before {position:absolute; top:-1px; right:-1px; display:block; margin:0 -21px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#3e3d3c;}
.join_step ul li.on:last-child::before {display:none;}
.join_step ul li.on::after {position:absolute; top:-1px; right:-1px; display:block; margin:0 -20px 0 0; z-index:1; content:''; border:10px solid transparent; border-width: 21px 11px; border-left-color:#3e3d3c;}
.join_step ul li.on:last-child::after {display:none;}

/* RADIO */
.inp_rdo {display:inline-block; padding:5px 0 5px 0;}
.inp_rdo input {display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; vertical-align:middle; background:url('../img/icon/icon_rad_chk.png') no-repeat center; background-size:100%; border:none;}
.inp_rdo input:checked {background:url('../img/icon/icon_rad_chk_on.png') no-repeat center; background-size:100%;}
.inp_rdo label {margin:0 15px 0 0;}

/* CHECK BOX */
.inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; vertical-align:middle; background:url('../img/icon/icon_chk.gif') no-repeat center; background-size:100%; border:none;}
.inp_chk input:checked {background:url('../img/icon/icon_chk_on.gif') no-repeat center; background-size:100%;}
.inp_chk label {}

/* 체크박스 라디오버튼 스타일 */
.form_element{display:inline-block; overflow:hidden; position:relative;}
span.form_element{display:inline-block;}
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;background:url('../img/common/input/check_off.png') no-repeat 1px top;}
.form_element label:hover{background:url('../img/common/input/check_over.png') no-repeat 1px top;}
.form_element label.on{background:url('../img/common/input/check_on.png') no-repeat 1px top;}
.form_element label.choice{background:url('../img/common/input/radio_off.png') no-repeat 1px 50%;}
.form_element label.choice:hover{background:url('../img/common/input/radio_over.png') no-repeat 1px 50%;}
.form_element label.choice.on{background:url('../img/common/input/radio_on.png') no-repeat 1px 50%;}
.form_element label.check_s{min-width:13px;padding:0 0 0 22px;background:url('../img/common/input/check_off.png') no-repeat 1px 2px;}
.form_element label.check_s:hover{background:url('../img/common/input/check_over.png') no-repeat 1px 2px;}
.form_element label.check_s.on{background:url('../img/common/input/check_on.png') no-repeat 1px 2px;}
.form_element label.choice_s{min-width:13px;padding:0 0 0 22px;background:url('../img/common/input/radio_off_small.png') no-repeat 1px 50%;}
.form_element label.choice_s:hover{background:url('../img/common/input/radio_over_small.png') no-repeat 1px 50%;}
.form_element label.choice_s.on{background:url('../img/common/input/radio_on_small.png') no-repeat 1px 50%;}
.form_element label.single{width:21px;height:21px;padding:1px 0 0;background-color:transparent;text-indent:-9999px;}
.form_element label.single:hover{background-color:transparent;}
.form_element label span{color:#979797;}
.form_element label img{vertical-align:middle;}
.form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;}
/** 체크박스용 비활성화 **/
.form_element label.check_dis_s { background-image: url('../img/common/input/check_dis.png'); }

/* SELECT BOX */
.inp_sel{}
.inp_sel select{width:100%; height:31px; padding:0 33px 0 6px; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px; font-size:13px; color:#333; border:1px solid #c3c3c3; box-sizing:border-box; vertical-align:1px;}

/*───────────────────────────────────────────────────────────

	 TABLE STYLE

───────────────────────────────────────────────────────────*/

/* 세금계산서 발행 */
.table_style0 {}
.table_style0 caption {display:none;}
.table_style0 tbody {}
.table_style0 tbody th {padding:8px 0 5px 0; font-size:14px; vertical-align:top;}
.table_style0 tbody td {padding:0 0 5px 0; font-size:14px;}

/* 예치금 테이블 */
.table_style1 {}
.table_style1 caption {display:none;}
.table_style1 th {padding:10px 10px 7px 10px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; font-weight:normal; color:#5e5e5e; font-size:13px; text-align:center;}
.table_style1 td {padding:10px 10px 7px 10px; border-bottom:1px solid #e8e8e8; font-weight:bold; color:#5e5e5e; font-size:13px; text-align:center; word-break:keep-all;}

/* 배송지 등록 */
.table_style2 {}
.table_style2 caption {display:none;}
.table_style2 tbody {}
.table_style2 tbody th {padding:0 0 5px 0; font-size:14px; text-align:left; vertical-align:top;}
.table_style2 tbody td {padding:0 0 5px 0; font-size:14px;}

/* 지역별 배송비 레이어 정보*/
.table_style3 {}
.table_style3 caption {display:none;}
.table_style3 th {padding:8px 0 8px 0; text-align:center; border:1px solid #e8e8e8; border-left:none; background:#f9f9f9;}
.table_style3 td {padding:7px 0 7px 0; text-align:center; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.table_style3 th:last-child, .table_style3 td:last-child {border-right:none;}

/* 주문서 작성 */
.table_style4 {border-top:1px solid #e8e8e8;}
.table_style4 caption {display:none;}
.table_style4 th {width:82px; padding:10px 10px 7px 24px; border-bottom:1px solid #e8e8e8; background:#f9f9f9; font-weight:normal; color:#5e5e5e; font-size:13px; text-align:left;}
.table_style4 th.required {background:#f9f9f9 url('../img/icon/icon_squre_red.png') no-repeat 15px center;}
.table_style4 td {padding:10px 10px 7px 14px; border-bottom:1px solid #e8e8e8; color:#5e5e5e; font-size:12px; text-align:left; word-break:keep-all;}
.table_style4 .add_currency {color: #717171;}

/* Slider */
.slider-wrap {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;}
.slider-wrap .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slider-wrap .slick-track,
.slider-wrap .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);}
.slider-wrap .slick-track {position: relative; top:0; left:0; display:block;}
.slider-wrap .slick-track:before,
.slider-wrap .slick-track:after {display: table; content: '';}
.slider-wrap .slick-track:after {clear: both;}
.slider-wrap .slick-loading .slick-track {visibility: hidden;}
.slider-wrap .slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slider-wrap .slick-slide img {display:block;}
.slider-wrap .slick-slide.slick-loading img {display:none;}
.slider-wrap .slick-slide.dragging img {pointer-events: none;}
.slider-wrap .slick-slide  {display: block;}
.slider-wrap .slick-loading .slick-slide {visibility: hidden;}
.slider-wrap .slick-vertical .slick-slide {display: block; height:auto; border:1px solid transparent;}
.slider-wrap .slick-arrow.slick-hidden {display: none;}
.slider-wrap .slick-arrow {border:none; background:none;}

/* 딤 팝업 배경*/
#layerDim {position:fixed; left:0; top:0; width:100%; height:100%; z-index:50; background:rgba(0,0,0,0.8);/*background:#000; opacity:0.5; filter:alpha(opacity=50);*/ }


/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션 (장바구니,찜리스트,상품상세)

───────────────────────────────────────────────────────────*/


/*** 쿠폰 적용 레이어 | goods/layer_coupon_apply.php ***/
.layer_coupon_apply {position:relative; overflow:hidden; overflow-y:scroll; height:100%; background:#fff;}
.layer_coupon_apply .ly_content {overflow-x:hidden; overflow-y:auto; padding:0 15px 150px 15px;}
.layer_coupon_apply .ly_content .ly_coupon_list {}
.layer_coupon_apply .ly_content .ly_coupon_list dl {border-bottom:1px solid #cccccc; padding:15px 0 15px 0;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt {font-size:0;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt div {display:inline-block; font-size:12px;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dt div.c_point { margin:0 10px 0 0; font-weight:bold;}
.layer_coupon_apply .ly_content .ly_coupon_list dl dd {padding:10px 0 0 25px; color:#9d9d9d;}
.layer_coupon_apply .ly_content .no_data {padding:20px 0 20px 0; text-align:center;}
.layer_coupon_apply .close_btn {position:absolute; top:0; right:0; z-index:100;}
.layer_coupon_apply .btn_box {position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #cccccc;}
.layer_coupon_apply .btn_box span {display:block; padding:10px;}

/*** 쿠폰 다운받기 레이어 | goods/layer_coupon_down.php ***/

.layer_coupon_down {}
.layer_coupon_down {position:relative; background:#fff;}
.layer_coupon_down .ly_content {padding:0; }
.layer_coupon_down .ly_content .coupondown {}
/* 쿠폰 다운받기 상단 */
.layer_coupon_down .ly_content .coupondown .my_info {}
.layer_coupon_down .ly_content .coupondown .my_info ul {display:table; width:100%; padding:2px 0 2px 0; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background:#f2f3f3;}
.layer_coupon_down .ly_content .coupondown .my_info ul li {display:table-cell; width:50%; }
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(1) strong {display:inline-block; margin:0 0 0 10px; font-size:14px; line-height:36px;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(1) strong span {font-size:14px; color:#fa2828; font-weight:bold;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(2) {padding-bottom:5px; text-align:right;}
.layer_coupon_down .ly_content .coupondown .my_info ul li:nth-child(2) a {margin:0 10px 0 0;}
/* 쿠폰 다운받기 리스트 */
.layer_coupon_down .ly_content .coupon_down_list {padding:15px 15px 15px 15px;}
.layer_coupon_down .ly_content .coupon_down_list ul {}
.layer_coupon_down .ly_content .coupon_down_list ul li {display:table; width:100%; padding:10px 0 10px 0;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left {display:table-cell; width:80%; vertical-align:middle;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl {}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dt {font-size:14px; font-weight:bold;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dt strong {color:#fa2828;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dd {}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_left dl dd .chk_img {width:13px; margin:0 5px 0 0;}
.layer_coupon_down .ly_content .coupon_down_list ul li .coupon_right {display:table-cell; width:20%; text-align:center; vertical-align:middle;}
.layer_coupon_down .close_btn {position:absolute; top:0; right:0; z-index:100;}

/*** 옵션 선택 레이어 | goods/layer_option.php ***/

.layer_option {position:relative;}
.layer_option .js_option_scroll {overflow-y:auto;}
.layer_option .ly_buy_info {}
/* 팝업시 닫기 */
.layer_option .close_btn {position:absolute; top:0; right:0; z-index:100;}
/* 적용하기 위치 */
.layer_option .popup_dn {position:fixed; bottom:0; left:0; width:100%;}
.layer_option .popup_dn .btn_box2 {}
.layer_option .popup_dn .btn_box2 span {display:block; margin:10px 10px 10px 10px;}
/* 세로 스크롤 고정 */
.layer_option .ly_buy_info {padding:15px 15px 15px 15px;}
.layer_option .ly_buy_info .ly_opt .bn_opt {display:block; position:relative; width:100%; height:33px; border:1px solid #c7c7c7; font-size:13px; color:#777; text-align:left; text-indent:11px; z-index:100; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px;}
.layer_option .ly_buy_info .ly_opt .bn_opt.selected { border:1px solid #999;}
.layer_option .ly_buy_info .ly_opt > li {margin-bottom:10px;}
.layer_option .ly_buy_info .ly_opt li .optbx {position:relative; margin:-1px 0 0 0; border:1px solid #999; z-index:1; background:#ffffff;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst {}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst .disabled {color:lightgray !important;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li {position:relative; min-height:42px; text-indent:10px; border-bottom:1px solid #c7c7c7; font-weight:bold; font-size:13px; color:#555; line-height:42px; vertical-align:middle;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li:last-child {border-bottom:none;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li > img {width:41px; height:41px;}
.layer_option .ly_buy_info .ly_opt li .optbx .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;}
/* 배송비 */
.layer_option .select_box_view {padding:15px 15px 15px 15px;}
.layer_option .select_box_view .bn_opt {display:block; position:relative; width:100%; height:33px; border:1px solid #c7c7c7; font-size:13px; color:#777; text-align:left; text-indent:11px; z-index:100; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px;}
.layer_option .select_box_view .bn_opt.selected { border:1px solid #fa2828;}
.layer_option .select_box_view .optbx {position:relative; margin:-1px 0 0 0; border:1px solid #fa2828; z-index:1; background:#ffffff;}
.layer_option .select_box_view .optbx .optlst {}
.layer_option .select_box_view .optbx .optlst li {position:relative; min-height:42px; text-indent:10px; border-bottom:1px solid #c7c7c7; font-weight:bold; font-size:13px; color:#555; line-height:42px; vertical-align:middle;}
.layer_option .select_box_view .optbx .optlst li:last-child {border-bottom:none;}
.layer_option .select_box_view .optbx .optlst li > img {width:41px; height:41px;}
.layer_option .select_box_view .optbx .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;}
/* 찜리스트 */
.layer_option .btn_wish_box {display:table; width:100%; padding:0 0 4px 0;}
.layer_option .btn_wish_box li {display:table-cell; width:50%;}
.layer_option .btn_wish_box li:nth-child(1) {padding:0 2px 0 0;}

/* 멀티옵션 */
.layer_option .ly_buy_info .ly_opt li.multi_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 싱글옵션 */
.layer_option .ly_buy_info .ly_opt li.singel_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 추가옵션 */
.layer_option .ly_buy_info .ly_opt li.add_option_on {position:absolute; top:15px; left:0; z-index:103; width:calc(100% - 30px); padding:0 15px; background:#fff;}
/* 텍스트 입력 필드 */
.layer_option .ly_buy_info .ly_opt li .option_input input {width:100%; height:34px; border:1px solid #c7c7c7; text-indent:10px; box-sizing:border-box;}
/* 총 합계 */
.total_price_box {padding:15px 15px 15px 15px; text-align:right; border-top:1px solid #3e3d3c;}
.total_price_box ul {display:inline-block;}
.total_price_box ul li {}
.total_price_box ul li dl {display:table; width:100%;}
.total_price_box ul li dl dt {display:table-cell; width:90px; font-size:13px; text-align:left; vertical-align:middle;}
.total_price_box ul li dl dd {display:table-cell; font-size:15px; font-weight:bold; text-align:right; vertical-align:middle;}
.total_price_box ul li.total dl dt {font-weight:bold;}
/* 팝업창일때 하단 버튼 간격 */
.popup_price {padding-bottom:65px;}
/* 옵션 선택 */
.view_order_goods {position:relative; padding:15px 15px 15px 15px; background:#f9f9f9; border-bottom:1px solid #c9c9c9;}
.view_order_goods:first-child {border-top:1px solid #c9c9c9;}
.view_order_goods dl {}
.view_order_goods dl dt {font-size:12px; font-weight:bold;}
.view_order_goods dl dd {}
.view_order_goods dl dd em {font-style:normal;}
.view_order_goods dl dd .price_info {display:table; width:100%;}
.view_order_goods dl dd .price_info .count {display:table-cell; width:50%;padding:5px 0 0 0; vertical-align:top;}
.view_order_goods dl dd .price_info .count button {vertical-align:middle;}
.view_order_goods dl dd .price_info .count input[type=number] {width:44px; height:34px; border:1px solid #c9c9c9; font-weight:bold; text-align:center; vertical-align:middle; box-sizing:border-box;}
.view_order_goods dl dd .price_info .right {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
.view_order_goods dl dd .price_info .right .btn_wrap {padding:5px 0 0 0;}
.view_order_goods dl dd .price_info .right .btn_wrap ul {text-align:right;}
.view_order_goods dl dd .price_info .right .btn_wrap ul li {display:inline-block;}
.view_order_goods dl dd .price_info .right .price {padding:5px 0 0 0; font-size:15px; font-weight:bold; text-align:right;}

/* 추가상품 선택 */
.view_order_add_goods {position:relative; margin:15px 0 0 0; padding:5px 0 15px 0; background:#f9f9f9; border-bottom:1px solid #c9c9c9;}
.view_order_add_goods:first-child {border-top:1px solid #c9c9c9;}
.view_order_add_goods dl {}
.view_order_add_goods dl dt {font-size:12px; font-weight:bold; vertical-align:middle;}
.view_order_add_goods dl dt div {display:table-cell; vertical-align:middle;}
.view_order_add_goods dl dt div.addname {padding:0 0 0 5px;}
.view_order_add_goods dl dd {}
.view_order_add_goods dl dd em {font-style:normal;}
.view_order_add_goods dl dd .price_info {display:table; width:100%;}
.view_order_add_goods dl dd .price_info .count {display:table-cell; width:70%;padding:5px 0 0 0; vertical-align:top;}
.view_order_add_goods dl dd .price_info .count button {vertical-align:middle;}
.view_order_add_goods dl dd .price_info .count input[type=number] {width:44px; height:34px; border:1px solid #c9c9c9; font-weight:bold; text-align:center; vertical-align:middle; box-sizing:border-box;}
.view_order_add_goods dl dd .price_info .right {display:table-cell; width:30%; text-align:right; vertical-align:middle;}
.view_order_add_goods dl dd .price_info .right .btn_wrap {padding:5px 0 0 0;}
.view_order_add_goods dl dd .price_info .right .price {padding:5px 0 0 0; font-size:15px; font-weight:bold; text-align:right;}

/* 스크롤 고정 */
.scroll_vertical_fix::-webkit-scrollbar {width:4px;}
.scroll_vertical_fix::-webkit-scrollbar-thumb {width:4px; background-color:#a9a9a9;}
/* 기본 사이즈 */
.option_scroll {overflow-x:hidden; overflow-y:auto; min-height:200px;}
/* 쿠폰 취소 변경 */
.coupon_btn_box button {margin:2px 0 2px 0;}


/*** 배송지 관리 | mypage/layer_shipping_address_regist.html 주문 & 마이페이지 공통 ***/
.layer_shipping_address_regist {}
.layer_shipping_address_regist {position:relative; background:#fff;}
.layer_shipping_address_regist .ly_content {padding:15px 15px 15px 15px; }
.layer_shipping_address_regist .close_btn {position:absolute; top:0; right:0; z-index:100;}
.layer_shipping_address_regist td input[type=text] {width:100%; height:36px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;}
.layer_shipping_address_regist .zipcode_box .zipcode_top {position:relative; padding-right:70px;}
.layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_num {}
.layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_btn_box {position:absolute; top:0; right:0; width:66px;}
.layer_shipping_address_regist .zipcode_box input {margin:0 0 5px 0;}
.layer_shipping_address_regist .inp_chk_box {padding:10px 0 0 0;}
.layer_shipping_address_regist .btn_box {display:table; width:100%; padding:10px 0 0 0;}
.layer_shipping_address_regist .btn_box li {display:table-cell;}
.layer_shipping_address_regist .btn_box li:nth-child(1) {padding:0 2px 0 0;}
.layer_shipping_address_regist .btn_box li:nth-child(2) {padding:0 0 0 2px;}

/* 장바구니 이동 레이어 및 찜리스트 이동 레이어 */
.zidx310 {z-index:310 !important; }
.zidx320 {z-index:320 !important; }
.add_cart_layer, .add_wish_layer {position:fixed; top:50%; left:50%; z-index:311; width:307px; height:218px; margin:-96px 0 0 -153px; }
.add_cart_layer .wrap, .add_wish_layer .wrap {position:relative; height:216px; background:#fff; border:1px solid #283057; }
.add_cart_layer p {margin:30px 0 0; padding:62px 0 0; background:url(../img/icon/icon_mcart.png) no-repeat center top; background-size:50px 42px; color:#000000; font-size:13px; line-height:22px; text-align:center; }
.add_wish_layer p {margin:30px 0 0; padding:62px 0 0; background:url(../img/icon/icon_mwish.png) no-repeat center top; background-size:50px 42px; color:#000000; font-size:13px; line-height:22px; text-align:center; }
.add_cart_layer .btn_box, .add_wish_layer .btn_box {margin:30px 10px 10px 10px; padding:0 !important; }
.add_cart_layer .btn, .add_wish_layer .btn {display:inline-block; width:138px; font-size:12px; overflow:hidden; height:42px; -webkit-box-sizing:border-box; font-weight:bold; font-style:normal; text-align:center; vertical-align:middle; line-height:36px; background:#283057; color:#ffffff; border:1px solid #283057; }
.add_cart_layer .btn_close, .add_wish_layer .btn_close {color:#283057; background:#fff; margin-right:4px; }

/*** 미확인 입금자 리스트 (PC 동일 적용) | service/ghost_depositor.php ***/
.m_ghost_depositor.pc .close_btn {position:absolute; top:0; right:0; z-index:100; display:none;}
.ly_pop .m_ghost_depositor.pc .close_btn {display:block;}
.m_ghost_depositor.pc .lys_close_btn{background:url('../img/icon/icon_x5.png') no-repeat center; background-size:17px;}
.m_ghost_depositor.pc #ghost_depositor_cont .top_banner img{width:100%;}
.m_ghost_depositor.pc .datepicker_area{margin-top:10px; position:relative; z-index:1;}
.m_ghost_depositor.pc .datepicker_area > div:first-child{padding:0 15px;}
.m_ghost_depositor.pc .datepicker_area > div:first-child:after{content:''; display:block; clear:both;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div{float:right; width:48%;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div:first-child{float:left;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div strong{font-size:13px; color:#666666; display:block; margin-bottom:13px;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div input{width:100%; height:38px; border:1px solid #dbdbdb; color:#333333; text-indent:10px; box-sizing:border-box;}
.m_ghost_depositor.pc .datepicker_area > div:first-child > div:first-child input{background: url('../img/icon/icon_calendar.png') no-repeat right center; background-size:36px auto;}
.m_ghost_depositor.pc .datepicker_area > .piker_search_btn{margin:10px 0 0; text-align:center;}
.m_ghost_depositor.pc .datepicker_area > .piker_search_btn button{font-size:14px; font-weight:bold; color:#fff; width:120px; height:39px; border:none; position:relative; top:0; right:0; display:inline;}
.m_ghost_depositor.pc .ghost_depositor_table{margin-top:15px;}
.m_ghost_depositor.pc .ghost_depositor_table table{text-align:center; width:100%; table-layout:fixed;}
.m_ghost_depositor.pc .ghost_depositor_table table th{padding:8px 7px;}
.m_ghost_depositor.pc .ghost_depositor_table table th{font-size:12px; font-weight:bold; color:#808080; background:#fafafa; border-bottom:1px solid #f0f0f0; border-top:1px solid #e0e0e0;}
.m_ghost_depositor.pc .ghost_depositor_table table td{padding:10px 7px; word-break:break-all;}
.m_ghost_depositor.pc .ghost_depositor_more_btn{margin:10px 0 30px; padding:0 15px;}
.m_ghost_depositor.pc .ghost_depositor_more_btn .more_btn{font-size:14px; font-weight:bold; color:#666666; background:#f0f0f0; border-color:#e0e0e0;}
.m_ghost_depositor.pc .ghost_depositor_no_list{background:url('../img/icon/icon_ex.png') center 80px no-repeat; background-size:80px; padding-top:185px;}
.m_ghost_depositor.pc .ghost_depositor_no_list p{font-size:15px; font-weight:bold; color:#666666; text-align:center;}

/*** 미확인 입금자 리스트 (모바일 별도 적용) | service/ghost_depositor.php ***/
.m_ghost_depositor.mobile .ly_head{background:#54688f; border-bottom:#54688f 1px solid;}
.m_ghost_depositor.mobile .ly_head .h_tit{font-size:15px; font-weight:bold; color:#ffffff; line-height:42px;}
.m_ghost_depositor.mobile .close_btn {position:absolute; top:0; right:0; z-index:100; display:none;}
.ly_pop .m_ghost_depositor.mobile .close_btn {display:block;}
.m_ghost_depositor.mobile .lys_close_btn{background:url('../img/icon/icon_x6.png') no-repeat center; background-size:17px;}
.m_ghost_depositor.mobile .datepicker_area{padding:15px 0 0; background:#54688f; position:relative; z-index:1;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child{padding:0 21px;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div{margin-top:9px;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child{margin-top:0;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div input{font-size:14px; color:#333333; width:100%; height:38px; border:1px solid #dbdbdb; color:#333333; text-indent:10px; background-color:#ffffff; border-radius:5px; box-sizing:border-box;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child input{background-image:url('../img/icon/icon_calendar.png'); background-repeat:no-repeat; background-position:right center; background-size:36px auto;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div input::placeholder{color:#888888;}
.m_ghost_depositor.mobile .datepicker_area > div:first-child > div:first-child input[type="date"]:not(.has-value):before{content: attr(placeholder); color:#888888;}
.m_ghost_depositor.mobile .datepicker_area > .piker_search_btn{margin:15px 0 0; text-align:center;}
.m_ghost_depositor.mobile .datepicker_area > .piker_search_btn button{font-size:15px; font-weight:bold; color:#fff; width:100%; height:45px; border:none; position:relative; top:0; right:0; display:inline; background:#39476b;}
.m_ghost_depositor.mobile .datepicker_area > .txt_infor{padding:12px 21px; background:#f9f9f9; border-bottom:#f0f0f0 1px solid; text-align:center;}
.m_ghost_depositor.mobile .ghost_depositor_li li{border-bottom:#f0f0f0 1px solid; padding:19px 30px;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div{margin-top:7px;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child{margin-top:0;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:after{content:''; display:block; clear:both;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div > p{font-size:12px; color:#333333; float:right; width:50%; text-align:right; line-height:1.3em; word-break:break-all;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div > p:first-child{float:left; width:40%; text-align:left;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child > p{font-size:16px; font-weight:bold; color:#54688f;}
.m_ghost_depositor.mobile .ghost_depositor_li li > div:first-child > p:first-child{color:#333333;}
.m_ghost_depositor.mobile .ghost_depositor_more_btn{margin:10px 0 30px; padding:0 15px;}
.m_ghost_depositor.mobile .ghost_depositor_more_btn .more_btn{font-size:14px; font-weight:bold; color:#666666; background:#f0f0f0; border-color:#e0e0e0;}
.m_ghost_depositor.mobile .ghost_depositor_no_list{background:url('../img/icon/icon_ex.png') center 80px no-repeat; background-size:80px; padding-top:185px;}
.m_ghost_depositor.mobile .ghost_depositor_no_list p{font-size:15px; font-weight:bold; color:#666666; text-align:center;}

/*** 미확인 입금자 배너 이미지 ***/
.btn_ghost_depositor{display:block;}
.btn_ghost_depositor img{width:100%;}
.btn_ghost_depositor.type_pc{width:192px; margin:0 auto;}

/*** 주문취소 사유 레이어 ***/
.layer_wrap{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.8); z-index:500;}
.layer_cont{width:306px; position:absolute; top:0; left:50%; margin:0 0 0 -153px; background:#fff; padding-bottom:9px;}
.layer_cont .tit h4{font-size:14px; font-weight:bold; color:#333333; text-align:center; line-height:40px; border-bottom:#e0e0e0 1px solid;}
.refund_detail_infor{background:#fafafa; padding:11px 15px; color:#333333; border-bottom:#f0f0f0 1px solid;}
.refund_detail_infor li:after{content:''; display:block; clear:both;}
.refund_detail_infor li > *{display:block; float:left;}
.refund_detail_infor li > strong{margin-right:4px;}
.refund_detail_infor li.gods_tit{max-height:36px; overflow:hidden;}
.refund_detail_infor li.gods_tit > strong{width:63px; margin-right:0;}
.refund_detail_infor li.gods_tit > span{width:210px;}
.refund_detail_txt{padding:12px 12px 0; overflow-y:auto; height:164px; }
.layer_cont .bot_btn{margin:20px 3.5% 0; width:93%;}
.layer_cont .bot_btn button{font-size:12px;}

/** 조건별 배송비 테이블 **/
.ly_dev_wrap .ly_btn_wrap{ padding:0 10px 0 10px;}
.ly_dev_wrap .ly_btn{display:table;margin:30px 0 0 0;border-collapse: collapse;width:100%;}
.ly_dev_wrap .ly_btn:first-child{margin:10px 0 0 0;}
.ly_dev_wrap .ly_btn .row{display:table-row;}
.ly_dev_wrap .ly_btn a{display: table-cell;width:50%;font-size:12px; color:#333; text-align:center;vertical-align:middle;border:1px solid #e7e7e7;box-sizing:border-box;padding:9px 10px 9px 10px;background-color:#f2f2f2;}
.ly_dev_wrap .ly_btn.three a{width:33.3px;}
.ly_dev_wrap .ly_btn a.on{position:relative;color:#fff;background-color:#2a2a2a;border:1px solid #2a2a2a;}
.ly_dev_wrap .tbl2 table{border-left:0; border-right:0;border-top:0;}
.ly_dev_wrap .tbl2 td{font-weight:normal;color:#222;padding:6px 10px 6px;}
.ly_dev_wrap .tbl2 tr:first-child td{border-top:0;}

/* 비회원 주문불가 안내 */
.cert_warning{width:100%;letter-spacing:-0.5px;padding:20px 30px 40px 30px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cert_warning .cert_warning_wrap{ padding:105px 0 0 0;  background:url('../img/intro/blackout.png') no-repeat center top; background-size:95px auto;text-align:center;box-sizing:border-box;text-align:center;margin:15px 0 0 0;}
.cert_warning .cert_warning_wrap strong{font-size:13px;color:#333;}
.cert_warning .cert_warning_wrap p{display:block;font-size:12px;color:#333;padding:15px 15px 15px 15px;margin:20px 0 0 0;text-align:center;background-color:#f9f9f9;}
.cert_warning .cert_warning_wrap p span{display:block;}
.cert_warning .cert_warning_wrap p a{text-decoration:underline;font-weight:bold;}
.cert_warning .cert_warning_wrap > a{margin:30px 0 0 0;}

/* 14세 이상 동의 추가 */
.cert{background-color: #f9f9f9;border-top:1px solid #e8e8e8;text-align:center;overflow: hidden;}
.cert p{font-size:13px; color:#5e5e5e;margin:15px 0 13px 0;}
.cert .cert_btn{padding:0 10px 20px 10px;}
.cert .cert_btn ul{display:table; width:100%;}
.cert .cert_btn ul li{display:table-cell; padding:0 5px 0 5px;}
.cert .cert_btn ul li a{font-size:12px;padding: 7px 0 7px 0;}

/* 자동입력방지 */
.input_wrap .capcha {display:table; min-width:300px; margin:0 auto; padding:10px 0 10px 0;}
.input_wrap .capcha .capcha_img {display:table-cell; text-align:center; vertical-align:middle; border:1px solid #d6d6d6; background-color: white;}
.input_wrap .capcha .capcha_img span {display:table-cell; width:188px; height:100px; vertical-align:middle;}
.input_wrap .capcha .capcha_img span img {}
.input_wrap .capcha .capcha_body {display:table-cell; padding:0 0 0 10px;}
.input_wrap .capcha .capcha_body .capcha_text {padding:0 0 10px 0;}
.input_wrap .capcha .capcha_body .capcha_input {padding:0 0 10px 0;}
.input_wrap .capcha .capcha_body .capcha_input input {width:100%; height:26px; border:1px solid #d0d0d0; text-indent:10px; box-sizing:border-box;}






/* 가로바 네비게이션 */
.yh_bar_nav_banner .slider-wrap {
    position: relative;
}

.yh_bar_nav_banner .slider-wrap .slick-dots {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 12px !important;
    display: block !important;
    width:auto !important;
    height: 6px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    background: rgba(255, 255, 255, 0.45) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    z-index: 0 !important;
	max-width:300px;
}

.yh_bar_nav_banner .slider-wrap .slick-dots li {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
}

.yh_bar_nav_banner .slider-wrap .slick-dots li button {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.yh_bar_nav_banner .slider-wrap .yh_bar_nav_fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background: #ff2d55;
    border-radius: 999px;
    z-index: 2;
}
.slider-banner-4102460132 img{width:100% !important;}
/*-----가로바 네비게이션 end ----*/