/******************************************************************
	DOM
******************************************************************/
.document_container,
.document_container p{
	line-height:160%;
}

.document_container h3{
	font-size:2rem;
	font-weight:600;
	padding-top:2.625rem;
	padding-bottom:0.75rem;
}

.document_container h4{
	font-size:1.5rem;
	font-weight:600;
	padding-top:2.25rem;
	padding-bottom:0.75rem;
}

.document_container h5{
	font-size:1rem;
	font-weight:600;
	padding-top:2rem;
	padding-bottom:0.75rem;
}

.document_container h6{
	font-size:0.875rem;
	font-weight:600;
	padding-top:1.5rem;
	padding-bottom:0.375rem;
}



/******************************************************************
	여행 정보
******************************************************************/
#modal_spot{
	border-radius:16px;
	overflow:hidden;
}
#modal_spot .modal-content::-webkit-scrollbar { 
	width: 12px;
}

#modal_spot .modal-content::-webkit-scrollbar-track {
	background-color: rgba(0,0,0, 0.1); 
}

#modal_spot .modal-content::-webkit-scrollbar-thumb { 
	background:rgba(0,0,0, 0.4);
	border-radius:12px;
}

#modal_spot .modal-content::-webkit-scrollbar-thumb:hover {
	 background-color: rgba(0,0,0, 0.8)
}

#modal_spot .modal-content::-webkit-scrollbar-thumb:active {
	background-color: rgba(0,0,0, 0.8);
}

#modal_spot .modal-content::-webkit-scrollbar-button {
	display: none;
}

#modal_spot .modal-content{
	height: calc(100% - 61px);
	padding:36px 0;
}

#modal_spot .modal-content .modal-body{
	width:840px;
	min-height:360px;
	margin-left:auto;
	margin-right:auto;
}

#modal_spot .modal-footer {
	display:flex;
	justify-content: flex-end;
	height: 61px;
	width: 100%;
	border-radius: 0;
	border-top: 1px solid #D2CBC6;
	background-color: #FFF;
	padding: 6px 12px;
}

#modal_spot .modal-footer button{
	display:flex;
	height:48px;
	background-color:transparent;
	border:1px SOLID #BCB1A9;
	border-radius:6px;
	padding:0px 16px ;
}

#modal_spot .modal-footer button:not(:first-child){
	margin-left:6px;
}

#modal_spot .modal-footer button:hover{
	color:#F1F3F3;
	background-color:#1D1916;
	border:1px SOLID #1D1916;
	
}

#modal_spot .modal-footer button .icon{
	height:46px;
	line-height:0;
}

#modal_spot .modal-footer button .material-icons{
	height:46px;
	line-height:46px;
	padding-left:4px;
}

#modal_spot .modal-footer button .label{
	font-size:1rem;
	line-height:46px;
}

/******************************************************************
	여행 일정
******************************************************************/
#schedule_app .schedule_container_top{
	display:flex;
	justify-content: space-between;
	padding-bottom:12px;
}

#schedule_app .icon{
	line-height:0;
}

#schedule_app .schedule_container_top .toggle{
	width:42px;
	height:42px;

}

#schedule_app .schedule_container_top .toggle .material-icons{
	line-height:42px;
}

#schedule_app .schedule_container_top .button{
	flex-grow: 1;
	flex-shrink: 1;
	height:42px;
	padding-left:12px;
}

#schedule_app .schedule_container_top button{
	cursor:pointer;
	width:100%;
	height:42px;
	background-color:transparent;
	border:1px SOLID #C3C5C6;
	border-radius:6px;
}

#schedule_app .schedule_container_top button:hover{
  background-color: var(--hover);
}

#schedule_app .schedule_container_top button .label{
	font-size:1rem;
	line-height:24px;
	vertical-align:top;
	padding-left:4px;
}

#schedule_app .schedule_container_button{
	padding-top:12px;
}

#schedule_app .schedule_container_button button{
	width:100%;
	height:42px;
	background-color:transparent;
	border:1px SOLID #C3C5C6;
	border-radius:6px;
}

