@charset "UTF-8";
/* 메인 컨테이너 */
.container {
    margin: 0 auto; display: grid; grid-template-columns: 1fr 320px;
    position: relative;
}

/* 메인 공통*/
h2{
    display:block; font-size: 3.5rem; line-height:1em; font-weight:500; white-space: pre-line; font-family: 'BusanSans';
}
h2 > .sub{
    display:block; font-size: 1.7rem; color:#666; line-height:1.4em; margin-top:18px; font-weight: 500;
}
h2#bannerTitle{
    font-size:2.5rem; line-height: 3.5rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width:100%; white-space: normal; margin-bottom:18px;
}
.mainRowBx{
    display: grid; grid-template-columns: repeat(2, 1fr); width:100%; border-left:1px solid var(--lineColor); border-right:1px solid var(--lineColor);
}
.rowSectionBx{
    display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap:40px; padding:10px 35px 80px; width:100%;
}
.swiper-button-next, .swiper-button-prev{
    position: static; width:16px; height:16px; margin-top:0; background-repeat: no-repeat; background-size: auto; background-position: center;
}
.swiper-button-next:after, .swiper-button-prev:after{
    text-indent: -9999px; font-size: 0;
}

/* 좌측 퀵메뉴 */
.asideLeft{
    display: block; position: absolute; width:320px; top:0; left:0; padding:25px; transform: translateX(-100%);
}
.quickMenu {
    display: flex; flex-direction: column; justify-content: flex-start; align-items:stretch; width:100%; gap:12px;
}
.quickMenu > li {
    display:block; width:100%; position: relative; z-index: 1;
}
.quickMenu > li:last-child{
    z-index: 0;
}
.quickMenu > li > .link {
    display: flex; flex-direction: column;justify-content: center; align-items:flex-start; gap:8px;padding:15px 22px 15px; background:#f5f5f5; width:100%; border:1px solid #f5f5f5; position: static; font-weight:600; text-align: left;  height:100%; transition:ease 0.3s;
}
.quickMenu > li > .link.moreLink{
    position: relative; z-index: 2;
}
.quickMenu > li > .link.topLink{
    border:2px solid var(--mainColor); color:var(--mainColor); background:#fff;
}
.quickMenu > li > .link.blueLink{
    background:var(--lightColor); border:1px solid var(--lightColor);
}
.quickMenu > li > .link::after{
    display:block; width:19px; height:19px; content:''; background-size: auto; background-position: center; background-repeat: no-repeat; position:absolute; top:50%; right:18px; margin-top:-9.5px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckBk.png);
}
.quickMenu > li > .link.topLink::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckBl.png);
}
.quickMenu > li > .link.moreLink::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckMoreBk.png);
}
.quickMenu > li > .link > p{
    font-weight:600; white-space: pre-line; line-height:1em; padding-right:20px;
}
.quickMenu > li > .link > p > .sub{
    font-weight: 500; color:#555; font-size:1.5rem; line-height:1em; transition:ease 0.3s;
}

/* 2026-09-30 호버했을때 색상 기본으로 수정
.quickMenu > li > .link.moreLink:hover > p > .sub{
    color:#fff; transition:ease 0.3s;
}
.quickMenu > li > .link.topLink:hover,
.quickMenu > li > .link.blueLink:hover{
    background:var(--mainColor); color:#fff; 
    border-color:var(--mainColor); transition:ease 0.3s;
}

.quickMenu > li > .link.blueLink:hover::after,
.quickMenu > li > .link.topLink:hover::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckWh.png); transition: ease 0.3s;
}
.quickMenu > li > .link.blueLink.moreLink:hover::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckMoreWh.png);transition: ease 0.3s;
}
.quickMenu > li > .link.blueLink.moreLink.on:hover::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckCloseWh.png);
}
.quickMenu > li > .link.moreLink.on{
    background:var(--darkLine); color:#fff; border:1px solid var(--darkLine); transition:ease 0.3s;
}
.quickMenu > li > .link.moreLink.on::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckCloseWh.png); transition:ease 0.3s;
}

.quickMenu > li > .link.moreLink.blueLink.on{
    background:var(--mainColor);border:1px solid var(--mainColor);
}

.quickMenu > li > .link.moreLink.blueLink.on > p > .sub{
    color:#fff; transition:ease 0.3s;
}

*/

.quickMenu > li > .link.on,
.quickMenu > li > .link:hover{
    background:#d7d7d7; border:1px solid #d7d7d7; transition:ease 0.3s;
}
.quickSub{
    display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%; position:absolute; top:100%; left:0; width:100%; z-index: 3; background:#fff;height:0; overflow: hidden; opacity: 0; transition:ease 0.3s;padding:0 20px; border:2px solid var(--darkLine); 
}
.quickSub.blueLink{
    border:2px solid var(--mainColor);
}
.quickSub.on{
    height:auto; opacity: 1; padding:4px 20px; transition:ease 0.3s;
}
.quickSub > li{
    padding:15px 0; border-bottom: 1px solid var(--lineColor); width:100%;
}
.quickSub > li:last-child{
    border-bottom:none;
}
.quickSub > li > a{
    color:#3c3b40; transition:0.3s;
}
.quickSub > li:hover > a{
    color:#000; transition:0.3s;
}
.quickSub.blueLink > li:hover > a{
    color:var(--mainColor); 
}

