@charset "utf-8";



#header_wrap{position: sticky;z-index:1001;top:0;}
#header_wrap .banner{position: relative;display: none;justify-content: center;;align-items: center;background: #d7eafb;overflow: hidden}
#header_wrap .banner.on{display:flex;}
#header_wrap .banner .wrap{position: relative}
#header_wrap .banner a{display:block;max-height: 60px;}
#header_wrap .banner .image{}
#header_wrap .banner .image img{max-width:100%;}
#header_wrap .banner .button{position: absolute;top: 13px;left: 50%;width:1100px;max-width:100%;transform:translateX(-50%);display:flex;align-items:center;justify-content: flex-end;gap:10px;}
#header_wrap .banner .button a.delLink {width: 12px;height: 12px;background: url("../images/common/btn_x.webp") no-repeat 50% 50%/contain;text-indent: -9999em;overflow: hidden;z-index: 20}
#header_wrap .banner .button a.todayLink{text-align: right;z-index: 20;display: flex;align-items: center;font-size: 12px;color:#fff;white-space: nowrap;background:rgba(0,0,0,0.8);padding:2px 10px;border-radius:10px;height:24px;}
#header_wrap .banner .button a.todayLink:hover{background:rgba(0,0,0,1);color:var(--gongim-primary-color);}
#header_wrap .header{position:relative;background: #ffffff;border-bottom: 1px solid #e7e7e7;}
#header_wrap .header .wrap{display:flex;align-items:center;justify-content:space-between;height:118px;}
#header_wrap .header .logo{}
#header_wrap .header .logo a{display:flex;align-items:center;justify-content:flex-start;width:181px;height:48px;}
#header_wrap .header .logo img{display:block;width:auto;max-width:100%;height:auto;}
#header_wrap .header .tool{display:flex;align-items:center;}
#header_wrap .header .tool > ul{display:flex;align-items:center;gap:20px}
#header_wrap .header .tool > ul > li{position:relative;display:flex;align-items:center;}
#header_wrap .header .tool > ul > li a{position: relative;display: flex;align-items: center;width:100%;height:40px;gap:4px;}
#header_wrap .header .tool > ul > li a span{font-size: 14px;color: #777;font-weight: 500;}
#header_wrap .header .tool > ul > li a img{width:18px;height:18px;object-fit:contain;}
#header_wrap .header .tool > ul > li a:hover span{color:var(--gongim-black-color);}
#header_wrap .global{position:relative;background: #ffffff;}
#header_wrap .global .wrap{display:flex;align-items:center;justify-content:space-between;height:97px;}
#header_wrap .global h2{position: absolute;font-size: 0;line-height: 0;overflow: hidden;}
#header_wrap .global .gnb{}
#header_wrap .global .gnb .depth1{display: flex;align-items: center;justify-content: flex-end;gap:45px;}
#header_wrap .global .gnb .depth1 .dl1{width:auto;}
#header_wrap .global .gnb .depth1 .da1{line-height:24px;font-size:18px;font-weight: 500;letter-spacing: -0.05em;}
#header_wrap .global .gnb .depth1 .da1:hover,
#header_wrap .global .gnb .depth1 .dl1.on .da1{color:var(--gongim-primary-color);}
#header_wrap .global .gnb .depth2{display:none;}
#header_wrap .global .gnb .depth2 .dl2{}
#header_wrap .global .gnb .depth2 .da2{}
#header_wrap .sitemap{display:none;}


