﻿@charset "utf-8";

@font-face {
	font-family: "Pretendard";
	src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/**topNavi**/
header.bodyHeader{margin:0 auto;padding:0 15px;max-width:1300px;box-sizing:border-box;font-size:15px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

header .inBox{position:relative;margin:25px auto 30px auto;width:100%;}
header .inBox .logo{display:flex;flex-wrap:nowrap;align-items:center;}
header .mside_Open{position:absolute;right:5px;top:50%;transform:translate(0, -50%);}
header .mside_Close{position:absolute;right:25px;top:25px;width:30px;filter:invert(1);z-index:50}

.titleBox_sub{margin-bottom:10px;padding:13px 3%;border-top: 1px solid #efefef;border-bottom: 1px solid #f5f5f5;font-family: 'NanumSquare';font-weight:600;}
.titleBox_sub .box_Combo{display:inline-block}
.titleBox_sub .box_Combo a{color:#fff;text-shadow: 2px 2px #555;display:inline-block;}
.titleBox_sub .box_Combo a::after{content:' > ';}
.titleBox_sub .box_Combo a:last-child::after{content:none;}
.newtitleBox_sub_bg01{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg01.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg02{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg02.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg03{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg_ticket.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg04{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg04.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg05{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg06.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg06{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg06.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg07{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_07.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg08{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg_reservation.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg09{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg08.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg10{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg10.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg11{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg03.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg12{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_12.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg13{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_13.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg14{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_14.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg15{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_15.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg16{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_16.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg17{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_17.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg18{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_18.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg19{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/pic_subtitleBg_19.jpg') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg20{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/newTitlebg_spa.png') no-repeat;background-position-x: 80%;}
.newtitleBox_sub_bg21{background:#f9f9f9 url('https://tourpik.b-cdn.net/images/icon/package_back.png') no-repeat;background-position-x: 80%;}

.newTitle{margin-bottom:10px;font-weight:600;}
.newTitle span{color:#17aec7;}

/*top*/
header .topGnb{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;position:absolute;left:370px;top:0;width:calc(100% - 370px);}

.logSlide_thum{width:40px;height:40px;border-radius:10px;overflow:hidden;display:inline-block;}
.logSlide_name{margin-left:10px;font-weight:600;font-size:1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:140px;}

/**serch**/
header div.search_div{width:450px;}
header div.search_div .rmb_search_bx{border:1px solid #ebebeb;border-radius:30px;width:100%;height:45px;padding:5px;background:#fff;position:relative;}
header div.search_div .rmb_search_bx .input_bx{flex-basis:calc(100% - 33px);}
header div.search_div .rmb_search_bx .input_bx input{
	margin-left:10px;border:none;height:100%;
	padding:7px 15px;width:calc(100% - 10px);font-size:15px;
}

header div.search_div .rmb_search_bx .input_bx input:focus{border: none !important; outline: none !important; background: transparent !important;}
#header div.search_div .rmb_search_bx .btn_bx{flex-basis:33px;}
#header div.search_div .rmb_search_bx .btn_bx a{background:#39a0e2;border-radius:50%;height:33px;width:33px;display:flex;align-items:center;justify-content:center;}

.search_icon{position:absolute;right:20px;top:10px;}

/*right*/
.topGnb .rightMenu{display: flex;}
.topGnb .rightMenu a{margin-left:20px;}
.topGnb .rightMenu .mini_menu_bx a{margin-left:0;}
.topGnb .rightMenu .mini_menu_bx { position: absolute; padding: 8px 0; top: 50px; right: 0; background: #fff; box-shadow: 1px 1px 6px rgb(0 0 0 / 30%); min-width: 235px; display: none; border-radius: 7px; z-index: 9; }
.topGnb .rightMenu .right_menu_bx .rmb_login_bx.on { box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }
.topGnb .rightMenu .mini_menu_bx > ul > li.border { border-bottom: 1px dashed #dfdfdf; }
.topGnb .rightMenu .mini_menu_bx > ul > li > a { padding: 10px 15px; display: block; color: #333; font-size:14px; }
.topGnb .rightMenu .mini_menu_bx > ul > li > a:hover { background: #f8f8f8; }
.topGnb .rightMenu .mini_menu_bx > ul > li > a.em { color: #000; font-weight: 700; }
.topGnb .rightMenu .mini_menu_bx > ul > li > a.red { color: #cc0000; }
.topGnb .rightMenu .mini_menu_bx > ul > li > a.arch_menu { color: #39a0e2; font-weight: 500; }

/*bottom*/
.bottomGnb, .topMenu{display:flex;justify-content:space-between;align-items:center;}
.bottomGnb li{margin-right:20px;display:inline-block;}
.bottomGnb li a{display:block;vertical-align:middle;font-weight:600;}
.bottomGnb li a span{margin-right:10px;}
.bottomGnb {margin:28px auto 0 auto;}

/*bottom inMenu*/
.bottomGnb li{position:relative;}
.bottomGnb .rightMenu{margin-top:10px;}
.bottomGnb .rightMenu a{display:inline-block;vertical-align:top;}
.bottomGnb li .bollom{position:absolute;top:40px;z-index:10;display:none;}
.bottomGnb li .bollom.on{display:block;}

/*Gnb보조메뉴*/
.bottomGnb ul.inMenu{position:relative;padding:7px 18px;background:#fff;border:#d2d0cf solid 1px;font-size:16px;text-align:left;width:max-content;font-weight:600;border-radius:10px;}
.bottomGnb ul.inMenu:after,
.bottomGnb ul.inMenu:before{content:'';position:absolute;left:40px;width:0;border-style:solid;border-width:0 10px 12px 11.5px;display:block;}
.bottomGnb ul.inMenu:after{border-color:#fff transparent;z-index:1;top:-10.5px;}
.bottomGnb ul.inMenu:before{border-color:#d2d0cf transparent;z-index:0;top:-12px;}
.bottomGnb ul.inMenu li{margin-right:5px;cursor:pointer;}
.bottomGnb ul.inMenu li:before{content:"|";margin-right:10px;color:#d2d0cf;font-weight:100;}
.bottomGnb ul.inMenu li:first-child:before{content:'';}
/*//Gnb보조메뉴*/

/**notice**/
.noticPop{background:#FFF9E4;max-width:100%;}    /*20241125 컬러수정함*/
.noticPop .inBox{position:relative;padding:12px 20px;margin:0 auto;max-width:1300px;width:100%;}
.noticPop .inBox .content{margin-right:25px;display:flex;justify-content:space-evenly;}
.noticPop .inBox .content a{padding-right:25px;width:50%;}
.noticPop .inBox .content a:first-child{border:none} /*20241125 안보이게수정함*/
.noticPop .inBox .close{position:absolute;right:0;display:block;width:30px;top:50%;border-radius:50%;transform:translate(-50%, -50%);cursor:pointer;}

.topsub-menuWrap{display:none;}

/*chatBox*/
.chatBox{max-width:420px;width:94%;position:fixed; left: 50%;top: 50%;transform: translate(-50%, -50%);background:#fff;font-size:16px;border-radius:15px;overflow:hidden;z-index:30;display:none;}
.chatBox .close{position:absolute;top:20px;right:20px;cursor:pointer;}

.chatBox .inBox_top{text-align:center;background:url('https://tourpik.b-cdn.net/images/ico/pic_Chatbg.jpg') 65% 80%;}
.chatBox .inBox_top .chat_tit{padding:29% 10px 30px 10px;text-align: right;display: inline-block;}
.chatBox .inBox_top .chat_tit h1{margin-bottom:2px;font-size:1.7em}
.chatBox .inBox_top .chat_psa{background: #fff;border-radius: 100px 100px 0 0;width:100%;max-width:100px;display: inline-block; vertical-align: bottom;}

.chatBox .inBox_bottom{padding:7px 20px 20px 20px;}
.chatBox .inBox_bottom .inChatbox a{margin:0 auto;padding: 15px 5px;border: 1px solid #eee;border-radius: 50px;margin: 20px 0;text-align:center;box-shadow:rgba(0, 0, 0, 0.24) 0px 2px 8px 0px;display:block}
.chatBox .inBox_bottom .inChatbox a:hover,
.chatBox .inBox_bottom .inChatbox a:focus{box-shadow:rgba(0, 0, 0, 0.44) 0px 3px 9px 0px;}
.chatBox .inBox_bottom .inChatbox a span{margin:0 3px 0 7px;font-weight:600;} 
/*//chatBox*/

.dim{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.7;
	height: 100%;
	z-index: 5;
	display:none;
}

@media (max-width:1150px) {	
	header.bodyHeader{width:100%;}

	header .Gnb{margin:0;width:85%;position:fixed;z-index:101;background:#fff;top:0;right:-100%;height:100%;background:#f2f2f2;overflow-y:auto;}

	header .inBox{margin-bottom:20px;width:100%;color:#333;}
	header .inBox .logo{max-width:85px; position: relative; z-index: 2;}
	header .inBox .logo p{display:none;}
	header .logoBox{position:relative;padding:22px 35px;background:#a170ae;border-bottom:2px solid #ebebeb;}

	header .logSlide{padding:15px 30px;}
	header .logSlide .inBox{margin:0;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;font-size:1rem;font-weight:600;}
	header .logSlide .logIn{padding-left:30px;background:url(https://tourpik.b-cdn.net/images/m/ico_mSlid_login.png) no-repeat;}
	header .logSlide .join{padding:8px 13px;background:#fff;border:2px solid #ebebeb;}

	header .bottomGnb,
	header .topMenu{margin:0 auto;display:block;padding:10px 20px 15% 20px;background:#fff;}

	header .bottomGnb li a:not(.dep_1) span{display:none;margin-right:0;}
	header .bottomGnb li{margin:0 auto;width:100%;}
	header .bottomGnb li a:not(.dep_1){padding:20px 0;border-bottom:2px solid #381c1e;font-size:1rem;}
	header .bottomGnb li a:not(.dep_1) img{max-width:20px;}

	header .bottomGnb li .bollom{position:static;}

	header .bottomGnb ul.inMenu:before,
	header .bottomGnb ul.inMenu:after,
	header .bottomGnb ul.inMenu li:after{margin:0 auto;padding:15px;border:0 none;content:none;}

	header .bottomGnb ul.inMenu{padding:0;border:0 none;border-radius:0;display:flex;}
	header .bottomGnb ul.inMenu li{margin:0;width:100%;padding:20px 40px 20px 0;border-bottom:0 none;font-size:1.24rem;}
	header .bottomGnb ul.inMenu li:before,
	header .bottomGnb ul.inMenu li:first-child:before {content:none;}
	
	header .topGnb {width:100%;}
	header .topGnb .rightMenu a{margin-left:0;margin-left:0;background:aqua;padding:5px 5px 8px 5px;border-radius:5px;width:33%;font-size:.9em;}

	header .bottomGnb .rightMenu{padding:10px;display:flex;flex-basis:1;flex-wrap:nowrap;justify-content:space-evenly;}

	header .topGnb .rightMenu{display:none;text-align:Center;text-align:Center;/*display:flex;*/justify-content:space-between;gap:10px;margin-left:0;padding:10px;}
	header div.search_div{width: calc(85% - 110px); margin: 0 auto 0 calc(7.3% + 85px); padding:5px 0;}
	header .pBlock:has(.search_div) {right: 0px; left: 0px; top: -8px; margin: 0 auto;}


	/**아이콘 6개**/
	header .topsub-menuWrap {padding:4.2% 6% 2.2% 6%;margin:0 auto 15px auto;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;background:#fff;text-align:center;box-sizing:border-box;}
	header .topsub-menuWrap li{margin-bottom:10px;width:30%;}
	header .topsub-menuWrap li a{cursor:pointer;}
	header .topsub-menuWrap li .sub-txt-wrap p .sub-inner{color:#222;}
	header .topsub-menuWrap li .sub-txt-wrap p.sub-txt1{margin-bottom:5px;}
	header .topsub-menuWrap li .sub-txt-wrap p.sub-txt1 .sub-inner{font-size:14px;font-weight:700;}
	header .topsub-menuWrap li .sub-txt-wrap p.sub-txt2 .sub-inner{font-size:14px;font-weight:500;}

	header .topsub-menuWrap li.item-on .sub-txt-wrap p.sub-txt1{color:#a170ae;}

	header .topsub-menuWrap li .sub-icon { margin:0 auto;width:70px;height:70px;background-repeat:no-repeat;background-size:80px;background-position:center;}

	header .topsub-menuWrap li.submenu-item-1 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/m/ico_reven.png);
	}
	header .topsub-menuWrap li.submenu-item-2 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/m/ico_custm.png?24061301);
	}
	header .topsub-menuWrap li.submenu-item-3 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/m/ico_notic.png);
	}
	header .topsub-menuWrap li.submenu-item-4 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/m/ico_event.png);
	}
	header .topsub-menuWrap li.submenu-item-5 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/m/ico_promo.png);
	}
	header .topsub-menuWrap li.submenu-item-6 .sub-icon {
		background-image:url(https://tourpik.b-cdn.net/images/pickdealicon.svg);
	}
}

@media (max-width:780px) {
	.noticPop{background:#e7fbfe;width:100%;min-width:auto;}/*최상단 이벤트 팝업*/
		
	/*20240610 이벤트 공지->메인에서 헤더로 이동*/
	.noticPop .inBox .content{overflow:hidden;display:block;}
	.noticPop .inBox .content a{margin:0 20px;padding-left:0;width:70%;display:block;}
	.noticPop .inBox .content a:first-child{border-right:0 none;}
	.noticPop .inBox .content a img{width:fit-content;}	

	.productInfo .tag{position:absolute;top:52%;left:20px;}
	header .pBlock:has(.search_div) {display: flex!important;}

	header div.search_div.app {display: none!important;}
}

.bottomGnb ul ul {
	display: none;
}
  
.bottomGnb li{font-family: 'NanumSquare';}
.bottomGnb li .bollom{display:block; padding-top: 11px; top: unset;}
.bottomGnb li .bollom li {display:block;}

.bottomGnb ul.inMenu li{display:block;}
.bottomGnb ul.inMenu li:first-child{padding-top: 10px;}
.bottomGnb ul.inMenu li:not(:first-child){padding-top: 7px;}
.bottomGnb ul.inMenu li:before{content:''; display: none;}
header .inBox{margin-bottom:15px;}

.bottomGnb .last-pading{margin-bottom:10px;}
.mo_gnb_wrap{display: none;}
  
@media screen and (min-width: 780px){
	.bottomGnb ul li:hover ul.inMenu {
		display: block;
	}
}
  
@media screen and (max-width: 1150px){
	.titleBox_sub{background-position-x:100%;}
	header .bottomGnb li a:not(.dep_1) span{margin-right:7px;display:inline-block;}
	.bottomGnb ul:first-child{display: none;}
	header .bottomGnb li.dep_1_box{margin-bottom:15px;}
	.mo_gnb_wrap{display: block;}
	.dep_1{
		padding: 15px 0;
		border-bottom: 2px solid #381c1e;
		font-size: 1.1em;
		font-weight: 600;
		cursor: pointer;
	}
	.dep_1 img{margin-right:5px;}
	.dep_2_box{width: 100%;}
	.dep_2_box li a{border-bottom: 1px solid #cdcdcd !important;}
	.dep_2_box li{ /*float: left;*/}
	.dep_2_box li:nth-child(even){width: 51% !important;}
	.dep_2_box li:nth-child(odd){width: 47% !important;}
	header div.search_div {padding:0;}
}

@media (max-width: 780px) {
	.titleBox_sub{background-image:none;}
	.bottomGnb li{display:inline-block;}

	header .bottomGnb ul.inMenu li{padding:0;width:50%;float:left;}
	header .bottomGnb ul.inMenu,
	header .bottomGnb ul.inMenu{width:100%; display:none;}
	header .bottomGnb ul.inMenu li{padding:0;}
	header .bottomGnb li .inMenu a{border-bottom: 1px solid #cdcdcd;}
	header .bottomGnb .rightMenu{display:none}
	header div.search_div .rmb_search_bx .input_bx input {margin-left: 0; padding: 7px;}
	
	header .pBlock:has(.search_div) {}
}

@media (max-width: 480px) {
	header .bottomGnb ul.inMenu li{width:100%;float:none;}
	header div.search_div .rmb_search_bx .input_bx input::placeholder {
		color: transparent;
	}
}

.header-all-category{font-weight:900; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px;}
.header-all-category span{margin-right:10px;}
.naviOn {color:#9f70ac !important;font-weight:900;}
.naviOn a {color:#9f70ac !important;font-weight:900;}

/*모바일 top 검색버튼*/
.mobileTopSearch{
	position: absolute;
    top: 3px;
    right: 40px;
}



/* 웹버전 검색포커스 하단 추천 검색부분 */
div.search_div {position: relative;}
div.search_div .forminputwindow,
div.search_div .forminputwindow * {
	font-family: 'pretendard';
	font-size: 16px;
}
div.search_div .forminputwindow {
	display: flex; position: absolute; border-radius: 0 0 10px 10px; gap: 40px; align-items: flex-start;
	top: 56px;
	left: 50%; transform: translateX(-50%);
	padding: 0 32px 20px 32px; background: #fff; box-shadow: 0px 0px 12px #00000029; z-index: 500;
}
div.search_div .forminputwindow > div {min-width: 170px;}
div.search_div .forminputwindow .resent_search {
	margin-top: 20px;
}
div.search_div .forminputwindow .resent_search h4 {
	font-size: 1.15rem;
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #555;
	padding-bottom: 10px;
}
div.search_div .forminputwindow .recommend_text {
	display: flex;
	flex-wrap: nowrap;
	margin-top: 14px;
	font-weight: 600;
	color: #111;
}
div.search_div .forminputwindow .recommend_text div {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}
div.search_div .forminputwindow .recommend_text div:first-child span {
	width: max-content;
	max-width: 220px;

	white-space: nowrap; /* 텍스트가 줄바꿈되지 않고 한 줄로 유지 */
	overflow: hidden;    /* 넘치는 부분을 숨김 */
	text-overflow: ellipsis; /* 숨겨진 부분에 '...' 표시 */

	cursor: pointer;
}
/* div.search_div .forminputwindow .recommend_text div:first-child span:nth-child(-n + 3) {
	color: #157ced;
} */
div.search_div .forminputwindow .recommend_text div span strong::after {
	content: '';
	display: inline-block;
	/* width: 3px;
	height: 3px;
	background: #D8EBFF; */
	margin: 0 6px;
	position: relative;
	top: -5px;
}