@charset "utf-8";

/*ajax loading */
div.wrap-loading{ display:none; position: fixed; left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); z-index:1000 }
div.wrap-loading > div{ position: fixed; top:50%; left:50%; margin-left: -25px; margin-top: -25px; }
div.wrap-loading > div > img { width:50px }
div.wrap-loading2 { display:none; position: fixed; left:0;right:0;top:0;bottom:0; }
/*header 영역*/
section{overflow-x:hidden;}

/*메인 광고 팝업*/
div.main_pop {width:100%; position:fixed;left:0; top:0; z-index:11; margin-top:-120px; height:120px;background:#68af68; z-index:101}
div.main_pop > ul{width:1160px; margin:0 auto;}
div.main_pop > ul > li:nth-child(1){width:80px; margin:20px 0 0 40px}
div.main_pop > ul > li:nth-child(2){width:825px; margin:28px 0 0 20px}
div.main_pop > ul > li:nth-child(2) > p{font-size:14px; line-height:28px}
div.main_pop > ul > li:nth-child(3){width:143px; height:47px}
div.main_pop > ul > li:nth-child(3) > p{width:143px; height:47px; margin:10px 0 0 0}
div.main_pop > ul > li:nth-child(3) > p:nth-child(2){margin:6px 0 0 0}
div.main_pop > ul > li:nth-child(4) {width:23px; height:23px; line-height:15px; font-size:14px; border:1px solid #fff; float:right; margin-top:48px; cursor:pointer}

/*메인 모바일 광고 팝업*/
div.mobile_main_pop {display:none}

/*gnb*/
section.gnb {position: fixed; top:0px; left:0px; height:70px; overflow:visible; z-index:11;opacity: 0.95;filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; box-sizing:border-box; z-index:101; background-color:var(--color-white) }
section.gnb .logo {font-size:36px; line-height:28px; margin:20px 0 0 20px; font-weight:bold}
section.gnb > *:not(ul) {float:left}

section.gnb .gnb_cities {margin:15px auto; display:inline-block}
section.gnb #header_cities {width:1160px; position:absolute; left:calc(50% - 580px)}
section.gnb #header_cities .drop_down {position:relative; width:178px; height:38px; line-height:38px; border:1px solid #c9caca; border-radius:3px; font-size:16px; text-indent:20px; /*0613추가 cusror*/cursor:pointer }
section.gnb #header_cities .drop_down span {float:right; padding-right:15px}
section.gnb #header_bar {position:fixed; width:860px; height:auto; border:1px solid #c9caca; z-index:12; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.5);}
section.gnb #header_bar > li{height:60px;}
section.gnb #header_bar > li > p{ float:left; width:219px; height:59px; border-right:1px solid #c9caca; border-bottom:1px solid #c9caca; cursor:pointer; font-size:16px; line-height:60px; text-indent:25px}
section.gnb #header_bar > li:last-child > p{border-bottom:0}
section.gnb #header_bar > li > p > span{position:absolute; left:219px; top:50px; width:14px; height:17px; margin-top:-26px; background:url('../img/ca_check.png'); display:none}
section.gnb #header_bar > li > p:hover{background:#efefef}
section.gnb #header_bar > li > span{width:0; height:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left:10px solid #e7e7e7; margin:20px 0 0 220px; display:none}
section.gnb #header_bar > li > ul {position:absolute; left:220px; top:0; width:630px; display:none;}
section.gnb #header_bar > li:first-child > ul {display:block;/*  padding-left:10px; */}
section.gnb #header_bar > li > ul.tab > li{white-space:normal; line-height:60px; height:60px; font-size:14px;}
section.gnb #header_bar > li > ul.tab > li > a {width:100%; display:block; }
section.gnb #header_bar > li > ul.tab > li:hover{color:#e84c3d}
section.gnb #header_bar > li > ul.tab > li > a:hover{color:#e84c3d}
section.gnb #header_cities .drop_down.active + #header_bar {display:block}
section.gnb > ul {float:right; margin:0 20px 0 0;display: flex;align-items: center;}
section.gnb > ul > li{font-size:14px; line-height:18px}
/* section.gnb > ul > li:not(.mp_img){margin-top:30px} */
section.gnb > ul > li > span{width:1px; height:20px; display:block; float:right; margin:0 15px}

section.gnb .mp_img {position:relative; margin:0px 30px 0 0}
section.gnb .mp_img:after {content:''; width:1px; height:20px; background-color:var(--color-black); position:absolute; right:-15px; top:10px}
section.gnb .mp_img .login_img {width:40px; height:40px; border-radius:50%; background:center / cover no-repeat #efefef; cursor:pointer}
section.gnb .mp_img .login_img + div {position:absolute; left:0; top:60px; width:150px; background-color:var(--color-white); z-index:1111; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,0.5); display:none}
section.gnb .mp_img .login_img + div a {display:block; padding:10px; width:calc(100% - 50px); margin:0 auto}
section.gnb .mp_img .login_img + div a:not(:last-child) {border-bottom:1px solid var(--color-grey300)}
section.gnb .mp_img.active .login_img + div {display:block}
 



/*sub페이지 gnb*/
section.sub_gnb{position: fixed; top:0px; left:0px; height:70px; overflow:hidden; z-index:11;opacity: 0.95;filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; box-sizing:border-box;  perspective: 1000; }
section.sub_gnb > div {height:70px;z-index:999; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 5px 1px }
section.sub_gnb > div > ul > li > h1{font-size:36px; line-height:28px; margin:20px 0 0 20px}
section.sub_gnb > div > ul > li:nth-child(2) {margin-left:210px; padding:15px 0px 15px 0px} 

section.sub_gnb > div > ul > li:nth-child(2) > div { width:100%; position:absolute; text-align:center; height:auto; left:0; z-index:100 }
section.sub_gnb > div > ul > li:nth-child(2) > div > div { width:1160px; margin:0 auto; height:auto; position:relative }

section.sub_gnb > div > ul > li:nth-child(2) > div > div > div > span{margin: 0 20px 0 35px}




section.sub_gnb > div > ul > li:nth-child(3){float:right; margin:0 20px 0 0; }
section.sub_gnb > div > ul > li:nth-child(3) > ul > li{font-size:14px; line-height:18px; margin-top:30px}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li > span{width:1px; height:20px; display:block; float:right; margin:0 15px}


/*모바일 메뉴 안보이게*/
section.mb_menubar{display:none}
section.mb_menu {display:none}

/* 로그인 관련메뉴 */
/*앱 다운로드 이미지*/
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img{margin-top:22px}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > div{margin-left:20px;}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > div > img{cursor:pointer}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info {width:240px; height:205px; position:fixed; right:20px; top:50px; padding:0; border-radius:3px; display:none;padding-top:10px;}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li{ border:none; border-bottom:1px solid #c9caca; height:65px; line-height:65px;}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li:nth-child(1){height:5px; border-bottom:none}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li:nth-child(2){border-radius:5px 5px 0 0}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li > p{float:right; height:5px; margin-right:20px; width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li > img{margin:20px 15px; float:left}
section.sub_gnb > div > ul > li:nth-child(3) > ul > li.mp_img > ul.login_info > li:last-child{border:none; border-radius:0 0 5px 5px}


/*gnb 계정정보*/
section.gnb > ul.myinfo > li > p{float:left}
section.gnb > ul.myinfo > li > ul {clear:both; display:none}


/*paging*/
.paging_wrap{width:305px; margin:0 auto; padding:30px 0 0 0; height:35px; overflow:hidden}
.paging_wrap li{width:33px; height:33px; line-height:31px; border:1px solid #efefef; margin-left:10px; border-radius:3px; cursor:pointer}
.paging_wrap li:first-child{margin-left:0}
.paging_wrap li.paging_active{border:1px solid #e23422; color:#e23422}
.paging_wrap li:hover {background:#e23422; border:1px solid #e23422; color:#fff }




/*메인 문구*/
/*section.main_bg { margin-top:70px}*/
section.main_bg { margin-top:70px; height:490px; }
.slick-track{display:none}

/*0623 추가*/
section.main_bg > div#travel_fade > div > div > div {width:100%; height:490px; background:no-repeat center center; background-size:cover}
section.main_bg > div#travel_fade > div > div > div.travel_slide0{background-image:url('../img/main_test00.jpg');}
section.main_bg > div#travel_fade > div > div > div.travel_slide1{background-image:url('../img/main_test01.jpg');}
section.main_bg > div#travel_fade > div > div > div.travel_slide2{background-image:url('../img/main_test02.jpg');}
section.main_bg > div#travel_fade > div > div > div.travel_slide3{background-image:url('../img/main_test03.jpg');}
/*0623 추가끝*/
section.main_bg > div.main_text {position:absolute; top:220px; width:100%; z-index:11}
section.main_bg > div.main_text > p:nth-child(1){font-size:24px; line-height:24px; font-weight:bold}
section.main_bg > div.main_text > p:nth-child(2){padding:24px 0 45px 0 ; font-size:20px; line-height:20px;}


/*메인 검색창*/
section.main_bg > div.main_search{position:absolute; top:370px; left:50%; width:695px; margin-left:-347.5px; ;}
section.main_bg > div.main_search > input{text-align:center; width:646px; height:43px; border:none; float:left; font-size:16px }
section.main_bg > div.main_search > input:focus-visible {outline:none}
section.main_bg > div.main_search > button {width:45px; height:45px; float:left; border:none; cursor:pointer}
section.main_bg > div.main_search > div {width:100%; height:auto; margin:55px 0 0 0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.5); }
section.main_bg > div.main_search > div > ul {position:relative; margin-top:45px; z-index:100; overflow-x:hidden; overflow-y:scroll; max-height:420px}
section.main_bg > div.main_search > div > ul > li > p{float:left; width:219px; height:60px; line-height:60px; border:1px solid #c9caca; border-top:none; cursor:pointer; text-indent:25px;}
section.main_bg > div.main_search > div > ul > li > span{float:left; width:14px; height:17px; background:url('../img/ca_check.png'); margin:24px 0 0 -1px;  display:none }
section.main_bg > div.main_search > div > ul > li > p:hover{background:#efefef}
section.main_bg > div.main_search > div > ul > li > ul{position:absolute; left:230px; top:0; width:463px; display:none; z-index:99}
section.main_bg > div.main_search > div > ul > li:first-child > ul{display:block}
section.main_bg > div.main_search > div > ul > li > ul > li{line-height:24px; white-space: normal; font-size:14px; padding:20px 0}
section.main_bg > div.main_search > div > ul > li > ul > li:hover > a{color:#e02511}


/*메인 컨텐츠 상단 문구*/
section.main_info { border-bottom:1px solid #c9caca}
section.main_info > ul.web_info{width:1160px; margin:0 auto}
section.main_info > ul.web_info > li{ width:386px; padding:22px 0; border-right:1px solid #c9caca}
section.main_info > ul.web_info > li:last-child{border-right:none}
section.main_info > ul.web_info > li > img, section.main_info > ul > li > div{float:left}
section.main_info > ul.web_info > li > img{height:75px; width:auto; padding:0 0 0 20px;}
section.main_info > ul.web_info > li > div{padding:0 0 0 14px; }
section.main_info > ul.web_info > li > div > p{font-weight:bold; min-height:18px; line-height:18px; word-spacing:1px;padding:15px 0 0 0}
section.main_info > ul.web_info > li > div > span{word-spacing:0px; letter-spacing:-2px; min-height:14px; line-height:14px; display:block; padding:5px 0 0 0}
section.main_info > ul.mobile_info{display:none}


/*서브 상단 */
section.sub_bg{padding-top:70px}
section.sub_bg > div.sub_img{position:relative; height:490px; background:no-repeat center center; background-size:cover}
section.sub_bg > div.sub_img01{background-image:url('../img/sub_img02.jpg');}
section.sub_bg > div.sub_img02{background-image:url('../img/sub_img01.jpg');}
section.sub_bg > div.sub_img03{background-image:url('../img/sub_img03.jpg');}
section.sub_bg > div.sub_text {position:absolute; top:350px; left:0%; width:100%; text-align:center}
section.sub_bg > div.sub_text strong{font-size:60px; line-height:40px; font-weight:bold}
section.sub_bg > div.sub_text > p:nth-child(2){font-size:28px; line-height:28px; padding:45px 0 0 0}


/*content 영역*/
div.content_wrap{width:100%; overflow-x:hidden; padding:0px 0 0 0}
div.content{width:1160px; margin:0 auto; clear:both; overflow-x:hidden}
div.content .tit {text-align:center}
div.content .tit h2 {font-size:28px; line-height:28px; padding:50px 0 25px; display:inline-block}
div.content .tit.tit_more h2 {margin-left:100px}
div.content .tit .btn_more{float:right; display:block; margin-top:50px; border-radius:3px; min-width:130px;line-height:37px}
div.content .tit .btn_more:hover{background:#595757}



/*1603삭제 p#like { cursor:pointer }*/


/*가격비교 표*/
section.index4 {padding-bottom:60px}
section.travel_table .info_txt {padding:20px; border-top:1px solid #efefef}
section.travel_table .info_txt + strong,
section.travel_table #tbl_list1 + a {background:#efefef; display:block; line-height:50px; border-style:solid; border-color:var(--color-border)}
section.travel_table .info_txt + strong {padding:0 20px; border-width:1px 1px 0}
section.travel_table #tbl_list1 + a {text-align:center; font-weight:bold; border-width:0px 1px 1px; cursor:pointer; margin-top:-4px}
section.travel_table #tbl_list1 {border-width:1px 1px 0; border-style:solid; border-color:var(--color-border); box-sizing:border-box}
section.travel_table #tbl_list1 li {padding:15px; border-bottom:1px solid var(--color-border)}
section.travel_table #tbl_list1 li:hover {background:#efefef}
section.travel_table #tbl_list1 div:not(:last-child) {float:left}
section.travel_table #tbl_list1 div.tbl_price {float:right; color:#68af68}

section.travel_table #tbl_list1 .tbl_img {width:55px; height:55px; border-radius:50%; background:center/cover no-repeat #efefef}
section.travel_table #tbl_list1 .tbl_content {padding:0 20px; width:calc(100% - 200px)}
section.travel_table #tbl_list1 .tbl_price {line-height:55px; font-size:20px}







/*tooravel 소개 tab*/
/*1603추가*/section.about_tab > ul{overflow:hidden; position:relative; height:650px/*임의값*/}
section.about_tab > ul > li{height:60px; padding:0 50px}
section.about_tab > ul > li > a > span{display:block; height:55px; line-height:55px; font-size:14px; box-sizing:border-box;}
section.about_tab > ul > li > a > span:hover{border-bottom:3px solid #e03725; }
/*1603삭제 section.about_tab > ul > li > p{width:160px; height:5px; margin:0 auto; display:none}*/
section.about_tab > ul > li > div.tab_content {position:absolute; width:100%; height:500px; left:0; top:100px; display:none}




/*상품 카드 타입1*/
ul.card_type1 > li{height:215px }
ul.card_type1 > li > a > div{position:relative; height:195px; overflow:hidden; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }

/*0623수정*/
ul.card_type1 > li > a > div > div{position:absolute; left:0; top:0; right:0; bottom:0}
ul.card_type1 > li > a > div > div.card_type1_img {width:100%; height:200px; margin:0; overflow:hidden}
ul.card_type1 > li > a > div > div.opacity{position:absolute;left:0; top:0; width:100%; height:195px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4; filter:alpha(opacity=40); }
ul.card_type1 > li > a > div > div.card1_text {padding:50px; text-align:center; line-height:normal}
ul.card_type1 > li > a > div > div.card1_text strong {display:block; font-size:22px; padding:20px 0 10px}
ul.card_type1 > li > a > div > div.card1_text > p{letter-spacing:3px}

ul.card_type1 > li > a > div > div.card_type1_img > img { width:100%; height: 100px; object-fit: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ul.card_type1 > li > a:hover > div { box-shadow:5px 5px 10px #c8c8c8; }
ul.card_type1 > li > a:hover > div > div.card_type1_img > img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)  }
ul.card_type1 > li > a:hover > div > div.opacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);  } 
/*0623수정끝*/

/*상품 카드 타입2*/
ul.card_type2 > li{height:330px}


/*0623수정*/
ul.card_type2 > li > a > div{height:316px; width:100%; overflow:hidden; position:relative; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
ul.card_type2 > li > a > div > div.opacity{position:absolute;left:0; top:0; width:100%; height:200px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4; filter:alpha(opacity=40);}
ul.card_type2 > li > a > div > img{position:absolute; left:40%; top:20%}
ul.card_type2 > li > a > div > div.card2_text{width:328px; height:115px; border:1px solid #efefef; border-top:none; padding:0 20px;  border-radius:5px 5px 0px 0px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;}
ul.card_type2 > li > a > div > div.card2_text > p {padding:10px 0 0 0; min-height:14px; line-height:14px;}
ul.card_type2 > li > a > div > div.card2_text > p:nth-child(1){width:100%; }
ul.card_type2 > li > a > div > div.card2_text > p:nth-child(2){width:100%; padding:5px 0 0 0}
ul.card_type2 > li > a > div > div.card2_text > p:nth-child(3){font-size:14px; min-height:18px; height:45px; line-height:22px; word-spacing:-2px; white-space:normal; text-overflow:ellipsis; overflow:hidden; font-weight:bold}
ul.card_type2 > li > a:hover > div {box-shadow:5px 5px 10px #c8c8c8}
ul.card_type2 > li > a > div > div.card_type2_img { width:370px; height: 200px; overflow:hidden;border-top-left-radius:5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;border-top-right-radius:5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;  }
ul.card_type2 > li > a:hover > div > div.card_type2_img > img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)  }
ul.card_type2 > li > a:hover > div > div.opacity{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;filter:alpha(opacity=60); }
ul.card_type2 > li > a div.card_type2_img > img { width:370px; height:200px;   object-fit: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

/*0623수정끝*/


/*상품 카드 타입3*/
ul.card_type3 > li {width:370px; height:330px; /*margin:20px 0 10px 0;*/ position:relative;}
/*
ul.card_type3 > li:nth-child(3n){margin:20px 0 10px 20px}
ul.card_type3 > li:nth-child(3n+1){margin:20px 20px 10px 0}
*/
ul.card_type3 > li > a {line-height:0}
ul.card_type3 > li > a > div {width:100%; height:316px; overflow:hidden;border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }

/*0623수정*/
ul.card_type3 > li > a > div > div.opacity{position:absolute;left:0; top:0;width:100%; height:200px;-webkit-gradient:(linear, left top, left bottom, from(transparent), to(#000));-ms-linear-gradient:(top, transparent, #000);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#000'); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4; filter:alpha(opacity=40); }
ul.card_type3 > li > a > div > div:nth-child(3){position:absolute;width:100%; top:100px}
ul.card_type3 > li > a > div > div:nth-child(3) > p{font-size:28px; line-height:55px}

ul.card_type3 > li > a > div > p{position:absolute; right:20px; top:10px; font-size:24px; z-index:8}
ul.card_type3 > li > a > div > p.heartblock{display:none}
ul.card_type3 > li > a > div > div.card3_text {height:115px; border:1px solid #efefef; border-top:none; padding:0; }
ul.card_type3 > li > a > div > div.card3_text > p{padding:20px 20px 0; min-height:14px; line-height:14px;}
ul.card_type3 > li > a > div > div.card3_text > p > span{ float:left; margin:0; padding-right:5px }
ul.card_type3 > li > a > div > div.card3_text > p:last-child{font-size:14px; min-height:18px; height:45px; line-height:22px; word-spacing:-2px; white-space:normal; text-overflow:ellipsis; overflow:hidden; font-weight:bold}
ul.card_type3 > li > a > div > div.card3_text > p.text_img { padding:0px 20px 0px }

ul.card_type3 > li > a > div > div.card3_text > ul.company, ul.card_type3 > li > a > div > div.card3_text > ul.company > li { height:50px; line-height:50px }
ul.card_type3 > li > a > div > div.card3_text > ul.company, ul.card_type3 > li > a > div > div.card3_text > ul.company > li > p > span { padding:0px 5px 0px 0px }
ul.card_type3 > li > a > div > div.card3_text > ul.company > li > p:nth-child(1) { line-height:22px; font-size:16px;padding:5px 40px 0 0px }
ul.card_type3 > li > a > div > div.card3_text > ul.company > li > p:nth-child(2) { line-height:20px; }
ul.card_type3 > li > a > div > div.card3_text > ul.company > li:nth-child(1) > img { width:40px; height:40px }
ul.card_type3 > li > a > div > ul.card3_2{position:absolute; height:auto; top:110px; padding:0 15px}
ul.card_type3 > li > a > div > ul.card3_2 > li{min-height:16px; line-height:20px}
ul.card_type3 > li > a > div > ul.card3_2 > li:nth-child(2) > span{display:inline-block; width:82%; overflow:hidden; font-size:13px; text-overflow:ellipsis;}
ul.card_type3 > li > a > div > ul.card3_2 > li:nth-child(2) > strike{float:right; font-size:13px}
ul.card_type3 > li > a > div > ul.card3_2 > li:nth-child(3) > span.price{float:right; font-size:16px}
ul.card_type3 > li > a > div > div.card3_2_text {position:relative; height:115px; border:1px solid #efefef; border-top:none; padding:0; }
ul.card_type3 > li > a > div > div.card3_2_text > p{font-size:14px; margin:0 0 5px 0; line-height:22px; overflow:hidden; text-overflow:ellipsis;  padding:10px 40px 0 20px; font-weight:bold}
ul.card_type3 > li > a > div > div.card3_2_text > p:nth-child(2){position:absolute; top:0; right:-28px}
ul.card_type3 > li > a > div > div.card3_2_text > span{font-size:14px; line-height:18px; padding:0 20px; display:inherit; overflow:hidden; text-overflow:ellipsis;}
ul.card_type3 > li > a > div > div.card3_2_text > ul{height:auto; padding:10px 20px}
ul.card_type3 > li > a > div > div.card3_2_text > ul > li {line-height:18px}
ul.card_type3 > li > a > div > div.card3_2_text > ul > li > p{font-size:12px;}
ul.card_type3 > li > a > div > div.card3_2_text > ul > li:nth-child(2){line-height:45px; font-size:12px}
ul.card_type3 > li > a > div > div.card3_2_text > ul > li:nth-child(2) > span{margin:0 2px}
ul.card_type3 > li > a > div > div.card3_3_text {padding:0 20px}
ul.card_type3 > li > a > div > div.card3_3_text > div{float:left; margin:15px 0 10px 0}
ul.card_type3 > li > a > div > div.card3_3_text > div:nth-child(1){float:left; width:40px; height:40px; border-radius:50px}
ul.card_type3 > li > a > div > div.card3_3_text > div:nth-child(2){padding:0 0 0 20px}
ul.card_type3 > li > a > div > div.card3_3_text > div > p{line-height:18px}
ul.card_type3 > li > a > div > div > span { font-size:16px }
ul.card_type3 > li > a > div > div.card_type3_img { width:370px; height: 200px; overflow:hidden;border-top-left-radius:5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;border-top-right-radius:5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;  }
ul.card_type3 > li > a > div > div.card_type3_img > img { width:370px; height:200px;   object-fit: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
ul.card_type3 > li > a:hover > div {box-shadow:5px 5px 10px #c8c8c8}
ul.card_type3 > li > a:hover > div > div.card_type3_img > img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)  }
ul.card_type3 > li > a:hover > div > div.opacity{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
/*0623수정끝*/


/*20231127 새타입 추가 hjs*/
.content ul[class*=col] {display:inline-block; min-width:100%}
.content ul[class*=col] li {line-height:inherit}
.content ul[class*=col] a:not(.more) {width:100%; height:100%; display:inline-block}
.content ul[class*=col] .img {background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:5px; position:relative}
.content ul[class*=col] .img_bg {width:100%; height:100%; background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); opacity:0.7}
.content ul[class*=col] .img_txt{color:#fff; position:absolute}
.content ul[class*=col] .img_txt .bage {padding:0 10px; border-radius:6px}
.content ul[class*=col] .img_txt .bage_yellow {background-color:var(--color-yellow)}
.content ul[class*=col] .img_txt .bage_tomato {background-color:var(--color-tomato)}
.content ul[class*=col] .img_txt .bage_red {background-color:var(--color-red)}
.content ul[class*=col] .img_txt .bage_crimson {background-color:var(--color-crimson)}
.content ul[class*=col] .img_txt .bage_blue {background-color:var(--color-blue)}



.content ul.col4 { width:calc(100% + 20px); margin-left:-20px}
.content ul.col4 li {width:calc(25% - 20px); margin-left:20px;}
.content ul.col3 { width:calc(100% + 20px); margin-left:-20px}
.content ul.col3 li {width:calc(33.33% - 20px); margin-left:20px;}

ul.new_card li .img:hover{-webkit-transform:scale(1.1)}
ul.new_card li {height:270px; overflow:hidden; border-radius:5px}
ul.new_card li .img_txt.left {left:20px; top:20px}
ul.new_card li .img_txt.right {right:30px; bottom:30px; text-align:right}
ul.new_card li .img_txt strong {font-size:22px; padding-bottom:10px; display:inline-block}
ul.new_card li .img {-webkit-transform:scale(1); transition:all 0.2s ease-in-out}


ul.card_review li {height:300px; box-shadow:0 0px 10px 0 rgba(0,0,0,0.1)}
ul.card_review .img{height:200px; text-align:center}
ul.card_review .img_txt {width:100%; top:calc(50% - 15px); font-size:22px}
ul.card_review .img + .txt {height:69px; padding:15px; border-width:0 1px 1px 1px; border-style:solid; border-color:#ebebeb; border-radius:0 0 5px 5px}
ul.card_review .img + .txt .info {height:15px; padding-bottom:15px}
ul.card_review .img + .txt .info *:not(.date) {float:left}
ul.card_review .img + .txt .info .date {float:right; color:var(--color-grey400)}
ul.card_review .img + .txt .country {color:var(--color-red); display:inline-block; position:relative; padding-right:20px}
ul.card_review .img + .txt .country:after {content:'|'; position:absolute; right:10px}
ul.card_review .img + .txt .info + p {text-overflow:ellipsis; white-space:initial; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; height:39px; font-size:14px}

/*//20231127 새타입 추가 hjs*/




/*카테고리 + prd*/
.category{overflow:hidden; min-height:592px; width:250px; display:inline-block; padding-top:20px; float:left}
.category .ca_hover{clear:both; position:relative; width:100%; height:50px; text-align:center; font-size:14px }
.category .ca_hover:nth-child(1){margin-bottom:20px}
.category .ca_hover:nth-child(1),
.category .ca_hover:nth-child(2){border-top:1px solid #efefef}
.category .ca_hover p {position:relative; border-width:0px 1px 1px 1px; border-style:solid; line-height:50px; cursor:pointer}
.category .ca_hover:not(.active) p{ border-color:#efefef}
.category .ca_hover.active p{background:var(--color-red); color:var(--color-white); border-color:var(--color-red)}
.category .ca_hover ul{position:absolute; z-index:11; width:auto;height:auto; display:none;border-top:1px solid #efefef;border-bottom:1px solid #efefef }
.category .ca_hover ul > li{width:288px; min-height:30px; line-height:28px; padding:10px 20px; overflow:hidden; white-space:normal; font-size:14px; border:1px solid #efefef; border-top:none; border-bottom:none;box-sizing:border-box}
.category .ca_hover ul > li:hover{color:#e02511; cursor:pointer}

.category + .sub_prd {width:calc(100% - 300px); float:right; padding:0 0 0 50px}
.category + .sub_prd .new_card li{margin-top:20px}


.category.bs_category {padding-top:123px}

.category + .sub_prd ul:not(.card_review, .paging_wrap) {height:870px}
.category + .sub_prd .cmp_content:not(.active) {display:none}
.category + .sub_prd .cmp_content.active {display:block}
.category + .sub_prd .cmp_content ul:not(.paging_wrap) li {margin-top:20px}

.index10 {height: calc(100vh - 204px);}
.index10 .sub_prd {height:100%}
.index10 .sub_prd .cmp_content {height:calc(100% - 103px)}
.index10 .sub_prd .border-box {margin-top:20px;}
.index10 .sub_prd .border-box textarea {width:100%; height:100%; border:1px solid #efefef; outline: none;padding:0 50px}

/*계정설정*/
section.myinfo {width:1158px; height:631px; margin:0 auto; border:1px solid #c9caca; margin-top:120px; margin-bottom:50px;overflow: hidden;}
section.myinfo * {box-sizing: border-box;}
section.myinfo > div {float:left}
section.myinfo > div:nth-child(1) {width:309px;height:100%;border-right:1px solid #c9caca;}
section.myinfo > div:nth-child(1) > ul > li {height:18px; line-height:18px; margin:15px 0 15px 50px}
section.myinfo > div:nth-child(1) > ul > li:nth-child(1) {margin:19px 0 23px 0px}
section.myinfo > div:nth-child(1) > ul > li > span {width:5px; height:40px; display:inline-block; float:left}
section.myinfo > div:nth-child(1) > ul > li > a > p {float:left; line-height:40px; padding-left:40px; font-size:18px}
/* section.myinfo > div:nth-child(2) > ul > li {margin:0px 40px; padding:20px 0;}
section.myinfo > div:nth-child(2) > ul > li:nth-child(1) {border-bottom:1px solid #c9caca; margin:0 20px; width:96%;font-size:18px}
section.myinfo > div:nth-child(2) > ul > li:nth-child(3) {padding:5px 0 20px 0}
section.myinfo > div:nth-child(2) > ul > li:nth-child(3) > p{line-height:14px}
section.myinfo > div:nth-child(2) > ul > li:nth-child(3) > input{width:280px; height:45px; margin:20px 0 0 0; border:1px solid #efefef}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) {padding:20px 0 0 0}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul{clear:both}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul:nth-child(1) > li:nth-child(1){width:100px; height:14px; line-height:14px}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul:nth-child(1) > li:nth-child(2){width:170px; height:14px; line-height:14px; margin:0 0 0 50px}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul:nth-child(2) > li{padding:20px 0 0 0}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul:nth-child(2) > li:nth-child(1) > select{width:98px; height:43px; border:1px solid #efefef}
section.myinfo > div:nth-child(2) > ul > li:nth-child(4) > ul:nth-child(2) > li:nth-child(2) > input{width:168px; height:39px; border:1px solid #efefef; margin:0 0 0 50px}
section.myinfo > div:nth-child(2) > ul > li:nth-child(5) > select{width:168px; height:39px; border:1px solid #efefef}
/* section.myinfo > div:nth-child(2) > ul > li:last-child > button{border:none; width:120px; height:45px; border-radius:3px; cursor:pointer} */
section.myinfo .myinfo_menu {width:848px;padding:30px 40px;height:100%;}
section.myinfo .myinfo_menu h5 {font-size:18px;margin:0; padding-bottom:30px;border-bottom:1px solid #c9caca;}
section.myinfo .myinfo_menu > div { overflow: auto;height:calc(100% - 55px);padding-top:30px;width:100%; }
section.myinfo .myinfo_menu ul {width:50%;}
section.myinfo .myinfo_menu ul > li {width:100%; padding:15px 0;}
section.myinfo .myinfo_menu ul > li:first-child {padding-top:0; }
section.myinfo .myinfo_menu ul > li > div.image-upload{width:100px; height:100px; border-radius:100px}
section.myinfo .myinfo_menu ul > li > div.image-upload > label > img{width:75px; height:70px; margin:30px 0 0 20px}
section.myinfo .myinfo_menu ul > li > div.image-upload > input{display:none}
section.myinfo .myinfo_menu ul > li > div {position: relative;}
section.myinfo .myinfo_menu ul > li > div label {display: inline-block;margin-bottom:5px;}
section.myinfo .myinfo_menu ul > li input + .btn {position: absolute; right: -130px;top: 20px;}
section.myinfo .myinfo_menu div.btn_area {float:right;}
section.myinfo .myinfo_menu .btn {width:120px; border-radius: 3px;height:40px; line-height: 40px;}
section.myinfo .myinfo_menu input,
section.myinfo .myinfo_menu select {display:block; width:100%; height:40px;line-height:40px; padding:0 10px; outline: none;border-radius: 3px;border: 1px solid #c9caca;}
section.mywish { width:1160px; height:100%;margin:0 auto; margin-top:120px; margin-bottom:50px}
section.mywish > div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #cacaca;overflow: hidden; }
section.mywish > div > div { float:left } 
section.mywish > div > div:nth-child(1){width:309px; height:100%;}
section.mywish > div > div:nth-child(2){width:846px; height:100%; border-left:1px solid #cacaca; padding-bottom:30px}
section.mywish > div > div:nth-child(2) > ul:nth-child(1) > li{border-bottom:1px solid #c9caca; margin:0 20px; width:96%; padding:20px 0}
section.mywish > div > div:nth-child(2) > ul:nth-child(2) > li:nth-child(odd) {margin:35px 0 0px 35px}
section.mywish > div > div:nth-child(2) > ul:nth-child(2) > li:nth-child(even) {margin:35px 20px 0px 35px}
section.mywish > div > div:nth-child(1) > ul > li{height:18px; line-height:18px; margin:15px 0 15px 40px; }
section.mywish > div > div:nth-child(1) > ul > li.tomato{margin:19px 0 23px 0px}
section.mywish > div > div:nth-child(1) > ul > li > span{width:5px; height:40px; display:inline-block; float:left}
section.mywish > div > div:nth-child(1) > ul > li > a{font-size:14px; line-height:18px}
section.mywish > div > div:nth-child(1) > ul > li > a > p{float:left; line-height:40px; font-size:18px}
section.mywish > div > div:nth-child(1) > ul > li.tomato > a > p{float:left; line-height:40px; padding-left:35px; font-size:18px}

/*로그인*/
section.login{width:850px; margin:0 auto;}
section.login > div{width:50%; height:585px; margin:120px auto 50px; padding:0 25%}
section.login > div > ul {width:400px; height:auto; margin:0 auto;}
section.login > div > ul:nth-child(1) {padding:50px 0 0 0}
section.login > div > ul > li:nth-child(1){height:75px; border-bottom:1px solid #efefef}
section.login > div > ul > li:nth-child(2){padding:30px 0 0 0; line-height:27px}
section.login > div > ul > li:nth-child(3){height:71px}
section.login > div > ul > li:nth-child(4){padding:20px 0 0 0; line-height:27px}
section.login > div > ul > li:nth-child(5){height:71px}
section.login > div > ul > li > p{border-radius:3px; font-size:14px; height:45px; line-height:45px}
section.login > div > ul > li > button{width:100%; border:none;border-radius:3px; font-size:14px; height:45px; line-height:45px; cursor:pointer}
section.login > div > ul > li > span{font-size:14px; display:block; line-height:16px}
section.login > div > ul > li > input[type=text], section.login > div > ul > li > input[type=email], section.login > div > ul > li > input[type=password]{width:400px; height:41px; border-radius:3px; border:1px solid #c9caca; text-indent:20px}
section.login > div > ul > li > span.mail_alert{display:none; font-size:12px; margin:10px 0 0 0}
section.login > div > ul > li > span.password_alert{display:none; font-size:12px; margin:10px 0 0 0}
section.login > div > ul:nth-child(2) > li{padding:10px 0 0 0; font-size:12px; height:55px}
section.login > div > ul:nth-child(4) > li{border-bottom:none; margin:15px 0 0 0}
section.login > div > ul:nth-child(4) > li > span{line-height:18px}
section.login > div > ul:nth-child(4) > li:nth-child(2){padding:0}
section.login > div > ul:nth-child(4) > li:nth-child(2) > a > p{height:45px; line-height:45px;  border-radius:3px; border:1px solid #c9caca}


/*가입하기*/
section.singup{width:850px; margin:0 auto;}
section.singup > div{width:50%; height:585px; margin:120px auto 50px; padding:0 25%}
section.singup > div > ul {width:400px; height:auto; margin:0 auto;}
section.singup > div > ul > li > p{border-radius:3px; font-size:14px; height:45px; line-height:45px}
section.singup > div > ul > li > button{width:100%; border:none; border-radius:3px; font-size:14px; height:45px; line-height:45px; cursor:pointer}

section.singup > div > ul > li > span{font-size:14px; display:block; line-height:16px}
section.singup > div > ul > li > input[type=text], 
section.singup > div > ul > li > input[type=email], section.singup > div > ul > li > input[type=password]{width:400px; height:41px; border-radius:3px; border:1px solid #c9caca; text-indent:20px; margin-top:10px}
/*0613추가*/section.singup > div > ul > li > span.mail_alert{display:none; font-size:12px; margin:10px 0 0 0}
section.singup > div > ul > li > span.password_alert{display:none; font-size:12px; margin:10px 0 0 0}
section.singup > div > ul:nth-child(1) {padding:50px 0 0 0}
section.singup > div > ul:nth-child(1) > li:nth-child(1){height:75px}
section.singup > div > ul:nth-child(1) > li:nth-child(3){height:71px}
section.singup > div > ul:nth-child(1) > li:nth-child(4){padding:10px 0 0 0}
section.singup > div > ul:nth-child(1) > li:nth-child(5){height:71px}
section.singup > div > ul:nth-child(1) > li:nth-child(6){padding:30px 0 0 0; line-height:27px}
section.singup > div > ul:nth-child(1) > li:nth-child(7) > p{font-size:12px; letter-spacing:-1px; height:55px}
section.singup > div > ul:nth-child(2) > li {border-top:1px solid #efefef; padding:15px 0 0 0; font-size:12px; height:55px}
section.singup > div > ul:nth-child(2) > li:nth-child(1) > span {line-height:35px}
section.singup > div > ul:nth-child(2) > li:nth-child(2) > a {line-height: 45px; border-radius: 3px; border: 1px solid #c9caca; }


/* index13_2  제휴문의 */
.index13_2 .info_txt {padding-bottom:10px; border-bottom:1px solid var(--color-border)}
.index13_2 .form_area .w_50 {width: calc(50% - 20px)}
.index13_2 .form_area li {height:40px; line-height:40px; margin-bottom:20px; }
.index13_2 .form_area .form_input {width: calc(100% - 85px); float:right;}
.index13_2 .form_area .input_box {width:100%; height:40px; line-height: 40px; padding:0 10px; border:1px solid #efefef;}

/*홍보영상*/
section.travel_movie{width:100%; height:380px; overflow:hidden; position:relative; margin-top:50px; background:center/ cover url('../img/main_move.jpg') no-repeat}
section.travel_movie > ul{position:absolute; top:90px; left:50%; width:490px; height:auto; margin-left:-245px}
section.travel_movie > ul > li{font-size:28px; min-height:28px; line-height:28px;}
section.travel_movie > ul > li:nth-child(1){font-size:48px; height:48px; line-height:48px; margin:0 0 25px 0}
section.travel_movie > ul > li:nth-child(3){margin:10px 0 20px 0}
section.travel_movie > ul > li:nth-child(4) > a{font-size:45px}


/*footer 영역*/
footer{width:100%; margin:60px 0 0 0}
footer ul {width:1160px; margin:0 auto; overflow:hidden}
footer .ft_link {border-width:1px 0; border-style:solid; border-color:var(--color-border)}
footer .ft_link li{position:relative; padding-right:1px; text-align:center; line-height:50px; color:var(--color-border)}
footer .ft_link li:first-child:before {width:1px; height:50%; content:''; position:absolute; left:0; top:25%; background-color:var(--color-border)}
footer .ft_link li:after {width:1px; height:50%; content:''; position:absolute; right:0; top:25%; background-color:var(--color-border)}
footer .ft_info {padding:15px 0}
footer .ft_info * {font-size:12px}
footer .ft_info ul li {line-height:1.8 }
footer .ft_info span {position:relative; padding:0 10px}
footer .ft_info span:not(:last-child):after {width:1px; height:50%; content:''; position:absolute; right:-1px; top:25%; background-color:#808080}
.travel_movie ~ footer {margin-top:0}



/*magazine팝업*팝업*/
.lity-active {overflow:hidden}
.lity-container iframe {background-color:var(--color-white); overflow:hidden}
.lity-container .lity-close {right:500px; top:90px; font-size:50px}
.popup {width:calc(100% - 60px); height:732px; padding:30px; font-size:18px; overflow-y:hidden}
.popup .tit{min-height:50px; line-height:50px; font-weight:bold; border-bottom:1px solid var(--color-border); font-size:13px}
.popup .body {height:calc(100% - 50px); overflow:hidden auto}
.popup .prd_cont {display:block; width:100%}
.popup .prd_cont .info {width:calc(100% - 250px); min-height:100%; padding:15px 20px 0 0}
.popup .prd_cont .info p {padding-bottom:10px}
.popup .prd_txt {padding-top:15px}
.popup .prd_txt p {padding-bottom:10px}
.popup .prd_cont .reserve{width:250px; height:100%; position:relative}
.popup .prd_cont .reserve .reserve_fix {position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--color-grey400); display:flex; align-items:center; justify-content:center}
.popup .prd_cont .reserve .reserve_fix > div {width:80%; margin:0 auto}
.popup .prd_cont .reserve .reserve_fix a:last-child {margin-top:15px}

/*modal 공통*/
.modal_show{width:100%; height:100%; overflow:hidden}
.modal {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:101; display:none}
.modal.show {display:block}
.modal > .btn_close { position:fixed; outline:none; border:none; background-color:transparent; color:var(--color-white); font-size:24px; font-weight:bold; top:30%; left:80%}
.modal .wrap {display:flex; align-items:center; height:calc(100% - (80px * 2) ); margin:80px auto; overflow:hidden}
.modal .wrap.sm {width:400px}
.modal .wrap.md {width:800px}
.modal .wrap.lg {width:1000px}
.modal .cont {width:100%; max-height:100%; background-color:var(--color-white); border-radius:10px; overflow:hidden; border:1px solid #595959; padding:0 30px}
.modal .cont .head {height:55px; line-height:55px; border-bottom:1px solid var(--color-border)}
.modal .cont .body {margin:20px 0 30px; max-height:calc(100vh - 270px); overflow-y:auto}


.modal_prd .prd_cont {display:inline-block; width:100%; position:relative}
.modal_prd .prd_cont .info {width:calc(100% - 260px); min-height:100%; padding:15px 260px 0 0}
.modal_prd .prd_cont .info p {padding-bottom:10px}
.modal_prd .prd_txt {padding-top:15px}
.modal_prd .prd_txt p {padding-bottom:10px}
.modal_prd .prd_cont .reserve{width:250px; height:100%; padding:0; position:absolute; right:0; top:0; display:flex; align-items:center}
.modal_prd .prd_cont .reserve > div {width:100%}


/*모바일 일때 필터*/
.mb_filter_wrap,
.mb_info {display:none}
section.mb_join{display:none}