@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean");
/* Reset */
* {
  outline: 0 !important;
  -moz-box-sizing: border-box;
} /*모바일에서만 사용한다. 예를들어 버튼터치 시 외곽라인 보이는 걸 없애준다.*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
blockquote,
pre,
code,
address,
ul,
ol,
li,
menu,
nav,
section,
article,
aside,
dl,
dt,
dd,
table,
thead,
tbody,
tfoot,
label,
caption,
th,
td,
form,
fieldset,
legend,
hr,
input,
button,
textarea,
object,
figure,
figcaption,
span,
div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
}
/*안드로이드와 아이폰 전용 접두어*/
/*
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
*/
body {
  width: 100%;
  background: #fff;
  min-width: 360px;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  word-break: break-all;
}
body,
select,
input,
textarea,
button {
  font-size: 16px;
  font-family: "Noto Sans KR", sans-serif;
  color: #333;
  letter-spacing: -0.5px;
}
button {
  border: none;
}
ul,
ol,
li {
  list-style: none;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
img,
fieldset {
  border: 0;
}
address,
cite,
code,
em {
  font-style: normal;
  font-weight: normal;
}
label,
img,
input,
select,
textarea,
button {
  vertical-align: middle;
}
.hide,
caption,
legend {
  line-height: 0;
  font-size: 1px;
  overflow: hidden;
}
hr {
  display: none;
}
main,
header,
section,
nav,
footer,
aside,
article,
figure {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
}

/* Form */
textarea {
  border: 1px solid #ddd;
}
select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ddd;
  background: #fff url(../images/arrow_upopen.png) no-repeat right 8px center;
  background-size: 14px auto;
}
select::-ms-expand {
  display: none;
}
input[type="tel"],
input[type="time"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="number"],
input[type="date"] {
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #333;
  border: 1px solid #ddd;
  background: #fff;
  text-indent: 8px;
  transition: all 0.5s;
  vertical-align: middle;
}
input::-webkit-input-placeholder {
  color: #c0c0c0;
  font-size: 17px;
  line-height: 100%;
}
textarea::-webkit-input-placeholder {
  color: #c0c0c0;
  font-size: 16px;
  line-height: 140%;
}
textarea {
  padding: 5px 0;
}

input[type="tel"][readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="search"][readonly],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled] {
  color: #666;
  -webkit-appearance: none;
  font-size: 16px;
}
textarea[readonly],
textarea[disabled] {
  padding: 11px;
  font-size: 16px;
  color: #666;
  font-weight: normal;
  line-height: 140%;
  height: 78px;
  background: #eaeaea;
  border: 1px solid #c0c0c0;
}

.dis-none {
  display: none !important;
}
.dis-block {
  display: block !important;
}

