@charset "utf-8";

@media all and (min-width:1161px) {
	#ds-index {font-size:1.9rem; line-height:1.8;}
}
@media all and (min-width:1025px) and (max-width:1160px) {
	#ds-index {font-size:1.8rem; line-height:1.7;}
}
@media all and (min-width:901px) and (max-width:1024px) {
	#ds-index {font-size:1.7rem; line-height:1.7;}
}
@media all and (min-width:831px) and (max-width:900px) {
	#ds-index {font-size:1.5rem; line-height:1.6;}
}
@media all and (min-width:769px) and (max-width:830px) {
	#ds-index {font-size:1.4rem; line-height:1.6;}
}
@media all and (max-width:768px) { /* MOBILE */
	#ds-index {font-size:1.3rem; line-height:1.5;}
}

@-webkit-keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}
@-moz-keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}
@keyframes ds-index-img-scale {100% {transform:scale(1.05,1.05);}}

.ds-img-scale {overflow:hidden;}
.ds-img-scale img {
	-webkit-animation: ds-index-img-scale 20s 1s infinite ease alternate;
	-moz-animation: ds-index-img-scale 20s 1s infinite ease alternate;
	animation: ds-index-img-scale 20s 1s infinite ease alternate;
}

/* SWIPER SETTING*/
.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important; transition-timing-function: ease-out;
}
 *[class*="ds-swiper-prx"] {opacity:0; transition-duration:1s;}
.ds-swiper-prx-0 {transition-delay:0.0s;}
.ds-swiper-prx-1 {transition-delay:0.8s;}
.ds-swiper-prx-2 {transition-delay:1.6s;}
.ds-swiper-prx-3 {transition-delay:2.4s;}
.ds-swiper-prx-4 {transition-delay:3.2s;}
.ds-swiper-prx-5 {transition-delay:4.0s;}
.ds-swiper-prx-6 {transition-delay:4.8s;}
.ds-swiper-prx-7 {transition-delay:5.6s;}
.ds-swiper-prx-8 {transition-delay:6.4s;}
.ds-swiper-prx-9 {transition-delay:7.2s;}
.ds-swiper-prx-10 {transition-delay:8.0s;}
.ds-swiper-prx-11 {transition-delay:8.8s;}
.ds-swiper-prx-12 {transition-delay:9.6s;}
.ds-swiper-prx-13 {transition-delay:10.4s;}
.ds-swiper-prx-14 {transition-delay:11.2s;}
.ds-swiper-prx-15 {transition-delay:12.0s;}
 
.ds-index-ban {position:relative; max-width:2560px; margin:0 auto;}
.ds-index-ban-size>div {position:relative; height:0; padding-bottom:50%; z-index:0;}

.ds-index-ban>ul {position:absolute; width:100%; height:100%; top:0; left:0;}

.ds-index-ban-slide-bg {position:absolute; width:100%; height:100%; top:0; left:0;}
.ds-index-ban-slide-bg>div {height:100%; margin:0 auto; font-size:0;}
.ds-index-ban-slide-bg img {object-fit:cover; width:100%; height:100%; transition:all 1s;}

/* SWIPER MAIN*/
.ds-index-ban-slide-main {height:100%; box-sizing:border-box; height:100%; margin:0 auto; line-height:1.4; font-weight:bold;}
.ds-index-ban-slide-main strong {font-weight:800;}

