/* Reset CSS */
@charset "UTF-8";
@font-face {
    font-family: 'GmarketSansBold';
    src: url("../fonts/GmarketSansBold.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

/* font */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src:
            url('../fonts/Pretendard-Thin.otf') format('opentype'),
            url('../fonts/Pretendard-Thin.ttf') format('truetype'),
            url('../fonts/Pretendard-Thin.woff') format('woff'),
            url('../fonts/Pretendard-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src:
            url('../fonts/Pretendard-ExtraLight.otf') format('opentype'),
            url('../fonts/Pretendard-ExtraLight.ttf') format('truetype'),
            url('../fonts/Pretendard-ExtraLight.woff') format('woff'),
            url('../fonts/Pretendard-ExtraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src:
            url('../fonts/Pretendard-Light.otf') format('opentype'),
            url('../fonts/Pretendard-Light.ttf') format('truetype'),
            url('../fonts/Pretendard-Light.woff') format('woff'),
            url('../fonts/Pretendard-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src:
            url('../fonts/Pretendard-Regular.otf') format('opentype'),
            url('../fonts/Pretendard-Regular.ttf') format('truetype'),
            url('../fonts/Pretendard-Regular.woff') format('woff'),
            url('../fonts/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src:
            url('../fonts/Pretendard-Medium.otf') format('opentype'),
            url('../fonts/Pretendard-Medium.ttf') format('truetype'),
            url('../fonts/Pretendard-Medium.woff') format('woff'),
            url('../fonts/Pretendard-Medium.woff2') format('woff2');
}


@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src:
            url('../fonts/Pretendard-Bold.otf') format('opentype'),
            url('../fonts/Pretendard-Bold.ttf') format('truetype'),
            url('../fonts/Pretendard-Bold.woff') format('woff'),
            url('../fonts/Pretendard-Bold.woff') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src:
            url('../fonts/Pretendard-ExtraBold.otf') format('opentype'),
            url('../fonts/Pretendard-ExtraBold.ttf') format('truetype'),
            url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
            url('../fonts/Pretendard-ExtraBold.woff') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src:
            url('../fonts/Pretendard-Black.otf') format('opentype'),
            url('../fonts/Pretendard-Black.ttf') format('truetype'),
            url('../fonts/Pretendard-Black.woff') format('woff'),
            url('../fonts/Pretendard-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 300;
    src:
            url('../fonts/GmarketSans/GmarketSansTTFLight.ttf') format('truetype'),
            url('../fonts/GmarketSans/GmarketSansLight.woff') format('woff'),
            url('../fonts/GmarketSans/GmarketSansLight.woff') format('woff2');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 500;
    src:
            url('../fonts/GmarketSans/GmarketSansTTFMedium.ttf') format('truetype'),
            url('../fonts/GmarketSans/GmarketSansMedium.woff') format('woff'),
            url('../fonts/GmarketSans/GmarketSansMedium.woff') format('woff2');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 700;
    src:
            url('../fonts/GmarketSans/GmarketSansTTFBold.ttf') format('truetype'),
            url('../fonts/GmarketSans/GmarketSansBold.woff') format('woff2');
}
@font-face {
    font-family: 'Somi';
    src: url('../fonts/Somi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.letterBg *{font-size:16px; font-family:"Pretendard"; font-weight:400;}

.letterWrap > a{display:flex; align-items: center; color:#fff; font-family:"Gmarket Sans"; font-weight:500; color:#fff; justify-content: end; gap:0px 2px; margin-bottom:20px;}
.letterWrap > a::After{content:""; display:block; width:24px; height:24px; background:url("../images/letter_close.svg")center center no-repeat; background-size:100%;}

.letterWrap{margin:0 auto; width:100%; max-width:1270px; background:url("../images/letter_bg.png")top center repeat-y; background-size:cover; padding:40px 8% 40px; height:100%; overflow: auto;}
.letterBg::-webkit-scrollbar-button{display:none;}

.bigWrap{position:relative; background:#fff; background-size:cover;}
.bigWrap::Before{content:""; position:absolute; z-index:1; width:100%; height:483px;
    background: url("../images/big_wrap_bg.svg") lightgray 0px -7.165px / 58.402% 96.61% no-repeat, linear-gradient(180deg, rgba(89, 112, 133, 0.00) 29.6%, rgba(116, 130, 151, 0.10) 100%);
    background-blend-mode: multiply, normal;
}
body.scrLock{overflow:hidden;}
.grd{display:inline-block; background: linear-gradient(259deg, #0044BD 6.87%, #C40051 90.4%); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
h1.grd{display:block; font-size:60px; font-weight:700; font-family:"GmarketSansBold";}
.bigWrap{padding:12px;}
.detailWrap{position:relative; z-index:3; padding-top:46px; text-align:center; border:1px solid #D8BC9A; border-radius:15px;}
.detailWrap .icon{margin-bottom:24px;}
.txt_wrap1{display:block; font-size:40px; font-weight:700; font-family: "GmarketSans"; margin-bottom:40px;}
.txt_wrap2{font-size:20px; color:#3F3F3F; margin-bottom:40px;}
.txt_wrap2 b{font-size:20px; font-weight:700;}


.txt_wrap5{background:#232B3E; display:flex; flex-direction: column; padding:37.5px 0px; position:relative;}
.letterBg{display:none; background:rgba(0,0,0,0.6); z-index:9999; position:fixed; top:0px; left:0px; width:100vw; height:100vh;}
.letterBg.on{display:block;}
.txt_wrap5::before,
.txt_wrap5::after{content:""; display:block; width:55px; height:81px; position:absolute; top:50%; transform:translateY(-50%);}
.txt_wrap5::before{background:url("../images/letter_bg_arrow1.svg")center center no-repeat; right:-10px;}
.txt_wrap5::after{background:url("../images/letter_bg_arrow2.svg")center center no-repeat; left:-10px;}
.txt_wrap3{display:block; font-size:24px; font-weight:700; font-family:"GmarketSansbold"; margin-bottom:20px;}
.txt_wrap3 span{font-size:24px; font-weight:700; font-family:"GmarketSansbold";}
.txt_wrap4{font-size:18px; font-weight:400; font-family:"Pretendard"; text-align:center; line-height:150%; margin-bottom:40px;}
.txt_wrap4 b{font-weight:700; font-family:"Pretendard"; font-size:18px;}
.txt_wrap4 span{font-weight:700; font-family:"Pretendard"; font-size:18px;}
.txt_wrap4 strong{font-size:20px; font-weight:700; font-family:"GmarketSansBold";}
.txt_wrap5{display:block; font-size:22px; font-weight:600; font-family:"GmarketSans"; color:#fff; margin-bottom:40px;}
.txt_wrap5 strong{display:block; font-size:22px; font-weight:600; font-family:"GmarketSans"; color:#FFE3C1; line-height:150%;}
.gy{ padding:0px 30px; text-align:left; line-height:150%; margin-bottom:40px; font-size:18px;}
.gy strong{display:block; height:45px; font-size:60px; font-family:"Somi"; color:#C40051; }
.gy p{font-family:"GmarketSansbold"; font-weight:700; color:#000; font-size:36px; margin-bottom:20px; letter-spacing:-3px; line-height:100%;}
.gy b{font-family:"Pretendard"; font-weight:700; font-size:18px;}
.gy span{font-family:"Pretendard"; font-weight:700; color:#3F3F3F; font-size:18px;}
.icon2{margin-bottom:40px;}
.txt_wrap6.grd{display:block; font-size:32px; font-weight:700; font-family:"GmarketSansbold"; margin-bottom:20px;}
.txt_wrap7{font-size:18px; line-height:150%; font-family:"Pretendard"; font-weight:400; margin-bottom:40px;}
.txt_wrap7 b{font-weight:700; }

@media screen and (max-width:768px){
    h1.grd{font-size:30px;}
    .txt_wrap1{font-size:20px; margin-bottom:20px;}
    .txt_wrap2{font-size:11px; margin-bottom:20px;}
    .txt_wrap2 b{font-size:11px;}
    .txt_wrap3,.txt_wrap3 span{font-size:12px;}
    .txt_wrap4,.txt_wrap4 b{font-size:10px; margin-bottom:20px;}
    .txt_wrap4 strong{font-size:10px;}
    .txt_wrap4 span{font-size:10px;}
    .txt_wrap5{padding:20px 0px; margin-bottom:20px; font-size:11px;}
    .txt_wrap5 strong{font-size:11px;}
    .gy{padding:0px 10px;}
    .gy strong{font-size:30px; height:28px;}
    .gy p{font-size:18px; margin-bottom:10px; letter-spacing:-1px;}
    .gy, .gy b,.gy span{font-size:10px;}
    .txt_wrap6.grd{font-size:16px; margin-bottom:10px;}
    .txt_wrap7,.txt_wrap7 b{font-size:9px; margin-bottom:20px;}

}