@charset "utf-8";

/******************************************************************
	DOCUMENT
******************************************************************/
.dragaware{cursor:default;}
.sort_icon{cursor:grab;}


.modal.modal-fixed-footer .modal-content{height: calc(100% - 60px);}
.modal .modal-body{
	min-height: calc(100% - 73px);
	margin-top: 73px;
	padding: 1.5rem;
}

.modal .flex-body{
	display:flex;
	height: calc(100% - 84px);
}

.under_line{text-decoration: underline;}

.doc_wrapper p{line-height:180%;}
.win_map_info{font-weight:600;color:#27343F;}
.doc_annotation_box{background:#FFF;border:1px SOLID #D0DAE2;border-radius:6px;padding:24px;}
.doc_annotation{color:#66B3FF;}
.doc_content{color:#595959;}
.doc_description{color:#999;}

.doc_attention:before{content:'※';padding-right:2px;}

.doc_quotation:before{content:'「';font-weight:600;color:#27343F;padding-right:2px;margin-left:-6px;}
.doc_quotation:after{content:'」';font-weight:600;color:#27343F;padding-left:2px;margin-right:-6px;}

.doc_emphasis_box{background:#FFE6F2;border:1px SOLID #D0DAE2;border-radius:6px;padding: 16px 24px !important;margin-top:12px !important;}
.doc_emphasis{color:#FF0080;}

.doc_remark_box{background:#F2F2F2;border:1px SOLID #D0DAE2;border-radius:6px;padding: 16px 24px !important;margin-top:12px !important;}
.doc_remark{color:#718FA8;}

.doc_annotation_box{background:#FFF;border:1px SOLID #D0DAE2;border-radius:6px;padding: 16px 24px !important;margin-top:12px !important;}
.doc_annotation{color:#66B3FF;}
.doc_content{color:#595959;}
.doc_description{color:#999;}

.doc_attention:before{content:'※';padding-right:2px;}

.doc_quotation:before{content:'「';font-weight:600;color:#27343F;padding-right:2px;margin-left:-6px;}
.doc_quotation:after{content:'」';font-weight:600;color:#27343F;padding-left:2px;margin-right:-6px;}

.document_container h1{font-size:2.5rem;color:#191A1A;font-weight:600;text-align:center;letter-spacing:-0.05em;word-spacing:0.03em;}
.document_container h2{font-size:2rem;color:#191A1A;font-weight:600;text-align:center;}
.document_container h3{font-size:1.5rem;color:#191A1A;font-weight:600;}
.document_container h4{font-size:1.25rem;color:#191A1A;font-weight:600;}
.document_container h5{font-size:1rem;color:#191A1A;font-weight:600;}
.document_container h6{font-size:0.9375rem;color:#191A1A;font-weight:600;}

.document_container h1:not(.tnp){padding-top:48px;padding-bottom:48px;}
.document_container h2:not(.tnp){padding-top:60px;padding-bottom:24px;}
.document_container h3:not(.tnp){padding-top:48px;padding-bottom:12px;padding-left:6px;}
.document_container h4:not(.tnp){padding-top:32px;padding-bottom:12px;padding-left:6px;}
.document_container h5:not(.tnp){padding-top:24px;padding-bottom:6px;padding-left:6px;}
.document_container h6:not(.tnp){padding-top:20px;padding-bottom:6px;padding-left:6px;}
.document_container > h1:first-child,
.document_container > h2:first-child,
.document_container > h3:first-child,
.document_container > h4:first-child,
.document_container > h5:first-child,
.document_container > h6:first-child{padding-top:0 !important}
.document_container p{line-height:180% !important;}

.terms_block h1{font-size:2.5rem;}
.terms_block h2{font-size:2rem;}
.terms_block h3{font-size:1.5rem;}
.terms_block h4{font-size:1.25rem;}
.terms_block h5{font-size:1rem;}
.terms_block h6{font-size:0.9375rem;}


@media only screen and (max-width: 767px) {
	/* 모바일	*/
	.document_container h1{font-size:2rem;}
	.document_container h2{font-size:1.5rem;}
	.document_container h3{font-size:1rem;}
	.document_container h4{font-size:0.9375rem;}
	.document_container h5{font-size:0.875rem;}
	.document_container h6{font-size:0.8125rem;}
}


.map_wrapper{aspect-ratio:16/9;background-color:#F9FAFB;border:1px SOLID #D0DAE2;border-radius:6px;}
/******************************************************************/



/******************************************************************
	여행 일정
******************************************************************/
.itinerary_container .day_wrapper{
	position:relative;
	background-color:#cceeff;
	border:none;
	border-radius:12px; 
	padding:3px;
	margin-top:6px;
}

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

.itinerary_container .day_wrapper .button_block{
	position:absolute;
	right:12px;
	top:24px;
	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{
	flex-grow: 0;
	flex-shrink: 0; 
	width:84px; 
	font-size:1.25rem; 
	font-weight:600;
	color:var(--color-bold);
	line-height:45px;
	padding-left:8px;
}

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

.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{
	display: flex;
	justify-content: space-between;
	padding-top:3px;
}

.itinerary_container .meal_article .meal_icon,
.itinerary_container .accommodation_article .accommodation_icon{
	width:120px;
	text-align:right;
	padding-right:12px;
}

.itinerary_container .meal_article .meal_icon .material-icons,
.itinerary_container .accommodation_article .accommodation_icon .material-icons{
	line-height:45px;
	color:var(--color-bold);
}

.itinerary_container .meal_article .meal_cont,
.itinerary_container .accommodation_article .accommodation_cont{
	min-height:24px;
	background-color:#FFF;
	border-radius:12px;
	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;
	grid-template-columns: 60px 20px auto;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .detail_schedule > span{
	padding-top:12px;
	padding-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:var(--red);
  margin-left: -16.5px;
	background-color: #FFF;
}

.itinerary_container .itinerary_wrapper .detail_wrapper .spot_icon{
	font-size:2rem;
	color:#00aaff;
  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_insert_stage .schedule_container_top{
	display:flex;
	justify-content: space-between;
	padding-bottom:12px;
}

#itinerary_insert_stage .schedule_container_top button{
	width:100%;
	height:48px;
	border-radius:12px;
}

#schedule_app .schedule_container_top{
	display:flex;
	justify-content: space-between;
	padding-bottom:24px;
}

#schedule_app .schedule_container_top .toggle{
	width:48px;height:48px;
}

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

#schedule_app .schedule_container_top button{
	cursor:pointer;
	width:100%;
	height:48px;
	border-radius:12px;
	color: var(--white);
  background-color: var(--button);
  border: none;
}

#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_top .toggle .material-icons{line-height:48px;}

#schedule_app .schedule_container_button{padding-top:12px;}
#schedule_app .schedule_container_button button{width:100%;height:48px;border-radius:6px;}
#schedule_app .schedule_container_button button .label{font-size:1rem;line-height:24px;vertical-align:top;padding-left:4px;}

.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 .waiting{font-size:0.75rem;text-align:center;color:var(--color-light);line-height:100%;padding-top:4px;}
.itinerary_container .flight_schedule_remark .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%;
	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:#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;padding:12px;}
#itinerary_insert_pannel .search_section .schedule_list .row_article{cursor:pointer;border-top:1px SOLID #E0E6EB;padding: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%;}