@charset "UTF-8";

	/* // btn white / blue */
	.tourdiv .type_gray{
		line-height: 42px;
		background: #757575;
		font-size: 18px;
		color: #fff;
		border-radius: 10px;
		min-width: 107px;
	}
	.tourdiv .type_gray:hover{
		background: #424242;
	}
	.tourdiv .btn_by-white{
		border: 1px solid #c1c1c1;
		min-width: 300px;
		line-height: 50px;
		border-radius: 10px;
		font-size: 22px;
	}
	.tourdiv .btn_by-blue{
		border: 1px solid #0b3c81;
		color: #0b3c81;
	}
	.tourdiv .btn_by-blue:hover{
		border: 1px solid #c1c1c1;
		color: #000;
	}
	.tourdiv .btn_by-white:hover{
		border-color:#0988b7;
		color:#0988b7 !important;
	}
	.btn_bn-blue{
		min-width: 300px;
		line-height: 50px;
		font-size: 22px;
	}
	.tourdiv .btn_bn-blue:hover{
		color:#11428f;
		background: #fff;
		border: 1px solid #11428f;
	}
	.tourdiv .btb_bn-gray{
		min-width: 300px;
		line-height: 50px;
		font-size: 22px;
	}
	.tourdiv .btb_bn-gray:hover{
		color:#757575;
		background: #fff;
		border: 1px solid #757575;
	}
	.tourdiv .btb_bn-gray-lt{
		background:#909090;
		color:#fff;
	}
	.tourdiv .btb_bn-gray-lt:hover{
		background:#424242;
	}
	.tourdiv .btn_bn-green{
		min-width: 300px;

	}
	.tourdiv .btn_bn-green:hover{
		background:#fff;
		border: 1px solid #00acc2;
		color: #00acc2;
	}
	.tourdiv .layerPopup .layerWrap .btnWrap button.full-btn{
		width: 100%;
	}
	@media screen and (max-width:768px){
		.tourdiv .btn_by-white, .tourdiv .btn_bn-blue, .btn_bn-green{
			min-width:100%;
			line-height:38px;
			font-size:16px;
		}
		.tourdiv .page_group{
			line-height:48px;
		}
		.tourdiv .layerPopup .layerWrap .btnWrap button.full-btn{
			width: 100%;
			    margin-left: 0;
		}
		.tourdiv .layerPopup .layerWrap .btnWrap button.full-btn.m{
			display: block;
		}
	}
	@media (prefers-color-scheme: dark) {
		.tourdiv .btn_by-white{
			color:#bbb;
		}
		.tourdiv .page_group span{
			color:#bbb;
		}
	}
	/*  btn white / blue // */

	/*  // tab btn */
	.tourdiv .tab_bar li button{
		margin-right:8px;
	}
	.tabPage{
		display:none;
	}
	.tourdiv .tab_bar {
		display: flex;
	}
	.tourdiv .tab_bar li {
		flex: 1;
		border: 1px solid #cfcfcf;
		border-bottom: 0;
		text-align: center;
		min-width: 200px;
	}
	.tourdiv .tabPage.active{
		display:block;
	}
	.tourdiv .tab_bar li button{
		min-width:159px;
/* 		background:#e7e7e7; */
		color:#000000;
		font-size:22px;
		line-height:50px;
		font-weight:600;
		border-radius:10px;
	}
	.tourdiv .tab_bar li.active{
		background:#0066b3;
	}
	.tourdiv .tab_bar li.active button{
		/* background:#0988b7; */
		color:#fff;
	}
	.tourdiv .tab_bar.type3{
		display:block;
		margin-bottom:0;
	}
	.tourdiv .tab_bar.type3 li {
    width: 25%;
	}
	.tourdiv .tab_bar.type4 {
		display: inherit;
	}
