/* 다이어리 > 생성 > 나라선택 부분 */ .circleBtn { width: 40px; /* 버튼의 가로 길이 */ height: 40px; /* 버튼의 세로 길이 */ border-radius: 50%; /* 원형으로 만들기 */ border: 2px solid #ddd; /* 파란색 테두리 */ background-color: white; /* 배경색 */ color: #555; /* 텍스트 색상 */ font-size: 24px; /* 텍스트 크기 */ text-align: center; line-height: 36px; /* 텍스트를 가운데 정렬 */ cursor: pointer; margin-left: 10px; /* 검색 박스와 간격 */ } .circleBtn:hover { background-color: #ddd; /* 호버 시 배경색 변경 */ color: white; /* 호버 시 텍스트 색상 변경 */ } .citySearchDiv{position:relative;} .searchBox {width: 200px!important; padding: 8px; border: 1px solid #ccc; font-size: 16px} .searchResults {border: 1px solid #ccc; display: none; list-style: none; margin: 0; padding: 0; position: absolute; width: 200px; background-color: white; z-index: 1000; left:0px; top: 40px; /* input 아래로 위치 조정 */} .searchResults option {padding: 8px;cursor: pointer} .searchResults option.active {background-color: #f0f0f0}/* 다이어리 > 생성 > 나라선택 부분 END */ /*여행중 초기 디자인*/ .ing_top { margin-top:20px; position:relative; /*background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.1)), url("/images/sub/ing_sample.jpg");*/ background-color:#1e83da; background-position:50% 50%; background-size:cover; padding:20px 10px} .ing_top .icon_calendar {position:absolute; right:0px; top:0px; z-index:5} .ing_top ul {display:flex; flex-wrap: wrap; } .ing_top li {width:32.3%; margin:5px 0.5%; border:2px dotted #ffffff4c; border-radius:10px; padding:15px; box-sizing:border-box; height:auto; display: flex; flex-direction: column; align-items: center;justify-content: space-between;} .ing_top h3 {color:#fff!important;} .ing_top h3 + p {color:#fff;} .ing_info {margin:0 auto!important ;} .ing_info p {color:#fff; font-size:16px; margin-bottom:5px; font-weight:bold;} .ing_info span {font-size:20px; color:#fff; font-family: 'GmarketSansB'; display:block;} .ing_info em {font-size:15px; color:#fff; opacity:0.8;} .ing_info a {display:inline-block; padding:3px 5px; color:#fff; border-radius:5px; margin-top:5px; width:100px; text-align:center;} .ing_info li:nth-child(1) a {background-color:#bcaf15;} .ing_info li:nth-child(2) a {background-color:#1ad37e;} .ing_info li:nth-child(3) a {background-color:#f06009;} .ing_top_info h3 {font-size:30px!important; line-height:170%;} .ing_top_info h3 b {position:relative; z-index:1; padding:0 5px; color:#fff;} .ing_top_info h3 b::after {position:absolute; left:0; bottom:0; height:16px; width:100%; display:block; background-color:#1a4ba0a8; content:'';z-index:-1;} .ing_top_info {display:flex; flex-direction: column; align-items: center; position:relative;} .ing_top_info h3 {margin:0!important;} .ing_top .weather {color:#fff; font-size:30px; font-family: 'GmarketSansL'; display: flex;align-items: center;justify-content: center; flex-direction: column;} .ing_top .time {color:#fff; font-family: 'GmarketSansL'; font-size:30px;} .ing_top .time em {color:#fff; font-family: 'GmarketSansL'; font-size:15px;} .weather_time {width: 100%;position: relative;overflow: hidden;margin: 0px auto!important;display: flex;align-items: center;justify-content: center; border:1px solid #ffffff4c; box-sizing:border-box; padding:20px; border-radius:20px; } .weather_time h5 {font-size: 18px;line-height: 18px;color: #fff;margin: 0 0 20px 0;text-align: left; } .weather_time .weathers {width: 60%;position: relative;float: left;overflow: hidden} .weather_time .weathers h5 {width: 100%;float: left} .weather_time .weathers .weather {position: relative;float: left;width: 48%;text-align: left;padding-right: 10px} .weather_time .weathers .weather .date {font-size: 16px;line-height: 16px;color: #fff;font-weight: bold;margin: 0 0 15px 0;text-align: left} .weather_time .weathers .weather>div {position: relative;overflow: hidden} .weather_time .weathers .weather>div img {display: block;float: left; width:50px;} .weather_time .weathers .weather>div p {display: block;float: left;margin: 8px 0 0 20px} .weather_time .weathers .weather>div p span {display: block;font-size: 14px;line-height: 14px;text-align: left} .weather_time .weathers .weather>div p .cntry {color: #fff;margin: 0 0 8px 0} .weather_time .weathers .weather>div p .wthr {color: #fff;font-weight: bold;margin: 0 0 15px 0} .weather_time .weathers .weather>div p .tmprt {color: #fff300;font-weight: bold} .weather_time .weathers .weather>div p .tmprt i {color: #fff} .weather_time .times {width: 40%;position: relative;float: right;overflow: hidden;padding: 0 0 0 50px;box-sizing: border-box;border-left: 1px solid #f0f0f04C;} .weather_time .times p {text-align: left} .weather_time .times i {font-style: normal} .weather_time .times .info {font-size: 14px;line-height: 14px;font-weight: bold;margin: 0 0 10px 0;color: #fff} .weather_time .times .info i {color: #45efff;} .weather_time .times .desc {font-size: 13px;line-height: 13px;color: #ffffffbf;margin: 0 0 35px 0} .weather_time .times .time {font-size: 30px;line-height: 20px;font-weight: bold;color: #fff} .weather_time .times .time b {color: #fff} /**/ .ing_help_icon {clear:both; margin:20px 0; overflow:hidden;} .ing_help_icon li a {width:48%; height:120px; float:left; color:#fff; border-radius:20px; padding:0px 20px 0px 80px; box-sizing:border-box;display: flex;flex-direction: column;justify-content: center;} .ing_help_icon li a p {color:#fff; font-size:20px; font-weight:bold;} .ing_help_icon li a span {opacity:0.8; margin-top:5px;} .ing_help_icon li:nth-child(1) a{margin-right:2%; margin-bottom:2%; background:#1e83da url("/images/sub/help_icon01.png") no-repeat 20px 50%;} .ing_help_icon li:nth-child(2) a{margin-bottom:2%;background:#b451b7 url("/images/sub/help_icon02.png") no-repeat 20px 50%;} .ing_help_icon li:nth-child(3) a{margin-right:2%; background:#07d1ad url("/images/sub/help_icon03.png") no-repeat 20px 50%;} .ing_help_icon li:nth-child(4) a{background:#ee605a url("/images/sub/help_icon04.png") no-repeat 25px 50%;} /*시세확인*/ .now_price {overflow:hidden; clear:both; } .now_price div {display:flex; justify-content: space-between;align-items: center;} .now_price .more {color:#999; font-size:14px;} .now_price h4 {} .now_price li a {display:flex; align-items: center; font-size:16px;margin:10px 0; border-bottom:1px solid #ddd; padding:5px 0;} .now_price li a em { width:7%; text-align:center;background-color:#dfdfdf; border-radius:10px; color:#333; padding:5px 3px;} .now_price li a span { color:#ff5400; padding:0 10px;word-break: keep-all;overflow: hidden;height: 18px;text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .now_price li a p { height: 17px; width:88%; font-size: 14px;font-weight: normal;color: #555;line-height: 17px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;} .btn_write_pirce { margin-top:10px; border:1px solid #999; padding:10px 20px; text-align:center; border-radius:30px; } .btn_write_pirce:hover {background-color:#222; color:#fff;} /*라이프채팅*/ .live_chat a {margin:20px 0; width:100%; box-sizing:border-box;padding:40px 20px; text-align:center; border-radius:20px; background-color:#ffe9e9; } .live_chat a p {color:#222; font-size:18px; font-family: 'GmarketSansM';} .live_chat a p b {font-weight:bold; color:#e50000;} .live_chat a p b em {font-size:26px; } .live_chat span {background-color:#e50000; color:#fff; padding:5px 20px; border-radius:10px; margin-top:10px;} .product_distance {font-size:13px; color:#FE38A5; margin:5px 0 5px 0; display: block} .directions {display:block; padding:0.3rem 1rem; background-color:#333; border:1px solid #333; color:#fff; font-size:14px; border-radius:50rem; text-align:center; transition:all .2s} .directions:hover {background-color:#fff; border:1px solid #333; color:#333} /*구글맵*/ .google_map {width:1020px; margin:20px auto; width:100%;} /*번역*/ .translation {border:1px solid #ddd; padding:20px; border-radius:20px; } .translation .language {margin-bottom:20px; position:relative; display: flex; justify-content: space-around;} .translation .language p {font-size:18px;} .translation .language img { display:block; background: url("/images/sub/language_btn.gif") no-repeat 0 0; position:absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);} .translation textarea {background-color:#f6f6f6; max-height:60px; height:auto; border-radius:10px; font-size:16px;} .text_language {background-color:#f6f6f6; padding:10px; border-radius:10px; margin-top:10px; display: flex; align-items: center;justify-content: space-between;} .text_language span {display:block;} .text_language .lang_icon {; margin-top:10px; font-size:25px} .text_language .lang_icon span {display:inline-block} .ing_body_bg_main {background-color:#ededed;} .ing_body_bg {background-color:#fff;} .ing_over_page {z-index:101; position:relative; padding-top:50px; box-sizing:border-box; background-color:#fff; width:100%; min-height:300px;height:calc(100vh - 60px);} .ing_over_page .ing_page_close {padding:11px; display:block; color:#fff;position:absolute; right:0px; top:0px; z-index:102px;} .ting_title {position:absolute; left:50%; top:14px; font-size:15px; font-weight:bold; color:#222;transform: translateX(-50%);} .ting_title_fixed {position:fixed; background: #fffffff2; padding: 15px; width: 100%; text-align: center; margin-top: -15px; } /*여행중 팝업*/ .ing_popup_wrap {background-color:rgb(0 0 0 / 80%); width:100%; height:100%; z-index:99999; position:fixed;} .ing_popup {margin:80px 0 auto;} .ing_popup_wrap .ing_close {background-color:#000; padding:1rem; border-radius:50rem; color:#fff} .ing_popup h5 {font-size:20px; color:#fff; text-align:center} /*이벤트 팝업*/ .ing_popup03_wrap {width:100%; height:100%; z-index:99999; position:fixed;} .ing_popup03_wrap .popup_box {width:25%; margin:200px auto 0; background-color:rgb(0 0 0 / 80%); border-radius:25px; padding:25px 0} @media (max-width:768px){ .ing_popup03_wrap .popup_box {width:65%} } .ing_btn_wrap03 {background-color:#000; border-radius:50rem; color:#fff; padding:0.5rem 2rem; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); margin-top:10px; z-index:99999} .ing_btn_wrap03 .checkboxAll_square span {color:#555; font-size: 14px!important;} .ing_pop_swiper {position:relative;} .ing_pop_swiper.swiper-pagination-fraction, .ing_pop_swiper.swiper-pagination-custom, .ing_pop_swiper.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;} .ing_pop_swiper .swiper-slide {text-align:center} .ing_pop_swiper .swiper-slide h3 {margin-bottom:10px; font-size:24px;font-family: 'Pretendard-Regular';} .ing_pop_swiper .swiper-slide h3 b {color:#7F50F8;} .ing_pop_swiper .swiper-slide p {margin-bottom:30px;} .ing_pop_swiper .swiper-slide img {width:100%; max-width:360px;} .ing_pop_swiper .swiper-pagination-bullet {background:#fff} .ing_pop_swiper .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: #ff38a6;} .ing_btn_wrap {display:flex; padding:20px; width:70%; /*height:30px;*/ box-sizing:border-box;/*border-top:1px solid rgb(221 221 221 / 35%);*/justify-content: space-between; position:absolute; left:50%; bottom:80px; transform:translateX(-50%);/*background: #000;*/ align-items: center;} .ing_btn_wrap .checkboxAll_square label {background:0} .ing_btn_wrap .checkboxAll_square span {color:#fff; font-size: 14px!important;} /*지금 여행중*/ .ing02_wrap {width:100%; height:auto; overflow:hidden; padding-bottom:0px; box-sizing:border-box; font-family: 'Pretendard';} .ing02_wrap + .sc_Footer_padding {height:0!important;} .ing02_wrap_sub { height:auto;} .ing02_inner {width:100%; position:relative;z-index:100; max-width:800px; border-radius:0 0 20px 20px; box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.12); padding:20px 15px 15px 15px; margin:0 auto; /* fallback for old browsers */background:linear-gradient(45deg, #ff38a6, #00b4d3); box-sizing:border-box;} .ing02_inner h1 {font-family: 'Pretendard-Regular';font-size:20px; color:#fff; margin-bottom:10px; font-family: 'JalnanGothic';} .ing02_inner h1 b {color:#fff; } .ing02_body p, .ing02_body span {font-family: 'Pretendard-Regular'!important;} .ing02_body p img {width:100%; max-height:30rem;} .ing02_inner .ing02_top {display:flex; flex-direction: column;align-items: center; justify-content: center} .ing02_inner .ing02_top .info {display: flex;align-items: center;} .ing02_inner .ing02_top .info .price_now span {font-weight:bold; font-size:16px;} .ing02_inner .ing02_top .info .price_now span b {font-size:14px; margin-left:3px;} .ing02_inner .ing02_top p {color:#fff;} .ing02_inner .ing02_top .time_korea {margin-right:10px; font-size:16px;} .ing02_inner .ing02_top .time_korea span {font-size:18px; color:#fff; letter-spacing:1px;font-family: 'GmarketSansL';} .ing02_inner .ing02_top .weather {text-shadow: 8px 4px 8px rgba(0,0,0,0.25);color: #fff;font-size: 20px;font-family: 'GmarketSansL';display: flex;align-items: center;justify-content: center;} .ing02_inner .ing02_top .weather img {max-width:30px; width:100%;} .ing02_inner .ing02_top .edit_top_icon {width:100%; display:flex; justify-content:space-between;/*position:absolute; left:20px; bottom:10px;*/ opacity:0.8; font-size:14px; color:#fff;} .ing02_inner .ing02_top .all_travel_btn {background-color:#fff; padding:5px 10px; border-radius:0 0 8px 8px; position:absolute; right:15px; top:0; font-size:13px; color:#333} .ing02_inner .ing02_top .txt {display:block; color:#fff} .ing02_inner .ing02_top .check {margin-right:10px} /* 여행중 팝업 .ing_popup_wrap {background-color:#fff; width:100%; height:100%; z-index:99999; position:fixed;} .ing_popup { margin:0 auto; max-width:600px; padding:20px; } .ing_popup_wrap .ing_close { padding-top:8px;} .ing_pop_swiper.swiper-pagination-fraction, .ing_pop_swiper.swiper-pagination-custom, .ing_pop_swiper.swiper-container-horizontal > .swiper-pagination-bullets {top: 10px;} .ing_pop_swiper .swiper-slide {margin-top:60px; text-align:center} .ing_pop_swiper .swiper-slide h3 {margin-bottom:10px; font-size:24px;font-family: 'Pretendard-Regular';} .ing_pop_swiper .swiper-slide h3 b {color:#7F50F8;} .ing_pop_swiper .swiper-slide p {margin-bottom:30px;} .ing_pop_swiper .swiper-slide img { max-height:400px; height:100%; } .ing_pop_swiper .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: #7F50F8;} .ing_btn_wrap {display:flex; padding:10px 10px;width:100%; box-sizing:border-box;border-top:1px solid #ddd;justify-content: space-between; position:absolute; bottom:0px;} .ing_btn_wrap .checkboxAll_square span {font-size: 14px!important;} /*지금 여행중 .ing02_wrap {width:100%; height:auto; overflow:hidden; padding-bottom:0px; box-sizing:border-box; font-family: 'Pretendard';} .ing02_wrap + .sc_Footer_padding {height:0!important;} .ing02_wrap_sub { height:auto;} .ing02_inner {width:100%; position:relative;z-index:100; max-width:800px; border-radius:0 0 20px 20px; box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.12); padding:20px 15px 15px 15px; margin:0 auto; fallback for old browsers background:linear-gradient(45deg, #ff38a6, #00b4d3); box-sizing:border-box;} .ing02_inner h1 {font-family: 'Pretendard-Regular';font-size:20px; color:#fff; margin-bottom:10px; font-family: 'JalnanGothic';} .ing02_inner h1 b {color:#fff; } .ing02_body p, .ing02_body span {font-family: 'Pretendard-Regular'!important;} .ing02_body p img {width:100%; max-height:30rem;} .ing02_inner .ing02_top {display:flex; flex-direction: column;align-items: center; justify-content: center; } .ing02_inner .ing02_top .info {display: flex;align-items: center;} .ing02_inner .ing02_top .info .price_now span {font-weight:bold; font-size:16px;} .ing02_inner .ing02_top .info .price_now span b {font-size:14px; margin-left:3px;} .ing02_inner .ing02_top p {color:#fff;} .ing02_inner .ing02_top .time_korea {margin-right:10px; font-size:16px;} .ing02_inner .ing02_top .time_korea span {font-size:18px; color:#fff; letter-spacing:1px;font-family: 'GmarketSansL';} .ing02_inner .ing02_top .weather {text-shadow: 8px 4px 8px rgba(0,0,0,0.25);color: #fff;font-size: 20px;font-family: 'GmarketSansL';display: flex;align-items: center;justify-content: center;} .ing02_inner .ing02_top .weather img {max-width:30px; width:100%;} .ing02_inner .ing02_top .edit_top_icon {position:absolute; left:20px; bottom:10px; opacity:0.8; font-size:14px; color:#fff;} .ing02_inner .ing02_top .all_travel_btn {background-color:#fff; padding:5px 10px; border-radius:0 0 8px 8px; position:absolute; right:15px; top:0; font-size:13px; color:#333} .ing02_inner .ing02_top .txt {display:block; color:#fff} .ing02_inner .ing02_top .check {margin-right:10px} */ .ing_top_flex {display: flex; width: 100%;align-items: center; justify-content: flex-start;} .ing_top_flex .ingtop_img {width:70px; height:70px; border-radius:50%; margin:0 10px 10px 0;box-shadow:4px 2px 4px rgb(86 54 177 / 25%) object-fit:cover;} .ing_top_flex_noplan {display: flex; width: 100%; padding:0 0 10px 0; justify-content: flex-start; align-items: center; flex-direction: column;} .ing_top_flex_noplan img {width:70px; height:auto; margin:0 20px 0px 0; box-shadow:5px 5px 20px rgb(86 54 177 / 25%); object-fit:cover; border-radius:10px} .ing_top_flex_noplan .inner_flex_noplan {width:100%; display:flex; align-items: center;} .ing_top_flex_noplan .inner_flex_noplan P {font-size:14px;} .ing_top_flex_noplan .inner_flex_noplan a {font-size:14px;} .ing_top_flex_noplan .community_nation_select_menu_btn { margin: 0px auto;} .ing_top_flex_noplan .community_nation_select_menu_btn {border:0;background-color:#173883d6; color:#fff; padding:10px 0; min-width:120px; font-size:14px;} .ing_top_flex_noplan .ing_noplan_make_btn {padding:5px 0; background-color: #21bee3; color: #ffffff;font-size: 14px;min-width:100px;border-radius: 10px;padding: 10px 0;text-align: center;height: auto;margin: 0 7px 0 0;z-index: 1;cursor: pointer;border: 0;} .ing02_checklist { background:#ffffff4a url("/images/sub/ing02_icon_00.png") no-repeat 95% 80% / 45px; border-radius:10px; border:1px solid #ffffff47; width:100%; padding:10px; box-sizing:border-box; margin:5px 0;} .ing02_checklist h2 {color:#fff; font-size:14px; font-weight:bold; margin-bottom:10px;} .ing02_checklist li {color:#fff; line-height:120%; padding-left:10px;position:relative; width: 75%;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; } .ing02_checklist li::after {width:3px; height:3px; background-color:#eccfff; content:''; display:block; left:0; top:8px; position:absolute; } .ing02_body { width:100%; max-width:800px; margin:0px auto 0 auto; box-sizing:border-box; padding:15px 0%; } .ing02_body .infobox {background-color:#fff; box-sizing:border-box; position:relative; border-radius:20px; padding:15px 20px 60px 20px; /*box-shadow: 4px 2px 4px rgba(0,0,0,0.1);*/} .ing02_wrap_sub .ing02_body .infobox {padding:20px; box-shadow: none; border: 0;} .ing02_body_flex {display:flex;flex-wrap:wrap;justify-content:space-between;} .ing02_body .infobox h2 {font-size:18px; font-weight:bold; color:#222; margin-bottom:5px;} .ing02_body .infobox .more {border:1px solid #21bee3; position:absolute;transform: translateX(-50%); left:50%; bottom:10px;background-color:#21bee3; display:inline-block; color:#fff; border-radius:50rem; padding:7px 5px; font-size:14px; width:90%; text-align:center; box-sizing:border-box;} .ing02_body .infobox .more:hover { background-color:#fff; color:#1faccd; border:1px solid #21bee3;} .ing02_body .infobox_bg00 .more { width:90%; padding:7px 0;} .ing02_body .infobox.infobox_bg15 .more {border: 0;background-color:#fff ;color:#209182;} .ing02_body .infobox_bg12 .more02 {border:1px solid #ff6600; background-color:#ff6600; display:inline-block; color:#fff; border-radius:10px; padding:7px 5px; font-size:13px; width:100%; margin-top:10px; text-align:center; box-sizing:border-box;} .ing02_body .infobox_bg12 .more02:hover { background-color:#fff; color:#ff6600; border:1px solid #ff6600;} .nation_2nd_list .icbtn {z-index:99!important;} /*여행중 세팅*/ .ing_setting { width:90%; max-width:800px; margin:20px auto; padding-bottom:80px;} .ing_setting h3 {margin-bottom:5px;} .ing_setting .h3_p {font-size:15px;color:#222;} .ing_setting .h3_p02 {font-size:16px; color:#222;} .ing_setting .ing_setting_box {padding:10px 20px; margin:20px 0; border-radius:20px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12); } .ing_setting .ing_setting_box .ing_setting_box_body { display:flex;justify-content: space-between;} .ing_setting .ing_setting_box .ing_setting_box_body02 img { width:100%; border-radius:20px; margin:20px 0; } .ing_setting .ing_setting_box .ing_setting_box_body + span {margin-top:10px;} .ing_setting .ing_setting_box .ing_sb_con { display:flex;align-items:center;} .ing_setting .ing_setting_box .ing_sb_con p {font-size:18px; font-weight:bold; color:#222;} .ing_setting .ing_setting_box .ing_sb_con p b { background-color:#EFF8FF; color:#2D86F0; border-radius:8px; font-size:14px;padding:5px 7px;} .ing_setting .ing_setting_box .ing_sb_con img {width:30px; height:30px; margin-right:10px; border-radius:10px;} .ing_setting .ing_setting_box a {font-size:14px; border-radius:20px; color:#fff; display:inline-block; padding:10px 15px; } .ing_setting .ing_setting_box a.btn_on {background-color:#6C2EF1;} .ing_setting .ing_setting_box a.btn_off {background-color:#f6f6f6; color:#6C2EF1;} .ing_setting .ing_sb_bottom {margin:20px 0; border-bottom:1px solid #ddd; padding-bottom:10px;} .ing_setting .ing_sb_bottom span {font-size:16px; color:#222; line-height:140%;} .ing_setting .ing_sb_bottom em {font-size:14px; color:#888;} .ing_setting .ing_sb_bottom02 {margin:20px 0; padding-bottom:10px;} .ing_setting .ing_sb_bottom02 span {font-size:16px; color:#222; line-height:140%;} .ing_setting .ing_sb_bottom02 em {font-size:14px; color:#888;} .ing_sb_bottom_ul ul {margin:10px 0;} .ing_sb_bottom_ul li {padding:5px 0;line-height:140%} .ing_sb_bottom_ul p {line-height:150%;} .ing_setting_btn { width:90%; max-width:800px; height:80px;margin:20px auto; display:flex;justify-content: space-around;align-items:center;} .ing_setting_btn a {border:1px solid #ddd; border-radius:30px; padding:10px 50px;font-size:18px; font-weight:bold; color:#222;} .ing_setting_btn a:last-child {background-color:#8242e5; color:#fff;border:1px solid #8242e5;} .ing_setting_img_trans {display:flex; align-items: center; justify-content: center; margin-bottom:20px;} .ing_setting_img_trans img {max-width:40px; max-height:40px;width:auto; height:auto; margin:0 10px; border-radius:10px;} /*여행중 서브*/ .ing02_wrap_sub .ing02_body { width:96%; max-width:800px; margin:20px auto 0 auto; box-sizing:border-box; padding:15px 0%; } .ing02_wrap_sub .infobox_bg06, .ing02_wrap_sub .infobox_bg02, .ing02_wrap_sub .infobox_bg03, .ing02_wrap_sub .infobox_bg04, .ing02_wrap_sub .infobox_bg05 { width:100%!important; } .ing02_wrap_sub .infobox_bg06 .infobox_bg06_sub_top { text-align:center; position:relative; } .ing02_wrap_sub .infobox_bg06 .infobox_bg06_sub_top img {position:absolute; left:23%; top:50%; transform: translate(-50%, -50%); width:45px;} .ing02_wrap_sub .infobox_bg06 .ingo06_sub_p {font-size: 14px!important;color:#777!important; margin-bottom:0;} .ing02_wrap_sub .infobox_bg06 span {font-size:24px!important; margin:5px 0;} .ing02_wrap_sub .ing02_body .infobox_bg06 { padding-bottom: 20px;} .ing02_wrap_sub .infobox_bg06 .ing_steps_num {font-size:20px; letter-spacing:-1px; color:#222; text-align:center; margin-bottom:20px; } .ing02_wrap_sub .infobox_bg06 .ing_steps_num b { color:#8E2DE2; font-weight:bold; } .ing02_wrap_sub .ing02_body .infobox_bg01 {border: 0px solid #2943ca;} .ing02_wrap_sub .infobox_bg05 .weather>div img {display: block;float: left;width: 100px;} .ing02_wrap_sub .weather_box {background-color: #fff;box-sizing: border-box;position: relative;border-radius: 20px;box-sizing: border-box;padding: 15px 10px 10px 10px;} .weather_list li {display:flex; align-items: center; color:#fff; border-bottom:1px dotted #ddd; padding:10px 8px;} .weather_list li:first-child {border:1px solid #ff38a6; border-radius:10px; background: #ff38a617; } .weather_list li:first-child .weather_list_p01 {color:#000; font-size:15px;} .weather_list li:last-child {border:0;} .weather_list li img {height:20px;} .weather_list li p {color:#222;} .weather_list li .weather_list_p01 {padding-right:10px;margin-right:auto;} .weather_list li .weather_list_p01 em {opacity:0.5; padding-left:3px; font-weight:normal;} .weather_list li .weather_list_p02 { } .weather_list li .weather_list_p02 {color:#ddd; font-size:10px;} .weather_list li .weather_list_p02 .low {color:blue; font-size:14px;} .weather_list li .weather_list_p02 .height {color:red; font-size:14px;} .weather_list li .weather_list_p03 {font-size:14px; margin:0 10px;} .ing02_wrap_sub .ing02_body .infobox_bg05 h2 {color:#222;} .ing02_wrap_sub .infobox_bg05 {text-align:center;} .ing02_wrap_sub .infobox_bg05 .weather {display:flex; align-items: center; justify-content: center; gap:10px;} .ing02_wrap_sub .infobox_bg05 .weather .tmprt {color: #222;font-size:35px;font-weight: bold} .ing02_wrap_sub .infobox_bg05 .info {color:#ff38a6; font-size:14px; } .ing02_wrap_sub .infobox_bg05 h2 {margin-bottom:0;} .box_setting_btn {position:absolute;transform: translateX(-50%); left:50%; bottom:-60px; background: linear-gradient(to left, #2943ca, #8E2DE2); z-index:9999;box-shadow:4px 2px 4px rgba(0,0,0,0.1); color:#fff; border-radius:50%; font-size:13px; width:51px; height:51px; text-align:center; box-sizing:border-box;} .box_setting_btn button { color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-weight:normal; transform: translate(-50%, -50%); font-size:13px;} .box_setting_btn a { color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-weight:normal; transform: translate(-50%, -50%); font-size:20px;} .ing_check { margin:10px 0; display: inline-block;position: relative;} .ing_check input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .ing_check label {cursor: pointer;padding-left: 32px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 22px; color:#757575; font-size:17px; font-weight:600;letter-spacing: -0.8px;} .ing_check label:before {position: absolute;left: 0;top: 0;content: "";width: 24px;height: 24px;vertical-align: middle;background: url("../images/sub/ing_chk.png") no-repeat 0 0;-webkit-background-size: 100% auto;background-size: 100% auto;} .ing_check input:checked+label:before {background-image: url("../images/sub/ing_chk_o.png");} .ing-checkbox { position: absolute;left:50%;transform: translateX(-50%); top:-8px; width:20px; height:20px; cursor: pointer;display:block; font-size: 22px; z-index:999; } .ing-checkbox input { position: absolute; opacity: 0; cursor: pointer; } .ing-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 4px; color:#ddd; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .ing-checkbox input:checked + .checkmark { background-color: #ff38a6; /* 체크박스 선택 시 배경색 */ box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);} .ing-checkbox .checkmark:after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid gray; /* 체크 전에는 회색 체크 표시 */ border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0.5; /* 체크 전에는 희미하게 표시 */ } .ing-checkbox input:checked + .checkmark:after { border-color: white; /* 체크되었을 때 체크 표시를 흰색으로 변경 */ opacity: 1; /* 선택되면 체크 표시가 명확하게 보임 */ } .ing_pop_p {font-size:13px; text-align:center; color:#fff; margin-bottom:20px;} #popup01 {display: none; transition: 0.2s; width: 100%; height: auto; position: fixed; top: 42%; left: 50%; transform: translate(-50%, -50%); z-index: 9999} #popup01 .pop_menu_list {display: flex; gap:8px;flex-wrap: wrap;align-items: center;justify-content: center;max-width: 800px; margin: 0 auto;} #popup01 .pop_menu_list li {position:relative; margin-top:5px; display:block;} #popup01 .pop_menu_list li .icon_inner {cursor:pointer; flex-direction:column; float:left; text-align:center; display:flex; justify-content: center; align-items: center; width:75px; height:75px; margin-bottom:5px; background-color:#fff; border-radius:50%;} #popup01 .pop_menu_list li p {font-size:12px; letter-spacing:-1px; height:115px; line-height:120%; color:#fff; text-align:center;} #popup01 .pop_menu_list li img {max-height:35px; } /* 가이드 도착 팝업 */ .guide_arrives {max-width:800px; margin:20px auto 0 auto;} .guide_arrives .desc {display:flex; align-items:center; background-color:#fff; padding:2rem; border-radius:20px; gap:20px; box-shadow:1px 1px 10px -10px} .guide_arrives span {width:75%; color:#555} .guide_arrives a {background-color:#ddf7b6; color:#333; padding:0.5rem 1rem; text-align:center; border-radius:50px; font-size:14px} .backon_ing {content: "";width: 100%;height: 100%;background:#000000a6;position: fixed;top: 0;left: 0;z-index: 101} .close {position:absolute;top: -25px;right: 0;cursor: pointer} .openPopup {cursor: pointer} .ing02_body .info01 { width: calc(100% - 10px); margin:10px 5px;} /*1개배열*/ .ing02_body .info02 { width: calc(50% - 10px); margin:5px 5px; height:auto; }/*2개배열*/ .ing02_wrap_sub .ing02_body .info01 { width: 100%; margin:0px 0px;} /*1개배열*/ .ing02_wrap_sub .ing02_body .info02 { width: 100%; margin:0px 0px; height:auto; }/*2개배열*/ .ing02_body .infobox_bg02 span {font-size:16px; font-weight:bold; color:#e81111; margin-top:5px;} .ing02_body .infobox_bg02 span b {font-size:13px; color:#333; margin-left:3px;} .ing02_body .infobox_bg02 em {font-size:14px; color:#555; display:block;} .ing02_wrap_sub .ing02_body .infobox_bg02 span {font-size:15px; font-weight:normal; color:#222; margin-top:0px;} .ing02_wrap_sub .ing02_body .infobox_bg02 span b {font-size:13px; color:#333; margin-left:0px;} .ing02_wrap_sub .ing02_body .infobox_bg02 em {font-size:14px; color:#555; display:block;} .planList_select_ing select {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 50%;} .planList_select_ing.planList_select_txt {font-size:16px!important;} .planList_select_ing.planList_select_txt:after {width: 12px;height: 7px;display: inline-block;margin-left: 6px;content: ""; color:#000;} .planList_select02 select {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0; width: 50%; cursor:pointer} .planList_select02.planList_select_txt:after {width: 12px;height: 7px;display: inline-block;margin-left: 6px;content: "";} .planList_select_txt02 {color: #000; font-size: 16px; text-align:center; } .ing02_body .infobox_bg00 {padding-bottom:10px;border:2px solid #409beb; padding:20px; background:#fff url("/images/sub/ing02_icon_0.png") no-repeat 95% 35px / 95px;*/} /*채팅*/ .ing02_body .infobox_bg01 {padding-bottom:10px; padding:20px; /*border:2px solid #2943ca;*/} /*한국은지금*/ .ing02_body .infobox_bg02 {background:#fff url("/images/sub/ing02_icon_2.png") no-repeat 90% 50% / 40px;}/*환율*/ .ing02_body .infobox_bg03 {background:#fff url("/images/sub/ing02_icon_3.png") no-repeat 90% 50% / 40px;}/*주변검색*/ .ing02_body .infobox_bg04 {/*background:#ffffffe6 url("/images/sub/ing02_icon_04.png") no-repeat 90% 58% / 25px;*/}/*마이가이드받기*/ .ing02_body .infobox_bg05 {background-color:#fff;}/*실시간날씨*/ .ing02_body .infobox_bg06 {padding-bottom:50px;background:#fff /*url("/images/sub/infobox_bg06_sub_icon.png") no-repeat 90% 20% / 45px;*/} /*걸음수*/ .ing02_body .infobox_bg07 {padding-bottom:50px;background:#fff url("/images/sub/ing02_icon_07.png") no-repeat 90% 65% / 25px;} /*여행가계부*/ .ing02_body .infobox_bg07:has(.noplan) { background-image:none;} .ing02_body .infobox_bg08 {padding-bottom:10px;} /*구굴지도보기*/ .ing02_body .infobox_bg09 {padding-bottom:20px; border:2px solid #333} /*번역*/ .ing02_body .infobox_bg10 {padding:20px; margin-top:10px; border:0; background:#5040d9 /*url("/images/sub/ing02_icon_10_.png") no-repeat right 30% / 140px;*/} /*여행정보상품*/ .ing02_body .infobox_bg11 {color:#fff; background:#2fa2e5 /*url("/images/sub/ing02_icon_11.png") no-repeat 85% 10% / 140px;*/} /*마이다이어리*/ .ing02_body .infobox_bg12 {padding-bottom:10px; padding:20px 15px; border:2px solid #FF9A00; background:#FFF4E2 } /*마이다이어리*/ .ing02_body .infobox_bg13 { background-color:#3154cb; padding-bottom:20px; display: flex;flex-direction: column;justify-content: space-around;} .ing02_body .infobox_bg14 { background:#fff url("/images/sub/ing02_icon_exchange.png") no-repeat 95% 10% / auto 35px; padding:20px; border: 2px solid #ff38a6;} /*환율*/ .ing02_body .infobox_bg15 { background:#3cc7b5 url("/images/sub/ing02_icon_app.png") no-repeat right bottom / auto 180px; padding:20px 20px 60px 20px; } /*추천어플*/ /*할일 체크리스트 메인만 적용 */ .ing02_body .infobox_bg12.infobox_bg12_main {min-height:210px; background:#FFF4E2 url("/images/sub/ing02_icon_120.png") no-repeat 50% 100% / 130px;} .ing02_body .infobox_bg12.infobox_bg12_main .btn_now_v2.check_list_top_day_menu {display:none;} .ing02_body .infobox_bg12.infobox_bg12_main ul {display:none;} .ing02_body .infobox_bg12.infobox_bg12_main h2 {letter-spacing:-1px; margin-bottom:30px;} .ing02_body .infobox_bg12.infobox_bg12_main h2 + a {display:none;} .ing02_body .infobox_bg12.infobox_bg12_main p {padding-bottom:40px} .ing02_body .infobox_bg12.infobox_bg12_main .more {border: 0;background-color:#FE5901; color:#fff;} /*앱추천*/ .ing02_body .infobox_bg15 p {color:#fff; padding:10px 0 30px 0;} .ing02_body .infobox_bg15 .pc_enter {display:block;} /*여행발견 메인*/ .ing_app_list {margin-top:15px;} .ing_app_list li {display:flex; border:1px solid #ddd; padding:20px; border-radius:10px; margin-bottom:10px;} .ing_app_list .img{width:50px; height:50px; margin-right:10px;border-radius:15px; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);} .ing_app_list .img img {width:100%; height:100%; object-fit:cover;border-radius:12px;} .ing_app_list .info {flex:1;} .ing_app_list .info .title {font-weight:bold; color:#000;font-size:18px; display: flex; justify-content: space-between; align-items: center; } .ing_app_list .info .txt{ font-size:14px; margin:10px 0 10px 0;} .ing_app_list .info a {margin-left:7px; min-width:90px;font-weight:normal; letter-spacing:-1px; padding:7px 10px; text-align:center; border-radius:5px; background-color:#2a9bff; color:#fff; font-size:13px; display:inline-block;} .ing_app_list .info em { font-size:12px; color:#999; border:1px solid #999; border-radius:15px; padding:5px 10px;} .title_flex_all {display:flex; gap:10px; justify-content: space-between; border-bottom:1px solid #ddd; margin-bottom:20px;margin-top:10px; padding-bottom:10px; } .title_flex_all h3 {margin:0!important} /*응급상황 리스트*/ .ing_emer_list {margin-top:15px;} .ing_emer_list li { box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); border:1px solid #ddd; padding:15px; border-radius:10px; margin-bottom:15px;} .ing_emer_list li a {display:flex; } .ing_emer_list .img{width:80px; height:80px; margin-right:15px;border-radius:15px; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);} .ing_emer_list .img img {width:100%; height:100%; object-fit:cover;border-radius:12px;} .ing_emer_list .info {flex:1;} .ing_emer_list .info .title {font-weight:bold; color:#000;font-size:17px; display: flex; justify-content: space-between; align-items: center; } .ing_emer_list .info .txt{ font-size:16px; margin:10px 0 10px 0;} .ing_emer_list .info em { min-width:90px;font-weight:normal; letter-spacing:-1px; padding:7px 10px; text-align:center; border-radius:5px; background-color:#2a9bff; color:#fff; font-size:13px; display:inline-block;} .ing02_wrap_sub.magazine_con h1 {font-size:18px; margin-bottom:10px;} .ing02_wrap_sub.magazine_con .title_flex_all a {font-size: 14px; min-width:76px} .ing02_wrap_sub .ing02_body .infobox_bg02 {background-image:none}/*환율*/ .ing02_wrap_sub .ing02_body .infobox_bg03 {background-image:none}/*주변검색*/ .ing02_wrap_sub .ing02_body .infobox_bg04 {background-image:none}/*마이가이드받기*/ .ing02_wrap_sub .ing02_body .infobox_bg05 {box-shadow:none; margin-bottom:20px; background:#fff}/*마이가이드받기*/ .ing02_body .infobox_bg10 h2, .ing02_body .infobox_bg11 h2, .ing02_body .infobox_bg13 h2, .ing02_body .infobox_bg15 h2 {color:#fff;} .ing02_body .infobox_bg10 a, .ing02_body .infobox_bg11 a {color:#fff; font-size:14px;} /*.ing02_body .infobox_bg01 i {color:#2943ca;}*/ .ing02_body .infobox_bg12 i {color:#FF9A00;} .ing02_body .infobox_bg10 i, .ing02_body .infobox_bg11 i, .ing02_body .infobox_bg05 i {color:#fff;} .ing02_body .infobox_bg10 li::after, .ing02_body .infobox_bg11 li::after {background-color:#fff!important;} .ing02_body .infobox_bg10 p, .ing02_body .infobox_bg11 p {color:#ffffffa1; } .ing02_body .infobox_bg08 h3 {margin-bottom:10px;} /*구굴지도보기*/ .infobox_bg00 ul {margin-top:10px;} .infobox_bg00 li { border:1px dotted #409beb; border-radius:10px; line-height:120%; margin-bottom:7px; position:relative; } .infobox_bg00 li a { font-weight:bold; border-radius:10px;background-color:#f2f9ff;color:#7e34f3; padding-left:20px; display:flex!important; justify-content: space-between; align-items:center;} .infobox_bg00 li a span {color:#fff; padding:9px 10px; font-size:12px;border-radius:0 5px 5px 0 ; background-color:#409beb; font-weight:bold;} .infobox_bg00 li a span:hover {background-color:#3984c5; } .infobox_bg00 li a p{ color:#222; font-size:14px; font-weight:bold;} .infobox_bg00 li::after {width:4px; height:4px; background-color:#78c0ff; border-radius:10px; content:''; display:block; left:10px; top:50%;transform: translateY(-50%); position:absolute; } .infobox_bg03 .place li {color:#222; line-height:120%; padding-bottom:3px; padding-left:10px; position:relative} .infobox_bg03 .place li span{color:#3c1db0; font-weight:bold;} .infobox_bg03 .place li:nth-child(3) span{color:#e81111; } .infobox_bg03 .place li::after {width:4px; height:4px; background-color:#ff38a6; border-radius:50%; content:''; display:block; left:0; top:6px; position:absolute; } .infobox_bg03 .position_right {float:right;} /* 마이가이드 받기*/ .infobox_bg04 .desc {display:flex; align-items:center; margin-bottom:10px} .infobox_bg04 .desc span {font-size:14px !important} .infobox_bg04 .desc .guide_total {width:10%; display:inline-block; font-size:14px!important; color:#e81111; font-weight:bold;} .infobox_bg04 .desc .btn_guide_check{font-size:12px!important; background-color:#e7e7e7; color:#333; padding:3px 7px; border-radius:20px; } /*.group {background-color:#f9f9f9; padding:2rem; border-radius:2rem}*/ .infobox_bg04 .group .item {background-color:#f9f9f9; padding:1rem 2rem; border-radius:2rem; margin-bottom:2rem} .infobox_bg04 .group .item_title_flex {display:flex; align-items: center; align-content: center; } .infobox_bg04 .group .item_title_flex .total {margin-left:10px; margin-bottom:0;} .infobox_bg04 .group .item_title_flex .total b {font-weight:bold; color:#ff38a6;} .infobox_bg04 .group .item_title_flex .total .line {border-right:1px solid #ddd; padding-right:10px;} .infobox_bg04 .group .item_title_flex i {margin-left:auto; padding:5px; box-sizing:border-box;cursor:pointer;} .infobox_bg04 .group .item h4 {position:relative} .infobox_bg04 .group .item h4:before {content:''; font-family:xeicon; color:#ffc000; margin-right:0.2rem} .infobox_bg04 .group h3 {margin-bottom:1rem} .ting_guide_btn_wrap {display:flex; gap:10px; justify-content: space-between;} .ting_guide_btn_wrap a {border:1px solid #ddd; color:#000; background-color:#fff; padding:10px 13px; font-size:13px; border-radius:5px;} .ting_guide_btn_wrap a.del {background-color:#000; color:#fff; border:1px solid #000; } .ting_guide_btn_wrap a.application {background-color:#ff38a6; color:#fff; border:1px solid #ff38a6; } .myguide_todolist {margin-top:15px; display: none; } .myguide_todolist li {display:flex; position:relative; padding-bottom:12px; padding-bottom: 12px;border-bottom: 1px dashed #ddd;margin-bottom: 10px;} .myguide_todolist li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0; } .myguide_todolist li a{padding-left:7px; display:flex; justify-content: space-between; flex-direction: column; } .myguide_todolist li > a:after {position:absolute; content:''; width:3px; height:3px; background-color:#ff38a6; left:0; top:6px;} .myguide_todolist li a b {color:#ff38a6; font-weight:bold;} .myguide_todolist li a em {background-color:#6a6a6a; border:1px solid #6a6a6a; margin-left:3px; color:#fff; border-radius:10px; padding:3px 7px;font-size:12px; display:inline-block; text-align:center;} .myguide_todolist li a em.read {background-color:#fff; color:#666; border:1px solid #ddd; } .myguide_todolist li a .date {font-size:13px; letter-spacing:-1px; color:#bbbbbb} .myguide_todolist li .icbtn .btn_wish { background-image: url('/skin/site_m/responsive-play/images/c_img/item_wish_gray02.png');} .ing02_wrap_sub .infobox_bg04 .more_p {color:#222; border-bottom:1px solid #22; font-size: 15px; text-decoration: underline} .infobox_bg05 .weather>div {position: relative;overflow: hidden; display: flex;align-items: center;justify-content: center} .infobox_bg05 .weather>div img {display: block;float: left; width:50px;} .infobox_bg05 .weather>div p {display: block;float: left;margin: 0px 0 0 10px} .infobox_bg05 .weather>div p span {display: block;font-size: 14px;line-height: 14px;text-align: left} .infobox_bg05 .weather>div p .cntry {margin: 0 0 5px 0} .infobox_bg05 .weather>div p .wthr {font-weight: bold;margin: 0 0 10px 0} .infobox_bg05 .weather>div p .tmprt {color: #ff38a6;font-weight: bold} .infobox_bg05 .weather>div p .tmprt i {color: #ff38a6} .infobox_bg05 h5 {font-size: 16px;line-height: 16px;margin: 0 0 10px 0;} .infobox_bg10 ul {margin-top:10px; gap:5px; display:flex; justify-content: center; flex-direction: column;} .infobox_bg10 li { box-shadow:4px 2px 4px rgba(0,0,0,0.1);flex:1; border-radius:10px; box-sizing:border-box;color:#222; background-color:#7063dff2; line-height:120%; padding-bottom:3px; padding:10px 10px 10px 20px;position:relative; } .infobox_bg10 li span{color:#3c1db0; font-weight:bold;} .infobox_bg10 li::after, .infobox_bg11 li::after {width:3px; height:3px; background-color:#3c1db0; content:''; display:block; left:10px; top:50%;transform: translateY(-50%); position:absolute; } .infobox_bg10 li i, .infobox_bg11 li i {position:absolute; right:10px; top:50%;transform: translateY(-50%);} .infobox_bg10 .btn_now {background-color:#ff9510; font-weight:normal; color:#fff!important; font-size:12px; border-radius:5px; padding:2px 4px; margin-left:5px; } .infobox_bg11 ul {margin-top:10px; gap:5px; display:flex; justify-content: center; flex-direction: column;} .infobox_bg11 li { box-shadow:4px 2px 4px rgba(0,0,0,0.1);flex:1; border-radius:10px; box-sizing:border-box;color:#222; background-color:#5eb4e5eb; line-height:120%; position:relative; } .infobox_bg11 li a {display:block; padding:10px 10px 10px 20px;} .infobox_bg11 li span{color:#3c1db0; font-weight:bold;} .infobox_bg12 ul {margin-top:10px; gap:5px; display:flex; justify-content: center; flex-direction: column;background-color:#ffffffe8; border-radius:10px; padding:10px; } .infobox_bg12 li { display: flex; justify-content: space-between;align-items: center;border-bottom:1px dotted #cf3b0d ; flex:1; box-sizing:border-box;color:#FE5901; line-height:120%; padding:5px 10px 5px 20px;position:relative; } .infobox_bg12 li a {width:80%;} .infobox_bg12 li .ing_checklist {display:flex; align-items: center;} .infobox_bg12 li:last-child {border:0;} .infobox_bg12 li span{color:#fb1ea3; font-weight:bold;} .infobox_bg12 li i{position:absolute; left:0px; top:50%;transform: translateY(-50%);} .infobox_bg12 li::after {width: 3px;height: 3px;background-color: #FE5901;content: '';display: block;left: 10px;top: 50%;transform: translateY(-50%);position: absolute;} .infobox_bg12 ul .js_checklist_open {display:block;cursor:pointer; background-color:#FE5901; color:#fff; text-align:center; padding:8px 0; border-radius:10px; margin-top:10px;} .infobox_bg13 h2 {padding-right:26px; margin-bottom:20px!important; display: flex; background: url("/images/sub/ing03_h2_ico.png") no-repeat right 50%/18px; margin-right: auto; /* 왼쪽 정렬을 고정시키고 아이콘이 우측에 고정되게 */} .infobox_bg13 a {position:relative; display:block; font-size:14px; border-radius:20px; margin-bottom:8px; background-color:#fff; color:#3154cb; padding: 8px 5px 8px 10px; transition: all .2s} .infobox_bg13 a:last-child {margin-bottom:0;} .infobox_bg13 a:before {content:''; display:block; width:5px; height:5px; position:absolute; left:0; top:50%; transform: translateY(-50%); background-color:#fff; border-radius:100%;} .infobox_bg13 a:after {content:''; width:20px; height:20px; position:absolute; right:5px; top:50%; transform:translateY(-50%); border:1px solid #fff; background-color:#3154cb; color:#fff; border-radius:100%; font-family:xeicon; font-size:17px; text-align:center} /*.infobox_bg13 a:hover:after {border:1px solid #fff; background-color:#ff38a6; color:#fff}*/ /* ing_checklist */ .ing_checklist {display: inline-block;position: relative;} .ing_checklist input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .ing_checklist label { width:auto; float:left!important; display:inline-block!important; cursor: pointer; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 15px;color: #252525;letter-spacing: -0.8px; padding: 0px 6px 4px 10px;} .ing_checklist label:before {position: absolute;left: 7px;top: 0px;content: "";width: 18px;height: 20px;vertical-align: middle;background: url("/images/sub/ing_edid_chk_square02.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important; display:inline-block!important;background-size: 100% auto;} .ing_checklist input:checked+label:before {background-image: url("/images/sub/ing_edid_chk_o_square02.png"); color:#222;} .ing_checklist span {font-size:14px; padding-left:10px;} .infobox_bg12 li .ing_checklist .delete-item {width:40px; background-color:#000; border-radius:5px; padding:3px 7px;font-size:12px; color:#fff;} .check_list_top_p {margin-top:-20px; margin-bottom:10px;} .check_list_top_p02 { margin-bottom:10px;} /*체크리스트 테마추가 아이콘*/ .check_list_theme_tit {font-size:15px; color:#000; letter-spacing:-1px;} .check_list_theme li a{display:block; border:1px solid #ddd; padding:10px 15px; margin-bottom:10px; border-radius:10px;} .check_list_theme li .tit {font-size:14px; font-weight:bold; color:#ff6600;} .check_list_theme li a .attach_box {font-size:13px; color:#555; margin-top:3px;} .btn_now_v2.check_list_top_day_menu {background-color: #fff; cursor:pointer; color:#ff6600!important; border:1px solid #ff6600;padding:7px 10px; margin-left:0; margin-right:5px; margin-bottom:10px; } .btn_now_v2.check_list_top_day_menu.over {background-color: #ff6600; color:#fff!important;} /*체크리리스트 N일차 가로메뉴*/ .m_checklist_menu_swiper .swiper-slide {width:auto; } .m_checklist_menu_swiper .swiper-slide span{ font-size:14px;background-color: #fff; cursor:pointer; color:#ff6600!important; border:1px solid #ff6600;padding:8px 12px; margin-left:0; margin-right:3px; margin-bottom:10px; } .m_checklist_menu_swiper .active {background-color:#000!important; color:#fff!important; border:#000!important} .m_checklist_menu_swiper .swiper-slide:last-child {background-color: #fff; cursor:pointer; font-size:14px; border-radius:5px; color:#555; border:1px solid #555;padding:7px 10px; margin-right:3px;} /*한국은 지금*/ .ing02_body .infobox_bg01 h2 {text-align:center; margin-bottom:0px;} .ing02_body .infobox_bg01 .info {display: flex;align-items: center;justify-content: center; border-bottom:1px dotted #ccc; margin-bottom:15px;} .ing02_body .infobox_bg01 .info .price_now span {font-weight:bold; font-size:16px;} .ing02_body .infobox_bg01 .info .price_now span b {font-size:14px; margin-left:3px;} .ing02_body .infobox_bg01 .time_korea {margin-right:0px; } .ing02_body .infobox_bg01 .time_korea span {font-size:20px; color:#222; letter-spacing:1px;font-family: 'GmarketSansL';} .time_korea02 {color:#fff!important; opacity:0.6; margin-right:10px; position:relative; padding-right:10px;} .time_korea03 {color:#fff!important; opacity:0.6;} .time_korea02::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background-color: #fff;opacity: 0.5;} .ing02_body .infobox_bg01 li{border-bottom:1px solid #eee; color:#222; padding-bottom:5px; padding-left:10px;position:relative; height: 37px; line-height: 37px; word-break: keep-all; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap; } .ing02_body .infobox_bg01 li:last-child {border-bottom:0} .ing02_body .infobox_bg01 li::after {width:4px; height:4px; background-color:#bbb; content:''; display:block; left:0; top:15px; position:absolute; border-radius:50%} .ing02_body .infobox_bg01 li a {display:flex;justify-content: space-between; align-items:center; } .ing02_body .infobox_bg01 li p {width: 85%;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;} .ing02_body .infobox_bg01 li span {color:#999; font-weight:normal; font-size:13px;} .ing02_body .infobox_bg01 .weather {text-align:center; color: #222;font-size: 20px;font-family: 'GmarketSansL';display: flex;align-items: center;justify-content: center;} .ing02_body .infobox_bg01 .weather img {width:80px;} .ing02_body .infobox_bg01 .weather span {width:70px; font-size:22px;} /* 한국은 지금 서브 */ .ing02_body .infobox_bg01 .notice_view { width:100%; background-color:#f6f6f6; padding:20px; box-sizing:border-box; margin-bottom:20px; border-radius:10px;} .ing02_body .infobox_bg01 .notice_view dt {display: flex; flex-direction: column; align-items: flex-end; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:10px;} .ing02_body .infobox_bg01 .notice_view dt p { line-height: 20px;color:#000; font-size:14px; } .ing02_body .infobox_bg01 .notice_view dt span {color:#bb733d; font-weight:normal; font-size:12px;} .notice_view dd {color:#bb733d; font-weight:normal; line-height:140%;} .ing02_wrap_sub .infobox_bg04 h4 + p { font-size:14px; margin-bottom:10px;} .ing02_wrap_sub .infobox_bg04 .guide_select {overflow:hidden; width:100%; margin-bottom:10px; } .ing02_wrap_sub .infobox_bg04 .guide_select li a { float:left; display:inline-block; margin:2px; padding:6px 8px; background: #f6f6f6; border-radius: 5px; border: 1px solid #ddd;color: #555;} .ing02_wrap_sub .infobox_bg04 .guide_select li a:hover, .ing02_wrap_sub .infobox_bg04 .guide_select li a.over { background: #ffe9f5; border: 1px solid #ff38a6; color: #e31888;} .ing02_wrap_sub .apply_group {position:relative} /*가이드 신청하기 타이틀*/ .ing02_wrap_sub .apply_group h4:before {content: ''; font-family: xeicon; color: #ff38a6; margin-right: 0.2rem;} .ing02_wrap_sub .infobox_bg04 .btn_application {width: 100%; border: 1px solid #ff38a6; background-color: #fff; display: inline-block; color: #ff38a6; border-radius: 50px; padding: 10px 5px; font-size: 15px; text-align: center; box-sizing: border-box} .infobox04_guide_hidden_box .guide_box_con {display: block;} .infobox04_guide_hidden_box .guide_box_con p {margin-bottom:5px;} .infobox04_guide_hidden_box { padding:10px 0px 10px 0px; border-radius:10px; margin-top:15px; margin-bottom:20px;} .infobox04_guide_hidden_box .top {display:flex;justify-content: space-between;align-items: center;} .infobox04_guide_hidden_box .guide_select li a { background: #fff!important; } .ing02_body .infobox_bg06 span {font-size:20px; color:#222; font-weight:bold;} .ing02_body .infobox_bg06 .p_01 {font-size:14px; margin-bottom:5px; color:#555;} .ing02_body .infobox_bg06 .p_01 b { color:#000;} .ing02_body .infobox_bg06 .p_02 {font-size:12px; margin-bottom:10px; color:#ab73e7;} .ing02_body_sub .infobox_bg06 .ingo06_sub_p {font-size:15px; color:#999; margin-bottom:0;} .ing02_body_sub .infobox_bg06 span {font-size:25px; color:#222; font-weight:bold;} .ing02_body_sub .infobox_bg06 p {font-size:12px; margin-bottom:10px; color:#ab73e7;} .ing02_body .infobox_bg07 .txt07_01 {font-size:14px; margin-top:0px; color:#222;} .ing02_body .infobox_bg07 .txt07_02 {font-size:20px; font-weight:bold; margin-bottom:5px; color:#222;} .ing02_body .infobox_bg07 .txt07_02 b {font-size:14px; } .ing02_body .infobox_bg07 .txt07_03 {font-size:12px; color:#999;} .fleft_left {display:flex; flex:1; gap:10px;} .ing02_body .ing_translation .language { margin:0px 0 15px 0; position:relative; display: flex; justify-content: space-around;} .ing02_body .ing_translation .language p {font-size:14px; font-weight:bold; color:#222;} .ing02_body .ing_translation .language img { display:block; width:25px; background: url("/images/sub/language_btn.gif") no-repeat 0 0; position:absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:9;} .ing02_body .ing_translation textarea {background-color:#f6f6f6; height:auto; border-radius: 10px;font-size: 13px;padding: 10px 50px 10px 10px; } .ing02_body .ing_text_language {position:relative; background-color: #f6f6f6; border-radius: 10px;margin-top: 3px;display: flex;align-items: center;justify-content: space-between;} .ing02_body .ing_text_language span {display:block; font-size:14px;} .ing02_body .ing_text_language .lang_icon { display:flex; font-size:25px; padding:7px 0;color:#222; position:absolute; right:10px; bottom:0px;} .ing02_body .ing_text_language .lang_icon i.over {color:red;} .ing02_body .ing_text_language .lang_icon span {display:inline-block} .ing02_body .ing_text_language .lang_icon span a i { font-size:20px;} .ing02_body .ing_text_language .lang_icon span a i.over {color:red;} .ing02_body .xi-plus-circle {position:absolute; font-size:24px; right:15px; top:15px; cursor:pointer;} .infobox_bg09 h3 {margin-bottom:20px;} .infobox_bg09 .translation_textarea {position:relative;} .infobox_bg09 .translation_textarea .lang_icon { display:flex; font-size:25px; padding:7px 0;color:#222; position:absolute; right:10px; bottom:10px;} .infobox_bg09 .translation_textarea .lang_icon span {display:inline-block} .infobox_bg09 .translation_textarea .lang_icon span a i { font-size:20px;} .infobox_bg09 .translation_textarea .lang_icon i.over {color:red;} .btn_translation {display:block; width:100%; text-align:center; background-color:#000; color:#fff!important; font-size:14px; margin:5px 0 10px 0;padding:10px 0; border-radius:10px;} /*환전상단*/ .sch_result {clear:both; box-sizing:border-box;padding:15px 0px;border-bottom:1px solid #96b9d2;font-size:15px;line-height:20px; width:100%;display:flex;justify-content: space-between; background-color:#fff;} .sch_result b {border-bottom:1px solid #007cdb} .sch_result span { font-size:15px;} .sch_result span.sch_style {font-weight:500;letter-spacing:-1px;color:#007cdb; font-size:15px;} .sch_result_list {overflow-y:scroll;overflow-x:hidden} #JS_search_total { border-bottom: 1px solid #007cdb; color:#007cdb} .ing02_body .info02_select { gap:5px; position:relative; margin-bottom:10px; display: flex; justify-content: space-between; width:100%;} .ing02_body .info02_select div{ width:50%;border:1px solid #2943ca; border-radius:5px; text-align:center; padding:10px 0px;} .ing02_body .search_btn {width:100%; border:1px solid #2943ca; background-color:#2943ca; display:inline-block; color:#fff; border-radius:5px; padding:10px 5px; font-size:15px; text-align:center; box-sizing:border-box;} .scrolltable{ width:100%; background: #fff;} .scrolltable thead {background: #6b6b6b;color:#fff; text-align:center;} .scrolltable tbody{overflow:auto;width:100%;} /* 행 장식 */ .scrolltable th, .scrolltable td {font-weight:normal; padding: 10px;text-align: left;text-align: center; font-size:14px;} .scrolltable tr {cursor:pointer;} .scrolltable tr td:first-child { text-align: left;} .scrolltable tbody tr:hover {background:#f6f6f6; } .scrolltable tbody tr {border-bottom:1px dotted #ddd;} .ing02_wrap_sub .title_top {display:flex; justify-content: space-between; } .ing02_wrap_sub .title_top .title {display:flex; align-items:center; } .ing02_wrap_sub .title p {color:#FE38A5; margin-left:5px; font-size:18px;} .ing02_wrap_sub .title_top a {background-color:#f1f1f1; color:#000 ; border:1px solid #f1f1f1;padding:5px 10px; border-radius:5px; font-size:14px;} .ing02_wrap_sub .title_top a:hover {background-color:#fff; color:#000; border:1px solid #000;} .reposive_wrap_ing {margin: 10px auto;width: calc(100% - 10px);} /*부럽검증*/ .ico_verification_bg {background-color:#ebe1ff; border-top:1px solid #ad8ece; border-bottom:1px solid #ad8ece!important; } .ico_verification_bg td {color:#3221b0; } .ing02_wrap_sub .ico_verification { min-width:60px;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!important; display:inline-block; font-size:12px!important; margin-top:3px!important; text-align:center; padding:4px 5px; border-radius:5px;width:auto;} .ing02_wrap_sub .nation_2nd_list ul li a > div{width:100px;} .ing02_wrap_sub .nation_2nd_list ul li a .title_flex { width: 100%;} .classification { color:#a7724f; display:block; font-size:14px; margin-bottom:5px; border-radius:5px; } /*환율*/ .exchange_money_wrap {width:100%; margin-bottom:20px; overflow:hidden; } .exchange_money_wrap h3 {margin-bottom:10px;} .exchange_money {padding: 1px; border: 1px solid #d5d5d5; background-color:#fff; caret-color: #1a73e8; color: #70757a; overflow: hidden; display: flex; padding:10px; margin-bottom:10px; border-radius: 6px; position:relative;} .exchange_money:last-child {margin-bottom:0} .exchange_money input {width:80%;} .exchange_money_select select {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0; width: auto; min-width:100px;} .exchange_money_select.planList_select_txt {font-size:16px!important;} .exchange_money_select.planList_select_txt:after {width: 12px;height: 7px;display: inline-block;margin-left: 6px;content: ""; color:#000;} /*주변검색*/ .ing_search_place {margin-bottom:30px; overflow:hidden;} .ing_search_place li a{display:block; float:left;} .ing_search_place li .over {color:#43A5F6} .ing_search_place em {font-size:13px; color:#43A5F6;} .ing_search_place .top_place {display:flex; justify-content: space-between; align-items: flex-end;} .ing_search_place .top_place .title { flex-direction: column;} .ing_search_place .top_place ul li {font-size:15px; color:#222;float:left; padding-right:8px; padding-left:5px; position:relative;} .ing_search_place .top_place ul li:last-child { padding-right:0px; padding-left:5px; position:relative;} .ing_search_place .top_place ul li::after {width:3px; height:3px; background-color:#eccfff; content:''; display:block; right:0; top:8px; position:absolute; } .ing_search_place .top_place ul li:last-child::after {width:0} .search_map_btn {background-color:#ff38a6; color:#fff!important; border-radius:5px; padding:5px 5px; text-align:center; min-width:50px;font-size:14px;} #distance-range {width: 90%;margin: 0 auto;} #distance-slider {width: 100%;border-radius: 10px;background-color: #ddd; } .ui-slider-handle {background-color: #fff; /* 슬라이더 핸들 색상 */border: 1px solid #ddd; /* 슬라이더 핸들 테두리 색상 */height: 20px;border-radius: 50%;} /*다이어리*/ .diary_main {display: flex;flex-direction: column;align-items: center;width: 100%;cursor: pointer;margin: 0px 0 30px 0;} .diary_main img {max-width: 200px;margin: 60px 0 20px 0; } /* 다이어리 추가*/ .diary_btn {font-size:16px; max-width:320px; width:calc(100% - 20px); display:block; background-color:#ff38a6; color:#fff!important; border-radius:10px; padding:15px 30px; text-align:center; margin:30px 0 0px 0; box-sizing:border-box;} .diary_btn:after {width: 20px;height: 20px; line-height:20px; display:inline-block; content: "+";background-color:#fff; border-radius:50%; color:#ff38a6; font-size:16px; margin-left:10px;} .diary_topmenu { max-width:1020px; width:96%;display:flex; margin:10px auto;} .diary_topmenu h3 b {font-size:16px;color:#8643e3;} .diary_topmenu .planList_select>.planList_select_txt { color: #222;} .diary_input {width:96%; margin:10px auto;} .diary_input h5 {font-size:20px;} .diary_input h5 em {font-size:14px; color:#888; font-weight:normal;} .diary_input_w {outline: none;border: 1px solid #e3e6e8!important;padding: 15px 10px; width: 100%;/*text-indent: 10px;*/background-color: #fff;border-radius: 10px!important;} .diary_input .date_input {position:relative;} .diary_input .date_input:before {background-image: url("../images/sub/icon_calendar_02.png");width: 16px;background-size: cover;height: 14px;z-index: 10;position: absolute;top: 18px;left: 10px;content: "";} .diary_input textarea {outline: none; display: block; resize: none; box-sizing: border-box; margin: 0; border: 1px solid #e3e6e8; width: 100%; word-break: break-all; border-radius: 8px; height:150px;margin-bottom:10px} .diary_list {width:100%; overflow:hidden; margin:20px 0} .diary_list ul {margin-top: 0;margin-left: 0;} .diary_list ul li {float:left; width:46%; margin:10px 2%; border-radius:20px; padding-left:0} .diary_list ul li > a {position:relative; display:flex; flex-direction: column;border-radius:20px; padding:20px; box-sizing:border-box; justify-content: flex-end; height:250px; color:#fff; box-shadow:3px 3px 9px 3px #eee;} .diary_list ul li > a h4 {color:#fff; z-index:1; font-size:19px; padding-bottom:3px; text-shadow: 4px 4px 8px #000} .diary_list ul li > a .nation {color:#fff; z-index:1; margin-bottom:7px} .diary_list ul li > a .date {color:#fff; z-index:1; padding:3px 0; opacity:0.9; font-size:13px} .diary_list ul li > a .person {color:#fff; z-index:1; opacity:0.8; font-size:13px} .diary_list .desc {display:flex; justify-content: center; gap:5px; padding-top:15px} .diary_list .desc > a {display:block; padding:10px 10px; border:1px solid #6c47e5; background-color:#6c47e5; color:#fff;border-radius:5px; font-size:12px;} .diary_list .desc > a:first-child {background-color:#38b8ff; border:1px solid #38b8ff;} .diary_list .desc > a:last-child {background-color:#000; border:1px solid #000;} .diary_list ul li > a:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 20px;height: 8rem;background: linear-gradient(180deg,transparent,rgba(0,0,0,.9));pointer-events: none; z-index:0;} .diary_write_top {position:relative; background-color:#ddd; margin:10px auto; width:100%; overflow:hidden; min-height:120px;padding:30px 0 30px 20px; border-radius:20px;} .diary_write_top h4 { color:#fff; z-index:1; font-size:20px; padding-bottom:3px; } .diary_write_top .nation { color:#fff; margin-bottom:7px; z-index:1;} .diary_write_top .date { color:#fff; z-index:1;} .diary_write_top .date a {margin-left:5px; padding:4px 8px; background-color:#0000003b; color:#fff; border:1px solid #ffffffb5; border-radius:5px; font-size:14px;} .diary_write_top .date02 { position: absolute; right: 0; top: 0; color: #fff; z-index: 1; border: 0; background-color: #622ccf; display: inline-block; padding: 8px 15px 8px 8px; border-radius: 0 20px 0 10px; margin-top: 0; font-size: 13px; letter-spacing:-1px; } /* 어두운 필터 오버레이 */ .diary_write_top::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); /* 원하는 투명도로 조절 가능 */ z-index: 0; } .diary_write_top .person { color:#fff; } .diary_write_top:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 20px; height: 6rem; background: linear-gradient(180deg,transparent,rgba(0,0,0,.8)); pointer-events: none; z-index: 0;} .diary_write_top .date02.date_pink {background-color:#ff38a6;} .diary_write_top h4, .diary_write_top .nation, .diary_write_top .date, .diary_write_top .person {position: relative;z-index: 1;} .category_menu_swiper .active {/*background-color: #8643e3!important; border: #8643e3!important;*/} .category_menu_swiper.abook_caregory_last_li .swiper-slide:last-child a { border: 1px solid #bb88f1; background: #f4ebfd;color: #7b2ecf;} .ing02_body .tip_txt { margin-top: 5px;} .ing02_body .c_form {margin-bottom:10px;} .diary_weather { margin-bottom:10px; overflow:hidden;} .diary_weather li {width:31.3%; margin:5px 1%; float:left;} .diary_weather li a {width:100%; border:1px solid #ddd; padding:15px 0px; box-sizing:border-box; text-align:center; border-radius:10px; font-size:16px;} .diary_weather li a.over, .diary_weather li a:hover { border:1px solid #8643e3; color:#8643e3;} .diary_info {display:flex;justify-content: center; justify-content: space-around;align-items: center;background-color:#f6f6f6; border-radius:20px; padding:15px; box-sizing:border-box;width:100%; margin-bottom:20px;} .diary_info p {font-size:16px;} .diary_info span {font-size:16px; color:#222; margin-left:10px; letter-spacing:-1px; font-weight:bold;} /*가계부 예산*/ .budget_info {display:flex;justify-content: center; text-align:center; border: 1px solid #ddd; align-items: center;background-color:#fff; border-radius:20px; padding:15px; box-sizing:border-box;width:100%; margin-bottom:10px;} .budget_info p {font-size:15px; border-right: 1px solid #ddd; padding-right:10px; margin-right:10px;} .budget_info + p {margin-bottom:20px;} .budget_info p:last-child { border-right: 0px; margin-right:0; padding-right:0;} .budget_info span {font-size:16px; color:#2943ca; letter-spacing:-1px; font-weight:bold;} .budget_info .point_blue { color:#2943ca; } .budget_info .point_orange { color:#ff6600; } .budget_info .point_black { color:#000; } .budget_info.budget_total { flex-direction: column;align-items: flex-start;} .budget_info.budget_total p { border-bottom:1px dashed #ddd; padding-bottom:5px; display:flex; justify-content: space-between;width: 100%;border-right:0;padding-right: 0px;margin-right: 0px; margin-bottom:5px;} .budget_info.budget_total p:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;} .diary_txt_box { margin:0px auto 20px auto;padding:20px; box-sizing:border-box;width:100%; border:1px solid #ddd; border-radius:20px;} .diary_txt_box h6 {position:relative; font-size:15px; margin:10px 0; color:#000; padding-left:10px;} .diary_txt_box h6::after {width:3px; height:3px; background-color:#000; content:''; display:block; left:0; top:8px; position:absolute; } .diary_txt_box p {margin:15px 0; line-height:140%;} .diary_txt_box h6 + p {padding-left:10px; margin-top:-7px; font-size:14px;} .diary_btn_wrap {display:flex; gap:10px; margin-top:40px;} .diary_btn_wrap a {width:50%; background-color:#f9f9f9; border-radius:10px; padding:15px 0; text-align:center; border:1px solid #ddd;} .diary_btn_wrap a:last-child { background-color:#222; color:#fff;} /* 기본 스타일 설정 */ .wallet_tooltip_wrap { margin: 20px 0 10px 0; } .p_wallet_title_wrap { display: flex; /* 플렉스박스 사용 */ align-items: center; /* 수직 중앙 정렬 */ } .p_wallet_title { font-size: 20px; font-weight: bold !important; font-family: 'Pretendard'!important; color: #222; } .p_wallet_p { margin-top: 5px; /* 아래쪽 여백 추가 */ } .info_icon_wrap { position: relative; /* 툴팁 위치 기준이 되는 래퍼 */ display: inline-flex; /* 인라인 플렉스박스 사용 */ align-items: center; /* 수직 중앙 정렬 */ margin-left: 5px; /* 제목과 아이콘 사이의 여백 */ } .info_icon { cursor: pointer; width: 16px; height: 16px; } /* 툴팁 박스 스타일 */ .wallet_tooltip_box { position: absolute; top: 50%; /* 아이콘의 수직 중앙에 맞춤 */ left: 100%; /* 아이콘 오른쪽에 위치 */ transform: translateY(-50%); /* 수직 가운데 정렬 */ margin-left: 8px; /* 아이콘과의 간격 */ background-color: #666; color: #fff; padding: 6px 12px; border-radius: 5px; white-space: nowrap; font-size: 12px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; z-index: 10; } /* 툴팁이 활성화된 상태 */ .wallet_tooltip_box.active { opacity: 1; visibility: visible; } #wallet_etc_p {color:#6d361c; font-size:14px;} #ing_search_map {width:100%;height: 500px;} #floating-panel {position: relative; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: "Roboto", "sans-serif"; line-height: 30px; padding-left: 10px} #warnings-panel {width: 100%;height: auto; padding:10px 0;text-align: center; font-size:12px; color:#555; font-weight:normal;} .route-panel {width: 96%; margin:10px auto;overflow: hidden;box-sizing: border-box;} .route-panel .total {text-align:center; background-color:#ede8ff; color:#7b1ac6; border-radius:10px;padding:7px 0;margin-bottom:10px;} .route-panel ul {padding:10px 0; box-sizing: border-box; overflow: auto; height: 180px; } .route-panel li {position:relative; list-style:none; padding-left:37px; padding-bottom:10px; font-size:16px; color:#000; } .route-panel li em {position:absolute; left:0; top:0px; width:30px; height:30px; } .route-panel li span {font-size:13px; color:#888; } .route-panel li .walking {background: url("/images/sub/travel_09.png") no-repeat 50% 0 / 60%; } .route-panel li .transit { background: url("/images/sub/travel_03.png") no-repeat 50% 0 / 70%;} .route-panel li .driving { background: url("/images/sub/travel_05.png") no-repeat 50% 0 / 70%;} .route-panel li .bicycling { background: url("/images/sub/travel_10.png") no-repeat 50% 4px / 70%;} .start_end {display:flex; width: 96%; margin:10px auto; justify-content: space-around; box-sizing:border-box; align-items: center; margin-bottom:5px; background-color:#f6f6f6; border-radius:5px; padding:5px 0} .start_end p {padding:0; margin:1px 0; font-size:14px;color:#000; } .start_end i { color:#7b1ac6; } .search_excange_wrap {padding:0px 0px 0px 0px; box-sizing:border-box;} .search_excange_pop {display:flex; width:100%; box-sizing:border-box; padding:15px 10px 0 10px; justify-content: space-between; gap:10px; align-items: center; margin-bottom:15px;} .search_excange_pop h1 {font-size:18px; color:#000; } .search_excange_pop .se_close {background-color:#f9f9f9; color:#222; border-radius:10px; padding:5px 10px;} .Currentlocation_btn_wrap {text-align:center; margin:5px auto -20px auto; z-index:1; position:relative;} .Currentlocation_btn {text-align:center; background-color:#000; color:#fff; border:0; border-radius:30px; padding:5px 18px; font-size:15px;} .duble_tab02 {display:block; margin:10px 0; padding:0 10px; box-sizing:border-box;} .duble_tab02 ul {overflow: hidden;width: 100%;margin: 0;padding: 0; display:flex; flex-wrap:wrap; } .duble_tab02 ul li { width:25%; display:flex; margin-bottom:5px;} .duble_tab02 ul li a{flex:1;background-image:none; text-decoration:none; margin-right:-1px;box-sizing: border-box;float: left; border: 1px solid #ddd; text-align: center; color: #222;border-radius: 10px; padding:5px 0; line-height:43px;margin-right: 5px;} .duble_tab02 ul li a.activeClass {font-weight: bold;font-size: 20px;} .duble_tab02 ul li a:hover, .duble_tab02 ul li a.over{background-color: #ff38a6;color: #fff; border:1px solid #ff38a6;} /*.duble_tab ul li:nth-child(1) a {background: url("/images/sub/travel_03.png") no-repeat 50% 10px / 23px;} .duble_tab ul li:nth-child(1) a:hover, .duble_tab ul li:nth-child(1) a.over {border:2px dotted #7b1ac6; background: #7b1ac6 url("/images/sub/travel_03_w.png") no-repeat 50% 10px / 23px; } .duble_tab ul li:nth-child(2) a {background: url("/images/sub/travel_09.png") no-repeat 50% 8px / 23px;} .duble_tab ul li:nth-child(2) a:hover, .duble_tab ul li a.over {background: #7b1ac6 url("/images/sub/travel_09_w.png") no-repeat 50% 8px / 23px; } .duble_tab ul li:nth-child(3) a {background: url("/images/sub/travel_05.png") no-repeat 50% 10px / 27px;} .duble_tab ul li:nth-child(3) a:hover, .duble_tab ul li a.over {background: #7b1ac6 url("/images/sub/travel_05_w.png") no-repeat 50% 10px / 27px; } .duble_tab ul li:nth-child(4) a {background: url("/images/sub/travel_10.png") no-repeat 50% 10px / 30px;} .duble_tab ul li:nth-child(4) a:hover, .duble_tab ul li a.over {background: #7b1ac6 url("/images/sub/travel_10_w.png") no-repeat 50% 10px / 30px; }*/ /* 모달 스타일 */ /*#modal001 {display: none; position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;overflow-y:hidden;background-color: rgba(0, 0, 0, 0.4); }*/ #modal001 {display: block; position: relative;z-index: 9999;width: 100%;height: 100%;overflow: hidden;overflow-y:hidden;background-color: rgba(0, 0, 0, 0.4); /* 반투명 검정 배경 */} /* 모달 콘텐츠 스타일 */ #modal001-content {background-color: white;display: flex;flex-direction: column;height: 100vh;overflow: hidden;} /* 애니메이션 */ @keyframes animatetop {from {top: -300px; opacity: 0}to {top: 0; opacity: 1}} /* 모달 헤더 스타일 */ #modal001-header {padding: 2px 16px;background-color: #5cb85c;color: white;} /* 모달 바디 스타일 */ #modal001-body {padding: 20px 16px;} /* 모달 푸터 스타일 */ #modal001-footer {padding: 2px 16px;background-color: #5cb85c;color: white;text-align: right;} /* 닫기 버튼 스타일 */ .close {color: white;float: right;font-size: 28px;font-weight: bold;} .close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;} /* 받은 가이드 화면 */ .ing02_body .item_box {margin-top:1rem} .ing02_body .item_box .item_box02 {display:flex; justify-content:space-between; align-items:center; padding:1rem; border-bottom:1px dashed #e7e7e7} .ing02_body .item_box .item_box02:last-child {border:0} .ing02_body .item_box .icbtn {margin-left:0.5rem} .ing02_body .item_box .icbtn a {background-color:#e7e7e7; border-radius:50rem} /* 가이드 목록 */ .ing02_body .group_box {height:100%; padding:1rem; margin-top:1rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;} .ing02_body .group_box h2 {font-size:16px} .ing02_body .group_box p {font-weight:500} /**/ .noplan {text-align:center} .noplan p {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);font-size:16px; color:#222;} .noplan a {display: inline-block; color: #fff; border-radius: 50px; padding: 7px 5px; font-size: 13px; width: 90%; margin-top: 10px; text-align: center; box-sizing: border-box; position:absolute; left:50%; bottom:10px; transform:translateX(-50%)} .noplan a:after {width: 16px; height: 16px;line-height: 16px;display: inline-block;content: "";font-family:xeicon;background-color: #fff;border-radius: 50%;color: #ff38a6;font-size: 15px;margin-left: 10px;} .infobox_bg07 .noplan a {display:flex; justify-content:center; background-color: #ff38a6; border:0;} .infobox_bg07 .noplan a:after {color: #ff38a6;} .infobox_bg07:has(.noplan) { padding-bottom: 20px;} /*.infobox_bg07 .noplan p {font-size:14px;}*/ .infobox_bg11 .noplan a {display:flex; align-items:center; justify-content:center; background-color: #fff; color:#2fa2e5; border:0;} .infobox_bg11 .noplan a:after {color: #fff;background-color: #2fa2e5;} .infobox_bg11 .noplan p {color:#fff;} /*myguide_layer_pop*/ .myguide_layer_pop { display:none } .abook_btn {display:flex;justify-content:center; gap:7px; width:90%; margin:0 auto;} /*내지갑*/ .mywallet_wrap ul { margin:10px 0 20px 0;display:flex; background: #fafafa; border: 1px solid #dddddd; flex-wrap: wrap; border-radius:20px; padding:20px 0; align-items: center; } .mywallet_wrap ul li { width:calc(25% - 20px); cursor:pointer; margin:10px; box-sizing:border-box;text-align:center;} .mywallet_wrap ul li p {color:#000;font-size:18px; font-weight:bold; margin-bottom:5px;} .mywallet_wrap ul li span {font-size:15px; color:#ff38a6;} .mywallet_wrap ul li span em { font-size:12px;} .wallet_top_menu { background-color: #000; border: #8643e3!important; justify-content: center; height: 42px; line-height:42px; border-radius: 1.5rem; border: 1px solid rgba(0,0,0,0.1); color: #fff!important; font-size: 0.9rem; font-weight: 500; word-break: keep-all; padding: 0 20px; white-space: pre; cursor: pointer;} /*긴급시 배너*/ .Emergency_Info {width:96%; max-width:800px; border-radius:10px; margin:0 auto 10px auto; background-color:#ffce00; color:#fff; } .Emergency_Info a {display:flex;justify-content: space-between; } .Emergency_Info a p {color:#000; padding:10px; 0; font-size:16px;} .Emergency_Info a p img {width:20px; margin-right:10px;} .Emergency_Info a p b{color:#dd0000; } .Emergency_Info a span { position:relative; display: flex;width: 87px;align-items: center; color:#000;} .Emergency_Info a span:after { content: ''; width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 1px solid #000; color: #000; border-radius: 100%; font-family: xeicon; font-size: 17px; text-align: center; } /*일정만드릭 버튼*/ .make_plan_btn {position: fixed; bottom: 80px; right: 10px; width: auto; height: 40px; background-color: rgba(255, 255, 255, 0.7); backdrop-filter:blur(1px); display: flex; align-items: center; text-align:center; padding:0 20px;justify-content: center;border-radius: 25px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);/transition: all 0.3s ease-in-out; z-index:99; border:1px solid #ddd;} .make_plan_btn a {display: flex;align-items: center;justify-content: center;text-decoration: none;color: #333; } .make_plan_btn i {font-size: 16px; margin-right: 5px;} .make_plan_btn span {font-size: 14px; /* 텍스트 크기 */ color:#000; transition: opacity 0.3s ease-in-out; } .make_plan_btn.scrolled {width: 45px; height: 45px; padding:0; bottom:255px; border:0; background: linear-gradient(45deg, #ff38a6ed, #00b4d3bd)} .make_plan_btn.scrolled span {display:none;visibility: hidden; } .make_plan_btn.scrolled i {margin:0; color:#fff} /* Mobile Device 1000 */ @media (max-width:1020px) { .now_price li a {font-size:14px;} .now_price li a em { width:45px; } .now_price li a span { padding:0 3px; } .now_price li a p { width:80%; } .weather_time .weathers .weather { width: 40%;} /*myguide_layer_pop*/ .myguide_layer_pop {display:block; position: fixed;width: 96%; bottom: 80px;right: 2%; border-radius:20px; box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.12);background: linear-gradient(45deg, #ff38a6, #00b4d3); z-index:99;} .myguide_layer_pop .myguide_inner {display:flex; height: 80px; align-items: center; align-content: center;width:100%;border-radius:50%; padding:20px; box-sizing:border-box;} .myguide_layer_pop .myguide_inner p{color:#fff; } .myguide_layer_pop .myguide_inner span{color:#fff; } .myguide_layer_pop .myguide_inner img { border:3px solid #fff; margin-right:15px; width: 50px;height: 50px; overflow:hidden; border-radius:50%; padding:0; object-fit:cover;} .myguide_layer_pop .myguide_inner .icon {display:flex; margin-left:auto; flex-direction: column;align-items: center; } .myguide_layer_pop .myguide_inner .icon i {color:#fff; font-size:24px;} .myguide_layer_pop .myguide_inner .icon p {font-size:13px;} .myguide_layer_pop.scrolled {width: 40px;height: 40px;right: 10px; bottom:255px; border-radius:50%; border: 5px solid transparent; background-origin: border-box;} .myguide_layer_pop.scrolled .myguide_inner {width: 100%;height: 100%; overflow:hidden; padding:0;} .myguide_layer_pop.scrolled p {display:none;} .myguide_layer_pop.scrolled img {display:block; margin-right:0} .myguide_layer_pop.scrolled .myguide_inner p {display:none;} .myguide_layer_pop.scrolled .myguide_inner span {display:none;} .myguide_layer_pop.scrolled .myguide_inner .icon{display:none;} .myguide_layer_pop.scrolled .myguide_inner img {padding:0; border:0; width:40px; height:40px;} .swiper_event_3v .swiper-slide .swiper_txt {top: 40px;left: 40px;} .swiper_event_3v_wrap .swiper-slide {margin-right: 10px;} .swiper_event_3v_wrap .swiper-button-next {right:-10px} .swiper_event_3v_wrap .swiper-button-prev {left:-10px} } @media (max-width: 900px) { } @media (max-width: 800px) { .ing_info span { font-size: 17px;} .ing_top .weather { font-size: 24px;} .ing_top .time { font-size: 24px;} .ing_help_icon li a {width: 100%;height: auto;padding: 20px 20px 20px 70px;} .ing_help_icon li:nth-child(1) a {margin-right: 0;} .ing_help_icon li:nth-child(3) a {margin-right: 0; margin-bottom:2%; background-size:35px;} .ing_help_icon li a p {font-size: 15px;} .live_chat a p {font-size: 14px;} .live_chat a {padding: 20px 0px;border-radius: 10px;} .abook_btn .diary_btn {font-size: 14px;padding: 10px 10px;} .mywallet_wrap ul li p { font-size:16px; } .mywallet_wrap ul li span {font-size:13px; ;} .diary_list .desc > a { padding:10px 8px; letter-spacing:-1px; font-size:12px; height:auto;} } @media (max-width: 700px) { #ing_search_map {height: 280px;} .duble_tab02 ul li a, .duble_tab02 ul li a.over { font-size: 14px;} .duble_tab02 { margin: 0;} .duble_tab02 ul { flex-wrap: wrap; } .duble_tab02 ul li { box-sizing:border-box; margin-bottom:10px;} .duble_tab02 ul li a { margin:0 5px; line-height: 23px;} /* 모달 콘텐츠 스타일 */ #modal001-content {height:100vh;} .diary_list ul > li {width:98%} .diary_list ul > li a {height:200px;} .diary_input h5 { font-size: 16px;} .diary_list .desc {padding-top:0; margin-left:0px; margin-top:10px;} } /* Mobile Device 640 */ @media (max-width:640px) { .wallet_top_menu { font-size: 13px;height: 34px; line-height:34px;border-radius: 10px;} .ing02_body .infobox_bg15 { background-size:115px;} } /* Mobile Device 600 */ @media (max-width:600px) { .ing02_inner h1 {font-size:16px; margin-bottom:0px} .ing02_inner .ing02_top .weather { font-size: 16px;} .ing02_body { margin: 110px auto 0 auto; padding:20px 2%;} .ing02_body_sub { margin: 110px auto 0 auto; padding:20px 2%;} .ing02_inner { position:fixed; left:50%; transform: translateX(-50%);} .ing02_body {margin:120px 0 auto} .guide_arrives {margin:0 auto} .guide_arrives .desc {display:block} .guide_arrives .desc i {display:block; text-align:center} .guide_arrives span {width:100%; padding:1rem 0; text-align:center} .guide_arrives a {padding: 0.5rem; width: 100%; box-sizing: border-box} .ing02_wrap_sub .ing02_body{margin:40px auto 80px auto; } .ing02_wrap_sub .ing02_body_main { margin:120px auto 0 auto; } .ing_top li {justify-content: center; height:100px; width:32.3%; margin:5px 0.5%; padding:10px 5px;} .ing_info p { font-size:12px; margin-bottom:5px;} .ing_info span {font-size:12px; letter-spacing:-1px; font-family: 'GmarketSansM'; } .ing_info em {font-size:11px; color:#fff; opacity:0.8;} .ing_info a {display:inline-block; padding:3px 5px; color:#fff; border-radius:5px; margin-top:5px; width:73px; font-size:12px; letter-spacing:-1px; } .ing_top {margin-top: 10px; padding: 10px;} .now_price li a {font-size: 12px;} .now_price li a p {font-size: 12px;} .ing_help_icon li:nth-child(1) a {background-size:28px;} .ing_help_icon li:nth-child(2) a {background-size:33px;} .ing_help_icon li:nth-child(3) a {background-size:33px;} .ing_help_icon li:nth-child(4) a {background-size:28px;} .ing_top .icon_calendar img {width:30px;} .ing_help_icon li:nth-child(1) a{ background-size:28px;} .ing_help_icon li:nth-child(2) a{ background-size:33px;} .ing_help_icon li:nth-child(3) a{ background-size:33px;} .ing_help_icon li:nth-child(4) a{ background-size:28px;} .ing_top .icon_calendar img {width:30px;} .weather_time .weathers .weather {width: 46%;padding-right: 0px;} .weather_time .times .time { font-size: 20px;} .weather_time .weathers {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;} .weather_time .weathers .weather .date {font-size: 14px;line-height: 16px;margin: 0 0 5px 0;} .weather_time .times .desc {margin: 0 0 10px 0; letter-spacing:-1px;} .weather_time h5 {font-size: 16px;line-height: 16px;margin: 0 0 10px 0;} .weather_time .times {padding: 10px 0 0 0px;} .weather_time .weathers {padding-bottom: 10px;} .ing_top_info h3 {font-size:22px!important; line-height:150%;} .google_map iframe {height:250px;} .translation .language img { width:30px; } .translation textarea {max-height: 50px;} .translation .language p {font-size: 14px;} .translation .language {margin-bottom: 10px;} .text_language { padding:10px; margin-top:5px;} /* 마이가이드받기 블럭 */ .infobox_bg04 .desc {display:block} .infobox_bg04 .desc .guide_total {width:auto; font-size:12px !important;} /*.infobox_bg04 .desc .btn_guide_check {margin-top:5px}*/ .planList_select_txt02 {font-size: 14px; width:110px; } .ing02_body .infobox_bg00 { background-position: 92% 35PX} /*채팅*/ .mywallet_wrap ul { align-items: flex-start;} .mywallet_wrap ul li { width:calc(33.3% - 20px); } } /* Mobile Device 500 */ @media (max-width:500px) { .ing02_body .infobox_bg14 { background-position: 94% 7% ; } /*환율*/ .p_wallet_title {font-size: 15px; } .p_wallet_p p {font-size:13px;} .ing02_body .infobox_bg15 .pc_enter {display:inline-block;} .ing02_body .infobox_bg15 {background-size: 90px;padding: 20px 20px 40px 20px;background-position: 50% 89%;} .ing02_body .infobox_bg15 p {font-size:13px; letter-spacing:-1px;padding: 0px 0 70px 0;} } /* Mobile Device 400 */ @media (max-width:400px) { .ing02_wrap_sub .ing02_body .infobox {padding: 20px 10px;} .diary_btn {font-size: 14px;padding: 10px 30px;} .infobox_bg04 .group .item {padding: 1rem 1rem; border-radius: 1rem;} /*.ing02_body .infobox { padding: 15px 16px 60px 16px;}*/ .ing02_body .infobox_bg00 { background-position: 90% 40px} /*채팅*/ .mywallet_wrap ul { margin: 30px 0 0px 0; padding: 10px 0;} .mywallet_wrap ul li p { font-size:14px; margin-bottom:0;} .mywallet_wrap ul li span em { font-size:10px;} }