.quickMenu a.active {
background: #fff;
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.quickMenu .sub {
display: block;
color: var(--color-sub);
font-weight: 400;
margin-top: 2px;
}

/* 메인 콘텐츠 */
.mainCol{
    margin-left:320px; width:calc(100% - 320px); padding:0; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items:flex-start;
}
/* .mainCol::before{
    display: block; content:''; width:1px; height:100%; position:absolute; top:0; left:0; background:var(--lineColor);
} */
.visualWrap {
    position: relative; width:100%; margin:0 auto; padding-top:25px;
}
.mainSlide{
    display: block; width:calc(100% + 2px); overflow: hidden; position: relative; aspect-ratio: 1267 / 545; margin:0 auto; /*max-height:570px;border-left:1px solid var(--lineColor); border-right:1px solid var(--lineColor); */
}
.mainSlide .swiper-wrapper{
    background-color:transparent;
}
.mainSlide .swiper-slide{
    width:100% !important; background:transparent; outline:none; border:none;
}
.mainSlide video,
.mainSlide img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.mainSlide img.bannerPc{display: block;}
.mainSlide img.bannerTa{display: none;}
.mainSlide img.bannerMo{display: none;}
.mainSlide video{
    /* clip-path: inset(0 1px 0 0);  */
}
.slider-controls {
    position: absolute; right: 24px; bottom: 20px; display: flex; align-items: center; color: #fff; background: rgba(0,0,0,.6); padding: 10px 20px; z-index: 2; border-radius: 40px;
}
.slideNum{
    display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:10px; font-size: 1.6rem; line-height:1em; margin-right:8px;
}
.slideNum > span{
    display: block;
}
.slideNum > .curr{
    font-weight: 700; color:#e8e961;
}
.slideNum > .line{
    width:13px; height:1px; background:#fff;
}
.slideNum > .all{
    color:#fff; font-weight:300;
}
.visualWrap .swiper-button-prev,
.visualWrap .swiper-button-next{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSlideArrow.png);
}
.visualWrap .swiper-button-next{
    transform: rotate(180deg);
}
.visualWrap .bntSldCtr{
    display: block; width: 16px; height:16px; background-repeat: no-repeat; background-size: auto; background-position: center; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSlideStop.png);
}
.visualWrap .bntSldCtr.on{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSlideStart.png);    
}
/* 예약/시장 소개 2단 */
.mainRowBx:nth-child(4){margin-top:-1px;}
.infoRow {
    display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px;
}
.panel{
    border-top: 1px solid var(--lineColor); border-bottom: 1px solid var(--lineColor); padding: 35px 35px 33px; overflow: hidden;
}
.panel:first-child{
    border-right:1px solid var(--lineColor);
}
.panelInner{
    display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;
    /*애니메이션 주석처리*/
    /* opacity: 0; transform:translateX(-240px); */
}
h2#reserveTitle > .sub{
    margin-bottom:45px;
}
h2#reserveTitle > a{
    display: block; width:35px; height:35px; position: relative;
}
h2#reserveTitle > a::after,
h2#reserveTitle > a::before{
    display: block; content:''; width:1px; height:100%; background:#000; position: absolute; top:0; left:50%; margin:0 0 0 -0.5px; transition: 0.3s;
}
h2#reserveTitle > a::after{
    transform: rotate(90deg);
}

h2#reserveTitle > a:hover::after,
h2#reserveTitle > a:hover::before{
    transform: rotate(180deg) scale(1.1); transition: 0.3s;
}
h2#reserveTitle > a:hover::after{
    transform:rotate(270deg) scale(1.1);
}
.linkList{
    display: flex; flex-direction: column; gap: 8px; max-width:240px; margin-top:0;
}
.linkList:after{
    display: none;
}
.linkList a {
    display: block; padding: 20px 0; line-height:1em; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainLinkArrow.png); background-repeat: no-repeat; background-position: right 23px center; background-size: auto; transition: ease 0.3s; position: relative;
}

a.full-cover-link {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 5 !important;
    display: block !important;
}

h2#reserveTitle > a.full-cover-link::after,
h2#reserveTitle > a.full-cover-link::before {
    display: none !important;
}
h2#reserveTitle:hover > a:not(.full-cover-link)::after,
h2#reserveTitle:hover > a:not(.full-cover-link)::before {
    transform: rotate(180deg) scale(1.1); 
    transition: 0.3s;
}
h2#reserveTitle:hover > a:not(.full-cover-link)::after {
    transform: rotate(270deg) scale(1.1);
}

.mayorPanel { 
    display: block; padding:0; background-image: ;
}
.mayorPanel > .panelInner{
    padding:35px 35px 33px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/imgMayorBg2.png); background-size: auto; background-repeat: no-repeat; background-position: left 35px bottom; height:100%; flex-direction: column; justify-content: space-between; align-items: flex-end;

    /*  background-image: url(/humanframe/theme/busan22/assets/img/newMain/imgMayorBg.png),url(/humanframe/theme/busan22/assets/img/newMain/imgMayorGraBg.png); background-size: auto, cover; background-repeat: no-repeat, no-repeat; background-position: right 35px bottom, top left; */
}
#mayorTitle > a{
    font-size: 2.4rem; font-weight: 500;
}
#mayorTitle > a > .name{
    font-size: 3.5rem; font-weight: 500; margin-left:13px;
}
.mayorPanel .btns { 
    display: flex; gap: 8px; margin-top: 12px; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; max-width: 239px;
}
.mayorPanel .btns a {
    border: 1px solid var(--lineColor); padding: 12px 26px 12px 44px; line-height: 1em; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconCheck.png); background-repeat: no-repeat; background-size: auto; background-position: left 20px center; border-radius: 40px; transition:0.3s; background-color: rgba(255,255,255,0.2);
}
.mayorPanel .btns a:hover{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconCheckWh.png); border:1px solid var(--mainColor); background-color:var(--mainColor); color:#fff; transition:0.3s;
}

