@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;
}
@font-face {
    font-family: 'BMHANNAAir';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/BMHANNAAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'BMHANNAPro';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.0/BMHANNAPro.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
    --blue: #2e518e;
    --yellow: #fdff2d;
	--purple: #635dc4;
}

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;}
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; }

.w1200{max-width:1200px;margin:0 auto;}
@media screen and (max-width: 1200px) {
	.w1200{padding:0 20px;}
}

/* -------------------nav------------------- */
#nav{position: fixed;bottom: 0;width: 100%;/* background: #54be2a; */z-index: 9999;}
#nav::after{content:'';display:block;width:100%;height: 100px;background: #54be2a;position:absolute;left:0;bottom:0;z-index: -1;}
#nav .w1200{display:flex;align-items: center;justify-content: space-between;}
#nav .w1200 > img{margin-top: 20px;}
#nav .right{display: flex;justify-content: flex-end;width: calc(100% - 310px);float: right;}
#nav .right a{display: inline-block;/* width:50%; */}

@media screen and (max-width: 1100px) {
	#nav .w1200 > img{display:none;}
	#nav .right{width:100%;}
	#nav .right a{width:50%;border-radius: 15px 15px 0 0;text-align: center;}
	#nav .right a:nth-child(1){background: #111;}
	#nav .right a:nth-child(2){background: #fae100;}
	#nav::after{display:none;}
	#nav .w1200{padding:0;}
}

/* -------------------main------------------- */
#main{background: #00000075;overflow: hidden;height: 800px;position: relative;}

#main .header{background: rgb(0 0 0 / 80%);padding: 20px 0;}
#main .header a{color:#fff;font-size: 24px;}
#main .header .w1200{display: flex;justify-content: space-between;align-items: center;}

#main > .w1200{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;margin-top: 141px;}
#main .tit2{margin-top:30px;}

/* 비디오를 배경으로 설정 */
.video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; /* 비디오가 요소의 크기에 맞게 조정 */z-index: -1; /* 비디오가 페이지의 콘텐츠 뒤에 위치하도록 설정 */}

@media screen and (max-width: 1200px) {
	.scroll-link{display:none;}
	#main{height: 660px;}
}

@media screen and (max-width: 680px) {
	#main .header .logo{width:200px;}
	#main .header .tel_lik{width:280px;}
}

@media screen and (max-width: 580px) {
	#main .header .logo{width:150px;}
	#main .header .tel_lik{width:240px;}
}

@media screen and (max-width: 462px) {
	#main .header .logo{width:100px;}
	#main .header .tel_lik{width:160px;}
}

/* -------------------sc1------------------- */
#sc1{background: url('../../../img/dakdonggari/sc1_bg.jpg') center bottom;background-size: cover;position: relative;}
#sc1 .tit2{margin: 40px 0;}
#sc1 .w1200{display:flex;position: relative;padding: 120px 0px 140px;}
#sc1 .left{position: relative;z-index: 1;width: calc(100% - 290px);}
#sc1 .right{position:absolute;right: -100px;bottom: 0;z-index: 0;}
@media screen and (max-width: 1200px) {
#sc1 .w1200{padding: 120px 20px 140px;}
}

@media screen and (max-width: 1080px) {
	#sc1 .right{}
}

@media screen and (max-width: 964px) {
	#sc1 .w1200{padding: 120px 20px 60px;}
	
}

@media screen and (max-width: 826px) {
	#sc1 .w1200{padding: 80px 20px 60px;}
	#sc1 .right{width: 600px;}
	#sc1 .left{width:calc(100% - 190px);}
	
}


@media screen and (max-width: 656px) {
	#sc1 .w1200{padding: 80px 20px 60px;}
	#sc1 .right{width: 500px;}
	#sc1 .tit2{width: 310px;}
	#sc1 .left{width:calc(100% - 100px);}

	
}

@media screen and (max-width: 500px) {
	#sc1 .w1200{padding: 80px 20px 290px;}
	#sc1 .right{width: 320px;right: -50px;}
	#sc1 .tit2{width: auto;margin: 20px 0;}
	#sc1 .left{width: 100%;}	
}

.latest-posts{padding:60px 0;background: #1e1e1e;color: #fff;}
.latest-posts ul{display: flex;gap: 30px 10px;flex-wrap: wrap;}
.latest-posts li{width: calc(33.33% - 7px);}

.latest-posts .more {width: 210px;height: 50px;display: block;text-align: center;line-height: 50px;background: #54be2a;border-radius: 500px;font-size: 18px;margin: 40px auto 0;border: 2px solid #4e9730;}

@media screen and (max-width:767px){
	.latest-posts li{width: calc(50% - 5px);}
	.box .text{font-size: 14px !important;!i;!;}
	@media screen and (max-width: 768px) {
    .latest-list li:nth-child(n+5) {
        display: none; /* 모바일에서는 5번째부터 숨기기 */
    }
}
}

@media screen and (max-width:500px){
	.latest-posts ul{
    display: flex;
    justify-content: center;
}
	.latest-posts li{width: auto;}
}
/* -------------------sc2------------------- */
#sc2{padding: 60px 0 145px;background: url('../../../img/dakdonggari/sc2_bg.jpg') center;background-size: cover;}

@media screen and (max-width: 768px) {
	#sc2{padding:60px 0;}
}


/* -------------------sc3------------------- */
#sc3{background: #272727;padding: 20px 0;}

/* -------------------sc4------------------- */
#sc4{display:flex;flex-wrap: wrap;}
#sc4 > div{display: flex;justify-content: center;align-items: flex-start;padding: 90px 20px 290px;overflow: hidden;}
#sc4 .box1{width: 32%;background: url('../../../img/dakdonggari/sc4_bg01.jpg') center;background-size: cover;}
#sc4 .box2{width: 36%;background: url('../../../img/dakdonggari/sc4_bg02.jpg') center;background-size: cover;}
#sc4 .box3{width: 32%;background: url('../../../img/dakdonggari/sc4_bg03.jpg') center;background-size: cover;}

@media screen and (max-width: 1100px) {
	#sc4 .box1{width: 50%;}
	#sc4 .box2{width: 50%;}
	#sc4 .box3{width: 100%;}	
}

@media screen and (max-width: 768px) {
	#sc4 >div{padding:90px 20px;}
	#sc4 .box1{width: 100%;}
	#sc4 .box2{width: 100%;}
	#sc4 .box3{width: 100%;}

	.animate__delay-1s,
	.animate__delay-2s{--animate-delay: 0s !important;}
}

/* -------------------sc5------------------- */
#sc5{padding: 130px 0;background:#f5f5f5;}

@media screen and (max-width: 768px) {
	#sc5{padding:80px 0;}
	
}

/* -------------------sc6------------------- */
#sc6{padding: 140px 0;background: url('../../../img/dakdonggari/sc6_bg.jpg') center;background-size: cover;text-align:center;}

@media screen and (max-width: 768px) {
	#sc6{padding:80px 0;}
	
}
/* -------------------sc6------------------- */
#ft{padding: 30px 0 130px;background:#202020;color:#fff;font-size: 16px;}
#ft .w1200{display: flex;align-items: center;justify-content: flex-start;gap: 0 20px;}
#ft .tit1{}
#ft .right{}
#ft .right ul{}
#ft .right li{display: inline-block;width:auto;}
#ft .right li ~ li{margin-left: 6px;}
#ft .copy{display:inline-block;color:#848484;margin-top:10px;}

@media screen and (max-width:767px){
#ft .w1200{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0;
}
}