

* {margin:0; padding:0;}  


body { font-family: "µ¸¿ò"; font-size: 12px; color: #333333; }
.hidden { display:none; }
input { height:16px; padding:3px 2px 1px; vertical-align:middle; }
button { cursor:pointer; }
button span { display:block; position:relative; z-index:-1; overflow:hidden; }

/* TABLE */
table {border-collapse:collapse; border-spacing:0; width:100%;}
table caption {display:none;}
table th,
table td {vertical-align:top; text-align:left}
table th {font-weight:bold;}
/* FORM */
legend {display:none;}
input, select, textarea, button {
    display:inline-block;
    vertical-align:middle;
}
select, textarea {border:1px solid #bbb;}
select {color:#666; height:21px;} /* IE6 height */
textarea {overflow:auto;} /* IE scroll hidden */
button {
    letter-spacing: normal;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
input.img {border:0;}
input.txt {border:1px solid #bbb; height:15px; padding:2px;}
input.txt:focus,
textarea:focus {border-color:#666 !important;}
input.radios,
input.checkbox {
	height:13px;
	margin:0 3px 3px 0;
	width:13px;
}
.ir {display:block;}
.ir .hidden {
    overflow: hidden;
    position: relative;
    z-index: -1;
	display: block;
}
button.ir {
    background:none no-repeat scroll 0 0 transparent;
    border:0;
    cursor:pointer;
    display:inline-block;
    margin:0;
    overflow:hidden;
    padding:0;
    text-decoration:none !important;
    white-space:nowrap;
}
.blind {
    font-size: 0;
    height: 0px;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 0;
}

label {cursor:pointer;}

.checkbox {border:0;}

/*ÆùÆ® ¸®½ºÆ® ¿¹) f12_000000_b -> font+12px+#000000+bold*/
.f11_000000 { color:#000000; font-size:11px;font-weight:normal; }
.f11_ffffff { color:#ffffff; font-size:11px;font-weight:normal; }
.f12_000000 { color:#000000; font-size:12px;font-weight:normal; }
.f12_red { color:red; font-size:12px;font-weight:normal; }
.f12_000000_under { color:#000000; font-size:12px;font-weight:normal; text-decoration: underline;}
.f12_333333_under { color:#333333; font-size:12px;font-weight:normal; text-decoration: underline;}

.f14_000000b { color:#000000; font-size:14px;font-weight:bold; }
.f14_2f3743b { color:#2f3743; font-size:14px;font-weight:bold; }
.f11_AFB5B5 { color:#AFB5B5; font-size:11px;font-weight:normal; }
.f4_6793D2 { color:#6793D2; font-size:11px;font-weight:normal; }
.f12_333333 { color:#333333; font-size:12px;font-weight:normal; }
.f14_333333b { color:#333333; font-size:14px;font-weight:bold; }
.f11_999999 { color:#999999; font-size:11px;font-weight:normal; }
.f11_333333 { color:#333333; font-size:11px;font-weight:normal; }


.line_height22 {
line-height:22px;
position:relative;
top:2px;
}


.flot_left {
float:left;
}

.flot_right {
float:right;
}




.dot0 {
margin-right:2px;
margin-top:-1px;
}

.dot1 {
margin-right:4px;
margin-top:-1px;
}

.dot2 {
margin-right:6px;
margin-top:-2px;
}


img {border:0 none;vertical-align:middle;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#383d41;text-decoration:none;}


/* Site Layout - Body Wrap */
body { background:#ffffff;}
#bodyWrap1 { width:100%; height:74px; border-top:4px solid #b81613; background-color:#000000; border-bottom:1px solid #ff2a00; position:relative; z-index:2;}
#bodyWrap2 { width:100%;background-color:#000000;border-top:1px solid #000000;border-bottom:1px solid #000000;}
#bodyWrap3 { width:100%;}
#footer_layout {width:100%; overflow:hidden;}


#contents_layout {width:986px; margin:auto;}




.body_layout {
margin:auto;
width:981px;
position:relative;
}

#cate_layout {
background-image:url(https://img.appstory.co.kr/c.appstory.co.kr/bg_cate.gif); 
background-position: right top;
background-repeat:no-repeat;
height:74px;
width:980px;
}

#btn_cate1_on,#btn_cate1 {
position:absolute;
top:19px;
left:257px;
cursor:pointer;
}


#btn_cate2_on,#btn_cate2 {
position:absolute;
top:19px;
left:427px;
cursor:pointer;
}


#btn_cate3_on,#btn_cate3 {
position:absolute;
top:19px;
left:597px;
cursor:pointer;
}

#move_pointer {
position:absolute;
top:60px;
left:50%;
width:38px;
height:18px;
z-index:-1;
}


#btn_order_list {
width:49px;
height:42px;
float:right;
margin-top:12px;
margin-left:11px;
cursor:pointer;
}


#btn_advice {
width:57px;
height:26px;
float:right;
margin-top:32px;
margin-left:11px;
cursor:pointer;
}


#btn_faq {
width:29px;
height:26px;
float:right;
margin-top:32px;
margin-left:11px;
cursor:pointer;
}



#btn_go_login {
position:absolute;
top:5px;
right:0px;
}


#product_layout {
width:100%;
height:240px;
overflow:hidden;
background-image:url(https://img.appstory.co.kr/c.appstory.co.kr/bg_product.jpg); 
background-repeat:no-repeat;
background-position: center top;
}

#product_layout_sub {
width:100%;
position:relative;
height:240px;
overflow:hidden;
}

#product_layout_sub .txt_menu {line-height:1.5; position:absolute; text-align:left;}
#product_layout_sub .txt_menu .hot {
background:transparent url("https://img.appstory.co.kr/www.appstory.co.kr/shop/ico_h_11x11.gif") no-repeat right 50%;
padding-right:17px;
}
#product_layout_sub .txt_menu a {color:#FFF;}
#product_layout_sub .txt_menu a:hover {color:red;}

#product_list1 {
width:100%;
height:303px;
margin:auto;
text-align:center;
position:relative;
}

#product_list1 .case {left:229px; top:190px;}
#product_list1 .battery {top:190px; left:0;}
#product_list1 .etc {left:528px; top:190px;}
#product_list1 .machine {left:618px; top:190px;}
#product_list2 .case {left:384px; top:212px;}
#product_list2 .iphone {top:190px; left:230px;}
#product_list2 .common {top:190px; left:0;}
#product_list2 .common2 {top:190px; left:142px;}
#product_list3 .case {left:340px; top:208px;}
#product_list3 .group {top:190px; left:342px;}
#product_list3 .txt_menu {top:190px; left:0;}


#product_list2 {
width:100%;
height:303px;
margin:auto;
text-align:center;
position:relative;
}


#product_list3 {
width:100%;
height:303px;
margin:auto;
text-align:center;
position:relative;

}

.over_view_layer {
width:59px;
height:59px;
position:absolute;
border:2px solid #e5140d;
top:-99px;
cursor:pointer;
}

/*
.over_view_layer {
width:63px;
height:63px;
position:absolute;
z-index:100;
top:-99px;
cursor:pointer;
background-image:url(https://img.appstory.co.kr/c.appstory.co.kr/over_view_layer.gif); 
background-repeat:no-repeat;
}

*/


.clickr_view_layer {
width:59px;
height:59px;
position:absolute;
border:2px solid #c7e500;
z-index:100;
top:-99px;
}

.product_box {
width:981px;
margin:auto;
position:relative;
}

#product_detail {
float:right;
padding-top:10px;
position:relative;
width:776px;
}

#product_reply {
float:left;
padding-top:10px;
width:100%;
}


#product_right {
width:200px;
float:left;
}

.right_banner {
width:200px;
float:left;
}



#footer_div1 {
border-bottom:1px solid #CECECE;
border-top:1px solid #CECECE;
float:left;
height:31px;
margin:80px 0 0 0;
position:relative;
text-align:center;
width:100%;
}

#footer_div2 {
width:100%;
height:72px;
padding-bottom:30px;
background-image:url(https://img.appstory.co.kr/c.appstory.co.kr/bg_appstory_footer_info_v4.gif); 
background-repeat:no-repeat;
background-position: center top;
float:left;
}












/* ---------------------------------------------------- ¾ÛÅäÄ¿¸Ó½º µµ¿ò¸» */
.limited_notice {
	/*background:#F6F6F6 url('https://img.appstory.co.kr/www.appstory.co.kr/shop/txt_snc_notice_read_top_0915.jpg') no-repeat 7px 9px;*/
	background:#F6F6F6 url('https://img.appstory.co.kr/www.appstory.co.kr/shop/txt_snc_notice_read_top_v4.jpg') no-repeat 7px 6px;
	border:1px solid #D9D9D9;
	height:30px;
	padding:5px 5px 0 0;
	text-indent:-9999em;
	width:768px;
}


#read_top_btn_layout_new {
background-color:#F9F9F9;
background:transparent url('http://imgtrue.appstory.co.kr/www.appstory.co.kr/shop/txt_social_share.gif') no-repeat 5px 10px;
border:1px solid #D9D9D9;
float:none;
height:30px;
margin:5px 0;
padding:5px 5px 0 0;
text-align:right;
width:760px;
}

#read_top_btn_layout_new.none_social_btn {
background:none;
}
#read_top_btn_layout_new.none_social_btn_v2 {
background:#F6F6F6 url('https://img.appstory.co.kr/www.appstory.co.kr/shop/txt_snc_notice_read_top_v2.jpg') no-repeat 7px 9px;
}

#read_top_btn_layout_new .pop_wrap {
float:left;
padding-left:5px;
}

