@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 1024px;
	/* overflow-x: hidden; */ /* Prevent horizontal scroll */
}
.wrap{
	/* margin:0 auto; */
	display: flex;
	flex-direction: column;
	min-width: 1024px;
	/* height: 100%; */
}
#masthead {
	width: 100%;
	flex-shrink: 0;
	/* height: 50px; */
}
#submenu{
	/* position: fixed; */
	/* overflow: auto;
	height: 100%;
	flex: 0 0 auto;
	float: left;
	width: 12rem;
	min-height:600px;
	height: 100%; */
	width: 12rem;
	/* background-color: #e6e6e6; */
	flex-shrink: 0;
}
#splitter {
	background-color: #2A5DA6;
	cursor: col-resize;
	width: 0.5rem;
	/* 	
	float: inline-start;
	margin-left: 0.2rem; */
	flex-shrink: 0;
	
}
#main-container {
	overflow: hidden;
	/* margin-left: 13rem; */
	/* min-width: 102rem;
	display: inline-block; */
	display: flex;
	flex: 1;
	overflow: hidden;
}
#main-container .content{
	border-bottom: 0.5rem solid #2A5DA6;
	min-height: 3rem;
	overflow: hidden;
	width: 100%;
	flex-shrink: 0;
	/* height: 50px; */
	/* background-color: #d9d9d9; */
}
#main-container #uiBody {
	width: 100%;
	overflow-y: auto;
	/* background-color: #bfbfbf; */
}

#main-container #footer {
	width: 100%;
	height: 30px;
	flex-shrink: 0;
}
.sidebar-container {
	display: flex;
	height: 100%;
	flex-shrink: 0;
}

#main-content {
	display: flex;
	flex-direction: column;
	width: 100%;
    flex: 1;
}

