@charset "utf-8";

/*16.02.16 손윤하 전체 수정*/
#container #contentWrap .content_body fieldset {display: flex; align-items:center; gap: .2rem; justify-content: right;}
#container #contentWrap .content_body fieldset .blind {display:none}
#container #contentWrap .content_body .textbox {border:1px solid #ccc; padding: 0.6rem; font-size:0.9rem; background-color:#fff}
#container #contentWrap .content_body fieldset select {height:2.3rem; border:1px solid #ccc; font-size:0.9rem; padding:0.3rem;}
#container #contentWrap .content_body fieldset button {background-color: #191919; padding: 1.2rem 1rem !important; font-size: 0.95rem; line-height: 0rem; border: 0; display:block; }
#container #contentWrap .content_body fieldset button:hover {text-decoration:underline;}
.nodata {opacity: .7; text-align:center; line-height:15rem;}

/* 글 등록시 등록중입니다 이미지레이어 */
.mw {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('/ease_src/img/bg.png') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000;}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;margin:-100px 0 0 -200px;padding:20px;border:1px solid #ccc;background:#fff;z-index:11000;}
.mw .fg .loding {display:block; text-align:center}
/* //글 등록시 등록중입니다 이미지레이어 */


/*button 버튼 스타일은 css/basic.css*/
.BtnArea{text-align:right; height:33px; margin-bottom:5px}
.BtnArea button, button {cursor:pointer; font-family: 'NBG','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은고딕'; font-size:13px; }
.mt-33 {margin-top:-33px}

