body.bgColor{background:#fff}

.checkbox-wrap { cursor: pointer; }
.checkbox-wrap .check-icon  { display: inline-block; width: 18px; height: 18px; background: url(../img/agreement-check-out.png) left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url(/sales_order/images/btn_ok2.gif); }



/*#Warp{width:1700px; display:inline-block; background:url("/sales_order/images/title_bg.gif") left top repeat-x #fff;}*/
#Warp{background:url("/sales_order/images/title_bg.gif") left top repeat-x #fff;}
#container{width:1400px; display:inline-block; background:url("/sales_order/images/lnb_bg.gif") left top repeat-y;}
.contentsWrap{background:#dd0000;  display:inline-block;}
.contents .text.full, .contents .textarea.full{width:95%}
.contents .text.half, .contents .textarea.half{width:54%}


/*Left Navigation Bar*/
#LNB{width:174px; min-height:900px; position:relative; float:left; background:#3594e4}
#LNB a, #LNB span{display:block !important;}
#LNB h1{padding:32px 0 22px; text-align:center; background:#0359BA) left top no-repeat}

#LNB .util{width:100%; padding-left:6px; padding-bottom:37px; overflow:hidden}
#LNB .util li{margin:0 4px; float:left;}

#LNB .menu1th li{position:relative; background:url(/sales_order/images/lnb_out.gif) left top no-repeat}
#LNB .menu1th li span{height:30px; padding-left:34px; display:inline-block; *display:inline; *zoom:1; cursor:pointer; font-weight:bold; color:#fff; line-height:28px;}
#LNB .menu1th .over span{color:#ffea00}
#LNB .menu1th .over{background:url(/sales_order/images/lnb_over.gif) left top no-repeat}
#LNB .menu1th .out{background:url(/sales_order/images/lnb_out.gif) left top no-repeat}
#LNB .menu2th{border-top:1px solid #3594e4; padding:17px 0px 17px 0px; background:#3594e4}
#LNB .menu2th li{height:22px; position:relative; background:none}
#LNB .menu2th li a{padding-left:34px; display:inline-block; color:#fff; font-size:8pt}
#LNB .menu2th li a:hover{font-weight:bold; color:#FFFFCC}

#LNB .banner{padding-left:10px; margin:50px 0 20px; left:0; bottom:50px}
#LNB .banner p{padding-bottom:15px; display:block;}

/*Contant*/
.contentsArea{width:1200px; position:relative; float:left;}
.contentsArea .location{position:absolute; right:10px; top:86px; font-size:11px; padding-left:15px; background:url("/sales_order/images/icon_home.gif") left top no-repeat}
.contentsArea .location img{vertical-align:middle}
.contentsArea .log{position:absolute; right:10px; top:30px; font-size:11px; color:#fff; padding-left:15px; left top no-repeat}
.contents{padding-top:45px; padding-left:20px; padding-bottom:20px;}

.contentsArea h3{height:81px; padding-left:16px;}
.contentsArea h3 span{padding-top:45px; display:block; font-size:12pt; color:#fff; font-weight:bold}
.contentsArea h4{ min-height:17px; font-size:9pt; color:#333; text-align:left; text-shadow:1px 1px 0px #eee; display:block; padding-top:2px; padding-left:25px; margin-bottom:3px; background:url("/sales_order/images/icon_h_red.gif") left top no-repeat}
.contentsArea inner{ min-height:17px; font-size:9pt; color:#333; text-align:left; text-shadow:1px 1px 0px #eee; display:block; padding-top:2px; padding-left:25px; margin-bottom:3px; background:url("/sales_order/images/icon_h_red.gif") left top no-repeat}


.cols{overflow:hidden}
.col1, .col2, .col3, .colboard1, .colboard2{float:left;}
.section{width:100%; margin-bottom:30px;}

/*foot*/
.footArea{height:50px; padding-top:5px; text-align:center; font-size:7pt; font-family:Arial; color:#999; background:#333;}


/*table style*/
.tblType1 th, .tblType1 td, .tblType2 th, .tblType2 td, .tblType3 th, .tblType3 td{padding:7px 0;}
th .help{padding-left:3px; cursor:pointer; background:none; padding-right:0}
th img{vertical-align:middle}
table, table th, table td{border:0 none}
/*tblType1*/
.tblType1{width:100%; display:inline-block; overflow:hidden; border-top:1px solid #ccc;}
.tblType1 caption{display:none}
.tblType1 table{width:100%; margin-top:-1px; border-top:1px solid #ccc;}
.tblType1 th, .tblType1 td{border-top:1px solid #ddd; text-align:center;}
.tblType1 thead th{ border-bottom:1px solid #c2c2c2; background:#f5f5f5}
.tblType1 tbody th{vertical-align:top; color:#333; background:#f5f5f5}
.tblType1 th{font-size:8pt}
.tblType1 td{font-size:11px; color:#666}

/*tblType2*/
.tblType2{width:100%; display:inline-block; overflow:hidden; border-top:2px solid #333;}
.tblType2 caption{display:none}
.tblType2 table{width:100%; margin-top:-1px; margin-left:-1px; font-size:11px; border-top:1px solid #ccc;}
.tblType2 th, .tblType2 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
.tblType2 thead th{color:#000; font-weight:normal; background:#f5f5f5; border-bottom:1px solid #c2c2c2;}
.tblType2 thead th .sort{ padding-right:5px; background:url(/sales_order/images/icon_sort.gif) right 3px no-repeat}
.tblType2 tbody th{color:#333; background:#fafafa}
.tblType2 tfoot th, .tblType2 tfoot td{background:#f5f5f5; font-weight:bold}
.tblType2 td{font-size:11px; color:#666; line-height:18px; word-break:break-all;}
/*.tblType2 td{font-size:11px; color:#666; line-height:18px; padding:5px 10px; word-break:break-all;}*/
.tblType2 .subject{padding-left:15px; font-size:11px; color:#666; text-align:left}
.tblType2 .graph{font-size:11px; color:#666; text-align:left}
.tblType2 .gap td, .tblType2 .gap{border-bottom:1px solid #ccc}

/*tblType3* tblType2와 같으나 td가 왼쪽 정렬임 */
.tblType3{width:100%; display:inline-block; overflow:hidden; border-top:2px solid #333;}
.tblType3 caption{display:none}
.tblType3 table{width:100%; margin-top:-1px; margin-left:-1px; font-size:11px; border-top:1px solid #ccc;}
.tblType3 th, .tblType3 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tblType3 thead th{color:#000; border-bottom:1px solid #c2c2c2; background:#f0f0f0}
.tblType3 tbody th{color:#333; background:#fafafa}
.tblType3 td{padding-left:15px; font-size:11px; color:#666; text-align:left; line-height:18px; padding:5px 10px; word-break:break-all;}
.tblType3 td label{margin:0 10px 0 3px}



/*tblType4* tblType2와 같으나 td가 왼쪽 정렬임 */
.tblType4{width:60%; border:1px solid #333; text-align:center;}
.tblType4 caption{display:none}
.tblType4 table{width:100%; margin-top:-1px; margin-left:-1px; font-size:11px; border-top:1px solid #ccc;}
.tblType4 th, .tblType4 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tblType4 thead th{color:#000; border-bottom:1px solid #c2c2c2; background:#f0f0f0}
.tblType4 tbody th{color:#333; background:#fafafa}
.tblType4 td{padding-left:15px; font-size:11px; color:#666; text-align:left; line-height:18px; padding:5px 10px; word-break:break-all;}
.tblType4 td label{margin:0 10px 0 3px}
.tblType4 p{margin-bottom: 10px;}

td .note{margin-left:5px}

/* login */
body.loginWrap {min-height:100%; background-color:#f0f0f0;}
.loginWrap .header {background-color:#fff; height:105px; border-bottom:1px solid #d0d0d0;}
.loginWrap .header h1 {padding-top:33px;}
.container {background-color:#fff; overflow:hidden;}
.login {background-color:#f6f6f6; width:502px; height:215px; padding:50px 100px 70px 100px; margin:100px auto 50px auto; border:1px solid #dfdfdf; position:relative;}
.login .login_t {margin-bottom:30px;}
.login form {width:502px; margin:0 auto; padding-bottom:30px; font-size:12px; position:relative;}
.login .btn_login {width:109px; height:69px; background-color:#6fc055; position:absolute; right:0; top:0; padding:21px 0; color:#fff; text-align:center; font-weight:bold; line-height:69px; font-size:14px;}
.login input.text {border:1px solid #b8c0c3; width:230px; padding:6px 10px; height:16px; float:left; color:#222}
.login .inputArea {background:url('../images/login/input_bg.gif') no-repeat left top; width:380px; height:32px; padding:0; margin:0 0 8px; position:relative; }
.login .inputArea span {float:left; padding:6px 0; margin-right:15px; display:inline-block; width:100px; }
.login .inputArea select {height:32px; width:253px; border:1px solid #b8c0c3;}
.login .btn_1 {width:80px; height:30px; line-height:29px; font-size:12px; background:url('/images/sales_order/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;}
.login .btn_2 {position:absolute; bottom:30px; display:block; width:89px; text-align:center;}
.loginBanner .inner {margin-bottom:100px;}
.loginBanner .inner {text-align:center;}
.loginBanner .inner img {border:1px solid #d0d0d0;}
.copy {background-color:#bcbfc6; padding:50px 0; height:100%; font-size:12px; color:#5e5a5a; text-align:center;}

/*게시판 복사 팝업*/
#Board.form .type1{width:100%; overflow:hidden; border-top:1px solid #333;}
#Board.form .type1 caption{display:none}
#Board.form .type1 table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc}
#Board.form .type1 th, #Board.form .type1 td{border-top:1px solid #d0d0d0;}
#Board.form .type1 th{width:120px; height:18px; padding-left:25px; vertical-align:top; text-align:center; background-color:#f0f0f0; color:#000; font-weight:normal; font-size:13px; padding:13px 0;}
#Board.form .type1 td{padding-left:15px; text-align:left;}

/*관리자홈*/
.stats .col1, .stats .col2{width:570px;margin-top:20px;}
.stats .col2{float:right}

.stats .colboard1, .stats .colboard2{width:570px; height:230px;margin-top:20px;}
.stats .colboard2{float:right}


/*회원관리*/

/*help box*/
#fixedtipdiv{ border: 1px solid black; font: 12px/18px Verdana; padding: 2px; position: absolute; z-index: 100;}

/*search*/
.searchArea{width:100%; padding:10px 0; margin:0 auto 0px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff}
.searchArea label{display:none}
.searchArea .text{width:200px; background:#fff;}

/*page*/
.pageArea{display:block; margin:10px 0; text-align:center; position:relative;}
.pageArea *{font-family:arial; font-size:8pt}
.pageArea a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:1px 5px; background:#fff; margin:0 2px}
.pageArea b{border:1px solid #D60000; color:#fff; cursor:pointer; padding:1px 5px; background:#D60000; font-weight:bold; margin:0 2px}
.pageArea .arrow{ border:0 none; padding:0; line-height:0; display:inline-block;}
.pageArea .arrow img{vertical-align:middle}

/*page*/
.pageA{display:block; margin:10px 0; text-align:center; position:relative; border:1px;}
.pageA *{font-size:16pt; color:#0359BA; line-height:1.5; border:1px;}
.pageA a{border:1px solid #cccccc; color:#505050; cursor:pointer; padding:1px 5px; background:#fff; margin:0 2px}
.pageA b{border:1px solid #D60000; color:#fff; cursor:pointer; padding:1px 5px; background:#D60000; font-weight:bold; margin:0 2px}
.pageA .arrow{ border:0 none; padding:0; line-height:0; display:inline-block;}
.pageA .arrow img{vertical-align:middle}


/*btn*/
.writeBtnArea{width:100%; margin:20 0 20 0px; overflow:hidden; text-align:center; }
.writeBtnArea .button{vertical-align:middle}
.writeBtnArea .colLeft{float:left}
.writeBtnArea .colRight{float:right}
.btn_copy {width:92px; height:24px; border:none; background:url('/sales_order/images/btn/btn_copy.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* 게시판 복사 */
.btn_cancel {width:72px; height:24px; border:none; background:url('/sales_order/images/btn/btn_cancel.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* 게시판 복사 취소 */

/*SMS*/
.sms{display:inline-block; margin-bottom:30px;}

.sms h4{padding-bottom:10px;}

.sms .col1{width:195px; position:relative; margin-right:14px}
.sms .col1 .charge{position:absolute; right:0; top:-1px;}
.sms .col1 .smsSendArea{background:url("/sales_order/images/sms_bg.gif") left top no-repeat}
.sms .col1 .smsSend{width:174px; margin-left:10px; padding-top:60px;}
.sms .col1 .smsSend table{width:100%;font-size:11px; text-align:center; }
.sms .col1 .smsCount{font-size:11px; color:#fff;}
.sms .col1 .chkBite{text-align:right}
.sms .col1 .sendList{width:164px;height:78px; background:none; border:none; line-height:16px; overflow:auto}
.sms .col1 .smsSend #msg{width:161px; height:100px; overflow:auto; border:0 none}
.sms .col1 .smsSend #img_msg{width:161px; height:50px; overflow:auto; border:0 none}
.sms .col1 .smsSend #txt_msg{width:161px; height:50px; overflow:auto; border:0 none}

.sms .col2{width:700px; text-align:left;}
.sms .col2 .saveMsg{width:100%; height:561px; border:1px solid #e6dec5}
.sms .col3{width:597px; position:relative; margin-right:0px}

/*popup*/
#popupWarp{width:100%}
#popupWarp h3{height:50px; margin-bottom:20px; position:relative; border-bottom:1px solid #999; background:#333}
#popupWarp h3 span{position:absolute; left:16px; top:20px;  font-size:12pt; color:#fff; font-weight:bold}
#popupWarp h4{ min-height:17px; font-size:9pt; color:#333; text-align:left; text-shadow:1px 1px 0px #eee; display:block; padding-top:2px; padding-left:25px; margin-bottom:3px; background:url("/sales_order/images/icon_h_red.gif") left top no-repeat}
.popup{padding:0 15 0 15px}
.popup_check {margin:0 5px 0 10px;}

.address .searchArea p{margin-bottom:5px; font-size:8pt}
.address .searchArea{margin:0}
.address .result{margin-top:10px; text-align:center;}
.address .result p{margin-bottom:5px; font-size:8pt}


#navbtn{float:right; margin-top:50px;}
#navbtn ul{margin:0 0 10px}
#navbtn ul li{display:inline;position:relative;padding:0 5px 0 7px;background:url(/sales_order/images/bu_bar.gif) 0 50% no-repeat;font-size:12px;white-space:nowrap}
#navbtn ul li a:hover,#navbtn ul li a:hover strong{color:darkred}
#navbtn ul li.frst{padding:0 3px 0 0;background:none}

.more_btn {position:absolute; top:0; right:0; font-weight:bold;}
.fb {font-weight:bold !important;}
.line1 { text-decoration:underline !important;}
.txt_l {text-align:left !important;}

.scroll1 {height:116px; overflow-y:scroll;}


/* 솔루션 버전 팝업 */
.pop_wrap {padding:20px;}
.pop_title1 {border-top: 2px solid #333; border-bottom: 1px solid #c2c2c2; padding:10px 0; background: #f5f5f5; text-align:center;}
.pop_cont1 {border-bottom: 1px solid #c2c2c2; padding:20px; min-height:525px;}

.btn_reset {display:block; width:104px; height:24px; margin:10px auto; background:url('/sales_order/images/btn/btn_reset.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;}


.tbl_adminPay {padding:20px;max-width:500px}
.tbl_adminPay table {border:1px solid #eaeaea; margin:30px 0}
.tbl_adminPay table tr {height:50px; font-size:13px}
.tbl_adminPay table th {width:200px; background:#FBFBFB;border:1px solid #eaeaea}
.tbl_adminPay table td {padding: 0 10px ;border:1px solid #eaeaea}
.tbl_adminPay table td input {height:30px; padding:5px 10px; width:80%;font-size:14px }
.btn_adminPay {text-align: center; margin-top:20px;}
.btn_adminPay a {display: inline-block; width:140px; height:35px; background-color:indianred; color:white; line-height:30px; font-size:15px; text-decoration: none}
.tbl_adminPay #search_cert {display:inline; width:100px; height:20px }