@charset "utf-8";


.perid-layer {
    background-color: #FFFFFF;
    border: 1px solid #888888;
    clear: both;
    overflow: hidden;
	font-family: dotum;
    font-size: 12px;
}
.perid-layer ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.perid-layer li {
    height: 25px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
.perid-layer li a {
    background-color: #FFFFFF;
    color: #4C4C4C;
    display: block;
    height: 25px;
    width: 100%;
	text-decoration: none;
}

.perid-layer li a:hover {
	background-color: #F4F4F4 !important;
	text-decoration: none; 
}
.perid-layer li span {
    cursor: pointer;
    display: block;
    padding-left: 9px;
    padding-top: 7px;
}

.perid-layer li.line {
    background: url("/dnb/cdn/images/solution/main/bg_me2_line.gif") no-repeat scroll 10px 0 transparent;
    overflow: hidden;
    padding-top: 1px;
}

/* 옵션 스타일 */
.option_new {
	background-color: #EFEFEF;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	clear: both;
	margin: 1px 0 7px 0;
	overflow: hidden;
	padding: 3px 10px;
	width: 97%;
}

.option_new th {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 10px 3px 0;
	text-align: left;
	width: 30%;
}

.selTY1 {
	font-size: 11px;
	width: 90%;
}

.add_notice {			
	color: #734E34;
	font-size: 11px;
	height: 10px;
	overflow: hidden;
	padding: 6px 0 9px 17px;
}


.add_proAreaV2 {
	border: 1px solid #CCCCCC;
	clear: both;
	color: #888888;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	padding: 0 10px 0;
	width: 97%;
}

.add_proAreaV2 table th {
	color: #888888;
	font-size: 11px;
	font-weight: normal;
	overflow: hidden;
	padding: 7px 5px 4px 0;
	text-align: left;
	
}

.add_proAreaV2 .add_loop_op th {
	color: #455684;
}

.add_proAreaV2 table td {
	padding: 4px 0 5px;
}

.add_proAreaV2 .add_loop_op th {
	color: #455684;
}

.btn_solov2 {
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 60px;
}

.btn_solov2 .btn {
	float: left;
	height: 20px;
	margin: 0 3px 0 0;
	overflow: hidden;
	padding: 0;
	width: 15px;
	vertical-align:middle;
}

.btn_plus_pro {
	background: url("/dnb/cdn/images/solution/shop/btn_layer_cell_adjust_up.gif") no-repeat 0 0;
	display: block;
	height: 8px;
	overflow: hidden;				
	width: 17px;
}


.btn_minus_pro {
	background: url("/dnb/cdn/images/solution/shop/btn_layer_cell_adjust_down.gif") no-repeat 0 0;
	display: block;
	height: 8px;
	margin-top: 2px;
	overflow: hidden;				
	width: 17px;
}


.btn_solov2 .su {
	float: left;
	height: 15px;
	padding-top: 3px;
	width: 10px;
}

.add_proAreaV2 table td {
	padding: 4px 0 5px;
}

.add_proAreaV2 .areaC {
	color: #656565;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	width: 130px;
}

.btn_add_del_pro {
	background: url("/dnb/cdn/images/solution/shop/crossc.gif") no-repeat 0 0;
	display: inline-block;
	height: 13px;
	overflow: hidden;
	text-indent: -20000px;
	width: 11px;
	vertical-align:middle;
}

.btn_solov2 input {
	border: 1px solid #A2A2A2;
	color: #4D4D4D;
	float: left;
	margin-right: 4px;
	text-align: right;
	width: 29px;
}

.add_proAreaV2_auto {
	height: 144px;
	overflow-x: hidden;
	overflow-y: auto;
}


.add_proAreaV2 .add_loop {
	background: url("/dnb/cdn/images/solution/main/option_solid.gif") repeat-x scroll left bottom transparent;
	overflow: hidden;
}

.add_proAreaV2 .add_loop_op {
	background: url("/dnb/cdn/images/solution/main/option_dotted.gif") repeat-x scroll left bottom transparent;
	overflow: hidden;
}

.add_proAreaV2 .lst {
	 background: none repeat scroll 0 0 transparent; 
	
}

.total {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	height: 29px;
	margin-top: 0;
	padding: 9px 10px 0;
	width: 95%;
}

.total .right {
	color: #666666;
	float: right;
	font-weight: bold;
}

.total .right span {
	display: block;
	float: left;
	margin-top: 5px;
}

.nrtset {
	float: left;
	margin: 0 3px 0 0;
	overflow: hidden;
}
.total .right {
	color: #666666;
	font-weight: bold;
}


.option_new_auto {
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
}


.btn_solo {
	float: left;
	height: 20px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100px;
}

.btn_solo .btn {
	float: left;
	height: 20px;
	overflow: hidden;
	position: relative;
	width: 15px;
}

.btn_solo .su {
	float: left;
	height: 15px;
	padding: 3px 0 0 2px;
	width: 10px;
	color: #676767;
	font-size: 11px;
}

.btn_solo input {
	border: 1px solid #A2A2A2;
	color: #4D4D4D;
	float: left;
	padding-right: 2px;
	margin-right: 4px;
	text-align: right;
	height:17px;
	width: 13px;
}

.right {
	color: #666666;
	float: right;
	font-weight: bold;
	font-size:13pt;
}




/* 테이블 디자인 */



.table_darkgray {
	background-color:#DFDFDF;
	font-family:"굴림";
	font-size:12px;
	text-decoration:none;	
	border-collapse: separate;

}

.table_gray  {
	background-color:#F6F6F6;
	color:#333333;
	font-family:"굴림";
	font-size:11px;
	font-weight: bold;
	text-decoration:none;			
	letter-spacing: -1px;
    padding-left: 10px;
    padding-top: 7px;
    text-align: left;
	height:22px;
	padding:5px;
}
.table_white {
	background-color:#FFFFFF;
	color:#444444;
	font-family:"굴림";
	font-size:11px;
	text-decoration:none;	
	letter-spacing: -1px;
	height:22px;
	padding:5px;
}



/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif; background:url('/dnb/cdn/images/button/btn_default/buttonWhite.gif') no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { height:23px; padding:0; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; *vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:12px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:12px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:1px 6px 0 4px; font-size:12px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Green */
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url('/dnb/cdn/images/button/btn_default/buttonGreen.gif'); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
/* black */
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url('/dnb/cdn/images/button/btn_default/buttonBlack.gif'); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
/* red */
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url('/dnb/cdn/images/button/btn_default/buttonRed.gif'); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
/* blue */
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url('/dnb/cdn/images/button/btn_default/buttonBlue.gif'); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
/* gray */
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url('/dnb/cdn/images/button/btn_default/buttonGray.gif'); color:#fff;}
/* light gray */
.button.lgray,
.button.lgray a,
.button.lgray button,
.button.lgray input { background-image:url('/dnb/cdn/images/button/btn_default/buttonLGray.gif'); color:#666;}
/* light gray2 */
.button.lgray2,
.button.lgray2 a,
.button.lgray2 button,
.button.w_gra input { background-image:url('/dnb/cdn/images/button/btn_default/buttonWhiteGra.gif'); color:#666;}
/* dark gray */
.button.dgray,
.button.dgray a,
.button.dgray button,
.button.dgray input { background-image:url('/dnb/cdn/images/button/btn_default/buttonDGray.gif'); color:#fff;}
/* yellow */
.button.yellow,
.button.yellow a,
.button.yellow button,
.button.yellow input { background-image:url('/dnb/cdn/images/button/btn_default/buttonYellow.gif'); color:#266;}
/* pink */
.button.pink,
.button.pink a,
.button.pink button,
.button.pink input { background-image:url('/dnb/cdn/images/button/btn_default/buttonPink.gif'); color:#f23;}
/* dark blue */
.button.dblue,
.button.dblue a,
.button.dblue button,
.button.dblue input { background-image:url('/dnb/cdn/images/button/btn_default/buttonDBlue.gif'); color:#fff;}
/* dark green */
.button.dgreen,
.button.dgreen a,
.button.dgreen button,
.button.dgreen input { background-image:url('/dnb/cdn/images/button/btn_default/buttonYGreen.gif'); color:#fff;}
/* white gradation */
.button.w_gra,
.button.w_gra a,
.button.w_gra button,
.button.w_gra input { background-image:url('/dnb/cdn/images/button/btn_default/buttonWhiteGra2.gif'); color:#666;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

a {outline: none;}


/* 2015-08-12 작업한 팝업창 스타일 */
.pop_confirm-outline
{
	width: 500px;
	height: 150px;
	position: absolute; 
	z-index: 9999;
	background:#A5A5A5;
	padding:2px;
	left:0px;
	top:0px;
}
.pop_confirm{
	position:relative;
	width: 100%;
	height: 100%;
	left:-4px;
	top:-4px;
	position: absolute; 
	z-index: 9999;
	background:#eee;
	border:1px solid #B7B7B7;
}

.pop-confirm-img
{
	height:40px;
	padding:30px;
	text-align:center;
}

.pop-confirm-buttons
{
	overflow:hidden;
}

.pop-confirm-buttons li
{
	float: left;
	line-height: 30px;
	margin: 0% 1%;
	text-align: center;
	border: 1px solid #B7B7B7;
	cursor:pointer;
}
/* 2015-08-12 작업한 팝업창 스타일 */