/* 헤더 */
.header {
  position: fixed;
  width: 100%;
  /* height: 185px; */
  height: 90px;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
  font-size: 1em;
}
.header .header_in2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 85px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.header .g_logo {
  display: block;
  float: left;
  margin-right: 28px;
}
.header .g_logo h1 img {
  display: block;
}
.header .newyear_logo {
  display: block;
  float: left;
  margin-right: 35px;
  position: relative;
  top: -40px;
}
/* 날짜지정 시작 */
.header .date_search_wrap{
  position:relative;
  border-radius: 30px;
  width:340px;
  height: 42px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px 0 18px;
  border: 1px solid #ddd;
}
.header .date_pick {
  width:16px;
  height: 16px;
  text-align: center;
  background: url("../images/header_new_ico_monthly.png") no-repeat center center / contain;
}
.header .date_pick font {
  display: inline-block;
  color: #1f5dfa;
  height: 28px;
  line-height: 28px;
  font-size: 15px;
  cursor: pointer;
}
.header .search_wrap {
  /*width: 284px;*/
  width: 100%;
  height: 32px;
}
.header .search_wrap form{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.header .search_wrap input[type="search"] {
  display: block;
  width: calc(100% - 40px);
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 5px;
  border: none;
  font-size: 14px;
}
.header .search_wrap input[type="search"]::-webkit-input-placeholder {
  /* color: #c0c0c0; */
  font-family: 'Noto Sans Korean';
  font-size: 13px;
  line-height: 100%;
}
.header .search_wrap .search_btn {
  width: 18px;
  height: 18px;
  background: url("../images/header_new_ico_search.png") no-repeat center center / contain;;
  font-size: 0;
}
.header_middle_right {display: flex;align-items: center;justify-content: space-between;width:225px;}
.header_middle_right .ico_user{
  width:36px;
  height:27px;
  background: url("../../common/images/tab/ico_user.png") no-repeat center center / contain;
  position: relative;
}
.header_middle_right .ico_user.on, .header_middle_right .ico_user:hover{background: url("../../common/images/tab/ico_user_on.png") no-repeat center center / contain;cursor:pointer;}


.header_middle .toggle{position: absolute; left: 640px; display: flex; background-color: #1f5dfa; border-radius: 30px; padding:5px; font-size: 0.9em;}
.header_middle .toggle > div{border-radius: 30px; padding:4px 16px;}
.header_middle .toggle a{color: #fff;}
.header_middle .toggle .on{background-color: #fff;}
.header_middle .toggle .on > a{color: #1f5dfa;}


.header .h_4list {
  position: absolute;
  top:35px;
  right:-5px;
  display: flex;
  flex-direction: column;
  width:160px;
  background-color: white;
  padding: 10px 0;
  border-radius: 10px;
  box-shadow: 0 0 13px rgb(0 0 0 / 20%);
  /* box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); */
}
.header .h_4list li {
  height: 40px;
}
.header .h_4list li:hover{background-color: #f5f5f5;}
.header .h_4list li a {
  display: block;
  height: 100%;
  line-height: 40px;
  padding-left:20px;
}
.header .h_4list hr{display: block;height:1px;border:none;background-color:#dddddd;margin:10px 0;}
.header .counseling {
  display: flex;
  align-items: center;
}
.header .counseling img {
  display: block;
  width: 60px;
  height: 40px;
}
.header .counseling .tel_right {
  margin-left: 5px;
  font-weight: 500;
}
.header .counseling .tel_right p {
  line-height: 1;
}
.header .menu2 {
  display: block;
  width: 36px;
  height: 27px;
  background: url(../images/header_menu.png) no-repeat;
  font-size: 0;
}
.header .mypage_wrap {
  position: relative;
}
.header .mypage_wrap .count_bg {
  position: absolute;
  top: -4px;
  right: 48px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  background: #1f5dfa;
  border-radius: 50%;
}
.header .mypage_wrap .count_bg font {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.header .active2 {
  width: 36px;
  height: 27px;
  background: url(../images/header_close.png) no-repeat center center / contain;
  font-size: 0;
}
.header_wrap .hidden_under {
  width: 100%;
  /* height: 440px; */
  height: 335px;
  background: #fff;
  padding-top: 65px;
  position: fixed;
  top: 169px;
  left: 0px;
  z-index: 99;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
  display: none;
}
.header_wrap .hidden_under dl {
  font-size: 18px;
  /* width: 1191px; */
  width: 1415px;
  border-bottom: 1px solid #ddd;
  margin: 0 auto 35px;
  padding-bottom: 14px;
}
.header_wrap .hidden_under dl dt {
  float: left;
  font-size: 18px;
  font-weight: 500;
  padding-left: 5px;
  color: #000;
  margin-right: 43px;
  position: relative;
  width: 182px;
}
.header_wrap .hidden_under dl dt:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: -15px;
}
.header_wrap .hidden_under dl dd {
  float: left;
  margin-right: 30px;
}
.header_wrap .hidden_under dl dd a:hover {
  color: #1f5dfa;
}
.header_middle{width: 1191px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;}

.body_wrap {
  background: #f8f8f8;
}
.pd5416 {
  padding: 54px 16px 0;
}

/* 푸터 */
.footer {
  margin: 0px 0px 40px;
}
.footer .above_company {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  height: 60px;
  line-height: 60px;
}
.footer .company_wrap {
  width: 900px;
  margin: 0 auto;
}
.footer .company_wrap li {
  float: left;
  margin-right: 90px;
}
.footer .company_wrap li:last-child {
  margin-right: 0;
}
.footer .company_wrap li a {
  display: block;
}

.footer dl dt {
  font-weight: 700;
  margin-bottom: 4px;
}
.footer .counsel_wrap {
  border-bottom: 1px solid #ddd;
}
.footer .counsel {
  width: 1080px;
  margin: 30px auto 20px;
}
.footer .counsel .footer_map {
  width: 126px;
  float: left;
  position: relative;
  margin-right: 30px;
}
.footer .counsel .customer {
  width: 160px;
  float: left;
  margin-right: 30px;

}
.footer .counsel .customer dt span {
  background: url(../images/tel.png) no-repeat left center;
  background-size: 16px auto;
  padding-left: 18px;
  display: inline-block;
}
.footer .counsel .call_wrap {
  width: 200px;
  float: left;
  position: relative;
  margin-right: 30px;
}
.footer .counsel .call_etc dt span {
  background: url(../images/tel.png) no-repeat left center;
  background-size: 16px auto;
  padding-left: 18px;
  display: inline-block;
}
.footer .counsel .call_time dt {
  margin: 20px 0 0 0px;
}
.footer .counsel .call_time dt span {
  background: url(../images/headphone.png) no-repeat left center;
  background-size: 18px auto;
  padding-left: 21px;
  display: inline-block;
}
.footer .counsel .sns_wrap {
  float: left;
  position: relative;
  width: 500px;
  margin-top: 10px;
}
.footer .counsel .sns dt {
  margin: 0 0 10px 162px;
}
.footer .counsel .sns dt span {
  background: url(../images/speaker.png) no-repeat left center;
  background-size: 18px auto;
  padding-left: 21px;
  display: inline-block;
}
.footer .counsel .sns {
  margin-bottom: 20px;
  position:relative;
  width:500px;
  height:79px;
  margin-left:20px;
}
.footer .counsel .sns img {
  float:left;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 25px;
  margin-top: 5px;
  /* width: 40px;
  height: 40px; */
  line-height: 30px;
  /* text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px; */
}
/*.footer .counsel .sns .foot_talk {
  text-indent: -9999px;
  width: 40px;
  background: #ffe600 url(../images/footer_katalk.png) no-repeat;
  border: 1px solid #ffe600;
} */
/* .footer .counsel .sns div:last-child {
  margin-right: 0px;
} */
.footer .counsel .sns a {
  display: block;
}
/* .footer .sns dd img {
  display: block;
  width: 40px;
  height: auto;
} */
.footer .sns_wrap .kakaovx img{
  float:right;
  width: 300px;
  height: auto;
  margin-left: -40px;
  margin-top: -35px;
  /* width: 40px;
  height: 40px; */
  line-height: 30px;
}
/* .footer .counsel .company_dn {
} */
.footer .counsel .company_dn span {
  font-weight: 500;
  display: inline-block;
}
.footer .counsel .company_dn .pdf {
  display: inline-block;
  font-weight: 500;
  color: #1f5dfa;
  border: 2px solid #1f5dfa;
  border-radius: 3px;
  padding: 2px 5px;
  margin-left: 5px;
}
.footer .company_info {
  width: 930px;
  margin: 30px auto 0px;
}
.footer .company_info ul {
  margin-bottom: 1px;
}
.footer .company_info ul li {
  float: left;
  margin-right: 20px;
}
.footer .company_info ul li:last-child {
  margin-right: 0;
}
.footer .company_info ul li span:first-child {
  font-weight: 500;
  color: #000;
}

/* 투명BG */
.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 100000;
}
.bg-overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 100000;
}
.bg-overlay2 span {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 18px;
  width: 25px;
  height: 25px;
  background: url(../images/white_off.png) no-repeat;
  background-size: 25px auto;
  z-index: 100001;
}
/* 스크롤막기 */
.not_scroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* 체크박스 */
label {
  display: inline-block;
  background: url(../images/checkbox_off.png) no-repeat left 1px;
  background-size: 22px auto;
  padding-left: 28px;
  position: relative;
  top: 2px;
}
input[type="checkbox"]:checked + label {
  background: url(../images/checkbox_on.png) no-repeat left 1px;
  background-size: 22px auto;
}
input[type="checkbox"] {
  display: none;
}

/* 버튼 2개 -상세페이지용 */
.btn2 {
  width: 100%;
  padding: 10px 16px;
  background: #f0f7fd;
  border-top: 1px solid #e8e8e8;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 99999;
}
.btn2 a {
  display: block;
  float: left;
  height: 45px;
  line-height: 45px;
  width: calc(50% - 3px);
  text-align: center;
  border-radius: 3px;
}
.btn2 a:first-child {
  margin-right: 6px;
  background: #9b9b9b;
}
.btn2 a span {
  display: inline-block;
  height: 45px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.btn2 a:first-child span {
  background: url(../images/ico_cart.png) no-repeat left center;
  background-size: 18px auto;
  padding-left: 21px;
}
.btn2 a:last-child {
  background: #1f5dfa;
}
.btn2 a:last-child span {
  background: url(../images/ico_reserve.png) no-repeat left center;
  background-size: 16px auto;
  padding-left: 19px;
}

/* 버튼 1개 -결제하기페이지, 로그인, 페이스북, 네이버, 카카오 버튼, 회원가입1단계*/
.btn1 {
  width: calc(100% - 32px);
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: block;
  cursor: pointer;
}
.paybtn {
  background: #1f5dfa;
  margin: 25px auto 0;
  height: 50px;
  line-height: 50px;
}

.list-btn1 {
  background: #9b9b9b;
  margin: 25px auto 0;
  height: 50px;
  line-height: 50px;
}

/* 버튼 2개 -결제완료 히든메뉴(로그인, 회원가입), 여행자정보수정*/
.btn2_plete {
  width: 100%;
  padding: 10px 0px 0;
}
.btn2_plete a {
  display: block;
  float: left;
  height: 55px;
  line-height: 55px;
  width: calc(50% - 3px);
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.btn2_plete a:first-child {
  margin-right: 6px;
  background: #9b9b9b;
  color:white;
}
.btn2_plete a:last-child {
  background: #1f5dfa;
  color:white;
}
.hidden_btns {
  background: #f0f7fd;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.btn2_plete button {
  display: block;
  float: left;
  height: 55px;
  line-height: 55px;
  width: calc(50% - 5px);
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}
.btn2_plete button:first-child {
  margin-right: 10px;
  background: #9b9b9b;
}
.btn2_plete button:last-child {
  background: #1f5dfa;
}
.btn_edit {
  margin: 30px 0 90px 0;
}

/* 가로정렬 */
.clear {
  clear: both;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear2 {
  clear: both;
}
.clear2:after {
  content: "";
  display: block;
  clear: both;
}
/* 말줄임 */
.ellip {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

/* 더보기, 페이징 */
.plus_show {
  text-align: center;
  display: none;
}
.plus_show span {
  background: url(../images/plus_show.png) no-repeat left center;
  background-size: 12px auto;
  padding-left: 15px;
}
.paging_show {
  text-align: center;
  font-size: 16px;
}
.paging_show span {
  display: inline-block;
  width: 26px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.paging_show .on {
  color: #ff6a17;
}
.paging_show .left_arrow {
  width: 10px;
  height: 20px;
  background: url(../images/arrow_rightopen.png) no-repeat left center;
  background-size: 9px auto;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.paging_show .right_arrow {
  width: 10px;
  height: 20px;
  background: url(../images/arrow_leftopen.png) no-repeat left center;
  background-size: 9px auto;
  position: relative;
  top: 4px;
  margin-left: 5px;
}

#pagination {
  position: relative;
  width: 1191px;
  margin: 0 auto;
  text-align: center;
  display: none;
}
#pagination ul {
  display: inline-block;
  padding-left: 0;
  margin: -40px 0 100px 0;
  border-radius: 4px;
}
#pagination ul li.empty {
}
#pagination ul li.empty span {
  background: url(../images/warning.png) no-repeat left center;
  background-size: 16px auto;
  padding-left: 19px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#pagination ul li {
  display: inline;
}
#pagination ul li > a,
#pagination ul li > span {
  position: relative;
  float: left;
  padding: 8px 15px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
#pagination ul li.empty > span {
  border: none !important;
}
#pagination ul li.on > a,
#pagination ul li.on > a:focus,
#pagination ul li.on > a:hover,
#pagination ul li.on > span,
#pagination ul li.on > span:focus,
#pagination ul li.on > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #1f5dfa;
  border-color: #1f5dfa;
}

#pagination ul > li.active > a,
#pagination ul > li.active > a:focus,
#pagination ul > li.active > a:hover,
#pagination ul > li.active > span,
#pagination ul > li.active > span:focus,
#pagination ul > li.active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #1f5dfa;
  border-color: #1f5dfa;
}
#pagination ul li:first-child > a,
#pagination ul li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#pagination ul li:last-child > a,
#pagination ul li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* float_right */
.float_right{
  position: fixed;
  right: 30px;
  top: 35%;
  z-index: 2;
  width:90px;
}

/* 맨위로 */
.go_top {
  width: 90px;
  height: 50px;
  z-index: 2;
}
.go_top a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner_gotop.png) no-repeat center center / 118%;
  text-indent: -99999px;
}

/* 카톡상담 */
.kakao_btn2 {
  width: 100%;
  height: 80px;
  z-index: 2;
  background: #ffe102;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.kakao_btn2 span {
  font-size: 14px;
  font-weight: bold;
}

/* 채용공고 */
.hiring {
  position: fixed;
  right: 30px;
  bottom: 221px;
  overflow: hidden;
  width: 106px;
  height: 80px;
  z-index: 2;
}
.hiring a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner_hiring_pc.png) no-repeat center center / 100%;
  text-indent: -99999px;
}


