@charset "utf-8";

/* 1.1.4 { */
.writer_prof {margin-top: 25px; margin-bottom: 20px;}
.chk_box input[type="checkbox"] + label span {display: none !important;}
.chk_box input[type="radio"] + label span {display: none !important;}
input[type="checkbox"] + label {padding-left: 30px !important;}
#bo_cate {border-bottom: 0px;}
.rb_bbs_wrap .rb_bbs_list {border-top:1px solid #ddd !important;}
#faq_wrap {border-top:1px solid #ddd !important;}
.rb_prof_tab #bo_cate {border-bottom:1px solid #ddd; margin-bottom: 20px;}
.rb_bbs_wrap .rb_bbs_top {margin-top: 0px !important;}
/* } */

/* 1.1.5 { */
.point_info_btns {border:1px solid #ddd; border-radius: 6px; padding-left: 10px; padding-right: 10px; height:25px; font-size: 12px; display: flex;  justify-content:center; align-items: center;}
.point_info_btns i {margin-top: 2px; margin-right: 4px;}
.point_info_btns:hover {border-color:#aaa;}
.point_info_btns.act {border-color:#aaa;}
.point_info_btns_wrap {margin-top: 3px; position: relative;}
.point_info_btns_wrap ul {margin-top: 10px; background-color: #f9f9f9; border-radius: 6px; padding: 15px; display: flex; gap:15px; justify-content: center;}
.point_info_btns_wrap ul dl {text-align: center;}
.point_info_btns_wrap ul dl dd {margin-top: 2px; padding-bottom: 2px; font-size: 12px;}
.point_info_opens h6 {display: block;}
.rb_bbs_wrap .rb_bbs_top {position: absolute; top:-35px; right:0px; margin-top: 0px;}
.rb_bbs_wrap #bo_cate {margin-top: 0px !important;}

.point_info_opens {
    padding: 20px;
    border: 1px solid #eee;;
    border-radius: 6px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .02);
    background: #fff;
    min-width: 280px;
    position: relative;
    font-size: 13px;
    position: absolute; top:35px; right:0px;
    z-index: 2;
    display: none;
}
/* } */

/* 1.2.6 { */
.gallery-item-info-sub {margin-top: 15px !important;}
.rb_bbs_wrap .rb_bbs_for_cont {padding-right: 180px !important;}
.notification, .notification-custom {border:0px solid #000 !important;}
.cbp-hrmenu-btm {box-shadow: none !important; border:0px !important;}
.beta_ico {display: none !important;}
.gallery-item-tit {margin-top: 10px !important;}
.content_box {transition: box-shadow 0.3s ease, transform 0.2s ease;}
.bbs_main_wrap_thumb_con_main dd:last-child {border-bottom: 0px !important;}

.content_box.clicked {}
.content_box.dragging {box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: #fff; opacity: 0.6}
.placeholders_box {border: 1px dashed #ddd;background: none;visibility: visible !important; margin: 20px;box-sizing: border-box; height: auto;}
.content_box .admin_ov {cursor: grab !important}
.content_box .admin_ov:active  {cursor: grabbing !important;}
.win_btn {padding-bottom: 30px;}
.sv_wrap .sv a {color:#fff !important;}
.user_prof img {height:80px; width:auto;}
.rb_prof .rb_prof_info_img img {height:80px; width:auto;}
/* } */

/* 1.2.7 { */
#bo_v_con img {border:1px solid rgba(0,0,0,0.1);}
.bbs-view-image {height:100%; overflow: auto;}
.gallery-item-img img {border:1px solid rgba(0,0,0,0.1);}
.rb_bbs_wrap .rb_thumb_wrap img {border:1px solid rgba(0,0,0,0.1);}
#faq_wrap .con_inner {line-height: 150%; font-size: 14px;}
.system_del_btn {float:right !important; background-color: #fff !important; border:1px solid #ddd !important; border-radius: 6px !important;}
.system_del_btn a {color:#000 !important; font-size: 12px;}
#memo_list h1#win_title {padding-right: 20px !important;}
/* } */

/* 1.2.8 { */
.bbs-view-image {height:100%; overflow:inherit !important;}
.bbs-view-image img {max-width: 100%; height:auto;}
/* } */

/* 1.3.9 { */
.cbp-hrmenu .cbp-hrsub {z-index: 100;border-radius:10px}
#m_gnb_close_btn {width: 60px; height:80px;}
.cbp-hrmenu-btm > ul > li {position: relative; background-repeat: no-repeat; background-position: right 20px top 27px;}
.cbp-hrmenu-btm > ul > li.add_arr_svg {background-image: url('../n_icon/arr_down.svg');}
.cbp-hrmenu-btm > ul > li.cbp-hropen {background-image: url('../n_icon/arr_up.svg');}
.cbp-hrmenu-btm > ul > li .add_arr_btn {position: absolute; top:0px; right:0px; width:50px; height:60px;}
/* } */

@media all and (max-width:1024px){
    
    /* 1.1.4 { */
    .rb_prof_tab #bo_cate {margin-bottom: 20px !important;}
    /* } */
    
    /* 1.1.5 { */
    .rb_bbs_wrap .rb_bbs_top {right:20px;}
    /* } */
    
    /* 1.2.6 { */
    .rb_bbs_wrap .rb_bbs_for_cont {width: 100% !important; padding-right: 140px !important;}
    /* } */
    
}

/* =========================================================
   DAE DONG METAL HEADER FINAL - ALIGN FIX
   - ±âº»/½ºÅ©·Ñ: »óÀ§ ¸Þ´º °£°Ý Á¼°Ô
   - ·Ñ¿À¹ö: »óÀ§ ¸Þ´º¿Í ÇÏÀ§¸Þ´º µ¿ÀÏ Æø/µ¿ÀÏ Áß½ÉÃà
   - grid/display Àüȯ ¾øÀÌ width¸¸ º¯°æÇÏ¿© ºÎµå·¯¿î ¾Ö´Ï¸ÞÀ̼Ç
========================================================= */
@media all and (min-width:1064px) {

    :root {
        --ddm-accent: #00a7fe;
		--ddm2-accent: #00a7fe;

        /* ±âº» »óÅ ¸Þ´º Æø */
        --ddm-menu-small: 660px;

        /* ·Ñ¿À¹ö »óÅ »óÀ§/ÇÏÀ§ ¸Þ´º °øÅë Æø */
        --ddm-menu-open: 840px;

        --ddm-header-h: 80px;
        --ddm-logo-col: 280px;
        --ddm-lang-col: 160px;
        --ddm-side-pad: 55px;

        /* ·Î°í ¿µ¿ªÀÌ ¾ð¾î ¿µ¿ªº¸´Ù ³Ð±â ¶§¹®¿¡ ½ÇÁ¦ ¸Þ´º Áß½ÉÀº È­¸é Áß¾Óº¸´Ù ¿ìÃø¿¡ ÀÖÀ½ */
        --ddm-menu-center-shift: calc((var(--ddm-logo-col) - var(--ddm-lang-col)) / 2);
    }

    /* =========================
       HEADER BASE
    ========================= */
    #header {
        height: var(--ddm-header-h) !important;
        padding: 0 !important;
        background-color: rgba(255,255,255,0) !important;
        box-shadow: none !important;
        overflow: visible !important;
        transition: background-color .42s ease, box-shadow .42s ease !important;
    }

    #header .gnb_wrap {
        position: relative !important;
        height: var(--ddm-header-h) !important;
        transition: height .42s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    #header .gnb_wrap > .inner {
        position: relative !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 1300px !important;
        height: var(--ddm-header-h) !important;
        margin: 0 auto !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: var(--ddm-logo-col) minmax(0, 1fr) var(--ddm-lang-col) !important;
        align-items: center !important;

        transition: max-width .42s cubic-bezier(0.86, 0, 0.07, 1), padding .42s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    #header.is-scrolled,
    #header.gnb-open {
        background-color: #fff !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;
    }

    #header.is-scrolled .gnb_wrap > .inner,
    #header.gnb-open .gnb_wrap > .inner {
        max-width: 100% !important;
        padding-left: var(--ddm-side-pad) !important;
        padding-right: var(--ddm-side-pad) !important;
    }

    /* =========================
       LOGO
    ========================= */
    #header .logo_wrap {
        grid-column: 1 !important;
        grid-row: 1 !important;
        position: static !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        height: var(--ddm-header-h) !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 5 !important;
    }

    #header #logo_img img {
        height: 22px !important;
        width: auto !important;
        display: block !important;
        margin: 0 !important;
        transition: opacity .25s ease !important;
    }

    /* =========================
       LANGUAGE
    ========================= */
    #header .snb_wrap {
        grid-column: 3 !important;
        grid-row: 1 !important;
        position: static !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        height: var(--ddm-header-h) !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 6 !important;
    }

    #header .snb_wrap > li,
    #header .snb_wrap .qm_wrap {
        float: none !important;
        display: block !important;
        line-height: normal !important;
    }

    #header .language-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    #header .language-btn a {
        transition: color .25s ease, border-color .25s ease, background-color .25s ease !important;
    }



    #header .language-wrapper:not(.dark) .language-btn a {
        color: #222 !important;
    }




    /* =========================
       TOP MENU
    ========================= */
    #header #cbp-hrmenu {
        grid-column: 2 !important;
        grid-row: 1 !important;

        position: relative !important;
        float: none !important;

        width: var(--ddm-menu-small) !important;
        max-width: 100% !important;
        height: var(--ddm-header-h) !important;

        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 4 !important;

        transition: width .46s cubic-bezier(0.86, 0, 0.07, 1), max-width .46s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    /* ±âº»/½ºÅ©·Ñ: Á¼Àº Æø */
    #header:not(.gnb-open) #cbp-hrmenu {
        width: var(--ddm-menu-small) !important;
        max-width: 100% !important;
    }

    /* ·Ñ¿À¹ö: ÇÏÀ§¸Þ´º¿Í µ¿ÀÏ Æø */
    #header.gnb-open #cbp-hrmenu {
        width: var(--ddm-menu-open) !important;
        max-width: 100% !important;
    }

    #header #cbp-hrmenu > ul {
        float: none !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-content: initial !important;

        width: 100% !important;
        height: var(--ddm-header-h) !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        line-height: normal !important;
    }

    #header #cbp-hrmenu > ul > li.scroll_logo,
    #header #cbp-hrmenu > ul > li.scroll_button {
        display: none !important;
    }

    #header #cbp-hrmenu > ul > li.menus {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: var(--ddm-header-h) !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        line-height: normal !important;
    }

    #header #cbp-hrmenu > ul > li.menus > a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: var(--ddm-header-h) !important;
        padding: 0 !important;
        margin: 0 !important;

        white-space: nowrap !important;
        line-height: var(--ddm-header-h) !important;
        transition: color .25s ease !important;
    }

    #header.dark:not(.is-scrolled):not(.gnb-open) #cbp-hrmenu > ul > li.menus > a {
        color: #fff !important;
    }

    #header.is-scrolled #cbp-hrmenu > ul > li.menus > a,
    #header.gnb-open #cbp-hrmenu > ul > li.menus > a {
        color: #222 !important;
    }

    #header #cbp-hrmenu > ul > li.menus > a::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 20px !important;

        width: 0 !important;
        height: 2px !important;

        background-color: var(--ddm-accent) !important;
        opacity: 1 !important;

        transform: translateX(-50%) rotate(0deg) !important;
        transition: width .34s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    #header #cbp-hrmenu > ul > li.menus:hover > a,
    #header #cbp-hrmenu > ul > li.menus.is-active > a,
    #header.gnb-open #cbp-hrmenu > ul > li.menus.is-active > a {
        color: var(--ddm-accent) !important;
    }

    #header #cbp-hrmenu > ul > li.menus:hover > a::after,
    #header #cbp-hrmenu > ul > li.menus.is-active > a::after,
    #header.gnb-open #cbp-hrmenu > ul > li.menus.is-active > a::after {
        width: 100% !important;
        opacity: 1 !important;
    }

    /* ±âÁ¸ °³º° µå·Ó´Ù¿î Â÷´Ü */
    #header #cbp-hrmenu .cbp-hrsub,
    #header #cbp-hrmenu .cbp-hropen .cbp-hrsub {
        display: none !important;
    }

    /* =========================
       MEGA MENU
       ÇÙ½É: »óÀ§ ¸Þ´º Áß½ÉÃà°ú ¸ÂÃß±â À§ÇØ µ¿ÀÏÇÑ ¿ìÃø º¸Á¤°ª Àû¿ë
    ========================= */
    #header .gnb_all_depth {
        position: absolute !important;
        left: 0 !important;
        top: var(--ddm-header-h) !important;
        width: 100% !important;

        background: rgba(255,255,255,.98) !important;
        border-top: 1px solid rgba(0,0,0,.06) !important;
        box-shadow: 0 18px 35px rgba(0,0,0,.08) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-10px) !important;

        transition: opacity .34s ease, transform .46s cubic-bezier(0.86, 0, 0.07, 1), visibility .34s ease !important;
        z-index: 3 !important;
    }

    #header.gnb-open .gnb_all_depth {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    #header .gnb_all_depth_inner {
        box-sizing: border-box !important;

        width: var(--ddm-menu-open) !important;
        max-width: min(var(--ddm-menu-open), calc(100vw - 40px)) !important;

        margin: 0 auto !important;
        padding: 34px 0 38px !important;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: 0 !important;

        /* »óÀ§ ¸Þ´º´Â grid Áß¾Ó Ä÷³ ±âÁØÀ̹ǷΠÇÏÀ§¸Þ´ºµµ °°Àº Áß½ÉÃàÀ¸·Î À̵¿ */
        transform: translateX(var(--ddm-menu-center-shift)) !important;

        transition: width .46s cubic-bezier(0.86, 0, 0.07, 1), max-width .46s cubic-bezier(0.86, 0, 0.07, 1), transform .46s cubic-bezier(0.86, 0, 0.07, 1) !important;
    }

    #header .gnb_all_col {
        box-sizing: border-box !important;
        min-width: 0 !important;
        padding: 0 20px !important;
        border-left: 1px solid rgba(0,0,0,.08) !important;
    }

    #header .gnb_all_col:first-child {
        border-left: 0 !important;
    }

    #header .gnb_all_title {
        display: none !important;
    }

    #header .gnb_all_col ul {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
    }

    #header .gnb_all_col li {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        line-height: normal !important;
    }

    #header .gnb_all_col li:last-child {
        margin-bottom: 0 !important;
    }

    #header .gnb_all_col li a {
        display: inline-block !important;
        padding: 10px 0 !important;
        color: #555 !important;
        font-size: 18px !important;
        line-height: 1.45 !important;
        letter-spacing: -0.02em !important;
        word-break: keep-all !important;
        transition: color .25s ease !important;
    }
    #header .gnb_all_col li a._en {
        font-size: 16px !important;
	}

    #header .gnb_all_col li a:hover {
        color: var(--ddm-accent) !important;
    }
}

