/*---------------------------------------------------------------------------------
                              common - basic
---------------------------------------------------------------------------------*/
/* reset */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,600&display=swap');


.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 100;
    src: url('fonts/NotoSansKR-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/NotoSansKR-Light.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/NotoSansKR-DemiLight.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/NotoSansKR-Medium.woff') format('woff');
}

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

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSansKR-Bold-Hestia.woff') format('woff');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/NotoSansKR-Black-Hestia.woff') format('woff');
}

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

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/Montserrat-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/Montserrat-Light.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Montserrat-Regular.woff') format('woff');
}

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

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

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

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/Montserrat-Black.woff') format('woff');
}*/



* {
    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: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
    /*word-break: keep-all;*/
    /*-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;*/
    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 {
    /*line-height: 1;*/
    font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
    color: #131313;
    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 {
    /*-webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;*/
}

/* 아이폰 동그라미, 그림자 제거 */
input, textarea, button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    input::placeholder {
        color: #9a9fa8 !important;
        opacity: 1;
        font-size: 1.4rem !important;
        font-weight: 400 !important;
    }

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;
}

html.wf-loading {
    visibility: hidden;
}

html.wf-active {
    visibility: visible;
}


.cf:after {
    content: "";
    clear: both;
    display: block;
}

input[type=text]::-ms-clear {
    display: none;
}

.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;
}

.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;
}
.bm17 {
    margin-bottom: 17px !important;
}
.bm19 {
    margin-bottom: 19px !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;
}
.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;
}
.bm130 {
    margin-bottom: 130px !important;
}
.bm150 {
    margin-bottom: 150px !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;
}

.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;
}

.tm20 {
    margin-top: 20px !important;
}

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

.tm30 {
    margin-top: 30px !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;
}

.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;
}

.lh30 {
    line-height: 30px !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;
}


/*======================================
			align
========================================*/
.fl {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.fr {
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.overflow_h {
    overflow: hidden;
}

hr {
    height: 1px;
    border-bottom: 1px dashed #d9d9d9;
    margin: 10px 0;
    display: block;
    float: none;
    clear: both;
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}

input::placeholder {
    font-size: 80%;
}


/*말줄임표*/
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    width: 100%;
}

.c_ellipsis_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* ======================================
            부트스트랩 override 
======================================*/

.btn-success {
    background-color: #b5b5b5;
    border-color: #b5b5b5;
}

/*select {
    width: 100% !important;
    min-width: 94px;
    float: none;
}*/

/*.select_wrap {
    position: relative;
    width: 100%;
    min-width: 94px;
}

.select_wrap:after {
    border-color: #222222 transparent transparent transparent;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    position: absolute;
    right: 12px;
    top: 15px;
}
*/
select option:hover, select option:active, select option:focus {
    background: #1e90ff !important;
}

input {
    border-radius: 0px;
}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    margin: -1px;
}


/* ======================================
             기호제작 (list)
======================================*/

/* "※" */
.notice_symbol p {
    position: relative;
    padding-left: 3rem;
}

.notice_symbol p:before {
    content: "※";
    position: absolute;
    left: 6px;
    top: 0px;
}


/* "-" */
.slash_symbol p{
    position: relative;
    padding-left: 2rem;
}

.slash_symbol p:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 5px;
    background-color: #000;
    left: 6px;
    top: 14px;
}


/* "." (가운데 점) */
.point_symbol p {
    position: relative;
    padding-left: 1.5rem;
}

.point_symbol p:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 3px;
    background-color: #000;
    left: 6px;
    top: 10px;
    border-radius: 50%;
}

/* 1. */
.number_symbol li, .number_symbol li {
    position: relative;
    padding-left: 2rem;
    word-break: break-word;
}

.number_symbol li:nth-child(n+10) {
    padding-left: 3rem;
}


.number_symbol li:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
}

.number_symbol li:first-child:before {
    content: "1.";
}

.number_symbol li:nth-child(2):before {
    content: "2.";
}

.number_symbol li:nth-child(3):before {
    content: "3.";
}

.number_symbol li:nth-child(4):before {
    content: "4.";
}

.number_symbol li:nth-child(5):before {
    content: "5.";
}

.number_symbol li:nth-child(6):before {
    content: "6.";
}

.number_symbol li:nth-child(7):before {
    content: "7.";
}

.number_symbol li:nth-child(8):before {
    content: "8.";
}

.number_symbol li:nth-child(9):before {
    content: "9.";
}

.number_symbol li:nth-child(10):before {
    content: "10.";
}

.number_symbol li:nth-child(11):before {
    content: "11.";
}

.number_symbol li:nth-child(12):before {
    content: "12.";
}

.number_symbol li:nth-child(13):before {
    content: "13.";
}

.number_symbol li:nth-child(14):before {
    content: "14.";
}

.number_symbol li:nth-child(15):before {
    content: "15.";
}


/* (1) */
ul.number2_symbol li {
    position: relative;
    padding-left: 2rem;
    word-break: break-word;
}

/*ul.number2_symbol li:nth-child(n+10) {
    padding-left: 3rem;
}*/


ul.number2_symbol li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.number2_symbol li:first-child:before {
    content: "(1)";
}

ul.number2_symbol li:nth-child(2):before {
    content: "(2)";
}

ul.number2_symbol li:nth-child(3):before {
    content: "(3)";
}