/* 관광/문화 2단 */
#tourTitle{
    display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;
}
#tourTitle > a{
    border: 1px solid var(--lineColor); padding: 12px 24px 12px 40px; font-size: 1.8rem; font-weight: 500; border-radius: 40px; line-height: 1em; position:relative; transition:0.3s;
}
#tourTitle > a::before,
#tourTitle > a::after{
    display:block; content:''; width:11px; height:1px; background:#000; position:absolute; left:23px; top:50%; margin-top:-0.5px; transition:0.3s;
}
#tourTitle > a::after{
    transform: rotate(90deg);
}
#tourTitle > a:hover{
    border:1px solid var(--mainColor); background-color:var(--mainColor); color:#fff; transition:0.3s;
}
#tourTitle > a:hover::before,
#tourTitle > a:hover::after{
    background: #fff; transform: rotate(360deg); transition:0.3s;
}
#tourTitle > a:hover::after{
    transform: rotate(450deg);
}
.panel.culturePanel > .panelInner,
.panel.tourPanel > .panelInner{
    flex-direction: column; justify-content: space-between; height:100%;
}
.panel.culturePanel .linkList,
.panel.tourPanel .linkList{
    flex-direction: row; flex-wrap: wrap; gap:0 30px; max-width:inherit; margin-top:30px;
}
.panel.culturePanel .linkList >  a,
.panel.tourPanel .linkList > a{
    width:calc(50% - 15px);
}
.linkList > a:hover{
    color:var(--mainColor); background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainLinkArrowBl.png);  background-position:right 15px center; font-weight:600; padding-left:8px; transition: ease 0.3s;
}
h2#cultureTitle{
    background:url(/humanframe/theme/busan22/assets/img/main/ico_cult.png); background-repeat: no-repeat; background-size:auto; background-position: right center; width:100%;
}
.categoryRow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 24px;
}
.categoryRow h2 {
display: flex;
justify-content: space-between;
align-items: center;
}
.categoryRow .linkList {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px 16px;
}

/* 바로가기 버튼 3개 */
.shortcutRow {
    display: grid; grid-template-columns: repeat(3, 1fr);  gap: 0 35px; padding:60px 35px 30px; width:100%;
}
.shortcutRow a {
    display: flex; align-items: center; padding:20px 24px 20px 25px; background:#f5f5f5; border-radius: 5px; position: relative; 
}
.shortcutRow a:hover {
   background:var(--mainColor); color:#fff; border-radius: 40px; transition: 0.3s;
}
.shortcutRow a::after{
    display: block; content:''; width:24px; height:24px; background:#1f1e1f; border-radius: 12px; position:absolute; right:24px; top:50%; margin-top:-12px; background-repeat: no-repeat; background-size: auto; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconArrowtrWh.png); background-position: center; transition: 0.3s;
}
.shortcutRow a:hover::after{
    background-color:#fff; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconArrowtrBl.png); transition: 0.3s;
}
.shortcutRow a > p{
    display: block; padding-left:28px; position: relative;
}
.shortcutRow a > p::after{
    display:block; content:''; width:20px; height:20px; position:absolute; left:0; top:50%; margin-top:-10px; background-repeat: no-repeat; background-size: auto; background-position: left center; transition: 0.3s;
}
.shortcutRow a:nth-child(1) > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC01.png);
}
.shortcutRow a:nth-child(1):hover > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC01Wh.png); transition: 0.3s;
}
.shortcutRow a:nth-child(2) > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC02.png);
}
.shortcutRow a:nth-child(2):hover > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC02Wh.png); transition: 0.3s;
}
.shortcutRow a:nth-child(3) > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC03.png);
}
.shortcutRow a:nth-child(3):hover > p::after{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC03Wh.png); transition: 0.3s;
}

/* 분야별 정책 아이콘 그리드 */
.fieldMenu{
    flex:1 1 0; width:100%;
}
.fieldMenu h2 {
    margin-bottom: 40px;
}
.fieldMenu ul{
    display: grid; grid-template-columns: repeat(6, 1fr);  gap: 86px 20px;
}

.fieldMenu a{
    display: flex; flex-direction: column; align-items: center; gap: 15px; padding: 0; position: relative; transition:1s;

}

.fieldMenu a .iconBox{
    display:block; width:63px; height:63px; background-size: auto; background-position:center; background-repeat:no-repeat;
}
.fieldMenu a:hover .iconBox{
    transform: rotateY(360deg); transition:1s;
}

.fieldMenu li:nth-child(1) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart01.png);
}
.fieldMenu li:nth-child(2) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart02.png);
}
.fieldMenu li:nth-child(3) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart03.png);
}
.fieldMenu li:nth-child(4) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart04.png);
}
.fieldMenu li:nth-child(5) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart05.png);
}
.fieldMenu li:nth-child(6) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart06.png);
}
.fieldMenu li:nth-child(7) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart07.png);
}
.fieldMenu li:nth-child(8) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart08.png);
}
.fieldMenu li:nth-child(9) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart09.png);
}
.fieldMenu li:nth-child(10) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart10.png);
}
.fieldMenu li:nth-child(11) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart11.png);
}
.fieldMenu li:nth-child(12) a .iconBox{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconDepart12.png);
}
/* .fieldMenu a .iconBox svg{
    width:100%; height:100%; overflow:visible;
}
.fieldMenu a .iconBox .pathGuide{
    fill:none; stroke: var(--mainColor); stroke-width: 1; opacity: 0; stroke-dasharray: 100; stroke-dashoffset: 100;
} */

.fieldMenu a .tit{
    white-space: nowrap; text-align: center; display: block; line-height: 1em;
}
.fieldMenu a:hover .tit{
    color:var(--mainColor); transition: ease 0.3s;
}

.fieldMenu .icon {
width: 32px;
height: 32px;
}

.bannerArea{
    width:373px;
}
.bannerCntrler{
    display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap:5px;
}
.bntBannerSldCtr,
.bannerSlidePrev,
.bannerSlideNext{
    border:1px solid var(--lineColor); width:32px; height:32px; border-radius: 16px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSlideArrowBk.png); background-repeat: no-repeat; background-position: center; background-size: auto;
}
.bannerSlidePrev{
    transform: rotate(180deg);
}

.bntBannerSldCtr{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconBannerStop.png);
}
.bntBannerSldCtr.on{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconBannerStart.png);
}

