/*
	Created: 2021-01-20 KJH
*/

/* [start] 칼투어 하이브리드 일정표 PC */
.hyb_wrap {padding:10px;}/*border:1px solid #cccccc;*/

.hyb_wrap .hyb_txtHead {text-align:center;background-color:#ede9f6;font-size:13px;color:#4f1dc0;font-weight:bold;padding:10px;}
.hyb_wrap .hyb_txt_titleFix {padding-top:18px;font-size:13px;color:#4f1dc0;}
.hyb_wrap .hyb_txt_title {margin-top:18px;padding-top:18px;border-top:1px solid #cccccc;font-size:13px;color:#4f1dc0;}
.hyb_wrap .hyb_txt_detail {margin-top:15px;font-size:13px;}

.hyb_wrap .hyb_box 
{
	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:space-between; align-items:flex-start; width:100%; text-align:center;
}
.hyb_wrap .hyb_box .table_info {width:49%;font-size:13px;border-collapse:collapse;border:1px solid #b9ddee;table-layout:fixed;word-break:break-all;margin:12px 0;}/* Mobile에서는 flex-direction:column; 적용 */
.hyb_wrap .hyb_box .table_info tr {border:1px solid #b9ddee;height:37px;}
.hyb_wrap .hyb_box .table_info tr:nth-child(1) {background-color:#b9ddee;}
.hyb_wrap .hyb_box .table_info tr:nth-child(1) {font-weight:bold;}
.hyb_wrap .hyb_box .table_info td:nth-child(2) {text-align:left;}
.hyb_wrap .hyb_box .table_fare {width:49%;font-size:13px;border-collapse:collapse;border:1px solid #dfdfdf;table-layout:fixed;word-break:break-all;margin:12px 0;}/* Mobile에서는 flex-direction:column; 적용 */
.hyb_wrap .hyb_box .table_fare tr {border:1px solid #dfdfdf;height:37px;}
.hyb_wrap .hyb_box .table_fare tr:nth-child(1) {background-color:#dfdfdf;}
.hyb_wrap .hyb_box .table_fare tr:nth-child(1) td {font-weight:bold;}
.hyb_wrap .hyb_box .table_fare td:nth-child(2) {text-align:right;}
.hyb_wrap .hyb_box .table_fare td span {padding-right:34px;}

.hyb_wrap .hyb_img 
{
	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:space-between;clear:both;width:100%;padding:0 0 0 0px;font-size:0px;
}
/* [ end ] 칼투어 하이브리드 일정표 PC */


/* [start] 하이브리드 일정표 모바일 반응형 css 변경 // 코드 경로: KALTOUR.MODEL/Product/DAProductSchedule.cs */
@media screen and (max-width:900px)
{
	.hyb_wrap {border:none !important;}
	
	.hyb_wrap .hyb_box {flex-direction:column;}/* PC: 수평 정렬, Mobile: 수직 정렬 */
	.hyb_wrap .hyb_box .table_info {width:100% !important;}
	.hyb_wrap .hyb_box .table_info tr {height:auto !important;}
	.hyb_wrap .hyb_box .table_info tr th {display:block;}/* MobileCustom.css, .tbViewType3 tbody tr th {display:none;} 코드 대응 */
	.hyb_wrap .hyb_box .table_fare {width:100% !important;margin:0 0 12px 0;}
	.hyb_wrap .hyb_box .table_fare tr {height:auto !important;}
	.hyb_wrap .hyb_box .table_fare tr th {display:block;}/* MobileCustom.css, .tbViewType3 tbody tr th {display:none;} 중복 적용되는 코드 대응 */
	
	.hyb_wrap .hyb_img {flex-direction:column;}/* PC: 수평 정렬, Mobile: 수직 정렬 */
	.hyb_wrap .hyb_img img {margin-bottom:10px !important;width:100% !important;}/* MobileCustom.css, .schDayctn div img{width:98%;max-width:100%;} 코드 대응 */
}
/* [ end ] 하이브리드 일정표 모바일 반응형 css 변경 */



/* [start] 칼팍 하이브리드 일정표 PC */
.kp_hyb_wrap {padding:10px;}

.kp_hyb_wrap .hyb_txtHead {text-align:center;background-color:#1b1a19;font-size:13px;color:#fbd789;font-weight:bold;padding:10px;}
.kp_hyb_wrap .hyb_txt_titleFix {padding-top:18px;font-size:13px;color:#ed6400;}
.kp_hyb_wrap .hyb_txt_title {margin-top:18px;padding-top:18px;border-top:1px solid #cccccc;font-size:13px;color:#ed6400;}
.kp_hyb_wrap .hyb_txt_detail {margin-top:15px;font-size:13px;}

.kp_hyb_wrap .hyb_box 
{
	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:space-between;width:100%;text-align:center;
}
.kp_hyb_wrap .hyb_box .table_info {width:49%;font-size:13px;border-collapse:collapse;border:1px solid #cac183;table-layout:fixed;word-break:break-all;margin:12px 0;}/* Mobile에서는 flex-direction:column; 적용 */
.kp_hyb_wrap .hyb_box .table_info tr {border:1px solid #cac183;height:37px;}
.kp_hyb_wrap .hyb_box .table_info tr:nth-child(1) {background-color:#cac183;}
.kp_hyb_wrap .hyb_box .table_info tr:nth-child(1) td {font-weight:bold;}
.kp_hyb_wrap .hyb_box .table_info td:nth-child(2) {text-align:left;}
.kp_hyb_wrap .hyb_box .table_fare {width:49%;font-size:13px;border-collapse:collapse;border:1px solid #d2ccbb;table-layout:fixed;word-break:break-all;margin:12px 0;}/* Mobile에서는 flex-direction:column; 적용 */
.kp_hyb_wrap .hyb_box .table_fare tr {border:1px solid #d2ccbb;height:37px;}
.kp_hyb_wrap .hyb_box .table_fare tr:nth-child(1) {background-color:#d2ccbb;}
.kp_hyb_wrap .hyb_box .table_fare tr:nth-child(1) td {font-weight:bold;}
.kp_hyb_wrap .hyb_box .table_fare td:nth-child(2) {text-align:right;}
.kp_hyb_wrap .hyb_box .table_fare td span {padding-right:34px;}

.kp_hyb_wrap .hyb_img 
{
	display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display:-ms-flexbox;      /* TWEENER - IE 10 */
	display:-webkit-flex;     /* NEW - Chrome */
	display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:space-between;clear:both;width:100%;padding:0 0 0 0px;font-size:0px;
}
/* [ end ] 칼팍 하이브리드 일정표 PC */




/* [start] 공통 */

/* [start] Mobile Only */
.hybrid_explaination {padding:45px 15px 15px 15px; background-color:#ede9f6; margin-bottom:-30px;}
.hybrid_explaination .txt_tit {font-weight:bold; font-size:16px; color:#631cb7;}
.hybrid_explaination .txt_cont {margin-top:15px; font-size:13px; color:#000000;}
.hybrid_explaination .txt_cont .txt_bold {font-weight:bold;}
/* [ end ] Mobile Only */

/* [ end ] 공통 */