html { width:100%;}
html.scrollY {overflow-y:scroll;}
.wrap { height:100%; width:100%; overflow:hidden; margin:0; padding:0;}
div,td {font-family:'Nanum Gothic', sans-serif; font-size:12px;}
p {font-size:12px;}

a{color:#000;text-decoration:none;}
a:hover{color:#f26522;text-decoration:none;}
input[type="radio"]{ border:none; vertical-align:middle; margin-top:-1px;}

.pd15 {padding-left:15px;}
.org {color:#ed6d00;}
.graytxt {color:#a5a5a5;}
.font_red {color:#7a0026;}
.vtop {vertical-align:top;}
.bold {font-weight:bold;}
.star {color:#f26522;}
.hand {cursor:pointer;}
.arrow {cursor:default !important;}
.Box {margin: 0; padding:4px 3px 0; border: 1px solid #868686; background-color: #E6E6E6; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: 'Nanum Gothic', Verdana, Gulim, Tahoma, Dotum, sans-serif; height: 24px;}

.ipBGC00 {background-color:#ffffff;}
.ipBGC01 {background-color:#003471;}
.ipBGC02 {background-color:#f26522;}
.ipBGC03 {background-color:#d7d7d7;}

.ipBGC04 {background-color:#ffffff;}
.ipBGC05 {background-color:#ffffff;}
.ipBGC06 {background-color:#ffffff;}
.ipBGC07 {background-color:#ffffff;}
.ipBGC08 {background-color:#ffffff;}
.ipBGC09 {background-color:#ffffff;}

	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	    color:#9d9d9d;
	}
	input:-moz-placeholder, textarea:-moz-placeholder {
	    color:#9d9d9d;
	}
	input::-moz-placeholder, textarea::-moz-placeholder {
	    color:#9d9d9d;
	}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	    color:#9d9d9d;
	}

.popupLayer {position:absolute; visibility:hidden;  padding:0; margin:0; letter-spacing:0;}
.popupLayer .txt {width:100%; padding:10px 0; text-align:right; vertical-align:text-bottom; line-height:0;}
.popupLayer .txt > span {display:inline-block;}
.popupLayer .txt .t01 {width:170px; font-size:9pt; letter-spacing: -1px; color:#FFFFFF; line-height:0;}
.popupLayer .txt .t01 > input {vertical-align: text-bottom;}
.popupLayer .txt .t02 {width:30px; text-align:center; line-height:0;}

.ROW {background-color:#ffffff;}
.w80 {width:80px;}
.w400 {width:400px;}

.wrap .topmenuDiv {width:100%; padding:0; margin:0;}
.wrap .topmenuDiv:after{content:''; display:block; clear:both;}
.wrap .topmenuDiv ul {margin:0; padding:0;}
.wrap .topmenuDiv li {float:left; width:16.66666666%; height:48px; border-right:2px solid #222; border-bottom:2px solid #222; background-color:#e1e1e1;}
.wrap .topmenuDiv li div {width:100%; height:100%; text-align:center; font-size:18px; font-weight:600; padding:10px 0 6px 0;}
.wrap .topmenuDiv li.on {background-color:#003471; color:#ffffff; width:50%;}
.wrap .topmenuDiv li:last-child{border-right:none;}

/*2024-02-07*/
/*.wrap .ftpArea {width:800px; height:900px; background-color:#eae8e3; margin:0 auto;}*/
/*.wrap .ftpArea .paper-popup-close {position:absolute; margin-left:802px; cursor:pointer;}*/
.print_btn {padding:5px 10px 5px 10px; background-color:#333333; color:#ffffff; text-align:center; border-radius:4px; margin:5px; font-size:12px; display: inline-block;}

.wrap .ftpArea {width:800px; height:900px; background-color:#fff; margin:0 auto;}
.wrap .ftpArea .paper-popup-close {position:absolute; margin-left:740px; cursor:pointer; margin-top: 10px;}
.wrap .ftpArea .top_title {width:800px; padding:0; background-color:#f1760b; color:#ffffff;}
.wrap .ftpArea .top_title span {display:inline-block; padding:20px 0 15px 20px; font-size:20px; letter-spacing:-1px;}

.container {width:800px; height:760px; padding:10px 40px 0 40px;}
.container .saveform ul {margin-bottom:15px;}
.container .saveform ul > li { width:100%; padding:5px 0;}
.container .saveform ul > li.firstli {border-top:1px solid #ffffff; border-bottom:1px solid #b3b1ac;}

.container .saveform ul > li > span {color:#ddd;}
.container .saveform ul > li > span.title {display:inline-block; width:110px; font-size:13px; color:#222222; font-weight:600;}
.container .saveform ul > li > span.inputarea input {font-size:12px; border:1px solid #ddd; padding:4px; color:#9d9d9d; width:300px;}
.container .saveform ul > li > span.inputarea input.number {width:50px; color:#9d9d9d;}
/*2024-02-08 수정*/
.container .saveform ul > li > span.inputarea textarea.comment {border:1px solid #ddd; padding:4px; width:550px; height:60px; color:#9d9d9d; font-size:12px;}
.container .saveform ul > li .notice {width:100%; text-align:center; color:#544c39; margin:20px 0 0 0;}
.container .saveform ul > li div.savebutton {width:130px; padding:8px 0; background-color:#333333; color:#FFF; text-align:center; border-radius:4px; margin:15px auto 20px auto; font-size:13px; z-index:99999999;}
.container .saveform ul > li > div.private {padding-left: 114px; margin:5px 0 15px 0; color:#757473; font-weight:600;}
.container .saveform ul > li > div.private input {vertical-align:text-bottom;}

.container .saveform ul > li > span select {color:#000; padding:4px; border:1px solid #ddd; font-size:12px;}

/*
#productDetail {width:740px; border-top:3px solid #222222; border-left:3px solid #222222; border-bottom:3px solid #222222; position:absolute; top:100px; left:720px; background-color:}
*/
#productDetail ul {width:100%; border-bottom:none;}
#productDetail li {width:100%; padding:5px 0; border-bottom:1px solid #b3b1ac;}

#productDetail li > ul {margin-left:10px;}
#productDetail li > ul > li { padding:2px 0; border-bottom:none;}
#productDetail li > ul > li:first-child {background:url(./img/bg_bar.png) no-repeat bottom left;}
#productDetail li > ul > li:first-child span {font-size:11px; font-weight:600; color:#807b6d; padding-bottom:3px;}
#productDetail li > ul > li > span {display:inline-block;}
/*2024-02-08 수정*/
#productDetail li > ul > li > span.t01 {width:100px;}
#productDetail li > ul > li > span.t02 {width:70px;}
#productDetail li > ul > li > span.t03 {width:50px;}
#productDetail li > ul > li > span.t04 {width:70px;}
#productDetail li > ul > li > span.t05 {width:100px;}
#productDetail li > ul > li > span.t06 {width:100px;}
#productDetail li > ul > li > span.t07 {width:20px; text-align:left;}
#productDetail li > ul > li > span.t08 {width:50px;}
/*원본
#productDetail li > ul > li > span.t01 {width:110px;}
#productDetail li > ul > li > span.t02 {width:80px;}
#productDetail li > ul > li > span.t03 {width:80px;}
#productDetail li > ul > li > span.t04 {width:80px;}
#productDetail li > ul > li > span.t05 {width:130px;}
#productDetail li > ul > li > span.t06 {width:100px;}
#productDetail li > ul > li > span.t07 {width:35px; text-align:center;}
#productDetail li > ul > li > span.t08 {width:80px;}*/
#productDetail li > ul > li > span > input.inbox {border:1px solid #ddd; padding:6px 4px; font-size:12px; width:100%; line-height:16px; vertical-align: middle;}

#productDetail ul > li.book {display:none;}
#productDetail ul > li.jupjiMemo {display:none;}
#productDetail ul > li.backdoDivPlus {display:none; background-color:#dddddd;}

#productDetail ul > li.etc01_company {display:none; background-color:#dddddd;}
#productDetail ul > li.etc02_company {display:none; background-color:#dddddd;}
#productDetail ul > li.etc03_company {display:none; background-color:#dddddd;}
#productDetail ul > li.etc04_company {display:none; background-color:#dddddd;}


#productDetail ul {margin-bottom:0;}
#productDetail ul > li > span {color:#3a3a3a;}
#productDetail ul > li > span.txt { display:inline-block; width:113px; font-size:13px; color:#222222; font-weight:600;}
#productDetail ul > li > span.txt01 { display:inline-block; width:50px; font-size:13px; color:#222222; font-weight:600; padding-left:5px;}
#productDetail ul > li > span.txt02 { display:inline-block; width:70px; font-size:13px; color:#222222; font-weight:600; padding-left:5px;}
#productDetail ul > li > span > input {border:1px solid #ddd; padding:5px; font-size:12px; line-height:16px; vertical-align: middle;}
#productDetail ul > li > span > input[type="radio"]{ border:none; vertical-align:middle; margin:-1px 0 0 0; padding:0; }
#productDetail ul > li > span > input[type="checkbox"] {vertical-align:text-bottom;}
#productDetail ul > li > span > input.w250 {width:250px;}
#productDetail ul > li > span > input.w400 {width:590px;}
#productDetail ul > li > span > input.w50 {width:50px;}
#productDetail ul > li > span > input.w80 {width:100px;}
#productDetail ul > li > span > input.w180 {width:120px;}
#productDetail ul > li > span > input.w140 {width:160px;}
#productDetail ul > li > span.bottomDiv {display:inline-block; width:600px; line-height:200%;}

#productDetail ul > li > span.inputarea input.number {width:50px; color:#222222;}
#productDetail ul > li > span select {color:#000; padding:3px 4px; border:1px solid #ddd; font-size:12px;}

#productDetail ul > li > span > span.ctngDiv {display:none;}


#productDetail ul > li > span > span.ctngDivFront {display:none;}
#productDetail ul > li > span > span.ctngDivFront > input {vertical-align:text-bottom;}

#productDetail ul > li > span > span.ctngDivBack {display:none;}
#productDetail ul > li > span > span.ctngDivBack > input {vertical-align:text-bottom;}

#productDetail ul > li > span > span.dlvyFgDiv {display:none;}
#productDetail ul > li > span > span.dlvyFgDiv > input {vertical-align:text-bottom;}

#productDetail ul > li > span.bottomDiv > span.smcomment {display:none; font-weight:bold; color:#f26522;}

#productDetail ul > li > span > span.BDoing {display:none;}
#productDetail ul > li > span > span > span.BD_stringDiv {display:none;}
#productDetail ul > li > span > span > span > input {border:1px solid #ddd; color:#9d9d9d; font-size:12px; width:150px; padding:5px; line-height:16px; vertical-align: middle;}


#productDetail ul > li > span > span > input.BD {border:1px solid #ddd; padding:4px; color:#9d9d9d; font-size:12px; width:150px;}
#productDetail ul > li > span > span.BDoing01 {display:none;}
#productDetail ul > li > span > span.BDoing02 {display:none;}
#productDetail ul > li > span > span.BDoing03 {display:none;}
#productDetail ul > li > span > span.BDoing04 {display:none;}
#productDetail ul > li > span > span.BDoing05 {display:none;}
#productDetail ul > li > span > span.BDoing06 {display:none;}
#productDetail ul > li > span > span.BDoing06_park_sub {display:none;}


#productDetail ul > li .comment {border:1px solid #ddd; padding:4px; width:590px; height:60px; color:#9d9d9d; font-size:12px;}

/****************************************************** 주문수정 */

#productDetailModify {padding:15px 40px; height:847px;}
#productDetailModify .submitButton {display:inline-block; width:200px; padding:8px 0; text-align:center; background-color:#08592e; color:#ffffff; border-radius:4px; margin-left:20px; cursor:pointer;}
#productDetailModify ul {width:100%; border-bottom:none;}
#productDetailModify li {width:100%; padding:5px 0; border-bottom:1px solid #b3b1ac;}
#productDetailModify li > ul {margin-left:10px;}
#productDetailModify li > ul > li { padding:2px 0; border-bottom:none;}
#productDetailModify li > ul > li:first-child {background:url(./img/bg_bar.png) no-repeat bottom left; border-bottom: 1px solid #b3b1ac;}
#productDetailModify li > ul > li:first-child span {font-size:11px; font-weight:600; color:#807b6d; padding-bottom:3px;}
#productDetailModify li > ul > li > span {display:inline-block;}
#productDetailModify li > ul > li > span.t01 {width:110px;}
#productDetailModify li > ul > li > span.t02 {width:80px;}
#productDetailModify li > ul > li > span.t03 {width:80px;}
#productDetailModify li > ul > li > span.t04 {width:80px;}
#productDetailModify li > ul > li > span.t05 {width:130px;}
#productDetailModify li > ul > li > span.t06 {width:130px;}
#productDetailModify li > ul > li > span.t07 {width:20px; text-align:center;}
#productDetailModify li > ul > li > span.t08 {width:80px;}
#productDetailModify li > ul > li > span > input.inbox {border:1px solid #ddd; padding:6px 4px; font-size:12px; width:100%; line-height:0;}
#productDetailModify ul > li.book {display:none;}
#productDetailModify ul > li.backdoComment {display:none;}
#productDetailModify ul > li.jupjiMemo {display:none;}
#productDetailModify ul > li.dlvyFgADD {display:none;}
#productDetailModify ul > li.backdoDiv {display:none;}
#productDetailModify ul {margin-bottom:0;}
#productDetailModify ul > li > span {color:#222222;}
#productDetailModify ul > li > span.txt { display:inline-block; width:113px; font-size:13px; color:#222222; font-weight:600;}
#productDetailModify ul > li > span.txt01 { display:inline-block; width:50px; font-size:13px; color:#222222; font-weight:600; padding-left:5px;}
#productDetailModify ul > li > span.txt02 { display:inline-block; width:70px; font-size:13px; color:#222222; font-weight:600; padding-left:5px;}
#productDetailModify ul > li > span > input {border:1px solid #ddd; padding:5px; font-size:12px; line-height:0;}
#productDetailModify ul > li > span > input.w250 {width:250px;}
#productDetailModify ul > li > span > input.w400 {width:590px;}
#productDetailModify ul > li > span > input.w80 {width:100px;}
#productDetailModify ul > li > span > input.w180 {width:120px;}
#productDetailModify ul > li > span > input.w140 {width:160px;}
#productDetailModify ul > li > span.bottomDiv {display:inline-block; width:600px; line-height:200%;}
#productDetailModify ul > li > span.bottomDiv > input {vertical-align:text-bottom;}
#productDetailModify ul > li > span.inputarea input.number {width:50px; color:#222222;}
#productDetailModify ul > li > span select {color:#000; padding:3px 4px; border:1px solid #ddd; font-size:12px;}
#productDetailModify ul > li > span > span.ctngDiv {display:none;}
#productDetailModify ul > li > span > span.ctngDiv > input {vertical-align:text-bottom;}
#productDetailModify ul > li > span > span.ctngDivFront {display:none;}
#productDetailModify ul > li > span > span.ctngDivFront > input {vertical-align:text-bottom;}
#productDetailModify ul > li > span > span.ctngDivBack {display:none;}
#productDetailModify ul > li > span > span.ctngDivBack > input {vertical-align:text-bottom;}
#productDetailModify ul > li > span > span.dlvyFgDiv {display:none;}
#productDetailModify ul > li > span > span.dlvyFgDiv > input {vertical-align:text-bottom;}
#productDetailModify ul > li > span.bottomDiv > span.smcomment {display:none; font-weight:bold; color:#f26522;}
#productDetailModify ul > li > span > span.BDoing {display:none;}
#productDetailModify ul > li > span > span > span.BD_stringDiv {display:none;}
#productDetailModify ul > li > span > span > span > input {border:1px solid #898989; color:#222222; font-size:12px; width:150px; line-height:0; padding:5px;}
#productDetailModify ul > li > span > span > input.BD {border:1px solid #ddd; padding:4px; color:#9d9d9d; font-size:12px; width:150px;}
#productDetailModify ul > li > span > span.BDoing01 {display:none;}
#productDetailModify ul > li > span > span.BDoing02 {display:none;}
#productDetailModify ul > li > span > span.BDoing03 {display:none;}
#productDetailModify ul > li > span > span.BDoing04 {display:none;}
#productDetailModify ul > li > span > span.BDoing05 {display:none;}
#productDetailModify ul > li .comment {border:1px solid #ddd; padding:4px; width:590px; height:60px; color:#ddd; font-size:12px;}


.buttonArea { position:absolute; bottom:28px; width:780px; padding:0; margin:0 auto; text-align:center; background:url(/img/underBar.png) no-repeat top center; padding-top:15px; z-index:9999999999;}
.buttonArea .btnDiv {width:100%;; text-align:center; margin:0 auto;}
.buttonArea .btnDiv div {width:130px; padding:8px 0; background-color:#4e4e4e; color:#FFF; text-align:center; border-radius:4px; margin:0 auto; font-size:13px;}
.buttonArea .btnDiv div.savebutton:hover {background-color:#333333;}

.buttonForm { position:absolute; margin-top: -39px; margin-left: 240px;  display:none; }
.buttonForm .btnDiv {width:100%;; text-align:center; margin:0 auto;}
.buttonForm .btnDiv div {width:130px; padding:8px 0; background-color:#4e4e4e; color:#FFF; text-align:center; border-radius:4px; margin:0 auto; font-size:13px;}
.buttonForm .btnDiv div.savebutton:hover {background-color:#333333;}


.btn {padding:6px 12px !important;}
.btn span {font-size:13px;}

.files {background-color:#FFF;}
.fileupload-buttonbar .toggle, .files .toggle, .files .btn span {display: block; font-size:13px;}

.fileinput-button { position: relative;  overflow: hidden;  display: inline-block; }
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 24px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 24px !important;
    height: 100%;
    line-height:0 !important;
  }
}
.col-lg-7 {width:400px !important;padding-right:0 !important; float:left;}
.col-lg-5 { width:340px; padding-left:0 !important; padding-right:0 !important; float:left;}
.col-lg-5:after{content:''; display:block; clear:both;}
.progress-extended {font-family:Tahoma,Verdana,Arial;font-size:8pt; padding: 4px 0; color:#555555;}

.table {margin-bottom:5px;}
.table > tbody > tr > td > p.name {width:100%; margin-left:10px;}
.table-striped > tbody > tr > td {border-top:1px solid #dddddd;}
.table-striped > tbody > tr > td .btn {width:80px;}
.table tr.template-upload {padding:0;}
.progress { margin-bottom:0; background-color:#eae8e3;}

.table > tbody > tr > td {padding:4px;}

/*****************************************************************/
.LINECenter { text-align: center;}
.LINELeft { text-align: left;}
.LINERight { text-align: right;}

.ROW1 { background-color:#F5F5F5; }
.ROW2 { background-color:#FFFFFF;}
.ROW3 { background-color:#e4f0ff;}
.ROW4 { background-color:#fff1d9;}

.taho {font-family:Tahoma;}
.tah8 { font-family:Tahoma,Verdana,Arial;font-size:8pt }
.tah9 { font-family:Tahoma,Verdana,Arial;font-size:9pt }
.tah10 { font-family:Tahoma,Verdana,Arial;font-size:10pt }

.ver8 { font-family: Verdana; font-size: 8pt;}
.ver9 { font-family: Verdana; font-size: 9pt;}
.ver10 { font-family: Verdana; font-size: 10pt;}

.BGblack { background-color : #000000;}
.BGwhite { background-color : #FFFFFF;}
.BGgray {background-color : #D3D3D3;}
.BGgray2 { background-color : #E5E5E5;}
.BGgray3 { background-color : #F6F6F6;}
.BGgray4 { background-color : #F2F2F2;}
.BGgray5 { background-color: #D2D8D9;}
.BGgray6 { background-color : #E4E4E4;}
.BGgray7 { background-color : #F4F4F4;}
.BGgray8 { background-color:#636363; }
.BGgreen { background-color : #B0CF73;}
.BGgreen2 { background-color : #8CA856;}
.BGblue { background-color :#84A2C6;}
.BGBlue2 { background-color : #003663;}
.BGorg { background-color :#EC6941;}
.BGtree {background-color : #A77C45;}
.BGPu { background-color:#520450;}
.BGbrown {background-color:#7a522b; }
.BGbrown2 {background-color:#534741; }


/***************************************** 리스트 상단 타이틀 CSS */
.conTitle {margin: 5px 20px; padding: 4px 0 2px 2px; letter-spacing: -1px; height: 34px; text-align: left;}
.conTitle td {letter-spacing: -1px;}

/***************************************** 리스트 검색 Form CSS */
.conSearch {margin: 0 auto; padding:5px 0 0 0; border-bottom: 1px solid #6F6F6F; background-color:#F5F5F5; letter-spacing: -1px; text-align:center; height:42px;}
.conSearch .logo {position:absolute; left:30px;}
.conSearch .logo .big {font-size:16px; font-weight:600; letter-spacing:-1px; vertical-align:bottom;}
.conSearch .search {padding-top:5px;}
.conSearch .Box {padding : 2px 2px 0; height:21px; background-color:#EEEEEE;}

/***************************************** 리스트 Form CSS */

.List_Body {margin: 5px 20px; padding: 0px; border:1px solid #4F4F4F; text-align:left;}
.List_Body td {border:1px solid #6F6F6F;}
.List_Body .imgh img {margin:3px;}
.List_Body img {margin:4px 0;}

/***************************************** 카테고리 리스트 Form CSS */
.CateList_Body {width:100%; padding: 0px; border:1px solid #4F4F4F; text-align:left;}
.CateList_Body td { border:1px solid #6F6F6F; text-align:center; letter-spacing:-1px;}
.CateList_Body select {margin: 0; padding:4px 3px 0; border: 1px solid #ec7c00; background-color: #fffaf8; text-align: left; font-size: 12px; letter-spacing: -0.04em; font-family: Tahoma, 굴림, Gulim, Verdana, 돋움, Dotum; font-weight: nomal; height: 24px;}
.CateList_Body .H35 { height:35px; }

/***************************************** 카테고리 Sub 리스트 Form CSS */
#CateDetailList_Body {width:100%; padding: 0px; border:1px solid #4F4F4F; text-align:left;}
#CateDetailList_Body td {text-align:center; padding:4px; border:1px solid #6F6F6F; height:24px; letter-spacing:-1px;}

/***************************************** DB SYSTEM CSS */
.ListForm {margin:10px 0; width:100%; padding: 0px; border:1px solid #4F4F4F; text-align:left;}
.ListForm table { border-collapse : collapse; border-spacing:0px;}
.ListForm td {padding:5px; border: 1px solid #6F6F6F;}
.ListForm .BG {background-color: #E5F4F2;}

/***************************************** Board 리스트 Form CSS */
.BList_Body {padding: 0px; width:100%; text-align:left;}
.BList_Body table {border:2px solid #4F4F4F;}
.BList_Body table thead th {padding:4px; border:1px solid #6F6F6F;}
.BList_Body td {padding:4px; border:1px solid #6F6F6F;}
.BList_Body .pd8 {padding-left:8px;}

/***************************************** 하단 Form CSS */
.conBottom{margin: 10px auto; text-align:center;}
.conBottom td {text-align:center; font-family:Tahoma,Verdana,Arial;font-size:8pt; letter-spacing: -0.04em;}
.conBottom .han {text-align:center; font-family:Tahoma,Verdana,Arial; font-size: 9pt; line-height: 160%;letter-spacing : -1px; color:#e86031;}

#InSmallImage img {border : 1px solid #484848; margin:4px 2px;}
#allCheck {margin:0; padding:0;}

.ui-datepicker-calendar > tbody tr td:first-child a {
    COLOR: #f00;
}
.ui-datepicker-calendar > tbody tr td:last-child a {
    COLOR: blue;
}
/* 페이징 */
#pagingDiv { width:100%; padding: 15px 0; text-align:center; }
#pagingDiv a { padding: 6px 10px; margin:0 4px;  width:32px; text-align:center;}
#pagingDiv .pgBox { background-color:#FFFFFF; color:#686868; border:1px solid #c8c8c8; }
#pagingDiv .pgBoxOn { background-color:#e87901; border:1px solid #e87901; color:#FFF; font-weight:600; }
#pagingDiv .pgBoxA { background-color:#f1f1f1; border:1px solid #c8c8c8; }

/* 상세페이지 */
.detailArea {width:1000px; background-color:#ffffff; border:2px solid #222222; height:900px; margin:0 auto; padding:10px 0 20px 0;}
.detailArea .paper-popup-close {position:absolute; margin-left:998px;  margin-top:-12px; width:46px; background-color:#222222; color:#ffffff; font-size:24px; font-family:Verdana; text-align:center; padding:8px 0; cursor:pointer;}

.detailArea .paper-printing {position:absolute; background-color:#f26522; color:#ffffff; text-align:center; border-radius:4px; cursor:pointer; z-index:99999; right:0px;}

.detailArea {overflow:hidden;}
.detailArea span.logo img {margin-bottom:4px;}
.detailArea span.logo .big {font-size:16px; font-weight:600; letter-spacing:-1px; vertical-align:bottom; margin-bottom:2px; display:inline-block;}
.detailArea table {width:100%; border-top:2px solid #222222;}
.detailArea th {padding:8px 0; font-size:12px; border-bottom:1px solid #a0a0a0; text-align:center; background-color:#e1e1e1; color:#000;}
.detailArea th.topbold {border-top:2px solid #222222;}
.detailArea td {padding:8px 0; border-bottom:1px solid #a0a0a0; color:#000;}
.detailArea td.pdl {padding-left:10px;}
.detailArea td.comment {padding:10px; line-height:180%; color:#000; font-size:12px;}
.detailArea td.red15font {color:#790000; font-size:15px; line-height:0;}
.detailArea td.font15 {font-size:15px;}
.detailArea td.topbold {border-top:2px solid #222222;}
.detailArea td.bordernone {border:none !important;}
.detailArea td > div.formtypeDiv th { border:1px solid #a0a0a0;}
.detailArea td > div.formtypeDiv td { border:1px solid #a0a0a0; }
.detailArea td > table.topORG { border-top:2px solid #222222; }


.detailArea .re {position:relative; z-index:99999;}
.detailArea .btnform {width:850px; height:670px; position:absolute; top:36px; left:897px;}
.detailArea .btnform .formArea { width:100%; height:670px; }
.detailArea .btnform .formArea .buttonIMG {width:35px; float:left; padding-top:10px; z-index:999999; margin-left:-35px;}

.detailArea .btnform .formArea .contents {width:850px; height:670px; background-color:#FFF; float:left; border-top:3px solid #222222; border-bottom:3px solid #222; border-left:3px solid #222; background-color:#ebebeb; }
.detailArea .btnform .formArea .contents:after{content:''; display:block; clear:both;}

.detailArea .btnform .formArea .contents .conform { padding:10px 20px;}
.detailArea .btnform .formArea .contents .conform .con {margin:4px 0;}
.detailArea .btnform .formArea .contents .conform .con .comment {border:1px solid #ccc; width:825px; height:80px; padding:10px; line-height:180%;}

.detailArea .btnform .formArea .contents .conform .btnDiv {position:absolute; right:12px;}
.detailArea .btnform .formArea .contents .conform .btnDiv .savebutton {padding:8px 0; width:140px; background-color:#444444; color:#ffffff; text-align:center; font-size:13px; font-weight:600; border-radius:4px;}
.detailArea .btnform .formArea .contents .conform .btnDiv .savebutton:hover {background-color:#222222;}


.detailArea .mf {position:relative; z-index:9999;}
.detailArea .btnformModify {width:850px; height:670px; position:absolute; top:36px; left: 996px;}
.detailArea .btnformModify .formArea { width:100%; height:670px; }
.detailArea .btnformModify .formArea .buttonIMG {width:35px; float:left; /*padding-top:175px;*/ z-index:999999; margin-left:-35px;}
.detailArea .btnformModify .formArea .contents {width: 950px; height: 840px; float: left; border-top: 3px solid #222222; border-bottom: 3px solid #222; border-left: 3px solid #222; background-color: #fff; }


.List_OUTPUT td {padding:6px 0;}
.List_OUTPUT .delbutton {width:60px; padding:4px 0; background-color:#f26522; font-size:12px; color:#ffffff; border-radius:3px; margin:0 auto; letter-spacing:-1px; cursor:pointer;}
.List_OUTPUT .delbuttonOFF {width:60px; padding:4px 0; background-color:#b7b7b7; font-size:12px; color:#ffffff; border-radius:3px; margin:0 auto; letter-spacing:-1px;}

#s_date {cursor:pointer;}
.ui-datepicker-calendar > tbody tr td {font-family: Verdana, 'Nanum Gothic', Sans-serif;}
.ui-datepicker-calendar > tbody tr td:first-child a {COLOR: #f00;}
.ui-datepicker-calendar > tbody tr td:last-child a {COLOR: blue;}
.ui-datepicker-calendar > thead span {font-family:'Nanum Gothic', Sans-serif; font-size:12px; }

#scrollarea {width:100%; height:890px; z-index:999; padding:0 20px;}
#ListContentOutput {margin-bottom:20px;}

#historyDiv {position:absolute; right:60px; margin-top:-34px;}
#historyDiv:after{content:''; display:block; clear:both;}
#historyDiv li {float:left; margin-left:8px; background-color:#959595; padding:5px 0; width:25px; text-align:center; color:#ffffff; font-weight:bold; border-radius:50%; cursor:pointer;}
#historyDiv li.on {background-color:#004a80;}


/*************************************************************** style */
.wrap .head { position:fixed; top:0; width:100%; border-bottom:1px solid #575757; z-index:999;}
/* 탑배너 */
.top_banner {width:100%; text-align:center; background:#f7efd6; border-bottom:1px solid #575757;}
/* .wrap .head {background-color:rgba(255,255,255,0.9);} */
.wrap .head {background-color:#FFFFFF;}
.wrap .head a{text-decoration:none; color:#232323;}
.wrap .head a:hover{color:#f15b06;}
.wrap .head a.org {color:#f15b06;}
.wrap .head a.on {color:#757575;}

.wrap .head .contents {width:1200px; margin:0 auto; padding:12px 0; height:70px;}
.wrap .head .contents div {float:left;}
.wrap .head .contents .menu ul {width:550px; margin:7px 0 0 50px;}
.wrap .head .contents .menu li {float:left; padding:0 22px; text-align:center; font-size:18px; font-weight:600; letter-spacing:-1px; cursor:pointer;}

.wrap .head .contents div.smenu {float:right; margin-top:12px;}
.wrap .head .contents .smenu li {float:left; padding:0 10px; font-size:13px; font-weight:600; letter-spacing:-1px; cursor:pointer; background:url(./img/subbar.png) no-repeat 0 50%;}
.wrap .head .contents .smenu li:nth-child(1){background:none;}
.wrap .head .contents .smenu a{text-decoration:none; color:#464646;}
.wrap .head .contents .smenu a:hover{color:#464646;}
.wrap .head .contents:after{content:''; display:block; clear:both;}

.mainDiv {width:100%;}
.mainDiv ul > li {height:920px;}
/*
.mainDiv ul > li:nth-child(2){background:url('/img/main/sianBG.jpg') no-repeat center center; background-size:cover;}
.mainDiv ul > li:nth-child(3){background:url('/img/main/companyBG.jpg') no-repeat; background-size:cover;}
.mainDiv ul > li:nth-child(4){background:url(./img/paperBG.jpg) repeat 0 50%; background-size:auto;}
*/
#section1 {background:url('/img/main/sianBG.jpg') no-repeat 50% 50%; background-size:cover;}
#section2 {background:url('/img/main/companyBG.jpg') no-repeat; background-size:cover;}
#section3 {background:url(./img/paperBG.jpg) repeat 0 50%; background-size:auto;}

.mainDiv .contentsTop {width:100%; height:100%;}
.mainDiv .contentsTop .scrollimg {padding-top:150px/*70px*/; width:100%; height:610px; overflow:hidden; }
.mainDiv .contentsTop .scrollimg ul > li {width:100%; height:540px; background-color:#f4f4f4; overflow:hidden;}
/*
.mainDiv .contentsTop .scrollimg ul > li:nth-child(1){background:url(/img/main/img02.jpg) no-repeat 50% 50%;}
.mainDiv .contentsTop .scrollimg ul > li:nth-child(2){background:url(/img/main/img01.jpg) no-repeat 50% 50%;}
.mainDiv .contentsTop .scrollimg ul > li:nth-child(3){background:url(/img/main/img00.jpg) no-repeat 50% 50%; }
.mainDiv .contentsTop .scrollimg ul > li:nth-child(4){background:url(/img/main/imgEvent.jpg) no-repeat 50% 50%;}
*/


/*원본
#slideShow3 {background:url(/img/main/img02.jpg) no-repeat 50% 50%;}
#slideShow2 {background:url(/img/main/img01.jpg) no-repeat 50% 50%;}
#slideShow1 {background:url(/img/main/img00.jpg) no-repeat 50% 50%; }
#slideShow00 {background:url(/img/main/img170119.jpg) no-repeat 50% 50%;}
#slideShow0 {background:url(/img/main/img03.jpg) no-repeat 50% 50%;}
*/


#slideShow5 {background:url(/img/main/img241108.jpg) no-repeat 50% 50%;}
#slideShow3 {background:url(/img/main/img02.jpg) no-repeat 50% 50%;}
#slideShow2 {background:url(/img/main/img01.jpg) no-repeat 50% 50%;}
#slideShow1 {background:url(/img/main/img00.jpg) no-repeat 50% 50%; }
#slideShow00 {background:url(/img/main/img170119.jpg) no-repeat 50% 50%;}
#slideShow0 {background:url(/img/main/img03.jpg) no-repeat 50% 50%;}
#slideShow4 {background:url(/img/main/img03.jpg) no-repeat 50% 50%;}
#slideShow_new {background:url(/img/main/img230623.jpg) no-repeat 50% 50%;}



.mainDiv .contentsTop .scrollimg .controlCenter {width:1200px; margin:0 auto;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl {position:absolute; z-index:999; margin-top:305px/*385px*/;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl:after{content:''; display:block; clear:both;}

.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl div {width:29px; height:29px; cursor:pointer; float:left;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl div.fssNext {background:url(./img/bg_visual_controls.png) no-repeat -68px 0;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl div.fssPlayPause {background:url(./img/bg_visual_controls.png) no-repeat -34px 0; margin:0 4px;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl div.fssPlayPause.on {background:url(./img/bg_visual_controls.png) no-repeat -102px 0;}
.mainDiv .contentsTop .scrollimg .controlCenter .slideshowControl div.fssPrev {background:url(./img/bg_visual_controls.png) no-repeat 0 0;}



/*constring1 12개*/

.mainDiv .contentsTop .constring1 {width:1200px; margin:0 auto;}

.mainDiv .contentsTop .constring1 .tit {
	margin-top:50px;
	font-size:42px; font-weight:600; letter-spacing:-2px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .constring1 .tit1 {
	margin-top:5px;
	color:#969696;
	font-size:34px; font-weight:600; letter-spacing:-2.5px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .constring1 .tit2 {
	margin-top:40px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .constring1 .tit2 p {font-size:20px; letter-spacing:-1px; padding-top:5px; color:#000;}
.mainDiv .contentsTop .constring1 .tit2 p.gray {font-size:18px; letter-spacing:-1px; color:#8a8a8a;}
.mainDiv .contentsTop .constring1 .tit2 p > img {vertical-align:middle; margin-left:5px; margin-bottom:4px;}
.mainDiv .contentsTop .constring1 .tit2 p > a {text-decoration:none; color:#000000; }
.mainDiv .contentsTop .constring1 .tit2 p > a:hover {text-decoration:underline; }

.mainDiv .contentsTop .fssActive .constring1 .tit {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring1 .tit1 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring1 .tit2 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.8s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}




/*constring2 5개*/
.mainDiv .contentsTop .constring2 {width:1200px; margin:0 auto;}

.mainDiv .contentsTop .constring2 .tit {
	color:#000000;
	margin-top:50px;
	font-size:41px; font-weight:bold; letter-spacing:-2px;
  opacity: 0;
  transform: translate3d(0px, -20px, 0);
}

.mainDiv .contentsTop .constring2 .tit1 {
	margin-top:25px;
	color:#222222;
	font-size:18px; letter-spacing:-1px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
  line-height:180%;
}

.mainDiv .contentsTop .fssActive .constring2 .tit {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring2 .tit1 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}


/**/

/*constring3 7개 */
.mainDiv .contentsTop .constring3 {width:1200px; margin:0 auto; text-align:center;}

.mainDiv .contentsTop .constring3 .tit {
	color:#000000;
	margin-top:55px;
	font-size:46px; font-weight:bold; letter-spacing:-3px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .constring3 .tit1 {
	color:#222222;
	font-size:40px; font-weight:600; letter-spacing:-2px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .constring3 .tit2 {
	margin-top:20px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
}

.mainDiv .contentsTop .fssActive .constring3 .tit {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring3 .tit1 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring3 .tit2 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.8s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}


/*constring4 5개*/
.mainDiv .contentsTop .constring4 {width:1200px; margin:0 auto;}

.mainDiv .contentsTop .constring4 .tit {
	color:#fff;
	margin-top:50px;
	font-size:41px; font-weight:bold; letter-spacing:-2px;
  opacity: 0;
  transform: translate3d(0px, -20px, 0);
}

.mainDiv .contentsTop .constring4 .tit1 {
	margin-top:25px;
	color:#fff;
	font-size:18px; letter-spacing:-1px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
  line-height:180%;
}

.mainDiv .contentsTop .fssActive .constring4 .tit {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring4 .tit1 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

/**/


/*constring_new 5개*/
.mainDiv .contentsTop .constring_new {width:1200px; margin:0 auto;}

.mainDiv .contentsTop .constring_new .tit {
	color:#fff;
	margin-top:50px;
	font-size:41px; font-weight:bold; letter-spacing:-2px;
  opacity: 0;
  transform: translate3d(0px, -20px, 0);
}

.mainDiv .contentsTop .constring_new .tit1 {
	margin-top:25px;
	color:#fff;
	font-size:18px; letter-spacing:-1px;
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
  line-height:180%;
}

.mainDiv .contentsTop .fssActive .constring_new .tit {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

.mainDiv .contentsTop .fssActive .constring_new .tit1 {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
}

/**/


.mainDiv .contentsTop .noticeArea{width:100%;  height:85px; position:absolute; z-index:999; margin-top:-85px;}
.mainDiv .contentsTop .noticeArea{background:url('/css/img/noticeBG.png') repeat;}
.mainDiv .contentsTop .noticeArea .divArea {width:1200px; margin:0 auto; padding:25px 0;}
.mainDiv .contentsTop .noticeArea .divArea:after{content:''; display:block; clear:both;}

.mainDiv .contentsTop .noticeArea .divArea .noti {float:left; width:600px; padding-top:7px;}
.mainDiv .contentsTop .noticeArea .divArea .noti span {font-size:16px; letter-spacing: -1px; color:#ffffff;}
.mainDiv .contentsTop .noticeArea .divArea .noti span.title {display:inline-block; float:left;}
.mainDiv .contentsTop .noticeArea .divArea .noti span.conlist {display:inline-block; float:left;}
.mainDiv .contentsTop .noticeArea .divArea .noti > span.conlist > ul > li {width:510px; height:39px; background:none;}
.mainDiv .contentsTop .noticeArea .divArea .noti > span.conlist > ul > li > span.date {color:#ff9438; display:inline-block; margin-left:15px; margin-right:30px; font-weight:600; }

.mainDiv .contentsTop .noticeArea .divArea .event {float:left; width:590px; background:url(/img/main/notice_bar.png) no-repeat left top; padding-left:35px; padding-top:7px;}
.mainDiv .contentsTop .noticeArea .divArea .event span {font-size:16px; letter-spacing: -1px; color:#ffffff;}
.mainDiv .contentsTop .noticeArea .divArea .event span.title {display:inline-block; float:left;}
.mainDiv .contentsTop .noticeArea .divArea .event span.conlist {display:inline-block; float:left;}
.mainDiv .contentsTop .noticeArea .divArea .event  > span.conlist > ul > li {width:490px; height:39px; background:none;}
.mainDiv .contentsTop .noticeArea .divArea .event  > span.conlist > ul > li > span.date {color:#ff9438; display:inline-block; margin-left:15px; margin-right:30px; font-weight:600; }

.mainDiv .contentsTop .mainButtons {width:1200px; margin:40px auto 0 auto;}
.mainDiv .contentsTop .mainButtons ul > li {float:left; width:184px; height:184px; background:url(./img/btnBG.png) no-repeat; margin-left:19.2px;}
/* .mainDiv .contentsTop .mainButtons ul > li:nth-child(1) {margin-left:0px;} */
.mainDiv .contentsTop .mainButtons ul > li.first {margin-left:0px;}


/* 2022-01-07 메인 버튼 컬러 및 그림자 : offset-x, offset-y, blur, spread(그림자의 크기), color 순 */

.mainDiv_wrap {width:1200px; margin:40px auto 0 auto; }
.mainDiv_wrap .mainDiv_btn{ font-size:30px; text-align:center; color:#ffffff; width:180px; height:170px; cursor:pointer;  margin-left:19.2px;  border-radius:20px; overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,0.2); transition:0.5s; }
.mainDiv_wrap ul {}
.mainDiv_wrap li {float:left;  margin-left:19.2px; }
.mainDiv_wrap a { color:#ffffff;}
.mainDiv_wrap ul > li.first {margin-left:0px;}



.mainDiv_wrap .main_btn_01 {background-color:#3598db;}
.mainDiv_wrap .main_btn_02 {background-color:#4ecd76; }
.mainDiv_wrap .main_btn_03 {background-color:#37c4cc; }
.mainDiv_wrap .main_btn_04 {background-color:#b27aff; }
.mainDiv_wrap .main_btn_05 {background-color:#ffc750;}
.mainDiv_wrap .main_btn_06 {background-color:#475869;}
.mainDiv_wrap .main_btn_img {padding-top:30px;}
.mainDiv_wrap .main_btn_txt {padding-top:20px; font-size:16px;}



.mainDiv .subTitle { font-size:24px; font-weight:600; text-align:center; width:100%; letter-spacing:-1px; padding:0 0 20px 0;}
.mainDiv .subHanTitle { font-size:30px; font-weight:600; text-align:center; width:100%; letter-spacing:-1px; padding:0 0 20px 0;}

.mainDiv .bottomDiv {position:relative; width:100%;}
.mainDiv .bottomDiv .company {margin-bottom:40px;}
.mainDiv .bottomDiv .company p{ font-size:16px; font-weight:600; text-align:center; width:100%; letter-spacing:-1px; padding:0 0 0 20px;}


.mainDiv .bottomDiv .mapArea {width:1200px; position:relative; margin:0 auto 80px auto;}
#DaumMap { width:1200px; height:340px; border:1px solid #222222; z-index:9;}

.copyrightDiv {width:100%; border-top:solid 1px #cccccc; height:170px; background-color:#ffffff; position:absolute; z-index:99; bottom:-170px; transition:.3s all;}
.copyrightDiv.on {bottom:0; opacity:1;}

.copyrightDiv .menu {width:1200px; height:40px; margin:0 auto; background-color:#ffffff; padding:0;}
.copyrightDiv .menu:after{content:''; display:block; clear:both;}
.copyrightDiv .menu .buttons {height:38px; float:left; padding-top:10px;}
.copyrightDiv .menu .buttons ul {vertical-align:middle;}
.copyrightDiv .menu .buttons:after{content:''; display:block; clear:both;}
.copyrightDiv .menu .buttons li {float:left; height:17px; padding:0 15px; background:url(./img/subbar.png) no-repeat 0 50%;}
.copyrightDiv .menu .buttons li:first-child{background:none;}
.copyrightDiv .menu .buttons li a {text-decoration:none; color:#454545; font-size:13px;}
.copyrightDiv .menu .buttons li a:hover {text-decoration:none; color:#454545;}

.copyrightDiv .menu .family {float:right;}
.copyrightDiv .menu .family:after{content:''; display:block; clear:both;}
.copyrightDiv .menu .family .familySite {width:162px; height:40px; border-left:1px solid #cccccc; float:right; background:url(./img/familyOff.png) no-repeat 50% 50%; cursor:pointer; }
.copyrightDiv .menu .family .familySite.on {background:url(./img/familyOn.png) no-repeat 50% 50%;}

.copyrightDiv .menu .family .familySite .re {position:relative;}

.copyrightDiv .menu .family .familySite .re ul.site{ z-index:0;

		width:163px;
    overflow: visible;
    display: none;
    position: absolute;
    bottom:0;
    left: -1px;
    height: auto;
    margin: 0;
    padding: 1px 0 0;
    background: #fff;

	}

.copyrightDiv .menu .family .familySite .re ul.site li a {
    display: block;
    margin-top: -1px;
    padding: 10px;
    border: 1px solid #d1d1d1;
    color: #777;
}

.copyrightDiv .menu .family .gotoTop { width:50px; height:40px; background-color:#545454; background:url(./img/topBG.png) no-repeat 50% 50%; float:right;}


.copyrightDiv .txt { width:100%; border-top:solid 1px #cccccc;}
.copyrightDiv .txt .txtContents {width:1200px; margin:0 auto;}
.copyrightDiv .txt .txtContents:after{content:''; display:block; clear:both;}

.copyrightDiv .txt .txtContents .bottomLOGO { width:240px; height:90px; background:url(/img/ndylogobw.png) no-repeat 0 50%; background-size:auto; float:left;}
.copyrightDiv .txt .txtContents .bottomText {float:left; width:940px; padding-top:15px; line-height:200%;}
.copyrightDiv .txt .txtContents .bottomText a{text-decoration:none; color:#464646; font-weight:bold;}
.copyrightDiv .txt .txtContents .bottomText a:hover{color:#f26522;}

.pgray {color:#656565;}
.italicF {font-style:italic;}
.btnMouse {position:absolute; width:100%; bottom:40px; left:0; text-align:center;}
.fwhite {color:#ffffff;}

#section2 .orgTitle {width:100%; color:#35200b; font-size:45px; letter-spacing:-2px; text-align:center; font-weight:600;}
#section2 .companysubTitle { font-size:24px; font-weight:600; text-align:center; width:100%; letter-spacing:-1px; padding:0 0 50px 0;}
#section2 .companyContents {width:100%; letter-spacing:-1px; font-size:18px; color:#4c4c4c; text-align:center; line-height:180%; margin:30px 0 50px 0;}
#section2 .companyIMG {width:100%; text-align:center;}

#section1 .listSearch {width:1200px; margin:0 auto; text-align:right; padding-bottom:4px; display:none;}
#section1 .listSearch input {border:2px solid #475868; padding:9px 20px 10px 20px; width:300px; height:37px;}
#section1 .listSearch .b_search {display:inline-block; width:100px; text-align:center; background-color:#475868; color:#fff; padding:8px 0; vertical-align:bottom; font-size:16px; font-weight:bold; cursor:pointer; height:37px;}
#section1 .listSearch .reset {display:inline-block; width:100px; text-align:center; background-color:#5d6873; color:#fff; padding:8px 0; vertical-align:bottom; font-size:16px; font-weight:bold; cursor:pointer; height:37px;}


#BoardListContent {width:1200px; margin:0 auto;}
#BoardListContent .ListBody table {width:100%; border-top:2px solid #5a5859;}
#BoardListContent .ListBody thead {background-color:#475868;}
#BoardListContent .ListBody thead > tr > th {color:#ffffff; font-size:13px; letter-spacing: -1px;}
#BoardListContent .ListBody th {padding:12px; text-align:center;}
#BoardListContent .ListBody td {border-bottom:1px solid #dddddd; padding:7px 0; font-size:13px; font-weight:600;}
#BoardListContent .ListBody td.num {font-family:Verdana; font-size:16px; color:#5a5959; font-weight:600;}
#BoardListContent .ListBody td.number {font-family:Tahoma;}

#BoardListContent .ListBody td > div.ButtonsOutline {padding:5px 0; margin:0 auto; width:80px; text-align:center; border:1px solid #f1760c; background-color:#ffffff;}
#BoardListContent .ListBody td > div > span.orgtxt {color:#f1760c;}

#BoardListContent .ListBody td > a > div {width:135px; height:37px; margin:0 auto;}
#BoardListContent .ListBody td > a > div:after{content:''; display:block; clear:both;}
#BoardListContent .ListBody td > a > div.smbox {background:url(./img/buttons.png) no-repeat 0 0;}
#BoardListContent .ListBody td > a > div.smbox2  {background:url(./img/buttons.png) no-repeat -135px 0;}
#BoardListContent .ListBody td > a > div.smbox3 {background:url(./img/buttons.png) no-repeat -270px 0;}
#BoardListContent .ListBody td > a > div.smbox4 {background:url(./img/buttons.png) no-repeat -405px 0;}

#BoardListContent .ListBody td > a > div.Buttons {padding:4px 0; width:60px; height:27px; color:#ffffff; text-align:center;}
#BoardListContent .ListBody td > a > div.Buttons80 {padding:4px 0; width:80px; height:27px; color:#ffffff; text-align:center;}

#BoardListContent .ListBody td > a > div.org {background-color:#f1760c;}
#BoardListContent .ListBody td > a > div.softorg {background-color:#f39801;}
#BoardListContent .ListBody td > a > div.gray {background-color:#e1e1e1;}
#BoardListContent .ListBody td > a > div.iBlue {background-color:#8a8d92;}
#BoardListContent .ListBody td > a > div.green {background-color:#20965a;}
#BoardListContent .ListBody td > a > div.softgreen {background-color:#2abb9a;}
#BoardListContent .ListBody td > a > div.modi {background-color:#8a8e93;}


#sianView { width:900px; height:600px; margin:0 auto; border:2px solid #222222; background-color:#ffffff;}
#sianDetail .login {width:100%; height:596px; background:url(/img/main/loginBG.jpg) no-repeat 0 0; background-size:cover;}
#sianDetail .login .topContent {width:100%; height:70px; background-color:#f1760b; text-align:center;}
#sianDetail .login .topContent p {font-size:24px; color:#ffffff; letter-spacing:-1px; vertical-align:middle; padding-top:18px;}
#sianDetail .login .centerContent {width:100%; text-align:center; margin-top:65px;}
#sianDetail .login .centerContent p {font-size:16px; color:#1f2229; letter-spacing:-1px;}
#sianDetail .login .loginBox {margin-top:55px; width:100%; text-align:center;}
#sianDetail .login .loginBox span.logoutline {display:inline-block; width:326px; height:57px; background:url(./img/loginBG.png) no-repeat; vertical-align:top;}
#sianDetail .login .loginBox span > input.box {width:280px; padding:10px; font-size:18px; margin:5px auto 0 auto; border:none; color:#bdbdbe; font-weight:bold;}
#sianDetail .login .loginBox span.button { display:inline-block; width:257px; height:57px; background:url(/img/btn/B_login.png) no-repeat; cursor:pointer; margin-left:5px;}

#sianDetail .login .bottomContent {width:100%; text-align:center; margin-top:45px;}
#sianDetail .login .bottomContent p {font-size:16px; color:#000000; letter-spacing:-1px; font-weight:bold;}

/* 상세페이지 */
#sianDetail .detailArea {width:890px; min-height:580px; background-color:#ffffff; margin:0 auto; padding:10px 20px 20px 20px; border:none;}
#sianDetail .detailArea .paper-popup-close {position:absolute; margin-left:878px;  margin-top:-10px; width:46px; background-color:#222222; color:#ffffff; font-size:24px; font-family:Verdana; text-align:center; padding:8px 0; cursor:pointer;}
#sianDetail
#sianDetail .detailArea {overflow:hidden;}
#sianDetail .detailArea span.logo img {margin-bottom:4px;}
#sianDetail .detailArea span.logo .big {font-size:16px; font-weight:600; letter-spacing:-1px; vertical-align:bottom; margin-bottom:2px; display:inline-block;}
#sianDetail .detailArea table {width:100%; border-top:2px solid #222;}
#sianDetail .detailArea th {padding:10px 0; font-size:12px; border-bottom:1px solid #a0a0a0; text-align:center; background-color:#e1e1e1;}
#sianDetail .detailArea td {padding:10px 0; border-bottom:1px solid #a0a0a0; color:#000;}
#sianDetail .detailArea td.pdl {padding-left:10px;}
#sianDetail .detailArea td.comment {padding:20px 10px; line-height:180%; color:#000; font-size:12px;}
#sianDetail .detailArea td > div.redButton {padding:4px 0; width:80px; height:27px; color:#ffffff; text-align:center; background-color:#9e0b0f; cursor:pointer; font-weight:600;}
#sianDetail .detailArea td > div.grayButton {padding:4px 0; width:80px; height:27px; color:#ffffff; text-align:center; background-color:#e1e1e1; font-weight:600;}
#sianDetail .detailArea td > a > div.downloadButton {padding:4px 5px 4px 10px; height:27px; color:#ffffff; background-color:#8a8e93; cursor:pointer; font-weight:600; margin:2px 0;}

#privacy { width:900px; height:680px; background-color:#ffffff; border:2px solid #222222; margin:0 auto;}
#privacy .paper-popup-close {position:absolute; margin-left:901px; cursor:pointer;}
#privacy p.title {font-size:18px; font-weight:600; letter-spacing: -1px; background-color:#F1760B; color:#fff; padding:10px;}
#privacy .contents { width:100%; height:620px; padding:20px; line-height:180%;}

/*2023-12-29 수정*/
#loginDiv { width: 770px; height: 710px; background-color:#ffffff; margin:0 auto; overflow:hidden;}
#loginDiv .paper-popup-close {position:absolute; margin-left:778px; cursor:pointer;}

#loginDiv p.topDiv {padding:15px 20px 10px 20px; font-weight:bold; letter-spacing:-1px; line-height:0;}
#loginDiv p.topDiv > span {display:inline-block; padding-left:10px; padding-bottom:14px; vertical-align:bottom; font-size:26px;}

/*2023-12-29 수정*/
#loginDiv .memDiv { width: 727px; margin:0 auto; border-top:2px solid #f26f21;/* border-bottom:1px solid #d1d1d1;*/}
#loginDiv .memDiv .txt {font-size:18px; width:100%; text-align:center; letter-spacing:-1px; padding:60px 0 35px 0; font-weight:600;}

#loginDiv .memDiv .inputDiv {width:460px; margin:0 auto;}
#loginDiv .memDiv .inputDiv > ul > li {margin:5px 0; font-size:15px;}
#loginDiv .memDiv .inputDiv > ul > li .IDsave {display:inline-block; vertical-align:bottom; line-height:0; margin-bottom:7px; letter-spacing:-1px;}

#loginDiv .memDiv .inputDiv > ul > li .idBox {width:100%; height:50px; padding-left:145px; border:1px solid #d1d1d1; background:url(./img/logID.png) no-repeat left center;}
#loginDiv .memDiv .inputDiv > ul > li .pwBox {width:100%; height:50px; padding-left:145px; border:1px solid #d1d1d1; background:url(./img/logPW.png) no-repeat left center;}
#loginDiv .memDiv .inputDiv > ul > li input.box {font-size:16px; padding:14px 0 12px 0; width:100%; border:none; letter-spacing: -1px; line-height:16px; vertical-align: middle;}
#loginDiv .memDiv .inputDiv > ul > li .submitClass {width:100%; margin-top:10px; background-color:#f26f21; color:#ffffff; font-size:18px; font-weight:600; padding:15px 0; text-align:center; cursor:pointer;}
#loginDiv .memDiv .inputDiv .inputButton {width:100%; margin:35px 0 60px; }
#loginDiv .memDiv .inputDiv .inputButton:after{content:''; display:block; clear:both;}
#loginDiv .memDiv .inputDiv .inputButton > span.memberClassA {display:inline-block; background-color:#666666; color:#ffffff; width:220px; padding:12px 15px; font-size:16px; font-weight:600; cursor:pointer; float:left;}
#loginDiv .memDiv .inputDiv .inputButton > span.memberClassB {display:inline-block; background-color:#666666; color:#ffffff; width:220px; padding:12px 15px; font-size:16px; font-weight:600; cursor:pointer; float:right;}
#loginDiv .bottomCopyright {width:100%; padding:20px 0; text-align:center; font-size:16px;}

#memberSaveForm {width:470px; margin:60px auto 0 auto;}
#memberSaveForm ul > li {margin:15px 0; font-size:15px;}
#memberSaveForm ul > li > span {display:inline-block;}
#memberSaveForm ul > li > span.title {width:180px; padding-left:35px; font-weight:600;}
#memberSaveForm ul > li > span.inputForm {width:260px;}
#memberSaveForm ul > li > span.inputForm > select {width:80px; padding:4px; margin-right:1px;}
#memberSaveForm ul > li > span > input {width:100%; line-height:16px; vertical-align: middle;}
#memberSaveForm ul > li > span > input.box {border: 1px solid #8d8e92; background-color:#f9f9f9; padding:5px 10px;}

#memberSaveForm .bottomDiv {margin:40px 0 0 0; width:100%;}
#memberSaveForm .bottomDiv:after{content:''; display:block; clear:both;}
#memberSaveForm .bottomDiv > span {display:inline-block;}
#memberSaveForm .bottomDiv > span.submitButton {width:225px; padding:15px 0; background-color:#f26f21; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:left; cursor:pointer;}
#memberSaveForm .bottomDiv > span.closeButton {width:225px; padding:15px 0; background-color:#8f8e8e; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:right; cursor:pointer;}

#memberSaveForm .privateDiv {font-size:15px; letter-spacing: -1px; line-height:0; margin:15px 0 71px 0;}
#memberSaveForm .privateDiv > span{display:inline-block; vertical-align:bottom;font-size:15px; letter-spacing: -1px; line-height:0; margin-bottom:8px;}


/*2023-12-29 수정*/
#memberSaveForm .tabDiv {width:100%; margin-bottom:64px; padding-top: 50px;}
#memberSaveForm .tabDiv:after{content:''; display:block; clear:both;}
#memberSaveForm .tabDiv > span {width:234px; padding:15px 0; display:inline-block; background-color:#f0f0f0; border-bottom:1px solid #a7a7a7; border-right:none; border-left:none; float:left; font-size:16px; font-weight:600; text-align:center; letter-spacing:-1px; cursor:pointer;}
#memberSaveForm .tabDiv > span.on { border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; border-top:1px solid #f26f21; border-bottom:1px solid #ffffff;  background-color:#ffffff;}

#memberSaveForm .bottomDiv2 {margin:64px 0 92px 0; width:100%;}
#memberSaveForm .bottomDiv2:after{content:''; display:block; clear:both;}
#memberSaveForm .bottomDiv2 > span {display:inline-block;}
#memberSaveForm .bottomDiv2 > span.submitButton {width:225px; padding:15px 0; background-color:#f26f21; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:left; cursor:pointer;}
#memberSaveForm .bottomDiv2 > span.closeButton {width:225px; padding:15px 0; background-color:#8f8e8e; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:right; cursor:pointer;}

#memberSaveForm .viewID > ul > li {width:100%; text-align:center;}
#memberSaveForm .viewID > ul > li > span {font-size:18px; font-weight:600;}
#memberSaveForm .viewID > ul > li > span.txt {font-size:14px; padding:20px 0 44px 0;}
#memberSaveForm .bottomDiv3 {margin:10px 0 50px 0; width:100%;}
#memberSaveForm .bottomDiv3:after{content:''; display:block; clear:both;}
#memberSaveForm .bottomDiv > span {display:inline-block;}
#memberSaveForm .bottomDiv3 > span.submitButton {width:225px; padding:15px 0; background-color:#f26f21; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:left; cursor:pointer;}
#memberSaveForm .bottomDiv3 > span.closeButton {width:225px; padding:15px 0; background-color:#8f8e8e; color:#ffffff; font-weight:600; font-size:18px; text-align:center; float:right; cursor:pointer;}




/* 2022-07-01 추가 */
.wrapper {}
.tit_wrapper {padding:5px 0 0px 0; font-size:18px; font-weight:bold;  display:inline-block;}
.cont_wrap { overflow:hidden;}
.btn_green {border:1px solid #4cae4c; border-radius:5px; background-color:#5cb85c; color:#fff; font-weight:bold; text-align:center; padding:5px 10px 5px 10px; font-size:12px; cursor:pointer; display:inline-block; }
.btn_green a {text-decoration:none; color:#fff;}
.btn_blue {border:1px solid #002c5f; border-radius:5px; background-color:#003471; color:#fff; font-weight:bold; text-align:center; padding:10px 15px 10px 15px; font-size:12px; cursor:pointer; display:inline-block; }
.btn_blue a {text-decoration:none; color:#fff;}
.btn_orange {border:1px solid #f1510b; border-radius:5px; background-color:#f1760b; color:#fff; font-weight:bold; text-align:center; padding:10px 15px 10px 15px; cursor:pointer; display:inline-block; }
.btn_orange a {text-decoration:none; color:#fff;}
.btn_gray {border:1px solid #959595; border-radius:5px; background-color:#959595; color:#fff; font-weight:bold; text-align:center; padding:5px 10px 5px 10px; font-size:12px; display:inline-block; color: #e3e3e3;}


/*모바일버전 버튼*/
.mo_btn_orange {border:1px solid #f1510b; border-radius:10px; background-color:#f1760b; color:#fff; text-align:center; cursor:pointer; display:inline-block; padding:10px 10px 10px 10px; margin-right:10px;}
.mo_btn_orange a {text-decoration:none; color:#fff; }
.mo_btn_close {display:inline-block; width:250px; padding:10px 0; background-color:#9e0b0f; color:#ffffff; text-align:center; border-radius:10px; cursor:pointer;}
.mo_btn_yellow {display:inline-block; width:250px; padding:10px 0; background-color:#f0ad4e; color:#ffffff; text-align:center; border-radius:10px; border:1px solid #eea236; font-weight:bold; cursor:pointer;}
.mo_btn_blue {display:inline-block; width:250px; padding:10px 0; background-color:#003471; color:#ffffff; text-align:center; border-radius:10px; border:1px solid #002c5f; font-weight:bold; cursor:pointer;}
.mo_btn_red {display:inline-block; width:150px; padding:6px 0; background-color:#db0000; color:#ffffff; text-align:center; border-radius:4px; cursor:pointer;}
.mo_btn_red a {text-decoration:none; color:#fff; }


/*메인 버튼*/
.main_btn_wrap {overflow:hidden; text-align:center; margin:auto 0; width:100%; height:200px;}
.main_btn_cont {}
.main_btn_lt {margin-right:13px; width:160px; height:150px; color:#fff; cursor:pointer; border-radius:15px; box-shadow: 10px 10px 5px #eee; font-weight:bold; display:inline-block;}
.main_btn_rt {width:160px; height:150px; color:#fff; cursor:pointer;border-radius:15px; box-shadow: 10px 10px 5px #eee; font-weight:bold; display:inline-block;}
.main_btn_01 {background-color:#4ecd76;}
.main_btn_02 {background-color:#3598db;}
.main_btn_03 {background-color:#3560db;}
.main_btn_04 {background-color:#37c4cc;}
.main_btn_05 {background-color:#b27aff;}
.main_btn_06 {background-color:#ffc750;}
.main_btn_07 {background-color:#475869;}
.main_btn_img {padding-top:20px;}
.main_btn_txt {padding-top:20px;}

/*인쇄작업 의뢰서*/
.m_detailArea {width:1000px; background-color:#ffffff; min-height:600px; margin:0 auto; padding-top:10px;}
.m_topHead {width:1000px; text-align:center; font-size:46px; font-weight:600; margin: 0 auto 10px auto; border-bottom:2px solid #222222; padding-bottom:10px;}
.m_topHead .txt {letter-spacing:-0.1em;}
.m_btn_wrap_ct {width:1000px; margin:0 auto; padding-top:10px; text-align:center;}

/*2024-0207*/
.head_cont_wrap {border-bottom:1px solid #7c99c1; overflow:hidden; padding:10px 20px 10px 20px; background: linear-gradient( to bottom, #f9fdfe, #ecf5fe );}
.head_cont_tit {float:left; font-size:20px; font-weight: bold;}
.head_cont_name {float:left; padding-left:10px; font-size:16px; padding-top: 3px;}

/*실사출력 타이틀*/
/*.head_cont_wrap {margin: 0;  background-color:#153565; letter-spacing: -1px; height:65px; line-height:65px; color:#fff; font-weight:bold;}
.head_cont_tit {float:left; background-color:#0f2547; padding:0 20px; font-size:20px;}
.head_cont_name {float:left;   padding-left:20px; font-size:20px;}*/

/*2024-0207 수정,추가*/
.head_cont_wrap {border-bottom:1px solid #7c99c1; overflow:hidden; padding:10px 20px 10px 20px; background: linear-gradient( to bottom, #f9fdfe, #ecf5fe );}
.head_cont_tit {float:left; font-size:20px; font-weight: bold;}
.head_cont_name {float:left; padding-left:10px; font-size:16px; padding-top: 3px;}

/*인쇄사고접수*/
.error_head_cont_wrap {margin: 0;  background-color:#db0000; letter-spacing: -1px; height:65px; line-height:65px; color:#fff; font-weight:bold;}
.error_head_cont_tit {float:left; background-color:#990000; padding:0 20px; font-size:20px;}
.error_head_cont_name {float:left;   padding-left:20px; font-size:20px;}

.error_cont_wrap {}
.error_cont_wrap ul > li > span {color:#ddd;}
.error_cont_wrap ul > li > span.inputarea textarea.comment {border:1px solid #ddd; padding:4px; width:700px; height:60px; color:#9d9d9d; font-size:12px;}
.error_cont_wrap  .title {display:inline-block;  font-size:13px; color:#222222; font-weight:600;  padding-top:20px; padding-bottom:5px;}

/*매입처등록*/
.reg_tit_wrap {width:100%; margin-bottom:5px; overflow:hidden;}
.reg_tit_wrap ul {}
.reg_tit_wrap li {float:left;}
.reg_tit_wrap .rt {float:right;}
.reg_btn_orange {border:1px solid #f1510b; border-radius:5px; background-color:#f1760b; color:#fff; text-align:center; cursor:pointer; display:inline-block; padding:5px 10px 5px 10px;}
.reg_btn_orange a {text-decoration:none; color:#fff; }
.reg_btn_nav {border:1px solid #00375f; border-radius:5px; background-color:#004a80; color:#fff; text-align:center; padding:5px 10px 5px 10px;  cursor:pointer; display:inline-block; margin-left:10px;}
.reg_btn_nav a {text-decoration:none; color:#fff;}


/*2022-07-21*/
.new_conform { padding:0;}
.new_conform .con {margin:0;}
.new_conform .comment {border:1px solid #ccc; width:300px; height:35px; line-height:100%; float:left; vertical-align:middle; margin: 0px;padding:0;}

.new_btnDiv { position:absolute; right:0; cursor:pointer;  z-index:99999999999999; }
.new_savebutton {width:130px; padding:8px 0; background-color:#333333; color:#FFF; text-align:center; border-radius:4px; font-size:13px; cursor:pointer;vertical-align:middle;}
.new_savebutton:hover {background-color:#111; cursor:pointer;}

/*
.rentrpsId select {-webkit-appearance:none;moz-appearance:none;appearance:none;background:#fff;}
*/


/*(주)드림프린팅 사이트 메뉴 2024-02-14*/
.topMenu {height: 65px; padding-top: 10px; width: 700px; position: relative; float: left; padding-left: 20px;}
.topMenu ul {list-style-type: none; margin: 0px; padding: 0px;}
.topMenu ul li {color: #000; float: left; line-height: 30px; vertical-align: middle; text-align: center; -position: relative;}
.menuLink, .submenuLink {text-decoration:none; display: block; width: 120px; font-size: 15px; font-weight: bold;}
.longLink {width: 300px;}
.submenuLink {color: #2d2d2d; background-color: #fff;}
.submenu {position: absolute; height: 0px; overflow: hidden; width: 700px; left: 0;  background-color: #fff; top:65px; transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s;}
.submenu li {display: inline-block; padding: 8px 15px 10px 15px; margin-left: 22px; }
.topMenuLi:hover .submenu {height: 50px; border: 1px solid #000;}
.submenuLink:hover {color: #f15b06; background-color: #fff;}
.top_smenu {float:right; margin-top:14px;}
.top_smenu li {float:left; padding:0 10px; font-size:13px; letter-spacing:-1px; cursor:pointer; background:url(./img/subbar.png) no-repeat 0 50%;}

/*2024-03-15*/
.head_cont_wrap_error {border-bottom:1px solid #7c99c1;overflow:hidden;padding:10px 20px 10px 20px;border-top-right-radius: 10px;border-top-left-radius: 10px;background-color:#990000;color: #fff;border-bottom: 1px solid #990000;}

/*2024-05-03*/
#order_start_pop {z-index: 1000; position: absolute; top:280px; left: 226px; background: #fff; border: 1px solid #8b8b8b;  text-align: center; padding:40px; border-radius: 10px; width: 480px;}
#order_close {z-index: 10000; position: absolute; top: 270px; left: 690px; color: #183153;}