﻿/* Default CSS Definitions */
/* Elements Default Setting */

* {
	margin: 0;
	padding: 0;	
}

body{
    font-family:"돋움", "돋움체", "Dotum";
	color:#666666;
	font-size:11px;
	text-decoration: none;
	line-height:normal;
}

form {padding:0px; margin:0px}
li {margin:0; padding:0;}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
td,th {padding:0px;}




/* link */
a:link		{color: #999999; text-decoration:none;}
a:visited	{color: #999999; text-decoration:none;}
a:active	{color: #999999; text-decoration:none;}
a:hover 	{color: #555555; text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-size:12px;}

hr, legend	{display: none;}
dl,ul,ol,li {list-style: none;}
li img 		{vertical-align: top;	/* for IE imge margin */}

img, a, fieldset	{border: 0 none}

/* PNG24*/
.png24 {tmp:expression(setPng24(this)); } 

/* Bold */
.b {font-weight:bold;}

/* Font Size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}

/* page route */
.page               { width:지정;}
.page_route	a	    { width:15px; font-size: 11px; color:#지정; }
.page_route a.on	{ font-size: 11px; font-weight:bold; color:#지정; }

/* line */
.dot_line{background:url(../images/common/dot_line.gif) 0 50% repeat-x;}
.border_line{background:url(../border/border_line.gif) left top repeat-x;}

/* form  */
.chk {
	background-color: #221507;
	border: 1px solid #362919;
    width:15px;
    height:15px;
	vertical-align:middle;
}

.ridio {
	vertical-align:middle;
    width:15px;
    height:15px;
}

.input {
	font-size: 11px;
	color: #999999;
	background-color: #FFFFFF;
	border: 1px solid #d4d0c8;
	vertical-align:middle;
}

.text_area { 
	font-size: 12px;
	line-height:130%;
	color: #666666
;
	padding:3px;    
	background: #FFFFFF;
	border:1px solid #dddddd;
	vertical-align:middle;
	
}

/*display none*/
.hidden{ display:none;}


/*float*/
.float_l    {float:left;}
.float_r    {float:right;}
.clear      {clear:both;}

/*text-align*/
.text_l{ text-align:left;}
.text_c{ text-align:center;}
.text_r{ text-align:right;}


/* margin */
.mt04			{margin-top:4px;}
.mt05			{margin-top:5px;}
.mt08			{margin-top:8px;}
.mt09			{margin-top:9px;}
.mt10			{margin-top:10px;}
.mt15			{margin-top:15px;}
.mt20			{margin-top:20px;}
.mt25			{margin-top:25px;}
.mt30			{margin-top:30px;}
.mt35			{margin-top:35px;}
.mt40			{margin-top:40px;}

.ml04			{margin-left:4px;}
.ml05			{margin-left:5px;}
.ml07			{margin-left:7px;}
.ml10			{margin-left:10px;}
.ml11			{margin-left:11px;}
.ml15			{margin-left:15px;}
.ml20			{margin-left:20px;}
.ml25			{margin-left:25px;}
.ml30			{margin-left:30px;}
.ml35			{margin-left:35px;}
.ml40			{margin-left:40px;}
.ml50			{margin-left:50px;}

.mr04			{margin-right:4px;}
.mr05			{margin-right:5px;}
.mr10			{margin-right:10px;}
.mr13			{margin-right:13px;}
.mr15			{margin-right:15px;}
.mr20			{margin-right:20px;}
.mr25			{margin-right:25px;}
.mr30			{margin-right:30px;}
.mr35			{margin-right:35px;}
.mr40			{margin-right:40px;}

.mb05			{margin-bottom:5px;}
.mb10			{margin-bottom:10px;}
.mb15			{margin-bottom:15px;}
.mb20			{margin-bottom:20px;}
.mb25			{margin-bottom:25px;}
.mb30			{margin-bottom:30px;}
.mb35			{margin-bottom:30px;}
.mb40			{margin-bottom:30px;}


/* padding */
.pt05			{padding-top:5px;}
.pt10			{padding-top:10px;}
.pt11			{padding-top:11px;}
.pt12			{padding-top:12px;}
.pt15			{padding-top:15px;}
.pt18			{padding-top:18px;}
.pt20			{padding-top:20px;}
.pt25			{padding-top:25px;}
.pt30			{padding-top:30px;}
.pt35			{padding-top:35px;}
.pt40			{padding-top:40px;}

.pl05			{padding-left:5px;}
.pl10			{padding-left:10px;}
.pl12			{padding-left:12px;}
.pl15			{padding-left:15px;}
.pl20		    {padding-left:20px;}
.pl25			{padding-left:25px;}
.pl30			{padding-left:30px;}
.pl35			{padding-left:35px;}
.pl40			{padding-left:40px;}

.pr05			{padding-right:5px;}
.pr10			{padding-right:10px;}
.pr15			{padding-right:15px;}
.pr20			{padding-right:20px;}
.pr25			{padding-right:25px;}
.pr30			{padding-right:30px;}
.pr35			{padding-right:35px;}
.pr40			{padding-right:40px;}

.pb05			{padding-bottom:5px;}
.pb10			{padding-bottom:10px;}
.pb15			{padding-bottom:15px;}
.pb20			{padding-bottom:20px;}
.pb25			{padding-bottom:25px;}
.pb30			{padding-bottom:30px;}
.pb35			{padding-bottom:35px;}
.pb40			{padding-bottom:40px;}

.pd02           {padding:2px;}
.pd10           {padding:10px;}


/* font-color  */
.f_gray01{color:#555555}
.f_gray02{color:#999999}
.f_gray03{color:#333333}
.f_purple01{color:#9e00e7}
.f_purple02{color:#5c0077}
.f_purple03{color:#66317f;}
.f_black01{color:#212121}
.f_red01{color:#eb0061;}
.f_red02{color:#be0086}
.star_color{color:#bc1b7a}
.board_ttl{color:#ffffff; font-size:12px;}

/* border  */
.gary_box{border:1px solid #dcdcdc;}
.list_box{border:1px solid #e9e9e9;}
.size_box{border:1px solid #454545;}

.right_line{border-right:1px solid #efefef}
.bottom_line{border-bottom:1px solid #d6d6d6;}
.bottom_line01{border-bottom:1px solid #efefef;}

/* bottom */
.bottom_bg_l{background:url(../images/common/bottom_bg_l.gif) left top repeat-x;}
.bottom_bg_r{background:url(../images/common/bottom_bg_r.gif) left top repeat-x;}
.bottom_bg_c{background:url(../images/common/bottom_bg_c.gif) left top no-repeat;}

.bottom_link{height:23px; margin:16px 10px 0 15px;}
.bottom_link li{float:left;}

.bottom_logo{width:170px; height:72px; padding-top:28px; border-right:1px solid #d8d8d8; float:left;}
.bottom_copy{padding-top:8px; margin-left:35px;  float:left;}
.copyright{padding-top:26px; margin-left:35px; width:650px; float:left;}


.board_top_line{background:url(../images/common/board_top_line.gif) left top repeat-x; height:4px;}
.board_bottom_line{background:url(../images/common/board_bottom_line.gif) left top repeat-x; height:2px;}

/* top */
.logo{float:left; margin-left:0px;}
.top_stage{width:970px; height:66px; margin-left:10px;}

.top_link{padding-left:20px; width:390px;  padding-top:10px; float:left; }
.top_link li{float:left;}

.top_quick{float:right; width:350px;   margin-top:10px; text-align:left;}
.top_quick li{float:left;  height:10px;}


.top_quick li.top_serch{clear:both; width:330px; margin-top:14px; text-align:right;}
.serch_fieldset{border:0; text-align:right; }

.top_logo_bg{background:url(../images/common/top_logo_bg.gif) left top no-repeat;}

/* gnb */
.gnb_bg{background:url(../images/common/gnb_bg.gif) 0 0 no-repeat; width:990px; height:40px;}



/* celebrity  */
.cel_bt{border-top:1px solid #d6d6d6;}
.cel_num{position:absolute; width:9px; height:9px; margin-top:-2px; margin-left:-2px;}
.cel_board_bg{margin-left:4px; background-color:#f2f2f2}

.cel_board a:link		{color: #666666; text-decoration:none;}
.cel_board a:visited	{color: #666666; text-decoration:none;}
.cel_board a:active	{color: #666666; text-decoration:none;}
.cel_board a:hover 	{color: #a841f6; text-decoration:none;}



/* sale  */
.sale_bg{background:url(../images/main/sale_bg.gif) left top no-repeat;}

/* md  */
.md_bg{background:url(../images/main/md_bg.gif) left top no-repeat;}

/* brand  */
.brand_bg{background:url(../images/main/brand_bg.gif) left top no-repeat;}

/* ttl  */
.ttl_bg{background:url(../images/common/ttl_bg.gif) left bottom no-repeat;  border-bottom:1px solid #d6d6d6; padding-left:12px;}

/* product */
.product_bg01{background:url(../images/common/product01_box.gif) left bottom no-repeat; padding-top:20px;  padding-left:10px;}
.product_bg02{background:url(../images/common/product02_box.gif) left top no-repeat; padding-top:20px;}
.product_bg03{background:url(../images/common/product03_box.gif) left top no-repeat;}
.codenavi_bg{background:url(../images/common/codenavi_bg.gif) left top no-repeat; padding-right:15px;}

.product_view_ttlbg{background: url(../images/common/product_view_ttl_bg.gif) left bottom repeat-x; padding-bottom:10px;}
.product_view_bg01{background:url(../images/common/product_view_bar01.gif) 0 0 no-repeat; padding-top:20px;}
.product_view_bg02{background: url(../images/common/product_view_bar02.gif) 0 0 no-repeat; padding-top:20px;}

/* size guide */
.size_guide_bg{background:url(../images/common/size_bg.gif) 0 0 repeat-x;}

/* basket */
.basket_top_bg{background:url(../images/common/basket_top_bg.gif) left top no-repeat;}
.basket_border_bg{background:url(../images/common/basket_border_bg.gif);}
.basket_cash_bg{background:url(../images/common/basket_cash_bg.gif) left top no-repeat;}

.bgPosition_center {background-position:center top;}
.bgPosition_right {background-position:right top;}

/*mypage_reserve */
.my_reserve_bg{background:url(../images/common/my_reserve_bg01.gif) 50% 50% no-repeat;}

/*mypage_coupon */
.my_coupon_bg{background:url(../images/common/my_coupon_bg01.gif) 50% 50% no-repeat;}

/*wish_list */
.wish_list_bg{background:url(../images/common/wish_list_bg01.gif) 50% 50% no-repeat;}

/*mypage_orderlist */
.order_list_bg{background:url(../images/common/order_list_bg01.gif) 50% 50% no-repeat;}
.order_teb{position:relative;  margin-left:-3px; float:left; height:24px;}

/* mypage */
.mypage_box{background:url(../images/common/mypage_box.gif) 0 0 no-repeat;}

/* product_review */
.p_review_box{background:url(../images/common/p_review_box.gif) 0 0 no-repeat;}

/* product_serch */
.p_serch_box{background:url(../images/common/p_serch_box.gif) 0 0 no-repeat;}

/*left_menu */
.left_mt{ font-size:13px; background:url(../images/common/left_menu_arr.gif) right 50% no-repeat; font-weight:bold;}
.left_mt_on{ font-size:14px; color:#9e00e7;  background:url(../images/common/left_menu_arr_on.gif) right 50% no-repeat; font-weight:bold;}

.left_ptmt{ background:url(../images/common/left_menu_arr.gif) right 50% no-repeat;}
.left_ptmt_on{  background:url(../images/common/left_menu_arr_on.gif) right 50% no-repeat;}
.left_pfmt{ font-size:13px; font-weight:bold;}
.left_pfmt_on{ font-size:14px; color:#9e00e7; font-weight:bold;}


.left_st{ font-size:12px; color:#999999; background:url(../images/common/left_menu_sarr.gif) 4px 50% no-repeat; font-weight:bold; padding-left:18px;}
.left_st_on{ font-size:12px; color:#444444;  background:url(../images/common/left_menu_sarr_on.gif) 4px 50% no-repeat; font-weight:bold; padding-left:18px;}

.left_ptst{ background:url(../images/common/left_menu_sarr.gif) 4px 50% no-repeat;}
.left_ptst_on{ background:url(../images/common/left_menu_sarr_on.gif) 4px 50% no-repeat;}
.left_pfst{ font-size:12px; color:#999999; font-weight:bold; padding-left:18px;}
.left_pfst_on{ font-size:12px; color:#444444; font-weight:bold; padding-left:18px;}


.left_sst{ font-size:11px; color:#999999; background:url(../images/common/bullet_purple.gif) 4px 50% no-repeat;  padding-left:10px;}
.left_sst_on{ font-size:11px; color:#555555;  background:url(../images/common/bullet_purple_on.gif) 4px 50% no-repeat; padding-left:10px;}

.left_ptsst{ background:url(../images/common/bullet_purple.gif) 4px 50% no-repeat;}
.left_ptsst_on{ background:url(../images/common/bullet_purple_on.gif) 4px 50% no-repeat;}
.left_pfsst{ font-size:11px; color:#999999; padding-left:10px;}
.left_pfsst_on{ font-size:11px; color:#555555; padding-left:10px;}

/* help_desk */
.help_desk_bg01{background:url(../images/common/help_desk_bg01.gif) 0 0 no-repeat;}

/* order */
.order_bg01{background:url(../images/common/order_center_bg.gif) 0 0 repeat-y;}

/* quick */
.quick_bg{background:url(../images/common/quick_bg.gif) 0 0 repeat-y;}

/*HG*/

.join_table td{
 text-align:left;
 padding:5px 15px;
 vertical-align:middle;
}

.join_table td input{
 width:155px;
 height:15px; 
 border:1px #d5d5d5 solid;
}

.join_table td .input02 input{
 width:60px;
}

.join_table td .input03 input{
 width:470px;
}

.join_table td.chk01 input{
 background-color:#fff;
    width:12px;
    height:12px;
 vertical-align:middle;
}

.login_table td input{
 width:155px;
 height:15px; 
 border:1px #d5d5d5 solid;
}

.login_table td.chk01 input{
 background-color:#fff;
    width:12px;
    height:12px;
 vertical-align:middle;
  border:none;
}

.login_m_bg{
 background:url(../images/common/login_m_bg.gif) no-repeat center 0;
 height:120px;
}


.login_table td.input01 input{
 background-color:#fff;
    width:70px;
    height:15px;
 vertical-align:middle;
}

