#dash_board.section_01 {}
#dash_board.section_01 .width_con {}
#dash_board.section_01 .width_con .conts {padding: 15px 0;}
#dash_board.section_01 .width_con .conts .title_con {margin: 0 0 10px 0;}
#dash_board.section_01 .width_con .conts .title_con h5 {font-size: 0.7rem; font-weight: 700;}
#dash_board.section_01 .width_con .conts .title_con h5 span {padding: 0 0 0 16px;}
#dash_board.section_01 .width_con .conts.cont_01 {}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con {display: flex; justify-content: space-between; flex-wrap: wrap;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li {width: calc(100% / 4 - 5px); background: #fff; border-radius: 10px; border: 1px solid #E0E0E0; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.20); color: var(--bg-color-01); margin: 0 0 10px 0;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(1) {border-bottom: 4px solid #007ADE;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(2),
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(3),
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(4) {border-bottom: 4px solid var(--pt-color-01);}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(5) {border-bottom: 4px solid #FFF000;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(6) {border-bottom: 4px solid #8D6BEC;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(7) {border-bottom: 4px solid #8D6BEC; width: calc(30% - 5px);}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li:nth-child(8) {border-bottom: 4px solid #F00; width: calc(20% - 5px);}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li a {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; border-bottom: 1px solid #E0E0E0;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li a h5 {display: flex; align-items: center;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li a h5 span {margin: 0 0 0 4px; font-size: 12px; font-weight: 700;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li a p {font-size: 14px; color: #999;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con {display: flex; justify-content: space-between;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols {}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col1 {padding: 10px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col1 h6 {font-size: 12px; font-weight: 400; letter-spacing: -0.3px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col1 h6 span {font-size: 30px; font-weight: 400; letter-spacing: -0.75px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 {display: flex;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists {padding: 10px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists h6 {font-size: 12px; font-weight: 400; letter-spacing: -0.3px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists span {font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists.red h6 {color: #f00;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists.red span {color: #f00;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists.grey h6 {color: #999;}
#dash_board.section_01 .width_con .conts.cont_01 ul.state_con li .count_con .cols.col2 .lists.grey span {color: #999;}

#dash_board.section_01 .width_con .conts.cont_02 {}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review {display: flex; justify-content: space-between; align-items: flex-start;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review > li {width: calc(100% / 3 - 10px); border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review > li .sub_tit {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .sub_tit h6 span {margin: 0 0 0 4px; font-size: 0.6rem; font-weight: 400;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .sub_tit a {display: flex; align-items: center; font-size: 0.6rem; font-weight: 400; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .sub_tit a svg {font-weight: 700; margin: 0 0 0 4px;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con {}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows {display: flex; align-items: center; padding: 10px;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .img_con {margin: 0 10px 0 0;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .img_con img {width: 80px;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con {display: flex; flex-direction: column; justify-content: center;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con p {font-size: 0.7rem; color: #555; width: 100%;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos {margin: 4px 0 0 0;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul {display: flex; align-items: center;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul li {position: relative; display: flex; margin: 0 10px 0 0; padding: 0 10px 0 0;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul li:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 90%; background: #E0E0E0; transform: translateY(-50%);}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul li img {margin: 0 2px 0 0; height: 12px;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul li span {font-size: 0.7rem; font-weight: 400; color: #555;}
#dash_board.section_01 .width_con .conts.cont_02 ul.request_review li .list_con .contents_rows .desc_con .infos ul li span.bold {font-weight: 700; color: #000;}

#dash_board.section_01 .width_con .conts.cont_03 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con {border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .sub_tit {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .sub_tit a {display: flex; align-items: center; font-size: 0.6rem; font-weight: 400; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .sub_tit a svg {font-weight: 700; margin: 0 0 0 4px;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con {display: flex; justify-content: space-between; width: 100%;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con {width: 22%; padding: 10px 0; border-right: 1px solid #E0E0E0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows {padding: 10px 20px;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_hd {border-bottom: 1px solid #E0E0E0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_hd h5 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd {display: flex; justify-content: space-between;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd div {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd div p {font-size: 0.6rem; color: #777; font-weight: 700;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd div h6 {font-size: 1.2rem; font-weight: 400; color: #555;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd div h6 span {font-size: 0.7rem;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd:nth-child(odd) {background: #F0F0F0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_bd:nth-child(odd) div h6 {color: #777;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_total {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_total p {font-size: 0.6rem; font-weight: 700; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_total h6 {font-size: 1.2rem; font-weight: 400; color: var(--bg-color-01);}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .total_con .rows.row_total h6 span {font-size: 0.7rem;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con {width: 78%;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows:last-child {border-bottom: none;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows.row_bd:nth-child(odd) {background: #FAFAFC;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols {width: calc(100% / 6); font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col1 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col2 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col3 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col4 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col5 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows .cols.col6 {}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows.row_hd {padding: 26px 0 4px 0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows.row_hd .cols {font-weight: 700; color: #777;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows.row_bd {padding: 4px 0;}
#dash_board.section_01 .width_con .conts.cont_03 .statistics_con .table_con .list_con .rows.row_bd .cols {line-height: 1rem;}



.user_managements {}
.user_managements .width_con {}
.user_managements .width_con .user_con {padding: 15px 0;}
.user_managements .width_con .user_con .fn_con {display: flex; justify-content: space-between; align-items: center;}
.user_managements .width_con .user_con .fn_con ul {display: flex; align-items: center;}
.user_managements .width_con .user_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.user_managements .width_con .user_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.user_managements .width_con .user_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.user_managements .width_con .user_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.user_managements .width_con .user_con .fn_con ul li span {color: #555;}
.user_managements .width_con .user_con .fn_con a.btn_choosen {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.user_managements .width_con .user_con .list_con {margin: 10px 0 0 0;}
.user_managements .width_con .user_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.user_managements .width_con .user_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.user_managements .width_con .user_con .list_con .rows .cols.col1 {width: 3.5%;}
.user_managements .width_con .user_con .list_con .rows .cols.col1 label {cursor: pointer;}
.user_managements .width_con .user_con .list_con .rows .cols.col1 label input {display: none;}
.user_managements .width_con .user_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.user_managements .width_con .user_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.user_managements .width_con .user_con .list_con .rows .cols.col2 {width: 15%;}
.user_managements .width_con .user_con .list_con .rows .cols.col3 {width: 15%;}
.user_managements .width_con .user_con .list_con .rows .cols.col4 {width: 7%;}
.user_managements .width_con .user_con .list_con .rows .cols.col5 {width: 10%;}
.user_managements .width_con .user_con .list_con .rows .cols.col6 {width: 12%;}
.user_managements .width_con .user_con .list_con .rows .cols.col7 {width: 18%;}
.user_managements .width_con .user_con .list_con .rows .cols.col8 {width: 5%;}
.user_managements .width_con .user_con .list_con .rows .cols.col9 {width: 5%;}
.user_managements .width_con .user_con .list_con .rows .cols.col10 {width: 5%;}
.user_managements .width_con .user_con .list_con .rows .cols.col11 {width: 4.5%;}
.user_managements .width_con .user_con .list_con .rows.row_hd {}
.user_managements .width_con .user_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.user_managements .width_con .user_con .list_con .rows.row_bd {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col2 a {display: flex; align-items: center;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col2 a img {margin: 0 4px 0 0;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col3 {display: flex; align-items: center;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col3 img {width: 40px; margin: 0 4px 0 0;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col4 {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col4 a {margin: 4px 0 0 0; padding: 4px; border-radius: 4px; background: #999; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #fff;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col5 {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col7 {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col10 {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col10 a {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col10 a img {}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11 {position: relative;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11 a.btn_more div:nth-child(2) {margin: 0 4px;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.user_managements .width_con .user_con .list_con .rows.row_bd .cols.col11.on .extra_btn_con {display: flex;}
.user_managements .width_con .user_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.user_managements .width_con .user_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}

.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col2 {width: 13%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col3 {width: 13%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col4 {width: 7%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col5 {width: 8%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col6 {width: 12%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col7 {width: 16%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col8 {width: 8%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col9 {width: 5%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col10 {width: 5%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col11 {width: 5%;}
.user_managements.um_02 .width_con .user_con .list_con .rows .cols.col12 {width: 4.5%;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col6 span {margin: 0 4px 0 0; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col6 img {}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 {position: relative;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more div:nth-child(2) {margin: 0 4px;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.user_managements.um_02 .width_con .user_con .list_con .rows.row_bd .cols.col12.on .extra_btn_con {display: flex;}

.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col2 {width: 15%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col3 {width: 15%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col4 {width: 7%;}
.user_managements.um_03 .width_con .user_con .list_con .rows.row_bd .cols.col4 span.approved {color: #f00;}
.user_managements.um_03 .width_con .user_con .list_con .rows.row_bd .cols.col4 span.returned {color: #0023FF;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col5 {width: 8%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col6 {width: 15%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col7 {width: 15%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col8 {width: 15%;}
.user_managements.um_03 .width_con .user_con .list_con .rows .cols.col9 {width: 10%;}



#user_information.section_03 {}
#user_information.section_03 .width_con {}
#user_information.section_03 .width_con .title_con {display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
#user_information.section_03 .width_con .title_con .btns {position: relative;}
#user_information.section_03 .width_con .title_con .btns a {display: flex; align-items: center;}
#user_information.section_03 .width_con .title_con .btns a.btn_back {font-size: 0.8rem; color: var(--bg-color-01); font-weight: 700;}
#user_information.section_03 .width_con .title_con .btns a.btn_back svg {margin: 0 4px 0 0; color: inherit; font-weight: inherit;}
#user_information.section_03 .width_con .title_con .btns a.btn_more {justify-content: space-between;}
#user_information.section_03 .width_con .title_con .btns a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
#user_information.section_03 .width_con .title_con .btns a.btn_more div:nth-child(2) {margin: 0 4px;}
#user_information.section_03 .width_con .title_con .btns .extra_btn_con {position: absolute; bottom: -35px; right: -60px;}
#user_information.section_03 .width_con .title_con .btns.on .extra_btn_con {display: block;}
#user_information.section_03 .width_con .main_con {}
#user_information.section_03 .width_con .main_con ul.grid_box {position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; width: 100%;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items {border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) {grid-column: 1 / 4; grid-row: 1 / 3;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) {grid-column: 4 / 7; grid-row: 1 / 2;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) {grid-column: 4 / 7; grid-row: 2 / 3;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) {grid-column: 1 / 7; grid-row: 3 / 4;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(5) {grid-column: 1 / 7; grid-row: 4 / 5;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items .sub_tit {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01);}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items .info_con {padding: 10px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info {display: flex; justify-content: space-between;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info h5 {font-size: 0.7rem; font-weight: 700; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info h5 span.essential {font-size: 0.5rem; font-weight: 400; color: #f00; margin: 0 0 0 2px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo {width: 150px; margin: 10px 20px 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .logo_img_con {margin: 10px 0 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .logo_img_con img {width: 100%;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .file_con {display: flex; flex-direction: column; align-items: flex-start; margin: 10px 0 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .file_con .show_file {display: flex; align-items: center; width: 100%; height: 36px; padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px; overflow: hidden;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .file_con .show_file span {font-size: 0.7rem; font-weight: 400; color: #555; white-space: nowrap;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .file_con input {display: none;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info .shop_logo .file_con label {display: flex; justify-content: center; align-items: center; padding: 6px 10px; margin: 4px 0 0 0; border-radius: 4px; border: 1px solid var(--pt-color-01); background: var(--pt-color-01); color: #fff; font-size: 0.7rem; font-weight: 700; text-align: center; cursor: pointer;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list {width: 100%;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li {display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid #E0E0E0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li h5 {width: 25%;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li input {width: 75%; padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px; font-size: 0.7rem; font-weight: 400; color: #333; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li textarea {width: 75%; height: 70px; padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px; font-size: 0.7rem; font-weight: 400; color: #333; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li .id_con {display: flex; align-items: center;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li p {font-size: 0.7rem; color: #333;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li img {margin: 0 0 0 4px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li .marketing_agree {display: flex; align-items: center;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li .marketing_agree .img_con {display: flex; align-items: center; margin: 0 10px 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li .marketing_agree .img_con img {margin: 0 4px 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .user_base_info ul.info_list li .marketing_agree .img_con span {font-size: 14px; font-weight: 400; letter-spacing: -0.3px; color: #333;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con a.btns.btn_save {display: block; margin: 10px 0 0 0; padding: 10px; border-radius: 5px; background: var(--pt-color-01); font-size: 0.7rem; font-weight: 700; letter-spacing: -0.35px; color: #fff; text-align: center;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con {display: flex; align-items: center;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con {display: flex; justify-content: space-between; flex-wrap: wrap;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li {width: calc(100% / 3 - 5px); background: #fff; border-radius: 10px; border: 1px solid #E0E0E0; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.20); color: var(--bg-color-01); margin: 0 0 10px 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(1) {border-bottom: 4px solid #007ADE;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(2),
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(3),
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(4) {border-bottom: 4px solid var(--pt-color-01);}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(5) {border-bottom: 4px solid #FFF000;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li:nth-child(6) {border-bottom: 4px solid #F00;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li a {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; border-bottom: 1px solid #E0E0E0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li a h5 {display: flex; align-items: center;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li a h5 span {margin: 0 0 0 4px; font-size: 12px; font-weight: 700;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li a p {font-size: 14px; color: #999;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con {display: flex; justify-content: space-between;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols {}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col1 {padding: 10px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col1 h6 {font-size: 12px; font-weight: 400; letter-spacing: -0.3px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col1 h6 span {font-size: 30px; font-weight: 400; letter-spacing: -0.75px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 {display: flex;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 .lists {padding: 10px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 .lists h6 {font-size: 12px; font-weight: 400; letter-spacing: -0.3px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 .lists span {font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 .lists.red h6 {color: #f00;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con ul.state_con li .count_con .cols.col2 .lists.red span {color: #f00;}

#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con {padding: 10px 0 10px 10px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li {display: flex; align-items: center; width: calc(50% - 10px); height: 50px; padding: 4px 10px; margin: 0 10px 0 0; border-bottom: 1px solid #E0E0E0; }
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li h5 {width: 40%; font-size: 0.7rem; font-weight: 700;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li p {width: 60%; font-size: 0.7rem; letter-spacing: -0.35px; color: #333;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con textarea {width: 100%; height: 200px; padding: 10px; border: 1px solid #E0E0E0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .text_length {display: flex; align-items: center; margin: 10px 0 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .text_length h5 {margin: 0 4px 0 0; font-size: 0.7rem; font-weight: 400; color: #000; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .text_length h5 em {font-size: 0.7rem; font-weight: 400; color: #555; letter-spacing: -0.35px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .text_length p {font-size: 0.6rem; font-weight: 400; color: #555; letter-spacing: -0.3px;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .text_length p span {}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .btn_con {margin: 20px 0 0 0;}
#user_information.section_03 .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con .btn_con a.btn_submit {display: inline-block; padding: 16px 46px; border-radius: 4px; background: var(--bg-color-01); font-size: 0.8rem; font-weight: 700; color: #fff; letter-spacing: -0.4px;} 


#add_product {}
#add_product .width_con {}
#add_product .width_con .title_con {padding: 15px 0;}
#add_product .width_con .title_con .btns {position: relative; padding: 10px;}
#add_product .width_con .title_con .btns a {display: flex; align-items: center;}
#add_product .width_con .title_con .btns a.btn_back {font-size: 0.8rem; color: var(--bg-color-01); font-weight: 700;}
#add_product .width_con .title_con .btns a.btn_back svg {margin: 0 4px 0 0; color: inherit; font-weight: inherit;}
#add_product .width_con .title_con .btn_con {display: flex;}
#add_product .width_con .title_con .btn_con a {display: flex; align-items: center; padding: 16px 20px; border-radius: 4px; margin: 0 10px 0 0; font-size: 16px; font-weight: 700; letter-spacing: -0.4px;}
#add_product .width_con .title_con .btn_con a img {margin: 0 10px 0 0;}
#add_product .width_con .title_con .btn_con a.btn_save {background: var(--pt-color-01); color: #fff;}
#add_product .width_con .title_con .btn_con a.btn_temporary {background: #999; color: #fff;}
#add_product .width_con .title_con .btn_con a.btn_preview {background: #fff; border: 1px solid var(--bg-color-01); color: var(--bg-color-01);}
#add_product .width_con .main_con {margin: 15px 0 0 0;}
#add_product .width_con .main_con ul.grid_box {position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items {border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
#add_product .width_con .main_con ul.grid_box li.grid_items:nth-child(1) {grid-column: 1 / 4; grid-row: 1 / 3;}
#add_product .width_con .main_con ul.grid_box li.grid_items:nth-child(2) {grid-column: 4 / 7; grid-row: 1 / 3;}
#add_product .width_con .main_con ul.grid_box li.grid_items:nth-child(3) {grid-column: 1 / 7; grid-row: 3 / 4;}
#add_product .width_con .main_con ul.grid_box li.grid_items:nth-child(4) {grid-column: 1 / 7; grid-row: 4 / 5;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit {display: flex; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01); margin: 0 10px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit label {cursor: pointer;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit label input {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit label span {position: relative; display: flex; align-items: center; height: 20px; padding: 0 0 0 24px; font-size: 0.7rem; color: #555;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit label span:before {position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; border: 1px solid #E0E0E0; background: #fff;}
#add_product .width_con .main_con ul.grid_box li.grid_items .sub_tit label input:checked + span:before {border: none; background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con {padding: 10px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .btn_plus {margin: 10px 0 0 0; padding: 10px; border-radius: 4px; background: #fff; border: 1px solid #E0E0E0; font-size: 0.7rem; font-weight: 400; color: #555; cursor: pointer;}

#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con {position: relative; width: 100%; height: 260px; background: #EBF0F3;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con .txt_con {text-align: center;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con .txt_con img {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con .txt_con h6 {margin: 10px 0 0 0; font-size: 0.8rem; font-weight: 700; color: #A5AFB6;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con .txt_con p {margin: 4px 0 0 0; font-size: 0.7rem; font-weight: 400; color: #A5AFB6;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con input {display: none;}

#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li {display: flex; padding: 4px 0; border-bottom: 1px solid #E0E0E0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li h5 {display: flex; align-items: center; width: 20%; height: 35px; font-size: 0.7rem; font-weight: 700;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details h5 {height: auto;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .info_tit {display: flex; flex-direction: column; justify-content: center; width: 20%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .info_tit h5 {width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .info_tit h5 span.essential {color: #f00;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .info_tit span {font-size: 10px; letter-spacing: -0.25px; color: var(--bg-color-01);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li h5 span.essential {margin: 0 0 0 4px; font-size: 0.5rem; font-weight: 400; color: #f00;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li h5.flxd {flex-direction: column; align-items: flex-start; justify-content: center;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li h5.flxd span.essential {margin: 4px 0 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con {display: flex; align-items: center; width: 80%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.column {flex-direction: column; align-items: flex-start;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con a.btn_category {padding: 6px 10px; border-radius: 4px; border: 1px solid var(--bg-color-01); font-size: 14px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.35px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con a.btn_post {padding: 6px 10px; border-radius: 4px; border: 1px solid #999; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.35px; background: #999;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con .input_list {display: flex; margin: 4px 0 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con {flex-direction: column; align-items: flex-start;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row {display: flex; align-items: center; margin: 0 0 4px 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row span {font-size: 14px; color: #555; letter-spacing: -0.35px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row input {margin: 0 4px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row input.w60 {width: 60px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row input.w100 {width: 100px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row input.w150 {width: 150px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_row input.w200 {width: 200px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns {display: flex; align-items: center;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns label {margin: 0 10px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns label input {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns label span {position: relative; font-size: 14px; font-weight: 400; padding: 0 0 0 24px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .fns label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list {display: flex; flex-wrap: wrap;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list input {width: calc(100% / 3 - 4px);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list input.w100p {width: 100%; margin: 4px 0 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list.sns_con {width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list.sns_con .input_row {width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list.sns_con .input_row img {margin: 0 4px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li.details .input_con .input_list.sns_con .input_row input {width: 100%;}

#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con input {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con select {padding: 10px; border-radius: 4px; font-size: 0.7rem; font-weight: 400; color: #555; letter-spacing: -0.35px; background: #F0F0F0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label {cursor: pointer; margin: 0 20px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label input {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label span {position: relative; font-size: 0.7rem; font-weight: 400; padding: 0 0 0 24px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; border-radius: 999px; background: #E0E0E0; transform: translateY(-50%);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label input:checked + span:before {background: url(../img/product_list/radio_check_on.png) center no-repeat; background-size: cover;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.radios label span em {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.txts input {margin: 0 4px 0 0; padding: 10px; border-radius: 4px; background: #fff; border: 1px solid #E0E0E0; font-size: 0.7rem;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.txts input.w100p {width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.txts input:placeholder-shown {color: #999;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.checkboxs label {cursor: pointer; margin: 0 20px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.checkboxs label input {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.checkboxs label span {position: relative; font-size: 0.7rem; font-weight: 400; padding: 0 0 0 24px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.checkboxs label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover; transform: translateY(-50%);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con ul.basic_info_list li .input_con.checkboxs label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}

#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_input_img_con {height: auto;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con {position: relative; top: auto; left: auto; transform: none; padding: 20px 10px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con .btn_plus {}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con.stated .txt_con, 
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con .file_input_img_con .file_con.stated label {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con .sample_con {display: none;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con {display: flex; width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con .main_img_con {width: 30%; margin: 0 14px 0 0;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con .main_img_con .img_con {width: 100%; position: relative; border-radius: 4px; overflow: hidden;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con .main_img_con .img_con:before {position: absolute; top: 10px; left: 10px; content: '대표 이미지'; padding: 4px 10px; background: var(--pt-color-01); color: #fff; font-weight: 700; letter-spacing: -0.35px; font-size: 14px;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con .main_img_con .img_con img {max-width: 100%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con .main_img_con p {margin: 10px 0 0 0; font-size: 12px; color: #555; letter-spacing: -0.3px; text-align: center;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul {display: flex; flex-wrap: wrap; width: 70%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li {position: relative; width: 140px; height: 140px; padding: 10px; margin: 0 10px 10px 0; background: #fff; overflow: hidden;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li.main {border: 1px solid var(--pt-color-01);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li.main:after {position: absolute; top: 0; left: 0; content: '대표'; padding: 4px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #fff; background: var(--pt-color-01);}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); opacity: 0; transition: opacity 200ms ease-in-out; z-index: 2;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li a.del {position: absolute; top: 0; right: 0; z-index: 3;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li span.file_name {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.7rem; color: #fff; opacity: 0; transition: opacity 200ms ease-in-out; z-index: 3;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li:hover:before {opacity: 1;}
#add_product .width_con .main_con ul.grid_box li.grid_items .info_con.sample .file_con.stated .sample_con ul li:hover span.file_name {opacity: 1;}

.product_list .product_info_con .desc_con h6 span.tags {padding: 4px; border-radius: 4px; margin: 0 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: -0.3px;}
.product_list .product_info_con .desc_con h6 span.tags.tag_01 {background: var(--pt-color-01); color: #fff;}
.product_list .product_info_con .desc_con h6 span.tags.tag_02 {background: #002BFF; color: #fff;}
.product_list .product_info_con .desc_con h6 span.tags.tag_03 {background: #FFF9BF; color: #894B00;}

.product_list.pl_01 {}
.product_list.pl_01 .section_con {}
.product_list.pl_01 .section_con .width_con .fn_bar {padding: 10px 0;}
.product_list.pl_01 .btns.btn_add {display: inline-block; margin: 15px 0 0 0; padding: 10px; border-radius: 4px; background: var(--pt-color-01); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.product_list.pl_01 .search_filter {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0;}
.product_list.pl_01 .search_filter .option_con {}
.product_list.pl_01 .search_filter .option_con p.initial_txt {text-align: center; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555; margin: 0 0 10px 0;}
.product_list.pl_01 .search_filter .option_con .option_list {display: flex; flex-wrap: wrap;}
.product_list.pl_01 .search_filter .option_con .option_list a {margin: 0 10px 10px 0; padding: 4px 10px; border-radius: 999px; border: 1px solid #E0E0E0; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: var(--bg-color-01);}
.product_list.pl_01 .search_filter .option_con .btn_con {display: flex; justify-content: center; align-items: center;}
.product_list.pl_01 .search_filter .option_con .btn_con .btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555;}
.product_list.pl_01 .search_filter .option_con .btn_con .btns.btn_search_filter {}
.product_list.pl_01 .search_filter .option_con .btn_con .btns.btn_refresh {margin: 0 0 0 10px;}
.product_list.pl_01 .search_filter.initial .option_con .btn_con .btns.btn_refresh {display: none;}
.product_list.pl_01 .tab_con {padding: 15px 30px 0 30px; border-bottom: 1px solid #101820; background: #E0E0E0;}
.product_list.pl_01 .tab_con ul {display: flex;}
.product_list.pl_01 .tab_con ul li {position: relative; display: flex; margin: 0 2px 0 0; border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}
.product_list.pl_01 .tab_con ul li a {padding: 10px; font-size: 0.8rem; font-weight: 400; color: #fff;}
.product_list.pl_01 .tab_con ul li.on {background: #fff; border-bottom: 1px solid #fff;}
.product_list.pl_01 .tab_con ul li.on:before {position: absolute; bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; background: #fff; z-index: 9;}
.product_list.pl_01 .tab_con ul li.on a {color: var(--bg-color-01);}
.product_list.pl_01 .width_con {}
.product_list.pl_01 .width_con .filter_con {display: flex; align-items: center;}
.product_list.pl_01 .width_con .filter_con a.btn_filter {padding: 10px; margin: 0 10px 0 0; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; font-weight: 400; color: #555;}
.product_list.pl_01 .width_con .filter_con a.btn_filter span {margin: 0 0 0 4px; padding: 4px; border-radius: 999px; font-size: 0.5rem; font-weight: 400; color: #fff; background: var(--bg-color-01);}
.product_list.pl_01 .width_con .filter_con a.btn_filter.on {background: var(--bg-color-01); border: 1px solid var(--bg-color-01); color: #fff;}
.product_list.pl_01 .width_con .filter_con a.btn_filter.on span {color: var(--bg-color-01); background: #fff;}
.product_list.pl_01 .width_con .filter_con .search_con {display: flex; padding: 15px 0;}
.product_list.pl_01 .width_con .filter_con .search_con input {margin: 0 4px 0 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000;}
.product_list.pl_01 .width_con .filter_con .search_con input:placeholder-shown {font-size: 0.7rem; font-weight: 400; color: #999;}
.product_list.pl_01 .width_con .filter_con .search_con a.btn_search {display: flex; align-items: center; padding: 10px; border-radius: 4px; background: var(--bg-color-01); font-size: 0.7rem; font-weight: 700; color: #fff;}
.product_list.pl_01 .width_con .filter_con .search_con a.btn_search svg {color: #fff;}

.product_list.pl_01 .width_con .product_con {}
.product_list.pl_01 .width_con .product_con {padding: 15px 0;}
.product_list.pl_01 .width_con .product_con .fn_con {display: flex; justify-content: space-between; align-items: center; height: 44px;}
.product_list.pl_01 .width_con .product_con .fn_con ul {display: flex; align-items: center;}
.product_list.pl_01 .width_con .product_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.product_list.pl_01 .width_con .product_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.product_list.pl_01 .width_con .product_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.product_list.pl_01 .width_con .product_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.product_list.pl_01 .width_con .product_con .fn_con ul li span {color: #555;}
.product_list.pl_01 .width_con .product_con .fn_con .fn_btn_con a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.product_list.pl_01 .width_con .product_con .fn_con .fn_btn_con a.btn_add {margin: 0 10px 0 0;}
.product_list.pl_01 .width_con .product_con .fn_con .fn_btn_con a.btn_choosen {}
.product_list.pl_01 .width_con .product_con .list_con {margin: 10px 0 0 0;}
.product_list.pl_01 .width_con .product_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col1 {width: 5%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col1 label {cursor: pointer;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col1 label input {display: none;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col2 {width: 10%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 {width: 25%;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col3 {align-items: flex-start;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con {display: flex; align-items: center;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .img_con {display: flex; justify-content: center; align-items: center; width: 110px; max-height: 80px; margin: 0 10px 0 0; background: #F0F0F0; overflow: hidden;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .img_con img {width: 100%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con {text-align: left;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con h6 {font-size: 14px; font-weight: 400; color: #555; letter-spacing: -0.35px;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con p {font-size: 14px; letter-spacing: -0.35px; color: #555; margin: 6px 0 0 0;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col4 {width: 13%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col5 {width: 7%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col6 {width: 15%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col7 {width: 4.5%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col8 {width: 8.5%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col9 {width: 5%;}
.product_list.pl_01 .width_con .product_con .list_con .rows .cols.col10 {width: 5%;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_hd {}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd {}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols {flex-direction: column;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10 {position: relative;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more div:nth-child(2) {margin: 0 4px;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_bd .cols.col10.on .extra_btn_con {display: flex;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.product_list.pl_01 .width_con .product_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}


.product_list.pl_02 {}
.product_list.pl_02 .section_con {}
.product_list.pl_02 .width_con {}

.product_list.pl_02 .width_con .product_con {}
.product_list.pl_02 .width_con .product_con {padding: 15px 0;}
.product_list.pl_02 .width_con .product_con .fn_con {display: flex; justify-content: space-between; align-items: center; height: 44px;}
.product_list.pl_02 .width_con .product_con .fn_con ul {display: flex; align-items: center;}
.product_list.pl_02 .width_con .product_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.product_list.pl_02 .width_con .product_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.product_list.pl_02 .width_con .product_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.product_list.pl_02 .width_con .product_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.product_list.pl_02 .width_con .product_con .fn_con ul li span {color: #555;}
.product_list.pl_02 .width_con .product_con .fn_con .fn_btn_con a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.product_list.pl_02 .width_con .product_con .list_con {margin: 10px 0 0 0;}
.product_list.pl_02 .width_con .product_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 8px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col1 {width: 4%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col1 label {cursor: pointer;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col1 label input {display: none;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col2 {width: 10%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 {width: 25%;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col3 {justify-content: flex-start;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con {display: flex; align-items: center;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .img_con {display: flex; justify-content: center; align-items: center; width: 110px; margin: 0 10px 0 0; background: #F0F0F0;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .img_con img {width: 100%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con {text-align: left;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con h6 {font-size: 14px; font-weight: 400; color: #555; letter-spacing: -0.35px;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con p {font-size: 14px; letter-spacing: -0.35px; color: #555; margin: 6px 0 0 0;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col3 .product_info_con .desc_con .affiliation {display: inline-block; font-size: 14px; letter-spacing: -0.35px; color: #555; margin: 4px 0 0 0; padding: 4px; border-radius: 4px; border: 1px solid #E0E0E0;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col4 {width: 13%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col5 {width: 7%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col6 {width: 12%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col7 {width: 8%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col8 {width: 9%;}
.product_list.pl_02 .width_con .product_con .list_con .rows .cols.col9 {width: 12%;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_hd {}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd {}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols {flex-direction: column;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col7 p {font-size: 14px;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col7 p.approve {color: #0023FF;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col7 p.temporary {color: #F00;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col7 p.return {color: #555;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col7 a {margin: 4px 0 0 0; padding: 4px; border-radius: 4px; background: #999; font-size: 12px; letter-spacing: -0.3px; color: #fff;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col9 a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_bd .cols.col11.on .extra_btn_con {display: flex;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.product_list.pl_02 .width_con .product_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}


.product_list.pl_03 {}
.product_list.pl_03 .width_con {}
.product_list.pl_03 .width_con .category_con .fn_con {display: flex; justify-content: space-between; align-items: center; height: 44px;}
.product_list.pl_03 .width_con .category_con .fn_con ul {display: flex; align-items: center;}
.product_list.pl_03 .width_con .category_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.product_list.pl_03 .width_con .category_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.product_list.pl_03 .width_con .category_con .fn_con ul li span {color: #555;}
.product_list.pl_03 .width_con .category_con .fn_con .fn_btn_con a {padding: 10px; border-radius: 4px; background: var(--pt-color-01); font-size: 0.7rem; color: #fff;}
.product_list.pl_03 .width_con .category_con .list_con {margin: 10px 0 0 0;}
.product_list.pl_03 .width_con .category_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.product_list.pl_03 .width_con .category_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 12px 8px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.product_list.pl_03 .width_con .category_con .list_con .rows .cols.col1 {width: 20%;}
.product_list.pl_03 .width_con .category_con .list_con .rows .cols.col2 {width: 20%;}
.product_list.pl_03 .width_con .category_con .list_con .rows .cols.col3 {width: 10%;}
.product_list.pl_03 .width_con .category_con .list_con .rows .cols.col4 {width: 50%;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .major_cate {display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #E0E0E0; background: #fff;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .minor_cate {display: flex; justify-content: space-between; width: 100%; background: #F0F0F0;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 {justify-content: flex-end;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con {display: flex; justify-content: space-between;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; margin: 0 0 0 10px; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555; background: #fff;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_plus_minor {}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_modify {}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_del {background: #999; color: #fff;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .minor_cate .cols.col2 {}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_bd .minor_cate .cols.col2 img {margin: 0 10px 0 0;}


.product_list.pl_03 .width_con .category_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.product_list.pl_03 .width_con .category_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}


.inquire_list {}
.inquire_list .section_con {margin: 15px 0 0 0;}
.inquire_list .width_con {}
.inquire_list .width_con .fn_bar {flex-direction: column; align-items: flex-start; padding: 0;}
.inquire_list .width_con .fn_bar .flx_box {display: flex;}
.inquire_list .width_con .fn_bar > .search_con {margin: 10px 0 0 0;}

.inquire_list .width_con .product_con {padding: 15px 0;}
.inquire_list .width_con .product_con .fn_con {display: flex; justify-content: space-between; align-items: center;}
.inquire_list .width_con .product_con .fn_con ul {display: flex; align-items: center;}
.inquire_list .width_con .product_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.inquire_list .width_con .product_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.inquire_list .width_con .product_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.inquire_list .width_con .product_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.inquire_list .width_con .product_con .fn_con ul li span {color: #555;}
.inquire_list .width_con .product_con .fn_con .fn_btn_con {display: flex;}
.inquire_list .width_con .product_con .fn_con .fn_btn_con a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.inquire_list .width_con .product_con .fn_con .fn_btn_con a.btn_add {margin: 0 10px 0 0;}
.inquire_list .width_con .product_con .fn_con .fn_btn_con a.btn_choosen {}
.inquire_list .width_con .product_con .list_con {margin: 10px 0 0 0;}
.inquire_list .width_con .product_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.inquire_list .width_con .product_con .list_con .rows .cols {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6px 10px; font-size: 14px; font-weight: 400; color: #555; text-align: center;}
.inquire_list .width_con .product_con .list_con .rows .cols p {font-size: 14px;}
.inquire_list .width_con .product_con .list_con .rows .cols.col1 {width: 3%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col1 label {cursor: pointer;}
.inquire_list .width_con .product_con .list_con .rows .cols.col1 label input {display: none;}
.inquire_list .width_con .product_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.inquire_list .width_con .product_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.inquire_list .width_con .product_con .list_con .rows .cols.col2 {width: 7%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col3 {width: 6%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col4 {width: 10%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col5 {width: 28%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col6 {width: 10%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col7 {width: 8%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col8 {width: 8%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col9 {width: 10%;}
.inquire_list .width_con .product_con .list_con .rows .cols.col10 {width: 10%;}
.inquire_list .width_con .product_con .list_con .rows.row_hd {}
.inquire_list .width_con .product_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000; white-space: nowrap;}
.inquire_list .width_con .product_con .list_con .rows.row_bd {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col3 {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col3 span.user_type {margin: 4px 0 0 0; padding: 4px 10px; border-radius: 4px; font-size: 14px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.35px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col3 span.user_type.member {border: 1px solid #E0E0E0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col3 span.user_type.guest {background: #999; color: #fff;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col4 a {margin: 4px 0 0 0; padding: 4px 10px; border-radius: 4px; font-size: 14px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.35px; border: 1px solid #E0E0E0; display: flex; align-items: center;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col4 a img {margin: 0 4px 0 0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 {align-items: flex-start;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con a {display: flex; align-items: center;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .img_con {width: 80px; margin: 0 10px 0 0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .img_con img {width: 100%;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con h6 {display: flex; align-items: center; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con h6 span.tags {padding: 4px; border-radius: 4px; margin: 0 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: -0.3px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con h6 span.tags.tag_01 {background: var(--pt-color-01); color: #fff;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con h6 span.tags.tag_02 {background: #002BFF; color: #fff;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con h6 span.tags.tag_03 {background: #FFF9BF; color: #894B00;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_con .desc_con p {margin: 4px 0 0 0; font-size: 14px; letter-spacing: -0.35px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_list {margin: 8px 0 0 0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_list ul {display: flex; flex-wrap: wrap; align-items: center;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_list ul li {position: relative; margin: 0 4px 4px 0; padding: 0 4px 0 0; font-size: 12px; letter-spacing: -0.3px; color: #555;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_list ul li:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col5 .product_info_list ul li:last-child:before {display: none;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col6 span {font-size: 12px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status {padding: 4px; border-radius: 4px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_01 {background: #D7EBFF; color: #023AFF;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_02 {background: #FFE1E1; color: #F00;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_03 {background: #FFF58E; color: #AD4400;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_04 {background: #FFD1F8; color: #FF008E;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_05 {background: #D3FDE5; color: #006873;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_06 {background: #FFF0CF; color: #FF4D00;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_07 {background: #F5E8FF; color: #7632D4;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_08 {background: #F0F0F0; color: #999;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col7 .status_con .status.status_09 {background: #fff; color: #777; border: 1px solid #E0E0E0;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col8 p {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col8 p img {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col8 p span {}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col8 a.btn_memo {margin: 10px 0 0 0; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 12px; letter-spacing: -0.3px; color: #555;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10 {position: relative;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10 a.btn_more div:nth-child(2) {margin: 0 4px;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10 .extra_btn_con {position: absolute; top: 60px; left: 20px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.inquire_list .width_con .product_con .list_con .rows.row_bd .cols.col10.on .extra_btn_con {display: flex;}
.inquire_list .width_con .product_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.inquire_list .width_con .product_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}


.inquire_list.il_01 {}
.inquire_list.il_01 .section_con {}
.inquire_list.il_01 .tab_con {padding: 15px 30px 0 30px; border-bottom: 1px solid #101820; background: #E0E0E0;}
.inquire_list.il_01 .tab_con ul {display: flex;}
.inquire_list.il_01 .tab_con ul li {position: relative; display: flex; margin: 0 2px 0 0; border: 1px solid var(--bg-color-01); background: var(--bg-color-01);}
.inquire_list.il_01 .tab_con ul li a {padding: 10px; font-size: 0.8rem; font-weight: 400; color: #fff;}
.inquire_list.il_01 .tab_con ul li.on {background: #fff; border-bottom: 1px solid #fff;}
.inquire_list.il_01 .tab_con ul li.on:before {position: absolute; bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; background: #fff; z-index: 9;}
.inquire_list.il_01 .tab_con ul li.on a {color: var(--bg-color-01);}
.inquire_list.il_01 .width_con {}
.inquire_list.il_01 .width_con .product_con {}


.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col1 {width: 3%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col1 label {cursor: pointer;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col1 label input {display: none;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col2 {width: 7%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col3 {width: 10%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col4 {width: 30%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col5 {width: 10%; align-items: center;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col6 {width: 10%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col7 {width: 10%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col8 {width: 10%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows .cols.col9 {width: 10%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 {align-items: flex-start;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con {display: flex;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .img_con {width: 80px; margin: 0 10px 0 0;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .img_con img {width: 100%;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con {}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 {display: flex; align-items: center; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 span.tags {padding: 4px; border-radius: 4px; margin: 0 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: -0.3px;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 span.tags.tag_01 {background: var(--pt-color-01); color: #fff;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 span.tags.tag_02 {background: #002BFF; color: #fff;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 span.tags.tag_03 {background: #FFF9BF; color: #894B00;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_con .desc_con p {margin: 4px 0 0 0; font-size: 14px; letter-spacing: -0.35px;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_list {margin: 8px 0 0 0;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_list ul {display: flex; flex-wrap: wrap; align-items: center;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_list ul li {position: relative; margin: 0 4px 4px 0; padding: 0 4px 0 0; font-size: 12px; letter-spacing: -0.3px; color: #555;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_list ul li:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col4 .product_info_list ul li:last-child:before {display: none;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason {padding: 4px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason.dere_01 {color: #E00004;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason.dere_02 {color: #FF5900;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason.dere_03 {color: #998C00;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason.dere_04 {color: #005160;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col6 .declaration_reason.dere_05 {color: #999999;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status {font-size: 14px; font-weight: 400; letter-spacing: -0.35px; padding: 4px;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status.dest_01 {color: #023AFF;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status.dest_02 {color: #023AFF;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status.dest_03 {color: #FF0000;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status.dest_04 {color: #555;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col7 .declaration_status.dest_05 {color: #007500;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col9 {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col9 a {display: flex; align-items: center; padding: 8px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 12px; font-weight: 400; color: #555; letter-spacing: -0.3px;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col9 a:last-child {margin: 10px 0 0 0;}
.inquire_list.il_04 .width_con .product_con .list_con .rows.row_bd .cols.col9 a img {margin: 0 4px 0 0;}



.add_post {}
.add_post .width_con {}
.add_post .width_con .title_con {padding: 15px 0;}
.add_post .width_con .title_con .btns {position: relative; padding: 10px;}
.add_post .width_con .title_con .btns a {display: flex; align-items: center;}
.add_post .width_con .title_con .btns a.btn_back {font-size: 0.8rem; color: var(--bg-color-01); font-weight: 700;}
.add_post .width_con .title_con .btns a.btn_back svg {margin: 0 4px 0 0; color: inherit; font-weight: inherit;}
.add_post .width_con .title_con .btn_con {display: flex;}
.add_post .width_con .title_con .btn_con a {display: flex; align-items: center; padding: 16px 20px; border-radius: 4px; margin: 0 10px 0 0; font-size: 16px; font-weight: 700; letter-spacing: -0.4px;}
.add_post .width_con .title_con .btn_con a img {margin: 0 10px 0 0;}
.add_post .width_con .title_con .btn_con a.btn_save {background: var(--pt-color-01); color: #fff;}
.add_post .width_con .title_con .btn_con a.btn_temporary {background: #999; color: #fff;}
.add_post .width_con .title_con .btn_con a.btn_preview {background: #fff; border: 1px solid var(--bg-color-01); color: var(--bg-color-01);}
.add_post .width_con .main_con {margin: 15px 0 0 0;}
.add_post .width_con .main_con ul.grid_box {position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; width: 100%;}
.add_post .width_con .main_con ul.grid_box li.grid_items {border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
.add_post .width_con .main_con ul.grid_box li.grid_items:nth-child(1) {grid-column: 1 / 7; grid-row: 1 / 2;}
.add_post .width_con .main_con ul.grid_box li.grid_items .sub_tit {display: flex; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
.add_post .width_con .main_con ul.grid_box li.grid_items .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01); margin: 0 10px 0 0;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows {display: flex; align-items: center; padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #E0E0E0;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows:last-child {margin: 0 10px 10px 10px;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows h5 {font-size: 0.7rem; font-weight: 700; margin: 0 60px 0 0;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows select {padding: 10px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000; border: 1px solid #E0E0E0;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows select option {}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows input.post_title {width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 0.7rem; font-weight: 400; color: #000;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows input.post_title:placeholder-shown {color: #999;}
.add_post .width_con .main_con ul.grid_box li.grid_items .info_con {padding: 10px;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con {}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .file_row {position: relative; display: flex; width: 100%;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .file_row .show_file {width: 100%; padding: 10px; display: flex; align-items: center;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .file_row .show_file span {font-size: 0.8rem; line-height: 1.2rem; width: 240px; text-overflow: ellipsis; overflow: hidden;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .file_row input {display: none;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .file_row label {display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #E0E0E0; font-size: 12px; color: #555; white-space: nowrap;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con p {display: flex; flex-direction: column; padding: 10px; font-size: 12px; color: #555;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con p span {}

.add_post.post_reply .width_con .main_con ul.grid_box li.grid_items:nth-child(1) {grid-column: 1 / 7; grid-row: 1 / 2;}
.add_post.post_reply .width_con .main_con ul.grid_box li.grid_items:nth-child(2) {grid-column: 1 / 7; grid-row: 2 / 3;}
.add_post.post_reply .width_con .main_con ul.grid_box li.grid_items:nth-child(3) {grid-column: 1 / 7; grid-row: 3 / 4;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows span {font-size: 0.7rem; color: #555;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows span.written_by {padding: 10px; border-radius: 4px; background: #E0E0E0; color: #555; margin: 0 10px 0 0;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows p {font-size: 0.7rem; color: #555; max-height: 300px; overflow: auto;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows p.reply {background: #E0E0E0; color: #555; padding: 10px; border-radius: 4px;}
.add_post .width_con .main_con ul.grid_box li.grid_items .post_rows .file_con .uploaded_file {font-size: 0.7rem; color: #555; text-decoration: underline;}


.post_managements {}
.post_managements .width_con {}
.post_managements .width_con .post_con {padding: 15px 0;}
.post_managements .width_con .post_con .fn_con {display: flex; justify-content: space-between; align-items: center;}
.post_managements .width_con .post_con .fn_con ul {display: flex; align-items: center;}
.post_managements .width_con .post_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.post_managements .width_con .post_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.post_managements .width_con .post_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.post_managements .width_con .post_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.post_managements .width_con .post_con .fn_con ul li span {color: #555;}
.post_managements .width_con .post_con .fn_con a.btn_choosen {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.post_managements .width_con .post_con .list_con {margin: 10px 0 0 0;}
.post_managements .width_con .post_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.post_managements .width_con .post_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.post_managements .width_con .post_con .list_con .rows .cols.col1 {width: 3.5%;}
.post_managements .width_con .post_con .list_con .rows .cols.col1 label {cursor: pointer;}
.post_managements .width_con .post_con .list_con .rows .cols.col1 label input {display: none;}
.post_managements .width_con .post_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.post_managements .width_con .post_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.post_managements .width_con .post_con .list_con .rows .cols.col2 {width: 10%;}
.post_managements .width_con .post_con .list_con .rows .cols.col3 {width: 10%;}
.post_managements .width_con .post_con .list_con .rows .cols.col4 {width: 52%;}
.post_managements .width_con .post_con .list_con .rows .cols.col5 {width: 10%;}
.post_managements .width_con .post_con .list_con .rows .cols.col6 {width: 10%;}
.post_managements .width_con .post_con .list_con .rows .cols.col7 {width: 4.5%;}
.post_managements .width_con .post_con .list_con .rows.row_hd {}
.post_managements .width_con .post_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.post_managements .width_con .post_con .list_con .rows.row_bd {}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols {}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col4 {justify-content: flex-start;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col4 p.post_title {font-size: 0.7rem; font-weight: 400; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7 {position: relative;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7 a.btn_more div:nth-child(2) {margin: 0 4px;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.post_managements .width_con .post_con .list_con .rows.row_bd .cols.col7.on .extra_btn_con {display: flex;}
.post_managements .width_con .post_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.post_managements .width_con .post_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}


.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col1 {width: 3.5%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col2 {width: 10%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col3 {width: 10%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col4 {width: 12%; justify-content: center;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col5 {width: 30%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col5 {justify-content: flex-start;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col5 p.post_title {font-size: 0.7rem; font-weight: 400; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col6 {width: 10%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col6 span {padding: 4px; border-radius: 4px; font-size: 14px; font-weight: 400; letter-spacing: -0.35px;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col6 span.reply_wait {border: 1px solid #f00; color: #f00;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col6 span.reply_complete {border: 1px solid var(--pt-color-01); color: var(--pt-color-01);}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col7 {width: 10%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col7 span {padding: 4px; border-radius: 4px; font-size: 14px; font-weight: 400; letter-spacing: -0.35px;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col7 span.reply_wait {border: 1px solid #f00; color: #f00;}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col7 span.reply_complete {border: 1px solid var(--pt-color-01); color: var(--pt-color-01);}
.post_managements.pm_03 .width_con .post_con .list_con .rows .cols.col8 {width: 4.5%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8 {position: relative; width: 4.5%;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8 a.btn_more div:nth-child(2) {margin: 0 4px;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.post_managements.pm_03 .width_con .post_con .list_con .rows.row_bd .cols.col8.on .extra_btn_con {display: flex;}


.post_managements.pm_04 {}
.post_managements.pm_04 .width_con {}
.post_managements.pm_04 .width_con .category_con .fn_con {display: flex; justify-content: space-between; align-items: center; height: 44px;}
.post_managements.pm_04 .width_con .category_con .fn_con ul {display: flex; align-items: center;}
.post_managements.pm_04 .width_con .category_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.post_managements.pm_04 .width_con .category_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.post_managements.pm_04 .width_con .category_con .fn_con ul li span {color: #555;}
.post_managements.pm_04 .width_con .category_con .fn_con .fn_btn_con a {padding: 10px; border-radius: 4px; background: var(--pt-color-01); font-size: 0.7rem; color: #fff;}
.post_managements.pm_04 .width_con .category_con .list_con {margin: 10px 0 0 0;}
.post_managements.pm_04 .width_con .category_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.post_managements.pm_04 .width_con .category_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 12px 8px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.post_managements.pm_04 .width_con .category_con .list_con .rows .cols.col1 {width: 20%;}
.post_managements.pm_04 .width_con .category_con .list_con .rows .cols.col2 {width: 20%;}
.post_managements.pm_04 .width_con .category_con .list_con .rows .cols.col3 {width: 10%;}
.post_managements.pm_04 .width_con .category_con .list_con .rows .cols.col4 {width: 50%;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .row_cate {display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #E0E0E0; background: #fff;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .row_cate:last-child {border-bottom: none;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 {justify-content: flex-end;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con {display: flex; justify-content: space-between;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; margin: 0 0 0 10px; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555; background: #fff;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_plus_minor {}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_modify {}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .cols.col4 .btn_con .btns.btn_del {background: #999; color: #fff;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .minor_cate .cols.col2 {}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_bd .minor_cate .cols.col2 img {margin: 0 10px 0 0;}


.post_managements.pm_04 .width_con .category_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.post_managements.pm_04 .width_con .category_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}



.statistics {}
.statistics .section_con {}
.statistics .width_con {}
.statistics .width_con .title_con {padding: 15px 0;}
.statistics .width_con .search_con {padding: 15px 0;}
.statistics .width_con .search_con ul {}
.statistics .width_con .search_con ul li {display: flex; align-items: center; margin: 0 0 10px 0; padding: 6px 0; background: #E6E9F2; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
.statistics .width_con .search_con ul li:last-child {margin: 0;}
.statistics .width_con .search_con ul li h6 {font-size: 0.8rem; font-weight: 700; color: var(--bg-color-01); margin: 0 20px 0 0; padding: 0 20px;}
.statistics .width_con .search_con ul li .search_inputs {display: flex; align-items: center;}
.statistics .width_con .search_con ul li .search_inputs .date_con {display: flex; align-items: center; margin: 0 10px 0 0;}
.statistics .width_con .search_con ul li .search_inputs .date_con span {margin: 0 10px; font-size: 0.7rem; font-weight: 700; color: #000;}
.statistics .width_con .search_con ul li .search_inputs .date_con div {display: flex; align-items: center;}
.statistics .width_con .search_con ul li .search_inputs .date_con div select {margin: 0 4px;}
.statistics .width_con .search_con ul li .search_inputs .date_con div select option {}
.statistics .width_con .search_con ul li .search_inputs .date_con div p {font-size: 0.7rem; font-weight: 400; color: #000;}
.statistics .width_con .search_con select {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; font-weight: 400; color: #555;}
.statistics .width_con .search_con input {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000;}
.statistics .width_con .search_con input:placeholder-shown {font-size: 0.7rem; font-weight: 400; color: #999;}
.statistics .width_con .search_con a.btn_search {display: flex; align-items: center; padding: 10px; border-radius: 4px; background: var(--bg-color-01); font-size: 0.7rem; font-weight: 700; color: #fff;}
.statistics .width_con .search_con a.btn_search svg {color: #fff;}

.statistics .width_con .sales_con {}
.statistics .width_con .sales_con {padding: 15px 0;}
.statistics .width_con .sales_con .list_con {margin: 10px 0 0 0;}
.statistics .width_con .sales_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.statistics .width_con .sales_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 8px 10px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.statistics .width_con .sales_con .list_con .rows .cols.col1 {width: 18%;}
.statistics .width_con .sales_con .list_con .rows .cols.col1 label {cursor: pointer;}
.statistics .width_con .sales_con .list_con .rows .cols.col1 label input {display: none;}
.statistics .width_con .sales_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.statistics .width_con .sales_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.statistics .width_con .sales_con .list_con .rows .cols.col2 {width: 12.5%;}
.statistics .width_con .sales_con .list_con .rows .cols.col3 {width: 18%;}
.statistics .width_con .sales_con .list_con .rows .cols.col4 {width: 12.5%;}
.statistics .width_con .sales_con .list_con .rows .cols.col5 {width: 18%;}
.statistics .width_con .sales_con .list_con .rows .cols.col6 {width: 21%;}
.statistics .width_con .sales_con .list_con .rows.row_hd {}
.statistics .width_con .sales_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000; white-space: nowrap;}
.statistics .width_con .sales_con .list_con .rows.row_bd {}
.statistics .width_con .sales_con .list_con .rows.row_bd .cols {}
.statistics .width_con .sales_con .list_con .rows.row_total {background: #999;}
.statistics .width_con .sales_con .list_con .rows.row_total .cols {font-size: 0.8rem; font-weight: 700; color: #fff;}

.settings {}
.settings .width_con {}
.settings .width_con .title_con {display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.settings .width_con .title_con .btns {position: relative;}
.settings .width_con .title_con .btns a {display: flex; align-items: center;}
.settings .width_con .title_con .btns a.btn_back {font-size: 0.8rem; color: var(--bg-color-01); font-weight: 700;}
.settings .width_con .title_con .btns a.btn_back svg {margin: 0 4px 0 0; color: inherit; font-weight: inherit;}
.settings .width_con .title_con .btns a.btn_more {justify-content: space-between;}
.settings .width_con .title_con .btns a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.settings .width_con .title_con .btns a.btn_more div:nth-child(2) {margin: 0 4px;}
.settings .width_con .title_con .btns .extra_btn_con {position: absolute; bottom: -35px; right: -60px;}
.settings .width_con .title_con .btns.on .extra_btn_con {display: block;}
.settings .width_con .main_con {}
.settings .width_con .main_con ul.grid_box {position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; width: 100%;}
.settings .width_con .main_con ul.grid_box li.grid_items {border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) {grid-column: 1 / 3; grid-row: 1 / 2;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) {grid-column: 3 / 7; grid-row: 1 / 2;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) {grid-column: 1 / 4; grid-row: 2 / 3;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) {grid-column: 4 / 7; grid-row: 2 / 3;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) {grid-column: 1 / 7; grid-row: 3 / 4;}
.settings .width_con .main_con ul.grid_box li.grid_items .sub_tit {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px; background: #E6E9F2;}
.settings .width_con .main_con ul.grid_box li.grid_items .sub_tit h6 {font-size: 0.7rem; font-weight: 700; color: var(--bg-color-01);}
.settings .width_con .main_con ul.grid_box li.grid_items .info_con {padding: 10px;}
.settings .width_con .main_con ul.grid_box li.grid_items .info_con {}
.settings .width_con .main_con ul.grid_box li.grid_items .info_con .info_list {}
.settings .width_con .main_con ul.grid_box li.grid_items .info_con .info_list li {display: flex; align-items: center; padding: 4px 0; border-bottom: 1px solid #E0E0E0;}
.settings .width_con .main_con ul.grid_box li.grid_items .info_con .info_list li h5 {font-size: 14px; font-weight: 700; letter-spacing: -0.35px; width: 25%;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li h5 {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li .input_con {position: relative; display: flex; flex-direction: column;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li .input_con input {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; letter-spacing: -0.35px; color: #555;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li .input_con img {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); opacity: 0; pointer-events: none;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li .input_con img.on {opacity: 1; pointer-events: all; cursor: pointer;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .info_list li .input_con:last-child {margin: 4px 0 0 0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .btn_con {display: flex; justify-content: flex-end; width: 100%;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(1) .info_con .btn_con a.btns.btn_save {display: block; margin: 10px 0 0 0; padding: 12px 38px; border-radius: 5px; background: var(--pt-color-01); font-size: 0.7rem; font-weight: 700; letter-spacing: -0.35px; color: #fff; text-align: center;}

.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info {display: flex; justify-content: space-between;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .company_logo {width: calc(20% - 10px); margin: 0 20px 0 0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .company_logo h5 {font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .company_logo .logo_img_con {display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; padding: 16px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .company_logo .logo_img_con img {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .info_list {width: calc(80% - 10px); display: flex; justify-content: space-between; flex-wrap: wrap;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .info_list li {width: 50%; height: 45px; display: flex; align-items: center; border-bottom: 1px solid #E0E0E0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .info_list li.w100 {width: 100%;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .info_list li h5 {width: 100px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(2) .info_con .company_base_info .info_list li p {width: calc(100% - 100px); font-size: 14px; font-weight: 400; letter-spacing: -0.35px;}

.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list {display: flex; flex-wrap: wrap;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li {width: 50%;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li h5 {width: 50%;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; color: #555; letter-spacing: -0.35px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(3) .info_con ul.info_list li a img {margin: 0 4px 0 0;}

.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con ul.info_list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con {padding: 10px 0 10px 10px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con ul.info_list li {display: flex; align-items: center; width: calc(50% - 10px); height: 50px; padding: 4px 10px; margin: 0 10px 0 0; border-bottom: 1px solid #E0E0E0; }
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con ul.info_list li h5 {width: 40%; font-size: 0.7rem; font-weight: 700;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(4) .info_con ul.info_list li p {width: 60%; font-size: 0.7rem; letter-spacing: -0.35px; color: #333;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con textarea {width: 100%; height: 200px; padding: 10px; border: 1px solid #E0E0E0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .text_length {display: flex; align-items: center; margin: 10px 0 0 0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .text_length h5 {margin: 0 4px 0 0; font-size: 0.7rem; font-weight: 400; color: #000; letter-spacing: -0.35px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .text_length h5 em {font-size: 0.7rem; font-weight: 400; color: #555; letter-spacing: -0.35px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .text_length p {font-size: 0.6rem; font-weight: 400; color: #555; letter-spacing: -0.3px;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .text_length p span {}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .btn_con {margin: 20px 0 0 0;}
.settings .width_con .main_con ul.grid_box li.grid_items:nth-child(5) .info_con .btn_con a.btn_submit {display: inline-block; padding: 16px 46px; border-radius: 4px; background: var(--bg-color-01); font-size: 0.8rem; font-weight: 700; color: #fff; letter-spacing: -0.4px;}


.settings.set_02 {}
.settings.set_02 .width_con {}
.settings.set_02 .btns.btn_add {display: inline-block; margin: 15px 0 0 0; padding: 10px; border-radius: 4px; background: var(--pt-color-01); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.settings.set_02 .width_con .user_con {padding: 15px 0;}
.settings.set_02 .width_con .user_con .fn_con {display: flex; justify-content: space-between; align-items: center;}
.settings.set_02 .width_con .user_con .fn_con ul {display: flex; align-items: center;}
.settings.set_02 .width_con .user_con .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.settings.set_02 .width_con .user_con .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.settings.set_02 .width_con .user_con .fn_con ul li p {margin: 0 5px 0 0; font-size: 0.7rem; color: var(--bg-color-01);}
.settings.set_02 .width_con .user_con .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.settings.set_02 .width_con .user_con .fn_con ul li span {color: #555;}
.settings.set_02 .width_con .user_con .fn_con a.btn_choosen {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 0.7rem; color: #555;}
.settings.set_02 .width_con .user_con .list_con {margin: 10px 0 0 0;}
.settings.set_02 .width_con .user_con .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.settings.set_02 .width_con .user_con .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 0.7rem; font-weight: 400; color: #555; text-align: center;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col1 {width: 3%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col1 label {cursor: pointer;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col1 label input {display: none;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col2 {width: 12%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col3 {width: 12%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col4 {width: 6%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col5 {width: 10%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col6 {width: 10%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col7 {width: 10%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col8 {width: 18%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col9 {width: 5%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col10 {width: 5%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col11 {width: 5%;}
.settings.set_02 .width_con .user_con .list_con .rows .cols.col12 {width: 4%;}
.settings.set_02 .width_con .user_con .list_con .rows.row_hd {}
.settings.set_02 .width_con .user_con .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col2 a {display: flex; align-items: center;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col2 a img {margin: 0 4px 0 0;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col3 {display: flex; align-items: center;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col3 img {width: 40px; margin: 0 4px 0 0;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col4 {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col4 a {margin: 4px 0 0 0; padding: 4px; border-radius: 4px; background: #999; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #fff;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col5 {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col7 {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col10 {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col10 a {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col10 a img {}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 {position: relative;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more {display: flex; justify-content: space-between; align-items: center; width: 40px; height: 40px; padding: 10px; border-radius: 4px; background: #E0E0E0; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25) inset;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more div {width: 5px; height: 5px; border-radius: 999px; background: #999;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 a.btn_more div:nth-child(2) {margin: 0 4px;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12 .extra_btn_con {position: absolute; top: 46px; right: 6px; display: none; flex-direction: column; padding: 4px 0; border-radius: 4px; background: #999; z-index: 9;}
.settings.set_02 .width_con .user_con .list_con .rows.row_bd .cols.col12.on .extra_btn_con {display: flex;}
.settings.set_02 .width_con .user_con .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.settings.set_02 .width_con .user_con .list_con .rows.row_empty p {font-size: 0.7rem; color: #777; font-weight: 400;}
