@media screen and (max-width: 1024px) {
	body {
	    overflow-x: auto;
	}
	
	.wrap {
	    min-width: 1024px;
	}
}
/*--------------login--------------*/
body{
	scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#b58e63;scrollbar-face-color:#f2ece6;scrollbar-shadow-color:#b1b1b1;scrollbar-darkshadow-color:white;scrollbar-track-color:#f6f6f6;scrollbar-arrow-color:#f6f6f6;}



.logIn .content{
	margin:0 auto;
	width:400px;
}

.logIn .logo{
	width:300px;
	display:block;
	margin:0 auto;
	padding-top:25px;
}

.logIn .inBox{
	background:#fff;
	height:480px;
	box-shadow: 6px 10px 15px #d5d5d5;
	/*margin-top:170px;*/
	border:1px solid #e9e9e9;
}

.logIn .tit{
	width:100px;
	border-bottom:1px solid #223954;
	font-size:18px;display:block;
	text-align:center;
	margin:10px auto 30px auto;
	padding:25px 0 5px 0;
	font-weight:700;
	color:#223954;
}

.logIn .textBox{
	width:295px;
	margin:50px auto 0 auto;
}

.logIn .textBox .logInput{
	width:283px;
	height:30px;
	font-size:14px;
	border:1px solid #A6A6A6;
	padding-left:10px;
	color:#4d4d4d;
}

.logIn .textBox .logInput:focus{
	border:1px solid #52a9ff;
	outline:none;
}

.logIn .textBox li{
	margin-bottom:13px;
}

.logIn .textBox li:last-child input{
	margin-right:5px;
}

.logIn .inBtn{
	width:auto;
	height:40px;
	display:block;
	font-size:18px;
	border:0;
	color:#fff;
	font-weight:700;
	background:#223954;
	text-align:center;
	line-height:40px;
	margin:20px 0 10px 0;
}

.logIn .inBtn:hover{
	background:#FF4133;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.logIn .infoSet{
	display: flex; /* 요소들을 행으로 배치하기 위해 flexbox 사용 */
    justify-content: space-between; /* 각 요소를 동일한 간격으로 좌측, 중앙, 우측에 배치 */
}

/* .logIn .infoSet input{
	float:left;}

.logIn .infoSet span{
	float:right;} */

.logIn .infoSet a{
	display: block; margin: 0 auto;}

.logIn .snsLine{
	margin:40px auto 0 auto;
	width:340px;
}

.logIn .snsLine li{
	float:left;
	width: 170px;
	margin:0px auto;
}

.logIn .snsLine li:last-child{
	margin-right:0;
}

.utilLine .select_box{
	margin:5px 0 0 0;width:100px;
}

.utilLine .select_box label{
	top:-5px;
}
/*--------------login end/--------------*/

/*--------------header--------------*/
.header{
	background:#2A5DA6 !important;
}

.header .logo{
	margin:1px 0 0 5px;
	float:left;
	font-size: 1.3rem;
    line-height: normal;
}

.header .row1{
	position:relative;
	margin:0 auto;
	overflow:hidden;
	padding:0px 2px 0px 7px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4rem;
}
.header .row1 .logo img{
	margin-top:-1px;
}
.header .util {
    float:right;
    display: flex;
}

.header .utilLine li{
	
	margin:0 1.5rem 0 0;
}

.header .utilLine li:last-child{
	margin:0 -5px 0 0;
}

.header .user{
	color:#fff;
	margin-top:2px;
	display:block;
}

.header .user a{
	color:#fff;
	font-size:15px;
	margin-left:5px;
}

.header .user img{
	margin:0 5px 4px 0;
}

.header .logout{
	display:inline-block;
	vertical-align:middle;
	height:22px;
	line-height:22px;
	padding:0 8px;
	text-align:center;
	border:1px solid #d4d4d4;
	color:#333;
	background:#fff;
	font-size:13px;
}

.header .logout:hover{
	background:#F2594B;
	border:1px solid #FF4133;
	color:#fff;
	font-weight:bold;
}

.header .dash{
	font-size: 1.6rem;
	color:#fff;
	font-weight: 900;
	display:inline-block;
	margin-left: 4px;
	margin-top: 0.4rem;
}

.header .menuList{
	float:left;
	margin:10px 0 0 25px;
}

.header .menuList li{
	float:left;
	font-size:14px;
	margin-right:18px;
}

.header .menuList li a:hover{
	text-decoration:underline;
}

.header .menuList li a{
	color:#fff !important;}

.header .menuList .now{
	font-weight:700;
}
.header .c{
/* width: calc(100% - 430px); */
     /* align-items: center; */
	flex:1;
	min-height: 40px;
}
.header .c .menuList {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none; /* 기본 리스트 스타일 제거 */
  padding: 0; /* 기본 패딩 제거 */
}

.header .c .menuList li {
  padding: 10px; /* 메뉴 항목 간격 조정 */
}
/*--------------header end/--------------*/

#submenu .menuBox2{margin:0 auto; font-size: 1.2rem;font-weight: 700; overflow: auto;padding:4 0px !important;border:none;float: none;}
#submenu .menuBox2 li{width:8rem !important;padding:0 !important;height:8rem;border:1px solid #b4b4b4 !important;border-radius:0px !important;margin:0px auto;margin-bottom:1rem;}
#submenu .menuBox2 li span{text-align:center;padding-top:0.4rem;font-size:1.2rem;width:8rem;display: inline-block;}
#submenu .menuBox2 li p{font-size:1.5rem;padding:0 0.5rem;margin-top:1.5rem;}
#submenu .menuBox2 li a .mainImg{
	width: 8rem;
}

.hidden {
	display: none;
	width: 0;
}
.left-attached {
	left :0 !important;            
	/* transition: width 0.5s; */
}

/*--------------content--------------*/


.content .container{
}

.content .row2 .menuCont{
	/* width:1280px; */
	border-radius:2px;
	margin:10px 10px 0px 0px;
	overflow:hidden;
}

.content .row2 .menuBox{
	margin:0 auto;
	overflow:hidden;
	/* width:1280px; */
	padding:10px 0;
}

.content .row2 .menuBox li{
	display:inline-block;
	margin-right:22px;
	margin-bottom:30px;
}

.content .row2 .set{
	border-bottom:5px solid #2A5DA6;
}

.content .row2 .setLine{
	display:block;
	margin:20px auto 10px auto;
	overflow:hidden;
	width:1280px;
}

.content .row2 .set a{
	margin:0 10px 0 0;
}

.content .row2 .serchBox{
	float:right;
	overflow:hidden;}

.content .row2 .serchBox a{
	float:right;
	display:block;
	width:50px;
	height:27px;
	background:#4d4d4d;
	text-align:center;
	line-height:27px;
	color:#fff;
	margin:0 0 0 7px;
	font-size:13px;
}

.content .row2 .serchBox a:hover{
	background:#2A5DA6;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.content .serch{
	width:22rem;
	height:2.5rem;
	float:left;
	display:block;
	font-size:1.2rem;
	border:none;
	padding-left:1rem;
	border:0.1rem solid #a4a4a4;}

.content .serch:focus{
	border:0.1rem solid #52a9ff;
}

.content .searchBtn{
	position:absolute;
	top:0.5rem;
	right:19.5rem;
	opacity:0.7;
}

.content .mNone{
	margin-right:0 !important;
}

.content .menuCont .inRow1{
	overflow:hidden;
}

.content .location{
	overflow:hidden;
	display:inline-block;
	float:right;
}

.content .location li{
	background-image:url(../images/new/next.png);
	background-size:1.2rem;
	background-repeat:no-repeat;
	background-position:80% 55%;
	float:left;
	padding-right:35px;
	font-size:1.2rem;
}

.content .location li:last-child{
	background:none;
	padding-right:0;
}

.content .location .active{
	color:#03497E !important;
	font-weight:bold;
}

.content .location li a:hover{
	text-decoration:underline;
	color:#03497E;
}

.content .menuCont .inRow2{
	margin-top:1.5rem;
}

.content .menuCont .inRow2 .h2{
	font-size:1.8rem;
	font-weight:normal;
	color:#fff;
	background:#4d4d4d;
	padding:0.2rem 0.5rem;
	margin-bottom:1rem;
}

.content .menuBox2{
	overflow:hidden;
	padding:5px;
	width:62.1rem;
	border:2px solid #5d5d5d;
	float:left;
	margin-right:1rem;
}

.content .menuBox2 li{
	width:188px;
	border:1px solid #4d4d4d;
	border-radius:5px;
	padding:5px;
	float:left;
	margin-right:9px;
	margin-bottom:10px;
	background:#fff;
}

.content .menuBox2 li img{
	float:left;
	margin-right:5px;
}

.content .menuBox2 li span{
	font-size:18px;
	display:block;
	font-weight:bold;
	color:#333;
}

.content .menuBox2 li p{
	font-size:13px;
	margin-top:10px;
	color:#111;
}

.content .menuBox2 li a{
	display:block;
}


.content .menuBox2 li a:hover{
	font-weight:normal;
}

.content .menuBox2 li:hover{
	background:#fff;
	border:1px solid #354590;
	outline:none;
	box-shadow:0px 0px 10px #354590;
}

.content .detailView{
	width:621px;
	border:2px solid #5d5d5d;
	float:left;
	height:100%;
	padding:5px;}

.tbTab{
	margin:20px 0 -71px 0;
	overflow:hidden;}

.tbTab li{
	position:relative;
	float:left;
	width:auto;
	max-width:158px;
	text-align:center;}

.tbTab .active{
	width:auto;
}

.tbTab li a{
	font-size:14px;
	color:#4b4b4b;
	display:block;
	margin-right:-1px;
	padding:5px 10px;
	background:#f3f3f3;
	font-weight:700;
	border:1px solid #e0e0e0;
	border-bottom:0;
	border-top-left-radius:7px;
	border-top-right-radius:7px;}

.tbTab .active a{
	color:#264C74;
	border:1px solid #264C74;
	border-bottom:1px solid #fff;
	background:#fff;
	margin-right:0;
	}

.tbBox{
	background:#fff;
	border:1px solid #264C74;
	margin:70px auto 0 auto;}

.tbBox table{
	width:98%;
	margin:1%;
	border:1px solid #b1b1b1;
}

.listTb1 td:last-child{
	border-right:0;}

.listTb1{
	/*border:1px solid #b3b3b3;*/}

.listTb1 thead{}

.listTb1 th{
	padding:6px 10px;
	background:#5d5d5d;
	border-bottom:1px solid #b3b3b3;
	color:#fff;
	font-size:14px;
	/* font-weight:normal;*/
	text-align:center;
	border-right:1px solid #b3b3b3;}

.listTb1 th:last-child{
	border-right:0;}

.listTb1 tbody{}

.listTb1 td{
	height:30px;
	padding:3px 10px;
	color:#333;
	font-size:13px;
	text-align:center;
	box-sizing:border-box;
	border-right:1px solid #cfcfcf;
	border-bottom:1px dotted #a1a1a1;
	background:#f6f6f6;}

.itemView{
	float:right;
}

.listTb1 td:last-child{
	border-right:0;}

.btNone{
	border-bottom:0 !important;}

.brNone{
	border-right:0 !important;}

.sortBd{
	border-bottom:1px solid #d9d9d9 !important;
}

.num{
	text-align:right !important;
	padding-right:10px !important;
}
.ui-layout-center{
	overflow: auto;
}
/*--------------content end/--------------*/

/*--------------footer--------------*/
.footer{
	border-top:5px solid #2A5DA6;
	font-size:1.2rem;
	bottom:0;
	width:100%;
}


.footer .logoPut .copy{
	float:left;
	margin:17px 0 0 20px;
	line-height:35px;
}

/*--------------footer end/--------------*/


/*object*/
.tbTit{
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 13px;
	display:block;
	float:left;
	color:#4d4d4d;
}

div.select_box {
	position: relative;
	/*width: 200px;*/
	height: 22px;
	border: 1px solid #c3c3c3;
	background:#fff url('../images/new/bg_select.png')right center no-repeat;
}
div.select_box label {
	position: absolute;	
	font-size: 13px;	
	color: #333;
	top:1px;
	left:8px;
	letter-spacing: 1px;
}
div.select_box select.selectBox {
	width: 100%;	
	height: 22px;
	line-height: 40px;
	padding: 0 10px;
	opacity: 0;	
	filter: alpha(opacity=0);
}

.iSpan{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:21px;
}
.iSpan input{
	margin:0;
	padding:0;
	background:#f6f6f6;
	color:#333;
	height:22.5px;
	line-height:22px;
	font-size:13px;
	/*border:1px solid #c3c3c3;*/
	border:1px solid #cfcfcf;;
	text-align:center;
	border-radius:2px;
	width:100%;
	margin-top:-2px;
}
.num input{
	text-align:right !important;
}

.shipCombo{
	display:block;
	vertical-align:middle;
	background:#fff;
	width:341px;
	height:23px;
	overflow:hidden;
}
.shipCombo select{
	width:360px;
	height:100%;
	border:1px solid #c3c3c3;
	color:#7b7f83;
	font-size:13px;
	padding-left:10px;
	border-radius:2px;
	background:#fff url(../images/new/bg_select.png) no-repeat 322px 50%;
}

.orderBtn{
	float:left;
	margin-top:15px;
}
.action{
	float:right;
	margin-top:15px;
}
.txtBtn a{
	display:inline-block;
	font-size:13px;
	width:auto;
	border:1px solid #c3c3c3;
	padding:4px 7px;
	border-radius:12px;
}
.txtBtn a:hover{
	background:#85b0d1;
	color:#fff;
}

.orderHad{
	overflow:hidden;
	margin-top:20px;
}
.orderMain{
	overflow:hidden;
}
.rowAdd{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	border:1px solid #c3c3c3;
	margin:-4px 13px 10px -10px;
}
.rowAdd:hover{
	background:#d4d4d4;
}

.shipQ{
	margin:30px 0 0 2px;
}
.shipQ span{
	margin-right:10px;
}
.shipQ #select_box{
	float:left;
	width:537px;
}

.note textarea{
	width:610px;
	height:50px;
	border:1px solid #c3c3c3;
}
.note{
	float:left;
	margin:10px 0 15px 15px;
}
.note > .tbTit{
	margin:0 0 5px 0;
}

.party td input{
	margin:-3px 5px 0 0;
}

.bn-right{
	border-right:none !important;
}
/*object __end*/


/*POPUP(product)*/
.popUp{
	width:350px;
	border:1px solid #c3c3c3;
	border-radius:5px;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}

.popUp .popTit{
	display:block;
	font-size:15px;
	width:auto;
	background:#4d4d4d;
	color:#fff;
	padding:3px 7px;
}

.popUp .popExit{
	font-size:17px;
	position:absolute;
	top:0;
	right:5px;
	color:#fff;
	width:25px;
	text-align:center;
}

.popUp .popExit:hover{
	background:#fff;
	color:#333;
}

.Product{
	width:800px !important;}

.popDiv{
	background:#fff;}

.popDiv table{
	width:98%;
	margin:1%;
	border:1px solid #b1b1b1;
}
/*POPUP(product)__end*/

/*POPUP2(custom)*/
.popDiv .find{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	border:1px solid #c3c3c3;
	margin:0 8px 10px 0;
}
.popDiv .find:hover{
	background:#d4d4d4;
}

.customRow1{
	overflow:hidden;
	margin-top:10px;
	margin:1%;
}

.ctSet{
	overflow:hidden;
	float:left;
}
.ctSet span{
	font-weight:bold;
	font-size:14px;
	display:block;
	float:left;
	margin-right:10px;
}
.ctSet .list{margin-left:10px;}
.ctSet .form{
	width:200px;
	float:left;
}

.form input{
	margin:0;
	padding:0;
	background:#fff;
	color:#333;
	height:22px;
	line-height:22px;
	font-size:13px;
	border:1px solid #c3c3c3;
	text-align:left;
	border-radius:2px;
	padding-left:5px;
	width:100%;
}

.findBtn{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	border:1px solid #c3c3c3;
}
.findBtn:hover{
	background:#d4d4d4;
}
.turn{
	overflow:hidden;
	display:inline-block;
	margin:5px 0 0 2px;
}
.turn li{
	float:left;
	margin-right:4px;
	font-size:14px;
	
}
.turn li a{
	color:#8C8C8C;
}
.turn li .active{
	color:#003399;
}
.turn li a:hover{
	color:#003399;
	text-decoration:underline;
}

.customRow2{margin:1%;}

.cardList{
	overflow:hidden;
}
.cardList li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.mr_none{margin-right:0 !important;}

.inCard{
	width:247px;
	background:#EAEAEA;
	border:1px solid #EAEAEA;
	padding-left:5px;
	padding-top:5px;
}
.inCard span{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	display:inline-block;
	margin-left:5px;
	color:#123478;
}
.inCard .check{
	margin-top:-5px;
}
.inCard p{
	
}
.inCard div{
	margin:10px auto;
	width:165px;
}
.inCard div a{
	display:inline-block;
	padding:3px 20px;
	border:1px solid red;
	border:1px solid #c3c3c3;
	background:#fff;
	margin-right:10px;
}
.inCard div a:hover{
	background:#123478;
	color:#fff;
}

.paging{
	overflow:hidden;
	margin:10px auto 20px auto;
	width:205px;
}
.paging li{
	float:left;
	font-size:14px;
	margin-left:10px;
}
.paging li a:hover{
	color:#1f50b5;
}
.paging .active{
	color:#1F50B5;
	font-weight:bold;
}
/*POPUP2(custom)__end*/

/* main process */
.menuBox2{
	/* height:506px; */
}
.menuBox2 li:hover{
	background:#FEF6D6 !important;
	opacity:0.9;
}

.process{
	overflow:hidden;
	margin: 0 10px 10px 10px;
}
.process li{
	float:left;
}
.process li span{
	font-size:16px;
	display:block;
	text-align:center;
	border-radius:15px;
	padding:5px 10px;
	width:75px;
	height:50px;
	letter-spacing:0.5px;
}
.process .outside{
	background:#2A5DA6;
	border-radius:15px;
}

.process .outside a{
color:#fff;
}

.process .outside a:hover span{
background:#FEF6D6;
border-radius:15px;
color:#333;
}

.stick{
	display:block;
	height:18px;
	background:#2A5DA6;
}
.width7{
	width:43%;
}
.width2{
	width:15%;
}
.width3{
	width:22%;
}
.width4{
	width:28%;
}
.arrow{
	line-height:50px;
}
.arrow2{
	margin:0 0 -2px 42px;
}
/* main process__ end*/

.bsSelect{
	height: 22px;
	border: 1px solid #c3c3c3;
	font-size: 13px;	
	color: #333;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	width:100%;
} /*<-- select class*/

.tbInput{
	width:85% !important;
}


.total{
	width:120px;
	float:right;
}

.totalTit{
	line-height:22px;
	font-weight:bold;
	margin-right:-30px;
}


/* add */
.totalInput{
	width:80% !important;}

.bd_left{
	border-left:1px solid #cfcfcf;}

.totalTit2{
	text-align:right !important;
	padding-right:5px;
	font-weight:bold;}


.basicBtn1{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	border:1px solid #c3c3c3;
	background:#fff;
}
.basicBtn1:hover{
	background:#d4d4d4;
}

.auto{
border:none !important;
background:#f6f6f6 !important;
}
.ui-datepicker {
    z-index: 400 !important; 
}