/* QR 팝업 */
.modal-content.QRpop {width: unset;}
/* 기본 색상 */
.bg_default {background: darkseagreen !important;}
/* 배경색상 */
.bg_color_01 {background: #92A795 !important;}
.bg_color_02 {background: #E4C0AD !important;}
.bg_color_03 {background: #A5ABBB !important;}
.bg_color_04 {background: #4C6F94 !important;}
.bg_color_05 {background: #8AABF0 !important;}
.bg_color_06 {background: #F2B257 !important;}
.bg_color_07 {background: #DCA19E !important;}
.bg_color_08 {background: #A7928A !important;}
.bg_color_09 {background: linear-gradient(135deg, #F1ADAB, #F4E09C) !important;}
.bg_color_10 {background: linear-gradient(135deg, #87A0DE, #E5B5DA) !important;}
.bg_color_11 {background: linear-gradient(135deg, #4BC6D0, #4EC49B) !important;}
.bg_color_12 {background: linear-gradient(135deg, #D164A5, #53C0D5) !important;}

/* 배경이미지  */
.bg_img_01 {background: url(../images/bg/bg_img_01.jpg) no-repeat center/cover !important;}
.bg_img_02 {background: url(../images/bg/bg_img_02.jpg) no-repeat center/cover !important;}
.bg_img_03 {background: url(../images/bg/bg_img_03.jpg) no-repeat center/cover !important;}
.bg_img_04 {background: url(../images/bg/bg_img_04.jpg) no-repeat center/cover !important;}
.bg_img_05 {background: url(../images/bg/bg_img_05.jpg) no-repeat center/cover !important;}
.bg_img_06 {background: url(../images/bg/bg_img_06.jpg) no-repeat center/cover !important;}
.bg_img_07 {background: url(../images/bg/bg_img_07.jpg) no-repeat center/cover !important;}
.bg_img_08 {background: url(../images/bg/bg_img_08.jpg) no-repeat center/cover !important;}
.bg_img_09 {background: url(../images/bg/bg_img_09.jpg) no-repeat center/cover !important;}
.bg_img_10 {background: url(../images/bg/bg_img_10.jpg) no-repeat center/cover !important;}
.bg_img_11 {background: url(../images/bg/bg_img_11.jpg) no-repeat center/cover !important;}
.bg_img_12 {background: url(../images/bg/bg_img_12.jpg) no-repeat center/cover !important;}
.bg_img_13 {background: url(../images/bg/bg_img_13.jpg) no-repeat center/cover !important;}
.bg_img_14 {background: url(../images/bg/bg_img_14.jpg) no-repeat center/cover !important;}
.bg_img_15 {background: url(../images/bg/bg_img_15.jpg) no-repeat center/cover !important;}
.bg_img_16 {background: url(../images/bg/bg_img_16.jpg) no-repeat center/cover !important;}
.bg_img_17 {background: url(../images/bg/bg_img_17.jpg) no-repeat center/cover !important;}
.bg_img_18 {background: url(../images/bg/bg_img_18.jpg) no-repeat center/cover !important;}
.bg_img_19 {background: url(../images/bg/bg_img_19.jpg) no-repeat center/cover !important;}
.bg_img_20 {background: url(../images/bg/bg_img_20.jpg) no-repeat center/cover !important;}
.bg_img_21 {background: url(../images/sbg/bg_img_21.jpg) no-repeat center/cover !important;}
.bg_img_22 {background: url(../images/bg/bg_img_22.jpg) no-repeat center/cover !important;}
.bg_img_23 {background: url(../images/bg/bg_img_23.jpg) no-repeat center/cover !important;}
.bg_img_24 {background: url(../images/bg/bg_img_24.jpg) no-repeat center/cover !important;}
.bg_img_25 {background: url(../images/bg/bg_img_25.jpg) no-repeat center/cover !important;}
.bg_img_26 {background: url(../images/bg/bg_img_26.jpg) no-repeat center/cover !important;}
.bg_img_27 {background: url(../images/bg/bg_img_27.jpg) no-repeat center/cover !important;}
.bg_img_28 {background: url(../images/bg/bg_img_28.jpg) no-repeat center/cover !important;}
.bg_img_29 {background: url(../images/bg/bg_img_29.jpg) no-repeat center/cover !important;}
.bg_img_30 {background: url(../images/bg/bg_img_30.jpg) no-repeat center/cover !important;}
.bg_img_31 {background: url(../images/bg/bg_img_31.jpg) no-repeat center/cover !important;}

/* 참여자 팝업 */
.user-list {display: flex; flex-wrap: wrap; justify-content: space-between; max-height: 600px; overflow: auto;}
.user-list div.my-1 {width: 45%;}

/* 비바클래스 공유하기 팝업 */
.share_pop { display: block; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; width: 440px; border: 0; border-radius: 30px;  z-index: 9999; overflow: hidden;}
.share_pop .popup_head {position: relative; padding: 0 0 0 33px; background: #4d8bef;}
.share_pop .popup_head p {font-size: 22px; font-weight: 500; color: #fff; line-height: 67px; letter-spacing: -0.05em;}
.share_pop .popup_head .popup_close {display: inline-block; position: absolute; right: 26px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; font-size: 0;}

.share_pop .popup_body {padding: 35px 93px 37px 93px; background: #eef5f8;}
.share_pop .popup_body strong {display: block; font-size: 18px; font-weight: 600; color: #333333; letter-spacing: -0.05em;}
.share_pop .popup_body .share_box.qr {display: flex; justify-content: center; align-items: center; width: 250px; height: 250px; margin-top: 13px; background: #fff; border: 2px solid #ededed; border-radius: 20px; overflow: hidden;}
.share_pop .popup_body .share_box.qr .qr_wrap {position: relative; width: 100%;}
.share_pop .popup_body .share_box.qr .qr_wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130%;}
.share_pop .popup_body .share_box.copy {margin-top: 18px; text-align: center; }
.share_pop .popup_body .share_box.copy p {font-size: 16px; font-weight: 400; color: #333333; letter-spacing: -0.05em;  text-align: center;}
.share_pop .popup_body .share_box.copy .pop_btn_share {display: inline-block; width: 140px; padding-left: 57px; margin-top: 8px;  font-size: 16px; font-weight: 400; color: #fff; line-height: 40px; letter-spacing: -0.05em; text-align: left; background: #4d8bef; border: 1px solid #3374dc; border-radius: 4px; box-sizing: border-box;}
.share_pop .popup_body .share_box.copy span {display: inline-block; margin-top: 18px; font-size: 15px; font-weight: 400; color: #e76557; letter-spacing: -0.04em; opacity: 0;}
.share_pop .popup_body .share_box.copy span.on {opacity: 1;}

/* 비바샘 공유하기 */
.share_pop.type2{width:651px;font-family:'noto sans KR',san-serif;}
.share_pop.type2 .popup_body{display:flex;}
.share_pop.type2 .popup_body{padding:37px 50px 41px 50px;}
.share_pop.type2 .popupQr{position:relative;padding-right:50px;}
.share_pop.type2 .popupQr:after{content:"";display:block;width:1px;height:93%;position:absolute;top:10px;right:0;border-left:1px solid #ced8e1;}
.share_pop.type2 .popupUrlBtn{padding-left:50px;}
.share_pop.type2 .popupUrlBtn ul{margin-top:13px;}
.share_pop.type2 .popupUrlBtn ul li+li{margin-top:17px;}
.share_pop.type2 .popupUrlBtn ul li[class^="url0"] a{font-size:15px;font-weight:400;display:block;color:#333;}
.share_pop.type2 .popupUrlBtn ul li[class^="url0"] a:before{content:"";display:inline-flex;align-items:center;width:70px;height:70px;margin-right:27px;}
.share_pop.type2 .popupUrlBtn ul li.url02 a:before{background-position-y:-86px}
.share_pop.type2 .popupUrlBtn ul li.url03 a:before{background-position-y:-171px}
.share_pop.type2 .popupUrlBtn p{margin-top:26px;line-height:16px;padding-left:8px;position:relative; }
.share_pop.type2 .popupUrlBtn p:before{content:"*"; display:inline-block;vertical-align:top;font-size:14px;position:absolute;top:0;left:0;height:32px;}

/*비바샘 공유하기 - 비바클래스*/
.break_drop.ui-select-parent {width: 164px;height: 44px;text-align: left;}
.share_pop.vivaclass{width:600px;display:none;font-family:'noto sans KR',san-serif; border-radius: 30px; z-index: 9999; padding: 0px !important;}
.share_pop.vivaclass#adminViva.on, .share_pop.vivaclass#noneadminViva.on{display:block;}
.share_pop.vivaclass .popup_head{height:82px;padding:30px 27px 0 30px;background-color:#fff;text-align:center;}
.share_pop.vivaclass .popup_head:after{content:"";display:block;width:100%;border-bottom:1px solid #000;padding-bottom:23px;}
.share_pop.vivaclass .popup_head .popup_close{background:url('../images/ico_pop_close2.png') no-repeat center;}
.share_pop.vivaclass .popup_body{background-color:#fff;padding:40px 27px 41px 30px;}
.share_pop.vivaclass .popup_body p{text-align:center;line-height:28px;font-size:16px;color:#000;}
.share_pop.vivaclass .popup_body p strong{font-size:20px;font-weight:500;color:#000;}
.share_pop.vivaclass .popup_body .formWrap{text-align:center;}
.share_pop.vivaclass .popup_body .formCont{height:46px;margin:36px 0 41px;}
.share_pop.vivaclass .popup_body .btnWrap{text-align:center;}
.share_pop.vivaclass .popup_body .btnWrap a{background-color:#2d57b6;color:#fff;display:inline-flex;width:213px;height:58px;font-size:18px;border-radius:28px;align-items:center;justify-content:center;}
.share_pop.vivaclass#noneadminViva .popup_body p{padding:56px 0 97px;}

.share_pop.vivaclass .popup_body .formCont .break_drop.ui-select-parent.sel1{width:295px;height:46px;margin-right:8px;}
.share_pop.vivaclass .popup_body .formCont .break_drop.ui-select-parent.sel2{width:236px;height:46px;}
.share_pop.vivaclass .popup_body .formCont .break_drop .select2-container .select2-selection--single{height:44px !important;border:1px solid #949494;border-radius:5px;}
.share_pop.vivaclass .popup_body .formCont .break_drop .select2-container--default .select2-selection--single .select2-selection__rendered{height:44px;line-height:41px;font-size:16px;color:#424a58; padding-left: 17px; padding-right: 30px;}
.share_pop.vivaclass .popup_body .formCont .break_drop .select2-selection--single .select2-selection__arrow,#themePopupWrap .share_pop.vivaclass .popup_body .formCont .break_drop .select2-selection--single .select2-selection__arrow b{height:44px;}
.share_pop.vivaclass .popup_body .formCont .break_drop .select2-container--default .select2-results__option.select2-results__option--selectable.select2-results__option--selected{font-size:16px;}

.select2-container {vertical-align: top !important;width:100%!important;}
.select2-container .select2-selection--single {border: 1px solid #ceced3;border-radius: 10px;height: 46px !important;}
.select2-container--open .select2-selection--single{background-color:#f1f1f1;border-bottom:none;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #000 transparent transparent transparent !important; margin-top: -4px !important; margin-left: -16px !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #000 transparent !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {position: relative;font-size: 16px;font-weight: 400;color: #9fa1a5;line-height: 42px;height: 42px;padding: 0 30px 0 17px;letter-spacing: -0.2px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{font-size:16px;}
.select2-results__option {display: block !important;font-size: 16px;letter-spacing: -0.04em;color: #9fa1a5;line-height: 39px;width: 100%;background: #fff;padding: 0 16px 0 17px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.select2-container--open .select2-selection--single .select2-selection__rendered{color:#393d49;}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected{color:#393d49;}
.select2-container--default .select2-results__option.select2-results__option--selectable.select2-results__option--selected{color:#393d49;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color: #ff8125;}
.select2-results__option--selected, .select2-results__option:hover, .select2-results__option--highlighted {background: #f1f1f1!important;color: #9fa1a5;}
.select2-dropdown {padding-bottom: 0px;border: 1px solid #ceced3;border-top: transparent;border-radius: 0 0 10px 10px;width: 100%;background: #fff;overflow: hidden;z-index: 1;}
.select2-results__options {border: none;}
.select2-container *:focus {outline: none;}
span.ui-select-parent *{box-sizing: border-box;}
.select2-container--default .select2-results>.select2-results__options{max-height:168px;padding-bottom:10px;}
.ui-select-parent { position: relative;display:inline-block;}
.ui-select-parent.wp200{width:200px;}
.ui-select-parent.textbook{position: absolute; right: 0; bottom: 0px; width:230px;}