@import url("reset.css");

/* layout */

body {
 font-size:13px;
 font-family:Malgun Gothic, "맑은 고딕", dotum, "돋움", gulim, "굴림", AppleGothic, sans-serif;
 color:#666; 
}
.clear {clear:both;}
.hid {display:none;}
.red {color:#c7402a;}
.orange {color:#f69307;}
.blue {color:#2478c5;}
.lgray {color:#999;}
.black {color:#444;}
.alignC {text-align:center;}
.alignL {text-align:left;}
.alignR {text-align:right;}
.floatL {float:left;}
.floatR {float:right;}
.smtxt {font-size:13px; font-weight:normal;}
input, textarea, select {font-family:Malgun Gothic, "맑은 고딕", dotum, "돋움", gulim, "굴림", AppleGothic, sans-serif; letter-spacing:-1px; font-size:13px;}
select {border:solid 1px #dcdcdc; height:20px; line-height:20px; padding:3px 3px; color:#666;}
input[type="text"], input[type="password"] {border:solid 1px #dcdcdc; height:25px; line-height:25px; padding:0 3px; color:#666;}
input[type="checkbox"] {vertical-align:middle; margin-right:3px;}
input[type="radio"] {margin-right:3px;}
textarea {color:#666;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mr10 {margin-right:10px}

/* button */
.btn_g {
	display:inline-block;
	background:#a5a9ac; 
	color:#fff; 
	border-color:#9ca0a3; 
	font-size:13px;
	height:27px;
	line-height:23px;
	padding:0 10px;
	vertical-align:top;
}
.btn_blue {
	display:inline-block;
	background:#2661ac;
	border:solid 1px #2661ac;
	color:#fff;
	font-size:14px;
	height:28px;
	line-height:26px;
	padding:0 15px;
	letter-spacing:-0.5px;
}
.btnset_save {text-align:right; margin:50px 0 30px 0;}
.btn_right {text-align:right;}
.btn_left {text-align:left;}
.btn_left li, .btnset_save li {display:inline; }
.btn_right li {display:inline; margin-left:1px;}
.btn_set {text-align:center; margin-top:45px;}
.btn_set li {display:inline; margin:0 3px;}
.btn_guide {
	display:inline-block;
	background:#fff;
	border:solid 1px #898989;
	color:#555;
	font-size:14px;
	height:29px;
	line-height:27px;
	padding:0 10px;
	font-weight:normal; 
	letter-spacing:-1px;
	float:right;
}
.search_orange {
	position:absolute;
	right:15px;
	bottom:10px;
	display:inline-block;
	background:#fb9a10;
	border:solid 1px #f4940c;
	color:#fff;
	font-size:14px;
	height:31px;
	line-height:30px;
	padding:0 18px;
	letter-spacing:-0.5px;
}
.btn_regist {
	display:inline-block;
	background:#81BA7B;
	border:solid 1px #81BA7B;
	color:#fff;
	font-size:13px;
	height:28px;
	line-height:26px;
	padding:0 15px;
	letter-spacing:-0.5px;
	border-radius:3px;
}
/* MyKancode분류 */
.search_orange_mykancode {
	position:inline-block;
	right:120px;
	bottom:10px;
	display:inline-block;
	background:#fb9a10;
	border:solid 1px #f4940c;
	color:#fff;
	font-size:14px;
	height:31px;
	line-height:30px;
	padding:0 18px;
	letter-spacing:-0.5px;
}
.btn_regist_mykancode {
	position:inline-block;
	right:15px;
	bottom:10px;
	display:inline-block;
	background:#83B8E9;
	border:solid 1px #83B8E9;
	color:#fff;
	font-size:14px;
	height:31px;
	line-height:30px;
	padding:0 18px;
	letter-spacing:-0.5px;	
}
/* MyKancode분류 end */
.btn_excel {
	display:inline-block;
	background:#fff;
	border:solid 1px #7590b3;
	color:#415b7d;
	font-size:13px;
	height:28px;
	line-height:26px;
	padding:0 7px;
	letter-spacing:-1.5px;
	border-radius:2px;
}
.btn_title {
	display:inline-block;
	background:#fff;
	border:solid 1px #8d9aa6;
	color:#57697a;
	font-size:13px;
	height:25px;
	line-height:24px;
	padding:0 8px;
	font-weight:normal; 
	letter-spacing:-1px;
	border-radius:3px;
	margin-left:7px;
}
.btn_save {
	display:inline-block;
	background:#028743;
	border:solid 1px #028743;
	color:#fff;
	font-size:13px;
	height:26px;
	padding:5px 25px 0 25px;
}
.btn_excel2 {
	display:inline-block;
	background:#fff;
	border:solid 1px #415b7d;
	color:#415b7d;
	font-size:13px;
	height:26px;
	padding:5px 25px 0 25px;
}
.btn_del {
	display:inline-block;
	background:#e8e8e8;
	border:solid 1px #d1d1d1;
	color:#333;
	font-size:13px;
	height:26px;
	padding:5px 25px 0 25px;
}
.product_con .btn_del {
	font-size:13px;
	height:28px;
	line-height:26px;
	padding:0 14px;
	letter-spacing:-0.5px;
}
/* contents */
.contents h3 {display:inline-block; float:left; font-size:23px; color:#028743; letter-spacing:-1px; margin-bottom:25px;}
.contents .location {background:url("../images/home.gif") no-repeat left 1px; padding-left:12px; color:#777; line-height:12px; font-size: 12px; margin-bottom:20px;}
.search_form {
	clear:both;
	position:relative;
	border:solid 3px #dcdcdc;
	padding:10px 30px 10px 15px;
	margin-bottom:30px;
	letter-spacing:-0.5px;
}
.search_form dl {display:inline-block; zoom:1; *display:inline; margin:3px 0; line-height:1.5; }
.search_form dt {min-width:40px; margin-right:10px; display:inline-block; float:left; line-height:26px;}
.search_form dd {display:inline-block; margin-right:20px; line-height:26px;}
.search_form dd label {margin-right:7px; line-height:1.5;}
.search_form .date, table .date {display:inline-block; width:22px; height:25px; vertical-align:top; text-indent:-9999px;  margin:0 5px; background:url("../images/date.gif") no-repeat left 2px; }
.search_form .desc, table .desc {color:#999; font-size:13px; letter-spacing:-1px; }

.table_title {display:inline-block; width:100%; margin-bottom:5px; line-height:28px; letter-spacing:-1px; }
.table_title select {vertical-align:top; margin-top:1px;}
.table_title .result {font-size:13px;}
.table_title h4 {font-size:15px; color:#555; background:url("../images/bullet.gif") no-repeat left 60%; padding-left:10px; line-height:2;}
.table_title .pre {float:right; font-size:13px; color:#777;}
table {width:100%; border-top:solid 2px #888; letter-spacing:-0.5px;}
table .l_line {border-left:solid 1px #e5e5e5;}
table .r_line {border-right:solid 1px #e5e5e5;}
table .no_line {border-right:0 !important;}
table .textbox {line-height:1.5;}
table .btn_g {
	display:inline-block;
	background:#e8e8e8;
	border:solid 1px #ccc;
	color:#5f5f5f;
	height:25px;
	line-height:23px;
	padding:0 10px;
	margin-top:1px;
	vertical-align:top;
	letter-spacing:-1px;
}
table .btn_file {
	display:inline-block;
	background:#a5a9ac; 
	color:#fff !important;
	border:solid 1px #9ca0a3;
	height:25px;
	line-height:23px;
	padding:0 10px;
	margin-top:1px;
	vertical-align:top;
	letter-spacing:-1px;
}
table .btn_b {
	display:inline-block;
	background:#fff;
	border:solid 1px #2661ac;
	color:#104c99 !important;
	height:25px;
	line-height:23px;
	padding:0 10px;
	margin-top:1px;
	vertical-align:top;
	letter-spacing:-1px;
}

#contents .col_table {letter-spacing:-0.5px; margin-bottom:10px; border-top:solid 2px #7ea7c6;}
#contents .col_table th {height:27px; padding:4px 0 5px 0; background:#f7fafc; border-bottom:solid 1px #d8d8d8; text-align:center; font-weight:normal; letter-spacing:-1.5px; line-height:1.2;  }
#contents .col_table td {height:27px; padding:4px 0 5px 0; border-bottom:solid 1px #d8d8d8;  line-height:1.2;}
/*#contents .col_table td > a:hover{text-decoration:underline;}*/
a.a_bold:hover{text-decoration:underline; font-weight: bold; font-size:0.9em}
#contents .col_table .menu_level1 {display:inline-block; width:100%; margin:5px 0 0px 0;}
#contents .col_table .menu_level2 {display:inline-block; width:100%; margin:5px 0 8px 0;}
#contents .col_table .menu_level1 dt {background:#fff; padding:0px 5px; float:left; line-height:1.5; border:solid 1px #bbb; margin-top:2px; color:#777;}
#contents .col_table .menu_level2 dt {background:#eee; padding:0px 5px; float:left; line-height:1.5; border:solid 1px #bbb; margin-top:2px; color:#777;}
#contents .col_table .menu_level1 dd, #contents .col_table .menu_level2 dd {margin-left:60px;  line-height:1.5;}
#contents .row_table {margin-bottom:15px; border-top:solid 2px #7ea7c6;}
#contents .row_table tr {height:27px; }
#contents .row_table tr th:first-child {border-left:none !important;}
#contents .row_table th {background:#f7fafc; border-bottom:solid 1px #d8d8d8; text-align:left; padding-left:8px; font-weight:normal; letter-spacing:-1.5px; line-height:1.2; border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;}
#contents .row_table td {border-bottom:solid 1px #d8d8d8;  padding:5px 5px; line-height:30px;}
#contents .row_table td.address span {display:inline-block; min-width:80px;}
#contents .row_table .formdown dl {display:inline-block; float:left; margin:0 2px; width:32%; border:solid 1px #ccc; text-align:center;}
#contents .row_table .formdown dt {border-bottom:solid 1px #ccc; padding:0 15px; background:#f6f6f6;}
#contents .row_table .formdown dd {padding:5px 15px}
#contents .row_table .no_border {border-left:0 !important;}
#contents .row_table .ex {font-size:13px; color:#888;}
#contents .row_table .graybg {background:#f8f8f8;}
#contents .row_table .caption {line-height:2; font-size:13px;}
#contents textarea {width:100%; border:solid 1px #ccc;}
#contents .row_table td .second_table {margin:5px 0;}
#contents .row_table td .second_table th {height:30px; background:#fff; border-left:0; border-right:0; border-bottom:solid 1px #aaa; text-align:center;}
#contents .row_table td .second_table td {height:20px; line-height:20px;}
#contents table input[type="radio"] {vertical-align:middle;}
.col_table td a, .row_table td a {color:#555;}
.cont_tab {width:100%; display:inline-block; margin:40px 0 25px 0;}
.cont_tab ul {width:100%; display:inline-block; height:34px; border-bottom:solid 1px #275793; margin-left:1px;}
.cont_tab li {
	float:left; 
	height:34px;
	}
.cont_tab li a {
	height:34px;
	line-height:33px;
	display:inline-block;
	padding:0 20px; 
	border-top:solid 1px #c0c0c0; 
	border-right:solid 1px #c0c0c0; 
	min-width:55px; 
	text-align:center;
	color:#666;
}

.cont_tab li:first-child a{border-left:solid 1px #c0c0c0; margin-left:0 !important;}
.cont_tab li.on, .cont_tab li:hover { border-bottom:solid 1px #fff; }
.cont_tab li.on a, .cont_tab li:hover a {border-color:#275793; color:#194a88; font-weight:bold; border-left:solid 1px #275793; margin-left:-1px;}
.scroll {overflow-y:auto; overflow-x:hidden; height:371px;}
.paging {text-align:center; margin-top:25px;}
.paging > a {display:inline-block ; margin:0 7px;}
.paging ul {display:inline; margin:0 10px;}
.paging li {display:inline;}
.paging li a {
	display:inline-block;
	height:28px;
	width:28px;
	line-height:25px;
	border:solid 1px #b0b0b0;
	color:#666;
	text-align:center;
	margin:0 1px;
}
.paging li.on a, .paging li:hover a {background:#028743; color:#fff;}
.consult { border-bottom:solid 1px #aaa;}
.consult dt {
	text-indent:7px;
	border-top:solid 2px #7d7d7d;
	border-bottom:solid 1px #bbb;
	height:40px;
}
.consult dt li {display:inline-block; float:left; margin-right:3px; padding-right:13px; margin-top:5px; line-height:29px;background:url("../images/list_bar.gif") no-repeat right 9px;}
.consult dt .btn_consult {display:inline-block; float:right; margin-right:7px; letter-spacing:-0.5px;}
.consult dt .btn_consult li {background:none; padding:0; margin:7px 0 0 0; text-indent:0;}
.consult dt .btn_consult a {
	vertical-align:middle;
	display:inline-block;
	height:24px;
	width:55px;
	line-height:21px;
	text-align:center;
	margin-left:-1px;
	border-radius:3px 0 0 3px;
	border:solid 1px #ccc;  color:#666; font-size:13px;}
.consult dt .btn_consult a:first-child {border-radius:0 3px 3px 0;}
.consult dt .btn_consult a:hover {background:#aaa; color:#fff;}
.consult dt .icon1 {border:solid 1px #4db5e0; color:#288bb5; padding:3px 4px; margin-left:5px; letter-spacing:-1px; font-weight:bold; font-size:13px;}
.consult dd {padding:10px 10px; line-height:1.5; background:#f9f9f9;}

.infolist {display:inline-block;}
.infolist li {display:inline-block; float:left; margin-right:10px; padding-left:13px; margin-top:5px; line-height:20px;background:url("../images/list_bar.gif") no-repeat left 5px;}
.infolist li:first-child {background:none; padding:0;}

.notice_em {font-weight:bold; background:#fafafa;}
.notice_em .emicon {padding:1px 7px 3px 7px; border-radius:3px;  background:#7bbbe3; font-weight:bold; color:#fff; font-size:13px; margin-right:7px;}
.notice_file {line-height:1.9;}
.notice_file li {background:url("../images/icon_file.gif") no-repeat left 5px;  background-size:14px 17px; padding-left:20px; }
.notice_file li a {color:#555; font-size:13px;}
.notice_file li a:hover {text-decoration:underline;}
.notice_detailtext {line-height:1.7 !important;}

.notice_faq {border-top:solid 2px #7e7e7e; letter-spacing:-0.5px;}
.notice_faq dt {height:45px; line-height:45px; background:url("../images/faq_q.gif") no-repeat 15px 11px; padding-left:50px; border-bottom:solid 1px #c8c8c8;}
.notice_faq dt a {color:#666;}
.notice_faq dt span {border:solid 1px #ccc; padding:1px 10px 3px 10px; border-radius:20px; font-size:13px; letter-spacing:-1.5px; margin-right:5px;} 
.notice_faq dd {background:#f8f8f8 url("../images/faq_a.png") no-repeat 15px 13px; padding:10px 30px 10px 50px; border-bottom:solid 1px #c8c8c8; line-height:1.5;}

.search_faq {text-align:center;} 
.search_faq dt {text-align:right; line-height:28px;} 
.search_faq dd {margin-right:0;}
.search_faq dd input {height:29px}
.search_faq_btn {text-align:center; margin:0 auto;}
.search_faq_btn ul{height:22px; text-align:center; border-top:solid 1px #eee; padding-top:7px; margin-top:10px;}
.search_faq_btn li {display:inline-block; zoom:1; *display:inline; margin-right:10px; padding-left:13px; margin-top:5px; line-height:14px; background:url("../images/bar_dot.gif") repeat-y left 5px;}
.search_faq_btn li a{display:inline-block; float:left;  color:#666; font-size:13px;}
.search_faq_btn li a:hover {color:#444;}
.search_faq_btn li:first-child {background:none; padding:0;}
.btn_faq {
	vertical-align:top;
	margin-top:2px;
	display:inline-block;
	background:#fb9a10;
	border:solid 1px #f4940c;
	color:#fff;
	font-size:14px;
	height:31px;
	line-height:30px;
	padding:0 18px;
	letter-spacing:-0.5px;
}

#contents .calendar_table {letter-spacing:-0.5px; margin-bottom:10px; border-top:solid 2px #7e7e7e;}
#contents .calendar_table th { border-bottom:solid 1px #7e7e7e; text-align:center;  height:42px; line-height:40px;}
#contents .calendar_table td {border-bottom:solid 1px #d8d8d8; text-align:center;  height:75px; line-height:1.5; border-left:solid 1px #eee; padding:5px}
#contents .calendar_table td a {display:inline-block;  width:100%; height:75px; vertical-align:top; color:#666;}
#contents .calendar_table td:first-child {border-left:none;}
#contents .calendar_table td.gray {background:#f6f6f6;}
#contents .calendar_table td span {text-align:left; display:block;}

.date_select {clear:both; position:relative; text-align:center; font-weight:bold; font-size:15px; color:#444; margin-bottom:15px; line-height:27px; letter-spacing:-1px;}
.date_select img {vertical-align:top; margin:0 15px;}
.date_select .btn_regist {position:absolute; right:0; bottom:0; font-weight:normal;}

.file_box {position:relative; vertical-align:middle; line-height:1.5;}
.file_text {float:left; width:200px; background-color:#f6f6f6; color:#777;}
.file_wrap {overflow:hidden;display:inline-block;}
.file_add {filter:alpha(opacity:0); opacity:0; width:75px; height:28px;  vertical-align:top; position: absolute; top:0px; cursor:pointer;}
.file_box .btn_g {background:#a5a9ac; color:#fff; border-color:#9ca0a3; }
.file_list li {line-height:2; letter-spacing:-0.5px;}
.file_list li span{ padding-left:10px; font-size:13px;}
.file_box .btn_g {margin-top:0;}

/* 트리메뉴 */
.treemenu_area {width:46%; clear:both;}
.treemenu { min-width:300px; width:100%; border:solid 3px #a9b2ba; position:relative; }
.treetitle {background:#a9b2ba; color:#fff;  height:35px; padding:2px 10px 0 15px;}
.treetitle h4 {font-size:17px;display:inline-block; float:left;  line-height:1.7; }
.treelist {padding:10px 0 100px 20px;}
.treelist .depth1 li a {display:inline-block; color:#555; padding-left:8px;  line-height:1.5;}
.treelist .depth2 li {  padding-left:15px; background:url("../images/tree_depth.gif") no-repeat 25px top;}
.treelist ul {padding:5px 0;}
.treelist .depth3 li {  padding-left:20px; background:url("../images/tree_depth.gif") no-repeat 30px top;}
.treelist .depth2 li.end {padding-left:15px; background:url("../images/tree_depth_end.gif") no-repeat 25px top;}
.treelist .depth1 > li {background:url("../images/folder.gif") no-repeat left 3px;}
.treelist .depth1 .open {background:url("../images/folder_open.gif") no-repeat left 3px;}
.treelist .depth1 .close {background:url("../images/folder_close.gif") no-repeat left 3px;}

.treelist .depth2 .open2  {background:url("../images/depth_line.gif") repeat-y 25px top;}
.treelist .depth2 .open2 > a {background:url("../images/depth2_open.gif") no-repeat 4px 5px;}
.treelist .depth2 .close2 > a {background:url("../images/depth2_close.gif") no-repeat 4px 5px;}

.tree_footer {
	height:32px; line-height:32px; border-top:solid 1px #d3dae0;
	width:100%;
	position:absolute; bottom:0; left:0;
	background:url("../images/tree_drag.gif") no-repeat right bottom;
	letter-spacing:-1px;
	font-size:13px;
}
.tree_footer .open_all {color:#555; padding-left:20px; margin:0 15px; background:url("../images/tree_open_all.gif") no-repeat left 2px;}
.tree_footer .close_all {color:#555; padding-left:20px; background:url("../images/tree_close_all.gif") no-repeat left 2px;}
.btn_menuadd {
	display:inline-block;
	background:#fff;
	border:solid 1px #8d9aa6;
	color:#57697a;
	font-size:13px;
	height:26px;
	line-height:24px;
	padding:0 10px;
	margin-top:1px;
	vertical-align:top;
	letter-spacing:-1.5px;
	border-radius:3px;
	box-shadow:0 1px 2px #97a2ab;
}

.treediv {position:relative; width:100%;}
.w50 {width:50%; }
.right_con {position:absolute; right:0; top:50px; display:inline-block;}
.right_con h4 {font-size:17px; margin-bottom:10px;}

/* 상품등록 리스트 */
.product_info {clear:both;width:100%; min-width:745px; }
.product_info h4{font-weight:normal; height:40px; line-height:38px;border:solid 1px #ccc;  margin-bottom:8px; border-radius:5px;  padding-left:20px; background:url("../images/product_open.png") no-repeat 97% center;  }
.product_info h4 img {vertical-align:top; margin-right:5px; margin-top:10px;}
.product_info h4:hover {background-color:#f9f9f9; }
.product_info h4.on {background:#f9f9f9 url("../images/product_close.png") no-repeat 97% center; font-weight:bold;}
.product_info h4 a{display:inline-block; width:100%; color:#666; font-size:15px;}
.product_con {padding:20px 0 50px 0; }
.product_con h5 {font-size:15px; color:#555; font-weight:bold; background:url("../images/bullet.gif") no-repeat left 60%; padding-left:10px; margin-bottom:10px;}
.product_con .image_list {display:inline-block; width:100%; vertical-align:top; position:relative; padding-bottom:20px;}
.product_con .image_list h5 {position:absolute; top:-30px; left:25.5%;}
.image_list dl {display:inline-block; min-width:20%; width:23.6%; float:left; margin-left:1.51%; border:solid 1px #ccc; text-align:center; margin-bottom:10px; }
.image_list dl:first-child {margin-left:0;}
.image_list dt {height:33px; line-height:32px; background:#028743; color:#fff;}
.image_list dd {padding:5px 0; border-top:solid 1px #ddd; }
.image_list dd.imgview {height:200px; }
.image_list dd.imgview span {line-height:200px; vertical-align:middle;} 
.image_list .btn_img {
	display:inline-block;
	height:24px;
	line-height:22px;
	background:#fff;
	border:solid 1px #2661ac;
	color:#104c99;
	padding:0 7px;
}
.image_list .btn_g {
	height:24px;
	line-height:22px;
	background:#dcdcdc;
	color:#555;
	border:solid 1px #c7c7c7;
}
.barcord_num {text-align:center; font-size:16px; }
.barcord_num span{padding:2px 8px; border:solid 1px #b2bbc1; margin:0 2px;}
.select_layer {clear:both; display:inline-block; zoom:1; *display:inline; position:relative;}
.select_layer:hover .selectlist {display:inline;}
.select_layer .selectlist {position:absolute; top:30px; width:109px; border:solid 1px #7494bc; border-radius:3px; background:#fff; box-shadow:1px 1px 3px #ccc; display:none;}
.select_layer .selectlist li {padding:0 10px; color:#5a616a; text-align:left; line-height:1.7;}
.select_layer .selectlist li:hover, .select_layer ul li.on {background:#f0f0f0;}

/** 메인페이지 신규상품바코드 레이어팝업 **/
.title > a + span.main_product_select {position:relative; display:none;}
.title > a:hover + span.main_product_select {display:inline;}
.title > a + span.main_product_select:hover {display:inline;}
.title > a + span.main_product_select > .select_layer_main {clear:both; display:inline-block; zoom:1; *display:inline; position:absolute; top:-3px; left:-4px; }
.title > a + span.main_product_select > .select_layer_main .selectlist {width:102px; border:solid 1px #7494bc; border-radius:3px; background:#fff; box-shadow:1px 1px 3px #ccc; padding:10px;}
.title > a + span.main_product_select > .select_layer_main .selectlist li {padding:0px; color:#5a616a; text-align:left; line-height:1.7;}
.title > a + span.main_product_select > .select_layer_main .selectlist li:hover, .select_layer ul li.on {background:#f0f0f0;}

.title > a + span.main_product_select > .select_layer_main .selectlist2 {width:110px; border:solid 1px #7494bc; border-radius:3px; background:#fff; box-shadow:1px 1px 3px #ccc; padding:10px;}
.title > a + span.main_product_select > .select_layer_main .selectlist2 li {padding:0px; color:#5a616a; text-align:left; line-height:1.7;}
.title > a + span.main_product_select > .select_layer_main .selectlist2 li:hover, .select_layer ul li.on {background:#f0f0f0;}

.selectlist_img {display:inline-block; border:solid 1px #c0c0c0; border-radius:3px; margin-top:5px;}
.selectlist_img li {float:left; height:25px; line-height:24px; }
.selectlist_img li a{ display:inline-block; width:65px; text-align:center; border-left:solid 1px #ccc;}
.selectlist_img li:first-child a{border-left:none;}
.selectlist_img li a:hover, .selectlist_img li.on a {background:#ecece9;}

.explain_text {border:solid 1px #bbb; color:#444; padding:10px 20px; margin-bottom:30px;}
/* 컨텐츠 레이어 */
.layer_area {position:absolute; top:50%; left:50%; margin-left:-380px; margin-top:-100px;background:#fff; min-width:650px; border:solid 3px #2f7fca; }
.layer_title {height:50px; font-weight:bold; line-height:45px; padding:0 30px; background:#2f7fca;  font-size:21px; color:#fff; letter-spacing:-1px; }
.layer_title .close {display:inline-block;  position:absolute; right:30px; top:10px; font-size:1px; width:34px;
	height:33px; text-indent:-9999px; background:url("../images/close_w.png") no-repeat right top;}
.layer_cont {padding:25px 30px 30px 30px}
/* 배송상품내역 */
.layer_area2 {position:absolute; top:25%; left:58%; margin-left:-380px; margin-top:-100px;background:#fff; min-width:650px; border:solid 3px #2f7fca; }
/* 바메이트 */
.barmate_text {border:solid 1px #bbb; color:#444; padding:10px 20px 10px 20px; margin-bottom:10px; clear:both; background:#f8f8f8;}
.barmate_btn {text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:dotted 1px #cdcdcd;}
/*툴팁 스타일*/
a.tip {
    position: relative;
}
a.tip span {
    display: none;
    position: absolute;
    line-height: 15px;
   	letter-spacing: 0;
   	word-spacing: nomal;
   	text-align:left !important;
    top: 20px;
    left: -10px;
    width: 125px;
    padding: 5px;
    z-index: 100;
    background: #E6FFFF;
    color: #000;
    -moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
    -webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
    inline-height:10px;
    box-shadow:2px 2px 5px #8C8C8C;
    border:solid 1px #C2E2E8;
}
a:hover.tip span {
    display: block;
}

/*툴팁 스타일*/
a.tipBvrAccept {
    position: relative;
}
a.tipBvrAccept span {
    display: none; 
    text-align:left !important;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 220px;
    padding: 5px;
    z-index: 100;
    background: #000;
    color: #fff;
    -moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
    -webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
    inline-height:10px;
}
a:hover.tipBvrAccept span {
    display: block;
}