#wrap { width:800px; margin: 0 auto; background: #fff;}
.inner {width:740px; margin: 30px auto 20px}
.inner::after {display: block; content: ''; clear: both;}
.pc_hide {display:none;}

/* title 및 text */
body {font-size: 14px; letter-spacing: -0.2px; color:#1c1c1c;}
p {font-size:14px; color:rgba(0 0 0 / 60%)}
h2.ti {align-items: center; justify-content: center; color:#fff; text-align: center; padding-top: 60px;/*padding-top: 120px;*/}
h2.ti span {display: block; letter-spacing: -0.6px; color:#1c1c1c;}
h2.ti .area01 {font-size: 18px; font-family: 'SpoqaHanSansNeo'; font-weight: normal; color:#fff;}
h2.ti .area02 {font-size: 42px; font-family: 'SpoqaHanSansNeo-Medium'; color:#fff;}
h3 {font-size: 24px;margin-bottom:16px; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium'; }
h4 {font-size: 15px; font-family: 'SpoqaHanSansNeo-Medium';letter-spacing: -0.6px; color: #1c1c1c;}
.main_tit { text-align: center; font-size:24px; font-family: 'SpoqaHanSansNeo-Bold'; letter-spacing:-0.72px; margin-bottom: 20px; color:#1c1c1c;}
.main_tit span {font-family:'SpoqaHanSansNeo';}
.noData { width:100%; min-height:300px; background:#fff; display:flex; align-items:center; justify-content: center;}
.point {color: #2eb2a1;}
.txt_num { font-family:'SpoqaHanSansNeo'; font-weight: 300; }
.font11 {font-size: 11px !important;}
.notice {color:rgb(237 83 81 / 70%); background:url(../images/common/notice.svg) 0 0 / 16px no-repeat; padding-left: 20px;}

/*tab*/
.tab_area { margin-bottom: 20px;}
.tab_area::after {display: block; content: ''; clear: both;}
.tab_area span {border:1px solid rgb(0 0 0 / 30%); border-radius: 25px; padding: 8px 14px; text-align: center; color:rgb(0 0 0 / 60%);font-family: 'SpoqaHanSansNeo-Medium'; margin:0 6px 6px 0; float: left; cursor: pointer;}
.tab_area span.on {color:#2eb2a1;}

/*gradient & button*/
.offerBox {position: absolute; bottom: 20px; left: 3%; width: 100%;}
.offerBox .gradation {background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 99%); height: 80px; width: 100%;}
.btn_area {background-color: #fff; padding: 20px 0 40px; text-align: center; width: 100%;}
.btn_area .btnReservation {width:30%;}
.btn_area .btn_black {width:30%; margin: 0 auto;}
.close_list {transform: rotate(180deg);}
.box { border-bottom: 8px solid rgb(0 0 0 / 4%);}
.box:last-child { border-bottom:0}

.bookMark { background:url(../images/common/bookmark.svg) 95% 50% / 30px no-repeat; width: 30px; height: 30px; cursor: pointer;}
.bookMark_on {background:url(../images/common/bookmark_on.svg) 95% 50% / 30px no-repeat; width: 30px; height: 30px; cursor: pointer;}

/* badge */
.badge_area {margin: 20px 0 14px;}
/*
.label_area .label01 {color:#f84d43; border:1px solid #f84d43;}
.label_area .label02 {color:#1774dd; border:1px solid #1774dd;}
.label_area .label03 {color:#38b10d; border:1px solid #38b10d;}
*/
/*--------------------------------------------------------------------------------
	# main 
---------------------------------------------------------------------------------*/
/* background-color 
.head_air {background: url(../images/bg_air.jpg)no-repeat center top ; background-size: 100%; width: 100%;}
.head_hotel {background: url(../images/bg_hotel.jpg)no-repeat center top ; background-size: 100%; width:100%;}
*/
/* gnb main */
.header_main { width:800px; position:relative; /*z-index:10; transition: all .3s ease-out;*/ background:transparent;}
.header_main h1 {display: flex; align-items: center; position: absolute; top: 42px; left:40px;}
.header_main .logo { background: url(../images/common/logo.svg) no-repeat; background-size:100%; width: 94px; height: 36px; z-index: 33; cursor:pointer;}
.header_main .beta {height: 20px; line-height: 20px; font-size:11px; font-family: 'SpoqaHanSansNeo-Light'; color:#fff; background: #2eb2a1; border-radius: 6px; padding: 0 6px; margin-left: 6px;}
.header_main .aside {width: 100%; /*height:51px;*/ display: flex; justify-content: flex-end;  padding: 18px 20px 0 0;}
.header_main .aside .area01 { background: url(../images/common/search.svg) no-repeat; width: 16px; height: 16px; margin:3px 6px 0 0; opacity: .5; }
.header_main .aside .area01:hover {opacity: 100%;}
.header_main .aside .area02 ul li {padding:0 8px; float:left; position: relative;}
.header_main .aside .area02 ul li a {display: inline-block; color:rgba(0 0 0 / 60%); font-size: 13px; font-family: 'SpoqaHanSansNeo'; font-weight: 200;}
.header_main .aside .area02 ul li a:hover {color:rgba(0 0 0 / 80%);}
.header_main .aside .area02 ul .line::after { position: absolute; top: 5px; right: 0; width: 1px; height: 10px; content: ''; background: rgba(0 0 0 / 30%);}
.header_main .aside .area03 {padding-top: 2px;}
.header_main  nav {padding-left:160px;display:flex;flex:1;justify-content:end; border-bottom: 1px solid rgba(255, 255, 255, .2); padding:0 15px 20px 0;}
.header_main .gnb {display:flex; padding-top:6px}
.header_main .gnb a{font-size:18px; letter-spacing:-0.72px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; padding:5px 9px; display:block; line-height:25px; white-space:nowrap}
.header_main .gnb li{position:relative; padding: 0 4px;}
.header_main .gnb li:after{content: ''; display:block; width:0; height:2px; background:transparent; position:absolute; left:5px; bottom:-21px;}
.header_main .gnb li:hover:after, .header .gnb li.selected:after{background:#54d8c9; width:calc(100% - 10px); transition:all .3s ease-out;}
.header_main .gnb li:hover a, .header .gnb li.selected a{font-weight:500; transition:all .3s ease-out;}

/* gnb type1 */
.header_type1 { width:800px; position:relative; /*z-index:10; transition: all .3s ease-out;*/}
.header_type1 h1 {display: flex; align-items: center; position: absolute; top: 36px; left:40px;}
.header_type1 .logo {background: url(../images/common/logo.svg) no-repeat; background-size:90%; width: 86px; height: 36px; z-index: 33; cursor:pointer;}
.header_type1 .beta {font-size:10px; color:rgb(0 0 0 / 50%); padding-left: 10px;}
.header_type1 .aside {width: 100%; /*height:46px;*/ display: flex; justify-content: flex-end;  padding: 14px 20px 4px 0;}
.header_type1 .aside .area01 { background: url(../images/common/search.svg) no-repeat; width: 16px; height: 16px; margin:4px 6px 0 0; opacity: .7;}
.header_type1 .aside .area01:hover { opacity: 100%;}
.header_type1 .aside .area02 ul li {padding:0 8px; float:left; position: relative;}
.header_type1 .aside .area02 ul li a {display: inline-block; color:rgba(0,0,0, .5); font-size: 13px; font-family: 'SpoqaHanSansNeo';}
.header_type1 .aside .area02 ul li a:hover {color:#fff;}
.header_type1 .aside .area02 ul .line::after { position: absolute; top:5px; right: 0; width: 1px; height: 10px; content: ''; background: rgba(0 0 0 / 30%);}
.header_type1  nav{display:flex; flex:1; justify-content:end; border-bottom: 1px solid rgba(255, 255, 255, .2);  padding: 0 12px 12px 160px;}
.header_type1 .gnb {display:flex; padding-top:0}
.header_type1 .gnb a {font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; letter-spacing:-0.72px; color:#1c1c1c; padding:5px 9px; display:block; line-height:25px; white-space:nowrap}
.header_type1 .gnb li{position:relative; padding: 0 6px;}
.header_type1 .gnb li:after{content: ''; display:block; width:0; height:2px; background:transparent; position:absolute; left:5px; bottom:-13px;}
.header_type1 .gnb li:hover:after, .header .gnb li.selected:after{background:#54d8c9; width:calc(100% - 10px); transition:all .3s ease-out;}
.header_type1 .gnb li:hover a, .header .gnb li.selected a{font-weight:500; transition:all .3s ease-out;}

/* gnb type3 sub & fixed */
.header_type3 { width:800px; position:relative; z-index:10; transition: background-color 0.2s ease 0.1s; background: rgba(255, 255, 255, 0.86);backdrop-filter: blur(6px);}
.header_type3 .back {position: absolute; top: 20px; left:13px; background: url(../images/common/arrow_left_black.svg) no-repeat; width: 24px; height: 24px; z-index: 33; cursor:pointer;}
.header_type3 h1 {display: flex; align-items: center; position: absolute; top: 22px; left:46px;}
.header_type3 .logo {background: url(../images/home.svg) 50% 50% / 100% no-repeat; width: 20px; height: 20px; z-index: 33; cursor:pointer;}
.header_type3 .beta {display: none;}
.header_type3 .aside {width: 100%; height:65px; display: flex; justify-content: flex-end; align-items: center;  padding: 12px 16px 12px 10px; border-bottom: 1px solid rgba(0 0 0 / 6%); margin-bottom: 0;}
.header_type3 .aside .area01 { background: url(../images/common/search_black.svg) no-repeat; width: 16px; height: 16px; margin:3px 14px 0 0; opacity: 100%; cursor: pointer;}
.header_type3 .aside .area02 {display: none;}
.header_type3 .aside .area03 {background: url(../images/common/allmenu_black.svg) 50% / 100% no-repeat; width:22px; height: 22px; margin: 0; opacity: 100%; cursor: pointer;}
.header_type3  nav{display:none;}

/* allmenu */
.nav_area {position: fixed; top:0; left: 50%; width: 100%; height: 100%; min-height:100vh; transform: translateX(-50%); background: rgba(0,0,0,0.5); z-index: 999;}
.allMn_area {background: #fff; width: 46%; min-height:100vh; float: right; overflow:auto; padding-bottom: 30px; z-index: 999999; box-shadow:rgb(0 0 0 / 10%) -30px 0 30px -5px; /*box-shadow: rgb(0 0 0 / 20%) 0px 8px 10px -5px, rgb(0 0 0 / 14%) 0px 16px 24px 2px, rgb(0 0 0 / 12%) 0px 6px 30px 5px;*/}
.allMn_wrap { width:84%; margin: 6% auto;}
.allMn_wrap div:after { display: block; content: ""; clear: both;}
.topbox {margin-bottom: 10%;}
.topbox ul {display: flex; justify-content: space-between;}
.topbox .home {background:url(../images/home.svg) 95% 50% / 24px no-repeat; display: inline-block; width:24px; height: 24px;}
.topbox .close {background:url(../images/common/close.svg) 95% 50% / 24px no-repeat; display: inline-block; width:24px; height: 24px;}
.topbox img {width: 70%;}
.login_area { padding-bottom: 8%;}
.login_area .before {display: flex; flex-direction: column;}
.login_area .before li { font-size: 16px; line-height: 26px;  color: rgb(0 0 0 / 75%);}
.login_area .before .btn_type_basic {min-height:40px; font-size: 15px; margin-top:20px;}
.login_area .before li span {color: #1c1c1c; font-size: 18px; font-weight:600; letter-spacing: -0.06em;}
.login_area .after {display: flex; flex-direction: column;border-bottom: 1px solid #1c1c1c; padding-bottom: 20px;}
.login_area .after .area01 {display: flex; flex-direction: row; align-items: center;}
.login_area .after .area01 .member {font-size: 16px; color: rgb(0 0 0 / 60%);}
.login_area .after .area01 .member span { font-size: 18px; color: #1c1c1c;font-family: 'SpoqaHanSansNeo-Medium'; }
.login_area .after .area01 .btn_type_basic { width: 80px; font-size: 13px; padding:0 10px; min-height: 30px; margin-left: 10px;font-family: 'SpoqaHanSansNeo'; }
.login_area .after .area02 {display: flex; justify-content:start; padding-top: 20px;}
.login_area .after .area02::after {display: block; content: ''; clear: both;}
.login_area .after .area02 li {width:33.3%; text-align: center; font-size: 13px; position: relative;}
.login_area .after .area02 li::after {width: 1px; height: 30px; background: rgba(0 0 0 / 10%); content: ''; float: left; position: absolute; top: 7px; left: 0px;}
.login_area .after .area02 li:first-child::after {display: none;}
.login_area .after .area02 li a {display:block; width:100%; color:rgb(0 0 0 / 80%);}
.login_area .after .area02 li span {display: block; color:#2eb2a1; font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium';}
.mn_wrap {height:80vh; padding-bottom: 30vh;}
.mn_wrap ul li { padding: 6% 0; border-bottom: 1px solid rgb(0 0 0 / 10%);}
.mn_wrap ul li:last-child {border-bottom: 0;}
.mn_wrap ul li > h2 {width: 100%; color: #1c1c1c; font-size: 16px;}

/* footer */
.footer {position: relative; display:block; width:100%; border-top:1px solid rgb(0 0 0 / 20%); padding:30px; background-color:#fff; font-size:13px;}
.footer ._sns {width:30%; float: right; height:32px; line-height:32px; margin-bottom:30px; display: flex; justify-content: flex-end;}
.footer ._sns a {display: block; margin-right:10px; font-size:0; width:32px; height: 32px; background: #1c1c1c; border-radius: 50%; float: left;}
.footer ._sns a:last-child {margin-right: 0;}
.footer ._sns img {width:58%; display: block; margin: 6px auto 0; }
.footer ._menu {width:70%; float: left; height: 32px; line-height: 32px; margin-bottom:24px;}
.footer ._menu a {display:block; color:rgb(28 28 28 / 100%); margin-right:18px; text-decoration: none; float: left;}
.footer ._cont {margin-bottom:0;}
.footer ._cont ul li {color:rgb(0 0 0 /60%); line-height: 22px;}
.footer ._cont ul li.cpname { color:#1c1c1c; }
.footer ._cont ul .fnoti {padding: 20px 0 10px;}
.footer ._cont ul .fnoti div {background: rgb(0 0 0 / 4%); padding:6px 10px; color:rgb(0 0 0 / 60%); font-size: 13px; border-radius: 10px;}
.footer .layer_btn {position: fixed; z-index: 999; bottom:30px; right:30%;}
.footer .layer_btn .top_btn {width:48px; height: 48px; display: block; position: relative; border-radius: 50%; background: rgba(255, 255, 255, .8); box-shadow: 0px 5px 8px 5px rgb(0 0 0 / 8%); transition: all .2s ease-in-out; margin-bottom:10px}
.footer .layer_btn .top_btn img { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 58%;} 

/* main_banner */
.main_banner {width: 800px; height: 776px;  position:relative;/*position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/ overflow-x: hidden;}
.main_banner::after {display: block; content: ''; clear: both;}
.main_banner .visual {width:100%; height:100%; margin: 0 auto; position: relative; cursor:pointer;}
.main_banner .visual .copy_wrap { position: absolute; right:60px; /*top:286px;*/ bottom:130px; color: #fff; text-align: right; z-index: 22; width: 70%;}
.main_banner .visual .copy_wrap .area01 {font-size:60px; font-family: 'Godo', sans-serif; letter-spacing: -0.04em;}
.main_banner .visual .copy_wrap .area02 {font-size:60px; font-family: 'Godo', sans-serif; letter-spacing: -0.04em;}
.main_banner .visual .copy_wrap .area03 {font-size:30px;}
.main_banner .visual .copy_wrap .btn_visual {border:1px solid #fff; width:188px; height: 48px; color:#fff; background: transparent; font-size:18px; margin-top:26px; letter-spacing:-0.06em;}
.main_banner .visual .copy_wrap .btn_visual:hover {border:1px solid #58c1b3; background:#58c1b3; color:#fff; font-weight:500;}
.main_banner .custom_nav {display: flex; justify-content: center; position: absolute; bottom: 50px; left: 50%; transform:translateX(-50%); z-index: 99;}
.main_banner .custom_nav a {display:block; width: 10px; height: 10px; border-radius: 6px; background:rgb(255 255 255 / 70%); margin-right: 10px;}
.main_banner .custom_nav a.on {width: 28px; height: 10px; background:rgb(255 255 255 / 100%);}

/* main_sc1 */
.main_sc1 { padding: 60px 0 60px; border-bottom: 8px solid #f5f5f5;}
.main_sc1 .main_tit {display: flex; padding-left: 30px; align-items: center; }
.main_sc1 .main_tit span {display: block; }
.main_sc1 .main_tit .ti { margin-right:10px;  font-family: 'SpoqaHanSansNeo-Bold';}
.main_sc1 .main_tit .btn_live {height: 24px; border:1px solid #1c1c1c; border-radius: 2px; padding: 1px 6px; color:#1c1c1c; font-size: 14px; font-weight: 500; letter-spacing: normal; cursor:pointer;}
.main_sc1 .of_x {height:360px; width:800px;overflow-y: hidden; overflow:hidden;overflow-x: auto; padding-left:30px;}
.main_sc1 .live_area  {width:800px; overflow:hidden; padding: 0 30px; }
.main_sc1 .VideoCard_link {display: inline-block; height: 300px;}
.main_sc1 .VideoCard_wrap {position: relative; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: flex; justify-content: center;}
.main_sc1 .Videocard_image {overflow: hidden; background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 10px;}
.main_sc1 .Videocard_image .VideoCon_image {position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color: #fff;}
.main_sc1 .VideoCard_wrap .area01 {position: absolute; top: 30px; z-index: 333; height: 24px; line-height: 24px;}
.main_sc1 .VideoCard_wrap .area01 span {display: inline-block; color:#fff;}
.main_sc1 .VideoCard_wrap .area01 .logo1 { background: url(../images/logo_live.svg) 0 40%/100% no-repeat; width: 58px; height: 24px;}
.main_sc1 .VideoCard_wrap .area01 .logo2 { background: url(../images/logo_live.svg) 0 40%/100% no-repeat; width: 58px; height: 24px;}
.main_sc1 .VideoCard_wrap .area01 .x { margin:0 6px; transform:translateY(-8px); font-weight: 200;} 
.main_sc1 .VideoCard_wrap .area02 {position: absolute; top: 130px; z-index: 333;}
.main_sc1 .VideoCard_wrap .area02 span {display: block; color:#fff; text-align: center;}
.main_sc1 .VideoCard_wrap .area02 span.data {font-size:16px; font-weight: 600;}
.main_sc1 .VideoCard_wrap .area02 span.time {font-size:40px; font-family: 'SpoqaHanSansNeo-Bold';}
.main_sc1 .VideoCard_wrap .area03 {width:90%; padding: 6px 10px 6px 14px; position: absolute; bottom: 13px; background-image: linear-gradient(-90deg,hsla(0,0%,100%,0),#000 99%); border-radius: 30px 0 0 30px; z-index: 333;}
.main_sc1 .VideoCard_wrap .area03 span {display: block; color:#fff; font-size:15px;}
.main_sc1 .VideoCard_wrap .area03 span.item_name {color:#fff; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; } 
.main_sc1 .VideoCard_wrap .area03 span.price {font-family: 'SpoqaHanSansNeo-Medium'; }

/* main_sc2 */
.main_sc2 {padding: 54px 30px; border-bottom: 8px solid #f5f5f5; background: #fafafa;}
.main_sc2 .tit_area span {color:#2eb2a1;}
.main_sc2 .main_tit {text-align: left; font-size: 24px; font-weight: 600; margin-bottom: 4px; letter-spacing: -0.04em;}
.main_sc2 .main_sit {font-size:16px; font-weight: normal;}
.main_sc2 .hash_area {padding: 20px 0 0;}
.main_sc2 .hash_area a {display: inline-block; border: 1px solid rgb(0 0 0 / 20%); border-radius: 25px; padding: 4px 16px; font-size: 16px; margin-bottom: 10px; margin-right: 4px;}
.main_sc2 .hash_area a span {color:#2eb2a1; margin-right: 5px;}

/* main_sc3 */
.main_sc3 {padding: 50px 0 60px; /*background: url(../images/bg_main_simplesearch.jpg) repeat-x;*/ border-bottom: 8px solid #f5f5f5; }
.main_sc3_tit{text-align:center; line-height:70px;}
.main_sc3_tit > div {display: block; font-size:26px; font-weight: 300; color:#1c1c1c; letter-spacing:-0.08em; line-height:60px;}
.main_sc3_tit > div:last-child {margin-top:10px;}
.main_sc3_tit > div span { margin-right:10px;}
.main_sc3_tit > div span:last-child {margin-right:0;}
.main_sc3_tit .main_sel_base { height:64px; padding: 14px 34px 14px 10px; background: url(../images/common/sel_arrow_down.svg) calc(100% - 4px) 57%/20px no-repeat; font-weight:700; font-size:26px; letter-spacing:-0.02em; border:solid 2px transparent; border-bottom:solid 2px #111; border-radius:0px;}
.main_sc3_tit .main_sel_base.selected,
.main_sc3_tit .main_sel_base:hover,
.main_sc3_tit .main_sel_base.open{padding: 14px 34px 14px 10px; background: url(../images/common/sel_arrow_down.svg) calc(100% - 4px) 57%/20px no-repeat; -webkit-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out;}
.main_sc3_tit .main_sel_base.nice_select {display: inline-block; position: relative; cursor: pointer; /*background: #fff;*/}
.main_sc3_tit .main_sel_base.nice_select:after{right:0;top:calc(50% - 7px)}
.main_sc3_tit .main_sel_base.nice_select.error:after,
.main_sc3_tit .main_sel_base.nice_select:hover:after{right:0}
.main_sc3_tit .main_sel_base.nice_select .list{ width:100%; position:absolute; top:56px; left:0; margin-top:0; border:0; border-radius: 4px; box-shadow:3px 7.4px 40.8px 8.2px rgb(189 189 189 / 0.40)/* 3px 7.4px 60.8px 18.2px rgba(189, 189, 189, 0.43)*/; background-color: #fff; z-index:999;}
.main_sc3_tit .main_sel_base.nice_select .list li {padding:0; height:40px; line-height:40px; font-size:16px; font-weight:400; letter-spacing:-0.072em;  text-align:center; }
.main_sc3_tit .main_sel_base.nice_select .list li:hover{background-color:#f7f7f7; font-weight:bold; color:#1c1c1c;}
.main_sc3_tit .main_sel_base.nice_select .list li.selected{background-color:#f7f7f7; font-weight:bold; color:#1c1c1c;}
.main_sc3_tit .main_sel_base.nice_select.open:after{right:0 !important;right: 13px !important;  -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.main_sc3_tit .main_sel_base .current{ width:100%; text-align:center; display:flex;align-items:center; height:40px;/*font-family: 'BMDOHYEON';*/ color:#1c1c1c; background:url(../images/common/hashtag.svg) 2% 50% / 26px no-repeat; padding-left:40px; font-size:24px;} 
.main_sc3 .main_sc3_btn {text-align: center; padding: 10px 0 50px; font-size: 0;}
.main_sc3 .main_sc3_btn .btn_type_round {width: auto; display: inline-flex; border: solid 1px #ccc; border-radius: 50px; padding: 0 20px; font-size:16px; letter-spacing: -0.04em;}
.main_sc3 .main_sc3_btn .btn_type_round .icon { height: 46px; line-height: 46px; }
.main_sc3 .main_sc3_btn .btn_reload {height:46px; line-height: 46px; color:#1c1c1c;}
.main_sc3 .main_sc3_btn .btn_reload .icon_reload {font-size: 20px; transform: rotate(-40deg);}
.main_sc3 .main_sc3_btn .btn_my {height:46px; line-height: 46px; padding: 0 30px; background: #1c1c1c; border: solid 1px #1c1c1c; color:#fff;}
.main_sc3 .of_x {height:510px; width:800px;overflow-y: hidden; overflow:hidden;overflow-x: auto; padding-left:30px;}
.main_sc3 .product_area  { width:800px; overflow: hidden; padding:0 30px;}
.main_sc3 .product_area .item_img {position: relative; width:100%; height:286px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 14px;}
.main_sc3 .product_area .label_data {display:block; position: absolute; left: 0; bottom: 0; border-radius: 0 10px 0 8px; padding: 1px 10px 2px; color: #000; background: rgba(255, 243, 52, .9); font-size: 12px; font-weight: 500; z-index: 3;}
.main_sc3 .product_area .item_info {width: 100%;}
.main_sc3 .product_area .item_info::after {display: block; content: ''; clear: both;}
.main_sc3 .product_area .item_info .tit {width:100%; height: 80px; color:#1c1c1c; font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 24px; max-height: 50px;  overflow: hidden;  white-space: normal; -webkit-line-clamp:2;  text-overflow: ellipsis; margin-bottom: 30px; letter-spacing: -0.02em;}
.main_sc3 .product_area .item_info .price {color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold';  margin-top: 9px;}
.main_sc3 .product_area .item_info .price span {font-size: 18px; font-weight: 400;}

/* main_sc4 */
.main_sc4 {padding: 70px 0;}
.main_sc4 .main_tit {padding-left:30px; text-align: left;}
.main_sc4 .product_area {width:800px; overflow: hidden; padding: 0 30px;}
.main_sc4 .product_area .item_img {position: relative;width: 100%;height: 310px;border-radius: 10px;background-size: cover;background-repeat: no-repeat;background-position: 50%;margin-bottom: 14px;}
.main_sc4 .product_area .label_data {display:block; position: absolute; left: 0; bottom: 0; border-radius: 0 10px 0 8px; padding: 1px 10px 2px; color: #000; background: rgba(255, 243, 52, .9); font-size: 12px; font-weight: 500; z-index: 3;}
.main_sc4 .product_area .item_info {width: 100%;}
.main_sc4 .product_area .item_info::after {display: block; content: ''; clear: both;}
.main_sc4 .product_area .item_info .tit {width:100%; height: 80px; color:#1c1c1c; font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 24px; max-height: 50px;  overflow: hidden;  white-space: normal; -webkit-line-clamp:2;  text-overflow: ellipsis; margin-bottom: 30px; letter-spacing: -0.02em;}
.main_sc4 .product_area .item_info .price {color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; margin-top: 9px;}
.main_sc4 .product_area .item_info .price span {font-size: 18px; font-weight: 400;}

/* main_sc5 */
.main_sc5 {padding: 80px 0 40px; background: #eef6f5;}
.main_sc5::after {display: block; content: ''; clear: both;}
.main_sc5 .map {width: 38%; float: left; margin-left: 30px;}
.main_sc5 .map .main_tit {text-align: left; letter-spacing: -0.08em; }
.main_sc5 .map .main_tit p {color:rgb(0 0 0 / 100%)}
.main_sc5 .map .main_tit .sti {float:left; font-size:16px; font-weight:300; letter-spacing:-0.02em; line-height:40px;color:rgb(0 0 0 / 60%)}
.main_sc5 .map .main_tit .emoji_golf {font-size:24px; float:left; margin-right:6px;}
.mapsvg {width: 380px; height: 700px; margin-top: -198px;margin-left: -20px;}
.main_sc5 .product_area { width: 54%; float: right; margin-right:30px;}
.main_sc5 .product_area .golf_produ { margin-bottom:38px;}
.main_sc5 .product_area .golf_produ .item_img {position: relative; width:100%; height:120px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 10px;}
.main_sc5 .product_area .golf_produ .label_data {display:block; position: absolute; left: 0; bottom: 0; border-radius: 0 10px 0 8px; padding: 2px 10px; color: #000; background: rgba(255, 243, 52, .9); font-size: 13px; font-family: 'SpoqaHanSansNeo-Medium'; z-index: 3;}
.main_sc5 .product_area .golf_produ .item_info {width: 100%;}
.main_sc5 .product_area .golf_produ .item_info::after {display: block; content: ''; clear: both;}
.main_sc5 .product_area .golf_produ .item_info .area01 {width: 76%; float: left;}
.main_sc5 .product_area .golf_produ .item_info .area01 .tit {width:410px; color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium'; line-height: 26px; max-height: 50px;  overflow: hidden; white-space:nowrap; text-overflow: ellipsis; margin-bottom: 4px; letter-spacing: -0.02em;}
.main_sc5 .product_area .golf_produ .item_info .area01 .cont {width:92%; color:rgb(0 0 0 / 60%); line-height: 22px; max-height: 22px;  overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.main_sc5 .product_area .golf_produ .item_info .area01 .price {color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; margin-top: 9px;}
.main_sc5 .product_area .golf_produ .item_info .area01 .price span {font-size: 18px; font-family: 'SpoqaHanSansNeo';}
.main_sc5 .product_area .golf_produ .item_info .area02 {width: 24%; float: right; margin-top: 32px;}
.main_sc5 .product_area .golf_produ .item_info .area02 .btn_reserve {display:block; float: right; width: 78px; height: 64px; line-height: 64px; background: #2eb2a1; border-radius: 4px; color:#fff; font-weight: 500; font-size: 14px; text-align: center; }
.main_sc5 .product_area .golf_produ .item_info .area02 .btn_reserve:hover {background: #1da28e; color:#fff; font-weight: 500; font-size: 14px;}
.main_sc5 .more {display: none; width:100%; height: 60px; line-height: 58px; display: flex; align-items: center; justify-content: center; background: #e8f3f1; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium'; font-size: 14px; cursor: pointer;}
.main_sc5 .more:hover {/*border:2px solid #1c1c1c;*/}
.main_sc5 .more span {display:block; background: url(../images/common/arrow_right.svg) 50% 50%/20px no-repeat; padding-right: 20px; height: 20px;}

/* main_sc6 */
.main_sc6 { padding: 60px 0; border-bottom: 8px solid #f5f5f5;}
.main_sc6 .main_tit {display: flex;/* justify-content: center;*/justify-content:space-between; padding:0 24px 0 30px; align-items: center;}
.main_sc6 .main_tit span:first-child {font-family: 'SpoqaHanSansNeo-Bold';}
.main_sc6 .main_tit span:last-child {font-family: 'SpoqaHanSansNeo';font-size: 14px; font-weight: 300; color:rgb(0 0 0 / 60%); cursor: pointer; background: url(../images/common/arrow_right.svg) 100% 50% / 20px no-repeat; padding-right: 20px;}
.main_sc6 .event_area  { width:800px; overflow:hidden; padding: 0 30px;}
.main_sc6 .event_area .ba { float:left;  margin-right:16px;}
.main_sc6 .event_area .ba .ba_img {width:100%; height:210px; border-radius: 10px;}

/* main_sc7 */
.main_sc7 {background:rgb(0 0 0 /2%); padding: 60px 30px;}
.main_sc7::after {display: block; content: ''; clear: both;}
.main_sc7 .main_tit {text-align: left;}
.main_sc7 .vlog_box .vlog_frame {width: 100%; height: 390px; border: 2px solid #000; margin: 0 auto 30px;}
.main_sc7 .vlog_box .vlog_frame iframe {width: 100%; height: 100%;}
.main_sc7 .v_list {align-items: center; justify-content: center; width: 100%; display: flex; margin: 0 auto;}
.main_sc7 .v_list a {display: block; padding: 0 16px; height: 40px; line-height: 38px; font-size:16px; color:#1c1c1c; letter-spacing: -0.02em; border:1px solid rgb(0 0 0 /30%); border-radius: 25px; margin-right:6px;}
.main_sc7 .v_list a:hover {color:#fff; background: #2eb2a1; border:1px solid #2eb2a1;}
.main_sc7 .v_list a.selected {color:#fff; background: #2eb2a1; border:1px solid #2eb2a1; }
.main_sc7 .v_list a:last-child {margin-right:0;}

/* main_sc8 */
.main_sc8 {border-top: 1px solid #1c1c1c; height: 60px; display: flex; justify-content: center; align-items: center; }
.main_sc8 div {color:#1c1c1c;font-family: 'SpoqaHanSansNeo-Medium';font-size:16px; padding: 0 60px; position: relative; cursor: pointer;}
.main_sc8 div::before { content: ""; position: absolute;top: 50%;left: 0;width: 1px;height: 10px;background-color: rgb(0 0 0 / 60%);transform: translateY(-50%);}
.main_sc8 div:first-child::before {display: none;}
/*
.main_sc8 {background: #fff; display: flex; justify-content: space-between; }
.main_sc8::after {display: block; content: ''; clear: both;}
.main_sc8 .sc8Box {background: #20ae9e; float: left; height:100px; padding: 0 20px; margin-right: 10px; display:flex; justify-content: center; align-items:center; cursor:pointer;}
.main_sc8 .sc8Box:hover { background: #18a593;}
.main_sc8 .sc8Box:first-child {flex: 1;}
.main_sc8 .sc8Box:nth-child(2) { cursor: default;flex: 2;}
.main_sc8 .sc8Box:nth-child(3) {flex: 1;}
.main_sc8 .sc8Box:last-child { margin-right: 0; flex: 1;}
.main_sc8 .sc8Box div {display: flex; flex-direction: column; align-items: center;}
.main_sc8 .sc8Box div .ti {font-size:20px; color:#fff;font-family: 'SpoqaHanSansNeo-Medium';}
.main_sc8 .sc8Box div p {color:rgb(255 255 255 /85%); letter-spacing: normal;text-align: center; font-size: 13px;} 
.main_sc8 .sc8Box div p .tel {background: url(../images/tel.jpg) 0% 50% / 20px no-repeat; padding-left: 26px; margin-right:16px;}
.main_sc8 .sc8Box div p .talk {background: url(../images/talk.svg) 0% 50% / 20px no-repeat; padding-left: 26px;}
*/
/*--------------------------------------------------------------------------------
	# end : main 
---------------------------------------------------------------------------------*/








/*--------------------------------------------------------------------------------
	# login/join
---------------------------------------------------------------------------------*/
.member .btn_area {display: flex; justify-content: center; padding: 10px 0; }
.member .btn_area .btn_black {width: 50%; margin: 0 auto;}
/*회원가입*/
.join_wrap { width: 60%; margin: 12% auto 16%;}
.join_wrap .tit {font-size:24px; margin-bottom:10px;}
.join_wrap .stit { text-align: left;font-family: 'SpoqaHanSansNeo-Medium'; font-size: 18px; border-bottom: 1px rgb(0 0 0 / 75%) solid; padding-bottom: 10px; color:#1c1c1c; margin: 20px 0 16px;}
.join_wrap .form {margin-bottom: 60px;}
.join_wrap .form ul div {font-family: 'SpoqaHanSansNeo-Medium'; font-size: 15px;}
.join_wrap .form ul li {margin-bottom: 10px; display: flex; justify-content:start; align-items: center;}
.join_wrap .form ul li span:first-child {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; width:25%;}
.join_wrap .form ul li span:last-child {width:75%;}
.join_wrap .form ul li input {width:100%;}
.join_wrap .form ul li .email { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
.join_wrap .form ul li .email .email-at {width:90px; text-align: center;}
.join_wrap .form ul li .sel_base {width:100%;}
.join_wrap .form .doubleCheck {font-size: 12px; font-family: 'SpoqaHanSansNeo'; font-weight: 300; color:rgb(46 178 161); margin-bottom: 4px;}
.join_wrap .form .btn_joinCheck {border-radius: 4px; display: inline-block; padding: 4px 8px; background: #2f2f2f; color:#fff; font-size: 13px; margin-bottom: 6px; cursor: pointer;}
.join_wrap .form .btn_joinCheck2 {border-radius: 4px; display: inline-block; padding: 10px 10px; background: #2f2f2f; color:#fff; font-size: 13px; cursor: pointer;}
.join_wrap .form .joinCheck3 {position: relative;}
.join_wrap .form .joinCheck3 .btn_joinCheck3 {position: absolute; right:10px; top: 50%; transform: translateY(-50%);border-radius: 4px; display: inline-block; padding: 4px 8px; background: #2f2f2f; color:#fff; font-size: 13px; margin-bottom: 6px; cursor: pointer;}
.join_wrap .form .phone {display: flex; justify-content: space-between; align-items: center;}
.join_wrap .form .phone .inp_base {width:70%}
.join_wrap .terms_wrap {margin-bottom: 20px;}
.join_wrap .terms_wrap .terms_check {margin-bottom:14px; display: flex; justify-content: space-between;}
.join_wrap .terms_wrap .terms_check .more { font-size: 13px; color: rgb(28 28 28 / 100%); cursor: pointer; background:url(../images/common/arrow_right.svg) 100% 50% / 16px no-repeat; padding-right:18px; opacity: .8; display: flex;  align-items: center;}
.join_wrap .terms_wrap .terms_check.all_terms .label {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c;}
/*
.join_wrap .terms_wrap .term_box { height:140px;font-family: 'SpoqaHanSansNeo'; overflow-y:scroll; border:1px solid #dadada; border-radius:4px; margin-top:10px; padding:10px; font-size:12px; margin-bottom: 10px;}
.join_wrap .terms_wrap .term_box .ti { margin-bottom:6px; color:#1c1c1c;}
.join_wrap .terms_wrap .term_box p {color:#7d7d7d; line-height:18px; font-size: 12px;}
.join_wrap .terms_wrap .term_box p.start {color:#1c1c1c;}
.join_wrap .terms_wrap .term_box p.end { margin-bottom:20px;}
*/
/*로그인*/
.tab_login_nav {width:100%;display:flex;padding:0 0 10px; margin-bottom:20px}
.tab_login_nav > *{flex:1;font-size:15px; font-weight: 300; color:#ccc; letter-spacing: -0.45px;padding:12px 15px;display:flex;align-items: center;justify-content: center;min-height:55px;border:1px solid #ccc;border-right:0;border-bottom-color: #1c1c1c;}
.tab_login_nav > *:last-child {border-right:1px solid #ccc}
.tab_login_nav > *.selected{font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; border:1px solid #1c1c1c; border-bottom-color: #fff;}
.tab_login_nav .selected + *{border-left:0}
.tab-default {display:flex;flex-wrap: wrap;justify-content: center;padding-top:17px;}

.login_wrap { width: 60%; margin: 12% auto 16%;}
.login_wrap .tit {font-size:24px; margin-bottom:10px;}
.login_wrap .form_area {width:100%; margin: 0 auto;}
.login_wrap .form_area li { height: 46px; line-height: 46px; margin-bottom:14px;}
.login_wrap .memberInfo_search { display: flex; justify-content: end; align-items: center; margin: 10px 0 50px;}
.login_wrap .memberInfo_search span {cursor: pointer;}
.login_wrap .memberInfo_search span.join { font-family: 'SpoqaHanSansNeo-Medium';}
.login_wrap .txt {text-align: center; margin: 30px 0 20px; color:rgb(0 0 0 / 60%)}
.login_wrap .btn-join-wrap { text-align:center;}
.login_wrap .btn-join-wrap .tit_line { position: relative; width:100%; margin: 40px 0 15px; font-size: 15px; color: #555;}
.login_wrap .btn-join-wrap .tit_line:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; content: ''; z-index: 1;}
.login_wrap .btn-join-wrap .tit_line .jtit { display: inline-block; padding: 0 10px; z-index: 2; position: absolute; top:-11px; left:0; width:100%; text-align: center;}
.login_wrap .btn-join-wrap .tit_line .jtit>em { display: inline-block; padding: 0 10px; background: #fff; color:#9a9a9a;}
.login_wrap .btn-join-wrap .btn_join { border: 1px solid #222; border-radius: 25px; height: 50px; font-family: 'SpoqaHanSansNeo'; font-size: 15px; background: #fff; width: 80%; margin: 30px auto;}
.login_wrap .btn-join-wrap .btn_join:hover { border: 1px solid #222; background: #222; color:#fff}
.login_wrap .kakao_login {width: 80%; height: 50px; line-height: 50px; border-radius: 25px; background-color: #fee500; display: block; margin: 0 auto;}
.login_wrap .kakao_login i {background: url(../images/kakao.svg)no-repeat center center; width: 26px; height: 100%; vertical-align: middle; display: inline-block; margin-right: 6px;}

/* 비회원 로그인 */
.nomblogin_wrap { width:60%; margin: 12% auto 30%;}
.nomblogin_wrap .tit {font-size:24px; margin-bottom:10px;}
.nomblogin_wrap div {margin-bottom: 10px;}
.nomblogin_wrap .input-phone_num { width:100%; position: relative;}
.nomblogin_wrap .phone_num {font-size:12px; background:#222; color:#fff; padding:6px 10px; border-radius:25px; position: absolute; right:2%; top:22%; z-index:3;}

/* 아이디/비번찾기 */
.login_wrap .ti {margin-bottom: 10px;}
.login_wrap .ti div{ font-size: 22px; font-family: 'SpoqaHanSansNeo-Bold';}
.login_wrap .form_area div {font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; margin-top: 30px;}
.login_wrap .form_area p {margin-bottom: 10px;}
.login_wrap .form_area a {width: 100%; display: block; text-align: center; margin-bottom: 30px; padding: 40px 0 10px;}
.login_wrap .form_area a::before {background-image: url(../images/common/phone.svg); content: ''; display:block; margin: 0 auto 10px; width:70px; height:66px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}
.login_wrap .form_area a span {font-size: 16px;}
.login_wrap .noti {background-color: rgb(0 0 0 / 3%); border-radius: 2px; padding: 14px;}
.login_wrap .noti ul li {font-size: 13px; color: rgba(0 0 0 / 60%);word-break: keep-all; position: relative;padding-left: 10px;line-height:20px; margin-bottom: 10px;}
.login_wrap .noti ul li:after {content: '-';float: left;font-size: 12px;position: absolute;top: 0px;left: 0px;}
.login_wrap .noti ul li:last-child {margin-bottom: 0;}
/*--------------------------------------------------------------------------------
	# end : login/join
---------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
	# Mypage
---------------------------------------------------------------------------------*/
/* mypage-main */
.mypage { width: 100%; margin: 30px auto;}
.mypage h3 {margin-bottom:16px;}
.mypage .greetings {width:94%; margin:40px auto 30px; font-size: 40px; font-family: 'SpoqaHanSansNeo-Light';}
.mypage .greetings span { font-family: 'SpoqaHanSansNeo';}
.mypage .box { border-bottom: 8px solid rgb(0 0 0 / 4%);}
.mypage .myMenu { width: 94%; margin: 0 auto 30px;}
.mypage .myMenu ul {margin-bottom: 10px; display: flex; justify-content: space-between;}
.mypage .myMenu ul li { width:calc(100% / 2); background: rgb(0 0 0 / 2%); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding:16px;font-family: 'SpoqaHanSansNeo-Medium'; cursor: pointer;}
.mypage .myMenu ul li:first-child {margin-right: 2%;}
.mypage .myMenu ul li span:last-child {color: #2eb2a1;font-family: 'SpoqaHanSansNeo-Bold'; cursor: pointer;}
.mypage .myMenu ul li .myinfoModify {width:18px; height: 18px; fill:#2eb2a1; background: url(../images/common/edit_pen.svg) 100% 50% / 18px no-repeat;}
.mypage .menu ul li {width:94%; margin:0 auto;font-family: 'SpoqaHanSansNeo-Medium'; padding:20px 0 10px; background: url(../images/common/arrow_right.svg) 100% 50% / 24px no-repeat;}
.mypage .btn_area {width:94%; margin: 0 auto;}

/* reservaList */
.reservaList {min-height:600px;}
.reservaList .list_wrap {margin-bottom:50px}
.reservaList .list_wrap .year {font-family: 'SpoqaHanSansNeo-Bold'; color:#1c1c1c; font-size: 18px; border-bottom: 1px solid #1c1c1c; padding-bottom: 6px;}
.reservaList .list_wrap .year .sel_base {margin-left: 10px; height: 38px; padding: 8px 50px 8px 20px;background: url(../images/common/sel_arrow_down.svg) calc(100% - 12px) 50%/16px no-repeat;}
.reservaList .list_wrap .list {border-bottom: 1px solid rgb(0 0 0 / 10%); padding: 20px 0 22px; }
.reservaList .list_wrap .list:last-child {border-bottom: 0;}
.reservaList .list_wrap .list .area01 {display: flex; justify-content: start; align-items: center; margin-bottom: 10px;}
.reservaList .list_wrap .list .area01 span {margin-right: 6px;}
.reservaList .list_wrap .statebox{border-radius:4px; text-align:center; font-size: 13px; display:inline-block; padding:2px 6px;}
.reservaList .list_wrap .reserva { background:#fff3e3; color: #d56840;}
.reservaList .list_wrap .ticketing { background:#e3fcff; color: #40b7d5;}
.reservaList .list_wrap .cancel { background:#ebebeb; color: #818181;}
.reservaList .list_wrap .list .area02 {display: flex; justify-content: space-between;}
.reservaList .list_wrap .list .area02 .info_area {display: flex; justify-content:start; width:75%}
.reservaList .list_wrap .list .area02 .info_area .item_img_box { width:16%; height:66px; border-radius: 6px; margin:4px 20px 0 0; }
.reservaList .list_wrap .list .area02 .info_area .item_img_box .item_img {position: relative; width:100%; height: 100%; } 
.reservaList .list_wrap .list .area02 .info_area .item_img_box .item_img img { width:100%; height:100%; border-radius: 6px;}
.reservaList .list_wrap .list .area02 .info_area .data {width:84%}
.reservaList .list_wrap .list .area02 .info_area .data p {line-height: 22px;}
.reservaList .list_wrap .list .area02 .info_area .data .tit { font-family: 'SpoqaHanSansNeo-Medium'; font-size: 16px; color:#1c1c1c; max-height: 48px; line-height: 22px;  text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.02em;}
.reservaList .list_wrap .list .area02 .info_area .data .category { font-family: 'SpoqaHanSansNeo'; font-size: 13px; color:rgb(0 0 0 / 60%); height: 20px; line-height: 20px;} 
.reservaList .list_wrap .list .area02 .btn_area {width:25%; padding:0 0 0 5%;}
.reservaList .list_wrap .list .area02 .btn_area button {width: 100%; min-height: 40px; margin-bottom: 6px;}

/* airTicket */
.reservaList .list_wrap .airTicket {border-bottom: 1px solid rgb(0 0 0 / 16%); padding: 20px 0 22px; }
.reservaList .list_wrap .airTicket:last-child {border-bottom:0;}
.reservaList .list_wrap .airTicket .area01 span:first-child {color: rgb(0 0 0 / 60%);}
.reservaList .list_wrap .airTicket .area02 {display: flex; flex-direction: column; margin-top: 20px;}
.reservaList .list_wrap .airTicket .area02 .route {display: flex; justify-content: start; align-items: center; margin-bottom: 30px;}
.reservaList .list_wrap .airTicket .area02 .route .airRoute {display: flex; justify-content: start; align-items: center;}
.reservaList .list_wrap .airTicket .area02 .route .airRoute .code {font-family: 'SpoqaHanSansNeo-Bold'; font-size: 24px; color:#1c1c1c; margin-right: 6px;}
.reservaList .list_wrap .airTicket .area02 .route .airRoute .city {font-family: 'SpoqaHanSansNeo'; font-size: 15px; color:#999;}
.reservaList .list_wrap .airTicket .area02 .route .airRoute .arrow {background: url(../images/common/arrow_type02_right.svg) 50% 50% / 20px no-repeat; width: 50px; height: 30px;}
.reservaList .list_wrap .airTicket .area02 .route .airTicket_num { margin-left: 20px;font-family: 'SpoqaHanSansNeo-Bold'; font-size: 24px; color:#2eb2a1;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo {display: flex; align-items: center; margin-bottom: 8px;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo .airline_name { font-family: 'SpoqaHanSansNeo-Medium'; font-size: 15px; color:#1c1c1c; margin-left:10px}
.reservaList .list_wrap .airTicket .area02 .airlineInfo .airline_symbol {width:16px; height:16px;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo .airline_symbol img {width:100%; height:100%;}
.reservaList .list_wrap .airTicket .area02 .go {border-bottom: 1px dashed rgb(0 0 0 / 10%); margin-bottom: 20px; padding-bottom: 20px;}
.reservaList .list_wrap .airTicket .area02 .go p {background: url(../images/common/flight_depart.svg) 0 50% / 18px no-repeat;}
.reservaList .list_wrap .airTicket .area02 .come p {background: url(../images/common/flight_arrival.svg) 0 50% / 18px no-repeat;}
.reservaList .list_wrap .airTicket .area02 div p {width: 100%; font-size: 15px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; margin-bottom: 7px; padding-left: 26px;}
.reservaList .list_wrap .airTicket .area02 div ul {float: left; width: 50%; display: flex; justify-content: start;}
.reservaList .list_wrap .airTicket .area02 div ul:last-child {float: right;}
.reservaList .list_wrap .airTicket .area02 div ul li:first-child {color:#1c1c1c; margin-right: 4px;}
.reservaList .list_wrap .airTicket .area02 div ul li:last-child {color:rgb(0 0 0 / 60%); letter-spacing: -0.4px;}
.reservaList .list_wrap .airTicket .btn_area {width:100%; padding: 0 0 40px; display: flex; justify-content: space-between; }
.reservaList .list_wrap .airTicket .btn_area button {width: 49%;min-height: 40px; margin-bottom: 6px;}
.reservaList .list_wrap .airTicket .btn_area .btn_gray { cursor:default;}

/*
.reservaList .list_wrap .airTicket {border-bottom: 1px solid rgb(0 0 0 / 16%); padding: 20px 0 22px; }
.reservaList .list_wrap .airTicket:last-child {border-bottom:0;}
.reservaList .list_wrap .airTicket .area01 span:first-child {color: rgb(0 0 0 / 60%);}
.reservaList .list_wrap .airTicket .area02 {display: flex; flex-direction: column; margin-top: 20px;}
.reservaList .list_wrap .airTicket .area02 .route {display: flex; justify-content: start; align-items: center; margin-bottom: 30px;}
.reservaList .list_wrap .airTicket .area02 .route .code {font-family: 'SpoqaHanSansNeo-Bold'; font-size: 24px; color:#1c1c1c; margin-right: 6px;}
.reservaList .list_wrap .airTicket .area02 .route .city {font-family: 'SpoqaHanSansNeo'; font-size: 15px; color:#999;}
.reservaList .list_wrap .airTicket .area02 .route .arrow {background: url(../images/common/arrow_type02_right.svg) 50% 50% / 20px no-repeat; width: 50px; height: 30px;}
.reservaList .list_wrap .airTicket .area02 .route .airTicket_num { margin-left: 20px;font-family: 'SpoqaHanSansNeo-Bold'; font-size: 24px;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo {display: flex; align-items: center; margin-bottom: 10px;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo .airline_symbol {height:20px;padding-left: 24px;}
.reservaList .list_wrap .airTicket .area02 .airlineInfo .airline_name {font-family: 'SpoqaHanSansNeo-Bold'; margin-right:10px}
.reservaList .list_wrap .airTicket .area02 .go {border-bottom: 1px dashed rgb(0 0 0 / 10%); margin-bottom: 20px; padding-bottom: 20px;}
.reservaList .list_wrap .airTicket .area02 .go p {background: url(../images/common/flight_depart.svg) 0 50% / 18px no-repeat;}
.reservaList .list_wrap .airTicket .area02 .come p {background: url(../images/common/flight_arrival.svg) 0 50% / 18px no-repeat;}
.reservaList .list_wrap .airTicket .area02 div p {width: 100%;  font-family: 'SpoqaHanSansNeo-Medium'; font-size: 15px; color:#1c1c1c; margin-bottom: 7px; padding-left: 26px;}
.reservaList .list_wrap .airTicket .area02 div ul {float: left; width: 50%;}
.reservaList .list_wrap .airTicket .area02 div ul:last-child {float: right;}
.reservaList .list_wrap .airTicket .area02 div ul li:first-child {color:#999;}
.reservaList .list_wrap .airTicket .area02 div ul li:last-child {color:rgb(0 0 0 / 70%); font-size: 15px;}
.reservaList .list_wrap .airTicket .btn_area {width:40%; padding:20px 0 0;}
.reservaList .list_wrap .airTicket .btn_area .btn_gray { width: 100%; margin-bottom: 6px; cursor:default;}
*/
/* modify */
.modify {min-height: 600px;}
.modify p { margin-bottom:30px; }
.modify_area {width:80%; margin: 0 auto;}
.modify_area ul li {margin-bottom: 10px; height: 50px; line-height: 50px; display: flex; justify-content:start; align-items: center;}
.modify_area ul li span:first-child {width:20%; font-family: 'SpoqaHanSansNeo-Medium'; color:rgb(0 0 0 / 65%);}
.modify_area ul li span:last-child  {width:80%;}
.modify_area ul li .passport {width:49%; }
.modify_area ul li .passport:first-child {margin-right: 6px;}
.modify_area ul li .unregister {border:1px solid rgb(0 0 0 / 10%); color: rgb(0 0 0 / 40%); border-radius: 25px; padding: 4px 12px; cursor: pointer;}
.modify_area ul li .unregister:hover {border:1px solid rgba(153, 153, 153); background:rgb(153, 153, 153); color:#fff;font-family: 'SpoqaHanSansNeo'; border-radius: 25px; padding: 4px 12px;}
.modify .btnReservation {margin:0 auto}

/* review */
.review_list {min-height: 600px;}
.review_list .year {font-family: 'SpoqaHanSansNeo-Medium'; font-size: 18px; border-bottom: 1px solid rgb(0 0 0 / 65%); padding-bottom: 6px;}
.review_list .item {display: flex; justify-content: space-between;border-bottom: 1px solid rgb(0 0 0 / 10%); padding: 20px 0 22px; }
.review_list .item .info_area {display: flex; justify-content:start; width:75%}
.review_list .item .info_area .item_img_box { width:16%; height:66px; border-radius: 6px; margin:4px 20px 0 0; }
.review_list .item .info_area .item_img_box .item_img {position: relative; width:100%; height: 100%; border-radius: 6px; background-size: cover;background-repeat: no-repeat;background-position: 50%;} 
.review_list .item .info_area .data {width:84%}
.review_list .item .info_area .data p {line-height: 22px; font-size: 13px;}
.review_list .item .info_area .data .tit { font-family: 'SpoqaHanSansNeo-Medium'; font-size: 15px; color:#1c1c1c; max-height: 40px; line-height: 22px; overflow: hidden;white-space: normal; text-overflow: ellipsis;letter-spacing: -0.02em; margin-bottom: 6px;}
.review_list .item .btn_area {width:25%; padding:0 0 0 5%;}
.review_list .item .btn_area button {width: 100%; min-height: 40px; margin-bottom: 6px;}
.review_list .myreview {padding:20px; background: rgb(0 0 0 / 2%);}
.review_list .myreview p {color:rgb(0 0 0 / 80%); font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.review_list .myreview .photo::after {display: block; content: ''; clear: both;}
.review_list .myreview .photo .item_img_box { width:100px; height:100px; border-radius: 6px; margin:0 10px 10px 0; float: left; }
.review_list .myreview .photo .item_img_box:last-child {margin-right:0}
.review_list .myreview .photo .item_img_box .item_img {position: relative; width:100%; height: 100%; border-radius: 10px; background-size: cover;background-repeat: no-repeat;background-position: 50%;} 
.review_list .myreview .writerInfo {display: flex; justify-content: end; align-items: center;}
.review_list .myreview .writerInfo .score { background:url(../images/common/star.svg) 0 50% / 16px no-repeat; padding-left:20px; color:#1758d1; font-family: 'SpoqaHanSansNeo-Medium';}
.review_list .myreview .writerInfo .dot { margin: 0 4px;}
.review_list .myreview .writerInfo > p {margin-bottom: 0; font-size: 13px;color:rgb(0 0 0 / 60%);}

/* wishlist */
.wishlist .list {min-height: 500px; height: auto;}
.wishlist .list::after {display: block; content: ''; clear: both;}
.wishlist h4 {margin-bottom: 6px;}
.wishlist p { margin-bottom:20px}
.wishlist .tab_area {margin-bottom: 10px;}
.wishlist .item_box {width: 360px; float: left; margin-bottom: 40px;}
.wishlist .item_box:nth-child(odd) {margin-right: 20px;}
.wishlist .item_box .item_img {width:100%; height: 360px; border-radius: 10px; overflow: hidden; margin-bottom: 14px;}
.wishlist .item_box .item_img img { width: 100%; height: 100%; object-fit: cover;}
.wishlist .item_box .item_info {width: 100%; position: relative;}
.wishlist .item_box .item_info::after {display: block; content: ''; clear: both;}
.wishlist .item_box .item_info .label {font-size: 13px; font-family: 'SpoqaHanSansNeo'; letter-spacing: -0.02em;}
.wishlist .item_box .item_info .label .class {color:#898989;}
.wishlist .item_box .item_info .label .best {color:#cca404;}
.wishlist .item_box .item_info .label .dot {color:rgb(0 0 0 / 50%);font-family: 'SpoqaHanSansNeo-Bold';}
.wishlist .item_box .item_info .tit {width:96%; color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em;}

/* coupon */
.coupon {width:100%; margin: 30px auto; min-height: 600px;}
.coupon .box {border-bottom: 8px solid rgb(0 0 0 / 4%); }
.coupon .box:last-child {border-bottom:0}
.coupon h3 {margin-bottom: 6px;}
.coupon h4 {margin-bottom: 20px;}
.coupon .inner .cpdownBox {margin-bottom:50px;}
.coupon .inner div { display: flex; justify-content: space-between; margin-bottom: 10px;}
.coupon .inner div .inp_base {width:87%; margin-right: 1%;}
.coupon .inner div .btn_coupon {width:12%; height:50px; float:right; background:#1758d1; color:#fff; border-radius: 2px;}
.coupon .inner .tt { margin-bottom:20px;}
.coupon .inner .tt span {color:#1758d1;}
.coupon .inner .tab_coupon {display: flex; justify-content: space-between;}
.coupon .inner .tab_coupon div {width:49%; margin-right:2%; border-bottom: 2px solid #1c1c1c; display: flex; justify-content: center; padding-bottom: 10px; font-size: 16px;  font-family: 'SpoqaHanSansNeo-Medium';}
.coupon .inner .tab_coupon div:last-child {margin-right:0}
.coupon .inner .tab_coupon div.selected {border-color:#1758d1; color:#1758d1;}
.coupon .inner .list {display:flex; flex-wrap:wrap;}
.coupon .inner .list div {width:calc(99% / 2 - 1%); margin-right: 1%; margin-bottom: 16px;}
.coupon .inner .list div:nth-of-type(even) {margin-right: 0;}

/*사용가능*/
.available_cp {border-radius: 20px; background: rgba(109, 162, 241, 0.09); padding: 16px 20px; display: flex; flex-direction: column; position: relative; cursor: pointer; float: left;}
.available_cp:hover {box-shadow:3px 6.4px 10.8px 5.2px rgb(0 0 0 / 10%);}
.available_cp .ico {background:url(../images/common/download_white.svg) 50% 50% / 24px no-repeat; position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; background-color: #5178e2; border-radius: 100%;}
.available_cp .tit {width:96%; color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em;}
.available_cp .discount {font-size: 24px; font-family: 'SpoqaHanSansNeo-Bold'; color:#1758d1; margin-bottom: 10px;}
.available_cp p {display: flex; align-items: center;}
.available_cp .available {color:#1758d1; margin-left: 10px;}

/*사용불가능*/
.n_available_cp {border-radius: 20px; background: rgb(0 0 0 / 4%); padding: 16px 20px; display: flex; flex-direction: column; position: relative; opacity: .7;float: left;}
.n_available_cp .ico {background:url(../images/common/download_check.svg) 50% 50% / 24px no-repeat; position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; background-color: #c5c5c5; border-radius: 100%; opacity: .6;}
.n_available_cp .tit {width:96%; color:#666666; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em;}
.n_available_cp .discount {font-size: 24px; font-family: 'SpoqaHanSansNeo-Bold'; color:#555;letter-spacing: -0.8px;margin-bottom: 10px;}
.n_available_cp p { display: flex; align-items: center;}
.n_available_cp .available {color:#777777; margin-left: 10px;}
/*--------------------------------------------------------------------------------
	# end : Mypage 
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# air
---------------------------------------------------------------------------------*/
/* air_main */
.bg_air {background:url(../images/bg_air.jpg) no-repeat center top fixed; background-size:auto; background-color: #fff; width:100%; min-height:610px; position:relative;}
.air_search {width:80%; margin: 30px auto 50px;}
.air_search .area01 {height:50px; line-height: 50px; border-radius: 20px 20px 0 0; background-color: rgba(255 255 255 / 40%); backdrop-filter: blur(6px); border-bottom:1px solid #1c1c1c; display: flex; justify-content: center;}
.air_search .area01 a {display:inline-flex; color:#fff; font-weight: 500; font-size: 18px; margin: 0 32px;}
.air_search .area01 a:hover {color:#1c1c1c;font-family: 'SpoqaHanSansNeo-Bold'; border-bottom:2px solid #2eb2a1; transform: translateY(1px); }
.air_search .area01 a.selected {color:#1c1c1c;font-family: 'SpoqaHanSansNeo-Bold'; border-bottom:2px solid #2eb2a1; transform: translateY(1px); }
.air_search .area02 {width:100%; margin:0 auto; border-radius: 0 0 20px 20px; padding:20px 0; background-color: #fff; box-shadow:3px 7.4px 20.8px 8.2px rgb(0 0 0 / 10%);}
.air_search .wrap_way {width:92%; margin:0 auto; display: flex; justify-content:space-between;}
.air_search .wrap_way button {width:calc(100% / 2 -50px);}
.air_search .wrap_way .arrow { width:50px; height:50px; display:flex; align-items:center;}
.air_search .wrap_way .arrow.type1 {background:url(../images/common/air_arrow_type01.svg) 50% 50% / 24px no-repeat; opacity:.4;}
.air_search .wrap_way .arrow.type2 {background:url(../images/common/air_arrow_type02.svg) 50% 50% / 24px no-repeat; opacity:.4;}
.air_search .wrap_way .code {font-size:26px; font-weight: 800;}
.air_search .wrap_way .country {font-size:16px; font-weight: 500;}
.air_search .wrap_way .default {font-size:26px; font-weight: 800; color:rgba(0,0,0,.2);}

.air_search .area02 .wrap_multi {width:92%; margin:0 auto; }
.air_search .area02 .wrap_multi li {display: flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(0 0 0 / 10%); position:relative;}
.air_search .area02 .wrap_multi li:after {display:block; content:''; clear:both;}
.air_search .area02 .wrap_multi li .remove {display:block; width:24px; height:24px; position:absolute; background:url(../images/common/btn_remove.svg) no-repeat; top:30%; right:10px; opacity:.4; cursor:pointer;}
.air_search .area02 .wrap_multi li .remove:hover {opacity:100%;}
.air_search .area02 .wrap_multi li button {width:calc(100% / 2 -50px);}
.air_search .area02 .wrap_multi li .arrow { width:50px; height:50px; display:flex; align-items:center;}
.air_search .area02 .wrap_multi li .arrow.type1 {background:url(../images/common/air_arrow_type01.svg) 50% 50% / 24px no-repeat; opacity:.4;}
.air_search .area02 .wrap_multi li .arrow.type2 {background:url(../images/common/air_arrow_type02.svg) 50% 50% / 24px no-repeat; opacity:.4;}
.air_search .area02 .wrap_multi li .code {font-size:20px; font-weight: 800; height:24px;}
.air_search .area02 .wrap_multi li .country {font-size:14px; font-weight: 500;}
.air_search .area02 .wrap_multi li .default {font-size:20px; font-weight: 800; color:rgba(0,0,0,.2);}
.air_search .area02 .wrap_multi .journey_area {text-align:center; padding-top:20px; display:flex; align-items:center;justify-content: center; cursor:pointer;}
.air_search .area02 .wrap_multi .journey_area svg {margin-right:6px}
.air_search .btn_search { width:100%; height:50px; line-height:50px; background:rgba(255 255 255 / 70%); backdrop-filter: blur(6px); margin-top:10px; border-radius:10px; text-align:center; color:#1c1c1c; font-size:16px; font-weight:500; cursor:pointer;}
.air_search .btn_search:hover {background:#2eb2a1; color:#fff;}

.air_searchHistory {width:800px; margin:0 auto 40px; overflow: hidden;}
.air_searchHistory h3 {padding-left:30px; font-size:20px; color:#fff;font-family: 'SpoqaHanSansNeo-Bold';}
.air_searchHistory .searchHistory_area {width: 800px; padding:0 30px 10px 30px;overflow: hidden;}
.air_searchHistory .searchHistory_area .historyBox {position: relative; background: #fff; padding: 10px 16px; display: flex; flex-direction: column; border-radius: 10px; cursor: pointer; margin-right: 10px; box-shadow: 3px 2.4px 4.8px 2.2px rgb(0 0 0 / 10%)}
.air_searchHistory .searchHistory_area .historyBox .close {position: absolute; top: 6px; right: 6px; background: url(../images/common/close.svg) 50% 50% / 18px no-repeat; width: 18px; height: 18px; cursor: pointer; z-index: 4;}
.air_searchHistory .searchHistory_area .historyBox .area01 { display: flex;}
.air_searchHistory .searchHistory_area .historyBox .area01 .way {border:1px solid #1da28e; border-radius: 10px; padding: 0 6px; color:#1da28e; font-size: 13px;margin-bottom: 4px;}
.air_searchHistory .searchHistory_area .historyBox .area02 {display: flex; justify-content: flex-start; align-items: center;}
.air_searchHistory .searchHistory_area .historyBox .area02 .code {font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold';}
.air_searchHistory .searchHistory_area .historyBox .area02 .cityName {max-width:70px; font-size: 14px; font-weight: 400; color:rgb(0 0 0 / 40%); margin-left:4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: inline-block;}
.air_searchHistory .searchHistory_area .historyBox .area02 .arrow {width: 20px; height: 20px; margin: 0 10px;}
.air_searchHistory .searchHistory_area .historyBox .area02 .arrow.type1 {background: url(../images/common/air_arrow_type01.svg) 50% 50% / 17px no-repeat;opacity: .4;}
.air_searchHistory .searchHistory_area .historyBox .area02 .arrow.type2 {background: url(../images/common/air_arrow_type02.svg) 50% 50% / 17px no-repeat;opacity: .4;}
.air_searchHistory .searchHistory_area .historyBox .area03 {color:rgb(0 0 0 / 60%); font-size:13px;}

.air {background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 50%);padding-bottom: 100px;}
.air > h3 {padding-left:30px; margin-bottom:20px;}
.air > h3 div {display: flex;justify-content: start;font-size: 20px;font-family: 'SpoqaHanSansNeo-Bold';color: #1c1c1c;letter-spacing: -1.2px;}
.air > h3 > span {height:20px; font-size:16px; color:rgb(0 0 0 / 60%); margin-bottom: 6px;}
.air .ba_area  {width:800px; padding: 0 30px; overflow:hidden;}
.air .ba_area .ba {display: flex; flex-direction: column;}
.air .ba_area .ba .ba_img {width:100%; height:180px; border-radius: 10px; margin-bottom:14px;}
.air .ba_area .ba .cont .area01 {color:#999; font-size: 14px; margin-bottom: 4px;}
.air .ba_area .ba .cont .area02 {color:#1c1c1c; font-size:18px;font-family: 'SpoqaHanSansNeo-Bold';}

/* air_list */
.selectData {display:flex; flex-direction: column;}
.selectData:after {display:block; content:''; clear:both;}
.selectData > .area01 {padding:10px 12px 0;}
.selectData > .area01 p:first-child {font-size: 16px; font-family: 'SpoqaHanSansNeo-Medium'; font-weight: 600; color:#1c1c1c; display: flex; align-items: center;}
.selectData > .area01 p:last-child { font-family: 'SpoqaHanSansNeo'; color:#9f9f9f; font-size:12px; line-height:16px;}
.selectData > .area01 .arrow { width:20px; height:20px; margin: 0 10px; display: inline-block;}
.selectData > .area01 .arrow.type1 {background:url(../images/common/air_arrow_type01.svg) 50% 50% / 18px no-repeat; opacity: .4;}
.selectData > .area01 .arrow.type2 {background:url(../images/common/air_arrow_type02.svg) 50% 50% / 18px no-repeat; opacity: .4;}
.selectData > .area02::after {display:block; content:''; clear:both;}
.selectData > .area02 ul {display: flex;padding: 12px 4px; overflow: auto;align-items: center;white-space: nowrap;}
.selectData > .area02 ul li {height:32px; border: 1px solid rgb(0 0 0 / 30%); border-radius: 16px; padding:0 10px; background-color: #ffffff;color:#2eb2a1; font-family: 'SpoqaHanSansNeo'; display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center; box-sizing: border-box;-webkit-tap-highlight-color: transparent; outline: 0px; margin: 0 4px;cursor: pointer;user-select: none;vertical-align: middle; appearance: none;}
.selectData > .area02 ul li span {color:rgb(0 0 0 / 60%)}
.selectData > .area02 ul::-webkit-scrollbar{display:none;}

.selBox {width:100%; background-color:rgba(0, 0, 0, .04);  display: flex; justify-content:space-between; flex-direction: column;}
.selBox .flycityInfo {width:100%; margin:0 auto 6px;}
.selBox .flycityInfo .area01 {display: flex; justify-content:start; height:28px; line-height:28px;}
.selBox .flycityInfo .area01 .cityCode {font-size:16px; font-family: 'SpoqaHanSansNeo-Bold';}
.selBox .flycityInfo .area01 .cityCode span {font-size:14px; font-family: 'SpoqaHanSansNeo';}
.selBox .flycityInfo .area01 .arrow { width:30px; height:30px;}
.selBox .flycityInfo .area01 .arrow.type1 { background:url(../images/common/air_arrow_type01.svg) 50% 50% / 18px no-repeat; opacity:.4;}
.selBox .flycityInfo .area01 .arrow.type2 { background:url(../images/common/air_arrow_type02.svg) 50% 50% / 18px no-repeat; opacity:.4;}
.selBox .flycityInfo .area02 {display: flex; justify-content:start; height:24px; line-height:24px;color:rgb(0 0 0 / 70%);}
.selBox .flycityInfo .area02 span { font-size:14px; color:424242;  position:relative;}
.selBox .flycityInfo .area02 span.date {font-family: 'SpoqaHanSansNeo'; margin-right:4px;}
.selBox .flycityInfo .area02 span.line {padding:0 6px; margin:0 6px; display:block;}
.selBox .flycityInfo .area02 span.line::before {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: right; position: absolute; top: 7px; right: 0px; }
.selBox .flycityInfo .area02 span.line::after {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: left; position: absolute; top: 7px; left: 0px;}
.selBox .research_wrap {width:94%; margin:0 auto;}
.selBox .research {display:flex; overflow: hidden; overflow-x: auto; width:100%; padding:10px;}
.selBox .research .airline_symbol {width:20px; height:20px; display: flex; margin: 0 4px 0 0;}
.selBox .research .airline_symbol img {width:100%; height:100%;}

.selBox .research .default {display: flex; -webkit-box-flex: 1; flex-grow: 1; flex-direction: column; min-width: 160px; padding: 6px 8px; text-align:left; background:#ebebeb; border: 2px solid #ebebeb; border-radius:8px; margin-right:10px;}
.selBox .research .default:last-child {margin-right:0}
.selBox .research .default .area01 {height:24px; line-height:24px;display: flex; justify-content: start; align-items: center;}
.selBox .research .default .area01 .cityCode {font-size:16px; font-weight:800;}
.selBox .research .default .area01 .cityCode span {font-size:14px; font-weight:400;}
.selBox .research .default .area01 .arrow { width:30px; height:26px; background:url(../images/common/arrow_type02_right.svg) 50% 50% / 16px no-repeat; opacity:.4; display:inline-block;}
.selBox .research .default .area02 {color:rgb(0 0 0 / 40%); font-size:13px; font-family: 'SpoqaHanSansNeo'; height:24px; line-height:24px; white-space: nowrap;}

.selBox .research .selected {display: flex;  -webkit-box-flex: 1; flex-grow: 1; flex-direction: column; min-width: 160px; padding:6px 8px;  background-color: #fff; border-radius:8px; margin-right:10px; border: 2px solid #2eb2a1; box-shadow:rgb(0 0 0 / 12%) 0px 4px 8px; }
.selBox .research .selected .area01 {height:24px; line-height:24px;display: flex; justify-content: start; align-items: center;}
.selBox .research .selected .area01 .cityCode {font-size:16px; font-weight:800;}
.selBox .research .selected .area01 .cityCode span {font-size:14px; font-weight:400;}
.selBox .research .selected .area01 .arrow { width:30px; height:26px; background:url(../images/common/arrow_type02_right.svg) 50% 50% / 18px no-repeat; opacity:.4; display:inline-block;}
.selBox .research .selected .area02 {height:24px; line-height:24px; color:rgb(0 0 0 / 75%); font-size:13px; font-family: 'SpoqaHanSansNeo'; white-space: nowrap;}
.selBox .research .selected .area02 span.line { position:relative; margin:0 10px 0 6px; }
.selBox .research .selected .area02 span.line::after {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: left; position: absolute; top: 5px; left: 0px;}

.selBox .research .selecInfo {display: flex;  -webkit-box-flex: 1; flex-grow: 1; flex-direction: column; min-width: 160px;  background:#fff; border-radius:8px; margin-right:10px; border:2px solid #fff;}
.selBox .research .selecInfo .area01 {height:24px; line-height:24px;display: flex; justify-content: start; align-items: center;}
.selBox .research .selecInfo .area01 .cityCode {font-size:16px; font-weight:800;}
.selBox .research .selecInfo .area01 .cityCode span {font-size:14px; font-weight:400;}
.selBox .research .selecInfo .area01 .arrow { width:30px; height:26px; background:url(../images/common/arrow_type02_right.svg) 50% 50% / 18px no-repeat; opacity:.4; display:inline-block;}
.selBox .research .selecInfo .area02 {height:24px; line-height:24px; color:rgb(0 0 0 / 75%); font-size:13px; font-family: 'SpoqaHanSansNeo'; white-space: nowrap;}
.selBox .research .selecInfo .area02 span.line { position:relative; margin:0 10px; }
.selBox .research .selecInfo .area02 span.line::after {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: left; position: absolute; top: 3px; left: 0px;}

/* air_result_list */
.air_result_list {  border-radius: 20px 20px 0 0; padding-top: 20px; background:#fff; min-height:400px;}
.result_box {overflow: hidden; padding: 20px 0; cursor:pointer; background: #ffffff; border-bottom:10px solid #f6f6f6;}
.result_box .area01 {width:94%; margin:0 auto; display:flex; justify-content: space-between; }
.result_box .area01 .routeInfo01 {width:50%; display: flex; flex-direction: column;}
.result_box .area01 .routeInfo01 .time_area {display: flex; align-items: center; justify-content: space-between; position: relative;}
.result_box .area01 .routeInfo01 .time_area .depart {font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; color:rgba(28 28 28 / 100%);}
.result_box .area01 .routeInfo01 .time_area .arrival {font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; color:rgba(28 28 28 / 100%); text-align: right;}
.result_box .area01 .routeInfo01 .time_area .city {font-size: 14px; color:#999; font-family: 'SpoqaHanSansNeo-Medium';}
.result_box .area01 .routeInfo01 .time_area .fltTmCheck {display: flex; flex-direction: column; text-align:center;font-size: 13px; color:#8c8c8c;/*position:absolute;top:7px;left: 50%;transform: translateX(-50%);*/}
.result_box .area01 .routeInfo01 .time_area .fltTmCheck div:first-child {position: relative; margin-bottom: 10px;}
.result_box .area01 .routeInfo01 .time_area .fltTmCheck div:first-child::after {content: '';width: 116px;height:10px;background:url(../images/arrow_oneway.png) no-repeat;position: absolute; top: 130%; left: 50%;transform: translateX(-50%) translateY(-50%);}
.result_box .area01 .routeInfo01 .time_area .fltTmCheck div:last-child {font-size: 11px; color:#358cdd}
.result_box .area01 .routeInfo02 { display: flex; align-items: center; justify-content: flex-end;}
.result_box .area01 .airline_symbol { color:rgba(28 28 28 / 100%); display: flex; align-items: center; justify-content: flex-start; margin-right: 50px;}
.result_box .area01 .airline_symbol img {width:20px; height: 20px; margin-right: 6px;}
.result_box .area01 .price_area {display: flex; justify-content: end; align-items: center;}
.result_box .area01 .price_area .price {font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; color:#2eb2a1;}
.result_box .area01 .price_area span {display:inline-block;}
.result_box .area01 .price_area .arrow_down {width:18px; margin-left: 4px;}
.result_box .area02.fristLine {padding-top: 30px;}
.result_box .area02 {display: flex; flex-direction: column; width: 94%; margin: 0 auto; color:rgb(0 0 0 / 80%);}
.result_box .area02 .date { font-family: 'SpoqaHanSansNeo-Medium'; font-size:15px; margin-bottom: 6px;}
.result_box .area02 .airline {display: flex; justify-content: flex-start; align-items: center; padding: 8px 0; border-bottom: 1px solid rgb(0 0 0 / 6%);}
.result_box .area02 .airline span {display: flex; align-items: center;}
.result_box .area02 .airline img {width: 20px; height: 20px; margin-right:6px; display: inline-block;}
.result_box .area02 .airline .time {position: relative; padding-left: 20px;}
.result_box .area02 .airline .time::before { background-color: #dddddd;content: '';display: block;height: 12px;left: 8px;position: absolute;top: 5px;width: 1px;}*/
.result_box .area02 .route {padding: 8px 0; display: flex; overflow-x: auto; white-space: nowrap; border:1px solid}
.result_box .area02 .airlineInfo {width:100%; display: flex; overflow-x: auto; white-space: nowrap; padding: 8px 0; border-top: 1px solid rgb(0 0 0 / 6%);}
.result_box .area02 .airlineInfo span {position: relative; padding-right: 20px;}
.result_box .area02 .airlineInfo span::after { background-color: #dddddd; content: ''; display: block; height: 12px; right: 8px; position: absolute; top: 5px;width: 1px;}
.result_box .area02 .airlineInfo span:last-child::after {display: none;}
.result_box .area02 .shareTime {padding: 16px; background: aliceblue; margin: 12px 0 16px; color:#358cdd;  display: flex; overflow-x: auto; white-space: nowrap;}
.result_box .area02 .area02 {width: 100%;}

/* air_select */
.selcityInfo {width:94%; margin:6px auto; display:flex; justify-content: center;}
.selcityInfo div {width:calc(100% / 2 - 50px); display: flex; align-items: center;}
.selcityInfo div span {font-size:17px; font-family: 'SpoqaHanSansNeo';}
.selcityInfo .cityCode1 {font-size:20px; font-family: 'SpoqaHanSansNeo-Bold'; color:rgb(28 28 28 / 100%); justify-content: end;}
.selcityInfo .cityCode2 {font-size:20px; font-family: 'SpoqaHanSansNeo-Bold'; color:rgb(28 28 28 / 100%); justify-content: start;}
.selcityInfo .arrow { width:50px;}
.selcityInfo .arrow.type1 {background:url(../images/common/sel_arrow01.svg) 50% 50% / 18px no-repeat;}
.selcityInfo .arrow.type2 {background:url(../images/common/sel_arrow02.svg) 50% 50% / 18px no-repeat;}
.air_sel_list {width:100%; padding:0 0 30px 0; background: #fff; /*border-bottom: 8px solid rgb(0 0 0 / 4%);*/}
.air_sel_list .price_area { width: 94%; margin: 50px auto 0; display: flex; justify-content: end; align-items:center;}
.air_sel_list .price_area .ti {color: #1c1c1c; font-family: 'SpoqaHanSansNeo-Medium'; font-size: 16px; margin-right:6px; }
.air_sel_list .price_area .price {color: #2eb2a1; font-family: 'SpoqaHanSansNeo-Bold'; font-size: 18px; }
.air_sel_list .btn_area .btnReservation {margin:0 auto;}
.air_sel_list .sel_flight {width:100%; margin:0 auto 50px;}
.sel_flight .journey_area {width:100%; padding: 20px; border-bottom: 10px solid #f6f6f6; display: flex; flex-direction: column;}
.airlineInfo {width: 100%;}
.sel_flight .journey_area .tit {font-size:18px; font-family: 'SpoqaHanSansNeo'; display: flex; justify-content: flex-start; margin-bottom:10px }
.sel_flight .journey_area .tit .date {width:132px; color:#2eb2a1; margin-right:10px;}
.sel_flight .journey_area .tit .city { display: flex; justify-content: flex-start; align-items: center; font-weight: 600;}
.sel_flight .journey_area .tit .city .arrow {opacity: .6;}
.sel_flight .journey_area .tit .city div:last-child {margin-left:6px;}
.sel_flight .journey_area .area01 {width:100%; display:flex; justify-content:flex-start; color:rgb(0 0 0 / 80%); border-bottom: 1px solid rgb(0 0 0 / 6%); padding-bottom: 8px;}
.sel_flight .journey_area .area01 ._symbol {display: flex; align-items: center;}
.sel_flight .journey_area .area01 ._symbol img {width:16px; height: 16px; margin-right: 4px;}
.sel_flight .journey_area .area01 ._city {display: flex; justify-content: flex-start; padding-left: 20px; position: relative;}
.sel_flight .journey_area .area01 ._city::before { background-color: #dddddd;content: '';display: block;height: 12px;left: 10px;position: absolute;top: 5px;width: 1px;}
.sel_flight .journey_area .area02 {display: flex; justify-content: flex-start; width: 100%; margin: 0 auto; color:rgb(0 0 0 / 60%);padding-top: 8px;}
.sel_flight .journey_area .area02 .date { font-family: 'SpoqaHanSansNeo-Medium'; font-size:15px; margin-bottom: 6px;}
.sel_flight .journey_area .area02 ._share {position: relative; padding-left: 20px;}
.sel_flight .journey_area .area02 ._share::before { background-color: #dddddd;content: '';display: block;height: 12px;left: 10px;position: absolute;top: 5px;width: 1px;}
.sel_flight .journey_area .area02 ._share span {position: relative; padding-left:20px;}
.sel_flight .journey_area .area02 ._share span::before { background-color: #dddddd;content: '';display: block;height: 12px;left: 10px;position: absolute;top: 5px;width: 1px;}
.sel_flight .journey_area .area02 ._share span:first-child {padding-left: 0;}
.sel_flight .journey_area .area02 ._share span:first-child:before {background-color: transparent;}
.sel_flight .journey_area .shareTime {padding: 16px; background: aliceblue; margin: 20px auto; color:rgb(0 0 0 / 50%);  display: flex; overflow-x: auto; white-space: nowrap;}
.flightTime_area {width:100%; display: table-cell; vertical-align: middle;}
.flightTime_area {position: relative; border-top:1px rgb(0 0 0 / 10%) solid; width:100%; display: flex; justify-content: space-between;}
.flightTime_area::before{content: '';position: absolute; right: 6px;top: -2px; width: 10px; height: 10px; border-top: solid 1px rgb(0 0 0 / 20%); transform: rotate(45deg)translateY(-50%);}
.flightTime_area div span {text-align: center;font-size: 12px; color:#ababab}
.flightTime_area div span:last-child {color:rgb(0 0 0 / 70%);}
.flightTime_area .flight_start {position: relative; padding-top: 12px; display: flex; flex-direction: column;}
.flightTime_area .flight_start::before {background-color: #ffffff;border: 1px solid #999999;border-radius: 10px;box-sizing: border-box;content: '';display: block;height: 10px;position: absolute;left:50%;top: -5px;transform: translateX(-50%);width: 10px;z-index: 9;}
.flightTime_area .flight_end {position: relative; padding-top: 12px; display: flex; flex-direction: column;}
.flightTime_area .flight_end::before {background-color: #ffffff;border: 1px solid #999999;border-radius: 10px;box-sizing: border-box;content: '';display: block;height: 10px;position: absolute;left:50%;top: -5px;transform: translateX(-50%);width: 10px;z-index: 9;}
.flightTime_area .transfer {position: relative; padding-top: 12px; display: flex; flex-direction: column;}
.flightTime_area .transfer::before {background-color: #999999;border-radius: 10px;box-sizing: border-box;content: '';display: block;height: 7px;margin-top: -4px;position: absolute;left:50%; top: 0;transform: translateX(-50%);width: 7px;}

.add_option {width:100%; margin:0 auto 10px; overflow: hidden; background:#fff;}
.add_option h4 { width: 94%; margin: 0 auto 14px; font-weight: 600;}
.add_option .option_area { padding: 0 20px;}
.add_option .option_area:after {display:block; content:''; clear:both;}
.add_option .option_area .op_box {border-radius: 14px; padding:16px; background: rgb(132 229 217 / 7%);}
.add_option .option_area .op_box .ti {font-family: 'SpoqaHanSansNeo-Medium'; font-size:14px; color:rgba(28 28 28 / 100%); display: flex; flex-direction: column;/*justify-content: space-between; flex-wrap: wrap; align-items: center;*/ padding-bottom: 10px;}
.add_option .option_area .op_box .ti label {width:100%; display: flex; align-items: center;}
.add_option .option_area .op_box .ti .price { width: 100%; text-align: right;}
.add_option .option_area .op_box .add_price {font-family: 'SpoqaHanSansNeo-Medium'; height: 34px; line-height: 34px; border-top:1px dashed rgb(36 179 161 / 30%); text-align: right; font-size:14px; color:#24b3a1}
.add_option .option_area .op_box .cont p {font-size:14px; background: url(../images/common/check.svg) 0 50% / 12px no-repeat; padding-left: 16px; height: 24px; line-height: 24px;}
.add_option .option_area .op_box .cont p span {margin-left:6px; color:#ed5351;}
.add_option .option_area .op_box .cont .bag {display:block; background-position:0 5px; min-height:70px; max-height:200px; overflow-y:auto; overflow-x:hidden; padding:0 0 20px 16px;font-size:14px; color:rgb(0 0 0 / 60%)}
.add_option .swiper {position: relative;}
.add_option .swiper .arrow_left {position: absolute; top:50%; left:20px; transform: translateY(-50%); content: url(../images/common/arrow_left_black.svg);  width: 40px; height:40px; cursor:pointer;  z-index: 33;}
.add_option .swiper .arrow_right {position: absolute; top:50%; right:20px; transform: translateY(-50%); content: url(../images/common/arrow_right.svg); width: 40px; height:40px; cursor:pointer; z-index: 33;}
.add_option .swiper .arrow_left:hover { background:rgb(0 0 0 / 10%); border-radius:100%;}
.add_option .swiper .arrow_right:hover {background:rgb(0 0 0 / 10%); border-radius:100%;}

.expect { border-bottom: 8px solid rgb(0 0 0 / 4%); padding: 30px 0; background-color: #fff;}
.expect h4 { width: 94%; margin: 0 auto 14px; font-weight: 600;}
.expect .list_area {width: 94%; margin: 0 auto;}
.expect .list_area ul {display: flex; justify-content: space-between; font-size: 15px; height: 50px; line-height: 50px;}
.expect .list_area ul .cp_name {display: flex; justify-content: start;align-items: center;color:rgba(28 28 28 / 80%);}
.expect .list_area ul .cp_name img {width: 24px; height: 24px; margin-right:6px;}
.expect .list_area ul .price {text-align: right; color:#ed5351; font-family: 'SpoqaHanSansNeo-Medium'; }
.air_rule { padding: 30px 0; background-color: #fff;}
.air_rule h4 { width: 94%; margin: 0 auto 14px; display: flex; justify-content: space-between; align-items: center;}
.air_rule h4 .more { font-family: 'SpoqaHanSansNeo'; font-weight: 300; font-size: 13px; color: rgb(0 0 0 / 60%); cursor: pointer; background:url(../images/common/arrow_right.svg) 100% 50% / 16px no-repeat; padding-right:18px}
.air_rule .list_area {width: 94%; margin: 0 auto; position: relative;}
.air_rule .list_area dl {padding: 20px 0; display: flex; justify-content: start; font-size: 14px;}
.air_rule .list_area dl dt {width: 20%; font-family: 'SpoqaHanSansNeo-Medium';   color:rgba(28 28 28 / 80%)}
.air_rule .list_area dl dd {width: 80%; line-height: 20px; font-family: 'SpoqaHanSansNeo'; color:rgba(28 28 28 / 60%)}
.air_rule .btn_area .btnReservation {width:30%; margin: 0 auto;}


/*국내선*/
/*airSearch-list*/
.airSearchlist {position: relative;}
.airSearchlist .item {padding-top: 16px; cursor:pointer; border-bottom:10px solid #f6f6f6;}
.airSearchlist .item .area01 {border-bottom: 1px #eaeaea solid; padding-bottom: 12px; width:94%; margin:0 auto; display: flex; justify-content: space-between;}
.airSearchlist .item .area01 div:first-child {width:60%;float:left;}
.airSearchlist .item .area01 div:first-child .li1{position:relative;display: flex;justify-content: space-between;}
.airSearchlist .item .area01 div:first-child .li2::after {content: '';width: 116px;height:10px;background:url(../images/arrow_oneway.png) no-repeat;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.airSearchlist .item .area01 div:first-child .li1 .time1 {font-size: 20px;font-family: 'SpoqaHanSansNeo-Bold';color:#1c1c1c;}
.airSearchlist .item .area01 div:first-child .li1 .time2 {font-size: 20px;font-family: 'SpoqaHanSansNeo-Bold';color:#1c1c1c;}
.airSearchlist .item .area01 div:first-child .li2 {position: relative;margin-top: 3px;display: flex;justify-content: space-between;}
.airSearchlist .item .area01 div:first-child .li2 .city1 {font-size: 14px;color:rgb(0 0 0 / 40%);font-family: 'SpoqaHanSansNeo-Medium';}
.airSearchlist .item .area01 div:first-child .li2 .city2 {font-size: 14px;color:rgb(0 0 0 / 40%);font-family: 'SpoqaHanSansNeo-Medium';}
.airSearchlist .item .area01 div:first-child .li1 .time3 {text-align:center;font-size: 13px;color:#8c8c8c;position:absolute;top:7px;left: 50%;transform: translateX(-50%);}
.airSearchlist .item .area01 div:first-child .li3 .t1 {color: #686868;font-size: 13px;}
.airSearchlist .item .area01 div:first-child .li3 .e-baggage {background-image: url(../images/baggage-icon.png);background-repeat: no-repeat;background-size: 15px;background-position-y: 0px;padding-left:20px;}
.airSearchlist .item .area01 div:last-child {display: flex; flex-direction: column;}
.airSearchlist .item .area01 div:last-child .e1{display:block;text-align:right;}
.airSearchlist .item .area01 div:last-child .e-mark {background-size: 15px;background-position-y: 3px;padding-left:20px;font-family:'SpoqaHanSansNeo';}
.airSearchlist .item .area01 div:last-child .e-course {color:#0574ba;font-size:14px;font-family: 'SpoqaHanSansNeo';margin-top:4px;}
.airSearchlist .item .area01 div:last-child .e-fo {color: #686868;font-size:16px;}
.airSearchlist .item .area02 {overflow:hidden;height:50px;line-height:50px;width:94%;margin:0 auto; display: flex; justify-content: space-between;}
.airSearchlist .item .area02 .s1 {font-size: 13px;font-family: 'SpoqaHanSansNeo';}
.airSearchlist .item .area02 .price{font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium';color:#2eb2a1;}
.airSearchlist .item .area02 .price span{font-size: 18px;}

/*air result - view*/
.air_detailView .schedule_item {width: 740px;margin: 0 auto; padding:10px 0 100px;}
.air_detailView .schedule_item .item01 {padding:10px 0;border-bottom: 1px #dddddd solid;}
.air_detailView .schedule_item .item01 .item01-1 {margin: 10px 0;}
.air_detailView .schedule_item .item01 .item01-1 .a-top {display: flex; align-items: center;}
.air_detailView .schedule_item .item01 .item01-1 .a-top::after { display:block; content:''; clear:both;}
.air_detailView .schedule_item .item01 .item01-1 .a-top .t1 {width: 50px; height: 30px; display: flex;align-items: center;justify-content: center; border-radius:16px 0 16px 0; color:#fff; background-color: #2eb2a1; font-size: 12px; margin-right:6px;}
.air_detailView .schedule_item .item01 .item01-1 .a-top .t2 {font-size: 17px; font-family: 'SpoqaHanSansNeo-Bold';vertical-align:middle;color:#1c1c1c;}
.air_detailView .schedule_item .item01 .item01-1 .a-top .dot {margin: 0 4px; font-family: 'SpoqaHanSansNeo-Medium';}
.air_detailView .schedule_item .item01 .item01-1 .a-top .d1 {margin-right:6px; color:rgb(0 0 0 / 60%)}
.air_detailView .schedule_item .item01 .item01-1 .a-top .d2 {color:rgb(0 0 0 / 60%)}
.air_detailView .schedule_item .item01 .item01-1 .a-body {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-top: 14px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .time-in {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;margin-right: 20px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .time-in .c2 {font-size: 12px;font-weight: 400;color: #096cd3ad;height: 60px;line-height: 60px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .bar {width: 1px;height: 85px;background: #c4c7cd;position: relative;margin-right: 20px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .bar:before {position: absolute;bottom: 0px;width: 6px;height: 6px;background: #c4c7cd;border-radius: 50%;content: '';left: -3px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .bar:after {position: absolute;top: 0px;width: 6px;height: 6px;background: #c4c7cd;border-radius: 50%;content: '';left: -3px;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .city-fo {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .city-fo .e1 {font-family: 'SpoqaHanSansNeo';color:#1c1c1c;}
.air_detailView .schedule_item .item01 .item01-1 .a-body .city-fo .air-select {width: 180px;height: 36px;line-height:36px;margin-top: 13px;margin-bottom: 12px;font-family: 'SpoqaHanSansNeo';color:#58c1b3;}
.air_detailView .schedule_item .price_area  {padding-top: 20px; font-size: 16px; font-family: 'SpoqaHanSansNeo-Medium'; display: flex; align-items: center; justify-content: end;}
.air_detailView .schedule_item .price_area span:first-child {margin-right: 10px;}
.air_detailView .schedule_item .price_area .price {font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium';color:#2eb2a1;height:30px;line-height:30px;}
.air_detailView .schedule_item .btn_area .btnReservation {margin:0 auto;}
/*end : 국내선*/

/* 예약자정보입력 */
.reservation_info {padding: 0 0 30px 0;}
.reservation_info .box {padding: 30px; background: #fff; border-bottom: 8px solid rgb(0 0 0 / 4%);}
.reservation_info .box:last-child {border-bottom: 0;}
.reservation_info .box.last {border-bottom: 0;}
.reservation_info .box h4 { width: 100%; margin: 0 auto 14px; font-weight: 600;}
.reservation_info .box .flycityInfo {width:100%; border:2px solid #2eb2a1; border-radius: 20px 0 20px 0; padding:10px 20px; display: flex; flex-direction: column; box-shadow: none;}
.reservation_info .box .flycityInfo .area01 {display: flex; justify-content:start; height:28px; line-height:28px;}
.reservation_info .box .flycityInfo .area01 .cityCode {font-size:16px; font-family: 'SpoqaHanSansNeo-Bold'; color:rgba(28 28 28 / 100%)}
.reservation_info .box .flycityInfo .area01 .cityCode span {font-size:14px; font-family: 'SpoqaHanSansNeo';}
.reservation_info .box .flycityInfo .area01 .arrow { width:30px; height:30px;}
.reservation_info .box .flycityInfo .area01 .arrow.type1 { background:url(../images/common/air_arrow_type01.svg) 50% 50% / 18px no-repeat; opacity:.4;}
.reservation_info .box .flycityInfo .area01 .arrow.type2 { background:url(../images/common/air_arrow_type02.svg) 50% 50% / 18px no-repeat; opacity:.4;}
.reservation_info .box .flycityInfo .area02 {display: flex; justify-content:start; height:24px; line-height:24px;color:rgb(0 0 0 / 80%)}
.reservation_info .box .flycityInfo .area02 span {font-size:14px; color:rgb(0 0 0 /80%); position:relative;}
.reservation_info .box .flycityInfo .area02 span.date {font-family: 'SpoqaHanSansNeo'; margin-right:4px;}
.reservation_info .box .flycityInfo .area02 span.line {padding:0 6px; margin:0 6px; display:block;}
.reservation_info .box .flycityInfo .area02 span.line::before {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: right; position: absolute; top: 7px; right: 0px; }
.reservation_info .box .flycityInfo .area02 span.line::after {width: 1px; height: 12px; background: rgba(0 0 0 / 15%); content: ''; float: left; position: absolute; top: 7px; left: 0px;}
.reservation_info .box p { margin-bottom: 10px;}
.reservation_info .box p .notice {margin-bottom: 4px;}
.reservation_info .box .txt {width:100%; margin-bottom: 30px;}
.reservation_info .box .btn {width:100%; height: 50px; line-height: 50px; display: flex; flex-direction: column; cursor: pointer; display:flex; align-items: center; justify-content: center; font-size:15px; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid #1c1c1c; background-color:#fff; border-radius:2px; text-align:center; margin-bottom:6px;}
.reservation_info .box .btn:last-child {margin-bottom:0;}
.reservation_info .box .btn .center {position: relative; padding-left: 24px;}
.reservation_info .box .btn .center .icon {position: absolute; top: 50%; left: -5px; transform: translateY(-50%);}
.reservation_info .box .btn:hover .center .icon { color: #fff;}
.reservation_info .box .btn span {color:#2eb2a1;}
.reservation_info .box .form_area {width:100%; margin: 20px auto;} 
.reservation_info .box .form_area .form li { height: 46px; line-height: 46px; margin-bottom:14px;}
.reservation_info .box .form_area2 {width:100%; background: rgb(0 0 0 / 1%); border-bottom:1px solid #1c1c1c; margin-bottom:10px;} 
.reservation_info .box .form_area2 .form {width:94%; margin: 0 auto; padding: 20px 0 30px;}
.reservation_info .box .form_area2 .form .form_value {height: 36px; line-height: 36px; font-family: 'SpoqaHanSansNeo-Medium'; font-size:16px; margin-bottom: 6px;}
.reservation_info .box .form_area2 .form .form_value span {color:#2eb2a1;}
.reservation_info .box .form_area2 .form li { height: 46px; line-height: 46px; margin-bottom:14px;}
.reservation_info .box .form_area2 .form .sel {display: flex; justify-content: space-between;}
.reservation_info .box .form_area2 .form .sel .sel_base {width: 49.5%;}
.reservation_info .box .form_area2 .form .sel .sel_base:first-child {margin-right: 1%;}
.reservation_info .box .form_area2 .form .btn {width:50%; margin:20px auto;  cursor: pointer; display:flex; align-items: center; justify-content: center; font-size:15px; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid #1c1c1c; background-color:#fff; border-radius:2px; text-align:center;}
.reservation_info .box .form_area2 .form .btn .center {position: relative; padding-left: 24px;}
.reservation_info .box .form_area2 .form .btn .center .icon {position: absolute; top: 50%; left: -5px; transform: translateY(-50%);}
.reservation_info .box .notice_area {margin:30px 0;}
.reservation_info .box .notice_area .note {width: 100%; flex-direction: column;}
.reservation_info .box .notice_area .note li {width: 100%; font-size: 13px; color: rgba(0 0 0 / 60%);word-break: keep-all; position: relative; padding:0 0 0 10px;line-height:20px; margin-bottom: 10px; border: 0; }
.reservation_info .box .notice_area .note li:after {content: '-';float: left;font-size: 12px;position: absolute;top: 0px;left: 0px;}
.reservation_info .box .notice_area .terms_Box {width: 100%; font-size: 14px; color: #333; font-weight: 400;display: flex;align-items: center;margin-top: 10px;word-break: keep-all;}
.reservation_info .box .btn_area .btnReservation {width:30%; margin: 0 auto;}

/* 확인 및 예약 */
.reservation_confirm {padding: 0 0 30px;}
.reservation_confirm .box {padding: 30px 20px; background: #fff; border-bottom: 8px solid rgb(0 0 0 / 4%);}
.reservation_confirm .box:last-child {border-bottom:0;}
.reservation_confirm .box:last-child .btn_area .btnReservation {margin: 0 auto;}
.reservation_confirm .box h4 { margin-bottom: 14px; display: flex;align-items: center;}
.reservation_confirm .box h4 div {padding-left: 6px;color: rgb(0 0 0 / 60%);font-weight: 400;}
.reservation_confirm .box h4 div span {color: #2eb2a1; margin-left: 4px;}
.reservation_confirm .flight_list ul {display: flex; flex-direction:row; margin-bottom: 16px; border:1px solid rgb(0 0 0 / 20%);border-radius:2px; position: relative;}
.reservation_confirm .flight_list ul:last-child {margin-bottom: 0;}
.reservation_confirm .flight_list ul li { font-size: 14px; font-family:'SpoqaHanSansNeo'; display: flex; flex-direction: column;}
.reservation_confirm .flight_list ul li:first-child {width:0; height: auto;}
.reservation_confirm .flight_list ul li:last-child {width:100%; padding:10px;}
.reservation_confirm .flight_list ul li > span {position: absolute; top: -10px; right: 10px; display: flex; align-items: center; justify-content: center; height: 30px; width: 50px; border-radius:16px 0 16px 0; color:#fff; background-color: #2eb2a1; font-size: 12px; margin: 0;}
.reservation_confirm .flight_list ul li p {margin-right:0; color:rgb(0 0 0 / 60%); line-height: 22px;}
.reservation_confirm .flight_list ul li p:first-child {font-family: 'SpoqaHanSansNeo-Medium'; font-size: 15px; color:rgb(28 28 28 / 100%); margin-bottom: 4px;}
.reservation_confirm .flight_list ul li p:last-child span {float: left; color:rgb(0 0 0 / 60%);}
.reservation_confirm .flight_list ul li p:last-child span.dot {margin: 0 4px;}
.reservation_confirm .flight_list ul li .fltTmCheck {color:rgb(46 178 161 / 70%);font-family:'SpoqaHanSansNeo';}

.reservation_confirm .booker {width:100%; margin: 0 auto; padding: 10px 14px; background: rgb(0 0 0 / 2%); border-radius: 2px; margin-bottom: 30px;}
.reservation_confirm .booker dl { display: flex; flex-direction: row; height:26px; line-height: 26px;}
.reservation_confirm .booker dl dt {width: 10%; color:#1c1c1c;}
.reservation_confirm .booker dl dd { width: 90%; color:rgba(0, 0, 0, 0.6)}
.reservation_confirm .traveler {flex-direction: column; font-size:14px;}
.reservation_confirm .traveler .traveler_box {border: 1px solid rgba(0 0 0 / 20%); border-bottom: 1px solid rgba(0 0 0 / 65%); border-radius: 2px; padding: 14px; display: flex; flex-direction: column; margin-bottom: 10px;}
.reservation_confirm .traveler .traveler_box div { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(0 0 0 / 10%);}
.reservation_confirm .traveler .traveler_box div:last-child { border-bottom: none;}
.reservation_confirm .traveler .traveler_box div dl {width:calc(100% / 2 - 195px); padding: 4px 10px 4px 0; display: flex; flex-direction: row;}
.reservation_confirm .traveler .traveler_box div dl::after {display: block; content: ''; clear: both;}
.reservation_confirm .traveler .traveler_box div dl dt {width: auto; padding-right:20px; font-weight: 500;}
.reservation_confirm .traveler .traveler_box div dl dd {width: auto; color:rgba(0 0 0 / 60%)}
.reservation_confirm .traveler .traveler_box div.firstLine .name {width:73.5%;}
.reservation_confirm .traveler .traveler_box div.firstLine .right {width:26.5%;}
.reservation_confirm .traveler .traveler_box div .right { width:195px; justify-content:start;}
.reservation_confirm .traveler .traveler_box div .right dt {width:auto; text-align:right; padding-right:20px;}
.reservation_confirm .traveler .traveler_box div .right dd {width:auto; text-align:right; }
.reservation_confirm .traveler .traveler_box div .right span {font-weight: 600;}

.reservation_confirm .promotion .list_area ul {display: flex; justify-content: space-between; height: 44px; line-height: 44px;}
.reservation_confirm .promotion .list_area ul::after {display: block; content: ''; clear: both;}
.reservation_confirm .promotion .list_area ul li {align-items: center;}
.reservation_confirm .promotion .list_area ul .cp_name {width: 70%; display: flex; justify-content: start; }
.reservation_confirm .promotion .list_area ul .cp_name .inp_check_type2 { position: relative; display: flex; align-items: center;}
.reservation_confirm .promotion .list_area ul .cp_name .inp_check_type2 span {display: inline-block; margin-right:4px; color:rgba(0 0 0 / 60%)}
.reservation_confirm .promotion .list_area ul .cp_name .inp_check_type2 span img {width: 24px; height: 24px;}
.reservation_confirm .promotion .list_area ul .price {width: 30%; text-align: right; color:#ed5351; font-family: 'SpoqaHanSansNeo-Medium'; }

.reservation_confirm .payment_fee .area01 {padding-bottom:14px ;}
.reservation_confirm .payment_fee .area01 ul { display: flex; justify-content: space-between; height: 24px; line-height: 24px; color: rgba(0 0 0 / 60%);}
.reservation_confirm .payment_fee .area01 ul:first-child {font-weight: 600; color:#1c1c1c;}
.reservation_confirm .payment_fee .area01 ul li:last-child {text-align: right; font-family: 'SpoqaHanSansNeo'; }
.reservation_confirm .payment_fee .area02 {border-top: 1px dashed rgb(0 0 0 / 10%);}
.reservation_confirm .payment_fee .area02 ul { display: flex; justify-content: end; flex-direction: column; padding:10px 0}
.reservation_confirm .payment_fee .area02 ul li {font-family: 'SpoqaHanSansNeo'; font-size:14px; font-weight:400; display: flex; justify-content: end;  height: 26px; line-height: 26px; }
.reservation_confirm .payment_fee .area02 ul li .sign {margin:0 6px; color:rgb(0 0 0 / 46%);}
.reservation_confirm .payment_fee .area02 ul li .count {color: rgb(19 140 124 / 80%);}
.reservation_confirm .payment_fee .area02 ul li .countPrice {color: rgb(19 140 124 / 80%);}
.reservation_confirm .payment_fee .area02 .total_price {border-top: 1px solid rgb(0 0 0 / 60%); display: flex; justify-content: space-between; align-items:center; padding:20px 0 }
.reservation_confirm .payment_fee .area02 .total_price p { font-size: 17px; font-family: 'SpoqaHanSansNeo-Medium'; font-weight: 500; color:rgba(0 0 0 / 80%);}
.reservation_confirm .payment_fee .area02 .total_price p:last-child {color:#2eb2a1}
.reservation_confirm .payment_fee .area02 .airNoti {background-color: rgb(0 0 0 / 2.6%); padding: 10px;}
.reservation_confirm .payment_fee .area02 .airNoti p {width: 100%; font-size: 13px; font-family: 'SpoqaHanSansNeo'; color: rgba(0 0 0 / 60%);word-break: keep-all; position: relative; padding:0 0 0 10px;line-height:20px;}
.reservation_confirm .payment_fee .area02 .airNoti p:after {content: '·';float: left; font-size: 13px; font-family: 'SpoqaHanSansNeo-Bold'; position: absolute; top: 0px;left: 0px;}
.reservation_confirm .payment_fee .area02 .airNoti p:last-child {color:#e9796d;}


.reservation_confirm .payment_method {height:30px;color: rgba(0 0 0 / 60%);}
.reservation_confirm .payment_method::after {display:  block; content: ''; clear: both;}

.reservation_confirm .terms ul::after {display:  block; content: ''; clear: both;}
.reservation_confirm .terms ul li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; color:rgb(0 0 0 / 70%)}
.reservation_confirm .terms ul li:last-child {margin-bottom: 0;}
.reservation_confirm .terms ul li .more {background:url(../images/common/arrow_right.svg) 95% 50% / 18px no-repeat; padding-right: 22px; color:rgb(0 0 0 / 70%); cursor: pointer;}
.reservation_confirm .terms ul:first-child li .inp_check > .label:before {cursor: pointer;}
.reservation_confirm .terms .check_all {padding-top: 10px; height: 40px; line-height: 40px; position: relative; margin-bottom:20px;}
.reservation_confirm .terms .check_all .label { font-family: 'SpoqaHanSansNeo-Medium';}
.reservation_confirm .terms .check_all div { width: 100%; display: flex; align-items: center;}


/* 신용카드결제 */
.card_form {width: 94%; margin: 0 auto; padding:30px 0}
.card_form h4 {margin-bottom: 40px; display: flex; align-items: center;}
.card_form h4 svg {margin-left:-6px}
.card_form .total_price {font-size: 16px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; margin-bottom: 20px;}
.card_form .total_price span { display: inline-block; margin-left: 10px; color:#ed5351;  }
.card_form .btn_same {color: #1c1c1c;float: right;border: 1px #1c1c1c solid; border-radius: 4px;font-size: 14px;height: 36px;line-height:36px;padding:0 12px;cursor:pointer;}
.card_form .priceBox {background: rgb(0 0 0 / 2%); margin: 30px 0; padding:12px 20px; display: flex; justify-content: space-between; align-items: center;}
.card_form .priceBox ul li {line-height: 22px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; height: 22px; margin-bottom: 0;}
.card_form .priceBox ul li span {color:#2eb2a1;}
.card_form .form .cardinfo {margin-bottom: 40px;}
.card_form .form .cardinfo:last-child {margin-bottom: 20px;}
.card_form .form li { height: 46px; line-height: 46px; margin-bottom:14px;}
.card_form .form li.card_num {display: flex; justify-content: space-between;}
.card_form .form li.card_num .inp_base {margin-right:6px;}
.card_form .form li.card_num .inp_base:last-child {margin-right:0;}
.card_form .form .first {width:100%}
.card_form .form .sel {display: flex; justify-content: space-between;}
.card_form .form .sel .sel_base {width: 49.5%;}
.card_form .form .sel .sel_base:first-child {margin-right: 1%;}
.card_form .form .btn {width:50%; margin:20px auto;  cursor: pointer; display:flex; align-items: center; justify-content: center; font-size:15px; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid #1c1c1c; background-color:#fff; border-radius:2px; text-align:center;}
.card_form .form .btn .center {position: relative; padding-left: 24px;}
.card_form .form .btn .center .icon {position: absolute; top: 50%; left: -5px; transform: translateY(-50%);}
.card_form .form .terms_Box {margin:20px 0 40px;}
.card_form .form .terms_Box .label {color:#1c1c1c;}
.card_form .btn_area {margin: 30px 0 100px;}
.card_form .btn_area .btnReservation {width:30%; margin: 0 auto;}




/*--------------------------------------------------------------------------------
	# end : air 
---------------------------------------------------------------------------------*/










/*--------------------------------------------------------------------------------
	# hotel
---------------------------------------------------------------------------------*/
/*상품상세하단버튼영역*/
.bt_fixed { width:100%; max-width: 800px; padding:14px 20px ; border-top: 1px solid rgb(0 0 0 / 6%); background: #fff; position:fixed; bottom: 0; z-index: 99; display: flex; justify-content: space-between;}
.bt_fixed .prod_info {width:60%; margin-right:6%}
.bt_fixed .prod_name {color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 30px; overflow: hidden;  white-space:nowrap; text-overflow: ellipsis; letter-spacing: -0.02em;}
.bt_fixed .coupon_price span {font-size: 16px;}
.bt_fixed .coupon_price span:first-child { color:#2a7fe9;font-family: 'SpoqaHanSansNeo-Medium';}
.bt_fixed .coupon_price span:last-child  {color:#1da28e;font-family: 'SpoqaHanSansNeo-Bold';}
.bt_fixed .btn_sel {width:34%;}

/* hotel_main */
.bg_hotel {background:url(../images/bg_hotel.jpg) no-repeat center top fixed; background-size:auto; background-color: #fff; width:100%; position:relative;}
.hotel_category { margin: 0 auto; display: flex; justify-content:center; align-items: center; padding: 20px 0;}
.hotel_category .category {background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(6px); border-radius: 10px; padding: 20px 40px; display: flex; justify-content: center; flex-direction: column; box-shadow:3px 7.4px 20.8px 8.2px rgb(0 0 0 / 10%); cursor: pointer;}
.hotel_category .category:first-child {margin-right:50px;}
.hotel_category .category span {text-align: center; font-family: 'SpoqaHanSansNeo-Medium'; font-size: 18px; margin-top:6px}
.hotel_category .category svg {width:60px; height: 60px;}
.hotel_category .category:hover, span svg {background: rgba(255, 255, 255, 100%); fill: rgb(46 178 161 / 100%); color:rgb(29 162 142 / 100%);}

.hotel_search {width:80%; margin: 30px auto 50px; height:70px; line-height: 70px; border-radius: 10px; background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(6px); box-shadow:3px 7.4px 20.8px 8.2px rgb(0 0 0 / 10%); display: flex; justify-content: center; cursor:pointer;}
.hotel_search:hover {background: rgb(255 255 255 / 100%);}
.hotel_search .center {position: relative; padding-left: 24px; font-size: 18px;font-family: 'SpoqaHanSansNeo-Bold'; color:rgba(0, 0, 0, 0.38); cursor:pointer; }
.hotel_search .center.on {color:#1c1c1c;}
.hotel_search .center .inp_base {border:0; width:180px; padding:0; cursor:pointer;}
.hotel_search .center .inp_base::-webkit-input-placeholder {font-size:17px; color:rgb(0 0 0 / 40%)}
.hotel_search .center span {position: absolute; top: 50%; left:-10px; transform: translateY(-50%); background:url(../images/hotel_search.svg) 95% 50% / 24px no-repeat; width: 24px; height: 24px;}

.hotel {background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 30%);}
.hotel > h3 {padding-left:30px; margin-bottom:26px;}
.hotel > h3 div {height:22px; display: flex; justify-content: start;align-items: center;font-size: 21px; font-family: 'SpoqaHanSansNeo-Bold'; color:#1c1c1c; letter-spacing: -1.2px; margin-bottom: 16px; }
.hotel > h3 div .emoji {display: inline-block; font-size:21px; margin-left:2px;}
.hotel > h3 > span {height:20px; font-size:16px; color:rgb(0 0 0 / 60%);margin-bottom: 6px; font-family: 'SpoqaHanSansNeo'; font-weight:500}
.hotel_recommend {padding: 100px 0 0;}
.hotel_recommend .ba_area {width:800px; padding: 0 30px; overflow:hidden;}
.hotel_recommend .ba_area .ba {display: flex; flex-direction: column; position: relative;}
.hotel_recommend .ba_area .ba .label { position: absolute; top: 0; left: 0; width:56px; height: 56px; background: rgb(0 0 0 / 50%); border-radius: 10px 0 10px 0; color:#fff;font-family: 'SpoqaHanSansNeo'; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.hotel_recommend .ba_area .ba .label span {font-family: 'SpoqaHanSansNeo-bold'; font-size:24px;}
.hotel_recommend .ba_area .ba .ba_img {width:100%; height:180px; object-fit: cover; border-radius: 10px; margin-bottom:14px;}
.hotel_recommend .ba_area .ba .cont .area01 {color:#999; margin-bottom: 4px;}
.hotel_recommend .ba_area .ba .cont .area02 {color:#1c1c1c; font-size:18px; font-family: 'SpoqaHanSansNeo-Medium'; letter-spacing: -0.6px; margin-bottom:16px}
.hotel_recommend .ba_area .ba .cont .area03 {color:#1da28e; font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; }

.hotel_popularity {padding: 40px 0 0; /*50px background: #fff;*/}
.hotel_popularity .ba_area {width:800px; padding: 0 30px; overflow:hidden;}
.hotel_popularity .ba_area .ba {display: flex; flex-direction: column; position: relative;}
.hotel_popularity .ba_area .ba .label { position: absolute; top: 0; left: 0; width:56px; height: 56px; background: rgb(0 0 0 / 50%); border-radius: 10px 0 10px 0; color:#fff;font-family: 'SpoqaHanSansNeo'; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.hotel_popularity .ba_area .ba .label span {font-family: 'SpoqaHanSansNeo-bold'; font-size:24px;}
.hotel_popularity .ba_area .ba .ba_img {width:100%; height:180px; object-fit: cover; border-radius: 10px; margin-bottom:14px;}
.hotel_popularity .ba_area .ba .cont .area01 {color:#999; margin-bottom: 4px;}
.hotel_popularity .ba_area .ba .cont .area02 {color:#1c1c1c; font-size:18px; font-family: 'SpoqaHanSansNeo-Medium'; letter-spacing: -0.6px; margin-bottom:16px}
.hotel_popularity .ba_area .ba .cont .area03 {color:#1da28e; font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; }

.hotel_reservation {/*background: #fff;*/ padding: 50px 0 60px;}
.hotel_reservation .ba_area {width:800px; padding: 0 30px; overflow: hidden;}
.hotel_reservation .ba_area .ba {display: flex; flex-direction: column; position: relative;}
.hotel_reservation .ba_area .ba .label { position: absolute; top: 0; left: 0; width:56px; height: 56px; background: rgb(0 0 0 / 50%); border-radius: 10px 0 10px 0; color:#fff;font-family: 'SpoqaHanSansNeo'; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.hotel_reservation .ba_area .ba .label span {font-family: 'SpoqaHanSansNeo-bold'; font-size:24px;}
.hotel_reservation .ba_area .ba .ba_img {width:100%; height:180px; object-fit: cover; border-radius: 10px; margin-bottom:14px;}
.hotel_reservation .ba_area .ba .cont .area01 {color:#999; margin-bottom: 4px;}
.hotel_reservation .ba_area .ba .cont .area02 {color:#1c1c1c; font-size:18px; font-family: 'SpoqaHanSansNeo-Medium'; letter-spacing: -0.6px; margin-bottom:16px}
.hotel_reservation .ba_area .ba .cont .area03 {color:#1da28e; font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; }

.hotel_vacation { background: #fafafa; padding: 58px 0 60px;}
.hotel_vacation .ba_area {width:100%; padding: 0 30px; overflow: hidden;}
.hotel_vacation .ba_area .ba {display: flex; flex-direction: column;}
.hotel_vacation .ba_area .ba .ba_img {width:100%; height:180px; object-fit: cover; border-radius: 10px; margin-bottom:14px;}
.hotel_vacation .ba_area .ba .cont .area01 {color:#999; margin-bottom: 4px;}
.hotel_vacation .ba_area .ba .cont .area02 {color:#1c1c1c; font-size:18px; font-family: 'SpoqaHanSansNeo-Medium'; letter-spacing: -0.6px; margin-bottom:16px}
.hotel_vacation .ba_area .ba .cont .area03 {color:#1da28e; font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; }

.bg_hotel .banner { background: #fff; height: 400px; overflow: hidden;}
.bg_hotel .banner img {width:100%; height:100%;}

/* hotel_list */
.hotel_list_data_area {display: flex; overflow:auto; align-items:center; white-space:nowrap; margin: 20px 0; padding:0 30px}
.hotel_list_data_area::-webkit-scrollbar{display:none;}
.hotel_list_data_area div {display: inline-flex; height:32px; border:1px solid rgb(0 0 0 / 30%); border-radius: 16px; padding: 0 10px; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; box-sizing:border-box; text-align: center; color:#2eb2a1;font-family: 'SpoqaHanSansNeo'; margin-right: 6px;cursor:pointer;}
.hotel_list_data_area div:last-child {margin-right:0}
.hotel_list_data_area div span {color:#545454; border:0; padding: 0; margin: 0;}
.hotel_list { width:740px; margin: 20px auto 50px;}
.hotel_list .data_area .sel {position: relative;}
.hotel_list .data_area .sel.open .list{box-shadow:3px 11.4px 30.8px 1px rgb(0 0 0 / 43%); z-index:12;}
.hotel_list .data_area .sel .list {width:110px; z-index:12; top:20px; position: absolute; margin-top:0; border:0; border-radius: 4px; background: #fff; padding:4px 0;}
.hotel_list .data_area .sel .list li {padding:0;height:41px; line-height:41px;letter-spacing:-0.02em; cursor: pointer; padding-left: 18px;}
.hotel_list .data_area .sel .list li:hover{background-color:#f7f7f7;font-weight:bold;}
.hotel_list .data_area .sel .list li.selected{background-color:#f7f7f7;font-weight:bold;}
.hotel_list .data_area .sel .list li span {border: 0; color: rgb(0 0 0 / 40%); padding: 0 0 0 10px; margin:0}
.hotel_list .list {min-height: 500px;}
.hotel_list .item_box {margin-bottom: 40px; cursor:pointer;}
.hotel_list .item_img {position: relative; width:100%; height:280px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 14px; cursor: pointer;}
.hotel_list .item_img:hover {/*box-shadow: 2px 8px 14px 2px rgb(0 0 0 / 26%);*/}
.hotel_list .label_data {display:block; position: absolute; left: 0; bottom: 0; border-radius: 0 10px 0 8px; padding: 1px 10px 2px; color: #000; background: rgba(255, 243, 52, .9); font-size: 12px; font-weight: 500; z-index: 3;}
.hotel_list .item_info {width: 100%; position: relative;}
.hotel_list .item_info::after {display: block; content: ''; clear: both;}
.hotel_list .item_info .label {font-size: 13px; font-family: 'SpoqaHanSansNeo'; letter-spacing: -0.02em;}
.hotel_list .item_info .label .class {color:#898989;}
.hotel_list .item_info .label .best {color:#cca404;}
.hotel_list .item_info .label .dot {color:rgb(0 0 0 / 50%);font-family: 'SpoqaHanSansNeo-Bold';}
.hotel_list .item_info .bookMark {position: absolute; right: 0; top: 0;}
.hotel_list .item_info .bookMark_on {position: absolute; right: 0; top: 0;}
.hotel_list .item_info .tit {width:96%; color:#1c1c1c; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 6px; letter-spacing: -0.02em;}
.hotel_list .item_info .address {color:rgb(0 0 0 / 50%);font-size: 13px; font-family: 'SpoqaHanSansNeo'; letter-spacing: -0.02em; margin-bottom: 10px;}
.hotel_list .item_info .review { background:url(../images/common/star.svg) 0 50% / 16px no-repeat; padding-left:20px; color:#4257d9; font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium';letter-spacing: -0.02em;}
.hotel_list .item_info .review span {color:rgb(0 0 0 / 50%); font-size: 14px;}
.hotel_list .item_info .price_area {display: flex; flex-direction: column;}
.hotel_list .item_info .price_area div { display: flex; justify-content: end;}
.hotel_list .item_info .price_area .price {color:#1da28e; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; align-items: center; }
.hotel_list .item_info .price_area .price span {font-size: 18px; font-weight: 400;}
.hotel_list .item_info .price_area .per_night {font-size:13px; color:rgb(0 0 0 / 40%); font-family: 'SpoqaHanSansNeo'; font-weight:300;}
.hotel_list .btn_filter {height: 48px; padding:0 10px; border-radius: 30px; border: rgb(0 0 0 / 10%) 1px solid; background: #fff; cursor: pointer; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 500; box-shadow:rgb(0 0 0 / 24%) 0px 4px 8px 0px; display:flex; align-items:center; justify-content:center;}
.hotel_list .btn_filter div {display: flex; justify-content: space-between; align-items: center; padding: 0 14px;}
.hotel_list .btn_filter div:last-child { height: 16px; border-left: 1px rgba(0, 0, 0, 0.20) solid;}
.hotel_list .btn_filter div span { margin-left:6px; line-height:1.43; font-size:14px; color: #1c1c1c;}

/* hotel_detail */
.hotel_detail {margin-bottom:50px;}
.hotel_detail h4 {width:94%; margin: 0 auto 0; display: flex; justify-content: space-between; align-items: center;}
.hotel_detail h4 .open {transform: rotate(180deg);}
.hotel_detail .box { padding: 20px 0; border-bottom: 8px solid rgb(0 0 0 / 4%);}
.hotel_detail .box.last {border-bottom: 0;}
.hotel_detail .box .hotel_list_data_area {padding-left:20px}
.hotel_detail .inner {width:94%; margin: 20px auto 0;}
.hotel_detail .item_area .item_img {position: relative; width:100%; height:510px; background-size:cover; background-repeat: no-repeat; background-position: 50%;}
.hotel_detail .item_area .item_img span {position: absolute; bottom: 20px; left:50%; transform: translateX(-50%); border-radius: 25px; color:rgb(255 255 255 / 90%); background: rgb(0 0 0 / 45%); font-size: 13px; letter-spacing: 1px; padding:2px 10px; text-align: center; z-index: 66; display: block;}
.hotel_detail .item_area .item_info {width: 94%; margin: 0 auto; position: relative;}
.hotel_detail .item_area .item_info::after {display: block; content: ''; clear: both;}
.hotel_detail .item_area .item_info .label {font-size: 13px; font-family: 'SpoqaHanSansNeo'; letter-spacing: -0.02em;}
.hotel_detail .item_area .item_info .label .class {color:#898989;}
.hotel_detail .item_area .item_info .label .best {color:#cca404; line-height:24px;}
.hotel_detail .item_area .item_info .label .dot {color:rgb(0 0 0 / 50%);font-family: 'SpoqaHanSansNeo-Bold';}
.hotel_detail .item_area .item_info .bookMark {position: absolute; right: 0; top: 0;}
.hotel_detail .item_area .item_info .bookMark_on {position: absolute; right: 0; top: 0;}
.hotel_detail .item_area .item_info .tit {width:96%; color:#1c1c1c; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis;  margin-bottom: 4px; letter-spacing: -0.02em;}
.hotel_detail .item_area .item_info .address {width:96%; color:rgb(0 0 0 / 60%); font-size: 13px; line-height: 18px; font-weight:400; max-height: 50px; overflow: hidden; white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 14px; letter-spacing: -0.02em;}
.hotel_detail .item_area .item_info .location {display: flex; flex-direction: row; align-items: center; margin-bottom: 14px;}
.hotel_detail .item_area .item_info .location .region {padding-right: 10px;}
.hotel_detail .item_area .item_info .location .country {color:#999; padding-left: 10px;}
.hotel_detail .item_area .item_info .location .line {display: inline-block; height: 12px; border-left: 1px rgba(0, 0, 0, 0.12) solid;}
.hotel_detail .item_area .item_info .review { background:url(../images/common/star.svg) 0 50% / 16px no-repeat; padding-left:20px; color:#4257d9; font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium';letter-spacing: -0.02em; margin-bottom: 34px; cursor: pointer; display: flex; align-items: center;}
.hotel_detail .item_area .item_info .review span {color:rgb(0 0 0 / 50%); font-size: 14px;}
.hotel_detail .item_area .data_area {width:94%; margin:30px auto 10px; display: flex; flex-direction: row;}
.hotel_detail .item_area .data_area div {border:1px solid rgb(0 0 0 / 30%); border-radius: 50px; padding: 6px 14px; text-align: center; color:#2eb2a1;font-family: 'SpoqaHanSansNeo'; margin-right: 10px; cursor: pointer;}
.hotel_detail .item_area .data_area div span {color:rgb(0 0 0 / 75%)}
.hotel_detail .hotel_area .inner dt {font-family: 'SpoqaHanSansNeo-Medium'; color:rgb(0 0 0 / 80%); margin-bottom: 6px;}
.hotel_detail .hotel_area .inner dd {font-family: 'SpoqaHanSansNeo'; color:rgb(0 0 0 / 60%); margin-bottom:30px}
.hotel_detail .hotel_area .inner dd div img {width:100%;}
.hotel_detail .hotel_area .inner dd:last-child {margin-bottom: 0;}
.hotel_detail .room_area .inner { display: flex; flex-direction: column;}
.hotel_detail .room_area .inner .item_img {position: relative; width:100%; height:340px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 20px;}
.hotel_detail .room_area .inner .tit {width:100%; color:#1c1c1c; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em;}
.hotel_detail .room_area .inner .roomInfo_more {font-family: 'SpoqaHanSansNeo'; color:rgba(0 0 0 / 60%); font-size: 14px;margin-bottom: 20px; align-items: center; display: flex; cursor: pointer;}
.hotel_detail .room_area .inner .roomInfo_more span { background:url(../images/common/arrow_right.svg) 50% 50% / 18px no-repeat; width:18px; height: 18px; display: inline-block; opacity: .6;}
.hotel_detail .room_area .inner .class_list { border-top:1px solid rgb(0 0 0 / 10%); padding: 16px 0 20px; }
.hotel_detail .room_area .inner .class_list:first-child {border-top:0;}
.hotel_detail .room_area .inner .class_list .room_class { font-size: 16px; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium';  line-height: 26px;    max-height: 50px;    overflow: hidden;    white-space: normal;	-webkit-line-clamp: 2;    text-overflow: ellipsis;    letter-spacing: -0.02em;}
.hotel_detail .room_area .inner .class_list .option_area { display: flex; flex-direction: column;/* justify-content: inherit; align-items: center;*/ letter-spacing: normal;}
.hotel_detail .room_area .inner .class_list .option_area .line {display: inline-block; height: 12px; border-left: 1px rgba(0, 0, 0, 0.12) solid; margin: 0 8px 0 8px;transform: translateY(30%);}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate { display: flex; flex-direction: row; font-size:13px; margin-bottom:4px;}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate div { display: flex; flex-direction: row; align-items: center;}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate div svg {fill: rgb(1 104 220 / 56%);}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate dl {display:flex; align-items: center;color:rgb(1 104 220 / 90%);}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate dl dt { font-family: 'SpoqaHanSansNeo-Medium'; margin-right:6px; }
.hotel_detail .room_area .inner .class_list .option_area .cancelRate dl dd { font-family: 'SpoqaHanSansNeo'; font-weight: 300;}
.hotel_detail .room_area .inner .class_list .option_area .cancelRate dl dd span {margin-left:6px; color:#fa7474;}

.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee {background: rgb(0 0 0 / 2%); margin: 0 0 20px; padding:12px 16px;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee div {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; font-weight: 600; margin-bottom:6px;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee ul {display: flex; justify-content: space-between;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee ul li {line-height: 22px; font-family: 'SpoqaHanSansNeo';  color:rgb(0 0 0 / 60%); font-size: 13px;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee ul li:last-child {display: flex; justify-content: flex-end;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee ul li:last-child span:first-child {color:rgb(0 0 0 / 75%); text-align: right;}
.hotel_detail .room_area .inner .class_list .option_area .cancellation_fee ul li:last-child span:last-child {color:#fa7474; letter-spacing: -0.4px; width: 40px; text-align: right;}

.hotel_detail .room_area .inner .class_list .option_area .option {align-items: center;}
.hotel_detail .room_area .inner .class_list .option_area .option span {vertical-align: middle;}
.hotel_detail .room_area .inner .class_list .option_area .option span.no_meal {background:url(../images/common/no_meal.svg) 50% 50% / 16px no-repeat; width: 18px; height: 18px; display: inline-block; opacity: .6;}
.hotel_detail .room_area .inner .class_list .option_area .option span.meal {background:url(../images/common/meal.svg) 50% 50% / 16px no-repeat; width: 18px; height: 18px; display: inline-block; opacity: .8;}
.hotel_detail .room_area .inner .class_list .option_area .option span:last-child {color:rgb(0 0 0 / 60%); margin-left:4px;}
.hotel_detail .room_area .inner .class_list .option_area .couponMark {display:inline; width:fit-content; height:20px; line-height:20px; border-radius:3px; background:rgb(46 178 161 / 26%); padding:0 6px; font-size:12px; color:#0a9781; }
.hotel_detail .room_area .inner .class_list .price_area { text-align: right;}
.hotel_detail .room_area .inner .class_list .price_area .list_price {color:rgb(0 0 0 / 30%); font-size:14px; text-decoration-line:line-through;}
.hotel_detail .room_area .inner .class_list .price_area .coupon_price {display: flex; align-items: center; justify-content: end;}
.hotel_detail .room_area .inner .class_list .price_area .coupon_price span:first-child { color:#2a7fe9;font-family: 'SpoqaHanSansNeo-Medium'; margin-right: 10px;}
.hotel_detail .room_area .inner .class_list .price_area .coupon_price span:last-child  {color:#2eb2a1; font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium'; font-weight:500}
.hotel_detail .room_area .inner .class_list .price_area .per_night {/*color:#e78b8a;*/ color:rgb(0 0 0 / 40%); font-size: 13px;font-family: 'SpoqaHanSansNeo';    font-weight: 300;}


/* 예약/결제하기 */
.payment_form {width: 100%; padding:0 0 30px}
.payment_form .box {padding: 30px 20px; background: #fff; border-bottom: 8px solid rgb(0 0 0 / 4%);}
.payment_form .box.last {border-bottom:0}
.payment_form .box h4 {margin-bottom: 14px; display: flex; align-items: center;}
.payment_form .box h4 svg {margin-left:-6px}

/* hotel */
.payment_form .hotel .prod_info {margin-bottom:10px;}
.payment_form .hotel .prod_info .prod_name {display: flex; flex-direction: column;margin-bottom:16px;}
.payment_form .hotel .prod_info .prod_name ._ko {font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; color:#1c1c1c; margin-bottom: 4px;}
.payment_form .hotel .prod_info .prod_name ._en {color:#999;  font-family: 'SpoqaHanSansNeo'; font-size: 13px;}
.payment_form .hotel .prod_info .date {display: flex; flex-direction: column; /*color:#049784;*/ color: rgb(0 0 0 / 85%);}
.payment_form .hotel .prod_info .date div {line-height:26px; display: flex; justify-content: start; align-items: center;}
.payment_form .hotel .prod_info .date div span {display: block; line-height: 26px;}
.payment_form .hotel .prod_info .date div.area03 .cancelRate svg {cursor: pointer;}
.payment_form .hotel .prod_info .date div.area03 .cancelRate dl {display:flex; }
.payment_form .hotel .prod_info .date div.area03 .cancelRate dl dt {font-family: 'SpoqaHanSansNeo-Medium'; margin-right: 6px; color: rgb(1 104 220 / 90%);}
.payment_form .hotel .prod_info .date div.area03 .cancelRate dl dd {font-family: 'SpoqaHanSansNeo'; font-weight: 300; color:rgb(0 0 0 / 70%);display: flex;}
.payment_form .hotel .prod_info .date div.area03 .cancelRate dl dd span {margin-left: 6px; color: #fa7474;}
.payment_form .hotel .prod_info .date div.area03 .line {display: inline-block; height: 12px; border-left: 1px rgba(0, 0, 0, 0.12) solid; margin:0 8px;transform: translateY(4%);}
.payment_form .hotel .prod_info .date div.area03 span { color:rgb(0 0 0 / 75%)}
.payment_form .hotel .prod_info .date div.area03 span.no_meal {background:url(../images/common/no_meal.svg) 50% 50% / 16px no-repeat; width: 18px; height: 18px; display: inline-block; opacity: .6;}
.payment_form .hotel .prod_info .date div.area03 span.meal {background:url(../images/common/meal.svg) 50% 50% / 16px no-repeat; width: 18px; height: 18px; display: inline-block; opacity: .8;}
.payment_form .hotel .prod_info .date div.area03 span:last-child {color:rgb(0 0 0 / 60%); margin-left:4px;}
.payment_form .hotel .cancellation_fee {background: rgb(0 0 0 / 2%); padding:12px 16px;}
.payment_form .hotel .cancellation_fee div {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; font-weight: 600; margin-bottom:6px;}
.payment_form .hotel .cancellation_fee ul {display: flex; justify-content: space-between;}
.payment_form .hotel .cancellation_fee ul li {line-height: 22px; font-family: 'SpoqaHanSansNeo'; color:rgb(0 0 0 / 60%); font-size: 13px;}
.payment_form .hotel .cancellation_fee ul li:last-child span:first-child {color:rgb(0 0 0 / 75%); margin-right:10px;}
.payment_form .hotel .cancellation_fee ul li:last-child span:last-child {color:#fa7474;}
.payment_form .hotel .price_area {border-top: 1px dashed #d9d9d9; padding-top:18px}
.payment_form .hotel .price_area div {text-align: right;}
.payment_form .hotel .price_area div:first-child {font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; line-height: 24px;}
.payment_form .hotel .price_area div:first-child span:first-child {margin-right:10px;}
.payment_form .hotel .price_area div:first-child .price .exchangeRate {display:block; font-size:13px; color:#2eb2a1; margin-right:0; line-height:18px;}
.payment_form .hotel .price_area div:first-child .price {font-size:20px; color:#2eb2a1;}
.payment_form .hotel .price_area div:last-child {font-size:13px; height: 22px; line-height: 22px; color:rgb(0 0 0 / 46%);}

/* tour */
.payment_form .tour .prod_info {margin-bottom:10px; display: flex; justify-content:start;}
.payment_form .tour .prod_info .prod_name {display: flex; flex-direction: column;margin-bottom:16px;}
.payment_form .tour .prod_info .prod_name ._ko {font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; margin-bottom: 4px;}
.payment_form .tour .prod_info .prod_name .date { color:rgb(0 0 0 / 65%)}
.payment_form .tour .price_area div {text-align: right;}
.payment_form .tour .price_area div:first-child {font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; line-height: 24px;}
.payment_form .tour .price_area div:first-child .price {font-size:20px; color:#ed5351;}
.payment_form .tour .price_area div:last-child {font-size:13px; height: 30px; line-height: 30px; color:rgb(0 0 0 / 46%);}
.payment_form .tour .prod_info .item_img {position: relative; width:14%; height:70px; border-radius:6px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-right:20px;}

/* golf */
.payment_form .tit_more .h4 {font-size: 15px;font-weight: 600;letter-spacing: -0.6px;color: #1c1c1c;margin-bottom: 14px;}
.payment_form h4 .tt {display:inline-block; font-size: 14px; font-family: 'SpoqaHanSansNeo'; font-weight: 400; color:rgb(0 0 0 / 60%); margin-left: 10px;}
.payment_form .sel_room { padding: 0 0 6px;}
.payment_form .sel_room div {padding:6px 10px 6px 0; display: flex; align-items: center; }
.payment_form .sel_room div label {width: 100%;}
.payment_form .sel_room div .label {position: relative; width: 100%;}
.payment_form .sel_room div .label::before {position: absolute; top: 50%; transform:translateY(-50%);}
.payment_form .sel_room div .label::after { position: absolute; top: 50%; transform:translateY(-50%);}
.payment_form .sel_room div .label .info { width:96%; margin-left:4%; font-size: 14px; line-height: 18px; color:rgb(0 0 0 / 80%); word-wrap: break-word;}
.payment_form .sel_room div .label .info::after {display: block; content: ''; clear: both;}
.payment_form .num {height:50px; line-height: 50px;}
.payment_form .num {height:50px; line-height: 50px; padding:0 20px; background: rgb(0 0 0 / 2%); border-radius: 2px;}
.payment_form .num span:first-child {margin-right:10px;}
.payment_form .num span:last-child { color:#049784;}
.payment_form .cancel {margin-top:4px;}

/* 공통 */
.payment_form .form ul li {margin-bottom:10px;}
.payment_form .form ul li.phone {display: flex; justify-content: start;}
.payment_form .form ul li.phone .sel_base {margin-right:1%;}
.payment_form .form ul li span {width:78%;}
.payment_form .guestInfo_form { margin-top:40px;}
.payment_form .guestInfo_form h4 div { padding-left: 6px; color:rgb(0 0 0 / 60%); font-weight: 400;}
.payment_form .guestInfo_form h4 div span {color:#2eb2a1;}
.payment_form .guestInfo_form .guestInfo {background: rgb(0 0 0 / 2%); padding:20px 20px 0;}
.payment_form .guestInfo_form .guestInfo ul {margin-bottom: 20px; border-bottom:1px dashed #d9d9d9; padding-bottom: 10px; display: flex; justify-content: space-between;}
.payment_form .guestInfo_form .guestInfo ul:last-child {margin-bottom: 0; border-bottom: 0;}
.payment_form .guestInfo_form .guestInfo ul .name {width:60%; display: flex; justify-content: space-between; margin-right: 10px;}
.payment_form .guestInfo_form .guestInfo ul .name div { width:48.5%; line-height: 22px; color:rgb(0 0 0 / 65%); margin-bottom: 10px; display: flex; justify-content: start; align-items: center;}
.payment_form .guestInfo_form .guestInfo ul .name div span {margin-right: 12px; color:#1c1c1c;}
.payment_form .guestInfo_form .guestInfo ul .select {width: 19%; display: flex; justify-content: space-between;}
.payment_form .guestInfo_form .guestInfo ul .sel_base {width:100%;}
.payment_form .guestInfo_form .guestInfo ul .sel_base:first-child {margin-right: 10px;}
.payment_form .terms_wrap .terms_Box {height: 200px;overflow-y: auto;border: 1px solid rgb(0 0 0 / 20%);border-radius: 4px;padding: 10px;font-family: 'SpoqaHanSansNeo';font-size: 13px; line-height: 22px; color:rgb(0 0 0 / 65%); margin-bottom: 10px;} 
.payment_form .terms_wrap .terms_Box ul li {color:rgb(0 0 0 / 60%); line-height:22px; font-size:13px; position: relative;/*padding-left: 10px;*/}
/*.payment_form .terms_wrap .terms_Box ul li:after {content: '-';float: left;font-size: 12px;position: absolute;top: 0px;left: 0px;}*/
.payment_form .terms_wrap .terms_Box dl {padding-bottom:20px;}
.payment_form .terms_wrap .terms_Box dl dt { font-size:13px; color:rgb(0 0 0 / 75%); padding-bottom:6px;font-family: 'SpoqaHanSansNeo-Medium';}
.payment_form .terms_wrap .terms_Box dl dd { font-size:13px; line-height:20px;}
.payment_form .terms_wrap .terms_Box dl dd ul li {margin-bottom: 6px;}
.payment_form .terms_wrap .terms_Box dl dd ul li span {color:rgb(0 0 0 / 80%)}
.payment_form .terms_wrap .terms_Box .law dt {font-size:12px; padding:0;}
.payment_form .terms_wrap .terms_Box p {color:rgb(0 0 0 / 60%); line-height:22px; font-size:13px;}
.payment_form .terms_wrap .terms_Box .table_ti {color:#1c1c1c;  font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 14px;}
.payment_form .terms_wrap .terms_Box .person_title {color:#1c1c1c; font-size: 14px; margin-bottom: 10px;}
.payment_form .terms_wrap .terms_Box .start {color:#1c1c1c; font-size:13px;}
.payment_form .terms_wrap .terms_Box .end { margin-bottom:20px; font-size:13px;}
.payment_form .terms_wrap .terms_check .label {color:rgb(0 0 0 / 80%);}
.payment_form .all_terms {margin-top:10px;}
.payment_form .all_terms .label {color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium';}

.payment_form .coupon {padding: 30px 20px; background: #fff; margin:0;min-height: 0;}
.payment_form .coupon .cp_num {color:#1758d1;font-family: 'SpoqaHanSansNeo-Medium'; font-weight: 500;}
.payment_form .coupon ul {display: flex; justify-content: start; margin-bottom:10px;}
.payment_form .coupon ul li {height:50px; line-height: 50px; color:#1c1c1c;}
.payment_form .coupon ul li:first-child {width:20%}
.payment_form .coupon ul li:last-child {width:70%; display: flex; align-items: center;}
.payment_form .coupon ul li:last-child .inp_base {width:70%; border-radius: 2px 0 0 2px; border-right: 0;}
.payment_form .coupon ul li:last-child .btn_coupon {width:30%; height:50px; float:right; background:#1758d1; color:#fff; border-radius: 0 2px 2px 0; border-top:1px solid #1758d1;
    border-right:1px solid #1758d1; border-bottom:1px solid #1758d1; border-left:1px dotted #fff;}
.payment_form .coupon ul li:last-child .sel_base {width:100%;}
.payment_form .coupon .discount_amount {height: 30px; line-height: 30px;display: flex; align-items: center;}
.payment_form .total_price_area {background: rgb(0 0 0 / 2%); border-top: 1px dashed #d9d9d9; padding:18px 20px 16px; text-align: right; color:#1c1c1c;}
.payment_form .total_price_area div {height:26px; line-height: 26px;}
.payment_form .total_price_area div span:first-child {margin-right:10px}
.payment_form .payment_amount {height:34px; border-top:1px solid #2eb2a1; text-align: right; padding:20px;}
.payment_form .payment_amount span {font-size:16px; font-family: 'SpoqaHanSansNeo-Medium';}
.payment_form .payment_amount span:first-child {color:#1c1c1c;}
.payment_form .payment_amount span:last-child {color:#2eb2a1;}
.payment_form .payment_amount div:first-child {font-family: 'SpoqaHanSansNeo-Medium'; height:34px; color:#1c1c1c;}
.payment_form .payment_amount div:last-child {font-size:13px; color:rgb(0 0 0 / 45%);/*:#999;*/}
.payment_form .payment_amount .point {font-size:18px; margin-left:10px}
.payment_form .btn_area { display: flex; justify-content: center;}
.payment_form .btn_area .btn_type_basic {width:30%; margin-right:6px;}
.payment_form .btn_area .double {width:30%;}
.payment_form .btn_area .single {width:30%;}


/*--------------------------------------------------------------------------------
	# end : hotel 
---------------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------------
	# tour
---------------------------------------------------------------------------------*/
/* main */
.tour_list h3 {margin-bottom:14px;}
.tour_list h3 span {height:20px; font-size:14px; color:rgb(0 0 0 / 60%);margin-bottom: 6px; font-family: 'SpoqaHanSansNeo'; font-weight:500}
.tour_list h3 div {width: 100%; height:22px; display: flex; justify-content:space-between; align-items: center; margin-bottom: 16px; }
.tour_list h3 div .tit {font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; color:#1c1c1c; letter-spacing: -1.2px;}
.tour_list h3 div .more {font-size:13px; color:rgb(0 0 0 / 75%); display: block; margin-bottom: 0; background: url(../images/common/arrow_right.svg) 100% 50% / 16px no-repeat; padding-right: 16px; cursor: pointer;}
.tour_list .category_area {display: flex; justify-content: flex-start; align-items: center; width: 34%; margin: 20px 0 40px 20px;}
.tour_list .category_area .category {display: flex; flex: 1; flex-direction: column; align-items: center; cursor: pointer;} 
.tour_list .category_area .category div { width: 64px; height: 64px;}
.tour_list .category_area .category .icon { width: 64px; height: 64px; border-radius: 50px; background:#f5f5f5; display: flex; align-items: center; justify-content: center;}
.tour_list .category_area .category .icon svg {fill:#878787;}
.tour_list .category_area .category div:last-child {width: 100%; height: auto; text-align: center; font-size: 16px; padding-top: 10px; color: rgb(0 0 0 / 60%)} 
.tour_list .category_area .category:hover .icon {background : #e8f8f6;}
.tour_list .category_area .category:hover .icon svg {fill: #1da28e;}
.tour_list .category_area .category:hover div:last-child {color: #1da28e;}
.tour_list .category_area .category.selected .icon {width: 64px; height: 64px; border-radius: 50px; background:#e8f8f6; display: flex; align-items: center; justify-content: center;}
.tour_list .category_area .category.selected .icon svg {fill: #1da28e;}
.tour_list .category_area .category.selected div:last-child {height: auto; text-align: center; font-size: 16px; padding-top: 10px; color:#1c1c1c; font-weight: 600;}
.tour_list .banner {position: relative; margin-bottom: 50px;}
.tour_list .banner .ba_paging {position: absolute; right: 20px; bottom: 20px; background: rgb(0 0 0 / 30%); padding: 0 10px; border-radius: 30px; color:#fff; font-size: 13px; z-index: 3;}
.tour_list .mz_area h3 {width:740px; margin: 0 auto 14px;}
.tour_list .mz_area .list {width:740px; margin: 0 auto 60px; box-sizing:border-box;}
.tour_list .mz_area .list::after { display:block; content:''; clear: both;}
.tour_list .mz_area .list .card {position: relative; cursor:pointer; width:240px; height:240px; margin-right:10px; float:left;}
.tour_list .mz_area .list .card:nth-of-type(3n + 3) { margin-right:0;}
.tour_list .mz_area .list .card svg {position: absolute; right:10px; top: 10px;}
.tour_list .mz_area .list .card .card_img {border-radius: 10px; width: 100%;height: 100%; background-size: cover; background-position: 50% 50%;}
.tour_list .mz_area .list .card .back {top: 0;left: 0;width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 100%);border-radius: 0 0 10px 10px; pointer-events: none;}
.tour_list .mz_area .list .card .tit_area {position: absolute; display: flex;flex-direction: column; bottom: 22px; left: 22px; right: 22px;}
.tour_list .mz_area .list .card .tit_area .area01 {color: rgb(255, 255, 255); font-family: 'SpoqaHanSansNeo-Bold'; font-size: 20px;line-height: 1.27;white-space: pre-line;}
.tour_list .mz_area .list .card .tit_area .area02 {color: rgb(255, 255, 255);font-size: 14px; font-family: 'SpoqaHanSansNeo'; line-height: 1.43;margin-top: 8px;}

/* list */
.tour_list .tab_area {padding: 0 30px; margin-bottom: 0;}
.tour_list .product_area {min-height: 500px;}
.tour_list .product_area::after {display: block; content: ''; clear: both;}
.tour_list .product_area .item {width: 360px; float: left; margin-bottom: 60px; position: relative;}
.tour_list .product_area .item:nth-child(odd) {margin-right: 20px;}
.tour_list .product_area .item .item_img {position: relative; width:100%; height:360px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 14px;}
.tour_list .product_area .item .item_img:hover {border-radius:12px; /*box-shadow: 2px 8px 14px 2px rgb(0 0 0 / 26%);*/}
.tour_list .product_area .item .bookMark {position: absolute; right: 10px; top: 10px;z-index: 2; background:rgb(46 178 161 / 40%) url(../images/common/bookmark_fff.svg) 50% 50% / 30px no-repeat; width: 40px; height: 40px; border-radius: 100%; cursor: pointer;}
.tour_list .product_area .item .bookMark_on {position: absolute; right: 10px; top: 10px;z-index: 2; background:rgb(46 178 161 / 40%) url(../images/common/bookmark_fff_on.svg) 50% 50% / 30px no-repeat; width: 40px; height: 40px; border-radius: 100%; cursor: pointer;}
.tour_list .product_area .item .label_data {display:block; position: absolute; left: 0; bottom: 0; border-radius: 0 10px 0 8px; padding: 1px 10px 2px; color: #000; background: rgba(255, 243, 52, .9); font-size: 12px; font-weight: 500; z-index: 3;}
.tour_list .product_area .item .item_info {width: 100%;}
.tour_list .product_area .item .item_info::after {display: block; content: ''; clear: both;}
.tour_list .product_area .item .item_info .tit {width:100%; color:#1c1c1c; font-size: 18px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 26px; max-height: 50px;  overflow: hidden;  white-space: normal; -webkit-line-clamp:2;  text-overflow: ellipsis; margin-bottom: 20px; letter-spacing: -0.02em;}
.tour_list .product_area .item .item_info .price {color:#1c1c1c; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold';  margin-top: 9px;}
.tour_list .product_area .item .item_info .price span {font-size: 16px; font-weight: 400;}
.tour_list .btn_filter .filter-label svg {margin-right:4px;}

/* detail */
.tour_detail {margin-bottom:50px;}
.tour_detail h4 {width:94%; margin: 0 auto 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.tour_detail .box { padding: 20px 0;  border-bottom: 8px solid rgb(0 0 0 / 4%); margin:0;}
.tour_detail .box.end {border-bottom: 0;}
.tour_detail .box svg {cursor: pointer;}
.tour_detail .inner {width:94%; margin: 20px auto 0;}
.tour_detail .item_area .item_img {position: relative; width:100%; height:510px; background-size:cover; background-repeat: no-repeat; background-position: 50%;}
.tour_detail .item_area .item_img span {position: absolute; bottom: 20px; left:50%; transform: translateX(-50%); border-radius: 25px; color:rgb(255 255 255 / 90%); background: rgb(0 0 0 / 45%); font-size: 13px; letter-spacing: 1px; padding:2px 10px; text-align: center; z-index: 66; display: block;}
.tour_detail .item_area .item_info {width: 94%; margin: 0 auto; position: relative;}
.tour_detail .item_area .item_info::after {display: block; content: ''; clear: both;}
.tour_detail .item_area .item_info .bookMark {position: absolute; right: 0; top: 0; z-index:3;}
.tour_detail .item_area .item_info .bookMark_on {position: absolute; right: 0; top: 0; z-index:3;}
.tour_detail .item_area .item_info .tit {width:96%; color:#1c1c1c; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin-bottom: 14px; letter-spacing: -0.02em;}
.tour_detail .item_area .item_info .location {display: flex; flex-direction: row; align-items: center; margin-bottom: 14px;}
.tour_detail .item_area .item_info .location .region {padding-right: 10px;}
.tour_detail .item_area .item_info .location .country {color:#999; padding-left: 10px;}
.tour_detail .item_area .item_info .location .line {display: inline-block; height: 12px; border-left: 1px rgba(0, 0, 0, 0.12) solid;}
.tour_detail .item_area .item_info .review { background:url(../images/common/star.svg) 0 50% / 16px no-repeat; padding-left:20px; color:#4257d9; font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium';letter-spacing: -0.02em; margin-bottom: 24px; cursor: pointer; display: flex; align-items: center;}
.tour_detail .item_area .item_info .review span {color:rgb(0 0 0 / 50%); font-size: 14px;}
.tour_detail .item_area .price_area {width:94%; margin:0 auto 20px; text-align: right; color:#2eb2a1; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold';}

.tour_detail .main_point_area .inner .main_point {border-top:1px solid #1c1c1c;}
.tour_detail .main_point_area .inner .main_point dl {display: flex; justify-content: start; align-items: center; border-bottom:1px solid rgb(0 0 0 / 10%); padding:30px 0; }
.tour_detail .main_point_area .inner .main_point dl dt {width: 30%; min-height: 40px; font-size: 16px; font-family: 'SpoqaHanSansNeo'; padding-left: 90px; display: flex; align-items: center;}
.tour_detail .main_point_area .inner .main_point dl dd {width: 70%; color:rgb(0 0 0 / 60%)}
.tour_detail .main_point_area .inner .main_point .traffic {background:url(../images/common/traffic.svg) 26% 50% / 30px no-repeat;}
.tour_detail .main_point_area .inner .main_point .lodge {background:url(../images/common/lodge.svg) 26% 50% / 30px no-repeat;}
.tour_detail .main_point_area .inner .main_point .tourism {background:url(../images/common/tourism.svg) 26% 50% / 35px no-repeat;}
.tour_detail .main_point_area .inner .main_point .etc {background:url(../images/common/etc.svg) 26% 50% / 30px no-repeat;}
.tour_detail .main_point_area .inner .main_point .insurance {background:url(../images/common/insurance.svg) 26% 50% / 30px no-repeat;}
.tour_detail .txt {width:94%; margin: 20px auto;}
.tour_detail .txt .ti { font-weight: 600; color:#1c1c1c; margin-bottom: 10px; line-height: 20px;}
.tour_detail .txt .cont { white-space: normal; line-height: 20px;}
.tour_detail .included-list {width:100%; margin:40px auto;border-top:1px solid #1c1c1c; display: flex; flex-direction: column;}
.tour_detail .included-list .item {display:flex;align-items: center; border-bottom:1px solid rgb(0 0 0 / 10%)}
.tour_detail .included-list .item .label:before{content: '';}
.tour_detail .included-list .check .label:before{width:20px;height:16px;margin-right:5px;background:url('../images/common/included.svg') 50% 50%/100% no-repeat;}
.tour_detail .included-list .no-check .label:before{width:16px;height:17px;margin-right:9px;background:url('../images/common/included_no.svg') 50% 50%/100% no-repeat;}
.tour_detail .included-list .label{flex:none;width: 20%;font-size:16px;font-weight: 500;display:flex;align-items: center;justify-content: center;}
.tour_detail .included-list .area {flex:1; padding:20px 30px;line-height: 26px;border-left:1px solid rgb(0 0 0 / 10%)}
.tour_detail .included-list .area dl dt {font-family: 'SpoqaHanSansNeo-Medium'; font-weight: 500;}
.tour_detail .included-list .area dl dd {color:rgb(0 0 0 / 60%); line-height: 22px; margin-bottom: 20px;}
.tour_detail .included-list .area dl dd:last-child {margin-bottom: 0;}

.tour_detail .travel_plan .inner .notice {margin: 20px 0; color:rgb(237 83 81 / 70%); font-size: 13px; font-weight: 300; padding-left: 20px; background-position: 0 10%;}
.tour_detail .travel_plan .inner {width:94%; margin: 20px auto;}
.tour_detail .travel_plan .inner .plan_area ._head {background-color: rgb(0 0 0 / 4%); border-top: 1px solid #1c1c1c; display: flex; justify-content: space-between; align-items: center;  padding: 20px 15px 20px 20px; font-size: 18px;font-family: 'SpoqaHanSansNeo-Bold'; color:#1c1c1c;}
.tour_detail .travel_plan .inner .plan_area ._head .date {color:rgb(0 0 0 / 50%); font-size: 14px; font-family: 'SpoqaHanSansNeo-Medium'; margin-right: 10px;}
.tour_detail .travel_plan .inner .plan_area ._head .open {transform: rotate(180deg);}
.tour_detail .travel_plan .inner .plan_area ._body {padding: 30px 0;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo {display: flex; justify-content: center; padding: 40px 0 60px; width: 94%; margin: 0 auto; color:#1c1c1c;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo dl dt {font-size: 24px; font-family: 'SpoqaHanSansNeo-Bold'; margin-bottom: 4px;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .depart {text-align: right; margin-right: 20px;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .arrival {margin-left: 20px;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime {width:260px; display: flex; flex-direction: column; padding-top: 20px;}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .airline {font-size: 14px; font-family: 'SpoqaHanSansNeo-Medium'; display: flex; align-items: center; justify-content: center; }
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .airline span {width: 26px;height: 26px;background: url(../images/common/flight_depart.svg) 50% 50% / 26px no-repeat; transform: translateX(-26%) translateY(-20%);}
.tour_detail .travel_plan .inner .plan_area ._body .airInfo .airtime .time {color:rgb(0 0 0 / 40%); font-size: 13px; text-align: center; background: url(../images/common/airline_arrow.png) 50% 76% / 80% no-repeat; padding-bottom: 20px;}

.tour_detail .time_info {position:relative; padding:0 0 40px 30px; width:94%; margin: 0 auto;}
.tour_detail .time_info .tit{font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; font-size:16px;line-height:18px}
.tour_detail .time_info .tit + .txt{padding-top:5px;}
.tour_detail .time_info .txt {color:rgb(0 0 0 / 70%); font-size: 15px; line-height: 1.6;}
.tour_detail .time_info .photo {flex: none; display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.tour_detail .time_info .photo .item_img {position: relative; width:48%; height:240px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 14px;}
.tour_detail .time_info .photo .item_img:first-child {margin-right: 20px;}
.tour_detail .time_info:before,
.tour_detail .time_info:after {content: '';display:block;position:absolute;left:0;}
.tour_detail .time_info:after{width:1px;height:100%;top:0;background:rgb(0 0 0 / 10%);z-index:1}
.tour_detail .time_info.end {padding-bottom: 15px;}
.tour_detail .time_info:before{width:8px;height:8px;background:#2eb2a1;left:-4px; top:4px; border-radius: 100%;z-index:2;}
.tour_detail .time_info.location:before{left:-14px;top:-5px;width:28px;height:28px;background:url('../images/common/map_pin.svg') 0 50%/100% no-repeat;}
.tour_detail .time_info.end.location:before{top:30px;}
.tour_detail .time_info.plan_box:before{display:none}
.tour_detail .optional_tour_box {position: relative; border:1px solid rgb(0 0 0 / 10%); width: 100%; display: flex; flex-direction: column; margin-bottom: 30px; padding: 60px 30px 30px 30px; }
.tour_detail .optional_tour_box span {position: absolute;background:#ed5351; top: -10px; left:30px; width:58px; height: 58px; color:#fff; text-align: center;padding-top: 11px;}
.tour_detail .optional_tour_box ul {display: flex; justify-content:start; margin-top: 20px;}
.tour_detail .optional_tour_box ul .item_img {position: relative; width:40%; height:186px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin: 0 30px 14px 0;}
.tour_detail .optional_tour_box ul li dl { display: flex; flex-direction: row; margin-bottom: 10px; color:rgb(0 0 0 / 80%); padding-top:10px;}
.tour_detail .optional_tour_box ul li dl dt {width:80px;}
.tour_detail .optional_tour_box ul li dl dd {color:rgb(0 0 0 / 60%)}
.tour_detail .plan_box {border:1px solid rgb(0 0 0 / 10%); margin-left:52px; width: 90%; display: flex; justify-content: space-between; margin-bottom: 30px;}
.tour_detail .plan_box div {width:calc(100% / 2);}
.tour_detail .plan_box .hotel { height: auto; border-right:1px solid rgb(0 0 0 / 10%); padding:30px 30px 30px 110px; background:url('../images/common/plan_bed.svg') 13% 50%/30px no-repeat;}
.tour_detail .plan_box .hotel span {font-family: 'SpoqaHanSansNeo-Bold';}
.tour_detail .plan_box .hotel .btn_hotelHome {display:block; border:1px solid rgb(0 0 0 / 60%); border-radius: 2px; width: auto; margin-top: 10px; font-size: 12px; color:rgb(0 0 0 / 60%)}
.tour_detail .plan_box .meal { display: flex; flex-direction: column; justify-content: center; padding:30px 30px 30px 110px; background:url('../images/common/plan_meal.svg') 13% 50%/30px no-repeat;}
.tour_detail .plan_box .meal span {width: auto; line-height: 24px;}
.tour_detail .inner p {height:auto; line-height: 1.6; padding-bottom: 10px; color:rgb(0 0 0 / 60%); font-size: 14px; font-family: 'SpoqaHanSansNeo';}
.tour_detail .detailMn {display: flex; margin-bottom:30px}
.tour_detail .detailMn button {flex: 1; font-size: 16px; padding: 10px 0; justify-content: center; height: 50px; border: 1px solid rgb(0 0 0 / 10%); z-index: 0; background: #fff; outline: none;}
.tour_detail .detailMn button:hover {border:1px solid #1c1c1c; z-index: 1; transition: border .5s ease-in-out;}
.tour_detail .detailMn button.selected {border:1px solid #1c1c1c; z-index: 1; transition: border .5s ease-in-out;}
/*--------------------------------------------------------------------------------
	# end : tour
---------------------------------------------------------------------------------*/








/*--------------------------------------------------------------------------------
	# magazine
---------------------------------------------------------------------------------*/
.mzList {min-height: 600px;}
.mzList .list {width:740px; margin: 0 auto 60px; box-sizing:border-box;}
.mzList .list::after { display:block; content:''; clear: both;}
.mzList .list .card {position: relative; cursor:pointer; width:240px; height:240px; margin: 0 10px 10px 0; float:left;}
.mzList .list .card:nth-of-type(3n + 3) { margin-right:0;}
.mzList .list .card svg {position: absolute; right:10px; top: 10px;}
.mzList .list .card .card_img {border-radius: 10px; width: 100%;height: 100%; background-size: cover; background-position: 50% 50%;}
.mzList .list .card .back {top: 0;left: 0;width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 100%);border-radius: 0 0 10px 10px; pointer-events: none;}
.mzList .list .card .tit_area {position: absolute; display: flex;flex-direction: column; bottom: 22px; left: 22px; right: 22px;}
.mzList .list .card .tit_area .area01 {color: rgb(255, 255, 255); font-family: 'SpoqaHanSansNeo-Bold'; font-size: 20px;line-height: 1.27;white-space: pre-line;}
.mzList .list .card .tit_area .area02 {color: rgb(255, 255, 255);font-size: 14px; font-family: 'SpoqaHanSansNeo'; line-height: 1.43;margin-top: 8px;}
.mzView { margin-bottom:80px;}
.mzView .cont_area {width:740px; margin:0 auto 40px;}
.mzView .cont_area .tit {border-bottom:1px solid #1c1c1c; display: flex; justify-content:space-between; align-items: center; padding-bottom: 10px; font-size: 20px; font-weight:600; letter-spacing:-0.5px; line-height: 26px; max-height: 30px; overflow: hidden; white-space: normal;-webkit-line-clamp: 1;text-overflow: ellipsis;}
.mzView .cont_area .cont {padding: 0 0 20px; border-bottom: 1px solid rgb(0 0 0 / 10%);}
.mzView .cont_area .cont p {line-height:22px; color:#7d7d7d; text-align:left;white-space: pre-line;}
.mzView .cont_area .cont p img {max-width: 100%;}
.mzView .cont_area .cont p.ti {text-align:center; margin:20px 0; color:rgb(0 0 0 / 80%); font-size:16px; font-weight: 600;}
.mzView .cont_area .cont p.img_name {text-align:center; margin:4px 0 20px; color:rgb(0 0 0 / 80%); font-size:13px;}
.mzView .cont_area .cont p b {color:rgb(0 0 0 / 80%)}
.mzView .cont_area .btn_black {width:30%; margin:30px auto 0; display:block;}
.relat_prod {width:740px; margin:0 auto 40px;}
.relat_prod h4 {margin-bottom:14px}
.relat_prod ul {margin-bottom: 0;}
.relat_prod ul:after {display: block; content: ""; clear: both;}
.relat_prod ul li {width:calc(100% / 3 - 10px); margin-right:15px; margin-bottom:50px; float: left;}
.relat_prod ul li:nth-of-type(3n + 3) { margin-right:0;}
.relat_prod .item_img {width:100%; height:160px; margin-bottom: 15px; position: relative; }
.relat_prod .item_img img {width: 100%; height: 100%; border-radius:10px;}
.relat_prod .badge_area {margin-bottom: 10px;}
.relat_prod .ti {width: 100%; color: #1c1c1c;font-size: 16px;font-family: 'SpoqaHanSansNeo-Medium';line-height: 22px;max-height: 44px;overflow: hidden;white-space: nowrap;-webkit-line-clamp: 1;text-overflow: ellipsis;margin-bottom: 10px;letter-spacing: -0.02em;}
.relat_prod .sti {width: 100%; color: rgb(0 0 0 / 60%); font-family: 'SpoqaHanSansNeo';line-height: 18px;max-height: 34px;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;text-overflow: ellipsis;margin-bottom: 20px;letter-spacing: -0.02em;}
.relat_prod .price {color: #1c1c1c;font-size: 16px; font-family: 'SpoqaHanSansNeo'; font-weight: 600;}
/*--------------------------------------------------------------------------------
	# end : magazine
---------------------------------------------------------------------------------*/











/*--------------------------------------------------------------------------------
	# golf
---------------------------------------------------------------------------------*/
/* schedule_calendar */
#schedule_calendar {width:100%; margin:20px auto 0; overflow:hidden;}
.golf .tab_calendar { width: 100%; margin-bottom: 14px;}
.golf .tab_calendar .swiper .swiper-wrapper {display: flex; justify-content:space-between; }
.golf .tab_calendar .swiper .swiper-wrapper div { /*width: 33.3%;  margin-right:1%;*/ flex-grow: 1; text-align: center; }
.golf .tab_calendar .swiper .swiper-wrapper div:last-child {margin-right:0}
.golf .tab_calendar .swiper .swiper-wrapper div a { width: 100%; border-bottom:2px solid rgb(0 0 0 / 40%); display: inline-block; color: rgb(0 0 0 / 60%); text-align: center; padding-bottom:10px; font-size:18px;}
.golf .tab_calendar .swiper .swiper-wrapper div a.nav_on {border-bottom:2px solid #1c1c1c; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Bold';}
.golf .cal_wrap { width: 100%; margin: 0 auto 30px; display: flex; position: relative;}
.golf .cal_wrap::after { display:block; content: ""; clear: both;}
.golf .cal_wrap .arrow_left {position: absolute; top:50%; left:0; transform: translateY(-50%); content: url(../images/common/arrow_left_black.svg);  width: 40px; height:40px; cursor:pointer;}
.golf .cal_wrap .arrow_right {position: absolute; top:50%; right:0; transform: translateY(-50%); content: url(../images/common/arrow_right.svg); width: 40px; height:40px; cursor:pointer;}
.golf .cal_wrap .arrow_left:hover {position: absolute; top:50%; left:0; transform: translateY(-50%); content: url(../images/common/arrow_left_black.svg);  width: 40px; height:40px; background:rgb(0 0 0 / 10%); border-radius:100%; cursor:pointer;}
.golf .cal_wrap .arrow_right:hover {position: absolute; top:50%; right:0; transform: translateY(-50%); content: url(../images/common/arrow_right.svg); width: 40px; height:40px; background:rgb(0 0 0 / 10%); border-radius:100%; cursor:pointer;}
.golf .cal_wrap .cal_date_box { width:90%; margin: 0 auto; display:flex; overflow: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.golf .cal_wrap .cal_date_box .clickable {width:calc(100% / 9 - 10px); margin-right:10px; display: inline-block; text-align: center; cursor: pointer;}
.golf .cal_wrap .cal_date_box .clickable span { display: block; text-align:center;}
.golf .cal_wrap .cal_date_box .clickable .days {color:rgb(0 0 0 / 80%); font-family: 'SpoqaHanSansNeo-Medium';width:80%; margin:0 auto;}
.golf .cal_wrap .cal_date_box .clickable .date {color:rgb(28 28 28 / 100%); font-family: 'SpoqaHanSansNeo-Medium'; padding-top:6px; font-size:16px;}
.golf .cal_wrap .cal_date_box .clickable .leftover { padding-top:4px; color: #f1862f; font-family: 'SpoqaHanSansNeo'; font-size: 13px;}
.golf .sunday { color:#e32c42;}
.golf .sunday span { color:#e32c42;}
.golf .cal_wrap .cal_date_box .date_box { border-radius: 4px; padding: 6px 10px; border:2px solid rgb(241 134 47 / 0);}
.golf .cal_wrap .cal_date_box .date_box:hover {background:rgb(241 134 47 / 10%); border:2px solid rgb(241 134 47 / 0);}
.golf .cal_wrap .cal_date_box .date_box.selected {border:2px solid #f1862f;}
.golf .cal_date_box::-webkit-scrollbar{display:none;}

/* step */
.golf .step { width: 100%; margin: 0 auto 40px; padding: 24px 30px 18px; border-radius: 10px; background: rgb(0 0 0 / 3%);}
.golf .step::after { display: block; content: ""; clear: both;}
.golf .step p:first-child { font-size: 15px;color:#1c1c1c; margin-bottom: 20px;}
.golf .step p:first-child  span {color:#049784; font-weight:500;}
.golf .step_wrap { width: 100%;}
.golf .step_wrap div { float: left; padding-left:46px; }
.golf .step_wrap div span {color:#049784; font-size: 13px; }
.golf .step_wrap div > p {font-size: 15px; line-height: 26px;}
.golf .step_wrap div:first-child{ background: url(../images/icon_step1.png) no-repeat; width:26%; }
.golf .step_wrap div:nth-child(2){ background: url(../images/icon_step2.png) no-repeat; width:30%;}
.golf .step_wrap div:nth-child(3) { background: url(../images/icon_step3.png) no-repeat;  width:26%;}
.golf .step_wrap div:last-child { background: url(../images/icon_step4.png) no-repeat; width:18%;}

/* golf_filter */
.golf_filter { width: 740px; margin: 0 auto 14px; display: flex;justify-content: space-between; align-items: center;}
.golf_filter div {display:flex;}
.golf_filter .sel {width:30%; margin-right:2%; display: flex; justify-content: space-between;}
.golf_filter .sel button {flex: 1; height: 36px; font-size: 14px; justify-content: center; border: 1px solid rgb(0 0 0 / 10%); z-index: 0; background: #fff; outline: none;}
.golf_filter .sel button.selected {border:1px solid #1c1c1c; z-index: 1; transition: border .5s ease-in-out;}
.golf_filter .of_x {width: 68%; overflow-y: hidden; overflow: hidden; overflow-x: auto; display: flex; flex: 1; justify-content: end;}
.golf_filter .zone {/*width:100%;*/ display: flex; align-items:center; height:36px;}
.golf_filter .zone span {position: relative; padding: 0 14px; color:rgb(0 0 0 / 80%); font-size: 15px; cursor: pointer; display: flex; -webkit-box-flex: 1; flex-grow: 1; justify-content: center;}
.golf_filter .zone span.selected {color:#1da28e}
.golf_filter .zone span::after { position: absolute; top:5px; right: 0; width: 1px; height: 10px; content: ''; background: rgba(0 0 0 / 10%);}
.golf_filter .zone span:last-child::after {background:none;}
.golf_filter .zone_real span {position: relative; padding: 0 14px; color:rgb(0 0 0 / 80%); font-size: 15px; cursor: pointer; display: flex; -webkit-box-flex: 1; flex-grow: 1; justify-content: center;}
.golf_filter .zone_real span.selected {color:#1da28e}
.golf_filter .zone_real span::after { position: absolute; top:5px; right: 0; width: 1px; height: 10px; content: ''; background: rgba(0 0 0 / 10%);}
.golf_filter .zone_real span:last-child::after {background:none;}

.golf .item_box {margin-bottom:60px;}
.golf .item_box:after {display: block; content: ''; clear: both;}
.golf .item_img {position: relative; width:100%; height:auto; min-height: 200px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 14px;}
.golf .item_info {width: 100%; position: relative; display: flex; justify-content: space-between; margin-bottom:30px;}
.golf .item_info::after {display: block; content: ''; clear: both;}
.golf .item_info .area01 {width: 70%;}
.golf .item_info .area01 .label {font-size: 13px; font-family: 'SpoqaHanSansNeo'; letter-spacing: -0.02em;}
.golf .item_info .area01 .label .date {color:#999;}
.golf .item_info .area01 .label .bak {color:#f1862f;}
.golf .item_info .area01 .label .dot {color:rgb(0 0 0 / 50%);font-family: 'SpoqaHanSansNeo-Bold';}
.golf .item_info .area01 .tit {width:96%; color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 50px; overflow: hidden;  white-space: normal; -webkit-line-clamp:2; text-overflow: ellipsis; margin: 2px 0; letter-spacing: -0.02em;}
.golf .item_info .area01 dl {display: flex; flex-direction: row;}
.golf .item_info .area01 dl dt {font-family: 'SpoqaHanSansNeo-Medium';color:rgb(28 28 28 / 80%);}
.golf .item_info .area01 dl dd {color:rgb(0 0 0 / 60%)}
.golf .item_info .area02 {width: 30%; padding-top:10px; text-align: right;}
.golf .item_info .area02 .price {color:#1c1c1c; font-size: 18px; font-family: 'SpoqaHanSansNeo-Bold'; margin-bottom:10px;}
.golf .item_info .area02 .price span {font-size: 18px; font-family: 'SpoqaHanSansNeo-Medium';}
.golf .item_info .area02 .btnReservation {width:80%; min-height:40px; float:right;}

/* 제주실시간 timeCard */
.timeCard .golf_option_card {float:left; margin-right: 10px; margin-bottom: 10px; border-radius: 10px; background:rgb(0 0 0 / 3%); padding:10px 14px; cursor: pointer;}
.timeCard .golf_option_card p {line-height: 20px;}
.timeCard .golf_option_card p.ti {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c;  /*padding-bottom: 4px; border-bottom: 1px solid rgba(0, 0, 0, .06)*/}
.timeCard .golf_option_card p.p1 {color:rgb(0 0 0 / 70%); font-size: 13px; padding-top: 4px;}
.timeCard .golf_option_card .anpo { color:#de6154; font-size: 12px;}

/*--------------------------------------------------------------------------------
	# end : golf
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# event
---------------------------------------------------------------------------------*/
.event .tab {display: flex; justify-content:center; width: 50%; margin: 0 auto;}
.event .tab div { width:50%; text-align: center; padding: 14px 0 6px; font-family: 'SpoqaHanSansNeo-Bold'; font-size: 20px; color:rgb(0 0 0 / 30%); margin-bottom: 30px;border-bottom: 3px solid rgb(0 0 0 / 30%); cursor: pointer;}
.event .tab div:first-child {margin-right: 20px;}
.event .tab div:hover {border-bottom: 3px solid #ed5351; color:#1c1c1c}
.event .tab div.on {border-bottom: 3px solid #ed5351; color:#1c1c1c}
.event .list {min-height: 500px;}
.event .list:after {display:block; content:''; clear:both;}
.event .list div { float:left; width:48.5%; margin-bottom: 40px; cursor: pointer;}
.event .list div:nth-child(odd) {margin-right:3%;}
.event .list div:nth-child(even) { float:right; margin-right:0;}
.event .list div .item_img {width:100%; height:200px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 10px;}
.event .list div .tit {color:#1c1c1c; font-size: 16px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 26px; max-height: 50px;  overflow: hidden;  white-space: normal; -webkit-line-clamp:2;  text-overflow: ellipsis; letter-spacing: -0.02em;}
.event .list div .stit {color:rgb(0 0 0 / 50%); line-height: 26px;}
.event .list .last {opacity: .7; cursor: default; filter: grayscale(1);}
.event .view {width:100%;}
.event .view img {width:100%; height: auto;}
.event .btn_black {width:30%; margin: 0 auto;}

/*--------------------------------------------------------------------------------
	# end : event
---------------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------------
	# live
---------------------------------------------------------------------------------*/
.live {margin-bottom: 100px;}
.live .VideoCard_link {float: left; width:240px; height: 342px; margin:0 10px 20px 0; cursor: pointer;}
.live .VideoCard_link:nth-of-type(3n + 3) { margin-right:0;}
.live .VideoCard_wrap {position: relative; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*width: 228px; height: 342px; border-radius: 10px; position: relative;*/ display: flex; justify-content: center;}
.live .Videocard_image {overflow: hidden; background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 10px;}
.live .Videocard_image .VideoCon_image {position: absolute; top: 0; left: 0; width: 100%; height:100%; object-fit: cover; background-color: #fff;}
.live .VideoCard_wrap .area01 {position: absolute; top: 30px; z-index: 333; height: 24px; line-height: 24px;}
.live .VideoCard_wrap .area01 span {display: inline-block; color:#fff;}
.live .VideoCard_wrap .area01 .logo1 { background: url(../images/logo_live.svg) 0 40%/100% no-repeat; width: 58px; height: 24px;}
.live .VideoCard_wrap .area01 .logo2 { background: url(../images/logo_live.svg) 0 40%/100% no-repeat; width: 58px; height: 24px;}
.live .VideoCard_wrap .area01 .x { margin:0 6px; transform:translateY(-8px); font-weight: 200;} 
.live .VideoCard_wrap .area02 {position: absolute; top: 130px; z-index: 333;}
.live .VideoCard_wrap .area02 span {display: block; color:#fff; text-align: center;}
.live .VideoCard_wrap .area02 span.data {font-size:16px; font-weight: 400;}
.live .VideoCard_wrap .area02 span.time {font-size:40px; font-family: 'SpoqaHanSansNeo-Bold';}
.live .VideoCard_wrap .area03 {width:90%; padding: 6px 10px 6px 14px; position: absolute; bottom: 13px; background-image: linear-gradient(-90deg,hsla(0,0%,100%,0),#000 99%); border-radius: 30px 0 0 30px; z-index: 333;}
.live .VideoCard_wrap .area03 span {display: block; color:#fff; font-size:15px; opacity: 100%;}
.live .VideoCard_wrap .area03 span.item_name {color:#fff; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; } 
.live .VideoCard_wrap .area03 span.price {font-family: 'SpoqaHanSansNeo-Medium'; }
/*--------------------------------------------------------------------------------
	# end : live
---------------------------------------------------------------------------------*/








/*--------------------------------------------------------------------------------
	# customer & notice
---------------------------------------------------------------------------------*/
.customer h3 {text-align: center; margin-top:70px; margin-bottom: 10px;}
.customer .inner .tit {font-size: 18px; text-align: center; width: 100%; margin:0 0 20px;font-family: 'SpoqaHanSansNeo';}
.customer .inner .searchBox { width:60%; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 10px;}
.customer .inner .searchBox .inp_base {width:85%; margin-right: 1%;}
.customer .inner .searchBox .btn_search {width:15%; height:50px; float:right; font-size: 0; border-radius: 2px; background: #1c1c1c url(../images/common/search.svg) 50% 50% / 20px no-repeat;}
.customer .tit_area {display:flex; justify-content:space-between; align-items: center;}
.customer .tit_area.line { border-bottom:solid 1px #1c1c1c; padding-bottom:14px}
.customer .tit_area .tit {font-size:20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height:28px; margin: 0; text-align: left;}
.customer .tit_area .more{background: url(../images/common/arrow_right.svg) 100% 100% / 18px no-repeat; padding-right:20px; opacity: .6;}
.customer .faq_area {margin:50px 0 100px;}
.customer .faq_area .faq_list_item {position:relative; border-bottom:1px solid rgb(0 0 0 / 10%); cursor:pointer;}
.customer .faq_area .faq_list_item .q_area{ position:relative; display:flex; align-items:center; padding:0 0 0 16px; }
.customer .faq_area .faq_list_item .q_area::before{ content:'Q'; position:absolute; left:20px;  top:50%; transform: translateY(-50%); font-family: 'BMDOHYEON'; font-size:20px; line-height:20px; color:rgb(0 0 0 /22%); transition:color .2s}
.customer .faq_area .faq_list_item.active .q_area::before{ color:#1c1c1c}
.customer .faq_area .faq_list_item .q_area .tit{ width:20%; font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; line-height:22px; margin: 30px 0;}
.customer .faq_area .faq_list_item .q_area .txt{ width:80%; color:#1c1c1c;letter-spacing:-0.42px;line-height:20px; padding-right:10%}
.customer .faq_area .faq_list_item.active .a_area{padding:25px 25px 25px 75px; height:auto}
.customer .faq_area .faq_list_item .a_area{position:relative; background:rgb(0 0 0 / 2%); padding:0 25px 0 75px; height:0; overflow:hidden}
.customer .faq_area .faq_list_item .a_area::before{content:'A'; position:absolute; left:20px; top:30px; font-family: 'BMDOHYEON';font-size:20px;line-height:20px;color:#1c1c1c}
.customer .faq_area .faq_list_item .a_area .txt{color:rgb(0 0 0 / 60%);letter-spacing:-0.42px;line-height:20px}
.customer .faq_area .faq_list_item:after{content:''; width:20px; height:20px; background:url('../images/common/arrow_down.svg') 50% 50%/20px no-repeat; position:absolute; right:14px; top:30px;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out}
.customer .faq_area .faq_list_item.active:after{right:13px !important;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.customer .notice_area {margin: 100px 0;}
.customer .notice_area ul {display: flex; justify-content: space-between; margin-top: 14px;}
.customer .notice_area ul li { width: 48.5%; margin-right:1%; padding: 20px; border:1px solid rgb(0 0 0 / 10%); cursor: pointer;}
.customer .notice_area ul li:last-child {margin-right: 0;}
.customer .notice_area a {color:#1c1c1c;}
.customer .notice_area p {width:100%; max-height: 40px; line-height: 22px; font-size: 16px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px;}
.customer .notice_area span {width:100%; display: block; float: left; color:rgb(0 0 0 / 50%);}

.faq .item_list {width:740px; margin: 40px auto 30px; display: flex; overflow-y: hidden; overflow: hidden; overflow-x: auto; padding: 0 20px 0 10px;}
.faq .item_list::-webkit-scrollbar{display:none;}
.faq .item_list span {font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; opacity: .4; margin-right: 20px; cursor: pointer;white-space: nowrap;}
.faq .item_list span:last-child {margin-right: 0;}
.faq .item_list span:hover {opacity: .7;}
.faq .item_list span.selected {opacity: 100%; border-bottom: 2px solid #2eb2a1;}

.noti .inner .searchBox { width:70%; display: flex; justify-content: space-between; margin-bottom:20px;}
.noti .inner .searchBox .sel_base {width: 27%; margin-right: 1%;}
.noti .inner .searchBox div { width:72%; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 10px;}
.noti .inner .searchBox div .inp_base {width:85%; margin-right: 1%;}
.noti .inner .searchBox div .btn_search {width:15%; height:50px; float:right; font-size: 0; border-radius: 2px; background: #1c1c1c url(../images/common/search.svg) 50% 50% / 20px no-repeat;}
.noti .noti_list {min-height:300px;}
.noti .tit_bar {border-top:1px solid #1c1c1c; border-bottom:1px solid rgba(0, 0, 0, .1); display: flex; justify-content:space-between;}
.noti .tit_bar li { height: 50px; line-height: 50px; font-size: 14px; font-family: 'SpoqaHanSansNeo-Bold'; text-align: center;}
.noti .tit_bar li:first-child {width: 20%; text-align: center;}
.noti .tit_bar li:last-child {width: 80%;}
.noti .list {display: flex; flex-direction: column;}
.noti .list li {display: flex; justify-content:space-between; height: 60px; line-height: 60px; border-bottom:1px solid rgba(0, 0, 0, .1); }
.noti .list li span {width:20%; color:rgb(0 0 0 / 60%); text-align: center; color:#1c1c1c;} 
.noti .list li p {width:80%; color:rgb(28 28 28 / 100%); display: flex; align-items: center;}
.noti .list li p a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.noti .list li p a:hover {text-decoration: underline;}
.noti .list li .file { width: 22px; background:url('../images/common/file.svg') 50% 50% / 22px no-repeat; padding:15px; opacity: .7;}
.paging {margin-bottom: 100px;}

.notiView .ti {border-bottom:1px solid #1c1c1c; display: flex; justify-content:space-between; align-items: center;}
.notiView .ti li { height: 50px; line-height: 50px; font-size: 20px;}
.notiView .ti li:first-child {width: 80%; font-size: 20px; font-family: 'SpoqaHanSansNeo-Bold'; line-height: 26px; max-height: 30px; overflow: hidden; white-space: normal;-webkit-line-clamp: 1;text-overflow: ellipsis;}
.notiView .ti li:last-child {width: 20%; text-align: right; color:rgb(0 0 0 / 60%); font-family: 'SpoqaHanSansNeo'; font-size: 14px;}
.notiView .cont {padding: 20px 0; min-height: 400px; border-bottom: 1px solid rgb(0 0 0 / 10%);}
.notiView .cont p b {color:rgb(0 0 0 / 80%)}
.notiView .cont p img {width: 100%;}
.notiView .btn_black {width:30%; margin:0 auto}

/*--------------------------------------------------------------------------------
	# end : customer & notice
---------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------
	# brandStory
---------------------------------------------------------------------------------*/
.brand {margin-bottom: 80px;}
/*--------------------------------------------------------------------------------
	# end : policies
---------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------
	# policies
---------------------------------------------------------------------------------*/
.policies {color:rgb(0 0 0 / 60%); width: 100%; max-width: 100%; min-height:500px; margin: 0 auto 50px;}
.policies dl {padding: 0 0 20px 0;}
.policies dl dt { font-size:13px; color:rgb(0 0 0 / 75%); padding-bottom:6px;font-family: 'SpoqaHanSansNeo-Medium';}
.policies dl dd { font-size:13px; line-height:20px;}
.policies dl dd ul li {margin-bottom: 6px;}
.policies dl dd ul li span {color:rgb(0 0 0 / 80%)}
.policies .law dt {font-size:12px; padding:0;}
.policies p { font-size: 13px; line-height: 22px;}
.policies .end { margin-bottom: 30px;}

.person_list { background: rgba(0, 0, 0, .03); border-radius: 5px; padding: 20px; margin: 0 0 30px 0;}
.person_list .person_title {color:#1c1c1c; font-size: 14px; margin-bottom: 10px;}
.person_list ul::after { display: block; content: ''; clear: both;}
.person_list ul li { font-size: 13px; line-height: 26px; width:100%}
.person_list ul li span { color:#222; padding-right: 4px;}

.policies .form ul {margin-bottom: 20px;}
.policies .form ul li {margin-bottom: 10px; display: flex; justify-content:start; align-items: center;}
.policies .form ul li span:first-child {font-family: 'SpoqaHanSansNeo-Medium'; color:rgb(0 0 0 / 80%); width:20%;}
.policies .form ul li span:last-child {width:80%;}
.policies .form ul li input {width:100%;}
.policies .form ul li .email { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
.policies .form ul li .email .email-at {width:90px; text-align: center;}
.policies .form ul li span textarea {height:200px}
.policies .btnReservation {margin: 0 auto;}
.policies .table_ti {color:#1c1c1c;  font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 14px;}
.personal-table { width:100%; padding:0; margin:6px 0 20px; font-size: 13px; border-top:1px solid rgb(28 28 28 / 100%); border-bottom:1px solid rgb(28 28 28 / 70%); }
.personal-table col { width:33.3%;}
.personal-table tbody tr {border-bottom:1px solid rgb(0 0 0 / 10%);}
.personal-table tbody tr:last-child {border-bottom: 0;}
.personal-table thead tr th {border-bottom:1px solid rgb(28 28 28 / 40%); padding:10px; font-family: 'SpoqaHanSansNeo-Medium'; background: rgb(28 28 28 / 4%); text-align: center;}
.personal-table tbody tr td { color:rgb(0 0 0 / 60%); font-size: 13px; padding:10px; line-height:20px; vertical-align: middle;}
.personal-table2 { width:100%; padding:0; font-size: 13px; margin:6px 0 20px; border-top:1px solid rgb(28 28 28 / 100%); border-bottom:1px solid rgb(28 28 28 / 70%);}
.personal-table2 col { width:50%;}
.personal-table2 tbody tr {border-bottom:1px solid rgb(0 0 0 / 10%);}
.personal-table2 tbody tr:last-child {border-bottom: 0;}
.personal-table2 tbody tr th {border-bottom:1px solid rgb(28 28 28 / 40%); text-align:left; padding:10px; font-family: 'SpoqaHanSansNeo-Medium'; background: rgb(28 28 28 / 4%);}
.personal-table2 tbody tr td { text-align:left; padding:10px; color:rgb(0 0 0 / 60%); line-height:20px;}
.personal-table3 { width:100%; padding:0; font-size: 13px; text-align:center; margin:6px 0 20px; border-top:1px solid rgb(28 28 28 / 100%); border-bottom:1px solid rgb(28 28 28 / 70%);}
.personal-table3 col { width:25%;}
.personal-table3 tbody tr {border-bottom:1px solid rgb(0 0 0 / 10%);}
.personal-table3 tbody tr:last-child {border-bottom: 0;}
.personal-table3 thead tr th { border-bottom:1px solid rgb(28 28 28 / 40%); padding:10px; font-family: 'SpoqaHanSansNeo-Medium'; background: rgb(28 28 28 / 4%);}
.personal-table3 tbody tr td { padding:10px; color:rgb(0 0 0 / 60%); line-height:20px; vertical-align: middle;}
.civilInfo {margin-bottom: 20px;}
.civilInfo .civilInfo_ti {color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 10px;}
.civilInfo dl {display: flex; justify-content:start; padding-bottom: 0;}
.civilInfo dl dd {padding-left: 4px;}

/*--------------------------------------------------------------------------------
	# end : policies
---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# inquiry
---------------------------------------------------------------------------------*/
.inquiry .form ul {margin-bottom: 20px;}
.inquiry .form ul li {margin-bottom: 10px; display: flex; justify-content:start; align-items: center;}
.inquiry .form ul li span:first-child {font-family: 'SpoqaHanSansNeo-Medium'; color:rgb(0 0 0 / 80%); width:20%;}
.inquiry .form ul li span:last-child {width:80%;}
.inquiry .form ul li input {width:100%;}
.inquiry .form ul li .email { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
.inquiry .form ul li .email .email-at {width:90px; text-align: center;}
.inquiry .form ul li span textarea {height:200px}
.inquiry .area {margin-top:30px;}
.inquiry .area .notice {margin-bottom: 14px;}
.inquiry .area .note {width: 100%; margin-bottom: 40px;}
.inquiry .area .note p { line-height: 20px;margin-bottom: 6px; color: rgba(0 0 0 / 90%);}
.inquiry .area .note li {font-size: 14px; color: rgba(0 0 0 / 60%); position: relative;padding-left: 10px;line-height:24px; }
.inquiry .area .note li:after {content: '-';float: left;font-size: 12px;position: absolute;top: 0px;left: 0px;}
.inquiry .btnReservation {margin:0 auto}
/*--------------------------------------------------------------------------------
	# end : inquiry
---------------------------------------------------------------------------------*/















/*--------------------------------------------------------------------------------
	# layer-popup 
---------------------------------------------------------------------------------*/
/* top_search */
.layer_search .cont {width:90%; margin:10px auto 30px;}
.layer_search .searchBox {border:0; border-bottom:2px solid #1c1c1c; border-radius:0; width:100%; height:50px; font-size:24px; font-weight:500; color:#1c1c1c;}
.layer_search .btn_search {height:50px; line-height:50px; font-size:18px; margin:10px 0 20px;}
.layer_search .record {width:100%; position:relative; display:table;}
.layer_search .record li{position: relative; cursor:pointer;}
.layer_search .record li a{ padding-left: 32px; text-align: left; line-height: 34px; font-size: 18px; color: #1c1c1c;}
.layer_search .record li .pin {width: 18px; height: 18px; /*background: url(../images/common/pin.svg) no-repeat;*/ background-size: 65%; background-position-y: bottom; position: absolute; top: 19%; left: 13px;}

/* sub */
.layer_wrap {width: 100%;height: 100%; margin: 0 auto;transform: translateX(-50%);left: 50%;background:rgba(0,0,0,0.5);position:fixed;top:0px;z-index:1000;}
.layer_wrap .layer_tit {width:94%; margin:0 auto; font-size: 18px; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Bold'; display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px;}
.layer_wrap .layer_tit .close {background:url(../images/common/close.svg) 95% 50% / 24px no-repeat; display: inline-block; width: 24px; height: 24px; position: absolute; top: 0; right: 0; cursor:pointer}
.layer_wrap .cont_box {width: 40%; min-width:740px; height:88%;left: 50%;bottom:0;position: absolute;background: #ffffff;transform:translate(-50%);border-radius: 20px 20px 0 0;box-shadow:0px 8px 10px 10px rgb(0 0 0 / 8%);padding:30px 0 0;}
.layer_wrap .cont_box .layer_inner {position:relative; height: 88vh; /*overflow-y:auto */}
.of_y {height:86%; overflow: hidden; overflow-y: auto; padding-bottom:60px;}


/*하단버튼영역*/
.layer_wrap .btn_area { position:fixed; max-width: 800px; bottom:0; padding: 16px 20px; border-top: 1px solid rgb(0 0 0 / 6%); border-right:0; border-left:0;border-bottom:0; background:#fff; left: 50%; transform: translateX(-50%);}
.layer_wrap .btn_area .btnReservation { width: 40%; margin: 0 auto;}
.air_date_area {height:auto; width:100%; display:flex; flex-direction: row; align-items:center;}
.air_date_area .date_area {width:50%; max-height:50px; margin-right:3%; overflow-y:scroll;}
.air_date_area .date_area div {width:100%; display:block; margin-bottom:4px; font-family: 'SpoqaHanSansNeo-Medium'; font-size:15px;}
.air_date_area .date_area div:last-child { margin-bottom:0;}
.air_date_area .date_area div::after {display: block; content: ''; clear: both;}
.air_date_area .date_area div p {float:left; text-align: left;}
.air_date_area .date_area div .cityName { width:25%; color:#1c1c1c; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; margin-right:4px;}
.air_date_area .date_area div .date { width:48%; color:#1c1c1c;}
.air_date_area .date_area div .date span {color:rgb(0 0 0 / 60%); margin-right:10px}
.air_date_area .date_area .off {font-size:16px; color: rgb(0 0 0 / 30%);font-family: 'SpoqaHanSansNeo-Medium';}
.air_date_area .confirm {width:47%; height:50px; display: flex; align-items: center;}
.air_date_area .confirm .reset {width:100px; height: 50px; background: url(../images/common/reset.svg) 17% 50% / 24px no-repeat; border: 1px solid rgb(0 0 0 / 20%); border-radius: 4px; margin-right: 10px; cursor: pointer; line-height: 50px; padding:0 20px 0 40px; opacity: .7;}
.hotel_date_area {height:auto; width:100%; display:flex; flex-direction: row; align-items:center;}
.hotel_date_area .date_area {width:34%; max-height:50px; margin-right:3%;text-align: left;}
.hotel_date_area .date_area ul {width:100%; display:block; margin-bottom:4px; display: flex; justify-content: flex-start;}
.hotel_date_area .date_area ul li { font-family: 'SpoqaHanSansNeo-Medium'; font-size:15px; text-align: left; }
.hotel_date_area .date_area ul .ti { width:50px; color:#1c1c1c; margin-right:4px;}
.hotel_date_area .date_area ul .date {color:#1c1c1c; position: relative;margin-left: 10px; padding-left: 10px;}
.hotel_date_area .date_area ul .date::before {content: "";  width: 1px; height: 12px; background: rgb(0 0 0 / 16%); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.hotel_date_area .confirm {width:64%; height:50px; display: flex; align-items: center;}
.hotel_date_area .confirm .reset {width:100px; height: 50px; background: url(../images/common/reset.svg) 17% 50% / 24px no-repeat; border: 1px solid rgb(0 0 0 / 20%); border-radius: 4px; margin-right: 10px; cursor: pointer; line-height: 50px; padding:0 20px 0 40px; opacity: .7;}

/*
.hotel_date_area {height:auto; width:100%; display:flex; align-items:center; justify-content: space-between;}
.hotel_date_area .reset {width: 100px; height: 50px; background: url(../images/common/reset.svg) 20% 50% / 24px no-repeat; border: 1px solid rgb(0 0 0 / 20%); border-radius: 4px; margin-right: 10px; cursor: pointer; line-height: 50px; padding:0 20px 0 40px; opacity: .7;}
.hotel_date_area .btnReservation {width: 700px;}
*/

/* member */
.find_area {width:80%; margin: 100px auto 0; text-align: center; }
.find_area p {margin-bottom: 20px; color:rgb(0 0 0 / 70%)}
.find_area .result {font-size: 24px;font-family: 'SpoqaHanSansNeo-Bold'; padding-bottom: 30px;}
.find_area .btn {display: flex; width: 100%; margin: 0 auto; justify-content: space-between;}
.find_area button {width: 49.5%;}
.find_area button:first-child {margin-right: 1%;}
.pw {margin-top: 100px;}
.pw ul li {margin-bottom: 10px; display: flex; flex-direction: column; margin-bottom: 20px;}
.pw ul li span{width:100%; display: block;}
.pw ul li span:first-child {font-family: 'SpoqaHanSansNeo-Medium'; color:rgb(0 0 0 / 75%); margin-bottom: 10px;}
.pw ul li span.tt {color:rgb(0 0 0 / 60%); margin-top: 10px;}


/* review */
.review_wrap .num {color:#1758d1;}
.review_wrap .cont {width: 100%; padding: 20px 0; border-bottom: 8px solid rgb(0 0 0 / 4%);}
.review_wrap .cont .wrap {width:94%; margin: 0 auto;}
.review_wrap .cont .tit {width:100%; color:#1c1c1c; font-size: 16px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 26px; max-height: 50px;  overflow: hidden;  white-space: normal; -webkit-line-clamp:2;  text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em;}
.review_wrap .cont p {color:rgb(0 0 0 / 70%); font-size: 14px; line-height: 22px; margin-bottom: 20px; word-break: break-all;}
.review_wrap .cont .photo {margin-bottom: 10px;}
.review_wrap .cont .photo::after {display: block; content: ''; clear: both;}
.review_wrap .cont .photo .item_img_box { width:100px; height:100px; border-radius: 6px; margin:0 10px 10px 0; float: left; }
.review_wrap .cont .photo .item_img_box:last-child {margin-right:0}
.review_wrap .cont .photo .item_img_box .item_img {position: relative; width:100%; height: 100%; border-radius: 10px; background-size: cover;background-repeat: no-repeat;background-position: 50%;} 
.review_wrap .cont .bottom {display: flex; justify-content: space-between; align-items: center;}
.review_wrap .cont .bottom .score { background:url(../images/common/star.svg) 0 50% / 16px no-repeat; padding-left:20px; color:#1758d1; font-family: 'SpoqaHanSansNeo-Medium';}
.review_wrap .cont .bottom .writerInfo {display: flex; justify-content: end; align-items: center;}
.review_wrap .cont .bottom .writerInfo p {margin-bottom: 0; color:rgb(0 0 0 / 40%);}
.review_wrap .cont .bottom .writerInfo .dot {margin: 0 8px;}
.review_wrap .cont_write {width:94%; margin: 0 auto;}
.review_wrap .cont_write .score { display: flex; justify-content: center; margin: 30px 0;}
.review_wrap .cont_write .score span {display: block; width: 30px; height: 30px; background:url(../images/common/star.svg) 0 50% / 30px no-repeat; margin-right: 10px; opacity: .2;}
.review_wrap .cont_write .score span.on {opacity: 100%;}
.review_wrap .cont_write .score span:last-child {margin-right:0}
.review_wrap .cont_write .tit {width:100%; color:#1c1c1c; font-size: 16px;font-family: 'SpoqaHanSansNeo-Medium'; line-height: 26px; max-height:30px;  overflow: hidden;  white-space: normal; text-overflow: ellipsis; margin-bottom: 10px; letter-spacing: -0.02em; margin-bottom: 10px;}
.review_wrap .cont_write textarea {border:1px solid rgb(0 0 0 / 60%); width: 100%; padding: 20px; font-size: 14px; color: rgb(0 0 0 / 60%);font-family: 'SpoqaHanSansNeo'; margin-bottom: 20px;}
.review_wrap .cont_write .photo ul {display: flex; justify-content: center;}
.review_wrap .cont_write .photo ul li {border:1px solid rgb(0 0 0 / 60%); width:80px; height: 80px; margin-right: 10px;background:url(../images/photo_default.svg) 50% 50% / 100% no-repeat;}
.review_wrap .cont_write .photo ul li:last-child {margin-right: 0;}
.review_wrap .cont_write .btn_area { display: flex; justify-content: center;}
.review_wrap .cont_write .btn_area .btn_type_basic {width: 30%; background:url(../images/add_photo.svg) 32% 50% / 26px no-repeat; padding-left: 30px;margin-right:10px}
.review_wrap .cont_write .btn_area .btn_type_basic:hover {color:#1c1c1c}
.review_wrap .cont_write .btn_area .btn_black {width:30%; margin: 0;}

/* coupon */
.layer_coupon div {margin-bottom:10px;}

/*air_noti*/
.cont_wrap .air_noti_cont {width: 94%; margin: 70px auto;}
.cont_wrap .air_noti_cont p {line-height: 24px; margin-bottom: 14px;}

/* roomInfo */
.cont_wrap .cont_area {width: 94%; margin: 0 auto;}
.cont_wrap .cont_area div {font-size: 16px; color:rgb(28 28 28 / 100%)}
.cont_wrap .cont_area div:first-child { font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 10px;} 
.cont_wrap .cont_area div.end {margin-bottom: 30px;}
.cont_wrap .cont_area dl {display: flex; flex-direction: column; margin-bottom:20px;}
.cont_wrap .cont_area dl dt {font-family: 'SpoqaHanSansNeo-Medium';}
.cont_wrap .cont_area dl dd {font-size: 14px; color: rgba(0 0 0 / 60%); position: relative; padding-left: 10px;line-height:24px; }
.cont_wrap .cont_area dl dd:after {content: '-';float: left; font-size: 12px;position: absolute; top: 0; left: 0;}

/* air_rule */
.rule_wrap .rule_area {width: 94%; margin: 0 auto; padding-bottom: 100px;}
.rule_wrap .rule_area::after {display: block; content: ''; clear: both;}
.rule_wrap .rule_area dl {display: flex; justify-content: start; margin-bottom: 10px;}
.rule_wrap .rule_area dl dt {width: 20%; font-family: 'SpoqaHanSansNeo-Medium';}
.rule_wrap .rule_area dl dd {width: 80%; color: rgb(0 0 0 / 75%); line-height: 22px; padding-right: 10px;}
.rule_wrap .btn_area { position: fixed; bottom: 0;}

/* city */
#CitySearchBox {height: 86%; overflow: hidden; overflow-y: auto;}
#CitySearchBoxData { width:100%; position: absolute; background-color: #fff; padding:0 20px 100px; display:none; z-index: 9;}
#CitySearchBoxData p span {float:left;}
#CitySearchBoxData .airSearch {display:flex; align-items:center; font-size:15px; margin-bottom:10px;}
#CitySearchBoxData .airSearch .title_bold {width: 8%;color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium'; margin-right:10px}
#CitySearchBoxData .airSearch span:last-child {width:90%; color:rgb(0 0 0 / 50%);}
#CitySearchBoxData .hotelSearch {display:flex; align-items:center; flex-direction: column; font-size:15px; margin-bottom:10px;}
#CitySearchBoxData .hotelSearch .title_bold {width: 100%; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium';}
#CitySearchBoxData .hotelSearch span:last-child {width:100%; font-size:12px; color:rgb(0 0 0 / 50%);}
#CitySearchBoxData .hotelSearch_hotel {display:flex; align-items:center; justify-content: space-between; font-size:15px; margin-bottom:10px;}
#CitySearchBoxData .hotelSearch_hotel .title_bold { color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Medium';}
#CitySearchBoxData .hotelSearch_hotel span:last-child { font-size:12px; color:rgb(0 0 0 / 50%);padding-right: 1px;}
.city_wrap .search {padding-top: 24px;}
.city_wrap .searchData { height:86%; overflow: hidden; overflow-y: auto;}
.city_wrap .inp_city {width: 100%;background-color: transparent;border-bottom: 1px #777 solid;border-top: none;border-left: none;border-right: none;border-radius: 0 0 0 0;padding: 0 60px 6px 0;color: #1c1c1c;font-size: 18px !important; font-family: 'SpoqaHanSansNeo-Medium';}
.city_wrap .city_list {overflow: hidden;}
.city_wrap .city_list .tit {width:100%;height: 64px;line-height: 64px;padding: 0 30px;font-size: 16px;padding: 0 20px; color:#1c1c1c;font-family: 'SpoqaHanSansNeo-Bold';text-align:left;cursor:pointer;border-bottom:8px solid #fafafa; background:url(../images/common/arrow_down.svg) 96% 50% / 18px no-repeat;}
.city_wrap .city_list .tit b {font-size: 16px; color:#1c1c1c;  font-weight:500; font-weight:normal;}
.city_wrap .city_list .depth2 { width:100%; margin:0 auto; padding:10px 0 14px; background:#fafafa;}
.city_wrap .city_list .depth2:after {display:block; content:''; clear:both;}
.city_wrap .city_list .depth2 ul { width:90%; margin:0 auto;}
.city_wrap .city_list .depth2 ul:after {display:block; content:''; clear:both;}
.city_wrap .city_list .depth2 li {	height: 46px; line-height: 46px; width:calc(100%/4); float:left; font-size:16px; text-align:left; cursor:pointer;}
.city_wrap .city_list .depth2 li a { font-size:16px; color:#535353; }

.city_wrap .domecity {width:94%; margin: 0 auto; display: flex; justify-content: space-between;}
.city_wrap .domecity .city_list {width:49.5%; text-align: center;}
.city_wrap .domecity .city_list .dome_city {width: 100%; background: #fafafa;font-size: 16px;color: #1c1c1c;height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #fff;cursor: pointer;}
.city_wrap .domecity .city_list .dome_city.selected { width: 100%;background: #2eb2a1;font-size: 16px;color: #fff;height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #fff;cursor: pointer;}
.city_wrap .domecity .city_list .cityChoice {padding-bottom: 12px; text-align: center;box-sizing: border-box;border-bottom: 1px solid #1c1c1c;color: #1c1c1c;font-size: 16px; font-family: 'SpoqaHanSansNeo-bold';}
.city_wrap .domecity .city_list .dome-city-tit {width:100%; background: #f7f7f7; font-size: 16px; color:#323232;  height:40px; line-height: 40px; text-align: center; border-bottom: 1px solid #fff; cursor:pointer;}
.city_wrap .domecity .city_list .dome-city-tit:hover {width:100%; background: rgb(46 178 161 / 60%); font-size: 16px; color:#fff;  height:40px; line-height:40px; text-align: center; border-bottom: 1px solid #fff; cursor:pointer;}
.city_wrap .domecity .city_list .dome-city-tit2 {width:100%; background: #2eb2a1; font-size: 16px; color:#fff;  height:40px; line-height:40px; text-align: center; border-bottom: 1px solid #fff; cursor:pointer;}


/* cal */
.cal_wrap .cont_box .layer_tit .data { display: flex; flex-direction: row;align-items: center;}
.cal_wrap .cont_box .layer_tit .data div:nth-child(2) {color: rgb(0 0 0 / 40%); margin: 0 10px;}
.cal_wrap .cont_box .layer_tit .data .on {color:#1c1c1c}
.cal_wrap .cont_box .layer_tit .data .off {color: rgb(0 0 0 / 40%);}
.cal_wrap .cont_box .layer_tit .btnReservation {width:80px; min-height: 36px; margin-left: 20px; border-radius: 30px;}
.cal_wrap .cont_box .week {border-bottom: 1px solid rgb(0 0 0 / 10%); padding-bottom:16px; }
.cal_wrap .cont_box .week ul {display: flex; justify-content: space-around; width:90%; margin: auto;}
.cal_wrap .cont_box .week ul li {text-align: center; color: rgb(0 0 0 / 75%);}
.cal_wrap .cont_box .week ul li.sun {color:#e32c42}
.cal_wrap .cont_box .of_y {height:700px; overflow: hidden; overflow-y: auto; padding-bottom:60px;}
.cal_wrap .cont_box .cal_inner {width: 94%; margin: 20px auto 0;}
.cal_wrap .cont_box .cal_inner .month {height: 70px; line-height: 70px; font-size: 16px; font-family: 'SpoqaHanSansNeo-bold';}
.cal_wrap .cont_box .cal_inner .day {display: flex; justify-content: space-between; position: relative;}
.cal_wrap .cont_box .cal_inner .day div {width:100%; height: 74px; display: flex; align-items:top; justify-content: center; position: relative;}
.cal_wrap .cont_box .cal_inner .day div:first-child span {color:#e32c42}
.cal_wrap .cont_box .cal_inner .day div.period {background: url(../images/common/period.svg) repeat-x 50% 0;background-size:auto 50px; opacity: 8;}
.cal_wrap .cont_box .cal_inner .day div.period_start {background: url(../images/common/period_start.svg); background-position:50% 0;background-repeat:no-repeat;background-size: auto 50px; opacity: 8;}
.cal_wrap .cont_box .cal_inner .day div.period_end {background: url(../images/common/period_end.svg);background-position:50% 0;background-repeat:no-repeat;background-size: auto 50px; opacity: 8;}
.cal_wrap .cont_box .cal_inner .day div span {top: 0; left:50%; background: transparent; transform: translateX(-50%); width: 50px; height: 50px;/*display: flex;*/ position: absolute;font-size: 16px;align-items: center; color:rgb(0 0 0 / 75%); font-family: 'SpoqaHanSansNeo'; line-height: 1.5;border-radius: 10px;justify-content: center;flex-direction: column;}
.cal_wrap .cont_box .cal_inner .day div span:hover {border:1px solid rgb(18, 183, 162);}
.cal_wrap .cont_box .cal_inner .day div span:last-child:hover {border:0;}
.cal_wrap .cont_box .cal_inner .day div span .number { height: auto;top: 50%;transform: translateY(-50%);}
.cal_wrap .cont_box .cal_inner .day div .today {font-size: 16px;line-height: 1.5; border:1px solid rgb(0 0 0 / 60%) }
.cal_wrap .cont_box .cal_inner .day div .today::after {color: rgba(0, 0, 0, 0.8);font-family: 'SpoqaHanSansNeo-Medium'; content: "오늘"; text-align: center; bottom:-20px; left: calc((100% - 6em)/2); width: 6em; height: 30%; display: flex;position: absolute;font-size: 11px; align-items: center; line-height: 1.4;pointer-events: none;justify-content: center;}
.cal_wrap .cont_box .cal_inner .day div span.start {color:#fff; background:rgb(18, 183, 162); font-size: 16px; font-family: 'SpoqaHanSansNeo-bold'; line-height: 1.5; }
.cal_wrap .cont_box .cal_inner .day div span.end {color:#fff; background: rgb(18, 183, 162); font-size: 16px; font-family: 'SpoqaHanSansNeo-bold';line-height: 1.5; }
.cal_wrap .cont_box .cal_inner .day div span.not_selectable {opacity: .2;}
.cal_wrap .cont_box .cal_inner .day div span.not_selectable::after {display: none;}
.cal_wrap .cont_box .cal_inner .day div span.redday {color:#e32c42; font-size: 16px;line-height: 1.5;}
.cal_wrap .cont_box .cal_inner .day div .txt {/*width: 6em; display: flex;*/ top:60%; height:auto;}
.cal_wrap .cont_box .cal_inner .day div .txt:after {display:block; content:''; clear:both;}
.cal_wrap .cont_box .cal_inner .day div .txt span { display: block; height:16px; top:0; font-family: 'SpoqaHanSansNeo';text-align: center; font-size: 11px; cursor: default;line-height: 1.4; pointer-events: none;justify-content: center;}
.cal_wrap .cont_box .cal_inner .day div span.start .txt .select {color:#2da08f;font-family: 'SpoqaHanSansNeo-Medium'; background:#fff; z-index:333;}
.cal_wrap .cont_box .cal_inner .day div span.end .txt .select {color:#2da08f;font-family: 'SpoqaHanSansNeo-Medium'; background:#fff; z-index:333;}
.cal_wrap .cont_box .cal_inner .day div .nday {color:rgb(0 0 0 / 75%);}
.cal_wrap .cont_box .cal_inner.hotel .day div .txt {/*width: 6em; display: flex;*/ top:60%; height:auto;}
.cal_wrap .cont_box .cal_inner.hotel .day div .txt:after {display:block; content:''; clear:both;}
.cal_wrap .cont_box .cal_inner.hotel .day div .txt span {display:block; height:16px; top:0; font-family: 'SpoqaHanSansNeo';text-align: center;font-size: 11px; cursor: default;line-height: 1.4; pointer-events: none;justify-content: center;}
.cal_wrap .cont_box .cal_inner.hotel .day div span.start .txt .select {color:#2da08f;font-family: 'SpoqaHanSansNeo-Medium'; background:#fff; z-index:333;}
.cal_wrap .cont_box .cal_inner.hotel .day div span.end .txt .select {color:#2da08f;font-family: 'SpoqaHanSansNeo-Medium'; background:#fff; z-index:333;}
.cal_wrap .cont_box .cal_inner.hotel .day div .nday {color:rgb(0 0 0 / 75%);}
.cal_wrap .cont_box .cal_inner.tour .day {display: flex; justify-content: space-between; position: relative; margin-bottom: 20px;}
.cal_wrap .cont_box .cal_inner.tour .day div span.selected {color:#fff; background:rgb(18, 183, 162); font-size: 16px; font-family: 'SpoqaHanSansNeo-bold'; line-height: 1.5; }
.cal_wrap .cont_box .cal_inner.tour .day div .txt {/*width: 6em; display: flex;*/ top:32px; height:auto;}
.cal_wrap .cont_box .cal_inner.tour .day .price {display:block; width: 68%; height:16px; top:56px; font-family: 'SpoqaHanSansNeo';text-align: center; font-size: 11px; color:#2eb2a1; background:rgb(145 145 145 / 10%); border-radius: 16px; padding:0; cursor: default; line-height: 1.4; pointer-events: none; justify-content: center;}

/* seat */
.mem_wrap .list {width:94%; margin:30px auto 0;}
.mem_wrap .list_item {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(0 0 0 / 6%); padding: 16px 0;}
.mem_wrap .list_item:last-child {border-bottom: 0;}
.mem_wrap .list_item .label_area {display: flex; align-items: center;}
.mem_wrap .list_item .label_area span {padding: 0;}
.mem_wrap .list_item .label_area span.label {color: #1c1c1c;font-size: 16px;font-family: 'SpoqaHanSansNeo-Medium';}
.mem_wrap .list_item .label_area span.desc {color:rgb(0 0 0 / 60%); padding-left: 4px;}
.mem_wrap .list_item .count_btn {vertical-align: top;box-sizing: border-box;width: 140px;}
.mem_wrap .list_item .count_btn .btn_area {position: relative; text-align: center; display: flex; justify-content: space-between; align-items:center; padding: 0; border:0}
.mem_wrap .list_item .count_btn .btn_area .ico_typ {width: 36px;height: 36px;background: #fff;border:1px solid #e5e5e5;outline: none;cursor: pointer;}
.mem_wrap .list_item .count_btn .btn_area .btn_minus {background-image: url(../images/common/minus.svg);background-size: 22px;background-repeat: no-repeat;background-position: 50%;border-radius:50px;}
.mem_wrap .list_item .count_btn .btn_area .btn_plus {background-image: url(../images/common/plus.svg);background-size: 22px;background-repeat: no-repeat;background-position: 50%;border-radius:50px;}
.mem_wrap .list_item .count_btn .btn_area .inp_num {font-size: 18px;color: #1c1c1c;text-align: center; font-family: 'SpoqaHanSansNeo-Bold';width:22%; border: 0;}
.mem_wrap .alert-notice {display: block; color:rgb(237 83 81 / 70%); font-size: 14px;line-height: 12px;margin-top:50px;margin-bottom: 15px;font-family: 'SpoqaHanSansNeo';}
.radio-area {width:100%; margin:0 auto;}
.radio-area:after {display:block; content:''; clear:both;}
.mem_wrap .seat-block {display: block;width: 100%;height: 50px;line-height: 46px;font-size: 15px;float: left;color: #1c1c1c;border: 1px solid #e5e5e5;border-radius: 2px;box-sizing: border-box;background-color: #ffffff;margin-bottom: 10px;}
.mem_wrap .seat-block:hover {border:1px #2eb2a1 solid;}
.mem_wrap .is-checked {background-color: #2eb2a1 ;color: #fff;border:1px #2eb2a1 solid;}
.mem_wrap .is-checked a{color: #fff !important;}
.mem_wrap .seat-block a.radio-txt {display: block;text-align: center;font-size: 15px;color: #1c1c1c;height: 50px;line-height: 50px; text-decoration: none;}
.mem_wrap .btn_area {padding: 0;}

/* option */
.option_wrap .list {width:94%; margin:0 auto;}
.option_wrap .list_item {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(0 0 0 / 10%); padding: 20px 0;}
.option_wrap .list_item .label_area {display: flex; flex-direction: column; width: 80%;}
.option_wrap .list_item .label_area span.label {color: #1c1c1c; font-size: 16px; font-family: 'SpoqaHanSansNeo-Medium';}
.option_wrap .list_item .label_area span.desc {color: rgb(0 0 0 / 60%); font-size: 14px;}
.option_wrap .count_btn {vertical-align: top;box-sizing: border-box;width:20%;}
.option_wrap .count_btn .btn_area {position: relative; text-align: center; display: flex; justify-content: space-between; align-items:center; padding: 0; border:0;}
.option_wrap .count_btn .btn_area .ico_typ {width: 36px;height: 36px;background: #fff;border:1px solid #e5e5e5;outline: none;cursor: pointer;}
.option_wrap .count_btn .btn_area .btn_minus {background-image: url(../images/common/minus.svg);background-size: 22px;background-repeat: no-repeat;background-position: 50%;border-radius:50px;}
.option_wrap .count_btn .btn_area .btn_plus {background-image: url(../images/common/plus.svg);background-size: 22px;background-repeat: no-repeat;background-position: 50%;border-radius:50px;}
.option_wrap .count_btn .btn_area .inp_num {font-size: 18px;color: #1c1c1c;text-align: center; font-family: 'SpoqaHanSansNeo-Bold';width:22%; border: 0;}
.option_wrap .price_area {width:100%; padding:20px 0 30px;}
.option_wrap .price_area ul {display: flex; justify-content: end;}
.option_wrap .price_area ul li {text-align: right; line-height: 26px;}
.option_wrap .price_area ul li span {color:#1758d1;}
.option_wrap .price_area div {color:#2eb2a1; font-family: 'SpoqaHanSansNeo-Bold'; font-size: 18px; text-align: right;}
.option_wrap .btnReservation {width:40%; margin:0 auto;}

/* filter */
.btn_filter {height: 48px; padding:0 26px;border: rgb(0 0 0 / 10%) 1px solid; border-radius: 30px; background: #fff; cursor: pointer; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9; box-shadow:rgb(0 0 0 / 9%) 1px 5.8px 6.8px 2px; display:flex; align-items:center; justify-content:center;}
.btn_filter .filter-label {display: flex; align-items: center;}
.btn_filter > span { margin-left:8px; line-height:1.43; font-size:14px; color: #1c1c1c;}
.filter_wrap .cont_box .filter_tab {width:94%; max-width: 94%; margin:30px auto 10px; display: flex; justify-content: start;}
.filter_wrap .cont_box .filter_tab:after {display:block; content:''; clear:both;}
.filter_wrap .cont_box .filter_tab div {border:1px solid rgb(0 0 0 / 30%); border-radius: 25px; padding: 8px 14px; text-align: center; color:rgb(0 0 0 / 60%);font-family: 'SpoqaHanSansNeo-Medium'; margin:0 6px 6px 0; float: left; cursor: pointer;}
.filter_wrap .cont_box .filter_tab div.active {color:#2eb2a1;}
.filter_wrap .cont_box .filter_tab .reset {color: rgb(0 0 0 / 60%);font-size: 14px; border:1px solid rgb(0 0 0 / 30%)}
.filter_wrap .cont_box .filter_tab .reset:hover {background:rgba(0, 0, 0, .8); border:1px solid rgba(0, 0, 0, .8); color:#fff;}
.filter_wrap .cont_box .select_area {width: 94%; height:80%; margin:0 auto; overflow: hidden; overflow-y: auto; padding-bottom:60px;}
.filter_wrap .cont_box .item_list .item {width: 100%;height: 50px;line-height:50px;border-bottom: 1px solid #e5e5e5; position: relative;/*margin-bottom:4px;*/ display: flex; align-items: center; justify-content: space-between;}
.filter_wrap .cont_box .item_list .item .tit {width:70%; font-size: 15px; color:rgb(0 0 0 / 80%);font-family: 'SpoqaHanSansNeo-Medium';}
.filter_wrap .cont_box .item_list .item .inpBox {border: none; height: 48px; line-height: 48px; text-align: right; margin-right: 20px;width: 185px;font-size:16px;}
.filter_wrap .cont_box .item_list .item .terms_check {font-size: 14px;color: #1c1c1c;font-weight: 600;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"] {display: none;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"] + label span {width: 24px;height: 24px;margin: -1px 5px 0 0;vertical-align: middle;border:1px solid rgb(0 0 0 / 30%);background:none;border-radius:20px;float: left;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"]:checked + label span {background-color:#2eb2a1;border:1px solid #2eb2a1;}

/* golf reservation */
.modal_body { width:94%; height:660px; margin: 0 auto; padding-bottom: 100px; overflow-y: auto;}
.modal_body #golf_selected_check {display: flex; flex-direction: column; margin-bottom: 16px;}
.modal_body #golf_selected_check .view {display: flex; align-items: center; justify-content: space-between; margin-bottom:4px}
.modal_body #golf_selected_check .view .gt {font-size:18px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c;}
.modal_body #golf_selected_check .view .price_box {font-size:16px; font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c;}
.modal_body .inp_base {margin-bottom: 10px;}
.modal_body .total_priceArea {margin: 10px 0 30px; display: flex;justify-content:space-between; align-items:center;}
.modal_body .total_priceArea .tit {font-family: 'SpoqaHanSansNeo-Medium'; color:#1c1c1c; margin-right:10px; font-size:15px; }
.modal_body .total_priceArea .tit span {color:#f1862f; margin-left: 6px;}
/*
.modal_body .check ul {display: flex; justify-content: flex-start;}
.modal_body .check ul li {display: flex; justify-content: flex-start; align-items:center; margin-right:10px;}
.modal_body .check p {color:#1c1c1c;}
*/
.modal_body .check {margin: 10px 0; display: flex;justify-content:flex-start; align-items:center;}
.modal_body .check .check_btn {width: 24px; height: 24px; position: relative; margin-right: 10px; }
.modal_body .check .check_btn:hover {cursor: pointer;}
.modal_body .check .btn_on {border: 1px solid #1c1c1c; border-radius: 100%; background: url(../images/common/check_01_hover.svg) 50% 50%/16px 16px no-repeat;}
.modal_body .check .btn_off {border: 1px solid rgb(0 0 0 / 10%); border-radius: 100%; background: #fff url(../images/common/check_01_off.svg) 50% 50%/16px 16px no-repeat;}
.modal_body .check .btn_off:hover {border: 1px solid rgb(0 0 0 / 4%); background: rgb(0 0 0 / 4%) url(../images/common/check_01_off.svg) 50% 50%/16px 16px no-repeat;}
.modal_body .jg_total_amount {text-align:right; display:flex; justify-content:end; align-items:center; /*margin-bottom:30px;*/}
.modal_body .jg_total_amount span:first-child {color:#1c1c1c; margin-right:10px;}
.modal_body .jg_total_amount span:last-child {/*color:#ed5351;*/ color: #1da28e; font-size:20px; font-family: 'SpoqaHanSansNeo-Bold';}
.modal_body .guide {margin-bottom:20px;}
.modal_body .guide .tit {margin-bottom:10px; color:#1c1c1c;}
.modal_body .guide dl {display:flex;  justify-content:start; align-items:center;color:rgb(0 0 0 /60%);}
.modal_body .guide dl dt { margin-right:10px;}
.modal_body .guide dl dd {color:rgb(0 0 0 /60%);}
.modal_body .guide .note_wrap {background:rgb(0 0 0 / 2%); border-radius:2px; padding: 10px; height:auto }
.modal_body .guide .note li {font-size: 14px; color: rgb(0 0 0 / 60%); position: relative; padding-left: 10px; line-height: 30px;}
.modal_body .guide .note li:after {content: '-';    float: left;    font-size: 12px;    position: absolute;    top: 0px;    left: 0px;}
.modal_body .guide .guide_ul{padding: 0px 25px;}
.modal_body .semi {text-align:center;}

/* terms */
.terms_mobile {padding-bottom: 100px;color:rgb(0 0 0 / 60%);}
.terms_mobile ul li {color:rgb(0 0 0 / 60%); line-height:22px; font-size:13px; position: relative;/*padding-left: 10px;*/ margin-bottom: 10px; }
.terms_mobile ul li span {color:rgb(0 0 0 / 80%)}
/*.terms_mobile ul li:after {content: '-';float: left; font-size: 12px; position: absolute; top: 0px; left: 0px;}*/
.terms_mobile p {color:rgb(0 0 0 / 60%); line-height: 22px; font-family: 'SpoqaHanSansNeo';}
.terms_mobile .table_ti {color:#1c1c1c;  font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 14px;}
.terms_mobile .ti {width: 90%;font-size: 18px; color:#1c1c1c; font-family: 'SpoqaHanSansNeo-Bold'; display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px;}
.terms_mobile .start {color:#1c1c1c;  font-family: 'SpoqaHanSansNeo-Medium'; margin-bottom: 6px;}
.terms_mobile .end {color:rgb(0 0 0 / 60%); line-height: 22px;  font-family: 'SpoqaHanSansNeo'; margin-bottom: 16px;}
.terms_mobile .of_y { height: 80vh; overflow-y: auto;}
.terms_mobile .of-x	{ overflow-x:auto;}

#smallPopup { z-index: 99999999; width:100%; position: fixed; background-color: rgba(0,0,0,0.5); top: 0px; left: 0; height: 100%; }
#smallPopup_arti { width: 800px; height: 88%; position: absolute; bottom:0; background-color: rgb(255, 255, 255); /*top: 52%;*/ left: 50%; transform: translateX(-50%); padding: 30px 0px; border-radius: 20px 20px 0 0; }
#smallPopupData {width:94%; margin:0 auto; height: 100%;/*overflow-y: auto;*/ padding-bottom: 30vh; }
#smallPopupSec { z-index: 99999; position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; width: 100%; height: 100%; }
#smallPopupSec_arti { position: absolute; background-color: rgb(255, 255, 255); top: 52%; left: 50%; transform: translate(-50%, -50%); padding: 50px 30px 20px; }
#smallPopupSecData { height: 100%; overflow-y: auto; }
#smallPopupWhite { z-index: 99999999; position: fixed; background-color: rgba(255, 255, 255, 0); top: 0px; left: 0px; width: 100%; height: 100%; }
#smallPopupWhite_arti { position: absolute; background-color: rgb(255, 255, 255); top: 52%; left: 50%; transform: translate(-50%, -50%); padding: 50px 30px 20px; }
#smallPopupWhiteData { height: 100%; }
#closeBtn { position: absolute; top: 20px; right: 20px; cursor: pointer; }
/*--------------------------------------------------------------------------------
	# end : layer-popup 
---------------------------------------------------------------------------------*/









.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next02, .swiper-button-prev02 {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 73px;
    margin-top: -120px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 73px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev02 {
    background-image: url(../images/leftBt02.png) !important;
    left: -21px;
    right: auto;
    background-repeat: no-repeat;
}
.swiper-button-next02 {
    background-image: url(../images/rightBt02.png) !important;
    right: -21px;
    left: auto;
    background-repeat: no-repeat;
}
/*애니메이션 로딩용*/
@-webkit-keyframes CreateLoading{
	0%{opacity:1}
	50%{opacity:.30}
	100%{opacity:1}
}

@keyframes CreateLoading{
	0%{opacity:1}
	50%{opacity:.30}
	100%{opacity:1}
}

.beforeCreateLoading{
/*	text-indent: -9999px;*/
	width : 80%;
	height : 80%;
	margin-bottom: 4px;
	background-color: rgb(240, 242, 245) !important;
	animation: 1600ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite CreateLoading;
}

.beforeCreateLoadingVer1{
	margin-bottom: 4px !important;
	background-color: rgb(240, 242, 245) !important;
	animation: 1600ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite CreateLoading;
}
/*애니메이션 로딩용*/

.prod_thumbs {width: 100%; height:600px; position: relative; background: rgb(0 0 0 / 6%) url(../images/common/logo_gray.svg) 50% 50% / 24vw no-repeat;}
.prod_thumbs img {width: 100%; height:600px; object-fit: cover; overflow: hidden;/*height:466px*/}
.Filter-search {position: fixed; width:120px; height: 48px; padding:0 10px; border-radius: 30px; border: rgb(0 0 0 / 10%) 1px solid; background: #fff; cursor: pointer;  overflow: hidden; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 500; box-shadow:rgb(0 0 0 / 24%) 0px 4px 8px 0px;  display: flex; align-items:center; justify-content:center;}
.Filter-search .btn-label { font-size:14px; color: #1c1c1c; line-height:1.43; box-sizing: border-box;}




.map-btn{
	font-size: 0.875rem;
	width: 44px;
	height: 30px;
	box-sizing: border-box;
	transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	font-family: Roboto, Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
	font-weight: 500;
	line-height: 1.75;
	text-transform: uppercase;
	width: 100px;
	background: #2eb2a1;
	text-align: center;
	color: #ffffff;
	line-height: 34px;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin: auto;
}



/* 잔액 결제 */
  .book_input {
    width: 95%;
/*    margin-top: 50px;*/
	margin: 0 auto !important;
  }
  .book_input h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 50px;
  }
  .book_input .match_id {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
  }
  .book_input .match_id > div {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .book_input .match_id > div input {
    display: none;
  }
  .book_input .check_btn {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    margin-right: 10px;
  }
  .book_input .check_btn > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .book_input .btn_on {
    background-color: #0abbbf;
   /* border: 5px solid #FFE0C0;*/
  }
  .book_input .btn_off {
    background-color: #E5E9F4;
/*    border: 5px solid #F6F7FC; */
  }
  .book_input .btn_off img {
    display: none;
  }
  .book_input .who_input_wrap {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 30px;
  }
  .book_input .who_input_wrap > div {
    margin-bottom: 15px;
  }
  .book_input .who_input_wrap > div > input {
    width: 100%;
  }
  .book_input .who_input_wrap .i_title {
    font-size: 16px;
    font-weight: 600;
  }
  .book_input .who_input_wrap .sub_i_title {
    color: #4F5D75;
  }
  .book_input .who_input_wrap .last_none_bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .book_input .who_input_wrap .name_2nd {
    display: flex;
    justify-content: space-between;
  }
  .book_input .who_input_wrap .name_2nd > div {
    width: calc(50% - 15px);
  }
  .book_input .who_input_wrap .name_2nd > div input {
    width: 100%;
  }
  .book_input .who_input_wrap .name_2nd .gender select {
    width: 100%;
    height: 35px;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 6px;
  }
  .book_input .who_input_wrap .name_2nd .gender select option {
    width: 100%;
    height: 100%;
  }
  .book_input .please .please_wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
  }
  .book_input .please .please_wrap > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .book_input .please .long textarea {
    padding: 10px 15px;
    width: calc(100% - 30px);
    border-radius: 10px;
    border: 1px solid #ccc;
    height: 100px;
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
  }
  .book_input .please .long textarea::-moz-placeholder {
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
  }
  .book_input .please .warning {
    color: #ff9231;
  }
  .book_input .please .arrive {
    padding-top: 15px;
  }
  .book_input .please .arrive > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .book_input .please .arrive > div p {
    width: 200px;
  }
  .book_input .please .arrive > div input {
    width: calc(100% - 200px);
  }


  .select_payment {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .select_payment > div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0 15px 0;
  }
  .select_payment > div > p {
    font-size: 16px;
  }
  .select_payment > div > img {
    width: 30px;
    margin-right: 10px;
    border-radius: 6px;
  }
  .select_payment .sub_i_title {
    color: #7d7d7d;
    padding: 20px;
	font-size:15px;
  }
  .select_payment input[type=checkbox]{
	margin-top: 5px;
    margin-right: 13px;
	width:0px;
  }

  .payfor {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 20px 40px ;
    margin-bottom: 100px;
  }
  .payfor > p {
    text-align: center;
    background-color: #ff9231;
    color: #fcfcfc;
    font-size: 21px;
    padding: 10px;
    border-radius: 100px;
    transition: all 0.2s ease-in-out;
  }
  .payfor > p:hover {
    background-color: #ff6f31;
    cursor: pointer;
  }
  .payfor .confirm_btn {
    margin: 0 auto;
    text-align: center;
    background-color: #0abbbf;
    color: #fff;
    font-size: 20px;
    border-radius: 25px;
	padding:14px 0;
	width:50%;
  }
  .payfor .confirm_btn:hover {
    background-color: #475eb3;
    cursor: pointer;
  }

.paySelect {
      width: 65%;
    padding: 10px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
	margin-left:10px;
	font-family: 'SpoqaHanSansNeo';
}
/* 잔액 결제 */