/****************** 메인 ******************/
input[type=text],
input[type=password] {width:100%; height: 36px; border:1px solid var(--color-6); border-radius:6px; padding:0 12px; font-size:13px; font-weight:500;}
input[type=text]::placeholder,
input[type=password]::placeholder{ color:var(--color-3);}
input[type=checkbox]{border:1px solid var(--color-6); border-radius:var(--round-xs); width:14px; height:14px; margin:0;}


/****** 게시판 + 로그인 섹션 ******/
.utility_section,
.partner_viewer_section { max-width: var(--site-con-w); display: flex; margin:0 auto;}

.utility_section , .partner_viewer_section, .service_section{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/*** 게시판 ***/
.board_wrap {background-color: var(--color-wht); padding:var(--pd-base-mo);}
.tab_wrap .tab_content[aria-hidden=true]{display:none;}
.board_wrap .tab_btn_wrap{display: flex; box-sizing: border-box; margin:0 auto 20px; border:1px solid var(--color-6); border-radius: var(--round-md); overflow: hidden;}
.board_wrap .tab_btn_wrap .tab_btn{flex:1; transition: all ease-in .2s; cursor: pointer; color: #737373; font-weight: 600; box-sizing: border-box; border-right:1px solid var(--color-6);}
.board_wrap .tab_btn_wrap .tab_btn.on,
.board_wrap .tab_btn_wrap .tab_btn:hover{background-color: var(--color-point); color: var(--color-wht); border-color:var(--color-point);}
.board_wrap .tab_btn_wrap .more:hover img{transform: rotate(90deg); transition: all ease-in .3s;}

.board_wrap .board_list li:not(:last-child){border-bottom:1px solid var(--color-6);}
.board_wrap .board_list li a{display: flex; align-items: center; font-size: 15px; justify-content: space-between; padding:1.7rem 0; gap: 16px; color:var(--color-1); font-weight: 500;}
.board_wrap .board_list li a:hover span{text-decoration: underline;}
.board_wrap .board_list li a span{text-overflow: ellipsis; overflow: hidden; flex:1; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.board_wrap .board_list li a time{color: #5B5B5B; font-size:14px; font-weight: 400; width:98px;}

/*** 로그인 ***/
.login_links_section .login_wrap {flex:1; box-sizing: border-box;}
.login_links_section .login_wrap .login_box{justify-content: space-around;}
.login_links_section .login_wrap .inner{height:calc(100% - 40px);}
.login_wrap .inner form{flex:1;}
.login_wrap{background-color: var(--color-wht); }
.login_wrap .inner{padding:20px; display: flex; gap:20px; }
.login_wrap h1{color: var(--color-2); font-size: 20px; font-weight: 700;margin-bottom: 15px;}
.login_wrap .login_box{display: flex; flex-direction: column; gap:var(--round-sm);}
.login_wrap .login_box .login_form{width:100%; display:flex; flex-direction:column; gap:var(--round-xs);}
.login_wrap .login_box .login_form input{width:100%;}
.login_wrap .login_box .login_form .toggle-password {cursor: pointer; position: relative; right: 33px; top: 0px;}
.login_wrap .id_pw_chk_label{font-size:14px; font-weight:500; color:var(--color-2); display:flex; align-items:center; gap:var(--round-sm);}
.login_btn{background-color: var(--color-point); color:var(--color-wht); cursor: pointer; font-size:15px; font-weight: 600; border:1px solid var(--color-point); box-sizing: border-box; border-radius: var(--round-sm); height:48px; display:flex; align-items: center; justify-content: center;}
.login_btn:hover{background-color:transparent; color:var(--color-point);}
.login_wrap .others_btn{display: flex; align-items: center; justify-content: center; gap:8px;}
.login_wrap .others_btn a{font-size:14px; letter-spacing: -0.14px;}
.login_wrap .others_btn a:hover{opacity: .7;}
.login_wrap .others_btn .grey{color:var(--color-3); font-weight: 500;}
.login_wrap .others_btn .accent{color:var(--color-2); font-weight: 700;}
.login_wrap .others_btn .bar{width: 1px; height: 10px; background-color: var(--color-6);}

.login_wrap .login_box.after{gap:20px;}
.login_wrap .login_box .profile_box{display:flex; align-items:center; justify-content:center; gap:20px;}
.login_wrap .login_box .profile_box .profile{width:40px; height:40px; display:block; border:1px solid var(--color-6); border-radius:100%; overflow:hidden; box-sizing:border-box;}
.login_wrap .login_box .profile_box div{font-size: 18px; font-weight: 700; line-height: 140%;}
.login_wrap .info_box{border-radius: 6px; border: 1px solid var(--color-6); background-color: #F7F7F7; height:80px; display:flex; align-items:center; justify-content:center; font-size: 16px; font-weight: 500; color:var(--color-2);}



.quick_links_seoul{background: url('../images/main/seoul_bg.png') center no-repeat; height:201px;  background-size: cover; position: relative; z-index:0;}
.quick_links_seoul .btn_bt{display: flex; font-size: 16px; font-weight: 600; gap:10px; height: 48px; color:var(--color-wht); align-items: center; justify-content: center; position:absolute; bottom:0; left:0; right:0; background-color: #30576C;}
.quick_links_seoul .btn_bt:hover span{text-decoration: underline;}
.quick_links_seoul .btn_box{display: flex; gap:8px; flex-direction: column; padding:0 20px; align-items: start; justify-content: center; height: calc(100% - 48px);}
.quick_links_seoul .btn_box .btn{display: flex; padding: 6px 0 ; width:135px; color: var(--color-4); height:23px; font-size: 15px; font-weight: 500; gap: 12px; align-items: center; justify-content: flex-start; border-radius: 100px; border: 1px solid var(--color-6); background-color: var(--color-wht);}
.quick_links_seoul .btn_box .btn span{padding-left:20px; width:100px;}
.quick_links_seoul .btn_box .btn img{width:5px;}
.quick_links_seoul .btn_box .btn:hover {background-color: rgb(249, 249, 249);}

/****** 서비스 / 배너 ******/
.service_section{ max-width: var(--site-con-w); display: flex; margin:0 auto; }

/*** 서비스 ***/
.service_section .service_box .box,
.service_section .event_banner{border:1px solid var(--color-6); box-sizing: border-box; overflow: hidden; z-index:0;}
.service_section .service_box{display: flex; align-items: center; justify-content: space-between;}
.service_section .service_box .box{background-color: var(--color-wht);  transition: all ease-in .2s;}
.service_section .service_box .box:hover{border-color:var(--color-point);}
.service_section .service_box .box a{display: flex; gap:10px; justify-content: center; align-items: center; color:var(--color-bk-10)}
.service_section .service_box .box:hover a{color: var(--color-point);}
.service_section .service_box .box img{object-fit: contain;}

.service_section .event_banner{border-radius: var(--round-base);}


/****** 파트너/뷰어 ******/

/*** 파트너 ***/
.partner_viewer_section{padding-bottom:40px;}
.partner_viewer_section .partenr_section{background-color: var(--color-wht); border-radius: var(--round-base); overflow: hidden; border:1px solid var(--color-6);}
.partenr_section .tab_btn_wrap{display: flex; max-width: 328px; box-sizing: border-box; margin-bottom:20px; border:1px solid var(--color-6); border-radius: var(--round-md); overflow: hidden;}
.partenr_section .tab_btn_wrap .tab_btn{flex:1; transition: all ease-in .2s; cursor: pointer; font-size: 20px; color: #737373; font-weight: 600; box-sizing: border-box; height: 60px;}
.partenr_section .tab_btn_wrap .tab_btn.on,
.partenr_section .tab_btn_wrap .tab_btn:hover{background-color: var(--color-point); color: var(--color-wht); border-color:var(--color-point); border-radius: var(--round-md);}
.partenr_section .tab_btn_wrap .more:hover img{transform: rotate(90deg); transition: all ease-in .3s;}

.partner_viewer_section .partenr_section{height: 337px; overflow-y:auto;}
.partner_viewer_section .partenr_section .box_wrap {display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px;}
.partner_viewer_section .partenr_section .box_wrap a{background-color: #F7F7F7; border-radius: var(--round-sm); overflow: hidden; display: flex; align-items: center; justify-content: center; height:55px;}
.partner_viewer_section .partenr_section .box_wrap a img{max-width: 95%; }
.partner_viewer_section .partenr_section .tab_content{padding-bottom:20px;}

.partner_viewer_section .viewer_section .title{margin-bottom:20px; font-size: 22px; font-weight: 700; color: var(--color-2);}
.partner_viewer_section .viewer_section .list{display: grid; grid-template-columns: repeat(2, 1fr); gap:12px; height: calc(100% - 44px);}
.partner_viewer_section .viewer_section .list li{padding:16px 20px; background-color: var(--color-wht); border-radius: var(--round-md); border:1px solid var(--color-6); transition: all ease-in .2s;}
.partner_viewer_section .viewer_section .list a{display: flex; align-items: center; justify-content: space-between; height: 100%; font-size: 16px; font-weight: 600; color: var(--color-2); }
.partner_viewer_section .viewer_section .list li:hover{background-color: rgb(249, 249, 249);}
.partner_viewer_section .viewer_section .list a span{align-items: center; gap:12px;}

/****** 폼 체크 ******/
.remind, .error { color: red; }
form[novalidate] input.error { border-color:red !important; }
form[novalidate] input.error::placeholder { color: red; }
form[novalidate] .error { display:inline-block; }

.remind { font-weight: bold; }

@media screen and (min-width: 1201px){
  /****** 메인 공통 ******/
  .utility_section,
  .service_section,
  .partner_viewer_section {gap:32px; padding-left: 40px; padding-right: 40px;}

  .board_wrap,
  .service_section .service_box,
  .partner_viewer_section .partenr_section {flex:1; }

  .login_links_section,
  .service_section .event_banner,
  .partner_viewer_section .partenr_section,
  .partner_viewer_section .viewer_section {width: 31.7%;}


  /****** 게시판 + 로그인 섹션 ******/
  .utility_section{ padding:40px 40px 20px; justify-content: space-between; align-items: stretch;}

  .board_wrap,
  .login_wrap,
  .quick_links_seoul{border-radius: var(--round-base); overflow: hidden; border:1px solid var(--color-6);}

  .board_wrap .tab_btn_wrap .tab_btn{height:60px; font-size: 17px;}
  .board_wrap .tab_btn_wrap .tab_btn{flex:1; transition: all ease-in .2s; cursor: pointer; color: #737373; font-weight: 600; box-sizing: border-box; border-right:1px solid var(--color-6);}
  .board_wrap .tab_btn_wrap .tab_btn.on,
  .board_wrap .tab_btn_wrap .tab_btn:hover{border-radius: var(--round-md);}
  .board_wrap .tab_btn_wrap .more{display: flex; align-items: center; justify-content: center; width:50px; padding:0 10px; height:60px; }
  .board_wrap .board_list li a{height:43px; }

  .board_wrap .tab_content .more{display:none;}

  .login_links_section{display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}
  .login_wrap h1{width: 100px;}
  .login_wrap .login_box{ flex:1; }
  .login_links_section .login_wrap{min-height:242px;}
  .login_links_section .login_wrap .login_box.after .others_btn{gap:20px}
  .login_links_section .login_wrap .login_box.after .others_btn a{font-size:16px;}

  /****** 서비스 섹션 ******/
  .service_section {padding-bottom:40px; align-items: stretch;}
  .service_section .service_box{gap:12px;}
  .service_section .service_box .box {aspect-ratio:1/1; flex:1; border-radius: var(--round-base);cursor: pointer;}
  .service_section .service_box .box a{flex-direction: column; height: 100%; font-size: 16px; font-weight: 600;}
  .service_section .service_box .box img{height:47px; padding:3px 0;}

  /****** 파트너/뷰어 ******/
  .partner_viewer_section .partenr_section{padding:32px 32px 0;}

}

@media screen and (max-width: 1200px){
  /****** 게시판 + 로그인 섹션 ******/
  .utility_section{ padding:0 0 10px; flex-direction: column; width:100%; }
/*   .board_wrap{width: calc(100% - 40px);} */
  .board_wrap{width:100%;}
  .board_wrap .tab_btn_wrap .tab_btn{height:42px; font-size: 15px;}
  .board_wrap .tab_btn_wrap .more{display: none;}
  .board_wrap .tab_btn_wrap .tab_btn:last-of-type{border-right:none;}

  .board_wrap .tab_content .more{display:flex; font-size:14px; font-weight: 500; height: 48px; margin:20px auto 0; align-items: center; justify-content: center; gap:8px; color:#737373; border:1px solid var(--color-6); border-radius: var(--round-sm);}
  .board_wrap .tab_content .more:hover{background-color: var(--color-point); color:var(--color-wht); border-color: var(--color-point);}
  .board_wrap .tab_content .more:hover img{filter: invert(1) brightness(2);}

  .login_links_section .login_wrap,
  .quick_links_seoul{display: none; overflow: hidden;}
  .login_wrap .inner{flex-direction: column; justify-content: center; margin: 0 auto; max-width: 558px;}
  .side_menu_wrap .login_wrap .inner h1{text-align: center;}

  /****** 서비스 섹션 ******/
  .service_section {background-color: var(--color-wht); padding:20px;}
  .service_section .service_box{flex-flow:wrap; gap:6px; width: 100%;}
  .service_section .service_box .box {border-radius: 100px; flex: 1 1 calc(50% - 6px); display: flex; justify-content: center; align-items: center;}
  .service_section .service_box .box:first-child { flex-basis: 100%; }
  .service_section .service_box .box a{font-size: 15px; font-weight: 500; height:60px;}
  .service_section .service_box .box img{ height:27px; padding:2px;}

  .service_section .event_banner{display: none;}


  /****** 파트너/뷰어 ******/
  .partner_viewer_section{display: none;}
}

.header a{transition: all ease-in .2s;}
.header > div{display:flex;}
body.menu_on::before{content:'';display:block; background-color: rgba(0,0,0,.4); position:fixed; bottom:0; left:0; right: 0; width: 100%; height:calc(100vh - 210px); z-index:2;}
body {line-height: 1 !important;}
/* TOP 네비게이션 */
.header .top_nav {max-width: var(--head-con-w); margin:10px auto 14px; justify-content: space-between;}
.header .top_nav ul,
.header .top_nav li{display:flex; align-items: center; }
.header .top_nav a{color:var(--color-4); display: flex; font-weight: 500;}
.header .top_nav .nav_bar a:hover {opacity: .7;}

.top_nav .nav_bar,
.top_nav .nav_bar li{gap:12px;}
.top_nav .nav_bar li:not(:last-child)::after,
.side_menu_wrap .nav_btn li:not(:last-child)::after{content:""; width:1px; height:13px; display: block; background-color: #ECECEC;}

.header .top_nav .nav_btn {gap:12px;}
.header .top_nav .nav_btn a{display: flex; justify-content: center; align-items: center; gap: 4px; border:1px solid var(--color-6); padding:6px 20px; border-radius: 100px;}
.header .top_nav .nav_btn a:hover {background-color: rgb(249, 249, 249);}

.header .main_header{max-width: var(--head-con-w); margin:0 auto; justify-content: space-between; align-items: center;}

.header .main_header .logo_wrap .menu_btn,
.side_menu_wrap .close_btn{font-size: 0;}

.header .main_header .search_area{position:relative; background: linear-gradient(91deg, #0081C8 0.31%, #00943B 171.14%); height:56px; border-radius: 100px;}
.header .main_header .search_area input{position:absolute; background-color: var(--color-wht); color: var(--color-1); font-weight: 500; text-overflow: ellipsis; top:2px; bottom:2px; left:2px; right:2px; border-radius: 100px; border:none; padding:0 50px 0 30px;}
.header .main_header .search_area input::placeholder{color:var(--color-3);}
.header .main_header .search_area .search_btn{position:absolute; top:50%; transform:translateY(-50%); right:8px; font-size: 0; background-color: var(--color-point); width:40px; height:40px; border-radius: 100%; cursor: pointer; transition: all ease .2s;}
.header .main_header .search_area .search_btn:hover{opacity: .8;}
.header .main_header .search_area .search_btn img{margin:0 auto;}
.header .slogan{font-weight: 300; line-height: 140%; text-align: center; font-size: 17px; color:var(--color-blk);}
.header .slogan .blue{font-weight: 500; color:#0081C8;}
.header .slogan .green{font-weight: 500; color:#00943B;}

.header .menu_wrap{display: flex; border-top:1px solid var(--color-line2); border-bottom:1px solid var(--color-line2); position:relative;}
.header .menu_wrap .inner{ max-width: var(--head-con-w); width:100%; margin: 5px auto; display: flex; justify-content: space-between;}
.header .menu_wrap .menu_list,
.header .menu_wrap .today,
.header .menu_wrap .weather {display: flex; align-items: center;}

.header .menu_wrap .menu_list a{color:var(--color-1); font-weight: 600; display: flex; align-items: center;}

.menu_wrap .all_menu{opacity: 0; visibility: hidden; overflow: hidden; z-index:3; border-top:1px solid var(--color-6); box-sizing:border-box;}
.menu_wrap .all_menu .list{ margin:0 auto; display: flex; justify-content: center; position:relative; z-index:1;}

.menu_wrap .all_menu .sub_menu a{color: #565656; font-weight: 400;}

.header .menu_wrap .today .weather{gap:4px; }
.header .menu_wrap .today .weather b{font-weight: 700; color: var(--color-2);}
.header .menu_wrap .today .weather span{font-weight: 500; color: var(--color-4);}
.header .menu_wrap .today .bar{display:block; width:1px; height:12px; background-color: var(--color-6); margin:0 10px;}
.header .menu_wrap .today .day{display:flex; align-items:center; color: var(--color-4); font-weight: 500; gap:6px;}
.header .menu_wrap .today .day .dust{display:flex; gap:4px;}
.header .menu_wrap .today .day .dust b{color:var(--color-point); font-weight: 700;}

.side_menu_wrap{opacity: 0; overflow-y: scroll; visibility: hidden; position: absolute; top:0; left:0; right: 0; bottom: 0; margin-right:-100%; background-color: #fff; width:100%; height: 100dvh;}
.side_menu_wrap.on{position: fixed; margin-right: 0; z-index: 99; opacity: 1; visibility: visible;}

.side_menu_wrap .top_nav {background-color: var(--color-point); padding-top:14px;}
.side_menu_wrap .top_nav .close_wrap{ text-align: right; padding:0 20px; }
.side_menu_wrap .top_nav .nav_btn,
.side_menu_wrap .nav_btn li,
.side_menu_wrap .top_nav .nav_btn a,
.side_menu_wrap .top_nav .nav_bar,
.side_menu_wrap .top_nav .nav_bar li{display: flex; align-items: center;}

.side_menu_wrap .top_nav .nav_btn {padding:14px 20px;}
.side_menu_wrap .top_nav .nav_btn,
.side_menu_wrap .top_nav .nav_btn li{gap:14px;}
.side_menu_wrap .top_nav .nav_btn a{gap:4px; color:var(--color-wht); }
.side_menu_wrap .top_nav .nav_btn a img{filter: invert(1) brightness(2);}
.side_menu_wrap .top_nav .nav_btn li:not(:last-child)::after{background-color: rgba(255,255,255,.2);}
.side_menu_wrap .top_nav .nav_bar {padding:14px 20px; background-color: var(--color-wht);}
.side_menu_wrap .top_nav .nav_bar a{color: var(--color-4);}

.side_menu_wrap .divider{height:10px; background-color: #F6F7F9;}

.side_menu_wrap .all_menu{padding:16px 20px; font-size: 16px; font-weight: 500;}
.side_menu_wrap .all_menu .menu01{display:flex; align-items: center; justify-content: space-between; height: 56px; color:var(--color-4);}
.side_menu_wrap .all_menu .menu01.on {color:var(--color-point); border-bottom:1px solid var(--color-6);}
.side_menu_wrap .all_menu .menu01.on img{transform: rotate(180deg);}

.side_menu_wrap .all_menu .sub_menu{opacity: 0; visibility: hidden; height: 0; transition: all ease .2s;}
.side_menu_wrap .all_menu .menu01.on + .sub_menu{opacity: 1; height: auto; visibility: visible; padding:16px 0;}
.side_menu_wrap .all_menu .list > li {border-bottom:1px solid var(--color-6);}
.side_menu_wrap .all_menu .list .sub_menu li{padding:0 20px;}
.side_menu_wrap .all_menu .list .sub_menu a{color:#565656; font-weight: 400; line-height: 180%; }


@media screen and (min-width: 1201px){
  .btn_m_menu{display: none;}

  .header .top_nav, 
  .header .main_header,
  .header .menu_wrap .inner { padding:0 40px; }

  .header .top_nav a,
  .header .top_nav .nav_btn a{font-size:var(--fs-base-pc);}

  .header .main_header{padding:8px 0 16px;}
  .header .main_header .logo_wrap .menu_btn{display: none;}

  .header .main_header .search_area{width:484px;}
  .header .main_header .search_area input{font-size: var(--fs-base-pc);}

  .header .menu_wrap{align-items: center;}
  .header .menu_wrap a,
  .header .menu_wrap .all_menu span {font-size:18px;}
  .header .menu_wrap .all_menu span {font-weight: 600;}

  .header .menu_wrap .menu_list a{ height:56px; padding:0 16px;}
  .header .menu_wrap .menu_list a:hover,
  .menu_wrap .all_menu a.menu01:hover{color:var(--color-point); }
  .menu_wrap .all_menu .sub_menu a:hover{text-decoration: underline;}

  .menu_wrap .all_menu{height:0; position: absolute; left:0; right:0;}
  .menu_wrap .menu:hover .all_menu{opacity: 1; visibility: visible; height:auto;}
  .menu_wrap .all_menu .list {padding: 28px 0; text-align: center; background-color: #fff;}
  .menu_wrap .all_menu .list > li{width:190px; position: relative;}
  .menu_wrap .all_menu .list > li:not(:last-child)::after{content: ''; position: absolute; right:0; top:0; display: block; width:1px; height:100%; background-color: #D9D9D9;}
  .menu_wrap .all_menu .menu01{font-weight: 600; color:var(--color-1);}
  .menu_wrap .all_menu .sub_menu{line-height: 200%; margin-top:10px; }


  .header .menu_wrap .today .weather,
  .header .menu_wrap .today .day{font-size:var(--fs-base-pc);}

  .side_menu_wrap{display: none;}
}

@media screen and (max-width: 1200px){
  .header {background-color: #F6F7F9; padding:0 20px; overflow: hidden;}
  .header > .top_nav,
  .header > .menu_wrap {display: none;}


  .header .main_header { flex-direction: column;}
  .header .main_header .logo_wrap{ width:100%; display: flex; align-items: center; justify-content: space-between; padding:20px 0 28px;}
  .header .main_header .logo_wrap .logo{width:214px;}
  .header .main_header .logo_wrap .logo img{width:100%;}

  .header .main_header .search_area{width:100%; max-width: 558px;}
  .header .main_header .search_area input{font-size: var(--fs-base-mo);}

  .header .slogan{padding:20px 0 32px;}
  .side_menu_wrap .top_nav {font-size: var(--fs-base-mo); font-weight: 500;}
}
.footer_wrap{border-top:1px solid var(--color-line2); box-sizing: border-box; background-color: var(--color-wht);}
.footer_wrap .infos{max-width: var(--site-con-w); margin:0 auto;}
.footer_wrap .footer_links {border-bottom:1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links ul{display: flex; align-items: center; max-width: var(--site-con-w); margin:0 auto;}
.footer_wrap .footer_links ul > li{display: flex; position: relative; border-left: 1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links ul > li:last-child{border-right: 1px solid var(--color-line2); box-sizing: border-box;}
.footer_wrap .footer_links .btn_link{font-weight: 400; height: 56px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding:0 24px; width: 100%; color: var(--color-2);}
.footer_wrap .footer_links .has_links.on .btn_link{color: var(--color-point);}
.footer_wrap .footer_links ul li.has_links ol{display:flex; max-height:0;  opacity: 0; visibility: hidden; flex-direction: column; box-sizing: border-box; transition: opacity  ease .3s;}
.footer_wrap .footer_links ul li.has_links ol li{display:flex; align-items: center; gap:5px;}
.footer_wrap .footer_links ul li.has_links ol li::before{content:''; width:2px; height:2px; background-color:var(--color-3); border-radius: 100%;}
.footer_wrap .footer_links ul li.has_links li a{color: var(--color-3);}
.footer_wrap .footer_links ul li.has_links li a:hover{color:var(--color-5);}
.footer_wrap .footer_links ul li.has_links.on ol{opacity: 1; visibility: visible; max-height: inherit;}


.footer_wrap .infos{padding: 40px 0 108px; display: flex; justify-content: space-between; color:var(--color-bk-ft); font-weight: 400;}
.footer_wrap .infos .info_box {display: flex; flex-direction: column; gap:4px;}
.footer_wrap .infos .info_box .line{display: flex; align-items: center;}
.footer_wrap .infos .info_box .line span{font-weight: 600;}
.footer_wrap .infos .info_box .line .list{display: flex; gap:8px; align-items: center;}
.footer_wrap .infos a{color:var(--color-bk-ft); font-weight: 400;}
.footer_wrap .infos .copy{color: var(--color-3); font-style: normal;}


.footer_wrap .favorites_menus{position:fixed; bottom:0; left:0; right:0; display: flex; align-items: center; margin:0 auto; z-index:1;}
.footer_wrap .favorites_menus .inner{display: flex; align-items: center;  background-color: var(--color-point); margin:0 auto; width: 100%; max-width: var(--site-con-w); border-radius: 14px 14px 0 0; color:var(--color-wht); height:68px; gap:40px;}
.footer_wrap .favorites_menus .title {font-size: 22px; font-weight: 700; width:217px; text-align:center;}
.footer_wrap .favorites_menus .inner ul{display: flex; align-items: center; gap:40px;}
.footer_wrap .favorites_menus .inner ul li{display:flex; align-items:center; gap:10px;}
.footer_wrap .favorites_menus .inner ul a{color:var(--color-wht); font-size:16px; font-weight: 600; display:flex; align-items:center; }
.footer_wrap .favorites_menus .inner ul li::before{ content:''; display:block; width:4px; height:4px; border-radius:30px; background-color:var(--color-wht)}
.footer_wrap .favorites_menus .inner ul a:hover{text-decoration:underline;}

@media screen and (min-width: 1201px){
  .footer_wrap .footer_links ul > li{width: 25%;}
  .footer_wrap .footer_links ul > li ol{position: absolute; height:130px; top:-130px; background-color: var(--color-wht); overflow-y: auto; width: 100%; border:1px solid var(--color-line2);}
  .footer_wrap .footer_links ul > li ol li{ padding:4px 20px; }
  
  .footer_wrap .footer_links .btn_link{font-size: 17px;}
  .footer_wrap .footer_links ul > li ol li a{font-size: 15px;}
  .footer_wrap .footer_links ul li.has_links.on ol{padding:10px 0;}

  .footer_wrap .infos,
  .footer_wrap .infos a{font-size: 15px;}
  .footer_wrap .infos .info_box .line{gap:12px;}
  .footer_wrap .infos .info_box .line .bar{width: 1px; height:12px; background-color: var(--color-line2);}
  
}

@media screen and (max-width: 1200px){
  .footer_wrap {position: relative;}
  .footer_wrap .footer_links {position: absolute; top:95px; left:-3px}
  .footer_wrap .footer_links .btn_link{font-size: 15px; }
  .footer_wrap .footer_links ul > li ol li a{font-size: 14px;}
  .footer_wrap .footer_links .has_links{width: 100%; flex-direction: column;}
  .footer_wrap .footer_links ul li.has_links.on ol{margin: 0 20px; padding: 10px; gap: 2px; border-top: 1px solid var(--color-6);}
  
  .footer_wrap .footer_links {border-bottom:none}
  .footer_wrap .footer_links ul{display: flex; align-items: center; max-width: var(--site-con-w); margin:0 auto;}
  .footer_wrap .footer_links ul > li{display: flex; position: relative; border-left: 2px solid var(--color-6)}
  .footer_wrap .footer_links ul > li:last-child{border-right:none}
  .footer_wrap .footer_links .btn_link{font-weight: 600; height: 14px; }
  .footer_wrap .footer_links .has_links.on .btn_link{color: var(--color-point);}

  .footer_wrap .footer_links .btn_link img { display: none !important; }

  .footer_wrap .infos{flex-direction: column-reverse; padding:30px 20px; gap:24px;}
  .footer_wrap .infos .logo{max-width: 200px; padding-bottom: 30px;}
  .footer_wrap .infos,
  .footer_wrap .infos a{font-size: 14px;}
  .footer_wrap .infos .info_box .line{flex-direction: column; align-items: flex-start; gap:4px;}
  .footer_wrap .infos .info_box .line .bar{display: none;}

  /* .footer_wrap .footer_links{display: none !important;} */


  .footer_wrap .favorites_menus{display:none;}
}:root {
	--accent-color:#FFD774;
	--point-color: #3A3E43;
	--bk-0-color: #1F2022;
	--bk-10-color: #33363D;
	--bk-50-color: #777777;
	--gray-0-color: #5B5B5B;
	--gray-50-color: #CDD1D5;
	--blue-0-color: #3991FF;
	--red-0-color: #D63D4A;
	--bk-50-color: #777777;
	--wht-bg-color: #F5F6F9;
	--wht-border-color: #E2E2E2;
	--schedule-bg-color: #F5F6F9;
	--swiper-theme-color: #3991FF;
	--naver-color:#03C75A;
	--kakao-color:#FEE500;
	--google-color:#F2F2F2;

	--max-container-w:1480px;
	--btn-h-pc:48px;
	--btn-h-mo:38px;
	--gap-xs:4px;
	--gap-sm:8px;
	--gap-md:12px;
	--gap-mo:30px;
	--subt-fs-pc-1: 22px;
	--subt-fs-pc-2: 20px;
	--subt-fs-mo-1: 18px;
	--subt-fs-mo-2: 17px;
	--head-con-w: 1300px;
	--site-con-w: 1280px;

	--color-blk: #000;
	--color-bk-10: #33363D;
	--color-bk-ft: #1E2124;
	--color-wht:#fff;
	--color-1: #2c2c2c;
	--color-2: #333333;
	--color-3: #666666;
	--color-4: #3b3b3b;
	--color-6: #dbdbdb;
	--color-line2: #E6E6E6;
	--color-point: #0473cd;

	--pd-base-pc: 40px;
	--pd-base-mo: 20px;

	--line-h: 150%;

	--fs-base-pc: 15px;
	--fs-base-mo: 14px;

	--round-base:24px;
	--round-md:12px;
	--round-sm:8px;
	--round-xs:4px;

	--w100: 100%;
	--w50: 50%;

	--w3: 3rem;
	--w5: 5rem;
	--w6: 6rem;
	--w7: 7rem;
	--w8: 8rem;
	--w9: 9rem;
	--w10: 10rem;
	--w15: 15rem;
	--w20: 20rem;
	--w30: 30rem;

	--h17:1.7rem;
	--h20:2rem;
	--h24:2.4rem;
	--h30:3rem;

	/* 서브공통요소 */
	--blue-0:#000b9e;
	--blue-1:#0473CD;
	--blue-2:#2282c5;
	--blue-3:#667bac;
	--blue-4:#83a9d0;
	--blue-5:#e2e6ea;
	--blue-6:#f0f5f9;
	--blue-8:#85acda;

	--gray-1:#3D3D3D;
	--gray-2:#777777;
	--gray-3:#9a9a9a;
	--gray-4:#a5a5a5;
	--gray-5:#DDDDDD;
	--gray-6:#f5f5f5;
	--gray-7:#FAFAFA;


	--red-1:#ff0000;
	--red-2:#a71919;
	--red-3:#ffb7b7;
	--orange-1:#ff7e00;
	--yellow-1:#FF0;

	--white:#ffffff;
	--border-0:1px solid var(--gray-3);
	--border-1:1px solid var(--gray-5);
	--border-dot-1:1px dotted var(--gray-1);
	--border-2:2px solid var(--gray-5);
	--border-3:3px solid var(--gray-4);
	--border-2-blue:2px solid var(--blue-4);
	--border-3-blue:3px solid var(--blue-1);

	--bd_inner-1-gray:inset 0 0 0 1px var(--gray-2);
	--bd_inner-2-gray:inset 0 0 0 2px var(--gray-2);
	--bd_inner-3-gray:inset 0 0 0 2px var(--gray-3);

	--bd_inner-1-blue:inset 0 0 0 1px var(--blue-1);
	--bd_inner-2-blue:inset 0 0 0 2px var(--blue-1);
}

button, a{transition: all ease-in .2s;}
a {color:var(--color-1)}
.scroll-hidden{overflow:hidden;}
.computersetak, .slogan{font-family: "computersetak", "Pretendard Variable", Pretendard, sans-serif;}
.flex{display:flex;}
.main_wrap{background-color:#F6F7F9;}

.anchor {cursor: pointer;color:var(--color-1);}

.w100 {width:var(--w100)}
.w50 {width:var(--w50);}

.w3 {width:var(--w3)}
.w5 {width:var(--w5)}
.w6 {width:var(--w6)}
.w7 {width:var(--w7)}
.w8 {width:var(--w8)}
.w9 {width:var(--w9)}
.w10 {width:var(--w10)}
.w15 {width:var(--w15)}
.w20 {width:var(--w20)}
.w30 {width:var(--w30)}
.h17 {width:var(--h17)}
.h20 {width:var(--h20)}
.h24 {width:var(--h24)}
.h30 {width:var(--h30)}

.flex{display: flex;}
.flex-end{justify-content: flex-end;}
.col{flex-flow: column;}
.text-center{text-align: center !important;}
.items-center{align-items: center;}
.items-end{align-items: end;}
.align-start{align-items: flex-start !important;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.mt-0{margin-top:0 !important;}
.display-none{display: none !important;}
input{border:1px solid var(--wht-border-color);}
input::placeholder, select::placeholder{color:#969696;}
input:focus{border-color:var(--point-color) !important;}
.text-accent{color:var(--accent-color);}
div, a, span, h1, h2, h3, h4, h5, h6{line-height:1.5em;}

/* BUTTON */
.btn{border-radius:8px; cursor:pointer; position:relative; border:1px solid transparent; overflow:hidden; z-index:1; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition-duration:.2s; font-weight:600;}
.btn-primary{background-color:var(--point-color); color:#fff; border-color:var(--point-color); }
.btn-primary:hover{color:var(--point-color); background-color:#fff;}
.scroll-hidden{overflow: hidden;}

/********************** COMMON **********************/
.maxw-container{max-width: var(--max-container-w); margin:0 auto;}
.header-wrap{transition-duration:.3s; border-bottom:1px solid var(--wht-border-color);}
.header-wrap.fixed{position: fixed; top:0; left:0; right:0; z-index:99; background:rgba(255,255,255,1);}

.search-bar{position:relative;}
.search-bar input{width:100%; background-color: var(--wht-bg-color); border:1px solid var(--wht-border-color); border-radius:50px; font-weight:500;}
.search-bar .btn-search{position:absolute; right:10px; z-index:1; cursor:pointer;}
.search-bar .btn-search img{display:block; width:100%;}
.search-bar .header-search-form{display: contents;}

.header-wrap .nav-top-wrap{display:flex;}

/* TOP-Nav */
.header-wrap .nav-top-wrap .nav {gap:16px;}
.header-wrap .nav-top-wrap .nav li {position:relative; display:flex; align-items:center; gap:16px;}
.header-wrap .nav-top-wrap .nav a{color:var(--bk-0-color); font-weight:500; font-size:14px;}


.header-bottom {display:flex; align-items:center;}
.header-bottom > li,
.header-bottom > li > a {height:100%; display:flex; align-items:center;}
.header-bottom li > a{color:var(--bk-0-color); font-weight:600 !important; font-size: large; border-bottom:3px solid transparent; padding:0 var(--gap-xs); transition-duration:.1s;}
.header-bottom > li:hover > a,
.header-bottom .on > a{color:var(--point-color); font-weight:700; border-bottom-color:var(--point-color);}
.header-wrap .header-bottom > li{position:relative;}
.header-wrap .header-bottom .sub_menu{position: absolute; top:50px; z-index: 9; left: 50%; transform: translateX(-50%); text-align: center; background-color: #fff; border:1px solid #F3F3F3; padding:20px 0; border-radius: 0 0 20px 20px; visibility: hidden; overflow: hidden; opacity: 0;}
.header-wrap .header-bottom > li:hover .sub_menu {visibility: visible; overflow: inherit; opacity: 1;}
.header-wrap .header-bottom .sub_menu li {padding:0 10px;}
.header-wrap .header-bottom .sub_menu li a{padding:8px 0; display: block; border-bottom: none; transition-duration: .2s; font-size:15px;  border-radius: 12px;}
.header-wrap .header-bottom .sub_menu li:hover a{background-color:#eeeeee;}

/* SWIPER */
.swiper-horizontal .swiper-pagination{display:flex; gap:var(--gap-xs); justify-content:center;}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet{margin:0 !important; width:8px; height:8px; border-radius:30px;}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;}
.swiper-pagination-bullet-active{background-color:var(--blue-0-color) !important;}


/* MAIN BANNER */
.visual-wrap {display:flex; align-items:center; margin-top:20px;}
.main-banner{position:relative; height:47.77%; overflow:hidden; }
.main-banner img{display:block; width:100%; height:100%; border-radius:32px; overflow:hidden;}
.main-banner.swiper-horizontal .swiper-pagination{display:flex; align-items:center; justify-content:center; width:auto; left:50%; transform:translateX(-50%); background-color:#fff; padding:8px 12px; border-radius:20px; gap:var(--gap-xs);}
.main-banner .swiper-slide{border-radius: 32px; overflow:hidden;}
.main-banner .banner-img{display: flex; justify-content: center; align-items: center; background-size:cover; background-position: center right;}
.main-banner .banner-img .text{color:#fff; font-weight:400; margin:0 auto; word-break: keep-all;}
.main-banner .banner-img .text b{font-weight:700; }
.main-banner .banner-img .text .big{ display:inline-block;}

/* Account */
.visual-wrap .info-wrap{overflow:hidden;}
.visual-wrap .info-wrap .account-wrap,
.visual-wrap .info-wrap .nav-slide .swiper-slide{box-shadow: 6px 6px 23px 0px rgba(224, 224, 224, 0.25);}
.visual-wrap .info-wrap .account-wrap{ background-color:#fff; border-radius:30px; border:1px solid #EEEEEE; overflow:hidden; }
.account-wrap .login .title-area{display:flex;justify-content:center;align-items: baseline;color:var(--wht-bg-color);background-color:var(--point-color);gap:6px;font-size:13px;font-weight:500;padding:10px 0;}
.account-wrap .login .title-area h3{color:#fff; font-size:18px; font-weight:600;}
.account-wrap .login .my-list{padding: 8px 36px !important}
.account-wrap .my-list{display: flex; flex-flow: column; gap:var(--gap-xs);}
.account-wrap .my-list li,
.account-wrap .my-list li a{display: flex; align-items: center; gap:var(--gap-xs); font-size:14px; }
.account-wrap .my-list li {justify-content: space-between; margin: 3px 0;}
.account-wrap .my-list li a{font-weight:700; color:var(--bk-0-color); }
.account-wrap .my-list li .name{color:var(--gray-0-color); font-weight:500;}
.account-wrap .my-list li a img{ opacity: 0.5; height:12px; }
.account-wrap .my-list li:nth-child(4) {justify-content: center;}
.account-wrap .my-list li:nth-child(4) a {background: #3A3E43;color: white;padding: 2px 10px;border-radius: 6px;cursor: pointer;}


/* NAV SLIDE */
.visual-wrap .nav-slide{width:100%; height:100%; position:relative; overflow:hidden; display:block;}
.nav-slide .swiper-slide { text-align: center; background: #fff; display: flex;  justify-content: center; align-items: center; border-radius:16px; }
.nav-slide .swiper-slide a{display:flex; flex-flow:column; align-items:center; justify-content:center; word-break: keep-all; border-radius:16px; border:1px solid #EEEEEE; font-weight:600; box-sizing:border-box; width:100%; height:100%; color:var(--bk-10-color); position:relative; letter-spacing:-0.02em; }
.nav-slide .swiper-slide a:after{content:'';  display:block; border:2px solid transparent; position:absolute; top:-1px; left:-1px; right:0; bottom:-1px; border-radius:16px; transition-duration:.1s;}
.nav-slide .swiper-slide:hover a:after{border-color: var(--blue-0-color); }
.nav-slide .swiper-slide:hover a{color:var(--blue-0-color); }
.swiper-pagination-nav {position:inherit !important; margin-bottom:-8px;}

/* nav-space-bar */
.nav-space-bar{display:flex; align-items:center; justify-content:center; gap:var(--gap-sm);}
.nav-space-bar a{color:var(--gray-0-color); display:flex; align-items:center; gap:var(--gap-sm); font-size:13px; font-weight:500; }
.nav-space-bar a:hover{color:var(--bk-10-color);}
.nav-space-bar a:not(:last-child)::after{content:""; display:block; width:1px; height:16px; background-color:var(--gray-50-color);}

/* 공지사항 slide */
.notice-banner-wrap{display: flex; align-items: center; width:100%; height:52px; gap:8px; border: 1px solid var(--wht-border-color); box-sizing: border-box; border-radius: 30px; padding:0 24px; overflow: hidden;}
.notice-banner-wrap .notice-banner{width:100%; height:100%; display: block; overflow: hidden;}
.notice-banner-wrap .notice-banner .swiper-slide{display: flex; align-items: center;}
.notice-banner-wrap .notice-banner .swiper-slide a{font-size:16px; font-weight:500; color:#3A3E43;}

.notice-banner-wrap .notice-banner-top {height:100%; display: inline-flex; align-items: center;}
.notice-banner-wrap .notice-banner-top span {width:170px;font-size: 1rem;}
.notice-banner-wrap .notice-banner-top marquee {font-weight: 300;}
.notice-banner-wrap .notice-banner-top marquee span {margin-left:6px;}

/* 일정 */
.tab-wrap {margin:40px auto;}
.tab-wrap .tab-btn-wrap,
.tab-wrap .tab-content{background-color:var(--schedule-bg-color); border-radius: 0 32px 32px 32px;}
.tab-wrap .tab-btn-wrap{border-radius:30px;}
.partnership-wrap .tab-btn-wrap {width:fit-content;}
.schedule-wrap .tab-btn-wrap{border-radius:30px 30px 0 0; max-width:420px; display:flex; align-items: center;}
.tab-wrap .tab-btn-wrap .btn_tab{font-weight:500; color:var(--bk-50-color); cursor:pointer; transition-duration:.1s; border-radius:50px; font-size:16px; height:41px;}
.tab-wrap .tab-btn-wrap .btn_tab:hover,
.tab-wrap .tab-btn-wrap .btn_tab.on{background-color:var(--point-color); color:#fff; }
.tab-wrap .tab-content{display: flex;}

.tab-wrap .bid-today {display: flex; flex-flow:column;}
.tab-wrap .bid-today .title-area {font-size: var(--subt-fs-pc-1);}
.tab-wrap .bid-today .title-area .title{display:flex; align-items: flex-end; gap:var(--gap-xs)}
.tab-wrap .bid-today .title-area small{color: var(--bk-50-color);}
.tab-wrap .bid-today .title-area a,
.library-wrap .board-wrap .title-area .more{display:flex; align-items:center; color:var(--bk-10-color); font-weight:500; gap:var(--gap-xs); font-size:14px;}
.tab-wrap .bid-today .title-area a img,
.library-wrap .board-wrap .title-area .more img{height:10px;}
.tab-wrap .bid-detail{display: grid;}
.tab-wrap .bid-detail .btn-bid{border-radius:12px; border:2px solid transparent; transition-duration:.2s; cursor:pointer; font-weight: 600; display:flex; align-items:center; gap:var(--gap-xs); justify-content: center; color:var(--bk-10-color);}
.tab-wrap .bid-detail .btn-bid:hover,
.tab-wrap .bid-detail .btn-bid.on {border-color:var(--blue-0-color) !important; color:var(--blue-0-color) !important; }
.tab-wrap .bid-detail .btn-bid small{color: var(--gray-0-color); font-weight: 500;}
.tab-wrap .bid-detail .btn-bid:hover small,
.tab-wrap .bid-detail .btn-bid.on small{color:var(--blue-0-color);}

/* 자료실 */
.library-wrap{display:flex; gap: 36px; align-self: stretch; margin-bottom:40px;}
.library-wrap .download-app,
.library-wrap .viewer-wrap{ flex:4; }

.library-wrap .download-app .title-area .summary{font-size:16px; font-weight:400;}
.library-wrap .download-app .box-download{display:flex; flex-flow: column; gap:var(--gap-xs);}
.library-wrap .download-app .box-download .box{display: flex; align-items: center; gap:20px;}
.library-wrap .download-app .box-download .box a img{max-width:195px;}

.library-wrap .board-wrap .title-area,
.library-wrap .board-wrap .list li a{display: flex; align-items: center; justify-content: space-between; gap:44px;}
.library-wrap .board-wrap .title-area a{display: flex;}

.library-wrap .board-wrap .title-area {border-bottom:1px solid #000;}
.library-wrap .board-wrap .title-area .title{color:var(--bk-0-color); font-weight:700;}

.library-wrap .board-wrap .list {display: flex; flex-flow: column; gap:7px;}
.library-wrap .notice-wrap .list li div{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:14px; font-weight:400; color:var(--bk-10-color); }
.library-wrap .notice-wrap .list li div::before{content:"·"; margin-right:10px;}
.library-wrap .notice-wrap .list li time{min-width:76px; font-size:14px; font-weight:400; color:var(--bk-50-color); letter-spacing: -0.03em;}
.library-wrap .notice-wrap .list li div:hover{color:var(--bk-50-color)}

.library-wrap .viewer-wrap .list li{display: flex;}
.library-wrap .viewer-wrap .list,
.library-wrap .viewer-wrap .list li{gap:12px;}
.library-wrap .viewer-wrap .list li a{flex:1; gap:0; justify-content: space-between; font-size:15px; font-weight:500; color: var(--bk-10-color); background-color: var(--schedule-bg-color); border-radius: 12px; padding:16px 18px; word-break: keep-all;}
.library-wrap .viewer-wrap .list li a span{gap:8px; align-items: center;}

/* 푸터 */
.footer-wrap {background-color: #292F32; }
.footer-wrap .maxw-container{display: flex; flex-flow: column;}
.footer-wrap  section,
.footer-wrap .footer-bt .nav-space-bar-wrap{display: flex;}
.footer-wrap,
.footer-wrap a{color:rgba(255,255,255,.8);}
.footer-wrap .nav-space-bar-wrap a:hover{color:rgba(255,255,255,.9); transition-duration: .2s;}
.footer-wrap .footer-bt,
.footer-wrap .footer-bt .nav-space-bar-wrap{flex-flow: column;}
.footer-wrap .footer-top{justify-content: space-between;}
.footer-wrap .copy{color:rgba(255,255,255,.6); font-style: normal;}

.footer-wrap .footer-top{font-weight: 500;}
.footer-wrap .strong{font-weight:700; color:#fff;}
.footer-wrap .footer-bt{font-weight: 400; }
.footer-wrap .footer-bt .nav-space-bar-wrap li > div {gap:var(--gap-xs);}

.footer-wrap .nav-space-bar-wrap ul{display: flex; gap:12px; align-items: center; flex-wrap: wrap;}
.footer-wrap .nav-space-bar-wrap li {display:flex; gap:4px; align-items: center;}
.footer-wrap .nav-space-bar-wrap .bar {width:1px; height:10px; background-color: rgba(255,255,255,.2); display: block;}
.footer-wrap .nav-space-bar-wrap .bar.pc{ flex-basis: 100%; width: 0; height: 0; padding: 0; margin: 0; line-height: 0; font-size: 0;}
.footer-wrap .footer-bt .nav-space-bar-wrap b{font-weight:400; color:#fff;}

.board-wrap.notice-wrap ol li span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 0;
	width: 100%;
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
}
.track {
  display: inline-block;
  animation: run 200s linear infinite;
}
.track span {
  margin: 0 2px;
  font-size: 1rem;
  font-weight: 400;
}
.marquee:hover .track { animation-play-state: paused; }
@keyframes run {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}



/********************** PC **********************/
@media screen and (min-width: 1151px) {
    .only-mo{display: none;}
    .toggle-nav-wrap{display:none;}

    .header-wrap .header-top{height:48px; padding:12px 0;}
    .header-wrap .header-bottom{height:50px; gap:34px !important;}
    .header-wrap .nav-top-wrap{gap:40px; position: relative; top: 25px;}
    .header-wrap .nav-top-wrap .nav li:not(:last-child)::after{content:''; width:1px; height:16px; background-color:#D5CECD; display:flex;}
    .header-wrap .header-bottom .sub_menu{min-width:144px;}
    
    .search-bar{width:372px;}
    .search-bar input{font-size:15px; height:42px; padding:0 44px 0 14px;}

    .visual-wrap {justify-content:space-between; margin-bottom:20px; gap:3%;}
    .visual-wrap .main-banner{width:66.22%;}
    .visual-wrap .info-wrap{width:30.81%; min-width:456px; display:flex; flex-flow:column; gap:14px;}

    .visual-wrap .info-wrap .account-wrap .login.before{display:flex; flex-flow:column; gap:var(--gap-md); padding:30px;}

    /* 일정 */
    .tab-wrap .tab-content{justify-content: space-between;}
    .tab-wrap .bid-today{width:49.26%; }

    /* 자료실 */
    .library-wrap .download-app{border-radius: 32px; background: linear-gradient(153deg, #3A3A3A 7.85%, #1D1D1D 83.1%); overflow: hidden;display: flex; padding: 0px 40px; flex-direction: column;  justify-content: center; align-items: flex-start; gap: 24px; align-self: stretch; color: #fff; min-height:275px;}
    .library-wrap .download-app .title-area{display: flex; flex-flow:column; gap:12px;}
    .library-wrap .notice-wrap { flex:6; min-width: 0; }


    /* 파트너십 */
    .partnership-wrap {background-color: var(--schedule-bg-color); padding:40px; border-radius: 32px; display: flex; flex-flow: column; gap:24px;}
    .partnership-wrap .tab-btn-wrap{background-color: #fff;}
    .partnership-wrap .tab-content .box-wrap{display: grid; grid-template-columns: repeat(6, 1fr); gap:20px; flex:1;}
    .partnership-wrap .tab-content a{background-color: #fff; display: flex; align-items: center; height:64px; justify-content: center; border-radius: 8px;}

    /* 푸터 */
    .footer-wrap{padding:44px 0;}
    .footer-wrap .maxw-container{gap:44px;}
    .footer-wrap .footer-top{font-size:15px;}
    .footer-wrap .footer-bt{font-size:14px; gap:30px;}
    .footer-wrap .copy{font-size:14px;}
    .footer-wrap .footer-bt .nav-space-bar-wrap{gap:var(--gap-sm);}
    

}
/********************** PC + TABLET **********************/
@media screen and (min-width: 768px) {
    .maxw-container{padding:10px 40px !important;}
    .btn{height:var(--btn-h-pc); font-size:15px;}
    .btn::before{ border-bottom: var(--btn-h-pc) solid transparent;}

    .main-banner .banner-img{ height:400px; }
    .main-banner .banner-img .text{ width:80%; font-size:32px; line-height:1.4em; }
    .main-banner .banner-img .text .big{font-size:40px; margin-top:10px; }

    .nav-slide .swiper-slide {height:102px !important; }
    .nav-slide .swiper-slide a{gap:3px; font-size:14px; }
    .swiper-pagination-nav{margin-top:24px;}

    .toggle-nav-wrap .nav-slide .con{flex: 1 0 calc(16.6% - var(--gap-xs));}

    /* 일정 */
    .schedule-wrap .tab-btn-wrap {padding:6px;}
    .tab-wrap .tab-btn-wrap .btn_tab{ min-width:136px;}
    .schedule-wrap .tab-content {padding:40px; gap:3%;}

    .tab-wrap .bid-today{gap:24px;}
    .tab-wrap .bid-today .title-area {font-size: var(--subt-fs-pc-1);}
    .tab-wrap .bid-today .title-area small{font-size:16px;display: flex;}
    .tab-wrap .bid-detail{ grid-template-columns: repeat(4, 1fr); gap:var(--gap-md); }
    .tab-wrap .bid-detail .btn-bid{height:42px; font-size:17px; background-color:#fff;}
    .tab-wrap .bid-detail .btn-bid small{font-size:14px;}

    /* 자료실 */
    .library-wrap .board-wrap .title-area .title{font-size:var(--subt-fs-pc-2);}
    .library-wrap .download-app .title-area h2{font-size:26px;}
    .library-wrap .board-wrap .title-area {padding-bottom:18px; margin-bottom:18px;}


}
/********************** TABLET+MO **********************/
@media screen and (max-width: 1150px) {
    .only-pc{display: none;}

    .header-wrap{overflow:hidden;}
    .header-wrap .header-top{height:50px;}
    .header-wrap .header-bottom{height:40px;}

    .header-wrap .nav-top-wrap{gap:var(--gap-md);}
    .header-wrap .toggle-nav-wrap{overflow: hidden; visibility: hidden; position:fixed; top:0; left:0; right:0; bottom:0; z-index: 999;}
    .header-wrap.on .toggle-nav-wrap{visibility: visible;}

    .header-wrap .toggle-nav-wrap .nav{position:fixed; top:0; right:-100%; bottom:0; width:100%; height:100vh; background-color:#fff; overflow-y: scroll;}
    .header-wrap.on .toggle-nav-wrap .nav{ right:0; z-index:999; transition-duration: .2s;}
    .header-wrap .toggle-nav-wrap .nav .close-wrap{background-color: var(--point-color); display: flex; justify-content: flex-end; padding:14px 20px; margin-bottom:var(--gap-mo);}

    .header-wrap .nav-top-wrap .nav{flex-flow:column;}
    .header-wrap .nav-top-wrap .nav a{font-size:16px;}
    

    .toggle-nav-wrap .maxw-container{margin-bottom:60px;}
    .toggle-nav-wrap .btn-close img{width:24px;}
    .toggle-nav-wrap .account-wrap{margin-bottom:var(--gap-mo);}

    .toggle-nav-wrap .nav-slide{display: flex; flex-wrap: wrap; gap:var(--gap-xs); margin-bottom: var(--gap-mo);}
    .toggle-nav-wrap .nav-slide .con{aspect-ratio: 1 / 1; box-shadow: 6px 6px 23px 0px rgba(224, 224, 224, 0.25); background-color: #fff; border:1px solid #EEEEEE; border-radius: 16px; box-sizing: border-box; overflow: hidden; }
    .toggle-nav-wrap .nav-slide .con a{display: flex; flex-flow: column; align-items: center; justify-content: center; height:100%; font-size:13px; font-weight:600; color:var(--bk-10-color);}
    .toggle-nav-wrap .nav-slide .con a img{max-width: 54px; width:90%; margin:0 auto;}

    .toggle-nav-wrap .login.after{box-shadow: 6px 6px 23px 0px rgba(224, 224, 224, 0.25);}
    .toggle-nav-wrap .login.after{ background-color:#fff; border-radius:24px; border:1px solid #EEEEEE; overflow:hidden; }

    .toggle-nav-wrap .menu{flex-flow: column; gap:16px;}
    .toggle-nav-wrap .menu > li{width:100%;}
    .toggle-nav-wrap .menu li a{display: flex; justify-content: space-between; align-items: center; font-size:16px; font-weight: 400; color: var(--bk-0-color);}
    .toggle-nav-wrap .menu > li > a::after{content:''; display: block; width:12px; height:12px; background: center/contain no-repeat url('../images/ico/arrow_right.svg') ;}
    .toggle-nav-wrap .menu > li.has-sub > a::after{transform: rotate(90deg);}
    .toggle-nav-wrap .menu > li.has-sub.on > a::after{transform: rotate(-90deg);}
    .toggle-nav-wrap .menu > li.on > a,
    .toggle-nav-wrap .menu > li:hover > a{color:#3A3E43; font-weight:700;}
    .toggle-nav-wrap .menu > li.has-sub > .sub_menu {visibility: hidden; overflow: hidden; height:0; opacity: 0; transition-duration: 0.2s;}
    .toggle-nav-wrap .menu > li.has-sub.on > .sub_menu {visibility: visible; overflow: inherit; height:auto; opacity: 1; padding:7px 5px;}

    .toggle-nav-wrap .menu > li.has-sub > .sub_menu li a{display: block; border-radius: 10px; padding:7px 10px; font-size:15px;}
    .toggle-nav-wrap .menu > li.has-sub > .sub_menu li:hover a{background-color: #F7F8FD;}

    .search-bar {margin-top:20px;}
    .search-bar .btn-search{width:16px;}
    .search-bar input{font-size:12px; height:38px; padding:0 var(--gap-mo) 0 14px;}


    .main-banner{width:100%; }
    .main-banner .banner-img::before{content:''; position: absolute; background-color: rgba(0,0,0,.4); top:0; left:0; right:0; bottom:0;}


    /* 일정 */
    .tab-wrap .tab-content{flex-flow:column;}
    .tab-wrap .bid-today{gap:var(--gap-md); margin-top:20px;}

    .notice-wrap{width:100%;}

    /* 푸터 */
    .footer-wrap{padding:40px 0;}
    .footer-wrap .footer-top,
    .footer-wrap .copy{font-size:11px;}
    .footer-wrap .footer-top{flex-flow: column;}
    .footer-wrap .footer-bt{font-size:12px;}
    .footer-wrap .maxw-container,
    .footer-wrap .footer-top,
    .footer-wrap .footer-bt{gap:18px;}
    .footer-wrap .footer-bt .nav-space-bar-wrap{gap:var(--gap-xs);}
}

/********************** MOBILE **********************/
@media screen and (max-width: 767px) {
    .maxw-container{padding:0 20px;}
    .btn{height:var(--btn-h-pc); font-size:15px;}
    .btn::before{ border-bottom: var(--btn-h-pc) solid transparent;}

    .toggle-nav-wrap .nav-slide .con{flex: 0 0 calc(25% - var(--gap-xs));}

    .main-banner .banner-img{height:324px; }
    .main-banner .banner-img .text{ width:85%; font-size:24px; line-height:1.3em;}
    .main-banner .banner-img .text .mo{display: none;}
    .main-banner .banner-img .text .big{font-size:32px; margin-top:5px; }

    .nav-slide .swiper-slide {height:85px!important;}
    .nav-slide .swiper-slide a{font-size:13px; }

    .swiper-pagination-nav{margin-top:20px;}

    /* 일정 */
    .tab-wrap .tab-btn-wrap{margin:0 auto 20px; border-radius: 30px;}
    .tab-wrap .tab-btn-wrap .btn_tab{width:33.3%;}
    .tab-wrap .tab-content{background-color: transparent; padding:0;}
    .tab-wrap .bid-today .title-area {font-size: var(--subt-fs-mo-1);}
    .tab-wrap .bid-today .title-area small{font-size:13px;display: flex;}
    .tab-wrap .bid-detail{ grid-template-columns: repeat(3, 1fr); gap:var(--gap-xs); }
    .tab-wrap .bid-detail .btn-bid{height:47px; font-size:15px; background-color:var(--schedule-bg-color); gap:2px; word-break: keep-all;}
    .tab-wrap .bid-detail .btn-bid small{font-size:13px;}


    /* 자료실 */
    .library-wrap .board-wrap .title-area .title{font-size:var(--subt-fs-mo-2);}
    .library-wrap .board-wrap .title-area {padding-bottom:12px; margin-bottom:12px;}

    /* 푸터 */
    .footer-wrap .footer-top .nav-space-bar-wrap ul{justify-content: space-between;}
    .footer-wrap .nav-space-bar-wrap ul{gap:0;}
    .footer-wrap .footer-bt .nav-space-bar-wrap ul .bar{margin:0 5px;}
    .footer-wrap .nav-space-bar-wrap .bar.pc{margin-bottom:5px !important;}

}button {white-space: nowrap;}
.btn_blue1{ background-color: var(--blue-2); color: var(--white); }
.btn_blue2{ background-color: var(--blue-8); color: var(--white); }

.btn_gray1{ background-color: var(--gray-1); color: var(--white); }
.btn_gray2{ background-color: var(--gray-2); color: var(--white); }
.btn_white{ background-color: var(--white); color: var(--gray-1); box-shadow: inset 0 0 0 1px var(--gray-4);}

.btn_blue1:hover { background-color: var(--white); color: var(--gray-1); box-shadow:var(--bd_inner-1-gray);}
.btn_gray1:hover { background-color: var(--gray-5); color: var(--gray-1); box-shadow:var(--bd_inner-1-gray);}
.btn_gray2:hover { background-color: var(--gray-1); color: var(--white); }
.btn_md_nbg:hover{ background-color: var(--white); color: var(--gray-2);}

.btn_red{ background-color: var(--red-1); color: var(--white); }
.btn_red:hover{ background-color: var(--white); color: var(--white); color: var(--gray-1); box-shadow:var(--bd_inner-1-gray);}

.btn_redColor {color:var(--red-1) !important;}

.btn_xl{
    padding: 12px 46px 12px 20px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size:20px;
    transition: all 0.3s;    
}

.btn_md{
    height:35px; 
    padding:4px 35px 4px 15px;
    border-radius: 6px;
    font-size: .9rem;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size:15px;
    transition: all 0.3s;
    box-sizing: border-box;
}
.btn_md_nbg{
    height:35px;
    border-radius: 6px;
    font-size: .9rem;
    font-weight: 600;
    padding:0 1.5rem;
    background-repeat: no-repeat;
    background-size:15px;
    transition: all 0.3s;
    box-sizing: border-box;
}

.btn_sm{
    height:28px;
    padding:0 8px;
    border-radius: 5px;
    font-size: .8rem;
    transition: all 0.3s;
    background-image: none;
}

.btn_xs{
    padding:4px 8px; 
    border-radius: 2px;
    font-size: .8rem;
    transition: all 0.3s;
}

.ok_w        { background-image: url("/assets/images/svg/btn_ok_w.svg");}
.ok_g        { background-image: url("/assets/images/svg/btn_ok_g.svg");}
button:hover.ok_w { background-image: url("/assets/images/svg/btn_ok_g.svg"); }

.no_w        { background-image: url("/assets/images/svg/btn_no_w.svg");}
.no_g        { background-image: url("/assets/images/svg/btn_no_g.svg");}
button:hover.no_w { background-image: url("/assets/images/svg/btn_no_g.svg"); }

.lock_w      { background-image: url("/assets/images/svg/btn_lock_w.svg"); }
.lock_g      { background-image: url("/assets/images/svg/btn_lock_g.svg"); }
button:hover.lock_w { background-image: url("/assets/images/svg/btn_lock_g.svg"); }

.member_w      { background-image: url("/assets/images/svg/btn_member_w.svg");background-size:20px}
.member_g      { background-image: url("/assets/images/svg/btn_member_g.svg"); background-size:20px}
button:hover.member_w { background-image: url("/assets/images/svg/btn_member_g.svg"); background-size:20px}

.key_w       { background-image: url("/assets/images/svg/btn_key_w.svg");background-size:20px}
.key_g       { background-image: url("/assets/images/svg/btn_key_g.svg");background-size:20px}
button:hover.key_w { background-image: url("/assets/images/svg/btn_key_g.svg"); }

.setting_w   { background-image: url("/assets/images/svg/btn_setting_w.svg");background-size: 12%}
.setting_g   { background-image: url("/assets/images/svg/btn_setting_g.svg"); background-size: 12%;}
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }

.allsave_w   { background-image: url("/assets/images/svg/btn_allsave_w.svg");}
.allsave_g   { background-image: url("/assets/images/svg/btn_allsave_g.svg");}
button:hover.allsave_w { background-image: url("/assets/images/svg/btn_allsave_g.svg"); }

.save_w   { background-image: url("/assets/images/svg/btn_save_w.svg"); background-size: 23%;}
.save_g   { background-image: url("/assets/images/svg/btn_save_g.svg"); background-size: 23%;}
button:hover.save_w { background-image: url("/assets/images/svg/btn_save_g.svg"); }

.cancelled_w { background-image: url("/assets/images/svg/btn_cancelled_w.svg");}
.cancelled_g { background-image: url("/assets/images/svg/btn_cancelled_g.svg");}
button:hover.cancelled_w { background-image: url("/assets/images/svg/btn_cancelled_g.svg"); }

.search_w    { background-image: url("/assets/images/svg/btn_search_w.svg");}
.search_g    { background-image: url("/assets/images/svg/btn_search_g.svg");}
button:hover.search_w { background-image: url("/assets/images/svg/btn_search_g.svg"); }

.file_w      { background-image: url("/assets/images/svg/btn_file_w.svg");}
.file_g      { background-image: url("/assets/images/svg/btn_file_g.svg");}
button:hover.file_w { background-image: url("/assets/images/svg/btn_file_g.svg"); }

.print_w     { background-image: url("/assets/images/svg/btn_print_w.svg");}
.print_g     { background-image: url("/assets/images/svg/btn_print_g.svg");}
button:hover.print_w { background-image: url("/assets/images/svg/btn_print_g.svg"); }

.excel_w     { background-image: url("/assets/images/svg/btn_excel_w.svg");}
.excel_g     { background-image: url("/assets/images/svg/btn_excel_g.svg");}
button:hover.excel_w { background-image: url("/assets/images/svg/btn_excel_g.svg"); }

.cabinet_w   { background-image: url("/assets/images/svg/btn_cabinet_w.svg");}
.cabinet_g   { background-image: url("/assets/images/svg/btn_cabinet_g.svg");}
button:hover.cabinet_w { background-image: url("/assets/images/svg/btn_cabinet_g.svg"); }

.calendar_w   { background-image: url("/assets/images/svg/btn_calendar_w.svg");}
.calendar_g   { background-image: url("/assets/images/svg/btn_calendar_g.svg");}
button:hover.calendar_w { background-image: url("/assets/images/svg/btn_calendar_g.svg"); }

.calc_w   { background-image: url("/assets/images/svg/btn_calc_w.svg");}
.calc_g   { background-image: url("/assets/images/svg/btn_calc_g.svg");}
button:hover.calc_w { background-image: url("/assets/images/svg/btn_calc_g.svg"); }

.graph_w     { background-image: url("/assets/images/svg/btn_graph_w.svg"); background-size: 9%;}
.graph_g     { background-image: url("/assets/images/svg/btn_graph_g.svg"); background-size: 9%;}
button:hover.graph_w { background-image: url("/assets/images/svg/btn_graph_g.svg"); }

.ai_w     { background-image: url("/assets/images/svg/btn_ai_w.svg"); background-size: 12%; }
.ai_g     { background-image: url("/assets/images/svg/btn_ai_g.svg"); background-size: 12%; }
button:hover.ai_w { background-image: url("/assets/images/svg/btn_ai_g.svg"); }

.list_w     { background-image: url("/assets/images/svg/btn_list_w.svg"); }
.list_g     { background-image: url("/assets/images/svg/btn_list_g.svg"); }
button:hover.list_w { background-image: url("/assets/images/svg/btn_list_g.svg"); }

.finished_w     { background-image: url("/assets/images/svg/btn_finished.svg");}

.reportIcon1_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon1.svg");}
.reportIcon1_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon1.svg");}
button:hover.reportIcon1_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon1.svg"); }

.reportIcon2_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon2.svg");}
.reportIcon2_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon2.svg");}
button:hover.reportIcon2_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon2.svg"); }

.reportIcon3_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon3.svg");}
.reportIcon3_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon3.svg");}
button:hover.reportIcon3_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon3.svg"); }

.reportIcon4_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon4.svg");}
.reportIcon4_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon4.svg");}
button:hover.reportIcon4_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon4.svg"); }

.reportIcon5_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon5.svg");}
.reportIcon5_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon5.svg");}
button:hover.reportIcon5_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon5.svg"); }

.reportIcon6_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon6.svg");}
.reportIcon6_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon6.svg");}
button:hover.reportIcon6_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon6.svg"); }

.reportIcon7_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon7.svg");}
.reportIcon7_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon7.svg");}
button:hover.reportIcon7_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon7.svg"); }

.reportIcon8_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon8.svg");}
.reportIcon8_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon8.svg");}
button:hover.reportIcon8_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon8.svg"); }

.reportIcon9_w   { background-image: url("/assets/images/svg/bid/btn_report_w_icon9.svg");}
.reportIcon9_g   { background-image: url("/assets/images/svg/bid/btn_report_g_icon9.svg");}
button:hover.reportIcon9_w { background-image: url("/assets/images/svg/bid/btn_report_g_icon9.svg"); }

.aiIcon_w   { background-image: url("/assets/images/svg/bid/btn_ai_w_icon.svg");}
.aiIcon_g   { background-image: url("/assets/images/svg/bid/btn_ai_g_icon.svg");}
button:hover.aiIcon_w { background-image: url("/assets/images/svg/bid/btn_ai_g_icon.svg"); }

.bid_blue {
    background-image: url("/assets/images/svg/check_blue.svg");
}

button:hover.member_w { background-image: url("/assets/images/svg/btn_member_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }
button:hover.setting_w { background-image: url("/assets/images/svg/btn_setting_g.svg"); }





.legend { 
    display: inline-block; 
    width:28px; height:20px;
    line-height: 20px; 
    text-align: center; vertical-align: middle;
    font-size: 12px; font-weight: 500;
    border-radius: 3px; 
    white-space: nowrap;
}
.legend2 { 
    display: inline-block; 
    padding:1px .3rem; width:auto;
    line-height: 21px; 
    text-align: center; vertical-align: middle;
    font-size: .8rem; font-weight: 500;
    border-radius: 3px; 
    white-space: nowrap; background-color: var(--gray-2); color:var(--white);
}

.legend_01{ background-color: #fff1f1; color:#ff0000; border:1px solid #ff0000; }
.legend_02{ background-color: #faecf4; color:#880e4f; border:1px solid #880e4f;}
.legend_03{ background-color: #fbf3ff; color:#aa00ff; border:1px solid #aa00ff;}
.legend_04{ background-color: #ecf3ff; color:#0d47a1; border:1px solid #0d47a1;}
.legend_05{ background-color: #f4f6ff; color:#304ffe; border:1px solid #304ffe;}
.legend_06{ background-color: #f6ffef; color:#5bc700; border:1px solid #5bc700;}
.legend_07{ background-color: #ffffee; color:#9e9d24; border:1px solid #9e9d24;}
.legend_08{ background-color: #fffdf0; color:#ffd600; border:1px solid #ffd600;}
.legend_09{ background-color: #fff1ed; color:#ff9100; border:1px solid #ff9100;}
.legend_10{ background-color: #fff6f3; color:#795548; border:1px solid #795548;}
.legend_11{ background-color: #f4f5fa; color:#494e6b; border:1px solid #494e6b;}
.legend_14{ background-color: #ffffff; color:#404a4d; border:1px solid #404a4d;}
.legend_15{ background-color: #f0fffd; color:#007768; border:1px solid #007768;}

.legend_01.active{background-color: #ff0000; color:var(--white); border: none;}
.legend_02.active{background-color: #880e4f; color:var(--white); border: none;}
.legend_03.active{background-color: #aa00ff; color:var(--white); border: none;}
.legend_04.active{background-color: #0d47a1; color:var(--white); border: none;}
.legend_05.active{background-color: #304ffe; color:var(--white); border: none;}
.legend_06.active{background-color: #5bc700; color:var(--white); border: none;}
.legend_07.active{background-color: #9e9d24; color:var(--white); border: none;}
.legend_08.active{background-color: #ffd600; color:var(--white); border: none;}
.legend_09.active{background-color: #ff9100; color:var(--white); border: none;}
.legend_10.active{background-color: #795548; color:var(--white); border: none;}
.legend_11.active{background-color: #494e6b; color:var(--white); border: none;}
.legend_14.active{background-color: #404a4d; color:var(--white); border: none;}
.legend_15.active{background-color: #007768; color:var(--white); border: none;}

.legend_12{ background-color: #9e9e9e; color:#ffffff; border: var(--border-1); width:28px; height:18px; line-height: 18px; font-weight: 600;}
.legend_13{ background-color: var(--blue-1); color:var(--white); width:30px; height:18px; line-height: 18px; font-weight: 600;}


.d_icon { 
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 2px 4px 0 0;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
    vertical-align: top;
    color: #fff;
}
.d_r { background-color: #b30101;}
.d_c { background-color: #ff9216;}
.d_g { background-color: #32aa14;}
.d_b { background-color: #0d1a91;}
.d_v { background-color: #910385;}
.d_n { background-color: #037c91;}

.check_blue{
    background-image: url("/assets/images/svg/check_blue.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width:80px; text-align: left; padding-left:20px;
}
.check_red{
    background-image: url("/assets/images/svg/check_red.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width:80px; text-align: left; padding-left:20px;
}
.check_gray{
    background-image: url("/assets/images/svg/check_gray.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width:80px; text-align: left; padding-left:20px;
}
.check_none{
    background-repeat: no-repeat;
    background-position: left center;
    width:80px; text-align: left; padding-left:20px;
}
.check_memo{
    background-image: url("/assets/images/svg/memo_g.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width:80px; text-align: left; padding-left:20px;
}


.pg_btn {
    display: block;
    width:10px; height:10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.pg_first { background-image: url("/assets/images/svg/pg_first.svg");}
.pg_prev { background-image: url("/assets/images/svg/pg_prev.svg"); }
.pg_next { background-image: url("/assets/images/svg/pg_next.svg");}
.pg_last { background-image: url("/assets/images/svg/pg_last.svg");}



@media (max-width:768px) {
    .btn_xl{
        padding: 8px 36px 8px 10px;
        border-radius: 5px;
        font-size: .9rem;
        font-weight: 600;
        background-repeat: no-repeat;
        background-position: center right 12px;
        background-size: 18px;
        transition: all 0.3s;    
    }

    .btn_md{
        padding:6px 32px 6px 10px; 
        border-radius: 3px;
        font-size: .9rem;
        font-weight: 500;
        background-repeat: no-repeat;
        background-position: center right 10px;
        background-size: 14px;
        transition: all 0.3s;
    }
    .btn_md_nbg{
        padding:6px 16px; 
        border-radius: 5px;
        font-size: .9rem;
        font-weight: 500;
        transition: all 0.3s;
    }

    .btn_sm{
        padding:0 10px; 
        border-radius: 4px;
        font-size: .8rem;
        transition: all 0.3s;
    }
    .legend { 
        display: inline-block; 
        line-height: 16px;
        padding:1px 2px; width:auto;
        text-align: center; vertical-align: middle;
        font-size: .8rem; font-weight: 400;
        border-radius: 2px; 
        white-space: nowrap;
    }
    .legend2 { 
        height: 18px;
        line-height: 18px;
        display: inline-block; 
        padding:1px 5px; width:auto;
        text-align: center; vertical-align: middle;
        font-size: .8rem; font-weight: 400;
        border-radius: 3px; 
        white-space: nowrap; background-color: var(--gray-2); color:var(--white);
    }

	.library-wrap{flex-flow: column;}

}
.title_area {
  padding: 2rem 0; 
  display: flex; flex-direction: column;gap: 1rem; 
}

.title_area_line {
  padding: 1rem 0;
  border-top: var(--border-2-blue);  
  border-bottom: var(--border-1);  
  color:var(--gray-2)
}

.title_area_noline {
  padding: 1rem 0;
  
  border-bottom: var(--border-1);  
  color:var(--gray-2)
}

/* 서브페이지 타이틀  + 서브네비게이션*/
.page_title {
  padding: 1rem 0; 
  display: flex; gap: 1rem; 
  justify-content: space-between;
}
.page_title_btn {display: flex; align-items: center; gap:1rem}
.page_title .page_title_btn > h3{ font-size: 1.2rem; color: var(--gray-1); }
.page_title > .page_nav {
  display: none; gap:.5rem; align-items: center;
  font-size: .9rem;
}
.page_title > .page_nav > .page_nav_home {
  background-image: url("/assets/images/svg/arrow_home.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15%;
  padding-left: 15px;
}
.page_title > .page_nav > li { 
  background-image: url("/assets/images/svg/arrow_right.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 6px;
  padding-left: 15px;
}

/* 서브타이틀 페이지수  */
.sub_title_wrap {
  display: flex; gap:.3rem; align-items: center; 
  justify-content: space-between; 
  padding-bottom: .5rem;
}
.sub_title_wrap h4{
  font-size: 1.07rem; color:var(--blue-1);
  white-space: nowrap;
}
.sub_title_num_wrap{ 
  position: relative; 
  font-size: .9rem; color:var(--gray-2); 
  letter-spacing: -0.3px;
  display: flex; gap:.5rem; align-items: center; 
}
.sub_title_num_wrap select {
  padding:0px 28px 2px 7px;
  height:28px;
}
.blank_x { display:inline-block; width:0.5rem; height:1px; vertical-align:middle; }
.total_count {
  color:var(--gray-1); 
}


.provision_text1 { font-size: 1.2rem; text-align: center; font-weight: 500; line-height: 150%;}
.provision_text2 {
  padding:2rem; line-height:2rem;
} 
.provision_text2 p {font-weight: 600; font-size: 1.1rem; }
.provision_text2 ol {list-style-position: outside;   }
.provision_text2 ol li {
  padding-left: .5rem; text-indent: -.5rem;
}

.requirement::after {
  content: url("/assets/images/svg/dot_requ.svg");
  padding:0 0 0 2px;
}
.inner_member {
  border:var(--border-1); width:100%; height:350px; 
  padding:2rem;
  overflow:auto;
  box-sizing: border-box;
  color:var(--gray-2)
}

.inner_member3 {
  border:var(--border-1); width:100%;  
  padding:2rem;
  overflow:auto;
  box-sizing: border-box;
  color:var(--gray-2)
}

.agree_wrap1 {
  padding:1rem 0 2rem 0; font-size: .9rem; color:var(--gray-3)
}
.agree_wrap2 {
  border-top: var(--border-2-blue);
  padding:1rem 0 2rem 0; font-size: .9rem; color:var(--gray-2);
  text-align: center; font-weight: 600;
}

.agree_wrap3 { 
  display: flex; justify-content: space-between;
}

.address_search {
  display: flex; gap:.5rem; flex-wrap: wrap;
}
.guset_check {
  display: flex; gap:.5rem; flex-wrap: wrap;
}
.ctb_phone{
  display: flex; gap:.5rem; flex-wrap: wrap;
}
.search_bsns {
  display: flex; justify-content: center;
}
.bsns_num {
  margin: 0 auto; 
  display: flex; gap:.5rem; align-items: center;
}
.bsns_num span {
  white-space: nowrap;
}
.bsns_num input {height: var(--h24);}


.title_area .title01 { font-size: 1.4rem; color: var(--gray-1); }
.title_area .title02 { font-size: 1.2rem; color: var(--gray-2); font-weight: 500; }
.title_area .title03 { font-size: 1rem;  color: var(--gray-3); font-weight: 400; }

.tab_area { width: 100%; margin-bottom: 3rem; }
.tab_wrap .tab_list {
  display: flex;flex-wrap: wrap;align-items: flex-end;
  flex-wrap: nowrap;
  padding-left: 2rem;
}

.tab_wrap .tab_list li {
  border: var(--border-1);
  border-bottom: none;
  padding: .8rem 2rem;
  font-size: .9rem;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  color: var(--gray-1);
  font-weight: 600;
  transition: all 0.2s;
  white-space: nowrap;
}
.tab_wrap .tab_list li a:hover { background-color: var(--gray-6); }
.tab_wrap .tab_list li.active {
  background-color: var(--blue-1);
  border: none;
  color: var(--white); font-weight: 700;
  padding: .9rem 1.8rem;
}
.wrap_title_tab{
  display: flex; justify-content: space-between;
  align-items: center;
}



.wrap_title_tab .tabbtn_wrap_list {
  display: flex;flex-wrap: wrap;align-items: flex-end;
  flex-wrap: nowrap; gap:.7rem;
  
}
.wrap_title_tab .tabbtn_wrap_list li {
  border: var(--border-1);
  background-color: var(--white);
  padding: .4rem 1.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: var(--gray-1); font-weight: 600;
  transition: all 0.2s;
  white-space: nowrap;
}
.wrap_title_tab .tabbtn_wrap_list li:hover { background-color: var(--gray-6); }
.wrap_title_tab .tabbtn_wrap_list li.active {
  background-color: var(--blue-1);
  border: none;
  color: var(--white); font-weight: 700;
}
.wrap_title_tab .tabbtn_wrap_list li.active a {color:var(--white)}

/* 디폴트 결과 노출 레이아웃 */

.result_wrap {
  display: flex; flex-direction: column; gap:.5rem;
}

.result_wrap div {display: flex;gap:.3rem; align-items: center;}

.result_wrap span { 
  white-space: nowrap;
  display: block; width: 5rem;
  padding:.2rem; color: var(--white);
  background-color: var(--blue-1); font-weight: 600;  
  border-radius: .3rem; font-size: .9rem; text-align: center;
}
.result_wrap ul{display: flex; gap:.3rem}
.result_wrap li{
  border-radius: .3rem; border: var(--border-1);
  font-size: .9rem; padding:.2rem .5rem;
  font-weight: 700; color:var(--gray-2);
  pointer-events: none; white-space: nowrap;
}

.tab_content2 {
  padding: 1rem 2rem; 
  border-radius: 20px; border: var(--border-2);
  box-shadow: 2px 2px 4px 0 var(--gray-5);
  margin-bottom: 2rem;
}

.tab_content2 .content_wrap { display: flex; align-items: flex-end; width: 100%; }

.tab_content2 .content_wrap .search_area_wrap {
  display: flex; flex-direction: column; gap: 1rem;
  width: 100%;
  font-size: .9rem;
}
.tab_content2 .content_wrap .search_area_wrap > div { display: flex; }

.contents_wrap {
  margin: 0 auto;
  width: 100%;
  position: relative;
  top:50%; left:50%;
  transform: translate(-50%, -50%);
}



/* 검색영역 스타일 */
.search_area_wrap fieldset {
  display: flex;flex-direction: column;gap: .5rem;
}
.search_area_wrap legend { display: none; }
.search_area_wrap fieldset > div > label {
  width: 8rem; 
  font-weight: 700;
}

.nationwide{
  display: flex; 
  align-items:center; gap:.5rem;
  height:36px; padding:0 1rem 0 .7rem;
  border:1px solid var(--color-6); border-radius:6px;
  background:var(--white); white-space:nowrap; 
  cursor:pointer;
}
.nationwide input[type="checkbox"]{
  width:18px; height:18px;
  accent-color:#1a73e8; 
  margin:0; font-size: .9rem;
}
.nationwide label { color:var(--gray-1); cursor: pointer;}

.nationwide:focus-within{
  outline:1px solid #1a73e8; outline-offset:2px;
}

.select_work {
  border: var(--border-1);
  height: 1.7rem; line-height: 1.7rem;
  padding: 0 30px 0 6px;
  background: var(--gray-6) url("/assets/images/svg/x_red.svg") no-repeat center right 8px;
  background-size: 10px;
  white-space: nowrap; 
}

/* 리스트용 테이블 스타일 */
.table_content1 {
  width: 100%; 
  margin-bottom: 3rem;
}

.table_content1 table {
    font-size: .9rem;
    width: 100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    border-collapse: collapse; 
}
.table_content1 thead th {
    background-color: var(--gray-6);
    padding:.5rem;
    font-weight: 600; 
}
.table_content1 thead th, tbody td {
  border-bottom:var(--border-1);
  padding:.5rem;
  vertical-align: middle;
  text-align: center;
}

.table_content1 tbody tr:nth-child(even) {background-color: var(--gray-7); }
.table_content1 thead th > span,
.table_content1 tbody td > span, .table_content1 tbody td > a {  
  display: block; 
  white-space: nowrap;  
}
.table_content1 tbody tr > .num{ display: flex; justify-content: center;}
.table_content1 tbody .title{text-align: left;}


.table_content1 .td_btn_wrap {
    display: flex; flex-direction: column; gap: .3rem;
    align-items: center;
}
.table_content1 .td_btn_wrap > button { max-width: 9rem;}

.table_content1 .notice1, .table_content1 .notice2  {
    display: flex; flex-wrap: nowrap; gap: .3rem; 
    overflow: hidden; 
    text-align: left;
}

.table_content1 .notice1 span, 
.table_content1 .notice1 a, 
.table_content1 .notice2 span {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    flex-shrink: 1; 
}
.table_content1 .notice2 {color:var(--gray-4)}
.table_content1 .text_red {color:var(--red-1)}


/* 상세페이지  .table_section1 / .table_section2  포함 영역 */

.table_content2 {
  width: 100%; 
  margin-bottom: 3rem;
  display: flex; gap:2rem;
}
.table_section1 {width:100%; flex: 1;}

.table_section1 {width:calc(100% - 320px); flex: 1;}
.table_section1 > table{
    font-size: 1rem;
    width:100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    border-collapse: collapse; 
}
.table_section1 th {
  font-weight: normal;
  background-color: var(--gray-7); vertical-align: middle;
  width:15%; min-width: 4rem;
  
}
.table_section1 td {width:35%; }

.table_section1 .part_title {
  background-color: var(--white);
  padding:0;
}
.table_section1 .part_title h3 {
  font-weight: normal; font-size: 1.1rem;
}
.table_section1 td , .table_section1 th {
  border-bottom:var(--border-1);
  padding:.7rem 1rem; 
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.table_section1 .table_title1 {display: flex; gap:.5rem; padding:1rem; background-color: var(--white); color:var(--blue-1)}
.table_section1 .table_title2 { display: flex; gap:.5rem; padding:1rem;}
.table_section1 .table_title3 { display: flex; gap:.5rem; padding:1rem; color: var(--orange-1);}
.table_section1 .table_title4 { display: flex; gap:.5rem; padding:1rem; color: var(--red-1);}
.table_section1 .inner_table {background-color: var(--white);}
.table_section1 .attach_wrap > a {display: block; line-height: 1.5rem;}

.table_section1 .original_wrap{
  border: var(--border-1);
}
.table_section1 .original_wrap > p { padding: 1rem;}

.table_section1 .notice_text{
  font-size: .9rem; color: var(--blue-1);
}
.table_section1 .notice_text::before{
  content: ""; padding:3px;
}

.table_section1 .input_select {
  width:100%; 
  display: flex; gap:1rem;
}
.table_section1 .input_select .input_wrap {
  display: flex; align-items: center; gap:.5rem;
}
.table_section1 .input_select > div  input[type="radio"]{
   width: 14px; height: 14px;
  position: relative; bottom: 1.5px;
  accent-color: var(--blue-1);
}

.table_section1 .input_select input{
  width:18rem; height: var(--h20); border: var(--border-1);
}

.table_section1 .input_select .text_blue{ color:var(--blue-1); font-size: .9rem;}

.btn_wrap {
  display:flex; justify-content: center; gap:.5rem; padding:1rem}

.inner_table_title { 
  background-color: #2282c5; color:var(--white);padding:.2rem}.inner_table_title .text_yellow {color:var(--yellow-1)
  }
.inner_table_title p {padding:.5rem}
.inner_table_title table{
  border-top: 0;
    border-bottom:0;
}
.detail_table {width: 100%;}
.detail_table td {background-color: var(--white);}

.table_section2 {
  width:285px; 
  margin-left: 20px;
  position: relative;
}
.table_section2 > div {
  margin-bottom: 1rem;
}
.table_section2 .right_content01 {
  background-color: var(--blue-3);
  border-bottom: 1px solid var(--blue-3);
} 
.table_section2 .right_content01 p {
  padding: .5rem; 
  color:var(--white); font-weight: 600;
  text-align: center;
}
.table_section2 .right_content01 div {
  margin: .1rem;
  background-color: var(--white);
  padding:.5rem;
}

.table_section2 .right_content01 div > ul {
  display: flex; flex-direction: column;   
}
.table_section2 .right_content01 div > ul > li.active{
  background-color: var(--blue-4);
  color:var(--white);
  border-radius: 1.5rem 0 0 1.5rem;
  background-image: url("/assets/images/svg/arrow_left.svg");
  background-position: 2rem center;
  background-repeat: no-repeat;
  background-size: 5%;
}
.table_section2 .right_content01 div > ul > li{
  margin:.5rem;
  padding:.3rem;
  background-color: var(--blue-6);
  border: solid 1px #bdd6ea;
  border-radius: 1.5rem 0 0 1.5rem;
  padding-left: 3.5rem;
}

.table_section2 .right_content01 div > ul > .arrow_col{
  height: .8rem;
  border: none;
  background-color: transparent;
  background-image: url("/assets/images/svg/arrow_2down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 0;
  margin: 0;
}
.table_section2 .right_content02 p {
  color:var(--blue-1);
  padding: .5rem; font-weight: 600;
}
.table_section2 .right_content02 table {
  width:100%;
} 
.table_section2 .right_content02 table th {
  background-color: var(--gray-6);
}
.table_section2 .right_content02 table th,
.table_section2 .right_content02 table td {
  border:var(--border-1);
  padding:.5rem;
  font-weight: normal;
}
.table_section2 .right_content02 table th {width:40%}
.table_section2 .right_content02 table td {width:60%}

.table_section2 .right_content03 p{
  color:var(--blue-1);
  padding: .5rem; font-weight: 600;
}

.table_section2 .right_content03 .calc_title {
  background-color: var(--blue-3);
  padding:.5rem;
  color:var(--white);
  display: flex; gap:.5rem;
  white-space: nowrap;
}
.table_section2 .right_content03 .calc_title input {width: 8rem;}

.table_section2 .right_content03 .calc_wrap table {
  width:100%;
}
.table_section2 .right_content03 .calc_wrap table td{
  width:40%; background-color: #e2e6ea;
}
.table_section2 .right_content03 .calc_wrap input {width:8rem}
.table_section2 .right_content03 .calc_wrap td {
  white-space: nowrap; border: none;
}

.table_section2 .right_content03 .calc_wrap table tr:last-child td {
  background: var(--gray-6);
  color: var(--red-2);
  font-weight: 700;
}

.table_section2 .right_content03 .calc_wrap .col_line{
  display: block;
  width:100%; height:2px; background-color: var(--blue-3);
}

.table_section3 {width:100%;}

.table_section3 > table{
    font-size: 1rem;
    width:100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    
}
.table_section3 th {
  font-weight: normal;
  background-color: var(--gray-7); vertical-align: middle;
  width:20%; 
  white-space: nowrap;
  
}

.table_section3 .part_title {
  background-color: var(--white);
  padding:0;
}
.table_section3 .part_title div  {
    display: flex; gap:.5rem; 
    align-items: flex-end;
    padding:1rem; 
}
.table_section3 td , .table_section3 th {
  border-bottom:var(--border-1);
  padding:.7rem 1rem; 
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.table_section3 .table_title1 h3 {
  background-color: var(--white); color:var(--gray2-1);
  font-weight: 600;
}

.table_section3 .table_title1 span {
  color:var(--gray-3); font-weight: 500; font-size: .9rem;
}

.table_section3 .original_wrap{
  border: var(--border-1);
}

.table_section3 .notice_text{
  font-size: .9rem; color: var(--blue-1);
  white-space: nowrap;
}
.table_section3 .notice_text::before{
  content: ""; padding:3px;
}

.table_section3 .input_select {
  width:100%; 
  display: flex; gap:1rem;
}
.table_section3 .input_select .input_wrap {
  display: flex; align-items: center; gap:.5rem;
}
.table_section3 .input_select > div  input[type="radio"]{
   width: 14px; height: 14px;
  position: relative; bottom: 1.5px;
  accent-color: var(--blue-1);
}

.table_section3 .input_select input{
  width:18rem; height: var(--h20); border: var(--border-1);
}

.calendar_wrap { 
  width:100%;  
}

.page_top {
  display: flex; justify-content: space-between;
  align-items: center; font-size: .9rem;
  padding:.5rem 0;
}
.page_top > .btn_wrap {padding:0}
.btn_p_rb{
  text-align: right;
}

@media (max-width: 1200px) {
    .work_wrap,
    .select_wrap,
    .direct_wrap,
    .category_wrap,
    .period_wrap,
    .searchword_wrap {
        flex-direction: column; gap:.5rem;
    }

    .search_area_wrap input,
    .search_area_wrap select {
        width: 100%;
        min-width: unset; 
    }
    .period_wrap > div {
    display: flex; flex-direction: column;
    }
    

    .table_content1 .notice1 span,.notice1 a,
    .table_content1 .notice2 span {
        max-width: 180px; 
    }
    .page_top {flex-direction: column; align-items: flex-end;}
    .page_nav {display: none;}

    .flex_row {
      width:100%; 
      display: flex;
      flex-direction: column;
      gap:1rem; 
      justify-content: space-between;
    }
  }
  @media  (max-width: 768px) {
    .round_box { width:calc(100% - 30px)}
    
    .table_section1 .input_select {
      display: flex; gap:1rem; flex-direction: column;
    }
    .table_section1 .input_select .input_wrap{
      flex-direction: column; 
      align-items: flex-start;
    }
    
    .page_title .page_title_btn > h3{ font-size: 1.2rem; color: var(--gray-1); }
    .page_title .page_nav {display: none;}

    .wrap_title_tab .tabbtn_wrap_list {
      gap:.4rem;
    }
    .wrap_title_tab .tabbtn_wrap_list li {
      padding: .4rem .6rem;
      border-radius: 3px;
    }
    .tab_content2 {
      padding: 1rem; 
      border-radius: 10px; border: var(--border-2);
      box-shadow: 2px 2px 2px 0 var(--gray-5);
      margin-bottom: 1rem;
    }

    .tab_wrap .tab_list {
      display: flex;flex-wrap: wrap;align-items: flex-end;
      flex-wrap: nowrap; 
      padding-left:1rem;
    }
    .tab_wrap .tab_list li{
        padding: .26rem .6rem;
        border-radius: 4px 4px 0 0;
        font-weight: 500; font-size: .9rem;
    }
    .tab_wrap .tab_list li.active{
        padding: 0.45rem 0.6rem;

    }
   
/*     서브타이틀 두줄로 변경 */
    .sub_title_wrap{
      display:flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px;
    }
    .sub_title_wrap > :first-child{
      flex: 1 0 100%;  order: 0;
    }
    .sub_title_num_wrap{
      flex: 1 0 100%;    order: 1; 
      display: flex; 
      justify-content: flex-end; 
      text-align: right; 
      white-space: nowrap; 
      gap:.3rem;
    }
    .sub_title_num_wrap h4{
      padding-bottom: .5rem;
    }
    .sub_title_num_wrap > div{
      display:flex; 
      align-items:center; 
      gap:.25rem;
    }
    .blank_x{ display:none; }
    .result_wrap > div{align-items: flex-start;}
    .result_wrap ul{
      flex-wrap: wrap;
    }
    .result_wrap span{
      font-size: .8rem; width:55px;
      padding:2px 4px;
    }
    .result_wrap li{
      font-size: .8rem; padding:2px 4px;
    }
  }

/* Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}



*, *::before, *::after { box-sizing: border-box; }
/* 100%페이지 상단inner */
.innerbox1 { 
  width:calc(100% - 30px); margin: 0 auto; 
  padding-bottom: 5rem;
}
/* 1280페이지 상단inner */
.innerbox2 { max-width:var(--site-con-w); 
  margin: 0 auto; 
  padding-bottom: 3rem;
}

.innerbox3 { 
  width:calc(100% - 30px);
  margin: 0 auto; 
  padding-bottom: 5rem;
}


.w-5  { width: 5%;  }
.w-6  { width: 6%;  }
.w-8  { width: 8%;  }
.w-10 { width: 10%; }
.w-11 { width: 11%; }
.w-12 { width: 12%; }
.w-15 { width: 15%; }
.w-16 { width: 16%; }
.w-17 { width: 17%; }
.w-25 { width: 25%; }
.w-26 { width: 26%; }
.w-27 { width: 27%; }
.w-28 { width: 28%; }
.w-29 { width: 29%; }
.w-30 { width: 30%; }
.w-31 { width: 31%; }
.w-32 { width: 32%; }
.w-33 { width: 33%; }
.w-34 { width: 34%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }

.w-auto { width: auto; } 


.w_1{width:1rem}
.w_2{width:2rem}
.w_3{width:3rem}
.w_4{width:4rem}
.w_5{width:5rem}
.w_6{width:6rem}
.w_7{width:7rem}
.w_8{width:8rem}
.w_9{width:9rem}
.w_10{width:10rem}
.w_15{width:15rem}
.w_20{width:20rem}
.w_30{width:30rem}
.w_full{flex:1 1 auto; min-width:12rem;}
.w_half{flex:1 1 50%;}

.mt-10 { margin-top: 1rem; }
.mb-10 { margin-bottom: 1rem; }
.ml-10 { margin-left: 1rem; }
.mr-10 { margin-right: 1rem; }

.mt-20 { margin-top: 2rem; }
.mb-20 { margin-bottom: 2rem; }
.ml-20 { margin-left: 2rem; }
.mr-20 { margin-right: 2rem; }

.mt-30 { margin-top: 3rem; }
.mb-30 { margin-bottom: 3rem; }
.ml-30 { margin-left: 3rem; }
.mr-30 { margin-right: 3rem; }

.my-10 { margin: 1rem 0; }
.my-20 { margin: 2rem 0; }

.mx-10 { margin: 0 1rem; }
.mx-20 { margin: 0 2rem; }

.text_blue{ color:var(--blue-1); font-size: .9rem; line-height: 1.5rem;}
.text_red{ color:var(--red-1); font-size: .9rem;}
.text_gray{ color:var(--gray-2)}
.text_black{ color:var(--color-2)}

.font_b6 {font-weight: 600;}
.font_b7 {font-weight: 700;}
.font_b8 {font-weight: 800;}
.font_b9 {font-weight: 900;}

.bg_gray1{background-color: var(--gray-5);}
.bg_gray2{background-color: var(--gray-6);}

.bar_gray {
    background-color: var(--gray-3);
    display: block; width:100%; height:2px; 
}
.flex_row {
  width:100%; 
  display: flex; gap:1rem; 
  justify-content: space-between;
} 

.round_box {
  margin: 0 auto;
  width:70%; height:40vh;
  background-color: var(--gray-6);
  border-radius: 1rem;
  border: var(--border-dot-1);
  box-shadow: 2px 2px 4px 0 var(--gray-5);
  box-sizing: border-box;
}

.round_box_f {
  margin: 0 auto;
  width:calc(100% - 30px); height:40vh;
  background-color: var(--gray-6);
  border-radius: 1rem;
  border: var(--border-dot-1);
  box-shadow: 2px 2px 4px 0 var(--gray-5);
  box-sizing: border-box;
}

.round_gray_3 {
  padding: 2rem; 
  border-radius: 20px;
  border: var(--border-3);
  box-shadow: 2px 2px 4px 0 var(--gray-5);
  box-sizing: border-box;
}

.round_gray_2 {
  padding: 1.5rem; 
  border-radius: 20px;
  border: var(--border-1);
  box-shadow: 2px 2px 3px 0 var(--gray-5);
  background-color: var(--gray-7);
  box-sizing: border-box;
}

.round_gray_light {
  border-radius: .5rem;
  border: var(--border-1);
  box-shadow: 2px 2px 2px 0 var(--gray-5);
  box-sizing: border-box;
}
.box_simple {
  margin: 0 auto;
  width:100%;
  background-color: var(--gray-7);
  box-shadow: 1px 1px 3px 0 var(--gray-5);
  padding:1rem;
  box-sizing: border-box;
}
.box_simple_w {
  margin: 0 auto;
  width:100%;
  background-color: var(--white);
  border:1px solid var(--gray-5);
  box-shadow: 1px 1px 3px 0 var(--gray-5);
  padding:1rem;
  margin: 1rem 0;
  box-sizing: border-box;
}

.round_simple {
  margin: 0 auto;
  width:100%;
  border-radius: .5rem;
  background-color: var(--gray-7);
  box-shadow: 1px 1px 3px 0 var(--gray-5);
  margin: 1rem 0;
  box-sizing: border-box;
}

.round_box_dot {
  border-radius: .5rem;
  border: var(--border-dot-1);  
  box-sizing: border-box;
}

.round_gray_noline {
  padding: 2rem;
  border-radius: 1rem;
  background-color: var(--gray-7); 
  box-shadow: 2px 2px 4px 0 var(--gray-5);
}

select {
  height: 36px;
  border: 1px solid var(--color-6);
  border-radius: 6px;
  font-size: .9rem;
  font-weight: 500;  
  padding: 5px 30px 6px 8px;
  appearance: none;
  background: url('../images/svg/arrow_down.svg') no-repeat right 8px center;
  background-size: 10px;
  cursor: pointer;
  background-color: var(--white);
} 
select:focus {
  background-color: var(--white); /* 선택 상태에서도 흰 배경 유지 */
  color:var(--gray-1);
}
/* input[type=text], input[type=password] {width: calc(100% - 24px); height: 36px; border:1px solid var(--color-6); border-radius:6px; padding:0 12px; font-size:13px; font-weight:500;} */


/* 날짜선택 달력 스타일 */
.date-wrapper {
  position: relative;
  display: inline-block;
}
.date-wrapper input[type="text"] {
  width: 8rem;
  height: 1.8rem;
  padding: 0 4px;
  border: var(--border-1);
  border-radius: 1px;
  font-size: .9rem;
  cursor: pointer;
}
.date-wrapper .calendar-icon {
  position: absolute;
  right: 8px; top: 50%;
  transform: translateY(-50%);
  width: 16px; height: 16px;
  background: url('../images/svg/calendar.svg') no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.ui-datepicker {
  font-size: 0.9rem;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px;
}
.ui-datepicker td a.ui-state-highlight {
  background: #007BFF;
  color: #fff;
  border-radius: 2px;
}
.br_desktop::after,
.br_mobile::after { content: ""; }

.dot_red::before{
  content: url("/assets/images/svg/dot_red.svg");
  position: relative; right:5px; bottom: 2px;
}



.loading_container{
  width:min(340px,92vw); 
  margin:5rem auto; 
  color:var(--blue-1); 
}
.loading_top{
  display:flex; align-items:center; gap:12px; margin-bottom:12px; 
  margin-left: 25%;
}
h3{margin:0;font-size:16px;font-weight:600}

.spinner{width:18px;height:18px;border-radius:50%;
  border:3px solid transparent;border-top-color:var(--blue-1);
  animation:spin 0.9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}


.dots::after{content:""; animation:dots 1.1s steps(3,end) infinite; }
@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}100%{content:"..."}}

.progress{
  position:relative; height:10px; border-radius:999px; 
  overflow:hidden; background:var(--blue-1);
}
.bar{
  position:absolute; inset:0 auto 0 0; width:60%; height:100%;
  background:linear-gradient(90deg, var(--blue-0), var(--blue-4));
  border-radius:inherit;
  transform:translateX(-40%);
  animation:slide 2s linear infinite
}
@keyframes slide{
  0%{transform:translateX(-40%)}
  100%{transform:translateX(110%)}
}





@media (max-width:1200px) {
  .innerbox2 {
    width:calc(100% - 30px)
  }
  .round_gray_2 {
    padding: 1rem; 
    border-radius: 10px;
    margin-bottom: 2rem;
  }
}


@media (min-width: 769px) { 
  .br_desktop::after {
    content: "\A";
    white-space: pre; 
  }
}
@media (max-width: 768px) {
  .br_mobile::after {
    content: "\A";
    white-space: pre;
  }
}input[type="number"]{
    height: 36px; border:1px solid var(--color-6); border-radius:6px; padding:0 12px; font-size:13px; font-weight:500;
}

.popup_contents{ background-color: var(--gray-5);}
.popup_contents .popup_wrap {
    margin: 0 auto;
    width:calc(100% - 30px);
    padding-top:15px;
    padding-bottom:15px;
}
.popup_contents .popup_wrap .content {
    background-color: var(--white);
    border-radius: 1rem;
    border:1px dotted var(--gray-1);
    padding:1rem;
}


.popup_contents .popup_wrap .title_wrap {
    display: flex; justify-content: space-between;
    align-items: flex-start;
}

.popup_contents .popup_wrap .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;

}
.x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.x_btn_w {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn_w.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.line_dot {
    display:block ; width: 100%; height:1px; border-bottom:var(--border-dot-1);
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.popup_contents .popup_wrap .popup_text {
    padding:1rem;
}

.popup_contents .popup_wrap .btn_wrap{
    display: flex; justify-content: center; gap:.5rem;
}


/* popup페이지 */
.popup_page {
    border-top: var(--border-3);
}
.popup_page .constent1 {
    background-color: var(--gray-6);
    padding:1rem;
    margin-bottom: 1rem;
}

.popup_page .constent1 .title_wrap {
    display: flex; justify-content: space-between; align-items: flex-start;
}

.popup_page .constent1 .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.popup_page .constent1 .title_wrap .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.popup_page .content2 {
    background-color: var(--white);
    padding:1rem;
}

.content2 .title_wrap {
    display: flex; gap:.5rem; align-items: center;
}

.select_part > ul {
    display: flex; flex-wrap: wrap; gap:.5rem;
}
.select_part > ul > li { width:32%; white-space: nowrap;}
.select_part > ul > li > span { white-space: nowrap; font-size: .9rem;}

.emailsvc_wrap .title_wrap {
    display: flex; gap:.5rem; align-items: center; padding:.7rem;
}
.emailsvc_wrap .title_wrap h3 {
    font-size: 1.1rem; color:var(--blue-1);
    font-weight: 700; 
}

#news_popup{
    z-index: 10000;
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.news_contents {
    width:1000px; height:80vh;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.news_contents  .title_wrap {
    background-color: var(--gray-1);
    color:var(--white);
    padding:1rem;
    display: flex; justify-content: space-between; align-items: flex-start;
    box-sizing: border-box;
}

.news_contents  .news_contents .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}

.news_wrap {padding:1rem; box-sizing: border-box;}
.news_contents .news_content {
    width:100%;
    padding:1rem;
    box-sizing: border-box;
}
.news_contents .news_content table{
    width:100%;
    box-sizing: border-box;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.news_content th,
.news_content td {
    border-bottom:var(--border-1);
    padding:1rem;
    vertical-align: middle;
    text-align: left; font-weight: normal;
}
.news_contents .news_content th {
    width:15%; font-weight: 600;
    background-color: var(--gray-6);
    white-space: nowrap;
}
.news_contents .news_content td {text-align: left;}
.news_contents .news_content .content_text{line-height: 1.5rem;}

/* 로그인팝업 */
#login_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.login_pop_wrap {
    z-index: 10000;
  width:40%; height:auto;
  position:fixed;  left:50%;  top:50%;
  transform:translate(-50%,-50%);
  background-color: var(--white);
}
.login_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.login_pop_wrap >.login_container {
    display: flex; flex-direction: column; gap:3rem;
    padding:2rem; font-size: .9rem;
}
.login_pop_wrap >.login_container >.login_contents {
    width:100%;
}
.login_pop_wrap >.login_container >.login_contents >.login_form {
    display: flex; flex-direction: column; gap:1rem;
}
.login_pop_wrap >.login_container >.login_contents >.login_form input {
    width: 100%;
}
.login_pop_wrap >.login_container >.login_contents >.login_form span {
    width: 100%;
}
.login_pop_wrap >.login_container >.login_contents >.id_pw_chk_label {
    padding:.5rem 0;
    display: flex;   gap:.5rem; align-items: center;
}
.login_pop_wrap >.login_container >.login_contents> .btn_wrap {
    display: flex; flex-direction: column;
    padding:1rem 0;
}
.login_pop_wrap >.login_container >.login_contents> .btn_wrap > div {
    display: flex;  gap:.5rem
}

/* 회원가입 팝업 */
#member_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.member_pop_wrap {
    z-index: 10000;
    min-width: 1000px;  height: auto;
    max-height: 90vh;
    position: fixed;
    left: 50%; top: 3rem;
    transform: translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex; gap:.5rem; flex-direction: column;
}
.member_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.member_pop_wrap >.member_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}
.member_pop_wrap >.member_container .member_table .part_title .part_title_inner {
    background-color: var(--white); color:var(--gray2-1);
    font-weight: 600; text-align: left;
    display: flex; gap:2rem;
}

.member_pop_wrap >.member_container .member_table .part_title .part_title_inner span {letter-spacing: -0.02rem;}
.member_pop_wrap >.member_container table{
    width:100%;
    font-size: .9rem;
     border-top:var(--border-2);
}

.member_pop_wrap >.member_container .member_table table th {

  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.member_pop_wrap >.member_container th,
.member_pop_wrap >.member_container td
 {
  border-bottom:var(--border-1);
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.noti_text { color:var(--blue-1); line-height: 1.5rem; white-space: nowrap;}

.guset_check > div {display: flex; align-items: center; gap:.5rem}

.ctf_phone  {
    display: flex; flex-direction: column; gap:.5rem;
}

.ctf_phone>div {
    display: flex; align-items: center;
    gap:.5rem;
}
.ctf_phone > div > div{display: flex; align-items: center;
    gap:.5rem;}
.ctf_phone >div input[type="number"]
    {
    width:40%;
}
.ctf_phone .ctf_wrap_phone {display: none;}
.ctf_phone .ctf_wrap_phone > div {
    display: flex;
}
.ctf_phone .ctf_wrap_phone > div > div {display: flex; gap:.5rem}
.ctf_phone .ctf_wrap_phone > input {width:50%}
.ctf_email {
    display: flex; flex-direction: column; gap:.5rem;
}

.ctf_email>div {
    display: flex; align-items: center;
    gap:.5rem;
}
.ctf_email > div > div{display: flex; align-items: center;
    gap:.5rem;}
.ctf_email >div input[type="email"]
{
    width:40%;
}
.ctf_email .ctf_wrap_email {display: none;}
.ctf_email .ctf_wrap_email > div {
    display: flex;
}
.ctf_email .ctf_wrap_email > div > div {display: flex; gap:.5rem}


.privision_wrap{
    width:100%; padding-top: 2rem;
}

.privision_wrap h3 {
    border-top: var(--border-2);
    border-bottom: var(--border-1);
    background-color: var(--gray-6);
    padding:1rem;
}
.privision_wrap ul li {
    display: flex; justify-content: space-between;
    font-size: .9rem;
    padding:.7rem;
    border-bottom: var(--border-1);
}



/* 회원정보수정 팝업 */
#modify_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.modify_pop_wrap {
    z-index: 10000;
    min-width: 1000px;  height: auto;
    max-height: 90vh;
    position: fixed;
    left: 50%; top: 3rem;
    transform: translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex; gap:.5rem; flex-direction: column;
}
.modify_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.modify_pop_wrap >.member_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}
.modify_pop_wrap >.member_container .member_table .part_title .part_title_inner {
    background-color: var(--white); color:var(--gray2-1);
    font-weight: 600; text-align: left;
    display: flex; gap:2rem;
}

.modify_pop_wrap >.member_container .member_table .part_title .part_title_inner span {letter-spacing: -0.02rem;}
.modify_pop_wrap >.member_container table{
    width:100%;
    font-size: .9rem;
     border-top:var(--border-2);
}

.modify_pop_wrap >.member_container .member_table table th {
  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.modify_pop_wrap >.member_container th,
.modify_pop_wrap >.member_container td
 {
  border-bottom:var(--border-1);
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}
.modify_pop_wrap >.member_container td input { width:50%}


/* 아이디패스워드찾기 팝업 */
#idsearch_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
#pwsearch_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.idpw_pop_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--white);

    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.idpw_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.idpw_pop_wrap >.idpw_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}

.idpw_pop_wrap .idpw_container table{
    font-size: .9rem;
    width:100%;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}

.idpw_pop_wrap .idpw_container .part_title {
  background-color: var(--white); color:var(--gray2-1);
  font-weight: 600;
}

.idpw_pop_wrap .idpw_container th {
  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.idpw_pop_wrap .idpw_container td , .idpw_table th {
  border-bottom:var(--border-1);
  padding:.7rem 1rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.idpw_pop_wrap .idpw_container .idpw_table table  tbody  tr .input_select {
  width:100%;  box-sizing: border-box;
  display: flex; gap:1rem; align-items: center;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap {
  display: flex; gap:.5rem; align-items: center; flex-wrap: wrap;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap > div {
    display: flex;  gap: .3rem; align-items: center;
    flex-wrap: nowrap; white-space: nowrap;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap .text_blue{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ctf_container1, .ctf_container2  {
    display: none;
}
.email_ctf_wrap, .mobile_ctf_wrap {
    display: flex; flex-direction: column; gap:.5rem;
}
.email_ctf_wrap > div, .mobile_ctf_wrap > div {
    width:100%;
    display: flex; align-items: center; gap:.5rem;
}
.email_ctf_wrap > div > .add_num, .mobile_ctf_wrap > div > .add_num{

    min-width: 90px;
    padding: 0 .5rem;
    display: inline-flex;
    white-space: nowrap;
}

.tooltip_question{
    position: relative;
    padding:0 6rem;
}

.tooltip_question2{
    position: absolute;
    margin-top: -18px;
    margin-left: 3px;
    padding:0 6rem;
}

.tooltip_question3{
    position: absolute;
    margin-top: -18px;
    margin-left: -34px;
    padding:0 6rem;
}

.tooltip_question4{
    position: absolute;
    margin-top: -20px;
    margin-left: -5px;
    padding:0 6rem;
}

.tooltip_question5{
    position: absolute;
    margin-top: -20px;
    margin-left: -30px;
    padding:0 6rem;
}

.tooltip_box {
    display: none;
    position: absolute;
    top: 100%; left: 5rem;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
}

.tooltip_box2 {
    display: none;
    position: absolute;
    top: 35%;
    left: -15%;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.tooltip_box3 {
    display: none;
    position: absolute;
    top: 35%;
    left: -60%;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
	max-width: 270px;
}

.tooltip_box4 {
    display: none;
    position: absolute;
    top: 35%;
    left: 0;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.tooltip_box5 {
    display: none;
    position: absolute;
    top: 35%;
    left: 25px;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.dot_question {
    display: block;
    padding-left:24px;
    background-position: left top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
    height:30px; 
	line-height: 22px;
}

.dot_question2 {
    display: block; 
    padding-left:24px;
    background-position: left top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
	background-size: 11px;
    height:30px; 
}

.dot_question3 {
    display: block; 
    padding-left:24px;
    background-position: left 23px top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
	background-size: 11px;
    height:30px; 
}

.check_input{
    width: auto;
    height: 36px;
    border: 1px solid var(--color-6);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
}

/* 아이디확인 */
#idpw_check{
    display: none;
    z-index: 10000;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.idpw_check_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.idpw_check_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.idpw_check_wrap >.idpw_checker div {
    display: flex; flex-direction: column; gap:2rem;
    align-items: center;
    padding:10% 8%;
    background: var(--white);
}
.idpw_check_wrap >.idpw_checker p {
    font-size: 1.5rem;
}
.idpw_check_wrap >.idpw_checker span{
    color: var(--blue-1); font-weight: 800;
}

/* 비밀번호 재설정 */
#pass_check{
    display: none;
    z-index: 10000;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.pass_check_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.pass_check_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.pass_check_wrap >.pass_checker {
    padding: 3%;
    display: flex; flex-direction: column; gap:2rem;
    background: var(--white);
}
.pass_check_wrap >.pass_checker div {
    width: 100%;
    padding:.5rem;
    display: flex;  flex-direction: column;
    gap: 1rem;
}

.pass_check_wrap >.pass_checker p {
    font-size: 1.5rem; text-align: left;
}
.pass_check_wrap >.pass_checker span{
    color: var(--blue-1); font-weight: 800;
}

/* ===================================================================== */

#pw_result {
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.pw_result_content {
    z-index: 30000;
    width:30vw;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    border-radius: 1rem;
    border:1px dotted var(--gray-1);
    padding:1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.pw_result_content .title_wrap {
    display: flex; justify-content: space-between;
    align-items: flex-start;
}

.pw_result_content .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.pw_result_content .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.pw_result_content .popup_text {
    padding:1rem;
}

.pw_result_content  .btn_wrap{
    display: flex; justify-content: center; gap:.5rem;
}

.line_dot {
    display:block ; width: 100%; height:1px; border-bottom:var(--border-dot-1);
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.setting_wrap_group {
    width:100%;
}
.setting_wrap_group > ul  {display: flex; gap:.5rem; align-items: center;}
.setting_wrap_group > ul > li {display: flex; gap:.5rem;  align-items: flex-start;}
.setting_wrap_group ul li .group_title{
    width: fit-content;
    text-align: center;
    font-size: .9rem;
    display: block;
    padding:0 .7rem; height:34px; line-height: 33px;
    white-space: nowrap;
    background-color: var(--gray-2);
    color: var(--white);
    border-radius: 3px;
}

.setting_wrap_group > ul > li > div {
    display: flex; align-items: center; gap:.5rem; flex-wrap: wrap;
}

.setting_wrap_group > ul > li > div > p{
    border: var(--border-1);
    padding:0 .7rem; height:36px; line-height: 33px;
    font-size: .9rem; font-weight: 600;
    border-radius: 6px;
    width:fit-content;
    padding:0 10px;
    white-space: nowrap;
    background-color: var(--white);
}

.favorite_wrap_group > ul{
    display: flex; flex-direction: column; gap: .5rem;
}

.favorite_wrap_group > ul > li {
    display: flex; flex-direction: row;
    align-items: center; gap:.5rem;
}

.favorite_wrap_group span {
    padding:0 .7rem; height:36px; line-height: 33px;
    text-align: center; font-size: .9rem;
    display: block; white-space: nowrap;color:var(--white);
    border-radius: 3px;
}
.favorite_wrap_group > ul > li:first-child span:nth-of-type(2){ color:var(--color-blk); }
.favorite_wrap_group > ul > li:nth-child(1) span:nth-child(1){ background-color: var(--blue-4); }
.favorite_wrap_group > ul > li:nth-child(2) span{ background-color: var(--blue-3); }
.favorite_wrap_group > ul > li:nth-child(3) span{ background-color: var(--blue-4); }

.mailset_wrap_group ul { display: flex; gap:1rem}

#excep_popup{
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.excep_popup_wrap {
    z-index: 1000;
    width:50vw;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.excep_popup_wrap {
    border-top: var(--border-3);
}
.excep_popup_wrap .constent1 {
    background-color: var(--gray-6);
    padding:1rem;
}

.excep_popup_wrap .constent1 .title_wrap {
    display: flex; justify-content: space-between; align-items: flex-start;
}

.excep_popup_wrap .constent1 .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.excep_popup_wrap .constent1 .title_wrap .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.excep_popup_wrap .content2 {
    background-color: var(--white);
    padding:1rem;
}

.excep_popup_wrap .title_wrap {
    display: flex; gap:.5rem; align-items: center;
}


@media (max-width:1200px) {
    .popup_contents {font-size: .85rem;}
    .news_contents {
        width:calc(100% - 30px);
    }
    .news_content th,
    .news_content td {
        padding:.5rem;
    }
    .noti_text { white-space: normal;}

    .login_pop_wrap { top:2rem; transform:translate(-50%, 0);}

    .login_pop_wrap,
    .idpw_pop_wrap,
    .member_pop_wrap,
    .modify_pop_wrap {
        min-width: auto;   /* 440px 강제 최소폭 해제 */
        width: calc(100% - 40%);
    }

    .login_pop_wrap >.login_container >.login_contents> .btn_wrap > div {
        display: flex; flex-direction: column;  gap:.5rem
    }
    .login_pop_wrap >.login_container >.login_contents> .btn_wrap > div > button {width:100%}

    .modify_pop_wrap >.member_container { padding:.5rem; }
    .member_pop_wrap >.member_container { padding:.5rem; }
    .member_pop_wrap >.member_container td input { width:100%}
    .modify_pop_wrap >.member_container td input { width:100%}

    .idpw_pop_wrap >.idpw_container { padding:.5rem; }

    .ctf_phone > div{
        flex-direction: column;
        align-items: flex-start;
    }
     .ctf_email > div{
        flex-direction: column;
        align-items: flex-start;
    }
    .ctf_phone .ctf_wrap_phone > div {
        flex-direction: column; align-items: flex-start;
    }

    .ctf_email .ctf_wrap_email > div {
        flex-direction: column; align-items: flex-start;
    }

    .member_pop_wrap >.member_container .member_table .part_title .part_title_inner {
        flex-direction: column; gap:.5rem;
    }

    .modify_pop_wrap >.member_container .member_table .part_title .part_title_inner {
        flex-direction: column; gap:.5rem;
    }

    .idpw_pop_wrap .idpw_container .idpw_table table  tbody  tr .input_select  {
        justify-self: start;
        align-items: flex-start;
        flex-direction: column;
    }
    .check_input {width:100%}
    .wrap {white-space: nowrap;}

    .w6 {width:auto}

    .idpw_check_wrap >.idpw_checker p {
    font-size: 1rem; text-align: center;
    }

    .setting_wrap_group {
        width:100%; font-size: .9rem;
    }
    
    .favorite_wrap_group > ul{
        font-size: .9rem;
    }
    .favorite_wrap_group span {
        padding:.1rem .4rem;
    }
    
    .select_part ul li {
        width:45%;
    }
    .select_part > ul > li > span { white-space: nowrap; font-size: .8rem;}
    .excep_popup_wrap {
        z-index: 1000;
        width:90vw;
        position:fixed;  left:50%;  top:2rem;
        transform:translateX(-50%);
        background-color: var(--white);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
}
@media (max-width:768px) {
    .login_pop_wrap,
    .idpw_pop_wrap,
    .member_pop_wrap,
    .modify_pop_wrap {
        min-width: auto;   /* 440px 강제 최소폭 해제 */
        width: calc(100% - 30px);
    }
	.pw_result_content {
		width: 98%;
	}
    .favorite_wrap_group > ul > li {
        flex-direction: column;
        align-items: flex-start;
    }  
	.favorite_wrap_group > ul > li input {
		width:100% !important;
	}
    .emailsvc_wrap .title_wrap h3 {
		font-size: 1rem; color:var(--blue-1);
		font-weight: 700;
	}
	.email_ctf_wrap > div, .mobile_ctf_wrap > div {
		display:contents !important;
	}
	.mailset_wrap_group ul {
		display: grid;
		gap: .5rem;
		grid-template-columns: 1fr 1fr;
	}
	input[type=text], input[type=password] {width: 100%;}
}/* 2024 start */

.aver_container {
  width: 100%;
}

.aver_content {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.aver_content table {
  border-top: var(--border-3);
  font-size: .9rem;
  line-height: 1.2rem;
  color: var(--gray-2);
  width: 100%; 
  border-collapse: collapse;
  table-layout: auto; 
  word-break: break-word;
  margin-bottom: 1rem;
}
.aver_content table tr{
  border-bottom:var(--border-1)
}

.aver_content table tbody tr th {
  border: 1px solid #c2c2c2;
  vertical-align: middle;
}
.aver_content>table>tbody>tr>td {
  white-space: normal;
  word-break: break-word;
} 
.aver_content table th,
.aver_content table td {
  white-space: normal; 
  word-break: break-word;
  padding:.7rem; 
  border-bottom:var(--border-1);
  border-left:var(--border-1);
  border-right:var(--border-1);

}
.aver_content table tr th {
  color:var(--gray-1);
  background-color: var(--gray-5);
}

.aver_content table .sisl_btn {
  padding:.2rem;
  border-radius: 3px;
  font-size: .8rem; 
  border: var(--border-1);
  background-color: var(--gray-1);
  color: var(--white);
}
/* 2024 end */
@media (max-width:768px) {
    .aver_content table th,
.aver_content table td {
    font-size: .9rem;
}
}/* 검색영역 */
.search_board {width:100%}
.search_board_wrap {
  display: flex; align-items: center; gap:1rem;
}
.search_board2 {
  width:100%;
  display: flex; gap:.5rem;
}
.search_board2 .search_board_wrap2 {
  width:100%; 
}

.search_board2 .search_board_wrap2 .search_row{
  display:flex; gap:1rem; align-items:center; width:100%;
}

.owner_id:not(:has(*)) { display: none; }
.owner_id:not(:has(> select)) { display: none; }

.owner_id,
.search_type{ 
  display:flex; gap: .5rem; align-items:center;
}
.search_type{ width: 100%;}

.owner_id select,
.search_type select,
#SearchWord{
  height:38px; 
  border:1px solid var(--color-6);
  border-radius:6px;
  padding:0 12px;
  font-size:15px;
  font-weight:500;
  box-sizing:border-box;
}

#SearchWord{ flex:1 1 auto; min-width:0; }

.search_type select{
  flex:0 0 200px; min-width:120px;
}
.owner_id select{
  flex:0 0 200px; min-width:160px;
}

.info_text { 
  min-width:2.6rem; font-weight: 700; 
  font-size: .9rem; color:var(--blue-1);
}


/* 리스트용 테이블 스타일 */
.support_board_list {
  width: 100%; 
  margin-bottom: 3rem;
}

.support_board_list table {
    font-size: .9rem;
    width: 100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    border-collapse: collapse; 
    table-layout: fixed;
}
.support_board_list thead th {
    background-color: var(--gray-6);
    font-weight: 600; 
}

.support_board_list thead th:nth-child(1) { width: 10%; min-width: 30px; }
.support_board_list thead th:nth-child(2) { width: 15%; min-width: 80px; }
.support_board_list thead th:nth-child(3) { width: auto; }
.support_board_list thead th:nth-child(4) { width: 10%; min-width: 100px; }

.support_board_list tbody td,
.support_board_list thead th {
  border-bottom: none; 
  border: 1px solid #ddd;
}

.support_board_list thead tr,
.support_board_list tbody tr {
  border-bottom: var(--border-1); 
}

.support_board_list thead th, 
.support_board_list tbody td {
  padding:1rem .5rem;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;  
}

.support_board_list tbody tr:nth-child(even) {
    background-color: var(--gray-7); 
}
.support_board_list .company span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%; 
}
.support_board_list .title {
  text-align: left;
}
.support_board_list .title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%; 
}

.support_board_list .date span {
    white-space: nowrap;
    display: block;
    text-align: center;
    width: 100%;
}

.support_board_list tbody td a {font-size: .95rem;}
.support_board_list tbody td a:hover { color:var(--blue-1)}

.pagination {
  display: flex; gap:2rem; 
  align-items: center; justify-content: center;
}
.pagination .page_number {
  display: flex; gap:1rem; font-size: .9rem;
}
.pagination .page_number a {
  display: block; color: var(--gray-2); font-weight: 600;
  width:auto; padding:0 .5rem;
  height:24px; text-align: center;
  line-height: 24px;
}
.pagination .page_number a.active {
  background-color: var(--blue-1);
  border-radius: 50px;
  color: var(--white);
}


/* 투찰율 실적배수 */
.owner_title_wrap {
  padding:1rem 0 1rem 0;   
}

.owner_title {
  display: flex; justify-content: space-between; align-items: center;
}
.owner_title h3 {
  font-size: 1.1rem; color:var(--blue-2)
}

.owner_container {
  width: 100%;
}

.owner_content {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.owner_content table {
  border-top: var(--border-3);
  font-size: .9rem;
  line-height: 1.2rem;
  color: var(--gray-2);
  width: 100%;        /* 🔹 고정폭 대신 100% */
  min-width: 600px;   /* 🔹 최소폭만 설정 (내용에 맞게 조정 가능) */
  border-collapse: collapse;
  table-layout: auto; /* 🔹 컬럼 크기 자동 조정 */
  word-break: break-word;
}
.owner_content table tr{
  border-bottom:var(--border-1)
}

.owner_content table tbody tr th {
  border: 1px solid #c2c2c2;
  vertical-align: middle;
}
.owner_content>table>tbody>tr>td {
  white-space: normal;
  word-break: break-word;
} 
.owner_content table th,
.owner_content table td {
  white-space: normal; 
  word-break: break-word;
  padding:.7rem; 
  border-bottom:var(--border-1);
  border-left:var(--border-1);
  border-right:var(--border-1);

}
.owner_content table tr th {
  color:var(--gray-1);
  background-color: var(--gray-5);
}

.owner_content table .sisl_btn {
  padding:.2rem;
  border-radius: 3px;
  font-size: .8rem; 
  border: var(--border-1);
  background-color: var(--gray-1);
  color: var(--white);
}

.tr-color {
  background-color: var(--gray-7);
}
.owner_text_wrap{
  padding:1.5rem 2rem;
}
.owner_text_wrap h4 {
  color:var(--gray-1);
}
.owner_text_wrap h4::before{
  content: url("/assets/images/svg/dot_red.svg");
  position: relative; right:5px; bottom: 2px;
}
.owner_text_wrap ul {
  padding:.5rem .5rem; color: var(--gray-2);
}


.aver_title_wrap {
  padding:1rem 0 1rem 0;   
}

.aver_title {
  display: flex; justify-content: space-between; align-items: center;
}
.aver_title h3 {
  font-size: 1.1rem; color:var(--blue-2)
}
.aver_tap select{
  width:100%; 
  height: 38px; border:1px solid var(--color-6); 
  border-radius:6px; 
  padding:0 12px; font-size:15px; 
  font-weight:500;
  box-sizing: border-box; 
}
.aver_tap_list {
  display: flex; justify-content: space-around;
}
.aver_tap_list li{
  padding:.7rem .3rem;
  flex: 1; text-align: center;
  background-color: var(--gray-2);  
}

.aver_tap_list li a{ color:var(--white); font-size: .9rem; font-weight: 600;}
.aver_tap_list li.active{
  flex: 1;
  color: var(--white);
  background-color: var(--gray-1);
}
.tab_box { display: none; }
.tab_box.active { display: block;}
.aver_tap_content .tab_box {
  font-size: .9rem; 
}
.aver_tap_content .tab_box .tab_box_text {
  display: flex; flex-direction: column; gap: .2rem;
}
.aver_tap_content .tab_box h3{ 
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: var(--border-1);
  border-radius: .5rem;
  color:var(--gray-1); 
  text-align: center;
  background-color: var(--gray-7);
  padding: .8rem 0 .8rem 0 ; font-size: 1.1rem;
  box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2)
} 
.aver_tap_content .tab_box h4{ color:var(--gray-2);}
.aver_tap_content .tab_box h4::before{  
  content: url("/assets/images/svg/dot_red.svg");
  position: relative; right:0px; bottom: 2px;
  padding:5px;
} 


.rate_table_wrap {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap:2%;
}

.rate_table_wrap table {
  border-top: var(--border-3);
  font-size: .9rem;
  line-height: 1.2rem;
  color: var(--gray-2);
  width: 48%;  
  flex: 1 1 calc(50% - 1rem);
  box-sizing: border-box;
}
.rate_table_wrap table tr{
  border-bottom:var(--border-1)
}

.rate_table_wrap table tbody tr th {
  border: 1px solid #c2c2c2;
  vertical-align: middle;
}
.rate_table_wrap>table>tbody>tr>td {
  white-space: normal;
  word-break: break-word;
} 
.rate_table_wrap table th,
.rate_table_wrap table td {
  white-space: normal; 
  word-break: break-word;
  padding:.7rem; 
  border-bottom:var(--border-1);
  border-left:var(--border-1);
  border-right:var(--border-1);
}

.owner_content table {
  border-top: var(--border-3);
  font-size: .9rem;
  line-height: 1.2rem;
  color: var(--gray-2);
  width: 100%;  
  flex: 1 1 calc(50% - 1rem);
  box-sizing: border-box;
}
.owner_content table tr{
  border-bottom:var(--border-1)
}

.owner_content table tbody tr th {
  border: 1px solid #c2c2c2;
  vertical-align: middle;
}
.owner_content>table>tbody>tr>td {
  white-space: normal;
  word-break: break-word;
} 
.owner_content table tbody tr th {
  color:var(--blue-1);
}
.owner_content table th,
.owner_content table td {
  white-space: normal; 
  word-break: break-word;
  padding:.7rem; 
  border-bottom:var(--border-1);
  border-left:var(--border-1);
  border-right:var(--border-1);
}
.owner_content table colgroup{display: none;}
.blank {display: none;}

.h-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.h-scroll > table{
  width: auto;  
  max-width: none; 
  table-layout: fixed; 
  border-collapse: collapse;
  padding-bottom: 1rem;
}

/* 경영상태평균비율 */
.sub_title {
  padding:1rem;
  font-size: 1.2rem; color:var(--blue-1);font-weight: 600;
}
.ratiotab {
  display: flex; flex-wrap: wrap; gap:.5rem; 
  padding-bottom: 1rem;
}
.ratiotab a {
  border: var(--border-1);
  border-radius: .3rem;
  padding:.7rem .3rem; flex: 1;
  text-align: center;
  white-space: nowrap;
}

.ratiotab_select {
  padding:.5rem;
  display: flex; gap:1rem;  
}
.ratiotab_select select {
  width:100%; 
  height: 38px; border:1px solid var(--color-6); 
  border-radius:6px; 
  padding:0 12px; font-size:15px; 
  font-weight:500;
  box-sizing: border-box;   
}


.toggle_tab  { 
  color:var(--gray-2);
  width:100%;
}

.toggle_tab h3 {color:#2263ad; padding:.5rem;}
.txtbox {
  border:var(--border-1);  
  padding:1rem;
}
.toggle_tab table {
  min-width: 1000px;
  overflow-x: auto;
  overflow-y: auto;
}

.toggle_tab table tbody tr th {
  background-color: var(--gray-6); 
  color:var(--blue-1);
}
.toggle_tab table tbody tr th,
.toggle_tab table tbody tr td {
  border:var(--border-1);
  padding:.5rem; 
}

.toggle_tab strong { 
  color:var(--red-1); line-height: 30px; margin-bottom: .5rem
}
.toggle_tab .blank {display: none;}


/* 자치단체 일반용역 */
#local_yong_div {
    margin: 0 auto;
    width:calc(100% - 30px);
    padding:1rem 0;
    box-sizing: border-box;
}
#local_contents {width:100%}
.sub_navi_980 {width:100%}

#content_90p {
    width:100%; 
}
.ncenter { 
  display: flex; justify-content: space-between; align-items: center;
  box-sizing: border-box;
 
}
.local_sort {width:100%}

.local_sort>table {
  font-size: 1rem;
    border-top:var(--border-3);
    border-bottom:var(--border-1);
    width:100%;
}

.local_sort>table a{white-space: nowrap;}

.local_sort td{
    margin:0;
    padding:.7rem ;
    border-bottom:1px solid #ddd; 
    box-sizing:border-box;    
  }

.field_sort {
    width: 100%; display: flex; gap:.5rem;
    padding:1rem 0;
}
.field_sort .field_title { 
  font-size: 1rem;
    cursor: pointer;
    background-color: var(--gray-6);
    border: var(--border-1);
    padding:.3rem 1rem;
    border-radius: .3rem;
    white-space: nowrap;
}
.field_sort .pointer { 
    border: var(--border-1);
    padding:.3rem 1rem;
    border-radius: .3rem;
}

#local_content_div{
  width:100%;
  color: var(--gray-3);
}
.local_title {
    width:100%;  
    padding:1rem;
    color:var(--gray-1); 
    border-bottom: var(--border-2);
}
.main_title{
    color:var(--blue-1);
    font-size: 1.2rem;
}
.bold {font-weight: 600;}

.contents_comment {
    color:var(--gray-2); line-height: 1.5rem;    
}

.contents_comment_title {
    color:var(--gray-2); line-height: 1.5rem;
    padding:.5rem;
}

.contents_comment_contents {
    border:var(--border-1);
    color:var(--gray-1);
    padding:1rem;
    line-height: 1.5rem;
    margin: 1rem 0;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--gray-7)
}

.contents_table{
    width:100%;
    line-height: 1.5rem;
}
.table_title_div {padding:.5rem 0; color: var(--gray-2);}
.contents_table>table {
    border-top:var(--border-2);
    width:100%;
    margin:1rem 0;
    font-size: .9rem;
}
.contents_table>table>thead>tr {
    border-bottom:var(--border-1);
}
.contents_table>table>thead>tr>th {
    background-color: var(--gray-6);
    color:var(--blue-1);
    padding:1rem; white-space: nowrap;
}
.contents_table>table>thead>tr>th,
.contents_table>table>tbody>tr>td{
    border:var(--border-1); 
    line-height: 1.5rem;    
}
.division {
    text-align: left;
    line-height: 1.5rem;
}

.beRed {color:var(--red-1)}
.beBlue {color:var(--blue-1)}
.note_01 { 
    font-weight: 600; font-size: .9rem; color:var(--blue-3);
    padding:.5rem 0; 
}
.aleft { text-align: left;}

/* 온라인 교육동영상 */
.lecture_container colgroup{ display:table-column-group; }
.lecture_container col{ display:table-column; }

.lecture_container table{
  width:100%;
  border-collapse: collapse;
  border-top:var(--border-3);
  border-bottom:var(--border-2);
  margin:1rem 0;
  font-size: 1rem;
}
.lecture_container thead{ display:table-header-group; }
.lecture_container tbody{ display:table-row-group; }
.lecture_container tr{ display:table-row; }
.lecture_container th, .lecture_container td{
  display:table-cell;
  padding:.7rem 1rem;
  color:var(--gray-2);
  border:0;
}
.lecture_container td:nth-child(1) {
  font-weight: 900;
}
.lecture_container td:nth-child(2) {
  color:var(--blue-1); font-weight: 700;
}
.lecture_container thead tr,
.lecture_container tbody tr{ 
  border-bottom: var(--border-1); 
}
.lecture_container thead th{ 
  background-color: var(--gray-6); 
}

.popupModalVideo{ width:100%; padding:1rem 0; }
.popupModalVideo > ul{ 
  width:100%; margin:0; padding:0; list-style:none; 
}
.popupModalVideo > ul > li{
  display:flex; justify-content:space-between; gap:.5rem;
  width:100%; padding:.5rem 0;
}
.popupModalVideo .lec_title{
  min-width:0; 
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap;
  color:var(--gray-1)
}
.popupModalVideo .lec_btn{
  flex:0 0 auto; 
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  font-size:.9rem; border-radius:.2rem; 
  padding:.3rem .7rem;
  background-color:var(--gray-1); color:var(--white);
}
.popupModalVideo .lec_btn:hover {
  background-color: var(--gray-3);
}
.preview_cell{
  background-image: url("/assets/images/svg/video_bg.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15%;
}


@media (max-width:1200px) {

  .pagination  { gap:1rem }
  .pagination .page_number { gap:.3rem}

  

  .support_board_list .title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
  }
  
  .support_board_list .date span {
      letter-spacing: -0.05rem;
       min-width: auto;
      max-width: 100%;
  }

  .support_board_list .company span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .owner_text_wrap {
    font-size: .9rem;
  }

}
@media (max-width:768px) {
  .nav-space-bar {margin-top: 15px;}
  .account-wrap .login .my-list {padding: 8px 16px !important;}
  .support_board_list thead th:nth-child(1) {width: 14%;min-width: 30px;}
  .support_board_list thead th:nth-child(2) {width: 20%;min-width: 80px;}
  .support_board_list thead th:nth-child(3) { width: auto; }
  .support_board_list thead th:nth-child(4) {width: 22%;min-width: 100px;}

  .search_board_wrap {gap:.5rem}
  .search_board_wrap .info_text {font-size: .9rem;}

 .search_board2 .search_board_wrap2 .search_row{
    flex-direction: column; gap:.2rem;
    align-items: stretch;
  }

  .owner_id, .search_type{
    width: 100%;
  }

  .owner_id select{
    flex: initial; 
    width: 100%;  min-width: 0; 
  }

  .search_type select{
    font-size: .9rem;
    flex: initial; width: 30%; min-width: 80px;
  }

  #SearchWord{
    flex: 1;
  }
  .info_text { font-size: .85rem; min-width: 2.3rem;}

 
  .search_board2 .search_board_wrap2 div{ gap: .5rem;}
  .owner_content {
    width: 100%;
    overflow-x: auto;
  }
  .owner_content table {
    width: 100%;
    table-layout: auto;
    overflow-x: auto;
  }
  .owner_content table th,
  .owner_content table td {
    font-size: 0.8rem; 
    padding: .5rem; 
    white-space: nowrap;
  }
  .owner_title {
     flex-direction: column;
    align-items: flex-start; 
  }
  .owner_title > .owner_title_btn{
    width: 100%; padding-top: .5rem;
    display: flex; gap: .3rem; justify-content: flex-end;
  }

  .rate_table_wrap {
    display: flex;  gap:3%;
    flex-direction: column;
  }

   .rate_table_wrap table{
    width:100%
  }
  #local_yong_div {
     max-width: 100%;
  }
  .local_sort>table {
    font-size: .9rem;  
  }
  .field_sort {
    width: 100%; display: flex; gap:.3rem;
    padding:1rem 0; flex-wrap: wrap;
  }
  .field_sort .field_title { 
    padding:.2rem .4rem;
    border-radius: .2rem;
    font-size: .85rem;
  }
  .field_sort .pointer { 
    padding:.2rem .3rem;
    border-radius: .2rem;
    font-size: .85rem;
  }
  .contents_table{
    max-width: 950px;    
  } 
  #local_contents {
    min-width: 950px; 
  }

  #local_content_div {
    overflow-x: auto;
    border: 1px solid #f5f5f5;
  }


  .local_sort table{
    display:block; 
    border-collapse:separate; 
    border-spacing:0;
    width:100%;
  }
  .local_sort thead{ display:none; }

  .local_sort tbody{
    display:grid; 
    grid-template-columns: repeat(3, minmax(0,1fr)); 
    gap:0px; 
  }

  .local_sort tr{ display: contents; } 
  .local_sort td{
    display:block;
    margin:0;
    padding:.5rem .3rem;
    box-sizing:border-box;
    background:#fff;
  }
  .local_sort td:empty{ display:none; }

  .local_sort td > a{
    display:block; 
    width:100%;
    text-decoration:none;
  }
  .ratiotab {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
    gap: .5rem;
  }

  .ratiotab > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  .ratiotab a {
    border: var(--border-1);
    font-size: .9em;
    border-radius: .3rem;
    padding:.3rem .4rem; flex: 1;
    text-align: center;
    white-space: nowrap;
  }
  .toggle_tab{ 
    font-size:.9rem; }
  
    .toggle_tab table{ 
      width: 1000px; 
      overflow-x: auto;
    }

  .ratiotab_select {
    padding:.5rem;
    display: flex; gap:1rem; flex-direction: column;
  }
  .ratiotab_select select {width:100%}

  .lecture_container table{
    border-top:none;
    border-bottom:none;
    font-size: .9rem;
  }

  .lecture_container colgroup, 
  .lecture_container col{ display:none; }

  .lecture_container{
    border-collapse:separate; border-spacing:0; 
  }
  .lecture_container thead{ display:none; }
  .lecture_container tbody tr{
    display:grid;
    grid-template-columns: 30% 1fr; 
    grid-template-areas:
        "c1 c2"
        "c3 c3"
        "c4 c4";
    border:1px solid var(--gray-3); 
    border-radius:10px;
    padding:1rem; 
    margin-bottom:2rem; 
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.2);
  }

  .lecture_container td{
    display:block;  padding:0;
    writing-mode: horizontal-tb; white-space: normal;
  }

  .lecture_container td:nth-child(1){ 
    grid-area:c1; padding:.7rem 0;
    font-size: 1rem;
  } 
  .lecture_container td:nth-child(2){ grid-area:c2; 
    padding-top:.5rem; 
    font-size: 1rem;
  } 
  .lecture_container td:nth-child(3){ grid-area:c3; 
    padding:.5rem; 
    border-top: 1px dotted var(--gray-3);
  } 
  .lecture_container td:nth-child(4){ grid-area:c4; 
    display: flex; justify-content: center;
  ;} 

  .preview_cell { min-height: 100px; background-color: var(--gray-7); }

}/* 입찰공고 검색 */
.content_wrap {width:100%}
.content_wrap form{ 
    width:100%; justify-content: space-between; display: flex; align-items: flex-end;
}
.content_wrap form fieldset {width:100%}
.bid_search_wrap {
    width:100%;
    display: flex;flex-direction: column;gap: .5rem;
}
.bid_search_wrap > div { 
    width:100%;
    display: flex; gap:1rem; align-items: flex-start;
}
.div_title {
    display: block; 
    color:var(--blue-1);
    width:100px;
    font-size: .9rem; font-weight: 600;    
}
.bid_search_wrap .work_btn_wrap {
    display: flex; gap:.5rem; width:100%;
}
.bid_search_wrap .work_btn_wrap button {
    font-size: .8rem; font-weight: 600; width:60px; height:28px;
    text-align: center; padding:0;
}
.bid_search_wrap .select_wrap > div {width:100%}
.bid_search_wrap .license_choice_radio { width:100%; display: flex; gap:1rem;}
.bid_search_wrap .license_choice_wrap {
    margin:.2rem 0;
    width:100%; display: flex; gap:1rem;
}
.bid_search_wrap .license_choice_wrap > div > div {
    width:100%;
}

.bid_direct_wrap, .bid_category_wrap {
    display: flex; gap:1rem; width:100%;
}

.bid_direct_wrap_input, .bid_category_wrap_input {
    display: flex; flex-direction: column;
    gap:.5rem; width:100%;
}

.bid_direct_wrap p, .bid_category_wrap p {
    display: block; 
    width:100px;
    height:28px;
    line-height: 28px;
    background-color: var(--gray-6);
    border-radius: 14px;
    color: var(--gray-2);
    font-size: .85rem;
    text-align: center;
    font-weight: 700;
}
.bid_direct_text, .bid_category_text{
    font-size: .9rem; font-weight: 600; 
    color: var(--blue-1);
}


/* 직접입력 면허명/지역설정 */
.bid_direct_wrap_input > div,
.bid_category_wrap_input > div {
    width:100%;
    display: flex; flex-direction: row; align-items: center;
    gap:.5rem;
}
.bid_direct_wrap_input > div > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;     
}

.bid_direct_wrap_input input[type="text"]{
    width:200px; height:28px;
}

.bid_direct_wrap_input select {
    width:200px; height:28px;
}

.bid_category_wrap > div {
    width:100%; 
    display: flex; flex-direction: column; gap:.5rem;
}
.bid_category_wrap_input > div > div {
    width:auto; display: flex; gap:.5rem;
}
.direct_input_area > div { 
    width: 100%; 
    display: flex;  align-items: center; gap:.5rem;
}
.category_input_area > div {
    width:100%; 
    display: flex; align-items: center; gap:.5rem;
}
.category_input_area > div span{white-space: nowrap;}
.category_input_area select{width:auto}

.bid_category_wrap_input select{width:200px; height:28px}
.bid_search_wrap .period_wrap > div {
    width:100%;
    display: flex; flex-direction: row; gap:.5rem;
    align-items: center;
}
.bid_search_wrap .period_input {display: flex; gap:.5rem}
.bid_search_wrap .period_input select,
.bid_search_wrap .period_input .date-wrapper input[type="text"]{
    width: 200px; height:28px;
}
.bid_search_wrap .searchword_wrap > div { 
    width:100%; display: flex; gap:.5rem;
}
.bid_search_wrap .searchword_wrap > div > div {
    display: flex; gap:.5rem;
}
.bid_search_wrap .searchword_wrap select{
    width:200px; height:28px;
}
.bid_search_wrap .searchword_wrap input {
    width:452px; height:28px;
}

.bid_search_btn_wrap { 
    margin-top: .5rem;
    display: flex; gap:.5rem;
    justify-content: flex-end;
}
.bid_search_btn_wrap button {
    height:80px;
}

.bid_category_wrap { display: none; }
.bid_category_text { display: none; }

.license_choice_radio {
    display: flex; flex-direction: row;
    align-items: flex-start; gap: 1rem;
}
.license_choice_radio > div {
    display: flex; gap:2rem;
}
.license_choice_radio label {cursor: pointer; font-size: .85rem;}

.bid_search_wrap .period_btn {
    display: flex; flex-wrap: nowrap; gap:.3rem
}
.bid_search_wrap .period_btn button {
    width: 45px ; height:28px; text-align: center; padding: 0;
    font-size: .8rem;
}
.period_input .date-wrapper input[type="text"] {
    height: 36px;
    padding: 0 4px;
    border: var(--border-1);
    border-radius: 6px;
    font-size: .9rem;
    cursor: pointer;
}

/* 입찰공고 중간 버튼/정렬/페이지수 */
.bid_func_wrap {
    position: relative;
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}
#legendview {
  display: none;
  position: relative;
  background-color: var(--white);
  width: auto;
  z-index: 1000;
  padding:.5rem 1rem;
  border: var(--border-1);
}
.legendview_wrap {
    display: flex; align-items: center; gap:1rem;
    font-size: .9rem;
    margin: 10px;
}
.legendview_wrap div {display: flex; gap:.5rem; align-items: center;}
.legendview_wrap h4 {color: var(--gray-2); font-weight: 600;}

.bid_func_wrap .btn_func_btn {
    display: flex; align-items: center; gap:.3rem;
}
.bid_func_wrap .btn_func_btn ul {display: flex; align-items: center; gap:.5rem;}
.bid_func_wrap .btn_func_btn span{font-size: .9rem; color:var(--gray-2); white-space: nowrap;}
.bid_func_wrap .btn_func_btn button {
    height: 28px; font-size:.9rem ;
    padding:0 28px 0 10px;
}
.bid_func_wrap .btn_func_right {
    display: flex; align-items: center; gap:.5rem
}
.bid_func_wrap .btn_func_align ul {display: flex; gap:.5rem}
.bid_func_wrap .btn_func_align select { 
    padding: 0px 25px 1px 5px;
    font-size: .85rem;
    height:28px; width:70px;
}
.bidetail_func_wrap {margin-bottom: 1rem;}
.bidetail_func_wrap ul {display: flex; gap:.5rem}
.btn_func_right .sub_title_num_wrap .legend2{ height:28px; width:70px; line-height: 26px;}

/* 입찰공고 상세페이지 */

.bidetail_container {
  width: 100%; 
  margin-bottom: 1rem;
  display: flex; gap:1rem;
}
.bidetail_line {
    width:100%; height:2px;
    display: block; 
    background-color: var(--blue-4);
    margin:.7rem 0;
}

.bidetail_info_l {width:100%; flex: 1;}

.bidetail_info_l th:nth-child(1){min-width: 160px;}
.bidetail_info_l td:nth-child(2){ width:50%}
.bidetail_info_l th:nth-child(3){ min-width: 160px;}
.bidetail_info_l td:nth-child(4){ width:50%}
.bidetail_info_l  table{
    border-top: var(--border-1);
    font-size: 1rem;
    width:100%; 
    border-collapse: collapse; 
}

.bid_title_wrap div {text-align: left;}
.bid_title_wrap div div {}
.bidetail_info_table table {
    border-collapse: collapse;
    border: var(--border-1); font-size: 1rem;
}
.bidetail_info_l th {
  font-weight: 600; text-align: left;
  background-color: #f5f5f5; color:#333; 
  vertical-align: middle;  padding: 6px 0 6px 10px;
  border: var(--border-1); 
}
.bidetail_info_l td{
  border: var(--border-1);
  padding:.7rem 1rem; color:#333;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}
.bidetail_info_l button {height:24px; border-radius: 3px; line-height: 24px;}

.bidetail_info_l .part_title {
  background-color: var(--white);
  padding:0; 
}
.bidetail_info_l .part_title h3 {
  font-size: 1rem; font-weight: 600;
}


.bidetail_title {
    width:100%;
    min-width: 0;
    max-width: 100%;
    display: block;
    background-color: var(--white); color:var(--blue-1);
    border-top: var(--border-2);
    border-bottom: var(--border-1);
}
.table_title1 { 
    display: grid; 
    grid-template-columns: 1fr auto;
    align-items: center; 
    gap: .5rem; 
    padding: .7rem 1rem;
}
.table_title1 h3 {
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.plan_title h3 { 
    color:var(--gray-3); font-size: 1.1rem; font-weight: 600;
}

.table_title3 h3 { 
    display: flex; gap:.5rem; font-weight: 600;
    color: var(--orange-1); font-size: 1rem;
}
.table_title4 h3 { 
    display: flex; gap:.5rem;
    color: var(--red-1); font-size: 1rem; font-weight: 600;
    line-height: 1.5rem;
}
.inner_table {background-color: var(--white);}

.attach_wrap > a {display: block; line-height: 1.5rem;}

.original_wrap { width:100%; }
.original_wrap .original_title h3{
    display: flex; gap:.5rem;  padding:.7rem 0;  
}
.original_wrap h3 {font-size: 1.1rem;}
.original_wrap .orginal_btn { display: none;}

.original_file_wrap {
    width:100%; overflow: hidden;
}
.bidetail_info_l .notice_text{
  font-size: .9rem; color: var(--blue-1);
}
.bidetail_info_l .notice_text::before{
  content: ""; padding:3px;
}

.bidetail_info_l .input_select {
  width:100%; 
  display: flex; gap:1rem;
}
.bidetail_info_l .input_select .input_wrap {
  display: flex; align-items: center; gap:.5rem;
}
.bidetail_info_l .input_select > div  input[type="radio"]{
   width: 14px; height: 14px;
  position: relative; bottom: 1.5px;
  accent-color: var(--blue-1);
}

.bidetail_info_l .input_select input{
  width:18rem; height: var(--h20); border: var(--border-1);
}

.bidetail_info_l .input_select .text_blue{ color:var(--blue-1); font-size: .9rem;}

.btn_wrap {
  display:flex; justify-content: center; gap:.5rem; padding:1rem
}

.inner_table { 
    border:3px solid #2282c5;
}
.inner_table  table {
    border:none;
}
.inner_table th:nth-child(1) { width:20%}
.inner_table td:nth-child(1) { width:25%}
.inner_table th:nth-child(2) { width:20%}
.inner_table td:nth-child(2) { width:25%}
.inner_table th {border-left: 0;}
.inner_table td:first-child {

    background-color: #2282c5; color:var(--white);
}
.inner_table .text_yellow {color:#FF0}
.inner_table .total_price {color: var(--blue-1); font-weight: 700;}

.bidetail_info_r {
    width:310px; 
    position: relative;
}
.bidetail_info_r > div {
    margin-bottom: 1rem;
}
.bidetail_info_r .bidetail_schedule {
    background-color: var(--blue-3);
    border-bottom: 1px solid var(--blue-3);
} 
.bidetail_info_r .bidetail_schedule p {
    padding: .5rem; 
    color:var(--white); font-weight: 600;
    text-align: center;
}
.bidetail_info_r .bidetail_schedule div {
    margin: .1rem;
    background-color: var(--white);
    padding:.5rem;
}

.bidetail_info_r .bidetail_schedule div > ul {
    display: flex; flex-direction: column;   
}
.bidetail_info_r .bidetail_schedule div > ul > li.active{
    background-color: var(--blue-4);
    color:var(--white);
    border-radius: 1.5rem 0 0 1.5rem;
    background-image: url("/assets/images/svg/arrow_left.svg");
    background-position: 2rem center;
    background-repeat: no-repeat;
    background-size: 5%;
}
.bidetail_info_r .bidetail_schedule div > ul > li{
    margin:.5rem;
    padding:.3rem;
    background-color: var(--blue-6);
    border: solid 1px #bdd6ea;
    border-radius: 1.5rem 0 0 1.5rem;
    padding-left: 3.5rem;
}

.bidetail_info_r .bidetail_schedule div > ul > .arrow_col{
    height: .8rem;
    border: none;
    background-color: transparent;
    background-image: url("/assets/images/svg/arrow_2down.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 0;
    margin: 0;
}
.bidetail_info_r .bidetail_basic p {
    color:var(--blue-1);
    padding: .5rem; font-weight: 600;
}
.bidetail_info_r .bidetail_basic table {
    width:100%; font-size: .9rem; line-height: 1.2rem;
} 
.bidetail_info_r .bidetail_basic table th {
    background-color: #f0f5f9; text-align: left;
}
.bidetail_info_r .bidetail_basic table th,
.bidetail_info_r .bidetail_basic table td {
    border:var(--border-1);
    padding:.5rem;
    font-weight: normal;
}
.bidetail_info_r .bidetail_basic table th {width:30%}
.bidetail_info_r .bidetail_basic table td {width:70%}

.bidetail_info_r .bidetail_calc p{
    color:var(--blue-1);
    padding: .5rem; font-weight: 600;
}

.bidetail_info_r .bidetail_calc .calc_title {
    background-color: var(--blue-3);
    padding:.5rem 0; font-size: .9rem;
    color:var(--white);
    display: flex; gap:.5rem; align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.bidetail_info_r .bidetail_calc .calc_title input {
    width: 8rem; height:30px
}

.bidetail_info_r .bidetail_calc .calc_wrap table {
    width:100%; font-size: .9rem;
}
.bidetail_info_r .bidetail_calc .calc_wrap table th{
    background-color: #e2e6ea; font-weight: normal; 
    vertical-align: middle; text-align: left;
    padding:.2rem 1rem; white-space: nowrap; border: none;
}

.bidetail_info_r .bidetail_calc .calc_wrap table td{
    padding:.2rem 0; white-space: nowrap; border: none;
    background-color: #e2e6ea;
}

.bidetail_info_r .bidetail_calc .calc_wrap input {width:8rem}

.bidetail_info_r .bidetail_calc .calc_wrap table tr:last-child th{
    text-align: right; 
    background: var(--gray-6); padding:.5rem 0; 
    color: var(--red-2);
    font-weight: 700;
}
.bidetail_info_r .bidetail_calc .calc_wrap table tr:last-child td {
    background: var(--gray-6); padding:.5rem 0; 
    color: var(--red-2);
    font-weight: 700;
}

.bidetail_info_r .bidetail_calc .calc_wrap .col_line{
    display: block;
    width:100%; height:2px; background-color: var(--blue-3);
}
.topbtn_wrap{
    margin-top: 1rem;
    text-align: center;
}
.topbtn_wrap a {
    font-size: 1rem; font-weight: 500;
}

/* 낙찰상세페이지 하단테이블 */
/* 복수예가항목 */
.multi_bid_wrap {
    width:100%; margin-bottom: 2rem;
}
.multi_bid_title h3{padding:.7rem 0; font-size: 1.1rem;}

.multi_bid_table table {
    width:100%;
    border-top:3px solid #2282c5;
    border-bottom:1px solid #2282c5;
}
.multi_bid_table th{width:5%}
.multi_bid_table td{width:5%;}

.multi_bid_table th, .multi_bid_table td {
    padding:.7rem .3rem;
    border-bottom: var(--border-1);    
}
.multi_bid_table th{
    background-color: var(--gray-6); 
    font-weight: normal;
}
.multi_bid_table td {white-space: nowrap;}
.multi_bid_table td.active{
    background-color: #d7e3ff;
}
.bided_times .bided_times_n{color:var(--gray-2); font-weight: 600;}

/* 기초금액 등등 테이블 */

.bided_price_table { 
    width:100%; margin-bottom: 2rem;
}
.bided_price_table table{
    width: 100%; 
    border:3px solid #2282c5;
}
.bided_price_table th{width:10%; text-align: left;}
.bided_price_table td{width:14%; text-align: right;}

.bided_price_table th {
    white-space: nowrap; padding:.7rem .5rem; 
    font-weight: normal;
    background-color: var(--gray-6); 
    border-bottom: var(--border-1);   
}
.bided_price_table td{border:var(--border-1)}

/* 투찰 참여업체 */
.bided_com_list {width:100%}
.bided_com_top {
    display: flex; align-items: center; justify-content: space-between;
}
.bided_com_title h3 { padding:.7rem 0; font-size: 1.1rem;}
.bided_com_align {display: flex; align-items: center; gap:.3rem}
.bided_com_align ul {
    display: flex; align-items: center; justify-content: space-between; gap:.5rem;
}
.bided_com_align .total_count{
    font-weight: 500; color: var(--blue-3);
}
.bided_com_align select, 
.bided_com_align input {
    padding:0 .3rem ; font-size: .85rem;
    width:150px; height:32px;    
}
.bided_com_table {
    margin-bottom: 1rem;
}
.bided_com_table table {
    width:100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.bided_com_table th:nth-child(1){width:5%}
.bided_com_table th:nth-child(2){width:5%}
.bided_com_table th:nth-child(3){width:auto}
.bided_com_table th:nth-child(4){width:7%}
.bided_com_table th:nth-child(5){width:5%}
.bided_com_table th:nth-child(6){width:5%}
.bided_com_table th:nth-child(7){width:8%}
.bided_com_table th:nth-child(8){width:5%}
.bided_com_table th:nth-child(9){width:5%}

.bided_com_table td {padding:.7rem .3rem; border: 1px solid #ddd;}
.bided_com_table th{
    background-color: var(--gray-6); font-weight: normal;
    vertical-align: middle; padding:.3rem .3rem;
    border-bottom: var(--border-1);
	border: 1px solid #ddd;
}
.bided_com_table tr.active {
    background-color: #fff7f7;
}
.bided_p_rate {
    font-size: .9rem; white-space: nowrap;
}
.bided_p_rate p:first-child{text-decoration: underline;  text-underline-offset:2px;}
.bided_com_name {
    display: grid; width:100%;
    grid-template-columns:1fr auto;
    align-items: center;
}
.bided_com_name .com_name{
    max-width:100%;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bided_com_name button{height:28px}

#memo {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.memo_container{
    background: #fff;
    border: var(--border-2, 1px solid #ddd);
    border-radius: 12px;
    width: 370px; 
    max-width: 95%;
    height: 250px;   
    padding: 1rem;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    position: relative;
    animation: fadeInUp .3s ease; /* 등장 애니메이션 */
}
.memo_container .title_wrap{
    display: flex; justify-content: space-between;
    margin-bottom: .5rem;
}
.memo_container .memo_text {
    width:100%; height:150px;
    overflow-x: auto;
    display: flex; flex-direction: column; gap:.5rem;
}
.memo_container .memo_text textarea {
    width:100%; height:100%;
    white-space: normal;
    color:var(--color-blk);
    padding: 0.5rem; 
    border-radius: 6px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    display: block;
    width: 100%;
    resize: none;    
}
.memo_container .memo_text div {
    display: flex; align-items: center; gap:.5rem;
    font-size: .9rem; 
}
.memo_container .btn_wrap{
    display:flex; float: right;
    padding: 0;
}
.memo_container .btn_wrap button {
    width:45px; height:27px;
    border-radius: 5px;
}
legend { display: none; }

/* 일반설정맞춤설정관심어 팝업 */
.setting_wrap_01, .setting_wrap_02,.setting_wrap_03 {
    width:calc(100% - 30px); margin: 0 auto;
}
.bidsetting_title {
    display: flex; gap:.5rem; align-items: flex-end;
    font-size: 1rem; font-weight: 600; color:var(--gray-2)
}
.text_nomarl {font-weight: normal; font-size: 1rem; letter-spacing: -0.03rem;}
.bidsetting_title .num {
    display: block;
    width:24px; height:24px; line-height: 24px;
    border-radius: 3px;
    background-color: var(--blue-1);
    color:var(--white);
    text-align: center; font-weight: 600;
}
.group_name_wrap {
    display: flex; justify-content: space-between;
    margin-bottom: 2rem;
}
.group_name_wrap > ul {
    display: flex; gap:.5rem; align-items: center;
    flex-wrap: wrap;
}
.group_name_wrap > ul > li {
    border: var(--border-1);
    padding: .3rem .7rem .3rem .7rem; 
    font-size: .9rem; font-weight: 600; 
    border-radius: 6px;
    cursor: pointer;
}
.group_name_wrap > ul > li.active{
    background-color: var(--gray-1); color:var(--white);
}
.bidsetting_content{
    padding:1rem 0 1rem 1.5rem; 
    display: flex; gap:.5rem; align-items: center;
}
.bidsetting_content2 {
    display: flex;  
    padding:1rem 0 1rem 1.5rem; 
}
.bidsetting_content2 {
    padding:1rem 0 1rem 1.5rem; 
    display: flex; flex-direction: column;
}
.bidsetting_content2 >div {
    display: flex;; gap:.5rem; align-items: center;
}
.bidsetting_content ul,.bidsetting_content2 ul {
    display: flex; gap:.3rem;
}
.bidsetting_content label, .license_select label {
    cursor: pointer;
}

.bidsetting_content input[type="radio"],
.bidsetting_content2 label input[type="radio"],
.bidsetting_content2 div input[type="radio"],
.bidsetting_license  div input[type="radio"]
{ width:15px; position: relative; top:2px}

.bidsetting_content input[type="checkbox"],
.bidsetting_content2 label input[type="checkbox"],
.bidsetting_content2 div input[type="checkbox"]
{ width:15px; position: relative; top:4px}

.license_select {padding:0 0 .5rem 0;}

.bidsetting_area select{
    width:50%; 
    height:35px; 
    border-radius: 4px;
}
.bidsetting_box {
    display: flex; flex-direction: column; justify-content: space-between;
    height:100%;
}
.bidsetting_license {width:100%; height:100%}
.bidsetting_license > div {display: flex; gap:.5rem; flex-direction: column;}
.bidsetting_license > .bid_category_wrap > div > div > select {
    width:50%; 
    height:35px; 
    border-radius: 4px;
}
.bidsetting_license >.bid_category_wrap > div .license_title{
    display: flex; flex-wrap: wrap;
}
.bidsetting_license, 
.bidsetting_area {padding:1rem 0; }
.bidsetting_wrap6, .bidsetting_wrap9 {display: flex; gap:1rem}
.bidsetting_area {
    height: 100%;
    display: flex; flex-direction: column; gap: .5rem;    
}

.bidsetting_wrap6 .bidsetting_title,
.bidsetting_wrap9 .bidsetting_title{
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--gray-4);
}
.bidsetting_wrap6>div, .bidsetting_wrap9>div {
    flex:1;
    padding:1rem;
}
.license_title, .bidsetting_area_title {
    display: flex; flex-wrap: wrap; gap:.5rem;
    min-height: 100px; 
    max-height: 250px;
    overflow-y: auto;
    align-content: flex-start;
}
.bidsetting_area_title .select_work,
.license_title .select_work {
    line-height: 1.5rem;
}
#bidsetting1 li{
    width:auto;
}
#bidsetting1 li.active{
    font-weight: 600;
}
#bidsetting2 li{
    border: var(--border-1);
    padding: .3rem .4rem .3rem .4rem;
    line-height: 25px;  
}
#bidsetting2 li.active{
    background-color: var(--gray-6);
}

.bidsetting_wrap4 .bidsetting_content input {

    width:300px; min-width: 200px;
}
.bidsetting_wrap5 .bidsetting_content2 input,
.bidsetting_wrap8 .bidsetting_content2 input  
{
    width:300px; min-width: 200px;
}
.bidsetting_wrap5 .bidsetting_content2,
.bidsetting_wrap8 .bidsetting_content2  {
    display: block; white-space: nowrap;
}

.aleft {text-align: left;}

.calc_container {
    width:calc(100% - 30px);
    margin: 0 auto;
	line-height: 27px;
}
.calc_top {
    padding:1rem;
}
.calc_title1 {
    margin: 0 auto; display: block; 
    text-align: center; color:var(--red-1); font-weight: 500;
    padding-bottom: 1rem;
}
.calc_title {
    text-align: center; font-size: 1.1rem; font-weight: 600;
    color: var(--blue-1);
    padding-top: 1rem;
}
.calc_table_wrap {
    padding:1rem;
}
.input_area1, .input_area2 {
    display: flex;  gap:.5rem; align-items: center;
}
.input_area2 {
    flex-wrap: wrap;
}
.input_area1 > div {
    flex: 1;
    display: flex; align-items: center; gap:.5rem;
}
.input_area1 > div > input {
    width:100%; flex: 1; 
}
.input_area2 label {cursor: pointer;}
.input_area1 span {
    display: block;
    width:50px;
    white-space: nowrap; font-weight: 500; font-size:.9rem;    
}

.acenter {text-align: center;}
.calc_table { 
    background-color: var(--white); width:100%;
}
.calc_table th, .calc_table td {
    border:none; white-space: nowrap;
    padding:.7rem .7rem;
}
.calc_table td span {
    color:var(--gray-2)
}
.calc_table th {color: var(--blue-1); vertical-align: middle; font-size: .9rem;}
.btn_div { padding-bottom: 1rem;}
.calc_text {
    padding:1rem;
    border:var(--border-1);
    margin-bottom: 1rem;
}
.content_text {
    border:var(--border-1);
    padding:1rem;
}
.content_text_title {
    padding:.8rem 0;
}
.content_text_container table {
    width:100%; 
    color:var(--gray-2);
    border-top:var(--border-3);
    border-bottom:var(--border-2);
}
.content_text_container table th{
    background-color: var(--gray-6);
    color:var(--blue-1);
}
.content_text_container table th,
.content_text_container table td{
    padding:.7rem .7rem;
}
.calc_table th:first-child {
        padding-bottom: 12px;
    }
.btn_right {
    text-align: right;
}

.page_title .dot_question {
    display: block;
    width: 600px;
    padding-left:14px;
    background-position: left top 6px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
    height: 24px;
    line-height: 24px;
    color: darkgray;
    font-size: .9rem;
    background-size: 12px;
}
@media (max-width:1600px) {
	.page_title .dot_question {
		display: none;
	}
}

@media (max-width:1200px) {
    .bid_search_wrap > div { 
        gap:.5rem;
    }
     .bid_search_wrap .period_wrap > div {
        display: flex; flex-direction: column; gap: .3rem;
        align-items: flex-start;
    }
    .bid_func_wrap {align-items: flex-end;}
    .bid_func_wrap .btn_func_btn {
        flex-direction: column; align-items: flex-start;
    }
    .legendview_wrap {
        flex-direction: column; align-items: flex-start;
    }
    .legendview_wrap div {display: flex; gap:.3rem; align-items: center;}
    .legendview_wrap h4 {color: var(--gray-2); font-weight: 300;}
    .bidetail_info_r {display: none;}

    .multi_bid_table table {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
    .multi_bid_table tbody,
    .multi_bid_table tr {
        display: contents;
    }
    .multi_bid_table th {display: none;}

    .multi_bid_table td {
        font-size: .9rem;
        padding: .5rem .5rem;
        display: block;  width:100%;
        text-align: left;
        
        background: var(--white, #fff);
    }
    .multi_bid_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    .multi_bid_table td .bided_times {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: baseline;
        gap: .25rem .5rem;
    }

    /* 기초금액 테이블 모바일 */
    .bided_price_table table {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
    
    .bided_price_table tbody,
    .bided_price_table tr {
        display: contents;
    }
    .bided_price_table th {display: none;}

    .bided_price_table td {
        font-size: .9rem;
        padding: .5rem .5rem;
        display: block;  width:100%;
        text-align: left;
        border-bottom: none;
        border-right: none;
        background: var(--white, #fff);
    }
    .bided_price_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    /* 투찰참여업체 */
    .bided_com_list { 
        --c1: 1;
        --c2: 2;
        --c3: 3;
        --c4: 4;
        --c5: 5;
        --c6: 6;
        --c7: 8;
        --c8: 9;
        --c9: 9;
        --c10:10;
    }
    .bided_com_list td:nth-child(1) { order: var(--c1); }
    .bided_com_list td:nth-child(2) { order: var(--c3); }
    .bided_com_list td:nth-child(3) { order: var(--c2); }
    .bided_com_list td:nth-child(4) { order: var(--c4);}
    .bided_com_list td:nth-child(5) { order: var(--c5); }
    .bided_com_list td:nth-child(6) { order: var(--c6);}
    .bided_com_list td:nth-child(7) { order: var(--c7); }
    .bided_com_list td:nth-child(8) { order: var(--c8); }
    .bided_com_list td:nth-child(9) { order: var(--c9); }
    .bided_com_list td:nth-child(10) { order: var(--c10); }   
    
    .bided_com_list thead { display: none; }
    .bided_com_list tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;  
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .bided_com_list td:nth-child(1)::before, 
    .bided_com_list td:nth-child(3)::before {
        display: none;    
    }
    .bided_com_list td::before {
        font-size: 12px; color:var(--gray-3); font-weight: 400;
    }
    .bided_com_list td:nth-child(1){
        display: block;
        width:45px; height:30px; line-height: 22px;
        background:#eef4ff;
        border:1px solid #dbe6ff;
        border-radius:10px;
        text-align: center;
        color:var(--blue-1); font-weight:700; font-size:13px;
    }
    .bided_com_list td:nth-child(3){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;
        
    }
    .bided_com_list th, .bided_com_list td { 
        padding: .2rem .3rem;        
    }
    .bided_com_list td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .bided_com_list td::before {
        content: attr(data-label);
        font-weight: 600;
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        min-width:0; 
        width:100%; 
    }
}

@media (max-width:768px) {
    .div_title {font-size: .9rem;}
    .bid_search_wrap .work_btn_wrap button {
        width:60px; height:28px; font-size: .8rem;
        padding:0;
    }
    .setting_wrap_01, .setting_wrap_02,.setting_wrap_03 {
        font-size: .9rem;
    }
    .group_name_wrap {
        flex-direction: column; gap:.5rem;
    }
    .bidsetting_content, .bidsetting_content2{
        font-size: .9rem;
    }
    
    .bidsetting_wrap6, .bidsetting_wrap9 {
        flex-direction: column; gap:0;
    }
    .bidsetting_content > ul {
        flex-wrap: wrap;
    }
    .bidsetting_wrap5 .bidsetting_content2 input, 
    .bidsetting_wrap8 .bidsetting_content2 input{
        width: 100%;     min-width: 0;
    }
    .bidsetting_wrap4 .bidsetting_content input {
        width: 100%; 
    }
    .input_area1 {
        flex-direction: column;
    }
    .calc_table tr:nth-child(1) th {
        padding-bottom: 50px;
    }
    .license_title, .bidsetting_area_title {
        min-height: 0; 
        max-height: 200px;
    }
    #bidsetting1 li{
        width:32%;
    }
    .bidsetting_content{
        gap:.3rem;
    }
    .license_choice_radio { 
        flex-direction: column; gap:.1rem
    }
    .bid_category_wrap_input {
        flex-direction: column; gap:.5rem
    }
    .bidsetting_license > .bid_category_wrap > div > div > select {
        width:50%;         
    }
    .content_wrap form {
        flex-direction: column;
    }
    .tab_content2 {
        min-width: 310px;
    }
    .bid_direct_wrap_input > div {
        flex-direction: column; gap:.3rem;
    }
    .bid_direct_wrap p, .bid_category_wrap p 
    {display: none;}
    .bid_direct_wrap_input input[type="text"]{
        width:100%;
    }
    
    .bid_direct_wrap_input, .bid_category_wrap_input {
        gap:.3rem;
    }
    .bid_direct_wrap_input select{width:49%}
    .bid_category_wrap_input > div{
        flex-direction: column; width:100%; gap:.3rem;
    }
    .bid_direct_wrap_input > div > div {
        display: flex; flex-direction: row;
        gap:.3rem;  width:100%;
    }
    .bid_category_wrap_input > div > div {
        display: flex; flex-direction: row; width:100%;
        gap:.3rem
    } 
    .bid_category_wrap_input select{width:100%;}

    .bid_direct_wrap_input > div > div > div{
        display: flex;
        flex-direction: row; gap:.3rem; 
    }
    .bid_category_wrap_input > div > div > div {
        display: flex;
        flex-direction: column; gap:.3rem; 
    }
    .bid_search_wrap .period_wrap > div {
        display: flex; flex-direction: column; gap:.3rem;
        align-items: flex-start;
    }
    .bid_search_wrap .period_input {
        align-items: flex-start; gap:.3rem;
    }
    .bid_search_wrap .period_input select, 
    .bid_search_wrap .period_input .date-wrapper input[type="text"] {
        width: 100%; font-size: .8rem;
    }
    .bid_search_wrap .period_btn {
        display: flex; flex-wrap: nowrap; gap:.3rem
    }
    .bid_search_wrap .period_btn button {
        width:44px; height: 26px; font-size: .8rem;
        padding:0;
    }
    .bid_search_wrap .period_input select, 
    .period_input .date-wrapper input[type="text"]{
        width:100px;
    }
    .direct_input_area > div,
    .category_input_area > div {
        flex-direction: column; align-items: flex-start;
    }
    .bid_search_wrap .searchword_wrap > div {
        flex-direction: row; gap:.3rem; flex-direction: column; 
    }
    .bid_search_wrap .searchword_wrap > div > div {
        flex-direction: row; gap:.3rem;
    }
    .bid_search_wrap .searchword_wrap select {
        width:50%;
    }
    .bid_search_wrap .searchword_wrap input {
        width:100%;
    }
    .bid_search_wrap .license_choice_radio { gap: .05rem;}
    .bid_direct_text, .bid_category_text {
        padding-left:20px; font-size: .85rem;
    } 
    .bid_search_btn_wrap {
        margin-top: .5rem;
    }
    .bid_search_btn_wrap button {
        height:35px; width:80px; 
        background-size: 18%;
    }
    .bid_search_wrap .license_choice_wrap {
        padding:.5rem;
    }
    .bid_func_wrap {
        display: flex;
        flex-direction: column; gap:.3rem;
        align-items: flex-start;
        margin-bottom: .5rem;
    }
    .bid_func_wrap .btn_func_btn {
        flex-direction: column; align-items: flex-start;
    }
    .bid_func_wrap .btn_func_btn li:first-child {display: none;}
    .bid_func_wrap .btn_func_btn button {
        background-image: none;
        padding: .2rem .4rem; 
    }
    .bid_func_wrap .btn_func_btn span{
        display: none;
        font-size: .9rem; color:var(--gray-2)
    }

    .btn_func_right { width:100%; justify-content: space-between;}
    .bid_func_wrap .btn_func_align ul li:first-child select { height:28px; width:80px}
    .bid_func_wrap .btn_func_align select { height:28px;}

    #legendview {
    display: none;
    position: relative;
    background-color: var(--white);
    width: auto;
    z-index: 1000;
    padding:.5rem 1rem;
    border: var(--border-1);
    }
    .legendview_wrap {
        display: flex; align-items: flex-start; gap:1rem;
        font-size: .9rem; 
    }
    .legendview_wrap .popup_text { 
        display:flex; flex-direction: column;
    }
    .legendview_wrap .popup_text .legend {
        width:28px; height:20px; line-height: 20px;
    }
    .bidetail_title {
        border-top:none;
        border-bottom: none;
    }
    .bid_title_wrap div { }
    .table_title3 h3 { font-size: .8rem; font-weight: 600;}
    .table_title4 h3 { font-size: .8rem; font-weight: 600;}

    /* 상세페이지 테이블1구역 */
    .bidetail_info_table table {
        display: block;
        padding:0 .3rem; font-size: .9rem;
        border:var(--border-1);
        border-radius: 12px; 
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0,0,0,.04);
    }
    .bidetail_info_table td, .bidetail_info_table th {
        font-size: .9rem; padding:.3rem .5rem;
        border: 0;
    }
    .bidetail_info_table th { display: none; }
    .bidetail_info_table tr { 
        width:100%; font-size: .9rem; line-height: 1.2rem;
        display: grid; 
        grid-template-columns: 50% auto;
        width: 100%;                  
    }
    .bidetail_info_table tr:nth-child(1) {
        display: grid;   grid-template-columns : none       
    }
    .bidetail_info_table tr:nth-child(2) { 
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(3) { 
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(7) {
        grid-template-columns: 100%; 
    }
    .bidetail_info_table tr:nth-child(12) {
        border-top:var(--border-1);
        border-bottom:var(--border-1);
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(16) {
        border-top:var(--border-1);        
        grid-template-columns: 100%;
    }

    .bidetail_info_table tr:nth-child(17) {
        grid-template-columns: 100%;
    }
    .bidetail_info_table tr:nth-child(18) {
        border-top:var(--border-1);  
        grid-template-columns: 100%;
    }
    .bidetail_info_table td{
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .bidetail_info_table td {
       border-bottom: none;
    }
    .plan_title{
        font-size: .8rem; padding:.3rem 0; 
        background-color: var(--gray-6);
    }

    .bidetail_info_table .inner_table table {
        border-radius: 0; border: 0; padding:0;
    }
    .bidetail_info_table .inner_table tr { 
        width:100%; font-size: .9rem;
        display: grid; border-radius: 0;
        border: none;
        grid-template-columns: 1fr 1fr;
    }
    .bidetail_info_table .inner_table th { display: none; }

    .bidetail_info_table .inner_table tr:nth-child(1){ 
        grid-template-columns: 100%;
        background-color:#2282c5;
    }
    .bidetail_info_table .inner_table tr:nth-child(2){
        grid-template-columns: 1fr 1fr !important;
    } 
    .bidetail_info_table .inner_table td {
        width:100%;
    }
    .bidetail_info_table .inner_table th { display: none; }
    
    .bidetail_info_table .inner_table td[data-label]::before, 
    .bidetail_info_table .inner_table th[scope="row"]::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        color: #64748b;
        margin-bottom: 2px;
        font-weight: 600;
        letter-spacing: .2px;
    }
    .bidetail_info_l .inner_table tr:nth-child(5) {
        grid-template-columns: 100%;
    }

    
    .bidetail_info_l .original_wrap {
        border: none; padding:.5rem 0;
    }
    .original_wrap img {
        width:100%;
    }

    .bidetail_info_l table td[data-label],
    .bidetail_info_l table th[scope="row"] {
        padding: .2rem .5rem;
        position: relative;
    }
    .bidetail_info_l table td[data-label]::before,
    .bidetail_info_l table th[scope="row"]::before {
        content: attr(data-label);
        display: block;
        font-size: 12px;
        color: var(--gray-3);
        margin-bottom: 2px;
        font-weight: 600;
        letter-spacing: .2px;
    }

    .inner_table, 
    .inner_table tbody, 
    .inner_table tr, 
    .inner_table th, 
    .inner_table td {
        display: block; width: 100%;
    }
  
    .inner_table td[data-label]::before,
    .inner_table th[data-label]::before {
        content: attr(data-label);
        display: block; font-size: 12px; color:#64748b; 
        margin-bottom:6px; font-weight:600;
    }
    .inner_table .total_price { 
        background:#eef6ff; border-radius: 8px; 
    }
    .original_file_wrap {display: none;}
    
    .bidetail_info_l table a { color: #0369a1; text-decoration: underline; word-break: break-all; }
    .original_wrap h3 {font-size: .95rem;}
    .original_wrap .orginal_btn { display: block;}   
    
    /* 복수예가 모바일 */
    .multi_bid_table table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    
    .multi_bid_table td {
        font-size: .85rem;
        padding: .5-rem .5rem;
        display: block;  width:100%;
        border-bottom:var(--border-1);        
    }
    .bided_price_table table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .bided_com_top {display: grid;}
    .multi_bid_title h3 {font-size: .95rem; padding:.5rem 0;}
    .bided_com_title h3 {padding:0 0 .5rem 0 ; font-size: .95rem;}
    .bided_com_align {
        align-items: flex-start;
        display: flex; flex-direction: column;
    }
    .bided_com_align ul{
        width:100%;
        display: grid;
        grid-template-columns: 1fr 1fr auto;
        margin-bottom: .5rem;
    }
    .total_wrap {font-size: .8rem;}
    .bided_com_align select,
    .bided_com_align input {width:100%; height:30px}
    .bided_com_align button {
        border-radius: 4px;
    }

     .bided_com_list tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .bided_com_table table {font-size: .9rem;}
    .bided_com_table button {
        width:55px; height:24px;
        padding:0; border-radius: 4px;
    }
	.page_title .dot_question {
		display: none;
	}
}.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }
.bidlist_table { 
    container-type: inline-size;     
}

.bidlist_table th:nth-child(1){ width:3% !important;}
.bidlist_table th:nth-child(2){ width:auto;}
.bidlist_table th:nth-child(3){ width:12%;}
.bidlist_table th:nth-child(4){ width:12%;}
.bidlist_table th:nth-child(5){ width:12%;}
.bidlist_table th:nth-child(6){ width:12%;}
.bidlist_table th:nth-child(7){ width:12%;}
.bidlist_table th:nth-child(8){ width:8%;}
.bidlist_table th:nth-child(9){ width:8%;}

.bidlist_table table {
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    width: 100%; font-size: .9rem; 
    letter-spacing: -0.02rem;
    table-layout: fixed;        /* 열 너비 고정 → 삐져나옴 방지 */
  border-collapse: collapse;
}
.bidlist_table tr {
    border-bottom: var(--border-1);
}
.bidlist_table th{
    background-color:var(--gray-6);font-weight: 600; color:var(--gray-1);
    vertical-align: middle;
}
.bidlist_table th, .bidlist_table td { 
    padding: .3rem .3rem; line-height: 20px;
    text-align: center; vertical-align: middle;    ;
}
.bidlist_table td { 
    color:var(--gray-1); 
    white-space: nowrap;  min-width:0; 
}

.bidlist_table td:nth-child(7) > div,
.bidlist_table td:nth-child(8) > div {
    display: flex; align-items: center;
}

.bidlist_table td > div { 
    display: flex; flex-direction: column; gap:.2rem;
}

/* 테이블 td 안의 공통 요소  */
.bid_table_num {display: flex; align-items: center; justify-content: center; gap:.2rem}
.bidetail_title_wrap { 
    display:grid; 
    grid-template-columns:auto 1fr; 
    align-items: center; gap:.3rem;
    min-width:0; 
    text-align: left;
}
.bidetail_title_wrap h3 {
    padding: .5rem 0 .5rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #2676d5;
}
.bid_title_01 {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-width:0; overflow:hidden;
}
.bid_title_01 .bid_title_notifi {
    flex: 1; 
    min-width: 0; max-width: 100%; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.bid_title_02 { 
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    min-width:0; overflow:hidden;
}

.bid_title_02 .bid_title_organ {
    font-size:13px; text-align: left;
    color:var(--blue-3);
    min-width:0; 
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.bid_title_03 { 
    display: flex; align-items: center;
}
.bid_title_main {
    display: block; width:fit-content;
    font-size:13px; text-align: center;
    line-height: 23px; height:23px;
    color:var(--white);
    background: var(--blue-1);
    border-radius: 3px; padding:0 .5rem ;
    min-width: 0; max-width: 100%; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.bid_title_05 {
    display: grid; gap:.3rem;
    grid-template-rows: 1fr auto;    
}
.bid_title_work {
    max-width: 100%;
    min-width: 0;
    white-space: wrap; 
    line-height: 1.4rem;
/*     overflow: hidden;
    text-overflow: ellipsis; */
}
.bid_organ_wrap1,
.bid_organ_wrap2,
.bided_company,
.bid_bided_price_wrap,
.bid_open_date {
  min-width:0; 
  width:100%;
}
.bid_organ_wrap1 .bid_organ1_01,
.bid_organ_wrap1 .bid_organ1_02,
.bid_organ_wrap2 .bid_organ2_01,
.bid_organ_wrap2 .bid_organ2_02,
.bided_company_name, .bid_bided_price,
.bid_open_date .date {
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    min-width:0; 
    width:100%; 
}
.bid_price_wrap .bid_price01 {
    color:var(--gray-1); font-weight: 500; font-size: .85rem; margin: 0 10px;
}
.bid_price_wrap .bid_price02 {
    color:var(--blue-1); font-weight: 500; font-size: .85rem; margin: 0 10px;
}
.bid_table_date{
    width: fit-content;
    display:grid;
    grid-template-columns:auto 1fr;
    justify-items: start;
    align-items:center;
    gap:1px 0px;
}
.bid_table_date .date{
    font-size: .85rem;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    min-width:0; 
    width:100%;
}
.bid_check_wrap label{
    display: flex; align-items: center; font-size: .9rem;
}
.bid_btn_wrap {
    display: flex; 
    gap:.3rem;
}
.bidding_btn {
    display: flex; flex-direction: column;
    gap:.3rem;
}
.bidding_btn button {
    width:80px; font-size: .8rem; 
    height:28px; 
    text-align: center;
    padding:0rem 0;
}
.bid_bided_price {color:var(--red-1); font-weight: 500;}

@media (max-width: 1280px) {
    .bidlist_table thead { display: none; }
    .bidlist_table tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .bidlist_table th, .bidlist_table td { 
        padding: .2rem .3rem;        
    }
    .bidlist_table td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .bidlist_table td::before {
        content: attr(data-label);
        font-weight: 600;
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        min-width:0; 
        width:100%; 
    }
    .bidlist_table { 
        --c1: 1;
        --c2: 2;
        --c3: 3;
        --c4: 4;
        --c5: 5;
        --c6: 6;
        --c7: 8;
        --c8: 9;
        --c9: 9;
        --c10:10;
    }
    .bidlist_table td:nth-child(1) { order: var(--c1); }
    .bidlist_table td:nth-child(2) { order: var(--c2); }
    .bidlist_table td:nth-child(3) { order: var(--c3); }
    .bidlist_table td:nth-child(4) { order: var(--c4);}
    .bidlist_table td:nth-child(5) { order: var(--c5); }
    .bidlist_table td:nth-child(6) { order: var(--c6);}
    .bidlist_table td:nth-child(7) { order: var(--c7); }
    .bidlist_table td:nth-child(8) { order: var(--c8); }
    .bidlist_table td:nth-child(9) { order: var(--c9); }
    .bidlist_table td:nth-child(10) { order: var(--c10); }   
    
    .bidlist_table td:nth-child(1)::before, 
    .bidlist_table td:nth-child(2)::before {
        display: none;    
    }
    .bidlist_table td::before {
        font-size: 12px; color:var(--gray-3); font-weight: 400;
    }
    .bidlist_table td:nth-child(1){
        grid-template-columns: 60px 1fr;
        grid-column: 1 / -1;
        height:25px;
    }
    .bidlist_table td:nth-child(2){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;
        
    }
    .bid_title_01 .bid_title_notifi {
        
    min-width: 0; max-width: 100%; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
    .bid_title_wrap { padding:.2rem 0;  }
    .bid_title_01 {
        width:100%;
        margin-top: 3px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap:.3rem;
        height:30px;
    }
    .bid_table_num{
        padding:3px;
        background:#eef4ff;
        border:1px solid #dbe6ff;
        border-radius:10px;
        color:var(--blue-1); font-weight:700; font-size:13px;
    }
    .bid_btn_wrap > div{
        display: flex; flex-direction:row; gap:.2rem;
    }
    .bidding_btn button {
        width:80px; height:28px; font-size: 12px;
        padding:.5rem;
    }
}

@media (max-width: 768px) {
    .bidlist_table tr {
        grid-template-columns: 1fr 1fr; 
    }
    .bidlist_table td:nth-child(5){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;        
    }
    .bidlist_table td > .bid_price_wrap {
        display: flex; flex-direction: row; gap:.5rem;
    }
    .bid_title_wrap {
        padding:.2rem 0;         
    }

    .bidding_btn > div{
        display: flex; flex-direction:row; gap:.2rem;
    }
    .bidding_btn button {
        width:70px;  font-size: 12px;
        padding:.3rem;
    }
    .bid_title_01 > div{display: none;}
    .bidlist_table td:nth-child(4)::before {
        content: attr(data-label-mobile);
    }
    .bidlist_table td:nth-child(6)::before,
    .bidlist_table td:nth-child(7)::before{
        display: block;
    }
    .bidlist_table td:nth-child(6),
    .bidlist_table td:nth-child(7){
        display:block;
    }
    .bidlist_table .bid_title_02 > span:nth-child(1){display: none;}
    .bidlist_table .bid_title_03 > .bid_title_main {display: none;}
    .bidlist_table .bid_organ_wrap2 > .bid_organ2_01 {display: none;}
}

/* 개찰결과 리스트 */
.sucbidlist_table { container-type: inline-size; }

.sucbidlist_table th:nth-child(1){ width:5%;}
.sucbidlist_table th:nth-child(2){ width:auto;}
.sucbidlist_table th:nth-child(3){ width:12%;}
.sucbidlist_table th:nth-child(4){ width:15%;}
.sucbidlist_table th:nth-child(5){ width:12%;}
.sucbidlist_table th:nth-child(6){ width:8%;}
.sucbidlist_table th:nth-child(7){ width:6%;}
.sucbidlist_table th:nth-child(8){ width:8%;}
.sucbidlist_table th:nth-child(9){ width:8%;}

.sucbidlist_table table {
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    width: 100%; font-size: .9rem; 
    letter-spacing: -0.02rem;
    border-collapse: collapse; 
    table-layout: fixed;
}
.sucbidlist_table tr {
    border-bottom: var(--border-1);
}
.sucbidlist_table th{
    background-color:var(--gray-6);font-weight: 600; color:var(--gray-1);
    vertical-align: middle;
}
.sucbidlist_table th, .sucbidlist_table td { 
    padding: .3rem .3rem; line-height: 20px;
    text-align: center; vertical-align: middle;    ;
}
.sucbidlist_table td { white-space: nowrap; }
.sucbidlist_table td > div { 
    display: flex; flex-direction: column; gap:.2rem;   
}

@media (max-width: 1280px) {
    .sucbidlist_table thead { display: none; }
    .sucbidlist_table tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr auto; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .sucbidlist_table tr {
        grid-template-columns: 1fr 1fr 1fr; 
    }
    .sucbidlist_table th, .sucbidlist_table td { 
        padding: .2rem .3rem;        
    }
    .sucbidlist_table td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
    }
    .sucbidlist_table td::before {
        content: attr(data-label);
        font-weight: 600;
    }
    .sucbidlist_table { 
        --c1: 1;
        --c2: 2;
        --c3: 3;
        --c4: 4;
        --c5: 5;
        --c6: 6;
        --c7: 7;
        --c8: 8;
        --c9: 9;
        --c10:107;
    }
    .sucbidlist_table td:nth-child(1) { order: var(--c1); }
    .sucbidlist_table td:nth-child(2) { order: var(--c2); }
    .sucbidlist_table td:nth-child(3) { order: var(--c3); }
    .sucbidlist_table td:nth-child(4) { order: var(--c4); }
    .sucbidlist_table td:nth-child(5) { order: var(--c5); }
    .sucbidlist_table td:nth-child(6) { order: var(--c6); }
    .sucbidlist_table td:nth-child(7) { order: var(--c7); }
    .sucbidlist_table td:nth-child(8) { order: var(--c8); }
    .sucbidlist_table td:nth-child(9) { order: var(--c9); }
    .sucbidlist_table td:nth-child(10) { order: var(--c10); }

    .sucbidlist_table td:nth-child(1)::before, 
    .sucbidlist_table td:nth-child(2)::before {
        display: none;    
    }
    .sucbidlist_table td::before {
        font-size: 12px; color:var(--gray-3); font-weight: 400;
    }
    .sucbidlist_table td:nth-child(1){
        grid-template-columns: 60px 1fr;
        grid-column: 1 / -1;
        height:25px;
    }
    .sucbidlist_table td:nth-child(2){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;        
    }
    .sucbidlist_table .bid_title_02 > span:nth-child(1){display: none;}
    .sucbidlist_table .bid_title_03 > .bid_title_main {display: none;}
}

@media (max-width: 768px) {
    .sucbidlist_table tr {
        grid-template-columns: 1fr 1fr ; 
    }
  
    .sucbidlist_table td > .bid_price_wrap {
        display: flex; flex-direction: row; gap:.5rem;
    }
    .sucbidlist_table td .bid_open_date span:nth-child(2) {
        display: none;
    }
    .sucbidlist_table td:nth-child(4)::before {
        content: attr(data-label-mobile);
    }
    .bid_title_main {
        width:80px;
        font-size:12px; text-align: center;
        line-height: 20px;
        border-radius: 3px; padding:.1rem .3rem;
    }
   
}

/* 경쟁업체 투찰 팝업 리스트 */
.com_tuchal_table { container-type: inline-size; }
.com_tuchal_table table input{width:14px}
.com_tuchal_table th:nth-child(1){ width:3%;}
.com_tuchal_table th:nth-child(2){ width:11%;}
.com_tuchal_table th:nth-child(3){ width:23%;}
.com_tuchal_table th:nth-child(4){ width:7%;}
.com_tuchal_table th:nth-child(5){ width:8%;}
.com_tuchal_table th:nth-child(6){ width:8%;}
.com_tuchal_table th:nth-child(7){ width:8%;}
.com_tuchal_table th:nth-child(8){ width:8%;}
.com_tuchal_table th:nth-child(9){ width:8%;}
.com_tuchal_table th:nth-child(10){ width:8%;}
.com_tuchal_table th:nth-child(11){ width:8%;}

.com_tuchal_table table {
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    width: 100%; font-size: .9rem; 
    letter-spacing: -0.02rem;
    border-collapse: collapse; 
    table-layout: auto;
}
.com_tuchal_table tr {
    border-bottom: var(--border-1);
}
.com_tuchal_table th{
    background-color:var(--gray-6);font-weight: 600; color:var(--gray-1);
    vertical-align: middle;
}
.com_tuchal_table th, .com_tuchal_table td { 
    padding: .7rem .3rem; line-height: 20px;
    text-align: center; vertical-align: middle;    ;
}
.com_tuchal_table td { white-space: normal; }
.com_tuchal_table td > div { 
    display: flex; flex-direction: column; gap:.2rem;   
}

@media (max-width: 1280px) {
    .com_tuchal_table table{
        margin-top: -12px;
        border-top: none;
        border-bottom: none;
    }
    .com_tuchal_table thead { display: none; }
    .com_tuchal_table tr {
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr auto; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
        background: #fff;
    }
    .com_tuchal_table tr {
        grid-template-columns: 1fr 1fr 1fr 1fr; 
    }
    .com_tuchal_table th, .com_tuchal_table td { 
        padding: .2rem .3rem;        
    }
    .com_tuchal_table td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .com_tuchal_table tr:last-child{border-bottom: none;}
    .com_tuchal_table td::before {
        content: attr(data-label);
        font-weight: 600;
    }
    .com_tuchal_table { 
        --c1: 1;
        --c2: 2;
        --c3: 3;
        --c4: 4;
        --c5: 5;
        --c6: 6;
        --c7: 7;
        --c8: 8;
        --c9: 9;
        --c10:10;
    }
   /*  .com_tuchal_table td:nth-child(1) { order: var(--c1); }
    .com_tuchal_table td:nth-child(2) { order: var(--c2); }
    .com_tuchal_table td:nth-child(3) { order: var(--c3); }
    .com_tuchal_table td:nth-child(4) { order: var(--c4); }
    .com_tuchal_table td:nth-child(5) { order: var(--c5); }
    .com_tuchal_table td:nth-child(6) { order: var(--c6); }
    .com_tuchal_table td:nth-child(7) { order: var(--c7); }
    .com_tuchal_table td:nth-child(8) { order: var(--c8); }
    .com_tuchal_table td:nth-child(9) { order: var(--c9); }
    .com_tuchal_table td:nth-child(10) { order: var(--c10); } */

    .com_tuchal_table td:nth-child(1)::before, 
    .com_tuchal_table td:nth-child(2)::before {
        display: none;    
    }
    .com_tuchal_table td::before {
        font-size: 12px; color:var(--gray-3); font-weight: 400;
    }
    .com_tuchal_table td:nth-child(1){
        grid-template-columns: 60px 1fr;
        grid-column: 1 / -1;
        height:25px;
    }
    .com_tuchal_table td:nth-child(2){
        display: block;
        grid-template-columns:1fr;
        grid-column: 1 / -1;
        border-bottom:var(--border-1)
    }
}

@media (max-width: 768px) {
    .com_tuchal_table tr {
        grid-template-columns: 1fr 1fr ; 
    }
  
    .com_tuchal_table td > .bid_price_wrap {
        display: flex; flex-direction: row; gap:.5rem;
    }
   
}/* 경쟁업체찾기 */
.companysearch_container {
  display: flex; align-items: flex-end; gap:1rem;
}

.companysearch_wrap {
  width:100%;
  display: flex; flex-direction: column; gap:.5rem;
}
.companysearch_license,
.companysearch_area,
.companysearch_name{
  display:flex;
  align-items:center; 
  gap: 0.75rem;
  width:100%;
}
.companysearch_license span, 
.companysearch_area span, 
.companysearch_name span{
  min-width: 80px;
  flex: 0 0 80px;  
  line-height: 1.4;
  color: var(--blue-1);
}

.companysearch_license > div,
.companysearch_area > div,
.companysearch_name > div{
  display:flex; align-items:center; gap:.5rem;
  width:100%; flex-wrap: wrap;  
}

.companysearch_license input[type="text"],
.companysearch_name input[type="text"],
.companysearch_area select,
.companysearch_name select{
  box-sizing: border-box;
  height: 36px;
  padding: .5rem .7rem;
  border:1px solid var(--color-6);
  border-radius: 6px;
  font-size: .9rem;
  background-color: var(--white);
  
}
.companysearch_area select,
.companysearch_name select{
  appearance: none;
  background-image: url("/assets/images/svg/arrow_down.svg") no-repeat right 8px center;
  background-size: 10px;
}

.companysearch_license input[type="text"]:focus-visible,
.companysearch_name input[type="text"]:focus-visible,
.companysearch_area select:focus-visible,
.companysearch_name select:focus-visible{
  outline: 1px solid #1a73e8;;
  outline-offset: 1px;
}
.companysearch_area > div > div > span {
  display: flex; align-items: center; gap:.3rem;
}


/* 등록된 경쟁업체 */
.comp_regist_board {width: 100%; margin-bottom: 3rem;}

.comp_regist_board table {
    font-size: .9rem;
    width: 100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    border-collapse: collapse; 
    table-layout: fixed;
}
.comp_regist_board thead th {
    background-color: var(--gray-6);
    font-weight: 600; 
}

.comp_regist_board thead th:nth-child(1) { width: 7%; }
.comp_regist_board thead th:nth-child(2) { width: auto; }
.comp_regist_board thead th:nth-child(3) { width: 15%; min-width: 100px }
.comp_regist_board thead th:nth-child(4) { width: 15%; min-width: 100px }

.comp_regist_board thead tr,
.comp_regist_board tbody tr {
  border-bottom: var(--border-1); 
}
.comp_regist_board thead th, 
.comp_regist_board tbody td {
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;  
}
.comp_regist_board tbody td:nth-child(2) { text-align: left;}
.comp_regist_board tbody tr:nth-child(even) { background-color: var(--gray-7); }

.comp_regist_board .company{
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;   
    max-width: 90%;
	vertical-align: middle;
}


/* 검색된 경쟁업체 */
.comp_search_board {width: 100%; margin-bottom: 3rem;}

.comp_search_board table {
    font-size: .9rem;
    width: 100%; 
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    border-collapse: collapse; 
    table-layout: fixed;
}
.comp_search_board thead th {
    background-color: var(--gray-6);
    font-weight: 600; 
}

.comp_search_board thead th:nth-child(1) { width: 5%; }
.comp_search_board thead th:nth-child(2) { width: 20%; }
.comp_search_board thead th:nth-child(3) { width: 7%; }
.comp_search_board thead th:nth-child(4) { width: 10%; }
.comp_search_board thead th:nth-child(5) { width: 10%; }
.comp_search_board thead th:nth-child(6) { width: auto;}
.comp_search_board thead th:nth-child(7) { width: 15%; }

.comp_search_board thead tr,
.comp_search_board tbody tr {
  border-bottom: var(--border-1); 
}
.comp_search_board thead th, 
.comp_search_board tbody td {
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;  
}
.comp_search_board tbody tr:nth-child(even) { background-color: var(--gray-7); }
.comp_search_board tbody td:nth-child(6) { 
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;   
    max-width: 100%; 
    border-bottom: none;
}
.comp_search_board .s_add {text-align: center;}

.comp_search_board .company{
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;   
    max-width: 100%; 
}
.comp_search_board .com_address{
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;   
    max-width: 100%; 
}
.only_mobile {display: none}

/* 경쟁업체 팝업 */
.com_tuchal_pop {
  padding:0 1rem ; 
}
.com_name_title {color: var(--blue-1);}
.com_tuchal_title {
  font-size: .8rem; color: var(--blue-1); margin: .5rem 0;
}
.com_tuchal_title span{ 
  color: var(--blue-0);
}
.com_tuchal_title h3{ 
	font-size:1.4em; font-weight: 900;
}
.com_tuchal_company_info {
  width:100%; font-size: 1rem; margin-bottom: 15px;
}
.com_tuchal_company_info h3{
  padding:.5rem 0 0 .5rem;
  
}
.com_tuchal_company_info ul {
  width:100%;
  padding:.9rem; 
  display: flex; flex-wrap: wrap; }
.com_tuchal_company_info li:nth-child(3){
  /* width:100%; */
}
.com_tuchal_company_info li { 
  width:50%; line-height: 1.8rem;;
  display: flex; flex-wrap: nowrap;
}
.com_tuchal_company_info li span:nth-child(1) {
  display: block; white-space: nowrap;
  color:var(--gray-3); font-weight: 600;  font-size: .9rem;
  min-width:70px;
}
.com_tuchal_company_info li span:nth-child(2) {
  white-space: wrap;
}
.com_tuchal_graph {
  border: var(--border-1); width:100%;
  min-height: 100px;
}
.com_tuchal_search {
  padding: .5rem 1rem;
  display: flex; align-items: center;
  justify-content: left;
  margin-top: 0;
}
.com_tuchal_date, .com_tuchal_area, .com_tuchal_license{
  display: flex; align-items: center;
  margin-left:15px;
}
.com_tuchal_area, .com_tuchal_license div {
  display: flex; flex-wrap: nowrap; gap: .5rem;
}
.com_tuchal_date .period_input {
  width:100%;
  display: flex; gap:.3rem; flex-wrap: wrap;
}
.com_tuchal_area select {width:150px}
.com_tuchal_license select {width:150px}

.com_tuchal_result_btn {
  display: flex; gap:.2rem;
}
.com_tuchal_result_btn span {
  font-size: .9rem; color:var(--gray-2);
  align-content: center;
}
.com_tuchal_result_btn select {
  height: 32px;
}
.com_tuchal_tab {
  display: flex; 
}
.com_tuchal_tab a { 
  display: block; text-align: center;
  border:var(--border-1);
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  width:100px; height:32px; line-height: 32px;
  font-size: .9rem;
}
.com_tuchal_tab a.active{
  background-color: var(--blue-1); color:var(--white)
}

.com_tuchal_tab_btn {
  flex-wrap: wrap;
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-bottom: 5px;
}
.span_left{
  margin-left: 10px;
}
.span_right{
  margin-right: 10px;
}
.btn_tp{
  height:32px;
  padding:4px 8px;
  border-radius: 5px;
  font-size: .9rem;
  transition: all 0.3s;
  background-image: none;
}
.btn_tps{
  height: 36px;
  padding: 4px 20px;
  border-radius: 5px;
  font-size: .9rem;
  transition: all 0.3s;
  background-image: none;
}
.com_tuchal_btn_posion {  
  margin-left:10px;
}
.table_bottom{
  margin-bottom: 15px;
}
@media (max-width:1200px){
    .com_tuchal_tab {
      padding:0 0 0 10px;
    }
}

@media (max-width:768px) {
      .companysearch_container {
        flex-direction: column; align-items: center;
    }
    .companysearch_area select,
    .companysearch_name select {
        width:100%;
    }
    .companysearch_license,
    .companysearch_area,
    .companysearch_name{
        flex-direction: column; 
        align-items: flex-start;
    }
    .companysearch_license > div,
    .companysearch_area > div,
    .com_tuchal_license > div {
      display: flex; gap: .5rem;
      flex: 1 1 100%;
      width: 100%;
    }
    .companysearch_license span, 
    .companysearch_area span, 
    .companysearch_name span {
        flex: 0 0 0;
    }

    .comp_regist_board thead th, 
    .comp_regist_board tbody td {
      padding: .7rem .2rem;
    }
    .comp_regist_board .com_name{
      min-width: auto;
      max-width: 100%;
    }
    .comp_regist_board .btn_cell {
      min-width: auto;
      max-width: 100%;
    }

    /* 모바일에서 경쟁업체 결과 카드형으로 */
    .comp_search_board table{
      border: 0; width:100%;
    }
    .comp_search_board thead{  display:none; }
    .comp_search_board tbody,
    .comp_search_board tr,
    .comp_search_board td{
      display:block; width:100%;
    }

    .comp_search_board tbody tr{
      display:grid; 
      grid-template-columns: 45px 1fr;
      background:#fff;
      border:var(--border-2);
      border-radius:1rem;
      margin: 1rem 0;
      padding:1rem;
    }
    .comp_search_board tbody td:nth-child(n+3){
      grid-column: 1 / -1; 
      display:flex; justify-content:space-between; gap:5px;
    }
    
    .comp_search_board tbody td:nth-child(2),
    .comp_search_board tbody td:last-child{
      border:none
    }
   
    .comp_search_board tbody tr:nth-child(even){
      background-color: var(--white);
    }
    .comp_search_board tbody td:nth-child(1) {
      margin-top: 4px;
      display: block; 
      width:2.5rem; height:30px; line-height: 8px;
      border-radius: 5px; font-weight: 500;
      background-color: #e9f3ff; color:var(--gray-1);
      box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2)
    }
    .comp_search_board tbody td:nth-child(2) {
      text-align: left;
       display:inline-block; max-width:100%;
       overflow:hidden; text-overflow:ellipsis; 
       white-space:nowrap; font-weight:700;
    }
    .comp_search_board tbody td:nth-child(7) {
      display: block; text-align: right;
    }
    
    .only_mobile{
      display:inline-block; padding-right: 5px;
      color:var(--gray-3); font-weight: 600;
    }
    
    /* 투찰분석 테이블 모바일 카드버전 */
    .com_tuchal_company_info ul {
      flex-direction: column; font-size: .85rem;
    }
    .com_tuchal_company_info li {
      width: 100%;
    }
    .com_tuchal_company_info li span:nth-child(1) {
      font-weight: 500;  font-size: .8rem;
      min-width:75px;
    }

    .com_tuchal_search {
      flex-direction: column; 
      align-items: stretch; gap:.5rem;
	  justify-content: space-between !important;
    }
    .com_tuchal_date, .com_tuchal_area, .com_tuchal_license{
      display: flex; align-items: center;
    }
    .com_tuchal_search > div {  
      display: flex; align-items: center; gap: .5rem;
    }
    .com_tuchal_search .info_text { 
      flex: 0 0 50px; 
      white-space: nowrap;
    }
    
    .com_tuchal_date .period_input {
      flex-wrap: wrap;
    }

    .com_tuchal_area > div,
    .com_tuchal_license > div {
      flex: 1 1 0;
      min-width: 0; 
      display: flex; gap: .5rem; flex-wrap: nowrap;
      width: 100%;
    }
    .com_tuchal_license > div {
      /* align-items: center; */
    }
    .com_tuchal_date span,
    .com_tuchal_area span,
    .com_tuchal_license span{ display: block; width:80px; right:10px !important;}

    .com_tuchal_result_btn{
      display:grid;
      flex-wrap: wrap;
      align-items: center;
      gap: 1px;
    }
    .com_tuchal_result_btn button{
      width:55px; height:32px;
      padding:0; font-size: .8rem;
    }
	.com_tuchal_result_btn span{
      height:32px;
      padding:0; font-size: .8rem;
	  align-content:center;
	}
	.span_left{
	  margin-left: 10px;
	}
	.span_right{
	  margin-right: 10px;
	}
    .com_tuchal_result_btn select{
      width:50px; height: 32px;
      padding:0 0 0 .2rem;
      border-radius: 2px;
    }
    
    .com_tuchal_tab { padding-left:.4rem;}
    .com_tuchal_tab a {
      border-radius: 0 0 0 0;
      width: 54px;
      height: 32px;
      line-height: 32px;
      font-size: .8rem;
      padding:0 0 0 0;
    }
    .com_tuchal_tab a.active{
      border-radius: 0 0 0 0;
      border:none;
    }
    .com_tuchal_license button { width: 50px; height:34px; position: absolute;}
    .com_tuchal_total {
      font-size: .9rem; margin-bottom: .5rem;
    }

	.btn_tp{
		height:32px;
		padding:4px 8px;
		border-radius: none;
		font-size: .9rem;
		transition: all 0.3s;
		background-image: none;
	}
	.btn_tps{
		height: 36px;
		padding: 4px 8px;
		border-radius: 5px;
		font-size: .8rem;
		transition: all 0.3s;
		background-image: none;
		width: 25%;
	}
    .bid_search_wrap .period_input select, 
    .period_input .date-wrapper input[type="text"]{
        width: 100px;
    }
	.com_tuchal_tab_btn {
	  margin-bottom: 5px;
	}
	.com_tuchal_title_m {
	  position:absolute;
	}
	.span_left{
	  margin-left: 8px;
	}
	.span_right{
	  margin-right: 7px;
	}
	.m_line_l1{
      display: inline;
      text-align: right;
      width: 100%;
      padding: 6px 0;
	}
	.m_line_l2{
	  width: 100%;
	  display:flex;
	}
    .com_tuchal_btn_posion {  
      display: block !important;
      text-align: right;
    }
    .com_tuchal_date select, .com_tuchal_area select, .com_tuchal_license select { width: 100%; }
	.date-wrapper {
	  width: 100%;
	}
	.com_tuchal_date, .com_tuchal_area, .com_tuchal_license{
	  margin-left:0;
	}
}/* 예가산출 분석 */
.yega_wrap{
    width:100%;
    padding:1rem;
}
.yega_info_wrap {
    padding-bottom: 2rem;
}
.yega_info_wrap h3{
    font-size: 1.2rem; color: var(--blue-1);
    padding:.5rem;
}
.yega_info_wrap table {
    border-top: var(--border-3);
    border-bottom: var(--border-2);
    color:var(--gray-1);
    width:100%; font-size: .9rem;
}
.yega_info_wrap table tr{
    border-top:var(--border-1)
}
.yega_info_wrap table tbody tr th,
.yega_info_wrap table tbody tr td {
    padding:.7rem 1rem; text-align: left;
}

.yega_info_wrap table tbody th {
    background-color: var(--gray-6);
}

.yega_bottom {
    width:100%;
    display: flex; gap:1rem; align-items: flex-start;
}
.yega_help_wrap, .yega_result_wrap {
    flex: 1; width:100%;
}
.yega_help_wrap > div {
    display: flex; flex-direction: column; gap:1rem;
}
.help_title {
    display: flex; justify-content: space-between;
}
.help_title h3 {
    font-size: 1rem; color:var(--gray-1); 
}
.help_title > div {
    display: flex; gap:.5rem;
}
.yega_bottom>.yega_help_wrap> div {
    padding:1rem;
}

.yega_help_table {
    width:100%;
    font-size: .9rem;
    box-sizing: border-box;
    border-top:var(--border-3)
}
.yega_help_table table {
    width:100%; 
    background-color: var(--white);
}
.yega_help_table thead tr,
.yega_help_table tbody tr {
    border-bottom: var(--border-1);
}
.yega_help_table thead th:nth-child(1), 
.yega_help_table tbody td:nth-child(1){ width:5%} 
.yega_help_table thead th:nth-child(2), 
.yega_help_table tbody td:nth-child(2){ width:40%} 
.yega_help_table thead th:nth-child(3), 
.yega_help_table tbody td:nth-child(3){ width:40%} 
.yega_help_table thead th:nth-child(4), 
.yega_help_table tbody td:nth-child(4){ width:5%} 

.yega_help_table thead th {
    background-color: var(--gray-5);
    color:var(--gray-2);
    padding:.7rem; text-align: center;
}

.yega_help_table tbody td {
    padding:.5rem .3rem; text-align: left;    
}
.yega_help_table tbody #help_num{
    border: var(--border-1);
    background-color: var(--gray-5);
    border-radius: 3px;
    display: block; width:24px; height:24px;
    text-align: center; line-height: 24px;
    font-size: .9rem; font-weight: 600;
}

.yega_help_table tbody td #help_num.active {
    background-color: var(--blue-1); 
    color:var(--white); border: 0;
    border-radius: 3px;
}
.yega_help_table tbody td div {
    width:100%;
    display: flex; align-items: center; gap: .3rem;
}
.yega_help_btn {
    text-align: center;
}
.yega_help_table input[type="number"] {
    width:100%;
}
/* 예가분석도우미 선택된 input number 세팅 */
.yega_help_table input[type="number"].active {
    background-color: var(--red-3);
}
.yega_help_table input[type="number"].active::placeholder {
    color:var(--black); opacity: 1;
}
/* Firefox */
.yega_help_table input[type="number"]::-moz-placeholder {
  color:var(--black); opacity: 1;
}

/* IE 10~11 */
.yega_help_table input[type="number"]:-ms-input-placeholder {
  color:var(--black); opacity: 1;
}

/* 구형 Edge */
.yega_help_table tbody tr td div input[type="number"]::-ms-input-placeholder {
  color:var(--black); opacity: 1;
}
.yega_bottom>.yega_result_wrap {
    flex: 1;
}
.yega_result_wrap h3 {
    font-size: 1rem;
    color:var(--gray-1); padding-bottom: .5rem;
}
.choice_wrap {
    display: flex; gap:.7rem;
}
.self_choice, .auto_choice {
    background-color: var(--white); padding:1rem;
    border: var(--border-1);
    flex: 1; display: flex; gap: .5rem; align-items: center;
}
.choice_wrap, .auto_choice p {
    font-weight: 600; white-space: nowrap; 
    letter-spacing: -1px; font-size: .9rem; color:var(--gray-2);
}
.yega_num_box_self, .yega_num_box_auto {
    display: flex; gap:.5rem;
}
.yega_num_box_self span {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    background-color: var(--white); color:var(--gray-1);
    border:none; border-bottom: 2px solid var(--gray-4);
    border-radius: 0px;
}
.yega_num_box_self span.choice {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    border-bottom: 2px solid var(--blue-4);
    background-color: var(--blue-4); color:var(--white);
    border-radius: 3px;
}
.yega_num_box_auto span {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    background-color: var(--white); color:var(--gray-1);
    border:none; border-bottom: 2px solid var(--gray-4);
    border-radius: 0px;
}
.yega_num_box_auto span.choice {
    display: block; 
    width:28px; height:28px; line-height: 28px; text-align: center;
    border:none; border-bottom: 2px solid var(--blue-3);
    background-color: var(--blue-3); color:var(--white);
    border-radius: 3px;
}
.yega_result_btn {
    text-align: right;
}

.yega_price_wrap {
    display: flex; flex-direction: column; gap:1rem;
    padding-bottom: 1rem;
}
.yega_price_wrap div { 
    display: flex; gap:1rem;
    align-items: center;
    border: var(--border-1);
    background-color: var(--white);
}
.yega_price_wrap div > *{padding:.5rem}
.yega_price_wrap p {
    min-width:140px; text-align: center; font-size: .9rem;
    background-color: var(--blue-1);
    color:var(--white)
}
.yega_price_wrap span {
    font-size: 1rem; font-weight: 700;
}
.memo_wrap textarea{
    width:100%; height:60px;
    padding:7px; border-radius: 4px;
    margin-bottom: .5rem;
}
.memo_wrap > div{
    text-align: right;
}


/* 발주기관 성향 분석 */
.anal_container {
    width:100%;
    padding:1rem; margin: 0 auto;
}
.anal_step1_wrap{
    background-color:var(--white);
}
.anal_table {
    width:100%;
    border-top:var(--border-3);
    border-bottom:var(--border-3);
}
.anal_table tbody tr {
    border-bottom:var(--border-1);
}
.anal_table tbody th {
    background-color: var(--gray-6);
    font-weight: 500;
}
.anal_table tbody th,
.anal_table tbody td {
    padding-left:.5rem;
    vertical-align: middle;
    text-align: left;
}
.anal_table tbody td div {
    display: flex; align-items: center; gap:.5rem;
}
.anal_step2_wrap {
    width:100%;
    display: flex; 
}
.anal_step2_left { 
    flex: 1;
    background-color: aquamarine;
}
.anal_step2_right {
    flex: .5;
    background-color:bisque;
}
.anal_tab_wrap{
    background-color: burlywood;
}
.anal_result_wrap {
    background-color: darkgray;
}
.anal_table input {
    width:3rem;
}
.anal_table select {
    width:4rem; height: 36px; 
    border: 1px solid var(--color-6);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
}
.date-wrapper input[type="text"] {
    width: 8rem;
    height: 36px;
    padding: 0 4px;
    border: var(--border-1);
    border-radius: 6px;
    font-size: .9rem;
    cursor: pointer;
}

@media (max-width:768px) {
    .yega_info_wrap tr{
        display: grid;
        grid-template-columns: 25% 1fr;        
    }
    .yega_info_wrap table tr {
        border-top: 0;
    }
    .yega_info_wrap table tbody tr th{
        font-size: .85rem;
    }
    .yega_info_wrap table tbody tr th, 
    .yega_info_wrap table tbody tr td {
        padding: .6rem .3rem;
        white-space: nowrap;
        border-bottom : var(--border-1);
    }

    .yega_bottom{
        flex-direction: column; gap:0px;
    }
    .choice_wrap {
        flex-direction: column;
    }
    .self_choice, .auto_choice{
        display: flex; 
    }
    .self_choice p, .auto_choice p{
        width:50px; display: block;
    }
    .yega_result_btn {
        display: flex; justify-content: space-evenly;
    }
}/* 면허태그스타일 */
.license_keyword_wrap dt{display: none;}
.licensebox {
  display: flex; flex-wrap: wrap; gap:.5rem;
}
.licenseTag {
  display: flex; align-items: center; 
  padding: .2rem 0.4rem; font-size: .9rem; 
  background-color: var(--white);
  border: var(--border-1);
}
.licenseTag input[type="image"]{
  position: relative; top:2px;
}
.licenseTag input[type="checkbox"]{
  white-space: nowrap; width:14px;
  position: relative; top:3px;
}
.licenseTag .center {
  white-space: nowrap;
}

/* 자동완성 스타일 */
.autocomplete{
    z-index: 9999999999;
    position: absolute;
    left: 0;
    top: 20px; 
    margin-top: 18px;
    min-width: 320px;
    border:var(--border-1);
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
}
.autocomplete ul{
    min-width:260px; padding:5px;
}
.autocomplete ul li{
    font-size: .9rem;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center; 
    color: var(--gray-2);
}
.autocomplete ul li.on{
    background-color: var(--gray-6);
      color: var(--gray-1);    
}

.autocomplete ul li span{
  color:var(--red-1)
}
.autocomplete .gbtn {
    min-width: 320px;
    height: 30px;
    border-top: var(--border-1);
    color: var(--gray-1);
    background-color: var(--gray-6);
    display: flex; align-items: center;
}
.autocomplete .gbtn .center,
.autocomplete .gbtn .right, 
.autocomplete .gbtn .left {
  display: flex; gap:.3rem; align-items: center;
  width:100%;
}
.autocomplete .gbtn .left{ justify-content: flex-start; padding-left: 1rem;}
.autocomplete .gbtn .center{ justify-content: center;}
.autocomplete .gbtn .right{ justify-content: flex-end; padding-right: 1rem;}

.autocomplete .gbtn .center input {
  width: 55px;  text-align: center;
  height: 21px;
  border: 1px solid #dedede;
  font-size: 13px;
  color: #999;
}
.autocomplete .gbtn .center em{
  font-size: .9rem; color:var(--gray-2); 
  font-weight: 600;
  font-style: normal;
}
.autocomplete .gbtn img{cursor: pointer;}

/* 지역선택 공통영역 */
.dasso_area_wrap{
  width:100%; display:flex; flex-direction:column; 
  gap:.5rem;
}

.dasso_area_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_area_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_area_wrap .check-pack{
  flex:0 0 auto;  
  min-width:60px; 
  display:inline-block;
  white-space:nowrap; 
}
.dasso_area_wrap .check-pack label{color:var(--blue-1)}

.dasso_area_wrap .check-pack span{
  display:flex; align-items:center; gap:4px;
}

.dasso_area_wrap input[type="checkbox"]{ width:12px; }

.dasso_license_wrap {
  display: flex; gap: .5rem;  
  flex-wrap: wrap; flex-direction: column;
}
.dasso_license_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_license_wrap input[type="text"]
{
  width: 100%;  
}

.dasso_license_wrap input[type="text"]:focus-visible{
  outline: 1px solid #1a73e8;;
  outline-offset: 1px;
}

.dasso_license_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_product_wrap {
  display: flex; gap: .5rem;  
  flex-wrap: wrap; flex-direction: column;
}
.dasso_product_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_product_wrap input[type="text"]
{
  width: 100%;  
}

.dasso_product_wrap input[type="text"]:focus-visible{
  outline: 1px solid #1a73e8;;
  outline-offset: 1px;
}

.dasso_product_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_area_wrap button{
  flex:0 0 auto;  
  min-width:60px; 
  display:inline-block;
  white-space:nowrap; 
}
.dasso_license_wrap button {
  height:32px;
}
.dasso_product_wrap {border: 1px solid #bbe81a;}
.dasso_set_category {border: 1px solid #1a73e8;}
@media (max-width:768px){
  .dasso_area_wrap > div{
    flex-direction:column;
    align-items:flex-start;
  }
  .dasso_area_wrap select{ width:100%; } 
  .dasso_area_wrap .check-pack{ width:auto; } 
}
.robot_pop {padding:0 1rem;}
.robot_title {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 1rem;
}

.robot_pop01 {
  background-image: url("/assets/images/robot_pop_bg.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 40%;
  width: 100%;
  max-width: 1100px;
  overflow-y: hidden;
}

.robot_pop01_top {
    padding: 3rem; line-height: 2.2rem;
}
.robot_pop01_text1 {
    font-size: 1.5rem; font-weight: 800; 
    color: #8F8F8F; 
    margin-bottom: 1rem;
}
.robot_pop01_text2 {
    font-size: 1.5rem; font-weight: 800; 
    color:#2B2B2B; 
    margin-bottom: 1rem;
}
.robot_pop01_text3 {
    font-size: 1.5rem; font-weight: 800;
    color:#FF7200;
}
.robot_pop01_text4 {
    font-size: 1rem; font-weight: 800;
    color:#585858; line-height: 1.8rem;
}
.robot_pop01_mid {
    display: flex; justify-content: space-evenly;
    margin:2rem;
}
.robot_pop01_mid img{
    transition: all .2s;
}
.robot_pop01_bottom{
    display: flex; justify-content: right; gap:.5rem;
    padding-right: 1rem;
}
.robot_pop01_bottom button{
    font-size: 1.2rem; font-weight: 700;
    padding:.8rem 3rem; color:var(--white);
    background-color: #585858;
    border-radius: .5rem;
}
.robot_pop01_bottom button:last-child{
    background-color: #FF7200;
}

.robot_title_wrap {display: flex; gap:.5rem; align-items: center;}
.robot_title_wrap span { 
    font-weight: 700; color:var(--orange-1); font-size: .8rem; 
}
.robot_title h3{font-size: 1.2rem; font-weight: 900; color:var(--blue-1)}

.robot_title2 {
    display: flex; justify-content: space-between; 
    align-items: center;
    margin: .3rem 0;
}
.robot_title2 h3{
    font-size: 1.2rem; font-weight: 900; color:var(--blue-1);
    white-space: nowrap; 
}

.robot_table table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table th:nth-child(1){width:10%}
.robot_table td:nth-child(2){width:35%}
.robot_table th:nth-child(3){width:10%}
.robot_table td:nth-child(4){width:35%}

.robot_table tr{border-bottom: var(--border-1);}
.robot_table th, .robot_table td {
    padding:.7rem;
}
.robot_table th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table td { text-align: left;}
.robot_table .aright { text-align: right; }

.robot_table2 table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table2 th:nth-child(1){width:10%}
.robot_table2 td:nth-child(2){width:35%}
.robot_table2 th:nth-child(3){width:10%}
.robot_table2 td:nth-child(4){width:35%}

.robot_table2 tr{border-bottom: var(--border-1);}
.robot_table2 th, .robot_table2 td {
    padding:.7rem;
}
.robot_table2 th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table2 td { text-align: left;}
.robot_table2 .aright { text-align: right; }


.robot_table3 table{
    width:100%;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.robot_table3 th:nth-child(1){width:10%}
.robot_table3 td:nth-child(2){width:35%}
.robot_table3 th:nth-child(3){width:10%}
.robot_table3 td:nth-child(4){width:35%}

.robot_table3 tr{border-bottom: var(--border-1);}
.robot_table3 th, .robot_table3 td {
    padding:.7rem;
}
.robot_table3 th {
    background-color: var(--gray-6); white-space: nowrap;
}
.robot_table3 td { text-align: left;}
.robot_table3 .aright { text-align: right; }

.robot_price_r {color:var(--red-1)}
.robot_price_b {color:var(--blue-1)}

.robot_btn {
    display: flex; justify-content: center; gap:.5rem;
    margin-bottom: 1rem; 
}
.robot_text01 {font-size: 1rem;font-weight: 400;line-height: 30px;color: chocolate;}
.robot_text01 p:first-child{color:var(--gray-2)}
.robot_text02 {font-size: 1rem; font-weight: 700; color: var(--red-1);}
.robot_text03 {
    display: block;
    font-size: 1.4rem; font-weight: 700; 
    color: var(--gray-1);
    margin-top: 1rem;    
}

.blank_space {
    display: block; padding:2rem; pointer-events: none;
    border-bottom: 2px dotted var(--gray-5); width:100%;
}

.blank_space2 {
    display: block; padding:.5rem; pointer-events: none;
}
@media (max-width:768px) {
    .robot_pop01 {
  background-size: 50%;  
  background-position: top -30px right;
}
.robot_pop01_top {
    padding: 1.5rem; line-height: 2rem;
}
.robot_pop01_text1 {
    font-size: 1.3rem; font-weight: 800; 
    color: #8F8F8F; 
    margin-bottom: .5rem;
}
.robot_pop01_text2 {
    font-size: 1.3rem; font-weight: 800; 
    color:#2B2B2B; 
    margin-bottom: .5rem;
}
.robot_pop01_text3 {
    font-size: 1.3rem; font-weight: 800;
}
.robot_pop01_text4 {
    font-size: .85rem; font-weight: 700; 
    line-height: 1.5rem;
}
.robot_pop01_mid {
    display: flex; justify-content: space-evenly;
    margin:0 0 1rem 0;
}
.robot_pop01_mid img{
    width:25%;
}
.robot_pop01_bottom{
    display: flex; justify-content: right; gap:.5rem;
    padding-right: 1rem;
}
.robot_pop01_bottom button{
    font-size: .9rem; font-weight: 700;
    padding:.5rem 1.5rem; 
    border-radius: .3rem;
}

    .robot_pop {padding:0 15px}
    .robot_title h3{font-size: 1rem; }
    .robot_title2 h3{font-size: 1rem; }
    .robot_title button {
        height:28px; font-size: .8rem;
    }
    .robot_table table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table th{display: none;}
    .robot_table td { 
        padding: .2rem .3rem; 
        border:none;
    }
    .robot_table td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .robot_table td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table td:nth-child(4) {width:100%}
    .robot_table tr:nth-child(3) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 0;
        width: 100%;
    }
    
    .robot_table tr:last-child{border-bottom: none;}
    .robot_table td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    .robot_table2 table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table2 tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table2 th{display: none;}
    .robot_table2 td { 
        padding: .2rem .3rem; border:none;    
    }
    .robot_table2 td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    .robot_table2 td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table2 td:nth-child(4) {width:100%}

    .robot_table2 tr:nth-child(2) {
        display: grid;
        grid-template-columns: 1fr 40%;
        border-bottom: 0;
        width: 100%;
    }
    
    .robot_table2 tr:last-child{border-bottom: none;}
    .robot_table2 td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }



    .robot_table3 table{
        border-top: none;
        border-bottom: none;
        border:var(--border-1);
        display: grid;
        grid-template-columns: 1fr; 
        gap: .1rem .2rem;
        padding: .5rem;
        border-radius: 12px;
        margin-block: 12px;
    }
    .robot_table3 tr {
        display: grid;
        border-bottom: 0; width:100%
    }
    .robot_table3 th{display: none;}
    .robot_table3 td { 
        padding: .2rem .3rem;  border:none;      
    }
    .robot_table3 td {
        text-align: left;
        vertical-align: top;
        display: grid;
        grid-template-rows: 20px 1fr ;
        align-items: start;
        justify-items: start;
        border-bottom: none;
    }
    
    .robot_table3 tr:nth-child(1) {
        display: grid;
        grid-template-columns: 1fr 40%;
        border-bottom: 0;
        width: 100%;
    }
    .robot_table3 td:nth-child(2) {width:100%; white-space: normal;}
    .robot_table3 td:nth-child(4) {width:100%;}
    .robot_table3 tr:last-child{border-bottom: none;}
    .robot_table3 td::before {
        content: attr(data-label);
        display: block; font-size: .8rem;
        font-weight: 400;
        color: var(--gray-3);
    }

    

    .robot_text01 {font-size: .9rem;}
    .robot_text02 {font-size: .9rem;}

    .robot_title2 {
        flex-direction: row; align-items: center;
        margin:.2rem 0;
    }
    .robot_title2_btn {
        width:100%;
        display: flex; justify-content: right; gap:.3rem;
    }
    .robot_title2_btn button{height:28px; font-size: .8rem;}
    .robot_btn  button{
        height:30px; font-size: .8rem;
        background-image: none; padding:0 10px;        
    }
    .robot_btn  button:hover{
        background-image: none;
    }
    .robot_title_wrap span  {display: none;}
}