@charset "UTF-8";
body{
	font-family: 'Nanum Gothic', NanumGothic, 'Dotum', sans-serif !important;
}
#container {
	width:1024px;
	height:860px;
	margin:0 auto;
}
#container > section{
	width:50%;
	height:100%;
	box-sizing:border-box;
	float:left;
	padding:40px;
}
/* wrap-search-area */
.wrap-search-area{
	background:#f4f1ed;
}
.wrap-search-area table{
	box-sizing:border-box;
	border:3px solid #43c8ba;
}
.wrap-search-area table th{
	background-color:#43c8ba;
	color:#fff;
	width:55px;
	text-align:left;
	padding-left:5px;
}
.wrap-search-area table td{
	background-color:#fff;
	padding:5px 12px;
}
.wrap-search-area table .words td{
	padding-top:12px;
}
.wrap-search-area table .color td{
	padding-bottom:12px;
}
.wrap-search-area table td input[type="text"]{
	width:100%;
	border:1px solid #435cc8;
	box-sizing: border-box;
	letter-spacing:-0.5px;
	height:25px;
}
ul.option li{
	float:left;
    text-align:center;
    border:1px solid #d1ceca;
	border-right:0;
	height:23px;
} 
ul.option li:last-child, ul.option li.br{
	border-right:1px solid #d1ceca;
}
ul.option li a{
    color:#333;
    display:block;
    line-height:23px;
}
ul.option li.current a{
    background-color:#435cc8 !important;
	color:#fff !important;
}
ul.option li:hover a{
	background-color:#f8f7f6;
}
ul.option li input{
	visibility:hidden;
}
tr.lang ul.option li{
	width:16.3%;
}
tr.type ul.option li{
	width:24.6%;
}
tr.color ul.option li{
	width:32.9%;
}
tr.color ul.option li.current a.black{
	background:#333 !important;
}
tr.color ul.option li.current a.blue{
	background:#5472E2 !important;
}
tr.color ul.option li.current a.red{
	background:#f00 !important;
}
/*검색결과*/
.pic-add {
    height:517px;
    border:2px solid #d7d7d7;
    padding:6px 3px 6px 10px;
    overflow-y:scroll;
	background-color:#fff;
	margin-top:20px;
}
.background{
	background:#fff url(../images/pictogram_bg.jpg) no-repeat 25px 32px;
}
.pic-add > p{
	text-align:center;
	padding-top:50%;
}
.pic-add > ul li{
	width:76px;
    display:inline-block;
    margin-bottom:19px;
}
.pic-add > ul li img{
	width:100%;
    cursor: pointer;
}
.pic-add > ul li a {
    width:63px;
    height:20px;
    margin:0 auto;
    text-align:center;
    font-size:12px;
    background-color:#43c8ba;
	color:#fff;
    line-height:20px;
	display:block;
}
.pic-add > ul li a:hover{
	background-color:#435cc8;
}
/* wrap-print-area */
.wrap-print-area{
	background:#435cc8;
	position:relative;
}
.wrap-print-area article{
	overflow:hidden;
}
.wrap-print-area h2{
	width:183px;
	height:21px;
	background-position:-308px -581px;
	font-size:0;
}
.wrap-print-area > span{
	width:25px;
	height:41px;
	background-position:-308px -605px;
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-20px;
}
#printArea{
    width:432px;
    height:611px;
    margin-top:7px;
	margin-bottom:10px;
    padding:20px;
    background-color: #fff;
	box-sizing:border-box;
}
#printArea ul li{
	width:67px;
    display:inline-block;
	margin:3px 4px;
	position:relative;
}
#printArea ul li img {
    width:100%;
}
#printArea ul li a.close{
	width:21px;
	height:21px;
	background-position:-434px -225px;
	background-color:#ff1081;
	top:-5px;
	right:-5px;
	border-radius:15px;
	opacity:0;
}
#printArea ul li:hover a.close{
	opacity:1;
}
.wrap-print-area .check {
    float:left;
}
.wrap-print-area .check input[type="checkbox"]+label{
	padding-left:16px;
    margin-left:-23px;
	color:#fff;
}
.wrap-print-area .btns {
    float:right;
}
.wrap-print-area .btns div{
	width:144px;
	height:42px;
	line-height:42px;
	float:left;
	text-align:center;
    font-size:17px;
    color:#fff;
}
.wrap-print-area .btns .btn-del {
    margin-right:17px;
    background-color:#bdbab6;
}
.wrap-print-area .btns .btn-print {
    background-color:#43c8ba;
}
.wrap-print-area .btns div a{
	color:#fff;
	font-weight:600;
	display:block;
}
.wrap-print-area .btns .btn-del:hover a{
	background-color:#999;
}
.wrap-print-area .btns .btn-print:hover a{
	background-color:#ff1081;
}
.info54 {
	margin-top:5px;
	color:#d9e0ff;
	font-size:11px;
	line-height:1.4;
	letter-spacing:0;
	background:#1f3bb5;
	padding:10px;
}
.info54 strong{
	font-size:13px;
	margin-right:10px;
}

/*테두리 넣기시*/
#printArea ul li.border{
	border:1px solid #d7d7d7;
	/* box-sizing:border-box; */
	padding: 1px;
    width: 65px;
}

/*54매 라벨지 출력시*/
.labels54 h2{
	width:202px;
	background-position:-293px -654px;
}
.labels54 #printArea{
	padding:5px !important;
}
.labels54 #printArea ul li{
	width:49px !important;
	margin:1px 9px !important;
}

/*픽토그램이미지확대-->불필요시 삭세*/
/* .pic-add > ul li{
	position:relative;
}
.pic-add ul li span.imgzoom{
	position:absolute;
	z-index:9999;
	width:250px;
	top:101px;
	left:5px;
	background:#fff url(../images/sample_picto.jpg) no-repeat 0 0;
	background-size: contain;
	box-shadow:1px 1px 3px #bdbab6;
	border:1px solid #ccc;
	padding-bottom:15px;
	text-align:center;
}
.pic-add ul li span.imgzoom p{
	margin-top:333px;
	font-size:15px;
	line-height:1.3;
} */

#imgtext p{
	text-align:center;
	font-size:14px;
	border-bottom:1px dotted #aaa;
}