/* 1300 ÀÌÇÏ¿¡¼­ ·Î°í/¾ð¾î¿Í °ãÄ¡Áö ¾Êµµ·Ï ¸Þ´º Æø ÀÚµ¿ Ãà¼Ò */
@media all and (min-width:1064px) and (max-width:1340px) {
    #header .gnb_wrap > .inner {
        max-width: calc(100% - 40px) !important;
    }

    #header:not(.gnb-open) #cbp-hrmenu {
        width: min(620px, calc(100vw - 460px)) !important;
    }

    #header.gnb-open #cbp-hrmenu {
        width: min(760px, calc(100vw - 460px)) !important;
    }

    #header .gnb_all_depth_inner {
        width: min(760px, calc(100vw - 460px)) !important;
        max-width: min(760px, calc(100vw - 460px)) !important;
        transform: translateX(var(--ddm-menu-center-shift)) !important;
    }

    #header .gnb_all_col {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}

@media all and (max-width:1063px) {
    #header .gnb_all_depth {
        display: none !important;
    }
}

/* =========================================================
   LANGUAGE VERTICAL ALIGN FIX
========================================================= */
@media all and (min-width:1064px){

    #header .snb_wrap{
        height:80px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }

    #header .snb_wrap > li,
    #header .snb_wrap .qm_wrap{
        height:80px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        margin:0 !important;
        padding:0 !important;
        line-height:normal !important;
    }

    #header .language-wrapper{
        height:80px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        margin:0 !important;
        padding:0 !important;
    }

    #header .language-btn{
        display:flex !important;
        align-items:center !important;
    }

    #header .language-btn a{
        height:30px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        line-height:1 !important;
        margin:0 !important;
    }
}

