@charset "UTF-8"; /** * 디자인별 템플릿 css 분리 * 템플릿별 상단 디자인형 css (버튼 아이콘 컬러 설정) * @date:2021-07-08 * @name:이상아 */ /* 기본 */ #tpl-design .base {margin-bottom:18px;} /* 19.07.05 추가 */ #tpl-design #header {z-index:11; width:100%; background:rgba( 255, 255, 255, 0 ); transform:all; transition:all .8s cubic-bezier(.17,.89,.53,1.12);} #tpl-design #header h1 {color:#fff !important;} #tpl-design #header.scroll h1 {color:#000 !important;} #tpl-design #header.scroll .btn-shoppingbasket-type span {color:#000;} #tpl-design #header .logo {display:inline-block; width:100px; height:30px; position:absolute; margin-top:-15px; top:50%; left:50%; transform:translateX(-50%); text-align:center;} #tpl-design #header .logo {background-size:100px 30px;} #app #tpl-design #header {position:fixed} /*메인페이지만 적용.*/ #app #tpl-design #header .btn-serch-type {z-index:8;} #app #tpl-design .gap {display:none !important;} /* 버튼 아이콘 컬러 설정 */ #tpl-design .btn-hamburgerMenu-type {position:absolute; top:6px; left:20px; width:19px; height:45px; text-indent:-9999em; z-index:10; background:url(/assets/shop/img/btn/tpl_design_hamburger_menu_ffffff.png) no-repeat center / 24px auto;} /* 19.07.01 수정 */ #tpl-design .btn-hamburgerMenu-type a.btn-area-setting {top:-10px; left:15px;} #tpl-design #header.scroll .btn-hamburgerMenu-type {background:url(/assets/shop/img/btn/tpl_design_hamburger_menu_000000.png) no-repeat center / 24px auto;} #tpl-design .btn-hamburgerMenu-type.bg5c5c5c, #tpl-design .btn-hamburgerMenu-type.bg888888, #tpl-design .btn-hamburgerMenu-type.bgb4b4b4, #tpl-design .btn-hamburgerMenu-type.bgdddddd, #tpl-design .btn-hamburgerMenu-type.bgffffff {} #tpl-design .btn-serch-type {position:absolute; top:4px; left:20px; width:19px; height:45px; text-indent:-9999em;}/* 19.07.01 수정 */ #tpl-design .btn-serch-type.left-move {left:20px;} /* 19.07.01 수정 */ #tpl-design .btn-hamburgerMenu-type + .btn-serch-type.left-move {left:60px;} #tpl-design .btn-serch-type {background:url(/assets/shop/img/btn/tpl_design_search_ffffff.png) no-repeat center / 24px auto;} #tpl-design #header.scroll .btn-serch-type {background:url(/assets/shop/img/btn/tpl_design_search_000000.png) no-repeat center / 24px auto;} #tpl-design .btn-shoppingbasket-type {position:absolute; top:6px; right:57px; width:19px; height:45px; text-indent:-9999em; background:url(/assets/shop/img/btn/tpl_design_basket_ffffff.png) no-repeat center / 24px auto;} /* 19.07.01 수정 */ #tpl-design .btn-shoppingbasket-type span {color:#ffffff;} #tpl-design #header.scroll .btn-shoppingbasket-type {background:url(/assets/shop/img/btn/tpl_design_basket_000000.png) no-repeat center / 24px auto;} #tpl-design #header.scroll .btn-shoppingbasket-type span {color:000000;} #tpl-design .btn-odr-inquiry-type, #tpl-design .btn-users-logoff-type, #tpl-design .btn-users-logon-type {display:inline-block; position:absolute; top:6px; right:20px; width:19px; height:45px; text-indent:-9999em;} /* 19.07.01 수정 */ #tpl-design .btn-odr-inquiry-type {background:url(/assets/shop/img/btn/tpl_design_inquiry_ffffff.png) no-repeat center; background-size:24px auto;} #tpl-design .btn-shoppingbasket-type span {display: inline-block; text-align: center; line-height: 24px; font-size: 10px; color: #fff; text-indent:0; position: absolute; top: 13px; left: 0; width: 100%;} /* 19.07.01 수정 */ #tpl-design #header.scroll .btn-odr-inquiry-type {background:url(/assets/shop/img/btn/tpl_design_inquiry_000000.png) no-repeat center; background-size:24px auto;;} #tpl-design .btn-users-logoff-type {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_design_logoff_ffffff_new.svg) no-repeat center; background-size:24px auto;} /* 23.03.08 이현진 background 수정 */ #tpl-design #header.scroll .btn-users-logoff-type {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_design_logoff_000000_new.svg) no-repeat center; background-size:24px auto;} /* 23.03.08 이현진 background 수정 */ #tpl-design .btn-users-logon-type {background:url(/assets/shop/img/btn/tpl_design_logon_ffffff.png) no-repeat center; background-size:24px auto;} #tpl-design #header.scroll .btn-users-logon-type {background:url(/assets/shop/img/btn/tpl_design_logon_000000.png) no-repeat center; background-size:24px auto;} /* 디자인형 템플릿 기획전 */ #tpl-design .header-plan .btn-hamburgerMenu-type {background:url(/assets/shop/img/btn/tpl_design_hamburger_menu_000000.png) no-repeat center / 24px auto !important;} #tpl-design .header-plan .btn-hamburgerMenu-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_hamburger_menu_5c5c5c.png) !important;} #tpl-design .header-plan .btn-hamburgerMenu-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_hamburger_menu_888888.png) !important;} #tpl-design .header-plan .btn-hamburgerMenu-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_hamburger_menu_b4b4b4.png) !important;} #tpl-design .header-plan .btn-hamburgerMenu-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_hamburger_menu_dddddd.png) !important;} #tpl-design .header-plan .btn-hamburgerMenu-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_hamburger_menu_ffffff.png) !important;} #tpl-design .header-plan .btn-serch-type {background:url(/assets/shop/img/btn/tpl_design_search_000000.png) no-repeat center / 24px auto !important;} #tpl-design .header-plan .btn-serch-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_search_5c5c5c.png) !important;} #tpl-design .header-plan .btn-serch-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_search_888888.png) !important;} #tpl-design .header-plan .btn-serch-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_search_b4b4b4.png) !important;} #tpl-design .header-plan .btn-serch-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_search_dddddd.png) !important;} #tpl-design .header-plan .btn-serch-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_search_ffffff.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type {background:url(/assets/shop/img/btn/tpl_design_basket_000000.png) no-repeat center / 24px auto !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_basket_5c5c5c.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_basket_888888.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_basket_b4b4b4.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_basket_dddddd.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_basket_ffffff.png) !important;} #tpl-design .header-plan .btn-shoppingbasket-type span {color:#000 !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bg5c5c5c span {color:#5c5c5c !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bg888888 span {color:#888 !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgb4b4b4 span {color:#b4b4b4 !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgdddddd span {color:#ddd !important;} #tpl-design .header-plan .btn-shoppingbasket-type.bgffffff span {color:#fff !important;} #tpl-design .header-plan .btn-odr-inquiry-type {background:url(/assets/shop/img/btn/tpl_design_inquiry_000000.png) no-repeat center !important; background-size:24px auto !important;} #tpl-design .header-plan .btn-odr-inquiry-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_inquiry_5c5c5c.png) !important;} #tpl-design .header-plan .btn-odr-inquiry-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_inquiry_888888.png) !important;} #tpl-design .header-plan .btn-odr-inquiry-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_inquiry_b4b4b4.png) !important;} #tpl-design .header-plan .btn-odr-inquiry-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_inquiry_dddddd.png) !important;} #tpl-design .header-plan .btn-odr-inquiry-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_inquiry_ffffff.png) !important;} #tpl-design .header-plan .btn-users-logoff-type {background:url(/assets/shop/img/btn/tpl_design_logoff_000000.png) no-repeat center !important; background-size:24px auto !important;} #tpl-design .header-plan .btn-users-logoff-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_logoff_5c5c5c.png) !important;} #tpl-design .header-plan .btn-users-logoff-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_logoff_888888.png) !important;} #tpl-design .header-plan .btn-users-logoff-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_logoff_b4b4b4.png) !important;} #tpl-design .header-plan .btn-users-logoff-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_logoff_dddddd.png) !important;} #tpl-design .header-plan .btn-users-logoff-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_logoff_ffffff.png) !important;} #tpl-design .header-plan .btn-users-logon-type {background:url(/assets/shop/img/btn/tpl_design_logon_000000.png) no-repeat center; background-size:24px auto !important;} #tpl-design .header-plan .btn-users-logon-type.bg5c5c5c {background-image:url(/assets/shop/img/btn/tpl_design_logon_5c5c5c.png) !important;} #tpl-design .header-plan .btn-users-logon-type.bg888888 {background-image:url(/assets/shop/img/btn/tpl_design_logon_888888.png) !important;} #tpl-design .header-plan .btn-users-logon-type.bgb4b4b4 {background-image:url(/assets/shop/img/btn/tpl_design_logon_b4b4b4.png) !important;} #tpl-design .header-plan .btn-users-logon-type.bgdddddd {background-image:url(/assets/shop/img/btn/tpl_design_logon_dddddd.png) !important;} #tpl-design .header-plan .btn-users-logon-type.bgffffff {background-image:url(/assets/shop/img/btn/tpl_design_logon_ffffff.png) !important;}