/* BASIC css start */
/*HEADER*/
#header .header {z-index:2; position:relative; text-align:center; vertical-align:top; }
.mobilenavigation { position:relative; clear:both; width:100%; height:10px; }
.mobilenavigation ul { overflow:hidden; /*background:#f4f4f4;*/}
.mobilenavigation ul li { display:inline-block; /* *display:inline; *zoom:1; */ margin:0 4px; }
.mobilenavigation ul li a { display:block; height:40px; line-height:40px;}

#header .hide_menu { position:absolute; top:12px; left:10px; width:16px; height:16px; }
#header .hide_menu img {vertical-align:middle; width:100%; height:100%; }

/*장바구니*/
#header .topcart { position:absolute; top:11px; left:40px; /*width:16px;*/ height:16px; vertical-align:middle;}
#header .topcart  img { vertical-align:middle; width:16px; height:16px; }
#header .topcart span {color:#646464; /*position:absolute; left:20px; top:2px;*/ font-family:"Roboto", "arial"; font-size:12px;}

/* 회원가입 아이콘 */
#joinpoint { position:absolute; top:16px; left:-10px; z-index:2; height:20px; line-height:20px; color:#fff; text-align:center; padding:5px 0 0; background:url(/design/choifry1/onedesign/mobile/images/joinarrow_m.png) 50% 0 no-repeat;
-webkit-animation: joinpointanimation 3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out; }
#joinpoint .point { display:block; width:50px; padding-top:2px; margin:0; background:#f47483; border-radius:7px; text-align:center; font-size:10px; color:#fff;}

/*검색*/
#header .search { position:absolute; top:10px; right:10px; width:16px; height:16px; line-height:16px; vertical-align:middle; }
#header .search a { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("/design/choifry1/onedesign/mobile/images/icon_search.png") no-repeat 0 0; background-size:16px 16px; }

/*로고*/
#header h1 { clear:both; text-align:center; width:100%; height:40px; margin:40px 0 0;  font-size:33px;}
#header h1 a {text-transform:uppercase; color:#222; font-family:"Roboto Condensed", "arial"; line-height:40px; font-weight:700;}
#header h1 a img { max-height: 40px; }

/*로그라인*/
#header #logline {clear:both;}
#header #logline li { display:inline-block; line-height:20px; }
#header #logline li a { font-weight:500; font-size:11px; color:#222; letter-spacing:0.10em; line-height:20px; font-family:"Roboto", "arial";}

/*카테고리*/
#header #topcate {position:relative; clear:both; border-top:1px solid #ddd; border-bottom:1px solid #222; margin-top:20px;}
#header #topcate li {display:inline-block; margin:0 5px; line-height:35px; }
#header #topcate li a {font-weight:500; font-size:11px; color:#222; letter-spacing:0.05em; line-height:35px; font-family:"arial", "Dotum";}
#header #topcate a.hide_com { font-weight:700; color:#646464; }


/* BASIC css end */