/* 자이언트 코인(마일리지) */
.g_coin {
  width: 100%;
  height: 80px;
  z-index: 2;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top:1px solid #e1e1e1;
}
.g_coin span {
  font-size: 11px;
  font-weight: bold;
}

/* 요금 알림 */
.fee_alarm {
  width: 100%;
  height: 80px;
  z-index: 2;
  background: white;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  border-top:1px solid #e1e1e1;
}
.fee_alarm span {
  font-size: 14px;
  font-weight: bold;
}


/* 유튜브 */
.btn_youtube{
  width: 100%;
  height: 80px;
  z-index: 2;
  background:  url(../images/btn_bg_youtube_2.jpg) no-repeat center center / 100% 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}


/* 해외 상담 */
.artitaya_btn {
  position: fixed;
  right: 30px;
  bottom: 445px;
  overflow: hidden;
  width: 106px;
  height: 165px;
  z-index: 2;
}
.artitaya_btn a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/floating_banner_artitaya.png) no-repeat center;
  background-size: 100px auto;
  text-indent: -99999px;
}


/* 상담센터 */
.customercenter {
  position: fixed;
  left: 50px;
  top: 450px;
  overflow: hidden;
  width: 155px;
  height: 290px;
  z-index: 2;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 3%);
}

.customercenter a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner_number.png) no-repeat center;
  background-size: auto;
  text-indent: -99999px;
  pointer-events: none;
}

