body {
    background-color: #ffffff;
    font-family: 'Noto Sans KR', sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

body.none {
    overflow: hidden;
}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


ul, li {
    list-style: none;
    margin: 0;
}
a {
    text-decoration: none !important;
    color: inherit;
    text-underline: none !important;
}
a:focus {
    color: inherit;
    text-decoration: none !important;
}

button {
    appearance: none;
    border: none;
}

dl, dt, dd {
    margin: 0;
    padding: 0;
}

/*마진-패딩*/
.ma-0 { margin: 0; }
.pa-0 { padding: 0; }

/*my style*/
section {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
}

._full {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

._wide {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

._con {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row {
    position: relative;
    width: 100%;
    display: flex;
}

.row-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.col-contain {
    display: flex;
    width: 100%;
}

.box {
    display: flex;
    box-sizing: border-box;
}

.col1 {
    display: flex;
    width: 100%;
}

.col2 {
    display: flex;
    width: 50%;
}

.col3 {
    display: flex;
    width: calc(100% / 3);
}

.col4 {
    display: flex;
    width: 25%;
}

.col5 {
    display: flex;
    width: 20%;
}


/*커스텀 컬러*/

.red02 {
    color: #dc2b2b;
}
.yel01 {
    color: #ffae00;
}
.black01 {
    color: #000000;
}

.red01 {
    color: #d76d69;
}

.bd-color1 {
    border-color: #999999 !important;
}

/*폰트*/

.noto { font-family: 'Noto Sans KR', sans-serif; }
.cor { font-family: 'Cormorant', serif; }


/*폰트*/
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f34 {font-size: 34px;}
.f38 {font-size: 38px;}
.f42 {font-size: 42px;}
.f47 {font-size: 47px;}
.f52 {font-size: 52px;}
.f57 {font-size: 57px;}
.f62 {font-size: 62px;}
.f67 {font-size: 67px;}
.f72 {font-size: 72px;}
.f77 {font-size: 77px;}
.f82 {font-size: 82px;}
.f92 {font-size: 92px;}
.f102 {font-size: 102px;}

.fl {font-weight: 100;}
.fd {font-weight: 300;}
.fr {font-weight: 400;}
.fm {font-weight: 500;}
.fb {font-weight: 700;}

.fl16 {line-height: 16px;}
.fl18 {line-height: 18px;}
.fl20 {line-height: 20px;}
.fl22 {line-height: 22px;}
.fl24 {line-height: 24px;}
.fl26 {line-height: 26px;}
.fl28 {line-height: 28px;}
.fl30 {line-height: 30px;}
.fl34 {line-height: 34px;}
.fl38 {line-height: 38px;}
.fl42 {line-height: 42px;}
.fl52 {line-height: 52px;}
.fl62 {line-height: 62px;}
.fl72 {line-height: 72px;}
.fl82 {line-height: 82px;}
.fl92 {line-height: 92px;}
.fl102 {line-height: 102px;}
.fl112 {line-height: 112px;}

/*보더 라인*/
.bod-n { border: none; }
.bod { border: solid; }
.bod-t { border-top: solid; }
.bod-b { border-bottom: solid; }
.bod-l { border-left: solid; }
.bod-r { border-right: solid; }

.bod-0 { border-width: 0; }
.bod-1 { border-width: 1px; }
.bod-2 { border-width: 2px; }
.bod-3 { border-width: 3px; }
.bod-4 { border-width: 4px; }
.bod-5 { border-width: 5px; }
.bod-6 { border-width: 6px; }
.bod-7 { border-width: 7px; }
.bod-8 { border-width: 8px; }
.bod-9 { border-width: 9px; }
.bod-10 { border-width: 10px; }
.bod-20 { border-width: 20px; }
.bod-30 { border-width: 30px; }

/*br*/
br {
    display: block;
    content: " ";
    line-height: 22px;
}

.lm-5 { margin: 5px 0 0; }
.lm-10 { margin: 5px 0; }
.lm-15 { margin: 10px 0 5px; }
.lm-20 { margin: 10px 0; }
.lm-25 { margin: 15px 0 10px; }
.lm-30 { margin: 15px 0; }


/*width*/
.xy-100 {
    width: 100%;
    height: 100%;
}
.x-10 { width: 10%; }
.x-20 { width: 20%; }
.x-30 { width: 30%; }
.x-40 { width: 40%; }
.x-50 { width: 50%; }
.x-60 { width: 60%; }
.x-70 { width: 70%; }
.x-80 { width: 80%; }
.x-90 { width: 90%; }
.x-100 { width: 100%; }

.y-50 { height: 50%; }
.y-100 { height: 100%; }


/*오버 플로우*/
.of-h { overflow: hidden; }

/*스페이스*/
.s-pw { white-space:pre-wrap; }
.s-pl { white-space:pre-line; }
.s-n { white-space:normal; }


/*Flex*/
.flex { display: flex; }
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-wrap { flex-wrap: wrap; }
.flex-col { flex-direction: column; }
.flex-xy-c { justify-content: center; align-items: center; }
.flex-x-c { justify-content: center; }
.flex-y-c { align-items: center; }
.flex-x-e { justify-content: flex-end; }
.flex-y-e { align-items: flex-end; }
.flex-sb { justify-content: space-between }

/*포지션*/
.pos-r { position: relative; }
.pos-a { position: absolute; }
.pos-f { position: fixed; }


/*스타일*/
::before, ::after {
    position: absolute;
    content: '';
}
.bg-center {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hr, hr {
    width: 100%;
    height: 1px;
    background-color: #e8ebef !important;
    margin: 0;
    padding: 0;
}

/*텍스트 스타일*/
.upper {
    text-transform: uppercase;
}
.tac { text-align: center; }

.text-c { text-align: center; }


.top {
    position: fixed;
    z-index: 500;
    width: 35px;
    height: 35px;
    background-color: #e35694;
    right: 10px;
    bottom: 20px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    color: white;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.top:hover {
    background-color: rgb(226, 100, 90);
    transition: all 1s ease-in-out;
}



ul,li { list-style: none; margin: 0}
h1,h2,h3,h4,h5,p{ margin: 0; }


.d-flex{ display: flex }
.justify-between{ justify-content: space-between }
.flex-right{ justify-content: flex-end; }
.flex-column{ flex-direction: column }
.flex-center{ justify-content: center; align-items: center; }
.col_5{ width: 50% }
.col_10{ width: 100% }
.form_box{ width: 100%; display: flex; }
.pl_10{ padding-left: 10px}
.pr_10{ padding-right: 10px}
.p_10{ padding: 10px}
.mt_5{ margin-top: 5px; }
.mt_10{ margin-top: 10px; }
.hr_10{
    width: 100%;
    margin: 10px 0;
    height: 1px;
    background-color: #e1e3e5;
}
.hr_15{
    width: 100%;
    margin: 15px 0;
    height: 1px;
    background-color: #e1e3e5;
}

/*==========================*/
.tex_center{ text-align: center; }

/*==========================*/

.radius {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.main {
    padding-bottom: 100px !important;
}
@media only screen and (max-width: 1200px) {
    .main {
        padding-bottom: 70px !important;
    }
}
@media only screen and (max-width: 768px) {
    .main {
        padding-bottom: 50px !important;
    }
}