/* 공통 */
.container { width: 100%; max-width: 1150px; margin: auto; padding: 80px 0; }
.container > div > .sub_common_tit { margin: 70px 0 40px; font-size: 30px; color: #e24a7f; letter-spacing: -2px; }
.container > div > .sub_common_tit > span { width: 13px; height: 13px; background: #e24a7f; display: block; margin-left: 4px; }
.container > div > .sub_common_tit + h5 { word-break: keep-all; margin: 5px 0 40px; font-size: 18px; font-weight: 400; letter-spacing: -1px }
.container > div > .notice { padding: 30px 50px; margin: 100px 0 60px; background: #f5f5f5; }
.container > div > .notice > dt { font-weight: 600; letter-spacing: -1px }
.container > div > .notice > dd { word-break: keep-all; }
.m_b_n { margin-bottom: 0 !important; }
.b_t_n { border-top: 1px solid #ccc !important; }
.padding_20 { padding: 20px 5px !important; }
.color_yl { color: #fdd918; }
.color_gw { color: #bbd64f; }
.color_red { color: #cf0000; }
.color_bg_pk { background: #fde9f1; }

/* 서브공통 */
.tag { width: 100%; max-width: 1200px; margin: auto; padding: 30px 25px 0; }
.tag > h4 { font-size: 22px; margin-bottom: 7px; color: #e24a7f; }
.tag > h4 > i { color: #e24a7f; }
.tag > a { margin-bottom: 10px; display: inline-block; margin-right: 7px; font-size: 16px; font-weight: 500; padding: 0 10px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 20px; }
.tag > a:hover { background: #ddd; }

/* 테이블 공통 */
.container > div > div > table { width: 100%; border: 1px solid #ccc; border-top: 2px solid #333; margin-bottom: 40px; }
.container > div > div > table:last-child { margin-bottom: 0; }
.container > div > div > table th { background: #f5f5f5; }
.container > div > div > table th, .container > div > div > table td { vertical-align: middle; word-break: keep-all; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 6px; text-align: center; font-size: 17px; }
.sub_tit_bg { width: 100%; margin-top: 50px; }
.sub_tit_bg > div { width: 100%; height: 340px; max-width: 1200px; margin: auto; padding: 70px 100px; background-position: center !important; background-size: cover !important; }
.sub_tit_bg > div > h4 { color: #fff; font-size: 45px; font-weight: 600; letter-spacing: -2px; line-height: 60px }
.sub_tit_bg > div > h4 > span { font-weight: 600; letter-spacing: -2px }
.sub_tit_bg > div > h5 { margin-top: 27px; color: #fff; font-size: 25px; letter-spacing: -1px }
.sub_tit_bg > div > h6 { line-height: 46px; color: #fff; font-size: 35px; font-weight: 500; letter-spacing: -1.5px  }
.sub_tit_bg > div > p { color: #fff; margin-top: 30px; font-size: 18px; }
.width_10 { width: 10%; }
.width_15 { width: 15%; }
.width_20 { width: 20%; }
.width_23 { width: 23%; }
.width_24 { width: 24%; }
.width_30 { width: 30%; }
.width_40 { width: 40%; }
.width_50 { width: 50%; }
.width_85 { width: 85%; }
.width_90 { width: 90%; }

/* 디지털방송 */
.sub_tit01 { background: url(../../../img/sub01_title_img.jpg); }

/* TV+WIFI */
.sub_tit02 { background: url(../../../img/sub02_title_img.jpg); }

/* 인터넷 */
.sub_tit03 { background: url(../../../img/sub03_title_img.jpg); }

/* 결합상품 */
.sub_tit04 { background: url(../../../img/sub04_title_img.jpg); }

/* 채널편성표 */
.sub05_content > div { display: flex; justify-content: space-between; flex-flow: row wrap; }
.sub05_content > div > table { border: 1px solid #ccc; }
.sub05_content > div > table:nth-of-type(1) { width: 30%; border-top: 2px solid #16852b }
.sub05_content > div > table:nth-of-type(2) { width: 48%; border-top: 2px solid #de7d00 }
.sub05_content > div > table:nth-of-type(3) { width: 18%; border-top: 2px solid #894bd1 }
.sub05_content > div > table:nth-of-type(4) { width: 18%; border-top: 2px solid #3772b7 }
.sub05_content > div > table:nth-of-type(1) th { background: #ecfbdc; }
.sub05_content > div > table:nth-of-type(2) th { background: #fff3e4; }
.sub05_content > div > table:nth-of-type(4) th { background: #e3daee; }
.sub05_content > div > table:nth-of-type(3) th { background: #d1e6ff; }
.sub05_content > div > table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.sub05_content > div > table th span { font-weight: 600; }
.sub05_content > div > table td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.sub05_content > div > table th, .sub05_content > div > table td { vertical-align: middle; word-break: keep-all; font-weight: 500; text-align: center; padding: 2px; font-size: 14px; letter-spacing: -1px }



@media (max-width: 1300px){
	.sub_tit_bg { margin-top: 0; }
}
@media (max-width: 1210px){
	.container { padding: 80px 20px; }
}

@media (max-width: 1140px){
	.container > div > div > table th, .container > div > div > table td { font-size: 14px; }
	.container > div > .notice { padding: 20px; }
}

@media (max-width: 1040px){
	.sub05_content > div > table { width: 49% !important; margin-bottom: 30px; }
	.container > div > .notice > dd { font-size: 14px; margin-bottom: 5px; }
	.container > div > .notice > dt { margin-bottom: 10px; }
}

@media (max-width: 960px){
	.sub_common_tit { font-size: 25px; }
	.sub_common_tit + h5 { font-size: 15px; }
	.sub_tit_bg > div > h4 { font-size: 35px; line-height: 45px }
	.sub_tit_bg > div > h5 { font-size: 16px; }
	.sub_tit_bg > div > h6 { font-size: 28px; line-height: 40px; }
	.sub_tit_bg > div > p { font-size: 16px; }
	.sub_tit01 { background: url(../../../img/sub01_01_m.jpg); }
	.sub_tit02 { background: url(../../../img/sub02_01_m.jpg); }
	.sub_tit03 { background: url(../../../img/sub03_01_m.jpg); }
	.sub_tit04 { background: url(../../../img/sub04_01_m.jpg); }
}

@media (max-width: 720px){
	.container { padding: 40px 20px; }
	.container > div > .sub_common_tit { margin: 40px 0 30px; }
	.container > div > .notice { margin: 50px 0; }
	.container > div > div > table th, .container > div > div > table td { font-size: 12px; }
	.container > div > .notice > dd { font-size: 12px; }
	.tag > a { font-size: 13px; }
}

@media (max-width: 620px){
	.sub_tit_bg > div { height: 300px; padding: 26px; }
	.sub_tit_bg > div > h6 { font-size: 23px; line-height: 30px; }
	.sub_tit_bg > div > p { font-size: 14px; }
}

@media (max-width: 600px){
	.sub05_content > div > table { width: 100% !important; }
}

@media (max-width: 500px){
	.sub05_content > div > table th, .sub05_content > div > table td { font-size: 12px; }
}