/* BASIC css start */
/* »ó´Ü ¹è³Ê */
#topBanner { display:none; position:relative; overflow:hidden }
#topBanner .thmb { width:100%;  }
#topBanner .thmb img { width:100% }
#btBnnrClose { margin-top:-10px; position:absolute; top:50%; right:10px; width:20px; height:20px; text-indent:-9999em; background:url(/design/ttoksori/phps/m/common/btn_bnnr_close.png) 0 0 no-repeat; background-size:20px auto; cursor:pointer; z-index:10 }

/* »ó´Ü */
#header { position:relative; width:100%; z-index:100 }
#header.fix { position:fixed; top:-32px; left:0; right:0 }
#header .headerTop { position:relative; height:32px; background:#191919; z-index:10 }
#header .headerTop .bookmark { position:absolute; top:0; left:6px; width:38px; height:40px; text-indent:-9999em; background:url(/design/ttoksori/phps/m/common/btn_bookmark.png) 0 0 no-repeat; background-size:38px auto }
#header .headerTop .bookmark a { display:block; height:40px }
#header .headerTop ul { padding-left:42px; *zoom:1 }
#header .headerTop ul:after { display:block; clear:both; content:'' }
#header .headerTop ul li { float:left; width:25% }
#header .headerTop ul li a { display:block; height:32px; font-size:11px; color:#fff; font-weight:bold; text-align:center; line-height:32px }

#header .headerLnb { position:relative; height:52px; background:#df0346 }
#header .headerLnb .bgRight { position:absolute; top:0; left:20%; width:80%; height:52px; background:#a807b8 }
#header .headerLnb .bgRight .bgShadow { position:relative; width:257px; height:52px; background:url(/design/ttoksori/phps/m/common/bg_lnb.jpg) 0 0 no-repeat; background-size:257px auto }
#header .headerLnb .sideMenuOpen { position:absolute; top:11px; left:9px; width:30px; height:30px; text-indent:-9999em; background:url(/design/ttoksori/phps/m/common/btn_menuopen.png) 0 0 no-repeat; background-size:30px auto; z-index:20; cursor:pointer }
#header .headerLnb .tlogo { position:absolute; top:10px; left:0; width:100%; text-align:center; background:url(/design/ttoksori/phps/m/common/trans.gif) repeat; z-index:10 }
#header .headerLnb .tlogo img { width:140px }
#header .headerLnb .rightMenu { position:absolute; top:10px; right:10px; z-index:20 }
#header .headerLnb .rightMenu ul { *zoom:1 }
#header .headerLnb .rightMenu ul:after { display:block; clear:both; content:'' }
#header .headerLnb .rightMenu ul li { position:relative; float:left; width:30px; height:30px; text-indent:-9999em }
#header .headerLnb .rightMenu ul li.btnCart { background:url(/design/ttoksori/phps/m/common/btn_cart.png) 0 0 no-repeat; background-size:30px auto }
#header .headerLnb .rightMenu ul li.btnCart a { display:block; height:30px }
#header .headerLnb .rightMenu ul li.btnSch { background:url(/design/ttoksori/phps/m/common/btn_search.png) 0 0 no-repeat; background-size:30px auto; cursor:pointer }
#header .headerLnb .rightMenu ul li.btnSch.active { background:url(/design/ttoksori/phps/m/common/btn_search_close.png) 0 0 no-repeat; background-size:30px auto }
#header .headerLnb .btnCart .num { padding:0 5px; position:absolute; top:0; right:-5px; font-size:11px; color:#b201a4; font-weight:bold; text-indent:0; border-radius:15px; background:#fff; z-index:10 }

#header .headerSch { display:none; position:absolute; top:84px; left:0; right:0; height:52px; background:#df0346 }
#header .headerSch .bgRight { position:absolute; top:0; left:20%; width:80%; height:52px; background:#a807b8 }
#header .headerSch .bgRight .bgShadow { position:relative; width:257px; height:52px; background:url(/design/ttoksori/phps/m/common/bg_lnb.jpg) 0 0 no-repeat; background-size:257px auto }
#header .headerSch .searchBx { position:absolute; top:11px; left:6px; right:6px; height:30px; border-radius:15px; background:#fff; z-index:10 }
#header .headerSch .searchBx .search { padding:0 39px 0 9px; height:30px; position:relative }
#header .headerSch .searchBx .search input { width:100%; height:30px; color:#333; border:none; outline:none; background:none }
#header .headerSch .searchBx .search .btn_search { position:absolute; top:2px; right:15px; width:29px; height:29px; font-size:24px; color:#ab01ae; text-align:right }

