@charset "utf-8"; /* iframe(e-book) */ iframe.sub-layout { width: 100%; height: calc(100vh - 116px); } /* 여행 매거진 */ .cate_theme_img { overflow: hidden; max-height: 120px; } .cate_theme_img img { max-width: 100%; min-height: 120px; } .fs-1.text-truncate3 { display: -webkit-box; overflow: hidden; height: 4rem; line-height: 2rem; white-space: break-spaces; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 테마컨텐츠 */ .theme-content {} .theme-content.bg { background-color: #e9eaea; } .theme-content .txt-group {} .theme-content .txt-group p { margin-bottom: 5%; } .theme-content .tit { margin-top: -14px; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333; } .theme-content .box-round1 { background-color: #fff; border-radius: 10px; } .theme-content .box-round2 { background-color: #e4ebf4; border-radius: 10px; } .theme-content .box-round3 { display: inline-flex; align-items: center; padding-left: 15px; background-color: #235da8; color: #fff; border-radius: 20px; } .theme-content .title { font-size: 22px; font-weight: bold; line-height: 32px; color: #000; text-align: center; letter-spacing: -2px; } .theme-content .i-map { width: 40px; height: 40px; } .theme-content .i-time { width: 40px; height: 40px; } .theme-content .i-beach { width: 40px; height: 40px; } .theme-content .i-bus { width: 40px; height: 40px; } .theme-content .i-taxi { width: 40px; height: 40px; } .theme-content .i-youtube { width: 250px; } .theme-content .rough-map {} .theme-content .i-bag { width: 30px; height: 30px; } .theme-content .i-turning { width: 50px; } .theme-content .title-sub { vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 32px; color: #235d9e; text-align: center; letter-spacing: -2.5px; } .theme-content .title-p { font-weight: bold; text-align: center; } .theme-content .list-1 {} .theme-content .list-1 li { display: flex; font-size: 13px; color: #235d9e; } .theme-content .list-1 i {} .theme-content .list-1 span { flex-shrink: 0; margin-right: 5px; } .theme-content .card { border: 0; } .theme-content .card-body { margin-bottom: 20px; padding: 0; } .theme-content .card-title { display: flex; justify-content: space-between; margin-top: -50px; margin-bottom: 0; padding: 10px 10px; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); background-color: rgba(0, 0, 0, 0.5); } .theme-content .card-title span { font-size: 16px; font-weight: bold; color: #ffc80a; } .theme-content .tag-title { display: inline-block; background: linear-gradient(to top, #FFE400 50%, transparent 50%); font-size: 16px; color: #333; } .theme-content .photo { height: 200px; } .theme-content .photo img { min-height: 100%; max-height: 200px; border-radius: var(--bs-card-inner-border-radius); } .theme-content .i-map-pin { margin-right: 10px; width: 16px; height: 26px; } .theme-content .btn-arrow { width: 30px; height: 30px; } /* 축제 */ .section15 { /* padding: 25px 0; margin-right: -1%; border-bottom: 4px solid #e9ecef; */ overflow: hidden; } .section15 p { margin-bottom: 0; } .section15 .tit_wrap { margin-bottom: 10px; } .section15 .tit_wrap .tit_1 { font-size: 1.8rem; font-weight: 700; color: #222; letter-spacing: -0.2rem; } .section15 .tit_wrap .tit_1 span { vertical-align: middle; } .section15 .tit_wrap .tit_1:after { display: inline-block; margin-left: 8px; width: 30px; height: 30px; vertical-align: middle; /* background-image: url(/images/main/gift.png); */ background-repeat: no-repeat; background-position: center center; content: ''; } .section15 .tit_wrap .tit_2 { margin-bottom: 0; font-size: 1.4rem; font-weight: 600; color: #777; letter-spacing: -0.2rem; } .section15 .tit_wrap .more { font-size: 1.2rem; font-weight: 600; color: #222; letter-spacing: -0.2rem; } .section15 .tit_wrap .more span { vertical-align: middle; } .section15 .tit_wrap .more i { margin-left: 5px; vertical-align: middle; font-size: 1.0rem; } .section15 .slick-list { /* margin: 0 -1.5%; */ } .section15 .slick-slide { /* margin: 0 1.5%; */ } .section15 .slick-slide a { display: block; overflow: hidden; border-radius: 10px; } .section15 .slick-slide img { border-radius: 10px; } /* e-book */ .section9 { /* padding: 25px 0; margin-right: -1%; border-bottom: 4px solid #e9ecef; */ overflow: hidden; } .section9 p { margin-bottom: 0; } .section9 .tit_wrap { margin-bottom: 10px; } .section9 .tit_wrap .tit_1 { font-size: 1.8rem; font-weight: 700; color: #222; letter-spacing: -0.2rem; } .section9 .tit_wrap .tit_1 span { vertical-align: middle; } .section9 .tit_wrap .tit_1:after { display: inline-block; margin-left: 8px; width: 30px; height: 30px; vertical-align: middle; /* background-image: url(/images/main/gift.png); */ background-repeat: no-repeat; background-position: center center; content: ''; } .section9 .tit_wrap .tit_2 { margin-bottom: 0; font-size: 1.4rem; font-weight: 600; color: #777; letter-spacing: -0.2rem; } .section9 .tit_wrap .more { font-size: 1.2rem; font-weight: 600; color: #222; letter-spacing: -0.2rem; } .section9 .tit_wrap .more span { vertical-align: middle; } .section9 .tit_wrap .more i { margin-left: 5px; vertical-align: middle; font-size: 1.0rem; } .section9 .slick-list { margin: 0 -1.5%; } .section9 .slick-slide { margin: 0 0.5%; } .section9 .slick-slide img { border-radius: 10px; } .section9 .list-tel { display: flex; flex-wrap: wrap; } .section9 .list-tel li { width: 50%; } .section9 .list-tel a { display: block; margin: 5px; padding: 10px 12px; border: 1px solid #e5e8ef; background-image: url(/images/main/20230720024623883.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 25px; border-radius: 10px; } /* .section9 .list-tel a:before { display: inline-block; content: ''; width: 20px; height: 20px; background-image: url(/images/main/20230720024623883.png); background-position: center center; background-size: contain; vertical-align: middle; margin-bottom: 5px; } */ .section9 .list-tel span { font-size: 14px; /* padding-left: 25px; */ } .section9 .tit-tel { display: block; font-weight: bold; } /* .section9 span:nth-child(2):before { display: inline-block; content: ''; width: 16px; height: 16px; background-image: url(/images/main/20230720024623883.png); background-position: center center; background-size: contain; margin-right: 5px; vertical-align: middle; margin-left: -25px; } */ /* 함께하는 경주여행 */ .section13 { /* padding: 25px 0; margin-right: -1%; border-bottom: 4px solid #e9ecef; */ overflow: hidden; } .section13 p { margin-bottom: 0; } .section13 .tit_wrap { margin-bottom: 10px; } .section13 .tit_wrap .tit_1 { font-size: 1.8rem; font-weight: 700; color: #222; letter-spacing: -0.2rem; } .section13 .tit_wrap .tit_1 span { vertical-align: middle; } .section13 .tit_wrap .tit_1:after { display: inline-block; margin-left: 8px; width: 30px; height: 30px; vertical-align: middle; /* background-image: url(/images/main/gift.png); */ background-repeat: no-repeat; background-position: center center; content: ''; } .section13 .tit_wrap .tit_2 { margin-bottom: 0; font-size: 1.4rem; font-weight: 600; color: #777; letter-spacing: -0.2rem; } .section13 .tit_wrap .more { font-size: 1.2rem; font-weight: 600; color: #222; letter-spacing: -0.2rem; } .section13 .tit_wrap .more span { vertical-align: middle; } .section13 .tit_wrap .more i { margin-left: 5px; vertical-align: middle; font-size: 1.0rem; } .section13 .slick-list { margin: 0 -1.5%; } .section13 .slick-slide { margin: 0 1.5%; } .section13 .slick-slide img { border-radius: 10px; } .section13 .list_banner { margin-bottom: -10px; } .section13 .con_banner { display: flex; margin-bottom: 10px; } .section13 .con_banner > div {} .section13 .thumbnail_br { margin-right: 25px; overflow: hidden; width: 107px; height: 107px; border-radius: 10px; } .section13 .banner_tit1 { font-size: 14px; font-weight: 500; color: #222; } .section13 .banner_tit2 { font-size: 18px; font-weight: 700; color: #222; } .section13 .banner_btn { margin-top: 10px; } .section13 .banner_btn a { display: inline-block; padding: 1px 13px; border: 1px solid #3694ec; background-color: #fff; font-size: 14px; color: #3694ec; border-radius: 20px; } /* 추천코스 목록 240516 */ .List_of_recommended_courses { height: 100vh; background-color: #f8f9fb; } .List_of_recommended_courses .title { padding-top: 60px; } .List_of_recommended_courses .title p { text-align: center; } .List_of_recommended_courses .title p:nth-child(1) { font-size: 23px; font-weight: 900; color: #222; } .List_of_recommended_courses .title p:nth-child(2) { margin: 10px 0 25px 0; font-size: 18px; color: #777; } .List_of_recommended_courses .title span { color: #6067e4; } .List_of_recommended_courses .list { margin: 0 30px; } .List_of_recommended_courses .list ul { display: flex; gap: 1.5rem; justify-content: center; } .List_of_recommended_courses .list ul li { } .List_of_recommended_courses .list ul li a { display: inline-block; border: 2px solid #6067e4; overflow: hidden; width: 162px; border-radius: 20px; } .List_of_recommended_courses .list ul li a::before { display: block; height: 162px; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; background-size: cover; content: ''; } .List_of_recommended_courses .list ul li:nth-child(1) a::before { background-image: url(/images/sub/240516_icon_1.png); } .List_of_recommended_courses .list ul li:nth-child(2) a::before { background-image: url(/images/sub/240516_icon_2.png); } .List_of_recommended_courses .list ul li a p { padding: 10px; background-color: #6067e4; background-repeat: no-repeat; font-size: 20px; color: #fff; } /* 맞춤형 코스 추천 240516 */ .Personalized { display: flex; gap: 1em; flex-direction: column; padding: 20px; background-color: #f8f9fb; } .Personalized > div:not(.btns) { padding: 20px; box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.1); background-color: #fff; border-radius: 20px; } .Personalized .tit { font-size: 23px; font-weight: 900; color: #222; } .Personalized .tit span { color: #6067e4; } .Personalized .tit_sub { margin: 5px 0 15px 0; font-size: 17px; color: #999; } .Personalized .list { display: flex; gap: 0.5rem; flex-wrap: wrap; } .Personalized .btns { display: flex; gap: 0.5rem; } .Personalized .btns button , .Personalized .btns a { padding: 15px 10px; width: 50%; background-color: #6067e4; font-size: 16px; color: #fff; text-align: center; border-radius: 10px; } /* 커스텀 체크박스 240516 */ .checkbox-custom-input { position: absolute; cursor: pointer; opacity: 0; } .checkbox-custom-box { border: 1px solid #ccc; color: #222; transition: border-color 0.3s; border-radius: 20px; } .checkbox-custom-box span { display: inline-block; padding: 2px 10px; font-size: 15px; } .checkbox-custom-input:checked+.checkbox-custom-box { border-color: #6067e4; background-color: #6067e4; color: #fff; } .checkbox-custom-input-bg { position: absolute; cursor: pointer; opacity: 0; } .checkbox-custom-box-bg { border: 1px solid #ccc; } .checkbox-custom-input-bg:checked+.checkbox-custom-box-bg { border-color: #6067e4; background-color: #6067e4; color: #fff; } /*이벤트위크 241204*/ .eventWeek { background: url(/images/common/20241204094755169.jpg) bottom no-repeat #03204b; background-size: 100% auto; padding: 50px 5%; text-align: center; color: #fff; } .eventWeek p { text-align: center; font-size: 23px; font-weight: bold; } .eventWeek .btn { display: block; width: 80%; height: 60px; line-height: 40px; font-size: 24px; color: #000; font-weight: bold; background: #add9ef; border-radius: 45px; margin: 25px auto; max-width: 350px; } .eventWeek .sns_login{ margin: 20px auto 40px; max-width: 350px; } .stayWeek { background: #ff9348; padding: 0 4% 60px; } .stayWeek .stayWeek_tit { width: 100%; max-width: 850px; margin: 0 auto; } .stayWeek .stayWeek_tit img {width:100%;} .stayWeek .stayWeek_cont { width: 100%; max-width: 850px; margin: 0 auto; background: url(/images/common/20241205114336926.png) no-repeat; background-size: 100% 100%; padding: 0 100px 50px; } @media only screen and (max-width: 600px){ .stayWeek { padding: 0 0 80px; height: } .stayWeek .stayWeek_cont { padding: 0 12% 50px; } } /*KTX 이벤트 241219*/ .stayWeek.ktxEvent { background: #2a2067; } .stayWeek.ktxEvent .stayWeek_cont {background: none;margin-top:50px;} .stayWeek.ktxEvent .stayWeek_cont .form-label {color:#fff;} /*실시간 벚꽃 현황 250402*/ .blossomCCTV {background: #f39db9;} .blossomCCTV .blossom_tit { width: 100%; max-width: 850px; margin: 0 auto; } .blossomCCTV .blossom_tit img {width:100%;} .blossomCCTV .blossom_cont { width: 100%; max-width: 850px; margin: 0 auto; padding: 50px 10% 50px; } .blossomCCTV .blossom_cont ul li {margin-bottom: 25px;} .blossomCCTV .blossom_cont ul li a { display: block; padding: 12px 35px 12px 25px; width: 100%; border-radius: 33px; font-size: 17px; background: #fff; color: #222; position: relative; } .blossomCCTV .blossom_cont ul li a::after { content: '▶'; display: block; color: #db0080; font-size: 15px; position: absolute; top: 12px; right: 25px; } .blossomCCTV .blossom_cont p { text-align: center; color: #922f4d; font-size: 15px; padding-top:10px; } @media only screen and (max-width: 450px){ .blossomCCTV .blossom_cont ul li {margin-bottom: 15px;} .blossomCCTV .blossom_cont ul li a { padding: 9px 35px 9px 22px; font-size: 15px; } .blossomCCTV .blossom_cont ul li a::after { font-size: 11px; right: 20px; } .blossomCCTV .blossom_cont p { font-size: 14px; } }