@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * header - 배너강조형
 * @date:2021-07-08
 * @name:이상아
 */

/* banner custom */
#app #tpl-banner #container {padding-top:0;} /* 20.12.29 pub A */
#tpl-banner #container {width:1080px; margin:0 auto; padding-top:100px;} /* 20.12.29 pub M */
#tpl-banner #container .wrap_product {padding-top:50px;}
#tpl-banner .cont-border-top {border-top:1px solid #e6e6e6 !important;}
#tpl-banner .cont-border-bottom {border-bottom:1px solid #e6e6e6 !important;}
#tpl-banner .cont-border-none,
#tpl-banner .cont-border-banner {border:none !important;}

/* 20.06.17 하단 공지사항 */
#tpl-banner .notice-banner {width :100%; height:60px; background:#fbfbfb;}
#tpl-banner .notice-banner .inner {width:1080px; margin:0 auto;}
#tpl-banner .notice-banner .inner .notice {position:relative; padding-left:117px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/side_notice_ico.png) left center no-repeat; line-height:60px; font-size:14px; color:#666666;}
#tpl-banner .notice-banner .inner .notice .tit {position:absolute; left:25px; top:0; display:inline-block; padding-right:18px; font-weight:bold; font-size:15px; color:#000; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/arr_h10_gray.png) right center no-repeat; line-height:60px;}
#tpl-banner .notice-banner .inner .notice .btn-view {display:block; position:absolute; top:15px; right:0; width:30px; height:30px;}
#tpl-banner .notice-banner .inner .notice .btn-view img {vertical-align:top;}

/* 템플릿 별 커스텀 팝업 */
#tpl-banner .popTopWrap {top:101px;}