/* 행훈소 배너 */
.happygolf {
  position: fixed;
  left: 50px;
  top: 310px;
  width: 155px;
  height: 290px;
  z-index: 3;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 3%);
  }


#admin_login_msg_wrap {
  position: fixed;
  top: -15px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  text-align: center;
  z-index: 999999;
}
.admin-login-msg {
  width: 100%;
  height: 40px;
  background: #ff6600;
  color: #fff;
  padding-top: 18px;
  font-size: 11px;
  border-radius: 6px;
}

/* xmas */
.btn_new_year {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 300px;
  height: 300px;
  z-index: 99;
}
.btn_new_year > a {
  display: block;
  width: 300px;
  height: 300px;
  background: url(../images/event/btn_new_year.png) no-repeat center;
  background-size: cover;
  text-indent: -99999px;
}

/* 요금표 알림 팝업 */
.popup_notice_wrap {
  width: 430px;
  height: 430px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup_notice_wrap .popup_notice_title {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1f5dfa;
  position: relative;
}
.popup_notice_wrap .popup_notice_title .popup_close {
  position: absolute;
  top: 25px;
  right: 15px;
  width: 25px;
  cursor: pointer;
}
.popup_notice_wrap .popup_notice_title p {
  font-size: 1.3rem;
  color: white;
}
.popup_notice_wrap .popup_notice_content {
  width: 310px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup_notice_wrap .popup_notice_content p {
  text-align: center;
  margin: 1.2rem 0 0.7rem;
  font-size: 1.1rem;
}
.popup_notice_wrap .popup_notice_content .cal_top {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.popup_notice_wrap .popup_notice_content .cal_top span.cal_year {
  font-size: 1.3rem;
  margin: 0 0.5rem;
}
.popup_notice_wrap .popup_notice_content .cal_top .cal_btn {
  display: inline-block;
  width: 7px;
  height: 12px;
}

.popup_notice_wrap .popup_notice_content .cal_top .cal_prev {
  background: url(../images/cal_prev_on.png) no-repeat center center;
  background-size: cover;
}
.popup_notice_wrap .popup_notice_content .cal_top .cal_prev.off {
  background: url(../images/cal_prev_off.png) no-repeat center center;
  background-size: cover;
  cursor: unset;
}
.popup_notice_wrap .popup_notice_content .cal_top .cal_next {
  background: url(../images/cal_next_on.png) no-repeat center center;
  background-size: cover;
}

.cal_notice .swiper-button-next.swiper-button-disabled,
.cal_notice .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.cal_notice .swiper-button-prev,
.cal_notice .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/cal_prev_on.png);
  left: 35%;
  right: auto;
}
.cal_notice .swiper-button-next,
.cal_notice .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/cal_next_on.png);
  right: 35%;
  left: auto;
}
.cal_notice .swiper-button-next,
.cal_notice .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -45px;
  z-index: 10;
  cursor: pointer;
  background-size: 7px 12px;
  background-position: center;
  background-repeat: no-repeat;
}