/* 	.tourdiv .tab_bar.type4 li .korail_logo_tab{
		background: url(../../common/img/korail_logo_tab.png) no-repeat;
		width: 53px;
		height: 17px;
	} */
	.tourdiv .tab_bar.type4 li {
		min-width: 60px;
		margin-right: 5px;
		border-radius: 30px;
		border-bottom: 1px solid #cfcfcf;
	}
	.tourdiv .tab_bar.type4 li button {
		line-height: 46px;
		font-size: 20px;
		letter-spacing: -0.025em;
		padding: 0 24px;
		margin-right:0;
	}

	.tourdiv .tab_bar.type4 li:last-of-type {
		margin-right: 0;
	}
	.tourdiv .tab_bar.type4 li.active button.all{
		color:#fff;
	}
	.tourdiv .tab_bar.type_more-tabGroup{
		flex-wrap:wrap;
		border-left: 1px solid #cfcfcf;
		border-top: 1px solid #cfcfcf;
	}
	@media screen and (max-width:768px){
		.tourdiv .tab_bar li.active{
			position:relative;
		}
		.tourdiv .tab_bar li button{
			min-width:65px;
			line-height:39px;
			font-size:16px;
			padding:0 5px;
		}
		.tourdiv .tab_bar li.active:after {
			display: block;
			content: "";
			width: calc(100% - 40px);
			height: 4px;
			background: #0066b3;
			position: absolute;
			bottom: 0;
			left:50%;
			transform:translateX(-50%);
		}
		.tourdiv .tab_bar li.ktx.active:after,
		.tourdiv .tab_bar li.saemaeul.active:after,
		.tourdiv .tab_bar li.itx.active:after,
		.tourdiv .tab_bar li.mugunghwa.active:after,
		.tourdiv .tab_bar li.tongguen.active:after{
			display: none;
		}
		.tourdiv .tab_bar li.active button {
			color: #000;
		}
		.tourdiv .tab_bar li button {
			min-width: 65px;
			line-height: 39px;
			font-size: 16px;
			padding: 0 5px;
			color: #979797;
		}
	}
	/* tab btn // */

	/* // ckbox */
	.tourdiv .ckbox input{
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: url(../img/sub/ico_tk_check-blue.png) no-repeat;
		background-size: 25px auto;
		appearance: none;
		-webkit-appearance: none;
	}
	.tourdiv .ckbox input[type="radio"]:checked{
		background-position:0 100%;
	}
	.tourdiv .ckbox input[type="checkbox"]:checked{
		background-position:0 100%;
	}
	.tourdiv .ckbox_type02 input{
		width: 22px;
		height: 22px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: url(../img/sub/ico_tk_check-type02.png) no-repeat;
		background-size: 22px auto;
		appearance: none;
		-webkit-appearance: none;
	}
	.tourdiv .ckbox_type02 input[type="checkbox"]:checked {
		background-position: 0 100%;
	}
	.tourdiv .ckbox.type-blue input{
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: url(../img/sub/ico_tk_check-blue.png) no-repeat;
		background-size: 25px auto;
		appearance: none;
		-webkit-appearance: none;
	}
	.tourdiv .ckbox.type-blue input[type="checkbox"]:checked {
		background-position: 0 100%;
	}
	/* chbox // */

	/*// 전체 리스트 아이콘*/
	.tourdiv .list_img{
		vertical-align: inherit;
		margin-right: 5px;
	}
	.tourdiv .allListNum{
		line-height: 44px;
	}
	.tourdiv .allListNum span{
		font-weight: 600;
		line-height: 44px;
	}
	.tourdiv .allListNum i{
		display: none;
	}
	.tourdiv .list_Search ul li{
		float: left;
	}
	.tourdiv .list_Search .right{
		float: right;
		color: #747474;
	}
	.tourdiv .list_Search ul::after{
		content:'';
		display: block;
		clear:both;
	}
	.tourdiv .list_Search select{
		border: none;
		border-bottom: 1px solid #555555;
		width: 200px;
		font-size: 20px;
		margin-right:35px;
		padding: 4.5px 0;
		height: 44px;
	}
	.tourdiv .list_Search input.searchBox{
		border: none;
		border-bottom: 1px solid #555555;
		width: 386px;
		font-size: 20px;
		padding: 4.5px 0;
		height: 44px;
	}
	.tourdiv .list_Search input.searchBox::placeholder {
		color:#b2b2b2;
	}
	.tourdiv .list_icon span{
		color: #0061cf;
		font-weight: 600;
		font-size: 24px;
	}
	.tourdiv .list_icon {
		font-size: 24px;
	}
	.tourdiv .search01{
		position: relative;
		max-height: 41px;
		float: right;
	}
	.tourdiv .search01 button{
		position: absolute;
		top: 7px;
		right: 10px;
	}
	.tourdiv input:focus{
		outline:none;
	}
	.tourdiv .select_box {
		background: url(../img/sub/bottom_arrow.png) no-repeat 97% 50%/15px auto;
	}
	@media screen and (max-width: 850px){
		.tourdiv .list_Search .right{
			float: none;
		}
		.tourdiv .allListNum span{
			font-size: 21px;
		}
		.tourdiv .list_Search select {
			font-size: 18px;
			width: 100%;
			margin-bottom: 10px;
			margin-right: 0;
		}
		.tourdiv .search01 input::placeholder {
			font-size: 18px;
		}
		.tourdiv .list_Search input.searchBox {
			width: 100%;
		}
		.tourdiv .list_Search ul li {
			float: none;
		}
		.tourdiv .right .search01 {
			float: none;
		}
		.tourdiv .list_Search .allListNum {
			position: absolute;
			top: 450px;
		}
		.tourdiv .list_Search{
			padding-bottom: 30px;
		}
	}
	@media screen and (max-width: 768px){
		.tourdiv .list_Search .allListNum {
			top: 310px;
		}
	}
	@media screen and (max-width: 640px){
		.tourdiv .list_Search .allListNum {
			top: 305px;
		}
	}
	/*전체 리스트 아이콘 //*/

	/* 팝업창 // */
	.tourdiv .fl-l{float:left;}
	.tourdiv .fl-r{float:right;}
	.tourdiv .fl-cl:after {content: ""; display: block; clear: both;}

	/* pc, mobile */
	.tourdiv .mobile{
		display:none;
	}
	@media screen and (max-width:1024px){
		.tourdiv .desktop{
			display:none;
		}
		.tourdiv .mhide{
			display:block;
		}
		.tourdiv .mobile{
			display:block;
		}
	}

