@charset "utf-8";

/* 고창방문의 해 */
.bi_wrap{background:url(/tour/usr/images/contents/visit2023/patten_grid.gif); border:1px solid #ddd; margin-top:20px;}
.bi_wrap li{padding:40px 30px 25px; text-align:center; border-top:1px solid #ddd;}
.bi_wrap li:first-child{border-top:0;}
.bi_wrap img{width:100%;}
.bi_wrap .bi img {display:block;margin:auto;max-width:397px;}
.bi_wrap .bi_type01 img{max-width:300px;}
.bi_wrap .bi_type02 img{max-width:129px;}
.bi_wrap strong {display:block; padding-top:20px;}
@media all and (min-width:768px){
	.bi_wrap{margin-top:40px; overflow:hidden; position:relative;}
	.bi_wrap li{float:left; border-top:0; position:relative; height:219px; padding:40px 0 0 0;}
	.bi_wrap .bi{width:40%;}
	.bi_wrap .bi_type01{width:calc(40% - 1px); border-left:1px solid #ddd;}
	.bi_wrap .bi_type02{width:calc(20% - 1px); border-left:1px solid #ddd;}
	.bi_wrap .bi img{width:222px;}
	.bi_wrap .bi_type01 img{width:221px; padding-top:20px;}
	.bi_wrap .bi_type02 img{width:80px}
	.bi_wrap strong{position:absolute; bottom:30px; left:0; right:0; margin:auto; font-size:17px}
}
@media all and (min-width:1500px){
	.bi_wrap{margin-top:50px;}
	.bi_wrap li{padding:50px 0; height:319px}
	.bi_wrap .bi img{width:397px;}
	.bi_wrap .bi_type01 img{width:300px; padding-top:50px;}
	.bi_wrap .bi_type02 img{width:129px}
	.bi_wrap strong{font-size:20px; bottom:33px;}
}

.video_wrap{margin-top:20px;}
.video_wrap video{width:100%;}
.video_detail{border:1px solid #ddd; border-top:0; padding:30px; overflow-y:auto; height:250px; line-height:1.2}
@media all and (min-width:768px){
	.video_wrap{position:relative; padding-left:444px; margin-top:40px;}
	.video_wrap video{width:auto; height:250px; position:absolute; top:0; left:0;}
	.video_detail{border-top:1px solid #ddd; height:250px;}
}
@media all and (min-width:1500px){
	.video_wrap{padding-left:746px; margin-top:50px;}
	.video_wrap video{width:auto; height:420px}
	.video_detail{height:420px; padding:40px; font-size:18px;}
}

/* 고창 생활지도 */
.SearchMap .SearchTop {padding:30px;background:#f5f8fa;}
.SearchMap .SearchTop span {position:relative;}
.SearchMap .SearchTop input {width:100%; height:50px; border:1px solid #ddd; border-radius:50px;padding:0 10px;}
.SearchMap .SearchTop button {position:absolute;top:0;right:10px;width:40px;height:40px;background:url(/tour/usr/images/common/icon_search_black.png) no-repeat center;}
.SearchMap .iconList {width:42%;float:left;padding:30px 20px 20px;background:#0079c2 url(/tour/usr/images/contents/map/icon_bg.png) no-repeat right bottom;}
.SearchMap .iconList .select_cf {display:none;}
.SearchMap .iconList ul {flex-wrap:wrap;}
.SearchMap .iconList li {width:33.333%;text-align:center;margin-bottom:10px;}
.SearchMap .iconList button {width:calc(100% - 20px);max-width:160px;margin:10px;padding:20px 10px 24px;font-size:1.25em;color:#fff;background:#0079c2;border:1px solid #fff;border-radius:1.4rem}
.SearchMap .iconList button span {position:relative;}
.SearchMap .iconList span::before {content:'';display:block;height:60px; background:url(/tour/usr/images/contents/map/i_map01.png) no-repeat center/contain;}
.SearchMap .iconList li:nth-of-type(2) span::before {background-image:url(/tour/usr/images/contents/map/i_map02.png);}
.SearchMap .iconList li:nth-of-type(3) span::before {background-image:url(/tour/usr/images/contents/map/i_map03.png);}
.SearchMap .iconList li:nth-of-type(4) span::before {background-image:url(/tour/usr/images/contents/map/i_map04.png);}
.SearchMap .iconList li:nth-of-type(5) span::before {background-image:url(/tour/usr/images/contents/map/i_map05.png);}
.SearchMap .iconList li:nth-of-type(6) span::before {background-image:url(/tour/usr/images/contents/map/i_map06.png);}
.SearchMap .iconList li:nth-of-type(7) span::before {background-image:url(/tour/usr/images/contents/map/i_map07.png);}
.SearchMap .iconList li:nth-of-type(8) span::before {background-image:url(/tour/usr/images/contents/map/i_map08.png);}
.SearchMap .iconList li:nth-of-type(9) span::before {background-image:url(/tour/usr/images/contents/map/i_map09.png);}
.SearchMap .iconList li:nth-of-type(10) span::before {background-image:url(/tour/usr/images/contents/map/i_map10.png);}
.SearchMap .iconList li:nth-of-type(11) span::before {background-image:url(/tour/usr/images/contents/map/i_map11.png);}
.SearchMap .iconList li:nth-of-type(12) span::before {background-image:url(/tour/usr/images/contents/map/i_map12.png);}
.SearchMap .iconList li:nth-of-type(13) span::before {background-image:url(/tour/usr/images/contents/map/i_map13.png);}
.SearchMap .iconList li:nth-of-type(14) span::before {background-image:url(/tour/usr/images/contents/map/i_map14.png);}
.SearchMap .iconList button:not(.select_cf):hover,
.SearchMap .iconList button:not(.select_cf):focus,
.SearchMap .iconList button.on {background-color:#fff;color:#111;font-weight:800;box-shadow:2px 2px 10px rgba(0,0,0,.5);}
.SearchMap .iconList button.on {border-radius:3px;}
.SearchMap,
.SearchMap .mapWrap {position:relative;}
.SearchMap .mapView {position:absolute;width:58%;right:0;top:0;height:calc(100% - 69px);border:1px solid #ddd;}
.SearchMap .mapView .map {width:100%;height:100%;}
.SearchMap .data_none {height:100%;text-align:center;padding-top:250px;}
.SearchMap .data_none span::before {content:url(/tour/usr/images/contents/map/i_point.png); display:block; margin:auto;}
.SearchMap .map_info {position:relative; padding:0 20px 0 30px;margin:0 -1px -1px;height:70px;line-height:70px; background:#f5f8fa;border:1px solid #ddd;color:#666;}
.SearchMap .map_info::after {content:'';display:block;clear:both;}
.SearchMap .map_info b {font-size:1.25em;padding-left:23px;background:url(/tour/usr/images/contents/map/i_marker.png) no-repeat 0 center;color:#111;}
.SearchMap .map_info .paging {float:right;width:auto;line-height:1;margin-top:17px;}
.SearchMap .map_info .paging a {border:none !important;}
.SearchMap .map_info .paging a.this {color:#007ac2;}

@media all and (max-width:1180px) and (min-width:1024px) {
	.SearchMap .mapView {height:calc(100% - 129px);}
	.SearchMap .map_info {height:130px;}
	.SearchMap .map_info .paging {float:none;margin-top:0;}
}

@media all and (max-width:1023px)	{
	.SearchMap .iconList {width:100%;float:none;padding:20px 10px 10px;}
	.SearchMap .iconList li {width:25%;}
	.SearchMap .mapView {position:relative;width:100%;height:auto;}
	.SearchMap .mapView .map {min-height:340px;}
	.SearchMap .data_none {padding:60px 10px;}
}

@media all and (max-width:840px)	{
	.SearchMap .iconList button {font-size:1.125em;}
	.SearchMap .data_none span::before {transform:scale(.5);margin-bottom:-36px}
}

@media all and (max-width:700px) {
	.SearchMap .mapView {height:calc(100% - 130px);}
	.SearchMap .map_info {height:130px;}
	.SearchMap .map_info .paging {float:none;margin-top:0;}
}

@media all and (max-width:600px)	{
	.SearchMap .SearchTop {padding:20px;}
	.SearchMap .iconList {padding:0;}
	.SearchMap .iconList ul.flex {position:absolute;padding:10px 0 15px;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.3);z-index:1;}
	.SearchMap .iconList ul:not(.view) {display:none;}
	.SearchMap .iconList ul li {width:33.333%;margin:0;}
	.SearchMap .iconList button {margin:0;padding:5px 12px;width:100%;max-width:none;border-radius:0;font-size:.938em;background:#fff;color:#333;}
	.SearchMap .iconList button.on {border-radius:0;box-shadow:inset 0 0 0 4px #f26522;}
	.SearchMap .iconList .select_cf {display:block;width:100%;padding:10px;border:0;text-align:center;background:#0079c2 url(/tour/usr/images/common/list02_plusW.png) no-repeat 96% center ;color:#fff;}
	.SearchMap .iconList .select_cf strong {font-size:1.125em;font-weight:lighter;}
	.SearchMap .map_info {padding:10px;height:auto;line-height:1.5em;font-size:.9em;}
	.SearchMap .map_info b {background-size:auto 18px;padding-left:20px;}
	.SearchMap .map_info .paging {margin-top:10px;}
}

/* 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;}
.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 21px;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:460px)	{
	.courSe>header {background-size:auto 190px;}
	.courSe>header>img {width:100%;}
	.courSe>header>h4 {width:100%;padding:20px;}

	.courSe .Rcon {margin-top:-45%;padding:20px;border-radius:0 0 0 50px;}
	.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;}

}

/* 계절별 여행 */
.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;}
.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;}
}
/* 유네스코 세계유산의 길 */
.unescoWrap {background:#f2f6f9;text-align:center;}
.unescoWrap .mapflag {position:relative;display:inline-block;}
.unescoWrap .mapflag::before {display:block;position:absolute;width:100%;height:100%;z-index:1;background:#f2f6f9 url(/tour/usr/images/contents/unesco/map_00.png) no-repeat center center / 100% auto;transition:all ease .3s;}
.unescoWrap .mapflag>img {display:none;margin:auto;max-width:100%;}
.unescoWrap .mapLink {display:none;}
.unescoWrap .mapLink li a {position:absolute;left:0;top:0;background:#007ac2;color:#fff;padding:1px 12px;border:1px solid #0062ae;border-radius:3px;z-index:2;}
.unescoWrap .mapLink.type2 li a {background:#297a53;border-color:#1c7148;}
.unescoWrap .mapLink li a:hover,
.unescoWrap .mapLink li a:focus {color:#fe0;}
.unescoWrap .mapLink .mapView01 a {margin:53% 0 0 62%;}
.unescoWrap .mapLink .mapView02 a {margin:49% 0 0 75.7%;}
.unescoWrap .mapLink .mapView03 a {margin:64% 0 0 61%;}
.unescoWrap .mapLink .mapView04 a {margin:55.7% 0 0 82.5%;}
.unescoWrap .mapLink .mapView05 a {margin:42.5% 0 0 85.5%;}
.unescoWrap .mapLink .mapView06 a {margin:31% 0 0 77%;}
.unescoWrap .mapLink .mapView07 a {margin:43% 0 0 57%;}
.unescoWrap .mapLink .mapView08 a {margin:4.5% 0 0 39%;}
.unescoWrap .mapLink .mapView09 a {margin:54% 0 0 6%;}
.unescoWrap .mapLink .mapView11 a {margin:35% 0 0 63%;}
.unescoWrap .mapLink .mapView12 a {margin:35% 0 0 41.5%;}
.unescoWrap .mapLink .mapView13 a {margin:27% 0 0 43.8%;}
.unescoWrap .mapLink .mapView14 a {margin:27% 0 0 63%;}

.unescoWrap .mapflag:has(.mapView01 a:hover) .map01,.unescoWrap .mapflag:has(.mapView02 a:hover) .map02,.unescoWrap .mapflag:has(.mapView03 a:hover) .map03,.unescoWrap .mapflag:has(.mapView04 a:hover) .map04,.unescoWrap .mapflag:has(.mapView05 a:hover) .map05,.unescoWrap .mapflag:has(.mapView06 a:hover) .map06,.unescoWrap .mapflag:has(.mapView07 a:hover) .map07,.unescoWrap .mapflag:has(.mapView08 a:hover) .map08,.unescoWrap .mapflag:has(.mapView09 a:hover) .map09,.unescoWrap .mapflag:has(.mapView11 a:hover) .map11,.unescoWrap .mapflag:has(.mapView12 a:hover) .map12,.unescoWrap .mapflag:has(.mapView13 a:hover) .map13,.unescoWrap .mapflag:has(.mapView14 a:hover) .map14 {display:block;}
.unescoWrap .mapflag:has(.mapView01 a:hover, .mapView02 a:hover, .mapView03 a:hover, .mapView04 a:hover, .mapView05 a:hover, .mapView06 a:hover, .mapView07 a:hover, .mapView08 a:hover, .mapView09 a:hover, .mapView11 a:hover, .mapView12 a:hover, .mapView13 a:hover, .mapView14 a:hover) .map00 {display:none !important;}
.unescoWrap .mapflag:has(.mapView01 a:focus) .map01,.unescoWrap .mapflag:has(.mapView02 a:focus) .map02,.unescoWrap .mapflag:has(.mapView03 a:focus) .map03,.unescoWrap .mapflag:has(.mapView04 a:focus) .map04,.unescoWrap .mapflag:has(.mapView05 a:focus) .map05,.unescoWrap .mapflag:has(.mapView06 a:focus) .map06,.unescoWrap .mapflag:has(.mapView07 a:focus) .map07,.unescoWrap .mapflag:has(.mapView08 a:focus) .map08,.unescoWrap .mapflag:has(.mapView09 a:focus) .map09,.unescoWrap .mapflag:has(.mapView11 a:focus) .map11,.unescoWrap .mapflag:has(.mapView12 a:focus) .map12,.unescoWrap .mapflag:has(.mapView13 a:focus) .map13,.unescoWrap .mapflag:has(.mapView14 a:focus) .map14 {display:block;}
.unescoWrap .mapflag:has(.mapView01 a:focus, .mapView02 a:focus, .mapView03 a:focus, .mapView04 a:focus, .mapView05 a:focus, .mapView06 a:focus, .mapView07 a:focus, .mapView08 a:focus, .mapView09 a:focus, .mapView11 a:focus, .mapView12 a:focus, .mapView13 a:focus, .mapView14 a:focus) .map00 {display:none !important;}

@media all and (max-width:640px)	{
	.unescoWrap .mapflag>img {display:none !important;}
	.unescoWrap .mapLink li a {position:initial;display:block;left:auto;right:auto;margin:auto !important;background:none !important;color:#555 !important;padding:10px 5px;border:none;border-radius:0;}
	.unescoWrap .mapLink li:not(:last-child) a {border-bottom:1px solid #e0e0e0;}
	.unescoWrap .mapLink li:nth-of-type(2n+1) a {border-right:1px solid #e0e0e0;}
	.unescoWrap .mapLink.type2 li:nth-of-type(3) a {border-bottom:none;}
	.unescoWrap .mapLink::after {content:'';display:block;clear:both;}
	.unescoWrap .mapLink {border:1px solid #e0e0e0;}
	.unescoWrap .mapLink li {display:block;float:left;width:50%;}
	.unescoWrap .mapLink li a:hover,
	.unescoWrap .mapLink li a:focus {color:#007ac2 !important;}
}

/* 주요여행지 */
.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);margin:0 auto 30px;padding:24px 20px;background:#fff;border-radius:20px;transition:all ease .3s;}
.majorList figcaption h4 {position:relative;font-size:1.75em;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%;}
}

@media all and (max-width:600px)	{
	.majorList {gap:0;}
	.majorList li {flex-basis:100%;}
}

/* 테마여행 */
.majorList.themeTour figure img {border-radius:20px;transition:all ease-out .35s;}
.majorList.themeTour figcaption dl {transition:all ease 1s;}
.majorList.themeTour figcaption dd {display:inline-block;margin:12px 5px 0;width:calc(50% - 14px);}
.majorList.themeTour #tetheme06 figcaption dd {width:calc(33.333% - 15px);}
.majorList.themeTour figcaption dd .badge {display:block;font-size:1em;padding:3px 11px 1px;word-break:keep-all;}
.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;}

@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 figcaption {min-height:auto;}
	.majorList.themeTour {gap:0;}
	.majorList.themeTour li {flex-basis:100%;margin-bottom:30px;}
}
@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,
	.majorList.themeTour #tetheme06 figcaption dd {width:100%;}
	.majorList.themeTour figcaption h4 {background:url(/tour/usr/images/bbs/btn_file_add.png) no-repeat 100% 8px;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;}
	.majorList.themeTour figcaption h4 {background-position:100% 6px;}
}

/* 스탬프투어 */
.stampTWrap img {display:block;}
.stampCon1 {border:.5rem solid #e3f0f8;border-radius:20px; margin-bottom:40px; overflow:hidden;}
.stampCon1>img {float:left;width:50%;max-width:100%;}
.stampCon1>div {float:left;width:42%;padding:4% 0 0 0;margin:4% 0 0 4%;}
.stampCon1 .txt_con {margin-right:40px;}
.stampCon1 .txt_con>img {float:left;margin-right:40px;}
.stampCon1 .txt_con .basic_dl {display:block;float:left;margin-top:0;}
.stampCon1 .txt_con .basic_dl dt {font-size:1.625em;padding-bottom:6px;}
.stampCon1 .btn_con {border-top:1px solid #ddd;}
.stampCon1 .btn_con>a {display:inline-block;line-height:42px;padding:0 20px 0 50px;background:#424b5a url(/tour/usr/images/contents/stamp/i_google.png) no-repeat 0 center;margin-right:8px;border-radius:3px;color:#fff;min-width:146px;}
.stampCon1 .btn_con a.btn_apple {background-image:url(/tour/usr/images/contents/stamp/i_apple.png);}
.stampCon1 .btn_con>a:hover,
.stampCon1 .btn_con>a:focus {background-color:#000;}

.stampTWrap .imgList {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;gap:15px;}
.stampTWrap .imgList li img {max-width:100%;}
.stampTWrap .imgList li span {display:block;word-break:keep-all;text-align:center;margin-top:20px;}

@media all and (max-width:1280px)	{
	.stampCon1>img {margin-left:-80px;}
	.stampCon1>div {margin-top:20px;margin-left:6%;}
	.stampTWrap .imgList {justify-content: space-evenly;}
}

@media all and (max-width:1024px)	{
	.stampCon1>img {width:100%;margin:0 0 3.5% 0;}
	.stampCon1>div {width:calc(100% - 80px);margin:0 40px 40px;}
}
@media all and (max-width:520px)	{
	.stampCon1>div {width:calc(100% - 50px);margin:0 25px 20px !important;}
	.stampCon1 .txt_con>img {float:none;margin:0 0 10px 0}
	.stampCon1 .btn_con {padding-top:30px;}
	.stampCon1 .btn_con>a {min-width:auto;padding-left:36px;background-size:30px auto;margin-bottom:3%;}
}

/* 고창 시티투어 */
.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:250px;height:230px;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;}
}

/* 문화관광 해설 안내  */
.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;}
}

.m_img,
.w_img{width:100%;}
.w_img{display:none;}
@media all and (min-width:768px){
    .m_img{display:none;}
    .w_img{display:block; width:1100px; margin:auto;}
}

/* event */
.event_agree h3{margin-bottom:30px;}
.event_agree div + h3{margin-top:50px;}
.event_agree dl{background:#f4f4f4; border:1px solid #ddd; padding:25px 30px;}
.event_agree dl + div + dl{border-top:0;}
.event_agree dt{font-size:20px; font-weight:600; line-height:1.4; margin-bottom:20px;}
.event_agree dd li{margin-top:15px;}
.event_agree dd li:first-child{margin-top:0px;}
.event_agree .radio_container{border:1px solid #ddd; padding:10px 30px 20px 30px; border-top:0;}
.event_agree .radio_container li{margin-top:10px; min-width:200px; display:inline-block;}
.event_agree .all_check{border:1px solid #ddd; padding:25px 30px; margin:50px 0;}

.sb_event{background:#10c4e4 url("/tour/usr/images/event/bg_discount.png") no-repeat center; background-size:cover; border-radius:20px; text-align:center; color:#fff; padding:130px 30px 110px 30px;}
.sb_event p{font-size:25px;}
.sb_event .tit{background:url(/tour/usr/images/event/t_discount.png) no-repeat center; height:80px; line-height:50000; overflow:hidden; margin-top:10px;}
@media all and (max-width:767px){
    .sb_event{background-size:contain; background-position:bottom; padding:80px 0 100px;}
    .sb_event p{font-size:20px;}
    .sb_event .tit{background:url("/tour/usr/images/event/t_discount_m.png") no-repeat center; background-size:contain; height:25vw; width:80%; margin:15px auto 0 auto;}
}

/* step_list */
.step_list{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:stretch;gap:50px; margin-top:20px; padding:0 30px}
.step_list li{text-align:center; position:relative;flex-grow: 3;}
.step_list dl{border:5px solid #eee; border-radius:20px; padding:20px 30px;}
.step_list dl:after{content:""; display:block; background:url("/tour/usr/images/common/arrow_right.png") no-repeat; width:21px; height:10px; position:absolute; top:0; bottom:0; right:-35px; margin:auto;}
.step_list li:last-child dl:after{display:none;}
.step_list dt strong{display:block; width:50px; height:50px; margin:auto; background:#aaa; border-radius:50%; text-align:center; color:#fff; line-height:2.9; margin-bottom:10px; font-size:18px;}
.step_list dt{font-size:20px;}
.step_list li:first-child dt strong{background:#0079c2}
.step_list li:nth-child(2) dt strong{background:#00c244}
.step_list li:nth-child(3) dt strong{background:#c29b00}
.step_list dd{width:100%; margin-top:20px; padding:10px 0; background:#f4f4f4; border-radius:30px}
@media all and (max-width:737px){
    .step_list dl:after{right:0; left:0; top:auto; bottom:-30px; transform: rotate(90deg)}
}

/* popup */
.popup{display:none;}
.popup.pop_open{display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.popup.pop_open:before{display:block; content:""; width:100%; height:100%; background:#000; opacity:0.7;}
.popup .pop_wrap{position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; width:80%; max-width:500px; max-height:400px; overflow-y:auto; margin:auto; padding:30px;}
.popup .pop_wrap dt{font-size:24px; font-weight:600; line-height:1.2; margin-bottom:20px;}
.popup .pop_wrap dt span{font-size:12px; font-weight:300; opacity:0.4; display:block;}
.popup .pop_wrap dt + dd{padding:20px; background:#f4f4f4; text-align:center; margin-bottom:20px}
.popup .pop_wrap dd p{margin-top:10px;}
.popup .pop_wrap dd p:first-child{margin-top:0;}
.popup .pop_wrap .btn_close{display:block; background:#7b7b7b url("/tour/usr/images/common/btn_x_white.png") no-repeat center; width:40px; height:35px; line-height:5000; overflow:hidden; position:absolute; top:25px; right:30px;}
.popup .pop_wrap .count{font-weight:100; font-size:12px; margin:15px 0; color:#777}
.popup .pop_wrap .count strong{font-weight:600}
@media all and (min-width:768px){
    .popup .pop_open{position:absolute; width:500px; height:270px;}
    .popup .pop_open:before{display:none;}
    .popup ol>li:first-child .pop_open{left:-50px; top:60px;}
    .popup ol>li:nth-child(2) .pop_open{left:-50px; top:-280px;}
    .popup ol>li:nth-child(3) .pop_open{left:-50px; top:60px;}
    .popup ol>li:nth-child(4) .pop_open{left:-405px; top:60px;}
    .popup ol>li:nth-child(5) .pop_open{left:-50px; top:60px;}
    .popup ol>li:nth-child(6) .pop_open{left:-50px; top:60px;}
}    

/* txtData02 */
.txtData02 {margin:30px;}

.txtData02 th,
.txtData02 td {padding:6px 10px;font-size:18px;}
.txtData02 th {width:14%;min-width:110px;padding-left:18px;background:url(/tour/usr/images/bbs/dot_blue.png) no-repeat 0 .875em;text-align:left;font-weight:300;}
.txtData02 th span {display:block;position:relative;}
.txtData02 th span::after { content:'';position:absolute;right:0;top:.37em;width:1px;height:15px;background:#ddd;}
.txtData02 td {color:#606060;font-weight:200;}
@media all and (max-width:1024px){
    .txtData02 th,
    .txtData02 td {font-size:16px;}
}
@media all and (max-width:600px)	{
    .txtData02 {margin:15px 5px;}
    .txtData02 th,
    .txtData02 td {font-size:15px;}
    .txtData02 th {padding-left:12px;min-width:82px;}
    .txtData02 td {padding-left:0;}
    .txtData02 td::before {margin-right:10px;}
}
@media all and (max-width:450px)	{
    .txtData02 th {padding-left:5px;background:none;}
}

/* toggle */
.toggle_wrap{border-bottom:1px solid #eee;}
.toggle_tit button{background:url(/tour/usr/images/contents/icon/+.png) no-repeat 0 center; display:block; color:#444; width:100%; height:80px; text-align:left; padding-left:38px; font-size:25px;}
.on .toggle_tit button{background:url(/tour/usr/images/contents/icon/-.png) no-repeat 0 center; color:#000;}
.toggle_tit .i_door{background:url(/tour/usr/images/contents/icon/door.png) no-repeat; line-height:5000; overflow:hidden; display:inline-block; width:31px; height:36px; margin-right:15px}
.toggle_cont{background:#fafafa; border-radius:30px; padding:30px; margin-bottom:30px; display:none;}
.on .toggle_cont{display:block;}
.toggle_wrap .viewGallWr{margin-bottom:30px;}


/* lodging */
.lodging_info{display:flex;flex-wrap:wrap;justify-content:start;flex-basis: 100px; margin-top:15px; gap: 4%;}
.lodging_info li{padding-left:30px; margin-top:15px;}
.lodging_info li:before{content:""; display:block; width:10px;}
.lodging_info i{display:inline-block; width:53px; height:53px; border-radius:50%; border:1px solid #ddd; line-height:5000; overflow:hidden; margin-right:15px}
.lodging_info dl{display:inline-block;}
.lodging_info dt{font-size:20px; font-weight:600;}
.lodging_info dd{color:#444;}
.i_calendar{background:url(/tour/usr/images/contents/icon/calendar.png) no-repeat center;}
.i_tel{background:url(/tour/usr/images/contents/icon/tel.png) no-repeat center;}
.i_pay{background:url(/tour/usr/images/contents/icon/pay.png) no-repeat center;}

/* 7보물 */
.treasure{background:url(/tour/usr/images/contents/7treasure/bg.png) no-repeat center 0; padding-top:60px;}
.treasure h4{background:url(/tour/usr/images/contents/7treasure/tit.png) no-repeat; max-width:955px; height:274px; overflow:hidden; line-height:5000; margin:auto;}
.treasure_list ul{display:flex; justify-content:space-around; flex-wrap:wrap; gap:2.8125rem; position:relative; margin:42rem 0 5rem 0;}
.treasure_list li{width:calc(33.3% - 3rem); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); background:#fff; padding:1.5rem; border-radius:1.4rem; margin-bottom:2rem; position:relative;}
.treasure_list li:first-child{position:absolute; top:-54%; left:10rem; right:0; margin:auto; transform:rotate(10deg);}
.treasure_list li:before{content:""; display:block; width:34px; height:5px; border-radius:5px; position:absolute; bottom:-3px; right:0; left:0; margin:auto;}
.treasure_list li:first-child:before{background:#7148e8}
.treasure_list li:nth-child(2):before{background:#4879e8}
.treasure_list li:nth-child(3):before{background:#48c8e8}
.treasure_list li:nth-child(4):before{background:#48e89b}
.treasure_list li:nth-child(5):before{background:#79e848}
.treasure_list li:nth-child(6):before{background:#d7e848}
.treasure_list li:nth-child(7):before{background:#e8ae48}
.treasure_list img{width:100%; border-radius:1.4rem; position:relative; z-index:1}
.treasure_list p{font-size:1.3rem; line-height:1.4; padding:1.4rem 1rem 1rem 1rem}
.treasure_list strong{display:block; font-size:1.8rem;}
.treasure_list a{display:block; position:relative;}
.treasure_list a:hover:before,
.treasure_list a:focus:before{content:""; display:block; background:url("/tour/usr/images/contents/7treasure/view.png") no-repeat center; background-size:20%; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:5; transition:all 0.5s;}
.treasure video{border-radius:1.5rem}
.treasure .pop_wrap img{width:90%;}
.treasure .pop_wrap{max-width:800px; max-height:90vh; word-break: keep-all;}
@media all and (max-width:1024px){
    .treasure{background-size:160%;}
    .treasure h4{background:url(/tour/usr/images/contents/7treasure/tit_m.png) no-repeat center 0; background-size:contain; width:80%;}
    .treasure_list ul{gap:1rem; margin:53% 0 3rem 0;}
    .treasure_list li{width:calc(50% - 2rem);}
    .treasure_list li:first-child{top:-34%}
    .treasure_list p{font-size:1rem; padding:1.4rem 1rem 0.5rem 1rem;}
    .treasure_list strong{font-size:1.5rem}
    .treasure .pop_wrap{max-height:60vh}
}
@media all and (max-width:550px){
    .treasure{background-size:280%;}
    .treasure h4{width:90%; height:40vw;}
    .treasure_list ul{margin:0 0 2rem 0; gap: 0.5rem;}
    .treasure_list li{width:calc(100% - 2rem); padding:1rem; margin-bottom:0.5rem;}
    .treasure_list li:first-child{position:relative; top:0; left:0; transform:rotate(0); margin-bottom:0.5rem;}
    .treasure_list p{padding:1rem 1rem 0 1rem; margin-bottom:0; font-size:0.9rem}
    .treasure_list strong{font-size:1.2rem}
}