/* main */
.main_top{position:relative;padding-top: 100px; height: 100vh;}
.main_top .sec_box{position:relative;width:100%;overflow:hidden;}
.mainTopSwiper{width:100%;}
.mainTopSwiper .swiper-slide{overflow:hidden;}
.main_slide{position:relative;width:100%;height:calc(100vh - 100px);overflow:hidden;}
.main_slide .img{position:absolute;inset:0;overflow:hidden;border-radius: 10px;}
.main_slide .img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.3,1);}
.main_slide:hover .img img{transform:scale(1.08);}
.main_top_txt{position:absolute;top:80px;left:50%;z-index:2;width:90%;color:#fff;text-align:center;transform:translateX(-50%);}
.main_top_txt .tit{font-size:3rem;line-height:1.5;font-weight:700; border-bottom: 2px solid #fff; display: inline-block; padding-bottom: 10px; margin-bottom: 10px;}
.main_top_txt .sub_tit{margin-bottom:60px;font-size:1.25rem;font-weight:600;}
.main_top_txt ul{display: flex; align-items: center; justify-content: center; }
.main_top_txt ul li{width: 20%; font-size: 1.25rem;font-family: 'Pretendard';font-weight: 700;}
.main_top_txt ul li span{font-size: 1.125rem;color: #E6E6E6;font-weight: 400;margin-top: 10px;display: inline-block;}
.main_top_txt ul li:nth-child(2){border-left: 2px solid #fff; border-right: 2px solid #fff;}

.hover_box{position: absolute; left: 50px;bottom: 80px;z-index: 9; display: flex; gap: 20px;}
.hover_box div{background: #F6F4EE; cursor: pointer; font-weight: 300;border-radius: 10px;}
.hover_box div:hover{background: #A99076; color: #fff; transition: 0.3s;}
.hover_box div a{display: block;padding: 20px 30px;font-family: 'OneShinhan';font-weight: 500;font-size: 1.125rem;}

.top_tit{margin-bottom: 60px;}
.top_tit .m-color{color: #A99076; font-size: 1.5rem;}
.top_tit .g-color{color: #777; font-size: 1.25rem;font-family: 'Pretendard';}
.main_tit{font-size: 2.5rem; line-height: 1.6;margin-bottom: 20px;color: #00236E;}
.main_sub_tit{ font-size: 1.25rem;font-family: 'Pretendard';}

.floating_menu{position:fixed;top:50%;right:20px;z-index:100;transform:translateY(-50%);}
.floating_menu::after{content:"";position:absolute;top:50%;transform: translateY(-50%); right:0;width:2px;height:90%;background:rgba(185, 184, 184, 0.7);}
.floating_menu ul{position:relative;z-index:1;margin:0;padding:0 12px 0 0;list-style:none;}
.floating_menu ul li{position:relative;margin:0 0 12px;text-align:right; font-family: 'Pretendard';}
.floating_menu ul li:last-child{margin-bottom:0;}
.floating_menu ul li a{display:block;color:#000;font-size: 1.125rem;line-height:1.2;font-weight:500;text-decoration:none;opacity:.75;transition:opacity .3s ease,transform .3s ease;}
.floating_menu ul li:hover a{opacity:1;transform:translateX(-4px);}
.floating_menu ul li.on a{opacity:1;font-weight:600;}
.floating_menu ul li.on::after{content:"";position:absolute;top:50%;right:-15px;width:8px;height:8px;border-radius:50%;background:#A99076;transform:translateY(-50%);z-index:2;}
.floating_menu ul li a{color:#222;transition:color .3s ease,opacity .3s ease,transform .3s ease;}
.floating_menu.white ul li a{color:#fff;}

.main_life .life_content{margin-top: 80px;}
.main_life .life_content ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.main_life .life_content ul li{padding: 50px; color: #fff;border-radius: 10px;position:relative;overflow:hidden;}
.main_life .life_content ul li::before{content:"";position:absolute;inset:0;z-index:0;background-repeat:no-repeat;background-position:center right;background-size:cover;transition:transform .8s ease;}
.main_life .life_content ul li:first-child::before{background-image:url(/img/life_img01.png);}
.main_life .life_content ul li:nth-child(2)::before{background-image:url(/img/life_img02.png);}
.main_life .life_content ul li:nth-child(3)::before{background-image:url(/img/life_img03.png);}
.main_life .life_content ul li:nth-child(4)::before{background-image:url(/img/life_img04.png);}
.main_life .life_content ul li:hover::before{transform:scale(1.08);}
.main_life .life_content ul li > *{position:relative;z-index:1;}
.main_life .life_content ul li span{font-family: "OneShinhan"; font-weight: 600; color: #A99076; font-size: 3rem;}
.main_life .life_content ul li .tit{font-size: 2rem; margin-top: 120px;}
.main_life .life_content ul li .desc{font-family: 'Pretendard';font-size: 1.25rem;}

.main_how{background: #F6F4EE;overflow: hidden;}
.main_how .how_content{margin-top: 80px;}
.main_how .how_content ul{display: grid; gap: 200px;}
.main_how .how_content li{display: flex; align-items: center; gap: 80px;}
.main_how .how_content .txt_box{width: 90%;}
.main_how .how_content .txt_box .sub_tit{color: #0A226A; margin-bottom: 10px;}
.main_how .how_content .txt_box .tit{font-size: 2.5rem; color: #00236E;}
.main_how .how_content .txt_box .key_word{display: flex; align-items: center; gap: 10px;margin: 20px 0 40px;}
.main_how .how_content .txt_box .key_word div{color: #26336C; background: #E8ECFE;padding: 4px 10px;}
.main_how .how_content .txt_box .txt{font-family: 'Pretendard';width: 80%; font-size: 1.25rem; color: #383838;}
.main_how .how_content .img_box{display:flex;align-items:end;gap:10px;width:100%; position: relative;}
.main_how .how_content .thumb_list{display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.main_how .how_content .thumb_list .thumb{width:76px;height:76px; padding:0;border:2px solid transparent;border-radius:0;background:none;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s ease;}
.main_how .how_content .thumb_list .thumb img{display:block;border-radius: 10px;width:100%;height:100%;object-fit:cover;}
.main_how .how_content .thumb_list .thumb.on{border-color:#A99076;opacity:1;border-radius: 10px;}
.main_how .how_content .thumb_list .thumb:hover{opacity:1;}
.main_how .how_content .main_img{position:relative;width:100%;border-radius: 10px; aspect-ratio:1.55 / 1;}
.main_how .how_content .main_img img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transform:scale(1);object-position: right center;border-radius: 10px; transition:opacity .35s ease,transform .5s ease;}
.main_how .how_content .main_img img.change{opacity:0;transform:scale(1.03);}
.main_how .how_content li:nth-child(2n) .img_box{flex-direction: row-reverse;}
.main_how .how_content li:nth-child(2n) .txt_box{text-align: right;}
.main_how .how_content li:nth-child(2n) .key_word{justify-content: right;}
.main_how .how_content li:nth-child(2n) .txt_box .txt{margin-left: auto;}
.main_how .how_content .img_box_text{position: absolute;font-size: 1.125rem; bottom: -50px; right: 0;font-family: "Pretendard"; color: #26336C;font-weight:600; background: #E8ECFE; padding: 4px 10px; border-radius: 5px;}

.main_edu{background: url(/img/edu_bg.webp) no-repeat; text-align: center; color: #fff;position:relative;overflow:hidden;}
.main_edu::before{content:"";position:absolute;inset:0;z-index:0;background:url(/img/edu_bg.webp) no-repeat center;background-size:cover;transition:transform .8s ease;}
.main_edu:hover::before{transform:scale(1.05);}
.main_edu > *{position:relative;z-index:1;}
.main_edu .edu_icon ul{display: flex; gap: 10px; justify-content: center;margin-top: 50px;}
.main_edu .edu_icon li{border-right: 1px solid #fff;padding: 10px 0; padding-right: 40px; margin-right: 40px;;}
.main_edu .edu_icon li:last-child{border-right: 0;margin-right: 0; padding-right: 0;}
.main_edu .edu_icon li img{max-height: 38px;}
.main_edu .edu_icon li div{font-weight: 400; font-family: 'OneShinhan';margin-top: 10px;}
.main_edu .main_tit{color: #fff;}

.main_story .inner{display: flex; align-items: start;gap: 100px;}
.main_story .img_box{position: relative; background-size: cover; width: 100%; max-height: 700px; overflow: hidden ;}
.main_story .story_phone .storySwiper{width:100%;height:100%;overflow:hidden;}
.main_story .story_phone .storySwiper .swiper-wrapper{width:100%;height:100%;}
.main_story .story_phone .storySwiper .swiper-slide{width:100%;height:100%;}
.main_story .story_phone .storySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.main_story .story_phone .pc_only{display: block;}
.main_story .story_phone .mo_only{display: none !important;}

.main_bot{background: url(/img/main_bot_bg.webp) no-repeat;background-position: center; background-size: cover; color: #fff; text-align: center;}
.main_bot > div{display: flex; flex-direction: column; justify-content: space-between; gap: 400px;}
.main_bot .main_tit{color: #fff; border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 20px;}
.main_bot .main_sub_tit{font-weight: 400; font-family: 'Pretendard';}
.main_bot .btn_box ul{display: flex; align-items: center; justify-content: center; gap: 50px;}
.main_bot .btn_box ul li a{border: 2px solid #fff;border-radius: 10px; padding: 18px 24px;display: block;}
.main_bot .btn_box ul li:last-child a{ background: #fff; border-color: #fff; color: #222;}
.main_bot .btn_box ul li a:hover{background: #00236E; border-color: #1a50c4;}
.main_bot .btn_box ul li:last-child a:hover{background: #A99076; color: #fff; border-color: #A99076;}

.story_btn{position: absolute; right: 30px; top: 30px; z-index: 9;}
.story_btn button{background: none; border: none; max-width: 80px; cursor: pointer;}