:root {
	--main-web-box-width : 1440px;
}

* {
    font-family: pretend;
}

body{
max-width: var(--main-web-box-width);
    margin: 0 auto;
}

header {
    width: 100%;
    height: auto;
    background: #ffffff;
    margin: 0 auto;
    /* border-bottom: 1px solid #f0efef; */
    /* box-shadow: 0px -4px 7px 0px #ccc; */
}


nav.main_nav {
    padding: 13px 20px;
    display: flex;
    /* box-shadow: 0px -4px 7px 0px #ccc; */
    font-size: 17px;
    align-items: center;
    position: fixed;
    width: 100%;
    border: 1px solid #f0efef;
    border-top: 0;
    max-width: var(--main-web-box-width);
    border-bottom: 1px solid #f0efef;
    z-index: 1000;
    background: #fff;
    top: 0;
    box-sizing: border-box;
}

nav.main_nav > div {
    flex: 10;
}

nav.main_nav .LT {
    text-align: left;
}

nav.main_nav .CT {
    text-align: center;
	    flex: 20;
}

nav.main_nav .RT {
    text-align: right;
}

nav.main_nav .CT img.logo_img {
    max-width: 100px;
}

nav.main_nav .LT .navopen_bt img {
    max-width: 25px;
}

nav.main_nav .RT .adrcallopen_bt img {
    max-width: 27px;
}

section.index_v_a {
    text-align: center;
    padding: 12px 16px;
    background: #062137;
    color: #fff;
    font-size: 19px;
}
html {
}
.swiper.mySwiper{
    margin-top: 59px !important;
}

.swiper .swiper-wrapper {
    max-height: 210px;
}
@media (min-width: 570px) {
.swiper .swiper-slide img {
    position: relative;
    top: -50px;
}
}
section.index_v_b {
    min-height: 0px;
    background: #f7f7f7;
    display: flow-root;
    margin-bottom: 50px;
}
.item_box.indexvb {
    background: #fff;
    width: calc( 100% - 0px);
    margin: 0 auto;
    /* border: 1px solid #dad8d8; */
    /*box-shadow: 1px 1px 7px 0px #d9d9d9;*/
    font-size: 17px;
    border-radius: 3px;
    margin-top: 10px;
}

.item_box.indexvb span.line_text {
    padding: 15px;
    display: flex;
    align-items: center;
}
.item_box.indexvb span.line_text img.imgcon_ico {
    width: 25px;
    margin-right: 16px;
}
.item_box.indexvb span.line_text.h1 {
    font-size: 27px;
    font-weight: 600;
}
.item_box.indexvb span.line_text.h1 {
    font-size: 25px;
    font-weight: 500;
}

.item_box.indexvb .info_singcom {
    padding: 15px;
}

.item_box.indexvb .info_singcom .row_textline_lay {
    padding-left: 25px;
    position: relative;
    line-height: 25px;
}

.item_box.indexvb .info_singcom .row_textline_lay span {
    display: block;
    font-size: 18px;
}

.item_box.indexvb .info_singcom .row_textline_lay:before {
    content: '';
    width: 5px;
    height: 48px;
    display: block;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0px;
    border-radius: 10px;
}

.item_box.indexvb .info_singcom .row_textline_lay span.date {
    font-weight: 700;
}

.item_box.indexvb .info_singcom .row_textline_lay span.adr {
    color: #7f7e7e;
}
.item_box.indexvb .info_singcom .row_textline_lay {
    margin-bottom: 10px;
}
nav.bottom_nav {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    background: #fff;
    width: 100%;
}
nav.bottom_nav ul.in_ul {
    display: table !important;
    width: 100%;
    table-layout: fixed;
    position: static;
    max-width: var(--main-web-box-width);
    border-top: 1px solid #f1f1f1;
}

nav.bottom_nav ul.in_ul li {
    display: table-cell;
    border: none;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    vertical-align: middle;
}

nav.bottom_nav ul.in_ul li a {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 17px;
}

nav.bottom_nav ul.in_ul li:nth-child(1) {
    border-left: 1px solid #f1f1f1;
}

span#clock {
    font-size: 29px;
}

.ondate_md {
    font-size: 19px;
}
.item_box.indexvb span.line_text.h1 {
    padding-bottom: 0px;
}

nav.bottom_nav ul.in_ul li a {
    font-size: 20px;
    font-weight: 500;
}
main.sub {
    margin-top: 60px;
}

/*make_comps form style*/
section.make_comps {
    padding: 10px;
    box-sizing: border-box;
}

section.make_comps span.h1_style.mainvbtext {
    text-align: center;
    display: block;
    font-size: 23px;
    font-weight: 700;
    padding-top: 20px;
}

section.make_comps span.h2_style.mainsubtext {
    display: block;
    text-align: center;
    font-size: 17px;
    margin-top: 15px;
}

section.make_comps .itembox.form input, section.make_comps .itembox.form select {
    display: block;
    margin: 0 auto;
    width: 100% !important;
    padding: 9px 12px !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: 46px !important;
    font-size: 14px;
    margin-bottom: 10px;
}

