/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto;}
.slick-list, .slick-track {height:100%;}

/* 공통 타이틀 */
h3.heading { font-size:4rem; color:#111; font-weight:600; white-space: nowrap; overflow: hidden; font-family: var(--krds-typo-font-sb-family);}
h3.heading strong {color:#343474;}

/* 더보기 버튼 */
.moreBtn { display: inline-flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius: 3rem; height: 4.5rem; gap: 1.5rem; font-size: 1.8rem; font-weight: 500; width: 11.3rem; color: #000000; position: absolute; right: 0; top: 0; }
.moreBtn > i { transition: 0.2s; font-size: 1.8rem; }
.moreBtn > i,
.moreBtn > i::before { line-height: 1; }
.moreBtn:hover i,
.moreBtn:focus i { transform: rotate(180deg); }

/* 슬라이더 컨트롤 */
.control { position: absolute; right: 0; top: 0; display: flex; gap: 0.5rem;}
.control > a { display: inline-flex; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; border-radius: 50%; color: #444444; }
.control > a > i { font-size: 3.4rem; }   
.control > a.play { display: none; }

/* 비주얼 */
.M_visual {position:relative; width:100%; height:55rem; margin:0 auto; overflow:hidden;}
.M_visual .visual-slide {display: block; overflow: hidden; height:100%; position:relative; z-index:1;}
.M_visual .visual-slide .slick-list { overflow: hidden; }
.M_visual .visual-slide .slick-track { display: flex; align-items: stretch; }
.M_visual .visual-slide .slick-slide { float: none; height: auto; }
.M_visual .visual-slide img { display: block; width: 100%; height: auto; }

.M_visual .slide-content {height:100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.M_visual .slide-content .slide-text {flex: 1; margin-top:-10rem; }
.M_visual .slide-content .slide-text .subtitle {font-size: 2.2rem; color: #1e2678; margin-bottom: 3rem; letter-spacing:1rem;}
.M_visual .slide-content .slide-text .title {font-size: 6rem; letter-spacing:-0.25rem; font-weight: 600; font-family: var(--krds-typo-font-sb-family); color: #111; line-height: normal;}
.M_visual .slide-image {text-align: right; margin-top:1rem; border-radius: 3rem;}
.M_visual .slide-image img {max-width: 100%; }
.M_visual .control {position:absolute; width:25rem; z-index:10; top:auto; bottom:10rem; left:0; height:6rem; display:flex; align-items:center; justify-content:space-between; gap:0.5rem; padding:0rem;}
.M_visual .control p {font-size:2rem; font-weight:100; display:flex; margin-right:2rem;}
.M_visual .control p strong {font-weight:700; padding-right:2.5rem; margin-right:1rem; position:relative;}
.M_visual .control p strong:after {content:''; position:absolute; width:2px; height:2rem; transform:translate(0, -50%) rotate(90deg); right:0.75rem; top:50%; background:#ddd;}
.M_visual .control a {width:auto;}
.M_visual .control a:focus,
.M_visual .control a:hover {box-shadow:none; outline:0;}
.M_visual .control a > i {font-size:2rem;}
.M_visual .control a.play {display:none;}

.M_group {position:relative; z-index:0; padding:5rem 2.5rem; display:flex; align-items:flex-start; gap:5rem;}
.M_group:before {content:''; position:absolute; width:calc(100% + 6rem); height:38rem; border-radius:3rem; background:#f3eefd; top:0; left:50%; transform:translate(-50%, 0); z-index:-1;}
.M_group .poster-img {flex:0 0 48rem; border-radius:1.6rem; overflow:hidden;}
.M_group .poster-img img {display:block; width:100%; height:100%; object-fit:cover;}
.M_group .poster-section {flex:1 1 auto;}
.M_group .poster-header {padding:3rem 0; position:relative; height:33rem;}
.M_group .poster-header .title {position:relative; display:flex; align-items:center; gap:1.2rem;}
.M_group .poster-header .tit {margin:0; font-size:4rem; color:#000; font-weight:600; font-family: var(--krds-typo-font-sb-family);}
.M_group .poster-header .more {position:absolute; top:50%; right:0rem; width:3.6rem; height:3.6rem; border:none; border-radius:50%; background:#4d4d4d; color:#fff; font-size:2rem; line-height:3.6rem; text-align:center; cursor:pointer; transform:translate(0, -50%); transition:all 0.2s;}
.M_group .poster-header .more:hover,
.M_group .poster-header .more:focus {transform:translate(0, -50%) rotate(180deg); background:#129f97;}
.M_group .poster-header .subtitle { display:inline-block; margin-top:3rem; font-size:3.4rem; color:#1e2678; font-weight:700;}
.M_group .poster-header .meta { display:flex; flex-wrap:wrap; gap:2rem; justify-content: space-between; margin-top:3.5rem;}
.M_group .poster-header .meta-item {min-width:22rem;}
.M_group .poster-header .meta-item strong {display:block; font-size:1.8rem; color:#666; font-weight:400; margin-bottom:1.5rem;}
.M_group .poster-header .meta-item span {display:block; font-size:2.4rem; color:#444; font-weight:600;}
.M_group .poster-banner {display:flex; gap:5rem; margin-top:5rem;}
.M_group .poster-banner .cta-item {flex:1 1 28rem; min-height:18.5rem; border-radius:2.5rem; padding:3rem 20rem 3rem 3.5rem; display:flex; flex-direction:column; justify-content:center; gap:1rem;}
.M_group .poster-banner .cta-item.is-stat {background:#ecf8f7 url('/images/web/eng/main/ban_01.png') no-repeat 100% 50%; background-size: contain;}
.M_group .poster-banner .cta-item.is-stat .tit {color:#008f88;}
.M_group .poster-banner .cta-item.is-stat .tit > i {background:url('/images/web/eng/main/icon_01.png') no-repeat 50% 50%; background-size:cover;}
.M_group .poster-banner .cta-item.is-stat .txt {color:#666;}
.M_group .poster-banner .cta-item.is-down {background:#129f97 url('/images/web/eng/main/ban_02.png') no-repeat 100% 50%; background-size: contain;}
.M_group .poster-banner .cta-item.is-down .tit {color:#fff;}
.M_group .poster-banner .cta-item.is-down .tit > i {background:url('/images/web/eng/main/icon_02.png') no-repeat 50% 50%; background-size:cover;}
.M_group .poster-banner .cta-item.is-down .txt {color:#fff;}
.M_group .poster-banner .cta-item .tit {font-size:2.6rem; font-weight:600; display:flex; align-items:center; gap:1.5rem;}
.M_group .poster-banner .cta-item .tit > i {width:3rem; height:3rem;}
.M_group .poster-banner .cta-item .txt {font-size:1.8rem; font-weight:400;}
.M_group .poster-contact {margin-top:5rem; padding:0 3.5rem; display:flex; justify-content:space-between;}
.M_group .poster-contact .contact-txt h3 {margin:0 0 2rem 0; font-weight:600; font-size:2.6rem; color:#000; font-family: var(--krds-typo-font-sb-family);}
.M_group .poster-contact .contact-txt p {color:#666; font-size:1.8rem;}
.M_group .poster-contact .contact-list {margin:0; padding:0; display:flex; gap:5rem; flex-wrap:wrap; }
.M_group .poster-contact .contact-item {display:flex; align-items:flex-start; justify-content: center; gap:1rem; flex-direction:column;}
.M_group .poster-contact .contact-item span {font-size:1.8rem; color:#666; min-width:5rem; position:relative; padding-left:4rem;}
.M_group .poster-contact .contact-item span:before {content:''; position:absolute; left:0; width:3rem; height:3rem; top:50%; transform:translate(0, -50%);}
.M_group .poster-contact .contact-item a {font-size:1.8rem; color:#444; text-decoration:none;}
.M_group .poster-contact .contact-item span.tel:before {background:url('/images/web/eng/main/tel.png') no-repeat 50% 50%; background-size:cover;}
.M_group .poster-contact .contact-item span.mail:before {background:url('/images/web/eng/main/mail.png') no-repeat 50% 50%; background-size:cover;}


@media screen and (max-width: 1660px){
	.M_group:before {width:100%;}
	.M_visual .slide-content .slide-text {padding-left:2rem; }
	.M_visual .control {left:2rem;}
}

@media (max-width: 1400px) {
	.M_visual .slide-content .slide-text .title {font-size:4.5rem;}
	
	.M_group { padding: 4rem 2rem; gap: 4rem; }
	.M_group:before { width:100%; height: 28rem; border-radius:0; }
	.M_group .poster-img { flex: 0 0 38rem; }
	.M_group .poster-header { height: auto; min-width: 0; }
	.M_group .poster-header .tit { font-size: clamp(2.6rem, 2.2vw, 3.6rem); line-height: 1.25; word-break: keep-all; hyphens: auto; }
	.M_group .poster-header .subtitle { font-size: clamp(2rem, 1.8vw, 3rem); margin-top: 2rem; line-height: 1.35; word-break: keep-all; }
	.M_group .poster-header .meta { display: flex; flex-wrap: wrap; gap: 1.2rem 1.6rem; margin-top: 2.4rem; }
	.M_group .poster-header .meta-item { flex: 1 1 16rem; min-width: 0; }
	.M_group .poster-header .meta-item strong { font-size: 1.5rem; line-height: 1.3; white-space: nowrap; }
	.M_group .poster-header .meta-item span { font-size: clamp(1.6rem, 1.4vw, 2.2rem); line-height: 1.35; word-break: break-word; }
	.M_group .poster-banner { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 1.6rem; margin-top: 3.2rem; }
	.M_group .poster-banner .cta-item { min-height: 14rem; border-radius: 1.6rem; padding: 2rem 2.4rem; min-width: 0; }
	.M_group .poster-contact { margin-top: 3.2rem; padding: 0 2rem; }
}

@media (max-width: 1200px) {
	.M_group .poster-img { flex: 0 0 34rem; }
	.M_group .poster-banner .cta-item { min-height: 13rem; }
	.M_group .poster-contact {padding:0;}
	.M_group .poster-contact .contact-list {gap:3rem;}
	.M_group .poster-contact .contact-txt p,
	.M_group .poster-contact .contact-item a {font-size:1.6rem;}
	.M_group .poster-contact .contact-txt h3 {margin-bottom:1.5rem;}

	.M_group .poster-contact .contact-txt {margin-bottom:2rem;}
}

@media (max-width: 1024px) {
	.M_visual {height:auto; padding:4rem 2rem;}
    .M_visual .slide-content {flex-direction:column; text-align:center;}
    .M_visual .slide-text {margin-top:0;}
	.M_visual .slide-content .slide-text {margin-top:0; margin-bottom:1.5rem; padding-left:0;}
    .M_visual .slide-content .slide-text .title {font-size:4.5rem; color:#fff;}
	.M_visual .slide-content .slide-text .subtitle {font-size:1.5rem; color:#ddd; margin-bottom:1.5rem;}
    .M_visual .control {position:static; width:100%; justify-content:center; margin-top:2rem;}
	.M_group { flex-direction: column; }
	.M_group .poster-img { flex: 0 0 auto; width: 100%; max-width: 48rem; margin: 0 auto; }
	.M_group .poster-header .meta-item strong { font-size: 1.4rem; }
	.M_group .poster-header .meta-item span { font-size: 1.8rem; }
	.M_group .poster-banner { grid-template-columns: 1fr 1fr; }
	.M_group .poster-section {width: 100%;}
}

@media (max-width: 860px) {
	.M_group .poster-header .tit { font-size: 2.4rem; }
	.M_group .poster-header .subtitle { font-size: 1.8rem; }
	.M_group .poster-banner { grid-template-columns: 1fr; }
	.M_group .poster-banner .cta-item { min-height: 12rem; }
}

@media screen and (max-width: 768px) {
  .M_visual {height:auto; padding:3rem 1.5rem;}
  .M_visual .slide-content {flex-direction:column; text-align:center;}
  .M_visual .slide-content .slide-text {margin-top:0; margin-bottom:3rem;}
  .M_visual .slide-content .slide-text .subtitle {font-size:1.8rem; letter-spacing:0.3rem; margin-bottom:2rem;}
  .M_visual .slide-content .slide-text .title {font-size:3.2rem; line-height:1.3;}
  .M_visual .slide-image {margin-top:2rem; text-align:center;}
  .M_visual .slide-image img {max-width:100%; height:auto;}  
  .M_visual .control p {font-size:1.4rem; margin-right:1rem;}
  .M_visual .control a > i {font-size:1.6rem;}
	
  .M_group .poster-header .title {justify-content:space-between;}
  .M_group .poster-header .more {top: 0; position: relative; transform: translate(0, 0); flex-shrink: 0;}
}

@media (max-width: 640px) {
	.M_group { padding: 3rem 1.6rem; gap: 3rem; }
	.M_group:before {height: 28rem;}
	.M_group .poster-header .meta { gap: 1rem; }
	.M_group .poster-header .meta-item { flex: 1 1 100%; }
	.M_group .poster-header {padding:0;}
	.M_group .poster-banner .cta-item .txt {max-width:80%; word-break:keep-all;}
	.M_group .poster-contact {flex-direction:column;}
}

@media (max-width: 380px) {
	.M_visual .slide-content .slide-text {margin-bottom:1.5rem;}
	.M_visual .slide-content .slide-text .subtitle {font-size:1.25rem;}
	.M_visual .slide-content .slide-text .title {line-height:1.15; font-size:2.6rem;}
}