/* font */

@charset "utf-8";

@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/GmarketSansMedium.woff2') format('woff2');
}

@font-face {
    font-family: 'Gmarket';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/GmarketSansBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/Pretendard-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/Pretendard-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Pretendard-ExtraBold.woff2') format('woff2');
}

.c_82 {
    color: #828282 !important;
}
.c_88 {
    color: #888888 !important;
}
.c_66 {
    color: #666666 !important;
}
.c_55 {
    color: #555555 !important;
}
.c_22 {
    color: #222222 !important;
}
.c_99{
    color:#999 !important;
}

.c_black {
    color: #000 !important;
}

.c_31 {
    color: #313131 !important;
}

.c_fff {
    color: #fff !important;
}

.c_13 {
    color: #131313 !important;
}

.c_a6 {
    color: #a6a6a6 !important;
}
.c_aa {
    color: #aaaaaa !important;
}
.c_red{
    color: #ff0000 !important;
}
.c_red2{
    color: #9f0827 !important;
}
.c_red3{
    color: #FF4949 !important;
}
.c_red4 {
    color: #E03434 !important;
}
.c_blue{
    color: #214ab5 !important;
}
.c_blue2{
    color: #1C84E3 !important;
}
.c_pink{
    color: #FC546C !important;
}
.c_yellow{
    color: #ffe500 !important;
}
.c_green {
    color: #00920f !important;
}
.t_gmk{
    font-family: 'Gmarket', "맑은고딕", "Malgun Gothic", sans-serif;

}

/* size */
.eng_title_m {
    font-size: 4.4rem;
    font-weight: 500;
}
.lb_title_b {
    font-size: 4rem;
    font-weight: 600;
}
.lb_title_m {
    font-size: 4rem;
    font-weight: 500;
}
.lb_title_l {
    font-size: 4rem;
    font-weight: 400;
}
.lb_title_2l {
    font-size: 4rem;
    font-weight: 300;
}
.bb_title_b {
    font-size: 3.6rem;
    font-weight: 600;
}
.bb_title_m {
    font-size: 3.6rem;
    font-weight: 500;
}
.bb_title_ㅣ {
    font-size: 3.6rem;
    font-weight: 400;
}
.bb_title_2ㅣ {
    font-size: 3.6rem;
    font-weight: 300;
}
.f_title_m {
    font-size: 3.4rem;
    font-weight: 500;
}
.b_title_b {
    font-size: 3.2rem;
    font-weight: 600;
}
.b_title_l {
    font-size: 3.2rem;
    font-weight: 400;
}
.sum_title_b {
    font-size: 2.8rem;
    font-weight: 500;
}
.lgr_title_b {
    font-size: 2.6rem;
    font-weight: 600;
}
.lg_title_b {
    font-size: 2.5rem;
    font-weight: 600;
}
.lg_title_l {
    font-size: 2.5rem;
    font-weight: 400;
}
.pp_title_m {
    font-size: 2.4rem;
    font-weight: 500;
}
.m_title_2b {
    font-size: 2.2rem;
    font-weight: 700;
}
.m_title_b{
    font-size: 2.2rem;
    font-weight: 600;
}
.m_title_m {
    font-size: 2.2rem;
    font-weight: 500;
}
.m_title_l {
    font-size: 2.2rem;
    font-weight: 400;
}
.m_title_2l {
    font-size: 2.2rem;
    font-weight: 300;
}
.title_2b, .m_title_2b {
    font-size: 2rem;
    font-weight: 700;
}
.title_b {
    font-size: 2rem;
    font-weight: 600;
}
.title_m {
    font-size: 2rem;
    font-weight: 500;
}
.title_l {
    font-size: 2rem;
    font-weight: 400;
}
.title_2l {
    font-size: 2rem;
    font-weight: 300;
}
.l_title_2b{
    font-size: 1.8rem;
    font-weight: 700;
}
.l_title_b{
    font-size: 1.8rem;
    font-weight: 600;
}
.l_title_m{
    font-size: 1.8rem;
    font-weight: 500;
}
.l_title_l{
    font-size: 1.8rem;
    font-weight: 400;
}
.l_title_2l{
    font-size: 1.8rem;
    font-weight: 300;
}
.lg_text_b{
    font-size: 1.7rem;
    font-weight: 600;
}
.lg_text_l{
    font-size: 1.7rem;
    font-weight: 400;
}
.m_text_b{
    font-size: 1.6rem;
    font-weight: 600;
}
.m_text_m {
    font-size: 1.6rem;
    font-weight: 500;
}
.m_text_l{
    font-size: 1.6rem;
    font-weight: 400;
}