.popup_notice_wrap .popup_notice_content .cal_btn {
  cursor: pointer;
}
.popup_notice_wrap .popup_notice_content table {
  width: 310px;
  border-spacing: 2px;
  border-collapse: separate;
  text-align: center;
}
.popup_notice_wrap .popup_notice_content table caption {
  font-size: 22px;
}
.popup_notice_wrap .popup_notice_content table td {
  border: 1px solid #f1f1f1;
  width: 50px;
  height: 50px;
  color: #1f5dfa;
  cursor: pointer;
}
.popup_notice_wrap .popup_notice_content table td.off {
  background-color: #f1f1f1;
  color: #cecece;
}
.popup_notice_wrap .popup_notice_content table td.on {
  background-color: #1f5dfa;
  color: white;
}
.popup_notice_wrap .popup_notice_content span.allow_double {
  width: 100%;
  text-align: right;
  margin: 0.7rem 0 1.4rem;
  color: #798894;
}
.popup_notice_wrap .popup_notice_content .notice_number_wrap {
  display: flex;
  height: 40px;
}
.popup_notice_wrap .popup_notice_content .notice_number_wrap input {
  width: 206px;
  height: 100%;
  margin-right: 2px;
}
.popup_notice_wrap .popup_notice_content .notice_number_wrap button {
  width: 102px;
  height: 100%;
  background-color: #1f5dfa;
  color: white;
  cursor: pointer;
}

.popup_subnotice_wrap {
  width: 380px;
  height: 260px;
  background-color: white;
}
.popup_subnotice_wrap .popup_subnotice_title_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid gray;
}
.popup_subnotice_wrap .popup_subnotice_title_wrap p {
  font-size: 1.3rem;
}
.popup_subnotice_wrap .popup_subnotice_content_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
}
.popup_subnotice_wrap .popup_subnotice_content_wrap p {
  text-align: center;
}
.popup_subnotice_wrap .popup_subnotice_btn_wrap {
  display: flex;
  height: 60px;
}
.popup_subnotice_wrap .popup_subnotice_btn_wrap .subnotice_btn_no {
  cursor: pointer;
  flex: 1;
  height: 100%;
  color: #cecece;
}
.popup_subnotice_wrap .popup_subnotice_btn_wrap .subnotice_btn_yes {
  cursor: pointer;
  flex: 1;
  height: 100%;
  color: white;
  background-color: #1f5dfa;
}

