@charset "utf-8";

@import url("/resources/css/family.css");
@import url("docs.css");

html, body {height:100%;}

body, .form-control { font-size:12px; }
.form-control { padding:3px 7px; height:25px; }
select.form-control { padding:0 0 0 6px; }
.form-inline .form-control { width:auto; }

header { border: #e5e5e5 1px solid !important; }

body, h1, h2, h3, h4, h5, h6, div, span, input, select, p {
	font-family:"Nanum Gothic", "Daum Regular", Gulim, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.this-site-show { background-color:#fff; }
.loginbox {
/*	background: #F1F2F4;
	border-bottom: 2px solid #C5C5C8;
	border-radius: 5px;
	padding: 15px 40px 20px 40px;
	box-shadow: 0 0 3px #000;
	text-align: center;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	max-width: 450px;
	min-width:200px;
	margin: 0 auto;*/


}
.loginbox:before {
	content:"";
	display: block;
	width: 70px;
	height: 4px;
	background: #4E535B;
	border-radius: 5px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 2px solid #CBCBCD;
	margin: 0 auto;
}	

.ribbon{
  background: rgba(200,200,200,.5);
  width: 50px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  top: 19px;
  border: 1px solid rgba(255,255,255,.3);
  border-top: 2px solid rgba(255,255,255,.5);
  border-bottom: 0;  
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 3px rgba(0,0,0,.7); 
}
.ribbon:before{
  content:"";
  display: block;
  width: 15px;
  height: 15px;
  background: #4E535B;
  border: 4px solid #cfd0d1;
  margin: 18px auto;
  box-shadow: inset 0 0 5px #000, 0 0 2px #000, 0 1px 1px 1px #A7A8AB;
  border-radius: 100%;
}

.navbar-header-title { padding:29px 0 10px 0; width:100%; text-align:left; display:block; float:none; }
.navbar-header-title .navbar-brand { float:none; }
.company_title { display:inline-block; text-align:center; }
.company_title h4 { font-weight:700; }

.navbar-topmenu { background-color:#fff; }
.nav-userinfo { 
	position: fixed;
	right: 0;
	left: 0;
	border-width: 0 0 1px;
	top: 0; z-index: 1030; 
} 
.breadcrumb { background-color:transparent; text-align:right; max-height: 35px; font-size:12px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; }
.navbar-inverse {
	background-image:none;
	background-color:#fff;
}

.navbar-inverse .navbar-toggle {
	background-color:#463265;
}

#content-bg { padding-top: 130px; }

.ultempList { padding-left:0; }
.ultempList li { display:inline-block; width:48%; padding:0 5px 0 5px; position:relative; min-width:300px;}
.ultempList li img { max-width:100%; /*width:100%;*/ }
.ultempList li .tempbox { 
	/*border:4px solid #717071; */
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	padding:25px 5px 5px 5px; 
}
.ultempList li .tpName { 
	background:#fff;
	color:#252c41;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	left:20px;
	padding:3px 10px 5px 10px;
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px; 
	border-radius: 21px;	
}

.topmenu li { display:inline-block; }
/*.toplinkmenu { border-top:5px solid #208EC1; }*/
.toplinkmenu .navbar-nav { float:none; width:100%; margin: 0 auto;}
.toplinkmenu .navbar-nav a img { max-height:50px; display:block; }
.toplinkmenu .navbar-nav a span { display:block; color:#333; font-weight:bold; font-family: "Daum Regular"; text-align:center; }
.toplinkmenu .navbar-nav li { padding:3px 17px 3px 17px; float:none; display:inline-block; }
.toplinkmenu .navbar-nav > li > a { padding-top:0; padding-bottom:0; padding-left:0; padding-right:2px; }

.unvisible { display:none; }
.lottecon { display:none; }
.login-container { margin-top:-100px; text-align:center; }
.lock-icon img { max-width:55px; }

.bs-social { display:none; }
.bs-footer { margin-top:0; padding-top:20px; }

.history li { display:inline; }

.box-shadow {
	box-shadow:10px 10px 10px silver;
	-moz-box-shadow:10px 10px 10px silver;
	-webkit-box-shadow:10px 10px 10px silver;
	margin-bottom:10px; 
}

.cursor { cursor:hand; cursor:pointer; }

/* Button 1e */
.btn-Login {
	display: inline-block;
	color:#fff;
	background: #0e83cd;
	border: 3px solid #fff;
	width:100%;
}
.btn-Login:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-Login:hover,
.btn-Login:active {
	color: #0e83cd;
	text-shadow: 0 1px 0 #0e83cd;
}
.btn-Login:hover:after {
	height: 260%;
	opacity: 1;
}
.btn-Login:active:after {
	height: 400%;
	opacity: 1;
}
.table-order { background: #fffdfd; }

.syntaxhighlighter.bootstrap{
	padding: 9px 14px;
	margin-bottom: 14px;
	/*background: #fff;
	border: 1px solid #e1e1e8;*/
	/*border-radius: 4px;*/
}

#btnUpExcel {
	margin: 5px 0 5px 5px; cursor: pointer; _cursor: hand;
}
#btnDownExcel {
	margin: 5px 0 5px 5px; cursor: pointer; _cursor: hand;
}

.btn-request { 
	padding:6px 20px 6px 40px;
	background:url(/themes/Simple/images/icon/icon_confirm_blue.png) 1px 1px no-repeat #fff; 
	background-size: 26px;
	margin:0 auto;
	-webkit-border-radius:16px;
	border-radius:16px;
	-moz-border-radius:16px;
	border:solid 3px #0075c1;
	color: #0075c1;
	font-weight:bold;
}
.btn-batch-request {
	/*padding:6px 20px 6px 40px;*/
	/*background:url(/themes/Simple/images/icon/icon_preview.png) 1px 1px no-repeat #fff; */
	background:#727272;
	width:100px; height:40px;
	background-size: 26px;
	margin:0 auto;
	-webkit-border-radius:40px;
	border-radius:40px;
	-moz-border-radius:40px;
	border:solid 3px #727272;
	color: #fff;
	font-weight:bold;
}

.content_bottom {
	margin-top:15px; 
	min-height:140px;
	line-height:8px; 
	text-align:center;
}

.lottecon-login-only { display:none; }

.list_part2 {
	margin-top: 10px;
}

.p_over {
	color: rgb(83, 83, 83); background-color: rgb(208, 208, 208);
}
.list_part2 {
	width: 100%; clear: both; font-size: 11px;
}
.p_over.list_part2 {
	
}
.list_part2 ul {
	margin: 0px; padding: 0px;
}
.list_part2 ul li {
	list-style-type: none;
	border-width: 1px; border-style: solid; border-color: rgb(213, 213, 213) rgb(213, 213, 213) rgb(213, 213, 213) rgb(239, 239, 239); border-image: none; width: 10%; height: 30px; text-align: center; line-height: 30px; float: left; cursor: pointer;
}
.btn-order-status li { list-style-type:none; }

.btn_both {
	width: 100%; overflow: hidden; clear: both;
}
.btn_both .fl {
	margin: 0px 0px 0px 20px; color: rgb(28, 110, 173); font-weight: bold; float: left;
}
.btn_both .fl li {
	display: inline;
}
.btn_both .fr {
	margin: 0px 25px 5px 0px; float: right;
}
.btn_both .fr span {
	margin: 7px 0px 0px;
}

.bt_num {
	margin: 0px auto; width: 100%; height: 13px; letter-spacing: 5px; padding-top: 3px;
}
.bt_num a {
	padding: 0px 0px 0px 5px; color: rgb(43, 68, 80); line-height: 28px; font-family: "돋움",Dotum; font-size: 12px; font-weight: bold; text-decoration: none !important; margin-right: -3px; display: inline-block; _position: relative;
}
.bt_num a:hover {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 0px 0px !important;
}
.paginate a:focus {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 0px 0px !important;
}
.paginate a:active {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 0px 0px !important;
}
.bt_num strong {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 0px 0px !important; padding: 0px 0px 0px 5px; color: rgb(43, 68, 80); line-height: 28px; font-family: "돋움",Dotum; font-size: 12px; font-weight: bold; text-decoration: none !important; margin-right: -3px; display: inline-block; _position: relative;
}
.bt_num strong {
	color: rgb(1, 147, 156) !important;
}
.bt_num a span {
	padding: 0px 8px 0px 3px; top: 0px; display: block; position: relative; zoom: 1; _display: inline;
}
.bt_num a:hover span {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 100% 0px !important; text-decoration: none; cursor: pointer;
}
.paginate a:focus span {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 100% 0px !important; text-decoration: none; cursor: pointer;
}
.paginate a:active span {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 100% 0px !important; text-decoration: none; cursor: pointer;
}
.bt_num strong span {
	background: url("../img/bg_page_nav_ru.gif") no-repeat 100% 0px !important; padding: 0px 8px 0px 3px; top: 0px; display: block; position: relative; zoom: 1; _display: inline;
}
.bt_num a.pre {
	top: 9px; font-family: "돋움",Dotum,"굴림",Gulim, AppleGothic, Sans-serif; font-size: 12px; position: relative;
}
.paginate a.next {
	top: 9px; font-family: "돋움",Dotum,"굴림",Gulim, AppleGothic, Sans-serif; font-size: 12px; position: relative;
}
.bt_num a.pre:hover {
	
}
.paginate a.pre:focus {
	
}
.paginate a.pre:active {
	
}
.paginate a.next:hover {
	
}
.paginate a.next:focus {
	
}
.paginate a.next:active {
	
}
.bt_num a.pre {
	margin-right: 10px;
}
.paginate a.next {
	margin-left: 8px;
}

#loading {
	position: fixed;top:50%;left:50%;
}

.previewImg { max-width:80%; }

.pop-layer {
	display:none; position:fixed; _position:absolute; top: 200px; left: 100px; min-width: 410px; height:auto;  
	background-color:#fff; border: 5px solid #3571B5; z-index: 10;
} 
.pop-layer .pop-container {padding: 20px 25px; max-height:400px; overflow:auto; max-width:500px; }
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

.topLine { position:fixed; _position:absolute; top:0; width:400px; padding:8px 15px; z-index:9999999; }

.spMenu_Title { text-shadow : 0px 0px 0px rgba(0,0,0,0.25) }