section.make_comps .itembox.form {
    margin-top: 25px;
}

a.submit_a_bt {
    text-align: center;
    display: block;
    background: #2a357d;
    padding: 15px;
    color: #fff;
    font-size: 14px;
}
section.make_comps .itembox.form input.fitst_line {
    margin-top: 10px;
}section.make_comps .select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
    top: -13px;
    font-size: 15px;
}

section.make_comps .select2-container--default .select2-selection--single {
    padding: 22px;
}

section.make_comps .itembox.form input:nth-child(1) {
    margin-top: 10px;
}
section.make_comps .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 10px;
}

section.make_comps .select2-container--default .select2-selection--single {
    padding-left: 7px;
}
section.make_comps .select2-container {
    width: 100%;
}
/*make_comps form style*/

section.index_v_a {
    background: rgb(000,128,128);
}

nav.bottom_nav ul.in_ul li {
    background: rgb(000,128,128);
}

nav.bottom_nav ul.in_ul li a {
    color: #fff;
}
span.ondate_md {
position: relative;
    top: -4px
}
.item_box.indexvb span.line_text b {
    display: flex;
    align-items: center;
}
/* eisoft_style_spt01 */

body {}.mbskin_box.eisoft_style_spt01 {}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin {
    padding: 13px;
    padding-top: 0;
    margin-top: 61px;
    box-sizing: border-box;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin a img.logo_img {
    max-width: 133px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_input {
    margin-top: 40px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin input {
    height: 46px;
    border: 1px solid #eee;
    border-color: #ddd;
    font-size: 14px;
    padding: 9px 12px;
    color: #555;
    outline: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.mt-1 {
    margin-top: -1px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .required {
    background-image: none !important;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_extver {
    display: flex;
    margin-top: 15px;
    font-size: 14px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_extver .login_if_auto {
    flex: 1;
    text-align: left;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_extver .login_if_lpl {
    flex: 1;
    text-align: right;
    align-self: flex-end;
    font-weight: 700;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_extver .login_if_auto label {color: #555;}

.chk_box input[type="checkbox"] + label span {
    top: 1px;
    position: relative;
    margin-right: 10px;
}
.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .btn_submit {
    background: #283997;
    height: 48px;
    line-height: 46px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    font-family: pretend;
}
.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin input:focus{
    position: relative;
    z-index: 1;
}
.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .social_login {
    margin-top: 7px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .social_login div#sns_login {
    padding: 0 !important;
}

#mb_login #sns_login .sns-icon {
    width: 100% !important;
    margin-bottom: 10px;
	border-bottom: 0px;
}

#sns_login .txt {
    text-align: center;
    position: relative;
    left: -23px;
    font-weight: 500;
    font-size: 16px !important;
}
.sns-wrap-over .sns-naver, .sns-wrap-over .sns-kakao {
    background-position: 10px 8px !important;
}
.mbskin_box.eisoft_style_spt01 span.h1_style {
    display: block;
    margin-top: 10px;
    font-size: 20px;
}.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .login_extver .login_if_auto .selec_chk {
    height: 18px;
}
.mbskin_box.eisoft_style_spt01 line {
    display: block;
    margin: 20px 0px;
    border: 0;
    border-top: 1px solid #eee;
    box-sizing: content-box;
}

#mb_login #sns_login .sns-kakao {
    margin-bottom: 0;
}
#mb_login #sns_login .sns-icon { 
    height: 47px;
    line-height: 47px;
}
span.h2_style {}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .singupline {
    text-align: left;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .singupline span.h2_style {
    display: block;
    color: #333;
    margin: 10px 0;
    margin-top: 0px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
}

.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .singupline span.h3_style {
    font-size: 13px;
    margin-top: 3px;
    display: block;
    color: #999;
    font-weight: 400;
}
.mbskin_box.eisoft_style_spt01 section.eisoft_spt01_memberlogin .singupline a.singup_a {
    display: block;
    height: 48px;
    line-height: 46px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    margin-top: 10px;
}
.register #sns_register .sns-icon {
    background-position: 0 0 !important;
}
nav.bottom_nav ul.in_ul li:first-child {
    border-radius: 10px 0px 0px 0px;
}

nav.bottom_nav ul.in_ul li:last-child {
    border-radius: 0px 10px 0px 0px;
}
section.index_v_a.time {
    margin-top: 59px !important;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.swiper.mySwiper {
    margin-top: -47px !important;
}
span#clock {
    font-size: 29px;
    font-weight: 700;
}

.ondate_md {
    font-size: 14px;
}

span.ondate_md {
position: relative;
    top: -3px
}
section.index_v_a {
    background: rgb(255 255 255);
}
section.index_v_a {
    color: rgb(0 128 128);
}

.swiper.mySwiper {
    margin-top: -22px !important;
}

section.index_v_a.time {
    border: 1px solid #ccc;
    border-radius: 30px;
}

.swiper.mySwiper {
    border-radius: 10px;
}

.item_box.indexvb .info_singcom {
    padding: 15px 0px;
}
section.index_v_a.time {
    margin-top: 73px !important;
}section.shop_nav_on_area > section.top_line > .ACT > .logo img {
    filter: brightness(100);
    width: 110px;
}
section.index_v_b {
    margin-bottom: 0px;
}

nav.main_nav .CT img.logo_img {
    filter: brightness(100);
	filter: invert(1);
}

nav.main_nav {
    background: rgb(000,128,128);
}

nav.main_nav .LT .navopen_bt img {
    filter: brightness(100);
}

nav.main_nav .RT .adrcallopen_bt img {
    filter: brightness(110);
}
@media (max-width: 570px) {
section.index_v_a.time {
    border: 5px solid #cccccc;
}

.swiper.mySwiper {
    padding: 17px;
    border-radius: 15px !important;
    margin-top: 67px !important;
}

.swiper .swiper-wrapper {
    border-radius: 15px !important;
}

.swiper-backface-hidden .swiper-slide {
    border-radius: 15px !important;
    border: 1px solid #ccc;
}

.swiper-slide img {
    border-radius: 15px !important;
}

section.index_v_a.time {
    margin-top: 59px !important;
}

section.index_v_a.time {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 84%;
    padding: 7px 5px;
}

span#clock {
    font-size: 29px;
}

.swiper .swiper-wrapper {
    max-height: 175px;
}

.item_box.indexvb .info_singcom .row_textline_lay span.date {
    font-size: 25px;
}

.item_box.indexvb .info_singcom .row_textline_lay span {
    font-size: 21px;
}

.map_line {
}

.map_wrap {
    border: 3px solid #ccc !important;
}
.map_wrap {
    border-radius: 0 0 15px 15px;
}
nav.bottom_nav ul.in_ul li {
    border-right: 1px solid rgb(202 200 200 / 21%);
}

.map_wrap, div#map {
    border-radius: 0 0 15px 15px !important;
}
}



@media (min-width: 570px) {
.map_line {
    padding: 17px 0px !important;
}

section.index_v_a.time {
    border: 5px solid #cccccc;
}

span#clock {
    font-size: 29px;
}

span#clock {}

.ondate_md {
    font-size: 16px;
}

section.index_v_a {
    padding: 8px 16px;
}

.item_box.indexvb .info_singcom .row_textline_lay span {
    font-size: 23px;
}

.item_box.indexvb .info_singcom .row_textline_lay span.adr {
    font-size: 20px;
}
}
table.total_work_time {
    font-size: 15px;
}

table.total_work_time tbody tr td:nth-child(1) {
    width: 100px;
}
.item_box.indexvb .info_singcom .row_textline_lay span.date {
    line-height: 32px;
}

.item_box.indexvb .info_singcom .row_textline_lay:before {
    height: 56px;
    top: 5px;
}
.bmh_on_content {max-height: 200px;overflow: scroll;}


@media (max-width: 570px) {
	
	.item_box.indexvb .info_singcom .row_textline_lay span.date {
    padding-left: 0px;
}

.item_box.indexvb .info_singcom .row_textline_lay:before {
    left: 2px;
}

.item_box.indexvb .info_singcom {
    padding: 17px;
    padding-top: 0;
}

.bmh_on_content {
    border-radius: 0px 0px 10px 10px;
}

section.index_v_a.time {
    top: 6px;
}

}

.item_box.indexvb .info_singcom .row_textline_lay {
    min-height: 55px;
}
.camp_header .content_inner .cont .mymenu_line {
    width: 47px;
    height: 47px;
    background: #f5f5f5;
    border-radius: 100%;
	    cursor: pointer;
}
.camp_header .content_inner .cont .mymenu_line:hover {}
.camp_header .content_inner .cont .mymenu_line img {
    width: 100%;
    filter: invert(1);
}
.camp_header .content_inner .cont .mymenu_line {
    position: relative;
}
.camp_header .content_inner .cont .mymenu_line:hover {
    background: #e7e7e7;
}
.camp_header .content_inner .cont .mymenu_line .on_menuline_drp {
    width: max-content;
    min-width: 199px;
    /* border: 1px solid #eee; */
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    left: -10px;
}

.camp_header .content_inner .cont .mymenu_line .on_menuline_drp {
    display: none;
}

.camp_header .content_inner .cont .mymenu_line:hover .on_menuline_drp {
    display: block;
}

.camp_header .content_inner .cont .mymenu_line .on_menuline_drp ul {
    background: #fff;
    /* border: 1px solid #eee; */
	    border-top: 1px solid var(--border-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    padding: 10px;
    font-size: 20px;
}

.camp_header .content_inner .cont .mymenu_line .on_menuline_drp ul li a {
    font-size: 17px;
    font-weight: 500;
    font-family: 'pretend';
}

.camp_header .content_inner .cont .mymenu_line .on_menuline_drp ul li {
    padding: 5px;
}

.camp_header .content_inner .cont .mymenu_line .on_menuline_drp ul li:hover {
    background: #fafafa;
}
.camp_header .content_inner .cont .mymenu_line .on_menuline_drp ul li a{
    width: 100%;
    height: 100%;
}
.cont.nonecontent {
    display: none;
}
/* eisoft_style_spt01 */