/* =============================================================================
   v2 LNB WRAPPER (Scoped Design System)
   ========================================================================== */
.v2-lnb-wrap {
    /* Design Variables */
    --content-common: #7f1a21;

    --text-main: #333333;
    --text-sub: #666666;
    --text-white: #ffffff;

    --border-default: #dddddd;
    --border-light: #e5e5e5;

    --bg-white: #ffffff;
    --bg-gray-100: #fbfbfb;
    --bg-gray-300: #eaeaea;

    /* Independent Typography */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-main);

    width: 100%;
    box-sizing: border-box;
}

/* =============================================================================
   Scoped Reset (LNB 내부만)
   ========================================================================== */
.v2-lnb-wrap *,
.v2-lnb-wrap *::before,
.v2-lnb-wrap *::after {
    box-sizing: border-box;
}

.v2-lnb-wrap div,
.v2-lnb-wrap ul,
.v2-lnb-wrap li,
.v2-lnb-wrap button,
.v2-lnb-wrap span {
    margin: 0;
    padding: 0;
}

.v2-lnb-wrap ul,
.v2-lnb-wrap ol {
    list-style: none;
}

.v2-lnb-wrap button {
    appearance: none;
    -webkit-appearance: none;

    border: 0;
    background: transparent;

    font: inherit;
    color: inherit;
    line-height: normal;

    cursor: pointer;
}

.v2-lnb-wrap a {
    color: inherit;
    text-decoration: none;
}

/* =============================================================================
   LNB Wrapper
   ========================================================================== */
.v2-lnb-wrap .v2_t_professor {
    width: 100%;
}

/* =============================================================================
   상단 타이틀
   ========================================================================== */
.v2-lnb-wrap .v2_l_professor {
    display: block;
    position: relative;

    width: 100%;

    margin: 0;
    padding: 12px 10px;

    background-color: var(--content-common);
    border: none;
    border-radius: 6px 6px 0 0;

    color: var(--text-white);
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.4;

    cursor: pointer;
    user-select: none;
}

/* 모바일 + / - */
.v2-lnb-wrap .v2_l_professor::after {
    content: '+';

    position: absolute;
    right: 15px;
    top: 50%;

    transform: translateY(-50%);

    font-size: 1.4em;
    font-weight: 300;
    line-height: 1;
}

.v2-lnb-wrap .v2_l_professor.lnb-active::after {
    content: '−';
}

/* =============================================================================
   메뉴 영역
   ========================================================================== */
.v2-lnb-wrap .v2_pro_list {
    display: none;
    width: 100%;
}

/* 메뉴 박스 */
.v2-lnb-wrap .v2_pro_list .v2_left_in_tit {
    margin: 0;
    padding: 0;

    border: 1px solid var(--border-default);
    border-top: none;
    border-radius: 0 0 6px 6px;

    overflow: hidden;
}

.v2-lnb-wrap .v2_pro_list .v2_left_in_tit > li {
    border-bottom: 1px solid var(--border-light);
}

.v2-lnb-wrap .v2_pro_list .v2_left_in_tit > li:last-child {
    border-bottom: none;
}

/* =============================================================================
   대분류 버튼
   ========================================================================== */
.v2-lnb-wrap .v2_l_menu_v3_category {
    display: block;
    position: relative;

    width: 100%;

    margin: 0;
    padding: 14px 30px 14px 10px;

    border: none;
    background: var(--bg-white);

    text-align: left;

    font-size: 1em;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text-main);

    transition:
            background-color 0.2s ease,
            color 0.2s ease;

    cursor: pointer;
}

/* hover / active */
.v2-lnb-wrap .v2_l_menu_v3_category:hover,
.v2-lnb-wrap .v2_l_menu_v3_category.active {
    background-color: var(--bg-gray-300);
    color: var(--content-common);
}

/* =============================================================================
   화살표
   ========================================================================== */
