/* BASIC css start */
/***   로고   ***/
.logo_wrap {width:30px; position: fixed; top:100px; right:10px; z-index: 103;  display: none;}
.logo_wrap .logo_content{width:30px; text-align:center; position:relative; top:0px;  z-index:100;}
.logo_wrap .logo_content .logo {width:20px; padding:0 5px; text-align:center; position:relative; top:0px;}
.logo_wrap .logo_content .logo a {font-size:12px; font-weight:800; margin-bottom: 10px; -webkit-writing-mode: vertical-rl;}
.logo_wrap .logo_content .logo a:hover {color: #ff5400;}
.logo_wrap .logo_content .icon {width:30px; text-align:center; font-weight:800;}
.logo_wrap .logo_content .icon a {font-size:20px; font-weight:800;}
.logo_wrap .logo_content .icon a:hover {color: #ff5400;}
::-ms-backdrop, .logo_wrap .logo_content .logo a {-ms-writing-mode: vertical-rl;}


/***   아이콘  ***/
/*
.icon_wrap {width:30px; position: fixed; top:50%; right:10px; margin-top:-80px; z-index: 103;}
.icon_wrap .icon_content > div{cursor:pointer;}
.icon_wrap .icon_content {width:30px; position:relative; top:0px;  z-index:100;}
.icon_wrap .icon_content .icon {width:30px; text-align:center; font-weight:800; }
.icon_wrap .icon_content .icon a {font-size:20px; font-weight:800; line-height:40px;}
.icon_wrap .icon_content .icon a:hover {color: #ff5400;}
*/

/*** 아이콘  WRAP ***/
.icon_wrap {width:40px; position: fixed; top:50%; right:0px; margin-top:-100px; z-index: 103;}

/*** 아이콘  블랙 ***/
.icon_wrap .icon_menu{width:100%; position:relative;  z-index:101;}
.icon_wrap .icon_menu .icon_content {width:40px; text-align:center; font-weight:800; }   
.icon_wrap .icon_menu .icon_content .icon{width:40px; float:right;  }
.icon_wrap .icon_menu .icon_content .icon ul {min-width:40px; position:relative; right:0px;}
.icon_wrap .icon_menu .icon_content .icon ul > li.t_icon{min-width:40px; min-height:30px; text-align:center; float:left;  vertical-align:middle; }
.icon_wrap .icon_menu .icon_content .icon ul > li.t_icon  a {font-family:'Lato-Regular','MalgunGothic', AppleGothic, sans-serif; font-size:20px;}
.icon_wrap .icon_menu .icon_content .icon ul > li.t_icon  p {font-family:'Lato-Regular','MalgunGothic', AppleGothic, sans-serif; font-size:20px;}
.icon_wrap .icon_menu .icon_content .icon ul > li.t_icon  a:hover {color: #ff5400;}      
.icon_wrap .icon_menu .icon_content .icon ul > li.t_icon  p:hover {color: #ff5400;}    
.icon_wrap .icon_menu .icon_content .icon .expand_menu {width:100%;  right:40px; position:fixed; top:50%; margin-top:-100px; z-index:102; display:none;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content{width:100%; float:right; text-align:right;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content p, a{color:#000;}

.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .cate_list{text-align:right; width:100%; }
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .cate_list a{font-family:'Lato'; font-size:12px; font-weight:400; color:#000;  display:block;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .cate_list a:hover{color:#ff5400;}

.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .top_ban_wrap{float:left; width:300px; overflow:hidden;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .top_ban_wrap > div{width:300px; float:left;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content .top_ban_wrap > div a{display:block;}


/*** 전체메뉴 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon {width:100%; height:210px; margin-top: 8px; background-color:#ccc;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul {width:1200px; height:210px; margin-top: -13px; position:relative; left:50%; background-color:#eee8cd; margin-left: -600px;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li{float:left; margin:0px 0px;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li.map_list_cate{width:300px; text-align:left; padding:10px;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li.map_list_my{width:300px; text-align:left; padding:10px;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li.map_list_board{width:300px; text-align: left; padding:10px;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li a{display:block;font-family:'Lato'; font-size:11px; color:#333333; margin-bottom:3px; font-weight:400;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li a:hover{color:#a7a7a7;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li p{font-family:'Lato'; font-size:11px; color:#959494; margin-bottom:3px; font-weight:400;}
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.map_icon > ul >li h2{font-family:'Lato'; font-size:12px; color:#575757; margin-bottom:5px; font-weight:bold; margin-bottom:10px;}


/*** 로그인 아이콘 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.login_icon{width:100%; margin-top: 68px;}	

/*** 장바구니 아이콘 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.cart_icon{width:100%; margin-top: 98px;}	

/*** 질문과 답변 아이콘 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.qa_icon{width:100%; margin-top: 128px;}	

/*** 리뷰 아이콘 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.review_icon{width:100%; margin-top: 158px;}	

/*** 오늘본 상품 아이콘 ***/
.icon_wrap .icon_menu .icon_content .icon .expand_menu .sub_icon_content.today_icon{width:100%; height:210px; margin-top: 8px; background-color:#ccc;}	


/*** 상품 검색 히든  메뉴 ***/
.sch_view{width:40px; height:30px; text-align:center; float:left; vertical-align:middle; z-index:10;}
.sch_view .sch_t_form{position:fixed; right:100px; top:50%; margin-top:-70px; z-index:20; width:250px; height:30px; background:#262626; display:none;}
.sch_view .sch_t_form .sch_t_content{position:relative; z-index:20;}
.sch_view .sch_t_form .sch_t_content h2{ font-family:'Lato'; color: #fff; font-size: 15px; margin-right: 10px; float:left; margin-left:25px; margin-top:7px;}
.sch_view .sch_t_form .sch_t_content input{border:0px; color:#fff; margin-top:5px; height:20px; background:#262626; font-weight:bold; float:left; width:210px; text-indent:10px;}
.sch_view .sch_t_form .sch_t_content span{position: absolute;right: 5px;top: 5px;cursor: pointer;font-size: 12px;color: #9f9f9f; font-family:'Lato';}
.sch_view .sch_t_form .sch_t_content .bsch_btn{float:left; margin-top:8px;margin-left:-15px; color:#fff;}
.sch_view .sch_t_form .sch_t_content .close_btnz{position:absolute; top:6px; right:5px; z-index:20;}


/***   스크롤   ***/
.scroll_wrap {width:30px; position: fixed; bottom:50px; right:10px; z-index: 103;}
.scroll_wrap .scroll_content > div{cursor:pointer;}
.scroll_wrap .scroll_content {width:30px; position:relative; top:0px;  z-index:100;}
.scroll_wrap .scroll_content .up_btn {width:30px; text-align:center; font-size:20px; text-align:center; font-weight:800; padding-bottom:10px;}
.scroll_wrap .scroll_content .dn_btn {width:30px; text-align:center; font-size:20px; text-align:center; font-weight:800;}


/* BASIC css end */