@charset "utf-8";@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");@font-face { font-family: 'BMEULJIRO'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff'); font-weight: normal; font-style: normal; } 

:root { --blue: #2e518e; --yellow: #eede83; } 

.clearfix::after { content: ''; display: block; clear: both; } 
body { font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; overflow-y: hidden; } 

h1, h2, h3, h4, h5, h6, p, a { overflow-wrap: break-word; } 

img { max-width: 100%; object-fit: cover; } 

::selection { background: var(--blue); color: #fff; } 

.wrap { width: 1280px; margin: auto; } 

/* 헤더 */
header { position:relative; width: 100%; /* width: 1920px; */
 z-index:100; background:#fff; color:#111; left: 50%; transform: translateX(-50%); transition: 0.5s; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
header nav { width: calc(100% - 520px); } 
header .logo { } 
header .h_tel { } 
header .h_inner { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; padding: 0 20px; } 
header .h_inner .logo { cursor: pointer; } 
header .h_inner nav ul { display: flex; align-items: center; width: 100%; justify-content: space-around; padding: 0 20px; max-width: 1100px; margin: 0 auto; } 
header .h_inner nav ul li { color: #111; margin-left:50px; font-size: 26px; font-weight:600; cursor: pointer; } 

@media (max-width: 1280px) {.wrap { width: 92%; } 
 }

/*S1*/
.s1 { height: 100vh; position: relative; background-color: #000; } 
.s1 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.6; } 
.s1 .content { position: relative; z-index: 2; font-family: 'BMEULJIRO'; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; text-align: center; } 
.s1 .content .top { font-size: 26px; display: flex; justify-content: space-between; position: absolute; top: 10%; left: 0; width: 100%; padding: 0 2%; } 
.s1 .content .center { margin-top: -2%; } 
.s1 .content .center h2 { font-size: 60px; -webkit-text-stroke: 1px white; color: transparent; } 
.s1 .content .center h2 span { -webkit-text-stroke: 0; color: var(--yellow); } 
.s1 .content .center h1 { font-size: 150px; letter-spacing: 80px; position: relative; margin: 40px 0 40px; text-indent: 80px; } 
.s1 .content .center h1 span { position: absolute; bottom: 15px; font-size: 0.18em; opacity: 0.5; letter-spacing: 0; white-space: nowrap; text-indent: 0; } 
.s1 .content .center h3 { padding:0px 45px 0; font-size:50px; display: inline-flex; gap: 18px; justify-content: center; align-items: center;color:#eede83; } 

.s1 .text_line { position: absolute; bottom: 0; width: 100%; height: 90px; background: url('../../../img/dakdonggari/s1_title01.png') no-repeat 0 50% #395c94; animation: text_line 60s 0s infinite linear alternate; z-index: 5; } 
@keyframes text_line {0% { background:url('../../../img/dakdonggari/s1_title01.png') no-repeat 0 50% #395c94; } 
100% { background:url('../../../img/dakdonggari/s1_title01.png') no-repeat -4000px 50% #395c94; } 
 }

@media (max-width: 1280px){
 .s1 .content .top { font-size: 20px; } 
 .s1 .content .center h2 { font-size: 46px; } 
 .s1 .content .center h1 { font-size: 110px; letter-spacing: 60px; text-indent: 60px; margin: 25px 0; } 
 .s1 .content .center h1 span { left: 50%; bottom: -25px; transform: translateX(-50%); } 
 .s1 .content .center h3 { padding: 0px 40px; font-size: 30px; gap: 14px; } 
 }
@media (max-width: 768px){
 .s1 .content .top { font-size: 16px; } 
 .s1 .content .center h2 { font-size: 36px; } 
 .s1 .content .center h1 { font-size: 80px; letter-spacing: 40px; text-indent: 40px; margin: 20px 0; } 
 .s1 .content .center h1 span { bottom: -25px; font-size: 0.25em; } 
 .s1 .content .center h3 { padding: 0px 26px; font-size: 24px; gap: 12px; border-color: hsla(0, 0%, 100%, 0.7); } 
.s1 video { object-fit: cover; } 
.ft_quick { width:50% } 
 }
@media (max-width: 500px){
 .s1 .content .top { justify-content: center; } 
 .s1 .content .top div:last-child { display: none; } 
 .s1 .content .center { margin-top: -10%; } 
 .s1 .content .center h2 { font-size: 24px; } 
 .s1 .content .center h1 { font-size: 60px; letter-spacing: 24px; text-indent: 24px; margin: 20px 0; } 
 .s1 .content .center h1 span { bottom: -20px; } 
 .s1 .content .center h3 { padding:0 20px 12px 20px; font-size: 20px; gap: 8px; } 
.s1 .text_line { height:60px; } 
}

.s1a { height: 90vh; padding: 0; } 
.s1a .content { margin:0 auto; width: 100vw; height: 100%; } 

@media (max-width: 1200px) {.s1a { height:auto; } 
.s1a .content { height: 500px; } 
 }

@media (max-width: 700px) {.s1a { padding:0; } 
.s1a .content { height: 470px; width: 100%; } 
 }

@media (max-width: 500px) {.s1a .content { height: 300px; width: 100%; } 
}

.s2 { position: relative; background: url('../../../img/dakdonggari/s2_bg.png') no-repeat center/cover;;display: flex;
 padding-bottom: 55px; } 

.s2 h1 {margin:0 auto;padding-top:100px; text-align: center; color:#5596ff;font-size:40px;font-weight:500; } 
.s2 h1 span {border:4px solid #5596ff;padding:10px 30px;border-radius:50px; } 
.s2 h2 { text-align: center; color:#fff;padding-bottom: 20px; padding-top: 16px; } 
.s2 h3 { text-align: center; font-size: 100px; font-family: 'BMEULJIRO';color:#5596ff;position: absolute; top: 21%; left: 50%; transform: translate(-50%, -50%); } 
.s2 p { text-align: center; color:#fff;font-size:24px;position: absolute; top:28%; left: 50%; transform: translate(-50%, -50%); } 
.s2 .inner { max-width: 1800px; margin: auto; } 
.s2 ul { width: 1280px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; /* margin: 10px auto 40px; */}
.s2 ul li { flex: 0 1 33%; } 
.s2 dt { margin-bottom: 50px; } 
.s2 dd { color: #fff; } 
.s2 dd strong { display: block; font-weight: 700; font-size: 32px; margin-bottom: 40px; } 
.s2 dd span { display: block; font-weight: 300; font-size: 22px; opacity: 0.75; word-break: keep-all; } 
.s2 .bottom { background-color: #fff; text-align: center; color: var(--blue); font-size: 26px; font-weight: 500; padding: 25px 0; line-height: 1; } 
@media (max-width: 1800px){
 .s2 .inner { width: 92%; } 
 .s2 ul { width: 90%; transform: scale(0.9); } 
 }
@media (max-width: 1400px) {
 .s2 .bottom { font-size: 20px; padding: 18px 0; } 
/* 헤더 */
header { position: relative; width: 100%; width:100%; z-index:100; background: #fff; color:#111; left: 50%; transform: translateX(-50%); transition: 0.5s; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
header .h_inner { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1380px; margin: 0 auto; } 
header .h_inner .logo { cursor: pointer; } 
header .h_inner nav ul { display: flex; align-items: center; display:none; } 
header .h_inner nav ul li { color: #111; margin-left:50px; font-size: 20px; font-weight: 600; cursor: pointer; } 

.ft_quick{top: 130px !important;!i;!;} 

}
@media (max-width: 1024px){
 .s2 ul { transform: scale(0.8); } 
.s2 h3 { position:relative; overflow:hidden; width:100%; top:auto; left:auto; transform: none; padding-top: 5%; } 
.s2 p { position:relative; overflow:hidden; width:100%; top:auto; left:auto; transform: none; } 
 }
@media (max-width: 768px){
 .s2 .inner { border-width: 3px; } 
 .s2 h1 { width:100%; margin: 10% auto 7%; } 
 .s2 h2 { overflow: hidden; padding-bottom: 25px; } 
 .s2 h2 img { transform: scale(1.4); transform-origin: top; } 
 .s2 ul { transform: scale(1); } 
 .s2 ul li { /*flex: 0 1 100%; */
flex:1; margin-bottom: 50px; } 
 .s2 dt { margin-bottom: 0; } 
 .s2 dt img { transform: scale(0.4); transform-origin: left; } 
 .s2 dd strong { font-size: 20px; margin-bottom: 10px; } 
 .s2 dd span { font-size: 16px; } 
 .s2 .bottom { font-size: 15px; padding: 14px 0; } 
 }
@media (max-width: 500px){
 .s2 { border-top: none;background: url(../../../img/dakdonggari/s2_bg.png) no-repeat center; } 
 .s2::before { display: none; } 
 .s2 h1 { padding-top: 15%; margin: 0 auto 7%;font-size:18px; } 
 .s2 .inner { background-size: 70%; background-position: right 94%; border-width: 2px; } 
 .s2 h2 img { transform: scale(1.1); } 
 .s2 ul { width:100%; } 
 .s2 ul li { margin-bottom: 35px; } 
 .s2 dd { margin-top: -7px; } 
 .s2 dd strong { font-size: 17px; } 
 .s2 dd span { font-size: 15px; } 
 .s2 .bottom { font-size: 14px; padding: 14px 7px; } 
.s2 h3 { font-size:50px;position: relative; top: auto; left: auto; transform: none; } 
.s2 h1 span { border: 3px solid #5596ff; } 
.s2 p { position:relative; top: auto; left: auto; transform: none; font-size:16px; } 
 }



.s3 { background: url('../../../img/dakdonggari/s3_bg.png') no-repeat center /cover; display: flex; justify-content: center; align-items: center; } 
.s3 .wrap { display: flex; justify-content: flex-start; align-items: center; width: 90vw; gap: 30px; padding: 60px 0; } 
.s3 .text_area {position:relative;max-width: 550px;width: 100%;} 
.s3 .text_area h1 { font-size: 100px; font-family: 'BMEULJIRO';color:#ddd;left:280px;top:10px;position:absolute; } 
.s3 .text_area h1 .yellow { color: var(--yellow); } 
.s3 .text_area h1 .blue { color: var(--blue); -webkit-text-stroke: 0; } 
.s3 .text_area h2 { font-family: 'BMEULJIRO'; font-size: 80px;color:#111;padding-bottom:10px;border-bottom:1px solid #ddd; } 
.s3 .text_area h2 span { color:#395c94;font-weight:bold; } 
.s3 .text_area .tag { display: flex; gap: 10px; margin: 40px 0 60px; } 
.s3 .text_area .tag span { font-size: 34px; color: var(--blue); font-family: 'BMEULJIRO'; border: 3px solid var(--blue); border-radius: 100px; line-height: 1; padding: 16px 28px; background-color: #edf1f7; } 
.s3 .text_area p {padding-top:20px; color: #111; font-size: 22px; line-height: 1.4; } 
.s3 .text_area p span { color: #111; font-size: 24px; line-height: 1.4;font-weight:600; } 
.s3 .text_area p span b { color: #395c94; } 

.s3 .phone_area {position: relative;margin-right:20px;width: calc(100% - 620px);} 
.s3 .phone_area .s3-slider {position: relative;width: 100%;max-width: 100%;/* height: 532px; */}
.s3-slider .owl-dots { display: flex; gap: 8px; justify-content: center; align-items: center;padding-top:15px; } 
.s3-slider .owl-dots button span { display: block; width: 10px; height: 10px; background-color: #ddd; border-radius: 50%; transition: 0.3s; } 
.s3-slider .owl-dots button.active span { background-color:#395c94; width: 32px; border-radius: 100px; } 
@media (max-width: 1280px){
 .s3 .text_area h1 { font-size: 80px; } 
 .s3 .text_area .tag { margin: 30px 0 40px; } 
 .s3 .text_area .tag span { font-size: 26px; border-width: 2px; padding: 12px 18px; } 
 .s3 .text_area p { font-size: 22px; } 
 .s3 .phone_area {transform: scale(1);transform-origin: right;width: 100%;margin: 0;} 
 }

@media (max-width: 1400px) {
.s3 .wrap { display: flex; flex-direction: column; } 
 .s3 .text_area { text-align: center; margin-top: 40px; } 
 .s3 .text_area h1 {display:none; font-size: 60px; -webkit-text-stroke: 2px var(--blue); } 
 .s3 .text_area h1 br { display: none; } 
.s3 .phone_area {width:100%;height: auto;margin: 0;}
.s3 .phone_area .s3-slider {position: relative;/* width: 500px;;/* height: 388px; */px;} 

}
@media (max-width: 880px){
 .s3 {height: auto;padding: 0;padding-top: 40px;} 
 .s3 .wrap { flex-direction: column; padding: 0; } 
 .s3 .text_area { /* margin-bottom:10%; */
 text-align: center; margin-top: 0; } 
 .s3 .text_area h1 {display:none; font-size: 60px; -webkit-text-stroke: 2px var(--blue); } 
 .s3 .text_area h1 br { display: none; } 
 .s3 .text_area p { font-size: 20px; } 
 .s3 .text_area p br { display: none; } 
 .s3 .text_area .tag { margin: 20px 0 25px; justify-content: center; } 
 .s3 .phone_area {transform: scale(1);margin:0;clear:both;padding: 10% 0;} 
.s3 .text_area p span { display:block; padding-bottom: 5%; } 
 }
@media (max-width: 500px){
 .s3 .text_area h1 { font-size: 45px; -webkit-text-stroke: 1.5px var(--blue); } 
 .s3 .text_area h1 br { display: block; } 
 .s3 .text_area .tag span { font-size: 20px; border-width: 1px; padding: 10px 14px; } 
 .s3 .text_area { margin-bottom:10%; } 
 .s3 .text_area p { font-size: 15px; } 
 .s3 .text_area p br { display: block; } 
 .s3 .phone_area {/* width: 350px; */padding:0;} 
 .s3 .phone_area .s3-slider {/* top: 50px; *//* left: 11px; *//* width: 330px; *//* height: 347px; */} 
.s3 .text_area h2 {font-size:45px;/* margin-top: 47px; */} 
.s3 .text_area p span {font-size:15px;padding-bottom: 0; } 
 }



.s3-n { min-height: 90vh; background: url('../../../img/dakdonggari/s3n_bg.png') no-repeat left/cover; display: flex; justify-content: center; align-items: center; } 
.s3-n .content { display: flex; justify-content: space-between; align-items: center; width: 100%; width: 90vw; } 
.s3-n .text_area { max-width: 550px; position:relative; width: 100%; margin-bottom: 30px; } 
.s3-n .text_area h1 { font-size: 100px; font-family: 'BMEULJIRO';color:#ddd;left:280px;top:10px;position:absolute; } 
.s3-n .text_area h1 .yellow { color: var(--yellow); } 
.s3-n .text_area h1 .blue { color: var(--blue); -webkit-text-stroke: 0; } 
.s3-n .text_area h2 { font-family: 'BMEULJIRO'; font-size: 80px;color:#111;padding-bottom:10px;border-bottom:1px solid #ddd; } 
.s3-n .text_area h2 span { color:#fff;font-weight:bold; } 
.s3-n .text_area .tag { display: flex; gap: 10px; margin: 40px 0 60px; } 
.s3-n .text_area .tag span { font-size: 34px; color: var(--blue); font-family: 'BMEULJIRO'; border: 3px solid var(--blue); border-radius: 100px; line-height: 1; padding: 16px 28px; background-color: #edf1f7; } 
.s3-n .text_area p {padding-top:20px; color: #fff; font-size: 22px; line-height: 1.4; } 
.s3-n .text_area p span { color: #fff; font-size: 24px; line-height: 1.4;font-weight:600; } 
.s3-n .text_area p span b { color: #eede83; } 

.s3-n .phone_area { position: relative; width: calc(100% - 620px); } 
.s3-n .phone_area .s3-slider { position: relative; width: 100%; height: auto; } 
.s3-n .phone_area .s3-slider .owl-stage,
.s3-n .phone_area .s3-slider .owl-stage-outer { /* height: 600px; */width: 100%; } 
.s3-n .phone_area .s3-slider .owl-item { overflow:hidden; height: 100%; } 
.s3-slider .owl-dots { display: flex; gap: 8px; justify-content: center; align-items: center;padding-top:15px; } 
.s3-slider .owl-dots button span { display: block; width: 10px; height: 10px; background-color: #ddd; border-radius: 50%; transition: 0.3s; } 
.s3-slider .owl-dots button.active span { background-color:#395c94; width: 32px; border-radius: 100px; } 
@media (max-width: 1280px){
 .s3-n .content { flex-direction: column; width: 100%; padding: 0px 20px; } 

 .s3-n .text_area h1 { font-size: 80px; } 
 .s3-n .text_area .tag { margin: 30px 0 40px; } 
 .s3-n .text_area .tag span { font-size: 26px; border-width: 2px; padding: 12px 18px; } 
 .s3-n .text_area p { font-size: 22px; text-align: center; } 
 .s3-n .phone_area { /* transform: scale(0.8); */
 /* transform-origin: right; */
 width: 100%; /* height: 500px; */}

.s3-n .text_area h2 { text-align:center; } 


}
@media (max-width: 880px){
 .s3-n {background: #4f70b3 url(../../../img/dakdonggari/s3n_bg.png) no-repeat bottom right;background-size: 220%;height: auto;padding: 10% 0; } 
 
 .s3-n .text_area { margin-bottom: 5%; text-align: center; } 
 .s3-n .text_area h1 { font-size: 60px; -webkit-text-stroke: 2px var(--blue); } 
 .s3-n .text_area h1 br { display: none; } 
 .s3-n .text_area p { /* font-size: 20px; */}
 .s3-n .text_area p br { display: none; } 
 .s3-n .text_area .tag { margin: 20px 0 25px; justify-content: center; } 
 .s3-n .phone_area { /* transform: scale(1); */}
}
@media (max-width: 500px){
 .s3-n .text_area h1 { font-size: 45px; -webkit-text-stroke: 1.5px var(--blue); } 
 .s3-n .text_area h1 br { display: block; } 
 .s3-n .text_area .tag span { font-size: 20px; border-width: 1px; padding: 10px 14px; } 
 .s3-n .text_area { margin-bottom: 2%; } 
.s3-n .text_area h2 { font-size:50px; } 
.s3-n .text_area p span { font-size:16px; word-break: keep-all; } 
 .s3-n .text_area p { font-size: 15px; } 
 .s3-n .text_area p br { display: block; } 
 .s3-n .phone_area { width: 100%; margin-right: 0; } 
 .s3-n .phone_area .s3-slider { top: 0; left: 0; width: 100%; height: 347px; } 
 }


.s4 { min-height: 110vh; position: relative; background: #000 no-repeat center / 97%; } 
.s4 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; } 
.s4 .content { position: relative; z-index: 2; color: #fff; width: 100%; height: 100%; } 
.s4 .content .text { padding: 7% 0 0%;width: 1280px; margin: 0 auto; } 
.s4 .content .text h1 { font-size: 110px; font-family: 'BMEULJIRO'; } 
.s4 .content .text h1 .white { -webkit-text-stroke: 0; color: #fff; } 
.s4 .content .text h1 .yellow { -webkit-text-stroke: 0; color: var(--yellow); } 
.s4 .content .text p { font-size: 22px; margin-top: 10px; font-weight: 400; line-height:1.4; } 

.s4 .content .text2 {width: 1280px;margin: 0 auto;text-align:right;padding-top:2%;padding-bottom: 40px; } 
.s4 .content .text2 h1 { font-size: 55px; font-family: 'BMEULJIRO';color:#555; } 
.s4 .content .text2 h1 .white { -webkit-text-stroke: 0; color: #fff; } 
.s4 .content .text2 h1 .blue { -webkit-text-stroke: 0; color:#5596ff; } 
.s4 .content .text2 h1 .yellow { -webkit-text-stroke: 0; color: var(--yellow); } 
.s4-slider { width:100%; }
.s4-slider .item { text-align: center; position: relative; } 
.s4-slider::after { content: ''; display: block; position: absolute; bottom: 25px; left: 50%; width: 140px; height: 140px; background: url('../../../img/dakdonggari/s4_badge.png') no-repeat; /* opacity: 0; */
 margin-left: 100px; } 
/* .s4-slider .active.center .item::after { opacity: 1; } */
.s4-slider .item img { opacity: 0.5; transform: scale(0.8); transition: 0.3s; transform-origin: bottom; } 
.s4-slider .active.center .item img { opacity: 1; transform: scale(1); } 
.s4-slider .item .name { opacity: 0; display: inline-block; font-family: 'BMEULJIRO'; font-size: 28px; border: 1px solid #fff; border-radius: 50%; padding: 12px 36px; margin-bottom: 30px; transition: 0.3s; } 
.s4-slider .active.center .item .name { opacity: 1; } 
.s4-slider .owl-dots { display: flex; gap: 8px; justify-content: center; align-items: center; } 
.s4-slider .owl-dots button span { display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; transition: 0.3s; } 
.s4-slider .owl-dots button.active span { background-color: var(--yellow); width: 32px; border-radius: 100px; } 

@media (max-width: 1700px){
 .s4 { height: auto; background-image: none; padding: 5% 0; } 
 .s4 .content .text { padding: 1% 0 0 6%; margin-bottom: 6%; } 
 .s4 .content .text p { margin-top: 30px; } 
 }
@media (max-width: 1280px){
 .s4 { padding: 10% 0; } 
 .s4 .content .text { text-align: center; padding: 1% 6%; } 
 .s4 .content .text h1 { font-size: 70px; word-break: keep-all; } 
 .s4 .content .text h1 br { display: none; } 
 .s4 .content .text p { font-size: 22px; } 
 .s4-slider { width: 100%; margin-left: 0; } 
 .s4-slider .item .name { font-size: 22px; padding: 10px 28px; margin-bottom: 24px; } 
 }
@media (max-width: 768px){
 .s4 .content .text h1 { font-size: 60px; } 
 .s4 .content .text p { font-size: 18px; } 
 .s4-slider::after { width: 100px; height: 100px; background-size: 100px; margin-left: 20px; } 
 .s4-slider .item .name { font-size: 18px; padding: 8px 20px; margin-bottom: 15px; } 
 }
@media (max-width: 500px){
 .s4 { padding: 15% 0; } 
 .s4 .content .text h1 { font-size: 50px; } 
 .s4 .content .text p { font-size: 15px; margin-top: 10px; } 
 .s4 .content .text {width:100%; margin-bottom: 15%; } 
 .s4-slider { width: 80%; margin-left: 10%; } 
 .s4-slider::after { width: 80px; height: 80px; background-size: 80px; margin-left: 45px; } 
 .s4-slider .item .name { font-size: 16px; } 
.s4 .content .text2 { width:100%; } 
.s4 .content .text2 h1 { font-size:30px; padding-top:5%; } 
 }


.s4a { background: #fff9e3; padding: 60px 0; } 
.s4a h2 { font-family: 'BMEULJIRO'; font-size: 80px; } 
.s4a h2 span { color: #0a55b4; } 
.s4a .content { margin:0 auto; max-width: 1200px; text-align: center; } 
.s4a .button { text-align:center; margin:0 auto; width:220px; margin-top:40px } 
.s4a .button a { display:block; background: #0a53b1; font-size:20px; padding:15px 40px; color: #fff; border-radius: 60px; } 

@media (max-width: 500px) {.s4a h2 { font-size:50px; } 
.s4a .button { width: 200px; height: 30px; } 
.s4a .button a { font-size:18px; } 
 }

.s5 { background: url('../../../img/dakdonggari/s5_bg.jpg?ver=1') no-repeat center / cover; } 
.s5 h1 { text-align: center; padding: 100px 0 60px; } 
.s5 h1 small { display: block; font-size: 30px; font-weight: 500; color: hsla(0, 0%, 0%, 0.9); margin-bottom: 30px; } 
.s5 h1 strong { display: block; font-family: 'BMEULJIRO'; font-size: 100px; color: #222; } 
.s5 h1 strong span { color: var(--blue); } 
.s5 .menu-wrap { background: url('../../../img/dakdonggari/s5_menu_bg.png') no-repeat center top / contain; width: 94%; margin: auto; max-width: 1800px; } 

.s5-slider { width: 85%; margin: auto; position: relative; } 
.s5-slider .owl-stage-outer { padding-top: 430px; padding-bottom: 180px; } 
.s5-slider .item { display: flex; gap: 6%; } 
.s5-slider .item .img { width: 52%; text-align: center; } 
.s5-slider .item .text { width: 42%; padding-top: 60px; } 
.s5-slider .item .text span { display: block; font-size: 24px; font-weight: 500; color: #444; } 
.s5-slider .item .text strong { display: block; font-size: 40px; font-weight: 700; color: #111; margin: 10px 0 20px; } 
.s5-slider .item .text p { display: block; font-size: 22px; font-weight: 300; color: #111; line-height: 1.6; } 
.s5-slider .owl-dots { position: absolute; top: 9%; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: flex-start;
 gap: 3%; } 
.s5-slider .owl-dots .owl-dot { flex: 1; text-align: center; } 
.s5-slider .owl-dots button { writing-mode: vertical-lr; font-family: 'BMEULJIRO'; font-size: 36px; color: #222; position: relative; line-height: 1; } 
.s5-slider .owl-dots .active button::before { content: ''; display: block; background-color: #e9c600; border-radius: 50%; width: 16px; height: 16px; position: absolute; top: -25px; left: 10px; } 
.s5-slider .owl-dots .active button::after { content: ''; display: block; background-color: #e9c600; border-radius: 50%; width: 16px; height: 16px; position: absolute; bottom: -25px; left: 10px; } 
.s5-slider .owl-nav { position: absolute; left: -2%; width: 104%; top: 50%; display: flex; justify-content: space-between; } 
.s5-slider .owl-nav span { display: block; background-color: var(--blue); width: 60px; height: 60px; text-indent: -9999px; background-repeat: no-repeat; } 
.s5-slider .owl-nav .owl-prev span { background-image: url('../../../img/dakdonggari/s5_slider_arr_left.png'); background-position: 47% center; } 
.s5-slider .owl-nav .owl-next span { background-image: url('../../../img/dakdonggari/s5_slider_arr_right.png'); background-position: 53% center; } 
@media (max-width: 1600px){
 .s5-slider .owl-dots button { font-size: 28px; } 
 .s5-slider .owl-stage-outer { padding-top: 320px; } 
 .s5-slider .item .text span { font-size: 20px; } 
 .s5-slider .item .text strong { font-size: 36px; } 
 .s5-slider .item .text p { font-size: 18px; } 
 }
@media (max-width: 1280px){
 .s5 h1 { padding: 70px 0 35px; } 
 .s5 h1 small { font-size: 24px; margin-bottom: 20px; } 
 .s5 h1 strong { font-size: 80px; } 
 .s5-slider { width: 90%; } 
 .s5-slider .owl-dots { top: 6%; } 
 .s5-slider .owl-dots button { font-size: 22px; } 
 .s5-slider .owl-dots .active button::before { width: 10px; height: 10px; top: -15px; } 
 .s5-slider .owl-dots .active button::after { width: 10px; height: 10px; bottom: -15px; } 
 .s5-slider .owl-stage-outer { padding-top: 21%; } 
 .s5-slider .item .img { width: 48%; } 
 .s5-slider .item .text { width: 46%; } 
 .s5-slider .item .text span { font-size: 18px; } 
 .s5-slider .item .text strong { font-size: 30px; } 
 .s5-slider .item .text p { font-size: 16px; } 
 .s5-slider .owl-nav span { width: 40px; height: 40px; background-size: 12px; } 
 }
@media (max-width: 1000px) {/* 헤더 */
header { position: fixed; width: 100%; z-index:100; background:#fff; color:#111; left: 50%; transform: translateX(-50%); transition: 0.5s; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
/*header.scroll_on { backdrop-filter: blur(10px); background:rgba(255, 255, 255, 0.8); border: none; } */
header .h_inner { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto; } 
header .h_inner .logo { cursor: pointer; } 
header .h_inner nav ul { display: flex; align-items: center; display:none; } 

header .h_inner nav ul li { color: #111; margin-left:45px; font-size:17px; font-weight: 400; cursor: pointer; } 
/*header.scroll_on .h_inner nav ul li { color: #111; margin-left:45px; font-size:17px; font-weight: 400; cursor: pointer; } */



 .s5 .menu-wrap { padding-bottom: 4%; } 
 .s5-slider .owl-dots { display: none; } 
 .s5-slider .owl-stage-outer { padding-bottom: 13%; } 
 .s5-slider .item .text { padding-top: 30px; } 
 }
@media (max-width: 768px){
 .s5 { padding-bottom: 50px; } 
 .s5 h1 small { font-size: 20px; margin-bottom: 15px; } 
 .s5 h1 strong { font-size: 60px; } 
 .s5 .menu-wrap { position: relative; padding-bottom: 0; background-image: none; background-color: #eee; border-radius: 15px; } 
 .s5 .menu-wrap::after { content: ''; display: block; width: 94%; height: 94%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 15px; border: 2px solid var(--blue); } 
 .s5-slider .owl-stage-outer { padding-top: 50px; padding-bottom: 50px; } 
 .s5-slider .item { flex-direction: column; gap: 0; } 
 .s5-slider .item .img { width: 100%; height: 300px; } 
 .s5-slider .item .img img { object-fit: contain; } 
 .s5-slider .item .text { width: 100%; text-align: center; } 
 .s5-slider .owl-nav { left: -4%; width: 108%; } 
header { position: fixed; width:100%; margin:0 auto; z-index:100; background: #fff; color:#111; left: 50%; transform: translateX(-50%); transition: 0.5s; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
header .h_inner { display: flex; align-items: center; justify-content: space-between; width:98%; margin: 0 auto; } 
header .h_inner .logo { cursor: pointer; } 
header .h_inner nav { width:80%; display:none; } 
header .h_inner nav ul { display: flex; align-items: center; } 
header .logo img { width:90%; } 
header .h_inner nav ul li { color: #111; margin-left:4%; font-size:1em; font-weight: 400; cursor: pointer; } 
header .h_tel { font-size: 16px; min-width: 164px; text-align: center; width: auto; } 
}
@media (max-width: 500px){
 .s5 h1 { padding: 14% 0 7%; } 
 .s5 h1 small { font-size: 18px; margin-bottom: 10px; } 
 .s5 h1 strong { font-size: 45px; } 
 .s5 .menu-wrap::after { height: 96%; } 
 .s5-slider .owl-stage-outer { padding-top: 10%; padding-bottom: 10%; } 
 .s5-slider .item { align-items: center; } 
 .s5-slider .item .img { width: 92%; height: 180px; } 
 .s5-slider .item .text span { font-size: 14px; } 
 .s5-slider .item .text strong { font-size: 24px; margin: 5px 0 15px; } 
 .s5-slider .item .text p { font-size: 14px; line-height: 1.4; } 

 .ft_quick{top:90px !important}
header { position: fixed; width:100%; margin:0 auto; z-index:100; background: #fff; color:#111; left: 50%; transform: translateX(-50%); transition: 0.5s; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
/*header.scroll_on { backdrop-filter: blur(10px); background:rgba(255, 255, 255, 0.8); border: none; } */
header .h_inner { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 auto; } 
header .h_inner .logo { cursor: pointer; } 
header .h_inner nav { width:100%; } 
header .h_inner nav ul { display: flex; align-items: center; display:none; } 
header .logo img { width:70%; } 
header .h_inner nav ul li:first-child { margin-left:0; } 
header .h_inner nav ul li { color: #111; margin-left:4%; font-size:0.75em; font-weight: 400; cursor: pointer; } 
/*header.scroll_on .h_inner nav ul li { color: #111; margin-left:4%; font-size:0.75em; font-weight: 400; cursor: pointer; } */}



.s6 { text-align: center; position: relative; background: url('../../../img/dakdonggari/s6_bg.png') no-repeat; background-size:cover; padding: 100px 20px; } 

.s6 h1 { position: relative; font-family: 'BMEULJIRO'; font-size: 100px; color: #111;text-align:left;width:1280px;margin:0 auto; } 

.s6 h1 .blue { color: var(--blue); } 
.s6 h1 .yellow { color: var(--yellow); -webkit-text-stroke: 3px #111; } 
.s6 h2 { display: inline-block; vertical-align: middle; font-weight: 500; color: #111; margin-top: 60px;font-family: 'BMEULJIRO';font-size:40px; } 
.s6 .deco1 { position: absolute; left: 8%; top: 22%; z-index: 2; } 
.s6 .deco2 { position: absolute; right: 10%; top: 3%; z-index: 2; } 


.s6 .swiper { height: calc(100% - 60px); overflow: hidden; } 
.s6 .left .swiper {/* background:#000; */display:flex;align-items: center;} 
.s6 .left .swiper > div > div { display:flex; align-items: center; justify-content: center; } 
.s6 .content_box { width: 100%; margin:0 auto; position:relative; padding-top:5%; overflow:hidden; display: flex; flex-wrap: wrap; gap: 0.5%; } 
.s6 .left { float:left; width:33%; order: 1; } 
.s6 .center { text-align:center; width:33%; display:inline-block; order: 2; } 
.s6 .right { float:right; width:33%; order: 3; } 
.s6 .box { background:#fff; margin-top:3%; padding: 5% 5%; height: calc(100% - 206px); display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; } 
.s6 .left p { display:inline-block; text-align:center; margin:0 auto; } 
.s6 .left p a { display:block; color:#fff; background:#111; padding:10px 30px; margin-top:3%; border-radius:50px; font-size:16px; font-weight:bold; } 
.s6 .box iframe { /* height: 480px !important; */ } 
.s6 .right .box img { width:90%; max-width: 490px; } 
.s6 .center .box img { width: 100%; max-width: 482px; } 
.s6 .center p { display:inline-block; text-align:center; margin:0 auto; } 
.s6 .center p a { display:block; color:#fff; background:#e42477; padding:10px 30px; margin-top:3%; border-radius:50px; font-size:16px; font-weight:bold; } 




.s6-slider { margin-top: 60px; } 
.s6-slider::before { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 40%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } 
.s6-slider::after { content: ''; display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 40%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } 
.s6-slider .item { position: relative; box-shadow: 0 0 30px hsla(0, 0%, 0%, 0.15); } 
.s6-slider .active.center .item { box-shadow: none; opacity: 1; } 
@media (max-width: 1600px){
 .s6 .deco1 { left: 2%; } 
 .s6 .deco1 img { width: 220px; } 
 .s6 .deco2 { right: 2%; } 
 .s6 .deco2 img { width: 135px; } 
 }
@media (max-width: 1280px){
 .s6 .deco1 { top: 30%; } 
 .s6 .deco1 img { width: 180px; } 
 .s6 .deco2 { top: 30%; } 
 .s6 .deco2 img { width: 100px; } 
 .s6 h1 { font-size: 80px; padding-top: 155px; } 
 .s6 h1::before { transform: translateX(-50%) scale(0.7); transform-origin: center; } 
 .s6 h1 .yellow { -webkit-text-stroke: 2px #111; } 
 .s6 h2 { font-size: 30px; margin-top: 25px; } 
 .s6 .phone { top: 373px; } 
 }
@media (max-width: 1000px){
 .s6 .deco1 { display: none; } 
 .s6 .deco2 { display: none; } 
 .s6-slider::before { width: 33%; } 
 .s6-slider::after { width: 33%; } 
 .s6 .phone { width: 32%; } 
 }
@media (max-width: 768px){
 .s6 h1 { font-size: 60px; padding-top: 120px; white-space: nowrap; } 
 .s6 h1::before { transform: translateX(-50%) scale(0.5); top: 40px; } 
 .s6 h2 { font-size: 24px; margin-top: 15px; } 

 .s6 .phone { top: 295px; width: 49%; } 
 }
@media (max-width: 500px) {.s6 {padding: 15% 0; } 
 .s6 h1 {width:100%;text-align:center; font-size: 50px; padding-top:0%; } 
 .s6 h1::before { transform: translateX(-50%) scale(0.35); top: 0; } 
 .s6 h1 .yellow { -webkit-text-stroke: 1.5px #111; } 
 .s6 h2 { font-size: 30px; } 
 .s6 h2::before { margin-right: 0; } 
 .s6 h2::after { margin-left: 0; } 
 .s6-slider { margin-top: 40px; } 
 .s6-slider::before { width: 25%; } 
 .s6-slider::after { width: 25%; } 
 .s6 .phone { top: 200px; width: 50%; } 
.s6 .content_box 
 {
 width:90%; margin:0 auto; } 
.s6 .left { float:none; width:100%; } 
.s6 .center { float:none; width:100%; } 
.s6 .right { float:none; width:100%; } 
.s6 .box { height:auto; margin:20px 0; } 
}

/* .s6_sub */
.s6_sub { } 
.s6_sub .box_1 { background:#3262ae; padding: 70px 40px; text-align:center; position: relative; } 
.s6_sub .box_1 img { position:relative; z-index:1; } 
.s6_sub .box_1::after { content:'dakdongari'; color: #4a76bd; font-size:114px; font-family: 'BMEULJIRO'; position: absolute; bottom: 0; left: 50%; z-index: 0; transform: translate(-50%, 40px); } 
.s6_sub .box_2 { position:relative; background:url('../../../img/dakdonggari/s6_1_bg.png'); padding-bottom: 60px; background-size: contain; } 
.s6_sub .box_2 > img { width: calc(100% + 330px); max-width: none; margin-left: 50%; transform: translate(-50%, 0px); } 
.s6_sub .box_2 ul { display: flex; justify-content: center; padding: 40px 40px; } 
.s6_sub .box_2 li { width:25%; } 
.s6_sub .box_2 .ft_txt { font-family:'BMEULJIRO'; color:#222222; font-size:50px; text-align:center; line-height: 1.2; padding: 0 20px; word-break: auto-phrase; } 
.s6_sub .box_2 .ft_txt em { color:#0350b1; box-shadow: inset 0 -20px 0 #fbffc2bf; position:relative; display: inline-block; line-height: 1; } 
.s6_sub .box_2 .ft_txt em::before { content:''; position: absolute; display:block; width: 13px; height: 13px; background:url('../../../img/dakdonggari/s6_1_img04.png'); left: -9px; top: -14px; background-size: contain; background-repeat: no-repeat; } 
.s6_sub .box_2 .ft_txt em::after { content:''; position: absolute; display:block; width: 38px; height: 31px; background:url('../../../img/dakdonggari/s6_1_img03.png'); top: -24px; right: -15px; background-size: contain; background-repeat: no-repeat; } 
.s6_sub .box_2 .ft_txt span { display: inline-block; font-size: 24px; font-family:'pretendard'; width:100%; color: #8ea8cb; line-height: 1; } 

@media (max-width: 1200px) {.s6_sub .box_2 ul { display:flex; flex-wrap: wrap; } 
.s6_sub .box_2 li { width: auto; max-width: 50%; } 
}
@media (max-width: 725px) {.s6_sub .box_1 { padding:60px 20px; } 
.s6_sub .box_1::after { font-size: 17vw; bottom: 16px; } 

.s6_sub .box_2 ul { display:flex; flex-wrap: wrap; padding: 40px 10px; } 
.s6_sub .box_2 li { width: auto; max-width: 100%; } 
.s6_sub .box_2 .ft_txt { font-size: 31px; } 
.s6_sub .box_2 .ft_txt em::after { width: 22px; top: -11px; right: -12px; } 
.s6_sub .box_2 .ft_txt em::before { width: 8px; left: -6px; top: -6px; } 
.s6_sub .box_2 .ft_txt span { font-size:16px; } 
}
.s7 { position: relative; height: 120vh; position: relative; z-index: 3; background: url('../../../img/dakdonggari/s7_bg.png') #f3ebe0 no-repeat center / cover; } 
.s7 .text-area { position: absolute; top: 23%; right: 16.5%; transform: translateY(-50%); text-align: right; } 
.s7 h1 { font-size: 100px; text-align: center; color: #fff;padding:100px 0 80px; font-family: 'BMEULJIRO'; } 
.s7 h1 .left { margin-right: 90px; } 
.s7 h1 .yellow { color: var(--yellow); } 
.s7 h1 .blue { color: var(--blue); -webkit-text-stroke: 0; } 
.s7 .text-area p { color:#fff; font-size: 22px; font-weight:500; line-height: 1.4; margin: 50px 0; } 
.s7 .text-area a { display: inline-block; padding: 18px 30px; background-color: #d92020; color: #fff; border-radius: 5px; font-size: 21px; font-weight: 500; line-height: 1; } 
.cn_video { width: 100%; max-width: 1280px; margin:0 auto; background: linear-gradient(45deg, #91beff , #2e518e); text-align:center; padding:30px 0 } 
.cn_video video { display:inline-block; width:95%; border-radius:40px; } 
.s7 .area1 {font-size: 66px; font-weight: bold; color: #fff; position: absolute; top: 22.5%; left: 18%; transform: translateY(-50%); text-align: left; } 
.s7 .area2 {font-size: 90px; font-weight: bold; color: #eccd88; position: absolute; bottom: 1%; right: 16.5%; transform: translateY(-50%); text-align: right; } 

@media (max-width: 1600px){
 .s7 { background-size: 98%; /*background-position: -250% center; */
 height: 80vh; } 
 }
@media (max-width: 1280px){
 .s7 { margin-top: -50px; height: 65vh; } 
 .s7 .text-area h1 { font-size: 70px; -webkit-text-stroke: 2px #222; } 
 .s7 .text-area h1 .left { margin-right: 0; } 
 .s7 .text-area p { font-size: 18px; margin: 35px 0; } 
 .s7 .text-area a { padding: 16px 24px; font-size: 18px; } 
 }
@media (max-width: 1000px){
 .s7 { height: auto; padding: 8% 0 17%; background-size: cover; } 
 .s7 .text-area { position: relative; top: auto; right: auto; transform: none; text-align: center; } 
 .s7 .text-area p { margin: 25px 0; } 
 .s7 .video-btn { position: relative; top: auto; margin-left: -25%; margin-top: 7%; } 
 }
@media (max-width: 768px){
 .s7 { background-size: 90%; padding: 8% 0 25%;background-size:cover; } 
 .s7 .text-area h1 { font-size: 60px; } 
 .s7 .text-area p { font-size: 16px; } 
 .s7 .text-area a { padding: 14px 20px; font-size: 16px; } 
 .s7 .video-btn { margin-left: -35%; margin-top: 8%; width: 56%; height: 240px; } 
 .s7 .video-view iframe { width: 86%; } 
 .s7 .video-view .dim { background-size: 40px; } 
 }
@media (max-width: 500px){
 .s7 { padding: 15% 0;margin-top:0;background-size:cover; } 
 .s7 .text-area h1 { font-size: 40px; -webkit-text-stroke: 1.5px #222; } 
 .s7 .text-area p { margin: 0px 0 30px; font-size: 14px; } 
 .s7 .text-area a { padding: 12px 16px; font-size: 15px; } 
 .s7 .video-btn { margin-top: 12%; height: 180px; } 
 .s7 .video-view iframe { width: 92%; } 
 .s7 .video-view .dim { background-size: 30px; } 
.s7 h1 { font-size:45px; padding:0; letter-spacing:-0.05em; } 
.cn_video { width:92%; padding: 10px 0; } 
.s7 .area2 { font-size:30px; right:25px; bottom:25px } 
.s7 .area1 { font-size:30px; top: 150px; left:25px; } 
 }



.s8 { background-color:#3262ae; padding: 100px 0 0; text-align: center; } 
.s8 h1 { position: relative; display: inline-block; vertical-align: middle; font-size:120px; margin-bottom:10px; color: #fff; font-family: 'BMEULJIRO'; } 
.s8 p { color:#fff; font-size:20px; } 
.s8 h1 span { color: var(--yellow); } 
.s8 .content img.mobile { display: none; } 
.s8 ul {position:relative;overflow:hidden;padding-top:50px;text-align:center;margin: 0 auto; width: 1450px; } 
.s8 ul li { float:left; } 
.s8 ul li:first-child { padding-right:20px; } 
.s8 .content { padding-bottom:100px; } 
.s8 .content2 { color:#222; background:#fff; font-size:17px; font-weight:500; padding:10px 0; } 

@media (max-width: 1600px){
 .s8 .content { width: 92%; margin: auto; } 
 }
@media (max-width: 1280px){
 .s8 { padding: 90px 0; } 
 .s8 h1 { font-size: 68px; } 
 .s8 h1::before { transform: scale(0.7); transform-origin: right; margin-right: 15px; } 
 .s8 h1::after { transform: scale(0.7); transform-origin: left; margin-left: 15px; } 
.s8 ul { width:100%; } 
.s8 ul li { float:none; padding:0; } 
.s8 ul li:first-child { padding-bottom:2%; } 
 }
@media (max-width: 768px){
 .s8 h1 { font-size: 60px; margin-bottom: 40px; } 
 .s8 h1::before { display: none; } 
 .s8 h1::after { display: none; } 
 .s8 .content img.pc { display: none; } 
 .s8 .content img.mobile { display: inline-block; } 
 }
@media (max-width: 500px){
 .s8 { padding: 15% 0 0; } 
 .s8 h1 { font-size: 50px; margin-bottom: 10px; } 
.s8 .content { padding-bottom:15%; } 
.s8 p { font-size:16px; width:85%; margin:0 auto; } 
.s8 ul { width:100%; padding-top:30px; } 
.s8 ul li:first-child { padding:0; margin-bottom:20px; } 
.s8 .content2 { color: #222; background: #fff; font-size: 12px; font-weight: 500; padding:10px 0; } 
 }


.s13 { text-align: center; background: url('../../../img/dakdonggari/s13_bg.jpg') no-repeat center / cover; padding: 100px 0; } 
.s13 h1 { position: relative; display: inline-block; vertical-align: middle; font-size:80px; margin-bottom:10px; color: #fff; font-family: 'BMEULJIRO';line-height:140%; } 
.s13 p {-webkit-text-stroke: 1px white; color: transparent;font-family: 'BMEULJIRO';font-size:50px; } 
.s13 h1 span.yellow { color:#fae74b;font-size:100px; } 
.s13 h1 span.blue { color:#3985ff;font-size:100px; } 
.s13 .ball { position:relative; width:1280px; margin:0 auto; } 
.s13 h2 { position:absolute; right:20px; top:-80px } 
.s13 .content img.mobile { display: none; } 
.s13 .content2 { color:#222; background:#fff; font-size:17px; font-weight:500; padding:10px 0; } 
.s13 .txt_box { font-family: 'BMEULJIRO'; font-size: 40px; color: #ff2828; margin-top: 30px; word-break: keep-all; } 
@media (max-width: 1600px){
 .s13 .content { width: 92%; margin: auto; } 
 }
@media (max-width: 1280px){
 .s13 { padding: 90px 0; } 
 .s13 h1 { font-size: 68px; } 
 .s13 h1::before { transform: scale(0.7); transform-origin: right; margin-right: 15px; } 
 .s13 h1::after { transform: scale(0.7); transform-origin: left; margin-left: 15px; } 
.s13 ul { width:100%; } 
.s13 ul li { float:none; padding:0; } 
.s13 ul li:first-child { padding-bottom:2%; } 
 }
@media (max-width: 768px){
 .s13 h1 { font-size: 60px; margin-bottom: 40px; } 
 .s13 h1::before { display: none; } 
 .s13 h1::after { display: none; } 
 .s13 .content img.pc { display: none; } 
 .s13 .content img.mobile { display: inline-block; } 

.s13 .txt_box { font-size:20px; } 
 }
@media (max-width: 500px){
 .s13 { padding: 15% 0 0; } 
 .s13 h1 { font-size: 30px; margin-bottom: 10px; } 
.s13 .content { padding-bottom:15%; } 
.s13 p { font-size:14px; width:85%; margin:0 auto; } 
.s13 ul { width:100%; padding-top:30px; } 
.s13 ul li:first-child { padding:0; margin-bottom:20px; } 
.s13 h1 span.yellow { color:#fae74b; font-size:40px; } 
.s13 h1 span.blue { color:#3985ff; font-size:40px; } 
.s13 .content2 { color: #222; background: #fff; font-size: 12px; font-weight: 500; padding:10px 0; } 
.s13 .ball { width:100%; } 
.s13 .ball img { width:30%; } 
.s13 h2 { position:absolute; right:10px; top:-50px; text-align: right; } 
 }




.s9 { text-align: center; background: url('../../../img/dakdonggari/s9_bg.png') no-repeat center / cover; padding: 100px 0; } 
.s9 h1 { position: relative; display: inline-block; vertical-align: middle; font-size: 100px; margin-bottom: 10px; color: #fff; font-family: 'BMEULJIRO'; width: 1280px; text-align:center; padding:20px 0 0px; } 
.s9 h1 span {color: var(--yellow); } 
.s9 h2 { text-align:center; } 
.s9 .content-wrap { position: relative; } 
.s9 .content-wrap .content { position: relative; z-index: 1; } 
.s9 .content-wrap .content.mobile { display: none; } 
.s9 .content-wrap .deco { position: absolute; left: 50%; bottom: 0; margin-left: 475px; } 
@media (max-width: 1400px){
 .s9 { padding: 5% 0; } 
 .s9 .content-wrap { width: 92%; margin: auto; } 
 .s9 .content-wrap .deco { display: none; } 
 }
@media (max-width: 768px){
 .s9 { padding: 15% 0; } 
.s9 .content-wrap { width: 100%; } 
 .s9 .content-wrap .content.pc { display: none; } 
 .s9 .content-wrap .content.mobile { display: inline-block; } 
.s9 h1 { width:100%; font-size:50px; } 
/* .s9 h1 span { display:block; } */
.s9 h2 { width:80%; margin:0 auto; text-align:center; } 
 }



.s11 { position: relative; text-align: center; padding: 130px 0 220px; background: url('../../../img/dakdonggari/s11_bg.jpg') #edf1f7 no-repeat center / cover; } 
.s11 h1 { font-size: 120px; color: hsla(0, 0%, 0%, 0.9); font-family: 'BMEULJIRO'; margin-bottom: 60px; } 
.s11 h1 span { color:#2e518e; /*-webkit-text-stroke: 3px hsla(0, 0%, 0%, 0.9); */}
.tab { display: inline-flex; justify-content: center; border: 3px solid var(--blue);max-width:1280px;width:100%;margin-bottom:40px; } 
.tab1 { margin-bottom:0px; border-bottom: 0; } 
.tab li { width:25%; } 
.tab li a { height: 100%; display: block; background-color: #edf1f7; font-size: 22px; font-weight: 500; color: var(--blue); padding: 20px 0; transition: 0.2s; } 
.tab li.on a { background-color: var(--blue); color: #edf1f7; } 
.tab-content { width: 90%; max-width: 1280px; margin: auto; height: 720px; position: relative; } 
.tab-content > div { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0 5px 40px hsla(0, 0%, 0%, 0.15); transition: 0.2s; } 
.tab-content > div.show { opacity: 1; } 
.tab-content .text { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; left: -5%; bottom: -10%; width: 220px; height: 220px; border-radius: 50%; background-color: var(--blue); color: #fff; z-index: 2; padding: 0 25px; } 
.tab-content .text .name { font-size: 26px; font-weight: 500; } 
.tab-content .text .address { font-size: 18px; font-weight: 500; margin-top: 20px; opacity: 0.8; word-break: keep-all; } 
.s11 .root_daum_roughmap { width: 100%; } 
.s11 .root_daum_roughmap .wrap_map { height: 720px; } 
.root_daum_roughmap .wrap_controllers { display: none; } 
@media (max-width: 1280px){
 .s11 { padding: 10% 0 20%; } 
 .s11 h1 { font-size: 80px; margin-bottom: 40px; } 
 .s11 h1 span { /* -webkit-text-stroke: 2px hsla(0, 0%, 0%, 0.9); */}
 .s11 .root_daum_roughmap .wrap_map { height: 480px; } 

 .tab { border-width: 2px; *margin-bottom: 35px; } 
 .tab li a { font-size: 20px; padding: 18px 0; *width: 170px; } 
.tab1 { margin-bottom:0px; border-bottom: 0; } 

 .tab-content { height: 480px; } 
 .tab-content .text { width: 190px; height: 190px; } 
 .tab-content .text .name { font-size: 22px; } 
 .tab-content .text .address { font-size: 16px; margin-top: 10px; } 
 }
@media (max-width: 768px){
 .s11 h1 { font-size: 60px; margin-bottom: 30px; } 

 .tab { margin-bottom: 25px; } 
 .tab li a { font-size: 0.8em; padding: 14px 0; *width: 140px; } 
.tab1 { margin-bottom:0px; border-bottom: 0; } 

 .tab-content .text { width: 160px; height: 160px; } 
 .tab-content .text .name { font-size: 18px; } 
 .tab-content .text .address { font-size: 14px; } 
 }
@media (max-width: 500px){
 .s11 { padding: 15% 0 30%; } 
 .s11 h1 { font-size:50px; margin-bottom: 25px; } 
 .s11 .root_daum_roughmap .wrap_map { height: 320px; } 

 .tab { display: flex; width: 90%; margin: 0 auto; } 
 .tab li { flex: 1; } 
 .tab li a { width: 100%; font-size: 0.85em; padding: 12px 0; } 
 .tab-content { height: 320px; } 
 .tab-content .text { width: 120px; height: 120px; padding: 0 4%; } 
 .tab-content .text .name { display: none; } 
 .tab-content .text .address { margin-top: 0; } 
 }




.s10 { padding: 100px 0; background: url('../../../img/dakdonggari/s10_bg.jpg') #111 no-repeat center / cover; color: #fff; } 
.s10 h1 { text-align:left; font-size: 100px; font-family: 'BMEULJIRO';width:1280px;margin:0 auto; } 
.s10 h1 span { color: var(--yellow); } 
.s10 h2 { text-align: left; margin: 20px auto 50px; opacity: 0.85; font-size: 20px; font-weight: 500; line-height: 1.4;width:1280px; } 

.agree_area { text-align: center; } 

.inquriy-submit { text-align: center; margin-top: 40px; } 
.inquriy-submit button { background-color: var(--blue); color: #fff; font-size: 50px; padding: 24px 48px; line-height: 1; border-radius: 10px;font-family: 'BMEULJIRO';width:100%; } 
.inquriy-submit button span { color: var(--yellow); } 

input.hidden-input { position: absolute; width: 0; height: 0; overflow: hidden; } 
input.hidden-input+label { cursor: pointer; } 
input.hidden-input+label>span { vertical-align: middle; padding-left: 8px; color: #fff; font-weight: 300;
 font-size: 18px; } 
.privacy-open-btn { display: inline-block; vertical-align: middle; color: #fff; border-bottom: 1px solid #fff; cursor: pointer; } 
input.hidden-input+label:before { content: ""; display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; } 
input.hidden-input:checked+label:before { content: ""; background: url('../../../img/dakdonggari/check_arr.png') #fff no-repeat center; } 

.inputtext_style { background-color: #fff; border-radius: 100px; padding: 17px 30px; font-size: 20px; color: #111; font-weight: 500; min-width: 320px; cursor: auto; } 
.inputtext_style::placeholder { color: #aaa; font-weight: 300; } 
.textarea_style { background-color: #fff; border-radius: 30px; padding: 17px 30px; font-size: 20px; color: #111; font-weight: 500; width: 100%; cursor: auto; } 
.textarea_style::placeholder { color: #aaa; font-weight: 300; } 
@media (max-width: 1400px){
 .s10 h1 { font-size: 80px; } 
 .s10 h2 { font-size: 20px; margin: 30px 0 40px; } 

 .inputtext_style { padding: 14px 24px; font-size: 18px; } 
 .textarea_style { padding: 14px 24px; font-size: 18px; } 
 }
@media (max-width: 768px){
 .s10 { padding: 10% 0; } 
 .s10 h1 { font-size: 60px; } 
 .s10 h2 { font-size: 16px; margin: 20px 0 30px; } 

 .inputtext_style { padding: 12px 22px; font-size: 16px; } 
 .textarea_style { padding: 12px 22px; font-size: 16px; border-radius: 15px; } 

 input.hidden-input+label:before { width: 20px; height: 20px; } 
 input.hidden-input:checked+label:before { background-size: 15px; } 
 input.hidden-input+label>span { font-size: 16px; } 

 .inquriy-submit button { font-size: 26px; padding: 20px 40px; } 
 }
@media (max-width: 500px){
 .s10 { padding: 15% 2%; } 
 .s10 h1 { font-size: 42px;padding: 0 3%; } 
 .s10 h2 { font-size: 14px; margin: 25px 0 25px; padding: 0 3%; text-align: left;width:100%; } 

 .inputtext_style { width: 100%; } 

 input.hidden-input+label>span { font-size: 14px; padding-left: 6px; } 

 .inquriy-submit button { font-size: 22px; padding: 18px 36px; } 
 }

.s12 { background-color:#1c1c1c; height:100vh; text-align: center;position: relative; } 
.s12 h1 { position: relative; display: inline-block; vertical-align: middle; font-size:120px; margin-bottom:10px; color: #fff; font-family: 'BMEULJIRO';width:1280px;text-align:left;padding-top:100px; } 
.s12 p {color:#fff; font-size:22px; width:1280px;text-align:left; margin:0 auto;padding-bottom:50px; line-height:1.4; } 
.s12 p span { color:#fae381; font-weight:bold; } 

.s12 h1 span { color: var(--yellow); } 
.s12 .content img.mobile { display: none; } 
.s12 .content { padding-bottom:100px; } 
.s12 .deco { position:absolute; top: 6%; right: 335px; } 

@media (max-width: 1600px){
 .s12 .content { width: 92%; margin: auto; } 
 }
@media (max-width: 1280px){
 .s12 { padding: 90px 0; } 
 .s12 h1 { font-size: 68px; } 
 .s12 h1::before { transform: scale(0.7); transform-origin: right; margin-right: 15px; } 
 .s12 h1::after { transform: scale(0.7); transform-origin: left; margin-left: 15px; } 
 }
@media (max-width: 768px){
 .s12 h1 { font-size: 60px; margin-bottom: 40px; } 
 .s12 h1::before { display: none; } 
 .s12 h1::after { display: none; } 
 .s12 .content img.pc { display: none; } 
 .s12 .content img.mobile { display: inline-block; } 
 }
@media (max-width: 500px){
 .s12 { padding: 15% 2% 40%;position:relative;height:auto; } 
 .s12 h1 { font-size:50px; margin-bottom: 10px;padding:0;width:100%;text-align:center; } 
.s12 .deco { position:absolute; bottom:0%; top:auto; right:auto; } 
.s12 .deco img { width:80%; } 
.s12 p { font-size:15px; width:100%; padding-bottom:30px; text-align:center; } 
 }



.ft-fix { background-color: hsla(0, 0%, 0%, 0.7); backdrop-filter: blur(5px); width: 100%; position: fixed; left: 0; bottom: 0; z-index: 21; text-align: left; } 
.ft-fix .wrap { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 17px 0; } 
.ft-fix .tel { color: #fff; display: flex; gap: 20px; align-items: center; } 
.ft-fix .tel span { font-size: 25px; font-family: 'BMEULJIRO'; opacity: 0.8; } 
.ft-fix .tel strong { font-size: 36px; font-weight: 700; letter-spacing: -2px; } 
.ft-fix .input_area { display: flex; gap: 20px; } 
.ft-fix .inputtext_style { font-size: 16px; min-width: 220px; padding: 13px 25px; } 
.ft-fix input.hidden-input+label>span { font-size: 14px; } 
.ft-fix .inquriy-submit { margin-top: 0; } 
.ft-fix .inquriy-submit button { color: var(--yellow); font-size: 20px; font-weight: 500; padding: 15px 20px; border-radius: 5px; } 
@media (max-width: 1280px){
 .ft-fix .input_area { display: none; } 
 .ft-fix .agree_area { display: none; } 
 }
@media (max-width: 768px){
 .ft-fix .wrap { padding: 12px 0; } 
 .ft-fix .tel { gap: 8px; } 
 .ft-fix .tel span { font-size: 16px; } 
 .ft-fix .tel strong { font-size: 22px; } 
 .ft-fix .inquriy-submit button { font-size: 16px; padding: 12px 16px; } 
 }
@media (max-width: 500px){
 .ft-fix .wrap { gap: 0; padding: 8px 0; } 
 .ft-fix .tel span { font-size: 15px; } 
 .ft-fix .tel strong { font-size: 20px; } 
 .ft-fix .inquriy-submit button { font-size: 14px; padding: 10px; } 
 }



.email-open { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 22; } 
.email-open .dim { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../../../img/dakdonggari/s7_video_close_ic.png') hsla(0, 0%, 0%, 0.9) no-repeat 96% 6%; cursor: pointer; } 
.email-open .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 768px; height: auto; z-index: 1; background-color: #fff; color: #111; font-size: 14px; font-weight: 300; border-radius: 10px; padding: 30px; overflow-y:scroll; } 
.email-open .content h1 { font-size: 18px; font-weight: 600; margin-bottom: 20px; } 
@media (max-width: 768px){
 .email-open .content { width: 92%; } 
 .email-open .dim { background-size: 40px; } 
 }
@media (max-width: 500px){
 .email-open .dim { background-size: 30px; } 
 }



/* 창업문의 리스트 */
.inquiry-board-list,
.inquiry-board-view { width: 1280px; margin: 0 auto; font-size: 16px; margin-bottom: 72px !important; } 
.inquiry-board-list td { vertical-align: middle; } 
.inquiry-board-list .more_opt li { width: 106px; } 
.inquiry-board-list .bo_tit { font-weight: 500; } 

.inquiry-board-list .td_num2 { width: 82px !important; } 
.inquiry-board-list .td_name { width: 160px !important; } 

.inquiry-board-view #bo_v_title .bo_v_tit { font-size: 1.3em; } 

.inquiry-board-view #bo_v_con { margin: 40px 0; } 
.inquiry-board-content th { width: 140px; } 
.inquiry-board-content td { font-weight: 300; } 

@media (max-width: 1280px){
 .inquiry-board-list,
 .inquiry-board-view { width: 92%; } 
 }


/* 회원가입 숨김 */
.mb_log_cate { display: none; } 
#mb_login #login_fs .frm_input { text-align: left; } 
#mb_login #login_fs .frm_input::placeholder { color: #bbb; } 

.ft_quick {background:#ddd;border-radius:100px;position:fixed;top: 20px;z-index: 200;right:20px;box-shadow:3px 3px 3px 1px rgb(0 0 0 / 20%)} 
.ft_quick img { display:inline-block; } 

.ft_quick2 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999999999999;
}

.ft_quick2 .top_btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 2px solid #2e518e;
  border-radius: 50%;
  background: #2e518e;
  color: #eede83;
  font-size: 18px;
  cursor: pointer; /* 추가 */
}

.ft_quick2 .top_btn2 a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  text-decoration: none;
  color: #eede83;
}

.ft_quick2 .top_btn2:hover{background:#111;color:#fff;cursor: pointer; /* 추가 */}
.ft_quick2 .top_btn2 a:hover{color:#fff;}

/* 팝업 스크롤바 디자인 */
.menu_pop .pop_info::-webkit-scrollbar-track { display:none; } 
.menu_pop .pop_info::-webkit-scrollbar { display:none; } 
.menu_pop .pop_info::-webkit-scrollbar-thumb { display:none; } 
.menu_pop .pop_info::-webkit-scrollbar-thumb:hover { display:none; } 

/* 팝업 */
.menu_pop { position: fixed; width: 100vw; height: 100vh; z-index: 99999; background: #0006; left: 0; top: 0; padding: 20px; } .menu_pop.on { display:block !important; } .menu_pop .img_box img { display: block !important; position: relative; width:100%; height: 100%; top: 0; background: #fff; } 
.menu_pop > div { position: absolute; width: calc(100% - 40px); height: calc(100vh - 40px); max-width: 1200px; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.menu_pop .pop_info { position: absolute; width: calc(100% - 50px); height: calc(100vh - 40px); overflow-y: auto; max-width: 1200px; top: 50%; left: 0; transform: translate(0%, -50%); } 
.menu_pop .menu_pop_close { cursor:pointer; position: absolute; right: 0; width: 40px; height: 40px; } 
.menu_pop .menu_pop_close img { display:block; object-fit: unset; } 
.menu_pop .img_box { border: 4px solid #fff; } 
.pop_hidden { overflow:hidden !important; touch-action:none; } 

@media (max-width: 750px) {.menu_pop .menu_pop_close { width:30px; height:30px; right: 0; top: 0; z-index: 100; } 
.menu_pop .pop_info { width: 100%; height: calc(100vh - 80px); transform: translate(0, 0); bottom: 0; top: auto; } 
 }