/* css 10.24 2:47 */ .depth01 {overflow:hidden; margin-bottom:20px;box-sizing:border-box; } .depth01 li {font-size:14px; display:block; margin-bottom:10px; border-bottom:1px solid #f1f1f1; padding:10px; position:relative;} /*.depth01 li::after { position:absolute; content:''; width:3px; height:3px; left:0; top:11px; background-color:#999; }*/ .depth01 li:last-child {border-bottom:0;} .review_top {display:flex;justify-content: space-between; margin-bottom:10px;align-items:flex-start;} .review_top .date {color:#999; margin-left:auto;} .review_top .name {font-weight:bold; color:#222; min-width:80px;} .reveiw_wrap .review_text {display:flex; margin: 0 10px;} .review_top img {width: 30px;height: 30px;border-radius: 50%;ovject-fit: cover;margin-right: 5px;} .depth_blue li { border: 1px solid #9cc9ff;color: #2570cd;background: #fff; box-shadow: 4px 4px 0 rgba(11, 81, 123, 0.05); margin: 0 4px 4px 0; } .depth_red li { border: 1px solid #eda0a0;color: #e54040;background: #fff; box-shadow: 4px 4px 0 rgba(167, 29, 29, 0.05); margin: 0 4px 4px 0; } .depth02 {overflow:hidden; box-sizing:border-box;} .depth02 li {font-size:14px; display:block; border-radius:5px; padding:3px 10px; position:relative;} .depth02 li::after { position:absolute; content:''; width:3px; height:3px; left:0; top:11px; background-color:#999; } /*준비물*/ .depth0202 {overflow:hidden; box-sizing:border-box;} .depth0202 li {font-size:14px; display:inline-block; border-radius:5px; padding:3px 10px; position:relative;} .depth0202 li::after { position:absolute; content:''; width:3px; height:3px; left:0; top:11px; background-color:#999; } .depth03 {overflow:hidden; margin-bottom:20px;box-sizing:border-box; } .depth03 li {font-size:14px; border-radius:10px; box-sizing:border-box; padding:10px; } .site_info_icon {display:flex; gap:10px; margin:10px 0;} .site_info_icon a {flex:1; border:1px solid #189fff; color:#189fff; border-radius:10px; padding:20px 0px ; text-align:center; } .gray_box {border: 1px solid #dddddd;color: #6b6b6b;background: #f9f9f9;padding:20px; margin-bottom:20px; border-radius:5px } .white_box {border: 1px solid #dddddd;color: #6b6b6b;background: #fff;padding:20px; margin-bottom:20px; border-radius:5px; box-sizing:border-box; border-radius:10px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); margin: 0 4px 4px 0;} .blue_box {border: 1px solid #bfd9ff;color: #6b6b6b;background: #f4fbff;padding:20px; margin-bottom:20px; border-radius:5px; } .blue_box span {display:inline} /*안 떨어지는 같은 크기 기본 박스*/ .flexBox > * {display:flex; flex-wrap:wrap; width:calc(100% + 2rem); box-sizing:border-box} .flexBox > * > * {border:1px solid #ddd; flex:1 1; position:relative; padding: 20px; margin:0 2rem 2rem 0; color:#000; border-radius:1rem} .flexBox > * > * i {display:inline-block; margin-right:5px} .flexBox > * > * .title {display:block; font-size:1.4rem; color:#000; line-height:normal} .flexBox > * > *.line {border:2px dashed #6b97fd} /*박스 객수*/ .flexBox.W2 > * > * {flex:inherit; width:calc(50% - 2rem)} .flexBox.W3 > * > * {flex:inherit; width:calc(33.3% - 2rem)} .flexBox.W4 > * > * {flex:inherit; width:calc(25% - 2rem)} .flexBox.W0 > * > * {flex:inherit; width:100%} /*아이콘형 웹진형 박스*/ .flexBox.webzine > * > * {display:flex; flex:inherit; align-items: center; width:calc(100% - 2rem)} .flexBox.webzine > * > * i {display:block; max-width:7rem; margin:2rem} .flexBox.webzine > * > * .desc {display:flex; flex-direction:column; /*align-items:center;*/ width:100%} .flexBox.webzine > * > * .title {margin-bottom:0.5rem} .flexBox.webzine > * > * .con {display:block; /*margin-left:auto; width:80%*/} @media screen and (max-width:768px){ .flexBox.webzine > * > * {display:block; text-align:center} .flexBox.webzine > * > * i {display:inline-block} .flexBox.webzine > * > * .desc {display:block} .flexBox.webzine > * > * .con {margin-left:0; width:100%} } /*아이콘형 리스트형 박스*/ .flexBox.list > * > * {display:flex; flex:inherit; align-items: center; width:calc(100% - 2rem); border-radius:1rem} .flexBox.list > * > * i {display:block; min-width:7rem; margin: 1rem;} .flexBox.list > * > * .desc {display: flex; flex-wrap:wrap; align-items: flex-end; width: 100%} .flexBox.list > * > * .con {display:block; font-size: 1.8rem; color:#000; margin-right: 0.5rem; font-family:inherit;} .flexBox.list > * > * .title {font-weight:700; color:#000;} .flexBox.list > * .button {margin-right:2rem; position:relative;} .flexBox.list > * .button a {width:10rem; text-align: center; padding: 0.5rem 1.5rem; border-radius: 50rem; background-color: #000; border:1px solid #000; color:#fff; font-weight:700} .flexBox.list > * .button a:after {content: "";display:inline-block; font-family:"xeicon"; font-size: 1rem; margin-left: 0.8rem; margin-top: -1px;} @media screen and (max-width:768px){ .flexBox > * {flex-direction:row} .flexBox > * > * {width:calc(100% - 2rem) !important} .flexBox.list > * .button {margin:1rem 0 0 0 !important} } /*hover*/ .flexBox.list > * .button a:hover {background-color: #fff; border:1px solid #000; transition: all 0.3s; font-weight: 700; color: #000} .flexBox.list .kakao_icon {position:absolute; right:-25px; top:-25px; } /*카카오박스*/ .flexBox.list.kakao_box li {background-color:#ffde00; border:1px solid #ffde00; } .flexBox.list.kakao_box .desc .title {font-size:1.8rem} /* con_page 관련 */ .con_page .con_box strong.title {display:block; padding-bottom:5px} .con_page .con_box span.tit {display:block; /*padding-bottom:20px*/} .con_page .con_box span {display:block; padding:0.3rem 0} .con_page .con_box span.i-info {padding:0 0 0 1.7rem} .con_page .con_box span.emphasis {padding:0.3rem 0 0 1.4rem} .con_page .con_box .desc {border-radius: 1rem; font-size: 1.3rem; line-height: 1.6; padding: 1.5rem 2rem} .con_page .con_box .small_desc {margin:20px 0} .con_page .con_box .small_desc span {display:block;/* font-size:14px; */color:#555;font-weight:100;line-height:1.4;word-break:break-word} .con_page .con_box em {display:block; font-size:14px; color:#999; margin:5px 0; font-weight:100; font-style:normal} .con_page .con_box .btn_box {display:flex; flex-wrap:wrap; gap:10px; margin-top:15px} /*여행 일상 박스*/ .con_box {margin-top:50px} .con_box .desc .title {margin-bottom:10px} .con_box .desc .title.rainbow {width:30%; background:linear-gradient(to right,/*26deg,*/ red, orange, green, blue, indigo, purple); color: transparent; -webkit-background-clip: text;} .con_box .desc .txt {color:#333} .con_box i.join_img img {height:38px; margin-bottom:7px} @media screen and (max-width:768px){ .con_box .desc .title {width:100%} .con_box .desc .title.rainbow {width:100%} .con_box i.join_img img {height:45px} } /* 몽골페이지 조인투어 이동 유도 */ .join_con {display:block; margin:0 auto; box-sizing:border-box} .join_link {padding:1rem; position:relative; text-align:center; z-index:1} .join_link a {width:90%; background-color:#ffa700; padding:1rem 2rem; position: relative; color:#000; border-radius: 5rem} .join_link a:hover:after, .join_link a:focus:after {animation: join_link 2s infinite; position: absolute; left: 50%; top: 50%; width: 70%; height: 100%; border-radius: 5rem; background-color: #ccc; content: ''; opacity: 1; transform: translate(-50%, -50%); z-index: -1;} @media screen and (max-width:768px){ .join_con {justify-content:center} } @keyframes join_link { 0% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } } /* 몽골 뉴 조인페이지 */ /* 이미지 및 소개 영역 */ .mg_join .sc01 .join_wrap {display: flex; /*flex-wrap: wrap;*/ gap: 30px; /*margin-bottom: 40px; background:url('/images/sub/mg_join_b.png') no-repeat 50%*/} .mg_join .sc01 .join_wrap .group {flex: 1 1 100%; flex-direction: column; display: flex; justify-content: space-between;} .mg_join .sc01 .join_wrap .group .visual-box img {width: 100%; border-radius: 12px; object-fit: cover} .mg_join .sc01 .join_wrap .group .txt {font-family:'Cafe24Shiningstar'; font-size:42px; color:#000; padding:40px 0; text-align:center} /* 몽골 서브 배너존 */ .ban_box {display:flex; flex-wrap:wrap; width: calc(100% + 1rem); box-sizing:border-box} .ban_box .group {flex:1 1; padding:2rem; margin-right:1rem; color:#fff; border-radius:20px} .ban_box .trip_guide {width: calc(50% - 1rem); background-color:#0070ff;} .ban_box .trip_guide .title, .join_tour .title {display:block; font-size:20px} .ban_box .trip_guide .txt {color:rgb(255 255 255 / 80%); padding:5px 0} .ban_box .join_tour {width: calc(50% - 1rem); background-color:#28b5c5;} .ban_box .join_tour .txt {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; color:rgb(255 255 255 / 80%)} .ban_box .join_tour .txt .btn {display:block; background-color:#00369d; border-radius:50rem; padding:0.5rem 1rem; font-size:14px} .ban_box .join_tour .txt:hover i {transition:all .3s; transform: translateX(5px)} @media screen and (max-width:640px){ .ban_box {display:block; width:100%} .ban_box .group {margin-right:0; margin-bottom:10px; text-align:center} .ban_box .trip_guide {width:100%} .ban_box .join_tour {width:100%} .ban_box .join_tour .txt {display:block} .ban_box .join_tour .txt .btn {margin-top:10px} .ban_box .join_tour .txt:hover i { transform: inherit} } /* 앱 팝업 */ .add_pop_wrap {top:0} .add_pop_wrap .add_pop {position:relative; width:100%; height:100%; background-color:rgb(0 0 0 / 50%)} .add_pop_wrap .add_link {display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 5rem 2rem 3rem; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 25px; box-sizing: border-box; max-width: 360px; gap: 60px;} .add_pop_wrap .add_link .desc {display:flex; flex-direction:column; gap:15px; align-items:center} .add_pop_wrap .add_link .desc i {width:100px; height:100px; border-radius:100%; box-shadow:1px 1px 10px 1px #ddd} .add_pop_wrap .add_link .desc i img {width:100%; height:100%; border-radius:100%; object-fit:cover} .add_pop_wrap .add_link .desc .txt {text-align:center; font-size:20px; color:#333; word-break:keep-all; line-height:1.4} .add_pop_wrap .add_link .desc .txt01 {font-size:14px; color:#0065e3} .add_pop_wrap .add_link .btn {display:flex; flex-direction:column; align-items:center; gap:15px} .add_pop_wrap .add_link .btn a {width:100%;padding:1rem 0; border-radius:10px; text-align:center} .add_pop_wrap .add_link .btn a:first-child {background-color:#ff38a6; color:#fff} @media (max-width:480px) { .add_pop_wrap .add_link {width:80%; gap:30px;} } .search_txt_nation {text-align:center; font-size:20px;margin-bottom:20px;} .search_txt_nation b {font-weight:bold;color:#43A5F6;} .serach_btn_wrap {max-width:1020px; width:100%; margin:40px auto; text-align:center;} .serach_btn_wrap .btn {display:inline-block; font-size:16px; padding:10px 40px; border-radius:20px; border:1px solid #43A5F6; color:#43A5F6;} .serach_btn_wrap .btn:hover {background-color:#43A5F6; color:#fff;} .more_btn {display:inline-block; padding:13px 40px; text-align:center; border:1px solid #ddd; border-radius:10px;} .cssZoomFrame{border:1px solid #ccc; padding:0px; margin-top:0px; width:100%; height:100px; overflow:hidden;} .cssZoomFrame iframe{ -ms-zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; transform: scale(0.5); transform-origin: 0 0; border:1px solid #ccc; top:0px; left:0px; width:200%; height:200%; } .edit_txt_wrap {width:100%; max-width:1020px; margin:10px auto;} .edit_txt_wrap p { box-sizing: border-box; overflow-wrap: break-word; color: rgba(58, 58, 58, 0.9); float: none; font-weight: 500; white-space: pre-line; margin: 10px 0px 0px; font-size: 16px; line-height: 1.63; letter-spacing: 0px; } /*-----------------마이페이지 파트너 정보---------------*/ .partner_layer {position:relative; width:100%} .partner_layer .desc {display:flex; align-items:center; gap:10px} .partner_layer .desc .btn {display:inline-block; padding:0.2rem 1rem; background-color:#000; border-radius:50px; color:#fff; font-size:13px; cursor:pointer} .partner_layer .desc .layer {visibility: visible; opacity: 1; transition: all .2s ease; position: absolute; left: 32%; top:8%; /*transform: translate(-50%, -50%);*/width: auto; background: #fff; border: 1px solid; text-align: left; height: auto; padding: 1rem; line-height: 1.4; border-radius: 1rem; z-index: 15;} .partner_layer .desc .layer li {justify-content:space-between; align-items:center} .partner_layer .desc .layer li:last-child {border-bottom:0} .partner_layer .desc .layer a.link {background-color:#007bff; border-radius:50px; color:#fff; padding:0.2rem 1rem; font-size:13px} .partner_layer .desc .layer .close {position: absolute; right: 0; top: 0; font-size: 16px; /* background: #c51c1c; padding: 1rem; */ border-radius: 50px; width: 2.5rem; height: 2.5rem; color: #000; text-align: center; display: flex; align-items: center; justify-content: center} @media (max-width:768px){ .partner_layer .desc .layer {width:100%; left:0; top:25px} } /*-----------------제공업체 서비스--------------------*/ .provider_box {padding-top:20px} .faqType02 .group {word-break:keep-all} .faqType02 .group.active .label::before {background-color:#116eb4} .faqType02 .group.active .label::after {-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg)} .faqType02 .group.active .item {visibility:visible; overflow:visible; height:auto; opacity:1; border-top:1px solid #eee; padding-top:1.5rem; padding-bottom:1.5rem; -webkit-transition:all 0.2s; transition:all 0.2s; box-sizing:border-box; text-align: left; word-break:break-all; align-items:center; gap:15px} .faqType02 .item {display:flex; justify-content:space-between; background-color:#f7f7f7; font-size:1.2rem; line-height:1.4; visibility:hidden; overflow:hidden; height:0; opacity:0; position:relative; padding:0 1.5rem} .faqType02 .item i {margin:0; padding-right:1rem} .faqType02 .item i img {border-radius:50rem} .faqType02 .item a.btn {display:block; font-size:12px; text-align:center; border-radius:10px; background-color:#ff38a6; color:#fff; padding:0.5rem 1rem; word-break:keep-all} .faqType02 .item a i {padding-right:0} .faqType02 .label {color:#333; font-size:18px; font-weight:bold; display:block; position:relative; padding:1rem} .faqType02 .label::after {font-size:22px; position:absolute; right:1rem; top:50%; font-family:'xeicon'; font-weight:400; color:#999; content:''; -webkit-transition:all 0.2s; transition:all 0.2s; transform: translateY(-50%)} .faqType02 .group span {display:block; font-size:18px; font-weight:bold} .faqType02 .desc {background-color:#f8f8f8; border-radius:0.5rem; font-size:1.4rem; font-weight:700; line-height:1.6; padding:1.5rem 2rem} .faqType02 .desc * {font-size:1.4rem} .faqType02 .dep01 {display:block; margin-bottom:0} .faqType02 .dep02 {margin-top:1.5rem} .faqType02 .c-num {margin-bottom:2rem} @media screen and (max-width:1023px) { /*.faqType02 .label {font-size:1.8rem; padding:1.5rem 6rem 1.5rem 1rem}*/ .faqType02 .label::after {right:2rem} .faqType02 .item {padding:0 2rem} .faqType02 .group.active .item {padding:2rem} } @media screen and (max-width:768px) { .faqType02 .item {flex-direction:column} .faqType02 .item i img {display:none} .faqType02 .group.active .item {gap:10px} .faqType02 .item a.btn {width:100%} .faqType02 .group span {text-align:left;} } /*카카오쿠폰발급*/ .kakao_coupon_wrap {max-width:600px; width:100%; padding:20px; margin:0 auto; box-sizing:border-box;} .kakao_coupon_wrap img {max-width:320px; width:100%; margin:20px auto; } .kakao_coupon_wrap .coupon {display:flex; width:100%; } .kakao_coupon_wrap .coupon input { flex:1; border: 1px solid #e3e6e8!important; padding: 10px 15px; width: 100%; height:50px; background-color: #fff; border-radius: 10px 0 0 10px;box-sizing:border-box} .kakao_coupon_wrap .coupon a {min-width:60px; padding:0 10px; letter-spacing:-1px; height:50px; line-height:50px; display:block; box-sizing:border-box; color:#fff; background-color:#381E1F; border-radius:0 10px 10px 0; font-size:14px;} .hotel_box_gray {border:1px solid #ddd; padding:30px; max-width:1020px; width:100%; margin:20px auto; border-radius:20px; box-sizing:border-box;} /*정보제공*/ .info_source {float:right; margin-right:10px;} .con_body {max-width:1020px; margin:60px auto;overflow:hidden; } .con_body h3 { font-size:22px; font-weight:bold; margin:10px 0 10px 0; color:#222;} .con_body h3 + p {margin-bottom:20px; font-size:16px;} .icon_3 ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px;} .icon_3 li { width:12.5%; text-align:center; font-size:17px; line-height:110%;} .icon_3 li img {height:50px; margin-bottom:5px;} .icon_4 ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px;} .icon_4 li { width:12.5%; text-align:center; font-size:15px; line-height:110%;} .icon_4 li img {height:50px; margin-bottom:5px;} /* .commu_icon_5 ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px; gap:10px} .commu_icon_5 li { width:15%; text-align:center; font-size:15px; line-height:110%;} .commu_icon_5 li a {box-sizing:border-box; background-color:#f2f2f2; padding:1rem; border-radius:50rem; width:100%; max-width:150px; /*height:90px;* text-align:center} .commu_icon_5 li img {max-height:40px; margin-bottom:5px;} .commu_icon_5 li a .now_span {color:#222; font-weight:bold} .commu_icon_5 li span {margin-top:10px; display:block; font-family: 'Pretendard-Regular';}*/ .commu_icon_5 ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px;} .commu_icon_5 li { width:13%; text-align:center; font-size:15px; line-height:110%;} .commu_icon_5 li a { box-sizing:border-box;background-color:#f2f2f2; padding-top:25px; border-radius:50%;width:90px; height:90px;} .commu_icon_5 li img {max-height:40px; margin-bottom:5px;} .commu_icon_5 li span {margin-top:10px; display:block; font-family: 'Pretendard-Regular';} .category_img_icon ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px;} .category_img_icon li {flex:1; margin:0 10px;text-align:center; font-size:15px; line-height:110%;} .category_img_icon li img {height:40px; margin-bottom:5px;} .community_menu {border-bottom:1px solid #ddd; padding-bottom:20px;} .community_menu ul {display:flex;} .community_menu li a{font-size:16px; text-align:center; float:left; padding:10px 20px; width:140px; box-sizing:border-box;} .community_menu li a.over {background-color:#0da3e1; padding:10px 10px; color:#fff; border-radius:20px;} .nation_home {width:500px; border-radius:20px; max-width:1020px;height:90vh; margin:20px auto; padding:20px; box-sizing:border-box;} .nation_bg_borocay {background:#2d5f9e url("/images/nation/boracay.jpg") 50% 50% no-repeat; background-size:cover;} .nation_bg_borocay_sub {background:#2d5f9e url("/images/nation/boracay_sub.jpg") 50% 50% no-repeat; background-size:cover;} .nation_home .nation_nav {color:#fff; opacity:0.8; font-size:16px; } .nation_home .nation_p {color:#fff; font-size:16px;} .nation_home h3 {color:#fff; font-size:30px; font-weight:bold;} .nation_home a {color:#333; text-align:center; font-size:16px; margin-top:20px; width:180px; background-color:#fff; border-radius:20px; padding:10px 20px;} .nation_home .nation_home_txt {margin-top:200px;box-sizing:border-box;display:flex;flex-direction: column;justify-content: center; align-items: center;} .nation_sub { position:relative; border-radius:20px; display:flex;flex-direction: column;justify-content: center; text-align:center; align-items: center; width:100%; max-width:1020px;height:300px; margin:30px auto; padding:20px; box-sizing:border-box;} .nation_sub:after {position: absolute; top: 0; right: 0; bottom: 0; height: 4rem; background: linear-gradient(142deg,rgba(0,0,0,.7),hsla(0,0%,100%,0) 65%); zoom: 1; content: ''; display: block; width: 100%; height: 100%; border-radius:20px} .nation_sub h3 {color:#fff; } .nation_sub .weather {text-shadow: 8px 4px 8px rgba(0,0,0,0.25);color:#fff; font-weight:normal; font-size:40px; margin-top:10px;font-family: 'GmarketSansMedium'; display: flex;align-items: center;justify-content: center; } .nation_sub .time {color:#fff; font-family: 'GmarketSansL'; margin-top:10px; font-size:30px;} .nation_sub .todolist {display:none; z-index:2; box-shadow: 4px 4px 4px rgba(0,0,0,0.25); border:2px solid #523fcf;align-items: center;position:fixed; font-size:14px;right:50px; top:30%; background-color:#523fcf; border-radius:50%; width:70px; height:70px; text-align:center; color:#fff; justify-content: center;flex-direction:column;} .nation_sub .todolist em {display:none;} .nation_sub .todolist:hover { background-color:#fff; color:#523fcf; border:2px solid #523fcf;} .nation_sub .time_korea { position:relative;color:#fff; margin-top:0px; opacity:0.8; margin-right:0px; padding-right:10px;} .nation_sub .time_korea span {color:#fff} /*.nation_sub .time_korea::after {content:'';position:absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height:12px; background-color:#fff; opacity:0.5;}*/ .nation_home_txt {z-index:2} .nation_home_txt .price_now {color:#fff; padding:3px 10px; opacity:0.8; font-size:14px} .nation_home_txt .price_now span {color:#fff} .nation_home_txt .price_now em {font-size:15px} .nation_bnt_plan {width:100%; margin:20px auto; max-width:1020px;} .nation_bnt_plan a {width:100%; box-sizing:border-box; text-align:center; background:#2b8cee url("/images/sub/ns_plan_bg.png") right 0% no-repeat; background-size:120px;color:#fff; padding:25px 20px 20px 20px ; border-radius:20px;} .nation_bnt_plan h4 {color:#fff; font-size:22px; font-family: 'GmarketSansM';padding-bottom:5px; padding-top:0;} .nation_bnt_plan h4 b {position:relative; color:#ffe600} .nation_bnt_plan h4 b::after {content: ''; position: absolute; left: 50%; top: -7px; transform: translate(-50%, -0%); width: 4px; height: 4px; border-radius:50%; background-color: #ffe600;} .nation_bnt_plan p { font-size:16px;color:#ffffffc4; } /*항공 숙소*/ .airtel_sub {width:100%; max-width:1020px; margin:0 auto;} .airtel_sub ul {display:flex;justify-content:center;gap: 28px;} .airtel_sub ul li {position: relative;flex: 1;border:1px solid #e2e2e2;border-radius:7px;background-color:#fff;transition:all 0.3s;overflow:hidden; margin-bottom:8px;} .airtel_sub ul li:hover {box-shadow:0px 5px 10px rgba(0,0,0,0.2)} .airtel_sub ul li a {position:relative;display:block;padding:5px 45px;} .airtel_sub ul li span {display: block;position: absolute;background-color: #e7280e;z-index: 1;} .airtel_sub ul li span:nth-child(1) {left: 0; top: 0; width: 0; height: 3px;} .airtel_sub ul li span:nth-child(2) {right: 0; top: 0; width: 3px; height: 0;} .airtel_sub ul li span:nth-child(3) {right: 0; bottom: 0; width: 0;height: 3px; } .airtel_sub ul li span:nth-child(4) {left: 0; bottom: 0; width: 3px; height: 0; } .airtel_sub ul li:hover span:nth-child(1) {width: 100%;} .airtel_sub ul li:hover span:nth-child(2) {height: 100%;transition-delay: 0.3s;} .airtel_sub ul li:hover span:nth-child(3) {width: 100%;transition-delay: 0.6s;} .airtel_sub ul li:hover span:nth-child(4) {height: 100%;transition-delay: 0.9s;} .airtel_sub ul li:hover span {transition: all 0.2s linear;} .airtel_sub ul li a dl {display: flex;justify-content: space-between; align-items: center;} .airtel_sub ul li a dt h3 {font-size:22px; margin-top:10px;} .airtel_sub ul li a dt p {position:relative;z-index:1;margin-top:0px;} .airtel_sub ul li a dd {display:flex;justify-content:center;align-items:center;width:85px;height:85px;border-radius:50%;background-color:#fdefe4} .airtel_sub02 {display:flex;justify-content:center;gap: 15px;} .airtel_sub02 div {position: relative; margin-bottom:6px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); width:50%; border-radius:20px;transition:all 0.3s; z-index:0; padding:20px 20px 0 20px;} .airtel_sub02 div img {position:absolute; z-index:9;} .airtel_sub02 .air img { width:150px; right:20px; top:0px;} .airtel_sub02 .tel img { height:90px; right:20px; top:10px; } .airtel_sub02 div h3 {font-size:18px;color:#fff; margin-bottom:5px;} .airtel_sub02 div p {font-size:14px!important;color:#fff; opacity:0.7;} .airtel_sub02 .air { background-color:#5963ff; } .airtel_sub02 .tel {background-color:#8f4cff; } /*리스트*/ .nation_tab {margin:30px auto 0 auto; overflow:hidden; width:96%; max-width:1020px; } .nation_tab .tab-content {display: none; box-sizing:border-box; width: 100%; font-size: 16px; margin-top:30px;} .nation_tab #tab1:checked ~ #tab-content1 {display: block; background-color: #fff;} .nation_tab #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;} .nation_tab #tab3:checked ~ #tab-content3 {display: block;background-color: #fff;} .nation_tab {font-size: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .nation_tab input[type='radio'] {display: none;} .nation_tab label { width: 50%;box-sizing:border-box; height: 55px; font-size: 18px; cursor: pointer; padding:15px 20px; text-align:center; background-size:30px; margin-bottom:10px; position:relative; background-color:#f1f1f1; border-radius:30px} .nation_tab label.tab1 {border-radius:30px 0px 0 30px; margin-right:-20px;} .nation_tab label.tab2 {border-radius:0 30px 30px 0;} /*.travel_tab input:checked + label::after {position:absolute; content:''; bottom: -20%; left: 47%;transform: translate(-0%, -50%);width:26px; height:13px; background: url("/images/main/m_tab_triangle.gif") no-repeat 50% 50%;}*/ .nation_tab input:checked + label {position:relative; color: #fff; background:#4030cc; font-weight:bold; border-radius:30px; z-index:999;} .nation_tab .tab-content ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:5px;} .nation_tab .tab-content li { width:12.5%; text-align:center; font-size:17px; line-height:110%;} .nation_tab .tab-content li img {height:50px; margin-bottom:10px;} .tab_hotel {margin-top:30px;} .tab_button { display: flex;flex-wrap: wrap;align-items: center; justify-content: center;} .tab_hotel .tab_button button, .tab_hotel .tab_button a {width: 50%; box-sizing:border-box; height: 55px; font-size: 18px; cursor: pointer; padding:15px 20px; text-align:center; background-size:30px; margin-bottom:10px; position:relative; background-color:#f1f1f1; border-radius:30px} .tab_hotel button.over, .tab_hotel a.over {position:relative; color: #fff; background:#4030cc; font-weight:bold; border-radius:30px; z-index:9; } .tab_hotel #button1 {margin-right: -20px;} .tab_hotel .tab_category{box-sizing:border-box;} .tab_hotel .tab_category div{box-sizing:border-box; } .tab_hotel .tab_category .category_sharehouse {box-sizing:border-box; margin:10px auto; width:96%; } .tab_kids button.over, .tab_kids a.over { background: #ffd800; color: #422013; } .nation_tab_ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:0px;} .nation_tab_ul li {width:25%; margin-bottom:10px; text-align:center; font-size:17px; line-height:110%; display: flex;align-content: space-between;justify-content: center;align-items: flex-end;} .nation_tab_ul li img {height:34px; margin-bottom:10px;} .nation_tab_ul02_wrap {max-width:1020px; width:100%; margin:20px auto;} .nation_tab_ul02 {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:0px;} .nation_tab_ul02 li { background-color:#eeeeee; border:1px solid #eee;border-radius:20px; width:25%; margin-bottom:10px; text-align:center; font-size:17px; line-height:110%; display: flex;align-content: space-between;justify-content: center;align-items: flex-end; padding:15px 0px; margin:0 7px;} .nation_tab_ul02 li p {font-family: 'Pretendard-Regular'; color:#222;} .nation_tab_ul02 li img {height:34px; margin-bottom:5px;} .nation_tab_ul02 li:hover {background-color:#fff; border:1px solid #38beef; color:#38beef;} .nation_tab_ul02 li:hover p { color:#38beef;} .nation_big_menu {width:100%;max-width:1020px; margin:0px auto; border-radius:20px; overflow:hidden; box-sizing:border-box;} .nation_big_menu ul { display:flex; } .nation_big_menu li {flex:1; position:relative;padding-bottom:10px;} .nation_big_menu li a{display:block; border-right:1px solid #ffffff30; text-align:center; color:#fff; background-color:#2f5ce8; padding:20px; box-sizing:border-box; font-size:16px;} .nation_big_menu li a::last-child {border-right:0;} .nation_big_menu li .over { background-color: #28449c;} .nation_big_menu li .over:before {z-index: 100;position: absolute;bottom: 5px;right: 0;left: 0;margin: -5px auto 0;border-width: 0 1px 1px 0;width: 10px;height: 10px;content: "";background-color: #28449c;transform: rotate(45deg);} .nation_big_menu02 {width:100%;max-width:1020px; margin:0px auto; overflow:hidden; box-sizing:border-box; border-radius: 20px; box-shadow:0 -8px 10px -3px #eee} .nation_big_menu02 ul { display:flex; border-radius:20px; } .nation_big_menu02 li {flex:1; position:relative;padding-bottom:10px;font-family: 'Pretendard-Regular'; } .nation_big_menu02 li a{display:block; border-bottom:1px solid #eee; text-align:center; color:#454545;background-color:#fff; padding: 20px; box-sizing:border-box; font-size:18px;} .nation_big_menu02 li a::last-child {border-right:0;} .nation_big_menu02 li .over, .nation_big_menu02 li a:hover {color:#0071ff; font-weight:bold;} .nation_big_menu02 li .over:before, .nation_big_menu02 li:hover:before {z-index: 999;position: absolute;bottom: 5px;right: 0;left: 0;margin: -5px auto 0;border-width: 0 1px 1px 0;width: 10px;height: 10px;content: "";background-color: #0071ff; border-radius:50%;} .more_btn_ns {display: inline-block; padding: 13px 60px; text-align: center; border: 1px solid #38beef; border-radius: 30px; color:#38beef !important; font-size:15px; font-family: 'Pretendard-Regular';} .more_btn_ns:hover {color:#fff !important; background-color:#38beef;} .nation_fix_menu {width: 100%;background-color: #fff0; transition: top 0.3s ease-in-out; z-index:999;} .nation_fix_menu .commu_menu_swiper {margin:-10px auto auto; background:#fff;} .nation_fix_menu .reponsive_wrap { padding-top: 60px; } .fixed {position: fixed;top: 0;} .city_home_btn { color:#000; font-family: 'Pretendard-Regular';max-width:1020px; margin:10px auto; display:flex; justify-content: flex-end;} /*핫플레이스 동그라미 */ .hotplace {width: 100%;max-width: 1020px;margin: 20px auto 20px 0px;box-sizing: border-box;} .hotplace h3 {color:#222; font-size:22px; font-weight:bold; margin:10px 0 5px 0;} .hotplace .main_h3_p {font-size:16px; margin-bottom:20px} .swiper_hotplace {text-align:center;} .swiper_hotplace .swiper-slide .img > img {width:100%; height:216px; border-radius:50%;object-fit: cover;text-align:center;} .hotplace_swiper_txt {font-size:16px; margin-top:10px; line-height:18px; height:18px; overflow:hidden} .hotplace .swiper-slide {width:18%; padding-left:18px} .hotplace .swiper-slide:first-child {padding-left:0} .hotplace .swiper-slide .name {margin-top:20px; width:80%; overflow:hidden} .hotplace .swiper-slide a {position:relative; padding-top:15px; width:100%;} .hotplace .swiper-slide a .tag {position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding: 0 8px;height: 24px;line-height: 24px;border: 1px solid rgba(239, 62, 67, 0.6);border-radius: 15px;color: #ef3e43;font-size: 13px; letter-spacing: -0.5px;width: auto;white-space: nowrap;background-color: #fff;z-index:9;} .hotplace .swiper-slide a .tag01 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding: 0 8px;height: 24px;line-height: 24px;border: 1px solid rgba(239, 62, 67, 0.6);border-radius: 15px;color: #ef3e43;font-size: 13px; letter-spacing: -0.5px;width: auto;white-space: nowrap;background-color: #fff;z-index:9;} .hotplace .swiper-slide a .tag02 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding: 0 8px;height: 24px;line-height: 24px;border: 1px solid rgba(24, 114, 255, 0.6);border-radius: 16px;color: #3e82ef;font-size: 13px; letter-spacing: -0.5px;width: auto;white-space: nowrap;background-color: #fff;} .hotplace .swiper-slide a .tag::after {content: '';position: absolute;left: 50%;top: 22px;margin-left: -2.5px;width: 5px;height: 5px;border-top: 1px solid rgba(239, 62, 67, 0.6);border-right: 1px solid rgba(239, 62, 67, 0.6);transform: rotate(135deg);background-color: #fff;} /*핫플레이스 네모 */ .swiper_hotplace02 {text-align:center;} .swiper_hotplace02 .swiper-slide .img > img {width:100%; height:180px; border-radius:10px;object-fit: cover;text-align:center;} /*핫플레이스 네모 */ .swiper_hotplace03 {text-align:center;} .swiper_hotplace03 .swiper-slide .img > img {width:100%; height:180px; border-radius:10px;object-fit: cover;text-align:center; filter:brightness(50%)} .swiper_hotplace03 .hotplace_swiper_txt {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#fff} .swiper_hotplace03 .swiper-slide .name {margin-top: 0;width: 90%;line-height: auto;height: auto} /*액티비티 메뉴*/ .activity_menu { width: 100%;max-width: 1020px; margin: 20px auto 20px 0px; box-sizing:border-box;text-align:center;} .activity_menu h3 {color:#222; margin-bottom: 3px;} .activity_menu h3 + p {margin-bottom:20px} .activity_menu .swiper-slide .img > img {filter:brightness(70%);width:100%; height:250px; border-radius:10px ;object-fit: cover;text-align:center;box-sizing:border-box;} .activity_menu .swiper-slide {padding-right:10px; box-sizing:border-box;width:26%;position:relative;} .activity_menu .swiper-slide a {width:100%;} .activity_menu .swiper-slide .img {overflow:hidden;} .activity_menu .activity_txt {position:absolute; left:50%;top:50%; width:100%; transform: translate(-50%, -50%); color:#fff; font-weight:bold; font-size:20px;} .activity_menu .activity_txt p {color:#fff; font-weight:bold; font-size:20px; } .activity_menu .activity_txt span {color:#fff; font-weight:normal; font-size:14px; opacity:0.8} /*액티비티 메뉴*/ .category_ticket_menu { width: 100%;max-width: 1020px; margin: 20px auto 0px 0px; box-sizing:border-box; } .category_ticket_menu h3 {color:#222; margin-bottom: 3px;} .category_ticket_menu h3 + p {margin-bottom:20px; } .category_ticket_menu_noswipe {display:flex!important; flex-wrap:wrap; box-sizing:border-box; overflow:hidden;} .category_ticket_menu_noswipe .swiper-slide {width:calc(25% - 10px)!important; float:left; height:auto; margin-bottom:25px; overflow:hidden;box-sizing:border-box; } .category_ticket_menu .swiper-slide .img > img { width:100%; height:250px; border-radius:10px ;object-fit: cover; box-sizing:border-box;} .rencar_magazine .swiper-slide .img > img { border-radius:10px 10px 0 0 ; } .category_ticket_menu .swiper-slide {margin-right:10px; box-sizing:border-box;width:26%;position:relative;} .category_ticket_menu .swiper-slide a {width:100%;} .category_ticket_menu .swiper-slide .img {} .category_ticket_menu .ticket_menu_txt p {height: 50px;line-height: 22px;margin-top: 10px;} .category_ticket_menu .ticket_menu_txt span {font-weight:bold; color:#222; font-size:20px;} .category_ticket_menu .ticket_menu_txt span b {color:#ff322e;} .category_ticket_menu .magazing_txt {padding:15px; margin-top:-4px; background:#f6f6f6; border-radius:0 0 20px 20px;} .category_ticket_menu .magazing_txt p {font-weight:bold; color:#222;height: 36px;line-height: 18px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; } .category_ticket_menu .magazing_txt span {display:block; color:#555; margin-top:5px;height: 36px; font-size:14px;line-height: 18px;word-break: keep-all;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; } .nation_category_top_img {width:100%; max-width:1020px; height:300px; border-radius:20px; margin:0px 0 40px 0; overflow:hidden; } .nation_category_top_img img { width: 100%;height: 100%;object-fit: cover;} /*액티비티 메뉴*/ .nation_category_menu { width: 100%;max-width: 1020px; margin: 20px auto 20px 0px; box-sizing:border-box} .nation_category_menu h3 {color:#222; margin-bottom: 3px;} .nation_category_menu h3 + p {margin-bottom:20px; } .nation_category_menu .swiper-slide .img > img { width:100%; height:200px; border-radius:20px ;object-fit: cover; box-sizing:border-box;} .nation_category_menu .swiper-slide {margin-right:10px; box-sizing:border-box;width:32.5%;position:relative;} .nation_category_menu .swiper-slide a {width:100%;} .nation_category_menu .magazing_txt {margin-top:10px; } .nation_category_menu .magazing_txt em {font-size:14px; color:#fb3162;} .nation_category_menu .magazing_txt p {font-weight:bold; color:#222; margin-top:5px;height: 18px; font-size:17px;line-height: 18px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; } .nation_category_menu .magazing_txt span {color:#555; margin-top:5px;height: 18px; font-size:14px;line-height: 18px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; } .nation_category_menu .swiper-horizontal>.swiper-pagination-bullets, .nation_category_menu .swiper-pagination-bullets.swiper-pagination-horizontal, .nation_category_menu .swiper-pagination-custom, .nation_category_menu .swiper-pagination-fraction {bottom: 0!important; top: 100%!important;} /* 목록 컨트롤러 ======================================== */ .p_List_ctrl {margin-bottom:25px;} .p_List_ctrl li {list-style:none;} .p_List_ctrl .inner_box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; box-sizing: border-box; padding-bottom:15px;} .p_List_ctrl .left_box {display: flex; flex-direction: row; justify-content: stretch; align-items: center; flex-wrap: wrap;} .p_List_ctrl .right_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap:10px} .p_List_ctrl .total {font-size:17px; color: #000; font-weight: 600; white-space: nowrap; margin-right: 25px; height: 30px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;} .p_List_ctrl .total em {margin-left:5px;} .p_List_ctrl .total strong {color:#e10000;} .p_List_ctrl .range_box {position: relative; width: 120px;} .p_List_ctrl .range_box .btn_ctrl {width: 100%; height: 36px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .p_List_ctrl .range_box .btn_ctrl {border: 1px solid #e5e5e5; padding: 0 15px; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;} .p_List_ctrl .range_box .btn_ctrl .tx {font-size: 13px; color: #000; font-weight: 500; white-space: nowrap;} .p_List_ctrl .range_box .btn_ctrl .ic {width: 10px; height: 10px; background: transparent url('../images/c_img/arrow_down.svg') center center no-repeat!mportant;} .p_List_ctrl .range_box .btn_ctrl .ic {background-size: 10px 6px !important; margin-left: 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;} .p_List_ctrl .range_open {position: absolute; right: 0; top: 35px; width: 100%; } .p_List_ctrl .range_open { z-index: 200; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; height:0px; overflow:hidden;} .p_List_ctrl .range_open ul {padding: 10px 0; box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5} .p_List_ctrl .range_open .opt {width: 100%; font-size: 13px; color: #999; padding: 10px 15px; box-sizing: border-box; white-space: nowrap; line-height: 1;} .p_List_ctrl .range_open .hit .opt {color: #000;} .p_List_ctrl .if_open_range.range_box .btn_ctrl .ic {transform: rotate(180deg);} .p_List_ctrl .if_open_range .range_open {height:220px;} @media (max-width:900px) { .p_List_ctrl .right_box {border-top:inherit} } /*핫플레이스*/ .cafe_place { width: 100%;max-width: 1020px;margin: 20px auto 20px 0px; box-sizing:border-box} .cafe_place h3 {color:#222; margin-bottom: 3px} .cafe_place h3 + p {margin-bottom:20px} .swiper_cafe {text-align:center;} .swiper_cafe .swiper-slide .img > img {width:100%; border-radius:50%;object-fit: cover;text-align:center;} .swiper_cafe p {font-size: 17px;color: #999;} .swiper_cafe { margin:20px auto;} .swiper_cafe .swiper-slide {margin-right:10px; box-sizing:border-box;width:26%;} .swiper_cafe .swiper-slide .img > img {object-fit:cover; width:100%; height:250px; border-radius:10px;object-fit: cover;text-align:center;} .swiper_cafe .swiper-slide a {width:100%} .swiper_cafe .swiper-slide .img {position:relative;} .swiper_cafe .swiper-slide .img .b_tag {position:absolute; left:0px; bottom:0px; z-index:1; padding:5px 8px; font-size:12px; border-radius:0 10px 0 0; color:#fff;} .swiper_cafe .swiper-slide .img .b_tag01 {background-color:#ff5800; color:#fff;} .swiper_cafe .swiper-slide .img .b_tag02 {background-color:#ffb000; color:#fff;} .swiper_cafe .swiper-slide .img .b_tag03 {background-color:#184dec; color:#fff;} .swiper_cafe .swiper-slide a .xi-heart {color:#ec0000!important; } .swiper_cafe .swiper-slide a .xi-heart-o , .swiper_cafe .swiper-slide a .xi-heart{ position: absolute; color:#fff; font-size:20px; font-weight:normal;right: 8px;top: 8px;z-index: 1;} .swiper-slide .xi-heart{ position: absolute; color:#fff; font-size:20px; font-weight:normal;right: 8px;top: 8px;z-index: 1;} .wrap_menu { width: 100%; overflow-x: auto; white-space: nowrap;-ms-overflow-style: none; scrollbar-width: none; } .wrap_menu::-webkit-scrollbar {display: none;} .wrap_menu li {display:inline-block;} /*기초정보*/ .information h3 {color:#222; margin-bottom: 3px;} .information h3 + p {margin-bottom:20px; } .information > .nation_nav {font-size:16px; color:#222; display:block; position:relative; padding-left:13px; margin-bottom:10px} .information > .nation_nav b {font-weight:bold;} .information > .nation_nav::after {content:''; left:0; top:5px; width:5px; height:15px; border-radius:3px; background-color:#ff38a6; position:absolute; } .information .blue_box li {list-style:none; position:relative; font-size:15px; line-height:1.6; padding-left:12px} .information .blue_box li::after {content:''; position:absolute; width:4px; height:4px; background-color:#222; border-radius:3px; left:0; top:10px;} .info_icon_menu .swiper-slide.vaccin {background: url("/images/sub/icon_vaccine.jpg") 15px 20px no-repeat; background-size:32px;} .info_icon_menu .swiper-slide.plane {background: url("/images/sub/icon_plane.jpg") 15px 15px no-repeat; background-size:31px;} .info_icon_menu .swiper-slide.passport {background: url("/images/sub/icon_passport.jpg") 15px 18px no-repeat; background-size:32px;} .info_icon_menu .swiper-slide.passport02 {background: url("/images/sub/icon_passport.png") 15px 15px no-repeat; background-size:32px;} .info_icon_menu .swiper-slide.month {background:url("/images/sub/icon_calendar_.jpg") 15px 18px no-repeat; background-size:32px;} .info_icon_menu .swiper-slide.nowprice {background:url("/images/sub/icon_price02.jpg") 15px 15px no-repeat; background-size:35px; } .info_icon_menu .swiper-slide.language {background:url("/images/sub/icon_language.jpg") 15px 15px no-repeat; background-size:33px;} .info_icon_menu .swiper-slide.timdifference {background:url("/images/sub/icon_timdifference02.jpg") 20px 15px no-repeat;background-size:30px; } .info_icon_menu .swiper-slide.tipping {background:url("/images/sub/icon_price.jpg") 20px 15px no-repeat; background-size:35px; } .info_icon_menu .swiper-slide.price {background:url("/images/sub/icon_price04.jpg") 20px 20px no-repeat; background-size:28px; } .info_icon_menu .swiper-slide.price02 {background:url("/images/sub/icon_price.jpg") 20px 15px no-repeat; background-size:35px; } .info_icon_menu .swiper-slide.electric {background:url("/images/sub/icon_electric.jpg") 20px 15px no-repeat; background-size:35px; } .info_icon_menu .swiper-slide.caution {background:url("/images/sub/icon_caution.png") 20px 15px no-repeat; background-size:28px; } .info_icon_menu .swiper-slide {width:150px; height:140px; padding:20px; box-sizing:border-box; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); margin-right:10px; border-radius:10px; display:inline-block; color:#555; border:1px solid #b8b8b8;display:flex; flex-direction: column; justify-content: space-between; margin:0 15px 4px 0;float:left; cursor:pointer;} .info_icon_menu .swiper-slide a {width:100%; display:flex; flex-direction: column; justify-content: space-between; } .info_icon_menu .swiper-slide span {color:#555; font-weight:bold; font-size:17px; padding:0px 0px 40px 35px;} .info_icon_menu .swiper-slide em {color:#999; font-size:13px; display:block; text-overflow: ellipsis;height: 17px;overflow: hidden;} .info_icon_menu .swiper-slide p {font-size:15px; color:#555; text-overflow: ellipsis;height: 17px;overflow: hidden;} .info_icon_menu_02 {background-color:#fff;margin:10px;} .info_icon_menu_02 .vaccin{background: url("/images/sub/icon_vaccine.jpg") 0% 8px no-repeat; background-size:20px;} .info_icon_menu_02 .plane {background: url("/images/sub/icon_plane.jpg") 0% 5px no-repeat; background-size:20px;} .info_icon_menu_02 .passport {background: url("/images/sub/icon_passport.jpg") 0% 5px no-repeat; background-size:20px;} .info_icon_menu_02 .passport02 {background: url("/images/sub/icon_passport.jpg") 0% 5px no-repeat; background-size:20px;} .info_icon_menu_02 .month {background:url("/images/sub/icon_calendar_.jpg") 0% 7px no-repeat; background-size:20px;} .info_icon_menu_02 .nowprice {background:url("/images/sub/icon_price02.jpg") 0% 7px no-repeat; background-size:20px; } .info_icon_menu_02 .language {background:url("/images/sub/icon_language.jpg") 0% 8px no-repeat; background-size:20px; } .info_icon_menu_02 .timdifference {background:url("/images/sub/icon_timdifference02.jpg") 0% 7px no-repeat;background-size:20px; } .info_icon_menu_02 .tipping {background:url("/images/sub/icon_price.jpg") 0% 5px no-repeat; background-size:22px; } .info_icon_menu_02 .price {background:url("/images/sub/icon_price04.jpg") 0% 7px no-repeat; background-size:20px; } .info_icon_menu_02 .price02 {background:url("/images/sub/icon_price.jpg") 0% 5px no-repeat; background-size:20px; } .info_icon_menu_02 .electric {background:url("/images/sub/icon_electric.jpg") 0% 5px no-repeat; background-size:20px; } .info_icon_menu_02 .caution {background:url("/images/sub/icon_caution.jpg") 0% 10px no-repeat; background-size:18px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .vaccin {background: url("/images/sub/icon_vaccine_w.png") 0% 5px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .plane {background: url("/images/sub/icon_plane_w.png") 0% 5px no-repeat; background-size:20px;} .swiper.info_icon_menu_02 .swiper-wrapper .over .passport {background: url("/images/sub/icon_passport_w.png") 0% 5px no-repeat; background-size:20px;} .swiper.info_icon_menu_02 .swiper-wrapper .over .passport02 {background: url("/images/sub/icon_passport_w.png") 0% 5px no-repeat; background-size:20px;} .swiper.info_icon_menu_02 .swiper-wrapper .over .month {background:url("/images/sub/icon_calendar_w.png") 0% 7px no-repeat; background-size:20px;} .swiper.info_icon_menu_02 .swiper-wrapper .over .nowprice {background:url("/images/sub/icon_price02_w.png") 0% 5px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .language {background:url("/images/sub/icon_language_w.png") 0% 8px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .timdifference {background:url("/images/sub/icon_timdifference02_w.png") 0% 7px no-repeat;background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .tipping {background:url("/images/sub/icon_price_w.png") 0% 5px no-repeat; background-size:22px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .price {background:url("/images/sub/icon_price04_w.png") 0% 7px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .price02 {background:url("/images/sub/icon_price_w.png") 0% 5px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .electric {background:url("/images/sub/icon_electric_w.png") 0% 3px no-repeat; background-size:20px; } .swiper.info_icon_menu_02 .swiper-wrapper .over .caution {background:url("/images/sub/icon_caution_w.png") 0% 10px no-repeat; background-size:18px; } .info_check_txt h4 {padding-left:25px; margin-bottom:10px;} .info_check_txt .vaccin {background: url("/images/sub/icon_vaccine.jpg") 0% 13px no-repeat; background-size:20px; } .info_check_txt .plane {background: url("/images/sub/icon_plane.jpg") 0% 10px no-repeat; background-size:20px;} .info_check_txt .passport {background: url("/images/sub/icon_passport.jpg") 0% 12px no-repeat; background-size:20px;} .info_check_txt .passport02 {background: url("/images/sub/icon_passport.jpg") 0% 12px no-repeat; background-size:20px;} .info_check_txt .month {background:url("/images/sub/icon_calendar_.jpg") 0% 12px no-repeat; background-size:20px;} .info_check_txt .nowprice {background:url("/images/sub/icon_price02.jpg") 0% 12px no-repeat; background-size:20px; } .info_check_txt .language {background:url("/images/sub/icon_language.jpg") 0% 12px no-repeat; background-size:20px; } .info_check_txt .timdifference {background:url("/images/sub/icon_timdifference02.jpg") 0% 12px no-repeat;background-size:20px; } .info_check_txt .tipping {background:url("/images/sub/icon_price.jpg") 0% 12px no-repeat; background-size:22px; } .info_check_txt .price {background:url("/images/sub/icon_price04.jpg") 0% 12px no-repeat; background-size:20px; } .info_check_txt .price02 {background:url("/images/sub/icon_price.jpg") 0% 10px no-repeat; background-size:20px; } .info_check_txt .electric {background:url("/images/sub/icon_electric.jpg") 0% 10px no-repeat; background-size:20px; } .info_check_txt .caution {background:url("/images/sub/icon_caution.jpg") 0% 10px no-repeat; background-size:18px; } .swiper.info_icon_menu_02 .swiper-wrapper .over {color: #fff !important;background-color: #3c1db0 !important;} .info_view_wrap { display: flex;flex-direction: column;max-width: 1020px;width: 100%; margin:0 auto;align-content: flex-start;overflow: hidden; /* Hide the overflowing content */} .info_wrap {display: flex;height: 70px;background-color: #fff;z-index: 99;} .info_view_conbody {flex: 1;overflow-y: auto; /* Enable vertical scrolling */overflow-x: hidden; /* Hide horizontal overflow */padding: 10px;transition: transform 0.5s ease-in-out;} .check_item .check_text {font-size:16px;} .check_item .check_value {font-size:16px;} .check_item .check_highlighted {font-size:16px;} .check_term {flex-shrink: 0;position: relative;border-left-color: inherit;padding-left: 15px;margin-right: 11px;line-height: 1.44;font-size: 16px;letter-spacing: -.3px;color: #8f8f8f;} .check_text a {color:#2c89e7} .check_term :before {position: absolute;top: 0;bottom: 0;left: 0; border-left-width: 3px;border-left-style: solid;border-left-color: #ddd;content: "";} .check_highlighted {margin-left: 4px;font-weight: 600;color: #424242;} .check_alert {margin-top: 12px;margin-bottom: -3px;border-top: 1px solid #f3f6f8;padding-top: 14px;line-height: 1.43;font-size: 14px;color: #8f8f8f;} .tip_txt {font-size:15px; margin-top:15px; color:#444;} .info_check_txt {border:1px solid #ddd; padding:10px 20px 20px 20px; margin:20px 0; border-radius:10px;} .info_icon_menu_02 .swiper-slide {width:auto; height:auto; padding:20px 15px ;box-sizing:border-box; justify-content:center; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); border-radius:10px; display:inline-block; color:#555; border:1px solid #b8b8b8;display:flex; flex-direction: column; margin:0 10px 4px 0;float:left; cursor:pointer;} .info_icon_menu_02 .swiper-slide a {padding:5px 5px 5px 25px; box-sizing:border-box; display:block; } .info_icon_menu_02 .swiper-slide span {color:#555; font-size:17px; padding:10px 0px 10px 40px;} .info_icon_menu_02 .swiper-slide em {color:#999; font-size:13px; display:block; text-overflow: ellipsis;height: 17px;overflow: hidden;} .info_icon_menu_02 .swiper-slide p {font-size:15px; color:#555; text-overflow: ellipsis;height: 17px;overflow: hidden;} /*여행스타일*/ .style_icon ul {text-align:center; display:flex;align-items: center; justify-content: center;align-content: center; flex-wrap: wrap;margin-top:5px;} .style_icon li {margin-bottom:20px;} .style_icon li div{ width:150px; height:150px; margin:5px; background-color:#f7f7f7; border-radius:50%;text-align:center; font-size:15px; display: flex;align-items: center;justify-content: center; } .style_icon li img {height:50px; } .schedule_recommend {display:flex; } .schedule_recommend li {flex:1;box-sizing:border-box; } .schedule_recommend li a{display:flex; align-items: center; margin:0 4px 4px 0;padding:20px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);} .schedule_recommend li:first-child {margin-right:2%;} .schedule_recommend li:first-child b {color:#3683e2;} .schedule_recommend li:last-child b {color:#f06535} .schedule_recommend li h4 {padding:0; font-size:20px;} .schedule_recommend li img {margin-right:10px;} /* 추천데이 날짜선택 스타일*/ .bs_days_check {margin:10px 0; padding:0} .bs_days_check li {border:0!important; padding:0!important;} .bs_days_check .tab-content {display: none; box-sizing:border-box; width: 100%; height: 60px; font-size: 16px; } #tab1:checked ~ #tab-content1 {display: block; background-color: #fff;} #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;} .bs_days_check {font-size: 0px;} .bs_days_check input[type='radio'] {display: none;} .bs_days_check label {display: inline-block;width: auto;height: 20px;line-height: 20px;font-size: 12px;cursor: pointer;padding: 30px 10px 10px 10px;border-radius: 10px; border: 1px solid #ddd;background: #fff url("/images/sub/alcohol_tab.gif") no-repeat 50% 10px;background-size: 15px;} .bs_days_check input:checked + label {color: #fff; background:#4E4E4E url("/images/sub/alcohol_tab_o.gif") no-repeat 50% 10px; font-weight:bold; background-size:15px;} .searchLayer {width:100%; margin:20px auto;border:1px solid #ddd; padding:40px; box-sizing:border-box; border-radius:20px;} .searchLayer .searchLayerInner .searchAirCount {display: flex; justify-content: space-between;table-layout: fixed;width: 100%;margin: 10px 0;color:#222;} .searchLayer .searchLayerInner .searchAirCount strong {display:block; font-size:17px; color:#111;} .searchLayer .searchLayerInner .searchAirCount span {color:#999;} .searchLayer .searchLayerInner .searchAirCount .iText {color:#222;} searchLayer .searchLayerInner .searchAirCount dt {width: 220px;} .searchLayer .searchLayerInner .searchAirCount dd { text-align: right;} .searchLayer .searchLayerInner .quantitySelector {display:flex;} .searchLayer .searchLayerInner .quantitySelector .controller {position: relative;display: inline-block;width: 32px;height: 32px;border: 1px solid #ccc;border-radius: 50%;text-indent: -9999px;overflow: hidden;} .searchLayer .searchLayerInner .quantitySelector .controller:before, .searchLayer .searchLayerInner .quantitySelector .controller:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 12px;height: 2px;background: #ccc;margin: auto;border-radius: 7px;display: inline-block;} .searchLayer .searchLayerInner .quantitySelector .controller.plus:before { background: #333;} .searchLayer .searchLayerInner .quantitySelector .controller.plus:after {width: 2px;height: 12px;background: #333;} .searchLayer .searchLayerInner .quantitySelector .currentQuantity {width: 50px;line-height: 32px;font-size: 20px;font-weight: bold;vertical-align: top;box-sizing: border-box;display: inline-block;text-align: center;} .topSearchBox{ width:100%;height:60px;background:#f6f6f6; border-radius:40px;} .topSearchBox input{display:block;height:57px;border:0 none} .topSearchBox input[type=text]{float:left;width:95%;background:0 0;text-indent:18px;color:#222!important; margin:0px 0 0 0; font-size:16px;} .topSearchBox input[type=text]::placeholder{color:#222;opacity:1} .topSearchBox input[type=text]:-ms-input-placeholder, .topSearchBox input[type=text]::-ms-input-placeholder{color:#222;} .topSearchBox input[type=submit]{float:right;margin:20px 20px 0 0;width:23px;height:23px;background:url("/images/sub/btn_search.png") no-repeat 95% 50%;text-indent:-9999em; cursor:pointer;} .category_sharehouse {width:100%; border-radius:20px; display:block; box-sizing:border-box;height:260px; padding:120px 20px 10px 20px; } .category_sharehouse_bg01 {background:url("/images/sub/search_sharehouse_bg03.jpg") no-repeat 50% 50% / cover;} .category_sharehouse_bg02 {background:url("/images/sub/search_sharehouse_bg.jpg") no-repeat 50% 50% / cover;} .category_sharehouse_bg03 {background:url("/images/sub/search_sharehouse_bg04.jpg") no-repeat 50% 50% / cover;} .rentcar_bg {background:url("/images/sub/rentcar_bg.jpg") no-repeat 50% 50% / cover;} .category_sharehouse .topSearchBox {background-color:#ffffffdb;} .category_sharehouse h4 {color:#fff; margin-bottom:10px;} /*숙소검색폼*/ .hotel_form {display:flex; background-color:#fff; position:relative; border-radius:20px;flex-direction:column; justify-content:space-around} .hotel_form .search_button {display:flex; } .hotel_form .search_button .hotel, .hotel_form .search_button .date, .hotel_form .search_button .people {padding:20px 30px;cursor:pointer; text-align:left; border-right:1px solid #f3f3f3;} .hotel_form .search_button .hotel {flex:1; } .hotel_form .search_button .date {flex:1; } .hotel_form .search_button .people {flex:1; border-right:0;} .hotel_form .search_button span {color:#555; } .hotel_form .search_button p {color:#555; font-size:20px;font-weight:bold; } .hotel_form .search_button .button_search {margin:20px 20px 20px auto; width:150px; padding:10px 0; text-align:center;background-color:#222; color:#fff; border-radius:10px;} .layer_pop_date, .layer_pop_hotel, .layer_pop_people {position: absolute;top: 90px; /* 원하는 위치로 조정하세요 */left: 0;background-color: #fff;border: 1px solid #ccc;padding: 10px;z-index: 1;display: none;width:auto;} /*숙소검색폼*/ .rentcar_form {display:flex; background-color:#fff; position:relative; border-radius:20px;flex-direction:column; justify-content:space-around} .rentcar_form .search_button {display:flex; } .rentcar_form .search_button .hotel, .rentcar_form .search_button .date, .rentcar_form .search_button .people {padding:20px 30px;cursor:pointer; text-align:left; border-right:1px solid #f3f3f3;} .rentcar_form .search_button .hotel { } .rentcar_form .search_button .date {flex:1; } .rentcar_form .search_button .people { border-right:0;} .rentcar_form .search_button span {color:#555; } .rentcar_form .search_button p {color:#555; font-size:20px;font-weight:bold; } .rentcar_form .search_button .button_search {margin:20px 20px 20px auto; width:150px; padding:10px 0; text-align:center;background-color:#222; color:#fff; border-radius:10px;} /* checkboxB */ .checkboxA { font-size:18px; display: inline-block;position: relative;} .checkboxA input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .checkboxA label {font-size:15px; border:1px solid #ddd;; width:auto; border-radius:20px; float:left!important; display:inline-block!important; cursor: pointer;padding-left: 30px; margin-right:5px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 20px;color: #252525;letter-spacing: -0.8px;background-image:none; padding:7px 20px;} .checkboxA input:checked+label {background-color:#444;} .checkboxA input:checked + label {background-image:none; background-color:#444; color:#fff;} /* person_check_wrap */ .person_check_wrap {display:flex; flex-wrap:wrap; box-sizing:border-box;width:100%;} .person_check {width:25%; padding:5px 10px; box-sizing:border-box; font-size:18px; position: relative;} .person_check input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .person_check label {display: flex;align-items: center; flex-direction: column; align-content: center;font-size:15px; border:1px solid #ddd;; box-sizing:border-box;width:100%; border-radius:20px; cursor: pointer; position: relative;z-index: 2;line-height: 20px;color: #252525;letter-spacing: -0.8px; padding:20px 20px 15px 20px; text-align:center;} .person_check label img {height:60px; margin-bottom:15px;} .person_check .checkbox_label {font-weight:bold; font-size:16px;} .person_check input:checked+label {background-color:#444;} .person_check input:checked + label {background-image:none; background: #f4ebfd; color: #7b2ecf; border: 1px solid #bb88f1;} /*여행 날짜*/ .calender_wrap { display:flex;align-items: center; position:relative;} .calender_wrap p {font-size:20px; padding:10px 10px 10px 40px;font-family: 'GmarketSansB'; color:#222; background:url("/images/sub/calender_icon.gif") no-repeat left 50%; background-size:30px;} .calender_wrap span {font-size:20px; color:#999;font-family: 'GmarketSansM'; } .calender_select {border-top:1px solid #ddd; padding-top:20px;} /*키워드검색*/ .keyword_find {display:flex; justify-content: space-between; margin:10px 0;} .keyword_find ul {display:flex;} .keyword_find li {margin:5px 10px; font-size:16px; color:#999; position:relative;padding-right:15px;} .keyword_find li::after {content:''; position:absolute; right:0; top:5px; width:1px; height:10px; background-color:#999;} .keyword_find li:last-child::after {width:0;} .keyword_find p {color:#7f3e1d; font-size:16px;} /*키워드검색*/ .keyword_ul {display:flex; margin:20px 0;flex-wrap: wrap;} .keyword_ul li { padding:8px 15px; border:1px solid #ddd; margin:5px; border-radius:20px;} .keyword_ul li:hover {border:1px solid #222; color:#222;} .keyword_ul .lastli {background-color:#f6f6f6;} /*키워드 장소 검색*/ .keyword_place_search_ul { margin:0 0 20px 0; } .keyword_place_search_ul li:first-child a{padding:0 0 15px 0} .keyword_place_search_ul li a{ display:block; font-size:16px; padding:15px 0; border-bottom:1px solid #f6f6f6} .keyword_place_search_ul .lastli {background-color:#f6f6f6;} .keyword_place_search_ul .icon_bg { padding:5px 8px; border-radius:3px; margin-right:5px;} .keyword_place_search_ul .marker {background-color:#E7F4FD; color:#2290EA; } .keyword_place_search_ul .search {background-color:#f6f6f6; color:#666; font-weight:bold;} /*키워드 비행편*/ .keyword_place_search_ul .plane_place {margin:-5px 0 0px 20px; padding:10px 0px;} .keyword_place_search_ul .plane_place a {display:flex; border:0; padding:7px 0!important; align-items:center;} .keyword_place_search_ul .plane_place a p {font-size:14px; color:#555; } .keyword_place_search_ul .plane_place a span {font-size:12px; color:#888; margin-left:5px; } /**/ .view_product_ul li { padding:4px 0px; font-size:15px; margin-left:5px; } .view_product_ul i {color:#222; font-size:16px; cursor:pointer} /*추천일정*/ .best_tour_list {max-width:1020px; width:100%;} .best_tour_list li {display:flex; flex-direction: column;} .best_tour_list .bt_list_wrap {border:1px solid #ddd; border-radius:20px; display:flex;justify-content: space-between; align-items: center; margin:10px 0; padding:20px;} .best_tour_list .bt_list_wrap:hover {border:1px solid #222;} .best_tour_list .bt_list_wrap img {height:110px; width:150px; object-fit:cover; margin-right:10px; border-radius:10px;} .best_tour_list .bt_list_wrap div:nth-child(3) h4 { padding-top:0;} .best_tour_list .bt_list_wrap div p {height: 36px;font-weight: normal;color: #888;line-height: 18px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .best_tour_list .bt_list_wrap div:nth-child(3) p { height: 46px;line-height: 23px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .best_tour_list .bt_list_wrap div {display:flex; flex-direction: column;align-items: flex-start;justify-content: center; gap:5px} .best_tour_list .bt_list_wrap .btn { margin-left:auto;} .best_tour_list .bt_list_wrap div span {margin-top:5px; font-size:14px; color:#555; line-height:120%;} .best_tour_list .bt_list_wrap div span .days_cont {font-size:14px; background-color:#222; color:#fff; border-radius:7px; padding:2px 6px;} .best_tour_list .bt_list_wrap div .best_btn_01 {width:130px; font-size:13px; text-align:center; display:block; padding:8px 0px; background-color:#333; border:1px solid #333; border-radius:10px; color:#fff;} .best_tour_list .bt_list_wrap div .best_btn_02 { width:130px; font-size:13px; text-align:center; display:block; padding:8px 0px; border-radius:10px; color: #fff;background: #fff;color: #7b2ecf;border: 1px solid #bb88f1;} .best_tour_list .bt_list_wrap div .best_btn_03 { width:130px; font-size:13px; text-align:center; display:block; padding:8px 0px; background-color:#7b1ac6; border:1px solid #7b1ac6; border-radius:10px; color:#fff;} .best_tour_list .bt_list_wrap div .best_btn_01:hover {background-color:#fff; color:#333; border:1px solid #333; } .best_tour_list .bt_list_wrap div .best_btn_03:hover {background-color:#fff; color:#7b1ac6; border:1px solid #7b1ac6;} .best_schedule_day.swiper-slide {height:auto!important; } .best_schedule_day .best_p_title {margin-left:20px; color:#7b1ac6; font-weight:bold; margin:15px 0 20px 0px; font-size:20px;} .best_schedule_day .best_p_title .day_num em {color:#999;font-size:16px;} .best_list_view ul::before {content: "";position: absolute;left:5px;top:30px; height: calc(100% - 70px);border-left: 2px solid #e6e6e6;} .best_list_view ul::after {content: "";position: absolute;left:3px; bottom:33px; width:7px; height: 7px; background-color:#bbb; border-radius:50%;} .best_list_view {position:relative;width:98%; display:flex; margin:10px auto;} .best_list_view ul {flex-grow:1;} .best_list_view li {box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); margin-left:25px; background-color:#fff; z-index:1; border:1px solid #ddd; border-radius:20px; margin-bottom:35px;} .best_list_view li .day_wrap {position:relative;padding:15px 25px 15px 15px; flex-grow:1;display: flex; flex-direction: row;align-items: center; } .best_list_view li .day_wrap .day_con {flex-grow:1;} .best_list_view li.ticket {box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); margin-top:-20px; margin-left:25px;position:relative; background-color:#fff; z-index:0; border:1px solid #ddd; border-radius:20px; margin-bottom:32px;display: flex; flex-direction: row;align-items: center; } .best_list_view li.ticket::before {content: "";position: absolute;left:-30px; top:10px; width:18px; height: 18px; background-color:#e0e4ea; border-radius:50%;} .best_list_view li.ticket::after {content: "";position: absolute;left:-23px; top:17px; width:5px; height: 5px; background-color:#b2bccb; border-radius:50%;} .best_list_view li.ticket .ticket_txt01 {font-weight:bold; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:5px;padding-bottom:5px;} .best_list_view li.ticket .ticket_txt01 b {color:#222; } .best_list_view li.ticket .ticket_txt01 .place_airticket { font-weight:normal;} .best_list_view li.ticket .ticket_txt01 abbr {color:#9e9e9e; font-weight:normal; font-size:14px;} .best_list_view li.ticket .ticket_info {position:relative; width:100%; display:inline; padding-top:5px; } .best_list_view li.ticket .ticket_info span {border-right:1px solid #ddd; padding-right:5px; margin-right:5px;} .best_list_view li.ticket .ticket_info span:last-child{border:0;padding-left:5px;} .best_list_view li div b.place_btn {font-size:14px; display:inline-block; padding:3px 7px; margin-bottom:5px; border-radius:10px;color:#fff;} .best_list_view li div b.place_airport {background-color:#eb4ea0; } .best_list_view li div b.place_airticket { background-color:#4f93f3; color:#fff!important;} .best_list_view li div b.place_food { background-color:#ef5f5f; } .best_list_view li div b.place_hot { background-color:#8774d9; } .best_list_view li div b.place_hotel {background-color:#3eab96; } .best_list_view li div .xi-flight-takeoff {color:#ddd} .best_list_view li div .checkin {display:block;} .best_list_view li div .checkin span:first-child {position:relative; padding-right:8px;} .best_list_view li div .checkin span:first-child::after {content: "";position: absolute;right:0px; top:7px; width:3px; height: 3px; background-color:#bbb; border-radius:50%;} .best_list_view li:last-child::after {width:0px; } .best_list_view img {width:60px;height:60px; border-radius:50%; } .best_list_view .day_num em {position: absolute;left: -30px;top: 10px;} .best_list_view .day_num em p {position: absolute;color: #fff;border-radius: 50%;width: 16px;height: 16px;font-size: 12px;text-align: center;padding: 2px;margin-bottom: 5px;z-index: 9;} .best_list_view .day_num em p::before {z-index: 100;position: absolute;top: 21px;right: 0;left: 0;margin: -9px auto;width: 10px;height: 10px;content: "";transform: rotate(45deg);z-index:-1;} .best_list_view .day_time {display: block;margin: 5px auto 0;padding: 3px 5px;border: 1px solid #e9eced;width: -moz-fit-content;width: fit-content;line-height: 1.2;font-size: 11px;font-weight: 700;letter-spacing: -.3px;color: #8f8f8f;background-color: #fafafa;border-radius: 20px;position: absolute;left: -40px;top: 35px;} .day_meno{display: flex;align-items: center;position: relative;border-top: 1px solid #eff2f3;word-break: break-all;text-align: left;box-sizing: border-box;white-space: pre-wrap; margin-top:8px; padding:5px; border-radius:5px;background-color:#f6f6f6;} .itineraryCard_edit{padding: 2px 0; margin-right: 5px;background-color:#ededed; border-radius:50%; color:#c5c5c5;} .itineraryCard_view {flex-grow: 1;display: flex;align-items: center;min-width: 0;text-align: left;letter-spacing: -.3px;color: #666;} .itineraryCard_text {overflow: hidden;text-overflow: ellipsis;flex-shrink: 1;white-space: nowrap;margin-right: 10px;} .itineraryCard_view i {margin-left: auto;content: ""; color:#d1d1d1; font-size:16px;} .best_list_view .xi-ellipsis-v {position:absolute; right:10px; top:15px; color:#999; font-size:14px; } .best_list_view .day_con p {color:#222; font-size:15px; margin-bottom:0px; font-weight:bold;} .best_list_view .span_txt { height: 17px; font-size:14px; font-weight:normal; color:#999;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .best_list_view .btn_info {border:1px solid #ddd; padding:3px 5px; background-color:#fff; border-radius:5px; margin-left:3px; font-size:14px;} .best_list_view .btn_info:hover {background-color:#222; color:#fff;} .best_list_view .time {color:#999;} .best_list_view .distance {display: block;position: absolute;;left: 0.5rem;top: -1.6rem;height: 1rem;line-height: 1;font-size: 14px;color: #959595;} .best_list_view .distance i {color:#555;} .best_list_view .distance a {color:#017cff; position:relative; padding-left:7px;} .best_list_view .distance a::after {content:''; width:3px; height:3px; position:absolute; left:0; top:7px; background-color:#ccc; border-radius:50%;} .best_list_view .distance .map_search {font-size:12px; margin-left:5px;background-color:#017cff; color:#fff; padding:4px 5px; border-radius:5px;} .best_list_view .distance .map_search::after {width:0; } .best_p_title {color: #222;} .best_list_view .day_num em p{ background-color:#222; } .best_list_view .day_num em p::before {background-color: #222;} /* checkboxAll */ .checkboxAll { font-size:18px; display: inline-block;position: relative;} .checkboxAll input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .checkboxAll label {font-size:15px; width:auto; box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05); border-radius: 8px;float:left!important; display:inline-block!important; cursor: pointer; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 20px;color: #252525;letter-spacing: -0.8px;background-color:#fff; padding: 8px 15px 7px;} .checkboxAll label:before {position: absolute;left: 7px;top: 9px;content: "";width: 18px;height: 25px;vertical-align: middle;background: url("/images/sub/plan_edid_chk_black.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important; display:inline-block!important;background-size: 100% auto;} .checkboxAll input:checked+label:before {background-image: url("/images/sub/plan_edid_chk_o_black.png"); } .checkboxAll span {font-size:14px; padding-left:15px;} /* checkboxAll_square */ .checkboxAll_square { font-size:18px; display: inline-block;position: relative;} .checkboxAll_square input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .checkboxAll_square label {font-size:15px; width:auto; box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05);border-radius: 8px;float:left!important; display:inline-block!important; cursor: pointer; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 20px;color: #252525;letter-spacing: -0.8px;background-color:#fff; padding: 8px 15px 7px;} /*.checkboxAll_square label:before {position: absolute;left: 7px;top: 9px;content: "";width: 18px;height: 25px;vertical-align: middle;background: url("/images/sub/plan_edid_chk_square.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important; display:inline-block!important;background-size: 100% auto;}*/ .checkboxAll_square input:checked+label:before {background-image: url("/images/sub/plan_edid_chk_o_square.png"); color:#222;} .checkboxAll_square span {font-size:14px; /*padding-left:15px;*/} .check_boxshadow_none .checkboxAll label, .check_boxshadow_none .checkboxAll_square label {box-shadow:0 0 0 0; } .draghandel i {font-size:20px; margin-left:10px;width:10px;color:#d6d4d4; cursor:pointer;} .bt_list_wrap .checkboxB { font-size:18px; display: inline-block;position: relative;} .bt_list_wrap .checkboxB input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .bt_list_wrap .checkboxB label {border:0!important; width:auto; float:left!important; display:inline-block!important; cursor: pointer;padding-left: 30px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 30px;color: #252525;letter-spacing: -0.8px;background-image:none; padding:0 0 0 30px;} .bt_list_wrap .checkboxB label:before {position: absolute;left: 0;top: 0;content: "";width: 25px;height: 35px;vertical-align: middle;background: url("/images/sub/ligon_chk.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important; display:inline-block!important;background-size: 100% auto;} .bt_list_wrap .checkboxB input:checked+label:before {background-image: url("/images/sub/ligon_chk_o_black.png"); } .bt_list_wrap .checkboxB input:checked + label {background-image:none; background-color:#fff; color:#222;} /*상품 리스트*/ .product_list {overflow:hidden;} .product_list li a{position:relative; float:left; width:23%; margin:10px 1%;} .product_list li a img {width:100%; border-radius:20px;} .product_list li a .xi-heart {color:#ec0000!important; } .product_list li a .xi-heart-o ,.product_list li a .xi-heart{ position: absolute; color:#fff; font-size:20px; font-weight:normal;right: 8px;top: 8px;z-index: 1;} .product_list li .product_title { font-size:16px; font-weight:bold; color:#222;height: 44px;line-height: 22px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .product_list li em {color:#3574c2; background-color:#e5fcff; padding:3px 5px; margin:10px 3px 10px 0;border-radius:3px; display:inline-block;} .product_list li .product_krw {font-size:16px; font-weight:bold; color:#222; margin:10px 0;} .product_list li .product_cart {display:block; background-color:#fff; transition:0.2s;border:1px solid #ddd; color:#444; border-radius:5px; padding:6px 0; text-align:center;} .product_list li .product_cart:hover {background-color:#222; color:#fff; transition:0.2s;} /*나의 일정 티켓으로 담기*/ .product_list02 {overflow:hidden; } .product_list02 .swiper-slide {position:relative; float:left; width:20%; margin:10px 1%;} .product_list02 div a img {width:100%; border-radius:20px;} .product_list02 div .product_title { font-size:16px; font-weight:bold; color:#222;height: 44px;line-height: 22px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .product_list02 div em {color:#3574c2; font-size:12px; background-color:#e5fcff; padding:3px 5px; margin:10px 3px 10px 0;border-radius:3px; display:inline-block; letter-spacing:-1px;} .product_list02 div .product_krw {font-size:16px; font-weight:bold; color:#222; margin:10px 0;} .product_list02 div .product_cart {display:block; background-color:#fff; transition:0.2s;border:1px solid #ddd; color:#444; border-radius:5px; padding:6px 0; text-align:center;} .product_list02 div .product_cart:hover {background-color:#222; color:#fff; transition:0.2s;} .product_list02_noswipe {display:flex!important; flex-wrap:wrap; box-sizing:border-box; overflow:hidden;} .product_list02_noswipe .swiper-slide {width:calc(23% - 0px)!important; float:left; height:auto; margin-bottom:25px; overflow:hidden;box-sizing:border-box; } .product_normal04_noswipe {display:flex!important; width:100%; flex-wrap:wrap; box-sizing:border-box; overflow:hidden;} .product_normal04_noswipe .swiper-slide {width:25%!important; float:left; height:auto; margin-bottom:25px; overflow:hidden;box-sizing:border-box; padding-left: 10px; margin-right:0} .ticket_wrap {background-color:##f5f6f7; padding:20px; width:100%; height:auto; overflow:hidden;} .Stepper-module__disabled--krEGe.Stepper-module__button--V6HWA { border: 1px solid #ced4da!important;} .borderbox_gray {border: 1px solid #dee2e6;border-radius: 10px; padding: 20px;width: 96%; max-width:1020px;box-sizing:border-box; margin:20px 0; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);} .borderbox_gray h3 { font-size:22px; margin-bottom:10px; color:#222;} .borderbox_gray li {padding:5px 0; font-size:16px;} .ticket_best {display:flex; width:100%; max-width:1020px; margin:0px auto;} .ticket_best div { width:49%} .ticket_best div h4 { font-size:18px; color:#222; font-weight:normal; padding-top:0;} .ticket_best div .air {position:absolute; right:20px; bottom:20px; width:30px;} .ticket_best div .more {position:absolute; right:20px; top:23px; color:#b4b4b4; font-size:14px;} .ticket_best div span {color:#111;font-size:22px; font-weight:bold; margin-bottom:10px;position:relative; z-index:1; } .ticket_best div span::after {position:absolute; left:0; bottom:0; height:10px; width:100%; display:block; background-color:#ffb2b2a8; content:'';z-index:-1;} .ticket_best:first-child div {margin-right:2%;} .ticket_swiper_wrap{ width:96%; max-width:1020px; margin:40px auto 20px auto;} .ticket_swiper_wrap h3{ font-size:22px; color:#222;} .ticket_swiper {width:100%; max-width:1020px; margin:20px auto;} .ticket_swiper .swiper-slide {width:30%; border:1px solid #ddd; border-radius:20px; margin-right: 20px;padding:20px; box-sizing:border-box; } .ticket_swiper .swiper-slide:hover {border:1px solid #999;} .guide_wrap {border:1px solid #ddd; padding:20px; border-radius:20px; margin:40px auto!important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);box-sizing:border-box; } .guide_wrap .guide_home {position:relative; overflow:hidden;} .guide_wrap .guide_home img {width:50px; height:50px; border-radius:50%;} .guide_wrap .guide_home dl {overflow:hidden;padding-bottom:10px;} .guide_wrap .guide_home dt {float:left;} .guide_wrap .guide_home dd {float:left; font-size:20px; color:#222; font-weight:bold; margin:5px 0 0 10px; line-height:100%;} .guide_wrap .guide_home dd em {font-size:14px; color:#999;} .guide_wrap .guide_home a {position:absolute; right:0px; top:10px;background-color:#f1f1f1; padding:5px 10px; border-radius:10px;} .guide_wrap .guide_home a:hover { background-color:#51abf3; color:#fff; } .guide_wrap ul {border-top:1px solid #ddd; padding-top:20px; display: flex;align-items: center;justify-content: center;align-content: center;margin-top: 5px;} .guide_wrap li { width:25%; text-align:center; font-size:17px; line-height:110%;} .guide_wrap li img {height:50px; margin-bottom:10px;} .guide_tour_list_wrap{ width:100%; max-width:1020px; margin:20px auto;} .guide_tour_list_wrap h3{ font-size:22px; color:#222;} .guide_tour_list {width:100%; max-width:1020px; margin:20px auto;} .guide_list_noswipe {display:flex!important; gap:10px; justify-content:flex-start; flex-wrap:wrap;box-sizing:border-box;} .guide_list_noswipe .swiper-slide {width:calc(25% - 10px)!important; margin-bottom:15px; box-sizing:border-box; margin-right:0!important;} .guide_tour_list .swiper-slide { width:22%; margin-right:10px; border:1px solid #ddd; border-radius:10px;overflow:hidden; padding:0px 0 10px 0; box-sizing:border-box; /*box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);*/ } .guide_tour_list .swiper-slide a {display:block; width:100%; height:100%} .guide_tour_list .swiper-slide:hover {border:1px solid #999;} .guide_tour_list .swiper-slide:hover img { transform: scale(1.2); transition:0.4s; overflow:hidden;} .guide_tour_list .swiper-slide .img { overflow:hidden; object-fit:cover; height:200px; border-radius:10px 10px 0 0;} .guide_tour_list .swiper-slide .img img { object-fit:cover; width:100%; height:100%; transition:0.4s; } .guide_tour_list .swiper-slide .txt {background-color:#fff!important; width:100%; padding:10px; box-sizing:border-box; } .guide_tour_list .swiper-slide .txt .hashtag {font-size:13px; color:#a7724f; text-overflow: ellipsis; height:15px; overflow:hidden;} .guide_tour_list .swiper-slide .txt .name {font-size:17px; color:#222; height: 19px; width: 100%; font-weight:bold; margin:5px 0;line-height: 19px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word; } .guide_tour_list .swiper-slide .txt .info {font-size:15px; color:#555; height: 18px; width: 100%; line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word; } .guide_tour_list .swiper-slide .txt .guide_tour_list_p {font-size:14px; color:#888; margin-top:5px; display:block; height: 15px; font-weight: normal;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .guide_tour_list .swiper-wrapper{ padding-bottom:10px;} /*베스트 숫자 옆에 나오는 리스트*/ .best_num_list {width:100%; max-width:1020px; margin:20px auto;} .guide_tour_list_wrap{ width:100%; max-width:1020px; margin:20px auto;} .guide_tour_list_wrap h3{ font-size:22px; color:#222;} .best_num_list .swiper-slide { position:relative; width:22%; margin-right:30px; margin-left:60px; } .best_num_list .swiper-slide a {z-index:1; background:#fff; width:100%;border:1px solid #ddd; border-radius:10px; padding:0px 0 10px 0; box-sizing:border-box; /*box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);*/ } .best_num_list .swiper-slide .best_number {z-index:-1;position:absolute; left:-90px; bottom:-40px; } .best_num_list .swiper-slide .best_number p { /*text-shadow: -1px 0px #888, 0px 1px #888, 1px 0px #888, 0px -1px #222;*/ font-weight:bold; font-size:200px; color:#efeeee; } .best_num_list .swiper-slide:hover a{border:1px solid #999;} .best_num_list .swiper-slide:hover img { transform: scale(1.2); transition:0.4s; overflow:hidden;} .best_num_list .swiper-slide .img { overflow:hidden; object-fit:cover; height:200px; border-radius:10px 10px 0 0;} .best_num_list .swiper-slide .img img { object-fit:cover; width:100%; height:100%; transition:0.4s; } .best_num_list .swiper-slide .txt {background-color:#fff!important; width:100%; padding:10px; box-sizing:border-box; } .best_num_list .swiper-slide .txt .hashtag {font-size:13px; color:#a7724f; text-overflow: ellipsis; height:15px; overflow:hidden;} .best_num_list .swiper-slide .txt .name {font-size:17px; color:#222; height: 17px; width: 100%; font-weight:bold; margin:5px 0; line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word; } .best_num_list .swiper-slide .txt .info {font-size:15px; color:#555; height: 17px; width: 100%; line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word; } .best_num_list .swiper-slide .txt .guide_tour_list_p {font-size:14px; color:#888; margin-top:5px; display:block; height: 15px; font-weight: normal;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .best_num_list .swiper-wrapper{ padding-bottom:10px;} .best_num_list .icbtn {position:absolute; left:10px; top:10px; z-index:999; border:0; } .best_num_list .icbtn .btn {width: 30px; height: 35px; background:none; border:0; background-repeat: no-repeat !important; background-position: center !important; background-size: 21px auto !important;} .best_num_list .icbtn:hover {border:0;} .best_num_list .icbtn .btn_wish {background-image: url('/images/sub/item_wish.png');} .best_num_list .icbtn .btn_wish.hit {background-image: url('/images/sub/item_wish_on.svg');} /*베스트*/ .js_product_best_slide {width:100%; max-width:1020px; margin:20px auto;} .js_product_best_slide .swiper-slide { width:24%; margin-right:10px; } .js_product_best_slide .swiper-slide .item_box { position:relative; border:1px solid #ddd; border-radius:10px; padding:0px 0 10px 0; box-sizing:border-box; /*box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);*/} .js_product_best_slide .swiper-slide a {width:100%} .js_product_best_slide .swiper-slide .item_box:hover {border:1px solid #999;} .js_product_best_slide .swiper-slide:hover img { transform: scale(1.2); transition:0.4s; overflow:hidden;} .js_product_best_slide .swiper-slide .img { overflow:hidden; max-height:200px; height:100%; border-radius:10px 10px 0 0;} .js_product_best_slide .swiper-slide .img img { width:100%; height:100%; transition:0.4s; } .js_product_best_slide .swiper-slide .txt {background-color:#fff!important; width:100%; padding:10px; box-sizing:border-box; } .js_product_best_slide .swiper-slide .txt .hashtag {font-size:13px; color:#a7724f; text-overflow: ellipsis; height:15px; overflow:hidden;} .js_product_best_slide .swiper-slide .txt .name {font-size:17px; color:#222; height: 17px; width: 100%; margin-top:5px!important;margin-bottom:5px;font-weight: normal;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word; } .js_product_best_slide .swiper-slide .txt .guide_tour_list_p {font-size:14px; color:#888; display:block; height: 15px; font-weight: normal;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .js_product_best_slide .swiper-wrapper{ padding-bottom:10px;} /*탭메뉴*/ .visual_quick_tab {display:flex;justify-content:flex-start;gap:35px; margin:0 auto; width:100%; max-width:1020px; border-bottom:1px solid #e2e2e2; margin-bottom:10px;} .visual_quick_tab li {position:relative; padding:24px 24px 20px; font-size:16px; cursor:pointer; transition:all 0.3s} .visual_quick_tab li.active {font-weight:700} .visual_quick_tab li:before {content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%) scale(0);width:100%;height:3px;background-color:#e7280e;transition:all 0.3s} .visual_quick_tab li.active:before {transform:translateX(-50%) scale(1)} #magazine_tag li a {font-size:14px; background-color:#f6f6f6; color:#222;margin-right:5px; padding:7px 20px; border-radius:5px;} #magazine_tag li a:hover, #magazine_tag li a.over { background-color:#51abf3; color:#fff; } /*매거진 리스트*/ .magazine_list {margin:20px 0;} .magazine_list ul {display:flex; flex-wrap:wrap;} .magazine_list li {/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.10);*/position:relative; /*float:left;*/ width:25%; height:400px; /*margin:10px 1%; border:1px solid #ddd;*/ box-sizing:border-box; padding:10px; border-radius:15px} .magazine_list li:hover {/*border:1px solid #555*/} .magazine_list li a { width:100%} .magazine_list li a .img {width:100%; overflow:hidden; height:250px; border:1px solid #eee; border-radius:15px; transform: scale(1); transition-duration: 1s; transition-timing-function: ease-out;} .magazine_list li a .img img {width:100%; height:100%; object-fit: cover;} .magazine_list li a .img:hover img {transform: scale(1.1); transition-duration: 3s; transition-timing-function: ease-out;} .magazine_list li a i {margin:10px 10px 0 0} .magazine_list li a .xi-heart {color:#ec0000!important;} .magazine_list li a .xi-heart-o ,.magazine_list li a .xi-heart{ position: absolute; color:#fff; font-size:25px; font-weight:normal;right: 8px;top: 8px;z-index: 1;} .magazine_list li .product_title_category { font-size:14px; margin:5px 0;color:#222;height: 22px; } .magazine_list li .product_title {font-size:16px; font-weight:bold; color:#222;height: 22px; line-height: 22px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} .magazine_list li em {color:#7d7d7d; background-color:#f3f3f3; padding:5px; margin:5px 0 0 0; border-radius:3px; display:inline-block; font-size:14px} .magazine_list li .product_krw {font-size:16px; font-weight:bold; color:#222; margin:10px 0;} .magazine_list li .product_cart {display:block; background-color:#fff; border:1px solid #ddd; color:#444; border-radius:5px; padding:6px 0; text-align:center;} .magazine_list li .tag {display: flex; margin-top: 0px; } .magazine_list li .tag a {width:auto; margin:0 5px 0 0; padding:3px 10px; border-radius:3px; border:1px solid #ddd; display:block;} .magazine_list li .tag a:hover {background-color:#777; color:#fff;} /*매거진 뷰페이지*/ .magazine_view {padding:0px;} .magazine_view_top {position:relative; width:100%; max-width:1020px; height:300px; margin:40px auto; } .magazine_view_top img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; z-index:0; filter: brightness(50%)} .magazine_view_top .txt {position:absolute; top: 50%;left: 5%;transform: translate(-5%, -50%);z-index:1; } .magazine_view_top .txt em { font-size:15px; background-color:#007bff; color:#fff; padding:7px 14px; display:inline-block; text-align:center; } .magazine_view_top .txt p {text-shadow: 8px 4px 8px rgba(0,0,0,0.25);color:#fff; font-size:30px; margin:15px 0; font-weight:bold; } .magazine_view_top .txt span {text-shadow: 8px 4px 8px rgba(0,0,0,0.25);color:#fff; font-size:20px; } .magazine_top { width:100%; max-width:1020px; text-align:center; margin:40px auto;} .magazine_top h3 {font-size: 22px;font-weight: bold;margin: 10px 0 10px 0;color: #222;} .magazine_top h3 + p {margin-bottom: 20px;font-size: 16px;} .img_col { margin:40px 0 20px; width:70%; display:inline-block;} .img_col li {display: inline-block; text-align: center; width: 100%; float:left; padding-left:0; } .img_col li::after {width:0; } .img_col li img { width:100%; object-fit:cover; max-height:400px;} .img_col li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:5px; height:40px; line-height:40px; color:#fff;} .img_col2 { margin:40px 0 20px; width:100%; display:inline-block;} .img_col2 li {display: inline-block; text-align: center; width: 48%; margin:0 1%;float:left; padding-left:0; } .img_col2 li::after {width:0; } .img_col2 li img { width:100%; object-fit:cover; max-height:400px;} .img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:5px; height:40px; line-height:40px; color:#fff;} .img_col3 { margin:40px 0 20px; width:100%; display:inline-block;} .img_col3 li {display: inline-block; text-align: center; width: 31.3%; margin:0 1%;float:left; padding-left:0; } .img_col3 li::after {width:0; } .img_col3 li img { width:100%; object-fit:cover; max-height:400px;} .img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:5px; height:40px; line-height:40px; color:#fff;} .img_col4 { margin:40px 0 20px; width:100%; display:inline-block;} .img_col4 li {display: inline-block; text-align: center; width: 23%; margin:0 1%;float:left; padding-left:0; } .img_col4 li::after {width:0; } .img_col4 li img { width:100%; object-fit:cover; max-height:400px;} .img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:5px; height:40px; line-height:40px; color:#fff;} .tbTypeA {width:100%; font-size:1.1em; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;} .tbTypeA thead tr th {height:18px; padding:15px 15px; font-size:15px; color:#3e3e3e; text-align:center; line-height:20px; vertical-align:middle; border-top:1px solid #e4e4e4; background:#f7f7f7;} .tbTypeA thead tr:first-child th {border-top:0;} .tbTypeA thead tr th:last-child{border-right:0;} .tbTypeA tbody tr:first-child th {border-top:1px solid #ddd;} .tbTypeA thead tr th.bdL0 {border-left:0;} .tbTypeA tbody tr th {height:18px; padding:15px 5px; font-size:15px; color:#3e3e3e; text-align:center; line-height:20px; vertical-align:middle; border-top:1px solid #e4e4e4; background:#f7f7f7;} .tbTypeA tbody tr td {height:18px;font-size:14px; padding:10px 15px; line-height:150%; vertical-align:middle; border-top:1px solid #e4e4e4; background-color:#fff;} .tbTypeA tbody tr:first-child td {border-top:1px solid #ddd;} .tbTypeA tbody tr td:last-child{border-right:0;} .tbTypeA .br1 {border-right:1px solid #ddd;} .tbTypeA .bl1 {border-left:1px solid #ddd;} .tbTypeC {width:100%; box-sizing:border-box;font-size:15px; background:#fff; margin:10px 0; border-bottom:1px solid #e4e4e4;border-spacing:0; table-layout:fixed;} .tbTypeC thead tr th {padding:10px 10px; font-size:15px; color:#fff; text-align:center; vertical-align:middle; border-top:1px solid #6f9cc6; border-right:1px solid #6f9cc6; background:#005aaf; line-height:130%;} .tbTypeC thead tr:first-child th {border-top:0;} .tbTypeC thead tr th:last-child{border-right:0;} .tbTypeC thead tr th:first-child{border-right:1px solid #6f9cc6;} .tbTypeC tbody tr:first-child th {border-top:1px solid #6b6b6b;} .tbTypeC thead tr th.bdL0 {border-left:0;} .tbTypeC tbody tr th { background:#005aaf; color:#fff!important; padding:10px 5px; font-size:14px; color:#3e3e3e; text-align:center; border-top:1px solid #6f9cc6; border-right:1px solid #e4e4e4;} .tbTypeC tbody tr td { background:#fff;vertical-align:middle ; font-size:1em; padding:10px 5px; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;} .tbTypeC tbody tr:first-child td {border-top:1px solid #ddd;} .tbTypeC tbody tr td:last-child{border-right:0;} .tbTypeC tbody tr td:first-child{border-right:1px solid #e4e4e4;} .tbTypeC tbody tr td.back_blue {border-top: 1px solid #b6c8d3;} .tbTypeC tbody tr td.back_red {border-top: 1px solid #d3b2b2;} .tbTypeC tbody tr td.back_yellow {border-top: 1px solid #dbc0ab;} .tbTypeC tbody tr td.back_purple {border-top: 1px solid #cdb2d3;} .tbTypeC i {color:#222;} .back_gray {background-color:#f6f6f6!important; border-right: 1px solid #f6f6f6!important; } .back_gray02 {background-color:#555!important; color:#222; border-right: 1px solid #555!important; } .back_blue {background-color:#e8f7ff!important; color: #253445;} .back_red {background-color:#ffe7e7!important; color: #291212;} .back_purple {background-color:#f5efff!important; color: #291212;} .back_yellow {background-color:#fbf6d5!important; color: #291212;} .back_pink {background-color:#fff2f9!important} .back_purple_th { background-color: #7b41a9!important; color: #fff; border-right: 1px solid #7b41a9!important;} .back_yellow_th { background-color: #9b6132!important; color: #fff; border-right: 1px solid #9b6132!important;} .back_red_th { background-color: #af0000!important; color: #fff;border-right: 1px solid #af0000!important;} .back_white_th { background-color: #fff!important; } .stripe_box {clear:both;overflow:hidden;padding:10px;margin-bottom:25px;background:url(/images/sub//border_stripe.png); border-radius:10px;} .stripe_box div {background:#fff;padding:25px 20px; line-height:150%;} .stripe_box div span {font-size:21px; font-weight:600; letter-spacing:-1px; line-height:30px; display:block; margin-bottom:15px;} #guide_menu ul {border-bottom:1px solid #ddd;} #guide_menu li a {font-size:16px; border-radius:10px 10px 0 0; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;color:#222;margin-right:5px; padding:10px 30px; } #guide_menu li a:hover, #guide_menu li a.over { background-color:#3c1db0; color:#fff; } .commuity_recommend_list {position:relative;} .guide_tour_list02 {margin:10px auto; width:100%; max-width:1020px; overflow:hidden;} .guide_tour_list02 ul {overflow:hidden; margin-bottom:20px;} .guide_tour_list02 ul li {width:49%; background-color:#fff; float:left; border-radius:20px;margin:10px 0.5%; border:1px solid #ddd; padding:10px; box-sizing:border-box;} .guide_tour_list02 ul li:hover {border:1px solid #3c1db0; background-color:#f8f6ff;} .guide_tour_list02 ul li:hover a p {color:#3c1db0} .guide_tour_list02 ul li a{display:flex; align-items: center;} .guide_tour_list02 ul li a:first-child img {width:70px; height:70px; border-radius:10px; margin-right:20px;} .guide_tour_list02 ul li a:last-child {display:flex;align-items: center;} .guide_tour_list02 ul li a p {font-size:16px; font-weight:bold; color:#222; line-height: 22px;height:25px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .guide_tour_list02 ul li a span {font-size:15px; color:#999;line-height: 16px; height:16px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .guide_tour_list02 ul li a .guide_place_plan_span {color:#666;} /*여행꿀팁*/ .guide_tip_list {margin:10px auto; width:100%; max-width:1020px; overflow:hidden;} .guide_tip_list ul {overflow:hidden; margin-bottom:20px;} .guide_tip_list ul li {width:48%; background-color:#fff; float:left; border-bottom:1px solid #ddd; margin:0 1%; box-sizing:border-box; padding:0 0px 10px 0px; margin-bottom:20px; } .guide_tip_list ul li:hover a p {color:#3c1db0} .guide_tip_list ul li a{display:flex; align-items: center;} .guide_tip_list ul li a div {display:flex;flex-direction: column;} .guide_tip_list ul li a:first-child img {width:70px; height:70px; border-radius:10px; margin-left:10px; object-fit:cover;} .guide_tip_list ul li a:last-child {display:flex;align-items: center; justify-content: space-between;} .swiper-pagination-bullet-active { background:#222} .guide_tip_list ul li a p {font-size:16px; font-weight:bold; color:#222; line-height: 22px;height:25px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .guide_tip_list ul li a span {font-size:14px; color:#999; margin-bottom:10px;line-height: 16px; height:32px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} /*2단카테고리 리스트*/ .nation_2nd_list {margin:20px auto; width:100%; max-width:1020px; overflow:hidden;} .nation_2nd_list h3 {margin-bottom:20px} .nation_2nd_list h3 em {color:#d90000} .nation_2nd_list .title_top h3 {margin-bottom: 0} .nation_2nd_list ul {overflow:hidden; margin-bottom:20px; } .ing02_wrap_sub .nation_2nd_list ul { margin-top:20px; } .nation_2nd_list ul li {position:relative; overflow:hidden; border:1px solid #e6e6e6; background-color:#fff; float:left; padding:10px; border-radius: 10px; margin:0px 0 10px 0; box-sizing:border-box; } .nation_2nd_list ul li:nth-child(odd) { width:49.5%; margin-right:1%; } .nation_2nd_list ul li:nth-child(even) { width:49.5%; margin-right:0%; } .nation_2nd_list ul li a{ display:flex; align-items: flex-start;} .nation_2nd_list ul li a div {width:120px; display:flex;flex-direction: column; margin-right:10px; /*margin-left:auto;*/} /* 부럽인증이 오른쪽으로 가서 수정함 */ .nation_2nd_list ul li a div:last-child {flex:1} .nation_2nd_list ul li a:first-child img {width:90px; height:75px; border-radius:10px; object-fit:cover;} .nation_2nd_list_magazine ul li a:first-child img {width:100px; height:90px;} .tour_activity ul li a:first-child img {width:120px; height:120px;} .nation_2nd_list .img {position:relative;} .nation_2nd_list .xi-heart-o {position: absolute;color: #fff;font-size: 20px;font-weight: normal;left: 5px;top: 5px;z-index: 1;} .nation_2nd_list ul li .air { position: absolute; right: 3px;top: 3px;width: 27px;} /*부럽검증*/ .ico_verification { background: #8E2DE2; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color:#fff; display:block; font-size:12px; text-align:center; margin-right:5px; padding:2px 5px; border-radius:5px;width:auto;} .classification { color:#a7724f; display:block; font-size:14px; margin-bottom:5px; border-radius:5px; } .nation_2nd_list ul li a .p_line_1 {font-size:16px; font-weight:bold; color:#222; line-height: 20px;height:20px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;} .nation_2nd_list ul li a .p_line_2 {font-size:16px; font-weight:bold; color:#222; width:95%; line-height: 22px;height:44px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} .nation_2nd_list ul li a .span_line_1 {font-size:14px; color:#999; margin:5px 0; line-height: 16px; height:16px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;} .nation_2nd_list ul li a .span_line_2 {font-size:14px; color:#999; margin-bottom:10px; line-height: 16px; height:32px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;} .nation_2nd_list ul li a .span_txt02 {font-size:14px;} .nation_2nd_list .hashtag { font-size: 13px; color: #a7724f; text-overflow: ellipsis; overflow: hidden; } .title_flex {display:flex; flex-direction:row!important; align-items:center} .tour_activity .price {font-size:16px; color:#222; font-weight:bold; text-align:right;} .nation_2nd_list .price {margin-top: 5px;line-height: 1;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;flex-wrap: wrap;gap: 3px 5px; font-size: 17px; }.nation_2nd_list .price> div {font-weight: 700;} .nation_2nd_list .price .after { color: #000; white-space: nowrap; display: flex; align-items: center; flex-direction: row; }.nation_2nd_list .price .after .won {font-weight:700; font-size:16px;} .nation_2nd_list .price .after .won_t {font-size:0.9em; font-weight: 600;} .nation_2nd_list .price .before .won {color:#aaa; position:relative; padding:0 1px; font-weight: 500; font-size:0.9em; } .nation_2nd_list .price .before .won:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#aaa; margin-top: -1px;} .nation_2nd_list .price .percent {flex:none; font-size: 0.85em; color: #fb3162; border: 1px solid #fb3162; border-radius: 8px; box-sizing: border-box; padding: 3px 5px; } /*하트*/ .nation_2nd_list .icbtn {position:absolute; left:10px; top:10px; z-index:999;} .nation_2nd_list .icbtn .btn {width: 30px; height: 35px; background-repeat: no-repeat !important; background-position: center !important; background-size: 21px auto !important;} .nation_2nd_list .icbtn .btn_wish {background-image: url('/images/sub/item_wish.png');} .nation_2nd_list .icbtn .btn_wish.hit {background-image: url('/images/sub/item_wish_on.svg');} /*여행베스트*/ .guide_best_list {margin:10px auto; width:100%; max-width:1020px; overflow:hidden;} .guide_best_list ul {overflow:hidden; margin-bottom:20px;} .guide_best_list ul li {width:48%; background-color:#fff; float:left; border-bottom:1px solid #ddd; margin:0 1%; box-sizing:border-box; padding:0 0px 10px 0px; margin-bottom:20px; } .guide_best_list ul li:hover a p {color:#3c1db0} .guide_best_list ul li a{display:flex; align-items: center;} .guide_best_list ul li a div {display:flex;flex-direction: column;} .guide_best_list ul li a:first-child img {width:70px; height:70px; border-radius:10px; margin-right:10px;} .guide_best_list ul li a:last-child {display:flex;align-items: center; justify-content: space-between;} .guide_best_list ul li a p {font-size:16px; font-weight:bold; color:#222; line-height: 22px;height:25px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;} .guide_best_list ul li a span {font-size:14px; color:#999; margin-bottom:10px; line-height: 16px; height:32px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;} .btn_schedule_plus {background-color:#6a15dd; color:#fff!important; display: block; border: 1px solid #ddd; padding: 14px 0; text-align: center; border-radius: 10px; margin: 0; font-size: 16px;} /*검색화면 상단*/ .search_head_wrap {margin:20px auto; max-width:1020px; width:96%;} .search_head {position: relative;width: 100%;display: flex;align-items: center; max-width:1020px; margin:20px auto;} .search_head button {display: block; left: 12px;} .search_head a {padding:0 5px;} .search_head h2 {width: 100%;font-size: 18px;font-weight: 600;text-align: center; color:#222; letter-spacing:-1px; overflow: hidden; line-height:20px; height:20px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: horizontal; } .search_head .xi-arrow-left {font-size:24px;} .search_head i{font-size: 20px; cursor:pointer; color:#222;} .search_head .home_button img {width:25px;} .search_head .home_button i p {font-size:0;} .scroll-tab-comp {position: relative;display: flex;overflow-x: auto;flex-wrap: nowrap; border-top:1px solid #ddd;border-bottom:1px solid #ddd; width:100%; max-width:1020px; margin:0 auto; overflow:auto;} .scroll-tab-comp > .tab-item {flex: 0 0 auto;display: flex;justify-content: center;align-items: center;cursor: pointer;height: 48px;padding: 0 20px;font-size: 16px;color: #999;font-weight: 500; } .scroll-tab-comp > .tab-item.selected {color: #333333;border-bottom: 1px solid #000000; } .scroll-tab-comp > .selected-bar {position: absolute;bottom: 0;height: 2px;transition: left 0.3s ease-in-out;background-color: #000000; } /*뒤로가기 상단 01*/ .back_head_wrap { display:none; max-width:1020px; width:100%; position:fixed; margin:0 auto;left:50%; left: 50%; transform: translateX(-50%); top:0; z-index:999; } .back_head {position: relative;width: 100%;display: flex;align-items: center; max-width:1020px; margin:20px auto;} .back_head button {display: block;left: 12px;} .back_head h2 {width: 100%;font-size: 18px;font-weight: 600;text-align: center; color:#222; } .back_head .xi-arrow-left {font-size:24px;} .back_head i{font-size: 23px; cursor:pointer; color:#222;} .back_head .home_button img {width:25px;} .back_head_wrap.scrolled { background-color: #fffffff2; /* 스크롤 시 배경색 */ } .back_head_wrap.scrolled .back_head i { color: #222; /* 스크롤 시 아이콘 색상 */ } .backhead_white {} .backhead_white h2 { color:#fff; } .backhead_white i { color:#fff;} .backhead_back_white {background-color:#fffffff2;} .backhead_back_none {} .backhead_back_pt {padding:20px 0;} .todo_ul {overflow:hidden; } .todo_ul li { } .todo_ul li a {display:flex; position:relative; font-size:17px; color:#222; border-bottom:1px solid #ddd; align-items: center; padding:10px;box-sizing:border-box; overflow: hidden;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap; } .todo_ul li:first-child div {display:flex;align-items: center; border-bottom:0;} .todo_ul li img {width:60px; height:40px; margin: 0 10px; border-radius:5px;} .todo_ul li i { position:absolute; right:8px; top:50%; transform: translateY(-50%);} .todo_ul li:last-child a{border:0;} .todo_ul li em {margin:0 5px 0 5px; font-weight:bold; color:#999;} .todo_ul li:nth-child(1) a {position:relative; justify-content: space-between;background-color:#6a15dd; color:#fff; font-size:17px;border-radius:10px; padding: 10px 10px 10px 85px; font-weight:bold;} .todo_ul li:nth-child(1) a em { color:#fff; } .todo_ul li:nth-child(2) a em { color:#6a15dd;} .todo_ul li:nth-child(2) a { color:#6a15dd; font-weight:bold;} .todo_ul li:nth-child(3) a { color:#6a15dd; font-weight:bold;} .todo_ul li:nth-child(3) a em { color:#6a15dd;} .todo_ul li:nth-child(1) a .info_more {background-color:#fff; color:#6a15dd; top:50%; transform: translateY(-50%);} .todo_ul li a .info_more {position:absolute; right:26px; background-color:#fff; color:#6a15dd; border:1px solid #6a15dd; border-radius:10px; padding:5px 8px; font-size:12px;} .todo_ul .golf li:nth-child(1) a{ background-color:#4ca627; } .todo_ul .golf li:nth-child(2) a { color:#4ca627; } .todo_ul .golf li:nth-child(3) a { color:#4ca627; } .todo_ul .golf li:nth-child(2) a em { color:#4ca627;} .todo_ul .golf li:nth-child(3) a em { color:#4ca627;} .todo_ul .golf li:nth-child(1) a .info_more {background-color:#fff; color:#4ca627; top:50%; transform: translateY(-50%);} .todo_ul .golf li a .info_more {position:absolute; right:26px; background-color:#fff; color:#4ca627; border:1px solid #6a15dd; border-radius:10px; padding:5px 8px; font-size:12px;} .todo_ul .golf02 li:nth-child(1) a{ background-color:#43A5F6; } .todo_ul .golf02 li:nth-child(2) a { color:#43A5F6; } .todo_ul .golf02 li:nth-child(3) a{ color:#43A5F6; } .todo_ul .golf02 li:nth-child(2) a em { color:#43A5F6;} .todo_ul .golf02 li:nth-child(3) a em { color:#43A5F6;} .todo_ul .golf02 li:nth-child(1) a .info_more {background-color:#fff; color:#43A5F6; top:50%; transform: translateY(-50%);} .todo_ul .golf02 li a .info_more {position:absolute; right:26px; background-color:#fff; color:#43A5F6; border:1px solid #6a15dd; border-radius:10px; padding:5px 8px; font-size:12px;} .who_tour {margin-bottom:10px; } .who_tour h4 {margin-bottom:5px; color:#333; } .who_tour .checkboxA {margin-bottom:0;} .who_tour .checkboxA input:checked + label { background-color: #6a15dd;} .who_tour .checkboxA label {border: 1px solid #ddd;color: #888;} .todo_ul li a i {margin-left:auto; color:#ddd;} .todo_ul li:nth-child(1) a em {color: #fff;position: absolute;left: 10px;top: 16px;background-color: #ffb709;padding: 5px 10px;font-size: 14px;border-radius: 10px;} .todo_ul li:nth-child(1) p {color:#fff; font-size:16px; font-weight:bold; margin-top:5px; } .btn_more {display:block; border:1px solid #ddd; padding:14px 0; text-align:center;border-radius:10px; font-size:16px;} /*검색 후 나라 상단*/ .search_nation_header { overflow:hidden;border-radius:20px; position:relative; margin:20px auto 20px auto; width:100%; height:250px; max-height:250px; max-width:1020px; } .search_nation_header:before { content: ""; position: absolute; left: 0; top: 0; z-index:1; width: 100%; height: 5.5rem; background: linear-gradient(360deg,transparent,rgba(0,0,0,0.3)); pointer-events: none;border-radius:20px; } .search_nation_header .box {position:absolute; left:40px; top:40px; z-index:2; } .search_nation_header .box h3 {color:#fff; font-size:30px; font-family: 'GmarketSansM'; text-shadow: 4px 4px 4px rgba(0,0,0,0.3);} .search_nation_header .box h3 em {opacity:0.8; font-family: 'GmarketSansL';} .search_nation_header img {border-radius:20px;height:250px; width:100%; z-index:0; object-fit:cover; filter: brightness(70%); position:relative; overflow:hidden;} /*여행 날짜*/ .search_header_calender_wrap {position:absolute; left:50%; top:130px; z-index:2; left: 50%;transform: translate(-50%, -0%); width:92%; background-color:#ffffffeb; border-radius:40px; box-sizing:border-box; padding:20px 15px;} .search_header_calender { display:flex;align-items: center; justify-content: center;position:relative; } .search_header_calender p {font-size:18px; font-family: 'GmarketSansB'; color:#222; padding-left:25px;background:url("/images/sub/icon_calendar_.png") no-repeat left 50%; background-size:20px;} .search_header_calender span {font-size:14px; color:#999;font-family: 'GmarketSansM'; margin-left:3px;} .search_header_calender p em {color:#999; font-size:14px;font-family: 'GmarketSansM'; margin-right:3px;} .search_nation_ul { width: 96%; max-width: 1020px; margin: 0px auto; overflow: hidden; box-sizing: border-box; position: relative; z-index: 999; background: #fff; padding: 0px 10px; } .search_nation_ul ul { display:flex; } .search_nation_ul ul li { display:flex; flex:1; display:block; margin:20px 10px; box-sizing:border-box; } .search_nation_ul ul li a{ border: 1px solid #bf84df; color:#6a15dd; padding:70px 20px 20px 20px; box-sizing:border-box; width:100%;text-align:center; font-size:16px; border-radius:20px;} .search_nation_ul ul li:nth-child(1) a{ background:#fdf6ffeb url("/images/sub/icon_search_product2.png") no-repeat 50% 25%; background-size:35px;} .search_nation_ul ul li:nth-child(2) a{ background:#fdf6ffeb url("/images/sub/icon_schedule_plan.png") no-repeat 50% 25%; background-size:40px;} .search_nation_ul ul li:nth-child(3) a{ background:#fdf6ffeb url("/images/sub/icon_checklist.png") no-repeat 50% 25%; background-size:40px;} .search_nation_ul ul li:nth-child(4) a{ background:#fdf6ffeb url("/images/sub/icon_search_product.png") no-repeat 50% 25%; background-size:40px;} .nation_info_txt {font-size:17px; position:relative; padding-left:7px;} .nation_info_txt::before {content:''; width:3px; height:14px; position:absolute; top:4px; left:0; background-color:#4745b7;} .nation_3_info_ul {margin:20px 0; display:flex;} .nation_3_info_ul li {display:flex; align-items: center; width:33.3%; border: 1px solid #ddd;padding: 20px;box-sizing: border-box;margin: 0 10px;border-radius: 20px;} .nation_3_info_ul li div:first-child {width:90px; height:30px; border-radius:50%; color:#fff; text-align:center; margin:0 10px 5px 0; padding:50px 0 10px 0px;} .nation_3_info_ul li div:last-child {width:calc(100% - 100px);} .nation_3_info_ul li div p {font-size:16px; color:#222;} .nation_3_info_ul li div span {font-size:14px; color:#888;} .nation_3_info_ul li .werther{ background:#4ba7c9 url("/images/sub/icon_weather.png") no-repeat 50% 30%; background-size:20px;} .nation_3_info_ul li .clothes{ background:#e57171 url("/images/sub/icon_clothes.png") no-repeat 50% 30%; background-size:20px; } .nation_3_info_ul li .festival{ background:#5e5cd1 url("/images/sub/icon_festival.png") no-repeat 50% 30%; background-size:20px; } /*구글맵*/ .ratiowrap {position:relative;width:1020px; margin:20px auto; width:100%;} .ratiowrap > div {width:100%;} /* .ratiowrap > div {width:100%;padding-bottom:56.25%;} */ .ratiowrap > div iframe {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%; border-radius:10px;} .ratiowrap_p {font-size:16px; color:#222;} .destination-header .bg-img {background-position: bottom;background-repeat: no-repeat;background-size: cover} .destination-header .header-container {height: 329px} .showonlypc{display:block;} .showonlymobile{display:none;} @media screen and (max-width: 991px) { .destination-header .header-container {height:200px} } .destination-header .header-container .content {height: 100%;top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);width: 1060px} @media screen and (max-width: 1199px) and (min-width: 992px) { .destination-header .header-container .content {width:944px} } @media screen and (max-width: 991px) { .destination-header .header-container .content {width:704px} } @media screen and (max-width: 767px) { .destination-header .header-container .content {padding:0 20px;width: 100%} } .destination-header .header-container .text {font-size: 24px;font-weight: 600;padding-top: 50px;text-align: left} @media screen and (max-width: 991px) { .destination-header .header-container .text {padding-top:42px} } .destination-header .header-container .search-input-container {bottom: 20px;height: 38px;position: absolute;right: 0;width: 263px} .destination-header .region-container {bottom: 0;left: 0;margin-bottom: 18px;margin-right: -18px;position: absolute;right: 0;text-align: left} @media screen and (max-width: 991px) { .destination-header .region-container {margin-bottom:10px} } @media screen and (max-width: 767px) { .destination-header .region-container {margin-left:20px;margin-right: 20px} } .destination-header .title-box {background-color: rgba(0,0,0,0.8);border-radius: 2px;display: inline-block;height: 30px;line-height: 30px;margin: 0;padding: 0 10px 0 25px;position: absolute} .destination-header .title-box .text {color: #fff;font-size: 14px;font-weight: 500;letter-spacing: 0.3;margin: 0;padding: 0} .destination-header .title-box .icon {left: 10px;position: absolute;top: 10px} .destination-header .title-box .cover {background-color: #000;bottom: 0;left: 0;opacity: 0.8;position: absolute;right: 0;top: 0} @media screen and (max-width: 767px) { .destination-header .title-box {display:none} } .destination-header .region-list {padding-left: 108px;padding-top: 5px} .destination-header .region-list .inner-item {color: #fff;cursor: pointer;display: inline-block;font-size: 14px;margin-bottom: 10px;margin-right: 18px} .destination-header .region-list .inner-item:hover {color: #e9ecef} @media screen and (max-width: 767px) { .destination-header .region-list {padding-left:0} } .destination-container {padding: 80px 0 65px; margin:0 auto; max-width:1020px; width:100%;} @media screen and (max-width: 767px) { .destination-container {padding:0 0 30px} } .destination-container .content-center {max-width: 980px} @media screen and (max-width: 1199px) and (min-width: 992px) { .destination-container .content-center {max-width:960px} } @media screen and (max-width: 991px) { .destination-container .content-center { max-width:540px } } @media screen and (max-width: 767px) { .destination-container .content-center {margin:0 20px;max-width: none} } .destination-container .region-list {display: block;margin-right: -20px;padding-left: 118px} @media screen and (max-width: 1199px) and (min-width: 992px) { .destination-container .region-list {margin-right:-18px;padding-left: 106px} } @media screen and (max-width: 991px) { .destination-container .region-list {margin-right:-20px} } @media screen and (max-width: 767px) { .destination-container .region-list { margin:0; margin-top: 8px; padding-left: 0 } } .destination-container .region-name {color: #adb5bd;display: inline-block;font-size: 20px;font-weight: 500;position: absolute;width: 100px} @media screen and (max-width: 767px) { .destination-container .region-name {border-bottom:1px solid #e9ecef;color: #adb5bd;display: block;font-size: 14px;font-weight: 500;padding: 30px 0 5px;position: relative;width: 100%} } .destination-container .region-container {display: inline-block;margin-bottom: 40px;margin-right: 20px;vertical-align: top;width: 260px} @media screen and (max-width: 1199px) and (min-width: 992px) { .destination-container .region-container {margin-right:18px} } @media screen and (max-width: 767px) { .destination-container .region-container {margin:0;width: 100%} } .destination-container .subregion-name {border-bottom: 1px solid #e9ecef;color: #adb5bd;font-size: 14px;font-weight: 500;margin-bottom: 5px;padding-bottom: 5px} @media screen and (max-width: 767px) { .destination-container .subregion-name {display:none} } .destination-container .region-inner-container .inner-item {color: #343a40;cursor: pointer;display: inline-block;font-size: 14px;height: 28px;line-height: 28px;position: relative} .destination-container .region-inner-container .inner-item:hover {color: #848c94} @media screen and (max-width: 767px) { .destination-container .region-inner-container .inner-item {height:26px;line-height: 26px;margin: 3px 0;padding-left: 10px} .destination-container .region-inner-container .inner-item:hover {color: #343a40} .destination-container .region-inner-container .inner-item:focus {background-color: #f1f3f5} } .destination-container .popular-label {background: #2b96ed;border-radius: 1px;color: #fff;display: inline-block;font-size: 11px;font-weight: 600;height: 16px;line-height: 16px;margin-left: 10px;padding: 0 4px 0 3px} @media screen and (max-width: 767px) { .destination-container .popular-label {display:none} } .destination-container .city-list {bottom: 0;display: none;left: 0;position: fixed;right: 0;top: 0;z-index: 100} @media screen and (max-width: 991px) { .destination-container .city-list {z-index:100} } .destination-container .city-list .cover {background-color: #000;bottom: 0;left: 0;opacity: 0.8;position: absolute;right: 0;top: 0} .destination-container .city-list .close-btn {bottom: 489px;cursor: pointer;position: absolute;right: 10px} @media screen and (max-width: 991px) { .destination-container .city-list .close-btn {bottom:auto;top: 10px;z-index: 50} } .destination-container .city-list .list-container {background-color: #fff;bottom: 0;height: 479px;position: absolute;width: 100%} @media screen and (max-width: 991px) { .destination-container .city-list .list-container {height:100%} } .destination-container .city-list .list-content {color: #495056;left: 50%;line-height: 1;min-width: 400px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)} @media screen and (max-width: 991px) { .destination-container .city-list .list-content {top:100px;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);width: auto !important} } @media screen and (max-width: 767px) { .destination-container .city-list .list-content {min-width:100%;padding: 10px;height: calc(100vh - 100px);overflow-y: auto} } .destination-container .city-list .link-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .destination-container .city-list .link-icon {flex-shrink: 0;width: 24px;height: auto;margin-left: 10px} .destination-container .city-list .list-heading {display: flex;justify-content: space-between;position: relative;padding-bottom: 19px;margin-bottom: 30px;border-bottom: 1px solid #495056;font-size: 16px;cursor: pointer} .destination-container .city-list .list-heading .country-name {flex-shrink: 0;font-weight: 500} .destination-container .city-list .list-heading .country-link {display: flex;align-items: center;min-width: 0;margin-left: 15px;font-size: 14px} .destination-container .city-list .city-name {display: table-cell;display: flex;cursor: pointer;float: left;margin-bottom: 17px;margin-left: 10px;width: 120px} .destination-container .city-list .city-name:hover {color: #adb5bd} @media screen and (max-width: 767px) { .destination-container .city-list .city-name {width:auto} } .destination-container .city-list .list-body { font-size: 14px} @media screen and (max-width: 767px) { .destination-container .city-list .list-body {display:flex} } .destination-container .city-list .list-col {display: table-cell;display: flex;flex-direction: column;flex-wrap: wrap;max-height: 320px} @media screen and (max-width: 991px) { .destination-container .city-list .list-col {height:auto !important;max-height: none} } .destination-container .city-list .list-col-wrapper {display: inline-block;position: absolute} @media screen and (max-width: 767px) { .destination-container .city-list .list-col-wrapper {position:relative} } .destination-container .city-list .list-block {float: left} @media screen and (max-width: 767px) { .destination-container .city-list .list-block {flex:1;float: none} } .destination-container .city-list .img-container {display: inline-block;float: left;height: 80px;overflow: hidden;position: relative;width: 120px} @media screen and (max-width: 767px) { .destination-container .city-list .img-container {float:none} } .destination-container .city-list .city-img {height: 80px} .destination-container .city-list .index {float: left;font-style: italic;margin-right: 5px} .destination-container .city-list .name {display: inline-block;width: 120px;white-space: nowrap} @media screen and (max-width: 767px) { .destination-container .city-list .name { } } .destination-container .city-list .name-container {display: inline-block;font-weight: 500;line-height: 80px;margin-left: 15px} @media screen and (max-width: 767px) { .destination-container .city-list .name-container {flex:1;display: flex} } .destination-container .city-list .city-wrapper {display: block;height: 80px;margin-bottom: 20px} @media screen and (max-width: 767px) { .destination-container .city-list .city-wrapper {display:flex} } .destination-container .city-list .city-wrapper .dark-cover {opacity: 0.1} .destination-container .city-list .city-wrapper .dark-cover:hover {opacity: 0.1} .destination-container .city-list .city-wrapper:hover {color: #adb5bd} .theme-list-container {margin: 0 auto;width: 1060px} .program.view {width: 100%;box-sizing: border-box;} /*기초정보 탭 모바일에서 사라지지않음*/ .duble_tab02 {display:block; margin:10px 0;} .duble_tab02 ul {overflow: hidden;width: 100%;margin: 0;padding: 0; display:flex;} .duble_tab02 ul li {flex:1; display:flex;} .duble_tab02 ul li a{flex:1; margin-right:-1px;box-sizing: border-box;float: left;list-style-type: none;border: 1px solid #7b1ac6; text-align: center;line-height: 40px; color: #7b1ac6; border-radius: 10px; margin-right: 5px;} .duble_tab02 ul li a.activeClass {font-weight: bold;font-size: 20px;} .duble_tab02 li a.selected:hover {background-color: #7b1ac6;color: #fff;} .sm_select {display: none;margin-top: 10px;position:relative;} .sm_select select { width: 100%; height: 40px; background-color: #fff; border-radius: 3px; padding-left: 0; color: #7b1ac6; border:1px solid #7b1ac6; font-weight: bold; font-size: 14px; text-align: center; } .sm_select:before { background-image: url(/images/sub/sm_selet_arrow.png); width: 10px; height: 8px; display: block; position:absolute; right:15px; top:17px; margin: auto; background-size:cover; content: ""; } .sm_select p {margin:5px 0; font-size:12px; color:#7b1ac6;} #tabcontents {margin-top: 10px;} #tabcontents h4 { color:#7b1ac6!important; } #tabcontents h5 {padding:0; } #tabcontents .plan_required:after { align-self: center; margin-left: 6px; width: 5px; top: 8px; height: 5px; content: ""; border-radius: 50%; background-color: #f71212; vertical-align: 3px; position: absolute; } /*검색화면 흰색 버튼*/ .myplan_search_button { text-align:left; border: 1px solid #e3e6e8!important; padding: 16px 0 15px; width: 100%; text-indent: 10px; background-color: #fff; color:#999; border-radius: 10px!important; cursor:pointer;} /*보라색 버튼*/ .myplan_button01 { margin:10px 0; text-align:left; border: 1px solid #555; padding: 10px; width: 100%; text-indent: 10px; background-color: #fff; color:#555; border-radius: 10px!important; cursor:pointer;} .myplan_button01 span {color:#222!important;} .myplan_h5_flex {display:flex; align-items: center; justify-content: space-between;} .searchModal { display: flex; overflow: hidden; position: relative; } .nation_tabList { height:100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 120px; background-color: #f6f6f6; box-shadow: -1px 0 #e2e5e8, inset -1px 0 #e2e5e8; } .nation_tabList_widthbig {width: 180px!important;} .tab { display: block; padding: 15px 10px; box-sizing: border-box; font-size:16px; width: 100%; border-bottom: 1px solid #fff; color: #222; word-break: keep-all; word-wrap: break-word; text-align: left; cursor: pointer; background-color: transparent; } .tab[aria-selected="true"] { position: relative; font-weight: 700; color:#000; background-color: #Fff!important; border-bottom:1px solid #ddd} .tabpanel { flex: 1;padding: 10px; height:100vh;overflow-y: auto; padding: 15px; box-sizing: border-box; } .tabpanel button {cursor:pointer;} .airportItem { display: block; padding: 15px 0; width: 100%; border-bottom: 1px solid #eff2f3; text-align: left; display: none; } .airportItem:last-child { border-bottom: 0; } .airportName { display: block; line-height: 1.47; font-size: 16px; font-weight: 600; color: #454545!important; } .airportCode { line-height: 17px; font-size: 1.4rem; color: #62a7ee; } .airportMeta { display: inline-block; margin-left: 9px; } .nation_search_pc_page .close {display:none;} .nation_search_pc_page h4 {padding-top:3px;} .japan { position: relative; } .japan .airportItem { position: sticky; top: 0; z-index: 1; background-color: #fff; } .sasia { position: relative; } .sasia .airportItem { position: sticky; top: 0; z-index: 2; background-color: #fff; } .airportName + .airportMetaairportCode {position:relative;} .airportName + .airportMetaairportCode:after { display:inline-block;margin: 0 5px 0 10px;width: 1px; height: 11px;content: "";background-color: #d8d8d8;} .airportMetaairportCode {margin-right:5px; color: #62a7ee!important;} .searchModal_meta___BeGj .searchModal_text__XuQnn:not(:first-child):before { display: inline-block; margin: 0 7px; width: 1px; height: 11px; content: ""; background-color: #d8d8d8; vertical-align: -1px; } /*전체여행지*/ .regions_top { height:370px; background:#ffffffeb url("/images/sub/regions_bg02.jpg") no-repeat 50% 60%; background-size:cover; } .regions_top h2 {text-align:center; font-size:30px; color:#fff; font-weight:bold; padding-top:40px;} .regions_wrap { max-width:1020px; width:100%; margin:0 auto; padding:20px; box-sizing:border-box; } .regions_wrap .region-nameh2 {font-size:20px; font-weight:bold; color:#222;} .subregion-nameh3 {font-size:16px; color:#6e6e6e; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;} .subregion_pop { background-color: #f9f9f9; padding: 20px; margin:10px 0; border-radius:10px; width: 100%; height: auto; overflow: hidden; box-sizing:border-box; } .subregion_pop_subregion_pop_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .subregion_pop .close { position: absolute; right: 0; top: 0; } .subregion_pop_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; } .region-name, .subregion-name { display: flex; flex-wrap:wrap } .subregion-name { flex-direction: column; } .region-name_wrap {margin:40px 0;} .region-name_ul {display:flex; flex:1;} .region-name_ul li {padding-right:20px; line-height:170%; font-size:14px; min-width:200px; box-sizing:border-box;} .region-name_ul li:last-child {padding-right:0;} .subregion-name_wrap {display:flex;} .region-nameh2 {width:180px;} .subregion_pop .list-container { background-color: #fff; bottom: 0; height: 479px; position: absolute; width: 100%; } @media screen and (max-width: 991px) { .subregion_pop .list-container { height: 100%; } } .subregion_pop .list-content { color: #495056; line-height: 1; min-width: 400px; overflow:hidden; } @media screen and (max-width: 991px) { .subregion_pop .list-content { } } @media screen and (max-width: 767px) { .subregion_pop .list-content { min-width: 100%; height:auto; } } .subregion_pop .link-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#999; letter-spacing:-1px;} .subregion_pop .link-icon { flex-shrink: 0; width: 24px; height: auto; margin-left: 10px; } .subregion_pop .list-heading { display: flex; justify-content: space-between; position: relative; padding:0 10px 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #c7c9cb; font-size: 16px; cursor: pointer; } .subregion_pop .list-heading .country-name { flex-shrink: 0; font-weight: bold; } .subregion_pop .list-heading .country-link { display: flex; align-items: center; min-width: 0; margin-left: 15px; font-size: 14px; } .subregion_pop .city-name { display: table-cell; display: flex; cursor: pointer; float: left; margin-bottom: 17px; margin-left: 10px; width: 120px; width: auto; margin-bottom: 10px;margin-left: 5px; border-bottom: 1px dotted #ddd; padding-bottom:10px; } .subregion_pop .city-name:hover { color: #000; } @media screen and (max-width: 767px) { .subregion_pop .city-name { width: auto; margin-bottom: 10px;margin-left: 5px; border-bottom: 1px dotted #ddd; padding-bottom:10px;} .subregion_pop .city-name:last-child {border-bottom:0; margin-bottom:0} .subregion_pop .link-text { font-size: 12px;} .subregion_pop { border-radius:0; margin: 0;} .subregion_pop .city-name a {display:inline-block; padding:3px 0;} } .subregion_pop .list-body { font-size: 14px; position:relative; flex-direction:column; display: flex; padding:0px;} @media screen and (max-width: 767px) { .subregion_pop .list-body { flex-direction:column; display: flex; padding:0px;} } .subregion_pop .list-col { position: relative; max-height: auto; display: table-cell; display: flex; flex-direction: column; flex-wrap: wrap; max-height: 320px; } @media screen and (max-width: 767px) { .subregion_pop .list-col { height: 100% !important; max-height: none; } } .subregion_pop .list-col-wrapper { display: inline-block; } @media screen and (max-width: 767px) { .subregion_pop .list-col-wrapper { position: relative; flex:1;} } .subregion_pop .list-block { float: left; } @media screen and (max-width: 767px) { .subregion_pop .list-block { flex: 1; float: none; } } .subregion_pop .img-container { display: inline-block; float: left; height: 80px; overflow: hidden; position: relative; width: 120px; } @media screen and (max-width: 767px) { .subregion_pop .img-container { float: none;width: 100px; } } .subregion_pop .city-img {height: 80px;border-radius: 10px;width: 100%; object-fit:cover;} .subregion_pop .index { float: left; font-style: italic; margin-right: 5px; } .subregion_pop .name { display: inline-block; width: 120px; white-space: nowrap; } @media screen and (max-width: 767px) { .subregion_pop .name { width: auto; } } .subregion_pop .name-container { display: inline-block; font-weight: 500; line-height: 80px; margin-left: 15px; } @media screen and (max-width: 767px) { .subregion_pop .name-container { flex: 1; display: flex; margin-left:10px;} } .subregion_pop .city-wrapper { display: block; height: 80px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .subregion_pop .city-wrapper { display: flex; } .nation_tabList_widthbig { width: 130px!important;} .subregion_pop .list-block {display: none;} .subregion_pop .list-col {position: relative;max-height: auto;} } .subregion_pop .city-wrapper .dark-cover { opacity: 0.1; } .subregion_pop .city-wrapper .dark-cover:hover { opacity: 0.1; } .subregion_pop .city-wrapper:hover { color: #adb5bd; } .flex_space-between {display: flex;justify-content: space-between;} .flex_space-between .xi-angle-down-min, .flex_space-between .xi-angle-up-min{font-size:20px;} .step_toup_wrap {max-width:1020px; width:90%; margin:20px auto;} .step_toup_list h4 {color:#7842d7;} .step_toup_list li {display:flex;align-items:center; padding:15px; border-radius:20px; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);margin:20px 0;background-color:#fff; border:1px solid #ddd; } .step_toup_list li.complete { align-items: flex-start;} .step_toup_list li .input_wrap {flex:1; } .step_toup_list li .img {width:70px; height:70px;margin-right:20px; border-radius:50%; background-color:#7842d7;display: flex;align-items: center;justify-content: center;} .step_toup_list li .img img{ max-height:40px; max-width:40px;} .step_toup_list li .input {display:flex; align-items: center; justify-content: space-between;} .step_toup_list li .box { margin-top:10px; } .step_toup_list li .checkboxB {flex:1} .step_toup_list li a {display:inline-block; border-radius:5px; padding:8px 10px; font-size:14px;} .step_toup_list li li {border:0;padding:0; margin:0; box-shadow:none;} .step_toup_list li li a {padding:0; position:relative; padding-left:10px; padding-bottom:5px;} .step_toup_list li li a::before {content:''; width:4px; height:4px; background-color:#ddd; display:block; position:absolute; left:0; top:8px;} .step_toup_list .complete {border:1px solid #7842d7;} .step_toup_list .hotel_title {color:#222; font-weight:bold;} .step_btn_input {background-color:#2ca5f0; color:#fff!important;} .step_btn_jump {background-color:#555; color:#fff!important;} .step_btn_input02 {background-color:#2ca5f0; color:#fff!important;} .step_toup_list .ticket_txt01 {font-weight:bold; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:5px;padding-bottom:5px;} .step_toup_list .ticket_txt01 b {color:#222; } .step_toup_list .ticket_txt01 .place_airticket { font-weight:normal;} .step_toup_list .ticket_txt01 abbr {color:#9e9e9e; font-weight:normal; font-size:14px;} .step_toup_list .ticket_info {position:relative; width:100%; display:inline; padding-top:5px; } .step_toup_list .ticket_info span { position:relative; padding-right:6px; margin-right:0px;} .step_toup_list .ticket_info span::after {content:''; position:absolute; width:2px; height:2px; background-color:#dedede; right:0; top:9px;} .step_toup_list .ticket_info span:last-child{border:0;padding-left:0px;} .step_toup_list .checkboxB { font-size:18px; display: inline-block;position: relative;} .step_toup_list .checkboxB input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .step_toup_list .checkboxB label {border:0!important; width:auto; float:left!important; display:inline-block!important; cursor: pointer;padding-left: 30px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 25px;color: #252525;letter-spacing: -0.8px;background-image:none; padding:0 0 0 30px;} .step_toup_list .checkboxB label:before {position: absolute;left: 0;top: 0;content: "";width: 25px;height: 35px;vertical-align: middle;background: url("/images/sub/ligon_chk.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important; display:inline-block!important;background-size: 100% auto;} .step_toup_list .checkboxB input:checked+label:before {background-image: url("/images/sub/ligon_chk_o_black.png"); } .step_toup_list .checkboxB input:checked + label {background-image:none; background-color:#fff; color:#222;} .step_toup_box { padding:20px; margin:40px 0 10px 0 ; border-radius:10px; text-align:center;} .step_toup_box p {font-weight:bold; color:#222; margin-top:15px; font-size:15px; } .step_toup_box span {font-size:14px;} .step_toup_box p b { color:#7b2ecf;} .step_toup_box02 { padding:20px; margin:40px 0 10px 0 ; border-radius:10px; text-align:center;} .step_toup_box02 p {font-weight:bold; color:#7b2ecf; margin-top:15px;font-size:15px;} .step_toup_box02 span {font-size:14px;} /*여행준비*/ .step_tour_wrap02 {max-width:1020px; width:100%; box-sizing:border-box; margin:30px auto 0 auto; position:relative; overflow:hidden;} .step_tour_list02 {width:96%; margin:0 auto; box-sizing:border-box;overflow:hidden; padding:10px 20px; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);border:1px solid #e6e6e6; border-radius:20px; margin:-4px auto 20px auto; } .step_tour_list02 h4 {color:#2f5ce8; font-weight:bold; padding-bottom:5px; padding-top:0;} .step_tour_list02 li {width:46%; float:left; margin:0 2%;} .step_tour_list02 li a{display:flex;align-items:center; padding:15px 15px 10px 15px; border-bottom:2px dotted #efefef; } .step_tour_list02 li:last-child a {border:0;} .step_tour_list02 .btn_wrap {margin-left:auto;} .step_tour_list02 li .txt_wrap {flex:1; } .step_tour_list02 li .txt_wrap p {color:#888; font-size:14px;} .step_tour_list02 li .img {width:70px; height:70px;margin-right:20px;border-radius:20px;display: flex;align-items: center;justify-content: center;} .step_tour_list02 li .img img{ max-height:40px; max-width:40px; } .step_tour_list02 li:nth-child(1) .img {background-color:#5d2fe8; } .step_tour_list02 li:nth-child(2) .img {background-color:#2f5ce8; } .step_tour_list02 li:nth-child(3) .img {background-color:#2b9dd4; } .step_tour_list02 li:nth-child(4) .img {background-color:#f0588a; } .step_tour_list02 li:nth-child(5) .img {background-color:#1cbe9a; } .step_tour_list02 li:nth-child(6) .img {background-color:#5d2fe8; } .step_tour_list02 li:nth-child(7) .img {background-color:#2f5ce8; } .step_tour_list02 li:nth-child(8) .img {background-color:#2b9dd4; } .step_tour_list02 li:nth-child(9) .img {background-color:#f0588a; } .step_tour_list02 li:nth-child(10) .img {background-color:#1cbe9a; } .step_tour_list02 li:nth-child(1) h4 {color:#5d2fe8;} .step_tour_list02 li:nth-child(2) h4 {color:#2f5ce8;} .step_tour_list02 li:nth-child(3) h4 {color:#2b9dd4;} .step_tour_list02 li:nth-child(4) h4 {color:#f0588a;} .step_tour_list02 li:nth-child(5) h4 {color:#1cbe9a;} .step_tour_list02 li:nth-child(6) h4 {color:#5d2fe8;} .step_tour_list02 li:nth-child(7) h4 {color:#2f5ce8;} .step_tour_list02 li:nth-child(8) h4 {color:#2b9dd4;} .step_tour_list02 li:nth-child(9) h4 {color:#f0588a;} .step_tour_list02 li:nth-child(10) h4 {color:#1cbe9a;} .step_tour_img { text-align:center; } .step_tour_img img {max-width:500px; width:90%; } .step_toup_list .checkboxB .checkbox_label {font-weight:bold; font-size:16px; } /*카테고리 이미지 슬라이드 배너*/ .swiper_img_banner {width:100%;margin:0px auto; box-sizing:border-box; position:relative;} .swiper_img_banner .swiper-slide {width:96%; margin:0 auto; position:relative;} .swiper_img_banner .swiper-slide a {width:100%; height:100%;position:relative;} .swiper_img_banner .swiper-slide img {width:100%; max-height:340px; border-radius:10px; object-fit:cover;} .swiper_img_banner .swiper-slide a:before { position: absolute; top: 0; right: 0; bottom: 0; height: 4rem; background: linear-gradient(142deg,rgba(0,0,0,.2),hsla(0,0%,100%,0) 35%); zoom: 1; z-index:1; content: ''; display: block; width: 100%; height: 100%; border-radius: 10px; } .swiper_img_banner_befornone .swiper-slide a:before {height:0;} .swiper_img_banner .swiper-slide.back_color_blue {background-color:#ff6600} .swiper_img_banner .swiper-slide .txt_box {opacity:0; position:absolute; left:50px;transition:0.6s; top:50px;padding-top:50px } .swiper_img_banner .swiper-slide .title_p {margin-bottom:10px;font-size:35px; font-weight:bold; color:#fff; text-shadow: 8px 4px 8px rgba(0,0,0,0.25);} .swiper_img_banner .swiper-slide .txt_p {font-size:17px; color:#fff; opacity:0.9; text-shadow: 8px 4px 8px rgba(0,0,0,0.25);} .swiper_img_banner .swiper-slide .btn_reservation {text-align:center; clear:both; margin-top:40px; display:block; width:120px; background:#222222bd; padding:10px 20px;border:4px solid #9bfa19; border-radius:30px; color:#fff;} .swiper_img_banner .swiper-slide-active .txt_box {opacity:1; transition:0.6s; padding-top:0px; z-index:2;} .swiper_img_banner .swiper-slide .point_box {border-radius:20px; font-size:16px; font-weight:bold; color:#222; text-shadow:none; padding:3px 10px; margin-bottom:8px;} .swiper_img_banner .swiper-slide .point_yellow_box {background-color:#ffea1e; } .swiper_img_banner .swiper-slide .point_blue_box { background-color:#4ed2ff; color:#fff; } .swiper_img_banner .swiper-slide .point_black_box { background-color:#000; color:#fff; } .swiper_img_banner .swiper-slide .point_orange_box { background-color:#ff9633; } .swiper_img_banner .swiper-pagination-bullet-active {background: #fff!important} .swiper_img_banner .swiper-pagination-bullet {margin-right: 5px!important; background: #Fff!important} .swiper_img_banner .btn_go {display:block; max-width:200px; border:1px solid #fff; color:#fff; padding:10px 30px; text-align:center; font-size:14px; margin-top:40px; } .swiper_img_banner02 {width:100%;margin:0px auto; box-sizing:border-box; position:relative;} .swiper_img_banner02 .swiper-slide {width:96%; margin:0 auto; position:relative;} .swiper_img_banner02 .swiper-slide a {width:100%; height:100%;} .swiper_img_banner02 .swiper-slide img {width:100%; max-height:340px; border-radius:10px;} .swiper_img_banner03 {width:100%;margin:0px auto; box-sizing:border-box; position:relative;} .swiper_img_banner03 .swiper-slide {width:96%; margin:0 auto; position:relative;} .swiper_img_banner03 .swiper-slide a {width:100%; height:100%;} .swiper_img_banner03 .swiper-slide img {width:100%; max-height:340px; border-radius:10px;} .swiper_img_banner03 .swiper-horizontal>.swiper-pagination-bullets, .swiper_img_banner03 .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper_img_banner03 .swiper-pagination-custom, .swiper_img_banner03 .swiper-pagination-fraction { left: 95%!important; width: 100%; background: #000000b3; color: #fff; display: block; width: 60px!important; border-radius:20px; padding:5px 0; } /* 카테고리 이미지 2개 배너*/ .img_banner_2 {display:flex; justify-content: space-between; gap:20px} .img_banner_2 div { position:relative; width:50%;} /*.img_banner_2 div:first-child {margin-right:10px;}*/ .img_banner_2 div a { width:100%; } .img_banner_2 div img { filter:brightness(90%); width:100%; height:200px;border-radius:10px; object-fit:cover; position:relative;} .img_banner_2 div a:before {position: absolute;top: 0;right: 0;bottom: 0;height: 4rem;background: linear-gradient(142deg,rgba(0,0,0,.7),hsla(0,0%,100%,0) 65%);zoom: 1; z-index:2;content: '';display: block;width: 100%;height: 99%;border-radius: 10px;} .swiper_img_banner_befornone div a:before {height:0;} .swiper_img_banner_befornone div img { filter: brightness(100%);} .img_banner_2 .txt_box { z-index:2;position:absolute; left:30px;transition:0.6s; top:30px; color:#fff;} .img_banner_2 .title_p {margin-bottom:5px;font-size:25px; font-weight:bold; color:#fff; text-shadow: 8px 4px 8px rgba(0,0,0,0.25); word-wrap: break-word;white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;line-height: 120%; } .img_banner_2 .txt_p {font-size:14px; color:#fff; opacity:0.9; text-shadow: 4px 2px 4px rgb(0 0 0 / 66%);height: 36px;line-height: 18px; -webkit-line-clamp: 2; overflow:hidden;} .img_banner_2 .btn_go {display:inline-block; border:1px solid #fff; padding:5px 10px; text-align:center; font-size:12px; margin-top:20px; } .img_banner_2 .point_green_box {background-color: #c9e919;color: #40721a;text-shadow: none;padding: 1px 7px; margin-right:3px;} .img_banner_2 .point_box { font-size:15px; font-weight:bold;text-shadow: none; border-radius:20px;padding: 2px 8px; margin-bottom:5px;} .img_banner_2 .point_white_box {background-color: #fff;color: #222;} .img_banner_2 .point_black_box {background-color: #222;color: #fff; } .sec_keyword {overflow: hidden; background-color:#222;width:96%; max-width:1020px; margin:30px auto; border-radius:10px;} .sec_keyworad_body {width:100%; padding:10px 40px; box-sizing:border-box; display:flex; align-items: center; justify-content: space-between;} .sec_keyword .content-section {position: relative;font-size: 0} .sec_keyword h4 { font-size: 26px;font-weight: bold; color: #fff;} .sec_keyword h4 sub {display:block;padding: 0;font-size: 15px;letter-spacing: -.5px;color: #fff;font-weight: normal; opacity:0.8;} .sec_keyword .links_wrap { text-align: right} .sec_keyword .links_wrap:after {display: inline-block;*display: inline;zoom:1;height: 180px;content: '';vertical-align: middle} .sec_keyword .links {display: inline-block;*display: inline;zoom:1;width: 600px; padding-top: 5px;line-height: 38px;vertical-align: middle;font-size: 0;text-align: right;overflow: hidden} .sec_keyword .links a {display: inline-block;*display: inline;zoom:1; border-radius:5px; margin-left: 5px;padding: 0 10px;font-size: 15px;color: #fff;text-decoration: none;background: #4ca627;opacity: 0.85;filter: 0.85} .sec_keyword .links a:hover,.sec_keyword .links a:focus {color: #111 !important;background: #fff !important;background: #000;background: rgba(0,0,0,0.85)} .sec_keyword_golf_fising {background:url(/images/sub/category_fising.jpg) no-repeat center 50% / cover} .sec_keyword_golf_korea {background:url(/images/sub/category_golf.jpg) no-repeat center 30% / cover} .sec_keyword_golf_world { background:url(/images/sub/category_golf02.jpg) no-repeat center 30% / cover} .sec_keyword_kids { background:url(/images/sub/category_kids.jpg) no-repeat center 30% / cover} .sec_keyword_camping { background:url(/images/sub/category_camping.jpg) no-repeat center 30% / cover} .sec_keyword_jeju { background:url(/images/sub/category_jeju.jpg) no-repeat center 30% / cover} .sec_keyword_kids02 { background:#7d94fe;} .sec_keyword_sharehouse { background:url(/images/sub/search_sharehouse_bg02.jpg) no-repeat center 30% / cover} .sec_keyword_kids02 .links a {background-color:#5500ff!important} .sec_keyword_kids02 img {max-height:130px;} .sec_keyword_kids02 h4 { text-align: center;} /*상단 가로스크롤 메뉴*/ .category_menu_swiper .swiper-slide {width:auto; } .category_menu_swiper .swiper-slide button{display:flex; align-items: center; justify-content: center; height:42px; border-radius: 1.5rem;border: 1px solid rgba(0,0,0,0.1);color: #4A5154;background-color: #fff;font-size: 0.9rem;font-weight: 5background-color: #fff;font-size: 1.2rem;font-weight: 500;word-break: keep00;word-break: keep-all; padding:0 20px; white-space: pre; cursor:pointer;} .category_menu_swiper .swiper-slide a{display:flex; align-items: center; justify-content: center; /*height:42px;*/ border-radius: 5px;border: 1px solid rgba(0,0,0,0.1);color: #4A5154;-all; padding:7px 20px; white-space: pre; cursor:pointer;} .category_menu_swiper .active {background-color:#000!important; color:#fff!important; border:#000!important} .category_menu_swiper .swiper-slide button img {height:25px;} .category_menu_swiper .swiper-slide a img {height:25px;} /*상단 가로스크롤 메뉴*/ .category_menu_swiper02 {margin:10px 0;} .category_menu_swiper02 .swiper-slide {width:auto; } .category_menu_swiper02 .swiper-slide button{display:flex; align-items: center; justify-content: center; height:35px; border-radius: 1.5rem;border: 1px solid rgba(0,0,0,0.1);color: #4A5154;background-color: #fff;font-size: 0.9rem;font-weight: 500;word-break: keep-all; padding:0 20px; white-space: pre; cursor:pointer;} .category_menu_swiper02 .swiper-slide a{display:flex; align-items: center; justify-content: center; height:35px; border-radius: 1.5rem;border: 1px solid rgba(0,0,0,0.1);color: #4A5154;background-color: #fff;font-size: 0.9rem;font-weight: 500;word-break: keep-all; padding:0 20px; white-space: pre; cursor:pointer;} .category_menu_swiper02 .active {background-color:#fff!important; color:#43A5F6!important; border: 1px solid #43A5F6!important} .category_menu_swiper .swiper-slide button img {height:25px;} .category_menu_swiper .swiper-slide a img {height:25px;} .commu_menu_swiper {width:100%; max-width:1020px; margin:10px auto; overflow:hidden;border-bottom:1px solid #ddd} .commu_menu_swiper .swiper-slide {width:auto /*height:42px;*/} .commu_menu_swiper .swiper-slide a{display:flex; font-family: 'Pretendard-Regular'; align-items: center; justify-content: center; height:42px; color: #222;background-color: #fff;font-size: 16px;font-weight: 500;word-break: keep-all; padding:0 16px; white-space: pre; cursor:pointer;} .commu_menu_swiper .active {font-weight:bold!important; border-bottom:3px solid #0065e3!important} .commu_menu_swiper .cityhome {font-weight:bold!important; color:#0065e3!important} .event_tab .active {border-bottom:2px solid #0065e3!important} .commu_menu_swiper .guide_menu_right {margin-left:auto;} .commu_menu_swiper .guide_menu_right a{background-color:#ff38a6; color:#fff; border-radius:10px; border-radius:10px; } /* .commu_menu_swiper .guide_menu_right {margin-left:auto;} .commu_menu_swiper .guide_menu_right a{background-color:#ff38a6; color:#fff; border-radius:10px; border-radius:10px; } */ /*.commu_menu_swiper .line_black .active {border-bottom:3px solid #222!important}*/ .commu_menu_swiper .line_black .active02 {margin-bottom:10px; background-color:#ff38a6; color:#fff; border-radius:10px; border-radius:10px;} .top_commu_menu_swiper_wrap {width:100%; margin-top:20px;} .top_commu_menu_swiper {width:100%; max-width:1200px; margin:5px auto 0 auto; overflow:hidden;} .top_commu_menu_swiper .swiper-slide {width:auto; padding-top:15px} .top_commu_menu_swiper .swiper-slide a{ border-bottom:3px solid #fff; display:flex; align-items: center; justify-content: center; height:42px; background-color: #fff; word-break: keep-all; padding:0 12px; white-space: pre} .top_commu_menu_swiper .swiper-slide a .menu {font-size:16px; font-weight:700; color:#000} .top_commu_menu_swiper .active, .top_commu_menu_swiper .swiper-slide a:hover { border-bottom:3px solid #4030cc!important; font-weight:bold!important; color:#4030cc!important;} .top_commu_menu_swiper a:hover{color:#4030cc!important;} .top_commu_menu_swiper .new {color: #fff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -0%); padding: 4px 10px;border-radius: 15px; /*border: 2px solid #592bdf;*/ background:linear-gradient(45deg, #46c7dd, #ff38a6); font-size: 10px; font-weight: 600; white-space: nowrap;} .top_commu_menu_swiper .new:after {content:''; width:3px; height:3px; font-family:xeicon; color:#46c7dd; position:absolute; left:16px; top:16px} /*상단 가로스크롤 대메뉴*/ .category_big_menu_swiper_wrap {width:100%; border-bottom:1px solid #ddd;} .category_big_menu_swiper {width:100%; max-width:1020px ; margin:0 auto;} .category_big_menu_swiper .swiper-slide {width:auto; padding-top:10px;} .category_big_menu_swiper .swiper-slide a {font-weight: 800; font-family: "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;font-size: 17px;display:flex; align-items: center; justify-content: center; height:42px; color: #000; word-break: keep-all; padding:0 10px; white-space: pre; cursor:pointer;} .category_big_menu_swiper .swiper-slide a .menu {height:50px; display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;white-space: nowrap;} .category_big_menu_swiper .active {position:relative; color:#000; border-bottom:4px solid #3879ef!important} .category_big_menu_swiper .swiper-slide a img {height:25px;} .category_big_menu_swiper .new {color: #fff;position: absolute;top: 0;left: 50%;transform: translate(-50%, -0%);padding: 2px 5px;border-radius: 9px;border: 1px solid rgb(250, 91, 74);background-color: rgb(250, 91, 74);font-size: 9px;font-weight: 700;line-height: 12px;color: rgb(255, 255, 255);letter-spacing: -0.4px;white-space: nowrap; } .rent_car .input_gray { outline: none; padding: 16px 0 15px; width: 100%; text-indent: 10px; background-color: #f6f6f6; border-radius: 10px!important; } .rent_car .input_w { outline: none; border: 1px solid #e3e6e8!important; padding: 16px 0 15px; width: 100%; text-indent: 10px; background-color: #fff; border-radius: 10px!important; } .insurance_wrap {width:96%; /*max-width:840px; margin:20px auto;*/ display:flex; justify-content:space-between} .rentcarpage_bg {width:96%; /*max-width:950px*/} .rentcarpage_bg .insurance_left {width:450px!important;} .rentcarpage_bg .insurance_right {width:450px!important;} .insurance_wrap .insurance_left {width:350px; display:flex; flex-direction:column;} .insurance_wrap .insurance_left img {width:100%;} .insurance_wrap .insurance_right {width:350px; display:flex; flex-direction:column;} .insurance_wrap .insurance_right img {width:100%;} /*.insurance_wrap .insurance_top {margin:50px 0px 0px 20px;}*/ .insurance_top h3 {font-size:22px; word-break:keep-all; color:#222; /*padding-bottom:10px; font-family: 'Pretendard-Regular';*/ letter-spacing:-1px;} .insurance_wrap .insurance_top h4 {color:#222; font-size:23px; /*margin-top:20px;*/ font-family: 'Pretendard-Regular'; letter-spacing:-1px;} .insurance_top {display: flex; flex-direction: column; align-items: center; gap:20px; text-align:center; margin:3rem 0} .insurance_top .tag_list ul {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 15px; justify-content: center;} .insurance_top .tag_list li {font-size:18px; line-height:1.4} .insurance_top .tag_list strong {font-size:22px} .insurance_wrap .insurance_top li {font-size:16px; padding-bottom:5px;} .insurance_wrap .insurance_top li .xi-shield-checked {color:#008eff} .insurance_wrap .insurance_top li em { padding-left:15px; font-size:14px; color:#acacac} .insurance_wrap .insurance_button {background-color:#000; font-size:18px;font-weight:bold; color:#fff; margin:20px 0 10px 0;padding:15px 0px; width:100%; border-radius:20px; } .insurance_wrap .insurance_button + a {text-decoration:underline;} .insurance_wrap .insurance_button02 {background-color:#040095; font-size:18px;font-weight:bold; color:#fff; margin:20px 0 10px 0;padding:15px 0px; width:100%; border-radius:20px; } .rentcarpage_bg {align-items: center} .rentcarpage_bg .pc_none {display:none} .rentcarpage_bg .mobile_none {} .rentcarpage_bg .insurance_left h3 {color:#222;padding-bottom:0px; text-align:center;} .rentcarpage_bg .insurance_left h3 b {position:relative; padding-top:5px; letter-spacing:0;} .rentcarpage_bg .insurance_left h3 b::after {content: '';z-index: -1;display: block;width: 4px;height: 4px; border-radius:50%;transform: translateX(-50%);background-color: #ff6600;left: 50%;top: 0;position: absolute;} .rentcarpage_bg .insurance_button {max-width:450px; background-color:#0068dd; font-size:17px;font-weight:bold; color:#fff; margin:10px 0 0px 0;padding:10px 0px; width:100%; border-radius:20px; } .rentcarpage_bg .insurance_button + a {text-decoration:underline;} .rentcarpage_bg .insurance_top li .xi-shield-checked {color:#0068dd; } .rent_button_wrap ul {display:flex; gap:10px; margin-top:10px; justify-content: space-between;} .rent_button_wrap li {width:50%; display:flex; flex-direction: column;align-items: center;} .rent_button_wrap li img {/*max-width:180px;*/ width:100%; border-radius:10px;} .rentcarpage_bg .insurance_button02 {flex:1; background-color:#05c9fc; width:100%; font-size:16px; font-weight:bold; color:#fff; margin:30px 0 20px 0; padding:15px; width:100%; border-radius:30px; } .rentcarpage_bg .insurance_button03 {flex:1; background-color:#ff5f0f; width:100%; font-size:16px; font-weight:bold; color:#fff; margin:30px 0 20px 0; padding:15px; width:100%; border-radius:30px; } .insurance_wrap .insurance_top h4 em {background-color:#000; color:#fff; font-size:17px; border-radius:50%; padding:2px 8px;} .insurance_wrap .insurance_top h4 b{position:relative; font-weight:bold;} .insurance_wrap .insurance_top h4 b::after {content: '';z-index: -1;display: block;width: 100%;height: 10px;background-color: #80dcff;left: 0;bottom: 0;position: absolute;} .insurance_gray_box {background-color:#f6f6f6; padding:20px; border-radius:20px} .insurance_gray_box .title {font-weight:bold; color:#222; font-size:16px; margin-bottom:5px;} .insurance_gray_box a {background-color:#fff; padding:10px 0px; text-align:center; margin-top:10px; border-radius:10px; width:100%; box-sizing:border-box;} /*렌트카 아이콘*/ .rent_info_wrap ul {display: flex; gap: 5px; justify-content: space-between;} .rent_info_wrap ul li {display: flex; flex-direction: column; gap: 10px; align-items: center; text-align:center} .rent_info_wrap i img {max-width:50px; height:50px;} /*알림*/ .event_list {width:100%; max-width:1020px; margin:20px auto; padding:0 0px; box-sizing:border-box;} .event_list li {margin:20px 0;} .event_list li a {display:flex; align-items:center;} .event_list li .first-img img {width:60px; height:60px; object-fit:cover; border-radius:50%; } .event_list .first-img {margin-right:15px;} .event_list .event_txt {flex:1} .event_list .last-img {margin-left:10px;} .event_list li .last-img img {max-width:80px; height:60px; border-radius:10px; width:100%; object-fit:cover;} .event_list .event_title {font-weight:bold; font-size:16px; color:#4030cc;} .event_list .event_p {font-size:14px; color:#222; margin:1px 0; overflow: hidden;text-overflow: ellipsis; max-height: 40px;line-height: 20px;-webkit-line-clamp: 2;-webkit-box-orient: horizontal;display: -webkit-box;} .event_list .event_date {font-size:14px; color:#999} /*카테고리 리스트 필터*/ .list-filter-wrap {max-width:1020px; width:96%; margin:30px auto 10px auto;} .list-filter-wrap:after {content: '';display: block;clear: both; } .list-filter-wrap .list-total {font-size: 17px;color: #363636;float: left} .list-filter-wrap .list-total b {font-weight:bold;} .list-filter-wrap .list-filter {float: right} .list-filter-wrap+.list-filter-wrap {margin-top: 30px} .list-filter li {display: inline-block;margin-left: 6px} .list-filter a {font-size: 16px;color: #363636;letter-spacing: -.04em;cursor:pointer;position: relative; padding-left: 8px;} .list-filter a:before {content: '';position: absolute;left: 0;top: 8px; border-radius:50%; display: inline-block;width: 4px;height:4px;vertical-align: middle;background:#ddd;} .list-filter a.active {color: #008aff;font-weight: bold;position: relative;padding-left: 20px; } .list-filter a.active:before {content: '';position: absolute;left: 0;top: 4px;display: inline-block;width: 16px;height: 12px;vertical-align: middle;background: url('/images/sub/ico_blue_check.png') left top no-repeat} .list-filter-wrap input[type="checkbox"].brd_4+label:before,.list-filter-wrap input[type="checkbox"].brd_4+input+label:before {display: none} .list-vertial-box {border: 1px solid #c3c3c3;margin-bottom: 30px;position: relative} .list-vertial-box:last-child {margin-bottom: 0} .list-box-view {position: relative;padding: 30px 29px} .list-box-view:after {content: '';display: block;clear: both} .list-box-slide {position: relative;float: left;width: 394px;height: 296px;overflow: hidden} .list-box-info {float: right;width: calc(100% - 418px);text-align: left;height: 296px;position: relative} .list-filter-wrap+.list-viewarea-wrap,.list-filter-wrap+.list-wrap {margin-top: 16px} .keyword_wrap {width:100%; max-width:1020px; margin:0 auto;} .search_keyword_second {position:relative; } .search_keyword_second .keyword_place_search_ul {margin-bottom:0;} .search_keyword_second .keyword_wrap {position:absolute; left:50%; transform: translateX(-50%); top:60px; z-index:99; background-color:#fff; width:100%; padding:0 10px; box-sizing:border-box;} .place_info_h4 {} .place_info_h4 h3 {margin:0!important;} .reveiw_wrap { margin-bottom:20px;box-sizing:border-box; border:1px solid #ddd; border-radius:10px; padding:20px; margin:20px 0; } .review_btn_wrap { border-bottom:1px dotted #ddd; padding-bottom:20px; margin-bottom:30px;display: flex; justify-content: flex-end;align-items:center} .review_btn_wrap h3 {margin-right:auto!important; margin-bottom:0!important;} .review_btn_wrap .btn_review { font-size:14px; color:#555; border:1px solid #ddd; border-radius:20px; padding:5px 10px; } .review_btn_wrap .btn_remove {font-size:14px; color:#555; border:1px solid #ddd; border-radius:20px; padding:5px 10px; } .review_btn_wrap .btn_save {margin-right:5px;font-size:14px; padding:5px 10px; border:1px solid #ddd; color:#555; border-radius:20px;} .review_btn_wrap .btn_share {font-size:14px; padding:5px 10px; border:1px solid #ddd; color:#555; border-radius:20px;} .review_depth01 {overflow:hidden; margin-bottom:20px;box-sizing:border-box; } .review_depth01 li {font-size:14px; display:flex; margin-bottom:10px; border-bottom:1px solid #f1f1f1; padding:10px; position:relative;} /*.depth01 li::after { position:absolute; content:''; width:3px; height:3px; left:0; top:11px; background-color:#999; }*/ .review_depth01 li:last-child {border-bottom:0;} .reveiw_wrap .paging-area {margin:20px 0!important;} .place_info_food_img {width:100%; height:400px; overflow:hidden; margin:0px 0; position:relative;} .place_info_food_img img {width:100%; height:100%; object-fit:cover; border-radius:20px;} .place_info_food_img .swiper-pagination {width:auto; left:50%; padding:3px 10px; color:#fff; border-radius:10px;font-size:13px; transform: translateX(-50%);background-color:#0000009e; display:block;white-space:nowrap} .place_info_food_img .swiper-pagination-current {color:#fff;} .place_info_food_img .swiper-pagination-total {color:#fff;} .img_swiper_3 { height:300px;} .img_swiper_3 .swiper-slide {width:33.33%!important; padding-right:10px; box-sizing:border-box;} .img_swiper_4 { height:200px;} .img_swiper_4 .swiper-slide {width:25%!important; padding-right:10px; box-sizing:border-box;} .notice_wrap {margin-top: 40px} .notice_wrap .notice_top {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0 0 14px;cursor: pointer;border-bottom: 1px solid rgba(0,0,0,0.12)} .notice_wrap .notice_top .ico_notice { background: url(/images/sub/ico_notice.png) 0 50% no-repeat;width: 23px;height: 18px; background-size: 18px auto} .notice_wrap .notice_top .notice_top_tit {padding-left: 4px;width: -webkit-calc(100% - 30px);width: calc(100% - 30px);box-sizing: border-box;font-size: 16px;line-height: 24px;font-weight: 600;text-align: left;color: #0b0b0b} .notice_wrap .notice_top .ico_mypage_toggle {width: 26px;height: 24px;background: url(/images/sub/icon_toggle_down.png) right center no-repeat;background-size: 24px auto} .notice_wrap .notice_section {padding: 12px 0} .notice_wrap .notice_section .notice_list,.notice_wrap .notice_section li {position: relative;padding-left: 8px;font-size: 14px;line-height: 23px;font-weight: 400;color: #222; margin-bottom:3px;} .notice_wrap .notice_section .notice_list:before,.notice_wrap .notice_section li:before {overflow: hidden;position: absolute;left: 0;top: 9px;display: block;content: "";width: 2px;height: 2px;background: #0b0b0b;border-radius: 50%} .notice_wrap.toggle .notice_section {display: block;} .notice_wrap.toggle .ico_mypage_toggle {width: 26px;height: 24px;background:url(/images/sub/icon_toggle_up.png) right center no-repeat;background-size: 24px auto} .a11y-hidden { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px);} .step_wrap .lst_agree .input_wrap {position: relative;height: 60px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,0.12);box-sizing: border-box} .step_wrap .lst_agree .input_wrap:first-child .txt {font-weight: 700;color: #0B0B0B} .step_wrap .lst_agree .input_wrap label {cursor: pointer;display: inline-block;height: 60px;line-height: 60px;width: -webkit-calc(100% - 40px);width: calc(100% - 40px)} .step_wrap .lst_agree .input_wrap label input[type='checkbox'] {float: left;width: 24px;height: 24px;top: 18px;position: relative} .step_wrap .lst_agree .input_wrap label .icon {width: 24px;height: 24px;float: left;top: 18px;left: 0;position: absolute} .step_wrap .lst_agree .input_wrap label .txt {padding: 18px 0 0 10px;font-weight: 400;font-size: 20px;line-height: 20px;color: #0B0B0B;display: inline-block;float: left} .step_wrap .lst_agree .input_wrap .icon_arrow {width: 36px;height: 36px;display: inline-block;margin-top: 12px;position: absolute;right: 0;cursor: pointer} .step_wrap .lst_agree .input_wrap .icon_arrow:after {margin-left: auto;right: 0;margin-top: inherit} .input_wrap .icon_arrow {display: inline-block;width: 30px;height: 52px;cursor: pointer; background: url(/images/ico/ico_agree.png) center no-repeat; background-size: 24px auto;} .input_wrap input[type=checkbox]+.icon {display: inline-block;width: 19px;height: 18px;background: url(/images/sub/plan_edid_chk_black.png) no-repeat;background-size: cover;} .terms_agreement {max-width: 1020px; width:100%;margin: 10px auto;} .terms_checkbox {display: none;} .terms_label {display: flex;height: 52px; font-weight:bold;align-items: center;cursor: pointer; border-bottom:1px solid #ddd; } .custom-checkbox {width: 24px;height: 24px; background: url('/images/sub/plan_edid_chk_black.png') no-repeat; background-size: cover;margin-right: 10px;} .terms_label .agree_all {font-weight:bold; color:#222; } .custom-checkbox.checked {background: url('/images/sub/plan_edid_chk_o_blue.png') no-repeat; background-size: cover;} .modal_pay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);justify-content: center;align-items: center; z-index:370;} .modal_pay-content {display:flex;align-items:center; flex-direction:column;background-color: white;padding: 20px;border-radius: 5px;max-width: 900px; width:90%; height:70%;text-align: center;} .closeBtn_pay {background-color: #171787;color: white;padding: 20px 0px;border: none;border-radius: 5px;cursor: pointer; max-width:500px; width:100%;margin-top: 20px; text-align:center;} .terms_agreement:first-child div {padding-bottom:10px;} .terms_agreement .icon_arrow {display: inline-block;width: 30px;height: 52px;cursor: pointer;background: url(/images/sub/icon_pay_arrow.png) center no-repeat;background-size: 16px auto; margin-left:auto;} .modal_pay .modal_pay-content{padding: 20px 40px;box-sizing: border-box;} .modal_pay .terms_con {border: 1px solid rgba(0,0,0,0.12);box-sizing: border-box;overflow: auto; padding: 24px;text-align: left; height: calc(100% - 50px); flex: 1;overflow: auto;}#modal_pay-text {overflow: hidden;} .terms_twayplus_wrap {box-sizing: border-box;} .modal_pay .modal_pay-content li {color:#222; font-family: "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;} .modal_pay .modal_pay-content .terms_con .terms_title_h1 {font-weight: 600;font-size: 18px;line-height: 24px;color: #000; font-family: 'Pretendard-Regular'; margin-bottom:20px;} .modal_pay .modal_pay-content .terms_con .terms_title {font-weight: 600;font-size: 16px;line-height: 24px;color: #0B0B0B font-family: 'Pretendard-Regular'; margin-bottom:10px; } .modal_pay .modal_pay-content .terms_con .terms_txt,.modal_pay .modal_pay-content .terms_con .terms_list_ol {font-weight: 400;margin-bottom: 24px;font-size: 14px;line-height: 24px; } .modal_pay .modal_pay-content .terms_con .terms_txt.terms_txt:last-child,.modal_pay .modal_pay-content .terms_con .terms_list_ol.terms_txt:last-child {margin-bottom: 0; } .modal_pay-content .terms_con .terms_list_ol li li {padding-left:12px; color:#555;} .pay_input input[type="text"] {height: 40px; flex:1;padding: 6px 10px;margin-bottom: 5px;font-size: 14px;border: 1px solid #ccc;vertical-align: middle;color: #363636; border-radius:5px;} .pay_input input:focus {border:2px solid #171787; } .pay_input { border-top:2px solid #222; border-bottom:1px solid #ddd; padding:15px 0; margin:30px 0 40px 0;} .pay_input h6 {font-size:18px; color:#222; font-weight:bold; margin:0px 0 10px 0;} .pay_input .pay_input_flex {display:flex; align-items:center; } .pay_input .pay_input_flex div {flex:1; display: flex; align-items: center; width:100%; margin:0 10px; box-sizing:border-box;} .pay_input .pay_input_flex div p {margin-right:10px; font-size:14px;font-weight:bold;} /*추천데이 호텔정보*/ .hotel_info {position:relative; max-width:1020px; width:100%; margin:10px auto 10px auto;} .hotel_info .txt {font-size:16px; margin-top:10px; line-height:160%; background-color:#f6f6f6; border-radius:10px; padding:20px;} .hotel_info .txt span {display:block; } .hotel_info .btn_info {border:1px solid #ddd; padding:3px 5px; background-color:#fff; border-radius:5px; margin-left:10px; font-size:14px;} .hotel_info .btn_info:hover {background-color:#222; color:#fff;} /*.hotel_info h4::after { content: ''; display: block; position: absolute; width: 4px; height: 19px; background-color: #222; border-radius: 3px; left: 0; top: 13px; }*/ .recommend_day_wrap {margin:10px auto 20px auto; background-color:#0780d9; padding:20px; border-radius:10px;} .recommend_day_wrap h3 {color:#fff!important; margin-bottom:10px!important;} .recommend_day_wrap span {color:#fff; margin-bottom:5px;} .recommend_day_wrap .best_schedule_day { margin-top:20px;} .recommend_day_wrap .best_list_view .distance {color: #ffffffba;} .recommend_day_wrap .best_schedule_day .best_p_title { color: #fff;} .recommend_day_wrap .best_list_view .day_num em {position: absolute;left: -30px;top: 7px;} .recommend_day_wrap .best_list_view li:last-child {margin-bottom: 0px;} .recommend_day_wrap .best_list_view ul::before {height: calc(100% - 60px);border-left: 1px solid #ffffff7a;} .recommend_day_wrap .best_list_view ul::after {content: "";position: absolute;left: 3px;bottom: 30px;width: 7px;height: 7px;background-color: #bbb;border-radius: 50%;} .recommend_day_wrap .tag {margin-top:5px;} .recommend_day_wrap .tag li {color:#ffffffcf; border:1px solid #ffffffcf; display:inline-block; margin-right:2px; margin-bottom:5px;padding:3px 8px; border-radius:20px; } .recommend_day_wrap .tag li:hover {background-color:#fff; color:#0780d9;} .traffic_info {background-color:#fdf0c9; border:1px solid #ffe9c8;padding:20px; border-radius:10px; overflow:hidden;margin:10px auto 30px auto!important;} .traffic_info .span_dot {position:relative; padding:5px 0 5px 10px ; width:100%; border-bottom:1px dotted #d1a461; box-sizing:border-box; color:#222;} .traffic_info .span_dot:last-child {border-bottom:0;} .traffic_info .span_dot b {font-weight:bold; } .traffic_info .span_dot::after {content: '';display: block;position: absolute;width: 4px;height: 4px;background-color: #222;border-radius: 3px;left: 0;top: 12px;} /* 비디오 풀페이지 */ .video_full_wrap { width:100%; height:100%; top:0; left:0; z-index:10;background-color:#000; position:fixed;} .video_full { position: relative; width:100%; margin:0px auto;height: calc(100% - 40px); box-sizing:border-box; } .video_full_wrap .video_close {position:absolute; right:15px; top:15px; width:20px; z-index:99;} .video_full_wrap .video_close img { width:20px;} /*.video_full_wrap .scroll_btn {position:absolute; left:40%; bottom:0px; width:20px; z-index:99;} .video_full_wrap .scroll_btn img { width:80px;}*/ .video_full_swiper {width: 100%;height: 100vh;} .video_full_swiper .swiper-slide {text-align: center; max-width:600px; width:100%; margin:0 auto;height:100vh;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;} .video_full_swiper .swiper-slide .title {position:absolute; width:100%; left:15px; top:10px; display:flex; flex-direction: column; align-items: flex-start;} .video_full_swiper .swiper-slide .title h4 { color:#fff; text-align:left; text-shadow: 8px 4px 8px rgba(0,0,0,0.25); height: 28px; width:85%; line-height: 28px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;} .video_full_swiper .swiper-slide .title p { color:#fff; text-shadow: 8px 4px 8px rgba(0,0,0,0.25); margin-top:-7px; opacity:0.8; text-align:left; font-size:14px; width: 90%; box-sizing:border-box; width:90%; height: 20px; line-height: 20px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;} .video_full_swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .video_full_swiper .swiper-slide video {width: 100%;height: 100%;object-fit: cover;} /* 준비중 페이지 */ .ready_wrap {position: relative;max-width: 1020px;width: 100%; height:100%; margin: 10px auto 10px auto; box-sizing:border-box; display: flex;flex-direction: column;align-items: center;justify-content: center;} .ready_wrap img{width:100%; max-width:250px; margin-bottom:20px;} .ready_wrap p {font-size:25px; font-weight:bold;font-family: 'Giants-Bold'; color:#222; margin-bottom:10px;} .ready_wrap span {font-size:16px; line-height:150%; text-align:center;} /*셀러정보*/ .sellers_info {margin-top:15px; border-top: 1px solid #f2f2f2; padding-top:15px;} .sellers_info .seller_a_wrap {display: flex; align-items: center;justify-content:space-between;} .sellers_info .sellers_pro {display: flex; align-items:center;} .sellers_info a p {font-size:14px;color:#000; font-weight:bold;} .sellers_info a span {font-size:12px;color:#999; font-weight:normal;} .sellers_info a i {margin-left:auto} .sellers_info img {width:35px; height:35px; border-radius:50%; margin-right:5px;} .sellers_info .rating {display:flex; flex-direction: column;} .sellers_info .rating .rating_star {font-size: 14px; background: #fff1e0; padding: 2px 4px; margin-right:2px; border-radius: 4px; color: #ff930a} .sellers_info .rating em {font-size:13px; margin-top:5px;} /*셀러정보*/ .sellers_info_view_wrap { padding:30px 20px; margin:40px 0; display:flex; flex-direction: column; align-items: center; } .sellers_info_view {display:flex; align-items: center; justify-content: center; flex-direction: column; margin:0px 0px 35px 0;} .sellers_info_view .title {font-size:16px;color:#000; font-weight:bold;} .sellers_info_view img {width:120px; height:120px; border-radius:50%; margin-bottom:10px;} .sellers_info_view_wrap .sell_title {font-size:20px; margin-bottom:10px;} .sellers_info_view_wrap .sell_title b { font-weight:bold;color:#000; } .sellers_info_view .product_star {color: #121212;margin-top: 5px;background: #fff2d6;padding: 3px 10px;border-radius: 5px;} .sellers_info_view .product_star b {font-weight:bold; color:#ff6600} .product_con_wrap {display:flex; max-width:1020px; width:100%; margin:40px auto 0 auto;} .p_Vconts_wrap {width:73%;} .pro_banner {margin-top:20px; width:100%; max-width:356px;} .pro_banner img {width:100%; border-radius:10px; max-width:356px;} /*패키지 모드 상세페이지는 오른쪽 메뉴 안보이게 처리*/ .product_con_wrap.product_package_con_wrap .p_Vconts_wrap { max-width:1020px; width:100%; } .product_con_wrap.product_package_con_wrap .tistinfo_pc {display: none;} .product_con_wrap .commu_menu_swiper .swiper-slide a { padding: 0 10px;} .pc_only {display:none;} /* image section*/ .top_image_section { padding: 16px 0; display: inline-block; width: 100%; position:relative; } #p_image_wrapper { display: grid; grid-gap: 8px !important; border-radius: 16px; overflow: hidden; } #p_image_wrapper.ti_5, #p_image_wrapper.ti_4 {grid-template-columns: 1.7fr 0.6fr 1.1fr !important;} #p_image_wrapper.ti_3 {grid-template-columns: 2fr 1fr !important;} #p_image_wrapper.ti_2 {grid-template-columns: 1fr 1fr !important;} #p_image_wrapper.ti_1 {grid-template-columns: 1fr 0fr !important; grid-gap: 0px !important;} #p_image_wrapper .image_grid:nth-child(n+3) {display: none;} #p_image_wrapper.ti_1 .image_grid:nth-child(n+2) {display: none;} #p_image_wrapper.ti_2 .multi_ a:nth-child(2){display: none;} #p_image_wrapper .image_grid {display: grid;height: 436px;row-gap: 8px;} #p_image_wrapper .top_image { position: relative; background-color: #f8f8f8 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; border: 0; width: 100%; padding: 0; outline: none; } #p_image_wrapper .top_video { background-size: 220% !important; text-align: center; position: relative; background-color: #f8f8f8 !important; background-position: center !important; background-repeat: no-repeat !important; border: 0; width: 100%; padding: 0; outline: none; } #p_image_wrapper .top_video i { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); color: #fff; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; position: absolute; left: calc(50% - 20px); top: calc(50% - 20px); } #p_image_wrapper .top_image.top_video:hover i {background-color: rgba(0, 0, 0, 0.6);} #p_image_wrapper .view_more_image { position: absolute; cursor: pointer; right: 32px; background: rgba(0, 0, 0, 0.3); bottom: 32px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 45px; padding: 8px 16px; } #p_image_wrapper .view_more_image i {margin-right: 8px;} #p_image_wrapper .view_more_image button {-webkit-appearance: button;cursor: pointer;} .this_info .this_info_wrap {padding:20px!important; border: 1px solid #ddd; border-radius:10px;} .tistinfo_pc {display:block;} .tistinfo_mobile {display:none;} .seller_wrap {max-width:1020px; width:calc(100% - 20px); margin:0 auto;} .seller_wrap .sellers_reveiw .board_list li {border: 0; border-bottom:1px solid #f6f6f6;border-top: 0;padding: 10px 0px;gap: 0 0px;position: relative;} .seller_wrap .sellers_reveiw .board_list li:first-child {border-top:1px solid #f6f6f6;} .seller_wrap .layout_fix {padding: 0; margin-top:10px;} .review_more_btn {display:inline-block; border:1px solid #ddd; border-radius:3px; padding:10px 30px; text-align:center; font-size:14px; } .sellers_reveiw .board_list li {border: 0; border-bottom:1px solid #f6f6f6;border-top: 0;padding: 10px 0px;gap: 0 0px;position: relative;} .sellers_reveiw .board_list li:first-child {border-top:1px solid #f6f6f6;} /*상세페이지 리뷰배너*/ .review_banner a {width:100%; box-sizing:border-box; padding:30px 20px; border-radius:10px; margin:20px auto; background: #535ee4 url("/images/sub/review_event_bg02.png") no-repeat 90% bottom / 250px;} .review_banner a .title {font-size:25px; margin-bottom:5px; color:#fff; font-weight:bold; font-family: 'Pretendard-Regular';} .review_banner a .txt {color:#fff;font-size:16px; opacity:0.8;} .review_banner a .btn {background-color:#ff87ef; color:#fff; display:inline-block; padding:5px 10px; border-radius:10px; margin-top:15px;} .review_banner_img {width:100% } .review_banner_img img{width:100%; border-radius:10px;} .review_banner_img .pc {display:block;} .review_banner_img .mobile {display:none;} /*구매후 즉시확정*/ .p_Confirmed { width:100%; color:#222; display:flex; justify-content: flex-end; align-items:center;} .p_Confirmed i {color:#F4B400;} /*파트너 faq*/ .partner {width:100%; margin:-10px auto 30px auto;} .partner_wrap {width:100%; max-width:1020px; margin:0px auto;} .partner_wrap h3 {font-size:26px; margin:20px 0; text-align:center;transition: 0.2s;} /*파트너 비주얼*/ .partner .partner_visual {width:100%; height:620px; background:#2367ff url("/images/sub/partner_visual02.jpg") no-repeat 50% 50% / cover; } .partner .partner_visual .txt_wrap {margin:0px auto 0 auto; padding:100px 0 0 0;width:600px; text-align:center;} .partner .partner_visual .txt01 { font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;font-size:35px;; line-height:150%; color:#fff; margin-bottom:10px;} .partner .partner_visual .txt01 b{ font-family: 'Gmarket Sans';font-style: normal; font-weight: 700; font-size:60px; font-weight:bold; color:#fff; } .partner .partner_visual .txt02{ opacity:0.8; letter-spacing:-1px; line-height:120%; font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300; font-size:20px; line-height:140%; color:#fff;} .partner .partner_visual .btn { cursor:pointer; font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500; font-size:18px; background-color:#1598fd; color:#fff; border-radius:10px; padding:15px 40px; display:inline-block; margin:30px auto; text-align:center;} .partner .partner_visual .btn:hover {background-color:#fff; color:#1598fd;} /*파트너 인포*/ .partner_info {padding:80px 0; background: url("/images/sub/partner_bg01.png") no-repeat right bottom; } .partner_info .pi_txt01 {color:#000; font-size:34px; font-family: 'Gmarket Sans';font-style: normal; font-weight: 700; line-height:140%;} .partner_info .pi_txt01 b{position:relative; z-index:1;} .partner_info .pi_txt01 b::after {content:''; left:0; bottom:0; z-index:-1; position:absolute; background-color:#ffe400; height:13px; width:100%; display:inline;} .partner_info .pi_txt02 { font-family: 'Pretendard-Regular';line-height:140%;font-size:18px; color:#555; margin:20px 0; } .partner_info .pi_txt03 {color:#0388ee; font-size:20px; line-height:160%;} .partner_info .pi_txt03 b{font-size:30px;font-family: 'Gmarket Sans';font-style: normal; font-weight: 700;} /*파트너 플랫폼*/ .partner_plat {padding:80px 0; background-color:#f6f6f6; overflow:hidden; } .partner_plat .plat_con {width:100%; max-width:1020px; margin:0px auto; background: url("/images/sub/partner_bg.png") no-repeat 0% 0%; } .partner_plat .plat_con_txt_wrap { text-align:center; } .partner_plat .plat_con .txt01{ font-family: 'Pretendard-Regular'; font-size:20px; color:#555;} .partner_plat .plat_con h4 {font-family: 'Gmarket Sans';font-style: normal; font-weight: 700; font-size:26px; margin-bottom:30px;} .partner_plat .plat_con h4 b {color:#0388ee; } .partner_plat .plat_con ul {display:flex; gap:10px; flex-wrap:wrap;justify-content:center} .partner_plat .plat_con li { transition:0.2s;width:48%; box-sizing:border-box; background-color:#fff; padding:30px 20px; border-radius:20px; border:1.5px dashed #0e7cd6; font-size:18px; } .partner_plat .plat_con li .title { position:relative;line-height:140%; padding-left:30px; font-size:20px;margin-bottom:5px; font-family: 'Gmarket Sans';font-style: normal; font-weight: 700; color:#000;} .partner_plat .plat_con li .txt { font-size:16px; } .partner_plat .plat_con li .title em {position:absolute; left:0px; top:0px; line-height:26px;background-color:#0e7cd6; color:#fff; width:25px; height:25px; text-align:center; border-radius:50%; font-size:17px;font-weight: 500;} .partner_plat .plat_con li:nth-child(1) {background:#fff url("/images/sub/partner_icon01.gif") no-repeat 95% 85%; } .partner_plat .plat_con li:nth-child(2) {background:#fff url("/images/sub/partner_icon02.gif") no-repeat 95% 85%; } .partner_plat .plat_con li:nth-child(3) {background:#fff url("/images/sub/partner_icon03.gif") no-repeat 95% 85%; } .partner_plat .plat_con li:nth-child(4) {background:#fff url("/images/sub/partner_icon04.gif") no-repeat 95% 85%; } .partner_plat .plat_con li:nth-child(1):hover {background-position: 95% 80%; } .partner_plat .plat_con li:nth-child(2):hover {background-position: 95% 80%; } .partner_plat .plat_con li:nth-child(3):hover {background-position: 95% 80%; } .partner_plat .plat_con li:nth-child(4):hover {background-position: 95% 80%; } .partner_form_wrap {box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);border:1px solid #ddd; margin:0 auto; padding:40px; border-radius:20px; box-sizing:border-box; max-width:800px; width:100%;} .partner_form_wrap input.input_design {border-radius:10px;} .partner_form_wrap .c_select select {-webkit-border-radius: 10px!important;border-radius: 10px;} /*faq_wrap*/ .faq_wrap {background-color:#fff; max-width:800px; padding:80px 0; margin:0 auto;border-radius:10px; transition:0.2s;} .faq_wrap .faq-content {display: none; transition: 0.2s;z-index: 0; background-color:#f6f6f6; margin-top: -40px; margin-bottom: 20px; border-radius: 0 0 40px 40px; visibility: visible; opacity: 1; height: auto; padding: 45px 20px 30px 30px !important; overflow: visible;} .faq_wrap .faq-content p b {font-weight:bold;} .faq_wrap .arrow-down {display: inline-block;margin-left: 10px; float:right;transition:0.2s;} .faq_wrap .open {transform: rotate(180deg);transition:0.2s;} .faq_wrap [class*=" xi-"], .faq_wrap [class^=xi-] { display: block; position: absolute; right: 20px; top:50%; transform: translateY(-50%); transition: 0.2s;} .faq_wrap .faq-item {font-size: 16px; cursor:pointer;} .faq_wrap .faq-item:last-child {border-bottom:0;} .faq_wrap h3 {text-align:center; font-size:30px;} .faq_wrap .faq-item h4{ position: relative; z-index: 2; display: block; margin: 10px 0; padding: 15px 30px 15px 50px; color: #fff; border-radius: 40px; font-size:17px; background-color: #0388ee; } .faq_wrap .faq-item:nth-child(odd) h4 { background:#0388ee;} .faq_wrap .faq-item .ico_q { display: block; width: 32px; height: 32px; border-radius: 16px; text-align: center; position: absolute; left: 16px; top:50%; transform: translateY(-50%); font-family: 'Lato'; font-size: 20px; font-weight: bold; color: #fff; } /*checklist*/ .checklist_top { background-color:#f6f6f6; padding:30px 50px;border-radius:20px; width:100%; max-width:1020px; margin:40px auto 0px auto; box-sizing:border-box;} .checklist_top em {background-color:#00beff; color:#fff; padding:3px 10px; border-radius:20px; } .checklist_top h3 {color:#222; font-size:24px; font-family: 'Pretendard-Regular'; margin-top:10px;} .checklist_top p {color:#555; margin-top:5px;} .checklist_wrap {background-color:#fff; width:100%; max-width:1020px; padding:10px 0; margin:0 auto;border-radius:10px; transition:0.2s;} .checklist_wrap .checklist-content {display: none; transition: 0.2s;z-index: 0; background-color:#fff; margin-top: -40px; margin-bottom: 20px; visibility: visible; opacity: 1; height: auto; padding: 45px 10px 30px 10px !important; overflow: visible;} .checklist_wrap .checklist-content p b {font-weight:bold;} .checklist_wrap .arrow-down {display: inline-block;margin-left: 10px; float:right;transition:0.2s;} .checklist_wrap .open {transform: rotate(180deg);transition:0.2s;} .checklist_wrap [class*=" xi-"], .checklist_wrap [class^=xi-] { display: block;position: absolute;right: 20px; top:50%; transform: translateY(-50%);transition: 0.2s;} .checklist_wrap .checklist-item {font-size: 16px; cursor:pointer;} .checklist_wrap .checklist-item:last-child {border-bottom:0;} .checklist_wrap .checklist-item h4{ border-bottom:2px solid #222; position: relative; z-index: 2; display: block; margin: 10px 0; padding: 15px 30px 15px 10px; color: #222; font-size:20px; background-color: #fff;} .checklist_wrap .checklist-item:nth-child(odd) h4 { background:#fff; color:#222; } .checklist_wrap .checklist-item .ico_q { display: block; width: 32px; height: 32px; text-align: center; position: absolute; left: 16px; top:50%; transform: translateY(-50%); font-family: 'Lato'; font-size: 20px; font-weight: bold; color: #fff; } .check_style_check {font-size: 0px;} .check_style_check input[type='radio'] {display: none;} .check_style_check label { display: inline-block; margin-bottom:0px; width: 100%; line-height: 20px;font-weight:bold; font-size: 16px; cursor: pointer; padding: 10px 100px 10px 40px; border-radius: 10px; margin-right: 5px; box-sizing:border-box; color:#222; background: #fff url("/images/sub/ing_edid_chk_square02.png") no-repeat 0px 10px; background-size: 25px; } .check_style_check label span {font-size:14px; font-weight:normal; opacity:0.8; color:#999;} .check_style_check input:checked + label {color: #00b6ff; background: url("/images/sub/ing_edid_chk_o_square02_blue.png") no-repeat 0px 10px; font-weight:bold; background-size:24px;} .check_style_check .new_Packing {display:flex; margin:20px 0;} .check_style_check .new_Packing input {border:1px solid #ddd; padding:10px; height:50px; border-radius:10px; flex:1;} .check_style_check .new_Packing .input-link {color:#fff; width:80px;margin-left:10px; height:50px; background-color:#222; border-radius:10px; font-size:14px; text-align:center; line-height:50px;} /*부럽투어 배너*/ .b_tour_banner {width:100%; max-width:1020px; margin:30px auto;} .b_tour_banner a{width:100%; } .b_tour_banner a img {width:100%; border-radius:10px;} .b_tour_banner .b_tour_this_pc {display:block;} .b_tour_banner .b_tour_this_mo {display:none;} /*이것만 하면돼 랭킹*/ .best_ranking_wrap {max-width:1020px; width:100%; margin:20px auto; } .best_ranking {display:flex; gap:20px; box-sizing:border-box; } .best_ranking .doing {overflow:hidden;background-color:#13b5ef; padding:20px; width:50%; border-radius:10px;box-sizing:border-box; } .best_ranking .eating {overflow:hidden;background-color:#0168b7; padding:20px;width:50%;border-radius:10px;box-sizing:border-box; } .best_ranking h3 {color:#fff!important; margin-bottom:20px!important; margin-top:0!important; font-weight:normal;} .best_ranking h3 b {font-weight:bold;} .best_ranking h3 em {font-weight:bold; position:relative; z-index:1;} .best_ranking .doing h3 em::after {content:''; left:0; bottom:0; z-index:-1; position:absolute; background-color:#0da3d9; height:13px; width:100%; display:inline;} .best_ranking .eating h3 em::after {content:''; left:0; bottom:0; z-index:-1; position:absolute; background-color:#034679; height:13px; width:100%; display:inline;} .best_ranking .rank_num {position:absolute; left:-6px; top:-6px; color:#fff; padding:3px 4px; border-radius:6px;} .best_ranking .doing .rank_num {background-color:#ff4e00;} .best_ranking .eating .rank_num {background-color:#ff9600;} .best_ranking li {position:relative; background-color:#ffffff59; border-radius:20px;padding-right:10px; margin-bottom:10px;} .best_ranking li:nth-child(1) a { background-color:transparent; } .best_ranking li a {display:flex; align-items:center;} .best_ranking li a img {width:90px; min-width:90px; height:80px; margin-right:10px; object-fit:cover; border-radius:20px 0 0 20px;} .best_ranking li a .txt {margin:0 5px; padding:5px 0;} .best_ranking li a .txt h4 {color:#fff; padding:0; font-size:16px; height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; padding-top:10px} .best_ranking li a .txt p {height: 40px; /*line-height: 120%;*/ text-overflow: ellipsis;-webkit-line-clamp: 2;color:#fff; overflow: hidden; font-size:14px; /*letter-spacing:-1px;*/ width:100%; word-break: keep-all; -webkit-box-orient: vertical;display: -webkit-box;} .best_ranking li a .rank_btn { font-weight:bold; letter-spacing:-1px; min-width:60px; text-align:center;background-color:#fff; border-radius:10px; padding:5px 6px;margin-left:auto; font-size:14px;} .best_ranking .doing .rank_btn { color:#13b5ef} .best_ranking .doing li a:hover .rank_btn {background-color:#13b5ef; color:#fff} .best_ranking .eating .rank_btn { color:#0168b7} .best_ranking .eating li a:hover .rank_btn {background-color:#0168b7; color:#fff} /*랭킹 슬라이드 추가*/ .ranking_list_wrap {position:relative;} .ranking_list {margin:10px auto; width:100%; max-width:1020px; } .ranking_list ul { margin-bottom:20px;} .ranking_list_wrap .swiper-pagination-bullet-active {background: #fff;} .ranking_list_wrap .swiper-pagination-bullet {background: #fff;} .ranking_list_wrap .ranking_top_txt {color:#fff;} /*하단 이벤트 배너*/ .event_banner {width:100%; max-width:1020px; overflow:hidden; margin:0 auto;} .event_banner ul {display:flex; gap:20px; box-sizing:border-box;} .event_banner li {width:25%; display:block; } .event_banner li a{display:block; border-radius:15px; padding:30px 20px 30px 20px; height:180px; box-sizing:border-box;} .event_banner li a em {background-color:#000; padding:5px 10px; border-radius:20px; color:#fff;transition:0.2s;} .event_banner li:hover a em {background-color:#fff;color:#000; transition:0.2s;} .event_banner li a h4 {color:#fff; font-size:21px; font-family: 'Gmarket Sans'; line-height:125%; margin-top:5px; } .event_banner li a h4 b {position:relative; font-size:21px; line-height:150%; letter-spacing:-1px; z-index:1} .event_banner li:nth-child(1) a{background:#38ccb5 url("/images/sub/foot_event_banner01.png") no-repeat 96% bottom} .event_banner li:nth-child(2) a{background:#35c9f3 url("/images/sub/foot_event_banner02.png") no-repeat right bottom} .event_banner li:nth-child(3) a{background:#5a60e8 url("/images/sub/foot_event_banner03.png") no-repeat right bottom} .event_banner li:nth-child(4) a{background:#00CC5C url("/images/sub/foot_event_banner05.png") no-repeat right bottom} .event_banner li:nth-child(1) a h4 b {color:#06453b; } .event_banner li:nth-child(2) a h4 b {color:#013ea3;} .event_banner li:nth-child(3) a h4 b {color:#00fff6;} .event_banner li:nth-child(4) a h4 b {color:#ffea00; line-height:100%;} .event_banner li a h4 b::after { content: ''; display: block; width: 0; height: 7px; position: absolute; left: 0; bottom: 0px; z-index:0; background: rgba(200, 125, 220, .6);} .event_banner li:nth-child(1) a h4 b::after {background: #06453b40;} .event_banner li:nth-child(2) a h4 b::after {background: #013ea347;} .event_banner li:nth-child(3) a h4 b::after {background: #1f249a80;} .event_banner li:nth-child(4) a h4 b::after {background: #6228d770;} .event_banner li:hover a h4 b::after { width: 100%;transition: width .4s;} /* 소개 */ .introduce_wrap { width:100%; margin:-10px auto 30px auto;} /* 회사소개 비주얼*/ .introduce_wrap .introduce_visual {width:100%; height:auto; padding:80px 0;overflow:hidden; background:#3270d4 url("/images/sub/intro_bg02.jpg") no-repeat 0% 60% / cover; } .introduce_wrap .introduce_visual .txt_wrap {margin:0px auto 0 auto; width:700px; text-align:center;} .introduce_wrap .introduce_visual .txt01 { font-family: 'Nanum Myeongjo', serif;font-style: normal; font-weight: 700;font-size:55px;; line-height:110%; color:#fff; margin-bottom:10px;} .introduce_wrap .introduce_visual .txt02{ opacity:0.8; letter-spacing:-1px; line-height:120%; font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300; font-size:20px; line-height:140%; color:#fff;} .introduce_wrap .introduce_visual .txt01 b {position:relative; z-index:0;} .introduce_wrap .introduce_visual .txt01 b::after { content: ''; left: 0; bottom: 0; z-index: -1; position: absolute; background-color: #10335fb5; height: 13px; width: 100%; display: inline; } .introduce_wrap .intro_txt { max-width:1020px; width:100%; padding-bottom:100px; margin:60px auto; position:relative;} .introduce_wrap .intro_txt .title {font-size:25px; color:#222; font-family: 'Gmarket Sans'; position:relative;font-style: normal; margin-bottom:30px; font-weight: 700; padding-top:15px;} .introduce_wrap .intro_txt h4 {font-size:30px; font-family: 'Gmarket Sans'; position:relative;font-style: normal; margin-bottom:30px; font-weight: 700; padding-top:15px;} /*.introduce_wrap .intro_txt h4::after { content: ''; left: 0; bottom: 0; z-index: -1; position: absolute; background-color: #3270d4; height: 5px; width: 50px; display: inline-block; }*/ .introduce_wrap .intro_txt .title b{position:relative; z-index:1;} .introduce_wrap .intro_txt .title b::after {content:''; left:0; bottom:0; z-index:-1; position:absolute; background-color:#ffe400;height:10px; width:100%; display:inline;} .introduce_wrap .intro_txt p {font-family: 'Pretendard-Regular'; font-size:18px; font-weight:normal; line-height:140%;} .introduce_wrap .intro_txt p em {border-bottom:1px solid #999;} .introduce_wrap .intro_txt .ment {position:absolute; left:-40px; bottom:-10px; color:#ff6600; } .service-list {gap: 0 20px;padding-top: 40px;justify-content: center; display:flex; max-width:1020px; margin:0 auto;} .service-list > li {width:30%; background-color:#fff;} .service-list .img img {height: 200px; width:100%; object-fit:cover;} .service-list .cont {color: #0E374F;text-align: center;background-color: #fff; padding:0 10px 20px 10px;} .service-list .cont .tit {font-style: italic; font-family: 'Pretendard-Regular';font-weight: 300; margin:20px 0;line-height: 1; font-size: 25px; color:#000; font-weight:bold;} .int_img {position:absolute; right:0; top:0; display:flex; gap:20px; } .int_img div img {max-width:150px;} .int_img div:nth-child(1) {margin-top:70px;} .int_img div:nth-child(2) { } .int_img div:nth-child(3) { margin-top:120px;} /*마이페이지*/ .mypage_new_wrap {display:flex} .mypage_new {width:100%; display:flex; flex-direction: column} /*상단프로필*/ .mypage_new .my_info {background-color:#f3f3f3; padding:20px; box-sizing:border-box; border-radius:20px} .mypage_new .my_info ul {display:flex; align-items: center; } .mypage_new .my_info ul li {color:#fff;} .mypage_new .my_info .profile .img img {width:70px; height:70px; border-radius:50%; margin-right:15px;} .mypage_new .my_info .profile li:last-child {margin-left:auto;} .mypage_new .my_info .profile .setting {margin-left:auto;} .mypage_new .my_info .profile .setting img {max-width:30px; margin-bottom:8px} .mypage_new .my_info .name {display:flex; color:#fff; flex-direction: column;} .mypage_new .my_info .name p {color:#000; font-size:20px; font-weight:bold} .mypage_new .my_info .name_p02 {color:#999!important; font-weight:normal!important; font-size:16px!important; padding-top:5px} .mypage_new .my_info .name_p em {color:#fff; letter-spacing:-1px; font-weight:normal; padding:3px 10px; font-size:14px;background-color:#167db2; border-radius:5px;} .mypage_new .my_info .name_p em b {color:#e7f816; font-weight:bold; } .mypage_new .my_info .point_ul {margin-top:5px} .mypage_new .my_info .point_ul li {width:31.3%; margin:10px 1%; position:relative;} .mypage_new .my_info .point_ul li a {width:100%; display:block; border-radius:20px; padding:15px 0; box-sizing:border-box; text-align:center; height:80px; background-color:#fff} .mypage_new .my_info .point_ul li a img {height:35px; margin-bottom:8px;} .mypage_new .my_info .point_ul li a span {width:100%; position:absolute; bottom:10px; left:50%; transform: translateX(-50%); font-size:22px; color:#000; font-weight:bold;} .mypage_new .my_info .point_ul li a span em {margin-left:-5px; font-size:14px; font-weight:normal; color:#a3a3a3;} .service_group {display:flex; padding-top:20px} /*고객센터*/ .customer_box {width:calc(50% + 2rem); border:1px solid #e1e1e1; border-radius:20px; padding:20px; margin-right:20px; box-sizing:border-box;} .customer_box ul {margin-top:20px;} .customer_box ul li a {display:flex; position:relative; border:1px solid #fff; padding:15px 10px 15px 20px; margin:10px 0; background-color:#f9f9f9; color:#222; position:relative; font-size:16px; box-sizing:border-box; border-radius:10px} .customer_box ul li a:hover {border:1px solid #ff38a6; color:#ff38a6} .customer_box ul li a::after {width:4px; height:4px; border-radius:60%; content:''; display:block; left:10px; top:50%; position:absolute; background-color:#ff38a6;transform: translateY(-50%);} .customer_box ul li a i {margin-left:auto;} .customer_box h4 {color:#222; font-size:20px; padding-bottom:0;} .customer_box p {padding:5px 0; color:#888} .my_tour_service {width:50%; padding:10px 20px 20px; box-sizing:border-box; border-radius:20px; border:1px solid #e1e1e1;} .my_tour_service .ul_flex li a {display:flex; align-items:center; padding:10px 0} .my_tour_service .ul_flex li a p {font-size:17px; font-weight:bold; color:#222} .my_tour_service .ul_flex li a img {margin-right:5px;} .my_tour_service .ul_flex li a i {margin-left:auto;color:#222; display:none;} .my_tour_service ul ul {display: block; background-color:#f6f6f6; padding:10px; border-radius:10px;} .my_tour_service ul ul.active {display: block;} .my_tour_service ul ul li { padding:0 0 0 10px; margin-bottom:0;position:relative; font-size:14px; } .my_tour_service ul ul li::after {width:4px; height:1px; /*border-radius:60%;*/ content:''; display:block; left:2px; top:50%; position:absolute; background-color:#a3a3a3; transform: translateY(-50%);} .my_tour_service .ul_flex li li a {margin:0;padding:5px 0; border-bottom:0; color:#555;} .my_tour_service .ul_flex li li a:hover { color:#000;} .btn_secession {width:100%; margin-top:10px; } .btn_secession a {border:1px solid #ddd; display:block; border-radius:20px; padding:10px 10px; text-align:center;} /******************** [탭/TAB] ********************/ ul.tab_list_cont { display:table; width:100%; table-layout:fixed} ul.tab_list_cont li {display:table-cell; height:60px; line-height:22px; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:18px; color:#777; text-align:center; vertical-align:middle} ul.tab_list_cont li.hit {border-bottom:3px solid #ffc72c;font-family: 'Noto_m'; color:#222} ul.tab_list_cont li a {display:block} ul.tab_page_cont {display:table; width:100%; table-layout:fixed;margin-top:30px;} ul.tab_page_cont.small li{font-size:16px;} ul.tab_page_cont li {display:table-cell; height:60px; line-height:60px; border:1px solid #ddd; border-left:none; border-bottom:1px solid #222; box-sizing:border-box; background:#f7f7f7;text-align:center; font-size:18px; color:#777; cursor:pointer} ul.tab_page_cont li:first-child {border-left:1px solid #ddd} ul.tab_page_cont li.hit { border:1px solid #222; border-bottom:1px solid #fff; background:#fff;font-family: 'Noto_m';text-indent:-1px; color:#222} ul.tab_page_cont li a {display:block;width:100%;height:60px} ul.tab_page_cont li a>em {display:block; width:100%; height:60px; padding-top:5px; line-height:24px} ul.tab_page_cont.comp { table-layout:auto} .tab_page>.stit_con_title {margin-top: 40px} .tab_con {padding-top: 40px} .tab_con>.block_tit_area {padding-top: 0; margin-top: 0} .fixed_tab.fixed {position: fixed; top: 0; z-index: 100; width: 910px} .tab_page_sub>.con_page_info {border-top:none; margin-bottom:40px} .review_list_wrap {margin:20px auto;} .review_list_wrap ul {margin:40px auto; display:flex; flex-wrap: wrap; box-sizing:border-box;} .review_list_wrap li {max-height:300px; overflow: hidden; width:31.333%!important; margin:20px 1%; box-sizing:border-box;} .review_list_wrap li a {width:100%; position:relative;} .review_list_wrap li a img {height:194px; } .review_list_wrap li a .field {margin-top:10px; color:#999;} .review_list_wrap li h4 { font-size:17px; word-break: keep-all; width: 100%; height: 20px; line-height:20px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; margin-top:10px; padding:0; word-wrap: break-word; } .review_list_wrap li img {width:100%; border-radius:10px;} .review_list_wrap li a .title {display:flex;justify-content: space-between; align-items: center;} .review_list_wrap li a .title p {font-weight:bold; background-color:#ff38a6; color:#fff; border-radius:5px; padding:2px 8px; text-align:center;} .review_list_wrap .if_close a .title p {background-color:#222} .c_board_gallery .review_list_wrap .photo {overflow: hidden;border-radius: 20px;} .review_list_wrap .end_event .ent_img {position:relative;} .review_list_wrap .end_event .ent_img img {filter:brightness(30%)} .review_list_wrap .end_p {z-index:9;position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);color:#fff; border:1px solid #fff; border-radius:10px; padding:5px 10px;} .review_view_wrap { margin:40px auto; text-align:center; } .review_view_wrap .width100 {width:100%; max-width:800px} .review_view_wrap .review_board_title h4 {text-align:left;} .review_view_wrap .btn_list { margin-top:40px; padding:15px 30px; background-color:#00cbff; color:#fff; border: 1px solid #00cbff;display:inline-block;} .review_view_wrap .btn_list:hover { background-color:#fff; color:#00cbff; border: 1px solid #00cbff;} .review_view_wrap .review_board_title {box-sizing:border-box;border-top:2px solid #222; border-bottom:1px solid #ddd; padding:10px; margin-bottom:40px;width:100%; display:flex; align-items: center;justify-content: space-between;} .review_view_wrap .list_view_cont + .list_view_ctrl {margin-top:-1px;border-top:1px solid #666;} .review_view_wrap .list_view_ctrl {margin-top:40px;} .review_view_wrap .list_view_ctrl > div {overflow:hidden;padding:18px 25px 14px;border-bottom:1px solid #dddddd;} .review_view_wrap .list_view_ctrl .prev, .review_view_wrap .list_view_ctrl .next {display:block;float:left;width:119px;padding-left:32px;font-size: 16px;color: #737373;box-sizing: border-box;background-position: 0 9px; background-repeat: no-repeat;} .review_view_wrap .list_view_ctrl .prev {background-image: url(/images/sub/ico_view_arrow_up.png);} .review_view_wrap .list_view_ctrl .next {background-image: url(/images/sub/ico_view_arrow_down.png);} .review_view_wrap .list_view_ctrl a, .review_view_wrap .list_view_ctrl .no_list {float:left;width:auto;max-width:calc(100% - 119px);font-size: 18px;color: #000000;} .review_view_wrap .list_view_ctrl .no_list {color: #737373;} .coupon_wrap {width:100%; max-width:800px; margin:20px auto; overflow: hidden;display: flex;justify-content: center; flex-wrap:wrap} .coupon_down_blue {background: #06acff;} .coupon_down_blue .down_btn { color:#06acff; border:3px solid #4fc4ff;} .coupon_down_purple {background: #6606ff;} .coupon_down_purple .down_btn {color:#6606ff; border:3px solid #a46af0;} .coupon_down_purple02 {background: #9c00c9;} .coupon_down_purple02 .down_btn {color:#9c00c9; border:3px solid #af4fca;} .coupon_down_green {background: #00c950;} .coupon_down_green .down_btn {color:#00c950; border:3px solid #60da91;} .coupon_down_orange {background: #f55c1a;} .coupon_down_orange .down_btn {color:#f55c1a; border:3px solid #ff9465;} .coupon_down_pink {background: #ff4688;} .coupon_down_pink .down_btn {color:#ff4688; border:3px solid #ff94ba;} .coupon_down_blue02 {background: #0028c9;} .coupon_down_blue02 .down_btn {color:#0028c9; border:3px solid #657cd8;} .coupon_down_black {background: #333;} .coupon_down_black .down_btn {color:#333; border:3px solid #666;} .coupon_down_red {background: #bf1a1a;} .coupon_down_red .down_btn {color:#bf1a1a; border:3px solid #c46464;} .coupon_down {width: 48%; float:left; margin:10px 1%;height: 100%;position: relative;border-radius: 14px; overflow:hidden;padding: 16px 24px; box-sizing:border-box;} .coupon_down:before {left: -16px;} .coupon_down:after {right: -16px;} .coupon_down:after, .coupon_down:before {-webkit-clip-path: circle(50%);clip-path: circle(50%);content: "";display: block;position: absolute;top: calc(50% - 30px);width: 26px;height: 26px;border-radius: 50%;z-index: 2;background-color: #fff;} .coupon_down .couponType {font-size: 12px;line-height: 1;letter-spacing: 4px;color: #fff; } .coupon_down .couponAmount {font-size: 32px;width: 100%;border-bottom:2px dotted #ffffff91; padding-bottom:5px; line-height: 1;padding: 10px 0 15px 0;display: inline-block;font-weight: 900;margin-bottom: 10px;color: #fff;letter-spacing: -1px} .coupon_down .couponName {font-weight: 700;font-size: 17px; color:#fff;} .coupon_down .couponDate {font-size: 14px;color:#fff;} .coupon_down .down_btn {display:inline-block; background-color:#fff; font-weight:bold; width:100%; padding:10px 0; border-radius:10px; margin-top:10px;} .coupon_down .down_btn:hover {background-color:#ffffffe0;} .review_con .coupon_all_down {box-sizing:border-box;width:100%; max-width:800px; display:inline-block; color:#fff; background-color:#222; font-weight:bold; width:100%; padding:15px 0; border-radius:30px; margin-top:10px;} .review_con .coupon_write {box-sizing:border-box;border:4px solid #ffadd1; width:100%; max-width:800px; display:inline-block; color:#fff; background-color:#ff006f; font-weight:bold; width:100%; padding:15px 0; border-radius:30px; margin-top:10px;} .usim_wrap {max-width:1020px; width:100%; margin:0 auto;} .usim_wrap .title {text-align:center; margin-bottom:30px;} .usim_wrap .title img {max-width:500px; margin:20px 0; width:100%; } .usim_wrap h3 {font-size:36px; margin-bottom:10px; font-family: 'Pretendard';} .usim_box {width:100%; margin-top:30px; overflow:hidden;} .usim_box li p {font-size:28px; margin-bottom:10px;line-height:120%; color:#222; font-weight:bold; font-family: 'Pretendard-Regular'; } .usim_box li span {clear:both; font-size:18px; color:#ff5500; margin:5px 0; font-family: 'Pretendard-Regular'; letter-spacing:-1.8px} .usim_box li .btn_go { display:inline-block; padding:10px 40px;color:#fff; font-size:14px; background:#3e94e9;} .usim_box .usim_logo_img {position:absolute; top:30px; left:50%; transform: translateX(-50%); } .usim_box .usim_logo_img img { max-width:100px;} .usim_box li .pc_img {display:block;} .usim_box li .m_img {display:none;} .usim_box > li > a:hover .pc_img {display:none;} .usim_box > li > a:hover .m_img {display:block;} .usim_box > li > a {display:flex; flex-direction: column;align-items: center; position:relative; float:left; width:31.3%; height:500px;margin:10px 1%; border-radius:20px; padding:80px 10px 0 10px; border:1px solid #ddd; font-size:24px; text-align:center; box-sizing:border-box;} .usim_box > li > a:hover,.usim_box > li > a.on,.usim_box > li > a:hover p,.usim_box > li > a:hover span, .usim_box > li > a:focus{ color:#fff; background-color:#3e94e9;} .usim_box > li > a:hover .btn_go {color:#555;background:#fff;} .usim_box > li.on > a{margin-top:20px; transition: 0.3s; color:#fff;} .usim_box .usim_ul {width:90%; height:220px;background-color:#f6f6f6; border-radius:20px; padding:15px 10px; margin:10px 0 20px 0;} .usim_box .usim_ul li {letter-spacing:-1px; padding-bottom:4px; font-size:14px; line-height:150%;position:relative; padding-left:13px;color:#222; text-align:left;} .usim_box .usim_ul li:last-child {padding-bottom:0} .usim_box .usim_ul li::after {width:3px; height:3px; border-radius:60%; content:''; display:block; left:5px; top:9px; position:absolute; background-color:#ff6600;transform: translateY(-50%);} align-items: center; position:relative; float:left; width:31%; height:560px;margin:10px 1%; border-radius:20px; padding:100px 10px 0 10px; border:1px solid #ddd; font-size:24px; text-align:center; box-sizing:border-box;} .usim_box > li > a:hover .usim_ul ul { background-color: white;} .usim_v2 .usim_ul { height:100px; } .usim_v2 > li > a {height: 270px; position:relative;} .usim_v2 > li > a { padding: 30px 10px 0 10px;} .usim_v2 .usim_logo_img02 {position:absolute; top:30px; right:50px; } .usim_v2 .usim_logo_img02 img { max-width:70px;} .usim_v2 .ul_title {display:flex;justify-content: space-between; align-items: center;} .usim_v2 .ul_title img {max-width:28px; height:28px; margin-left:5px;} .usim_v2 li .pc_img {display:block;} .usim_v2 li .m_img {display:none;} .usim_v2 > li > a:hover .pc_img {display:none;} .usim_v2 > li > a:hover .m_img {display:block;} .dosirac_banner {max-width:1020px; width:100%; margin:20px auto; box-sizing:border-box;} .dosirac_banner a {display:flex; justify-content: space-between; align-items: center;background-color:#00aed5; padding:30px 30px;border-radius:20px; box-sizing:border-box; color:#fff; width:100%;} .dosirac_banner a h3 {color:#fff; font-size:26px; font-family: 'Pretendard-Regular';} .dosirac_banner a span {background-color:#fff; color:#00aed5; padding:7px 15px; border-radius:10px;} .dosirac_banner a .txt {display:flex;justify-content: space-between; align-items: center; gap:30px;} .dosirac_banner a .txt p {color:#fff;} /* api 탭메뉴 */ .tab_content_api_wrap {position:relative; height:auto; width:100%; margin:40px auto; overflow:hidden; } .tab_content_api { font-size:12px;} /* 화면의 가운데 정렬 */ .tab_content_api h5{color:#2570cd;} .tab_content_api input[type="radio"] {display:none;} /* input을 안보이게 처리 */ .tab_content_api input[type="radio"] + label {display:inline-block;padding:15px 30px;background:#ececec;color:#333;border-radius:10px 10px 0 0;font-size:14px;cursor:pointer;} /* label에 대한 버튼속성 */ .tab_content_api input[type="radio"]:checked + label {font-weight:bold; background:#4c4c4c;color:#fff; border-radius:10px 10px 0 0; } .tab_content_api .conbox {width:100%;height:auto; min-height:200px;background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:30px 20px; margin:0 auto; margin-top:-3px; display:none; border-radius: 0 0 20px 20px;} /* 컨텐츠 영역 */ .tab_content_api input[id="tab01"]:checked ~ .con1 {display:block;} /* 인풋에 체크가 해당 요소보이게 설정 */ .tab_content_api input[id="tab02"]:checked ~ .con2 {display:block;} .tab_content_api input[id="tab03"]:checked ~ .con3 {display:block;} .tab_content_api input[id="tab04"]:checked ~ .con4 {display:block;} .tab_content_api input[id="tab05"]:checked ~ .con5 {display:block;} .tab_content_api input[id="tab06"]:checked ~ .con6 {display:block;} .tab_content_api input[id="tab07"]:checked ~ .con7 {display:block;} .big_tab_menu {max-width:1020px; width:100%; margin:30px auto; } .big_tab_menu ul {display:flex; gap:10px;} .big_tab_menu li {flex:1; position:relative;} .big_tab_menu li a { font-family: 'Pretendard-Regular';padding:15px 0; display:block; border-radius:30px; border:1px solid #ddd; font-size:16px; text-align:center; } .big_tab_menu li a.over {background-color:#38beef; color:#fff; font-weight:bold; border:1px solid #38beef;} .big_tab_menu li .over:before {z-index: 100;position: absolute;bottom: -4px;right: 0;left: 0;margin: -5px auto 0;border-width: 0 1px 1px 0;width: 10px;height: 10px;content: "";background-color: #38beef; transform: rotate(45deg);} /*부럽투어*/ .b_tour_info { box-sizing:border-box; } .b_tour_info .b_tour_top {background:#1689eb url("/images/sub/b_tour_topimg.png") no-repeat 95% 150% / 330px; border-radius:20px 20px 0 0; padding:40px 40px; } .b_tour_info .b_tour_top em {background-color:#ff6600; color:#fff; padding:4px 8px; font-size:14px; border-radius:20px;} .b_tour_info .b_tour_top h3 {margin-top:7px;font-size:30px; color:#fff;font-family: 'Pretendard-Regular';} .b_tour_info .b_tour_top p { font-size:15px; color:#555;color:#fff;line-height:140%; margin-bottom:0; font-family: 'Pretendard-Regular';} .b_tour_info .b_tour_box {padding:30px; background:#fff; border:1px solid #ddd; border-radius:0 0 20px 20px; box-sizing:border-box;} .b_tour_info .b_tour_box h4 {font-family: 'Pretendard-Regular';font-size:22px; border-bottom:1px solid #222; margin-bottom:20px;} .b_tour_info .b_tour_box h4 i {color:#1cc2ff; font-weight:bold;} .b_tour_info .b_tour_box p { font-family: 'Pretendard-Regular';font-size:16px; line-height:140%;} .b_tour_info .b_tour_box u {text-decoration:underline;} .b_tour_button {margin:30px 0; text-align:center; } .b_tour_button a {border-radius:30px; font-size:17px; margin:0 5px;color:#fff; padding:20px 30px;font-family: 'Pretendard-Regular';} .b_tour_button a b {font-weight:bold;} .b_tour_button a:nth-child(1) {background-color:#1cc2ff;} .b_tour_button a:nth-child(2) {background-color:#1cc2ff;} .b_tour_button a:nth-child(3) {background-color:#0068B7;} .b_tour_button a:nth-child(4) {background-color:#ff6600;} .b_tour_info .b_tour_box .depth02 li {font-size: 15px;} /*부럽데이*/ .b_day_wrap {max-width:1020px; background-color:#1e6cbf; padding:30px 20px 20px 20px; border-radius:20px;} .b_day_wrap .b_day_top {display:flex; align-items: center; justify-content: space-around;} .b_day_wrap .b_day_top em {border:1px solid #fff; border-radius:20px; color:#fff; padding:5px 8px; font-size:14px; } .b_day_wrap .b_day_top h3 {color:#fff; font-size:34px; margin-top:5px;} .b_day_wrap .b_day_top p {color:#fff;} .b_day_wrap .b_day_top p u {border-bottom:1px solid #fff; font-weight:bold;} .b_day_wrap .b_day_top img {max-width:380px; width:100%;} .b_day_wrap .b_day_con {margin-top:10px; background-color:#fff; padding:20px;} .b_day_wrap .b_day_con a {background-color:#222; color:#fff; border-radius:10px; padding:4px 7px; font-size:13px;} /*국가상세탭*/ .nation_sub0203_tab {max-width:1020px; width:100%; margin:20px auto; display:flex;} .nation_sub0203_tab ul {margin:10px auto} .nation_sub0203_tab li {float:left; margin:0 4px; } .nation_sub0203_tab li a {display:block; padding:10px 13px; background-color:#f6f6f6; border:1px solid #ddd; color:#222; border-radius:10px; } .nation_sub0203_tab li a:hover, .nation_sub0203_tab li a.over { background-color:#222;border:1px solid #222; color:#fff; } /*사연응모 이벤트페이지*/ .story_event_wrap {max-width:1020px; overflow:hidden; width:100%; margin:20px auto 30px; text-align:center;} .story_event_wrap .story02img { max-width:800px;width:100%;} .story_event {box-sizing:border-box; } .story_event .top_img {position:relative; border-radius:20px; max-width:1020px; width:100%; height: auto;} .story_event .top_img img { max-width:1020px; width:100%; border-radius:20px; } .story_event .top_img a{position:absolute; left:140px; bottom:140px; text-align:center; color:#fff; background-color:#000; padding:20px 40px; font-size:20px; border-radius:5px;} .story_event .top_img a b{color:#00fff6; font-weight:bold;} .story_event .top_img a span {margin-top:10px; } .story_event dl {padding:30px 20px; margin-bottom:50px;box-sizing:border-box;} .story_event dl dt {margin:20px 0 10px 0;background-color:#0074fe; color:#fff; border-radius:40px; display:inline-block; padding:5px 30px; font-weight:bold; font-size:18px;} .story_event dl dt:first-child {margin-top:0;} .story_event dl dd {color:#222; font-size:16px; padding-left:20px; position:relative;} .story_event dl dd::after {position:absolute; content:''; width:3px; height:3px; left:10px; top:11px; background-color:#0074fe;} .story_event .btn {color:#fff; background-color:#000; padding:20px 40px; font-size:20px; border-radius:5px;} .story_event .btn b {color:#00fff6; font-weight:bold;} .story_write_btn {max-width:1020px; overflow:hidden; width:100%; margin:0px auto 60px auto; text-align:center;} .story_write_btn a { font-weight:bold; overflow:hidden; width:100%; max-width:300px; margin:0 auto; background-color:#005ebb; color:#fff; padding:16px 0; border-radius:30px;} .story_tab li:after, .story_tab li:after {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s} .story_tab {display: table;max-width:1020px; overflow:hidden; width:100%; margin:50px auto; width: 100%;table-layout: fixed;border-left: 1px solid #e7e7e7} .story_tab li {display: table-cell;height: 50px;position: relative} .story_tab li:after, .story_tab li:after {content: '';position: absolute;background-color: #444;height: 3px;top: 0;width: 0} .story_tab li.on:after, .story_tab li:hover:after {width: 100%} .story_tab li a {display: block;position: relative; font-size:16px; height: 50px;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #444;line-height: 50px;text-align: center} .story_tab li a:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;width: 1px;background: #e6e3df} .story_tab li.on a, .story_tab li:hover a {border-bottom-color: transparent; font-weight:bold;} .story_tab li:hover a {border-bottom-color: transparent} .story_tab li.on a:after, .story_tab li:hover a:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: -1px;width: 1px;background: #444} .story_tab li.on a:before, .story_tab li:hover a:before {content: '';display: block;position: absolute;top: 0;left: 0;bottom: -1px;width: 1px;background: #444} .story_tab02 {display: table; max-width:1020px; overflow:hidden; width:100%; margin:50px auto 0px auto; width: 100%;table-layout: fixed; } .story_tab02 li {display: table-cell;height: 50px;position: relative; padding:0 5px;} .story_tab02 li a {display: block;position: relative; font-size:16px; border-radius:30px; height: 40px; background-color:#fff; color:#222; border: 1px solid #444;line-height: 40px; text-align: center} .story_tab02 li.on a, .story_tab02 li:hover a {background-color:#222; color:#fff; font-weight:bold;} .story_tab03 { max-width:1200px; overflow:hidden; width:100%; margin:50px auto 0px auto; width: 100%;table-layout: fixed; } .story_tab03 .swiper-slide {width:auto; height: 50px;position: relative; padding:0 5px;} .story_tab03 .swiper-slide a {display: block; padding:0 40px; position: relative; font-size:16px; border-radius:30px; height: 40px; background-color:#fff; color:#222; border: 1px solid #444;line-height: 40px; text-align: center} .story_tab03 .swiper-slide.on a, .story_tab03 .swiper-slide:hover a {background-color:#222; color:#fff; font-weight:bold;border: 1px solid #444;} .story_write_btn02 {max-width:1020px; overflow:hidden; width:100%; margin:30px auto 0px auto; text-align:center;} .story_write_btn02 a { font-weight:bold; overflow:hidden; width:100%; max-width:300px; margin:0 auto; background-color:#d30fc3; color:#fff; padding:16px 0; border-radius:30px;} /* 부럽의 선물2 */ /* 부럽의 선물 상단 비주얼 */ .gift_visual {width: 100%; max-width: 1020px; margin:0 auto; overflow: hidden; position: relative} .boolub_gift {margin:30px auto 0 auto; width:100%; height:340px; border-radius:20px; max-width:1020px; overflow:hidden} .boolub_gift0 {background: url("/images/sub/boolub_gift.jpg") no-repeat 0 0 / cover} /* 부럽의 선물*/ .boolub_gift1 {background: url("/images/sub/boolub_gift1.jpg") no-repeat 0 0 / cover} /* 부럽이랑 리조트*/ .boolub_gift2 {background: url("/images/sub/boolub_gift2.jpg") no-repeat 0 0 / cover} /* 우리들의 호캉스*/ .boolub_gift3 {background: url("/images/sub/boolub_gift3.jpg") no-repeat 0 0 / cover} /* 여행후기 */ .boolub_gift4 {background: url("/images/sub/boolub_gift4.jpg") no-repeat 0 0 / cover} /* 부럽이랑 제주도 */ .boolub_gift3 a {display:block; width:10rem; height:35px; line-height:35px; background-color:#211dcf; padding:0 1rem; border-radius:50rem; text-align:center; color:#fff; margin:20px 0 0 70px} .boolub_gift p { padding:70px 0 0 70px; font-family: 'Cafe24Ssurround'; letter-spacing:2px; font-size:28px; color:#000;} .boolub_gift p b { font-size:40px; font-weight:bold;} .boolub_gift span {padding:20px 0 0 70px; font-family: 'Pretendard-Regular'; font-size:20px; line-height:140%; color:#222;} .boolub_gift .span_blue {color:#153adc;} .boolub_gift .span_white {color:#fff;} .boolub_gift .span_pink {color:#b91ca5; position:relative; z-index:1;} .boolub_gift .span_pink:after {content: '';display: block;position: absolute; right: 0;bottom: 3px;width: 100%; height:10px;background: #427bcc5c; border-radius:10px; z-index:-1;} .boolub_gift_txt {margin:20px auto 40px auto;width:100%; padding:60px 30px; box-sizing:border-box;border-radius:20px; max-width:1020px; overflow:hidden; background:#8daef7; position:relative;} .boolub_gift_txt .gift_img01 {position:absolute; left:0; top:0; } .boolub_gift_txt .gift_img02 {position:absolute; right:0; top:140px; } .boolub_gift_txt .gift_img03 {position:absolute; right:0; bottom:10px;} .boolub_gift_txt .top_txt {color:#5374ef; font-size:30px; letter-spacing:-1px; font-family: 'Cafe24Ssurround';} .boolub_gift_txt h4 {color:#fff; text-shadow:4px 4px 10px rgb(29 101 177 / 25%);font-size:50px; font-family: 'Cafe24Ssurround'; text-align:center; padding:30px 0;} .boolub_gift_txt h4 + p {text-shadow:4px 4px 10px rgb(29 101 177 / 25%);color:#fff; font-size:30px; font-family: 'Cafe24Ssurround'; } .boolub_gift_txt h4 + p + span {color:#d30fc3; font-size:40px; margin-top:10px; letter-spacing:1px;font-weight:900; font-family: 'Pretendard';} .boolub_gift_ul {width:80%; margin:50px auto;} .boolub_gift_ul li { font-family: 'Pretendard-Regular';position:relative; background-color:#fff; margin-bottom:40px; border-radius:40px;z-index:9; padding:20px 0px; text-align:center;} .boolub_gift_ul li em {position:absolute; top:-20px; left:50%; transform: translateX(-50%); font-size:18px;background-color:#001f63; color:#fff; padding:10px 20px; border-radius:30px; display: flex;align-items: center;justify-content: center;align-content: center; gap:5px; } .boolub_gift_ul li p { color:#000; font-family: 'Pretendard-Regular'; font-size:18px; margin-top:18px; } .boolub_gift_ul li span {font-size:16px; font-family: 'Pretendard-Regular'; color:#999;} .boolub_gift_ul02 {width:80%; margin:60px auto 20px auto;} .boolub_gift_ul02 li {color:#001f63; font-size:16px;font-family: 'Pretendard-Regular'; line-height:150%;} .giftSwiper .swiper-pagination {width:100%; border-radius:20px; color:#fff; padding:3px 0} .giftSwiper .swiper-button-prev, .giftSwiper .swiper-button-next {display:none} /*앱다운페이지*/ .sub_app_wrap { padding: 100px 0; margin:0px auto;width:100%; background-color:#f8f8f8; align-items:center; display:flex; justify-content:center;} .sub_app { text-align:center; padding:60px 0; max-width:500px; width:100%; } .sub_app h3 { font-size:40px; margin-bottom:10px; letter-spacing:-2px; font-weight:normal} .sub_app h3 b {color:#00b1ff; font-weight:bold;} .sub_app h3 + p {font-size:16px;} .sub_app ul {margin-top:40px;display:flex;gap:10px; align-items: center; justify-content: center; align-content: center;} .sub_app li a {border:1px solid #999; padding:15px 40px;border-radius:40px; } .sub_app li a img:first-child {max-height:16px;} .sub_app li a img:last-child {max-height:14px;} .sub_app li a:hover {border:1px solid #000;} .sub_app_wrap .app_img_wrap {width:300px; overflow:hidden; padding-bottom:20px; } .sub_app_wrap .app_img {position:relative;} .sub_app_wrap .app_img .swiper-slide img {width:100%;} .sub_app_wrap .swiper-pagination-fraction, .sub_app_wrap .swiper-pagination-custom, .sub_app_wrap .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -10px;} .sub_app_wrap + .sc_Footer_padding {display:none;} .sub_app_wrap + .sc_Footer_padding + .sc_Footer {margin-top:0;} .kids_ul {max-width:1020px; width:100%; margin:30px auto; box-sizing:border-box; } .kids_ul ul {display:flex;align-items: center; justify-content: center;align-content: center box-sizing:border-box;} .kids_ul li { width:20%; padding-top:10px; text-align:center; position:relative; font-size:17px; line-height:110%;} .kids_ul li a { border-radius:20px; padding:15px 24px; margin-bottom:10px; } .kids_ul li img {height:60px; } .kids_ul li p {height: 30px; color:#222; font-family: 'Pretendard-Regular'; } .kids_ul li:nth-child(1) a{background-color:#F9D2C0} .kids_ul li:nth-child(2) a {background-color:#DCEFE8} .kids_ul li:nth-child(3) a {background-color:#D0DEF7;} .kids_ul li:nth-child(4) a {background-color:#d0f7f7} .kids_ul li:nth-child(5) a {background-color:#D0DEF7} .kids_ul li:nth-child(6) a {background-color:#F9EDBD} /* 부럽의 선물 - 호캉스 */ .gift_main_tabmenu_wrap .swiper-wrapper {justify-content:center} .gift_main_tabmenu_wrap {width:100%; margin-bottom:40px; border-bottom:1px solid #ddd;} /* 3dep tab memu */ .gift_menu_swiper {width:100%; max-width:1020px; margin:0px auto; padding:10px 0 0 0} .gift_menu_swiper .swiper-slide {width:auto;} .gift_menu_swiper .swiper-slide a{ display:flex; font-family: 'pretendard'; align-items: center; justify-content: center; height:42px; color: #222; background-color: #fff;font-size: 16px;font-weight: 500;word-break: keep-all; padding:0 16px; white-space: pre; cursor:pointer; transition:inherit} .gift_menu_swiper .active , .gift_menu_swiper .swiper-slide a:hover { font-weight:bold!important; border-bottom:3px solid #FE38A5!important; color:#FE38A5!important;} .gift_menu_swiper .all { font-weight:bold!important; color:#FE38A5!important;} /* 부럽의 선물 - 호캉스(당첨혜택) */ .gift_info {width:100%; max-width:1020px; margin:50px auto 25px; padding:0 1rem; box-sizing:border-box} .gift_info li {color:#000; font-size:18px; font-family: 'Pretendard'; line-height:1.6; position:relative; background-color:#ddf0f4; border-radius:50rem; z-index:9; padding:3rem 2rem 2rem; text-align:center;} .gift_info li em {position:absolute; top:-20px; left:50%; transform: translateX(-50%); font-size:18px;background-color:#001f63; color:#fff; padding:10px 20px; border-radius:30px; display: flex;align-items: center;justify-content: center;align-content: center; gap:5px; } .gift_info img {border-radius:20px} .gift_info .desc {display: block; text-align: left; width: 80%; margin: 0 auto; word-break: keep-all;} .gift_desc {width:100%; max-width:1020px; margin:0 auto 25px; padding:0 1rem; box-sizing:border-box} .gift_desc li {color:#001f63; font-size:16px; font-family:'Pretendard'; line-height:1.8} /* 부럽의 선물 - 리뷰 */ .boolub_review .p_Vboard .board_top .inner {flex-direction:row} .boolub_review .layout_fix {padding:0} /* 응모 박스 */ .gift_item .magazing_txt {margin-top: 10px; display: flex; align-items: center; flex-direction: column;} .gift_item .magazing_txt span {height:auto; color: #fff; margin-top: 10px; font-size: 14px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; background-color: #ff38a6; padding: 0.4rem 1rem; border-radius: 50rem;} /* 참여신청 팝업 */ .open_app {width:100%; max-width:50rem; padding: 2rem; border-radius: 2rem; background-color: #fff; box-shadow: 0 1px 13px #eee; box-sizing:border-box} .point1 {display:inline-block; color:#e10000} /*board 폼*/ .board-form {border-top:2px solid #555; border-bottom:1px solid #aaa; margin:0.5rem 0 1rem 0; overflow:hidden} .board-form table {width:100%; table-layout:fixed} .board-form thead th {border-bottom:1px solid #aaa; text-align:center} .board-form tr {border-bottom:1px solid #ddd} .board-form tr:last-child {border-bottom:0} .board-form th {width:20%; color:#333; font-weight:500; line-height:1.4; padding:1rem; text-align:left} .board-form td {padding:1rem; text-align:left; word-break:keep-all} .board-form td .i-info.diInB {height:4rem; line-height:4rem; margin-left:1rem} .board-form tfoot {background-color:#f5f5f5} .board-form th.btnbox, .board-form td.btnbox {background-color:#fff} .board-form .sample_item{vertical-align:top} .board-form #sampleItemAdd td{min-height:6rem} .board-form .sampleBox{display:flex; flex-wrap:wrap; flex-flow:column-reverse} .board-form .sampleBox td{min-height:4rem} .board-form .cateBox > div{display:flex; justify-content: space-between} .board-form .cateBox > div .form_textbox{width: calc(100% - 6.5rem) !important} .board-form .cateBox .selectBox{display:flex; justify-content: space-between} /* 게시판 내용 파일 */ .board-form .file {position:relative; padding:1rem 0} .board-form .file .title {display:inline-block; vertical-align:top; line-height:4rem; width:14.5rem; font-weight:500; color:#333; text-align:center} .board-form .file .list {display:inline-block; width:100%} .board-form .file .list img {width:2.5rem; margin-right:0.5rem} .board-form .file .list li {position:relative; /*{overflow:hidden; min-height:3rem;*/ line-height:1.4; padding:.3rem 21rem .3rem 0} .board-form .file .list li + li {margin-top:0.5rem;} .board-form .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s} .board-form .file .list li > a:hover, .board-form .file .list li > a:focus {color:#116eb4} .board-form .file .list .link {position:absolute; right:0; top:0} .board-form .file .list .txt {font-size:1.2rem; color:#999} /* input, select, txtarea 스타일 */ .form_textbox {height: 2rem; max-height: 100%;padding: 0 1rem;border: 1px solid #ddd!important;text-align: left;vertical-align: top;-webkit-transition: all 0.2s;transition: all 0.2s;} .form_textbox:focus { border-color: #000; } .form_textbox.hasDatepicker { width: 15rem; padding-right: 5rem; } .form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; } .form_textbox.number { width: 10rem; vertical-align:middle} .form_textbox:focus {border-color:#000} .form_textbox::placeholder {color:#666} .form_textbox:-ms-input-placeholder {color:#666} textarea.form_textbox {width:100%; height:auto; min-height:10rem} /* 010 */ .form_select { display: inline-block; position: relative; height: 2rem; color: #333; vertical-align:top; z-index:1} .form_select::after {content: ''; font-family: "xeicon"; position: absolute; top: 50%; right: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:-1} .form_select::before {content:''; background-color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1} .form_select select {background-color:transparent; width: 100%; height: 2rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top;/* -webkit-transition: all 0.2s; transition: all 0.2s; */ } .form_multi {display:table; table-layout:fixed} .form_multi > *{display:table-cell !important; padding-right:0.5rem; vertical-align:top; margin:0.1rem 0} .form_multi .unicode{font-size:14px; width:2rem; text-align:center; line-height:2.6; white-space:nowrap} .form_multi .form_select {min-width:10rem; width:auto} .form_multi > .select .form_select {width:100%} .form_multi > *:last-child {padding-right:0} .board_btn { margin:2rem; text-align:center} .board_btn .txt {margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; } .board_btn .btn {height: 2.5rem; background-color:#2149a6; color:#fff; display: inline-block; font-size: 16px; font-weight: normal; min-width: 10.5rem; overflow: hidden; padding: 0 2rem; text-align: center; vertical-align:top; -webkit-transition: all 0.2s; transition: all 0.2s} .board_btn .btn:focus {border:1px dotted #000} .board_btn .btn:hover {box-shadow:0 0 30px rgba(44,59,102,0.2)} /* 모바일 시 튀어 나옴 @media screen and (max-width:1023px) { .board-form table {table-layout: auto} } */ /*상세페이지 구매이력 팝업*/ .Purchase_History { display:flex;justify-content: space-between;position: fixed; max-width:1200px; margin:0 auto; width:90%; transform: translateX(-50%);bottom: 20px;left: 50%;background-color:#000000c9;color: white;padding: 15px;border-radius: 5px;z-index: 1000; transition:0.8s; } .Purchase_History p {color:#fff; } .Purchase_History p b{color:#ffd600; font-weight:bold;} .Purchase_History a{color:#ffd600; } .Purchase_History_hidden { transition:0.8s; display: none;} /**** 수요 반값세일 *****/ /* 슬라이더 기본 스타일 */ .event3_slider { position: relative; margin: 50px auto 0; max-width:1200px; width:100%; overflow:hidden; padding-bottom:30px;} .event3_slider .inner { overflow: hidden; width: 100%; margin: 0 auto; } /* 슬라이더 내 각 슬라이드 아이템 스타일 */ .event3_slider .slide_list > li { position: relative; width: 68%;border-radius: 20px; padding:30px 50px; box-sizing:border-box; transform: scale(0.9); transition: all 0.3s; opacity: 0.5; } .event3_slider .slide_list > li a { display: block; } .event3_slider .slide_list > li .sale_list { overflow: hidden; display: block; position: relative;border-radius: 10px; height:350px; } /*.event3_slider .slide_list > li.prev_sale {background: #434343; fallback for old browsers background: -webkit-linear-gradient(to left, #000000, #434343); Chrome 10-25, Safari 5.1-6 background: linear-gradient(to left, #000000, #434343); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+}*/ .event3_slider .slide_list > li.ing_sale {background: url("/images/sub/event_3v_on.jpg") no-repeat 50% 0 / cover;} .event3_slider .slide_list > li.next_sale {background: url("/images/sub/event_3v_off.jpg") no-repeat 50% 0 / cover;} .event3_slider .slide_list > li.prev_sale {background: url("/images/sub/event_3v_out.jpg") no-repeat 50% 0 / cover;} .event3_slider .slide_list > li .badge {position: absolute;top: 0px;left: 0px;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 50px;height: 45px;background-color: rgb(255, 199, 44);color: rgb(17, 17, 17);font-size: 15px;text-align: center; font-family: 'GmarketSansMedium';font-weight:bold;box-sizing: border-box;} .event3_slider .slide_list > li .badge::before, .event3_slider .slide_list > li .badge::after {position: absolute;left: 0px;bottom: -10px;display: block;width: 0px;height: 0px;border-top: 10px solid rgb(255, 199, 44);border-right: 25px solid transparent;content: "";} .event3_slider .slide_list > li .badge::after {left: auto;right: 0px;transform: scaleX(-1);} .event3_slider .slide_list > li .badge::before, .event3_slider .slide_list > li .badge::after {position: absolute;bottom: -10px;display: block;width: 0px;height: 0px;border-top: 10px solid rgb(255, 199, 44);border-right: 25px solid transparent;content: "";} .event3_slider .slide_list > li .title {margin-top:10px; font-size:40px; color:#fff; font-family: 'GmarketSansMedium';} .event3_slider .slide_list > li .title em {color:#6ee4ff; font-weight:700} .event3_slider .slide_list > li .txt {font-size:18px; font-weight:normal; color:#fff; opacity:0.7; } .event3_slider .slide_list > li .top_tag {padding: 5px 8px; line-height: 24px; background-color:#000; border-radius: 15px; color: #fff; font-size: 12px; display: inline; white-space: nowrap} /* 현재 활성화된 슬라이드 스타일 */ .event3_slider .slide_list > li.swiper-slide-active, .event3_slider .slide_list > li.swiper-slide-duplicate-active { transform: scale(1); opacity: 1; } /* 이전 및 다음 슬라이드의 여백 조정 */ .event3_slider .slide_list > li.swiper-slide-prev { margin-right: 2%; margin-left: -2%; } .event3_slider .slide_list > li.swiper-slide-next { margin-right: -2%; margin-left: 2%; } /* 화면상 첫 번째 및 마지막 슬라이드의 여백 조정 */ .event3_slider .slide_list > li.first { margin-right: -4%; margin-left: 4%; } .event3_slider .slide_list > li.last { margin-right: 4%; margin-left:-4%; } .event3_slider .swiper-pagination {left: 50%; transform: translateX(-50%); margin-top:10px; bottom:0;} .event3_slider .swiper-pagination-bullet {margin-right:5px; } .event3_slider .swiper-pagination-bullet-active { background: #8a14ff;} .event3_slider .swiper-button-next.swiper-button-disabled, .event3_slider .swiper-button-prev.swiper-button-disabled {display:none} .event3_slider .swiper-button-next, .event3_slider .swiper-button-prev{background-color: #fff; border: 0; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 6px 0 rgba(0,0,0,.05),0 4px 12px 0 rgba(0,0,0,.05); height: 40px; position: absolute; text-align: center; top: 55%; transform: translateY(-65%); transition: .2s; width: 40px; z-index: 10; color:#444} .event3_slider .swiper-button-next:hover, .event3_slider .swiper-button-prev:hover {color:#8a14ff; font-weight:bold; box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 6px 0 rgba(0,0,0,.05),0 8px 12px 0 rgba(0,0,0,.2);} .event3_slider .swiper-button-next {right:11.5%} .event3_slider .swiper-button-prev {left:11.5%} .event3_slider .swiper-button-next:after, .event3_slider .swiper-button-prev:after {font-size: 18px} .event3_slider .package_list_ul li {width: calc(50% - 20px);position: relative;margin-bottom: 0px;} .event3_slider .swiper-slide .img .tag {position: relative;left: 0px;top: 0px;z-index: 1;padding: 0px; color:#fff;font-size: 12px;border-radius: 5px;opacity: 0.9;} .event3_slider .package_list_ul li a .tag span {color: #fff;border: 1px solid #fff;} .event3_slider .package_list_ul li a .pack_txt01 {height:55px; color: #fff; margin:0 0 10px 0; line-height:1.4} .event3_slider .package_list_ul li a .price_wrap {display:flex; align-items: center; } .event3_slider .package_list_ul li a .pack_price {color: #e9ff7a; font-size:30px} .event3_slider .package_list_ul li a .pack_price_02 {font-size:18px; color: rgb(255 255 255 / 75%); text-decoration: line-through; margin-right:5px;} .event3_slider .package_list_ul li a .pack_price em {color: #fff;} .event3_slider .package_list_ul .img > img {height: 200px; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.07);} .event3_slider .package_list_ul .img .soldout {position:absolute; top:0; left:0; border-radius: 10px; width:100%; height:200px; overflow: hidden; background: rgb(0 0 0 / 70%); z-index: 2;font-size: 1.1em;text-align: center; font-weight: 600;color: #000; z-index:0} .event3_slider .package_list_ul .img .soldout .desc {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:grid} .event3_slider .package_list_ul .img .soldout .desc span {color:#b0aaff} .event3_slider .package_list_ul .img .soldout .desc strong {font-size:1.6rem; color:#fff} /*투어 대기자 명단*/ [data-tooltip]{position:relative} [data-tooltip]:before, [data-tooltip]:after{visibility:hidden; opacity:0; position:absolute; topleft:50%;transform:translateX(-50%);/*white-space:nowrap;*/transition:all .2s ease;font-size:11px;font-family:dotum;letter-spacing:-1px;} [data-tooltip]:before{content:attr(data-tooltip);width:150px; height:auto; position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:#fff;background:#025272;box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);} [data-tooltip]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #025272;} [data-tooltip]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px} [data-tooltip]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:18px} .package_cal_swiper .w100 .join {display:block; font-size:13px; color:#555; font-weight:normal; line-height:1.4} .package_cal_swiper .layer {visibility:hidden; opacity:0; transition:all .2s ease; position: absolute; left:50%; transform:translate(-50%, -50%); width: 50%; background: #fff; border: 1px solid; /*display: flex; flex-direction: column; align-items: flex-start;*/ text-align:left; height: auto; padding: 1rem; line-height: 1.4; border-radius: 1rem; z-index:1} .package_cal_swiper .layer .title {display:block; font-size:16px; font-weight:700;white-space: nowrap; text-overflow: ellipsis; overflow: hidden} .package_cal_swiper .layer .txt {display:block; font-size:14px; font-weight:normal} /*.package_cal_swiper .layer .btn {display:flex; flex-direction:column; width:100%; margin-top:10px; color:#fff; background-color:#000; padding:0.5rem; border-radius:5px; font-size:12px; text-align:center;}*/ .package_cal_swiper .layer .btn {display:flex; justify-content:center; gap:10px; margin-top:10px} .package_cal_swiper .layer .btn a {width:100%; display:inline; background-color:#000; color:#fff; padding:0.5rem; font-size:12px; border-radius:7px; text-align:center} /*레이어 호버*/ .package_cal_swiper td:hover .layer {visibility:visible; opacity:1} /************************************ 반응형 ************************************/ @media (max-width:1024px) { .hotplace .swiper-slide .img > img {width:100%; height:185px;} } /* Mobile Device 1000 */ @media (max-width:1020px) { .visual_quick_tab li {padding: 18px 18px 14px;font-size: 16px;} .info_icon_menu .swiper-slide.plane {background-position: 10px 10px;} .info_icon_menu .swiper-slide.vaccin {background-position: 10px 15px;} .info_icon_menu .swiper-slide.passport {background-position: 10px 12px;} .info_icon_menu .swiper-slide.price02 {background-position: 10px 15px;} .info_icon_menu .swiper-slide.month {background-position: 10px 13px;} .info_icon_menu .swiper-slide.nowprice {background-position: 10px 15px;} .info_icon_menu .swiper-slide.language {background-position: 10px 15px;} .info_icon_menu .swiper-slide.caution {background-position: 10px 15px;} .info_icon_menu .swiper-slide.electric {background-position: 10px 15px;} .info_icon_menu .swiper-slide.timdifference {background-position: 10px 15px;} .info_icon_menu .swiper-slide.tipping {background-position: 10px 15px;} .info_icon_menu .swiper-slide.price {background-position: 10px 15px;} .ticket_swiper .swiper-slide {padding: 15px; margin-right:15px;} .ticket_best div h4 {font-size: 17px; padding:5px 0;} .ticket_best div p {font-size:14px;} .ticket_best div .air {bottom: 63px;width: 20px;} .search_nation_header {border-radius: 0px;margin: 0px auto 40px auto;} .search_nation_header img {border-radius: 0px;} .search_nation_header:before{border-radius: 0px;} .regions_wrap .region-nameh2 { margin-bottom:20px;} .region-name_ul li {padding: 0px 10px;line-height: 170%;font-size: 14px;min-width: 150px;box-sizing: border-box;} .guide_tour_list_wrap { margin-left: 20px } .swiper_cafe .swiper-slide { width:26%;} .swiper_cafe .swiper-slide .img > img { height: 200px;} .cafe_place .swiper-wrapper { margin-left: 20px } .hotplace .swiper-slide { padding-left: 20px } .info_icon_menu .swiper-wrapper { box-sizing:border-box;} .sec_keyword h4 {text-align: center; font-size:18px;} .sec_keyword h4 sub {font-size: 12px;} .sec_keyworad_body {padding:20px 0px;align-items: center;flex-direction: column;align-content: center;} .sec_keyword .links_wrap:after { height: auto; } .sec_keyword .links { width: auto;max-height: auto; display: flex;flex-wrap: wrap; align-items: center;justify-content: center;} .sec_keyword .links a {margin-bottom:5px; height: 24px;line-height: 24px;font-size: 12px; min-height:auto;} .list-nav ul { flex-wrap: nowrap;} .sec_keyword { border-radius:0px;width:100%; } .nation_sub:after {border-radius:0;} .nation_sub { border-radius: 0; margin-bottom:0;} .hotel_form .search_button {flex-direction: column;} .hotel_form .search_button .hotel, .hotel_form .search_button .date, .hotel_form .search_button .people {padding: 10px 10px;cursor: pointer;text-align: left;border-right: 0;border-bottom:1px solid #f3f3f3;} .hotel_form .search_button span {display:none;} .hotel_form .search_button p {color: #b4b4b4;font-size: 15px;} .category_sharehouse {padding:0; background:none; height:auto; margin-top:0;height: auto;padding: 0;} .hotel_form .search_button .button_search {margin: 10px auto 10px auto;width: 96%; } .hotel_form {border: 1px solid #ddd;padding: 10px 5px; margin-right:4px;margin:10px 10px 20px 10px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);} .tab_hotel .tab_category .category_sharehouse {padding:0; background:none; height:auto; margin-top:0;} .tab_hotel .hotel_form {margin:0 4px 10px 0;} .hotel_form .layer_pop_hotel { top: 50px;} .hotel_form .layer_pop_date { top: 90px;} .hotel_form .layer_pop_people{ top: 130px;} .hotel_form .search_button .people { border-bottom: 0;} .activity_menu .swiper-wrapper { margin-left: 2% } .category_ticket_menu .swiper-wrapper { margin-left: 0% } .nation_category_menu .swiper-wrapper { margin-left: 0% } .ticket_swiper .swiper-wrapper { margin-left: 2%; box-sizing:border-box; } .rentcar_form .search_button {flex-direction: column;} .rentcar_form .search_button .hotel, .rentcar_form .search_button .date, .rentcar_form .search_button .people {padding: 10px 10px;cursor: pointer;text-align: left;border-right: 0;border-bottom:1px solid #f3f3f3;} .rentcar_form .search_button span {display:none;} .rentcar_form .search_button p {color: #b4b4b4;font-size: 15px;} .rentcar_form .search_button .button_search {margin: 10px auto 10px auto;width: 96%; } .rentcar_form {border: 1px solid #ddd;padding: 10px 5px; margin-right:4px;margin:10px 10px 20px 10px;box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);} .tab_hotel .tab_category .category_sharehouse {padding:0; background:none; height:auto; margin-top:0;} .tab_hotel .rentcar_form {margin:0 4px 10px 0;} .rentcar_form .layer_pop_hotel { top: 50px;} .rentcar_form .layer_pop_date { top: 90px;} .rentcar_form .layer_pop_people{ top: 130px;} .rentcar_form .search_button .people { border-bottom: 0;} .visual_quick_tab { gap: 5px;} .nation_big_menu { border-radius: 0px;} .nation_bnt_plan { width:calc(100% - 20px); } .nation_2nd_list { width:calc(100% - 20px); } .list-filter-wrap {width:calc(100% - 20px); } .keyword_wrap {width:calc(100% - 20px); } .hotel_info {width:calc(100% - 20px); } .review_banner { width:calc(100% - 20px);margin:0 auto;} .review_banner_img { width:calc(100% - 20px);margin:0 auto;} .ticket_best div span {font-size: 18px; } .product_con_wrap {flex-direction: column;} .p_Vconts_wrap {width: 100%;} .p_Vtop .this_info {margin-left: 0px;padding: 0px;border-radius: 0px;height: auto;position: relative;top: 0px; } .this_info .this_info_wrap {border: 0;border-radius: 0px; padding:10px!important;} .tistinfo_pc {display:none;} .tistinfo_mobile {display:block;} .pro_banner { margin-top: 10px;} .partner_wrap {width:calc(100% - 20px); } .pc_only {display:block;} .best_ranking_wrap {width:calc(100% - 20px)} .event_banner {width:calc(100% - 40px)} .event_banner ul {align-items: center; justify-content: center} .event_banner li {width:calc(50% - 6px); box-sizing:border-box} .introduce_wrap .intro_txt {width:calc(100% - 20px);padding-bottom: 50px;margin: 40px auto;} .introduce_wrap .intro_txt .ment {left: 0;} .magazine_view {padding: 10px;} .city_home_btn {width:calc(100% - 20px); margin-top:40px;} .big_tab_menu { width: calc(100% - 20px); margin:20px auto;} /*커뮤니티 아이콘*/ /*.commu_quick .article {padding-bottom:2rem} .commu_quick .commu_icon_5 li {/*width:20%; height:auto; margin:5px 0; text-align:center; font-size:15px; line-height:110%;} /*.commu_quick .commu_icon_5 li a {padding-top:20px; width:80px; height:80px;} .commu_quick .commu_icon_5 li img {max-height:40px;} /*.commu_quick .commu_icon_5 li span {margin-top:10px;}*/ .rentcarpage_bg .insurance_left h3 { font-size: 18px;} .checklist_top {width: 96%;} .checklist_wrap {width: 96%;} .nation_big_menu02 {margin-top: -0px;} .story_event_wrap { width: calc(100% - 20px); margin:20px auto;} .story_event .top_img a {padding: 20px 30px;font-size: 18px;} .story_event .top_img a{ left:10%; bottom:20%; } .dosirac_banner {width: 96%;} .boolub_gift {margin:70px auto 0 auto; width: calc(100% - 20px); background-position:80% bottom} .boolub_gift p {padding: 40px 0 0 40px; letter-spacing: 0px; line-height:1.4} .boolub_gift p b {font-size: 30px;} .boolub_gift span {padding: 20px 0 0 40px; font-size: 16px;} .boolub_gift_txt { width: calc(100% - 20px);} .boolub_gift_ul { width: 96%;} .boolub_gift_ul02 { width: 96%;} .boolub_gift_txt .gift_img03 { display:none;} .swiper_hotplace .swiper-slide .img > img {height:165px} .story_tab02 { margin: 0px auto 0px auto;} .story_tab03 { margin: 0px auto 0px auto;} } /* Mobile Device 900 */ @media (max-width:900px) { .back_head_wrap { display:block;} .hotplace .swiper-slide .img > img {height:140px} .plan_stpe01 { height: calc(100vh - 70px); margin:0 auto; border-radius:0; max-width:100%; overflow-y:auto;} .faq_wrap h3 { font-size: 20px;} /*부럽투어 배너*/ .b_tour_banner {width:calc(100% - 20px);} .b_tour_banner .b_tour_this_pc {display:none;} .b_tour_banner .b_tour_this_mo {display:block;} .b_tour_banner .b_tour_this_mo img {width:100%} .int_img {position: relative;align-items: center;justify-content: center;} .usim_box .usim_logo_img {top: 20px;left: 50%;margin-bottom: 10px;} .usim_box > li > a {width: 48%;margin: 10px 1%;padding: 70px 10px 0 10px;font-size: 20px; height:300px;} .usim_box .usim_ul {background-color: #f6f6f6; height:150px;border-radius: 20px;padding: 15px 10px;margin: 10px 0 20px 0;} .usim_box li p {font-size: 25px;margin-bottom: 0px;} .topSearchBox input[type=text] { width: 80%;} .b_tour_info .b_tour_top {background-position:95% 100%;background-size:250px;} .search_keyword_second {margin-top: 80px;} .kakao_coupon_wrap img {max-width: 220px;} .nation_big_menu02 ul {border-radius: 0px;} .nation_big_menu02{border-radius: 0px;} .event3_slider .package_list_ul li a .pack_price_02 {margin-top: 10px;} } /* Mobile Device 800 */ @media (max-width:800px) { .topSearchBox input {height: 42px;} .nation_tab .tab-content li { width: 25%; margin-bottom:10px;} .nation_tab .tab-content ul { flex-wrap: wrap; margin:25px 0 0 0;} .icon_4 li { width: 25%; height:auto; margin:5px 0;} .icon_4 ul { flex-wrap: wrap; margin:0px 0;} .icon_3 li { width: 33.3%; margin-bottom:10px;} .icon_3 ul { flex-wrap: wrap; margin:15px 0;} .community_menu li a{font-size:16px; padding:0 0px; width:auto; padding:10px 30px; } .community_menu li a.over { padding:10px 15px; border-radius:10px;} .nation_home {width:100%; height:100vh; max-width:100%; margin:0; border-radius:0px;} .nation_home .nation_home_txt {margin-top:150px; } .nation_home + .sc_Footer_padding {height:0!important;} .nation_sub { width:100%; height:260px; border-radius:0px; margin:0px auto 0px auto;} .nation_sub .weather { font-size:24px; } .nation_sub .time { font-size:24px; } .nation_tab label {margin-right:0; height:auto;padding:15px 20px; font-size:15px;} .schedule_recommend li h4 { font-size: 16px; margin-bottom:5px;} .schedule_recommend li p { font-size: 13px; line-height:120%;} .check_style_check label { font-size: 14px;padding:5px 10px 5px 30px; background-size:18px; } .check_style_check input:checked + label { background-size:18px;} .check_style_check label span { font-size: 12px;} .topSearchBox{ height:40px; } .searchLayer {width:100%; padding:15px; } .searchLayer .searchLayerInner .searchAirCount strong { font-size: 14px;} .searchLayer .searchLayerInner .quantitySelector .currentQuantity { font-size: 16px;} .topSearchBox input[type=text]{ margin:0; font-size: 12px;} .topSearchBox input[type=submit] { margin: 9px 16px 0 0;} .checkboxA { margin-bottom:10px; } .checkboxA label { font-size:13px; padding:7px 15px; margin-right:1px; } .person_check { width: 33.333%; padding:5px;} .person_check label img { height: 40px;} .person_check label {padding: 15px 20px 10px 20px;} .person_check .checkbox_label { font-size: 14px;} .who_tour .checkboxA label {padding: 5px 15px;margin-right: 0px;} .keyword_find { flex-direction: column;} .keyword_find ul { flex-wrap: wrap;} .keyword_find li {margin: 5px 3px;font-size: 12px;padding-right: 5px;} .keyword_find p { font-size: 13px;} .keyword_ul { margin: 10px 0; flex-wrap: wrap;} .keyword_ul li { padding: 7px 10px;margin: 3px;} .best_tour_list {display:flex;flex-wrap: wrap;} .best_tour_list li {width:48%;margin:0px 1%;} .best_tour_list .bt_list_wrap div:first-child {display:none;} .best_tour_list .bt_list_wrap { flex-wrap: wrap; justify-content: center; margin-bottom:5px; padding:15px; border-radius:10px;} .best_tour_list .bt_list_wrap .btn div {flex-direction:row } .best_tour_list .bt_list_wrap div:last-child { margin-top:3px; margin-left:0; width:100%; box-sizing:border-box;} .best_tour_list .bt_list_wrap div .best_btn_02{margin-top: 3px; margin-left:0px; width:100%;} .best_tour_list .bt_list_wrap div .best_btn_03{ margin-left:0px;} .best_tour_list .bt_list_wrap img {max-height:160px; width:100%; object-fit:cover; height: auto;max-width: 100%; margin-right:0; margin-bottom:10px; border-radius:5px;} .best_tour_list .bt_list_wrap div span {font-size: 12px; display:block; line-height:160%;} .best_tour_list .bt_list_wrap h4 {font-size:14px; line-height:120%; padding-bottom:5px;} .schedule_recommend { flex-direction: column;} .schedule_recommend li a{margin-bottom:15px;} .schedule_recommend li img {width:50px;} .schedule_recommend li {width:99%;} .schedule_recommend li:first-child {margin-right:0%;} .weather_time {flex-direction: column; } .weather_time .weathers {padding-bottom:20px;} .weather_time .weathers { width: 100%;} .weather_time .times { width: 100%; padding: 20px 0 0 0px; border-left:0; border-top:1px solid #ffffff4c;} .magazine_list li a img { height: 180px; } .magazine_list li {width:50%; height: 340px;} .guide_tour_list .swiper-slide .txt .hashtag {font-size: 11px;} .search_nation_header .box h3 { font-size: 23px;} .info_icon_menu .swiper-slide {width:96px; height:110px; padding:10px 4px 10px 10px ; margin:5px 4px ; } .info_icon_menu .swiper-slide { background-size:25px!important;} .info_icon_menu .swiper-slide span { font-size:14px; padding: 8px 0px 30px 30px; } .info_icon_menu .swiper-slide p { font-size: 13px;} .info_icon_menu_02 .swiper-slide {width:auto; padding:10px 8px 10px 10px ; margin:5px 4px ; } .info_icon_menu_02 .swiper-slide span { font-size:13px; padding: 13px 0px 13px 30px; background-size:25px!important;} .info_icon_menu_02 .swiper-slide p { font-size: 13px;} .nation_info_txt {font-size:14px;} .nation_3_info_ul {flex-direction: column;} .nation_3_info_ul li {border-bottom:1px dotted #ddd; width:100%; border-top:0;border-left:0;border-right:0;border-radius:0; margin:0 0 5px 0; padding:0 0 5px 0;} .subregion_pop {height: auto; padding:10px;} .subregion_pop .list-heading {flex-direction: column; padding:0 0 10px 0; } .region-nameh2 { width: 100%;} .region-name_ul {flex-direction: column;} .regions_top h2 {font-size: 18px;padding-top: 15px;} .regions_top { height: 170px;} .region-name_wrap { margin: 30px 0;} .region-name_ul li {padding: 0px 5px;font-size: 12px; margin-top:20px} .regions_wrap .region-nameh2 {margin-bottom: 0px;} .regions_wrap {padding: 0 10px ;} .subregion_pop .link-text {margin-top: 10px;} .subregion_pop .list-heading .country-name {font-size:14px;} .tabpanel { margin-top: -19px;} .nation_sub { height: 250px; } .nation_sub:before { border-radius: 0;} .swiper_hotplace .swiper-slide {width:20%;} .swiper_hotplace02 .swiper-slide {width:20%;} .swiper_cafe .swiper-slide { width:28%;} .swiper_cafe .swiper-slide .img > img { height:150px;} .guide_tour_list .swiper-slide { width:31%;} .js_product_best_slide .swiper-slide li { width:31%;} .swiper_img_banner .swiper-slide .txt_box { left:20px; top:20px; padding-top:0px } .swiper_img_banner .swiper-slide .title_p {font-size:25px; } .swiper_img_banner .swiper-slide .txt_p {font-size:16px; } .img_banner_2 .txt_box { left:20px; top:20px; padding-top:0px; width:80%;} .img_banner_2 .title_p {font-size:20px; } .img_banner_2 div img {height: 130px;} .cafe_place .product_star {margin-top:0!important;} .guide_tour_list_wrap { margin-left: 2% } .js_product_best_slide_wrap { margin-left: 2% } .hotplace .swiper-slide{ padding-left: 3% } .swiper_img_banner .point_box {font-size: 14px!important; } .swiper_img_banner .swiper-slide .btn_reservation {font-size: 14px;margin-top: 20px;width: 120px;padding: 5px 10px;border: 3px solid #9bfa19;} .borderbox_gray {margin: 0;} .activity_menu .swiper-slide {width: 35%;} .activity_menu .activity_txt span {font-size: 12px;} .activity_menu .activity_txt p {font-size: 16px;} .activity_menu .swiper-slide .img > img {height: 200px;} .category_ticket_menu .swiper-slide {width: 35%;} .category_ticket_menu .swiper-slide .img > img {height: 200px;} .nation_category_menu .swiper-slide {width: 35%;} .nation_category_menu .swiper-slide .img > img {height: 150px;} .nation_tab_ul {flex-wrap: wrap; margin:20px 0 0px 0;} .nation_tab_ul li a p{font-size:12px; letter-spacing:-1px;} .nation_tab_ul li img {height: 28px;margin-bottom: 5px;} .nation_tab_ul02 {flex-wrap: wrap; margin:20px 0 0px 0;} .nation_tab_ul02 li a p{font-size:14px; letter-spacing:-1px;} .nation_tab_ul02 li img {height: 28px;margin-bottom: 5px;} .nation_tab_ul02 li { width: 20%; margin-bottom:10px;} .insurance_wrap {width:100%; flex-direction: column;align-items: center; gap:0} .insurance_wrap .insurance_left { width: auto!important; margin-bottom:20px; } .insurance_wrap .insurance_left img {/*max-width: 300px;*/ width:100%;} .insurance_wrap .insurance_right {width:auto!important} .rentcarpage_bg .pc_none img { max-width: 300px; width:100%;} .rentcarpage_bg .insurance_left h3 {text-align: center; } .rentcarpage_bg .insurance_left h3 b { padding-top: 7px;} .rentcarpage_bg .insurance_left h3 em {display:block;margin-bottom:6px;} .insurance_right {width:calc(100% - 20px);} .insurance_wrap .insurance_right img {/*max-width: 300px;*/ width:100%;} .insurance_wrap .insurance_button {font-size: 15px; margin: 10px 0 10px 0;padding: 10px 0px;} .insurance_wrap .insurance_button02 {font-size: 15px} .insurance_wrap .insurance_button03 {font-size: 15px} .insurance_wrap .insurance_top li {font-size: 14px;padding-bottom: 5px;} .insurance_wrap .insurance_top {display: flex; flex-direction: column; align-items: center; text-align:center;/*margin:20px 0*/} .insurance_wrap .insurance_top .tag_list ul {display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 5px; justify-content: center;} .insurance_gray_box .title {font-size: 14px;} .insurance_gray_box a {font-size: 14px;} .insurance_wrap .insurance_button + a {font-size: 14px;} .best_num_list .swiper-slide .img {height: 150px;} .best_num_list .swiper-slide {width: 30%;margin-right: 5px;margin-left: 50px;} .best_num_list .swiper-slide .best_number p {font-size: 150px;} .best_num_list .swiper-slide .best_number {left: -60px;bottom: -30px;} .nation_2nd_list ul li a .p_line_2 {font-size: 14px;line-height: 20px;height: 40px;} .nation_2nd_list ul li a .p_line_1 {font-size: 14px;line-height: 20px;height: 20px;} .ico_verification {font-size: 11px;margin-right: 3px; padding:2px 3px 2px 3px;} .search_keyword_second .keyword_wrap { top:50px; } .traffic_info {padding: 10px;} .best_tour_list .bt_list_wrap .img{width:100%;} .best_tour_list .bt_list_wrap div .best_btn_01, .best_tour_list .bt_list_wrap div .best_btn_02, .best_tour_list .bt_list_wrap div .best_btn_03 { padding:8px 5px; flex:1; box-sizing:border-box;} .best_tour_list .bt_list_wrap div .best_btn_01 {width: 100%;} .best_tour_list .bt_list_wrap div .best_btn_03 {width: 100%;} .guide_list_noswipe .swiper-slide {width: calc(33.335% - 10px)!important;} .img_swiper_3 {height:200px!important;} .img_swiper_3 .swiper-slide { width: 50%!important;} .img_swiper_4 {height:170px!important;} .img_swiper_4 .swiper-slide { width: 33.4%!important;} .step_tour_list02 li .txt_wrap p {display: none;} .step_tour_list02 h4 {font-size:16px;} .category_ticket_menu_noswipe .swiper-slide {width:calc(33.33% - 10px)!important; } .nation_category_menu .swiper-slide {width:calc(45% - 10px)!important; } .product_list02_noswipe .swiper-slide {width:31.33%!important; } .product_normal04_noswipe .swiper-slide {width:33.33%!important; } .sellers_info {margin-top: 10px;padding: 10px 0; border-bottom: 1px solid #f2f2f2;} .partner_wrap {width:calc(100% - 20px); } .partner_wrap .faq-item h4 {padding: 10px 35px 10px 34px;border-radius: 40px;font-size: 15px;} .partner_wrap .faq-item .ico_q {top: 8px; left:5px;font-size: 16px;} .partner_wrap [class*=" xi-"], .partner_wrap [class^=xi-] {top:50%; position:absolute; right:15px;transform: translateY(-50%);} .partner_info .pi_txt01 {font-size: 26px;} .partner_info .pi_txt02 {font-size: 16px;} .partner_info .pi_txt03 {font-size: 18px;} .partner_info .pi_txt03 b {font-size: 25px;} .partner_info { background-size: 260px; } .partner_plat .plat_con .txt01 {font-size: 18px;} .partner_plat .plat_con h4 {font-size: 23px;} .partner_plat .plat_con {width:calc(100% - 40px); } .partner_plat .plat_con li {padding: 20px 15px 30px 15px;} .partner_plat .plat_con li .txt {font-size: 14px;} .faq_wrap {width:calc(100% - 40px); padding: 50px 0;} .partner .partner_visual { background: #2367ff url("/images/sub/partner_visual02_t.jpg") no-repeat 50% 50% / cover;} .partner .partner_visual .txt_wrap {padding: 50px 0 0 0;width: 100%;} .partner .partner_visual .txt01 {font-size: 25px;} .partner .partner_visual .txt01 b {font-size: 40px;} .partner .partner_visual .txt02 {font-size: 16px;} .partner .partner_visual .btn {font-size: 16px;padding: 15px 30px;margin: 20px auto;} .partner_form_wrap {width:calc(100% - 40px); padding: 20px;} .best_ranking { flex-direction: column;} .best_ranking .doing { width: 100%; padding:20px 20px 10px 20px; } .best_ranking .eating { width: 100%; padding:20px 20px 10px 20px; } .event_banner li a { height: 170px;} .event_banner li:nth-child(1) a {background-size:100px ;} .event_banner li:nth-child(2) a {background-size:80px ;} .event_banner li:nth-child(3) a {background-size:100px ;} .event_banner li:nth-child(4) a {background-size:100px ;} .introduce_wrap .introduce_visual .txt01 { font-size: 35px;} .introduce_wrap .introduce_visual .txt02 { font-size: 16px;} .service-list {flex-direction: column;align-items: center;} .service-list > li {width: 80%; margin-bottom:20px;} .service-list .cont .tit {font-size: 20px; margin:10px 0;} .introduce_wrap .introduce_visual .txt_wrap {width: 100%;} .service-list .img img {height: auto;} .introduce_wrap .intro_txt { width: calc(100% - 40px);} .mypage_new_wrap {flex-direction: column;} .mypage_new .my_info {width: 100%;; box-sizing:border-box;border-radius: 20px; padding:15px; } .mypage_new {width: 100%} .mypage_new_left {width: 100%;margin-left: 0%;} .service_group {flex-direction:column} .customer_box {width: 100%; margin-right:0;/*background-size: 100px; background-position:95% 5%*/} .my_tour_service {width:100%; margin-top:20px; padding-bottom:10px} .my_tour_service ul ul {display: none; margin:10px 0 0 0} .my_tour_service .ul_flex li a {border-bottom:1px dashed #ddd; margin-bottom:0} .my_tour_service .ul_flex li a i {display:block; margin-right:10px} .my_tour_service .ul_flex li:last-child a {border:0;} .review_list_wrap li { width: 48%!important; } .review_list_wrap li h4 {font-size:15px; line-height:20px; height:20px; padding:0; margin-bottom:0; margin-top:10px;} .usim_wrap h3 { font-size: 30px;} .big_tab_menu li a { padding: 10px 0;} .rentcarpage_bg .pc_none {display:block;} .rentcarpage_bg .mobile_none {display:none;} .rentcarpage_bg .insurance_button {max-width: 350px;} .search_txt_nation { font-size:18px;} .b_tour_button a {font-size: 16px;margin: 5px 5px;padding: 20px 20px;} .b_day_wrap .b_day_top {flex-direction: column; text-align:center;} .b_day_wrap .b_day_top h3 {font-size: 30px;} /*사연응모이벤트*/ .story_event {padding-bottom: 0px;} .story_event dl {padding: 0 20px;} .story_event dl dt {margin: 15px 0 10px 0;font-size: 14px;} .story_event dl dd {font-size: 13px;} .story_event .btn {padding: 20px 30px;font-size: 16px;} .story_event .top_img a {padding: 20px 30px;font-size: 18px;} .story_event .top_img a{ left:5%; bottom:20%; } .story_write_btn {margin: 0px auto 30px auto;} .story_write_btn {width: 96%;} .story_write_btn02 a {padding: 10px 0;font-size: 14px;} .sub_app h3 {font-size: 30px; line-height:120%;} .sub_app h3 + p { font-size: 14px;} .sub_app_wrap {flex-direction: column;} .sub_app {padding: 0px 0;max-width: 100%;} .sub_app_wrap .app_img {margin-top:40px;} .sub_app ul {margin-top: 20px;} .kids_ul ul { flex-wrap: wrap;} .kids_ul li a { padding: 15px 20px;} .dosirac_banner a h3 {font-size: 22px;} .dosirac_banner a {flex-direction: column; padding:20px 15px;} .dosirac_banner a .txt {gap: 10px; text-align:center;flex-direction: column;} .dosirac_banner a .txt img {width:50px;} .dosirac_banner a .txt p {margin:7px 0;} .boolub_gift_txt .top_txt {font-size: 26px;} .boolub_gift_txt {padding: 30px 20px;} .boolub_gift_txt h4 {font-size: 40px;padding: 20px 0;} .boolub_gift_txt h4 + p {font-size: 26px;} .boolub_gift_txt h4 + p + span {font-size: 30px;} .boolub_gift_txt .gift_img01 img {width:140px;} .boolub_gift_txt .gift_img02 {top: 100px;} .boolub_gift_txt .gift_img02 img {width:140px;} .boolub_gift_ul02 { margin: 20px auto;} .boolub_gift_txt {width: calc(100% - 10px);} /* 부럽의 선물 - 호캉스*/ .gift_info li {border-radius:5rem} .gift_info .desc {width: 100%} .gift_desc li {font-size:15px} /* 팝업 신청 폼 */ .board-form colgroup {display:none} .board-form colgroup {display:none} .board-form tr {display:block;padding:1rem 0} .board-form th {/*color:#afafaf; font-size:1.3rem; display:block; line-height:inherit;*/padding:1rem 0;} .board-form td {color:#000; display:block; padding:0; margin-top:0.3rem; min-height:2.7rem} .board-form td .i-info.diInB {height:auto; line-height:1.4; margin-top:1rem} .board-form .form_textbox {width:100%} .board-form td input + label + input , .board-form td .form_select + input{margin:0.5rem 0} .event3_slider { margin-top: 50px; } .event3_slider .slide_list > li { width: 80%; } .event3_slider .slide_list > li .title { font-size: 30px;} .event3_slider .package_list_ul li a .pack_price {font-size: 18px; margin-top: 0px;} .event3_slider .package_list_ul li a .pack_price_02 { margin-top: 5px;} .event3_slider .package_list_ul li a .pack_txt01 { font-size: 14px;} } @media (max-width:768px) { .hotplace .swiper-slide .img > img {height:150px;} .my_tour_service .ul_flex li a img {height:26px} .mypage_new .my_info .profile .setting img {max-width:25px; margin:0 12px 12px 0} .customer_box ul li a:hover {border:1px solid #fff; color:#222} .event3_slider .package_list_ul li a .pack_price_02 {font-size:inherit} /*.commu_quick .commu_icon_5 li {width:20%}*/ /*커뮤니티 아이콘 좌-우 스크롤*/ .commu_quick {overflow:hidden;} .commu_quick .commu_icon_5 ul {display:flex; align-items: center; justify-content: space-between;align-content: center; margin-top:5px;} .commu_quick .commu_icon_5 li { width:20%; text-align:center; font-size:15px; line-height:110%;} .commu_quick .commu_icon_5 li a { box-sizing:border-box;background-color:#f2f2f2; padding-top:15px; border-radius:50%;width:70px; height:70px;} .commu_quick .commu_icon_5 li img {max-height:40px; margin-bottom:5px;} .commu_quick .commu_icon_5 li span {margin-top:10px; display:block; font-family: 'Pretendard-Regular';} .commu_icon_5 li .now_span, .commu_icon_5 li:hover {color:#ff38a6; font-weight:bold;} /*커뮤니티 아이콘 좌-우 스크롤*/ .commu_quick .article {overflow-x:scroll; padding-bottom:3rem; cursor:pointer;} .commu_quick .article::-webkit-scrollbar {height:5px} .commu_quick .article::-webkit-scrollbar-thumb { background-color:#104471; border:5px solid #ffa3d6; border-radius:10rem} .commu_quick .article::-webkit-scrollbar-track { background-color:#e5e5e5} .commu_quick .list {/*min-width:78rem*/} .commu_quick .list li i {width:9rem; height:9rem} .commu_quick .list li i img {width:50%} } /* Mobile Device 최소 ~ 최대 700px */ @media (max-width:700px) { .Purchase_History { bottom: 80px;} } /* Mobile Device 최소 ~ 최대 640px */ @media (max-width:640px) { .icon_4 li { font-size:13px;} .icon_4 li img { height: 35px;} .icon_3 li { font-size:13px;} /*커뮤니티 아이콘*/ .commu_icon_5 li img { height: 35px;} .community_menu li a { padding:5px 5px; font-size:14px; } .community_menu li a.over { padding:5px 10px; border-radius:5px;} .nation_tab label {width: 50%; height:40px; font-size: 13px; padding: 12px 0px!important; margin:0 1%;} .nation_tab { width:97%; padding-top:10px; } .nation_tab .tab-content li a p{ font-size:12px;} .nation_tab .tab-content li img { height: 40px; margin-bottom:0;} .hotplace h3 {margin:0; font-size: 18px} .hotplace .main_h3_p {font-size:14px} .hotplace_swiper_txt {font-size: 12px;margin-top: 5px; line-height:16px; height:32px;} .information > .nation_nav {font-size:14px; padding-left:8px; } .information > .nation_nav::after { top:2px; width:3px; height:16px; } .nation_home .nation_nav { font-size: 13px;} .nation_sub .todolist {font-size: 11px; width:55px; height:55px; right:15px; top:100px; } .swiper_cafe .swiper-slide .img > img { border-radius: 10px;} /*여행스타일*/ .style_icon li div{ width:90px; height:90px; font-size:13px; margin:5px; } .style_icon li p {letter-spacing:-1px;} .style_icon li { margin-bottom: 10px;} /*여행 날짜*/ .calender_wrap p {font-size:14px; padding:5px 10px 5px 30px; background-size:23px;} .calender_wrap span {font-size:14px; } .best_tour_list .bt_list_wrap div .best_btn_01, .best_tour_list .bt_list_wrap div .best_btn_03 {width: 100%; font-size:12px; padding:12px 5px; box-sizing:border-box;} .best_tour_list .bt_list_wrap div .best_btn_02 {width: 100%; font-size:12px; padding:6px 5px; box-sizing:border-box; margin-top:10px;} .best_tour_list .bt_list_wrap div:nth-child(3) p { line-height: 15px;height: 30px; margin-bottom:5px;} .best_tour_list .bt_list_wrap div span {margin-top: 0px; margin-bottom:0px; line-height: 19px;height: 19px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .best_tour_list .bt_list_wrap div span .days_cont { font-size:12px;} .best_schedule_day .best_p_title {margin-left: 0px;margin: 5px 0 15px 0px;font-size: 16px;} .recommend_day_wrap .best_schedule_day .best_p_title { margin: 5px 0 10px 0px;font-size: 14px;} .product_list li a{ width:31.3%; margin:10px 1%;} .product_list li .product_title {font-size: 12px;height: 30px; line-height: 15px; } .product_list li .product_cart {font-size: 11px;} .product_list li .product_krw {font-size: 12px; margin: 5px 0;} .product_list li em {margin: 5px 0; font-size:11px;} .product_list li a img {border-radius: 5px;} /* 일정 티켓보기*/ .product_list02 .swiper-slide .product_title {font-size: 12px;height: 30px; line-height: 15px; } .product_list02 .swiper-slide .product_krw {font-size: 12px; margin: 5px 0;} .product_list02 .swiper-slide em {margin: 5px 0; font-size:11px;} .product_list02 .swiper-slide a img {border-radius: 5px;} .product_list02 div .product_cart {font-size: 12px; letter-spacing:-1px;} .product_list02 .swiper-slide { width: 35%;} .magazine_list li .product_title {font-size: 15px; line-height: 20px; } .magazine_list li .product_cart {font-size: 11px;} .magazine_list li .product_krw {font-size: 12px; margin: 5px 0;} .magazine_list li em {margin: 5px 0; font-size:11px;} .airtel_sub ul li a dt h3 {font-size: 16px; padding:3px 0;} .airtel_sub {padding:0; box-sizing:border-box;} .airtel_sub + .reponsive_wrap {padding:0;} .airtel_sub + .pt80 {display:none;} .airtel_sub + .pt80 + .sc_Footer_padding {display:none;} .airtel_sub .tabpanel { padding-bottom: 80px;} .airtel_sub ul {gap:10px} .airtel_sub ul li {width:100%;border:1px solid #e2e2e2; margin-bottom:0;} .airtel_sub ul li:hover {box-shadow:0} .airtel_sub ul li a {height:auto;padding:5px 20px 5px 20px; text-align:center;} .airtel_sub ul li a dl {align-items: center; } .airtel_sub ul li a dt h3 {font-size:16px; font-weight:normal; color:#444;} .airtel_sub ul li a dt p {display:none;} .airtel_sub ul li a dd {width:30px;height:30px;} .airtel_sub ul li:first-child a dd img {width:20px;} .airtel_sub ul li:nth-child(2) a dd img {width:20px;} .airtel_sub h3 + p {margin-bottom: 10px!important;} .airtel_sub h3 {margin: 5px 0!important;} .btn_write_pirce {font-size:13px; width: 96%; box-sizing: border-box;margin: 10px auto; padding:15px 0;} .guide_wrap li img { height: 36px;} .guide_wrap li a {font-size:14px;} .guide_tour_list .swiper-slide .img {height: 160px;} .guide_tour_list .swiper-slide .txt .name {font-size: 14px; margin:0;} .guide_tour_list .swiper-slide .txt .guide_tour_list_p {font-size: 13px; margin-bottom:5px;} .guide_tour_list .swiper-slide .txt .info {font-size: 13px; margin:0} .guide_tour_list .swiper-slide .txt {padding: 10px 10px 0 10px;} .best_num_list .swiper-slide .txt .name {font-size: 14px; margin:0;} .best_num_list .swiper-slide .txt .info {font-size: 13px; margin:0} .best_num_list .swiper-slide .txt .hashtag { font-size: 11px; height:13px;} .best_num_list .swiper-slide a {padding: 0px 0 5px 0;} .js_product_best_slide .swiper-slide .img {height: 160px;} .js_product_best_slide .swiper-slide .txt .name {font-size: 14px;} .js_product_best_slide .swiper-slide .txt .guide_tour_list_p {font-size: 13px;} .ticket_swiper_wrap {margin: 0px auto ;} .ticket_swiper {margin: 20px auto 10px auto;} .ticket_swiper_wrap h3 { font-size: 16px } .guide_tour_list_wrap h3 { font-size: 16px } .guide_wrap .guide_home dd {font-size: 17px;margin: 7px 0 0 10px;} hr {display:block; height:10px; width:100%; background-color:#f9f9f9; box-sizing: border-box;border-top: 1px solid #f2f2f2; border-left:0; border-bottom:0; margin: 0 0px;} .con_body h3 { font-size:16px; } .con_body h3 + p { font-size:13px; margin-bottom:10px} .magazine_top h3 { font-size: 16px;} .magazine_top h3 + p { font-size:13px; margin-bottom:10px} .magazine_list li {width:100%;} .magazine_list li a img { height: 150px; } .magazine_list li .product_title_category {font-size: 12px;margin: 7px 0 0 0;height: 18px;} .magazine_list li .tag a {margin: 0 2px 0 0;padding: 3px 6px; font-size:12px;} #magazine_tag li a {font-size: 14px;margin-right: 5px; padding:7px;} .visual_quick_tab li {padding: 14px 14px 10px;font-size: 14px;} .con_body {margin: 30px auto; } .magazine_view_top { margin: 20px auto 0 auto; height: 200px;} .magazine_view_top .txt p {font-size: 20px;margin: 10px 0;} .magazine_view_top .txt span {font-size: 14px;} .magazine_view_top .txt em {font-size: 13px;padding: 4px 10px;} .img_col li img {max-height: 250px;} .img_col {margin: 20px 0 10px;width: 100%;} .guide_tour_list02 ul li {width: 98%; padding: 10px 0; margin:0px 1%; border:0; border-radius:0; border-bottom: 1px solid #ddd;} .guide_tour_list02 ul li:hover {background:#fff; border-top:0; border-left:0; border-right:0;border-bottom:1px solid #ddd;} .guide_tour_list02 ul li a p { font-size: 13px; letter-spacing: -1px;} .guide_tour_list02 ul li a span {font-size: 12px; } .guide_tour_list02 ul li a:first-child img {width: 70px;height: 60px;margin-right: 10px;} .guide_tip_list ul li {width: 98%; padding: 10px 0; margin:0px 1%; border:0; border-radius:0; border-bottom: 1px solid #ddd;} .guide_tip_list ul li:hover {background:#fff; border-top:0; border-left:0; border-right:0;border-bottom:1px solid #ddd;} .guide_tip_list ul li a p { font-size: 14px; letter-spacing: -1px;} .guide_tip_list ul li a span {font-size: 12px; margin:5px 0; line-height:130%;} .guide_tip_list ul li a:first-child img {width: 80px; height: 70px;margin-left: 10px; border-radius:10px;} .guide_tip_list ul li:last-child {border-bottom:0;} .guide_tour_list02 ul li:last-child {border-bottom:0;} .tbTypeA thead tr th {padding:5px 5px; font-size:12px; letter-spacing:-1px;} .tbTypeA tbody tr th {padding:5px 5px; font-size:12px;} .tbTypeA tbody tr td { font-size:12px; padding:5px 5px; letter-spacing:-1px; line-height:150%;} .tbTypeC thead tr th {padding:5px 5px; font-size:14px;} .tbTypeC tbody tr th {padding:5px 5px; font-size:14px;} .tbTypeC tbody tr td { font-size:14px; padding:3px 5px; letter-spacing:-1px; line-height:150%;} .img_col { margin: 10px 0 10px;} .img_col2 { margin: 10px 0 10px;} .img_col3 { margin: 10px 0 10px;} .img_col4 { margin: 10px 0 10px;} .img_col3 li {width: 48%;} .img_col4 li {width: 48%;} .stripe_box div { padding:15px 10px;} .stripe_box div span {font-size:14px; line-height:15px; margin-bottom:0px;} .stripe_box div p {font-size:14px; line-height:18px; margin-bottom:0!important;} #guide_menu ul { border-bottom: 0;} #guide_menu li a {font-size: 13px;margin-right: 7px;padding: 10px 15px; border-bottom:1px solid #ddd; border-radius:10px; } #plan_menu ul { border-bottom: 0;} #plan_menu li a {font-size: 13px;margin-right: 7px;padding: 10px 10px; border-bottom:1px solid #ddd; border-radius:10px; } .nation_tab .tab-content {margin-top: 0px;} .swiper-slide .product_star {font-size: 13px;display: block;} .ticket_swiper .swiper-slide {padding: 10px; margin-right:10px; width:40%;} .ticket_best div p {font-size: 12px;} .ticket_best div h4 {font-size: 15px;} .ticket_best div span {font-size: 16px;margin-bottom: 5px;} .ticket_best div .air {bottom: 50px;width: 20px;} .ticket_best div .more {right: 10px;top: 15px; font-size:13px;} .search_head {margin: 10px auto 15px auto;} .todo_ul {padding-bottom:20px; overflow:hidden;} .todo_ul li a{font-size:14px; padding:10px 10px 10px 10px } .todo_ul li:nth-child(1) a{background-color:#6a15dd; color:#fff; font-size:16px;border-radius:60px; border-radius:10px; font-weight:bold;} .todo_ul li img {width: 50px;margin: 0 10px 0 5px;} .todo_ul {margin:10px auto!important; } .btn_more { margin-top:15px; font-size:13px;} .btn_schedule_plus { margin-top:15px; font-size:13px;} .info_icon_menu .swiper-slide p { letter-spacing:-1px;} .info_icon_menu .swiper-slide em { font-size: 12px; } .guide_tour_list02 ul li a p {line-height: 22px;height: 22px;} .guide_tip_list ul li a p {line-height: 22px;height: 22px;} .search_nation_header {height: 190px; margin-bottom:10px;} .search_nation_header img {height: 190px;} .search_nation_header .box {left: 15px; } .search_nation_header .box h3 {font-size: 23px;} .search_nation_ul ul {left: 15px;bottom:10px;} .search_nation_ul ul li a {padding: 50px 0px 10px 0px;width: 100%;font-size: 12px;border-radius: 10px;} .search_nation_ul ul li {margin: 10px 1%;} .search_nation_ul img { height: 180px;} .search_nation_ul ul li:nth-child(1) a {background-size: 25px;} .search_nation_ul ul li:nth-child(2) a {background-size: 26px;} .search_nation_ul ul li:nth-child(3) a {background-size: 30px; background-position:50% 28%;} .search_nation_ul ul li:nth-child(4) a {background-size: 30px; } .search_header_calender_wrap {top: 110px;width: 92%;border-radius: 40px;box-sizing: border-box;padding: 10px 10px;} .search_header_calender p {font-size: 14px;} .search_header_calender p em {font-size: 12px;} .nation_3_info_ul li div:first-child {font-size:11px;} .nation_3_info_ul li div p {font-size:14px; line-height:150%;} .nation_3_info_ul li div span {font-size:12px;} .nation_3_info_ul li div:first-child {width: 60px;height: 15px;margin: 0 10px 5px 0;padding: 35px 0 10px 0px;} .scroll-tab-comp > .tab-item {height: 48px;padding: 0 10px;font-size: 14px;} .scroll-tab-plan > .tab-item {height: 48px;padding: 0 15px;font-size: 14px;} .best_list_view .btn_info { font-size: 12px;} .best_list_view .distance { font-size: 12px;top: -24px;} .best_list_view .day_con p {font-size: 13px;} .best_list_view li .day_wrap {padding: 10px 20px 10px 10px;} .best_list_view li {margin-bottom: 28px;} .my_plan_list li a p {font-size:14px;} .best_list_view li div b.place_btn {font-size:11px;} .checkboxAll_square span {font-size: 12px!important;} .icon_4 li { height:auto; } .check_item .check_text {font-size:14px;} .check_item .check_value {font-size:14px;} .check_item .check_highlighted {font-size:14px;} .check_alert {margin-top: 7px;padding-top: 7px;font-size: 12px;}.tip_txt {font-size: 13px; line-height:150%;} .check_term {line-height: 1.32; padding-left: 10px;margin-right: 5px;} .info_check_txt {border: 0;padding: 0 15px;margin: 10px 0;} .info_view_conbody { padding: 0;} .nation_sub .time_korea {font-size:14px; margin-top:5px;} .nation_sub .time_korea span {font-size:14px;} .info_icon_menu_02 .swiper-slide a {font-size:12px; padding:10px 5px 10px 25px;} .info_check_txt h4 {padding:12px 0 6px 25px;margin-bottom: 10px;} .hotplace .swiper-slide {width:26%;} .swiper_cafe .swiper-slide { width:30%; } .guide_tour_list .swiper-slide { width:36%;} .js_product_best_slide .swiper-slide { width:36%;} .swiper_img_banner .swiper-slide .txt_box { left:20px; top:20px; } .swiper_img_banner .swiper-slide .title_p {font-size:20px; } .swiper_img_banner .swiper-slide .txt_p {font-size:14px; } .swiper_cafe .swiper-slide .img > img { height: 130px;} .swiper_cafe .swiper-slide { width: 26%;} .cafe_place .swiper-wrapper { margin-left: 10px; } .list-nav {margin:15px 0 5px 0;} .list-nav .nav-pills .nav-link {font-size: 13px; padding:0.5rem 1rem;} .list-nav .nav-pills .nav-item {padding: 0 3px;} .category_menu_swiper {margin:10px auto;} .category_menu_swiper .swiper-slide button {padding: 10px 15px; font-size:13px; } .category_menu_swiper .swiper-slide a {padding: 10px 15px; font-size:13px; height:14px; border-radius:10px;} .commu_menu_swiper {margin:20px auto 10px auto; overflow:hidden} .commu_menu_swiper .swiper-slide button {padding: 10px 15px; font-size:13px; } .swiper_img_banner .btn_go {display:none;} .swiper_img_banner .swiper-slide .btn_reservation {font-size: 12px;width: 100px;padding: 5px 10px;border: 2px solid #9bfa19;} .img_banner_2 {margin-bottom:10px;} .tab_hotel .tab_button button {height: 40px;font-size: 14px;padding: 10px 20px;} .tab_hotel .tab_button a {height: 40px;font-size: 14px;padding: 10px 20px;} .tab_hotel {margin:30px 0 20px 0;} .img_banner_2 .point_box { font-size:12px; padding: 2px 8px; letter-spacing:-1px;} .cafe_place {margin: 0px auto;} .mobile_bottom10 {margin-bottom:10px!important;} .mobile_bottom20 {margin-bottom:20px!important;} .activity_menu .activity_txt p {font-size: 14px;} .activity_menu .swiper-slide {width: 45%;} .category_ticket_menu .swiper-slide {width: 45%;} .category_ticket_menu .ticket_txt p {font-size: 14px;} .nation_category_menu .swiper-slide {width: 45%;} .nation_category_menu .ticket_txt p {font-size: 14px;} .nation_bnt_plan {width:calc(100% - 20px); margin:20px auto 20px auto;} .nation_bnt_plan p { font-size:13px; line-height:120% } .nation_bnt_plan a { text-align: left; border-radius:10px; } .nation_bnt_plan h4 { font-size: 18px;} .nation_tab_ul li img { height: 23px;} .airtel_sub02 {gap: 10px;} .airtel_sub02 div { padding:20px 10px 5px 15px; margin:5px auto 15px auto; } .airtel_sub02 div h3 {font-size: 16px; margin-bottom: 5px;} .airtel_sub02 div p {font-size: 11px!important; line-height:110%;} .airtel_sub02 .tel { margin-right:8px;} .airtel_sub02 .air img { width:90px; right:-10px; top:5px;} .airtel_sub02 .tel img { height:60px; right:-10px; top:10px; } .commu_menu_swiper .swiper-slide a{ font-size: 16px; padding:0 10px; height:36px;} .category_ticket_menu .magazing_txt p { line-height:18px; font-size:14px; } .nation_category_menu .magazing_txt p { line-height:18px; font-size:14px; } .event_list li .last-img img {max-width:70px;} .nation_big_menu li a { padding: 15px 0; font-size:15px;} .step_tour_wrap02 {width:calc(100% - 20px);margin: 20px auto 10px auto;} .step_tour_wrap02 li .img { width: 40px;height: 40px;margin-right: 10px;border-radius: 10px;} .step_tour_wrap02 li a { margin:0px auto 0 auto; padding:15px 5px} .step_tour_wrap02 .btn_wrap {padding-left: 10px; margin-right:5px;} .step_tour_wrap02 h4 {padding-top: 0; font-size:14px; padding-bottom:0;} .step_tour_wrap02 li .img img {max-height: 20px;max-width: 25px;} .step_tour_list02 {width: 100%;padding: 0 10px;display: flex; flex-wrap: wrap;align-items:center;} .topSearchBox {margin-top: 10px;} .nation_2nd_list ul li {width:100%; min-height:auto; height:auto; margin:0px auto; box-sizing:border-box; padding: 10px 0; border-radius: 0px; border-bottom: 1px solid #f6f6f6; border-top:0; border-left:0;border-right:0; } .nation_2nd_list ul li:last-child { border-bottom:0; } .nation_2nd_list {margin: 10px auto;width: calc(100% - 20px);} .nation_2nd_list ul li a:first-child img {margin-right: 10px; width:80px; height:65px;} .nation_2nd_list_magazine ul li a:first-child img {width: 90px;height: 80px;} .tour_activity ul li a:first-child img {width: 110px;height: 105px;} .nation_2nd_list ul li a div {margin-right: 0px;} .nation_2nd_list ul li a .p_line_1 { font-size: 14px; margin:0; letter-spacing:-1px; width: 70%;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: ;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap; } .nation_2nd_list ul li a .p_line_2 { font-size: 14px; margin:0; line-height:18px; height:36px; width:100%;} .nation_2nd_list .hashtag {font-size: 11px;} .nation_2nd_list ul li a .span_line_1 { font-size: 12px;} .nation_2nd_list ul li a .span_txt02 { font-size: 12px;} .nation_2nd_list .price .after .won {font-size: 14px;} .nation_2nd_list .price .percent {font-size: 11px; margin-top:0;} .tour_activity .price { font-size: 14px;} .best_num_list .swiper-slide .img {height: 120px;} .best_num_list .swiper-slide {width: 38%;margin-right: 10px;margin-left: 30px;} .best_num_list .swiper-slide .best_number p {font-size: 100px;} .best_num_list .swiper-slide .best_number {left: -40px;bottom: -25px;} .classification {font-size: 12px;margin-bottom: 2px;} .nation_2nd_list .icbtn {left: 0;} .nation_2nd_list ul li:nth-child(odd) {width:100%;margin-right: 0%;} .nation_2nd_list ul li:nth-child(even) { width:100%;} .backhead_back_pt {padding:20px 0;} .back_head {margin: 10px auto;} .back_head h2 {font-size: 18px;} .back_head i {font-size: 26px;} .back_head .xi-arrow-left {font-size: 26px;} .keyword_place_search_ul li a { font-size:14px; } .keyword_place_search_ul li:first-child a { padding: 15px 0;} .depth01 li {font-size:12px; padding:10px; margin-bottom:0px;} .depth01 li::after { top:8px; } .depth02 li {font-size:12px; } .depth0202 li {font-size:12px; } .depth03 li {font-size:12px; } .review_depth01 li {font-size:12px; padding:10px 0; margin-bottom:0px;} .review_depth01 li::after { top:8px; } .review_btn_wrap .btn_review { font-size: 13px; padding: 8px 10px;} .review_btn_wrap .btn_remove { font-size: 13px; padding: 8px 10px;} .place_info_food_img { height: 250px;} .place_info_food_img img { border-radius:10px;} .ratiowrap { margin: 0px auto 10px auto;} .ratiowrap_p {font-size: 14px;} .site_info_icon a {border-radius: 10px;padding: 12px 0px;font-size: 14px;} .site_info_icon { gap: 5px; margin-bottom:20px;} .review_top { margin-bottom:6px;} .notice_wrap .notice_section .notice_list, .notice_wrap .notice_section li {font-size: 12px;line-height: 18px;} .edit_txt_wrap {width:calc(100% - 20px); } .edit_txt_wrap h4 {font-size:18px;} .edit_txt_wrap h5 {font-size:16px; padding-bottom:0;} .edit_txt_wrap p {font-size:14px;} .modal_pay .modal_pay-content { padding: 20px 20px; height:100vh;} .modal_pay-content {border-radius: 0px; width:100%;} #modal_pay-text {flex:1; height:calc(100% - 70px); overflow:hidden;} .magazine_list li { height: 280px;} .who_tour h4 {font-size:14px;} .terms_agreement { font-size: 14px;} .terms_label {height: 45px;} .pay_top_h4_flex {margin: 20px 0 10px 0;} .modal_pay {align-items:start;} .modal_pay .terms_con { padding:10px;height:calc(100% - 50px); flex:1; overflow:auto; box-sizing:border-box;} /*.information .blue_box li {font-size:13px}*/ .category_big_menu_swiper .swiper-slide a .menu {font-size:15px;} .category_big_menu_swiper .swiper-slide a { padding: 0 5px;} .person_check { width: 50%; } .person_check label img { margin-bottom: 5px;height: 35px;} .hotel_info .txt {font-size: 14px; line-height:130%;} .recommend_day_wrap .best_list_view ul::after {display:none; } .best_tour_list li {width: 98%;} .best_tour_list .bt_list_wrap img {max-height: 150px;} .guide_list_noswipe .swiper-slide {width: calc(50% - 10px)!important;} .plan_stpe01_02 {padding: 10px;} .reveiw_wrap { padding: 15px;} .showonlypc{display:none;} .showonlymobile{display:block;} .category_ticket_menu .magazing_txt span {font-size:13px;} .nation_category_menu .magazing_txt span {font-size:12px;} .ready_wrap img {max-width:150px;} .ready_wrap p {font-size:20px; } .ready_wrap span {font-size:14px; } .img_swiper_3 {height: 250px!important;} .img_swiper_4 {height: 250px!important;} .img_swiper_4 .swiper-slide { width: 50%!important;} .best_list_view li.ticket { margin-top:-15px; margin-bottom:30px; } .scroll-tab-plan { margin: 15px auto 15px auto;} .nation_2nd_list ul li .air {right: 0px;top: 3px;width: 24px;} .category_ticket_menu_noswipe .swiper-slide {width:calc(50% - 10px)!important; margin-bottom:15px; } .product_list02_noswipe .swiper-slide {width:48%!important; } .product_normal04_noswipe .swiper-slide {width:50%!important; } .product_normal04_noswipe .swiper-slide { margin-right: 0!important;} .nation_home_txt .price_now { font-size: 13px;} .nation_home_txt .price_now em { font-size: 13px;} .nation_sub .time { margin-top: 0px} #p_image_wrapper .image_grid {height: 200px;} #p_image_wrapper {grid-gap: 4px !important;border-radius: 0;} #p_image_wrapper .view_more_image {right: 10px;bottom: 32px;padding: 6px 10px;} .product_con_wrap {margin: 10px auto 0 auto;} .product_con_wrap .commu_menu_swiper .swiper-slide a {font-size: 14px;} .sellers_info_view_wrap {padding: 10px;margin: 20px 0 40px 0;} .sellers_info_view_wrap .sell_title { font-size: 16px; } .review_banner a .title {font-size: 22px;} .review_banner a .txt {font-size: 14px;} .review_banner a {padding: 20px 20px;background-size: 200px;} .review_banner_img .pc {display:none;} .review_banner_img .mobile {display:block;} .partner_info .pi_txt01 {font-size: 23px;} .partner_info .pi_txt02 {font-size: 14px;} .partner_info .pi_txt03 {font-size: 15px;} .partner_info .pi_txt03 b {font-size: 22px;} .partner_info {padding: 50px 0 200px 0;background-size: 250px; text-align:center; background-position:50% bottom;} .partner_plat { padding: 50px 0;} .partner_plat .plat_con li .title {padding-left: 30px;font-size: 18px;} .partner_plat .plat_con li .title em {line-height: 23px;width: 22px;height: 22px;font-size: 15px;} .partner_plat .plat_con .txt01 {font-size: 15px;} .partner_plat .plat_con h4 {font-size: 20px; margin-bottom:15px;} .partner_plat .plat_con li {width: 100%;padding: 20px 20px; font-size:16px;} .partner_plat .plat_con li .title {padding-left: 25px;} .partner_plat .plat_con li:nth-child(1) {background-size: 40px ;} .partner_plat .plat_con li:nth-child(2) {background-size: 25px ;} .partner_plat .plat_con li:nth-child(3) {background-size: 30px ;} .partner_plat .plat_con li:nth-child(4) {background-size: 20px ;} .faq_wrap .faq-item h4 {padding: 12px 40px 12px 35px;font-size: 14px;} .faq_wrap .faq-item .ico_q {left: 5px;} .faq_wrap .faq-content {padding: 45px 15px 20px 15px !important; border-radius: 0 0 20px 20px;font-size: 14px;} .partner .partner_visual { height:450px; background: #2367ff url("/images/sub/partner_visual02_m.jpg") no-repeat 50% 50% / cover;} .partner .partner_visual .btn {font-size: 14px;padding: 10px 20px;} .more_btn {padding: 10px 30px;font-size: 14px;} .best_ranking h3 {font-size:20px;} .event_banner ul {flex-wrap: wrap; gap:12px} .event_banner li a {padding: 20px 10px 20px 10px; } .event_banner li a h4{font-size: 18px;margin-top: 10px;margin-left: 5px;} .event_banner li a h4 b {font-size: 20px;} .event_banner { width: calc(100% - 10px);} .introduce_wrap .introduce_visual .txt01 { font-size: 26px;letter-spacing:-1px;} .introduce_wrap .introduce_visual {padding: 40px 0;} .introduce_wrap .intro_txt .title {font-size: 18px;margin-bottom: 10px; line-height: 130%;} .introduce_wrap .intro_txt p {font-size: 16px;} .introduce_wrap .intro_txt .ment img { width:230px;} .int_img div img {max-width: 90px;} .int_img {gap: 10px;} .swiper_img_banner03 .swiper-horizontal>.swiper-pagination-bullets, .swiper_img_banner03 .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper_img_banner03 .swiper-pagination-custom, .swiper_img_banner03 .swiper-pagination-fraction {left: 88%!important; width:46px!important;} .mypage_new .my_info .name p {font-size: 18px;} .mypage_new .my_info .name_p em {display: block; margin:3px 0; font-size:12px;} .mypage_new .my_info .point_ul li a span {font-size: 17px;} .mypage_new .my_info .point_ul li {margin: 10px 1% 0 1%;} .mypage_new .my_info .point_ul li a img {height: 22px;margin-bottom: 5px;} .mypage_new .my_info .point_ul li a {border-radius:10px;} .mypage_new .my_info .profile .img img {width: 50px; height: 50px; margin-right:10px; object-fit:cover} .my_tour_service .ul_flex li a p {font-size: 15px;} .customer_box h4 {font-size: 16px; padding-top:0;} .customer_box p {color:#777} .customer_box ul {margin-top: 10px;} .customer_box ul li a {padding: 10px 10px 10px 20px; font-size: 14px;} /*.customer_box {background-size: 60px;}*/ .review_list_wrap ul {margin: 20px auto;} .review_list_wrap li a .title p {padding: 2px 6px;font-size: 12px;min-width: 30px;} .review_list_wrap li a .title span {font-size:15px;} ul.tab_page_cont li {height: 40px;line-height: 40px;font-size: 14px;} ul.tab_page_cont li a {height: 40px;} ul.tab_page_cont li h4 {height:auto;} .coupon_down .couponAmount { font-size: 23px; padding-top:3px; border-bottom:1px dotted #ffffff91} .coupon_down .down_btn { font-size: 14px;} .coupon_down .couponName {font-size: 13px;letter-spacing:-1px;} .coupon_down .couponDate {font-size: 12px; letter-spacing:-1px;} .coupon_down .down_btn {padding: 5px 0;} .coupon_down:after, .coupon_down:before {top: calc(50% - 25px);width: 22px;height: 22px;} .review_view_wrap .list_view_ctrl > div {padding: 10px 15px;} .review_view_wrap .list_view_ctrl .prev, .review_view_wrap .list_view_ctrl .next {width: 90px;padding-left: 0px;font-size: 14px;} .review_view_wrap .list_view_ctrl a, .review_view_wrap .list_view_ctrl .no_list {max-width: calc(100% - 90px);font-size: 14px;text-align: left;} .usim_box > li > a {width: 96%;height: auto;margin: 10px 2%;padding: 20px 10px 20px 10px;font-size: 20px;} .usim_box .usim_ul {height: auto; margin:10px 0 15px 0;} .usim_box li span {font-size: 16px;} .usim_box li p { font-size: 22px;} .usim_wrap h3 {font-size: 25px;} .usim_box .usim_logo_img img {max-width: 80px;} .usim_box .usim_ul li {padding-bottom: 5px;font-size: 12px;} .best_ranking_wrap {width: calc(100% - 10px);} .best_ranking li a .txt h4 {font-size:15px;} .tab_content_api .conbox {padding: 20px 10px;} .tab_content_api input[type="radio"] + label {padding: 15px 20px;} .city_home_btn {margin-top: 20px;} .insurance_wrap .insurance_top h4 { margin-top:20px; font-size: 20px;} .rentcarpage_bg .insurance_button { max-width: 320px;} .hotel_box_gray {padding: 15px;} .nation_category_top_img { height:200px; margin:20px 0;} .nation_category_menu .magazing_txt em {font-size: 11px;} .nation_category_menu .magazing_txt p {margin-top: 0;} .nation_category_menu .magazing_txt span {margin-top: 0;} .b_tour_info .b_tour_top h3 {font-size: 20px; margin-bottom:5px;} .b_tour_info .b_tour_top p {font-size: 12px;} .b_tour_info .b_tour_top {background-position:100% 110%;background-size:200px;border-radius: 20px 20px 0 0; padding:30px;} .b_tour_info .b_tour_box h4 {font-size: 16px;margin-bottom: 10px;} .b_tour_info .b_tour_box .depth02 li {font-size: 12px;} .b_tour_button {display:flex; flex-direction: column;} .b_tour_button a {margin: 5px 5px;padding: 15px 25px;} .b_tour_info .b_tour_box {padding: 20px;} .checklist_wrap .checklist-item h4 {font-size: 16px;} .checklist_top {padding: 20px 20px;} .checklist_top h3 {font-size: 18px;} .check_style_check label { margin-bottom: 0; background-position: 0px 5px;} .check_style_check input:checked + label { background-position: 0px 5px;} .nation_big_menu02 li a {padding: 15px;font-size: 16px;} .search_keyword_second {margin-top: 35px;} .review_list_wrap li a img {height:170px;} .story_event .top_img a {padding: 10px 20px;font-size: 16px;} .story_event .top_img a{ left:10%; bottom:20%; } .sub_app_wrap {margin: 0px auto; padding:40px 0; background-color: #fff;} .sub_app_wrap .app_img {height: 400px;} .sub_app_wrap .app_img .swiper-slide img {width: auto;height: 100%;} .app_img .swiper-slide {text-align: center;} .sub_app_wrap .app_img_wrap {padding-bottom: 20px;} .sub_app_wrap .swiper-pagination-fraction, .sub_app_wrap .swiper-pagination-custom, .sub_app_wrap .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -10px;} .kids_ul li img { height: 40px;} .kids_ul li a { margin-bottom: 7px;} .kids_ul li { padding-top: 0px;} /* 부럽의 선물 */ .boolub_gift_txt .top_txt {font-size: 24px;} .boolub_gift_txt h4 {font-size: 30px; } .boolub_gift_txt h4 + p {font-size: 22px;} .boolub_gift_txt h4 + p + span {font-size: 26px;} .boolub_gift_txt .gift_img01 img {width:100px;} .boolub_gift_txt .gift_img02 {top: 80px;} .boolub_gift_txt .gift_img02 img {width:100px;} .boolub_gift_ul li {margin-bottom: 30px; padding:20px 10px} .boolub_gift_ul li p {font-size: 16px;} .boolub_gift_ul02 { margin: 20px auto;} .boolub_gift_ul {margin: 50px auto 20px auto;} /*부럽의 선물 탭메뉴*/ .story_tab02 li {padding: 0 3px} .story_tab02 li a {font-size: 12px;border-radius: 10px} .story_tab02 {margin: 0px auto;} /*부럽의 선물 탭메뉴*/ .story_tab03 .swiper-slide {padding: 0 3px; } .story_tab03 .swiper-slide a {font-size: 12px;border-radius: 10px; padding:0 20px;} .story_tab03 {margin: 0px auto;} /* 부럽의 선물2 */ .boolub_gift { text-align:center;background:#bad4f9 url("/images/sub/boolub_gift_m.jpg") no-repeat 50% bottom; background-size:80%} /* 부럽의 선물 */ .boolub_gift1 { text-align:center;background:#ffdced url("/images/sub/boolub_gift1_m.jpg") no-repeat 50% 70%; background-size:80%} /* 부럽이랑 리조트 */ .boolub_gift2 { text-align:center;background:#deeeed url("/images/sub/boolub_gift2_m.jpg") no-repeat 50% bottom; background-size:80%} /* 우리들의 호캉스 */ .boolub_gift3 { text-align:center;background:#f1c55b url("/images/sub/boolub_gift3_m.jpg") no-repeat 50% bottom; background-size:80%} /* 여행후기 */ .boolub_gift4 { text-align:center;background:#63b3f2 url("/images/sub/boolub_gift4_m.jpg") no-repeat 50% bottom; background-size:80%} /* 여행후기 */ .boolub_gift p {padding: 30px 0 0 0; width: 80%; margin: 0 auto; word-break: keep-all;} .boolub_gift p b {font-size: 26px;} .boolub_gift span {padding: 15px 0 0 0} .boolub_gift_ul {width: 100%;} .boolub_gift3 a {width:8rem; height:35px; line-height:35px; margin:25px auto 0} .gift_item .magazing_txt span {margin-top:5px} .commu_menu_swiper .swiper-slide { height:39px;} /** 반값다 수요일 **/ .event3_slider .slide_list > li .title { font-size: 25px;} .event3_slider .package_list_ul .img > img { height: 150px;} .event3_slider .package_list_ul .img .soldout {height:58%; font-size:1.0em; } .event3_slider .swiper-button-next {right:3%} .event3_slider .swiper-button-prev {left:3%} .event3_slider .slide_list > li {padding: 20px;} .event3_slider .package_list_ul li a .pack_txt01 {margin-top:0px; } .event3_slider .package_list_ul li a .tag span { margin-bottom: 5px;} .event3_slider .package_list_ul { margin-top: 10px;} .event3_slider .slide_list > li .txt { font-size: 14px;}https://dev.boolub.com/?pn=board.list&_menu=community&searchWord=&searchMode=&b_category=%EB%A7%9B%EC%A7%91&c1=&c2=&c3= .event3_slider .slide_list > li .sale_list { height:auto; } .event3_slider.package_list_ul li a .pack_txt01 {font-size: 15px; margin-bottom:5px;} .event3_slider .slide_list > li .badge {width: 35px;height: 20px; padding-top:5px; font-size:10px;} .event3_slider .package_list_ul li a .tag span {font-size: 9px;} .event3_slider .package_list_ul li a .price_wrap { flex-direction: column;} .event3_slider .package_list_ul .img .soldout .desc strong {font-size:16px} .commu_quick .commu_icon_5 ul {gap:15px} .commu_quick .commu_icon_5 li a span {font-size:12px} .insurance_top h3 {font-size:22px!important} } @media (max-width:500px) { .best_list_view .span_txt {font-size: 12px;padding-left: 0px; line-height:14px; height:14px;} .todo_ul li a img {width: 100%; height:100vh; object-fit:cover;margin: 0;} .todo_ul li:nth-child(1) a{border-radius: 10px; padding: 15px 15px 10px 15px;} .todo_ul li:nth-child(1) a p {color:#fff; font-size:15px; font-weight:bold; margin-top:10px;} .todo_ul li:nth-child(1) a div {flex-direction: column;} .todo_ul li .best_img {width:100%; height:230px;overflow:hidden;} .best_txt {display:flex!important;flex-direction:row!important;justify-content:space-between!important;} .todo_ul li:first-child div {display: flex;align-items: stretch;} .todo_ul li:nth-child(1) a em {left: 3px;top: 10px;border-radius: 0 10px 10px 0; } .todo_ul li:nth-child(1) a em::after {position: absolute;top: 26px;left: -1px;content: " ";height: 8px; width:8px;background: url("/images/sub/best_wrap_triangle.png") no-repeat ;} .todo_ul li i {margin-top: 0; top: calc(100% - 20px);} .todo_ul li:nth-child(1) a .info_more {top: calc(100% - 20px);} .step_toup_list li a {padding: 7px 10px;font-size: 12px;} .step_toup_list li {padding: 10px;margin: 15px 0; } .step_toup_list li .input h4 {padding:0; font-size:15px; } .step_toup_list li .img {width: 40px; height:40px; margin-right: 10px;} .step_toup_list li .img img {max-height: 22px; max-width:22px;} .step_toup_list li .box {margin-top: 5px;} .step_toup_list .ticket_info span:nth-child(2)::after {top:5px;} .swiper_cafe .swiper-slide {width: 31%;} .guide_tour_list .swiper-slide { width:43%;} .js_product_best_slide .swiper-slide { width:43%!important;} .swiper_img_banner .swiper-slide .txt_box { left:15px; top:15px; } .swiper_img_banner .swiper-slide .title_p {font-size:18px; margin-bottom:5px;text-shadow: 4px 4px 4px rgba(0,0,0,0.25);} .img_banner_2 .txt_box { left:10px; width:95%;} .img_banner_2 .title_p {font-size:16px; margin-bottom:5px;} .img_banner_2 div img {height: 130px;} .img_banner_2 .txt_p {font-size: 12px; letter-spacing:-1px; line-height:120%;} .img_banner_2 div {width: 49%;} .swiper_img_banner .swiper-slide .txt_p {font-size: 12px;text-shadow: 4px 4px 4px rgba(0,0,0,0.15);} .swiper_cafe .swiper-slide .img > img { height: 100px;} .guide_tour_list .swiper-slide .img {height: 160px;} .js_product_best_slide .swiper-slide .img {height: 160px;} .nation_sub { height: 220px; } .airportName {font-size: 14px;} .searchModal .nation_tabList .tab {font-size:14px} .swiper_img_banner .swiper-slide {height: 150px;} .swiper_img_banner .swiper-slide img {object-fit: cover;height: 100%;} .swiper_img_banner {margin:10px auto 0px auto;} .mobile_margin_bottom20 {margin-bottom:20px;} .sec_keyworad_body {padding: 0px;} .swiper_img_banner .swiper-pagination-bullet {margin-right: 1px!important;} .swiper_img_banner02 .swiper-pagination-bullet {margin-right: 1px!important;} .swiper_img_banner03 .swiper-pagination-bullet {margin-right: 1px!important;} .guide_tour_list {margin: 10px auto 10px 0px;} .js_product_best_slide {margin: 10px auto 10px 10px;} .swiper_cafe {margin: 10px auto;} .hotplace .swiper-slide .name {font-size:14px;line-height:16px; height:32px;} .swiper_hotplace03 .swiper-slide .name {line-height: auto!important;height: auto!important;} .activity_menu .swiper-slide .img > img {height: 150px;} .activity_menu .swiper-wrapper { margin-left:10px} .category_ticket_menu .swiper-slide .img > img {height: 150px;} .category_ticket_menu .swiper-wrapper { margin-left:0px} .category_ticket_menu .ticket_menu_txt p {height: 36px;line-height: 18px;margin-top: 5px; overflow:hidden;} .category_ticket_menu .ticket_menu_txt span {font-size: 16px; margin-top:5px;} .nation_category_menu .swiper-slide .img > img {height: 100px;} .nation_category_menu .swiper-wrapper { margin-left:0px} .nation_category_menu .ticket_menu_txt p {height: 36px;line-height: 18px;margin-top: 5px; overflow:hidden;} .nation_category_menu .ticket_menu_txt span {font-size: 16px; margin-top:5px;} .ticket_swiper .swiper-slide {padding: 10px; margin-right:10px; width:52%;} .img_banner_2 .title_p { height: auto; } .magazine_top {margin: 20px auto;} .magazine_view_top .txt { left: 10%;} .nation_bnt_plan a { background-size:110px; } /*.insurance_wrap .insurance_left img { max-width: 250px;}*/ .insurance_wrap .insurance_right img { /*max-width: 250px;*/} .step_tour_img img { max-width: 250px;} .category_ticket_menu .swiper-slide { width: 55%;} .nation_category_menu .swiper-slide { width: 55%;} .list-filter-wrap .list-total { margin-top: 5px; margin-bottom:10px; font-size: 14px; } .list-filter li {margin-left: 0px;} .list-filter a.active {padding-left: 13px;} .list-filter a.active:before {width: 12px;background-size: 12px;} .list-filter a {padding: 3px 0 3px 7px;} .list-filter a:before {top: 10px;} .list-filter a.active:before { top: 5px;} .category_filter .list-filter li {margin-right: 5px; } .category_filter .list-filter li span { font-size:13px;} .category_filter .list-filter-wrap .list-total {margin-top: 2px;} .category_filter .list-filter a.active:before { top: 8px;} .notice_wrap {width:calc(100% - 20px); margin:30px auto;} .my_plan_list li .checklist { letter-spacing:-1px; font-size: 12px;} .guide_list_noswipe .swiper-slide { margin-bottom: 10px;} .img_swiper_3 .swiper-slide { padding-right:0;width: 100%!important;} .img_swiper_4 .swiper-slide { padding-right:0;width: 100%!important;} .ing02_wrap_sub .nation_2nd_list ul { margin-top:10px; } .partner .partner_visual .txt01 {font-size: 22px;} .partner .partner_visual .txt01 b {font-size: 35px;} .partner .partner_visual .txt02 {font-size: 14px;} .best_ranking li a img {width: 70px; min-width:70px; border-radius: 10px 0 0 10px;} .best_ranking li a .txt {margin: 0; } .best_ranking li a .rank_btn {min-width: 55px;padding: 5px 0;font-size: 12px;} .best_ranking li {border-radius: 10px;} .best_ranking li a .txt p {font-size: 12px;} .best_ranking li a .txt h4 {font-size: 14px;} .best_ranking h3 {margin-bottom: 10px!important;text-align: center;} .best_ranking .ranking_top_txt {text-align: center;} .event_banner li:nth-child(1) a {background-size:80px;} .event_banner li:nth-child(2) a {background-size:70px;} .event_banner li:nth-child(3) a {background-size:80px;} .event_banner li:nth-child(4) a {background-size:80px; background-position:right 60%;} .event_banner li a { height: 150px;} .hotplace .swiper-slide .img > img {height:100px} .review_list_wrap li a .title {margin-top:5px;} .review_list_wrap li {width: 98%!important;} .review_list_wrap li a img {height:auto;} .coupon_down {padding: 10px 15px; } .coupon_down .down_btn {font-size: 12px;} .review_con .coupon_all_down {padding: 13px 0;font-size: 14px;} .review_con .coupon_write {padding: 13px 0;font-size: 14px;} .usim_wrap .title img {max-width:300px;} .review_top { align-items: flex-start;} .review_depth01 li {flex-direction: column;align-items: flex-start;} .reveiw_wrap .p_Vboard .post_photo {margin-top:10px; width:100%;} .reveiw_wrap .p_Vboard .post_photo .photo_in {width: 100%;height: 200px; } .big_tab_menu ul {gap: 5px;} .big_tab_menu li a {border-radius: 30px;font-size: 14px;} /*커뮤니티 .commu_quick .commu_icon_5 {margin-top:-15px!important} .commu_quick .commu_icon_5 .list {min-width:50rem} .commu_quick .commu_icon_5 li {margin: 8px 0; } .commu_quick .commu_icon_5 li a { padding-top:13px; width:55px; height:55px} .commu_quick .commu_icon_5 li img {height:30px} .commu_quick .commu_icon_5 li span {font-size: 14px} */ /*.commu_quick .commu_icon_5 li {width:20%}*/ .commu_quick .commu_icon_5 li a {padding:1.5rem 0.5rem} /*.insurance_wrap .insurance_right { min-width: 100%!important;}*/ .rent_button_wrap li img {width: 100%;} .rentcarpage_bg .insurance_button02 {box-sizing: border-box;} .rentcarpage_bg .insurance_button03 {box-sizing: border-box;} .coupon_down .couponDate {height: 30px;} .b_tour_info .b_tour_top {background-size:120px; } .b_day_con .tbTypeA thead tr th:last-child{width:25%!important;} .b_day_wrap .b_day_con a {font-size: 11px;} .b_day_wrap .b_day_top em {padding: 3px 8px;font-size: 12px;} .b_day_wrap .b_day_top h3 {margin-bottom:5px;} .nation_tab_ul02 li a {display:flex; align-items:center;} .nation_tab_ul02 li img {height: 24px;margin-bottom: 0px; margin-right:10px;} .nation_tab_ul02 li { width: 45%; margin-bottom:9px; padding: 5px 0px;} .more_btn_ns {padding: 13px 0px;width: 96%; font-size:14px; } .magazine_list li { height: auto;} .commu_menu_swiper .swiper-slide a{ font-size: 14px; } .mypage_new .my_info .point_ul li a span em {margin-left:-2px; } .sec_keyword_kids02 img {max-width:250px; padding-top:20px; width:100%;} .sec_keyword_kids02 h4 {padding-bottom:10px;} .story_event .top_img a {padding: 10px 15px;font-size: 14px;} .story_event .top_img a span {font-size: 13px; margin-top:5px;} .story_event .top_img a{ left:5%; bottom:15%; } .sub_app li a {padding: 10px 20px;} .sub_app_wrap .app_img {margin-top: 20px; } .kids_ul li {width: 25%;} .kids_ul li a {padding: 10px 15px;} .story_tab {width:96%;} .story_tab li a {font-size: 12px; letter-spacing:-1px;line-height: 40px; height:40px;} .story_write_btn a {padding: 10px 0; font-size:14px;} .boolub_gift_txt .top_txt {font-size: 18px;} .boolub_gift_txt h4 {font-size: 24px; padding: 10px 0; text-shadow: 3px 3px 0px rgb(29 101 177 / 25%);} .boolub_gift_txt h4 + p {font-size: 16px;text-shadow: 2px 2px 0px rgb(29 101 177 / 25%);} .boolub_gift_txt h4 + p + span {font-size: 22px;} .boolub_gift_txt .gift_img01 img {width:80px;} .boolub_gift_txt .gift_img02 {top: 90px;} .boolub_gift_txt .gift_img02 img {width:70px;} .boolub_gift_ul { margin: 40px auto 20px auto;} .boolub_gift_ul li {margin-bottom: 30px; padding:20px 6px} .boolub_gift_ul li p {font-size: 14px; margin-top: 7px;} .boolub_gift_ul li em {font-size: 15px;padding: 7px 15px;} .boolub_gift_ul li span { font-size: 12px;} .boolub_gift_ul02 { margin: 0px auto;} .boolub_gift_ul02 li { font-size: 13px; letter-spacing:-1px;} .story_tab02 li a {font-size: 11px; letter-spacing:-1px; height: 50px;line-height:1; word-break:keep-all; padding-top:15px} .story_tab02 li a .pt {font-size:11px;} .story_tab03 .swiper-slide a {font-size: 12px; padding: 0 10px; }https://www.boolub.com/?pn=product.list&cuid=575 .story_tab03 .swiper-slide a .pt {font-size:12px;} .form_multi .form_select {min-width:6rem} /*이벤트 리스트*/ .review_list_wrap li {max-height:340px} .event3_slider .slide_list > li .sale_list { height:220px; } .event3_slider .slide_list > li .title { font-size: 20px;} .event3_slider .package_list_ul li a .price_wrap { align-items: flex-start;} .event3_slider .package_list_ul .img > img { height: 110px;} .event3_slider .package_list_ul .img .soldout {height:52%} .event3_slider .package_list_ul .img .soldout .desc span {font-size:12px} .event3_slider .package_list_ul li a .pack_txt01 {height:36px} } @media (max-width:480px) { .event3_slider .package_list_ul .img .soldout {height:40%} .boolub_gift p {width:100%; font-size:20px} .gift_info li {font-size:16px} .gift_info li em {top:-15px; padding:5px 10px; font-size:14px;} .gift_info img {height:} .pc_only {width:100%; max-width:inherit} .pro_banner img {max-width:inherit} } /* Mobile Device 400 */ @media (max-width:400px) { .rentcarpage_bg .pc_none {display:block;} .rentcarpage_bg .mobile_none {display:none;} .todo_ul li .best_img { height:150px; } .magazine_list { margin: 10px 0;} .magazine_list li {/*width: 96%;*/ margin: 10px 2%;} .magazine_list li a img { height: 180px;} .img_col li img {max-height: 200px;} .img_col li span.photo_name1 {height: 30px;line-height: 30px;} .img_col2 li img {max-height: 200px;} .img_col2 li span.photo_name1 {height: 30px;line-height: 30px;} .img_col3 li img {max-height: 200px;} .img_col3 li span.photo_name1 {height: 30px;line-height: 30px;} .img_col4 li img {max-height: 200px;} .img_col4 li span.photo_name1 {height: 30px;line-height: 30px;} .swiper_cafe .swiper-slide .img .b_tag { font-size:10px; padding:5px;} .swiper_hotplace .swiper-slide .img > img {width: 90px;height: 90px;} .hotplace .swiper-slide {width: 28%;} .hotplace .swiper-slide a .tag { padding:0 6px; font-size: 11px;} .guide_tour_list .swiper-slide .txt .hashtag {font-size: 11px!important; } .search_nation_ul ul li a { font-size: 12px; letter-spacing:-1px;} .step_tour_list02 li {width: 50%;margin: 0;} .category_menu_swiper02 .swiper-slide a { padding: 0 10px } .review_banner a .title {font-size: 18px;} .review_banner a .txt {font-size: 12px;} .review_banner a {padding: 20px 20px;background-size: 150px;} .partner_info .mobile_enter {display:block;} .checkboxA { margin-bottom: 5px;} .event_banner li:nth-child(1) a {background-size:70px ;} .event_banner li:nth-child(2) a {background-size:70px ;} .event_banner li:nth-child(3) a {background-size:75px ;} .event_banner li:nth-child(4) a {background-size:75px ;} .event_banner li a { height: 130px;} .event_banner li a h4 { line-height:110%;} .event_banner li a h4 b {font-size: 17px;} .event_banner li a em {font-size:11px;} .p_Vconts .place_info .map_box {height:200px; } .best_ranking li a .txt p { height: 42px;} .rent_button_wrap {max-width: 100%; width: 100%;flex-direction: column;} .rent_button_wrap ul {width:90%; margin:10px auto;} .kakao_coupon_wrap .coupon a {min-width: 40px; letter-spacing:-1px;font-size: 12px;} .nation_2nd_list ul li a .p_line_1 { width: 50%;} .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.depcity .depCity-txt:before, .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.depcity .multiCity-txt:before, .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.multidepcity .depCity-txt:before, .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.multidepcity .multiCity-txt:before { right: 0!important;} .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.depcity:before, .search-wrap.inline-wrap .search-content .part-wrap.airport-part .part.multidepcity:before { right: 0px!important;} .event_banner ul {gap:10px} /** 반값다 수요일 **/ .event3_slider .package_list_ul .img > img {height: 90px;} .event3_slider .package_list_ul .img .soldout { height:48%; font-size:0.9em;} .event3_slider .package_list_ul li a .pack_price { font-size: 16px;} .event3_slider .package_list_ul li a .pack_price_02 { font-size: 14px;} } /* for city > video */ .citysubbox .vjs-control-bar {display:none};