
/* CSS 초기화 LEFT MENU */
div.leftmenu { overflow: hidden; margin-bottom: 30px;}
div.product_left_top{ height:150px; background:none; position: relative; font-family: 'Nanum Gothic',sans-serif; text-align: center;}
div.product_left_top:before { content:''; position: absolute; bottom: 0;left: 0;right: 0;top: 0; background:#1d2c6f; z-index: -2;}
div.product_left_top.mall:before { background:#0067ad;}
div.product_left_top.mall > a { bottom:23px;}
div.product_left_top:after { content:''; position: absolute; bottom: 0;left: 0;right: 0;top: -42px; z-index: -1;}
div.product_left_top > a { font-size: 16px; color:#fff; font-weight: normal; position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); width:100%;}
div.product_left_top > span { font-size: 9px; color: #bfbfbf; font-weight: bold; position: absolute; bottom: 13px; width: 100%; left: 50%; transform: translateX(-50%); letter-spacing: 0.2em;}
div.left_menu{font-family: 'Nanum Gothic',sans-serif;overflow: hidden;}
div.bokjiguide_banner220 {margin-top:20px;}
div.leftcustom {background:none;}

/* 복지몰 LEFT 메뉴 */
.product_left_top.mall img { position: absolute; top: 33px; left: 50%; margin-bottom:10px; height:55px; transform: translateX(-50%);}
.left_nav_TT > a { position: relative; line-height: 45px; text-indent: 10px;}
#leftnav > li > a{ font-size: 14px;  border-left:1px solid #ccc;  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  box-sizing: border-box;  background: #fff;}
.left_nav_TT > a:after {content:"\002B"; font-weight: normal; font-size: 20px; color:#959595; position: absolute; top:50%; right:20px; transform:translateY(-50%);}
.left_nav_TT > a.open:after, .left_nav_TT.selected  > a:after {content:"\2012" ;}
.left_nav_TT.link > a:after {content:"";} /* .link 추가시 하단메뉴 X, 우측 +-도 없음 */
.left_nav_TT.link > a.open:after {content:"";}
#leftnav li {background:#fff;}
#leftnav > li > a:hover {background: #fff;}
#leftnav li ul li a { color:#666; font-size: 12px;}
#leftnav li ul{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden;}
#leftnav li ul li a{position: relative;}

/* 복지몰 LEFT MENU 하단 == 현재카테고리내 검색 */
.inner_srchBox{width:220px; height:80px; border: 1px solid #ccc;overflow: hidden; padding:10px; box-sizing: border-box; margin-top: 20px;}
.inner_srchTT {font-size: 17px; color:#666;font-family: "NanumSquare", sans-serif;font-weight: bold; padding:0 0 10px;}
.inner_srch {position: relative;}
.inner_srch input[name="searchPdName1"] {border:2px solid #ff0066; width:150px; height:30px; padding:0 25px 0 10px;}
.inner_srch button {color:#ff0066; font-size: 18px; position: absolute; right:15px; top:50%; transform:translateY(-50%);}

/* 상조 LEFT MENU 하단 == 고객센터 배너 */
.cusCenter{ padding: 10px 23px; font-weight: bold; position: relative; overflow: hidden; text-align: right; margin-top:10px;}
.cusCenter:before{ content:''; z-index: -2; background:#f0f0f1; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.cusCenter:after{ content:''; position: absolute; background:url('/images/2021/sangjo.png') no-repeat center; display: block; top: 14px; bottom: 0;left: -145px; right: 0; z-index: -1;}
.cusCenter h2 { font-size: 17px; line-height: 30px;}
.cusCenter p { font-size: 18px;}

/* 상조 메인 */
.sangjoWrap{ width:1200px; margin:auto; overflow:hidden; margin-top:15px; text-align: center;}
.sangjoWrap .contentBox h3 { border:1px solid #ccc; border-radius: 5px; text-align: left; text-indent: 20px; padding:5px 0;}
.sangjoWrap .clickred {text-decoration: underline; color:red;}

.contentBox ul{ text-align: left; padding:10px 30px 0;}
.contentBox ul li { display: block; line-height: 33px;}
.contentBox ul span { display: inline-block; font-weight: bold;}
.contentBox.first ul span {width:100px;}
.contentBox.second ul span {width:200px;}
.contentBox.third ul li, .contentBox.fourth ul li{ display: inline-block; width:24%; text-align: center; line-height: 40px; background:#0067ad; border-radius: 40px; font-size: 15px; color:#fff;}
.contentBox.fourth ul li{ background:#93ad00;}
.contentBox.third ul li span, .contentBox.fourth ul li span{ margin-right: 8px; font-size: 12px; color: yellow; font-weight: bold;}
.contentBox .descBox{ margin:20px 0 0 50px; text-align: left;}
.contentBox .descBox p { line-height: 27px;}
.sangjoFAQ{ width:965px; margin-top:10px;}
.sangjoFAQ li, .sangjoFAQ h3, .sangjoFAQ p { width:100%;}
.sangjoFAQ p { font-size: 14px; line-height: 27px; background: #F5F5F5; margin: 0;}

/* 복지몰 메인 중앙부 좌측 카테고리섹션 */
.main_cooper ul {min-height:333px;}
.best_area {overflow:hidden; line-height:100px; box-sizing:border-box; border-top:1px solid #ccc;}
.main_section {padding:54px 0; background:#fbf4f4; margin-bottom:27px; margin:0 auto; min-width:1200px;}
.main_section div.main_md_pd { background:#fff; box-shadow: 4px 4px 10px rgba(0,0,0,0.05), -4px -4px 10px rgba(0,0,0,0.05);}
.main_section div.main_md_pd {box-sizing: border-box;}
.main_section div.main_md_pd:hover {border:1px solid #666;overflow: hidden;}
div.main_md_pd:hover {border:1px solid #888; overflow: hidden;}
.main_middle.best div.main_md_pd:hover {border:none;}
.main_section div.main_md_pd:hover img {transform:scale(1);}

/* 상품 반복시 margin용 빈 이미지 제거 후 클레스명 추가 ,,, */
div.main_md_pd.pd_margin {margin-right:11px; margin-bottom:20px;}