.v2-lnb-wrap .v2_l_menu_v3_arrow {
    position: absolute;
    right: 12px;
    top: 50%;

    width: 0;
    height: 0;

    margin-top: -3px;

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #888;

    transition:
            transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* 펼침 상태 */
.v2-lnb-wrap .v2_l_menu_v3_category.active .v2_l_menu_v3_arrow {
    transform: rotate(180deg);
}

/* =============================================================================
   소메뉴
   ========================================================================== */
.v2-lnb-wrap .v2_l_menu_v3_submenu {
    display: none;
    overflow: hidden;

    background-color: var(--bg-gray-100);
}

.v2-lnb-wrap .v2_l_menu_v3_submenu ul {
    margin: 5px 0 10px;
    padding: 0;
}

/* 소메뉴 링크 */
.v2-lnb-wrap .v2_l_menu_v3_submenu li a {
    display: block;

    padding: 9px 10px 9px 20px;

    font-size: 0.95em;
    line-height: 1.4;
    color: var(--text-sub);

    transition:
            background-color 0.2s ease,
            color 0.2s ease;
}

.v2-lnb-wrap .v2_l_menu_v3_submenu li a:hover {
    background-color: var(--bg-gray-300);
}

.v2-lnb-wrap .v2_l_menu_v3_submenu li a.active {
    background-color: var(--content-common);

    color: var(--text-white);
    font-weight: 600;
}

/* =============================================================================
   직접 링크 (ALL PASS)
   ========================================================================== */
.v2-lnb-wrap .v2_l_menu_v3_category.direct-link {
    display: block;
    text-decoration: none;
}

/* =============================================================================
   Desktop (980px+)
   ========================================================================== */
@media only screen and (min-width: 980px) {

    .v2-lnb-wrap .v2_pro_list {
        display: block;
    }

    .v2-lnb-wrap .v2_l_professor {
        cursor: default;
    }

    .v2-lnb-wrap .v2_l_professor::after {
        display: none;
    }
}

/* 퀵메뉴 */
div.q_menu{width:100%;display:inline-block;margin-top:3%}
div.q_menu ul{width:100%;display:inline-block;border-left:solid 1px #bbb}
div.q_menu ul li{width:33%;height:35px;float:left;text-align:center;background-color:#f6f6f6;letter-spacing:-1px;line-height:290%;font-weight:bold;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;font-size:0.8em}
div.q_menu ul li.bdt,div.q_menu ul li.bddt{border-top:solid 1px #bbb}
div.q_menu ul li br{display:none}
div.q_menu ul li a{width:94%;height:29px;display:inline-block;}
div.q_menu ul li a:hover{border:solid 3px #ff6610;color:#ff6610}
div.q_menu ul li.li_none{display:none}
div.left_cont_area{display:none}

@media only screen and (min-width:420px) {
    div.q_menu ul li a{width:96%;}
}
@media only screen and (min-width:500px) {
    div.q_menu ul li a{width:97%;}
}

@media only screen and (min-width:660px) {
    div.left_cont_area{display:block}
    div.left_cont_data{display:none}
    div.q_menu{width:100%;display:inline-block;float:left;clear:both;margin-top:1em}
    div.q_menu ul{width:99.6%;display:inline-block}
    div.q_menu ul li{width:49.1%;height:60px;line-height:150%}
    div.q_menu ul li.bddt{border-top:none}
    div.q_menu ul li.for{line-height:440%}
    div.q_menu ul li br{display:block}
    div.q_menu ul li div:hover{border:solid 3px #ff6610}
    div.q_menu ul li div a:hover{color:#ff6610}
    div.q_menu ul li.li_none{display:block}
    div.q_menu ul li a{width:91%;height:48px;padding-top: 10%;}

}

@media only screen and (min-width:781px) {
    div.q_menu ul li{line-height:150%}
    div.q_menu ul li br{display:block}
}
@media only screen and (min-width:980px) {
    div.q_menu ul li.first{width: 49.7%;}
    div.q_menu ul li{height:58px}
    div.q_menu ul li br{display:block}
    div.q_menu ul li a{height: 44px;width: 81px;}
}


/* 안내 */
div.phone{width:89.5%;display:inline-block;border:solid 1px #ddd;background-color:#f6f6f6;padding:0 5%}
div.phone ul{width:100%;display:inline-block}
div.phone ul li{width:100%;display:inline-block;padding:4% 0}
div.phone ul li{width:100%;display:inline-block;border-bottom:dashed 1px #ddd;text-align: center;}
div.phone ul li img{width: 100%;max-width: 274px;}
div.phone ul li p{display:none;padding-left:8%;font-size:0.8em}
div.phone ul li b{color:#000}
div.phone ul li span{color:#ff6600;font-weight:bold}

@media only screen and (min-width:660px) {
    div.phone{width:100%;float:left;clear:both;display:inline-block;padding:0}
    div.phone ul li br{display:block}
    div.phone ul li{padding-left:1%;width: 98%;text-align:left;}
    div.phone ul li.phone_bg{width:81%;padding-left:19%;background:url('../../resources/images/common/phon.gif') no-repeat 5px 50%;background-size:25%}
    div.phone ul li p{display:block}
    div.phone ul li p{padding-left:18%}
    div.phone ul li p.bank{padding:0}
    div.phone ul li img{display:none}
}

@media only screen and (min-width:781px) {
    div.phone ul li.phone_bg{background:url('../../resources/images/common/phon.gif') no-repeat 15% 50%;background-size:auto}
    div.phone ul li p{padding-left:30%}
    div.phone ul li p.bank{padding-left:6%}
}