#btn_help_pop {cursor:pointer;}
#btn_help_pop img {float:left;}
#img_help_pop {
display:none;
left:50%;
margin:150px 0 0 -396px;
position:absolute;
top:0;
z-index:2;
}
#img_help_pop.on {display:block;}
#help_pop_bg {
background-color:#000;
display:none;
height:0;
left:0;
position:absolute;
top:0;
width:0;
}
#help_pop_bg.on {display:block;}


/* ¼Ò¼È ºÏ¸¶Å© ¹öÆ° */
#social_btn {
font-size:0px;
position:relative;
text-align:left;
top:1px;
vertical-align:top;
}
#social_btn h4 {display:none;}
#social_btn a {margin-right:5px;}
#social_btn .hover {margin-top:-5px;}

/* twitter follow btn */
#follow_btn {
position:absolute;
right:0;
top:32px;
}


#buddychat_q_layer {
width:189px;
height:44px;
position:absolute;
left:0;
z-index:200;
margin-top:10px;
}

#btn_sns_talk {
width:67px;
height:44px;
float:left;
cursor:pointer;
text-align:center;
padding-top:5px;
}


#btn_sns_buddy {
width:67px;
height:44px;
float:left;
cursor:pointer;
text-align:center;
padding-top:5px;
}


#btn_sns_fan {
width:66px;
height:44px;
float:left;
cursor:pointer;
text-align:center;
padding-top:5px;
}