.text_unit_b {
    font-size: 1.55rem;
    font-weight: 600;
}
.text_unit {
    font-size: 1.55rem;
    font-weight: 400;
}
.l_text_b{
    font-size: 1.5rem;
    font-weight: 600;
}
.l_text_m{
    font-size: 1.5rem;
    font-weight: 500;
}
.l_text_l{
    font-size: 1.5rem;
    font-weight: 400;
}
.l_text_2l{
    font-size: 1.5rem;
    font-weight: 300;
}
.subtext_2b{
    font-size: 1.4rem;
    font-weight: 700;
}
.subtext_b{
    font-size: 1.4rem;
    font-weight: 600;
}
.subtext_m {
    font-size: 1.4rem;
    font-weight: 500;
}
.subtext_l{
    font-size: 1.4rem;
    font-weight: 400;
}
.infotext_2b {
    font-size: 1.3rem;
    font-weight: 700;
}
.infotext_b {
    font-size: 1.3rem;
    font-weight: 600;
}
.infotext_m {
    font-size: 1.3rem;
    font-weight: 500;
}
.infotext_l {
    font-size: 1.3rem;
    font-weight: 400;
}

.txt_11 {
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: -0.01em;
}






/* reset */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: top;
    text-decoration: none;
    background-repeat: no-repeat;
    list-style: none;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
    border-radius: 0px;
    font-family: 'Pretendard', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
    outline: none;
}

html {
    margin: 0;
    padding: 0;
    font-size: 10px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    line-height: 1.4;
    letter-spacing: -0.4px;
}

body {
    color: #000000;
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    font-weight: 300;
    overflow-y: auto;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0 none;
}

dl, ul, ol, menu, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

input, select, textarea, button {
    vertical-align: middle;
}

input, textarea, button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

button:focus {
    outline: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
}

a {
    color: inherit;
    text-decoration: inherit;
    cursor: pointer
}

img {
    vertical-align: middle;
    height: inherit
}

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal;
}


/* important reset */
.mg0 {
    margin: 0 !important;
}

.clear {
    clear: both;
}

.w5p {
    width: 5% !important;
}

.w6p {
    width: 6% !important;
}

.w7p {
    width: 7% !important;
}

.w8p {
    width: 8% !important;
}

.w9p {
    width: 9% !important;
}

.w10p {
    width: 10% !important;
}

.w12p {
    width: 12% !important;
}

.w13p {
    width: 13% !important;
}

.w15p {
    width: 15% !important;
}
.w16p {
    width: 16% !important;
}
.w18p {
    width: 18% !important;
}

.w20p {
    width: 20% !important;
}

