@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: 8px 15px;}
.ys-prog .table-blue td {color: #555;}
.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%; height:50px; background:#2A65BD; margin-bottom:20px; margin-top:20px; }
.tab_top ul {width: 1100px; height: 50px; overflow: hidden; margin: 0 auto; display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-evenly;}
.tab_top ul li {width:20%; height: 35px; line-height: 35px; text-align: center; border-right: 1px solid white;}
.tab_top ul li:last-of-type{border-right: 1px solid #2A65BD;}
.tab_top ul li a {display:block; font-size:19px; color:white; font-weight:600; margin: 0 5px;}
.tab_top ul li a:hover {background:#1853AB; color:white;}
.tab_top ul li.on a{background-color: #114087; font-weight: 600;}

/* 프로그램 */
.ys-prog .sub1{width: 1100px; margin: 0 auto 20px;}

.sub1-title{width: 100%; background-color: var(--p01_00); font-size: 22px; font-weight: bold; padding: 12px 24px; 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: 22px; font-weight: 500;
    color: #000;
    padding-left: 30px;
    width: 100%;
    position: relative;
	margin: 30px 0 10px;
}
.ys-prog .section-wrap .section-title::before{
	content: "";
    display: block;
    width: 23px;
    height: 23px;
	border-radius: 50%;
    background: var(--p01_00) url(../images/ys/tit_arw_right.png) no-repeat center right 4px;
    background-size: 13px;
    color: #fff;
	position: absolute;
    left: 0px; top: 2px;
}
.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: inline; margin-left: 20px; font-size: 16px; font-weight: normal;}

.ys-prog .tb-title{background-color: var(--p01_00); width: 100%; text-align: center; color: #fff; font-weight: 500; font-size: 15px; 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 .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);}