@charset 'UTF-8';
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Pretendard-Thin.woff") format("font-woff"),
    url("../fonts/Pretendard-Thin.woff2") format("woff2");
}

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

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

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

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

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Pretendard-SemiBold.woff") format("font-woff"),
    url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}

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

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

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

.__grotesk { font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; font-style: normal; }


* { box-sizing: border-box; word-break:keep-all; }

.brand-identity a { display:inline-block; width:159px; height:18px; background:url(../img/logo.svg) no-repeat; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }
.forehead .sns-share-box ul li a { text-indent:-9999em; }

body { position:relative; word-wrap:break-word; font-family:"NanumSquareNeo", '나눔고딕', "Apple SD Gothic Neo", 'Malgun Gothic', '맑은고딕', sans-serif, arial; font-size:16px; box-sizing:border-box; color:#222; overflow-x:hidden; }

section { position:relative; width:100%; height:auto; overflow:hidden; }

h2 { font-family: 'NanumSquareNeoExtraBold'; font-size:46px; line-height:66px; letter-spacing:-.92px; }
h3 { font-family: 'NanumSquareNeoExtraBold'; font-size:28px; line-height:61px; letter-spacing:-.56px; }
p { font-size:18px; line-height:32px; letter-spacing:-.54px; }
h2 + p { margin:0 auto; margin-top:44px; }
.title_wrap { text-align:center; }

/* intro */
.intro { height:100vh; }
.intro .__inner { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; transform:scale(0.85); }

.intro .__line { display:flex; position:relative; margin:0 auto; width:fit-content; }
.intro .__line > div { opacity: 0; }
.intro .line_1 { height:12.73vh; }
.intro .line_1 .grow_1 { width:11.73vh; height:12.73vh; background:url(../img/intro_1_1.svg) no-repeat center center; background-size:100% auto; }
.intro .line_1 .grow_2 { margin-top:0.37vh; margin-left:0.08vh; width:8.72vh; height:12.16vh; background:url(../img/intro_1_2.svg) no-repeat center center; background-size:100% auto; }
.intro .line_1 .grow_3 { margin-top:0.92vh; margin-left:0.52vh; width:8.01vh; height:10.58vh; background:url(../img/intro_1_3.svg) no-repeat center center; background-size:100% auto; }
.intro .line_1 .grow_4 { margin-top:0.75vh; margin-left:2.14vh; width:10.87vh; height:9.58vh; background:url(../img/intro_1_4.svg) no-repeat center center; background-size:100% auto; }

.intro .line_2 { margin-top:6.55vh; padding-left:3.87vh; height:14.44vh; }
.intro .line_2 .word_1 { margin-top:0.24vh; width:25.17vh; height:13.16vh; background:url(../img/intro_2_1.svg) no-repeat center center; background-size:100% auto; }
.intro .line_2 .word_2 { margin-left:1.8vh; width:28.89vh; height:14.44vh; background:url(../img/intro_2_2.svg) no-repeat center center; background-size:100% auto; }
.intro .line_2 .word_3 { margin-top:0.37vh; margin-left:4.63vh; width:24.89vh; height:13.44vh; background:url(../img/intro_2_3.svg) no-repeat center center; background-size:100% auto; }
.intro .line_2 .word_4 { margin-top:0.48vh; margin-left:1.05vh; width:25.03vh; height:13.59vh; background:url(../img/intro_2_4.svg) no-repeat center center; background-size:100% auto; }
.intro .line_2 .circle { position:absolute; top:-3.96vh; left:0; width:42.48vh; height:23.17vh; /*background:url(../img/intro_2_circle.svg) no-repeat center center; background-size:100% auto;*/ }
.intro .line_2 .circle .st0 { fill: none; stroke: #a7ce49; stroke-miterlimit: 10; stroke-width: 5px; }
.intro .line_2 .arrow_1 { margin-top:-2.84vh; margin-left:1.8vh; width:5.29vh; height:6.29vh; background:url(../img/intro_2_arrow.svg) no-repeat center center; background-size:100% auto; }
.intro .line_2 .arrow_2 { margin-top:0.39vw; margin-left:-0.52vw; width:5.29vh; height:6.29vh; background:url(../img/intro_2_arrow_2.svg) no-repeat center center; background-size:100% auto; }

.intro .line_3 { margin-top:5.97vh; height:14.57vh; }
.intro .line_3 .together_1 { margin-top:1.4vh; width:11.87vh; height:11.58vh; background:url(../img/intro_3_1.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_2 { margin-top:2.16vh; margin-left:0.15vh; width:7.72vh; height:10.87vh; background:url(../img/intro_3_2.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_3 { margin-top:1.24vh; margin-left:1.9vh; width:7.86vh; height:12.16vh; background:url(../img/intro_3_3.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_4 { margin-top:0.84vh; margin-left:1.75vh; width:9.29vh; height:11.15vh; background:url(../img/intro_3_4.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_5 { margin-top:0; margin-left:-0.84vh; width:8.01vh; height:12.87vh; background:url(../img/intro_3_5.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_6 { margin-top:1.24vh; margin-left:0.44vh; width:8.44vh; height:11.01vh; background:url(../img/intro_3_6.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_7 { margin-top:1.24vh; margin-left:1.24vh; width:7.15vh; height:12.01vh; background:url(../img/intro_3_7.svg) no-repeat center center; background-size:100% auto; }
.intro .line_3 .together_8 { margin-top:0.94vh; margin-left:0.91vh; width:8.86vh; height:13.73vh; background:url(../img/intro_3_8.svg) no-repeat center center; background-size:100% auto; }


/* sec2 */
.sec2 .__inner { display:flex; width:100%; height:fit-content; }
.sec2 .__inner > div { width:50%; }
.sec2 .__inner .__left { display:flex; justify-content:center; align-items:center; background:#f4f8ea; }
.sec2 .__inner .__left .__txt { padding:117px 0 110px; width:550px; height:fit-content; }
.sec2 .__inner .__left .__txt p + p { margin-top:44px; }

.sec2 .__inner .__right { position:relative; overflow:hidden; }
.sec2 .__inner .__right .sub_bg { width:100%; height:100%; background:url(../img/sec2_bg.jpg) no-repeat center center; background-size:cover; }
.sec2 .__inner .__right span { position:absolute; bottom:19px; right:24px; color:#fff; font-size:14px; line-height:22px; letter-spacing:-.42px; text-align:right; }


/* sec3 */
.sec3 { padding:156px 0 137px; }
.sec3 .title_wrap p { width:650px; }
.sec3 .__visual { display:flex; flex-wrap:wrap; gap:27px 24px; margin:0 auto; margin-top:100px; width:1128px; }
.sec3 .__visual li { width:360px; height:371px; border-radius:18px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }

.sec3 .__img { position:relative; width:100%; height:218px; }
.sec3 .__img img { position:absolute; }
.sec3 li:nth-child(1) img { width:175px; height:120px; top:50%; left:50%; transform-origin:0% 0%; animation:step 1s steps(2) infinite; }
.sec3 li:nth-child(2) img { width:151px; height:89px; top:50%; left:50%;  animation:tada 2s infinite;  }
.sec3 li:nth-child(3) img:nth-child(1) { width:94px; height:98px; top:91px; left:82px; } 
.sec3 li:nth-child(3) img:nth-child(2) { width:94px; height:105px; top:83px; right:82px; } 
.sec3 li:nth-child(4) img:nth-child(1) { width:103px; height:79px; top:63px; left:82px; } 
.sec3 li:nth-child(4) img:nth-child(2) { width:124px; height:107px; top:79px; left:123px; } 
.sec3 li:nth-child(4) img:nth-child(3) { width:103px; height:79px; top:87px; left:67px; } 
.sec3 li:nth-child(5) img:nth-child(1) { width:57px; height:57px; top:48px; left:158px; } 
.sec3 li:nth-child(5) img:nth-child(2) { width:89px; height:124px; top:65px; left:101px; } 
.sec3 li:nth-child(5) img:nth-child(3) { width:89px; height:124px; top:85px; left:170px; } 
.sec3 li:nth-child(6) img:nth-child(1) { width:124px; height:136px; top:65px; left:50%; transform:translateX(-50%); } 
.sec3 li:nth-child(6) img:nth-child(2) { width:55px; height:103px; top:91px; left:200px; } 

@keyframes step {
    from { transform:rotate(4deg) translate(-50%, -50%); }
    to { transform:rotate(-8deg) translate(-50%, -50%); }
}

@keyframes tada {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    10%,
    20% {
        -webkit-transform: translate(-50%, -50%) scale(0.9) rotate(-3deg);
        -ms-transform: translate(-50%, -50%) scale(0.9) rotate(-3deg);
        transform: translate(-50%, -50%) scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate(-50%, -50%) scale(1.1) rotate(3deg);
        -ms-transform: translate(-50%, -50%) scale(1.1) rotate(3deg);
        transform: translate(-50%, -50%) scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.1) rotate(-3deg);
        -ms-transform: translate(-50%, -50%) scale(1.1) rotate(-3deg);
        transform: translate(-50%, -50%) scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
        -ms-transform: translate(-50%, -50%) scale(1) rotate(0);
        transform: translate(-50%, -50%) scale(1) rotate(0);
    }
}

.sec3 .__txt { text-align:center; }
.sec3 .__txt h4 { font-family: 'NanumSquareNeoHeavy'; font-size:50px; letter-spacing:-1px; }
.sec3 .__txt h4 span { font-size:30px; letter-spacing:-.6px; }
.sec3 .__txt h4 + p { margin-top:15px; line-height:27px; font-family: 'NanumSquareNeoExtraBold'; }
.sec3 .__txt h4 + p + span { font-size:14px; letter-spacing:-.42px; }


/* sec4 */
.sec4 { padding:76px 0 84px; background:#c1ef65 url(../img/sec4_bg.svg) no-repeat center center; background-size:cover; }
.sec4 .__inner { margin:0 auto; width:615px; text-align:center; }
.sec4 .__inner h2 { font-size:42px; line-height:48px; letter-spacing:-.84px; }
.sec4 .__inner p + p { margin-top:32px; }


/* sec5 */
.sec5 { padding:200px 0 141px; }
.sec5 h3 { display:block; margin:0 auto; padding:0 46px; width:fit-content; color:#fff; background:#945ed3; border-radius:30.5px; }

.sec5 ul { display:flex; gap:22px; margin:0 auto; margin-top:50px; width:989px; }
.sec5 li { width:315px; height:434px; border-radius:18px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
.sec5 h4 { font-family: 'NanumSquareNeoHeavy'; font-size:50px; letter-spacing:-1px; }
.sec5 h4 span { font-size:30px; letter-spacing:-.6px; }
.sec5 h4 + p { margin-top:15px; line-height:27px; font-family: 'NanumSquareNeoExtraBold'; }
.sec5 h4 + p + span { margin-top:19px; font-size:14px; letter-spacing:-.42px; }

.sec5 img { position:absolute; }
.sec5 svg { position:absolute; }

.sec5 .__top ul li { position:relative; padding:44px 32px 0 43px; }
.sec5 .__top ul li p { width:210px; font-family: 'NanumSquareNeoExtraBold'; line-height:27px; }
.sec5 .__top ul li h4 { margin-top:24px; text-align:right; }
.sec5 .__top ul li h4 + span { display:block; margin-top:14px; text-align:right; }
.sec5 .__top ul .box_3 h4 { font-size:46px; letter-spacing:-.92px; }
.sec5 .__top ul .box_3 h4 span { font-size:26px; letter-spacing:-.52px; }

.sec5 .__top ul .box_1 svg { top:240px; left:42px; width:158px; height:155px; } 
.sec5 .__top ul .box_2 svg { top:229px; left:30px; width:178px; height:178px; } 
.sec5 .__top ul .box_3 .dollars { position:absolute; top:252px; left:29px; width:218px; height:143px; } 
.sec5 .__top ul .box_3 .dollars .__inner { position:relative; width:inherit; height:inherit; }
.sec5 .__top ul .box_3 img { width:153px; height:75px; }
.sec5 .__top ul .box_3 img:nth-child(1) { bottom:0; left:0; z-index:5; }
.sec5 .__top ul .box_3 img:nth-child(2) { bottom:16px; left:16px; z-index:4; }
.sec5 .__top ul .box_3 img:nth-child(3) { bottom:32px; left:32px; z-index:3; }
.sec5 .__top ul .box_3 img:nth-child(4) { bottom:48px; left:48px; z-index:2; }
.sec5 .__top ul .box_3 img:nth-child(5) { bottom:64px; left:64px; z-index:1; }

.sec5 .__top .st0 { fill: #e5e5e5; }
.sec5 .__top .st1 { fill: #56c337; }
.sec5 .__top .st2 { fill: #fff; }

.sec5 .__bottom { margin-top:105px; }
.sec5 .__bottom .__img { position:relative; width:100%; height:244px; }
.sec5 .box_4 img:nth-child(1) { width:175px; height:171px; top:32px; left:89px; /*animation:step2 1s steps(2) infinite;*/ }
.sec5 .box_4 img:nth-child(2) { width:84px; height:98px; top:98px; left:68px; /*animation:step2 1s steps(2) infinite; animation-direction: reverse;*/ }
.sec5 .box_5 svg { width:129px; height:129px; top:57px; left:90px; }
.sec5 .box_6 svg { width:129px; height:129px; top:51px; left:88px; }
.sec5 .box_5 img { width:75px; height:64px; top:143px; left:165px; }
.sec5 .box_6 img { width:75px; height:64px; top:140px; left:174px; }

.sec5 .__bottom .st0 { fill: #e5e5e5; }
.sec5 .__bottom .st1 { fill: #a7ce49; }
.sec5 .__bottom .st2 { fill: #fff; }
.sec5 .__bottom .st3 { fill: #ff6d58; }

@keyframes step2 {
    from { transform:rotate(8deg); }
    to { transform:rotate(-8deg); }
}

.sec5 .__txt { text-align:center; }


/* sec6 */
.sec6 span { display:block; margin-top:27px; color:#a5a5a5; font-size:14px; line-height:23px; letter-spacing:-.42px; }

.sec6 #horizon { margin-top:62px; width:5600px; height:623px; background:#f5f5f5; }
.sec6 #horizon .__line { position:absolute; top:273px; left:0; width:100%; height:3px; background:#56c337; overflow:hidden; }
.sec6 #horizon .__line:before { content:''; position:absolute; top:-2px; left:0; width:400px; height:200%; background: linear-gradient(90deg, #f5f5f5, #56c337); }
.sec6 #horizon .__line:after { content:''; position:absolute; top:-2px; right:0; width:400px; height:200%; background: linear-gradient(90deg, #56c337, #f5f5f5); }
.sec6 #horizon .__mask { position:absolute; top:270px; right:0; width:100%; height:15px; background:#f5f5f5; }

.sec6 #horizon ul { display:flex; gap:111px; }
.sec6 #horizon ul li { position:relative; }
.sec6 #horizon ul li:nth-child(1) { margin-left:360px; margin-right:153px; }
.sec6 #horizon ul li p { font-family: 'NanumSquareNeoBold'; }
.sec6 #horizon ul li .__title .__inner,
.sec6 #horizon ul li .__content .__inner { padding:16px 26px; width:fit-content; border-radius:10px; }
.sec6 #horizon ul li .__title { display:flex; align-items: flex-end; margin-top:75px; height:134px; }
.sec6 #horizon ul li .__title .__inner { margin-top:auto; background:#c1ef63; }
.sec6 #horizon ul li .__year { margin-top:40px; padding:12px 24px; width:fit-content; font-family: 'NanumSquareNeoHeavy'; color:#fff; font-size:20px; letter-spacing:-.4px; background:#56c337; border-radius:22px; }
.sec6 #horizon ul li .__content { margin-top:39px; }
.sec6 #horizon ul li .__content .__inner { background:#fff; }

.sec6 #horizon ul li .__title p,
.sec6 #horizon ul li .__content p { position:relative; margin-left:15px; }
.sec6 #horizon ul li .__title p:before,
.sec6 #horizon ul li .__content p:before { content:'•'; position:absolute; top:0; left:-15px; width:15px; height:32px; }


/* sec7 - common */
/* video */
.video_area { display:flex; margin:0 auto; width:1200px; }
.video_area .__left { margin-top:17px; width:764px; }
.video_area .__left .__title { display:flex; align-items:center; gap:12px; }
.video_area .__left .__title span { display:inline-block; width:71px; height:24px; font-size:10px; line-height:24px; letter-spacing:0.3px; text-align:center; background:#ffd3d3; border-radius:12px; }
.video_area .__left .__title span + h5 { font-family: 'NanumSquareNeoHeavy'; font-size:30px; line-height:34px; }

.video_area .video_wrap { position:relative; margin-top:28px; width:764px; height:430px; overflow:hidden; }
.video_area .video_wrap .video_poster { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:764px; height:430px; transition:all .3s ease; z-index:10; }
.video_area .video_wrap .video_poster .video_thumb { width:764px; height:430px; background:url(../img/romnd_poster.png) no-repeat center center; background-size:100% 100%; }
.video_area .video_wrap .video_poster .btn_play { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:110px; height:110px; background:url(../img/btn_play.svg) no-repeat center center; background-size:100% auto; transition:all .3s ease; cursor:pointer; transform-origin:top left; }
.video_area .video_wrap .video_poster .btn_play:hover { /*width:110px; height:110px; background:url(../img/btn_play_hover.svg) no-repeat center center; background-size:100% auto;*/ transform:scale(1.1) translate(-50%, -50%); }

.video_box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:764px; height:430px; transition:all .5s ease; }
#video_bridge .bridge_panel { width:764px; height:430px; margin:0 auto; }
#video_bridge .bridgeVideo { width:100%; height:100%; min-width:764px; min-height:430px; }
.video_controls { display:none; }

.video_poster.remove { opacity:0; }

.video_area .__right { display:flex; justify-content:center; align-items:center; width:436px; height:588px; background:#fedce3; border-radius:18px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); }
.video_area .__right p { font-family: 'NanumSquareNeoBold'; width:314px; }

/* brand */
.brand_wrap { position:relative; width:100vw; height:684px; overflow:visible; text-align:center; }
.brand_wrap h4 { position:absolute; top:0; left:50%; transform:translateX(-50%); width:200vw; color:#ffedf0; font-size:29.74vw; line-height:684px; letter-spacing:-.89vw; z-index:-1; }
.brand_wrap h3 { padding-top:356px; font-family: 'NanumSquareNeoExtraBold'; font-size:34px; line-height:38px; letter-spacing:-1.02px; }
.brand_wrap h3 + p { margin-top:17px; color:#6f6f6f; font-size:16px; line-height:18px; letter-spacing:-.48px; }

/* article */
.article { display:flex; flex-wrap:wrap; flex-direction:column; gap:41px; margin:0 auto; width:1047px; }
.article .__txt { display:flex; gap:37px; }
.article .__txt > div { padding:58px 51px 0; width:505px; height:537px; border-radius:18px; }
.article .__txt h6 { font-family: 'NanumSquareNeoExtraBold'; font-size:24px; line-height:26px; letter-spacing:-.72px; }
.article .__txt h6 + p { margin-top:70px; }

.article .__visual { overflow:hidden; border-radius:18px; }
.article .__visual img { display:block; width:100%; }


/* sec7 */
.sec7 { padding-top:135px; }
.sec7 .title_wrap p { width:578px; }

.sec7 .video_area { margin-top:31px; }

.sec7 .article { margin-top:147px; }
.sec7 .article .txt_1 .__left { background:#fff0eb; }
.sec7 .article .txt_1 .__right { background:#fff4e2; }

.sec7 .article .txt_2 .__left { background:#ffe6e6; }
.sec7 .article .txt_2 .__right { background:#ffe5ef; }


/* sec8 */
.sec8 .brand_wrap h4 { color:#e3faff; }

.sec8 .video_area .__left .__title span { background:#d0f3fa; }
.sec8 .video_wrap .video_poster .video_thumb { background:url(../img/trd_poster.png) no-repeat center center; background-size:100% auto; }
.sec8 .video_area .__right { background:#bae5ff; }

.sec8 .article { margin-top:134px; }
.sec8 .article .txt_1 .__left { background:#ebfcff; }
.sec8 .article .txt_1 .__right { background:#e2f3ff; }

.sec8 .article .txt_2 .__left { background:#edf1ff; }
.sec8 .article .txt_2 .__right { background:#e5f5ff; }


/* sec9 */
.sec9 { margin-top:200px; }
.sec9 .title_wrap p { width:596px; }

.sec9 .md_swiper { position:relative; margin:0 auto; margin-top:122px; width:1200px; }
.sec9 .md_swiper .swiper-slide { opacity:0; display:flex; width:1200px; height:633px; border-radius:18px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); transition:opacity .3s ease; }
.sec9 .md_swiper .swiper-slide.swiper-slide-active { opacity:1; }

.sec9 .md_swiper .swiper-slide .__left { width:720px; }
.sec9 .md_swiper .swiper-slide .__left .__txt { padding:46px 43px 41px 39px; }
.sec9 .md_swiper .swiper-slide .__left .__txt h5 { font-family: 'NanumSquareNeoExtraBold'; font-size:26px; line-height:29px; letter-spacing:-.78px; }
.sec9 .md_swiper .swiper-slide .__left .__txt .interview_wrap { display:flex; gap:17px; margin-top:50px; }
.sec9 .md_swiper .swiper-slide .__left .__txt .interview_wrap > div { position:relative; padding:30px 28px; width:310px; height:466px; background:#f7f7f7; border-radius:10px; }
.sec9 .md_swiper .swiper-slide .__left .__txt .interview_wrap p.narrow { font-size:17.8px; letter-spacing:-1px; }

.sec9 .md_swiper .swiper-slide .__left .__txt .profile { display:flex; gap:17px; align-items:center; position:absolute; bottom:23px; left:33px; }
.sec9 .md_swiper .swiper-slide .__left .interview_1 .profile .__photo { width:53px; height:53px; background:url(../img/sec9_profile.png) no-repeat center center; background-size:100% auto; }
.sec9 .md_swiper .swiper-slide .__left .interview_2 .profile .__photo { width:53px; height:53px; background:url(../img/sec9_profile_2.png) no-repeat center center; background-size:100% auto; }
.sec9 .md_swiper .swiper-slide .__left .__txt .profile .__name { font-family: 'NanumSquareNeoBold'; font-size:16px; line-height:22px; letter-spacing:-.48px; }

.sec9 .md_swiper .swiper-slide .__right { width:480px; }
.sec9 .md_swiper .swiper-slide .__right img { width:100%; }

.sec9 .md_swiper .swiper-pagination { bottom:-70px; left:37px; width:fit-content; }
.sec9 .md_swiper .swiper-pagination-bullet { margin:0 10px; width:10px; height:10px; opacity:1; background:#cbcbcb; transition:background .3s ease; }
.sec9 .md_swiper .swiper-pagination-bullet-active,
.sec9 .md_swiper .swiper-pagination-bullet:hover { background:#484848; }

.sec9 .md_swiper .swiper-button-autoplay { position:absolute; bottom:-76px; left:163px; width:30px; height:30px; }
.sec9 .md_swiper .swiper-button-autoplay > div { position:absolute; top:0; left:0; width:30px; height:30px; transition:background .3s ease; }
.sec9 .md_swiper .swiper-pause { background:url(../img/btn_pause.svg) no-repeat center center; cursor:pointer; z-index:2; }
.sec9 .md_swiper .swiper-pause:hover { background:url(../img/btn_pause_hover.svg) no-repeat center center; }
.sec9 .md_swiper .swiper-start { display:none; background:url(../img/btn_start.svg) no-repeat center center; cursor:pointer; z-index:-1; }
.sec9 .md_swiper .swiper-start:hover { background:url(../img/btn_start_hover.svg) no-repeat center center; }

.sec9 .md_swiper .swiper-button-next, .sec9 .md_swiper .swiper-rtl .swiper-button-prev { top:auto; bottom:-95px; right:23px; width:50px; height:50px; background:url(../img/sec9_next.svg) no-repeat center center; background-size:100% auto; transition:background .3s ease; }
.sec9 .md_swiper .swiper-button-next:hover, .sec9 .md_swiper .swiper-rtl .swiper-button-prev:hover { background:url(../img/sec9_next_h.svg) no-repeat center center; background-size:100% auto; }
.sec9 .md_swiper .swiper-button-prev, .sec9 .md_swiper .swiper-rtl .swiper-button-next { top:auto; bottom:-95px; left:auto; right:86px; width:50px; height:50px; background:url(../img/sec9_prev.svg) no-repeat center center; background-size:100% auto; transition:background .3s ease; }
.sec9 .md_swiper .swiper-button-prev:hover, .sec9 .md_swiper .swiper-rtl .swiper-button-next:hover { background:url(../img/sec9_prev_h.svg) no-repeat center center; background-size:100% auto; }
.sec9 .md_swiper .swiper-button-next:after, .sec9 .md_swiper .swiper-button-prev:after { display:none; }


.sec9 .video_wrap { position:relative; margin:0 auto; margin-top:227px; width:1200px; height:675px; overflow:hidden; }
.sec9 .video_wrap .video_poster { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1200px; height:675px; transition:all .3s ease; z-index:10; }
.sec9 .video_wrap .video_poster .video_thumb { width:1200px; height:675px; background:url(../img/sec9_poster.png) no-repeat center center; background-size:100% 100%; }
.sec9 .video_wrap .video_poster .btn_play { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:173px; height:173px; background:url(../img/btn_play.svg) no-repeat center center; background-size:100% auto; transition:all .3s ease; cursor:pointer; transform-origin:top left; }
.sec9 .video_wrap .video_poster .btn_play:hover { /*width:173px; height:173px; background:url(../img/btn_play_hover.svg) no-repeat center center; background-size:100% auto;*/ transform:scale(1.1) translate(-50%, -50%); }

.sec9 .video_box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1200px; height:675px; transition:all .5s ease; }
.sec9 #video_bridge .bridge_panel { width:1200px; height:675px; margin:0 auto; }
.sec9 #video_bridge .bridgeVideo { width:100%; height:100%; min-width:1200px; min-height:675px; }

/* sec10 */
.sec10 { margin-top:184px; }
.sec10 .title_wrap p { width:578px; }

.sec10 h3 { display:block; margin:0 auto; margin-top:109px; padding:0 46px; width:fit-content; color:#fff; background:#945ed3; border-radius:30.5px; }

.switch ul { margin-top:50px; }
.switch ul li { display:block; position:relative; margin:0 auto; margin-bottom:27px; width:390px; height:164px; }
.switch ul li .__cover { width:390px; height:164px; font-family: 'NanumSquareNeoHeavy'; font-size:43px; line-height:164px; font-weight:700; letter-spacing:-1.29px; text-align:center; border-radius:18px; background:#cceb4b; }
.switch ul li .__contents { position:absolute; top:0; display:flex; align-items: center; justify-content: center; width:861px; height:164px; background:#f4f4f4; border-radius:18px; z-index:-1; }
.switch ul li .__contents p { font-family: 'NanumSquareNeoExtraBold'; font-size:25px; line-height:39px; font-weight:500; letter-spacing:-.72px; text-align:center;  }
.switch ul li .__contents p span { font-family: 'NanumSquareNeoLight'; font-size:21px; letter-spacing:-.63px; font-weight:300; }


/* sec11 */
.sec11 .brand_wrap h4 { color:#e3eeff; font-size:24.58vw; }
.sec11 .brand_wrap h3 { padding-top:320px; }

.sec11 .video_area .__left .__title span { background:#d0e2ff; }
.sec11 .video_wrap .video_poster .video_thumb { background:url(../img/mdh_poster.png) no-repeat center center; background-size:100% auto; }
.sec11 .video_area .__right { color:#fff; background:#0d00a8; }

.sec11 .article { margin-top:134px; }
.sec11 .article .txt_1 .__left { background:#ebfcff; }
.sec11 .article .txt_1 .__right { background:#e2f3ff; }

.sec11 .article .txt_2 .__left { background:#edf1ff; }
.sec11 .article .txt_2 .__right { background:#e5f5ff; }

.sec11 .mdh_swiper { position:relative; margin:0 auto; margin-top:335px; width:1200px; }
.sec11 .mdh_swiper .swiper-slide { width:100%; border-radius:18px; overflow:hidden; }
.sec11 .mdh_swiper .swiper-slide .__box { display:flex; }
.sec11 .mdh_swiper .swiper-slide .__box > div { width:600px; }
.sec11 .mdh_swiper .swiper-slide .__box img { width:100%; }
.sec11 .mdh_swiper .swiper-slide .__box .__txt { padding:64px 61px 0 68px; background:#f4f4f4; }

.sec11 .mdh_swiper .swiper-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:22px 15px; top:-200px; left:50%; transform:translateX(-50%); width:920px; height:150px; }
.sec11 .mdh_swiper .swiper-pagination-bullet { display:inline-block; margin:0; padding:0 27px; width:fit-content; height:64px; font-family: 'NanumSquareNeoBold'; font-size:22px; line-height:64px; letter-spacing:-.66px; background:#fff; border:1px solid #a2a2a2; border-radius:18px; opacity:1; transition:all .3s ease; }
.sec11 .mdh_swiper .swiper-pagination-bullet-active { color:#fff; background:#0d00a8; border-color:#0d00a8; }
.sec11 .mdh_swiper .swiper-pagination-bullet:hover { background:#EFF2FF; border-color:#a2a2a2; color:#000; }

.sec11 .mdh_swiper .swiper-fraction { position:absolute; top:auto; bottom:52px; left:auto; right:113px; width:fit-content; font-family: 'NanumSquareNeoExtraBold'; color:#5b5b5b; font-size:13px; letter-spacing:-.39px; z-index:2; }
.sec11 .mdh_swiper .swiper-fraction > div { display:inline-block; }

.sec11 .mdh_swiper .swiper-button-next, .sec11 .mdh_swiper .swiper-rtl .swiper-button-prev { top:auto; bottom:40px; right:60px; width:38px; height:38px; background:url(../img/sec11_next.svg) no-repeat center center; background-size:100% auto; transition:background .3s ease; }
.sec11 .mdh_swiper .swiper-button-next:hover, .sec11 .mdh_swiper .swiper-rtl .swiper-button-prev:hover { background:url(../img/sec11_next_h.svg) no-repeat center center; background-size:100% auto; }
.sec11 .mdh_swiper .swiper-button-prev, .sec11 .mdh_swiper .swiper-rtl .swiper-button-next { top:auto; bottom:40px; left:auto; right:155px; width:38px; height:38px; background:url(../img/sec11_prev.svg) no-repeat center center; background-size:100% auto; transition:background .3s ease; }
.sec11 .mdh_swiper .swiper-button-prev:hover, .sec11 .mdh_swiper .swiper-rtl .swiper-button-next:hover { background:url(../img/sec11_prev_h.svg) no-repeat center center; background-size:100% auto; }
.sec11 .mdh_swiper .swiper-button-next:after, .sec11 .mdh_swiper .swiper-button-prev:after { display:none; }

.swiper-button-prev, .swiper-button-next { z-index:5; }


/* sec12 */
.sec12 { margin-top:164px; padding:114px 0 131px; background:#f8f8f8; }
.sec12 .__inner { margin:0 auto; width:1196px; height:fit-content; }
.sec12 h2 { text-align:center; }
.sec12 ul { display:flex; gap:20px; margin-top:74px; }
.sec12 ul li { position:relative; width:284px; background:#fff; border-radius:12px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); overflow:hidden; }
.sec12 ul li .txt_wrap { padding:40px 36px 246px 29px; }
.sec12 ul li h6 { font-family: 'NanumSquareNeoExtraBold'; font-size:22px; line-height:31px; letter-spacing:-.66px; }
.sec12 ul li p { margin-top:30px; }
.sec12 ul li img { position:absolute; bottom:0; left:0; width:100%; }


/* outro */
.outro .__inner { position:relative; margin:112px auto; padding:125px 0 114px; width:1200px; background:#c1ef63; border-radius:18px; text-align:center; overflow:hidden; }
.outro .__inner .__bg { position:absolute; top:0; left:0; width:100%; height:100%; /*background:url(../img/outro.svg) no-repeat center center;*/ background-size:1382px 663px; }
.outro .__inner .__bg > div { position:absolute; top:0; left:0; width:100%; height:100%; }
.outro .__inner .__bg .outro_1 { background:url(../img/outro_1.svg) no-repeat center center; background-size:1382px 663px; }
.outro .__inner .__bg .outro_2 { background:url(../img/outro_2.svg) no-repeat center center; background-size:1382px 663px; }
.outro .__inner .__bg .outro_3 { background:url(../img/outro_3.svg) no-repeat center center; background-size:1382px 663px; }
.outro .__inner .__bg .outro_4 { background:url(../img/outro_4.svg) no-repeat center center; background-size:1382px 663px; }

.outro h2 + p { margin-top:35px; }
.outro a { display:block; margin:0 auto; margin-top:43px; width:238px; height:60px; text-decoration:none; }
.outro a span { display:block; width:inherit; height:inherit; color:#fff; font-size:16px; line-height:60px; letter-spacing:-.48px; border-radius:30px; background:#000; border:1px solid #000; transition:all .3s ease; }
.outro a:hover span { color:#000; background:transparent; }


/* footer */
.copyright { font-family:'pretendard'; position:relative; padding:36px 0; width:100%; height:120px; background:#000; z-index:1; }
.copyright p { color:#e0e0e0; font-size:14px; line-height:22px; font-weight:300;  }
.copyright_t { display:none; }
.copyright_m { display:none; }

.copyright .wrap { display:flex; margin:0 auto; width:1200px; }

.copyright .copy_left { width:70%; text-align:left; }
.copyright .copy_right { width:30%; text-align:right; }

.copyright .copy_right p.p_colnom { line-height:18px; }
.copyright .copy_right p .footer_mail { color:#e0e0e0; letter-spacing:.13px; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
.copyright .copy_right p .footer_mail i { width:13px; height:10px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; margin-right:4px; vertical-align:baseline; }

.copyright p { margin:0; }
.copyright p.p-text { font-weight:400; letter-spacing:-.42px; }
.copyright p b { margin-right:7px; font-weight:600; }
.copyright p span.__line { display:inline-block; padding:0 3px 0 5px; color:#999; }

.copyright p b:first-child { margin-left:0; }
.copyright p + p { margin-top:3px; color:#999; letter-spacing:1; }