@charset "utf-8"; 

/* 요소 */
.tip {text-align:right; margin-bottom:10px}
.tip .must {margin-right:5px; margin-left:0}
.must {display:inline-block; color:#ababab; vertical-align:middle; font-size:18px; margin-left:8px; font-family:'Noto'; height:16px; line-height:22px}
.must.on {color:#f00}
.thnone {border-top:none !important}
.thnone tbody {border-top:1px solid #222}
.tr_point th, .tr_point td {background:#f2f8ff}
.point {font-size:1.35em; text-align:center; word-break:keep-all}
.point span {color:#184997}
.noimg {background:#f0f0f0 url('../img/board/no_img.png') no-repeat 50%; background-size:150px; width:100%; height:100%}

/* ico */
.ico {display:inline-block; width:16px; height:16px; background-size:16px; background-position:50%; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px}

/* ico 게시판 */
.ico.user {background-image:url('../img/board/ico_user.png')}
.ico.date {background-image:url('../img/board/ico_date.png'); background-position:50% -1px}
.ico.view {background-image:url('../img/board/ico_view.png')}
.ico.file {background-image:url('../img/board/ico_file.png')}
.ico.down {background-image:url('../img/board/ico_down.png')}
.ico.reply {background-image:url('../img/board/ico_reply.png')}
.ico.pdf {width:19px; height:19px; background:url('../img/board/ico_pdf.png') no-repeat 50%; background-size:19px; margin:-2px 2px 0 2px}

/* ico 달력 */
.ico.c_date {background-image:url('../img/board/ico_c_date.png'); background-position:50% -1px}
.ico.c_txt {background-image:url('../img/board/ico_c_txt.png')}
.ico.c_loca {background-image:url('../img/board/ico_c_loca.png')}
.ico.c_time {background-image:url('../img/board/ico_c_time.png')}

/* 목록 */
/* board_list 목록 */
.board_list {margin-top:5px; font-size:1.25em; border-top:1px solid #333}
.board_list thead th {padding:15px 10px; border-right:1px solid #dedede; border-bottom:1px solid #333; text-align:center; color:#333; background:#f7f7f7}
.board_list thead th:last-child {border-right:none}
.board_list tbody td {padding:12px 10px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center}
.board_list tbody td:last-child {border-right:none}
.board_list tbody .title {text-align:left}
.board_list tbody .title a {color:#222; display:inline-block; max-width:93%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; vertical-align:middle}
.board_list tbody .nolist {text-align:center}
.board_list tbody .homepage a {display:block; text-indent:-9999px; width:24px; height:24px; border:1px solid #565656; color:#565656; margin:0 auto; background:url('/groups/365edu/images/sub/ico_homepage.png') no-repeat 50%; background-size:14px}
.board_list tbody .ico_bg {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; border-radius:3px; font-size:12px}
.board_list tbody .ico_bg_on {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; border-radius:4px; font-size:13px}
.board_list tbody .ico_new {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#f00; color:#fff; border-radius:4px; font-size:12px}
.board_list tbody .title .ico_bg {display:none}
.board_list .ico.user, .board_list .ico.date, .board_list .ico.view {display:none}
 @media all and (max-width:800px) {
	.board_list colgroup {display:none}
	.board_list thead th {display:none}
	.board_list tbody tr:first-child {border-top:1px solid #333}
	.board_list tbody tr {display:block; padding:8px 10px; text-align:left; border-bottom:1px solid #dedede}
	.board_list tbody td {display:inline-block; padding:3px 0; border:none; margin-right:8px}
	.board_list tbody .title {display:block; padding-right:0; margin-right:0; text-align:left !important}
	.board_list tbody .title::after {display:none}
	.board_list tbody .nolist {display:block; padding-right:0; margin-right:0}
	.board_list tbody .number {display:none}
	.board_list tbody .status {display:none}	
	.board_list tbody .title .ico_bg {display:inline-block}
	.board_list .ico.user, .board_list .ico.date, .board_list .ico.view {display:inline-block}
} 

/* photo_list 갤러리 */
.photo_list {overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #dedede; font-size:1.25em}
.photo_list {overflow:hidden; padding:20px 0}
.photo_list ul li {float:left; width:33.3%; padding:10px}
.photo_list ul li a {background:#efefef; display:block; text-align:center; width:100%; height:220px; overflow:hidden; position:relative}
.photo_list ul li img {height:100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s}
.photo_list ul li a:hover img {transform:scale(1.1)}
.photo_list ul li .noimg {height:220px}
.photo_list ul li .con {opacity:0; text-align:center; background:rgba(0, 0, 0, 0.5); color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; padding:70px 25px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s}
.photo_list ul li a:hover .con {opacity:1}
.photo_list ul li .con .line {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5}
.photo_list ul li .con .line span {opacity:0; display:inline-block; background:#fff; position:absolute; transition:all 0.45s; -webkit-transition:all 0.45s; -moz-transition:all 0.45s; -ms-transition:all 0.45s; -o-transition:all 0.45s}
.photo_list ul li a:hover .con .line span {opacity:1}
.photo_list ul li .con .line .line01 {top:3%; left:3%; width:0; height:1px}
.photo_list ul li a:hover .con .line .line01 {width:94%}
.photo_list ul li .con .line .line02 {top:3%; right:3%; width:1px; height:0}
.photo_list ul li a:hover .con .line .line02 {height:94%}
.photo_list ul li .con .line .line03 {bottom:3%; right:3%; width:0; height:1px}
.photo_list ul li a:hover .con .line .line03 {width:94%}
.photo_list ul li .con .line .line04 {bottom:3%; left:3%; width:1px; height:0}
.photo_list ul li a:hover .con .line .line04 {height:94%}
.photo_list ul li .con .tit {overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; height:48px; line-height:24px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.photo_list ul li .con .txt {font-size:0.95em}
.photo_list ul li .con .plus {display:block; width:22px; height:22px; margin:0 auto; background:url('../img/board/ico_plus.png'); background-size:22px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s}
.photo_list ul li a:hover .con .plus {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg)}
.photo_list ul li.nolist {float:none; width:100%; padding:40px 0; text-align:center}
@media all and (max-width:800px) {
	.photo_list ul li {width:50%}
}
@media all and (max-width:480px) {
	.photo_list ul li {width:100%}
}

/* press_list 보도형 */
.press_list {overflow:hidden; border-top:1px solid #333; font-size:1.25em}
.press_list .item {overflow:hidden; position:relative; padding:15px; border-bottom:1px solid #dedede}
.press_list .item a {display:block; width:100%; height:100%}
.press_list .item .thumb {float:left; width:25%; height:170px; text-align:center; margin-right:25px; background:#efefef; overflow:hidden}
.press_list .item .thumb img {height:170px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s}
.press_list .item a:hover .thumb img {transform:scale(1.1)}
.press_list .item .right {float:left; width:calc(100% - 25% - 25px)}
.press_list .item .right h4 {display:block; margin:10px 0; padding:0 0 10px 0; font-size:1.25em; line-height:1.4; border-bottom:1px dashed #dedede; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis}
.press_list .item .right h4::before, .press_list .item .right h4::after {display:none}
.press_list .item a:hover .right h4 {text-decoration:underline}
.press_list .item .text {margin-bottom:20px; overflow:hidden; height:66px; line-height:22px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:1em}
.press_list .item .info {overflow:hidden}
.press_list .item .info li {display:inline-block; margin-right:8px}
.press_list .item .info strong {display:inline-block}
@media all and (max-width:800px) {
	.press_list .item .thumb {width:30%}
	.press_list .item .right {width:calc(100% - 30% - 25px)}
}
@media all and (max-width:640px) {
	.press_list .item .thumb {float:none; width:100%; text-align:center; margin-right:0}
	.press_list .item .right {width:100%}
}

/* faq_box FAQ형 */
.faq_box {overflow:hidden; border-top:1px solid #333}
.faq_list {position:relative; border-bottom:solid 1px #dedede}
.faq_list .open {cursor:pointer; display:block; padding:0}
.faq_list .open h4::before {display:none}
.faq_list .faq_ico {position:absolute; top:15px; left:15px; display:block; width:35px; height:35px; line-height:32px; text-align:center; font-size:18px; border-radius:50%}
.faq_list .question {position:relative; padding:20px 40px 20px 60px; font-size:1.6em; margin-bottom:0; background: none;}
.faq_list .question::before {display:none}
.faq_list .question .faq_ico {background:#bbb; color:#fff}
.faq_list.expanded .question .faq_ico {background:#ff8000}
.faq_list .answer {display:none; padding:20px 40px 20px 60px; background:#f7f7f7; position:relative; border-top:1px solid #dedede}
.faq_list .answer .faq_ico {background:#fff; color:#ff8000; border:2px solid #ff8000; line-height:30px}
.faq_list .answer table {background:#fff}
.faq_list.expanded {transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out}
@media all and (max-width:640px) {
	.faq_list .question {padding:20px 20px 20px 60px}
	.faq_list .answer {padding:60px 20px 20px 20px}
}

/* brochure_box 브로셔형 */
.brochure_box {overflow:hidden}
.brochure_box .thumb {text-align:center; position:relative; border:1px solid #dedede; width:100%}
.brochure_box .thumb .txt {position:absolute; display:inline-block; font-size:1.25em; color:#fff; background:#029de6; border-radius:20px; width:90px; height:30px; line-height:30px; top:20px; left:50%; margin-left:-45px; z-index:1}
.brochure_box .thumb .tit {position:absolute; font-size:1.7em; color:#222; width:180px; top:55px; left:50%; margin-left:-90px; z-index:1; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff}
.brochure_box .top {position:relative; max-width:1000px; margin:0 auto 40px auto}
.brochure_box .top::after {content:''; display:block; clear:both}
.brochure_box .top .thumb {float:left; margin-right:50px; width:280px; height:360px}
.brochure_box .top .con {float:left; width:calc(100% - 330px)}
.brochure_box .top .con h4 {padding-top:0; font-size:2.8em; margin:20px 0 5px 0}
.brochure_box .top .con h4::before {display:none}
.brochure_box .top .con .sub_tit {display:block; font-size:1.25em; color:#888; font-family:'NanumMyeongjoBold'; margin-bottom:10px}
.brochure_box .top .con .bro_btn {border-radius:0; padding:0 25px; font-size:17px; height:50px; line-height:48px; margin-bottom:30px}
.brochure_box .top .con .bro_btn:hover {background:#005f5a; border:1px solid #005f5a; color:#fff}
.brochure_box .top .con .bro_btn .ico.down {margin-left:15px; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s}
.brochure_box .top .con .bro_btn:hover .ico.down {transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px); -ms-transform:translateY(3px); -o-transform:translateY(3px)}
.brochure_box .top .con .txt_pdf {margin-bottom:0}
.brochure_box .top .con .txt_pdf br {/* display:none */}
.brochure_box .brochure_list {overflow:hidden; border-top:1px solid #333}
.brochure_box .brochure_list li {float:left; width:25%; padding:10px; position:relative}
.brochure_box .brochure_list li a.tit {display:block; position:absolute; bottom:10px; left:10px; width:calc(100% - 20px); height:45px; line-height:45px; background:rgba(0, 0, 0, 0.45); color:#fff; font-size:1.25em; padding:0 20px; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s}
.brochure_box .brochure_list li a.tit:hover {text-decoration:none; background:rgba(0, 95, 90, 0.9)}
.brochure_box .brochure_list li a.tit .ico.down {float:right; margin-top:15px}
.brochure_box.bro_box2 .thumb {height:200px}
.brochure_box.bro_box2 .thumb img {height:100%}
.brochure_box.bro_box3 .thumb {height:360px}
.brochure_box.bro_box3 .thumb img {height:100%}
@media all and (max-width:960px) {
	.brochure_box .brochure_list li {width:33.3%}
}
@media all and (max-width:800px) {
	.brochure_box .top .thumb {margin-right:30px; width:260px; height:340px}
	.brochure_box .top .con {width:calc(100% - 290px)}
	.brochure_box.bro_box2 .top .thumb {height:180px}
}
@media all and (max-width:720px) {
	.brochure_box .brochure_list li {width:50%}
}
@media all and (max-width:640px) {
	.brochure_box .top .thumb {float:none; margin:0 auto 30px auto; height:310px}
	.brochure_box .top .thumb img {height:300px}
	.brochure_box .top .con {float:none; width:100%; text-align:center}
	.brochure_box .top .con p {word-break:keep-all}
	.brochure_box .top .con .txt_pdf br {display:block}
	.brochure_box.bro_box2 .top .thumb {height:180px}
	.brochure_box.bro_box2 .top .thumb img {height:100%}
}
@media all and (max-width:480px) {
	.brochure_box .brochure_list li {width:100%}
	.brochure_box .brochure_list .thumb {height:220px; overflow:hidden}
	.brochure_box .brochure_list .thumb img {position:absolute; top:-45px; left:50%; width:290px; margin-left:-145px}
	.brochure_box.bro_box2 .brochure_list .thumb img {top:0}
	.brochure_box.bro_box3 .brochure_list .thumb img {top:0}
	.brochure_box.bro_box3 .thumb img {height:auto}
}

/* calender 달력형 */
.calender_select {overflow:hidden; margin-bottom:40px; border:2px solid #dedede}
.calender_select .year {padding:20px; text-align:center; border-bottom:1px dashed #dedede}
.calender_select .year a {display:block; font-size:1.3em; margin-top:-3px}
.calender_select .year a i {display:inline-block; width:40px; height:40px; border:1px solid #dedede; border-radius:50%; vertical-align:middle}
.calender_select .year a span {display:inline-block}
.calender_select .year .prev {float:left}
.calender_select .year .prev i {margin-right:10px; background:url('/groups/common/images/board/year_prev.png') no-repeat 50%; background-size:16px}
.calender_select .year .next {float:right}
.calender_select .year .next i {margin-left:10px; background:url('/groups/common/images/board/year_next.png') no-repeat 50%; background-size:16px}
.calender_select .year strong {font-size:2.4em; color:#ff8000}
.calender_select ul {padding:0 10px}
.calender_select ul li {float:left; width:8.33%}
.calender_select ul li a {display:block; text-align:center; padding:20px 5px; color:#333; font-size:1.35em; position:relative}
.calender_select ul li a:hover {text-decoration:none}
.calender_select ul li a.on {color:#ff8000}
.calender_select ul li a.on::after {content:''; display:block; position:absolute; left:50%; bottom:12px; width:36px; height:3px; background:#ff8000; margin-left:-18px}
.calender_select ul.calender_list02 {max-width:600px; margin:0 auto}
.calender_select ul.calender_list02 li {width:50%}
.calender_select ul.calender_list02 li a.on::after {width:110px; margin-left:-55px}
.calender_wrap {overflow:hidden; position:relative; margin-bottom:50px}
.calender_wrap::after {clear:both; content:''; display:block}
.calender_wrap .calender {float:left; width:34%; text-align:center}
.calender_wrap .calender h3 {background:#029de6; color:#fff; font-size:2em; padding:20px 10px; border-radius:10px 10px 0 0; line-height:1}
.calender_wrap .calender h3 span {font-family:'NanumMyeongjoBold'; font-size:15px; color:rgba(255, 255, 255, 0.8)}
.calender_wrap .calender table thead th {padding:15px 10px; text-align:center; color:#333; background:#e4eeff; font-size:1.2em}
.calender_wrap .calender table tbody td {padding:15px 10px; background:#f7f8f9; font-size:1.1em}
.calender_wrap .calender table tbody tr:last-child td:first-child {border-radius:0 0 0 10px}
.calender_wrap .calender table tbody tr:last-child td:last-child {border-radius:0 0 10px 0}
.calender_wrap .calender table tbody span {display:inline-block}
.calender_wrap .calender table tbody .event {position:relative; color:#029de6}
.calender_wrap .calender table tbody .event::after {content:''; display:block; position:absolute; left:50%; bottom:-5px; width:20px; height:2px; background:#029de6; margin-left:-10px}
.calender_wrap .calender table tbody .gray {color:#ccc}
.calender_wrap .list {float:right; width:62%}
.calender_wrap .list ul {overflow:hidden}
.calender_wrap .list ul li {display:table; font-size:1.25em; padding:15px 0; width:100%; border-bottom:1px dashed #dedede}
.calender_wrap .list ul li:first-child {border-top:1px dashed #dedede}
.calender_wrap .list ul li span {display:inline-block; margin:0 0 4px 0; width:100%}
.calender_wrap .list ul li .day_box {display:table-cell; vertical-align:top; width:145px}
.calender_wrap .list ul li .txt_box {display:table-cell; position:relative; padding:0 10px 0 55px}
.calender_wrap .list ul li .txt_box .category {display:inline-block; width:44px; height:44px; line-height:44px; border-radius:50%; font-size:12px; text-align:center; color:#fff; position:absolute; top:0; left:0}
.calender_wrap .list ul li .txt_box .event {padding-left:20px; position:relative}
.calender_wrap .list ul li .txt_box .event .ico.c_txt {position:absolute; top:0; left:0}
.calender_wrap .list ul li .txt_box .loca {display:block}
.calender_wrap .list ul li .txt_box .ico.loca {display:inline-block !important}
.calender_wrap .list ul li .txt_box .cate01 {background:#2d58b6}
.calender_wrap .list ul li .txt_box .cate02 {background:#009B64}
.calender_wrap .list ul li .txt_box .cate03 {background:#6a46e1}
.calender_wrap .list ul li .txt_box .cate04 {background:#f05416}
.calender_wrap .list ul li .txt_box .cate05 {background:#4fb233}
@media all and (max-width:800px) {
	.calender_wrap .calender {width:41%}
	.calender_wrap .list {width:55%}
}
@media all and (max-width:667px) {
	.calender_select ul li {width:16.66%}
	.calender_wrap .calender {float:none; width:100%; margin-bottom:20px}
	.calender_wrap .list {float:none; width:100%}
}
@media all and (max-width:480px) {
	.calender_select .year {padding:20px 10px; position:relative}
	.calender_select .year a i {margin-top:8px}
	.calender_select .year a span {position:absolute; top:6px; font-size:0.85em}
	.calender_select .year .prev span {left:10px}
	.calender_select .year .next span {right:10px}
	.calender_select ul {padding:0}
	.calender_select ul.calender_list02 li a.on::after {width:36px; margin-left:-18px}
	.calender_select ul.calender_list02 li .m_hide {display:none}
	.calender_wrap .list ul li span {width:auto}
	.calender_wrap .list ul li span.date {margin-right:4px}
	.calender_wrap .list ul li .day_box {display:block; margin-bottom:10px; width:100%}
	.calender_wrap .list ul li .txt_box {display:block; padding:0}
	.calender_wrap .list ul li .txt_box .category {top:-32px; left:275px; width:auto; height:20px; line-height:20px; border-radius:2px; padding:0 10px}	
}

/* 조회 */
/* board_view 목록 */
.board_view {overflow:hidden; border-top:1px solid #333; margin-bottom:30px; font-size:1.25em}
.board_view .view_title {padding:20px 10px 12px 10px; border-bottom:1px solid #dedede}
.board_view .view_title h4 {margin-bottom:10px; line-height:1.4; font-size:1.6em; padding-top:0}
.board_view .view_title h4::before, .board_view .view_title h4::after {display:none}
.board_view .view_title .view_info::after {display:block; clear:both; content:''}
.board_view .view_title .view_info li {position:relative; display:inline-block; margin:0 8px 5px 0}
.board_view .view_title .view_info li:last-child::after {display:none}
.board_view .view_title .view_info li strong {display:inline-block}
.board_view .view_title .view_info li .ico_bg {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; border-radius:4px; font-size:13px}
.board_view .data_cont {padding:20px 10px; min-height:100px; text-align:left; border-bottom:1px solid #dedede; line-height:1.5}
.board_view .data_cont p {font-size:1em}
.board_view .data_cont table {font-size:15px}

/* board_view2 프로그램 */
.board_view2 {overflow:hidden; margin-bottom:30px; font-size:1.25em}
.board_view2 .view_title {padding:20px 10px; border-bottom:1px solid #dedede}
.board_view2 .view_title .mask {display:inline-block; font-size:15px; width:70px; height:30px; line-height:30px; color:#fff; text-align:center; position:absolute; top:2px; left:0; text-indent:0; border-radius:5px}
.board_view2 .view_title .mask.ms01 {background:#f36f21}
.board_view2 .view_title .mask.ms02 {background:#8c8c8c}
.board_view2 .view_title h4 {margin-bottom:0; line-height:1.4; font-size:1.6em; padding-left:0}
.board_view2 .view_title.textind h4 {text-indent:80px}
.board_view2 .view_title h4::before, .board_view2 .view_title h4::after {display:none}
.board_view2 tbody tr:first-child {border-top:1px solid #222}
.board_view2 tbody tr {border-bottom:1px solid #dedede}
.board_view2 tbody th {padding:12px 10px; background:#f7f7f7; color:#333}
.board_view2 tbody td {padding:12px 10px; vertical-align:middle; background:#fff}
.board_view2 .file_list {display:table-row; font-size:1em; border-bottom:1px solid #666}
.board_view2 .data_cont {padding:20px 10px; line-height:1.5}
.board_view2 .data_cont .box {margin-top:15px; margin-bottom:0}
.board_view2 .data_cont p {font-size:1em}
.board_view2 .teacher .img {display:inline-block; vertical-align:middle; width:170px; height:200px; border:4px solid #eee; margin-right:20px}
.board_view2 .teacher .img img {width:100%}
.board_view2 .teacher .info {display:inline-block; vertical-align:middle; width:calc(100% - 200px)}
.board_view2 .teacher .info .name {margin-bottom:10px; color:#333; font-size:1.15em}
.board_view2 .btns.small {margin-left:5px}
@media (max-width:800px) {
	.board_view2 colgroup {display:none}
	.board_view2 tbody tr {border-bottom:none}
	.board_view2 tbody th {display:block; border-bottom:1px solid #dedede; text-align:left}
	.board_view2 tbody td {display:block; border-bottom:1px solid #dedede}
	.board_view2 .teacher .img {display:block; margin:0 auto 10px auto}
	.board_view2 .teacher .info {display:block; width:100%}
	.table_guide .board_view2 colgroup {display:block}
	.table_guide .board_view2 tbody tr {border-bottom:1px solid #dedede}
	.table_guide .board_view2 tbody th {display:table-cell; border-bottom:none; text-align:center}
	.table_guide .board_view2 tbody td {display:table-cell; border-bottom:none}
}

/* photo_slide 갤러리 */
.photo_slide {position:relative; margin:0 auto 20px auto}
.photo_slide .loading {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff url('/groups/common/images/loading.gif') no-repeat center center; z-index:1}
.photo_slide .photo_bigview {position:relative; overflow:hidden; text-align:center}
.photo_slide .loading + .photo_bigview {max-height:853px}
.photo_slide .photo_bigview .flex-direction-nav a {position:absolute; top:50%; margin-top:-26px; width:52px; height:52px; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:all 0.2s ease}
.photo_slide .photo_bigview .flex-direction-nav .flex-prev {left:10px; background-image:url('/groups/common/images/board/btn_move_prev.png')}
.photo_slide .photo_bigview .flex-direction-nav .flex-next {right:10px; background-image:url('/groups/common/images/board/btn_move_next.png')}
.photo_slide .photo_bigview:hover .flex-direction-nav .flex-prev {left:10px}
.photo_slide .photo_bigview:hover .flex-direction-nav .flex-next {right:10px}
.photo_slide .photo_thumb {position:relative; margin-top:20px; width:100%; overflow:hidden; padding:20px; background:#eee}
.photo_slide .photo_thumb .slides::after {display:block; clear:both; content:''}
.photo_slide .photo_thumb li {text-align:center; position:relative}
.photo_slide .photo_thumb li::after {content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:absolute; top:0; left:0}
.photo_slide .photo_thumb li:hover {cursor:pointer}
.photo_slide .photo_thumb li a {display:block; height:90px}
.photo_slide .photo_thumb li a img {width:100%; height:100%}
.photo_slide .photo_thumb li.flex-active-slide::after {background:none}
.photo_slide .photo_thumb li.flex-active-slide a {border:3px solid #ffa70f}
.photo_slide .photo_thumb .flex-direction-nav a {position:absolute; top:50%; margin-top:-35px; width:36px; height:70px; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:all 0.2s ease}
.photo_slide .photo_thumb .flex-direction-nav .flex-prev {left:-50px; background-image:url('/groups/common/images/board/btn_move_left_arrow.png')}
.photo_slide .photo_thumb .flex-direction-nav .flex-next {right:-50px; background-image:url('/groups/common/images/board/btn_move_right_arrow.png')}
.photo_slide .photo_thumb:hover .flex-direction-nav .flex-prev {left:0}
.photo_slide .photo_thumb:hover .flex-direction-nav .flex-next {right:0}
.photo_slide .flex-direction-nav .flex-disabled {cursor:default; opacity:0; z-index:-1}
@media all and (max-width:640px) {
	.photo_slide .photo_thumb li {width:120px !important}
	.photo_slide .photo_thumb li a {height:70px}
}
@media all and (max-width:480px) {
	.photo_slide .photo_thumb li {width:100px !important}
	.photo_slide .photo_thumb li a {height:55px}
}

/* reply_box 댓글 */
.reply_box {position:relative; border-top:1px solid #555; margin-top:50px; background:#fafafa; font-size:1.25em}
.reply_box dl {padding:20px 10px; border-bottom:1px solid #dedede}
.reply_box dl dt {color:#222; margin-bottom:10px}
.reply_box dl dt .name {margin-right:10px; font-size:1.3em; padding-left:30px; background:url('/groups/common/images/board/ico_reply.png') no-repeat 0 50%; background-size:20px}
.reply_box dl dt .date {color:#555}
.reply_box dl dd {padding-left:30px}

/* open_code 공공누리 */
.open_code {overflow:hidden; display:table; width:100%; border-bottom:1px solid #dedede}
.open_code dl {display:table-row}
.open_code dl dt {display:table-cell; width:15%; padding:10px 20px; background:#f7f7f7; vertical-align:middle; text-align:center; color:#333}
.open_code dl dd {display:table-cell; width:85%; padding:10px; line-height:1.6}
.open_code dl dd p {font-size:1em; margin:5px 0 0 0}
@media all and (max-width:800px) {
	.open_code dl dt {display:none}
	.open_code dl dd {background:#f7f7f7; display:block; min-height:42px; width:100%; text-align:center}
	.open_code dl dd p {text-align:left}
}

/* file_list 첨부파일 */
.file_list {overflow:hidden; display:table; width:100%; border-bottom:1px solid #333; background:#f7f7f7; padding:10px}
.file_list ul li {margin-bottom:5px; position:relative; padding-left:25px; line-height:1.2}
.file_list ul li:last-child {margin-bottom:0}
.file_list ul li .ico.file {position:absolute; top:0; left:0}

/* survey_wrap 설문조사 */
.survey_wrap {overflow:hidden; padding:20px; background:#f7f7f7; border-bottom:1px solid #dedede}
.survey_wrap ul {overflow:hidden}
.survey_wrap ul li {margin-bottom:10px; border-bottom:1px dashed #dedede; padding-bottom:8px}
.survey_wrap ul li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.survey_wrap ul li .tit {margin-bottom:10px; font-size:1.15em; color:#444}
.survey_wrap ul li textarea {background:#fff; border:1px solid #dedede}
.survey_wrap .survey_question li .txt ul li {display:inline-block; margin:0 5px 5px 0; padding-bottom:0; border-bottom:none}
.survey_wrap .survey_answer li {margin-bottom:15px}
.survey_wrap .survey_answer li .tit {margin-bottom:5px}
.survey_wrap .survey_answer li .txt .ma {margin-bottom:0}
.survey_wrap .survey_answer li .txt .ma li {font-size:1em}
.survey_wrap .survey_answer li .txt ul li {display:block; margin:0 0 5px 0; padding-bottom:0; border-bottom:none}
.survey_wrap .survey_answer li .txt ul li span {display:block}
.survey_wrap .survey_answer li .txt ul li .item {margin-bottom:5px}
.survey_wrap .survey_answer li .txt ul li .item em {color:#f05416}
.survey_wrap .survey_answer li .txt ul li .graph {height:20px; background:#ddd; border-radius:4px; position:relative}
.survey_wrap .survey_answer li .txt ul li .graph em {display:block; position:absolute; top:0; left:0; height:100%; background:#f05416; border-radius:4px}

/* photo_slide_view */
.photo_slide_view h4 {padding:0; text-align:center; margin-bottom:40px; font-size:2.5em}
.photo_slide_view h4::before {display:none}

/* 등록 */
/* write_box 인풋 1개 */
.write_box {display:table; width:100%; border-top:1px solid #333; margin-bottom:30px}
.write_list {display:table-row; font-size:1.25em}
.write_list::after {display:block; clear:both; content:''}
.write_list dt {display:table-cell; width:17%; text-align:center; vertical-align:middle; border-bottom:1px solid #dedede; border-right:1px solid #dedede; background:#f7f7f7; box-sizing:border-box; color:#333; word-break:keep-all}
.write_list dd {display:table-cell; width:83%; padding:10px; border-bottom:1px solid #dedede; box-sizing:border-box}
@media all and (max-width:800px) {
	.write_list dt {display:block; width:100%; text-align:left; padding:10px}
	.write_list dd {display:block; width:100%}
}

/* board_write 인풋 2개 이상 */
.board_write {overflow:hidden; margin-bottom:30px; font-size:1.25em}
.board_write .view_title {padding:20px 10px; border-bottom:1px solid #dedede}
.board_write .view_title .mask {display:inline-block; font-size:15px; width:70px; height:30px; line-height:30px; color:#fff; text-align:center; position:absolute; top:2px; left:0; text-indent:0; border-radius:5px}
.board_write .view_title .mask.ms01 {background:#f36f21}
.board_write .view_title .mask.ms02 {background:#8c8c8c}
.board_write .view_title h4 {margin-bottom:0; line-height:1.4; font-size:1.6em; padding-left:0}
.board_write .view_title.textind h4 {text-indent:80px}
.board_write .view_title h4::before, .board_write .view_title h4::after {display:none}
.board_write tbody tr:first-child {border-top:1px solid #222}
.board_write tbody tr {border-bottom:1px solid #dedede}
.board_write tbody th {padding:10px; /* background:#f7f7f7; */color:#333; word-break:keep-all}
.board_write tbody td {padding:10px; text-align:left; vertical-align:middle; background:#fff}
@media all and (max-width:800px) {
	.board_write colgroup {display:none}
	.board_write thead th {display:none}
	.board_write tr:first-child td {border-top:none}
	.board_write tbody th {display:block; width:100%; text-align:left; border-bottom:1px solid #dedede}
	.board_write tbody th br {display:none}
	.board_write tbody tr {border-bottom:none}
	.board_write tbody td {display:block; text-align:left; border-bottom:1px solid #dedede}
}

/* board_write 요소 */
.wr_btn {color:#fff; background:#8c8c8c; border:1px solid #8c8c8c; width:auto !Important; border-radius:0}
.wr_btn:hover {color:#fff; background:#8c8c8c; border:1px solid #8c8c8c}
.wr_number select, .wr_number input {width:calc((100% - 24px) / 3)}
.wr_number2 input {width:calc((100% - 108px) / 3)}
.wr_email input {width:calc((100% - 166px) / 2)}
.wr_address input {margin-bottom:5px}
.wr_address input:last-child {margin-bottom:0}
.wr_address .add01 {width:20%}
.wr_address .add02 {width:calc((100% - 20% - 108px))}
.wr_file .wr_file_text {display:block; font-size:14px; color:#333; margin-bottom:10px; padding-left:24px; background:url('../img/board/wr_file_text.png') no-repeat 0; background-size:16px}
.wr_file .file {display:block; margin:0 0 8px 0}
.wr_file .file .attach_file {width:30%}
.wr_file .file .attach_text {width:calc(100% - 30% - 114px)}
.wr_file .file label input[type=file] {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0}
.wr_category input[type="button"] {margin-right:5px}
.wr_category .input_txt {display:inline-block; width:calc(100% - 110px); vertical-align:middle}
.input_txt {display:block; font-size:13px; color:#777}
@media all and (max-width:800px) {
	.wr_address .add01 {width:25%}
	.wr_address .add02 {width:calc((100% - 25% - 108px))}
}
@media all and (max-width:480px) {
	.wr_address .add01 {width:calc(100% - 104px)}
	.wr_address .add02 {width:100%}
	.wr_email input, .wr_email select {width:calc((100% - 21px) / 2)}
	.wr_email .email02 {display:none}
	.wr_file .file .attach_file {width:calc(100% - 107px)}
	.wr_file .file .attach_text {width:100%; margin-top:3px}
}
@media all and (max-width:360px) {
	.wr_number select, .wr_number input {width:calc((100% - 40px) / 3)}
}

/* 공통 */
/* total_articles 게시물 수 */
.total_articles {font-size:1.2em; margin-bottom:10px}
.total_articles em {color:#0092d8}

/* datepicker */
.datepicker {display:inline-block; width:130px; position:relative}
.datepicker input[type="text"] {width:100%}
.datepicker i {display:block; width:18px; height:18px; position:absolute; top:11px; right:10px; background:url('../img/board/ico_datepicker.png') no-repeat 50%; background-size:18px}
@media all and (max-width:800px) {
	.datepicker {width:calc((100% - 13px) / 2)}
}

/* board_search 검색 */
.board_search {overflow:hidden; position:relative; background:#f7f7f7; padding:20px; margin-bottom:20px; border:1px solid #dedede}
.board_search form {position:relative; text-align:center}
.board_search .search_input {position:relative; display:inline-block}
.board_search .search_input input[type=text] {overflow:hidden; width:450px; padding-right:80px}
.board_search .search_input button {position:absolute; bottom:0; right:0; width:70px; height:40px; background:#444; color:#fff; font-size:1.25em; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.board_search dl {display:inline-block}
.board_search dl dt {display:inline-block; font-size:1.25em; margin-right:10px; vertical-align:middle}
.board_search dl dd {display:inline-block}
.board_search dl dd input[type="radio"] + label {font-size:1.25em}
.board_search dl.sc_select {margin:0 20px 10px 0}
.board_search dl.sc_select2 select {width:150px}
.board_search dl.sc_select2 .search_btn button {width:70px; height:40px; background:#444; color:#fff; font-size:1.25em; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.board_search dl.sc_datepicker {margin-right:20px}
.board_search .sc_inputbox {display:inline-block}
.board_search .sc_inputbox input[type="text"] {width:250px}
@media all and (max-width:640px) {
	.board_search form {width:100%; margin:0 auto}
	.board_search select {display:block; width:calc(100% - 75px); margin-bottom:5px}
	.board_search .search_input {display:block; width:100%; position:static}
	.board_search .search_input input[type=text] {display:block; width:calc(100% - 75px); padding-right:10px}
	.board_search .search_input button {height:85px}
	.board_search br {display:none}
	.board_search dl {display:table; text-align:left; margin:0 0 10px 0 !important; width:100%}
	.board_search dl dt {width:20%; text-align:center; display:table-cell; margin-right:0; vertical-align:middle}
	.board_search dl dd {width:80%; display:table-cell}	
	.board_search dl.sc_select select {display:inline-block; width:auto; margin-bottom:0}
	.board_search dl.sc_select2 select {display:inline-block; width:calc(100% - 73px); margin-bottom:0}
	.board_search .sc_inputbox {display:block}
	.board_search .sc_inputbox input[type="text"] {width:calc(100% - 75px)}
}
@media all and (max-width:480px) {
	.board_search dl {margin:0 0 15px 0 !important}
	.board_search dl dt {display:block; width:100%; margin-bottom:10px; text-align:left}
	.board_search dl dd {display:block; width:100%}	
	.board_search dl.sc_select select {display:block; width:100%; margin-bottom:5px}
	.board_search dl.sc_select select:last-child {margin-bottom:0}
	.board_search dl.sc_radio dt {display:table-cell; width:25%; margin-bottom:0}
	.board_search dl.sc_radio dd {width:80%; display:table-cell}
}

/* paging 페이징 */
.paging {width:100%; margin:40px auto; text-align:center; position:relative}
.pagination {display:inline; vertical-align:middle}
.pagination a {display:inline-block; font-size:1.15em; width:36px; height:36px; line-height:36px; vertical-align:middle; border-radius:50%; margin:2px 0}
.pagination .select {color:#fff; background:#444}
.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:underline}
.pagination i {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0} 
.pagination a:hover, .pagination a:active,.pagination a:focus {background-color:#f7f7f7}
.pagination .select:hover, .pagination .select:active, .pagination .select:focus {background-color:#444}
.bbs_next {background:url('../img/board/bbs_next.png') no-repeat 50%; background-size:10px}
.bbs_next_end {background:url('../img/board/bbs_next_end.png') no-repeat 50%; background-size:10px}
.bbs_prev {background:url('../img/board/bbs_prev.png') no-repeat 50%; background-size:10px}
.bbs_prev_end {background:url('../img/board/bbs_prev_end.png') no-repeat 50%; background-size:10px}
.paging .btn {position:absolute; top:0; right:0}
@media all and (max-width:480px) {
	.paging .btn {position:static; margin-top:20px}
}

/* button 버튼 */
.btnarea {overflow:hidden; margin-top:40px}
@media all and (max-width:480px) {
	.btnarea {text-align:center}
	.btnarea .fl, .btnarea .fr {float:none !important; display:inline-block}
}

/* agree_box 개인정보 동의 */
.agree_box {overflow:hidden; position:relative; padding:30px; border:1px solid #dedede; margin-bottom:15px; max-height:350px; overflow-y:scroll}
.agree_box::-webkit-scrollbar {display:none !important}
.agree_check {font-size:1.35em; color:#353535; margin-bottom:50px}
@media all and (max-width:800px) {
	.agree_box {padding:35px}
}
@media all and (max-width:480px) {
	.agree_box {padding:35px 20px}
}

/* login_form 로그인 */
.login_form {overflow:hidden; max-width:600px; margin:0 auto; text-align:center}
.login_form p {word-break:keep-all}
.login_form .left {display:inline-block; width:calc(100% - 153px); height:110px; padding-right:10px; vertical-align:top}
.login_form .left input {height:50px; line-height:48px}
.login_form .left input[type="text"] {margin-bottom:10px}
.login_form .left input[type="password"], .login_form .left input[type="email"] {font-size:1.25em}
.login_form .right {display:inline-block; width:150px; height:110px}
.login_form .right .lg_btn {width:100%; height:100%; font-size:18px}
.login_form .right .lg_btn:hover {background:#184997; border:1px solid #184997; color:#fff}
.login_form .lg_check {margin-top:20px; text-align:left}
.login_form .lg_find {font-size:1.18em}
.login_form .lg_find a {display:inline-block; color:#787878}
.login_form .lg_find a:first-child {margin-right:20px; position:relative}
.login_form .lg_find a:first-child::after {content:''; display:block; position:absolute; top:6px; right:-13px; width:1px; height:12px; background:#dedede}
.login_form .orange a {color:#f05416}
@media all and (max-width:480px) {
	.login_form .left {width:calc(100% - 133px)}
	.login_form .right {width:130px}
}
@media all and (max-width:360px) {
	.login_form .left {display:block; padding-right:0; width:100%; margin-bottom:20px}
	.login_form .right {display:block; width:100%; height:60px}
}

/* layer_modal 모달창 */
#layer_modal {display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:60}
.modal_wrap {background:#fff; position:absolute; top:50%; left:50%; width:500px; height:600px; margin-top:-300px; margin-left:-250px; border-radius:10px}
.modal_wrap h4 {padding:15px 15px 15px 60px; background:#0092d8 url('../img/board/modal_wrap_h4.png') no-repeat 15px 50%; background-size:30px; color:#fff; border-radius:10px 10px 0 0; margin-bottom:0}
.modal_wrap h4::before {display:none}
.modal_wrap .info {background:#eee; padding:10px 15px; margin-bottom:0px; color:#353535; word-break:keep-all}
.modal_wrap .tree {padding:10px; width:92%; height:370px; border:1px solid #dedede; margin:20px auto; max-height:370px; overflow-y:scroll !important; -ms-overflow-style:none}
.modal_wrap .tree::-webkit-scrollbar {display:none !important}
.modal_wrap .btns.theme {background:#0092d8; border-color:#0092d8}
.modal_wrap .btns.theme:hover {background:#fff; color:#0092d8}
.modal_wrap .table_guide {display:block; position:relative; overflow:hidden; overflow-x:auto; padding-bottom:45px; margin-bottom:0}
.modal_wrap .table_guide::before {content:'화면을 좌우로 스크롤 하세요.'; display:block; position:absolute; right:5px; bottom:8px; font-size:14px}
.modal_wrap .table_guide::after {content:''; display:block; position:absolute; right:185px; bottom:6px; width:28px; height:28px; z-index:10; background:url('/groups/tncc/images/common/table_scroll.png') no-repeat 50%; background-size:28px}
.modal_wrap .table_guide table {width:800px; margin-bottom:0}
@media all and (max-width:600px) {
	.modal_wrap {width:460px; margin-left:-230px}
}
@media all and (max-width:480px) {
	.modal_wrap {width:380px; margin-left:-190px; height:560px; margin-top:-280px}
	.modal_wrap h4 {font-size:1.9em}
	.modal_wrap .tree {height:340px; max-height:340px}
}
@media all and (max-width:400px) {
	.modal_wrap {width:340px; margin-left:-170px}
	.modal_wrap .tree {height:310px; max-height:310px}
}
@media all and (max-width:360px) {
	.modal_wrap {width:300px; margin-left:-150px}
}

/***************************************** 통합검색 *****************************************/
/* total_search_box 검색영역 */
.total_search_top {padding:40px 20px; text-align:center; border-radius:5px; background:#f0f4f7}
.total_search {position:relative}
.total_search .total_search_box {display:inline-block; position:relative; width:580px}
.total_search .total_search_box select {height:60px; line-height:60px; font-size:1.4em}
.total_search .total_search_box input[type=text] {width:calc(100% - 142px); height:60px; line-height:60px; font-size:1.4em; padding-right:100px}
.total_search .total_search_box button[type=button].total_search_btn {width:90px; height:60px; text-indent:-9999px; background:#ff8000 url('../img/board/btn_search_wh.png') no-repeat 50%; background-size:30px; position:absolute; bottom:0; right:0}
.total_search .total_research {display:inline-block; position:relative; font-size:1.3em; margin-left:20px; vertical-align:middle}
@media all and (max-width:960px) {
	.total_search .total_research {display:block; margin:20px 0 0 0}
}
@media all and (max-width:640px) {
	.total_search .total_search_box {width:100%}
	.total_search .total_search_box select {display:block; width:calc(100% - 95px); margin-bottom:5px}
	.total_search .total_search_box input[type=text] {display:block; width:calc(100% - 95px); padding-right:10px}
	.total_search .total_search_box button[type=button].total_search_btn {height:125px}	
}

/* category 카테고리 */
.category {overflow:hidden; margin:40px 0 25px 0; text-align:center}
.category li {display:inline-block; position:relative}
.category li::after {display:block; content:''; position:absolute; right:0; top:19px; width:1px; height:13px; background:#ddd}
.category li:last-child {margin-right:0}
.category li:last-child::after, .category li.on::after {display:none}
.category li a {display:block; text-align:center; font-size:1.45em; padding:15px 30px}
.category li a:hover {text-decoration:none}
.category li.on a {background:#ff8000; color:#fff; border-radius:30px}
@media all and (max-width:960px) {
	.category li a {padding:15px 20px}
}

/* result 검색결과 */
.result {overflow:hidden; margin-bottom:30px}
.result h3 {margin-bottom:30px; color:#444; font-size:1.6em; text-align:center; word-break:keep-all; line-height:1.3}
.result h3 strong {color:#f05416; border-bottom:1px solid #f05416; font-size:1.3em}
.result h3 span {color:#f05416}

/* section 검색결과 영역 */
.result .section h4 {font-size:2.2em; margin-bottom:30px}
.result .section h4 span {font-size:0.8em; display:inline-block; margin-left:10px}
.result .section ul li strong {color:#f05416}
.result .more {display:block; text-align:center; margin:20px 0 0 0}

/* result_list 검색결과 영역 내 목록 */
.result .section {overflow:hidden; position:relative; padding:30px 0; border-top:1px solid #dedede}
.result .section:last-child {border-bottom:1px solid #dedede}
.result .section .result_list {overflow:hidden}
.result .section .result_list li {margin-bottom:40px}
.result .section .result_list li:last-child {margin-bottom:0; }
.result .section .result_list li a {display:block}
.result .section .result_list li a:hover {text-decoration:none}
.result .section .result_list li .tit {display:block; margin-bottom:8px; font-size:1.4em}
.result .section .result_list li .tit a {color:#333}
.result .section .result_list li .txt {display:block; margin-bottom:15px; font-size:1.15em; color:#777; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:32px; line-height:16px}
.result .section .result_list li .txt.nodata {font-size:1.45em}
.result .section .result_list li .date {display:inline-block; font-size:0.9em; color:#999}
.result .section .result_list li .text {display:block; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; line-height:20px; margin:8px 0}
.result .section .result_list li .loca {display:block; color:#0c4ca3; font-size:1.15em}

/*코로나19 대응 안내 게시판 버튼*/
.btn_crn {width:30%;background: #044bd0;    border: 1px solid #044bd0;}
.btns:hover, .btns:active, .btns:focus {text-decoration:none; color:#044bd0; background:#fff; }
@media all and (max-width:800px){
	.btn_crn {width:100%;}
	}