@charset "utf-8";
@import "reset.css";



.calendar, .datePicker, .toast_datepicker, .toast_datepicker_ch{
  background:url('../images/ico_cal.png') no-repeat 4px center;
	padding-left:25px !important;
  /* border:1px solid #ced4da; */
  border-radius:0.25rem;
}

.calendar {
	width:100px !important;
}

.tui-datepicker-input.tui-has-focus {
  border: none;
}
.tui-datepicker-input > input{
  border:1px solid #ced4da;
}

/* 날짜 입력 달력 */
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }



/* header */

.only_m { display:none; }
/* header */
/*#header { width:100%; height:80px; background-image:url('../images/header_bg.png'); background-size:cover; background-position:top left; background-repeat:no-repeat; }*/
/*#header .h_inner { display:flex; align-items:center; justify-content:space-between; width:97%; height:100%; margin:0 auto; }*/
.h_leftm { display:flex; align-items:center; height:100%; }
.h_logo img { width:110px; }
.h_search { position:relative; }
.h_search input[type="text"] { width: 200px; border:2px solid #424142; border-radius:30px; height:40px; padding:0 40px 0 10px; box-sizing:border-box; }
.h_search button { position:absolute; right:0; top:0; width:40px; height:40px; background:0; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%230a4595' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Ccircle cx='116' cy='116' r='84' fill='none' stroke='%230a4595' stroke-linecap='round' stroke-linejoin='round' stroke-width='35'%3E%3C/circle%3E%3Cline x1='175.4' y1='175.4' x2='224' y2='224' fill='none' stroke='%230a4595' stroke-linecap='round' stroke-linejoin='round' stroke-width='35'%3E%3C/line%3E%3C/svg%3E");
background-size:17px; background-repeat:no-repeat; background-position:center; text-indent:-999999999999px; cursor:pointer; }

.h_cate { height:100%; display:flex; align-items:center; }
.h_cate > ul { height:100%; display:flex; align-items:center; }
.h_cate > ul > li { height:100%; display:flex; align-items:center; }
.h_cate > ul > li:last-child { margin-right:0; }
.h_cate > ul > li a { color:#fff; font-size:15.5px; }
.h_cate > ul > li a:hover { opacity:0.8; text-decoration:none; }
.h_rightm { display:flex; align-items:center; }
.adm_btn { margin-right:30px; border-radius:30px; border:1px solid #fff; overflow:hidden; }
.adm_btn a { display:inline-block; font-size:13px; padding:7px 25px 5px; font-weight:600; color:#fff; }
.adm_btn a:hover{ box-shadow:150px 0 0 0 rgba(255,255,255,1) inset; color:#007ccc; }
.h_iconlist { margin-right:20px; margin-bottom:0; }
.h_iconlist li { position:relative; vertical-align:middle; display:inline-block; margin-right:36px; }
.h_iconlist li:last-child { margin-right:0; }
.h_iconlist li img { vertical-align:middle; }
.h_iconlist li.only_m { display:none; }
.h_iconlist li .red_num { position:absolute; right:-18px; top:-7px; display:inline-block; width:28px; padding-top:1px; background-color:#ff0042; color:#fff; font-size:11px; font-weight:600; text-align:center; border-radius:30px; }
.h_iconlist li .red_spot { position:absolute; right:-5px; bottom:-4px; display:inline-block; width:11px; height:11px; background-color:#ff0042; border-radius:100%; }
.h_slide { cursor:pointer; position:relative; padding-right:23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:15px; background-position:right center; }
.h_slide.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='48 160 128 80 208 160' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/polyline%3E%3C/svg%3E");}
.h_slide .round { display:inline-block; vertical-align:middle; width:40px; height:40px; background-color:#fff; border:3px solid #e9edf4; border-radius:100%; background-image: url("../images/slide_my.png");
background-size:15px; background-position:center; background-repeat:no-repeat; }
.h_slide .h_smenu { display:none; position:absolute; top:50px; right:0; z-index:999; border:1px solid #e9edf4; border-radius:10px; background-color:#fff; width:280px; box-shadow:4px 12px 25px -10px rgb(0 0 0 / 9%); }
.h_slide .h_smenu li a { color:#222; font-size:13px; }
.bg-lighter, .dual-listbox .dual-listbox__item:hover {
    background-color: #f5f6fa !important;
}

.user-card {
    display: flex;
    align-items: center;
}
.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #4e82c2;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0em;
    flex-shrink: 0;
    position: relative;
}
.user-card .user-info {
    color: #8094ae;
}
.user-avatar + .user-info, [class^="user-avatar"]:not([class*="-group"]) + .user-info {
    margin-left: 1rem;
}
.dropdown-inner {
    padding: 0 1.75rem;
}
.user-card-wrap {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
	border-radius:10px 10px 0 0;
}

.dropdown-inner + .dropdown-inner {
    border-top: 1px solid #e5e9f2;
}
.link-list {
    padding: 0.75rem 0;
}
.link-list a {
    display: flex;
    align-items: center;
    color: #526484;
    font-size: 13px;
    line-height: 1.4rem;
    font-weight: 500;
    padding: 0.575rem 0;
    position: relative;
}
.user-info .lead-text { font-size:14px; }
.mBtn { display:none; }
.mobile_search { display:none; }
.mobile_search { position:absolute; top:80px; left:0; width:100%; height:80px; z-index:2; background-color:#fff; box-shadow:4px 12px 25px -10px rgb(0 0 0 / 9%); }
.m_hsearch { position:relative; margin-right:60px; width:50%; margin:20px auto 0; }
.m_hsearch input[type="text"] { width:90%; border:1px solid #ddd; border-radius:30px; height:40px; padding:0 40px 0 15px; box-sizing:border-box; }
.m_hsearch button { position:absolute; right:0; top:0; width:10%; height:40px; background:0; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%230a4595' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Ccircle cx='116' cy='116' r='84' fill='none' stroke='%230a4595' stroke-linecap='round' stroke-linejoin='round' stroke-width='35'%3E%3C/circle%3E%3Cline x1='175.4' y1='175.4' x2='224' y2='224' fill='none' stroke='%230a4595' stroke-linecap='round' stroke-linejoin='round' stroke-width='35'%3E%3C/line%3E%3C/svg%3E");
background-size:17px; background-repeat:no-repeat; background-position:center; text-indent:-999999999999px; cursor:pointer; }
.h_cate > ul { margin-bottom:0; }
.h_cate > ul li { position:relative; margin-right:36px; }
a.pop_btn { position:absolute; top:14px; right:40px; z-index:2; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:7px; background-color:#1a273f; color:#fff; padding:0 10px; border-radius:4px; font-weight:300; font-size:12px; }
a.pop_btn:hover { color:#fff; text-decoration:none; }

/*
.t_view { position:absolute; display:none; box-sizing:border-box; background:#fff; border:1px solid #e5e9f2;
box-shadow:0 3px 7px rgb(0 0 0 / 5%); top:80px; left:0; min-width:200px; height:auto; z-index:999; }
.h_cate ul li:hover .t_view { display:block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.t_view ul li { text-align:left; width:100%; }
.t_view ul li a { display:block; padding:0; line-height:2; transition:.3s all; color:#526484; padding: 0.5rem 1.25rem; font-size:14px; }
.t_view ul li:hover a { background-color:#f5f6fa; color:#266fc8; }
.t_view ul li a.b_line { border-bottom:1px solid #e5e9f2; }
@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
  }
}
*/

/* m nav */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#mheader .mhead { display:flex; align-items:center; justify-content:space-between; padding:12px 19px; border-bottom:1px solid #eee; }
#mheader .mhead .closeBtn i { font-size:20px; }
#mheader .mNav { z-index: 1001; position: fixed; background-color: #fff; left: -100%; top:0; right: 0; width: 35%; height: 100%; transition: all 0.3s ease; overflow-y:auto; }
#mheader .mNav .closeBtn { text-align:right; }
#mheader .mNav.on { left: 0; }
#mheader .mNav .con_wrap .con_01 { display:block; width:100%; }
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }

#mRight .mrNav { z-index: 999; position: fixed; background-color: #f4f8fb; right: -46%; top:0; width: 46%; height: 100%; transition: all 0.3s ease; }
#mRight .mrNav.on { right: 0 !important; }
#mRight .mrNav .con_03 { height:100%; overflow-y:auto; }
.mrBtn { width:30px; height:58px; background-image:url('../images/mr_btn.png'); background-size:cover; background-repeat:no-repeat;
background-position:center; position:absolute; top:50%; transform: translate(0, -50%); left:-30px; z-index:2; }
.mr_close { display:none; width:30px; height:58px; background-image:url('../images/mr_close.png'); background-size:cover; background-repeat:no-repeat;
background-position:center; position:absolute; top:50%; left:-29px; z-index:2; }
.mr-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 20; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; z-index: 990; }

/* popup */
.layer_popup { display: none; }
.layer_popup{ position:relative; width: auto; height: auto; padding:20px 20px; border-radius:0.55rem; animation: appear .8s /*cubic-bezier(.77,0,.175,1) forwards*/; box-sizing:border-box; position: fixed; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); background-color: #fff; z-index: 9999; }
.layer_popup h2 { font-size:18px; color:#222; font-weight:500; margin-bottom:12px; }
.layer_popup h2 i { color:#96a2b8; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 999; }
.layer_popup .close{ position:absolute; top:10px; right: 10px; cursor:pointer; width:40px; height:40px;  opacity:1; text-indent:-999px; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:30px; background-position:center; background-repeat:no-repeat; }
#popup01 { box-shadow: 0 25px 40px -20px #aaa; }
#popup01 .close{ position:absolute; top:50%; transform: translate(0, -50%); right: -43px; cursor:pointer; width:44px; height:88px; background-position:center right 12px; background-color:#fff; border-radius:0 100px 100px 0; opacity:1; text-indent:-999px; }
#manage_pop .close{ position:absolute; top:50%; transform: translate(0, -50%); right: -43px; cursor:pointer; width:44px; height:88px; background-position:center right 12px; background-color:#fff; border-radius:0 100px 100px 0; opacity:1; text-indent:-999px; }

.requir_num { cursor:pointer; }
.upload_num { cursor:pointer; }
.qbom_pop { min-width:440px; border:1px solid #000000; transform: translate(-50%, 0); animation: qbom_appear .8s cubic-bezier(.77,0,.175,1) forwards; box-shadow: #333333 1px 1px 2px;}
/*.qbom_pop:before { content:''; display:inline-block; width:29px; height:15px; background-image:url("../images/tail.png"); background-repeat:no-repeat; background-size:100%; background-position:center;*/
.qbom_pop:before { content:''; display:inline-block; width:29px; height:15px; background-repeat:no-repeat; background-size:100%; background-position:center;
position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); }
.qbom_pop h2 .dbl { color:#054d7c; font-weight:600; }
.qbom_pop h2 .lb { color:#007bff; }

.manage_tb { width:100%; border-top: 2px solid #054d7c; border-bottom: 2px solid #9facbf; }
.manage_tb tbody th { font-size:14px; color:#000; font-weight:500; background-color:#eff4f9; padding:10px 5px; border-bottom:1px solid #eaeaeb; }
.manage_tb tbody td { font-size:14px; color:#000; font-weight:500; background-color:#fff; padding:10px 5px; border-bottom:1px solid #eaeaeb; }
.manage_tb tbody td.bg { background-color:#f7f7fb; }
.manage_tb tbody td input { width:100%; padding:3px 5px; background-color:#eff4f9; border:1px solid #c9d5e1; border-radius:4px; }
.manage_tb tbody td select { width:50%; padding:3px 5px; background-color:#eff4f9; border:1px solid #c9d5e1; border-radius:4px; }

.upload_list { border-top:2px solid #054d7c; border-bottom: 2px solid #9facbf; }
.upload_list li { padding:6px; border-bottom:1px dotted #9facbf; font-size:13px; color:#000; }
.upload_list li:last-child { border-bottom:0; }
.upload_list li i { color:#09264b; }
.upload_list .upload_area { background-color:#eff4f9; border-bottom:0; height:95px; padding:60px 0 0 0; background-image:url('../images/upload_icon.png'); background-repeat:no-repeat;
background-position:center top 18px; }
.upload_list .upload_area p { color:#788a9b; font-size:13px; text-align:center; }

@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-45%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-45%);
  }
}

@keyframes qbom_appear {
  from {
    opacity: 0;
    transform: translate(-50%,20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%,0);
  }
}

@keyframes qbom_disappear {
  from {
    opacity: 1;
    transform: translate(-50%,0);
  }
  to {
    opacity: 0;
    transform: translate(-50%,20px);
  }
}


.stat_tb_area { margin-bottom:27px; }
.stat_tb_area:last-child { margin-bottom:0; }
.stat_tb_area h3 { font-size:13px; margin-bottom:10px; font-weight:400; color:#000; }
.stat_tb_area h3 span{ color:#007bff; }
.stat_tb { table-layout: fixed; width:100%; border-top:2px solid #054d7c; border-bottom:2px solid #9facbf; }
.stat_tb thead th { font-size:13px; color:#000; padding:6px; border-bottom:1px solid #d5dae5; text-align:center; }
.stat_tb tbody td { font-size:13px; color:#000; padding:6px; border-bottom:1px solid #d5dae5; text-align:center; }
.stat_tb tbody td span { color: #0e39ff; font-weight: bold;}
.stat_tb tbody td.long { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; }

.pop_btna { text-align:right; margin-top:15px; }
.pop_btna ul { display:flex; gap:5px; }
.pop_btna ul li:last-child { margin-right:0; }
.popupbtn { display: inline-block; color: #212529; font-size: 13px; border: 1px solid #ddd; padding: 4px 24px; border-radius: 4px; }
.popupbtn.blue { background-color: #054d7c; color: #fff; border-color: #054d7c; }
.popupbtn.red { background-color: #e85347; color: #fff; border-color: #e85347; }

/* body */
.left_con_01 { display:inline-block; vertical-align:middle; margin:-2px 10px 0 0; font-size:30px; color:#fff; }
.left_con_01 svg { margin-top:-5px; }
.right_con_03 { display:inline-block; vertical-align:middle; margin:-2px 0 0 10px; font-size:30px; color:#fff; }
.right_con_03 svg { margin-top:-5px; }

/*#container .con_01 { position:absolute; left:-100%; top:0; }*/
/*#container .con_01.on { left:0;  }*/
#container .con_02.hide { margin-left:0; transition: all 0.3s ease; }
#container .con_03 { position:absolute; right:-340px; top:0; transition: all 0.3s ease; z-index:77; }
#container .con_03.on { right:0; display:block; }
#container .con_02.r_hide { margin-right:0; transition: all 0.3s ease; }

.con_wrap { font-size:0; display:flex; min-height: calc(100vh - 135px); }
.con_wrap > div { font-size:16px; }
.con_wrap .con_01 { /*width:11%;*/ width:210px; border-right: 1px solid #eee; height:100%; overflow-x: hidden;}
.con_wrap .con_01 .con_box { padding:25px 19px; border-bottom:1px solid #eee; }
.con_wrap .con_01 .con_box.cal { border-bottom:0; }
.con_wrap .con_02 { /*width:72%;*/ width:calc(100% - 550px); margin-left:210px; /*margin-right:340px; */ padding:16px 30px; transition: all 0.3s ease; }
.con_wrap .con_03 { /*width:17%;*/ width:340px; height:100%; background-color:#f4f8fb; border-left:1px solid #d4d4d4; }
.mypage_list.mar { margin-bottom:12px; }
.mypage_list li { margin-bottom:12px; }
.mypage_list li:last-child { margin-bottom:0; }
.mypage_list li:hover a { color:#007ccc; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.mypage_list li.active a { color:#007ccc; font-weight:600; }
.mypage_list li .i_wrap { display:inline-block; width:22px; margin-right:4px; text-align:left; }
.mypage_list li a { color:#373737; font-size:15px; font-weight:500; }
.mypage_list li a .blue_num { display:inline-block; margin:-2px 0 0 8px; vertical-align:middle; background-color:#007ccc; color:#fff; font-size:11px; width:28px; text-align:center; border-radius:30px; padding-top:1px; }
.mypage_acc { position:relative; }
.mypage_acc h2 { position:relative; font-size:14px; color:#373737; font-weight:500; padding-bottom:10px; cursor:pointer; }
.acc_btn { margin-bottom:0; }
.mypage_acc h2 .i_wrap { display:inline-block; width:22px; margin-right:4px; text-align:left; }
.mypage_acc h2 .ico_ar { position: absolute; right: 0; top:0; width: 20px; height: 20px;  background-position: center; background-repeat: no-repeat; background-size: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%233b7ddd' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='48 160 128 80 208 160' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/polyline%3E%3C/svg%3E"); }
.mypage_acc h2 .ico_ar.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%233b7ddd' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/polyline%3E%3C/svg%3E"); }
.mypage_acc .ma_cate { padding-left:25px; margin-bottom:0; }
.mypage_acc .ma_cate li { font-size:14px; margin-bottom:8px; }
.mypage_acc .ma_cate li a { color:#646464; }
.mypage_acc .ma_cate li:last-child { margin-bottom:0; }
.mypage_acc .ma_cate li .blue_txt { display:inline-block; vertical-align:middle; margin-top:-2px; color:#007ccc; font-size:12px; font-weight:600; letter-spacing:-0.55px; }
.f_img { width:100%; }
.cal_area { margin-bottom:25px; box-shadow:0 10px 30px -12px rgb(0 0 0 / 9%); }
.cal_tit { font-size:13px; color:#212121; font-weight:500; margin-bottom:6px; }
.cal_tit span { color:#007ccc; }
.cal_tlist li { background-color:#f2f6fd; border-bottom:1px dotted #d8e7f4; padding:2px 12px; }
.cal_tlist li:first-child { border-radius:10px 10px 0 0; }
.cal_tlist li:last-child { border-radius:0 0 10px 10px; border-bottom:0; }
.cal_tlist li .cal_time { font-size:13px; color:#3a62a4; font-weight:600; margin-bottom:2px; }
.cal_tlist li .cal_sub { font-size:13px; color:#010101; font-weight:500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom:0; }
.cal_tit_wrap { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
.cal_tit_wrap .cal_tit { margin-bottom:0; }
.month_btn { font-size:0; margin-bottom:0; }
.month_btn li { display:inline-block; vertical-align:top; }
.month_btn .prev { width:20px; height:20px; border:1px solid #ddd; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23a2a9af' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='160 208 80 128 160 48' fill='none' stroke='%23a2a9af' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:15px; border-radius:5px 0 0 5px; }
.month_btn .next { width:20px; height:20px; border:1px solid #ddd; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23a2a9af' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23a2a9af' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:15px; border-radius:0 5px 5px 0; margin-left:-1px; }
.cal_tb { margin-bottom:30px; padding:0 0 20px; }
.cal_tb table { width:100%; }
.cal_tb table thead th { font-size:12px; font-weight:400; color:#999fa6; text-align:center; padding:10px 0; }
.cal_tb table thead th.today { color:#007ccc; }
.cal_tb table tbody td { position:relative;  cursor:default; font-size:12px; text-align:center; color:#222; font-weight:600; padding:4px 0; }
.cal_tb table tbody td.on { color:#f70c00; text-decoration: underline; }
.cal_tb table tbody td.today { position:relative; color:#02c4e5; }
.cal_tb table tbody td.today:before { content:''; display:inline-block; z-index:-1; width:22px; height:22px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#007ccc; border-radius:100%; }
.cal_tb table tbody td.blank { color:#d6d6d6; }
.cal_tb table tbody td .sc_on:before { content:''; display:inline-block; position:absolute; top:-5px; left:7px; width:11px; height:6px; background-image:url('../images/cal_bg.png'); background-repeat:no-repeat; background-position:center; background-size:11px 6px; }
.cal_tb table tbody td .sc_on { opacity:0; visibility:hidden; transition: .3s; z-index:50; position:absolute; left:0; top:30px; min-width:130px; font-weight:400; background-color:#1a273f;
color:#fff; border-radius:5px; padding:5px 7px; white-space: nowrap; }
.cal_tb table tbody td .sc_on .b_txt { color:#00eaff; }
.cal_tb table tbody td:hover .sc_on { opacity: 1; visibility: visible; top:26px; }
.cal_tb table tbody td .sc_on .dot_list li { position:relative; padding-left:7px; text-align:left; }
.cal_tb table tbody td .sc_on .dot_list li:before { content:''; width:2px; height:2px; background-color:#fff; border-radius:100%; position:absolute; left:0; top:8px; }

.task_outtit { font-size:16px; color:#000; font-weight:500; font-weight:bold; }
.task_outtit i { color:#96a2b8; font-size:18px; display:inline-block; margin:-4px 4px 0 0; vertical-align:middle; }
.task_area { position:relative; background-image:url('../images/task_bg.png'); background-size:cover; background-repeat:no-repeat; /* background-position:top -30px left;*/ font-size:0; padding:12px 18px; border-radius:0.25rem; box-sizing:border-box; margin-bottom:6px; }
.task_area > div { font-size:16px; }
.task_area .ta_01 { display:inline-block; vertical-align:top; width:38%; }
.task_area .ta_02 { display:inline-block; vertical-align:top; width:62%; }
.task_area .task_tit { font-size:24px; color:#009fd0; line-height:1.1em; margin-bottom:10px; }
.task_area .task_tit span { color:#bddbff; }
.task_area .task_name { display:inline-block; color:#fff; font-size:16px; background:rgba(241,243,248,0.2); padding:15px 19px; border-radius:15px; }
.task_area .task_list { text-align: right; }
.task_area .task_list li { width:30%; background-repeat:no-repeat; background-color:#fff; display:inline-block; vertical-align:top; margin-right:2%; font-size:16px; padding:12px 16px 16px; border-radius:0.75rem; position: relative; overflow: hidden; z-index: 5; text-align:left;}
.task_area .task_list li > p {z-index: 9; position: relative;}
.task_border {border-bottom: 1px dashed #ddd; margin:5px 0; padding-bottom:5px;}
.task_area .task_list li:nth-child(1) { background-image:url('../images/taskbg_01.png'); background-position:right -17px bottom 7px; }
.task_area .task_list li:nth-child(2) { background-image:url('../images/taskbg_02.png'); background-position:right 10px bottom 0px; }
.task_area .task_list li:nth-child(3) { background-image:url('../images/taskbg_03.png'); background-position:right 5px bottom -5px; }
.task_area .task_list li:nth-child(4) { background-image:url('../images/taskbg_04.png'); background-position:right 10px bottom 0px; }
.task_area .task_list li:last-child { margin-right:0; }
.task_area .task_list li .task_bnum {  font-size:14px; /* font-weight:600; */ color:#000; }
.task_area .task_list li .task_bnum > i {  font-size:14px;  }
.task_area .task_list li .task_bnum .s_txt { font-size:16px; }
.task_area .task_list li .task_bnum .red_late { color:#f51616; }
.task_area .task_list li .task_desk { font-size:16px; font-weight:500; color:#000; letter-spacing: -0.5px; font-weight:bold; margin-bottom:0.75rem; }
.task_area .task_list li .task_desk .red_late { color:#f51616; }
.task_area .task_list li:before {content: ''; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; z-index: 5;}
.task_area .refresh_area { text-align:right; margin-bottom:15px; }
.task_area .refresh_area p { display:inline-block; vertical-align:middle; color:#fff; font-size:14px; margin-right:8px; margin-bottom:0; }
.task_area .refresh_area p i { display:inline-block; vertical-align:middle; color:#5a9dcc; margin:-1px 4px 0 0 ; font-size:12px; }
.task_area .refresh_area .refresh_btn { display:inline-block; vertical-align:middle; width:25px; height:25px; background-color:#fff; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%233b7ddd' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='176.2 99.7 224.2 99.7 224.2 51.7' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/polyline%3E%3Cpath d='M190.2,190.2a88,88,0,1,1,0-124.4l34,33.9' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/path%3E%3C/svg%3E");
background-size:15px; background-repeat:no-repeat; background-position:center; border:2px solid #d5dae5; }
.ld_area { padding:25px 19px; border-bottom:1px solid #dadada; }
.ld_area .ld_tit { font-size:14px; color:#373737; font-weight:600; margin-bottom:10px; }
.ld_area .ld_tit i { margin-right:4px; }
.ld_list { margin-bottom:15px; }
.ld_list li { border-bottom:1px solid #dadada; padding:15px 0; }
.ld_list li:last-child { border-bottom:none; }
.ld_list li.lock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23526484' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Crect x='40' y='88' width='176' height='128' rx='8' fill='none' stroke='%23526484' stroke-linecap='round' stroke-linejoin='round' stroke-width='21'%3E%3C/rect%3E%3Cpath d='M92,88V52a36,36,0,0,1,72,0V88' fill='none' stroke='%23526484' stroke-linecap='round' stroke-linejoin='round' stroke-width='21'%3E%3C/path%3E%3Ccircle cx='128' cy='152' r='12'%3E%3C/circle%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:20px; background-position:center right; }
.ld_list li:after { content:''; display:block; clear:both; }
.ld_round { position:relative; float:left; display:inline-block; vertical-align:middle; width:40px; height:40px; margin-right:8px; text-align:center; line-height:40px; border-radius:100%; background-color:#1676fb; color:#fff; font-size:13px; }
.ld_round.yellow { background-color:#f4bd0e; }
.ld_round.purple { background-color:#816bfb; }
.ld_round.red { background-color:#e85347; }
.ld_round .on:after { content:''; width:10px; height:10px; background-color:#e85347; border-radius:100%; position:absolute; right:-2px; bottom:-1px; border:2px solid #f4f8fb; }
.ld_cont { width:76%; float:left; display:inline-block; vertical-align:middle; }
.ld_cont .ld_sub { font-size:14px; color:#373737; font-weight:500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom:0;}
.ld_cont .ld_sub.delete { color:#e85347; text-decoration: line-through; }
.ld_cont .ld_desk { font-size:13px; color:#8094ae; font-weight:500; padding-left:2px; margin-bottom:0; }
.ld_cont .ld_desk.red_t { color:#e85347; }
.ld_cont .ld_desk .ld_num { display:inline-block; background-color:#ccd4e7; color:#373737; padding:0 7px; font-size:12px; line-height:20px; height:20px; border-radius:20px; text-align:center; margin:0 2px; }
.ld_cont .ld_desk .ld_num.red_num { background-color:#ec420e; color:#fff; }
.con03_box { padding:16px 18px; border-bottom:1px solid #dadada; }
.con03_box.last { border-bottom:0; }
.con03_box.last .con03_tit { font-weight:500; }
.con03_tit { position:relative; font-size:14px; color:#222; font-weight:500; margin-bottom:4px; }
.con03_tit > p { margin-bottom:0; font-weight:bold; }
.con03_tit a { color:#222; }
.con03_tit i { margin-right:4px; }
.con03_tit .more { position: absolute; right: 0; top: -1px; display: inline-block; width: 21px; height: 21px; background-color: #fff; border-radius: 5px;
border: 1px solid #d5dae5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 12px; background-position: center; }
.con03_list { margin-bottom:0; }
.con03_list > li { border-bottom:1px solid #dadada; padding:4px 0; }
.con03_list > li:last-child { border-bottom:0; }
.con03_list > li .cont li { display:inline-block; font-size:13px; color:#5f5f5f; font-weight:500; margin-right:20px; }
.con03_list > li .tit { font-size:14px; color:#000; font-weight:500; margin-bottom:1px; }
.con03_list > li .cont li i { color:#606c76; }
.paging_area { text-align:center; }
.main_box_wrap { display:grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 25px; }
.main_box { font-size:16px; border:1px solid #d7d8db;border-radius: 0.55rem;padding:0.75rem 1.25rem; min-height: 240px;}
.main_box:hover{box-shadow:0 .25rem .55rem rgba(0,0,0,.15)!important}
.main_box .mb_tit { position:relative; margin-bottom:6px; display:flex;justify-content: space-between;align-items: center;}
.main_box .mb_tit h3 { font-size:15px; color:#3d3d3d; font-weight:bold; }
.main_box .mb_tit .more { vertical-align:middle; margin-left:1rem; display:inline-block;  width:25px; height:25px; background-color:#fff; border-radius:1rem; border:1px solid #d5dae5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%233b7ddd' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='36'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%233b7ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='36'%3E%3C/line%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:12px; background-position:center; }
.mb_tb { width:100%; table-layout: fixed; }
.mb_tb thead th { border-top:2px solid #3d3d3d;border-bottom:1px solid #9facbf; padding:6px 4px; color:#000; font-size:13px; text-align:center; font-weight:bold; }
.mb_tb thead th:first-child { text-align:left; padding-left:8px;}
.mb_tb tbody td { text-align:center; padding:1px 2px; border-bottom:1px solid #d5dae5; font-size:13px; }
.mb_tb tbody td:first-child { text-align:left; }

.gap_txt { background-color:#007bff; color:#fff; display:block; border-radius:3px; }
.gap_txt.red { background-color:#ec420e; }
.gap_txt.yellow { background-color:#ffc000; }
.gap_txt.ing { background-color:#ffffc2; color:#000; }
.gap_txt.delay { background-color:#dc3545; }
.gap_txt.over { background-color:#007bff; }
.gap_txt.end { background-color:#fff; color:#000; }
.prog_txt { position:relative; color:#636363; }
.prog_txt:before { content:''; display:inline-block; width:6px; height:6px; background-color:#636363; border-radius:100%; vertical-align:middle; margin-right:5px; }
.prog_txt.ing { color:#00932a; }
.prog_txt.ing:before { background-color:#00932a; }
.prog_txt.late { color:#ff0000; }
.prog_txt.late:before { background-color:#ff0000; }
.prog_txt.com { color:#007bff; }
.prog_txt.com:before { background-color:#007bff; }
.prog_red { color:#ff0000; }

table td.long_txt { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.danger_tb tbody td:nth-child(2) { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; }

.tabBox { border-bottom:1px solid #eee; margin-bottom:0; }
.tabBox li { position:relative; display:inline-block; font-size:14px; color:#999; padding:10px 0; margin-right:25px; font-weight:500; cursor:pointer; }
.tab-link.current { color:#000; font-weight:500; }
.tab-link.current:after { content:''; width:100%; height:2px; background-color:#00abc8; position:absolute; left:0; bottom:0; }
.tab_content { display: none; }
.tab_content.current{ display: block; width: 100%; }

.site_nav { margin-bottom:0; }
.site_nav li { display:inline-block; padding-right:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:14px; background-position:center right 3px; }
.site_nav li:first-child a { color:#007ccc; }
.site_nav li:last-child { padding-right:0; background-image:none; }
.site_nav li a { font-size:13px; color:#000; font-weight:400; }
.qs_tit { font-size:13px; color:#1e1e1e; margin-bottom:10px; }
.qs_tit span { color:#007bff; }
.bb_tit { display:flex; align-items:center; justify-content:space-between; padding-bottom:5px; border-bottom:2px solid #054d7c; }
.bb_tit .task_outtit { margin-bottom:0; }
.qbom_search { margin-bottom:30px; border-top:1px solid #d5dae5; border-bottom:1px solid #d5dae5; }
.qb_flex { width:100%; display:flex; }
.qb_flexbox { font-size:0; display:flex; margin-bottom:0; }
.qb_flexbox .qf_ti { width:30%; color:#000; font-weight:500; font-size:14px; background-color:#eff4f9; }
.qb_flexbox .qf_desk { width:70%; background-color:#f7fafc;  }
.qb_flexbox li { display:flex; align-items:center; font-size:14px; padding:15px 15px; border-bottom:1px solid #eaeaeb; }

.basic_input { width:100%; border:1px solid #ced4da; background-color:#fff; padding:5px; border-radius:4px; }
.basic_select { width:100%; border:1px solid #ced4da; padding:5px; border-radius:4px; }
.input_calendar { width:50%; background: url("../images/ico_cal.png") no-repeat left 5px center; background-color:#fff; padding:5px 0 4px 30px; color:#222; }
/* grid2 */
.flexbox_grid2 { width:50%; }
.flexbox_grid2 .qf_ti { width:20%; }
.flexbox_grid2 .qf_desk { width:80%; }
/* grid3 */
.flexbox_grid3 { width:33.333%; }
.btn_flex { display:flex; flex-wrap:wrap; gap:5px; justify-content:center; margin-bottom:0; }
.qb_btn { background-color:#f7fafc; }
.qb_btn ul { text-align:center; padding:12px 0; }
.qb_btn ul li { display:inline-block; }
.qbbtn { display:inline-block; color:#fff; font-size:15px; padding:7px 19px; border-radius:4px; }
.qbbtn:hover { color:#fff; text-decoration:none; }
.btn { /* font-size:13px; */ }
.btn.red { background-color:#e85347; color:#fff; }
.btn.border { border:1px solid #ddd; }
.qb_blue_btn { background-color:#007bff; color:#fff; }
.qb_blue_btn:hover { color:#fff; }
.qb_gray_btn { background-color:#6c757d; color:#fff; }
.qb_gray_btn:hover { color:#fff; }
.qb_lb_btn { background-color:#17a2b8; color:#fff; }
.qb_lb_btn:hover { color:#fff; }
.qb_green_btn { background-color:#28a745; color:#fff; }
.qb_green_btn:hover { color:#fff; }
.qb_red_btn { background-color:#e85347; color:#fff; }
.qb_red_btn:hover { color:#fff; }
.qb_purple_btn { background-color:#816bfb; color:#fff; }
.qb_purple_btn:hover { color:#fff; }


.change_short { width:50px; margin:0 auto; }

.qb_tb { width:100%; border-top:2px solid #054d7c; border-bottom:2px solid #d5dae5; table-layout: fixed; }
.qb_tb thead th { text-align:center; color:#000; font-size:14px; font-weight:500; padding:15px 5px; border-bottom:1px solid #d5dae5; }
.qb_tb tbody td { position:relative; text-align:center; color:#000; font-size:13px; font-weight:500; padding:15px 5px; border-bottom:1px solid #d5dae5; }
.qb_tb tbody tr:hover { background-color:#f8f8f8; }
tr.input_line td { padding:0; height:50.5px; border-right:1px solid transparent; }
tr.input_line td input {  height:100%; text-align:center; vertical-align:middle; background-color:#fff7f6; }
tr.input_line td input[type="text"] { width:100%; padding:0 5px; border:1px solid #fff; color:#000; }
.on_line { cursor:pointer; }
tr.on td { background-color:#0c4696; color:#fff; }
tr.on td span.file_pop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='86 110 128 152 170 110' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3Cline x1='128' y1='40' x2='128' y2='152' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cpath d='M216,152v56a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V152' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E"); }
tr.qb_on { display:none; }
tr.qb_on.active { display: revert; }
td.nop { padding:0 !important; border-bottom:0 !important; }
.textone { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.down_icon { display:inline-block; width:15px; height:15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='86 110 128 152 170 110' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3Cline x1='128' y1='40' x2='128' y2='152' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cpath d='M216,152v56a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V152' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E");
background-size:100%; background-repeat:no-repeat; background-position:center; }
.file_pop { display:inline-block;  width:23px; height:23px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='86 110 128 152 170 110' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3Cline x1='128' y1='40' x2='128' y2='152' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cpath d='M216,152v56a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V152' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/path%3E%3C/svg%3E");
background-position:center; background-size:100%; background-repeat:no-repeat; text-indent:-9999999px; }
.qb_innertb { width:100%; }
.qb_innertb thead th { background-color:#31404d; color:#fff; font-weight:400; }
.qb_innertb tbody td { position:relative; text-align:center; color:#212121; background-color:#eff4f9; font-size:13px; font-weight:500; padding:15px 5px; border-bottom:1px solid #d5dae5; }
.b_under { color:#0c4696; font-weight:600; border-bottom:1px solid #0c4696; padding-bottom:1px; cursor:pointer; }
.write_btn { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:inline-block; width:27px; height:27px; background-color:#fff; border-radius:100%; border:1px solid #ddd;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'%3E%3C/line%3E%3C/svg%3E");
background-size:15px; background-repeat:no-repeat; background-position:center; }

.qbon_1depth > tbody td:nth-child(2) { color:rgba(150,162,184,0.7); }
.qbon_2depth thead th { background-color:#fcea86; border-bottom:1px solid #fcea86; color:#222; font-weight:500; }
.qbon_2depth tbody td { background-color:#fff8d4; }
.qbon_3depth thead th { background-color:#d3f1d3; border-bottom:1px solid #d3f1d3; color:#222; font-weight:500; }
.qbon_3depth tbody td { background-color:#f0fff0; }


.qbon_depth_01 td { background-color:#0782fd !important; color:#fff !important; }
.qbon_depth_01 td .b_under { color:#fff !important; border-color:#fff; }
.qbon_depth_02 td{ background-color:#60afff !important; color:#fff !important; }
.qbon_depth_02 td .b_under { color:#fff !important; border-color:#fff; }
.qbon_depth_03 td { background-color:#91c8ff !important; }
.qbon_depth_04 td { background-color:#afd5fb !important; }
.qbon_depth_05 td { background-color:#cbe4fd !important; }
.qbon_depth_06 td { background-color:#d9eafb !important; }
.qbon_depth_07 td { background-color:#e4f0fd !important; }
.qbon_depth_08 td { background-color:#f4f8fd !important; }
.qbon_depth_09 td { background-color:#f9f9f9 !important; }
.qbon_depth_10 td { background-color:#fff !important; }

.number_only { background:#f0fff0; text-align: right; }


.btn_area { margin-top:20px; }
.sbtn_area { display:flex; gap:5px; margin-bottom:0; }
.smallbtn.red { background-color:#e85347; color:#fff; border-color:#e85347; }
.smallbtn { display:inline-block; color:#212529; font-size:13px; border:1px solid #ddd; padding:4px 24px; border-radius:4px; }


.pageing_form { text-align: center; padding: 10px 10px; text-align: center; font-size:0; /* margin-top:20px; */ }
.pageing_form img { vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; margin-left:-1px; }
.pageing_form .now_page { display: inline-block; vertical-align: top; width: 27px; height: 27px; font-size: 12px; line-height: 27px; text-align: center; color: #222;
background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.pageing_form a { display: inline-block; vertical-align: top; width: 27px; height: 27px; font-size: 12px; line-height: 27px; text-align: center; color: #222;
background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link {
  border-radius: 0;
}
.list-unstyled { margin-bottom:0; }
.mb-1  { position:relative; }
.btn-toggle { display: inline-flex; gap:10px; align-items: center; font-size:14px; font-weight:500; background-color: transparent; border: 0;  color:#4d5864; margin-bottom:3px;  }
.btn-toggle i { color:#818ca6; }
.btn-toggle::before {
 content:'';
  width: 14px;
  height:14px;
  line-height: 0;
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23b8b8b8' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%23b8b8b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'%3E%3C/polyline%3E%3C/svg%3E");*/
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  position:absolute;
  right:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
}
.btn-toggle[aria-expanded="true"]::before { transform: rotate(180deg); }

.btn-toggle-nav a { display: inline-flex; padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.25rem; text-decoration: none; }
.scrollarea { overflow-y: auto; }

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }
.btn-toggle-nav li a { color:#8f969e; padding-left:0; }
.blue_txt { color:#007ccc; margin-left:3px; font-size:13px; letter-spacing:-0.55px; }



/* footer */
#footer { border-top:1px solid #eee; }
#footer .copy { text-align:center; padding:12px 0;  color:#606060; /* font-size:14px; font-weight:600; */ }
#footer .copy span { color:#007ccc;  }



/* login */
.log-bg { background-image:url('../images/login_img01.png'); background-repeat:no-repeat; background-position:center; background-size:cover; min-height:100vh; }
.brand-wrapper { margin-bottom:80px; }
.brand-wrapper .logo {height: 25px; }
.login-section-wrapper {display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; justify-content: flex-start; padding: 68px 100px; background-color: #fff; }
.login-wrapper { position:relative; height:100%; width: 420px; max-width: 100%; margin-left:auto; }
.login-wrapper label {font-size: 14px; font-weight: bold; color: #b0adad;}
.label-st {font-size: 14px; font-weight: bold; color: #b0adad;}
.login-wrapper .form-control {border: none; border-bottom: 1px solid #e7e7e7; border-radius: 0; padding: 9px 5px; min-height: 40px; font-size: 18px; font-weight: 500;}
.login-wrapper .form-control::-webkit-input-placeholder {color: #b0adad;  font-weight: normal;}
.login-wrapper .form-control::-moz-placeholder {color: #b0adad; font-weight: normal;}
.login-wrapper .form-control:-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.login-wrapper .form-control::-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.login-wrapper .form-control::placeholder {color: #b0adad; font-weight: normal;}
.login-wrapper .login-btn { width:100%; padding: 13px 20px; margin-top:20px; background-color: #2a327b; border-radius: 0; font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 14px;}
.login-wrapper .login-btn:hover {border: 1px solid #2a327b; background-color: #fff; color: #2a327b;}
.login-wrapper a.forgot-password-link {color: #080808; font-size: 14px; /* text-decoration: underline; */ display: inline-block; margin-bottom: 54px; }
.login-wrapper-footer-text {font-size: 13px; color: #000; position:absolute; left:0; bottom:-2.5rem; }
.login-title {font-size: 30px !important; font-family:'IBM Plex Sans KR','Noto sans KR'; color: #034694; font-weight: bold;  margin-bottom:0; align-self: end; }
.login-img {width: 100%; height: 100vh; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; }
.footer-link {position: absolute; bottom: 3rem; font-size:13px; text-align: center; width: 100%;}
.login_logo {width: 300px;}
.text-center { text-align:center; }
.or-text { margin-top:30px; }
.overline-title {  position: relative; display: inline-block; font-size:11px; margin-bottom: 0; padding-left: 0.35rem; padding-right: 0.25rem; color: #b6c6e3; }
.overline-title:before, .overline-title:after { position: absolute; top: 50%; transform: translateY(-50%); width: 20px;  height: 1px; content: ''; background: #b6c6e3; }
.overline-title:before { right: 100%; }
.overline-title:after { left: 100%; }
.log-align { margin-top:15px; display:flex; align-items:center; gap:30px; justify-content:center; }
.log-align a { font-size:14px; color:#4e82c2; }

.form-control-join {border: none; border: 1px solid #e7e7e7; border-radius: 0; padding: 0 5px; min-height: 30px; font-size: 14px; font-weight: 500;}
.form-control-join::-webkit-input-placeholder {color: #b0adad;  font-weight: normal;}
.form-control-join::-moz-placeholder {color: #b0adad; font-weight: normal;}
.form-control-join:-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.form-control-join::-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.form-control-join::placeholder {color: #b0adad; font-weight: normal;}

.form-control-code {border: none; border-bottom: 1px solid #e7e7e7; border-radius: 0; padding: 9px 5px; min-height: 40px; font-size: 18px; font-weight: 500;}
.form-control-code::-webkit-input-placeholder {color: #b0adad;  font-weight: normal;}
.form-control-code::-moz-placeholder {color: #b0adad; font-weight: normal;}
.form-control-code:-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.form-control-code::-ms-input-placeholder {color: #b0adad; font-weight: normal;}
.form-control-code::placeholder {color: #b0adad; font-weight: normal;}

.jo-wrapper { margin-bottom:50px; display: flex; align-items: center; justify-content: space-between; }
.jo-sec-wrap { padding:40px 100px; }
.jo-btn { width:100%; padding: 13px 20px; margin-top:20px; background-color: #2a327b; border-radius: 0; font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 14px;}
.jo-btn:hover {border: 1px solid #2a327b; background-color: #fff; color: #2a327b;}
.fg-flex { display:flex; gap:20px; }
.fg-flex > div { width:50%; }
.noti-text { color: #a1adb9; font-size:12px; margin-top:5px; }
.lt-text { display:block; border-bottom:1px solid #eee; padding-bottom:12px; font-size:14px; vertical-align:middle; font-weight:500; color:#6c757d; margin-bottom:20px; }
.upb-btn { font-size:13px; border-radius:0; }
.idinfo-text { color: #6c757d; font-size:14px; margin-top:5px; }
.idinfo-text b { font-size:18px; color:#222; margin:0 5px;}
.fotw-wrapper { position:relative; width: 420px; max-width: 100%; margin-left:auto; }
.cd-text { color: #6c757d; font-size:14px; }
.danger-btn { border-radius:0; }

#bc_number_only { display:block; margin-top:5px }
#bc_number_only b { font-size:12px; font-weight:400; }
#bc_code_return { display:block; margin-top:5px }
#bc_code_return b { font-size:12px; font-weight:400; }
#code_check_result { display:block; margin-top:5px }
#code_check_result b { font-size:12px; font-weight:400; }

#zip_layer { border:1px solid #ddd !important; }


.none_txt { width:1px; height:1px; border: 1px solid transparent; background-color:transparent; }
.card-header { background-color:#f7fafc; border-top:1px solid #d5dae5; border-bottom:1px solid #d5dae5; }
.card-header b { color:#000; }
.input-group-text { background-color:#eff4f9; }
.btn_wrapper { margin:15px 0 10px; }
.btn_flex.left { justify-content: start; }
.top_flex { display:flex; align-items:center; justify-content:space-between; }
.s_result_txt { font-size:14px; color:#8f969e; align-self: flex-end; }
.s_result_txt span { color:#007bff; font-weight:500; }

.layer_popup .close_pop{ position:absolute; top:10px; right: 10px; cursor:pointer; width:40px; height:40px;  opacity:1; text-indent:-999px; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E"); background-size:30px; background-position:center; background-repeat:no-repeat; }
.layer_popup .close_pop_ex{ position:absolute; top:10px; right: 10px; cursor:pointer; width:40px; height:40px;  opacity:1; text-indent:-999px; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E"); background-size:30px; background-position:center; background-repeat:no-repeat; }

.danger_popup { border:1px solid #ddd; max-width:800px; margin:0 auto; padding:30px; }
.dp_wrap { margin:0 auto; }
.dp_tit { font-size:25px; color:#222; margin-bottom:20px; text-align:center; }
.dp_tit span { font-size:18px;  display:block; }
.dp_tb { width:100%; border-color:#d5dae5; }
.dp_tb tbody th { background-color:#eff4f9; font-size:14px; font-weight:500; color:#222; text-align:center; padding:3px 5px; }
.dp_tb tbody td { background-color:#fff; font-size:14px; font-weight:400; color:#222; text-align:center; padding:3px 5px; }
.dp_tb .b_bg { background-color:#eff4f9; }
.dp_tb ul.grid_gb { width:75%; }
.dp_tb td.write_area { height:150px; vertical-align:top; text-align:left; }

.col-2 { /* flex:0 0 19%; max-width:19%; */}
.col-2.short { /* flex:0 0 15%; max-width:15%; */}

.n_mar { margin-bottom:0; }

.menu_lay { position:relative; }
.category_list {padding: 0; margin-bottom: 0;}
.category_list li {position: relative; height: 44px; line-height: 44px; overflow: hidden; transition: all .3s ease-in-out;}
/*.category_list li:hover::before {content:""; background: linear-gradient(90deg, rgba(224, 243, 255, 1), rgba(224, 243, 255, 0)); background-size: cover; height: 43px; display: block; width: 260px; position: absolute; top: 0; left: 0; transition: all .2s;}*/
.category_list li a {color: #757e88; font-weight: 400; font-size:14px; display:block; width: 100%; position: relative;
transition: all .3s ease-in-out; text-decoration: none; height: 44px;}
.category_list li a:hover {color:#000; height: 44px; border-radius: 5px; background: #e0f3ff; white-space: nowrap; transition: all .2s; }
.category_list li a > span {margin-left: 8px;}
.category_list li a > i {width: 20px; text-align: center; font-size: 16px; color: #818ca6;}
.category_list li a .blue_txt { color: #007ccc; font-size: 13px; letter-spacing: -0.55px; }
.category_list li a .red_txt { color: #cc2b00; font-size: 13px; letter-spacing: -0.55px; }
.category_list li .arrow_rotate { color:#ddd; }
.category_list li .arrow { right:8px; font-size:12px; }
.category_active {padding-left: 27px !important;}
.category_active:hover {width: 55% !important; margin-left: 0 !important;}
.category_list li img {vertical-align: text-top; margin-right: 8px;}
.category_mid {color: #1a1a1a; font-weight: 500; font-size:12px; margin-top: 30px; padding-left: 25px; transition: all .3s ease-in-out;}
.category_list .open_menu ul { padding-left:0; }
.category_list .open_menu ul li a { padding-left:5px; margin-left:15px; width:80% !important; }
.category_list .open_menu ul li a:hover { margin-left:15px; }
.category_list .open_menu ul li::before { left:8px; }

.notice_txt {font-size:13px; margin-bottom:10px; }

.custom_tb { width:100%; }
.custom_tb thead th { background-color:#eee; color:#222; text-align:center; padding:6px 5px; box-sizing:border-box; font-size:13px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
.custom_tb thead th.gr { color:#888;}
.custom_tb thead th:last-child { border-right:0; }
.custom_tb tbody td { position:relative; text-align:center; font-size:13px; padding:0px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:35px; color:#000;}
.custom_tb tbody td:last-child { border-right:0; }
.custom_tb tbody td.align_left { text-align:left; }
.custom_tb tbody td.align_right { text-align:right; }
.custom_tb tbody td.no_padding { padding:0; vertical-align: top;}
.custom_tb tbody td.gr { color:#aaa;}
.custom_tb tbody td input[type="checkbox"] { vertical-align:middle; margin-top:-2px; }
.custom_tb tbody td input[type="text"] { width:100%; border:0; }
.custom_tb tbody td input[type="text"]::placeholder { color:#ccc; }
.custom_tb tbody td input[type="text"].a_l { text-align:left; }
.custom_tb tbody td input[type="text"].a_r { text-align:right; }
.custom_tb tbody td input[type="text"].a_c { text-align:center; height:100%; color:#000;}
.custom_tb tbody td select { width:100%; height:100%; border:0; }
.custom_tb .border_b_n th { border-bottom:0; }
.custom_tb .toggle_icon { display:inline-block; vertical-align:middle; margin-top:-2px; width:20px; height:20px; background-size:17px; background-repeat:no-repeat; background-position:center; background-image: url("../images/tg-open.png"); border : 1px #eee solid; }
.custom_tb .div-open { background-image: url("../images/tg-close.png");  border : 1px #aaa solid;}

.custom_inner_tb { width:100%; }
.custom_inner_tb thead tr:first-child th { border-top:none !important; }
.custom_inner_tb tbody tr:last-child td { border-bottom:none; }
.custom_inner_tb thead th { padding:1px; background: #bcd1e1; font-weight: normal; height:32px; border-right: 1px solid #e0e0e0;}
.custom_inner_tb tbody td { padding:0px; color:#888; }
.custom_inner_tb tbody td.mn { color:#000; }
.custom_inner_tb tbody td input[type="text"] { color:#888 !important; }
.custom_inner_tb tbody td select { width:100%; height:100%; border:0; color:#888 !important; }
.bbtom { border-bottom:1px solid #e0e0e0 !important; }
.custom_input { width:100%; border:0; }
.group-end {height: 4px !important;}
.progress-head { background: #bcd1e1; /* background: linear-gradient(180deg, rgb(225 238 255) 30%, rgb(144 182 239)) 70%; */ border-right: 1px solid #e0e0e0 !important; vertical-align:top;}

.contact_area { padding:30px 0; background:#f8f8f8; }
.contact_area .contact_wrap { min-width: 1060px; padding:0; margin: 0 auto; padding: 0 50px; box-sizing: border-box; }
.contact_area .contact_wrap .contact_ti h2 { font-size: 30px; font-weight: 700; line-height: 1.3em; color: #3b434d; letter-spacing: -2.5px; text-align: center; margin: 0; }
.faq_search { position: relative; width: 100%; margin: 30px 0 10px; /* background: #f8f8f8; */ text-align: center; }
#faq_search_form { max-width:766px; margin: 0 auto; }
.faq_input { width: 460px; height: 50px; border: 1px solid #0b324f; border-radius: 0; color: #5b5b5b; font-size: 17px; padding-left: 15px; background-color:#fff; }
.faq_btn { width: 82px; height: 50px; margin-right: 2px; background-color: #0b324f; color: #fff; font-size: 16px; border: 1px solid #0b324f; cursor: pointer; vertical-align:top; border-radius:0; }
.faq_btn_line { width: 82px; height: 50px; margin-right: 2px; background-color: #fff; color: #0b324f; font-size: 16px; border: 1px solid #0b324f; cursor: pointer; vertical-align:top; }

.search_re_wrap { font-size: 17px; font-weight: 500; }
.search_re_wrap .search_re { margin-bottom:10px; font-size: 15px; align-items:center; }
.search_re_wrap .search_re span { color: #0b324f; font-weight: 600; margin: 0 2px 0 5px; }
.faq_tab { width: 100%; margin: 0 auto; position: relative; }
.faq_tab .tab_inner { width: 100%; margin: 0 auto; border-top: 2px solid #dbd9d9;}
.faq_tab .btn { width: 100%; padding: 0; margin: 0 auto 30px; background: #f8f8f8; list-style: none; }
.faq_tab .btn li { float: left; text-align: center; padding: 20px 0; cursor: pointer; border-right: 1px solid #eee; font-size:18px; }
.faq_tab .btn li.on { border-bottom: none; background: #fff; border-top: 2px solid #007ccc; box-sizing: border-box; padding: 19px 0; }
.faq_tab .grid4 li { width: 25%; }
.faq_tab .faq_table { table-layout:fixed; border-collapse: separate; border-spacing: 0; }
.blind { text-indent: -99999px; position: absolute; top: 0; }
.faq_tab .faq_table td { position: relative; min-height: 60px; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 400; }
.faq_tab .faq_table tbody tr td:first-child { text-align: center; color:#222;}
.faq_tab .faq_table tbody tr td:nth-child(2) { padding-left: 15px; }
.faq_tab .faq_table tbody .faq_tab_content .faq_cont_inner { padding: 30px 40px; line-height: 1.4em; text-align: left; background: #f8f8f8; }
.faq_tab .faq_table tbody tr td .faq_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%230d0d0d' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%230d0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%230d0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/line%3E%3C/svg%3E");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
    cursor: pointer;
}
.faq_tab .faq_table tbody tr td .faq_arrow.on {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%230d0d0d' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%230d0d0d' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/line%3E%3C/svg%3E");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
.faq_tab .faq_table tbody .faq_tab_content.off { display: none; }


.board-top-bg {background: url("../images/board-top-bg.png"); background-repeat: no-repeat; background-size: cover; width: 100%; height: auto;}
.edit-new {position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; right: 8px; color: #a9b3c6;}

.qna-top-bg { background: url("../images/board-top-bg.png"); background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; padding:30px 0 60px; }
.qna-name { max-width:auto; width:auto; }
.qna-flex { display:flex; align-items:center; justify-content:space-between; }
.qna-flex > a { flex:5; }
.qna-btn { display:flex; justify-content: space-between; gap:10px; margin-top:3px; }
.qna-btn li i { color:#a9b3c6; font-size:20px; cursor:pointer; }
.faq_tab .faq_table td.qna-btn-wrap { padding-left:15px; }

.cbox_list { display:flex; justify-content:end; }
.cbox_list li { display:flex; align-items:center; vertical-align:top; margin-right:15px; font-size:13px; }
.cbox_list li:last-child { margin-right:0; }
.cbox_list li .cbox { display:inline-block; width:11px; height:11px; background-color:#f8f8f8; border-radius:3px; margin:-1px 3px 0 0; }
.cbox_list li .cbox.blue { background-color:#007bff; }
.cbox_list li .cbox.gray { background-color:#999999; }
.cbox_list li .cbox.bl { background-color:#000000; }
.cbox_list li .cbox.red { background-color:#dc3545; }

.left_box {height: 200px; width: 85%; margin: 0 auto; padding: 15px; color: #343a40; background: #f2f6fd; border-radius: 10px; transition: all .3s ease-in-out; position: relative; overflow: hidden; border: 1px solid #deedf0; margin-bottom: 30px;}
.left_box h2 {font-size: 14px; font-weight: 500; position: absolute; top: 27px;}
.left_box p {font-size: 16px; font-weight: 400; letter-spacing: -0.2px; position: absolute; top: 52px; width: 156px;}
.left_box a {font-size: 14px; font-weight: 400; color: #343a40; width: 80%; height: 31px; display: block; background: #0b324f; color: #fff; text-align: center; line-height: 26px; border-radius: 5px; position: absolute; bottom: 30px; text-decoration: none; transform: translateX(-50%); left: 50%;}

#left_close { display:none;}
#left_close.active { display:block;}

.con_02.size_up_left {margin-left: 0;}
.con_02.size_up_right { /* margin-right:0; */ width:calc(100% - 210px);}
.right_menu {position: absolute; top: 375px; left: -30px;}

.view_active_no1 {background: #EFEFEF !important;}
.view_active_no2 {background: #f8f8f8 !important;color: #999999 !important; border-bottom: 1px solid #eaeaeb !important;}