@media(max-width: 768px) {

    #wrap #header_wrap{}
    #wrap #header_wrap .banner{display: none !important;}
    #wrap #header_wrap .header{border-bottom:1px solid #F4F4F4;}
    #wrap #header_wrap .header .wrap{display:flex;align-items:stretch;height:auto;}
    #wrap #header_wrap .header .logo{flex:0 0 auto;display: flex;align-items: center;justify-content:flex-start;height: 56px;padding: 0 20px;border-bottom:1px solid #F4F4F4;}
    #wrap #header_wrap .header .logo a{width:95px;height: 25px;display: block;}
    #wrap #header_wrap .header .tool{display:none;}
    #wrap #header_wrap .menu{position:absolute;top:0;right:0;display:flex !important;height:56px;padding:0 20px;align-items:center;gap:8px}
    #wrap #header_wrap .menu a{position:relative;display:flex;width:24px;height:24px;align-items:center;justify-content:center;}
    #wrap #header_wrap .menu a img{display:block;width:100%;height:100%;object-fit:contain;}
    #wrap #header_wrap .menu a.on:before{content:'';position:absolute;top:0;right:0;width:6px;height:6px;border-radius:4px;background:var(--gongim-primary-color);}
    #wrap #header_wrap .global{overflow:hidden;}
    #wrap #header_wrap .global .wrap{height:50px;}
    #wrap #header_wrap .global .gnb{}
    #wrap #header_wrap .global .gnb .depth1{gap:0;padding:0 20px;justify-content:flex-start;}
    #wrap #header_wrap .global .gnb .depth1 .dl1{width:auto;}
    #wrap #header_wrap .global .gnb .depth1 .da1{font-size:16px;}
    #wrap #header_wrap .global .gnb .depth1 .da1:hover,
    #wrap #header_wrap .global .gnb .depth1 .dl1.on .da1{color:var(--gongim-primary-color);}
    #wrap #header_wrap .global .gnb .depth2{display:none;}
    #wrap #header_wrap .global .gnb .depth2 .dl2{}
    #wrap #header_wrap .global .gnb .depth2 .da2{}
    #wrap #header_wrap .sitemap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;opacity:0;visibility:hidden;z-index: 1050;display: block;}
    #wrap #header_wrap .sitemap .inner{position: relative;z-index: 2;width: calc(100% - 50px);height: 100%;background: #fff;margin: 0 0 0 auto;transform: translateX(100%);overflow-y:auto}
    #wrap #header_wrap .sitemap .head{display:flex;align-items:center;justify-content: space-between;height: 56px;border-bottom: 1px solid #ddd;padding: 0 20px;}
    #wrap #header_wrap .sitemap .head .title{font-size: 15px;font-weight: bold;}
    #wrap #header_wrap .sitemap .head .close{display:block;}
    #wrap #header_wrap .sitemap .head .close button{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: url("../images/common/close.png") no-repeat 50% 50% / 16px auto;}
    #wrap #header_wrap .sitemap .quick{padding: 8px 20px;background: #f4f4f4;height: 58px;}
    #wrap #header_wrap .sitemap .quick ul{display:flex;flex-wrap:wrap;gap:10px;height: 100%;align-items: center;}
    #wrap #header_wrap .sitemap .quick li{width: calc(33.33% - 5px);}
    #wrap #header_wrap .sitemap .quick li a{display:flex;align-items:center;justify-content:center;border-radius: 32px;height: 32px;border: 1px solid #ddd;font-size: 14px;background: #fff;color: #000;}
    #wrap #header_wrap .sitemap .quick li a i{margin:0 6px 0 0;width:20px;height:20px;}
    #wrap #header_wrap .sitemap .quick li a i.ic-used{background:url("../img/common/icon_used.png") no-repeat 50% 50% / contain}
    #wrap #header_wrap .sitemap .quick li a i.ic-cust{background:url("../img/common/icon_customer.png") no-repeat 50% 50% / contain}
    #wrap #header_wrap .sitemap .list{}
    #wrap #header_wrap .sitemap .list ul{}
    #wrap #header_wrap .sitemap .list li{border-bottom:1px solid #ddd;}
    #wrap #header_wrap .sitemap .list li a{font-size:14px;display:flex;width:100%;height:50px;align-items:center;justify-content:flex-start;text-align:left;padding:8px 16px;background:#fff;background: url("../images/common/arrow_right_b.png") no-repeat right 16px center / auto 14px;}
    #wrap #header_wrap .sitemap .bg{position: absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;visibility:hidden;z-index: 1;}
    #wrap #header_wrap .sitemap.on{opacity: 1;visibility: visible;}
    #wrap #header_wrap .sitemap.on .inner{transform:translateX(0)}
    #wrap #header_wrap .sitemap.on .bg{opacity:0.7;visibility:visible}
    #wrap #header_wrap .submenu{}
    #wrap #header_wrap .submenu{position: fixed;width: 100%;z-index: 1011;background:#EB3F3D}
    #wrap #header_wrap .submenu ul {display: flex;  }
    #wrap #header_wrap .submenu ul li {width: auto}
    #wrap #header_wrap .submenu ul li a {padding: 14px 8px;color: #FDD1D1; font-weight: 400;font-size: 15px;line-height: 16px;display: block;letter-spacing:-1px;}
    #wrap #header_wrap .submenu ul li.on {position: relative}
    #wrap #header_wrap .submenu ul li.on a {color: #fff;font-weight: 500; }
    #wrap #header_wrap .submenu ul li.on:after {content: '';height: 2px;display: block;position: absolute; width: 100%;left: 0; bottom: 0;background: #fff;}
    #wrap #header_wrap .submenu1{background-color:#0061ae !important;}
    #wrap #header_wrap .submenu1 ul li a{color:rgba(255,255,255,0.95);}
    #wrap #header_wrap .submenu2{background-color:#07a440 !important;}
    #wrap #header_wrap .submenu2 ul li a{color:rgba(255,255,255,0.95);}
    #wrap.sub #header_wrap{}
    #wrap.sub #header_wrap .banner{display:none;}
    #wrap.sub #header_wrap .linemenu{display:none;}
    #wrap.sub #header_wrap .header{display:none;}
}