/* 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);

@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:#222; z-index:999; display:none; opacity:0.8;}

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

/* 아이콘 */
#headerTop { position:fixed; top:0; left:0; z-index:300; width:100%; margin:0 auto; }
.headerTopbg { clear:both; width:100%; background:#000; }
#headerTop .headerIcon a { display:block; position:absolute; top:0; width:23px; height:38px; font-size:0; padding:0 2px; }
#headerTop .iconCart a { right:10px; background:url(/design/mituri/onedesign/mobile/images/iconCart.png) 0 11px no-repeat; background-size:21px 16px; }
#headerTop .iconMember a { left:10px; }
#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/mituri/onedesign/mobile/images/btn_close.png) 0 1px no-repeat; background-size:22px 22px; }

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

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

/* 로그라인 */
#headerTop .logLine { text-align:center; width:100%; height:38px; }
#headerTop .logLine a { line-height:38px; font-family:'Noto Sans KR', 'Nanum Gothic', Sans-serif; font-size:10px; color:#fff; letter-spacing:0.05em; padding:0 2px; }
#headerTop .logLine a img { vertical-align:middle; }

/* 로고 */
#toplogo { clear:both; width:100%; height:54px; text-align:center; margin:52px auto 16px; }
#toplogo img { max-width:100%; height:100%; vertical-align:middle; }

/* 카테고리 */
.categoryTop { clear:both; width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; }
.categoryTop ul { clear:both; font-size:0; line-height:0; }
.categoryTop li { float:left; width:25%; height:36px; overflow:hidden; text-align:center; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; 
	-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:36px; font-family:'Lato', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; font-size:12px; color:#000; letter-spacing:0.05em; }


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

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

#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 #303030; 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:#303030 url("/design/mituri/onedesign/mobile/images/bg_mypage_list.png") no-repeat 50% 15px; background-size:18px 16px; }
.myshop_main a.Cart { background:#303030 url("/design/mituri/onedesign/mobile/images/bg_cart_list.png") no-repeat 50% 15px; background-size:17px 16px; }
.myshop_main a.orderList { background:#303030 url("/design/mituri/onedesign/mobile/images/bg_order_list.png") no-repeat 50% 15px; background-size:12px 16px; }
.myshop_main a.Sear { background:#303030 url("/design/mituri/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 #303030; background:#303030; }

/* 게시판 메뉴 */
.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:12px; 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:11px; }
.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 .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; }

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


/* BASIC css end */