@charset "utf-8";
/* CSS Document */
@font-face {
    /* Thin (Hairline) */
    font-family: 'AppleSDGothicNeo';
    font-weight: 100;
    src: url(../fonts/AppleSDGothicNeoT.ttf) format('truetype');
}
@font-face {
    /* Extra Light (Ultra Light) */
    font-family: 'AppleSDGothicNeo';
    font-weight: 200;
    src: url(../fonts/AppleSDGothicNeoUL.ttf) format('truetype');
}
@font-face {
    /* Light */
    font-family: 'AppleSDGothicNeo';
    font-weight: 300;
    src: url(../fonts/AppleSDGothicNeoL.ttf) format('truetype');
}
@font-face {
    /* Normal */
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AppleSDGothicNeoR.ttf) format('truetype');
}
@font-face {
    /* Medium */
    font-family: 'AppleSDGothicNeo';
    font-weight: 500;
    src: url(../fonts/AppleSDGothicNeoM.ttf) format('truetype');
}
@font-face {
    /* Semi Bold (Demi Bold) */
    font-family: 'AppleSDGothicNeo';
    font-weight: 600;
    src: url(../fonts/AppleSDGothicNeoSB.ttf) format('truetype');
}
@font-face {
    /* Bold */
    font-family: 'AppleSDGothicNeo';
    font-style: bold;
    font-weight: 700;
    src: url(../fonts/AppleSDGothicNeoB.ttf) format('truetype');
}
@font-face {
    /* Extra Bold (Ultra Bold) */
    font-family: 'AppleSDGothicNeo';
    font-weight: 800;
    src: url(../fonts/AppleSDGothicNeoEB.ttf) format('truetype');
}
@font-face {
    /* Black (Heavy) */
    font-family: 'AppleSDGothicNeo';
    font-weight: 900;
    src: url(../fonts/AppleSDGothicNeoH.ttf) format('truetype');
}