#schedule_app .schedule_container_button button .label{
	font-size:1rem;
	line-height:24px;
	vertical-align:top;
	padding-left:4px;
}

#schedule_app .itinerary_container .day_wrapper{
	position:relative;
	background-color:#BCB1A9;
	border:none;
	border-radius:12px; 
	padding:3px;
	margin-top:6px;
}

#itinerary_detail_update_form{
	grid-template-columns: 140px 100px 1fr;
}

#itinerary_flight_update_form{
	grid-template-columns: repeat(4, 1fr);
}


.itinerary_container > .day_wrapper:first-child{
	margin-top:0;
}

.itinerary_container .day_wrapper .button_block{
	position:absolute;
	right:12px;
	top:12px;
	z-index:10;
}

.itinerary_container .summary_article{
	display: flex;
	justify-content: space-between;
}

.itinerary_container .summary_article .day_icon{
	flex-grow: 0;
	flex-shrink: 0; 
	width:36px;
	line-height:45px;
	padding:0;
}

.itinerary_container .summary_article .day_icon button{
	width:32px;
	height:32px;
	color:#300;
	background-color:transparent;
	border:none;
	padding:0;
}

.itinerary_container .summary_article .day_icon .material-icons{
	font-size:2rem;
	line-height:30px;
}

.itinerary_container .summary_article .day_label{
	display:flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0; 
	width:84px; 
	color:var(--color-bold);
	padding-top:8px;
	padding-bottom:8px;
}

.itinerary_container .summary_article .day_label .day{
	font-size:1.25rem; 
	font-weight:600;
	color:var(--color-bold);
	line-height:100%;
	padding-left:4px;
}

.itinerary_container .summary_article .day_label .day:before{
	content:'제';
	font-size:0.875rem;
	padding-right:4px;
}

.itinerary_container .summary_article .day_label .day:after{
	content:'일차';
	font-size:0.875rem;
	padding-left:4px;
}

.itinerary_container .summary_article .day_label .date{
	font-size:0.875rem; 
	color:var(--color-bold);
	line-height:100%;
	padding-top:6px;
	padding-left:4px;
}

.itinerary_container .summary_article .day_cont{
	min-height:32px;
	background-color:#FFF;
	border-radius:12px;
	padding:12px;
}

.itinerary_container .summary_article .day_cont .tag_container {
	display:flex;
	flex-wrap: wrap;
	margin-left: 4px;
	padding-right:6px;
}

.itinerary_container .summary_article .day_cont .tag_container span{
	height: 24px;
	font-size: 0.75rem;
	color:var(--red);
	line-height: 22px;
	background-color: #F8F9F9;
	border: 1px SOLID #F07975;
	border-radius: 6px;
	margin-left: 2px;
	margin-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
}	

.itinerary_container .meal_article,
.itinerary_container .accommodation_article{
	padding-top:3px;
}

.itinerary_container .living_wrapper{
	display: flex;
	justify-content: space-between;
	min-height:48px;
	background-color:#FFF;
	border-radius:12px;
	overflow:hidden;
}

.itinerary_container .living_wrapper .icon{
	width:48px;
	line-height:0;
	text-align:center;
}

.itinerary_container .living_wrapper .icon .material-icons{
	line-height:48px;
	color:var(--color-bold);
}

.itinerary_container .living_wrapper .cont{
	padding:12px;
}

.itinerary_container .schedule_article{
	padding-top: 3px;
}

