@charset "utf-8";
/*@import url('font.css');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; width: 100%; height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400; background: #fff; color:#191919; box-sizing:border-box; width: 100%; position:absolute;-ms-overflow-style:none;scrollbar-width:none;}
body::-webkit-scrollbar {display:none;}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, textarea, select {font-family: 'Noto Sans KR', sans-serif , cursive; outline: none; font-size: 15px; font-weight: 400; box-sizing: border-box;}
button {border:0;font-family: 'Noto Sans KR', sans-serif , cursive;}
input {width: 100%; height: 50px; border-radius: 10px; padding: 0 4.15vw; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); border:0;}
p, h4 {margin: 0}
select {width:100%;height:100%;padding:0;font-size:3.889vw;border:0;background:transparent;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;
            text-align:center;}
select::-ms-expand {display:none;}

#login_id, #login_pw {width: 100%; height: 50px; border-radius: 10px; padding: 0 4.15vw; box-shadow: 0px 3px 6px #00000029;border: 1px solid #DDD;}

/* a 링크 초기화 */
a {color: #191919; text-decoration: none;}
a:link, a:visited {color:#191919;text-decoration:none}

/*a 링크값*/
.full{display:block; width:100%; height:100%;}
.full_click {display:block; width:100%; height:100%;}
.main_h_nav_wrap {width:100%;box-shadow: 2px 3px 6px rgba(0,0,0,0.2);}
.main_h_nav {float:left; width:50%; height:40px; line-height:40px; background:#fff; text-align:center;}
.main_h_nav a.bl {color:#27ABF2;}
.fl, .fl_d, .fl_c, .fl_pay1, .fl_pay3, .fl_pay5 {float: left;}
.fr, .fr_pay2, .fr_pay4, .fr_pay6 {float: right;}

/* 폰트 스타일 초기화 */
em,address {font-style: normal;}
input::placeholder, textarea::placeholder {font-size: 15px; color: #ccc; font-weight: 400}
.btn_pic_wrap input::placeholder {font-size:15px;font-weight:500;color:#fff;}
.yg {font-family: 'yg-jalnan';}

/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
.clearfix:after {clear: both;}

.middle {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bottom {position: fixed; bottom:0;left:0;}
.bottom2 {position: fixed; bottom:50px;left:0; border-bottom:1px solid #fff;}
.bottom_l {position: fixed; bottom:0;left:0; border-right:1px solid #fff; background:#3773FF;}
.bottom_r {position: fixed; bottom:0;right:0; background:#3773FF;}

/*flex*/
.flex {display:flex;}
.btw {justify-content: space-between;}

/*inner*/
.inner{width: 94.6vw; margin:0 auto;}
.inner2 {width: 88.89vw; margin: 0 auto;}
.inner3 {width:100%; margin-left:5%;}
.inner_t {padding-top: 40px}
.inner_b {padding-bottom: 50px;}
.inner_t2 {padding-top: 0}
.inner_t2 .news {height:100%;position:relative;background:#EEEEEE}
.inner_t2 .news img{width:100%;}
.inner_h {padding-top: 16.67vw; padding-bottom: 15vw;}
.inner_1 {padding: 16.67vw 0 31.11vw 0;}
.inner_2 {padding: 30px 0;}
.inner_t3 {padding-top: 13.8vw;}
.inner_3 {padding: 8.3vw 0;}
.inner_lr {padding: 0 35px;}
.inner10 {padding:0 10px;}
.inner20 {padding:0 20px;}

/*글자*/
.bl {font-size:20px; color: #3773FF}
.bl2 {font-size:20px; color: #27ABF2}
.bl4 {font-size:20px;}
.bl15 {font-size:15px;}
.fs17 {font-size:17px;}
.rd {color: #FF0000}
.bod {font-weight: 700;}
.mid {font-weight:500;}
.underline {text-decoration:underline}
.main_txt1 {font-size:15px; font-weight:500;}
.main_bl {color:#3773FF}
.main_bl2 {color:green}
.main_bl3 {color:#FF0000;}
.main_bl4 {color:#27ABF2;}
.pad {padding: 0 2.15vw;}
.let1 {letter-spacing:-0.2px;}
.calcu_font {font-size:12px; color:#8F8F8F; text-align:center;}


/*바탕색*/
.gr {background: #f4f4f4}
.wht {background: #fff;}
.wht_b {background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); color:#191919;}
.f_bl {background: #3773FF; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); color:#fff;}
.f_bl1 {background: #3773FF;}
.f_bl2 {background: #27ABF2; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.f_bl_cancel {background: #3773FF; color:#F4F4F4; float:left;box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.f_bl_delete {background: #f4f4f4; color:#101010; float:right; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.f_bl_ok {background: #3773FF; color:#F4F4F4;box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.f_bl_enroll {background: #fff; color:#101010; float:right; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.f_bl_1, .f_bl_2, .f_bl_3, .f_bl_4, .d_bl, .d_bl_2, .d_bl_3, .d_bl_4 {background: #3773FF; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.d_bl_cancel {background: #3773FF; color:#F4F4F4; float:left;box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.d_bl_delete {background: #f4f4f4; color:#101010; float:right; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.d_bl_ok, .b_bl_ok {background: #3773FF; color:#F4F4F4;box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.d_bl_enroll {background: #f4f4f4; color:#101010; float:right; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.dim, .dim3 {width: 100%; height: 100%; position:fixed; left:0; top:0; background: rgba(0,0,0,0.7); display:none;}
.dim2 {width: 100%; height: 100%; position:fixed; left:0; top:0; background: rgba(0,0,0,0.7); display:none; z-index:1;}
.dim4 {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background-color:rgba(37,38,45,.4)}
.dim_full {width: 100%; height: 100%; position:fixed; left:0; top:0; background: rgba(37,38,45,.4); display:none; z-index:15;}
.gls {border: none; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); background: none; font-family:'Noto Sans KR'}
.b_fixed {position:fixed; bottom:0;}

/*js_open*/
.js_open {width:320px; border-radius: 10px; overflow: hidden; background: #fff; z-index:1; display: none}
.js_open .tit {line-height: 40px; text-align:center; font-size: 20px; color: #fff; }
.js_open .tit2 {text-align:center; padding: 30px 0; font-size: 20px}
.js_open .tit2 span {font-weight: bold}
.js_open .art {text-align:center; font-size:20px; font-weight:500;color:#191919;}
.js_open .art2 {text-align:center; padding-bottom: 8.33vw; font-size:15px; font-weight:500;}
.js_open .btnbox {padding: 0 10px 20px 10px; text-align:center;}
.js_open .btnbox button {width: 140px; height: 40px; border-radius: 10px; border:0; font-size: 20px; font-weight: 600;}
.js_open17 input {width:inherit;height:inherit;box-shadow:none;vertical-align:middle;}

.js_open16 {top:58.5%;height:475px; overflow-y:auto;}
.js_open16-1 {top:50%;}

/*햄버거메뉴*/
#ham {width:100vw;height:100%;position:absolute;top:0;left:-110%;background:#F4F4F4;z-index:999999;}
#ham .hd {width: 100vw; height: 40px; position:relative; background: #fff;}
#ham .hd a.close {display: block; width: 5.7vw; height: 5.7vw; background: url('../img/close.png') no-repeat center/100%; position: absolute; right: 5.5vw; top: 50%; transform: translateY(-50%);}
.main_wrap {width: 100vw; height: 120px;}
.main_wrap .swiper-container {width: 50vw; height: 100%; background: url('../img/bg2.png') no-repeat center/cover}
.main_wrap .swiper-slide {text-align:center;}
.main_wrap .swiper-slide a {color: #fff; padding-top: 15px; box-sizing: border-box;}
.main_wrap .swiper-slide a .yg, .main_wrap .s_main .yg {font-size: 20px; margin-bottom:10px; }
.main_wrap .swiper-slide a .txt2, .main_wrap .s_main .txt2 {font-size: 15px;}
.main_wrap .swiper-slide a .txt2 span, .main_wrap .s_main .txt2 span {font-size:15px; font-weight:700;}
.main_wrap .swiper-pagination-bullet {width: 8.33vw; height: 3px; border-radius: 0; background: #fff; opacity:1;}
.main_wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.main_wrap .swiper-pagination-bullet-active {background: #27ABF2}
.main_wrap .s_main {width: 50vw; height: 100%; background: linear-gradient(to right, #4958AB, #7977DC); text-align:center; padding-top: 15px; box-sizing: border-box;z-index:20;}
.main_wrap .s_main p {color: #fff;}
.main_wrap .s_main .txt3 {font-size: 20px; font-weight: 800; margin-top: 1vw}
.member {width:100vw;box-shadow: 3px 3px 6px rgba(0,0,0,0.2);background:#fff;}
.member li {width: 50vw; height: 40px; line-height: 40px; }
.member li a {display: block; font-size: 15px; font-weight: bold; text-indent: 30px;}
.member li a.bl {color: #27ABF2}
#ham .menu {padding:10px 0; border-bottom:1px solid #dfdfdf;}
#ham .menu li {width: 44.444vw; line-height: 45px; padding:0 10px; box-sizing:border-box;}
#ham .menu li a {display:block; font-size: 17px; font-weight:500;}
#ham .menu li a.bl {color: #3773FF}
.free_icon {background:url('../img/d45.png')no-repeat 60% 50%;}

/*헤더*/
header {width: 100vw;position:fixed;top:0;left:0;z-index:99999;}
.hd {width: 100vw; height: 40px; position: relative; background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.hd a.logo {display:flex; text-align: center; font-size: 20px; position: absolute; left: 15px; top:14px;}
.hd a.logo .bl2 {font-size:12px;line-height:27px;}
.hd a.ham_js {display: block; width: 50px; height: 40px; background: url('../img/ham.png') no-repeat center/26px;; position: absolute; top:0; right: 10px;}
.hd .back {display: block; width: 16.67vw; height: 100%; background: url('../img/arrow.png') no-repeat center}
.hd_center {width:100%;height:40px;position:relative;background:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.2)}
.hd_center a.logo {display:block; line-height: 40px; text-align: center; font-size: 20px; position: absolute; left: 50%; top:0; transform:translateX(-50%)}
.hd_center .logo .bl2 {font-size:12px;line-height:35px;vertical-align:top;}
.hd_center .logo .bl {font-size:20px;color:#3773ff;}
.hd_center a.ham_js {display: block; width: 13.88vw; height: 40px; background: url('../img/ham.png') no-repeat center/26px; position: absolute; top:0; right: 2.78vw;}
.hd_center .back {display: block; width: 16.67vw; height: 100%; background: url('../img/arrow.png') no-repeat center}
.h_fixed {width:100%;position:fixed; top:0; left:0; z-index:10;}
.pay_btn {border-radius:1vw; position:absolute;top:73px;right:5.556vw;background:none;font-size:15px;font-weight:500;color:#3773FF;}
.pay_btn:active {border-radius:1vw; background:rgba(55, 115, 255, 0.3);color:#3773FF;}
.pay_btn2 {border-radius:1vw; position:absolute;top:73px;right:5.556vw;background:none;font-size:15px;font-weight:500;color:#3773FF;}
.pay_btn2:active {border-radius:1vw; background:rgba(55, 115, 255, 0.3);color:#3773FF;}
.hd_position {position:absolute;top:73px;right:5.556vw;background:none;font-size:15px;font-weight:500;color:#3773ff;}
section {padding-top:125px;}

.hd a.logo img {width: 113px; height: 18px;}
.hd_center img {width: 113px; height: 18px;}


/*인트로*/
section#intro {padding:0;}
#intro {width: 265px; height: 365px; position:absolute; bottom:10%; left:50%; margin-left:-132.5px; background: url('../img/intro.png') no-repeat center/cover;}
#intro .middle {width: 100vw; color: #fff; text-align:center;}
#intro .middle .title {font-size: 54px; line-height: 54px;}
#intro .middle .s_tit {font-size: 20px;}
#intro .middle .intro_art1 {line-height: 20px; font-size: 15px; color: #27ABF2; margin-top: 60px;}
#intro .middle .intro_art2 {line-height: 20px; font-size: 15px; color: #3773FF; margin-bottom: 20px;}

/*이벤트*/
section#one {padding-top:50px;}
#one .inner_t button {position:fixed; left: 0; bottom:0; width: 100%; height: 50px; border:none; font-size: 20px; color: #fff; font-weight: bold}
.event {text-align:center; padding-top: 6.58vw;}
.event .tit {font-size: 20px;}
.event .s_txt {margin-top: 10px;}
.event h4.img {display: inline-block; width: 194px; height: 142px; background: url('../img/bg1.png') no-repeat center/ 100%; margin-top: 45px;}
.event .art {line-height: 30px; margin-top: 25px;}


/*인덱스*/
section#index {padding-top:40px;}
#index .member li {background: #fff;}
#index .member li a {text-indent: 0; text-align:center;}
#index .main_menu {width:94.444vw;margin:0 auto;padding: 20px 0 30px; height:218px; box-sizing:border-box;}
#index .main_menu ul li {width: 45.8vw; height: 35.8vw; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); background: #fff; text-align: center; margin-bottom: 4.16vw; position:relative;}
#index .main_menu ul li a {padding-top: 3.5vw; box-sizing: border-box; }
#index .main_menu ul li p {font-size: 20px;}
#index .main_menu ul li h4.icon {display: inline-block; width: 16.7vw; height: 14.8vw; background: url('../img/thumb1.png') no-repeat center/100%; margin-top: 4.16vw;}


#index .main_menu2 {padding: 20px 0 30px 0;width:94.444vw;margin:0 auto;}
#index .main_menu2 ul li {width: 45.833vw; height: 129px; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); background: #fff; text-align: center; margin-bottom: 4.16vw; position:relative; padding-top: 13px; box-sizing: border-box;}
#index .main_menu2 ul li p:first-child {font-size: 20px;}
#index .main_menu2 ul li p:nth-child(2) {color:#3773FF;margin-top:25px;}
#index .main_menu2 ul li p:nth-child(3) {color:#3773FF;}
#index .main_menu2 ul li .bot {width: 100%; position: absolute; bottom: 18px; text-align: center;}
#index .main_menu2 ul li .bot a {display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: url('../img/thumb2.png') no-repeat center; background-color: #3773FF}
#index .main_menu2 ul li .bot .bl, #index .main_menu2 ul li .bot .bl2 {font-size: 18px;}
#index .main_menu2 ul li h4.icon {display: inline-block; width: 16.7vw; height: 14.8vw; background: url('../img/thumb1.png') no-repeat center/100%;}

#index .main_menu3 {padding: 25vw 0 9.73vw;}
#index .main_menu3 ul li {width: 45.8vw; height: 35.8vw; border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); background: #fff; text-align: center; margin-bottom: 4.16vw; position:relative; padding-top: 3.5vw; box-sizing: border-box;}
#index .main_menu3 ul li p {font-size: 20px;}
#index .main_menu3 ul li .bot {width: 100%; position: absolute; bottom: 3.5vw; text-align: center;}
#index .main_menu3 ul li .bot a {display: inline-block; width: 12.5vw; height: 12.5vw; border-radius: 50%; background: url('../img/thumb2.png') no-repeat center; background-color: #3773FF}
#index .main_menu3 ul li .bot .bl, #index .main_menu2 ul li .bot .bl2 {font-size: 18px;}
#index .main_menu3 ul li h4.icon {display: inline-block; width: 16.7vw; height: 14.8vw; background: url('../img/thumb1.png') no-repeat center/100%;}

.main_board, .main_board2 {width:100vw;margin:0 auto;overflow:hidden;padding-bottom: 13.9vw;padding-left:10px;padding-right:10px;box-sizing:border-box}
.main_board a.tit_r {display: block; width: 100%; line-height: 40px; padding: 0 10px; box-sizing: border-box; background: url('../img/arrow3.png') no-repeat 62% 51%;
                        font-size:20px; font-weight:500;}
.main_board a.tit_r span {color: #23B0DB}
.main_board ul.main_list, .main_board2 ul.main_list {padding: 2.7vw 5.5vw; border-radius: 10px; background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
.main_board ul.main_list li {line-height: 40px;}
.main_board ul.main_list li p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board ul.main_list li p span {display:inline-block; width: 16.6vw; font-size: 10px; color: #23B0DB}

.main_board2 a.tit_r {display: block; width: 100%; line-height: 40px; padding: 0 5.5vw; box-sizing: border-box; background: url('../img/arrow4.png') no-repeat 38% 50%; text-align: right;
                        font-size:20px; font-weight:500;}
.main_board2 a.tit_r span {color: #3773FF}
.main_board2 ul.main_list li {line-height: 40px;}
.main_board2 ul.main_list li p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board2 ul.main_list li p span {display:inline-block; width: 16.6vw; font-size: 10px; color: #3773FF; float: right; text-align: right;}

.main_board_w, .main_board2_w {width:100vw;margin:0 auto;overflow:hidden;padding-bottom: 40px;padding-left:20px;padding-right:20px;box-sizing:border-box;background:#fff;}
.main_board_w .update {padding: 2.7vw; border-radius: 10px; background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); box-sizing: border-box;}
.main_board_w .update .img {width: 50.5vw; height: 36.9vw; margin: 0 auto; background: url('../img/bg1.png') no-repeat center/100%;}
.main_board_w .update p {margin-top: 2.7vw; }
.main_board_w .update p .txt1 {font-weight: bold; text-decoration: underline;}
.main_board_w .update p .bl2.bod {text-decoration: underline;}
.main_board_w .update p .txt2 {font-size: 17px; text-decoration: underline;}

.main_board_w a.tit_r {display: block; width: 100%; line-height: 40px;box-sizing: border-box; background: url('../img/arrow3.png') no-repeat 170px 55%;
                        font-size:20px; font-weight:500;}
.main_board_w a.tit_r span {color: #23B0DB}
.main_board_w a.tit_r span:nth-child(2) {padding-top:2vw;}
.main_board_w ul.main_list, .main_board2_w ul.main_list {padding-top: 10px; border-radius: 10px; background: #fff;}
.main_board_w ul.main_list li {line-height: 32px;}
.main_board_w ul.main_list li p {width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board_w ul.main_list li p span {width:57.5px;display:inline-block; font-size: 10px; color: #23B0DB}

.main_board2_w a.tit_r {display: block; width: 100%; line-height: 40px;box-sizing: border-box; background: url('../img/arrow4.png') no-repeat 55% 55%; text-align: right;
                        font-size:20px; font-weight:500;}
.main_board2_w a.tit_r span {color: #3773FF}
.main_board2_w ul.main_list li {line-height: 32px;}
.main_board2_w ul.main_list li p {text-align:right;width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board2_w ul.main_list li p span {width:57.5px;display:inline-block; font-size: 10px; color: #3773FF; float: right; text-align: right;}

.main_board_w .update {padding: 2.7vw; border-radius: 10px; background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); box-sizing: border-box;}
.main_board_w .update .img {width: 50.5vw; height: 36.9vw; margin: 0 auto; background: url('../img/bg1.png') no-repeat center/100%;}
.main_board_w .update p {margin-top: 2.7vw; }
.main_board_w .update p .txt1 {font-weight: bold; text-decoration: underline;}
.main_board_w .update p .bl2.bod {text-decoration: underline;}
.main_board_w .update p .txt2 {font-size: 17px; text-decoration: underline;}

.box2 {box-shadow:3px 3px 6px rgba(0,0,0,0.2);border-radius:10px;text-align:center;}
.free {float:left;width:45.833vw;height:168px;font-size:20px;font-weight:700;color:#3773FF;line-height:210px;background:#E8F6FE url('../img/free_icon.png')no-repeat 50% 35%;}
.free2 {width:94.444vw;height:121px;font-size:20px;font-weight:700;color:#3773FF;margin-bottom:20px;line-height:175px;
                position:relative;background:#E8F6FE url('../img/free_icon.png')no-repeat 50% 35%;}
.free_close {position:absolute;top:225px;right:20px;z-index:99;width:9vw;height:30px;}
.free2_close {margin-left:11px;margin-top:7px;}
.free_txt {width:100%;text-align:right;margin-bottom:14px;font-size:15px;font-weight:700;color:#3773FF;display:none;}
.box_wrap {float:right;}
.service1 {width:45.833vw;height:79px;line-height:80px;background:#fff;color:#3773FF;font-size:20px;font-weight:700;text-align:center;border-radius:13px;box-shadow:2px 2px 5px rgba(0,0,0,0.25)}
.main_art1 {float:left;width:45.833vw;margin-top:10px;}
.main_art1:nth-child(2) {margin-top:0;}
.main_art1:nth-child(3) {margin-top:0;}
.main_art1:nth-child(2n-1) {margin-left:10px;}
.main_contbox1 {width:45.833vw;height:27.5vw;background:#E2E2E2;border-radius:10px;margin-bottom:10px;}
.main_text1 {letter-spacing:-0.5px;padding:0 10px;}
.main_date1 {font-size:10px;font-weight:500;color:#23B0DB;padding:0 10px;}
.main_date2 {font-size:10px;font-weight:500;color:#3773FF;padding:0 10px;}

/*로그인*/
.join_info {line-height: 85px; font-size: 24px; font-weight: 700; padding: 0 5.55vw; background: #f4f4f4; z-index:10;}
.join_info a {float: right; font-size: 15px; color: #3773FF; font-weight: 400}
#login .btnbox {padding-top: 8.33vw; text-align:center;}
#login .btnbox button {width: 69.17vw; height: 60px; border-radius: 10px; font-size: 20px; color: #fff; border: none; font-family:'Noto Sans KR'; font-weight:500;}
#login .btnbox button.f_bl2 {margin-top: 8.33vw}
.log_f_bl {background:#3773FF; margin-bottom:30px;box-shadow: 3px 3px 6px rgba(0,0,0,0.2)}
.log_f_bl2 {background:#27ABF2;box-shadow: 3px 3px 6px rgba(0,0,0,0.2)}
#join .js_open .art {margin:30px 0;}


/*탈퇴*/
#withdraw .box {padding: 8.33vw 5.5vw;}
#withdraw .box div p {margin-bottom: 5px}
#withdraw .box div:first-child {margin-bottom: 8.33vw}
#withdraw button.f_bl {width: 100vw; height: 50px; position: fixed; bottom:0; border:0; font-size: 20px; color: #fff; font-weight: 600}
.pd_30 {padding:30px 0;}

/*회원가입*/
#join .box {padding: 8.33vw 0; padding-bottom:20vw; text-align:center; box-sizing: border-box;}
#join .box button {width: 69.17vw; height: 16.67vw; border-radius: 10px; border: none; font-size: 20px; color: #fff; font-weight: 600; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
#join .box button.f_bl2 {margin-top: 8.33vw}
#join .box .info, #join .box .info1 {text-align: left;}
#join .box .info1 span {font-size:15px;}원
#join .box .info span {font-weight: 600}
#join .box .chkbox .checkone {display: none}
#join .box .chkbox, #join .box .chkbox ul li {text-align: left;}
#join .box .chkbox span.chk_txt, #join .box .chkbox a {font-size: 14px}
#join .box .chkbox .all {border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); padding: 0 4.16vw; margin-top: 8.33vw;margin-bottom:17px;}
#join .box .chkbox div.all.on {background: #3773FF}
#join .box .chkbox .all .js_click3 {float: right; display:block; width: 11.11vw; height: 40px; line-height: 40px; background: url('../img/arrow5.png') no-repeat center}
#join .box .chkbox .all .js_click3.transform_img {background:url('../img/arrow5-1.png')no-repeat center/5.556vw;}
#join .box .chkbox .all .js_click3.on {background: url('../img/arrow6.png') no-repeat center}
#join .box .chkbox .all .js_click3.on.transform_img {background:url('../img/arrow5-2.png')no-repeat center/5.556vw;}
#join .box .chkbox ul li.box {height:75vw;overflow:hidden;overflow-y:scroll;padding:20px 4.16vw;background:#fff;border-radius:3vw;box-shadow:0.7vw 0.7vw 2vw rgba(0,0,0,0.16)}
#join .box .chkbox ul li label {float: left; width: auto;}
#join .box .chkbox ul li a {display: block;float: right; line-height: 40px; color: #3773FF}
#join .box .sec {text-align: left; margin-bottom: 5.56vw}
#join .box .sec p {font-size: 20px;}
#join .sec label {font-size:15px; color:#D5D5D5; position:absolute; top:33px; left:10px;}
#join .box .sec input {height: 30px; box-shadow:none; border-radius:0; border-bottom: 1px solid #E6E6E6}
#join .box .sec div {position: relative; width: 100%; height: 30px;}
#join .box .sec div input {position: absolute; left:0; top:0;}
/*
#join .box .sec div a {position:absolute; right:0; bottom:5px; font-weight: bold}
*/
#join .box .sec div a {position:absolute; right:0; font-weight: bold}
#join button.submit {width: 100vw; height: 50px; border: none; font-size: 20px; color: #fff; font-weight: 600; position: fixed; bottom:0;}

.chkbox input[type="checkbox"] {display: none;}
.chkbox label {display: inline-block; width: auto; height: 40px; line-height: 40px; }
.chkbox span.chk_img {display: inline-block; width: 23px; height: 23px; background:url('../img/chk_off.png') no-repeat center/ 100%; vertical-align: middle; margin-top: -1px; margin-right: 10px}
.chkbox input[type="checkbox"]:checked + span.chk_img {background:url('../img/chk_on.png') no-repeat center/ 100%;}

.js_click2 {background:#3773FF;}
.join2-1_txt {text-align:left;font-size:20px;font-weight:500;margin-bottom:45px;}

.provision_title1 {display:block;font-size:20px;font-weight:700;margin-bottom:10px;}
.provision_title2 {display:block;font-size:15px;font-weight:700;margin-bottom:10px;}
.join2_provision {font-size:15px;letter-spacing:-0.26px;line-height:22px;}

/*로그인*/
#login .inner2 div {margin-bottom: 8.33vw}
#login .inner2 div p {margin-bottom: 5px;}
#login button.f_bl {width: 100vw; height: 50px; font-size: 20px; color: #fff; font-weight: 600;}
#login .number_box {padding-bottom: 50px;}
#login .number_box ul {display:flex; justify-content: center; flex-wrap: wrap}
#login .number_box ul li {width: 15.83vw; height: 15.83vw; line-height: 15.83vw; text-align:center; margin: 2.78vw; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); font-size: 25px; font-weight: bold;}
#login .number_box ul li.t1 {background: #D6D6D6}
#login .number_box ul li.t2 {background: #E9E9E9}
#login .number_box ul li.t3 {background: #E2EFFF}
#login .number_box ul li.blan {box-shadow: none;}

.chkbox2 {text-align:center;}
.chkbox2 input {width: inherit; height: inherit; box-shadow:none; vertical-align: middle; }
.chkbox2 label {display: inline-block; margin-right: 8.33vw}

/*근로자*/
#worker .m_box {text-align: center;}
#worker .m_box button {width: 69.17vw; height: 60px; font-size: 20px; font-weight: bold}
#worker .m_box button.bot {margin-top: 8.33vw}
#worker .m_box p {text-align: left; font-weight: bold}
#worker .m_box input {height: 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid #E6E6E6;}
.submit {width: 100vw; height: 50px; font-size: 20px; color: #fff; font-weight: bold; background:#3773FF;}
.submit_2 {width: 50vw; height: 50px; font-size: 20px; color: #fff; font-weight: bold; background:#3773FF;}
.submit2 {width: 100vw; height: 50px; font-size: 20px; color: #fff; font-weight: bold; background:#27ABF2;}
.submit_delete {float:left; width: 50%; height: 50px; font-size: 20px; color: #fff; font-weight: bold;}
.submit_keep {float:right; width: 50%; height: 50px; font-size: 20px; color: #fff; font-weight: bold;}
#worker .btnbox button {width: 50vw; height: 100%; float: left; font-size: 20px; color: #fff; font-weight: 500; box-sizing: border-box; font-family:'Noto Sans CJK KR'}
#worker .btnbox button:first-child {border-right: 1px solid #fff; font-family:'Noto Sans CJK KR'}
#worker .sec label {font-size:15px; color:#D5D5D5; position:absolute; top:30px; left:10px;}
#worker .sec input {height: 35px; box-shadow:none; border-radius:0; border-bottom: 1px solid #E6E6E6}

.rabox input[type="radio"] {display:none}
.rabox span.ra_img, .week_js_click label .ra_img {display:inline-block; width: 20px; height: 20px; 
                                background: url('../img/chk_off2.png')no-repeat center; vertical-align: middle; margin-top: -3px;}
.rabox span.ra_txt, .week_js_click .ra_txt {font-weight:bold}
.rabox input[type="radio"]:checked + label span.ra_img {background: url('../img/chk_on2.png') no-repeat center/100%}

.ra_box input[type="radio"] {display: none;}
.ra_box label {display:inline-block; width:40.278vw; height: 42px; line-height: 42px; text-align: center; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-bottom: 5.56vw;background:#fff; }
.ra_box input[type="radio"]:checked + label {background: #3773FF; color: #fff;}

.ra_box_pay input[type="radio"] {display: none;}
.ra_box_pay .fl, .fl_c, .fl_d, .ra_box_del .fl_d, .sect_del .d_fl {display:inline-block; width: 45.8vw;text-align: center; border-radius: 10px;padding: 11.111vw 0;
                    margin-right:10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-bottom: 5.56vw; }

.ra_box_pay label:nth-of-type(2n) {margin-right:0;}
.ra_box_pay .fr {display:inline-block; width: 45.8vw; height: 100px; line-height: 100px; text-align: center; border-radius: 10px;
                    box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-bottom: 5.56vw; }
.ra_box_pay input[type="radio"]:checked + label {background: #3773FF; color: #fff;}

.ra_box_del input[type="radio"] {display:none;}
.fl span, .fl_d span, .fl_c span, .fr span {font-size:20px; font-weight: 500;}

.week_js_click input[type="checkbox"]:checked + label .ra_img {background:url('../img/chk_on2.png') no-repeat center/ 100%;}


#mypage .ra_box {margin-bottom: 8.33vw}
#mypage form ul {margin-bottom: 5.56vw}
#mypage form ul li {margin-bottom: 5.56vw}
#mypage form ul li p {font-weight: bold; text-indent:10px;}
#mypage form ul li input {height: 30px; border-radius: 0; box-shadow:none; border-bottom: 1px solid #b7b7b7; text-indent:10px; padding:0; font-size: 15px; color: #6a6a6a}
#mypage form ul li.date, #mypage form ul li.time {border-bottom: 1px solid #b7b7b7} 
#mypage form ul li.date input {width: 30vw; border:0}
#mypage ul li.time input, #mypage ul li.time2 input  {width: 47%; border-bottom:1px solid #B7B7B7; text-align:center;}
#mypage form ul li .rabox {width: 100%; height: 30px; position:relative;}
#mypage form ul li .rabox .plc_text3 {position:absolute; left: 9px; top:5px;}
.rabox .plc_text3 {font-size:15px; font-weight:400; color:#6A6A6A;}
#mypage form ul li .rabox div {position:absolute; top:0; right:0; }
#mypage form ul li .rabox div label {display:inline-block; margin-left: 5px;}
#mypage #show2 {display:none;}
#mypage ul .plc_text3 {position:absolute; top:20px; left:0;}
#mypage .form_open3 {width:100%;resize:none;margin-top:10px;margin-bottom:0;}
#mypage .chkbox .chk_txt {display:inline-block;width:76vw;font-size:12px;color:#3773ff;}
#mypage .chkbox {margin-bottom:5.556vw;}
#mypage .chkbox label {width:100%;height:auto;line-height:inherit;margin-bottom:5.33vw;}
#mypage .chkbox .chk_img {width:20px;height:20px;border-radius:0;margin:0;background:url('../img/chk_off2.png')no-repeat center/100%;}
#mypage .chkbox .chk_img.on {margin-top:6px;}
#mypage .chkbox input:checked+label .chk_img {background:url('../img/chk_on2.png')no-repeat center/100%;}
#mypage form div{margin-bottom:5.56vw}
#mypage form p {font-weight:700;}
#mypage form div input {height:30px;border-radius:0;box-shadow:none;border-bottom:1px solid #b7b7b7;padding:0 10px;color:#8f8f8f;}

.week_click_wrap {width:100%; position:fixed; left:0; bottom:0; z-index:99999; background:#fff;}
.week_click_h {width:100%; position:relative; left:0; top:0; line-height:60px; font-size:18px; border-bottom:1px solid #e0e0e0; text-align:center;}
.wc_btn {position:absolute; top:0; left:0; height:100%; padding: 0 15px; color:#666; font-size:16px; cursor:pointer; }
.wc_ok {left:auto; right:0; color:#007bff;}
.week_click_b {padding: 25px 0;}
.week_click_b ul {width:90%; margin: 0 auto;padding: 25px 0;}
.week_click_b ul li {width:14.284%; float:left;border-left:1px solid #fff;box-sizing:border-box;}
.wc_button {padding:3.333vw; font-size:17px; font-weight:500; font-family:'Noto Sans KR'; background:#FFF;}

#ui-datepicker-div {width: 88.89vw; background: #fff;}
#ui-datepicker-div table {width: 100%;}
#ui-datepicker-div .ui-datepicker-header {position:relative; width: 100%; height: 50px;}
#ui-datepicker-div .ui-datepicker-prev {position:absolute; left:15px; top:15px}
#ui-datepicker-div .ui-datepicker-next {position:absolute; right:15px; top:15px}
#ui-datepicker-div .ui-datepicker-title {position:absolute; left:50%; top:50%; transform: translate(-100%,-50%);}

/*정부지원*/
#support .box {text-align: center; width: 100%; padding: 4.16vw; box-sizing: border-box; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-bottom: 8.33vw;}
#support .box:last-child {margin-bottom: 0;}
#support .box p {text-align: left;}
#support .box .tit {font-size: 20px; font-weight: bold}
#support .box .art {font-size: 17px; margin-top: 5px;}
#support .box button {width: 44.17vw; height: 40px; border-radius: 10px; font-size: 20px; color: #fff; font-weight: bold; margin-top: 15px;}
#support .img {width: 100%; height: 66.67vw; position: relative;}
#support .img img {width: 100%; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

#calc .img {width: 69.17vw; padding: 2.78vw 0; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); text-align:center;  margin: 0 auto;}
#calc .img p {font-size: 20px; font-weight: bold}
#calc .txtbox {text-align:center; margin-top: 11.11vw}
#calc .txtbox p {margin-top: 5.56vw;}
#calc .txtbox p:first-child {margin-top:0;}
#calc .txtbox p.bl2 {font-weight: 500}
#calc .linkbox {text-align: center;}
#calc .linkbox p {margin-top: 11.11vw;}
#calc .linkbox p.bl {font-weight: bold;}
#calc .linkbox a {display: block; margin-top: 4.16vw; white-space: wrap;}
#calc .day .chkbox2 {display:inline-block; border: 1px solid #000; display:flex; justify-content: center; margin-top: 2.78vw;}
#calc .day .chkbox2 label {display:inline-block; width: 12.5vw; height: 13.89vw; line-height: 13.89vw; border-right: 1px solid #000; margin:0;}
#calc .day .chkbox2 label:last-child {border:0;}
#calc .day .chkbox2 input {display: none;}
#calc .day .chkbox2 input[type="checkbox"]:checked + label {background: #3773FF}
#calc p.art {text-align:center; font-size: 12px; color: #8f8f8f; margin-top: 2.78vw}
#calc .workers {margin-top: 5.56vw}
#calc .workers ul {display:inline-block; border: 1px solid #000; display:flex; justify-content: center; margin-top: 2.78vw;}
#calc .workers ul li {display:inline-block; width: 12.5vw; height: 13.89vw; border-right: 1px solid #000; margin:0; text-align:center;}
#calc .workers ul li:last-child {border:0;} 
#calc .workers ul li p {margin-top:3px}
#calc .workers ul li input {border-radius:0; box-shadow:none; height: 25px; padding: 0; text-align:center; color:#27ABF2; font-weight: bold;}
#calc .workers ul li input.holi {color: #FF0000}
#calc .btnbox {margin-top: 6.94vw; text-align: center;}
#calc .btnbox button {width: 41.39vw; height: 40px; border-radius: 10px; background: #3773FF; font-size: 20px; color: #fff; font-weight: 600}
#calc .result {margin-top: 11.11vw}
#calc .result p {text-align:center; font-weight: 500; }
#calc .result p:last-child {margin-top: 4.16vw}
#calc .result p span {display:inline-block; padding: 0 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #3773FF}

#business .chkbox {margin-bottom: 5.56vw;}
#business .chkbox label {width: 100%; height: auto; line-height: inherit; margin-bottom: 8.33vw}
#business .chkbox .chk_img {width: 20px; height: 20px; background: url('../img/chk_off2.png') no-repeat center/100%; border-radius:0; margin:0;}
#business .chkbox .chk_img.on {margin-top:6px}
#business .chkbox input:checked + label .chk_img {background: url('../img/chk_on2.png') no-repeat center/100%;}
#business .chkbox .chk_txt {display: inline-block; width: 81vw; font-size: 12px; color: #3773FF}
#business form>div {margin-bottom: 5.56vw;}
#business form div p {font-weight: bold;}
#business form div input {height: 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid #e4e4e4; padding:0 10px; color: #8f8f8f}
#business .signature .sign_area {width: 100%; height: 81.4vw; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-top: 10px}
#business .signature, #business .rate {margin-top: 13.89vw; text-align: center; margin-bottom: 0;}
#business .signature>p, #business .rate>p {font-size: 20px; font-weight: 500; }
#business .rate .rate_tbl {padding: 8.33vw 8.33vw; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-top: 8.33vw}
#business .rate .rate_tbl span.mon {float: left; display:inline-block; padding: 3px 10px; border-radius: 5px; background: #27ABF2; color: #fff; font-weight: bold}
#business .rate .rate_tbl span.bl {float: left; line-height: 28px; margin-left: 10px;}
#business .rate .rate_tbl span.bl, #business .rate .rate_tbl span.mon {margin-top: 15px;}
#business .rate .rate_tbl span.price {display: inline-block; float: right; text-align: right;}
#business .rate .rate_tbl em.cust {display:block; font-size: 12px; color: #8f8f8f; text-decoration: line-through;}
#business .rate .rate_tbl em.prc {font-size: 18px; font-weight: bold;}
#business .rate .rate_tbl p.date {margin-top: 8.33vw; font-weight: 400}
#business .btnbox {display: flex; justify-content: space-between}
#business .btnbox button {width: 50vw; height: 50px; font-size: 20px; color: #fff; font-weight: 600; box-sizing: border-box;}
#business .btnbox button:first-child {border-right: 1px solid #fff;}
.my_charge {width: 100%; height: 215px; border-radius: 10px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-top:10px;overflow:hidden;padding:10px 10px 10px 20px;
                box-sizing:border-box;}
.my_charge p:nth-child(2n-1) {width:43px;font-size:15px;font-weight:500 !important;float:left;text-align:left;margin-right:9px;margin-bottom:20px;}
.my_charge p:nth-child(2n) {width:240px;font-size:15px;font-weight:400 !important;float:left;border-bottom:1px solid #ccc;text-align:left;text-indent:10px;margin-bottom:20px;}

.business_box {margin-top:16px;}
.business_box span {float:left;margin-bottom:19px;padding-top:3px;letter-spacing:-0.7px;}
.business_box div {float:left;width:26px;height:26px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);margin:0 3px;border:1px solid #ccc}

.go_mybox {width:auto;height:322px;text-align:left;margin:0 auto;padding:20px 20px 40px 20px;box-sizing:border-box;line-height:28px;}

.business_select select {font-size:3.7vw;letter-spacing:-0.2vw;}
.business_select option {height:10vw;}
.business_select select {-ms-overflow-style:none;scrollbar-width:none;}
.business_select select::-webkit-scrollbar {display:none;}
.business_box .select-box a {padding:0;background:none;font-size:3.5vw;}
.business_box .select-box.select-active a {background:none;}

/*근로자 관리 메인*/

#worker_adm .sect {margin-bottom: 11.11vw}
#worker_adm .sect p.tit {font-size: 20px; font-weight: 500; margin-bottom: 8.33vw; padding-left: 2.7vw}
#worker_adm .sect p.tit:last-child {margin-bottom: 0;}
#worker_adm .sect p.tit .left {display:inline-block; width: 60vw;}
#worker_adm .sect p.bl {font-weight: 500; margin-bottom: 10px}
#worker_adm .work1 p.none {width: 100%; height: 27.5vw; line-height: 27.5vw; border-radius: 15px; border: 1px dashed #cecece; text-align: center; box-shadow: 3px 3px 6px rgba(0,0,0,0.2);}
#worker_adm .sect>div>ul>li {width: 45.8vw; height: 27.5vw; border-radius: 15px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-right: 2.7vw; margin-bottom: 2.7vw; border: 1px dashed #cecece; box-sizing: border-box;}
#worker_adm .sect>div>ul>li:nth-child(2n) {margin-right:0;}
#worker_adm .sect>div.work1>ul>li {line-height: 27.5vw; text-align: center; border: none;}
#worker_adm .sect_del>div.work5>ul>li {line-height: 27.5vw; text-align: center; border: none;}
#worker_adm .work1 ul li a {font-size: 20px; font-weight: 500;}
#worker_adm .work5 ul li a {display:block; font-size: 20px; font-weight: 500;}
#worker_adm .work2 ul li {background: url('../img/more.png') no-repeat center;}
#worker_adm .work3 ul li {background: url('../img/more2.png') no-repeat center;}
#worker_adm .work4 ul li, .ra_box_pay ul li {background: url('../img/del.png') no-repeat center;}
#worker_adm .work6 ul li {background: url('../img/del.png') no-repeat center;}
#worker_adm .work5 .d_fr {background: url('../img/del.png') no-repeat center;}
#worker_adm .btnbox {width: 100%;}
#worker_adm .btnbox button {width: 50%; height: 50px; font-size: 20px; color: #fff; font-weight: bold; box-sizing: border-box;}
#worker_adm .btnbox button:first-child {border-right: 1px solid #fff}
.worker1, .worker2, .worker3 {cursor:pointer;}
.work6 ul li:nth-child(2) a {display:block;}
.work6 ul li:nth-child(2) a:hover {background:#3773FF;}
.w_adm_text {color:#8F8F8F; text-align:center; padding:26px 0 50px 0;line-height:30px;}
#worker_adm .sect>div>ul>.min {width: 45.8vw; height: 27.5vw; border-radius: 15px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-right: 2.7vw; margin-bottom: 2.7vw; border: 1px dashed #cecece;background: url('../img/del.png') no-repeat center; box-sizing: border-box;}

#worker_adm .work1 {margin-bottom:40px;}
#worker_adm .work1 .bl15 {text-indent:10px; margin-bottom:10px;}
#worker_adm .work1 .bl15 span {font-size:12px;color:#6A6A6A;}

/*근로자 정보 입력*/
#worker_info .box {text-align: center;}
#worker_info .box button {width: 69.17vw; height: 16.67vw; font-size: 20px; font-weight: 500;}
#worker_info .box button.bot {margin-top: 4.17vw}
#worker_info .box p {line-height: 25px; margin-top: 11.11vw;}
#w_login .box>p {margin-bottom: 5px;}
#mypage .btnbox {width: 100%;box-sizing:Border-box;}
#mypage .btnbox button {width: 50%; }
#mypage .btnbox .cancel {width:140px;}
#mypage .btnbox .d_bl_delete {width:140px;}


.Del1, .Del2 {width: 88.89vw; border-radius: 10px; overflow: hidden; background: #fff; display: none;}
.Del1 .tit, .Del2 .tit {line-height: 40px; text-align:center; font-size: 20px; color: #fff; }
.Del1 .tit2, .Del2 .tit2 {text-align:center; padding: 8.33vw 0; font-size: 20px}
.Del1 .tit2 span, .Del2 .tit2 span {font-weight: bold}
.Del1 .btnbox, .Del2 .btnbox {padding: 0 2.7vw 8.33vw 2.7vw; text-align:center;}
.Del1 .btnbox button, .Del2 .btnbox button {width: 38.61vw; height: 40px; border-radius: 10px; border:0; font-size: 20px; font-weight: 600; color: #fff; margin-top: 8.33vw; }
.Del1 .btnbox button.Del_click {background: none; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); color: #101010}

/*급여대장*/
#payroll .sect {margin-bottom: 11.11vw}
#payroll .sect .tit {font-size: 20px; font-weight: bold;}
#payroll .sect .art {line-height: 30px; margin-top: 8.3vw}
#payroll .sect .img {width: 100%; height: 61vw; text-align:center; background: #dfdfdf; margin-top:11.11vw}
#payroll .sect .img p {font-size: 25px; color: #FF0000; padding-top: 19vw;}
#payroll .sect .art2 {font-weight: 500; margin-top: 8.33vw}
.js_open11 .art {font-size:15px; text-align:center; color:#3773FF; letter-spacing:-1px; margin-bottom:30px; }
#worker_adm p.blanc {text-align:center; padding-top: 11.11vw; color:#6A6A6A;}
.form_click1-0,.form_click1-1, .form_click1-2, .form_click1-3 {text-align:center; margin-bottom: 30px}
.form_click1-0 img,.form_click1-1 img, .form_click1-2 img, .form_click1-3 img {transition: transform 0.7s;transform:rotate(180deg)}
.form_click1-0.on img,.form_click1-1.on img,.form_click1-1.on img, .form_click1-2.on img, .form_click1-3.on img {transform : rotate(360deg); }
.form_click2 {text-align:center; margin-bottom: 11.11vw;}

.form_open0{margin-bottom: 3.333vw;background: #F4F4F4;padding: 3.333vw 0;border-radius: 2.222vw;}
.form_open0 select{background: url(/img/arrow5.png)no-repeat 95% 50%/5.556vw;padding: 2.222vw 3.333vw;text-align: start;border-bottom: 1px solid #B7B7B7;width: 92%;margin: 0 auto;display: block;}


.form_open1 {width:100%;margin:0 auto 50px auto; height:462px;background:#F4F4F4;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,0.23);
                        padding:16px 10px 20px 10px;box-sizing:border-box;}
.form_open1 p {text-indent:10px;font-size:15px;}
.form_open1 input {background:#F4F4F4; border-bottom:1px solid #B7B7B7;box-shadow:none;border-radius:0;height:35px;padding-top:5px;margin-bottom:15px;}

.form_open1 .addrBox{padding: 2.222vw 0;}
.form_open1 .addrBox{display: flex;}
.form_open1 .addrBox button{width: 26%; height:35px;background: #3773FF;color: #FFF;}

.form_open2 {width:100%;margin:0 auto 50px auto;background:#F4F4F4;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,0.23);
                        padding:16px 10px 20px 10px;box-sizing:border-box;}
.form_open2 p {text-indent:10px;font-size:15px;font-weight:700;}
.form_open2 input {background:#F4F4F4; border-bottom:1px solid #B7B7B7;box-shadow:none;border-radius:0;height:35px;margin-bottom:15px;}
.ra_box input[type="checkbox"] {display:none;}
.ra_box input[type="checkbox"]:checked+label {background:#3773FF;color:#fff;}
.form_open2 .date input {width:47%;text-align:center;}
.form_open2 .break_time input {width:47%;text-align:center;}

.form_open3 {width:100%;margin:0 auto 50px auto; height:271px;background:#F4F4F4;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,0.23);
                        border:none;word-break:break-all;white-space:pre-line;padding:16px 10px 20px 10px;box-sizing:border-box;}
.form_open3 p {text-indent:10px;font-size:15px;}
.form_open3 input {background:#F4F4F4; border-bottom:1px solid #B7B7B7;box-shadow:none;border-radius:0;height:35px;padding-top:5px;margin-bottom:15px;}
.form_open3 .date input {width:47%;text-align:center;}

#mypage .js_open .art {margin:30px 0;}

.tg_title_wrap {margin:0 auto 4.444vw;display: flex;justify-content: space-between;align-items: center;}
.tg_time {font-size:15px;font-weight:500; color:#3773FF;width: 40%;}
.tg_date {font-size:18px; font-weight:700; color:#3D3D3D;display: flex;width: 30%;align-items: center;}
.tg_date input{box-shadow: none;border-radius: 0;height: 100%;padding: 0;text-align: center;}
.payroll_tg thead, .payroll_tg2 thead {color:#9C9C9C;}
.tg_01ax, .tg_01a {font-weight:600;line-height:10px;}
.tg_01ax .date{height: 25px;line-height: 25px;width: 25px;margin: 0 auto 1.111vw;}
.tg_01ax .bot{font-size: 2.333vw;color: #FF0000;}
.tg_01ax .bot1{font-size: 2.333vw;color: #3773FF;}
.tg_01ax .bot2{font-size: 2.333vw;color: #27ABF2;}
.tg_gray .date{width: 25px;height: 25px;line-height: 25px;margin: 0 auto 1.111vw;}

#pd_stime, #pd_etime {box-shadow:none; width:47%; text-align:center; border-bottom:1px solid #B7B7B7;border-radius:0;margin-bottom:20px;height:40px;font-size:17px;padding-top:12px;}

.btn_pic_wrap {position:fixed;bottom:0;z-index:20;}
.b_p1 {border-bottom:1px solid #fff; display:none;}
.b_p2 {border-bottom:1px solid #fff; display:none;}
.b_p2_1 {position:absolute;top:50%;right:0;width:65px;height:51px;margin-top:-25px;background:#3773FF;font-size:15px;font-weight:600;color:#fff;}
.b_p2_wrap {height:50px;position:relative;}
.pic_date {background:rgba(0,0,0,0.72);height:100px;position:relative;display:none;}
.pic_date p:first-child {position:absolute;top:15px;left:18px;font-size:18px;font-weight:500;color:#fff;}
.pic_date p:nth-child(2) {position:absolute;top:40px;left:18px;font-size:15px;font-weight:500;color:#fff;}
.pic_date img {position:absolute;top:50%;right:20px;margin-top:-12px;}
.btn_pic_wrap input {border-radius:0;text-align:center;box-shadow:none;}

.payroll_tg_ex {width:240px;display:flex;margin:0 auto;}
.tg_ex1, .tg_ex2, .tg_ex3 {display:flex;}
.tg_ex1 {color:#3773FF;font-size:10px;font-weight:500;width:80px;}
.tg_ex2 {color:#FF0000;font-size:10px;font-weight:500;width:80px;}
.tg_ex3 {color:#27ABF2;font-size:10px;font-weight:500;width:80px;}
.tg_ex1 p, .tg_ex2 p, .tg_ex3 p {margin:4px 0 0 5px;}

.payroll_js_time {width:92%;height:25px;font-size:15px;color:#6A6A6A;background:none;border-bottom:1px solid #B7B7B7;box-shadow:none;
                padding:0 3vw;border-radius:0;display:block;margin:0 auto 30px auto;}

.p3_btn {background:#3773FF;color:#fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.2)}

.payroll_midline {height:40px;line-height:40px;padding:0 30px; overflow:hidden; background:#E5EDFF;letter-spacing:-0.5px;}

.total_work1 {display:flex;margin-top:50px;margin-bottom:5px;}
.total_work2 {width:100%;box-shadow: 3px 3px 6px rgba(0,0,0,0.3);border-radius:10px;padding:10px 0;margin-bottom:20px;}

.employee {padding:0 20px;padding-top:10px;overflow:hidden;max-width:880px;margin:0 auto;box-sizing:border-box;margin-bottom:40px;}
.emp_box {width:210px;float:left;margin-bottom:14px;}
.emp_box:nth-child(2) {margin-bottom:35px;}

.pdf_text {width:240px;text-align:center;font-size:15px;font-weight:500;color:#3773FF;margin:0 auto;}
#mypage .inner_t2 {padding-bottom:100px;}

.wa_js3-1 {text-align:center;font-size:4.167;color:#8F8F8F;display:none;margin-top:27vw;}

/*근로자 선택*/
.sect1_textbox {width:210px; margin-left:10px; margin-bottom:50px; overflow: hidden; color:#3773FF;font-size:20px; font-weight:700;}
.bl3 {float:left;}
.bl3-1 {float:right;}
#worker_adm .sect1>div>ul>li {width: 45.8vw; height: 27.5vw; border-radius: 15px; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); margin-right: 2.7vw; margin-bottom: 2.7vw; border: 1px dashed #cecece; box-sizing: border-box;}
#worker_adm .sect1>div>ul>li:nth-child(2n) {margin-right:0;}
#worker_adm .sect1>div.work1>ul>li {line-height: 27.5vw; text-align: center; border: none;}

/*근로계약서*/
.spread_box {text-align:center; line-height:35px; margin-top:10px;}

#mypage .w_adm_text {color:#8f8f8f;line-height:25px;}
#mypage .form_open1, #mypage .form_open2, #mypage .form_open3 {background:#F4F4F4;}
#mypage .form_open1 input, #mypage .form_open2 input {background:none;}

.contract_none_txt {text-align:center;font-size:4.167vw;color:#6A6A6A;line-height:6.5vw;margin-top:28vw;display:none;}

/*4대보험*/
.ins_title {float:left; width:35%; font-size:20px; font-weight:500; margin-bottom:15px; padding-left:2.7vw; box-sizing:border-box; display:inline-block; color:#3773FF;}
.ins_article {display:inline-block; width:65%; font-size:20px; font-weight:400; margin-bottom:15px;}
.ins_title span:nth-child(2) {color:#000000; font-weight:400;}
.ins_title2 {float:left; width:35%; font-size:20px; font-weight:500; margin-top:15px; padding-left:2.7vw; box-sizing:border-box; display:inline-block; color:#27ABF2; }
.ins_article2 {display:inline-block; width:65%; font-size:20px; font-weight:400; margin-top:15px;}
.ins_title2 span:nth-child(2) {color:#000000; font-weight:400;}
.ins_title3 {float:left; width:35%; font-size:20px; font-weight:500; margin-top:15px; padding-left:2.7vw; box-sizing:border-box; display:inline-block; color:#13CA91; }
.ins_article3 {display:inline-block; width:65%; font-size:20px; font-weight:400; margin-top:15px;}
.ins_title3 span:nth-child(2) {color:#000000; font-weight:400;}

.ins3_article {text-align:center; color:#6A6A6A; margin-top:50px; line-height:25px;}
.ins3_article1 {margin-bottom:30px;}

.js15_alert_inner {padding:30px; letter-spacing:-1px;}
.ins3_alert1 {font-size:20px; font-weight:700; margin-bottom:5px;} .ins3_alert1 span {font-weight:500;}
.ins3_alert2 {font-size:20px; font-weight:500; color:#3773FF; margin-top:10px;} .ins3_alert2 span {font-weight:400; color:#191919;}
.ins3_alert3 {font-size:20px; font-weight:500; margin-top:30px;}
.ins3_alert4 {font-size:15px; font-weight:400; color:#6A6A6A; margin-top:30px;}
.ins3_alert5 {font-size:20px; font-weight:400; line-height:37px; margin-top:30px;}
.ins3_alert6 {font-size:15px; font-weight:400; color:#101010; margin-top:10px;}

.ins_sign_wrap {margin:40px 0;}
.ins_sign_t {text-align:center; font-size:20px; font-weight:500;}
.ins_sign {width:320px; height:293px; margin:15px auto; background:#fff; border-radius:10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.25)}

.ins4_text_box {margin-top:10px; margin-bottom:50px; text-align:center; height:180px; line-height:180px; background:#EBEBEB; color:#6A6A6A;}
#mypage .my_w>li>ul>p {font-size:15px; font-weight:400;}
.ins_liwrap {position:absolute; top:23px; background:#fff; width:88.90vw; display:none;}
.my_w li ul {text-indent:10px; margin-top:5px; height:22px; position:relative; border-bottom:1px solid #B7B7B7; color:#6A6A6A;}

#mypage .my_w>li>ul>.ins_liwrap>li {margin-bottom:0; height:30px; line-height:30px; border:1px solid #B7B7B7; border-top:none;}
#mypage .my_w>li>ul>.ins_liwrap>li a {display:block; color:#6A6A6A}

.my_w li button {display:none;}

#worker_adm .ra_ok {line-height:normal;padding-top:20px;box-sizing:border-box;}
#worker_adm .ra_ok span:nth-child(2) {display:block;font-size:15px;margin-top:8px;}
#worker_adm .ra_no {line-height:normal;padding-top:20px;box-sizing:border-box;}
#worker_adm .ra_no span:nth-child(2) {display:block;font-size:15px;margin-top:8px;}

#worker_adm .wa_box:nth-child(2) p:nth-child(3), #worker_adm .wa_box:nth-child(2) p:nth-child(4) {margin-bottom:15px;}
#worker_adm .wa_box:nth-child(1) {border-bottom:1px solid #ddd;}
#worker_adm .wa_box:nth-child(2) {border-bottom:1px solid #ddd;}

#worker_adm .form_open3 {width:100%;background:#fff;resize:none;margin-top:10px;}

/*뉴스*/
#news { background:#f4f4f4;box-sizing:border-box;}
.news_wrap {width:88.889vw; padding:0 5.556vw;padding-top:8.333vw;padding-bottom:8.333vw; overflow:hidden;}
.news_article {float:left; width:155px; height:176px; position:relative; box-sizing:border-box; border-radius:15px;
                                                    margin-bottom:20px; background:#E9E9E9; box-shadow: 3px 3px 10px rgba(0,0,0,0.25); text-align:center; overflow:hidden;}
.news_article .box{width: 100%;height: 116px;padding: 20px 0;box-sizing: border-box;}
.news_article2 {float:right; width:155px; height:176px; position:relative; padding: 30px 0 24px 0; box-sizing:border-box; border-radius:15px;
                                                   margin-bottom:20px; background:#E9E9E9; box-shadow: 3px 3px 10px rgba(0,0,0,0.25); text-align:center;}

.news_title {font-size:18px; font-weight:500; color:#191919; margin-bottom:6px;}
.news_text1 {font-size:10px; font-weight:500; color:#191919; margin-bottom:5px;}
.news_text2 {font-size:13px; font-weight:400; color:#999999;}
.news_article_day {position:absolute; bottom:0; border-radius: 0 0 15px 15px; width:155px; height:60px; line-height:60px; background:#fff;}
.news_text3 {font-size:15px; font-weight:400; color:#999999;}

.news_btn {width:250px; height:60px; display:block; margin:0 auto; border-radius:10px; box-shadow: 3px 3px 7px rgba(0,0,0,0.15); background:#fff;
                            font-size:20px; font-weight:500; color:#101010; font-family:'Noto Sans KR'}
.news4_txt {font-size:15px; font-weight:400; color:#101010; text-align:center; margin-top:60px; line-height:25px;}

.news_advice1 li {margin-bottom:30px;}
.news_advice1 li p {font-size:15px; font-weight:700; color:#191919; text-indent: 10px;}
.news_advice1 input {height: 35px; font-size:15px; font-weight:400; color:#101010; box-shadow:none; border-radius:0; border-bottom:1px solid #B7B7B7; padding-top:5px;}

.news_advice2 {width:100%; text-align:center;}
.na_text_box {overflow:hidden; padding:0 25px; margin-bottom:10px;}
    .na_title {float:left; font-size:15px; font-weight:700;}
    .na_date {float:right; font-size:15px; font-weight:400; color:#8F8F8F;}
.na_box {width:300px; height:287px; border-radius:10px; margin:0 auto; padding:50px 20px; box-sizing:border-box; background:#F4F4F4; box-shadow:3px 3px 7px rgba(0,0,0,0.15);}
    .na_text {font-size:15px; font-weight:400; color:#101010;}

.my_adv_title {font-size:20px; font-weight:700; color:#000000; text-indent:10px; margin-bottom:25px;}
.my_advice li {list-style:decimal; list-style-position:inside; border-bottom:1px solid #B7B7B7; padding:0 10px; margin-bottom:30px; height:30px; line-height:35px;}
.my_advice li a {display:inline-block; width:94%;}

.news5-1_ta {width:83.333vw;height:79.722vw;border:0;background:#F4F4F4;border-radius:3vw;resize:none;box-shadow:0.8vw 0.9vw 1.8vw rgba(0,0,0,0.2);padding:3vw;box-sizing:border-box;}
.news5-1_ta::placeholder {text-align:center;line-height:6.5vw;padding-top:12.2vw;color:#999;}

.news5-2_ta {width:83.333vw;height:79.722vw;border:0;background:#F4F4F4;border-radius:3vw;resize:none;box-shadow:0.8vw 0.9vw 1.8vw rgba(0,0,0,0.2);padding:3vw;box-sizing:border-box;}
.news5-2_ta::placeholder {text-align:center;line-height:6.5vw;padding-top:32.2vw;color:#000;}

/*요금안내*/
.charge_article {font-size:18px; font-weight:500; margin-bottom:44px;}
.charge_article span:first-child {color:#27ABF2}
.charge_article span {color:#3773FF; font-weight:700;}

.charge_btn {width:230px; height:80px; display:block; background:#fff; border-radius:10px; box-shadow:4px 4px 10px rgba(0,0,0,0.17); margin:0 auto;}
.charge_btn_box p {font-size:20px; font-weight:700;}
.charge_article2 {font-size:15px; text-align:center; line-height:26px;}

.charge1_btn {width:42.222vw; height:77px; background:#fff; border-radius:10px; box-shadow:4px 4px 10px rgba(0,0,0,0.17); margin-bottom:30px;}
.charge_btn_box span {color:#27ABF2; font-weight:700;}

/*월 정기 결제 요금*/
.crg_tit_box {width:100%; height:40px; line-height:40px; text-align:center; background:#E5EDFF; margin-bottom:30px; font-size:18px; font-weight:700; color:#3773FF;}

/*상시 근로자 수 계산기*/
.calcu_box {width:250px; height:120px; margin:0 auto 40px auto; text-align:center; padding: 9px 0 10px 0; box-sizing:border-box; border-radius:10px; box-shadow: 3px 3px 8px rgba(0,0,0,0.25);}
.calcu_linkwrap {margin-bottom:50px;}

.calcu_box1 {margin-bottom:20px;}
.calcu_box2 {margin-bottom:25px;}
.date_pic_wrap {overflow:hidden; text-align:center; margin:10px 0; box-shadow: 3px 3px 8px rgba(0,0,0,0.25);}
.date_pic_wrap2 {overflow:hidden; text-align:center; margin:10px 0;}
.date_pic {float:left; width:14.285%; height:50px; border: 1px solid #000; box-sizing:border-box; border-left:none; background:#3773FF; font-weight:700; color:#fff;}
/* .date_pic2 {float:left; width:14.285%; height:50px; line-height:23px; border: 1px solid #000; box-sizing:border-box; border-left:none; background:#fff; font-weight:700; color:#3773FF;} */
.calcu_btn {width:44.17vw; height:40px; border-radius:10px; font-size:20px; color:#fff; font-weight:700; display:block; margin:0 auto 40px auto;}
.date_pic_wrap input[type="radio"] {display:none;}
.date_pic_wrap input[type="radio"]+label {background:#3773FF;color:#fff;}
.date_pic_wrap input[type="radio"]:checked+label {background:#fff;color:#000;font-weight:400;}
.date_pic_wrap label {display:block; float:left; width:14.285%; height:50px; line-height:50px; text-align:center; border:1px solid #000; box-sizing:border-box; border-left:none;}
.calcu_box3 {width:249px;height:94px;line-height:30px;margin:0 auto 30px auto;padding-top:16px;box-sizing:border-box}
.find_pw{padding-top: 42vw;width: 92%;margin: 0 auto;}
.find_pw li{padding: 2.222vw 0;}
.find_pw li p{margin-bottom: 3.333vw;}
.bt_rpw{position: fixed;bottom: 0;width: 100%;height: 13.889vw;padding: 3.333vw 0;font-size: 5.556vw;color: #FFF;background: #3773ff;}

.filebox{display: flex;align-items: center;padding-bottom: 20vw;width: 92%;margin: 0 auto;}
.sound_only{background: #3773FF;display: block;width: 20vw;text-align: center;color: #FFF;padding: 3.333vw 0;}
.fileName{box-sizing: border-box;border-radius: 0;box-shadow: none;padding: 3.333vw;}

.file_flex .flex_box{display: flex;align-items: flex-end;padding: 3.333vw 0;}
.alien .flex_box{display: flex;align-items: center;}
.alien .flex_box .sound_only{height: 35px;padding: 0;line-height: 35px;}
.alien .fileName{margin: 0;}
.file_flex .flex_box .sound_only{padding: 1.111vw 0;}
.adr>p{padding: 2.222vw 0;}
.adr>div{display: flex;}
.adr>div button{width: 25%;background: #3773FF;color: #FFF;}

.sel_top{padding: 3.333vw 0;border-bottom: 1px solid #b7b7b7;width: 88.89vw;margin: 0 auto;}
.sel_top select{text-align: start;display: block;background: url(/img/arrow7.png)no-repeat right center/4.444vw;font-size: 15px;font-weight: 700;}
/* .calcu_datepic{width: 100%;} */
.calcu_datepic li input{display: none;}
.calcu_datepic li{width: 14.285%;text-align: center;font-weight: 700;}
.calcu_datepic li input+label{display: block;width: 100%;padding: 3.333vw 0;border: 1px solid #000;border-left: none;}
.calcu_datepic li input:checked+label{background: #007bff;color: #FFF;border: 1px solid #000;}
.date_pic_wrap2 .date_pic2{border: 1px solid #000;border-left: none;width: 14.285vw;padding: 1.111vw 0;}
.date_pic_wrap2 .date_pic2 p{color: #3773FF;font-weight: 700;}
.date_pic_wrap2 .date_pic2 select{height: auto;font-size: 3.333vw;font-weight: 500;}
.go_mybox>li{display: flex;justify-content: space-between;}
.go_mybox>li>input{box-shadow: none;border-bottom: 1px solid #ddd;height: 100%;width: 75%;border-radius: 0;}
.bt_write{background: #FFF;position: fixed;bottom: 10%;right: 5%;border-radius: 50%;box-sizing: border-box;width: 12.222vw;padding: 2.222vw;box-shadow: 0 3px 6px rgba(0, 0, 0, .3);}
.bt_write>img{width: 100%;}
.red{font-size: 3.333vw;color: red;margin: 1.111vw 0;}
.new_win{box-sizing: border-box;padding-top: 12vw;}
.new_win_con{padding: 5.556vw 0;}
.new_win_con form{width: 92%;margin: 0 auto;}
.new_win_con fieldset{border: 0;}
.new_win_con p{margin-bottom: 5vw;}
.win_btn{display: flex;position: fixed;bottom: 0;width: 100%;left: 0;}
.win_btn button{width: 100%;height: 13.889vw;font-size: 5.556vw;color: #FFF;font-weight: 600;}
.win_btn button:first-child{background: #007bff;}
.win_btn button:last-child{background: #FFF;border: 1px solid #000;color: #000;}
.show_all{display: flex;justify-content: space-between;padding: 3.333vw 0;align-items: center;}
.show_all .stst{font-size: 5.556vw;font-weight: bold;}
.show_all .aa{font-size: 3.333vw;text-decoration: underline;}
.show_all .bb{font-size: 3.333vw;text-decoration: underline;}
.week_click_b input:checked+label{color: #FFF;background: #007bff;}
.week_click_b input[type='checkbox']{display: none;}

.form_box1 .flex .select{width: 62.2vw;height: 27px;line-height: 27px;box-sizing: border-box;padding: 0 4.15vw;background: url(/img/arrow7.png)no-repeat 70% 50%/3.333vw;}
.sign_box{position: fixed;bottom: 0;width: 100%;height: 85vw;background: #FFF;border-radius: 4.167vw 4.167vw 0 0;border: 1px solid #ddd;box-sizing: border-box;z-index: 1;display: none;}
.sign_box button{display: block;width: 20vw;border-radius: 1.389vw;background: #007bff;color: #FFF;font-weight: bold;margin: 0 auto;padding: 2.222vw 0;}
.sign_box p{font-size: 4.444vw;font-weight: bold;padding: 2.222vw 0;text-align: center;}
.sign_box div{background: #F2F6FF;width: 92%;margin: 0 auto;border-radius: 2.778vw;height: 80%;margin-bottom: 3.333vw;}
.sign_box iframe{border: 0;margin-bottom: 3.333vw;display: block;}




.calcu_datepic li {width:45px;height:50px;line-height:50px;}

/*Form/서식*/
#form1 .inner_3 {padding:8.3vw 5.556vw;box-sizing:border-box;width:100%;}
.form_m ul li {width:69.444vw;height:16.667vw;box-sizing:border-box;box-shadow:0.5vw 0.8vw 1.5vw rgba(0,0,0,0.15);border-radius:2.3vw;margin:0 auto;margin-bottom:15px;}
.form_m ul li a {display:block;text-align:center;line-height:16.667vw;font-size:20px;font-weight:500;}

#form1 .form_cont_title {font-size:20px;font-weight:500;text-indent:10px;margin-bottom:10px;}
.form_box1 {box-shadow:0.5vw 0.8vw 1.5vw rgba(0,0,0,0.15);border:1px solid #ddd;box-sizing:border-box;margin-bottom:30px;}
.form_box1 .flex {border-bottom:1px solid #ccc;}
.form_box1 .flex:last-child {border:none;}
.form_box2 {overflow:hidden;box-shadow:0.5vw 0.5vw 1.5vw rgba(0,0,0,0.3);border:1px solid #ddd;box-sizing:border-box;margin-bottom:30px;}
.form_box2>div {border-bottom:1px solid #ddd;padding:2.778vw;}
.form_box2 .flex {padding:0;height:30px;line-height:30px;}
.form_box2 .flex:last-child {border:none;}
.form_box2 .flex p {width:50%;text-align:center;font-weight:500;}
.form_box2>p {text-align:center;border-bottom:1px solid #ddd;font-weight:500;height:30px;line-height:30px;}
.form_box3 {overflow:hidden;box-shadow:0.5vw 0.5vw 1.5vw rgba(0,0,0,0.3);border:1px solid #ddd;box-sizing:border-box;margin-bottom:30px;padding:10px 2.778vw;}


.form_art1 {width:27.5vw;text-align:center;height:27px;line-height:27px;border-right:1px solid #ccc;box-sizing:border-box;}
.form_art2 {width:100%;line-heighT:24px;padding:9px 2.778vw;box-sizing:border-box;border:none;resize:none;}
.form_art3 {width:33.333%;height:38px;line-height:38px;padding-left:3.889vw;box-sizing:border-box;}
.form_art4 {width:27.5vw;line-height:6vw;text-align:center;padding:6px 5px;border-right:1px solid #ccc;box-sizing:border-box;}

.form_inp1 {width:61.389vw;height:27px;line-height:27px;border-radius:0;box-shadow:none;border:none;}
.form_inp2 {width:33.333%;height:38px;line-height:38px;border-radius:0;box-shadow:none;text-align:center;border-left:1px solid #ccc;}
.form_inp3 {width:80px;height:auto;box-shadow:none;padding:0;float:left;}
.form_inp4 {width:50%;height:30px;border-right:1px solid #ddd;box-sizing:border-box;border-radius:0;box-shadow:none;text-align:center;}
.form_inp5 {width:61.389vw;height:auto;border-radius:0;box-shadow:none;}
.form_inp6 {box-shadow:none;border-radius:0;padding:0;height:auto;float:left;width:45px;text-align:center;}

.form1_sign1 {text-align:center;}
.form1_sign2 {text-align:center;margin-top:11px;margin-bottom:30px;}
.form2_txt1 {text-align:center;margin-bottom:30px;}
.form_txt2 {text-align:center;margin-bottom:30px;}
.form_txt3 {text-align:center;color:#3773FF;font-weight:500;}


/*Admin*/
section.admin2 {padding-top:40px;}
.adm20 {font-size:20px;font-weight:500;}
#admin .inner20 {padding-top:30px;padding-bottom:100px;}
#admin .inner20>.flex:nth-child(1) {margin-bottom:30px;}
.adm_title {width:43.056vw;height:38px;line-height:38px;border-radius:0;font-size:20px;font-weight:500;padding:0 11px;}
.adm_title::placeholder {font-size:20px;}
.split_txt {background:#fff;font-size:15px;font-weight:500;color:#2E8ADB;}
#admin .adm20:nth-child(2) {margin-bottom:20px;}
#admin .adm_box1 {width:100%;border:1px solid #ccc;margin-top:11px;box-shadow:4px 5px 10px rgba(0,0,0,0.18);margin-bottom:15px;}
#admin .adm_box1:nth-child(6) {margin-bottom:30px;}
#admin .adm_box1 .flex {border-bottom:1px solid #ccc;box-sizing:Border-box;}
#admin .adm_box1 .flex:last-child {border-bottom:none;}
#admin .adm_box2 {margin-top:10px;margin-bottom:31px;}
#admin .adm_box2 .flex {margin-bottom:3px;}
#admin .adm_box3 {overflow:hidden;margin-bottom:21px;margin-top:12px;}
#admin .adm_box3 p {float:left;line-height:26px;font-weight:500;}
#admin .adm_box3 p:last-child {display:block;width:100%;}
#admin .adm_box3 input {width:27px;height:26px;line-height:26px;float:left;margin:0 3px;border-radius:0;border:1px solid #ccc;box-sizing:border-box;padding:0;text-align:center;}
#admin .adm_box3:nth-child(18) {margin-top:10px;margin-bottom:21px;}
#admin .adm_box3:nth-child(18) div {padding-bottom:3px;}
#admin .adm_box3:nth-child(18) p {font-weight:400;}
#admin .adm_box3:nth-child(18) div:nth-child(1) input[type="text"] {width:126px;}
#admin .adm_box3:nth-child(18) div:nth-child(2) input[type="text"] {width:40px;}
#admin .adm_box4 {border:1px solid #dedede;box-sizing:border-box;box-shadow:5px 5px 8px rgba(0,0,0,0.2)}
#admin .adm_box4 .flex {width:100%;text-align:center;border-bottom:1px solid #ccc;height:26px;line-height:26px;box-sizing:border-box;}
#admin .adm_box4 .flex:last-child {border-bottom:none;}
#admin .adm_box4 .flex p {border-right:1px solid #ccc;font-weight:500;box-sizing:border-box;}
#admin .adm_box4 .flex p:last-child {border-right:none;}
#admin .adm_box4 .flex p:nth-child(1) {width:15.755%;}
#admin .adm_box4 .flex p:nth-child(2) {width:31.25%;}
#admin .adm_box4 .flex p:nth-child(3) {width:31.25%;}
#admin .adm_box4 .flex p:nth-child(4) {width:21.878%;}
#admin .adm_box4 .flex input {width:21.878%;height:25px;line-height:26px;padding:0;box-shadow:none;text-align:center;}
#admin .adm_box5 {margin:20px 0;}
#admin .adm_box5 p {font-weight:500;}
#admin .adm_box6 {border:1px solid #ccc;box-sizing:border-box;margin-bottom:20px;box-shadow:3px 3px 8px rgba(0,0,0,0.17)}
#admin .adm_box6 .flex {border-bottom:1px solid #ccc;}
#admin .adm_box6 .flex:last-child {border-bottom:none;}
#admin .adm_box6 .flex:last-child p:nth-child(2) {width:66.666%;color:#2E8ADB;}
#admin .adm_box6 .flex.adm320 {border:none;}
#admin .adm_box6 p {width:33.333%;height:27px;line-height:27px;text-align:center;border-right:1px solid #ccc;font-weight:500;box-sizing:border-box;}
#admin .adm_box6 p:last-child {border:none;}
#admin .adm_box7 {overflow:hidden;margin-bottom:30px;}
#admin .adm_box7 div {overflow:hidden;line-height:26px;}
#admin .adm_box7 div:nth-child(1) {margin-bottom:10px;}
#admin .adm_box7 p {float:left;margin-bottom:3px;font-weight:500;}
#admin .adm_box7 input {margin-bottom:3px;}
#admin .adm_box8 {border:1px solid #ccc;padding:10px;box-sizing:border-box;margin-top:10px;margin-bottom:30px;box-shadow:3px 3px 8px rgba(0,0,0,0.15)}
#admin .adm_box8 div {overflow:hidden;display:inline-block;float:left;}
#admin .adm_box8 p {line-height:26px;}
#admin .adm_box8>p {margin-bottom:10px;}
#admin .adm_box8>p:last-child {margin:0;}
#admin .adm_box9 {margin-top:30px;border:1px solid #ccc;box-shadow:3px 3px 8px rgba(0,0,0,0.15)}
#admin .adm_box9 .flex:last-child {border-top:1px solid #ccc;;}
#admin .adm_box9 p {width:33.333%;height:53px;line-height:53px;font-size:20px;font-weight:500;text-align:center;}
#admin .adm_box9 input {width:33.333%;height:53px;line-height:53px;font-size:20px;font-weight:500;border-radius:0;box-shadow:none;text-align:center;border-left:1px solid #ccc;}

#admin .adm_art1 {width:27.778vw;border-right:1px solid #ccc;box-sizing:border-box;text-align:center;font-size:15px;line-height:26px;}
#admin .adm_art2 {width:61.111vw;padding:0 10px;font-size:15px;height:26px;line-height:26px;}
#admin .adm_art3 {margin-top:13px;margin-bottom:31px;overflow:hidden;}
#admin .adm_art3 p {float:left;line-height:26px;margin-bottom:5px;}
#admin .adm_art3 .adm_box {width:126px;height:26px;line-height:26px;border:1px solid #ccc;text-align:center;float:left;box-sizing:border-box;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}
#admin .adm_art4 {width:35vw;height:26px;line-height:26px;border:1px solid #ccc;box-sizing:border-box;text-align:center;margin-left:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.2)}
#admin .adm_art5 {text-align:center;width:100%;font-weight:700;}
#admin .adm_art6 {width:320px;margin:0 auto;padding:12px 6px;box-sizing:border-box;display:flex;padding-right:0;letter-spacing:-0.3px;font-size:12px;font-weight:500;}
#admin .adm_art6>div {display:inline-block;margin-right:5px;}
#admin .adm_art6>div p {text-align:center;width:100%;}
#admin .adm_art6>div>.flex {padding:0 5px;padding-bottom:3px;border-color:#707070;line-height:25px;}
#admin .adm_art6>.flex {padding-top:15px;}

#admin #pd_stime {border:none;margin:0;font-size:15px;}
#admin .adm_txt1 {width:33.333%;;height:27px;line-height:27px;box-shadow:none;border-right:1px solid #ccc;border-radius:0;padding:0;margin:0;box-sizing:border-box;text-align:center;}
#admin .adm_txt1:last-child {border:none;}
#admin .number1 {width:26px;height:26px;line-height:26px;text-align:center;font-size:15px;padding:0;border-radius:0;border:1px solid #ccc;box-sizing:border-box;margin:0 3px;}
#admin .number2 {width:33px;height:26px;line-height:26px;text-align:center;font-size:15px;padding:0;border-radius:0;border:1px solid #ccc;box-sizing:border-box;}
#admin .number3 {width:89px;height:26px;line-height:26px;text-align:center;font-size:15px;padding:0;border-radius:0;border:1px solid #ccc;box-sizing:border-box;margin-left:3px;}
#admin .number4 {display:block;margin:0 auto;width:35vw;height:26px;line-height:26px;border-radius:0;border:1px solid #ccc;box-shadow:3px 3px 8px rgba(0,0,0,0.2);text-align:center;}
#admin .adm320 {width:258px;margin:0 auto;line-height:26px;padding:13px 28px;}
#admin .bd_top {border-top:1px solid #ccc;}

/*Admin1*/
#admin .adm1_next {position:fixed;bottom:0;left:0;}
#admin .pb_10 {padding-bottom:10px;}
#admin .pb_30 {padding-bottom:30px;}
#admin .pb_30 .adm_box5:nth-child(1) {margin-top:0;}
#admin .pb_50 {padding-bottom:50px;}
#admin .pb_80 {padding-bottom:80px;}
#admin .pb_100 {padding-bottom:100px;}





/*DatePicker*/
.ui-datepicker .ui-datepicker-prev .ui-icon {background: url('../img/prev.png') no-repeat 50%/50%;}
.ui-datepicker .ui-datepicker-next .ui-icon {background: url('../img/next.png') no-repeat 50%/50%;}
#mypage form ul li input::value {color:#ccc}

.datepicker>div {display:inline-block; width: 100%;}
.datepicker>div>input {float: left; width: 100%; height: 50px; border:1px solid #fff; box-sizing: border-box; background: none; text-align: center;}
.datepicker>div>button {width: 50px; height: 50px; background: #fff; display:none;}
.datepicker>div>button>img {margin-top: -3px}
#ui-datepicker-div {padding:0;border:none;width:100%;position:fixed !important;top:unset !important;bottom:0 !important;left:0 !important;}
.ui-datepicker-header {border-radius:0;background:#FFF;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ui-datepicker-calendar th:nth-child(1) {color:red;}
.ui-datepicker-calendar th:nth-child(7) {color:#27ABF2;}
.ui-state-default {text-align:center !important; border:none !important;}
.ui-datepicker-calendar td {height:40px;line-height:40px;}


/*Calendar*/

.container {
	align-items: center;
	display: flex;
	height: 360px;
	justify-content: center;
	max-width: 600px;
	width: 100%;
    position:fixed;
    bottom:0;
    left:0;
    z-index:99999999;
}

.calendar {
	background: #FFF;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
	height: 370px;
  perspective: 1000;
	transition: .9s;
	transform-style: preserve-3d;
	width: 100%;
}

/* Front - Calendar */
.front {
	transform: rotateY(0deg);
}

.current-date {
	border-bottom: 1px solid #b7b7b7;
	display: block;
	justify-content: space-between;
    text-align:center;
    height:60px;
    line-height:60px;
    position:relative;
    font-size: 18px;
    color:#333;
}

.calendar_cancel {
	position:absolute;
    left:0;
    top:0;
    height:100%;
    padding:0 15px;
    color:#666;
    font-size:16px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

.calendar_ym {
	color: #333;
	font-size: 1.4em;
	font-weight: 600;
    float:left;
}

.calendar_ok {
	position:absolute;
    left:auto;
    right:0;
    top:0;
    height:100%;
    padding:0 15px;
    color:#007bff;;
    font-size:16px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

.week-days {
	color: #333;
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	padding: 15px 30px;
}

.days {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sun {
    color: #F23D3D;
}

.sat {
    color: #27ABF2;
}

.weeks {
	display: flex;
	flex-direction: column;
	padding: 0 21px;
}

.weeks div {
	display: flex;
	font-size: 1.2em;
	font-weight: 300;
	justify-content: space-between;
	margin-bottom: 0;
	width: 100%;
}

.last-month {
	opacity: .3;
}

.weeks span {
	padding: 10px;
}

.weeks span:not(.last-month):hover {
	cursor: pointer;
	font-weight: 700;
    background: #3773FF;
    color:#fff;
    border-radius:20%;
}

.event {
	position: relative;
    padding-bottom:120px;
}

.event:after {
	content: '';
	color: #f78536;
	font-size: 1.4em;
	position: absolute;
	right: -4px;
	top: -4px;
}

/* Back - Event form */

.c_back {
	height: 100%;
	transform: rotateY(180deg);
}

.c_back input {
	background: none;
	border: none;
	border-bottom: 1px solid rgba(73, 114, 133, .6);
	color: #dfebed;
	font-size: 1.4em;
	font-weight: 300;
	padding: 30px 40px;
	width: 100%;
}

.info {
	color: #dfebed;
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: 1.2em;
	padding: 30px 40px;
}

.info div:not(.observations) {
	margin-bottom: 40px;
}

.info span {
	font-weight: 300;
}

.info .date {
	display: flex;
	justify-content: space-between;
}

.info .date p {
	width: 50%;
}

.info .address p {
	width: 100%;
}

.actions {
	bottom: 0;
	border-top: 1px solid rgba(73, 114, 133, .6);
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
}

.actions button {
	background: none;
	border: 0;
	color: #fff;
	font-weight: 600;
	letter-spacing: 3px;
	margin: 0;
	padding: 30px 0;
	text-transform: uppercase;
	width: 50%;
}

.actions button:first-of-type {
	border-right: 1px solid rgba(73, 114, 133, .6);
}

.actions button:hover {
	background: #497285;
	cursor: pointer;
}

.actions button:active {
	background: #5889a0;
	outline: none;
}

/*Swiper*/
.swiper_hd {padding:30px 20px 50px 20px; background:#fff;}

.people_nb {width:160px; height:auto; border-radius:10px; background:#3773FF; color:#fff; text-align:center;margin:0px auto; font-size:24px; font-weight:700;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container::-webkit-scrollbar {display:none;}
.swiper-container1 {width:50%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container1>.swiper-wrapper>.swiper-slide {background:url('../img/bg2.png') no-repeat center;background-size:100%;}

.swiper-button-next::after, .swiper-button-prev::after {display:none;}
.swiper-button-next {background:url('../img/arrow_next.png') no-repeat center/13px; top:85px !important; position:fixed !important; right:55px !important;}
.swiper-button-prev {background:url('../img/arrow_prev.png') no-repeat center/13px; top:85px !important; position:fixed !important; left:55px !important;}

.crg_article1 {width:100%; position:relative; margin-bottom:20px; overflow:hidden;}
.crg_article1:nth-child(1) .crg_3st {float:left;position:static;}
.crg_1st {float:left; width:60px; height:30px; line-height:30px; margin-right:8px; text-align:center; border-radius:5px; background:#27ABF2; font-size:15px; font-weight:700; color:#fff;}
.crg_2st {float:left; font-size:15px; font-weight:700; color:#3773FF; margin-top:4px;}
.crg_3st {position:absolute;top:15px;right:45px; font-size:20px; font-weight:700; letter-spacing:-0.3px; color:#000000;}
.crg_3-1st {position:absolute;top:15px;right:45px; font-size:20px; font-weight:700; letter-spacing:-0.3px; color:#000000; margin-left:18px;}
.crg_sale {text-align:right; padding-right:50px; font-size:12px; font-weight:700; color:#9B9B9B}
.recrg {float:right; font-size:15px; font-weight:500; color:#13CA91; margin-top:3px;}
.crg_article1 input {position:absolute; left:-9999px; }
.crg_line1 {width:70px; height:1px; background:#C5C5C5; position:absolute; top:8px; right:45px;}
.crg_line2 {width:70px; height:1px; background:#C5C5C5; position:absolute; top:10px; right:45px;}
.crg_article1 label {width:23px; height:23px; position:absolute; top:18px; right:10px; display:inline-block; background:url('../img/chk_off.png') no-repeat center;}
.crg_article1 input[type=radio]:checked + label {width:23px; height:23px; position:absolute; top:18px; right:10px; display:inline-block; background:url('../img/chk_on1.png') no-repeat center;}

.mySwiper.swiper-container {height:85px;position:fixed;top:40px;left:0;background:#3773FF;padding:25px 0;box-sizing:border-box;color:#fff;z-index:999;}
.mySwiper .swiper-slide {font-size:24px;font-weight:700;}
.mySwiper2 {padding-top:155px!important;}
.swiper-container {overflow:auto!important;}
.swiper-slide {
  padding:0;
  box-sizing:border-box;
  text-align: center;
  font-size: 18px;
  background: none;

  /* Center slide text vertically */
  display: -ms-flexbox;
  -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;
}

section.rolldate-content {padding-top:0;}

/* Flip animation */

.flip {
	transform: rotateY(180deg);
}

.front, .c_back {
	backface-visibility: hidden;
}


@media only screen and (max-width: 375px) {
	
}
@media only screen and (max-width: 360px) {

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

}

.bbbox{
    text-align: center;
}

.top_flex{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.top_flex button{
    background: none;
}
.bl15{padding-bottom: 18vw;}

.tg_title_wrap .bt_won{width: 20vw;padding: 2.222vw 0;border-radius: 2.222vw;background: #3773FF;color: #FFF;}

.n_logo{width: 35px;position: absolute;top: 50%;left:10px;transform: translateY(-50%);}