@charset "utf-8";
.total_w{color: #999; margin-bottom: 20px;}
.sch-st1{margin-bottom: 35px; background: #f6f6f6; padding: 20px;}
.sch-st1 .in{position: relative; height: 55px; text-align: center;}
.sch-st1 .sch{position: relative;padding-right: 60px; border:1px solid #ddd; background: #fff; height: 100%}
.sch-st1 .in .sch input{border:0;width: 100%}
.sch-st1 .in .btn{position: absolute;right:0;top:0;width: 60px;background: url('../img/common/btn-sch.gif') center center no-repeat; display: block; white-space: nowrap; overflow: hidden; text-indent: -999px}
.sch-st1 .in select,.sch-st1 .in input{border:1px solid #ddd}
.sch-st1 .in select,.sch-st1 .in input,.sch-st1 .in button{height: 100%}
.sch-st1 .in input{width: 100%;padding: 0 0 0 1.111em}

.sch-st1 .input{max-width:460px; margin: 0 auto;}
.sch-st1 .input input{width: 100%;padding: 0 60px 0 1.111em}
.sch-st1 .small{width: 144px}
.sch-st1 .mid{width: 234px}
.sch-st1 .half > li.l{float: left;}
.sch-st1 .half > li.r{float: right;}
.sch-st1 .half > li{width: 49%;}
.sch-st1.biz > li.l > *{float: right;}
.sch-st1.biz > li.l > *:first-child{float: left;}
.sch-st1.biz .select{width: 30%; float: left;}
.sch-st1.biz .period{width: 68%; margin: 0; float: right}
.sch-st1 .half > li .sch{width: 100%}
.sch-st1.biz .select select{width: 100% !important}
/* .sch-st1.perform .biz .in .period{width: 100%} */

.bbs-total .result{text-align: center;  font-weight: 400; color: #555; margin: 35px 0; line-height: 1.15;}
.bbs-total .result_x{background: #fff url('../img/common/no_data.gif') center 30px no-repeat; padding: 207px 0 100px; text-align: center;}
.bbs-total .big{font-size: 30px; margin-bottom: 1em; letter-spacing: -0.07em;}

.cal-st1{text-align: center;}
.cal-select{margin-bottom: 5px;}
.cal-select strong{font-size: 1.125em;margin: 0 50px;}
.cal-select button{display: inline-block;white-space: nowrap;overflow: hidden;text-indent: -999px;background: url() center center no-repeat;background-size: 100%;width: 3.000em;height: 2.188em}
.cal-select .prev{background-image: url('../img/common/cal-p.gif')}
.cal-select .next{background-image: url('../img/common/cal-n.gif')}

.tbl-cal{width: 100%;table-layout: fixed;}
.tbl-cal td.sat,.tbl-cal td.sun{background: #fbfbfb}
.tbl-cal th{padding: 8px 5px; text-align: left; font-size: 1.125em;color: #000;font-weight: 700; padding-bottom: 14px; border-bottom: 2px solid #000; width: 14.2%}
.tbl-cal td{height: 160px; padding: 20px 14px; vertical-align: top; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.tbl-cal td:first-child{border-left: 1px solid #ddd;}
.tbl-cal a{display: block;width: 100%;}
.tbl-cal .txt{display: block;width: 100%; overflow: hidden;text-overflow: ellipsis;}
.tbl-cal .active{background: #f3e4f1;color: #930c71;font-weight: 700}
.tbl-cal .day{display: block;}
.tbl-cal .cont{font-size: 14px; margin-top: 20px; line-height: 1.15; letter-spacing: -.07em;}
.tbl-cal li{margin-top: 5px;}
.tbl-cal li:first-child{margin-top: 0;}
.tbl-cal .label{padding: 3px 5px;border-radius:3px; margin-right: 5px;display: inline-block;line-height: 1; margin-bottom: .3em;}

.cal_t{position: relative; text-align: center; margin-bottom: 50px;}
.cal_t .btns{position: absolute;right: 0;bottom: 0;letter-spacing: -0.07em;}
.cal_t .btns > *{display: inline-block; border:2px solid #c2c2c2;border-radius:5px;margin-left: 5px; padding: 14px 20px; line-height: 1; font-weight: 500;}
.cal_t .btns span{padding-right: 30px;}
.cal_t .ico-plus{background: url('../img/common/ico-plus.gif') right center no-repeat}
.cal_t .ico-list{background: url('../img/common/ico-list.gif') right center no-repeat}

.cal_t .today{display: inline-block; width: 48px;height: 30px;color: #333; border:1px solid #ccc;border-radius:5px;margin-right: 3px;}
.cal_t .date{display: inline-block;margin: 0 40px; font-size: 40px; font-weight: 700; color: #ef4023}
.cal_t .date select{background: none;border:0;color: #ef4023;    letter-spacing: -0.03em; padding: 0}
.cal_t .date > *{display: inline-block;}
.cal_t .arrow{width: 30px;height: 30px; background: url('') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px;border:1px solid #ef4023;border-radius:5px}
.cal_t .arrow.prev{background-image: url('../img/common/prev-orange.gif')}
.cal_t .arrow.next{background-image: url('../img/common/next-orange.gif')}
.cal_t .year{width: 2.4em}
.cal_t .month{width: 1.18em}
.cal_t > *{vertical-align: middle;}

.calender_new_w .sch-st1 .sch{display: inline-block;}
.calender_new_w .sch-st1 .in select{margin: 0 4px;}

.bbs-perform{margin: -2% 0 0 -2%; display: flex; flex-wrap:wrap}
.bbs-perform > li{float: left; width: 48%;margin: 2% 0 0 2%; position: relative;border:1px solid #ddd; padding: 20px}
.bbs-perform > li .label{position: absolute;right: -1px;top:-1px; width: 57px;line-height: 30px; font-weight: 300;text-align: center;}
.bbs-perform .img{float: left;    width: 33%; overflow: hidden;    padding-bottom: 46.7%;
    position: relative; border-radius:5px}
.bbs-perform .img a{display: block;}
.bbs-perform .img img{transition:all ease-in-out .3s;display: block; width: 100%;position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;}
.bbs-perform .img:hover img,.bbs-perform .img:focus img{transform:scale(1.018,1.018)}
.bbs-perform .cont{float: right;
    width: 61%; padding-top: 1.3em;}
.bbs-perform .tit{color: #231f20; line-height: 1.15;}
.bbs-perform .tit .t{font-weight: 700;font-size: 1.375em; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bbs-perform .tit .date{margin-top: 10px;}
.bbs-perform .detail{margin: 30px 0 40px; color: #555;font-weight: 400;}
.bbs-perform .detail > li{float: left; width: 50%;margin-top: 10px;}
.bbs-perform .detail strong{color: #333; font-weight: 400;}
.bbs-perform .detail.display > li{width: 100%; float: none; position: relative; padding-left: 4.15em;    min-height: 1.17em;}
.bbs-perform .detail.display strong{position: absolute;left: 0; top:0}
.bbs-perform .btns > *{display: inline-block;}
.bbs-perform .btns .btn{width: 97px;line-height: 50px; text-align: center; margin-right: 4px;}
.bbs-perform .btns .dday{font-size: 1.3em; font-weight: 700; margin-left: 1em;}

.paging_w,.paginate{margin-top: 3.750em;font-weight: 700;}
.paging_w ul,.paginate{font-size: 0;text-align: center; color: #333}
.paging_w li,.paginate a{font-size: 20px;;font-size: 1.250rem;display: inline-block;margin: 0 .8em;vertical-align: middle;}
.paging_w .active,.paginate .on{color: #ef4023;text-decoration: underline; font-weight: 700;}
.paging_w .arrow,.paginate .start,.paginate .prev,.paginate .next,.paginate .end{white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('') center center no-repreat;width: 0.700em;height: 0.550em;background-size:100%}
.paging_w .first,.paginate  .start{background-image: url('../img/bbs/first.gif')}
.paging_w .prev,.paginate  .prev{background-image: url('../img/bbs/prev.gif');margin-left: .2em;}
.paging_w .next,.paginate  .next{background-image: url('../img/bbs/next.gif');margin-right: .2em;}
.paging_w .last,.paginate  .end{background-image: url('../img/bbs/last.gif')}
.paging_w a,.pagination a{display: block;}
/* .pagination a{display: inline-block !important} */

.sch-st1.perform .in .select{float: left; width: 38%}
.sch-st1.perform .in .period{float: left;     width: 27%;
    margin: 0 1%;}
.sch-st1.perform .sch{float: left;width: 33%;}
.perform .select select{float: left; width: 26%}
.perform .select select:last-child{width: 44%}
.perform .select .s2{margin: 0 2%;}
.sch-st1 .period{height: 100%; background: #fff;border:1px solid #ddd}
.sch-st1 .period > *{float: left;}
.sch-st1 .period li{width: 47%; border:0}
.sch-st1 .period .dash{line-height: 50px; width: 3%;text-align: center; margin: 0 1.5%;}
.sch-st1 .period input{border:0}

.datepick_w{position: relative; padding-right: 50px; border:1px solid #ccc}
.datepick_w button{background: url('') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px;display: block; width: 50px;height: 100%;position: absolute;right: 0;top:0;}
.datepick_w button{background-image: url('../img/bbs/datepick.gif')}

.bbs-perform_view_w .tit{margin-bottom: 1.500em; font-size: 2.500em; color: #000; letter-spacing: -0.07em; position: relative;}
.bbs-perform_view_w .tit .label{display: inline-block;font-size: 16px; font-size: 1rem; padding: 1em; vertical-align: text-bottom; margin-right: 1.5em;}
.bbs-perform_view_w .tit .t{margin-right: 10px;}
.bbs-perform_view_w .tit .share{position: absolute;right: 0;bottom: 0; font-size: 16px; font-size: 1rem; font-weight: 700; letter-spacing: -.03em;}
.bbs-perform_view_w .tit .share button{display: inline-block}
.bbs-perform_view_w .tit .share button img{display: block;}
.bbs-perform_view_w .tit .share button.sns-f{margin: 0 1.3em 0 1em;}
.bbs-perform_view{border:1px solid #ddd;border-top: 2px solid #222; position: relative;}
.bbs-perform_view:before{position: absolute;left: 66%;top:0; width: 1px;height: 100%; background: #ddd; content: ''}
.bbs-perform_view > li{float: left;padding: 60px}
.bbs-perform_view .l{width: 66%; text-align: center;}
.bbs-perform_view .l *{max-width:100%}
.bbs-perform_view .r{width: 34%;}
.bbs-perform_view .thumb{position: relative;overflow: hidden; margin:  0 auto 30px;}
.bbs-perform_view .thumb img{display: block;margin: 0 auto;}

.bbs-perform_view .r .btn_w{margin: 30px 0 35px;}
.bbs-perform_view .r .btn_w button{width: 100%;display: block;font-size: 1.375em; height: 3.182em;font-weight: 700; letter-spacing: -.03em;}
.bbs-perform_view .r .btn_w a{width: 100%;display: block;font-size: 1.375em; font-weight: 700; letter-spacing: -.03em; text-align: center; padding: 18px 0;}
.bbs-perform_view .caution_w .txt{font-size: 14px; margin-top: 1em; color: #666}

.form-st1{border-top: 1px solid #000;}
.form-st1 .item{display: table; width: 100%; border-bottom: 1px dotted #ccc;}
.form-st1 .item > *{display: table-cell;vertical-align: middle;}
.form-st1 .t{width: 150px; padding: 10px 10px 10px 30px; font-weight: 700; font-size: 1.125em;}
.form-st1 .cont{padding: 15px 20px; color: #666}
.form-st1 select,.form-st1 input[type="text"],.form-st1 input[type="password"]{height: 45px; width: 100%; padding: 0 1em}
.form-st1 .file-st1 label{line-height: 45px;}
.file-st1 input[type="file"],.file-st1 input[type="file"]:foucs,.file-st1 input[type="file"]:active{outline:0 !important}
.form-st1 textarea{width: 100%;display: block; padding: 1em; height: 250px}
.form-st1 .mid{max-width:405px}
.add-st1 li{margin-top: 5px;}
.add-st1 li:first-child{margin-top: 0;}
.add-st1 .a1{position: relative;}
.add-st1 .a1 button{width: 150px; height: 100%; position: absolute;right: 0;top:0}
.form-st1.view .item{height: 75px}

.form-st1.small .cont{height: auto}
.form-st1.small .t{width: 100px; padding: 10px;font-weight: 400;}

.form-st1 .period{max-width:405px; display: inline-block; vertical-align: middle;}
.form-st1 .period > *{float: left;}
.form-st1 .period li{width: 47%}
.form-st1 .period .dash{line-height: 50px; width: 3%;text-align: center; margin: 0 1.5%;}
.form-st1 .period input{border:0}
.form-st1 .add_txt{margin-left: 1em; vertical-align: text-bottom; color: #999; display: inline-block;}
.form-st1 .add_txt_b{margin-top: 10px; color: #999; display: block;}

.bbs-write .agree-privacy{text-align: center; margin-top: 30px; color: #111; font-weight: 700;}
.bbs-write .file-st1{max-width:500px; display: inline-block; width: 100%}
.bbs-write .btn-ar{margin-left: 1em;}
.bbs-write .append .sect{margin-top: 10px;}
.bbs-write .append .sect:first-child{margin-top:0}
.bbs-write .group{margin-top: 70px;}
.bbs-write .group:first-child{margin-top: 0;}
.agree-privacy input{margin-right: 7px;}

.btns-st1_w{margin-top: 50px; text-align: center;}
.btn-st1{width: 240px; height: 60px; border-radius:5px;font-weight: 700; vertical-align: middle;}
a.btn-st1{display: inline-block;text-align: center;line-height: 60px;}
.btns-st1_w button,.btns-st1_w a{display: inline-block; margin: 0 1px;}

.btn-st2{width: 210px; height: 50px; border-radius:5px; vertical-align: middle;}
a.btn-st2{display: inline-block;text-align: center;line-height: 50px;}

.btn-st3{border-radius:5px; vertical-align: middle; line-height: 1; padding: 10px 1.25em}
a.btn-st3{display: inline-block;text-align: center;}
.btn-st3:hover{text-decoration: none !important;}

.btn-st4{width: 13.636em; height: 3.182em; border-radius:5px;font-size: 1.375em; font-weight: 700;}
a.btn-st4{line-height: 3.182em; text-align: center; display: inline-block;}

.file-st1{position: relative; padding-left: 150px;}
.file-st1 label {
    position:absolute;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:145px;
    background:#3b3b3b;
    color:#fff;
    text-align:center; height: 100%; left: 0;top:0}
.file-st1 label input {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer; outline: none
}
.file-st1 label input:focus,.file-st1 label input:actvie{outline: none}
.file-st2{position: relative; width: 8em;border-radius:5px; overflow: hidden;}
.file-st2 label {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 0; text-align: center;
}
.file-st2 input[type="file"] {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.agree_box{background: #f6f6f6; padding: 30px; height: 290px; overflow-y: auto;}
.agree_box_w .agree-st1{text-align: right;margin-top: 1.3em;}
.agree_box_w .agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}

.agree-st1{font-weight: 700; color: #111}
.agree-st1 input{margin-right: 3px;     vertical-align: text-bottom;}

.bbs-sch_w{position: relative;margin-bottom: 20px;}
.bbs-sch_w .bbs-total{float: left;padding-top: 30px;}
.bbs-sch_w .bbs-sch{float: right;}

.bbs-total{color: #333}
.bbs-total strong{font-weight: 900;}
.bbs-sch{position: relative;height: 60px}
.bbs-sch select,.bbs-sch input,.bbs-sch button{height: 100%}
.bbs-sch select,.bbs-sch input{padding-left: 20px;}
.bbs-sch input{width: 380px;padding-right: 60px;}
.bbs-sch button{position: absolute;right: 0;top:0;width: 60px; background: url('../img/common/btn-sch.gif') center center no-repeat;white-space: nowrap;overflow: hidden;text-indent: -999px}
.bbs-sch select{width: 215px}

.bbs-total.single{padding: 0; float: none;}

.bbs-list{width: 100%;text-align: center;border-top:2px solid #222;border-bottom:1px solid #e3e3e3; color: #111}
.bbs-list th{padding: 20px 10px;font-weight: 700; font-size: 1.125em;}
.bbs-list td{padding: 20px 10px;font-weight: 400;border-top:1px dotted #ccc}
.bbs-list td.tit{text-align: left;}
.bbs-list tbody tr:hover{background: #f1f1f1}
.bbs-list .sort{width: auto; line-height: 1.857em; text-align: center; display: inline-block; border-radius:3px; padding: 0 3px}
.bbs-list a:hover{text-decoration: underline;}

.prev_next{line-height: 3.722em;margin-top:80px;font-weight: 400;}
.prev_next dl{position: relative;padding-left: 153px;margin-top: 10px;border:1px solid #dadada; border-radius:3px}
.prev_next dl:first-child{margin-top: 0;}
.prev_next dt{width: 153px;text-align: center; position: absolute;left: 0;top:0;height: 100%}
.prev_next dt:after{position: absolute;right: 0;top:50%;width: 1px;height: 0.833em;margin-top: -0.418em;content: '';background: #dadada}
.prev_next dd{padding: 0 50px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;display: block;}
.prev_next dd a{}
.prev_next .prev{margin-top: 0;}
.prev_next dt span{background: url('') left center no-repeat;padding-left:2.188em}
.prev_next .prev dt span{background-image: url('../img/bbs/prev.png')}
.prev_next .next dt span{background-image: url('../img/bbs/next.png')}
.prev_next a:hover{text-decoration: underline;}

.bbs-view .tit_w{line-height: 1.15;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #111; text-align: center; color: #111}
.bbs-view .tit_w .t{font-size: 40px; font-weight: 700; letter-spacing: -0.07em; margin-bottom: .7em; color: #111}
.bbs-view .tit_w .sort{display: inline-block;text-align: center;margin-right: 10px; font-size: 16px; font-size: 1rem; padding: 0 1em; line-height: 35px;     letter-spacing: -0.03em;
    vertical-align: middle;
    margin-top: -.3em;}
.bbs-view .tit_w .label_e{margin-right: 1.3em;vertical-align: middle;}

.bbs-view .tit_w .etc{color: #666; font-size: 0;}
.bbs-view .tit_w .etc span{display: inline-block; font-size: 16px; font-size: 1rem; padding-left: 1.3em; margin-left: 1.3em; position: relative;}
.bbs-view .tit_w .etc span:before{position: absolute; left: 0;top:50%;margin-top: -5px; width: 1px; height: 10px; background: #dbdbdb; content: ''}
.bbs-view .tit_w .etc span:first-child{padding-left: 0; margin-left: 0;}
.bbs-view .tit_w .etc span:first-child:before{background: none}
.bbs-view .cont_w{border-bottom: 1px solid #ccc; padding: 40px 0}
.bbs-view .file_attach{text-align: right; padding-right: 30px; background: url('../img/bbs/file.gif') right top no-repeat; display: block; min-height: 25px}
.bbs-view .file_attach a{text-decoration: underline; color: #1022ab;}
.bbs-event{border-top: 3px solid #111; padding-top: 40px;}
.bbs-event > ul{margin: 0 0 -50px -3%;}
.bbs-event > ul > li{float: left; width: 30.333333333%;margin: 0 0 80px 3%;}
.bbs-event .img{position: relative;
    padding-bottom: 59%;
    overflow: hidden;}
.bbs-event .img img{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block; transition:all ease-in-out .3s}
.bbs-event .img:hover img,.bbs-event .img:focus img{transform:scale(1.018,1.018)}
.bbs-event .cont{position: relative}
.bbs-event .cont .date{display: block;margin-top: 30px;}
.bbs-event .cont .t{font-size: 1.375em; display: block; margin-top: .67em; white-space: nowrap;overflow: hidden;text-overflow:ellipsis; letter-spacing: -.07em; color: #111}
.bbs-event .cont .label_e{position: absolute;right: 30px; margin-top: -30px; box-shadow:0 3px 21px rgba(0,0,0,.3);  top:-30px}
.label_e{width: 60px;height: 60px; border-radius:50%;text-align: center;line-height: 60px; font-size: 16px; font-size: 1rem; display: inline-block; letter-spacing: -.03em;}

.bbs-reply{margin: 5em 0;}
.bbs-reply .t{display: block;font-size: 1.333em;margin-bottom: 1em;line-height: 1.15; font-weight: 700; letter-spacing: -.07en;}
.bbs-reply .t span{font-weight: 400;}
.bbs-reply .write{background: #f3f3f5;padding: 40px}
.bbs-reply .write .bg{position: relative;padding-right: 150px;}
.bbs-reply textarea{width: 100%;display: block;background: #fff;border:0;padding: 1em;font-size: 14px;height: 130px}
.bbs-reply .write .bg button{position: absolute;right: 0;top:0;width: 150px;height: 100%;background: #272727;text-align: center;color: #fff}
.btn-replay{font-size: 16px;font-size: 1.067rem;font-weight: 500;}
.btn-replay span{background: url('../img/bbs/btn-reply.png') left center no-repeat;padding-left: 1.25em;}
.bbs-reply .txt{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 1em 0}

.replay_l{margin-top: 30px; font-size: 16px; font-size: 1rem;}
.replay_l > li{padding: 30px 0;border-bottom: 1px dotted #ccc;}
.replay_l > li > *{display: block;}
.replay_l > li .date{color: #999; margin-left: 1em; font-weight: 300; font-size: .938em;}
.replay_l .txt{margin-top: 10px; color: #888}
.replay_l .c{font-size: 1.125em; font-weight: 400; font-size: .938em; margin-top: 10px; color: #666}

.login_w{max-width:800px;margin: 0 auto;}
.login_w .tit-login{font-size: 36px; font-weight: 700; line-height: 1.35; margin-bottom: 1.750em; color: #111; letter-spacing: -0.07em;    word-break: keep-all;}
.login_w .form{font-size: 1.125em;}
.login_w .form li{border:1px solid #ccc;margin-top: 10px;height: 3.889em;overflow: hidden;}
.login_w .form li:first-child{margin-top: 0;}
.login_w .form input{width: 100%;border:0;padding: 0 1.125em;height: 100%}
.login_w .form .input{line-height: 3.889em; padding: 0 1.125em;display: block; width: 100%}
.login_w .remeber{margin-top: 1.25em; color: #111}
/* .login_w .remeber label{margin-left: 3px;} */
.btn-submit{color: #fff;margin-top: 1.7em;display: block;width: 100%;font-size: 1.375em; border-radius:5px;font-weight: 700;letter-spacing: -.07em; height: 3.182em}
.btn-submit.mt{margin-top: 10px;}
.login_w .etc{margin-top: 30px;margin-top: 1.875rem;text-align: center; color: #666}
.login_w .etc a{color: #111; border-bottom:1px solid #111}
.login_w .box{margin-bottom: 40px;position: relative;}
.login_w .join{text-align: center; color: #777}
.login_w .join a{text-decoration: underline; color: #000;margin-left: 10px;font-weight: 700;}
.login_sns{margin-top: 3.8em;color: #000;text-align: center}
.login_sns .t{position: relative;line-height: 1.15;margin-bottom: 1.3em;}
.login_sns .t:before{position: absolute;left: 0;top:50%;width: 100%;height: 1px;content: '';background: #dbdbdb}
.login_sns .t strong{position: relative;background: #fff;padding: 0 1.25em}

.login_sns .clearfix{margin-left: -2%;}
.login_sns .clearfix > *{float: left; width: 31.333333333%; position: relative; color: #fff;text-align: center; margin-left: 2%;; height: 60px; line-height: 60px;}
.login_sns .clearfix .naver > a, .login_sns .clearfix .facebook, .login_sns .clearfix .kakao button{padding-left: 67px;background: url('') 1.25em center no-repeat;height: 60px;line-height: 60px; display: block; border-radius:3px; position: relative;}
.login_sns .clearfix .facebook:before,
.login_sns .clearfix .naver a:before,
.login_sns .clearfix .kakao:before{position: absolute;left: 67px;width: 1px;height: 26px;margin-top: -13px; content: '';background: #76c573;top:50%}

.login_sns .clearfix .nvr_txt {position: absolute; z-index: 1; color: #fff;}
.login_sns .clearfix .naver {width:100%; position: relative; color: #fff;text-align: center; height: 60px; line-height: 60px;}


.login_sns .clearfix  .naver a{background-image: url('../img/member/sns_n.png'); display: block;width: 100%; height: 100%; background-color: #3bac37;}
.login_sns .clearfix  .naver a img {display: none !important;}

/* .login_sns .clearfix > .kakao button{background-color: #fce000; background-image: url('../img/member/sns_k.png'); cursor: pointer; width: 100%} */

.login_sns .clearfix > .kakao {
	background-color: #fce000; background-image: url('../img/member/sns_k.png'); cursor: pointer; color: #381e1f;
	background-repeat: no-repeat; background-position: left 20px center;
}

.login_sns .clearfix > .naver a:before{background: #76c573;}
.login_sns .clearfix > .kakao:before{background-color: #cab300;}
.login_sns .clearfix > .facebook{background-color:#3b5998; background-image: url('../img/member/sns_f.png'); cursor: pointer}
.login_sns .clearfix > .facebook:before{background-color: #768bb7;}

.login_sns .clearfix > .naver a,.login_sns .clearfix > .kakao button{white-space: nowrap;overflow: hidden;text-indent: -999px}
.login_sns .clearfix .nvr_txt, .login_sns .clearfix > .kakao:after{position: absolute;left: 0;top:0;content: ''; width: 100%; height: 100%; padding-left: 67px;    box-sizing: border-box;}
.login_sns .clearfix > .naver:after{content: '네이버 ID로 회원가입';}
.login_sns .clearfix > .kakao:after{content: '카카오계정으로 로그인'; color: #381e1f;}

.ck-st1{cursor: pointer; position: relative; color: #111}
.ck-st1 input{border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;}
.ck-st1 input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}
.ck-st1 label{position: relative;display: block;background: #fff;padding-left: 2.438em}
.ck-st1 input + label span{position: absolute; display: block; width: 1.688em; height: 1.688em; top:0; left: 0; border:1px solid #000; background: #fff;border-radius: 50%;}
.ck-st1 input:checked + label span{background: #fff url('../img/common/ck-st1_on.png') center center no-repeat;}

.ck-st2{position: relative; display: inline-block}
.ck-st2 input{border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;}
.ck-st2 input:focus + label:before{border:1px dotted #000;z-index:1;content: '';left: 0;right: 0;bottom: 0;top:0;margin: auto;position: absolute;}
.ck-st2 label{position: relative;display: block;background: #fff;padding-left: 2.250em}
.ck-st2 input + label span{position: absolute;background: #fff;width:26px;height:26px;width: 1.625rem; height: 1.625rem;display: inline-block;top:0; left: 0; border:1px solid #000; border-radius: 3px;z-index: 1}
.ck-st2 input:checked + label span:before{position: absolute; display:block; left: 50%;top:50%;width: 16px;height: 16px;width: 1rem;height: 1rem;content: '';background: #ef4023; margin: -8px 0 0 -8px;margin: -.5rem 0 0 -.5rem;border-radius: 3px}
.ck-st2.r input,.ck-st2.r input + label span{left: auto; right: 0}

.member-steps{max-width:800px;margin: 0 auto 60px;text-align: center; position: relative; color: #000}
.member-steps:before{position: absolute;left: 10%;top:43px; height: 1px; width: 80%;border-top: 1px dotted #ccc; content: '';}
.member-steps > ol{margin-left: -3%;}
.member-steps > ol > li{float: left; width: 13.6666666667%; margin-left: 3%;}
.member-steps .ico{width: 85px;height: 85px;background: #d3d3d3; border-radius:50%; position: relative; display: block; margin: 0 auto;}
.member-steps .ico img{display: block;margin: auto;position: absolute;left: 0;top:0;right: 0;bottom: 0}
.member-steps .active .ico{background-color:#ef4523}
.member-steps .txt{margin-top: .7em;}

.member_com .w{border-top: 3px solid #111; padding-top: 70px;}
.tit-member{margin-bottom: 60px; text-align: center; color: #111}
.tit-member .t{font-size: 40px; font-weight: 700; margin-bottom: 30px; line-height: 1.15;}
.tit-member .txt{}

.join_box{max-width:872px; margin: 0 auto; color: #111;    display: flex; justify-content: space-between;}
.join_box li{border:1px solid #ccc; transition:all ease-in-out .3s; width: 48%; text-align: center; border-radius:5px}
.join_box.type li{ padding: 80px 30px;}
.join_box.sort li{padding: 50px 30px;}
.join_box li:first-child{float: left;}
.join_box li:hover{border-color:#ef4523}
.join_box .t{display: block; font-size: 1.375em;}
.join_box .txt{display: block; font-size: 1.125em; margin-top: 10px;}
.join_box.type .in{position: relative; padding-top: 127px; background: url('') center top no-repeat}
.join_box .btn_w{margin-top: 50px;}
.join_box.type .btn-st1{width: 183px}
.join_box .type1 .in{background-image: url('../img/member/type1.png')}
.join_box .type2 .in{background-image: url('../img/member/type2.png')}

.join_box.sort .btn-st1{width: 260px}
.join_box.sort .txt{font-size: 1em; color: #999}
.join_box.sort .btn-sns_w > *{margin: 5px auto 0}
.join_box.sort .btn-sns_w > *:first-child{margin-top: 0;}

.btn-sns_w > *{height: 60px;line-height: 60px;border-radius:5px;/* padding-left: 67px; */ color: #fff;text-align: center; display: block; max-width: 100%; width: 100%; font-weight: 400; position: relative;}
.btn-sns_w .naver a,.btn-sns_w .kakao button,.btn-sns_w .facebook{padding-left: 67px;background: url('') 1.25em center no-repeat; position: relative; border-radius:5px}
.btn-sns_w .facebook:before,.btn-sns_w .naver a:before,.btn-sns_w .kakao:before{position: absolute;left: 67px;width: 1px;height: 26px;margin-top: -13px; content: '';background: #76c573;top:50%}
.btn-sns_w .naver a{background-color: #3bac37; background-image: url('../img/member/sns_n.png')}

.btn-sns_w .naver {width:100%; position: relative; color: #fff;text-align: center; height: 60px; line-height: 60px;}
.btn-sns_w .naver a img {display: none !important;}
.btn-sns_w .nvr_txt {position: absolute; z-index: 1; color: #fff;}




.btn-sns_w .naver a:before{background: #76c573;}
.btn-sns_w .kakao {
	background-color: #fce000; background-image: url('../img/member/sns_k.png'); cursor: pointer; color: #381e1f;
	background-repeat: no-repeat; background-position: left 20px center;
}
.btn-sns_w .kakao img, .login_sns .kakao img {display: none !important;}
.btn-sns_w .kakao:before{background-color: #cab300;}
.btn-sns_w .facebook{background-color:#3b5998; background-image: url('../img/member/sns_f.png'); cursor: pointer}
.btn-sns_w .facebook:before{background-color: #768bb7;}

.btn-sns_w a,.btn-sns_w div button{display: block;width: 100%;height: 100%; position: relative; white-space: nowrap;overflow: hidden;}

.btn-sns_w .nvr_txt {position: absolute;left: 0;top:0; width: 100%; height: 100%; padding-left: 67px;    box-sizing: border-box;}

.btn-sns_w .kakao:after {position: absolute;left: 0;top:0;content: ''; width: 100%; height: 100%; padding-left: 67px;    box-sizing: border-box;}
/* .btn-sns_w .naver:after{content: '네이버 ID로 회원가입';} */

.btn-sns_w .kakao:after{content: '카카오톡 ID로 회원가입'; color: #381e1f;}


.btn-sns_w button img { width: 100%; height: 100%;}

.join_agree .group{margin-top: 80px;}
.join_agree .group:first-child{margin-top: 0;}

.identity{color: #111}
.identity .top{background: #f6f6f6; border:1px solid #ddd;border-radius:5px;padding: 40px}
.identity .top .in{position: relative;}
.identity .top .agree-st1{position: absolute;right: 0;bottom: 0}
.identity .mid{margin-bottom: 1.8em;}
.identity .bot{border:1px solid #000; border-left: 0; border-right: 0; padding: 50px; position: relative;}
.identity .bot .t{font-size: 1.375em; margin-bottom: 10px;display: block;}
.identity .bot .bg{background: url('../img/member/identity.png') left top no-repeat; padding-top: 7px; padding-left: 94px; min-height: 69px; padding-right: 197px;}
.identity .bot .btn-st1{position: absolute;right: 0;top:50%; right: 40px; margin-top: -30px; width: 180px}
.join_form{border-top: 3px solid #111;}
.join_form .form-st1{border-top: 0;}
.join_form .form-st1 .t{width: 180px}

.join_form .ck-st1_w,.join_form .ck-st2_w{margin-top: -1em;}
.join_form .ck-st1_w > li,.join_form .ck-st2_w > li{margin: 1em 1em 0 0; float: left;}
.join_form .mail-st1{display: inline-block;}

.mail-st1 > *{float: left; width: 33%}
.mail-st1 .e1{width: 28%}
.mail-st1 .dash{width: 5%;text-align: center;line-height: 45px}
.mail-st1 .e3{float: right;}

.tel-st1{margin-left: -.3%;}
.tel-st1 > li{float: left; width: 32.33333333333%;margin-left: 1%;}

.form-st1 .rel{position: relative; padding-right: 150px; display: inline-block;}
.form-st1 .rel button{white-space: nowrap;display: block; width: 140px;height: 100%;position: absolute;right: 0;top:0; text-align: center;}

.join_ok{font-size: 40px; text-align: center; border-top: 3px solid #111; border-bottom: 1px solid #ccc; padding: 70px 30px; color: #111; line-height: 1.3;}
.join_ok strong{display: block;}

.find_id_pw input[type="text"], input[type="password"]{height: 70px; padding: 0 1.125em; width: 100%}
.find_id_pw .form li{margin-top: 15px;}
.find_id_pw .form li:first-child{margin-top: 0;}
.find_id_pw > li{width: 45%}
.find_id_pw > .l{float: left;}
.find_id_pw > .r{float: right;}
.find_id_pw .tit-member{margin-bottom: 50px;}

.myapge-confirm .bbs-list{margin-top: 50px;}

.bbs-intro{position: relative; margin-left: -2%; display:flex;flex-wrap:wrap}
.bbs-intro > li{float: left; width:23%;margin: 0 0 2% 2%; position: relative;}
.bbs-intro .img img{width: 100%; display: block;}
.bbs-intro .name{position: absolute; background: #fff;display: inline-block; top:10px;right: 10px; background: #fff; color: #ef4023;border-radius:3px;line-height: 1.15; padding: 1em 10px}


.bbs-intro_new{position: relative;}
.bbs-intro_new > li{ position: relative; margin-bottom: 59px;}
.bbs-intro_new > li:last-child{margin-bottom: 0;}
.bbs-intro_new > li:after{clear: both; display: block; content: ''}
.bbs-intro_new .img{
	float:left;
	width:33%;
	position:relative; max-width:460px
}
.bbs-intro_new .img img{
	display:block;
}
/* .bbs-intro_new .img > div{
	position:relative;
	padding-bottom:100%;
	border-radius:10px;
	overflow:hidden;
} */
.bbs-intro_new .name{
	display:inline-block;;
	font-size:1rem;
	line-height:1.15;
	text-align:center;
	padding:1em 10px calc(1em - 1px);
	color:#ef4023;
	background:#fff;
	border-radius:3px; position: absolute; right: 10px; top:10px
}
.bbs-intro_new .cont{float: right; width: 63%}
.bbs-intro_new .sect{margin-top: 50px;}
.bbs-intro_new .sect:first-child{margin-top: 0;}
.bbs-intro_new dt{font-weight: 700; color: #000; font-size: 1.25em; margin-bottom: 1em; line-height: 1.15;}

.btn-newsletter{margin-top: 1.3em;}

.txt_required{text-align: right; margin-bottom: 10px;}

.art_page .tbl-cal td{height: 4em}

.tbl-ow{overflow-x: auto;}
.tbl-ow th{white-space: nowrap;}

.bbs-list2{margin-top: 20px;line-height: 1.15;}
.bbs-list2 > ul{margin-left: -2%;}
.bbs-list2 > ul > li{float: left; width: 23%;margin: 0 0 2% 2%;position: relative;}
.bbs-list2 a{transition: all ease-in-out .15s;border:1px solid #dadada;background: #fafafa;border-radius:3px;display: block;position: relative;}
.bbs-list2 a:hover,.bbs-list2 a:focus{background: #fff;border-color:#222;}
.bbs-list2 a:hover .t,.bbs-list2 a:focus .t{text-decoration: underline;}
.bbs-list2 .cont{display: block; position: relative;padding: 40px;}
.bbs-list2 .sort{font-size: 0;font-weight: 700;}
.bbs-list2 .label,.bbs-list2 .date{font-family: 'gt','NanumSquareRound'}
.bbs-list2 .sort span{font-size: 14px;}
.bbs-list2 .t{display: block;height: 2.292em;overflow: hidden;font-size: 1.5em;}
.bbs-list2 .date{color: #999;display: block;margin-top: 7.63em;}
.bbs-list2 .more{position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;background: #4b1e78 url(/resources/guro/img/common/more.png) center center no-repeat; border-radius:3px 0;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;display: none;}
.bbs-list2.thumb .cont{padding: 30px}
.bbs-list2.thumb .txt{margin-top: 1.875em;height: 2.47em; overflow: hidden;display: block;color: #666;line-height: 1.35;}
.bbs-list2.thumb .date{margin-top: 3em}
.bbs-list2 .img{position: relative;overflow: hidden;padding-bottom: 100%;}
.bbs-list2 .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; width: 100%;}
.bbs-list2 a:hover .more{display: block;}
.bbs-view .cont_w .editor *{max-width:100%}
.art_slide{position: relative;}
.art_slide .btn{float: left; width: 45px; height: 45px;background: rgba(0,0,0,.3) url('') center center no-repeat; border-radius:50%; position: absolute; top:50%; margin-top: -20px; z-index: 1}
.art_slide .btn.prev{background-image: url('../img/main/prev_w.png'); left: 1em}
.art_slide .btn.next{background-image: url('../img/main/next_w.png'); right: 1em}

.radio_w > span{float: left; margin-right: .938rem}
.radio_w > span:last-child{margin-right: 0;}

/* .bbs-perform a{position:relative} */
.bbs-perform a:focus{outline:1px dotted #666}
.bbs-perform .tit .t{position: relative;}
.bbs-perform .tit .t a{display: block;}
.bbs-perform .img a:focus:after,.bbs-perform .tit .t a:focus:after{position: absolute;left: 0;top:0;right: 0;bottom: 0; border:1px dotted #666; content: ''}


.login-temp_txt{margin-top: 1.25rem; font-size: .938rem;}
.login-temp_txt > .bul-mark.b{display: inline-block;}