@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
@font-face {font-family: 'InkLipquid';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');font-weight: normal;font-style: normal;}



#gnb_pc {margin: 0 auto 0 15%}
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block;  line-height:100px; position:relative; width: auto; padding: 0 15px; cursor: pointer; }
#gnb_pc > ul > li > div a { font-size:1.7rem;  color:#FFF;  font-weight:500 }
#gnb_pc > ul > li > ul { display: none; padding:17px 0; width:180px; background:#645894; position: absolute; top: 102px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:1.7rem; color:#fff; padding:0.4em 12px; line-height: 1.4em;  box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li > ul > li > a:hover { text-decoration:underline}
#header.scroll #gnb_pc > ul > li:hover > div a  { color:#645894}
#header.scroll #gnb_pc > ul > li > div  a { color:#222}


@keyframes sca {
	0%{width: 170%; height: 170%;}
	100%{width: 100%; height: 100%;}
}

.b1_visual{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.b1_visual .bg{ background: url(/images/sub/breast_visual.webp) no-repeat center center / cover; position: relative; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: sca 1.5s ease-in-out; animation-fill-mode: forwards;}
.b1_visual .txt{color: #fff; display: flex; flex-direction: column; justify-content: center; height: 100%; padding-bottom: 100px; }
.b1_visual .txt p{padding-top: 1em; font-size: 4rem; font-family: 'Noto Serif'; font-weight: normal;}
.b1_visual .txt p b{font-weight: 600;}
.b1_visual .txt .slog{font-family: 'Gloock'; font-size: 6.6rem; line-height: 1.1em; font-style: italic;}
.b1_visual .txt h3{padding-top: 0.8em; font-size: 70px; font-weight: 500; font-family: 'GmarketSans';line-height: 1em;}
.b1_visual p.eng{mix-blend-mode: overlay; position: absolute; left: -2%; bottom: -13%; color:#fff; font-size: 35rem; font-family: 'Allura'; line-height: 1; opacity: .2; white-space: nowrap;}
.b1_visual .scroll{text-align: center; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.b1_visual .scroll img{max-width: 36px; margin-bottom: 3px;}
.b1_visual .scroll p{font-family: 'Marcellus', serif; font-size: 13px; color: #fff;}

.b1_visual.breast1-1 .txt h3{color: #7d2b85;}
.b1_visual.breast1-2 .txt h3{font-size: 9rem; line-height: 1.2; font-family: 'Suit'; font-weight: 800;}


@media all and (max-width:1280px){
	.b1_visual .txt{padding-bottom: 160px;}
	.b1_visual .txt p{font-size: 3rem;}
	.b1_visual .txt h3{font-size: 6rem;}
    .b1_visual p.eng{font-size: 20rem; bottom: -0.1em;}
}
@media all and (max-width:976px){
	.b1_visual .txt{padding-bottom: 150px;}
	.b1_visual .txt p{font-size: 2.4rem;}
	.b1_visual .txt h3{font-size: 5rem;}
}
@media all and (max-width:640px){
	.b1_visual .txt{padding-bottom: 140px;}
    .b1_visual .txt .b_txt{max-width: 60%;}
    .b1_visual .txt .b_txt img{max-width: 100%;}
	.b1_visual .txt p{font-size: 19px; }
	.b1_visual .txt h3{font-size: 62px;}
}
@media all and (max-width:480px){
	.b1_visual .txt{padding-bottom: 120px;}
	.b1_visual .txt p{font-size: 18px; }
	.b1_visual .txt h3{font-size: 44px;}
}