@charset "UTF-8";

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

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

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

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

/* 23.01.02 이현진 추가 */
#tpl-basic .planItem .title, #tpl-basic .planItem .banner, #tpl-basic .planItem .profile {margin-top:60px;}
.itemCategoryCon .itemCategoryList {margin-top:0; width:100%; font-size:0; margin-bottom:13px;}
.itemCategoryCon .itemCategoryList li {displaY:inline-block; margin:0 10px 15px 0;}
.itemCategoryCon .itemCategoryList li a {display:block; padding:0 15px; font-size:14px; color:#666; line-height:31px; font-weight:400; height:31px; border:1px solid #ccc; text-align:center; border-radius:25px;}
.itemCategoryCon .itemCategoryList li.on a {background:#000; color:#fff; border-color:#000;}
#tpl-basic .pcver-prd-list-wrap {padding-top:30px;}
#tpl-basic .pcver-prd-list-wrap .abs-r {position:static; font-size:0; text-align:right;}
#tpl-basic .pcver-prd-list-wrap .abs-r.align a:after {padding-left:15px;}
#tpl-basic .pcver-prd-list-wrap .fourAlign {margin-top:22px;}