@charset "utf-8";
/* CSS Document */

.g-subtitles { box-sizing: border-box; padding: 0; margin: 10px 0; width : 100%; border-width: 0px; border-collapse: collapse; border-spacing: 0; }
.g-subtitles td { padding: 0; margin: 0; }
.g-subtitles td:first-child { text-align: left; }
.g-subtitles td:last-child { text-align: right; }
.g-subtitle-shdw { text-shadow: 0px 3px 5px rgba( 0, 0, 0, 0.3 ); }

/* 프리셋 01 - 스킨 001 */
.g-subtitle-set01 { background: linear-gradient( 70deg, rgba(51, 109, 206, 1 ), rgb(83, 163, 224), rgb(70, 142, 217), rgb(68, 138, 216)); }
.g-subtitle-set01 td { height:68px; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%); }
.g-subtitle-set01 td > span { letter-spacing: -1px; font-family: 'Noto Sans Korean', sans-serif; color:#ffffff; }
.g-subtitle-set01 .g-subtitle-tit { padding-left: 30px; }
.g-subtitle-set01 .g-subtitle-tit > span { font-size: 19px; font-weight: 500; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.g-subtitle-set01 .g-subtitle-nav { padding-right: 30px; }
.g-subtitle-set01 .g-subtitle-nav > span { font-size: 12px; font-weight: 300; opacity: 0.7; }
.g-subtitle-set01 .g-subtitle-nav > span:before { content: '\f054'; display: inline-block; border-radius: 10px; margin-top: -0.5em; margin-right: 10px; width: 18px; height: 18px; line-height: 18px; font-size: 7px;  font-family: 'FontAwesome'; text-align: center; vertical-align: middle; background: linear-gradient( 150deg, rgba(255, 255, 255, 0.5) 0%, rgba(184, 195, 207, 0.5) 10%, rgba(37, 72, 106, 0.5) 60%, rgba(37, 72, 106, 0.5) 100%); box-shadow: 1px 2px 5px rgba(0,0,0,0.6); }

/* 프리셋02 - 스킨 002 */
.g-subtitle-set02 { background: linear-gradient( 70deg, rgb(78, 164, 1), rgb(138, 200, 0), rgb(122, 191, 0), rgb(116, 188, 0)); }
.g-subtitle-set02 td { height:68px; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%); }
.g-subtitle-set02 td > span { font-family: 'Noto Sans Korean', sans-serif; color:#ffffff; }
.g-subtitle-set02 .g-subtitle-tit { padding-left: 30px; }
.g-subtitle-set02 .g-subtitle-tit > span { font-size: 19px; font-weight: 500; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.g-subtitle-set02 .g-subtitle-nav { padding-right: 30px; }
.g-subtitle-set02 .g-subtitle-nav > span { font-size: 12px; font-weight: 300; opacity: 0.7; }
.g-subtitle-set02 .g-subtitle-nav > span:before { content: '\f054'; display: inline-block; border-radius: 10px; margin-top: -0.5em; margin-right: 10px; width: 18px; height: 18px; line-height: 18px; font-size: 7px; font-family: 'FontAwesome'; text-align: center; vertical-align: middle; background: linear-gradient( to bottom, rgb(203, 237, 135) 0%, rgb(179, 239, 59) 40%, rgb(145, 194, 45) 100%); box-shadow: 1px 2px 5px rgba(0,0,0,0.6); }

/* 프리셋03 - 스킨 003 */
.g-subtitle-set03 { background: linear-gradient( to right,rgb(21, 39, 80) 0%, rgb(22, 40, 81) 1%, rgb(38, 69, 141) 50%, rgb(32, 59, 119) 60%, rgb(34, 59, 123) 100%); }
.g-subtitle-set03 td { height:68px; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%); }
.g-subtitle-set03 td > span { font-family: 'Noto Sans Korean', sans-serif; color:#ffffff; }
.g-subtitle-set03 .g-subtitle-tit { padding-left: 30px; }
.g-subtitle-set03 .g-subtitle-tit > span { font-size: 19px; font-weight: 500; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.g-subtitle-set03 .g-subtitle-nav { padding-right: 30px; }
.g-subtitle-set03 .g-subtitle-nav > span { font-size: 12px; font-weight: 300; opacity: 0.7; }
.g-subtitle-set03 .g-subtitle-nav > span:before { content: '\f054'; display: inline-block; border-radius: 10px; margin-top: -0.5em; margin-right: 10px; width: 18px; height: 18px; line-height: 18px;  font-size: 7px; font-family: 'FontAwesome'; text-align: center; vertical-align: middle; background: linear-gradient( 160deg, rgb(213, 228, 243) 0%, rgb(129, 178, 231) 10%, rgb(59, 133, 217) 50%, rgb(50, 115, 186) 80%, rgb(71, 142, 220) 100%); box-shadow: 1px 2px 5px rgba(0,0,0,0.6); }

/* 프리셋04 - 스킨 004 */
.g-subtitle-set04 { border-bottom: 2px solid #dd3239; box-shadow: 0px 2px 0px rgba(0,0,0,0.1); }
.g-subtitle-set04 td { padding: 5px; height:50px; vertical-align: bottom; }
.g-subtitle-set04 td > span { font-family: 'Noto Sans Korean', sans-serif; font-weight: 400; }
.g-subtitle-set04 .g-subtitle-tit > span { color: #000000; font-size: 26px; }
.g-subtitle-set04 .g-subtitle-nav > span { color: #a8a8a8; font-size: 12px; }
.g-subtitle-set04 .g-subtitle-nav > span:before { content: '\f015'; display: inline-block; color: #dd3239; font-family: 'FontAwesome';  font-size: 14px; margin-right: 5px;  }

/* 프리셋05 - 스킨 005 */
.g-subtitle-set05 { border-bottom: 2px solid #549ae9; box-shadow: 0px 2px 0px rgba(0,0,0,0.1); }
.g-subtitle-set05 td { padding: 5px; height:50px; vertical-align: bottom; }
.g-subtitle-set05 td > span { font-family: 'Noto Sans Korean', sans-serif; font-weight: 400; }
.g-subtitle-set05 .g-subtitle-tit > span { color: #000000; font-size: 26px; }
.g-subtitle-set05 .g-subtitle-nav > span { color: #a8a8a8; font-size: 12px; }
.g-subtitle-set05 .g-subtitle-nav > span:before { content: '\f015'; display: inline-block; color: #549ae9; font-family: 'FontAwesome';  font-size: 14px; margin-right: 5px;  }

/* 프리셋06 - 스킨 006 */
.g-subtitle-set06 { border-bottom: 1px solid #224567; }
.g-subtitle-set06 td { padding: 0 5px 10px 5px; height:68px; vertical-align: bottom; }
.g-subtitle-set06 td > span { font-family: 'Noto Sans Korean', sans-serif; }
.g-subtitle-set06 .g-subtitle-tit > span { color: #224567; font-size: 20px; font-weight: 600; }
.g-subtitle-set06 .g-subtitle-nav > span { color: #224567; font-size: 12px; font-weight: 400; }
.g-subtitle-set06 .g-subtitle-nav > span:before { content: '\f054'; display: inline-block; border-radius: 10px;  margin-right: 7px; width: 18px; height: 18px; line-height: 18px; font-size: 10px; color: #fff; font-family: 'FontAwesome'; text-align: center; background: linear-gradient( 150deg, rgba(255, 255, 255, 0.5) 0%, rgba(184, 195, 207, 0.5) 10%, rgba(37, 72, 106, 0.5) 60%, rgba(37, 72, 106, 0.5) 100%); background-color: #224567; }

/* 프리셋07 - 스킨 007 */
.g-subtitle-set07 { }
.g-subtitle-set07 td { padding: 10px; height:68px; vertical-align: bottom; }
.g-subtitle-set07 td > span { font-family: 'Noto Sans Korean', sans-serif; }
.g-subtitle-set07 .g-subtitle-tit { padding-left: 20px; }
.g-subtitle-set07 .g-subtitle-tit > span { color: #000000; font-size: 20px; font-weight: 600; }
.g-subtitle-set07 .g-subtitle-nav > span { color: #bcbcbc; font-size: 12px; font-weight: 400; }
.g-subtitle-set07 .g-subtitle-nav > span:before { content: 'H'; display: inline-block; margin-right: 10px; width: 14px; height: 14px; line-height: 14px; font-size: 10px; font-weight: bold;  text-align: center; border-radius: 10px; background: #bcbcbc; color: #fff;  }

/* 프리셋08 - 스킨 008 */
.g-subtitle-set08 { }
.g-subtitle-set08 td { padding: 10px; height:68px; vertical-align: bottom; }
.g-subtitle-set08 td > span { font-family: 'Noto Sans Korean', sans-serif; }
.g-subtitle-set08 .g-subtitle-tit { padding-left: 20px; }
.g-subtitle-set08 .g-subtitle-tit > span { color: #FFFFFF; font-size: 19px; font-weight: 500; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
.g-subtitle-set08 .g-subtitle-nav { padding-right: 15px; }
.g-subtitle-set08 .g-subtitle-nav > span { color: #bcbcbc; font-size: 12px; font-weight: 400; opacity: 0.7; }
.g-subtitle-set08 .g-subtitle-nav > span:before { content: '\f054'; display: inline-block; border-radius: 10px; margin-right: 10px; width: 18px; height: 18px; line-height: 18px; font-size: 10px; color: #bcbcbc; font-family: 'FontAwesome'; text-align: center; background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,0.6); }

/* 프리셋09 - 스킨 009 */
.g-subtitle-set09 { border-bottom: 1px solid #e5e5e5; }
.g-subtitle-set09 td { padding: 3px 10px; height:68px; vertical-align: bottom; }
.g-subtitle-set09 td > span { font-family: 'Noto Sans Korean', sans-serif; }
.g-subtitle-set09 .g-subtitle-tit > span { color: #66c0e5; font-size: 24px; font-weight: 500; }
.g-subtitle-set09 .g-subtitle-nav > span { color: #888888; font-size: 13px; font-weight: 400; }

/* 프리셋10 - 스킨 010 */
.g-subtitle-set10 { }
.g-subtitle-set10 td { padding: 3px; height:68px; vertical-align: bottom; }
.g-subtitle-set10 td > span { font-family: 'Noto Sans Korean', sans-serif; }
.g-subtitle-set10 .g-subtitle-tit { padding-left : 18px; }
.g-subtitle-set10 .g-subtitle-tit > span { color: #000000; font-size: 28px; font-weight: 500; }
.g-subtitle-set10 .g-subtitle-nav { padding-right: 18px; }
.g-subtitle-set10 .g-subtitle-nav > span { color: #888888; font-size: 13px; font-weight: 400; }

/* 프리셋11 - 스킨 011 */
.g-subtitle-set11 { }
.g-subtitle-set11 td { padding: 3px; height:68px; vertical-align: bottom; }
.g-subtitle-set11 td > span { font-family: 'NanumGothic', sans-serif; }
.g-subtitle-set11 .g-subtitle-tit { padding-left : 18px; }
.g-subtitle-set11 .g-subtitle-tit > span { color: #000000; font-size: 24px; font-weight: 300; }
.g-subtitle-set11 .g-subtitle-nav { padding-right: 18px; }
.g-subtitle-set11 .g-subtitle-nav > span { color: #000000; font-size: 12px; font-weight: 500; }