@charset "UTF-8";

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url(../../../webfonts/Pretendard-Regular.woff2) format("woff2"),
    url(../../../webfonts/Pretendard-Regular.woff) format("woff"),
    url(../../../webfonts/Pretendard-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url(../../../webfonts/Pretendard-Medium.woff2) format("woff2"),
    url(../../../webfonts/Pretendard-Medium.woff) format("woff"),
    url(../../../webfonts/Pretendard-Medium.otf) format("opentype");
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url(../../../webfonts/Pretendard-Bold.woff2) format("woff2"),
    url(../../../webfonts/Pretendard-Bold.woff) format("woff"),
    url(../../../webfonts/Pretendard-Bold.otf) format("opentype");
}

/* 로그인 첫 화면 */
.log_main_wrapper {width:100%; height:100vh; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.log_main_wrapper .log_form {width:423px; padding:16px; max-height:380px; overflow-y:auto; margin:60px 0;}
.log_main_wrapper .log_form img {width:260px;}
.log_main_wrapper .log_title {font-size:20px; text-align:center; font-weight:500; color:#09097a; }
.log_main_wrapper .log_form .log_content {margin-top:25px; font-size:14px; text-align:center;}
.log_main_wrapper .log_form .log_input {margin:25px 27px;}
.log_main_wrapper .log_form .log_button {margin-top:48px; text-align: center;}
.log_main_wrapper .log_form .log_button button{width:72%;}
.log_main_wrapper .log_form .log_footer {margin-top:36px; text-align:center;}
.log_main_wrapper .log_form .log_footer .sec {display:inline-block; position:relative; font-size:12px; line-height:18px; color:#ccc;}
.log_main_wrapper .log_form .log_footer .sec + .sec {padding-left:32px;}
.log_main_wrapper .log_form .log_footer .sec + .sec:before {content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #939393; position:absolute; top:2px; left:16px;}
.log_main_wrapper .log_form .log_footer .sec a {font-size:12px; line-height:18px; color:#939393;}
.log_main_wrapper .log_form .log_footer span.sec a {padding-left:8px;}
.log_main_wrapper .log_copyright {position:absolute; bottom:36px;}
.log_main_wrapper .log_copyright p {font-size:12px; line-height:18px; color:#ccc;}

/* 로그인 */
.log_wrapper {width:100%; height:100vh; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.log_wrapper .log_form {width:366px; padding:16px; max-height:380px; overflow-y:auto; margin:60px 0;}
.log_wrapper .log_form .log_header {margin-bottom:48px; text-align:center;}
.log_wrapper .log_form .log_header .home_logo {display:inline-block; width:158px; height:28px; background:url(../../../images/img_logo.png) 0 0 no-repeat; text-indent:-9999px; font-size:1px; background-size:contain;}
.log_wrapper .log_form .log_header .home_title {font-size:20px; line-height:28px; color:#09097a; font-weight:700;}
.log_wrapper .log_form .log_input .input_box + .input_box {margin-top:8px;}
.log_wrapper .log_form .log_button {margin-top:48px;}
.log_wrapper .log_form .log_forget {margin-top:13px; text-align:center; font-size:13px; color:#09097a;}
.log_wrapper .log_form .log_footer {margin-top:36px; text-align:center;}
.log_wrapper .log_form .log_footer .sec {display:inline-block; position:relative; font-size:12px; line-height:18px; color:#ccc;}
.log_wrapper .log_form .log_footer .sec + .sec {padding-left:32px;}
.log_wrapper .log_form .log_footer .sec + .sec:before {content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #939393; position:absolute; top:2px; left:16px;}
.log_wrapper .log_form .log_footer .sec a {font-size:12px; line-height:18px; color:#939393;}
.log_wrapper .log_form .log_footer span.sec a {padding-left:8px;}
.log_wrapper .log_copyright {position:absolute; bottom:36px;}
.log_wrapper .log_copyright p {font-size:12px; line-height:18px; color:#ccc;}

/* 공통 */
#wrapper {width:100%; height:100vh; display:flex; flex-direction:column; overflow-x:auto;}

/* header set */
.header {display: flex; width: 100%; flex-direction: row; min-width: 1440px; height:72px;}
.header .header_logo {width: 260px; min-width: 260px; height: 100%; display: flex; align-items: center; justify-content: center;}
.header .header_logo a {display:inline-block; width:158px; height:28px; background:url(../../../images/img_logo.png) 0 0 no-repeat; background-size:contain; text-indent:-9999px;}
/*.header .hd_logo {position:absolute; top:10px; left:40px;}*/
/*.header .hd_logo a {display:inline-block; width:158px; height:28px; background:url(../../../images/img_logo.png) 0 0 no-repeat; background-size:contain; text-indent:-9999px; font-size:1px;}*/
.header .header_menu {display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 0 36px}
.header .header_other_site_title {font-size: 16px;}
.header .header_other_site_title em {cursor: pointer;}
.header .header_other_site_title .pipe {margin: 0 24px; font-style: normal;}
.header .header_other_site_title .admin_btn:hover {color: #09097a; font-weight: 700;}
.header .header_other_site_title .cms_btn:hover {color: #09097a; font-weight: 700;}
/*.header .util_menu {display: flex; justify-content: space-between}*/
/*.header .util_menu:after {content:""; display:block; clear:both; visibility:hidden;}*/
/*.header .util_menu * + * {margin-left:6px}*/
/*.header .util_menu .iletter {font-size:16px; color:#09097a; padding-left:48px;}*/
/*.header .util_menu .iletter:after {width:24px; height:24px;}*/

.header2 {display: none;}

/* container set */
#container {display:flex; flex:1; height:calc(100% - 72px); }
.menu_panel {background-color:#1e1e3d; width:260px; position:relative; min-width:260px; display:flex; flex-direction:column;}
.menu_panel .user_info button {display: none;}
.menu_panel .user_info {display:flex; align-items: center; padding:40px 40px 24px 40px; border-radius: 5px}
.menu_panel .user_info .img-area { width:30px; height:30px; background-size:contain; top:0; left:-33px; margin-right: 10px; border-radius: 5px}
/*.menu_panel .user_info .name:before {content:""; display:inline-block; width:24px; height:24px; background:url(../../../images/ic_user.png) 0 0 no-repeat; background-size:contain; position:absolute; top:0; left:-33px;}*/
.menu_panel .user_info .info-area { display:flex; flex-direction: column;}
.menu_panel .user_info .info-area .name {color:#fff; font-weight:700; position:relative}
.menu_panel .user_info .info-area .versiton_master {display:inline-block; font-size:12px; line-height:18px; color:#34c759; font-weight:700; position:relative}
/*.menu_panel .user_info .info-area .versiton_master:after {content:""; display:inline-block; width:18px; height:18px; background:url(../../../images/ic_check_user.png) 0 5px no-repeat; background-size:contain;}*/
.menu_panel .user_info .info-area .versiton_branch {color:#ccc;}
.menu_panel .logout-area {display: none;}
/*.menu_panel .menu_gnb {padding-top:24px; position:relative; max-height:504px; margin-bottom:85px; overflow-y:auto;}*/
.menu_panel .menu_gnb {padding-top:24px; position:relative; margin-bottom:85px; overflow-y:auto;}
.menu_panel .menu_gnb:before {content:""; display:inline-block; border-top:1px solid #fff; opacity:0.2; height:1px; position:absolute; top:0; left:40px; right:40px}
.menu_panel .menu_gnb .gnb_list {}
.menu_panel .menu_gnb .gnb_list > li {}
.menu_panel .menu_gnb .gnb_list > li > a {display:block; position:relative; font-size:16px; line-height:24px; color:#fff; line-height:40px; padding:0 40px; cursor: default;}
.menu_panel .menu_gnb .gnb_list > li ul {}
.menu_panel .menu_gnb .gnb_list > li ul li {}
.menu_panel .menu_gnb .gnb_list > li ul li a {color:#9fb2e4; line-height:40px; position:relative; display:block; padding:0 40px 0 48px;}
.menu_panel .menu_gnb .gnb_list > li ul li a:hover{padding:0 40px 0 55px;}
.menu_panel .menu_gnb .gnb_list li li a:hover:before,
.menu_panel .menu_gnb .gnb_list li li.on a:before {content:""; display:inline-block; width:2px; height:100%; border-left:3px solid #9fb2e4; opacity:0.5; position:absolute; top:0; left:0;}
.menu_panel .menu_gnb .gnb_list li li a:hover:after,
.menu_panel .menu_gnb .gnb_list li li.on a:after {content:""; display:block; width:100%; height:100%; background-color:#9fb2e4; opacity:0.2; position:absolute; top:0; left:0; bottom:0; }
.menu_panel .btn_logout {display:block; padding:5px 40px 40px; line-height:40px; position:absolute; bottom:0; left:0; right:0;}
.menu_panel .btn_logout span {position:relative; display:inline-block; padding-left:28px; color:#fff;}
.menu_panel .btn_logout span:before {content:""; display:inline-block; width:20px; height:20px; background:url(../../../images/ic_logout.png) 0 0 no-repeat; background-size:contain; position:absolute; top:50%; left:0; transform:translateY(-50%);}

/* content set 본문 */
#contents_area {display: flex;}
.contents_area {background-color:#f5f6f8; width:100%; flex:1; padding:36px; display:flex; flex-direction:column; overflow-y:auto; }
/*.contents_area {background-color:#f5f6f8; width:100%; flex:1; padding:36px; display:flex; flex-direction:column; min-width:1180px; overflow-y:auto; }*/
.contents_area .location_place {min-height:36px;}

.contents_area .location_place .location_list {margin-bottom:16px;}
.location_list .prev {cursor:pointer;}
.location_list .on a {cursor:default;}
.contents_area .location_place .location_list:after {content:""; display:block; clear:both; visibility:hidden;}
.contents_area .location_place .location_list li {color:#09097a; float:left; position:relative;}
.contents_area .location_place .location_list li:after {content:""; display:inline-block; width:100%; height:1px; border-bottom:1px solid #09097a; position:absolute; bottom:0; left:0; right:0;}
.contents_area .location_place .location_list li.on:after {content:none;}
.contents_area .location_place .location_list li + li {margin-left:24px;}
.contents_area .location_place .location_list li + li:before {content:""; display:inline-block; width:20px; height:20px; background:url(../../../images/ic_arrow_right.png) 0 0 no-repeat; background-size:contain; position:absolute; top:50%; left:-21px; transform:translateY(-50%);}
.contents_area [class*="multi_place"] {background-color:#fff; padding:16px 24px; border-radius:4px; position:relative}
.contents_area [class*="multi_place"] .search_area {position:relative; display: flex; align-items: center;}
.contents_area [class*="multi_place"] .search_area .input_box {margin-left:20px; width:600px; padding-right:46px;}
.contents_area [class*="multi_place"] .search_area .input_box .btn_sch {width:20px; height:20px; background:url(../../../images/ic_search.png) 0 0 no-repeat; filter:invert(78%) sepia(5%) saturate(18%) hue-rotate(338deg) brightness(108%) contrast(86%); position:absolute; top:50%; right:16px; transform:translateY(-50%); overflow:hidden; text-indent:-9999px; background-size:contain;}
.contents_area [class*="multi_place"] .search_area .input_box.focus .btn_sch {filter:none;}
.contents_area [class*="multi_place"] .search_area .input_box input:focus + .btn_sch {filter:none;}
.contents_area [class*="multi_place"] .search_area .input_box + * {margin-left:20px;}
.contents_area [class*="multi_place"] .btn_small_white.edit {position:absolute; top:50%; right:16px; transform:translateY(-50%); color:#09097a; min-width:42px;}
.contents_area [class*="multi_place"] .search_reset {position:absolute; top:50%; right:24px; transform:translateY(-50%);}
.contents_area [class*="multi_place"] + [class*="content_place"] {margin-top:16px;}
.contents_area [class*="multi_place"] [class*="btn_big_"] + [class*="btn_big_"] {margin-left:4px;}
.contents_area .multi_place_2 {padding:24px;}
.contents_area [class*="content_place"] {position:relative; background-color:#fff; border-radius:4px; padding:24px; margin-top:16px;}
.contents_area [class*="content_place"] .prod_count {font-size:12px; line-height:18px; color:#939393;}
.contents_area [class*="content_place"] .prod_count .p_bundle {display:inline-block; position:relative}
.contents_area [class*="content_place"] .prod_count .p_bundle + .p_bundle {margin-left:10px;}
.contents_area [class*="content_place"] .prod_count .p_bundle + .p_bundle:after {content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #939393; position:absolute; top:50%; left:-6px; transform:translateY(-50%);}
.content_place_filter {display: none; margin-bottom: 20px;}


/* table set */
.table_wrap {position:relative; margin-top:10px;}
.table_wrap .table_option {display:flex; align-items: baseline; position:absolute; top:-60px; right:0;}
.table_wrap .table_option > * + * {margin-left:6px;}
.table_wrap .table_option .select_wrap + * {margin-left:24px;}
.table_wrap .table_option .input_combo {display:inline-block;}
.table_wrap .table_option .input_combo .input_box_2 {width:200px;}
.table_wrap .table_option .btn_middle_light + .select_wrap {margin-left:24px;}
.table_wrap .table_option .document + .iaddition {margin-left:24px;}
.table_wrap [class*="table_basic"] {table-layout:fixed;}
.table_wrap [class*="table_basic"] th {padding:10px 0 10px 24px; background-color:#e9ecf6; color:#09097a; text-align:left; font-weight:500;}
.table_wrap [class*="table_basic"] th .btn_align {color:inherit; font-weight:inherit; width:100%; text-align:inherit;}
.table_wrap [class*="table_basic"] th .btn_align span {color:inherit; font-weight:inherit; position:relative;}
.table_wrap [class*="table_basic"] th .btn_align span:after {content:""; display:inline-block; width:20px; height:20px; background:url(../../../images/ic_align.png) 0 0 no-repeat; background-size:contain; vertical-align:middle; margin-left:4px;}
.table_wrap [class*="table_basic"] td {padding:15px 0 16px 24px; border-bottom:1px solid #ebebeb;}
.table_wrap [class*="table_basic"] td .btn_letter {margin-left:16px;}
.table_wrap [class*="table_basic"] td .no_data {text-align:center; font-size:20px; color:#dfdfdf;}
.table_wrap [class*="table_basic"] tr.disabled td {color:#afafaf;}
.table_wrap [class*="table_basic"] tr.disabled td


.table_wrap .table_basic_head {}
.table_wrap .table_basic_body.no_data {height:100%;}
.table_wrap .table_basic_body.no_data td {border-bottom:0;}
.table_wrap .table_head {border-radius:4px 4px 0 0; border:1px solid #ebebeb; border-bottom:0;}
.table_wrap .table_body {height:480px; overflow-y:auto; border-radius:0 0 4px 4px; border:1px solid #ebebeb; border-top:0;}
.table_wrap .table_basic_head.select th:first-child {padding:10px 0 10px 18px;}
.table_wrap .table_basic_body.select td:first-child {padding:10px 0 10px 18px;}

/* 제품관리 브랜드목록 (마스터) */
[class*="select_option"] {margin-top:16px; position:relative; min-height:21px; display: flex; justify-content: space-between;}
[class*="select_option"] .btn_small_blur1 {cursor:default;}
[class*="select_option"] .btn_small_blur1 + .select_count {margin-left:14px;}
[class*="select_option"] .select_count {color:#ccc;}
[class*="select_option"].active .btn_small_blur1 {color:#09097a !important; background-color:#f7f7f7; cursor:pointer;}
[class*="select_option"].active .btn_small_blur1 {color:#09097a !important; background-color:#f7f7f7; cursor:pointer;}
[class*="select_option"].active .select_count {color:#939393;}
[class*="select_option"].active .select_count span {color:#007aff;}
[class*="select_option"] .option_right {position:absolute; bottom:0; right:0;}
[class*="select_option"] div {display: flex; align-items: center;}
[class*="select_option"] div .select_count {margin-left: 4px;}
.select_option_2 {margin-top:8px;}

/* 제품관리 _ 제품목록 _ 제품추가 */
.layer_sec_3 + .layer_sec_3 {margin-top:24px; display:flex;}
.in_box_1_1 {width:204px; padding-right:24px;}
.prod_thumb {width:180px; height:180px; border:1px dashed #ccc; border-radius:4px; position:relative; cursor:pointer; top:50px; left:240px; }
.prod_thumb div {color:#afafaf; text-align:center; display:block; width:100%; height:100%; }
.prod_thumb div span {position:relative; padding-top:32px; width:100%; height:100%; display:inline-flex; justify-content:center; align-items:center;}
.prod_thumb div span:before {content:""; display:inline-block; width:24px; height:52px; background:url(../../../images/ic_addition_2.png) center top no-repeat; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.prod_thumb.active {border:1px solid #ebebeb;}
.prod_thumb.delete .btn_delete_3 {display:inline-block;}
.prod_thumb .btn_delete_3 {display:none; position:absolute; top:8px; right:8px;}

[class*="in_sec"] + [class*="in_sec"] {margin-top:24px;}
[class*="in_sec"] {display:flex;}
.in_box_3 {flex:1;}
.in_box_3.w_164, .in_box_3.w_424 {flex:none !important;}
.in_box_3 + .in_box_3 {margin-left:24px;}
.inse_combo {display:flex;}
.inse_combo .input_box_2 {flex:1;}
.inse_combo .select_wrap {width:140px; margin-left:8px;}
.disabled * {cursor:auto !important;}
.disabled .in_title {color:#ccc !important;}
.disabled [class*="input_box"] {background-color:#ebebeb; box-shadow:0 0 0 1px #ccc inset;}
.disabled [class*="input_box"] input::placeholder {color:#ccc;}
.disabled [class*="input_box"] input {color:#ccc;}
/*.disabled [class*="select_wrap"] .nice-select {background-color:#ebebeb; border:1px solid #ccc;}*/
/*.disabled [class*="select_wrap"] .nice-select:after {border-color:#ccc; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }*/
/*.disabled [class*="select_wrap"] .nice-select.open .list {display:none;}*/
[class*="in_content"] .flybtn {position:absolute; top:-44px; right:0;}
.drag_wrapper {width:100%; border:1px solid #ebebeb; border-radius:4px; padding:0 56px; position:relative;}
.drag_wrapper + .drag_wrapper {margin-top:16px;}
.drag_wrapper:before {content:""; display:inline-block; width:24px; height:24px; background:url(../../../images/ic_hamburger_menu.png) 0 0 no-repeat; position:absolute; background-size:contain; top:50%; left:16px; transform:translateY(-50%);}
.drag_wrapper .drag_grid {display:flex; padding:8px 0 8px 16px; border-left:1px solid #ebebeb;}
.drag_wrapper .drag_grid .content_box {flex:1; margin-left:16px;}
.drag_wrapper .drag_grid .content_box .content_double {display:flex;}
.drag_wrapper .drag_grid .content_box .content_double > div {width:50%;}
.drag_wrapper .drag_grid .content_box .content_double > div + div {margin-left:24px;}
.per_area > * + * {margin-left:6px;}
.per_area strong {font-size:20px; color:#000; line-height:28px;}
.drag_wrapper .drag_grid .content_box > div + div {margin-top:8px;}
.drag_wrapper .drag_grid .content_box .textarea_box {height:84px;}
.drag_wrapper .drag_grid .btn_remove {position:absolute; top:16px; right:16px;}

/* 제품관리_제품목록_제품상세 */
.set_info {display:flex;}
.set_info + .set_info {margin-top:16px;}
.set_info dt {width:100px; color:#afafaf;}
.set_info dd {margin-left:8px; flex:1;}
.set_info dd + dt {margin-left:24px;}
.set_info dd.list {margin-top:-8px;}
.set_info dd .btn_small_light {margin:8px 4px 0 0;}
.set_info dd .t_result {display:inline-block; position:relative;}
.set_info dd .t_result + .t_result {margin-left:21px;}
.set_info dd .t_result + .t_result:before {content:""; display:inline-block; width:1px; height:12px; border-left:1px solid #5e5e5e; position:absolute; top:50%; left:-12px; transform:translateY(-50%);}
.layer_sec_box {display:flex; padding:24px; border:1px solid #ebebeb; border-radius:4px;}
.layer_sec_box + .layer_sec_box {margin-top:16px !important;}

/* 고객관리_그룹목록 */
.msg_apply {display:flex;}
.msg_apply .t_reduce {flex:1;}
.msg_apply .btn_letter {margin-left:8px;}

/* 고객관리_고객목록 */
.unit_sign_3 {bottom:30px !important; right:24px !important; transform:none;}
.text_points {display:flex;}
.text_points dt {font-size:18px; line-height:26px; color:#939393; min-width:180px;}
.text_points dd {font-size:18px; line-height:26px; color:#000; margin-left:16px; font-weight:500;}
.unit_sign_3.warning [class*="text_warning"] {bottom:-18px;}
.multi_place_2 [class*="premise_title"] + .btn_small_white {margin-left:24px;}
[class*="premise_title"] * {display:inline-block; white-space:nowrap; vertical-align:middle; margin-right:6px;}
[class*="premise_title"] .pre_blue {flex:auto; color:#007aff; display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
[class*="premise_title"] .pre_gray + .btn_small_white, [class*="premise_title"] .pre_gray + .pre_blue {margin-left:16px;}
[class*="layer_content"] .premise_title_2 {padding-right:0 !important;}
.premise_title_2 {display:block !important;}
.premise_title_2 * {white-space:normal !important;}
.select_option_3 {margin-top:24px;}
.content_place_filter .selected_list {display: flex; }
.content_place_filter .selected_list > .skinTyResult {display:flex; justify-content:center; background-color: white; border-radius: 10px; padding: 7px; margin-left: 10px; border: 1px solid black; width: 80px; text-align:center;}
.content_place_filter .selected_list > .productResult, .treatmentResult {display:flex; justify-content:center; background-color: white; border-radius: 10px; padding: 7px; margin-left: 10px; border: 1px solid black; width: auto; text-align:center;}
.search_area {display: flex;}
.customer-search-opt {margin-left: 20px;}

.selected_list {display: flex; width: 100%; overflow-x: auto; flex-wrap: wrap; align-items: center;}
.selected_list div.add_item {display: flex; background-color: white; border-radius: 10px; padding: 7px; margin-left: 10px; border: 1px solid black; width: auto; text-align:center;}
.selected_list div.add_item button {margin-left: 5px;}

.btn_middle_white.iaddition.disabled{cursor: default;}
.btn_middle_white.iaddition.disabled:after {filter:invert(100%) saturate(0%) brightness(80%);}


/* 고객관리_고객목록_고객상세 */
.tab_wrap_2 {}
.divide_sec {position:relative; padding-top:24px; margin-top:24px; border-top:1px solid #ebebeb;}
.divide_sec .tab_wrap_2 {margin-top:16px;}
.product_wrap {display:flex; min-height:140px; overflow: auto;}
.product_wrap_recommend {display:flex; min-height:100px; overflow: auto;}
.product_wrap .product_box {display:flex; /*flex:1;*/ border:1px solid #ebebeb; border-radius:4px; padding:16px;}
.product_wrap .product_box + .product_box {margin-left:16px;}
.product_wrap .product_box .img_thumb {width:106px; height:106px; border-radius:4px; overflow:hidden;}
.product_wrap .product_box .img_thumb img {}
.product_wrap .product_box .text_info {margin-left:14px; flex:1; width:250px;}
.product_wrap .product_box .text_info .name {font-size:12px; line-height:18px; color:#939393;}
.product_wrap .product_box .text_info .desc {display:-webkit-box; height:60px; white-space:normal; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.product_wrap .product_box .text_info .sum {display:inline-block; font-weight:500; margin-top:6px;}
[class*="result_wrap"] {display:flex; flex-wrap:wrap; margin-top:4px;}
[class*="result_wrap"] li {margin:20px 16px 0 0; width:180px;}
[class*="result_wrap"] li .result_thumb {position:relative; width:180px; height:240px; border-radius:4px; overflow:hidden;}
[class*="result_wrap"] li .result_thumb .btn_small_light {position:absolute; top:4px; left:4px;}
[class*="result_wrap"] li .t_bottom {margin-top:4px; position:relative;}
[class*="result_wrap"] li .t_bottom .name {color:#afafaf; margin-right:8px;}
[class*="result_wrap"] li .t_bottom .count strong {font-weight:700; margin-right:-2px;}
[class*="result_wrap"] li .t_bottom .date {position:absolute; top:0; right:0;}
[class*="result_wrap"] li .t_date {position:absolute; right:0; bottom:0;}


.note {display:flex; flex-direction: column; height:auto; border-radius: 4px; margin-bottom:20px; margin-top:20px; padding:24px;}
.note .note-input{display:flex; flex-direction: column; width:100%; margin-bottom: 20px; }
.note .note-input p {width:100%;}
.note .note-input div{display:flex; flex-direction: row; width:100%;}
.note .note-input #noteInput {width: 90%; margin-right: 10px; margin-top: 20px;}
.note .note-input button {width: 10%; margin-top: 20px;}
.note-contents {display:flex; height: 80px; column-gap: 30px;}
.note-contents .date {display:flex;  align-items: center; flex: 0 1 auto;}
.note-contents .contents {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 1 auto;}
.note-contents .contents p {word-wrap: break-word;}
.note-contents .del {display:flex;  align-items: center; cursor: default; flex: 0 1 auto;}

.note-contents .bhfNm {display:flex;  align-items: center; }
.note-contents .nm {display:flex;  align-items: center; }
.note-contents .btn > i {cursor: pointer;}


.sub-container {display:flex; flex:1;  width: 100%; }

.panel_area {height:100%;}
.date_panel {position:relative; width:260px; min-width:260px; background-color:#e9ecf6; padding:72px 16px 40px; height:100%;}
.date_scroll {height:95%; overflow-y:auto; background-color:#fff; border-radius:4px;}
.date_record {padding:8px;}
.date_record li + li {margin-top:4px;}
.result_wrap_2 {height: 100%; margin:0; overflow-y:auto;}
.result_wrap_2 li {width:330px; margin:0 22px 36px 0; position:relative;}
.result_wrap_2 li .result_thumb {width:330px; height:440px;}
.content_place_3 {height: 1200px;}
.content_place_3 .select_the_data {display: flex; justify-content: center; align-items: center; height: 100%; color: #DFDFDF; font-size: 20px;}
/*.content_place_3 {height:100%; !*position:absolute !important;*! top:0; left:0; right:0; bottom:0;}*/
.content_bt_r {margin-top:38px; display:flex;}
.content_bt_r .igenerate {margin-left:auto;}
.resetSelect {width: 100%; }



/* 메시지관리 템플릿목록 */
[class*="sign_wrapper"] {display: flex; width:100%; justify-content: space-between; align-items: center;}
[class*="sign_wrapper"] .sign_sec {position:relative; flex:1;}
[class*="sign_wrapper"] .sign_sec + .sign_sec {border-left:1px solid #ccc; padding-left:36px;}
[class*="sign_wrapper"] .sign_sec .state_area {}
[class*="sign_wrapper"] .sign_sec .state_area dt {font-size:18px; line-height:26px; color:#3a3a3a;}
[class*="sign_wrapper"] .sign_sec .state_area dd {font-size:18px; line-height:26px; color:#007aff; margin-top:4px;}
[class*="sign_wrapper"] .sign_sec .btn_small_white {position:absolute; top:0; right:36px;}
.standard_date {font-size:18px; line-height:26px; color:#939393; margin-bottom:4px;}
.sign_wrapper_2 .sign_sec {margin:0;}
.sign_wrapper_2 .sign_sec .state_area {display:flex;}
.sign_wrapper_2 .sign_sec .state_area dt {width:120px;}
.sign_wrapper_2 .sign_sec .state_area dd {width:120px; margin-left:8px;}
[class*="unit_sign"] {position:absolute; bottom:12px; right:24px; display:flex;}
[class*="unit_sign"] .text_updata {}
[class*="unit_sign"] .text_updata dt, [class*="unit_sign"] .text_updata dd {display:inline-block; font-size:12px; line-height:18px; color:#939393;}
[class*="unit_sign"] .text_updata dt + dd {margin-left:16px;}
[class*="unit_sign"] .text_updata dd + dd {margin-left:4px;}
[class*="unit_sign"] .text_updata + .btn_refresh {margin-left:16px}
.unit_sign_2 {bottom:50%; transform:translateY(50%);}

/* 메시지관리 템플릿목록 템플릿추가 */
.board_wrap {}
.board_wrap [class*="board_subtitle"] {display:inline-block; color:#3a3a3a; font-weight:500; margin-bottom:4px;}
.board_wrap .input_box_2 + .board_subtitle {margin-top:24px;}
.board_wrap .board_content {height:416px; border:1px solid #ebebeb; border-radius:4px; margin-top:24px;}
.board_wrap #editor {height:416px; border:1px solid #ebebeb; border-radius:4px; margin-top:24px;}
.board_subtitle_2 {margin-top:46px;}


/* 통계 탭 설정 */
.top_link {}
.top_link .title_menu {display:flex;}
.top_link .title_menu li {}
.top_link .title_menu li + li {margin-left:16px;}
.top_link .title_menu li a {display:inline-block; font-size:16px; line-height:24px; color:#939393;}
.top_link .title_menu li.on a {color:#09097a; font-weight:700;}
.top_link + [class*="tab_wrap"] {padding-top:10px;}

.tab_content .input_box_2 {box-shadow: none;}
.tab_content .input_box_2 .datepicker {}

[class*="tab_wrap"] {display:flex; flex-direction:column; flex:1;}
[class*="tab_wrap"] .tab_menu {display:flex; padding-bottom:16px;}
[class*="tab_wrap"] .tab_menu li + li {margin-left:8px;}
[class*="tab_wrap"] .tab_menu li a {display:block; position:relative; padding:0 8px; line-height:28px; background-color:#fff; color:#1b1b57; border-radius:4px;}
[class*="tab_wrap"] .tab_menu li.ui-state-active a {background-color:#1b1b57; color:#fff;}
[class*="tab_wrap"] .tab_menu li.ui-state-active a {padding-right:32px;}
[class*="tab_wrap"] .tab_menu li.ui-state-active a:after {content:""; display:inline-block; width:20px; height:20px; background:url(../../../images/ic_check_white.png) 0 0 no-repeat; background-size:contain; position:absolute; top:50%; right:8px; transform:translateY(-50%); }
[class*="tab_wrap"] .tab_content {position:relative; flex:1;}
.tab_content .tab_date {position:absolute; top:-60px; right:0;}
.tab_content .tab_date * {vertical-align:middle;}
.tab_content .tab_date .t_center {display:inline-block; padding:0 24px; font-size:20px; line-height:28px; font-weight:700; color:#09097a;}
.tab_content .tab_date .t_prev {display:inline-block; width:28px; height:28px; text-indent:-9999px; overflow:hidden; background:url(../../../images/ic_date_prev.png) center center no-repeat; background-size:contain;}
.tab_content .tab_date .t_next {display:inline-block; width:28px; height:28px; text-indent:-9999px; overflow:hidden; background:url(../../../images/ic_date_next.png) center center no-repeat; background-size:contain;}
.tab_content .tab_date .t_prev.disabled, .tab_content .tab_date .t_next.disabled {filter:invert(79%) sepia(19%) saturate(3%) hue-rotate(48deg) brightness(101%) contrast(90%); cursor:auto;}
.tab_wrap_2 .tab_menu li.ui-state-active a {padding:0 8px;}
.tab_wrap_2 .tab_menu li.ui-state-active a:after {content:none;}
.tab_wrap_3 [class*="content_place"] {height:auto;}

.input_picker {text-align: center; border:0 solid black; color: #09097a; font-weight: 700; font-size: 20px; padding : 15px 16px;  background-color: transparent; }
/*.yearpicker {padding : 10px 16px; }*/


/* 통계_측정횟수 */
[class*="in_space"] {min-height:226px; position:relative;}
.contents_area .content_place .in_space {margin-top:8px;}
.contents_area .content_place_2 {display:flex; padding:0; background-color:transparent;}
.contents_area .content_place_2 .in_space {width:50%; padding:24px; background-color:#fff;}
.contents_area .content_place_2 .in_space + .in_space {margin-left:16px;}
.in_space .table_wrap {margin-top:28px;}
.in_space .table_wrap [class*="table_basic"] th {padding:2px 0 2px 24px;}
.in_space .table_wrap [class*="table_basic"] td {padding:4px 0 4px 24px;}
.in_space .table_wrap .table_body {height:150px;}
.multi_place_2 {display: flex; }


/* 오버뷰 */
.top_subject {margin:24px 0 8px;}
.top_subject * {display:inline-block; font-size:20px; line-height:28px; color:#3a3a3a; font-weight:500;}
.top_subject .date {color:#afafaf; margin-left:8px; font-weight:400;}
[class*="report_wrap"] {display:flex;}
[class*="report_wrap"] + [class*="report_wrap"] {margin-top:16px;}
[class*="report_wrap"] [class*="sub_box"] {padding:16px 16px 16px 24px; height:76px; position:relative; background-color:#fff;}
[class*="report_wrap"] .sub_box {flex:1;}
[class*="report_wrap"] [class*="sub_box"] + [class*="sub_box"] {margin-left:16px;}
.sub_migrate, .sub_migrate a { position:relative; display:block; color:#afafaf; }
.sub_migrate a { width:99%; }
.sub_migrate button { color:#afafaf; }
[class*="report_wrap"] [class*="sub_box"] .sub_migrate a:after {content:""; display:inline-block; width:20px; height:20px; background:url(../../../images/ic_arrow_right.png) center right no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%); filter:invert(76%) sepia(1%) saturate(1%) hue-rotate(333deg) brightness(93%) contrast(92%);}
[class*="report_wrap"] [class*="sub_box"] .report_result {font-size:16px; line-height:24px; color:#dfdfdf; font-weight:500;}
[class*="report_wrap"] [class*="sub_box"] .t_per {position:absolute; bottom:16px; right:24px;}
[class*="report_wrap"] .sub_box_2 {width:265px;}
.report_wrap_2 [class*="sub_box"] {padding:24px; height:auto;}
.report_wrap_2 .table_wrap .table_body {height:416px;}
.report_wrap_2 [class*="sub_box"] .sub_migrate a:after {right:-8px;}

/* 고객관리_고객목록_메시지전송 */
[class*="report_wrap"] .sub_box_3 {width:314px;}
[class*="report_wrap"] [class*="sub_box"] + .sub_box_3 {margin-left:8px;}
.msg_length {margin-top:8px; display:flex;}
.msg_length .text_length {display:inline-block; color:#ccc;}
.msg_length .text_length.active {color:#007aff;}
.msg_length .text_length.inactive {color:#ff3b30;}
.msg_length .btn_small_white {margin-left:auto;}
.msg_length + [class*="select_option"] {margin-top:40px;}
.form_phone {width:100%; height:100%; background:url(../../../images/bg_phone_message.png) 0 0 no-repeat;}
.form_phone .text_read {padding:56px 38px 32px; width:100%; height:100%;}
.form_phone .text_read textarea {border:transparent; background:transparent; width:100%; height:100%; color:#000;}

/* 설정_계정관리_계정추가 */
.in_content_divided {margin-top:0 !important; position:relative; padding-right:153px;}
.in_content_divided .select_wrap {min-width:362px; width:100%;}
.in_content_divided [class*="side_area"] .in_title {display:block;}
.in_content_divided [class*="side_area"] + [class*="side_area"] .in_title {padding-left:7px;}
.in_content_divided [class*="side_area"] .in_title + * {margin-top:4px;}
.in_content_divided [class*="side_area"] .divide_list {}
.in_content_divided [class*="side_area"] .divide_list > * {float:left; margin-left:7px;}
.in_content_divided [class*="side_area"] .divide_list:after {content:""; display:block; clear:both; visibility:hidden;}
.in_content_divided .side_area_2 {position:absolute; top:0; right:0; width:153px;}
.side_area_2 .btn {margin-top: 24px; margin-left:10px; width: 94%;}
.disabled .in_content_divided .in_title {color:#3a3a3a !important;}
.in_content_button {padding-right:175px; margin-top:4px !important;}
.in_content_button .btn_middle_light {position:absolute; top:0; right:0;}
.content_place_4 {padding:24px 24px 46px !important;}



/* popup */
.layer_basic_popup {position:fixed; bottom:0; left:0; right:0; width:100%; z-index:120}
.layer_basic_popup [class*="layer_wrap"] {position:fixed; top:50%; left:50%; z-index:120; background-color:#fff; transform:translate3d(-50%, -50%, 0); -webkit-transform:translate3d(-50%, -50%, 0); box-shadow:0 0 20px 3px rgb(0 0 0 / 10%)}
.dim_area {position:fixed; background-color:rgba(0, 0, 0, 0.75); z-index:119; width:100%; height:100%; left:0; right:0; bottom:0; top:0; display:block}
[class*="layer_wrap"] {width:460px; background-color:#fff; padding:16px 24px 24px; border-radius:4px;}
.layer_body .layer_head h2 {display:flex; align-items:center; justify-content:center; text-align:center; color:#000;}
.layer_body .layer_head h2.ta_l {justify-content:left;}
.layer_body .layer_head .text_3 {min-height:52px; padding:16px 0;}
.layer_body .layer_head .text_4 {min-height:58px;}
.layer_body [class*="layer_content"] {padding:8px 0 30px;}
.layer_body [class*="layer_content"] .cont_subject {display:inline-block; color:#3a3a3a; font-weight:500; margin-bottom:4px;}
.layer_body [class*="layer_content"] .input_box + .cont_subject {margin-top:16px;}
.layer_body [class*="layer_html"] {padding:8px 0 30px;}
.layer_body .layer_content_02 {padding:8px 0;}
.layer_body .layer_content_02 .txt_article {text-align:center; font-size:15px; line-height:24px;}
[class*="layer_button"] {margin-top:16px;}
[class*="layer_button"] * {width:100%;}
.layer_button_combo {display:flex;}
.layer_button_combo * + * {margin-left:8px; flex:1;}
.layer_button_combo .btn_big_light {width:140px; color:#09097a;}
.layer_button_combo .btn_big_navy {width:100%; color:#fff;}
.layer_button_combo .btn.big.light {width:140px; color:#09097a;}
.layer_button_combo .btn.big.navy {width:100%; color:#fff;}
.in_title + p[class*="text_warning"] {margin-top:2px;}

/* popup - 필터 */
.layer_wrap_filter {width:740px; padding:0;}
.layer_header {position:relative; border-bottom:1px solid #ebebeb; padding:16px 16px 16px 24px;}
.layer_header .btn_close {position:absolute; top:16px; right:16px;}
.layer_wrap_filter [class*="layer_content"], .layer_wrap_kiosk [class*="layer_content"] {padding:24px 24px 36px 24px;}
.layer_content_2 {padding:24px;}
[class*="layer_fixed"] {max-height:628px; overflow-y:auto; overflow-x:hidden; margin:0 -24px; padding:0 24px;}
[class*="layer_sec_2"] {display:flex;}
.layer_sec_2_2 {padding-right:248px;}
h2 + [class*="layer_sec"] {margin-top:16px;}
[class*="layer_sec"] + [class*="layer_sec"] {margin-top:36px;}
[class*="layer_sec"] .in_box_1 {width:244px; margin-right:24px;}
[class*="layer_sec"] .in_box_2 {flex:1;}
[class*="layer_sec"] .in_title {font-weight:500; color:#3a3a3a;}
[class*="layer_sec"] .in_title.disabled {color:#ccc !important;}
[class*="in_content"] {margin-top:10px; position:relative;}
[class*="in_content"] .check_wrap {margin-top:-12px; display:flex; flex-wrap:wrap;}
[class*="in_content"] .check_wrap li {margin:12px 10px 0 0;}
.layer_wrap_filter [class*="in_content"] .check_wrap li:nth-child(5) {margin-right:0;}
[class*="in_content"] .option_list {padding-left:12px;}
[class*="in_content"] .option_list li {}
[class*="in_content"] .option_list li + li {margin-top:20px;}
[class*="in_content"] .option_list li .t_order {display:inline-block; color:#afafaf; min-width:94px; margin-right:36px;}
[class*="in_content"] .option_list li .input_box_2 {border:none; }
[class*="in_content"] .option_list li .inp_check_2 + .inp_check_2 {margin-left:7px;}
.in_content_2 {margin-top:4px;}
.in_content {display: flex; background-color:#f7f7f7; border-radius: 10px; padding: 20px}
[class*="selected_list"] {min-height:60px; padding:16px; background-color:#f7f7f7; margin-top:8px;}
[class*="selected_list"] ul {margin-top:-8px; display:flex; flex-wrap:wrap;}
[class*="selected_list"] ul li {padding:4px 8px; margin-top:8px; background-color:#fff; border:1px solid #ebebeb; border-radius:4px; margin-right:8px;}
[class*="selected_list"] ul li .name {color:#09097a;}
[class*="selected_list"] ul li .btn_delete {}
.selected_list_2 {margin-top:18px;}
.selected_list_3 ul li .name {color:#5e5e5e;}
[class*="layer_option_btn"] {display:flex; margin-top:36px;}
[class*="layer_option_btn"] .btn {width:120px;}
[class*="layer_option_btn"] .btn_right {margin-left:auto;}
[class*="layer_option_btn"] .btn_right * {width:240px;}
[class*="layer_option_btn"] .btn_right * + * {margin-left:6px;}
.layer_option_btn_2 {margin-top:16px;}

/* popup - 카테고리 */
.layer_wrap_categories {width:912px; padding:0;}
.categories_wrap {display:flex;}
.categories_wrap .categories_part {flex:1;}
.categories_wrap .categories_part + .categories_part {margin-left:16px;}
.categories_wrap .categories_part .ctgr_list {}
.categories_wrap .categories_part .ctgr_list li {margin-top:4px;}
.categories_wrap .categories_part .ctgr_list li .radio_small_light {}
.categories_wrap .ctgr_list + h3 {margin-top:12px;}

/* popup - 그룹에 추가 */
.layer_wrap_group {width:408px; padding:0;}
[class*="premise_title"] {font-size:20px; line-height:28px; color:#afafaf; display:flex; padding-right:350px;}
span[class*="premise_title"] {display:inline-block;}
[class*="premise_title"] + .group_wrap {margin-top:16px}
.group_wrap h3 {color:#000; font-weight:500;}
.group_wrap .group_list {height:360px; overflow-y:auto; background-color:#f7f7f7; margin-top:4px; padding:8px; border-radius:4px;}
.group_wrap .group_list li + li {margin-top:4px;}
.no_data {font-size:20px; color:#dfdfdf; display:inline-flex; width:100%; height:100%; justify-content:center; align-items:center;}

/* popup - 걔정추가 */
.layer_sec_4 {margin-top:58px !important;}
.guide {position:relative;}
.guide .t_guide {display:inline-block; font-size:12px; line-height:18px; font-weight:500; color:#9fb2e4; padding-left:22px; background:url(../../../images/ic_guide.png) center left no-repeat; position:absolute; top:-23px; right:0;}

/* popup - 계정상세 */
.layer_sec_5 {margin-top:16px !important;}

/* popup - 키오스크 상세 */
.layer_wrap_kiosk {width:536px; padding:0;}

/* popup - 고객목록 */
.layer_wrap_list {width:648px; padding:0;}
[class*="layer_content"] .table_wrap {margin:0;}

/* popup - 가이드 */
[class*="layer_wrap_guide"] {position:absolute; width:600px; padding:0; margin:145px 0 0 300px;}
[class*="layer_wrap_guide"] .guide_img {height:212px;}
.layer_wrap_guide_2 {margin:217px 0 0 300px;}

/* popup - kiosk ad preview */
.layer_wrap_kiosk_ad_preview {width:70%; padding:0;}
.banner_preview_area {display: flex; flex-direction: row; justify-content: space-around; width: 100%; }
.banner_preview_area .divideArea {display: flex; flex-direction: column;}
.banner_preview_area .kiosk_preview_cbanner_img, .kiosk_preview_bbanner_img {width: 300px; height: 500px; display:table-cell;vertical-align:middle;}
.kiosk_preview_cbanner_img {background: url("/images/previewCoverBanner.png");  background-repeat: no-repeat; background-position: center center; background-size: contain;}
.kiosk_preview_bbanner_img {background: url("/images/previewBottomBanner.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.swiper {width: 600px; height: 300px;}
#cbanner {width: 230px; height: 380px; margin-top: 40px;}
#bbanner {width: 230px; height: 150px; margin-top: 270px;}




/* accunts - 권한 설명 테이블 */
.auth_top_link {}
.auth_top_link .auth_title_menu {display:flex; }
.auth_top_link .auth_title_menu li {}
.auth_top_link .auth_title_menu li + li {margin-left:16px;}
.auth_top_link .auth_title_menu li {display:inline-block; font-size:16px; line-height:24px; color:#939393; cursor:pointer; }
.auth_top_link .auth_title_menu li.on {color:#09097a; font-weight:700;}
.auth_top_link .auth_tab_wrap {padding-top:10px;}
.auth_tab_wrap { display:none; }
.auth_tab_wrap.on { display:block; margin-top: 10px;}
.auth_tab_wrap .auth_tab_menu { margin-bottom:10px; }
.auth_tab_menu li { cursor:pointer; }

/* 사용자 테이블 사진으로 대체 */
.tab_content .admin-photo {display:none; width:250px; height: 230px;}

.auth_table { border:1px solid #f7f7f7;}
.auth_table tr { height:50px; }
.auth_table th {font-weight:500; }
.auth_table th, .auth_table td { text-align:center; border:1px solid #f7f7f7; padding:20px; }
.auth_table li { height:20px; }
.auth_table li i { color:#073c89; }
.auth_table .blank { background-color:#ebebeb; }
.auth_table .on { color:#165cd4; }
.auth_table .unchk { color:#AAAAAA; }
.auth_table { display:none; }
.auth_table.on { display:block; }

/* kiosk main */
.contents_area .content_place .table_wrap .table_option .nice-select { width: 40%; }
.contents_area .content_place .table_wrap .select_option button:last-child { float:right; }

.admin_thumb {width:180px; height:180px; border:1px dashed #ccc; border-radius:4px; position:relative; cursor:pointer; }
.admin_thumb div {color:#afafaf; text-align:center; display:block; width:100%; height:100%; }
.admin_thumb span {position:relative; padding: 80px 59px; width:100%; height:100%; display:block; justify-content:center; align-items:center; color: var(--bs-gray-400); }
.admin_thumb.active {border:1px solid #ebebeb;}

.group_wrap h3 {color:#000; font-weight:500;}
.group_wrap .branch_list {height:360px; overflow-y:auto; background-color:#f7f7f7; margin-top:4px; padding:8px; border-radius:4px;}
.group_wrap .branch_list li + li {margin-top:4px;}

#kioskContents .in_content_divided { width: 30%; }
#kioskContents .in_content_divided .side_area { width: 45%; }
#kioskContents .in_content_divided .side_area_2 { width: 69%; }
#kioskContents .in_content_divided .side_area_2 button { width:120px; }

/*#admin_contents_area .table_wrap #admin-list .tui-grid-cell:nth-child(1) .tui-grid-cell-content { height:49px; }*/
img.thumbUrl { object-fit: contain; width: 40px; height: 40px}
#preThumbUrl { z-index: 1; position: absolute; padding: 2px; max-width:300px; }

#assignArea .branch_list .chk_folder label span {display:block; float:right;}
#assignArea .branch_list .chk_folder label span.act {color:#97e60b;}
#assignArea .branch_list .chk_folder label span.susp {color:#fde803;}

span.circle-susp { color: #e1ce00; }
span.circle-act { color: #31d518; }


/*Kiosk V2_mian*/
.container { border-collapse: collapse;}
.container:nth-child(n+2){margin-top: 1rem;}
.draggable {height: 70px; line-height: 50px; padding: 0 20px; background-color: white; border: 1px solid #c5cdd7; box-sizing: border-box; cursor: move; border-radius: 10px;}
.draggable:last-child {border-bottom: 1px solid #c5cdd7;}
.draggable.dragging { opacity: .5; border: 2px dashed red;}
/*.el {display: inline-block; vertical-align: middle;}*/
.ico-drag { display: inline-block; vertical-align: inherit; width: 15px; height: 15px; background: url(./menu.png) no-repeat center top; background-size: cover;}
/*.kiosk_dragAndDropEl {display: flex; align-items: center;}*/

.DADList {display: flex; height:100%;}
.DADList .DADline {display: flex; width: 10%; height: 100%; border-right: solid #dbdada 1px; align-items: center; font-size: 24px;}
.DADList .DADimg {width: 20%; height: 100%;}
.DADList .DAD-video {width: 20%; height: 100%;}
.DADList .DADimg img {width:90px; height:100%; object-fit:cover; padding: 10px;}
.DADList .DADfile {display: flex; align-items: center; width: 60%; height: 100%; margin-left: 30px;}
.DADList .DADfile > .fileInput {width: 100%; height: 70%; border: solid #dbdada 1px; padding:10px; }
.DADList .DADdel {display: flex; align-items: center; justify-content: flex-end; width: 10%; height: 100%; font-size: 24px; text-align: right;}
/*.kiosk_dragAndDropEl > div {margin-right: 10px; border-radius: 10px;}*/




.bannerTable {height: 100px; border: 0;}
.bannerTable td {padding-left: 10px; text-align:left;}
.bannerTable .img_td {width: 40%;}
.bannerTable > .img_td > img {display:block; width:100%; height:auto; }
.sub_title {margin-top: 20px; margin-bottom: 10px;}
.bannerImg {display: flex; justify-content: space-between;}
.transTime {width: 30px; }
#addCoverBanner {color:#09097a; text-align: center; cursor:pointer;}
#addBottomBanner {color:#09097a; text-align: center; cursor:pointer;}
/*.bannerImg {display: flex; justify-content: space-around;}*/
.bannerList {display: flex; align-items: stretch;  border: solid #dbdada 1px; border-radius: 10px; height:80px; margin-bottom: 10px;}
.bannerList .idx {display:flex; justify-content:center; align-items: center; height:100%; width: 15%; text-align: center; border-right: solid #dbdada 1px;}
.bannerList .bannerImg {width: 15%;}
.bannerList .bannerImg img {width:100%; height:100%; object-fit:cover; padding: 10px;}
.bannerList .bannerFileNm {display:flex; align-items: center; width: 70%;}

/* ---------------------------------------------------------------------------------*/
/* Jquery Datepicker
/* ---------------------------------------------------------------------------------*/
.ui-datepicker-header .ui-corner-all {
    cursor: pointer;
}
.ui-datepicker-current-day .ui-state-active {
    color: white;
    background-color: #1e1e3d;
    border-radius: 10px;
    width: 30px;
    /*height: 30px;*/
}
.ui-state-highlight:before, .ui-widget-content .ui-state-highlight:before {
    border-radius: 10px;
}

.content_test {display: flex; justify-content: space-between;}
.content_test .content_place {width: 49.5%}


/* 자동완성 디자인 */
.ui-autocomplete {
    display:block;
    top:1px;
    left:1px;
    box-shadow:0 0 5px 3px rgb(0 0 0 / 5%);
    padding:2px 2px 2px 0;
    border:1px solid #ebebeb;
    border-radius:4px;
    background-color:#fff;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    height: auto;
    line-height: 35px;
    padding:0 16px;
    z-index: 999;
}
.ui-menu-item div.ui-state-hover,
.ui-menu-item div.ui-state-active {
    color: black;
    text-decoration: none;
    background-color: #f7f7f7;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
    border:none;
}

.nice-select {
    z-index: 16;
}
.nice-select span.current, .nice-select li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}




@media screen and (max-width: 1600px) {
    .content_test {flex-wrap: wrap;}
    .content_test .content_place {width: 100%;}
}

.send-message {
    background: url(../../../images/send-message.svg) 0 0 no-repeat;
    width: 32px;
    height: 28px;
}

.byte-area {
    color:#AFAFAF !important;
    display:none ;
}
.byte-area.active {
    display: block;
}
.byte-area-align {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}
.byte-area-align > input {width: 80% !important;;}


.ad-main::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

.videoAdUploadLabel {
    border: 1px solid #EBEBEB;
    padding: 10px 16px;
    font-size: 16px;
    color: #AFAFAF;
    border-radius: 4px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#search-video-area  .DADitem {
    margin-top: 10px;
}

.DADList .DAD-video video {
    object-fit: cover;
    border-radius: 15px;
    padding: 8px;
}


.DADList .DADfile span {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

#search-video-area .idx {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    border-right: solid #dbdada 1px;
}
#edit-video-area .idx {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    border-right: solid #dbdada 1px;
}