/*===========================================================================
	FONT
============================================================================*/

/*@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('../fonts/GmarketSansTTFBold.ttf') format('truetype');
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../fonts/GmarketSansTTFMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('../fonts/GmarketSansTTFLight.ttf') format('truetype');
}*/


/*===========================================================================
	CSS 초기화
============================================================================*/
* {font-family: 'Pretendard', sans-serif;  box-sizing:border-box; margin:0; padding:0; font-weight: normal;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, i, dl, dt, dd, ol, ul, li, form, label, legend, article, aside, footer, header, menu, nav, section, video, a {border:0; outline:0; font-size:100%; color:#333; line-height:1;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul, ol, li {list-style:none; }
strong {display: inline-block;}
a {margin:0; padding:0; font-size:100%; }
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle; font-size: 16px;}
p {line-height:1.5; word-break: keep-all;}
img {width: 100%; object-fit: contain;}
input {outline:none;}
button {cursor:pointer; border: 0; outline: 0; background: none; font-size: 16px;}
a {text-decoration: none;}
textarea {resize: none;}



/*===========================================================================
	Global
============================================================================*/

:root {
    /* 폰트 */
    --GmarketSansLight: 'GmarketSansLight',sans-serif;
    --GmarketSansMedium:  'GmarketSansMedium' , sans-serif;
    --GmarketSansBold:  'GmarketSansBold', sans-serif;
    /* 칼라 */
    --1: #BB9202;
    --2: #0091f0;
}

.container { width: 100%; max-width: 1488px; margin: 0 auto; padding: 0 24px; }
.col-wrap { display: flex; flex-direction: column;}
.row-wrap { display: flex; flex-direction: row; }
.mb { display: none; }


.section-container {
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1080px) {
    .pc {
        display: none;
    }

    .mb {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .container{ padding: 0 16px; }
}

 body.open-modal {
     overflow: hidden;
 }




/* footer */
.footer {
    background-color: #000002;
    height: 196px;
    z-index: 9999;
}

.footer .container {
    padding: 48px 16px 0px;
    max-width: 1232px;
    margin: 0 auto;
}

.footer p {
    color: #949494;
}

.footer .top-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 14px;
    border-bottom: 1px solid #fff;
}

.footer .top-wrap .info {
    font-size: 14px;
    line-height: 1.29;
}

.footer .top-le-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
}

.footer .top-le-wrap img {
    max-width: 126px;
}

.footer .btm-wrap {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footer .btm-ri-wrap {
    text-align: right;
}

.footer .list-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer .list-wrap .list-item {
    font-size: 14px;
    color: #f5f5f5;
}

.footer .btm-info {
    margin-top: 10px;
}

.footer .copy-info {
    font-size: 14px;
    color: #8f8f8f;
}

.footer select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 148px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    height: 30px;
    padding: 0 15px;
    padding-right: 20px;
}

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

.footer select {
    background: url('/images/arrow-down.png') no-repeat 90% 50%/18px auto;
}

.footer select option {
    font-size: 16px !important;
    color: #fff !important;
}


@media screen and (max-width: 1080px) {
    .footer {
        height: 330px;
    }

    .footer .container {
        padding: 40px 16px 0;
    }

    .footer .top-wrap {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 20px;
    }

    .footer .top-le-wrap {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .footer .list-wrap {
        display: none;
    }

    .footer .btm-wrap {
        flex-direction: column;
        align-items: start;
        gap: 14px;
        margin-top: 20px;
    }

    .footer .top-le-wrap img {
        max-width: 75px;
    }

    .footer .top-wrap .info {
        font-size: 12px;
        line-height: 1.25;
    }

    .footer p {
        font-size: 12px;
    }

    .footer .btm-info {
        margin-top: unset;
        font-size: 12px;
    }
}