/*********************/
/* 좌측 위젯 */
#konz_div_KakaotalkChannel {
	background: rgb(255, 232, 0);
	padding: 4px;
	border-radius: 4px;
	max-width: 100%;
	/* max-height: 100px; 의미없다. 아래 ImgDiv에서 padding을 조정해야 한다. */
	display: block;
	box-sizing: border-box;
	cursor: pointer;
}


#konz_div_KakaotalkChannel_ImgDiv {
	/* width: 333px;
	height: 100px; */
	
	/* 휴대폰에서 완전 하단에 위치한 문의하기 버튼이 가로폭이 매우커진것 처럼 이미지까지 너무 크게 확대되지 않도록 그 최대폭을 제한함 */
	max-width: 250px;

	/* 가로 세로 비율을 30%로 지정함 */
	/* padding-top: 30%; */
	padding-top: min(30%, 80px);

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

/* 모바일일 때: 카톡이미지 외부의 노란색 영역이 세로가 너무 길어지는 문제점을 해결하기 위하여 padding-top을 100px로 제한했다 */
@media only screen and (max-width:728px) {
	#konz_div_KakaotalkChannel_ImgDiv {
		padding-top: 100px;
	}
}

/* 왼쪽 위젯 영역의 카톡문의하기 버튼에 그림자 효과 주기 */
body.pen_drop_shadow #page .widget-area #konz_div_KakaotalkChannel {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}


/*********************/
/* 본문 하단 공통영역에 포함된 카톡채널 이미지 링크 */



#main div.pen_content_wrapper div.konz_cls_div_KakaoChannelChat img {
	border-radius: 15px;
	width: 300px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}


/*********************/