/*------------------------------------------------------------- rotate_slot */
/* rotate slot - common */
.rotate_slot {
overflow:hidden;
position:relative;
}
.rotate_slot .img {
height:100%;
}
.rotate_slot .img a {
display:block;
left:0;
position:absolute;
top:0;
}
.rotate_slot .img img {
display:block;
}
.rotate_slot .img a.active {
z-index:2;
}
.rotate_slot .link {
bottom:0;
left:0;
line-height:normal;
padding:5px 0;
position:absolute;
text-align:center;
width:100%;
z-index:10;
}
.rotate_slot .link a {
background-color:#DA9C9F;
color:#FFF;
display:inline-block;
font:bold 12px/16px Tahoma,Sans-serif;
padding:0px 5px;
vertical-align:top;
}
.rotate_slot .link a.active {
background-color:#DB000B;
}

/* rotate slot custom */
#home_left_event {
float:left;
height:160px;
width:200px;
}

#home_left_event img{
padding-top:5px;
}

#home_left_event .top{
padding-top:1px;
}

#home_left_event .buy_left_tit{
padding-top:10px;
}

.home_left_link {
width:200px;
margin-top:5px;
float:left;
}


/*È­¸é È¸»ö ºí·Ï*/
#sign_layer_popup_bg {
position:absolute; 
z-index:1000;
left:0px;
top:0px;
background-color:#666666;
opacity: 0.6;
filter:alpha(opacity=60);       /* For IE 5-7 */
-ms-filter:"alpha(opacity=60)"; /* For IE 8 */
}

