@charset "utf-8";
/* Generated by scripts/build_sub_modules.py from sub.css. Do not edit. */

.media-wowza { padding:140px 0; overflow:hidden }
.media-wowza.lms-feature-detail-wrap { padding: 110px 0; }
.media-wowza.streaming-highlight-wrap-box { padding:0; }
.media-wowza * { word-break:keep-all; }
.media-wowza.bg { background:#fff; }
.media-wowza#priceplan,
.media-wowza.product-list2#priceplan,
.media-wowza.product-list2.type-A#priceplan { background:#f5f5f5; }
.media-wowza .listbox { margin-top:50px; z-index:2; position:relative; }
.media-wowza .listbox li .hint { width: 100%; margin-top: 12px; text-align: center; }
.media-wowza .listbox li .hint a { text-decoration: underline; color: #555; transition: all 0.3s; }
.media-wowza .listbox li .hint a:hover { color: #333; font-weight: 600; }
.media-wowza.wowza-box1 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.media-wowza.wowza-box1 .listbox li { width:calc((100% - 40px) / 3); border-radius:15px; background:#f9f9f9; border: 1px solid #ddd; padding:33px 10px 33px 33px; display:flex; align-items:center; }
.media-wowza.wowza-box1 .listbox li .icon { width:98px; height:98px; border-radius:98px; background:#fff; display:flex; align-items:center; justify-content:center; }
.media-wowza.wowza-box1 .listbox li .txtbox { width:calc(100% - 98px); padding-left:38px; font-size:20px; font-weight:400; color:#222; line-height:1.5; letter-spacing:-0.02em; }
.media-wowza.wowza-box1 .listbox li .txtbox strong { font-weight:600; }
/* netorage.php 4개 한 줄 리스트 */
.media-wowza.wowza-box1 .listbox.netorage-list-4 ul { display:flex; flex-wrap:wrap; gap:20px; }
.media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:calc((100% - 60px) / 4); }
.media-wowza.wowza-box2 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.media-wowza.wowza-box2 .listbox li { width:calc((100% - 40px) / 3); border-radius:15px; background:#fff; padding:33px 10px 33px 53px; display:flex; align-items:center; }
.media-wowza.wowza-box2 .listbox li .icon { width:102px; height:102px; border-radius:102px; background:#f9f9f9; display:flex; align-items:center; justify-content:center; }
.media-wowza.wowza-box2 .listbox li .txtbox dt { position:relative; margin-top:20px; font-size:24px; font-weight:700; color:#222; line-height:1.5; letter-spacing:-0.02em; padding-bottom:15px; }
.media-wowza.wowza-box2 .listbox li .txtbox dt:before { content:''; display:block; position:absolute; width:19px; height:1px; left:0; bottom:0; background:#000; }
.media-wowza.wowza-box2 .listbox li .txtbox dd { margin-top:15px; font-size:18px; font-weight:400; color:#444; line-height:1.5; letter-spacing:-0.02em; }
.media-wowza.wowza-box3 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.media-wowza.wowza-box3 .listbox li { width:calc((100% - 60px) / 4); border-radius:10px; background:#fff; border:1px solid #ddd; }
.media-wowza.wowza-box3 .listbox li .imgbox img { width:100%; }
.media-wowza.wowza-box3 .listbox li .txtbox { text-align:center; padding:30px 20px 35px; }
.media-wowza.wowza-box3 .listbox li .txtbox dt { font-size:24px; font-weight:700; color:#222; line-height:1.5; letter-spacing:-0.02em; }
.media-wowza.wowza-box3 .listbox li .txtbox dd { margin-top:20px; font-size:18px; font-weight:400; color:#444; line-height:1.5; letter-spacing:-0.02em; }
@media screen and (max-width:1280px){
    .media-wowza .listbox li .txtbox br { display:none }
    .media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:calc((100% - 40px) / 4); }
}
@media screen and (max-width:1024px){
    .media-wowza { padding:100px 0; }
    .media-wowza .listbox { margin-top:40px; }
    .media-wowza.wowza-box1 .listbox li { padding:25px 10px 25px 25px; }
    .media-wowza.wowza-box1 .listbox li .txtbox { padding-left:25px; font-size:18px; }
    .media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:calc((100% - 20px) / 2); }
    .media-wowza.wowza-box2 .listbox li { padding:25px 10px 25px 25px; }
    .media-wowza.wowza-box2 .listbox li .txtbox dt { margin-top:20px; font-size:20px; padding-bottom:12px; }
    .media-wowza.wowza-box2 .listbox li .txtbox dd { margin-top:12px; font-size:16px; }
    .media-wowza.wowza-box3 .listbox li .txtbox { padding:20px 15px 25px; }
    .media-wowza.wowza-box3 .listbox li .txtbox dt { font-size:20px; }
    .media-wowza.wowza-box3 .listbox li .txtbox dd { margin-top:15px; font-size:16px; }
}
@media screen and (max-width:960px){
    .media-wowza.wowza-box1 .listbox ul,
    .media-wowza.wowza-box2 .listbox ul,
    .media-wowza.wowza-box3 .listbox ul { gap:10px; }
    .media-wowza.wowza-box1 .listbox li,
    .media-wowza.wowza-box2 .listbox li { width:calc((100% - 10px) / 2); }
    .media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:calc((100% - 10px) / 2); }
    .media-wowza.wowza-box3 .listbox li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:760px){
    .media-wowza.wowza-box1 .listbox li { width:100%; }
    .media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:100%; }
}
@media screen and (max-width:640px){
    .media-wowza { padding:80px 0; }
    .media-wowza .listbox { margin-top:30px; }
    .media-wowza.wowza-box1 .listbox li { padding:20px 10px 25px 20px; }
    .media-wowza.wowza-box1 .listbox li .txtbox { padding-left:20px; font-size:16px; }
    .media-wowza.wowza-box1 .listbox.netorage-list-4 li { width:100%; }
    .media-wowza.wowza-box2 .listbox li { padding:25px 10px 25px 25px; }
    .media-wowza.wowza-box2 .listbox li .txtbox dt { margin-top:20px; font-size:18px; padding-bottom:10px; }
    .media-wowza.wowza-box2 .listbox li .txtbox dd { margin-top:10px; font-size:15px; }
    .media-wowza.wowza-box3 .listbox li .txtbox { padding:15px 10px 20px; }
    .media-wowza.wowza-box3 .listbox li .txtbox dt { font-size:18px; }
    .media-wowza.wowza-box3 .listbox li .txtbox dd { margin-top:12px; font-size:15px; }
}
@media screen and (max-width:480px){
    .media-wowza.wowza-box2 .listbox li,
    .media-wowza.wowza-box3 .listbox li { width:100%; }
    .media-wowza.wowza-box2 .listbox li .icon { margin:0 auto; }
    .media-wowza.wowza-box2 .listbox li .txtbox { text-align:center; }
    .media-wowza.wowza-box2 .listbox li .txtbox dt:before { left:50%; transform:translateX(-50%);}
}
/* animation */
.media-wowza .listbox { opacity:0; }
.media-wowza.subOn .listbox { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }

/* video_cloud.php, video_cloud_price.php - priceplan 전용 반응형 카드 정렬 */
#priceplan.product-list2.type-A .listbox > ul > li {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
@media screen and (min-width:641px) {
	#priceplan.product-list2.type-A .listbox > ul > li > ul.list + ul.list,
	#priceplan.product-list2.type-A .listbox > ul > li > .btn-gr,
	#priceplan.product-list2.type-A .listbox > ul > li > .hint {
		width: 100%;
	}
	#priceplan.product-list2.type-A .listbox > ul > li > ul.list + ul.list {
		margin-top: auto;
	}
}
@media screen and (min-width:1281px) {
	#priceplan.product-list2.type-A .listbox > ul > li {
		width: calc((100% - 30px) / 4) !important;
	}
}
@media screen and (min-width:641px) and (max-width:1280px) {
	#priceplan.product-list2.type-A .listbox > ul {
		gap: 20px;
	}
	#priceplan.product-list2.type-A .listbox > ul > li {
		width: calc((100% - 20px) / 2) !important;
	}
}
@media screen and (max-width:640px) {
	#priceplan.product-list2.type-A .listbox > ul {
		gap: 15px;
	}
	#priceplan.product-list2.type-A .listbox > ul > li {
		width: 100% !important;
	}
}

/* GPU colocation mobile card alignment */
@media screen and (max-width:640px) {
	#priceplan.media-wowza.product-list2.type-A .listbox > ul > li {
		padding: 30px 20px;
	}
	#priceplan.media-wowza.product-list2.type-A .listbox > ul > li .columlist {
		width: 100%;
		max-width: none;
		margin: 30px 0;
	}
	.cloud-private.private-box1 .listbox.gpu .box {
		flex-direction: column;
	}
	.cloud-private.private-box1 .listbox.gpu .box .txtbox {
		width: 100%;
		padding-left: 0;
	}
}