/*
------------------------------------------------------------
* 파일 이름 : common.css
* 버전 정보 : 1.0
* 메뉴 : 공통
* 작성자 :─━★━─
* 작성일 : 2010. 1. 20
* 설명 : "스톰라이더" 사이트에서 사용하는 css파일
------------------------------------------------------------
*/

/* 
Used Hack 
IE6 & Below 
{ property:value; _property:value; }
IE7 Only
*:first-child+html #selector
IE7 & IE6 & Below
*:first-child+html #selector,
* html #selector {}
*/

/* simple light box ━━━━ */
@import url("/css/slb.css");


/* default.css - Type Selector Definition ━━━━ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { overflow: hidden; height: 100%; width: 100%; margin:0; font-size:.75em; font-family:sans-serif; text-align:center}
table, tr, td, select,input,div,form,textarea {font-family:돋움; font-size:12px;  line-height:130% ; color: #777777;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }
.meta {httpEquiv:imagetoolbar;content:no;}


/*헤더 ━━━━ */
.header{position:absolute; top:20px; z-index:100; right:25px; }
.toplink{width:100%; text-align:right;}
.toplink li{float:right;_display:inline;}
.banner{width:100%; text-align:right; margin-top:22px;}
.banner li{float:right;_display:inline;}

/* png ━━━━ */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}


/* 개미툴 ━━━━ */
A {selector-dummy:expression(this.hideFocus=true);}


/* 글자수 자르기 관련 ━━━━ */
.ct{text-overflow:ellipsis;overflow:hidden}


/* scrollbar ━━━━ */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x:hidden;
	overflow-y:scroll;

	
}
/*
scrollbar-3dlight-color:#F9F9F9;
    scrollbar-arrow-color:#333333;
    scrollbar-track-color:#F4F4F4;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#EDEDED;
    scrollbar-highlight-color:#FAFAFA;
    scrollbar-shadow-color:#BDBDBD; 
*/

