@charset "utf-8";

/*-------------------------- common css --------------------------*/
.hr{height:1px;border-bottom:1px solid #e8e8e8; width: 100%;}
.hr2{height:1px;border-bottom:1px dotted #c1c1c1; width: 100%;}
.border{ border:1px solid #ddd;}
.btg{border-top: 1px solid #E6E6E6;}
.bbg{border-bottom: 1px solid #E6E6E6;}
.bb0{border-bottom: 0 !important;}
.dot-line{border: 1px dotted #C1C1C1;}
.bt1{border-top: 1px solid #ddd;}
.positionFix{ position: fixed !important;}
.displayB{ display: block !important;}
.displayIB{ display: inline-block;}
.displayN{display: none;}
.overflow-y{ overflow-y: hidden;}
.relative{position: relative;}

/* font color, style */
.orange{color:#ff970f;}
.blue{color:#3e8ddc;}
.red {color:#de3b18 !important;}
.yellow{color:#e2af00;}
.gray{color: #C7C7C7 !important;}
.darkGray{ color: #58585a;}
.pink{ color: #d91b5c;}
.white{ color: #fff !important;}
.bgred{background: #DE3B18 !important;}

.center{ text-align: center !important;}
.left{ text-align: left !important;}
.right{ text-align: right !important;}
.marginA{ margin: auto !important;}
.cl-b{ clear: both;}
.fl-l{ float: left;}
.fl-r{ float: right;}

.line15{ line-height: 1.5em;}
.preLine{ white-space: pre-line;}

.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.strong{ font-weight: 700; }
.bold{ font-weight: 700; }
.through{ text-decoration: line-through;}

.wp10{ width: 10% !important;}
.wp15{ width: 15% !important;}
.wp20{ width: 20% !important;}
.wp25{ width: 25%;}
.wp27{ width: 27%;}
.wp28{ width: 28% !important;}
.wp30{ width: 30% !important;}
.wp32{ width: 32% !important;}
.wp33{ width: 33% !important;}
.wp34{ width: 34% !important;}
.wp35{ width: 35% !important;}
.wp40{ width: 40% !important;}
.wp45{ width: 45% !important;}
.wp49{ width: 49% !important;}
.wp50{ width: 50% !important;}
.wp60{ width: 60%;}
.wp70{ width: 70%;}
.wp80{ width: 80% !important;}
.wp90{ width: 90%;}
.wp97{ width: 97%;}
.wp100{ width: 100% !important;}
.padding5{padding:5px 0;}
.padding10{padding:10px 0;}
.padding15{padding:15px 0;}
.padding20{padding:20px 0;}
.padding30{padding:30px 0;}
.padding50{padding:50px 0;}
.padding70{padding:70px 0;}
.margin0{ margin: 0px auto !important;}
.margin5{ margin: 5px auto;}
.margin1{ margin: 1px auto !important;}
.margin10{ margin: 10px auto;}
.margin15{ margin: 15px auto;}
.margin20{ margin: 20px auto;}
.margin25{ margin: 25px auto;}
.margin30{ margin: 30px auto !important;}
.margin40{ margin: 40px auto;}
.margin50{ margin: 50px auto;}
.margin100{ margin: 100px auto;}
.mt0{ margin-top:0px !important;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt110{ margin-top:110px;}
.mt115{ margin-top:115px;}
.mt120{ margin-top:120px;}
.ml10{margin-left: 10px;}
.mr9{margin-right: 9px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt120{padding-top: 120px;}
.img100 img{ width: 100%;}

.margin4065{margin: 40px auto 65px;}

.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font26{ font-size: 26px !important;}

.bg1{background: url(/images/bg_sub01.jpg) center center no-repeat; height: 310px; background-size: cover;}
.subTop{width: 100%; height: 310px; position: relative;}
.subTopCon{position: absolute; top: 0; left: 0; text-align: center; width: 100%;}
.subTopText{width: 1200px; margin: 130px auto 95px; text-align: center;}
.subTopText h2{color: #fff; font-size: 30px; padding-bottom: 10px;}
.subTopText p{color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase;}

.subTopMenu{position: relative; width: 1200px; margin: 80px auto 0; height: 80px;}
/* tab 2개일때*/
.tabMenu2{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu2 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/2); font-weight: 300;}
.tabMenu2 a.on{color: #fff; background: #CAA07A;}
.tabMenu2 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu2 a:last-child{border-radius: 0 15px 15px 0;}

/* golftel - info */
.contents-reser{ position: relative; width: 1180px; margin: 130px auto 80px;}
.reser-title{text-align: center; font-size: 30px; color: #434343;}
.sub-content-nav-02{width: 100%; text-align: center; color: #434343; height: 40px; margin : 35px 70px;}
.sub-content-nav-02 ul{text-align: center; margin: auto; position: absolute; left: 50%; transform: translateX(-50%); font-size: 0; border: 1px solid #D8D8D8; border-radius: 20px;}
.sub-content-nav-02 ul li{display: inline-block; padding: 8px 25px; position: relative; font-size: 16px;}

.sub-content-nav-02 ul li::before{content: '▶'; position: absolute; display: inline-block; right: -10px; top: 11px; font-size: 13px;}
.sub-content-nav-02 ul li:last-child::before{display: none;}

/* golftel-sub-tab */
.reser-tab2{ width: 100%; text-align: center;clear: both; }
.reser-tab2 li{ display: inline-block; color: #B7B7B7; font-size: 22px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 64px; font-weight: 300;}
.reser-tab2 li:last-child{ margin-right: 0;}
.reser-tab2 li.on{ background-color: #21322D; color: #fff; border-radius: 50%; height: 64px; width: 64px; font-weight: 400;}
/*3*/
.reser-tab3{ width: 100%; text-align: center; clear: both; }
.reser-tab3 li{ display: inline-block; color: #B7B7B7; font-size: 20px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab3 li:last-child{ margin-right: 0;}
.reser-tab3 li.on{ color: #000; border-bottom: 1px solid #21322D; position: relative;}
.reser-tab3 li.on::after{content: ''; font-size: 12px; text-align: center; position: absolute; bottom: -11px; left: 50%; background-image: url('/images/reservation/tab-triangle-blue.svg'); width: 13px; height: 11px; transform:translate(-50%);}
/*4*/
.reser-tab-blue-4{ width: 100%; text-align: center; clear: both; }
.reser-tab-blue-4 li{ display: inline-block; color: #B7B7B7; font-size: 20px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab-blue-4 .tab-box4 {border: none !important;}
.reser-tab-blue-4 li:last-child{ margin-right: 0;}
.reser-tab-blue-4 li.on{ color: #000; border-bottom: 1px solid #21322D; position: relative;}
.reser-tab-blue-4 li.on::after{content: ''; font-size: 12px; text-align: center; position: absolute; bottom: -11px; left: 50%; background-image: url('/images/reservation/tab-triangle-blue.svg'); width: 13px; height: 11px; transform:translate(-50%);}
.golftel-wrap ul:last-child{border: 0;}
.golftel-wrap ul li{white-space: pre-line; line-height:34px; padding: 10px 0; font-size: 18px; font-weight: 300;}
.golftel-wrap02 ul{border-bottom: 1px solid #E6E6E6;}
.golftel-wrap02 ul:last-child{border: 0;}
.golftel-wrap02 ul li{white-space: pre-line; line-height:34px; padding: 20px 0; font-size: 18px; font-weight: 300;}
.golftel-round {width: 100%; height: auto;}
.golftel-round ul li{display: inline-block; width: 235px; border-radius: 20px; text-align: center; padding: 15px 0; border: 1px solid #707070; color: #000000; font-size: 20px; font-weight: 300; margin-right: 20px;}
.golftel-round ul .on{background-color: #21322D !important; color: #fff !important; border: none;}
.golftel-info-table{width: 100%;background-color: #fff;border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.golftel-info-table tbody tr .first-round{border-radius: 20px 0 0 0;}
.golftel-info-table tbody tr .last-round{border-radius: 0 0 0 20px;}
.golftel-info-table tbody th{background: #21322D; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.golftel-info-table tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}
.reser-info-table{width: 100%;background-color: #fff;border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.reser-info-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-info-table thead th:last-child{border-radius: 0 20px 0 0;}
.reser-info-table thead th{background: #21322D; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE;}
.reser-info-table tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle; white-space:pre-line; line-height: 30px;}

.service-table{width: 100%;background-color: #fff;border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.service-table thead th:first-child{border-radius: 20px 20px 0 0;}
.service-table thead th{background: #21322D; color: #fff; padding: 5px 15px; text-align: center; border: 1px solid #BEBEBE;}
.service-table tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}

.reser-wrap03 ul{}
.reser-wrap03 ul li{font-weight: 300; position: relative;}

.golftel-slider {display: inline-block; position: relative; width: 100%;}
.golftel-slider .bx-wrapper{height: 758px !important; width: 100% !important; object-fit: cover;}
.golftel-slider ul li {padding: 0 !important;}
.golftel-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: absolute; bottom: -70px !important; width: 100% !important; text-align: center !important;}

.room-view {width: 287px; height: 166px; border-radius: 15px; border: 1px solid #E6E6E6; overflow: hidden; position: absolute;  top: 70%; transform: translateX(145%); background-color: #fff;}
.room-view img{display: block; margin: 0 auto;}

.room_box {width: auto;}
.room_box .floor-plan{position: absolute; top: 0; right: 0;}
/*.room_box {width: auto; display: inline-block; position: absolute; transform: translateX(50px);}*/
.room_box ul {}
.room_box ul li{color: #000;}
.room_box .room-tit {font-size: 26px; margin-bottom: 25px; font-weight: 400;}
.room_box .room-btn-red {background-color: #DE3B18; color: #fff; width: 10%; text-align: center; border-radius: 20px; margin-bottom: 20px; padding: 5px;}
.room_box .room-btn-bl {background-color: #21322D; color: #fff; width: 22%; text-align: center; border-radius: 20px; margin-bottom: 20px;}
.room_box .room-btn-gr {background-color: #41AD3D; color: #fff; width: 22%; text-align: center; border-radius: 20px; margin-bottom: 20px;}
.room_box .room-txt{font-size: 18px; line-height: 41px; width: 55%;}


/* mypage - service*/
.reser-con{ clear: both; width: 100%;}
.service-wrap{ width: 100%; height: auto;}
.service-wrap .service-box {width: 100%; display: inline; text-align: left; word-break: keep-all;}
.service-box li {font-size: 18px; font-weight: 300; line-height: 1.8em;}
.service-box .bigtit {font-weight: 500; margin: 40px 0 15px;}



.contents-tab{text-align: center; margin: 100px auto 55px; font-size: 0; border: 1px solid #D9D9D9; border-radius: 15px;}
.contents-tab a{background-color: #fff; display: inline-block; font-size: 16px; position: relative; border-right: 0; width: calc(100%/6); line-height: 58px; font-size: 20px; font-weight: 300;} 
.contents-tab a.on{background: #21322D; color: #fff;}
.contents-tab a:first-child{border-radius: 15px 0 0 15px;}
.contents-tab a:last-child{border-radius: 0px 15px 15px 0;}


.reser-info-table2{width: 100%;background-color: #fff;border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.reser-info-table2 thead th:first-child{border-radius: 20px 0 0 0;}
.reser-info-table2 thead th:last-child{border-radius: 0 20px 0 0;}
.reser-info-table2 thead th:nth-child(odd){background: #21322D; color: #fff;}
.reser-info-table2 thead th{background: #4C79A2; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE;}
.reser-info-table2 tbody th{font-weight: 400; border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}
.reser-info-table2 tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}

/* reservation */
.reser-btn-wrap{width: 100%; text-align: center;}
.fee-check-btn{border: 1px solid #B1B1B1; font-size: 18px; color: #434343; text-align: center; width: 165px; padding: 10px 25px; border-radius: 10px;}
.reser-cal-wrap{width: 100%;}
.reser-cal-box{width: 49%; float: left; margin-right: 20px;}
.reser-cal-box:last-child{margin-right: 0;}
.reser-cal-box h2{ font-size: 18px; font-weight: 500; text-align: center; margin: 20px 0; position: relative;}
.reser-cal-box h2 span{font-size: 35px; margin-left: 5px; letter-spacing: 1px;}
.reser-arw-left::before{content: ''; position: absolute; top: 20px; left: 10px; width: 27px; height: 27px; cursor: pointer; background-image: url(/images/reservation/reser-btn-prev.svg); background-repeat: no-repeat;}
.reser-arw-right::before{content: ''; position: absolute; top: 20px; right: 10px; width: 27px; height: 27px; cursor: pointer; background-image: url(/images/reservation/reser-btn-next.svg); background-repeat: no-repeat;}

.reser-table{width: 100%;}
.reser-table thead th{background: #434343; color: #fff; font-weight: 300; font-size: 20px; padding: 5px; height: 50px; vertical-align: middle;}
.reser-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-table thead th:last-child{border-radius: 0 20px 0 0;}
.reser-table tbody td{font-size: 15px; padding: 10px; border: 1px solid #D8D8D8; height: 83px; font-weight: 300; position: relative;}
.reser-table tbody td.open{background: #FFEEC1;}
.reser-table tbody td.open span{display: block; margin-top: 10px;}
.reser-table tbody td .day-first{position: absolute; right: 0; background: #21322D; border-radius: 20px 0 0 20px; bottom: 15px; color: #fff; padding: 2px 18px;}
.reser-table tbody td .day-middle{position: absolute; bottom: 15px; color: #fff; width: 100%; background: #21322D; left: 0; padding: 2px 18px; text-align: center;}
.reser-table tbody td .day-last{position: absolute; left: 0; background: #21322D; border-radius: 0 20px 20px 0; bottom: 15px; padding: 2px 18px; color: #fff;}
.reser-table tbody td.today{background: #DE3B18; color: #fff;}
.reser-table tbody td.today span{font-size: 13px; margin-left: 5px;}
.reser-table tbody td.end{background: #E8E8E8; color: #A5A5A5;}
.reser-table tbody td.end span{color: #A5A5A5; display: block; margin-top: 10px;}
.reser-cal-info{display: inline-block; background: #6B6B6B; width: 44px; color: #fff; border-radius: 10px; font-size: 12px; text-align: center; position: absolute; right: 7px; top: 13px;}
.reser-table tbody td:first-child{color: #086BDC;}
.reser-table tbody td:last-child{color: #DE0000;}

/* reservation-tab */
.reser-tab{ width: 100%; text-align: center; padding-top: 100px; clear: both;}
.reser-tab .tab-box{height: 64px; line-height: 64px;}
.reser-tab li{display: inline-block; width: 66px; margin-right: 50px; font-size: 22px; font-weight: 300; color: #B7B7B7; cursor: pointer;}
.reser-tab li:last-child{ margin-right: 0;}
.reser-tab li.on{ background-color: #DE3B18; color: #fff; border-radius: 50%; height: 64px; font-weight: 400; line-height: 64px;}

.reser-package{background: #F6F6F6; color: #101010 !important; font-size: 22px; border-radius: 30px; width: 20% !important; font-weight: 300; cursor: pointer;}

.reser-course-tab{margin: 50px 0 40px;}
.reser-course-tab .reser-tab-box{border: 1px solid #D8D8D8; border-radius: 20px 20px 0 0; width: 100%; height: 50px;}
.reser-course-tab .reser-tab-box li{width: 20%; text-align: center; padding: 10px; float: left; font-size: 20px; color: #B7B7B7; font-weight: 300; cursor: pointer;}
.reser-course-tab .reser-tab-box li.on{background: #21322D; color: #fff; border-radius: 20px 0 0 0;}
/*2*/
.reser-course-tab .reser-tab-box2{border: 1px solid #D8D8D8; border-radius: 0 0 20px 20px; width: 100%; height: 50px; border-top: 0;}
.reser-course-tab .reser-tab-box2 li{width: 20%; text-align: center; padding: 10px; float: left; font-size: 20px; color: #B7B7B7; font-weight: 300; cursor: pointer;}
.reser-course-tab .reser-tab-box2 li.on{background: #21322D; color: #fff; border-radius: 20px 0 0 0;}


.reser-select-table{width: 100%; font-size: 20px; font-weight: 300; text-align: center; box-shadow: 0 0 0 1px #707070; border-radius: 20px 20px 0 0; margin-top: 30px;}
.reser-select-table thead th{background: #21322D; padding: 10px 0; color: #fff;}
.reser-select-table tbody td{padding: 15px 0; border-bottom: 1px solid #dcdcdc; color: #434343;}
.reser-select-table tbody td a{background: #de3b18; color: #fff; padding: 5px 40px; border-radius: 10px; font-weight: 200;}
.reser-select-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-select-table thead th:last-child{border-radius: 0 20px 0 0;}

.more-btn{height: 51px; background: #777; border-radius: 0 0 20px 20px; color: #fff; text-align: center; width: 100%; padding-top: 5px; cursor: pointer; box-shadow:0 0 0 1px #707070;}
.more-btn h3 span{display: block; font-size: 12px; margin-top: -5px;}

.reser-cal-btn{text-align: center; width: 100%; display: block; margin-top: 50px; display: block;}
.reser-cal-btn img{margin: 0 auto; text-align: center;}




/* reser-check */
.list-none{color: #B2B2B2 !important; font-size: 20px; font-weight: 300;}
.reser-gray{background: #AFAFAF !important; padding: 8px 20px !important; border-radius: 15px !important; font-size: 17px;}
.reser-red{background: #DE3B18 !important; padding: 8px 20px !important; border-radius: 15px !important; font-size: 17px;}