.bntBannerSldCtr.lnk{
    background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconRbnMoreBk.png);
}


/* 우측 사이드바 - 공지사항/블로그 등 */

.sideNews { 
    display: flex; flex-direction: column; gap: 35px; position: relative; padding-bottom:40px; height:auto; min-height:100%;
}
/* .sideNews::before{
    display: block; content:''; width:1px; 
    height: var(--customLineHeight, calc(100% * var(--lineProgress, 0))); background: var(--mainColor); z-index: 0; position: absolute; top: 20px; left: 12px; transform-origin: top; 
    transition: height 0.3s ease-out;
} */

.newsBlock.more{
    display:none;
}
.newsBlock.more.on{
    display:block;
}
.newsBlock h3 {
    font-size: 1.8rem; font-weight: 600; position: relative; padding:0 0 0 35px;
}
.newsBlock h3::before{
    display: block; content:''; width:25px; height:25px; border-radius: 100px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconTl.png); background-repeat: no-repeat; background-size: auto; background-position: center; background-color: var(--mainColor); position: absolute; top:50%; margin-top:-12.5px; left:0px; z-index: 9;
}
.newsBlock h3 > a{
    color:var(--mainColor);
}
.newsBlock > a{
    display:block; width:100%; padding:12px 0 0 8px; position: relative;
}
.newsBlock > a > .newsBlockInner > .newsInfoWrap > .tit{
    font-size: 1.8rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; 
}
.newsBlock > a > .newsBlockInner > .newsInfoWrap > .cont{
    font-size:1.6rem; line-height:1.4em; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top:10px;
}
.newsBlock .newsBlockInner > .newsInfoWrap > .date {
    display: block; font-size: 1.6rem; color:#666; font-weight:400; margin-top: 15px; line-height:1em;
}
.newsBlock .newsThumbWrap {
    border-radius: 0px; margin-top: 25px; aspect-ratio: 235 / 152; overflow: hidden;
}
.newsBlock .newsThumbWrap img{
    display: block; width:100%; height:100%; object-fit: cover; object-position: center; transition: 0.3s;
}
.newsBlock > a:hover .newsThumbWrap img{
    transform: scale(1.05); transition: 0.3s;
}
.btnAsideRightMore{
    display: inline-block; margin: 0 48px 0 auto; padding:8px 26px 9px 21px; background:#8a8a8a; border-radius: 40px; transition:0.3s;
}
.btnAsideRightMore:hover{
    background:#222; transition:0.3s;
}
.btnAsideRightMore > p{
    color:#fff; padding-left:22px; position: relative; font-weight: 400; font-size: 1.6rem; line-height:1em; 
}

.btnAsideRightMore > p::after,
.btnAsideRightMore > p::before{
    display: block; content:''; width:11px; height:1px; background:#fff; position:absolute; top:50%; margin-top:-0.5px; left:0;
}
.btnAsideRightMore > p::after{
    transform: rotate(90deg);
}
/* 배너존 */
.bannerZone {
    display: block; width:100%; overflow: hidden; border-radius: 5px;
}

.bannerZone .swiper-slide a{
    aspect-ratio:336 / 285; border:1px solid var(--lineColor);  display: block; width:100%; overflow: hidden;
}
.bannerZone a img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }

.bannerZone a:hover img{
    transform: scale(1.02); transition: 0.3s;
}

.mainCol,
.rowSectionBx,
.bannerArea,
.bannerZone {
    min-width: 0;
}


/* 하단 서브링크 */
.subLinks {
    display: grid; grid-template-columns: repeat(3, 1fr); flex:1 1 0;width:100%; padding:0 35px; gap:30px;
}
.subLinkMobileTab{
    display: none;
}
.subLinksWrap{
    padding:0 0 20px 0; overflow: hidden;
}
.subLinksWrap > .tit{
    font-size: 2.2rem; font-weight: 500; color:var(--mainColor); line-height: 1em; width:100%; padding:0 14px 25px; border-bottom:2px solid var(--mainColor); display: block; margin-bottom:22px; font-family: 'BusanSans';
}
.subLinkList{
    display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:2px;
}
.subLinkList a {
    display: block; width:100%; padding:20px 14px 20px 14px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSbLnkArrow.png); background-repeat: no-repeat; background-size: auto; background-position: right 14px center;font-weight: 600; line-height: 1em; border-radius:0px; transition: ease-in 0.3s;
}
.subLinkList a:hover{
    color:#fff; background-color:var(--mainColor); border-radius:80px;background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSbLnkArrowWh.png); padding:20px 48px 20px 26px; background-position: right 30px center; transition: ease-in 0.3s;
}

