@charset "UTF-8";


/****************************************************************
	Horizontal image box style
****************************************************************/

.img-col-box {display:flex; margin:2em -1em;}
.img-col-box .grid-item {width:33.3%; margin:1em; height:18em; border-radius:1em; overflow:hidden; overflow:hidden; position:relative; border:1px solid #DFE4EF;}
.img-col-box .grid-item img {max-width:none; height:100%; position:absolute; left:50%; transform:translateX(-50%);}

@media all and (max-width:1024px) {
    .img-col-box {margin:1.5em -.5em;}
    .img-col-box .grid-item {height:10em; margin:.5em; }
}

@media all and (max-width:640px) {
    .img-col-box .grid-item {height:8em;}
}


/**************************************
	Common Style
**************************************/

.bod_head.tourHeader {margin-bottom:1.5em;}
.bod_head.tourHeader .page_num{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.bod_head.tourHeader .page_num select {color:#222;}

.list-tbl {margin-top:0;}
.list-tbl li + li {margin-top:1em;}
.list-tbl li > * {font-size:.9em;}
.list-tbl > li {display:flex; position:relative; align-items:center;}
.list-tbl > li:before {content:""; display:block; position:relative; width:.4em; height:.4em; background:#EC5732; margin-right:.6em;}
.list-tbl > li > * {display:block; position:relative;}
.list-tbl > li > strong {width:4.5em;}
.list-tbl > li > span {width:calc(100% - 5.5em); color:#555;}
.list-tbl .btn.small {font-size:.77em;}

.list-tbl.inline > li {display:block; padding-left:1em; word-break:keep-all;}
.list-tbl.inline > li:before {position:absolute; top:.4em; left:0;}
.list-tbl.inline > li > * {display:inline;}

@media all and (max-width:370px) {
	.list-tbl > li {flex-wrap:wrap;}
	.list-tbl > li > span {width:100%; margin-top:.5em;}
	.list-tbl .btn {width:100%; display:block;}
}

.btn.icon.reset {background-image:url(../img/common/ico_reset.svg);}
.btn.icon.reset:hover,
.btn.icon.reset:focus {background-image:url(../img/common/ico_reset_w.svg);}

.tag-a11y {display:inline-block; position:relative; vertical-align:middle; font-size:.8947368421052632em; padding:0 1.176470588235294em; line-height:1.882352941176471em; border-radius:9em; background:#F3F7FF; color:#3A66D7;}
.tag-a11y[data-info]:before {content:""; display:inline-block; position:relative; vertical-align:middle; width:1.41em; height:1.41em; background-size:contain; margin-right:4px;}
.tag-a11y[data-info="휠체어 접근 가능"]:before {background-image:url(../img/common/ico_a11y_01.svg);}
.tag-a11y[data-info="가파른 편"]:before {background-image:url(../img/common/ico_a11y_02.svg);}
.tag-a11y[data-info="휠체어 대여"]:before {background-image:url(../img/common/ico_a11y_03.svg);}
.tag-a11y[data-info="장애인 전용 화장실 구역"]:before {background-image:url(../img/common/ico_a11y_04.svg);}
.tag-a11y[data-info="장애인 전용 주차구역"]:before {background-image:url(../img/common/ico_a11y_05.svg);}

.ico-is-a11y {display:block; position:relative; width:2.75em; height:2.75em; border-radius:100%; text-indent:-999px; overflow:hidden; background:url(../img/common/ico_a11y_00.svg) no-repeat 50% 50%; background-size:contain;}
.ico-is-a11y[data-cate=""],
.ico-is-a11y:not([data-cate]) {display:none !important;}



.ico-regCate {display:block; position:relative; width:2.75em; height:2.75em; border-radius:100%; text-indent:-999px; overflow:hidden; background:linear-gradient(90deg, rgba(0, 82, 173, 1) 0%, rgba(246, 105, 70, 1) 100%);}
.ico-regCate:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat 50% 50%; background-size:2.75em auto;}
.ico-regCate[data-cate=""],
.ico-regCate:not([data-cate]) {display:none !important;}
.ico-regCate[data-cate="전체"]:before {background-image:url(../img/common/ico_tour_01.svg);}
.ico-regCate[data-cate*="산성"]:before {background-image:url(../img/common/ico_tour_02.svg);}
.ico-regCate[data-cate*="호수"]:before {background-image:url(../img/common/ico_tour_03.svg);}
.ico-regCate[data-cate*="공원"]:before {background-image:url(../img/common/ico_tour_04.svg);}
.ico-regCate[data-cate*="사찰"]:before {background-image:url(../img/common/ico_tour_05.svg);}
.ico-regCate[data-cate*="성지"]:before {background-image:url(../img/common/ico_tour_06.svg);}
.ico-regCate[data-cate*="미륵"]:before {background-image:url(../img/common/ico_tour_07.svg);}
.ico-regCate[data-cate*="고루"]:before {background-image:url(../img/common/ico_tour_08.svg);}
.ico-regCate[data-cate*="향교"]:before {background-image:url(../img/common/ico_tour_09.svg);}
.ico-regCate[data-cate*="박물"]:before {background-image:url(../img/common/ico_tour_10.svg);}
.ico-regCate[data-cate*="농촌"]:before {background-image:url(../img/common/ico_tour_11.svg);}
.ico-regCate[data-cate*="골프"]:before {background-image:url(../img/common/ico_tour_12.svg);}
.ico-regCate[data-cate*="승마"]:before {background-image:url(../img/common/ico_tour_13.svg);}
.ico-regCate[data-cate*="수상"]:before {background-image:url(../img/common/ico_tour_14.svg);}
.ico-regCate[data-cate*="체육"]:before {background-image:url(../img/common/ico_tour_15.svg);}
.ico-regCate[data-cate*="휴양"]:before {background-image:url(../img/common/ico_tour_16.svg);}
.ico-regCate[data-cate*="캠핑"]:before {background-image:url(../img/common/ico_tour_17.svg);}
.ico-regCate[data-cate*="둘레"]:before {background-image:url(../img/common/ico_tour_18.svg);}
.ico-regCate[data-cate*="문화"]:before {background-image:url(../img/common/ico_tour_19.svg);}
.ico-regCate[data-cate*="기타"]:before {background-image:url(../img/common/ico_tour_20.svg);}




@media all and (max-width:540px) {

	.ico-is-a11y {width:2em; height:2em;}
	.ico-regCate {width:2em; height:2em;}
	
}




.tourHeader .btn.icon.open {background-image:url(../img/common/open.svg)}
.tourHeader .btn.icon.open:not([disabled]):hover,
.tourHeader .btn.icon.open:focus {background-image:url(../img/common/open_on.svg)}
.tourHeader .btn.icon.open.active {background-image:url(../img/common/close.svg)}
.tourHeader .btn.icon.open.active:not([disabled]):hover,
.tourHeader .btn.icon.open.active:focus {background-image:url(../img/common/close_on.svg)}

/**************************************
	Tour Thumb List
**************************************/

.tourAreaItem {display:block; position:relative; border-radius:1.5em; border:1px solid #DAE1EC; background:#fff; overflow:hidden; transition:.3s all; -webkit-transition:.3s all;}
.tourAreaItem .thumb {display:block; position:relative; margin:0; background:#e9e9e9; overflow:hidden; z-index:0;}
.tourAreaItem .thumb:before {content:""; display:block; position:relative; padding-top:71.5203426124197%;}
.tourAreaItem .thumb img {display:block; position:absolute; min-width:100%; min-height:16.7em; max-width:150%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.tourAreaItem .thumb .no-img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-999px; overflow:hidden; background:#ddd;}
.tourAreaItem .desc {display:block; position:relative; padding:1.5em; background:#fff; z-index:1; transition:.3s all; -webkit-transition:.3s all;}
.tourAreaItem .desc:before,
.tourAreaItem .desc:after {content:""; display:block; position:absolute; width:1.5em; height:1.5em; bottom:100%; background:no-repeat 0 100%; background-size:contain;}
.tourAreaItem .desc:before {left:0; background-image:url(../img/content/01/bak_thumb_cover_left.png);}
.tourAreaItem .desc:after {right:0; background-image:url(../img/content/01/bak_thumb_cover_right.png); background-position-x:100%;}
.tourAreaItem .desc > * {display:block;}
.tourAreaItem .desc strong {font-size:1.3em; font-weight:600; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tourAreaItem .desc .tag {display:flex; position:absolute; top:-1.375em; left:1.5em; right:1.5em; justify-content:end;}
.tourAreaItem .desc .tag > * {margin-left:auto;}
.tourAreaItem .desc .tag > * + * {margin-left:.5em;}
.tourAreaItem .desc .btn {position:absolute; left:1.5em; right:1.5em; bottom:1em; opacity:0; visibility:hidden; transition:.3s all; -webkit-transition:.3s all;}
.tourAreaItem .desc .txt {position:relative; font-size:.85em; margin-top:0.7058823529411765em; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tourAreaItem .desc .txt.addr {padding-left:2.058823529411765em; line-height:1.647058823529412em;}
.tourAreaItem .desc .txt.addr:before {content:""; display:block; position:absolute; left:0; top:0; width:1.470588235294118em; height:1.470588235294118em; background:url(../img/common/ico_addr.svg) no-repeat 50% 50%; background-size:contain;}
.tourAreaItem:hover,
.tourAreaItem:focus {border-color:#555; box-shadow:0 1.25em 1.5em 0 rgba(17, 43, 98, .07);}
.tourAreaItem:hover .desc,
.tourAreaItem:focus .desc {padding-bottom:calc(1.5em + 3.25em); margin-top:-3.25em;}
.tourAreaItem:hover .desc .btn,
.tourAreaItem:focus .desc .btn {bottom:1.5em; opacity:1; visibility:visible;}


.tourAreaList {display:flex; flex-wrap:wrap; font-size:1.052631578947368em; margin:-1.25em; clear:both;}
.tourAreaList > li {display:block; position:relative; width:33.33%; padding:1.25em;}

@media all and (max-width:1024px) {
	.tourAreaList .tourAreaItem:hover .desc,
	.tourAreaList .tourAreaItem:focus .desc {padding-bottom:calc(1em + 3.25em); margin-top:-3.25em;}

	.tourAreaList {margin:-.5em;}
	.tourAreaList > li {padding:.5em;}
	.tourAreaList > li .btn {font-size:.8em;}
	.tourAreaList .desc {padding:1em;}
	.tourAreaItem .desc strong {font-size:1.1em;}
}
@media all and (max-width:800px) {
	.tourAreaList > li {width:50%;}
}
@media all and (max-width:540px) and (min-width:411px) {
	.tourAreaList .tourAreaItem {overflow:visible;}
	.tourAreaItem .desc {background:none;}
	.tourAreaItem .desc:before, .tourAreaItem .desc:after {display:none;}
}
@media all and (max-width:540px) {
	.tourAreaList > li {width:100%;}

	.tourAreaList .tourAreaItem {display:flex; justify-content:space-between; align-items:center; padding:.5em 0;}
	.tourAreaList .tourAreaItem .thumb {position:relative; width:10em; margin-left:1em; border-radius:1em; overflow:hidden;}
	.tourAreaList .tourAreaItem .desc {width:calc(100% - 11em); padding:1.2em !important; margin:0 !important;}
	.tourAreaList .tourAreaItem .desc .btn {position:relative; width:100%; left:auto; right:auto; bottom:auto !important; margin-top:.5em !important; top:auto; visibility:visible; opacity:1;}
}
@media all and (max-width:480px) {
	.tourAreaList .tourAreaItem .thumb {width:8em;}
	.tourAreaList .tourAreaItem .desc {width:calc(100% - 9em);}
}
@media all and (max-width:410px) {
	.tourAreaList .tourAreaItem {display:block; padding-top:1.5em;}
	.tourAreaList .tourAreaItem .thumb {width:10em; margin:0 auto;}
	.tourAreaList .tourAreaItem .desc {width:auto;}
}


/**************************************
	Webzine List
**************************************/

.tourWebzineList > li {display:flex; position:relative; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:2.631578947368421em 0; border-bottom:1px solid #DAE1EC;}
.tourWebzineList .thumb {display:block; position:relative; font-size:1.052631578947368em; width:32.5em; max-height:22.105263157em; border-radius:1.5em 5em 1.5em 1.5em; overflow:hidden;}
.tourWebzineList .thumb em {display:block; position:absolute; top:1.2083em; left:1.4166em; width:3.33em; height:3.33em; border-radius:100%; line-height:3.33em; font-size:1.2em; font-weight:800; color:#fff; text-align:center; background:linear-gradient(180deg, rgba(236, 87, 50, 1) 0%, rgba(228, 3, 46, 1) 100%);}
.tourWebzineList .thumb em.special-mark {top:1em; left:1em; text-indent:-999px; overflow:hidden; width:6.315789473684211em; height:5.526315789473684em; background:url(../img/content/04/img_special_goods_title.png) no-repeat 50% 50%; background-size:contain;}
.tourWebzineList .thumb img {display:block; width:100%;}
.tourWebzineList .thumb + .desc {width:calc(100% - 35.78947368421053em); max-width:41.05263157894737em;}
.tourWebzineList .desc {width:100%;}
.tourWebzineList .desc h5 {margin:0 !important; padding:0 !important; font-size:1.894736842105263em; color:#222;}
.tourWebzineList .desc h5:before {display:none;}
.tourWebzineList .desc * + h5 {margin-top:.5555555555555556em !important;}
.tourWebzineList .desc .tag > * {margin:2px 0;}
.tourWebzineList .desc .sub-tit {display:block; position:relative; color:#555; font-size:1.157894736842105em; line-height:1.3em; margin-top:.6363636363636364em;}
.tourWebzineList .desc .con {display:block; position:relative; font-size:0.9473684210526316em; color:#777777; line-height:1.4em; min-height:4.2em; margin:1.388888888888889em 0;}
.tourWebzineList .desc .btn:not(.small) {font-size:1.052631578947368em; border-radius:.5em; padding:0 1em; line-height:2.5em; border:none; min-width:9.5em;}
.tourWebzineList .desc .con .tbl-respon {color:#333; margin-top:1.31em;}
.tourWebzineList .desc .con table th {font-weight:600; text-align:center; color:#222;}
.tourWebzineList .side-content {display:block; width:100% !important; margin-top:2.2em;}

@media all and (max-width:1024px) {
	.tourWebzineList > li {align-items:start;}
	.tourWebzineList .thumb {width:16em;}
	.tourWebzineList .thumb em {font-size:.8em;}
	.tourWebzineList .thumb + .desc {width:calc(100% - 18.5em);}
	.tourWebzineList .desc h5 {font-size:1.6em;}
	.tourWebzineList .desc .sub-tit {font-size:1.1em;}
	.tourWebzineList .desc .btn:not(.small) {font-size:1em;}
}
@media all and (max-width:760px) {
	.tourWebzineList > li {display:block;}
	.tourWebzineList .thumb {width:auto; max-height:16em; margin-bottom:2em;}
	.tourWebzineList .desc {width:auto !important;}
	.tourWebzineList .desc .con {min-height:0;}
	.tourWebzineList .desc .btn:not(.small) {width:100%;}
}


/**************************************
	Tour Viewer
**************************************/

.tourAreaViewer {position:relative; font-size:1.052631578947368em;}
.tourAreaViewer .topArea {display:flex; ; clear:both; margin-bottom:4.75em; flex-direction:row-reverse;}
.tourAreaViewer .topArea.line {border-bottom: 3px dotted #DAE1EC; margin-bottom:0; padding-bottom:4em;}
.tourAreaViewer .topArea > * {display:block; position:relative;}
.tourAreaViewer .topArea .thumb {min-width:36.33333333333333%; max-width:36.33333333333333%;}
.tourAreaViewer .topArea .thumbSlider {min-width:49.33%; max-width:49.33%;}
.tourAreaViewer .topArea .desc {flex-grow:1; padding-left:2.3em;}

@media all and (max-width:1024px) {
	.tourAreaViewer .topArea {display:block; margin-bottom:2.5em;}
	.tourAreaViewer .topArea > * {width:auto !important; max-width:100% !important;}
	.tourAreaViewer .topArea .desc {padding-left:0;}
	.tourAreaViewer .topArea .thumbSlider  {margin-top:2.5em;}
}

.tourAreaViewer .thumbSlider .slider {display:block; position:relative; z-index:0; border-radius:1.5em 5em 1.5em 1.5em; overflow:hidden;}
.tourAreaViewer .thumbSlider .swiper-slide:before {content:""; display:block; position:relative; padding-top:64.18918918918919%; z-index:-1; background:#eaeaea;}
.tourAreaViewer .thumbSlider .swiper-slide img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.tourAreaViewer .thumbSlider .control {display:flex; position:absolute; right:0; bottom:0; align-items:center; padding:.5em .8em .5em 1.5em; z-index:2;  background:#fff; z-index:1; border-radius:1em 0 0 0 ;}
.tourAreaViewer .thumbSlider .control .pager {width:auto; bottom:auto; text-indent:-999px; overflow:hidden; margin-right:1.6em;}
.tourAreaViewer .thumbSlider .control .pager > * {display:block; float:left; position:relative; text-indent:0; white-space:nowrap; font-size:.8em; color:#333; font-weight:800;}
.tourAreaViewer .thumbSlider .control .pager > * + * {padding-left:1.25em; color:rgba(51,51,51,.6);}
.tourAreaViewer .thumbSlider .control .pager > * + *:before {content:""; display:block; position:absolute; left:.625em; width:4px; height:4px; background:rgba(170,170,170,.4); border-radius:1px; top:50%; margin:-2px 0 0 -2px;}
.tourAreaViewer .thumbSlider .control button {display:block; position:relative; width:1.5em; height:1.5em; text-indent:-999px; overflow:hidden;}
.tourAreaViewer .thumbSlider .control button:before {content:""; display:block; position:absolute; top:0; left:0; width:1.5em; height:1.5em; background:no-repeat 50% 50%;}
.tourAreaViewer .thumbSlider .control button.swiper-button-disabled:before {opacity:.6;}
.tourAreaViewer .thumbSlider .control button.prev:before {background-image:url(../img/main/btn_left_b_40x40.svg); background-size:2em auto;}
.tourAreaViewer .thumbSlider .control button.next:before {background-image:url(../img/main/btn_right_b_40x40.svg); background-size:2em auto;}
.tourAreaViewer .thumbSlider .control .bar {display:block; position:relative; width:.1em; height:.7em; background:#333; opacity:.4; margin:0 .5em;}

.tourAreaViewer .topArea .thumb {display:block; position:relative; z-index:0; border-radius:1.5em 5em 1.5em 1.5em; overflow:hidden;}
.tourAreaViewer .topArea .thumb:before {content:""; display:block; position:relative; padding-top:73.39449541284404%; z-index:-1; background:#eaeaea;}
.tourAreaViewer .topArea .thumb img {display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

@media all and (max-width:1024px) {
	.tourAreaViewer .thumbSlider .slider {border-radius:0;}
	.tourAreaViewer .thumbSlider .swiper-slide {width:20em; max-width:90vw; border-radius:1em; overflow:hidden;}

	.tourAreaViewer .topArea .thumb {width:25em !important; max-width:100%; margin:2em auto 0;}
}

.tourAreaViewer .topArea .desc h4 {display:block; position:relative; font-size:1em; margin-bottom:2.15em;}
.tourAreaViewer .topArea .desc h4 > * {vertical-align:middle;}
.tourAreaViewer .topArea .desc h4 .ico-regCate {position:absolute; top:-.2em; left:0;}
.tourAreaViewer .topArea .desc h4 strong {display:block; font-size:1.8em; line-height:1.3em;}
.tourAreaViewer .topArea .desc h4 .ico-regCate ~ strong {margin-left:2.138888888888889em; margin-right:3.333333333333333em;}
.tourAreaViewer .topArea .desc .btn-pop-map {font-size:.75em; position:absolute; right:0; top:.2em;}

.tourAreaViewer .topArea .desc .txt {color:#555; line-height:1.4em; margin-bottom:2em;}

.tourAreaViewer .topArea .desc .tag i {display:inline-block; vertical-align:middle; color:#555; margin-right:.2em;}
.tourAreaViewer .topArea .desc .tag i:before {content:"#";}

@media all and (max-width:640px) {
	.tourAreaViewer .topArea .desc h4 {font-size:.8em;}
	.tourAreaViewer .topArea .desc h4 .ico-regCate ~ strong {margin-right:0;}
}

.tourAreaViewer .detailContent {padding:3.5em 0; border:3px dotted #DAE1EC; border-left-width:0; border-right-width:0;}
.tourAreaViewer .detailContent h5 {font-size:1.3em; margin:0; line-height:1.2em;}
.tourAreaViewer .detailContent .flex-box {display:flex;}
.tourAreaViewer .detailContent .flex-box .tit {width:12.5em;}
.tourAreaViewer .detailContent .flex-box > * + * {width:calc(100% - 12.5em)}
.tourAreaViewer .detailContent .flex-box + .flex-box {margin-top:2.5em;}
.tourAreaViewer .detailContent .flex-box .desc {font-size:.9em; line-height:1.733333333333333em; color:#555;}

.tourAreaViewer .detailContent .tag-a11y[data-info]:before {display:none;}

@media all and (max-width:1024px) {
	.tourAreaViewer .detailContent {padding:2.5em 0;}
	.tourAreaViewer .detailContent .flex-box {display:block;}
	.tourAreaViewer .detailContent .flex-box > * {width:auto !important;}
	.tourAreaViewer .detailContent .flex-box + .flex-box {margin-top:2em;}
	.tourAreaViewer .detailContent .flex-box .tit {margin-bottom:1em;}
	.tourAreaViewer .detailContent .flex-box .desc {padding-left:1.2em;}
}




/**************************************
	Site Map
**************************************/

.bod_head.sitemap {padding-bottom: 1em;}
.sitemapArea {display:table; width:100%; border: 1px solid #ddd; background: #fff; margin: 1em 0; }
.sitemapArea:first-of-type {margin-top: 0;}
.sitemapArea:last-of-type {margin-bottom: 0;}
.sitemapLeft {display:table-cell; width: 25%; padding:1.5em; vertical-align:top;}
.sitemapLeft h4 {margin:0 !important;}
.sitemapRight {padding:1.5em; display:table-cell; vertical-align:top; border-left: 1px dashed #ddd; min-height: 80px;}
.sitemapRight >ul >li {width:100%;}
.sitemapRight >ul >li >a {display: block; font-size: 1.5em;  font-weight:700; color: #003876;}
.sitemapRight >ul >li:not(:last-of-type) > a {margin-bottom: .5em;}
.sitemapRight >ul >li >a span, .submenu >ul >li >a + div a span {display: inline-block;}
.sitemapRight >ul >li >a[target=_blank] span:after {content: '';width: 12px;height: 12px;float: right; margin: 3px -20px 0 0;background: url('./../img/common/spr_common.png') -23px 0 no-repeat;}
.sitemapRight >ul >li >a + div {background: #f7f7f7;padding:1em;margin: .5em;border: 1px dashed #ddd;border-radius: 4px; overflow:hidden;}
.sitemapRight >ul >li >a + div li {width: 33.33%;float: left;position: relative;padding: 0.4rem 0;}
.sitemapRight >ul >li >a + div a {font-size: 1.8rem;}
.sitemapRight >ul >li >a + div a:before {content: '';width: 3px;height: 3px;background: #bbb;display: inline-block;vertical-align: middle;margin-right: 5px;border-radius: 50%;}
.sitemapRight >ul >li >a + div a[target=_blank] >span:after {content: '';width: 8px;height: 8px;float: right;margin: 3px -13px 0 0;background: url('./../img/common/spr_common.png') 0 -50px no-repeat;}

@media all and (max-width:1024px) {
	.sitemapLeft {display:block; width: 100%; }
	.sitemapRight {display:block; width: 100%; border-left:0; border-top:1px dashed #ddd; }
}

@media screen and (max-width:768px) {
	.sitemapRight >ul >li >a + div li {width:50%;}
}
@media screen and (max-width:560px) {
	.sitemapLeft, .sitemapRight {padding:1em;}
	.sitemapRight >ul >li >a + div li {width:100%; float:none;}
}


/**************************************
	Calendar
**************************************/

.tourCalendarWrap {display:block; position:relative; font-size:1.052631578947368em; clear:both;}
.tourCalendarWrap .calendarHead {display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; margin-bottom:2em;}
.tourCalendarWrap .calendarHead > * {display:block; position:relative;}
.tourCalendarWrap .calendarHead .month {width:3em; height:3em; margin:0 .75em; text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:contain;}
.tourCalendarWrap .calendarHead .month.prev {background-image:url(../img/common/ico_calendar_prev.svg);}
.tourCalendarWrap .calendarHead .month.next {background-image:url(../img/common/ico_calendar_next.svg);}
.tourCalendarWrap .calendarHead span {font-size:1.8em; color:#222; font-weight:800; font-family:'RiaSans', 'Pretendard', "맑은고딕", 'Malgun Gothic', '돋움', 'Arial', 'Helvetica', 'AppleGothic', 'Sans-serif';}
.tourCalendarWrap .calendarHead .today {font-size:.85em; border-radius:0.2631578947368421em; border:1px solid #DFE4EF; padding:0 1.263157894736842em; height:3.157894736842105em; line-height:3.157894736842105em;}

.tourCalendarWrap .calendar {border-top:2px solid #222; margin-bottom:4.5em;}
.tourCalendarWrap .calendar td,
.tourCalendarWrap .calendar th {font-size:.9em; text-align:center; font-weight:600; width:calc(100% / 7);}
.tourCalendarWrap .calendar th {height:3.72em; vertical-align:middle;}
.tourCalendarWrap .calendar thead {Border-bottom:1px solid #222;}
.tourCalendarWrap .calendar tr > td.holiday {color:#E4032E;}
.tourCalendarWrap .calendar tr > *:last-child {color:#0A9AEA;}
.tourCalendarWrap .calendar tr > *:first-child {color:#E4032E;}
.tourCalendarWrap .calendar td {height:6.67em; padding:1em .5em;}
.tourCalendarWrap .calendar tbody > * {border-bottom:1px solid #DFE4EF;}
.tourCalendarWrap .calendar .schedule a {display:inline-block; position:relative; margin-top:1.17647em; border-radius:9em; padding:5px 1.176470588235294em 5px 2.823529411764706em; font-size:0.9444444444444444em; background:url(../img/common/ico_date.svg) no-repeat top 50% left 1em #3A66D7; color:#fff; background-size:1.058823529411765em auto;}
.tourCalendarWrap #dailySummary h4 {font-size:1.6em; margin-bottom:1.4375em;}

@media all and (max-width:840px) {
	.tourCalendarWrap {font-size:.9em;}
	.tourCalendarWrap .calendar {overflow:auto;}
	.tourCalendarWrap .calendar table {width:900px;}
}
@media all and (max-width:420px) {
	.tourCalendarWrap .calendarHead {flex-wrap:wrap; font-size:.9em;}
}


/**************************************
	Course
**************************************/

.courseList {display:flex; flex-wrap:wrap; align-items:center; margin:0 -1em;}
.courseList > li {display:block; position:relative; width:25%; padding:1em;}
.courseList .item {display:block; position:relative; border-radius:.53em; padding:2px; background:#fff; overflow:hidden; z-index:0;}
.courseList .item:before,
.courseList .item:after {content:""; display:block; position:absolute; left:0; right:0; border-radius:.53em; z-index:-1;}
.courseList .item:before {top:0; bottom:0; background:linear-gradient(90deg,rgba(0, 82, 173, 1) 0%,rgba(246, 105, 70, 1) 100%); z-index:-2;}
.courseList .item:after {top:3.157894736842105em; bottom:0; background:#fff; border:1px solid #dfe4ef; border-top-left-radius:0; border-top-right-radius:0; border-top-width:0; transition:.3s all;-webkit-transition:.3s all;}
.courseList .item:hover:after,
.courseList .item:focus:after {top:100%; bottom:-2px;}

.courseList .item .in {display:block; position:relative; border-radius:calc(.53em - 2px); background:#fff; padding:2.105263157894737em 1.578947368421053em; z-index:1;}
.courseList .item .thumb {display:block; position:relative; overflow:hidden; background:url(../img/content/05/img_noImg.png) no-repeat 50% 50%; background-size:cover;}
.courseList .item .thumb:before {content:""; display:block; position:relative; padding-top:63.15789473684211%;}
.courseList .item .thumb img {display:block; position:absolute; max-width:200%; height:110%; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.courseList .item .subj {display:flex; align-items:center; font-size:1.052631578947368em; margin:1em 0;}
.courseList .item .subj > * {display:block; position:relative;}
.courseList .item .subj em {width:30px; height:42px; padding-top:8px; text-align:center; background:url(../img/content/05/img_spot1.png) no-repeat 50% 0; background-size:100% auto;}
.courseList .item .subj em i {display:block; position:relative; font-size:11px; font-weight:800; color:#555;}
.courseList .item .subj strong {width:calc(100% - 40px); margin-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:1.2em; font-family:'RiaSans', 'Pretendard', "맑은고딕", 'Malgun Gothic', '돋움', 'Arial', 'Helvetica', 'AppleGothic', 'Sans-serif';}
.courseList .item .btn {display:block; width:100%;}
.courseList span.item .btn {visibility:hidden;}

.courseList.ty0 > li:nth-child(1) .item .subj em {background-image:url(../img/content/05/img_spot1.png);}
.courseList.ty0 > li:nth-child(2) .item .subj em {background-image:url(../img/content/05/img_spot2.png);}
.courseList.ty0 > li:nth-child(3) .item .subj em {background-image:url(../img/content/05/img_spot3.png);}
.courseList.ty0 > li:nth-child(4) .item .subj em {background-image:url(../img/content/05/img_spot4.png);}

.courseList.ty1 .item .subj em {background-image:url(../img/content/05/img_spot1.png);}
.courseList.ty2 .item .subj em {background-image:url(../img/content/05/img_spot2.png);}
.courseList.ty3 .item .subj em {background-image:url(../img/content/05/img_spot3.png);}
.courseList.ty4 .item .subj em {background-image:url(../img/content/05/img_spot4.png);}

@media all and (max-width:1024px) {
	.courseList {margin:0 -.5em;}
	.courseList > li {width:calc(100% / 2); padding:.5em;}
	.courseList .item .in {padding:1.5em;}
	.courseList .item .subj {font-size:1em;}
}
@media all and (max-width:548px) {
	.courseList > li {width:100%; padding:.4em;}
	.courseList .item .in {padding:1em;}
}