.mask {	display:none; position:fixed; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:990 }

#scrTop { display:none; position:fixed; bottom:10px; right:10px; width:35px; height:35px; text-indent:-9999em; background:url(/design/ttoksori/phps/m/common/btn_top.png) 0 0 no-repeat; background-size:35px auto; z-index:90; cursor:pointer }

/* »çÀÌµå ¸Þ´º */
#asideMenu { position:fixed; top:0; left:-77%; width:75%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden }
#asideMenu .quick_menu { position:relative; height:85px; background:#df0346 }
#asideMenu .quick_menu .bgRight { position:absolute; top:0; right:0; width:250px; height:85px; background:url(/design/ttoksori/phps/m/common/bg_side_quick.jpg) 0 0 no-repeat; background-size:250px auto }
#asideMenu .quick_menu ul { position:absolute; top:0; left:0; width:100%; z-index:10; *zoom:1 }
#asideMenu .quick_menu ul:after { display:block; clear:both; content:'' }
#asideMenu .quick_menu ul li { margin-left:-1px; position:relative; float:left; width:33.33%; height:85px; text-align:center; border-left:1px solid #ac2222 }
#asideMenu .quick_menu ul li a { display:block; height:85px; color:#fff }
#asideMenu .quick_menu ul li a .ico { display:inline-block; margin-top:15px; width:35px; height:35px; background:url(/design/ttoksori/phps/m/common/sp_side_quick.png) 0 0 no-repeat; background-size:35px auto }
#asideMenu .quick_menu ul li a .ico1 { background-position:0 0 }
#asideMenu .quick_menu ul li a .ico2 { background-position:0 -35px }
#asideMenu .quick_menu ul li a .ico3 { background-position:0 -70px }
#asideMenu .quick_menu ul li a .tx { display:block; margin-top:-7px; letter-spacing:-1px }
#asideMenu .quick_menu ul li a .bu { margin-left:-22px; padding-top:4px; position:absolute; bottom:2px; left:50%; width:45px; background:url(/design/ttoksori/phps/m/common/bu_arr.png) 50% 0 no-repeat; background:6px auto }
#asideMenu .quick_menu ul li a .bu p { width:45px; height:15px; font-size:11px; color:#fff667; font-weight:bold; text-align:center; line-height:15px; border-radius:15px; background:#2c2c2c }

#asideMenu .asideNav { position:relative; overflow:hidden }
#asideMenu .asideNav > ul > li { position:relative; width:100% }
#asideMenu .asideNav > ul > li > a { display:block; position:relative; padding-left:18px; height:40px; color:#666; line-height:40px; border-bottom:1px solid #cdcdcd; background:#fff }
#asideMenu .asideNav > ul > li > a.red { color:#df0346 }
#asideMenu .asideNav > ul > li > a.violet { color:#9900c7 }
#asideMenu .asideNav > ul > li > a > i { margin-top:-9px; position:absolute; top:50%; right:15px; font-size:20px; color:#999 }
#asideMenu .asideNav > ul > li > ul { display:none; padding:10px 0; position:relative; border-bottom:1px solid #cdcdcd; background:#f5f5f5; *zoom:1 }
#asideMenu .asideNav > ul > li > ul:after { display:block; clear:both; content:'' }
#asideMenu .asideNav > ul > li > ul > li { padding:5px 0; float:left; width:50% }
#asideMenu .asideNav > ul > li > ul > li > a { display:block; padding-left:18px; color:#666 }

#asideClose { position:fixed; top:44px; left:-77%; width:40px; height:40px; text-indent:-9999em; background:url(/design/ttoksori/phps/m/common/btn_aside_close.gif) 0 0 no-repeat; background-size:40px auto; cursor:pointer; z-index:9999 }
/* BASIC css end */