/*·¹ÀÌ¾î È¸¿ø°¡ÀÔ*/
#sign_layer_popup_ifrmae {
position:absolute; 
z-index:1001;
left:50%;
margin-left:-340px;
}

/*·¹ÀÌ¾î ³» ÈÞ´ëÆùÁ¤º¸ ÀÔ·Â*/
#my_phone_info_ifrmae {
position:absolute; 
z-index:1002;
left:50%;
margin-left:-167px;
}

/*»õ·Î¿î ¼Ò½Ä ÀÛ¼º°¡ÀÌµå ·¹ÀÌ¾î ÆË¾÷*/
#div_layer_popup {
position:absolute; 
z-index:1002;
left:50%;
}

/*·¹ÀÌ¾î ¸¸¿ìÀý ÆË¾÷1 */
#lieday1 {
position:absolute; 
z-index:1002;
left:50%;
margin-left:-160px;
}

/*·¹ÀÌ¾î ¸¸¿ìÀý ÆË¾÷2 */
#lieday2 {
position:absolute; 
z-index:1002;
left:50%;
margin-left:-160px;
}


#login_poll_layout {
width:538px;
position:absolute; 
left:50%;
margin-left:-273px;
z-index:100;
top:226px;
border:4px solid #e71c12;
background-color:#ffffff;
}

/*---------------------------------------------------- ½´ÆÛÀÀ¸ð±Ç º¸À¯ÇöÈ² */
#super_cpn_status {
	background:transparent url("https://img.appstory.co.kr/c.appstory.co.kr/bg_super_cpn_status.jpg") no-repeat left bottom;
	height:255px;
	letter-spacing:-1px;
	margin-top:10px;
	position:relative;
	width:200px;
	z-index:1;
}
#super_cpn_status.off {display:none;}
#super_cpn_status.login {background-position:left top;}
#super_cpn_status .my_super_cpn {
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	position:relative;
	top:59px;
}
#super_cpn_status .str_cnt {font-size:17px;}
#super_cpn_status .super_cnt,
#super_cpn_status .recom_cnt {position:absolute; top:0;}
#super_cpn_status .super_cnt {right:118px; text-align:right;}
#super_cpn_status .recom_cnt {left:105px; top:6px; text-align:left;}
#super_cpn_status .my_super_cpn .sep {display:none;}
#about_super_cpn span {
	cursor:pointer;
	display:block;
	height:22px;
	left:14px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999em;
	top:216px;
	width:175px;
}
#about_super_cpn img {display:none; border:2px solid #D20315;}
#about_super_cpn img.on {
	display:block;
	position:absolute;
	bottom:-240px;
	left:0;
}



.half_n_limited {
position:absolute; 
top:65px;
right:0px;
width:120px;
line-height:18px;
text-align:left;
overflow:hidden;
}

.half_n_limited a:link {
font-size:12px;
color:#ffffff;
}

.half_n_limited a:visited {
color:#ffffff;
}

.half_n_limited a:hover  {
color:red;
}

/*--------------------------------------------------------------- left poll */
#poll_layout {
width:196px;
float:left;
border:1px solid #CECECE;
padding:1px 1px 1px 1px;
margin-top:5px;
}

#poll_sub_layout {
width:196px;
float:left;
background-color:#F3F3F3;
text-align:center;
}

.title_home_poll1 {
padding-top:4px;
padding-bottom:8px;
height:24px;
float:left;
width:196px;
text-align:center;
}


.title_home_poll2 {
padding-bottom:5px;
float:left;
width:196px;
text-align:center;
}

.title_home_poll4 {
float:left;
width:196px;
padding-bottom:2px;
text-align:center;
}

.title_home_poll3 {
float:left;
width:196px;
height:8px;
background-image:url(https://img.appstory.co.kr/www.appstory.co.kr/home/poll_line.gif); 
background-repeat:no-repeat;
overflow:hidden;
}

#poll_list_layout {
width:196px;
float:left;
}

.poll_list {
width:191px;
height:19px;
padding-left:5px;
float:left;
}



#poll_btns {
width:196px;
height:25px;
padding-top:2px;
float:left;
text-align:center;
}

