@charset "UTF-8";

/* 서브 - 레이아웃 */
.container {position:relative; width:calc(100% - 10px); max-width:1340px; padding:0 10px; margin:0 auto;}

/* 서브 - 상단 */
.sub_visual {position:relative;padding-top:86px;width:100%;height:226px;background: #E3F3FB;text-align:center;}
.sub_visual h1 {padding-top:30px;font-size:35px;color: #5584C3;}
.sub_visual h1>p{font-size:16px;color: #6F706E;}
.sub_visual .btns {position:absolute; top:50px; right:0;}
.sub_visual .btns>a {display:inline-block; width:38px; height:38px; vertical-align:top;}
@media(max-width:1100px) {
    .sub_visual {height:250px;}
    .sub_visual .btns {position:absolute; top:110px; right:0; width:100%; text-align:center;}
}


/* 서브 - 본문 */
{display:block; overflow:hidden;}
.text_red {color:#b50000;}
.text_green {color:#00a5ab;}

.sub_top {position:relative;height:60px;background: #5585C4;}
.history {float:left;}
.history>li {float:left; position:relative; border-right:1px solid #95bfea;}
.history>li>a {display:block;}
.history>li:nth-child(1) {width:70px; border-left:1px solid #95bfea;}
.history>li:nth-child(1)>a {height:60px; background:url(../images/sub/icon_home.png)center center no-repeat; text-indent:-9999px; overflow:hidden;}
.history>li:not(:nth-child(1)) {width:240px;}
.history>li:not(:nth-child(1))>a {position:relative; height:60px; line-height:60px; padding:0 25px 0 20px; font-size:14px; color:#ffffff;}
.history>li:not(:nth-child(1))>a:after {content:""; position:absolute; top:25px; right:10px; width:13px; height:8px; background:url(../images/sub/history_mn_arrow.png) no-repeat;}
.history>li>ul {display:none; position:absolute; top:60px; left:-1px; width:calc(100% + 2px); z-index:2;}
.history>li.open>ul {display:block;}
.history>li>ul>li {border:1px solid #e2e1e1; margin-top:-1px;}
.history>li>ul>li>a {display:block; height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#696969; background:#ffffff;text-overflow: ellipsis;width: 100%;overflow: hidden;white-space: nowrap;}
.history>li>ul>li:hover>a {color:#252525;}
.history>li>ul>li.active>a {color:#252525;}
.history>li>ul>li.active>a:before {content:"·"; margin-right:5px;}
@media(max-width:600px) {
    .history>li:not(:nth-child(1)) {width:150px;}
}
@media(max-width:440px) {
	.history>li:not(:nth-child(1)) {width: 130px;}
}
@media(max-width:360px) {
	.history>li:not(:nth-child(1)) {width: 100px;}
    .history>li:not(:nth-child(1))>a {padding: 0 20px 0 10px;}
    .history>li>ul>li>a { padding: 0 10px;}
}

.sub_cont {padding:70px 0 100px 0; min-height:500px;}
.sub_cont h1 {position:relative; padding-left:25px; margin-bottom:20px; font-size:28px; color:#252525; border-bottom:1px solid #e5e8ea; padding-bottom:20px;}
.sub_cont h1:before {content:""; position:absolute; left:0; top:8px; width:18px; height:15px; background:url(../images/sub/h1_before.png) no-repeat;}
.sub_cont h1 .btns {position:absolute; top:0; right:0;}
.sub_cont h1 .btns button {height:35px; line-height:35px; padding:0 20px; font-size:16px; color:#252525; border:1px solid #7f868e;}
.sub_cont h1 .btns button:hover {background:#00a5ab; border-color:#00a5ab; color:#ffffff;}
.sub_cont h1 .btns .btn_download:after {content:""; position:relative; top:2px; display:inline-block; width:15px; height:18px; margin-left:5px; background:url(../images/sub/icon_download.png) no-repeat;}
.sub_cont h1 .btns .btn_download:hover:after {background:url(../images/sub/icon_download_over.png) no-repeat;}
.sub_cont h2 {position:relative; padding-left:27px; margin-bottom:15px; font-size:22px; color:#252525;}
.sub_cont h2:before {content:""; position:absolute; top:5px; left:0; width:20px; height:20px; background:url(../images/sub/h2_before.png) no-repeat;}
.sub_cont h3 {margin-bottom:10px; font-size:18px; color:#004891;}
.sub_cont .normal_text {font-family: 's-core-dream-regular'; font-size:16px; color:#252525;}
.sub_cont .cont_section:not(:nth-child(1)) {margin-top:50px;}
@media(max-width:600px) {
    .tab>li {width:100% !important}
    .sub_cont h1 .btns {position:relative; width:calc(100% - 25px);}
    .sub_cont h1 .btns button {width:100%;}
}

.tab {padding-bottom:60px;}
.tab>li {position:relative; float:left; width:20%; border:1px solid #c8cbcf; margin:-1px;}
.tab>li>a {display:block; height:60px; line-height:60px; font-size:16px; color:#252525; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#ffffff;}
.tab>li:hover {border-color:#2b7fd5; z-index:2;}
.tab>li:hover>a {color:#2b7fd5;}
.tab>li.active {border-color:#2b7fd5; z-index:2;}
.tab>li.active:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2b7fd5;}
.tab>li.active>a {color:#2b7fd5;}
.tab_cont:not([data-tabactive=true]) {position:absolute !important; top:-99999999px !important; left:-99999999px !important; width:100%; overflow:hidden;}
@media(max-width:800px) {
    .tab>li {width:25% !important}
}
@media(max-width:600px) {
    .tab>li {width:50% !important}
}

.cont_section .tbl_wrap {overflow-x:auto;}
.cont_section .tbl_list {width:100%; border:1px solid #c8ced5;}
.cont_section .tbl_list th {padding:15px 15px;font-size:16px;color:#252525;background: #F1F7FF;border-left:1px solid #c8ced5;text-align:center;}
.cont_section .tbl_list tr>th:nth-child(1) {border-left:0;}
.cont_section .tbl_list td {padding:15px 15px;font-size:16px;color:#252525;border-top:1px solid #c8ced5;border-left:1px solid #c8ced5;text-align:center;font-family: 's-core-dream-regular';border-right: 1px solid #c8ced5;}
.cont_section .tbl_list tr>td:nth-child(1) {border-left:0;}
.cont_section .tbl_detail {width:100%; border:1px solid #c8ced5;}
.cont_section .tbl_detail th {padding:15px 15px; font-size:16px; color:#252525; border-top:1px solid #c8ced5; background:#f4f7fb; text-align:center;}
.cont_section .tbl_detail td {padding:15px 15px; font-size:16px; color:#252525; border-left:1px solid #c8ced5;; border-top:1px solid #c8ced5; text-align:left; font-family: 's-core-dream-regular';}
.cont_section .tbl_detail tr:nth-child(1)>th,
.cont_section .tbl_detail tr:nth-child(1)>td {border-top:0;}
.cont_section .tbl_detail tr>td:nth-child(1) {border-left:0;}

@media(max-width:1100px) {
    .cont_section .tbl_detail,
    .cont_section .tbl_detail tbody,
    .cont_section .tbl_detail tr,
    .cont_section .tbl_detail th,
    .cont_section .tbl_detail td {display:block; width:100%;}
    .cont_section .tbl_list th{font-size:14px;}
}

/* 서브 - 게시판 */
.board_search {padding:15px 15px; background:#eef0f3; line-height:45px; margin-bottom:45px;}
.board_search .count {position:relative; float:left; width:270px; padding-left:20px; font-size:14px; color:#696969;}
.board_search .count>span>strong{color:#2b7fd5}
.board_search .count>span:nth-child(2){margin-left:20px;}
.board_search .search {float:left; width:calc(100% - 270px); text-align:right;}
.board_search .search>* {vertical-align:top;}
.board_search select,
.board_search input {height:45px;line-height:45px;padding:0 15px;font-size:14px;color:#252525;border:1px solid #e2e1e1;background: #fff;}
.board_search select {appearance: none;background-image: url(../images/sub/history_mn_arrow_b.png);background-repeat: no-repeat;background-position: calc(100% - 15px) center;width: 100px;}
.board_search input {width:300px;}
.board_search button {width:100px; height:45px; line-height:45px; text-align:center; padding:0 10px; background:#F05677; font-size:16px; color:#ffffff;}
.board_list {width:100%; border-top:2px solid #252525;}
.board_list thead th {padding:14px 10px; border-bottom:1px solid #cccccc; font-size:16px; color:#252525; text-align:center;}
.board_list tbody td {padding:14px 10px; border-bottom:1px solid #cccccc;  font-size:16px; color:#252525; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family: 's-core-dream-regular';}
.board_list tbody td.title {min-width:200px;}
.board_list tbody td.title>a {display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list tbody td.file img {position:relative; top:2px;}
.board_list tbody .notice td {background:#fafafa; font-weight:600;}
.board_detail {width:100%; border-top:2px solid #252525;}
.board_detail thead th {padding:14px 10px; border-bottom:1px dashed #cccccc; background:#fafafa; text-align:center;}
.board_detail thead th .tit {font-size:24px; color:#252525; text-align: center;}
.board_detail thead th p {line-height:26px; font-size:14px; color:#696969; margin-top:5px; text-align: right;}
.board_detail thead th p>span {position:relative; display:inline-block; padding:0 10px;}
.board_detail thead th p>span:not(:nth-child(1)):before {content:""; position:absolute; left:0; top:9px; width:1px; height:8px; background:#aaaaaa;}
.board_detail tbody td {border-bottom:1px solid #cccccc; font-family: 's-core-dream-regular';}
.board_detail tbody .file {padding:10px 30px; border-bottom:1px solid #cccccc}
.board_detail tbody .file>a {position:relative; display:inline-block; padding:2px 0 2px 23px; font-size:14px;}
.board_detail tbody .file>a:before {content:""; position:absolute; left:10px; top:3px; width:18px; height:19px;background:url(../images/sub/icon_file.png) no-repeat;}
.board_detail tbody .cont {padding:30px 30px;}
.board_detail tbody .cont>.inner {min-height:200px; font-size:16px;}
.board_detail tbody .board_btns {padding:20px 30px;}
.board_detail tbody .board_btns>button {height:35px; line-height:35px; padding:0 20px; font-size:16px; color:#ffffff; background:#aaaaaa; text-align:left;}
.board_gallery {margin-top:-10px;}
.board_gallery * {word-break:break-word;}
.board_gallery>li {position:relative; float:left; width:calc((100% - 45px) / 4); padding:30px 25px; margin:10px 0 10px 15px;}
.board_gallery>li:nth-child(1),
.board_gallery>li:nth-child(5) {margin-left:0;}
.board_gallery>li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000000; opacity:0.6; z-index:0;}
.board_gallery>li:hover {background:#ffffff !important;}
.board_gallery>li:hover:before {display:none;}
.board_gallery>li>* {position:relative; z-index:1;}
.board_gallery>li>a {position:absolute; display:none; top:0; left:0; width:100%; height:100%; border:2px solid #252525; z-index:2;}
.board_gallery>li>h4 {display:-webkit-box; font-size:22px; color:#ffffff; height:60px; line-height:30px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board_gallery>li>p {margin-top:20px; display:-webkit-box; font-size:16px; color:#ffffff; height:125px; line-height:25px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.board_gallery>li>div {position:relative; padding-top:15px; margin-top:20px;}
.board_gallery>li>div:before {content:""; position:absolute; left:0; top:0; height:2px; width:30px; background:#ffffff;}
.board_gallery>li>div>p { font-size:12px; line-height:28px; color:#ffffff;}
.board_gallery>li>div>p>strong {font-family:'s-core-dream-regular'; margin-right:5px;}
.board_gallery>li:hover>a {display:block;}
.board_gallery>li:hover>h4,
.board_gallery>li:hover>p,
.board_gallery>li:hover>div>p {color:#252525;}
.board_gallery>li:hover>div:before {background:#cccccc;}
@media(max-width:1200px) {
    .board_gallery>li {width:calc((100% - 30px) / 3); }
    .board_gallery>li:nth-child(4),
    .board_gallery>li:nth-child(7) {margin-left:0;}
    .board_gallery>li:nth-child(5) {margin-left:15px;}
}
@media(max-width:1100px) {
    .board_search {padding:20px 20px;}
    .board_search .count,
    .board_search .search {width:100%;}
    .board_search .count {padding-bottom:15px;}
    .board_search .search select,
    .board_search .search input,
    .board_search .search button {width:100%; margin:5px 0;}
    .board_detail tbody .file {padding:10px 20px;}
    .board_detail tbody .cont {padding:20px 20px;}
    .board_detail tbody .board_btns {padding:20px 20px;}
}
@media(max-width:800px) {
    .board_list .no,
    .board_list .writer,
    .board_list .count,
    .board_list .file {display:none;}
    .board_gallery>li {width:calc((100% - 15px) / 2); }
    .board_gallery>li:nth-child(3),
    .board_gallery>li:nth-child(5),
    .board_gallery>li:nth-child(7) {margin-left:0;}
    .board_gallery>li:nth-child(2),
    .board_gallery>li:nth-child(4),
    .board_gallery>li:nth-child(6),
    .board_gallery>li:nth-child(8) {margin-left:15px;}
}
@media(max-width:550px) {
    .board_gallery>li {width:100%; margin-left:0 !important;}
}


/* 서브 - 페이징 */
.paging {padding:65px 0; text-align:center;}
.paging>ul>li {display:inline-block;}
.paging>ul>li.prev>a {margin-right:20px;}
.paging>ul>li.next>a {margin-left:20px;}
.paging>ul>li:not(.no) {position:relative; top:2px;}
.paging>ul>li.no>a {position:relative; display:block; width:40px; line-height:20px; font-size:15px; color:#666666;}
.paging>ul>li.no:hover>a {color:#252525;}
.paging>ul>li.no.active>a {color:#252525; font-weight:600;}
.paging>ul>li.no:not(:nth-child(3))>a:before {content:""; position:absolute; left:0; top:5px; height:10px; width:1px; background:#c1c1c1;}

/* 서브 - 이미지 슬라이더 */
.img_slider {position:relative;}
.img_slider .slide_item .thumb {position:relative; height:570px;  background:#bababa;}
.img_slider .slide_item .thumb>img{width:100%; height:100%;}
.img_slider .slider_btn  {position:absolute; top:50%; width:100%; margin-top:-22px;}
.img_slider .slider_btn .prev  {position:absolute; left:25px;}
.img_slider .slider_btn .next  {position:absolute; right:25px;}

.info_summary>div:nth-child(1) {float:left; width:38%; padding-right:10px;}
.info_summary>div:nth-child(1) .thumb_slider:after {content:""; position:absolute; bottom:-10px; right:-10px; width:100%; height:100%; background:#e8f6f6; z-index:-1;}
.info_summary>div:nth-child(1) .thumb_slider .slide_item .thumb {height:360px;}
.info_summary>div:nth-child(2) {float:left; width:62%; padding-left:50px; margin-top:40px; padding-top:40px; border-top:1px solid #252525;}
.info_summary>div:nth-child(2) .tit {font-size:40px; color:#252525; margin-bottom:15px;}
.info_summary>div:nth-child(2) .normal_text {margin-bottom:15px;}
.info_summary>div:nth-child(2) table {width:100%;}
.info_summary>div:nth-child(2) table th {text-align:left; font-size:16px; color:#252525; padding:15px 0; border-bottom:1px solid #00a5ab;}
.info_summary>div:nth-child(2) table td {text-align:left; font-size:16px; color:#252525; padding:15px 20px; border-bottom:1px dashed #e2e1e1;}
.info_summary>div:nth-child(2) table tr:nth-child(1) th {border-top:1px solid #00a5ab;}
.info_summary>div:nth-child(2) table tr:nth-child(1) td {border-top:1px dashed #e2e1e1;}
@media(max-width:900px) {
    .info_summary>div:nth-child(1),
    .info_summary>div:nth-child(2) {width:100%;}
    .info_summary>div:nth-child(2) {padding-left:20px; padding-right:20px;}
}
@media(max-width:600px) {
    .info_summary>div:nth-child(2) table,
    .info_summary>div:nth-child(2) table tbody,
    .info_summary>div:nth-child(2) table tr,
    .info_summary>div:nth-child(2) table th,
    .info_summary>div:nth-child(2) table td {display:block; width:100%;}
    .info_summary>div:nth-child(2) table th,
    .info_summary>div:nth-child(2) table td {padding:15px 10px;}
}

/* 서브 - 일정표 */
.time_table_info {padding-bottom:15px; line-height:30px; text-align:right;}
.time_table_info>span{font-size:14px; color:#252525;}
.time_table_info>span:not(:nth-child(1)) {margin-left:15px;}
.time_table_info>span:before {content:""; position:relative; top:-2px; display:inline-block; width:22px; height:22px; margin-right:5px; border:1px solid #bbbbbb; border-radius:3px; vertical-align:middle;}
.time_table_info>.online:before {background:#e7fcf7;}
.time_table_info>.offline:before {background:#f9efff;}
.time_table_info>.onoffline:before {background:#eff5ff;}
.time_table_info>.metaverse:before {background:#fffdef;}
.time_table {width:100%; border-radius:20px; overflow:hidden; box-shadow:1px 1px 8px -3px #666666;}
.time_table table {width:100%; min-width:800px;}
.time_table table thead tr th {padding:20px 15px;font-size:20px;border-left:1px solid #d6d9de;background: #7A7A7A;color:#fff;text-align:center;}
.time_table table thead tr th:nth-child(1) {border-left:0;}
.time_table table tbody tr th.day_gubun {border-bottom:1px solid #31485f;}
.time_table table tbody tr td {min-height:50px;padding:15px 15px;border-left:1px solid #d6d9de;border-bottom:1px solid #d6d9de;text-align:center;font-size:16px;color:#252525;font-family: 's-core-dream-regular';line-height:25px;font-weight: 600;word-break: keep-all;}
.time_table table tbody tr td.td_first {border-left:0; text-align:center; font-weight:600;}
.time_table table tbody tr:last-child td {border-bottom:0;}
.time_table table tbody tr td.day_gubun {border-bottom:1px solid #31485f;}
.time_table table tbody tr td.online {background:#e7fcf7;}
.time_table table tbody tr td.offline {background:#f9efff;}
.time_table table tbody tr td.onoffline {background:#eff5ff;}
.time_table table tbody tr td.metaverse {background:#fffdef;}
.time_table table tbody tr td.empty {background:#f7f8f9;}
.time_table table tbody tr th.day1 {background:#fbf3db;}
.time_table table tbody tr th.day2 {background:#fbe2db;}
.time_table table tbody tr td>ul {margin:5px 0 10px 0;}
.time_table table tbody tr td>ul>li {position:relative; padding-left:10px;}
.time_table table tbody tr td>ul>li:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#252525; border-radius:2px;}
.time_table table tbody tr td>ul>li>ul {margin:3px 0 6px 0;}
.time_table table tbody tr td>ul>li>ul>li {position:relative; padding-left:10px; color:#898989;}
.time_table table tbody tr td>ul>li>ul>li:before {content:"-"; position:absolute; top:0px; left:0;}
.time_table_detail {width:100%; border-radius:20px; overflow:hidden; box-shadow:1px 1px 8px -3px #666666;}
.time_table_detail table {width:100%; min-width:800px;}
.time_table_detail table thead tr th {padding:20px 15px; font-size:20px; color:#ffffff; text-align:center; background:#4f87e9; border-left:1px solid #ffffff;}
.time_table_detail table thead tr th:nth-child(1) {border-left:0;}
.time_table_detail table tbody tr th {padding:15px 15px; font-size:18px; color:#252525; text-align:center; background:#edeff2; border-bottom:1px solid #d6d9de;}
.time_table_detail table tbody tr td {padding:15px 15px 15px 40px; font-size:16px; color:#252525; text-align:left; border-top:1px solid #d6d9de; line-height:25px; font-family: 's-core-dream-regular'; }
.time_table_detail table tbody tr:nth-child(1) td {border-top:0;}
.time_table_detail table tbody tr td>ul>li {position:relative; padding-left:10px;}
.time_table_detail table tbody tr td>ul>li:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#252525; border-radius:2px;}

@media(max-width:820px) {
    .time_table,
    .time_table_detail {overflow-x:scroll;}
}

.time_table .nanum{text-align:left;}
.time_table .tit{font-weight:600;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}


/*  */

.open_wrap{display:flex;align-items: center;border: 7px solid #000;padding: 50px;align-items: center;position:relative;border-image: linear-gradient(to right, #f29ab8 0%,#9ebddc 75%,#9ebddc 75%);border-image-slice:1;align-items: start;gap: 30px;}
.open_wrap>div{flex:1 1 0;}
.open_wrap >img{position:absolute;top: -75px;left: 30px;}
.open_wrap .lst-type-cir{margin-left:20px;}
.open_tit{text-align:right;font-size: 60px;font-weight:bold;color: #9EBDDC;font-style:italic;line-height: 0.8;}
.board_detail thead th .sub_tit{color: #3e3e3e; margin-top: 5px;}

@media(max-width:1200px) {
    .open_wrap{padding:20px;}
    .open_wrap >img{position:static; width:300px;}
}

@media(max-width:1000px) {
    .scroll {overflow-x: auto;}
   	.cont_section .tbl_list{width: 1000px !important;}
}


@media(max-width:800px) {
    .open_tit{font-size:35px;}
    .open_wrap{flex-direction: column;}
    .open_wrap{padding:10px;}
    .sub_cont h2{font-size:18px;}
    .cont_section .tbl_list td{font-size: 14px;}
    .open_wrap>div:nth-of-type(2) h2{display:none;}
    .scroll table {width: 1200px;}
}