/* 링크 */
a:link, a:active, a:visited{color: #777777; text-decoration: none;}
a:hover{color:#25aae1; text-decoration:underline;}

a.ms1:link, a.ms1:visited {text-decoration:none;color:#777777; font-size: 11px; font-family:돋움;}
a.ms1:hover {color:#25aae1;text-decoration:none; font-size: 11px; font-family:돋움;}

a.ms2:link, a.ms2:visited {text-decoration:none;color:#25aae1;}
a.ms2:hover {color:#25aae1;text-decoration:underline;}

a.ms3:link, a.ms3:visited {text-decoration:none;color:#fffff; padding:3px 5px;}
a.ms3:hover {color:#ffffff;text-decoration:underline; background:#00a0dc; padding:3px 5px;}


/* rollover ━━━━ */
a.rollover img.over		{display:none;}
a.rollover:hover			{border:0px;}
a.rollover:hover img		{display:none;}
a.rollover:hover img.over	{display:inline;}


/* background-image ━━━━ */

.main_bg {background-image: url(../images/main/main_bg2.gif); background-repeat:repeat-x;}
.slbpop_topbg {background-image: url(../images/common/slbpop_topbg.gif); background-repeat:repeat-x; height:40px;}
.list_th_bg {background-image: url(../images/board/list_th_bg.gif); background-repeat:no-repeat; vertical-align:middle;}

.brand_bg2 {background-image: url(../images/brand/brand_visual_bg2.gif); background-color:#dee9f6; background-repeat:repeat-x;}
.brandjoin_bg {background-image: url(../images/member/join_brand.gif); background-repeat:no-repeat;}



/* text  ━━━━ */
.sub_big_title {font-size:16px; color:#3E3E3F;  font-weight:bold;}
.sub_text_title {font-size:16px; color:#666666;  font-weight:bold;}
.sub_help_title {font-size:12px; color:#3299CC;  font-weight:bold;}

.gray_small {font-size:11px; color:#777777;}
.gray_small2 {font-size:11px; color:#999999;}
.gray_small3 {font-size:11px; color:#cccccc;}
.gray_small4 {font-size:11px; color:#aaaaaa;}
.gray_small5 {font-size:11px; color:#777777; line-height:14px;}
.gray_sb {font-size:11px; color:#777777; font-weight:bold;}
.dark_gray {font-size:12px; color:#333333;}
.dark_gray_b {font-size:12px; color:#333333; font-weight:bold;}

.white_small {font-size:11px; color:#ffffff;}
.greebwhite_small {font-size:11px; color:#EAF3D5;}

.text_orange_11px_bold {font-size:11px; color:#ff6600; font-weight:bold;}
.text_orange {font-size:12px; color:#ff6600;}
.text_orange_bold {font-size:12px; color:#ff6600; font-weight:bold;}
.orange_16px_ver {font-size:16px; font-family:vendana; color:#ff6600;  font-weight:bold;}

.red_sb {font-size:11px; color:#eb7f87; font-weight:bold;}
.red_b {font-size:12px; color:#f22222; font-weight:bold;}
.red_16px {font-size:16px; color:#f22222; font-weight:bold;}
.red_16px_ver {font-size:16px; font-family:vendana; color:#f22222;  font-weight:bold;}

.blue_small {font-size:11px; color:#25aae1;}
.blue_sb {font-size:11px; color:#25aae1; font-weight:bold;}
.blue_b {font-size:12px; color:#25aae1; font-weight:bold;}
.green_s {font-size:11px; color:#82b40a;}
.gungsuh_small {font-size:x-samll; color:#999999;font-family:Gungsuh;}
.green_12b {font-size:12px; color:#82b40a;font-weight:bold;}

.brown_s {font-size:11px; color:#E79660;}
.brown_sb {font-size:11px; color:#E79660; font-weight:bold;}

.black_14px {font-size:14px; color:#ffffff; font-weight:bold; background:#00a0dc; padding:5px;}

.top {font-size:7pt; font-family:verdana, geneva, helvetica, arial, sans-serif;  text-decoration:none;color:#ffffff;}
.ve1 {font-family:tahoma;font-size:7pt;color:black;}
.ta1 {font-family:tahoma;font-size:7pt;color:#666666;}
.store_title {font-size:12px; color:#002C33;  font-weight:bold; padding:0 5px;}
.text_star {font-size:12px; color:#009800; font-weight:bold;}
.no_title {font-size: 12px; color: #ffffff; font-family: 돋움; padding:3px 3px 0 3px; font-weight:bold; background-color: #cccccc}
.search_title {font-size:14px; color:#777777; font-weight:bold;}
.note {background-color:#a61419; color:#ffffff;padding:3px 5px 1px 5px; font-size:8pt; font-family:돋움; sans-serif; color:#ffffff; line-height:1.5; font-weight:600;}

.sale_title {background-color:red; color:#ffffff;padding:3px 5px 1px 5px; font-size:8pt; font-family:돋움; sans-serif; color:#ffffff; line-height:1.5; font-weight:600;}



/* 탭메뉴 */
div.main-tab { 
    width: 100%;
    float: left;
    background: url(../images/main/r_tabline.gif) repeat-x bottom;
    margin: 0px 0px 10px 0px;
}
div.main-tab ul {
    float: left;
    display: inline;
}
div.main-tab ul li {
    display: inline;
    float: left;
    line-height: 0%;
    font-size: 0px;
}
div.main-tab p { /* more버튼 */
    float: right;
    margin: 10px 0 0 0;
}


/* 최근게시물 리스트부분 */
.list li {
	list-style-type:none;
	padding:1 7;
	margin:0 0;	
	background: url(../images/common/allow_gray.gif) no-repeat 0px 50%;
	}

.list2 li {
	list-style-type:none;
	font-size:11px;
	padding:5 7;
	margin:0 0;	
	background: url(../images/common/allow_gray.gif) no-repeat 0px 30%;
	}


/* 라인 ━━━━ */
.line1 {background-color:#dedede; padding:0;}
.line2 {background-color:#dedede; padding:0; height:1px;}
.line_2pixel {background-color:#dedede; padding:0; height:2px;}
.line_2pixel_red {background-color:#a61419; padding:0; height:2px;}
.line_2pixel2 {background-color:#979797; padding:0; height:2px;}
.line_3pixel {background-color:#dedede; padding:0; height:3px;}
.line_blue {background-color:#b4f0ff; padding:0; height:1px;}
.line_orange {background-color:#ff6600; padding:0; height:1px;}

.dotline_1px {background-image: url(../images/common/dot_line.gif); background-repeat:repeat-x; height:1px;}
.basiclogin_line {background-image: url(../images/member/bg_bx_line.gif); background-repeat:repeat-x; height:1px;}


/* 백그라운드 bgcolor */
.bg1 {background-color:#009800; padding:0px;}
.bg2 {background-color:#002C33; padding:0px;}
.bg3 {background-color:#002C33; padding:0px;}



/* 게시판 */
.tb_board_title {background-color:#aaaaaa; padding:5; color: #fff;}
.tb_board2_title {background-color:#bbbbbb; padding:5; color: #fff;}
.tb_board {padding:5px 5px;}
.tb_board_highright {background-color:#f7f7f7; padding:5px 5px; font-weight:bold;}
.ve1 { font-family:tahoma;font-size:7pt;color:black;}
.board_text01 {font-size:12px; color:#25aae1; font-weight:bold;}
.board_text02 {font-size:11px;}

.tb_board3 td {padding:5px 5px;}
.tb_board_highright3 td {background-color:#f7f7f7; font-weight:bold;}


/* 표  ━━━━ */
.tb_title_grey {background-color:#bbbbbb; padding:5px; color: #ffffff;}
.tb_white {background-color:#FFFFFF; padding:5px;}
.tb_whitered {background-color:#f2ecec; padding:5px;}
.tb_gray {background-color:#F6F6F6; padding:5px;}
.tb_white05 {background-color:#FFFFFF; padding:5px; font-size:11px;}
.tb_gray05 {background-color:#F6F6F6; padding:5px; font-size:11px;}



/* 테이블 bgcolor  ━━━━ */
.tb_bg01 {background-color:#F6F6F6; padding:5px;}
.tb_bg02 {background-color:#FFFFFF; padding:5px;}
.tb_bg_store {background-color:#e6e6e6; padding:5px;}

.join_tb_bg {background-color:#efefef; padding:5px 10px;}
.join_tb_bg02 {background-color:#efefef; padding:5px 0 5px 24px;}
.join_tb_none {background-color:#ffffff; padding:5px 10px;}

.tb_bg03 {background-color:#FFFFFF; padding:5px; font-size:11px; font-family: 돋움;}
.tb_bg04 {background-color:#E5E5E5; padding:5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg05 {background-color:#FFF0C8; padding:0px; font-size:12px; color: #666666; font-weight:bold;}
.tb_bg06 {background-color:#F0F4FB; padding:5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg07 {background-color:#efefef; padding:5; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg08 {background-color:#FAF3EA; padding:2px 5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg09 {background-color:#ffffff; padding:2px 5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg10 {padding:5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg11 {background-color:#ffffff; padding:5; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg12 {padding:2px 5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg13 {padding:5px 0px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg_title {background-color:#00a0dc; padding:2px 5px;font-size:12px; color: #ffffff; font-weight:bold;}
.tb_bg_title02 {background-color:#FFF0C8; padding:5px; font-size:12px; color: #666666; font-weight:bold;}
.tb_bg_title03 {background-color:#FFFF00; padding:5px; font-size:12px; color: #333333; font-weight:bold;}
.tb_bg_title04 {background-color:#FAF3EA; padding:5px; font-size:12px; color: #666666; font-family: 돋움;}
.tb_bg_title05 {background-color:#DFF2FF; padding:5px; font-size:12px; color: #666666; font-weight:bold;}
.tb_bg_small_title01 {background-color:#efefef; padding:3px 0px; font-size:11px; color: #333333; font-family: 돋움;}


td.title { font-family:돋움;  text-align: center;  font-size: 10pt; }
td.weekday {  font-family:돋움;  text-align: center;  background-color: #F0E9F1;  font-size: 10pt;}
td.valid {  font-family:돋움;  text-align: center;  background-color: #FFFFFF;  font-size: 9pt;}
td.invalid {  font-family:돋움;  text-align: center;  background-color: #FFFFFF;  font-size: 12px;}
td.today {  font-family:돋움;  text-align: center;  background-color: #FFFFFF;}


/* round box  ━━━━ */
.rtop, .rbottom{display:block;} 
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;} 
.r1{margin:0 5px; background:#dfdfdf} 
.r2{margin:0 3px; border-left:2px solid #dfdfdf; border-right:2px solid #dfdfdf; background:#F7F7F7} 
.r3{margin:0 2px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#F7F7F7} 
.r4{margin:0 1px; height:2px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#F7F7F7} 
.box{ margin:0; padding:5px 10px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px;  background:#F7F7F7; font-size:12px} 


/* textarea  ━━━━ */
.areafull {border:1x solid #dfdfdf; width:99%; height:120px; color:#666666; font-family: dotum; font-size:12px; background-color:#f7f7f7; padding:5px; }
.join_textarea {border:1x solid #CCCCCC; width:100%; height:100px; padding:5px; font-family:dotum;}
.areafull_comment {border:1x solid #dfdfdf; width:99%; color:#666666; font-family: dotum; font-size:12px; height:50px; background-color:#ffffff;padding:5px; }
.textarea	{ 
    border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; padding:3px;font-size:1em; color:#666666; width:100%;
    
    scrollbar-3dlight-color:#F9F9F9;
    scrollbar-arrow-color:#929292;
    scrollbar-track-color:#F4F4F4;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#EDEDED;
    scrollbar-highlight-color:#FAFAFA;
    scrollbar-shadow-color:#BDBDBD; 
}

.output_textarea	{ 
    border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; padding:0px;font-size:1em; color:#666666; width:100%;
    
    scrollbar-3dlight-color:#F9F9F9;
    scrollbar-arrow-color:#929292;
    scrollbar-track-color:#F4F4F4;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#EDEDED;
    scrollbar-highlight-color:#FAFAFA;
    scrollbar-shadow-color:#BDBDBD; 
}

#tDiv {background: #f7f7f7; width:100%; border:1px solid #dfdfdf; padding:2px;}
#memo {width:100%; height:100px; border:0; font-size:12px; color:#666666; padding:5px; line-height:150%; overflow:auto;}
.textarea-handle {
	height:18px;
	overflow:hidden;
	display: block;
	background: #f7f7f7;
	background:url('../images/common/grab-handle.gif') 50% 50% no-repeat;
	margin:0;
}

.tag { margin:0px;}
.tag .info { font-size:.9em; color:#999999; background:url("../images/common/allow_red.gif") no-repeat 0% 40%; margin-top:5px; padding-left:5px;}
.tag .help { vertical-align:middle;}
.inputTypeText { width:40%; background:#FFFFFF url("../images/common/iconTag.gif") no-repeat 5px 5px; padding-left:30px;
 border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.7em; font-size:1em;}
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }


/* 폼스타일 */
.OnTextM {
	border-color:#C7C7C7;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
	color:#848484;
	height:25px;}

/* 우편번호 */
#zipscroll {border-right: gray 0px dashed; padding-right: 7px; border-top: gray 0px dashed; padding-left: 7px; padding-bottom: 7px; overflow: auto; border-left: gray 0px dashed; width: 250px; padding-top: 7px; border-bottom: gray 0px dashed; height: 100px }


/* Input Style Definition  ━━━━ */
.input1 { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; height:1.7em; line-height:1em; background:#ffffff; font-size:1em;}
.input1:hover,
.input1:focus { background:#f4f4f4; }

.input3 { border:2px solid; border-color:#cccccc #cccccc #cccccc #cccccc; padding:3px; height:2.2em; line-height:1.5em; background:#ffffff; font-size:1em; }
.input3:hover,
.input3:focus { background:#f4f4f4; }

.input4 { border:2px solid; border-color:#cccccc #cccccc #cccccc #cccccc; padding:3px; height:2.5em; line-height:1.8em; background:#ffffff; font-size:1.2em; font-weight:bold;}
.input4:hover,
.input4:focus { background:#f4f4f4; }

.input_area { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; height:1.8em; line-height:1em; background:#ffffff; font-size:1em;}
.input_area:hover,
.input_area:focus { background:#f4f4f4; }

.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }


.input2 { font-family:돋움; font-size:9pt; color:#474556; background-color:#FFFFFF; border-width:1; border-color:#cccccc; border-style:solid; 
scrollbar-3dlight-color:#F9F9F9;
    scrollbar-arrow-color:#929292;
    scrollbar-track-color:#F4F4F4;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#EDEDED;
    scrollbar-highlight-color:#FAFAFA;
    scrollbar-shadow-color:#BDBDBD;
}



/* 셀렉트박스  ━━━━ */
#select_item_align * {VERTICAL-ALIGN: middle; TEXT-ALIGN: left;}
.select_item { behavior: url(/js/selectitem.htc);}


/* 회원가입쪽 탭박스  ━━━━ */
.tab_join{position:absolute;left:30px;top:60px;background:url(/images/member/tab_line.gif) repeat-x;width:100%;height:61px;z-index:30;}
.tab_join li.line{float:left;position:relative}
.tab_join li.line2{float:left;margin-right:-1px;}
.tab_join li.line a{z-index:10;display:block;position:absolute;top:0px}
.tab_join li.line a:hover{z-index:20;margin-right:0px;margin-left:0px;}
.tab_join li.line a.on{z-index:20}
.tab_join li.line a.tab1{left:0px}
.tab_join li.line a.tab2{left:144px}
.tab_join li.line a.tab3{left:288px}
.tab_join li.line a.tab4{left:432px}

/* submit */
.submit {
	color:#666666; 
	border-left:1px solid #d4d4d4; 
	border-top:1px solid #d4d4d4; 
	border-right:1px solid #adadad; 
	border-bottom:1px solid #adadad; 
	background-color:#f1f1f1;
	font-size:8pt;
	height:20px;
	font-weight:bold;
	}


/** 페이지 넘버링 **/
.page_num {font-size: 9pt; color: #666666; background-position: center; padding:5px;}
.page_num:link         { color:#666666; font-size: 9pt; text-decoration: none;}
.page_num:visited    { color:#666666; font-size: 9pt; text-decoration: none;}
.page_num:active     { color:#666666; font-size: 9pt; text-decoration: underline; background-color:#F5F5F5;}
.page_num:hover     { color:#666666; font-size: 9pt; text-decoration: underline; background-color:#F5F5F5;}

.page_numo {font-size: 9pt; color: #F56F1F; background-position: center; padding:5px; font-weight:bold;}
.page_numo:link         { color:#F56F1F; font-size: 9pt; text-decoration: none;}
.page_numo:visited    { color:#F56F1F; font-size: 9pt; text-decoration: none;}
.page_numo:active     { color:#F56F1F; font-size: 9pt; text-decoration: underline; background-color:#F5F5F5;}
.page_numo:hover     { color:#F56F1F; font-size: 9pt; text-decoration: underline; background-color:#F5F5F5;}

.num_middle {font-size: 9pt; color: #CCCCCC;}



/* 팝업 및 기타설정 스타일  ━━━━ */
.invisible { position: absolute; visibility: hidden; }
.topstyle {	font-size: 11px; color: #666666; text-decoration: none;}
.style1 {	color: #2F64C8;	font-weight: bold;}
.style2 {font-size: 12pt}
.style3 {color: #990000}
.style5 {font-size: 12px;color: #333333;}


/* 비쥬얼에디터 링크  ━━━━ */
A.AutoLinkType_red:link		{text-decoration:none;color:#D8442C;border-bottom:2px solid #E78B29}
A.AutoLinkType_red:visited	{text-decoration:none;color:#D8442C;border-bottom:2px solid #E78B29}
A.AutoLinkType_red:active	{text-decoration:none;color:#D8442C;border-bottom:2px solid #E78B29}
A.AutoLinkType_red:hover	{text-decoration:none;color:#A9250F;border-bottom:2px solid #DD7611}

A.AutoLinkType_blue:link	{text-decoration:none;color:#2A61A4;border-bottom:2px solid #37AFCD}
A.AutoLinkType_blue:visited	{text-decoration:none;color:#2A61A4;border-bottom:2px solid #37AFCD}
A.AutoLinkType_blue:active	{text-decoration:none;color:#2A61A4;border-bottom:2px solid #37AFCD}
A.AutoLinkType_blue:hover	{text-decoration:none;color:#144684;border-bottom:2px solid #3796CD}


A.AutoLinkType_green:link		{text-decoration:none;color:#368E36;border-bottom:2px solid #76BD31}
A.AutoLinkType_green:visited	{text-decoration:none;color:#368E36;border-bottom:2px solid #76BD31}
A.AutoLinkType_green:active		{text-decoration:none;color:#368E36;border-bottom:2px solid #76BD31}
A.AutoLinkType_green:hover		{text-decoration:none;color:#136F13;border-bottom:2px solid #5FA90F}


/* 박스  ━━━━ */
.rbox01 {
	border:1px solid #dedede;
	background-color:#ffffff; 
	padding:10px 10px;
	}

.rbox02 {
	border:1px solid #dedede;
	background-color:#f2ecec; 
	padding:10px 10px;	
	font-size:11px;
	color:#86484a;
	}
.rbox03 {
	border:1px solid #dedede;
	background-color:#ffffff; 
	padding:5px;
	}

.rbox04 {
	border:1px solid #efefef;
	background-color:#f7f7f7; 
	padding:5px;
	}




/* 게시판 이미지 줌 관련 */
.zoominner{padding-bottom:10px; background:#FFF; text-align:left;}
.zoominner p{padding:5px; color:#999; margin:0; padding-right:10px; }
.zoominner p a{float:left;margin-left:10px; width:17px;height:17px;background:url('../images/common/imgzoom_tb.gif') no-repeat 0 0;line-height:100px;overflow:hidden;}
.zoominner p a:hover{background-position:0 -39px;}
.zoominner p a.imgadjust{background-position:-40px 0;}
.zoominner p a.imgadjust:hover{background-position:-40px -39px;}

.zoominner p a.imgclose{background-position:-80px 0;}
.zoominner p a.imgclose:hover{background-position:-80px -39px;}
.zoominner #zoomimgbox{text-align:center;}


.right{float:right;}
.left{float:left;}


 
 /* 상품 로케이션바 */
#currentPosition, #currentPosition .select {color:#7F7F7F;}
#currentPosition {position:relative;z-index:3;float:left;width:770px;height:35px;top:5px;}
	#currentPosition li {float:left; text-align:left;}
	#currentPosition .text {padding:3px 2px 0 5px;color:#777777;}
	#currentPosition .text a {color:#777777;}
	#currentPosition .text a:hover {color:#d7000f;}
	#currentPosition .select {width:150px;height:13px;padding:4px 3px 2px;margin-left:5px;border:1px solid #D2D2D2;background:#fff url('../images/common/select_arrow.gif') no-repeat 98% 50%;}
#currentPosition_sub, #currentPosition_big, #currentPosition_middle, #currentPosition_small, #currentPosition_detail {position:absolute;width:150px;height:80px;overflow-Y:auto;background:#fff;border:1px solid #D2D2D2;border-top:0px;margin-left:5px;padding:2px 3px 0;display:none;}
	#currentPosition_sub a, #currentPosition_big a,	#currentPosition_middle a, #currentPosition_small a, #currentPosition_detail a {display:block;width:100%;height:12px;font-size:90%;margin-top:2px;padding-top:2px; background:#fff;}	
	#currentPosition_sub a:hover, #currentPosition_big a:hover,	#currentPosition_middle a:hover, #currentPosition_small a:hover, #currentPosition_detail a:hover {text-decoration:none;color:#d7000f;background:#eee;}
	#currentPosition_sub .on a, #currentPosition_big .on a, #currentPosition_middle .on a, #currentPosition_small .on a, #currentPosition_detail .on a {color:#00174f;font-weight:bold;font-size:90%;height:14px;margin-top:2px;padding-top:2px;}
	#currentPosition_sub li, #currentPosition_big li, #currentPosition_middle li, #currentPosition_small li, #currentPosition_detail li {float:none;height:16px;}



/* 테이블 그림자 효과*/
.maintable, .shadowtable {
position: relative; width: 200px; height: 300px
}
/*테이블의 넓이와 높이 만큼 영역을 잡아 주세요*/
.maintable {
left: -5px; top: -5px; background-color: white
}
/*테이블 위치를 상단과 왼쪽으로 -5만큼 위치 시켰습니다.*/
.shadowtable {
background-color: #efefef
}
/*테이블의 원래 위치 이며 배경색을 주어 그림자 효과를 주었습니다.*/

.questable, .shadowquestable {
position: relative; width: 200px;
}
/*테이블의 넓이와 높이 만큼 영역을 잡아 주세요*/
.questable {
left: -5px; top: -6px; background:transparent;
}
/*테이블 위치를 상단과 왼쪽으로 -5만큼 위치 시켰습니다.*/
.shadowquestable {
background-color: #efefef
}
/*테이블의 원래 위치 이며 배경색을 주어 그림자 효과를 주었습니다.*/

.line_ques {background-color:#cccccc; padding:0;}


/* 네이버 맵*/
.ctl{width:100%; table-layout:fixed; margin:0px}		
#mapContainer {display:block; text-align:center; border:1px solid #dedede;}
#mapContainer image {margin:0 auto}


/* 팝업*/
#informationbar{
position: fixed;
left: 0;
width: 660;
text-indent: 5px;
padding: 0px 0;
background-color: #d2f0ff;
border-bottom: 1px solid #dedede;
font: 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}



/* 상품 카테고리 */
#sub1{
	z-index: 2; background: white; filter: alpha(opacity=85); left: 126px; visibility: hidden; overflow: hidden; width: 126px; position: absolute; top: 0px
}
#sub2{
	z-index: 2; background: white; filter: alpha(opacity=85); left: 126px; visibility: hidden; overflow: hidden; width: 126px; position: absolute; top: 23px
}

/* Ajax 스피너 */
#spinner {

    position:absolute;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    margin:auto;
}

.ime_kor {
	ime-mode:active;
}
.ime_eng {
	ime-mode:inactive;
}

/* 상품쪽 관련 - rollover */
a.rollover img.over		{display:none;}
a.rollover:hover			{border:0px;}
a.rollover:hover img		{display:none;}
a.rollover:hover img.over	{display:inline;}

.pos_a {position:relative; height:0px;}
.pos_a	a.rollover	{height:20px;}
.pos_a	a.rollover:hover	{height:20px;}
.pos_a	.QinfoDiv {position:absolute; z-index:-1;}

.quick_info {
	position:absolute;
	margin-left:-103%;
	display:none;
	z-index:5
}

.quick_text {
	font-family:Verdana, AppleGothic, Sans-serif;; 
	font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	background-color:#00a0dc; 
	padding:1px 3px;
}

.default_text {
	position:absolute;
}

.view_title { 
	font-family:Verdana, AppleGothic, Sans-serif; 
	font-size:11px; 
	color:#666666; 
	font-weight:bold; 
	background-color:#efefef; 
	padding:1px 5px 2px 5px; 
	line-height:170%; 
	vertical-align:text-bottom;
}

.view_small_title { 
	font-family:돋움; 
	font-size:11px; 
	color:#777777;
	padding:1px 5px 2px 0; 
	line-height:150%; 
	vertical-align:text-bottom;
}

.soldout_title {
	font-family:Verdana, AppleGothic, Sans-serif;
	font-size:10px; 
	color:#ffd200; 
	font-weight:bold; 
	background-color:#000; 
	padding:0 0 0 0;
}

.open_title {
	font-family:돋움;
	font-size:11px; 
	color:#fff; 
	font-weight:bold; 
	background-color:#000; 
	padding:0 0 0 0;
}


/* 스폐셜리뷰박스 */
.review_box {
	border:1px solid #dedede;
	background-color:#ffffff; 
	padding:20px 0 20px 20px;
}


/* START Script.aculo.us definitions for autocompletion */

div.autocomplete {
  position:absolute;
  width: 350px;
  background: #fff;
  text-align:left;
}

div.autocom_zipcode_addr {
  position:absolute;
  width: 350px;
  background: #fff;
  text-align:left;
}

div.autocom_item {
  position:absolute;
  width: 500px;
  background: #fff;
  text-align:left;
}

div.autocom_shop {
  position:absolute;
  width: 350px;
  background: #fff;
  text-align:left;
}

div.autocom_unit_price {
  position:absolute;
  width: 100px;
  background: #fff;
  text-align:left;
}

div.autocomplete ul {
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
   font-size:12px; 
}

div.autocomplete ul li {
  margin: 0;
  padding: 3px;
}

div.autocomplete ul li.selected {
  background-color: #cfe2f6;
}

div.autocomplete ul strong.highlight {
  color: #800;
  margin: 0;
  padding: 0;
}

div.info {
  background-color: #dddddd;
  float: none;
  margin: 5px 0px;
  padding: 5px;
  border: solid 1px black;
  position: absolute
}

span.autocom_hidden {
	display:none;
}
 
/* END Script.aculo.us definitions for autocompletion */



.window_close {
	float:right;
	display:block;
	position:relative;
	top:4px;
	bottom:4px;
	right:5px;
	height:13px;
	width:13px;
	background-image:url("../window_close.gif");
	cursor:pointer;
    cursor:hand;
	margin: -27px 0 0 0;
}



/* Window */
#control_overlay {
	background-color:#000;
}

.modal {
	background-color:#fff;
	padding:10px;
	border:1px solid #333;
}

.tooltip {
	border:1px solid #000;
	background-color:#fff;
/*	height:25px;
	width:200px;	*/
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
}

.simple_window {
	width:250px;
	height:50px;
	border:1px solid #000;
	background-color:#fff;
	padding:10px;
	text-align:left;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
}

.window {
	background-image:url("../window_background.png");
	background-position:top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:10px;
	font-family:"Lucida Grande",Verdana;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	min-width:150px;
	min-height:100px;
	width:95%;
	height:70%;	
}


.window .window_contents {
	margin-top:10px;
	width:100%;
	height:100%;	
}

.window .window_header {
	text-align:center;
}

.window .window_title {
	margin-top:-7px;
	margin-bottom:7px;
	font-size:11px;
	cursor:move;
}

.window .window_close {
	display:block;
	position:relative;
	top:4px;
	left:5px;
	height:13px;
	width:13px;
	background-image:url("../window_close.gif");
	cursor:pointer;
    cursor:hand;
}
/* END Window */


.number_ {
	text-align:right;
}

.display_none{
	display:none
}