a:link { font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  text-decoration: none; }
a:visited { font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; text-decoration: none; }
a:hover { font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; text-decoration: none; }
a:active { font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; text-decoration: none;}



@font-face{ font-family: ''Nanum Barun Gothic'';
    src: url('../font/NanumBarunGothic.eot');
    src: local(''),url('../font/NanumBarunGothic.woff') format('woff'),url('../font/NanumBarunGothic.ttf') format('truetype');
}

/* 바디 */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}

/* 태그 */
p { margin-top: 0px; margin-bottom: 0px; font-size: 12px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
td,table { font-size: 12px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }

/* 인풋 */
.input { 
	font-size: 12px; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	  
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:0px; 
	padding-left:5px;
	outline-style:none;
	height:31px;
}
.input_100 { 
	width: 100%; 
	height: 23px; 
	font-size: 12px; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	  
	color: #888888; 
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding-top:5px; 
	padding-left:5px;
	outline-style:none;
}
.search_input { 
	width: 300px;
	font-size: 12px; 
	color: #888888; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	  
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF;
	outline-style:none;
}
.textarea { 
	font-size: 12px; 
	color: #888888; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	  
	border: #DEDEDE 1px solid; 
	background-color: #FFFFFF
	padding:10px;
	outline-style:none;
}

/* 셀렉트 */


/* 버튼 */

.button{
	background-color:#64676e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border: #636363 0px solid;
	font-size:12px;
	padding:9px 20px;
	text-decoration:none;
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	 
}

.button2{
	background-color:#64676e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border: #636363 0px solid;
	font-size:16px;
	padding:9px 20px;
	text-decoration:none;
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	 
}

.button3{
	background-color:#ADC90E;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border: #636363 0px solid;
	font-size:16px;
	padding:9px 26px;
	text-decoration:none;
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	 
}


.button4{
	background-color:#f98d09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border: #636363 0px solid;
	font-size:16px;
	padding:9px 26px;
	text-decoration:none;
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	 
}


.button5{
	background-color:#ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	border: #636363 0px solid;
	font-size:16px;
	padding:9px 26px;
	text-decoration:none;
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
	 
}


/* 검색바 */
.input_s { 
	font-size: 11px; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	  
	color: #888888; 
	border: #DEDEDE 0px solid;
	background-color: #EDEDED;
	padding-top:2px; 
	padding-left:0px;
	outline-style:none;
}

/* 텍스트 */
.txt_link { font-size: 12px; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt999999 { font-size: 12px; color: #999999; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt666666 { font-size: 12px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt333333 { font-size: 12px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt000000 { font-size: 12px; color: #000000; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txtFF6600 { font-size: 12px; color: #FF6600; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txtFF3300 { font-size: 12px; color: #FF3300; line-height: 160%; ffont-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.v_tit { font-size: 16px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.s_tit { font-size: 14px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt10FF3300 { font-size: 10px; color: #FF3300; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt10666666 { font-size: 10px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14666666 { font-size: 14px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14666666 a { font-size: 14px; color: #666666; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14000000 { font-size: 14px; color: #000000; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14999999 { font-size: 14px; color: #999999; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14cccccc { font-size: 14px; color: #cccccc; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt14FF3300 { font-size: 14px; color: #FF3300; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt10999999 { font-size: 10px; color: #999999; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt16000000 { font-size: 16px; color: #000000; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.txt16FF3300 { font-size: 16px; color: #FF3300; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.txt16FF3300{ font-size: 16px; color: #FF3300; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.txt18000000 { font-size: 18px; color: #000000; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.txt18000000 a { font-size: 18px; color: #000000; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.txt18FF3300 { font-size: 18px; color: #FF3300; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";  }
.dotum11px999 { font-size: 11px; color: #999999; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11px666 { font-size: 11px; color: #666666; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11px333 { font-size: 11px; color: #333333; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11pxFF6600 { font-size: 11px; color: #FF6600; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}
.dotum11pxFF6633 { font-size: 11px; color: #FF6633; line-height: 160%; font-family: "돋움", dotum; letter-spacing:-1pt;}

.pageing_ar { 
	font-size: 16px; 
	color: #000000;  
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	 
	width:50px;
	height:50px;
	margin: 0 auto;
	float:left;
	line-height:50px;
	margin-left:10px;
}
.pageing_al { 
	font-size: 16px; 
	color: #000000;  
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	 
	width:50px;
	height:50px;
	margin: 0 auto;
	float:left;
	line-height:50px;
}
.pageing_no_on { 
	font-size: 16px; 
	color: #000000;  
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	 
	width:50px; 
	height:50px; 
	margin: 0 auto; 
	float:left; 
	line-height:50px; 
	margin-left:10px; 
	border:1px solid #dedede; 
	background-color:#f3f3f3;
	text-align:center;
}

.pageing_no_off { 
	font-size: 16px; 
	color: #000000;  
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	 
	width:50px; 
	height:50px; 
	margin: 0 auto; 
	float:left; 
	line-height:50px; 
	margin-left:10px; 
	border:1px solid #dedede; 
	background-color:#ffffff;
	text-align:center;
}

.txtmy999999 { font-size: 18px; color: #999999; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; letter-spacing:-1px;}
.txtmy333333 { font-size: 18px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txtmy_count { font-size: 14px; color: #FFFFFF; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; font-weight:bold;   }
.ord_count { 
	width:20px; 
	height:20px; 
	float:right; 
	background-image:url('../img/ord/ord_bg_count.png'); 
	background-repeat:no-repeat; 
	text-align:center; 
	line-height:20px;
	font-size: 12px; 
	color: #FFFFFF; 
	line-height: 160%; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	font-weight:bold; 
	background-color:#c3d600;
	border-radius:100%;
	  
}
.txttit333333 { font-size: 22px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.txt_stit { font-size: 20px; color: #92AB09; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }

.c_count { 
	width:20px; 
	background-color:#ADC90E; 
	line-height:19px; 
	text-align:center;
	font-size: 11px; 
	color: #FFFFFF; 
	line-height: 160%; 
	font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; 
	  
	font-weight:bold;
}

.copy_txt a { font-size: 15px; color: #cacaca; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; font-weight:bold;   }
.copy_txt a:hover { font-size: 15px; color: #cacaca; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; font-weight:bold;   }
.copy_txt2 { font-size: 15px; color: #999999; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.copy_txt_d { font-size: 12px; color: #1E2327; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }

.main_news_tit { font-size: 15px; color: #ADC90E; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; font-weight:bold; line-height:40px; letter-spacing:-1px;}
.main_news_con a { font-size: 15px; color: #FFFFFF; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; line-height:40px;  letter-spacing:-1px;}
.main_news_con a:hover { font-size: 15px; color: #92AB09; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; line-height:40px;  letter-spacing:-1px;}

/* 메인 - 상품 리스트*/
.prd_list {padding:15px 8px; border-left:1px solid #dbdcdf; border-right:1px solid #dbdcdf;}

.pro_list .prd {text-align:center; border:1px solid #dedede;}
.pro_list .subject {font-weight:bold; text-align:center; line-height:140%;}
.pro_list .price { font-weight:bold; font-size: 12px; color: #333333; line-height: 160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";   }
.pro_list .coupon {font-weight:bold; color:#f2334a; text-align:center; vertical-align:middle;}.foot_link {font-size:11px; font-family:Dotum; color:#b4b4b4; padding-left:30px;}
.foot_link a:link, visited, hover {font-size:11px; font-family:Dotum; color:#525252;}
.price_b {font-weight:bold; color:#d43d60; font-size:14px;}

ul,li{list-style:none;margin:0;padding:0}
img{border:none}

/* GNB */
#DB_navi35 a{font:12px;text-decoration:none}

#DB_navi35 {position:relative;z-index:10;height:101px/*필수*/}
#DB_navi35 .DB_mask{position:absolute;background:url('../img/gnb/menu_bg.png') repeat-x;overflow:hidden;width:100%;height:100%}
#DB_navi35 .DB_wrap{position:relative;width:1200px;left:50%;margin-left:-600px;height:100%}

#DB_navi35 .DB_wrap .DB_1d{position:relative;float:left;padding:0px;}

#DB_navi35 .DB_wrap .DB_1d .DB_2d{position:absolute;left:0;top:101px/*위치*/;width:999px;display:none;height:50px/*필수*/}
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_1{left:20px}/*하위메뉴x위치*/
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_2{left:5px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_3{left:0px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_4{left:-120px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_5{left:-20px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d.d2_6{left:-160px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d li{position:relative;float:left;}
#DB_navi35 .DB_wrap .DB_1d .DB_2d li a{color:#ffffff;display:block;line-height:50px;padding:0 10px; font-size:13px;}
#DB_navi35 .DB_wrap .DB_1d .DB_2d li a:hover{background:#6F7278}
#DB_navi35 .DB_wrap .DB_1d .DB_2d li a.on{background: #6F7278 url('../img/gnb/arrow.gif') no-repeat center bottom/*3뎁쓰메뉴가 있는경우*/}


#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d{position:absolute;left:0;top:50px/*위치*/;width:999px;display:none;height:45px/*필수*/}
#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d.d3_1_2{left:-85px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d.d3_1_4{left:-145px}
#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li{float:left;}
#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li a{color:#999999;display:block;line-height:45px;padding:0 10px;background:none;font-size:13px;}
#DB_navi35 .DB_wrap .DB_1d .DB_2d .DB_3d li a:hover{color:#92AB09;background:none}
/* GNB */


/* MAIN ROLL */
.DB_tab24 {width:100%;height:700px;position:relative;overflow:hidden;}

.DB_tab24 .DB_bgSet{position:relative;}
.DB_tab24 .DB_bgSet li{position:absolute;width:100%;height:700px;display:none}

.DB_tab24 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab24 .DB_imgSet li{width:100% }

/*모션오브젝트(순차적으로 추가가능)*/
.DB_tab24 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:80px;}
.DB_tab24 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:120px}
.DB_tab24 .DB_imgSet .DB_1_3{position:absolute;left:650px;top:0px}

.DB_tab24 .DB_imgSet .DB_2_1{position:absolute;left:0px;top:80px;}
.DB_tab24 .DB_imgSet .DB_2_2{position:absolute;left:0px;top:120px}
.DB_tab24 .DB_imgSet .DB_2_3{position:absolute;left:650px;top:0px}

.DB_tab24 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:80px;}
.DB_tab24 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:120px}
.DB_tab24 .DB_imgSet .DB_3_3{position:absolute;left:650px;top:0px}

.DB_tab24 .DB_imgSet .DB_4_1{position:absolute;left:0px;top:80px;}
.DB_tab24 .DB_imgSet .DB_4_2{position:absolute;left:0px;top:120px}
.DB_tab24 .DB_imgSet .DB_4_3{position:absolute;left:0px;top:150px}
.DB_tab24 .DB_imgSet .DB_4_4{position:absolute;left:0px;top:180px}
.DB_tab24 .DB_imgSet .DB_4_5{position:absolute;left:650px;top:0px}

.DB_tab24 .DB_menuWrap{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab24 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:600px;text-align:center;font-size:0}
.DB_tab24 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 7px;display:inline}


.DB_tab24 .DB_prev{position:absolute;left:-100px;top:120px;cursor:pointer;display:none}
.DB_tab24 .DB_next{position:absolute;right:-100px;top:120px;cursor:pointer;display:none}
/* MAIN ROLL */

/* SUB TOP04 */
#d_navi454 ul,#d_navi454 li{list-style:none;margin:0;padding:0}
#d_navi454 img{border:0}
#d_navi454 a{text-decoration:none;}

#d_navi454{position:relative;width:440px;margin:0 auto;height:57px;border-top:2px solid #dedede;border-bottom:1px solid #dedede;}

#d_navi454 .d_line{position:absolute;left:0;top:-2px;border-top:2px solid #ADC90E;}
#d_navi454 .d_main{float:left;position:relative;margin:0px 30px/*필수*/}
#d_navi454 .d_main a{font-size: 16px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#777777;line-height:60px;  }
#d_navi454 .d_main a:hover{color:#92AB09}
#d_navi454 .d_main.on a{color:#92AB09}

#d_navi454 .d_main .d_sub{position:absolute;left:-150px;top:57px;width:290px;display:none;border:0px solid #dedede;padding:10px 0px 10px 20px;}
#d_navi454 .d_main .d_sub li a{font-size:11px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#333333;line-height:30px; float:left; padding:0 20px 0 0;}
#d_navi454 .d_main .d_sub li a:hover{color:#92AB09}
/* SUB TOP04 */

/* SUB TOP01 */
#d_navi451 ul,#d_navi451 li{list-style:none;margin:0;padding:0}
#d_navi451 img{border:0}
#d_navi451 a{text-decoration:none;}

#d_navi451{position:relative;width:600px;margin:0 auto;height:57px;border-top:2px solid #dedede;border-bottom:1px solid #dedede;}

#d_navi451 .d_line{position:absolute;left:0;top:-2px;border-top:2px solid #ADC90E;}
#d_navi451 .d_main{float:left;position:relative;margin:0px 30px/*필수*/}
#d_navi451 .d_main a{font-size: 16px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#777777;line-height:60px;  }
#d_navi451 .d_main a:hover{color:#92AB09}
#d_navi451 .d_main.on a{color:#92AB09}

#d_navi451 .d_main .d_sub{position:absolute;left:-150px;top:57px;width:320px;display:none;border:0px solid #dedede;padding:10px 0px 10px 20px;}
#d_navi451 .d_main .d_sub li a{font-size:12px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#999999;line-height:30px; float:left; padding:0 20px 0 0;}
#d_navi451 .d_main .d_sub li a:hover{color:#92AB09}
/* SUB TOP01 */

/* SUB TOPb01 */
#d_navi45b01 ul,#d_navi45b01 li{list-style:none;margin:0;padding:0}
#d_navi45b01 img{border:0}
#d_navi45b01 a{text-decoration:none;}

#d_navi45b01{position:relative;width:570px;margin:0 auto;height:57px;border-top:2px solid #dedede;border-bottom:1px solid #dedede;}

#d_navi45b01 .d_line{position:absolute;left:0;top:-2px;border-top:2px solid #ADC90E;}
#d_navi45b01 .d_main{float:left;position:relative;margin:0px 30px/*필수*/}
#d_navi45b01 .d_main a{font-size: 16px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#777777;line-height:60px;  }
#d_navi45b01 .d_main a:hover{color:#92AB09}
#d_navi45b01 .d_main.on a{color:#92AB09}

#d_navi45b01 .d_main .d_sub{position:absolute;left:-150px;top:57px;width:320px;display:none;border:0px solid #dedede;padding:10px 0px 10px 20px;}
#d_navi45b01 .d_main .d_sub li a{font-size:12px;font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";color:#999999;line-height:30px; float:left; padding:0 20px 0 0;}
#d_navi45b01 .d_main .d_sub li a:hover{color:#92AB09}
/* SUB TOPb01 */

/* 리포트 갤러리 */
.DB_gallery2{height:auto;}
.DB_gallery2 .DB_viewBox{margin-left:45px; border:1px solid #e6e6e6; width:675px; height:auto;}
.DB_gallery2 .DB_thumSet{left:0px;top:0;width:135px;height:auto;}
.DB_gallery2 .DB_thumSet ul li{width:135px;margin-bottom:10px;cursor:pointer;border:1px solid #e6e6e6;}
/* 리포트 갤러리 */

.DB_tab21{position:relative;width:850px;height:auto;}

.DB_tab21 .DB_imgSet{position:relative;width:850px;height:1200px;overflow:hidden; border:1px solid #dedede;}
.DB_tab21 .DB_imgSet li{float:left;width:850px/*필수*/}
.DB_tab21 .DB_imgSet li img{width:850px/*필수*/}

.DB_tab21 .DB_prevBtn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;left:10px}
.DB_tab21 .DB_nextBtn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;right:10px}


.DB_tab21 .DB_thumSet{position:absolute;width:70px;height:100px;margin-left:-30px/*위치조정*/;bottom:-15px;background:url('img/thumBox.gif') no-repeat;display:none}
.DB_tab21 .DB_thumSet li{position:absolute;width:60px;height:85px;margin:5px}/*썸네일사이즈*/
.DB_tab21 .DB_thumSet li img{width:100%}

.DB_tab21 .DB_btnSet{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:0}
.DB_tab21 .DB_btnSet li{display:inline;cursor:pointer;margin-right:2px}



.DB_tab21_mo{width:100%;}

.DB_tab21_mo .DB_imgSet_mo{width:100%;}
.DB_tab21_mo .DB_imgSet_mo li{float:left;width:50%;/*필수*/}
.DB_tab21_mo .DB_imgSet_mo li img{width:100%;}

.DB_tab21_mo .DB_prevBtn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;left:10px}
.DB_tab21_mo .DB_nextBtn{position:absolute;top:50%;margin-top:-40px;cursor:pointer;right:10px}


.DB_tab21_mo .DB_thumSet{position:absolute;width:70px;height:100px;margin-left:-30px/*위치조정*/;bottom:-15px;background:url('img/thumBox.gif') no-repeat;display:none}
.DB_tab21_mo .DB_thumSet li{position:absolute;width:60px;height:85px;margin:5px}/*썸네일사이즈*/
.DB_tab21_mo .DB_thumSet li img{width:100%}

.DB_tab21_mo .DB_btnSet{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:0}
.DB_tab21_mo .DB_btnSet li{display:inline;cursor:pointer;margin-right:2px}



/* 프로세스 */
#DB_etc36{position:relative;width:1200px;margin:0 auto;background:url('img/year_bar.jpg') no-repeat 0px 35px;overflow:hidden}
#DB_etc36 .year{position:relative;height:40px}
#DB_etc36 .year li{position:absolute;float:left;width:200px/*가로폭*/;height:100%;text-align:center;}
#DB_etc36 .year li.y{background:url('img/point_year.png') no-repeat center 100%}
#DB_etc36 .year li.m{background:url('img/point_month.png') no-repeat center 100%}
#DB_etc36 .year li{font-size:16px;font-weight:600;color:#aaa;cursor:pointer}
#DB_etc36 .year li.on{color:#333} 
#DB_etc36 .content{position:relative;margin-top:50px;height:1000px}
#DB_etc36 .content > li{position:absolute;width:100%;left:0;top:0}
#DB_etc36 .prev{position:absolute;left:10px;top:50%;margin-top:0px;cursor:pointer}
#DB_etc36 .next{position:absolute;right:10px;top:50%;margin-top:0px;cursor:pointer}


/* DC : 주문서 상단 */

.dcProNavWrap{width:100%; float:left; display:table; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.dcProNavWrap .dcTotal{width:14%; height:100%;display:table-cell; vertical-align:middle; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.dcProNavWrap .dcTotal a.dcTot{display:inline-block; width:100%; float:left; padding:10px 10px 10px 30px;; box-sizing:border-box;
                               background-image:url(/images/dc/dc_icon_pro_00.png);
                               background-repeat:no-repeat; background-position:5px center; background-size:20px 20px; color:#666666; font-size:14px; line-height:22px; text-align:left;}
.dcProNavWrap .dcTotal a.dcTot span{display:inline-block; float:right; color:#ffffff; display:none;}


.dcProNavWrap .dcTotalOn {background:#c3d600;}
.dcProNavWrap .dcTotalOn a.dcTot{color:#ffffff; background:url(/images/dc/dc_icon_pro_00_02.png) no-repeat; background-position:5px center; background-size:20px 20px; }
.dcProNavWrap .dcTotalOn a.dcTot span{display:inline-block;}


.dcProNavWrap .dcProNav{width:86%; display:table-cell; vertical-align:middle;}
.dcProNavWrap .dcProNav ul.proNav{width:100%; float:left;}
.dcProNavWrap .dcProNav ul.proNav li{width:16.666%; float:left; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; box-sizing:border-box;}
.dcProNavWrap .dcProNav ul.proNav li a{display:inline-block; width:100%; float:left; padding:20px 10px 20px 30px;; box-sizing:border-box;background-size:20px 20px; background-repeat:no-repeat; background-position:5px center; color:#666666;
                                       line-height:22px; font-size:12px; text-align:left;}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav01{background-image:url(/images/dc/dc_icon_pro_01.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav02{background-image:url(/images/dc/dc_icon_pro_02.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav03{background-image:url(/images/dc/dc_icon_pro_03.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav04{background-image:url(/images/dc/dc_icon_pro_04.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav05{background-image:url(/images/dc/dc_icon_pro_05.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav06{background-image:url(/images/dc/dc_icon_pro_06.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav07{background-image:url(/images/dc/dc_icon_pro_07.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav08{background-image:url(/images/dc/dc_icon_pro_08.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav09{background-image:url(/images/dc/dc_icon_pro_09.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav10{background-image:url(/images/dc/dc_icon_pro_10.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav11{background-image:url(/images/dc/dc_icon_pro_11.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav12{background-image:url(/images/dc/dc_icon_pro_12.png);}
.dcProNavWrap .dcProNav ul.proNav li a.dcPNav09_1{background-image:url(/images/dc/dc_icon_pro_13.png);}

.dcProNavWrap .dcProNav ul.proNav li a span{display:inline-block; float:right; color:#ffffff; display:none;}

/*.dcProNavWrap .dcProNav ul.proNav li a:hover{color:#c3d600; color:#ffffff;}*/
.dcProNavWrap .dcProNav ul.proNav li.on a{background:#c3d600; color:#ffffff; background-repeat:no-repeat;  background-position:5px center; background-size:20px 20px;}
.dcProNavWrap .dcProNav ul.proNav li.on a span{display:none;}

.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav01{background-image:url(/images/dc/dc_icon_pro_01_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav02{background-image:url(/images/dc/dc_icon_pro_02_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav03{background-image:url(/images/dc/dc_icon_pro_03_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav04{background-image:url(/images/dc/dc_icon_pro_04_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav05{background-image:url(/images/dc/dc_icon_pro_05_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav06{background-image:url(/images/dc/dc_icon_pro_06_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav07{background-image:url(/images/dc/dc_icon_pro_07_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav08{background-image:url(/images/dc/dc_icon_pro_08_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav09{background-image:url(/images/dc/dc_icon_pro_09_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav10{background-image:url(/images/dc/dc_icon_pro_10_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav11{background-image:url(/images/dc/dc_icon_pro_11_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav12{background-image:url(/images/dc/dc_icon_pro_12_02.png);}
.dcProNavWrap .dcProNav ul.proNav li.on a.dcPNav09_1{background-image:url(/images/dc/dc_icon_pro_13_02.png);}


.dcListTitWrap{width:100%; float:left; padding:20px 0; box-sizing:border-box;}
.dcListTit{width:100%; float:left; padding:0px 0 10px; font-size:20px; color:#292929; text-align:left; font-weight:600;}
.dcListTxt{width:100%; float:left; font-size:16px; color:#666666; text-align:left; line-height:24px;}

.dcSearchTB{width:40%;}

.pcTit{display:inline-block;}
.moTit{display:none;}


@media screen and (max-width:1000px){

.dcProNavWrap .dcTotal a.dcTot{font-size:11px;}
	
.dcProNavWrap .dcProNav ul.proNav li{width:25%;}
.dcProNavWrap .dcProNav ul.proNav li a{padding:10px 10px 10px 30px;font-size:11px;}


.dcSearchTB{width:60%;}

.pcTit{display:none;}
.moTit{display:inline-block;;}

.dc_list_tb td, .dc_list_tb th{font-size:14px;}
	
}

@media screen and (max-width:640px){
	
.dcProNavWrap{display:inline-block;}
.dcProNavWrap .dcTotal{width:100%; float:left; height:auto;display:inline-block;}
.dcProNavWrap .dcTotal a.dcTot{display:inline-block; width:100%; float:left; padding:10px 10px 10px 20px;; box-sizing:border-box;
                               background-image:url(/images/dc/dc_icon_pro_00.png);
                               background-repeat:no-repeat; background-position:2px center; background-size:16px 16px; color:#666666; font-size:12px; line-height:22px; text-align:left;}

.dcProNavWrap .dcTotalOn a.dcTot{color:#ffffff; background:url(/images/dc/dc_icon_pro_00_02.png) no-repeat; background-size:16px 16px; background-position:2px center; background-size:16px 16px; }
.dcProNavWrap .dcTotalOn a.dcTot span{display:inline-block;}


.dcProNavWrap .dcProNav{width:100%; float:left; display:inline-block; vertical-align:middle;}
	
.dcProNavWrap .dcProNav ul.proNav li{width:33.333333%;}
.dcProNavWrap .dcProNav ul.proNav li a{padding:10px 10px 10px 24px; letter-spacing:-1px; background-size:16px 16px; background-posiiton:2px center;}


.dcListTit{font-size:18px;}
.dcListTxt{font-size:14px; line-height:20px;}

.dc_list_tb td, .dc_list_tb th{font-size:12px;}

.dcSearchTB{width:100%;}
	
}

@media screen and (max-width:480px){
	
	
.dcProNavWrap .dcProNav ul.proNav li{width:50%;}

.dcListTxt{font-size:12px; line-height:18px;}
.dc_list_tb td, .dc_list_tb th{font-size:11px;}

.dcSearchTB input{width:100px;}
	
}


/* DC : 주문서 상단 및 테이블 */

.dc_order_tb{ }

@media screen and (max-width:1000px){
	.dc_order_tb .txt14666666{font-size:12px;}
}





          .dcPrcWrap{width:100%; border-top:1px solid #333333; border-left:1px solid #333333; float:left; box-sizing:border-box;}
		  .dcPrcWrap .dcPrc{width:20%; padding:20px 10px 20px 50px; box-sizing:border-box; background-repeat:no-repeat; background-position:20px center; background-size:20px 20px; font-size:12px; border-bottom:1px solid #333333; border-right:1px solid #333333; float:left; position:relative; text-align:left; cursor:pointer;}
		  .dcPrcWrap .dcPrc01{background-image:url('/images/dc/dc_icon_pro_00.png');}
		  .dcPrcWrap .dcPrc02{background-image:url('/images/dc/dc_icon_pro_01.png');}
		  .dcPrcWrap .dcPrc03{background-image:url('/images/dc/dc_icon_pro_02.png');}
		  .dcPrcWrap .dcPrc04{background-image:url('/images/dc/dc_icon_pro_03.png');}
		  .dcPrcWrap .dcPrc05{background-image:url('/images/dc/dc_icon_pro_04.png');}
		  .dcPrcWrap .dcPrc06{background-image:url('/images/dc/dc_icon_pro_05.png');}
		  .dcPrcWrap .dcPrc07{background-image:url('/images/dc/dc_icon_pro_06.png');}
		  .dcPrcWrap .dcPrc08{background-image:url('/images/dc/dc_icon_pro_07.png');}
		  .dcPrcWrap .dcPrc09{background-image:url('/images/dc/dc_icon_pro_08.png');}
		  .dcPrcWrap .dcPrc09_1{background-image:url('/images/dc/dc_icon_pro_13.png');}
		  .dcPrcWrap .dcPrc10{background-image:url('/images/dc/dc_icon_pro_09.png');}
		  .dcPrcWrap .dcPrc11{background-image:url('/images/dc/dc_icon_pro_10.png');}
		  .dcPrcWrap .dcPrc12{background-image:url('/images/dc/dc_icon_pro_11.png');}
		  .dcPrcWrap .dcPrc13{background-image:url('/images/dc/dc_icon_pro_12.png');}
		  
		  
		  .dcPrcWrap .dcPrc .ord_count{position:absolute; top:50%; right:20px; transform:translateY(-50%);}
		  
		  .dcPrcon{background:#f1f1f1;}
		  
		  @media screen and (max-width:960px){
			  .dcPrcWrap .dcPrc{width:25%;}
		  }
		  
		  @media screen and (max-width:640px){
			  .dcPrcWrap .dcPrc{width:33.333%; padding:15px 10px 15px 30px; background-position:10px center;}
			  .dcPrcWrap .dcPrc .ord_count{right:10px;}

		  }
		  
		  @media screen and (max-width:480px){
			  .dcPrcWrap .dcPrc{width:50%; }

		  }