@charset "UTF-8";
.section { margin-bottom: 20px; background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px; }

.section.mt { margin-top: 24px; }

.section.mr { margin-right: 24px; }

.section.mt_b { margin-top: 80px; }

.section .title { position: relative; padding: 0 26px; width: 100%; height: 78px; line-height: 76px; font-size: 20px; font-weight: 700; border-bottom: 2px solid #EEEEEE; }

.section .title .bold { font-weight: 700; }

.section .title .moreBtn { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; }

.section .title .writeBtn { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 115px; height: 44px; line-height: 42px; text-align: center; font-size: 16px; font-weight: 700; color: #FF3F7F; border: 1px solid #FF3F7F; border-radius: 4px; }

.section .title .date { position: absolute; right: 36px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; font-weight: 400; }

.section .title h3 .campaign { margin-left: 34px; font-weight: 400; }

.section .editor { height: 750px; }

.list_style { padding: 0 20px 20px 20px; text-align: left; }

.list_style table { width: 100%; }

.list_style thead th { padding: 30px 15px; font-weight: 500; }

.list_style tbody tr td { padding: 22px 15px; }

.list_style tbody tr td.btn_cell { padding: 15px 15px; }

.list_style tbody tr:nth-of-type(2n-1) td { background-color: #F7F7F7; }

.list_style tbody tr td .reportBtn { display: block; width: 88px; height: 32px; line-height: 30px; font-size: 16px; color: #FF3F7F; text-align: center; background-color: #fff; border: 1px solid #FF3F7F; border-radius: 4px; }

.list_style tbody tr.focus td { background-color: #FFEBEB; }

.list_style thead tr th.pl-50 { padding-left: 50px; }

.list_style tbody tr td.pl-50 { padding-left: 50px; }

.list_style thead tr th.pl-b { padding-left: 100px; }

.list_style tbody tr td.pl-b { padding-left: 100px; }

.list_style tbody tr td .point { display: inline-block; width: 50px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: 700; color: #fff; background-color: #3C39AF; border-radius: 4px; }

.list_style tbody tr.new td { background-color: rgba(255, 63, 63, 0.1); }

.list_style .downBtn { position: relative; width: 120px; height: 44px; line-height: 42px; color: #FF3F7F; text-align: center; background-color: #fff; border: 1px solid #FF3F7F; border-radius: 4px; }

.list_style .downBtn::before { content: ""; display: inline-block; margin-right: 5px; width: 19px; height: 19px; background: url("../img/icon/ico_download.png") no-repeat center center; background-size: 19px auto; vertical-align: middle; }

.list_style .downBtn2 { width: 142px; height: 44px; line-height: 42px; color: #FF3F7F; text-align: center; background-color: #fff; border: 1px solid #FF3F7F; border-radius: 4px; }

.list_style .previewBtn { width: 120px; height: 44px; line-height: 42px; color: #FF3F7F; text-align: center; background-color: #fff; border: 1px solid #FF3F7F; border-radius: 4px; }

.list_style.fullsize { padding: 0; }

.list_style .btn { padding: 0 10px; min-width: 80px; height: 32px; line-height: 30px; font-size: 14px; background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px; }

.list_style .btn.disabled { color: #9A9A9A; background-color: #F7F7F7; }

.list_style .delBtn { position: relative; padding-left: 25px; width: 90px; font-size: 16px; font-weight: 500; color: #9A9A9A; }

.list_style .delBtn::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url("../img/icon/ico_del.png") no-repeat center center; background-size: 100% auto; }

.list_style .brandImg { margin: 0 auto; width: 56px; }

.list_style .productImg { margin: 0 auto; width: 74px; }

.list_style .modBtn { margin-right: 10px; width: 71px; height: 38px; line-height: 36px; text-align: center; font-size: 16px; color: #FF3F7F; border: 1px solid #FF3F7F; border-radius: 4px; background-color: #fff; }

.list_style .deleteBtn { width: 71px; height: 38px; line-height: 36px; text-align: center; font-size: 16px; color: #9A9A9A; border: 1px solid #9A9A9A; border-radius: 4px; background-color: #fff; }

.list_style2 { padding: 20px; }

.list_style2.p-0 { padding: 0; }

.list_style2 table { overflow: hidden; width: 100%; border-radius: 4px; }

.list_style2 table thead th { padding: 15px 25px; font-size: 16px; font-weight: 500; background-color: #F8F8F8; border-bottom: 1px solid #EEEEEE; }

.list_style2 table tbody td { padding: 18px 25px; font-size: 20px; border-bottom: 2px solid #EEEEEE; }

.list_style3 { padding: 20px; border: 1px solid #707070; }

.list_style3.p-0 { padding: 0; }

.list_style3 table { overflow: hidden; width: 100%; border-radius: 4px; }

.list_style3 table thead th { padding: 15px 25px; font-size: 16px; font-weight: 500; background-color: #fff; border-bottom: 2px solid #EEEEEE; }

.list_style3 table tbody td { padding: 20px 25px; font-size: 16px; background-color: #F7F7F7; border-bottom: 1px solid #EEEEEE; }

.list_style3 tbody tr:nth-of-type(2n) td { background-color: #fff; }

.check_cell { padding: 30px 12px; }

.check_cell label { display: block; width: 16px; height: 16px; background: #fff url("../img/icon/ico_check_off.png") no-repeat center center; background-size: 16px auto; }

.check_cell input:checked + label { background-image: url("../img/icon/ico_check_on.png"); }

.check_cell2 { padding: 30px 12px; }

.check_cell2 label { display: inline-block; width: 18px; height: 18px; background: #fff url("../img/icon/ico_check2_off.png") no-repeat center center; background-size: 18px auto; }

.check_cell2 input:checked + label { background-image: url("../img/icon/ico_check2_on.png"); }

.check_cell2 span { margin-left: 20px; vertical-align: 2px; }

.tableBox { width: 100%; }

.tableBox table thead { display: table; width: calc(100% - 8px); }

.tableBox table tbody { overflow: hidden auto; display: block; width: 100%; height: 300px; }

.tableBox table tr { display: table; width: 100%; }

.style_04 table tbody { height: 350px; }

.tableBox.style_01 thead th:nth-of-type(1), .tableBox.style_01 tbody td:nth-of-type(1) { width: 18%; }

.tableBox.style_01 thead th:nth-of-type(2), .tableBox.style_01 tbody td:nth-of-type(2) { width: 18%; }

.tableBox.style_01 thead th:nth-of-type(3), .tableBox.style_01 tbody td:nth-of-type(3) { width: 44%; }

.tableBox.style_01 thead th:nth-of-type(4), .tableBox.style_01 tbody td:nth-of-type(4) { width: 10%; }

.tableBox.style_01 thead th:nth-of-type(5), .tableBox.style_01 tbody td:nth-of-type(5) { width: 10%; }

.tableBox.style_02 thead th:nth-of-type(1), .tableBox.style_02 tbody td:nth-of-type(1) { width: 20%; }

.tableBox.style_02 thead th:nth-of-type(2), .tableBox.style_02 tbody td:nth-of-type(2) { width: 80%; }

.tableBox.style_03 table tbody { height: 600px; }

.tableBox.style_03 thead th:nth-of-type(1), .tableBox.style_03 tbody td:nth-of-type(1) { width: 90px; }

.tableBox.style_03 thead th:nth-of-type(2), .tableBox.style_03 tbody td:nth-of-type(2) { width: calc(47% - 90px); }

.tableBox.style_03 thead th:nth-of-type(3), .tableBox.style_03 tbody td:nth-of-type(3) { width: 10%; }

.tableBox.style_03 thead th:nth-of-type(4), .tableBox.style_03 tbody td:nth-of-type(4) { width: 15%; }

.tableBox.style_03 thead th:nth-of-type(5), .tableBox.style_03 tbody td:nth-of-type(5) { width: 10%; }

.tableBox.style_03 thead th:nth-of-type(6), .tableBox.style_03 tbody td:nth-of-type(6) { width: 15%; }

.list_btn_con { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; }

.list_btn_con .util { font-size: 0; }

.list_btn_con .util .point { display: inline-block; margin-right: 35px; font-size: 16px; color: #FF3F7F; }

.list_btn_con .util button { display: inline-block; margin-right: 30px; height: 48px; line-height: 48px; font-size: 16px; font-weight: 500; border-radius: 4px; background-color: #fff; vertical-align: middle; }

.list_btn_con .util button.sm { margin-right: 12px; }

.list_btn_con .util button:last-of-type { margin-right: 0; }

.list_btn_con .util .btn_01 { width: 157px; line-height: 46px; color: #FF3F7F; border: 1px solid #FF3F7F; }

.list_btn_con .util .btn_02 { width: 120px; border: 1px solid #D5D5D5; }

.list_btn_con .util .btn_03 { width: 157px; color: #fff; background-color: #FF3F7F; }

.list_btn_con .util .btn_04 { width: 157px; color: #fff; background-color: #bbb; }

.list_btn_con .util .btn_05 { width: 193px; color: #fff; background-color: #FF3F7F; }

.list_btn_con .util .btn_06 { width: 157px; color: #fff; background-color: #3C39AF; }

.list_btn_con .util .btn_06::before { content: ""; display: inline-block; margin-right: 5px; width: 20px; height: 20px; background: url("../img/icon/ico_download_w.png") no-repeat center center; background-size: 100% auto; vertical-align: middle; }

.list_btn_con .paging { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 16px; border-radius: 4px; }

.list_btn_con .paging .num { display: -webkit-box; display: -ms-flexbox; display: flex; }

.list_btn_con .paging a { display: block; text-align: center; width: 32px; height: 32px; font-size: 12px; line-height: 32px; background-color: #fff; }

.list_btn_con .paging p a { width: 62px; font-size: 14px; border: 1px solid #E8E8E8; }

.list_btn_con .paging a.on { color: #fff; background-color: #9A9A9A; }

.list_btn_con .selectBox input { height: 48px; height: 48px; font-size: 16px; }

.list_btn_con .selectBox .selectList li a { height: 48px; line-height: 48px; }

.list_btn_con .checkBox .label label:first-of-type { margin-right: 44px; }

.list_btn_con .checkBox .label label::before { width: 18px; height: 18px; background-size: 100% auto; }

.campaign_btn { margin-bottom: 25px; }

.campaign_btn button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; padding: 0 12px; height: 48px; line-height: 1.2; font-size: 16px; background-color: #fff; border: 1px solid #EEEEEE; border-radius: 4px; }

.campaign_btn button:last-of-type { margin-right: 0; }

.search_con { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; }

.search_con .filterBtn { display: block; margin-right: 10px; position: relative; width: 117px; height: 48px; line-height: 44px; text-align: center; font-size: 16px; font-weight: 500; border: 1px solid #E2E2E2; border-radius: 4px; background-color: #fff; }

.search_con .filterBtn::before { content: ""; position: absolute; left: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url("../img/icon/ico_filter_off.png") no-repeat center center; background-size: 24px auto; }

.search_con .filterBtn::after { content: ""; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url("../img/icon/ico_navi_down_01.png") no-repeat center center; background-size: 24px auto; }

.search_con .filterBtn.active { color: #3C39AF; border-color: #3C39AF; }

.search_con .filterBtn.active::before { background-image: url("../img/icon/ico_filter_on.png"); }

.search_con .filterBtn.active::after { background-image: url(../img/icon/ico_navi_up_01.png); }

.search_con .searchFieid { position: relative; }

.search_con .searchFieid input { padding: 0 60px 0 20px; width: 360px; height: 48px; font-size: 16px; border-radius: 24px; }

.search_con .searchFieid button { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.search_con + .util { margin-left: 18px; }

.banner_con { overflow: hidden; margin-bottom: 20px; position: relative; background-color: #fff; }

.banner_con::before { content: ""; display: block; padding-top: 10.29%; width: 100%; }

.banner_con img { position: absolute; left: 0; top: 0; width: 100%; }

.banner_con .writeBtn { position: absolute; padding-left: 28px; right: 24px; top: 12px; font-size: 16px; }

.banner_con .writeBtn::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url("../img/icon/ico_write.png") no-repeat center center; background-size: 24px auto; }

.filter_con { display: none; position: relative; margin-bottom: 25px; padding: 20px 20px 35px 20px; background-color: #fff; border-radius: 4px; }

.filter_con .cancelBtn { position: absolute; right: 40px; bottom: 35px; width: 136px; height: 44px; line-height: 42px; font-size: 16px; text-align: center; font-weight: 700; color: #FF3F7F; border: 1px solid #FF3F7F; border-radius: 4px; }

.filter_kind { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.filter_kind:last-of-type { margin-bottom: 0; }

.filter_kind dt { width: 110px; }

.filter_kind dd { width: calc(100% - 110px); }

.filter_list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -12px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.filter_list.sm { width: 70%; }

.filter_list.cnt_08 li { width: calc(100% / 8); }

.filter_list li { margin-bottom: 12px; }

.filter_list li label { position: relative; padding-left: 21px; }

.filter_list li label::before { content: ""; position: absolute; left: 0; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; background: #fff url("../img/icon/ico_check_off.png") no-repeat center center; background-size: 16px auto; }

.filter_list li input:checked + ::before { background-image: url("../img/icon/ico_check_on.png"); }

.date_kind { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.date_kind dt { margin-right: 50px; }

.date_kind dd input { width: 220px; height: 33px; font-size: 14px; }

.date_kind dd .datepicker .datepickerBtn { right: 11px; width: 17px; height: 17px; }

.select_con { margin-top: 30px; }

.select_kind { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 100px; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.select_kind dt { margin-right: 50px; }

.select_kind dd input { width: 220px; height: 42px; font-size: 16px; }

.select_kind dd .selectBox .selectList li a { height: 45px; line-height: 45px; }

.product_upload { padding: 25px; background-color: #F7F7F7; }

.product_upload .selectBox { width: 611px; }

.product_upload label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.product_upload label span { display: block; padding: 0 20px; width: 611px; height: 56px; line-height: 54px; border: 1px solid #E2E2E2; border-radius: 4px; }

.product_upload label a { display: block; margin-left: 15px; width: calc(100% - 626px); height: 56px; text-align: center; font-size: 18px; color: #FF3F7F; font-weight: 700; line-height: 54px; border: 1px solid #FF3F7F; border-radius: 4px; background-color: rgba(255, 63, 127, 0.05); }

.product_upload label input { margin-left: 15px; width: 160px; font-size: 16px; }

.popup_con { display: none; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); }

.popup_con .inner { overflow: hidden auto; position: absolute; left: 200%; top: 0; width: 874px; height: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background-color: #fff; }

.popup_con .inner .title { position: relative; }

.popup_con .inner .title h3 { padding-left: 40px; width: 100%; height: 77px; line-height: 76px; font-size: 28px; font-weight: 700; border-bottom: 1px solid #E2E2E2; }

.popup_con .inner .title .closeBtn { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.popup_con .inner .content { position: relative; padding: 40px 48px 100px 48px; min-height: calc(100% - 77px); }

.popup_con .inner .content .btnWrap { position: absolute; left: 50%; bottom: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.popup_con .inner .comfirm { font-size: 20px; color: #FF3F7F; font-weight: 500; }

.popup_con .inner .channelBtn { position: relative; margin-bottom: 40px; padding-left: 37px; font-size: 24px; color: #FF3F7F; font-weight: 500; }

.popup_con .inner .channelBtn::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 28px; height: 28px; background: url("../img/icon/ico_plus.png") no-repeat center center; background-size: contain; background-size: 28px auto; }

.layerPop { display: none; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); }

.layerPop .inner { overflow: hidden auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 60px 0; width: 700px; max-height: 800px; background-color: #fff; }

.layerPop .inner .closeBtn { position: absolute; top: 12px; right: 12px; }

.layerPop .txtCon { text-align: center; }

.layerPop .txtCon p.bold { margin-bottom: 60px; font-size: 20px; font-weight: 700; }

.layerPop .txtCon p.large { margin-bottom: 40px; font-size: 24px; }

.layerPop .notice_alert::before { content: ''; display: block; margin: 50px auto 20px; width: 41px; height: 36px; background: url("../img/icon/ico_notice_alert.png") no-repeat center/cover; }

.view_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

.view_con.mt-m { margin-top: 24px; }

.view_con .section { width: 100%; }

.view_con .view_detail { padding: 20px 28px; width: 100%; }

.view_con .view_detail.min { min-height: 730px; }

.view_con .view_detail.sec_03 { margin-right: 20px; padding: 0; }

.view_con .view_detail.sec_03:last-of-type { margin-right: 0; }

.view_con .view_detail .txt { font-size: 20px; }

.view_con .view_detail .txt.point { color: #FF3F7F; }

.view_con .view_detail dl { margin-bottom: 20px; }

.view_con .view_detail dl.mb-m { margin-bottom: 50px; }

.view_con .view_detail dl.mb-b { margin-bottom: 100px; }

.view_con .view_detail dl dt { margin-bottom: 13px; font-size: 16px; font-weight: 500; }

.view_con .view_detail dl dd { margin-bottom: 5px; }

.view_con .view_detail dl dd:last-of-type { margin-bottom: 0; }

.view_con .view_detail dl dd span { font-size: 20px; }

.view_con .view_detail dl dd span.bold { font-weight: 700; }

.view_con .view_detail dl dd span .link { color: #3C39AF; }

.view_con .view_detail dl dd span.point { font-weight: 700; color: #FF3F7F; }

.view_con .view_detail dl dd div { margin-top: 8px; font-size: 18px; }

.view_con .view_detail .noList { padding-bottom: 100px; font-size: 20px; }

.view_con .view_detail.img_pb { padding-bottom: 60px; }

.view_con .view_detail .brand_user dt { font-size: 20px; font-weight: 400; }

.view_con .view_detail .brand_user dd { margin-bottom: 15px; }

.view_con .view_detail .img_con { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.view_con .view_detail .img_con.jc-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 80px; }

.view_con .view_detail .img_con:last-of-type { margin-bottom: 0; }

.view_con .view_detail .img_con p { width: 200px; font-size: 20px; }

.view_con .view_detail .img_con button { width: 115px; height: 44px; line-height: 42px; text-align: center; font-size: 16px; font-weight: 700; color: #FF3F7F; border: 1px solid #FF3F7F; border-radius: 4px; }

.view_con .view_detail .img_con .mr { margin-right: 27px; }

.view_con .view_detail .registration { position: relative; width: 100%; }

.view_con .view_detail .registration::before { content: ""; display: block; padding-top: 140.49%; width: 100%; }

.view_con .view_detail .registration img { position: absolute; left: 0; top: 0; }

.view_con .view_detail .product { margin-bottom: 40px; }

.view_con .view_detail .product p { font-size: 18px; }

.view_con .view_detail .product span { display: block; font-size: 18px; }

.view_con .left_con { margin-right: 1.39%; width: 61.93%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.view_con .left_con .section { height: 100%; }

.view_con .left_con .section .view_detail { overflow: hidden auto; padding: 40px 50px 20px; }

.view_con .right_con { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 36.68%; }

.view_con .right_con .section { margin-bottom: 25px; }

.view_con .right_con .section:last-of-type { margin-bottom: 0; }

.txt_detail { overflow: hidden auto; padding: 20px 25px; height: 180px; }

.txt_detail.min { min-height: 730px; }

.txt_detail.h240 { height: 240px; }

.txt_detail.h300 { height: 300px; }

.txt_detail.h800 { height: 800px; }

.txt_detail p { font-size: 20px; line-height: 1.45; }

.txt_detail p.pre { white-space: pre-line; }

.txt_detail dl { padding: 10px 0; }

.txt_detail dl dt { margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 1.5; }

.txt_detail dl dd { font-size: 18px; font-weight: 500; }

.txt_detail2 { padding: 20px 25px; }

.txt_detail2 .point { font-size: 20px; color: #FF3F7F; }

.version_list { overflow: hidden auto; height: 400px; border: 1px solid #9A9A9A; }

.version_list li { background-color: #fff; }

.version_list li:nth-of-type(2n - 1) { background-color: #F7F7F7; }

.version_list li a { display: block; padding: 0 26px; height: 70px; line-height: 70px; font-size: 20px; }

.version_list li.active { background-color: rgba(255, 63, 127, 0.15); }

.updateList { border: 1px solid #E2E2E2; border-radius: 4px; }

.updateList .row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px 0 16px; height: 56px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #E2E2E2; }

.updateList .row:nth-of-type(2n-1) { background-color: #F9F9F9; }

.updateList .row:last-of-type { border-bottom: none; }

.updateList .row .tag { width: 10%; font-size: 16px; }

.updateList .row .tag.powder { color: #FF3F7F; }

.updateList .row .tag.partner { color: #3C39AF; }

.updateList .row h3 { overflow: hidden; width: calc(77% - 120px); font-size: 20px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

.updateList .row .date { width: 13%; font-size: 16px; }

.updateList .row button { width: 120px; height: 40px; line-height: 38px; background-color: #fff; border: 1px solid #DDDBDA; border-radius: 4px; }

.updateList .row button::before { content: ""; display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url("../img/icon/ico_download_b.png") no-repeat center center; background-size: 16px auto; vertical-align: middle; }

.capture_con { padding: 15px 45px 105px; }

.capture_con h3 { margin-bottom: 40px; font-size: 16px; font-weight: 500; }

.capture_con .imgCon { overflow: hidden; display: inline-block; position: relative; margin-right: 45px; width: 365px; border-radius: 4px; }

.capture_con .imgCon::before { content: ""; display: block; padding-top: 109.58%; width: 100%; }

.capture_con .imgCon img { position: absolute; left: 0; top: 0; }

.graph_con { padding: 20px; }

.graph_con h4 { margin-bottom: 20px; padding-left: 24px; width: 100%; height: 53px; font-size: 20px; font-weight: 500; line-height: 53px; background-color: #F8F8F8; border-radius: 4px; }

.graph_con .graph_box { height: 380px; }

.tab_list { position: relative; }

.tab_list::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #E2E2E2; }

.tab_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab_list ul li { margin: 0 40px; }

.tab_list ul.style2 li { margin: 0 20px; }

.tab_list ul li a { display: block; padding: 0 12px 15px; font-size: 20px; }

.tab_list ul li.active a { position: relative; font-weight: 700; }

.tab_list ul li.active a::after { z-index: 10; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #FF3F7F; }

.tab_list2 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.tab_list2 li { position: relative; margin-left: -1px; width: 104px; height: 54px; line-height: 52px; text-align: center; font-size: 20px; border: 1px solid #E2E2E2; cursor: pointer; }

.tab_list2 li.active { z-index: 1; border-color: #ff3f7f; color: #ff3f7f; }

.tab_list2 li:first-of-type { border-radius: 4px 0 0 4px; }

.tab_list2 li:last-of-type { border-radius: 0 4px 4px 0; }

.his_table { width: 100%; text-align: left; }

.his_table th { padding: 10px 20px; color: #9A9A9A; border-bottom: 1px solid #EEEEEE; }

.his_table td { padding: 15px 20px; color: #9A9A9A; border-bottom: 1px solid #EEEEEE; }

.his_table td a { color: #FF3F7F; }

.history_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.history_list ul li { position: relative; padding-left: 25px; font-size: 20px; }

.history_list ul li.active, .history_list ul li.on { color: #FF3F7F; }

.history_list ul li::before { content: ""; position: absolute; left: 0; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background: url("../img/icon/ico_histroy_off.png") no-repeat center center; background-size: 100% auto; }

.history_list ul li.active::before { background-image: url("../img/icon/ico_histroy_on.png"); }

.history_list ul li.on::before { background-image: url("../img/icon/ico_histroy_on2.png"); }

.history_list ul li::after { content: ""; display: inline-block; margin: 0 12px; width: 94px; border-bottom: 1px dashed #BBBBBB; vertical-align: middle; }

.history_list ul li:last-of-type:after { display: none; }

.history_list p { margin-top: 10px; font-size: 16px; color: #9A9A9A; }

.round_tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; background-color: #fff; border-radius: 22px; }

.round_tab ul::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 44px; border: 1px solid #CFCFCF; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.round_tab ul li a { display: block; z-index: 1; position: relative; width: 164px; height: 44px; line-height: 42px; text-align: center; color: #9A9A9A; font-size: 16px; font-weight: 700; border-radius: 22px; }

.round_tab ul li.active a { color: #FF3F7F; border: 1px solid #FF3F7F; }

.movie_con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 130px 40px 150px; }

.movie_con.beauty { padding-bottom: 300px; background: url("../img/content/beauty.png") no-repeat center center; background-size: cover; }

.movie_con .txt_con { width: calc(41.86% - 120px); }

.movie_con .txt_con dl { margin-bottom: 80px; }

.movie_con .txt_con dl dt { margin-bottom: 20px; font-size: 32px; font-weight: 700; }

.movie_con .txt_con dl dd { font-size: 28px; line-height: 1.5; }

.movie_con .txt_con dl dd span { font-weight: 700; }

.movie_con .txt_con .tip { position: relative; padding-top: 40px; }

.movie_con .txt_con .tip::before { content: ""; position: absolute; left: 0; top: 0; width: 45px; height: 31px; background: url("../img/icon/ico_tip.png") no-repeat center center; background-size: 100% auto; }

.movie_con .txt_con .tip p { font-size: 20px; line-height: 1.4; }

.movie_con .img_con { width: 58.14%; }

.notice_view .title h3 { width: calc(100% - 300px); font-size: 24px; }

.notice_view .title h3 .point { display: inline-block; margin-right: 10px; width: 50px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; font-weight: 700; color: #fff; background-color: #3C39AF; border-radius: 4px; vertical-align: middle; }

.notice_view .title .writer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 300px; }

.notice_view .title .writer .profile_logo { display: inline-block; margin-right: 12px; width: 54px; line-height: 1.3; }

.notice_view .title .writer dl { width: calc(100% - 66px); }

.notice_view .title .writer dl dt { margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 1.3; }

.notice_view .title .writer dl dd { font-size: 16px; font-weight: 300; line-height: 1.3; }

.notice_view .title .writer dl dd .time { margin: 0 10px 0 5px; }

.editor_detail { overflow: hidden auto; height: 760px; }

.accountBrand_add .search_con .searchFieid { width: 100%; }

.accountBrand_add .search_con .searchFieid input { width: 100%; }

.accountBrand_add .searchInfo { padding: 22px 0; background-color: #F7F7F7; }

.accountBrand_add .searchInfo .infoTxt { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 40px; }

.accountBrand_add .searchInfo .infoTxt .idNum { width: 155px; }

.accountBrand_add .searchInfo .infoTxt .companyName { width: 350px; font-weight: 700; }

.accountBrand_add .searchInfo .infoTxt .companyType { width: 190px; }

.accountBrand_add .comfirmTxt { margin-top: 12px; font-size: 18px; color: #FF3F7F; }

.todo_con .column .txt_con:first-of-type { width: 75%; }

.todo_con .column .txt_con:last-of-type { width: 25%; }

.todoPop { z-index: 150; display: none; position: absolute; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); padding: 16px 22px; width: 484px; background-color: #fff; border: 1px solid #CFCFCF; border-radius: 4px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.todoPop .tit { margin-bottom: 14px; font-size: 18px; font-weight: 700; }

.todoPop .txt { margin-bottom: 11px; font-size: 20px; }

.todoPop .campaign { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 14px; }

.todoPop .campaign dt { margin-right: 8px; font-size: 16px; font-weight: 700; }

.todoPop .campaign dd { font-size: 16px; }

.todoPop .date { font-size: 16px; font-weight: 700; color: #FF3F7F; }

.todoPop .closeBtn { position: absolute; right: 16px; top: 11px; width: 24px; }

.leave_con { position: relative; padding-top: 98px; height: 580px; text-align: center; background-color: #fff; border: 1px solid #E2E2E2; border-radius: 4px; }

.leave_con h3 { margin-bottom: 95px; font-size: 28px; font-weight: 700; }

.leave_con p { margin-bottom: 58px; font-size: 18px; font-weight: 700; }

.leave_con p span { display: inline-block; position: relative; padding-left: 40px; text-align: left; }

.leave_con p span::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("../img/icon/ico_checked.png") no-repeat center center; background-size: 100% auto; }

.leave_con p strong { display: block; margin-top: 8px; width: 100%; font-size: 16px; font-weight: 400; }

.leave_con button { position: absolute; left: 50%; bottom: 87px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 157px; height: 48px; line-height: 48px; font-size: 16px; font-weight: 500; border-radius: 4px; color: #fff; background-color: #FF3F7F; }

.leave_form { padding: 30px 40px 90px; background-color: #fff; border: 1px solid #E2E2E2; border-radius: 4px; }

.leave_form .tit { margin-bottom: 100px; }

.leave_form .tit dt { margin-bottom: 9px; font-size: 28px; font-weight: 700; }

.leave_form .tit dd { font-size: 16px; }

.leave_form .guideTxt { margin: 0 auto 150px; width: 730px; }

.leave_form .guideTxt p { display: inline-block; position: relative; margin-bottom: 20px; padding-left: 40px; font-size: 18px; font-weight: 700; text-align: left; }

.leave_form .guideTxt p::before { content: ""; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("../img/icon/ico_checked.png") no-repeat center center; background-size: 100% auto; }

.leave_form .guideTxt p:last-of-type { margin-bottom: 0; }

.leave_form .chkFrm { text-align: center; }

.leave_form .chkFrm > p { margin-bottom: 25px; font-size: 20px; }

.leave_form .chkFrm > .point { margin-bottom: 30px; font-size: 18px; font-weight: 700; color: #FF3F7F; }

.leave_form .chkFrm .radioBox { margin: 0 auto 40px; width: 400px; }

.leave_form .chkFrm .selectBox { margin: 0 auto 66px; width: 400px; text-align: left; }

.leave_form .chkFrm .checkField { margin: 0 auto; width: 450px; text-align: left; }

.leave_form .chkFrm .checkField .checkInner { margin-bottom: 10px; }

.leave_form .chkFrm .checkField .checkInner a { text-decoration: underline; }

.leave_form .chkFrm .checkField .btnWrap { margin-top: 30px; }

.banner .field { padding-left: 70px; }

.banner .field .radioBox { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.banner .field .radioBox .label { width: 25%; }

.guide_link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; padding: 20px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F7F7F7; }

.guide_link a { display: block; width: 200px; height: 58px; line-height: 58px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; background-color: #3C39AF; border-radius: 4px; }

.guide_link p { margin-left: 50px; font-size: 22px; }

.guide_link p span { font-weight: 700; }

.guide_file { margin-bottom: 90px; text-align: center; color: #FF3F7F; }

.guide_file p { font-size: 24px; }

.guide_file span { font-size: 19px; }

.bestReviewer { padding-top: 48px; border-top: 1px solid #E2E2E2; }

.bestReviewer h3 { margin-bottom: 40px; font-size: 28px; font-weight: 700; }

.number_con { display: inline-block; position: relative; }

.number_con input { padding-right: 30px; width: 150px; }

.number_con .countBtn { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 56px; }

.number_con .countBtn button { position: absolute; right: 0; line-height: 1; font-size: 0; }

.number_con .countBtn button.upBtn { top: 19px; }

.number_con .countBtn button.downBtn { bottom: 19px; }

.rightTxt { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 11px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.rightTxt p { margin-right: 22px; font-size: 22px; }

.rightTxt .downBtn { position: relative; width: 120px; height: 40px; line-height: 38px; text-align: center; background-color: #fff; border: 1px solid #DDDBDA; border-radius: 4px; }

.rightTxt .downBtn::before { content: ""; display: inline-block; margin-right: 5px; width: 19px; height: 19px; background: url("../img/icon/ico_download_b.png") no-repeat center center; background-size: 19px auto; vertical-align: middle; }

.optionList { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 14px; padding: 0 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; border: 1px solid #E2E2E2; border-radius: 4px; }

.optionList p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; padding: 0 13px; height: 40px; line-height: 40px; font-size: 20px; color: #3C39AF; background-color: rgba(60, 57, 175, 0.1); }

.optionList p:last-of-type { margin-right: 0; }

.optionList button { margin-left: 15px; font-size: 0; line-height: 1; }

.imgColumn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; padding-right: 140px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.imgColumn .right { overflow: hidden; display: inline-block; width: 202px; height: 202px; border: 1px solid #9A9A9A; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.scrhList { overflow: hidden auto; margin-top: 16px; padding: 10px 0; width: 100%; height: 300px; border: 1px solid #E2E2E2; border-radius: 4px; }

.scrhList.mb-5 { margin-bottom: 50px; }

.scrhList a { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 30px; font-size: 20px; }

.scrhList a:hover { background-color: #F7F7F7; }

.scrhList .checkBox { padding: 0 36px; }

.brandTxt { margin: 9px 0 45px; font-size: 18px; color: #9A9A9A; }

.optionList.tabCon { overflow: hidden auto; padding: 28px 28px 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: auto; max-height: 250px; border: 1px solid #E2E2E2; border-radius: 4px; }

.optionList.tabCon p { margin-bottom: 12px; }

.noScrh { margin: 50px 0 100px; position: relative; padding: 0 200px 0 50px; }

.noScrh::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url("../img/icon/ico_question.png") no-repeat center center; }

.noScrh h4 { margin-bottom: 10px; font-size: 20px; font-weight: 700; }

.noScrh p { font-size: 18px; color: #707070; }

.noScrh a { position: absolute; right: 0; top: 0; width: 170px; height: 50px; line-height: 48px; text-align: center; font-size: 18px; color: #FF3F7F; border: 1px solid #FF3F7F; border-radius: 4px; }

.txtList { margin-bottom: 50px; }

.txtList dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; }

.txtList dl:last-of-type { margin-bottom: 0; }

.txtList dl dt { width: 150px; font-size: 24px; font-weight: 700; }

.txtList dl dd { width: clc(50px); font-size: 24px; }

@media all and (max-width: 900px) { .popup_con { overflow: auto hidden; }
	.popup_con .inner { position: relative; left: 0 !important; top: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }

/* 2021.11.04 변경 */
.fileImg .fileBox { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; }

.fileImg .fileBox .imgCon { overflow: hidden; position: relative; width: 30%; max-height: 230px; text-align: center; }

.fileImg .fileBox .imgCon > img { width: 150px; }

.fileImg .fileBox .imgCon .delBtn { position: absolute; right: 0; top: -4px; width: 28px; border-radius: 50%; }

.fileImg .fileBox .txtCon { padding-top: 40px; width: 80%; text-align: center; }

.layerPop .guideCon { padding: 0 50px; line-height: 1.6; }

/* // 2021.11.04 변경 */

/* 2021.12.27 추가 */
.highlight input{border-color: #FF3F7F; box-shadow: 0px 5px 10px 0px rgba(255, 63, 127, 0.2);}
.highlight a{border-color: #FF3F7F; box-shadow: 0px 5px 10px 0px rgba(255, 63, 127, 0.2);}

.txt_style1{display: flex; padding: 20px; justify-content: space-between;}
.txt_style1 .column{margin-right: 30px;}
.txt_style1 .column:last-of-type{margin-right: 0;}
.txt_style1 .column .txt_con{margin-right: 0; width: 100%;}
.txt_style1 .column .txt_con dt{padding: 15px 25px; font-size: 16px; font-weight: 700; background-color: #F8F8F8;}
.txt_style1 .column .txt_con dd{padding: 15px; line-height: 1.5;}

.list_style .circleImg{overflow: hidden; border-radius: 50%;}

.field .check{position: relative; display: inline-block; margin-left: 10px; padding-left: 30px; width: calc(50% - 15px); min-height: 20px;}
.field .check::before{content:""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}
.field .check.pass::before{background: url("../img/icon/ico_checked_g.png") no-repeat center center;}
.field .check.fail{color: #cc0000;}
.field .check.fail::before{background: url("../img/icon/ico_close_red.png") no-repeat center center;}

.column .selectBox.w220{width: 220px;}

.subcate{margin-top: 14px;}
.subcate .optionList{pointer-events: auto; cursor: pointer; background: #fff url("../img/icon/ico_navi_down_01.png") no-repeat right 16px center; background-size: 24px auto;}
.subcate.active .optionList{background-image: url("../img/icon/ico_navi_up_01.png");}

.subcateBox { position: relative; }
.subcateBox.active { z-index: 9; }
.subcateBox .subcateList { display: none; overflow: hidden auto; position: absolute; left: 0; top: calc(100% + 2px); padding: 15px; width: 100%; max-height: 300px; background-color: #fff; border: 1px solid #E2E2E2; border-radius: 4px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.subcateBox .subcateList li { margin-bottom: 15px; }
.subcateBox .subcateList li:last-of-type { margin-bottom: 0; }
.subcateBox .subcateList li label { position: relative; padding-left: 21px; }
.subcateBox .subcateList li label::before { content: ""; position: absolute; left: 0; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; background: #fff url("../img/icon/ico_check_off.png") no-repeat center center; background-size: 16px auto; }
.subcateBox .subcateList li input:checked + ::before { background-image: url("../img/icon/ico_check_on.png"); }

/* // 2021.12.27 추가 */

/* 2021.12.31 추가 */
.product_upload label span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_style .circleImg img{width: 100%; height: 100%;}

.highlight .selectList a{box-shadow: none;}
/* // 2021.12.31 추가 */

/*# sourceMappingURL=maps/style.css.map */