/* 상담하기 */
.popup_consult_wrap {width:500px; height:290px;padding:0 20px; display:flex;background: white;flex-direction: column;align-items:center;}
.popup_consult_wrap .consult1 p {margin:45px 0 0 0;}
.popup_consult_wrap .consult1 div.agree {margin:17px 0 0 0;}
.popup_consult_wrap .consult2 p {margin:30px 0 0 0;}
.popup_consult_wrap .consult2 p span {font-weight:500; display:inline-block;}
.popup_consult_wrap .consult2 p .no_telinfo {margin-bottom:20px;}
.popup_consult_wrap .consult2 p input {width:130px; display:inline-block;}
.popup_consult_wrap .consult2 p font {display:block; width:200px; margin:0 auto; text-align:left;}
.popup_consult_wrap .consult2 p font em {color:#1f5dfa; font-size:13px; font-weight:300; padding-left:5px; font-weight:500;}

.popup_consult_wrap .steps { display:none; }
.popup_consult_wrap .steps p {text-align:center;}
.popup_consult_wrap .steps .consult_btn {position:absolute; left:20px; bottom:25px; width:calc(100% - 40px);}
.popup_consult_wrap .steps .consult_btn a {display: block; float: left; height: 50px;line-height: 50px; width: calc(50% - 5px); text-align: center; border-radius: 3px; color: #fff; font-size: 16px; font-weight: 500;}
.popup_consult_wrap .steps .consult_btn .consult_cancel{margin-right: 10px; background: #9b9b9b;}
.popup_consult_wrap .steps .consult_btn .consult_firm {background: #1f5dfa;}
.popup_consult_wrap .sel_time_wraper{display: flex!important;align-items: center;justify-content: center;margin-bottom: 5px;}
.popup_consult_wrap .sel_time_wraper select{width: 80px;height: 40px;padding-left: 2px;margin-left: 5px;}
/* 상담하기 */

/* 자이언트코인 받기 */
.coin_popup {
  width: 630px;
  height: 430px;
  background: #fff;
  z-index: 100001;
}
.coin_popup .coin_header {
  height: 67px;
  position: relative;
  background: #1f5dfa;
}
.coin_popup .coin_header h4 {
  color: #fff;
  text-align: center;
  line-height: 67px;
  font-size: 22px;
}
.coin_popup .coin_header img {
  position: absolute;
  top: 21px;
  right: 13px;
  width: 25px;
  cursor: pointer;
}
.coin_popup .coin_view {
  background: #f4f4f4;
  padding: 27px 32px;
}
.coin_popup .coin_view li:first-child {
  float: left;
  background: url(../images/coin_present.png) no-repeat left center;
  padding-left: 93px;
  height: 60px;
}
.coin_popup .coin_btn {
  float: right;
  width: 130px;
  height: 45px;
  border: 1.5px solid #1f5dfa;
  background: #fff;
}
.coin_popup .coin_btn a {
  display: block;
  color: #1f5dfa;
  text-align: center;
  line-height: 45px;
  font-weight: 500;
}
.coin_popup .coin_view li:first-child span {
  position: relative;
  top: 5px;
}
.coin_popup font {
  color: #1f5dfa;
  font-weight: 500;
}
.coin_popup .coin_view li:last-child {
  margin-top: 8px;
}
.coin_popup .coin_invite {
  padding: 25px 32px;
}
.coin_popup .coin_invite li:first-child {
  float: left;
  background: url(../images/coin_friend.png) no-repeat left center;
  padding-left: 23px;
  height: 45px;
  line-height: 45px;
}
.coin_popup .coin_logedit {
  padding: 0 32px;
}
.coin_popup .coin_logedit li:first-child {
  float: left;
}
.coin_popup .msg_agree {
  padding-left: 32px;
}

/* 날짜지정 달력창 */
/* .datepk_wrap {position:relative; float:left; width:88px; margin-right:15px; top:-3px;}
.pick_calendar {position: absolute;background-color: white;z-index: 10; padding:25px 36px 30px; top:46px; left:0; border-radius:6px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); display:none;}
.pick_calendar:after {content:""; display:block; width:14px; height:11px; background: url(../images/date_arrow.png) no-repeat center; position:absolute; left:30px; top:-9px;}
.pick_calendar .cal_close {text-indent:-9999px; width:14px; height:15px; background: url(../images/date_close.png) no-repeat center; cursor:pointer; position:absolute; top:10px; right:10px;}
.pick_calendar table {width:300px;}
.pick_calendar thead{background-color:#e4e4e4;}
.pick_calendar td{text-align: center;height:2.5rem; border:1px solid #e3e3e3;}
.pick_calendar tbody tr td.on{background-color:#1f5dfa;color:white;}
.pick_calendar tbody tr td.off{background-color:#f1f1f1;color:#cfcfcf;}
.pick_calendar tbody tr td.allow {cursor:pointer;}
.pick_calendar .calendar_bar {text-align:center; margin-bottom:7px;}
.pick_calendar .calendar_arrow{cursor:pointer; text-indent:-9999px; width:21px; height:21px; display:inline-block;}
.pick_calendar .ar_left {background: url(../images/datecal_prev.png) no-repeat center;}
.pick_calendar .ar_right {background: url(../images/datecal_next.png) no-repeat center;}
.pick_calendar .year_month {font-weight:600; display:inline-block; padding:0 10px; position:relative; top:-3px;}
.pick_calendar button {width:300px; height:50px; line-height:50px; text-align:center; color:#fff; border-radius:3px; background:#1f5dfa; margin-top:25px; font-weight:300; display:none; cursor:pointer;}
.pick_calendar button span {font-weight:700;} */

.datepk_wrap {
  width: 21px;
  /*width: 88px;*/
  margin-right: 5px;
}
.pick_calendar {
  position: absolute;
  background-color: white;
  z-index: 10;
  padding: 25px 36px 30px;
  top: 55px;
  left: -6px;
  border-radius: 6px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  display: none;
}
.pick_calendar:after {
  content: "";
  display: block;
  width: 14px;
  height: 11px;
  background: url(../images/date_arrow.png) no-repeat center;
  position: absolute;
  left: 30px;
  top: -9px;
}
.pick_calendar .cal_close {
  text-indent: -9999px;
  width: 14px;
  height: 15px;
  background: url(../images/date_close.png) no-repeat center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}
.pick_calendar table {
  width: 300px;
}
.pick_calendar thead {
  border-bottom: 1px solid #e3e1ee;
}
.pick_calendar thead tr td {
  border: none;
}
.pick_calendar td {
  text-align: center;
  height: 2.5rem;
}
.pick_calendar tbody tr td.on {
  background-color: #1f5dfa;
  color: white;
  border-radius: 50%;
}
.pick_calendar tbody tr td.off {
  color: #cfcfcf;
}
.pick_calendar tbody tr td.allow {
  cursor: pointer;
}
.pick_calendar .calendar_bar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
}
.pick_calendar .calendar_arrow {
  cursor: pointer;
  text-indent: -9999px;
  width: 21px;
  height: 21px;
  display: inline-block;
}
.pick_calendar .ar_left {
  background: url(../images/main_search/cal_left_on.png) no-repeat center;
}
.pick_calendar .ar_left.off {
  background: url(../images/main_search/cal_left_off.png) no-repeat center;
}
.pick_calendar .ar_right {
  background: url(../images/main_search/cal_right_on.png) no-repeat center;
}
.pick_calendar .year_month {
  font-weight: 600;
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.pick_calendar button {
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background: #1f5dfa;
  margin-top: 25px;
  font-weight: 300;
  display: none;
  cursor: pointer;
}
.pick_calendar button span {
  font-weight: 700;
}

/* 태국 상품 마크 부착 */
/* .mark_thailand {width:100px!important;height:100px!important;margin:10px;background:url("../images/mark_thailand.png") no-repeat center center / contain;} */
.mark_thailand {width:100px!important;height:100px!important;background:url("../images/mark_thailand.png") no-repeat center center / contain;position: absolute;top: 10px;left: 10px;z-index: 3;}


/* 상단 공통탭 */
.header_wrap{font-size:1em;font-family:'Noto Sans Korean', Verdana,Arial,AppleGothic,sans-serif;}
.common_tab_wrap{position: relative; width: 100%; height: 36px; background-color: #1f5dfa; border-bottom: 1px solid #1545be;}
.common_tab_wrap .tab_area{width: 1191px; height:36px; margin:0 auto; display: flex; justify-content: space-between;}
.common_tab_wrap .tab_area .tab_div {}
.common_tab_wrap .tab_area .tab_div .common_tab{display: flex;justify-content: flex-start;height: 36px;}
.common_tab li{padding:3px 20px 0 20px;border-right: 1px solid #1545be;}
.common_tab li a{color: #fff;font-size: 0.85em;line-height: 29px;}
.common_tab li.on a{color: #1545be !important;}
.common_tab li.on {background-color: #fff;border-bottom: 1px solid #fff;height:36px;}

.common_tab_wrap .private_menu > ul{display: flex; justify-content: flex-end;color:white;}
/* .common_tab_wrap .private_menu > ul{color:white;} */
.common_tab_wrap .private_menu ul li{display: flex;align-items: center;height: 35px;}
.common_tab_wrap .private_menu ul li.login,.common_tab_wrap .private_menu ul li.cscenter{padding:0 0 0 40px;}
/* .common_tab_wrap .private_menu a{font-size: 0.85em; line-height: 36px;} */
.common_tab_wrap .private_menu a{font-size: 0.85em;}
.common_tab_wrap .private_menu a.outside{color:#fff!important;}
.common_tab_wrap .private_menu .ico_join{position:relative;}
.common_tab_wrap .private_menu .ico_join::before{content: ''; display: inline-block;width: 12px; height: 12px; background: url(../images/header_new_ico_mypage.png) no-repeat 0 0; margin-right: 5px;}
.common_tab_wrap .private_menu .login{position: relative;}
/* .common_tab_wrap .private_menu .login::before{content: ''; display: inline-block;width: 16px; height: 16px; background: url(../images/header_new_ico_login.svg) no-repeat 0 0; margin-right: 3px; margin-top: 9px;} */
.common_tab_wrap .private_menu .login::before{content: ''; display: inline-block;width: 16px; height: 16px; background: url(../images/header_new_ico_login.svg) no-repeat 0 0; margin-right: 3px;}
.common_tab_wrap .private_menu .cscenter{position: relative;}
.common_tab_wrap .private_menu .cscenter::before{content: ''; display: inline-block;width: 12px; height: 12px; background: url(../images/header_new_ico_cscenter.svg) no-repeat 0 0; margin-right:5px;}
/* .common_tab {
  display: flex;
  height: 90px;
  border-bottom: 3px solid #1f5dfa;
}
.common_tab li {
  width: 100%;
}
.common_tab li a {
  border: 3px solid #ddd;
  border-bottom: none;
  border-right: none;
  border-top:3px solid white;
  height: 87px;
  display: block;
  line-height: 88px;
}
.common_tab li:first-child a h2 {
  font-size: 28px;
  font-weight: 500;
  color: #cecece;
  text-align: center;
  width: 480px;
  float: right;
}
.common_tab li:last-child a h2 {
  font-size: 28px;
  font-weight: 500;
  color: #cecece;
  text-align: center;
  width: 480px;
  float: left;
}
.common_tab li:first-child a {
  border-left: none;
}
.common_tab li.on {
  width: 132%;
}
.common_tab li.on a {
  position: relative;
  height: 90px;
  border-color: #1f5dfa;
  border-bottom: 3px solid white;
}
.common_tab li:first-child.on a h2 {
  color: #1f5dfa;
  font-weight: 700;
  width: 710px;
  float: right;
}
.common_tab li:last-child.on a h2 {
  color: #1f5dfa;
  font-weight: 700;
  width: 710px;
  float: left;
}
.common_tab li.on a:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 3px;
  height: calc(100% + 4px);
  background: #1f5dfa;
}
.common_tab li.on:last-child a:before {
  content: "";
  display: none;
}
.common_tab li.on:last-child a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 3px;
  background: #1f5dfa;
  left: -3px;
  bottom: -3px;
} */

/* 헤더 공통 검색태그바 */
.common_tag {height:45px;background: white;border-top: 1px solid #dddddd;}
.common_tag ul{width: 1191px;margin: 0 auto;display: flex;justify-content:center;align-items: center;height: 100%;}
.common_tag ul li{height: 31px;background: #f5f5f5;line-height: 31px;border-radius: 60px;margin-right:10px;}
.common_tag ul li.on{background: #1e5dfa;}
.common_tag ul li a{display:inline-block;width:100%;height:100%;padding: 0 20px;}
.common_tag ul li.on a{color:white;}

/* overseas_view, domestic_view */
.overseas_view, .domestic_view{display: none;}


/* 국내해외분리 지역탭추가 */
.city_wrap {width: 100%;height:60px; line-height:54px; background:#fff;position: fixed;z-index: 4;border-bottom: 1px solid #ddd;
font-size:1em;font-family:'Noto Sans Korean', Verdana,Arial,AppleGothic,sans-serif;}
.city_wrap .local_list {width:1191px; margin:0 auto;display: flex;
    justify-content: space-between;}
/* .city_wrap .local_list li {float:left; width:calc(100%/9); text-align: center;} */
/* .city_wrap .local_list li:last-child {width:calc(100%/8 - 1px);} */
.city_wrap .local_list li a {display: block;color: #646464;font-size: 0.95em;font-weight: 600;margin-top: 6px;}
.city_wrap .local_list li.on {position:relative;}
.city_wrap .local_list li.on:after {content:""; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:4px; background:#1e5dfa;}
.city_wrap .local_list li.on a { font-weight:600; color:#1e5dfa;}

/* .city_wrap .abr_list {width:1163px; margin:0 auto;} */
/* .city_wrap .abr_list {width:1191px; margin:0 auto;display: flex;justify-content: space-between;} */
.city_wrap .abr_list {width:1191px; margin:0 auto;display: flex;position: relative;}
/* .city_wrap .abr_list li {padding:0 30px; float:left;} */
/* .city_wrap .abr_list li {padding:0 21px; float:left;} */
.city_wrap .abr_list li a {display: block;color: #646464;font-size: 0.95em; font-weight: 600; margin-top: 6px;}
.city_wrap .abr_list li.bg_block { background:#000; }
.city_wrap .abr_list li{margin: 0 20px;}
.city_wrap .abr_list li.on {position:relative;}
.city_wrap .abr_list li.on:after {content:""; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:4px; background:#1e5dfa;}
.city_wrap .abr_list li.on a { font-weight:600; color:#1e5dfa;}
.local_list.clear::after{all:unset;}
.abr_list.clear::after{all:unset;}
/* .city_wrap .hotdeal {padding: 0 20px !important;} */
.city_wrap .hotdeal::before{content: "";display: inline-block;background: url(../images/ico_hotdeal.png) no-repeat 0 0;background-size: 100%;width: 18px;height: 18px;position: relative;top: 4px;right: 5px;}
.city_wrap .hotdeal a{color: #000 !important;display: inline-block !important;font-size: 16px !important;font-weight: 500;}
.city_wrap .manu_all a{display: block;height: 29px;color: #646464;font-size: 0.95em;}
.city_wrap .manu_all{padding: 10px 14px 0!important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;}
.city_wrap .manu_all img{vertical-align: unset;}
.city_wrap .abr_list .month {position: absolute;right:0;height:40px;border-radius: 30px; background:#e44b29;}
.city_wrap .abr_list .month a{margin-top:1px;padding:0 20px; font-size: 13px;color:white;}
/* 국내해외분리 지역탭추가 */

/* 초특가항공패키지 */
.menu_2depth{display:none;clear: both; height: 42px; line-height: 42px;  background-color: #f8f8f8; border-bottom: 1px solid #ddd;    font-size: 0.9em;}
.menu_2depth.on{display:block;}
.menu_2depth ul{width: 1191px; margin:0 auto; display: flex; justify-content: flex-start;padding-left: 150px;}
.menu_2depth ul li{margin:0 0 0 40px; line-height: 42px; }
.menu_2depth ul .on{    border-bottom: 2px solid #000; position: relative;  padding-bottom: 11px;}
.menu_2depth ul .on a{color: #000 !important; font-weight: 400;}

/* 4차분류 */
.menu_3depth{display:none;clear: both; height: 42px; line-height: 42px;  background-color: #f8f8f8; border-bottom: 1px solid #ddd;    font-size: 0.9em;}
.menu_3depth.on{display:block;}
.menu_3depth ul{width: 1191px; margin:0 auto; display: flex; justify-content: flex-start;}
.menu_3depth ul li{margin:0 40px 0 0; line-height: 42px; }
.menu_3depth ul .on{    border-bottom: 2px solid #000; position: relative;}
.menu_3depth ul .on a{color: #000 !important; font-weight: 400;}