/*header*/
#dain-header {height:80px; width:100%; position: fixed; left:0; top:0; z-index: 99; transition: 0.28s;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07);
backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); background:#fff;}

.hd-inner {display:flex; max-width:1520px; width:92%; margin: 0 auto; height:100%; justify-content:space-between; position: relative;}
.hd-inner .logo-box {display:flex; align-items: center; gap:15px;}
.hd-inner .logo-box a {display:block;}
.hd-inner .logo-box a img {width:100%;}
.hd-inner .logo-box span {display: block; background:#a8a8a8; height:34px; width:1px;}

.hd-menu-wrap .gnb {display:flex; align-items:center; height:100%;}
.hd-menu-wrap .gnb > li {padding:0 30px; height:100%; display:flex; align-items:center; position:relative;}
.hd-menu-wrap .gnb > li > a {display:flex; height:100%; line-height:80px; font-weight:500; font-size:15px;}
.hd-menu-wrap .gnb > li > a > i {display:flex; align-items: center; gap:4px;}
.hd-menu-wrap .gnb > li:first-child {padding-left:0;}
.hd-menu-wrap .gnb > li:nth-of-type(1) {padding-right: 4px;}
.hd-menu-wrap .gnb > li:nth-of-type(2) {padding:0 4px; }
.hd-menu-wrap .gnb > li:nth-of-type(3) {padding:0 4px;}
.hd-menu-wrap .gnb > li:nth-of-type(4) {padding-left:50px;}
.hd-menu-wrap .gnb > li:nth-of-type(1) > a{color:#239DFF; background:#E4F3FF; border-radius:500px; height:36px; line-height: 36px; padding:10px 14px;}
.hd-menu-wrap .gnb > li:nth-of-type(2) > a{color:#239DFF; background:#E4F3FF; border-radius:500px; height:36px; line-height: 36px; padding:10px 14px;}
.hd-menu-wrap .gnb > li:nth-of-type(3) > a{color:#239DFF; background:#E4F3FF; border-radius:500px; height:36px; line-height: 36px; padding:10px 14px;}



/*메뉴 depth02*/
.hd-menu-wrap .gnb .menu-depth02 {padding:12px 0;opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; background: #fff; text-align: center; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); width: 139px; border-radius: 0 0 4px 4px; box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.15); }
.hd-menu-wrap .gnb .menu-depth02 > li {width:100%; }
.hd-menu-wrap .gnb .menu-depth02 > li > a {display:block; width:100%;padding:12px 0; font-size:16px; font-weight: 400; color:#555; transition:0.28s;}
.hd-menu-wrap .gnb .menu-depth02 > li > a:hover {color:#239dff;}
.gnb .menu-depth02.show {opacity: 1; visibility: visible; transform: translate(-50%, 0); /* 원래 위치로 */ }

/*모바일 메뉴*/
#dain-header .mobile-wrap {position:fixed; width: 100%;height:100vh;top:0;right:0;padding:88px 28px;background:#fff;transition: transform 0.4s;transform:translateX(100%);box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11);z-index:90;}
#dain-header .mobile-wrap.on {transform:translateX(0); display:block;}

#dain-header .mo-inner {height:100%;}
#dain-header .mo-inner > .gnb {height:100%; display:flex; flex-direction:column; width:100%; font-size:21px; font-weight:400;}
#dain-header .mo-inner > .gnb > li {word-break:keep-all; box-sizing:border-box;  padding: 20px 0;border-bottom: 1px solid #ccc;}
#dain-header .mo-inner > .gnb > li + li {}
#dain-header .mo-inner > .gnb > li > a {display:flex; align-items:center; justify-content:space-between; gap:10px;line-height:1.3; transition:0.28s; color:#000; font-size:21px; font-weight:400;}
#dain-header .mo-inner > .gnb > li:hover > a {color:#239dff;}

#dain-header .mo-inner > .gnb > li > a img {display:none;}
#dain-header .mo-inner > .gnb > li.open  {padding-bottom:0;}
#dain-header .mo-inner > .gnb > li.open > a {padding-bottom:10px;}
#dain-header .mo-inner > .gnb > li.has-sub > a::after {content:""; flex:0 0 10px; width:10px; height:10px; border-right:2px solid #222; border-bottom:2px solid #222; transform:rotate(45deg); transition:transform .25s ease;}
#dain-header .mo-inner > .gnb > li.open > a::after {transform:rotate(-135deg);}
#dain-header .mo-inner > .gnb > li > .menu-depth02 {display:none;}
#dain-header .mo-inner > .gnb > li > .menu-depth02 > li > a {font-size:17px; font-weight:400; padding:16px 16px; display:block; background:#fff; border-top:1px solid #eee;}
#dain-header .mo-inner > .gnb > li > .menu-depth02 > li > a:hover {color:#239dff;}

#dain-header .mo-close-btn {position:absolute; right:18px; top:18px; width: 26px; height: 26px;}
#dain-header .mo-close-btn span {background:#000; width:100%; height:1px;  display:block;  position:absolute; transform:translate(0);}
#dain-header .mo-close-btn span:nth-of-type(1) {transform: rotate(45deg);}
#dain-header .mo-close-btn span:nth-of-type(2) {transform: rotate(-45deg);}

#dain-header .hd-inner .mo-btn {width:21px; height:24px;  position:absolute; top:50%; transform: translateY(-50%); right: 0; display:none;}
#dain-header .hd-inner .mo-btn span {display:block; background:#1C1B1F; width:100%; height:1px;position: absolute;}
#dain-header .hd-inner .mo-btn span:nth-of-type(1) {transform:translateY(5px);}
#dain-header .hd-inner .mo-btn span:nth-of-type(2) {transform:translateY(0px);}
#dain-header .hd-inner .mo-btn span:nth-of-type(3) {transform:translateY(-5px);}

.mo-logo-box{position:absolute; bottom:44px; left:50%; transform:translateX(-50%);}
.main-visual {margin-top:80px;}
.main-visual .mo-video-box {width:100%;min-height:calc(100vh - 80px);position:relative;overflow:hidden;}
.main-visual iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.main-visual video {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
.main-visual video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.main-visual .mo-video-box{display:none;}
.new-add-video{display:block;}

 /* ---- main-section common----*/

.main-tit {line-height:1.45em;}
.main-inner {width:92%; max-width:1480px; margin:0 auto;}
.pad-100 {padding:100px 0;}
.pad-50 {padding:50px 0}
.mt-20{margin-top:20px;}
.mt-43 {margin-top:43px;}
.mar-auto {margin:0 auto;}
.pt-0 {padding-top:0 !important} 
.pb-0 {padding-bottom:0 !important} 
.ms-btn {align-items:center; justify-content:center;display:flex; width:207px; height:42px; gap:8px; border-radius:400px; background:#000;}
.ms-btn i {border-radius:5px; width:5px; height:5px; background:#8EF2E3;}

/* ---- main section01 ---- */
.main-section01 .pc-video {display:block; text-align: center; width: 100%;}
.main-section01 .mo-video {display:none;}
.ms01-video-box{padding:70px 0;}
.ms01-arrow {padding:120px 0;}
.ms01-lab {margin: 0 auto;}
 .ms01-video-box {width:100%;position:relative;overflow:hidden;}
/* ---- main-section02 ---- */

.main-section02 {position:relative; background: url('../img/main/main_section02_bg.svg') no-repeat center / cover; width:100%; height:100%; padding:150px 0;}
.ms02-swip{max-width:1360px;margin:0 auto;overflow:hidden;padding:92px 0 102px;}
.ms02-swip .swiper-slide{border-radius:10px; overflow:hidden; transform: scale(0.85); transition: transform .5s ease;}
.ms02-swip .swiper-slide img{width:100%; height:100%; object-fit:cover; display:block;}
.ms02-swip .swiper-slide-active{transform: scale(1.2); z-index: 2;   }
.ms02-bg-item {width:588px; height:417px; background: url('../img/main/ms02_bg_item.png') no-repeat center / cover;position: absolute;top: 76%;left: 50%; transform: translate(-50%, -50%);}
.ms02-desc-box {text-align:center;}
.ms02-desc-box p {line-height:1.73em; margin-top:42px;}

/* ---- main-section03 ---- */

.main-section03 {padding:105px 0 190px;}
.ms03-desc-box h4 { letter-spacing:0.35em;}
.ms03-desc-box h2 {margin-top:39px;}
.ms03-desc-box h3 {margin-top:74px;}
.ms03-desc-box p {color:#666; line-height:1.73em; margin-top:13px; }
.ms03-desc-box p b {color:#111;}
.ms03-item-box {max-width:1200px; width:100%; margin: 75px auto 0 auto;}
.ms03-list {display:flex;}
.ms03-list li {width:calc((100% - 22px)/2); margin-right:22px;}
.ms03-list li:nth-of-type(2) {margin-right:0;}


/* ---- main-section04 ---- */
.main-section04 {background: url('../img/main/ms04_bg.png') no-repeat center / cover; padding:111px 0 141px;}
.ms04-desc-box {color:#fff;}
.ms04-desc-box .ms04-num { margin:0 auto; display:block; width:56px; height:56px; border-radius:56px; line-height:56px; border:1px solid #fff;}
.ms04-desc-box h4 {margin-top:52px;}
.ms04-desc-box .ms04-tit {margin:60px 0;}
.ms04-desc-box .ms04-tit img {margin:0px auto;}
.ms04-desc-box p{line-height:2.16em;}

/* ---- main-section05 ---- */

.main-section05 {background: url('../img/main/ms05_bg.png') no-repeat center / cover; padding:203px 0 0;}
.ms05-item-box {position:relative;}
.ms05-desc-box h4 {letter-spacing:0.35em;}
.ms05-desc-box h2 {letter-spacing: -0.05em; margin-top:42px;}
.ms05-desc-box h3 {margin-top:55px; }
.ms05-desc-box p {margin-top:30px; line-height:1.73em;}
.ms05-item-box .ms05-item .pc-img {margin: -160px auto 0 auto;}
.ms-btn.ms05-btn {align-items:center; justify-content:center;left:50%; bottom:20%; transform:translateX(-50%);display:flex;position:absolute; width:207px; height:42px; gap:8px; border-radius:400px; background:#000;}
.ms-btn.ms05-btn i {border-radius:5px; width:5px; height:5px; background:#8EF2E3;}

/* --- main-section06 --- */
.main-section06 {max-width:1920px; height:1302px; padding:300px 0; margin:0 auto; width:100%; position:relative; background: url('../img/main/ms06-bg-1.svg') no-repeat center / cover;}
.main-section06 .main-inner {padding-top:150px;}
.ms06-desc-box h2 {line-height:1.52em;}
.ms06-swip {overflow:visible;}
.ms06-swiper-box {max-width:945px; margin:55px auto;}
.ms-btn.ms06-btn { margin:0 auto; width:157px; height:42px; line-height:42px;  }
.ms06-swiper-box .swiper-slide figure img {width:100%; max-width:unset;}

/* --- main-section07 --- */
.main-section07 {position:relative; background: url('../img/main/ms07_bg.png') no-repeat center / cover; padding:268px 0 309px;}
.main-section07 .main-inner {max-width:1160px;}
.ms07-desc-box h4 {line-height:1.88em;}
.ms07-desc-box h2 {color:#4598E5; line-height:1.38em; margin-top:18px;}
.ms-btn.ms07-btn { margin-top:56px; width:173px; height:42px; line-height:42px;}


/*footer*/
.dain-footer {background:#000; padding:70px 0;}
.ft-inner {max-width:1520px; width:92%; margin: 0 auto; height:100%; justify-content:space-between; position: relative;}
.ft-inner .logo-box {display:flex; align-items: center; gap:15px;}
.ft-inner .logo-box a {display:block;}
.ft-inner .logo-box a img {width:100%;}
.ft-inner .logo-box span {display: block; background:#a8a8a8; height:34px; width:1px;}
.ft-wrap {color:#fff; display:flex; margin-top:60px; justify-content: space-between;}
.ft-left p {line-height:2em;}
.ft-left p i {position:relative; display:inline-block;}
.ft-left p i ~ i {margin-left:40px;}
.ft-left p i ~ i:not(:nth-of-type(4))::before {content:''; position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#fff;}
.ft-left p i ~ i:nth-of-type(4) {margin-left:0;}
.ft-left p i em{font-weight:600; margin-right:5px;}
.ft-left h4 {margin-top:22px; color:#ababab; }
.ft-right ul {display: flex; gap:16px;}
.sns-items-mo {display:none;}


.next-section{padding-top:80px;}