/*********************************************/
/* overflow visibility common */
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
/*********************************************/
/* display common */
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.hidden { display: none; }
/*********************************************/
/* Flex Direction */
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
/*********************************************/
/* Flex Wrap */
.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }
/*********************************************/
/* Justify Content */
.justify-normal { justify-content: normal; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.justify-stretch { justify-content: stretch; }
/*********************************************/
/* Align Items */
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
/*********************************************/
.flex-1 { flex: 1 1 auto; }
.grow-0 { flex-grow: 0; }
.shrink-0 { flex-shrink: 0; }
.shrink-1 { flex-shrink: 1; }
.basis-0 { flex-basis: 0; }
/*********************************************/
/* Gap */
.gap-0 { gap: 0; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
/* rem */
.gap-1R { gap: 1rem; }
.gap-2R { gap: 2rem; }
.gap-3R { gap: 3rem; }
.gap-5R { gap: 5rem; }
.gap-7R { gap: 7rem; }
.gap-10R { gap: 10rem; }
/*********************************************/
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }

.col-auto { grid-column: auto; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }
.col-span-full { grid-column: 1 / -1; }
/*********************************************/
/* box-shadow common */
.box-shadow { box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1); }
.box-shadow-2 { box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.1); }
.box-shadow-3 { box-shadow: 8px 0px 5px -6px rgba(0, 0, 0, 0.1); }
/*********************************************/
/* border common */
.borderN { border-color: transparent; }
.borderB-n { border-bottom: none; }
.border { border: 1px solid #ececec; }
.borderT { border-top: 1px solid #ececec; }
.borderB { border-bottom: 1px solid #ececec; }
.borderL { border-left: 1px solid #ececec; }
.borderR { border-right: 1px solid #ececec; }
.border-eb { border: 1px solid #ebeef2; }
.borderT-d-a0 { border-top: 2px dotted #a0a0a0; }
.border-37 { border: 1px solid #374EE4; }

.rounded-none { border-radius: 0px; }
.rounded-sm { border-radius: 0.125rem; } /* 2px */
.rounded { border-radius: 0.25rem; } /* 4px */
.rounded-md { border-radius: 0.375rem; } /* 6px */
.rounded-lg { border-radius: 0.5rem; } /* 8px */
.rounded-xl { border-radius: 0.75rem; } /* 12px */
.rounded-2xl { border-radius: 1rem; } /* 16px */
.rounded-3xl { border-radius: 1.5rem; } /* 24px */
/*********************************************/
/* background common */
.a11y-hidden-bg {
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.a11y-hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip-path: polygon(0 0, 0 0, 0 0);
}

.bg-ec { background-color: #ECECF0; }
.bg-f3 { background-color: #f3f3f3; }
.bg-f { background-color: #FFF; }
.bg-ffd { background-color: #FFDCA8; }
.bg-fff0 { background-color: #fff090; }
.bg-ed { background-color: #EDEDFE; }
.bg-f6 { background-color: #F6F8FC; }
.bg-f7 { background-color: #F7CC4A; }
/*********************************************/
/* pointer common */
.pointer { cursor: pointer; }
.e-none { pointer-events: none; }
/*********************************************/
/* font common */
/* font size (15px 기준) */
.f-0 { font-size: 0 !important; }
.f-xxxxxxs { font-size: 0.8rem; } /* 12px */
.f-xxxxxs { font-size: 0.866rem; } /* 13px */
.f-xxxxs { font-size: 0.933rem; } /* 14px */
.f-xxxs { font-size: 1rem; } /* 15px */
.f-xxs { font-size: 1.066rem; } /* 16px */
.f-xs { font-size: 1.133rem; } /* 17px */
.f-s { font-size: 1.2rem; } /* 18px */
.f-m { font-size: 1.333rem; } /* 20px */
.f-xm { font-size: 1.466rem; } /* 22px */
.f-xxm { font-size: 1.6rem; } /* 24px */
.f-xxxm { font-size: 1.733rem; } /* 26px */
.f-ml { font-size: 1.866rem; } /* 28px */
.f-xml { font-size: 2rem; } /* 30px */
.f-xxml { font-size: 2.266rem; } /* 34px */
.f-25 { font-size: 1.666rem; }
.f-30 { font-size: 2rem; }
.f-35 { font-size: 2.333rem; }
.f-38 { font-size: 2.533rem; }
.f-40 { font-size: 2.666rem; }
.f-45 { font-size: 3rem; }
.f-50 { font-size: 3.333rem; }
.f-60 { font-size: 4rem; }
.f-65 { font-size: 4.333rem; }
.f-70 { font-size: 4.666rem; }
.f-75 { font-size: 5rem; }
.f-80 { font-size: 5.333rem; }
.f-90 { font-size: 6rem; }
/* font weight */
.fW-1 { font-weight: 100; } /* Thin (Hairline) */
.fW-2 { font-weight: 200; } /* Extra Light (Ultra Light) */
.fW-3 { font-weight: 300; } /* Light */
.fW-4 { font-weight: 400; } /* Normal */
.fW-5 { font-weight: 500; } /* Medium */
.fW-6 { font-weight: 600; } /* Semi Bold (Demi Bold) */
.fW-7 { font-weight: 700; } /* Bold */
.fW-8 { font-weight: 800; } /* Extra Bold (Ultra Bold) */
.fW-9 { font-weight: 900; } /* Black (Heavy) */
/* font color */
.fC-white { color: #fff;}
.fC-gray { color: #3C3C3C;}
.fC-gray-2 { color: #505050;}
.fC-blue { color: #374EE4;}
.fC-red { color: #F85465;}
.fC-sky { color: #2D94E6;}
.fC-green { color: #20CB73;}
.fC-yellow { color: #FECE3B;}
.fC-purple { color: #8B61FF;}
/* vertical align */
.vA-t { vertical-align: top; }
.vA-m { vertical-align: middle ; }
/* line height */
.lH-1 { line-height: 1.05; }
.lH-1_2 { line-height: 1.2; }
.lH-1_3 { line-height: 1.3; }
.lH-1_4 { line-height: 1.4; }
.lH-1_5 { line-height: 1.5; }
.lH-2 { line-height: 2; }
/*********************************************/
/* font style */
.italic { font-style: italic; }
/*********************************************/
/* position common */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.left-0 { left: 0; }
.left-50P { left: 50%; }
.right-0 { right: 0; }
.top-0 { top: 0; }
/*********************************************/
/* clear common */
.clear:after { content: ''; display: block; clear: both; }
/*********************************************/
/* float common */
.float-l { float: left; }
.float-r { float: right; }
.float-b { clear: both; }
/*********************************************/
/* text align common */
.tA-l { text-align: left !important; }
.tA-c { text-align: center !important; }
.tA-r { text-align: right !important; }
/*********************************************/
/* width common */
.w-auto { width: auto; }
.w-10 { width: 10px; }
.w-20 { width: 20px; }
.w-30 { width: 30px; }
.w-40 { width: 40px; }
.w-50 { width: 50px; }
.w-60 { width: 60px; }
.w-70 { width: 70px; }
.w-80 { width: 80px; }
.w-90 { width: 90px; }
.w-100 { width: 100px; }
.w-120 { width: 120px; }
.w-150 { width: 150px; }
/* percent */
.w-5P { width: 5%; }
.w-10P { width: 10%; }
.w-15P { width: 15%; }
.w-20P { width: 20%; }
.w-30P { width: 30%; }
.w-33_3P { width: 33.333%; }
.w-35P { width: 35%; }
.w-40P { width: 40%; }
.w-45P { width: 45%; }
.w-47_5P { width: 47.5%; }
.w-50P { width: 50%; }
.w-55P { width: 55%; }
.w-60P { width: 60%; }
.w-65P { width: 65%; }
.w-70P { width: 70%; }
.w-100P { width: 100%; }
/* view port */
.w-30VW { width: 30vw; }
/*********************************************/
/* max width */
.maxW-0 { max-width: 0; }
.maxW-1200 { max-width: 1200px; }
/* max width percent */
.maxW-100P { max-width: 100%; }
/*********************************************/
/* min width */
.minW-0 { min-width: 0; }
/* percent */
.minW-50P { min-width: 50%; }
.minW-100P { min-width: 100%; }
/*********************************************/
/* height common */
.h-10 { height: 10px; }
.h-20 { height: 20px; }
.h-30 { height: 30px; }
.h-40 { height: 40px; }
.h-50 { height: 50px; }
.h-60 { height: 60px; }
.h-70 { height: 70px; }
.h-80 { height: 80px; }
.h-90 { height: 90px; }
.h-100 { height: 100px; }
.h-500 { height: 500px; }
/* percent */
.h-50P { height: 50%; }
.h-100P { height: 100%; }
/* view port */
.h-80VH { height: 80vh; }
.h-100VH { height: 100vh; }
/* em */
.h-2E { height: 2em; }
.h-3E { height: 3em; }
/* ren */
.h-15R { height: 15rem; }
/********************************************/
/* max height */
.maxH-0 { max-height: 0; }
.maxH-100 { max-height: 100px; }
.maxH-120 { max-height: 120px; }
.maxH-150 { max-height: 150px; }
/* percent */
.maxH-100P { max-height: 100%; }
/********************************************/
/* min height */
.minH-0 { min-height: 0; }
.minH-10 { min-height: 10px; }
.minH-20 { min-height: 20px; }
.minH-30 { min-height: 30px; }
.minH-40 { min-height: 40px; }
.minH-50 { min-height: 50px; }
.minH-60 { min-height: 60px; }
.minH-70 { min-height: 70px; }
.minH-80 { min-height: 80px; }
.minH-90 { min-height: 90px; }
.minH-100 { min-height: 100px; }
.minH-500 { min-height: 500px; }
.minH-600 { min-height: 500px; }
/* em */
.minH-2E { min-height: 2em; }
.minH-2_5E { min-height: 2.5em; }
.minH-3E { min-height: 3em; }
.minH-4E { min-height: 4em; }
.minH-5E { min-height: 5em; }
/* view port */
.minH-100VH { min-height: 100vh; }
/********************************************/
/* margin common */
.m-0 { margin: 0; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
/********************************************/
/* margin left */
.ml-auto { margin-left: auto; }
.ml-0 { margin-left: 0px; }
.ml-3 { margin-left: 3px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
/* percent */
.ml-1P { margin-left: 1%; }
.ml-2_5P { margin-left: 2.5%; }
.ml-5P { margin-left: 5%; }
.ml-10P { margin-left: 10%; }
/* rem */
.ml-1R { margin-left: 1rem; }
.ml-3R { margin-left: 3rem; }
.ml-5R { margin-left: 5rem; }
.ml-6R { margin-left: 6rem; }
/********************************************/
/* margin right */
.mr-auto { margin-right: auto; }
.mr-0 { margin-right: 0px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
/* percent */
.mr-1P { margin-right: 1%; }
.mr-2_5P { margin-right: 2.5%; }
.mr-5P { margin-right: 5%; }
.mr-10P { margin-right: 10%; }
.mr-15P { margin-right: 15%; }
.mr-20P { margin-right: 20%; }
.mr-25P { margin-right: 25%; }
.mr-30P { margin-right: 30%; }
/* em */
.mr-0_5E { margin-right: .5em; }
.mr-1E { margin-right: 1em; }
.mr-2E { margin-right: 2em; }
.mr-3E { margin-right: 3em; }
/* rem */
.mr-1R { margin-right: 1rem; }
.mr-2R { margin-right: 2rem; }
.mr-3R { margin-right: 3rem; }
.mr-4R { margin-right: 4rem; }
.mr-5R { margin-right: 5rem; }
/********************************************/
/* margin top */
.mt-auto { margin-top: auto; }
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-100 { margin-top: 100px; }
.mt-150 { margin-top: 150px; }
/* percent */
.mt-2P { margin-top: 2%; }
.mt-5P { margin-top: 5%; }
.mt-10P { margin-top: 10%; }
.mt-20P { margin-top: 20%; }
.mt-30P { margin-top: 30%; }
.mt-40P { margin-top: 40%; }
.mt-50P { margin-top: 50%; }
/* em */
.mt-1E { margin-top: 1em; }
.mt-2E { margin-top: 2em; }
.mt-2_5E { margin-top: 2.5em; }
.mt-3E { margin-top: 3em; }
/* rem */
.mt-1R { margin-top: 1rem; }
.mt-1_5R { margin-top: 1.5rem; }
.mt-2R { margin-top: 2rem; }
.mt-2_5R { margin-top: 2.5rem; }
.mt-3R { margin-top: 3rem; }
.mt-4R { margin-top: 4rem; }
.mt-5R { margin-top: 5rem; }
/*********************************************/
/* margin bottom */
.mb-auto { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: 2px; }
.mb-3 { margin-bottom: 3px; }
.mb-4 { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-100 { margin-bottom: 100px; }
/* view port */
.mb-10VH { margin-bottom: 10vh; }
.mb-15VH { margin-bottom: 15vh; }
.mb-20VH { margin-bottom: 20vh; }
/* percent */
.mb-2P { margin-bottom: 2%; }
.mb-5P { margin-bottom: 5%; }
.mb-7_5P { margin-bottom: 7.5%; }
.mb-10P { margin-bottom: 10%; }
.mb-15P { margin-bottom: 15%; }
/* em */
.mb-1E { margin-bottom: 1em; }
.mb-1_5E { margin-bottom: 1.5em; }
.mb-2E { margin-bottom: 2em; }
.mb-3E { margin-bottom: 3em; }
.mb-4E { margin-bottom: 4em; }
/* rem */
.mb-0_5R { margin-bottom: .5rem; }
.mb-1R { margin-bottom: 1rem; }
.mb-1_5R { margin-bottom: 1.5rem; }
.mb-2R { margin-bottom: 2rem; }
.mb-3R { margin-bottom: 3rem; }
.mb-4R { margin-bottom: 4rem; }
.mb-6R { margin-bottom: 6rem; }
.mb-7R { margin-bottom: 7rem; }
/*********************************************/
/* margin left, right */
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.mx-10 { margin-left: 10px; margin-right: 10px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
/* percent */
.mx-3P { margin-left: 3%; margin-right: 3%; }
.mx-5P { margin-left: 5%; margin-right: 5%; }
.mx-10P { margin-left: 10%; margin-right: 10%; }
/* rem */
.mx-1R { margin-left: 1rem; margin-right: 1rem; }
/*********************************************/
/* margin top, bottom */
.my-auto { margin-top: auto; margin-bottom: auto; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-25 { margin-top: 25px; margin-bottom: 25px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
/* percent */
.my-2P { margin-top: 2%; margin-bottom: 2%; }
.my-5P { margin-top: 5%; margin-bottom: 5%; }
/* em */
.my-1E { margin-top: 1em; margin-bottom: 1em; }
.my-1_5E { margin-top: 1.5em; margin-bottom: 1.5em; }
.my-2E { margin-top: 2em; margin-bottom: 2em; }
.my-3E { margin-top: 3em; margin-bottom: 3em; }
.my-5E { margin-top: 5em; margin-bottom: 5em; }
/* rem */
.my-1R { margin-top: 1rem; margin-bottom: 1rem; }
.my-1_5R { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-2R { margin-top: 2rem; margin-bottom: 2rem; }
.my-3R { margin-top: 3rem; margin-bottom: 3rem; }
.my-5R { margin-top: 5rem; margin-bottom: 5rem; }
/*********************************************/
/* padding common */
.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
/* percent */
.p-2P { padding: 2%; }
.p-2_5P { padding: 2.5%; }
.p-3P { padding: 3%; }
.p-4P { padding: 4%; }
.p-5P { padding: 5%; }
.p-10P { padding: 10%; }
.p-15P { padding: 15%; }
.p-20P { padding: 20%; }
/* rem */
.p-1R { padding: 1rem; }
.p-2R { padding: 2rem; }
.p-3R { padding: 3rem; }
.p-7_5P { padding: 7.5%; }
/*********************************************/
/* padding left */
.pl-0 { padding-left: 0; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
/* percent */
.pl-2_5P { padding-left: 2.5%; }
/*********************************************/
/* padding right */
.pr-0 { padding-right: 0; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
/* percent */
.pr-2P { padding-right: 2%; }
.pr-2_5P { padding-right: 2.5%; }
.pr-5P { padding-right: 5%; }
.pr-10P { padding-right: 10%; }
.pr-15P { padding-right: 15%; }
.pr-1P { padding-right: 1%; }
/*********************************************/
/* padding top */
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-120 { padding-top: 120px; }
/* percent */
.pt-3P { padding-top: 3%; }
.pt-5P { padding-top: 5%; }
.pt-7_5P { padding-top: 7.5%; }
.pt-8P { padding-top: 8%; }
.pt-10P { padding-top: 10%; }
.pt-20P { padding-top: 20%; }
.pt-30P { padding-top: 30%; }
.pt-40P { padding-top: 40%; }
.pt-50P { padding-top: 50%; }
.pt-60P { padding-top: 60%; }
/* view port */
.pt-10VH { padding-top: 10vh; }
.pt-20VH { padding-top: 20vh; }
.pt-30VH { padding-top: 30vh; }
/* rem */
.pt-1R { padding-top: 1rem; }
.pt-3R { padding-top: 3rem; }
/*********************************************/
/* padding bottom */
.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
/* rem */
.pb-3R { padding-bottom: 3rem; }
.pb-5R { padding-bottom: 5rem; }
.pb-7R { padding-bottom: 7rem; }
/* percent */
.pb-5P { padding-bottom: 5%; }
.pb-10P { padding-bottom: 10%; }
/* view port */
.pb-5VH { padding-bottom: 5vh; }
.pb-20VH { padding-bottom: 20vh; }
.pb-30VH { padding-bottom: 30vh; }
/*********************************************/
/* padding left, right */
.px-0 { padding-left: 0; padding-right: 0; }
.px-5 { padding-left: 5px; padding-right: 5px; }
.px-10 { padding-left: 10px; padding-right: 10px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-25 { padding-left: 25px; padding-right: 25px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-50 { padding-left: 50px; padding-right: 50px; }
.px-55 { padding-left: 55px; padding-right: 55px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.px-70 { padding-left: 70px; padding-right: 70px; }
/* percent */
.px-2_5P { padding-left: 2.5%; padding-right: 2.5%; }
.px-3P { padding-left: 3%; padding-right: 3%; }
.px-5P { padding-left: 5%; padding-right: 5%; }
.px-7P { padding-left: 7%; padding-right: 7%; }
.px-7_5P { padding-left: 7.5%; padding-right: 7.5%; }
.px-10P { padding-left: 10%; padding-right: 10%; }
.px-12_5P { padding-left: 12.5%; padding-right: 12.5%; }
.px-14P { padding-left: 14%; padding-right: 14%; }
.px-20P { padding-left: 20%; padding-right: 20%; }
/* em */
.px-2E { padding-left: 2em; padding-right: 2em; }
/* rem */
.px-2R { padding-left: 2rem; padding-right: 2rem; }
.px-3R { padding-left: 3rem; padding-right: 3rem; }
.px-5R { padding-left: 5rem; padding-right: 5rem; }
/*********************************************/
/* padding top, bottom */
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-25 { padding-top: 25px; padding-bottom: 25px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
/* percent */
.py-5P { padding-top: 5%; padding-bottom: 5%; }
.py-8P { padding-top: 8%; padding-bottom: 8%; }
.py-10P { padding-top: 10%; padding-bottom: 10%; }
/* view port */
.py-5VH { padding-top: 5vh; padding-bottom: 5vh; }
.py-10VH { padding-top: 10vh; padding-bottom: 10vh; }
/* em */
.py-07E { padding-top: 0.7em; padding-bottom: 0.7em; }
/* rem */
.py-1R { padding-top: 1rem; padding-bottom: 1rem; }
.py-2R { padding-top: 2rem; padding-bottom: 2rem; }
.py-3R { padding-top: 3rem; padding-bottom: 3rem; }
.py-4R { padding-top: 4rem; padding-bottom: 4rem; }
.py-5R { padding-top: 5rem; padding-bottom: 5rem; }
.py-10R { padding-top: 10rem; padding-bottom: 10rem; }
/*********************************************/
/* translate common */
.translateY-100VH { transform: translate3d(0, 100vh, 0); }
.scale-150 { transform: scale(1.5); }