@charset "utf-8";

.section.nav .menuhome {position: absolute; display: inline-block; top: 12px; left: 10px; z-index: 20;}
.section.nav .menuhot {position: absolute; display: inline-block; top: 12px; right: 10px; z-index: 20;}
.section.nav .menuhome a {display: inline-block; color: #aaa; font-size: 13px;}
.section.nav .menuhot a {display: inline-block; color: #aaa; font-size: 13px;}
@media (max-width: 640px){
    .section.nav .menuhome {top: 10px; left: 10px;}
    .section.nav .menuhot {top: 10px; right: 50px;}
}



.uk-button-small {padding: 0 7px;}

/* .menu.nav */
.menubar{
    position: relative; display: inline-block; width: 100%; margin:0; padding:0; z-index: 19;
    font-family:"Noto Sans KR", sans-serif; font-size:18px; font-weight: 500; color: #333; text-align: right; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc;
}
@media (max-width: 640px){
    .menubar{text-align: left; padding-top: 20px; padding-bottom: 20px;}
}

.menubar .d1_g{
    display: inline-block; width: 100%; margin:0; padding:0;
    list-style:none; text-align: center;
}
.menubar .d1_m{ display: inline-block; height:50px; margin:0; padding:0;}
.menubar .d1_m .d1_a{
    display:block; height:70px; margin:0; padding:0px 30px;
    font-size: 18px; font-weight:400; line-height:72px; text-align:center; text-decoration:none; color: #0042a9;
}
@media (max-width: 640px){
    .menubar .d1_m{ height:40px;}
}



/* d1 메뉴 */
.menubar .d2_m .d2_a {color: #666;}
/* d1 메뉴 : hover */
.menubar .d1_m .d2_m.active .d2_a {color:#01babd;}

.menubar .d2_m.focused .d2_a { color: #000; }
.menubar .d2_m.focused.active .d2_a { color: #01babd; }

.menubar .d1_m.focused { /*background: green;*/}
.menubar .d1_m_hot {display: none;}

/* d2_g */
.menubar .d1_m .d2_g{
    display:none; padding:0; margin:0; width:100%; height:46px; z-index:20;
    position:absolute; top: 51px; left:0; right: 0; background: #eee;
    font-size: 18px; text-align: center; line-height: 46px;
}
.menubar .d1_m.active .d2_g { display: block;}
.menubar .d1_m li {display:inline-block; float:none; margin:0px; padding:0px;}
.menubar .d2_g a{margin:0px; padding:0px 10px 0px 15px; text-align:left;}
.menubar .d2_g .d2_set a:hover, .menubar .d1_m .d2_g li:hover a{border:0px;text-decoration:none;}
.menubar .d2_m{float:left;padding:0px;margin:0px;padding:0px 25px;line-height:50px;text-align:center;}
.menubar .d2_m .d2_a{color:#666;display:block;font-weight:normal;text-decoration:none;}