/*pc*/
#d_lnb li.d10{display:none !important;}
@media screen and (min-width: 1400px) and (max-width: 1600px) {}

@media (min-width: 1400px) {
    body.scroll #header .bg {
        opacity: 1;
        transition: 0.5s;
    }
    body.scroll #hs1 {
        display: none;
    }
    body.pc {
        min-width: 1200px;
    }
    .d_container {
        margin: 0 auto;
        /* max-width: 1440px; */
        position: relative;
        /* background: tan; */
        padding: 0 20px;
    }

    #header {
        display: block;
        width: 100%;
        /* max-width:2000px; */
        height: 130px;
        margin: 0 auto;
        background: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
        transition: 0.3s;
    }
    .mainWrap #header {
        background: none;
        border-bottom: 1px solid #dedede96;
    }
    .bodyWrap #header{border-bottom: 1px solid #dedede;}
    .fp-viewing-sec04.mainWrap #header {
        background: #fff;
    }
    #header:after {
        content: '';
        display: inline-block;
        width: calc(50% - 800px);
        height: 100%;
        /* background:#e8ecf5; */
        position: absolute;
        right: 0;
        top: 0;
    }
    #header .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        transition: 0.5s;
        opacity: 0;
        background: #ffffff;
    }
    .fp-viewing-intro #header {
        background: none;
        border-bottom: 1px solid #ffffff40;
    }
    body.lnb_over #header .bg {
        opacity: 1;
        transition: 0.5s;
    }
    body.lnb_over #header {
        border-bottom: 1px solid #dedede;
    }
    #hs1 {
        position: relative;
        overflow: hidden;
        display: none;
    }

    #d_gnb {
        overflow: hidden;
    }
    #d_gnb li {
        display: block;
        float: left;
        position: relative;
    }

    #hs2 {
        position: relative;
        width: 100%;
    }
    #hs2 h1 {
        /* float:left; */
        width: 300px;
        padding: 16px 0 0;
        position: relative;
        z-index: 2;
        position: absolute;
        top: 8px;
        left: 50%;
        margin-left: -700px;
    }
    #hs2 h1 a {
        display: block;
        padding: 0;
        background: url("/img/common/logo_w.png");
        width: 289px;
        height: 51px;
        font-size: 0;
        background-repeat: no-repeat !important;
        position: relative;
    }
    #hs2 h1 a span{
    font-size: 21px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 7px;
    right: 0;
}
    .scroll #hs2 h1 a span,.lnb_over #hs2 h1 a span,.bodyWrap #hs2 h1 a span{color:#444;}
    #hs2 h1 a span:after{
        display:block;
        clear:both;
        content:"";
        width:1px;
        height: 14px;
        background: #ccc;
        position: absolute;
        top: 9px;
        left: -19px;
    }
    .fp-viewing-intro #hs2 h1 a,
    .fp-viewing-sec02 #hs2 h1 a {
        background: url("/img/logo_w.png");
    }
    #hs2 h1 a img {
        height: 60px;
        transition: 0.2s;
    }
    #d_lnb_bg {
        position: absolute;
        left: 0;
        top: 100px;
        width: 100%;
        background: none !important;
        /* height: 300px; */
        overflow: visible !important;
        z-index: 998;
        height: 0 !important;
    }
    body.lnb_over #hs2 h1 a,
    body.scroll #hs2 h1 a, .bodyWrap #hs2 h1 a{
        background: url("/img/common/logo.png");
    }
    body.lnb_over #d_lnb_bg {
        background: #ffffff;
        min-height: 180px;
    }
    #d_lnb_bg > .d_container {
        overflow: hidden;
        height: 100%;
    }
    body.lnb_over #d_lnb_bg .shadow {
        display: block;
    }
    body.lnb_over #header {
        background: #ffffff !important;
    }
    body.scroll #header {
        background: #ffffff;
        backdrop-filter: blur(43px);
        /* background: #ffffff90; */
        top: -40px;
    }

    #d_lnb_btn {
        display: none;
    }

    #d_lnb {
        width: calc(100% - 500px);
        /* float:right; */
        height: 90px;
        margin: 0 auto;
        width: 100%;
        /* padding-left: 300;/* padding-right: 100px; */
    }
    #d_lnb ul {
        /* position:relative; */
        display: flex;
        justify-content: center;
        padding-left: 187px;
    }
    #d_lnb li {
        width: calc(35% - 29px);
        max-width: 126px;
        /* position:relative; */
        transition: 0.5s;
    }
    #d_lnb li.sns {
        display: flex;
        gap: 8px;
        padding-top: 31px;
        position: absolute;
        top: -2px;
        right: 50%;
        margin-right: -630px;
        max-width: unset;
        width: unset;
    }
    #d_lnb li.sns a {
        line-height: unset;
    }
    #d_lnb li.sns a img:nth-child(2){display:none;}
   .lnb_over #d_lnb li.sns a img:nth-child(1),.scroll #d_lnb li.sns a img:nth-child(1),.bodyWrap #d_lnb li.sns a img:nth-child(1){display:none;}
    .lnb_over #d_lnb li.sns a img:nth-child(2),.scroll #d_lnb li.sns a img:nth-child(2),.bodyWrap #d_lnb li.sns a img:nth-child(2){display:block;}
    #d_lnb li.d4 {
        max-width: 338px;
    }
    #d_lnb li.long {
        max-width: 200px;
    }
    #d_lnb li > a {
        display: block;
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        line-height: 90px;
        text-align: center;
        padding-left: 0;
        /* text-transform: uppercase; */
        z-index: 10;
    }
    .fp-viewing-intro #d_lnb li > a,
    .fp-viewing-sec02 #d_lnb li > a {
        color: #fff;
    }
    #d_lnb li:hover > a {}
    #d_lnb .online > a {
        width: 145px;
        height: 40px;
        background: var(--main-color);
        line-height: 40px;
        border-radius: 30px;
        font-size: 15px;
        font-weight: 600;
        color: #fff !important;
        padding-right: 25px;
        position: relative;
        display: block;
        padding-left: 25px;
    }
    #d_lnb .online {
        position: absolute;
        top: 28px;
        right: 119px;
        max-width: unset !important;
    }
    #d_lnb .online > a:hover {
        color: #fff;
    }
    #d_lnb .online > a i {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.25' height='21.25' viewBox='0 0 21.25 21.25'%3E%3Cg transform='translate(0.625 0.625)'%3E%3Cg%3E%3Cpath d='M19.75,13.951V18.5A1.25,1.25,0,0,1,18.5,19.75H2.25A1.25,1.25,0,0,1,1,18.5V2.25A1.25,1.25,0,0,1,2.25,1H6.411' transform='translate(-0.375 -0.375)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Cline y1='9.273' x2='9.273' transform='translate(9.375 1.352)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Cpath d='M18.823,1h6.361a1.25,1.25,0,0,1,1.25,1.25V8.611' transform='translate(-7.059 -0.375)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        width: 12px;
        height: 12px;
        display: inline-block;
        background-size: 12px;
        position: absolute;
        top: 13px;
        right: 26px;
    }
    body.lnb_over #d_lnb li > a,
    body.scroll #d_lnb li > a, .bodyWrap #d_lnb li > a{
        color: #444;
    }
    #d_lnb li .sub {
        position: absolute;
        width: 100%;
        height: 0;
        overflow: hidden;
        z-index: 999;
        /* border-bottom: 1px solid #dedede90; */
        left: 0;
        /* background: red; */
        padding-left: 400px;
        padding-right: 100px;
        background: #fff;
        max-height: 180px !important;
        background: #f8f8f8;
    }
    #d_lnb li.on .sub {
        border-bottom: 1px solid #dedede90;
    }
    #d_lnb li .sub dl {
        padding: 20px 0;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    #d_lnb li .sub dl dd {
        width: calc(25% - 10px);
    }
    #d_lnb li.on .sub {
        height: 180px !important;
    }
    #d_lnb li .sub .tlt-box {
        background: #f8f8f8;
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        height: 190px;
        padding: 30px 30px 30px 50px;
        background: #fff;
    }
    #d_lnb li .sub .tlt-box h2 {
        font-weight: 700;
        font-size: 26px;
        color: #111;
    }
    #d_lnb li .sub .tlt-box .txt {
        font-size: 18px;
        color: #555;
        font-weight: 400;
        margin-top: 3px;
    }
    #d_lnb li .sub dd a:hover em {
        color: #fff;
    }
    #d_lnb li .sub dd a {
        position: relative;
        display: block;
        padding: 5px 0;
        font-size: 15px;
        color: #444;
        line-height: 26px;
        text-align: center;
        font-weight: 400;
        border: 1px solid #dedede;
        /* border-radius: 30px; */
        background: #fff;
        padding: 10px 30px 10px 10px;
        /* background: var(--main-color); */
        font-weight: 500;
    }
    #d_lnb li .sub dd a em {
        position: relative;
        z-index: 2;
    }
    #d_lnb li .sub dd a:after {
        display: block;
        clear: both;
        content: "";
        width: 7px;
        height: 7px;
        border: 1px solid #777;
        border-top: 0;
        border-right: 0;
        transform: rotate(225deg);
        position: absolute;
        top: 18.5px;
        right: 23px;
        z-index: 0;
    }
    #d_lnb li .sub dd a:before {
        display: block;
        clear: both;
        content: "";
        width: 0;
        height: 100%;
        /* border-radius: 50px; */
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--main-color);
        /* background: var(--point-color); */
        transition: 0.3s;
    }
    #d_lnb li .sub dd a:hover:after {
        border-color: #fff;
        z-index: 2;
    }
    #d_lnb li .sub dd a:hover:before {
        width: 100%;
    }
    #d_lnb li .sub dd a:hover {
        font-weight: 500;
    }
    #d_lnb li .sub dd a[target='_blank']:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/%3E%3C/svg%3E");
        transform: unset;
        width: 16px;
        height: 16px;
        border: 0px;
        top: 16px;
        right: 17px;
    }
     #d_lnb li .sub dd a[target='_blank']:hover:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/%3E%3C/svg%3E");
  }
    #d_lnb li.d1 .sub {
        border-left: 1px solid #dedede90;
    }
    #d_lnb li.tail {
        line-height: 100px;
        display: flex;
        /* width: 250px; */
        max-width: 100px !important;
        /* background:#e8ecf5; */
        justify-content: flex-end;
        /* width: 20%; */
        position: absolute;
        top: 11px;
        right: 50%;
        margin-right: -720px;
        padding: 0;
        /* background: red; */
    }
    #d_lnb li.tail:hover > a {
        background: 0;
    }
    #d_lnb li.tail a.sitemap {
        margin: 25px 0 0;
        width: 25px;
        margin-right: 0;
        width: 50px;
        height: 50px;
        margin-left: 51px;
        background-position: center;
        background-repeat: no-repeat;
        background: url("/img/menu.png") no-repeat;
        /* background-position: center; */
    }
    .fp-viewing-intro #d_lnb li.tail a.sitemap,
    .fp-viewing-sec02 #d_lnb li.tail a.sitemap {
        background: url("/img/menu_w.png") no-repeat;
    }
    body.lnb_over #d_lnb li.tail a.sitemap,
    body.scroll #d_lnb li.tail a.sitemap {
        background-image: url("/img/menu.png");
    }
    #d_lnb li.tail a.sitemap span {
        display: block;
        width: 25px;
        height: 2px;
        margin: 0 0 5px;
        /* background:#000; */
        background: #fff;
    }
   body.lnb_over  #d_lnb li.tail a.sitemap span, body.scroll  #d_lnb li.tail a.sitemap span , .bodyWrap  #d_lnb li.tail a.sitemap span{background: #555;}
    #d_lnb li.tail div.member {
        font-size: 0.9em;
        color: #444;
    }
    #d_lnb li.tail div.member a {
        padding: 0 0.5em;
        /* border-right:1px solid #babdc4; */
        background-repeat: no-repeat;
        padding-left: 23px;
        color: #fff;
        font-size: 14px;
        display: inline-block;
        background-position: 0 center;
        margin-right: 21px;
    }
    #d_lnb li.tail div.member a:last-child {
        border-right: 0;
    }
    #d_lnb li.tail div.member a:nth-child(1) {
        background-image: url("/img/common/ic_m1.svg");
    }

    body.lnb_over #d_lnb li.tail div.member a:nth-child(1),
    body.scroll #d_lnb li.tail div.member a:nth-child(1) {
        background-image: url("/img/common/ic_m1.png");
    }

    body.lnb_over #d_lnb li.tail div.member a:nth-child(2),
    body.scroll #d_lnb li.tail div.member a:nth-child(2) {
        background-image: url("/img/common/ic_m2.png");
    }
    #d_lnb li.tail div.member a:nth-child(2) {
        background-image: url("/img/common/ic_m2.svg");
        margin-right: 0;
    }
    #d_lnb_mask {
        display: none;
    }
    body.lnb_over #d_lnb li.tail div.member a,
    body.scroll #d_lnb li.tail div.member a {
        color: #555;
    }

    .hd-top {
        border-bottom: 1px solid #ffffff66;
        height: 40px;
    }
    .hd-top .pdinner {
        display: flex;
        justify-content: space-between;
        height: 40px;
        align-items: center;
    }
    .hd-top .hd-list {
        display: flex;
        gap: 30px;
    }
    .hd-top .hd-list li {
        position: relative;
    }
    .hd-top .hd-list li:after {
        display: block;
        clear: both;
        content: "";
        width: 1px;
        height: 10px;
        background: #ffffff7d;
        position: absolute;
        top: 6px;
        right: -17px;
    }
    .hd-top .hd-list li:last-child:after {
        display: none !important;
    }
    .hd-top .hd-list li a {
        color: #fff;
    }
    .hd-top .hd-list li a b {
        position: relative;
        padding-left: 22px;
    }
    .hd-top .hd-list li a b:after {
        display: block;
        clear: both;
        content: "";
        width: 21px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.3643 10.9792C19.9264 12.5413 19.9264 15.0739 18.3643 16.636L12.7075 22.2929C12.317 22.6834 11.6838 22.6834 11.2933 22.2929L5.63642 16.636C4.07432 15.0739 4.07432 12.5413 5.63642 10.9792C7.19851 9.41709 9.73117 9.41709 11.2933 10.9792L11.9997 11.6856L12.7075 10.9792C14.2696 9.41709 16.8022 9.41709 18.3643 10.9792ZM12.0004 1C14.2095 1 16.0004 2.79086 16.0004 5C16.0004 7.20914 14.2095 9 12.0004 9C9.79124 9 8.00038 7.20914 8.00038 5C8.00038 2.79086 9.79124 1 12.0004 1Z'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 1px;
        left: 0;
    }

     .lnb_over .hd-top .hd-list li a b:after,.bodyWrap .hd-top .hd-list li a b:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23145898'%3E%3Cpath d='M18.3643 10.9792C19.9264 12.5413 19.9264 15.0739 18.3643 16.636L12.7075 22.2929C12.317 22.6834 11.6838 22.6834 11.2933 22.2929L5.63642 16.636C4.07432 15.0739 4.07432 12.5413 5.63642 10.9792C7.19851 9.41709 9.73117 9.41709 11.2933 10.9792L11.9997 11.6856L12.7075 10.9792C14.2696 9.41709 16.8022 9.41709 18.3643 10.9792ZM12.0004 1C14.2095 1 16.0004 2.79086 16.0004 5C16.0004 7.20914 14.2095 9 12.0004 9C9.79124 9 8.00038 7.20914 8.00038 5C8.00038 2.79086 9.79124 1 12.0004 1Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
    .lnb_over .hd-top .hd-list li a b, .bodyWrap .hd-top .hd-list li a b{color: var(--main-color);}

    .lnb_over .hd-top, .bodyWrap .hd-top{border-bottom:1px solid #dedede;}
    .lnb_over .hd-top .hd-list li a,
    .bodyWrap .hd-top .hd-list li a{color:#444;}
.lnb_over .hd-top .hd-list li:after,.bodyWrap .hd-top .hd-list li:after {
        display: block;
        clear: both;
        content: "";
        width: 1px;
        height: 10px;
        background: #dedede;
        position: absolute;
        top: 6px;
        right: -17px;
    }
    
    .hd-top .sns-list{display:none;}
    .mobile-member-list{display:none;}
}

@media all and (min-width:1400px) {
    #hs2 h1 {
        /* padding:15px 20px 0; */
    }
    #hs2 h1 a img {
        height: 70px;
    }

    #d_lnb li .sub dd a {
        font-size: 15px;
    }
}
@media all and (min-width:1700px) {
    #d_lnb ul {
        display: flex;
        justify-content: center;
        /* padding-right: 210px; */
        padding-left: 160px;
    }
    #d_lnb li {
        max-width: 137px;
    }

    #d_lnb li .sub {
        padding-left: 600px;
        padding-right: 300px;
    }
    #hs2 h1 {
        /* left: 103px; */
    }
    #d_lnb li.tail {
        /* right: 77px; */
    }
    #d_lnb li .sub dd a {
        font-size: 16px;
    }
    #d_lnb .online {
        right: 154px;
    }
    #d_lnb li .sub .tlt-box {
        width: 550px;
        padding-left: 255px;
    }
    #d_lnb li .sub .tlt-box h2 {
    line-height: 1.2;
    margin-bottom: 8px;
}
    #d_lnb li .sub .tlt-box .txt {}
}

