@charset "utf-8";

/* 최상단 */
#head .tarea{display:inline-block;width:100%;height:40px;background:#2c3b6a;}
#head .tarea .gosite_wrap{display:inline-block;border-left:1px solid rgba(255,255,255,0.3);}
#head .tarea .gosite_wrap a{display:block;float:left;height:40px;padding:0 20px;border-right:1px solid rgba(255,255,255,0.3);font-family:'NotoKrM';font-size:14px;line-height:40px;letter-spacing:-0.06em;color:#fff;}

#head .tarea .login_wrap{float:right;}
#head .tarea .login_wrap ul li{float:left;margin-left:20px;}
#head .tarea .login_wrap ul li a{font-size:14px;font-family:'NotoKrM', sans-serif;color:#b7c0d4;letter-spacing:-0.06em;line-height:40px;height:40px;}
#head .tarea .login_wrap ul li a:hover{color:#fff;}

/* 간호부 */
#head.orange .tarea{background:#ff8601;}
#head.orange .tarea .login_wrap ul li a{color:rgba(255,255,255,0.7)}

/* 모바일 오른쪽 메뉴 */
.viewAllMenu{display:none;}



/******************************1024******************************/

@media all and (max-width:1024px){
/* 최상단 */
#head .tarea .login_wrap{margin-right:20px;}

/* PC 메뉴영역 */
#menu_navi{display:none;}

/* 모바일 오른쪽 메뉴 */
.viewAllMenu{display:block;/*clear:both;overflow:hidden;*/}
.viewAllMenu.open{position:fixed;right:0;top:0;width:70%;height:100%;box-sizing:border-box;z-index:9999;}
.viewAllMenu.open .btnViewAll{display:none;}
.viewAllMenu>button{display:block;position:absolute;right:0;top:41px;width:70px;height:70px;text-indent:-9999em;z-index:8;cursor:pointer;border:0;background:#fff url(/nanum/site/builder/skin/common/img/mmenu_btn.png) no-repeat center center;background-size:26px auto;}
.viewAllMenu .con{display:none;position:relative;width:100%;height:100%;padding:0;box-sizing:border-box;z-index:1;background:#3a53ad;}
.oran .viewAllMenu .con{background:#f86226}
.viewAllMenu.open .con{display:block;}
.viewAllMenu .con .mem_log{height:70px;line-height:70px;background:#344b9b;}
.oran .viewAllMenu .con .mem_log{background:#ef5100}
.viewAllMenu .con .mem_log ul{display:inline-block;margin-left:30px;}
.viewAllMenu .con .mem_log ul li{float:left;margin-left:20px;}
.viewAllMenu .con .mem_log ul li a{display:inline-block;font-size:14px;font-family:'NotoKrR', sans-serif;color:#c2c9e1;letter-spacing:-0.05em;}
.oran .viewAllMenu .con .mem_log ul li a{color:rgba(255,255,255,0.6)}
.viewAllMenu .con .mem_log ul li:first-child{margin-left:0;}
.viewAllMenu .con nav > ul{position:absolute;top:200px;left:50px;right:0;display:block;overflow-y:scroll;height:350px;}
.viewAllMenu .con nav > ul > li > a{display:block;padding: 15px 0px;color:#b0bade;font-family:'NotoKrM', sans-serif;font-size:20px;letter-spacing:-0.05em;}
.oran .viewAllMenu .con nav > ul > li > a{color:rgba(255,255,255,0.6)}
.viewAllMenu .con nav > ul > li > a:hover,
.viewAllMenu .con nav > ul > li > a:focus{color:#fff !important;}
.viewAllMenu .con nav > ul > li span{display:inline-block}
.viewAllMenu .con nav > ul > li:nth-child(1) span{transform: translate(20px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(2) span{transform: translate(40px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(3) span{transform: translate(60px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(4) span{transform: translate(80px, 0px);}
.viewAllMenu .con nav .jsMsubMenu ul li{margin:0 0 15px 0;padding-left:10px;background:url(/nanum/site/builder/skin/common/img/jsMsubMenu_icon.gif) no-repeat left 50%;}
.viewAllMenu .con nav .jsMsubMenu ul li a{font-size: 15px;color: #fff;font-family: 'NotoKrR', sans-serif;letter-spacing: -0.05em;}
.viewAllMenu .langLink{position:absolute;left:0;bottom:0;width:100%;height:60px;}
.viewAllMenu .btnAllClose{display:none;top:0;background:url(/nanum/site/builder/skin/common/img/mmenu_cls.png) no-repeat center center;background-size:16px auto;z-index:1;}
.viewAllMenu.open .btnAllClose{display:block;}
.dimmed{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;}


#head.orange .viewAllMenu .con{background: #f86226;}
#head.orange .viewAllMenu .con .mem_log{background: #f85426;}
#head.orange .viewAllMenu .con .mem_log ul li a{color: rgba(255,255,255,0.6);}
#head.orange .viewAllMenu .con nav > ul > li > a{color: rgba(255,255,255,0.6);}


}


/******************************767******************************/
@media all and (max-width:767px){
#head .wsize{box-sizing:border-box;clear:both;overflow:hidden}

/* 최상단 */
#head .tarea .gosite_wrap{width:100%;box-sizing:border-box;}
#head .tarea .gosite_wrap a{width:50%;font-size:13px;text-align:center;box-sizing:border-box;}
#head .tarea .login_wrap{display:none;}

/* 모바일 오른쪽 메뉴 */
.viewAllMenu.open{width:100%;}


}