@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 템플릿별 상단 심플형 css (버튼 아이콘 컬러 설정)
 * @date:2021-07-08
 * @name:이상아
 */

 /* 기본 */
#tpl-simple #header .profile .tit {font-size:19px;}
#tpl-simple #header .js-base-category {position:absolute; bottom:0; z-index:102; width:100%; text-align:left;}
#tpl-simple #header .base .section-border {z-index:103;}
#tpl-simple #header .base .btn-area-setting {z-index:103;}
#tpl-simple #header .base.use-category {padding-bottom:38px;}
#tpl-simple #header .photo .btn-area-setting {bottom:-5px; right:-5px;}
#tpl-simple #header .btn-hamburgerMenu-type .btn-area-setting {right:-20px;}
#tpl-simple #header .category-slide {background:#fff;}
#tpl-simple #header .profile .photo {z-index:104;}
#app #tpl-simple #header {position:relative;}
#app #tpl-simple .gap {display:none !important;}

/* 버튼 아이콘 컬러 설정 */
#tpl-simple #header .btn-hamburgerMenu-type {position:absolute; top:5px; left:15px; width:22px; height:45px; text-indent:-9999em; z-index: 104;} /* 19.06.25 수정 */ 
#tpl-simple #header .btn-hamburgerMenu-type a.btn-area-setting {top:0px; left:16px;}
#tpl-simple .btn-hamburgerMenu-type {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_000000.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-hamburgerMenu-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_5c5c5c.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-hamburgerMenu-type.bg888888 {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_888888.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-hamburgerMenu-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_b4b4b4.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-hamburgerMenu-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_dddddd.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-hamburgerMenu-type.bgffffff {background:url(/assets/shop/img/btn/tpl_simple_hamburger_menu_ffffff.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type {position:absolute; top:4px; left:20px; width:23px; height:45px; text-indent:-9999em;} 
#tpl-simple .btn-serch-type {background:url(/assets/shop/img/btn/tpl_simple_search_000000.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type.left-move {left:15px;}
#tpl-simple .btn-hamburgerMenu-type + .btn-serch-type.left-move {left:50px;}
#tpl-simple .btn-serch-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_simple_search_5c5c5c.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type.bg888888 {background:url(/assets/shop/img/btn/tpl_simple_search_888888.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_simple_search_b4b4b4.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_simple_search_dddddd.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-serch-type.bgffffff {background:url(/assets/shop/img/btn/tpl_simple_search_ffffff.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type span {display: inline-block; width: 18px; padding: 3px 0; background: #c70000; text-align: center; font-size: 10px; color: #000000; position: absolute; top: -5px; right: -12px; border-radius:10px; text-indent:0; background: none; top: 16px; right: 2px;}
#tpl-simple .btn-shoppingbasket-type {position:absolute; top:6px; right:50px; width:22px; height:45px; text-indent:-9999em; background:url(/assets/shop/img/btn/tpl_simple_basket_000000.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_simple_basket_5c5c5c.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bg888888 {background:url(/assets/shop/img/btn/tpl_simple_basket_888888.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_simple_basket_b4b4b4.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_simple_basket_dddddd.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bgffffff {background:url(/assets/shop/img/btn/tpl_simple_basket_ffffff.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-shoppingbasket-type.bg5c5c5c span {color:#5c5c5c;}
#tpl-simple .btn-shoppingbasket-type.bg888888 span {color:#888888;}
#tpl-simple .btn-shoppingbasket-type.bgb4b4b4 span {color:#b4b4b4;}
#tpl-simple .btn-shoppingbasket-type.bgdddddd span {color:#dddddd;}
#tpl-simple .btn-shoppingbasket-type.bgffffff span {color:#ffffff;}
#tpl-simple .btn-odr-inquiry-type, #tpl-simple .btn-users-logon-type, #tpl-simple .btn-users-logoff-type {display:inline-block; position:absolute; top:5px; right:15px; width:22px; height:45px; text-indent:-9999em;}
#tpl-simple .btn-odr-inquiry-type {background:url(/assets/shop/img/btn/tpl_simple_inquiry_000000.png) no-repeat center; background-size:22px 19px;}
#tpl-simple .btn-odr-inquiry-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_simple_inquiry_5c5c5c.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-odr-inquiry-type.bg888888 {background:url(/assets/shop/img/btn/tpl_simple_inquiry_888888.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-odr-inquiry-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_simple_inquiry_b4b4b4.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-odr-inquiry-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_simple_inquiry_dddddd.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-odr-inquiry-type.bgffffff {background:url(/assets/shop/img/btn/tpl_simple_inquiry_ffffff.png) no-repeat center / 22px 19px;}

#tpl-simple .btn-users-logon-type {background:url(/assets/shop/img/btn/tpl_simple_logon_000000.png) no-repeat center; background-size:22px 19px;}
#tpl-simple .btn-users-logon-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_simple_logon_5c5c5c.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logon-type.bg888888 {background:url(/assets/shop/img/btn/tpl_simple_logon_888888.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logon-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_simple_logon_b4b4b4.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logon-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_simple_logon_dddddd.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logon-type.bgffffff {background:url(/assets/shop/img/btn/tpl_simple_logon_ffffff.png) no-repeat center / 22px 19px;}

#tpl-simple .btn-users-logoff-type {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_000000_new.png) no-repeat center; background-size:22px 19px;}
#tpl-simple .btn-users-logoff-type.bg5c5c5c {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_5c5c5c_new.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logoff-type.bg888888 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_888888_new.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logoff-type.bgb4b4b4 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_b4b4b4_new.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logoff-type.bgdddddd {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_dddddd_new.png) no-repeat center / 22px 19px;}
#tpl-simple .btn-users-logoff-type.bgffffff {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_simple_logoff_ffffff_new.png) no-repeat center / 22px 19px;}