/*mobile*/
@media all and (max-width:1400px) {
    #header {
        position: fixed;
        z-index: 9999;
        width: 100%;
        max-width: 2000px;
        min-width: 320px;
        left: 0;
        right: 0;
        top: 0;
        /* background: #fff; */
        border-bottom: 1px solid #ffffff69;
    }
    body.scroll #header {
        -webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
        top: -40px;
    }
    .bodyWrap #header{
    border-bottom: 1px solid #dedede;
}

    #header .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: 0.5s;
    }
    body.mo {}
    body.lnb_on {
        overflow: hidden;
    }
    body.lnb_on #d_lnb_mask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 990;
        background: rgba(0,0,0,0.4);
    }

    #d_gnb {
        position: fixed;
        left: -100%;
        top: 0;
        height: 80px;
        width: 100%;
        background: #ffffff;
        z-index: 991;
        max-width: 400px;
    }
    #d_gnb a {
        display: inline-block;
        background: url("/img/logo.png");
        width: 180px;
        height: 39px;
        background-size: 100%;
        font-size: 0;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 28px;
        margin-top: 26px;
    }

    #d_gnb .close {
        position: absolute;
        right: 10px;
        top: 15px;
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
    #d_gnb .close span {
        display: inline-block;
        position: absolute;
        top: 55%;
        right: 10px;
    }
    #d_gnb .close span:after,
    #d_gnb .close span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 2px;
        background: #222;
        position: absolute;
        right: 5px;
    }
    #d_gnb .close span:after {
        top: -11px;
    }
    #d_gnb .close span:before {
        -webkit-transform: translateX(4px) translateY(-5px) rotate(45deg);
        -moz-transform: translateX(4px) translateY(-5px) rotate(45deg);
        -ms-transform: translateX(4px) translateY(-5px) rotate(45deg);
        -o-transform: translateX(4px) translateY(-5px) rotate(45deg);
        transform: translateX(4px) translateY(-5px) rotate(45deg);
    }
    #d_gnb .close span:after {
        -webkit-transform: translateX(4px) translateY(6px) rotate(-45deg);
        -moz-transform: translateX(4px) translateY(6px) rotate(-45deg);
        -ms-transform: translateX(4px) translateY(6px) rotate(-45deg);
        -o-transform: translateX(4px) translateY(6px) rotate(-45deg);
        transform: translateX(4px) translateY(6px) rotate(-45deg);
    }

    #hs2 {
        position: relative;
        height: 99px;
        /* background: red; */
    }
    .bodyWrap #hs2{ background:#ffffff;}
    body.scroll #hs2 {
        background: #fff;
    }
    #hs2 h1 {
        display: block;
        padding: 0 0 0 20px;
        /* margin-left: 20px; */
        padding-top: 12px;
    }
    #hs2 h1 a {
        display: inline-block;
        background: url("/img/logo_w.png");
        width: 182px;
        height: 40px;
        background-size: 100%;
        font-size: 0;
        background-size: 150px;
        background-repeat: no-repeat;
        display: block;
        /* margin-left: 20px; */
        /* padding-top: 10px; */
        position: relative;
    }
    #hs2 h1 a span{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 6px;
    right: -31px;
}
    .scroll #hs2 h1 a span,.bodyWrap #hs2 h1 a span{color:#444;}
    #hs2 h1 a span:after {
        display: block;
        clear: both;
        content: "";
        width: 1px;
        height: 11px;
        background: #ccc;
        position: absolute;
        top: 5px;
        left: -13px;
    }
    .bodyWrap #hs2 h1 a,
    body.scroll #hs2 h1 a {
        background-image: url("/img/common/logo.png");
    }
    #hs2 h1 a img {
        height: 49px;
        margin: 13px 0 0 15px;
    }
    #d_lnb_bg {
        display: none;
    }
    #d_lnb_btn {
        position: absolute;
        /* background:#e8ecf5; */
        top: 38px;
        right: -6px;
        cursor: pointer;
        width: 75px;
        height: 60px;
        padding-top: 18px;
        margin-left: 51px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .icon-bar {
        display: block;
        margin: 5px auto;
        width: 25px;
        height: 2px;
        background: #fff;
        /* display: none; */
    }
    body.scroll .icon-bar, .bodyWrap .icon-bar{background: #444;}
    #d_lnb {
        position: fixed;
        left: -100%;
        top: 80px;
        width: 100%;
        max-width: 400px;
        height: 100%;
        /* overflow: auto; */
        background: #ffffff;
        z-index: 991;
    }
    #d_lnb h2 {
        position: relative;
        text-align: center;
        color: #333;
        padding: 20px 0;
        border-bottom: 1px solid #c8c8c8;
    }
    #d_lnb h2 .close {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }
    #d_lnb h2 .close img {
        max-width: 65px;
    }

    #d_lnb ul {
        height: 100%;
        overflow: auto;
        text-align: left;
        border-top: 1px solid #dedede;
    }
    #d_lnb li > a {
        display: block;
        padding: 15px 30px;
        font-size: 19px;
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        font-weight: 800;
        color: #444;
        pointer-events: none;
    }
    #d_lnb li:last-child {
        display: none;
    }
    #d_lnb li.sns{display:none;}

    #d_lnb li.on {
        transition: all 0.3s ease-in-out;
    }
    #d_lnb .online {
        display: none;
    }
    #d_lnb li > a:after {
        content: '';
        position: absolute;
        right: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: 0.3s;
        width: 8px;
        height: 8px;
        background: url("../img/common/ic_accordion.png") no-repeat center center;
        background-size: 100% !important;
        text-align: center;
        border-right: 2px solid #dedede;
        border-top: 2px solid #dedede;
        transform: rotate(135deg);
    }
    #d_lnb li.on > a {
        color: #3cc0bf;
        border-bottom: 0;
        background: var(--main-color);
        color: #fff;
    }
    #d_lnb li.on > a:after {
        /* -webkit-transform:rotate(180deg); */
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(315deg);
        /* background: url(../img/common/ic_accordion_w.png) no-repeat center center; */
        bottom: -4px;
        border-color: #fff;
    }

    #d_lnb li .sub {
        display: none;
        /* padding:15px 0px; */
        transition: 0.3s;
    }
    #d_lnb li.on .sub {
        display: block;
        height: auto !important;
        background: #fafafa;
        border-bottom: 1px solid #e6e6e6;
    }
    #d_lnb li .sub dl {}
    #d_lnb li .sub dd a {
        display: block;
        padding: 15px 30px;
        font-size: 18px;
        font-weight: 400;
        font-size: 0.95em;
        color: #666;
        border-bottom: 1px solid #dedede;
    }
    #d_lnb li .sub dd:last-child a {
        border-bottom: 0;
    }
    #d_lnb li .sub dd a:hover {
        font-weight: 600;
    }
    #d_lnb li .sub .tlt-box {
        display: none;
    }
    
    .hd-top {
        border-bottom: 1px solid #ffffff66;
        height: 40px;
    }
    .bodyWrap .hd-top{
    border-bottom: 1px solid #dedede;
}
    .hd-top .pdinner {
        display: flex;
        justify-content: space-between;
        height: 40px;
        align-items: center;
        padding: 0 20px;
    }
    .hd-top .hd-list {
        display: flex;
        gap: 15px;
    }
    .hd-top .hd-list2{display:none;}
    .hd-top .sns-list{
    display: flex;
    gap: 5px;
}
    .hd-top .hd-list li {
        position: relative;
    }
    .hd-top .hd-list li:after {
        display: block;
        clear: both;
        content: "";
        width: 1px;
        height: 8px;
        background: #ffffff7d;
        position: absolute;
        top: 9px;
        right: -8px;
    }
    .bodyWrap .hd-top .hd-list li:after{
    background: #dedede;
}
    .hd-top .hd-list li:last-child:after {
        display: none !important;
    }
    .hd-top .hd-list li a {
        color: #fff;
        font-size: 13px;
    }
    .bodyWrap .hd-top .hd-list li a{
    color: #444;
}
    .hd-top .hd-list li a b {
        position: relative;
        
    }
    .bodyWrap .hd-top .hd-list li a b{color: var(--main-color);}
    .sns-list{}
    .sns-list li{}
    .sns-list li img{
    width: 23px; display:none;
}
    .mainWrap .sns-list li img:nth-child(1){display:block;}
    .bodyWrap .sns-list li img:nth-child(2){display:block;}

    .mobile-member-list{
    position: absolute;
    top: -49px;
    left: 30px;
    z-index: 10;
    color: #444;
    font-weight: 500;
}
    .mobile-member-list a{}
    .mobile-member-list a:nth-child(1){
    color: var(--point-color);
    margin-right: 17px;
    position: relative;
    padding-left: 23px;
}
    .mobile-member-list a:nth-child(1):after{display:block;clear:both;content:"";width: 1px;height: 13px;background: #dedede;position: absolute;top: 3px;right: -10px;}
    .mobile-member-list a:nth-child(1):before{
    display:block;
    clear:both;
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231CCCC6'%3E%3Cpath d='M9.99945 11H2.04883C2.55055 5.94668 6.8141 2 11.9995 2C17.5223 2 21.9995 6.47715 21.9995 12C21.9995 17.5228 17.5223 22 11.9995 22C6.8141 22 2.55055 18.0533 2.04883 13H9.99945V16L14.9995 12L9.99945 8V11Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 21px;
    position: absolute;
    top: -1px;
    left: -1px;
    }

}