.tourdiv .layerPopup .layerWrap .con_Wrap {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}
.tourdiv .layerPopup .layerWrap .con_Wrap > div{
	padding-bottom: 50px;
}
@media screen and (max-width:768px){
	.tourdiv .layerPopup .layerWrap .con_Wrap {
		max-height: calc(100vh - 64px);
	}
	.tourdiv .layerPopup .layerWrap .con_Wrap > div{
		padding-bottom:0;
	}
}

/* 이벤트 팝업 */ /* 20211126 */
.tourdiv .layer_wrap {
	max-width: 1400px;
	position: absolute;
	top: 260px;
	left: calc((100% - 1400px) / 2);
	width: 100%;
	z-index: 998;
}

.tourdiv .layer_wrap .control__wrap {
	position: absolute;
	left: 72px;
	bottom: 31px;
	z-index: 1000;
}

.tourdiv .layer_wrap .control__wrap * {
	display: inline-block;
}

.tourdiv .layer_wrap .paging li {
	width: 16px;
	height: 16px;
	background: #fcfefb;
	border-radius: 100%;
	margin-right: 16px;
}

.tourdiv .layer_wrap .paging .slick-active {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid #f37230;
	border-radius: 0;
	background: none;
}

.tourdiv .layer_wrap .paging li button {
	font-size: 0;
}

.tourdiv .layer_wrap .control__wrap .btn-pause {
	background: url(../img/main/btn-pause.png) no-repeat;
	width: 15px;
	height: 17px;
	font-size: 0;
	vertical-align: top;
}

.tourdiv .layer_wrap .control__wrap .btn-play {
	background: url(../img/main/btn-play.png) no-repeat center;
	width: 15px;
	height: 17px;
	font-size: 0;
	vertical-align: top;
}

.tourdiv .layer_wrap .btnWrap {
	position: absolute;
	right: 30px;
	top: 5%;
	z-index: 1000;
}

.tourdiv .layer_wrap .btnWrap li {
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
}

.tourdiv .layer_wrap .btnWrap li input {
	width: 13px;
	height: 13px;
	appearance: auto;
	margin-right: 8px;
}

.tourdiv .layer_wrap .btnWrap li label {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	opacity: .5;
}

.tourdiv .layer_wrap .btnWrap li .btn_pop-close {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../../common/img/ico_pop-close.png) no-repeat;
	margin-left: 8px;
	margin-top: 4px;
}

@media screen and (max-width:1640px) {
	.tourdiv .layer_wrap {
		max-width: calc(100% - 460px);
		left: 80px;
	}
}

@media screen and (max-width:1400px) {
	.tourdiv .layer_wrap {
		max-width: calc(100% - 380px);
	}
}

@media screen and (max-width:1024px) {
	.tourdiv .section01 .content {
		z-index: 1;
	}

	.tourdiv .layer_wrap {
		width: calc(100% - 40px);
		left: 50%;
		top:540px;
		transform: translateX(-50%);
		max-width: 100%;
		z-index: 999;
	}
}

@media screen and (max-width:768px) {
	.tourdiv .layer_wrap .control__wrap {
		left: 5%;
		bottom: 5px;
	}

	.tourdiv .layer_wrap .paging li {
		width: 10px;
		height: 10px;
		margin-right: 10px;
	}

	.tourdiv .layer_wrap .paging .slick-active {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 10px solid #f37230;
	}

	.tourdiv .layer_wrap .control__wrap .btn-pause {
		width: 10px;
		background-size: 10px auto;
	}

	.tourdiv .layer_wrap .control__wrap .btn-play {
		width: 10px;
		background-size: 6px auto;
		margin-top: -3px;
	}

	.tourdiv .layer_wrap .btnWrap li label {
		font-size: 12px;
	}

	.tourdiv .layer_wrap .btnWrap li input {
		margin-right: 3px;
		width: 10px;
		height: 10px;
	}
}