/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight: normal;}
dl,ul,ol,menu,li {list-style:none}
IMG, FIELDSET{border:0 none;}
A{text-decoration:none; color: #000; }
BODY{font-size: 12px; font-family:Dotum, Arial, Gulim; color: #000;}
button {border:0 none;background-color:transparent;cursor:pointer}
HR{display:none;}
a{color: #000;text-decoration:none;cursor:pointer}
body,th,td,input,select,button,textarea {font-size:12px;font-family:'돋움',dotum,sans-serif,Arial;color: #333;}
.noBar{border: none !important;}
#fadeLayer {
    display: none;
    position: absolute;
    background: #000000;
    z-index: 9999;
}
/*----------------------------------------------------------------------------------------------------*/
.hanaF{background-color:#106b74;border-bottom: 1px solid #484D53;height:57px;width:100%;position:relative;}
.hanaF #MainLayerLeft{float:left;}
.hanaF #LogoLayer{float:left;width:179px;height:29px;line-height:37px;position:relative;margin:14px 0 0 39px;}
.hanaF #LogoLayer a{position:absolute;width:179px;height:29px;font-family:'nanumgothic','Gulim';font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-1px;color:#FFF;font-weight:bold;}
.hanaF #MainMenuParent{float:left;height:57px;overflow:hidden;padding:0 0 0 31px;}
.hanaF #MainMenuLayer{position:relative; left:0px; white-space:nowrap;}
.hanaF #MainMenuLayer:after{content:""; display:block; clear:both;}

.hanaF #MainMenuLayer .mainMenuLi{display:inline-block;position:relative;padding:16px 0 0 0;}
.hanaF #MainMenuLayer .mainMenuLi .mainMenuA{font-size:15px;font-family:'nanumgothic','Gulim';font-weight:700;display:inline-block;margin:0 12px;height:25px;line-height:25px;color:#e8f1f2;}
.hanaF #MainMenuLayer .mainMenuLi .mainMenuA:hover{color:#41fcff;}
.hanaF #MainMenuLayer .mainMenuLi .mainMenuA .select_icon{position:absolute;left:50%;margin-left:-3px;width:8px;height:5px;top: 53px;display:none;background:url(./i_select.png) no-repeat; display: none;}
.hanaF #MainMenuLayer .mainMenuLi .mainMenuAOn{font-size:15px;font-family:'nanumgothic','Gulim';font-weight:700;display:inline-block;margin:0 12px;height:25px;line-height:25px;color:#41fcff;}
.hanaF #MainMenuLayer .mainMenuLi .mainMenuAOn .select_icon{position:absolute;left:50%;margin-left:-3px;width:8px;height:5px;top: 53px;background:url(./i_select.png) no-repeat;display:block;}
.hanaF #MainMenuMoveLeft {display:none;width:14px;height:15px;background:url(./btn_move_left.png) 0 0 no-repeat;float:left;margin:0 -1px 0 0;}
.hanaF #MainMenuMoveLeft:hover{background:url(./btn_move_left_hover.png) 0 0 no-repeat;}
.hanaF #MainMenuMoveRight {display:none;width:14px;height:15px;background:url(./btn_move_right.png) 0 0 no-repeat;float:right;}
.hanaF #MainMenuMoveRight:hover{background:url(./btn_move_right_hover.png) 0 0 no-repeat;}
.hanaF #ButtonLayer{float:left;width:28px;margin:22px 0 0 5px;}

.hanaF #MainLayerRight{float:right;margin:0 25px 0 0;}
.hanaF #MainLayerRight .logoutWrap{overflow: hidden; margin:21px 0 0 0;}
.hanaF #MainLayerRight .logoutWrap .logoutArea .list{float:left; font-size:13px; font-weight:700; font-family:'nanumgothic';}
.hanaF #MainLayerRight .logoutWrap .logoutArea .list .registrieren{ color:#e8f0f1;}
.hanaF #MainLayerRight .logoutWrap .logoutArea .barArea{margin:0 11px 0 11px; float:left; font-size:13px; font-weight:700; font-family:'nanumgothic'; }
.hanaF #MainLayerRight .logoutWrap .logoutArea .barArea .bar{color:#6d999d;}

.hanaF #SubMenuLayer{display:inline-block;position:absolute;top:58px;z-index:999;}
.hanaF #SubMenuLayer .Selected{display:inline-block;border-bottom:1px solid #989898;border-left:1px solid #CCC;border-right:1px solid #CCC;min-width:150px;width:173px;}
.hanaF #SubMenuLayer .Selected:after{content:""; display:block; clear:both;}
.hanaF #SubMenuLayer .UnSelected{display:none;}
.hanaF #SubMenuLayer .Selected{width:173px;}
.hanaF #SubMenuLayer .Selected LI{height:46px;line-height:46px;cursor:pointer;padding:0 13px 0 13px;color:#0b5961; background-color:#FFF;}
.hanaF #SubMenuLayer .Selected LI:hover{font-weight:bold;background-color:#F0F0F0;}
.hanaF #SubMenuLayer .Selected LI.selected{font-weight:bold; background-color:#099fb8;}
.hanaF #SubMenuLayer .Selected LI.selected .subMenuA{color:#fff;}

.hanaF #SelectMenuLayer{float:left;margin:15px 20px 0 0;width:170px;}
.hanaF #SelectMenuLayer .selectWrap{position:absolute;}
.hanaF #SelectMenuLayer .pageCons{display:inline-block;width:170px;height:23px;background:url(../../img/bg_select.png) no-repeat;}
.hanaF #SelectMenuLayer .pageCons:hover{background:url(../../img/bg_select_hover.png) no-repeat;}
.hanaF #SelectMenuLayer .pageCons .pageConsText{display:inline-block;margin:0 12px;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:145px;}
.hanaF #SelectMenuLayer .selectItem{font-family:nanumgothic,"Gulim";color:#777;font-size:11px;}
.hanaF #SelectMenuLayer .selectDiv{background:#FFF;margin-top:-15px;display:none;}
.hanaF #SelectMenuLayer .selectUL{width:168px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:12px 0 0 0;}
.hanaF #SelectMenuLayer .selectLI{height:23px;line-height:23px;cursor:pointer;padding:0 12px;}
.hanaF #SelectMenuLayer .selectLI:hover{background-color:#f0f0f0;}
.hanaF #SelectMenuLayer .bottom{display:inline-block;background:url(../../img/border_select.png) no-repeat;width:170px;height:8px;cursor:pointer;position:absolute;bottom:-8px}
.hanaF #SelectMenuLayer .bottom:hover{background:color:#f0f0f0;}

.hanaF #SearchLayer{float:left;margin:15px 20px 0 0;height:28px;}
.hanaF #SearchLayer .searchArea{position:relative;}
.hanaF #SearchLayer .searchArea span{display:inline-block;}
.hanaF #SearchLayer .searchArea .searchLeft{width:11px;height:28px;position:absolute;top:0;left:0;background: url(../../img/search_bg_dark.png) 0 0 no-repeat;}
.hanaF #SearchLayer .searchArea:hover .searchLeft{background: url(../../img/search_bg_dark_hover.png) 0 0 no-repeat;}
.hanaF #SearchLayer .searchArea .searchRight{width:11px;height:28px;position:absolute;top:0;right:0;background: url(../../img/search_bg_dark.png) 0 -56px no-repeat}
.hanaF #SearchLayer .searchArea:hover .searchRight{background: url(../../img/search_bg_dark_hover.png) 0 -56px no-repeat;}
.hanaF #SearchLayer .searchArea .search{margin:0 11px;background: url(../../img/search_bg_dark.png) 0 -28px repeat-x;}
.hanaF #SearchLayer .searchArea:hover .search{background: url(../../img/search_bg_dark_hover.png) 0 -28px repeat-x;}
.hanaF #SearchLayer .searchArea .search .searchLable{position:absolute;top:7px;left:20px;font-family:'Tahoma';color:#434343;}
.hanaF #SearchLayer .searchArea .search .inputSearch{background:none;border:none;margin:0 11px;height:28px;line-height:28px;padding:0 2px;font-family:'nanumgothic','Gulim';}
.hanaF #SearchLayer .searchArea .search .inputSearch.small{width:0px;margin:0 3px;}
.hanaF #SearchLayer .searchArea:hover .search .inputSearch{background:none;}
.hanaF #SearchLayer .searchArea .search_icon{background: url(../../img/i_search_dark.png) no-repeat;width:12px;height:12px;position:absolute;right:9px;top:8px;text-indent:-9999px;cursor:pointer;}
.hanaF #SearchLayer .searchArea_small{background:url(../../img/i_search_small_dark.png) no-repeat;width:28px;height:28px;cursor:pointer;position:relative;}
.hanaF #SearchLayer .searchArea_small:hover{background-position: 0 -28px;}
.hanaF #SearchLayer .searchArea_small .search_icon{width:12px;height:12px;display:block;text-indent:-9999px;position:absolute;top:8px;left:8px;background: url(../../img/i_search_dark.png) no-repeat;}

.hanaF .quickMenu_layer{float:left;margin:15px 0 0 0;}
.hanaF .quickMenu_layer span{display:inline-block;}

.hanaF .quickMenu_layer #QuickMenuLayer{display:none;background:url(../../img/i_collectMenu.png) 0 0 no-repeat;width:16px;height:16px;cursor:pointer;margin:5px 20px 0 0;float:left;text-indent:-9999px;position:relative;}
.hanaF .quickMenu_layer #QuickMenuLayer:hover{background-position:0 -16px;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox{width:137px;position:absolute;right:-16px;top:23px;text-indent:0;padding:6px 2px 7px 3px;overflow:hidden;display:none;z-index:999;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox .top{display:inline-block;width:137px;height:5px;background:url(../../img/setting_bg_top.png) no-repeat;position:absolute;top:1px;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox .bottom{display:inline-block;width:137px;height:1px;background:url(../../img/setting_bg_btm.png) no-repeat;position:absolute;bottom:6px;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox li{height:33px;padding:0 8px;line-height:35px;color:#6C7176;font-family:nanumgothic,"Gulim";background:url(../../img/setting_bg.png) repeat-y #FFF;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox li:hover{background-color:#F0F0F0;font-weight:bold;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox li.logout{background-color:#579DDB;height:32px;color:#FFF;line-height:32px;font-weight:bold;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox li.logout:hover{background-color:#478dca;}
.hanaF .quickMenu_layer #QuickMenuLayer .settingBox li img{margin:10px 6px 0 0;float:left;}

.hanaF .quickMenu_layer #UpdateLayer{background: url(../../img/i_bell.png) 0 0 no-repeat;width:18px;height:16px;cursor:pointer;position:relative;margin:6px 20px 0 0;float:left;text-indent:-9999px;}
.hanaF .quickMenu_layer #UpdateLayer:hover{background-position:0 -16px;}
.hanaF .quickMenu_layer #UpdateLayer .icon{position:absolute;top:-9px;left:5px;min-width:33px;z-index:100}
.hanaF .quickMenu_layer #UpdateLayer .icon .edge_left{display:inline-block;float:left;width:6px;height:16px;background:url(../../img/i_bell_num.png) 0 0 no-repeat}
.hanaF .quickMenu_layer #UpdateLayer .icon .num{display:inline-block;float:left;color:#fff;text-indent:0;height:16px;line-height:15px;background-color:#e66454;font-size:11px;font-family:"Tahoma"}
.hanaF .quickMenu_layer #UpdateLayer .icon .edge_right{display:inline-block;float:left;width:6px;height:16px;background:url(../../img/i_bell_num.png) 0 -16px no-repeat}

.hanaF .quickMenu_layer #ProfileLayer{height:26px;position:relative;margin-right:15px;float:left;}
.hanaF .quickMenu_layer #ProfileLayer .photoFrame{background: url(../../img/photo_frame_gray.png) no-repeat;width:26px;height:26px;position:absolute;left:0;top:0;z-index:9;cursor:pointer;}
.hanaF .quickMenu_layer #ProfileLayer .photoArea{display:inline-block;width:26px;height:26px;cursor:pointer;}
.hanaF .quickMenu_layer #ProfileLayer .photoArea IMG{width:26px;height:26px;}
.hanaF .quickMenu_layer #ProfileLayer .userName{display:inline-block;float:right;line-height:26px;margin-left:5px;font-family:nanumgothic,'Gulim';font-weight:600;color: #DFE1E2;cursor:pointer;}
.hanaF .quickMenu_layer #ProfileLayer .userName:hover{color: #FFF;}

.hanaF .quickMenu_layer #SettingMenuLayer{display:none;background:url(../../img/i_setting_dark.png) 0 0 no-repeat;width:16px;height:14px;cursor:pointer;float:left;margin:6px 0 0 0;text-indent:-9999px;position:relative;}
.hanaF .quickMenu_layer #SettingMenuLayer:hover{background:url(../../img/i_setting_dark.png) 0 -14px no-repeat;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox{width:137px;position:absolute;right:-16px;top:23px;text-indent:0;padding:6px 2px 7px 3px;overflow:hidden;display:none;z-index:999;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox .top{display:inline-block;width:137px;height:5px;background:url(../../img/setting_bg_top.png) no-repeat;position:absolute;top:1px;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox .bottom{display:inline-block;width:137px;height:1px;background:url(../../img/setting_bg_btm.png) no-repeat;position:absolute;bottom:6px;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox li{height:33px;padding:0 8px;line-height:35px;color:#6C7176;font-family:nanumgothic,"Gulim";background:url(../../img/setting_bg.png) repeat-y #FFF;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox li:hover{background-color:#F0F0F0;font-weight:bold;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox li.logout{background-color: #099fb8; height: 32px; color: #FFF; line-height: 32px; font-weight: bold;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox li.logout:hover{background-color: #058fa6;}
.hanaF .quickMenu_layer #SettingMenuLayer .settingBox li img{margin:10px 6px 0 0;float:left;}

.hanaF .quickMenu_layer #RegOrInfoLayer{height:26px;position:relative;float:left;}
.hanaF .quickMenu_layer #RegOrInfoLayer .comment {display:inline-block;float:right;line-height:26px;margin-left:5px;font-family:nanumgothic,'Gulim';font-weight:600;color: #DFE1E2;cursor:pointer;}
.hanaF .quickMenu_layer #RegOrInfoLayer .comment:hover{color: #FFF;}

.hanaFMdi{height:30px;background-color:#F3F3F3;overflow:hidden;display:none;}
.hanaFMdi ul{margin-left:20px;}
.hanaFMdi .mdi_item{float:left;cursor:pointer;margin:7px 0 0 -20px;position:relative;height:22px;overflow:hidden;}
.hanaFMdi .mdi_item span{display:inline-block;cursor:pointer}
.hanaFMdi .mdi_item .mdi_left{width:22px;height:22px;background:url(../../img/mdi_bg.png) 0 0 no-repeat;position:absolute;left:0;top:0}
.hanaFMdi .mdi_item .mdi_right{width:22px;height:22px;background:url(../../img/mdi_bg.png) 0 -44px no-repeat;position:absolute;right:0;top:0}
.hanaFMdi .mdi_item .mdi{background:url(../../img/mdi_bg.png) 0 -22px repeat-x;margin:0 22px;height:22px;padding:6px 15px 0 0;}
.hanaFMdi .mdi_item .mdi .txt{font-family:nanumgothic,"Gulim";font-size:11px;color:#8A8B8B;padding:0;overflow:hidden;min-width:10px;width:60px;height:13px;white-space:nowrap;vertical-align:top;}
.hanaFMdi .mdi_item .mdi .icon{display:none;}
.hanaFMdi .mdi_item .btn_close{width:12px;height:12px;background:url(../../img/btn_mdi_close.png) 0 0 no-repeat;text-indent:-9999px;position:absolute;right:17px;top:6px}
.hanaFMdi .mdi_item .btn_close:hover{background-position: 0 -12px}
.hanaFMdi .mdi_item:hover .mdi_left{background:url(../../img/mdi_bg_hover.png) 0 0 no-repeat}
.hanaFMdi .mdi_item:hover .mdi_right{background:url(../../img/mdi_bg_hover.png) 0 -44px no-repeat}
.hanaFMdi .mdi_item:hover .mdi{background:url(../../img/mdi_bg_hover.png) 0 -22px repeat-x}
.hanaFMdi .bottom{background: url(../../img/bg_sec_top.png) 0 0 repeat-x;height:30px; background-position:bottom;}
.hanaFMdi .mdi_item.select{z-index:1;}
.hanaFMdi .mdi_item.select .mdi_left{background:url(../../img/mdi_bg_select.png) 0 0 no-repeat}
.hanaFMdi .mdi_item.select .mdi_right{background:url(../../img/mdi_bg_select.png) 0 -44px no-repeat}
.hanaFMdi .mdi_item.select .mdi{background:url(../../img/mdi_bg_select.png) 0 -22px repeat-x;padding:6px 0 0 0;}
.hanaFMdi .mdi_item.select .mdi .txt{font-family:nanumgothic,"Gulim";font-size:11px;color:#6F727A;font-weight:600;padding:0;overflow:hidden;min-width:10px;width:60px;height:13px;white-space:nowrap;vertical-align:top;}
.hanaFMdi .mdi_item.select .mdi .icon{display:inline-block;width:11px;height:11px;background:url(../../img/i_copy.png) 0 0 no-repeat;margin-left:3px;padding-right:15px;margin-top:1px}
.hanaFMdi .mdi_item.select .mdi .first{padding-right:0px;}
.hanaFMdi .mdi_item.select .icon:hover{background:url(../../img/i_copy.png) 0 -11px no-repeat}
.hanaFMdi .mdi_item.select:hover .mdi_left{background:url(../../img/mdi_bg_select_hover.png) 0 0 no-repeat}
.hanaFMdi .mdi_item.select:hover .mdi_right{background:url(../../img/mdi_bg_select_hover.png) 0 -44px no-repeat}
.hanaFMdi .mdi_item.select:hover .mdi{background:url(../../img/mdi_bg_select_hover.png) 0 -22px repeat-x}

.hanaFBottom {}
.hanaFBottom iframe{border-left: 1px solid #D2D2D2;border-right: 1px solid #D2D2D2;-moz-box-sizing: border-box;box-sizing: border-box;}