@charset "utf-8";
:root{
--p01_00: #485464; /* 공통 */
--p01_01: #24506F; /* 베이직 #245170 */
--p01_02: #72635A; /* 브론즈 #71635A */
--p01_03: #848585; /* 실버 #858585 */
--p01_04: #A77F42; /* 골드 */
--p01_05: #586097; /* 플래티늄 #5A6198 */
}
.ml20 { margin-left:20px !important; }
body{overflow-x: auto;}

.ys-prog .table-blue th {color: #333; padding: 5px 8px;}
.ys-prog .table-blue td {color: #555; padding: 5px 8px;}
.ys-prog .table-blue th,
.ys-prog .table-blue th *,
.ys-prog .table-blue td,
.ys-prog .table-blue td *{word-break: break-all;}
.ys-prog ul.list-bullet > li{margin-bottom: 4px;}

/* header */
.wrap1 #header-wrap { width:100%; z-index:100; position:relative; height:70px; height:100px; }
.wrap1 #sub1 #header-wrap { width:100%; z-index:100; height:70px; position:fixed; height:100px;}
#sub1 #header-wrap.fixed { position:fixed; top:0; left:0; }
#sub-content.fixed { padding-top:265px;  }
#sub1 #header .header-bottom { border-bottom:1px solid #ccc; }

/* 프로그램 상단 탭 */
.tab_top {width:100%; background:#2A65BD; margin-bottom:10px; margin-top:5px; }
.tab_top ul {width: 100%; overflow: hidden; margin: 0 auto; display: grid; grid-template-columns: 3fr 3fr 3fr;}
.tab_top ul li {padding: 8px 5px; text-align: center; border: 1px solid #1853AB; box-sizing: border-box; font-weight:500;}
.tab_top ul li.on{background-color: #114087; font-weight: 600;}
.tab_top ul li a {display:block; font-size:13px; color:#fff;}

/* 프로그램 */
.ys-prog .sub1{position: relative; width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}

.sub1-title{width: 100%; background-color: var(--p01_00); font-size: 16px; font-weight: bold; padding: 8px 12px; color: #fff;}
.p01_00 .sub1-title{background-color: var(--p01_00);}
.p01_01 .sub1-title{background-color: var(--p01_01);}
.p01_02 .sub1-title{background-color: var(--p01_02);}
.p01_03 .sub1-title{background-color: var(--p01_03);}
.p01_04 .sub1-title{background-color: var(--p01_04);}
.p01_05 .sub1-title{background-color: var(--p01_05);}

.ys-prog .section-wrap{margin-bottom: 50px;}
.ys-prog .section-wrap .section-title{
    font-size: 15px; font-weight: 500;
    color: #000;
    padding-left: 25px;
    width: 100%;
    position: relative;
	margin: 15px 0 5px;
}
.ys-prog .section-wrap .section-title::before{
	content: "";
    display: block;
    width: 18px;
    height: 18px;
	border-radius: 50%;
    background: var(--p01_00) url(../images/ys/tit_arw_right.png) no-repeat center right 4px;
    background-size: 8px;
    color: #fff;
	position: absolute;
    left: 0px; top: 0px;
}
.ys-prog .p01_00 .section-wrap .section-title::before{background-color: var(--p01_00);}
.ys-prog .p01_01 .section-wrap .section-title::before{background-color: var(--p01_01);}
.ys-prog .p01_02 .section-wrap .section-title::before{background-color: var(--p01_02);}
.ys-prog .p01_03 .section-wrap .section-title::before{background-color: var(--p01_03);}
.ys-prog .p01_04 .section-wrap .section-title::before{background-color: var(--p01_04);}
.ys-prog .p01_05 .section-wrap .section-title::before{background-color: var(--p01_05);}

.ys-prog .section-wrap .section-title .refer{display: block; font-size: 13px; font-weight: normal;}

.ys-prog .tb-title{background-color: var(--p01_00); width: 100%; text-align: center; color: #fff; font-weight: 500; font-size: 13px; padding: 5px;}
.ys-prog .p01_00 .tb-title{background-color: var(--p01_00);}
.ys-prog .p01_01 .tb-title{background-color: var(--p01_01);}
.ys-prog .p01_02 .tb-title{background-color: var(--p01_02);}
.ys-prog .p01_03 .tb-title{background-color: var(--p01_03);}
.ys-prog .p01_04 .tb-title{background-color: var(--p01_04);}
.ys-prog .p01_05 .tb-title{background-color: var(--p01_05);}

.ys-prog .table-blue thead th{border-top: 3px solid var(--p01_00);}
.ys-prog .table-blue{table-layout: fixed;}
.ys-prog .p01_00 .table-blue thead th{border-top: 3px solid var(--p01_00);}
.ys-prog .p01_01 .table-blue thead th{border-top: 3px solid var(--p01_01);}
.ys-prog .p01_02 .table-blue thead th{border-top: 3px solid var(--p01_02);}
.ys-prog .p01_03 .table-blue thead th{border-top: 3px solid var(--p01_03);}
.ys-prog .p01_04 .table-blue thead th{border-top: 3px solid var(--p01_04);}
.ys-prog .p01_05 .table-blue thead th{border-top: 3px solid var(--p01_05);}

.list-bullet.black-text li,
.list-bullet.black-text li .red-text,
.list-bullet.black-text li .bold{word-break: break-all;}
.list-bullet.black-text li span.red-text,
.list-bullet.black-text li span.bold{display: inline;}