@charset "utf-8";

/* style reset */
h3{display:block; position:relative; padding-left:28px; color:#3a3dce; font-size:24px; font-weight:800; line-height:33px; letter-spacing:-0.48px;}
h3:before{display:block; position:absolute; top:11px; left:0; width:20px; height:10px; background:url(../images/h3_icon.svg) no-repeat;}

/* inp */
.inp{position:relative; width:100%; height:36px; padding:8px 11px; border:1px solid #e2e2e2; border-radius:2px; background-color:#fff; font-size:14px;}
.inp::placeholder{color:#999;}
.inp.inp_date{background:#fff url(../images/calendar_icon.svg) no-repeat right 15px center;}
.select{position:relative; width:100%; height:36px; padding:0 25px 0 10px; border:1px solid #e2e2e2; border-radius:2px; background-image:url(../images/select_icon.svg); background-repeat:no-repeat; background-position:top 14px right 14px; background-color:#fff; color:#555; font-size:14px; cursor:pointer;}
.split{margin:0 -2px; color:#333; font-size:14px; font-weight:500;}

/* margin */
.mt140{margin-top:140px !important;}

/* text-align */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

/* color */
.color_blue{color:#3a3dce;}
.color_red{color:#d92e31;}

/* bg */
.bg_yellow{background-color:#f6eeb1; color:#111;}

/* sub_head */
.sub_head{display:block; position:relative;}

/* 브래드크럼 */
.breadcrumbs{display:block; position:relative; font-size:0; line-height:0;}
.breadcrumbs:before{display:block; position:absolute; left:50%; bottom:0; width:100vw; min-width:1440px; height:1px; background-color:#e2e2e2; transform:translateX(-50%);}
.breadcrumbs .home{display:inline-block; position:relative; width:54px; height:40px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; font-size:0; line-height:0; vertical-align:top;}
.breadcrumbs .home:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:12px; height:13px; margin:auto; background:url(../images/b_home.svg) no-repeat;}
.breadcrumbs .breadcrumbs_list{display:inline-block; overflow:visible; position:relative; vertical-align:top;}
.breadcrumbs .breadcrumbs_item{display:inline-block; position:relative;/* width:124px;*/ border-right:1px solid #e2e2e2; vertical-align:top;}
.breadcrumbs .breadcrumbs_item.active{z-index:2;}
.breadcrumbs .breadcrumbs_item .breadcrumbs_select{overflow:hidden; position:relative; z-index:2; width:100%; height:40px; padding-right:43px; padding-left:20px; color:#111; font-size:14px; font-weight:400; text-align:left; text-overflow:ellipsis; line-height:40px; white-space:nowrap; transition:color .25s ease-in-out; letter-spacing:-0.28px;}
.breadcrumbs .breadcrumbs_item .breadcrumbs_select:before{display:block; position:absolute; top:0; right:20px; bottom:0; width:14px; height:14px; margin-top:auto; margin-bottom:auto; background:url(../images/b_icon01.svg) no-repeat;}
.breadcrumbs .breadcrumbs_item.active .breadcrumbs_select:before{background:url(../images/b_icon02.svg) no-repeat;}
.breadcrumbs .breadcrumbs_item > ul{display:none; position:absolute; top:40px; left:-1px; right:-1px; z-index:1; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; background-color:#fff; box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08); text-align:center;}
.breadcrumbs .breadcrumbs_item > ul > li{border-bottom:1px solid #e2e2e2;}
.breadcrumbs .breadcrumbs_item > ul > li a{display:block; width:100%; padding:9px 10px 5px; color:#333333; font-size:12px; line-height:20px;}
.breadcrumbs .breadcrumbs_item > ul > li a:hover,
.breadcrumbs .breadcrumbs_item > ul > li.active a{color:#3A3DCE;}
.breadcrumbs .breadcrumbs_item:hover .breadcrumbs_select{color:#3A3DCE;}

/* subtitle */
.sub_head .sub_title{display:block; position:relative; margin-top:72px; margin-bottom:38px; text-align:center;}
.sub_head .sub_title h2{font-size:32px; font-weight:800; line-height:40px; letter-spacing:-0.64px;}


/* contents */
.top_box{display:block; position:relative; font-size:0; line-height:0;}
.top_box h3{display:inline-block; width:50%; vertical-align:top;}
.top_box h3 .sub_text{margin-left:14px; color:#333; font-weight:400;}
.top_box h3 .tip{display:inline-block; position:relative; height:25px; margin-top:4px; margin-left:12px; vertical-align:top; letter-spacing:0;}
.top_box h3 .tip .tip_open{display:block; padding:0 8px 0 30px; border-radius:13px; background:#e5f5f5 url(../images/tip_icon.svg) no-repeat left 8px top 4px; color:#1c7e7e; font-size:14px; font-weight:700; line-height:25px; cursor:pointer;}
.top_box h3 .tip .tip_text{opacity:0; visibility:hidden; position:absolute; top:26px; left:50%; padding:12px 16px; border-radius:4px; background-color:#111; color:#fff; font-size:16px; font-weight:700; line-height:1.38; white-space:nowrap; transform:translateX(-50%); transition:0.25s ease-in-out;}
.top_box h3 .tip .tip_text:before{display:block; position:absolute; top:-5px; left:0; right:0; width:9px; height:5px; margin:0 auto; background:url(../images/tip_arrow.svg) no-repeat;}
.top_box h3 .tip .tip_open:hover + .tip_text{opacity:0.9; visibility:inherit; top:36px;}

/* search_wrap */
.search_wrap{display:block; position:relative; margin-bottom:47px; padding:21px 20px; border:solid 1px #ededed; border-radius:2px; background-color:#f8f8f8;}
.search_wrap label{margin-right:-2px; color:#333; font-size:14px; font-weight:500;}
.search_wrap .search_box{display:flex; justify-content:space-between;}
.search_wrap .search_group{display:flex; gap:10px; align-items:center;}
.search_wrap .select{display:inline-block; width:100px;}
.search_wrap .inp{display:inline-block; width:260px;}
.search_wrap .inp.inp_date{width:123px; background-image:url(../images/search_calendar_icon.svg); background-position:right 11px center;}
.search_wrap .search_btn{display:inline-block; position:relative; width:96px; height:36px; border-radius:2px; color:#fff; font-size:16px; font-weight:600; text-align:center; letter-spacing:-0.32px;}
.search_wrap .search_btn:before{display:inline-block; position:relative; width:14px; height:14px; margin-right:7px; background:url(../images/search_icon.svg) no-repeat;}
.search_wrap .id_maker{display:inline-block; width:119px; height:36px; border:1px solid #ddd; border-radius:2px; background-color:#fff; color:#555; font-size:14px; font-weight:500; text-align:center; line-height:36px; letter-spacing:-0.28px;}
.search_wrap .search_switch{display:flex; margin-left:-1px;}
.search_wrap .search_switch .switch_btn{position:relative; height:36px; margin-left:-1px; padding:0 12px; border:1px solid #ddd; background-color:#fff; color:#555; font-size:14px; letter-spacing:-0.28px;}
.search_wrap .search_switch .switch_btn.active{z-index:1; border-color:#3a3dce; color:#3a3dce; font-weight:500;}

.table_btn_box{display:inline-block; position:relative; width:50%; text-align:right; vertical-align:top;}
.table_btn_box .share_btn_wrap{display:inline-block; position:relative; vertical-align:top;}
.table_btn_box .share_btn_wrap .share_btn{display:inline-block; position:relative; width:32px; height:32px; margin-left:8px; font-size:0; line-height:0; vertical-align:top;}
.table_btn_box .share_btn_wrap .share_btn.excel{background:#1E9345 url(../images/excel_icon.svg) no-repeat center;}
.table_btn_box .share_btn_wrap .share_btn.print{background:#3A526C url(../images/print_icon.svg) no-repeat center;}
.table_btn_box .table_btn_wrap{display:inline-block; position:relative; vertical-align:top;}

.table_btn_box .table_btn_wrap{display:inline-block; position:relative; margin-left:20px; padding-left:13px; vertical-align:top;}
.table_btn_box .table_btn_wrap:before{display:inline-block; position:absolute; top:0; left:0; bottom:0; width:1px; height:30px; margin:auto 0; background-color:#e2e2e2;}
.table_btn_box .table_btn_wrap .table_btn{display:inline-block; position:relative; height:32px; margin-left:8px; padding:0 15px 0 14px; border:solid 1px #d5d5d5; border-radius:2px; color:#555; font-size:14px; line-height:30px;}
.table_btn_box .table_btn_wrap .table_btn.calling{border-color:#3a3dce; color:#3a3dce;}
.table_btn_box .table_btn_wrap .table_btn.send{border-color:#3a3dce; color:#3a3dce;}
.table_btn_box .table_btn_wrap .table_btn.registration{border-color:#3a3dce; color:#fff;}
.table_btn_box .table_btn_wrap .table_btn:before{display:inline-block; position:relative; margin:8px 4px 0 0; background-repeat:no-repeat; vertical-align:top;}
.table_btn_box .table_btn_wrap .table_btn.delete:before{width:14px; height:14px; background-image:url(../images/delete_icon.svg);}
.table_btn_box .table_btn_wrap .table_btn.calling:before{width:16px; height:14px; background-image:url(../images/calling_icon.svg);}
.table_btn_box .table_btn_wrap .table_btn.send:before{width:14px; height:14px; background-image:url(../images/send_icon.svg);}
.table_btn_box .table_btn_wrap .table_btn.registration:before{width:16px; height:16px; margin-top:7px; background-image:url(../images/registration_icon.svg);}

/* table */
.table_box{margin-top:14px;}
.table{width:100%; border-top:1px solid #0c53a4; background-color:#fff; text-align:center}
.table td,.table th{border:0 solid #ddd;}
.table th{padding:12px 10px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; color:#111; font-size:16px; font-weight:500; line-height:22px; letter-spacing:-0.32px;word-break:keep-all;}
.table td{height:42px; padding:9px 10px 8px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; color:#555; font-size:16px; font-weight:400; line-height:21px; letter-spacing:-0.32px;}
.table th:first-child,
.table td:first-child{border-left-width:0}
.table th:last-child,
.table td:last-child{border-right-width:0}
.table thead th{background-color:#eff6fb;}
.table tbody td,
.table tbody th{padding:0 10px;}
.table tfoot td{background-color:#f8f8f8; color:#111; font-size:16px; font-weight:700;}

.table .table_input{display:block; position:relative; margin:2px 0; font-size:0; line-height:0;}
.table .table_input input[type="checkbox"]{opacity:0; position:absolute; top:0; left:0; width:0; height:0; padding:0; border:none; font-size:0; line-height:0;}
.table .table_input input[type="checkbox"] + label{display:inline-block; position:relative; width:18px; height:18px; font-size:0; line-height:0;}
.table .table_input input[type="checkbox"] + label:before{display:inline-block; position:relative; left:0; width:18px; height:18px; border:solid 1px #ddd; border-radius:1px; background-color:#fff; box-sizing:border-box;}
.table .table_input input[type="checkbox"]:checked + label:before{border-color:#0c53a4; background-color:#0c53a4;}
.table .table_input input[type="checkbox"]:checked + label:after{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:10px; height:8px; margin:auto; background:url(../images/check_icon.svg) no-repeat center;}
.table .state1{color:#3a3dce;}
.table .state2{color:#d92e31;}
.table .modify_btn{position:relative; padding-left:19px; color:#555; text-decoration:underline;}
.table .modify_btn:before{display:block; position:absolute; top:5px; left:0; width:14px; height:12px; background:url(../images/modify_icon.svg) no-repeat;}
.table .tag{display:inline-flex; height:24px; padding:0 8px; border:1px solid transparent; border-radius:2px; background-color:#fff; font-size:13px; font-weight:500; align-items:center; justify-content:center; gap:2px;}
.table .tag:before{display:block; width:16px; height:16px; background-repeat:no-repeat;}
.table .tag.check{border-color:#d92e31; color:#d92e31;}
.table .tag.check:before{background-image:url(../images/tag_check_icon.svg);}
.table .tag.ok{border-color:#3a3dce; color:#3a3dce;}
.table .tag.ok:before{background-image:url(../images/tag_ok_icon.svg);}
.table tbody tr.gray td{background-color:#f8f8f8;}
.table .chart td{padding:0;}
.table .chart td .chart_box{display:none; padding:15px 0;}
.table .chart td .chart_btn{display:flex; width:100%; height:40px; color:#555; align-items:center; justify-content:center; gap:2px;}
.table .chart td .chart_btn:after{display:block; width:24px; height:24px; background:url(../images/table_chart_arrow.svg) no-repeat;}
.table .chart.active td .chart_box{display:block;}
.table .chart.active td .chart_btn{border-top:1px solid #e2e2e2; background-color:#f8f8f8;}
.table .chart.active td .chart_btn:after{transform:rotate(180deg);}
.table .status{display:flex; padding:10px 0; color:#999; font-size:16px; line-height:1.2; flex-direction:column; align-items:center; justify-content:center; letter-spacing:-0.3px; gap:8px;}
.table .status.not:before,
.table .status.blue:before,
.table .status.red:before{display:block; height:20px; background-repeat:no-repeat; background-size:contain;}
.table .status.not{color:#777;}
.table .status.not:before{width:19px; background-image:url(../images/status_not_icon.svg);}
.table .status.blue{color:#3a3dce; font-size:14px;}
.table .status.blue:before{width:18px; background-image:url(../images/status_blue_icon.svg);}
.table .status.red{color:#d92e31; font-size:14px;}
.table .status.red:before{width:18px; background-image:url(../images/status_red_icon.svg);}
.table .deco{position:relative;}
.table .deco:before{display:block; position:absolute; top:0; left:0; width:10px; height:10px; background:url(../images/td_deco_icon.svg) no-repeat;}
.table thead.type2 th{padding-bottom:7px;}
.table  thead.type2 .table_input{margin-bottom:4px;}
.table thead.type2 .h44{display:flex; height:44px; align-items:center; justify-content:center;}

/* pagination */
.pagination{display:block; position:relative; margin-top:32px; text-align:center;}
.pagination .pagination_wrap{display:inline-block; position:relative;}
.pagination .pagination_wrap a{font-size:0; line-height:0;}
.pagination .pagination_wrap .page_item{display:inline-block; position:relative; vertical-align:top;}
.pagination .pagination_wrap .page_control{width:36px; height:36px; border:1px solid #ddd; border-radius:2px;}
.pagination .pagination_wrap .page_control .page_link{display:block; position:relative; width:100%; height:100%;}
.pagination .pagination_wrap .page_control .page_link:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:6px; height:12px; margin:auto; background:url(../images/page_icon.svg) no-repeat center;}
.pagination .pagination_wrap .page_control .page_link.next:before{transform:rotate(180deg);}
.pagination .pagination_wrap .page_group{margin:0 12px;}
.pagination .pagination_wrap .page_group .page_link{display:inline-block; position:relative; min-width:22px; color:#777; font-size:16px; line-height:36px; letter-spacing:-0.16px;}
.pagination .pagination_wrap .page_group .page_link.active{color:#3a3dce; font-weight:600;}

.home_head{margin-top:54px;}
.home_head .home_title{display:flex; align-items:center; letter-spacing:-0.72px;}
.home_head .home_title h2{color:#111; font-size:36px; font-weight:300; line-height:45px;}
.home_head .home_title .home_select{height:45px; padding:0 64px 0 16px; background:url(../images/home_select_arrow.svg) no-repeat right 16px center; color:#111; font-size:36px; font-weight:800; line-height:45px;}
.home_head .home_title .home_select option{font-size:16px;}
.home_head .tab{display:flex; margin:32px 0 72px; gap:8px;}
.home_head .tab li{width:calc(calc(100% - 24px) / 4);}
.home_head .tab li a{display:flex; height:68px; border:1px solid #e2e2e2; border-radius:4px; background-color:#fff; color:#333; font-size:20px; line-height:1; align-items:center; justify-content:center; letter-spacing:-0.5px; gap:12px;}
.home_head .tab li a .icon{width:22px; height:22px; background-repeat:no-repeat; background-position:center;}
.home_head .tab li a .icon.n1{background-image:url(../images/home_tab_icon01.svg);}
.home_head .tab li a .icon.n2{background-image:url(../images/home_tab_icon02.svg);}
.home_head .tab li a .icon.n3{background-image:url(../images/home_tab_icon03.svg);}
.home_head .tab li a .icon.n4{background-image:url(../images/home_tab_icon04.svg);}
.home_head .tab li.active a{border-color:#3a3dce; background-color:#3a3dce; color:#fff; font-weight:800;}
.home_head .tab li.active a .icon.n1{background-image:url(../images/home_tab_icon01_white.svg);}
.home_head .tab li.active a .icon.n2{background-image:url(../images/home_tab_icon02_white.svg);}
.home_head .tab li.active a .icon.n3{background-image:url(../images/home_tab_icon03_white.svg);}
.home_head .tab li.active a .icon.n4{background-image:url(../images/home_tab_icon04_white.svg);}

/* info_box */
.info_box{margin-bottom:32px; padding:20px; border:1px solid #ededed; border-radius:2px;}
.info_box .info_title{display:flex; color:#333; font-size:18px; font-weight:700; line-height:22px; gap:8px; align-items:center; letter-spacing:-0.36px;}
.info_box .info_title:before,
.info_box .info_title:after{display:block; background-repeat:no-repeat;}
.info_box .info_title:before{width:18px; height:18px; background-image:url(../images/info_icon.svg);}
.info_box .info_title:after{width:20px; height:20px; margin-top:-2px; background-image:url(../images/info_arrow.svg); transform:rotate(180deg);}
.info_box .info_list{display:none; margin-top:12px; gap:4px; flex-direction:column;}
.info_box .info_list li{color:#555; font-size:13px; font-weight:700; line-height:18px; letter-spacing:-0.33px;}
.info_box .info_list li span{display:inline-block;}
.info_box .info_list li .num{width:25px; font-weight:400;}
.info_box.active .info_title:after{transform:rotate(0);}
.info_box.active .info_list{display:flex;}

/* modal */
.modal{display:flex; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color:rgba(17,17,17,0.8); align-items:center; justify-content:center;}
.modal .modal_box{width:720px; border-radius:8px; background-color:#fff;}
.modal .modal_head{display:flex; position:relative; padding:16px 20px; border-bottom:1px solid #ddd; align-items:center; justify-content:space-between;}
.modal .modal_head .modal_title{color:#111; font-size:20px; font-weight:700; line-height:32px;}
.modal .modal_head .modal_close{width:32px; height:32px; background:url(../images/modal_close_icon.svg) no-repeat center; font-size:0;}
.modal .modal_body{padding:32px 20px 36px 20px;}
.modal .modal_body .modal_form .form_box{display:flex; gap:16px;}
.modal .modal_body .modal_form .form_box + .form_box{margin-top:20px;}
.modal .modal_body .modal_form .form_box .form_item{width:calc(50% - 8px);}
.modal .modal_body .modal_form .form_box .form_item label{display:inline-block; position:relative; margin:4px 0; padding-right:9px; color:#333; font-size:16px; font-weight:500; line-height:1.38; letter-spacing:-0.4px;}
.modal .modal_body .modal_form .form_box .form_item label .required{top:0; width:5px; height:5px; background-color:#c94353;}
.modal .modal_body .modal_form .form_box .form_item .form_inp .inp{padding:8px 16px; border-color:#ddd; font-size:16px;}
.modal .modal_body .modal_form .form_box .form_item .form_inp .inp::placeholder{color:#bbb;}
.modal .modal_body .modal_form .form_box.tel .form_item{width:100%;}
.modal .modal_body .modal_form .form_box.tel .form_item .form_inp{display:flex; gap:12px; align-items:center;}
.modal .modal_body .modal_form .form_box.tel .form_item .form_inp .select{font-size:16px;}
.modal .modal_body .modal_form .modal_btn{display:flex; margin-top:32px; justify-content:center; gap:14px;}
.modal .modal_body .modal_form .modal_btn .btn{min-width:140px; height:52px; padding:0 12px; border:1px solid transparent; background-color:#3a3dce; color:#fff; font-size:18px; line-height:52px;}
.modal .modal_body .modal_form .modal_btn .btn.line{border-color:#555; background-color:#fff; color:#555;}

/* 월 달력 */
.ui-datepicker.month-only table{display:none;}
.ui-datepicker.month-only .ui-datepicker-buttonpane{margin:0;}
.ui-datepicker.month-only .ui-datepicker-buttonpane button.ui-datepicker-current{display:none;}
.ui-datepicker.month-only .ui-priority-primary, .ui-datepicker.month-only .ui-widget-content .ui-priority-primary{font-weight:400;}