/* reset */
@import url("reset_pc.css");
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: local('Pretendard Variable'), url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
th,
td,
a,
span {
    margin: 0;
    padding: 0;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

body {
    color: #000;
    background: #fff;
    /* overflow-x: hidden */
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
nav,
menu {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

fieldset,
img {
    border: 0 none;
    vertical-align: middle;
}

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

ul:after,
ol:after {
    display: block;
    height: 0;
    content: "";
    float: none;
    clear: both;
}

blockquote,
q {
    quotes: none
}

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

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

a {
    color: inherit;
    text-decoration: none;
    background: transparent;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

th,
td {
    padding: 0;
    box-sizing: border-box;
}

img {
    border: 0 none;
    vertical-align: middle;
}

legend,
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 100px;
    white-space: nowrap
}

caption {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.clear:after {
    content: '';
    display: block;
    clear: both
}

.hide {
    overflow: hidden;
    position: absolute;
    left: -9999px;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}


/* form */

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"] {
    height: 50px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #dddddd;
    appearance: none;
    background: #fff;
    color: #666669;
    font-weight: 500;
    font-size: 16px;
    text-indent: 20px;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

input[type=button],
input[type=submit] {
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: none;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

input[type=file] {
    line-height: 1;
    padding: 6px 10px 7px;
    border: 1px solid #a1a1a1;
    background: #fff;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 12px
}

input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only {
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #4d4d4d;
    text-indent: 10px !important
}

input[readonly],
input[disabled] {
    border: 1px solid #eee;
    background: #f7f7f7;
    color: #4d4d4d;
    text-indent: 10px !important
}

textarea::placeholder,
input::placeholder {
    color: #777777
}

select {
   
}

select::-ms-expand {
    display: none;
}

textarea {
    width: 100%;
    padding: 5px 7px;
    font-size: 100.0%;
    appearance: none;
    border-radius: none;
    border: 1px solid #a1a1a1;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

button {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    appearance: none !important;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}


/* ios :hover 일 경우 두번 클릭해야 넘어가는 현상 제거 */

a {
    &::after {
        display: none;
        content: "";
    }
    &:hover {
        &::after {
            display: inline;
        }
    }
}


:focus-visible,
button:focus {
    outline: 3px dashed #fe00f5;
}

:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: 0;
}

.m0 {
    margin: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mt05 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt65 {
    margin-top: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt95 {
    margin-top: 95px !important
}

.mt100 {
    margin-top: 100px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb05 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb95 {
    margin-bottom: 95px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml05 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml65 {
    margin-left: 65px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml75 {
    margin-left: 75px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml85 {
    margin-left: 85px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml95 {
    margin-left: 95px !important
}

.ml100 {
    margin-left: 100px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr05 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr65 {
    margin-right: 65px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr75 {
    margin-right: 75px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr85 {
    margin-right: 85px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr95 {
    margin-right: 95px !important
}

.mr100 {
    margin-right: 100px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pt05 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt65 {
    padding-top: 65px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt75 {
    padding-top: 75px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt85 {
    padding-top: 85px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt95 {
    padding-top: 95px !important
}

.pt100 {
    padding-top: 100px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb05 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb65 {
    padding-bottom: 65px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb75 {
    padding-bottom: 75px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb85 {
    padding-bottom: 85px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb95 {
    padding-bottom: 95px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl05 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl85 {
    padding-left: 85px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl95 {
    padding-left: 95px !important
}

.pl100 {
    padding-left: 100px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr05 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr55 {
    padding-right: 55px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr65 {
    padding-right: 65px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr75 {
    padding-right: 75px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr85 {
    padding-right: 85px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr95 {
    padding-right: 95px !important
}

.pr100 {
    padding-right: 100px !important
}


/* 24.10.15 추가 */
@media only all and (max-width: 1023px) {
    /* form */
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"] {
        height: 36px;
        margin: 0;
        font-size: 12px;
        text-indent: 11px;
    }
    select {
        height: 36px;
        text-indent: 11px;
        font-size: 12px;
        background-position: calc(100% - 10px) center;
    }
}
/* // 24.10.15 추가 */