@charset "utf-8";
/* @latest 2023.05.03 SSJ */
/* @latest 2023.05.12 SSJ */
/* @latest 2023.06.02 SSJ */
/* @latest 2023.06.19 OSY */

/* footer */
.footer-area-001 .addressArea .p_wrap > p {max-width:none !important;}

/* empty */
.tbwrap .emptytd15 {height:15px;}
.box_type01 + .cont_box01,
.cont_box01 + .cont_box01 {margin-top:50px;}
.tbwrap .txt_box01 table .bult01 td{padding: 4px 0 15px 35px;}

.sbscrbPointc {color:#007ad3;}


/* bullet */
.tbwrap .bult_tit {position:relative;padding-top: 6px;padding-left: 28px;padding-bottom: 15px;line-height: 30px;font-size:24px;font-weight:600;text-align:left;}
.tbwrap .bult_tit:before {position:absolute;top: 10px;left:0;content:'';display:block;width:20px;height:20px;background:url('/images/gewMainBullet.png') no-repeat;}

.usrbult_tit,
.subCon .wzAdmSTit {position:relative;padding-top: 6px;padding-left: 28px;padding-bottom: 15px;line-height: 30px;font-size:24px;font-weight:600;}
.usrbult_tit:before,
.subCon .wzAdmSTit:before {position:absolute;top: 10px;left:0;content:'';display:block;width:20px;height:20px;background:url('/images/gewMainBullet.png') no-repeat;}

.tbwrap.rest .bult_tit:before {top:-20px; width:0; height:0; border-top:20px solid transparent; border-bottom:20px solid #009c5d; border-left:15px solid transparent; border-right:15px solid transparent; background:none;}
.tbwrap.rest .bult_tit:after {position:absolute; top:-8px; left:14px; content:''; width:0; height:0; border-top:14px solid transparent; border-bottom:14px solid #316f41; border-left:12px solid transparent; border-right:12px solid transparent;}

.tbwrap tr[class*='bult'] td {position:relative;}
.tbwrap tr[class*='bult'] td:before {position:absolute; content:'';}
.tbwrap .bult01 td:before {width:6px; height:6px; border-radius:50%; background-color:#3b3786;}
.tbwrap .bult02 td:before {width:7px; height:1px; background-color:#717171;}
.tbwrap .bult03 td:before {width:4px; height:4px; border-radius:50%; background-color:#666;}
.tbwrap.rest .bult01 td:before {background-color:#316f41;}

.h_bult01 {width:100%;position:relative;clear: both;margin-bottom: 10px;}
.h_bult01:before {content:"";width:6px;height:6px;border-radius:50%;background-color:#3b3786;display: inline-block;vertical-align: middle;margin-right: 10px;}

/* btn */
.tbwrap a:not(.wzbtn) {padding:0 2px 1px; color:#3b3786; border-bottom:1px solid #3b3786;}
.tbwrap.rest a:not(.wzbtn) {color:#316f41; border-color:#316f41;}
.tbwrap .wzbtn:after {display:inline-block; font-family:'FontAwesome'; margin-left:5px; vertical-align:middle;}
.tbwrap .btn-more:after {content:'\2b'; vertical-align:1px;}
.tbwrap .btn-link1:after {content:'\f0c1';}
.tbwrap .btn-link2:after {content:'\f08e';}
.tbwrap .btn-download:before {display:none !important;}
.tbwrap .btn-download:after {content:'\f019';}


/* box 01 */
.box_type01 {border-top:2px solid #58626e; border-bottom:1px solid #e8e8e8; box-sizing:border-box; }
.box_type01 tr td {padding-left:55px; padding-right:55px; word-wrap:break-word; word-break:keep-all;}
.box_type01 tr:first-child td {padding-top:35px;}
.box_type01 tr:last-child td {padding-bottom:35px;}
.box_type01 .tit {padding-top:10px; padding-bottom:10px; font-size:20px; font-weight:600;}
.box_type01 .txt {padding-top:5px; padding-bottom:5px; font-size:16px; line-height:1.4em;}
.box_type01 .bult01 td {padding-left:70px;}
.box_type01 .bult01 td:before {top:13px; left:55px;}
.box_type01 .bult02 td {padding-left:85px; font-size:15px;}
.box_type01 .bult02 td:before {top:15px; left:70px;}


/* contents box 01 */
.cont_box01 tr td {word-wrap:break-word;word-break:keep-all;vertical-align: top;}
.cont_box01 tr td.hgt30 {height:30px;}
.cont_box01 .txt_dpt01 td {padding: 8px 0 5px;font-size:18px;line-height:1.4em;}
.cont_box01 .bult01.txt_dpt01 td {padding-left:15px; font-weight:normal;}
.cont_box01 .bult01.txt_dpt01 td:before {top:16px; left:0;}
.cont_box01 .bult01 + .bult01 td {padding-top:5px;}
.cont_box01 .bult01 + .bult01 td:before {top:13px;}

.cont_box01 .txt_dpt02 td {padding:4px 0; font-size:16px; line-height:1.5em; text-align:left;}
.cont_box01 .bult02.txt_dpt02 td {padding-left:30px;}
.cont_box01 .bult02.txt_dpt02 td:before {top:15px; left:16px;}

.cont_box01 .txt_dpt03 td {padding:4px 0 4px 15px; font-size:14px; line-height:1.4em;}
.cont_box01 .bult03.txt_dpt03 td {padding-left:40px;}
.cont_box01 .bult03.txt_dpt03 td:before {top:10px; left:30px;}

.cont_box01 .txt_dpt02 + .bult01 td, .cont_box01 .txt_dpt03 + .bult01 td {padding-top:20px;}
.cont_box01 .txt_dpt02 + .bult01 td:before, .cont_box01 .txt_dpt03 + .bult01 td:before {top:28px;}
.cont_box01 .txt_dpt03 + .bult02 td {padding-top:15px;}
.cont_box01 .txt_dpt03 + .bult02 td:before {top:26px;}


/* txt box */
.tbwrap .txt_box01 table {border:1px solid #ccc; margin-bottom:15px;}
.tbwrap .txt_box01 table tr:first-child td {display: block; margin-top:20px;}
.tbwrap .txt_box01 table tr:last-child td {display: block; margin-bottom:20px;}
.tbwrap .txt_box01 table tr td {position:relative; padding-left:20px; padding-right:20px;}

.tbwrap .txt_box01 table .bult01 td {padding-left:35px;}
.tbwrap .txt_dpt02 .txt_box01 table .bult01 td:before {top:13px; left:22px;}
.tbwrap .txt_dpt03 .txt_box01 table .bult01 td:before {top:10px; left:22px;}

.tbwrap .txt_box01 table .bult02 td {padding-left:50px;}
.tbwrap .txt_dpt02 .txt_box01 table .bult02 td:before {top:15px; left:35px;}
.tbwrap .txt_dpt03 .txt_box01 table .bult02 td:before {top:12px; left:35px;}


/* txt point */
.tbwrap tr .txt_pit {position:relative; padding-bottom:15px; font-size:0.94em;}
.tbwrap tr .txt_pit:before {position:absolute; content:'!'; display:inline-block; width:18px; height:18px; line-height:20px; background-color:#3b3786; font-size:12px; color:#fff; text-align:center; border-radius:50%; box-sizing:border-box;}
.tbwrap.rest .txt_pit:before {background-color:#316f41;}
.tbwrap .txt_dpt01 .txt_pit {padding-left:25px;}
.tbwrap .txt_dpt01 .txt_pit:before {left:0; top:9px;}
.tbwrap .txt_dpt02 .txt_pit {padding-left:25px;}
.tbwrap .txt_dpt02 .txt_pit:before {left:0; top:5px;}
.tbwrap .txt_dpt02.bult02 .txt_pit {padding-left:55px;}
.tbwrap .txt_dpt02.bult02 .txt_pit:before {content:'!'; left:30px; top:5px;}
.tbwrap .txt_dpt03.bult03 .txt_pit {padding-left:55px; font-size:13.5px;}
.tbwrap .txt_dpt03.bult03 .txt_pit:before {content:'!'; left:30px; top:4px;}


/* table 01 */
.tbl_type01 tr td:not(.tbl_list td) {padding:20px 15px; font-size:16px; text-align:center; color:#454545; border:1px solid #e7e7e7; line-height: 25px; word-break: break-all; vertical-align: middle;}
.tbl_type01 tr td.th:not(.tbl_list td):first-child {border-left:0;}
.tbl_type01 tr.thead td.th:not(.tbl_list td){border-right:0; }
.tbl_type01 tr td:not(.tbl_list td):last-child {border-right:0;}
.tbl_type01 tr td:not(.tbl_list td):first-child {border-left:0;}
.tbl_type01 .thead .th {color:#000; font-weight:600; background-color:#f5f5f5; vertical-align: middle;}
.tbl_type01 .thead .th ~ .th {border-width:1px 0;}
.tbl_type01 .thead:not(:nth-child(n+2)) .th {border-top:1px solid #353541;}
.tbl_type01 .tbody .th {color:#121212; font-weight:600; line-height: 25px;}
.tbl_type01.smallTBL tr.tbody td {padding:10px 15px;}

/* table 02 */
.tbl_type02 tr td:not(.tbl_list td) {padding:20px 15px; font-size:16px; text-align:center; color:#454545; border:1px solid #e7e7e7; line-height: 25px; word-break: break-all; vertical-align: middle;}
.tbl_type02 tr td.th:not(.tbl_list td):first-child {border-left:0;}
.tbl_type02 tr td:not(.tbl_list td):last-child {border-right:0;}
.tbl_type02 tr td:not(.tbl_list td):first-child {border-left:0;}
.tbl_type02 .thead .th {color:#000; font-weight:600; background-color:#f5f5f5; vertical-align: middle;}
.tbl_type02 .thead:not(:nth-child(n+2)) .th {border-top:1px solid #353541;}
.tbl_type02 .tbody .th {color:#121212; font-weight:600; line-height: 25px;}
.tbl_type02.smallTBL tr.tbody td {padding:10px 15px;}


.tbl_list table tr td {padding:4px 0; text-align:left; line-height:1.4em;}
.tbl_list table tr[class*='tbldpt'] td {position:relative;padding: 4px 13px;}
.tbl_list table tr[class*='tbldpt'] td:before {position:absolute; top:13px; content:''; display:inline-block; background-color:#666;}
.tbl_list table .tbldpt01 td {padding-left:10px; font-size:16px; color:#454545;}
.tbl_list table .tbldpt01 td:before {left:0; width:3px; height:3px; border-radius:50%;}
.tbl_list table .tbldpt02 td {padding-left:22px; font-size:15px; color:#666;}
.tbl_list table .tbldpt02 td:before {left:10px; width:5px; height:1px;}






td.tit_left {width: 17%!important;vertical-align: top;}
td.txt_right {width: 83%!important;}

@media only screen and  (max-width:799px){
  td.tit_left {display: block; width:100%!important;}
  td.txt_right {display: block;width:100%!important;padding-left: 25px;box-sizing: border-box;padding-bottom: 20px;}

 .tbwrap .bult_tit, .usrbult_tit, .subCon .wzAdmSTit {font-size: 19px;padding-bottom: 5px;}
 .cont_box01 .txt_dpt01 td, .h_bult01 {font-size: 16.5px;}
}

.numpoint_box + .numpoint_box {display: block; margin-top:20px;}
.numpoint {display: inline-block; position: relative; width: 48%; border-radius: 30px;box-sizing: border-box; background:#f7f7f7;vertical-align: middle;}
.numpoint + .numpoint {margin-left:2%;}
.numpoint .num {display: inline-block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center; color:#fff;background:#3b3786;vertical-align: middle;}
.numpoint .txt {display: inline-block;width: calc(100% - 64px);padding: 10px 20px 10px 10px;box-sizing: border-box;vertical-align: middle;font-size: 16.5px;line-height: 1.4em;min-height: 20px; word-break: break-all;}

@media only screen and  (max-width:799px){
 .numpoint_box + .numpoint_box {margin-top:0;}
 .numpoint + .numpoint {margin-left:0;}
 .numpoint {width: 100%; margin-top:10px;}
 .numpoint_box:first-child .numpoint:first-child {margin-top:0;}
}







/* 수강신청 모듈(사용자단) */
#RsvtDiv .basic {border-top:2px solid #333;}
#RsvtDiv .basic tbody tr td {font-size: 15.5px;}
.basic tbody tr td .lstrsTit {font-size: 18px; font-weight: 600;}
.basic tbody tr td .lstrsInfo {background: #f9f9f9; padding: 8px 9px 4px; margin-top: 5px;}
.basic tbody tr td .lstrsInfo ul {padding-left: 0;}
.basic tbody tr td .lstrsInfo ul li {font-size: 14px; list-style: none; margin-bottom: 2px;}
.basic tbody tr td .lstrsInfo ul li:before {content:"";width: 5px;height: 5px;display: inline-block;background: #3b3786;border-radius: 100%;vertical-align: middle;margin: -3px 4px 0;}
.basic tbody tr td .lstrsInfo ul li strong {color: #666; font-size: 15px; margin-right: 10px;}

#RsvtDiv .basic tbody tr th,
#fcltRsvtWarp .basic tbody tr th,
#dgtlDiv .basic tbody tr th{background: #f5f5f5; color: #000; font-size: 16px;word-wrap: break-word;}
.subCon .basic {table-layout:fixed;}
#RsvtDiv .usrlistTBL tr td:nth-child(7) .wzbtn-table {display:inline-block;border-radius:10px;vertical-align: middle;letter-spacing: -0.5px;padding: 4px 8px;position: relative;color: #000;font-size: 14px;font-weight: 600;min-height:32px;box-sizing:border-box;line-height:26px;}

    @media only screen and  (min-width:991px){
        #fcltRsvtWarp .basic tr:first-child th,
        #fcltRsvtWarp .basic tr:first-child td {border-top:1px solid #333;}
   
        #RsvtDiv .basic.usrlistTBL tbody tr:hover td {background:#f3f4f3;}
        #RsvtDiv .basic.usrlistTBL tbody tr:hover td .lstrsInfo {background:#fff;}
        #RsvtDiv .basic.usrlistTBL tbody tr td .lstrsTit:hover {text-decoration:underline;}
    }

    @media only screen and  (max-width:799px){
        #RsvtDiv .usrlistTBL thead, #RsvtDiv .usrlistTBL colgroup {display:none;}
        #RsvtDiv .usrlistTBL tr {display:block;border-bottom: 1px solid #ccc;width: 100%;float: left;padding: 10px 0;}
        #RsvtDiv .usrlistTBL tr td {display:inline-block;border-top: none;}
        #RsvtDiv .usrlistTBL tr td:first-of-type {display:none;}
        #RsvtDiv .usrlistTBL tbody tr:only-of-type td {display: block !important;}
        #RsvtDiv .usrlistTBL tr td:nth-child(2) {padding: 15px 10px 0 5px;}
        #RsvtDiv .usrlistTBL:not(.imglistTBL) tr td:nth-child(3) {padding: 15px 0 0 0;}
        #RsvtDiv .usrlistTBL:not(.imglistTBL) tr td:nth-child(2):after {content:"";width: 10px;height: 1px;display: inline-block;background: #333;transform: rotate(-45deg);margin-left: 10px;vertical-align: middle;margin-top: -3px;}
        #RsvtDiv .usrlistTBL tr td:nth-child(4) {border-top: none;width: 100%;box-sizing: border-box;padding: 5px 0 0 5px;}
        .basic tbody tr td .lstrsInfo {border: 1px solid rgba(0,0,0,0.05);}
        .basic tbody tr td .lstrsTit {font-size:17px;word-break: keep-all;word-wrap: break-word;}
        #RsvtDiv .usrlistTBL tr td:nth-child(5) {border-top: 0;padding: 5px 0 0 5px;}
        #RsvtDiv .usrlistTBL tr td:nth-child(5) .circle_badge:not(:first-of-type) {margin-left: 14px;}
        #RsvtDiv .usrlistTBL tr td:nth-child(5) br {display:none;}
        #RsvtDiv .usrlistTBL tr td:nth-child(6) {font-weight: 600;float: right;line-height: 35px;padding: 15px 5px 0 0;}
        #RsvtDiv .usrlistTBL tr td:nth-child(7) {float: right;/* padding-top: 5px; */line-height: 35px;font-weight: 600;}

        #RsvtDiv .usrlistTBL.imglistTBL tr td:nth-child(3) {width: 100%; clear: both; box-sizing: border-box;}
        #RsvtDiv .usrlistTBL.imglistTBL tr td:nth-child(3) .imgbox {width: 100% !important;}
        #RsvtDiv .usrlistTBL.imglistTBL tr td:nth-child(7) {padding: 10px 0 0 10px;}
        #RsvtDiv .usrlistTBL.imglistTBL tr td:nth-child(8) {padding: 6px 0 0 0; float: right;}
    }




.subCon .basic.subConbasicList {border-top:2px solid #333;}
.subCon .basic.subConbasicList tbody tr td {font-size: 15.5px;text-align: center;}
.subCon .basic.subConbasicList tbody tr td.brdtitle {font-size: 17px;text-align: left;font-weight: 600;}




/* 공모전 모듈(사용자단) */
#dgtlDiv .basic {border-top:2px solid #333;}
#dgtlDiv .basic.usrlistTBL tbody tr td {font-size: 15.5px;text-align:center;}

    @media only screen and  (max-width:799px){
      .subCon .basic.subConbasicList tbody tr td.btntd {padding-left:0;padding-right: 0;}
      .subCon .basic.subConbasicList tbody tr td .iconOnlyBtnSameSize {line-height:120%;}
     
        #dgtlDiv .usrlistTBL thead, #dgtlDiv .usrlistTBL colgroup {display:none;}
        #dgtlDiv .usrlistTBL tr {display:block;border-bottom: 1px solid #ccc;width: 100%;float: left;padding: 25px 0 10px;}
        #dgtlDiv .usrlistTBL tr td {display:inline-block;border-top: none;}
        #dgtlDiv .usrlistTBL tr td:first-of-type {display:none;}
        #dgtlDiv .usrlistTBL tr td:nth-child(2) {width:100%;box-sizing:border-box;padding: 0 5px;}
        #dgtlDiv .usrlistTBL tr td:nth-child(3) {font-size: 14px;}
        #dgtlDiv .usrlistTBL tr td:nth-child(4) {font-weight: 600;float: right;line-height: 35px;padding: 15px 5px 0 0;}
        #dgtlDiv .usrlistTBL tr td:nth-child(5) {float:right;line-height: 35px;font-weight: 600;}
        #dgtlDiv .usrlistTBL tr td:nth-child(5) .iconOnlyBtnSameSize {margin:0;}
    }



/* 사용자페이지 신규모듈 검색바 디자인통일 */
.subCon .wzAdmSrchbox {width: 100% !important;text-align: center !important;padding-bottom: 10px;}
.subCon .wzAdmSrchbox select {border: none;font-size: 16.5px;margin-right: 10px;border-bottom: 1px solid #ccc;}
.subCon .wzAdmSrchbox input[type="text"] {width: 40%; max-width: 300px; border: none; border-bottom: 2px solid #ccc; font-size: 16.5px;}
.subCon .wzAdmSrchbox select:before:not(:first-of-type) {content:"";}
.subCon .wzAdmSrchbox .btn-srch {width: 40px; height: 45px; font-size: 1px; border: none; padding: 0; background: url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position: -173px 13px; text-indent: -9999px;}

    @media only screen and  (max-width:799px){
    .subCon .wzAdmSrchbox {border-top: 1px solid #ddd;margin-top: 30px;padding: 20px 0 10px;}
    .subCon .wzAdmSrchbox input[type="text"] {clear:both;min-width: 50%;}
    }






/*예술공연 -리스트*/
.cltuArtList {width:100%; margin-top:15px;}
.cltuArtList>ul {padding-left: 0 !important;}
.cltuArtList>ul>li {display:inline-block;float:left;width: 49%;height: 320px;margin-right: 2%;border-radius: 25px;border:1px solid #ddd;position:relative;box-sizing: border-box;margin-bottom: 30px;list-style: none !important;overflow: hidden;transition: box-shadow 0.3s, border 0.3s;}
.cltuArtList>ul>li:nth-child(2n) {margin-right:0;}
.cltuArtList>ul>li:nth-child(2n+1) {clear:both;}
.cltuArtList>ul>li.nodata_evnt {width: 100% !important;max-width: 100% !important;clear:both;font-size: 18px;font-weight: 600;padding: 20px;}
.cltuArtList>ul>li .evntImgBox {width: 42%;height: 320px;float:left;overflow: hidden;position: relative;}
.cltuArtList>ul>li .evntImgBox img {position:absolute;min-width: 100%;left: -999px;right: -999px;top: -999px;bottom: -999px;margin: auto;min-height: 100%;transition: transform 0.5s;max-height: 150%;max-width: 100% !important;}
.cltuArtList>ul>li:hover .evntImgBox img {transform:scale(1.1);}
.cltuArtList>ul>li .evntTxtBox {width: 58%;float: left;padding: 20px 10px 15px 15px;box-sizing:border-box;}

.cltuArtList>ul>li .evntTxtBox .stateBox {width: 45%;position:absolute;top:0;left:0;padding:15px 0 0 15px;box-sizing:border-box;}
.cltuArtList>ul>li .evntTxtBox .stateBox span {font-size: 13px;border: 1px solid #0364cb;padding: 1px 8px 1px;border-radius:20px;font-weight: 600;margin: 0 2px 6px 0;display: inline-block;line-height: 24px;}
.cltuArtList>ul>li .evntTxtBox .stateBox .ongoing {background:#0364cb;color:#fff;border-color: rgba(255,255,255,0.2);}
.cltuArtList>ul>li .evntTxtBox .stateBox .onoff {color:#0364cb;background: #fff;}
.cltuArtList>ul>li .evntTxtBox .stateBox .lectrFor {background:#3b3686;border-color: #3b3686;color: #fff;}
.cltuArtList>ul>li .evntTxtBox .stateBox .add {background: #fd9e00;border-color: #f7b13d;color: #fff;}
.cltuArtList:not(.lctrList)>ul>li .wzForm ~ .evntTxtBox .stateBox {padding-left: 54px;}
.cltuArtList:not(.lctrList)>ul>li .wzForm label>input[type="checkbox"] + .spanLabel:before {background-color: #fff;}
.cltuArtList>ul>li .evntTxtBox .cntBox {width:100%;}
.cltuArtList>ul>li .evntTxtBox .cntBox .evntTit {font-size: 19px;font-weight:600;line-height: 130%;/* height: 49px; */-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow: hidden;word-break: keep-all;word-wrap: break-word;}
.cltuArtList>ul>li:hover .evntTxtBox .cntBox .evntTit {text-decoration:underline;}
.cltuArtList>ul>li .evntTxtBox .cntBox .dateInfo {padding: 15px 0 10px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .dateInfo li {width:100%;list-style: none;clear: both;margin-top: 1px;display: flex;}
.cltuArtList>ul>li .evntTxtBox .cntBox .dateInfo li strong {font-size: 15px;font-weight:600;margin-right: 15px;line-height: 120%;width: 56px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .dateInfo li span {font-size: 14px;color: #868686;line-height: 120%;letter-spacing: -1px;width: calc(100% - 75px);display: inline-block;}
.cltuArtList>ul>li .evntTxtBox .cntBox .prsnInfo {padding-left: 0;}
.cltuArtList>ul>li .evntTxtBox .cntBox .prsnInfo li {width:100%;list-style: none;margin-top: -2px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .prsnInfo li strong {background:#dcdcdc;color:#333;padding:5px;margin-right:20px;font-size: 11px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .prsnInfo li:first-child strong {background:#343434; color:#fff;}
.cltuArtList>ul>li .evntTxtBox .cntBox .prsnInfo li span {font-size: 12px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .evbtnBox {text-align:center;border-radius: 10px;display: block;}
.cltuArtList>ul>li .evntTxtBox .cntBox .evbtnBox span {text-align:center;background: #f0f0f0;border-radius: 10px;display: block;padding: 14px 0;font-size: 16px;color: #797979;margin-top: 20px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .evbtnBox a {font-size: 16px;background: #fff;border: 1px solid #333;border-radius: 10px;width: 100%;display: block;padding: 14px 0;font-weight: 600;box-sizing: border-box;transition: background 0.5s;margin-top: 20px;}
.cltuArtList>ul>li .evntTxtBox .cntBox .evbtnBox a:hover {background:#333; color:#fff;}
.cltuArtList.lctrList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox span {width:100%;}
.cltuArtList.lctrList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox a {border: none; background: transparent; margin-top: 0; width: 100%;}

/*갤러리대여 확인리스트*/
.cltuArtList.glryRntlCnFirmList>ul>li .evntTxtBox {width:100%;}
.cltuArtList.glryRntlCnFirmList>ul>li .evntTxtBox .stateBox {position:relative; padding:0; width:100%;}
.cltuArtList.glryRntlCnFirmList>ul>li .evntTxtBox .cntBox .evbtnBox a:not(:only-child) {width:49%; display:inline-block; margin-top:12px;}

@media only screen and  (min-width:1300px){
    .cltuArtList.glryRntlCnFirmList>ul>li {height: 370px;}
    .cltuArtList.glryRntlCnFirmList>ul>li .evntImgBox {height: 370px;}
    .cltuArtList>ul>li:hover {border: 1px solid rgba(0,0,0,0.07);box-shadow: 0px 4px 7px rgba(0,0,0,0.07);}
    
}

@media only screen and  (min-width:991px){
    .cltuArtList.lctrList>ul>li:nth-child(2n+1):last-child:not(.nodata_event) {max-width: 49%;}
}
@media only screen and (min-width:991px) and (max-width:1299px){
    .cltuArtList>ul>li {border:none;height: auto;}
    .cltuArtList>ul>li .evntImgBox {height:0;padding-bottom:40%;border-radius: 25px;width: 35%;}
    .cltuArtList>ul>li .evntTxtBox {width:65%;padding-top: 5px;}
    .cltuArtList>ul>li .evntTxtBox .stateBox {width:35%;padding: 10px 10px;}
    .cltuArtList:not(.glryRntlCnFirmList)>ul>li .evntTxtBox .cntBox .dateInfo li span {width:100%;display: block;margin-bottom: 8px;}
}

@media only screen and  (max-width:990px){
    .cltuArtList>ul>li {width:100%;border: none;border-radius: 0;height: auto;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
    .cltuArtList>ul>li .evntImgBox {height:0;padding-bottom:40%;border-radius: 25px;width: 35%;}
    .cltuArtList>ul>li .evntTxtBox {width: 65%;padding: 5px 0 20px 15px;}
    .cltuArtList>ul>li .evntTxtBox .cntBox .evbtnBox a {font-size: 15px;}
    .cltuArtList>ul>li .evntTxtBox .stateBox {width:35%;}

    .cltuArtList.lctrList>ul>li>.wzForm {margin-top: 9px !important;}
}
@media only screen and  (max-width:570px){
    .cltuArtList>ul>li .evntTxtBox .cntBox .dateInfo li span {width:100%;display: block;/* margin-bottom: 8px; */}
    .cltuArtList>ul>li .evntTxtBox .stateBox {padding: 10px 0 0 10px;width: 35%;}
    .cltuArtList>ul>li .evntTxtBox .stateBox span {font-size: 11px;padding: 0px 5px;margin-right: 5px !important;font-weight: 400;}
}




/*강좌신청 -리스트 (예술공연에서 클래스 lctrList 하나 더한것임.)*/
.cltuArtList.lctrList {
}
.cltuArtList.lctrList>ul {display:flex;flex-wrap: wrap;}
.cltuArtList.lctrList>ul>li {height:auto;flex: auto;}
.cltuArtList.lctrList>ul>li .evntTxtBox {width:100%;}
.cltuArtList.lctrList>ul>li .evntTxtBox .stateBox {position:relative;padding: 0 0 15px;width: 100%;}
.cltuArtList.lctrList>ul>li .evntTxtBox .cntBox .dateInfo li {margin-top: -1px;}
.cltuArtList.lctrList>ul>li .evntTxtBox .cntBox .dateInfo li strong {width: 80px;font-size: 16px;vertical-align: top;}
.cltuArtList.lctrList>ul>li .evntTxtBox .cntBox .dateInfo li span {width: calc(100% - 110px);display: inline-block;vertical-align: top;font-size: 14.5px;letter-spacing: 0;word-break: keep-all;}

.cltuArtList>ul>li>.wzForm {width: 30px;display: inline-block;margin-left: 20px;margin: 20px 0 0 20px;position: absolute;z-index: 1;}
.cltuArtList>ul>li>.wzForm + .evntTxtBox .stateBox {padding-left: 30px;}

    /*강좌신청 - 짧은버전 (예술공연에서 클래스 shorList 하나 더한것임.)*/
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox {width:100%; float:left;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .dateInfo { width: calc(100% - 150px); float: left;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .prsnInfo {width: 150px;float: left;padding-left: 10px;box-sizing: border-box;text-align: right;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .prsnInfo li strong {margin-right:0;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .prsnInfo li span {min-width: 40px; display: inline-block;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .evbtnBox {float:left; clear:both; width:100%;}
    .cltuArtList.shorList>ul>li .evntTxtBox .cntBox .evbtnBox a {margin-top:0;}

    /*wide*/
    @media only screen and (min-width:991px) and (max-width:1299px){
        .cltuArtList.wideList>ul>li {border:1px solid #ddd;}
    }
    @media only screen and  (min-width:991px){
        .cltuArtList.wideList>ul {display:block;}
        .cltuArtList.wideList>ul>li {width: 100%;margin-bottom: 10px;}
        .cltuArtList.wideList>ul>li:last-child {margin-bottom:50px;}
        .cltuArtList.wideList>ul>li .evntTxtBox .stateBox {position: absolute; left: 20px; top: 60px;}
        .cltuArtList.wideList>ul>li .evntTxtBox .cntBox {position: relative; padding: 40px 0 0 300px; box-sizing: border-box;}
        .cltuArtList.wideList>ul>li .evntTxtBox .cntBox .evntTit {width: 100%;float: left;padding-right: 20px;box-sizing: border-box;position: absolute;top: 0;left: 0;-webkit-line-clamp: 1;}
        .cltuArtList.wideList>ul>li .evntTxtBox .cntBox .dateInfo {width: calc(100% - 250px); padding: 0;}
        .cltuArtList.wideList.shorList>ul>li .evntTxtBox .cntBox .prsnInfo {text-align: left;}
        .cltuArtList.wideList>ul>li .evntTxtBox .cntBox .prsnInfo li strong {margin-right:10px;}
        .cltuArtList.wideList.shorList>ul>li .evntTxtBox .cntBox .evbtnBox {width: 100px; clear: none;}
        .cltuArtList.wideList>ul>li .evntTxtBox .cntBox .evbtnBox a {height:72px;padding: 0;line-height: 70px;}
    }
    /*wide -btn*/
    #RsvtDiv {position:relative;}
    .viewSet {display: inline-block;position: absolute; right: 0; top: 20px; text-align: right;}
    .viewSet>.viewBtn {color: #838383;font-size: 14px; padding: 7px 0;}
    .viewSet>.viewBtn:before {content:"\f0c9";font-family:'FontAwesome';margin-right: 10px;}
    .viewSet>.viewBtn:focus + ul {display: inline-block;}
    .viewSet ul {padding: 3px 7px !important;border: 1px solid #333;background: #fff;border-radius: 3px;display: inline-block;position: absolute;right: 0;top: 30px;width: 95px;text-align: center;z-index: 1;display: none;}
    .viewSet ul li {list-style:none !important;}
    .viewSet ul li button {font-size: 14px;}
    .viewSet ul li button:hover {font-weight:600;}
    .viewSet ul li button:before {content:"";margin-right: 5px;display: inline-block;vertical-align: middle;}
    .viewSet ul li:first-child button:before {content:"\f009"; font-family:'FontAwesome';}
    .viewSet ul li:last-child button:before {content:"\f0c9"; font-family:'FontAwesome';}
        @media only screen and  (max-width:990px){
            .viewSet {display:none;}
        }


/*mypage 쪽*/
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .dateInfo li {margin-top:0;}
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .prsnInfo li {margin-top: 6px;}
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .dateInfo {padding: 7px 0 4px;}
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox a,
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox span {width: 49%; display: inline-block; vertical-align: top; margin-top: 15px; padding: 10px 0;}
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox span {border: 1px solid #f0f0f0;padding: 11px 0;}
.cltuArtList.usrmypage>ul>li .evntTxtBox .cntBox .evbtnBox span:only-child {width:100%;}