@charset "utf-8";

/* ==== 전시 - 리스트 ==== */

.list-wrap .list li{font-size: 0;margin-top: 60px;}
.list-wrap .list li:first-child{margin-top: 0;}
.list-wrap .list li .img-box{display: inline-block;vertical-align: top;width: 820px; height: 0; padding-bottom: 460px; background-color: #eee; position: relative;}
.list-wrap .list li .img-box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.list-wrap .list li .img-box .status{padding: 0 20px; height: 38px; line-height: 38px; font-size: 14px;}
.list-wrap .list li .img-box .status.ing{color: #fff; background-color: #3f0b9f; position: absolute; top:0; left: 0;}
.list-wrap .list li .txt-box{display: inline-block;vertical-align: top;width: calc(100% - 820px); min-height: 460px; padding: 9px 0 0 40px;background-repeat: no-repeat;background-position: right bottom;}
.list-wrap .list li .txt-box.type-1{background-image: url(../images/sub/bg_sub_cont_01.png);}
.list-wrap .list li .txt-box.type-2{background-image: url(../images/sub/bg_sub_cont_02.png);}
.list-wrap .list li .txt-box.type-3{background-image: url(../images/sub/bg_sub_cont_03.png);}
.list-wrap .list li .txt-box.type-4{background-image: url(../images/sub/bg_sub_cont_04.png);}
.list-wrap .list li .txt-box .tit-area{display: block;padding-bottom: 20px;border-bottom: 3px solid #000;}
.list-wrap .list li .txt-box .tit-area em{display: block; font-size: 16px; color: #888;margin-bottom: 3px;}
.list-wrap .list li .txt-box .tit-area strong{font-size: 26px; line-height: 1.2;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.list-wrap .list li .txt-box .info-area-1{padding-top: 12px;}
.list-wrap .list li .txt-box .info-area-1 ul{display: table; margin-top: 4px;}
.list-wrap .list li .txt-box .info-area-1 ul li{display: table-cell; font-size: 15px;font-weight: 400;}
.list-wrap .list li .txt-box .info-area-1 ul li.tit{width: 59px;}
.list-wrap .list li .txt-box .info-area-1 ul li strong{font-weight: 600;}
.list-wrap .list li .txt-box .info-area-1 ul li span{color: #888;}
.list-wrap .list li .txt-box .info-area-2{padding-top: 20px;}
.list-wrap .list li .txt-box .info-area-2 p{font-size: 16px; color: #888; line-height: 1.5;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.list-wrap .list li .txt-box .btn-area{margin-top: 40px;}
.list-wrap .list li .txt-box .btn-area .btn-view{padding: 6px; font-size: 20px; font-weight: 600; border-bottom: 3px solid #000;}
.list-wrap .list li .txt-box .btn-area .btn-view i{display: inline-block; width: 30px; height: 20px; margin-left: 8px; vertical-align: sub; background: url(../images/common/ico_main_arrow_01.png) no-repeat left center; background-size: 30px 20px;}
.list-wrap .list li .txt-box .btn-area .btn-view:hover, .list-wrap .list li .txt-box .btn-area .btn-view:focus{background-color: #000; color: #fff;}
.list-wrap .list li .txt-box .btn-area .btn-view:hover i, .list-wrap .list li .txt-box .btn-area .btn-view:focus i{background-image: url(../images/common/ico_main_arrow_02.png);}

/* ==== 교육 - 리스트 ==== */
.board-list{clear: both;}
.board-list > li{display:table; width:100%; padding:40px 0; border-bottom:1px solid #ccc}
.board-list > li .img-box{position: relative; display:table-cell; width:330px; height:218px; vertical-align: middle; overflow: hidden; background-color: #ccc;}

.board-list > li .img-box > img{position: absolute; top: 0; left: 0; width: 100% !important; height: 100%;  object-fit: cover;}
.board-list > li .info-box-l{display:table-cell; width: calc(100% - 840px); vertical-align: middle;padding-left: 39px;}
.board-list > li .info-box-l .alt_apply{margin-top: 2px;color: #666;}
.board-list > li .info-box-l .alt_apply span{float: left;}
.board-list > li .info-box-l .alt_apply span:after{content:"";display: inline-block;clear: both;width: 1px;height: 15px;
background-color: #ccc;margin: -2px 14px 0;vertical-align: middle;}
.board-list > li .info-box-l .alt_apply span:last-child::after{display: none;}
.board-list > li .info-box-l .alt_apply:after{content:"";display: block;clear: both;}
.board-list > li .info-box-l .title{font-size:26px; color:#202020; display:inline-block; line-height: 1.3;margin: 11px 0 13px -1px;    letter-spacing: -0.4px;}
.board-list > li .info-box-l .title:hover, .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li .txt-box-l .title:focus{text-decoration: underline}
.board-list > li .info-box-l .txt-info dl{display:table; width:100%; padding-bottom:3px;line-height: 1.4;}
.board-list > li .info-box-l .txt-info dl dt{display:table-cell; width:105px; color:#444444; font-size:18px; font-weight: 500;}
.board-list > li .info-box-l .txt-info dl dd{display:table-cell; width: calc(100% - 90px); font-size:18px; color: #666;    letter-spacing: -0.4px;}
.board-list > li .alt-apply > span{float:left; position: relative; padding:0 15px;color: #666;}
.board-list > li .alt-apply > span:before{display:block; content:""; width:1px; height:15px; background: #cccccc;position: absolute; top:3px; left:0}
.board-list > li .alt-apply > span:first-child{padding-left:0}
.board-list > li .alt-apply > span:first-child:before{display:none}
.board-list > li .alt-apply:after{clear:both; display:block; overflow:hidden; content:""; height: 0}
.board-list > li .info-box-r{display:table-cell; width:470px; font-size:18px; vertical-align: middle; text-align:right;}
.board-list > li .info-box-r > span{margin-left:40px; display:inline-block; color: #666;vertical-align: middle;}
.board-list > li .info-box-r > span.date{margin-left: 0;}
.board-list > li .info-box-r .state{display: inline-block; width: 120px; height: 45px; background-color: #b50938;line-height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 20px; text-align: center;}
.board-list > li .info-box-r .state.ing{background-color: #3f0b9f;}/* 접수중 */
.board-list > li .info-box-r .state.end{background-color: #777;}/* 접수마감 */

/* ==== 교육 - 캘린더 ==== */

table.calendar-tbl>thead>tr>th>a>img.cald-next{margin-left: 4px;}
table.calendar-tbl>thead>tr>th>a>img.cald-prev{margin-right: 4px;}
.non-loging-info-area{width: 100%; background: #f8f8f8;}



.calendar-choice-area{width: 100%; margin-top: 30px;}
.calendar-choice-box{height: 713px;}
.calendar-choice-box::after{content: '';display: block;clear: both;}
.calendar-choice-box>li:first-child{width: calc(100% - 600px); height: 100%; float: left;border: solid 1px #dddddd; padding: 60px 74px 0; box-sizing: border-box;}
.calendar-choice-box>li:last-child{width: 600px; height: 100%; float: left; padding: 0 40px;box-sizing: border-box; border: solid 1px #dddddd; border-left-width: 0;}
.calendar-choice-box>li .calendar-title{font-size: 28px; font-weight: 600; display: inline-block; vertical-align: middle; padding: 67px 0 30px;}
.calendar-choice-box>li .calendar-title i{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 20px; background-repeat: no-repeat; background-position: center; background-color: #006cb8; background-image: url(../images/common/ico_white_calener.png); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.calendar-list{border-top: 2px solid #000;}
.calendar-list dl{display: table;margin-top: 15px;}
.calendar-list dl:first-child{margin-top: 30px;}
.calendar-list dl dt{display: table-cell; width: 84px;}
.calendar-list dl dt em{display: inline-block; width: 84px; height: 38px; line-height: 38px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; text-align: center; font-weight: 400; color: #fff; font-size: 16px;}
.calendar-list dl dt em.type-1{background-color: #0175c6;}
.calendar-list dl dt em.type-2{background-color: #8e52ce;}
.calendar-list dl dt em.type-3{background-color: #f4c036; color: #000;}
.calendar-list dl dd{display: table-cell; padding: 0 10px;}
.calendar-list dl dd p{font-size: 18px; font-weight: 300; line-height: 1.5; letter-spacing: -0.5px; -ms-word-break: keep-all; word-break: keep-all;}

.calendar-login-area{background: #f8f8f8}
.btn-area.calendar{text-align: center; padding-top: 42px}

/* ==== 전시 - 샹세 ==== */

.view-wrap .view-tit-box{float: right;display: inline-block;vertical-align: top;width: 520px;padding: 0 0 0 40px;background-repeat: no-repeat;background-position: right bottom;}
.view-wrap .view-tit-box .tit-area{display: block;padding-bottom: 20px;border-bottom: 3px solid #000;}

.view-wrap .view-tit-box .tit-area em.s-tit{display: block; font-size: 15px; color: #888;margin-bottom: 3px;}
.view-wrap .view-tit-box .tit-area em.status{display: inline-block;padding: 0 20px; height: 38px;margin-right: 10px; line-height: 38px;font-size: 14px; margin-bottom: 11px;background-color: #000;color: #fff;}
.view-wrap .view-tit-box .tit-area em.status.ing{background-color: #b50938; color: #fff;}
.view-wrap .view-tit-box .tit-area em.status.end{background-color: #6f6f6f; color: #fff;}

.view-wrap .view-tit-box .tit-area .tit{display: block; font-size: 26px; line-height: 1.2;}


.view-wrap .view-tit-box .time_box{text-align: center;padding: 18px 20px; margin-top: 20px;background-color: #f5f5f5;}
.view-wrap .view-tit-box .time_box .top{display: block;font-size: 16px;color: #666;line-height: 1.2;letter-spacing: -0.3px;margin-bottom: 9px;}
.view-wrap .view-tit-box .time_box .txt{display: inline-block;font-size: 18px;letter-spacing: -0.3px;color: #444;line-height: 34px;    line-height: 31px; vertical-align: top;}
.view-wrap .view-tit-box .time_box .time{display: inline-block;font-size: 16px;font-weight: 400;letter-spacing: -0.5px;color: #006cb8 ;height: 34px;line-height: 32px;padding:0px 28px;
margin-left: 22px;;border: 1px solid #ddd;background-color: #fff;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;}




.view-wrap .view-tit-box .info-area-1{padding-top: 12px;}
.view-wrap .view-tit-box .info-area-1 li{display: table; margin-top: 2px;}
.view-wrap .view-tit-box .info-area-1 li .tit{display: table-cell; width: 128px;font-size: 15px;padding-right: 18px;font-weight: 600;}
.view-wrap .view-tit-box .info-area-1 li .txt{display: table-cell; font-size: 15px; color: #666;line-height: 1.4;}
.view-wrap .view-tit-box .info-area-2{padding-top: 19px;letter-spacing: -0.2px;}
.view-wrap .view-tit-box .info-area-2 strong.tit{display: block; font-size: 15px; font-weight: 600; margin-bottom: 14px;letter-spacing: -0.7px;}
.view-wrap .view-tit-box .info-area-2 p.txt{font-size: 16px; color: #666; line-height: 1.33;letter-spacing: -0.5px;}

/* ==== 교육 - 상세 ==== */
.view-wrap{position: relative;}


/* .view-wrap .view_cnt_boxedu .view-txt-box p{padding-top: 0;} */
.view-wrap .view_cnt_box .top_area:after{content:"";display: block;clear: both;}
.view-wrap .view_cnt_box{vertical-align: top;}
.view-wrap .view_cnt_box .view-txt-box{padding-top: 31px;margin-top: 60px;border-top: 2px solid #000;}
.view-wrap .view_cnt_box .view-txt-box strong{display: block;font-size: 26px; font-weight: 500;padding-top: 10px; padding-bottom: 25px;}
.view-wrap .view_cnt_box .view-txt-box img{max-width: 100%;}
.view-wrap .view_cnt_box .view-txt-box p{font-size: 15px;font-weight: 400; color: #444; padding-top: 5px;line-height: 1.5;}

.view-wrap .view_cnt_box table{border-top: 2px solid #222;margin-top: 40px;}
.view-wrap .view_cnt_box table th{padding: 16px 0;border: 1px solid #e7e7e7;background-color: #f9fafb;font-size: 16px;font-weight: 500;}
.view-wrap .view_cnt_box table th:first-child{border-left-width: 0;}
.view-wrap .view_cnt_box table th:last-child{border-right-width: 0;}
.view-wrap .view_cnt_box table td{height: 70px; text-align: center; padding: 10px 14px; font-size: 16px; color: #222; border: 1px solid #efefef;}



.view-wrap .btn-area{display: block;margin-top: 90px;text-align: right;}
.view-wrap .btn-area .btn-list{display: inline-block;width: 120px; height: 56px; line-height: 56px; text-align: center; font-size: 18px; font-weight: 600; border: 1px solid #000;}
.view-wrap .btn-area .btn-list i{display: inline-block; width: 30px; height: 20px; margin-left: 8px; vertical-align: sub; background: url(../images/common/ico_main_arrow_01.png) no-repeat left center; background-size: 30px 20px;}



.view-wrap.edu .view_cnt_box{width: calc(100% - 620px);}
.view-wrap.edu .view_cnt_box .view-img{padding-bottom: 600px;background-color: #000;}
.view-wrap.edu .view_cnt_box .view-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.view-wrap.edu .view-tit-box{width: 620px;}
.view-wrap.edu .view-tit-box .info-area-1{margin-top: 2px;}
.view-wrap.edu .view-tit-box .info-area-1 li{margin-bottom: 15px;}
.view-wrap.edu .view-tit-box .info-area-1 li .tit{width: 100px; padding-right: 0;}

.view-wrap.edu .view-tit-box .info-area-1 li .txt{color: #666;}
.view-wrap.edu .view-tit-box .info-area-1 li .file{display: inline-block;}
.view-wrap.edu .view-tit-box .info-area-1 li .file span{padding-left: 20px; background-repeat: no-repeat; background-position: left top 55%; background-image: url(../images/common/ico_sm_file.png);}
.view-wrap.edu .view-tit-box .btn-area{font-size: 0;}
.view-wrap.edu .view-tit-box .btn-area .btn-reserve{display: inline-block; width: calc(100% - 130px); height: 56px; line-height: 56px; margin-right: 10px; text-align: center; font-size: 18px; background-color: #000; font-weight: 600; color: #fff; border: 1px solid #000;}


.view-rolling{float: left;position: relative;width: calc(100% - 520px);}
.view-rolling:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.view-rolling .swiper-wrapper{height: auto;}
.view-rolling .swiper-slide{height: 650px;background-color: #ccc;}
.view-rolling .swiper-slide .access{position: relative;display: block;height: 0; padding-bottom: 650px; background-position: center; -webkit-background-size: contain;background-repeat: no-repeat;background-color: #fff;background-size: contain; text-indent: -9999em;font-size: 0;}
.view-rolling .swiper-slide .access:focus:after{position: absolute;content:"";display: block;width: 100%;height: 100%;border: 2px solid blue;}
.view-rolling .swiper-pagination-current:after{content:"";display: inline-block;clear: both;width: 1px;height: 18px;margin: 0 22px ;background-color: #afafaf;}
.view-rolling .swiper-pagination-current, .view-rolling .swiper-pagination-total{font-size: 24px;color: #666;}
.view-rolling .swiper-button-prev, .view-rolling .swiper-button-next{position: absolute;z-index: 10;margin-top: -30px;top: 50%;width: 28px;height: 47px;    cursor: pointer;text-indent: -9999em;-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
.view-rolling .swiper-button-prev{background-image: url(../images/main/main_visual_prev.png);left: 20px;}
.view-rolling .swiper-button-next{background-image: url(../images/main/main_visual_next.png);right: 20px;}
.view-rolling .swiper-button-prev:after, .view-rolling .swiper-button-next:after{display: none;}
.view-rolling .swiper-pagination-bullet{width: 8px;height: 18px;margin: 0 14px;background-color:inherit ;opacity: 1;background-position: center;-webkit-background-size: contain;background-size: contain;background-image: url(../images/main/pagination_off.png);background-repeat: no-repeat;}
.view-rolling .swiper-pagination-bullet-active{width: 18px;background-image: url(../images/main/pagination_on.png);}
.view-rolling .control_box{position: absolute;width: 100%;max-width: 1332px;right: 0;bottom: 30px;z-index: 100;text-align: right;}
.view-rolling .control_box .swiper-pagination{position: static;display: block;}
.view-rolling .control_box .swiper-btn-ctrl{vertical-align: top;text-indent: -9999em;width: 17px;height: 17px;background-repeat: no-repeat;background-position: center;}
.view-rolling .control_box .btn-pause{background-image: url(../images/main/btn_swiper_stop.png);}
.view-rolling .control_box .btn-play{background-image: url(../images/main/visual_play.png);}


/* ==== pagenation ==== */


/* ==== 리스트 - 검색 ==== */

/* ==== 리스트(활동지) - 자료 ==== */
/* list */
/* .list-header:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.list-header .board-btn-area{display: block;float: left;}
.list-header .board-btn-area .btn{display: inline-block; padding: 0 20px; height: 65px; line-height: 65px; background-color: #000; color: #fff; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.list-header .board-btn-area .btn i{display: inline-block;background-repeat: no-repeat;background-position: center;vertical-align: sub;margin-right: 8px;}
.list-header .board-btn-area .btn.btn-calender i{width: 28px; height: 26px; background-image: url(../images/common/ico_white_calener.png);}
.list-header .board-btn-area .btn.btn-list i{width: 28px; height: 19px; background-image: url(../images/common/btn_white_list.png);}
.list-header .board-search-area{float: right;display: block;}
.list-header .option-reset{display: inline-block; vertical-align: middle; padding-left: 20px;}
.list-header .option-reset .btn-reset{display: block; width: auto; font-size: 18px; line-height: 64px;}
.list-header .option-reset .btn-reset i{width:23px; height:23px; margin-left:6px; display:inline-block; vertical-align: middle; background: url(../images/common/ico_reset_img.png) no-repeat center; background-size:23px;}
.page-search{display: inline-block; vertical-align: middle; width: 550px; background-color: #f5f5f5; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0;}
.page-search select.select-box{width: 150px; padding: 0 40px 0 20px; background: url(../images/common/ico_sm_black_open.png) no-repeat 90% center; height: 26px; -webkit-appearance: none; -moz-appearance: none; margin: 0; font-size: 20px; color: #444444; vertical-align: middle; border: 0; border-right: 1px solid #ddd;}
.page-search input{width: calc(100% - 150px); height: 65px; padding-left: 20px; box-sizing: border-box; vertical-align: middle; border: 0; background: none; color: #666666; outline: none; font-size: 18px; letter-spacing: -20; font-weight:400;}
.page-search .btn-search{position: absolute; top:17px; right:30px; width: 29px; height: 29px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/btn_board_search.png);text-indent: -9999em;}


 */
.list-info{padding: 26px 0 0;}
.list-info:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.list-info .board-search-result{display: block; float: left; padding-top: 5px;}
.list-info .board-search-result span{display: inline-block; font-size: 16px; color: #666;vertical-align: middle;}
.list-info .board-search-result span em{color: #970119;}
.time-area{text-align:right; vertical-align: middle; float:right;margin-top: -10px;}
.time-area > strong{display:inline-block; margin:0 20px; color:#444; font-size:18px; font-weight:normal; font-weight: 500;}
.time-area > .serverTime{display:inline-block;padding:5px 25px; border:1px solid #ccc; border-radius: 30px;  text-align:center; color:#0389d0}

/* search_select */
.list_header::after{content: ''; display: block; clear: both;}
.search_select{width: 152px; margin-right: auto; float: left;}
.search_select select{ border: 0;  background-color: #f5f5f5; border-radius: 5px; height: 65px; background-image: url(../images/common/ico_sm_black_open.png); background-repeat: no-repeat; background-size: 15px 8px; font-size: 20px; background-position-x: 110px;}
.tab-area{margin-top: 50px; }
.tab-area .top_tab{display: flex;}
.tab-area .top_tab li{ font-size: 25px; text-align: center; width: fit-content; position: relative; margin-right: 3px;}
.tab-area .top_tab li a{padding: 0 40px 24px; display: block; line-height: 25px; font-weight: 300;}
.tab-area .top_tab li a::after{content: ''; display: block; background-color: #aaa; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0;}
.tab-area .top_tab li.on a::after{background-color: #222;}

.tab_inner{margin-top: 40px;}

 /* ==== 테이블 ==== */
.tbl_list {width:100%; margin-top:16px; border:0; border-bottom:2px solid #dadada;}
.tbl_list th,
.tbl_list td {border:0; border-left:1px solid #efefef; border-top:1px solid #efefef; font-size:16px; text-align:center; font-weight: 400;}
.tbl_list td{background-color: #fff;}
.tbl_list th {padding:17px 0; border-left:1px solid #efefef; color:#000; font-family:'NanumGothicExtraBold'; background-color:#f8f8f8; height: 70px;}
.tbl_list tr:first-child th {border-top: 1px solid #000; border-bottom:1px solid #efefef; letter-spacing: -1px;}
.tbl_list tr:first-child td {border-top:0;}
.tbl_list td:first-child,
.tbl_list th:first-child {border-left:0;}
.tbl_list td {padding:11px 0 ; color:#555; height: 70px;}

.tbl_st01.bordered{border-top:2px solid #666;}
.tbl_st01 {width:100%; text-align:center;}
.tbl_st01 thead th {padding:17px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; color:#666; font-size: 16px; text-align:center; font-weight:500;}
.tbl_st01 thead th:first-child {background:none;}
.tbl_st01 td {height: 60px;padding: 17px 0; border-bottom:1px solid #e1e0dc; font-size:16px; text-align:center; vertical-align:middle; font-weight: 400;}
.tbl_st01 td a:hover { text-decoration:underline;}
.tbl_st01 td img {margin:-2px 0;}
.tbl_st01 td .notice{display: inline-block; background-color: #222; color: #fff; width: 58px; height: 28px; border-radius: 5px; line-height: 28px;}
.tbl_st01 .nt td {background-color:#f3f3f3;}
.tbl_st01 td li:after {content:""; display:block; clear:both;}
.tbl_st01 td li span {float:left;}
.tbl_st01 td .state{display: inline-block;height: 28px;line-height: 28px;background-color: #000;color: #fff;font-size: 16px;padding: 0 15px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.tbl_st01 input[type="checkbox"] {width:13px; height:13px;}
table .lft {padding-left:17px; text-align:left;}
.tbl_st01 .lft {padding-left:11px; text-align:left;}
.tbl_st01 tbody .last td,

/* .tbl_view_st01 tbody .last td {border-bottom:1px solid #666;} */
.secret img {vertical-align:middle;}
.secret {padding-left:5px;}
.tbl_view_st01 {width:100%; color:#222; text-align:left; table-layout:fixed;}
.tbl_view_st01 thead th { font-size: 36px; text-align:left; font-weight: 300; line-height: 36px; letter-spacing: -1px;}
.tbl_view_st01 tbody > tr:first-child td {padding:12px 0 15px 10px; border-bottom:1px solid #222; letter-spacing: -1.2px;}
.tbl_view_st01 tbody > tr:first-child td span {margin-right:8px; padding-right:10px;  }
.tbl_view_st01 tbody tr.info td{padding: 18px 0 32px; border-bottom: 2px solid #000;}
.tbl_view_st01 tr.appending td {padding:25px 0 25px 0; font-size: 18px; border-bottom: 1px solid #dfdfdf; line-height: 40px;}
.tbl_view_st01 tr.appending td .file_name{line-height: 1.2;display: block;}
.tbl_view_st01 tr.appending td .file_name a{display: block;line-height: 1.2;margin-top: 5px;}

.tbl_view_st01 tr.appending .tit {font-weight: 500; display: inline-block; width: 78px;}
.tbl_view_st01 tbody tr.appending .file_ico{display: inline-block; background-image: url(../images/common/file_ico.png); width: 21px; height: 23px; vertical-align: middle; margin-left: 2px; margin-right: 11px;}
.tbl_view_st01 tbody tr.appending a{color: #666; letter-spacing: -0.6px;}
.tbl_view_st01 tbody tr.appending .r_box{float: right;}
.tbl_view_st01 tbody tr.appending .btn{border: 1px solid #000; width: 120px; height: 44px; line-height: 44px; margin-right: 6px;}
.tbl_view_st01 tbody tr.appending .btn:last-child{margin-right: 0;}
.tbl_view_st01 tbody tr.appending .dlBtn_ico {background-image: url(../images/common/downloadBtn_ico.png); display: inline-block; width: 16px; height: 14px; margin-left: 10px; }
.tbl_view_st01 tbody tr.appending .move_ico {background-image: url(../images/common/fileSee_ico.png); display: inline-block; width: 10px; height: 19px; margin-left: 10px; vertical-align: middle;}

.tbl_view_st01 td.viewStyle01 {padding:26px 20px 16px;}
.tbl_view_st01 td.viewStyle02 {padding:40px 0 0 0;}
.tbl_view_st01 td p {line-height:25px;}
.tbl_view_st01 td.viewStyle01 div {line-height:25px;}
.tbl_view_st01 td p.cont {margin-bottom:26px; padding-right:20px;}
/* .tbl_view_st01 tbody .last td {border-bottom:1px solid #666;} */

.middle_line td {padding: 40px 0;}
.lft2 {padding-left:15px; text-align:left;}

.btnbic{display:inline-block;background-color:#555;color:#fff;padding:6px 10px;line-height:1;border-radius:2px;font-size: 14px;margin-top: 10px;}

.btn_area{margin-top: 60px; text-align: center;}
.btn_area .btn{border: 1px solid #000; padding: 18px 28px; font-size: 18px; font-weight: 600;}
.btn_area .btn .listBtn_ico{display: inline-block; background-image: url(../images/common/ico_main_arrow_01.png); width: 30px; height: 20px; vertical-align: middle; margin-left: 6px;}

/* ==== 리스트 - 자료 ==== */
.p_list {margin-top: -30px;}
.p_list ul {padding:30px 0; display: flex; justify-content: space-between;}
.p_list ul:after {content:""; display:block; clear:both;}
.p_list ul li { width:calc(25% - 60px / 4 ); margin-left:20px; text-align:center;}
.p_list ul li:first-child {margin-left:0;}
.p_list ul li dt span {display:inline-block; height:170px; vertical-align:bottom;}
.p_list ul li dt a{position: relative;display: block; padding-bottom: 63.19%;}
.p_list ul li dt img{position: absolute;top: 0;left: 0;height: 100%;vertical-align:bottom; display: block; width: 100%;     object-fit: cover;}
.p_list ul li dd {padding-top:26.5px; font-size: 24px; text-align: left; letter-spacing: -20; font-weight: 400;}
.p_list ul li dd span {display:block; padding-top: 21px; font-size: 18px; letter-spacing: -20; font-weight: 300;}

/* === 관람 - 안내 공통 레이아웃 === */
.detail{border-top: 2px solid #222;}


/* 배경 이미지 적용 */
.banner_wrap{max-width: 100%; margin-top: 45px; overflow: hidden; margin-bottom: -6px;}
.banner_wrap img{margin: auto;}
.info_wrap > dl{display: flex; align-items: flex-start;border-top: 1px solid #dddddd; padding-bottom: 37px;background-repeat: no-repeat;padding-top: 46px;}
.info_wrap > dl.bg01{background-image: url(../images/sub/info_wrap_bg1.png); background-repeat: no-repeat; background-position: 0 200px;}
.info_wrap > dl.bg02{background-image: url(../images/sub/info_wrap_bg2.png); background-repeat: no-repeat; background-position: right 50px bottom }
.info_wrap > dl.bg03{background-image: url(../images/sub/info_wrap_bg3.png); background-repeat: no-repeat; background-position: 0 170px; border-bottom: 0;}
.info_wrap > dl.bg04{background-image: url(../images/sub/reservation_bg01.png), url(../images/sub/reservation_bg02.png); background-repeat: no-repeat; background-position: right 130px, left bottom;}
.info_wrap > dl.bg05{background-image: url(../images/sub/reservation_bg03.png); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 120px; margin-bottom: -100px;}
.info_wrap > dl:first-child{border-top: 0;}
.info_wrap > dl > dt{width: 390px;font-size: 23px; font-weight: 500; line-height: 1.2;  padding-left: 34px; padding-right: 10px;background-image: url(../images/common/infoTitle_ico.png); background-repeat: no-repeat ; background-position: 10px 6px;}
.info_wrap > dl > dt .small{font-size: 17px;display: block;margin-top: 4px;font-weight: 400;}
.info_wrap > dl > dd{width: calc(100% - 390px); padding-top: 5px;}
.info_wrap > dl > dd .btn_wrap{margin-right: -6px;}
.info_wrap > dl > dd .btn_wrap .btn_line{display: inline-block; margin-right: 6px; margin-bottom: 0;}
.info_wrap > dl > dd .btn_line{height: 30px; padding: 0 10px 30px; width: fit-content; color: #3f0b9f; font-weight: 600; border-bottom: 3px solid #3f0b9f; display: block; line-height: 1; margin-bottom: 20px; letter-spacing: -0.4px; margin-top: -5px;}
.info_wrap > dl > dd .btn_line.style02{color: #000; border-bottom: 3px solid #000; margin-top: 20px;}
.info_wrap > dl > dd .btn_line .download_ico{display: inline-block; width: 12px; height: 12px; background-image: url(../images/common/downloadBtn_ico2.png); margin-left: 2px; }
.info_wrap > dl > dd .btn_line .rightArrow_ico{display: inline-block; width: 20px; height: 14px; background-image: url(../images/common/listBtn_ico.png); margin-left: 6px; vertical-align: bottom;}
.info_wrap > dl > dd .txt_bold{font-weight: 500; margin-bottom: 8px;}

.info_wrap > dl > dd .gray_list{font-size: 16px; line-height: 24px; font-weight: 400; color: #666; letter-spacing: -0.6px; padding-top: 2px;}
.info_wrap > dl > dd .gray_list li{margin-top: 12px; position: relative; padding-left: 8px;}
.info_wrap > dl > dd .gray_list li:first-child{margin-top: 0;}
.info_wrap > dl > dd .gray_list li::before{content: ''; display: inline-block; width: 2px; height: 2px; background-color: #666; position: absolute; top: 12px; left: 0;}
.info_wrap > dl > dd .gray_list.style02{padding-left: 5px;}
.info_wrap > dl > dd .gray_list.style02 li{display: table; }
.info_wrap > dl > dd .gray_list.style02 li span{display: table-cell;}
.info_wrap > dl > dd .gray_list.style02 li .tit{width: 145px; font-weight: 600;}

.info_wrap > dl > dd .round{background-color: #f5f5f5; font-weight: 300; color: #666; text-align: center; line-height: 1.5; margin-bottom: 35px; letter-spacing: -0.6px; font-weight: 400; margin-top: -4px; padding: 21px 0 21px 15px; min-height: 66px;}
.info_wrap > dl > dd .title{font-weight: 500;line-height: 1.2; margin-top: 38px; margin-bottom: 10px; font-size: 18px;letter-spacing: -0.6px;}
.info_wrap > dl > dd .title:first-child{margin-top: 0;}
.info_wrap > dl > dd  .red{margin-top: 12px;}

.info_wrap .time_box .caution_box{line-height: 1.4; display: block; margin-top: 20px;}
.info_wrap .time_box .caution_box li{margin-bottom: 10px; color: #970119;}

.info_wrap > dl > dd .caution_area{color: #865c3e;}
.info_wrap > dl > dd .caution_area h5{padding-left: 0;}
.info_wrap > dl > dd .caution_area .gray_list{color: #865c3e; padding-left: 3px;}
.info_wrap > dl > dd .bus_box{margin-top: 3px;}
.info_wrap > dl > dd .bus_box li{font-size: 15px;margin-top: 27px;}
.info_wrap > dl > dd .bus_box li .tit{color: #222;font-weight: 500;letter-spacing: 0.1px;}
.info_wrap > dl > dd .bus_box li .tit img{margin-top: 1px;margin-right: 9px;}
.info_wrap > dl > dd .bus_box li .tit img:last-child{margin-left: -3px;}
.info_wrap > dl > dd .bus_box li .txt{color: #666;font-weight: 400;line-height: 1.44;padding-left: 29px;margin-top: 3px;    letter-spacing: 0.12px;}
.info_wrap > dl > dd .bus_box li .btm_txt{color: #865c3e;padding-top: 23px;padding-left: 31px;}
.info_wrap > dl > dd .bus_box li:first-child{margin-top: 0;}

.info_wrap.type-320 > dl > dt{width: 320px;}
.info_wrap.type-320 > dl > dd{width: calc(100% - 320px);}

.info_wrap.type-360 > dl > dt{width: 360px;}
.info_wrap.type-360 > dl > dd{width: calc(100% - 360px);}

.info_wrap .subway_box{ margin-top: 3px;}
.info_wrap .subway_box .tit{color: #222;font-weight: 500;letter-spacing: 0.1px; line-height: 1.5; font-size: 15px;}
.info_wrap .subway_box .tit img{margin-top: 1px; margin-right: 9px;}
.info_wrap .subway_box .tit img:last-child{margin-left: -3px; margin-right: 11px;}
.info_wrap .subway_box .txt{color: #666;font-weight: 400; line-height: 1.44;padding-left: 29px;margin-top: 3px; letter-spacing: 0.12px; font-size: 15px;}
.info_wrap .subway_box .btm_txt{color: #865c3e;padding: 16px 0 8px 29px; font-size: 15px;}



/* ==== 관람 - 오시는 길 ==== */
.info_wrap .caution_box{margin-top: -5px;}
.info_wrap .caution_box span{position: absolute; top: 0; left: 0;}
.info_wrap .caution_box li{line-height: 20px; margin-bottom: 28px; position: relative;  padding-left: 17px; margin-bottom: 24px; font-size: 15px;}
.info_wrap .caution_box li:last-child{margin-bottom: 0;}

/* 주차안내 */
.info_wrap dl .dt_style02{background-image: none; padding-left: 0; font-size: 30px;}
.info_wrap .title .em_red {font-size: 24px;color: #b81b02;}
.info_wrap .parking_box{margin-top: 12px;}
.info_wrap .parking_box li{font-size: 0; display: table;}
.info_wrap .parking_box .tit{font-weight: 500; color: #222; font-size: 16px; display: table-cell; width: 82px; vertical-align: top;}
.info_wrap .parking_box .txt{line-height: 32px; font-weight: 300; color: #666; font-size: 16px;  display: table-cell; vertical-align: top;}
.info_wrap .caution_box {color: #666;}
.info_wrap .caution_box li{line-height: 1; margin-bottom: 28px;}
.parking-img img{width: 100%; display: block;}

/* 지하철 */
.info_wrap .subway_txt {padding-left: 55px;}
.info_wrap .subway_box02{margin-top: -8px;}
.info_wrap .subway_box02 li{font-size: 0; letter-spacing: -0.4px;}
.info_wrap .subway_box02 li img {vertical-align: middle; margin-right: 10px;}
.info_wrap .subway_box02 .tit{font-weight: 500; color: #222; font-size: 16px;}
.info_wrap .subway_box02 .txt{line-height: 32px; font-weight: 300; color: #666; font-size: 16px; margin-left: 18px;}
.info_wrap .time_box{margin-top: 0;}
.info_wrap .time_box .tit{line-height: 1; letter-spacing: -0.6px;}
.info_wrap .time_box .list{margin-top: 16px;}
.info_wrap .time_box .list li{font-weight: 300; color: #666; margin-top: 6px; padding-left: 13px; position: relative; font-size: 15px;}
.info_wrap .time_box .list li::before{content: ''; width: 3px; height: 3px; background-color: #000; position: absolute; top: 10px; left: 0;}

/* 테이블 */
.table_box {width:100%; margin-top:16px; border:0; border-bottom:2px solid #dadada; margin-top: 60px; letter-spacing: -0.6px;}
.table_box th,
.table_box td {padding: 24px 14px; border:0; border-left:1px solid #ccc; border-top:1px solid #ccc; font-size:16px; text-align:center; font-weight: 400; color:#444; height: 65px;}
.table_box .align_l{text-align: left;}
.table_box th { border-left:1px solid #ccc; color:#000;background-color:#f8f8f8; height: 65px; padding: 0;}
.table_box tr:first-child th {border-top: 1px solid #000; border-bottom:1px solid #ccc; letter-spacing: -1px;}
.table_box tr:first-child td {border-top:0;}
.table_box td:first-child,
.table_box th:first-child {border-left:0;}
.table_box .dash_txt {padding-left: 8px; position: relative;}
.table_box .dash_txt::before{content: '-'; position: absolute; left: 0;}


/* ==== 관람 - 시설안내 ==== */
.m-view{display: none;}
.pc-view{display: block;}
.pc-img{display: block; width: 100%;}

.facility_list {margin-left: -4.16%; margin-top: 40px; margin-bottom: -100px;}
.facility_list::after {content: ''; display: block; clear: both;}
.facility_list li{width: 33.3%; float: left; padding-left: 3.9%; margin-bottom: 30px;}
.facility_list li .img_box{position: relative; display: block; padding-bottom: 50.68%;}
.facility_list li .img_box img{position: absolute;top: 0;left: 0;height: 100%; display: block; width: 100%; object-fit: cover;}
.facility_list li .txt_wrap{padding-top: 32px; color: #222; min-height: 235px;}
.facility_list li .tit{font-size: 26px; font-weight: 500; letter-spacing: -0.4px; margin-left: -2px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.facility_list li .cont{font-weight: 500; margin-top: 20px; font-size: 18px; letter-spacing: -0.5px; line-height: 1.44; width: 103%; margin-left: -2px;}
.facility_list .link_btn{border: 1px solid #000; width: 150px; height: 44px; display: block; text-align: center; line-height: 42px; margin-top: 18px; letter-spacing: -0.4px;}
.facility_list .link_btn .rightArrow_ico{background-image: url(../images/common/rightArrow_ico.png); display: inline-block; width: 7px; height: 12px; margin-left: 2px; vertical-align: middle; margin-top: -2px;}
.facility_list .link_btn2{border: 1px solid #000; width: 100px; height: 44px; display: block; text-align: center; line-height: 42px; margin-top: 18px; letter-spacing: -0.4px;}
.facility_list .link_btn2 .rightArrow_ico{background-image: url(../images/common/rightArrow_ico.png); display: inline-block; width: 7px; height: 12px; margin-left: 2px; vertical-align: middle; margin-top: -2px;}
.facility_list.type02 li .txt_wrap{min-height: 200px;}

.guide_txt_box{margin-top: 31px;}
.guide_txt_box .tit{font-size: 32px; color: #202020;font-weight: 600;}
.guide_txt_box .txt{font-size: 18px; color: #666666;padding: 17px  0 14px; line-height: 1.55;letter-spacing: -0.03px;}

.info_wrap .mi_txt{font-size: 16px;color: #666;line-height: 1.75;margin-top: 32px;padding-bottom: 37px;}
.info_wrap .mi_txt:first-child{margin-top: 0;}
.info_wrap .mi_img{padding-bottom: 21px;}
.info_wrap .mi_img img{max-width: 100%;}

.Introduction_top{display: flex; align-items: flex-end;}
.Introduction_top:after{content:"";display: block;clear: both;}
.Introduction_top .img_box{width: 1000px;height: 548px;background-position: center;}
.Introduction_top .text_box{width: 920px;padding-bottom: 35px;    display: flex;    flex-wrap: wrap;height: 548px;    align-items: flex-end; align-content: flex-end;padding-left: 40px;padding-top: 240px;background-image: url(/design/theme/child_kr/images/sub/Introduction_right-icon.png);background-repeat: no-repeat; background-position: 40px 0;}
.Introduction_top .text_box .top{font-size: 46px;font-weight: 400;line-height: 1.3;}
.Introduction_top .text_box .top strong{font-weight: 500;}
.Introduction_top .text_box .btm{font-size: 30px;font-weight: 300;line-height: 1.33;    letter-spacing: 0.2px;    padding-top: 16px;}

.circle_list01{/*border-bottom: 1px solid #ddd;*/ padding: 95px 0 45px 41px;letter-spacing: 0.5px;}/*20240308 하위 내용 삭제로 인한 라인 삭제 (이후 하위 내용을 추가하면 하단 라인 복구할 것)*/
.circle_list01 > .tit{font-size: 30px;color: #222;line-height: 1.2;font-weight: 500;padding-left: 15px;}
.circle_list01 ul{display: flex;margin-top: 44px;}
.circle_list01 ul li{text-align: center; width: 25%;}

.circle_list01 ul li .icon{display: inline-block;width: 280px;height: 280px;-webkit-background-size: contain;background-size: contain;}
.circle_list01 ul li .icon.i01{background-image: url(/design/theme/child_kr/images/sub/circle_list_icon01.png);}
.circle_list01 ul li .icon.i02{background-image: url(/design/theme/child_kr/images/sub/circle_list_icon02.png);}
.circle_list01 ul li .icon.i03{background-image: url(/design/theme/child_kr/images/sub/circle_list_icon03.png);}
.circle_list01 ul li .icon.i04{background-image: url(/design/theme/child_kr/images/sub/circle_list_icon04.png);}
.circle_list01 ul li .tit{position: relative;display:block;font-size: 22px; font-weight: 600; color: #222; line-height: 1.4;padding: 0 3px;letter-spacing: -0.8px; width: fit-content; margin: auto;}
.circle_list01 ul li .tit:first-child{padding-top: 17px;}
.circle_list01 ul li .tit:before{position: absolute;left: 0;bottom: 0;content:"";display: inline-block;clear: both;z-index: -1;width: 100%;height: 10px;background-color: #ccc;}

.circle_list01 ul li:nth-child(1) .tit:before{background-color: #ffecba;}
.circle_list01 ul li:nth-child(2) .tit:before{background-color: #c0d8f5;}
.circle_list01 ul li:nth-child(3) .tit:before{background-color: #d1f2e8;}
.circle_list01 ul li:nth-child(4) .tit:before{background-color: #fbe9eb;}
.circle_list01 ul li .txt{display: inline-block;font-size: 16px; font-weight: 400; color: #666; line-height: 1.4;padding-top: 25px; -ms-word-break: keep-all;
word-break: keep-all;letter-spacing: -0.1px;}
.circle_list01 ul li .txt br{display: none;}




/*************************************************pc 1440*************************************************/
@media all and (min-width:992px) and (max-width:1440px) {

}

@media (min-width: 992px) and (max-width: 1390px){
 .board-list > li .img-box{width: 270px;height: 157px;}

.board-list > li .info-box-r{width: auto;font-size: 16px;}
.board-list > li .info-box-r .state{font-size: 18px;}
.board-list > li .info-box-r > span.date .br{display: block;}
.board-list > li .info-box-r .state{width: 110px;height: 40px;line-height: 40px;}

.board-list > li .info-box-l .title{font-size: 22px;}
.board-list > li .info-box-l .txt-info dl dt{font-size: 16px;}
.board-list > li .info-box-l .txt-info dl dd{font-size: 16px;}
.board-list > li .info-box-l .txt-info dl{padding-bottom: 5px;}

}


@media all and (max-width:1280px){

.list-wrap .list li .img-box{width: 520px;}
.list-wrap .list li .txt-box{width: calc(100% - 520px);padding-left: 30px;}



.view-wrap .view-tit-box{width: 460px;padding-left: 30px;}
.view-rolling {width: calc(100% - 460px);}

.view-wrap.edu .view_cnt_box{width: calc(100% - 460px);}
.view-wrap.edu .view-tit-box{width: 460px;}

.circle_list01{padding: 54px 0 40px;}
.circle_list01 > .tit{font-size: 20px;padding-left: 0;margin-left: -1px;letter-spacing: -0.2px;}
.circle_list01 ul{display: block;margin-top: 8px;}
.circle_list01 ul li{position: relative;text-align: left;display: flex; align-items: center;padding-top: 20px; width: 100%;}
.circle_list01 ul li:after{content:"";display: block;clear: both;}
.circle_list01 ul li .icon{width: 100px;height: 100px;}
.circle_list01 ul li .txt_box{width: calc(100% - 100px);padding-left: 20px;margin-top: -1px;}
.circle_list01 ul li .tit{display: block;font-size: 17px;padding: 0;letter-spacing: 0; margin: 0;}
.circle_list01 ul li .txt{font-size: 15px;padding: 10px 0 0 ;margin-left: -1px;letter-spacing: 0.2px;line-height: 1.32; width: 100%;}
.circle_list01 ul li .tit span{position: relative; white-space: nowrap;padding: 0 4px 1px;}

.circle_list01 ul li .tit:before{display: none;}
.circle_list01 ul li .tit span:before{position: absolute;left: 0;bottom: 0;content:"";display: inline-block;clear: both;z-index: -1;width: 100%;height: 10px;background-color: #ccc;}
.circle_list01 ul li:nth-child(1) .tit span:before{background-color: #ffecba;}
.circle_list01 ul li:nth-child(2) .tit span:before{background-color: #c0d8f5;}
.circle_list01 ul li:nth-child(3) .tit span:before{background-color: #d1f2e8;}
.circle_list01 ul li:nth-child(4) .tit span:before{background-color: #fbe9eb;}

.circle_list01 ul li .icon.i01{background-image: url(/design/theme/child_kr/images/sub/m_circle_list_icon01.png);}
.circle_list01 ul li .icon.i02{background-image: url(/design/theme/child_kr/images/sub/m_circle_list_icon02.png);}
.circle_list01 ul li .icon.i03{background-image: url(/design/theme/child_kr/images/sub/m_circle_list_icon03.png);}
.circle_list01 ul li .icon.i04{background-image: url(/design/theme/child_kr/images/sub/m_circle_list_icon04.png);}


.btnbic{font-size: 10px;padding: 5px 2px ;}
.view-wrap .view_cnt_box table td{padding:10px;}
}



 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.m-pagenation{display: block;}
.btn_area .btn{padding: 0;font-size: 15px;height: 42px;line-height: 39px;width: 102px;}
.btn_area .btn .listBtn_ico{width: 18px;height: 15px;margin: 0 0 0 4px;background-repeat: no-repeat;-webkit-background-size: 18px;background-size: 18px;background-image: url(../images/common/m_ico_main_arrow_01.png);}

/* .list-header .board-search-area{float: none;margin-top: 20px;}
.list-header .board-search-area .page-search{width: calc(100% - 40px);}
.list-header .board-btn-area{float: none;} */

.board-list > li{display: block;}
.board-list > li .img-box{display: block; width: 100%;height: 100%; padding-right: 0;}
.board-list > li .info-box-l{display: block;width: 100%;padding-top: 15px;}
.board-list > li .info-box-r{display: block;text-align: left;}
.board-list > li .info-box-l .txt-info dl dt{width: 75px;}

.time-area{text-align: center;display: block;float: none;margin-bottom: 20px;}
.time-area > span{display: block;padding-bottom: 7px;}
.time-area > .serverTime{padding: 3px 10px;}

.tbl_view_st01 thead th{line-height: 1.3;font-size: 21px;font-weight: 400;    letter-spacing: -0.4px;}
.tbl_view_st01 tbody > tr:first-child td{padding-left: 0;font-size: 14px;padding: 11px 0 17px;letter-spacing: -0.2px;}
.tbl_view_st01 tbody > tr:first-child td span{margin-right: 6px;padding-right: 8px;letter-spacing: -0.2px;}
.tbl_view_st01 tr.appending .tit{line-height: 1.2;position: relative;width: 78px;vertical-align: top;}
.tbl_view_st01 tr.appending td{padding-top: 17px;    line-height: inherit;font-size: 15px;}
.tbl_view_st01 tr.appending td .file_name{display: inline-block;max-width: calc(100% - 108px);vertical-align: top;}
.tbl_view_st01 tr.appending td .file_name a{line-height: 1.3;padding-left: 10px;display: block;}
.tbl_view_st01 tr.appending td .file_name a:first-child{margin-top: 0;}
.tbl_view_st01 tbody tr.appending .file_ico{width: 16px;margin: 1px 9px 0 0 ;margin-right: 9px;-webkit-background-size: contain;background-size: 16px;background-repeat: no-repeat;}


.middle_line td{padding: 30px 0;}

.list-wrap .list{margin-top: 34px;}
.list-wrap .list li{margin-top: 30px;}
.list-wrap .list li .img-box{width: 100%;padding-bottom: 56.42%;}
.list-wrap .list li .txt-box{width: 100%;padding: 0;padding-top: 23px;min-height: auto;}
.list-wrap .list li .txt-box .tit-area{padding-bottom: 17px;border-width: 2px;}
.list-wrap .list li .txt-box .tit-area strong{font-size: 21px;}
.list-wrap .list li .img-box .status{font-size: 16px; line-height: 32px; height: 32px; font-weight: 300;padding: 0 11px;}
.list-wrap .list li .txt-box .info-area-1{padding-top: 7px;}
.list-wrap .list li .txt-box .info-area-1 ul li.tit{width: 42px;}
.list-wrap .list li .txt-box .info-area-2{padding-top: 5px;}
.list-wrap .list li .txt-box .info-area-2 p{line-height: 1.33;font-size: 15px;}
.list-wrap .list li .txt-box .btn-area{margin-top: 10px;}
.list-wrap .list li .txt-box .btn-area .btn-view{display: inline-block;padding: 8px; font-size: 18px;border-bottom-width: 2px;letter-spacing: -0.5px;}
.list-wrap .list li .txt-box .btn-area .btn-view i{width: 18px; height: 15px;margin: 0 0 0 12px; vertical-align: middle;background-image: url(../images/common/m_ico_main_arrow_01.png);-webkit-background-size: 18px; background-size: 18px;}

.view-wrap .view_cnt_box{width: 100%;margin-top: 34px;}
.view-wrap .view-tit-box{position: static;width: 100%;padding-left: 0;padding-top: 30px;}

.view-wrap.edu .view_cnt_box{width: 100%;}
.view-wrap.edu .view_cnt_box .view-img{padding-bottom: 70.8%;}
.view-wrap.edu .view-tit-box{width: 100%;}
.view-wrap.edu .view-tit-box .info-area-1 li .tit{width: 85px;}
.view-wrap.edu .view-tit-box .btn-area .btn-reserve{font-size: 15px;height: 42px;line-height: 39px;}
.view-rolling{width: 100%;}
.view-rolling .swiper-slide{height: auto;}
.view-rolling .swiper-slide .access{padding-bottom: 70.8%;}
.view-rolling .swiper-button-prev, .view-rolling .swiper-button-next{width: 15px;height: 25px;margin-top: -12px;}

.view-wrap .view-tit-box .tit-area{padding-bottom: 17px; border-bottom-width: 2px;}
.view-wrap .view-tit-box .tit-area em.status{height: 34px; line-height: 34px; padding: 0 10px; letter-spacing: -0.5px; font-size: 16px;}
.view-wrap .view-tit-box .tit-area em.s-tit{margin-bottom: 5px; letter-spacing: 0.1px;}
.view-wrap .view-tit-box .tit-area .tit{font-size: 20px; line-height: 1.3;}
.view-wrap .view-tit-box .info-area-1{padding-top: 7px;}
.view-wrap .view-tit-box .info-area-1 li .tit{width: 42px;}
.view-wrap .view-tit-box .info-area-2{padding-top: 7px;}
.view-wrap .view-tit-box .info-area-2 strong.tit{margin-bottom: 7px;}
.view-wrap .view-tit-box .info-area-2 p.txt{font-size: 15px;}
.view-wrap .view-tit-box .time_box{padding: 12px 10px;}
.view-wrap .view-tit-box .time_box .top{font-size: 14px;margin-bottom: 6px;}
.view-wrap .view-tit-box .time_box .txt{font-size: 15px;line-height: 26px;}
.view-wrap .view-tit-box .time_box .time{height: 28px;line-height: 24px; padding: 0px 11px;margin-left: 11px;}

.view-wrap .view_cnt_box .view-txt-box{margin-top: 26px;padding-top: 14px;border-top-width: 1px;}
.view-wrap .view_cnt_box .view-txt-box strong{font-size: 20px;line-height: 1.2;padding-top: 13px;padding-bottom: 24px;letter-spacing: -0.4px;}
.view-wrap .view_cnt_box .view-txt-box p{font-size: 15px;letter-spacing: -0.3px;line-height: 1.33;padding-top: 5px;}
.view-wrap .view_cnt_box .view-txt-box .btm_table{overflow-x: auto;}
.view-wrap .view_cnt_box .view-txt-box .btm_table table{width: 786px;}
.view-wrap .btn-area {text-align: center;margin-top: 55px;}
.view-wrap .btn-area .btn-list{padding: 0; font-size: 15px; height: 42px; line-height: 39px; width: 102px;}
.view-wrap .btn-area .btn-list i{width: 18px;height: 15px;margin: -2px 0 0 7px;background-repeat: no-repeat;vertical-align: middle;-webkit-background-size: 18px;background-size: 18px;background-image: url(../images/common/m_ico_main_arrow_01.png);}

.view-wrap.edu .view-tit-box .info-area-1{margin-top: 6px;}
.view-wrap.edu .view-tit-box .info-area-1 li{margin-bottom: 18px;}
.view-wrap.edu .view-tit-box .btn-area .btn-reserve{width: 100%;}

.time-area{font-size: 15px;letter-spacing: -0.2px;padding-right: 12px;margin-top: -19px;}
.time-area > span{color: #666;padding-bottom: 6px;}
.time-area > strong{font-size: 15px;margin: 0 13px;margin: 0 8px;}
.time-area > .serverTime{font-size: 16px;line-height: 25px;padding: 0 9px;}
.time-area > .serverTime{padding: 0 7px; height: 28px;line-height: 26px;}

.list-info{padding-top: 17px;}
.list-info .board-search-result{padding-top: 26px;}
.list-info .board-search-result span{letter-spacing: -0.4px;}

.board-list > li .alt-apply > span{font-size: 16px;padding: 0 13px;}
.board-list > li .alt-apply > span:before{height: 11px;top: 6px;}
.board-list > li{padding: 30px 0 30px;}
.board-list > li:first-child{padding-top: 20px;}
.board-list > li .img-box{/*padding-bottom: 65.973%;*/	}
.board-list > li .info-box-l{padding: 10px 0 0 }
.board-list > li .info-box-l .alt_apply{font-size: 16px;color: #666;}
.board-list > li .info-box-l .alt_apply span:after{height: 10px; margin: -3px 14px 0;}

.board-list > li .info-box-l .title{font-size: 21px;margin: 12px 0 13px;line-height: 1.3;letter-spacing: -0.3px;}
.board-list > li .info-box-l .txt-info dl{padding-bottom: 8px;}
.board-list > li .info-box-l .txt-info dl dt{font-size: 15px;}
.board-list > li .info-box-l .txt-info dl dd{font-size: 15px;}
.board-list > li .info-box-r{font-size: 14px;width: 100%;padding-top: 16px;}
.board-list > li .info-box-r:after{content:"";display: block;clear: both;}
.board-list > li .info-box-r > span{margin-left: 20px;letter-spacing: -0.4px;}
.board-list > li .info-box-r .state{float: right;width: 80px;height: 30px;line-height: 30px;font-size: 16px;margin: -5px 0 0 ;}


.Introduction_top{display: block;margin-top: 40px;}
.Introduction_top .img_box{width: calc(100% + 30px);height: auto;padding-bottom: 55%;-webkit-background-size: cover;background-size: cover; margin-left: -15px;}

.Introduction_top .text_box{width: 100%;height: auto;padding: 149px 0 0;background-position: 19px 30px;-webkit-background-size: 144px;background-size: 144px;}
.Introduction_top .text_box .top{font-size: 25px;margin-left: -3px;letter-spacing: -0.2px;}
.Introduction_top .text_box .btm{font-size: 20px;line-height: 1.2;padding: 3px 10px 0 2px ;font-weight: 400;color: #666;letter-spacing: 0;}


.view-wrap .m-view-list .m-view-list-area {margin-top: 20px;}
.view-wrap .m-view-list .m-view-list-area > li{border-bottom:1px solid #e6e6e6}
.view-wrap .m-view-list .m-view-list-area > li:first-child{border-top:2px solid #000}
.view-wrap .m-view-list .m-view-list-area > li:last-child{border-bottom:2px solid #cccccc}
.view-wrap .m-view-list .m-view-list-area > li > strong{display:block; width:100%; padding:10px 0 20px 0; color:#202020; font-size:14px; font-weight: normal;font-weight: 500;}
.view-wrap .m-view-list .m-view-list-area > li > ul > li{margin-bottom:10px;}
.view-wrap .m-view-list .m-view-list-area > li > ul > li:last-child{margin-bottom:20px}
.view-wrap .m-view-list .m-view-list-area > li > ul > li strong{display:inline-block; padding: 0;padding-right:20px; color:#444444; font-size:14px; font-weight: normal;font-weight: 500;}
.view-wrap .m-view-list .m-view-list-area > li > ul > li > p{display:inline-block; font-size:14px; word-break:keep-all; font-weight: 400;}
.view-wrap .m-view-list .m-view-list-area > li > ul > li > p.mt10{font-size:12px;}

.view-wrap .m-view-list .m-view-list-area .btn_sm{text-align: center;min-width: 70px;width: auto;padding: 0 12px;font-size: 14px;}
.view-wrap .m-view-list .m-view-list-area .btnbic{text-align: center;min-width: 70px;height: 30px;line-height: 30px;width: auto;padding: 0 12px;font-size: 14px;margin-top: 0;}
.view-wrap .m-view-list .m-view-list-area .btnbic_txt{display: inline-block;vertical-align: middle;padding-top: 2px;padding-left: 5px;}



}


/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.detail{margin-top: 56px;}
.banner_wrap{margin-top: 30px;}

}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){

.list-header .board-btn-area .btn{font-size: 16px;height: 43px;line-height: 43px;padding: 0 14px;}
.list-header .board-btn-area .btn.btn-calender i{width: 21px;height: 22px;-webkit-background-size: contain;background-size: contain;vertical-align: middle;}
.list-header .option-reset{padding-left: 0;}
.list-header .option-reset .btn-reset{line-height: 43px;width: 40px;font-size: 0;}
.list-header .option-reset .btn-reset i{margin-left: 0;width: 16px;height: 16px;-webkit-background-size: contain; background-size: contain;background-image: url(../images/common/Mico_reset_img.png);}
.page-search input{width: calc(100% - 135px);height: 43px;font-size: 16px;padding-right: 0;padding-left: 15px;}
.page-search select.select-box{width: 93px;font-size: 16px;padding: 0 0 0 15px;}
.page-search .btn-search{top: 7px;right: 10px;-webkit-background-size: 18px;background-size: 18px;    background-image: url(../images/common/Mbtn_board_search.png);}


.pagenation{margin-top: 40px;}
.pagenation a{height: 23px;line-height: 23px;}
.pagenation ul{line-height: 23px;}
.pagenation ul li a{width: 23px;line-height: 23px;font-size: 15px;}
.pagenation a.prev, .pagenation a.next{margin:  0 10px;}

.info_wrap > dl{padding-top: 40px; display: block; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
.info_wrap > dl.bg01{background-image: url(../images/sub/info_wrapM_bg1.png); background-position: right 0 top 23px; background-size: 86px 100px;}
.info_wrap > dl.bg01 {padding-top: 28px;}
.info_wrap > dl.bg02{background-image: none;}
.info_wrap > dl.bg03{background-image: url(../images/sub/info_wrapM_bg3.png); background-position: left 0 bottom 0; background-size: 117px 129px; padding-bottom: 100px;}
.info_wrap > dl.bg06{background-image: url(../images/sub/info_wrapM_bg2.png); background-position: right 0 bottom 0 ; background-size: 102px 95px;}
.info_wrap > dl > dt{width: 100%; font-size: 19px; background-size: 13px 13px; padding-left: 18px; background-position: 0 3px; line-height: 1.2; letter-spacing: -0.5px;}
.info_wrap > dl > dd{width: 100%;  padding-top: 25px;}
.info_wrap > dl > dd .btn_line{font-size: 13.5px; padding: 0 7.5px 2px; border-bottom: 2px solid #3f0b9f; margin-bottom: 20px; margin-top: 0; height: 25px; letter-spacing: 0.2px;}
.info_wrap > dl > dd .gray_list{margin-top: -10px;}
.info_wrap > dl > dd .gray_list li{margin-top: 10px; line-height: 22px; font-size: 15px; letter-spacing: -0px;}
.tbl_list{ border-bottom: 1px solid #efefef;}
.tbl_list tr:first-child th{height: 62.5px; font-size: 14px; border-bottom: 1px solid #ccc;}
.tbl_list td{font-size: 14px; height: 65px;}
.info_wrap > dl > dd .btn_line.style02{margin-top: 35px; font-size: 15px; border-bottom: 2px solid #000;}
.info_wrap > dl > dd .round{ line-height: 21px; padding: 20px 28px; margin-bottom: 25px;}
.info_wrap > dl > dd .caution_area{color: #970119;}
.info_wrap > dl > dd .caution_area .title{font-size: 14px;}
.info_wrap > dl > dd .caution_area .gray_list{padding-left: 10px; margin-top: 8px; }
.info_wrap > dl > dd .gray_list li::before{width: 1px; height: 1px; top: 12px;}
.info_wrap > dl > dd .caution_area li{font-size: 13px; line-height: 20px; color: #970119;}
.info_wrap > dl > dd .title{font-size: 14px;}
.info_wrap > dl > dd .gray_list.listM{margin-top: 2px;}
.info_wrap > dl > dd .gray_list.listM li{font-size: 13px; margin-top: 8px; line-height: 1.4;}
.info_wrap > dl > dd .title{margin-top: 22px; margin-bottom: 1px;}



.detail{margin-top: 40px;}
/* 시설안내 */
.m-view{display: block;}
.pc-view{display: none;}
.pc-img{display: none;}

.topview_area{margin: 35px 0 0;}
.topview_area .m-view{width: 100%;}
.facility_list{margin-top: 40px;}
.facility_list li{width: 100%; margin-bottom: 40px;}
.facility_list li .txt_wrap{padding-top: 22px;}
.facility_list li .tit{font-size: 20px;}
.facility_list li .cont{margin-top: 12px; font-size: 16px; line-height: 20px;}
.facility_list li .txt_wrap{height: auto;min-height: auto;}
.facility_list.type02 li .txt_wrap{min-height: auto;}
.facility_list .link_btn{width: fit-content; height: 34px; line-height: 32px; font-size: 12px; margin-top: 12px; padding: 0 10px;}
.facility_list .link_btn2{width: fit-content; height: 34px; line-height: 32px; font-size: 12px; margin-top: 12px; padding: 0 10px;}

.guide_txt_box{margin-top: 33px;}
.guide_txt_box .tit{font-size: 24px;font-weight: 600;}
.guide_txt_box .txt{font-size: 14px; padding: 21px  0 1px; line-height: 1.28;}

/* 예약 안내 */
.banner_wrap{height: auto; margin-top: 30px;}
.banner_wrap img{width: 100%;}
.info_wrap > dl > dd.style02{padding-top: 0;}
.info_wrap > dl > dd.style02 .title{margin-bottom: 15px; margin-top: 20px;}
.info_wrap > dl > dd.style02 .gray_list.listM{margin-top: -10px;}
.info_wrap > dl.bg04 {background-image: url(../images/sub/info_wrapM_bg1.png), url(../images/sub/info_wrapM_bg2.png); background-position: right 0 top 23px, right 0 bottom 0 ; background-size: 86px 100px, 102px 95px;}
.info_wrap > dl.bg05{background-image: url(../images/sub/reservationM_bg03.png);background-size: 115px 90px; border-bottom: 0; margin-bottom: -90px; padding-bottom: 70px;}

/* 오시는 길 */
.tour_05 .map_wrap{margin: 0 -20px;}
.tour_05 .map_wrap .map_api{height: 300px; width: 100%;}
.tour_05 .map_wrap .contact{height: 200px; padding: 20px; width: 100%;}
.tour_05 .map_wrap .contact .title{font-size: 23px; padding-bottom: 0;}
.tour_05 .map_wrap .contact .tit{margin-top: 16px;}

.info_wrap.type-320{display: block;}
.info_wrap.type-320 > dl > dt{width: 100%;}
.info_wrap.type-320 > dl > dd{width: 100%;}
.info_wrap > dl > dd .bus_box li .txt{padding: 0;}
.info_wrap > dl > dd .bus_box li .btm_txt{padding: 0; padding-top: 20px;}
.info_wrap.type-320 > dl:last-child{border-bottom: 0;}
.tour_05 .map_wrap .contact{background-size: 124px 102px; height: auto;}
.tour_05 .map_wrap .contact a{display: none;}

.info_wrap .caution_box{margin-top: -5px;}
.info_wrap .caution_box span{position: absolute; top: 0; left: 0;}
.info_wrap .caution_box li{line-height: 20px; margin-bottom: 28px; position: relative;  padding-left: 17px; margin-bottom: 24px; font-size: 15px;}
.info_wrap .caution_box li:last-child{margin-bottom: 0;}

.info_wrap .title .em_red{font-size: 20px;}
.info_wrap .parking_box li{position: relative; margin-bottom: 17px;}
.info_wrap .parking_box .tit{line-height: 0.8;}
.info_wrap .parking_box .txt{margin-left: 0; margin-top: -5px; display: block; line-height: 20px;}


.parking-img img{width: 100%;}
.info_wrap dl .dt_style02{font-size: 21px;}
.table_box.m-view{border-top: 1px solid #000; margin-top: 35px;}
.table_box.m-view thead th{border-right: 0; border-top: 0;  font-size: 14px;}
.table_box.m-view thead th:first-child{border-right: 1px solid #ccc;}
.table_box.m-view th{border-right: 1px solid #ccc; border-left: 0;  font-size: 14px; height: 62px;}
.table_box.m-view td{border-left: 0;  font-size: 14px; height: 65px; padding: 15px 14px;}

.info_wrap > dl{padding-top: 40px; display: block; border-top: 1px solid #efefef;}
.info_wrap > dl.bg01{background-image: url(../images/sub/info_wrapM_bg1.png); background-position: right 0 top 23px; background-size: 86px 100px;}
.info_wrap > dl.bg01 {padding-top: 28px;}
.info_wrap > dl.bg02{background-image: none;}
.info_wrap > dl.bg03{background-image: url(../images/sub/info_wrapM_bg3.png); background-position: left 0 bottom 0; background-size: 117px 129px; padding-bottom: 100px;}
.info_wrap > dl.bg06{background-image: url(../images/sub/info_wrapM_bg2.png); background-position: right 0 bottom 0 ; background-size: 102px 95px;}
.info_wrap > dl > dt{width: 100%; font-size: 19px; background-size: 13px 13px; padding-left: 18px; background-position: 0 3px; line-height: 1.2; letter-spacing: -0.5px;}
.info_wrap > dl > dd{width: 100%;  padding-top: 25px;}
.info_wrap > dl > dd .btn_line{font-size: 13.5px; padding: 0 7.5px 2px; border-bottom: 2px solid #3f0b9f; margin-bottom: 20px; margin-top: 0; height: 25px; letter-spacing: 0.2px;}
.info_wrap > dl > dd .gray_list{margin-top: -10px;}
.info_wrap > dl > dd .gray_list li{margin-top: 5px; line-height: 22px; font-size: 15px; letter-spacing: -0px;}
.info_wrap > dl > dd .gray_txt{font-size: 15px; line-height: 1.4;  letter-spacing: -0.6px;padding-top: 6px; }

.info_wrap .subway_box .txt{padding-left: 0;}
.info_wrap .subway_box .btm_txt{padding-left: 0;}
.info_wrap .subway_txt{padding-left: 15px;padding-top: 10px;}
}

@media all and (max-width:450px){

}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}