caption { overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); width: 1px; height: 1px; margin: 0 0 -1px; padding: 0; border-bottom: 0;} ul, ol {list-style: none;} .only-pc {display: contents;} .pc-block {display: block;} .m-block {display: none;} .fagc .inner {font-size: 1.8rem; letter-spacing: -0.1rem;} .bg01 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid1.jpg) top center /100% 100% no-repeat; padding: 0 12rem 3rem; } .bg02 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid2.jpg) top center /100% 100% no-repeat; margin-top: -0.1rem;} .bg03 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid3.jpg) top center /100% 100% no-repeat; padding-bottom: 8rem;} .small-tit { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-bg-top.png) top center /100% 100% no-repeat; margin: 0 auto; width: 100%; padding: 4rem 0 3rem; text-align: center; color: #fff;} .tab-wrap {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab-bg.png) top center /100% 100% no-repeat; position: relative; z-index: 1; position: relative;} .tab-btn-section { display: flex; justify-content: center;} .tab-link {margin-top: -0.5rem; width: 22.7rem; height: 11rem; padding: 0; color: #6b5739; font-weight: 600; text-align: center; font-size: 1.8rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab-off.png)top center /100% 100% no-repeat; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #9a8b74; text-decoration-thickness: 1.5px;} .tab-link.current, .tab-link:hover {color: #fff; text-decoration: none;} .tab-link.tab04 {background: transparent;} .tab-link.tab01.current, .tab-link.tab01.current:hover, .tab-link.tab01:hover { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-icon.png) top 2rem center no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-on.png) top center /100% 100% no-repeat; padding-top: 3rem;} .tab-link.tab02.current, .tab-link.tab02.current:hover, .tab-link.tab02:hover { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-icon.png) top 2rem center no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-on.png) top center /100% 100% no-repeat; padding-top: 3rem;} .tab-link.tab03.current, .tab-link.tab03.current:hover, .tab-link.tab03:hover { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-icon.png) top 2rem center no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-on.png) top center /100% 100% no-repeat; padding-top: 3rem;} .tab-link.tab04.current, .tab-link.tab04.current:hover, .tab-link.tab04:hover { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-icon.png) top 1.6rem center no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-on.png) top center /100% 100% no-repeat; padding-top: 3rem;} .click { width: 3rem; height: 3rem; position: absolute; right: 5rem; margin-top: -15rem; text-indent: -9999px;} .slideStop {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/stop.png) top center /100% 100% no-repeat;} .slidePlay {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/play.png) top center /100% 100% no-repeat;} #container, #container2, #container3, #container4 {margin-top: 3rem;} .prev {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/left.png) top center /100% 100% no-repeat; width: 1.6rem; height: 3.2rem; text-indent: -9999px; position: absolute; margin-top: -6rem;} .next {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/right.png) top center /100% 100% no-repeat; width: 1.6rem; height: 3.2rem; text-indent: -9999px; position: absolute; right: 4rem; margin-top: -6rem;} .slides1,.slides1 img, .slides2,.slides2 img, .slides3,.slides3 img, .slides4,.slides4 img {border-radius: 2rem;} .slides1, .slides2, .slides3, .slides4 { animation-name: fade; animation-duration: 1.5s; } @keyframes fade {from {opacity: .4} to {opacity: 1} } #pager1, #pager2, #pager3, #pager4 {display: flex; justify-content: center; gap: 0.5rem; margin-top : 3rem; position: relative;} #pager1 .glider-dot, #pager2 .glider-dot , #pager3 .glider-dot , #pager4 .glider-dot {width:15%; aspect-ratio: auto 48/25; height: auto; text-indent: -9999px; border-radius: 1rem; filter: brightness(0.5); margin: 0 !important;} #pager1 .glider-dot:nth-of-type(1) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-01.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot:nth-of-type(2) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-02.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot:nth-of-type(3) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-03.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot:nth-of-type(4) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-04.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot:nth-of-type(5) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-05.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot:nth-of-type(6) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide1-thumb-06.jpg) top center/100% 100% no-repeat;} #pager1 .glider-dot.active {filter: brightness(1); border: 5px solid #ac7c20;} #pager1 .glider-dot.active:before {content: ''; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-arrow.png) top center /100% 100% no-repeat; width: 1.8rem; height: 1.5rem; position: absolute; left: 43%;margin-top: -6.5rem;} #pager2 .glider-dot:nth-of-type(1) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide2-thumb-02.jpg) top center/100% 100% no-repeat;} #pager2 .glider-dot:nth-of-type(2) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide2-thumb-03.JPG) top center/100% 100% no-repeat;} #pager2 .glider-dot:nth-of-type(3) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide2-thumb-04.jpg) top center/100% 100% no-repeat;} #pager2 .glider-dot:nth-of-type(4) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide2-thumb-05.jpg) top center/100% 100% no-repeat;} #pager2 .glider-dot:nth-of-type(5) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide2-thumb-06.jpg) top center/100% 100% no-repeat;} #pager2 .glider-dot.active {filter: brightness(1); border: 5px solid #349579;} #pager2 .glider-dot.active:before {content: ''; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-arrow2.png) top center /100% 100% no-repeat; width: 1.8rem; height: 1.5rem; position: absolute; left: 43%;margin-top: -6.5rem;} #pager3 .glider-dot:nth-of-type(1) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-01.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot:nth-of-type(2) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-02.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot:nth-of-type(3) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-03.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot:nth-of-type(4) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-04.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot:nth-of-type(5) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-05.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot:nth-of-type(6) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide3-thumb-06.jpg) top center/100% 100% no-repeat;} #pager3 .glider-dot.active {filter: brightness(1); border: 5px solid #26778f;} #pager3 .glider-dot.active:before {content: ''; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-arrow3.png) top center /100% 100% no-repeat; width: 1.8rem; height: 1.5rem; position: absolute; left: 43%;margin-top: -6.5rem;} #pager4 .glider-dot:nth-of-type(1) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-01.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot:nth-of-type(2) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-02.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot:nth-of-type(3) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-03.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot:nth-of-type(4) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-04.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot:nth-of-type(5) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-05.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot:nth-of-type(6) {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-slide4-thumb-06.jpg) top center/100% 100% no-repeat;} #pager4 .glider-dot.active {filter: brightness(1); border: 5px solid #bf6f78;} #pager4 .glider-dot.active:before {content: ''; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-arrow4.png) top center /100% 100% no-repeat; width: 1.8rem; height: 1.5rem; position: absolute; left: 43%;margin-top: -6.5rem;} .tab-contents {display: none; padding: 0 4rem 6rem; position: relative;} .tab-contents.current {display: block;} .tab-txt {padding: 4rem 5rem; margin-top: -0.5rem; color: #493a23; height: 28rem; display: flex; flex-direction: column; justify-content: space-between;} .tab01 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-bg.png) top center /100% 100% no-repeat;} .tab02 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-bg.png) top center /100% 100% no-repeat;} .tab03 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-bg.png) top center /100% 100% no-repeat;} .tab04 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-bg.png) top center /100% 100% no-repeat;} .tab-txt a {display: block; width: fit-content; border-radius: 0.5rem; padding: 0.5rem 2.5rem 0.7rem 1.8rem; font-weight: 500;} .tab01 .tab-txt a {color: #847255; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow1.png) right 1.5rem center no-repeat, #f3e9cb; border: 1px solid #d3cab3;} .tab02 .tab-txt a {color: #56776c; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow2.png) right 1.5rem center no-repeat, #e0f1eb; border: 1px solid #c0dad2;} .tab03 .tab-txt a {color: #5d8098; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow3.png) right 1.5rem center no-repeat, #dee8ef; border: 1px solid #c6d3dc;} .tab04 .tab-txt a {color: #b96574; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow4.png) right 1.5rem center no-repeat, #f0dbdf; border: 1px solid #e3c2c8;} .video-wrap {text-align: center; display: flex; justify-content: flex-end; flex-wrap: wrap; margin-top: -11rem;} .video-box {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/video-bg.png) top center /100% 100% no-repeat; padding: 14rem 2.5rem 3rem; } .video-box, .video-box video {width: 100%;} .video-wrap a {display: block; margin-top: 1rem; padding: 0.5rem 1.5rem 0.8rem 5rem; border-radius: 0.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/script-btn.png) top center /100% 100% no-repeat; width: fit-content; color: #64472d; font-weight: bold; } iframe, iframe video {width: 100%; height: auto; aspect-ratio: auto 990/557; border: 0;} .evt-wraps { padding: 0 12rem; position: relative; z-index: 1;} .schedule-wrap { position: relative; padding: 2rem 12rem 21rem;} .schedule-wrap h3 {font-size: 3.2rem; font-weight: bold; padding-bottom: 1.5rem;} .schedule-wrap table {width: 100%; font-size: 1.8rem; text-align: center; height: 10rem; border-collapse: collapse; } .schedule-wrap table thead { border-collapse: collapse; } .schedule-wrap table thead th { padding: 1.5rem 0; background: #b9ddf5;} .schedule-wrap table thead th:last-child{border-right: 0rem;} .schedule-wrap table tbody { background: transparent; border-bottom: 0.1rem solid #c0c0c0;} .schedule-wrap table tbody td { width:17%;} .schedule-wrap table tbody th:first-child {width: 25%; } .schedule-wrap table tbody td:last-child {width: 24%; } .schedule-wrap table tbody tr { border-bottom: 0.1rem solid #c0c0c0; } .schedule-wrap table tbody tr:last-child { border-bottom: 0} .schedule-wrap table tbody tr td:last-child { border-right: 0;} .schedule-wrap table tbody tr>* { padding: 2.1rem 0 } .schedule-wrap table tbody tr>*:last-child{border-right: 0;} .schedule-wrap table tbody tr th:not(:first-of-type) {font-weight: normal;} .schedule-wrap table tbody tr span {color: #e60013;} .schedule-wrap ul {margin-top: 2rem;} .schedule-wrap .etc { font-size: 1.8rem; padding-left: 0rem; text-align: left; margin-left:2rem; font-weight: 400; letter-spacing: -0.04rem; } .schedule-wrap .etc:before { position:absolute; content: "* "; margin-left: -1.3rem; margin-top: 0.3rem;} .event_title{font-size: 3.2rem; font-weight: bold; letter-spacing: -0.2rem; align-items: center; padding-left: 16rem; margin-bottom: 6rem;} .event_title.evt2 {color: #fef7e7;} .event_title.evt1 .evt-tit {position: absolute; text-indent: -9999px; width: 17.9rem; height: 14.6rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt01-tit.png) top center /100% 100% no-repeat; margin-top: -6rem; left: 6rem;} .event_title.evt2 .evt-tit {position: absolute; text-indent: -9999px; width: 25.8rem; height: 25rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt02-tit.png) top center /100% 100% no-repeat; left: 0;margin-left: -1rem;margin-top: -12rem;} .event_title.evt3 .evt-tit {position: absolute; text-indent: -9999px; width: 18.1rem; height: 18.8rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt03-tit.png) top center /100% 100% no-repeat; left: 5rem; margin-top: -6rem;} /* contents-wrap */ .contents-wrap{position: relative; padding: 6rem 12rem;} .contents-wrap.evt1 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_01.png) top center /100% 100% no-repeat; padding-bottom: 3rem;} .contents-wrap.evt2 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_02.png) top center /100% 100% no-repeat; padding: 11rem 10rem; margin-top: -0.1rem;} .contents-wrap.evt3 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_03.png) top center /100% 100% no-repeat; padding: 2rem 12rem 10rem;} /* event-wrap */ .evt1 .event-wrap {display: flex; gap: 4rem;} .event-box {margin-bottom: 3rem; width: 50%;} .evt3 .event-box {margin-bottom: 1.5rem;} .event-box ul{display: flex;flex-direction: column; padding: 0;} .event-box ul .inner-ul {margin: 0; padding: 0;} .event-box ul li{ display: flex;flex-direction: row; padding:0rem 0rem 1.5rem;margin-bottom: 1.5rem; border-bottom: 1px solid #d3c7ba; font-size: 1.8rem;letter-spacing: -0.1rem;} .evt2 .event-box ul li{ border-bottom: 1px solid #2f4336; color: #fff; font-weight: 300;} .event-box ul li:last-of-type {border: 0;} .event-box ul .inner-ul li {padding: 0 0 .5rem; border: 0; margin: 0;} .event-box ul .inner-ul li:last-of-type {padding: 0;} .event-box ul .inner-ul strong{margin-right: 1rem;} .event-box ul li .title {font-weight: bold; margin-right: 2rem; } .evt1 .event-box ul li .title {color: #e60013;} .evt2 .event-box ul li .title {color: #ffeec7;} .evt3 .event-box ul li .title {color: #8d5334;} .coupon {position: absolute; right: 9rem; margin-top: 3rem;} .event-box ul .start_date{display: flex;flex-direction: column;} .event-box .etc-li {padding-left: 2rem;} .event-box .etc {padding: .5rem 0 0 2rem;} .event-box .etc:before{position: absolute; display: block; width: 1rem; height: 0.3rem; content: '※';margin-left: -2rem; } .event-box .etc2:before{position: absolute; display: block; width: 1rem; height: 0.3rem; content: '※'; margin-left: -2rem;} .event-box ul .sale{display: flex;} .sale.evt1 ul li {padding-bottom: 0.5rem;} .sale.evt1 ul li.etc {padding: 0 0 0 2rem;} /* promotion */ .promotion-box{background: #e8ddd0; border-radius: 1.8rem; padding: 2rem;} .promotion-title{ font-weight: bold; color: #e60013; letter-spacing: -0.08rem; width: fit-content; } .promotion-box picture {display:flex;justify-content: center; } .promotion-box ._list{display: block; padding:0;margin : 3rem 0 0 0; } .promotion-box ._list li{text-align: left; font-size: 1.8rem; letter-spacing: -0.18rem; padding:0 0 0.5rem 3rem;} ._list li:nth-of-type(1):before { content: "①"; position: absolute; margin-left: -2.5rem;} ._list li:nth-of-type(2):before { content: "②"; position: absolute; margin-left: -2.5rem;} ._list li:nth-of-type(3):before { content: "③"; position: absolute; margin-left: -2.5rem;} ._list li:nth-of-type(4):before, ._list.quiz-ans li:last-of-type:before { content: "③"; position: absolute; margin-left: -2.5rem;} .evt3 .promotion-box {padding: 2rem 0.5rem; text-align: center; color: #420c05; border: 2px solid #ccb5a3; background: #ffffff4d; margin-bottom: 5rem;} .gift {position: absolute; right: 14rem; margin-top: -25rem;} .evt3 .gift {right: 2rem; margin-top: -26rem;} .gift img {width: 100%;} /* */ .small-btn-wrap {margin: -1.4rem 6rem 0 auto; border-radius: 1rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow.png) top 2rem right 3rem /auto 35% no-repeat, linear-gradient(to bottom, #8a481b 0%, #793f17 100%); width: fit-content;} .small-btn-wrap a {display: block; padding: 1.5rem 5rem 1rem 4rem; color: #fff; font-weight: bold; width: fit-content;} .evt-wraps .small-btn-wrap {margin: 0 3rem 0 auto; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow.png) top 1rem right 2rem /auto 35% no-repeat, linear-gradient(to bottom, #cf531e 0%, #ce4c21 100%);} .evt-wraps .small-btn-wrap a { padding: 0.5rem 4rem 2rem 3rem;} .btn-wrap { display: flex; justify-content: center; align-items: center;margin: 1rem auto 0;z-index: 99;gap: 8rem;} .btn-wrap a,.btn-wrap button {width: 40%; color: #fef7e7; padding: 2.8rem 0 3.6rem; font-size: 1.8rem; font-weight: 600; text-align: center; display: block;} .btn-wrap .btn01{background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1-arrow.png) top 3.2rem right 17% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1.png) top center /100% 100% no-repeat; color: #420c05;} .btn-wrap .btn02{background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn2-arrow.png) top 3.2rem right 27% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn2.png) top center /100% 100% no-repeat; font-weight: 500;} .evt2 .btn-wrap {margin-top: 4rem;} .evt3 .btn-wrap .btn01:last-of-type {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1-arrow.png) top 3.2rem right 9% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1.png) top center /100% 100% no-repeat; color: #420c05;} .gallery-box {flex-direction: row !important; padding: 2rem !important; background: #e3d5c560; gap: 1.5rem; flex-wrap: wrap; justify-content: center;} .gallery-box li {display: block !important; width: 49%; padding: 0 !important;} .gallery-box li div, .gallery-box li img {width: 100%;} .mountain {position: relative;margin-top: -15.9rem;z-index: 1;} /* */ .d_wrap .d_footer a { color: inherit;} .d_wrap .d_footer {background: #131313; padding: 5rem 12rem 6rem 12rem; margin-top: -1px;} .d_wrap .d_footer .title { font-weight: bold; font-size: 1.6rem; color:#fff; } .d_wrap .d_footer .sub-title{ font-weight: bold; color: #fff; font-size: 1.4rem; margin: 2rem 0 .5rem 0;} .d_wrap .d_footer ul { color: #fff; font-size: 1.4rem; margin-bottom: 1.5rem;} .d_wrap .d_footer ul._no-margin{margin-bottom: 1rem;} .d_wrap .d_footer *:last-child { margin-bottom: 0;} .d_footer ul { list-style: none; padding: 0 0 0 0rem; } .d_footer ul li { position: relative; gap: 0.5rem;margin-bottom: 0.5rem; word-break: keep-all; padding-left: 0.8rem; font-weight: 300;letter-spacing: -0.06rem;} .d_footer ul li:not(.no-bullet)::before { position: absolute; left: 0; top: 1.1rem; display: block; width: 0.3rem; height: 0.3rem; content: ''; border-radius: 50%; background-color: #d7d2cc;} .d_footer ul li div:first-of-type {width: 8.8rem;} .d_footer ul li a {text-decoration: underline;} @media screen and (max-width: 1205px) { .gallery-wrap .slides2 .place li {width: 48%;} } @media screen and (max-width: 1180px){ .gift {width: 27%; right: 8rem;} } @media screen and (max-width: 1059px) { em {display: block;} .only-pc {display: none;} .pc-block {display: none;} .m-block {display: block;} .gift img, .img-mf {width: 100%;} .gift, .evt2 .gift {display: block; position: inherit; padding: 0 2rem; margin: 1rem auto 2rem; width: 90%;} .evt2 .gift {margin-top: 2rem;} .evt3 .gift {width: 100%; margin-top: 0;} .fagc .inner {font-size: 1.4rem; letter-spacing: -0.1rem;} .bg01 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid1-m.jpg) top center /100% 100% no-repeat; padding: 0 0.5rem 3rem; } .bg02 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid2-m.jpg) top center /100% 100% no-repeat; margin-top: -0.1rem;} .bg03 {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-bg-mid3-m.jpg) top center /100% 100% no-repeat; padding-bottom: 5rem;} .small-tit { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/slide-bg-top-m.png) top center /100% 100% no-repeat; padding: 2rem 0 1.5rem;} #container{ position:relative; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/main-top-m.png) top center /100% 100% no-repeat;} .tab-wrap {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab-bg-m.png) top center /100% 100% no-repeat;} .tab-btn-section {position: inherit; flex-wrap: wrap; margin: 0 auto; padding: 0 2rem; text-align: center;} .tab-link {aspect-ratio: auto 141/216;width: 25%; height: auto;background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab-off-m.png)top center /100% 100% no-repeat; font-size: 1.4rem;} .tab-link.tab04 {background: transparent} .tab-link.tab01.current, .tab-link.tab01.current:hover, .tab-link.tab01:hover { padding-top: 1.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-icon.png) top 1rem center / 3rem no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-on-m.png)top center /100% 100% no-repeat;} .tab-link.tab02.current, .tab-link.tab02.current:hover, .tab-link.tab02:hover { padding-top: 1.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-icon.png) top 1.5rem center / 3rem no-repeat,url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-on-m.png)top center /100% 100% no-repeat;} .tab-link.tab03.current, .tab-link.tab03.current:hover, .tab-link.tab03:hover { padding-top: 1.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-icon.png) top 1rem center / 3rem no-repeat,url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-on-m.png)top center /100% 100% no-repeat;} .tab-link.tab04.current, .tab-link.tab04.current:hover, .tab-link.tab04:hover { padding-top: 1.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-icon.png) top 1rem center / 3rem no-repeat,url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-on-m.png)top center /100% 100% no-repeat;} .tab-contents {padding: 0 0.5rem 3rem;} .tab-txt {padding: 2rem 1.5rem; height: auto;} .tab01 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab01-bg-m.png) top center /100% 100% no-repeat;} .tab02 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab02-bg-m.png) top center /100% 100% no-repeat;} .tab03 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab03-bg-m.png) top center /100% 100% no-repeat;} .tab04 .tab-txt {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/tab04-bg-m.png) top center /100% 100% no-repeat;} .tab-txt a {margin-top: 4rem; width: fit-content; padding: 0.5rem 1.5rem 0.7rem 1.3rem;} .tab01 .tab-txt a {color: #847255; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow1.png) right 1rem center / auto 40% no-repeat, #f3e9cb; border: 1px solid #d3cab3;} .tab02 .tab-txt a {color: #56776c; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow2.png) right 1rem center / auto 40% no-repeat, #e0f1eb; border: 1px solid #c0dad2;} .tab03 .tab-txt a {color: #5d8098; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow3.png) right 1rem center / auto 40% no-repeat, #dee8ef; border: 1px solid #c6d3dc;} .tab04 .tab-txt a {color: #b96574; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn-arrow4.png) right 1rem center / auto 40% no-repeat, #f0dbdf; border: 1px solid #e3c2c8;} .video-wrap {justify-content: center; margin-top: -3.5rem;} .video-box {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/video-bg.png) top center /100% 100% no-repeat; padding: 5rem 1rem 1rem; } .click {right: 1.5rem; margin-top: -53%;} .tab01 .click {margin-top: -55%; right: 1rem;} .prev, .next {width: 1rem; height: auto; margin-top: -23%;} .prev {left: 1rem;} .next {right: 1rem;} .slides1,.slides1 img, .slides2,.slides2 img, .slides3,.slides3 img, .slides4,.slides4 img {border-radius: 0.5rem;} #pager1, #pager2, #pager3, #pager4 {flex-wrap: wrap; padding: 2rem; margin-top: 0;} #pager1 .glider-dot, #pager2 .glider-dot, #pager3 .glider-dot, #pager4 .glider-dot {width:30%; border-radius: 0.5rem; filter: brightness(0.5);} #pager1 .glider-dot.active::before, #pager2 .glider-dot.active::before, #pager3 .glider-dot.active::before, #pager4 .glider-dot.active::before {display: none;} #pager1 .glider-dot.active {outline: 3px solid #ac7c20; border: 0;} #pager2 .glider-dot.active {outline: 3px solid #349579; border: 0;} #pager3 .glider-dot.active {outline: 3px solid #26778f; border: 0;} #pager4 .glider-dot.active {outline: 3px solid #bf6f78; border: 0;} .schedule-wrap {padding: 0 2rem 8rem; margin-top: 1rem; position: relative; } .schedule-wrap h3{font-size: 1.8rem;margin-bottom:1rem;letter-spacing: -0.04rem;padding-bottom: 0rem; } .schedule-wrap h3 span {font-size: 1.4rem; font-weight: 400;} .schedule-wrap table {font-size: 1.4rem;} .schedule-wrap table tbody tr>* .schedule-wrap table tbody tr:last-child{border-bottom: 0;} .schedule-wrap ul {margin-top: 1rem;} .schedule-wrap .etc{font-size: 1.4rem; margin: 0; padding: 0 0 0.5rem 1.5rem;} .schedule-wrap .etc li{padding-left: 0.8rem;} .schedule-wrap .etc li:before{left: 0;margin-top: -3px;} .schedule-wrap table th:first-child { width: 20%; } .schedule-wrap table td:last-child { width: 20%; } .schedule-wrap .etc:before { content: "* "; margin-left: -1rem;} /* contents-wrap */ .evt-wraps {padding: 0 1rem 4rem; margin: 0;} .evt-wraps .contents-wrap { padding: 3rem 2rem 2rem; } .contents-wrap.evt1 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_01-m.png) top center /100% 100% no-repeat;} .contents-wrap.evt2 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_02-m.png) top center /100% 100% no-repeat; padding: 5rem 2rem; margin-top: -0.1rem;} .contents-wrap.evt3 { background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt-bg_03-m.png) top center /100% 100% no-repeat; padding: 1rem 1.5rem 2rem; margin-top: -0.1rem;} .event-wrap{padding: 0 0 1rem; margin-bottom: 0rem;flex-direction: column;} .event-wrap .event-box {padding: 0; margin-bottom: 1rem;} .evt1 .event-wrap {gap: 0.5rem;} .event_title {display: block;font-size: 1.8rem;padding-left: 0rem; letter-spacing: -0.1rem; margin-bottom: 1rem;} .event_title.evt1 {margin-bottom: 1.6rem;} .event_title.evt3 {margin-bottom: 2rem;} .event_title.evt1 .evt-tit {position: relative; text-indent: -9999px; width: 8.9rem; height: 7.3rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt01-tit.png) top center /100% 100% no-repeat; margin-top: -3rem; margin-bottom: 1rem; left: 0;} .event_title.evt2 .evt-tit {position: relative; text-indent: -9999px; width: 12.9rem; height: 12.5rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt02-tit.png) top center /100% 100% no-repeat; left: 0;margin-left: -3.5rem;margin-top: -7rem;} .event_title.evt3 .evt-tit {position: relative; text-indent: -9999px; width: 10.1rem; height: 10.3rem; background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/evt03-tit.png) top center /100% 100% no-repeat; left: -1.5rem; margin-top: -4rem;} .event-box.evt2 {margin-bottom: 0;} .evt3 .event-wrap .event-box {padding: 0 0.5rem;} .event-box {width: 100%;} .event-box ul {padding: 0;} .event-box ul.evt2 {margin-top: 2rem;} .event-box ul li {font-size: 1.4rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem;} .event-box ul li .title, .text-bg {font-size: 1.4rem; height: fit-content; min-width: auto;} .event-box ul li .title { margin-right: 1rem;} .event-box ul .start_date:last-of-type {padding-bottom: 0;} .event-box .etc-li {padding-left: 0rem;} .event-box .etc {padding-left: 1.5rem !important;} .event-box .etc:before, .event-box .etc2:before { margin-left: -1.6rem;} .quiz-tag { padding: 0.5rem 1.5rem; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; margin-top: -4rem; margin-left: -1rem;} /* promotion */ .promotion-box {padding: 2rem 0.5rem; text-align: left;} .evt3 .promotion-box {margin-bottom: 2rem; border-radius: 1rem;} .promotion-img {width: 90%;margin: 0 auto 2rem;} .evt2 .promotion-box { margin: 0 auto ; padding: 4rem 1rem 2rem; display: flex; border-radius: 0.5rem; flex-direction: column; position: relative; text-align: center; } .promotion-box ul{display: flex;flex-direction: column; gap: 0rem;flex-direction: column;padding: 0rem 0 0rem;margin-top: 1.5rem;} .promotion-box ul li{flex-direction: column; width: 100%; margin-top: 0rem; border-right: 0; padding: 0rem 1.5rem 3rem 1.5rem; } .promotion-box ul li picture {text-align: center;} .promotion-box ._list {margin: 1rem 0 0; display: block; } .promotion-box ._list li {letter-spacing: -0.18rem;font-size: 1.4rem; margin-bottom:0.5rem; border-right: 0; padding: 0 1rem 0 2rem;line-height: 1.5; } .evt2 .promotion-box ._list li {text-align: left;} .promotion-box ._list li.pc-block {display: none !important;} .promotion-box ._list li.m-block {display: block !important;} .promotion-box .way{margin-top: 0rem;} .promotion-title {font-weight: bold; font-size: 1.4rem !important;margin :0rem; padding: 0 0.2rem; letter-spacing: -0.08rem;} .promotion-box ol .num { font-size: 1.4rem; width: 2rem; height: 2rem; line-height: 1.3;} ._list li:nth-of-type(1):before, ._list li:nth-of-type(2):before, ._list li:nth-of-type(3):before, ._list li:nth-of-type(4):before {content: none;} ._list.quiz-ans {display: block;} ._list.quiz-ans li {width: 100%; padding: 0.5rem 0 0.5rem 3rem;} ._list li:nth-of-type(1) div:before, ._list.quiz-ans li:nth-of-type(1):before { content: "①"; position: absolute; margin-left: -2rem;} ._list li:nth-of-type(2) div:before, ._list.quiz-ans li:nth-of-type(2):before { content: "②"; position: absolute; margin-left: -2rem;} ._list li:nth-of-type(3) div:before, ._list.quiz-ans li:nth-of-type(3):before { content: "③"; position: absolute; margin-left: -2rem;} .sale.evt1 ul li {display: block;} .gallery-box {padding: 1rem !important; gap: 1rem;} .gallery-box li {width: 100%;} .place-tit { padding: 1rem 0;} .place-txt { position: absolute; color: #fff; margin-top: -3rem; margin-left: 1rem;} .btn-wrap {margin: 1rem auto 2rem;flex-direction: column; gap:2rem; } .evt2 .btn-wrap {margin-top: 1rem;} .btn-wrap a {margin: 0 auto;} .btn-wrap .btn01, .btn-wrap .btn02 {padding: 1.6rem 0 2rem; font-size: 1.4rem; max-width: 21rem; width: 100%; max-width: 24rem;} .btn-wrap .btn01{background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1-arrow.png) top 2.1rem right 17% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1.png) top center /100% 100% no-repeat;} .btn-wrap .btn02{background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn2-arrow.png) top 2.1rem right 27% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn2.png) top center /100% 100% no-repeat;} .evt3 .btn-wrap .btn01:last-of-type {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1-arrow.png) top 2.1rem right 9% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1.png) top center /100% 100% no-repeat; color: #420c05;} .evt3 .event-wrap .event-box .btn-wrap .btn01:last-of-type {background: url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1-arrow.png) top 2.1rem right 16% /auto 20% no-repeat, url(/content/dam/koreanair/promotion/list/2024/05/mainevent/canada/img/btn1.png) top center /100% 100% no-repeat; color: #420c05;} .mountain {display: none;} /* */ .d_wrap .d_footer {padding: 3rem 2rem 4rem 2rem; } .d_wrap .d_footer .title,.d_wrap .d_footer .sub-title { font-size: 1.4rem; } .d_wrap .d_footer ul {margin-bottom: 2.2rem;} .d_footer ul li {display: block;} .d_footer ul li a {word-break: break-all !important;} /* */ .d_wrap .d_main .banner-wrap { display: block; font-size: 1.8rem; padding: 2rem; text-align: center;} .banner-logo {margin-top: 1rem;} .banner-logo li {width: 15%;} .banner-logo li img {width: 100%;} } @media screen and (max-width: 360px) { .sand-img {margin-top: -8rem;} .local-evt-wrap .local-list {padding: 5rem 3rem;} } @media screen and (max-width: 348px) { .evt2 .event_title .m-block {display: none;} .click {right: 1.5rem; margin-top: -56%;} .tab01 .click {margin-top: -58%; right: 1rem;} }