.popup_back {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); z-index: 999999;}
.popup_back.on {display: block;}

.popup_con {position: fixed; top: 50%; left: 50%; display: none; border-radius: 10px; border: 1px solid #E0E0E0; background: #fff; transform: translate(-50%, -50%); z-index: 9999999;}
.popup_con.on {display: block;}
.popup_con .inner {position: relative; display: none; width: 600px; max-height: 80vh; border-radius: 10px; background: #fff; overflow: auto;}
.popup_con .inner.on {display: block;}
.popup_con .inner > a.btns.btn_x {position: absolute; top: 10px; right: 10px; font-size: 1.3rem; font-weight: 700; color: #D9D9D9;}
.popup_con .inner .tit {display: flex; justify-content: space-between; align-items: center;}
.popup_con .inner .tit h5 {font-size: 20px; font-weight: 700;}
.popup_con .inner .tit .pop_btn_con {display: flex;}
.popup_con .inner .tit .pop_btn_con .btns {display: flex; align-items: center; margin: 0 10px 0 0; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 12px; color: #555;}
.popup_con .inner .tit .pop_btn_con .btns.btn_close {border: 1px solid #E0E0E0; background: #F0F0F0;}
.popup_con .inner .tit .pop_btn_con .btns:last-child {margin: 0;}
.popup_con .inner .tit .pop_btn_con .btns img {margin: 0 4px 0 0;}
.popup_con .inner .btn_con {display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0 0 0;}
.popup_con .inner .btn_con.two_btns {justify-content: space-between;}
.popup_con .inner .btn_con.three_btns {justify-content: space-between;}
.popup_con .inner .btn_con a.btns {width: 100%; padding: 15px 0; text-align: center; font-size: 0.8rem; font-weight: 700; border: 1px solid #E0E0E0; border-radius: 4px; background: #E0E0E0; color: #fff;}
.popup_con .inner .btn_con.two_btns a.btns {width: calc(50% - 5px);}
.popup_con .inner .btn_con.three_btns a.btns {width: calc(100% / 3 - 5px);}
.popup_con .inner .btn_con a.btns.btn_submit {border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}
.popup_con .inner .btn_con a.btns.btn_close {border: 1px solid #999; background: #999;}
.popup_con .inner .btn_con a.btns.btn_go {border: 1px solid #0E1821; background: #fff; color: #0E1821;}
.popup_con .inner .btn_con a.btns.btn_go2 {border: 1px solid #0E1821; background: #0E1821; color: #fff;}
.popup_con .inner .btn_con a.btns.btn_approve {border: 1px solid var(--pt-color-01); background: var(--pt-color-01);}
.popup_con .inner .btn_con a.btns.btn_return {border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}
.popup_con .inner .btn_con a.btns.btn_del_cancle {border: 1px solid #E0E0E0; background: #F0F0F0; color: #999;}
.popup_con .inner .btn_con a.btns.btn_del {border: 1px solid #999; background: #999;}

.popup_con .inner .main_con {padding: 10px;}

.popup_con .inner.basic .main_con .desc_con {display: flex; justify-content: center; align-items: center; padding: 10px 0 0 0; min-height: 180px;}
.popup_con .inner.basic .tit {justify-content: center; padding: 10px; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.basic .tit h5 {font-size: 20px; font-weight: 700; text-align: center;}


.popup_con .inner.main_search .main_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.popup_con .inner.main_search .main_con .search_pop {margin: 10px 0 0 0;}
.popup_con .inner.main_search .main_con .search_pop ul {}
.popup_con .inner.main_search .main_con .search_pop ul li {position: relative; width: 100%; border-radius: 4px; border: 1px solid var(--bg-color-01); background: #fff; margin: 0 0 10px 0;}
.popup_con .inner.main_search .main_con .search_pop ul li a {display: flex; align-items: center; padding: 10px;}
.popup_con .inner.main_search .main_con .search_pop ul li a svg {margin: 0 10px 0 0;}
.popup_con .inner.main_search .main_con .search_pop ul li a span {font-size: 14px; font-weight: 400;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con {width: 100%; display: none; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.20); border-radius: 4px; overflow: hidden;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con.on {display: flex; flex-direction: column;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con .check_list_con {overflow: auto; display: flex; flex-wrap: wrap; background: #fff; padding: 10px; align-content: flex-start; height: 150px;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con .check_list_con label {cursor: pointer; margin: 0 10px 10px 0;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con .check_list_con label input {display: none;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con .check_list_con label span {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px;}
.popup_con .inner.main_search .main_con .search_pop ul li .check_con .check_list_con label input:checked + span {border: 1px solid var(--pt-color-01); background: #EAFEFF; color: var(--pt-color-01);}
.popup_con .inner.main_search .main_con .search_btn_con {display: flex; justify-content: space-between; width: 100%;}
.popup_con .inner.main_search .main_con .search_btn_con .btn_search {display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px; background: #0E1821; width: 100%; border-radius: 4px;}
.popup_con .inner.main_search .main_con .search_btn_con .btn_search img {margin: 0 10px 0 0;}
.popup_con .inner.main_search .main_con .search_btn_con .btn_search span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.35px;}

.popup_con .inner.pd_dibs .desc_con p {font-size: 14px; text-align: center;}

.popup_con .inner.sns_link {width: 250px;}
.popup_con .inner.sns_link .desc_con {flex-direction: column; justify-content: center; align-items: center;}
.popup_con .inner.sns_link .desc_con ul {display: flex; justify-content: space-between; width: 100%;}
.popup_con .inner.sns_link .desc_con ul li {width: calc(25% - 10px);}
.popup_con .inner.sns_link .desc_con ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.popup_con .inner.sns_link .desc_con ul li a img {}
.popup_con .inner.sns_link .desc_con ul li a span {margin: 4px 0 0 0; font-size: 14px; letter-spacing: -0.35px;}
.popup_con .inner.sns_link .desc_con .copy_con {margin: 20px 0 0 0; display: flex; width: 100%;}
.popup_con .inner.sns_link .desc_con .copy_con p.now_url {width: 100%; padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px 0 0 4px; background: #fff; font-size: 14px; color: #555;}
.popup_con .inner.sns_link .desc_con .copy_con a.url_copy {padding: 10px; border-radius: 0 4px 4px 0; background: var(--pt-color-01); font-size: 14px; font-weight: 700; color: #fff;}

.popup_con .inner.report {}
.popup_con .inner.report.basic .main_con .desc_con {padding: 20px 20px 0 20px; min-height: 0; justify-content: flex-start;}
.popup_con .inner.report .desc_con p {font-size: 12px; letter-spacing: -0.3px; color: #555;}
.popup_con .inner.report .input_list {padding: 0 20px; margin: 10px 0 0 0;}
.popup_con .inner.report .input_list ul {}
.popup_con .inner.report .input_list ul li {display: flex; align-items: center; margin: 0 0 10px 0;}
.popup_con .inner.report .input_list ul li h5 {width: calc(20% - 20px); margin: 0 20px 0 0; font-size: 14px; font-weight: 700; color: #555;}
.popup_con .inner.report .input_list ul li .input_con {display: flex; flex-wrap: wrap; width: 80%;}
.popup_con .inner.report .input_list ul li .input_con input[type='text'] {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; color: #555;}
.popup_con .inner.report .input_list ul li .input_con label {display: flex; align-items: center; margin: 0 10px 4px 0;}
.popup_con .inner.report .input_list ul li .input_con label input {display: none;}
.popup_con .inner.report .input_list ul li .input_con label span {position: relative; font-size: 14px; letter-spacing: -0.3px; padding: 0 0 0 18px; color: #555;}
.popup_con .inner.report .input_list ul li .input_con label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 14px; height: 14px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.popup_con .inner.report .input_list ul li .input_con label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.popup_con .inner.report .input_list ul li .input_con textarea {width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; min-height: 100px; font-size: 14px; color: #999;}
.popup_con .inner.report .input_list ul li:first-child p {width: 35%; font-size: 12px; color: #555;}
.popup_con .inner.report .input_list ul li:first-child .input_con {width: 45%;}

.popup_con .inner.inquiry_complete .desc_con p {font-size: 14px; text-align: center;}

.popup_con .inner.mypage_pops {}
.popup_con .inner.mypage_pops .tit {padding: 20px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.mypage_pops .tit img {}
.popup_con .inner.mypage_pops .tit h5 {margin: 20px 0 0 0; font-size: 20px; font-weight: 700; text-align: center;}
.popup_con .inner.mypage_pops.reject .tit h5 {color: #FF5E55;}
.popup_con .inner.mypage_pops .main_con {}
.popup_con .inner.mypage_pops .main_con .desc_con {}
.popup_con .inner.mypage_pops .main_con .desc_con p {font-size: 14px; color: #555;}
.popup_con .inner.mypage_pops .main_con .btn_con {}
.popup_con .inner.mypage_pops .main_con .btn_con a {padding: 16px; background: #79858F; font-size: 24px; color: #fff;}
.popup_con .inner.mypage_pops.reject .main_con .btn_con a {background: #FF5E55; border: 1px solid #FF5E55;}


.popup_con .inner.modify_complete .tit {padding: 10px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.modify_complete .tit h5 {text-align: center; font-size: 16px; font-weight: 700; color: #777;}
.popup_con .inner.modify_complete .main_con {}
.popup_con .inner.modify_complete .main_con .desc_con {padding: 30px 0;}
.popup_con .inner.modify_complete .main_con .desc_con p {text-align: center; font-size: 14px;}

.popup_con .inner.done .tit {padding: 10px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.done .tit h5 {text-align: center; font-size: 16px; font-weight: 700; color: #777;}
.popup_con .inner.done .main_con {}
.popup_con .inner.done .main_con .desc_con {padding: 30px 0;}
.popup_con .inner.done .main_con .desc_con p {text-align: center; font-size: 14px;}

.popup_con .inner.set_category {}
.popup_con .inner.set_category .tit {flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left; padding: 15px 10px;}
.popup_con .inner.set_category .tit h5 {font-size: 20px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.5px;}
.popup_con .inner.set_category .tit p {margin: 4px 0 0 0; font-size: 12px; letter-spacing: -0.3px; color: #777;}
.popup_con .inner.set_category .main_con {}
.popup_con .inner.set_category .main_con .row {}
.popup_con .inner.set_category .main_con .row h6 {padding: 10px 0; font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: var(--bg-color-01);}
.popup_con .inner.set_category .main_con .row .desc_con {}
.popup_con .inner.set_category .main_con .row .desc_con label {display: flex; margin: 0 10px 10px 0; cursor: pointer;}
.popup_con .inner.set_category .main_con .row .desc_con label input {display: none;}
.popup_con .inner.set_category .main_con .row .desc_con label span {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.set_category .main_con .row .desc_con label input:checked + span {border: 1px solid var(--pt-color-01); background: #EAFEFF; color: var(--pt-color-01);}
.popup_con .inner.set_category .main_con .row.row1 {}
.popup_con .inner.set_category .main_con .row.row1 .desc_con {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; display: flex; align-items: flex-start; flex-wrap: wrap; height: 120px; overflow: auto;}
.popup_con .inner.set_category .main_con .row.row2 {margin: 10px 0 0 0;}
.popup_con .inner.set_category .main_con .row.row2 .desc_con {}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul {display: flex; justify-content: space-between; border-radius: 4px; border: 1px solid #E0E0E0;}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li {align-items: flex-start; padding: 10px; width: 50%; height: 200px; overflow: auto;}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li:first-child {border-right: 1px solid #E0E0E0;}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div {display: flex; flex-wrap: wrap;}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div.major_con {}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div.minor_con {}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div label {}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div label input {}
.popup_con .inner.set_category .main_con .row.row2 .desc_con ul li div label span {}

.popup_con .inner.preview_pop {width: 1600px; overflow: hidden;}
.popup_con .inner.preview_pop .tit {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 5px 20px; background: #E5E9F3; height: 60px;}
.popup_con .inner.preview_pop .tit h5 {font-size: 20px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.5px;}
.popup_con .inner.preview_pop .tit .version_btn {display: flex; align-items: center;}
.popup_con .inner.preview_pop .tit .version_btn a {padding: 10px; border-radius: 4px; font-size: 14px; color: var(--bg-color-01);}
.popup_con .inner.preview_pop .tit .version_btn a.on {background: #6B7387; color: #fff;}
.popup_con .inner.preview_pop .tit .version_btn a:nth-child(1) {}
.popup_con .inner.preview_pop .tit .version_btn a:nth-child(2) {}
.popup_con .inner.preview_pop .tit .tit_btn_con {display: flex; justify-content: space-between;}
.popup_con .inner.preview_pop .tit .tit_btn_con .btns {display: flex; align-items: center; padding: 10px; background: #fff; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #777; margin: 0 10px 0 0;}
.popup_con .inner.preview_pop .tit .tit_btn_con .btns img {margin: 0 4px 0 0;}
.popup_con .inner.preview_pop .tit .btns.btn_x {margin: 0;}
.popup_con .inner.preview_pop .tit .tit_btn_con .btns.btn_x svg {margin: 0 10px 0 0;}
.popup_con .inner.preview_pop .tit .btns.btn_approve {background: var(--pt-color-01); color: #fff; border: 1px solid var(--pt-color-01);}
.popup_con .inner.preview_pop .tit .btns.btn_return {background: var(--bg-color-01); color: #fff; border: 1px solid var(--bg-color-01);}
.popup_con .inner.preview_pop .main_con {overflow: auto; height: calc(80vh - 60px); padding: 0;}
.popup_con .inner.preview_pop .main_con .img_con {}
.popup_con .inner.preview_pop .main_con .img_con img {width: 100%;}

.popup_con .inner.add_complete {}
.popup_con .inner.add_complete .tit {justify-content: center; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.add_complete .tit h5 {color: #777;}
.popup_con .inner.add_complete .main_con {}
.popup_con .inner.add_complete .main_con .add_tit {text-align: center; padding: 40px 0 20px 0;}
.popup_con .inner.add_complete .main_con .add_tit p {font-size: clamp(20px, 4vw, 24px);}
.popup_con .inner.add_complete .main_con .add_tit span {font-size: 14px; color: #000; display: inline-block; margin: 20px 0 0 0;}
.popup_con .inner.add_complete .main_con .add_desc {display: flex; justify-content: space-between; padding: 10px; border: 1px solid #E0E0E0;}
.popup_con .inner.add_complete .main_con .add_desc .img_con {width: calc(20% - 10px); display: flex; justify-content: center; align-items: center;}
.popup_con .inner.add_complete .main_con .add_desc .img_con img {width: 100%;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con {width: calc(80% - 10px);}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .top_row {display: flex; align-items: center; width: 100%;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .top_row p.pd_num {font-size: 12px; font-weight: 400; color: var(--pt-color-01); margin: 0 10px 0 0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .top_row .tag_con {}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows {display: flex; justify-content: space-between; width: 100%; padding: 10px 0; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info {width: 100%;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_title {font-size: clamp(20px, 4vw, 24px); font-weight: 700; letter-spacing: -0.6px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info {display: flex; align-items: center; flex-wrap: wrap; margin: 4px 0 0 0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info p {position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 14px; color: #555;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info p:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info p:last-child:before {display: none;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info p b {font-weight: 700; margin: 0 4px 0 0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info p span {}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info h6 {font-size: 14px; font-weight: 700; margin: 0 10px 0 0;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info .pd_info h6 span {font-weight: 400;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info p.pd_manager {font-size: 12px; color: #555;}
.popup_con .inner.add_complete .main_con .add_desc .desc_con .rows .main_info p.pd_manager span {}

.popup_con .inner.inquire_memo {}
.popup_con .inner.inquire_memo .tit {text-align: left; justify-content: center; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.inquire_memo .tit h5 {font-size: 20px; color: var(--bg-color-01); font-weight: 700; letter-spacing: -0.5px;}
.popup_con .inner.inquire_memo .main_con {padding: 0;}
.popup_con .inner.inquire_memo .main_con .memo_con {padding: 10px; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con {display: flex; border: 1px solid #E0E0E0;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info {width: 40%; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid #E0E0E0;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info p {font-size: 12px; letter-spacing: -0.3px;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info h4 {margin: 10px 0; font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info h4 span {margin: 0 0 0 4px; font-size: 14px; letter-spacing: -0.35px;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info {display: flex; align-items: center; width: 60%; padding: 10px;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_img_con {width: 80px; margin: 0 10px 0 0;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_img_con img {width: 100%;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_desc_con {width: 100%;}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_desc_con h6 {display: flex; align-items: center; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: var(--pt-color-01);}
.popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_desc_con p {margin: 4px 0 0 0; font-size: 14px; letter-spacing: -0.35px; width: 100%; text-overflow: ellipsis; overflow: hidden;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con {margin: 10px 0 0 0;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con p {font-size: 14px; letter-spacing: -0.35px;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con p span {}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul {margin: 10px 0 0 0;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li {padding: 10px; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li p {font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn .manager_info {display: flex; align-items: center;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn .manager_info p {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn .manager_info p:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn .manager_info span {font-size: 14px; letter-spacing: -0.35px; color: #999;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con ul li .memo_fn a {font-size: 14px;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con .row_empty {display: flex; justify-content: center; align-items: center; height: 200px;}
.popup_con .inner.inquire_memo .main_con .memo_con .memo_list_con .row_empty p {font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.inquire_memo .main_con .txt_con {padding: 10px;}
.popup_con .inner.inquire_memo .main_con .txt_con textarea {margin: 4px 0 0 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #F0F0F0; font-size: 14px; letter-spacing: -0.35px; color: #555; width: 100%; padding: 10px; height: 120px; font-family: 'pretendard', sans-serif;}
.popup_con .inner.inquire_memo .main_con .txt_con textarea:placeholder-shown {color: #999;}
.popup_con .inner.inquire_memo .main_con .input_con {display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
.popup_con .inner.inquire_memo .main_con .input_con select {width: 140px; padding: 10px; border-radius: 4px; border: 1px solid var(--bg-color-01); }
.popup_con .inner.inquire_memo .main_con .input_con select option {font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.inquire_memo .main_con .input_con .dates {display: flex; align-items: center;}
.popup_con .inner.inquire_memo .main_con .input_con .dates p {font-size: 14px; letter-spacing: -0.35px; margin: 0 10px 0 0;}
.popup_con .inner.inquire_memo .main_con .input_con .dates input {width: 140px; padding: 10px; border-radius: 4px; border: 1px solid var(--bg-color-01);}
.popup_con .inner.inquire_memo .btn_con {padding: 0 20px 20px 20px;}

.popup_con .inner.add_inquiry {}
.popup_con .inner.add_inquiry .tit {padding: 18px 10px; border-bottom: 1px solid #E0E0E0;}
.popup_con .inner.add_inquiry .tit h5 {}
.popup_con .inner.add_inquiry .main_con .input_con {display: flex; flex-direction: column;}
.popup_con .inner.add_inquiry .main_con .input_con select {width: 140px; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; }
.popup_con .inner.add_inquiry .main_con .input_con select option {font-size: 14px; letter-spacing: -0.35px; color: #555;}
.popup_con .inner.add_inquiry .main_con .input_con input {width: 100%; margin: 10px 0 0 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; color: #000;}
.popup_con .inner.add_inquiry .main_con .input_con input:placeholder-shown {color: #999;}
.popup_con .inner.add_inquiry .main_con .input_con textarea {margin: 10px 0 0 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; letter-spacing: -0.35px; color: #555; width: 100%; padding: 10px; height: 400px; font-family: 'pretendard', sans-serif;}
.popup_con .inner.add_inquiry .main_con .input_con textarea:placeholder-shown {color: #999;}

.popup_con .inner.board_view {}
.popup_con .inner.board_view .main_con {padding: 20px;}
.popup_con .inner.board_view .main_con .tit {}
.popup_con .inner.board_view .main_con .tit p.sort {font-size: 16px; color: #777;}
.popup_con .inner.board_view .main_con .tit h3 {margin: 10px 0 0 0; font-size: 32px; font-weight: 700; color: #000;}
.popup_con .inner.board_view .main_con .tit .writing_info {padding: 10px 0; display: flex; align-items: center;}
.popup_con .inner.board_view .main_con .tit .writing_info h5 {font-size: 16px; font-weight: 700; color: #777; margin: 0 10px 0 0;}
.popup_con .inner.board_view .main_con .tit .writing_info h5 span {font-weight: 400; margin: 0 0 0 10px;}
.popup_con .inner.board_view .main_con .desc_con {}
.popup_con .inner.board_view .main_con .desc_con .img_con {width: 100%;}
.popup_con .inner.board_view .main_con .desc_con .img_con img {max-width: 100%;}
.popup_con .inner.board_view .main_con .desc_con p {margin: 10px 0 0 0; font-size: 24px; line-height: 140%; color: #000;}
.popup_con .inner.board_view .main_con .comment_con {}
.popup_con .inner.board_view .main_con .comment_con .comment_tit {padding: 10px; border-bottom: 1px solid #D9D9D9;}
.popup_con .inner.board_view .main_con .comment_con .comment_tit h4 {font-size: 24px; font-weight: 700;}
.popup_con .inner.board_view .main_con .comment_con .comment_tit h4 span {margin: 0 0 0 10px; color: #000;}
.popup_con .inner.board_view .main_con .comment_con .comment_list {margin: 20px 0 0 0;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li {margin: 0 0 10px 0; padding: 0 0 10px 0;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li h6 {font-size: 16px; color: #000;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li h6 span {margin: 0 0 0 10px; color: #777;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li p {margin: 10px 0 0 0; font-size: 16px;}
.popup_con .inner.board_view .main_con .comment_con textarea {width: 100%; border-radius: 6px; background: #fff; height: 120px; border: 1px solid #D9D9D9; padding: 10px; font-size: 16px;}
.popup_con .inner.board_view .main_con .comment_con .btn_con {display: flex; justify-content: flex-end; margin: 10px 0 0 0;}
.popup_con .inner.board_view .main_con .comment_con .btn_con .btn_comment {padding: 10px; border-radius: 5px; background: #000; font-size: 16px; color: #fff;}

.popup_con .inner.board_write .main_con {padding: 20px;}
.popup_con .inner.board_write .main_con .top_row {display: flex; justify-content: space-between; align-items: center;}
.popup_con .inner.board_write .main_con .top_row .tit {flex-direction: column; align-items: flex-start;}
.popup_con .inner.board_write .main_con .top_row .tit p.sort {font-size: 16px; color: #777;}
.popup_con .inner.board_write .main_con .top_row .tit h5 {font-size: 20px; font-weight: 700;}
.popup_con .inner.board_write .main_con .top_row .btn_con {display: flex; width: auto; margin: 0;}
.popup_con .inner.board_write .main_con .top_row .btn_con .btn_close {padding: 10px; border-radius: 5px; background: #fff; font-size: 16px; color: #777777; border: 1px solid #777777; margin: 0 10px 0 0;}
.popup_con .inner.board_write .main_con .top_row .btn_con .btn_comment {padding: 10px; border-radius: 5px; background: #000; font-size: 16px; color: #fff;}
.popup_con .inner.board_write .main_con .desc_con {margin: 20px 0 0 0;}
.popup_con .inner.board_write .main_con .desc_con .title_input {width: 100%;}
.popup_con .inner.board_write .main_con .desc_con .title_input input {width: 100%; padding: 10px; border-bottom: 1px solid #D9D9D9; font-size: 24px; color: #000;}
.popup_con .inner.board_write .main_con .desc_con .title_input input:placeholder-shown {color: #777;}
.popup_con .inner.board_write .main_con .desc_con .editor_con1 {margin: 20px 0 0 0;}
.popup_con .inner.board_write .main_con .desc_con .thum_con {display: flex; justify-content: space-between; margin: 20px 0 0 0;}
.popup_con .inner.board_write .main_con .desc_con .file_con {width: calc(100% - 110px); margin: 0 10px 0 0;}
.popup_con .inner.board_write .main_con .desc_con .file_con h5 {font-size: 16px; font-weight: 700;}
.popup_con .inner.board_write .main_con .desc_con .file_con .file_row {position: relative; display: flex; width: 100%; margin: 10px 0 0 0;}
.popup_con .inner.board_write .main_con .desc_con .file_con .file_row .show_file {width: 100%; height: 60px; border-radius: 5px 0 0 5px; border: 1px solid #d9d9d9; background: #fff; padding: 0 20px; display: flex; align-items: center;}
.popup_con .inner.board_write .main_con .desc_con .file_con .file_row .show_file span {font-size: 0.8rem; line-height: 1.2rem; width: 240px; text-overflow: ellipsis; overflow: hidden;}
.popup_con .inner.board_write .main_con .desc_con .file_con .file_row input {display: none;}
.popup_con .inner.board_write .main_con .desc_con .file_con .file_row label {display: flex; justify-content: center; align-items: center; width: 70px; height: 60px; padding: 10px; border-radius: 0 5px 5px 0; border: 1px solid #E0E0E0; background: #E0E0E0; font-size: 14px; color: #555; white-space: nowrap;}
.popup_con .inner.board_write .main_con .desc_con .file_con p {display: flex; flex-direction: column; padding: 10px; font-size: 12px; color: #555;}
.popup_con .inner.board_write .main_con .desc_con .file_con p span {}
.popup_con .inner.board_write .main_con .desc_con .img_con {border-radius: 4px; overflow: hidden; width: 100px; height: 100px;}
.popup_con .inner.board_write .main_con .desc_con .img_con img {width: 100%;}

.popup_con .inner.board_view {}
.popup_con .inner.board_view .main_con {padding: 20px;}
.popup_con .inner.board_view .main_con .tit {display: block;}
.popup_con .inner.board_view .main_con .tit p.sort {font-size: 16px; color: #777;}
.popup_con .inner.board_view .main_con .tit h3 {margin: 10px 0 0 0; font-size: 32px; font-weight: 700; color: #000;}
.popup_con .inner.board_view .main_con .tit .writing_info {padding: 10px 0; display: flex; align-items: center;}
.popup_con .inner.board_view .main_con .tit .writing_info h5 {font-size: 16px; font-weight: 700; color: #777; margin: 0 10px 0 0;}
.popup_con .inner.board_view .main_con .tit .writing_info h5 span {font-weight: 400; margin: 0 0 0 10px;}
.popup_con .inner.board_view .main_con .desc_con {}
.popup_con .inner.board_view .main_con .desc_con .img_con {width: 100%;}
.popup_con .inner.board_view .main_con .desc_con .img_con img {max-width: 100%;}
.popup_con .inner.board_view .main_con .desc_con p {margin: 10px 0 0 0; font-size: 24px; line-height: 140%; color: #000;}
.popup_con .inner.board_view .main_con .comment_con {}
.popup_con .inner.board_view .main_con .comment_con .comment_tit {padding: 10px; border-bottom: 1px solid #D9D9D9;}
.popup_con .inner.board_view .main_con .comment_con .comment_tit h4 {font-size: 24px; font-weight: 700;}
.popup_con .inner.board_view .main_con .comment_con .comment_tit h4 span {margin: 0 0 0 10px; color: #000;}
.popup_con .inner.board_view .main_con .comment_con .comment_list {margin: 20px 0 0 0;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li {margin: 0 0 10px 0; padding: 0 0 10px 0;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li h6 {font-size: 16px; color: #000;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li h6 span {margin: 0 0 0 10px; color: #777;}
.popup_con .inner.board_view .main_con .comment_con .comment_list li p {margin: 10px 0 0 0; font-size: 16px;}
.popup_con .inner.board_view .main_con .comment_con textarea {width: 100%; border-radius: 6px; background: #fff; height: 120px; border: 1px solid #D9D9D9; padding: 10px; font-size: 16px;}
.popup_con .inner.board_view .main_con .comment_con .btn_con {display: flex; justify-content: flex-end; margin: 10px 0 0 0;}
.popup_con .inner.board_view .main_con .comment_con .btn_con .btn_comment {padding: 10px; border-radius: 5px; background: #000; font-size: 16px; color: #fff;}


/*2중 팝업 css*/

.popup_back2 {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); z-index: 9999999;}
.popup_back2.on {display: block;}

.popup_con2 {position: fixed; top: 50%; left: 50%; display: none; border-radius: 10px; border: 1px solid #E0E0E0; background: #fff; transform: translate(-50%, -50%); z-index: 9999999;}
.popup_con2.on {display: block;}
.popup_con2 .inner {position: relative; display: none; width: 600px; max-height: 80vh; border-radius: 10px; background: #fff; overflow: auto;}
.popup_con2 .inner.on {display: block;}
.popup_con2 .inner > a.btns.btn_x {position: absolute; top: 10px; right: 10px; font-size: 1.3rem; font-weight: 700; color: #D9D9D9;}
.popup_con2 .inner .tit {padding: 15px 10px; border-bottom: 1px solid #E0E0E0; text-align: center;}
.popup_con2 .inner .tit h5 {font-size: 0.8rem; font-weight: 700; color: #777;}
.popup_con2 .inner textarea {margin: 4px 0 0 0; width: 100%; padding: 10px; height: 120px; border: 1px solid #E0E0E0; border-radius: 4px; font-size: 0.7rem; color: #000; font-family: 'pretendard', sans-serif;}
.popup_con2 .inner textarea:placeholder-shown {color: #999;}
.popup_con2 .inner .btn_con {display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0 0 0;}
.popup_con2 .inner .btn_con.two_btns {justify-content: space-between;}
.popup_con2 .inner .btn_con.three_btns {justify-content: space-between;}
.popup_con2 .inner .btn_con a.btns {width: 100%; padding: 15px 0; text-align: center; font-size: 0.8rem; font-weight: 700; border: 1px solid #E0E0E0; border-radius: 4px; background: #E0E0E0; color: #fff;}
.popup_con2 .inner .btn_con.two_btns a.btns {width: calc(50% - 5px);}
.popup_con2 .inner .btn_con.three_btns a.btns {width: calc(100% / 3 - 5px);}
.popup_con2 .inner .btn_con a.btns.btn_submit {border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}
.popup_con2 .inner .btn_con a.btns.btn_close {border: 1px solid #999; background: #999;}
.popup_con2 .inner .btn_con a.btns.btn_go {border: 1px solid #0E1821; background: #fff; color: #0E1821;}
.popup_con2 .inner .btn_con a.btns.btn_approve {border: 1px solid var(--pt-color-01); background: var(--pt-color-01);}
.popup_con2 .inner .btn_con a.btns.btn_return {border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}

.popup_con2 .inner .main_con {padding: 0 20px 20px 20px;}