@charset "utf-8";



/* event select pop */
.pop-up-layer .event-select,
.pop-up-layer .cycle-set { width: 700px; padding: 20px 20px 70px; }

.pop-up-layer .event-select .event-select-area { overflow: hidden; }
.pop-up-layer .event-select .event-select-area .event-search-area { float: left; width: 50%; height: 350px; }
.pop-up-layer .event-select .event-select-area .event-detail-intro-area { float: right; width: 50%; height: 350px; border: 1px solid #dee3eb; background: #f1f4f8;   }

.pop-up-layer .event-select .event-select-area .event-search-area .search-box-area { height: 45px; width: 100%; background: #F1F4F8; border: 1px solid #dee3eb; border-right: none; padding: 8px;  }
.pop-up-layer .event-select .event-select-area .event-search-area .search-box-area .search-box { width: 100%; height: 100%; position: relative; }
.pop-up-layer .event-select .event-select-area .event-search-area .search-box-area .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #dee3eb; border-radius: 3px; font-size: 12px; line-height: 25px; outline: 0; padding-left: 25px; font-weight: 300; }
.pop-up-layer .event-select .event-select-area .event-search-area .search-box-area .search-box .search-ico { width: 11px; height: 11px; display: inline-block; background: url(../img/scenario/btn-ico.png) no-repeat; background-position: -35px -44px; position: absolute; top: 8px; left: 8px; }

.pop-up-layer .event-select .event-select-area .event-search-area .event-list { width: 100%; max-height: 295px; overflow-y: auto; margin-top: 10px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul { font-size: 14px; letter-spacing: 0;  }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category { display: block; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>a { height: 28px; display: block; background: #1e53a9; padding-left: 25px; color: #fff; line-height: 28px; font-weight: 300; transition: background .2s ease; position: relative; font-family: 'Arial'; font-size: 13px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>a:hover { background: #154A9F; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>a:after { width: 10px; height: 10px; position: absolute; content:''; background: url(../img/scenario/btn-ico.png) no-repeat; background-position: -50px -44px; top: 8px; right: 20px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .open>a:after { background-position: -50px -44px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .close>a:after { background-position: -65px -44px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .close>ul { display: none; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category { height: 28px; display: block; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category:nth-child(2n-1) { background: #f8f8f8; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category>a { display: block; height: 28px; line-height: 28px; font-weight: 300; padding-left: 35px; transition: background .2s ease; position: relative; color: #585858; font-family: 'Arial'; font-size: 12px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category>a:hover { background: #B2CDF8; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.select>a { background: #cadeff; color: #1e53a9; font-weight: bold; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category>a:before { width: 2px; height: 2px; background: #acacac; position: absolute; content: ''; left: 26px; top: 13px; }
.pop-up-layer .event-select .event-select-area .event-search-area .event-list>ul .l-category>ul>.s-category>a .star-btn { display: inline-block; width: 16px; height: 16px; position: absolute; right: 17px; left: auto; top: 0; }
.pop-up-layer .event-select .btn-area .default-btn.bttn-fill { background: #0058E8; border-color: #004FD0; }
.pop-up-layer .pop-up .pop-close-btn.cycle { top: 5px; right: 20px; }
.pop-up-layer .pop-up .pop-up-title { margin-bottom: 15px; }
.pop-up-layer .event-select .btn-area { right: 20px; bottom: 20px; }
.pop-up-layer .vertic-table { margin-bottom: 20px; }


.pop-up-layer .event-select .event-select-area .event-detail-intro-area { padding: 20px; text-align: center; overflow-y: auto;  }
.pop-up-layer .event-select .event-select-area .event-detail-intro-area .event-name { display: block; width: 100%; font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 0; margin-bottom: 15px; }
.pop-up-layer .event-select .event-select-area .event-detail-intro-area .event-thumbnail { width: 250px; height: 250px; background: #dcdcdc; display: inline-block; }
.pop-up-layer .event-select .event-select-area .event-detail-intro-area .event-thumbnail img { width: 100%; height: 100%; }
.pop-up-layer .event-select .event-select-area .event-detail-intro-area .explanation { font-size: 12.5px; letter-spacing: 0; margin-top: 10px; font-weight: 300; }
.pop-up-layer .cycle-set .cycle-set-area { overflow: hidden; }

.activation { margin-top: 15px; overflow: hidden; margin-bottom: 15px; }
.activation .title,
.extraction .title { font-size: 14px; font-weight: 500; display: inline-block; float: left; width: 80px; }
.activation .activation-select { float: left; }
.activation .activation-select li { display: inline-block; margin-right: 20px; }

.extraction { overflow: hidden; }
.extraction .extraction-select { float: left; width: calc(100% - 80px); }
.extraction .extraction-select>li { float: left; display: inline-block; }
.extraction .extraction-select>li>a { font-size: 13px; display: block; height: 30px; text-align:  center; line-height: 28px; letter-spacing: 0; padding: 0 17px; border: 1px solid #dcdcdc; border-right: none; }
.extraction .extraction-select>li>a:hover { background: #f2f2f2; }
.extraction .extraction-select>li:last-child>a { border-right: 1px solid #dcdcdc; }
.extraction .extraction-select>.select>a:hover { background: #0f143a; }
.extraction .extraction-select>.select>a { background: #0f143a; border-color: #0f143a; color: #fff; font-weight: 400; }

.detail-set { margin-top: 5px; display: block; }
.detail-set .date-select { width: 350px; }
.detail-set .date-select .date-selecter { width: 150px; height: 35px; position: relative; display: inline-block; margin-right: 10px; }
.detail-set .date-select .date-selecter input[type=text] { width: 100%; cursor: pointer;}
.detail-set .date-select .date-selecter .cal-btn { width: 20px; height: 21px; position: absolute; top: 7px; right: 8px; }
.detail-set .date-select .date-selecter .cal-btn .ico { display: inline-block; width: 18px; height: 19px; background: url(../img/scenario/btn-ico.png) no-repeat; background-position: -4px -57px; }
.detail-set .date-select .set-txt { font-size: 13px; font-weight: 300; letter-spacing: 0; line-height: 33px; }
.detail-set .cycle { margin: 10px 0 5px; }
.detail-set .cycle .info-input { display: inline-block; }
.detail-set .cycle input[type=text] { width: 50px; height: 28px; line-height: 25px;}
.detail-set .cycle .set-txt { font-size: 13px; font-weight: 300; letter-spacing: 0; line-height: 28px; }
.detail-set .repetition-check { margin-bottom: 10px; }
.extraction .day-select { width: 100%; margin-top: 10px; }
.pop-up-layer .sc-info-modify { margin-top: -258px; top: 50%; }