.w23p {
    width: 23% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w32p {
    width: 32% !important;
}

.w33p {
    width: 33% !important;
}

.w35p {
    width: 35% !important;
}

.w40p {
    width: 40% !important;
}

.w45p {
    width: 45% !important;
}

.w46p {
    width: 46% !important;
}

.w47p {
    width: 47% !important;
}

.w48p {
    width: 48% !important;
}

.w49p {
    width: 49% !important;
}

.w50p {
    width: 50% !important;
}

.w55p {
    width: 55% !important;
}

.w60p {
    width: 60% !important;
}

.w65p {
    width: 65% !important;
}

.w70p {
    width: 70% !important;
}

.w80p {
    width: 80% !important;
}

.w90p {
    width: 90% !important;
}

.w100p {
    width: 100% !important;
}

.w5 {
    width: 5px !important;
}

.w7 {
    width: 7px !important;
}

.w8 {
    width: 8px !important;
}

.w9 {
    width: 9px !important;
}

.w10 {
    width: 10px !important;
}

.w11 {
    width: 11px !important;
}

.w12 {
    width: 12px !important;
}

.w13 {
    width: 13px !important;
}

.w14 {
    width: 14px !important;
}

.w15 {
    width: 15px !important;
}

.w16 {
    width: 16px !important;
}

.w17 {
    width: 17px !important;
}

.w18 {
    width: 18px !important;
}

.w19 {
    width: 19px !important;
}

.w20 {
    width: 20px !important;
}

.w25 {
    width: 25px !important;
}

.w30 {
    width: 30px !important;
}

.w35 {
    width: 35px !important;
}

.w40 {
    width: 40px !important;
}

.w45 {
    width: 45px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px !important;
}

.w230 {
    width: 230px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.w310 {
    width: 310px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px !important;
}

.w800 {
    width: 800px !important;
}

.w900 {
    width: 900px !important;
}

.w1000 {
    width: 1000px !important;
}

.wauto {
    width: auto !important;
}

/* Margin Step */
.bm0 {
    margin-bottom: 0px !important;
}

.bm1 {
    margin-bottom: 1px !important;
}

.bm2 {
    margin-bottom: 2px !important;
}

.bm3 {
    margin-bottom: 3px !important;
}

.bm4 {
    margin-bottom: 4px !important;
}

.bm5 {
    margin-bottom: 5px !important;
}

.bm6 {
    margin-bottom: 6px !important;
}

.bm7 {
    margin-bottom: 7px !important;
}

.bm8 {
    margin-bottom: 8px !important;
}

.bm9 {
    margin-bottom: 9px !important;
}

.bm10 {
    margin-bottom: 10px !important;
}

.bm11 {
    margin-bottom: 11px !important;
}

.bm12 {
    margin-bottom: 12px !important;
}

.bm13 {
    margin-bottom: 13px !important;
}

.bm14 {
    margin-bottom: 14px !important;
}

.bm15 {
    margin-bottom: 15px !important;
}
.bm16 {
    margin-bottom: 16px !important;
}
.bm17 {
    margin-bottom: 17px !important;
}
.bm20 {
    margin-bottom: 20px !important;
}
.bm22 {
    margin-bottom: 22px !important;
}
.bm25 {
    margin-bottom: 25px !important;
}
.bm27 {
    margin-bottom: 27px !important;
}
.bm30 {
    margin-bottom: 30px !important;
}
.bm35 {
    margin-bottom: 35px !important;
}

.bm40 {
    margin-bottom: 40px !important;
}
.bm43 {
    margin-bottom: 43px !important;
}
.bm45 {
    margin-bottom: 45px !important;
}
.bm47 {
    margin-bottom: 47px !important;
}
.bm50 {
    margin-bottom: 50px !important;
}

.bm60 {
    margin-bottom: 60px !important;
}

.bm70 {
    margin-bottom: 70px !important;
}
.bm75 {
    margin-bottom: 75px !important;
}

.bm80 {
    margin-bottom: 80px !important;
}

.bm90 {
    margin-bottom: 90px !important;
}

.bm100 {
    margin-bottom: 100px !important;
}
.bm120 {
    margin-bottom: 120px !important;
}
.bm130 {
    margin-bottom: 130px !important;
}
.bm200 {
    margin-bottom: 200px !important;
}
.lm0 {
    margin-left: 0px !important;
}

.lm1 {
    margin-left: 1px !important;
}

.lm2 {
    margin-left: 2px !important;
}

.lm3 {
    margin-left: 3px !important;
}

.lm4 {
    margin-left: 4px !important;
}

.lm5 {
    margin-left: 5px !important;
}

.lm6 {
    margin-left: 6px !important;
}

.lm7 {
    margin-left: 7px !important;
}

.lm8 {
    margin-left: 8px !important;
}

.lm9 {
    margin-left: 9px !important;
}

.lm10 {
    margin-left: 10px !important;
}

.lm11 {
    margin-left: 11px !important;
}

.lm12 {
    margin-left: 12px !important;
}

.lm13 {
    margin-left: 13px !important;
}

.lm14 {
    margin-left: 14px !important;
}

.lm15 {
    margin-left: 15px !important;
}

.lm20 {
    margin-left: 20px !important;
}

.lm25 {
    margin-left: 25px !important;
}

.lm30 {
    margin-left: 30px !important;
}

.lm40 {
    margin-left: 40px !important;
}

.lm45 {
    margin-left: 45px !important;
}

.lm50 {
    margin-left: 50px !important;
}

.lm60 {
    margin-left: 60px !important;
}

.lm70 {
    margin-left: 70px !important;
}

.lm80 {
    margin-left: 80px !important;
}

.lm90 {
    margin-left: 90px !important;
}

.lm100 {
    margin-left: 100px !important;
}

.lm150 {
    margin-left: 150px !important;
}

.lm170 {
    margin-left: 170px !important;
}
.tm_2 {
    margin-top: -2px !important;
}
.tm0 {
    margin-top: 0px !important;
}

.tm1 {
    margin-top: 1px !important;
}

.tm2 {
    margin-top: 2px !important;
}

.tm3 {
    margin-top: 3px !important;
}

.tm4 {
    margin-top: 4px !important;
}

.tm5 {
    margin-top: 5px !important;
}

.tm6 {
    margin-top: 6px !important;
}

.tm7 {
    margin-top: 7px !important;
}

.tm8 {
    margin-top: 8px !important;
}

.tm9 {
    margin-top: 9px !important;
}

.tm10 {
    margin-top: 10px !important;
}

.tm11 {
    margin-top: 11px !important;
}

.tm12 {
    margin-top: 12px !important;
}

.tm13 {
    margin-top: 13px !important;
}

.tm14 {
    margin-top: 14px !important;
}

.tm15 {
    margin-top: 15px !important;
}
.tm17 {
    margin-top: 17px !important;
}
.tm20 {
    margin-top: 20px !important;
}

.tm25 {
    margin-top: 25px !important;
}

.tm30 {
    margin-top: 30px !important;
}
.tm34 {
    margin-top: 34px !important;
}
.tm35 {
    margin-top: 35px !important;
}

.tm40 {
    margin-top: 40px !important;
}

.tm45 {
    margin-top: 45px !important;
}

.tm50 {
    margin-top: 50px !important;
}

.tm55 {
    margin-top: 55px !important;
}

.tm60 {
    margin-top: 60px !important;
}

.tm65 {
    margin-top: 65px !important;
}

.tm70 {
    margin-top: 70px !important;
}

.tm80 {
    margin-top: 80px !important;
}

.tm85 {
    margin-top: 85px !important;
}

.tm90 {
    margin-top: 90px !important;
}

.tm100 {
    margin-top: 100px !important;
}

.tm110 {
    margin-top: 110px !important;
}

.tm120 {
    margin-top: 120px !important;
}

.tm130 {
    margin-top: 130px !important;
}

.tm140 {
    margin-top: 140px !important;
}

.tm150 {
    margin-top: 150px !important;
}

.tm200 {
    margin-top: 200px !important;
}

.rm0 {
    margin-right: 0px !important;
}

.rm1 {
    margin-right: 1px !important;
}

.rm2 {
    margin-right: 2px !important;
}

.rm3 {
    margin-right: 3px !important;
}

.rm4 {
    margin-right: 4px !important;
}

.rm5 {
    margin-right: 5px !important;
}

.rm6 {
    margin-right: 6px !important;
}

.rm7 {
    margin-right: 7px !important;
}

.rm8 {
    margin-right: 8px !important;
}

.rm9 {
    margin-right: 9px !important;
}

.rm10 {
    margin-right: 10px !important;
}

.rm11 {
    margin-right: 11px !important;
}

.rm12 {
    margin-right: 12px !important;
}

.rm13 {
    margin-right: 13px !important;
}

.rm14 {
    margin-right: 14px !important;
}

.rm15 {
    margin-right: 15px !important;
}

.rm20 {
    margin-right: 20px !important;
}

.rm25 {
    margin-right: 25px !important;
}

.rm30 {
    margin-right: 30px !important;
}
.rm35 {
    margin-right: 35px !important;
}

.bp0 {
    padding-bottom: 0px !important;
}

.bp1 {
    padding-bottom: 1px !important;
}

.bp2 {
    padding-bottom: 2px !important;
}

.bp3 {
    padding-bottom: 3px !important;
}

.bp30 {
    padding-bottom: 30px !important;
}

.bp4 {
    padding-bottom: 4px !important;
}

.bp5 {
    padding-bottom: 5px !important;
}

.bp6 {
    padding-bottom: 6px !important;
}

.bp7 {
    padding-bottom: 7px !important;
}

.bp8 {
    padding-bottom: 8px !important;
}

.bp9 {
    padding-bottom: 9px !important;
}

.bp10 {
    padding-bottom: 10px !important;
}

.bp11 {
    padding-bottom: 11px !important;
}

.bp12 {
    padding-bottom: 12px !important;
}

.bp13 {
    padding-bottom: 13px !important;
}

.bp14 {
    padding-bottom: 14px !important;
}

.bp15 {
    padding-bottom: 15px !important;
}

.bp20 {
    padding-bottom: 20px !important;
}

.bp25 {
    padding-bottom: 25px !important;
}

.bp40 {
    padding-bottom: 40px !important;
}

.bp50 {
    padding-bottom: 50px !important;
}

.bp60 {
    padding-bottom: 60px !important;
}


.bp70 {
    padding-bottom: 70px !important;
}

.lp0 {
    padding-left: 0px !important;
}

.lp1 {
    padding-left: 1px !important;
}

.lp2 {
    padding-left: 2px !important;
}

.lp3 {
    padding-left: 3px !important;
}

.lp4 {
    padding-left: 4px !important;
}

.lp5 {
    padding-left: 5px !important;
}

.lp6 {
    padding-left: 6px !important;
}

.lp7 {
    padding-left: 7px !important;
}

.lp8 {
    padding-left: 8px !important;
}

.lp9 {
    padding-left: 9px !important;
}

.lp10 {
    padding-left: 10px !important;
}

.lp11 {
    padding-left: 11px !important;
}

.lp12 {
    padding-left: 12px !important;
}

.lp13 {
    padding-left: 13px !important;
}

.lp14 {
    padding-left: 14px !important;
}

.lp15 {
    padding-left: 15px !important;
}

.lp20 {
    padding-left: 20px !important;
}

.lp25 {
    padding-left: 25px !important;
}

.lp30 {
    padding-left: 30px !important;
}

.lp31 {
    padding-left: 31px !important;
}

.lp32 {
    padding-left: 32px !important;
}

.lp33 {
    padding-left: 33px !important;
}

.lp34 {
    padding-left: 34px !important;
}

.lp35 {
    padding-left: 35px !important;
}

.lp40 {
    padding-left: 40px !important;
}

.lp45 {
    padding-left: 45px !important;
}

.lp50 {
    padding-left: 50px !important;
}

.tp0 {
    padding-top: 0px !important;
}

.tp1 {
    padding-top: 1px !important;
}

.tp2 {
    padding-top: 2px !important;
}

.tp3 {
    padding-top: 3px !important;
}

.tp30 {
    padding-top: 30px !important;
}

.tp4 {
    padding-top: 4px !important;
}

.tp5 {
    padding-top: 5px !important;
}

.tp6 {
    padding-top: 6px !important;
}

.tp7 {
    padding-top: 7px !important;
}

.tp8 {
    padding-top: 8px !important;
}

.tp9 {
    padding-top: 9px !important;
}

.tp10 {
    padding-top: 10px !important;
}

.tp11 {
    padding-top: 11px !important;
}

.tp12 {
    padding-top: 12px !important;
}

.tp13 {
    padding-top: 13px !important;
}

.tp14 {
    padding-top: 14px !important;
}

.tp15 {
    padding-top: 15px !important;
}

.tp20 {
    padding-top: 20px !important;
}

.tp25 {
    padding-top: 25px !important;
}

.c_p35 {
    padding-top: 35px;
}
.c_p60 {
    padding-top: 60px;
}

.tp70 {
    padding-top: 70px !important;
}

.rp0 {
    padding-right: 0px !important;
}

.rp1 {
    padding-right: 1px !important;
}

.rp2 {
    padding-right: 2px !important;
}

.rp3 {
    padding-right: 3px !important;
}

.rp4 {
    padding-right: 4px !important;
}

.rp5 {
    padding-right: 5px !important;
}

.rp6 {
    padding-right: 6px !important;
}

.rp7 {
    padding-right: 7px !important;
}

.rp8 {
    padding-right: 8px !important;
}

.rp9 {
    padding-right: 9px !important;
}

.rp10 {
    padding-right: 10px !important;
}

.rp11 {
    padding-right: 11px !important;
}

.rp12 {
    padding-right: 12px !important;
}

.rp13 {
    padding-right: 13px !important;
}

.rp14 {
    padding-right: 14px !important;
}

.rp15 {
    padding-right: 15px !important;
}

.rp20 {
    padding-right: 20px !important;
}

.rp25 {
    padding-right: 25px !important;
}

.pd0 {
    padding: 0px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd20 {
    padding: 20px !important;
}

/* Font size */
.font8 {
    font-size: 8px !important;
}

.font9 {
    font-size: 9px !important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font19 {
    font-size: 19px !important;
}

.font20 {
    font-size: 20px !important;
}

.font25 {
    font-size: 25px !important;
}

.font30 {
    font-size: 30px !important;
}

.lh8 {
    line-height: 8px !important;
}

.lh9 {
    line-height: 9px !important;
}

.lh10 {
    line-height: 10px !important;
}

.lh11 {
    line-height: 11px !important;
}

.lh12 {
    line-height: 12px !important;
}

.lh13 {
    line-height: 13px !important;
}

.lh14 {
    line-height: 14px !important;
}

.lh15 {
    line-height: 15px !important;
}

.lh16 {
    line-height: 16px !important;
}

.lh17 {
    line-height: 17px !important;
}

.lh18 {
    line-height: 18px !important;
}

.lh19 {
    line-height: 19px !important;
}

.lh20 {
    line-height: 20px !important;
}

.lh23 {
    line-height: 23px !important;
}

.lh25 {
    line-height: 25px !important;
}
.lh27 {
    line-height: 27px !important;
}
.lh30 {
    line-height: 30px !important;
}
.lh37 {
    line-height: 37px !important;
}
.lh40 {
    line-height: 40px !important;
}

/* Text Align */
.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.hidden {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
}



/* input의 x 버튼 삭제하기 */
input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}
/* input의 화살표 삭제하기 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input {
    font-size: 1.6rem;
}
    input::placeholder {
        font-size: 1.6rem;
        color: #999999 !important;
    }
    input::-webkit-input-placeholder {
        font-size: 1.6rem;
        color: #999999 !important;
    }
    input:-ms-input-placeholder {
        font-size: 1.6rem;
        color: #999999 !important;
    }

    select::-ms-expand {
        display: none;
    }
select {
    cursor: pointer;
    font-size:1.6rem;
}

textarea {
    font-size: 1.6rem;
}
    textarea::placeholder {
        color: #999999;
    }

    /* 스크롤 바 커스텀 */
    /*
body::-webkit-scrollbar,
.popup_wrap .popup_c::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body::-webkit-scrollbar-thumb {
    height: 30%;
    background: #9F0827;
    border-radius: 10px;
}
.popup_wrap .popup_c::-webkit-scrollbar-thumb {
    height: 10%;
    background: #d1d1d1;
    border-radius: 10px;
}
body::-webkit-scrollbar-track{
    background: #9F082705;
}
.popup_wrap .popup_c::-webkit-scrollbar-track {
    border-left:1px solid #eee;
}
*/