﻿.AdminWrap { min-width:1250px; background:url(/Image/Admin/SideWrap_bg.gif) repeat-y;}
.AdminWrap h2 { color:#000; font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:25px; font-weight:bold;  }

.Container {  text-align:left;  height:100%; min-height:100%; }

/*Sub Layout*/
html, body {height:100%;min-height:100%;padding:0;margin:0;}
.AdminContainer { height:100%; min-height:100%; width:1250px;}
.AdminContainer{*zoom:1; } 
.AdminContainer:after {content:" "; display:block; clear:both;} 

.SideWrap { height:100%!important;min-height:100%; width:201px;  float:left;}

.AdminContentWrap {float:right;width:100%; min-height:100%; margin :0 0 0 -1px;position:relative;z-index:1; }
body.AdminWrap:before {content:"";height:100%;float:left;width:0;}
.AdminContainer:after {clear:both;display:block;height:1%;content:" ";}
.AdminSmWrap { min-height:100%; width:200px; float:left;} /*Side Menu*/
 /*Sub Contetns*/



/*Contents*/
.AdminScWrap { min-height:100%; width:1000px; min-width:1000px; *width:1000px; float:left; padding:30px 0 50px 30px; }
.AdminScWrap h4 { font-size:23px; font-weight:bold; margin-bottom:20px;}


/*SkyBlue style*/
.SkyBluestyle .Header { background:#459eda; height:55px;} 
.SkyBluestyle .Header .Logo { float:left; border-right:1px solid #338acd;}
.SkyBluestyle .Header .Logo h1 { background:url(/Image/Admin/Logo_admin.png) no-repeat;}
.SkyBluestyle .Header .Logo h1 a { display:block; width:200px; height:54px;}
.SkyBluestyle .Header .Logo h1 a span { display:none;}
.SkyBluestyle .Header ul {}
.SkyBluestyle .Header ul li { display:inline-block; float:left; height:55px;}
.SkyBluestyle .Header ul li a { font-size:18px; font-weight:bold; color:#fff; padding:10px 20px; display:block; cursor:pointer;}
.SkyBluestyle .Header ul li.On { background:#338acd;}
.SkyBluestyle .Header ul li a:hover { color:#ffff00;}

.SkyBluestyle .SideWrap ul li.depth1 { background:url(/Image/Admin/SideMenu_icon_D11.png) 5px 15px no-repeat #e8e8e8;   border-bottom:1px solid #d5d5d5;} 
.SkyBluestyle .SideWrap ul li.depth1 a { display:block; cursor:pointer; font-size:14px; font-weight:bold; color:#222; padding:10px 15px 10px 25px;}
.SkyBluestyle .SideWrap ul li.depth1 a:hover { color:#ff1849;}
.SkyBluestyle .SideWrap ul li.depth1.On { background:url(/Image/Admin/SideMenu_icon_D12_SkyBlue.png) 5px 15px no-repeat #cbf2f4; }
.SkyBluestyle .SideWrap ul li.depth1.On .tit { border-bottom:1px solid #b3d47e;}

.SkyBluestyle .SideWrap ul li.depth2 {background:url(/Image/Admin/SideMenu_icon_D21.gif) 10px 11px no-repeat #f7f9f8;border-bottom:1px solid #ececec;}
.SkyBluestyle .SideWrap ul li.depth2 a {padding:1px 5px; display:block; cursor:pointer; font-size:13px;  font-weight:normal; color:#222; padding:5px 5px 5px 23px;}
.SkyBluestyle .SideWrap ul li.depth2 a:hover { font-weight:bold;}
.SkyBluestyle .SideWrap ul li.depth2.On {background:url(/Image/Admin/SideMenu_icon_D22.gif) 10px 11px no-repeat #e7f8fa; }
.SkyBluestyle .SideWrap ul li.depth2.On .tit { color:#ff1849; font-weight:bold; border-bottom:none;}

.SkyBluestyle .SideWrap ul li.depth3 {background:url(/Image/Admin/SideMenu_icon_D31_Blue.gif) 22px 11px no-repeat #e7f8fa;}
.SkyBluestyle .SideWrap ul li.depth3 a { display:block; cursor:pointer; font-size:13px;  font-weight:normal; color:#3467a9; padding:3px 5px 3px 34px;}
.SkyBluestyle .SideWrap ul li.depth3 a:hover { color:#ff1849;}
.SkyBluestyle .SideWrap ul li.depth3.On {background:url(/Image/Admin/SideMenu_icon_D32.gif) 22px 11px no-repeat #e7f8fa; }
.SkyBluestyle .SideWrap ul li.depth3.On .tit { color:#ff1849; font-weight:bold; border-bottom:none;}

.SkyBluestyle .SideWrap ul li.depth4 {background:url(/Image/Admin/SideMenu_icon_D41.gif) 35px 8px no-repeat #e7f8fa;}
.SkyBluestyle .SideWrap ul li.depth4 a { display:block; cursor:pointer; font-size:13px;  font-weight:normal; color:#3467a9; padding:1px 5px 1px 44px;}
.SkyBluestyle .SideWrap ul li.depth4 a:hover { color:#ff1849;}
.SkyBluestyle .SideWrap ul li.depth4.On {background:url(/Image/Admin/SideMenu_icon_D42.gif) 35px 8px no-repeat #e7f8fa; }
.SkyBluestyle .SideWrap ul li.depth4.On a { color:#ff1849; font-weight:bold; border-bottom:none;}


.btnWrap { text-align:center; margin:20px 0;}

/*popup*/
.PopWrap1 { background:#f8faf9;}
.PopWrap1 .Title { padding:10px; margin-bottom:15px; position:relative; background:#40495a;}
.PopWrap1 .Title a {width:20px; height:20px; display:block; cursor:pointer; position:absolute; top:15px; right:25px;}
.PopWrap1 .Title a .close {background:url(/Image/Admin/btn_X03.gif) no-repeat; width:29px; height:28px; display:block; line-height:999px; overflow:hidden; color:transparent; position:absolute; top:-5px;right:-10px; }
.PopWrap1 .Title h4 { font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:18px; font-weight:bold; color:#FFF}
.PopWrap1 .conWrap { border:1px solid #c1cad4; background:#fff; margin:0 10px 10px 10px; padding:15px;   }
.PopWrap1 .conWrap p { line-height:25px; font-size:12px;}
.PopWrap1 .conWrap .dot { font-size:13px; background:url(/Image/Sub/icon_dot05.gif) no-repeat 0 8px; padding-left:7px;}
.PopWrap1 .conWrap table tr.tbg { background:#f5f5f5; height:60px;}
.PopWrap1 .conWrap .bline { border-bottom: 1px solid #d3d3d3; margin-top:30px;}
.PopWrap1 .btnWrap { text-align:center; padding:15px; border-top:1px solid #f0e2a5;}


/*popup*/
.PopWrapEvent { width:400px; background:url(/Image/Admin/pos_eventPop.gif) no-repeat #fff9de;}
.PopWrapEvent .conWrap { padding:115px 60px 40px 60px; font-size:14px;   }
.PopWrapEvent .conWrap h5 {font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:22px; font-weight:bold; color:#fb4973; text-align:center; margin-bottom:30px;}
.PopWrapEvent .conWrap .dot { font-size:13px; background:url(/Image/Sub/icon_dot05.gif) no-repeat 0 8px; padding-left:7px;}
.PopWrapEvent .conWrap table tr.tbg { background:#f5f5f5; height:60px;}
.PopWrapEvent .conWrap .bline { border-bottom: 1px solid #d3d3d3; margin-top:30px;}
.PopWrapEvent .btnWrap { text-align:center; padding:15px; margin-top:30px; border-top:1px solid #d3d3d3;}


.loginWrap {width:460px;margin:50px auto}
.loginWrap h3 { font-size:35px; font-weight:bold; text-align:center; margin-bottom:30px; color:#98a0a8;}
.loginWrap .loginForm{clear:both}
.loginWrap .input_row{position:relative;border:solid 1px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
.loginWrap .input_row input { border:none; font-weight:bold; font-size:17px; line-height:26px; }
.loginWrap .input_row input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border:none; background:#fff;}
.loginWrap .input_row.focus{border:solid 1px #20bc01}
.loginWrap .input_box{display:block}
.loginWrap .tit{position:absolute;top:16px;left:15px;z-index:8;color:#999; line-height:16px;}
.loginWrap input{position:relative;width:100%;padding:2px 0 6px;height:25px;z-index:9;border:none;background:#fff;color:#000;line-height:16px;-webkit-appearance:none}
.loginWrap input.loginBtn{width:100%;*border:none;height:61px;-webkit-appearance:none;cursor:pointer; background-color:#506376; font-size:18px; font-weight:bold; color:#fff;}
/* placholder */
.loginWrap ::-webkit-input-placeholder{color:#999}
.loginWrap ::-moz-placeholder{color:#4A4A4A} /* firefox 19+ */
.loginWrap :-ms-input-placeholder{color:#999} /* ie */
.loginWrap input:-moz-placeholder{color:#999}


/*사용자찾기*/
.SearchWrap { background:#f8f8f8; border:1px solid #efefef;  width:100%;}
.SearchWrap{*zoom:1; } 
.SearchWrap:after {content:" "; display:block; clear:both;} 
.SearchWrap table { margin:10px;}
.SearchWrap table select {border:1px solid #9a9a9a; font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; color:#222; font-size:14px;}
.SearchWrap table th { font-size:13px; padding:2px 7px 2px 25px; color:#666; text-align:left}
.SearchWrap table td { padding:2px;}
.SearchWrap table td span { font-size:11px; color:#ff5858;}
.SearchWrap .btnWrap { border-top:1px solid #e8e8e8; padding-top:10px; margin:10px; text-align:center;}

/*목록*/
.BasicList { margin-top:10px; clear:both;}
.BasicList table { border-left:1px solid #e5e5e5;}
.BasicList th { background:#f9f9fb; border-top:1px solid #505050;  border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:5px 10px; font-size:12px; }
.BasicList th a.thsorting {background:url(/Image/Admin/btn_sorting.gif) 4px 4px no-repeat; width:15px; height:15px; display:inline-block; cursor:pointer; text-indent:-99999px;}
.BasicList td { font-size:12px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:5px 10px; text-align:center;}
.BasicList td a { font-size:12px; color:#102de0; }
.BasicList td.num { text-align:center; color:#999;}
.BasicList td.date { font-size:12px; text-align:center; }
.listComment { margin:25px 0 10px 0; font-weight:bold; color:#; }
.listComment{*zoom:1; } 
.listComment:after {content:" "; display:block; clear:both;}

/*쓰기,보기*/
.BasicVW { margin-top:10px; clear:both; border-top:1px solid #505050;}
.BasicVW table { border-left:1px solid #e5e5e5;}
.BasicVW th { background:#f7f7f7;  border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 10px; font-size:14px; }
.BasicVW td { font-size:14px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:10px 0; padding-left:20px; text-align:left;}
.BasicVW td a { font-size:12px; color:#102de0; }


/*paging04*/
.Paging04 {display:block;clear:both;position:relative;padding:12px 0 0;font:bold 12px dotum, gulim, Helvetica, Sans-serif;text-align:center; margin:15px 0;}
.Paging04 * {margin:0;padding:0;}
.Paging04 a {display:inline-block;position:relative;padding:4px 10px 4px 9px;border:1px solid #fff;font:bold 13px Verdana!important;color:#000;line-height:normal;text-decoration:none;vertical-align:top;}
.Paging04 a:hover {border:1px solid #e9e9e9;color:#e85028!important;text-decoration:none;}
.Paging04 a.On {border:1px solid #e9e9e9;color:#e85028!important;text-decoration:none;}
.Paging04 a.Pre, .Paging04 a.Next {display:inline-block;overflow:hidden;height:19px;margin-bottom:1px;background:url(/images/Sub/icon_page04Btnbg.gif) no-repeat;font:normal 12px/12px 굴림, Gulim, Helvetica, sans-serif!important;color:#565656;}
.Paging04 a.Pre {width:65px;padding:7px 0 0 3px;border:none;background-position:0 5px;font-weight:normal;}
.Paging04 a.Pre:hover {border:none;background-position:0 -53px;}
.Paging04 a.Next {width:63px;padding:7px 7px 0 0;border:none;background-position:0 -24px;}
:root .Paging04 a.Pre, :root .Paging04 a.Next {height:18px\9;padding-top:8px\9;}
.Paging04 a.Next:hover {border:none;background-position:0 -82px;}



/*POS로그인*/

.Pos_loginWrap {width:330px;margin:50px auto}
.Pos_loginWrap h3 { background:url(/Image/Admin/pos_login_tit.gif) no-repeat; height:177px; margin-bottom:49px; position:relative;}
.Pos_loginWrap h3 span.blind { overflow: hidden; width: 0px; height: 0px; font-size:0px; line-height:0px; text-indent:-9999999999999999999px; padding:0px; margin:0px}
.Pos_loginWrap h3 span.ver { width:100px; position:absolute; right:-115px; top:155px; display:block; color:#a6a5a5; font-weight:normal;}
.Pos_loginWrap .loginForm{clear:both}
.Pos_loginWrap .input_row{position:relative;border:solid 2px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
.Pos_loginWrap .input_row input { border:none; font-weight:bold; font-size:17px; line-height:26px; }
.Pos_loginWrap .input_row input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border:none; background:#fff;}
.Pos_loginWrap .input_box{display:block}
.Pos_loginWrap .tit{position:absolute;top:16px;left:15px;z-index:8;color:#999; line-height:16px;}
.Pos_loginWrap .idbg { background:url(/Image/Admin/pos_login_ID.gif) no-repeat; }
.Pos_loginWrap .pwbg { background:url(/Image/Admin/pos_login_pass.gif) no-repeat; }
.Pos_loginWrap .none { background:#fff;}
.Pos_loginWrap input{position:relative;width:100%;padding:2px0 6px;height:25px;z-index:9;border:none;background:#fff;color:#000;line-height:16px;-webkit-appearance:none}
.Pos_loginWrap input.loginBtn{width:100%;*border:none;height:57px;-webkit-appearance:none;cursor:pointer; background:url(/Image/Admin/pos_login_btn.gif) no-repeat;  font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; line-height:100%; font-size:18px; font-weight:bold; color:#fff;}
.Pos_loginWrap .tel { margin-top:40px; color:#b6b5b5; font-size:14px; text-align:center;}

/*POS_WBO로그인*/

.PosWBO_loginWrap {width:330px;margin:50px auto}
.PosWBO_loginWrap h3 { background:url(/Image/Admin/pos_login_tit_2.gif) no-repeat; width:580px;  height:177px; margin-bottom:49px; position:relative;}
.PosWBO_loginWrap h3 span.blind { overflow: hidden; width: 0px; height: 0px; font-size:0px; line-height:0px; text-indent:-9999999999999999999px; padding:0px; margin:0px}
.PosWBO_loginWrap h3 span.ver { width:100px; position:absolute; right:-105px; top:155px; display:block; color:#a6a5a5; font-weight:normal;}
.PosWBO_loginWrap .loginForm{clear:both;}
.PosWBO_loginWrap .input_row{position:relative;border:solid 2px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
.PosWBO_loginWrap .input_row input { border:none; font-weight:bold; font-size:17px; line-height:26px; }
.PosWBO_loginWrap .input_row input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border:none; background:#fff;}
.PosWBO_loginWrap .input_box{display:block}
.PosWBO_loginWrap .tit{position:absolute;top:16px;left:15px;z-index:8;color:#999; line-height:16px;}
.PosWBO_loginWrap .idbg { background:url(/Image/Admin/pos_login_ID.gif) no-repeat; }
.PosWBO_loginWrap .pwbg { background:url(/Image/Admin/pos_login_pass.gif) no-repeat; }
.PosWBO_loginWrap .none { background:#fff;}
.PosWBO_loginWrap input{position:relative;width:100%;padding:2px0 6px;height:25px;z-index:9;border:none;background:#fff;color:#000;line-height:16px;-webkit-appearance:none}
.PosWBO_loginWrap input.loginBtn{width:100%;*border:none;height:57px;-webkit-appearance:none;cursor:pointer; background:url(/Image/Admin/pos_login_btn.gif) no-repeat;  font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; line-height:100%; font-size:18px; font-weight:bold; color:#fff;}
.PosWBO_loginWrap .tel { margin-top:40px; color:#b6b5b5; font-size:14px; text-align:center;}




/*POS_top*/
.POS_style .Header { overflow:hidden; background:#ed6710;  } 
.POS_style .Header .Logo { float:left; border-right:1px solid #ed6710;}
.POS_style .Header .Logo h1 { background:url(/Image/Admin/Logo_admin_pos.png) no-repeat;}
.POS_style .Header .Logo h1 a { display:block; width:200px; height:59px;}
.POS_style .Header .Logo h1 a span { display:none;}
.POS_style .Header .LogoWbo { float:left;  height:60px; border-right:1px solid #ed6710;}
.POS_style .Header .LogoWbo h1 { background:url(/Image/Admin/Logo_admin_pos_2.png) no-repeat;}
.POS_style .Header .LogoWbo h1 a { display:block; width:200px; height:59px;}
.POS_style .Header .LogoWbo h1 a span { display:none;}
.POS_style .Header ul {float:left;}
.POS_style .Header ul li { display:inline-block; float:left; height:60px;}
.POS_style .Header ul li a { font-size:18px; font-weight:bold; color:#fff; padding:18px 40px 15px; display:block; cursor:pointer;}
.POS_style .Header ul li.On { background:#c72a00;}
.POS_style .Header ul li a:hover { color:#ffff00;}




.POS_style .SideWrap ul li.depth1 { background:url(/Image/Admin/SideMenu_icon_D11.png) 5px 15px no-repeat;   border-bottom:1px solid #e4e4e4;} 
.POS_style .SideWrap ul li.depth1 a { display:block; cursor:pointer; font-size:14px; font-weight:bold; color:#222; padding:10px 15px 10px 25px;}
.POS_style .SideWrap ul li.depth1 a:hover { color:#ff1849;}
.POS_style .SideWrap ul li.depth1.On { background:url(/Image/Admin/SideMenu_icon_pos_on.png) 5px 15px no-repeat #fff0b5; }
.POS_style .SideWrap ul li.depth1.On .tit { }

.POS_style .SideWrap ul li.depth2 {background:url(/Image/Admin/SideMenu_icon_D21.gif) 20px 11px no-repeat #f9f8f7;border-top:1px solid #f7ebbe;}
.POS_style .SideWrap ul li.depth2 a {padding:1px 5px; display:block; cursor:pointer; font-size:13px;  font-weight:normal; color:#222; padding:5px 5px 5px 35px;}
.POS_style .SideWrap ul li.depth2 a:hover { font-weight:bold;}
.POS_style .SideWrap ul li.depth2.On {background:url(/Image/Admin/SideMenu_icon_D22.gif) 20px 11px no-repeat #f7f9f8; }
.POS_style .SideWrap ul li.depth2.On .tit { color:#ff1849; font-weight:bold; border-bottom:none;}
.POS_style .SideWrap .tel { color:#505050; padding:30px 0 0 15px;}


/*바코드*/
.codeBox { width:600px; margin:50px auto; position:relative }
.codeBox .pre { position:absolute; top:50px; left:0;}
.codeWrap { width:320px; margin:50px auto; border:3px solid #ededed;}
.codeWrap .box {text-align:center; padding-bottom:20px;}
.codeWrap .tit {  padding:30px 40px 10px 40px;  font-weight:bold; font-size:16px;}
.codeWrap .codebox { padding-bottom:30px; margin-top:10px; border-bottom:1px solid #ededed;}
.codeWrap .codebox p { margin-top:10px;}
.codeWrap dl {  padding:10px 40px 30px 40px; background:#f7f7f7; overflow:hidden }
.codeWrap dl dt { width:80px; float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; font-weight:bold; color:#f67d7d; }
.codeWrap dl dd { width:155px;float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; }

/*바코드*/
.detailcodeWrap { width:380px; margin:15px auto; border:3px solid #ededed;}
.detailcodeWrap .box {text-align:center; padding-bottom:2px;}
.detailcodeWrap .tit {  padding:10px 40px 10px 40px;  font-weight:bold; font-size:13px;}
.detailcodeWrap .codebox { padding-bottom:10px; margin-top:10px; border-bottom:1px solid #ededed;}
.detailcodeWrap .codebox p { margin-top:10px;}
.detailcodeWrap dl {  padding:10px 30px 10px 40px; background:#f7f7f7; overflow:hidden }
.detailcodeWrap dl dt { width:140px; float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; font-weight:bold; color:#f67d7d; }
.detailcodeWrap dl dd { width:155px;float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; }
.detailcodeWrap table {width:100%;background:#f7f7f7; overflow:hidden;border-top:1px solid #e4e4e4;}
.detailcodeWrap table th { border-bottom:1px solid #e4e4e4; padding:12px 0 12px 25px; text-align:left; font-weight:bold; color:#f67d7d; }
.detailcodeWrap table td { border-bottom:1px solid #e4e4e4; padding:12px 20px; text-align:left; }

.codeWrap .right {float:left}

/*주소정보*/
.AddrWrap { width:420px; margin:50px auto; border:3px solid #ededed;}
.AddrWrap .box {text-align:center; padding-bottom:20px;}
.AddrWrap .tit {  padding:30px 40px 10px 40px;  font-weight:bold; font-size:16px;}
.AddrWrap .codebox { padding-bottom:30px; margin-top:10px; border-bottom:1px solid #ededed;}
.AddrWrap .codebox p { margin-top:10px;}
.AddrWrap dl {  padding:10px 40px 30px 40px; background:#f7f7f7; overflow:hidden }
.AddrWrap dl dt { width:250px; float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; font-weight:bold; color:#f67d7d; }
.AddrWrap dl dd { width:250px;float:left; border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; }

.AddrWrap2 { width:500px; margin:20px auto; border:3px solid #ededed;}
.AddrWrap2 .box {text-align:center; padding-bottom:20px;}
.AddrWrap2 dl {  padding:10px 40px 30px 40px; background:#f7f7f7; overflow:hidden }
.AddrWrap2 dl dd { border-bottom:1px solid #e4e4e4; padding:12px 0; text-align:left; }
.AddrWrap2 dl dd strong { display:inline-block; width:330px; min-height:20px;}
.AddrWrap2 dl dd label { display:inline-block; width:90px; float:left; font-weight:bold; color:#f67d7d;}

.AddrWrap .right {float:left}
