@media (orientation: landscape ) {
	/* 스마트폰 세로 */

	._wisemob_side_wrap div, ul, dl, ol, li, img {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	._wisemob_side_wrap {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
	}

	._wisemob_side_wrap img {
		vertical-align: top;
	}

	._wisemob_side_wrap .inbox .bubble {
		position: absolute;
		top: 0px;
		left: calc(90% );
		z-index: 1000;
	}

	._wisemob_side_wrap .inbox .bubble_txt {
		position: absolute;
		top: 4px;
		right: 12px;
	}

	._wisemob_side_wrap .bn_bot {
		width: 100%;
		height: 100%;
	}

	._wisemob_side_wrap .bn_bot .banner_container {
		display: flex;
		width: 100%;
		height: 100%;
	}

	._wisemob_side_wrap .bn_top {
		position: absolute;
		margin: 0 25px;
		top: 0px;
		right: 20px;
		width: 100%;
	}

	._wisemob_side_wrap .bn_top #ad_cover { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./cover_new.jpeg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-position: 100% 50%;
		background-repeat: no-repeat; /* 커버이미지 반복 차단 */
		height: 300px;
		border-radius: 0 10px 10px 0;
	}

	._wisemob_side_wrap .bn_top .cover {
		width: 100%;
		border-radius: 0 10px 10px 0;
		opacity: 0.90;
		z-index: 80;
		z-index: 80;
		position: relative;
	}

	._wisemob_side_wrap .bn_top .arw {
		position: absolute;
		top: calc(50% - 12px);
		right: -10px;
		width: 24px;
		height: 24px;
		border-radius: 24px;
		background-color: #387352;
		z-index: 1000;
	}

	._wisemob_side_wrap .bn_top .arw img {
		width: 100%;
	}

	._wisemob_side_wrap .bn_top .slideHandler {
		position: absolute;
		top: 0px;
		right: -25px;
		width: calc(60%);
		height: 100%;
		z-index: 1200;
	}

	._wisemob_side_wrap .bn_top.active {
		animation: mv1 2s ease-out infinite;
	}

	@keyframes mv1 {
		0% {
			right: 40px;
		}
		20% {
			right: 60px;
		}
		30% {
			right: 80px;
		}
		40% {
			right: 60px;
		}
		50% {
			right: 40px;
		}
		60% {
			right: 60px;
		}
		70% {
			right: 80px;
		}
		80% {
			right: 60px;
		}
		100% {
			right: 40px;
		}
	}

	._wisemob_side_wrap .bubble.active {
		animation: mv2 2s ease-out infinite;
	}

	@keyframes mv2 {
		0% {
			top: 0px;
		}
		70% {
			top: 0px;
		}
		80% {
			top: 10px;
		}
		90% {
			top: 0px;
		}
		100% {
			top: 0px;
		}
	}

	._wisemob_side_wrap .bubble_txt {
		animation: mv3 0.5s infinite;
	}

	@keyframes mv3 {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.5;
		}
		100% {
			opacity: 1;
		}
	}






	._wisemob_side_wrap .inbox {
		position: relative;
		width: 360px;
		height: 300px;
		margin: 0 auto;
		overflow: hidden;
	}

	._wisemob_side_wrap .inbox .bubble {
		position: absolute;
		top: 0px;
		left: calc(85% );
		z-index: 1000;
	}

	._wisemob_side_wrap .inbox .bubble_txt {
		position: absolute;
		top: 4px;
		right: 12px;
	}

	#adimgx { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./300x250_1.jpg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-repeat: repeat;
		background-size: cover;
		background-position: 50% 50%;
		border-radius: 5px;
		width: 360px;
		height: 300px;
	}

	#adimgx2 { /* img 태그 대신 image 담을 노드로 추가. */
		display: none;
	}

	#adimgx3 { /* img 태그 대신 image 담을 노드로 추가. */
		display: none;
	}
}

