html, body{ font-size: 16px!important; letter-spacing: 0!important; overflow-y: auto !important;}
p, dl, dd{margin: 0}
.text-primary{color: #4B2A6D!important;}
.bg-primary{background-color: #4B2A6D!important;}
.mCSB_inside > .mCSB_container{margin-right: 0!important;}
/* 로딩 스피너 스타일 */
.page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); display: flex; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.3s ease-in-out; }
.page-loader.fade-out { opacity: 0; pointer-events: none; }
.page-loader .spinner-border { width: 3rem; height: 3rem; }
#main .slick-prev, #main .slick-next, #main .slick-dots{display: none!important;}
/* 슬라이드 깜빡임 방지 */
.cover-slide .slick-slide {opacity: 1!important;transition: none!important;}
header, main, footer{position: relative; width: calc(100% - 295px); z-index: 2;}
.header button{ border: 1px solid #773dbd;background: none;color: #773dbd;line-height: 0;padding: 14px 10px 15px;font-size: 18px;}
.onlypcdisplay{display: block}
.onlymodisplay{display: none;}
/* 초기 로딩 시에만 Offcanvas 애니메이션 제거 */
.offcanvas{width: 300px!important;}
.offcanvas.no-transition{transition: none!important;}
.intro-wrap{}
.main-wrap .header{position: absolute; left: 0; top: 0; width: 100%; z-index: 3; padding: 50px 20px; display: flex;justify-content: space-between; align-items: center; }
.sub-wrap .header{position: initial;padding: 20px;display: flex;justify-content: space-between; align-items: center; border-bottom: 1px solid #efefef;}
.header .logo{display: inline-block;}
.footer-ground{}
.footer-ground dl{width: 20%;}
.footer-ground dl dt{border-left: 5px solid #ccc; padding-left: 15px}
.footer-ground dl dd{border-left: 5px solid #ccc; padding-left: 15px}
.footer-station{}
.footer-station dl{width: 20%;}
.footer-station dl dt{border-left: 5px solid #ccc; padding-left: 15px}
.footer-station dl dd{border-left: 5px solid #ccc; padding-left: 15px}
/*홈으로*/
.btn-home{position: fixed; bottom: 30px; right: 330px;}
/* intro 페이지 활성화 시 스타일 처리 */
body:has(#intro:not([style*="display: none"])) main { width: 100% !important; }
body:has(#intro:not([style*="display: none"])) section {margin:0!important;}
body:has(#intro:not([style*="display: none"])) .header,
/*body:has(#intro:not([style*="display: none"])) .footer,*/
section {margin:0!important;}
body:has(#intro:not([style*="display: none"])) #offcanvasGnb{ display: none !important; }
body:has(#intro:not([style*="display: none"])) footer{width: 100%!important;}
.slick-dots{padding: 0;width: 100%; text-align: center; display: none}
.slick-dots li{display: inline-block; margin: 0 3px}
.slick-dots li.slick-active button{background: #ffaf00 !important;}
.slick-dots li button{border: 0; background: #eee;width: 12px; height: 12px; border-radius: 6px; font-size: 0}
.sub-cover{height: 400px; display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1200px) {
header, main, footer{width: 100%!important;}
.sub-wrap .header{padding: 10px 20px}
.sub-wrap .header .logo a img{height: 20px!important;}
.sub-cover{height: 200px!important;}
.footer-ground dl{width: 100%; margin-bottom: 30px; max-width: none; }
.footer-station dl{width: 100%; margin-bottom: 30px; max-width: none; }
.btn-home{position: fixed; bottom: 30px; right: 30px;}
.onlypcdisplay{display: none;}
.onlymodisplay{display: block;}
.slick-dots{display: block}
}
/* 공지사항 카드 스타일 */
.notice-card {transition: transform 0.3s ease, box-shadow 0.3s ease;border: none;box-shadow: 0 2px 8px rgba(0,0,0,0.1);overflow: hidden; border-radius: 20px;}
.notice-card:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0,0,0,0.2);}
.notice-card .card-img {height: 500px;object-fit: cover;width: 100%;}
.notice-card .card-img-overlay {padding: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
/* 그라데이션 오버레이 */
.notice-overlay-gradient {position: absolute;bottom: 0;left: 0;right: 0;height: 60%;background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 100%);pointer-events: none;z-index: 1;}
/* 텍스트 컨텐츠 */
.notice-content {position: relative;z-index: 2;padding: 1.25rem;}
.notice-card .card-title {font-size: 1rem;font-weight: 500;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 0;text-shadow: 0 2px 4px rgba(0,0,0,0.3); margin-bottom: 0}
.notice-card .badge {font-weight: 400;padding: 0.35rem 0.65rem;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.notice-card small {font-weight: 400;text-shadow: 0 1px 2px rgba(0,0,0,0.3); word-break: keep-all; white-space: nowrap; font-size: 14px}
/* 반응형 */
@media screen and (max-width: 768px) {
.notice-card .card-img {height: 300px;}
}
/*소개*/
#introduce .main-bg{width: 100%;}
#introduce .main-bg .main-bg-img{position: absolute; top: 0; left: 0; width: 100%;}
#introduce .main-bg h1{font-size: 54px; margin-top: 25%}
/*공통*/
.main-list{display: flex;padding: 15px 0;border-top: 1px solid #ba9cce;}
.main-list .floor_num{}
.main-list ul{list-style: none; margin: 0 0 0 18px; padding: 0; width: 100%;}
.main-list ul li:first-child {border-top: 0;padding-top: 0;}
.main-list ul li:last-child {border-bottom: 0;padding-bottom: 0;}
.main-list ul li {position: relative;padding: 13px 0;border-top: 1px solid #9676b5;color: #fff;font-weight: 300;line-height: 1;font-size: 1.1rem;}
.main-list ul li .list_num{display: inline-block;width: 17px;height: 17px;line-height: 17px;font-size: 11px;text-align: center;background: #773dbd;color: #fff;border-radius: 50%;vertical-align: top;}
.main-list ul li small{font-size: 0.75rem;}
.main-list:last-child{border-bottom: 1px solid #ba9cce;}
/*기타*/
.blinking {animation: blink 1s infinite;}
@keyframes blink {
0% { opacity: 0 }
50% { opacity: 1 }
100% { opacity: 0 }
}
/* about.css */
@font-face {
font-family: 'DNFBitBitv2';
font-style: normal;
font-weight: 400;
src: url('//cdn.df.nexon.com/img/common/font/DNFBitBitv2.otf') format('opentype');
}
.floor-text { font-family: 'DNFBitBitv2', sans-serif; font-size: 45px; color: #773dbd; display: inline-block; padding: 5px 10px 5px 0; }
/* 예시 사용 */
.floor-text-example { font-family: 'DNFBitBitv2', sans-serif; font-size: 32px; color: #FF6B6B; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
.top_logo { width: 50%; max-width: 380px; text-align: center; margin: 0 auto; display: block; margin-top: 60px; }
.about_2_logo.h { max-width: 100%; }
.stationinner { max-width: 1200px !important; }
#about_2 .statationleft { padding: 93px 0 0 0; }
#about_2 .statationleft .map_station { max-width: 549px; }
.img_floor_map.map_station { display: block; margin: 0 auto; }
#about_1 { /*background: center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/station_info_top.png);*/ }
.pc-only { display: none; }
.mo-only2 { display: none; }
@media (min-width: 768px) {
.pc-only { display: inline; }
}
@media (max-width: 767px) {
.mo-only2 { display: inline; }
}
/*about_v2.css*/
/* ===================================
About V2 Page Styles
하이커 그라운드 소개 페이지 스타일
=================================== */
#about_3FirstImg{ float: left; width: 100%; }
.floor_3FIMG{ margin-top: 20px; }
.floor_3centent{ margin-bottom: 60px;; }
* { word-break: normal; overflow-wrap: break-word; word-wrap: break-word; }
dl, ol, ul{margin-bottom: 0}
ol, ul{padding-left: 0}
*:lang(ko) { word-break: keep-all; }
.onlypcdisplay { display: none; }
.onlymodisplay { display: block; }
/* 화면이 768px 이상이면 (PC) */
@media screen and (min-width: 768px) {
.onlypcdisplay { display: block; }
.onlymodisplay { display: none; }
}
/*board.css*/
#station_event #sub_banner { background: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/sub_banner_ev.png) no-repeat center center / cover; }
#station_notice #sub_banner { background: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/sub_banner_notice.png) no-repeat center center / cover; }
/* hikr_new.css */
/*******************************
■ 공통
*******************************/
html, body {position:relative;width:100%;height:100%;margin:0;padding:0;overflow:hidden;border:0;}
/*img {width:100%; height:auto;}*/
/* 다시 보지 않기 체크박스 스타일 */
label {display:block;margin-top:10px;}
* {box-sizing:border-box;list-style:none;}
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-thumb {background-color:rgba(106, 69, 149, 1);}
::-webkit-scrollbar-track {background-color:rgba(106, 69, 149, 0.2);}
.subpage_wrapper {min-height:600px;}
.br_mobile {display:none;}
@media (max-width: 1380px) {
.br_pc {display:none;}
}
@media (max-width: 767.98px) {
.br_mobile {display:block;}
}
/*******************************
■ 헤더 (네비게이션)
*******************************/
#hd_wrap {position:fixed;top:0;left:0;width:100%;*height:108px !important;z-index:120;overflow:hidden;transition:background .25s;}
#hd_wrap.subpage {background:#fff;transition:unset;box-shadow:0 5px 8px rgb(50 60 70 / 10%);-webkit-box-shadow:0 5px 8px rgb(50 60 70 / 10%);-moz-box-shadow:0 5px 8px rgb(50 60 70 / 10%);}
#hd_wrap.gnb_open {background:#773dbd;transition:background .25s;}
#hd_wrap .inner {padding:0 30px;}
.pc_menu {overflow:hidden;}
.mobile_menu {display:none;}
.pc_menu .logo {position:relative;float:left;display:inline-block;padding:10px;margin:30px 0 0 35px;line-height:1;}
.pc_menu .logo img {width:16.875rem;}
.pc_menu .logo img.img_logo_hover {position:absolute;top:10px;left:10px;opacity:0;}
.pc_menu .gnb {float:left;padding-bottom:30px;margin-left:140px;}
#hd_wrap.gnb_open .pc_menu .gnb {padding-bottom:0;}
.pc_menu .gnb ul {margin:0;padding:0;}
.pc_menu .gnb ul:after {content:'';display:block;visibility:hidden;opacity:0;clear:both;}
.pc_menu .gnb ul.depth_1 {padding:30px 0 0;}
#hd_wrap.gnb_open .pc_menu .gnb ul.depth_1 {padding:30px 0;}
.pc_menu .gnb ul.depth_1 > li {float:left;}
.pc_menu .gnb ul.depth_1 > li > a { display:block; padding:16px 20px; min-width:120px; text-align:center; color:#fff; font-size:1.1rem; font-weight:500; text-decoration:none; line-height:1; }
#hd_wrap.subpage .pc_menu .gnb ul.depth_1 > li > a {color:#222;}
#hd_wrap.gnb_open.subpage .pc_menu .gnb ul.depth_1 > li > a {color:#fff;}
.pc_menu .gnb ul.depth_2 {display:none;margin-top:19px;}
.pc_menu .gnb ul.depth_2 li {width:100%;}
.pc_menu .gnb ul.depth_2 li a { display:block; text-align:center; color:#fff; font-size:1.1rem; opacity:0.5; line-height:1; padding:11px 0; font-weight:500; text-decoration:none; transition:color .2s; }
.pc_menu .gnb ul.depth_2 li a:hover {color:#222;transition:color .2s;}
@media (max-width: 1500px) {
.pc_menu .logo {padding:12px 10px;}
.pc_menu .logo img {width:12rem;}
.pc_menu .logo img.img_logo_hover {top:12px;}
.pc_menu .gnb {margin-left:120px;}
.pc_menu .gnb ul.depth_1 > li > a {min-width:110px;padding:11px 24px;}
/* .pc_menu .gnb ul.depth_2 li a {font-size:1.1rem;} */
}
@media (max-width: 1160px) {
.pc_menu .logo {margin-left:10px;}
.pc_menu .logo img {width:10.5rem;}
.pc_menu .gnb {margin-left:50px;}
/* .pc_menu .gnb ul.depth_1 > li > a {font-size:1.2rem;} */
/* .pc_menu .gnb ul.depth_2 li a {font-size:1rem;} */
}
@media (max-width: 1380px) {
#hd_wrap {*height:50px !important;}
#hd_wrap .inner {padding:0;}
#hd_wrap .pc_menu {display:none;}
#hd_wrap .mobile_menu {display:block !important;background:#fff;}
.mobile_menu .topbar {display:flex;justify-content:space-between;align-items:center;height:50px;padding:10px 20px;}
.mobile_menu .topbar .logo {position:relative;display:inline-block;width:50%;max-width:220px;font-size:0;}
.mobile_menu .topbar .logo img.img_logo_cover {opacity:0;position:absolute;top:0;left:0;width:100%;transition:opacity .5;}
.mobile_menu .topbar .btn_m_menu_toggle {display:inline-block;width:30px;height:30px;background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/icon_menu_open.svg) no-repeat;cursor:pointer;transition:all .2s;}
#hd_wrap.gnb_m_open .mobile_menu .topbar .btn_m_menu_toggle {background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/icon_menu_close.svg) no-repeat;width:20px;height:19px;transition:all .2s;}
.mobile_menu .cover {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#4B2A6D;}
.mobile_menu .cover .topbar {position:relative;z-index:1;background:#4B2A6D;}
.mobile_menu .gnb {position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;}
.mobile_menu .gnb > div {padding:50px 20px 10px;}
.mobile_menu .gnb ul {margin:0;padding:0;}
.mobile_menu .gnb ul.depth_1 > li {margin:35px 0;text-align:center;}
.mobile_menu .gnb ul.depth_1 > li > a {display:inline-block;color:#fff;font-size:28px;font-weight:500;padding:10px 15px;text-align:center;text-decoration:none;}
.mobile_menu .gnb ul.depth_2 {}
.mobile_menu .gnb ul.depth_2 > li {text-align:center;}
.mobile_menu .gnb ul.depth_2 > li > a {display:inline-block;color:#fff;font-size:22px;font-weight:400;opacity:0.5;padding:8px 15px;text-align:center;text-decoration:none;transition:color .2s;}
.mobile_menu .gnb ul.depth_2 > li > a:hover {color:#999;transition:color .2s;}
}
/*******************************
■ 소개
*******************************/
.about_con {padding:100px 20px;overflow:hidden;}
.about_con .inner img{width: 100%}
#station_about #about_1 {min-height:600px;position:relative;padding:0 20px;width:100%;height:calc(var(--vh, 1vh) * 90); background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/station_info_top.png?2);overflow:hidden;}
#station_about #about_1 .bg_cover {position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/about_1_bg_cover.png);}
#station_about #about_1 .text_area {position:absolute;bottom:140px;left:0;width:100%;padding:0 20px;text-align:center;font-size:2.8rem;color:#fff;font-weight:500;line-height:1.3;}
#station_about #about_1 .text_area > div {position:relative;}
#station_about #about_1 .icon_arrow {position:absolute;bottom:-80px;left:50%;width:55px;height:29px;transform:translateX(-50%);background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/about_1_arrow.svg?2) no-repeat;}
#about #about_1 {min-height:600px;position:relative;padding:0 20px;width:100%;height:calc(var(--vh, 1vh) * 90); background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/about_1_bg.png?2);overflow:hidden;}
#about #about_1 .bg_cover {position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/about_1_bg_cover.png);}
#about #about_1 .text_area {position:absolute;bottom:140px;left:0;width:100%;padding:0 20px;text-align:center;font-size:2.8rem;color:#fff;font-weight:500;line-height:1.3;}
#about #about_1 .text_area > div {position:relative;}
#about #about_1 .icon_arrow {position:absolute;bottom:-80px;left:50%;width:55px;height:29px;transform:translateX(-50%);background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/about_1_arrow.svg?2) no-repeat;}
.btn-home{}
.btn-home a{}
.blinking { -webkit-animation: blink 0.5s ease-in-out infinite alternate; -moz-animation: blink 0.5s ease-in-out infinite alternate; animation: blink 0.5s ease-in-out infinite alternate; }
@-webkit-keyframes blink {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes blink {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes blink {
0% {opacity: 0;}
100% {opacity: 1;}
}
@media (max-width: 1380px) {
#about_1 .text_area {font-size:2.5rem;line-height:inherit;}
}
@media (max-width: 767.98px) {
#about_1 .text_area {font-size:32px!important;line-height:1.5;top:calc(50% - 25px);transform:translateY(-50%);}
#about_1 .icon_arrow {bottom:-120px;}
}
#about_2 {background:#49286D;}
#about_2 .inner {max-width:930px;margin:0 auto;overflow:hidden;}
#about_2 .left {float:left;width:50%;padding:0 30px 0 30px;}
#about_2 .left .img_floor_map {max-width:465px;}
#about_2 .right {float:left;width:50%;max-width:465px;padding:0 30px 0 30px;}
.about_2_logo {max-width:230px;margin:30px 0;padding:0 8px;}
.about_2_logo img{width: 100%}
.about_2_div {display:flex;padding:15px 0;border-top:1px solid #ba9cce;}
#about_2 .right .about_2_div:last-child {border-bottom:1px solid #ba9cce;}
.about_2_div .floor_num {display:inline-block;max-width:60px;padding:0 8px;}
.about_2_div .floor_num img{width: 100%}
.about_2_div ul {margin:0 0 0 18px;padding:0;width:100%;}
.about_2_div ul li {position:relative;padding:13px 0;border-top:1px solid #9676b5;color:#fff;font-weight:300;line-height:1;font-size:1.1rem;}
.about_2_div ul li .list_num {display:inline-block;width:17px;height:17px;line-height:17px;font-size:11px;text-align:center;background:#773dbd;color:#fff;border-radius:50%;vertical-align:top;}
.about_2_div ul li .sm_text {display:inline-block;font-size:12px;vertical-align:bottom;opacity:0.9;margin-left:4px;}
.about_2_div ul li:first-child {border-top:0;padding-top:0;}
.about_2_div ul li:last-child {padding-bottom:0;}
@media (max-width: 1380px) {
.about_con {padding:70px 20px;}
#about_2 .left {float:unset;width:100%;padding:0 20px;text-align:center;}
#about_2 .right {float:unset;width:100%;margin:70px auto 0;padding:0 20px;}
#about_2 .left .img_floor_map { display:block; margin:0 auto; }
#about_2 .right > * { margin-left:auto; margin-right:auto; }
.about_2_logo { text-align:center; }
.about_2_div { max-width:400px; margin-left:auto; margin-right:auto; }
.about_2_div ul li .list_num {margin-top:-1px;}
.about_2_div ul li .sm_text {display:block;margin:8px 0 0 21px;}
/* .inner .left .img_floor_map{display:none;} */
}
#about_3 {padding:40px 0;}
#about_3 .inner {max-width:930px;margin:0 auto;overflow:hidden;}
#about_3 .inner img{}
.about_3_div {position:relative;overflow:hidden;margin:60px 0;/*padding-left:130px;*/}
.about_3_div .floor_num {/*position:absolute;top:40px;left:0;*/width:160px;padding:0 50px;min-height:1px;}
.about_3_div .floor_num img {vertical-align:top; width: 100%}
.about_3_div .floor_info_wrap {overflow:hidden;margin:35px 0;padding:0 25px;}
.about_3_div .floor_info {float:left;/*padding-left:40px;width:calc((100% - 80px) / 2);*/width:50%;padding-left:25px;padding-right:25px;}
.about_3_div .floor_info .title {line-height:1;color:#6A4595;font-weight:700;font-size:24px;}
.about_3_div .floor_info .subtitle {color:#6A4595;line-height:1.4;margin-top:5px;font-size:1.1rem;}
.about_3_div .floor_info .text {margin-top:16px;font-size:1.1rem;}
.about_3_div .floor_info .text strong {font-weight:700;}
.about_3_div .floor_info .text.color {color:#773DBD;}
.about_3_div .floor_info .img {margin-top:25px;}
.about_3_div .floor_info .img img {vertical-align:top;}
.about_3_div .floor_info.full_w {/*width:calc(100% - 90px);*/width:100%;}
.about_3_div .floor_info.full_w .img {overflow:hidden;}
.about_3_div .floor_info.full_w .img img {float:left;width:calc((100% - 50px) / 2);margin-top:35px;}
.about_3_div .floor_info.full_w .img img:nth-child(-n+2) {margin-top:5px;}
.about_3_div .floor_info.full_w .img img:nth-child(2n) {margin-left:50px;}
.about_3_div#floor_4F .floor_info .title,
.about_3_div#floor_4F .floor_info .subtitle {color:#753cbe;}
.about_3_div#floor_4F .floor_info .subtitle {font-weight:500;}
.about_3_div#floor_4F .floor_info .text {position:relative;font-weight:500;}
.about_3_div#floor_4F .floor_info .text .text_offset_fix {position:absolute;top:-1.2em;left:0;width:100%;}
.about_3_div#floor_4F .floor_info_2 {float:left;overflow:hidden;/*padding-left:40px;*/padding-left:20px;}
.about_3_div#floor_4F .floor_info_2 .title {display:flex;width:100%;line-height:1;color:#753cbe;font-weight:700;font-size:22px;margin-bottom:10px;}
.about_3_div#floor_4F .floor_info_2 .title .info_mark {display:inline-block;width:1em;height:1em;background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/info_mark.png) no-repeat;margin-right:0.25em;}
.about_3_div#floor_4F .floor_info_2 .left {float:left;color:#753cbe;font-weight:500;font-size:1.1rem;}
.about_3_div#floor_4F .floor_info_2 .right {float:left;color:#753cbe;font-weight:500;margin-left:30px;font-size:1.1rem;}
.about_3_div#floor_5F .floor_info .title,
.about_3_div#floor_5F .floor_info .subtitle {color:#753cbe;}
.about_3_div#floor_5F .floor_info .subtitle {font-weight:500;}
.about_3_div#floor_5F .floor_info .text {position:relative;font-weight:500;}
.about_3_div#floor_5F .floor_info .text .text_offset_fix {position:absolute;top:-2em;left:0;width:100%;}
.about_3_div#floor_5F .floor_info_2 {float:left;overflow:hidden;padding-left:20px;}
.about_3_div#floor_5F .floor_info_2 .title {display:flex;width:100%;line-height:1;color:#753cbe;font-weight:700;font-size:24px;margin-bottom:10px;}
.about_3_div#floor_5F .floor_info_2 .title .info_mark {display:inline-block;width:1em;height:1em;background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/info_mark.png) no-repeat;margin-right:0.25em;}
.about_3_div#floor_5F .floor_info_2 .left {float:left;color:#753cbe;font-weight:400;font-size:1.1rem;}
.about_3_div#floor_5F .floor_info_2 .right {float:left;color:#753cbe;font-weight:500;margin-left:30px;font-size:1.1rem;}
.about_3_div#floor_5F .floor_info_2 .text {margin-bottom:8px;font-size:1.1rem;}
@media (max-width: 1380px) {
#about_3 {padding:40px 20px;}
.about_3_div {*max-width:465px;margin:60px auto;padding:0 20px;}
.about_3_div .floor_num {position:unset;width:60px;padding:0;}
.about_3_div .floor_info_wrap {overflow:unset;padding:0;}
.about_3_div .floor_info_wrap:last-child {margin-bottom:0;}
.about_3_div#floor_4F .floor_info_wrap:last-child {margin-bottom:40px;}
.about_3_div .floor_info {float:unset;width:100%;padding-left:0;padding-right:0;margin:40px 0;}
.about_3_div .floor_info .title {font-size:22px;}
.about_3_div .floor_info .subtitle,
.about_3_div .floor_info .text {font-size:1rem;}
.about_3_div .floor_info .img {margin-top:15px;}
.about_3_div .floor_info.full_w {width:100%;}
.about_3_div .floor_info.full_w .img img {width:100%;margin:30px 0 0 0 !important;}
.about_3_div .floor_info.full_w .img img:first-child {margin-top:15px !important;}
.about_3_div .floor_info.full_w .img img:last-child {margin-bottom:0 !important;}
.about_3_div_multi .about_3_div:first-child {margin-top:80px;}
.about_3_div_multi .about_3_div:last-child {margin-bottom:80px;}
.about_3_div#floor_4F .floor_info .text .text_offset_fix,
.about_3_div#floor_5F .floor_info .text .text_offset_fix {position:unset;}
.about_3_div#floor_4F .floor_info_2,
.about_3_div#floor_5F .floor_info_2 {float:unset;padding-left:0;margin-top:0;}
.about_3_div#floor_4F .floor_info_2 .left,
.about_3_div#floor_5F .floor_info_2 .left {float:unset;width:100%;margin-bottom:10px;font-size:1rem;}
.about_3_div#floor_4F .floor_info_2 .right,
.about_3_div#floor_5F .floor_info_2 .right {float:unset;width:100%;margin-left:0;font-size:1rem;}
.about_3_div#floor_5F .floor_info_2 .text {font-size:1rem;}
}
/*******************************
■ 세계관
*******************************/
#uv_1 {min-height:600px;position:relative;padding:0 30px;width:100%;height:100vh;background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/universe_1_bg_pc.png);overflow:hidden;}
#uv_1 .text {position:absolute;top:50%;left:11.5%;transform:translateY(-50%);font-size:3.7vw;font-weight:700;line-height:1.3;color:#773DBD;}
#uv_1 .img {position:absolute;bottom:-25px;right:3.9%;width:55%;}
#uv_1 .img img {vertical-align:top;}
@media (max-width: 1380px) {
#uv_1 {background:63% center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/universe_1_bg_m.png);}
#uv_1 .text {top:23%;transform:none;*transform:translateY(-20%);left:0;transform:none;padding:0 30px;font-size:6vw;}
#uv_1 .img {bottom:0;right:53%;transform:translateX(50%);width:80%;max-width:700px;}
}
@media (max-width: 767.98px) {
#uv_1 .img {right:55%;width:145%;}
}
@media (max-width: 575.98px) {
#uv_1 .text {top:25%;}
#uv_1 .text {font-size:9vw;}
}
@media (max-width: 479.98px) {
#uv_1 .text {top:32.5%;}
}
#uv_2 {padding:170px 30px;background:#E0D3F4;color:#773DBD;text-align:center;font-size:1.7rem;line-height:2;}
#uv_2 b {font-weight:700;}
#uv_2 strong {font-size:2rem;font-weight:700;}
@media (max-width: 1400px) {
#uv_2 {padding:140px 30px;font-size:1.45rem;}
#uv_2 strong {font-size:1.7rem;}
}
@media (max-width: 1380px) {
#uv_2 {padding:120px 30px;font-size:1.2rem;}
#uv_2 strong {font-size:1.2rem;}
}
@media (max-width: 767.98px) {
#uv_2 {padding:100px 30px;font-size:1.078rem;}
#uv_2 strong {font-size:1.078rem;}
}
#uv_3 {padding:130px 0px;}
#uv_3 .title {box-sizing:content-box;max-width:520px;padding-left:11.5%;}
@media (max-width: 1800px) {
#uv_member_swiper .swiper-button-next {right:10%;}
#uv_member_swiper .swiper-button-prev {left:10%;}
}
@media (max-width: 1700px) {
#uv_member_swiper .uv_member_div {width:75%;}
#uv_member_swiper .swiper-button-next {right:9%;}
#uv_member_swiper .swiper-button-prev {left:9;}
}
@media (max-width: 1600px) {
#uv_member_swiper .uv_member_div .info .text ul li {font-size:1.15rem;}
#uv_member_swiper .uv_member_div .info .text .tags {font-size:0.95rem;}
#uv_member_swiper .swiper-button-next {right:7%;}
#uv_member_swiper .swiper-button-prev {left:7%;}
}
@media (max-width: 1500px) {
#uv_member_swiper .swiper-button-next {right:6%;}
#uv_member_swiper .swiper-button-prev {left:6%;}
#uv_member_swiper .uv_member_div .info .text {padding-bottom:50px;}
.pc_menu .gnb ul.depth_1 > li > a { padding:16px 20px; }
}
@media (max-width: 1400px) {
#uv_member_swiper .uv_member_div .info .name img {max-height:130px;}
#uv_member_swiper .uv_member_div .info .text {padding-bottom:60px;}
#uv_member_swiper .uv_member_div .info .text ul li {font-size:1.1rem;}
#uv_member_swiper .uv_member_div .info .text .tags {bottom:20px;font-size:0.9rem;}
#uv_member_swiper .swiper-button-next,
#uv_member_swiper .swiper-button-prev {width:30px;height:61px;background-size:30px 61px;margin-top:-30px;}
#uv_member_swiper .swiper-button-next {right:8%;}
#uv_member_swiper .swiper-button-prev {left:8%;}
}
@media (max-width: 1300px) {
#uv_member_swiper .uv_member_div .info {padding:0 20px;}
#uv_member_swiper .uv_member_div .info .text ul li {font-size:1rem;}
#uv_member_swiper .uv_member_div .info .text .tags {padding:0 20px;}
}
@media (max-width: 1200px) {
#uv_member_swiper .uv_member_div {width:85%;}
#uv_member_swiper .uv_member_div .info .text ul li br {display:none;}
#uv_member_swiper .swiper-button-next {right:2%;}
#uv_member_swiper .swiper-button-prev {left:2%;}
}
@media (max-width: 1380px) {
#uv_3 {padding:65px 20px;max-width:425px;margin:0 auto;}
#uv_3 .title {margin:0 auto;padding-left:0;width:85%;}
#uv_member_swiper {margin-top:30px;}
#uv_member_swiper .swiper-wrapper {display:block;}
#uv_member_swiper .uv_member_div {width:100%;margin:65px 0;}
#uv_member_swiper .uv_member_div.uv_member_1 {margin-top:0px;}
#uv_member_swiper .uv_member_div.uv_member_4 {margin-bottom:0px;}
#uv_member_swiper .uv_member_div:before {display:none;}
#uv_member_swiper .uv_member_div .photo {position:relative;display:block;width:100%;clip-path: polygon(0 24.00px,24.00px 0,calc(100% - 24.00px) 0,100% 24.00px,100% calc(100% - 24.00px),calc(100% - 24.00px) 100%,24.00px 100%,0 calc(100% - 24.00px));}
#uv_member_swiper .uv_member_div .piece.top-right > div,
#uv_member_swiper .uv_member_div .piece.bottom-right > div {display:none;}
#uv_member_swiper .uv_member_div .info {position:relative;display:block;width:100%;padding:0 10px;}
#uv_member_swiper .uv_member_div .info .name img {width:auto;height:100px;}
#uv_member_swiper .uv_member_div .info .text {padding-bottom:0;}
#uv_member_swiper .uv_member_div .info .text ul li {font-size:1rem;margin:15px 0;}
#uv_member_swiper .uv_member_div .info .text .tags {position:unset;font-size:0.8rem;padding:0;}
#uv_member_swiper .swiper-button-next,
#uv_member_swiper .swiper-button-prev {display:none;}
}
/*******************************
■ 운영 안내
*******************************/
#og_1 {min-height:600px;position:relative;padding:0 30px;width:100%;height:100vh;background:center / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_1_bg2.png?3) no-repeat;overflow:hidden;}
/*https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_1_bg.png*/
#og_1 .img {position:absolute;top:58.5%;left:0;max-width:100%;padding:0 6.6%;z-index:1;}
#og_1 .img img {vertical-align:top;}
.page__station #og_1 { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_1_bg.png?1); }
@media (max-width: 1380px) {
#og_1 {min-height:unset;padding:130px 0;height:auto;background:100% / cover url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_1_bg_m.png) no-repeat;}
#og_1 .img {top:calc(50% + 29px);transform:translateY(-50%);left:unset;right:0;padding:0 30px;}
#og_1 .img img {width:100%;max-width:640px;}
}
#og_2 {padding:160px 30px;}
#og_2 .inner {max-width:830px;margin:0 auto;overflow:hidden;}
#og_2 .title {font-size:2.35rem;color:#773DBD;font-weight:700;}
#og_2 .map {margin-top:50px;}
#og_2 .left {float:left;width:55%;}
#og_2 .left img{width: 100%}
#og_2 .right {float:left;position:relative;width:45%;}
#og_2 .right > img {position:absolute;top:0;left:0;width:100%;}
#og_2 .right ul {padding:0;margin:0;margin-left:50px;width:calc(100% - 50px);}
#og_2 .right ul li {border-top:1px solid #BD9FE3;padding:16px 18px;font-size:0.85rem;}
#og_2 .right ul li > div {margin-top:8px;}
#og_2 .right ul li > div:first-child {margin-top:0;margin-bottom:10px;}
#og_2 .right ul li b {font-size:1.1rem;color:#773DBD;font-weight:700;}
#og_2 .right ul li:first-child {padding-top:0;font-size:1.1rem;}
#og_2 .right ul li:first-child b {margin-right:0.5rem;}
#og_2 .right ul li:nth-child(2) {padding-top:24px; border-top:2px solid #773DBD!important;}
#og_2 .right ul li:nth-child(-n+2) {border-top:0;}
#og_2 .right ul li:last-child {border-top:2px solid #773DBD;border-bottom:2px solid #773DBD;}
#og_2 .right ul li:last-child > div:nth-child(2) {font-size:1.1rem;}
#og_2 .right .address__info { padding-left: 42px; }
.page__station #og_2 .left, .page__station #og_2 .right { border-top: 2px solid #773dbd; }
#og_2 .right .address__info address { display: flex; gap: 18px; padding: 16px 0 12px 16px; font-style: normal; border-bottom: 2px solid #773dbd; margin-bottom: 0; }
#og_2 .right .address__info address b { font-size: 18px; font-weight: 500; color: #773dbd; }
#og_2 .right .address__info address p { flex: 1; flex-grow: 1; font-size: 18px; color: #000; letter-spacing: -0.05em; }
#og_2 .right .address__info dl { padding: 16px; border-bottom: 1px solid #773dbd; }
#og_2 .right .address__info dl dt { font-size: 18px; font-weight: 500; color: #773dbd; letter-spacing: -0.05em; }
#og_2 .right .address__info dl dd { font-size: 13px; color: #000; line-height: 1.2; letter-spacing: -0.05em; margin-top: 6px; }
#og_2 .right .address__info dl:last-of-type { border-top: 1px solid #773dbd; border-bottom-width: 2px; }
#og_2 .right .address__info .notify__text { margin-top: 12px; }
#og_2 .right .address__info .notify__text p { position: relative; font-size: 13px; color: #000; line-height: 1.56; letter-spacing: -0.05em; padding-left: 10px; }
#og_2 .right .address__info .notify__text p::before { content: '*'; position: absolute; top: 0; left: 0; }
#og_2.en .right .address__info { padding-left: 0; }
#og_2.en .right .address__info address p { font-size: 13px; }
#og_2.en .right .address__info dl { padding: 13.52px 16px; }
@media (max-width: 1380px) {
#og_2 {padding:80px 20px;}
#og_2 .title {font-size:1.8rem;padding:0 15px;}
#og_2 .inner {max-width:425px;}
#og_2 .map {margin-top:40px;}
#og_2 .left {width:100%;}
#og_2 .right {width:100%;}
#og_2 .right img {display:none;}
#og_2 .right ul {width:90%;margin:50px auto 0;}
#og_2 .right ul li {padding:20px 15px !important;font-size:0.9rem;}
#og_2 .right ul li > div {margin-top:6px;}
#og_2 .right ul li b {font-size:1.2rem;}
#og_2 .right ul li:first-child {border-top:2px solid #773DBD;border-bottom:2px solid #773DBD;font-size:1rem;}
#og_2 .right ul li:last-child > div:nth-child(2) {font-size:1.2rem;}
#og_2 .right .address__info { padding-left: 0; }
#og_2 .right .address__info address { padding: 16px 24px; gap: 10px; }
#og_2 .right .address__info address b { font-size: 14px; }
#og_2 .right .address__info address p { font-size: 14px; }
#og_2 .right .address__info dl { padding: 16px 24px; }
#og_2 .right .address__info dl dt { font-size: 14px; }
#og_2.en .right .address__info dl dd { font-size: 11px; }
#og_2.en .right .address__info .notify__text p { font-size: 11px; }
}
#og_3 {padding:70px 30px;background:#E0D3F4;text-align:center;}
#og_3 .inner {max-width:830px;margin:0 auto;overflow:hidden;}
#og_3 .left {float:left;width:calc((100% + 3px) / 2);border-right:3px solid #773DBD;padding-right:60px;text-align:right;}
#og_3 .right {float:left;width:calc((100% + 3px) / 2);margin-left:-3px;border-left:3px solid #773DBD;padding-left:60px;text-align:left;}
#og_3 .left > div {display:inline-block;text-align:left;}
#og_3 .right > div {display:inline-block;}
#og_3 dl {padding:0;margin:35px 0;text-align:left;}
#og_3 dl dt {padding:0;margin:0 0 10px;color:#773DBD;font-size:1.4rem;font-weight:700;}
#og_3 dl dd {padding:0;margin:0;font-size:1.4rem;margin:5px 0;}
#og_3 dl dd b { font-weight: 500; }
#og_3 dl dd .sm {color:#773DBD;font-size:1.1rem;font-weight:500;}
#og_3 dl dd .icon_instagram {display:inline-block;width:24px;height:24px;background:center / 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_3_icon_instagram.png?1) no-repeat;vertical-align:middle;margin-right:0.2rem;}
.page__station #og_3 dl.time { margin-top: 114px; }
.page__station #og_3.en dl.time { margin-top: 35px; }
@media (max-width: 1380px) {
#og_3 {padding:60px 20px;}
#og_3 .inner {max-width:425px;}
#og_3 .left,
#og_3 .right {width:100%;border:0;padding:0;margin:0;text-align:left;}
#og_3 .left > div,
#og_3 .right > div {display:block;width:90%;margin:0 auto;padding:0 12px;}
#og_3 .right > div > dl:first-child {margin-top:0;}
#og_3 dl dt {font-size:1.2rem;}
#og_3 dl dd {font-size:0.9rem;}
#og_3 dl dd .sm {font-size:0.825rem;}
#og_3 dl dd .icon_instagram {width:20px;height:20px;}
.page__station #og_3 dl.time { margin-top: 35px; }
}
#og_4 {padding:220px 30px;}
#og_4 .inner {position:relative;max-width:460px;margin:0 auto;padding:30px 40px;}
#og_4 .inner:before {content:'';position:absolute;inset:0;background:#773DBD;clip-path:polygon(0 10.00px,10.00px 0,calc(100% - 10.00px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px),0 10.00px,3px calc(10.00px + 1.24px),3px calc(100% - 10.00px - 1.24px),calc(10.00px + 1.24px) calc(100% - 3px),calc(100% - 10.00px - 1.24px) calc(100% - 3px),calc(100% - 3px) calc(100% - 10.00px - 1.24px),calc(100% - 3px) calc(10.00px + 1.24px),calc(100% - 10.00px - 1.24px) 3px,calc(10.00px + 1.24px) 3px,3px calc(10.00px + 1.24px));}
#og_4 .icon_eyes {position:absolute;top:-33px;right:45px;width:131px;height:67px;background:center / 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/operate_guide_4_icon_eyes.png?1) no-repeat;vertical-align:middle;margin-right:0.2rem;}
#og_4 .title {color:#773DBD;font-weight:700;font-size:1.3rem;margin:15px 0;}
#og_4 .text {color:#773DBD;font-size:1.3rem;margin:15px 0;line-height:1.6;}
@media (max-width: 1380px) {
#og_4 {padding:130px 20px;}
#og_4 .inner {padding:20px 25px;max-width:360px;}
#og_4 .icon_eyes {width:100px;height:51px;top:-25px;right:30px;}
#og_4 .title {font-size:1.2rem;}
#og_4 .text {font-size:0.92rem;}
}
/*******************************
■ 푸터
*******************************/
#ft {background:#282827;min-width: none !important;}
#ft .inner {display:flex;align-items:center;width:100%;position:relative;max-width:1600px;padding:55px 40px;margin:0 auto;}
.ft_logo {position:relative;top:-6px;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%;}
.ft_logo img {max-width:220px;}
.ft_info_1 {-ms-flex:0 0 36.5%;flex:0 0 36.5%;max-width:36.5%;padding:0 5%;}
.ft_info_1 a {color:#fff;text-decoration:none;opacity:0.9;}
.ft_info_1 p {margin:0;padding:0;color:#BA9ECC;}
.ft_info_2 {-ms-flex:0 0 48.5%;flex:0 0 48.5%;max-width:48.5%;color:#BA9ECC;font-weight:400;}
.ft_info_2 span {font-size:1.4rem;color:#d5b3e5;}
.ft_insta_link {position:absolute;top:50%;right:40px;transform:translateY(-50%);display:inline-block;width:40px;height:40px;background:center / 100% 100% url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/footer_icon_insta.png) no-repeat;}
@media (max-width: 1380px) {
#ft .inner {display:block;padding:40px 25px;}
.ft_logo {max-width:100%;}
.ft_logo img {width:52%;}
.ft_info_1 {max-width:100%;padding:0;font-size:14px;margin:25px 0;}
.ft_info_1 p {word-break:break-all;margin-top:5px;}
.ft_info_2 {max-width:100%;font-size:14px;}
.ft_info_2 span {font-size:20px;}
.ft_insta_link {right:20px;top:unset;transform:unset;bottom:43px;}
}
@media (max-width:767px){
#about_1.long {min-height:920px}
#about_1.llong {min-height:1050px}
}
/* intro.css */
.intro { height: 100dvh; background-color: #000; overflow: hidden; }
.intro__grid { position: relative; height: 100%; width: 100%; }
.intro__grid--item { position: absolute; top: 0; height: 100%; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); }
.intro__grid--item::before { content: ""; position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; inset: 0; transition: transform 0.5s ease; z-index: 1; }
.intro__grid--item::after { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.5s ease; z-index: 2; }
.intro__grid--item .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 3; }
.intro__grid--item .content .logo { margin-bottom: 40px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.intro__grid--item .content .logo img { margin: 0 auto; border: none !important; }
.intro__grid--item .content .logo img::before, .intro__grid--item .content .logo img::after { border: none !important; }
.intro__grid--item .content .logo--ground { width: 390px; aspect-ratio: 390/164; background-image: url(https://www.webhows.com/hikr/assets/img/intro_hikr_ground.png); }
.intro__grid--item .content .logo--station { width: 338px; aspect-ratio: 338/184; background-image: url(https://www.webhows.com/hikr/assets/img/intro_hikr_station.png); }
.intro__grid--item .content .address { margin-bottom: 210px; }
.intro__grid--item .content .address img { margin: 0 auto; }
.intro__grid--item .content .enter__button { display: inline-flex; font-size: 22px; font-weight: 700; color: #000; width: 183px; height: 57px; border: 0; border-radius: 15px; background-color: #00d919; outline: none; align-items: center; justify-content: center; }
.intro__grid--item:hover::before { transform: scale(1.1); }
.intro__grid--item:hover::after { opacity: 0; }
.intro__grid .item--left { left: 0; width: 60%; }
.intro__grid .item--left::before { background-image: url(https://www.webhows.com/hikr/assets/img/intro_bg1.webp); }
.intro__grid .item--right { right: 0; width: 60%; -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); }
.intro__grid .item--right::before { background-image: url(https://www.webhows.com/hikr/assets/img/intro_bg2.webp); }
@media (max-width: 1000px) {
.intro__grid--item { position: relative; width: 100% !important; height: 50%; -webkit-clip-path: none !important; clip-path: none !important; }
.intro__grid--item .content .logo { margin-bottom: 30px; width: 202px; }
.intro__grid--item .content .logo img { width: 202px; }
.intro__grid--item .content .address { margin-bottom: 56px; }
.intro__grid--item .content .address img { height: 24px; }
.intro__grid--item .content .enter__button { font-size: 18px; width: 155px; height: 49px; display: flex}
}
/* regularprogram_v2.css */
/*
* regularprogram_v2.css
* 정기 프로그램 페이지 v2 추가 스타일
*
* 이 파일은 기존 스타일을 덮어쓰거나 새로운 스타일을 추가하는 용도입니다.
* 기존 CSS 파일들(house.css, hikr_new.css, renewal.css)은 그대로 유지됩니다.
*/
/* 예시: 기존 스타일 덮어쓰기 */
/* .program__hero {
background-color: #f0f0f0;
} */
/* 새로운 프로그램 소개 섹션 */
.v2-program-section { width: 100% !important; background-color: #7b4ec3 !important; padding: 60px 0 !important; /* 좌우 패딩 없음, 상하만 */ position: relative !important; }
.v2-program-images { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
.v2-program-image { width: 70% !important; height: auto !important; display: block !important; margin: 0 auto !important; transition: transform 0.3s ease !important; cursor: pointer !important; position: relative !important; z-index: 1 !important; }
/* 마우스 호버 시 확대 효과 */
.v2-program-image:hover { transform: scale(1.05) !important; z-index: 10 !important; }
/* 첫 번째 이미지(program_0) 특별 스타일 */
.v2-program-image:first-child { width: 13% !important; margin: 0 !important; margin-left: 15% !important; margin-top: 2% !important; min-width: 80px !important; /* max-width: 179px !important; */ align-self: flex-start !important; }
/* 첫 번째 이미지는 호버 효과 제외 */
.v2-program-image:first-child:hover { transform: none !important; }
/* 각 이미지별로 개별 마진 적용 */
/* program_0_ko.png (첫 번째) - 기본 위치 */
/* program_0과 program_1 사이의 간격 (두 번째 요소) */
.v2-program-image:nth-child(2) { margin-top: -3.5% !important; }
/* program_1_ko.png (두 번째 -> 세 번째) */
.v2-program-image:nth-child(3) { margin-top: -10% !important; }
/* program_2_ko.png (세 번째 -> 네 번째) */
.v2-program-image:nth-child(4) { margin-top: -6.3% !important; }
/* program_3_ko.png (네 번째 -> 다섯 번째) */
.v2-program-image:nth-child(5) { margin-top: -6.5% !important; }
/* program_4_ko.png (다섯 번째 -> 여섯 번째) */
.v2-program-image:nth-child(6) { margin-top: -4.7% !important; }
/* program_5_ko.png (여섯 번째 -> 일곱 번째) */
.v2-program-image:nth-child(7) { margin-top: -6.3% !important; }
/* 여기에 새로운 스타일을 추가하세요 */
/* 프로그램 카드 슬라이드 섹션 */
.v2-program-cards { width: 100% !important; padding: 120px 0 !important; background-color: #ffffff !important; position: relative !important; overflow: visible !important; }
/* 제목 이미지 스타일 */
.v2-cards-title { max-width: 70% !important; margin: 0 auto 40px !important; text-align: left !important; }
.v2-cards-title img { width: 18% !important; height: auto !important; display: block !important; margin: 0 !important; }
.v2-cards-container { max-width: 70% !important; margin: 0 auto !important; padding: 0 !important; position: relative !important; overflow: visible !important; }
.v2-cards-swiper { width: 100% !important; position: relative !important; overflow: hidden !important; /* 슬라이드만 hidden */ }
.v2-cards-swiper .swiper-slide { text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.v2-cards-swiper .swiper-slide img { width: 100% !important; height: auto !important; margin: 0 auto !important; display: block !important; object-fit: contain !important; }
/* 좌우 화살표 스타일 */
.v2-cards-prev,
.v2-cards-next { position: absolute !important; width: 88px !important; height: 88px !important; background-color: transparent !important; border: none !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; z-index: 100 !important; pointer-events: auto !important; outline: none !important; }
.v2-cards-next { left: auto !important; right: -10% !important; background-image: url(https://www.webhows.com/hikr/assets/img/regular_arrow_next.svg) !important; }
.v2-cards-prev { right: auto !important; left: -10% !important; background-image: url(https://www.webhows.com/hikr/assets/img/regular_arrow_prev.svg) !important; }
/* 기본 화살표 아이콘 숨기기 */
.v2-cards-next::after,
.v2-cards-prev::after { display: none !important; }
/* 필요시 색상만 조정 */
.v2-cards-swiper { --swiper-pagination-color: #7b4ec3; }
/* 화살표 비활성화 시 */
.swiper-button-disabled { opacity: 0.5 !important; }
/* 페이지네이션 스타일 */
.v2-cards-pagination { bottom: -40px !important; position: relative !important; text-align: center !important; margin-top: 30px !important; }
.v2-cards-pagination .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #ddd !important; opacity: 1 !important; margin: 0 6px !important; transition: all 0.3s ease !important; }
.v2-cards-pagination .swiper-pagination-bullet-active { background-color: #7b4ec3 !important; width: 30px !important; border-radius: 6px !important; }
/* v2 배너 섹션 */
.v2-program-banner { width: 100vw !important; position: relative !important; overflow: hidden !important; display: block !important; margin-top: 120px !important; /* 기본 헤더 여백 */ margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; }
.v2-banner-wrapper { position: relative !important; width: 100% !important; line-height: 0 !important; font-size: 0 !important; /* 컨테이너 높이를 비율로 고정 (이미지 비율에 맞게 조정) */ height: 0 !important; padding-bottom: 50% !important; /* 2:1 비율 가정, 필요시 조정 */ }
/* 모든 이미지 absolute로 배치 */
.v2-banner-layer { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; /* 이미지가 컨테이너에 맞게 채워지도록 */ }
/* 각 레이어 z-index */
.v2-banner-layer--bottom { z-index: 1 !important; width: 100% !important; left: 0 !important; transition: transform 0.15s ease-out !important; }
.v2-banner-layer--middle { z-index: 2 !important; width: 105% !important; left: 50% !important; transform: translateX(-50%); transition: transform 0.12s ease-out !important; }
.v2-banner-layer--top { z-index: 3 !important; width: 105% !important; left: 50% !important; transform: translateX(-50%); transition: transform 0.1s ease-out !important; }
/* img 태그 기본 스타일 초기화 */
.v2-banner-wrapper img { margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; vertical-align: top !important; }
/* 배너 텍스트 섹션 */
.v2-banner-text-section { width: 100% !important; /* padding: 80px 20px !important; */ background-color: #ffffff !important; text-align: center !important; position: relative !important; /* 악세서리 배치를 위해 추가 */ padding: 40px 20px !important; /* 최소한의 여백 추가 */ }
/* 배너 텍스트 콘텐츠 */
.v2-banner-content { /* max-width: 1200px !important; */ /* 최대 너비 제한 제거 */ margin: 0 auto !important; padding: 0 !important; /* 패딩 제거 */ font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans', sans-serif !important; position: relative !important; /* 악세서리 배치를 위해 추가 */ }
.v2-banner-text { font-size: 1.3vw !important; color: #333 !important; margin-bottom: 20px !important; /* 버튼과의 간격 조정 */ font-weight: 400 !important; line-height: 1.6 !important; }
.v2-banner-text span { color: #7b4ec3 !important; font-weight: 700 !important; }
.v2-banner-button { display: inline-block !important; padding: 15px 40px !important; background-color: #7b4ec3 !important; color: #fff !important; text-decoration: none !important; border-radius: 10px !important; /* PC도 동일하게 변경 */ font-size: 1.3vw !important; font-weight: 500 !important; transition: all 0.3s ease !important; }
.v2-banner-button:hover { background-color: #6940a8 !important; transform: translateY(-2px) !important; box-shadow: 0 5px 15px rgba(123, 78, 195, 0.3) !important; }
/* 악세사리 이미지 스타일 */
.v2-banner-accessory { position: absolute !important; z-index: 4 !important; /* 모든 레이어보다 위에 */ pointer-events: none; /* 마우스 이벤트 방지 */ }
.v2-accessory-1 { right: 16% !important; top: 1% !important; width: 5vw !important; height: auto !important; min-width: 60px !important; max-width: 150px !important; transition: transform 0.2s ease-out !important; animation: floating 4s ease-in-out infinite !important; --parallax-x: 0px; --parallax-y: 0px; }
.v2-accessory-2 { right: 81% !important; top: 60% !important; width: 5vw !important; height: auto !important; min-width: 60px !important; max-width: 150px !important; transition: transform 0.2s ease-out !important; animation: floating2 5s ease-in-out infinite !important; animation-delay: 1s !important; /* 애니메이션 시차 */ --parallax-x: 0px; --parallax-y: 0px; }
.v2-accessory-3 { right: 80% !important; top: 50% !important; /* 텍스트와 같은 라인에 배치 */ /* transform: translateY(-50%) !important; */ /* floating 애니메이션과 충돌 방지 */ width: 8vw !important; height: auto !important; min-width: 60px !important; max-width: 150px !important; transition: transform 0.2s ease-out !important; animation: floating 4s ease-in-out infinite !important; animation-delay: 2s !important; /* 애니메이션 시차 */ --parallax-x: 0px; --parallax-y: 0px; }
.v2-accessory-4 { right: 13% !important; top: 35% !important; /* transform: translateY(-50%) !important; */ /* floating 애니메이션과 충돌 방지 */ width: 8vw !important; height: auto !important; min-width: 60px !important; max-width: 150px !important; transition: transform 0.2s ease-out !important; animation: floating2 6s ease-in-out infinite !important; animation-delay: 3s !important; /* 애니메이션 시차 */ --parallax-x: 0px; --parallax-y: 0px; }
/* 둥둥 떠다니는 애니메이션 */
@keyframes floating {
0% { transform: translate(var(--parallax-x), calc(var(--parallax-y) + 0px)); }
50% { transform: translate(var(--parallax-x), calc(var(--parallax-y) - 15px)); }
100% { transform: translate(var(--parallax-x), calc(var(--parallax-y) + 0px)); }
}
/* 작은 화면에서 카드 및 프로그램 이미지 크기 조정 */
@media (max-width: 767px) {
/* 카드 섹션 */
.v2-cards-mobile { padding: 0 3% !important; /* 좌우 3% 패딩 유지 */ }
.v2-cards-mobile-title img { width: 69% !important; /* 작은 화면에서 좌 더 크게 (59%에서 69%로) */ margin-top: 23% !important; /* 상단 여백 유지 */ }
.v2-cards-mobile-swiper .swiper-slide img { width: 100% !important; /* 작은 화면에서도 100% 유지 */ }
.v2-program-cards { padding: 0 0 60px !important; /* 상단 패딩 제거하여 경계선 없애기 */ }
/* 프로그램 섹션 */
.v2-program-mobile { padding: 0 3% !important; /* 좌우 3% 패딩 유지 */ }
.v2-program-mobile-image { width: 100% !important; /* 작은 화면에서도 100% 유지 */ }
.v2-program-mobile-image:first-child { width: 69% !important; /* 작은 화면에서 더 크게 (59%에서 69%로) */ }
.v2-program-section { padding: 30px 0 0 !important; /* 작은 화면에서 하단 패딩 제거 */ }
}
/* 작은 모바일 화면 (576px 미만) */
@media (max-width: 575.98px) {
.v2-banner-mobile-content { padding: 20px 0 !important; /* 상하 패딩만 */ }
.v2-banner-mobile-text { font-size: 13px !important; /* 14px에서 13px로 변경 */ margin-bottom: 15px !important; }
.v2-banner-mobile-button { padding: 12px 30px !important; font-size: 14px !important; }
}
/* 다른 패턴의 floating 애니메이션 */
@keyframes floating2 {
0% { transform: translate(var(--parallax-x), calc(var(--parallax-y) + 0px)); }
25% { transform: translate(calc(var(--parallax-x) + 5px), calc(var(--parallax-y) - 10px)); }
75% { transform: translate(calc(var(--parallax-x) - 5px), calc(var(--parallax-y) - 10px)); }
100% { transform: translate(var(--parallax-x), calc(var(--parallax-y) + 0px)); }
}
/* 악세서리 3, 4를 위한 특별한 애니메이션 - 더 이상 사용하지 않음 */
/* @keyframes floatingWithCenter {
0% { transform: translateY(-50%); }
50% { transform: translateY(calc(-50% - 15px)); }
100% { transform: translateY(-50%); }
}
@keyframes floatingWithCenter2 {
0% { transform: translate(0, -50%); }
25% { transform: translate(5px, calc(-50% - 10px)); }
75% { transform: translate(-5px, calc(-50% - 10px)); }
100% { transform: translate(0, -50%); }
} */
/* 전체 컨테이너 overflow 설정 */
#regular_program { overflow: visible !important; }
/* 모바일 배너 기본 스타일 */
.v2-banner-mobile { display: none !important; width: 100% !important; position: relative !important; z-index: 1 !important; }
.v2-banner-mobile-bg { width: 100% !important; height: auto !important; display: block !important; }
.v2-banner-mobile-content { position: absolute !important; bottom: 0 !important; left: 3% !important; right: 3% !important; padding: 25px 0 !important; /* 좌우 패딩을 left/right로 대체 */ text-align: center !important; }
.v2-banner-mobile-text { font-size: 14px !important; /* 16px에서 14px로 축소 */ color: #333 !important; line-height: 1.6 !important; margin-bottom: 20px !important; font-weight: 400 !important; font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans', sans-serif !important; }
.v2-banner-mobile-text span { color: #7b4ec3 !important; font-weight: 700 !important; }
.v2-banner-mobile-button { display: inline-block !important; padding: 14px 35px !important; background-color: #7b4ec3 !important; color: #fff !important; text-decoration: none !important; border-radius: 10px !important; /* 알약 모양에서 사각형으로 변경 */ font-size: 16px !important; font-weight: 500 !important; transition: all 0.3s ease !important; font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans', sans-serif !important; }
.v2-banner-mobile-button:hover { background-color: #6940a8 !important; transform: translateY(-2px) !important; box-shadow: 0 5px 15px rgba(123, 78, 195, 0.3) !important; }
/* 모바일 카드 슬라이드 스타일 */
.v2-cards-mobile { display: none !important; /* 기본적으로 숨김 */ width: 100% !important; padding: 0 3% !important; /* 좌우 3% 패딩 추가 */ box-sizing: border-box !important; position: relative !important; /* 인디케이터를 위해 추가 */ }
.v2-cards-mobile-title { width: 100% !important; text-align: center !important; /* margin-bottom: 30px !important; */ /* 마진 제거 */ }
.v2-cards-mobile-title img { width: 59% !important; /* 50%에서 59%로 확대 */ height: auto !important; display: inline-block !important; margin-top: 23% !important; /* 제목 이미지 상단 여백 추가 */ }
.v2-cards-mobile-swiper { width: 100% !important; position: relative !important; padding-bottom: 65px !important; /* 60px에서 65px로 약간만 증가 */ }
.v2-cards-mobile-swiper .swiper-slide img { width: 100% !important; /* 85%에서 100%로 변경 */ height: auto !important; display: block !important; /* inline-block에서 block으로 변경 */ margin: 0 !important; /* 마진 추가 */ }
/* 모바일 페이지네이션 스타일 */
.v2-cards-mobile-pagination { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; text-align: center !important; z-index: 10 !important; transform: translateY(6px) !important; /* 6px만 아래로 이동 */ padding-bottom: 20px !important; /* 하단 여백 */ }
.v2-cards-mobile-pagination .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #31293c !important; /* 비활성 상태 색상 */ border: none !important; /* 테두리 제거 */ opacity: 1 !important; margin: 0 6px !important; transition: all 0.3s ease !important; cursor: pointer !important; border-radius: 50% !important; }
.v2-cards-mobile-pagination .swiper-pagination-bullet-active { background-color: #fefefe !important; /* 활성 상태 색상 */ }
/* 모바일 프로그램 이미지 스타일 */
.v2-program-mobile { display: none !important; /* 기본적으로 숨김 */ width: 100% !important; padding: 0 3% !important; /* 좌우 3% 패딩 추가 */ box-sizing: border-box !important; }
.v2-program-mobile-image { width: 100% !important; /* 85%에서 100%로 변경 */ height: auto !important; display: block !important; margin: 0 !important; /* margin 명시적 설정 */ position: relative !important; z-index: 1 !important; }
/* 첫 번째 이미지(제목) 특별 스타일 */
.v2-program-mobile-image:first-child { width: 59% !important; /* 요청하신대로 50%에서 59%로 확대 */ margin: 0 auto 20px !important; /* 중앙 정렬 유지 */ margin-top: 0 !important; align-self: center !important; /* 첫 번째 이미지만 중앙 정렬 */ }
/* 각 이미지 간격 (격치기 효과) */
.v2-program-mobile-image:nth-child(2) { margin-top: -15% !important; }
.v2-program-mobile-image:nth-child(3) { margin-top: -31% !important; }
.v2-program-mobile-image:nth-child(4) { margin-top: -13.5% !important; }
.v2-program-mobile-image:nth-child(5) { margin-top: -14% !important; }
.v2-program-mobile-image:nth-child(6) { margin-top: -16% !important; }
.v2-program-mobile-image:nth-child(7) { margin-top: -8.5% !important; }
/* PC에서는 PC 버전만, 모바일에서는 모바일 버전만 표시 */
@media (max-width: 991.98px) {
/* 모바일에서 배너 섹션 표시 */
.v2-program-banner { display: block !important; margin-top: 60px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
/* PC 버전 숨기기 */
.v2-banner-wrapper { display: none !important; }
/* 모바일 버전 표시 */
.v2-banner-mobile { display: block !important; }
/* 나머지 섹션들은 일단 숨김 */
.v2-banner-text-section { display: none !important; }
/* 프로그램 섹션 표시 */
.v2-program-section { display: block !important; padding: 40px 0 0 !important; /* 모바일에서 하단 패딩 제거 */ }
/* PC 프로그램 이미지 숨김 */
.v2-program-images { display: none !important; }
/* 모바일 프로그램 이미지 표시 */
.v2-program-mobile { display: flex !important; flex-direction: column !important; align-items: flex-start !important; /* 기본적으로 왼쪽 정렬 */ }
/* 카드 슬라이드 섹션 표시 */
.v2-program-cards { display: block !important; background-color: #7b4ec3 !important; /* 모바일에서도 보라색 배경 */ padding: 0 0 80px !important; /* 상단 패딩 제거하여 경계선 없애기 */ }
/* PC 카드 숨김 */
.v2-cards-title,
.v2-cards-container,
.v2-cards-prev,
.v2-cards-next { display: none !important; }
/* 모바일 카드 표시 */
.v2-cards-mobile { display: block !important; }
}
/* PC에서는 모바일 버전 숨기기 */
@media (min-width: 992px) {
.v2-banner-mobile { display: none !important; }
.v2-program-mobile { display: none !important; }
.v2-cards-mobile { display: none !important; }
}
/* 큰 화면에서 더 많은 여백 */
@media (min-width: 1200px) {
.v2-program-banner { margin-top: 140px !important; }
/* 큰 화면에서 vw 단위가 부작횜할 수 있으므로 최소값 설정 */
.v2-banner-text { font-size: max(1.3vw, 16px) !important; }
.v2-banner-button { padding: 16px 45px !important; font-size: max(1.3vw, 16px) !important; }
}
/* 태블릿에서 악세사리 크기 조정 */
@media (max-width: 1199.98px) and (min-width: 768px) {
.v2-accessory-1 { width: 7vw !important; right: 14% !important; top: 1% !important; }
.v2-accessory-2 { width: 7vw !important; right: 81% !important; top: 60% !important; }
.v2-accessory-3 { width: 10vw !important; right: 80% !important; top: 50% !important; }
.v2-accessory-4 { width: 10vw !important; right: 13% !important; top: 35% !important; }
/* 태블릿에서 텍스트 크기 조정 */
.v2-banner-content { padding: 0 !important; }
.v2-banner-text { font-size: max(2vw, 16px) !important; }
.v2-banner-button { padding: 12px 30px !important; font-size: max(2vw, 14px) !important; }
.v2-banner-text-section { padding: 30px 0 !important; /* 좌우 패딩 제거 */ }
}
/* 작은 태블릿에서 악세사리 크기 조정 */
@media (max-width: 767.98px) and (min-width: 576px) {
.v2-accessory-1 { width: 9vw !important; right: 10% !important; top: 1% !important; }
.v2-accessory-2 { width: 9vw !important; right: 81% !important; top: 60% !important; }
.v2-accessory-3 { width: 12vw !important; right: 80% !important; top: 50% !important; }
.v2-accessory-4 { width: 12vw !important; right: 13% !important; top: 35% !important; }
/* 작은 태블릿에서 텍스트 크기 조정 */
.v2-banner-content { padding: 0 !important; }
.v2-banner-text { font-size: max(2.5vw, 14px) !important; margin-bottom: 15px !important; }
.v2-banner-button { padding: 10px 25px !important; font-size: max(2.5vw, 13px) !important; }
.v2-banner-text-section { padding: 25px 0 !important; /* 좌우 패딩 제거 */ }
}
/* 프로그램 섹션 태블릿 미디어 쿼리 */
@media (max-width: 1199.98px) and (min-width: 992px) {
.v2-program-image { width: 80% !important; }
.v2-program-section { padding: 40px 0 !important; }
/* 첫 번째 이미지 태블릿 크기 */
.v2-program-image:first-child { width: 13% !important; margin-left: 10% !important; }
}
/* 카드 슬라이드 태블릿 미디어 쿼리 */
@media (max-width: 1199.98px) and (min-width: 992px) {
.v2-program-cards { padding: 80px 0 !important; }
.v2-cards-container { max-width: 80% !important; padding: 0 !important; }
.v2-cards-title { max-width: 80% !important; }
.v2-cards-title img { width: 25% !important; }
.v2-cards-next,
.v2-cards-prev { width: 66px !important; height: 66px !important; }
.v2-cards-next { right: 8% !important; }
.v2-cards-prev { left: 8% !important; }
}
/* 모바일 및 태블릿에서 제목 이미지 크기 조정 */
@media (max-width: 767px) {
.v2-program-cards { padding: 0 0 60px !important; /* 상단 패딩 제거하여 경계선 없애기 */ }
.v2-cards-container { max-width: 90% !important; padding: 0 !important; }
.v2-cards-title { max-width: 90% !important; margin-bottom: 20px !important; }
.v2-cards-title img { width: 40% !important; }
.v2-cards-next,
.v2-cards-prev { width: 44px !important; height: 44px !important; }
.v2-cards-next { right: 5% !important; }
.v2-cards-prev { left: 5% !important; }
}
/*renewal.css*/
@charset "UTF-8";
/* 20250402 게시판 수정 가림 문제로 제거 */
/* section {
overflow-x: hidden;
} */
#bo_v_con { font-size: 16px !important; }
#hd_wrap .language__switch { display: flex; align-items: center; justify-content: flex-start; float: right; padding-right: 35px; height: 108px; -moz-column-gap: 25px; column-gap: 25px; }
#hd_wrap .language__switch a { font-size: 22px; font-weight: 500; color: #fff; }
#hd_wrap .language__switch a:not(.active) { opacity: 0.4; }
#hd_wrap.subpage .language__switch a { color: #000; }
#hd_wrap .language__switch a:not(.active) { opacity: 0.4; }
#hd_wrap.subpage .language__switch a { color: #000; }
body[lang=en] .pc_menu .gnb ul.depth_1 > li > a { font-size: 1.0rem; }
body[lang=en] .pc_menu .gnb ul.depth_2 li a { font-size: 1.0rem; }
.about_3_div .floor_info .info__list { display: flex; }
.about_3_div .floor_info .info__list dt { position: relative; width: 82px; height: 26px; padding-right: 5px; text-align: justify; overflow: hidden; }
.about_3_div .floor_info .info__list dt::before { content: ":"; position: absolute; top: 0; right: 0; }
.about_3_div .floor_info .info__list dt::after { content: ""; display: inline-block; width: 100%; }
.about_3_div .floor_info .info__list dd { flex: 1 0 0%; flex-grow: 1; padding-left: 4px; }
.about_3_div .floor_info .info__list dd span { display: inline-block; width: 70px; text-align: justify; height: 26px; overflow: hidden; vertical-align: middle; }
.about_3_div .floor_info .info__list dd span::after { content: ""; display: inline-block; width: 100%; }
.about_3_div .floor_info .info__list--en dt { width: 142px; text-align: left; }
.about_3_div .floor_info .info__list--en dt::after { display: none; }
.about__leaflet { padding-bottom: 120px; text-align: center; }
.about__leaflet a { display: inline-block; }
.universe__hero { margin-top: 108px; aspect-ratio: 1/0.51; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/universe_hero_pc.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.universe__hero.en { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/universe_hero_pc.png); }
.universe__about { position: relative; padding-top: 160px; padding-bottom: 160px; overflow: hidden; }
.universe__about h2 { font-size: 46px; font-weight: 800; color: #5b1eab; letter-spacing: -0.05em; margin-bottom: 36px; }
.universe__about p { font-size: 30px; letter-spacing: -0.05em; line-height: 1.5; }
.universe__about p strong { font-weight: 700; color: #5b1eab; }
.universe__about .deco__top,
.universe__about .deco__bottom { position: absolute; width: auto !important; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: -1; }
.universe__about .deco__top { top: 66px; left: -7%; }
.universe__about .deco__bottom { bottom: 36px; right: -2%; }
.universe__about.en .deco__top { width: 342px !important; left: -80px; }
.universe__about.en .deco__bottom { width: 320px !important; right: -34px; }
.collabo__hero { display: flex; align-items: center; justify-content: center; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/collaboration_hero.png?1); background-size: cover; background-position: center; background-repeat: no-repeat; }
main h2 { font-size: 44px; font-weight: 700; color: #fff; letter-spacing: -0.025em; }
.collabo__overview { padding-top: 148px; padding-bottom: 142px; }
.collabo__overview h3 { font-size: 35px; font-weight: 700; color: #753cbe; letter-spacing: -0.025em; text-align: center; margin-bottom: 100px; }
.collabo__overview .overview__item { text-align: center; }
.collabo__overview .overview__item .icon { display: flex; align-items: center; justify-content: center; height: 129px; }
.collabo__overview .overview__item .icon img { width: auto !important; max-width: 100px; max-height: 129px; }
.collabo__overview .overview__item h4 { font-size: 28px; font-weight: 700; color: #753cbe; letter-spacing: -0.025em; line-height: 1.2; margin-top: 10px; margin-bottom: 30px; min-height: 100px}
.collabo__overview .overview__item p { font-size: 22px; color: #000; letter-spacing: -0.025em; line-height: 1.42; }
.collabo__overview .overview__item p a { text-decoration: underline; }
.collabo__downloads { padding-top: 124px; padding-bottom: 126px; background-color: #e0d3f4; }
.collabo__downloads .notify__text { display: flex; align-items: flex-start; justify-content: center; margin-bottom: 64px; }
.collabo__downloads .notify__text ul li { position: relative; font-size: 32px; font-weight: 500; color: #773dbd; letter-spacing: -0.025em; line-height: 1.5; padding-left: 26px; }
.collabo__downloads .notify__text ul li::before { content: "※"; position: absolute; top: 0; left: 0; }
.collabo__downloads .buttons { display: flex; align-items: center; justify-content: center; -moz-column-gap: 72px; column-gap: 30px; }
.collabo__downloads .buttons a { display: inline-flex; align-items: center; justify-content: center; width: 380px; height: 80px; font-size: 26px; font-weight: 700; color: #fff; letter-spacing: -0.025em; -moz-column-gap: 16px; column-gap: 16px; background-color: #753cbe; -webkit-clip-path: polygon(100% 76%, 94% 100%, 0% 100%, 0% 24%, 6% 0%, 100% 0%); clip-path: polygon(100% 76%, 94% 100%, 0% 100%, 0% 24%, 6% 0%, 100% 0%); }
.collabo__downloads .buttons a::before { content: ""; display: block; width: 33px; height: 33px; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/download_icon.png?2); background-position: center; background-size: 100%; background-repeat: no-repeat; }
.collabo__downloads.en .buttons a { font-size: 18px; }
#sp_list .container > div { margin-top: 102px; }
#sp_list .localstore { position: relative; aspect-ratio: 1/0.4428; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/local_store_bg.png?1); background-size: cover; background-position: center; background-repeat: no-repeat; }
#sp_list .localstore[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/local_store_bg.png?2); }
#sp_list .btn_list[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/list_btn.png); }
#sp_list .nomard_shop { position: relative; aspect-ratio: 1/0.4428; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/nomard_shop_pc.png?2); background-size: cover; background-position: center; background-repeat: no-repeat; }
#sp_list .nomard_shop[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/nomard_shop_pc.png?1); }
#sp_list .custom_shop { position: relative; aspect-ratio: 1/0.4428; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/custom_shop_pc.png?1); background-size: cover; background-position: center; background-repeat: no-repeat; height:auto !important; }
#sp_list .custom_shop[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/custom_shop_pc.png?1); }
@media (max-width: 767px) {
#sp_list .nomard_shop { position: relative; aspect-ratio: 1/1.38; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/nomard_shop_mo.png?1); background-size: contain; height:auto !important; }
#sp_list .nomard_shop a{bottom:52px;}
#sp_list .nomard_shop[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/nomard_1-1_m_en.png); }
#sp_list .custom_shop { position: relative; aspect-ratio: 1/1.38; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/custom_shop_mo.png?5); background-size: contain; height:auto !important; }
#sp_list .custom_shop a{bottom:88px;}
#sp_list .custom_shop[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/custom_shop_mo.png?3); }
}
#qna .qna__header { aspect-ratio: 1/0.4292527822; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/qna_00_g.png?2); background-size: cover; background-position: center; background-repeat: no-repeat; }
#qna .qna__header[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/qna_00_g.png?3); }
#qna .qna__header[lang=jp] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/jpn/qna_00_g.png?3); }
#qna .qna__header[lang=chs] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/chs/qna_00_g.png?3); }
#qna .qna__header[lang=cht] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/cht/qna_00_g.png?3); }
#station_qna .qna__header { aspect-ratio: 1/0.4292527822; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/qna_00.png?1); background-size: cover; background-position: center; background-repeat: no-repeat; }
#station_qna .qna__header[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/qna_00.png); }
#station_qna .qna__header[lang=jp] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/jpn/qna_00.png?1); }
#station_qna .qna__header[lang=chs] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/chs/qna_00.png); }
#station_qna .qna__header[lang=cht] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/cht/qna_00.png?1); }
@media screen and (max-width: 1200px){
#qna .qna__header { aspect-ratio: 1; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/qna_00_m_g.png?5); background-size: cover; background-position: center; background-repeat: no-repeat; }
#qna .qna__header[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/qna_00_m.png?4);}
#qna .qna__header[lang=jp] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/jpn/qna_00_m_g.png?2); }
#qna .qna__header[lang=chs] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/chs/qna_00_m_g.png?1); }
#qna .qna__header[lang=cht] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/cht/qna_00_m_g.png?3); }
#station_qna .qna__header{ aspect-ratio: 1; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/qna_00_m.png?5); background-size: cover; background-position: center; background-repeat: no-repeat; }
#station_qna .qna__header[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/qna_00_m.png?1); }
#station_qna .qna__header[lang=jp] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/jpn/qna_00_m.png?2); }
#station_qna .qna__header[lang=chs] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/chs/qna_00_m.png?1); }
#station_qna .qna__header[lang=cht] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/cht/qna_00_m.png?3); }
}
.qna__content { padding-top: 80px; padding-bottom: 80px; background-color: #f3f3f3; }
.qna__content img{width: 100%}
#og_2.en .right ul { transform: translateY(-50px); }
#og_2.en .right ul li:nth-child(2) { padding-top: 16px; }
#og_2.en .right ul li > div strong { display: block; }
#og_3.en dl dd em { font-style: normal; font-size: 60%; vertical-align: super; }
#og_4.en .small { font-size: 16px; }
#regular_program .program__button { display: inline-flex; align-items: center; justify-content: center; font-size: 38px; font-weight: 500; letter-spacing: -0.05em; min-width: 320px; height: 96px; padding-left: 60px; padding-right: 60px; }
#regular_program .program__hero { position: relative; aspect-ratio: 1/0.51; margin-top: 108px; background-image: url(https://www.webhows.com/hikr/assets/img/hero_bg.webp); background-size: cover; background-position: center; background-repeat: no-repeat; }
#regular_program .program__hero--title { position: absolute; top: 56px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#regular_program .program__hero--title img { width: auto; margin-left: auto; margin-right: auto; }
#regular_program .program__timetable { padding-top: 145px; padding-bottom: 140px; background-color: #664498; }
#regular_program .program__timetable .timetable__header { color: #fff; margin-bottom: -100px; }
#regular_program .program__timetable .timetable__header h3 { font-size: 46px; font-weight: 500; letter-spacing: -0.05em; }
#regular_program .program__timetable .timetable__header h2 { font-size: 68px; font-weight: 700; letter-spacing: -0.05em; }
#regular_program .program__timetable .timetable__content img { width: auto; margin-left: auto; margin-right: auto; }
#regular_program .program__timetable .program__button { margin-top: 40px; color: #fff; background-color: #282828; }
.notfound__wrapper { display: flex; align-items: center; justify-content: flex-start; margin-top: 108px; height: 800px; background-color: #e0d3f4; }
.notfound__wrapper h1 { font-size: 48px; font-weight: 700; color: #5b1eab; margin-bottom: 24px; }
.notfound__wrapper p { font-size: 18px; font-weight: 500; color: #6d5c82; line-height: 1.7; letter-spacing: -0.03em; }
.notfound__wrapper .link__move { display: inline-flex; align-items: center; justify-content: center; width: 280px; height: 66px; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -0.025em; -moz-column-gap: 16px; column-gap: 16px; background-color: #753cbe; -webkit-clip-path: polygon(100% 76%, 94% 100%, 0% 100%, 0% 24%, 6% 0%, 100% 0%); clip-path: polygon(100% 76%, 94% 100%, 0% 100%, 0% 24%, 6% 0%, 100% 0%); }
@media (max-width: 1800px) {
body[lang=en] .pc_menu .gnb { margin-left: 60px; }
}
@media (max-width: 1724px) {
body[lang=en] .pc_menu .gnb ul.depth_1 > li > a { /* font-size: 1.3rem; */ }
body[lang=en] .pc_menu .gnb ul.depth_2 li a { /* font-size: 1.1rem; */ }
}
@media (max-width: 1200px) {
.mobile_menu .topbar .sidemenu { display: flex; align-items: center; justify-content: center; font-size: 0; -moz-column-gap: 24px; column-gap: 24px; }
#hd_wrap .language__switch { height: 50px; padding-right: 0; -moz-column-gap: 16px; column-gap: 16px; }
#hd_wrap .language__switch a { font-size: 15px; }
.about__leaflet { margin-top: -50px; padding-bottom: 60px; }
.universe__hero { margin-top: 50px; aspect-ratio: 1/1.58; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/universe_hero_m.png); }
.universe__hero.en { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/universe_hero_m.png); }
.universe__about { padding-top: 80px; padding-bottom: 60px; text-align: center; }
.universe__about .deco__top,
.universe__about .deco__bottom { display: none; }
.universe__about h2 { font-size: 23px; margin-bottom: 32px; }
.universe__about p { font-size: 18px; line-height: 1.44; }
.universe__member { padding-top: 0; padding-bottom: 52px; background-image: none; }
.universe__member .section__header { margin-bottom: 28px; padding-left: 40px; }
.universe__member .member__swiper { position: relative; }
.universe__member .member__swiper .swiper-wrapper { display: block; }
.universe__member .member__swiper .swiper-slide { width: 100%; padding-left: 17px; padding-right: 17px; }
.universe__member .member__swiper .swiper-slide + .swiper-slide { margin-top: 58px; }
.universe__member .member__swiper .profile__wrapper { display: block; position: relative; background-color: #fff; -webkit-clip-path: unset; clip-path: unset; }
.universe__member .member__swiper .profile__wrapper::before { display: none; }
.universe__member .member__swiper .profile__wrapper .photo { width: 100%; margin-bottom: 24px; }
.universe__member .member__swiper .profile__wrapper .info { display: block; padding-top: 0; padding-left: 0; padding-bottom: 0; }
.universe__member .member__swiper .profile__wrapper .info img { height: 78px; margin-bottom: 20px; }
.universe__member .member__swiper .profile__wrapper .info ul li { font-size: 12px; color: #1d1d1b; letter-spacing: -0.05em; line-height: 1.4; padding-left: 12px; }
.universe__member .member__swiper .profile__wrapper .info ul li + li { margin-top: 8px; }
.universe__member .member__swiper .profile__wrapper .info ul li::before { top: 5px; width: 4px; height: 4px; }
.universe__member .member__swiper .profile__wrapper .info .tags { font-size: 11px; margin-top: 20px; }
.universe__member .swiper-button-next,
.universe__member .swiper-button-prev { display: none; }
#sp_localstore { margin-top: 50px; }
#sp_localstore .store__banner h3 { font-size: 19px; margin-top: 12px; margin-bottom: 24px; }
#sp_localstore .store__banner .info__items { -moz-column-gap: 4px; column-gap: 4px; }
#sp_localstore .store__banner .info__items li { font-size: 13px; height: 23px; padding: 0 12px; border-width: 1px; }
#sp_localstore .store__introduce { padding-top: 54px; padding-bottom: 30px; }
#sp_localstore .store__introduce .introduce__text { padding-left: 32px; padding-right: 17px; }
#sp_localstore .store__introduce .introduce__text h3 { font-size: 19px; margin-bottom: 20px; }
#sp_localstore .store__introduce .introduce__text p { font-size: 14px; }
#sp_localstore .store__introduce .introduce__text p + p { margin-top: 23px; }
#sp_localstore .store__theme { padding-top: 30px; padding-bottom: 30px; }
#sp_localstore .store__theme .theme__header { margin-bottom: 18px; padding-left: 17px; padding-right: 17px; }
#sp_localstore .store__theme .theme__header img { height: 55px; margin-bottom: 22px; }
#sp_localstore .store__theme .theme__header p { font-size: 14px; }
#sp_localstore .store__theme .theme__swiper .swiper-slide { width: 100%; max-width: none; }
#sp_localstore .store__theme .theme__swiper .swiper-slide figure img { max-width: 446px; margin: auto; }
#sp_localstore .store__theme .theme__swiper .swiper-slide figure figcaption { margin-top: 22px; font-size: 17px; }
#sp_localstore .store__theme .swiper-button-next,
#sp_localstore .store__theme .swiper-button-prev { width: 12px; height: 24px; margin-top: -37px; }
#sp_localstore .store__theme .swiper-button-next { right: 27px; }
#sp_localstore .store__theme .swiper-button-prev { left: 27px; }
#sp_localstore .store__theme .move__button { margin-top: 60px; }
#sp_localstore .store__theme .move__button a { font-size: 17px; width: 272px; max-width: calc(100% - 98px); height: 50px; }
#sp_localstore .store__slides .swiper-button-next,
#sp_localstore .store__slides .swiper-button-prev { width: 12px; height: 24px; margin-top: -12px; }
#sp_localstore .store__slides .swiper-button-next { right: 28px; }
#sp_localstore .store__slides .swiper-button-prev { left: 28px; }
#sp_localstore .store__guidemap { padding-top: 54px; padding-bottom: 60px; }
#sp_localstore .store__guidemap h2 { font-size: 22px; margin-bottom: 43px; }
.collabo__hero { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/collaboration_hero_m.png?1); }
.collabo__hero h2 { font-size: 30px; }
.collabo__overview { padding-top: 40px; padding-bottom: 60px; }
.collabo__overview h3 { font-size: 20px; text-align: center; margin-bottom: 35px; }
.collabo__overview .overview__item .icon { height: 168px; }
.collabo__overview .overview__item .icon img { max-width: 142px; max-height: 168px; }
.collabo__overview .overview__item h4 { font-size: 20px; margin-bottom: 16px; min-height: auto}
.collabo__overview .overview__item p { font-size: 14px; margin-bottom: 50px;}
.collabo__downloads { padding-top: 40px; padding-bottom: 30px; }
.collabo__downloads .notify__text { display: block; margin-bottom: 40px; }
.collabo__downloads .notify__text ul li { font-size: 16px; padding-left: 20px; }
.collabo__downloads .buttons { flex-direction: column; -moz-column-gap: 0; column-gap: 0; row-gap: 36px; }
.collabo__downloads .buttons a { width: 360px; max-width: 100%; height: 56px; font-size: 18px; -moz-column-gap: 12px; column-gap: 12px; -webkit-clip-path: polygon(100% 76%, 96% 100%, 0% 100%, 0% 24%, 4% 0%, 100% 0%); clip-path: polygon(100% 76%, 96% 100%, 0% 100%, 0% 24%, 4% 0%, 100% 0%); color:#fff!important;}
.collabo__downloads.en .buttons a { font-size: 16px; }
.qna__content { padding-top: 20px; padding-bottom: 40px; }
#og_2.en .right ul { transform: translateY(0); }
#og_4.en .small { font-size: 12px; }
#regular_program .program__button { font-size: 19px; min-width: 160px; height: 48px; padding-left: 28px; padding-right: 28px; }
#regular_program .program__hero { position: relative; aspect-ratio: 1/1.58; margin-top: 50px; background-image: url(https://www.webhows.com/hikr/assets/img/hero_bg_m.webp); background-size: cover; background-position: center; background-repeat: no-repeat; }
#regular_program .program__hero--title { position: absolute; top: 45px; }
#regular_program .program__hero--title img { width: 323px; }
#regular_program .program__about { padding-top: 73px; padding-bottom: 50px; }
#regular_program .program__about h2 { font-size: 23px; margin-bottom: 42px; }
#regular_program .program__about p { font-size: 18px; font-weight: 500; color: #5b1eab; letter-spacing: -0.05em; line-height: 1.33; margin-bottom: 66px; }
#regular_program .program__about .program__button { color: #fff; background-color: #5b1eab; }
#regular_program .program__about .member__swiper .swiper-wrapper { display: block; }
#regular_program .program__about .member__swiper .swiper-slide + .swiper-slide { margin-top: 50px; }
#regular_program .program__about .member__swiper .profile__wrapper { display: block; padding-left: 30px; padding-right: 30px; -webkit-clip-path: none; clip-path: none; }
#regular_program .program__about .member__swiper .profile__wrapper::before { display: none; }
#regular_program .program__about .member__swiper .profile__wrapper .photo { width: 100%; border-right: none; }
#regular_program .program__about .member__swiper .profile__wrapper .info { row-gap: 32px; padding-top: 33px; padding-left: 22px; padding-bottom: 0; padding-right: 22px; }
#regular_program .program__about .member__swiper .profile__wrapper .info h3 { font-size: 21px; margin-bottom: 18px; }
#regular_program .program__about .member__swiper .profile__wrapper .info dl + dl { margin-top: 3px; }
#regular_program .program__about .member__swiper .profile__wrapper .info dl dt { width: 42px; height: 21px; font-size: 14px; }
#regular_program .program__about .member__swiper .profile__wrapper .info dl dd { font-size: 15px; padding-left: 8px; }
#regular_program .program__about .member__swiper .reservation__button { width: 130px; height: 36px; font-size: 14px; }
#regular_program .program__about .swiper-button-next,
#regular_program .program__about .swiper-button-prev { display: none; }
#regular_program .program__timetable { padding-top: 48px; padding-bottom: 70px; }
#regular_program .program__timetable .timetable__header { margin-bottom: 30px; }
#regular_program .program__timetable .timetable__header h3 { font-size: 23px; }
#regular_program .program__timetable .timetable__header h2 { font-size: 34px; }
#regular_program .program__timetable .timetable__content img.balloon__img { margin-top: 44px; transform: translateY(0); }
#regular_program .program__timetable .program__button { margin-top: 60px; }
.notfound__wrapper { margin-top: 50px; height: 600px; }
.notfound__wrapper h1 { font-size: 32px; margin-bottom: 20px; }
.notfound__wrapper p { font-size: 16px; }
.notfound__wrapper .link__move { width: 220px; height: 50px; font-size: 18px; }
#hd_wrap .language__switch a { color: #000; }
#hd_wrap .language__switch a { color: #000; }
}
@media (max-width: 767px) {
#sp_list .container > div { margin-top: 32px; }
#sp_list .localstore { position: relative; aspect-ratio: 1/1.38; background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/common/local_store_bg_m.png?2); }
#sp_list .localstore[lang=en] { background-image: url(https://english.visitkorea.or.kr/public/assets/hikr/images/enu/local_store_bg_m.png?1); }
#sp_localstore .store__theme .theme__swiper .swiper-slide figure img { max-width: 223px; }
.icon.sec{margin-bottom:30px;}
}
/*2025-04-16*/
.pc-version { display: block; }
.mobile-version { display: none; }
@media screen and (max-width: 768px) {
.pc-version { display: none; }
.mobile-version { display: block; }
}
.collabo__banner img{width: 100%}
/*special_list.css*/
@charset "utf-8";
*{ margin: 0; padding: 0; }
.pc{ display: block; }
.pc.img_date_info{ height:35.60px; width:auto; position:absolute; top:78px; right:69px; }
.mo{ display: none; }
#sp_list #sub_banner{ background: url(https://www.webhows.com/hikr/assets/img/sp_list_banner.jpg) no-repeat center center/cover; }
#sp_list #sub_banner .menu_tt{ color: #e0d3f4; }
#sp_list .container{ width: 1645px; margin: 0 auto; /* padding: 105px 0; */ }
#sp_list .list{ width: 100%; height: 50vh; padding: 64px 69px 37px; position: relative; }
.worlds_link{ margin-top: 48px; background: url(https://www.webhows.com/hikr/assets/img/worlds_list_bg.png) no-repeat center center/cover; }
.deekay_link{ margin-top: 48px; margin-bottom: 105px; background: url(https://www.webhows.com/hikr/assets/img/deekay_list_bg.png) no-repeat center center/cover; }
.worlds_link .heading { width: 1278px; }
.deekay_link .heading { width: 740px; }
#sp_list .btn_list{ width: 176px; height: 66px; background: url(https://www.webhows.com/hikr/assets/img/list_btn.png) no-repeat center center/cover; position: absolute; bottom: 37px; right: 69px; display: block; transition: 0.5s all; cursor: pointer; }
#sp_list .btn_list:hover{ transform: scale(1.1); }
.coolrain{ margin-top: 105px; background: url(https://www.webhows.com/hikr/assets/img/cool_bg.svg) no-repeat center center/cover; }
.coolrain .heading{ width: 700px; }
.coolrain .pc.img_date_info{ height: 55.78px; width: 26%; position: absolute; top: 78px; right: 76px; }
@media (max-width:1650px) {
#sp_list .container{ width: 90%; }
.worlds_link .heading { width: 90%; }
.pc.img_date_info{ height:30.6px; }
}
@media (max-width:1300px) {
#sp_list .list{ height:40vh ; }
.deekay_link .heading { width: 50%; }
.coolrain .heading{ width: 50%; }
.pc.img_date_info{ height:25.6px; }
}
@media (max-width:920px) {
.pc{ display: none; }
.mo{ display: block; }
#sp_list .list{ height:80vh ; }
#sp_list .container{ width: 100%; padding: 0px 0 110px; }
.worlds_link{ background: url(https://www.webhows.com/hikr/assets/img/m_worlds_bg.jpg) no-repeat center center/cover; }
.deekay_link{ margin-top: 48px; background: url(https://www.webhows.com/hikr/assets/img/m_deekay_bg.jpg) no-repeat center center/cover; }
.coolrain{ margin-top: 105px; background: url(https://www.webhows.com/hikr/assets/img/cool_bg_mo.png) no-repeat center center/cover; }
.worlds_link .heading { width: 430px; margin: 0 auto; }
.worlds_link .date{ width: 350px; position: absolute; bottom: 37px; }
.deekay_link .heading { /* width: 100%; */ width: 48%; }
.coolrain .heading { width: 98%; margin: 0 auto; }
#sp_list #sub_banner .menu_tt{ font-size: 50px; }
}
@media (max-width: 768px) {
.worlds_link .heading{ width: 370px; }
.worlds_link .date{ width: 290px; }
}
@media (max-width:527px) {
#sp_list .list{ padding: 45px; }
#deekay_link_list{ padding: 40px 30px 20px 30px !important; }
.worlds_link .heading { width: 78%; }
.worlds_link .date{ width: 40%; bottom: 37px; left: 48px; }
#sp_list .btn_list{ right: 48px; }
#sp_list .list{ height: 812px; }
}
@media (max-width:500px) {
#sp_list .list { height: 730px; }
#sp_list #sub_banner { padding: 99px 0 53px; }
#sp_list .btn_list { width: 136px; height: 52px; }
}
@media (max-width:450px) {
.worlds_link .date { width: 48%; bottom: 37px; left: 35px; }
}
@media (max-width:425px) {
#sp_list .list { height: 630px; }
.worlds_link .heading { width: 75%; }
#deekay_link_list{ padding: 40px 30px 20px 30px !important; }
}
@media (max-width:375px) {
#sp_list .btn_list { right: 32px; }
.worlds_link .date{ left: 32px; }
}
@media (max-width:320px) {
#sp_list .list { height: 480px; }
#sp_list .container{ padding: 28px 0 60px; }
#sp_list .list{ margin-top: 28px; }
}
.offcanvas.url-visitkorea{top: 80px!important;}
@media (max-width:1200px) {
.offcanvas.url-visitkorea{top: 59px!important;}
}
/*VK포함*/
.container:has(.common-inner) {
max-width: 100%!important;
width: 100%!important;
padding: 0 !important;
}
/*VK레이아웃깨짐*/
.header__nav__link > span{white-space: pre}
.header__user__btn span{white-space: pre}