/* BASIC css start */
/* 웹폰트 */

@import 'https://fonts.googleapis.com/css?family=Lato:400,700';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
/* //웹폰트 */


/* 상단 */

.menu_on { height:100%; overflow:auto; }
.menu_off { height:auto; overflow:initial; }

/* 백그라운드 */
#mask {width:100%; height:100%; position:fixed; top:40px; left:0; right:0; bottom:0; background-color:#000; z-index:999; display:none; opacity:0.8;}

#header { width:100%; text-align:center; vertical-align:top; }


/* 아이콘 */
#headerTop { position:relative; top:0px; left:0; width:100%; margin:0 auto; z-index:200;}
#headerTop { clear:both; border-top:0px solid #000; border-bottom:0px solid #d3d3d3; }
#headerTop .headerIcon a { display:block; position:absolute; top:0; width:23px; height:38px; font-size:0; padding:0 2px; }
#headerTop .iconCart a { right:10px; top:7px; background:url(/design/gabig/onedesign/mobile/images/iconCart.png) 0px 15px no-repeat; background-size:21px 16px; }
#headerTop .iconMember a { left:10px; top:7px; }
#headerTop .iconMember span.fa,
#headerTop .iconMember span.fa-navicon { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0;}

/* 닫기 */
#headerTop .iconMember span.fa { background:url(/design/gabig/onedesign/mobile/images/btn_close.png) 0 1px no-repeat; background-size:22px 22px;}

/* 열기 */
#headerTop .iconMember span.fa-navicon { background:url(/design/gabig/onedesign/mobile/images/iconMenu.png) 0px 17px no-repeat; background-size:20px 13px;}


#menuheader { width:100%; text-align:center; vertical-align:top; }


/* 아이콘 */
#menuheaderTop { position:relative; top:-2px; left:0; width:100%; margin:0 auto; z-index:350;}
.menuheaderTopbg { clear:both; width:100%; background-color:rgba(255,255,255,1); }
#menuheaderTop { clear:both; border-top:0px solid #000; border-bottom:1px solid #e4e4e4; }


/* 커뮤니티 */
#menuheaderTop #boardList { display:none; z-index:999; clear:both; border-bottom:1px solid #f6f6f6; background:#f6f6f6; }
#menuheaderTop #boardList li { display:inline-block; margin:0 7px; line-height:38px; }
#menuheaderTop #boardList li a { line-height:38px; font-family:'Nanum Gothic', 'Noto Sans KR', Sans-serif; font-size:10px; color:#777; letter-spacing:0.05em; padding:0 2px; }

/* 로그라인 */
#menuheaderTop .logLine { text-align:center; width:100%; height:43px; z-index:999; position:relative; top:4px; }
#menuheaderTop .logLine a { line-height:38px; font-family:'Nanum Square', 'Nanum Gothic', 'Noto Sans KR', Sans-serif; font-size:15px; font-weight:900; color:#000; letter-spacing: -1px; padding:0 5%; }
#menuheaderTop .logLine a img { vertical-align:middle; }

/* 로고 */
#toplogo { clear:both; width:100%; height:115px; text-align:center; margin:0px auto 0px; background-color:rgba(17,17,17,1);}
#toplogo img { max-width:100%; height:100%; vertical-align:middle; }