/* 스마트폰 가로 */
@media (orientation: portrait ) {

	._wisemob_side_wrap div, ul, dl, ol, li, img {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	._wisemob_side_wrap {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
	}

	._wisemob_side_wrap img {
		vertical-align: top;
	}

	._wisemob_side_wrap .inbox .bubble {
		position: absolute;
		top: 0px;
		left: calc(95% );
		z-index: 1000;
	}

	._wisemob_side_wrap .inbox .bubble_txt {
		position: absolute;
		top: 4px;
		right: 12px;
	}

	._wisemob_side_wrap .bn_bot {
		width: 100%;
		height: 100%;
	}

	._wisemob_side_wrap .bn_bot .banner_container {
		display: flex;
		width: 100%;
		height: 100%;
	}

	._wisemob_side_wrap .bn_top {
		position: absolute;
		margin: 0 25px;
		top: 0px;
		right: 20px;
		width: 100%;
	}

	._wisemob_side_wrap .bn_top #ad_cover { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./cover_new.jpeg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-position: 100% 50%;
		background-repeat: no-repeat; /* 커버이미지 반복 차단 */
		height: 300px;
		border-radius: 0 10px 10px 0;
	}

	._wisemob_side_wrap .bn_top .cover {
		width: 100%;
		border-radius: 0 10px 10px 0;
		opacity: 0.90;
		z-index: 80;
		z-index: 80;
		position: relative;
	}

	._wisemob_side_wrap .bn_top .arw {
		position: absolute;
		top: calc(50% - 12px);
		right: -10px;
		width: 24px;
		height: 24px;
		border-radius: 24px;
		background-color: #387352;
		z-index: 1000;
	}

	._wisemob_side_wrap .bn_top .arw img {
		width: 100%;
	}

	._wisemob_side_wrap .bn_top .slideHandler {
		position: absolute;
		top: 0px;
		right: -25px;
		width: calc(60%);
		height: 100%;
		z-index: 1200;
	}

	._wisemob_side_wrap .bn_top.active {
		animation: mv1 2s ease-out infinite;
	}

	@keyframes mv1 {
		0% {
			right: 40px;
		}
		20% {
			right: 60px;
		}
		30% {
			right: 80px;
		}
		40% {
			right: 60px;
		}
		50% {
			right: 40px;
		}
		60% {
			right: 60px;
		}
		70% {
			right: 80px;
		}
		80% {
			right: 60px;
		}
		100% {
			right: 40px;
		}
	}

	._wisemob_side_wrap .bubble.active {
		animation: mv2 2s ease-out infinite;
	}

	@keyframes mv2 {
		0% {
			top: 0px;
		}
		70% {
			top: 0px;
		}
		80% {
			top: 10px;
		}
		90% {
			top: 0px;
		}
		100% {
			top: 0px;
		}
	}

	._wisemob_side_wrap .bubble_txt {
		animation: mv3 0.5s infinite;
	}

	@keyframes mv3 {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.5;
		}
		100% {
			opacity: 1;
		}
	}


	._wisemob_side_wrap .inbox {
		position: relative;
		width: 100%;
		height: 300px;
		margin: 0 auto;
		overflow: hidden;
	}

	#adimgx { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./300x250_1.jpg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-repeat: repeat;
		background-size: cover;
		background-position: 50% 50%;
		border-radius: 5px;
		width: 260px;
		height: 300px;
	}

	#adimgx2 { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./300x250_1.jpg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-repeat: repeat;
		background-size: cover;
		background-position: 50% 50%;
		border-radius: 5px;
		margin-left: 10px;
		width: 260px;
		height: 300px;
	}

	#adimgx3 { /* img 태그 대신 image 담을 노드로 추가. */
		background-image: url(./300x250_1.jpg); /* 샘플용 -> 실제 서버에서 받아올 땐 없어도 되는 속성값 */
		background-repeat: repeat;
		background-size: cover;
		background-position: 50% 50%;
		border-radius: 5px;
		margin-left: 10px;
		width: 260px;
		height: 300px;
	}
}