@charset "utf-8";

.ar {text-align:right;}
.al {text-align:left;}
.ac {text-align:center;}



/* 포토형 영역 */
.photo_wrap .photo_list {display:flex; flex-wrap:wrap;}
.photo_wrap .photo_list > li {display:flex; flex-direction:column; flex:none; flex-basis:30.666666%; margin-right:4%; border:1px solid #dfdfdf; border-radius:8px; box-sizing:border-box; overflow:hidden; margin-bottom:40px;}
.photo_wrap .photo_list > li:nth-child(3n) {margin-right:0px;}

.photo_wrap .photo_list > li .top_img {border-radius:8px; overflow:hidden;}
.photo_wrap .photo_list > li .top_img > a {position:relative; display:block; padding-bottom:52.5%;}
.photo_wrap .photo_list > li .top_img > a > img {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.photo_wrap .photo_list > li .top_img > a > span {position:absolute; top:0px; left:0px; display:block; width:73px; height:35px; color:#fff; line-height:35px; font-size:0.9375rem; text-align:center; border-radius:8px;}
.photo_wrap .photo_list > li .top_img > a > span.progress {background:#ff4c4c;}
.photo_wrap .photo_list > li .top_img > a > span.end {background:#848484;}

.photo_wrap .photo_list > li .bot_text {padding:15px 15px 20px;}
.photo_wrap .photo_list > li .bot_text .text {display:-webkit-box; font-size:1.0625rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; /* line-height:1.2em; height:3.6em; */ overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.photo_wrap .photo_list > li .bot_text .date {position:relative; display:block; margin-top:15px; padding-left:22px; font-size:0.9375rem;}
.photo_wrap .photo_list > li .bot_text .date:after {content:""; display:block; width:15px; height:15px; background:url("/images/sub/photo_date.png") no-repeat center; position:absolute; top:4px; left:0px;}


@media screen and (max-width:1200px){
    .photo_wrap .photo_list > li {flex-basis:31.333333%; margin-right:3%;}

}

@media screen and (max-width:1024px){


}

@media screen and (max-width:768px){
    .photo_wrap .photo_list > li {flex-basis:49%; margin-right:2%; margin-bottom:30px;}

    .photo_wrap .photo_list > li:nth-child(3n) {margin-right:2%;}
    .photo_wrap .photo_list > li:nth-child(2n) {margin-right:0px;}
    .photo_wrap .photo_list > li .bot_text {padding:15px;}
    .photo_wrap .photo_list > li .bot_text .text {font-size:1rem;}
    .photo_wrap .photo_list > li .bot_text .date {margin-top:10px;}
    
}

@media screen and (max-width:600px){
    .photo_wrap .photo_list > li .top_img > a {padding-bottom:55%;}
    .photo_wrap .photo_list > li .top_img > a > span  {width:65px; height:30px; line-height:30px; font-size:0.875rem; border-radius:5px;}
    
}
@media screen and (max-width:500px){
    .photo_wrap .photo_list > li .top_img > a {padding-bottom:65%;}
    .photo_wrap .photo_list > li .bot_text {padding:10px;}
    .photo_wrap .photo_list > li .bot_text .date {font-size:0.875rem;}
}



/* 페이징 영역 */
.boardPager {width:100%; height:auto; display:block; margin-top:40px;}
.boardPager ul {height:40px;  display:table; text-align:center; margin:0px auto;}
.boardPager ul li {width:45px; height:40px; display:inline-block; margin-right:10px; vertical-align:middle; border:1px solid #e7e7e7;}
.boardPager ul li a{position: relative; display:block; height:100%;font-size:15px; color:#000; line-height: 40px; font-weight:500;}
.boardPager ul li.pagerLast{margin-right:0px;}
.boardPager ul li.pageOn a, .boardPager ul li:hover a{font-weight:600; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}
.boardPager ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a{margin:0px auto; }
.boardPager ul li.pagerNext a img, .boardPager ul li.pagerPrev a img, .boardPager ul li.pagerLast a img, .boardPager ul li.pagerFirst a img, .boardPager ul li.pagerPreve a img{vertical-align:middle; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer;}
.boardPager ul li.pagerNext:hover a, .boardPager ul li.pagerPrev:hover a, .boardPager ul li.pagerFirst:hover a, .boardPager ul li.pagerLast:hover a,.boardPager ul li.pagerPreve:hover a{background-color:transparent;} 
.mobile_Pager {display:none;}

@media screen and (max-width:600px){
    .Pc_Pager {display:none;}
    .mobile_Pager {display:block;}
    .boardPager ul {height:35px;}
    .boardPager ul li {width:40px; height:35px;}
    .boardPager ul li.pageOn a, .boardPager ul li:hover a {line-height:35px;}
    .boardPager ul li a {line-height:35px;}
}

@media screen and (max-width:500px){

} 


.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.searchbox {}
.searchbox label {position:absolute; visibility:hidden; overflow:hidden; height:0; width:0; font-size:0; text-align:left;}
.searchbox select {position:relative; top:2px; padding:0px 0px 0px 5px; width:86px; height:35px; border:1px solid #dcdbdb; font-size:1rem; margin-top:-5px; border-radius:5px; color:#000 !important;}
.searchbox input[type="text"] {width:185px; height:35px; border-radius:5px; border:1px solid #ccc; font-size:1.0625rem;}
.searchbox input[type="text"]::placeholder {font-size:0.875rem; padding-left:10px;}
.searchbox .btn_search {width:55px; height:35px; background:#44465c; color:#fff !important; font-weight:normal; font-size:1rem; cursor:pointer; border:none; border-radius:5px;}

.border_count > li {font-size:0.9375rem;}
.border_count > li > b {font-weight:500;}


@media screen and (max-width:768px){
 
    .board_top  {display:block;}
    .border_count {margin-bottom:10px;}

    .searchbox input[type="text"] {font-size:1rem;}
    .searchbox .btn_search {width:25%; margin-left:5px; font-size:1rem;}
    .searchbox input[type="text"] {width:60%;}
    .searchbox select {top:0px; width:25%; margin-right:5px; font-size:1rem; margin-top:0px;}
    .searchbox fieldset {display:flex; align-items:center;}
}



@media screen and (max-width:600px){
    .searchbox select {font-size:0.9375rem;}
    .searchbox input[type="text"] {font-size:0.9375rem;}
    .searchbox .btn_search {font-size:0.9375rem;}
}



/* 리스트 */
.board_tb {width:100%; border-top:2px solid #44465c;}
.board_tb tr {border-bottom:1px solid #ddd; text-align:center;}
.board_tb th {background-color:#f8f8f8; text-align:center; vertical-align:middle; font-weight:500; font-size:1.0625rem; height:55px; box-sizing:border-box;}
.board_tb td { text-align:center; vertical-align:middle; height:55px; box-sizing:border-box;}
.board_tb tr td.t_l {text-align:left;}
.board_tb tr td .t_l_box {display:inline-block;}
.board_tb tr td .t_l_box > a {font-weight:500;}

.board_tb .mobile_list {display:none;}
.board_tb .mobile_list > li {float:left;}
.board_tb .mobile_list > li:after {content:""; display:inline-block; width:1px; height:13px; background-color:#d8d8d8; margin:0px 10px;}
.board_tb .mobile_list > li:last-child:after {display:none;}

.board_tb .file > img {vertical-align:middle;}


@media screen and (max-width:900px){
    .board_tb {border:none;}
    .board_tb tr:first-child {border-top:2px solid #adadad;}

    .board_tb th {display:none;}
    .board_tb td {height:auto; padding:15px 5px;}
    .board_tb td:nth-child(1) {display:none;}
    .board_tb td:nth-child(2) {width:100%;}
    .board_tb td:nth-child(3) {display:none;}
    .board_tb td:nth-child(4) {display:none;}
    .board_tb td:nth-child(5) {display:none;}

    .board_tb td .mobile_list {display:block;} 

}


@media screen and (max-width:768px){
    .board_tb th {font-size:1rem;}
    .board_tb td {font-size:1rem;}
    .board_tb .mobile_list > li {font-size:0.9375rem;}
}


/* 뷰페이지 영역 */

/* 뷰테이블 */
.table_col_f {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col_f th {background:#f8f8f8;  height:24px; padding:10px; font-weight:500; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col_f th:first-child {border-left:none;}
/* .table_col_f th a {color:#585555;} */
.table_col_f td { font-weight:500; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
/* .table_col_f td a {color:#6d6d6d;} */
.table_col_f td:first-child {border-left:none;}
.table_col_f .lf {text-align:left; padding:10px 15px;}
.table_col_f .no_bor {border-left:0;}

.viwe_pro {display:inline-block; padding:5px 15px; border-radius:5px; color:#fff;}
.view_progress {background-color:#ff4c4c;}
.view_end {background-color:#848484;}


.tbfilelist {width:100%;}
.tbfilelist tr {border-bottom:1px solid #e6e6e6;}
.tbfilelist tr:last-child {border-bottom:none;}
.tbfilelist td {border-left:none; border-bottom:none;}
.tbfilelist td a { font-size:15px;}

/* 뷰페이지 모바일 */
.mobile_view {display:none; border-top:1px solid #333;}
.mobile_view li {border-bottom:1px solid #ccc;}
.mobile_view li:first-child {padding: 10px 10px; background-color:#f8f8f8; font-weight:500; font-size:17px; text-align:left;}
.mobile_view li:nth-child(n+2) {display:flex;}
.mobile_view li .text1 {background: #f8f8f8; text-align:center; color:#000; font-size:16px; font-weight:500; padding:10px 5px; box-sizing: border-box; width:20%;  display:table;}
.mobile_view li .text1 br {display:none;}
.mobile_view li .text1 > span {display:table-cell; vertical-align: middle;}
.mobile_view li .text2 {width:80%; box-sizing:border-box; word-break:break-all; padding:10px 5px 10px 15px; box-sizing: border-box; display: table;}
.mobile_view li .text2 > span {display: table-cell; vertical-align:middle;}


/* .view_cont {padding:10px 12px; border-bottom:1px solid #e2e2e2; word-break:break-all; overflow: hidden; line-height: 1.5;} */
.view_cont {padding:30px 60px; border-bottom:1px solid #e2e2e2; word-break:break-all; overflow: hidden; line-height: 1.5;}



@media screen and (max-width:1200px){
    .view_cont {padding:20px 20px;}
}


@media screen and (max-width:768px) {
    .table_col_f th {font-size:15px; font-weight:500;}
    .table_col_f td {font-size:15px;}
    .table_col_f colgroup {display:none;}

    .mobile_view {display:block;}
    .pc_view {display:none;}

    .bot_view colgroup {display:none;}
    .bot_view th {width:20%;}
    .bot_view td {width:80%;}

    .view_cont {padding:20px 15px;}

}

@media screen and (max-width:500px){
    .mobile_view li .text1 {width:25%;}
    .mobile_view li .text2 {width:75%;}

    .bot_view th {width:25%;}
    .bot_view td {width:75%;}

    .viwe_pro {padding:3px 15px; font-size:0.9375rem;}


}

.table_col {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col th {background:#f8f8f8; color:#585555; height:24px; padding:10px; font-weight:550; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col th:first-child {border-left:none;}
.table_col th a {color:#585555;}
.table_col td {color:#6d6d6d; font-weight:500; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col .lf {text-align:left; padding:10px 15px;}
.table_col .no_bor {border-left:0;}
.table_col .no_borB {border-bottom:0;}
.table_col .Black_bor {border-left:1px solid #333;}
.table_col .bg_gray {background:#f8f8f8;}


@media screen and (max-width:768px) {
    .table_col th {font-size:0.9375rem; font-weight:500;}
    .table_col td {font-size:0.9375rem;}
    .table_col colgroup {display:none;}

}
.year_text {display:flex; justify-content:flex-end; margin-bottom:10px;}
.year_text:after {content:""; display:block; clear:both;}
.year_text > li {float:left; display:flex; align-items:center; margin-right:15px;}
.year_text > li > span {display:inline-block; width:10px; height:10px; margin-right:5px;}
.year_text > li > .pink {background-color:#ffbcbc;}
.year_text > li > .blue {background-color:#c9dfff;}




.table_col2 {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col2 th {background:#f8f8f8; color:#000; height:24px; padding:10px; font-weight:550; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col2 th:first-child {border-left:none;}
.table_col2 th a {color:#000;}
.table_col2 td {color:#000; height:110px; font-weight:400; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle; word-break: keep-all; font-size:.9em; letter-spacing: -1px;}
.table_col2 .lf {text-align:left; padding:10px 15px;}
.table_col2 .ac {text-align:center;}
.table_col2 .no_bor {border-left:0;}
.table_col2 .no_borB {border-bottom:0;}
.table_col2 .font_pink {color:#f03838; font-weight:500;}
.table_col2 .bg_pink {background:#fff7f7;}
.table_col2 .font_blue {color:#175aca;}
.table_col2 .bg_blue {background:#f3f8ff;}
.table_col2 .bg_gray {background:#f8f8f8;}

.table_col2 .bggrd_b50p50 { background: linear-gradient( #f3f8ff 50%, #fff7f7 50% ); border-top:2px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }
.table_col2 .bggrd_w50b25p25 { background: linear-gradient( #FFF 50%, #f3f8ff 50%, #f3f8ff 75%, #fff7f7 75% ); border-top:2px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }
.table_col2 .bggrd_w3b3p3 { background: linear-gradient( #FFF 33.333%, #f3f8ff 33.333%, #f3f8ff 66.666%, #fff7f7 66.666% ); border-top:2px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }
.table_col2 .bggrd_w25b25p25w25 { background: linear-gradient( #FFF 25%, #f3f8ff 25%, #f3f8ff 50%, #fff7f7 50%, #fff7f7 75%, #FFF 75% ); border-top:2px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }
.table_col2 .bggrd_bor2 { border-top:2px solid #ddd; border-right:2px solid #ddd; border-bottom:2px solid #ddd; border-left:2px solid #ddd; }



@media screen and (max-width:768px) {
    .table_col2 th {font-size:0.9375rem; font-weight:500;}
    .table_col2 td {font-size:0.9375rem;}
    .table_col2 colgroup {display:none;}

}


.btn_wrap {margin-top:30px;}
.btn_wrap .btn {display:inline-block; padding:8px 25px; color:#fff; font-size:0.9375rem; text-align:center; background-color: #054f51;}


/* 가상체험 리스트 영역 */
.virtual_wrap {border-top:2px solid #44465c;}
.virtual_wrap > li {border-bottom:1px solid #bcc1c6;}
.virtual_wrap > li > a {display:flex; padding:20px 10px}
.virtual_wrap > li > a .img {width:180px; height:120px; min-width:180px; margin-right:3%;}
.virtual_wrap > li > a .img > img {width:100%; height:100%;}
.virtual_wrap > li > a .text {}
.virtual_wrap > li > a .text > b {display:-webkit-box; margin-bottom:5px; font-size:1.125rem; font-weight:550; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.virtual_wrap > li > a .text > p {    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}


@media screen and (max-width:768px){
    .virtual_wrap > li > a .img {width:160px; height:110px; min-width:160px; margin-right:2%;}

    .virtual_wrap > li > a .text > b {font-size:1.0625rem;}
    .virtual_wrap > li > a .text > p {font-size:0.9375rem;}
}

@media screen and (max-width:700px){
    .virtual_wrap > li > a .img {width:130px; height:100px; min-width:130px;}

}

@media screen and (max-width:600px){
    .virtual_wrap > li > a {padding:15px 0px;}
    .virtual_wrap > li > a .img {width:110px; height:80px; min-width:110px;}
    .virtual_wrap > li > a .text > b {font-size:1rem;}
    .virtual_wrap > li > a .text > p { font-size:0.875rem; }


}