@charset "utf-8";

.col_w100 {width:100%;}
.col_w50 {width:50%;}

/** 뱃지  **/
[class^="badge"]  {display:inline-block;padding:3px 7px 1px;border-radius: 2px;vertical-align:middle;font-weight:600;font-size:13px;letter-spacing:0;}
.badge.gift {text-indent:15px;color:#fff;background-image:url(/tour/usr/images/bbs/i_heart.png),linear-gradient(135deg, #007AC2, #3959CC);background-position:5px center,0;background-repeat:no-repeat;}
.badge.ing {color:#fff;background-image:linear-gradient(135deg, #007AC2, #3959CC);}
.badge.will {color:#fff;background-image:linear-gradient(135deg, #2d9435, #006538);}
.badge.end {color:#fff;background-image:linear-gradient(135deg, #595f6d, #3f4c6b);}
.badge.line {color:inherit;border:1px solid #ccc;}

/** 찜하기  **/
.StarZ {position:relative;background:url(/tour/usr/images/bbs/i_stars.png) no-repeat center 0 / 100% auto;}
.StarZ.Like {background-position:center bottom;transition:all ease-out .2s;}
.StarZ_top{position:absolute; top:-6em; right:30px;}
.StarZ_top button{width:40px; height:40px;}
@media all and (max-width:767px)	{
    .StarZ_top{position:relative; top:-25px; right:0; text-align:center}
}
@media(hover: hover) and (pointer: fine) {
    .StarZ:not(.Like):hover, .StarZ:focus {background-position:center center;}
    .myPage [class^="btn_"]:hover {background-color:#333;color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.25),inset -1px -1px 2px rgba(255,255,255,.3);}
    .mapViewWr [class^="bt_"]:hover {background-color:#333;color:#fff;}
    .myPage .tabs .btn_button:hover {color:inherit; background:#eee;box-shadow:inset 1px 1px 0 rgba(0,0,0,.25),inset -1px -1px 2px rgba(255,255,255,.3);}
    .curation .Qform label:hover {color:#fff !important;background-color:#007ac2;border:1px solid #016dae;}
    .mapTabs .Tabs button:hover {background:#fff;color:#000;}
    .mapTabs .Tabs button:hover span {background-image:url(/tour/usr/images/bbs/i_locaOn.png);}
}

/* 로그인 */
.mb_tit p .txt_blue {font-size:1.125em;}
.mb_tit p .moBlock_1400 {display:block;}
.info_img {margin-bottom:20px;padding-top:145px;background:url(/tour/usr/images/bbs/member_icon.png) no-repeat center 25px/120px auto;}
@media all and (max-width:600px)	{
    .mb_tit p .moBlock_1400 {display:inline;}
}

/* VIDEO 리스트 */
.gallery_list .thumb_video .gl_thumb {height:auto; padding-bottom:56.25%;}
.gallery_list .thumb_video .gl_thumb img {position:absolute;height:100.4%;}

/* 나의여행 */
.myPage [class^="btn_"] {display:inline-block;padding:0 1em;text-align:center;border-radius:3px;}
.myPage [class^="btn_"] span {text-align:center;line-height:50px;}
.myPage [class^="btn_"]:focus {background-color:#333;color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.25),inset -1px -1px 2px rgba(255,255,255,.3);}
.mapViewWr [class^="bt_"] {padding:3px 15px 2px;border:1px solid #a5a5a5;font-size:13px;}
.mapViewWr [class^="bt_"]:focus {background-color:#333;color:#fff;}

.myPage .btn_go {width:100%;background:#0079c2 url(/tour/usr/images/common/i_plusW.png) no-repeat 1em center;color:#fff;}
.myPage .btn_modi {width:100%;background:#0079c2;color:#fff;}
.myPage .btn_apply {float:left; width:calc(50% - 3px);background:#0079c2;color:#fff;margin-right:5px;}
.myPage .btn_cancel {float:right; width:calc(50% - 3px);background:#fff;border:1px solid #ddd;}
.myPage .tabs {padding:30px;background:#f2f6f8;}
.myPage .tabs li {float:left;margin-right:10px;}
.myPage .tabs .btn_button {display:block;width:146px;padding:0 20px;background:#fff;border:1px solid #ddd;}
.myPage .tabs .btn_button:focus {color:inherit; background:#eee;box-shadow:inset 1px 1px 0 rgba(0,0,0,.25),inset -1px -1px 2px rgba(255,255,255,.3);}
.myPage .tabs .btn_button.on {background:#007ac3;color:#fff;}
.myPage .tabs .btn_button.add {width:auto;}
.myPage .tabs .btn_button.add span {padding-right:23px;background:url(/tour/usr/images/common/i_plus.png) no-repeat right center;}
.myPage .tabs .btn_button.del {float:right;background:#464646;color:#fff;font-weight:lighter !important;}
.myPage .total_num {padding:30px 2px;}

.mapViewWr {position:relative;margin-bottom:20px;}
.mapViewWr>div {float:left;border:1px solid #ddd; height:640px;}
.mapViewWr .listView {position:relative;width:440px;padding:0 0 90px 5px;}
.mapViewWr .listView .unitWr {padding:0 15px; height:100%;overflow-y:auto;}
.mapViewWr .listView .data_none {text-align:center;padding:30px 10px;word-break:keep-all; margin-bottom:20px;}
.mapViewWr .listView .data_none::before {content:url(/tour/usr/images/contents/mypage/img_01.jpg); display:block;margin:25px auto;}
.mapViewWr .unit {padding:35px 0 33px;border-bottom:1px solid #ddd;}
.mapViewWr .unit h5 {font-size:20px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mapViewWr .unit h5 em {display:inline-block;font-size:16px;width:22px;height:22px;line-height:1.5;margin:5px 5px 0 0;text-align:center;color:#fff;background:#007ac3;}
.mapViewWr .unit p {margin:5px 0; color:#666;padding-left:26px;background:url(/tour/usr/images/common/i_locaGr.png) no-repeat 7px .365em;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mapViewWr .unit .btSet {display:block;margin:12px 0 0;text-align:right;}
.mapViewWr .unit_add {margin:30px 0;}
.mapViewWr .bt_add {width:100%;border:1px solid #3789ba;color:#0e5da7;}
.mapViewWr .bt_add span {display:block; height:36px;line-height:36px;background:url(/tour/usr/images/common/list02_plus.png) no-repeat 0 center;}
.mapViewWr .btnSet {position:absolute;left:0;right:0;bottom:0;padding:20px;background:#f5f8fa;}
.mapViewWr .mapView {position:relative;width:calc(100% - 439px);margin-left:-1px;}
.mapViewWr .mapView .data_none {position:absolute;left:0;right:0;top:45%;transform:translateY(-50%);text-align:center;padding:120px 10px 10px;background:url(/tour/usr/images/contents/map/i_point.png) no-repeat center 0 / auto 65%}

.mapView .map {width:100%;height:100%;}
.mapView .map .info {padding:15px;}
.mapView .map .info .title {font-size:1.2em;}
.mapView .map .info .title {font-weight:bold;}
.mapView .map .info .title .category {display:block;color:#0079c2;font-size:.778em;}
.mapView .map .info .title .category + strong {display:block;line-height:1.4;}
.mapView .map .info .body {font-size:.938em;color:#555;}
.mapView .map .info .body .link {display:inline-block; font-size:.875em;color:#111;padding:1px 10px;border:1px solid #e0e0e0;border-radius:2px;margin-top:10px;}
.mapView .map .info .body .link:hover,
.mapView .map .info .body .link:focus {color:#fff;background-color:#0079c2;border-color:#0079c2;}
.mapView .map .info .body .tel {padding-left:16px; background:url(/tour/usr/images/common/i_tel.png) no-repeat 0 center;}

.mapView .map .info.imgSet  {width:180px;text-align:center;padding:0;}
.mapView .map .info.imgSet .title {margin:15px 15px 5px;}
.mapView .map .info.imgSet .body {margin-bottom:18px;}
.mapView .map .info.imgSet .img {width:100%;height:108px;overflow:hidden;}
.mapView .map .info.imgSet .img img {display:block;width:100%;height:100%;margin:auto;}

.alertBox.favListwr .headList .SearchInfo {float:none;}
.alertBox.favListwr .headList .SearchInfo button {margin-left:-4px;}
.alertBox.favListwr .headList .SearchInfo select {width:110px;}
.alertBox.favListwr .headList .SearchInfo input {width:calc(100% - 174px)}

@media all and (max-width:840px)	{
	.mapViewWr>div {height:540px;}
	.mapViewWr .listView,
	.mapViewWr .mapView {width:50%;}
}

@media all and (max-width:600px)	{
	.myPage [class^="btn_"] span {line-height:40px;}

	.myPage .tabs {padding:15px;}
	.myPage .tabs li {width:calc(33.333% - 7px);margin-right:7px;}
	.myPage .tabs li:last-child {margin-right:0;}
	.myPage .tabs .btn_button {width:100%;padding:0 10px;}
	.myPage .tabs .btn_button.del {margin-top:10px;}

	.myPage .total_num {padding:24px 2px 12px;}
	.myPage .tabs .btn_button.add {width: 67px;}
	.myPage .tabs .btn_button.add span {padding-right:17px;}

	.mapViewWr .listView {width:100%;padding-bottom:62px;height:400px;;}
	.mapViewWr .listView .data_none {padding:0;}
	.mapViewWr .listView .data_none::before {transform:scale(.8);margin:20px auto 0;}
	.mapViewWr .unit h5 {font-size:18px;}
	.mapViewWr .unit h5 em {font-size:14px;width:20px;height:20px;margin:4px 2px 0 0;}
	.mapViewWr .mapView {width:100%;height:340px;margin:auto;}
	.mapViewWr .btnSet {padding:10px;}
}
@media all and (max-width:460px)	{
    .alertBox.favListwr .Rcon.alertOnly {padding:0 20px 40px;}
    .alertBox.favListwr .Rcon .pTitle {margin:0 -20px 20px;}
    .alertBox.favListwr .headList .wr_cate::after,
    .alertBox.favListwr .headList .sch_bbs::after {content:'';display:block;clear:both;margin-bottom:7px;}
    .alertBox.favListwr .headList .sch_bbs {display:block;width:100%;}
    .alertBox.favListwr .headList .SearchInfo input {width:calc(100% - 52px)}
    .alertBox.favListwr .headList .SearchInfo button {width:52px;margin-left:-2px;}
}


/* 관광정보 리스트 */
.list_group_thumb .thumb_st3 .thumb_img {height:280px;}
.Curation_Wrap [class^="icon-"] {font-size:.875em;line-height:1.1;}
.Curation_Wrap .list_group_thumb .thumb_info .thumb_con {height:auto;-webkit-line-clamp:1;}
.Curation_Wrap .list_group_thumb .StarZ {position:absolute;width:25px;height:25px;border-radius:30px;box-shadow:0 0 0 4px #fff;background-color:#fff;right:11px;top:10px;z-index:2;}
.Curation_Wrap .thumb_info dt {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.Curation_Wrap .thumb_info .hashTag {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.curation {padding:5%;margin-bottom:5.5%;background:#f2f8fb url(/tour/usr/images/contents/tour/curation_bg1.png) no-repeat center bottom/100% auto;}
.curation .radioSet {max-width:940px;margin:auto;}
.curation .Qform {margin-bottom:30px;}
.curation .Qform::after {content:'';display:block;clear:both;}
.curation .Qform dt, .curation .Qform dd {display:block;float:left;line-height:45px;}
.curation .Qform dd {width:calc((100% - 180px) / 5);margin-right:10px;}
.curation .Qform dt {width:130px;padding-left:48px;background:url(/tour/usr/images/contents/tour/i_wheather.png) no-repeat 0 center;font-size:1.125em;}
.curation .Qform.people dt {background-image:url(/tour/usr/images/contents/tour/i_people.png);}
.curation .Qform.date dt {background-image:url(/tour/usr/images/contents/tour/i_date.png);}
.curation .Qform.spot dt {background-image:url(/tour/usr/images/contents/tour/i_spot.png);}
.curation .Qform label {position:relative;z-index:1;display:block;padding:0 10px 0 42px;color:#606060;background:#fff url(/tour/usr/images/bbs/icon_check.png) no-repeat 0 bottom; border:1px dashed #ccc; border-radius:40px; transition:all ease .25s;}
.curation .Qform input:focus + label {border:1px dashed #016dae;box-shadow:0 0 1px 3px rgba(1,109,174,.12);color:#000;}
.curation .Qform input:checked + label {color:#fff;background:#007ac2 url(/tour/usr/images/bbs/icon_check.png) no-repeat 0 0;border:1px solid #016dae;box-shadow:0 1px 5px rgba(0,0,0,.3);}

.SearchMore {padding:10px;max-width:940px;margin:auto;}
.SearchMore:not(.active) {display:none;}
.SearchMore span {position:relative;}
.SearchMore input {width:100%; height:50px; border:1px solid #ddd; border-radius:50px;padding:0 10px;}
.SearchMore button {position:absolute;top:0;right:10px;width:40px;height:40px;background:url(/tour/usr/images/common/icon_search_black.png) no-repeat center;}

@media all and (max-width:1024px){
    .curation .Qform dt, .curation .Qform dd {line-height:40px;}
    .curation .Qform dt {width:95px;padding-left:36px;background-size:36px auto;}
    .curation .Qform dd {width:auto;min-width:calc((100% - 145px) / 5);}
    .curation .Qform label {padding:0 18px 0 36px;background-position:-4px -48px;}
    .curation .Qform input:checked + label {background-position:-4px -4px;}
}

@media all and (max-width:768px){
    .curation .Qform dt {width:100%;}
    .list_group_thumb .thumb_st3 .thumb_img {height:230px;}
}

@media all and (max-width:600px){
    .curation .Qform {margin-bottom:15px;}
    .curation .Qform dd {margin-bottom:10px;}
}

/* 관광정보 상세 */
.viewTop .viewGallWr {float:left;width:50%;overflow:hidden;}
.viewGallWr {position:relative;height:100%;max-width:750px;max-height:530px;overflow:hidden;border:10px solid #f5f5f5;border-radius:20px 20px 0 20px;margin:auto;}
.viewGallWr .item {position:relative;float:left;width:100%;padding-bottom:73.17073%;opacity:0;overflow:hidden;}
.viewGallWr .item.active{display:block;-webkit-animation:fadeIn .6s ease-out 1; animation:fadeIn .6s ease-out 1;animation-fill-mode:forwards;opacity:1;}
.viewGallWr .item img {position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:0 auto;background:#fff;width:auto;min-width:100%;height:100%;max-height:510px;max-width:none !important;}
.viewGallWr .ctrl_view {position:absolute;right:0;bottom:0;padding:15px 20px 10px; background:#fff;}
.viewGallWr .ctrl_view li {float:left;line-height:40px;}
.viewGallWr .ctrl_view li:first-child {display:inline-block;width:80px;text-align:center;}
.viewGallWr .ctrl_view li:last-child::before {content:'';display:inline-block;width:1px;height:16px;background:#b2b2b2;vertical-align:middle;margin:auto 3px;}
.viewGallWr .ctrl_view .num {letter-spacing:0;}
.viewGallWr .ctrl_view button {width:40px;height:40px;background:url(/tour/usr/images/common/ctrl_left.png) no-repeat center;}
.viewGallWr .ctrl_view button.next {background-image:url(/tour/usr/images/common/ctrl_right.png);}

.viewTop .txtWrap {float:right;width:calc(50% - 40px);position:relative;margin-left:40px;}
.viewTop .txtWrap .s_head  {border-bottom:1px solid #ddd;padding:30px;}
.viewTop .txtWrap .s_title4  {float:left;font-size:2.188em;line-height:40px;}
.viewTop .txtWrap .StarZ {float:right;width:40px;height:40px;}
.viewTop .txtWrap .Share {position:relative;display:block;margin-top:.5em;z-index:112;display:none;}
.viewTop .txtWrap .shareDrop {position:absolute;right:-15px;top:48px;width:160px;height:52px;padding-left:5px;border:1px solid #ced4da;background-color:#dee1e6;z-index:113;display:none;}
.viewTop .txtWrap .shareDrop ul li {display:inline-block;}
.viewTop .txtWrap .shareDrop ul::after {left:130px;}
.viewTop .txtWrap .courseIntro {clear:both;padding:20px 0 20px 2px;}
.viewTop .txtWrap .courseIntro .keyword {margin-top:25px;}
.viewTop .txtWrap .courseIntro .keyword li {display:inline-block;}
.viewTop .txtWrap .txtData {margin:30px;}

.txtWrap .txtData th,
.txtWrap .txtData td {padding:6px 10px;font-size:18px;}
.txtWrap .txtData th {width:27%;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;}
.txtWrap .txtData th span {display:block;position:relative;}
.txtWrap .txtData th span::after { content:'';position:absolute;right:0;top:.37em;width:1px;height:15px;background:#ddd;}
.txtWrap .txtData td {color:#606060;font-weight:200;}
.txtWrap .txtData dt{padding-left:18px;background:url(/tour/usr/images/bbs/dot_blue.png) no-repeat 0 .55em; font-size:20px; font-weight:bold;}
.txtWrap .txtData dd{margin-top:10px;}
.txtWrap .txtData p{margin-top:10px;}
.txtWrap .txtData p:first-child{margin-top:0;}
.txtWrap .hashTag {padding:5%;background:#f5f8fa;word-break:keep-all;color:#464646;}
.txtWrap .hashTag>span {display:inline-block;}
.txtWrap .hashTag>span:not(:last-child) {margin-right:1%;}

/* 소개 */
.viewType01 .infoWr {margin:5.5% auto;}
.viewType01 .infoWr .edit_con {margin-top:1.6%;}
.viewType01 .infoWr .edit_con p {margin-bottom:1.6%;}
.viewType01 .infoWr .basic_con,
.viewType01 .infoWr .edit_con {margin-top:10px;font-size:15px !important;color:#666 !important;font-weight:100;}
@media all and (min-width:768px){
    .viewType01 .infoWr .basic_con,
    .viewType01 .infoWr .edit_con {margin-top:16px !important;}
}
@media all and (min-width:1500px){
	.viewType01 .infoWr .basic_con,
	.viewType01 .infoWr .edit_con {font-size:18px !important;margin-top:30px;}
}


/* 주변정보 */
.viewType01 [class^="btn_"] {display:inline-block;height:47px;line-height:47px;padding:0 30px;border:1px solid #fff; border-radius:30px;text-align:center;}
.viewType01 .mapViewWr [class^="bt_"]:hover,.viewType01 .mapViewWr [class^="bt_"]:focus {background-color:#0079c2;border-color:#0064a1;}
.viewType01 .mapViewWr .mapView {margin:auto -1px auto auto;}
.viewType01 .mapViewWr .unit .btSet {text-align:left;padding-left:5px;}
.viewType01 .mapViewWr .bt_go {display:inline-block;line-height:30px;height:30px;padding:0 20px;}
.viewType01 .mapViewWr .unit.this .bt_go::after {content:'';display:inline-block;width:12px;height:12px;vertical-align:middle; background:url(/tour/usr/images/common/link_newW.png) no-repeat 0 center/20px 10px;margin-left:5px;}
.viewType01 .mapViewWr .unit.this .bt_go:hover::after,
.viewType01 .mapViewWr .unit.this .bt_go:focus::after {background-position:-10px center;}
.viewType01 .mapViewWr .unit h5 {padding-left:26px;background:url(/tour/usr/images/bbs/i_loca.png) no-repeat 2px center;}
.viewType01 .mapViewWr .unit.this h5 {background-image:url(/tour/usr/images/bbs/i_loca_orange.png);}
.viewType01 .mapViewWr .listView {padding-bottom:0;}

.mapTabs {margin-top:40px;padding:30px;background:#0079c2;}
.mapTabs .Tabs,
.mapTabs .Tabs li {float:left;}
.mapTabs .Tabs li:not(:last-child) {margin-right:10px;}
.mapTabs .Tabs input {position:absolute;width:0;height:0;overflow:hidden;border:none;}
.mapTabs .Tabs button,
.mapTabs .Tabs label {color:#fff;}
.mapTabs .Tabs label span,
.mapTabs .Tabs button span {padding-left:21px;background:url(/tour/usr/images/bbs/i_locaOff.png) no-repeat 0 center;}
.mapTabs .Tabs label.on,
.mapTabs .Tabs button:focus,
.mapTabs .Tabs button.on {background:#fff;color:#000;}
.mapTabs .Tabs label.on span,
.mapTabs .Tabs button:focus span,
.mapTabs .Tabs button.on span {background-image:url(/tour/usr/images/bbs/i_locaOn.png);}
.mapTabs .Tabs label:has(input:checked) {background:#fff;color:#000;}
.mapTabs .Tabs label:has(input:checked) span {background-image:url(/tour/usr/images/bbs/i_locaOn.png);}
.mapTabs .Tabs .btn_button input {z-index:-1;}

.mapTabs .radioSet {float:right;color:#fff;font-weight:100;}
.mapTabs .radioSet button {color:#fff;}
.mapTabs .radioSet .txt {line-height:47px;padding:0 5px;font-size:.938em;}
.radioSet li {float:left;}
.radioSet li:not(:last-child) {margin-right:10px;}
.radioSet input[type=radio] {position:absolute;z-index:-1;}
.radioSet li label {position:relative;z-index:1;display:block;padding:0 30px;height:47px;line-height:47px;border-radius:40px;text-align:center;border:1px solid #fff; border-radius:30px;color:#fff;}
.radioSet li input:checked + label,
.mapTabs .radioSet button.on {color:#000;background:#fff;}

.mapViewWr .unit::after {content:'';display:block;clear:both;}
.mapViewWr .unit .img {position:relative; float:left;width:100px;height:100px;margin:5px 24px 10px 5px; border:1px solid #e0e0e0}
.mapViewWr .unit .img img {width:100%;height:100%;}
.mapViewWr .unit .txt {position:relative; float:left;}
.mapViewWr .unit .img + .txt {width: calc(100% - 130px);}

@media all and (max-width:1024px){
    .viewTop .viewGallWr,
    .viewTop .txtWrap {width:100%;float:none;}
    .viewTop .txtWrap {margin:5.5% 0 0;}
    
    .txtWrap .txtData th,
    .txtWrap .txtData td {font-size:16px;}

    .mapTabs .radioSet li:first-child {display:none;}
}
@media all and (max-width:840px){
    .viewType01 [class^="btn_"] {height:42px;line-height:42px;padding:0 20px;}
    .mapTabs {margin-top:20px;padding:20px;}
    .mapTabs .Tabs button span,
    .mapTabs .Tabs label span {padding-left:13px;background-size:9px auto;}
    .mapViewWr .unit .img {width:80px;height:80px;margin-right:15px;}
    .mapViewWr .unit .img + .txt {width:calc(100% - 100px);}
    .mapTabs .radioSet li label,
    .mapTabs .radioSet button {height:30px;line-height:28px;padding:0 15px;margin-top:10px;}
}
@media all and (max-width:600px)	{
    .viewTop .txtWrap .s_head {padding:10px;}
    .viewTop .txtWrap .s_title4 {font-size:24px;}
    .viewTop .txtWrap .txtData {margin:15px 5px;}
    .viewTop .txtWrap .StarZ {width:30px;height:30px;margin-top:5px;}
    
    .viewGallWr .item {padding-bottom:55vw;}
    .viewGallWr .ctrl_view li:first-child {width:50px;}
    .viewGallWr .ctrl_view {padding:0 0 0 5px;}
    .viewGallWr .ctrl_view .num {font-size:12px;}

    .txtWrap .txtData th,
    .txtWrap .txtData td {font-size:15px;}
    .txtWrap .txtData th {padding-left:12px;min-width:82px;}
    .txtWrap .txtData td {padding-left:0;}
    .txtWrap .txtData td::before {margin-right:10px;}

    .mapTabs {padding:15px;}
    .mapTabs .Tabs li {margin-bottom:10px;}
    .mapTabs .radioSet {width:100%;}
}
@media all and (max-width:450px)	{
    .viewType01 [class^="btn_"] {height:36px;line-height:36px;padding:0;}

    .txtWrap .txtData th {padding-left:5px;background:none;}

    .mapTabs .Tabs {width:100%;}
    .mapTabs .Tabs li {width:calc(33.333% - 4px);}
    .mapTabs .Tabs li:not(:last-child) {margin-right:6px;}
    .mapTabs .Tabs button {width:100%;}
    .mapTabs .Tabs label {display:inline-block;width:100%;}

}
@media all and (max-width:300px)	{
    .mapViewWr .unit .img {display:none;}
    .mapViewWr .unit .img + .txt {width:100%;}
}


/* 고창여행 음식점 */
.Curation_Wrap .list_group_thumb .badge {position:absolute;z-index:1;left:10px;top:10px;box-shadow:1px 1px 3px rgba(0,0,0,.7);}
.viewType01 .txtData .badge.gift {font-size:14px; line-height:1.7;}
.viewType01 .s_head .category {display:block;font-size:16px;font-weight:300;line-height:1.6;color:#007AC2;}
.viewType01.food .nearbyWr {margin-top:5%;}

@media all and (max-width:460px)	{
    .headList .SearchInfo.type2 select {width:49%;margin-bottom:10px;}
    .headList .SearchInfo.type2 .sch_bbs input {width:85%;}
}

/* 고창여행 음식점 전체보기 */
.entire_Wrap .mapViewWr>div {height:740px;}
.entire_Wrap .mapViewWr .listView {padding-bottom:60px;}
.entire_Wrap .mapViewWr .listView .unitWr {overflow-y:auto;}
.entire_Wrap .mapViewWr .paging {margin-top:0;}
.entire_Wrap .mapViewWr .unit {padding:20px 0 25px;}
.entire_Wrap .mapViewWr .unit p {padding-left:16px;background-position:3px .367em}
.entire_Wrap .mapViewWr .unit h5 .category {display:block;font-size:14px;color:#007AC2;}
.entire_Wrap .SearchBox {padding:30px;background:#f2f6f8;margin-bottom:20px;}
.entire_Wrap .SearchBox .searchL {float:left;}
.entire_Wrap .SearchBox .searchR {float:right;}
.entire_Wrap .SearchBox input,
.entire_Wrap .SearchBox select,
.entire_Wrap .SearchBox button {height:50px;line-height:50px;border-radius:.23em;}
.entire_Wrap .SearchBox .searchGo {background:#007ac2;color:#fff;padding:0 20px;width:100px;}
.entire_Wrap .SearchBox .searchGo.Gray {background:#555;}
.entire_Wrap .SearchBox .searchGo:hover,
.entire_Wrap .SearchBox .searchGo:focus {background:#003478;}
.entire_Wrap .badge.gift {position:absolute;left:-5px;right:-5px;margin:0 auto; bottom:-10px;font-size:12px;}
.entire_Wrap .StarZ {position:absolute;width:25px;height:25px;border-radius:25px;background-color:#fff;right:0;top:-5px;z-index:2;}

@media all and (max-width:768px)	{
    .entire_Wrap .mapViewWr>div {height:690px;}
    .entire_Wrap .SearchBox {padding:20px;}
    .entire_Wrap .SearchBox span {float:left;width:calc((100% - 64px) / 2);}
    .entire_Wrap .SearchBox .searchL,
    .entire_Wrap .SearchBox .searchR {width:100%;}
    .entire_Wrap .SearchBox .searchR {margin-top:20px;padding-top:20px;border-top:1px dashed #e0e0e0;}
    .entire_Wrap .SearchBox .searchR span:nth-of-type(1) {width:30%;}
    .entire_Wrap .SearchBox .searchR span:nth-of-type(2) {width:calc(70% - 64px);}
    .entire_Wrap .SearchBox input,
    .entire_Wrap .SearchBox select {width:calc(100% - 5px);}
    .entire_Wrap .SearchBox input,
    .entire_Wrap .SearchBox select,
    .entire_Wrap .SearchBox button {height:40px;line-height:40px;}
    .entire_Wrap .SearchBox .searchGo {width:64px;padding:0 12px;}
    .entire_Wrap .badge.gift {display:none;}
    }

@media all and (max-width:360px)	{
    .entire_Wrap .mapViewWr .listView {height:590px;}
    .entire_Wrap .mapViewWr .mapView {height:380px;}
    .entire_Wrap .mapViewWr .unit {padding:20px 0;}
    .entire_Wrap .listView .paging .btn_start,
    .entire_Wrap .listView .paging .btn_end {display:none;}
}


/* 이달의 축제  */
.list_group_thumb .thumb_poster .thumb_info dl dt span {margin-bottom:5px;}
.list_group_thumb .thumb_poster .thumb_info dl dt + .thumb_date {margin-top:0;}
.list_group_thumb .thumb_poster .thumb_img {position:relative;height:auto;padding-bottom:126.692708333%;overflow:hidden;}
.list_group_thumb .thumb_poster .thumb_img img {position:absolute;}
.viewType01.festa .txtWrap .s_title4 .badge {line-height:1.6;vertical-align:middle;margin:0 5px 0 -3px;}
.viewType01.festa .txtWrap .btnArea {margin:auto;padding:4% 5%;}
.viewType01.festa .txtWrap .btnArea i::after {font-size:.875em;line-height:1.4;margin-left:5px;}

/* 이달의 문화행사  */
.calendarView .Rcon {max-width:520px;}
.calendarView .img {float:left;margin-right:30px;} 
.calendarView .img img {width:150px;display:block;margin:auto;}
.calendarView .txtWrap .txtData th {min-width:84px;}
.calendarView .txtWrap .txtData th, .calendarView .txtWrap .txtData td {font-size:16px;}
.mapOnly {border:1px solid #ddd;min-height:450px;margin:1.6% auto;}

@media all and (max-width:600px)	{
    .calendarView .img {float:none;margin:25px auto 15px;}
    .calendarView .img img {width:200px;}
    .calendarView .txtWrap .txtData th {min-width:64px;padding-left:15px;background:url(/tour/usr/images/bbs/dot_blue.png) no-repeat 0 .938em}
    .mapOnly {min-height:360px;}
}

/* 사진으로 보는 축제 */
.view_st3_con .viewGallWr {float:none;max-width:840px;margin:3% auto;box-shadow:none;}
.view_st3_con .viewGallWr::after {content:'';display:block;clear:both;}
.view_st3_con .viewGallWr .ctrl_view li {margin-right:0;}
.view_st3_con .view_st3_Rcon {margin:inherit auto;}

/* 특산물 */
.gallery_list .product .gl_info dt {text-align:center;}
.gallery_list .product .gl_info dd {height:1px;line-height:100px;overflow:hidden;}
.view_st3 .view_st3_con.product {border-top:0;padding-top:0;margin-top:0;}
.view_st3 .view_st3_con.product .view_st3_Rcon {padding:3%;border-radius:20px;margin:2% auto 3%;background-color:#f2f6f9;}
@media all and (max-width:768px)	{
    .view_st3 .view_st3_con.product .view_st3_Rcon {padding:30px;margin:25px auto 40px;}
}
@media all and (max-width:600px)	{
    .view_st3 .view_st3_con.product .view_st3_Rcon {padding:20px;margin:20px auto 30px;}
}
/* 관광 홍보물 신청 */
.boardTop {margin-bottom:3%;text-align:center;}
.boardTop [class^="icon-"] {font-size:12px;display:inline-block;margin:-2px 0 0 5px;}

@media all and (max-width:460px)	{
    .boardTop [class^="effect-"] span em {display:none;}
    .postcode .col_w50 {width:100%;margin-top:5px;}
}

/* 유네스코 세계유산의 길 상세 unescoWrV */
.unescoWrV .unescoN::after {content:'';display:block;clear:both;}
.unescoWrV .viewTop .txtWrap .s_head {padding:4%;}
.unescoWrV .viewTop .txtWrap .basic_p {padding:0 3%;}
.unescoWrV .viewTop .mapView {position:relative;float:left;width:100%;min-height:480px;margin-top:5.5%;border:1px solid #e0e0e0;}
.unescoWrV .viewTop .mapView .map_info {position:absolute;width:100%;bottom:0;padding:1.375em 25px;line-height:1.4;background:#f5f8fa;color:#666;}
.unescoWrV .desc01 {text-align:center;}
.unescoWrV .desc01 .badge {font-size:1em;padding:6px 20px 5px; background:#0863b0;color:#fff;border-radius:40px;}
.unescoWrV .desc01 .txt {padding:5%;margin:-20px auto 5%;color:#333;font-size:1.12em;background-color:#f4f6f8;border-radius:1.5rem;}
.unescoWrV .desc01 .ImgBox {position:relative;width:100%;overflow:hidden;}
.ImgBox img {display:block;max-width:100%;margin:auto;}
.ImgBox .more_view {position:absolute;right:0;bottom:0;padding:5px 10px; background:rgba(0,0,0,.75);color:#fff;font-weight:100;}

.desc01 .ifoBox {background:#f0faff;padding:20px 15px;text-align:center;margin:4% auto 5%;display:flex;flex-wrap:wrap;justify-content:space-around;}
.desc01 .ifoBox dl {display:inline-block;}
.desc01 .ifoBox dt, .desc01 .ifoBox dd {display:inline-block;font-size:1.125em;}
.desc01 .ifoBox dd {color:#00aff4;margin-left:3px;}
.ifoBox .level dd::before {content:'☆';}
.ifoBox .level.hard dd::before {content:'★';}
.ifoBox .level.normal dd:not(.hard)::before {content:'★';}

.ifoBox .level.easy dd:not(.hard, .normal)::before {content:'★';}

.unescoWrV .courSe {padding:4% 3% 2.8%;border:10px solid #f5f5f5;margin-bottom:3%;border-radius:2.5em 2.5em 0 0;}
.unescoWrV .courSe .DayWr dd button {line-height:34px;}
.courSe .DayWr dd.courseAct button {background:#f26522;color:#fff;padding:0 14px;border-radius:40px;}
.courSe .DayWr dd.courseAct::before {content:url(/tour/usr/images/common/i_locaOrange.png);-webkit-animation:bounce2 .6s ease-out infinite; animation:bounce2 .6s ease-out infinite;}

@media all and (max-width:1500px)	{
    .unescoWrV .desc01 .txt {text-align:left;}
}
@media all and (max-width:768px)	{
    .unescoWrV .courSe {padding:5% 5% 3%;}
    .unescoWrV .desc01 .txt {font-size:1em;}
    .desc01 .ifoBox dt, .desc01 .ifoBox dd {font-size:1em;font-weight:600;}
}
@media all and (max-width:460px)	{
    .unescoWrV .viewTop .txtWrap {margin-top:10px;}
    .unescoWrV .courSe {padding:25px 20px 10px; margin-top:40px;}
    .unescoWrV .desc01 .txt {padding:25px;}
    .unescoWrV .desc01 .ImgBox {height:300px;}
    .unescoWrV .desc01 .ImgBox img {position:absolute;height:100%;width:auto;max-width:none;left:50%;transform:translateX(-50%);}
    .desc01 .ifoBox {display:block;padding:10px;}
    .desc01 .ifoBox dl {display:block;margin:10px auto;}
    .courSe .DayWr dd.courseAct button {padding:0 14px;vertical-align:top;}
    .courSe .DayWr dd.courseAct::before {content:url(/tour/usr/images/bbs/i_locaOn_orange.png);}
}
/* 찜한 목록 */
@media all and (max-width:768px)	{
.Curation_Wrap .bd_tabNav.flex {display:flex;}
.Curation_Wrap .bd_tabNav.flex li {width:33.3333%;}
.Curation_Wrap .bd_tabNav.flex li:not(:last-child) a::after,
.Curation_Wrap .bd_tabNav.flex li:not(:last-child) button::after {border-bottom:1px solid #e0e0e0;border-right:0;}
}


/* img list */
.flex_depth02{display:flex; justify-content:flex-start; align-items: stretch; flex-wrap: wrap; gap:5%; margin-top:25px}
.flex_depth02 .imgOnly{margin-bottom:20px;}
.fig_list img,
.fig_list02 img{max-width:100%;}
.fig_list figure{border:1px solid #ddd; text-align:center;}
.fig_list figcaption{font-weight:600; font-size:1.1em; padding:0.5em; border-top:1px solid #ddd;}
.fig_list02{display:flex; justify-content:space-between; align-items: stretch; flex-wrap: wrap; gap:25px; margin-top:25px}
.fig_list02 figure{width:calc(50% - 15px); border:1px solid #ddd;}
.fig_list02 figcaption{text-align:center; font-weight:600; font-size:1.1em; padding:0.5em; position:relative; bottom:0;}
.fig_list02.dev3 figure{width:calc(32.5% - 15px);}
@media all and (max-width:480px){
.fig_list02.dev3 figure{width:100%}
}
/* 원형 숫자 리스트 */
.list_circleNum li{margin-top:10px;}
.list_circleNum li:first-child{margin-top:0;}
.list_circleNum strong{display:inline-block; width:35px; height:35px; border-radius:50%; background:#f1c800; text-align:center; line-height:2.5; vertical-align: middle; margin-right:5px}
.list_circleNum strong.pink{background:#ffabbd;}
.list_circleNum strong.blue{background:#b4c7e7;}
@media all and (min-width:768px){
    .list_circleNum strong{width:40px; height:40px;}
}


.banner_control{position:absolute}

.txtWrap .txtData th{width:23%}