/* =========================================================
   MOBILE HEADER SCROLL BACKGROUND FIX
========================================================= */
@media all and (max-width:1063px){

    #header.is-scrolled,
    #header.gnb-open,
    #header.header_show{
        background-color:#fff !important;
        box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
    }

    #header.is-scrolled #tog_gnb_mobile svg,
    #header.gnb-open #tog_gnb_mobile svg,
    #header.header_show #tog_gnb_mobile svg{
        fill:#333 !important;
    }

    #header.is-scrolled .language-wrapper.dark,
    #header.gnb-open .language-wrapper.dark{
        color:#222 !important;
    }

    #header.is-scrolled .language-wrapper.dark .language-btn a,
    #header.gnb-open .language-wrapper.dark .language-btn a{
        color:#222 !important;
    }
}


/* =========================================================
   DDM MOBILE CENTER ACCORDION MENU
   - ±âÁ¸ ¸ð¹ÙÀÏ ¸Þ´º ¹è°æ/·Î°í À¯Áö
   - ¸Þ´º Áß¾Ó ¹èÄ¡
   - ÇÏÀ§¸Þ´º SVG È­»ìÇ¥ + Ŭ¸¯/ÅÍÄ¡ ¾ÆÄÚµð¾ð
========================================================= */
@media all and (max-width:1063px) {

    #cbp-hrmenu-btm.ddm-mobile-menu {
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
/*        min-height: 100svh;*/
        height: 100vh; /* fallback */
        height: 100dvh; /* ÃֽŠiOS */
        min-height: -webkit-fill-available; /* ±¸Çü Safari ´ëÀÀ */
        background: linear-gradient(45deg, #e5e4e2 0%, #fdfdfd 50%, #c0c0c0 100%);
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: none !important;
        transition: left 600ms cubic-bezier(0.86, 0, 0.07, 1);
        z-index: 1026;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu.active {
        left: 0;
    }

    /* ·Î°í´Â ±âÁ¸ »óÅ À¯ÁöÇ쵂 À§Ä¡¸¸ Á¤µ· */
    #cbp-hrmenu-btm.ddm-mobile-menu .mobile_logo {
        position: absolute;
        left:34px;
        top: 20px;
        z-index: 2;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .mobile_logo img {
        height: 20px;
        width: auto;
        display: block;
    }

    /* ´Ý±â ¹öÆ° */
    #m_gnb_close_btn {
        top: -100px;
        right: 14px;
        width: 62px;
        height: 62px;
        z-index: 9999;
    }

    #m_gnb_close_btn.active {
        top: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }

    #m_gnb_close_btn svg {
        width: 24px;
        height: 24px;
        fill: #333;
    }

    /* ¸Þ´º Àüü Áß¾Ó ¹èÄ¡ */
    #cbp-hrmenu-btm.ddm-mobile-menu > ul.ddm-mobile-menu-list {
        float: none !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;

        width: 100% !important;
