@charset "utf-8";

/***layout for main***/
#header {
    border-bottom: 0;
}

#gnb_wrap {
    box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.15);
}

#navigator {
    display: none;
}

.layout_t2 {
    height: auto;
}

@media(max-width: 1200px) {
    html {
        font-size: 15px;
    }
}

@media(max-width: 1024px) {
    #header {
        border-bottom: 1px solid #c1c3c6;
    }
}

/***common for main ***/
.tit-wrap h2 {
    font-size: 2.188rem;
    font-family: 'jalnan';
    color: #313131;
}

.tit-wrap span {
    display: block;
    font-size: 1.125rem;
    color: rgba(68, 68, 68, 0.8);
    padding-top: 10px;
}

@media(max-width: 1800px) {
    .layout {
        padding-right: 15px;
        padding-left: 15px;
        height: auto;
       
    }
}

@media(max-width: 780px) {
    .tit-wrap h2 {
        font-size: 1.6rem;
    }
}

/***section01***/
.section01 {
    padding-top: 65px;
    background: #dcf7ff;
}

.section01 .mVisual-tit {
    text-align: center;
    font-family: 'jalnan';
    font-size: 2.5rem;
    color: #4c4d52;
    letter-spacing: -1px;
}

.section01 .mVisual-tit * {
    font-family: 'jalnan';
}

.section01 .mVisual-tit span {
    display: block;
    padding-top: 20px;
}

.section01 .mVisual-tit strong {
    font-size: 3.125rem;
}

.section01 .mVisual-tit strong.deepGreen {
    color: #019872;
}

.section01 .mVisual-tit strong.lightGreen {
    color: #10b310;
}

.section01 .reservation-wrap {
    position: relative;
    margin-top: 20px;
    margin-left: 192px;
}

.section01 .reservation-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.section01 .tab {
    position: relative;
    z-index: 1;
    max-width: 289px;
    height: 65px;
    margin: 23px auto 13px;
    background: url(/images/common/main/section01-tab.png) no-repeat;
}

.section01 .tab > li {
    float: left;
    width: 50%;
}

.section01 .tab > li a {
    display: block;
    font-size: 1.188rem;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 22px 9px;
    font-family: 'jalnan';
    position: relative;
}

.section01 .tab > li a span {
    line-height: 1;
    position: relative;
    z-index: 1;
}

.section01 .tab > li.active a:after {
    position: absolute;
    top: -2px;
    left: -10px;
    content: "";
    display: block;
    width: 120%;
    height: 83px;
}

.section01 .tab > li:first-of-type.active a:after {
    background: url(/images/common/main/section01-tab-active.png) no-repeat;
}

.section01 .tab > li:nth-of-type(2).active a:after {
    background: url(/images/common/main/section02-tab-active.png) no-repeat;
}

.section01 .tab > li.active a span {
    color: #fff;
    position: relative;
    padding-left: 40px;
}

.section01 .tab > li.active a span:before {
    content: "";
    display: block;
    width: 33px;
    height: 34px;
    background: url(/images/common/main/section01-tab-check.png) no-repeat;
    position: absolute;
    top: -5px;
    left: 0;
}

.section01 .tab-cont {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    box-shadow: 5px 6px 26px rgba(0, 0, 0, 0.39);
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    padding: 20px 12px 25px 40px;
}

.section01 .tab-cont.greenbg {
    background: rgb(142, 239, 182);
    background: linear-gradient(90deg, rgba(142, 239, 182, 1) 0%, rgba(142, 239, 182, 1) 26%, rgba(74, 217, 206, 1) 85%);
}

.section01 .tab-cont.greenbg .char {
    background: url(/images/common/main/section01-char.png);
    background-repeat: no-repeat;
    width: 185px;
    height: 155px;
    position: relative;
    left: 60px;
    top: 80px;
}

.section01 .tab-cont .dropdown-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    padding-left: 172px;
    padding-top: 10px;
}

.section01 .tab-cont .dropdown-wrap > li {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 90% center;
    border-radius: 600px;
    width: 320px;
    height: 70px;
    margin-right: 35px;
    box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.33);
}

.section01 .tab-cont .dropdown-wrap > li:nth-child(1) {
    width: 350px;
}

.section01 .tab-cont .dropdown-wrap > li:last-of-type {
    margin-right: 0;
}

.section01 .tab-cont .dropdown-wrap > li.dropdown {
    background-image: url(/images/common/main/section01-arr.png);
}

.section01 .tab-cont .dropdown-wrap > li.datepicker-wrap {
    background-image: url(/images/common/main/section01-cal.png);
}

.section01 .tab-cont .dropdown-wrap > li input {
    border: 0;
    background-color: transparent;
    height: auto;
}

.section01 .tab-cont .dropdown-wrap > li .dropdown-menu {
    z-index: 9;
    border-radius: 20px;
}

.section01 .tab-cont .dropdown-wrap > li .btn,
.section01 .tab-cont .dropdown-wrap > li input {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 27px 15px 25px 30px;
    letter-spacing: -1px;
    font-weight: 600;
    font-family: 'Jalnan';
    color: #000;
    font-size: 1.563rem;
}

.section01 .tab-cont .dropdown-wrap > li input::placeholder {
    color: #000;
    padding-left: 0;
}

.section01 .tab-cont .checkbox-wrap {
    display: flex;
}

.section01 .tab-cont .checkbox-wrap li:not(:last-child) {
    margin-right: 10px;
}

.section01 .tab-cont .check-box {
    width: 101px;
    height: 101px;
    position: relative;
    margin: 0 auto;
}

.section01 .tab-cont .check-box input[type=checkbox] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 100%;
}

.section01 .tab-cont .check-box input[type=checkbox] + label {
    vertical-align: middle;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 600px;
    text-align: center;
    padding-top: 59px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.14);
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 0.938rem;
}