.itinerary_container .itinerary_wrapper{
	background-color:#FFF;
	border:none;
	border-radius:12px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper{
	position:relative;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .button_block{
	position:absolute;
	right:6px;
	top:6px;
	z-index:10;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule{
	display:grid;
	min-height:55px;
	grid-template-columns: 60px 20px auto;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule > span:not(.extra){
	padding-top:12px;
	padding-bottom:12px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule > span.extra{
	padding-top:12px;
	padding-bottom:0px;
	margin-bottom:-12px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_time{
	color:var(--color-bold);
	font-weight:600;
	text-align:right;
	padding-right:12px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_time.city{
	padding-top:52px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_icon{
	border-left:1px SOLID #cceeff;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_cont{
	padding-right:24px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .city_icon{
	font-size:2rem;
	color:#F25A44;
  margin-left: -16.5px;
	background-color: #FFF;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .spot_icon{
	font-size:2rem;
	color:#564B43;
  margin-left: -16.5px;
	margin-top: -6px;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .city_section{
	font-size:1.25rem; 
	font-weight:600;
	color:#000;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .subjet_section{ 
	font-weight:600;
	color:#000;
}

.itinerary_container h1{display:inline-block;font-size:2rem;color:#000;padding-bottom:36px;}
.itinerary_container h2{display:inline-block;font-size:1.5rem;color:#000;padding-top:42px;padding-bottom:9px;}
.itinerary_container h3{display:inline-block;font-size:1.25rem;color:#000;padding-top:36px;padding-bottom:6px;}
.itinerary_container h4{display:inline-block;font-size:1rem;color:#000;padding-top:24px;padding-bottom:6px;}
.itinerary_container h5{display:inline-block;font-size:0.875rem;;color:#000;padding-top:18px;padding-bottom:3px;}
.itinerary_container h6{display:inline-block;font-size:0.8125rem;color:#000;padding-top:12px;padding-bottom:0px;}

.itinerary_container h1:not(.tnp){padding-top:48px;}
.itinerary_container h2:not(.tnp){padding-top:60px;}
.itinerary_container h3:not(.tnp){padding-top:48px;}
.itinerary_container h4:not(.tnp){padding-top:32px;}
.itinerary_container h5:not(.tnp){padding-top:24px;}
.itinerary_container h6:not(.tnp){padding-top:20px;}

.itinerary_container p,.itinerary_container div{margin:0;padding:0; }
.itinerary_container p{line-height:160%;}

.itinerary_container .flight_schedule_container{background-color:#e6f7ff;border:1px SOLID #cceeff;border-radius:6px;padding:12px;margin-top:12px;margin-bottom:12px;}
.itinerary_container .flight_schedule_container > li{position:relative;border-top:1px DASHED #CCF;margin-top:18px;padding-top:18px;}
.itinerary_container .flight_schedule_container > li:first-child{border-top:none;margin-top:0px;padding:0}

.itinerary_container .flight_schedule_container .button_block{right:-8px !important;bottom: 0px !important;}

.itinerary_container .flight_schedule_article{display:flex;justify-content: space-between;}
.itinerary_container .flight_schedule_article .airport_section{flex-grow: 0;flex-shrink: 0;width:35%;text-align:center;}
.itinerary_container .flight_schedule_article .flying_section{flex-grow: 1;flex-shrink: 1;text-align:center;}

.itinerary_container .flight_schedule_article .airport{font-size:1.5rem;font-weight:600;color:var(--color-bold);height:36px;line-height:36px;}
.itinerary_container .flight_schedule_article .city_name{font-size:0.8125rem;color:var(--color-bold);padding-top:6px;padding-bottom:6px;}

.itinerary_container .flight_schedule_article .icon{height:36px;line-height:0;}
.itinerary_container .flight_schedule_article .icon .material-icons{ font-size:2rem;color:#00aaff;line-height:36px;}
.itinerary_container .flight_schedule_article .flight_no{color:var(--color-bold);font-weight:600;padding-top:6px;padding-bottom:6px;}
.itinerary_container .flight_schedule_article .required_time{font-size:0.75rem;color:var(--color-water);line-height:100%;}
.itinerary_container .flight_schedule_article .required_time:before{content:'소요시간 : ';font-size:0.75rem;}

.itinerary_container .flight_schedule_article .departure_time,
.itinerary_container .flight_schedule_article .arrival_time_n,
.itinerary_container .flight_schedule_article .arrival_time{color:var(--color-bold);font-weight:600;line-height:100%;}
.itinerary_container .flight_schedule_article .departure_time:after{content:'출발'}
.itinerary_container .flight_schedule_article .arrival_time:after{content:'도착'}
.itinerary_container .flight_schedule_article .arrival_time_n:after{content:'(+1)도착'}
.itinerary_container .flight_schedule_remark .flight_waiting{
	font-size:0.75rem;
	text-align:center;
	color:var(--color-light);
	line-height:100%;
	padding-top:4px;
}

.itinerary_container .flight_schedule_remark .flight_waiting:before{
	content:'대기시간 : ';
}

.itinerary_container .doc_emphasis_box{background:#FFE6F2;border:1px SOLID #D0DAE2;border-radius:6px;padding:24px;}
.itinerary_container .doc_remark_box{background:#F2F2F2;border:1px SOLID #D0DAE2;border-radius:6px;padding:24px;}

#modal_reference .modal-body{position:relative;}
#itinerary_reference_pannel {display:flex;justify-content: space-between;position:absolute;top:12px; left:12px;bottom:12px;right:12px;}

#itinerary_reference_pannel .collected_section{flex-grow: 1;flex-shrink: 1;overflow:auto;background-color:#FFF;border:1px SOLID #D0DAE2;border-radius:6px;padding:12px;}
#itinerary_reference_pannel .collection_list{border-top:1px SOLID #D0DAE1;border-bottom:1px SOLID #D0DAE1;}
#itinerary_reference_pannel .collection_list .active_row{position:relative;border-top:1px SOLID #E0E6EB; padding:12px 6px;}
#itinerary_reference_pannel .collection_list .active_row:first-child{border-top:none}
#itinerary_reference_pannel .collection_list .active_row .button_block{position:absolute;top:10px; right:6px;z-index:10}
#itinerary_reference_pannel > .spacer{flex-grow: 0;flex-shrink: 0;width:12px;}
#itinerary_reference_pannel .selection_section{flex-grow: 0;flex-shrink: 0;overflow:hidden;display:flex;justify-content: space-between;width:600px;border:1px SOLID #D0DAE2;border-radius:6px;}
#itinerary_reference_pannel .selection_section .source_section{flex-grow: 1;flex-shrink: 1;height:100%;overflow:auto;background-color:#FFF;padding:12px;}
#itinerary_reference_pannel .selection_section .search_section{flex-grow: 0;flex-shrink: 0;width:240px;height:100%;overflow:auto;background-color:#D0DAE2;padding:12px;}

.reference_pannel .collected_section::-webkit-scrollbar{width:6px;background-color:transparent;}
.reference_pannel .collected_section::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
.reference_pannel .collected_section::-webkit-scrollbar-track{background-color:transparent;}
.reference_pannel .collected_section::-webkit-scrollbar-button { display: none; }

.reference_pannel .source_section::-webkit-scrollbar{width:6px;background-color:transparent;}
.reference_pannel .source_section::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
.reference_pannel .source_section::-webkit-scrollbar-track{background-color:transparent;}
.reference_pannel .source_section::-webkit-scrollbar-button { display: none; }

#itinerary_insert_pannel{
	display:flex;
	justify-content: space-between;
	width:100%;
	height:calc(100%);
	overflow:hidden;
	border:1px SOLID #D0DAE2;
	border-radius:6px;
}

#itinerary_insert_pannel .search_section{
	flex-grow: 0;flex-shrink: 0;
	width:320px;
	overflow:auto;
	background-color:#F8FBFE;
	border-right:1px SOLID #D0DAE2;

	padding:12px;
}

#itinerary_insert_pannel .search_section::-webkit-scrollbar{width:6px;background-color:transparent;}
#itinerary_insert_pannel .search_section::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
#itinerary_insert_pannel .search_section::-webkit-scrollbar-track{background-color:transparent;}
#itinerary_insert_pannel .search_section::-webkit-scrollbar-button { display: none; }

#itinerary_insert_pannel .search_section .schedule_list{background-color:#FFF;border-radius:6px;border:1px SOLID var(--border-form); padding:6px;}
#itinerary_insert_pannel .search_section .schedule_list .row_article{cursor:pointer;border-top:1px SOLID #E0E6EB;padding:6px 12px;}
#itinerary_insert_pannel .search_section .schedule_list .row_article:first-child{border-top:none;}
#itinerary_insert_pannel .search_section .schedule_list .row_article.selected{cursor:default;color:#FFF;background-color:#1D4C9E;}
#itinerary_insert_pannel .search_section .schedule_list .row_article:not(.selected):hover{background-color:#E0E6EB;}

#itinerary_insert_pannel .schedule_section{flex-grow: 1;flex-shrink: 1;overflow:auto;background-color:#FFF;padding:24px;}
#itinerary_insert_pannel .schedule_section::-webkit-scrollbar{width:6px;background-color:transparent;}
#itinerary_insert_pannel .schedule_section::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
#itinerary_insert_pannel .schedule_section::-webkit-scrollbar-track{background-color:transparent;}
#itinerary_insert_pannel .schedule_section::-webkit-scrollbar-button { display: none; }

#schedule_sheet .video_section{
	position:relative;
	height:0;
	overflow:hidden;
	margin-top: 6px;
	padding-bottom: 56.25%;
}

.video_section iframe,
.video_section object,
.video_section embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 12px;
	overflow: hidden;
}

#schedule_sheet .gallery_section{padding-top:12px;}
#schedule_sheet .schedule_picture_container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px 6px;
}
#schedule_sheet .schedule_picture_article{background-color:#000;text-align:center;}
#schedule_sheet .schedule_picture_article:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
#schedule_sheet .schedule_picture_article img{vertical-align:middle;max-width:100%;}

.dark_theme{
	color:#bbc3c4;
}

.dark_theme .itinerary_container .day_wrapper{
	background-color:#39322D;
}

.dark_theme .itinerary_container .summary_article .day_icon button{
	color:#bbc3c4;
}

.dark_theme .itinerary_container .summary_article .day_icon button:hover{
	color:#F1F3F3;
}

.dark_theme .itinerary_container .summary_article .day_cont{
	background-color:#1D1916;
}

.dark_theme .itinerary_container .meal_article .meal_cont,
.dark_theme .itinerary_container .accommodation_article .accommodation_cont{
	background-color:#1D1916;
}

.dark_theme .itinerary_container .itinerary_wrapper{
	background-color:#1D1916;
	border:none;
	border-radius:12px;
}

.dark_theme .itinerary_container .living_wrapper{
	background-color:#1D1916;
}

.dark_theme .itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_time{
	color:#d6dbdb;
}

.dark_theme .itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule .cell_icon{
	border-left:1px SOLID #39322D;
}

.dark_theme .itinerary_container .itinerary_wrapper .detail_wrapper .city_icon{
	color:#F25A44;
	background-color: #1D1916;
}

.dark_theme .itinerary_container .itinerary_wrapper .detail_wrapper .city_section{
	color:#F1F3F3;
}

.dark_theme .itinerary_container .itinerary_wrapper .detail_wrapper .subjet_section{ 
	font-weight:600;
	color:#F1F3F3;
}

@media only screen and (max-width: 719px) {
	.itinerary_container .itinerary_wrapper .detail_wrapper:not(:first-child) .detail_schedule > span:not(.extra){
		padding-top:6px;
		padding-bottom:6px;
	}

	.itinerary_container .itinerary_wrapper .detail_wrapper:not(:first-child) .detail_schedule > span.extra{
		padding-top:6px;
		padding-bottom:0px;
		margin-bottom:-6px;
	}

	.itinerary_container .itinerary_wrapper .detail_wrapper:first-child .detail_schedule > span:not(.extra){
		padding-top:12px;
		padding-bottom:6px;
	}

	.itinerary_container .itinerary_wrapper .detail_wrapper:first-child .detail_schedule > span.extra{
		padding-top:12px;
		padding-bottom:0px;
		margin-bottom:-12px;
	}
}