@charset "UTF-8";

/**
* @fileName    : site.css
* @fileType    : css
* @author      : "SangYunLee"
* @date        : 2022-10-02
* @description :
* ===========================================================
* DATE              AUTHOR             NOTE
* -----------------------------------------------------------
* 2022-10-02        "SangYunLee"       최초 생성
*/
/*DEFAULT LAYOUT */
div#wrap{position:relative; margin:0; padding-top:2px; width:100%; min-width:1820px; background-color:#fff; overflow:hidden; height:auto; min-height: 100%; }
div#wrap:after {content:""; display:block; clear:both;}
div#topLay{position:relative; width:100%; margin:0; padding:0; background-color:#4c8add; min-height:51px; text-align:left;}
div#topMenu{position:relative; margin:0 auto 0; padding-top:10px; min-width:1820px; min-height:41px; background-color:#4c8add;}
div#topLogo {float:left; width:7%; text-align:left; padding-left:5px;}
div#topUserInfo {float:left; width:15%; text-align:right; color:#fff; vertical-align:middle;}
div#topUserInfo > span#userInfo-name{font-weight:bold;}
div#topUserBtn {width:77%; float:left; text-align:right;}
span.blueBgBtn{padding:4px; background-color:#2d62b2; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
span.blueBgBtn:hover {
  color:#eb8f00;
  border:#fbd850 1px solid;
  background-color:#fff9e6;
}
.greenBgBtn{padding:6px; background-color:#578787; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
.greenBgBtn2{padding:4px; background-color:#578787; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
.pinkBgBtn{padding:9px; background-color:#eb8f00; color:#fff; border:1px solid #cfcfcf; border-radius: 10px; cursor:pointer;}

/* PRODUCT ADD BTN*/
span#b_requestItemAdd {padding:9px; background-color:#2d62b2; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
span#b_requestItemSave {padding:9px; background-color:#2d62b2; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
span.greenBgBtn{padding:10px; background-color:#578787; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}
div#topUserInfo:after {content:""; display:block; clear:both;}
div#leftMenuLay {position:relative; float:left; margin:0 auto 0; width:240px; height:805px; padding-top:5px; vertical-align:top; overflow-y:auto;}
#menuTitle {width:210px; padding:15px 0 0 0; margin:0 auto 0; border:3px solid #293243; border-radius: 8px; vertical-align:middle; text-align:center; height:35px; background:linear-gradient(30deg,#293243,#3e4f67); color:#fff; font-weight:bold; font-size:2.0em;}
#menuLine {border-top:3px solid #4297d7; width:80%; height:8px; margin:7px auto 0;}
#menu {font-weight:bold; height:100%;}
#menu > .ui-menu { width: 230px; }
#menu > li.ui-menu-item {padding:5px 1em 5px 0.4em;}
#menu > li.ui-widget-header { padding: 0.4em; margin-top:5px; }
#menu > li.ui-widget-cont {border-bottom:1px solid #a0a9b6;}
#menu > .cMenu{
	border: 1px solid #79b7e7;
	background: #f5f8f9 url("https://code.jquery.com/ui/1.13.1/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #e17009;
	cursor:default;
}
div#navi{position:relative; margin:0 auto 0; float:left; vertical-align:middle; text-align:left; font-weight:bold; color:#000; height:18px;}
div#naviSub{vertical-align:bottom; text-align:left; font-weight:bold; color:#000;}
div#naviSub > span#menuNm {color:#e47009;}

div#rightContent{position:relative; float:left; padding:8px 0 0 10px; width:86%; text-align:left; min-height:810px;}

div#rightContent:after {content:""; display:block; clear:both;}
footer{position:relative; width:100%; background-color:#555555; height:46px;}
div#copyright{position:relative; margin:0 auto 0; padding:0; width:1600px; height:46px;}
div#contents{position:relative; margin:0 auto 0; padding-top:10px; min-width:800px; width:1820px; max-width:3060px; min-height:827px;}


/*회원가입*/
div#joinLayout{position:relative; margin:0 auto 0; width:100%;}
div#joinLayout div#userForm{padding:10px; float:left; width:690px; color:#333; }
div#joinLayout div#userForm div{position:relative; margin:0; padding:0; width:690px; height:52px;}
div#joinLayout div#userForm input{width:98%; height:28px;}
div#joinLayout div#userForm2{padding:10px; float:left; width:400px; color:#333; }
div#joinLayout div#userForm2 div{position:relative; margin:0; padding:0; width:400px; height:70px;}
div#joinLayout div#userForm2 input{width:98%; height:28px;}
div#joinLayout div#userForm3{padding:10px; float:left; width:500px; color:#333; }

/*DEFAULT BOARD STYLE*/
div.searchLayout { min-height:40px; margin:0; padding-top:5px; border:1px solid #cbd4da; background-color:#f0f3f5; vertical-align:middle;}
div.searchLayout > div#searcheCont {float:left; padding-left:5px;}
div.searchLayout > div#searchBtnLay {float:right; text-align:right; padding-right:5px;}
div.buttonLayout{position:relative; width:100%; padding:5px 0; height:34px; text-align:right;}

/*POPUP */
div#wrapP{position:relative; margin:0; padding:0; width:100%; background-color:#fff; overflow:hidden;}
div#wrapP:after {content:""; display:block; clear:both;}

div.searchLayoutP {position:relative; width:100%; min-height:40px; margin:0; padding-top:5px; border:1px solid #cbd4da; background-color:#f0f3f5; vertical-align:middle; }
div.searchLayoutP > div#searcheCont {float:left; padding-left:5px;}
div.searchLayoutP > div#searchBtnLay {float:right; text-align:right; padding-right:5px;}


table.boardList { margin:0; padding:0; width:100%;}
table.boardList th {padding:5px 0 3px; height:20px; font-weight: bold; text-align: center; border:1px solid #4297d7; background:linear-gradient(0deg,#89b8db, #88b7db, #86b6da, #70aad3, #70aad4, #6faad3, #6ea9d3); color:#fff;}
table.boardList td {padding:5px 0 3px; height:24px; border:1px solid #cfcfcf;  color:#707070; text-align:center;}
table.boardList .rows:hover td{
		border-top: 1px solid #79b7e7;
		border-bottom: 1px solid #79b7e7;
		background: #f5f8f9;
		font-weight: bold;
		color: #e17009;
		cursor:pointer;
	}
table.boardList .rows:nth-child(even) {
	background-color : #f5f8f9;
}

div.boardListLay{height:636px; overflow-y:auto;}
table.boardList td input {width:80%}
table.boardList td select {width:80%}
table.boardList td input[type=checkbox] {width:16px;}
table.boardList thead {position: sticky; top: -1px; z-index:1;}

.userInfoPop {width:35% !important;}
table.boardList th.col_1{width:2%;}
table.boardList th.col_2{width:4%;}
table.boardList th.col_3{width:6%;}
table.boardList th.col_4{width:8%;}
table.boardList th.col_5{width:10%;}
table.boardList th.col_6{width:15%;}
table.boardList th.col_7{width:17%;}
table.boardList th.col_8{width:20%;}

table.boardList td.col_left{padding:0 0 0 10px; text-align:left; }
table.boardList td.col_right{padding:0 2px 0 0; text-align:right; }

/* PAGE NAVIGATION */
div.pagingNav {position:relative; width:99%; margin:5px auto 5px; padding:3px 0; border:1px solid #cfcfcf; text-align: center; font-size: 13pt; letter-spacing: -1px; line-height: normal;}
div.pagingNav span {display: inline-block; padding:5px 10px; text-align:center; border:1px solid #4c8add; color:#4c8add; font-size:1.4em;  vertical-align: middle; cursor:pointer; text-decoration: none;}
div.pagingNav .onPage {border:1px solid #4c8add; color:#4c8add;}
div.pagingNav .offPage {border:1px solid #cfcfcf; color:#cfcfcf; cursor:default;}
select#pageSize{width:140px;}

table.boardForm {position:relative; margin:0 auto; padding:0; width:100%; border:1px solid #cfcfcf;}
table.boardForm th {padding:5px 0 3px; height:30px; border:1px solid #cfcfcf; background-color:#fcfdfd; color:#000;}
table.boardForm td {padding:5px 10px 3px 10px; height:30px; border:1px solid #cfcfcf; color:#707070;}
table.boardForm .content{height:400px; vertical-align:top;}
table.boardForm input#subject{width:99%;}

div#comment{float:left; text-align:left; padding:15px 0 0 10px; width:45%;}
div.buttonLayout{float:right; width:50%;}


div.form{border:2px solid #3497e2; height:660px; border-radius:8px; padding:10px 5px;}

/*DOWNLOAD BTN*/
span.download {padding:3px; background-color:#e47009; color:#fff; border:1px solid #cfcfcf; border-radius: 8px; cursor:pointer;}

/* POPUP MSG */
.popMsg {color:#e47009; font-weight:bold;}

/*MODAL*/
#modal_wrap {
	display:none;
	width:100%;
	height:56.5%;
	position:absolute;
	top:43%;
	left:0;
	margin:0;
	background:#000;
	border:2px solid #666666;
	border-radius: 6px;
	z-index:2;
}

#modal_open{
	position:absolute;
	width:100%;
	height:15px;
	top:98%;
	left:0;
    text-align:right;
    color:#fff;
	background:#000;
	border:2px solid #666666;
	border-radius: 6px;
	z-index:1;
	cursor:pointer;
}

table.boardList2 th.col_1{width:2%;}
table.boardList2 th.col_2{width:4%;}
table.boardList2 th.col_3{width:6%;}
table.boardList2 th.col_4{width:8%;}
table.boardList2 th.col_5{width:10%;}
table.boardList2 th.col_6{width:15%;}
table.boardList2 th.col_7{width:17%;}
table.boardList2 th.col_8{width:20%;}
table.boardList2 td.col_left{padding:0 0 0 10px; text-align:left; }
table.boardList2 td.col_right{padding:0 2px 0 0; text-align:right; }

table.boardList2 thead {position: sticky; top: -1px; z-index:3;}
table.boardList2 {position:relative; margin:0 auto; width:100%;}
table.boardList2 th {padding:5px 0 3px; height:20px; font-weight: bold; text-align: center; border:1px solid #ffaf0f; background:linear-gradient(0deg,#f68901, #f68e0a, #f79822, #f7961e, #f79720, #f79a28, #f58500); color:#fff;}
table.boardList2 td {padding:5px 0 3px; height:24px; border:1px solid #fff;  color:#fff; text-align:center;}
table.boardList2 .rows:hover td{
		border-top: 1px solid #ffaf0f;
		border-bottom: 1px solid #ffaf0f;
		background: #f68901;
		font-weight: bold;
		color: #fff;
		cursor:pointer;
	}

table.postForm{float:left; width:33%; color:#000; font-weight:bold;}
table.postForm tr {height:46px;}
table.postForm th {width:40%; text-align:left;}
table.postForm td {width:60%;}
/*TEST SERVER 문구*/
div.testPage{position:absolute; top:0; left:200px; z-index:1; width:280px; height:48px; border:2px dotted #f44336;}
div.testPage h1 {width:100%; font-weight:bold; color:#fff; text-align:center;}