/* total */
.page_info {float:left; height:16px; margin-bottom:10px; color:#333; }
.page_info strong {color:#fd6800; }

/* 검색 */
.Search {float:right; margin:0 0 7px 0}

/*icon_rss*/
.icon_rss {position:absolute; right:0}

/*고객문의 처리 현황*/
.processArea {display:inline-block; position:relative; top:-45px}
.processArea .item{display:block; margin:0 5px 0 1px; overflow:hidden;  padding:5px 0;}
.processArea .item select {height:33px}
.processArea .item dt{display:inline-block; font-size:14px; font-weight:bold}
.processArea .item dd{display:inline-block; font-size:14px}

/* table style*/
table caption {display:none;}

/*Board List*/
.tstyle_list {clear:both;width:100%; border-top:solid 1px #919191; line-height:1.6; margin-bottom:10px; border-spacing:0; }
.tstyle_list thead th, .tstyle_list td {word-break:keep-all; border-bottom:1px solid #dcd9d9; text-align:center;  padding:8px;  }
.tstyle_list thead th {color:#000; font-weight:normal; background:#fafafa; border-left:1px solid #dcd9d9; border-bottom:1px solid #919191;}
.tstyle_list thead th:first-child {border-left:0; }
.tstyle_list tbody th {color:#333; font-weight:normal; background:#fafafa; border-bottom:1px solid #dcd9d9;border-left:1px solid #dcd9d9;}
.tstyle_list tbody th:first-child {border-left:0;s}
.tstyle_list td {border-left:1px solid #dcd9d9; }
.tstyle_list td.txt_left {text-align:left}
.tstyle_list td.subject{text-align:left}
.tstyle_list td.subject img{vertical-align:middle}
.tstyle_list td:first-child {border-left:0;}
.tstyle_list td.no_data{text-align: center; padding: 30px;}
.category_mob{display:none; color:black;}
.apply-program .tstyle_list .lib span {border-radius:100px; margin-right:0}

table.type_1 {border-collapse:separate; width:100%; font-size:13px; border-top:1px solid #c0c0c0; line-height:1.6; margin-bottom:10px;  border-spacing:0; }   
table.type_1 thead th {font-weight:normal; background:#fafafa; border-left:1px solid #dcd9d9; border-bottom:1px solid #c0c0c0; padding:8px 4px; color:#000; text-align:center; }
table.type_1 tbody th {font-weight:normal; background:#fafafa; border-left:1px solid #dcd9d9; border-bottom:1px solid #dcd9d9; padding:8px 4px; color:#333; text-align:center; }
table.type_1 tbody td {border-left:1px solid #dcd9d9; border-bottom:1px solid #dcd9d9; padding:8px 4px; text-align:center;  color:#333;}
table.type_1 tr:hover { background-color: #F7F7F7; }
table.type_1 td.txt_left {text-align:left}
table.type_1 td.subject{text-align:left}
table.type_1 td.subject img{vertical-align:middle}
table.type_1 td.no_data{text-align: center; padding: 30px;}
td.t_title {font-size:1rem; font-weight:bold; color:#000 !important}
td.t_title a {font-size:1rem; font-weight:bold; color:#000 !important}


/*Board View*/
.tstyle_view {width:100%; border-collapse:collapse; letter-spacing:0; border-top:1px solid #919191; margin-bottom:30px; position:relative}
.tstyle_view thead th {border-bottom:1px solid #919191; color:#333; background:#f2f2f2; border-left:0;}
.tstyle_view th, .tstyle_view td {padding:10px 16px; border-bottom:1px solid #e2e3e6; word-break:break-all; border-left:1px solid #eaeaea;}
.tstyle_view tbody th, .tstyle_write tbody th {color:#000;background:#fcfcfc; font-weight:normal}
.tstyle_view tbody tr th:first-child, .tstyle_write tbody tr th:first-child {border-left:0; }
.tstyle_view .title {font-size:16px; font-weight:normal; text-align:center; margin:0 }
.tstyle_view .title img{vertical-align:middle}
.tstyle_view .tb_contents {word-wrap: break-word; padding:20px; border-left:0;}
.tstyle_view .tb_contents img{max-width:100%}
.tstyle_view tbody tr.add_file {border-top:1px solid #e2e3e6}

/*Board 이전글, 다음글*/
.list_board {border-top:1px solid #919191; border-bottom:1px solid #919191; margin-bottom:20px; }
.list_board li {border-top:1px solid #e2e3e6; padding:7px; }
.list_board li a:hover {text-decoration:underline; }
.list_board li:first-child {border:0; }
.list_board li:first-child span {background-position:-73px 5px}
.list_board li span {color:#333; font-weight:normal; padding:0 15px 0 20px; display:inline-block; background:url(/upload/skin/board/basic/ico_group.png) no-repeat -73px -7px; width:40px; height:18px; }

/*Board Write*/
.tstyle_write {width:100%; border-collapse:collapse; letter-spacing:0; border-top:1px solid #919191; margin-bottom:30px; position:relative}
.tstyle_write th, .tstyle_write td {padding:10px 10px; border-bottom:1px solid #e2e3e6; word-break:keep-all; border-left:1px solid #eaeaea;}
.tstyle_write .tb_contents {border-left:0; padding:8px 0; }
.tstyle_write .tb_contents .content {width:99%}
.tstyle_write .th_add span {font-weight:normal; font-size:11px; color:#777; letter-spacing:-1px; }
.tstyle_write .add_file th {background-color:#fff; }
.tstyle_write .add_file td {background:url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left:0; }
.tstyle_write .add_file th span {font-size:11px; font-weight:normal; color:#717171;}
.tstyle_write tr.file_info td {border-left:none; font-size:11px; font-weight:normal; color:#717171;}
.tstyle_write tr.file_info th, .tstyle_write tr.file_info td {background:#FCFCFC; padding:3px 0 3px 70px}
.tstyle_write .title_summary {text-align:center; background-image:none; }
.tstyle_write tbody td:first-child {border-left:0; }

/* search area */
.search_form {background:#f7f7f7; border-top:1px solid #7b7b7b; border-bottom:1px solid #c1c1c1; padding:20px 25px; margin-bottom:30px; }
.search_form input[type="text"] {width:340px; height:15px; padding:5px; }
.search_form02 {float:right; margin-bottom:12px; }
.search_form02 input[type="text"] {width:120px; height:14px; padding:5px; }
.select_form {background:#f7f7f7; border-top:1px solid #7b7b7b; border-bottom:1px solid #c1c1c1; padding:9px 22px 12px; margin-bottom:30px; }
.select_form p.txt_point01 {margin-bottom:5px; }
.select_form select {min-width:30%; vertical-align:middle; }
.srch_date {padding:11px 20px; margin-bottom:32px; }
.srch_date input[type="text"] {width:100px; }
.srch_date span {display:inline-block; padding:6px 0; }
.srch_date span.line {background:url(/upload/skin/board/basic/line_bar02.png) no-repeat right top; height:28px; padding-right:20px; margin-right:20px; }

/* cs area */
.cs_area {background:url(/upload/skin/board/basic/bg_cs.gif) no-repeat 0 0; height:58px; padding:11px 30px 15px 16px; }
.cs_area h1 {display:inline;  }
.cs_area .txt_cs {display:inline; color:#777; font-size:0.95em; }
.cs_area .txt_cs span {display:inline-block; color:#d1d1d3;  width:20px; text-align:center;}
.cs_area .cs_input { padding:16px 0 13px 0; }
.cs_area .cs_input li {float:left; padding-right:10px; }
.cs_area ul {margin-right:15px; }
.cs_area .btn_ok {float:left; }
.cs_area .btn_ok a {display:inline-block; padding:3px 12px; background:#5a5a5a; color:#fff; font-size:0.95em; letter-spacing:0;}

/* file list */
.attach_file li {padding-left: 17px; background: url(/upload/skin/board/basic/ico_group.png) no-repeat -6px -126px;	}

/*faq 리스트*/
.listFaq {margin:10px 0 0 0; }
.listFaq ul li {margin-bottom:3px;  display:block; clear:both; overflow:hidden; content:""}
.listFaq ul li .question {display:block; height:40px; padding:0 17px; border:1px solid #e6e6e6; background:#fbfbfb;}
.listFaq ul li .question .category img {margin:3px 5px 0 0 ; }
.listFaq ul li .question .category, .listFaq ul li .question .title {padding-top:7px; float:left; margin-right:5px}
.listFaq ul li .answer { border:1px solid #e6e6e6; border-top:none; padding:10px 15px 10px 48px; position:relative; }
.listFaq ul li .answer img.icon { position:absolute; top:-4px; left:17px}
.listFaq ul li .answer .a_Text { line-height:22px}

/*faq 글쓰기*/
.BoardWrite_Wrap {width:100%; margin-bottom:20px;  border-top: 1px solid #919191;}
.BoardWrite_Wrap .group {clear:both; overflow:hidden; border-bottom: 1px solid #E2E3E6; background:url('/upload/skin/corporation/basic/tt_bg.gif') repeat-y -40px top; position:relative}
.BoardWrite_Wrap .group .tt {width:150px;  color: #333333;padding: 10px 5px; word-break: keep-all; font-weight:normal; display:block; position:absolute; left:0; text-align:center}
.BoardWrite_Wrap .group .con {min-height:20px; border-left: 1px solid #E2E3E6; margin-left:160px;  padding: 10px 5px}
.BoardWrite_Wrap .group .con .field2 {width:99%; padding:3px 0}
.BoardWrite_Wrap .group .content {width:98%; margin:10px 0}
.BoardWrite_Wrap .group_bg {background:none}

/*programNav*/
/*programNav*/
#content .board_pager {margin-top:2rem;}
#content .board_pager .inner {display:table; margin:0 auto;text-align:center}
#content .board_pager a {border:1px solid #ddd; color:#999; display: inline-block; font-size:14px; text-align:center; padding:9px 0 7px; width:32px; margin:4px 2px; border-radius: 0.3rem}
#content .board_pager a.pageNow {color:var(--tm-blue); border:1px solid var(--tm-blue); font-weight:bold}
#content .board_pager a img {vertical-align:middle; }
#content .board_pager .group .pageLast {display:none;}

/* 달력형 */
.calendar {position:relative; top:-20px;}
.calendar h1 {background:url(/upload/skin/board/basic/bg_calendar_line.jpg) repeat-x left bottom; height:80px; text-align:center; color:#fd6800; line-height:1em; font:normal 32px Verdana, Geneva, sans-serif; letter-spacing:-0.05em; }
.calendar .tb_calendar {width:100%; border-collapse:separate; border-spacing:2px; font:normal 21px Verdana, Geneva, sans-serif; }
.calendar .btn_pre_month {position:absolute; top:8px; left:50px; }
.calendar .btn_next_month {position:absolute; top:8px; right:50px; }
.calendar .tb_calendar th {font-weight:normal; color:#183e89; text-align:center; height:80px;}
.calendar .tb_calendar th:first-child {color:#f35050; }
.calendar .tb_calendar td { width:80px; height:80px; text-align:center; color:#c6c8c9;}
.calendar .tb_calendar td.bg {background:url(/upload/skin/board/basic/bg_calendar_td.jpg) repeat 0 0; color:#777;}
.calendar .tb_calendar td.on {color:#fff; background:#565656; border-top:3px solid #fd6800; height:77px; }
.calendar .tb_calendar td.on a {color:#fff;  display:block; text-decoration:none; height:77px; line-height:77px; }
.calendar .tb_calendar  .month_day {position:relative; padding:27px 5px 5px 5px; .padding-top:10px; font-size:11px; }
.calendar .tb_calendar td .month_day span {font-size:12px; display:block; font-weight:normal; position:absolute; top:10px; left:10px; vertical-align:top; height:13px; color:#777;}
.calendar .tb_calendar td .month_day li a {display:inline-block; color:#54575a; letter-spacing:-1px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; width:90px; }

/* comment */
div.boardCommentWrap{margin-top:25px;}
div.boardCommentWrap h5{height:25px; font-size:12px; position:relative;}
div.boardCommentWrap .text_info{padding-left:10px; font-weight:normal; font-size:11px;}
div.boardCommentWrap .txtNum {position:absolute; top:0; right:0;}
div.boardComment{position:relative; padding:15px 0; padding-top:10px; background:url('/upload/skin/board/basic/btn_register.gif') 0 bottom no-repeat;}
div.boardComment form.write fieldset{width:100%; padding:0}
div.boardComment form.write div.memo{position:relative; border:1px solid #ccc; background:#F9F9F9; padding:15px;}
div.boardComment form.write div.memo textarea{width:86%; height:46px;clear:both; border:1px solid #ccc}
div.boardComment form.write div.memo button{position:relative; top:3px}
div.boardComment form.write .ok{ border:0; padding:18px 14px; width:80px; text-align:center; background:url('/upload/skin/board/basic/btn_register.gif') no-repeat; font-weight:normal; color:#666; text-decoration:none;}
div.boardComment div.commentList{margin:15px 0 0 0; border-bottom:1px solid #ccc;}
div.boardComment div.commentList ul{margin:10px 10px 0;}
div.boardComment div.commentList ul li{position:relative; padding:10px 0; border-top:1px dotted #dadada; line-height:18px;}
div.boardComment div.commentList ul li span.memo{display:block; margin:0 160px 0 0; line-height:18px; background:url(/upload/skin/board/basic/icon_re.gif) no-repeat left 2px; padding-left:15px;}
div.boardComment div.commentList ul li span.writer{display:inline-block; position:absolute; right:0; top:10px; line-height:18px;}
div.boardComment div.commentList ul li.first{border-top:0;  }
div.boardComment div.commentList ul li.re_comment{padding:15px; background:#fafafa;}
div.boardComment div.commentList .btn_img {vertical-align:middle;}
div.boardComment div.commentList .of_reply_icon {margin-top:3px;}

/*수정/삭제 비밀번호입력*/
#questPW {background:url('/upload/skin/board/basic/questPW_bg.gif') no-repeat 20% 30px; clear:both; margin-bottom:20px; overflow:hidden; padding:30px 0}
#questPW .txtBox {padding-left:40%; position:relative}
#questPW .txtBox .title {font-family:'NBG','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은고딕'; color:#666; clear:both; font-size:16px; letter-spacing:-1px; margin-bottom:25px; line-height:24px}
#questPW .txtBox .pw_div {float:left}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:130px}
#questPW .txtBox .font_red {color:#cc3300; position:relative; top:33px; left:-145px;}
#questPW .txtBox .btnWrap {margin-left:145px}
#questPW .txtBox input {padding:4px 0 3px}

/* 도서검색 책갈피 */
.SearchResult .resultBook ul li dl dd.book .part{position:absolute;top:-3px;left:-3px;}
.SearchResult .resultBook ul li dl dd.book .part img{width:auto;height:auto;border:0}
.SearchResultView dl dd.book .part{position:absolute;top:-3px;left:-3px;}
.SearchResultView dl dd.book .part img{width:auto;border:0}


.location > ul > li.login a {width:90px;height:65px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;background:#5eb665;border:0}
.location > ul > li.logout a {width:90px;height:65px;font-size:14px;color:#fff;font-weight:bold;cursor:pointer;background:#5eb665;border:0}

/* 영화상영 목록 */
.MovieBbsList .bbsTop{position:relative;margin-bottom:10px;}
.MovieBbsList .bbsTop .TopSearBox{position:absolute;top:0;right:0;}
.MovieBbsList .bbsList{padding:10px 0;border:1px solid #ccc;border-width:2px 0}
.MovieBbsList ul::after{display:block;clear:both;content:''}
.MovieBbsList > ul > li{float:left;padding:10px 0;width:50%;}
.MovieBbsList > ul > li:nth-child(1),
.MovieBbsList > ul > li:nth-child(2){border-top:0}
.MovieBbsList ul li dl{position:relative;margin:0 10px;padding:20px;min-height:180px;border:1px solid #ccc}
.MovieBbsList ul li dl dt{margin-bottom:15px;padding-right:100px;font-size:16px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.MovieBbsList ul li dl dd.book{position:absolute;top:55px;left:20px;width:110px;}
.MovieBbsList ul li dl dd.book img{border:1px solid #ccc;  max-height:160px;}
.MovieBbsList ul li dl dd.con{margin-left:130px;}
.MovieBbsList ul li dl dd li{position:relative;margin-bottom:5px; /*padding-left:40px;*/min-height:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.MovieBbsList ul li dl dd li .name{/*position:absolute;top:0;left:0;*/font-weight:800; display:inline-block; margin-right:5px; text-align:justify;}
.MovieBbsList ul li dl dd li .name span {letter-spacing:.41em;}
.MovieBbsList ul li dl dd.btn{position:absolute;top:20px;right:20px}
.MovieBbsList ul li dl dd.btn a{display:inline-block;padding:5px 10px;font-size:13px;color:#fff;line-height:13px;background:#346ec2}

/* 영화상영 상세 */
.MovieBbsView dl{position:relative;margin-bottom:20px;padding:20px 20px 20px 225px;min-height:260px;border:1px solid #ccc}
.MovieBbsView dl dt{margin-bottom:20px;font-size:20px;line-height:24px;font-weight:800}
.MovieBbsView dl dd.book{position:absolute;top:20px;left:20px;width:184px;}
.MovieBbsView dl dd.book img{max-width:175px;border:1px solid #ccc; max-height:260px; }
.MovieBbsView dl dd ul{margin-left:5px}
.MovieBbsView dl dd ul li{position:relative;margin-bottom:5px;padding-left:50px;min-height:20px}
.MovieBbsView dl dd ul li .name{position:absolute;top:0;left:0;font-weight:bold}
.MovieBbsView dl dd ul li .name span {letter-spacing:.41em;}
.MovieBbsView .con{margin-bottom:20px;padding:0 10px 20px;border-bottom:1px solid #ccc}

/* 독서문화 역대행사 */
.allEvent .content{position:relative; display:flex; width:100%; height:100%; border:2px solid #e8eaf1; padding:6rem;  border-radius:2rem; overflow:hidden}
.allEvent .content .img{width:53rem; height:69rem; border-radius:1rem; margin-right:4%; border-radius:1rem; overflow:hidden; position:relative}
.allEvent .content .img img{display:block; min-width:100%; min-height:100%; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.allEvent .content .info{width:calc(100% - 53rem)}
.allEvent .content .info .title{font-size:3.4rem; color:#333; font-weight:700 !important; display:block; line-height:1.4; padding-bottom:4rem; margin-top:6rem; border-bottom:1px dashed #e8e8e8}
.allEvent .content .info .list {margin-bottom:6rem}
.allEvent .content .info .list li{padding:2rem 1rem; font-size:2rem; display:flex; line-height:1.2; border-bottom:1px dashed #e8e8e8}
.allEvent .content .info .list li strong{display:block; font-weight:700 !important; min-width:7rem; margin-right:4rem}
.allEvent .content .info .list .reflatFile strong{ display:none}
.allEvent .content .info .list li:nth-last-of-type(1){border-bottom:none}
.allEvent .content::after{display:block; content:''; width:50.2rem; height:66rem; position:absolute; right:-9rem; bottom:-15rem; background:url('/bookfestival/img/content/eventBg.png')no-repeat 0 0; background-size:cover; z-index:-1}

.allEvent .photo .slick-slide .img{position:relative; padding-top:83%;  border-radius:2rem; overflow:hidden}
.allEvent .photo .slick-slide .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover; min-width:100%; min-height:100%}
	
.allEvent .photo .slider-for .slick-list{font-size:0; width:calc(100% + 6rem); margin-bottom:6rem; padding:0 !important}
.allEvent .photo .slider-for .slick-slide{width:calc(50% - 6rem); margin-right:6rem}
.allEvent .photo .slider-nav{width:calc(100% - 31rem); margin:0 auto; padding:0 !important}
.allEvent .photo .slider-nav .slick-list {width:calc(100% + 3rem); padding:0 !important }
.allEvent .photo .slider-nav .slick-slide{margin-right:3rem}
.allEvent .photo .slider-nav .slick-slide .img{background-color:#000; padding-top:100%}

.allEvent .photo .slick-arrow{width:5rem; height:5rem; line-height:5rem; background-color:#fff; border-radius:100%; border:1px solid #ccc; overflow:hidden; top:50%; transform:translateY(-50%); z-index:1; opacity:0.8; transition:all 0.3s}
.allEvent .photo .prev:before , .allEvent .photo .next:before {color:#000; font-size:2rem; text-align:center; line-height:inherit}
.allEvent .photo .prev:before{content:''}
.allEvent .photo .next:before{content:''}
.allEvent .photo .prev {left:-2.5rem}
.allEvent .photo .next {right:-2.5rem}

@media(hover:hover) {
	.allEvent .photo .slick-arrow:hover{opacity:1}
}

@media (max-width: 1280px){
	
	.allEvent .content{padding:4rem}
	.allEvent .content .info .list li{font-size:1.8rem}
	
}

@media (max-width: 1040px){
	.allEvent .content{padding:2rem}
	.allEvent .content .info .list li strong{margin-right:2rem}
	
	/*역대행사 상세*/
	.allEvent .photo .slider-for .slick-list{width:calc(100% + 3rem)}
	.allEvent .photo .slider-for .slick-slide{width:calc(50% - 3rem); margin-right:3rem}
	
}
@media (max-width:920px){
	.allEvent .content{flex-direction:column}
	.allEvent .content .img{width:100%; height:auto; padding-top:100%}
	.allEvent .content .info{width:100%}
	.allEvent .content .info .title{font-size:3rem; padding-bottom:3rem; margin-top:3rem; text-align:center}
	.allEvent .content .info .list{margin-bottom:0}
	.allEvent .content .reflatFile p{width:100%; text-align:center}
	.allEvent .content .reflatFile .button{width:100%}
}

@media all and (max-width:768px){
	.appt_top {display:table; width:100%; margin-bottom:25px !important; border:1px solid #ddd; box-sizing:border-box; background:#f7f7f7; padding:1rem; text-align:center !important}
	.appt_top select {background-color:#fff; display:inline-block; width:15%; vertical-align:middle}
	.appt_top input {display:inline-block; width:50%; vertical-align:middle}
	.appt_top button {display:inline-block; width:15%; vertical-align:middle}
	
	.tstyle_list {display:block}
	.tstyle_list thead {display:none}
	.tstyle_list tbody {display:block}
	.tstyle_list tr {border-bottom:1px solid #dcd9d9; box-sizing:border-box; display:block; padding:10px; width:100%}
	.tstyle_list td {border:none; display:block; padding:0; position:relative; /* padding-left:120px; */ text-align:left}
	.tstyle_list td:first-child {display:none; }
	.tstyle_list tr.pd0 td {padding-left:0;}
	.tstyle_list tr.pd0 td:first-child {display:none !important;}
	.tstyle_list td:last-child, .tstyle_list td.td-btn {padding-left:0; margin-top:5px}
	.tstyle_list td.td-btn {display:inline-block}
	.tstyle_list td br {display:none}
	.tstyle_list td::before {font-size:16px; color:#666; content:attr(aria-label); display:inline-block; width:90px; }
	.tstyle_list td.title {color:#000; display:block; font-weight:bold; margin:5px 0 10px 0; padding-left:0}
	.tstyle_list td.title a {color:#000; display:block; font-weight:bold}
	.tstyle_list td.year {display:none}
	.tstyle_list td[aria-label="강좌명"]:before,
	.tstyle_list td[aria-label="상태"]:before {display:none}
	.tstyle_list td[aria-label="대상"]:before {content:'· 대상'}
	.tstyle_list td[aria-label="운영기간"]:before {content:'· 운영기간'}
	.tstyle_list td[aria-label="인터넷접수"]:before {content:'· 인터넷접수'}
	.tstyle_list td[aria-label="신청/정원 (대기)"]:before {content:'· 신청/정원(대기)'}
	.tstyle_list td[aria-label="신청일시"]:before {content:'· 신청일시'}
	.tstyle_list td[aria-label="현황"]:before {content:'· 상태'}
	
	.tstyle_write tbody tr th {box-sizing:border-box; border-left:0; width:75px; font-size:14px; padding:10px 10px; color:#333; font-weight:600; word-break:break-all}
	.tstyle_write tbody tr td + th {border-left:1px solid #e2e3e6}
	.tstyle_write tbody tr td {box-sizing:border-box; font-size:14px; width:calc(100% - 75px); word-break:break-all} 
	.tstyle_write tbody .tb_contents {box-sizing:border-box; display:block; width:100%}
	.tstyle_write tbody tr.add_file {border-top:0; display:table; table-layout:fixed; width:100%}
	.tstyle_write tbody tr.add_file th,
	.tstyle_write tbody tr.add_file td {display:table-cell}
	
	/*역대행사 목록*/
	.pre-event .item {width:calc(50% - 2rem)}
	
	/*역대행사 상세*/
	.allEvent .photo .slider-for .slick-list{margin-bottom:3rem}
	.allEvent .content::after{transform: scale(0.6);}
	#container #contentWrap .content_body fieldset {flex-wrap:wrap;}
	#container #contentWrap .content_body fieldset > * {display:block; width:100%;}
	.tstyle_list td.txt_left {text-align:center;}
}

/* Mobile Device */
@media all and (max-width:640px){
	/* 일반게시판 모바일UI */
	.icon_rss{top:0}
	.page_info{float:none}

	.tstyle_list tbody td.subject2{display:block;float:left;position:relative;margin:0 0 10px 0;padding:10px 30px 10px 5px;width: 100%;font-size:14px;line-height:18px;box-sizing:border-box;border:0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}
	.tstyle_list tbody td.subject2 a{display:block;text-overflow: ellipsis;overflow:hidden;
		word-wrap: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.category_mob{display: inline-block; color:black;}
	.BtnArea.mt-33{margin-top:10px}
	
	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table{width:700px}
	.mb_scroll::before{position:absolute;top:-4px;left:0;content:'좌우Scroll ▶'}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';z-index:2;}
	
	#content .board_pager .inner {width:266px}
	
	/*역대행사 목록*/
	.pre-event {width:100%}
	.pre-event .item {width:100%}
	
	/*역대행사 상세*/
	.allEvent .photo .slider-nav{width:calc(100% - 4rem)}
}

@media all and (max-width:580px){
	.appt_top select {display:block; width:100%; margin-top:-1px}
	.appt_top input {display:block; width:100%; box-sizing:border-box; margin-top:-1px}
	.appt_top button {display:block; width:100%; margin-top:-1px}
}



.appt_top {}
.w_app {display: inline-block; border-radius: 5px; background: #e50434; color: #fff; font-size: 14px; text-align: center; padding: 11px 15px;}
.w_app:hover {color:#fff; }
.w_tmp{display:inline-block; padding:11px 15px; border-radius:5px; background:#3250a4; color:#fff; font-size:14px; text-align:center}
.w_close{display:inline-block; width:45px; padding:11px 15px; border-radius:5px; background:#333; color:#fff; font-size:14px; text-align:center}
.w_wait{display:inline-block; width:45px; padding:11px 15px; border-radius:5px; background:#099f6c; color:#fff; font-size:14px; text-align:center}
.w_etc{display:inline-block; width:45px; padding:11px 15px; border-radius:5px; background:#3250a4; color:#fff; font-size:14px; text-align:center}
.w_text {font-size:14px; color:#da1649; }
.w_text1 {font-size:14px; color:#084eb0; }
.w_btn{display:inline-block; padding:11px 15px; border-radius:5px; background:#3250a4; color:#fff; font-size:14px; text-align:center}

.hl01 {margin:30px 0 10px !important; padding:1px 0 0 25px !important; font-size:18px;color:#000;line-height:22px;background:url("/jsecc/img/content/h4_dot.png") no-repeat 0 2px;text-align:left !important;font-weight:600;}

.edu-state01 {color:#e44f1b}
.edu-state02 {color:#000}
.edu-state03 {}

/* 수강신청 > Form */
.btn05 {}
.btn05 a {background-color: #111; font-size: 14px; padding: 10px 8px; display: inline-block; vertical-align: text-bottom;}
.join-clause {border: 1px solid #ddd; padding: 2rem; border-radius: 0.5rem; background: #f9f9f9;}
.join-clause table {margin-top:1rem;}
.join-clause table td {background-color:#fff;}
.join-clause h4 {font-size: 1.4rem; margin-bottom: 0.2rem;}
.join-clause p {}
.join-clause em {display:block; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2rem 0;}
.join-agree-wrap {margin-top:1rem;}
.join-agree-wrap div {font-size:1.1rem;}