/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 09 2026 | 08:23:57 */
.main_hero{position:relative; width:100%; max-width:1280px; height:500px; margin:0 auto; font-size:16px;}
.main_hero .hero_images{position:relative; width:100%; height:500px; overflow:hidden;}
.main_hero .hero_slide{position:absolute; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1s; animation:heroFade 24s infinite; border-radius:16px;}
.main_hero .delay1 { animation-delay: 0s; } .main_hero .delay2 { animation-delay: 8s; } .main_hero .delay3 { animation-delay: 16s; }
@keyframes heroFade {  0% { opacity: 0; } 5% { opacity: 1; } 33% { opacity: 1; } 38% { opacity: 0; } 100% { opacity: 0; } }
.main_hero .hero_typo{position:absolute; top:0; margin:5%;}
.main_hero .hero_typo li:nth-of-type(1) img{margin:0 0 4px -10px;}
.main_hero .hero_typo li:nth-of-type(2){font-size:52px; font-weight:900; line-height:62px; color:#fff;  text-shadow:0 3px 6px rgba(0,0,0,.2);}
.main_hero .hero_typo li:nth-of-type(3){font-weight:600; color:rgba(255,255,255,.8); display:block; margin-top:16px;  text-shadow:0 3px 4px rgba(0,0,0,.5);}
.main_hero .hero_btn{position:absolute; bottom:0; width:400px; text-align:center; left:50%; transform:translate(-50%);}
.main_hero h2{font-size:14px; text-align:center; font-weight:600; margin-top:10px; letter-spacing:-1px; color:#5b1ada;}
.main_hero .hero_btn a{display:inline-block; width:50%; background:rgba(91,26,218,.7); color:#fff; padding:14px 0; transition:0.4s;}
.main_hero .hero_btn a:hover{background:rgba(91,26,218,1);}
.main_hero .hero_btn .btn_seoul{border-radius:22px 0 0 0;}
.main_hero .hero_btn .btn_busan{border-radius:0 22px 0 0;}

.main_city{width:100%; max-width:1280px; margin:0 auto; text-align:center; font-size:16px;}
.main_city h2{font-size:22px; font-weight:700; margin:80px 0 36px; text-align:center;}
.main_city .city_wrap{display:flex; flex-wrap:wrap; overflow-y:hidden; max-height:142px; transition: max-height 0.3s ease-out; gap:2.8%; justify-content:center;}
.main_city .city_wrap.expanded{}
.main_city .city_link{box-sizing:border-box; margin-bottom:40px; width:7.6%;}
.main_city .city_link img{border-radius:100px; width:100%; aspect-ratio:1 / 1; object-fit:cover;}
.main_city .city_link .city_name{font-size:16px; font-weight:600; margin-top:8px;}
.main_city .city_more{color:#5B1BDA; border:1px solid #ddd; padding:12px 16px; border-radius:8px; background:#fff; font-weight:600; margin-top:20px;}

.main_theme{width:100%; max-width:1280px; margin:0 auto; font-size:16px; font-size:16px;}
.main_theme h2{font-size:22px; font-weight:700; margin:60px 0 20px;}
.main_theme .theme_wrap{display:flex; gap:24px; justify-content:space-between;}
.main_theme .theme_area{}
.main_theme .theme_header h3{font-size:19px; font-weight:700; border:1px solid #ddd; border-radius:16px; padding:14px; margin-bottom:16px; display:flex; transition:0.4s;}
.main_theme .theme_header h3::before{content:""; width:10px; border-radius:10px; margin-right:8px;}
.main_theme .theme_header h3::after{content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:16px; display:flex; align-items:center; margin-left:auto; color:#666;}
.main_theme .theme_header h3:hover{background:#f2f2f2;}
.main_theme .theme_area.kpop h3{color:#8036FF;}
.main_theme .theme_area.kpop h3::before{background:#8036FF;}
.main_theme .theme_area.history h3{color:#2CAEFF;}
.main_theme .theme_area.history h3::before{background:#2CAEFF;}
.main_theme .theme_area.food h3{color:#DF4545;}
.main_theme .theme_area.food h3::before{background:#DF4545;}
.main_theme .theme_area.park h3{color:#19A523;}
.main_theme .theme_area.park h3::before{background:#19A523;}
.main_theme .item_list{}
.main_theme .item_list .item_theme{display:flex; gap:4%; margin-bottom:6px; transition:transform .2s ease;}
.main_theme .item_list .item_theme:hover{transform:translateX(-2px);}
.main_theme .item_list .item_photo{width:72px;}
.main_theme .item_list .item_photo img{width:72px; height:72px; border-radius:8px; aspect-ratio:1 / 1; object-fit:cover; min-height:72px;}
.main_theme .item_list .item_info{}
.main_theme .item_list .item_name{font-size:15px; font-weight:400; line-height:20px; margin:4px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main_theme .item_list .item_price{font-weight:600; color:#5B1BDA;}

.banner_big{width:100%; max-width:1280px; margin:60px auto 0; height:220px; border-radius:24px; display:flex; flex-direction:column; justify-content:center; background-size:contain!important; background:url('https://jktour6500.mycafe24.com/wp-content/uploads/2026/03/banner_big_baekje-heritage-daytour.webp')no-repeat right bottom #2e238b; box-sizing:border-box; font-size:16px;}
.banner_big .banner_title{font-size:40px; font-weight:600; color:#fff; margin:0 4% 1.5% 4%; text-shadow:0px 0px 16px rgba(0, 0, 0, .5); line-height:1.3;}
.banner_big .banner_summary{font-size:16px; font-weight:500; color:#b7d9f2; margin:0 0 0 4%; line-height:1.3;}

.main_recommend{width:100%; max-width:1280px; margin:0 auto;}
.main_recommend h2{font-size:22px; font-weight:700; margin:60px 0 20px;}

.main_attraction{width:100%; max-width:1280px; margin:0 auto; padding:0; font-size:16px;}
.main_attraction h2{font-size:22px; font-weight:700; margin:60px 0 20px;}
.main_attraction .attraction_wrap{display:flex; gap:24px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; cursor:grab; user-select:none;}
.main_attraction .attraction_wrap:active{cursor:grabbing;}
.main_attraction .attraction_wrap::-webkit-scrollbar {display:none;}
.main_attraction .attraction_card{flex:0 0 calc((100% - (24px * 5)) / 6); position:relative;}
.main_attraction .attraction_card img{width:100%; height:100%; object-fit:cover; border-radius:16px; -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; -o-user-drag:none;}
.main_attraction .attraction_card .spot_name{position:absolute; bottom:0; left:0; font-size:18px; color:#fff; font-weight:600; padding:0 16px; margin-bottom:16px; width:calc(100% - 32px); white-space:normal; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

@media all and (max-width:1280px) {.page-template-nolja-default .nolja_bodywrap{padding:0 20px;}}

@media all and (min-width:1025px) and (max-width:1280px) {

}
@media all and (min-width:769px) and (max-width:1024px) {
.main_hero, .main_hero .hero_images{height:380px;}
.main_hero .hero_typo{margin:4% 5%;}
.main_hero .hero_typo li:nth-of-type(2){font-size:44px; line-height:48px;}
.main_city .city_link{width:9%;}
.main_theme .theme_wrap{flex-wrap:wrap;}
.main_theme .theme_area{width:48%;}
.banner_big{height:180px;}
.banner_big .banner_title{font-size:28px;}
.main_attraction .attraction_card{flex:0 0 calc((100% - (2% * 4)) / 5);}
.main_attraction .attraction_wrap{gap:2%;}
.main_attraction .attraction_card .spot_name{font-size:16px;}
}
@media all and (min-width:481px) and (max-width:768px) {
.main_hero, .main_hero .hero_images{height:380px;}
.main_hero .hero_typo li:nth-of-type(2){font-size:36px; line-height:46px;}
.main_hero .hero_btn a{width:40%;}
.main_city .city_wrap{}
.main_city .city_link{width:14%; max-width:80px;}
.main_theme .theme_wrap{flex-wrap:wrap; gap:16px;}
.main_theme .theme_header h3{border-radius:10px;}
.main_theme .theme_area{width:48%;}
.banner_big{height:160px; border-radius:10px;}
.banner_big .banner_title{font-size:24px;}
.main_attraction .attraction_wrap{gap:3%;}
.main_attraction .attraction_card{flex:0 0 calc((100% - (3% * 4)) / 3.5);}
.main_attraction .attraction_card img{border-radius:10px;}
.main_attraction .attraction_card .spot_name{font-size:16px; padding:0 12px; margin-bottom:10px;}
}
@media (max-width:480px) {
.main_hero,.main_city,.main_theme,.banner_big,.main_attraction{font-size:14px;}
.main_noljabody h2{font-size:18px;}
.main_hero h2{font-size:14px!important;}
.main_hero, .main_hero .hero_images{height:320px;}
.main_hero .hero_typo li:nth-of-type(2){font-size:26px; line-height:34px;}
.main_hero .hero_typo li:nth-of-type(3){margin-top:12px;}
.main_hero .hero_btn a{width:30%;}
.main_city .city_wrap{gap:3.6%; max-height:120px;}
.main_city .city_link{width:17%; max-width:80px;}
.main_city .city_link .city_name{font-size:14px;}
.main_theme .theme_wrap{flex-wrap:wrap; gap:16px;}
.main_theme .theme_area{width:100%;}
.main_theme .theme_header h3{border-radius:10px;}
.banner_big{height:120px; border-radius:10px;}
.banner_big .banner_title{font-size:18px;}
.banner_big .banner_summary{font-size:14px;}
.main_attraction .attraction_wrap{gap:4%;}
.main_attraction .attraction_card{flex:0 0 calc((100% - (4% * 4)) / 2.2);}
.main_attraction .attraction_card img{border-radius:10px;}
.main_attraction .attraction_card .spot_name{font-size:16px; padding:0 12px; margin-bottom:10px;}
}