: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:400; 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: 6px 24px;}
.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;}
.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-top:12px;}
    .header-wrap .header-bottom{height:50px; gap:40px;}
    .header-wrap .nav-top-wrap{gap:40px;}
    .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:0 40px;}
    .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;}

}