ul.number2_symbol li:nth-child(4):before {
    content: "(4)";
}

ul.number2_symbol li:nth-child(5):before {
    content: "(5)";
}

ul.number2_symbol li:nth-child(6):before {
    content: "(6)";
}

ul.number2_symbol li:nth-child(7):before {
    content: "(7)";
}

ul.number2_symbol li:nth-child(8):before {
    content: "(8)";
}

ul.number2_symbol li:nth-child(9):before {
    content: "(9)";
}

/* 1) */
ul.number2_1_symbol li {
    position: relative;
    padding-left: 2rem;
    word-break: break-word;
}

ul.number2_1_symbol li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.number2_1_symbol li:first-child:before {
    content: "1)";
}

ul.number2_1_symbol li:nth-child(2):before {
    content: "2)";
}

ul.number2_1_symbol li:nth-child(3):before {
    content: "3)";
}

ul.number2_1_symbol li:nth-child(4):before {
    content: "4)";
}

ul.number2_1_symbol li:nth-child(5):before {
    content: "5)";
}

ul.number2_1_symbol li:nth-child(6):before {
    content: "6)";
}

ul.number2_1_symbol li:nth-child(7):before {
    content: "7)";
}

ul.number2_1_symbol li:nth-child(8):before {
    content: "8)";
}

ul.number2_1_symbol li:nth-child(9):before {
    content: "9)";
}



/* ① 1동그라미 */
ul.number3_symbol li {
    position: relative;
    padding-left: 2rem;
    word-break: break-word;
}

/*ul.number2_symbol li:nth-child(n+10) {
    padding-left: 3rem;
}*/


ul.number3_symbol li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.number3_symbol li:first-child:before {
    content: "① ";
}

ul.number3_symbol li:nth-child(2):before {
    content: "②";
}

ul.number3_symbol li:nth-child(3):before {
    content: "③";
}

ul.number3_symbol li:nth-child(4):before {
    content: "④";
}

ul.number3_symbol li:nth-child(5):before {
    content: "⑤";
}

ul.number3_symbol li:nth-child(6):before {
    content: "⑥";
}

ul.number3_symbol li:nth-child(7):before {
    content: "⑦";
}

ul.number3_symbol li:nth-child(8):before {
    content: "⑧";
}

ul.number3_symbol li:nth-child(9):before {
    content: "⑨";
}

/* 가. */
ul.number4_symbol li {
    position: relative;
    padding-left: 2rem;
    word-break: break-word;
}

/*ul.number2_symbol li:nth-child(n+10) {
    padding-left: 3rem;
}*/


ul.number4_symbol li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.number4_symbol li:first-child:before {
    content: "가.";
}

ul.number4_symbol li:nth-child(2):before {
    content: "나.";
}

ul.number4_symbol li:nth-child(3):before {
    content: "다.";
}

ul.number4_symbol li:nth-child(4):before {
    content: "라.";
}

ul.number4_symbol li:nth-child(5):before {
    content: "마.";
}

ul.number4_symbol li:nth-child(6):before {
    content: "바.";
}

ul.number4_symbol li:nth-child(7):before {
    content: "사.";
}

ul.number4_symbol li:nth-child(8):before {
    content: "아.";
}

ul.number4_symbol li:nth-child(9):before {
    content: "자.";
}



/* Chrome, Safari용 스크롤 바 */
/*::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border: 3px solid #fff;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
    background: #efefef
}

::-webkit-scrollbar-track {
    background: #efefef;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}

::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: rgba(0,0,0,.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}*/

input::placeholder, textarea::placeholder {
    color: rgba(0,0,0,0.5);
}




/* ======================================
             checkbox 
======================================*/

.chiller_cb span:before, .chiller_cb span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.chiller_cb {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
}

.chiller_cb input {
    display: none;
}

/*.chiller_cb input:checked ~ span {
    background: #fd2727;
    border-color: #fd2727;
}*/

.chiller_cb input:checked ~ span {
    background: #444a9b;
    border-color: #444a9b;
}


.chiller_cb input:checked ~ span:before {
    width: 1.2rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}

.chiller_cb input:checked ~ span:after {
    width: 0.7rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.chiller_cb input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc;
}

.chiller_cb input:disabled ~ label {
    color: #dcdcdc;
}

.chiller_cb input:disabled ~ label:hover {
    cursor: default;
}

.chiller_cb label {
    padding-left: 2rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
    height: 2rem;
    line-height: 2rem;
}

/*체크박스 동그라미*/
/*.chiller_cb span {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 2px solid #ccc;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
    top: -1px;
}

.chiller_cb span:before {
    transform: rotate(-55deg);
    top: 1.5rem;
    left: 0.8rem;
}

.chiller_cb span:after {
    transform: rotate(35deg);
    bottom: 0.8rem;
    left: 0.4rem;
}*/


/*체크박스 사각형*/
.chiller_cb span {
    display: inline-block;
    border: 1px solid #ccc;
    position: absolute;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 1px;
    border-radius: 0;
    border-radius: 50%;
}

.chiller_cb span:before {
    transform: rotate(-45deg);
    top: 1.4rem;
    left: 0.7rem
}

.chiller_cb span:after {
    transform: rotate(35deg);
    bottom: 0.9rem;
    left: 0.3rem;
}


/* 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;
}