.right_menu.fix{position: fixed;right: 0;top: 50%;transform: translateY(-50%);background: #fff;z-index: 2;height: 100%;width: 100px;}
.right_menu.fix .df {width: 100%;height: calc(100% - 100px);flex-direction: column;justify-content: space-between;margin: 100px 0 0 0;border-left: 1px solid #00000020;}
.right_menu.fix .df .top_con {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.right_menu.fix .df .top_con a {padding: 30px 15px;width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;gap: clamp(4px,2vw,10px);border-bottom: 1px solid #00000020;}
.right_menu.fix .df .top_con a p {font-size: clamp(14px,2vw,16px);font-weight: 500;}

.right_menu.fix .df .btm_con{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;padding: 0 0 38px;gap: clamp(16px,2vw,22px);font-size: 15px;font-weight: 700;letter-spacing: 0.5px;justify-content: center;}
.right_menu.fix .df .btm_con .pc_only{display: block;}
.right_menu.fix .df .btm_con .tab_only{display: none;}

@media screen and (max-width:960px) {
  .right_menu.fix{width:100%;height: 80px;top: auto;bottom: 0;transform: translateY(0px);border-top: 1px solid #ffffff30;}
  .right_menu.fix .df{width: 100%;margin: 0;height: 100%;flex-direction: row;}
  .right_menu.fix .df .top_con{flex-direction: row;flex: 4;justify-content: space-between;height: 80px;}
  .right_menu.fix .df .top_con a{flex: 0 1 calc(100% / 4);padding: 0;border-bottom: 0;gap: 4px;height: 100%;border-right: 1px solid #00000020;}
  .right_menu.fix .df .top_con a img {max-height: 26px;max-width: 26px;}
  .right_menu.fix .df .top_con a p span{display: none;}

  .right_menu.fix .df .btm_con{padding: 0;flex: 1;height: 100%;background: #0a4795;color: #fff;gap: 4px;font-size: clamp(14px,2vw,16px);}
  .right_menu.fix .df .btm_con img{max-height: 24px;}
  .right_menu.fix .df .btm_con .pc_only{display: none;}
  .right_menu.fix .df .btm_con .tab_only{display: block;}
}

@media screen and (max-width:520px) {
  .right_menu.fix{height: 66px;}

  .right_menu.fix .df .top_con{height: 66px;}
}

/* section01 */
#section01{position: relative;height: 100%;}

#section01 .bg{max-height: 43.75rem;padding-top: 56.25%;pointer-events: none;position: relative;top: 0px;left: 0px;z-index: 1;width: 100%;height: 100%;overflow: hidden;}
#section01 .bg:before{}
#section01 .bg iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#section01 .bg img{height: 100%; object-fit: cover;}

#section01 .slick-dots button {width: 100%;max-width: 70px;height: 4px;background-color: #ffffff30;border: none;cursor: pointer;padding: 0;outline: none;}
#section01 .slick-dots .slick-active button {background-color: #fff;}

#section01 .text {position: absolute;top: 50%;left: 50%;color: #fff;text-align: center;transform: translate(-50%, -50%);z-index: 2;width: 100%;padding-right: 100px;}
#section01 .text .e_txt{font-family: 'GmarketSans';font-weight: 100;font-size: clamp(16px,1.8vw,20px);padding: 0 40px clamp(20px,2vw,34px);}
#section01 .text .tit {font-size: clamp(32px,4.4vw,54px);font-weight: 900;padding: 0 40px clamp(20px,3.2vw,50px);font-family: 'GmarketSans';}
#section01 .text .tit span{font-weight: 500;}
#section01 .text .txt {font-size: clamp(17px,2.4vw,30px);font-weight: 400;padding: 0 40px;}

@media screen and (max-width:960px){
  #section01 .text{padding: 0;}
}

@media screen and (max-width:768px) {
  #section01{/* height: 80vh; */}
}

@media screen and (max-width:500px) {
  #section01{/* height: 66vh; */}
}


#section02 {padding: 110px clamp(40px, 14vw, 260px) 144px;margin-right: 100px;}
#section02 .top_con {align-items: center;justify-content: space-between;padding: 0 0 clamp(30px,2.4vw,54px);}
#section02 .top_con .text {
    flex: 0 1 calc(100% - 54px);
}
#section02 .top_con .text .txt {position: relative;font-size: clamp(15px, 2vw, 20px);font-weight: 700;padding-right: 158px;margin: 0 0 clamp(12px,2vw,30px) 0;width: fit-content;letter-spacing: 0.5px;}
#section02 .top_con .text .tit {font-size: clamp(22px,3.2vw,40px);font-family: 'GmarketSans';font-weight: 700;}
#section02 .top_con .text .txt:before {content: '';position: absolute;background: #000;width: 128px;height: 1px;right: 0;top: 50%;}

#section02 .top_con .slide_btn{display: flex;flex-wrap: wrap;gap: 0 clamp(8px,2vw,14px);flex: 0 1 calc(clamp(44px,10.2vw,54px));}
#section02 .top_con .slide_btn p{position: relative;}
#section02 .top_con .slide_btn p::before{position: relative;content: '';display: block;width: 2px;height: 17px;background: #00000020;top: 50%;transform: translateY(-50%);}

#section02 .gallery {}
#section02 .gallery .three {display: flex !important;flex-wrap: wrap;justify-content: center;align-items: flex-start;flex-direction: column;gap: 26px;}
#section02 .gallery .slick-track {display: flex !important;gap: 20px; }
#section02 .gallery .slick-slide {float: none;height: auto;}
#section02 .gallery .three .img {width: 100%;max-height: 300px;}
#section02 .gallery .three .tit {text-align: left;font-size: clamp(15px,2.4vw,22px);font-weight: 500;min-height: calc(1.2em * 1);white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}



@media screen and (max-width: 1920px) {
  #section02{padding: clamp(54px,5.2vw,110px) 40px clamp(54px,6.4vw,144px);max-width: 1640px;margin: 0 100px 0 auto;}
}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:960px){
  #section02{margin: 0 auto;padding: clamp(30px,5.2vw,110px) 22px clamp(30px,6.4vw,144px);}
}

#section03 {padding: 0 clamp(40px, 14vw, 260px) 120px;margin-right: 100px;}
#section03 .top_con {align-items: center;justify-content: space-between;padding: 0 0 clamp(30px,2.4vw,54px);}
#section03 .top_con .text {}
#section03 .top_con .text .txt {position: relative;font-size: clamp(15px, 2vw, 20px);font-weight: 700;padding-right: 158px;margin: 0 0 clamp(12px,2vw,30px) 0;width: fit-content;letter-spacing: 0.5px;}
#section03 .top_con .text .tit {font-size: clamp(22px,2vw,40px);font-family: 'GmarketSans';font-weight: 700;}
#section03 .top_con .text .txt:before {content: '';position: absolute;background: #000;width: 128px;height: 1px;right: 0;top: 50%;}

#section03 .btm_con {gap: 20px;width: 100%;overflow: hidden;}
#section03 .btm_con .three {flex: 0 1 calc(100% / 3 - 14px);width: 100%;overflow: hidden;position: relative;gap: 20px;}
#section03 .btm_con .three .btm_content{position: relative;width: 100%;overflow: hidden;}
#section03 .btm_con .three .btm_content .text {justify-content: space-between;padding: 0 0 clamp(12px,2vw,20px);width: 100%;align-items: center;}
#section03 .btm_con .three .btm_content .text .tit {font-size: clamp(22px,2vw,28px);font-weight: 700;font-family: 'GmarketSans';}
#section03 .btm_con .three .btm_content .text .tit a{font-weight: 700;}

#section03 .btm_con .three .btm_content .notice{}
#section03 .btm_con .three .btm_content .notice .slick-slide{}
#section03 .btm_con .three .btm_content .notice .slick-track{display: flex; gap: 10px;}

#section03 .btm_con .three .btm_content .notice .slick-slide .two{height: auto;padding: clamp(18px,3.6vw,50px) clamp(18px,2vw,28px) clamp(18px,3.2vw,42px);background: #f2f2f2;}
#section03 .btm_con .three .btm_content .notice .slick-slide .two .tit{font-size: clamp(18px,2vw,20px);font-weight: 700;text-align: left;word-break: auto-phrase;margin: 0 0 clamp(0px,2.8vw,54px);line-height: 1.2em;min-height: calc(1.2em * 3);white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}
#section03 .btm_con .three .btm_content .notice .slick-slide .two .date{font-size: 15px;text-align: left;letter-spacing: 0.5px;color: #777777;font-weight: 400;height: auto;}

#section03 .btm_con .three .btm_content .btm_slide_inner {gap: 24px;}
#section03 .btm_con .three .btm_content .btm_slide_inner .left_con {height: auto;flex: 0 1 calc(100% / 2 - 12px);display: flex;align-items: center;flex-wrap: wrap;align-content: center;justify-content: center;}
#section03 .btm_con .three .btm_content .btm_slide_inner .left_con .tit {padding: clamp(16px,2vw,26px) 0 0;height: auto;font-size: clamp(14px,2vw,18px);font-weight: 500;}
#section03 .btm_con .three .btm_content .btm_slide_inner .left_con .tit span{font-size: clamp(18px,2vw,24px);font-weight: 700;letter-spacing: 3px;}

#section03 .btm_con .three .btm_content .btm_slide_inner .right_con {height: auto;flex: 0 1 calc(100% / 2 - 12px);align-items: center;align-content: center;gap: clamp(18px,2vw,24px);}
#section03 .btm_con .three .btm_content .btm_slide_inner .right_con .text{padding: 0;height: auto;}
#section03 .btm_con .three .btm_content .btm_slide_inner .right_con .text .tit{height: auto;text-align: left;font-size: clamp(16px,2vw,18px);font-weight: 700;font-family: 'Pretendard';padding: 0 0 10px;}
#section03 .btm_con .three .btm_content .btm_slide_inner .right_con .text .txt{height: auto;text-align: left;font-size: clamp(13px,2vw,15px);font-weight: 300;color: #575757;line-height: 1.4em;}

#section03 .btm_con .three .btm_content .text .slide_btn {display: flex;flex-wrap: wrap;align-items: center;gap: 0 clamp(8px,2vw,14px);}
#section03 .btm_con .three .btm_content .text .slide_btn p {position: relative;}
#section03 .btm_con .three .btm_content .text .slide_btn p::before {position: relative;content: '';display: block;width: 2px;height: 17px;background: #00000020}

#section03 .btm_con .left {}
#section03 .btm_con .left .top_content {}
#section03 .btm_con .left .top_content .two {background: #484d53;flex: 0 1 calc(100% / 2);}
#section03 .btm_con .left .top_content .two:nth-child(1n) {border-bottom: 1px solid #ffffff30;border-right: 1px solid #ffffff30;}
#section03 .btm_con .left .top_content .two:nth-child(2n) {border-bottom: 1px solid #ffffff30;}
#section03 .btm_con .left .top_content .two a {display: flex;align-items: center;height: 100%;padding: clamp(16px,2vw,30px) clamp(10px,2vw,28px);color: #fff;gap: clamp(8px,2vw,16px);}
#section03 .btm_con .left .top_content .two a p{word-break: break-all;font-size: clamp(12px,2vw,18px);font-weight: 600;}
#section03 .btm_con .left .top_content .two a img{}


#section03 .btm_con .mid .slide-wr{height: 100%;}
#section03 .btm_con .mid .visual-slide {position: relative;}
#section03 .btm_con .mid .visual-slide a{height: 100%;position: relative;}
#section03 .btm_con .mid .visual-slide a .ready {position: absolute;top: 80%;left: 50%;max-width: 314px;width: calc(100% - 40px);max-height: 70px;background: #0a4795;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 18px;font-family: 'GmarketSans';}
#section03 .btm_con .mid .visual-slide a .ready p span{padding-left: clamp(8px,2vw,16px);}
#section03 .btm_con .mid .visual-slide .gallery-item img {width: 100%;height: auto;display: block;height: 100%;object-fit: cover;}
#section03 .btm_con .mid .visual-slide-arrow-wr {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;padding: 0 10px;}
#section03 .btm_con .mid .visual-slide-arrow-wr button {background: none;border: none;pointer-events: auto;}
#section03 .btm_con .mid .slick-dots {position: absolute;bottom: 26px;left: 50%;transform: translateX(-50%);display: flex !important;gap: 8px;padding: 0;margin: 0;list-style: none;}
#section03 .btm_con .mid .slick-dots li {width: 9px;height: 9px;background: #fff;border-radius: 50%;cursor: pointer;}
#section03 .btm_con .mid .slick-dots li button{font-size: 0;}
#section03 .btm_con .mid .slick-dots li.slick-active {background: #80c2ff;}

#section03 .btm_con .rigth {align-content: flex-start;}
#section03 .btm_con .rigth .top_content {width: 100%;height: fit-content;}
#section03 .btm_con .rigth .top_content .bg {position: relative;width: 100%;height: 200px;}
#section03 .btm_con .rigth .top_content .bg img {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}

#section03 .btm_con .rigth .top_content .bg .text {z-index: 1;position: relative;height: 100%;padding: 0 clamp(32px,2vw,46px);color: #fff;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
#section03 .btm_con .rigth .top_content .bg .text .tit {font-size: clamp(24px,2.4vw,32px);font-family: 'GmarketSans';font-weight: 700;padding: 0 0 24px;}
#section03 .btm_con .rigth .top_content .bg .text .txt {font-size: clamp(18px,2vw,20px);line-height: 1.4em;font-weight: 500;}
#section03 .btm_con .rigth .top_content .bg .text .txt a {color: #fff;font-weight: 700;}

#section03 .btm_con .rigth .btm_content{height: calc(100%  - 220px);padding: 44px clamp(32px,2vw,44px) 66px;border: 1px solid #00000030;}
#section03 .btm_con .rigth .btm_content .btm_slide{padding: 0 0 clamp(30px,2vw,40px);}
#section03 .btm_con .rigth .btm_content .btm_slide .slick-dots {position: absolute;bottom: 26px;left: 50%;transform: translateX(-50%);display: flex !important;gap: 8px;padding: 0;margin: 0;list-style: none;}
#section03 .btm_con .rigth .btm_content .btm_slide .slick-dots li {width: 9px;height: 9px;background: #d7d7d7;border-radius: 50%;cursor: pointer;}
#section03 .btm_con .rigth .btm_content .btm_slide .slick-dots li button {font-size: 0;}
#section03 .btm_con .rigth .btm_content .btm_slide .slick-dots li.slick-active {background: #0a4795;}

@media screen and (max-width: 1920px) {
  #section03{padding: 0 40px clamp(66px,6.6vw,144px);max-width: 1640px;margin: 0 100px 0 auto;}
}

@media screen and (max-width:1440px) {
  #section03 .btm_con .three {flex: 0 1 calc(100% / 2 - 10px);}
  #section03 .btm_con .left {flex: 100%; gap: 46px;}
}

@media screen and (max-width:960px){
  #section03{margin: 0 auto;padding: 0 22px clamp(66px,6.6vw,144px);}
}

@media screen and (max-width:768px) {
  #section03 .btm_con .three{flex: 100%;}
  #section03 .btm_con .three .btm_content .notice .slick-slide .two .tit{min-height: calc(1.2em * 2);-webkit-line-clamp: 2;}
  #section03 .btm_con .mid{}
}

@media screen and (max-width:520px) {
  #section03 .btm_con .left .top_content .two a img {max-width: 24px;}

  #section03 .btm_con .rigth .btm_content .btm_slide .slick-dots{display: none;}

  #section03 .btm_con .three .btm_content .btm_slide_inner{gap: 0;}
  #section03 .btm_con .three .btm_content .btm_slide_inner .left_con{flex: 100%;}
  #section03 .btm_con .three .btm_content .btm_slide_inner .right_con{flex: 100%;height: auto;}

  #section03 .btm_con .three .btm_content .notice .slick-track{display: block;}
  #section03 .btm_con .three .btm_content .notice .slick-slide .two {margin-bottom: 4px;display: flex !important;flex-wrap: wrap;align-items: center;}
  #section03 .btm_con .three .btm_content .notice .slick-slide .two .tit{min-height: calc(1.2em * 1);-webkit-line-clamp: 1;margin: 0;width: calc(100% - 60px);}
  #section03 .btm_con .three .btm_content .notice .slick-slide .two .date{width: 60px;}
  #section03 .btm_con .three .btm_content .notice .slick-slide > div {height: auto !important;}
  #section03 .btm_con .three .btm_content .notice .slick-slide > div:last-child{margin: 0;}
}

@media (max-width: 520px) {


}

#footer {background: #161616;color: #a6a6a6;flex-direction: column;}
#footer a {color: #a6a6a6;}
#footer .top_con {justify-content: space-between;border-bottom: 2px solid #ffffff20;padding: 34px 48px 38px;margin-right: 100px;gap: 20px;}
#footer .top_con .left_con {}
#footer .top_con .left_con img {padding: 0 30px 20px 0;}
#footer .top_con .left_con .tail_list {display: flex;font-size: 16px;padding: 0 0 4px;flex-wrap: wrap;}
#footer .top_con .left_con .tail_list p {font-weight: 400;}
#footer .top_con .left_con .tail_list p span {font-weight: 700;}
#footer .top_con .left_con p:nth-child(2) {padding: 0 12px;margin: 0 12px;border-right: 1px solid #ffffff30;border-left: 1px solid #ffffff30;}
#footer .top_con .right_con{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px;}
#footer .top_con .right_con .dropdown {position: relative;display: inline-block;width: 300px;}
#footer .top_con .right_con .dropbtn {background-color: #ffffff20;color: white;padding: 24px 24px;border: none;cursor: pointer;width: 100%;text-align: left;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
#footer .top_con .right_con .dropdown-content {position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;max-height: 0;opacity: 0;visibility: hidden;overflow: hidden;transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;bottom: 100%;top: auto;width: 100%;border-radius: 5px;}
#footer .top_con .right_con .dropdown-content a {padding: 12px 16px;text-decoration: none;display: block;color: #000 !important;}
#footer .top_con .right_con .dropdown-content a:hover {background-color: #f1f1f1;}
#footer .top_con .right_con .dropdown.active .dropdown-content {max-height: 300px;opacity: 1;visibility: visible;}
#footer .top_con .right_con .dropbtn .dropdown-icon {transition: transform 0.3s ease-in-out;}
#footer .top_con .right_con .dropbtn .rotate {transform: rotate(180deg);}

#footer .btm_con {font-size: 16px;padding: 30px 48px;}

@media screen and (max-width:960px) {
  #footer{}
  #footer .top_con{margin: 0;}
}

@media screen and (max-width:768px) {
  #footer .top_con {padding: 34px 22px 38px;}
  
  #footer .top_con .left_con p{font-size: clamp(14px,2vw,16px);flex: 100%;}
  #footer .top_con .left_con p:nth-child(2){border: 0; margin: 0; padding: 0;}
  #footer .top_con .left_con .tail_list{line-height: 1.2em;}

  #footer .top_con .right_con .dropdown{display: none;}

  #footer .btm_con{padding: 30px 22px;}
}