@charset "UTF-8"; /** * 디자인별 템플릿 css 분리 * 템플릿별 상단 블로그형 css (버튼 아이콘 컬러 설정) * @date:2021-07-08 * @name:이상아 */ /* 기본 */ #tpl-blog #header {z-index:11; width:100%; padding:0 15px; border-bottom:1px solid #e6e6e6; box-sizing:border-box; background:#fff;} #tpl-blog #header .profile {padding:17px 0 14px; border-bottom:2px solid #000;} #tpl-blog #header .profile .tit {font-size:21px; color:#000; margin-top:0;} /* 21.04.28 이상아 수정 */ #tpl-blog #header .profile .desc {font-size:15px; color:#000; transition: all .5s;} /* 19.06.25 수정 */ #tpl-blog #header.scroll .profile .desc {display: none;} /* 19.06.25 추가 */ #tpl-blog #header.scroll {position:fixed;} #tpl-blog #header.scroll .profile .tit {text-overflow: ellipsis; white-space: nowrap;} #app #tpl-blog #header {position:fixed; padding-bottom:10px; border-bottom:none;} /* 메인페이지만 적용 */ #app #tpl-blog #header .btn-serch-type {z-index:8;} #app #tpl-blog .gap {display:none !important;} /* 버튼 아이콘 컬러 설정 */ #tpl-blog .btn-hamburgerMenu-type {position:absolute; top:5px; left:15px; width:22px; height:45px; margin-top: 0px; text-indent:-9999em; z-index: 20; background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_000000.png) no-repeat center / 22px 19px;} /* 19.06.25 수정 */ #tpl-blog .btn-hamburgerMenu-type a {display: block; height: 100%;} #tpl-blog .btn-hamburgerMenu-type a.btn-area-setting {top:0px; left:17px;} #tpl-blog .btn-hamburgerMenu-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_5c5c5c.png) no-repeat center / 22px 19px;} #tpl-blog .btn-hamburgerMenu-type.bg888888 {background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_888888.png) no-repeat center / 22px 19px;} #tpl-blog .btn-hamburgerMenu-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_b4b4b4.png) no-repeat center / 22px 19px;} #tpl-blog .btn-hamburgerMenu-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_dddddd.png) no-repeat center / 22px 19px;} #tpl-blog .btn-hamburgerMenu-type.bgffffff {background:url(/assets/shop/img/btn/tpl_blog_hamburger_menu_ffffff.png) no-repeat center / 22px 19px;} #tpl-blog .btn-odr-inquiry-type, #tpl-blog .btn-users-logon-type, #tpl-blog .btn-users-logoff-type {display:inline-block; position:absolute; top:5px; right:15px; width:22px; height:45px; text-indent:-9999em; z-index: 9;} /* 19.07.01 수정 */ #tpl-blog .btn-odr-inquiry-type {background:url(/assets/shop/img/btn/tpl_blog_inquiry_000000.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-odr-inquiry-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_blog_inquiry_5c5c5c.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-odr-inquiry-type.bg888888 {background:url(/assets/shop/img/btn/tpl_blog_inquiry_888888.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-odr-inquiry-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_blog_inquiry_b4b4b4.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-odr-inquiry-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_blog_inquiry_dddddd.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-odr-inquiry-type.bgffffff {background:url(/assets/shop/img/btn/tpl_blog_inquiry_ffffff.png) no-repeat center; background-size:24px 20px;} #tpl-blog .btn-serch-type {position:absolute; top:4px; left:15px; width:24px; height:45px; text-indent:-9999em; z-index: 10;} /* 19.07.01 수정 */ #tpl-blog .btn-serch-type.left-move {left:15px;} #tpl-blog .btn-hamburgerMenu-type + .btn-serch-type.left-move {left:43.5px;} #tpl-blog .btn-serch-type {background:url(/assets/shop/img/btn/tpl_blog_search_000000.png) no-repeat center / 24px auto;} #tpl-blog .btn-serch-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_blog_search_5c5c5c.png) no-repeat center / 24px auto;} #tpl-blog .btn-serch-type.bg888888 {background:url(/assets/shop/img/btn/tpl_blog_search_888888.png) no-repeat center / 24px auto;} #tpl-blog .btn-serch-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_blog_search_b4b4b4.png) no-repeat center / 24px auto;} #tpl-blog .btn-serch-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_blog_search_dddddd.png) no-repeat center / 24px auto;} #tpl-blog .btn-serch-type.bgffffff {background:url(/assets/shop/img/btn/tpl_blog_search_ffffff.png) no-repeat center / 24px auto;} #tpl-blog .btn-shoppingbasket-type {position:absolute; top:5px; right:45px; width:26px; height:45px; text-indent:-9999em; z-index: 9;} /* 19.06.25 수정 */ #tpl-blog .btn-shoppingbasket-type {background:url(/assets/shop/img/btn/tpl_blog_basket_000000.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_blog_basket_5c5c5c.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type.bg888888 {background:url(/assets/shop/img/btn/tpl_blog_basket_888888.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_blog_basket_b4b4b4.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_blog_basket_dddddd.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type.bgffffff {background:url(/assets/shop/img/btn/tpl_blog_basket_ffffff.png) no-repeat center / 26px 23px;} #tpl-blog .btn-shoppingbasket-type span {position: absolute; top: 7px; left: 16px; color: #fff; font-size: 10px; text-indent:0; display: inline-block; width: 15px; height: 15px; line-height: 15px; border-radius:50%; text-align: center;} /* 19.06.25 수정 */ #tpl-blog .btn-shoppingbasket-type span {color:#fff; background:#888;} #tpl-blog .btn-users-logon-type {background:url(/assets/shop/img/btn/tpl_blog_logon_000000.png) no-repeat center; background-size:22px 19px;} #tpl-blog .btn-users-logon-type.bg5c5c5c {background:url(/assets/shop/img/btn/tpl_blog_logon_5c5c5c.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logon-type.bg888888 {background:url(/assets/shop/img/btn/tpl_blog_logon_888888.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logon-type.bgb4b4b4 {background:url(/assets/shop/img/btn/tpl_blog_logon_b4b4b4.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logon-type.bgdddddd {background:url(/assets/shop/img/btn/tpl_blog_logon_dddddd.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logon-type.bgffffff {background:url(/assets/shop/img/btn/tpl_blog_logon_ffffff.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logoff-type {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_000000_new.png) no-repeat center; background-size:22px 19px;} #tpl-blog .btn-users-logoff-type.bg5c5c5c {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_5c5c5c_new.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logoff-type.bg888888 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_888888_new.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logoff-type.bgb4b4b4 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_b4b4b4_new.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logoff-type.bgdddddd {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_dddddd_new.png) no-repeat center / 22px 19px;} #tpl-blog .btn-users-logoff-type.bgffffff {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/tpl_blog_logoff_ffffff_new.png) no-repeat center / 22px 19px;}