@charset "euc-kr";
/* CSS Document */





* { margin:0; padding:0;}

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }

.mt9 { margin-top:9px !important; }
.mt36 { margin-top:36px !important; }

.mr7 { margin-right:7px !important; }
.mr27 { margin-right:27px !important; }

.visibility_h { visibility:hidden;  }

.text_hidden { position:absolute; left:-10000px; top:auto; width:0px; height:0px; overflow:hidden; }

.top_btn { display:none;  position: fixed; right:0; bottom:85px; cursor: pointer; }

.fr { float:right; }

.hidden { display:none; text-indent:-9999px; font-size:0; width:0; height:0; }

/*----ÇÑÁÙ¿ë ±ÛÀÚ ÄÆÆÃ----*/
.overflow_title {  white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden;} 
/*----¿©·¯ÁÙ¿ë ±ÛÀÚ ÄÆÆÃ(ÇØ´ç Ŭ·¡½º¸¦ ÁÖ´Â °÷¿£ height °ªÀÌ ÀûÇôÀÖ¾î¾ßÇÑ´Ù.)----*/
.overflow_content { overflow:hidden; }

/*¸ñ·Ïº¸±â ¹öÆ°*/
.view_list_btn { float:right;}



table caption { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; font-size:0;  }

.select_box { float:left; background:#fff; border:1px solid #b96209; margin-left:416px; margin-right:4px;}
.select_box .select { float:left;}
.select_box .select .select_img { float:left; position:relative; z-index:200;}
.select_box .select .select_img p { float:left; border:1px solid #d0d0d0; font-size:12px; padding:9px 18px 10px 9px; cursor:pointer; position:relative; min-width:98px;}
.select_box .select .select_img p a { text-decoration:none; color:#000;}
.select_box .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box .select .select_img .select_opt { float:left; background:#fff; position:absolute; left:0px; top:30px; z-index:99; border:1px solid #dbdbdb; display:none; z-index:100;}
.select_box .select .select_img .select_opt ul { float:left; width:100%;}
.select_box .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#000; min-width:102px;}
.select_box .select .select_img .select_opt ul li a:hover { background:#999;}

.select_box .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box .select img { float:left; cursor:pointer;}

.family_site { position:absolute; right:0; top:37px; float:left; background:#fff; border:0; border-bottom:1px solid #a2a2a2;}
.family_site .select { float:left;}
.family_site .select .family_site_select { float:left; position:relative; z-index:200;}
.family_site .select .family_site_select p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:9px 18px 10px 9px; cursor:pointer; position:relative; min-width:148px;}
.family_site .select .family_site_select p a { text-decoration:none; color:#000;}
.family_site .select .family_site_select p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.family_site .select .family_site_select .select_opt { float:left; background:#fff; position:absolute; left:0px; bottom:31px; z-index:99; border:1px solid #dbdbdb; display:none; z-index:100;}
.family_site .select .family_site_select .select_opt ul { float:left; width:100%;}
.family_site .select .family_site_select .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.family_site .select .family_site_select .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#000; min-width:150px;}
.family_site .select .family_site_select .select_opt ul li a:hover { background:#999;}

.family_site .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.family_site .select img { float:left; cursor:pointer;}



.select_box03 { float:left; background:#fff; border:0; border:1px solid #c3c2c2;}
.select_box03 .select { float:left;}
.select_box03 .select .select_img { float:left; position:relative; z-index:200;}
.select_box03 .select .select_img p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:10px 18px 11px 9px; cursor:pointer; position:relative; min-width:160px;}
.select_box03 .select .select_img p a { text-decoration:none; color:#000;}
.select_box03 .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box03 .select .select_img .select_opt { float:left; background:#fff; position:absolute; left:-1px; top:33px; z-index:99; border:1px solid #c3c2c2; display:none; z-index:100;}
.select_box03 .select .select_img .select_opt ul { float:left; width:100%;}
.select_box03 .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box03 .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#000; min-width:164px;}
.select_box03 .select .select_img .select_opt ul li a:hover { background:#999;}

.select_box03 .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box03 .select img { float:left; cursor:pointer;}

.select_box04 { float:left; background:#fff; border:0; border:1px solid #c3c2c2;}
.select_box04 .select { float:left;}
.select_box04 .select .select_img { float:left; position:relative; z-index:200;}
.select_box04 .select .select_img p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:10px 18px 11px 9px; cursor:pointer; position:relative; min-width:247px;}
.select_box04 .select .select_img p a { text-decoration:none; color:#000; line-height:1;}
.select_box04 .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box04 .select .select_img .select_opt { float:left; background:#fff; width:274px; max-height:150px; overflow-y:scroll; position:absolute; left:-1px; top:33px; z-index:99; border:1px solid #c3c2c2; display:none; z-index:100;}
.select_box04 .select .select_img .select_opt ul { float:left; width:100%;}
.select_box04 .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box04 .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#000; min-width:234px; line-height:1.3; }
.select_box04 .select .select_img .select_opt ul li a:hover { background:#999;}
.select_box04 .select .select_img .select_opt ul li a.hover { background:#999;}

.select_box04 .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box04 .select img { float:left; cursor:pointer;}


.select_box05 { float:left; background:#fff; border:0; border:1px solid #c3c2c2;}
.select_box05 .select { float:left;}
.select_box05 .select .select_img { float:left; position:relative; z-index:200;}
.select_box05 .select .select_img p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:10px 18px 11px 9px; *padding:13px 18px 8px 9px; cursor:pointer; position:relative; min-width:70px;}
.select_box05 .select .select_img p a { text-decoration:none; color:#000;}
.select_box05 .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box05 .select .select_img .select_opt { float:left; background:#fff; position:absolute; left:-1px; top:33px; z-index:99; border:1px solid #c3c2c2; display:none; z-index:100;}
.select_box05 .select .select_img .select_opt ul { float:left; width:100%;}
.select_box05 .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box05 .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#000; min-width:74px;}
.select_box05 .select .select_img .select_opt ul li a:hover { background:#999;}

.select_box05 .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box05 .select img { float:left; cursor:pointer;}

.select_box06 { float:left; background:#fff; border:0; border:1px solid #c3c2c2; margin-left:10px;}
.select_box06 .select { float:left;}
.select_box06 .select .select_img { float:left; position:relative; z-index:200;}
.select_box06 .select .select_img p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:10px 18px 11px 9px; cursor:pointer; position:relative; min-width:160px;}
.select_box06 .select .select_img p a { text-decoration:none; color:#888; line-height:1;}
.select_box06 .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box06 .select .select_img .select_opt { float:left; background:#fff; width:187px; max-height:150px; overflow-y:scroll; position:absolute; left:-1px; top:33px; z-index:99; border:1px solid #c3c2c2; display:none; z-index:100;}
.select_box06 .select .select_img .select_opt ul { float:left; width:100%;}
.select_box06 .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box06 .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#888; min-width:147px; line-height:1.3; }
.select_box06 .select .select_img .select_opt ul li a:hover { background:#999;}
.select_box06 .select .select_img .select_opt ul li a.hover { background:#999;}

.select_box06 .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box06 .select img { float:left; cursor:pointer;}

.select_box07 { float:left; background:#fff; border:0; border:1px solid #c3c2c2; }
.select_box07 .select { float:left;}
.select_box07 .select .select_img { float:left; position:relative; z-index:200;}
.select_box07 .select .select_img p { float:left; /*border:1px solid #d0d0d0;*/ font-size:12px; padding:10px 18px 11px 9px; cursor:pointer; position:relative; min-width:160px;}
.select_box07 .select .select_img p a { text-decoration:none; color:#888; line-height:1;}
.select_box07 .select .select_img p img { float:left; cursor:pointer; position:absolute; right:8px; top:14px;}
.select_box07 .select .select_img .select_opt { float:left; background:#fff; width:187px; max-height:150px; overflow-y:scroll; position:absolute; left:-1px; top:33px; z-index:99; border:1px solid #c3c2c2; display:none; z-index:100;}
.select_box07 .select .select_img .select_opt ul { float:left; width:100%;}
.select_box07 .select .select_img .select_opt ul li { float:left; font-size:12px; cursor:pointer;}
.select_box07 .select .select_img .select_opt ul li a { float:left; text-decoration:none; padding:6px 14px 6px 9px; color:#888; min-width:147px; line-height:1.3; }
.select_box07 .select .select_img .select_opt ul li a:hover { background:#999;}
.select_box07 .select .select_img .select_opt ul li a.hover { background:#999;}

.select_box07 .select input { float:left; width:168px; height:24px; border:1px solid #dbdbdb; margin:0 5px;}
.select_box07 .select img { float:left; cursor:pointer;}



/*¿À¸¥ÂÊ ¹öÆ° À̹ÌÁö */
/* ex) ¸ÞÀÎ : PROMOTION ÀÇ Àüüº¸±â */
/* ex) ¼­ºê viewÆäÀÌÁöÀÇ  : ¸ñ·Ïº¸±â */
.right_btn_area { width:100%; text-align:right;}
.right_btn_area a {  }
.center_btn_area { width:100%; text-align:center;}
.center_btn_area img { margin:0 2px;}

.left_btn_area { float:left; width:100%; text-align:left;}





/*ÆäÀÌ¡*/
.paging { clear:both; width:100%; height:38px; text-align:center; line-height:3.2;}
.paging_wrap { width:100%; height:34px;}
.paging span { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span a { display:inline; width:30px; font-size:12px; color:#bdbdcd; padding:6px 9px 4px 9px; border:1px solid #c8c8c8; background:#fff;}
.paging span a:hover { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span a:focus { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span a.pg_sel { color:#ffffff !important; background:#0040b5 !important; border:1px solid #0040b5; }

.paging span.prev1 { width:32px; text-align:center; margin-right:5px; font-size:12px; margin-right:17px !important;}
.paging span.prev2 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span.prev1 a { border:1px solid #0040b5; background:#fff; color:#0040b5;}
.paging span.prev2 a { padding:5px 7px; border:1px solid #0040b5; background:#fff; color:#0040b5;}
.paging span.prev1 a { display:inline; width:30px; font-size:10px; color:#0040b5; padding:6px 10px; border:1px solid #0040b5; background:#fff;}
.paging span.prev2 a { display:inline; width:30px; font-size:10px; color:#0040b5; padding:6px 7px; border:1px solid #0040b5; background:#fff;}
.paging span.prev1 a:hover { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.prev1 a:focus { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.prev2 a:hover { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.prev2 a:focus { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}


.paging span.next1 { width:32px; text-align:center; margin-right:5px; font-size:12px; margin-left:10px !important;}
.paging span.next2 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span.next1 a { border:1px solid #0040b5; background:#fff; color:#0040b5;}
.paging span.next2 a { padding:5px 7px; border:1px solid #0040b5; background:#fff; color:#0040b5;}
.paging span.next1 a { display:inline; width:30px; font-size:10px; color:#0040b5; padding:6px 10px; border:1px solid #0040b5; background:#fff;}
.paging span.next2 a { display:inline; width:30px; font-size:10px; color:#0040b5; padding:6px 7px; border:1px solid #0040b5; background:#fff;}
.paging span.next1 a:hover { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.next1 a:focus { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.next2 a:hover { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}
.paging span.next2 a:focus { border:1px solid #0040b5; background:#0040b5; color:#ffffff;}


/*.paging ul li.nolink:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}*/
.paging span.nolink1 { display:inline; width:30px; padding:6px 10px; margin-right:5px; border:1px solid #c8c8c8; background:#c8c8c8; color:#fff; text-align:center; font-size:10px; }
.paging span.nolink2 { display:inline; width:30px; padding:6px 8px; margin-right:5px; border:1px solid #c8c8c8; background:#c8c8c8; color:#fff; text-align:center; font-size:10px; }
.paging span.pg_sel { color:#ffffff !important; background:#2761ae !important; border:1px solid #0040b5;}