/*하단 서브 링크 아이콘*/
.subLinkList a span{
    position: relative; display: block; line-height:1em;
}
.subLinkList a span::after{
    display: block; content:''; position: absolute; left:0; top:50%;background-size: 100% auto; background-position: left center; background-repeat: no-repeat; 
}
.subLinkList a .colorLbl{
    display:inline; font-weight: 700; color:#0086d1; transition: ease-in 0.3s;
}
.subLinkList a:hover .colorLbl{
    color:#fff; transition: ease-in 0.3s;
}
.subLinkList a .bsEvntFstv{
    padding-left:55px;
}
.subLinkList a .bsEvntFstv::after{
    width:43px; height:20px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_10.svg); margin-top:-10px; transition: ease-in 0.3s;
}
.subLinkList a:hover .bsEvntFstv::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_10_hover.svg); transition: ease-in 0.3s;
}
.subLinkList a .bsPress{
    padding-left:28px;
}
.subLinkList a .bsPress::after{ 
    width:16px; height:25px; margin-top:-12.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_micNew.svg); transition: ease-in 0.3s;
}
.subLinkList a:hover .bsPress::after{ 
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_micNew_w.svg); transition: ease-in 0.3s;
}
.subLinkList a .bsNews,
.subLinkList a .ebook{
    padding-left:28px;
}
.subLinkList a .bsNews::after,
.subLinkList a .ebook::after{
    width:16px; height:20px; margin-top:-10px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_noteNew.svg); transition: ease-in 0.3s;
}
.subLinkList a:hover .bsNews::after,
.subLinkList a:hover .ebook::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_noteNew_w.svg); transition: ease-in 0.3s;
}
.subLinkList a .bsChildnews{
    padding-left:61px; 
}
.subLinkList a .bsChildnews::after{
    width:49px; height:23px; margin-top:-11.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_18.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .bsChildnews::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_18_on.png); transition: ease-in 0.3s;
}
.subLinkList a .bstube{
    padding-left:32px;
}
.subLinkList a .bstube::after{
    width:20px; height:15px; margin-top:-8.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_youtubeNew.svg); transition: ease-in 0.3s;
}
.subLinkList a:hover .bstube::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_youtubeNew_w.svg); transition: ease-in 0.3s;
}
.subLinkList a .insta{
    padding-left:33px;
}
.subLinkList a .insta::after{
    width:21px; height:21px; margin-top:-10.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_instagramNew.svg); transition: ease-in 0.3s;
}
.subLinkList a:hover .insta::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_instagramNew_w.svg); transition: ease-in 0.3s;
}
.subLinkList a .fcbk{
    padding-left:24px;
}
.subLinkList a .fcbk::after{
    width:12px; height:27px; margin-top:-13.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_facebookNew.svg); transition: ease-in 0.3s;
}
.subLinkList a:hover .fcbk::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_facebookNew_white.svg); transition: ease-in 0.3s;
}
.subLinkList a .blog{
    padding-left:24px; position: relative;
}
.subLinkList a .blog::after{
    content: "B"; display: block; background-image: none; text-align: center; font-size: 3rem; line-height:1em; font-weight: 700; color: #03c75a; position: absolute; left:0; top:50%; margin-top:-1.5rem; font-family: 'Noto Sans KR', sans-serif; margin-left:-4px; transition: ease-in 0.3s;
}
.subLinkList a:hover .blog::after{
    color: #fff; transition: ease-in 0.3s;
}
.subLinkList a .x{
    padding-left:31px;
}
.subLinkList a .x::after{
    width:20px; height:18px; margin-top:-9px; background-image: url(/humanframe/theme/busan22/assets/img/main/ico_X_co.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .x::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/ico_X_wh.png); transition: ease-in 0.3s;
}
.subLinkList a .kkostr{
    padding-left:24px;
}
.subLinkList a .kkostr::after{
    width:12px; height:22px; margin-top:-11px; background-image: url(/humanframe/theme/busan22/assets/img/main/ico_kakao_co.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .kkostr::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/ico_kakao_wh.png); transition: ease-in 0.3s;
}
.subLinkList a .snsCol{
    padding-left:39px;
}
.subLinkList a .snsCol::after{
    width:27px; height:22px; margin-top:-11.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .snsCol::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17_on.png); transition: ease-in 0.3s;
}
.subLinkList a .bbb{
    padding-left:58px; 
}
.subLinkList a .bbb::after{
    width:46px; height:23px; margin-top:-11.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_20.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .bbb::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_20_on.png); transition: ease-in 0.3s;
}
.subLinkList a .boogitube{
    padding-left:41px;
}
.subLinkList a .boogitube::after{
    width:29px; height:29px; margin-top:-14.5px;background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_21.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .boogitube::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_21.png); transition: ease-in 0.3s;
}
.subLinkList a .beFM{
    padding-left:81px;
}
.subLinkList a .beFM::after{
    width:69px; height:29px; margin-top:-14.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_beb_color.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .beFM::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_beb_hover.png); transition: ease-in 0.3s;
}
.subLinkList a .bsEstr{
    padding-left:38px;
}
.subLinkList a .bsEstr::after{
    width:26px; height:22px; margin-top:-11.5px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_camp.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .bsEstr::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_camp_hover.png); transition: ease-in 0.3s;
}
.subLinkList a .bsVideoAc{
    padding-left:38px; 
}
.subLinkList a .bsVideoAc::after{
    width:26px; height:18px; margin-top:-9px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_19.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .bsVideoAc::after{
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_19_on.png); transition: ease-in 0.3s;
}
.subLinkList a .smsAl{
    padding-left:31px;
}
.subLinkList a .smsAl::after{ 
    width:27px; height:22px; margin-top:-11px; background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17.png); transition: ease-in 0.3s;
}
.subLinkList a:hover .smsAl::after{ 
    background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17_on.png); transition: ease-in 0.3s;
}


/* 우측 사이드바 */
/*체크 : 하단 패딩 삭제*/
.asideRight{
    /* padding:42px 25px 0px 25px; */
    padding:25px 25px 0px 25px; background:#f5f5f5; position: absolute; width:320px; height:100%; top:0; right:0; overflow-y: scroll; scrollbar-width:none; -ms-overflow-style: none;
}
.asideRight::-webkit-scrollbar{
    display: none;
}

.asideRight.pc{
    display: block;
}
.asideRight.mob{
    display: none;
}

