@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: 800px;

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

        --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 - 6°³ ¸Þ´º Á¤·Ä ´ëÀÀ ¼öÁ¤
========================================================= */
#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;
/* [¼öÁ¤] ¸Þ´º 6°³°¡ ÇÑ ÁÙ¿¡ À§Ä¡Çϵµ·Ï 4¿­¿¡¼­ 6¿­·Î º¯°æ */
grid-template-columns: repeat(6, 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 - 6°³ ¸Þ´º Á¤·Ä ´ëÀÀ ¼öÁ¤
========================================================= */
#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;
/* [¼öÁ¤] Àüü ½½¶óÀ̵å ÇÏÀ§ ¸Þ´º ¿µ¿ªµµ 6¿­ ±×¸®µå·Î ºÐÇÒ ¸ÅĪ */
grid-template-columns: repeat(6, 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;
}