@charset "utf-8";

/* 1박2일 코스 */
.courSe {position:relative;margin-bottom:5.5%;}
.courSe::after,
.courSe .Rcon::after {content:'';display:block;clear:both;}
.courSe>header::before {content:'';display:block;}
.courSe>header {position:relative; padding-top:158px; background:url(/tour/usr/images/contents/course/12_img01.jpg) no-repeat right 0;z-index:-1;}
.courSe>header>h4 {position:absolute;width:37.6333%; padding:4.3% 4.1%;color:#fff;letter-spacing:0;font-size:2.5em;}
.courSe>header>h4::after {content:'';position:absolute;right:9%;margin-top:.5em;width:68px;height:18px;background:url(/tour/usr/images/contents/course/bullet_tit.png) no-repeat right bottom;}
.courSe.typeLGreen>header {background-position:0 0;text-align:right;}
.courSe.typeLGreen>header>h4 {right:0;}
.courSe>header.img12 {background-image:url(/tour/usr/images/contents/course/12_img02.jpg);}
.courSe>header.img13 {background-image:url(/tour/usr/images/contents/course/12_img03.jpg);}
.courSe>header.img14 {background-image:url(/tour/usr/images/contents/course/12_img04.jpg);}
.courSe>header.img15 {background-image:url(/tour/usr/images/contents/course/12_img05.jpg);}
.courSe>header.img16 {background-image:url(/tour/usr/images/contents/course/12_img06.jpg);}
.courSe>header.img17 {background-image:url(/tour/usr/images/contents/course/12_img07.jpg);}
.courSe>header.img18 {background-image:url(/tour/usr/images/contents/course/12_img08.jpg);}
.courSe>header.img19 {background-image:url(/tour/usr/images/contents/course/12_img09.jpg);}
.courSe>header.img21 {background-image:url(/tour/usr/images/contents/course/22_img01.jpg);}
.courSe>header.img22 {background-image:url(/tour/usr/images/contents/course/22_img02.jpg);}

.courSe .Rcon {float:right;width:89%;padding:5.7% 5.7% 4%;margin-top:-230px;background:#fff;border:1px solid #ddd;border-radius:100px 0 0 0;}
.courSe .DayWr {position:relative;width:100%;overflow:hidden;z-index:0;}
.courSe .DayWr:not(:nth-of-type(1)) {margin-top:40px;}
.courSe .DayWr::after {content:'';position:absolute;left:0;right:0;top:18px;border-top:2px solid #ddd;z-index:-1;}
.courSe .DayWr dt {position:relative;display:inline-block;text-align:center;line-height:38px;color:#fff;z-index:1;}
.courSe .DayWr dt span {display:block;width:109px;background:#007ac2;border-radius:40px;}
.courSe .DayWr dd {position:relative;display:inline-block;margin:-2px 1.8em 0;text-align:center;z-index:0;}
.courSe .DayWr dd::after {content:'';position:absolute;left:-2em;right:-2em;top:20px;border-top:2px solid #ddd;z-index:-1;}
.courSe .DayWr dd::before {content:url(/tour/usr/images/common/i_locaBlue.png);display:block;margin:auto;}
.courSe .DayWr dd a, .courSe .DayWr dd button {display:block; margin:-5px auto 15px;font-size:.938em;}
.courSe .DayWr dd a:hover, .courSe .DayWr dd button:hover {color:#0062ae;}
.courSe .DayWr dd:hover::before {-webkit-animation:bounce2 .35s ease-out 2; animation:bounce2 .35s ease-out 2;}

.courSe.typeLGreen>header>h4::after {right:auto;left:9%;background-image:url(/tour/usr/images/contents/course/bullet_tit2.png);}
.courSe.typeLGreen .Rcon {float:left}
.courSe.typeLGreen .Rcon {border-radius:0 100px 0 0;}
.courSe.typeLGreen .DayWr dt span {background:#52b35f;}
.courSe.typeLGreen .DayWr dd::before {content:url(/tour/usr/images/common/i_locaGreen.png);}

@media all and (max-width:1024px)	{
	.courSe>header>img {width:50%;}
	.courSe>header>h4 {width:50%;padding:3.3% 3%;font-size:2em;}
	.courSe .Rcon {width:100%;margin-top:-23%;}
	.courSe .DayWr dd {margin:-2px 1.5em 0;text-align:center;z-index:0;}
}
@media all and (max-width:768px)	{
	.courSe {margin-bottom:40px;}
	.courSe>header {padding-top:110px;background-size:170% auto;}
	.courSe>header>img {width:70%;max-width:542px;}
	.courSe>header>h4 {width:70%;max-width:542px;font-size:1.6em;}
	.courSe>header>h4::after {background-size:70% auto;margin-top:.3em;}
	.courSe .Rcon {margin-top:-36%;padding:40px;border-radius:0 0 0 60px;}
	.courSe.typeLGreen .Rcon {border-radius:0 0 60px 0;}

	.courSe .DayWr dt span {width:68px;}
}
@media all and (max-width:640px)	{
	.courSe>header {background-size:auto 220px;}
	.courSe>header>img {width:100%;max-width:none;}
	.courSe>header>h4 {width:100%;padding:20px;}

	.courSe .Rcon {margin-top:-45%;padding:20px;border-radius:0 0 0 50px; min-height:248px;}
	.courSe.typeLGreen .Rcon {border-radius:0 0 50px 0;}

	.courSe .DayWr:not(:nth-of-type(1)) {margin-top:20px;}
	.courSe .DayWr::after{display:none;}
	.courSe .DayWr dt {line-height:34px;}
	.courSe .DayWr dd {margin:0 15px 10px 5px;background-color:#fff;}
    .courSe .DayWr dd a, .courSe .DayWr dd button {display:inline-block; margin:auto 3px; line-height:34px; vertical-align:middle;}
    .courSe .DayWr dd::before {display:inline-block;content:url(/tour/usr/images/bbs/i_locaOn.png);vertical-align:sub;}
	.courSe.typeLGreen .DayWr dd::before {content:url(/tour/usr/images/bbs/i_locaOn_green.png);}
	.courSe .DayWr dd::after {left:100%;right:-100%;top:17px;border-top:1px dashed #ccc;}
	.courSe .DayWr dd:last-child:after {display:none;}
}
@media all and (max-width:360px)	{
	.courSe .DayWr dd {white-space:nowrap;text-overflow:ellipsis;}
}

/* 계절별 여행 */
.seasoN>header {position:relative;padding-bottom:27.2%;border-radius:20px;overflow:hidden;background:url(/tour/usr/images/contents/season/spr_img00.jpg) no-repeat right 0/auto 100%;}
.seasoN>header .txtBox {position:absolute;left:0;bottom:0;padding:4.5%;color:#fff;text-shadow:1px 1px 0 #000;}
.seasoN>header .txtBox h4 {font-size:2.188em;font-weight:300;margin-bottom:12px;}
.seasoN>header .txtBox p {font-size:1.125em;font-weight:100;line-height:1.4;}
.seasoN header.summer {background-image:url(/tour/usr/images/contents/season/sum_img00.jpg);}
.seasoN header.autumn {background-image:url(/tour/usr/images/contents/season/aut_img00.jpg);}
.seasoN header.winter {background-image:url(/tour/usr/images/contents/season/win_img00.jpg);}

.seasoN .Rcon {margin:5.5% auto 0;}
.seasoN .Rcon li {float:left;width:calc((100% - 100px) / 3);margin:0 50px 50px 0;}
.seasoN .Rcon li:nth-of-type(3n+0) {margin-right:0;}
.seasoN .imgItem {border-radius:20px;background:#fff;border:1px solid #ddd;overflow:hidden;}
.seasoN .imgItem:hover {box-shadow:5px 10px 18px -3px rgba(0,0,0,0.1);}
.seasoN .imgItem img {width:100%;}
.seasoN .imgItem dl {padding:7%;}
.seasoN .imgItem dt {font-size:1.75em;font-weight:600;margin-bottom:5px;}
.seasoN .imgItem dd {display:inline-block;color:#555;}
.seasoN .imgItem dd:not(:last-child)::after {content:'│';display:inline-block;font-size:.875em;vertical-align:top;margin:5px 5px 0 5px;color:#ccc;}
.seasoN .imgItem dd a {display:inline-block;padding:5px;}
.seasoN .imgItem dd a:hover {text-decoration:underline;color:#000;}

@media all and (max-width:1024px)	{
	.seasoN>header .txtBox h4 {font-size:2em;margin-bottom:5px;}
	.seasoN .imgItem dt {font-size:1.5em;}
	.seasoN .imgItem dd:not(:nth-of-type(1))::before {margin:1px 8px 0 5px;color:#ccc;}
}
@media all and (max-width:768px)	{
	.seasoN>header {min-height:220px;}
	.seasoN>header .txtBox h4 {font-size:1.625em;}
	.seasoN>header .txtBox p  {font-size:1em;}
	.seasoN .Rcon li {width:calc(50% - 20px);margin:0 40px 40px 0;}
	.seasoN .Rcon li:nth-of-type(3n+0) {margin-right:40px;}
	.seasoN .Rcon li:nth-of-type(2n+0) {margin-right:0;}
}
@media all and (max-width:460px)	{
	.seasoN>header .txtBox {padding:25px;}
	.seasoN .Rcon {margin:30px auto 0;}
	.seasoN .Rcon li {width:100%;margin:0 0 30px 0 !important;}
}
@media all and (min-width:460px)	{
	.seasoN .imgItem.min dl {min-height: 182.23px;}
}

/* 주요여행지 */
.majorList {display:flex;flex-wrap:wrap;justify-content:space-between;gap:3.33333%;}
.majorList li {text-align:center;flex-basis:31%;margin-bottom:5%;counter-increment:num;}
.majorList figure {position:relative;display:inline-block;border-radius:20px;overflow:hidden;transition:all ease .3s;}
.majorList figure img {display:block;max-width:100%;}
.majorList figcaption {position:absolute;left:0;right:0;bottom:0;width:calc(100% - 60px);min-height:183.42px;margin:0 auto 30px;padding:24px 20px;background:#fff;border-radius:20px;word-break:keep-all;transition:all ease .3s;}
.majorList figcaption h4 {position:relative;font-size:1.75em;line-height:1.2;margin-bottom:12px;z-index:1;}
.majorList figcaption h4::before {content:'0'counter(num);position:absolute;top:-55px;left:50%;transform:translateX(-50%);width:80px;height:80px;line-height:64px;border-radius:80px;font-size:26px;font-weight:900;background:#fff;color:#cacaca;z-index:-1;transition:all ease .3s;}
.majorList figcaption p {color:#666;}
.majorList figcaption u {display:block;margin-top:4%;}
.majorList a:hover figure {box-shadow:5px 10px 18px -3px rgba(0,0,0,0.35);}
.majorList a:hover figcaption,
.majorList a:hover figcaption h4::before {background-color:#007ac2;color:#fff;}
.majorList a:hover figcaption p {color:#fff;}

@media all and (max-width:1024px)	{
	.majorList figcaption {padding:20px;}
	.majorList figcaption h4 {font-size:1.5em;}
	.majorList figcaption h4::before {top:-45px;width:60px;height:60px;line-height:50px;font-size:.938em;}
}
@media all and (max-width:768px)	{
	.majorList li {flex-basis:48%;}
	.majorList figcaption {min-height:auto;}
}
@media all and (max-width:600px)	{
	.majorList {gap:0;}
	.majorList li {flex-basis:100%;}
}
@media all and (max-width:320px)	{
	.majorList figcaption {width: calc(100% - 40px);margin-bottom:20px;}
}

/* 테마여행 */
.majorList.themeTour figure img {border-radius:20px;transition:all ease-out .35s;}
.majorList.themeTour figcaption h4 {font-weight:600;margin:5px auto 8px;}
.majorList.themeTour figcaption dl {transition:all ease 1s;}
.majorList.themeTour figcaption dd {display:inline-block;margin:12px 5px 0;width:calc(50% - 14px); font-size:.938em;}
.majorList.themeTour figcaption dd.col_100 {width:calc(100% - 14px);}
.majorList.themeTour figcaption dd .badge {display:block;font-size:1em;padding:4px 11px 3px;word-break:keep-all; color:#606060;}
.majorList.themeTour figcaption dd a:hover .badge {color:#fff;}
.majorList.themeTour li:hover figcaption {box-shadow:5px 10px 18px -3px rgba(0,0,0,0.35);}
.majorList.themeTour li:hover figure img {transform:scale(1.2);}
.majorList.themeTour dl.Dgreen  a:hover .badge {background-color:#1c7148;border-color:#1c7148;}
.majorList.themeTour dl.blue  a:hover .badge {background-color:#0062ae;border-color:#0062ae;}
.majorList.themeTour dl.orange  a:hover .badge {background-color:#ea5429;border-color:#ea5429;}
dd a[href="#none"] {cursor:default;}

@media all and (max-width:1024px)	{
	.majorList.themeTour li {flex-basis:48%;}
}
@media all and (max-width:768px)	{
	.majorList.themeTour figure {max-width:480px;}
	.majorList.themeTour {gap:0;}
	.majorList.themeTour li {flex-basis:100%;margin-bottom:30px;}
	.majorList figcaption {padding:20px 15px;}
}
@media all and (max-width:460px)	{
	.majorList.themeTour figcaption {width:calc(100% - 40px);min-height:auto;}
	.majorList.themeTour figcaption:not(.on) dl {height:0;overflow:hidden;}
	.majorList.themeTour figcaption.on dl {height:auto;}
	.majorList.themeTour figcaption dd {width:100% !important;margin:12px 0 0;}
	.majorList.themeTour figcaption h4 {padding:0 22px 0 0; background:url(/tour/usr/images/bbs/btn_file_add.png) no-repeat 100% 4px;cursor:pointer;}
	.majorList.themeTour figcaption.on h4 {background-image:url(/tour/usr/images/bbs/btn_file_minus.png);}
}
@media all and (max-width:340px)	{
	.majorList figcaption {padding:20px 15px;}
	.majorList.themeTour figcaption {width:calc(100% - 30px);margin-bottom:15px;}
}

/* 고창 시티투어 */
.ctBox {padding:7.6% 4% 4%;background:#fcd35d url(/tour/usr/images/contents/ct/img_bg.jpg) no-repeat 0 0/100% auto;}
.ctBox>div {text-align:center;}
.ctBox .ticketBox {float:right;}
.ctBox .ticket {position:relative;float:left;width:325px;height:300px;margin:30px auto 0;background:url(/tour/usr/images/contents/ct/img_01.png) no-repeat 0 0/cover;}
.ctBox .ticket + .ticket {margin-left:50px;}
.ctBox .ticket h4 {font-size:2em;padding:17% 0 2.5%;}
.ctBox .ticket .num {display:block; font-size:2em;font-weight:900;color:#007ac2;}
.ctBox .ticket span {position:absolute;display:block;left:0;right:0; bottom:40px; margin:0 auto; color:#fff;}
.ctBox .txt {float:right; width:700px; margin:2.5% auto 0;text-align:center;word-break:keep-all;}
@media all and (max-width:840px)	{
	.ctBox {background-image:url(/tour/usr/images/contents/ct/img_bg2.jpg);}
	.ctBox .ticketBox {float:none;padding-top:88%;display:flex;justify-content:space-between;flex-wrap:wrap;}
	.ctBox .ticket {float:none;width:100%;max-width:275px;height:250px;background-size:100% auto;}
	.ctBox .ticket + .ticket {margin-left:auto;}
	.ctBox .ticket h4 {font-size:1.625em;padding:45px 0 5px;}
	.ctBox .txt {width:100%;}
	.ctBox .ticket .num {font-size:1.625em;margin-top:-3px;}
	.ctBox .ticket span {bottom:29px;}
}
@media all and (max-width:450px)	{
	.ctBox .txt br {display:none;}
}

@media all and (max-width:340px)	{
	.ctBox .ticket {max-width:240px;height:222px;}
}

/* 문화관광 해설 안내  */
.infoboxD3 {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;gap:2%;}
.infoboxD3 .itemBox {margin-bottom:30px;max-width:32%;}
.commentary .itemBox img {display:block;max-width:100%;}
.commentary .infoboxD3 .itemBox .basic_table {max-width:445px;margin:15px auto;}
.commentary .infoboxD3 .itemBox .basic_table th {width:110px;}
@media all and (max-width:1024px)	{
	.infoboxD3 {gap:4%;}
	.infoboxD3 .itemBox {max-width:48%;}
}
@media all and (max-width:640px)	{
	.infoboxD3 {justify-content:center;gap:0;}
	.infoboxD3 .itemBox {max-width:none;}
}

.flex:has(.div2item) {flex-wrap:wrap;}
.flex.imgSet2 {justify-content:space-between;gap:50px;}
.div2item {min-width:50%;}
@media all and (max-width:1000px)	{
	.flex:has(.div2item) {flex-direction:column;}
}
@media all and (max-width:768px)	{
	.flex.imgSet2 {gap:35px;}
}
@media all and (max-width:520px)	{
	.flex.imgSet2 {flex-direction:column;}
}