.floatingArea{
    display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 9px; position: fixed; bottom:20px; left:117px; z-index: 20;
}
.floatingArea.isAbsolute{
    position: absolute; bottom: 20px;
}
.floatingArea > .btnNews,
.floatingArea > .btnTop{
    display: flex; width:50px; height:50px; border-radius: 32px; background:#2d2d2d; flex-direction: row; justify-content: center; align-items: center; text-align: center; font-size: 1.6rem; line-height:1em; font-weight: 600; color:#fff;margin-right:8px; opacity: 0; transform: translateX(60px);
}
.floatingArea > .btnNews{
    background:var(--mainColor); display: none; box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#chatbotBtn.new.type2{
    position:static !important; display: block !important; background-image: url(/humanframe/theme/busan22/assets/img/newMain/BoogiNewsSP.png); background-repeat: no-repeat; background-size: auto; background-position: left top; padding-left:22px; padding-top:10px;
}
.boogi_title{
    display: none;
}
#chatbotBtn.type2 .greeting-button{
    width:180px !important;
}
@media (max-width: 1780px) {
    .panel{
        padding:43px 37px 27px;
    }
    .mayorPanel{
        padding:0;
    }
    .mayorPanel > .panelInner{
        padding:70px 37px 27px; background-size: auto 229px; background-position: left 23px bottom;
    }
    .shortcutRow{
        padding:35px 30px;
    }
    .rowSectionBx{
        padding:10px 30px 40px;
    }
}
@media (max-width: 1660px) {
    .mainCol{
        margin-left:300px; width:calc(100% - 300px);
    }
    .asideLeft{
        width:300px; padding:30px 20px;
    }
    .floatingArea{
        left:117px;
    }
}
@media (max-width: 1540px) {
    .container{
        grid-template-columns:  1fr 260px;
    }
    .mainCol{
        margin-left:260px; width:calc(100% - 260px);
    }
    .asideLeft{
        width:260px;
    }
    .asideRight{
        width:260px;
    }
    .btnAsideRightMore{
        margin:0 18px 0 auto;
    }
    .floatingArea{
        left:78px;
    }
    .subLinkList a{
        padding:20px 14px;
    }
    .subLinkList a:hover{
        padding:20px 35px 20px 26px; background-position:right 26px center;
    }

}
@media (max-width: 1440px) {
    .mainCol{
        margin-left:0; width:100%;
    }
    .visualWrap{
        margin:0 auto 40px;
    }
    .mainSlide{
        border:0; border-bottom:1px solid var(--lineColor);  aspect-ratio: 1600 / 721;
    }
    .asideLeft{
        position: relative; transform: inherit; width:100%; padding:0 30px 40px; z-index: 11;
    }
    .quickMenu{
        display: grid; grid-template-columns: repeat(3, 1fr); gap:24px 30px; align-items: stretch;
    }
    .floatingArea{
        left:inherit; right:0px;
    }
    h2#reserveTitle > .sub{
        display: none;
    }
    .panelInner{
        align-items: stretch;
    }
    h2#reserveTitle{
        display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
    }
    .linkList{
        gap:0 8px; padding-top:33px;
    }
}


@media (max-width: 1280px) {
    .mainSlide img.bannerPc{display: none;}
    .mainSlide img.bannerTa{display: block;}
    .quickSub.blueLink.on{
        padding:4px 20px 22px; transition: 0.3s;
    }
    .quickSub.blueLink:last-child > li{
        border-bottom:1px solid var(--lineColor);
    }
    .mayorPanel > .panelInner{
        background-position: left bottom; background-size: auto 200px;
    }
    .rowSectionBx{
        flex-direction: column;
    }
    .bannerArea{
        width:100%;
    }
    .subLinkMobileTab{
        display: grid; grid-template-columns: repeat(3, 1fr); gap:12px; padding:0px;
    }
    .subLinkMobileTab > .tabBtn{
        font-size: 2.2rem; font-weight: 700; color:#666; line-height: 1em; width:100%; padding:0 14px 20px; border-bottom:2px solid #555; display: block; margin-bottom:20px; text-align: center; transition: 0.3s;
    }
    .subLinkMobileTab > .tabBtn:hover,
    .subLinkMobileTab > .tabBtn.on{
        color:var(--mainColor); border-bottom:2px solid var(--mainColor); transition: 0.3s;
    }
    .subLinksWrap{
        padding-top:0; display: none;
    }
    
    .subLinksWrap.on{
        display: block;
    }
    .subLinksWrap > .tit{
        display: none;
    }
    .subLinksWrap:not(:last-of-type){
        border-right:0;
    }
    .subLinks{
        grid-template-columns: 1fr; gap:0px;
    }
    .subLinkList{
        display:grid; grid-template-columns: repeat(3, 1fr); gap:2px 35px; padding:0 8px;
    }
    .subLinkList a{
        width:100%;
    }
    .fieldMenu ul{
        gap:40px 20px;
    }
}

