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

@charset "utf-8";


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

body {
    /*line-height: 1;*/
    font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    font-weight: 300;
    overflow-y: auto;
    height: 100%;
}

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

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

button:focus {
    outline: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
}
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;
}

.bm20 {
    margin-bottom: 20px !important;
}

.bm30 {
    margin-bottom: 30px !important;
}

.bm40 {
    margin-bottom: 40px !important;
}

.bm50 {
    margin-bottom: 50px !important;
}

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

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

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

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

.bm100 {
    margin-bottom: 100px !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;
}

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

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

.vat {
    vertical-align: top;
}

.vam {
    vertical-align: middle;
}

.vab {
    vertical-align: bottom;
}

.blockcenter {
    margin: 0 auto;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.inline {
    display: inline !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

/* Color */
.color_point {
    color: #ff3300 !important;
}

.color_lblue {
    color: #257bca !important;
}

.color_dblue {
    color: #124b9a !important;
}

.color_wblue {
    color: #205fb5 !important;
}

.color_important {
    color: #ff3300 !important;
}

.color_red {
    color: #ff3300 !important;
}

.color_wgray {
    color: #878787 !important;
}

.color_gray {
    color: #666666 !important;
}

.color_lgray {
    color: #aaaaaa !important;
}

.color_wgreen {
    color: #81b501 !important;
}

.color_dgreen {
    color: #529410 !important;
}

.color_white {
    color: #ffffff !important;
}

.color_orange {
    color: #f66504 !important;
}

.color_yellow {
    color: #ffd800 !important;
}

.color_skyblue {
    color: #129dd1 !important;
}

.bold {
    font-weight: bold !important;
}

.form-control[disabled], .form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
    color: #777777;
}

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

.pointer {
    cursor: pointer;
}

.margin-none {
    margin: 0 !important;
}

.margin-top-none {
    margin-top: 0 !important;
}

.margin-left-none {
    margin-left: 0 !important;
}

.margin-right-none {
    margin-right: 0 !important;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.padding-none {
    padding: 0 !important;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-left-none {
    padding-left: 0 !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

/*======================================
			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 
======================================*/
a, a:hover, a:active, a:focus {
    color: inherit;
}
.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;
}