/*-------------------------------------------------- ºñÈ¸¿ø ÁÖ¹®Á¶È¸ ·¹ÀÌ¾î */
#login_layer {
	top:10px;
	border:1px solid #181818;
	margin-left:-187px;
	background-color:#FFF;
    position:absolute;
	left:50%;
	width:374px;
    z-index:10001;
	
	box-shadow:0px 0px 30px #000;
	-moz-box-shadow:0px 0px 30px #000;
	-webkit-box-shadow:0px 0px 30px #000;
}
#login_layer.off {display:none;}
#login_layer strong,
#login_layer em {font-weight:bold; font-style:normal;}
#login_layer strong {color:#C30C11;}
#login_layer .guide,
#login_layer .notice {line-height:1.5; color:#454545;}
#login_layer input.text {
    border:1px solid #CCCCCC;
    height:15px;
	width:113px;
}
#login_layer .navi {text-align:center; margin:30px 0;}
#login_layer .navi label {margin:0 10px; font-weight:bold; color:#222;}
#login_layer .tab_cnts {display:none;}
#login_layer .on {display:block;}
/* ºñÈ¸¿ø tab */
#login_layer_guest .guide {text-align:center}
#login_layer_guest .notice {
	font-size:0.9em;
	letter-spacing:-1px;
	margin:13px 36px 0;
}
#login_layer_guest form {margin-top:16px;}
#login_layer_guest form .wrap {
	background-color:#F5F5F5;
	padding:10px 0 9px 42px;
}
#login_layer_guest th,
#login_layer_guest td {
	vertical-align:middle;
	height:23px;
}
#login_layer_guest th {
	color:#464646;
	font-weight:bold;
	padding-right:9px;
	text-align:right;
}
#login_layer_guest .tel input {width:43px;}
#login_layer_guest button.ir {
	background:transparent url("https://img.appstory.co.kr/c.appstory.co.kr/login_layer_btns.jpg") no-repeat -54px top;
	display:block;
	height:34px;
	margin:19px auto;
	width:109px;
}
/* È¸¿ø tab */
#login_layer_user form {padding:0 0 35px 72px; overflow:hidden;}
#login_layer_user div {float:left; margin-right:4px;}
#login_layer_user label {
	display:block;
	height:23px;
	line-height:23px;
	overflow:hidden;
}
#login_layer_user label span,
#login_layer_user label input {float:left;}
#login_layer_user label span {width:57px; font-weight:bold;}
#login_layer_user button {
	background:transparent url("https://img.appstory.co.kr/c.appstory.co.kr/login_layer_btns.jpg") no-repeat left top;
	height:43px;
	width:53px;
}

#snc_loading {
width:48px;
height:48px;
position:absolute; 
left:50%;
margin-left:-24px;
z-index:300;
top:210px;
}


#mobile_bill_info_layer {
position:absolute;
width:767px;
height:413px;
left:50%;
margin-left:-277px;
top:455px;
z-index:100;
}


.buy_info_reply{
	border:solid 1px #da2222;
	margin-top:30px;
	margin-bottom:14px;
	text-align:center;
	display:inline-block;
	padding:30px 35px 25px;
	line-height:1.8;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	box-shadow:inset 0 0 3px #bbb;
	-moz-box-shadow:inset 0 0 3px #bbb;
	-webkit-box-shadow:inset 0 0 3x #bbb;
}
.buy_info_reply .con{
	text-align:left;
	width:690px;
	display:inline-block;
}
.buy_info_reply_bot{
	font-weight:bold;
	text-align:center;
	margin:20px 0 5px;
	line-height:1.8;
}
.buy_info_reply .b{
	font-weight:bold;
}
.buy_info_reply .bc{
	font-weight:bold;
	color:#da2222;
}
.buy_info_reply .bcf{
	font-weight:bold;
	color:#da2222;
	font-size:14px;
}
.layer_pop_bg{
	position:fixed;
	height:2000px;
	width:100%;
	top:0;
	left:0;
	background:#000;
	border:1px solid #cecece;
	z-index:999;
	opacity:.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)"
}

.web_shareBox{
	position:absolute; 
	right:330px; 
	top:-47px; 
	height:47px; 
	width:370px; 
	background-color: #ffeb00; 
	-webkit-border-top-left-radius: 5px; 
	-moz-border-top-left-radius: 5px; 
	border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-top-right-radius: 5px; 
	border-top-right-radius: 5px; 
	cursor: pointer;
}
