/******************************************************************
	STATEROOM
******************************************************************/
.stateroom_body{
	display:grid;
	column-gap: 48px;
	grid-template-columns:288px auto;
	padding-bottom:60px;
}

.stateroom_menu{
	padding-top:108px;
}
.stateroom_menu .menu_list{	
	border:1px SOLID #BFC0C0;
	border-radius: 6px;
	padding:0 6px;
}
.stateroom_menu .menu_list > li{border-top:1px SOLID #E5E6E6;padding:12px 0;}
.stateroom_menu .menu_list > li:first-child{border-top:none;}
.stateroom_menu .menu_list > li button{display:flex;width:100%;font-weight:600;background-color:transparent;border:none;padding:0}
.stateroom_menu .menu_list > li button:not(.selected){cursor:pointer;}
.stateroom_menu .menu_list > li button:not(.selected):hover{color:#E51F19;}
.stateroom_menu .menu_list > li button.selected{cursor:default;color:#E51F19;}

.stateroom_menu .menu_list .label{flex-grow: 1;flex-shrink: 1;line-height:32px;text-align:left;font-size:0.9375rem;padding-left: 8px;}
.stateroom_menu .menu_list .icon{flex-grow: 0;flex-shrink: 0; width:32px;height:32px;line-height:0px;text-align:center;}
.stateroom_menu .menu_list .material-icons-round{font-size:2.25rem;line-height:32px;}

.stateroom_content .content_title .title_label{position:relative;}
.stateroom_content .content_title .title_label .label{display:inline-block;width:100%;font-size:2.5rem;font-weight:900;color:#191A1A;line-height:60px;text-align:center;}
.stateroom_content .content_title .title_label .icon{display:none;}


.stateroom_content .content_body{padding-top:48px;}

.stateroom_content .button_section{text-align:right;padding-top:12px;}
.stateroom_content .button_section button{width:144px;margin-left:6px;}
.stateroom_content .button_section button:first-child{margin-left:0;}

.content_tab_section{margin-top:24px;}
.content_tab_head{display:flex;}
.content_tab_head button + button{margin-left: -1px;}
.content_tab_head button{
	flex:1;
	display:flex;
	height:48px;
	align-items: center;
	justify-content: center;
	font-size:1rem;
	background-color:transparent;
	border:1px SOLID #BFC0C0;
	border-bottom:none;
	border-radius:0;
	z-index:0;
}

.content_tab_head .selected{
	cursor:default;
	color: #FFF;
	background-color:#262727;
	border:1px SOLID #262727 ;
	z-index: 3;
}

.content_tab_head button:not(.selected):hover{
	color: #FFF;
	background-color:#E51F19;
	border:1px SOLID #E51F19;
	z-index: 4;
}

.content_tab_body{
	border:1px SOLID #262727;
	z-index: 2;
	padding:24px 12px;


}

.content_tab_body .contact_table li{grid-template-columns: 140px 1fr;}
.content_tab_body .contact_table .toggle{cursor:pointer;}
.content_tab_body .contact_table .function{position:relative;z-index:1;}
.content_tab_body .contact_table .message{padding-top:0;}

.content_tab_body .button_article{position:absolute;right:0;top:12px;z-index:10;}
.content_tab_body .button_article button{width:32px;height:32px;color:#CBCDCD;background-color:transparent;border:1px SOLID #CBCDCD; padding:0;line-height:0;}
.content_tab_body .button_article button span{line-height:30px;}
.content_tab_body .button_article button:hover{color:#FFF;background-color:#191A1A;border:1px SOLID #191A1A;}

@media only screen and (max-width: 767px) {
	/* 모바일	*/
	.stateroom_body{display:block;}
	.stateroom_menu{display:none;}
	.stateroom_content .content_title{border-bottom:2px SOLID #656767;padding-bottom:16px}
	.stateroom_content .content_title .title_label{display:grid;grid-template-columns:auto 36px;}
	.stateroom_content .content_title .title_label .label{font-size:1.75rem;text-align:left;line-height:36px;padding-left:12px;}
	.stateroom_content .content_title .title_label .icon{display:inline-block;width:36px;height:36px;}
	.stateroom_content .content_title .title_label .icon button{width:36px;height:36px;line-height:0px;background-color:transparent;border:none;}
	.stateroom_content .content_title .title_label .icon button .material-icons-round{line-height:36px;}

	.stateroom_content .title_navigation{padding-top:16px;}
	.stateroom_content .menu_list{	
		border:1px SOLID #BFC0C0;
		border-radius: 6px;
		padding:0 6px;
	}
	.stateroom_content .menu_list > li{border-top:1px SOLID #E5E6E6;padding:12px 0;}
	.stateroom_content .menu_list > li:first-child{border-top:none;}
	.stateroom_content .menu_list > li button{display:flex;width:100%;font-weight:600;background-color:transparent;border:none;padding:0}
	.stateroom_content .menu_list > li button:not(.selected){cursor:pointer;}
	.stateroom_content .menu_list > li button:not(.selected):hover{color:#DF5353;}
	.stateroom_content .menu_list > li button.selected{cursor:default;color:#DF5353;}
	
	.stateroom_content .menu_list .label{flex-grow: 1;flex-shrink: 1;line-height:32px;text-align:left;font-size:0.9375rem;padding-left: 8px;}
	.stateroom_content .menu_list .icon{flex-grow: 0;flex-shrink: 0; width:32px;height:32px;line-height:0px;text-align:center;}
	.stateroom_content .menu_list .material-icons-round{font-size:2rem;line-height:32px;}

}

/*
	회원정보
*/
#stateroom_profile_page .chart li{grid-template-columns: 100px 1fr;}

#stateroom_profile_page  #alarm_article{display:grid;	grid-template-columns:1fr 1fr 1fr;}

#stateroom_profile_page  #alarm_article .chart_row{text-align:center;}
#stateroom_profile_page .material-block{display:inline-block;position:relative;width:72px;height:72px;}
#stateroom_profile_page .material-block .label{display:inline-block;position:absolute;left:12px;top:12px;width:48px;height:48px;color:#A5A7A7;text-align:center;line-height:0;}
#stateroom_profile_page .material-block .label .material-icons-round{font-size:2rem;line-height:48px}
#stateroom_profile_page .material-block .border{display:inline-block;position:absolute;left:0; top:0;width:72px;height:72px;line-height:0;}
#stateroom_profile_page .material-block .border .material-icons-round,
#stateroom_profile_page .material-block .border .material-icons-outlined{font-size:4.6rem;line-height:72px;}
#stateroom_profile_page .material-block .alarm_message{text-align:center;padding-top:6px;}
#stateroom_profile_page .attention{font-size:1rem;color:#DF5353;text-align:center;padding-top:24px;}
#stateroom_profile_page .attention .material-icons{padding-right:4px;}


#stateroom_reservation_page .reservation_grid{grid-template-columns: repeat(2, 1fr);}
#stateroom_reservation_page .reservation_grid li{grid-template-columns: 100px 1fr;}

#stateroom_consulting_page .consulting_grid{grid-template-columns: repeat(2, 1fr);}
#stateroom_consulting_page .consulting_grid li{grid-template-columns: 100px 1fr;}

/*
	예약, 여행상담
*/
.counsel_wrapper .counsel_list .title_section{text-align:center;padding-top:12px;padding-bottom:24px;}
.counsel_wrapper .counsel_list .title_section .title{font-size:18px;color:#000;font-weight:bold;letter-spacing:-0.05em;word-spacing:0.1em;line-height:24px;}
.counsel_wrapper .counsel_list .title_section .title_caption{font-size:14px;color:#ef3a6a;font-weight:bold;margin-top:2px;line-height:22px;letter-spacing:-0.03em;}

.counsel_wrapper .counsel_list .article_payment{width:100%;overflow:hidden;margin-top:12px;background:#FFF;border:1px SOLID #DFE7EC;padding:12px;}
.counsel_wrapper .counsel_list .remain_amount{padding-right:9px;}

.counsel_wrapper .counsel_grid li{grid-template-columns: 100px 1fr;}

.guest_section {text-align:center;padding-top:24px;}

.article_payment h4{padding-bottom:6px;}

.payment_block{border:1px SOLID #DFE7EC;	border-radius:6px; background:#F9FDFE;margin-top:12px;padding:12px 24px;}
.payment_block .payment_grid{display:grid;grid-template-columns: 1fr 1fr 144px;;}

.payment_block .payment_grid .amount{text-align:right;padding-right:24px;}
.payment_block .payment_grid .payment_label{display:inline-block;height:48px;font-size:1rem;font-weight:600;line-height:48px;color:#191A1A;padding-right:12px;}
.payment_block .payment_grid .payment_amount{display:inline-block;height:48px;font-size:1.5rem;font-weight:600;;line-height:48px;color:#DF5353;}
.payment_block .payment_grid .payment_amount:after{content:'원';font-weight:normal;}

.payment_block .payment_grid button{width:144px;}



#counsel_detail .title_container{overflow:hidden;font-size:1.25rem;font-weight:600;color:#000;text-align:center;padding:12px 0;}
#counsel_detail .title_container .content_title{display:inline-block;width:100%;font-size:28px;font-weight:bold;color:#000;text-align:center;letter-spacing:-0.05em;word-spacing:0.1em;}
#counsel_detail .title_container .caption{display:inline-block;width:100%;font-size:16px;color:#E51F19;padding-top:3px;}
#counsel_detail .title_container .tag{padding-top:24px;}
#counsel_detail .title_container .tag .icon_tag{display:inline-block;white-space:nowrap;height:24px;line-height:22px;font-size:14px;color:#696969;border-radius:6px;background-color:#f2f2f2;border:1px SOLID #d9d9d9;padding:0 12px;margin-right:6px;}
#counsel_detail .title_container .category_section{position:absolute;top:0;text-align:right;}
#counsel_detail .title_container .category_section .icon_catagory{display:inline-block;background:#008299;height:36px;line-height:36px;border-radius:0 0 12px 12px;color:#fff;font-weight:bold;padding:0 16px;margin-right:6px;}
#counsel_detail .title_container .category_section .icon_theme{display:inline-block;background:#20dfdc;height:36px;line-height:36px;border-radius:0 0 12px 12px;color:#fff;font-weight:bold;padding:0 16px;margin-right:6px;}
#counsel_detail .subject{color:#191A1A !important;font-weight:600;}

#counsel_detail .button_container{text-align:right;margin-top:18px;}
#counsel_detail .button_container button{display:inline-block;cursor:pointer;border:none;height:36px;overflow:hidden;line-height:36px;}
#counsel_detail .button_container .btn_function{border-radius:18px;padding:0 24px;margin-left:6px;border:none;color:#fff;background:#0dbdf2;}
#counsel_detail .button_container .btn_function:hover{background:#0ba2d0;border:none;}

#counsel_detail button[name=btn_payment_inline]{margin-left:12px;}

#counsel_detail .answer_container{margin-top:6px;}
#counsel_detail .answer_container p{line-height:160%;}

#counsel_detail .content_tab_body h4{padding-top:24px;padding-bottom:6px;}
#counsel_detail .content_tab_body h4:first-child{padding-top:0px;}
#counsel_detail .passsenger_container{padding:6px 24px;}

#counsel_detail #reservation_summary_table li,
#counsel_detail #reservation_applicant_table li,
#counsel_detail #applicant_table li,
#counsel_detail #summary_table li{grid-template-columns:100px 1fr !important;}

#counsel_detail #passenger_list .block_article{padding:6px;}
#counsel_detail #passenger_list .block_chart{grid-template-columns: repeat(2, 1fr);}
#counsel_detail #passenger_list .block_chart li{grid-template-columns: 100px 1fr;}

#counsel_detail #passenger_list .chart_cell:nth-child(2),
#counsel_detail #passenger_list .chart_cell:nth-child(1){border-top:none;}

.map_content{height:420px;border:1px SOLID #D8D9D9;}

#button_disabled_announce{text-align:center;padding-top:12px;color:#f20d46;}
#button_disabled_announce .fa{padding-right:6px;}
#move_button{text-align:center;margin-top:48px;}

@media only screen and (max-width: 767px) {
	#counsel_detail #passenger_list .block_chart,	
	#stateroom_consulting_page .consulting_grid,
	#stateroom_reservation_page .reservation_grid{grid-template-columns: 100%;}
	#counsel_detail .span1_2{grid-column:1;}

	#counsel_detail #passenger_list .chart_cell:nth-child(2){border-top:1px SOLID #D8D9D9;}

}


/*
결제하기
*/
#stateroom_payment_page .page_body.payment .button_block{text-align:center;padding-top:36px;}
#stateroom_payment_page .payment_list .row{display:flex;flex-wrap: wrap;padding:9px 12px;overflow:hidden;}
#stateroom_payment_page .payment_list .payment_subject{flex-grow: 0;flex-shrink: 0;width:100%;font-size:18px;font-weight:bold;color:#191A1A;line-height:160%;padding-bottom:6px;}
#stateroom_payment_page .payment_list .payment_date{flex-grow: 1;flex-shrink: 1;color:#26B3A4;line-height:160%;}
#stateroom_payment_page .payment_list .payment_amount{flex-grow: 0;flex-shrink: 0;color:#E51F19;font-weight:600;line-height:160%;padding-left:24px;}

#stateroom_payment_page #payment_summary{text-align:center;}
#stateroom_payment_page #payment_summary .payment_total_label{font-size:16px; font-weight:bold;color:#191A1A;padding-right:9px;}
#stateroom_payment_page #payment_summary .payment_total_amount{font-size:24px; font-weight:bold;color:#E51F19;}