@media (max-width: 1024px) {
    .container {
        grid-template-columns: 1fr;
    }
    
    .asideRight{
        display: block; position: relative; width:100%; overflow-x:scroll; max-height: 315px; overflow-x: hidden;
    }
    .asideRight.pc{
        display: none;
    }
    .asideRight.mob{
        display: block;
    }
    .sideNews{
        flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width:max-content; gap:40px; padding:20px 0 0 20px;
    }
    .btnAsideRightMore{
        align-self: center;
    }
    .panel{
        padding:30px 30px 20px;
    }
    .mainRowBx{
        border-left:0; border-right:0;
    }
    .mayorPanel{
        padding:0;
    }
    .mayorPanel > .panelInner{
        padding:40px 30px 27px;
    }
    .asideRight::before,
    .asideRight::after{
        display: block; content:''; width:8px; height:15px; position: absolute; left:7px; top:50%; margin-top:-7.5px; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconNewsBlockArrow.png); background-repeat: no-repeat; background-position: center; background-size: auto; z-index: 2;
    }
    .asideRight::after{
        left:auto; right:7px; transform: rotate(180deg);
    }
    .os-scrollbar-horizontal {
        height: 6px;
        top: 24px;
        width:calc(100% - 70px);
        left:35px !important;
    }

    .os-scrollbar-horizontal .os-scrollbar-track {
        background: #fff;
        border-radius: 20px;
    }

    .os-scrollbar-horizontal .os-scrollbar-handle {
        background: #bfbfbf;
        border-radius: 20px;
        min-width: 40px;
    }
    .sideNews::before{
        width:calc(100% - 80px); height:1px; top:12px; left:-30px;
    }
    .newsBlock{
        flex-shrink: 0; min-width: inherit;
    }
    .newsBlock h3::before{
        left:0; top:0; margin-top:0; border:0;
    }
    .newsBlock h3::after{
        display: block; content:''; width:65px; height:4px; position: absolute; top:10px; left:-30px; background:#f5f5f5;
    }
    .newsBlock:first-child h3::after{
        width:45px; left:-10px;
    }
    
    .newsBlock > a{
        padding:0;
    }
    .newsBlock > a::before{
        width:calc(100% - 35px); height:1px; top:-50px; left:35px;
    }
    .newsBlockInner{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:20px; width:100%;padding: 0;
    }
    .newsInfoWrap{
        max-width:180px;
    }
    .newsBlock .newsThumbWrap{
        max-width:180px; align-self: flex-end; margin-top:0;
    }
    .newsBlock > a > .newsBlockInner > .newsInfoWrap > .cont{
        -webkit-line-clamp: 2;
    }
    .newsBlock > a > .newsBlockInner > .newsInfoWrap.noImgBx > .cont{
        -webkit-line-clamp: 6;
    }
    .floatingArea > .btnTop{
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .floatingArea > .btnNews{
        display: flex; font-size: 1.4rem;
    }
}
@media (max-width: 768px) {
    
    .mainCol{
        padding:0;
    }
    .visualWrap{
        width:100%; border:0; margin:0 auto 20px;
    }
    .mainSlide{
        aspect-ratio: 1100 / 580; border-bottom:0;
    }
    .mainSlide img.bannerTa{display: none;}
    .mainSlide img.bannerMo{display: block;}
    .slider-controls{
        position: static; border-radius: 0; justify-content: flex-end;
    }
    #mayorTitle > a > .name,
    h2{
        font-size: 2.5rem;
    }
    #mayorTitle > a{
        font-size: 1.8rem; padding:10px 20px 10px 0px;
    }
    .mayorPanel .btns{
        max-width:230px;
    }
    .subLinkMobileTab > .tabBtn{
        font-size: 1.8rem; padding:0 0px 15px; margin-bottom:10px;
    }
    .subLinkList{
        grid-template-columns: repeat(2, 1fr); gap:2px 20px;
    }
    #tourTitle > a::before, #tourTitle > a::after{
        left:17px;
    }
    #tourTitle > a{
        font-size: 1.6rem;
    }
    .shortcutRow {
        grid-template-columns: 1fr; gap:13px; padding:20px 20px 30px; 
        gap:20px;
    }
    .fieldMenu ul {
        grid-template-columns: repeat(4, 1fr);
    }
    #chatbotBtn.new.type2{
        background-size: 60px auto; background-position: left top; padding-top:0;
    }
    #chatbotBtn.type2 .greeting-button{
        width:150px !important;
    }
    .floatingArea > .btnTop{
        width:48px; height:48px;
    }
    .btnAiBoogi{
        width:100px;
    }

    /*640*/
    .asideLeft{
        padding:0 15px 20px;
    }
    .quickMenu{
        grid-template-columns: repeat(2, 1fr); gap:10px; align-items: stretch;
    }
    .quickMenu > .col100{
        grid-column: span 2;
    }
    .col100 .quickSub.blueLink{
        width:100%;
    }
    .quickMenu > li > .link{
        padding:12px 10px; height:100%; justify-content: center;
    }
    .mainRowBx{
        grid-template-columns: 1fr;
    }
    .rowSectionBx{
        padding:10px 20px 40px;
    }
    .panel{
        border:0 !important; border-bottom:1px solid var(--lineColor) !important; padding:30px 20px;
    }
    .panelInner{
        flex-direction: column; justify-content: flex-start; align-content: flex-start;
    }
    .mayorPanel{
        padding:0; border-top:1px solid var(--lineColor) !important;
    }
    .mayorPanel > .panelInner{
        background-size: auto 163px; background-position: left 8px bottom; padding:20px 20px 27px;
    }
    .mayorPanel .btns{
        margin-top:40px;
    }
    
    .panel.tourPanel{
        padding-top: 22px;
    }
    .panel.culturePanel{
        padding-bottom: 30px;
    }
    .panel.culturePanel .linkList,
    .panel.tourPanel .linkList{
        gap:0 20px; margin-top:0; padding-top:20px;
    }
    .panel.culturePanel .linkList{
        padding-top:0;
    }
    h2#reserveTitle{
        display: flex; flex-direction: row; justify-content: space-between; align-content: center; width:100%;
    }
    h2#reserveTitle > a{
        width:15px; height:15px; margin-right:15px;
		
    }
    h2#cultureTitle{
        background:none;
    }
    .linkList{
        max-width: inherit; width:100%; padding-top:12px;
    }
    .panel.culturePanel .linkList > a,
    .panel.tourPanel .linkList > a{
        background-position: right center;
    }
    .mayorPanel .btns{
        margin-top:28px;
    }
    .reservePanel{
        border-top:0 !important; border-bottom:0 !important;
    }
    .subLinks{
        padding: 0 20px;
    }
    .subLinkMobileTab{
        padding:0;
    }
    .subLinksWrap{
        padding:0px 0px 10px;
    }
    

    /*480*/
    
    
    /*-------------------------- MOBILE HOVER REMOVE */

    .quickMenu > li > .link:hover{
        background:#f5f5f5; border:1px solid #f5f5f5;
    }    
    .quickMenu > li > .link.moreLink:hover > p > .sub{
        color:#555;
    }
    
    .quickMenu > li > .link.topLink:hover{
        background:#fff; color:var(--mainColor); 
        border: 2px solid var(--mainColor);
    }
    .quickMenu > li > .link.blueLink:hover{
        background:var(--lightColor); color:#222; 
        border-color:var(--lightColor);
    }
	.quickMenu > li > .link::after{ 
		right:10px; 
	}
    .quickMenu > li > .link.topLink:hover::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckBl.png); 
    }
    .quickMenu > li > .link.blueLink:hover::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckBk.png); 
    }
    .quickMenu > li > .link.blueLink.moreLink:hover::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconQckMoreBk.png);
    }

    .quickMenu > li > .link.moreLink:hover > p > .sub{
        color:#555;
    }
    .quickSub > li:hover > a,
    .quickSub.blueLink > li:hover > a{
        color:#3c3b40; 
    }
    h2#reserveTitle > a:hover::after,
    h2#reserveTitle > a:hover::before{
        transform: rotate(0deg) scale(1);
    }
    h2#reserveTitle > a:hover::after{
        transform:rotate(90deg) scale(1);
    }
    .linkList a:hover::after{
       display: none;
    }

	.quickSub > li{ 
		padding:8px 0; 
	}


    .mayorPanel .btns a:hover{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconCheck.png); border:1px solid var(--lineColor); background-color:transparent; color:#222;
    }
    #tourTitle > a:hover{
        border:1px solid var(--lineColor); background-color:transparent; color:#222;
    }
    #tourTitle > a:hover::before,
    #tourTitle > a:hover::after{
        background: #000; transform: rotate(0deg);
    }
    #tourTitle > a:hover::after{
        transform: rotate(90deg);
    }
    .linkList > a:hover{
        color:#222; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainLinkArrow.png);  background-position:right 23px center; font-weight:500; padding-left:0px;
    }
    .shortcutRow a:hover {
       background:#f5f5f5; color:#222; border-radius: 5px;
    }
    .shortcutRow a:hover::after{
        background-color:#1f1f1f; background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconArrowtrWh.png);
    }
    .shortcutRow a:nth-child(1):hover > p::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC01.png);
    }
    .shortcutRow a:nth-child(2):hover > p::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC02.png);
    }
    .shortcutRow a:nth-child(3):hover > p::after{
        background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconMainSC03.png); transition: 0.3s;
    }
    .fieldMenu a:hover{
        margin-top:0px; transition:0.3s;
    }
    .fieldMenu a:hover:before{
        box-shadow: 0;
    }
    .fieldMenu a:hover .tit{
        color:#222;
    }
    .newsBlock > a:hover .newsThumbWrap img{
        transform: scale(1);
    }
    .btnAsideRightMore:hover{
        background:#8a8a8a;
    }
    .bannerZone a:hover img{
        transform: scale(1);
    }
    .subLinkList a:hover{
        color:#222; background-color:transparent; border-radius:0px;background-image: url(/humanframe/theme/busan22/assets/img/newMain/iconSbLnkArrow.png); padding:20px 0px 20px 0px; background-position: right 0px center;
    }
    .subLinkList a:hover .colorLbl{
        color:#0086d1;
    }
    .subLinkList a:hover .bsEvntFstv::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_10.svg);
    }
    .subLinkList a:hover .bsPress::after{ 
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_micNew.svg);
    }
    .subLinkList a:hover .bsNews::after,
    .subLinkList a:hover .ebook::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_noteNew.svg);
    }
    .subLinkList a:hover .bsChildnews::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_18.png); 
    }
    .subLinkList a:hover .bstube::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_youtubeNew.svg);
    }
    .subLinkList a:hover .insta::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_instagramNew.svg);
    }
    .subLinkList a:hover .fcbk::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_facebookNew.svg);
    }
    .subLinkList a:hover .blog::after{
        color: #03c75a;
    }
    .subLinkList a:hover .x::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/ico_X_co.png); 
    }
    .subLinkList a:hover .kkostr::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/ico_kakao_co.png);
    }
    .subLinkList a:hover .snsCol::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17.png);
    }
    .subLinkList a:hover .bbb::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_20.png); 
    }
    .subLinkList a:hover .boogitube::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/icon_21.png); 
    }
    .subLinkList a:hover .beFM::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/svg/ico_beb_color.png);
    }
    .subLinkList a:hover .bsEstr::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_camp.png); 
    }
    .subLinkList a:hover .bsVideoAc::after{
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_19.png); 
    }
    .subLinkList a:hover .smsAl::after{ 
        background-image: url(/humanframe/theme/busan22/assets/img/main/icon_17.png);
    }
    .subLinkList a:hover{
        padding:20px 0; background-position:right center;
    }
    .subLinkMobileTab > .tabBtn:hover{
        color:#666; border-bottom:2px solid #555;
    }

    /*-------------------------- MOBILE HOVER REMOVE */
    



}
/* ----애니메이션 주석처리
@media (min-width: 481px) {
    .panelInner,
    .quickMenu > li,
    .newsBlock h3,
    .newsBlock .newsBlockInner,
    .shortcutRow a,
    .fieldMenu ul > li,
    .subLinks .subLinksWrap .tit,
    .subLinks .subLinksWrap .subLinkList {
        opacity: 0;
    }
} */
@media (max-width: 480px) {
    .quickMenu > li{
        transform: inherit !important;
    }
    .rowSectionBx{
        padding:10px 0 40px;
    }
    .fieldMenu{
        padding:0 20px;
    }
    .bannerArea{
        padding:0 20px;
    }
    .fieldMenu h2{
        margin-bottom:32px;
    }
    .fieldMenu ul{
        grid-template-columns: repeat(3, 1fr); gap:16px 20px;
    }
    .fieldMenu a .tit{
        bottom:10px;
    }
    .subLinkMobileTab > .tabBtn{
        text-align: center;
    }
    .subLinkMobileTab{
        padding:0;
    }
    .subLinkList{
        grid-template-columns: 1fr;
    }
    .subLinkList a{
        width:100%; padding:16px 0;
    }
}

@media (max-width: 768px) {
    h2#reserveTitle:hover > a:not(.full-cover-link)::after,
    h2#reserveTitle:hover > a:not(.full-cover-link)::before {
        transform: rotate(0deg) scale(1);
    }
    h2#reserveTitle:hover > a:not(.full-cover-link)::after {
        transform: rotate(90deg) scale(1);
    }
}

.swiper-button-lock{
    display: block !important;
}