/* BASIC css start */
/* »ó´Ü */

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

#header .header { z-index:300; width:100%; margin:0 auto; }
#header .headerTop { width:100%; height:28px; margin:10px auto; }

#header .top-pt-01 { position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 { position:fixed; top:0; left:0; right:0; z-index:100;}

/* »ó´Ü */

#header { position:fixed; top:0; left:0; width:100%; text-align:center; z-index:300; }

/* ¾ÆÀÌÄÜ */
#header .topArea { position:relative; }

#header .iconCart {    display: inline-block;
    width: 50px;
    vertical-align: text-bottom;}

#header .iconMember {    display: inline-block;
    vertical-align: text-bottom;
    width: 50px;}


#header h1 {
    text-align: center;
    height: 25px;
    box-sizing: border-box;
    line-height: 30px;
    vertical-align: top;
    display: inline-block; 
}
#header h1 a{font-size:24px; font-family: 'Peddana', serif;}

#header .headerIcon a { display:block; position:absolute; top:0; z-index:2; width:23px; height:28px; font-size:0; }


#header .iconCart a { left:20px; background:url(/design/tutu77/onedesign/mobile/images/iconCart.png) 0 5px no-repeat; background-size:23px 18px; }

#header .iconMember a { right:17px; z-index:100; top:6px;}
#header .iconMember span.fa-times,
#header .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; }

/* ´Ý±â */
#header .iconMember span.fa-times { background:url(/design/tutu77/onedesign/mobile/images/iconMenu_close.png) 0 0 no-repeat; background-size:18px 18px; margin:40px 20px 0 0; }

/* ¿­±â */
#header .iconMember span.fa-navicon { background:url(/design/tutu77/onedesign/mobile/images/iconMenu.png) 0 0 no-repeat; background-size:20px 15px;  }

/* ·Î°í */
#header h1 img { max-width:100%; height:18px; vertical-align:middle;margin-top:-2px;}

/* ======================== Ä«Å×°í¸® Çܹö°Å ¸Þ´º ======================== */

#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', sans-serif !important; }
#header aside .aside_in a { font-family:'Montserrat', 'Noto Sans KR', sans-serif !important; }
#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;
-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/tutu77/onedesign/mobile/images/bg_mypage_list.png") no-repeat 50% 15px; background-size:18px 16px; }
.myshop_main a.Cart { background:#303030 url("/design/tutu77/onedesign/mobile/images/bg_cart_list.png") no-repeat 50% 15px; background-size:17px 16px; }
.myshop_main a.orderList { background:#303030 url("/design/tutu77/onedesign/mobile/images/bg_order_list.png") no-repeat 50% 15px; background-size:12px 16px; }
.myshop_main a.Sear { background:#303030 url("/design/tutu77/onedesign/mobile/images/bg_sear_list.png") no-repeat 50% 15px; background-size:16px 16px; }

/* ·Î±×ÀÎ ¸Þ´º */
.logArea { clear:both; margin:20px 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: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; font-weight: bold; }
.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 { font-weight: bold; }
#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; font-weight: normal; }
#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 */