@charset "utf-8";
/********** z-index 적용 **********/
/*
    header 310
    popup 900
    tooltip 100
*/
/**************************************/



/*------------------------------
    main
------------------------------*/
._main {margin-bottom:-60px;}
._main .titWrap {margin-bottom:32px;text-align:center;}
._main .titWrap .tit {font-size:48px;font-weight:700;line-height:60px;}
._main .titWrap .desc {margin-top:8px;font-size:20px;line-height:25px;}


/* mainTop */
.mainTop {}
.mainTop .mainTopSlide {position:relative;}
.mainTop .mainTopSlide .swiper-wrapper {border-radius:40px;}
.mainTop .mainTopSlide .swiper-slide {position:relative;height:520px;border-radius:40px;overflow:hidden;}
.mainTop .mainTopSlide .swiper-slide a {display:block;}
.mainTop .mainTopSlide .swiper-slide a .text {position:absolute;left:60px;bottom:106px;font-size:44px;color:#FFF;line-height:52px;font-weight:600;}
.mainTop .mainTopSlide .swiper-slide a img {display:block;width:100%;aspect-ratio: 1200 / 520;object-fit:cover;}
.mainTop .mainTopSlide .swiper-slide a video {display:block;width:100%;pointer-events:none;aspect-ratio: 1200 / 520;object-fit:cover;}
.mainTop .mainTopSlide .viewMore {position:absolute;bottom:0px;right:-1px;display:inline-block;width:193px;height:106px;padding-right:1px;font-size:18px;color:#000;font-weight:600;background:url(/images/drhihanmi/pc/main/img_top_round_bg.png)no-repeat;vertical-align:middle;text-align:right;line-height:143px;z-index:2;}
.mainTop .mainTopSlide .viewMore:after {content:'';display:inline-block;width:24px;height:24px;margin-top:-8px;margin-left:9px;background:url(/images/drhihanmi/common/icon_arrow_diagonal_round01.png)no-repeat 50% 50%;background-size:contain;vertical-align:middle;transition:background-image .4s;}
.mainTop .mainTopSlide:hover .viewMore:after {background-image:url(/images/drhihanmi/common/icon_arrow_diagonal_round02.png);}
.mainTop .mainTopSlide .swiperNext,
.mainTop .mainTopSlide .swiperPrev {position:absolute;bottom:60px;width:24px;height:24px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;z-index:2;}
.mainTop .mainTopSlide .swiperNext {left:92px;background-image: url(/images/drhihanmi/common/icon_swipe_arrow_next01.png);}
.mainTop .mainTopSlide .swiperPrev {left:60px;background-image: url(/images/drhihanmi/common/icon_swipe_arrow_prev01.png);}

/* mainNow */
.mainNow {padding:80px 0;}
.mainNow {position: relative;}
.mainNow .mainNowSlide {overflow: hidden;}
.mainNow .mainNowSlide .swiper-wrapper {align-items: center;}
.mainNow .mainNowSlide .swiper-slide {width: 576px;opacity: 0;transition: opacity 0.4s ease, transform 0.4s ease;transform: scale(0.6667);transform-origin: center center;}
.mainNow .mainNowSlide .swiper-slide .imgWrap {width: 576px;height: 360px;border-radius: 40px;overflow: hidden;}
.mainNow .mainNowSlide .swiper-slide .imgWrap img {display: block;width: 100%;height: 100%;object-fit: cover;}
.mainNow .mainNowSlide .swiper-slide .infoWrap {margin-top: 24px;opacity: 0;transition: opacity 0.3s ease;text-align: center;}
.mainNow .mainNowSlide .swiper-slide .infoWrap .text {margin-bottom:16px;font-size:20px;font-weight:500;}
.mainNow .mainNowSlide .swiper-slide a .infoWrap ._btnM {transition: .4s;}
.mainNow .mainNowSlide .swiper-slide a:hover .infoWrap ._btnM {border-color:#1767FF;background-color:#1767FF;color:#FFF;}
.mainNow .mainNowSlide .swiper-slide a:hover .infoWrap ._btnM i {background-image:url(/images/drhihanmi/common/icon_arrow_diagonal01.png);}
.mainNow .mainNowSlide .swiper-slide.swiper-slide-active {opacity: 1;transform: scale(1);}
.mainNow .mainNowSlide .swiper-slide.swiper-slide-active .infoWrap {opacity: 1;}
.mainNow .mainNowSlide .swiper-slide.prev1 {transform: translateX(47px) scale(0.75);opacity: 0.35;}
.mainNow .mainNowSlide .swiper-slide.prev2 {transform: translateX(161px) scale(0.75);opacity: 0.35;}
.mainNow .mainNowSlide .swiper-slide.next1 {transform: translateX(-47px) scale(0.75);opacity: 0.35;}
.mainNow .mainNowSlide .swiper-slide.next2 {transform: translateX(-161px) scale(0.75);opacity: 0.35;}
.mainNow .mainNowSlide .swiper-pagination {position:static;margin-top:32px;}
.mainNow .mainNowSlide .swiper-pagination-bullet {width: 12px;height: 12px;background: #C5C9D1;opacity: 1;}
.mainNow .mainNowSlide .swiper-pagination-bullet-active {background: #222;}

/* mainMrConnect */
.mainMrConnect {border-radius:60px;background-color:#F3F6FC;}
.mainMrConnect .inner {padding:100px 0;}
.mainMrConnect .mrTabWrap {position:relative;display:flex;width:846px;margin:0 auto;}
.mainMrConnect .mrTabWrap .mrTabMenu {position:absolute;top:0;right:0;border: 1px solid rgba(255,255,255,0.35);border-radius:2em;background: rgba(255,255,255,0.18);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
    box-shadow:
        inset 0 3px 8px rgba(0,0,0,0.08),      /* 안쪽 그림자 */
        inset 0 -2px 4px rgba(255,255,255,0.7), /* 하단 빛 */
        0 4px 12px rgba(0,0,0,0.04);           /* 전체 살짝 띄움 */
}
.mainMrConnect .mrTabWrap .mrTabMenu .tabIndicator {position: absolute;top: 6px;left: 6px;height: 40px;border-radius: 20px;background-color: #FFF;transition: left 0.28s ease, width 0.28s ease;z-index: 0;}
.mainMrConnect .mrTabWrap .mrTab {position: relative;display:flex;align-items:center;gap:20px;padding:6px;border-radius:2em;z-index: 1;}
.mainMrConnect .mrTabWrap .mrTab li {}
.mainMrConnect .mrTabWrap .mrTab li .tabBtn {display:flex;align-items:center;justify-content:center;height:40px;padding:0 16px;font-size:18px;color:#808080;line-height:40px;}
.mainMrConnect .mrTabWrap .mrTab li:nth-child(2) .tabBtn {width:115px;}
.mainMrConnect .mrTabWrap .mrTab li:nth-child(3) .tabBtn {width:125px;}
.mainMrConnect .mrTabWrap .mrTab li.active .tabBtn {color:#0D0D0D;font-weight:600;}
.mainMrConnect .mrTabWrap .mrTab li .tabBtn .hibleLogo {width:156px;}
.mainMrConnect .mrTabWrap .mrCont {display:flex;justify-content:center;align-items:center;gap:80px;}
.mainMrConnect .mrTabWrap .mrCont .imgWrap {flex-shrink:0;width:288px;height:448px;border-radius:32px;overflow:hidden;}
.mainMrConnect .mrTabWrap .mrCont .imgWrap img {display:block;width:100%;}
.mainMrConnect .mrTabWrap .mrCont .descWrap {flex:1;}
.mainMrConnect .mrTabWrap .mrCont .descWrap .logo {margin-bottom:12px;font-size:38px;font-weight:700;line-height:48px;}
.mainMrConnect .mrTabWrap .mrCont .descWrap .logo .hibleLogo {height:40px;}
.mainMrConnect .mrTabWrap .mrCont .descWrap .desc {margin-bottom:32px;font-size:18px;color:#0D0D0D;line-height:25px;}
.mainMrConnect .mrTabWrap .mrCont .descWrap ._btnM {background-color:transparent;transition: .3s;}
.mainMrConnect .mrTabWrap .mrCont .descWrap ._btnM:hover {border-color:#1767FF;background-color:#1767FF;color:#FFF;}
.mainMrConnect .mrTabWrap .mrCont .descWrap ._btnM:hover i {background-image:url(/images/drhihanmi/common/icon_arrow_diagonal01.png);}

/* mainNews */
.mainNews {padding:160px 0;overflow:hidden;}
.mainNews .newsSlideWrap {display:flex;align-items:stretch;}
.mainNews .newsSlideWrap .left {display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:440px;;}
.mainNews .newsSlideWrap .left .logo {}
.mainNews .newsSlideWrap .left .logo img {height:42px;}
.mainNews .newsSlideWrap .left .logo .text {margin-top:16px;font-size:20px;}
.mainNews .newsSlideWrap .left .newSlideArrow {display:flex;gap:16px;}
.mainNews .newsSlideWrap .left .newSlideArrow > button {display:inline-block;width:54px;height:54px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.mainNews .newsSlideWrap .left .newSlideArrow .prev {background-image:url(/images/drhihanmi/common/icon_swipe_arrow_prev02.png);}
.mainNews .newsSlideWrap .left .newSlideArrow .next {background-image:url(/images/drhihanmi/common/icon_swipe_arrow_next02.png);}
.mainNews .newsSlideWrap .left .newSlideArrow .prev.swiper-button-disabled {background-image:url(/images/drhihanmi/common/icon_swipe_arrow_prev02_disabled.png);}
.mainNews .newsSlideWrap .left .newSlideArrow .next.swiper-button-disabled {background-image:url(/images/drhihanmi/common/icon_swipe_arrow_next02_disabled.png);}
.mainNews .newsSlideWrap .right {}
.mainNews .newsSlideWrap .right .newSlide {width:1124px}
.mainNews .newsSlideWrap .right .swiper-slide {width:364px;opacity:.3;}
.mainNews .newsSlideWrap .right .swiper-slide.swiper-slide-active,
.mainNews .newsSlideWrap .right .swiper-slide.swiper-slide-next {opacity:1;}
.mainNews .newsSlideWrap .right .swiper-slide a {display:block;width:100%;}
.mainNews .newsSlideWrap .right .swiper-slide .imgWrap {position:relative;display:block;height:242px;border-radius:20px;overflow:hidden;}
.mainNews .newsSlideWrap .right .swiper-slide .imgWrap img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:100%;aspect-ratio:364 / 242;object-fit: cover;}
.mainNews .newsSlideWrap .right .swiper-slide .textWrap {display:block;width:100%;margin-top:16px;}
.mainNews .newsSlideWrap .right .swiper-slide .textWrap .tit {display:block;width:100%;height:50px;font-size:20px;line-height:25px;font-weight:700;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* mainSuggest */
.mainSuggest {position:relative;padding:100px 0;border-radius:60px 60px 0 0;background-color:#000;overflow:hidden;}
.mainSuggest .bg {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;overflow:hidden;}
.mainSuggest .bg video {display:block;width:100%;height:135%;}
.mainSuggest .titWrap {position:relative;color:#FFF;z-index:2;}
.mainSuggest .suggestList {display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;}
.mainSuggest .suggestList li {}
.mainSuggest .suggestList li button {width:592px;padding:40px;border: 1px solid rgba(255,255,255,0.35);border-radius:40px;background: rgba(86, 87, 89, 0.10);
box-shadow: 0 -1px 1px 0 #606060 inset, 0 1px 1px 0 #FFF inset, 0 4px 4px 0 rgba(0, 0, 0, 0.15) inset;
backdrop-filter: blur(4px);
}
.mainSuggest .suggestList li .tit {margin-bottom:10px;font-size:28px;color:#1767FF;font-weight:600;line-height:35px;}
.mainSuggest .suggestList li .subT {font-size:18px;color:#FFF;line-height:25px;}