@charset "utf-8";


/*=================================
  전체 공통 
=================================*/
#wrap{width: 100%; min-height: 100%; position: relative;min-width: 1800px;}
#wrap #container{width: 1800px;margin:0 auto}
#wrap #container.subM:not(:has(.breadcrumbs)){padding-top: 100px;}
#wrap:after{content: '';display:table;clear: both;}
#header{width: 100%;background-color: #ffffff;}

#container {width: 100%;padding-top: 70px;min-height: 800px;}
#container > section{width:100%;}

.conWrap{padding: 0 0 100px 0}

.borderBx{border: 1px solid #F2CEC8;border-radius: 4px;padding: 40px;}
.borderBx2{border: 1px solid #AAAAAA;border-radius: 4px;padding: 0 20px;}
.borderBx3{border: 1px solid #DFDFDF;border-radius: 4px;}

.borderBx2 .boardList li + li {border-top: 1px dashed #ccc;}   
.borderBx2 .boardList li{display: flex;justify-content: space-between;padding: 24px 140px 24px 10px;align-items: center;position: relative;}
.borderBx2 .boardList li .title{color: #000;font-size: 16px;}
.borderBx2 .boardList li .date{color: #AAAAAA;font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

.mbr {display: none}
.pbr {display: block;}
a{cursor: pointer;}
pre{font-family:'Pretendard', '맑은 고딕','Malgun Gothic',dotum,'돋움',sans-serif,Helvetica;font-weight: 400;line-height:1.6;font-size:14px;white-space:break-spaces;}

h3.mTit{font-size: 25px; font-weight: 700;line-height: 1.4;vertical-align: bottom;display: inline-block;position: relative;padding-top: 8px;margin-bottom: 30px;}
h3.mTit::before{content: '';display: block;width: 50px;height: 4px;background-color: #2B5FF8;border-radius: 5px;position: absolute;top: 0;transform: translateY(-50%); left: 0;}

h4 {display: flex;font-size: 20px;font-weight: 700;margin-bottom: 15px;align-items: center;gap: 12px;}
h4::before{content: '';display: block;width: 8px;height: 8px;background-color: #2B5FF8;}
h4 span {font-size: 20px;font-weight: 400;}
h4.nonBullet{font-size: 20px;gap: 8px;}
h4.nonBullet.cont_header_left{gap: 20px;}
h4.nonBullet::before{display:none}
.topSection h4,
.cont_header_left h4{margin-bottom: 0;}

h5 {font-size: 18px;font-weight: 700;margin-bottom: 20px;}
h5.bullet {display: flex;font-size: 18px;font-weight: 700;margin-bottom: 10px;align-items: center;gap: 8px;}
h5.bullet::before{content: '';display: block;width: 6px;height: 6px;background-color: #2B5FF8;}
h5 .sub{font-size: 14px;color: #777;font-weight: 400;}

.cont_header h5{margin-bottom: 0;gap: 24px;}

h6 {font-size: 16px;font-weight: 700;margin-bottom: 10px;}

.contBx{display: flex;flex-direction: column;gap: 30px;}
.rowBx{background-color: #fff;border:1px solid #DFDFDF;padding: 40px 50px;border-radius: 12px;overflow: hidden;}


/* 블루 박스 */
.row.bgcolor_blue{border: 1px solid #A6C0FC;border-radius: 4px;padding: 20px 30px;}
.row.bgcolor_blue ol{display: grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap: 10px 20px;}
.row.bgcolor_blue ol li{flex: 1; flex-wrap: wrap;}
.row.bgcolor_blue ol li dl{display: flex;align-items: center;font-size: 14px;gap: 4px;}
.row.bgcolor_blue ol li dl dt{display: flex;align-items: center;gap: 12px;color: #2B5FF8;}
.row.bgcolor_blue ol li .num{display: flex;width: 32px;height: 32px;color: #fff;background-color: #2B5FF8;border-radius: 100%;align-items: center;justify-content: center;font-weight: 700;line-height: 1;}
.row.bgcolor_blue ol li dl dt .tit{font-weight: 700;}
.row.bgcolor_blue ol li dl dd{font-weight: 500;}

/*=================================
  #header 
=================================*/

/* 메인 해더 ===================================== */
.mHeader {width: 1800px; height:50px; position: relative;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}

/* 로고 */
.mHeader h1{display: flex;align-items: center;justify-content: center;gap: 12px;font-size: 0;}
.mHeader h1 span{display:inline-block;}
.mHeader h1 .logoWrap{display: flex;gap: 12px;align-items: center;justify-content: center;}
.mHeader h1 .logoWrap:after{content: "";display: inline-flex;width: 1px;height: 20px;background-color: #EFEFEF;}
.mHeader h1 .logoWrap img{width: 100px;height: auto;}
.mHeader h1 .header_title img{width: 192px;height: 20px;}
.mHeader h1 .headerTitle{font-family: 'ONE Mobile Title';font-size: 18px;font-weight: 400;}
.mHeader h1 a[class*="role"]{color: #fff;border-radius: 100px;padding: 4px 10px;font-size: 14px;font-weight: 400;font-family: 'ONE Mobile Title';display: inline-flex;align-items: center;justify-content: center;line-height: 1;min-width: 60px;height: 24px;}
.mHeader h1 .roleHead{background-color: #001E8A;}
.mHeader h1 .rolePartner{background-color: #00C2CB;}
.mHeader h1 .rloeManager{background-color: #FF51A4;}
.mHeader h1 .roleClient{background-color: #000;}
 

/* 헤더 메뉴 */
.mHeader .quickActions ul{display: flex;align-items: center;justify-content: center;}
.mHeader .quickActions ul li{width: 160px;height: 50px;display: flex;justify-content: center;align-items: center;border-left: 1px solid #EFEFEF;}
.mHeader .quickActions ul li:last-child{width: 130px;justify-content: end;}
.mHeader .quickActions ul li a{display: flex;justify-content: center;align-items: center;font-size: 14px; font-weight: 500;color: #aaa;gap: 8px;line-height: 1;}
.mHeader .quickActions ul li.allMenu a:before{content: '';display: block;background: url('../images/icons_quickActions.png') no-repeat 0 0; background-size: 20px auto;width: 20px;height: 20px;}
.mHeader .quickActions ul li.pwChange a:before{content: '';display: block;background: url('../images/icons_quickActions.png') no-repeat 0 -20px; background-size: 20px auto;width: 20px;height: 20px;}
.mHeader .quickActions ul li.logOut a{flex-direction: row;color: #fff;background-color: #aaa; padding: 6px 7px 5px 17px; gap: 4px;align-items: center;border-radius: 100px;}
.mHeader .quickActions ul li.logOut a:after{content: '';display: block;background: url('../images/icons_quickActions.png') no-repeat 0 -40px; background-size: 20px auto;width: 20px;height: 20px;}


.mHeader .quickActions ul li.quickNotify {width: auto;border-left: none; padding-right: 8px;position: relative;}
.mHeader .quickActions ul li.quickNotify .notifyEmoji{background: url("../images/icon_notify.png") no-repeat 0 0;background-size: 27px 28px;width: 27px; height: 28px;text-indent: -10000px;}
.mHeader .quickActions ul li.quickNotify .notifyBadge{position: absolute;background-color: #F00202;min-width: 18px;min-height: 18px;border-radius: 100%;color: #fff;font-size: 9px;font-weight: 700;display: flex;align-items: center;justify-content: center;line-height: 1;padding: 0 2px;}



.mHeader .quickActions ul li.quickUserInfo{width: auto; padding-right: 30px;color: #222;font-size: 14px;font-weight: 700;border-left: none;}




/*=================================
  #gnb
=================================*/

nav#gnb{width: 100%!important;background-color: #fff;position: absolute; height: 60px;overflow: hidden; z-index: 10;top: 50px;left: 0;z-index: 110;}
nav#gnb h3{display: none;}
nav#gnb .innerWrap{width: 100%;background-color: #2B5FF8;}
nav#gnb .innerWrap .mMenu{width: 1800px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
nav#gnb .innerWrap .mMenu > li {display: flex;align-items: center;justify-content: center;flex-direction: column;height: 60px;}
nav#gnb .innerWrap .mMenu > li > a{color: #fff;padding: 0px 46px;z-index: 10;display: flex;justify-content: center;align-items: center;height: 60px;gap: 6px;}
nav#gnb .innerWrap .mMenu > li > .subMenu{position: absolute;width: 100%; top: 80px;  left: 0;opacity: 0;transition: opacity 0.3s ease;visibility: hidden;}
nav#gnb .innerWrap .mMenu  >li > .subMenu > ul{width: 1800px;margin: 0 auto;display: flex;justify-content: flex-start;align-items: center;}
nav#gnb.on{height: 250px;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);opacity: 1;}
nav#gnb .innerWrap .mMenu > li.active > .subMenu{opacity: 1;visibility: visible;transition-delay: 0.05s;}

nav#gnb .innerWrap .mMenu > li > a .depth_icon{width: 30px;height: 30px;background: url("../images/icons_nav.png") no-repeat 0px 0px; background-size: 30px auto;}           
nav#gnb .innerWrap .mMenu > li.menu_service > a .depth_icon{background-position: 0 -30px;}
nav#gnb .innerWrap .mMenu > li.menu_chatbot > a .depth_icon{background-position: 0 -60px;}
nav#gnb .innerWrap .mMenu > li.menu_refund > a .depth_icon{background-position: 0 -90px;}
nav#gnb .innerWrap .mMenu > li.menu_system > a .depth_icon{background-position: 0 -120px;}
nav#gnb .innerWrap .mMenu > li.menu_sns > a .depth_icon,
nav#gnb .innerWrap .mMenu > li.menu_kakao > a .depth_icon{background-position: 0 -150px;}
nav#gnb .innerWrap .mMenu > li.menu_pspportal > a .depth_icon{background-position: 0 -180px;}


nav#gnb .innerWrap .mMenu > li:hover > a{background-color: #3453C0;color: #fff;}
nav#gnb .innerWrap .mMenu > li.on > a{background-color: #001E8A;color: #fff;}
nav#gnb .innerWrap .mMenu > li.menu_sm:hover > a .depth_icon{background-position: 0 -24px;}
nav#gnb .innerWrap .mMenu > li.menu_pm:hover > a .depth_icon{background-position: 0 -48px;}
nav#gnb .innerWrap .mMenu > li.menu_am:hover > a .depth_icon{background-position: 0 -72px;}
nav#gnb .innerWrap .mMenu > li.menu_tm:hover > a .depth_icon{background-position: 0 -96px;}
nav#gnb .innerWrap .mMenu > li.menu_chm:hover > a .depth_icon{background-position: 0 -120px;}
nav#gnb .innerWrap .mMenu > li.menu_stm:hover > a .depth_icon{background-position: 0 -144px;}
nav#gnb .innerWrap .mMenu > li.menu_sym:hover > a .depth_icon{background-position: 0 -168px;}


nav#gnb .innerWrap .mMenu > li > a .ic_txt{position: relative;font-size: 18px;white-space: nowrap;}


nav#gnb .innerWrap .mMenu > li .subMenu{padding: 0 0 25px;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul {display: flex;align-items: flex-start;gap: 25px;flex-wrap: wrap;justify-content: center;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > a {font-size: 16px; color: #555;font-weight: 700;background-color: #F9F9F9;border-radius:8px;padding: 10px 15px;border: 2px solid #F9F9F9;display: flex;min-width: 170px;height: 40px;display: flex;align-items: center;justify-content: flex-start;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth{padding-top: 10px;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li > a{font-size: 14px;font-weight: 500;color: #777;width: 100%;height: 30px;display: flex;justify-content: flex-start;align-items: center;padding: 0 0 0 10px;display: flex;align-items: center;gap: 10px;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li > a:before{content: "";display: block;width: 5px;height: 5px;border-radius: 100%;background-color: #DFDFDF;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li:hover > a,
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li.on > a{border:2px solid #001E8A;color: #001E8A;background-color: #F5F8FF;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li:hover > a,
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li.on > a  {color: #001E8A;text-decoration: underline;font-weight: 700;}
nav#gnb .innerWrap .mMenu > li > a .depth_icon{opacity: 1; visibility: visible;}
/* nav#gnb.fixed .innerWrap .mMenu > li > a .depth_icon{opacity: 0; visibility: hidden; display: none; margin-bottom: 0;} */
nav#gnb.fixed{height: 60px;}
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li:hover > a:before,
nav#gnb .innerWrap .mMenu > li .subMenu > ul > li > ul.subDepth > li.on > a:before{background-color: #2B5FF8;}
nav#gnb.fixed .innerWrap .mMenu > li {height: 60px;transition: height 0.3s ease}
nav#gnb.fixed .innerWrap .navBtn {height: 70px;transition: height 0.3s ease}

/*nav#gnb .innerWrap .mMenu > li:last-child {position:relative}*/
/*nav#gnb .innerWrap .mMenu > li:last-child > .subMenu > ul{width: auto;position: absolute;top: 0;right: 0;;justify-content: flex-end;flex-wrap: nowrap;}*/
/*nav#gnb .innerWrap .mMenu > li:last-child > .subMenu > ul > li > a{white-space: nowrap;}*/


/* 햄버거 메뉴 스타일 ============*/
nav#gnb .innerWrap .navBtn{position: absolute;top:0;left: 50%;transform: translateX(-50%);width: 1800px;height: 110px;}
nav#gnb .innerWrap .allmenu{position: absolute; right: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 50px;height: 50px;background-color: #809FFB;border-radius: 100%;text-indent: -10000%;overflow: hidden;cursor: pointer;z-index: 2000;}
.allmenu span::before,
.allmenu span::after{content: '';position: absolute;left: 0;width: 20px;height: 1px;background-color: #fff;border-radius: 2px;transition: all 0.3s ease}
.allmenu span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 1px;background-color: #fff;border-radius: 2px;transition: all 0.3s ease}

/* 위 줄 */
.allmenu span::before {top: -8px;}

/* 아래 줄 */
.allmenu span::after {top: 8px;}

nav#gnb .mask { display: none; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
nav#gnb.expand .mask { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fff; z-index: -1; opacity: 1; }
nav#gnb.transitioning{opacity: 0;visibility: hidden;transition: opacity 0.4s ease 1s, visibility 0.4s ease 1s;}
.navBtn { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1800px; height: 110px; }
.allmenu { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 50px; height: 50px; background-color: #809FFB; border-radius: 100%; text-indent: -9999px; overflow: hidden; cursor: pointer; }
.allmenu span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #fff; border-radius: 2px; }
.allmenu span::before, .allmenu span::after { content: ''; position: absolute; left: 0; width: 20px; height: 1px; background-color: #fff; border-radius: 2px; transition: a 0.3s ease; }
.allmenu span::before { top: -8px; }
.allmenu span::after { top: 8px; }


nav#gnb.expand {height: 100vh !important;background-color: #f6f8fc;overflow: hidden;top: 0!important;position: fixed!important;display: flex;justify-content: center;align-items: center;opacity: 1;visibility: visible;transition: opacity 0.4s ease 1s, visibility 0.4s ease 1s;}


nav#gnb.expand h3{font-size: 27px;font-weight: 700;display: block;border-bottom: 1px solid #809FFB;padding-bottom: 25px;}
nav#gnb.expand .allmenu{background-color: transparent;}
.allmenu.active span { background-color: transparent; }
.allmenu.active span::before { transform: rotate(45deg) translate(5px, 5px); top: -6px;background-color:#222}
.allmenu.active span::after { transform: rotate(-45deg) translate(5px, -5px); background-color:#222}
nav#gnb.expand .innerWrap{background-color: transparent;width: 1800px;padding: 50px 100px;background-color: #fff;position: relative;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);border-radius: 8px;}
nav#gnb.expand .innerWrap .mMenu{flex-wrap: wrap;width: auto;padding: 30px 0 0 0}
nav#gnb.expand .innerWrap .mMenu > li{height: auto;width:25%;justify-content: start;align-items: start;gap: 18px;}
nav#gnb.expand .innerWrap .mMenu > li:nth-child(n+5){padding-top:30px;margin-top: 30px;border-top: 1px solid #DFDFDF;}
nav#gnb.expand .innerWrap .mMenu > li > .subMenu {visibility: visible;opacity: 1;position: static;padding:0;width: auto;}
nav#gnb.expand .innerWrap .mMenu > li > a{height: auto;padding: 0;font-weight: 700;align-items: center;justify-content: start;flex-direction: row;gap: 12px;}
nav#gnb.expand .innerWrap .mMenu > li > a .ic_txt{padding: 0;font-size: 20px;color: #222;}
nav#gnb.expand .innerWrap .mMenu > li > a .ic_txt:after{display: none;}
nav#gnb.expand .innerWrap .mMenu > li > a .depth_icon{background: none;width: 5px;height: 18px;background-color: #2B5FF8;border-radius: 3px;margin: 0;}
nav#gnb.expand .innerWrap .mMenu > li .subMenu > ul{flex-direction: column;width: auto;align-items: start;gap: 15px;}
nav#gnb.expand .innerWrap .mMenu > li .subMenu > ul > li > a{background-color: transparent;border: none;width: auto;height: auto;padding: 0;color: #555;font-weight: 400;}

nav#gnb.expand .innerWrap .mMenu > li:hover > a{background-color: transparent;color: #222;font-size: 20px;}
nav#gnb.expand .innerWrap .mMenu > li.on > a{background-color: transparent;color: #222;}
nav#gnb.expand .innerWrap .mMenu > li .subMenu > ul > li:hover > a,
nav#gnb.expand .innerWrap .mMenu > li .subMenu > ul > li.on > a{border-color: transparent;color: #555;background-color: transparent;}
nav#gnb.expand .innerWrap .navBtn{position: absolute;top:0;left: 50%;transform: translateX(calc(-50% - 82px));width: 1800px;height: 140px;}







/*=================================
  #footer
=================================*/

#footer.footer{position:relative;background-color: #ffffff;border-top: 1px solid #EFEFEF;}
#footer.footer .innerWrap{width:1800px;margin: 0 auto; box-shadow:none;padding-top: 40px;padding-bottom: 100px;}
#footer.footer h4{font-weight: 700; font-size: 12px;color: #7282AD;line-height: 1.4;margin-bottom: 3px;}
#footer.footer ul{display: flex;justify-content: start;align-items: center;gap: 40px;}
#footer.footer ul li {font-size: 14px;color: #555;}
#footer.footer .copyright{font-size: 12px;color: #ccc;font-weight: 300;margin-top: 2px;}

/*=================================
  #main
=================================*/

#wrap.main h4 {font-size: 27px;}
h4.underline_tit{position: relative;display: flex;flex-direction: column;gap: 8px;}
h4.underline_tit:after{content: "";display: block;height: 2px;width: 124px;background-color: #222222;}
h4.topline_tit{position: relative;display: block;margin-bottom: 0;position: relative;padding-top: 12px;}
h4.topline_tit:before{content: "";display: block;height: 4px;width: 50px;background-color: #2B5FF8;position: absolute;top: 0;left: 0;}
#wrap.main h5{font-size: 20px;}

.titleBx .dateInfo{font-size: 18px;font-weight: 700;background-color: #fff;border: 1px solid #DFDFDF;border-radius: 12px;padding: 10px 30px;}

.period_filter .date_range input.datepicker{width: 145px;font-weight: 400;} 
.period_filter dt{display: flex;font-size: 18px;font-weight: 700;align-items: center;gap: 8px;position: relative;}
.period_filter dt:before{content:'';display: none;background: url('../images/icon_main_date.svg') no-repeat center center;background-size: 24px 24px;width: 24px;height: 24px;margin-top: 2px;}
.period_filter dt:after{content: '';display: block;width: 1px;height: 24px;background-color: #DFDFDF;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);}
.period_filter dd ul{display: flex;align-items: center;gap: 8px;}
.period_filter dd ul li .btn{background-color: #fff;}
.period_filter dd ul li.active .btn{background-color: #2B5FF8;color: #fff!important;border: 1px solid #2B5FF8;}

#wrap.main #container {width: 100%;background: #fff;}
#wrap.main #container > section {padding-top: 0;}
#wrap.main .contBx{gap: 0;}

/* 업무 현황 */
#wrap.main .topSection{margin-bottom: 0; background-color: #F9F9F9;}
#wrap.main .inner{width: 1400px;margin: 0 auto;text-align: center;}
#wrap.main .topSection .inner{padding: 60px 0 90px ;}
#wrap.main .topSection .inner h4{display: inline-flex;}
#wrap.main .topSection .inner h4:before{display: none;}
#wrap.main .topSection .period_filter{display: flex;align-items: center;justify-content: center;gap: 60px;margin: 40px 0;}

.info_cards {display: flex;align-items: center;justify-content: center;gap: 48px;}
.info_cards li{background-color: #fff;border-radius: 100%;width: 260px;height: 260px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);}
.info_cards li dl{display: flex;flex-direction: column;align-items: center;}
.info_cards li dl:before{content: "";display: block;width: 114px;height: 100px;}
.info_cards .cardCr dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center 0; background-size: 114px 600px;}
.info_cards .cardCtr dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center -100px; background-size: 114px 600px;}
.info_cards .cardCaip dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center -200px; background-size: 114px 600px;}
.info_cards .cardCaiu dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center -300px; background-size: 114px 600px;} 
.info_cards .cardCss dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center -400px; background-size: 114px 600px;} 
.info_cards .cardCes dl:before{background: url("../images/icons_main_top.svg") no-repeat; background-position: center -500px; background-size: 114px 600px;} 

.info_cards li dl dt{font-size: 16px;}
.info_cards li dl dd{font-size: 16px;display: flex;gap: 4px;align-items: center;}
.info_cards li dl dd b{font-size: 36px;font-weight: 700;}


/* 서브 통계 */
#wrap.main .contSection{padding-top: 60px;}
#wrap.main .contSection .cont_header{margin-bottom: 40px;}
#wrap.main .contSection .cont_header_left{align-items: center;gap: 30px;}


.subM .titleBx{margin-bottom: 10px;} 
#container.subM{padding-top: 80px;}
#container.subM .titleBx h3.mTit{margin-bottom: 20px;}

/* 서브 통계 - 배너 */
.info_banner {display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-bottom: 40px;}
.info_banner li{background-color: #F9F9F9;flex: 1;display:flex;align-items: center;justify-content: start;padding: 40px 50px;position: relative;border-radius: 12px;}
.info_banner li dl{display: flex;flex-direction: column;align-items: flex-start;}
.info_banner li dt{font-size: 18px;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 16px;}
.info_banner li dt .sub_txt{font-size: 18px;color: #777;font-weight: 400;display: flex;align-items: center;gap: 12px;}
.info_banner li dt .sub_txt:before{content: '';display: flex;align-items: center;width: 1px;height: 16px;background-color: #777;}

.info_banner li dd{font-size: 16px;display: flex;align-items: center;gap: 4px;justify-content: center;}
.info_banner li dd b{font-size: 36px;}
.info_banner li dd .sub_txt{font-size: 16px;color: #777;font-weight: 400;}
.info_banner li dd.sub_txt2{font-size: 14px;font-weight: 400;margin-top: -2px;color: #555;}


.info_banner li:before{content: "";display: block; background: url('../images/icons_main_banner.png') no-repeat;background-size: 80px auto;width: 80px;height: 80px;position:absolute;top: 50%;right: 30px;transform: translateY(-50%);}
.info_banner li.bannerTr{background-color: #D6EBFF;padding: 32px 50px;}
.info_banner li.bannerTr::before{background-position: 0 0;}
.info_banner li.bannerTr dd b{font-size: 48px;}
.info_banner li.bannerTcm{background-color: #FEDEDE;}
.info_banner li.bannerTcm::before{background-position: center -80px}
.info_banner li.bannerTi{background-color: #E8E6FA;}
.info_banner li.bannerTi::before{background-position: center -240px;}   
.info_banner li.bannerTcr{background-color: #D5EFEF;}
.info_banner li.bannerTcr::before{background-position: center -160px;}
.info_banner.typeP li:nth-child(1){flex: 2.4;}
.info_banner.typeP li:nth-child(2){flex: 1;}
.info_banner.typeP li:nth-child(3){flex: 1;}

.info_banner.typeM li:nth-child(1){flex: 1.9;}
.info_banner.typeM li:nth-child(2){flex: 1;}
.info_banner.typeM li:nth-child(3){flex: 1;}
.info_banner.typeM li:nth-child(4){flex: 1;}

.bannerWrap.typePl{display: flex;gap: 40px;}
.bannerWrap.typePl .info_banner:nth-child(1){flex: 1;}
.bannerWrap.typePl .info_banner:nth-child(2){flex: 2;}
.bannerWrap.typePl .info_banner:nth-child(2){display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.bannerWrap.typePl .info_banner li.bannerTm{height: 100%;background-color: #D5DFFE;padding: 60px;align-items: flex-start;}
.bannerWrap.typePl .info_banner li.bannerTm:before{content: "";background: url("../../common/images/icons_mbanner.png") no-repeat 0 0;background-size: 110px auto;width: 110px;height: 112px;top: inherit;bottom: 60px;right: 60px;transform: none;}
.bannerWrap.typePl .info_banner li.bannerTm dt{font-size: 27px;padding-bottom: 30px;}
.bannerWrap.typePl .info_banner li.bannerTm dd b{font-size: 64px;}
.bannerWrap.typePl .info_banner li{padding: 35px 0 35px 50px;}
.bannerWrap.typePl .info_banner li.bannerTr::before{background-position: center -320px;}
.bannerWrap.typePl .info_banner li.bannerTr dd b{font-size: 36px;}
.bannerWrap.typePl .info_banner li.bannerTcm::before{background-position: center -400px;}
.bannerWrap.typePl .info_banner li.bannerTi::before{background-position: center -480px;}
.bannerWrap.typePl .info_banner li.bannerTcr::before{background-position: center -160px;}

.info_banner.typeIsu{margin-bottom: 0;}
.info_banner.typeIsu.mgr,
.info_banner.typeIsu.mwd{margin-bottom: 50px;}
.info_banner.typeIsu.med{margin-bottom: 40px;}
.info_banner.typeIsu li{height: 100%;background-color: #D6EBFF;padding: 38px 50px;align-items: flex-start;}
.info_banner.typeIsu li:before{content: "";background: url("../../common/images/icons_main_btob.png") no-repeat 0 0;background-size: 80px auto;width: 80px; height: 80px; top: 50%;right: 50px;transform: translateY(-50%);}
.info_banner.typeIsu li.bannerTr dd b{font-size: 36px;}
.info_banner.typeIsu.mgr li.bannerTi{background-color: #E8E6FA;}
.info_banner.typeIsu.mgr li.bannerTi::before{background-position: 0 -560px; }
.info_banner.typeIsu.mgr li.bannerTcm{background-color: #FEDEDE;}
.info_banner.typeIsu.mgr li.bannerTcm::before{background-position: 0 -80px;}
.info_banner.typeIsu.mgr li.bannerTcr{background-color: #D5EFEF;}
.info_banner.typeIsu.mgr li.bannerTcr::before{background-position: 0 -640px;}

.info_banner.typeIsu.mwd li.bannerTr{background-color: #FEDEDE;}
.info_banner.typeIsu.mwd li.bannerTr::before{background-position: 0 -1520px;}
.info_banner.typeIsu.mwd li.bannerTi{background-color: #D6EBFF;}
.info_banner.typeIsu.mwd li.bannerTi::before{background-position: 0 -560px; }
.info_banner.typeIsu.mwd li.bannerTcm{background-color: #D5EFEF;}
.info_banner.typeIsu.mwd li.bannerTcm::before{background-position: 0 -1760px;}

.info_banner.typeIsu.mgr2 li.bannerTr{background-color: #2B5FF8;}
.info_banner.typeIsu.mgr2 li.bannerTr::before{background-position: 0 -720px;}
.info_banner.typeIsu.mgr2 li.bannerTr dt{color: #fff;}
.info_banner.typeIsu.mgr2 li.bannerTr dd{color: #fff;}
.info_banner.typeIsu.mgr2 li.bannerTi{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr2 li.bannerTi::before{background-position: 0 -800px;}
.info_banner.typeIsu.mgr2 li.bannerTcm{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr2 li.bannerTcm::before{background-position: 0 -880px;}

.info_banner.typeIsu.mgr3 li.bannerTr{background-color: #2B5FF8;}
.info_banner.typeIsu.mgr3 li.bannerTr::before{background-position: 0 -1120px;}
.info_banner.typeIsu.mgr3 li.bannerTr dt{color: #fff;}
.info_banner.typeIsu.mgr3 li.bannerTr dd{color: #fff;}
.info_banner.typeIsu.mgr3 li.bannerTi{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr3 li.bannerTi::before{background-position: 0 -1200px;}
.info_banner.typeIsu.mgr3 li.bannerTcm{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr3 li.bannerTcm::before{background-position: 0 -1280px;}

.info_banner.typeIsu.mgr4 li.bannerTr{background-color: #2B5FF8;}
.info_banner.typeIsu.mgr4 li.bannerTr::before{background-position: 0 -960px;}
.info_banner.typeIsu.mgr4 li.bannerTr dt{color: #fff;}
.info_banner.typeIsu.mgr4 li.bannerTr dd{color: #fff;}
.info_banner.typeIsu.mgr4 li.bannerTi{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr4 li.bannerTi::before{background-position: 0 -1040px;}
.info_banner.typeIsu.mgr4 li.bannerTcm{background-color: #EAEFFE;}
.info_banner.typeIsu.mgr4 li.bannerTcm::before{background-position: 0 -880px;}

.info_banner.typeIsu.med li.bannerTr{background-color: #D6EBFF;}
.info_banner.typeIsu.med li.bannerTr::before{background-position: 0 0; }
.info_banner.typeIsu.med li.bannerTi{background-color: #E8E6FA;}
.info_banner.typeIsu.med li.bannerTi::before{background-position: 0 -560px; }
.info_banner.typeIsu.med li.bannerTcm{background-color: #FEDEDE;}
.info_banner.typeIsu.med li.bannerTcm::before{background-position: 0 -480px;}
.info_banner.typeIsu.med li.bannerTcr{background-color: #D5EFEF;}
.info_banner.typeIsu.med li.bannerTcr::before{background-position: 0 -400px;}

.info_banner.typeIsu.oper{margin-bottom: 40px;}
.info_banner.typeIsu.oper li.bannerTcr{background-color: #FEDEDE;}
.info_banner.typeIsu.oper li.bannerTcr::before{background-position: 0 -320px;}
.info_banner.typeIsu.oper li.bannerTi{background-color: #D6EBFF;}
.info_banner.typeIsu.oper li.bannerTi::before{background-position: 0 -400px; }
.info_banner.typeIsu.oper li.bannerTr{background-color: #D5EFEF;}
.info_banner.typeIsu.oper li.bannerTr::before{background-position: 0 -560px;}

.info_banner.typeIsu.noti{margin-bottom: 40px;}
.info_banner.typeIsu.noti li.bannerTr{background-color: #E8E6FA;}
.info_banner.typeIsu.noti li.bannerTr::before{background-position: 0 0;}
.info_banner.typeIsu.noti li.bannerTi{background-color: #D6EBFF;}
.info_banner.typeIsu.noti li.bannerTi::before{background-position: 0 -1360px; }
.info_banner.typeIsu.noti li.bannerTcm{background-color: #FEDEDE;}
.info_banner.typeIsu.noti li.bannerTcm::before{background-position: 0 -1440px;}
.info_banner.typeIsu.noti li.bannerTcm dd b {color: #F00202;}

/* .row:has(.info_banner.typeIsu.dash1){margin-bottom: 28px;} */
.info_banner.typeIsu.dash1 li{min-height: 150px;padding-top: 28px;}
.info_banner.typeIsu.dash1 li.bannerTr{background-color: #2B5FF8;}
.info_banner.typeIsu.dash1 li.bannerTr dt{color: #fff;}
.info_banner.typeIsu.dash1 li.bannerTr dd{color: #fff;}
.info_banner.typeIsu.dash1 li.bannerTr::before{background-position: 0 0;}
.info_banner.typeIsu.dash1 li.bannerTi{background-color: #D6EBFF   ;}
.info_banner.typeIsu.dash1 li.bannerTi::before{background-position: 0 -80px; }
.info_banner.typeIsu.dash1 li.bannerTcm{background-color: #E4F0CB;}
.info_banner.typeIsu.dash1 li.bannerTcm::before{background-position: 0 -160px;}
.info_banner.typeIsu.dash1 li.bannerTcr{background-color: #D5EFEF;}
.info_banner.typeIsu.dash1 li.bannerTcr::before{background-position: 0 -240px;}

.row:has( > .info_banner.typeIsu.dash2){padding-top: 20px;border-top: 1px solid #DFDFDF;}
.info_banner.typeIsu.dash2 li.bannerTr{background-color: #FF51A4;}
.info_banner.typeIsu.dash2 li.bannerTr dt{color: #fff;}
.info_banner.typeIsu.dash2 li.bannerTr dd{color: #fff;}
.info_banner.typeIsu.dash2 li.bannerTr::before{background-position: 0 -320px;}
.info_banner.typeIsu.dash2 li.bannerTi{background-color: #EAEFFE;}
.info_banner.typeIsu.dash2 li.bannerTi::before{background-position: 0 -880px; }
.info_banner.typeIsu.dash2 li.bannerTcm{background-color: #D6EBFF;}
.info_banner.typeIsu.dash2 li.bannerTcm::before{background-position: 0 -800px;}

.info_banner.typeIsu.dash3 li{border:1px solid #F2CEC8;height: 276px;padding: 40px 40px 32px;}
.info_banner.typeIsu.dash3 li.bannerTr{background-color: #FFF4F2;}
.info_banner.typeIsu.dash3 li.bannerTr::before{background-position: 0 -1520px;}
.info_banner.typeIsu.dash3 li.bannerTi{background-color: #FFF4F2;}
.info_banner.typeIsu.dash3 li.bannerTi::before{background-position: 0 -1600px; }
.info_banner.typeIsu.dash3 li.bannerTcm{background-color: #FFF4F2;}
.info_banner.typeIsu.dash3 li.bannerTcm::before{background-position: 0 -1680px;}
.info_banner.typeIsu.dash3 li::before{top: inherit;bottom: 20px;right: 20px;left: inherit;transform: none;}



.info_banner li:has(dd.sub_txt2){padding: 28px 50px;min-height: 150px;}



/* 2025년 통계 - 누적금액 및 정산현황 */
#wrap.main .infoCont1 {padding: 36px 38px;text-align: left;}
#wrap.main .infoCont1 h5{margin-bottom: 27px;}
#wrap.main .infoCont1 > .row{display: flex;}
#wrap.main .infoCont1 .col li {padding:0 20px;}
#wrap.main .infoCont1 .col li dl{height: 70px;display: flex;align-items: center;justify-content: space-between;}
#wrap.main .infoCont1 .col li dl dt{font-size: 16px;font-weight: 700;}
#wrap.main .infoCont1 .col li dl dd{font-size: 16px;font-weight: 400;display: flex;align-items: center;gap: 4px;}
#wrap.main .infoCont1 .col li dl dd b{font-size: 24px;font-weight: 700;}

#wrap.main .infoCont1 .col:first-child{flex: 2;padding-right: 27px;display: flex;flex-wrap: wrap;gap: 12px;position: relative;}
#wrap.main .infoCont1 .col:first-child:after{content: '';display: block;height: 100%;width: 1px;background-color: #EFEFEF;position: absolute;right: 0;top: 0;}
#wrap.main .infoCont1 .col:first-child li{flex: 1 1 calc(50% - 6px);}

#wrap.main .infoCont1 .col:last-child{flex: 1;padding-left: 26px;gap: 12px;display: flex;flex-direction: column;}
#wrap.main .infoCont1 .col:last-child li{gap: 12px;}
#wrap.main .infoCont1 .col:last-child li dt{color: #F00202;}

/* 2025년 순위 */
#wrap.main .contSection > .row.lankCont{padding: 0 0 0 0;}
#wrap.main .contSection > .row.lankCont .lankList{display: flex;align-items: start;gap: 40px;justify-content: space-between;}
#wrap.main .contSection > .row.lankCont .lankList .col{position: relative;}
#wrap.main .contSection > .row.lankCont .lankList .col .more{position: absolute;top: 22px;right: 23px;color: #001E8A;font-size: 13px;}
#wrap.main .contSection > .row.lankCont .lankList .col .more > span{font-size: 17px;line-height: 1;font-family: 'Courier New', 'Lucida Console';}
#wrap.main .contSection > .row.lankCont .lankList .lankTit{font-size: 20px;font-weight: 700;min-width: 175px;background-color: #fff;border:1px solid #DFDFDF;text-align: left;position: absolute;top: 0;left: 0;z-index: 10;border-top-left-radius: 12px;padding-top: 15px;padding-left: 40px; padding-right: 15px; border-bottom-color: #fff;}
#wrap.main .contSection > .row.lankCont .lankList .lankTit:after{content: "";display: block;background: url("../images/deco_tab.svg") no-repeat; background-size: 33px 46px;width: 33px; height: 46px;position: absolute;right: -33px;top: -1px;}


#wrap.main .contSection > .row.lankCont .lankList .tableBx{border-color: #DFDFDF;background-color: #fff;margin-top: 43px;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);border-top-left-radius: 0;padding-top: 25px;padding-bottom: 15px;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx thead th{font-size: 13px;font-weight: 400;padding-bottom: 4px;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx thead th:last-child{padding-right: 30px;text-align: right;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody td{border-top: 4px solid #fff;height: 45px;padding-left: 4px;font-size: 14px;vertical-align: middle;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody td:nth-child(2) span {display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody td:first-child{text-align: center;padding-left: 12px;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody td:first-child span{border: 1px solid #DFDFDF;border-radius: 100%;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;color: #DFDFDF;font-size: 12px;line-height: 1;font-weight: 400;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody td:last-child{text-align: right;padding-right: 30px;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody tr:nth-child(-n+3){background-color: #F9FAFF;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody tr:nth-child(-n+3) td:first-child > span {background-color: #809FFB;border-color: #809FFB;color: #fff;}
#wrap.main .contSection > .row.lankCont .lankList .tableBx tbody tr:first-child td:first-child > span {background-color: #2B5FF8;border-color: #2B5FF8;color: #fff;width:24px;height:24px;}
#wrap.main .contSection > .row.lankCont .lankList .list2 .tableBx tbody tr:nth-child(-n+3) td:first-child > span{background-color: #F2CEC8;border-color: #F2CEC8;}
#wrap.main .contSection > .row.lankCont .lankList .list2 .tableBx tbody tr:first-child td:first-child > span{background-color: #FF9E8E;border-color: #F2CEC8;}
table.lankTable {text-align: left;}


/* 슬라이드 ============*/

/* 박스 레이아웃 */
#wrap.main .infoCont2{display: flex;align-items: stretch;justify-content: center;margin-top: 60px;margin-bottom: 60px;gap: 40px;}
#wrap.main .infoCont2 div[class*="graphBx"]{position: relative;width: 50%;}
#wrap.main .infoCont2 div[class*="graphBx"] .slideBx .graph-slide-wrap{padding: 40px 0;}
#wrap.main .infoCont2 .graphBx1 .slideBx{width: 100%; background: #F4FAFF;margin-top: 80px;border-radius: 0px 12px 12px 0px;}
#wrap.main .infoCont2 .graphBx2 .slideBx{width: 100%; background: #FAF8FF;margin-top: 30px;border-radius: 12px 0px 0px 12px;}
#wrap.main .infoCont2 .graphBx1 .slideBx .graph-slide-wrap{border-radius: 0px 12px 12px 0px;background: #F4FAFF;}
#wrap.main .infoCont2 .graphBx2 .slideBx .graph-slide-wrap{border-radius: 12px 0px 0px 12px;background: #FAF8FF;}
#wrap.main .infoCont2 .graphBx1 h4{width: 900px;position: absolute;right: -20px;top: 0;}

/* @media (max-width: 1800px) {#wrap.main .infoCont2{width: 1800px;}} */

/* 슬라이드 관련 */
#wrap.main .swiper-slide {opacity: 0; transition: opacity 0.3s ease;}
#wrap.main .swiper-slide-active {opacity: 1;}

#wrap.main .swiper-title-nav {display: flex;justify-content: center;align-items: center;gap: 8px;position: relative;margin-bottom: 20px;}
/* #wrap.main .graphBx2 .swiper-title-nav,
#wrap.main .graphBx3 .swiper-title-nav{justify-content: end;} */
#wrap.main .graph-title {margin: 0;font-size: 20px;}
#wrap.main .swiper-button-prev,
#wrap.main .swiper-button-next {position: inherit!important;border: none; background: none;cursor: pointer;color:#222!important;top: inherit!important;left: inherit!important;right:inherit!important; height: 20px!important;width: 20px!important;margin: 0!important;}
#wrap.main .swiper-button-next:after, 
#wrap.main .swiper-button-prev:after{font-size: 10px!important;font-weight: 700!important;}
#wrap.main .swiper-slide img {max-width: 100%; height: auto;}
#wrap.main .swiper {width: 100%;max-width: 723px;}
#wrap.main .infoCont2 .graphBx1 .graph-slide-wrap{margin:0 0 0 auto;padding-right: 100px!important;width: 823px;border-radius: 0 12px 12px 0;}
#wrap.main .infoCont2 .graphBx2 .graph-slide-wrap{margin:0 auto 0 0;padding-left: 100px!important;width: 823px;border-radius: 12px 0 0 12px 0;}

/*=================================
  #container
=================================*/

/* breadcrumbs */
.breadcrumbs {display: flex;justify-content: end;align-items: center;padding-bottom: 10px;}
.breadcrumbs > ul{display: flex;justify-content: center;align-items: center;gap: 5px;}
.breadcrumbs > ul > li:before {content: '>';display: inline-block;margin-right: 4px;}
.breadcrumbs > ul > li.firstDepth{display: flex;align-items: center;justify-content: center;}
.breadcrumbs > ul > li.firstDepth:before{content: '';background:url('../images/icons_breadcrumb.png') no-repeat;background-size: 20px auto;width: 20px;height: 20px;background-position: 0 0;}
.breadcrumbs > ul > li{color: #777; font-size: 12px;vertical-align: middle;}
.breadcrumbs > ul > li:last-child{font-weight: 700;}
.breadcrumbs > ul > li:last-child:before{font-weight: 400;}
.breadcrumbs > ul > li.home:before{content: '';background: url("../images/icon_home.svg") no-repeat 0 0;width: 18px;height: 18px;background-size: 18px 18px;display: inline-block;vertical-align: middle;margin-bottom: 2px;margin-right: 3px;}


/* 컨텐츠 기본 레이아웃 ===================================== */

.topSection{margin-bottom: 30px;}
.topSection .tableBx{background-color: #fff;}

.topSection .optionWrap{display: flex;gap: 30px;width: 100%;align-items: center;justify-content: space-between;}
.topSection .optionWrap dl{flex: 1;background-color: #EDF8F7;border: 1px solid #ACD0D4;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;padding: 17px 0;border-radius: 4px;}
.topSection .optionWrap dl dt{font-size: 14px;font-weight: 700;padding: 10px 0;}
.topSection .optionWrap dl dd{min-width: 204px;}
.topSection .optionWrap dl dd select{width: 100%;}

.rowBx .contSection .row + .row{margin-top: 30px;}
.contSection + .contSection {margin-top: 30px;}
/* .subM .info_banner + .contSection{margin-top: 10px!important;} */


.rowComb:has(.bgcolor_yellow) .rowBx:first-of-type{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.rowComb .rowBx.bgcolor_yellow{border-top-left-radius: 0;border-top-right-radius: 0;border-top: none;}

.contSection .cont_header, .bgcolor_yellow .row .cont_header{margin-bottom: 10px;display: flex; justify-content: space-between; align-items: center;gap:20px}
.contSection .cont_header:has(.cont_header_right){justify-content: flex-end;}
.contSection .cont_header:has(.cont_header_left) {justify-content: space-between;} 

.contSection .cont_header [class*="_outline"]{background-color: #fff;}
.cont_header_left,
.cont_header_right{display: flex;align-items: center;justify-content: center;}
.cont_header_right{gap: 8px;}
.cont_header_right .btnWrap{gap: 8px;padding-right: 22px;}

.cont_header_left .add_info {margin-left:20px;padding-left:20px;border-left:1px solid #ccc; }
.cont_header_left .add_info > span {display: inline-block; padding-right:10px;font-size: 18px;font-weight: 700;vertical-align: middle;}
.cont_header_left .count_info2 {font-weight: 700;font-size: 18px;padding:8px 0} 
.cont_header_left .count_info2 dt{display: inline-block;}
.cont_header_left .count_info2 dd{display: inline-block;}
.cont_header_left .count_info2 dd + dt:before{content: '/'; padding:0 10px 0 5px; color: #aaa;}
.cont_header_left:has(.sub_alim){gap: 30px;}
.cont_header_left .sub_alim{position: relative;}
.cont_header_left .sub_alim:before{content: ""; position: absolute;display: block;width: 1px;height: 12px;background-color: #777;left: -15px;top: 50%;transform: translateY(-50%);}

.cont_footer{display: flex;margin-top: 12px;align-items: center;justify-content: space-between;}
.cont_footer_right{text-align: right;}

.pos_rel .cont_header_right{position: absolute;right: 0;top: -9px;}

.radio_type_list + .inputBx{margin-top:10px}

.count_info{display: flex;align-items: center;gap: 3px;}
.count_info + .inpSel{margin-left: 12px;}
.count_info > dt{font-size: 14px;font-weight: 400;}
.count_info > dd{font-size: 14px;font-weight: 700;color: #2B5FF8;}

.titSel{display: flex;align-items: center;gap: 3px; margin-right: 16px;position: relative;}
.inpSel + .titSel{margin-left: 20px;padding-left: 20px;}
.inpSel + .titSel:before {content: ""; display: block; width: 1px; height: 30px;background-color: #ccc;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.inpSel > span {font-weight: 700;font-size: 14px;}
.inputBx + .inpSel{margin-left: 10px;}
.titSel dt{font-size: 14px;font-weight: 400;padding-right: 10px;}
.cont_header_left .titSel dt{font-weight: 700;}

table .titSel{gap: 12px;}
table li .titSel{margin-right: 0;}
table .titSel dt{font-size: 14px;padding-right: 0;white-space: nowrap;}
table .titSel dt.bold{font-weight: 700;}
table .titSel dd li{}
.count_info + .titSel{margin-left: 20px;padding-left: 20px;}
.count_info + .titSel:before {content: ""; display: block; width: 1px; height: 20px;background-color: #DFDFDF;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

.contFbx{text-align: center;margin-top: 32px;position: relative;}


.detailsList{display: flex;flex-direction: column;gap: 16px;}
.detailsList dl {display: flex;align-items: center;gap: 12px;}
.detailsList dl.flexCol{align-items: start;}
.detailsList dl dt{width: 100px;font-weight: 700;font-size: 18px;height: 40px;display: flex;align-items: center;}
.detailsList dl dd{display: flex;align-items: center; gap: 12px;font-size: 16px;font-weight: 400;width: calc(100% - 100px);}
.detailsList dl dd .inputBx{width: 100%;}
.detailsList dl dd.sectionDetail{padding: 12px 30px 0;width: 100%;gap: 40px;}

.flexbox .btn + .btn{margin-left:12px}

.row.gridBx {gap: 30px;}
.row .chartWrap.inTab{border:1px solid #CCC;border-radius: 4px;padding: 30px 100px;display: flex;flex-direction: column;justify-content: space-between;min-height: 380px;}



.rowBx.rowTy1{display: flex;padding: 0;}
.rowBx.rowTy1 > .col{padding: 30px}
.rowBx.rowTy1 > .col:first-child{width: 560px;border-right:1px solid #DFDFDF}
.rowBx.rowTy1 > .col:last-child{width: calc(100% - 560px);}

.rowBx.rowTy2{display: flex;padding: 0;}
.rowBx.rowTy2 > .col{padding: 30px;}
.rowBx.rowTy2 > .col:first-child{width: calc(100% - 540px);border-right:1px solid #DFDFDF}
.rowBx.rowTy2 > .col:last-child{width:540px;}

.rowBx.rowTy2_1{display: flex;padding: 0;}
.rowBx.rowTy2_1 > .col{padding: 30px;}
.rowBx.rowTy2_1 > .col:first-child{width: calc(100% - 660px);border-right:1px solid #DFDFDF}
.rowBx.rowTy2_1 > .col:last-child{width:660px;}

.rowBx.rowTy3{padding: 0;}
.rowBx.rowTy3 .topSection{padding: 30px;border-bottom: 1px solid #DFDFDF;margin-bottom: 0;}
.rowBx.rowTy3 .filterSearch{margin-bottom: 0;}
.rowBx.rowTy3 .contSection{display: flex;}
.rowBx.rowTy3 .contSection > .col{padding: 30px;}
.rowBx.rowTy3 .contSection > .col:first-child{width:760px;border-right:1px solid #DFDFDF}
.rowBx.rowTy3 .contSection > .col:last-child{width: calc(100% - 760px);}

.rowBx.rowTy4{display: flex;padding: 0;}
.rowBx.rowTy4 > .col{padding: 30px;}
.rowBx.rowTy4 > .col:first-child{width: calc(100% - 720px);border-right:1px solid #DFDFDF}
.rowBx.rowTy4 > .col:last-child{width:720px;}

.rowBx.rowTy4_1{display: flex;padding: 0;}
.rowBx.rowTy4_1 > .col{padding: 30px;}
.rowBx.rowTy4_1 > .col:first-child{width: calc(100% - 820px);border-right:1px solid #DFDFDF}
.rowBx.rowTy4_1 > .col:last-child{width:820px;}

.rowBx.rowTy5{display: flex;padding: 0;}
.rowBx.rowTy5 > .col > .row{padding: 30px;position: relative;}
.rowBx.rowTy5 > .col:first-child{width: 540px;border-right:1px solid #DFDFDF; background:url("../images/img_rowty5.svg") no-repeat; background-position: center calc(100% - 85px);background-size: 355px 760px;padding: 50px 40px;}
.rowBx.rowTy5 > .col:last-child{width: calc(100% - 540px);}
.rowBx.rowTy5 > .col > .row + .row{border-top: 1px solid #DFDFDF;}

.rowBx.rowTy5 .btnWrap{margin-top: 35px;gap: 30px;}
.rowBx.rowTy5 .btnWrap ul{gap: 30px;}
.rowBx.rowTy5 h4{position: relative;}
.rowBx.rowTy5 h4:before{content:'';display: block;position: absolute;top: 0;left:-40px;width: 10px;height: 30px;background-color: #2B5FF8;}

.rowBx.rowTy6{display: flex;padding: 0;}
.rowBx.rowTy6 > .col{padding: 30px;}
.rowBx.rowTy6 > .col:first-child{width: calc(100% - 960px);border-right:1px solid #DFDFDF}
.rowBx.rowTy6 > .col:last-child{width:960px;}

.rowBx.rowTy7{display: flex;padding: 0;}
.rowBx.rowTy7 > .col{padding: 30px;}
.rowBx.rowTy7 > .col:first-child{width: calc(100% - 1020px);border-right:1px solid #DFDFDF}
.rowBx.rowTy7 > .col:last-child{width:1020px;}

.row.rowTy8{display: flex;padding: 0; gap: 30px;}
.row.rowTy8 > .col:first-child{width: calc(100% - 1020px);}
.row.rowTy8 > .col:last-child{width:1020px;}

.row.rowTy9{display: flex;padding: 0; gap: 30px;}
.row.rowTy9 > .col:first-child{width: calc(100% - 750px);}
.row.rowTy9 > .col:last-child{width:750px;}

.rowBx.rowTy10{padding: 30px 0 0;}
.rowBx.rowTy10 .tabMenu2.glowTy0{margin: 0 30px 40px;}
.rowBx.rowTy10 .tabContent > .row{padding: 0 30px 30px;}
.rowBx.rowTy10 .tabContent > .row + .row.bgcolor_yellow{padding-top: 30px;border-top: 1px solid #DFDFDF;}

.rowBx.rowTy11{padding: 30px 0 0;}
.rowBx.rowTy11 > .row{padding: 0 30px 0;}
.rowBx.rowTy11 > .row:has(.col){display: flex; padding: 0;}
.rowBx.rowTy11 > .row:has(.col) > .col{padding:30px }
.rowBx.rowTy11 > .row:has(.col) > .col.bgcolor_yellow{border-left: 1px solid #DFDFDF;}
.rowBx.rowTy11 > .row:has(.col) .col:first-child{width: calc(100% - 720px);}
.rowBx.rowTy11 > .row:has(.col) .col:last-child{width:720px;}

.rowBx.rowTy12{display: flex;padding: 0;}
.rowBx.rowTy12 > .col{padding: 30px;}
.rowBx.rowTy12 > .col:first-child{width: calc(100% - 1020px);border-right:1px solid #DFDFDF}
.rowBx.rowTy12 > .col:last-child{width:1020px;}

.rowBx.rowHalf{padding: 0;}
.rowBx.rowHalf .topSection{padding: 50px;border-bottom: 1px solid #DFDFDF;margin-bottom: 0;}
.rowBx.rowHalf .filterSearch{margin-bottom: 0;}
.rowBx.rowHalf .contSection{display: flex;position: relative;}
.rowBx.rowHalf .contSection > .col{padding: 50px;flex: 1;}
.rowBx.rowHalf .contSection > .col:first-child{border-right:1px solid #DFDFDF}


.rowBx.rowHalf .contSection > .btnWrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;gap: 10px;width: auto;}
.rowBx.rowHalf .contSection > .btnWrap .btn_radius.btn_ml_min{width: 50px;height: 50px;border-radius: 100%;min-width: auto;}
.rowBx.rowHalf .contSection > .btnWrap .btn_radius.btn_add span:before{transform: rotate(90deg);}
.rowBx.rowHalf .contSection > .btnWrap .btn_radius.btn_remove span:before{transform: rotate(-90deg);}

/* 
.btn_arrow_plus {position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 10;}
.btn_arrow_plus{left: auto;right:775px;width: 44px;height: 44px;border-radius: 100%;background-color: #001E8A;color: #fff;font-size: 10px;font-weight: 700;padding-right: 7px;padding-top: 14px;}
.btn_arrow_plus:before{content: "";display: block;background: url("../images/icon_arrowplus.svg") no-repeat center 0;width: 15px;height: 15px;background-size: 15px 30px;position:absolute;top: 6px;left: 50%;transform: translateX(-50%);}
.btn_arrow_plus:after{content: "";display: block;background: url("../images/icon_arrowplus.svg") no-repeat center -15px;width: 15px;height: 15px;background-size: 15px 30px;position: absolute;bottom: 8px;right: 3px;} */


.bgcolor_yellow .row + .row {padding-top:20px;border-top:1px solid #ccc}

.borderBx3.categoryBx{overflow: hidden;}
.borderBx3.categoryBx .inner {padding: 30px;display: flex;flex-direction: column;gap: 10px;height: 860px;overflow-y: auto;}
.borderBx3.categoryBx .categoty_block{}
.borderBx3.categoryBx .category_header{display: flex;align-items: center;border: 1px solid #DFDFDF;border-radius: 4px;padding: 10px 16px;background-color: #F9F9F9;position: relative;}
.borderBx3.categoryBx .category_header:after{content: "";display: block;height: 10px;background-color: #DFDFDF;width: 1px;position: absolute;bottom: -11px; left:25px;}
.borderBx3.categoryBx .category_block:last-of-type .category_header:after{display: none;}
.borderBx3.categoryBx .open .category_header:after{display: none;}
.borderBx3.categoryBx .category_header span{font-size: 14px;font-weight: 700;display: inline-flex;cursor: pointer;}
.borderBx3.categoryBx .category_block.no-sub span{cursor:default}
.borderBx3.categoryBx .category_header span:before{content: "";display: inline-flex;width: 20px;height: 20px;background:url(../images/icon_add_remove.svg) no-repeat 0 0;background-size: 20px 60px;margin-right: 8px;}
.borderBx3.categoryBx .category_block.no-sub span:before{content: "";display: inline-flex;width: 20px;height: 20px;background:url(../images/icon_add_remove.svg) no-repeat 0 -40px;background-size: 20px 60px;margin-right: 8px;}
.borderBx3.categoryBx .open .category_header span:before{background-position: 0 -20px;}
.borderBx3.categoryBx .category_items {display: none;padding: 8px 30px 0 52px;position: relative;}
.borderBx3.categoryBx .category_items:before{content: '';display: block;width: 1px;height: calc(100% - 20px);position: absolute;left: 26px;top: 0px;background-color: #DFDFDF;}
.borderBx3.categoryBx .category_block.open .category_items .item + .item{margin-top: 6px;}
.borderBx3.categoryBx .category_items .item{padding: 8px 10px;font-size: 14px;border: 1px solid #DFDFDF;border-radius: 4px;position: relative}
.borderBx3.categoryBx .category_items .item.focus{border:1px solid #2B5FF8;background-color:#F5F8FF}
.borderBx3.categoryBx .category_items .item::before{content: '';display: block;position: absolute;left: -27px;top: 50%;transform: translateY(-50%); width: 15px;height: 1px;background-color: #DFDFDF;}

/*=================================
  #공통항목
=================================*/

/* ag-grid ===================================== */
/* 셀 말줄임 공통 */
.ellipsis-cell .ag-cell-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

/* 내부 링크도 말줄임 허용 */
.memo-link {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.agG_table + .agG_table{margin-top: 12px;} 
.agG_table + .agG_table{margin-top: 0;}
.agG_table + .notice_txt{color: #222;margin-top: 12px;}
.flexbox .ag-header, .ag-row, .ag-spanned-row,.ag-header-cell /* .ag-header-group-text */{font-family: 'Pretendard', '맑은 고딕', 'Malgun Gothic', dotum, '돋움', sans-serif, Helvetica!important;font-size: 13px;}
.ag-center-header .ag-header-cell-label {justify-content: center;}
.ag-theme-alpine .ag-cell, .ag-theme-alpine .ag-header-cell {border-right: 1px solid #F2CEC8;}
.agG_table .ag-cell,.agG_table .ag-header-cell {border-right: 1px solid #F2CEC8;}
.agG_table .ag-header-cell {line-height: 1.2;}
/* .agG_table.headerFontS .ag-header-cell {font-size: 12px;} 테이블 헤더 폰트 사이즈 12로 설정할때 */
.agG_table .ag-cell a{text-decoration: underline;}
.agG_table .ag-cell a.btn{text-decoration: none;}

/* 전체 그리드 셀 기본 보더 */
.ag-theme-alpine .ag-cell,
.ag-theme-alpine .ag-header-cell {border-right: 1px solid #F2CEC8;border-bottom: 1px solid #F2CEC8;}
.ag-theme-alpine .ag-header-cell{border-bottom: none;}
.agG_table .ag-cell,
.agG_table .ag-header-cell {border-right: 1px solid #F2CEC8;border-bottom: 1px solid #F2CEC8;}
.agG_table .ag-header-cell{border-bottom: none;}
 
/* 마지막 셀 오른쪽 보더 제거 */
/* .ag-theme-alpine .ag-cell:last-child,
.ag-theme-alpine .ag-header-cell:last-child {border-right: none;}
.agG_table .ag-cell:last-child,
.agG_table .ag-header-cell:last-child {border-right: none;} */
.ag-column-last{border-right: none!important;}

/* 헤더 배경과 중앙 정렬 */
.ag-theme-alpine .ag-header-cell {background-color: #FFEDEA;text-align: center;}
.agG_table .ag-header-cell {background-color: #FFEDEA;text-align: center;}

/* 헤더 셀 내부 가운데 정렬 (Flexbox 기준) */
.ag-theme-alpine .ag-header-cell-label {justify-content: center;}
.agG_table .ag-header-cell-label {justify-content: center;}

.ag-root-wrapper{border: 1px solid #F2CEC8}

.ag-header{border: none;background-color: #FFEDEA;border-bottom: 1px solid #F2CEC8;}
.ag-row{border: none;}
.ag-header-row{border: none;}

.ag-header-cell-resize:after {background-color: #F2CEC8;height: 14px;top: 50%;transform: translateY(-50%);}
.ag-header-cell-comp-wrapper{justify-content: center;}
.ag-header-group-cell{border-right: 1px solid #F2CEC8;}
.ag-header-group-cell.ag-column-last {border-right: none;}
             
.ag-header-row:where(:not(:first-child)) :where(.ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-group-cell.ag-header-group-cell-with-group){border-color: #F2CEC8; }
    
.ag-header-cell, 
.ag-header-group-cell{padding: 0  5px;}

.ag-cell-value span{display: inline-flex;justify-content: center;align-items: center;}
.ag-cell-value span input{height: 36px;width: 130px;}
:where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing), :where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group{padding-left: 5px;padding-right:5px;}

.ag-cell-value.bold{font-weight: 700;}
.cell_rowspan.bold{background-color: #fff;z-index: 10!important;font-weight: bold!important;}
.cell_rowspan{background-color: #fff!important;z-index: 10 !important;}
.flex_rowspan{display: flex;align-items: center;justify-content: center;}

.unset{text-overflow: unset !important;white-space: normal;}
.ag-header-cell-text,
.ag-header-group-text{text-overflow: unset !important; white-space: pre;font-weight: 700;font-size: 13px;}
.my-header{text-overflow: unset !important; white-space: pre;font-weight: 700;font-size: 13px;}

.hasChk .ag-header-cell-comp-wrapper, .hasChk .ag-cell-value{display: none;}
.hasChk{padding-left: 0 !important; padding-right: 0 !important;text-indent: -9999px;justify-content: center; text-align: center;border-right: 1px solid #F2CEC8!important;}

.hasChk .ag-cell-wrapper{justify-content: center;}
.hasChk .ag-selection-checkbox{margin: 0;}

.hasBtn span{gap: 6px;}
.hasBtn span .btn{font-size: 12px;}

.ag-checkbox-input-wrapper {
    font-family: var(--ag-icon-font-family);
    font-weight: var(--ag-icon-font-weight);
    color: var(--ag-icon-font-color);
    font-size: var(--ag-icon-size);
    line-height: var(--ag-icon-size);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-checkbox-background-color);
    border-radius: var(--ag-checkbox-border-radius);
    display: inline-block;
    vertical-align: middle;
    flex: none;
    overflow: hidden;
}
.ag-checkbox-input-wrapper input {-webkit-appearance: none;opacity: 0;width: 100%;height: 100%}
.ag-checkbox-input-wrapper:focus-within,.ag-checkbox-input-wrapper:active {outline: none;box-shadow: var(--ag-input-focus-box-shadow)}
.ag-checkbox-input-wrapper.ag-disabled {opacity: .5}
.ag-checkbox-input-wrapper:after {
    content: var(--ag-icon-font-code-checkbox-unchecked, "");
    font-family: inherit;
    color: var(--ag-checkbox-unchecked-color);
    display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.ag-checkbox-input-wrapper.ag-checked:after {
    content: var(--ag-icon-font-code-checkbox-checked, "☐");
    color: var(--ag-checkbox-checked-color);
    display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.ag-checkbox-input-wrapper.ag-indeterminate:after {
    content: var(--ag-icon-font-code-checkbox-indeterminate, "☐");
    color: var(--ag-checkbox-indeterminate-color);
    display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.ag-checkbox-input-wrapper:before {
    content: "";
    background: transparent center/contain no-repeat;
    position: absolute;
    inset: 0;
    background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, .9));
    background-color: #fff
}
.ag-checkbox-input-wrapper.ag-checked:before {
    background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, .9));
    background-color: #2196f3;
}
.ag-checkbox-input-wrapper.ag-indeterminate:before {
    background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
    display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, .9));
    background-color:#97999a
}

/* 그레이 보더 */
.tableGs .ag-root-wrapper{border: 1px solid #DFDFDF}
.tableGs .agG_table .ag-cell,
.tableGs .agG_table .ag-header-cell {border-right: 1px solid #DFDFDF;}
.tableGs .agG_table .ag-cell,
.tableGs .agG_table .ag-header-cell {border-right: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}
.tableGs .agG_table .ag-header-cell {background-color: #EFEFEF;}
.tableGs .ag-header{background-color: #EFEFEF;border-bottom: 1px solid #DFDFDF;}
.tableGs .ag-header{border: none;background-color: #EFEFEF;border-bottom: 1px solid #DFDFDF;}
.tableGs .ag-header-cell-resize:after {background-color: #DFDFDF;}
.tableGs .ag-header-group-cell{border-right: 1px solid #DFDFDF;}
.tableGs .ag-header-row:where(:not(:first-child)) :where(.ag-header-cell:not(.ag-header-span-height.ag-header-span-total,.tableGs .ag-header-parent-hidden),
.tableGs .ag-header-group-cell.ag-header-group-cell-with-group){border-color: #DFDFDF; }
.tableGs .hasChk{border-right: 1px solid #DFDFDF!important;}

/* 그린 보더 */
.tableGr .ag-root-wrapper{border: 1px solid #ACD0D4}
.tableGr .agG_table .ag-cell,
.tableGr .agG_table .ag-header-cell {border-right: 1px solid #ACD0D4;}
.tableGr .agG_table .ag-cell,
.tableGr .agG_table .ag-header-cell {border-right: 1px solid #ACD0D4;border-bottom: 1px solid #ACD0D4;}
.tableGr .agG_table .ag-header-cell {background-color: #EDF8F7;}
.tableGr .ag-header{border: none;background-color: #EDF8F7;}
.tableGr .ag-header-cell-resize:after {background-color: #EDF8F7;}
.tableGr .ag-header-group-cell{border-right: 1px solid #ACD0D4;}
.tableGr .ag-header-row:where(:not(:first-child)) :where(.ag-header-cell:not(.ag-header-span-height.ag-header-span-total,.tableGs .ag-header-parent-hidden),
.tableGr .ag-header-group-cell.ag-header-group-cell-with-group){border-color: #ACD0D4; }
.tableGr .hasChk{border-right: 1px solid #ACD0D4!important;}

.tableGr + .tableGr,
.tableGr + .agG_table,
.agG_table + .agG_table {margin-top: 16px;}
.tableG .flexbox.flexBtw .badgeBx{display: flex;align-items: center;padding-right: 20px;}
.tableG .flexbox.flexBtw .badgeBx .badge{font-size: 12px;}
.tableG .flexbox.flexBtw .badgeBx span{font-size: 14px;}

.header-multi-line .ag-header-cell-label {white-space: normal !important;line-height: 1.2;word-break: keep-all;}  
.header-multi-line .ag-header-cell-text { white-space: normal !important;word-break: keep-all;}

/* .row-reserve{background-color: #F5F8FF;} */
.ag-cell .status_cell{color: #2B5FF8;font-weight: 700;}
.row-reserve .status_cell{color: #FF51A4!important;}
.er_main{color: #F00202;}
.er_sub{color: #6B7280;}


/* 
.ag-toggle-button-input-wrapper {
    box-sizing: border-box;
    width: var(--ag-toggle-button-width);
    min-width: var(--ag-toggle-button-width);
    max-width: var(--ag-toggle-button-width);
    height: var(--ag-toggle-button-height);
    background-color: var(--ag-toggle-button-off-background-color);
    border-radius: calc(var(--ag-toggle-button-height) * .5);
    position: relative;
    flex: none;
    border: var(--ag-toggle-button-border-width) solid;
    border-color: var(--ag-toggle-button-off-border-color)
}

.ag-toggle-button-input-wrapper input {
    opacity: 0;
    height: 100%;
    width: 100%
}

.ag-toggle-button-input-wrapper:focus-within {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-toggle-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-toggle-button-input-wrapper.ag-checked {
    background-color: var(--ag-toggle-button-on-background-color);
    border-color: var(--ag-toggle-button-on-border-color)
}

.ag-toggle-button-input-wrapper:before {
    content: " ";
    position: absolute;
    top: calc(0px - var(--ag-toggle-button-border-width));
    left: calc(0px - var(--ag-toggle-button-border-width));
    display: block;
    box-sizing: border-box;
    height: var(--ag-toggle-button-height);
    width: var(--ag-toggle-button-height);
    background-color: var(--ag-toggle-button-switch-background-color);
    border-radius: 100%;
    transition: left .1s;
    border: var(--ag-toggle-button-border-width) solid;
    border-color: var(--ag-toggle-button-switch-border-color)
}

.ag-toggle-button-input-wrapper.ag-checked:before {
    left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
    border-color: var(--ag-toggle-button-on-border-color)
}

.ag-radio-button-input-wrapper {
    font-family: var(--ag-icon-font-family);
    font-weight: var(--ag-icon-font-weight);
    color: var(--ag-icon-font-color);
    font-size: var(--ag-icon-size);
    line-height: var(--ag-icon-size);
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: var(--ag-icon-size);
    height: var(--ag-icon-size);
    background-color: var(--ag-checkbox-background-color);
    border-radius: var(--ag-checkbox-border-radius);
    display: inline-block;
    vertical-align: middle;
    flex: none;
    border-radius: var(--ag-icon-size)
}

.ag-radio-button-input-wrapper input {
    -webkit-appearance: none;
    opacity: 0;
    width: 100%;
    height: 100%
}

.ag-radio-button-input-wrapper:focus-within,.ag-radio-button-input-wrapper:active {
    outline: none;
    box-shadow: var(--ag-input-focus-box-shadow)
}

.ag-radio-button-input-wrapper.ag-disabled {
    opacity: .5
}

.ag-radio-button-input-wrapper:after {
    content: var(--ag-icon-font-code-radio-button-off, "");
    color: var(--ag-checkbox-unchecked-color);
    display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-radio-button-input-wrapper.ag-checked:after {
    content: var(--ag-icon-font-code-radio-button-on, "");
    color: var(--ag-checkbox-checked-color);
    display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.ag-radio-button-input-wrapper:before {
    content: "";
    background: transparent center/contain no-repeat;
    position: absolute;
    inset: 0;
    background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, .9))
}

.ag-radio-button-input-wrapper.ag-checked:before {
    background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
    display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
    opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, .9))
} */

/* 조회 ===================================== */

.topInfo{border:1px solid #B5C7FD;border-radius: 4px;overflow: hidden;}
.topInfo .row{display: flex; align-items: center; justify-content: space-between;width: 100%;background-color: #EAEFFE;padding: 0 30px; height: 60px;}
.topInfo .row + .row {height: 60px;border-top: 1px solid #A6C0FC;}
.topInfo .row .col{display: flex; align-items: center;justify-content: center;gap: 30px;}
.topInfo .row .col dl{display: flex; align-items: center;justify-content: center;gap: 10px;}
.topInfo .row .col dl dt{font-size: 16px; font-weight: 700;color: #001E8A;white-space: nowrap;}
.topInfo .row .col dl dd{font-size: 16px; font-weight: 400;color: #222;}
.topInfo .row:first-of-type .col dl dd{color: #222;}
.topInfo .row .col:first-of-type dl dd,
.topInfo .row .col .txt_dd{font-size: 18px; font-weight: 700;}
.topInfo .row > .col:last-of-type{padding-left: 20px;position: relative;}
.topInfo .row > .col:last-of-type:before{content: "";display: block;width: 1px;height: 20px;background-color: #A6C0FC;}
.topInfo .row .col:first-of-type{padding-left: 0;position: relative;}
.topInfo .row .col:first-of-type:before{content: "";display: none;}
.topInfo .row.glowTy0 .col{justify-content: start;}

.topInfo.ty2 .row > .col:last-of-type{padding-left: 120px;}
.topInfo.ty2 .row .col:last-of-type dl dd {color: #555555;}
.topInfo.ty2 .row:first-of-type .col:first-of-type dl dd{color: #222;}
.topInfo.ty2 .row:nth-of-type(2) .col:first-of-type dl dd{color: #555555;font-size: 16px;font-weight: 400;}

.topInfo.ty3 .row{height: 70px;}

.cont_header .topInfo.ty3{width: 100%;}/*  06/03수정 */
.cont_header .btnBx .btn_xl + .btn_xl{margin-left: 8px;}

.topInfo .row .col:first-of-type:has(button),
.topInfo .row .col:first-of-type:has(.badge){gap:10px;}
.topInfo .row .col:first-of-type button{margin-left: 0;}
.topInfo .row > .col:last-of-type:has(.btn)::before{display: none;}
.topInfo .row > .col:last-of-type:has(.btn){padding-left: 0;}

.topSection + .tabMenu{padding-top: 10px;}

.topInfo .col .badge{margin-left: 0;}
.subM .topInfo .row > .col:last-of-type dd{font-weight: 700;}

.topInfo.ty4{border-radius: 12px;}
.topInfo.ty4 .row{height: auto;padding: 30px 50px;flex-direction: column;align-items: flex-start;gap: 20px;}
.topInfo.ty4 .row:has(.top_info_list){padding: 25px 30px;}
.topInfo.ty4  h5.bullet{margin-bottom: 0;}
.topInfo.ty4 .top_info_list{display: flex;flex-direction: column;gap: 8px;}
.topInfo.ty4 .top_info_list li{display: flex;align-items: center;font-size: 16px;}
.topInfo.ty4 .top_info_list li .badge {margin-right: 10px;font-size: 12px;}
.topInfo.ty4 .top_info_list li strong{margin-right: 4px;color: #2B5FF8;}

.topSection:has(.topInfo.ty4 .top_info_list) {margin-bottom: 0;}


/* boxSt */
.boxSt{border:1px solid #DFDFDF;border-radius: 4px;overflow: hidden;}
.boxSt + .boxSt {margin-top:10px}
.boxSt .row{display: flex; align-items: center; justify-content: space-between;width: 100%;background-color: #F9F9F9;padding: 10px 20px;}
.rowBx .boxSt .row + .row {margin-top: 0;border-top: 1px solid #dfdfdf;}
.boxSt .row .col{display: flex; align-items: center;justify-content: center;gap: 30px;}
.boxSt .row > .col:last-of-type{padding-left: 20px;position: relative;}
.boxSt .row > .col:last-of-type:before{content: "";display: block;width: 1px;height: 20px;background-color: #dfdfdf;}
.boxSt .col .txt {padding-left:8px;color:#001E8A;font-weight: bold;font-size: 16px;}
.boxSt .col .radio_type_list .txt{font-size: 14px;color: #222;padding-left: 0;}
/* .boxSt .chk_type_list label span.txt{color:#555} */
.boxSt .chk_type_list,
.boxSt .radio_type_list{gap:20px}

.span_type_list.flexCol{gap: 10px;}
.span_type_list span{vertical-align: middle;font-size: 14px;color: #222;line-height: 1.4;}

.topInfo + .filterSearch{margin-top: 40px;}

.rowBx .filterSearch {margin-bottom: 30px;}
.filterSearch {border-radius: 4px;background-color: #fff;}
.filterSearch .row{display: flex;align-items: center;}
.filterSearch.flexbox .col{width: 100%; flex: 1;}
.filterSearch .row + .row {border-top:1px solid #A6C0FC}
.filterSearch .row.glowTy2 dd .searchBx{width: 100%;}

.filterSearch .row dl dt,
.filterSearch .col_btn .row{border-right: 1px solid #A6C0FC;}
.filterSearch .col_btn > .row:first-child{border-top-left-radius: 4px;}
.filterSearch .col_btn > .row:last-child{border-bottom-left-radius: 4px;}

.filterSearch dl.filter.col + .col {border-left: 1px solid #A6C0FC;}
.filterSearch.flexbox{justify-content: space-between;}
.filterSearch.flexbox .col_btn.btnWrap {width: 136px;}
.rowBx.rowTy5 .filterSearch.flexbox .col_btn.btnWrap {margin-top: 0;}
.filterSearch.flexbox .col_btn:first-of-type{width: calc(100% - 136px);}
.filterSearch .filter {display: flex; align-items: center;height: 50px;width: 100%;}
.filterSearch .filter dt {background-color: #F5F8FF; font-size: 14px; font-weight: 700;width: 120px;height: 100%; justify-content: center;display: flex; align-items: center;}
.filterSearch .filter dd {display: flex; align-items: center;padding: 0 10px;height: 100%;width: calc(100% - 120px);gap:10px}
.filterSearch .filter dd > .inpSel{gap: 12px;}
.filterSearch .filter dd > .inpSel ul.chk_type_list.ty2{margin-right: 12px;}
.filterSearch .filter .inpSel.fullBx:has(select) .radio_type_list, .filterSearch .filter .inpSel.fullBx:has(select) .chk_type_list{width: auto;}
.filterSearch .filter dd > .inpSel:has(select.fieldWth_ml) .inputBx{width: calc(100% - 240px);}

.filterSearch .filter dd:has(ul.chk_type_list){padding: 10px;height: auto;}
.filterSearch .filter:has(dd ul.chk_type_list) dt{height: auto;}
.filterSearch .filter:has(dd ul.chk_type_list){height: auto;min-height: 50px;align-items: stretch;}
.filterSearch .filter dd > .chk_type_list{flex-wrap: wrap;gap: 10px 16px;}

.date_range + .flexbox{margin-left: 12px;gap: 4px;}
.date_range + .flexbox button:hover,
.date_range + .flexbox button.active{background-color: #2B5FF8;color: #fff!important;border-color: #2B5FF8;}

.contSection .row .filterSearch + .tableBx {margin-top: 20px;}

.filterSearch .filter .itemBx{gap: 30px;}
.filterSearch .filter .itemBx .item{gap: 10px;display: flex;align-items: center;}
.filterSearch .filter .itemBx .item .item_tit{font-size: 14px; font-weight: 700;color: #2A3167;}

.filterSearch .filter .radio_type_list,
.filterSearch .filter .chk_type_list{width: 100%;gap: 16px;}
.filterSearch .filter .radio_type_list.ty2 li:last-child {width: 100%;} 

.filterSearch.flexbox .col:last-of-type .row.btnWrap{justify-content: end;height: 60px;}
.filterSearch.flexbox .col:last-of-type .row .itemCell{padding: 0 20px;border-left: 1px solid #A6C0FC;height: 100%;display: flex;align-items: center;justify-content: center;gap: 12px;}
.filterSearch.flexbox .col:last-of-type .row .itemCell .item_tit{font-size: 14px; font-weight: 700;color: #2A3167;}

.filterSearch {border-radius: 4px;background-color: #fff;position: relative;overflow: visible;}
.filterSearch:after{content: '';position: absolute; top: 0;right: 0;left: -1px;bottom: 0;border:1px solid #A6C0FC;border-radius: 4px; pointer-events:none;}
.filterSearch.flexbox .col:last-of-type .row.btnWrap{height: 52px;}

.flex_dl{display: flex; gap: 12px;align-items: center;width: 100%;}
.flex_dl .item_tit{font-size: 14px;white-space: nowrap;}

.glowTy0 .fullBx.inpSel.col select{min-width: auto;}


/* red style */
.filterSearch.styleR{border:1px solid #F2CEC8;}
.filterSearch.styleR .row + .row {border-top:1px solid #F2CEC8}
.filterSearch.styleR .col_btn .row{border-right: 1px solid #F2CEC8;}
.filterSearch.styleR dl.filter.col + .col {border-left: 1px solid #F2CEC8;}
.filterSearch.styleR .filter dt {background-color: #FFEDEA;}
.filterSearch.styleR .row dl dt,
.filterSearch.styleR .col_btn .row{border-right: 1px solid #F2CEC8;}

.filterSearch.ty2.flexbox .col_btn:first-of-type {width: calc(100% - 204px);}
.filterSearch.ty2.flexbox .col_btn.btnWrap {width: 204px;flex-direction: column;gap: 6px;}
.filterSearch.ty2.flexbox .col_btn.btnWrap .btn_m{min-width: 144px;margin: 0;}

.filterSearch .filter.ty3 {height: 90px;}
.filterSearch .filter.ty3 dd{justify-content: center;}

.filterSearch.ty4.flexbox .col_btn:first-of-type {width: calc(100% - 150px);}
.filterSearch.ty4.flexbox .col_btn.btnWrap {width: 150px;flex-direction: column;gap: 6px;}
.filterSearch.ty4.flexbox .col_btn.btnWrap .btn_m{min-width: 90px;margin: 0;}
.filterSearch.ty4.flexbox .filter dt{width: 160px;}
.filterSearch.ty4.flexbox .filter dd{width: calc(100% - 160px);}


.filterSearch.ty5.flexbox .filter dt{width: 160px;}
.filterSearch.ty5.flexbox .filter dd{width: calc(100% - 160px);}
.filterSearch.ty5.flexbox .col_btn:first-of-type {width: calc(100% - 120px);}
.filterSearch.ty5.flexbox .col_btn:last-of-type{display: flex;align-items: center;justify-content: center;width: 120px;}

table .filterSearch.wideBx{margin: 0 auto 30px auto;}

/* mint style */
.viewerBx.styleMi{border:1px solid #00C2CB;border-radius: 4px;overflow: hidden;background-color: #fff;height: 80px; margin-top: 30px;}
.viewerBx.styleMi .row{justify-content: space-between;height: 100%;}
.viewerBx.styleMi .row .tit {background-color: #EDF8F7; font-size: 16px; font-weight: 700;width: 120px;height: 100%; justify-content: center;display: flex; align-items: center;text-align: center;}
.viewerBx.styleMi .row .desc{display: flex;align-items: start;width: calc(100% - 295px);height: 100%;border-left:1px solid #00C2CB;}
.viewerBx.styleMi .row .desc span{display: block;min-height: 175px;padding: 24px;width: 100%;height: 100%;overflow-y: auto;}


.viewerBx.styleMi .row .toggle_btn{width: 175px;height: 100%;display: flex;align-items: center;justify-content: center;background-color:  #00C2CB;color: #fff;gap: 8px;font-weight: 700;}
.viewerBx.styleMi .row .toggle_btn:after{content: "";display: block;width: 16px;height: 16px;background: url("../images/icons_angle.svg") no-repeat;background-size: 16px 32px;background-position: center 0;transform: rotate(0);}
.viewerBx.on .row .toggle_btn:after{transform: rotate(180deg);}

.viewerBx {transition: height 0.3s ease; height: 0;overflow: hidden;border: 1px solid #00bcd4;}
.viewerBx.on {height: 210px;}

.contViewer{margin-top: 12px;border: 1px solid #F2CEC8;border-radius: 4px;overflow: hidden;}
.contViewer .imgBx{overflow-y: scroll;height: 420px;padding: 12px;}


/* 셀렉트박스 */
.inpSel {display: flex; align-items: center;gap: 10px;border-radius: ;}

/* 검색 기본 형태 */
/* .filter dd .searchBx{width: 100%;} */
.searchBx > span{display: inline-flex;font-size: 16px; white-space: nowrap;}
.searchBx.pos_rel .select_list{z-index: 200;min-width: 300px;cursor: pointer;}
.searchBx:not(:has(#searchBtn)) input{border-radius: 4px;}
.searchBx:has(#searchBtn1) input,
.searchBx:has(#searchBtn2) input{border-top-right-radius: 0;border-bottom-right-radius: 0;}

/* input */
.filter dd .inputBx{display: flex;width: 100%;}
.minWidth input{width: 140px;}
input.over{color:#F00202}
.inputBx.flexbox{gap: 12px;}
.inputBx.hasTxt{display: flex;align-items: center;justify-items: center;gap: 8px;}
.inputBx.flexbox.minWidth span.field_alert{margin-top: 0;padding-left: 16px;}
.inputBx.flexbox.minWidth span.field_alert::before {top: 0;left: 0;}

/* textarea */
.row .textareaBx textarea{height: 100px;resize: none;padding: 10px 12px;}
.btable textarea{height: 120px;resize: none;padding: 10px 12px;font-size: 14px;}
.tableBx.tableG .btable textarea{height: 120px;}
.rowTy2_1 .tableBx.tableG .btable textarea{height: 80px;}

/* 주소 검색 */
.addBx {display: flex;align-items: center;gap: 12px;}
.addBx input {width: 425px;}

/* 이메일 등록 */
.emailBx{display: flex;align-items: center;}
.emailBx input{width: 200px;}
.emailBx input:disabled{color: #ccc;}
.emailBx span{display: inline-flex;padding: 0 5px;}
.emailBx .inpSel{padding-left: 12px;}

/* 라디오 버튼 */
.radio_type_list,
.chk_type_list {display: flex; align-items: center;gap: 12px;}
.radio_type_list li,
.chk_type_list li{display: inline-flex;gap: 12px;align-items: center;}
.radio_type_list .chkBx label,
.chk_type_list .chkBx label{white-space: nowrap;display: flex;align-items: center;justify-content: center;gap: 5px;}
.radio_type_list .chkBx label span.chk_rec{border-radius: 100%;width: 18px;height: 18px;margin-top: 0;}
.radio_type_list .chkBx label span.txt{/* font-size: 16px; */margin-top: 0;padding-top: 0;margin-top: 0;}
table .radio_type_list .chkBx label span.txt,
table .chk_type_list .chkBx label span.txt{font-size: 13px;}
.chk_type_list .chkBx label span.txt{margin-top:0}
.radio_type_list .chkBx label input:checked + span.chk_rec{display:inline-block;width:18px;height:18px;border:4px solid #2B5FF8;position: relative;background: none;}

.radio_type_list .chkBx label span.chk_rec,
.chk_type_list .chkBx label span.chk_rec{margin-right: 0;}
.radio_type_list .chkBx label span.txt,
.chk_type_list .chkBx label span.txt{line-height: 1;}

.radio_type_list.flexCol.flexL{align-items: start;}

/* 테이블 행 나누기 */
.td_divided ul{padding: 6px 0;}
.td_divided .chk_type_list,
.td_divided ul:nth-of-type(2) {border-top: 1px solid #DFDFDF;}

.td_divided ul.flexbox li{display: flex; align-items: center;gap: 24px;}
.td_divided ul.flexbox li dl {display: flex;align-items: center;gap: 24px;}

dl.flexbox[class*="full_dl"] {gap: 12px;}
dl.flexbox.full_dl1 dd{width: calc(100% - 171px);}
ul.chk_type_list.flexCol.full_dl2 li .chkBx {width: 100px;}
ul.chk_type_list.flexCol.full_dl2 li .chkBx label{justify-content: left;color: #555;}
.cont_header h4.cont_header_left{margin-bottom: 0;}

/* dl 박스 */
.dl_list.glowTy0 {display: flex;align-items: start;justify-content: space-between;margin-top: 20px;gap: 10px;}
.dl_list.glowTy0 dl{display: flex;border: 1px solid #A6C0FC;border-radius: 4px;overflow: hidden;flex-direction: column;}
.dl_list.glowTy0 dl dt{font-size: 14px;font-weight: 700;background-color: #F5F8FF;border-bottom: 1px solid #A6C0FC;width: 100%;display: flex; align-items: center;justify-content: center;padding: 8px 0;}
.dl_list.glowTy0 dl dd{}
.dl_list.glowTy0 dl dd span{display: block;overflow-y: auto;height: 80px;padding: 12px;font-size: 14px;}

/* 탭 */
.tabMenu {display: flex;position:relative;margin-bottom:40px; align-items: center;justify-content: start;}
.tabMenu:before{content: "";display: block;width: 100%;height: 2px;background-color: #001E8A;position: absolute;bottom: 0;left: 0;z-index: 10;}
.tabMenu li{flex: 1;width: 100%;height: 60px; border-radius: 4px 4px 0px 0px;border-top:2px solid #EAEFFE;border-left:2px solid #EAEFFE;border-right:2px solid #EAEFFE;overflow: hidden;max-width: 175px;color: #777;font-weight: 400;}
.tabMenu li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.tabMenu li.on,
.tabMenu li.on:hover{color:#001E8A; position: relative;z-index: 100;border-top:2px solid #001E8A;border-left:2px solid #001E8A;border-right:2px solid #001E8A;font-weight: 700;padding-bottom: 2px;background-color: #fff;}
.tabMenu li:hover {color:#001E8A; position: relative;border-top:2px solid #EAEFFE;border-left:2px solid #EAEFFE;border-right:2px solid #EAEFFE; font-weight: 700;padding-bottom: 2px;background-color: #EAEFFE;}

/* 탭 - ty2 */

.rowBx .tabMenu.tabTy2{margin-bottom: 0;}
.tabMenu.tabTy2 li{max-width: 400px;}

/* 탭 - ty3 */
.tabMenu.tabTy3 li{max-width: 400px;}
.cont_header_left .count_info + p{margin-left: 20px;}
.cont_header h5.bullet{gap: 8px;}

/* 탭2 */
.tabMenu2 {display: flex;position:relative;margin-bottom:30px; align-items: center;justify-content: start;border-bottom:1px solid #dfdfdf;}
.tabMenu2 li{width: 200px;height: 50px; border-radius: 16px 16px 0px 0px;overflow: hidden;color: #777;font-weight: 400;background-color:#efefef}
.tabMenu2 li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.tabMenu2 li.on,
.tabMenu2 li.on:hover{color:#fff; position: relative;z-index: 100;font-weight: 700;background-color:#2b5ff8}
.tabMenu2 li:hover {background-color:#eaeffe; position: relative;}

/* 탭2 - full width */
.tabMenu2.glowTy0{gap: 8px;}
.tabContent{display: none;}
.tabContent.active{display: block;}

.tabContent .row .topSection.flexbox.flexBtw{margin-bottom: 0;}


/* 그래프 */
.graphBx {margin-top: 40px;}
.graphBx .dummy_img{margin: -1px;}
.graphBx.hasBorder{border: 1px solid #D5DFFE;border-radius: 4px;overflow: hidden;padding: 60px 50px;}

/* datepicker */
.ui-datepicker {z-index: 100002!important; width: 18.3em;}
.ui-datepicker select.ui-datepicker-year {margin: 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{min-width: auto;}
.ui-datepicker .ui-datepicker-title select{padding: 0px 10px;font-size: 16px;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 0;line-height: 1;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color: #fff;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{color: #2B5FF8;background-color: #EAEFFE;border: 1px solid #EAEFFE;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: #2B5FF8;background-color: #EAEFFE;border: 1px solid #EAEFFE}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{color: #ffffff;background-color: #2B5FF8;border: 1px solid #2B5FF8;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-color: transparent;}
.ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon{border-color: #001E8A;border-width: 0.125em;}
.ui-datepicker .ui-datepicker-header{padding-bottom: .4em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{background-color: #EAEFFE;border-color:#EAEFFE}

/* table */
.btable tbody td.tb_empty{padding: 24px 0;color: #aaa;}
.btable td .chk_rec{background-color: #fff;}
.btable tbody td > span.grip {background: url("../images/icon_grip.png") no-repeat 0 0; background-size: 16px 16px;width: 16px;height: 16px;display: inline-block;cursor: grab;}
.list_inactive .btable tbody td > span.grip{display: none;}

.btable .flexbox.glowTy0{gap: 12px;}
.btable .flexbox.glowTy0 .datepicker {width: 100%;}

.btable .min_cell span{min-height: 200px;}
.btable td.min_cell span{overflow-y: auto;height: 200px;}

.stamp_table .date{color: #aaa;font-size: 13px;}
.stamp_table .txt{color: #ccc;font-size: 14px; font-weight: 700;}

/* 스탬프 */
.stamp {width: 40px;height: 40px;border: 3px solid #F00202;border-radius: 100%;display: inline-flex!important; position: relative;}
.stamp:after{content: "";display: block;border: 2px solid #F00202;border-radius: 100%;width: 28px;height: 28px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.row.hrBx{padding-top: 30px;border-top: 1px solid #DFDFDF;}

/* 필수 */
.required {position: relative;padding-left: 10px;}
.required:before{content: "*";display: inline-flex;position: absolute;top: 0;left: 0; color: #F00202;font-weight: 400;}
.required2 {position: relative;padding-right: 10px;}
.required2:after{content: "*";display: inline-flex;position: absolute;top: 0;right: 0; color: #F00202;font-weight: 400;}

/* 옵션박스 */
.optionBx{display: flex;gap: 16px;margin-top: 10px;} 
.optionBx .radio_type_list{gap: 12px;}

.btable .date_range.col .datepicker,
.btable .inpSel.col select {width:100%}

.inputBx .notice_txt{margin-top: 4px;padding-left:6px}

/* 캘린더 */
.monthBx{display: flex;align-items: center;justify-content: center;gap: 16px;margin-bottom: 18px;}
.monthBx span.month{margin: 0;font-size: 20px;font-weight: 700;}
.monthBx a{display: block;background: url('../images/icons_angle2.svg') no-repeat; background-position: center -1px;background-size: 20px 50px;width: 30px;height: 30px;border:1px solid #ddd;text-indent: -9999px;}
.monthBx a.next{transform: rotate(180deg);}

/* 테이블 내의 파일업로드 */
.upload_box{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 12px;}
.upload_box p{font-size: 14px;color: #aaa;line-height: 1.4;}
.upload_box .btn{height: 36px;}

.btable tbody td.upload_td{padding: 0;}
.fileItem{padding: 30px;border-top: 1px solid #ACD0D4;}
.fileContainer {padding: 25px 0;display: flex;justify-content: center;}
.fileContainer img{max-width: 750px;}

.fileAction .actionBtns {display: flex;gap: 10px;align-items: center;justify-content: center;}
.fileAction .actionBtns button{text-indent: -999999px;width: 40px;height: 40px;background: url("../images/icons_file_actions.png") no-repeat; background-position: center -1px;background-size: 42px auto;}
.fileAction .actionBtns button.file_flip_h{background-position: center -43px;}
.fileAction .actionBtns button.file_flip_v{background-position: center -85px;}
.fileAction .actionBtns button.file_delete{background-position: center -127px;}


/* 썸네일 */
.docThumBx{align-items: center;justify-content: center;gap: 30px;flex-wrap: wrap;}
.thumb_item{display: flex;justify-content: flex-start;flex-direction: column;gap: 10px;}
.doc_mata{display: flex;gap: 20px;align-items: center;}
.doc_mata .item{display: flex;gap: 5px;align-items: center;}
table td > .doc_mata{justify-content: center;}
.doc_mata .source{line-height: 1;border: 1px solid #2B5FF8;border-radius: 3px;font-size: 13px;padding: 1px 5px;color: #2B5FF8;}
.docThumBx .thumb img{max-width: 320px;}


/*=================================
  로그인 
=================================*/

#wrap.login {width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;background: url('../images/img_login_bg.png') no-repeat 0 0; background-size: cover;background-color: #F0F5FE;}
.login #container{width: 100%; display: flex;justify-content: center;align-items: center;padding-top: 0;min-height: auto;}
.login #container .loginCont {position: relative;border-radius: 8px;overflow: hidden;box-shadow: 0px 4px 10px 0px rgba(173, 176, 187, 0.30);}

/* 로고 ===================================== */
.login #container .loginCont{display: flex;justify-content: center;align-items: center;background-color: #fff;}
.login #container .loginCont .logoBox{font-size: 0;width: 500px;height: 700px; display:block; background: url("../images/obj_login_left.png") no-repeat center top;background-size: cover;background-color: #2B5FF8;} 
.login #container .loginCont .logoBox h1{display: block;position: absolute;bottom: 30px;left: 30px;width: 90px;}
.login #container .loginCont .logoBox .logo1 img{width: 105px; height: auto;}

/* 로그인 ===================================== */
.login #container .loginCont .loginBox{padding:0 82px 0;width: 600px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;background-color: #fff;}

/* 타이틀 */
.login .titleWrap{text-align: center;margin-bottom: 40px;}
.login .titleWrap h2{font-size: 32px;font-weight: 400;font-family: 'ONE Mobile Title';color: #2A3167;}
.login .titleWrap p{font-size:15px;font-weight: 400;line-height: 1;color: #0F0F0F;}

/* 로그인 폼 */
.login .loginWrap fieldset{font-size: 0;}
.login .loginWrap legend{display: block;font-size: 18px;font-weight: 700;position: static;text-indent: 0;overflow: visible;width: auto;height: auto;margin-bottom: 12px;}
.login .loginWrap div + div {margin-top: 12px;}
.login .loginWrap div label{ overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px;font-size: 0;line-height: 0;}
.login .loginWrap div{display: inline-block;text-align: left;position: relative;width: 100%;}
.login .loginWrap div input{border: 1px solid #DFDFDF;font-size: 16px; padding:14px 16px;border-radius: 4px;position: relative;width: 100%;background-color: transparent;z-index: 10;background-color: #fff;padding-right: 40px;font-weight: 500;height: 50px;}
.login .loginWrap div input:focus,
.login .loginWrap div input:not(:placeholder-shown) {outline:1px solid #2B5FF8;border-color: #fff;background-color: #fff;}

.login .loginWrap div.chkBx{margin-top: 20px;display: inline-block;width: auto;}
.login .loginWrap div.chkBx input{position: absolute;padding: 0;border: none;outline: none;height: auto;}

.login .loginWrap div .eye_btn{position: absolute;top: 13px;right: 16px;background: url('../images/icons_pw_toggle.png') no-repeat 0 0; background-size: 24px 48px;width: 24px;height: 24px;z-index: 10;}
.login .loginWrap div .eye_btn.on { background-position: 0 -24px;}
.login .loginWrap div .eye_btn.off { background-position: 0 0; }

.login .loginWrap div.chkBx label{position: static;transform: none;font-weight: 400;}
.login .loginWrap div.chkBx label span.txt{font-size: 12px;font-weight: 300;display: inline-block;vertical-align: middle;}
.login .loginWrap div.chkBx label span.chk_rec{border-radius: 100%;margin-right: 7px;width: 16px;height: 16px;border: none;background: url('../images/icon_check_angle.png') no-repeat center center;background-size: 16px 16px;background-color: rgba(118, 118, 128, 0.12);display: inline-block;vertical-align: middle;border-radius: 2px;}
.login .loginWrap div.chkBx label input:checked + span.chk_rec{background: url('../images/icon_check_angle.png') no-repeat center center;background-size: 16px 16px;background-color: #2B5FF8;}

.login .loginWrap .btnWrap{margin-top: 20px;width: 100%;}
.login .loginWrap .btnWrap button,
.login .loginWrap .btnWrap .btn,
.loginbtn{padding:12px;width: 100%;background-color: #2B5FF8;color: #fff;border-radius: 3px;font-weight: 700;font-size: 18px;line-height: 1.4;}
.login .loginWrap .btnWrap .forgotten{font-size: 15px;line-height: 1.4;color: #6D6D6D;margin-top: 25px;text-decoration: underline;}

.login .loginWrap div.flexbox{gap: 12px;}
.login .loginWrap div.flexbox button{height: 50px;display: flex;gap: 6px;align-items: center;justify-content: center;}
.login .loginWrap div.flexbox button .timmer{font-size: 14px;}

/* footer */
.login #footer.login_footer{padding-top: 30px;margin-top: 30px;border-top: 1px solid #EFEFEF;}
.login #footer.login_footer p{font-size: 14px;font-weight: 400;color: #777;text-align: center;}
.login #footer.login_footer p span{font-size: 12px; font-weight: 300;}

/* 탭 컨텐츠 */
#container .conWrap .contBx.tabBx > .inner{padding: 25px 0 0 0;}
#container .conWrap .contBx.tabBx .tabCont{position: relative;}
#container .conWrap .contBx.tabBx .tabCont h3.mTit{position: absolute;left: 20px;top: -7px}


/*==================================
  팝업 container
==================================*/

/* 팝업 레이아웃 */
.dimmed {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 99999;}
.dimmed.gnb {display: none;}
.poplayer {display: none;position: fixed;top: 50%; left:50%; transform: translate(-50%, -50%);height:auto;background: #fff;z-index: 100001;padding: 60px 50px;}
.poplayer  .popTit{font-size: 26px;line-height: 1.4;font-weight: 700;color: #0F0F0F;}
.poplayer .infoTxt{font-size: 15px;bottom: 3px;}

/* 기본 팝업 */
.poplayer.bpopup{width: 340px;text-align: center;padding: 0;padding-top: 60px;padding-bottom: 30px;}
.poplayer.bpopup .desc_pop{padding-bottom: 60px;}
.poplayer.bpopup .desc_pop p.bold{font-size: 16px;line-height: 1.4;font-weight: 700;}
.poplayer.bpopup .desc_pop p{font-size: 14px;line-height: 1.4;}
.poplayer.bpopup .desc_pop p.bold + p{margin-top: 8px;}
.poplayer.bpopup .contFbx{padding-top: 0;font-size: 0;border:none;margin-top: 0;display: flex;align-items: center;justify-content: center;gap: 12px;}

.poplayer.bpopup .contFbx > button,
.poplayer.bpopup .contFbx > a {width: 80px;padding: 0;}
.poplayer .contFbx {padding-top: 40px;margin-top: 0; position: static;}

.poplayer .popwrap.ty2 {padding: 0 30px;}
.poplayer .popwrap.ty2 > p.bold{text-align: left;}
.poplayer .popwrap.ty2 .txtBx{padding: 20px 10px;margin: 20px 0;word-break: keep-all;font-size: 14px;}
.poplayer .popwrap.ty2 .desc_pop.txtBx .tit_txt{font-size: 14px;margin-bottom: 24px;}
.poplayer .popwrap.ty2 .desc_pop.txtBx dl{text-align: left;margin-left: 20px;}
.poplayer .popwrap.ty2 .desc_pop.txtBx dt{font-weight: 700;margin-bottom: 8px;}
.poplayer .popwrap.ty2 .desc_pop.txtBx dd ul li + li{margin-top: 8px;}

.poplayer .popwrap.ty2 .contFbx{margin-top: 40px;padding: 0;}
.poplayer .popwrap.ty2 .contFbx .btn{min-width: 80px;}

.poplayer.popup_s .popwrap.ty2 {padding: 0;}
.poplayer.bpopup.popup_s{padding: 60px 30px 30px;}

.poplayer.bpopup2.popup_s{padding: 60px 30px 40px;text-align: center;}
.poplayer.bpopup2.popup_s p.bold{font-size: 20px;}
.poplayer.bpopup2.popup_s p + p {margin-top: 12px;}
.poplayer.bpopup2.popup_s button,
.poplayer.bpopup2.popup_s a{width:80px;}

.poplayer .ag-root-wrapper {border-radius: 4px;}
.poplayer .popwrap .txtBxTy2{padding: 20px;height:400px; overflow-y: auto;border:1px solid #A6C0FC;border-radius: 4px;}

.poplayer .pop_date{display: flex;align-items: center;justify-content: center;gap: 8px;}
.poplayer .pop_date .date_range{margin: 30px 0;}
.poplayer .desc_pop:has(.pop_date){padding-bottom: 0;}

.poplayer .flexbox:has(.searchBx){gap: 10px;}
.poplayer .flexbox:has(.btn_icon_search){gap: 10px;}
.poplayer .flexbox .searchBx{width: calc(100% - 90px);}
/* .poplayer .flexbox .sel_pri{width: 90px;min-width: auto;color: #fff;background: url("../images/icons_select_angle_w.svg") no-repeat;background-size: 16px;background-color: #2B5FF8;background-position: calc(100% - 20px) 50%;padding: 0 20px 0;}
.poplayer .flexbox .sel_pri > option{background-color: #fff;padding: 0 10px;} */
.searchBx.pos_rel .select_list{position: absolute;top: 36px;left: 0;background-color: #fff;border: 1px solid #2B5FF8;width: 100%;border-radius: 4px;padding: 13px 15px;max-height: 170px;overflow-y: auto;display: none;}
.searchBx.pos_rel .select_list ul.chk_type_list.flexCol{align-items: start; gap: 10px;}
.btn_pri.btn_right_angle.on:after{transform: rotate(180deg);}

.poplayer .radio_type_list, 
.poplayer .chk_type_list {flex-wrap: wrap;}


.poplayer .info_bar_list {background-color: transparent;border:none;padding: 30px 0 10px;margin-top: 0!important;}
.poplayer .info_bar_list li.info_alert{color: #222;}



.btnX{position: absolute;width: 20px;height: 20px;top: 20px;right: 20px;text-indent: -100000%;}
.btnX::before, .btnX::after {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: black; transform: rotate(45deg); transform-origin: center;}
.btnX::after {transform: rotate(-45deg);}
.poplayer h5.underline_tit{font-size: 24px;font-weight: 700;padding-bottom: 10px;border-bottom: 1px solid #CCC;margin-bottom: 20px;}
.poplayer h5.bgcolor_blue{font-size: 20px;font-weight: 700;padding: 20px}

.poplayer h6 {font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.poplayer h6:before{display: none;}
.poplayer h6.cont_header_left{margin-bottom: 0;}
.poplayer .pop_cont > .flexbox {width: 100%;gap: 10px;}

.poplayer.popup_m .contSection,
.poplayer.popup_ml .contSection,
.poplayer.popup_l .contSection{overflow-y: auto;max-height: 620px;padding-bottom: 1px;padding-top: 1px;padding-right: 10px;margin-right: -10px;}

.poplayer.popup_m .non_scrollY .contSection,
.poplayer.popup_ml .non_scrollY .contSection,
.poplayer.popup_l .non_scrollY .contSection{overflow-y: inherit;max-height: none;padding-bottom: 0;padding-right: 0;margin-right: 0;}
.poplayer.popup_m .non_scrollY .contSection .tableBx{overflow: inherit;}

.poplayer .pop_cont .contSection.flexCol{gap: 40px;}
.poplayer .pop_cont table input,
.poplayer .pop_cont table select,
.poplayer .pop_cont table option,
.poplayer .pop_cont table textarea{font-size: 14px;}
.poplayer .pop_cont table td{padding:10px}
.poplayer .pop_cont .tableBx + .tableBx{margin-top: 12px;}
.poplayer .pop_cont > .topSection{margin-bottom: 20px;}

.poplayer .pop_cont .contSection .cont_header{margin-bottom: 12px;}
.poplayer .fullimg {max-width: 100%;margin: 0 auto;display: block}

/* 팝업 width */
.poplayer.popup_l {width: 1754px;padding:30px 40px;}
.poplayer.popup_lm {width: 1200px;padding:30px 40px;}
.poplayer.popup_ml {width: 1000px;padding:30px 40px;}
.poplayer.popup_m {width: 800px;padding: 30px 40px;}
.poplayer.popup_sm {width: 650px;padding:30px 40px;}
.poplayer.popup_s {width: 500px;padding:30px 40px;}
.poplayer.popup_ss {width: 460px;padding:30px 40px;}

.poplayer.popup_l .contFbx,
.poplayer.popup_ml .contFbx,
.poplayer.popup_m .contFbx{padding-top: 20px;display: flex;gap: 12px;justify-content: center;align-items: center;}
/* .poplayer.popup_m .pop_cont.ty2{padding: 20px 40px 40px;}
.poplayer.popup_s .pop_cont.ty2{padding: 20px 40px 40px;} */

.poplayer.scrollLayer {position: fixed;top: 50%;left: 50%;height: 95vh;transform: translate(-50%, -50%); z-index: 100000;padding: 20px;}
.poplayer.scrollLayer h5.underline_tit{padding-bottom: 10px;margin-bottom: 20px;}
.poplayer.scrollLayer .inner{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.poplayer.scrollLayer .contSection{max-height: 85vh;}
.poplayer.scrollLayer .contSection.vh2{max-height: 70vh;}
.poplayer.scrollLayer .contSection .contBx{justify-content: center;align-items: center;}
.poplayer.scrollLayer .contFbx{padding-top: 0;}

/* 팝업 내 파일 업로드 관련 레이아웃 */
.poplayer .pop_cont > .flexbox .fileBx{width: calc(100% - 152px);}
.poplayer .pop_cont > .flexbox .uploadBtn{width: 140px;}
.poplayer .pop_cont .topSection .searchBx{gap: 10px;width: 100%;}
.poplayer .pop_cont .topSection .searchBx > span.searchTit{padding-right: 30px;}

.poplayer .pop_cont .topSection{margin-bottom: 20px;}
.poplayer .topInfo{margin-bottom: 0;}
.poplayer .topInfo .row{height: 45px;}

/* 세로 스크롤 테이블 */
.poplayer .scrollBx_vtc .btable .tb_empty {height: 100px;padding-right: 0;}
.poplayer .scrollBx_vtc .btable .tb_empty tr{height: 100%;}
.poplayer .scrollBx_vtc .btable .tb_empty td{border-bottom: none;}

.poplayer .scrollBx_vtc .btable_tbody {width: 100%; max-height:230px;border-radius: 4px;overflow-x:hidden; overflow-y: auto;scrollbar-color:#C1C1C1 #f1f1f1; transition: scrollbar-color 0.2s;}
.poplayer .scrollBx_vtc .btable_thead{height: 54px;overflow-y: scroll;}
.btable_thead.ty2 th{padding: 8px 5px;line-height: 1.3;} 

.poplayer .pop_cont .btableBx{height: 300px;overflow: hidden;}
.poplayer .contSection div + .tableBx{margin-top: 12px;}


.logList li{border-bottom: 1px solid #DFDFDF;padding-bottom: 10px;margin-bottom: 10px;}
.logList li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}

.logList li dl{display: flex;gap: 12px;align-items: flex-start;}
.logList li dt{color: #2B5FF8;font-weight: 700;width: 95px;line-height: 1.4;}
.logList li dd{width: calc(100% - 92px);}
.logList li dd .title{display: flex;align-items: center;gap: 12px;margin-bottom: 4px;}
.logList li dd .title .mtxt{font-weight: 700;color: #222;font-size: 14px;}
.logList li dd .title .subtxt{font-weight: 400;color: #777;display: flex;gap: 12px;align-items: center;justify-content: center;}
.logList li dd .title .subtxt::before{content: '';display: inline-flex;width: 1px; height: 12px;background-color: #CCC;}
.logList li dd .desc{color: #222;text-align: left;}
.memo_container{display: flex;flex-direction: column;gap: 10px;}
.memo_container .logList{padding: 20px;background-color: #F9F9F9;}


/* 조회 영역 */
.poplayer .pop_cont .filterSearch{width: 100%;}
.poplayer .pop_cont .filterSearch .btn_m_min{padding: 0 40px;white-space: nowrap;}

.poplayer .filterSearch.popTy2 .filter dt{width: 100px;}
.poplayer .filterSearch.popTy2 .col_btn:first-of-type {width: calc(100% - 100px);}
.poplayer .filterSearch.popTy2 .col_btn.btnWrap {width: 100px;}
.poplayer .filterSearch.popTy2 .filter dd{padding: 0 10px;width: calc(100% - 100px);}
.poplayer .filterSearch.popTy2 .searchBx{gap: 0;}

.poplayer .contFbx p.bold{margin-bottom: 15px;}

/* 팝업내 그레이박스 */
.poplayer .grayBx{background-color: #f9f9f9;padding: 16px;border-radius: 4px;margin: 12px 0;}
.poplayer .grayBx dl dt{font-size: 16px;color: #222;font-weight: 700;margin-bottom:4px}
.poplayer .grayBx dl + dl {margin-top: 20px;}

/* 팝업내 텍스트 */
.poplayer .multi_txt p + p {padding-top: 20px;}
.poplayer .contSection p + .tableBx{margin-top: 12px;}


/* 팝업 테이블 */
.popwrap .tableBx.tableB{position: relative;border: none;overflow: visible;}
.popwrap .tableBx.tableB:after{content: '';position: absolute; top: 0;right: 0;left: 0;bottom: 0;border:1px solid #A6C0FC;border-radius: 4px; pointer-events:none;}
.popwrap .tableBx.tableB .btable{border: none;}
.popwrap .tableBx.tableB .btable tbody tr:last-child th,
.popwrap .tableBx.tableB .btable tbody tr:last-child td {border-bottom: none;}

.dimmedBx {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1000;transition: all 4s ease;}
#info_puBox{display: block;}
#info_puBox span.m_color{margin-top: 30px;display: block;font-size: 14px;}
#info_puBox.poplayer.bpopup{padding-top: 60px;}
#info_puBox.poplayer.bpopup .desc_pop{padding-bottom: 60px;}

/* 테이블내 선택버튼 */
.poplayer ul.radio_type_list.calc6{display: block;width: 470px;text-align: left;margin: -10px 0;}
.poplayer ul.radio_type_list.calc6 li{display: inline-flex;margin-right: 12px;padding: 10px 0;}
.poplayer ul.chk_type_list,
.poplayer ul.radio_type_list{gap: 20px;}

/* textarea */
.poplayer .tableBx.tableG td textarea{height: 80px;}

/* BUTTON */
.poplayer .btn_m_min{min-width: 140px;}

.poplayer .searchBx .searchBtn {height: 34px;}
.poplayer .searchBx > input {height: 34px;}

/* 파일 아이콘 */
ul.file_list {display: flex;flex-direction: column;gap: 10px;}
ul.file_list li{display: flex;align-items: center;justify-content: start;gap: 5px;line-height: 1;}
ul.file_list li:before{content: "";display: inline-flex;background: url("../images/icon_clip.svg") no-repeat center center; background-size: 20px 20px;width: 20px;height: 20px;}

/* 컬러 bullet */
.cbullet_list.flexbox{gap:16px;}
.cbullet_list li{display: flex;gap: 6px;align-items: center;justify-content: center;font-size: 14px;}
.cbullet_list li::before{content: '';display: block;border:1px solid #f2cec8;width: 20px;height: 15px;}
.cbullet_list li.bullet_blue::before{background-color: #EAEFFE;}
.cbullet_list li.bullet_yellow::before{background-color: #FFF9E2;}


/* Dimmed 버튼 */
[class*="bg_"].disabled{background-color: #EDF0F5;border-color: #EDF0F5;color:#c7cfd8;}
[class*="border_"].disabled{border-color: #EDF0F5;color:#c7cfd8;}

.icon_chk_on {display: inline-block;margin-right: 5px;background: url('../images/icon_check_on.png') no-repeat;background-size: 20px;background-position: center center;text-indent: 200%;white-space: nowrap;overflow: hidden;;width: 20px;height: 20px;vertical-align: bottom;margin-left: -5px}
.icon_chk_off {display: inline-block;margin-right: 5px;background: url('../images/icon_check_off.png') no-repeat;background-size: 20px;background-position: center center;text-indent: 200%;white-space: nowrap;overflow: hidden;width: 20px;height: 20px;vertical-align: bottom;margin-left: -5px;font-weight: 400;}

/* 게시판 하단 셀렉트 / 다운로드 버튼 */
.contFbx .inpSel{position: absolute;top: 25px;right: 0;}
.contFbx .border_dlblue.rtg_radius_m.ic_down{position: absolute;top: 25px;left: 0;}
.contFbx .l_cont{position: absolute;top: 0;left: 0;}
.contFbx .r_cont{position: absolute;top: 0;right: 0;}
.border_dlm.rtg_radius_m.ic_down{position: relative;}
.btnCount {display: flex;margin: 0 auto}
.sub .btnCount {width: 90%;}
.btnCount .rtg_radius_m{margin-left: 8px;flex:1;padding:17px 0;border-radius: 3px;}
.btnCount .rtg_radius_m .btn_txt{display: inline-block;position: relative;padding-left: 20px;}
.btnCount .rtg_radius_m.ic_down .btn_txt:before{content: '';display: inline-block;width: 12px;height: 12px;background: url('../images/icons_sub.png') no-repeat;background-size: 14px;background-position: -1px -28px; position: absolute;top: 1px;left: 0;}
.btnCount .rtg_radius_m.ic_down.disabled .btn_txt:before{background-position:-1px -96px;}
/* 카카오톡 채널관리 추가 */
.filterSearch.ty4.flexbox .glowTy01 .filter dt{width: 159px;}
.glowTy01 .filter dd{width: calc(100% - 143px);}
.filterSearch .row.multi .filter{height: 130px;}
.filterSearch .row.multi .filter dt{height: 100%;}
.filterSearch .row.multi .filter dd{flex-direction: column;align-items: flex-start;padding-top: 12px;padding-bottom: 12px;}
.filterSearch .row.multi2 .filter{height: 100px;}
.filterSearch .row.multi2 .filter dt{height: 100%;}
.filterSearch .row.multi2 .filter dd{flex-direction: column;align-items: flex-start;padding-top: 12px;padding-bottom: 12px;}
.filterSearch .filter .radio_type_list.btn_type,
.filterSearch .filter .chk_type_list.btn_type{gap: 8px;}
.radio_type_list.btn_type .chkBx label span.chk_rec,
.chk_type_list.btn_type .chkBx label span.chk_rec{color: #aaa;background-color: #EFEFEF;border:1px solid #EFEFEF;font-weight: 700;font-size: 12px;border-radius: 4px;width: 52px;height: 30px;display: flex;align-items: center;justify-content: center;line-height: 1.2;}
.radio_type_list.btn_type .chkBx label input:checked + span.chk_rec,
.chk_type_list.btn_type .chkBx label input:checked + span.chk_rec{color: #fff;background-color: #2B5FF8;border:1px solid #2B5FF8;font-weight: 700;font-size: 12px;border-radius: 4px;width: 52px;height: 30px;display: flex;align-items: center;justify-content: center;background-image: none;}


/* QR 생성 */
.qr_empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;}
.qr_empty:before{content: '';display: block;background: url("../images/icon_qr.png") no-repeat 0 0;background-size: 56px 56px; width: 56px;height: 56px;}
.qr_empty p{font-size: 16px;color: #777;}

.hasCopy{padding-right: 30px;text-align: left;}
.btn_copy{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);text-indent: -10000px;background:url('../images/icons_etc.png') no-repeat; background-size: 80px auto;background-position: -40px -20px;width: 20px;height: 20px;}
.flexbox .btn_copy{position: static;transform: none;}
.flexbox.copy_wrap{gap: 8px;}
.flexbox.copy_wrap a{text-decoration: underline;min-width: 385px;}
.flexbox.scopy_wrap .url_link {text-decoration: underline;}

.hasBtn.flexbox{align-items: center;justify-content: center;gap: 3px;}
.btn_help{text-indent: -100000px;background: url("../images/icons_etc.png") no-repeat;background-size: 80px auto;background-position: -40px -60px;width: 20px;height: 20px;display: inline-block;}



/* QR 상세 */
.glowTy0.split_row {align-items: flex-start;gap: 40px;}
.tableQr .qrBx{width: 207px;height: 207px;display: flex;align-items: center;justify-content: center;padding: 0 12px;}
.tableQr .qrBx img {width: 100%;}
table td:has(.qrBx) {border-right: 1px solid #ACD0D4!important;}
.tableQr .btnBx{display: flex;align-items: center;justify-content: center;height: 134px;}

.memoWrap{display: flex;align-items: stretch;justify-content: center;gap: 8px;}
.tableBx.tableG .btable .memoWrap textarea{height: 80px;}
.memoWrap button{display: flex;align-items: center;justify-items: center;width: 90px; height: auto!important;}
table ul + .memoWrap{margin-top: 6px;}

table .memoList li {display: flex;align-items: center;gap: 4px;}
.btn_del{background: url('../images/icons_etc.png') no-repeat; background-size: 80px auto;background-position: -40px -40px;width: 20px;height: 20px;text-indent: -10000px;}


/* QR 통계 */
.stats_section .bgcolor_yellow .row + .row{border: none;padding-top: 40px;}
.stats_section .glowTy11_3{gap: 40px;align-items: flex-start;}
.stats_section .glowTy11_3 .rowBx{border-bottom-left-radius: 12px!important;border-bottom-right-radius: 12px!important;padding: 20px; min-height: 416px;}

.stats_section .glowTy11_3 .col:first-child{flex: calc(100% - 700px);}
.stats_section .glowTy11_3 .col:last-child{width: 700px;}


.stats_section .chartWrap img{width: 100%;}

.stats_section .glowTy11_3 .rowBx.chartBx1{display: flex;flex-direction: column;justify-content: space-between;}
.stats_section .glowTy11_3 .rowBx.chartBx2{padding: 0;display: flex;width: 100%;}
.stats_section .glowTy11_3 .rowBx.chartBx2 .col{padding: 20px;}
.stats_section .glowTy11_3 .rowBx.chartBx2 .col:first-child{flex:calc(100% - 328px);display}
.stats_section .glowTy11_3 .rowBx.chartBx2 .col:last-child{width: 328px; display: flex;align-items: center;justify-content: center;}
.stats_section .glowTy11_3 .rowBx.chartBx2 .col:first-child .chartWrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.stats_section .bx_header{display: flex;align-items: center;color: #555;font-size: 14px;}
.stats_section h5.bullet .bx_header{font-weight: 400;}
.stats_section .cont_header .bx_header i{font-weight: 400;color: #AAA;}
.stats_section .bx_footer{display: flex;align-items: center;justify-content: center;color: #777;font-size: 14px;}

.stats_section .chart_info dt{font-size: 20px;font-weight: 700;margin-bottom: 40px;}
.stats_section .chart_info dd .chart_legend{display: flex;flex-direction: column;gap: 20px;}
.stats_section .chart_info dd .chart_legend li[class*="legend_item"]{display: flex; align-items: center;gap: 8px;}
.stats_section .chart_info dd .chart_legend li .legend_label{display: flex;align-items: center;min-width: 104px;gap: 8px;font-size: 16px;}
.stats_section .chart_info dd .chart_legend li .legend_value{font-size: 16px;color: #222;font-weight: 700;}
.stats_section .chart_info dd .chart_legend li[class*="legend_item"] .legend_label:before{content: ""; display: block;width: 16px;height: 16px;border-radius: 100%;background-color: #2B5FF8;}
.stats_section .chart_info dd .chart_legend li.legend_item2 .legend_label:before{background-color: #FF51A4;}
.stats_section .chart_info dd .chart_legend li.legend_item3 .legend_label:before{background-color: #00C2CB;}
.stats_section .chart_info dd .chart_legend li.legend_item4 .legend_label:before{background-color: #FDCA40;}
.stats_section .chart_info dd .chart_legend li.legend_item5 .legend_label:before{background-color: #001E8A;}

.status_summary{margin-top: 12px;}
.status_summary .summary_list{display: flex;gap: 30px;}
.status_summary .summary_list .summary_item{display: flex;gap: 30px;flex: 1;border-radius: 12px;align-items: center;justify-content: center;text-align: center;}
.status_summary .summary_list .summary_item.item1{background-color: #D5DFFE; flex: 1.34;height: 120px;}
.status_summary .summary_list .summary_item.item2{background-color: #D5EFEF;}
.status_summary .summary_list .summary_item.item3{background-color: #D6EBFF;}
.status_summary .summary_list .summary_item.item4{background-color: #FEDEDE;}
.status_summary .summary_list .summary_item.item5{background-color: #E8E6FA;}
.status_summary .summary_list .summary_item.item6{background-color: #DDE1ED; flex: 1.34;}
.status_summary .summary_list .summary_label{padding-bottom: 10px;color: #222;font-weight: 700;font-size: 18px; border-bottom: 1px solid #AAA;margin-bottom: 12px;}
.status_summary .summary_list .summary_value{color: #222;font-weight: 700;font-size: 20px;}


/*==================================
프린트
==================================*/

/* .printLayer {display: none;position: fixed;top: 50%;left: 50%;width: 1020px; height: 90vh;transform: translate(-50%, -50%);background: #f5f5f5; z-index: 100000;padding: 0;padding-bottom: 90px;padding-top: 20px;}
.printLayer.wth_l{width: 1220px;}
.printLayer.hei_m {height: 80vh;}
.printLayer iframe {width: 100%;height: 100%;border: none;}
.printLayer.poplayer .contFbx{padding: 0;display: flex;gap: 12px;align-items: center;justify-content: center;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);} */


/*======================================================
  추가 이용약관 및 개인정보 동의서 팝업 및 프린트 스타일  
=========================================================*/

.pop_print.popup_lm #wrap{min-width: auto;padding-bottom: 60px;}
.pop_print.popup_lm.poplayer.scrollLayer {height:760px;}
.pop_print.popup_lm.poplayer.scrollLayer h5.underline_tit{margin-bottom: 20px;}
.pop_print.poplayer.scrollLayer .inner{height:576px;overflow-y:auto;display:flex;flex-direction:column;}
.pop_print.popup_lm .contSection.scrollBx{border-color:#CCC;border-radius:4px;padding:20px;overflow-x:hidden;overflow-y:auto;height:276px;flex:0 0 276px;}
.termsBx h6{font-size: 30px;color: #222;font-weight: 700;width: 100%;border-bottom: 2px solid #000;padding-bottom: 20px;text-align: center;padding-top: 10px;margin-bottom: 20px;}
.terms .col + .col {margin-top: 20px;}
.terms .col .terms_box{border:1px solid #ccc;border-radius: 4px;padding: 12px;display: flex;flex-direction: column;gap: 8px;}
.terms .terms_title{font-size: 20px;color:#222;font-weight: 700;margin-bottom: 8px;}
.terms .terms_item_title{font-size: 14px;font-weight: 700;margin-bottom: 4px;}
.terms .terms_item_desc,
.terms .terms_list li{font-size: 14px;color:#222;line-height: 1.6;}
.terms .terms_item_desc + .terms_item_des{margin-top: 10px;}
.terms .terms_list{padding-left:23px;list-style-type: decimal;} 
.terms_confirm {border: 1px solid #D5DFFE;background-color: #F9FAFF;font-size: 14px;color: #222;font-weight: 500;text-align: center;margin-top: 20px;padding: 16px 0;}
.terms_agree ul.bulletList{display: flex;flex-direction: column;gap: 10px;justify-content: center;height: 100%;}
.terms_agree ul.bulletList > li{display: flex;align-items: stretch;justify-content: space-between; font-size: 14px;color: #222;}
.terms_agree ul.bulletList > li > ul >li::before{display: none;}
.terms_agree{display: flex;align-items: stretch;justify-content: flex-start;margin-top: 20px;}
.terms_agree_chk{width: calc(100% - 416px);padding-right: 44px;}
.terms_agree .terms_agree_info {width: 416px;border-left: 1px solid #CCC;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;}
.agree_info_item{border: 1px solid #D5DFFE;background-color: #F9FAFF;width: 320px;display: flex;align-items: center;justify-content: flex-start; border-radius: 4px;gap: 16px;min-height: 44px;padding: 10px 16px;}
.terms_agree_info .agree_info_title{font-size: 16px;color: #001E8A;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 16px;line-height: 1;}
.terms_agree_info .agree_info_title:after{content: '';display: block;width: 2px;height: 20px;background-color: #B5C7FD;}
.terms_agree_info .agree_info_value{font-size: 16px;color: #222;font-weight: 400;line-height: 1;}
.popup_lm.poplayer.scrollLayer .contFbx .btn_print{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
strong.underline{text-decoration: underline!important;}

/* =========================
PRINT
========================= */
@media print {

    @page {size: A4;margin: 10mm 5mm;}

    html, body {width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;overflow:visible !important;background:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    body * {visibility:hidden !important;}
    #popup_patient_regist_set02, 
    #popup_patient_regist_set02 * {visibility:visible !important;}
    #popup_patient_regist_set02 {position:absolute !important;left:0 !important;top:0 !important;width:100% !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:40px !important;overflow:visible !important;display:block !important;background:#fff !important;z-index:9999 !important;}
    .popup_lm, 
    .poplayer, 
    .scrollLayer, 
    .popup_lm #wrap, 
    #popup_patient_regist_set02 #wrap, 
    #popup_patient_regist_set02 .contSection, 
    #popup_patient_regist_set02 .scrollBx, 
    #popup_patient_regist_set02 .terms, 
    #popup_patient_regist_set02 .terms .col, 
    #popup_patient_regist_set02 .terms .terms_box, 
    #popup_patient_regist_set02 .terms .terms_item, 
    #popup_patient_regist_set02 .terms_confirm, 
    #popup_patient_regist_set02 .terms_agree, 
    #popup_patient_regist_set02 .terms_agree_chk, 
    #popup_patient_regist_set02 .terms_agree_info, 
    #popup_patient_regist_set02 .agree_list, 
    #popup_patient_regist_set02 .agree_item, 
    #popup_patient_regist_set02 .agree_info_item {height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;position:static !important;transform:none !important;-webkit-transform:none !important;}
    .pop_print.poplayer.scrollLayer .inner{overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;height:auto !important;}
    .popup_lm .contSection.scrollBx {overflow:visible !important;overflow-x:visible !important;overflow-y:visible !important;max-height:none !important;height:auto !important;padding:20px !important;border:1px solid #ccc !important;border-radius:4px !important;flex: 0 1 auto!important;}
    #popup_patient_regist_set02 .btnX, 
    #popup_patient_regist_set02 .contFbx {display:none !important;}
    .popup_lm.poplayer.scrollLayer h5.underline_tit {margin-bottom:20px !important;}
    .contSection.scrollBx h6 {font-size:24px !important;padding-top:0 !important;padding-bottom:16px !important;margin-bottom:24px !important;border-bottom:2px solid #000 !important;text-align:center !important;}
    .poplayer .terms .col + .col {margin-top:24px !important;}
    .poplayer .terms .col .terms_box {padding:14px !important;gap:12px !important;border:1px solid #ccc !important;border-radius:4px !important;}
    .poplayer .terms .terms_title {font-size:18px !important;margin-bottom:10px !important;}
    .poplayer .terms .terms_item_title {font-size:14px !important;margin-bottom:6px !important;}
    .poplayer .terms .terms_item_desc, 
    .poplayer .terms .terms_list li {font-size:12px !important;line-height:1.55 !important;color:#222 !important;}
    .poplayer .terms .terms_list {padding-left:18px !important;}
    .poplayer .terms_confirm {margin-top:20px !important;padding:16px !important;font-size:12px !important;line-height:1.6 !important;border:1px solid #d5dffe !important;background-color:#f9faff !important;text-align:center !important;}
    .bulletList {list-style-type:disc !important;}
    .bulletList li {position:relative;padding-left:10px;}
    .bulletList li::before {display:none;}
    
}




  /*==================================
    프린트
  ==================================*/
  
  /* .printLayer {display: none;position: fixed;top: 50%;left: 50%;width: 1020px; height: 90vh;transform: translate(-50%, -50%);background: #f5f5f5; z-index: 100000;padding: 0;padding-bottom: 90px;padding-top: 20px;}
  .printLayer.wth_l{width: 1220px;}
  .printLayer.hei_m {height: 80vh;}
  

  .printLayer iframe {width: 100%;height: 100%;border: none;}
  .printLayer.poplayer .contFbx{padding: 0;display: flex;gap: 12px;align-items: center;justify-content: center;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}  */


/*==================================
  (신규 추가)
==================================*/

/* 배지 */
.badge{display: inline-flex!important; align-items: center; justify-content: center; margin-left: 0; gap: 4px; height: 26px;padding: 0 12px; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -0.2px; user-select: none; white-space: nowrap;}
.badge + .badge,
.badge + a,
.badge + span,
.flexbox:has(h5) .badge{margin-left: 10px;}
.flexbox:has(h5) .badge:first-child{margin-left: 0;}
.btable tbody td > span.badge {margin-left: 0!important;margin-top: 0!important;}

.badge-row{ display: flex; gap: 2px; margin-bottom: 5px; flex-wrap: wrap; }
.badge--blue-soft{background-color: #e0f2fe; color: #075985; border: 1px solid #e0f2fe;}
.badge--yellow-soft{background-color: #fef9c3; color: #854d0e; border: 1px solid #fef9c3;}
.badge--yellow-soft{background-color: #fef9c3; color: #854d0e; border: 1px solid #fef9c3;}
.badge--green-soft{background-color: #dcfce7; color: #166534; border: 1px solid #dcfce7;}

.badge--lime-soft{background-color:#F9FFED; color:#79B403; border: 1px solid #F9FFED;}
.badge--cyan-soft{background-color:#EDF8F7; color:#00B7C0; border: 1px solid #EDF8F7;}
.badge--indigo-soft{background-color:#EAEFFE; color:#2B5FF8; border: 1px solid #EAEFFE;border-radius: 100px;}
.badge--pink-soft{background-color:#FFEDEA; color:#FF51A4; border: 1px solid #FFEDEA;border-radius: 100px;}
.badge--pink-hard {background-color:#FF51A4; color:#fff; border: 1px solid #FF51A4;border-radius: 100px;}
.badge--kakao{background-color:#FAE100; color:#222; border: 1px solid #FAE100;border-radius: 100px;}
.badge--pri-outline{background-color:#fff; color:#6189FF; border: 1px solid #6189FF;border-radius: 4px;}
.badge--pri-outline2{background-color:#fff; color:#2B5FF8; border: 1px solid #2B5FF8;border-radius: 4px;}
.badge--mint-outline{background-color:#fff; color:#00C2CB; border: 1px solid #00C2CB;border-radius: 4px;}
.badge--gray-outline{background-color:#fff; color:#777; border: 1px solid #777;border-radius: 4px;}
.badge--lime-outline{background-color:#fff; color:#79B403; border: 1px solid #79B403;border-radius: 4px;}
.badge--pri{background-color:#2B5FF8; color:#fff; border: 1px solid #2B5FF8;border-radius: 4px;}
.badge--pink{background-color:#FFEDEA; color:#FF51A4; border: 1px solid #FFEDEA;border-radius: 4px;}
.badge--indigo{background-color:#EAEFFE; color:#2B5FF8; border: 1px solid #EAEFFE;border-radius: 4px;}

.agG_table .ag-cell a.badge{text-decoration:none;}
.agG_table .ag-cell a.badge:focus{color: revert;}

/* 써클 넘버 */
span[class*="circle_num_"] {display: flex!important;align-items: center;justify-content: center;border-radius: 100%;color: #AAAAAA;font-size: 13px;font-weight: 700;line-height: 1;width: 24px;height: 24px;border: 1px solid #AAAAAA;}
span.circle_num_2 {color: #777; border-color:#777;}
span.circle_num_3 {color: #333; border-color:#333;}

.drug_box{display: flex;align-items: center;gap: 4px;}
.drug_box .badge{margin-left: 0;}

/* 회원 상세 페이지 */
.rowBxDiv{ display: flex; gap: 16px; width: 100%; }
.rowBxDiv > .rowBx { width: 50%; }

.inquiry-card { text-align: left; margin: 10px; }
.inquiry-card > .title { margin-left: 10px; font-size: 15px; font-weight: 600; line-height: 1.5; }
.inquiry-card > .meta { margin-left: 10px; font-size: 13px; display: flex; gap: 10px; flex-wrap: wrap; }

.text-left { text-align: left !important; }
.inquiry-card { background: var(--bg-card); border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); }
.badge-row { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }

/* .badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 700; line-height: 1; } */

.badge.topic { background: var(--badge-topic-bg); color: var(--badge-topic-text); }
.badge.status { background: var(--badge-status-bg); color: var(--badge-status-text); }

.title { margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.5; }

.meta { margin: 0; font-size: 13px; color: var(--text-sub); display: flex; gap: 10px; flex-wrap: wrap; }

.cs-board { border: 1px solid #CCC; border-radius: 4px; overflow: hidden; padding: 30px; }
.cs-board + .cs-board{margin-top: 20px;}

.cs-card { padding: 30px 0; border-bottom: 1px solid #e6eaf0; }
.cs-card:first-child { padding-top: 0;}
.cs-card:last-child { border-bottom: 0;}
.cs-card:only-child { padding-bottom: 0;}

.cs-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }

.cs-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; white-space: nowrap; }

.cs-badge { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 10px; border-radius: 4px; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; }

.cs-badge.type { color: #2B5FF8; background: #fff; border: 1px solid #2B5FF8; }
.cs-badge.type2 { color: #777; background: #fff; border: 1px solid #777; }
.cs-badge.pending { color: #FF51A4; background: #FFEDEA; }
.cs-badge.done { color: #809FFB; background: #EAEFFE; }

.cs-time { color: #777777; font-size: 14px; white-space: nowrap; display: flex; align-items: center; gap: 8px; }
.cs-time span { display: flex; align-items: center; gap: 8px; }
.cs-time span:before{ content: ""; display: block; height: 10px; width: 1px; background-color: #CCC; }
.cs-time span:first-child:before{display: none;}

.cs-title { font-size: 18px; font-weight: 700; color: #222; line-height: 1.2; }

.cs-text { margin: 0; font-size: 16px; color: #222; line-height: 1.5;}

.cs-notice { margin-top: 12px; border-radius: 4px; padding: 16px; font-size: 16px; line-height: 1.2; }

.cs-notice.warn { background: #F9F9F9; color: #FF51A4; border: 1px solid #EFEFEF; display: flex; align-items: flex-start; gap: 12px; }
.cs-notice.warn .cs-text { color: #FF51A4; font-weight: 700; line-height: 1.5; }

.cs-notice.done { background-color: #EDF8F7;border: 1px solid #ACD0D4;padding: 26px 16px;}
.cs-notice.done .cs-answer{display: flex;gap: 12px;align-items: flex-start;margin-top: 0;}
.cs-notice.done .cs-answer .cs-text{line-height: 1.5;}
.cs-notice.done .cs-answer .cs-answer-meta{margin-top: 26px;display: flex;align-items: center;gap: 15px;}
.cs-notice.done .cs-answer .cs-answer-meta span{font-size: 14px;color: #222;font-weight: 700;display: flex;align-items: center;position: relative}
.cs-notice.done .cs-answer .cs-answer-meta span:before{content: "";display: block;width: 1px;height: 10px;background-color: #777;position: absolute;top: 50%;transform: translateY(-50%);left: -7px;}
.cs-notice.done .cs-answer .cs-answer-meta span:first-child:before{display: none;}

.cs-action {margin-top: 12px; display: flex; justify-content: flex-end; }
.cs-answer {margin-top: 10px;}
.cs-answer .answerTextarea{border-radius: 4px!important;}
.cs-answer .answerCharCount{font-size: 13px!important;}
.cs-answer .answerFooter{padding-top: 0!important;border-top: none!important;margin-top: 10px!important;}
.cs-answer .answerFooter .kakaoNotice{gap: 4px!important;}
.cs-answer .answerFooter .kakaoNotice .kakaoIcon {background-color: transparent!important;border-radius: 0!important; text-indent: -9999px;background: url("../images/icon_kakao.png") no-repeat center center!important;background-size: 16px auto!important;}

.cs-btn { border: 1px solid #8cb0ff; background: #eef4ff; color: #2f5bd2; font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 9px; cursor: pointer; }
.cs-btn:hover { background: #e2ecff;}

.pin_icon{text-indent: -9999px;width: 20px;height: 20px;background: url("../images/icon_pin.png") no-repeat center center;background-size: 20px auto;}
.flexbox:has(.pin_icon) {align-items: center;gap: 8px;}

.subM h5 .notice_txt{font-weight: 400;}
.meta_line{display: flex;align-items: center;gap: 12px;}

.cs-info-box{border: 1px solid #FFEFD8;background-color: #FFFDF5;padding: 16px;}
.cs-info-box .info_title{font-weight: 700;color: #222;font-size: 14px;margin-bottom: 8px;}
.cs-info-box .info_text{font-size: 16px;}
.cs-info-box .info_text.uline{font-size: 14px;}
.cs-info-box .info_text + .info_text{margin-top: 4px;}


/*==================================
  알림
==================================*/
body #wrap .formGroup{margin-bottom: 0;}
body #wrap .btable tbody th label{display: inline-block;vertical-align: top;color: #222;margin-bottom: 0;}
body #wrap .btable tbody .formInput{border: 1px solid #DFDFDF;border-radius: 4px;font-size: 14px;color: #222;height: 29px;min-width: auto;}
body #wrap .formHint{font-size: 13px;color: #555;}
body #wrap .btable tbody select + .formHint,
body #wrap .btable tbody div + .formHint{margin-top: 6px;}
body #wrap .btable tbody .formHint + .info_bar_list{margin-top: 12px;}
body #wrap .btable tbody .formHint.flexCol{align-items: flex-start;gap: 2px;}
body #wrap .btable tbody ul + .formHint.flexCol{margin-top: 6px;}
body #wrap .btable tbody .flexbox ul + .formHint.flexCol{margin-top: 0;}
body #wrap .btable tbody th .pcolor_gray2{font-weight: 400;}

body #wrap .btable tbody .previewCard{background-color: #B2C7D9;border-radius: 10px;padding: 14px 14px 24px;width: 280px;}
body #wrap .btable tbody .previewCard .previewAppName{display: flex;align-items: center;color: #5A5A5A;font-size: 10px;gap:4px;color: #5A5A5A;margin-bottom: 8px;}
body #wrap .btable tbody .previewCard .kakao_k{display: flex;align-items: center;justify-content: center;font-size: 10px;color: #333;font-weight: 700;background-color: #FEE500;width: 18px;height: 18px;border-radius: 4px;text-transform: uppercase;}
body #wrap .btable tbody .previewCard .previewBody {background-color: #fff;border-radius: 8px;padding: 12px;margin-bottom: 0;font-size: 12px;color:#222}
body #wrap .btable tbody .previewCard .previewBody .placeholder_txt{color: #9CA3AF;font-size: 11px;}
body #wrap .btable tbody .previewCard .previewBody + .previewBtn{margin-top:8px}
body #wrap .btable tbody .previewCard .previewBtn {color: #1D4ED8;font-size: 11px;background-color: #F4F4F4;padding: 0;display: flex;align-items: center;justify-content: center;height: 28px;border-radius: 6px;}

.info_bar_list {background-color: #F9F9F9;border-radius: 4px;border:1px solid #DFDFDF;padding: 10px 12px;display: flex;align-items: center;gap: 21px;}
.info_bar_list li{display: flex;align-items: center;gap: 4px;font-size: 12px;color: #555;position: relative;}
.info_bar_list li:before{content: '';display: block;position: absolute;width: 1px;height: 12px;background-color: #CCCCCC;left: -10px;top: 50%;transform: translateY(-50%);}
.info_bar_list li:first-child:before{display: none;}
.info_bar_list li.info_alert{font-size:14px;color: #F00202;font-weight: 500;display: flex;align-items: center;padding-left: 26px;}
.info_bar_list li.info_alert::before{content: '!';width: 20px;height: 20px;border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 12px;background-color: #F00202;line-height: 1;font-weight: 700;left: 0;}

.info_bar_list .label{font-weight: 300;}
.info_bar_list strong{font-weight: 700;}
.tableBx + .info_bar_list{margin-top: 12px;}

.tableBx p.empty_bx{display: flex;align-items: center;justify-content: center;padding: 40px 0;color: #777;font-size: 16px;}
.tableBx td .flexbox:has(.formHint){align-items: center;gap: 20px;}
.tableBx td .flexbox .formHint{margin:0}

body #wrap .formActions{border-top: none;padding: 0;margin: 0;gap: 8px;}



/*==================================
  운영
==================================*/
.date_range .date_title,
.date_range .bold,
.date_range strong{margin: 0;color: #222;}
.date_range .date_title + .datepicker{margin-left: 8px;}
.date_range .date_title + .bold{margin-left: 8px;}
.date_range .date_text{margin: 0;color: #555;}
.datepicker + .date_text{margin-left:20px}

body #wrap .btable tbody .optionItem:has(.optionDesc){padding: 0;display: flex;align-items: center;gap: 5px;}
body #wrap .btable tbody .optionItem .chkBx label{gap: 5px;display: flex;align-items: center;}
body #wrap .btable tbody .optionItem .chkBx label .txt{font-weight: 700;}
body #wrap .btable tbody .optionItem .optionDesc{margin-top: 0;font-size: 14px;color: #555;}
body #wrap .btable tbody .formTextarea{border-radius: 4px;padding: 6px 10px;}
body #wrap .btable tbody .formTextarea:focus {border-color: #DFDFDF;}
body #wrap .btable tbody .formHint{display: flex;align-items: center;gap:12px;margin-top: 0;}
body #wrap .btable tbody .formHint li{font-size: 13px;color: #555;}
body #wrap .btable tbody .formHint + div{margin-top: 6px;}
body #wrap .btable tbody .formTextarea + .formHint,
body #wrap .btable tbody .flexbox + .formHint{margin-top: 6px;}
body #wrap .btable tbody .keywordInputGroup{width: 100%;}
body #wrap .btable tbody .keywordInputGroup input{flex: 1;}
body #wrap .btable tbody .toastui-editor-defaultUI{overflow: hidden;border-radius: 4px;}

.file_name {position: relative;;display: inline-block;padding:7px 10px;border:1px solid #ddd; padding-right:80px; border-radius: 5px;min-width: 500px;}
.file_name button{position: absolute; right:5px;top:4px}
.img_bn {text-align: left;}
div + .img_bn {margin-top:10px}
.img_bn img{width: 360px;}
.flexbox:has(.img_bn) {gap: 12px;}

.type_item{display: flex;align-items: center;gap: 4px;}
.type_item .type_icon{background: url("../images/icons_content.png") no-repeat;background-position: 0 0; background-size: 26px auto;text-indent: -9999px;display: block;width: 26px;height: 28px;}
.type_item .type_icon.type_video{background-position: 0 0;}
.type_item .type_icon.type_image{background-position: 0 -26px;}
.type_item .type_icon.type_text{background-position: 0 -52px;}

body #wrap .btable tbody .uploadArea.uploadBtn{background-color: #fff;color: #2B5FF8!important;border: 1px solid #2B5FF8;padding: 0 16px;border-radius: 4px;}
body #wrap .btable.relatedFaqTable thead th{color: #222;text-align: center;font-size: 13px;}
body #wrap .btable.relatedFaqTable tbody td.rowNum{color: #222;}
body #wrap .btable.relatedFaqTable tbody .formInput[disabled]{color: #ccc!important;}

.inline_list{display: flex;align-items: center;gap: 37px;}
.inline_list li{position: relative;}
.inline_list li:before{content: "";display: block;width: 1px;height: 12px;background-color: #CACACA;position: absolute;left: -19px;top: 50%;transform: translateY(-50%);}
.inline_list li:first-child:before{display: none;}
.btable tbody td > span.tag{display: inline-flex;}
.btable tbody td > span.tag + span.tag{margin-top: 0;margin-left: 4px;}

/*==================================
  대시보드
==================================*/
.dashboard .rowBx{padding: 30px 40px;}
.dashboard .contBx{gap: 40px;}

.content_top{display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.content_top .top_txt{font-size: 24px;font-weight: 400;color: #000;display: flex;align-items: center;gap: 8px;}
.emoji_smile{background: url("../images/emoji_smile.png") no-repeat 0 0;width: 42px;height: 42px;background-size: 42px 42px;}
.content_top .top_date{font-size: 20px;font-weight: 700;color: #222;padding: 12px 30px;border: 1px solid #DFDFDF;border-radius: 12px;background-color: #fff;}

.gray_border_bx{border: 1px solid #CCC;border-radius: 4px;padding: 30px;height: 100%;}
.gray_border_bx .scrollList{height: 291px; overflow-y: auto;}
.gray_border_bx:has(.empty_txt),
.gray_border_bx .scrollList:has(.empty_txt){display: flex;align-items: center;justify-content: center;height: 294px;}
.gray_border_bx .empty_txt{font-size: 16px;color: #777;display: flex;align-items: center;gap: 4px;}
.gray_border_bx .empty_inquiry:before{content: '';display: block;width: 30px;height: 30px;background:url("../images/icons_list_empty.png") no-repeat;background-position: 0 0;background-size: 30px auto;}
.gray_border_bx .empty_date:before{content: '';display: block;width: 30px;height: 30px;background:url("../images/icons_list_empty.png") no-repeat;background-position: 0 -30px;background-size: 30px auto;}


.flexbox:has(.angle_link){align-items: center;justify-content: space-between;}
.flexbox:has(.angle_link) h5 {gap: 5px;}
.flexbox:has(.angle_link) h5 .sub_txt{font-weight: 400;font-size: 14px;}
.angle_link{color: #555;font-size: 14px;display: flex;align-items: center;gap: 4px;}
.angle_link:after{content: "";background: url("../images/angle_right.png") no-repeat 0 0;  display: inline-flex;color: #555;font-size: 14px; width: 16px;height: 16px;background-size: 16px auto;} 
.flexbox.glowTy0:has(.gray_border_bx) {gap: 40px;align-items: start;}
.data_list .data_badges{margin-bottom: 8px;}
.data_list .data_badges .badge {margin-left: 8px;}
.data_list .data_title {font-size: 16px;margin-bottom: 8px;}
.data_list .data_meta{color: #777;display: flex;align-items: center;gap: 8px;}
.data_list .data_item + .data_item {padding-top: 12px;margin-top: 12px;border-top: 1px solid #DFDFDF;}
.data_list .data_item:last-child{padding-bottom: 12px;border-bottom: 1px solid #DFDFDF;}

.glowTy0 > .col:has(.data_list) > .gray_border_bx{height: 353px;}
.data_list .data_item .flexbox:has(.data_badges) {align-items: center;gap: 8px;}
.row.glowTy0:has(.info_banner.typeIsu.dash3) .col .rowBx{height: 348px;}
.info_banner.typeIsu.dash3{height: 100%;}