/* 카테고리 */
.categoryTop { position:relative; top:-32px; clear:both; width:100%; height:auto; overflow:hidden; border-top:0px solid #e8e8e8; background-color:#fff;}
.categoryTop ul { clear:both; font-size:0; line-height:0; }
.categoryTop li { float:left; width:33.333%; height:42px; overflow:hidden; text-align:center; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; 
	-webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.categoryTop a { display:block; line-height:42px; font-family:'Nanum Gothic', 'Noto Sans KR', 'Lato', Sans-serif; font-size:12px; color:#444; letter-spacing:0em; text-transform:uppercase;}

/* 메인 카테고리 */
.maincategoryTop { position:relative; top:-21px; clear:both; width:100%; height:auto; overflow:hidden; border-top:0px solid #000; background-color:#fff;}
.maincategoryTop ul { position:relative; top:0px; clear:both; font-size:0; line-height:0; }
.maincategoryTop li { float:left; width:33.333%; height:42px; overflow:hidden; text-align:center; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; 
	-webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.maincategoryTop a { display:block; line-height:42px; font-family:'Nanum Gothic', 'Noto Sans KR', 'Lato', Sans-serif; font-size:12px; color:#444; letter-spacing:0em; text-transform:uppercase;}


/* ======================== 카테고리 햄버거 메뉴 ======================== */

#mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#222; opacity:0.8; filter:alpha(opacity=80); z-index:350; }

#header aside { position:fixed; width:310px; height:100%; top:0; left:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none; }

#header aside .aside_in { width:100%; margin:0 auto; padding:0 0 40px; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
#header aside .aside_in a { font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
#header aside .aside_in h2 { clear:both; position:relative; text-align:left; padding:0 0 0 15px; background:#f5f5f5; line-height:40px; color:#222; letter-spacing:1px; font-weight:bold; font-size:10px; cursor:pointer; }

/* 마이페이지 메뉴 */
.myshop_main { background-color:#303030; }
.myshop_main a {
float:left; width:25%; padding:36px 0 10px; color:#fff; text-align:center; border:1px solid #222; border-right:0; background-color:#303030; font-size:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-sizing:border-box;
-o-sizing:border-box;
box-sizing:border-box;
}
.myshop_main a:first-child { border-left:0; }
.myshop_main:after { content:""; display:block; clear:both; }
.myshop_main a.mypageList { background:#222 url("/design/gabig/onedesign/mobile/images/bg_mypage_list.png") no-repeat 50% 15px; background-size:18px 16px; }
.myshop_main a.Cart { background:#222 url("/design/gabig/onedesign/mobile/images/bg_cart_list.png") no-repeat 50% 15px; background-size:17px 16px; }
.myshop_main a.orderList { background:#222 url("/design/gabig/onedesign/mobile/images/bg_order_list.png") no-repeat 50% 15px; background-size:12px 16px; }
.myshop_main a.Sear { background:#222 url("/design/gabig/onedesign/mobile/images/bg_sear_list.png") no-repeat 50% 15px; background-size:16px 16px; }

/* 로그인 메뉴 */
.logArea { clear:both; margin:15px 0 25px; padding:0 10px; text-align:left; background:#fff; }
.logArea p { display:inline-block; font-size:11px; line-height:18px; color:#222; }
.logArea p span { text-decoration:underline; color:#222; }
.logArea p b { font-size:9px; font-weight:normal; color:#222; } 
.logArea ul { font-size:0; margin-top:15px; }
.logArea li { clear:both; display:inline-block; width:49%; height:35px; text-align:center; margin:0 0.5%; }
.logArea li a { display:block; font-size:11px; color:#222; letter-spacing:0.1em; line-height:35px; border:1px solid #303030; box-sizing:border-box; -webkit-box-sizing:border-box; }
.logArea li.first a { color:#fff; border:1px solid #222; background:#222; }

/* 게시판 메뉴 */
.menuBoard { clear:both; }
.menuBoard h2 { clear:both; position:relative; text-align:left; padding:0 0 0 15px; background:#f5f5f5; line-height:40px; color:#222;  letter-spacing:1px; font-weight:bold; font-size:10px; cursor:pointer; }
.menuBoard ul { font-size:0; }
.menuBoard li { float:left; margin:0 10px; }
.menuBoard li a { display:block; padding:15px 0; word-wrap:break-word; font-size:10px; }
.menuBoard li img { width:15px; height:16px; }

/* 탭 */
#header aside .aside_tab { clear:both; width:100%; margin:0 auto; text-align:left; }

#header aside nav { background:#fff; }
#header aside nav li { position:relative; text-align:left; border-bottom:1px solid #ddd; border-top:1px solid #fff; }
#header aside nav li a { display: block; padding:13px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:10px; color:#222; letter-spacing:0.05em; }
#header aside nav li a span.over { display: none; }
#header aside nav li .fa { position: absolute; top:0; right:10px; width:40px; height:40px; line-height:40px; text-align:center; font-size:medium; }
#header aside nav li > ul { display:none; }
#header aside nav li > ul > li { border-top:1px solid #ddd; border-bottom:0; }
#header aside nav li > ul > li:first-child { }
#header aside nav li > ul > li a { padding:13px 40px 12px 30px; margin:0; }
#header aside nav li > ul > li > ul { margin:0; }
#header aside nav li > ul > li > ul > li { }
#header aside nav li > ul > li > ul > li a { padding:13px 0 12px 40px; margin:0; }

/* ======================== //카테고리 햄버거 메뉴 ======================== */


/* 검색 */
.sear { position:relative; margin:0 auto; top:-98px; left:0px; background:url(http://www.gabig.kr/design/gabig/onedesign/mobile/images/msear.png) right center no-repeat; background-size:2000px 40px; width:100%; text-align:center; z-index:300;}
.sear form { font-size:0; line-height:0; width:100%; height:40px;}
.sear fieldset { position:relative; font-size:0; line-height:0; top:0px; left:0px; text-align:left;}
.sear span input { width:85%; color:#222; height:40px; line-height:40px; padding:0px 0px 0px 20px; border:0; background:none;  font-size:12px; outline-style: none;}
.sear a input { float:right; cursor:pointer; padding:0px;}


/* BASIC css end */