/*여행설계 홈*/
.new_plan_home {position:relative; max-width:500px;  width: 100%;  height: 90vh;
border-radius: 20px; box-sizing:border-box; margin:20px auto; padding:20px; background-color:#3879ef;}

.new_plan_home .plan_wrap {position:absolute; text-align:center;left:50%; top:50%; width:80%;  box-sizing:border-box;transform: translate(-50%, -50%);}
.new_plan_home .plan_wrap img {max-width:80px; width:100%; margin-bottom:10px;}
.new_plan_home .plan_wrap h3 {color:#ffeb00; font-size:24px; font-family: 'GmarketSansM'; }
.new_plan_home .plan_wrap h3 + p  {color:#fff; margin:10px 0; font-size:14px; opacity:0.8; line-height:130%;}
.new_plan_home li a {display:block; background-color:#ffffff24;border:1px solid #ffffff6e;text-align:left;  padding:30px 20px 80px 20px; width:100%;  margin:10px 0 ; box-sizing:border-box; border-radius:20px; position:relative;}
.new_plan_home li a p { font-family: 'Pretendard-Regular'; color:#fff; font-size:20px; margin-bottom:5px; font-weight:bold; font-weight:normal}
.new_plan_home li a p b {position:relative; color:#fff; font-weight:bold; }
.new_plan_home li a span { font-weight:300;color:#fff; font-size:14px; line-height:130%;  oplacity:0.9;}

/*.new_plan_home li a p b::after {
content: '';
z-index: -1;
display: block;
width: 100%;
height: 11px;
background-color: #234fcb;
left: 0;
bottom: 0;
position: absolute;
}*/

.new_plan_home li:first-child a{margin:20px 0; background:#ffffff1a url("/images/sub/new_plan_home_top_img02.png") no-repeat 90% 70% / 60px;}
.new_plan_home li:last-child a{background:#ffffff24 url("/images/sub/new_plan_home_top_img03.png") no-repeat 90% 50% / 50px;}


.new_plan_home li a::after {
width: 24px;
height: 24px;
line-height: 24px;  font-family: 'Pretendard-Regular';
content: ">";
background-color: #fff;
border-radius: 50%;
color: #3879ef; font-weight:bold;
bottom:40px; left:20px; position:absolute; 
font-size: 16px; text-align:center;}


.new_plan_home .plan_top_p {color:#fff; opacity:0.9; font-size:23px; text-align:center; font-weight:100; margin-bottom:10px;}
.new_plan_home .plan_top_p img {max-width:130px!important; margin-bottom:0!important}


/*여행설계 홈 02*/
.new_plan_home02 {position:relative; max-width:1020px;  width: 100%;  height: 90vh;
border-radius: 20px; box-sizing:border-box; margin:20px auto; padding:20px; background-color:#;}

.new_plan_home02 .plan_wrap {position:absolute; text-align:center;left:50%; top:50%; width:80%;  box-sizing:border-box;transform: translate(-50%, -50%);}
.new_plan_home02 .plan_wrap img {max-width:200px; width:100%; margin-bottom:30px;}
.new_plan_home02 .plan_wrap h3 {color:#3879ef; font-size:24px; font-family: 'GmarketSansMedium'; }
.new_plan_home02 .plan_wrap h3 + p  {color:#222; margin:10px 0; font-size:14px; opacity:0.8; line-height:130%;}
.new_plan_home02 ul {display:flex; gap:20px; margin-top:30px;}
.new_plan_home02 ul li {width:50%;}
.new_plan_home02 li a {display:block; background-color:#ffffff24;border:1px solid #ffffff6e;text-align:left;  padding:30px 20px 80px 20px; width:100%;  margin:10px 0 ; box-sizing:border-box; border-radius:10px; position:relative;}
.new_plan_home02 li a p { font-family: 'Pretendard-Regular'; color:#fff; font-size:20px; margin-bottom:10px; font-weight:bold; font-weight:normal}
.new_plan_home02 li a p b {position:relative; color:#fff; font-weight:bold; }
.new_plan_home02 li a span { font-weight:300;color:#fff; font-size:14px; line-height:130%;  oplacity:0.9;}

 
.new_plan_home02 li:first-child a{  background:#2367ff url("/images/sub/new_plan_home_top_img02.png") no-repeat 90% 70% / 60px;}
.new_plan_home02 li:last-child a{background:#23b8ff url("/images/sub/new_plan_home_top_img03.png") no-repeat 90% 50% / 50px;}


.new_plan_home02 li a::after {
width: 24px;
height: 24px;
line-height: 24px;  font-family: 'Pretendard-Regular';
content: ">";
background-color: #fff;
border-radius: 50%;
color: #3879ef; font-weight:bold;
bottom:40px; left:20px; position:absolute; 
font-size: 16px; text-align:center;}
 


.new_plan_home02 .plan_top_p {color:#3879ef; opacity:0.9; font-size:23px; text-align:center; font-weight:100; margin-bottom:10px;}


  


/*일정 수정하기 모드*/
.plan_edit .best_list_view .day_num  em p{  background-color:#ddd; }
.plan_edit .best_list_view .day_num  em p::before {background-color: #ddd;}

.plan_edit .best_list_view li.ticket .ticket_txt01 { border-bottom: 0; padding-bottom:0;}
.plan_edit  .best_list_view li.ticket .ticket_txt01 abbr { display:none;}

 

.plan_edit .checkboxB {  font-size:18px; display: inline-block;position: relative;}
.plan_edit .checkboxB input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.plan_edit .checkboxB label {border:0!important; width:auto;  float:left!important;  display:inline-block!important; cursor: pointer;padding-left: 30px; margin-right:7px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 30px;color: #252525;letter-spacing: -0.8px;background-image:none; padding:0 0 0 30px;}
.plan_edit .checkboxB label:before {position: absolute;left: 0;top: 0;content: "";width: 25px;height: 35px;vertical-align: middle;background: url("/images/sub/plan_edid_chk_black.png") no-repeat 0 0;-webkit-background-size: 100% auto; float:left!important;  display:inline-block!important;background-size: 100% auto;}
.plan_edit .checkboxB input:checked+label:before {background-image: url("/images/sub/plan_edid_chk_o_blue.png"); }
.plan_edit .checkboxB input:checked + label {background-image:none; color:#222;}

.plan_i_time {text-align:center;}
.plan_i_time button{ width:60px;  color:#ababab; font-size:12px;}
.plan_i_time i{display:block; color:#ababab;}

.plan_i_time button[data-selected=true] {color:#222;}
.plan_i_time button[data-selected=true] i{color:#222;}


.plan_edit .best_list_view .day_con p {overflow: hidden;   text-overflow: ellipsis;max-width:90%; height:20px; line-height:20px;}


.plan_top_button {display:flex; padding:20px 10px 0 10px; background-color:#f6f6f6;}
.plan_top_button .btn_plan_date {margin-left:auto;}
.plan_top_button .btn_plan_delete {margin-left:10px;}

.plan_top_button button {
padding: 8px 15px 7px;
background-color: #fff;
line-height: 1.5;
font-weight: 500;
box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05);
border-radius: 8px; font-size:14px;
}

.plan_plane_ticket_btn {margin-bottom:20px; display:inline-block; box-sizing:border-box; text-align:center; width:100%;padding:15px 20px; background-color:#eaf9ff!important; color:#2e8eb3!important; border:1px solid #a6d2eb!important; font-size:14px; border-radius:10px;}
 





/*여행스타일*/
.tour_style_check {margin:0px 0;}
.tour_style_check .tab-content {display: none; box-sizing:border-box; width: 100%;height: auto; border: 3px solid #4E4E4E; font-size: 16px;padding: 10px; }

#tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
#tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
.tour_style_check {font-size: 0px;}
.tour_style_check input[type='radio'] {display: none;}
.tour_style_check label {
display: inline-block; margin-bottom:10px;
width: 100%;
line-height: 20px;font-weight:bold;
font-size: 16px;
cursor: pointer;
padding: 10px 100px 10px 80px;
border-radius: 10px;
margin-right: 5px;
border: 1px solid #f1f1f1;box-sizing:border-box; 
background: #fff url("/images/sub/alcohol_tab.gif") no-repeat 30px 50%;
background-size: 30px;
}
.tour_style_check label span {font-size:13px; font-weight:normal; opacity:0.8;}
.tour_style_check input:checked + label {color: #fff; background:#4E4E4E url("/images/sub/alcohol_tab_o.gif") no-repeat 30px 50%; font-weight:bold; background-size:30px;}







 
/*알콜 스타일*/
.alcohol_check {margin:30px 0;}
.alcohol_check .tab-content {display: none; box-sizing:border-box; width: 100%;height: 160px; border: 3px solid #4E4E4E; font-size: 16px;padding: 10px; }

#tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
#tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
.alcohol_check {font-size: 0px;}
.alcohol_check input[type='radio'] {display: none;}
.alcohol_check label {
display: inline-block;
width: auto;
height: 20px;
line-height: 20px;
font-size: 18px;
cursor: pointer;
padding: 20px 100px 20px 80px;
border-radius: 10px;
margin-right: 5px;
border: 1px solid #ddd;
background: #fff url("/images/sub/alcohol_tab.gif") no-repeat 10% 50%;
background-size: 30px;
}
.alcohol_check input:checked + label {color: #fff; background:#4E4E4E url("/images/sub/alcohol_tab_o.gif") no-repeat 10% 50%; font-weight:bold; background-size:30px;}






/*명소추가*/
.hotplace_tab {margin:10px auto 0 auto; overflow:hidden;  width:100%; max-width:1020px;  }
.hotplace_tab .tab-content {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;  margin-top:30px;}

.my_plan_hotplace li {border-bottom:1px dotted #ddd; padding:10px 0;}


.hotplace_tab #tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
.hotplace_tab #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
.hotplace_tab #tab3:checked ~ #tab-content3 {display: block;background-color: #fff;}
.hotplace_tab {font-size: 0px;  display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.hotplace_tab input[type='radio'] {display: none;}
.hotplace_tab label {
width: 49%; margin-left:1%;
box-sizing:border-box;
height: 55px;
font-size: 14px;
cursor: pointer;
padding:15px 20px;
text-align:center;
background-size:30px;
margin-bottom:10px; position:relative;
background-color:#f1f1f1; border-radius:30px;
}

.hotplace_tab label.tab1 {border-radius:30px;  }
.hotplace_tab label.tab2 {border-radius:30px;}
 
.hotplace_tab input:checked + label {position:relative; color: #fff; background:#222; font-weight:bold; border-radius:30px; z-index:999; ;}
.hotplace_tab .tab-content ul {display:flex; flex-direction: column;align-items: center; justify-content: center;align-content: center; margin-top:5px;}
.hotplace_tab .tab-content  li { width:100%; text-align:center; font-size:17px; line-height:110%;}
.hotplace_tab .tab-content  li img {height:50px; margin:0 10px; border-radius:10px; margin-bottom:0 }

.addPoisModal_index {font-weight:bold; font-size:20px; color:#222!important;}
 


/*명소추가*/
.myplan_hotel_tab {margin:0px auto 0 auto; overflow:hidden;  width:100%; max-width:1020px;  }
.myplan_hotel_tab .tab-content {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;  margin-top:15px;}
.myplan_hotel_tab #tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
.myplan_hotel_tab #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}

.myplan_hotel_tab {font-size: 0px;  display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.myplan_hotel_tab input[type='radio'] {display: none;}
.myplan_hotel_tab label {
display: inline-block;
width: 50%;
box-sizing:border-box;
height: 55px;
font-size: 16px;
cursor: pointer;
padding:15px 20px;
text-align:center;
background-size:30px;border-bottom:2px solid #ddd; 
}

.myplan_hotel_tab input:checked + label {position:relative; color: #222; border-bottom:2px solid #222; background:#fff; font-weight:bold;  }

.myplan_hotel_search_list ul {display:flex;}
.myplan_hotel_search_list li a { display:flex;flex-direction: column; justify-content: center; padding:15px 0;border-bottom:1px solid #ddd;}
.myplan_hotel_search_list li a .my_plan_list_p {font-size:15px; color:#222;}
.myplan_hotel_search_list li a .my_plan_list_p02 {font-size:14px; color:#999;}
.myplan_hotel_search_list li a .my_plan_list_p02 span {position:relative; padding-left:5px;}
.myplan_hotel_search_list li a .my_plan_list_p02 span::after {background-color:#ddd; width:1px; height:12px; content:''; position:absolute; left:0; top:3px;}

/*여행날짜체크*/
.date_select {margin:30px 0 10px 0;   }
.date_select .tab-content02 {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;padding: 10px; margin-top:30px;}

.date_select #tab1:checked ~ #tab-content1 {display: block; background-color: #fff; height:200px;}
.date_select #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;height:200px;}

.date_select {font-size: 0px;  }
.date_select input[type='radio'] {display: none;}
.date_select label {
width: 32%;
box-sizing:border-box;
font-size: 14px;
cursor: pointer;
padding:10px 20px;
text-align:center;
margin-right:5px;
margin:0px 5px 0px 0;
border:1px solid #ddd; 
background-size:30px;
border-radius:20px; position:relative;
}

.date_select input:checked + label {position:relative;color: #fff; background:#f4ebfd; color:#7b2ecf;border:1px solid #bb88f1; font-weight:bold; background-size:30px;}
.date_select .chk:checked+:before {
z-index: 100;
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: -5px auto 0;
border-color:#bb88f1;
border-style: solid;
border-width: 0 1px 1px 0;
width: 10px;
height: 10px;
content: "";
background-color: #f4ebfd;transform: rotate(45deg);}

.plan_list {display: flex;flex-wrap: wrap;margin: 0;padding: 1px 0;background-color: #edf1f3;border-radius: 5px;}
.plan_item:first-child {border-top-left-radius: inherit;}
.plan_item{margin-left: 1px;width: calc((100% - 5px)/4); margin-bottom:1px;}
.plan_period {
display: block;
position: relative;
padding: 12px 0;
width: 100%;
line-height: 1.43;
font-size: 14px;
font-weight: 500;
letter-spacing: -.3px;
color: #424242;
border-radius: inherit;
background-color: #fff; cursor:pointer;
}

.plan_period[aria-checked=true] {background-color: #f4ebfd;}
.plan_period[aria-checked=true]:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #bb88f1;content: "";border-radius: inherit;}



.plan_number {display: flex;padding: 1px 0;background-color: #edf1f3;border-radius: 5px;margin-top:10px;}
.plan_number .plan_minus {flex-shrink: 0;margin: 0 1px;width: 46px;background-color: #fff;}
.plan_number .plan_minus:before {background-image: url(/images/sub/sprite-minus.png);width: 12px;height: 3px;background-size:cover;display: block;margin: auto;content: "";}


.plan_number .plan_value {
flex-grow: 1;
position: relative;
padding: 12px 0;
line-height: 1.47;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: -.3px;
text-align: center;
color: #424242;
background-color: #fff;
}
.plan_number .plan_value select {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.plan_number .plan_value {
flex-grow: 1;
position: relative;
padding: 12px 0;
line-height: 1.47;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: -.3px;
text-align: center;
color: #424242;
background-color: #fff;
}
.plan_number .plan_plus {
flex-shrink: 0;
margin: 0 1px;
width: 46px;
background-color: #fff;
}
.plan_number>:last-child {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.plan_number .plan_plus:before {
background-image: url(/images/sub/sprite-plus.png);
 width: 12px;
height: 12px;
display: block;
margin: auto; background-size:cover;
content: "";
}

button.plan_manual {
display: block;
border: 1px solid #e3e6e8;
width: 100%;
line-height: 1.47;
font-size: 14px;
text-align: left;
border-radius: 6px; padding:10px 20px; position:relative;
}
 


.my_plan_bottom_btn {display:flex; width:100%; padding:10px;  box-sizing:border-box; }
.my_plan_bottom_btn button, .my_plan_bottom_btn a { text-align:center; border: 1px solid #e3e6e8; border-radius: 6px; padding:15px 0px; font-size:14px; cursor:pointer;}

.my_plan_bottom_btn .button_write  {background-color:#624dd4; color:#fff; flex-grow:1;  border: 1px solid #e3e6e8; border-radius: 6px; padding:15px 0px; font-size:14px; text-align:center;}
.my_plan_bottom_btn .button_write:hover {color:#fff; background-color:#5a0c97;}



.my_plan_bottom_btn .btn_modal_submit_btn {background-color:#333; color:#fff; flex-grow:1;}
.my_plan_bottom_btn .btn_modal_cancel_btn {background-color:#fff; color:#555; width:100px;   margin-right:5px;}

.my_plan_bottom_btn .btn_modal_submit_btn:disabled {pointer-events: none;background-color: #ccc;}



.addPoisModal_input {
outline: none; 
border: 1px solid #f9f9f9;
padding: 16px 0 15px;
width: 100%;
text-indent: 35px;
background-color: #f9f9f9!important;
border-radius: 10px!important;
}


.addPoisModal_input_w {
outline: none; 
border: 1px solid #e3e6e8!important;
padding: 16px 0 15px;
width: 100%;
text-indent: 10px;
background-color: #fff; 
border-radius: 10px!important;  
}

.addPoisModal_input_w:disabled {
border-color: #f0f1f2;
color: #8f8f8f;
background-color: #f9f9f9; 
}



.addPoisModal_input_g {
outline: none; 
border: 1px solid #e3e6e8!important;
padding: 16px 0 15px;
width: 100%;
text-indent: 10px;
background-color: #f1f1f1; 
border-radius: 10px!important;  
}




.addPoisModal_meta {flex-shrink: 1;margin-right: 15px;white-space: nowrap;min-width: 0;text-align: left;}
.addPoisModal_meta .addPoisModal_text:not(:first-child):before {display: inline-block;margin: 0 7px;width: 1px;height: 11px;background-color: #d8d8d8;content: "";vertical-align: -1px;}

.addPoisModal_place {display: flex;align-items: center;width: 100%; cursor:pointer}
.addPoisModal_place.addPoisModal_figure {background: #f4f7f8 url(/images/sub/plan_edid_chk_o_black.png) 50%/20px auto no-repeat;position: relative; background-size:cover;width: 54px;height: 54px;border-radius: 6px;}
.addPoisModal_name {line-height: 1.44;overflow: hidden;text-overflow: ellipsis;color: #242424;}
.addPoisModal_place:after {background-image: url(/images/sub/plan_edid_chk_black.png);width: 22px; background-size:cover;height: 22px;flex-shrink: 0;margin-left: auto;content: "";}
.addPoisModal_place[aria-checked=true]:after {background: #f4f7f8 url(/images/sub/plan_edid_chk_o_black.png) 50%/20px auto no-repeat;background-size:cover;    width: 22px;height: 22px;}


.dates-selector {display: flex;}
.dates-selector .selected-date {
display: flex;
border: 1px solid #e9e9e9;
line-height: 20px;
background-color: #fff;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
border-radius: 10px;
margin: 7px 5px;
padding: 10px 0;
}

.dates-selector .selected-date.active {border-color:#222;}
.dates-selector .selected-date.active .buttons .date {color:#222!important;}
.dates-selector .selected-date  .buttons .date {color:#222!important;}
.dates-selector .selected-date.active .next:before { border-left-color:#222!important;}
.dates-selector .selected-date.active .prev:before { border-right-color:222!important;}
 

.dates-selector .title {color: #9e9e9e;}
.dates-selector .buttons {display: flex; flex-grow: 1; align-items: center;}
.dates-selector .date {display: inline-block; flex-grow: 1; text-align: center; font-weight:bold;}
.dates-selector .prev, .dates-selector .next {position: relative; display: inline-block; vertical-align: middle; padding: 10px; width: 25px; height: 40px;}
.dates-selector .prev:before, .dates-selector .next:before {position: absolute; display: block; top: 17px; border: 5px solid transparent; width: 0; height: 0; content: "";}
.dates-selector .prev:before {right: 8px; border-left-width: 0; border-right-color: #999;}
.dates-selector .next:before {left: 8px; border-right-width: 0; border-left-color: #999;}
/* Add your additional styling as needed */






/*교통정보*/
.duble_tab {display:block; margin:10px 0;}
.duble_tab ul {overflow: hidden;width: 100%;margin: 0;padding: 0; display:flex; flex-wrap:wrap; }
.duble_tab ul li { width:25%; display:flex; margin-bottom:5px;}
.duble_tab ul li a{flex:1;  margin-right:-1px;box-sizing: border-box;float: left;  border: 1px solid #ddd; text-align: center; color: #222;
border-radius: 10px; padding:35px 0 0px 0; line-height:45px;
margin-right: 5px;}

.duble_tab ul li a.activeClass {font-weight: bold;font-size: 20px;}
.duble_tab ul li a.selected:hover {background-color: #7b1ac6;color: #fff;}


.duble_tab ul li:nth-child(1) a {background: url("/images/sub/travel_07.png") no-repeat 50% 15px / 30px;}
.duble_tab ul li:nth-child(1) a.selected:hover {border:2px dotted #7b1ac6; background: #7b1ac6 url("/images/sub/travel_07_w.png") no-repeat 50% 15px / 30px;   }

.duble_tab ul li:nth-child(2) a {background: url("/images/sub/travel_05.png") no-repeat 50% 15px / 30px;}
.duble_tab ul li:nth-child(2) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_05_w.png") no-repeat 50% 15px / 30px; }
 
.duble_tab ul li:nth-child(3) a {background: url("/images/sub/travel_08.png") no-repeat 50% 12px / 28px;}
.duble_tab ul li:nth-child(3) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_08_w.png") no-repeat 50% 12px / 28px; }

.duble_tab ul li:nth-child(4) a {background: url("/images/sub/travel_03.png") no-repeat 50% 15px / 30px;}
.duble_tab ul li:nth-child(4) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_03_w.png") no-repeat 50% 15px / 30px; }

.duble_tab ul li:nth-child(5) a {background: url("/images/sub/travel_02.png") no-repeat 50% 13px / 30px;}
.duble_tab ul li:nth-child(5) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_02_w.png") no-repeat 50% 13px / 30px; }

.duble_tab ul li:nth-child(6) a {background: url("/images/sub/travel_01.png") no-repeat 50% 10px / 28px;}
.duble_tab ul li:nth-child(6) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_01_w.png") no-repeat 50% 10px / 28px; }


.duble_tab ul li:nth-child(7) a {background: url("/images/sub/travel_09.png") no-repeat 50% 12px / 25px;}
.duble_tab ul li:nth-child(7) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_09_w.png") no-repeat 50% 12px / 25px; }


.duble_tab ul li:nth-child(8) a {background: url("/images/sub/travel_06.png") no-repeat 50% 30px / 24px;}
.duble_tab ul li:nth-child(8) a.selected:hover {background: #7b1ac6 url("/images/sub/travel_06_w.png") no-repeat 50% 30px / 24px; }

/**/
.plan_new_con { width:1020px; max-width:100%; margin:0 auto;   display: flex;flex-direction: column;height: 100vh;overflow: hidden; }
.plan_new_con .plan_new_con_top { border-bottom:1px solid #ddd;  position:relative; padding:20px 10px 10px 10px; background-color:#fff;  z-index:370;}
.plan_new_con .plan_new_con_conbody {  flex: 1; overflow-y: auto;  padding: 20px 10px;}
.plan_new_con .plan_new_con_footer { padding:10px; display: flex;flex-direction: row-reverse; border-top:1px solid #ddd; }

 


/*추천일정에서 티켓*/
.plan_new_con_conbody .day_wrap {position:relative;padding:15px 25px 15px 15px; flex-grow:1;display: flex; flex-direction: row;align-items: center;  }
.plan_new_con_conbody .day_wrap .day_con {flex-grow:1;}
.plan_new_con_conbody .ticket  {box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);  
border-radius: 20px; border: 1px solid #ddd; 
position:relative; background-color:#fff; z-index:0; 
border:1px solid #ddd; border-radius:20px; margin-bottom:20px;display: flex; flex-direction: row;align-items: center; }
.plan_new_con_conbody .ticket .ticket_txt01 {font-weight:bold; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:5px;padding-bottom:5px;}
.plan_new_con_conbody .ticket .ticket_txt01 b {color:#222; }
.plan_new_con_conbody .ticket .ticket_txt01 .place_airticket { font-weight:normal;}
.plan_new_con_conbody .ticket .ticket_txt01 abbr {color:#9e9e9e; font-weight:normal; font-size:14px;}
.plan_new_con_conbody .ticket .ticket_info {position:relative; width:100%; display:inline;  padding-top:5px; }
.plan_new_con_conbody .ticket .ticket_info span {border-right:1px solid #ddd; padding-right:5px; margin-right:5px;}
.plan_new_con_conbody .ticket .ticket_info span:last-child{border:0;padding-left:5px;}
.plan_new_con_conbody .xi-ellipsis-v {position: absolute;right: 10px;top: 15px;color: #999;font-size: 14px;}
.plan_new_con_conbody .place_airticket {background-color: #4f93f3;color: #fff!important;font-size: 14px;display: inline-block;padding: 3px 7px;margin-bottom: 5px;border-radius: 10px;color: #fff;}






#popup_modal{display: none;bottom:0; transition:0.2s;max-width: 1020px;width:100%;height:100vh; border-radius:20px;position: absolute;top: 50%;left: 50%;    transform: translate(-50%, -50%);background-color: #fff;box-shadow: 8px 4px 8px rgba(0,0,0,0.1);z-index: 100;  box-sizing:border-box;  border:1px solid #ddd;overflow-y:auto; overflow:hidden; }
#popup_modal span {color:#999; font-size:14px; }
.backon{content: "";width: 100%;height: 100%;background: #000000bd;position: fixed;top: 0;left: 0;z-index: 101;}


#popup_modal .c_group_tit .tit {font-size: 16px;color: #000;font-weight: 700;line-height: 1; margin-top:10px;}

#popup_modal .c_form .form_dt_column .tit {font-size: 13px;color: #222;font-weight: 500;display: inline-flex;justify-content: center;align-items: center;flex-direction: row;position: relative;}
#popup_modal .c_form  label.c_label { width: 47%; box-sizing:border-box;}
#popup_modal  .reservation_person_info_modal {background-color: #fff; border:1px solid #ddd;padding: 20px;border-radius: 20px; margin:10px 0;}
#popup_modal  .reservation_person_info_modal_my {background-color: #fff; border:1px solid #0065e3;padding: 20px;border-radius: 20px; margin:10px 0;}
 
 


#popup_modal  .info_btn {margin:20px 0;}
#popup_modal  .btn_info_plus { font-weight:bold;position:relative; display:block; border:1px solid #ddd; padding:15px 0; font-size:13px; text-align:center; border-radius:7px; margin:10px 0;}
#popup_modal  .btn_info_plus:hover {border:1px solid #999; }
#popup_modal  .btn_info_plus02 { font-weight:bold; position:relative; display:block; border:1px solid #ddd; padding:15px 0; font-size:13px; text-align:center; border-radius:7px; margin:10px 0; background-color:#f6f6f6}
#popup_modal  .btn_info_plus i {position:absolute; font-size:15px; color:#000; right:20px; top:50%; transform: translateY(-50%);}
#popup_modal  .btn_info_plus02 i {position:absolute; font-size:20px; color:#000;right:20px; top:50%; transform: translateY(-50%);}
 



.modal_pop_con { display: flex;flex-direction: column;height: 100vh;overflow: hidden; }
.modal_pop_con h5 {margin-top:15px; margin-bottom:7px;  position:relative; }
.modal_pop_con .modal_pop_top { border-bottom:1px solid #ddd;  position:relative; padding:10px; background-color:#fff;  z-index:370;}
.modal_pop_con .modal_pop_top h4 {text-align:center;}
.modal_pop_con .modal_pop_top .reset {position:absolute; left:10px; top:15px; font-size:20px; cursor:pointer;}
.modal_pop_con .modal_pop_conbody {  flex: 1; overflow-y: auto;  padding: 10px;}
 

.nation_search_pc_page .modal_pop_con .search_input {margin-top: 15px;}

.modal_pop_con .modal_pop_conbody .ui-datepicker {margin-top: 0px; box-shadow:none;  max-width: 100%;}
.modal_pop_con .modal_pop_conbody .ui_prev_flex {margin: 10px 0;}

.modal_pop_con .nopadding {padding:0} 
.modal_pop_con .modal_pop_footer { padding:10px; display: flex;flex-direction: row-reverse; border-top:1px solid #ddd; }


.modal_pop_con .plan_required:after {
align-self: center;
margin-left: 6px;
width: 5px;
top:15px;
height: 5px;
content: "";
border-radius: 50%;
background-color: #f71212;
vertical-align: 3px; position:absolute;
}



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

.planTextModal_clock {display: flex;position: relative;border: 1px solid #e3e6e8; border-radius: 8px;}
.planTextModal_input {display: block;box-sizing: border-box;width: 100%;text-indent: 30px;color: #222;  height: 46px;line-height: 1.44;border-radius: inherit; position:relative;}

.input_time { position:relative;}
.input_time:before {left:10px; top:15px; background-image: url("/images/sub/sprite-plan-time.png"); width: 15px; background-size:cover;height: 15px;display: block;content: ""; position:absolute;}

.planTextModal_reset {z-index: 10;position: absolute;top: 0;right: 0;bottom: 0;margin: auto 10px auto 0;padding: 5px;}
.planTextModal_reset:before {background-image: url("/images/sub/sprite-plan-close.png");width: 22px; background-size:cover;height: 22px;display: block;content: "";}

.modal_pop .openPopup{cursor:pointer;}
.modal_pop .close{position:absolute;top:5px;right: 10px;cursor:pointer; padding:10px; z-index:371;  display:block; font-family: 'GmarketSansMedium';color:#222;  font-size:22px;}




.modal_pop_con .search_input {position:relative;}
.modal_pop_con .date_input {position:relative;}
.modal_pop_conbody .date_input {position:relative;}

.date_input input {
outline: none;
border: 1px solid #e3e6e8;
padding: 16px 0 15px;
width: 100%;
text-indent: 35px;
border-radius: 10px!important;
}


.modal_pop_con .search_input input:disabled {border-color: #f0f1f2;color: #999;background-color: #f9f9f9;   width: 100%;padding:12px 18px 11px; border-radius: 10px!important; margin-top:5px;}

.modal_pop_con .search_input:before {
background-image: url("/images/sub/btn_search.png");
width: 17px; background-size:cover;
height: 17px;
z-index: 10;
position: absolute;
top: 15px;
left: 10px;
content: "";
}

.modal_pop_con .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: "";
}



.modal_pop_conbody .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: "";
}



.plan_new_con .toggle_conbody {
    flex: 1;
    overflow-y: auto;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} 





.plan_wrap {margin:0px auto; max-width:1020px; width:100%; }

.plan_head {position:sticky; top:0;width: 100%; box-sizing:border-box; background-color:#fff; max-width:1020px; margin:0px auto; padding:20px 10px 10px 10px;  z-index:99;}

.plan_head h3 {margin-bottom:4px;}
.plan_head .plan_head_title {display:flex; position:relative;  justify-content: space-between; align-items: center;}
.plan_head .plan_head_title div {display:flex; align-items: center;}
.plan_head .plan_head_title p {margin-right:10px;  position:relative; padding-right:10px;}
.plan_head .plan_head_title p:before { content:''; position:absolute; right:0; top:3px; width:1px; height:12px; background-color:#ddd; }
.plan_head .plan_head_title .btn_adit02 { display: block;
box-sizing: border-box;
margin-left: auto; margin-bottom:3px; margin-left:7px;
padding: 3px 10px;
color: #3c1db0;
border:1px solid #3c1db0;
font-size: 14px;
border-radius: 5px;}

.plan_head_icon a {color:#888; font-size:14px;}
.plan_head_icon a:first-child {margin-right:10px;position:relative;  padding-right:10px;}
.plan_head_icon a:first-child::after {content: '';width: 1px;height: 12px;position: absolute;right: 0;top: 3px;background-color: #ccc;border-radius: 50%;}




.plan_con { max-width:1020px; width:100%;; background-color:#f6f6f6; padding:20px; box-sizing:border-box;}

.plan_head_date {  font-size:14px;}

/* 일정 상단 메뉴 */
.plan_head_menu { margin:10px -20px 5px -20px; padding-left:20px; overflow:hidden; border-bottom:5px solid #f6f6f6;  }
.plan_head_menu li {  float:left; padding:10px 10px 10px 0; font-size:16px; margin-right:15px; font-weight:bold; color:#222;}



.scroll-tab-plan {position: relative;display: flex;overflow-x: auto;flex-wrap: nowrap; clear:both;  max-width:1020px; margin:20px auto 20px auto;}
.scroll-tab-plan > .tab-item {flex: 0 0 auto; border:1px solid #ddd; border-radius:5px; display: flex;justify-content: center;align-items: center;cursor: pointer;height: 48px;padding: 0 20px;font-size: 16px;color: #999;font-weight: 500; margin-right:5px;}
.scroll-tab-plan > .tab-item.over, .scroll-tab-plan > .tab-item.selected {color: #333333; background-color:#6E64D7; color:#fff; border:1px solid #6E64D7; }
.scroll-tab-plan > .selected-bar {position: absolute;bottom: 0;height: 2px;transition: left 0.3s ease-in-out;background-color: #000000; }
.scroll-tab-plan > .tab-item-plus {flex: 0 0 auto; background: #f4ebfd;border-radius:5px; color: #7b2ecf;display: flex;justify-content: center;align-items: center;cursor: pointer;height: 48px;padding: 0 20px;font-size: 16px;border: 1px solid #bb88f1;font-weight: bold;}

.plan_head:before {pointer-events: none;z-index: 50;position: absolute;right: 0;bottom: -9px;left: 0;height: 9px;content: "";background: linear-gradient(0deg,transparent 0,rgba(0,0,0,.06) 9px);}
.plan_con  .best_p_title {font-size:16px; margin:20px 0;font-weight:bold; display:flex;justify-content: space-between;align-items: center;}
.plan_con  .best_p_title .btn_right {display:flex; gap:5px; }
.plan_con  .best_p_title .btn_adit {display:block;box-sizing: border-box;margin-left: auto;padding: 6px 15px 7px;color: #fff;background-color: #3c1db0; font-size:14px; border-radius:5px;}
.plan_con  .best_p_title .delete {background-color:#222;}






.plan_stpe01_top { display:flex; margin-bottom:30px;}
.plan_stpe01_top h3 b {font-size:16px;color:#ffeb00;}

.plan_stpe01_02 .plan_stpe01_top h3 b {font-size:18px;color:#8643e3;}



.plan_button {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 15px 5px 19px;
background-color: #7b1ac6;
box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05);
border-radius: 6px; margin-bottom:20px;
width:100%;cursor:pointer}

 
/* 일정 만들기 메인*/
.plan_stpe01 { background: #8242e5; max-width:500px; width:100%; height:90vh; border-radius: 20px;padding:20px; box-sizing:border-box; margin: 20px auto;}
.plan_stpe01 h3 {color:#fff;}

.plan_button span {padding-top: 16px;padding-bottom: 12px;font-size: 16px;  font-weight: 700;color: #fff;}
.plan_button::after {width: 24px;height: 24px; line-height:24px; content: "+";background-color:#ffffff4c; border-radius:50%; color:#fff; font-size:16px;}

.plan_stpe01_02 { background:#fff; max-width:1020px; width:100%;  border-radius: 20px;padding:20px; box-sizing:border-box; margin: 20px auto;}
.plan_stpe01_02 h3 {color:#222;}

 
.plan_stpe01_02 .planList_select>.planList_select_txt { color: #fff;}


.plan_button02 {display: flex;flex-direction:column;align-items: center; width:100%;cursor:pointer;margin:0px 0 30px 0; }
.plan_button02 img {max-width:130px; margin-bottom:20px;margin:60px 0 0px 0;}
.plan_stpe01 .plan_button02 p {font-size:16px; font-weight:bold; color:#fff; }
.plan_stpe01_02 .plan_button02 p { color:#222; }


/* 새일정 추가*/
.plan_button02 a {font-size:14px; max-width:400px;width:calc(100% - 40px); display:block; background-color:#8643e3; color:#fff; border-radius:10px; padding:15px 30px; text-align:center; margin:30px 0 0px 0; }
.plan_button02 a: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;}

.plan_con section {margin-top:20px; border-bottom: 1px solid #ddd; }
.plan_con section .plus_btn {  border-bottom: 1px solid #ddd; padding-bottom:20px;display: flex; justify-content: space-between;}
.plan_con section .plus_btn button {cursor:pointer; color: #424242;background: #fff;padding: 10px 12px; line-height: 1.47;font-size: 16px;box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05);border-radius: 8px; flex-grow:1; margin:0 5px;}
.plan_con section .plus_btn a {display:block; text-align:center;color: #424242;background: #fff;padding: 10px 12px; line-height: 1.47;font-size: 16px;box-shadow: 0 0 2px rgba(0,0,0,.07),0 2px 3px rgba(0,0,0,.05);border-radius: 8px; flex-grow:1; margin:0 5px;}




/*추천 여행지 */
.place_recommend_btn { text-align:center; width:100%; max-width:1020px; margin:50px auto 0 auto;  box-sizing:border-box;}
.place_recommend_btn a span { background-color: #222;   color:#fff; padding:7px 10px; margin-top:20px; border-radius:10px; box-sizing:border-box;}
.place_recommend_btn img {max-width:40px; margin-bottom:10px; }

.place_recommend_title {font-size:16px; font-weight:bold; margin-bottom:5px; color:#222;}
.place_recommend_txt {font-size:14px; font-weight:normal; color:#777;}



.tooltip-container {position:absolute;top:0%;right:0%; z-index:50;}
.tooltip { box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);width:150px; top:-1px; border-radius:15px; border:1px solid #ddd;display: none;position: absolute;background-color: #fff;color: #222;padding: 4px; right:0;z-index:99;}
.tooltip a {display:block; }
.tooltip div {display:flex;  justify-content: space-between;align-items: center;font-size:15px; padding:13px 7px 13px 10px; border-bottom:1px solid #ddd;}
.tooltip div:last-child {border-bottom:0;}
.tooltip-container.active .tooltip {display: block;}

.overlay {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 49;}





/* 추천데이 모달팝업 새일정 추가*/
.plan_button03 {display: flex;flex-direction:column;align-items: center; width:100%;cursor:pointer; margin:0px 0 0px 0;}
.plan_button03 a {font-size:14px; max-width:400px;width:calc(100% - 40px); display:block; background-color:#8643e3; color:#fff; border-radius:10px; padding:15px 30px; text-align:center; margin:0px 0 0px 0; }
.plan_button03 a: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;}



.planList_select {position: relative;margin-left: auto;}
.planList_select select {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;}
.planList_select>.planList_select_txt {line-height: 1.47;font-size:16px;font-weight: 700; color:#fff;}
.planList_select>.planList_select_txt:after {vertical-align: 2px;}

.planList_select select {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;}
/*.planList_select>.planList_select_txt:after {width: 12px;height: 7px;display: inline-block;margin-left: 6px;content: "";}*/

.plan_stpe01 .my_plan_list li { position:relative; background-color:#fff; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); border-radius:10px; margin:10px auto; padding:10px 15px;}
.plan_stpe01_02 .my_plan_list li { position:relative; background-color:#fff; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05); border-radius:10px; margin:15px auto; padding:10px 15px; border:1px solid  #ddd;}
.my_plan_list li a {display:flex;align-items: center;box-sizing:border-box; }
.my_plan_list li a .xi-lock-o {color:#ddd;}
.my_plan_list li a img { margin-right: 7px;width: 54px;height: 54px;border-radius: 50%;}
.my_plan_list li .xi-ellipsis-v {padding: 10px; position:absolute; right:0; top:50%; transform: translate(0%, -50%);   cursor:pointer;}
.my_plan_list li .xi-pen {padding: 10px; position:absolute; right:0; top:50%; transform: translate(0%, -50%);   cursor:pointer;}
.my_plan_list li a p {font-size:16px;height: 28px;line-height: 28px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;width:100%; word-wrap: break-word;white-space: break-spaces;}
.my_plan_list li .checklist {display:block; color:#fff; padding:5px 8px; position:absolute; right:25px; top:50%; transform: translate(0%, -50%);   cursor:pointer;  border-radius:20px; background-color:#eb5d5d;}
.my_plan_list .tooltip-container { top:50%!important;}

.my_budget_list li a {padding:15px 10px; box-sizing:border-box;}
.my_budget_list li a img {margin-right:20px;width: 74px;height: 74px;border-radius: 50%;}
.my_budget_list .mp_list_li p {font-weight:bold; color:#222;}
.my_budget_list .mp_list_li .budget {font-size:20px; color:#ff4141;font-weight:bold; margin-left:auto; margin-right:10px; }
.my_budget_list .mp_list_li .nation {font-size:15px; color:#fff; background-color:#ff4141; padding:2px 8px; border-radius:5px; }
.my_budget_list .mp_list_li a > img + div {width:100%; box-sizing:border-box; overflow:hidden;}

.my_budget_list .my_b_in_flex {display:flex; align-items: center;}
.my_budget_list .my_b_in_flex img {min-width:54px;}

.my_budget_list .bg_gray {background-color:#f9f9f9!important;box-sizing:border-box;}
.my_budget_list .bg_gray .nation {  background-color:#222;  }
.my_budget_list .bg_gray .budget {color:#222}




/* 추천일정 모달 리스트*/
.my_plan_list_02 ul {flex-direction:column!important;}
.my_plan_list_02 li { border-bottom:1px solid #ddd; padding:10px 0; width:100%!important; margin:0!important;}
.my_plan_list_02 li .mp_list_li { display:flex; align-items: center;box-sizing:border-box; }
.my_plan_list_02 li .mp_list_li .xi-lock-o {color:#ddd;}
.my_plan_list_02 li .mp_list_li img { margin-right: 7px;width: 54px;height: 54px;border-radius: 50%;}
.my_plan_list_02 li .mp_list_li p {font-size:16px;height: 28px;line-height: 28px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;width:85%;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap;}
.my_plan_list_02 li .mp_list_li i {margin-left:auto; color:#999; background-color:#f6f6f6; border-radius:50%; padding:3px;}
.my_plan_list_02 li .mp_list_li .xi-angle-up-min{color:#fff; background-color:#8643e3; }

.modal_select_inner  .plan_button03 a {max-width: 100%; box-sizing:border-box;width: 100%}



.my_plan_list_day_select_li {margin:10px 0 0 0;}
.my_plan_list_day_select_li li {width:auto!important; flex:1; margin-right:10px!important; margin-bottom:5px!important; border-radius:10px; display:block; float:left; padding:10px; border:1px solid #ddd;}
.my_plan_list_day_select_li li:last-child {margin-right:0;}
.my_plan_list_day_select_li li a {border:0; padding-bottom:0px;}


.my_plan_list_day_select_li {display: none;}
.mp_list_li .xi-angle-up-min {display: none;}


.mp_list_li.active + .my_plan_list_day_select_li {display: block;}
.mp_list_li.active .xi-angle-up-min {display: block;}
.mp_list_li.active .xi-angle-down-min {display: none;}


/*일정 없음*/
.day_empty { padding:30px 0;  display: flex;flex-direction: column;align-items: center;justify-content: center;}
.day_empty img {margin:20px 0;}
.day_empty p {font-size:16px; color:#222; font-weight:bold; }
.day_empty span {font-size:14px; color:#555; margin-top:10px; }
.day_empty .recommendation_btn {background-color:#222; color:#fff; padding:8px 20px; margin-top:15px; border-radius:10px;}

/*새일정 만들기 팝업*/
.my_plan_top {border-bottom:1px solid #ddd;}
.plan_title {position:relative; display:flex;}
.plan_title input {
outline: none;
box-sizing: border-box;
border: solid #e8ebec;
border-width: 0 0 1px;
width: 100%;
line-height: 1.47;
font-size: 16px; padding:10px 0;
color: #000; margin-bottom:10px;
}


.plan_length {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 3px auto 0;
line-height: 1.5;
font-size: 1.4rem;
letter-spacing: -.3px;
color: #999;
}


.plan_length__cLpEz {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 5px auto 0;
line-height: 1.5;
font-size: 1.0rem;
letter-spacing: -.3px;
color: #999;
}

 

 

/* checkboxB */
.my_plan_c_w .checkboxB {   font-size:16px; display: inline-block;position: relative;}
.my_plan_c_w .checkboxB input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.my_plan_c_w .checkboxB label {cursor: pointer;padding-left: 35px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 35px;color: #252525;letter-spacing: -0.8px; }
.my_plan_c_w .checkboxB label:before {position: absolute;left: 0;top: 7px;content: "";width: 25px;height: 35px;vertical-align: middle;background: url("/images/sub/login_radio.png") no-repeat 0 0;-webkit-background-size: 100% auto;background-size: 100% auto;}
.my_plan_c_w .checkboxB input:checked+label:before {background-image: url("/images/sub/login_radio_o.png");}



.my_plan_check  {display:flex;flex-direction: column; border-bottom:1px solid #ddd;  padding-bottom:10px; margin-bottom:10px;}
.my_plan_check .my_plan_c_w {display:flex; align-items: center; margin:5px 0; }
.my_plan_check .txt p  {font-size:16px;  color:#222;}
.my_plan_check .txt span  {font-size:14px; color:#999; line-height:120%;}
.my_plan_check .txt {display:flex;flex-direction: column; }





/* Mobile Device 1020 */
@media (max-width:1020px) {



}



/* Mobile Device 900 */
@media (max-width:900px) {
.new_plan_home { height: calc(100vh - 70px); margin:0 auto; border-radius:0; max-width:100%; overflow-y:auto;} 
.new_plan_home02 { height: calc(100vh - 70px); margin:0 auto; border-radius:0; max-width:100%; overflow-y:auto;} 


.plan_new_con {height: calc(100vh - 70px); margin:0 auto;}

.plan_stpe01_02 .my_plan_list li {padding: 30px 15px 30px 15px;}
.my_plan_list li .xi-pen {right: 0;top: 25%;}

.my_budget_list .mp_list_li .nation {font-size: 12px;}
.my_budget_list .mp_list_li .budget {font-size: 16px; position:absolute;margin-right: 0px;bottom: 10px;right: 10px;}
.my_budget_list li a img {margin-right: 10px;  width:54px; height:54px;}



}





/* Mobile Device 800 */
@media (max-width:800px) {
.alcohol_check label {width: 48%;box-sizing:border-box;height: 45px;line-height: 23px;font-size: 14px;padding:10px 20px 10px 35px;background-position: 5% 50%;background-size:20px;}
.alcohol_check input:checked + label {  background-position:5% 50%;  background-size:20px;}


.tour_style_check label {width: 100%;box-sizing:border-box; font-size: 14px;padding:5px 10px 5px 45px;background-position: 15px 50%;background-size:20px;  margin-bottom:5px;}
.tour_style_check input:checked + label {  background-position:15px 50%;  background-size:20px;}
.tour_style_check label span { font-size: 12px;}

.hotplace_tab label {margin-right:0; height:auto;padding:15px 20px; font-size:15px;}


#popup_modal {border-radius: 0;height: 100vh;border-radius: 0;box-shadow: 0; top: 0;left: 50%;transform: translate(-50%, -0); z-index:360}

}









/* Mobile Device 최소 ~ 최대 640px */
@media (max-width:640px) {


.new_plan_home02 .plan_wrap h3 { font-size:20px;}
.new_plan_home02 li a p {  font-size:17px;  }
.new_plan_home02 li a span {  font-size:13px;  letter-spacing:-1px;}

.new_plan_home02 li a { padding: 15px 20px 40px 20px; }
.new_plan_home02 li a::after {  bottom: 15px; width:16px; height:16px; line-height:16px;}

.new_plan_home02 li:first-child a { background-position: 93% 75%; background-size:60px; }
.new_plan_home02 li:last-child a { background-position: 93% 75%;background-size:48px;}
.new_plan_home02 .plan_wrap img {max-width: 180px; margin-bottom:10px;}

.new_plan_home02 ul {gap: 10px;margin-top: 20px;flex-direction: column;}
.new_plan_home02 ul li {width: 100%;}
.new_plan_home02 .plan_wrap { width: calc(100% - 20px);  }
.new_plan_home02 li a {  margin: 0;}

.my_plan_list_02 li .mp_list_li p {
font-size: 14px;
height: 24px;
line-height: 24px;
word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
width: 85%;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: nowrap;
}

.hotplace_tab {  width:97%;   }
.hotplace_tab label {width: 48%; font-size: 13px; padding: 12px 0px!important; margin:0 1%;}
.hotplace_tab .tab-content {margin-top: 0px;}



.plan_con .google_map iframe { height: 150px;}
.plan_con {  padding: 20px 10px;}
.plan_con section .plus_btn button {padding: 10px 10px;font-size: 14px;margin: 0 3px;}
.plan_con section .plus_btn a {padding: 10px 10px;font-size: 14px;margin: 0 3px;}




.plan_head .plan_head_title p:before {top: 2px;height: 9px;}
.plan_head_icon a {font-size: 12px;}

.scroll-tab-plan > .tab-item {  height: 40px; padding:0 14px}
.scroll-tab-plan > .tab-item-plus {  height: 40px; padding:0 8px; font-size:14px;}
.day_empty .recommendation_btn { font-size:14px;}

.plan_head { padding: 20px 10px 1px 10px;}

.plan_head_menu li {    font-size:14px; margin-right:5px;}


.plan_con  .best_p_title .btn_adit {font-size: 12px;  }



}






/* Mobile Device 최소 ~ 최대 500px */
@media (max-width: 500px) {

.new_plan_home .plan_wrap h3 { font-size:20px;}
.new_plan_home li a p {  font-size:17px;  }
.new_plan_home li a span {  font-size:13px;  letter-spacing:-1px;}

.new_plan_home li a { padding: 20px 20px 40px 20px; }
.new_plan_home li a::after {  bottom: 15px; width:16px; height:16px; line-height:16px;}

.new_plan_home li:first-child a { background-position: 93% 75%; background-size:60px; }
.new_plan_home li:last-child a { background-position: 93% 75%;background-size:48px;}
.new_plan_home .plan_wrap img {max-width: 150px;}



.duble_tab {  margin: 10px 0 0 0;}
.duble_tab ul { flex-wrap: wrap; }
.duble_tab ul li {  box-sizing:border-box; margin-bottom:10px;}
.duble_tab ul li a { margin:0 5px;  line-height: 30px;}

.duble_tab ul li:nth-child(1) a {background-position: 50% 9px;  }
.duble_tab ul li:nth-child(2) a {background-position: 50% 10px; }
.duble_tab ul li:nth-child(3) a {background-position: 50% 5px; }
.duble_tab ul li:nth-child(4) a {background-position: 50% 7px; }
.duble_tab ul li:nth-child(5) a {background-position: 50% 6px; }
.duble_tab ul li:nth-child(6) a {background-position: 50% 8px; }
.duble_tab ul li:nth-child(7) a {background-position: 50% 10px; }
.duble_tab ul li:nth-child(8) a {background-position: 50% 23px; }
 

.duble_tab ul li:nth-child(1) a.selected:hover {background-position: 50% 9px;  }
.duble_tab ul li:nth-child(2) a.selected:hover {background-position: 50% 10px;  }
.duble_tab ul li:nth-child(3) a.selected:hover {background-position: 50% 5px;  }
.duble_tab ul li:nth-child(4) a.selected:hover {background-position: 50% 7px;  }
.duble_tab ul li:nth-child(5) a.selected:hover {background-position: 50% 6px;  }
.duble_tab ul li:nth-child(6) a.selected:hover {background-position: 50% 8px;  }
.duble_tab ul li:nth-child(7) a.selected:hover {background-position: 50% 10px;  }
.duble_tab ul li:nth-child(8) a.selected:hover {background-position: 50% 23px;  }


.day_empty .recommendation_btn {    font-size: 14px;}


}












/* Mobile Device 400 */
@media (max-width:400px) {
.plan_con  .best_p_title { letter-spacing: -1px;}
.plan_con  .best_p_title .btn_adit {  padding:6px 8px;}

}