/*        min-height: 100svh;*/
        height: 100vh; /* fallback */
        height: 100dvh; /* ÃֽŠiOS */
        min-height: -webkit-fill-available; /* ±¸Çü Safari ´ëÀÀ */

        padding: 88px 36px 70px !important;
        margin: 0 !important;

        box-sizing: border-box;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu > ul.ddm-mobile-menu-list > li {
        position: relative;
        float: none !important;
        display: block !important;

        width: 100% !important;

        padding: 0 !important;
        margin: 0 0 26px 0 !important;

        border-bottom: 0 !important;
        text-indent: 0 !important;
        background-image: none !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .ddm-mobile-main-row {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        max-width: 100%;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .ddm-mobile-main-link {
        float: none !important;
        display: inline-block !important;

        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;

        color: #333 !important;
        font-size: clamp(28px, 8.3vw, 34px) !important;
        font-family: 'font-B', sans-serif !important;
        font-weight: 700 !important;
        line-height: 1.02 !important;
        letter-spacing: -0.04em;
        word-break: keep-all;
        text-indent: 0 !important;
    }

    /* ÇÏÀ§¸Þ´º ÀÖ´Â °æ¿ì SVG È­»ìÇ¥ */
    #cbp-hrmenu-btm.ddm-mobile-menu .ddm-mobile-arrow {
        position: static !important;
        flex: 0 0 auto;

        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        width: 28px !important;
        height: 28px !important;

        padding: 0 !important;
        margin: 2px 0 0 0 !important;

        border: 0 !important;
        background: transparent !important;
        text-indent: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .ddm-mobile-arrow svg {
        width: 20px;
        height: 20px;
        fill: #c9c9c9;
        transition: transform 280ms cubic-bezier(0.86, 0, 0.07, 1);
    }

    #cbp-hrmenu-btm.ddm-mobile-menu li.mobile-open > .ddm-mobile-main-row .ddm-mobile-arrow svg {
        transform: rotate(180deg);
    }

    /* ÇÏÀ§¸Þ´º */
    #cbp-hrmenu-btm.ddm-mobile-menu .ddm-mobile-sub,
    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        display: none;
        width: 100% !important;
        max-width: none !important;

        margin: 12px 0 0 0 !important;
        padding: 0 !important;

        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub-inner,
    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub-inner > div {
        float: none !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub ul {
        float: none !important;
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub ul li {
        float: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 0 8px 0 !important;
        border: 0 !important;
        text-indent: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub ul li a {
        float: none !important;
        display: block !important;
        width: auto !important;

        padding: 4px 0 !important;
        margin: 0 !important;

        color: #777 !important;
        font-size: clamp(22px, 4.1vw, 24px) !important;
        font-family: 'font-B', sans-serif !important;
        font-weight: 300 !important;
        line-height: 1.35 !important;
        letter-spacing: -0.03em;
        text-indent: 0 !important;
    }

    #cbp-hrmenu-btm.ddm-mobile-menu .cbp-hrsub ul li a:hover {
        color: #00a7fe !important;
    }
}

/* ³Ê¹« ³·Àº È­¸é¿¡¼­´Â Áß¾Ó¹èÄ¡º¸´Ù »ó´Ü ½ÃÀÛÀÌ ¾ÈÀü */
@media all and (max-width:1063px) and (max-height:680px) {
    #cbp-hrmenu-btm.ddm-mobile-menu > ul.ddm-mobile-menu-list {
        justify-content: center;
      /*  padding-top: 120px !important;*/
    }

    #cbp-hrmenu-btm.ddm-mobile-menu > ul.ddm-mobile-menu-list > li {
        margin-bottom: 30px !important;
    }
}