@charset "UTF-8";
input[type="checkbox"] + label.ty3:before { border-color: #BEBEBE; border-radius: 50%; background: #fff url("../images/icon/chk_8_2.png") no-repeat center 6px; vertical-align: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
/* SKT신규회원가입 21.05.24 */
.header-regist { height: 115px; border: 1px solid #EEEEEE; }
.header-regist.header.fixed { position: relative; height: 115px; }
.header-regist .logo-lpoint-cultureworks { display: inline-block; margin-top: 40px; width: 480px; height: 36px; background-image: url("../images/icon_lc21new/logo_lpoint_lotteculture.svg"); background-repeat: no-repeat; text-indent: -99999px; }
.regist-container { width: 980px; margin: auto; }
.contents_regist { width: 980px; margin: 0 auto; padding: 40px 0 0 0; }
.contents_regist h3.mt-70 { margin-top: 70px; }
.contents_regist h3 .emphas { font-size: 11px; }
.contents_regist .emphas { color: #FF243E; }
.contents_regist .regist-info { margin-bottom: 70px; }
.contents_regist .agree-all { position: relative; padding: 20px 0; border-bottom: 1px solid #eeeeee; font-size: 15px; }
.contents_regist input[type="checkbox"] { position: absolute; }
.contents_regist .regist-info h2.category { font-size: 24px; }
.contents_regist .regist-info .info-phrase { margin-top: 60px; font-size: 45px; }
.contents_regist h3 { padding-bottom: 10px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #000000; }
.contents_regist .term-list { margin-top: 30px; }
.contents_regist .term-list h4 { font-size: 15px; color: #8B8B8B; }
.contents_regist .term-list li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #eeeeee; }
.contents_regist .term-list li .link-to-detail { padding-right: 10px; text-align: right; }
.contents_regist .term-list li .link-to-detail a { font-size: 12px; text-decoration: underline; }
.contents_regist .term-list li .term-item { position: relative; font-size: 15px; }
.contents_regist .term-list li .is-agree { font-size: 15px; }
.contents_regist .term-list + .term-list { margin-top: 60px; }
.contents_regist .notice-info { margin-top: 30px; padding: 30px 0; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #eeeeee; }
.contents_regist .notice-info p { margin: 8px 0; color: #666666; }
.contents_regist .notice-info p.emphas { color: #FF243E; }
.contents_regist .regist-form.mt-70 { margin-top: 70px; }
.contents_regist .regist-form .bx_fieldset .bx_group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #eeeeee; }
.contents_regist .regist-form .bx_fieldset .bx_group .field { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.contents_regist .regist-form .bx_fieldset .bx_group .data-slot { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 13px; }
.contents_regist .regist-form .bx_fieldset .bx_group .data-slot > ul > li + li { margin-top: 15px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field.mt-10 { margin-top: 10px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field label { -webkit-box-flex: 0; -webkit-flex: 0 0 270px; -moz-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; font-size: 13px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .size-290 { -webkit-box-flex: 0; -webkit-flex: 0 0 290px; -moz-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .size-340 { -webkit-box-flex: 0; -webkit-flex: 0 0 340px; -moz-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .btn_col2 { margin-left: 10px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .password-input-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .password-input-group .form-notice { padding-left: 0; }
.contents_regist .regist-form .bx_fieldset .bx_group .form-notice { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding-left: 270px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #E5153C; }
.contents_regist .regist-form .bx_fieldset .bx_group .form-notice p { margin: 10px 0; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 110px; -moz-box-flex: 0; -ms-flex: 0 1 110px; flex: 0 1 110px; margin-right: 5px; text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number select { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 110px; -moz-box-flex: 0; -ms-flex: 0 1 110px; flex: 0 1 110px; margin-right: 5px; text-align: center; border: 0; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input::-webkit-input-placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input:-moz-placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input::-moz-placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input:-ms-input-placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input::-ms-input-placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .input-group.phone-number input::placeholder { text-align: center; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .find-post-number { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 10px 0; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .find-post-number input { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 110px; -moz-box-flex: 0; -ms-flex: 0 1 110px; flex: 0 1 110px; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .address-detail { -webkit-box-flex: 0; -webkit-flex: 0 0 340px; -moz-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; margin: 10px 0; }
.contents_regist .regist-form .bx_fieldset .bx_group .field .address-detail input { width: 100%; }
.contents_regist .regist-form .checkbox-group.horizontal { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 30px 0; border-bottom: 1px solid #eeeeee; }
.contents_regist .regist-form .checkbox-group.horizontal .term-list-wrap { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.contents_regist .regist-form .checkbox-group.horizontal .term-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 0; }
.contents_regist .regist-form .checkbox-group.horizontal .term-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.contents_regist .regist-form .checkbox-group.horizontal .term-list > li { -webkit-box-flex: 0; -webkit-flex: 0 1 15%; -moz-box-flex: 0; -ms-flex: 0 1 15%; flex: 0 1 15%; border: 0; }
.contents_regist .regist-form .checkbox-group.horizontal .group-tit { width: 270px; padding-top: 20px; font-size: 15px; color: #8B8B8B; }
.contents_regist .regist-form .checkbox-group.horizontal .notice-txt { width: 100%; }
.contents_regist .regist-form .checkbox-group.horizontal .check-radio-box { padding-top: 20px; }
.contents_regist .regist-form .check-item { position: relative; font-size: 15px; }
.contents_regist .regist-form .check-item.agree-all { border-bottom: 1px solid #eeeeee; }
.contents_regist .regist-form .list_txt.mt-20 { margin-top: 20px; }
input[type="checkbox"]:disabled + label.ty3 { color: #8B8B8B; }
input[type="checkbox"]:disabled:checked + label.ty3:before { border-color: #BEBEBE; }
input[type="checkbox"]:checked + label.ty3:before { border-color: #FF243E; -moz-border-radius: 50%; border-radius: 50%; background: #fff url("../images/icon_lc21new/chk_12.svg") no-repeat center; vertical-align: -5px; -webkit-border-radius: 50%; }
input[type="checkbox"]:disabled + label.ty3:before { background-image: url("../images/icon_lc21new/chk_disabled.svg"); background-position: center; }
input[type="radio"]:checked + label.ty3:before { border-color: #FF243E; background: #fff url("../images/icon_lc21new/radio_12.svg") no-repeat center center; }
input[type="radio"] + label.ty3 { font-size: 15px; }
input[type="radio"]:disabled + label.ty3 { color: #8A8A8A; }
input[type="radio"]:disabled:checked + label.ty3:before { border-color: #DDDDDD; }
input[type="radio"]:disabled + label.ty3:before { background: url("../images/icon_lc21new/radio_disabled.svg") center center no-repeat; }
.contents_regist .ic_question { background: url("../images/icon_lc21new/tooltip_16.svg") no-repeat; }
.contents_regist .tooltip_box { position: relative; }
.contents_regist .tooltip_box .tooltip { top: 40px; left: 0; right: 0; padding: 20px; border: 1px solid #DDDDDD; color: #000000; font-size: 11px; font-weight: light; }
.contents_regist .tooltip_box .tooltip ul { margin-top: 6px; line-height: 1.6; }
.contents_regist .tooltip_box .tooltip ul strong { font-size: 11px; }
.contents_regist .tooltip_box .tit_tooltip { position: relative; }
.contents_regist .tooltip_box .tooltip .tit { font-size: 11px; color: #000000; font-weight: bold; }
.contents_regist .tooltip_box.open .tit_tooltip:after { content: ''; position: absolute; z-index: 11; top: 25px; right: -19px; width: 20px; height: 20px; background-image: url("../../Content/images/icon_lc21new/icon_balloon_edge.png"); -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; }
.contents_regist .term-list.no-border { border-bottom: 1px solid #eeeeee; }
.contents_regist .term-list.no-border > ul { margin-top: 10px; margin-bottom: 20px; }
.contents_regist .term-list.no-border > ul > li { padding: 10px 0; border: 0; }
.contents_regist .term-list.no-border + .term-list { margin-top: 30px; }
.contents_regist .result-table { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; }
.contents_regist .result-table .emphas { color: #FF243E; }
.contents_regist .result-table thead th { text-align: center; font-size: 15px; padding: 20px 0; }
.contents_regist .result-table td { text-align: center; font-size: 15px; padding: 15px 0; }
.contents_regist .result-table tr:last-child td { padding-bottom: 20px; }
.contents_regist .result-table thead th, .contents_regist .result-table tbody tr td:first-child { color: #8B8B8B; }
.contents_regist .result-table thead th { border-bottom: 1px solid #EEEEEE; }
.contents_regist .result-table tbody tr td:first-child { text-align: left; }
.contents_regist .go-to-link { margin-top: 100px; line-height: 1; font-size: 15px; }
.contents_regist .go-to-link .red-circle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; height: 72px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #FF243E; color: #ffffff; }
.contents_regist .regist-info .info-phrase { line-height: 1.2; }
.contents_regist .regist-info .info-phrase .oops { display: inline-block; margin: 20px 0 20px; color: #FF243E; font-weight: bold; vertical-align: middle; font-size: 45px; line-height: 1; }
.contents_regist .regist-info .info-phrase .oops:after { content: ''; display: inline-block; width: 45px; height: 45px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='그룹_8580' data-name='그룹 8580' transform='translate(-72 -190)'%3E%3Crect id='사각형_29029' data-name='사각형 29029' width='24' height='24' transform='translate(72 190)' fill='%23fff'/%3E%3Cg id='그룹_8571' data-name='그룹 8571' transform='translate(-4901 -6726)'%3E%3Ccircle id='타원_811' data-name='타원 811' cx='2.5' cy='2.5' r='2.5' transform='translate(4979 6926) rotate(180)' fill='%23ff243e'/%3E%3Ccircle id='타원_812' data-name='타원 812' cx='2.5' cy='2.5' r='2.5' transform='translate(4997 6926) rotate(180)' fill='%23ff243e'/%3E%3Cpath id='패스_6779' data-name='패스 6779' d='M0,0H20.5' transform='translate(4975.5 6934.5)' fill='none' stroke='%23ff243e' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; vertical-align: top; }
.layer_wrap.active.layer-search-address { position: absolute; z-index: 111; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 60px; width: 640px; }
.layer_wrap.active.layer-search-address .layer_contents { padding: 40px; }
.layer_wrap.active.layer-search-address .search-address-input { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.layer_wrap.active.layer-search-address .search-address-input input { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.layer_wrap.active.layer-search-address .search-address-input .btn_col2 { margin-left: 10px; }
.layer-search-address .result-summary { border-bottom: 1px solid #D0D0D0; padding-bottom: 10px; font-size: 13px; }
.layer-search-address .result-summary .emphas { color: #FF243E; font-size: 13px; }
.layer-search-address .list_txt.example { margin-top: 10px; font-size: 13px; }
.layer-search-address .list_txt .sub-txt { margin-left: 15px; color: #999999; }
.layer-search-address .has-delete-btn input[type="text"] { padding-right: 30px; font-size: 13px; }
.layer-search-address .has-delete-btn input[type="text"]::-webkit-input-placeholder { text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]:-moz-placeholder { text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]::-moz-placeholder { text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]:-ms-input-placeholder { text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]::-ms-input-placeholder { text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]::placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.layer-search-address .has-delete-btn input[type="text"]:focus { border: 1px solid #414141; }
.layer-search-address .has-delete-btn input[type="text"] + a.delete { display: none; position: absolute; right: 10px; top: 15px; width: 15px; height: 15px; font-size: 0; background-image: url("../images/icon_lc21new/ico_delete.svg"); background-repeat: no-repeat; }
.layer-search-address .has-delete-btn { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.layer-search-address .has-delete-btn input[type="text"].is-focus + a.delete { display: inline-block; }
.layer-search-address .result-search-for { margin-top: 40px; }
.layer-search-address .result-search-for .result-list { font-size: 14px; }
.layer-search-address .result-search-for .result-list.no-result p { padding: 20px 0; text-align: center; font-size: 14px; }
.layer-search-address .result-search-for .result-list > li { border-bottom: 1px solid #D0D0D0; }
.layer-search-address .result-search-for .result-list .old-address { margin-top: 10px; color: #8B8B8B; }
.layer-search-address .result-search-for .result-list .old-address:before { content: '지번'; display: inline-block; margin-right: 8px; font-size: 11px; border: 1px solid #EEEEEE; padding: 2px 10px; }
/* 주소검색 아코디언메뉴 */
.layer-search-address .accdian_wrap { position: relative; }
.layer-search-address .accdian_wrap .acc_item .acc_tit { display: block; position: relative; border-bottom: 1px solid #EEEEEE; background-image: url("../images/icon/arr_12_dw.svg"); background-repeat: no-repeat; background-position: top 32px right 15px; padding: 25px 30px 25px 35px; font-size: 13px; }
.layer-search-address .accdian_wrap .acc_item .acc_cont { display: none; position: relative; background: #F8F8F8; border-bottom: 1px solid #EEEEEE; padding: 20px 20px 20px 35px; font-silayer_contentsze: 12px; color: #666; }
.layer-search-address .accdian_wrap .acc_item.active .acc_tit { background-image: url("../images/icon/arr_12_up.svg"); }
.layer-search-address .accdian_wrap .acc_item .acc_tit { padding: 20px 0; border-bottom: 0; }
.layer-search-address .accdian_wrap .acc_item .acc_cont { padding: 5px 0; background-color: #ffffff; border-bottom: 0; }
.layer-search-address .accdian_wrap .acc_item .acc_cont .address-detail { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.layer-search-address .accdian_wrap .acc_item .acc_cont .address-detail input { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.layer-search-address .accdian_wrap .acc_item .acc_cont .address-detail .btn_col2 { margin-left: 10px; }
/* 엘포인트 이용약관 */
.layer_wrap.active.layer-term-lpoint { position: absolute; z-index: 111; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 60px; width: 1080px; height: 80%; }
.layer_wrap.active.layer-term-lpoint .layer_contents { height: -webkit-calc(100% - 54px); height: -moz-calc(100% - 54px); height: calc(100% - 54px); overflow-y: hidden; padding: 0; }
.layer_wrap.layer-term-lpoint .layer_header .tit { padding-left: 30px; text-align: left; }
.layer_wrap.layer-term-lpoint .iframe-full { width: 100%; height: 100%; }
iframe.iframe-full { margin: 0; padding: 0; border: none; }
.layer_wrap.active.layer-term-lotteculture { position: absolute; z-index: 111; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 60px; width: 1080px; height: 80%; }
.layer_wrap.active.layer-term-lotteculture .layer_contents { height: -webkit-calc(100% - 54px); height: -moz-calc(100% - 54px); height: calc(100% - 54px); overflow-y: auto; padding: 0; }
.layer_wrap.layer-term-lotteculture .layer_header .tit { padding-left: 30px; text-align: left; }
.layer_wrap.layer_alert_term { width: 530px; }
.layer_wrap.layer_alert_term .txt_para.ty4 { margin-top: 30px; font-size: 15px; }
.layer_wrap.layer_alert_term .txt_notice_q { font-size: 13px; }
.layer_wrap.layer_alert_term .gray-box { width: 400px; margin: 30px auto 0 auto; padding: 20px; background-color: #F8F8F8; }
.layer_wrap.layer_alert_term .gray-box .list_txt.ty5 { font-size: 14px; }
.layer_wrap.layer_alert_term .gray-box .list_txt.ty5 li { text-indent: -14px; color: #000000; }
.layer_wrap.layer_alert_term .gray-box .list_txt.ty5 li:before { content: none; }
.layer_wrap .gray-box { padding: 20px 0; background-color: #F8F8F8; }
.term-content { padding: 40px; line-height: 1.5;font-size: 13px; }
.term-content h1 { margin: 10px 0; font-size: 15px; }
.term-content p { font-size: 13px; }
/* 2021.05.31 내통장결제수단 추가 */
.list_pay_item.cate6 li { position: relative; width: 31.3%; }
.ic_txt_event { display: none; position: absolute; right: -5px; top: -8px; line-height: 1; padding: 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Roboto'; font-size: 11px; color: #FFF; background-color: #FF243E; }
.ic_txt_event:after { content: ""; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: -5px; left: 7px; width: 5px; height: 5px; border: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #FF243E; }
.ic_txt_event.active { display: block; }
.list_pay_item.cate5 .ic_txt_event { font-size: 8px; }
.group_payment .bx_cate .list_pay_item li button.cate5 { background-image: url("../../Content/images/icon_lc21new/method_ic_deposit.svg"); background-position: center 14px; }
.group_payment .bx_cate .list_pay_item li button.cate6 { background-image: url("../../Content/images/icon_lc21new/method_ic_execute.svg"); background-position: center 14px; }
.article_payment .select_item_wrap .group_item .bx_item .card-pay-notice .tit { display: block; margin-bottom: 10px; font-size: 13px; }
.article_payment .select_item_wrap .group_item .bx_item .card-pay-notice .txt { line-height: 1.4; font-size: 11px; color: #666666; }
.article_pay_simple .list_pay_item li .pay_simple_btn_box { position: relative; height: 55px; }
.benifit_infor_wrap .mCustomScrollbar { height: 170px; padding-right: 18px; }
.benifit_infor_wrap dt { padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.benifit_infor_wrap dt img { max-width: 100%; }
.benifit_infor_wrap dd { float: left; width: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: calc(100% - 95px); line-height: 1.3; font-size: 11px; color: #666; }
/* 2021.06.08 포토카드 */
.ticket_info .btn_edit_photocard { line-height: 24px; margin-left: 5px; padding-left: 20px; vertical-align: middle; font-size: 11px; }
.ticket_info .btn_edit_photocard:before { content: ''; display: inline-block; position: absolute; top: -2px; left: 0; vertical-align: middle; height: 24px; width: 17px; background-image: url("../../Content/images/icon_lc21new/ico_photocard.svg"); background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; }
.ticket_info .ticket.product.photocard .info_area .info dt { width: 120px; line-height: 1.2; }
.ticket_info .ticket.product.photocard .info_area .info dl { padding-left: 120px; }
.ticket_info .ticket.product.photocard .info_area .info .btn_col4 { margin-left: 0; }
/* 포토카드 꾸미기 */
.layer_wrap.active.layer_edit_photocard { width: 700px; }
/* 포토카드 꾸미기 영화관람이력 */
.layer_wrap.active.layer_view_history { width: 700px; }
.layer_view_history.layer_wrap .layer_contents { background-color: #F5F5F5; }
.layer_view_history.layer_wrap .layer_contents h5 { font-size: 13px; }
.layer_view_history .history_list { height: 350px; margin-top: 10px; }
.layer_view_history .history_list li { margin-bottom: 10px; position: relative; }
.layer_view_history .history_list li input[type="radio"] { position: absolute; }
.layer_view_history .history_list li input[type="radio"] + label:before { content: none; }
.layer_view_history .history_list li label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 11px 15px 20px; font-size: 11px; background-color: #ffffff; border: 1px solid #DDDDDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.layer_view_history .history_list li input[type="radio"]:checked + label { border: 1px solid #333333; }
.layer_view_history .history_list li label .movie_info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.layer_view_history .history_list li label .movie_tit { margin-bottom: 6px; font-size: 15px; }
.layer_view_history .history_list li label .movie_time { margin-bottom: 3px; }
.layer_view_history .history_list li label .movie_screen { margin-bottom: 3px; }
.layer_view_history .history_list li label .movie_poster { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-basis: 61px; -ms-flex-preferred-size: 61px; flex-basis: 61px; text-align: right; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }
.layer_view_history .history_list li label .movie_poster img { width: 100%; }
.layer_view_history.layer_wrap .btn_btm_wrap { margin: 40px -25px 0 -25px; padding-top: 27px; border-top: 1px solid #CCCCCC; }
.layer_view_history.layer_wrap .btn_btm_wrap .btn_col1 { width: 340px; }
.layer_view_history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #DEDEDE; }
.layer_view_history .mCSB_scrollTools .mCSB_draggerRail { background-color: #F5F5F5; }
.layer_edit_photocard .layer_contents { padding: 50px 25px 30px; background-color: #F5F5F5; }
.layer_edit_photocard .type_list li { width: 100%; margin-top: 20px; }
.layer_edit_photocard .type_list li:first-child { margin-top: 0px; }
.layer_edit_photocard .type_list li input[type="radio"] { position: absolute; }
.layer_edit_photocard .type_list li label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 30px 20px; font-size: 11px; background-color: #ffffff; border: 1px solid #DDDDDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; }
.layer_edit_photocard .type_list li label:before { content: ''; display: inline-block; position: absolute; width: 20px; height: 20px; top: 15px; left: 15px; background-image: url("../images/icon_lc21new/check_off.svg"); background-repeat: no-repeat; background-position: center 7px; border-color: #000; }
.layer_edit_photocard .type_list li input[type="radio"]:checked + label:before { background-color: #000000; background-image: url("../images/icon_lc21new/check_on.svg"); }
.layer_edit_photocard .type_list li input[type="radio"]:disabled + label:before { background-color: #F2F2F2; background-image: none; border-color: #ddd; }
.layer_edit_photocard .type_list li input[type="radio"]:checked + label { border: 1px solid #333333; }
.layer_edit_photocard .type_list li label .photocard_img { display: block; margin: 0 40px; text-align: center; width: 190px; -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; }
.layer_edit_photocard .type_list li label .photocard_img img { width: 100%; }
.layer_edit_photocard .type_list li label .description { /*text-align: center;*/ }
.layer_edit_photocard .type_list li label .description .tit { font-size: 15px; }
.layer_edit_photocard .type_list li label .description .detail { margin: 10px 0 0; text-align: left; font-size: 11px; }
.layer_edit_photocard .type_list li label .description .detail p { margin-bottom: 3px; }
.layer_edit_photocard .type_list li label .description .detail em { margin-left: 2px; color: #FF243E; }
.layer_edit_photocard .type_list li label .description .detail .side { margin-right: 7px; }
.layer_edit_photocard .type_list li label .description .alert { color: #FF243E; margin-top: 10px; }
.layer_edit_photocard .type_list li label .description .alert p { font-size: 11px; }
.layer_edit_photocard .type_list li label .description .alert p + p { margin-top: 5px; }
.layer_edit_photocard.layer_wrap .btn_btm_wrap { margin: 40px -25px 0 -25px; padding-top: 27px; border-top: 1px solid #CCCCCC; }
.layer_edit_photocard.layer_wrap .btn_btm_wrap .btn_col1 { width: 340px; }
/* 포토카드 출력 선택 영화관 팝업 2021.06.15*/
.layer_wrap.active.layer_select_print_cinema { width: 700px; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 .area_scroll { overflow-x: hidden; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul { width: 100%; margin: 0; padding: 25px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul:after { content: ""; display: block; clear: both; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li { float: left; width: -webkit-calc(100%/4 - 8px); width: -moz-calc(100%/4 - 8px); width: calc(100%/4 - 8px); height: 50px; line-height: 1.2; margin: 0 10px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #EEE; text-align: center; white-space: normal; background-color: #FFF; display: table; vertical-align: middle; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li:nth-of-type(4n) { margin-right: 0; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li span { display: table-cell; vertical-align: middle; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li a { padding: 0 5px; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li.active { border: 2px solid #000; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li.on .telnum, .layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li .telnum { display: block; font-size: 12px; color: #555; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li.disabled .telnum { color: #999; }
.layer_select_print_cinema .cinema_select_wrap > ul > li.depth1 > a { display: block; position: relative; width: 175px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px 16px; font-size: 13px; }
.layer_select_print_cinema .cinema_select_wrap { position: relative; height: 407px; background-color: #FFF; }
.layer_select_print_cinema .cinema_select_wrap > ul { min-height: 90px; height: 100%; }
.layer_select_print_cinema .cinema_select_wrap > ul li { border-bottom: 1px solid #EBEBEB; }
.layer_select_print_cinema .cinema_select_wrap > ul > li.depth1 > a em { font-size: 10px; color: #666; }
.layer_select_print_cinema .cinema_select_wrap > ul > li.depth1.active > a { background-color: #F5F5F5; }
.layer_select_print_cinema .cinema_select_wrap > ul > li.depth1.active .depth2 { display: block; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 { display: none; position: absolute; left: 175px; right: 0; top: 0; height: 407px; background-color: #F5F5F5; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 .area_scroll { overflow-y: scroll; height: 100%; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li { font-size: 13px; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li a { display: table-cell; overflow: hidden; padding: 8px 0; font-size: 13px; vertical-align: middle; word-break: keep-all; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li.active a { color: #000000; }
.layer_select_print_cinema .cinema_select_wrap > ul .depth2 ul li.disabled a { color: #ccc; }
.layer_select_print_cinema .cinema_select_wrap li.active > a:before { content: "선택"; overflow: hidden; position: absolute; width: 0; height: 0; text-indent: -9999em; }
.layer_select_print_cinema .cinema_select_wrap .depth2 li { position: relative; }
.layer_select_print_cinema .cinema_select_wrap .depth2 li.active > a:after { content: ""; position: absolute; right: 7px; top: 4px; width: 18px; height: 14px; text-indent: -9999em; background: none; }
.layer_select_print_cinema .cinema_select_wrap .depth2 li.disabled.active > a:after { background: none; }
.layer_select_print_cinema .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.3); }
.layer_select_print_cinema .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0); }
.layer_select_print_cinema .mCSB_inside > .mCSB_container { margin-right: 10px; }
.layer_select_print_cinema .btn_btm_wrap { border-top: 1px solid #EEEEEE; padding: 25px 0; position: relative; background-color: #fff; margin: 0; }


/* 210818 관람권업차지 popup_03결제_관람권_관람권업차지 */
.layer_wrap.active.layer_admt_ticket_up {position:absolute; z-index:80; left:50%; top:245px; width:390px; border-radius: 0; margin-left:-195px;}
.layer_wrap.active.layer_admt_ticket_up + .dim {z-index:10; background:rgba(0, 0, 0, 0.8);}
.layer_wrap.layer_admt_ticket_up .layer_contents {background-color: #fff;}
.layer_contents .center_txt {font-size:13px; text-align:center; margin:15px 0;}
.layer_contents .payment_box {border-top:1px solid #000; border-bottom:1px solid #000; padding-top:17px;}
.layer_contents .payment_box dl {width:100%; display:table; font-size: 13px; margin:0 0 10px;}
.layer_contents .payment_box dt,.layer_contents .payment_box dd{display: table-cell; vertical-align: middle; color:#999; padding:0 10px;}
.layer_contents .payment_box dd {text-align: right; color:#000;}
.layer_contents .payment_box dl.last {background-color: #f9f9f9; margin:17px 0 0; padding:12px 0 15px; border-top:1px solid #d8d8d8;}
.layer_contents .payment_box dl.last dt { color:#000; }
.layer_contents .payment_box dl.last dd { color:#e5153c; font-weight:bold }

/* 영잘알 퀴즈 2021.09 */
.movieokquiz {overflow: hidden; position: relative;}
/* 퀴즈 영화정보 */
.movieokquiz .moviearea {position: relative; min-height:452px; background: #e1e1e1 url('../../Content/images/icon_lc21new/evt_movieokquiz_02_bg.jpg') 0 0 no-repeat; background-size: 100%; z-index: 2;}
.movieokquiz .moviearea .infotxt {position: absolute;}
.movieokquiz .moviearea .posterimg {position: absolute; right:152px; width:226px}
.movieokquiz .moviearea .posterimg img {width:226px; height:322px}
.movieokquiz .moviearea .movcut {position:absolute; top:186px; left:190px; width:313px}
.movieokquiz .moviearea .movcut img {width: 312px; height: 193px}
.movieokquiz .moviearea .btn_wrap {position: absolute; bottom:-20px; width:100%; margin:0}
.movieokquiz .moviearea .btn_wrap a {min-width:194px; height:62px; font-size: 26px; line-height:60px}
.movieokquiz .moviearea .btn_wrap a + a {margin-left: 10px;}
.movieokquiz .moviearea .btn_wrap a.btn_col3.ty8, .movieokquiz .moviearea .btn_wrap button.btn_col3.ty8 {color:#000 !important; border: 1px solid #000; background:#E1E1E1;}
.movieokquiz .moviearea .btn_wrap a.btn_col3.ty8_1, .movieokquiz .moviearea .btn_wrap button.btn_col3.ty8_1 {color:#fff !important; border: 0; background-color: #797BF8;}
.layer_wrap.active.layer_movie_trailer.trailerposi {left: 50%; top: 50%; margin-top: -261px; margin-left: -485px;}
/* 퀴즈 시작 */
.movieokquiz .quizstart_head {position: relative; min-height: 450px; padding-bottom: 40px; background: #d0d5e9 url('../../Content/images/icon_lc21new/evt_movieokquiz_03.png') 0 0 no-repeat; background-size: 100%;}
.movieokquiz .quizstart_head .txtinfo {position: absolute; bottom:60px; width:100%; text-align: center; font-size: 38px}
/* 퀴즈 단계 영역 */
.movieokquiz .quizstepwrap {position: relative; padding-bottom: 100px; background-color: #D1D5E9;}
.movieokquiz .quizstepwrap .dateinfo {position: absolute; top:62px; left:200px; line-height:38px}
.movieokquiz .quizstepwrap .dateinfo .date {display:block; font-size: 34px}
.movieokquiz .quizstepwrap .dateinfo .time {display:block; font-size: 28px}
.movieokquiz .quizstepwrap .dateinfo .date .txt {font-family: 'Roboto'; font-size: 40px}
.movieokquiz .quizstepwrap .dateinfo .time .txt {font-family: 'Roboto'; font-size: 32px}
/* 퀴즈 이벤트 시작전 */
.movieokquiz .quizstepwrap .stepbefore {position: relative;}
.movieokquiz .quizstepwrap.stepbefore .personnum {position: absolute; right: 10%; top:87.5%; font-size:22px; color:#fff}
.movieokquiz .quizstepwrap.stepbefore .personnum .numwrap {height:20px; line-height:20px; padding:0 9px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap.stepbefore .personnum .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
.movieokquiz .quizstepwrap.stepbefore .ticketamount {position: absolute; right: 7%; top:94%; font-size:26px;}
.movieokquiz .quizstepwrap.stepbefore .ticketamount .amounttxt {padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .yja_prod {position: absolute; top:-393%; left:-10%;}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .paststep1 {position: absolute; top:172px; left:658px; width:200px}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .paststep2 {position: absolute; top:424px; left:655px; width:200px}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .paststep3 {position: absolute; top:424px; left:226px; width:200px}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .paststep4 {position: absolute; top:680px; left:226px; width:200px}/* 퀴즈 1단계 시작전 */
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .tk_amount {right: 35px;}
.movieokquiz .quizstepwrap .quizbubble {position: absolute; top: -132px; left: -76px;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble {position: relative; min-width: 172px; padding: 20px 0; background: #797BF8; border-radius: 100px; border: 4px solid #000; font-size: 22px; color: #fff; text-align: center;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h1_tit {font-family: 'Roboto'; font-size:50px; font-weight: 500;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h1_tit .ea {font-size: 22px; padding-left: 2px;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h2_tit {margin-top: -5px; font-size: 22px; font-weight: 100; opacity: .6;}
.movieokquiz .quizstepwrap .btn_wrap {margin:0; padding: 50px 0 0;}
.movieokquiz .quizstepwrap .btn_wrap a.btn_col10.typebig3, .movieokquiz .quizstepwrap .btn_wrap button.btn_col10.typebig3 {height: 60px; padding: 0 55px; font-size: 26px; line-height: 56px;}
.movieokquiz .quizstepwrap .ticketamount {position: absolute; left:710px; top:178px; font-size:26px; width:220px; text-align:center}
.movieokquiz .quizstepwrap .ticketamount .amounttxt {padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.movieokquiz .quizstepwrap .personnum {position: absolute; left: 745px; top:132px; font-size:22px; color:#fff}
.movieokquiz .quizstepwrap .personnum .numwrap {min-width:109px; height:36px; line-height:36px; padding:0 18px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap .personnum .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
/* 퀴즈 1단계 진행*/
.movieokquiz .quizstepwrap .steparea1,.movieokquiz .quizstepwrap .steparea2,.movieokquiz .quizstepwrap .steparea3,.movieokquiz .quizstepwrap .steparea4,.movieokquiz .quizstepwrap .steparea5 {position: relative;}
.movieokquiz .quizstepwrap .boxpos {position:absolute; top:146px; left:162px; width:60%;height:6px;}
.movieokquiz .quizstepwrap .boxpos .barwrap {overflow:hidden; position: relative; width:100%; height:100%; background:#9b9b9b; }
.movieokquiz .quizstepwrap .boxpos .barmove {position: absolute; width: 100%; height:100%; background: #797BF8}
.movieokquiz .quizstepwrap .boxpos .progresscircle {position:absolute; left:0; top:50%; margin-top:-14px; width:28px; height:28px; border-radius: 50%; background: #797BF8;z-index: 3;}
.movieokquiz .quizstepwrap .boxpos .progresscircle.right {left:auto;right:0}
.movieokquiz .quizstepwrap .boxpos .startcircle {position:absolute; left:-6%; top:-232%; }
.movieokquiz .quizstepwrap .boxpos .startcircle .cir {width:28px; height:28px; border-radius: 50%; background: transparent; border:.5px solid #9b9b9b; font: 0 auto;}
.quizstepwrap.step1 .boxpos .middlearrow {position: absolute; left:318px; top: -9px;}
.movieokquiz .quizstepwrap .boxpos .middlearrow .rightarrow {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 24px solid #9b9b9b; font: 0 auto; z-index: 1;}
.movieokquiz .quizstepwrap .boxpos .middlearrow .rightarrow_color {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 24px solid #797BF8;font: 0 auto; z-index: 2;}
.movieokquiz .quizstepwrap .steparea1 .yja_prodcomm {position: absolute; top:-10px; left:690px}
/* 퀴즈 1단계 솔드아웃*/
.movieokquiz .quizstepwrap.step1.soldout {padding-bottom: 170px;}
.quizstepwrap.soldout .yja_prod01 img,
.movieokquiz .quizstepwrap.soldout .evt_pastwrap .box_pastinfo .yja_prod img { filter:grayscale(100%); opacity: .9}
.quizstepwrap.soldout .boxpos .barwrap,
.quizstepwrap.soldout .boxpos .middlearrow,
.quizstepwrap.soldout .boxpos .progresscircle{display:none}
.movieokquiz .quizstepwrap.soldout .personnum .numwrap {background: #999;}
.movieokquiz .quizstepwrap.soldout .ticketamount {opacity: .3}
.movieokquiz .quizstepwrap .soldoutpos {position: absolute; top: 50%; left:50%; margin-top: -105px; margin-left: -155px; z-index: 5;}
.movieokquiz .quizstepwrap .soldoutpos .soldoutimg {width: 310px; height: 310px;}
/* 퀴즈 2단계 시작전 */
.movieokquiz .quizstepwrap.step2.soldout .area_circle,
.movieokquiz .quizstepwrap.step2.s60 .area_circle,
.movieokquiz .quizstepwrap.step2.s90 .area_circle,
.movieokquiz .quizstepwrap.step2 .area_line {display: none;}
.movieokquiz .quizstepwrap.step2.s60 .area_line,
.movieokquiz .quizstepwrap.step2.s90 .area_line,
.movieokquiz .quizstepwrap.step2.soldout .area_line {display: block;}
.movieokquiz .quizstepwrap.step2 .personnum {position: absolute; left:140px; top:384px; font-size:24px; color:#fff}
.movieokquiz .quizstepwrap.step2 .personnum .numwrap {min-width:109px; height:36px; line-height:36px; padding:0 18px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap.step2 .personnum .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
.movieokquiz .quizstepwrap.step2 .ticketamount {position: absolute; right: 0; left:75px; top:430px; font-size:26px;}
.movieokquiz .quizstepwrap.step2 .ticketamount .amounttxt {padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.quizstepwrap.step2 .yja_prodcomm {top:240px; right:0; left:95px;}
.quizstepwrap.step2 .boxpos .middlearrow {position: absolute; left: 277px; top: -132%;}
.quizstepwrap.step2 .boxpos.cir_right .middlearrow {position: absolute; left:248px; top: 132px;}
.quizstepwrap .boxpos .middlearrow .leftarrow {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 24px solid #9b9b9b; font: 0 auto; z-index: 1;}
.quizstepwrap .boxpos .middlearrow .leftarrow_color {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 24px solid #797BF8;font: 0 auto; z-index: 2;}
.movieokquiz .quizstepwrap.step2 .evt_pastwrap .box_pastinfo .paststep1 {position: absolute; top:130px; left:650px; width:30%}
/* 퀴즈 2단계 진행*/
/* .quizstepwrap.step2.s60 .boxpos,
.quizstepwrap.step2.s90 .boxpos {position:absolute; top:399px; left:250px; width:490px; height:6px;}
.quizstepwrap.step2.s60 .boxpos .middlearrow,
.quizstepwrap.step2.s90 .boxpos .middlearrow {position: absolute; left:220px; top:-9px;}
.quizstepwrap.step2.s60 .boxpos .middlearrow .leftarrow,
.quizstepwrap.step2.s90 .boxpos .middlearrow .leftarrow {position: absolute; z-index: 1;}
.quizstepwrap.step2.s60 .boxpos .middlearrow .leftarrow_color,
.quizstepwrap.step2.s90 .boxpos .middlearrow .leftarrow_color {position: absolute; z-index: 2;}
.movieokquiz .quizstepwrap.step2.s0 .circle-chart__circle {stroke-dasharray:0,100}
.movieokquiz .quizstepwrap.step2.s30 .circle-chart__circle {stroke-dasharray:48,100} */
/* 퀴즈 2단계 솔드아웃 */
.movieokquiz .quizstepwrap.step2.s60 .area_line .step2_soldoutbg,
.movieokquiz .quizstepwrap.step2.s90 .area_line .step2_soldoutbg,
.movieokquiz .quizstepwrap.step2.soldout .area_line .step2_linebg {display:none}
.movieokquiz .quizstepwrap.step2.soldout .area_line .step2_soldoutbg {display:block}
.movieokquiz .quizstepwrap.step2.soldout .boxpos {top: 398px;}
/* 퀴즈 3단계 시작전 */
.movieokquiz .quizstepwrap.step3 .personnum {position: absolute; left:140px; top:389px; font-size:24px; color:#fff}
.movieokquiz .quizstepwrap.step3 .personnum .numwrap {min-width:109px; height:36px; line-height:36px; padding:0 18px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap.step3 .personnum .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
.movieokquiz .quizstepwrap.step3 .ticketamount {position: absolute; right: 0; left:85px; top:430px; font-size:26px;}
.movieokquiz .quizstepwrap.step3 .ticketamount .amounttxt {padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.quizstepwrap.step3 .yja_prodcomm {top:240px; right:0; left:95px;}
.quizstepwrap.step3 .boxpos .middlearrow {position: absolute; left:54%; top: -132%;}
.quizstepwrap .boxpos .middlearrow .leftarrow {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 24px solid #9b9b9b; font: 0 auto; z-index: 1;}
.quizstepwrap .boxpos .middlearrow .leftarrow_color {position: absolute; width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 24px solid #797BF8;font: 0 auto; z-index: 2;}
.movieokquiz .quizstepwrap.step3 .evt_pastwrap .box_pastinfo .paststep1 {position: absolute; top:137px; left:650px; width:30%}
.movieokquiz .quizstepwrap.step3 .evt_pastwrap .box_pastinfo .paststep2 {position: absolute; top:389px; left:650px; width:30%}
/* 퀴즈 3단계 진행*/
.quizstepwrap.step3 .boxpos {position:absolute; top:405px; left:250px; width:410px; height:6px;}
.quizstepwrap.step3 .boxpos .middlearrow {position: absolute; left:170px; top:-9px;}
.quizstepwrap.step3 .boxpos .middlearrow .leftarrow {position: absolute; z-index: 1;}
.quizstepwrap.step3 .boxpos .middlearrow .leftarrow_color {position: absolute; z-index: 2;}
/* 퀴즈 4단계 시작전 */
.movieokquiz .quizstepwrap.step4 .personnum {position: absolute; right: auto; top:638px; left:215px; font-size:22px; color:#fff; z-index: 3;}
.movieokquiz .quizstepwrap.step4 .personnum .numwrap {min-width:109px; height:36px; line-height:36px; padding:0 18px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap.step4 .personnum .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
.movieokquiz .quizstepwrap.step4 .ticketamount {position: absolute; right: auto; left:154px; top:684px; font-size:26px;}
.movieokquiz .quizstepwrap.step4 .ticketamount .amounttxt {padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.quizstepwrap.step4 .yja_prodcomm {top:500px; right:auto; left:159px;}
.quizstepwrap.step4 .boxpos .middlearrow {position: absolute; left:54%; top: -132%;}
.quizstepwrap .boxpos .middlearrow .downarrow {position: absolute; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 24px solid #9b9b9b; font: 0 auto; z-index: 1;}
.quizstepwrap .boxpos .middlearrow .downarrow_color {position: absolute; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 24px solid #797BF8;font: 0 auto; z-index: 2;}
.movieokquiz .quizstepwrap.step4 .evt_pastwrap .box_pastinfo .paststep1 {position: absolute; top:130px; left:650px; width:30%}
.movieokquiz .quizstepwrap.step4 .evt_pastwrap .box_pastinfo .paststep2 {position: absolute; top:384px; left:650px; width:30%}
.movieokquiz .quizstepwrap.step4 .evt_pastwrap .box_pastinfo .paststep3 {position: absolute; top:384px; left:215px; width:30%}
/* 퀴즈 4단계 진행*/
.quizstepwrap.step4 .boxpos {position:absolute; top:385px; left:104px;width:auto;height:6px;}
.quizstepwrap.step4 .boxpos .middlearrow {position: absolute; left:4px; top: 130px;}
.quizstepwrap.step4 .boxpos .middlearrow .downarrow {position: absolute; z-index: 1;}
.quizstepwrap.step4 .boxpos .middlearrow .downarrow_color {position: absolute; z-index: 2;}
.circle-chart {width:277px; height:277px;}
.circle-chart__circle {
	animation: circle-chart-fill 1.5s reverse; /* 1 */ 
	transform: rotate(-90deg); /* 2, 3 */
	transform-origin: center; /* 4 */
}
.circle-chart__circle--negative {
	transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}
.circle-chart__info {
	animation: circle-chart-appear 1.5s forwards;
	opacity: 0;
	transform: translateY(0.3em);
}
@keyframes circle-chart-fill {
	to { stroke-dasharray: 0 100; }
}
@keyframes circle-chart-appear {
	to {
	opacity: 1;
	transform: translateY(0);
	}
}
.grid {
	display: grid;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 31em) {
	.grid {
	grid-template-columns: repeat(2, 1fr);
	}
}
/* 오른쪽 원   */
.movieokquiz .quizstepwrap .boxpos.cir_right {position: absolute; top: 133px;left: 599px; width:auto; height:auto;}
.movieokquiz .quizstepwrap .boxpos.cir_right .movbubble {position:absolute; top:0; left:0; width: 270px; height: 270px; margin: 0 auto;}
.movieokquiz .quizstepwrap .boxpos.cir_right .movbubble .progresscircle {position: absolute; left:170px; top:30px; width:28px; height:28px; margin: -28px 0 0 -28px; border-radius: 50%; background: #797BF8;}
.movieokquiz .quizstepwrap.step2.s0 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right 1.0s linear infinite;}
.movieokquiz .quizstepwrap.step2.s30 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s0 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s30 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right_s30 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s60 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right_s60 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s90 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right_s90 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s100 .boxpos.cir_right .movbubble .progresscircle {animation: yja_circleaction_right_s100 1.0s linear infinite;}
.movieokquiz .quizstepwrap.step2.s0 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step2.s30 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s0 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s30 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s60 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s90 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s100 .boxpos.cir_right .movbubble .progresscircle {left:140px; top:154px; -webkit-animation-timing-function:linear;-moz-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count: 1;animation-iteration-count:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode: both;animation-delay: 530ms;}
.movieokquiz .quizstepwrap .quizbubble_right {position: absolute; top: -210%; left: -650%;}
.movieokquiz .quizstepwrap .quizbubble_right.out {top:80px; left:60px}
.movieokquiz .quizstepwrap .quizbubble_right .exhaustednum_bubble {position: relative; min-width: 172px; padding: 20px 0; background: #797BF8; border-radius: 3.5em; border: 2px solid #000; font-size: 22px; color: #fff; text-align: center;}
.movieokquiz .quizstepwrap .quizbubble_right .exhaustednum_bubble .h1_tit {font-family: 'Roboto'; font-size:50px; font-weight: 500;}
.movieokquiz .quizstepwrap .quizbubble_right .exhaustednum_bubble .h1_tit .ea {font-size: 22px; padding-left: 2px;}
.movieokquiz .quizstepwrap .quizbubble_right .exhaustednum_bubble .h2_tit {margin-top: -5px; font-size: 22px; font-weight: 100; opacity: .6;}
@-webkit-keyframes yja_circleaction_right {
  /* 오른쪽 반원 */
  0% {
    transform: rotate(290deg) translateX(130px) rotate(-290deg);
  }
  100% {
    transform: rotate(445deg) translateX(130px) rotate(-445deg);
  }
}
@-webkit-keyframes yja_circleaction_right_s30 {
  /* 오른쪽 반원 30% */
  0% {
    transform: rotate(290deg) translateX(130px) rotate(-290deg);
  }
  100% {
    transform: rotate(330deg) translateX(130px) rotate(-330deg);
  }
}
@-webkit-keyframes yja_circleaction_right_s60 {
  /* 오른쪽 반원 60% */
  0% {
    transform: rotate(290deg) translateX(130px) rotate(-290deg);
  }
  100% {
    transform: rotate(380deg) translateX(130px) rotate(-380deg);
  }
}
@-webkit-keyframes yja_circleaction_right_s90 {
  /* 오른쪽 반원 90% */
  0% {
    transform: rotate(290deg) translateX(130px) rotate(-290deg);
  }
  100% {
    transform: rotate(420deg) translateX(130px) rotate(-420deg);
  }
}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble {position: relative; min-width: 172px; padding: 20px 0; background: #797BF8; border-radius: 100px; border: 4px solid #000; font-size: 22px; color: #fff; text-align: center;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble:after {content: ''; position: absolute; bottom: -9px; left: 50%; width: 8px; height: 8px; margin-left: -6px; background: #797BF8; border: 4px solid #000; border-bottom: 0; border-left: 0; transform: rotate(135deg);} 
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h1_tit {font-family: 'Roboto'; font-size:50px; font-weight: 500;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h1_tit .ea {font-size: 22px; padding-left: 2px;}
.movieokquiz .quizstepwrap .quizbubble .exhaustednum_bubble .h2_tit {margin-top: -5px; font-size: 22px; font-weight: 100; opacity: .6;}
/* 왼쪽 원 */
.movieokquiz .quizstepwrap .boxpos.cir_left {position: absolute; top: 385px;left: 104px; width:auto; height:auto; }
.movieokquiz .quizstepwrap .boxpos.cir_left .movbubble {position:absolute; top:0; left:0; width: 270px; height: 270px; margin: 0 auto; z-index: 3;}
.movieokquiz .quizstepwrap .boxpos.cir_left .movbubble .progresscircle {position: absolute; left:130px; top:32px; width:28px; height:28px; margin: -28px 0 0 -28px; border-radius: 50%; background: #797BF8; }
.movieokquiz .quizstepwrap.s0 .boxpos.cir_left .movbubble .progresscircle {animation: yja_circleaction_left_s0 1.0s linear infinite; }
.movieokquiz .quizstepwrap.s30 .boxpos.cir_left .movbubble .progresscircle {animation: yja_circleaction_left_s30 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s60 .boxpos.cir_left .movbubble .progresscircle {animation: yja_circleaction_left_s60 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s90 .boxpos.cir_left .movbubble .progresscircle {animation: yja_circleaction_left_s90 1.0s linear infinite;}
.movieokquiz .quizstepwrap.s100 .boxpos.cir_left .movbubble .progresscircle {animation: yja_circleaction_left 1.0s linear infinite; }
.movieokquiz .quizstepwrap.s0 .boxpos.cir_left .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s30 .boxpos.cir_left .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s60 .boxpos.cir_left .movbubble .progresscircle {left:161px; top:160px; -webkit-animation-timing-function:linear;-moz-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count: 1;animation-iteration-count:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode: both;animation-delay: 530ms;}
.movieokquiz .quizstepwrap.s90 .boxpos.cir_left .movbubble .progresscircle,
.movieokquiz .quizstepwrap.s100 .boxpos.cir_left .movbubble .progresscircle {left:165px; top:158px; -webkit-animation-timing-function:linear;-moz-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count: 1;animation-iteration-count:1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode: both;animation-delay: 530ms;}
.movieokquiz .quizstepwrap.step4.s0 .circle-chart__circle--negative {stroke-dasharray:0,100}
.movieokquiz .quizstepwrap.step4.s30 .circle-chart__circle--negative {stroke-dasharray:16,100}
.movieokquiz .quizstepwrap.step4.s60 .circle-chart__circle--negative {stroke-dasharray:30,100}
.movieokquiz .quizstepwrap.step4.s90 .circle-chart__circle--negative {stroke-dasharray:42,100}
.movieokquiz .quizstepwrap.step4.s100 .circle-chart__circle--negative {stroke-dasharray:50,100}
.movieokquiz .quizstepwrap .quizbubble_left {position: absolute; top: -210%; left: -650%;}
.movieokquiz .quizstepwrap .quizbubble_left.out {top:90px; left:40px}
.movieokquiz .quizstepwrap .quizbubble_left .exhaustednum_bubble {position: relative; min-width: 172px; padding: 20px 0; background: #797BF8; border-radius: 100px; border: 4px solid #000; font-size: 22px; color: #fff; text-align: center;}
/* .movieokquiz .quizstepwrap .quizbubble_left .exhaustednum_bubble:after {content: ''; position: absolute; right: -6%; top: 50%; width: 5px; height: 5px; background: #797BF8; border: 2px solid #000; border-right: 0; border-bottom: 0; transform: rotate(135deg);} 말풍선 꼬리 */
.movieokquiz .quizstepwrap .quizbubble_left .exhaustednum_bubble .h1_tit {font-family: 'Roboto'; font-size:50px; font-weight: 500;}
.movieokquiz .quizstepwrap .quizbubble_left .exhaustednum_bubble .h1_tit .ea {font-size: 22px; padding-left: 2px;}
.movieokquiz .quizstepwrap .quizbubble_left .exhaustednum_bubble .h2_tit {margin-top: -5px; font-size: 22px; font-weight: 100; opacity: .6;}
/* 퀴즈 4단계 솔드아웃*/
.movieokquiz .quizstepwrap.step4.soldout { stroke:#9b9b9b}
.movieokquiz .quizstepwrap.step4.soldout .boxpos.cir_left .downarrow_color,
.movieokquiz .quizstepwrap.step4.soldout .boxpos.cir_left .movbubble {display: none;}
.movieokquiz .quizstepwrap.step4.soldout .stepbg,
.movieokquiz .quizstepwrap.step4 .stepsoldoutbg {display:none}
.movieokquiz .quizstepwrap.step4 .stepbg,
.movieokquiz .quizstepwrap.step4.soldout .stepsoldoutbg {display:block}
@-webkit-keyframes yja_circleaction_left {
	/* 왼쪽 반원 */
	0% {
		transform: rotate(250deg) translateX(130px) rotate(-250deg);
	}
	100% {
		transform: rotate(90deg) translateX(130px) rotate(-90deg);
	}
}
@-webkit-keyframes yja_circleaction_left_s0 {
	/* 왼쪽 반원 0% */
	0% {
		transform: rotate(258deg) translateX(130px) rotate(-258deg);
	}
	100% {
		transform: rotate(258deg) translateX(130px) rotate(-258deg);
	}
}
@-webkit-keyframes yja_circleaction_left_s30 {
	/* 왼쪽 반원 30% */
	0% {
		transform: rotate(250deg) translateX(130px) rotate(-250deg);
	}
	100% {
		transform: rotate(210deg) translateX(130px) rotate(-210deg);
	}
}
@-webkit-keyframes yja_circleaction_left_s60 {
	/* 왼쪽 반원 60% */
	0% {
		transform: rotate(250deg) translateX(130px) rotate(-250deg);
	}
	100% {
		transform: rotate(160deg) translateX(130px) rotate(-160deg);
	}
}
@-webkit-keyframes yja_circleaction_left_s90 {
	/* 왼쪽 반원 90% */
	0% {
		transform: rotate(250deg) translateX(130px) rotate(-250deg);
	}
	100% {
		transform: rotate(117deg) translateX(130px) rotate(-117deg);
	}
}
/* 퀴즈 5단계 시작전 */
.movieokquiz .quizstepwrap.step5 .personnum {position: absolute; left: 645px; top:636px; color:#fff}
.movieokquiz .quizstepwrap.step5 .personnum .numwrap {min-width:109px; height:36px; line-height:36px; padding:0 18px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #797BF8;border: none;}
.movieokquiz .quizstepwrap.step5 .ticketamount {position: absolute; left:589px; top:680px;}
/* 퀴즈 5단계 진행*/
.quizstepwrap.step5 .boxpos {position:absolute; top:651px; left:312px;width:34%;}
.quizstepwrap.step5 .boxpos .middlearrow {position: absolute; left:153px; top: -9px;}
.quizstepwrap.step5 .boxpos .middlearrow .rightarrow {position: absolute; z-index: 1;}
.quizstepwrap.step5 .boxpos .middlearrow .rightarrow_color {position: absolute; z-index: 2;}
/* 퀴즈 5단계 진행 : 지난 경품 이벤트 */
.movieokquiz .quizstepwrap .evt_pastwrap {position: absolute; top:0; width:100%; height:100%;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo {position: relative; width: 100%; height:100%;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .yja_prod img {filter: grayscale(100%); opacity: .9; margin-left: -45px;}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .yja_prod img {filter: grayscale(100%); opacity: 1; margin-left: -22px;}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .p_num .numwrap > span {opacity: .3;}
.movieokquiz .quizstepwrap.stepbefore .evt_pastwrap .box_pastinfo .paststep4 .yja_prod {left: -40px}
/* 지난 단계 공통 */
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .yja_prod {position: absolute; top:-150px;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .paststep4 .yja_prod {position: absolute; top:-138px;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .p_soldout {position: absolute; top:-200%; left: -23px; z-index: 1;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .p_soldout img {width:162px; height:162px}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .p_num {position: relative; font-size:22px; color:#fff}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .p_num .numwrap {width:109px; height:36px; line-height:36px; padding:0 9px; border-radius:30px; box-sizing:border-box; text-align:center;color: #fff;background: #999;border: none;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .p_num .numwrap .num {font-family: 'Roboto'; font-size:24px; font-weight: 500;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .tk_amount {position: absolute; right: 130px; top:45px; width:220px; font-size:26px; color:#999; text-align: center;}
.movieokquiz .quizstepwrap .evt_pastwrap .box_pastinfo .tk_amount .amounttxt{padding-left: 5px; font-family: 'Roboto'; font-size:30px;font-weight: 500;}
.movieokquiz .quizstepwrap.step5 .evt_pastwrap .box_pastinfo .paststep1 {position: absolute; top:130px; left:645px; width:30%}
.movieokquiz .quizstepwrap.step5 .evt_pastwrap .box_pastinfo .paststep2 {position: absolute; top:384px; left:645px; width:30%}
.movieokquiz .quizstepwrap.step5 .evt_pastwrap .box_pastinfo .paststep3 {position: absolute; top:384px; left:215px; width:30%}
.movieokquiz .quizstepwrap.step5 .evt_pastwrap .box_pastinfo .paststep4 {position: absolute; top:636px; left:215px; width:30%}
/* 퀴즈 5단계 진행 : 진행중인 경품 이벤트 */
/* 공통 */
.quizstepwrap .yja_prodcomm {position: absolute; top:493px; left: 590px;}
.movieokquiz .quizstepwrap .exhaustednum_bubble {position: relative; min-width: 172px; padding: 20px 0; background: #797BF8; border-radius: 100px; border: 4px solid #000; font-size: 22px; color: #fff; text-align: center;}
/* .movieokquiz .quizstepwrap .exhaustednum_bubble:after {content: ''; position: absolute; right: -6%; top: 50%; width: 5px; height: 5px; background: #797BF8; border: 2px solid #000; border-right: 0; border-bottom: 0; transform: rotate(135deg);} 말풍선 꼬리 */
.movieokquiz .quizstepwrap .exhaustednum_bubble .h1_tit {font-family: 'Roboto'; font-size:50px; font-weight: 500;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .h1_tit .ea {font-size: 22px; padding-left: 2px;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .h2_tit {margin-top: -5px; font-size: 22px; font-weight: 100; opacity: .6;}

/* 공통 : 퀴즈 솔드아웃*/
.quizstepwrap.soldout .yja_prodcomm img { filter:grayscale(100%); opacity: 1}
.movieokquiz .quizstepwrap.soldout .evt_pastwrap .box_pastinfo .p_soldout {display:none}
.movieokquiz .quizstepwrap.soldout .personnum .numwrap {background: #999;}
.movieokquiz .quizstepwrap.soldout .personnum .numwrap > span,
.movieokquiz .quizstepwrap.soldout .evt_pastwrap .box_pastinfo .p_num .numwrap > span {opacity: .3;}
.movieokquiz .quizstepwrap.soldout .rightarrow_color, 
.movieokquiz .quizstepwrap.soldout .leftarrow_color {display: none}
/* 유의사항 블랙타입 */
.ev_notice_list.blktype {padding: 50px 60px; margin-top: 0; background-color: #333}
.ev_notice_list.blktype > .tit {padding-bottom: 25px; font-size: 28px; color: #d5d5d5}
.ev_notice_list.blktype .list_txt > p, .ev_notice_list.blktype ul.list_txt > li, .ev_notice_list.blktype ol.list_txt > li {margin: 0 0 5px 10px; font-size: 18px; font-weight: lighter; color: #d5d5d5; word-break: keep-all;}
.ev_notice_list.blktype .list_txt > li:before {width:4px; height:4px; margin: 11px 15px 0 0; color: #d5d5d5}
/* 영잘알 퀴즈 리스트 */
.quizstart_head .area_question,
.quizstart_head.active .txtinfo {display:none}
.quizstart_head.active .area_question {display:block}
.quizstart_head.active {background: #C7CDEC url('../../Content/images/icon_lc21new/evt_movieokquiz_03_1.png') 0 0 no-repeat; background-size: 100%;}
.quizstart_head.active .wrap_progressbar {position: relative; padding: 392px 153px 110px;}
.quizstart_head.active .wrap_progressbar .wrap_bar {position: absolute; left: 50%; height: 32px; margin-left: -300px;}
.quizstart_head.active .wrap_progressbar .wrap_bar.multiplechoicetype {position: absolute; left: 50%; height: 32px; margin-left: -330px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar1,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar2,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar3,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar4,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizheart,
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizcountboard {position: absolute; bottom:0; left:0;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base {z-index: 3;}
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar1 {z-index: 5; left:-20px; bottom: 5px;}
.quizstart_head.active .wrap_progressbar .wrap_bar.multiplechoicetype .icon_quizchar1 {z-index: 5; left:-50px; bottom: 9px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar2 {z-index: 6; left: 590px; bottom:24px; }
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar3 {z-index: 5; left:652px; bottom:-16px;}
.quizstart_head.active .wrap_progressbar.openended .wrap_bar .icon_quizchar3 {z-index: 5; left:618px; bottom:-9px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizchar4 {z-index: 5; left:-74px; bottom: 8px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizheart {z-index: 4; left: 0px;}
.quizstart_head.active .wrap_progressbar .wrap_bar.multiplechoicetype .icon_quizheart {z-index: 4; left: -12px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .icon_quizcountboard {left: 560px; bottom: 5px; z-index: 2;}
.quizstart_head.active .wrap_progressbar .wrap_bar.multiplechoicetype .bar_base {display: block; width:676px; height:32px; background-color: #A2A4FF; border-radius: 32px; padding-right: 10px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base .txt {position: absolute; top:4px;  width:670px; height:32px; padding: 0 10px; font-size: 20px; text-align: center; letter-spacing: 6px; color: #fff; opacity: .6;}
.quizstart_head.active .wrap_progressbar .qinfo_tit {padding: 75px 0 25px; font-size: 30px; font-weight: 100; line-height: 40px;}
.quizstart_head.active .wrap_progressbar .qinfo_paging {position: relative; font-size: 20px; color:#fff;}
.quizstart_head.active .wrap_progressbar .qinfo_paging .numbg {position: absolute; right:0; width:40px; height:16px; border-radius: 10px; padding:2px 4px; background: #000; opacity: .1;}
.quizstart_head.active .wrap_progressbar .qinfo_paging .numpos {position: absolute; top: 3px; right:10px; }
.movieokquiz .quizstart_head.active .btn_wrap {margin-bottom: 0; padding-bottom: 30px;}
.movieokquiz .quizstart_head .btn_wrap a.btn_type7, .movieokquiz .quizstart_head .btn_wrap button.btn_type7 {height: 60px; padding: 10px 50px; font-size: 26px; line-height: 60px;  background: #000; color: #FFF; border-radius: 30px; text-align: center; box-sizing: border-box;}
.icon_arr_quiznext {display: inline-block; width: 12px; height:12px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_arr.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em; vertical-align: 2px;}
.icon_quizchar1 {display: inline-block; width: 71px; height:62px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_char1.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
.icon_quizchar2 {display: inline-block; width: 70px; height:73px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_char2.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
.icon_quizchar3 {display: inline-block; width: 71px; height:58px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_char3.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
.icon_quizchar4 {display: inline-block; width: 141px; height:91px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_char4.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
.icon_quizheart {display: inline-block; width: 45px; height:39px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_heart.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
.icon_quizcountboard {display: inline-block; width: 172px; height:170px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_countboard.svg') 0 0 no-repeat; background-size: 100%; font: 0 auto; text-indent: -99999em;}
/* 객관식 문제 */
.quizstart_head .qinfo_list li {position: relative;}
.quizstart_head .qinfo_list li .num {padding-right: 5px; font-family: 'Roboto'; font-size: 21px; font-weight: 800}
.quizstart_head .qinfo_list li label {display:inline-block; position:relative; width:656px; padding:15px; margin-bottom: 8px; background-color:#fff; border-radius: 10px; font-size: 20px; color:#797BF8; cursor: pointer;}
.quizstart_head .qinfo_list li.active label {display:inline-block; background-color: #797BF8; font-weight: bold; color: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);}
.quizstart_head .qinfo_list li input[type='radio'] {position: absolute; top:35%; left: auto; right:10px; display:inline-block; width:26px; height:19px; background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_radiobox.png') 0 0 no-repeat; background-size: 100%; appearance: none; border-radius: 0; border:0; margin: 0; padding: 0;clip: inherit;}
.quizstart_head .qinfo_list li input:focus {outline: none}
.quizstart_head .qinfo_list li input[type='radio']:checked {background-position: 0 -19px;}
.movieokquiz .yjaquiz_swiper .swiper-button-next.btn_multiplechoicetype {position: absolute; top:0; right: auto; left:50%; bottom:0; width: 100%; height: 52px; margin: 0 0 0 -333px; background-size: auto; background-image: none; cursor: pointer; font:0 auto}
.movieokquiz .yjaquiz_swiper .swiper-button-next.btn_multiplechoicetype:focus {outline:none}
.quizstart_head .qinfo_list li.active input[type='radio'] {background: url('../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_radiobox.png') 0 0 no-repeat; background-size: 100%; background-position: 0 -19px;}
/* 주관식 문제 */
.quizstart_head .qinfo_list2 label {display:inline-block; position:relative; margin-bottom: 10px; }
.quizstart_head .qinfo_list2 input {width:676px; padding:0 15px; box-sizing:border-box; border:none; background:#fff; height:54px; line-height:54px; border-radius: 10px; font-size: 20px; color:#797BF8;}
/* 영잘알 퀴즈 문항 */
.movieokquiz .quizstart_head.active .yjaquiz_swiper .wrap_progressbar { position: relative; padding: 392px 153px 70px; }
.movieokquiz .quizstart_head.active .yjaquiz_swiper .wrap_progressbar.openended { position: relative; padding: 392px 153px 110px; }
.movieokquiz .yjaquiz_swiper .swiper-button-next { top:100%; right: auto; left:50%; bottom:0; width: auto; height: 60px; margin: -80px 0 0 -86px;  background-size: auto; background-image: none; text-indent: inherit; opacity: 1; pointer-events: all;}
.movieokquiz .yjaquiz_swiper .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {display:block; opacity: 1; pointer-events: all;}
.movieokquiz .quizstart_head.active .yjaquiz_swiper .btn_wrap.q_next {margin: 0;}
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-pagination {position:absolute; text-align:center; -webkit-transition:300ms opacity; -o-transition:300ms opacity; transition:300ms opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10; font-size: 10px; color: #fff;width: 60px; height: 22px; border-radius: 22px; padding: 5px 10px; background: #b3b8d4;}
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-pagination-fraction,
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-pagination-custom,
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-container-horizontal > .swiper-pagination-bullets {top: 100%; left: auto; right: 150px;; margin-top: -70px;}
.movieokquiz .quizstart_head.active .yjaquiz_swiper .wrap_progressbar.openended .swiper-pagination-fraction,
.movieokquiz .quizstart_head.active .yjaquiz_swiper .wrap_progressbar.openended .swiper-pagination-custom,
.movieokquiz .quizstart_head.active .yjaquiz_swiper .wrap_progressbar.openended .swiper-container-horizontal > .swiper-pagination-bullets {margin-top: -110px;}
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-pagination-fraction .swiper-pagination-current,
.movieokquiz .quizstart_head.active .yjaquiz_swiper .swiper-pagination-fraction .swiper-pagination-total {font-family:'Roboto'; font-weight:bold; font-size:20px; padding:0 1px}
/* 퀴즈 카운드다운 진행바 */
.quizstart_head.active div.countdown-bar {position: relative;}
.quizstart_head.active div.countdown-bar div:nth-of-type(1) {width: 0; height: 100%}
.quizstart_head.active div.countdown-bar div:nth-of-type(2) {width: 100%; height: 100%}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base {position:relative; background-color: #a2a4ff; border-radius: 16px; margin:0; padding-right: 10px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base:before {content:''; display:block; position: absolute; top:0; left:-40px; width:96px; height:32px;     background-color: rgb(179, 184, 212); border-radius: 32px;}
.quizstart_head.active .wrap_progressbar .wrap_bar.multiplechoicetype .bar_base:before {display:none; background-color: #a2a4ff;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base .countdown-bar {border-radius: 16px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base .countdown-bar .progressbar {overflow:visible !important; position: relative; border-radius: 16px;}
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base .countdown-bar .progressbar::before {content: ''; position: absolute; top:-2px; right:-15px; margin-right: 5px; display: inline-block; width: 45px; height: 39px; background: url(../../Content/images/icon_lc21new/evt_movieokquiz_qinfo_heart.svg) 0 0 no-repeat; background-size: 100%;}
/* 퀴즈 진행바 길이 */
.quizstart_head.active .wrap_progressbar .wrap_bar .bar_base .countdown-bar .time {position:absolute; top:-50px; left:610px; font-family: 'Roboto'; font-size: 32px; font-weight: 600; color:#000; }
/* 퀴즈정보 없을때 */
.movieokquiz.nomovinfo .movieokquiz_headimg {position: relative; height:902px}
.movieokquiz.nomovinfo .movieokquiz_headimg img {position: absolute; z-index: 2;}
.movieokquiz.nomovinfo .quizstart_head {margin-top: -220px;}
/* 영잘알퀴즈 팝업 */
.layer_wrap.active.imgicontype {overflow:visible}
.layer_wrap.imgicontype {overflow:hidden; width: 400px}
.layer_wrap.imgicontype .layer_contents {padding: 70px 25px 30px 25px;}
.layer_wrap .layer_contents .wrap_alertimg {position: relative;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg1,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg2,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg3,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg4,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg5,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg6,
.layer_wrap .layer_contents .wrap_alertimg .popalertimg7 {position: absolute; bottom: 20px; left: 50%;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg1 {width:156px; height:192px; margin-left: -78px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg2 {width:128px; height:143px; margin-left: -64px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg3 {width:129px; height:134px; margin-left: -64px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg4 {width:187px; height:108px; margin-left: -93px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg5 {width:159px; height:70px; margin-left: -79px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg6 {width:120px; height:113px; margin-left: -60px;}
.layer_wrap .layer_contents .wrap_alertimg .popalertimg7 {width:120px; height:113px; margin-left: -60px;}
.layer_wrap .layer_contents .txt_info {font-size: 16px; line-height: 22px;}

/* 영잘알 수정 추가 v1 */
.movieokquiz .quizstepwrap.soldout .boxpos.cir_left {z-index: -1;}
/* 1단계 시작전 */
.movieokquiz .quizstepwrap.step1.step1_0 .boxpos {width: 0;left:136px;}
.movieokquiz .quizstepwrap.step1.step1_0 .boxpos .progresscircle {background: transparent;}
.quizstepwrap.step1.step1_0 .boxpos .middlearrow {display:none}
/* 2단계 시작전 */
.movieokquiz .quizstepwrap.step2.step2_0 .boxpos .progresscircle {background: transparent;}
.movieokquiz .quizstepwrap.step2.step2_0 .quizbubble {left: -107px;}
.movieokquiz .quizstepwrap.step2.step2_0 .boxpos {width: 0;left:215px;}
.quizstepwrap.step2.step2_0 .boxpos .middlearrow,
.movieokquiz .quizstepwrap.step2.step2_0 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step2.step2_1 .evt_pastwrap .box_pastinfo .p_soldout {display: none}
.movieokquiz .quizstepwrap.step2.step2_0 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step2.step2_1 .evt_pastwrap .box_pastinfo .yja_prod img {filter: none; opacity: 1;}
.movieokquiz .quizstepwrap.step2.step2_0 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step2.step2_1 .evt_pastwrap .box_pastinfo .p_num .numwrap {background: #797BF8;}
.movieokquiz .quizstepwrap.step2.step2_0 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step2.step2_1 .evt_pastwrap .box_pastinfo .tk_amount {color: #000}
/* 2단계중 1단계 */
.movieokquiz .quizstepwrap.step2.step2_1 .boxpos {left:210px; width:45%}
/* 2단계중 2단계 */
.movieokquiz .quizstepwrap.step2.step2_2.s0 .circle-chart__circle {stroke-dasharray:0,100}
.movieokquiz .quizstepwrap.step2.step2_2.s30 .circle-chart__circle {stroke-dasharray:48,100}
.movieokquiz .quizstepwrap.step2.step2_2 .boxpos {top: 399px; left: 249px; width: 483px;}
.movieokquiz .quizstepwrap.step2.step2_2 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step2.step2_2.s30 .boxpos.cir_right {left:599px; top:133px;}
.quizstepwrap.step2.step2_2 .boxpos.cir_right .middlearrow,
.quizstepwrap.step2.step2_2.s30 .boxpos.cir_right .middlearrow {top: 130px; left: 247px}
.quizstepwrap.step2.step2_2 .boxpos .middlearrow {top: -9px; left: 227px}
.movieokquiz .quizstepwrap.step2.step2_2 .boxpos.cir_right .movbubble .progresscircle {top:35px; left: 185px}
.movieokquiz .quizstepwrap.step2.step2_2.s30 .boxpos.cir_right .movbubble .progresscircle {top:154px; left: 140px}
/* 3단계 시작전 */
.movieokquiz .quizstepwrap.step3.step3_0 .boxpos .progresscircle {background: transparent;}
.movieokquiz .quizstepwrap.step3.step3_0 .quizbubble {left: -104px; top: -385px;}
.movieokquiz .quizstepwrap.step3.step3_0 .boxpos {width: 0;left:215px;}
.quizstepwrap.step3.step3_0 .boxpos .middlearrow,
.movieokquiz .quizstepwrap.step3.step3_0 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step3.step3_1 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step3.step3_2 .evt_pastwrap .box_pastinfo .paststep2 .p_soldout {display: none}
.movieokquiz .quizstepwrap.step3.step3_0 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step3.step3_1 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step3.step3_2 .evt_pastwrap .box_pastinfo .paststep2 .yja_prod img {filter: none; opacity: 1;}
.movieokquiz .quizstepwrap.step3.step3_0 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step3.step3_1 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step3.step3_2 .evt_pastwrap .box_pastinfo .paststep2 .p_num .numwrap {background: #797BF8;}
.movieokquiz .quizstepwrap.step3.step3_0 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step3.step3_1 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step3.step3_2 .evt_pastwrap .box_pastinfo .paststep2 .tk_amount {color: #000}
/* 3단계중 1단계 */
.quizstepwrap.step3.step3_1 .boxpos {top: 153px; left: 215px; width: 435px;}
.quizstepwrap.step3.step3_1 .boxpos .middlearrow {left: 215px;}
/* 3단계중 2단계 */
.movieokquiz .quizstepwrap.step3.step3_2.s0 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step3.step3_2.s30 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step3.step3_2.s60 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step3.step3_2.s90 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step3.step3_2.s100 .boxpos.cir_right {left:599px; top:139px;}
.quizstepwrap.step3.step3_2 .boxpos .middlearrow {left: 248px; top: 135px;}
.movieokquiz .quizstepwrap.step3.step3_2.s0 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step3.step3_2.s30 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step3.step3_2.s60 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step3.step3_2.s90 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step3.step3_2.s100 .boxpos.cir_right .movbubble .progresscircle {left:143px; top:154px;}
/* 4단계 시작전 */
.movieokquiz .quizstepwrap.step4.step4_0 .boxpos .progresscircle {background: transparent;}
.movieokquiz .quizstepwrap.step4.step4_0 .quizbubble {left: -42px; top: -371px;}
.movieokquiz .quizstepwrap.step4.step4_0 .boxpos {width: 0;left:215px;}
.quizstepwrap.step4.step4_0 .boxpos .middlearrow,
.movieokquiz .quizstepwrap.step4.step4_0 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step4.step4_1 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep2 .p_soldout,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep3 .p_soldout,
.movieokquiz .quizstepwrap.step4.step4_3 .evt_pastwrap .box_pastinfo .paststep3 .p_soldout {display: none}
.movieokquiz .quizstepwrap.step4.step4_0 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step4.step4_1 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep2 .yja_prod img,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep3 .yja_prod img,
.movieokquiz .quizstepwrap.step4.step4_3 .evt_pastwrap .box_pastinfo .paststep3 .yja_prod img {filter: none; opacity: 1;}
.movieokquiz .quizstepwrap.step4.step4_0 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step4.step4_1 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep2 .p_num .numwrap,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep3 .p_num .numwrap,
.movieokquiz .quizstepwrap.step4.step4_3 .evt_pastwrap .box_pastinfo .paststep3 .p_num .numwrap {background: #797BF8;}
.movieokquiz .quizstepwrap.step4.step4_0 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step4.step4_1 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep2 .tk_amount,
.movieokquiz .quizstepwrap.step4.step4_2 .evt_pastwrap .box_pastinfo .paststep3 .tk_amount,
.movieokquiz .quizstepwrap.step4.step4_3 .evt_pastwrap .box_pastinfo .paststep3 .tk_amount {color: #000}
/* 4단계중 1단계 */
.quizstepwrap.step4.step4_1 .boxpos {top: 147px; left: 276px; width: 376px;}
.quizstepwrap.step4.step4_1 .boxpos .middlearrow {left: 170px; top:-9px}
/* 4단계중 2단계 */
.quizstepwrap.step4.step4_2 .boxpos {top: 133px; left: 600px; width: 376px;}
.quizstepwrap.step4.step4_2 .boxpos .middlearrow {left: 170px; top:-9px}
.movieokquiz .quizstepwrap.step4.step4_2.s0 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step4.step4_2.s30 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step4.step4_2.s60 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step4.step4_2.s90 .boxpos.cir_right,
.movieokquiz .quizstepwrap.step4.step4_2.s100 .boxpos.cir_right {left:600px; top:133px;}
.quizstepwrap.step4.step4_2 .boxpos .middlearrow {left: 248px; top: 135px;}
.movieokquiz .quizstepwrap.step4.step4_2.s0 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step4.step4_2.s30 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step4.step4_2.s60 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step4.step4_2.s90 .boxpos.cir_right .movbubble .progresscircle,
.movieokquiz .quizstepwrap.step4.step4_2.s100 .boxpos.cir_right .movbubble .progresscircle {left:141px; top:157px;}
/* 4단계중 3단계 */
.quizstepwrap.step4.step4_3 .boxpos {top: 399px; left: 326px; width: 320px;}
.quizstepwrap.step4.step4_3 .boxpos .middlearrow {left: 170px; top:-9px}
/* 5단계 시작전 */
.movieokquiz .quizstepwrap.step5.step5_0 .boxpos .progresscircle {background: transparent;}
.movieokquiz .quizstepwrap.step5.step5_0 .quizbubble {left: -43px; top: -637px;}
.movieokquiz .quizstepwrap.step5.step5_0 .boxpos {width: 0;left:215px;}
.quizstepwrap.step5.step5_0 .boxpos .middlearrow,
.movieokquiz .quizstepwrap.step5.step5_0 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_1 .evt_pastwrap .box_pastinfo .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep2 .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep3 .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep4 .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep3 .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep4 .p_soldout,
.movieokquiz .quizstepwrap.step5.step5_4 .evt_pastwrap .box_pastinfo .paststep4 .p_soldout {display: none}
.movieokquiz .quizstepwrap.step5.step5_0 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_1 .evt_pastwrap .box_pastinfo .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep2 .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep3 .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep4 .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep3 .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep4 .yja_prod img,
.movieokquiz .quizstepwrap.step5.step5_4 .evt_pastwrap .box_pastinfo .paststep4 .yja_prod img {filter: none; opacity: 1;}
.movieokquiz .quizstepwrap.step5.step5_0 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_1 .evt_pastwrap .box_pastinfo .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep2 .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep3 .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep4 .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep3 .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep4 .p_num .numwrap,
.movieokquiz .quizstepwrap.step5.step5_4 .evt_pastwrap .box_pastinfo .paststep4 .p_num .numwrap {background: #797BF8;}
.movieokquiz .quizstepwrap.step5.step5_0 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_1 .evt_pastwrap .box_pastinfo .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep2 .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep3 .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_2 .evt_pastwrap .box_pastinfo .paststep4 .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep3 .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_3 .evt_pastwrap .box_pastinfo .paststep4 .tk_amount,
.movieokquiz .quizstepwrap.step5.step5_4 .evt_pastwrap .box_pastinfo .paststep4 .tk_amount {color: #000}
/* 5단계중 1단계 */
.quizstepwrap.step5.step5_1 .boxpos {top: 147px; left: 276px; width: 370px;}
.quizstepwrap.step5.step5_1 .boxpos .middlearrow {left: 170px; top:-9px}
/* 5단계중 2단계 */
.quizstepwrap.step5.step5_2 .boxpos {top: 133px; left: 600px; width: 376px;}
.quizstepwrap.step5.step5_2 .boxpos .middlearrow {left: 246px; top:133px}
/* 5단계중 3단계 */
.quizstepwrap.step5.step5_3 .boxpos {top: 399px; left: 324px; width: 320px;}
.quizstepwrap.step5.step5_3 .boxpos .middlearrow {left: 135px; top:-9px}
/* 5단계중 4단계 */
.quizstepwrap.step5.step5_4 .boxpos .middlearrow {left: 4px; top:130px}
/* 5단계중 5단계 */
.quizstepwrap.step5.step5_5 .boxpos {top:651px; left:325px;width:320px;}
.quizstepwrap.step5.step5_5 .boxpos .middlearrow {left: 123px;}


/* 왼쪽 원 이동 */
.movieokquiz .quizstepwrap.step2.s0 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step3.s0 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step4.s0 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step5.s0 .circle-chart__circle--negative {stroke-dasharray:0,100}
.movieokquiz .quizstepwrap.step2.s30 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step3.s30 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step4.s30 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step5.s30 .circle-chart__circle--negative {stroke-dasharray:16,100}
.movieokquiz .quizstepwrap.step2.s60 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step3.s60 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step4.s60 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step5.s60 .circle-chart__circle--negative {stroke-dasharray:30,100}
.movieokquiz .quizstepwrap.step2.s90 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step3.s90 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step4.s90 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step5.s90 .circle-chart__circle--negative {stroke-dasharray:42,100}
.movieokquiz .quizstepwrap.step2.s100 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step3.s100 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step4.s100 .circle-chart__circle--negative,
.movieokquiz .quizstepwrap.step5.s100 .circle-chart__circle--negative {stroke-dasharray:50,100}
/* 오른쪽 원 이동 */
.movieokquiz .quizstepwrap.step2.s0 .circle-chart__circle,
.movieokquiz .quizstepwrap.step3.s0 .circle-chart__circle,
.movieokquiz .quizstepwrap.step4.s0 .circle-chart__circle,
.movieokquiz .quizstepwrap.step5.s0 .circle-chart__circle {stroke-dasharray:0,100}
/* .movieokquiz .quizstepwrap.step2.s30 .circle-chart__circle, */
.movieokquiz .quizstepwrap.step3.s30 .circle-chart__circle,
.movieokquiz .quizstepwrap.step4.s30 .circle-chart__circle,
.movieokquiz .quizstepwrap.step5.s30 .circle-chart__circle {stroke-dasharray:15,100}
.movieokquiz .quizstepwrap.step2.s60 .circle-chart__circle,
.movieokquiz .quizstepwrap.step3.s60 .circle-chart__circle,
.movieokquiz .quizstepwrap.step4.s60 .circle-chart__circle,
.movieokquiz .quizstepwrap.step5.s60 .circle-chart__circle {stroke-dasharray:30,100}
.movieokquiz .quizstepwrap.step2.s90 .circle-chart__circle,
.movieokquiz .quizstepwrap.step3.s90 .circle-chart__circle,
.movieokquiz .quizstepwrap.step4.s90 .circle-chart__circle,
.movieokquiz .quizstepwrap.step5.s90 .circle-chart__circle {stroke-dasharray:40,100}
.movieokquiz .quizstepwrap.step2.s100 .circle-chart__circle,
.movieokquiz .quizstepwrap.step3.s100 .circle-chart__circle,
.movieokquiz .quizstepwrap.step4.s100 .circle-chart__circle,
.movieokquiz .quizstepwrap.step5.s100 .circle-chart__circle {stroke-dasharray:48,100}
/* 퀴즈 시작전 알림말풍선 */
.movieokquiz .quizstepwrap .exhaustednum_bubble .dateinfo {position: relative;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .dateinfo {top: -2px; left: initial; padding-top: 9px; line-height:38px;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .dateinfo .infotxt {line-height: 32px;}
.movieokquiz .quizstepwrap.step1.step1_0 .boxpos .progresscircle .quizbubble {left: -102px}
.movieokquiz .quizstepwrap.step2.step2_0 .boxpos .progresscircle .quizbubble {left: -132px}
.movieokquiz .quizstepwrap.step3.step3_0 .boxpos .progresscircle .quizbubble {left: -129px}
.movieokquiz .quizstepwrap.step4.step4_0 .boxpos .progresscircle .quizbubble {left: -67px}
.movieokquiz .quizstepwrap.step5.step5_0 .boxpos .progresscircle .quizbubble {left: -68px}
.movieokquiz .quizstepwrap.step1.step1_0 .boxpos .progresscircle .quizbubble,
.movieokquiz .quizstepwrap.step2.step2_0 .boxpos .progresscircle .quizbubble,
.movieokquiz .quizstepwrap.step3.step3_0 .boxpos .progresscircle .quizbubble,
.movieokquiz .quizstepwrap.step4.step4_0 .boxpos .progresscircle .quizbubble,
.movieokquiz .quizstepwrap.step5.step5_0 .boxpos .progresscircle .quizbubble {width: 230px;}
.movieokquiz .quizstepwrap.step1.step1_0 .boxpos .progresscircle .quizbubble .exhaustednum_bubble.starttype,
.movieokquiz .quizstepwrap.step2.step2_0 .boxpos .progresscircle .quizbubble .exhaustednum_bubble.starttype,
.movieokquiz .quizstepwrap.step3.step3_0 .boxpos .progresscircle .quizbubble .exhaustednum_bubble.starttype,
.movieokquiz .quizstepwrap.step4.step4_0 .boxpos .progresscircle .quizbubble .exhaustednum_bubble.starttype,
.movieokquiz .quizstepwrap.step5.step5_0 .boxpos .progresscircle .quizbubble .exhaustednum_bubble.starttype {margin-top: -42px;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .dateinfo .date {color:#000;}
.movieokquiz .quizstepwrap .exhaustednum_bubble .dateinfo .time {color:#000;}
.movieokquiz .quizstepwrap.step1.step1_0,
.movieokquiz .quizstepwrap.step2.step2_0,
.movieokquiz .quizstepwrap.step3.step3_0,
.movieokquiz .quizstepwrap.step4.step4_0,
.movieokquiz .quizstepwrap.step5.step5_0 {padding-top: 40px;}
/* 영잘알 경품명 2줄 */
.movieokquiz .quizstepwrap.step1 .ticketamount {left: 689px;}

/* 210902 관람권_추가결제필요시 */
.input_type2 .info.add_payment strong { position:relative; }
.input_type2 .info.add_payment strong:after { content:'추가결제필요'; position:relative; font-size:10px; color:#fff; background:#FF243E; white-space: nowrap; border-radius: 15px;; padding:0px 5px 2px; left:6px; top:-2px;}
/* 정보보호수준진단 개선 : 영잘알 2단계진행2 유의사항 추가 2022.01.24 */
.box_psinfocollectagree.type1 {background-color: #333;}
.box_psinfocollectagree.type1 label,
.box_psinfocollectagree.type1 .link {font-size: 18px; color:#d5d5d5}
.ev_notice_list.blktype .admin_txt {font-size: 18px; font-weight: lighter; line-height:30px; color: #d5d5d5; word-break: keep-all;}

/****************************** 
* 탭 메뉴 밑줄 이동액션 2022 
*******************************/
/* .tab_wrap.outer.actionmovingbar > li.active > .tab_tit,
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li.active > a,
.tab_wrap_lnk.actionmovingbar > li.active > a, 
.tab_wrap_lnk.actionmovingbar > li.ov > a {transition: all .3s ease-in-out;} */
/* 탭 밑줄 이동 : gnb 메뉴 */
#nav.area__gnbmovingbar .wrap_nav_underline {position: relative; width: 980px; height:2px; margin-top: -2px}
#nav.area__gnbmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 65px; height: 2px; background: #FF1744; transition: all .3s ease-in-out;}
#nav.area__gnbmovingbar > ul > li ~ .wrap_nav_underline .nav_underline {left: 277px; width: 77px; opacity: 0;}
#nav.area__gnbmovingbar > ul > li:nth-child(1).is-current ~ .wrap_nav_underline .nav_underline {left: 277px; width: 77px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(1).ov ~ .wrap_nav_underline .nav_underline {left: 277px !important; width: 77px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(2).is-current ~ .wrap_nav_underline .nav_underline {left: 354px; width: 76px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(2).ov ~ .wrap_nav_underline .nav_underline {left: 354px !important; width: 76px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(3).is-current ~ .wrap_nav_underline .nav_underline {left: 430px; width:91px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(3).ov ~ .wrap_nav_underline .nav_underline {left: 430px !important; width:91px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(4).is-current ~ .wrap_nav_underline .nav_underline {left: 521px; width:91px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(4).ov ~ .wrap_nav_underline .nav_underline {left: 521px !important; width:91px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(5).is-current ~ .wrap_nav_underline .nav_underline {left: 612px; width:91px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(5).ov ~ .wrap_nav_underline .nav_underline {left: 612px !important; width:91px !important; opacity: 1;}
/* 간격 & 길이 수정 확인 후 주석 부분 삭제 2023.07
#nav.area__gnbmovingbar > ul > li ~ .wrap_nav_underline .nav_underline {left: 273px; width: 78px; opacity: 0;}
#nav.area__gnbmovingbar > ul > li:nth-child(1).is-current ~ .wrap_nav_underline .nav_underline {left: 273px; width: 78px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(1).ov ~ .wrap_nav_underline .nav_underline {left: 273px !important; width: 78px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(2).is-current ~ .wrap_nav_underline .nav_underline {left: 352px; width: 78px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(2).ov ~ .wrap_nav_underline .nav_underline {left: 352px !important; width: 78px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(3).is-current ~ .wrap_nav_underline .nav_underline {left: 432px; width:90px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(3).ov ~ .wrap_nav_underline .nav_underline {left: 432px !important; width:90px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(4).is-current ~ .wrap_nav_underline .nav_underline {left: 524px; width:90px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(4).ov ~ .wrap_nav_underline .nav_underline {left: 524px !important; width:90px !important; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(5).is-current ~ .wrap_nav_underline .nav_underline {left: 617px; width:90px; opacity: 1;}
#nav.area__gnbmovingbar > ul > li:nth-child(5).ov ~ .wrap_nav_underline .nav_underline {left: 617px !important; width:90px !important; opacity: 1;} */
#nav.area__gnbmovingbar > ul > li.active > a,
#nav.area__gnbmovingbar > ul > li.ov > a,
#nav.area__gnbmovingbar > ul > li:hover > a {border-bottom:0;}
/* 탭 밑줄 이동 : 회원가입, 영화관 상세, 마이페이지 멤버십 */
.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 490px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 490px;}
/* 탭 밑줄 이동 : 상영시간 - 영화관 선택 */
.article_cinema.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 61px; left:50%; margin-left: -175.5px; width: 351px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.article_cinema.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 175.5px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.article_cinema.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.article_cinema.area__movingbar.litype2 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 175.5px;}
/* 탭 밑줄 이동 : 로그인 */
.area__movingbar.litype3 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype3 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 326.667px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype3 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype3 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 326px;}
.area__movingbar.litype3 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 654px;}
/* 탭 밑줄 이동 : 예매 - 할인안내 */
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 245px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(1).ov ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(2).ov ~ .wrap_nav_underline .nav_underline {left: 245px;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(3).ov ~ .wrap_nav_underline .nav_underline {left: 490px;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(4).ov ~ .wrap_nav_underline .nav_underline {left: 735px;}
/* 탭 밑줄 이동 : 스토어 */
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 245px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 245px;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 490px;}
.area__movingbar.litype4 .tab_wrap_lnk.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 735px;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 196px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 196px;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 392px;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 588px;}
.area__movingbar.litype5 .tab_wrap_lnk.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 784px;}
/* 탭 밑줄 이동 : 공지사항 */
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 196px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 196px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 392px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 588px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 784px;}
/* 탭 밑줄 이동 : 지난이벤트 */
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 196px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 196px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 392px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 588px;}
.area__movingbar.litype5 .tab_wrap.outer.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 784px;}
/* 탭 밑줄 이동 : 상영시간 */
.wrap_reserve .section_step_con .article.article_time.area__movingbar.litype6 > .inner .tab_wrap.outer {width:500px}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -250px; width: 500px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 83.3333px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 83px;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 166px;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 249px;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 332px;}
.article_time.area__movingbar.litype6 .tab_wrap.outer.actionmovingbar > li:nth-child(6).active ~ .wrap_nav_underline .nav_underline {left: 415px;}
/* 탭 밑줄 이동 : 영화관별 상영시간표 */
.wrap_reserve .section_step_con .article.article_time.area__movingbar.litype6_time > .inner .tab_wrap.outer {width:851px}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -425.5px; width: 851px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 16.6667%; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 16.6667%;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 33.3334%;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 50.0001%;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 66.6668%;}
.article_time.area__movingbar.litype6_time .tab_wrap.outer.actionmovingbar > li:nth-child(6).active ~ .wrap_nav_underline .nav_underline {left: 83.3335%;}
/* 탭 밑줄 이동 : 마이페이지 */
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -490px; width: 980px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 122.5px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(1).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(2).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 122.5px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(3).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 245px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(4).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 367.5px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(5).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 490px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(6).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(6).active ~ .wrap_nav_underline .nav_underline {left: 612.5px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(7).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(7).active ~ .wrap_nav_underline .nav_underline {left: 735px;}
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(8).ov ~ .wrap_nav_underline .nav_underline,
.area__movingbar.litype8 .tab_wrap_lnk.actionmovingbar > li:nth-child(8).active ~ .wrap_nav_underline .nav_underline {left: 857.5px;}
/* 탭 밑줄 이동 : 영화별 상영시간표 */
.wrap_reserve .section_step_con .article.article_time.area__movingbar.litype8 > .inner .tab_wrap.outer {width:851px}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -425.5px; width: 851px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 12.5%; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 12.5%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 25%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 37.5%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(5).active ~ .wrap_nav_underline .nav_underline {left: 50%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(6).active ~ .wrap_nav_underline .nav_underline {left: 62.5%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(7).active ~ .wrap_nav_underline .nav_underline {left: 75%;}
.article_time.area__movingbar.litype8 .tab_wrap.outer.actionmovingbar > li:nth-child(8).active ~ .wrap_nav_underline .nav_underline {left: 87.5%;}
#reserveCateMovie .tab_wrap.outer.sml > li > .tab_tit {padding: 0}

/* 탭 메뉴 Update 2023.7 */
.area__movingbar .tab_wrap.outer > li.active > .tab_tit {border-bottom: 0}
.area__movingbar .tab_wrap.outer.actionmovingbar .nav_underline {z-index: 3;}
/* 팝업 : 결제대행서비스 약관보기 */
.layer_contents .area__movingbar {position: relative;}
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar .wrap_nav_underline {position: absolute; top: 50px; left:50%; margin-left: -400px; width: 800px; height:2px; margin-top: -2px; border: 0px solid #f00;}
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar .nav_underline {position: absolute; left: 0; bottom: 0; width: 200px; height: 2px; background: #111; transition: all .3s ease-in-out;} 
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar > li:nth-child(1).active ~ .wrap_nav_underline .nav_underline {left: 0;}
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar > li:nth-child(2).active ~ .wrap_nav_underline .nav_underline {left: 200px;}
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar > li:nth-child(3).active ~ .wrap_nav_underline .nav_underline {left: 400px;}
.layer_contents .area__movingbar.litype4 .tab_wrap.outer.actionmovingbar > li:nth-child(4).active ~ .wrap_nav_underline .nav_underline {left: 600px;}
/* 주문결제 내 네이버페이 노출변경 */
.group_payment .bx_cate .list_pay_item li button.cate7 { background-image: url("../../Content/images/payment/payment_simple_npay1.png"); background-position: center 23px; }
/* KB 페이 결제 수단 추가 */
.group_payment .bx_cate .list_pay_item li button.cate8 { background-image: url("../../Content/images/payment/payment_simple_kbpay1.svg"); background-position: center 24px; }
/* 토스 결제 수단 추가 */
.group_payment .bx_cate .list_pay_item li button.cate9 { background-image: url("../../Content/images/payment/payment_simple_toss.svg"); background-position: center 22px; }