/* 다이어리 > 생성 > 나라선택 부분 */
.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:#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-Regular';}

.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 20px 15px 20px; 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;   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; right:20px; bottom:25px; opacity:0.7; font-size:15px; color:#fff;}

.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;}

.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:#ffffffe6; box-sizing:border-box; position:relative;border:1px solid #f5f5f5;    border-radius:20px;  box-sizing:border-box; padding:15px 20px 60px 20px;  box-shadow: 4px 2px 4px rgba(0,0,0,0.1);}
.ing02_wrap_sub .ing02_body .infobox {padding:20px 20px 20px 20px;    box-shadow: none;  border: 0;}
.ing02_body_flex {display:flex;flex-wrap:wrap;justify-content:space-between;}

.ing02_body .infobox h2 {font-size:15px; font-weight:bold; color:#222; margin-bottom:10px;}
.ing02_body .infobox .more {font-family: 'Pretendard-Regular'; 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:13px; 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_bg12 .more02 {font-family: 'Pretendard-Regular'; 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 #bbd6ffe6;  border-radius:10px; background: #ebf3ffe6; }
.weather_list li:first-child .weather_list_p01 {color:#003583e6; 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:#4884cd; font-size:14px; }
.ing02_wrap_sub .infobox_bg05 h2 {margin-bottom:0;}

 
.box_setting_btn { display:none; position:fixed;transform: translateX(-50%); left:50%; bottom:90px; 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:50px; height:50px; 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: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;flex-wrap: wrap;align-items: center;justify-content: center;max-width: 800px; margin: 0 auto;}
#popup01 .pop_menu_list li {margin-top:5px;}
#popup01 .pop_menu_list li a{flex-direction:column; float:left; text-align:center; margin:5px; display:flex;; justify-content: center; align-items: center; width:75px; height:75px; margin-bottom:5px; background-color:#ffffffc7; border-radius:50%;}
#popup01 .pop_menu_list li p {font-size:12px; height:115px;   line-height:120%; color:#fff; text-align:center;}
#popup01 .pop_menu_list li img {max-height:40px;}




/* 가이드 도착 팝업 */

.guide_arrives {max-width:800px; margin:20px auto 0 auto; padding:0 10px; }
.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; }

.ing02_body .infobox_bg00 {padding-bottom:10px;border:2px solid #8E2DE2; padding:20px; background:#fff /*url("/images/sub/ing02_icon_00.png") no-repeat 85% 15% / 90px;*/} /*채팅*/
.ing02_body .infobox_bg01 {padding-bottom:10px; padding:20px; border:2px solid #2943ca; } /*한국은지금*/
.ing02_body .infobox_bg02 {background:#ffffffe6 url("/images/sub/ing02_icon_02.png") no-repeat 90% 60% / 30px;}/*환율*/
.ing02_body .infobox_bg03 {background:#ffffffe6 url("/images/sub/ing02_icon_03.png") no-repeat 90% 60% / 35px;}/*주변검색*/
.ing02_body .infobox_bg04 {background:#ffffffe6 url("/images/sub/ing02_icon_04.png") no-repeat 90% 58% / 25px;}/*마이가이드받기*/
.ing02_body .infobox_bg05 { background-color:#6c29eb; border:0; }/*실시간날씨*/
.ing02_body .infobox_bg06 {padding-bottom:50px;} /*걸음수*/
.ing02_body .infobox_bg07 {padding-bottom:50px;background:#ffffffe6 url("/images/sub/ing02_icon_07.png") no-repeat 90% 65% / 25px;} /*여행가계부*/
.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 {padding:20px;border:0;  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; border:2px solid #FF9A00;  background:#FFF4E2 /*url("/images/sub/ing02_icon_12.png") no-repeat 85% 10% / 140px;*/}  /*마이다이어리*/
.ing02_body .infobox_bg13 {border:1px solid #ff38a6; background-color:#ff38a6; padding-bottom:20px}





.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_bg05 h2, .ing02_body .infobox_bg13 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 #7e34f3;   border-radius:10px;  line-height:120%; margin-bottom:7px;   position:relative;    }
.infobox_bg00  li a { font-weight:bold; border-radius:10px;background-color:#faf3ff;color:#7e34f3; padding-left:18px;  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:#42138d; font-weight:bold;}
.infobox_bg00  li a span:hover  {  background-color:#611ad1; }
.infobox_bg00  li a p{ color:#42138d; font-size:14px; font-weight:bold;}
.infobox_bg00  li::after {width:3px; height:3px; background-color:#7e34f3; 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:7px;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:3px; height:3px; background-color:#3c1db0; content:''; display:block; left:0; top:7px; 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%; margin:0 5px; display:inline-block; font-size:14px!important;  color:#e81111;  font-weight:bold;}
.infobox_bg04 .desc .btn_guide_check{ font-size:13px!important; background-color:#e7e7e7; color:#333; padding:3px 10px; border-radius:20px; }



/*.group {background-color:#f9f9f9; padding:2rem; border-radius:2rem}*/
.group .item {background-color:#f9f9f9; padding:2rem; border-radius:2rem; margin-bottom:2rem}
.group h3 {margin-bottom:1rem}




.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 {color: #fff;margin: 0 0 5px 0}
.infobox_bg05  .weather>div p .wthr {color: #fff;font-weight: bold;margin: 0 0 10px 0}
.infobox_bg05  .weather>div p .tmprt {color: #fff300;font-weight: bold}
.infobox_bg05  .weather>div p .tmprt i {color: #fff}

.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%;  padding-bottom:3px; padding:10px 10px 10px 20px;position:relative;    }
.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: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_bg13 a {position:relative; display:block; font-size:14px; color:#fff; padding:0.5rem 0 0.5rem 0.7rem; transition: all .2s}
.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:1.3rem; height:1.3rem; position:absolute; right:0; top:50%; transform:translateY(-50%); border:1px solid #fff; background-color:#fff; color:#ff38a6; border-radius:100%; font-family:xeicon; font-size:1.2rem; 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;}



/*한국은 지금*/
.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 #ddd; margin-bottom:10px;}
.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:10px;  }
.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{color:#222; line-height:120%; padding-bottom:5px; padding-left:7px;position:relative;  width: 95%;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::after {width:3px; height:3px; background-color:#222; content:''; display:block; left:0; top:7px; position:absolute; }

.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:#bb733d; font-weight:normal;font-size:12px;}

.ing02_body .infobox_bg01 .weather { color: #222;font-size: 20px;font-family: 'GmarketSansL';display: flex;align-items: center;justify-content: center;}



/* 한국은 지금 서브 */
.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 { }
.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: #f4ebfd;   border: 1px solid #bb88f1;color: #7b2ecf;}


.ing02_wrap_sub .infobox_bg04  .btn_application {
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;
}

.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:15px;  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 {color:#3c1db0; position:absolute; font-size:20px; right:15px; top:15px; cursor:pointer;}


.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:#4e4e4e; 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;}
.scrolltable tbody{overflow:auto;width:100%;}


/* 행 장식 */
.scrolltable th, .scrolltable td {font-weight:normal; padding: 10px;text-align: left;text-align: center;}
.scrolltable tr {cursor:pointer;}
.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 { 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;}


.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:#fbfbfb; caret-color: #1a73e8; color: #70757a; overflow: hidden; display: flex; padding:10px; margin-bottom:10px; border-radius: 6px; position:relative;}
.exchange_money input {flex:1;}

.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:#8E2DE2; color:#fff!important; border-radius:5px; padding:5px 5px; text-align:center; min-width:40px;}

#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:#8643e3; 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:#8242e5; 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 li {float:left; width:48%; margin:10px 2%; border-radius:20px; padding-left:0}
.diary_list ul li a {position:relative; display:flex; flex-direction: column; 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; gap:5px; padding-top:15px}
.diary_list .desc a {display:block; padding:0.5rem 0.7rem; border:1px solid #ff38a6; border-radius:50rem}
.diary_list .desc a:hover {background-color:#ff38a6; color:#fff}

.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 {margin:10px auto; text-align:center; width:100%; overflow:hidden; }
.diary_write_top  h4 { color:#8643e3; z-index:1; font-size:20px; padding-bottom:3px; }
.diary_write_top .nation { color:#555;  margin-bottom:7px;}
.diary_write_top .date { color:#555; }
.diary_write_top .person { color:#555; }


.ing02_body .category_menu_swiper .active {background-color: #8643e3!important;border: #8643e3!important;}
.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;}
.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;justify-content: space-around;align-items: center;background-color:#fff; border-radius:20px; padding:15px;  box-sizing:border-box;width:100%; margin-bottom:20px;}
.budget_info p {font-size:16px;  border-right: 1px solid #ddd;}
.budget_info p:last-child { border-right: 0px;}
.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; }



.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;}

 

 #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: #7b1ac6;color: #fff; border:1px solid #7b1ac6;}


/*.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;}




/* 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%;}

}



@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;}

}




@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;}

}



/* 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:140px auto 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 0 auto;  }
.ing02_wrap_sub .ing02_body_main {   margin:120px  auto 0 auto;  }

.diary_list ul li {width:98%; margin-left:15px;}
.diary_list ul li a {height:230px;}
.diary_input h5 {  font-size: 16px;}

.diary_list .desc {padding-top:0; margin-left:15px}


.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}
.infobox_bg04 .desc .btn_guide_check {margin-top:5px}

}



/* Mobile Device 1000 */
@media (max-width:400px) {
 .ing02_wrap_sub .ing02_body .infobox {padding: 20px 10px;}

 .diary_btn {
    font-size: 14px;
     padding: 10px 30px;
 }

}