.section01 .tab-cont .check-box input:checked + label,
.section01 .tab-cont .check-box input:checked:focus + label {
    background: #3d50bf;
    border: 1px solid #3d50bf;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label {
    color: #fff;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 32px;
    background: #f95050 url(/images/common/main/section01-check.png) no-repeat;
    border-radius: 600px;
    width: 35px;
    height: 35px;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico {
    background: url(/images/common/main/section01-ico-group.png) no-repeat;
    display: inline-block;
    width: 65px;
    height: 48px;
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translate(-50%, 0);
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico01 {
    background-position: 0 0;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico02 {
    background-position: -64px 0;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico03 {
    background-position: -129px 0;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico04 {
    background-position: -192px 0;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico05 {
    background-position: -256px 0;
}

.section01 .tab-cont .check-box input[type=checkbox] + label .ico.ico06 {
    background-position: -320px 0;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico01 {
    background-position: 0 -61px;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico02 {
    background-position: -65px -61px;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico03 {
    background-position: -129px -61px;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico04 {
    background-position: -192px -61px;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico05 {
    background-position: -256px -61px;
}

.section01 .tab-cont .check-box input[type=checkbox]:checked + label .ico.ico06 {
    background-position: -320px -61px;
}

.section01 .info-wrap {
    margin-top: 40px;
    padding-left: 71px;
}

.section01 .info-wrap .item:first-of-type {
    margin-right: 80px;
}

.section01 .info-wrap,
.section01 .info-wrap .item {
    display: flex;
    align-items: center;
}

.section01 .info-wrap .tit {
    margin-right: 27px;
    font-size: 1.75rem;
    font-family: 'Jalnan';
    color: #173021;
    letter-spacing: -1px;
    white-space: nowrap;
}

.section01 .tab-cont.greenbg .btn-wrap {
    text-align: center;
    margin-top: 15px;
    width: 87%;
}

.section01 .tab-cont.greenbg .btn-wrap .btn {
    display: inline-block;
    min-width: 168px;
    padding: 20px 0;
    background: #3d50bf;
    border-radius: 600px;
    color: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.section01 .tab-cont.greenbg .btn-wrap .btn:hover {
    background: #f95050;
}

.section01 .tab-cont.greenbg .btn-wrap .btn span {
    position: relative;
    padding-left: 25px;
    font-size: 1.25rem;
}

.section01 .tab-cont.greenbg .btn-wrap .btn span:before {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 22px;
    background: url(/images/common/main/section01-search.png) no-repeat;
    content: "";
}

.section01 .tab-cont.greenbg .value {
    position: absolute;
    top: -40px;
    left: -19px;
    width: 70px;
    padding: 6px 0;
    text-align: center;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 600px;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Noto Sans Kr', sans-serif !important;
    outline: 0 !important;
}

.section01 .tab-cont.greenbg .price-range-both {
    width: 130px;
    max-width: 130px;
    top: -60px;
    left: 0%;
    margin-left: -45px;
}

.section01 .tab-cont.greenbg .price-range-both.on {
    min-width: 60px;
    margin-left: -60px;
}

.section01 .tab-cont.greenbg .value i {
    font-style: normal;
}

.section01 .tab-cont.greenbg .value:before {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 7px 0 7px;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
    border-style: solid;
    content: "";
}

.section01 .tab-cont.greenbg .range-both.value {
    width: 100px;
    margin: 0 0 0 -50px;
    top: 26px;
}

.section01 .tab-cont.greenbg .price-range-both {
    display: none;
}

.section01 .tab-cont.greenbg .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.section01 .tab-cont.greenbg .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    order: 0;
    background-position: 0 0;
}

.section01 .tab-cont.greenbg .ui-widget.ui-widget-content {
    width: 227px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 600px;
    min-width: 50px;
    height: 11px;
    border: 0;
}

.section01 .tab-cont.greenbg .ui-widget-header {
    background: #ed564f;
}

.section01 .tab-cont.greenbg .ui-state-default,
.section01 .tab-cont.greenbg .ui-widget-content .ui-state-default {
    width: 34px;
    height: 34px;
    border: 0;
    cursor: pointer;
    background: #fff url(/images/common/main/section01-rangeBar.png) no-repeat center;
    border-radius: 600px
}

.section01 .tab-cont.greenbg .ui-slider-horizontal .ui-slider-handle {
    top: -14px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26);
}

.section01 .tab-cont.greenbg .ui-slider .ui-slider-handle {
    z-index: 1;
    outline: 0;
}

.section01 .tab-cont.greenbg .ui-slider .ui-slider-handle:focus {
	outline: 2px solid #000;	
}

.section01 .tab-cont.bluebg {
    background: #0078df;
}

.section01 .tab-cont.bluebg .ui-widget-content,
.section01 .tab-cont.bluebg .ui-widget-header {
    background: transparent;
}

.section01 .tab-cont.bluebg .ui-widget-header {
    border: 0;
}

.section01 .tab-cont.bluebg .ui-widget.ui-widget-content {
    width: 100% !important;
    min-width: inherit;
    display: flex;
}

.section01 .tab-cont.bluebg .ui-datepicker .ui-datepicker-title {
    color: #fff;
}

.section01 .tab-cont.bluebg .inner {
    display: flex;
    max-width: 1400px;
    margin-left: 90px;
    position: relative;
}

.section01 .tab-cont.bluebg .ui-state-default,
.section01 .tab-cont.bluebg .ui-widget-content .ui-state-default {
    background: none;
    border: 0;
    color: #fff;
    font-family: 'Jalnan';
}

.section01 .tab-cont.bluebg .right-box {
    background: #2c4caf;
    padding: 28px 36px;
    width: 370px;
    border-radius: 30px;
}

.section01 .tab-cont.bluebg .right-box-group > li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.section01 .tab-cont.bluebg .right-box .label-name {
    color: #fff;
    font-family: 'Noto sans';
    font-weight: 600;
    font-size: 1.125rem;
    width: 95px;
}

.section01 .tab-cont.bluebg .right-box .dropdown {}

.section01 .tab-cont.bluebg .right-box .btn {
    background: #fff;
    color: #0282fa;
    width: 100%;
    padding: 15px 10px;
    line-height: 1px;
    border-radius: 10px;
    margin-top: 4px;
    font-size: 1.063rem;
    font-family: 'Noto Sans';
    font-weight: 700;
}

.section01 .tab-cont.bluebg .right-box .btn:hover {}

.section01 .tab-cont.bluebg .right-box .btn span {
    position: relative;
    padding-left: 25px;
}

.section01 .tab-cont.bluebg .right-box .btn span:before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(/images/common/main/section01-search-blue.png);
    content: "";
    position: absolute;
    left: 0;
}

.section01 .tab-cont.bluebg .right-box .ui-spinner-up {
    right: 0;
}

.section01 .tab-cont.bluebg .right-box .ui-spinner-down {
    left: 0;
    top: 0;
}

.section01 .tab-cont.bluebg .right-box .ui-spinner-button {
    width: 50px;
    min-width: inherit;
    max-width: inherit;
    border: 0 !important;
    position: relative;
    cursor: pointer;
    height: 100%;
    border-radius: 0;
    position: absolute
}

.section01 .tab-cont.bluebg .right-box .ui-spinner-down {
    border-right: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.section01 .tab-cont.bluebg .right-box .ui-spinner-up {
    border-left: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.section01 .tab-cont.bluebg .right-box input,
.section01 .tab-cont.bluebg .right-box select,
.section01 .tab-cont.bluebg .right-box .dropdown,
.section01 .tab-cont.bluebg .spinner-wrap {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    color: #fff;
    width: calc(100% - 95px);
    height: 44px;
}

.section01 .tab-cont.bluebg .spinner-wrap input {
    border: 0;
    margin: 0 50px;
    width: calc(100% - 100px);
    display: block;
    max-width: inherit;
    min-width: inherit;
    border-radius: 0;
    font-size: 1.125rem !important;
    height: 40px;
}

.section01 .tab-cont.bluebg .spinner-wrap input:focus {
    outline-offset: -2px;
}

.section01 .tab-cont.bluebg .right-box .dropdown {
    height: 47px;
}

.section01 .tab-cont.bluebg .dropdown-toggle {
    width: 100%;
    height: 100%;
    text-align: left;
    color: #fff;
    padding-left: 14px;
    font-size: 0.938rem;
}

.section01 .tab-cont.bluebg .dropdown-toggle .arr {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -3px;
}

.section01 .tab-cont.bluebg .dropdown-toggle .arr:after {
    content: "";
    display: block;
    border-top: 7px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.section01 .tab-cont.bluebg .ui-spinner-up:before {
    width: 2px;
}

.section01 .tab-cont.bluebg .ui-spinner-up:after {
    height: 2px;
}

.section01 .tab-cont.bluebg .ui-spinner-down:before {
    height: 2px;
}

.section01 .tab-cont.bluebg .ui-spinner-up:after,
.section01 .tab-cont.bluebg .ui-spinner-up:before,
.section01 .tab-cont.bluebg .ui-spinner-down:before {
    background: #fff;
}

/*bg picture*/
.section01 .cloud {
    background: url(/images/common/main/section01-cloud01.png);
    width: 5px;
    height: 5px;
}

.section01 .person01 {
    background: url(/images/common/main/section01-per01.png);
    width: 85px;
    height: 105px;
    top: -104px;
    left: 443px;
    z-index: 1;
}

.section01 .pic-txt {
    background: url(/images/common/main/section01-txt.png);
    width: 415px;
    height: 175px;
    left: -26px;
    top: -35px;
}

.section01 .bush {
    background: url(/images/common/main/section01-pic01.png);
    width: 725px;
    height: 455px;
    left: -11%;
    top: -225px;
}

.section01 .person02 {
    background: url(/images/common/main/section01-per02.png);
    width: 95px;
    height: 135px;
    top: -124px;
    right: 260px;
}

.section01 .person03 {
    background: url(/images/common/main/section01-per03.png);
    width: 335px;
    height: 305px;
    top: -270px;
    right: 20%;
}

.section01 .cloud01 {
    background: url(/images/common/main/section01-cloud01.png);
    width: 236px;
    height: 57px;
    top: -261px;
    left: 15%;
}

.section01 .cloud02 {
    background: url(/images/common/main/section01-cloud02.png);
    width: 236px;
    height: 57px;
    top: -231px;
    left: -180px;
}

.section01 .cloud03 {
    background: url(/images/common/main/section01-cloud03.png);
    width: 236px;
    height: 57px;
    top: -252px;
    right: -70px;
}

.section01 .bg {
    position: absolute;
    background-repeat: no-repeat;
}

/* datepicker 달력 */
.ui-icon {
    height: 20px;
}

.ui-datepicker .ui-datepicker-title {
    justify-content: center;
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    background: none;
    border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 9px 5px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 9px;
}

.ui-widget.ui-widget-content {
    min-width: 19em;
    border-radius: 20px;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    margin-top: 0;
}

.ui-widget-header .ui-icon {
    background-image: url(/images/common/main/section01-calarr-color.png);
    background-position: 0 0;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
    transform: rotate(180deg);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    width: 40px;
    height: 40px;
    line-height: 22px;
    background: #5e74ce;
    color: #fff;
    border-radius: 600px;
}

/*dualCal 이중달력 */
.section01 .tab-cont.greenbg .dualCal .daterangepicker {
    background: #2970db;
    top: 0 !important;
    border: 0;
}

.section01 .tab-cont.greenbg .dualCal .ranges {
    display: none;
}

.section01 .tab-cont.greenbg .dropdown-wrap > li .btn,
.section01 .tab-cont.greenbg .dropdown-wrap > li input {
    font-size: 1.2rem;
}

/*daterangepicker 달력 */
.daterangepicker {
    display: flex;
    width: 790px;
    position: relative;
    top: 0px;
    border-radius: 30px;
    margin-top: 1px;
    margin-right: 35px;
    border: 3px solid rgba(255, 255, 255, 0.32);
    overflow: hidden;
}

.daterangepicker:after {
    content: "";
    display: block;
    clear: both;
}

.daterangepicker .calendar {
    display: none;
    width: calc(100% / 2);
}

.daterangepicker .calendar.left {
    border-right: 2px solid rgba(255, 255, 255, 0.49);
}

.daterangepicker .calendar-table {
    border: 0;
    padding: 0;
    border-radius: 4px;
    background: transparent;
    overflow: hidden;
}

.daterangepicker .calendar-table td {
    position: relative;
    top: 5px;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    border: 1px solid transparent;
    background: transparent;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar thead tr:not(:first-of-type) {
    background: rgba(255, 255, 255, 0.18);
}

.daterangepicker .calendar th {
    font-family: 'Noto Sans';
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    text-align: center;
    color: #fff;
    height: 40px;
    padding: 0;
    font-size: 1rem;
}

.daterangepicker .calendar th.next,
.daterangepicker .calendar th.prev {
    cursor: pointer;
    background: url(/images/common/main/section01-calarr.png) no-repeat center;
}

.daterangepicker .calendar th.next {
    transform: rotate(180deg);
}

.daterangepicker .calendar th.mobile {
    display: none;
}

.daterangepicker .off {
    visibility: hidden;
}

.daterangepicker .calendar td {
    cursor: pointer;
    font-family: 'ttNorms';
    height: 38px;
}

.daterangepicker .in-range span {
    box-shadow: 0 0 0 transparent;
    background: none;
    position: relative;
    z-index: 999;
}

.daterangepicker .calendar td.start-date:after,
.daterangepicker .calendar td.end-date:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: inherit;
}

.daterangepicker th.month {
    width: auto;
    padding: 13px 0;
    font-size: 1.1rem;
    font-family: 'Jalnan';
}

.daterangepicker_input {
    display: none;
}

.daterangepicker td {
    position: relative;
}

.daterangepicker .today:after {
    display: none;
}

.daterangepicker .in-range,
.daterangepicker .today.in-range {
    border-color: transparent;
    border-radius: 0;
    border: 0
}

.daterangepicker span.start-date,
.daterangepicker span.end-date {
    border-color: transparent;
    color: #012fbf;
    background: #fff;
}

.daterangepicker td span.active {
    border-radius: 600px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 9;
}

.daterangepicker td span.active.end-date {
    background: #fff;
    border-radius: 600px;
}

.daterangepicker .calendar td.in-range:last-of-type:before {
    width: 80px;
}

.daterangepicker .calendar td.in-range.end-date:last-of-type:before {
    width: 60px;
}

.daterangepicker td span {
    display: inline-block;
    width: 42px;
    height: 40px;
    line-height: 40px;
}

.daterangepicker .calendar td.end-date.today,
.daterangepicker .calendar td.end-date {
    background: none
}

.daterangepicker .calendar td.in-range:before {
    content: "";
    display: block;
    width: 170%;
    height: 38px;
    position: absolute;
    left: -28px;
    top: 2px;
    background: #2b8fe4;
}

.daterangepicker .calendar td.in-range.end-date:before {
    width: 120%
}

@media(max-width: 1800px) {
    .section01 .tab-cont.greenbg:after {
        left: auto;
        right: 15px;
        bottom: 20px;
    }

    .section01 .tab-cont.bluebg .inner {
        margin-left: 8%;
    }

    .section01 .bush {
        left: -21%;
    }

    .section01 .person03 {
        right: 0;
    }

    .section01 .person01 {
        display: none;
    }

    .section01 .cloud02 {
        display: none;
    }

    .section01 .cloud03 {
        display: none;
    }

    .section01 .person02 {
        right: 370px;
    }
}

@media(max-width: 1500px) {
    .section01 .tab {
        margin-left: auto;
    }

    .section01 .reservation-wrap {
        margin-left: 15px;
    }

    .section01 .tab-cont .dropdown-wrap {
        padding-left: 145px;
    }

    .section01 .info-wrap {
        padding-left: 0px;
        transform: scale(0.9);
    }

    .section01 .info-wrap .item:first-of-type {
        margin-right: 29px;
    }

    .section01 .pic-txt {
        display: none;
    }

    .section01 .person01 {
        left: 12%;
        display: block;
    }

    .section01 .cloud03 {
        display: none;
    }

    .daterangepicker {
        margin-right: 15px;
    }
}

@media(max-width: 1200px) {
    .section01 .reservation-wrap {
        margin-left: 0;
    }

    .section01 .info-wrap {
        display: block;
        margin-top: 40px;
        padding-left: 0;
        transform: scale(1);
    }

    .section01 .info-wrap .item:first-of-type {
        margin-bottom: 94px;
    }

    .section01 .tab-cont {
        box-shadow: 0 0 0 transparent;
    }

    .section01 .tab-cont {
        padding: 35px 15px;
        border-radius: 0;
    }

    .section01 .tab-cont .inner {
        padding-top: 0;
    }

    .section01 .tab-cont .dropdown-wrap {
        padding-left: 0;
    }

    .section01 .tab-cont.bluebg {
        padding-left: 15px;
    }

    .section01 .tab-cont.bluebg .inner {
        margin-left: 0;
    }

    .section01 .pic-txt {
        display: none;
    }

    .section01 .bush {
        left: -350px;
        background-size: 100%;
        width: 70%;
    }

    .section01 .person01 {
        left: 15px;
    }

    .section01 .person02 {
        display: none;
    }
}

@media(max-width: 1024px) {
    .section01 .mVisual-tit {
        font-size: 1.75rem;
    }

    .section01 .mVisual-tit strong {
        font-size: 2.3rem;
    }

    .section01 .mVisual-tit span {
        padding-top: 11px;
    }

    .section01 .reservation-wrap {
        margin-left: 0;
    }

    .section01 .info-wrap .item {
        width: 100%;
    }

    .section01 .tab > li a {
        padding: 19px 0;
    }

    .section01 .tab-cont {
        width: 100%;
        border-radius: 0;
    }

    .section01 .tab-cont.greenbg:after {
        bottom: 30px;
    }

    .section01 .tab-cont.bluebg {
        padding: 15px;
    }

    .section01 .tab-cont.bluebg .inner {
        display: block;
    }

    .section01 .tab-cont.bluebg .daterangepicker {
        margin-right: 0;
        width: 100%;
    }

    .section01 .pic-txt {
        left: -17px;
        top: 46px;
        transform: scale(0.8);
    }

    .section01 .tab-cont.bluebg .right-box {
        width: 100%;
        margin-top: 10px;
    }

    .section01 .cloud01 {
        top: -240px;
        left: 0;
    }
}

@media(max-width: 780px) {
    .section01 {
        padding-top: 40px;
    }

    .section01 .info-wrap .tit {
        display: block;
        margin-bottom: 10px;
        font-size: 1.5rem;
    }

    .section01 .info-wrap .item:first-of-type {
        display: block;
        margin-bottom: 37px;
    }

    .section01 .tab {
        transform: scale(0.9);
    }

    .section01 .tab-cont.greenbg:after {
        display: none;
    }

    .section01 .tab-cont.greenbg .value {
        top: 42px;
    }



    .section01 .tab-cont.greenbg .btn-wrap {
        margin-top: 80px;
        width: 100%;
    }

    .section01 .tab-cont.greenbg .value:before {
        bottom: 28.9px;
        transform: rotate(180deg);
    }

    .section01 .tab-cont.greenbg .btn-wrap .btn {
        min-width: 136px;
        padding: 15px 0;
    }

    .section01 .tab-cont .dropdown-wrap {
        display: block;
        margin-top: 0;
        padding-top: 0;
    }

    .section01 .tab-cont .dropdown-wrap > li {
        width: 100%;
        margin-bottom: 5px;
        border-radius: 0;
        height: auto;
        background-position: 97% center;
        background-size: 29px;
        box-shadow: 0 0 0 transparent;
    }

    .section01 .tab-cont .dropdown-wrap > li:nth-child(1) {
        width: 100%;
    }

    .section01 .tab-cont .dropdown-wrap > li .dropdown-menu {
        border-radius: 0;
    }

    .section01 .tab-cont .dropdown-wrap > li .btn,
    .section01 .tab-cont .dropdown-wrap > li input {
        font-size: 1.3rem;
    }

    .section01 .tab-cont .dropdown-wrap > li .btn {
        padding: 20px 15px;
    }

    .section01 .tab-cont .dropdown-wrap > li input {
        padding: 19px 9px;
    }

    .section01 .tab-cont .checkbox-wrap {
        display: block;
    }

    .section01 .tab-cont .checkbox-wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .section01 .tab-cont .checkbox-wrap li {
        width: 49%;
        margin: 0;
        float: left;
    }

    .section01 .tab-cont .checkbox-wrap li:not(:last-child) {
        margin-right: 5px;
        margin-bottom: 4px;
    }

    .section01 .tab-cont .checkbox-wrap li:nth-child(even) {
        margin-right: 0px;
    }

    .section01 .tab-cont .check-box {
        width: 100%;
    }

    .section01 .tab-cont .check-box input[type=checkbox] + label {
        border-radius: 0;
    }

    .section01 .tab-cont .check-box {
        height: 72px;
    }

    .section01 .tab-cont .check-box input[type=checkbox] + label .ico {
        top: -3px;
        transform: translate(-50%, 0) scale(0.8);
    }

    .section01 .person01,
    .section01 .cloud03,
    .section01 .person02 {
        display: none;
    }

    .section01 .tab-cont.bluebg .daterangepicker {
        display: block;
    }

    .section01 .tab-cont.bluebg .daterangepicker .calendar {
        width: 100%;
        border-right: 0;
    }

    .section01 .tab-cont.bluebg .daterangepicker .calendar th.mobile {
        display: block;
    }

    .section01 .tab-cont.bluebg .right-box {
        padding: 20px;
        border-radius: 0;
    }

    .section01 .tab-cont.bluebg .right-box-group > li {
        display: block;
    }

    .section01 .tab-cont.bluebg .right-box input,
    .section01 .tab-cont.bluebg .right-box select,
    .section01 .tab-cont.bluebg .right-box .dropdown,
    .section01 .tab-cont.bluebg .spinner-wrap {
        width: 100%;
    }

    .section01 .tab-cont .check-box input[type=checkbox] + label {
        padding-top: 45px;
        font-size: 1rem;
    }

    .section01 .tab-cont .check-box input[type=checkbox]:checked + label:after {
        transform: scale(0.7);
        top: 18px;
        left: 15px;
    }

    .section01 .tab-cont .check-box input[type=checkbox]:checked + label {
        border: 1px solid #3848a1;
    }

    .section01 .person03 {
        background: url(/images/common/main/section01-pic01.png) no-repeat;
        background-size: 100%;
        width: 50%;
        top: -30px;
    }

    .section01 .cloud01 {
        display: none;
    }

    .ui-datepicker {
        width: 94% !important;
        padding: 0;
        left: 14px !important;
    }

    .ui-widget.ui-widget-content {
        min-width: 47em;
        border-radius: 0;
    }

    .section01 .tab-cont.greenbg .daterangepicker {
        display: block;
        width: 100%;
    }

    .section01 .tab-cont.greenbg .daterangepicker .calendar {
        width: 100%;
    }


}

@media(max-width: 480px) {
    .section01 .info-wrap .item:last-of-type {
        display: block;        
    }
}

/***section02***/
.section02 {
    width: 88%;
    min-height: 416px;
    margin: -220px 0 auto;
    padding-left: 275px;
    background: #3d50bf;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    padding: 262px 0 33px 0;
}

.section02 .section-tit {
    width: 320px;
    position: relative;
    padding-left: 120px;
    font-family: 'jalnan';
    font-size: 1.2rem;
    line-height: 31px;
    letter-spacing: 0px;
    margin-left: 10px;
}

.section02 .section-tit,
.section02 .section-tit span {
    color: rgba(255, 255, 255, 0.8);
}

.section02 .section-tit:after {
    width: 130px;
    height: 150px;
    background: url(/images/common/main/section02-char.png) no-repeat;
    position: absolute;
    top: -23px;
    left: -20px;
    content: "";
    display: block;
}

.section02 .section-tit span {
    display: block;
}

.section02 .section-tit .bubble {
    position: relative;
    margin-bottom: 15px;
}

.section02 .section-tit .bubble:after {
    width: 100%;
    height: 41px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/common/main/section02-bubble.png) no-repeat;
    content: "";
}

.section02 .section-tit .bubble i {
    display: block;
    width: 136px;
    position: relative;
    z-index: 9;
    padding: 9px 15px 8px 37px;
    font-size: 1.063rem;
    letter-spacing: 2px;
}

.section02 * {
    color: #fff
}

.section02 .inner {
    display: flex;
    padding-left: 10%;
}

.section02-list {
    width: calc(100% - 235px);
}

.section02-list:after {
    content: "";
    display: block;
    clear: both;
}

.section02-list li {
    margin-right: 5px;
    float: left;
    width: 16%;
    text-align: center;
}

.section02-list li span {
    position: relative;
    display: block;
    padding-top: 73px;
    font-size: 1.063rem;
}

.section02-list li span:after {
    width: 79px;
    height: 60px;
    background: url(/images/common/main/section02-ico.png) no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

.section02-list li span.ico01:after {
    background-position: 0 0;
}

.section02-list li span.ico02:after {
    background-position: -95px -5px;
}

.section02-list li span.ico03:after {
    background-position: -195px 0;
}

.section02-list li span.ico04:after {
    background-position: -265px -4px;
}

.section02-list li span.ico05:after {
    background-position: -334px 0;
}

.section02-list li span.ico06:after {
    background-position: -407px 0;
}

.section02-list li a:hover span.ico01:after {
    background-position: 0 -89px;
}

.section02-list li a:hover span.ico02:after {
    background-position: -95px -88px;
}

.section02-list li a:hover span.ico03:after {
    background-position: -195px -89px;
}

.section02-list li a:hover span.ico04:after {
    background-position: -265px -89px;
}

.section02-list li a:hover span.ico05:after {
    background-position: -334px -90px;
}

.section02-list li a:hover span.ico06:after {
    background-position: -407px -90px;
}

.section02-list li a span:after,
.section02-list li a:hover span.ico01:after {
    transition: all 0.3s ease;
}

.section02-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.section02-list li a:hover {}

@media(max-width: 1800px) {
    .section02 {
        width: 98%;
    }

    .section02 .inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 1200px) {
    .section02 {
        width: 100%;
        border-radius: 0;
    }

    .section02 .section-tit:after {
        transform: scale(0.8);
    }

    .section02-list li {
        width: calc((100% - 45px) / 6);
    }
}

@media(max-width: 1024px) {
    .section02 .inner {
        display: block;
    }

    .section02 .section-tit {
        margin: 0 auto;
        margin-bottom: 26px;
    }

    .section02 .section-tit .bubble {
        margin-bottom: 7px;
    }

    .section02-list {
        width: 100%;
    }

    .section02-list li span {
        font-size: 1rem;
        padding-top: 68px;
        margin-bottom: 11px;
    }
}

@media(max-width: 780px) {
    .section02-list li {
        width: 32%;
    }
}

@media(max-width: 480px) {
    .section02-list li {
        width: 47%;
    }
}

/***section03, section04***/
.section-wrap {
    padding: 50px 0;
}

.section-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.section-wrap section {
    float: left;
}

.section-wrap .section-tit {
    font-family: 'jalnan';
    font-size: 1.625rem;
    padding-bottom: 25px;
}

.section03 {
    width: calc(100% - 568px);
    margin-right: 98px;
}

.section03 .tit-wrap {
    position: relative;
}

.section03 .tit-wrap .more {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px;
    box-shadow: 2px 3px 12px rgba(0, 0, 0, 0.29);
    border-radius: 600px;
}

.section03 .tit-wrap .more i {
    background: url(/images/common/main/section03-more.png) no-repeat center;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    transition: all 0.3s ease;
}

.section03 .tit-wrap .more:hover i,
.section03 .tit-wrap .more:focus i {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.section03 ul:after {
    content: "";
    display: block;
    clear: both;
}

.section03 ul li {
    display: flex;
    width: 50%;
    float: left;
    align-items: center;
}

.section03 ul li:nth-child(-n+2) {
    margin-bottom: 10px;
}

.section03 ul li:after {
    content: "";
    display: block;
    clear: both;
}

.section03 ul li a {
    display: inline-block;
    width: 330px;
    height: 47px;
    font-size: 1.125rem;
    color: #000;
    padding: 0 14px;
    overflow: hidden;
    line-height: 24px;
    font-weight: 600;
}

.section03 ul li a:hover,
.section03 ul li a:focus {
    text-decoration: underline;
}

.section03 ul li .date {
    display: block;
    background: #eff3f8;
    width: 76px;
    height: 68px;
    border-radius: 10px;
    color: rgba(85, 85, 85, 0.86);
    text-align: center;
    padding: 13px 17px;
    font-size: 0.5rem;
}

.section03 ul li .date strong {
    font-size: 1.8rem;
    color: #f6525c;
    display: block;
    margin-bottom: 3px;
}

.section03 ul li .date,
.section03 ul li .date strong {
    font-family: 'ttNorms';
}

.section04 {
    width: 468px;
    margin-right: 0px;
}

.section04 .tit-wrap {
    position: relative;
}

.section04 .tit-wrap .controls-wrap {
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    background: #e9ecf3;
    border-radius: 600px;
    display: flex;
}

.section04 .img-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

.section04 .img-wrap:focus {
    outline-offset: -2px;
}

.section04 .controls-wrap .btn {
    height: 100%;
}

.section04 .controls-wrap .btn.prev {
    background-position: 11px 4px;
}

.section04 .controls-wrap .btn.next {
    background-position: 0 2px;
    transform: rotate(180deg);
}

.section04 .controls-wrap .btn.prev,
.section04 .controls-wrap .btn.next {
    width: 33px;
}

.section04 .controls-wrap .btn.prev i,
.section04 .controls-wrap .btn.next i {
    display: inline-block;
    width: 8px;
    height: 13px;
    background: url(/images/common/main/section04-arr.png) no-repeat;
}

.section04 .ply-btn {
    background: #fff;
    height: 37px;
    border-radius: 600px;
    width: 37px;
    box-shadow: 4px 1px 11px rgb(0 0 0 / 16%);
}

.section04 .ply-btn .btn {
    width: 100%;
    position: relative;
}

.section04 .ply-btn .btn i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -5px;
}

.section04 .ply-btn .stop i {
    background: url(/images/common/main/section04-stop.png) no-repeat;
}

.section04 .ply-btn .play i {
    background: url(/images/common/main/section04-play.png) no-repeat;
}

.ply-btn.on .play,
.ply-btn .stop {
    display: block;
}

.ply-btn.on .stop,
.ply-btn .play {
    display: none;
}

@media(max-width: 1024px) {
    .section-wrap section {
        float: none;
    }

    .section03,
    .section04 {
        width: 100%;
    }

    .section04 {
        margin-top: 35px;
    }

    .section04 img {
        width: 100%;
    }
}

@media(max-width: 780px) {
    .section-wrap {
        padding: 36px 0;
    }
}

@media(max-width: 480px) {
    .section03 ul li {
        width: 100%;
        float: none;
    }
    
	.section03 ul li:nth-child(3) {
        margin-bottom: 10px;
    }
}

/***section05***/
.section05 {}

.tab-bg00 {
    background:#B2ECE5 ;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg01 {
    background: #A6E45C;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg02 {
    background: #F5C6DE;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg03 {
    background: #87DADC;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg04 {
    background: #AFD4EF;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg05 {
    background: #F5E573;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.tab-bg06 {
    background: #C1C7F4;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg07 {
    background: #7AD58E;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg08 {
    background: #D2BCEF;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.tab-bg09 {
    background: #F6CDE2;
    background-image: url(/images/common/main/section05-bg02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.section05 .tit-wrap {
    padding: 70px 0 85px;
}

.section05 .tit-wrap h2 strong {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 11px 0;
    background: #59d061;
    border-radius: 600px;
    color: #fff;
    font-size: 1.875rem;
    text-align: center;
    vertical-align: middle;
}

.section05 .tit-wrap h2 i {
    position: relative;
    font-style: normal;
}

.section05 .tit-wrap h2 i:after {
    width: 29px;
    height: 35px;
    background: url(/images/common/main/section05-leaf.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: -33px;
}

.section05 .tab-wrap {
    min-height: 550px;
    background-position: -60px 280px;
}

.section05 .tab-wrap .layout::after {
	content: '';
	display: block;
	clear: both;	
}

.section05 .tab {
    display: flex;
    justify-content: center;
    position: relative;
    top: -55px;
    width: 95%;
    border-radius: 60px;
    margin: 0 auto;
    background: #fff;
}

.section05 .tab li {
    width: 9.8%;
    height: 70px;
    font-family: 'jalnan';
}

.section05 .tab li:not(:last-of-type) {}

.section05 .tab li:last-child {
    margin-right: 10px;
}

.section05 .tab li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* padding-top: 2px; */
    padding-left: 15px;
    font-size: 1.125rem;
}

.section05 .tab li:nth-child(6) a {
}

.section05 .tab li a:hover {}

.section05 .tab li.active {
    border-radius: 50px;
    margin-top: 8px;
    margin-left: 10px;
    height: 55px;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
    background-size: 30% 63%;
    background-position: 16px 12px;
    position: relative;
}

.section05 .tab li:nth-child(1).active {
    background:#65bfb4;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    position: relative;
}


.section05 .tab li:nth-child(2).active {
    background: #77b829 ;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    position: relative;
}
.section05 .tab li:nth-child(3).active {
    background: #e480b4;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
    
     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(4).active {
    background: #4bbec1;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
   
     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(5).active {
    background: #7eaed1;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;

     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(6).active {
    background: #a89f60;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
     background-position: 6px 11px;
    position: relative;
}


.section05 .tab li:nth-child(7).active {
    background: #8d95d1;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
    background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(8).active {
    background: #49b260;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(9).active {
    background: #b090dc;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li:nth-child(10).active {
    background: #cd84a9;
    background-image: url(/images/common/main/section05_check.png);
    background-repeat: no-repeat;
     background-position: 10px 11px;
    position: relative;
}

.section05 .tab li.active a {
    color: #fff;
}

.section05 .tab li.active01 {}

.section05 .tab-cont02 {
    position: relative;
}



.section05 .slide-tit * {
    font-family: 'jalnan';
}

.section05 .slide-tit strong {
    font-size: 1.875rem;
    color: #000;
}

.section05 .slide-tit p {
    font-size: 1.25rem;
    color: #444;
    margin-top: 15px;
}

.section05 .slider-section05 {
    position: relative;
    width: 97%;
    float: right;
}

.section05 .slider-section05 .slide {
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 2px 20px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
    padding: 0px 0px 15px;
}

.section05 .slider-section05 .slide .slide_img {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	position: relative;
	padding-top: 70%;
	margin-bottom: 20px;
}

.section05 .slider-section05 .slide .slide_img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	min-width: 100%;
	max-width: none;
}

.section05 .slider-section05 .slide .slide_img > img:nth-child(2) {
    height: 200px;
}

.section05 .slider-section05 .slide:hover {
    box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.31);
    transition: all 0.3s ease;
}

.section05 .slider-section05 .slide .btn-wrap .btn:hover {
    background: #00a684;
    color: #fff;
}

.btn_mt {
    margin-top: 14px;
}

.section05 .slider-section05 .slide .slide_info {
    padding: 0px 20px 15px;
}

.section05 .slider-section05 .slide .slide_info > span {
    color: #017c8a;
    font-weight: 600;
    padding: 20px 10px 10px;
}

.section05 .slider-section05 .slide .slide_info > ul {
    margin-top: 15px;
}

.section05 .slider-section05 .slide .slide_info > ul > li {
    color: #444;
    font-size: 0.875rem;
    margin-left: 10px;
}

.section05 .slider-section05 .slide .slide_info > ul > li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section05 .slider-section05 .slide .slide_info > ul > li .ico {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background: url(/images/common/main/section05-group.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.section05 .slider-section05 .slide .slide_info > ul > li .ico02 {
    background-position: 0 -25px;
}

.section05 .slider-section05 .slide .slide_info > ul > li .ico03 {
    background-position: 0 -49px;
}

.section05 .slider-section05 .slide .item-tit {
    display: block;
    margin-top: 8px;
    font-size: 1.375rem;
    color: #444;
}

.section05 .slider-section05 .slide > span,
.section05 .slider-section05 .slide .item-tit,
.section05 .slider-section05 .slide > ul {
    padding: 0 10px;
}

.section05 .slider-section05 .slick-slide {
    margin-right: 35px;
}

.section05 .slider-section05 .slick-list {
    margin-right: 20px;
    padding: 0px 0;
    margin-top: -20px;
    min-height: 450px;
	padding-bottom: 50px;
}

.section05 .slider-section05 .slide .btn-wrap .btn {
    width: 49%;
    min-height: 50px;
    padding: 14px 0;
    background: #e0e1e5;
    text-align: center;
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: -1px;
}

.section05 .slider-section05 .slide .btn-wrap .btn-left {
    border-bottom-left-radius: 10px;
    border-right: 1px solid #bfbfc3;
}

.section05 .slider-section05 .slide .btn-wrap .btn-right {
    border-top-right-radius: 10px;
}

.section05 .slider-section05 .slick-arrow {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 600px;
    text-indent: -9999px;
    position: absolute;
    box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.17);
    z-index: 9;
    top: 50%;
    margin-top: -65px;
    background: #fff url(/images/common/main/section05-arr.png) no-repeat center;
}

.section05 .slider-section05 .slick-prev {
    left: -24px;
    margin-left: -5px;
}

.section05 .slider-section05 .slick-next {
    right: 20px;
    transform: rotate(-180deg);
}

.section05 .slider-section05 .slick-arrow:hover,
.section05 .slider-section05 .slick-arrow:focus {
    background-color: #00a684;
    background-image: url(/images/common/main/section05-arr-hover.png);
}

@media(max-width: 1024px) {
    .section05 .tab-wrap {
        padding: 5px 0 20px;
        background-image: none;
        min-height: auto;
    }

    .section05 .slide-tit {
        display: block;
        margin-bottom: 25px;
    }

    .section05 .slide-tit p br {
        display: none;
    }

    .section05 .slide-tit,
    .section05 .slide-tit p {
        text-align: center;
    }

    .section05 .slider-section05 {
        width: 90%;
        float: none;
    }

    .section05 .slider-section05 .slick-list {
        margin-right: 0;
        margin-left: 20px;
        padding-bottom: 30px;
    }
	
	.section05 .slider-section05 .slide .slide_img {
		margin: 10px 10px 30px 10px;
	}

    .section05 .slider-section05 {
        width: 95%;
        margin: 0 auto;
    }

    .section05 .tab-cont02:after {
        bottom: 400px;
        transform: scale(0.6) translate(-36px, 64px);
    }

    .section05 .slider-section05 .slick-next {
        right: -10px;
    }

    .section05 .tab li {
        width: 11%;
        height: 50px;
        font-family: 'jalnan';
    }

    .section05 .tab li a {
        font-size: 15px;
    }

    .section05 .tab li:nth-child(6) a{
        padding-left: 15px;
    }
    .section05 .tab li.active {
        height: 40px;
        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }
    
    .section05 .tab li:nth-child(1).active {
        height: 40px;
        background-size: 30% 60%;
        background-position: 9px 9.5px;
        margin-top: 5px;
    }

    .section05 .tab li:nth-child(2).active {
        height: 40px;
        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(2).active {
        height: 40px;
 
        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(3).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(4).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(5).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(6).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 4px 9.5px;
    }

    .section05 .tab li:nth-child(7).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(8).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(9).active {
        height: 40px;

        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(10).active {
        height: 40px;
        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }

    .section05 .tab li:nth-child(11).active {
        height: 40px;
        background-size: 30% 60%;
        background-position: 9px 9.5px;
    }
}

@media(max-width: 780px) {
    .section05 .tab-wrap {
        padding: 0 0 20px 0;
    }

    .section05 .tab li:nth-child(6) a {
        padding-left: 0;
    }

    .section05 .tit-wrap {
        padding: 40px 0 32px 0;
    }

    .section05 .tab {
        display: block;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
        border-radius: 0;
    }

    .section05 .tab li {
        width: 100%;
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 0;
        border: 1px solid #ddd;
    }

    .section05 .tab li a {
        padding: 9px 0;
        font-size: 1rem;
    }

    .section05 .tab-cont02 {
        margin-top: -23px;
    }

    .section05 .slider-section05 .slide {
        margin-top: 60px;
    }

    .section05 .tab-cont02:after {
        display: none;
    }

    .section05 .slider-section05 .slick-prev {
        left: -18px;
    }

    .section05 .slider-section05 .slick-next {
        right: -10px;
    }

    .section05 .tab li.active {
        margin: 0;
        border-radius: 0;
    }

    .section05 .tab li.active {
        background-image: none;
    }
     .section05 .tab li:nth-child(1).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(2).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(3).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(4).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(5).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(6).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(7).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(8).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(9).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(10).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(11).active {
        background-image: none;
    }

    .section05 .tab li:nth-child(12).active {
        background-image: none;
    }

    .section05 .tab .drop_M {
        display: none;
    }

    .section05 .tab {
        height: auto;
    }

    .section05 .tab li:nth-child(5) a {
        padding-left: 0;
    }

    .section05 .tab {
        top: 0;
    }

    .secton05-tab {
        padding: 0 !important;
    }
}

@media(max-width: 690px) {
    .section05 {
        margin-top: 50px;
        background-image: none;
    }
}

@media screen and (min-width:640px) and (max-width:1199px) {}

@media screen and (max-width:639px) {}

/***section06 ***/
.section06 .layout > .tit-wrap {
    padding: 60px 0 41px 0;
}

.section06-cont {
    display: flex;
    align-items: center;
}

.section06 .map-wrap {
    position: relative;
    width: 620px;
    min-height: 510px;
    margin-right: 55px;
    letter-spacing: -.03em;
    flex-shrink: 0;
}

.section06 .map-wrap:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/common/main/section06-map.png) no-repeat center;
    position: absolute;
    z-index: -9;
}

.section06 .map-wrap li {
    border-width: 2px;
    font-size: 0.875rem;
    border-style: solid;
    border-radius: 600px;
    position: absolute;
    background: #fff;
}

.section06 .map-wrap li.active,
.section06 .map-wrap li:hover,
.section06 .map-wrap li:focus {
    background: #00c135;
    border: 2px solid #00c135;
    box-shadow: 5px 2px 15px rgba(0, 193, 53, 0.32);
}

.section06 .map-wrap li.active a,
.section06 .map-wrap li:hover a,
.section06 .map-wrap li:focus a {
    color: #fff;
    font-size: 1rem;
    padding: 5px 14px;
}

.section06 .map-wrap li a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 600px;
}

.section06 .map-wrap .line-lBlue {
    border-color: #29baea;
}

.section06 .map-wrap .line-dBlue {
    border-color: #0e59d5;
}

.section06 .map-wrap .line-lGreen {
    border-color: #49db72;
}

.section06 .map-wrap .line-dGreen {
    border-color: #018626;
}

.section06 .map-wrap .line-purple {
    border-color: #6060f4;
}

.section06 .map-wrap .line-lBlue:after {
    background-color: #29baea;
}

.section06 .map-wrap .line-dBlue:after {
    background-color: #0e59d5;
}

.section06 .map-wrap .line-lGreen:after {
    background-color: #49db72;
}

.section06 .map-wrap .line-dGreen:after {
    background-color: #018626;
}

.section06 .map-wrap .line-purple:after {
    background-color: #6060f4;
}

.section06 .map-wrap .line-lBlue:before {
    background-position: -32px 0;
}

.section06 .map-wrap .line-dBlue:before {
    background-position: -62px 0;
}

.section06 .map-wrap .line-lGreen:before {
    background-position: -125px 0;
}

.section06 .map-wrap .line-dGreen:before {
    background-position: -95px 0;
}

.section06 .map-wrap .line-purple:before {
    background-position: 0 0;
}

.section06 .map-wrap li.item01 {
    left: 400px;
    top: -3px;
}

.section06 .map-wrap li.item02 {
    left: 415px;
    top: 41px;
}

.section06 .map-wrap li.item03 {
    left: 443px;
    top: 85px;
}

.section06 .map-wrap li.item04 {
    left: 461px;
    top: 160px;
}

.section06 .map-wrap li.item05 {
    left: 464px;
    top: 200px;
}

.section06 .map-wrap li.item06 {
    left: 459px;
    top: 245px;
}

.section06 .map-wrap li.item07 {
    left: 457px;
    top: 288px;
}

.section06 .map-wrap li.item08 {
    left: 432px;
    top: 351px;
}

.section06 .map-wrap li.item09 {
    left: 385px;
    bottom: 50px;
}

.section06 .map-wrap li.item10 {
    left: 260px;
    bottom: 34px;
}

.section06 .map-wrap li.item11 {
    right: 479px;
    bottom: 132px;
}

.section06 .map-wrap li.item12 {
    right: 465px;
    bottom: 185px;
}

.section06 .map-wrap li.item13 {
    right: 463px;
    top: 237px;
}

.section06 .map-wrap li.item14 {
    right: 450px;
    top: 191px;
}

.section06 .map-wrap li.item15 {
    right: 455px;
    top: 147px;
}

.section06 .map-wrap li.item16 {
    right: 417px;
    top: 82px;
}

.section06 .map-wrap li.item17 {
    right: 411px;
    top: 41px;
}

.section06 .map-wrap li.item18 {
    right: 475px;
    bottom: 80px;
    letter-spacing: -.05em;
}

.section06 .map-wrap li.item19 {
    right: 40px;
    bottom: 88px;
    letter-spacing: -.05em;
}

.section06 .map-wrap li .ico {
    display: inline-block;
    position: absolute;
    z-index: -8;
    background-image: url(/images/common/main/section06-locate.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 19px;
    bottom: -35px;
}

.section06 .map-wrap li.line-lBlue .ico {
    background-position: -31px 0;
}

.section06 .map-wrap li.line-dBlue .ico {
    background-position: -63px 0;
}

.section06 .map-wrap li.line-lGreen .ico {
    background-position: -126px;
}

.section06 .map-wrap li.line-dGreen .ico {
    background-position: -95px 0;
}

.section06 .map-wrap li.line-purple .ico {
    background-position: 0 0;
}

.section06 .map-wrap li.line-lBlue .ico:before {
    background: #29baea;
}

.section06 .map-wrap li.line-dBlue .ico:before {
    background: #0e59d5;
}

.section06 .map-wrap li.line-lGreen .ico:before {
    background: #49db72;
}

.section06 .map-wrap li.line-dGreen .ico:before {
    background: #018626;
}

.section06 .map-wrap li.line-purple .ico:before {
    background: #7a7af2;
}

.section06 .map-wrap li.item01 .ico {
    left: -99px;
    bottom: -50px;
}

.section06 .map-wrap li.item02 .ico {
    left: -29px;
    top: 36px;
}

.section06 .map-wrap li.item03 .ico {
    left: -99px;
    top: 17px;
}

.section06 .map-wrap li.item04 .ico {
    left: -127px;
    top: -11px;
}

.section06 .map-wrap li.item05 .ico {
    left: -99px;
    top: -14px;
}

.section06 .map-wrap li.item06 .ico {
    left: -111px;
    top: 17px;
}

.section06 .map-wrap li.item07 .ico {
    left: -86px;
    top: 17px;
}

.section06 .map-wrap li.item08 .ico {
    left: -17px;
    top: -25px;
}

.section06 .map-wrap li.item09 .ico {
    left: -36px;
    top: -123px;
}

.section06 .map-wrap li.item10 .ico {
    left: -30px;
    top: -99px;
}

.section06 .map-wrap li.item11 .ico {
    right: -52px;
    top: 22px;
}

.section06 .map-wrap li.item12 .ico {
    right: -52px;
    top: 34px;
}

.section06 .map-wrap li.item13 .ico {
    right: -118px;
    top: 9px;
}

.section06 .map-wrap li.item14 .ico {
    right: -128px;
    top: 43px;
}

.section06 .map-wrap li.item15 .ico {
    right: -70px;
    top: 35px;
}

.section06 .map-wrap li.item16 .ico {
    right: -85px;
    top: 15px;
}

.section06 .map-wrap li.item17 .ico {
    right: -102px;
    top: 53px;
}

.section06 .map-wrap li.item18 .ico {
    right: -65px;
    top: -20px;
}

.section06 .map-wrap li.item19 .ico {
    right: 170px;
    top: -30px;
}

.section06 .map-wrap li .ico:before {
    width: 1.5px;
    height: 50px;
    position: absolute;
    content: "";
    display: block;
    height: 107px;
    z-index: -9;
}

.section06 .map-wrap li.item01 .ico:before {
    top: -68px;
    left: 60px;
    transform: rotate(65deg);
}

.section06 .map-wrap li.item02 .ico:before {
    top: -30px;
    left: 25px;
    transform: rotate(50deg);
    height: 39px;
}

.section06 .map-wrap li.item03 .ico:before {
    top: -52px;
    left: 65px;
    transform: rotate(80deg);
}

.section06 .map-wrap li.item04 .ico:before {
    top: -45px;
    left: 75px;
    transform: rotate(95deg);
    height: 125px;
}

.section06 .map-wrap li.item05 .ico:before {
    top: -35px;
    left: 65px;
    transform: rotate(100deg);
}

.section06 .map-wrap li.item06 .ico:before {
    top: -52px;
    left: 65px;
    transform: rotate(85deg);
}

.section06 .map-wrap li.item07 .ico:before {
    top: -56px;
    left: 65px;
    transform: rotate(75deg);
}

.section06 .map-wrap li.item08 .ico:before {
    top: 10px;
    left: 25px;
    transform: rotate(135deg);
    height: 39px;
}

.section06 .map-wrap li.item09 .ico:before {
    top: 11px;
    left: 29px;
    transform: rotate(163deg);
    height: 139px;
}

.section06 .map-wrap li.item10 .ico:before {
    top: 11px;
    left: 28px;
    transform: rotate(160deg);
}

.section06 .map-wrap li.item11 .ico:before {
    top: -42px;
    left: -35px;
    transform: rotate(106deg);
    height: 78px;
}

.section06 .map-wrap li.item12 .ico:before {
    top: -45px;
    left: -25px;
    transform: rotate(125deg);
    height: 65px;
}

.section06 .map-wrap li.item13 .ico:before {
    top: -81px;
    left: -85px;
    transform: rotate(94deg);
    height: 175px;
}

.section06 .map-wrap li.item14 .ico:before {
    top: -100px;
    left: -80px;
    transform: rotate(107deg);
    height: 168px;
}

.section06 .map-wrap li.item15 .ico:before {
    top: -53px;
    left: -34px;
    transform: rotate(117deg);
    height: 81px;
}

.section06 .map-wrap li.item16 .ico:before {
    top: -37px;
    left: -39px;
    transform: rotate(97deg);
    height: 81px;
}

.section06 .map-wrap li.item17 .ico:before {
    top: -66px;
    left: -41px;
    transform: rotate(115deg);
    height: 99px;
}

.section06 .map-wrap li.item18 .ico:before {
    top: -15px;
    left: -35px;
    transform: rotate(70deg);
    height: 78px;
}

.section06 .map-wrap li.item19 .ico:before {
    top: 5px;
    left: 20px;
    transform: rotate(-40deg);
    height: 40px;
}

.section06 .map-result {
    position: relative;
}

.section06 .map-result * {
    color: #fff;
}

.section06 .map-result .tit-wrap {
    width: 100%;
}

.section06 .map-result {
    padding: 69px 107px 59px 146px;
    width: calc(100% - 636px);
    min-height: 390px;
    background: #2b5baa url(/images/common/main/section06-shabeBg.png) no-repeat right -90px;
    border-top-left-radius: 199px;
    border-bottom-left-radius: 199px;
    border-top-right-radius: 130px;
    border-bottom-right-radius: 10px;
}

.section06 .map-result .tit {
    position: relative;
    display: block;
    font-size: 1.75rem;
    font-family: 'Jalnan';
    margin-bottom: 8px;
}

.section06 .map-result .home-link {
    width: 37px;
    height: 37px;
    background: #1f417a url(/images/common/main/section06-homepng.png) no-repeat center;
    border-radius: 600px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.section06 .map-result .home-link:hover {
    background-color: #00c135;
}

.section06 .map-result .address-txt {
    opacity: 0.7;
    font-weight: 100;
}

.section06 .map-result .photo-wrap {
    position: absolute;
    right: -103px;
    top: -66px;
}

.section06 .map-result .weather-info {
    display: flex;
    margin-top: 25px;
}

.section06 .map-result .weather-info > div {
    width: 41%;
}

.section06 .map-result .weather-big .txt {
    display: inline-block;
    width: 83px;
    vertical-align: middle;
}

.section06 .map-result .weather-ico {
    position: relative;
    top: -9px;
    margin-left: 10px;
}

.section06 .map-result .weather-big * {
    font-family: 'Jalnan';
}

.section06 .map-result .weather-big strong {
    font-size: 1.9rem;
    display: block;
    white-space: nowrap;
    letter-spacing: 3.5px;
    text-align: center;
}

.section06 .map-result .weather-big span {
    font-size: 1.1rem;
    display: block;
    margin-top: 7px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

.section06 .map-result .weather-small li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}

.section06 .map-result .weather-small li:before {
    display: block;
    position: absolute;
    left: 0;
    width: 29px;
    height: 29px;
    background: url(/images/common/main/section06-weather02.png) no-repeat;
    content: "";
}

.section06 .map-result .weather-small li.state-wind:before {
    background-position: 0 -35px;
}

.section06 .map-result .weather-info-txt {
    margin-top: 15px;
    opacity: 0.7;
    font-weight: 100;
    font-size: 0.9rem;
    line-height: 22px;
    width: 440px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 150px;
    display: block;
    word-break: keep-all;
    text-align: left;
}

.section06 .map-result .section06-char {
    position: absolute;
    left: -30px;
    bottom: -40px;
    width: 170px;
    height: 200px;
    background: url(/images/common/main/section06-char.png) no-repeat;
}

@media(max-width: 1500px) {
    .section06 .map-wrap {
        /* width: 784px; */
        margin-right: 0;
    }

    .section06 .map-result {
        width: calc(100% - 620px);
        padding: 41px 10px 41px 98px;
        border-radius: 0;
        min-height: inherit;
    }

    .section06 .map-result .photo-wrap {
        right: 0;
    }
    
    .section06 .map-result .section06-char{
        left: -67px;
    }
    
    
}

@media(max-width: 1200px) {
    .section06-cont {
        display: block;
    }

    .section06 .layout > .tit-wrap {
        padding: 44px 0;
    }

    .section06 .map-wrap {
        width: 640px;
        margin: 0 auto;
    }

    .section06 .map-result {
        width: 100%;
        padding: 35px 35px;
    }

    .section06 .map-result .section06-char {
        display: none;
    }

    .section06 .map-result .weather-info > div {
        width: 31%;
    }
    
    .section06 .map-result .weather-info-txt {
        width: 100%;
        height: auto;
    }

}

@media(max-width: 780px) {
    .section06 .map-result .photo-wrap {
        width: 34%;
        right: -20px;
        top: 0;
    }

    .section06 .map-result .tit-wrap {
        width: 100%;
    }

    .section06 .map-wrap {
        width: 100%;
        background: rgba(43, 91, 170, 0.09);
        min-height: inherit;
        margin-bottom: 25px;
        padding: 17px 15px;
    }

    .section06 .map-wrap:before {
        display: none;
    }

    .section06 .map-wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .section06 .map-wrap li {
        position: static;
        min-width: calc((100% - 4px) / 2);
        border-radius: 0;
        margin-bottom: 3px;
        margin-right: 3px;
        float: left;
    }

    .section06 .map-wrap li:nth-child(even) {
        margin-right: 0;
    }

    .section06 .map-wrap li .ico {
        display: none;
    }

    .section06 .map-wrap li a {
        border-radius: 0;
    }

    .char {
        display: none;
    }

    .link-color ul li a:hover {
        background: #00c135;
        color: #fff;
    }

    .link-color > ul > li > a.on,
    .link-color > ul > li > a.on:hover {
        background: #00c135 !important;
        border: none;
    }

    .link-color > ul > li > a {
        border-style: none !important;
    }

    .link-color > ul > li {
        border-bottom: 1px solid #fff;
    }


}

@media(max-width: 480px) {
    .section06 .map-wrap li {
        min-width: 100%;
    }

    .section06 .map-result .photo-wrap {
        display: none;
    }

    .section06 .map-result .weather-info {
        display: block;
    }

    .section06 .map-result .weather-info > div {
        width: 100%;
    }

    .section06 .map-result .weather-small {
        display: flex;
    }

    .section06 .map-result .weather-small li:last-of-type {
        margin-left: 15px;
    }

    .char {
        display: none;
    }

    .section06 .map-result .tit {
        font-size: 23px;
    }


}

/* 배너 */
.banner_bottom {
    margin-top: 0px;
    height: 100px;
    position: relative;
    background: #fff;
    border-top: 1px solid #acaeb2;
}

.banner_slide {
    width: 95%;
    height: 100%;
    margin-left: -20px;
    margin-right: 0px;
}

.banner_bottom .banner_slide .slide {
    height: 100%;
    margin-top: 10px;
}

.banner_slide .slick-list {
    width: 100%;
    height: 100%;
}

.banner_slide .img-wrap {
    width: auto !important;
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner_slide .slide .img-wrap > img {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 6px;
}

.banner_slide .slick-slide {
    height: 70px;
    display: flex;
	align-items: center;
}

.wrapper .controls-wrap {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 13px;
}

.wrapper {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.wrapper .controls-wrap .btn {
    height: 100%;
}

.wrapper .controls-wrap .btn.prev,
.wrapper .controls-wrap .btn.next {
    width: 45px;
}

button:active,
button:focus {
    /* outline: none !important;
    border: none !important; */
}

.wrapper .controls-wrap .btn.prev i {
    background: url('/images/common/main/banner_arr_left.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center center;
}

.wrapper .controls-wrap .btn.next i {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('/images/common/main/banner_arr_right.png');
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (min-width:640px) and (max-width:1199px) {
    .banner_bottom {
        margin-top: 0px;
        height: 100px;
        position: relative;
        border-top: 1px solid #acaeb2;
    }

    .banner_slide {
        width: 85%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .banner_slide .slide .img-wrap > img {
        margin: 0 auto;
        position: relative;
        margin-top: -3px;
    }

    .banner_slide .img-wrap {
        width: 100%;
    }

    .wrapper .controls-wrap .btn.prev i {
        width: 45px;
    }

    .wrapper .controls-wrap {
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }    
}

@media screen and (max-width:639px) {
    .banner_slide {
        width: 78%;
        height: 100%;
        margin: 0 auto;
    }

    .wrapper .controls-wrap {
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .banner_slide .img-wrap {
        width: 100%;
    }

    .banner_bottom .banner_slide .slide {
        height: 100%;
        margin: 0 auto;
    }

    .banner_bottom {
        height: 100px;
    }

    .wrapper .controls-wrap .btn.prev i {
        width: 40px;
        height: 40px;
        background-position: center center;
        background-size: 70%
    }

    .wrapper .controls-wrap .btn.next i {
        width: 40px;
        height: 40px;
        background-position: center center;
        background-size: 70%;
    }

    .banner_bottom .layout {
        width: 100%;
        padding: 0;
    }

    .wrapper .controls-wrap .btn.prev,
    .wrapper .controls-wrap .btn.next {
        width: 40px;
    }
}

/* scroll section */

.slider-middle_banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-middle_banner > .slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 600px;
    background: #fff;
    text-indent: -9999px;
    position: absolute;
    z-index: 9;
    top: 40%;
    box-shadow: 5px 2px 15px rgb(0 0 0 / 17%); 
    margin-top: 0px;
    background: #fff url(/images/common/main/section05-arr.png) no-repeat center;
    background-position: center center;
}

.slider-middle_banner .slick-arrow:hover,
.slider-middle_banner .slick-arrow:focus {
    background-color: #00a684;
    background-image: url(/images/common/main/section05-arr-hover.png);
}
.slider-middle_banner .slick-next:hover,
.slider-middle_banner .slick-next:focus {
    background-color: #00a684;
    background-image: url(/images/common/main/section05-next-hover.png);
}

.slider-middle_banner .slick-next {
   background: #fff url(/images/common/main/section05-next.png) no-repeat center;
    background-position: center center;
    right: 0;
}

.scroll_section .img-wrap {
    display: block;
    width: 100%;
    height: 256px;
    position: relative;
}

.scroll_section .slick-dots {
    position: relative;
    left: -25px;
    width: auto;
    bottom: 0px;
    top: -10%;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
}

.scroll_section .slick-dots li {
    width: 1%;
    text-align: center;
    height: 20px;
    top: 0;
    margin: 0 auto;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    text-indent: -999999px;
}

.scroll_section .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url(/images/common/main/mid_dot.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    cursor: pointer;
}

.scroll_section .slick-dots li.slick-active button:before {
    background-image: url(/images/common/main/mid_dot_active.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.scroll_section .controls-wrap_mid .btn {
    height: 50%;
}

.scroll_section .ply-btn {
    background: #fff;
    height: 37px;
    border-radius: 600px;
    width: 37px;
    box-shadow: 4px 1px 11px rgb(0 0 0 / 16%);
    z-index: 99;
    position: relative;
    margin: 0 auto;
    left: 55px;
    bottom: 45px;
}

.scroll_section .ply-btn .btn {
    width: 100%;
    height: 100%;
    position: relative;
}

.scroll_section .ply-btn .btn i {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
}

.scroll_section .ply-btn .stop i {
    background: url(/images/common/main/section04-stop.png) no-repeat;
}

.scroll_section .ply-btn .play i {
    background: url(/images/common/main/section04-play.png) no-repeat;
}

.ply-btn.on .play,
.ply-btn .stop {
    display: block;
}

.ply-btn.on .stop,
.ply-btn .play {
    display: none;
}

.scroll_section {
    height: 360px;
    width: 100%;
    background: #faf0a0;
    position: relative;
}

.scroll_section img {
    margin: 0 auto;
    height: 100%;
    position: relative;
    text-align: center;
}

.scroll_section .img-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.scroll_section .img-wrap:focus {
    outline-offset: -2px;
}

@media screen and (min-width:640px) and (max-width:1199px) {
    .scroll_section .controls-wrap_mid {
        height: 100%;
        width: 100%;
        top: 0;
        position: absolute;
    }

    .scroll_section .img-wrap {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .scroll_section .slide {
        width: 100%;
        height: 250px;
    }

    .scroll_section .controls-wrap_mid .btn.prev i {
        left: 10px;
    }

    .scroll_section .controls-wrap_mid .btn.next i {
        right: 10px;
    }

    .scroll_section .slick-dots {
        top: -40px;
    }

    .scroll_section .ply-btn {
        left: 55px;
        bottom: 74px;
    }

    .scroll_section {
        height: 250px;
        width: 100%;
        background: #faf0a0;
        position: relative;
    }

    .scroll_section > img {
        margin: 0 auto;
        height: 100%;
    }
}

@media screen and (max-width:639px) {
    .scroll_section .controls-wrap_mid {
        height: 100%;
        width: 100%;
        top: 0;
        position: absolute;
    }

    .scroll_section .img-wrap {
        display: block;
        width: 100%;
        height: 150px;
        position: relative;
    }
    
    .slider-middle_banner > .slick-arrow{
        width: 30px;
        height: 30px;
        background-size: 35%;
        top: 35%;
    }
  
    .scroll_section .slick-dots {
        width: 60px;
        position: relative;
        left: 0;
        top: -25px;
        margin: 0 auto;
        z-index: 9999999;
    }

    .scroll_section .slick-dots li {
        width: 12%;
        text-align: center;
        height: 20px;
        top: 0;
        margin: 0 auto;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        text-indent: -99999999px;
    }

    .scroll_section .slick-dots li button:before {
        background-size: 50%;
    }

    .scroll_section .ply-btn {
        background: #fff;
        height: 22px;
        border-radius: 600px;
        width: 22px;
        box-shadow: 4px 1px 11px rgb(0 0 0 / 16%);
        z-index: 9999;
        position: relative;
        margin: 0 auto;
        left: 40px;
        bottom: 51px;
    }

    .scroll_section .ply-btn .btn {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .scroll_section .ply-btn .btn i {
        margin-left: -3.5px;
        margin-top: -4px;
    }

    .scroll_section {
        height: 150px;
        width: 100%;
        background: #faf0a0;
        position: relative;
    }

    .scroll_section img {
        margin: 0 auto;
        height: 100%;
    }

    .scroll_section .ply-btn .stop i {
        background: url(/images/common/main/section04-stop.png) no-repeat;
        background-size: 32%;
    }

    .scroll_section .ply-btn .play i {
        background: url(/images/common/main/section04-play.png) no-repeat;
        background-size: 32%;
    }

    .section06 .map-result .weather-info-txt {
        width: auto;
    }
}
/* scroll section */
#tabCont1 > .inner > .layout {
    max-width: 1700px;
    margin: 0 auto;
}

.section02 > .layout {
    margin: 0 auto;
}

.tab-cont > .layout {
    max-width: 1500px;
    margin: 0 auto;
}

@media screen and (min-width: 760px) and (max-width: 1800px) {
    .char {
        display: none;
    }
}
/* 프로그램 리스트 없을 경우*/
.no_list {
    width: 100%;
    height: 400px;
    position: relative;
}

.list_img {
    margin: 0 auto;
    text-align: center;
    padding-top: 100px;
}

.list_img > h3 {
    width: 30%;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    margin-top: 30px;
    padding: 10px;
    background: #fff;
    font-size: 23px;
    border-radius: 30px;
}

@media screen and (min-width:640px) and (max-width:1199px) {
    .list_img > h3 {
        width: 40%;
    }
}

@media screen and (max-width:639px) {
    .list_img > h3 {
        width: 80%;
        font-size: 20px;
    }
}

/*힐링 필링 프로그램 모바일버전*/

.link-pd {
    display: block;
}

.linkTab {
    position: relative;
    margin: 0 0 25px;
}

.linkTab01 > ul {
    overflow: hidden;
}

.linkTab01 > ul > li {
    display: table;
    float: left;
    height: 100%;
    vertical-align: middle;
    margin-right: 2px;
    height: auto;
}

.linkTab01 > ul > li:last-of-type {
    margin-right: 0;
}

.linkTab01.tab-col-6 > ul > li {
    width: calc((100% - 10px) / 6);
}

.linkTab01.tab-col-5 > ul > li {
    width: calc((100% - 9px) / 5);
}

.linkTab01.tab-col-4 > ul > li {
    width: calc((100% - 7px) / 4);
}

.linkTab01.tab-col-3 > ul > li {
    width: calc((100% - 7px) / 3);
}

.linkTab01.tab-col-2 > ul > li {
    width: calc((100% - 7px) / 2);
}

.linkTab01 ul li a {
    line-height: 1;
    margin-left: -1px;
    padding: 16px 0 19px 0;
    background: #e8ebee;
    color: #444;
    font-size: 17px;
    display: table-cell;
    text-align: center;
    transition: all .3s;
}

.linkTab01 ul li a:hover {
    background: #dcdcdc
}

.linkTab01 ul li:first-child a {
    border-left: 1px solid #d6d6e0
}

.linkTab01 ul li a span {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
}

.linkTab01 a.on,
.linkTab01 a.on:hover {
    background: #04a676;
    color: #fff;
    border-color: #04a676;
}

.linkTab01 >.mlinkTab_btn1 {
    display: none;
    width: 100%;
    height: 47px;
    font-size: 17px;
    background: #04a676;
    color: #fff;
    transition: all .3s
}

.linkTab01 > .mlinkTab_btn1.on {
    background: #04a676;
}

.linkTab01 >.mlinkTab_btn1:after {
    content: "";
    position: relative;
    left: 10px;
    top: -1px;
    display: inline-block;
    width: 13px;
    height: 7px;
    background: url(/images/common/icon_defTab_arrow.png) no-repeat;
    transition: all .3s
}

.linkTab01 .mlinkTab_btn1.on:after {
    transform: rotate(180deg)
}

.linkTab01.nation > ul > li {
    position: relative;
    width: 15.83336667%;
    margin-left: 1%;
    border: 0
}

.linkTab01.nation > ul > li:first-child {
    margin-left: 0
}

.linkTab01.nation > ul > li > a {
    padding: 75px 0 12px;
    border: 1px solid #8087a6;
    background: #fff;
    color: #192e7e;
    font-size: 15px
}

.linkTab01.nation > ul > li > a:hover {
    background: #c8c5e0
}

.linkTab.nation > ul > li > a.on {
    border: 1px solid #535a75;
    background: #50488c;
    color: #fff
}

.linkTab01.nation > ul > li > a > .nationalFlag {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -31px
}

@media all and (max-width:768px) {
    .linkTab01 >.mlinkTab_btn1 {
        display: block
    }

    .linkTab01 > ul {
        display: none
    }

    .linkTab01.pop > ul {
        display: block;
    }

    .linkTab01 > ul > li {
        box-sizing: border-box;
        float: none;
        width: 100% !important;
        height: auto;
        margin-left: 0
    }

    .linkTab01.pop > ul > li {
        box-sizing: border-box;
        float: left;
        width: 50% !important;
        height: auto;
        margin-left: 0
    }

    .linkTab01 > ul > li:first-child {
        border-top: 1px solid #d6d6e0
    }

    .linkTab01.pop > ul > li:first-child {
        border-top: 0;
    }

    .linkTab01 > ul > li > a {
        padding: 10px 0 13px;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #d6d6e0
    }

    .linkTab01 > ul > li > a.on,
    .linkTab01 > ul > li > a.on:hover {
        border: 2px solid #858585;
        background: #858585;
    }

    .linkTab01.nation > ul > li {
        margin: 0;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #8087a6
    }

    .linkTab01.nation > ul > li:first-child {
        border-top: 0;
    }

    .linkTab01.nation > ul > li > a {
        border: 0;
        padding: 10px 0;
        background: none;
    }

    .linkTab01.nation > ul > li > a > .nationalFlag {
        position: static;
        width: 20px;
        margin: 0 5px 0 0;
    }
}


@media(width: 1024px){
    .section01 .tab-cont.greenbg .btn-wrap{
        width: 100%;
        height: 80px;
        margin-top: 20px;
        padding-top: 10px;
    }
    .section05 .tab li:nth-child(1).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(2).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(3).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(4).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(5).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(6).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(7).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(8).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(9).active{
        margin-top: 5px;
    } 
    .section05 .tab li:nth-child(10).active{
        margin-top: 5px;
    }
    .section05 .tab li:nth-child(11).active{
        margin-top: 5px;
    }
  
    .section05 .tab li:nth-child(1).active{
        background-position: 10px 10px; 
    }
    
    .section06 .map-result .weather-info > div{
        width: 22%;
    }
} 

@media(min-width: 769px) and (max-width:780px){
    .linkTab01{
        display: block!important;
    }
    .linkTab01 >.mlinkTab_btn1{
        display: block!important;
    }
    .pg_tab {
        display: none!important;
    }
    .tab tabId{
        display: block!important;
    }
    
    .linkTab01.tab-col-5 > ul > li{
        width: 100%;
    }
    .linkTab.tab-col-5>ul>li{
        width: 100%;
    }
        
    .link-color{
        display: block!important;
    }
    
    .map-wrap{
        display: none!important;
    }
    
    .mlinkTab_btn{
        display: block;
    }
    
}

@media(width: 820px){
    .section01 .tab-cont .checkbox-wrap{
        flex-wrap: wrap!important;
    }
    .section01 .tab-cont .checkbox-wrap li{
        margin-bottom: 15px;
    }
    .section01 .info-wrap .item:first-of-type{
        margin-bottom: 80px;
    }
    .section01 .tab-cont.greenbg .btn-wrap{
        width: 100%;
        margin-top: 30px;
    }
    
    .section05 .tab li a{
        font-size: 14px;
    }
    .section05 .tab li:nth-child(6) a{
        padding-left: 15px;
    }
    .section05 .tab li:nth-child(1).active{
        background-position: 7px 10px;
    }
    
    .section05 .tab li:nth-child(1).active,
    .section05 .tab li:nth-child(2).active,
    .section05 .tab li:nth-child(3).active,
    .section05 .tab li:nth-child(4).active,
    .section05 .tab li:nth-child(5).active,
    .section05 .tab li:nth-child(6).active,
    .section05 .tab li:nth-child(7).active,
    .section05 .tab li:nth-child(8).active,
    .section05 .tab li:nth-child(9).active,
    .section05 .tab li:nth-child(10).active,
    .section05 .tab li:nth-child(11).active{
        margin-top: 5px;
    }
    .tab_layout{
        overflow: visible;
    }
    
    .section01 .person03{
        background-size: 65%;
        right: -11%;
        top: -211px;
    }
    
}
@media(width: 1400px){
    .scroll_section .ply-btn{
        bottom:70px;
    }
    .scroll_section .slick-dots{
       top: -35px;
    }
}
/* 윈도우 팝업 */
.popUp_bg { position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999; background: rgba(0, 0, 0, 0.3); } 

.popUp_wrap { top: 16%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 999999; }

.popUp { width: 500px; height: auto; position: relative; background: #f6c70c; border: 1px solid #bcbcbc; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }

.popUp > h3 { text-align: center; padding: 30px 150px 25px 25px; font-size: 30px; font-family: 'Jalnan'; line-height: 1.4; margin: 0; height: auto; position: relative; } 

.popUp_inner { width: 440px; height: auto; margin: 0 auto; position: relative; background: #fff; } 
.popUp_inner > img { margin-top: -105px; float: right; } 

.popUp_inner_txt { padding: 25px 30px 30px 25px; width: 100%; height: 100%; } 

.popUp_inner_txt .popUp_inner_txt01 { width: 100%; height: 60%; display: block; } 

.popUp_inner_txt .popUp_inner_txt01 > li { font-family: 'Noto Sans'; font-size: 15px; font-weight: 600; height: 30px; line-height: 2; } 

.pop-txt { color: #333; margin-right: 5px; } 

.popUp_inner_txt .popUp_inner_txt02 { width: 100%; height: 24%; display: block; } 

.popUp_inner_txt .popUp_inner_txt02 > li { font-family: 'Noto Sans'; font-size: 15px; font-weight: 600; height: auto; line-height: 2; } 

.popUp_inner_txt > p { font-size: 15px; font-weight: bold; font-family: 'Noto Sans'; } 

/* .popUp_inner_txt > a { margin: 0 auto; width: 50%; display: block; height: 47px; border-radius: 30px; }  */

/* .popUp_inner_txt > a > img { text-align: center; display: block; }  */

.pop_cancle { width: 100%; height: 60px; margin-top: 30px; background: #ececec; } 

.pop_cancle ul { width: 100%; height: 100%; display: block; position: relative; } 

.pop_cancle ul li:nth-child(1) { width: 70%; } 

.pop_cancle ul li:nth-child(2) { width: 30%; } 

.pop_cancle ul li:nth-child(1) a { width: 100%; height: 100%; float: left; padding: 20px 0 20px 30px; } 

.pop_cancle ul li:nth-child(2) a { text-align: center; line-height: 4; width: 100%; float: left; height: 100%; } 

.pop_cancle ul li { font-size: 15px; font-weight: 600; float: left; position: relative; } 

.pop_cancle ul li::after { content: ""; position: absolute; top: 15px; left: 0; width: 2px; height: 30px; background: #bcbcbc; } 

.pop_after::after { display: none; } 

@media screen and (max-width:639px){
 .popUp_wrap { width: 100%; height: 100%; top: 16%; position: absolute; z-index: 999999; } 

 .popUp { width: 90%; height: auto; position: relative; background: #f6c70c; margin: 0 auto; } 

 .popUp > h3 { padding: 30px 100px 20px 25px; font-size: 20px; } 

 .popUp_inner > img { width: 85px; height: 80px; margin-top: -80px; right: 10px; } 

 .popUp_inner { width: 90%; height: auto; } 
 
 .popUp_inner_txt > p { margin-top: 10px; } 

 .popUp_inner_txt .popUp_inner_txt01 { height: 56%; } 

 .popUp_inner_txt .popUp_inner_txt01 > li { font-size: 14px; height: auto; } 

 .popUp_inner_txt .popUp_inner_txt02 { height: 30%; } 

/*  .popUp_inner_txt > a { width: 100%; margin-top: 20px; }  */

 .pop_cancle ul li:nth-child(1) a { padding: 19px 0 21px 30px; } 
 }
 .main_pro_tag{
    position: absolute;
    background: #5648cf;
    z-index: 9999999;
    bottom: 0;
    /* float: right; */
    right: 0;
    padding: 6px 18px;
    color: #fff;
    font-size: 12px;
    border-radius: 20px 0 0 0;
}


@media screen and (min-width: 1200px) and (max-width: 1800px){
    .Main_content_wrap{
        top: 45px;
    }
}
@media screen and (min-width: 640px) and (max-width: 1199px){
    .program_slide .slide .slide_info > p{
        padding-right: 15px;
    }
}