|
Server : Apache System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : tkt_travelbus ( 1137) PHP Version : 7.0.0p1 Disable Function : mysql_pconnect Directory : /tkt_travelbus/www/css/ |
Upload File : |
/* 지점/코스소개 */
.place-slide {
width:100%;
position:relative;
margin-bottom:30px;
}
.place-slide img {
width:100%;
display:block;
}
.place-slide .place-slide-arrow {
width:100%;
position:absolute;
z-index:9;
top:0;
bottom:0;
margin:auto;
padding:0 30px;
box-sizing:border-box;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:center;
}
.place-slide .place-slide-arrow div i {
font-size:60px;
color:#fff;
text-shadow:0 0 7px rgba(0,0,0,0.3);
cursor:pointer;
}
.place-slide .place-slide-dot {
position:absolute;
z-index:9;
bottom:30px !important;
text-align:center;
}
.place-slide .place-slide-dot .swiper-pagination-bullet {
width: 15px;
height: 15px;
background:rgba(255,255,255,0.6);
opacity:1;
}
.place-slide .place-slide-dot .swiper-pagination-bullet-active {
background:rgba(255,255,255,1)
}
#place-guide-section .sub-text-1 {
margin-bottom:30px;
width:100%;
text-align:center;
}
#place-guide-section .sub-text-2 {
width:100%;
text-align:center;
}
.course-top-img {
width:100%;
margin-bottom:100px;
display: flex;
justify-content: center;
}
.course-top-img video {
width:80%;
display:block;
}
.course-top-pc {
display:flex;
justify-content: center
}
.course-top-mo {
display:none;
}
.course-top-eco {
height: 80%;
width: 80%;
}
.course-slide {
width:100%;
position:relative;
}
.course-slide .course-slide-arrow {
width:100%;
position:absolute;
z-index:9;
top:0;
bottom:0;
margin:auto;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:center;
padding:0 30px;
box-sizing:border-box;
}
.course-slide .course-slide-arrow div i {
font-size:60px;
color:#aaa;
cursor:pointer;
}
.course-slide .swiper-slide {
padding:0 120px;
box-sizing:border-box;
text-align:center;
}
.course-slide .swiper-slide .course-name {
margin-bottom:20px;
}
.course-slide .swiper-slide .course-name p {
font-size:32px;
font-weight:600;
}
.course-slide .swiper-slide .course-name p span {
display:block;
padding-top:5px;
box-sizing:border-box;
}
.course-slide .swiper-slide .course-img {
width:100%;
padding:20px 0;
box-sizing:border-box;
position:relative;
margin-bottom:20px;
}
.course-slide .swiper-slide .course-img:before {
content:"";
width:70%;
height:1px;
background:#000;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
}
.course-slide .swiper-slide .course-img:after {
content:"";
width:70%;
height:1px;
background:#000;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
}
.course-slide .swiper-slide .course-img img {
width:100%;
display:block;
}
.course-slide .swiper-slide .course-text b {
font-weight:600;
}
.image-list-inner {
display: flex;
justify-content: center;
align-items: center;
}
.image-list {
width: 95%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.image-collect {
width: 30%;
height: 30%;
margin: 5px;
}
/* 이용안내 */
#use-guide-section .sub-text-1 {
text-align:center;
margin-bottom:30px;
}
.use-img {
width:100%;
}
.use-img img {
width:100%;
}
/* 표 공통 css */
.all-table {
width:100%;
margin-bottom:20px;
overflow:auto;
}
.all-table table {
border-left:1px solid #000;
box-sizing:border-box;
width:100%;
}
.all-table table tr {
line-height:24px;
}
.all-table table thead tr {
color:#fff;
font-weight:500;
}
.all-table table thead th {
background:#ff4c22;
border-top:1px solid #000;
}
.all-table table thead th,
.all-table table tbody td {
border-right:1px solid #000;
border-bottom:1px solid #000;
box-sizing:border-box;
padding:20px 0;
text-align:center;
vertical-align:middle;
}
.table-text {
width:100%;
font-size:16px;
line-height:24px;
}
/* 운영시간 */
#time-guide-section .time-table table .table-1 {
width:30%;
}
#time-guide-section .time-table table .table-2 {
width:70%;
}
/* 에코어드벤처 운영시간 */
#eco-guide-section .eco-table table .table-1 {
width:10%;
}
#eco-guide-section .eco-table table .table-2,
#eco-guide-section .eco-table table .table-3 {
width:15%;
}
#eco-guide-section .eco-table table .table-4 {
width:60%;
}
#eco-guide-section .eco-table table tbody .table-4 {
text-align:left;
padding-left:20px;
}
/* 에코어드벤처 요금안내 */
#eco-pay-section .eco-pay-table table .table-1,
#eco-pay-section .eco-pay-table table .table-2,
#eco-pay-section .eco-pay-table table .table-5,
#eco-pay-section .eco-pay-table table .table-6,
#eco-pay-section .eco-pay-table table .table-7 {
width:12%;
}
#eco-pay-section .eco-pay-table table .table-3,
#eco-pay-section .eco-pay-table table .table-4 {
width:8%;
}
#eco-pay-section .eco-pay-table table .table-8 {
width:24%;
}
/* 환불안내 */
#time-guide-section .refund-guide {
margin-top: 50px;
}
#time-guide-section .refund-guide .refund-title {
margin-top: 40px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
#eco-pay-section .refund-guide {
margin-top: 50px;
}
#eco-pay-section .refund-guide .refund-title {
margin-top: 40px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
/* 구분선 이미지 */
.guide-mid-img {
width:100%;
}
.guide-mid-img img {
width:100%;
}
/* 할인안내 */
.zippy-membership {
width:100%;
margin-bottom:50px;
}
.zippy-membership .zippy-card-wrap {
width:100%;
display:flex;
flex-flow:row;
justify-content:center;
}
.zippy-membership .zippy-card-wrap img {
width:45%;
display:block;
}
#sale-section .sale-table table .table-1,
#sale-section .sale-table table .table-3 {
width:20%;
}
#sale-section .sale-table table .table-2 {
width:60%;
}
#sale-section .sale-table table .table-2-1 {
width:45%;
}
#sale-section .sale-table table .table-2-2 {
width:15%;
}
#sale-section .sale-table table .sale-booljeong {
font-size: 12px;
}
/* 주의사항 */
.caution-text {
width:100%;
font-size:18px;
line-height:27px;
text-align:justify;
}
/* 에코어드벤처 주의사항 */
.eco-caution-box {
margin-bottom:50px;
}
.eco-caution-box .eco-caution-tit {
font-size:28px;
font-weight:500;
margin-bottom:10px;
}
.eco-caution-box .eco-caution-text {
font-size:18px;
line-height:27px;
text-align:justify;
}
.eco-caution-ment {
width:100%;
padding:20px;
box-sizing:border-box;
border:1px solid #aaa;
border-radius:10px;
line-height:24px;
}
/* 오시는길 */
#location-section .sub-text-1 {
width:100%;
text-align:center;
margin-bottom:100px;
}
.location-map {
width:100%;
height:500px;
margin-bottom:50px;
}
.location-map iframe {
width:100%;
height:100%;
}
.location-drive {
width:100%;
margin-bottom:50px;
}
.location-drive .drive-kind {
width:100%;
margin-bottom:10px;
border-bottom:2px solid #ff4c22;
box-sizing:border-box;
color:#ff4c22;
font-weight:600;
font-size:20px;
padding-bottom:5px;
}
.location-drive .car-table table .table-1 {
width:15%;
}
.location-drive .car-table table .table-2 {
width:85%;
}
.location-drive .car-table table tbody .table-2 {
text-align:left;
padding-left:20px;
}
.location-drive .bus-route {
font-weight:500;
font-size:18px;
line-height:24px;
}
/* 주변관광지 */
.enjoy-list-wrap {
width:100%;
}
.enjoy-list-wrap .enjoy-list {
width:100%;
margin-bottom:50px;
padding-bottom:50px;
border-bottom:1px solid #aaa;
box-sizing:border-box;
}
.enjoy-list-wrap .enjoy-list:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.enjoy-list li {
width:100%;
display:flex;
flex-flow:row;
align-items:center;
margin-bottom:30px;
}
.enjoy-list li:nth-child(2n) {
flex-flow:row-reverse;
}
.enjoy-list li div {
width:50%;
}
.enjoy-list li .img-box img {
width:100%;
display:block;
}
.enjoy-list li .text-box {
padding-left:30px;
box-sizing:border-box;
}
.enjoy-list li:nth-child(2n) .text-box {
padding-left:0;
padding-right:30px;
}
.enjoy-list li .text-box .enjoy-place-name {
font-size:24px;
font-weight:500;
}
.enjoy-list li:nth-child(2n) .text-box .enjoy-place-name {
width:100%;
text-align:right;
}
.enjoy-list li .text-box .enjoy-place-line {
width:100%;
height:1px;
margin:20px 0;
position:relative;
}
.enjoy-list li .text-box .enjoy-place-line:after {
content:"";
width:50%;
height:1px;
background:#000;
position:absolute;
top:0;
}
.enjoy-list li:nth-child(2n) .text-box .enjoy-place-line:after {
right:0;
}
.enjoy-list li .text-box .enjoy-place-text {
width:100%;
text-align:justify;
line-height:24px;
}
/* 회사소개 */
#company-section .sub-text-2 {
width:100%;
text-align:center;
margin-bottom:50px;
line-height: 30px;
}
#company-section .company-link {
margin-bottom: 20px;
text-align: right;
}
#company-section .company-link a {
background-color: #dcdcdc;
padding: 5px;
border-radius: 5px;
color: white;
}
#company-section .company-intro-img {
width:100%;
}
#company-section .company-intro-img img {
width:100%;
}
.company-round-wrap {
width:100%;
display:flex;
justify-content:center;
}
.company-round-wrap .round-box {
width:400px;
text-align:center;
}
#company-section .sub-text-signature {
font-weight: bold;
}
.company-round-wrap .round-box .round {
width:300px;
height:300px;
margin:0 auto;
border-radius:250px;
background:#ff4c22;
display:flex;
justify-content:center;
align-items:center;
flex-flow:column;
position:relative;
}
.company-round-wrap .round-box .round:after {
content:"";
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
width:3px;
height:20px;
background:#ff4c22;
}
.company-round-wrap .round-box .round p {
font-size:20px;
font-weight:500;
color:#fff;
margin-top:10px;
}
.company-round-wrap .round-box .round-text {
margin-top:30px;
font-size:18px;
}
/* 시설소개 */
.facility-tab {
width:100%;
}
.facility-tab .inner {
display:flex;
flex-flow:row;
justify-content:center;
border-bottom:1px solid #000;
padding-bottom:30px;
box-sizing:border-box;
}
.facility-tab .inner div {
width:250px;
padding:30px 0;
border-radius:10px;
margin:0 10px;
box-sizing:border-box;
border:3px solid #aaa;
text-align:center;
font-size:20px;
font-weight:500;
color:#aaa;
cursor:pointer;
}
.facility-tab .inner div.tab-select {
color:#fff;
border-color:#ff4c22;
background:#ff4c22;
}
.facility-content {display:none; }
.facility-select {display:block; }
.zip-word-wrap {
width:100%;
}
.zip-word-wrap .zip-word-box {
width:100%;
display:flex;
flex-flow:row;
justify-content:space-between;
padding-top:50px;
box-sizing:border-box;
}
.zip-word-wrap .zip-word-box:nth-child(2n) {
flex-flow:row-reverse;
}
.zip-word-wrap .zip-word-box .word-img {
width:45%;
}
.zip-word-wrap .zip-word-box .word-img img {
width:100%;
display:block;
}
.zip-word-wrap .zip-word-box .word-text {
width:53%;
padding-top:30px;
box-sizing:border-box;
}
.zip-word-wrap .zip-word-box .word-text .sub-text-2 {
width:100%;
/*text-align:center;*/
}
#zipline-section .sub-text-left,
#eco-section .sub-text-left {
text-align:center;
margin-bottom:50px;
}
#eco-section .eco-img {
width:100%;
}
#eco-section .eco-img img {
width:100%;
}
/* 공지사항 목록 */
.notice-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.notice-total {
width:100%;
font-size:14px;
}
.notice-search-wrap {
display:flex;
flex-flow:row;
justify-content:center;
align-items:center;
}
.notice-search-wrap input {
width:250px;
height:30px;
border-radius:0;
border:1px solid #aaa;
padding:0;
text-indent:10px;
}
.notice-search-wrap button {
width:80px;
height:32px;
border:none;
border-radius:0;
padding:0;
background:#000;
color:#fff;
font-weight:500;
cursor:pointer;
}
.notice-list-wrap {
width:100%;
margin-bottom:50px;
}
.notice-list-wrap ul {
width:100%;
}
.notice-list-wrap ul li {
width:100%;
display:flex;
flex-flow:row;
padding:23px 0;
box-sizing:border-box;
}
.notice-list-head {
background:#ff4c22;
color:#fff;
font-size:18px;
font-weight:500;
text-align:center;
}
.notice-list-content {
background:#fff;
border-bottom:1px solid #aaa;
box-sizing:border-box;
}
.notice-list-wrap .list-num {
width:10%;
text-align:center;
}
.notice-list-wrap .list-date {
width:20%;
text-align:center;
}
.notice-list-wrap .list-subject {
width:70%;
padding:0 20px;
box-sizing:border-box;
}
.notice-list-wrap .notice-list-content .list-subject a {
display:block;
width:70%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer;
}
.notice-page-wrap {
width:100%;
display:flex;
flex-flow:row;
justify-content:center;
margin-bottom:100px;
}
.notice-page-wrap .notice-page-btn {
display:block;
width:40px;
height:40px;
border-radius:40px;
line-height:37px;
text-align:center;
margin:0 5px;
font-size:18px;
color:#666;
cursor:pointer;
transition:all 0.1s ease;
}
.notice-page-wrap .notice-page-btn:hover {
background:#eee;
}
.notice-page-wrap .notice-page-select {
background:#ff4c22;
color:#fff;
font-weight:500;
}
.notice-page-wrap img{
height:25px;
margin:7px 4px 0 4px;
}
/* 공지사항 읽기 */
.notice-read-wrap {
width:100%;
margin-bottom:50px;
}
.notice-read-wrap ul {
width:100%;
}
.notice-read-head {
width:100%;
padding:25px 50px;
box-sizing:border-box;
background:#ff4c22;
color:#fff;
font-size:18px;
line-height:24px;
font-weight:500;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:center;
}
.notice-read-head .read-subject {
width:80%;
}
.notice-read-head .read-date {
width:20%;
text-align:right;
}
.notice-read-content {
width:100%;
padding:80px 50px;
box-sizing:border-box;
border-bottom:1px solid #aaa;
}
.notice-read-content .read-content-box {
width:100%;
text-align:justify;
line-height:24px;
}
.read-content-img {
width:100%;
margin-top:50px;
}
.read-content-img img {
width:100%;
display:block;
}
.notice-read-button {
width:100%;
text-align:center;
}
.notice-btn {
width:150px;
height:70px;
line-height:70px;
text-align:center;
border-radius:10px;
border:none;
padding:0;
color:#fff;
font-size:18px;
font-weight:500;
cursor:pointer;
}
.notice-btn.toList {
background:#ff4c22;
}
/* 탑승후기 목록 */
.notice-list-wrap .review-num {
width:10%;
text-align:center;
}
.notice-list-wrap .review-subject {
width:50%;
padding:0 20px;
box-sizing:border-box;
}
.notice-list-wrap .review-writer {
width:15%;
box-sizing:border-box;
text-align:center;
}
.notice-list-wrap .review-date {
width:15%;
text-align:center;
}
.notice-list-wrap .review-count {
width:10%;
text-align:center;
}
.notice-list-wrap .notice-list-content .review-subject a {
display:block;
width:50%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer;
}
/* 탑승후기 읽기 */
.notice-btn.delete {
background:black;
}
.notice-btn.modify {
background:#b4b4b4;
}
.notice-read-head .read-writer {
width:20%;
text-align:right;
}
/* 보도자료 목록 */
.notice-list-wrap .news-num {
width:10%;
text-align:center;
}
.notice-list-wrap .news-subject {
width:60%;
padding:0 20px;
box-sizing:border-box;
}
.notice-list-wrap .news-date {
width:15%;
text-align:center;
}
.notice-list-wrap .news-count {
width:10%;
text-align:center;
}
.notice-list-wrap .notice-list-content .news-subject a {
display:block;
width:60%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
cursor:pointer;
}
/* 자주묻는질문 */
.question-wrap {
width:100%;
margin-bottom:100px;
}
.question-wrap ul {
width:100%;
}
.question-box {
width:100%;
margin-bottom:50px ;
}
.question-subject {
width:100%;
padding:20px 30px;
border-bottom:3px solid #ff4c22;
box-sizing:border-box;
font-size:18px;
font-weight:500;
}
.question-content {
width:100%;
padding:40px 50px;
border-bottom:1px solid #aaa;
box-sizing:border-box;
line-height:24px;
text-align:justify;
}
.question-call-wrap {
width:100%;
padding:50px;
box-sizing:border-box;
border-radius:10px;
background:#eee;
display:flex;
flex-flow:row;
align-items:center;
}
.question-call-wrap .call-ico {
width:25%;
text-align:center;
}
.question-call-wrap .call-ico i {
font-size:100px;
color:#333;
}
.question-call-wrap .call-info p {
font-size:20px;
font-weight:500;
}
.question-call-wrap .call-info b {
font-size:42px;
font-weight:600;
margin:5px 0 10px;
display:block;
}
.question-call-wrap .call-info small {
display:block;
}
/* 이벤트 안내 */
.event-header {
width:100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.event-header div {
margin: 0 20px;
}
.event-total {
width:100%;
margin-bottom:10px;
font-size:14px;
}
.event-search-wrap {
display:flex;
flex-flow:row;
justify-content:center;
align-items:center;
}
.event-search-wrap input {
width:250px;
height:30px;
border-radius:0;
border:1px solid #aaa;
padding:0;
text-indent:10px;
}
.event-search-wrap button {
width:80px;
height:32px;
border:none;
border-radius:0;
padding:0;
background:#000;
color:#fff;
font-weight:500;
cursor:pointer;
}
.event-list-wrap {
width:100%;
margin-bottom:50px;
}
.event-list-wrap ul {
width:100%;
display: flex;
flex-wrap: wrap;
}
.event-list-content {
margin: 25px 20px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
box-sizing:border-box;
}
.event-list-content .img-container {
position: relative;
overflow: hidden;
}
.event-list-content img {
width: 100%;
max-width: 260px;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.event-list-content img:hover {
transform: scale(1.2);
}
.event-list-content .list-subject{
font-weight: bold;
font-size: 14px;
padding: 10px 0;
}
.event-list-content .list-date{
font-weight: bold;
font-size: 12px;
padding-bottom: 10px;
color: #aaa;
}
.event-list-content .event-state-on {
font-size: 12px;
padding: 6px 10px;
border-radius: 10px;
background-color: #ff4c22;
color: white;
}
.event-list-content .event-state-off {
font-size: 12px;
padding: 6px 10px;
border-radius: 10px;
background-color:#aaa;
color: white;
}
/* 이벤트 읽기 */
.event-read-wrap {
width:100%;
margin-bottom:50px;
}
.event-read-wrap ul {
width:100%;
}
.event-read-head {
width:100%;
padding:25px 50px;
box-sizing:border-box;
background:#ff4c22;
color:#fff;
font-size:18px;
line-height:24px;
font-weight:500;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:center;
}
.event-read-head .read-subject {
width:80%;
}
.event-read-head .read-date {
width:20%;
text-align:right;
}
.event-read-content {
width:100%;
padding:80px 50px;
box-sizing:border-box;
border-bottom:1px solid #aaa;
}
.event-read-content .read-content-box {
width:100%;
text-align:justify;
line-height:24px;
}
.event-content-img {
width:100%;
margin-top:50px;
}
.event-content-img img {
width:100%;
display:block;
}
.event-read-button {
width:100%;
text-align:center;
}
.event-toList-btn {
width:150px;
height:70px;
line-height:70px;
text-align:center;
border-radius:10px;
border:none;
padding:0;
background:#ff4c22;
color:#fff;
font-size:18px;
font-weight:500;
cursor:pointer;
}
/* 단체서비스 안내 */
#group-service-section .sub-text-1 {
width:100%;
text-align:center;
margin-bottom:50px;
}
#group-service-section .group-img {
width:100% ;
}
#group-service-section .group-img img {
width:100%;
}
#group-service-section .consult-info {
width:100%;
padding:50px 0;
box-sizing:border-box;
background:#eee;
text-align:center;
}
#group-service-section .consult-info .consult-info-tit {
font-size:20px;
font-weight:500;
}
#group-service-section .consult-info .consult-info-line {
width:100px;
height:1px;
background:#000;
margin:20px auto;
}
#group-service-section .consult-info .consult-info-text {
line-height:24px;
}
#group-section .sub-text-1 {
margin-bottom:50px;
}
#group-section .school-content {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 11px;
}
#group-section .school-certificate {
position : relative;
bottom: 40px;
text-align: right;
}
#group-section .school-certificate .school-certificate-text{
width: 300px;
padding: 5px 7px;
border-radius: 5px;
color: white;
background-color: #bcbcbc;
line-height: 20px;
text-align: start;
}
.cooper-wrap {
width:100%;
padding:50px;
box-sizing:border-box;
border:1px solid #aaa;
}
.cooper-wrap .cooper-tit {
width:100%;
margin-bottom:30px;
text-align:center;
font-size:26px;
font-weight:500;
}
.cooper-wrap .cooper-list {
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}
.cooper-wrap .cooper-list li {
width:23%;
text-align:center;
margin-bottom:30px;
}
.cooper-wrap .cooper-list li img {
width:100%;
display:block;
margin-bottom:10px;
}
.cooper-wrap .cooper-list li p {
font-size:14px;
color:#aaa;
}
.school-keyword-wrap {
width:100%;
}
.school-keyword-wrap .keyword-list {
width:100%;
display:flex;
flex-flow:row;
justify-content:space-between;
}
.school-keyword-wrap .keyword-list li {
width:32%;
padding:0 0 30px;
text-align:center;
box-sizing:border-box;
border:1px solid lightgray;
}
.school-keyword-wrap .keyword-list img {
width:100%;
margin-bottom:20px;
}
.school-keyword-wrap .keyword-list b {
font-size:20px;
font-weight:500;
margin-bottom:15px;
display:block;
}
.school-keyword-wrap .keyword-list p {
line-height:24px;
}
.group-sale-table .table-1,
.group-sale-table .table-2 {
width:50%;
}
/* 온라인상담/견적문의 */
.online-input-wrap {
width:100%;
padding:50px;
box-sizing:border-box;
border:1px solid #aaa;
border-radius:10px;
}
.online-input-wrap ul {
margin-bottom:100px;
}
.online-input-wrap ul li {
width:100%;
margin-bottom:50px;
}
.online-input-wrap ul li:last-child {
margin-bottom:0;
}
.online-input-wrap ul li .online-input-tit {
font-size:18px;
font-weight:500;
margin-bottom:15px;
}
.online-input-wrap ul li > input {
width:100%;
height:50px;
border-radius:10px;
border:1px solid #aaa;
text-indent:10px;
box-sizing:border-box;
}
.online-input-wrap ul li > select {
width:100%;
height:50px;
border-radius:10px;
border:1px solid #aaa;
text-indent:10px;
box-sizing:border-box;
}
.online-input-wrap ul li .date-select-wrap {
width:100%;
display:flex;
flex-flow:row;
justify-content:space-between;
}
.online-input-wrap ul li .date-select-wrap .select-box {
width:25%;
}
.online-input-wrap ul li .date-select-wrap .select-box select {
width:80%;
height:50px;
border:1px solid #aaa;
border-radius:10px;
box-sizing:border-box;
text-indent:10px;
}
.online-input-wrap ul li .date-select-wrap .select-box:last-child select {
width:100%;
}
.online-input-wrap ul li .date-select-wrap .select-box b {
font-size:18px;
font-weight:500;
padding-left:5px;
box-sizing:border-box;
}
.online-input-wrap ul li textarea {
width:100%;
height:200px;
border-radius:10px;
border:1px solid #aaa;
box-sizing:border-box;
padding: 10px
}
.online-input-wrap .online-send-btn {
display:block;
margin:0 auto;
width:200px;
padding:20px 0;
box-sizing:border-box;
border:0;
border-radius:10px;
background:#ff4c22;
font-size:18px;
font-weight:500;
color:#fff;
cursor:pointer;
}
/* 로그인, 회원가입, 회원탈퇴, 정보변경 */
.mem-window {
width:500px;
margin:0 auto;
}
#join-section {
width:1000px;
display:flex;
flex-flow:row;
}
.mem-wrap {
width:500px;
border-radius:10px;
background:#fff;
padding:40px;
box-sizing:border-box;
position:relative;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.join-wrap:after {
content:"";
position:absolute;
right:0;
top:0;
bottom:0;
margin:auto;
width:1px;
height:650px;
background:#aaa;
}
.mem-tit {
width:100%;
text-align:center;
font-size:30px;
font-weight:500;
margin-bottom:50px;
}
.mem-input-list {
width:100%;
margin-bottom:50px;
}
.mem-input-list ul {
width:100%;
}
.mem-input-list ul .mem-input-join-id {
display : flex;
justify-content: space-between;
}
.mem-input-list ul .mem-input-join-id .text-background {
padding: 3px 10px;
border-radius: 5px;
line-height: 20px;
background-color: #ACA9A9;
color: white;
font-size: 12px;
cursor : pointer;
}
.mem-input-list ul li {
width:100%;
border-bottom:1px solid #aaa;
box-sizing:border-box;
margin-bottom:30px;
padding:10px 5px;
}
.mem-input-list ul li input {
border:none;
width:300px;
font-size:18px;
}
.mem-input-list ul li span {
float:right;
display:inline-block;
color:#aaa;
}
.mem-input-list ul li span#pw_info_chage_desc{
color:red;
font-size:14px
}
.mem-input-list ul li.last-li {
margin-bottom:0;
}
.mem-input-list ul li.checkbox-li {
border:0;
padding:10px 0;
font-size:14px;
}
.mem-input-list ul li.checkbox-li input {
width:auto;
margin-right:5px;
}
.mem-input-list ul li.checkbox-li input b {
font-weight:600;
display:inline-block;
}
.mem-btn {
width:100%;
padding:20px;
box-sizing:border-box;
border-radius:10px;
text-align:center;
color:#fff;
font-weight:500;
font-size:18px;
border:none;
cursor:pointer;
}
.window-btn-login {background:#ff4c22; }
.window-btn-remove, .window-btn-change {background:#3F4B5C; }
.window-btn-join {background:#FFC700;}
.mem-join-link {
width:100%;
margin-top:50px;
display: flex;
justify-content: space-between;
}
.mem-join-link a {
text-decoration:underline;
font-weight:500;
cursor:pointer;
}
.mem-join-link .btn-join span {
color:#FFC700;
}
.mem-join-link .btn-find span {
color:#7b7b7b;
}
.join-terms:first-child {
margin-bottom:50px;
}
.join-terms .terms-tit {
width:100%;
text-align:center;
margin-bottom:20px;
font-size:20px;
}
.join-terms .terms-content {
width:100%;
height:250px;
border:1px solid #aaa;
padding:15px;
box-sizing:border-box;
line-height:24px;
overflow:scroll;
}
.join-terms .terms-check {
width:100%;
margin-top:5px;
text-align:center;
font-size:14px;
}
#id_duplicate_status{font-size:11px;color:red;margin-top: 6px;margin-right: 3px;}
@media screen and (max-width:1200px) {
/* 지점/코스소개 */
.course-slide .swiper-slide .course-name p {
font-size:28px;
}
.course-top-img {
margin-bottom:50px;
}
/* 주의사항 */
.caution-text {
font-size:16px;
line-height:24px;
}
/* 에코어드벤처 주의사항 */
.eco-caution-box {
margin-bottom:40px;
}
.eco-caution-box .eco-caution-tit {
font-size:24px;
}
/* 오시는길 */
#location-section .sub-text-1 {
margin-bottom:80px;
}
.location-drive .car-table table {
min-width:1200px;
}
/* 주변관광지 */
.enjoy-list li .text-box .enjoy-place-name {
font-size:22px;
}
.enjoy-list li .text-box .enjoy-place-line {
margin:15px 0;
}
/* 시설소개 */
.facility-tab .inner div {
width:200px;
padding:25px 0;
margin:0 10px;
font-size:18px;
}
.pc-facility-br {display:none; }
#zipline-section .sub-text-left,
#eco-section .sub-text-left {
text-align:justify;
}
/* 이벤트 안내 */
.event-list-wrap ul {
width:100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* 로그인, 회원가입, 회원탈퇴, 정보변경 */
.mem-window {
width:400px;
top:150px;
}
.mem-wrap {
width:400px;
padding:40px 30px;
}
.mem-tit {
font-size:25px;
}
.mem-input-list ul li input {
width:200px;
}
.mem-input-list ul li.checkbox-li {
font-size:12px;
}
#join-section {
width:800px;
}
}
@media screen and (max-width:920px) {
/* 지점/코스소개 */
.place-slide .place-slide-arrow div i {
font-size:50px;
}
.course-slide .course-slide-arrow div i {
color:#fff;
}
.course-slide .swiper-slide {
padding:0;
}
.course-slide .swiper-slide .course-name {
margin-bottom:10px;
}
.course-slide .swiper-slide .course-name p {
font-size:20px;
}
.course-slide .swiper-slide .course-name p span {
font-size:24px;
}
.course-slide .swiper-slide .course-img {
margin-bottom:10px;
}
/* 표 공통 css */
.all-table table thead th,
.all-table table tbody td {
padding:20px 0;
}
.table-text {
font-size:14px;
line-height:21px;
}
/* 운영시간 */
#time-guide-section .time-table table .table-1 {
width:200px;
}
#time-guide-section .time-table table .table-2 {
width:550px;
}
/* 에코어드벤처 운영시간 */
#eco-guide-section .eco-table table {
min-width:900px;
}
/* 에코어드벤처 요금안내 */
#eco-pay-section .eco-pay-table table {
min-width:1000px;
}
/* 할인안내 */
#sale-section .sale-table table {
min-width:1200px;
}
#sale-section .sale-table table .table-1,
#sale-section .sale-table table .table-3 {
width:200px;
}
#sale-section .sale-table table .table-2 {
width:650px;
}
#sale-section .sale-table table .table-2-1 {
width:450px;
}
#sale-section .sale-table table .table-2-2 {
width:200px;
}
/* 회사소개 */
.company-round-wrap .round-box .round-text {
font-size:16px;
}
/* 시설소개 */
.facility-tab .inner {
padding-bottom:15px;
}
.facility-tab .inner div {
width:180px;
padding:20px 0;
margin:0 5px;
font-size:16px;
}
.zip-word-wrap .zip-word-box {
flex-flow:column;
padding-top:40px;
}
.zip-word-wrap .zip-word-box:nth-child(2n) {
flex-flow:column;
}
.zip-word-wrap .zip-word-box .word-img {
width:100%;
}
.zip-word-wrap .zip-word-box .word-text {
width:100%;
padding-top:15px;
}
#zipline-section .sub-text-left,
#eco-section .sub-text-left {
margin-bottom:30px;
}
/* login */
.mem-window {
width:90%;
}
.mem-wrap {
width:100%;
padding:40px 20px;
}
.mem-tit {
margin-bottom:40px;
}
.mem-input-list {
margin-bottom:40px;
}
.mem-input-list ul li {
margin-bottom:20px;
padding:10px 15px;
}
.mem-input-list ul li input {
width:200px;
font-size:16px;
}
.mem-input-list ul li.checkbox-li {
font-size:11px;
}
.mem-btn {
padding:15px;
}
.mem-join-link {
margin-top:40px;
}
#join-section {
width:90%;
flex-flow:column;
}
.join-wrap:after {
display:none;
}
.join-terms {
margin-bottom:50px;
}
.join-terms .terms-tit {
margin-bottom:15px;
font-size:18px;
}
.join-terms .terms-content {
height:200px;
padding:10px;
}
}
@media screen and (max-width:750px) {
/* 지점/코스소개 */
.place-slide {
margin-bottom:20px;
}
.place-slide .place-slide-arrow div i {
font-size:40px;
}
#place-guide-section .sub-text-1 {
margin-bottom:20px;
}
#place-guide-section .sub-text-2 {
text-align:center;
}
.course-slide .course-slide-arrow div i {
font-size:40px;
}
.course-slide .swiper-slide .course-name p {
font-size:16px;
}
.course-slide .swiper-slide .course-name p span {
font-size:20px;
}
.course-slide .swiper-slide .course-text {
font-size:14px;
line-height:21px;
}
/* 표 공통 css */
.all-table {
margin-bottom:10px;
}
.all-table table thead th,
.all-table table tbody td {
padding:15px 0;
font-size:14px;
}
/* 운영시간 */
#time-guide-section .time-table table {
min-width:750px;
}
/* 할인안내 */
.zippy-membership .zippy-card-wrap {
flex-flow:column;
}
.zippy-membership .zippy-card-wrap img {
width:90%;
margin:0 auto;
}
/* 에코어드벤처 주의사항 */
.eco-caution-box {
margin-bottom:25px;
}
.eco-caution-box .eco-caution-tit {
font-size:16px;
margin-bottom:3px;
}
.eco-caution-box .eco-caution-text {
font-size:16px;
line-height:24px;
}
.eco-caution-ment {
padding:10px;
font-size:14px;
line-height:21px;
}
.course-top-pc {
display:none;
}
.course-top-mo {
display:flex;
justify-content: center
}
/* 오시는길 */
#location-section .sub-text-1 {
margin-bottom:50px;
}
.location-map {
height:400px;
}
.location-drive .car-table table .table-1 {
width:100px;
}
.location-drive .car-table table .table-2 {
width:750px;
}
.location-drive .bus-route {
font-size:16px;
}
/* 주변관광지 */
.enjoy-list li {
flex-flow:column;
align-items: start;
margin-bottom:40px;
}
.enjoy-list li:nth-child(2n) {
flex-flow:column;
}
.enjoy-list li div {
width:100%;
}
.enjoy-list li .text-box {
padding-left:0;
padding-top:15px;
}
.enjoy-list li:nth-child(2n) .text-box {
padding-right:0;
}
.enjoy-list li .text-box .enjoy-place-name {
font-size:18px;
}
.enjoy-list li:nth-child(2n) .text-box .enjoy-place-name {
text-align:left;
}
.enjoy-list li .text-box .enjoy-place-line {
margin:7px 0;
}
.enjoy-list li .text-box .enjoy-place-line:after {
width:100%;
}
/* 회사소개 */
#company-section .sub-text-2 {
margin-bottom:30px;
}
#company-section .ecotainment-link {
text-align: center;
}
#company-section .sub-text-left {
text-align:center;
}
.company-round-wrap {
flex-flow:column;
}
.company-round-wrap .round-box {
width:100%;
}
.company-round-wrap .round-box:first-child {
margin-bottom:40px;
}
.company-round-wrap .round-box .round p {
font-size:18px;
}
/* 단체서비스 안내 */
#group-section .school-content {
display: block;
}
#group-section .school-certificate {
padding-top: 20px;
display: flex;
align-items: center;
}
#group-section .school-certificate img{
height: 40%;
}
#group-section .school-content .sub-text-1 {
font-size: 13px;
}
#group-section .school-certificate .school-certificate-text{
width: 200px;
}
/* 공지사항 목록 */
.notice-header {
display: flex;
justify-content: end;
}
.notice-list-wrap {
margin-bottom:30px;
}
.notice-list-wrap ul li {
padding:15px 0;
}
.notice-list-head {
font-size:16px;
}
.notice-list-wrap .list-num {
width:15%;
}
.notice-list-wrap .list-date {
width:30%;
}
.notice-list-wrap .list-subject {
width:55%;
padding:0;
}
.notice-list-wrap .notice-list-content .list-subject a {
width:90%;
}
.notice-list-wrap .notice-list-content .list-num,
.notice-list-wrap .notice-list-content .list-date {
font-size:14px;
}
.notice-page-wrap {
margin-bottom:50px;
}
.notice-page-wrap .notice-page-btn {
width:35px;
height:35px;
border-radius:35px;
line-height:32px;
font-size:16px;
margin:0 3px;
}
.notice-search-wrap input {
width:130px;
height:28px;
}
.notice-search-wrap button {
width:50px;
height:30px;
}
/* 공지사항 읽기 */
.notice-read-head {
padding:20px 20px;
font-size:16px;
line-height:20px;
flex-flow:column;
}
.notice-read-head .read-subject {
width:100%;
text-align:center;
}
.notice-read-head .read-date {
width:100%;
text-align:center;
font-size:14px;
font-weight:300;
}
.notice-read-content {
padding:30px 15px;
}
.notice-read-content .read-content-box {
line-height:30px;
}
.read-content-img {
margin-top:30px;
}
.notice-toList-btn {
width:120px;
height:60px;
line-height:60px;
font-size:16px;
}
/* 리뷰 목록 */
.notice-list-wrap .notice-list-content .review-num,
.notice-list-wrap .notice-list-content .review-date {
font-size:14px;
}
/* 이벤트 목록 */
.event-header {
display: flex;
justify-content: end;
}
.event-list-wrap {
margin-bottom:30px;
}
.event-list-wrap ul li {
padding:15px 0;
}
.event-list-head {
font-size:16px;
}
.event-list-wrap .list-num {
width:15%;
}
.event-list-wrap .list-date {
margin-top: 10px;
text-align: center;
width:100%;
}
.event-list-wrap .list-subject {
width:55%;
padding:0;
}
.event-list-wrap .event-list-content .list-subject a {
width:90%;
}
.event-list-wrap .event-list-content .list-num,
.event-list-wrap .event-list-content .list-date {
font-size:12px;
}
.event-page-wrap {
margin-bottom:50px;
}
.event-page-wrap .event-page-btn {
width:35px;
height:35px;
border-radius:35px;
line-height:32px;
font-size:16px;
margin:0 3px;
}
.event-search-wrap input {
width:130px;
height:28px;
}
.event-search-wrap button {
width:50px;
height:30px;
}
/* 공지사항 읽기 */
.event-read-head {
padding:20px 20px;
font-size:16px;
line-height:20px;
flex-flow:column;
}
.event-read-head .read-subject {
width:100%;
text-align:center;
}
.event-read-head .read-date {
width:100%;
text-align:center;
font-size:14px;
font-weight:300;
}
.event-read-content {
padding:30px 15px;
}
.event-read-content .read-content-box {
line-height:30px;
}
.read-content-img {
margin-top:30px;
}
.event-toList-btn {
width:120px;
height:60px;
line-height:60px;
font-size:16px;
}
/* 자주묻는질문 */
.question-box {
margin-bottom:30px ;
}
.question-subject {
padding:10px;
line-height:24px;
}
.question-content {
padding:20px 10px ;
}
.question-call-wrap {
padding:50px 0;
flex-flow:column;
}
.question-call-wrap .call-ico {
width:100%;
margin-bottom:30px;
}
.question-call-wrap .call-ico i {
font-size:62px;
}
.question-call-wrap .call-info {
width:100%;
text-align:center;
}
.question-call-wrap .call-info small {
font-size:14px;
}
/* 단체서비스 안내 */
#group-service-section .sub-text-1 {
margin-bottom:30px;
}
#group-service-section .consult-info {
padding:30px 0;
}
#group-service-section .consult-info .consult-info-tit {
font-size:20px;
}
#group-service-section .consult-info .consult-info-line {
margin:10px auto;
}
#group-service-section .consult-info .consult-info-text {
line-height:20px;
font-size:14px;
}
#group-section .sub-text-1 {
margin-bottom:30px;
}
.cooper-wrap {
padding:30px 15px;
}
.cooper-wrap .cooper-tit {
font-size:20px;
}
.cooper-wrap .cooper-list li {
width:48%;
}
.school-keyword-wrap .keyword-list {
flex-flow:column;
}
.school-keyword-wrap .keyword-list li {
width:100%;
margin-bottom:50px;
}
.school-keyword-wrap .keyword-list img {
width:100%;
margin-bottom:15px;
}
.school-keyword-wrap .keyword-list b {
font-size:20px;
margin-bottom:10px;
}
.school-keyword-wrap .keyword-list p {
line-height:24px;
}
/* 온라인상담/견적문의 */
.online-input-wrap {
padding:30px 15px;
}
.online-input-wrap ul {
margin-bottom:50px;
}
.online-input-wrap ul li {
margin-bottom:30px;
}
.online-input-wrap ul li .online-input-tit {
font-size:16px;
margin-bottom:10px;
}
.online-input-wrap ul li > input {
text-indent:7px;
}
.online-input-wrap ul li > select {
text-indent:7px;
}
.online-input-wrap ul li .date-select-wrap {
flex-flow:column;
}
.online-input-wrap ul li .date-select-wrap .select-box {
width:100%;
margin-bottom:10px
}
.online-input-wrap ul li .date-select-wrap .select-box select {
width:87%;
text-indent:7px;
}
.online-input-wrap ul li .date-select-wrap .select-box:last-child select {
width:100%;
margin-bottom:0;
}
.online-input-wrap ul li .date-select-wrap .select-box b {
font-size:16px;
}
.online-input-wrap ul li textarea {
height:200px;
}
.online-input-wrap .online-send-btn {
width:200px;
padding:15px 0;
font-size:16px;
}
}