.ds-index-ban-slide-main>* {height:100%; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.ds-index-ban-slide-main-right>* {align-items:flex-end;}
.ds-index-ban-slide-main-left>* {align-items:flex-start;}
.ds-index-ban-slide-main>*>* {text-align:center; display:flex; flex-direction:column; justify-content:center; gap:1em;align-items:center; height:100%;}
.ds-index-ban-slide-main>*>*>* {word-break:keep-all; display:block;}

.ds-index-ban-slide-main>a:hover>span {color:#fff; font-weight:bold;}
.ds-index-ban *[class*=ds-swiper-prx] {opacity:0; display:block;}

.ds-slide-text-size-a {font-size:1.5em;}
.ds-slide-text-size-b {font-size:2em;}
.ds-slide-text-size-c {font-size:2.5em;}
.ds-slide-text-size-d {font-size:3em;}
.ds-index-ban-slide-main img {max-height:11em;}

/*INDEX 02*/
#ds-index-02 {margin-top:2em;}
#ds-index-02 *[data-aos] {transition-duration:1s;}
#ds-index-02-main {display:flex; margin:0; padding:0; list-style:none; align-items:stretch; justify-content:space-between; text-align:center; position:relative;}

#ds-index-02-main>li {width:25%; transition:all 0.5s; background-size:cover; background-position:center center; position:relative; height:45em;}

#ds-index-02-main>li:hover {width:40%;}
/* #ds-index-02-main>li:hover>a:after, */
/* #ds-index-02-main>li:hover>a:before {content:""; display:block; height:100%; width:5em; background:blue} */

#ds-index-02-main>li>a {position:relative; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center;  box-sizing:border-box; /*padding:15em 1%*/ justify-content:center;}

.ds-index-main-box {position:relative; width:80%; display:flex; justify-content:center; align-items:center;}

.ds-index-main-box:before {position:absolute; content:""; display:block; background:#f4a400; width:11em; height:0; padding-bottom:11em; border-radius:100%; transition:all 0.5s; top:0; z-index:0;}
#ds-index-02-main>li:hover .ds-index-main-box:before {width:18em; height:0; padding-bottom:18em;}

/* #ds-index-02-main>li:hover .ds-index-main-box>div:before {width:100%; height:100%; } */

.ds-index-main-box>div>* {display:block; z-index:1; position:relative;}
.ds-index-main-box>div>div>img {height:5.6em; margin-top:2.8em;}

#ds-index-02-main small {border:3px solid #fff; width:3em; margin:2.6em auto; opacity:0; transition:all 0.5s;}
#ds-index-02-main>li:hover small {opacity:1;}

#ds-index-02-main strong {font-size:2.1em; font-weight:800; line-height:1.3;}
#ds-index-02-main strong img {height:1.2em;}
#ds-index-02-main span {font-size:1.2em; margin-top:1em;}

@media all and (min-width:1025px) and (max-width:1160px) {
	#ds-index-02-main {font-size:0.95em;}
}
@media all and (min-width:901px) and (max-width:1024px) {
	#ds-index-02-main {font-size:0.9em;}
}
@media all and (max-width:900px) {
	#ds-index-02-main {flex-wrap:wrap;}
	#ds-index-02-main>li {flex-basis:50%!important;  height:25em;}
	#ds-index-02-main {font-size:0.85em;}
	
}

/* INDEX 03 */
#ds-index-03-main p {text-align:center; font-weight:800; font-size:2em; color:var(--color-grey); line-height:1.4;}
#ds-index-03-main p small {font-size:0.7em;}
#ds-index-03-main>div {display:flex; justify-content:space-between; align-items:center; position:relative;}
#ds-index-03-main>div>div:not(#ds-index-03-bar) {z-index:1;}
#ds-index-03-main img {display:block; height:8em; width:auto;}
#ds-index-03-num strong {font-size:4em;}
#ds-index-03-num span {font-size:2em;}
#ds-index-03-bar {
	height:2em;
	width:0;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:0;
}




#ds-index-04-main {padding:10% 0; display:flex; justify-content:space-between; align-items:stretch;}
.ds-index-04-box {flex:0 0 32%; position:relative; border-radius:2em; overflow:hidden; box-sizing:border-box; border:0.3em solid #333; z-index:0; height:0; padding-bottom:40%; /*48.8%*/ transition-delay:transform 0;}
/* 1100/720*0.32 */
#ds-index .ds-index-04-box:hover {transform:scale(1.03);}

/* .ds-index-04-box>* {} */
.ds-index-04-padding {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:; align-items:; padding:0 5% 5% 5%; box-sizing:border-box; z-index:1;}
.ds-index-04-icon {margin:5% 0; position:relative; z-index:1;}
.ds-index-04-icon img {display:block; height:4em;}
.ds-index-04-content {background:rgba(255,255,255,0.5);}
/* .ds-index-04-content {position:absolute; top:0; height:0; box-sizing:border-box; width:100%; height:100%; } */

.ds-index-04-video-bg {position:absolute; top:0; left:0; width:100%; height:100%;
/* padding-bottom:152.777777777%;   */
z-index:0; 
container-type: size;
}

.ds-index-04-video-bg iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
border:none; background-position:center center; background-size:cover; background-repeat:no-repeat;
 width: 100cqw;
    height: 152.7777cqw;
    min-height: 100cqh;
    min-width: 65.45454545454545cqh;

}

#ds-index-04-a {}
#ds-index-04-a .ds-index-04-title {position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;
	display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
#ds-index-04-a .ds-index-04-title>div {background:rgba(0,0,0,0.5); text-align:center; font-size:1.7em; color:#fff; padding:0.3em;}
#ds-index-04-a .ds-index-04-img-bg {position:Absolute; width:100%; height:100%; top:0; left:0;  z-index:0;}
#ds-index-04-a .ds-index-04-img-bg img {width:100%; height:100%; object-fit:cover;}


/* INDEX 05 */
#ds-index-05-main {padding:10% 0; display:flex; justify-content:space-between; align-items:stretch;}

#ds-index-05 h2 {font-size:1.5em;}

#ds-index-05-a {flex:0 0 40%; border:0.4em solid #f4a400; border-radius:3em; box-sizing:border-box; padding:2%; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between;}

#ds-index-05-a-2 {margin:2em 0;}
#ds-index-05-a .xet_widget_webzine {list-style:none; padding:0; margin:0; line-height:1.4;}
#ds-index-05-a .xet_widget_webzine a {display:block;}
#ds-index-05-a .xet_widget_webzine img {display:block; width:100%;}
#ds-index-05-a .vertical_middle {text-align:center;}
/* #ds-index-05-a .vertical_middle p {margin:0;} */
#ds-index-05-a .vertical_middle p {margin:0.5em 0;}
#ds-index-05-a .vertical_middle .title_wrp {font-size:1.5em;}
#ds-index-05-a .vertical_middle .title_wrp a {font-weight:800!important;}
#ds-index-05-a .vertical_middle .extravar {color:var(--color-3a); margin:0; font-size:1.2em;}
#ds-index-05-a .xet_widget_webzine_doc_more {display:none;}
.ds-index-05-a-title a {font-size:1.3em; font-weight:bold;}
#ds-index-05-a-3 {align-self:flex-end}

.ds-index-05-b {flex:0 0 48%;}
.ds-index-05-b h2 {margin:0 0 1em 0;}
.ds-index-05-b h2 a {display:block; font-weight:800!important;}
.ds-index-05-b h2 a small {color:var(--color-3a); font-size:0.6em; border:2px solid var(--color-3b); padding:0.2em 1.5em; border-radius:0.5em; margin:0 0 0 1em;}
.ds-index-05-b .xe-widget-wrapper{overflow:visible}
.ds-index-05-b .xet_widget_webzine {list-style:none; padding:0; margin:0;}
.ds-index-05-b .xet_widget_webzine>li~li {margin-top:2em;}
.ds-index-05-b .xet_widget_webzine>li:hover {background:#f8f8f8; transform:translate(0,-0.1em); transition:transform 0.3s;}
.ds-index-05-b a:hover{transform:none;}
.ds-index-05-b .xet_widget_webzine a {display:block;}
.ds-index-05-b .title_wrp {color:var(--color-3a); font-size:1.3em; font-weight:bold; line-height:1.5;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 원하는 줄 수로 조절 */
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin:0;
}

.ds-index-05-b .content {
	font-size:0.9em;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 원하는 줄 수로 조절 */
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin:0.5em 0;
}
.ds-index-05-b .cate_wrp .ds-time-h,
.ds-index-05-b .cate_wrp .xi-time {display:none;}
.ds-index-05-b .cate_wrp .date {font-size:1.1em; color:var(--color-3b)}
.ds-index-05-b .cate_wrp .ds-time-m:before,
.ds-index-05-b .cate_wrp .ds-time-d:before {content:"-"; margin:0; font-weight:bold;}

.ds-index-05-b .xet_widget_webzine_doc_more a {display:inline-block; border:1px solid var(--color-3b); border-radius:0.5em; padding:0 1em; font-size:0.8em;}
.ds-index-05-b .xet_widget_webzine_doc_more a:hover {background:#fff; border-color:var(--color-3a)}




/* INDEX06 */
#ds-index-06 {font-size:1.1em; }
#ds-index-06 h2 {font-size:2em; margin:0; font-weight:800;}
#ds-index-06-main>div {display:flex; justify-content:space-between; align-items:stretch;}
#ds-index-06-main>div>div {flex:48% 0 0;}
#ds-index-06-a {font-weight:bold;}
.ds-gform-submit {text-align:center;}

.ds-index-07-main {font-size:0;}
.ds-index-07-main ul {display:flex; justify-content:space-evenly; align-items:center; gap:2%;}
.ds-index-07-main li {max-width:15%;}
.ds-index-07-main ul+ul {margin-top:5%;}
.ds-index-07-main a {display:block;}
.ds-index-07-main IMG  {max-width:100%;}



@media all and (min-width:1281px) and (max-width:1400px) {
	#ds-index-ban01 {font-size:0.97em;}
	.ds-index-ban-size>div {padding-bottom:53%;}
	.ds-index-ban-slide-main img {max-height:10.5em;}
	#ds-index-03-main p {font-size:2.0em;}
	#ds-index-03-main img {height:7.8em;}
	#ds-index-03-bar {height:1.9em}
	#ds-index-03-num strong {font-size:3.85em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.67em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.47em}
	#ds-index-05 h2 {font-size:1.49em;}
}
@media all and (min-width:1161px) and (max-width:1280px) {
	#ds-index-ban01 {font-size:0.94em;}
	.ds-index-ban-size>div {padding-bottom:56%;}
	.ds-index-ban-slide-main img {max-height:10.0em;}
	#ds-index-03-main p {font-size:1.95em;}
	#ds-index-03-main img {height:7.5em;}
	#ds-index-03-bar {height:1.8em}
	#ds-index-03-num strong {font-size:3.7em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.64em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.46em}
	#ds-index-05 h2 {font-size:1.48em;}
}
@media all and (min-width:1025px) and (max-width:1160px) {
	#ds-index-ban01 {font-size:0.91em;}
	.ds-index-ban-size>div {padding-bottom:59%;}
	.ds-index-ban-slide-main img {max-height:9.5em;}
	#ds-index-03-main p {font-size:1.9em;}
	#ds-index-03-main img {height:7.2em;}
	#ds-index-03-bar {height:1.7em}
	#ds-index-03-num strong {font-size:3.55em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.61em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.45em}
	#ds-index-05 h2 {font-size:1.47em;}
}
@media all and (min-width:901px) and (max-width:1024px) {
	#ds-index-ban01 {font-size:0.88em;}
	.ds-index-ban-size>div {padding-bottom:62%;}
	.ds-index-ban-slide-main img {max-height:9.0em;}
	#ds-index-03-main p {font-size:1.85em;}
	#ds-index-03-main img {height:6.9em;}
	#ds-index-03-bar {height:1.6em}
	#ds-index-03-num strong {font-size:3.4em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.58em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.44em}
	#ds-index-05 h2 {font-size:1.46em;}
}
@media all and (min-width:831px) and (max-width:900px) {
	#ds-index-ban01 {font-size:0.85em;}
	.ds-index-ban-size>div {padding-bottom:65%;}
	.ds-index-ban-slide-main img {max-height:8.5em;}
	#ds-index-03-main p {font-size:1.8em;}
	#ds-index-03-main img {height:6.6em;}
	#ds-index-03-bar {height:1.5em}
	#ds-index-03-num strong {font-size:3.25em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.55em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.43em}
	#ds-index-05 h2 {font-size:1.45em;}
}
@media all and (min-width:769px) and (max-width:830px) {
	#ds-index-ban01 {font-size:0.82em;}
	.ds-index-ban-size>div {padding-bottom:68%;}
	.ds-index-ban-slide-main img {max-height:8.0em;}
	#ds-index-03-main p {font-size:1.75em;}
	#ds-index-03-main img {height:6.3em;}
	#ds-index-03-bar {height:1.4em}
	#ds-index-03-num strong {font-size:3.10em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.52em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.42em}
	#ds-index-05 h2 {font-size:1.44em;}
}
@media all and (max-width:768px) { /* MOBILE */
	#ds-index-ban01 {font-size:0.80em;}
	.ds-index-ban-size>div {padding-bottom:71%;}
	.ds-index-ban-slide-main img {max-height:7.5em;}
	#ds-index-03-main p {font-size:1.7em;}
	#ds-index-03-main img {height:6em;}
	#ds-index-03-bar {height:1.3em}
	#ds-index-03-num strong {font-size:3em;}
	#ds-index-04-a .ds-index-04-title>div {font-size:1.50em;}
	#ds-index-05-a .vertical_middle .title_wrp {font-size:1.41em}
	#ds-index-05 h2 {font-size:1.43em;}
	#ds-index-06-main>div {display:flex; justify-content:center; align-items:center; flex-direction:column;}
	#ds-index-06-b {width:100%; margin-top:5%;}
}

/* 1. 배경 및 팝업 컨테이너 */
#ds-index-popup {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
    background: rgba(0, 0, 0, 0.8); 
    z-index: 111; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/* 2. 팝업 내부 창 */
#ds-index-popup > div { 
    max-width: 95vw; 
    max-height: 95vh; 
    background: #fff; 
    display: flex; 
    flex-direction: column; 
    border-radius: 0.5em; /* 8px -> 0.5em */
    overflow: hidden; 
}

/* 3. 이미지 영역 (세로로 긴 이미지 대비) */
#ds-index-popup a {
    display: block;
    overflow-y: auto; 
}
#ds-index-popup img {
    display: block;
    max-width: 100%; 
    height: auto;
}

/* 4. 하단 버튼 컨테이너 */
#ds-index-popup a + div {
    text-align: center; 
    padding: 0.25em 1em;
    box-sizing: border-box;
    background: #f7f7f7; 
    border-top: 1px solid #eee;
}

/* 5. 버튼 스타일 */
#ds-index-popup button { 
    font-size: 0.9em;  
    background: #fff; 
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 0.25em 1em;
    border-radius: 0.5em;
}
#ds-index-popup button + button {
    margin-left: 0.5em;
}
#ds-index-popup button:hover {
    background: #eee; 
    border-color: #aaa;
}