@charset "utf-8";
@font-face {font-family:'OTWelcome'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2'); font-weight: 800; font-style: normal;}
@font-face {font-family:'OTWelcome'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2'); font-weight:400; font-style: normal;}
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

.f-welcom {font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important;}


/**********************************
	Common Style
***********************************/

.inner {position:relative; max-width:1400px; margin:0 auto;}

#m_conts {font-size:20px;}
@media all and (max-width:1024px) {#m_conts {font-size:19px;}}
@media all and (max-width:780px) {#m_conts {font-size:18px;}}
@media all and (max-width:640px) {#m_conts {font-size:17px;}}
@media all and (max-width:480px) {#m_conts {font-size:16px;}}
@media all and (max-width:380px) {#m_conts {font-size:15px;}}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.con-back {background:url(../img/main/bak_body.png) 50% 0; background-size:cover;}


/********************
	Tab Style
********************/
.tab-group .tabs {}
.tab-group .tabs ul:after {content:""; display:block; clear:both;}
.tab-group .tabs li {}
.tab-group .tabs li button {}
.tab-group .tabs li button.on {}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}


/****************************************************************
	Slider Common Style
****************************************************************/

.slider .swiper-slide {width:100%;}
.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}

.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper li a {display:block; position:relative;}
.fix-scroll .swiper-wrapper li a:focus:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid rgba(0,0,0,.5); z-index:2;}


/**********************************
	Visual Wrap
***********************************/

.visualWrap {display:block; position:relative; background:url(../img/main/bak_visual.jpg) no-repeat 50% 50%; background-size:cover; overflow:hidden;}
.visualWrap .inner {min-height:35.5em;}
.visualWrap .inner:before {content:""; display:block; position:absolute; left:-8.3em; bottom:0; width:31.9em; height:32.8em; bottom:0; background:url(../img/main/img_mayor.png) no-repeat 100% 100%; background-size:contain;}
.visualWrap .inner:after {content:""; display:block; clear:both;}

.visualWrap .tit,
.visualWrap ul {display:block; position:relative; width:52.8%; float:right; color:#fff;}
.visualWrap .tit {padding-top:9em;}
.visualWrap .tit p {display:block; position:relative; line-height:1.3; font-size:2.75em; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important;}
.visualWrap .tit p strong {font-weight:800;}
.visualWrap .tit span {display:block; font-size:1.05em; font-weight:100; padding-top:.5em;}

.visualWrap ul {padding:3.5em 0; width:56%;}
.visualWrap ul:after {content:""; display:block; clear:both;}
.visualWrap li {width:25%; float:left;}
.visualWrap li a {display:block; position:relative; padding:2em 1em; text-align:center; z-index:0;}
.visualWrap li a:before {content:""; display:block; position:absolute; width:10.7em; height:9.6em; top:50%; left:50%; margin:-4.3em 0 0 -5.35em; background:url(../img/main/bak_quick_over.png) no-repeat 50% 50%; background-size:100% 100%; transform:scale(0); -webkit-transform:scale(0); transition:.3s all; -webkit-transition:.3s all; z-index:-1;}
.visualWrap li a:hover:before,
.visualWrap li a:focus:before {transform:scale(1); -webkit-transform:scale(1);}
.visualWrap li a > * {display:block;}
.visualWrap li a i {text-align:center;}
.visualWrap li a i img {display:block; position:relative; height:5em; margin:0 auto;}
.visualWrap li a span {color:#fff; font-weight:400;}

@media all and (max-width:1024px) {
	.visualWrap .inner:before {width:25em; height:26em; left:-7em;}
	.visualWrap .tit,
	.visualWrap ul {width:68.6%; word-break:keep-all;}
	.visualWrap .tit {padding-top:6em;}
	.visualWrap ul {width:74%; padding:2em 0;}
	.visualWrap .inner {min-height:0;}
}
@media all and (max-width:640px) {
	.visualWrap .inner:before {height:22em; width:22em;}
	.visualWrap .tit,
	.visualWrap ul {width:auto; float:none; clear:both; padding:5em 1em 3em;}
	.visualWrap .tit p {font-size:2.3em;}
	.visualWrap .tit span {line-height:1.4;}
	.visualWrap ul {width:70%; padding-bottom:0em; float:right; padding-top:0;}
	.visualWrap ul > li {width:50%;}
}
@media all and (max-width:520px) {
	.visualWrap .inner:before {height:auto; bottom:10.1em; top:8em; width:17em; left:-5em;}
	.visualWrap .tit {padding:3em 1em 2em;}
	.visualWrap .tit p {font-size:2em;}
	.visualWrap .tit span {margin-left:10em; padding:4em 0;}

	.visualWrap ul {width:auto; float:none; background:#c85854; padding:0;}
	.visualWrap ul li {border:0px solid rgba(255,255,255,.2); border-top-width:0;}
	.visualWrap ul li:nth-child(2n+1) {border-right-width:1px;}
	.visualWrap ul li:nth-child(2) ~ li {border-top-width:1px;}

	.visualWrap li a:before {display:none;}
	.visualWrap li a {padding:.5em .5em 1em;}
	.visualWrap li a i {font-size:.5em;}
}


/**********************************
	Schedule
***********************************/

.scheduleWrap {background:#d26965;}
.scheduleWrap .tit {display:block; position:absolute; top:0; left:0; bottom:0; width:22em; line-height:4.5em;}
.scheduleWrap .tit:after {content:""; display:block; clear:both;}
.scheduleWrap .tit > * {display:block; position:relative;}
.scheduleWrap .tit strong {display:block; float:left; padding-left:1.6em; line-height:4.2em; height:3.75em; background:url(../img/main/ico_calendar.png) no-repeat 0 50%; font-size:1.2em; color:#fff; font-weight:600; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important;}
.scheduleWrap .tit span {float:right; color:#fff;}
.scheduleWrap .tit span em {font-size:1.25em; font-family:'Play', sans-serif; font-weight:700; color:#fff; padding-right:.8em;}
.scheduleWrap .tit span .more {display:inline-block; vertical-align:middle; width:1.75em; height:1.75em; overflow:hidden; text-indent:-999px; background:url(../img/main/ico_schedule_more.png) no-repeat 50% 50%; background-size:contain; margin-top:-.3em;}

.scheduleWrap .schedule {height:4.5em; margin-left:25.25em; margin-right:4.8em;}
.scheduleWrap .schedule > * {height:100%;}
.scheduleWrap .schedule .no-data {line-height:4.5em; color:#fff; opacity:.5;}
.scheduleWrap .schedule .no-data ~ .slider {display:none !important;}
.scheduleWrap .schedule .slider,
.scheduleWrap .schedule .swiper-container {height:100%;}
.scheduleWrap .schedule .swiper-slide a {display:block; position:relative; height:4.5em; line-height:4.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.scheduleWrap .schedule .swiper-slide a .time {display:inline-block; width:4.44em; vertical-align:middle; color:#a6b4d3;}
.scheduleWrap .schedule .swiper-slide a strong {font-size:.9em; color:#fff; font-weight:400; vertical-align:middle;}

.scheduleWrap .control {display:block; position:absolute; width:4.5em; right:0; top:0; bottom:0; padding:1.5em 0;}
.scheduleWrap .control button {display:block; position:relative; width:1.5em; height:1.5em; float:left; overflow:hidden; text-indent:-999px; background:no-repeat 50% 50%;}
.scheduleWrap .control button.prev {background-image:url(../img/main/ico_prev.png);}
.scheduleWrap .control button.next {background-image:url(../img/main/ico_next.png);}
.scheduleWrap .control button.next {background-image:url(../img/main/ico_next.png);}
.scheduleWrap .control button.stop {background-image:url(../img/main/ico_stop.png);}
.scheduleWrap .control button.play {background-image:url(../img/main/ico_play.png); display:none;}

@media all and (max-width:1024px) {
	.scheduleWrap {padding:0 1em;}
}
@media all and (max-width:850px) {
	.scheduleWrap {padding:.5em 1em;}
	.scheduleWrap .tit {position:relative; left:auto; right:auto; width:auto; right:0;}
	.scheduleWrap .tit {line-height:2.5em;}
	.scheduleWrap .tit strong {height:2.2em; line-height:2.8em;}
	.scheduleWrap .tit span {font-size:.9em; padding-top:.2em;}

	.scheduleWrap .schedule {position:relative; margin-left:0; height:3.5em;}
	.scheduleWrap .schedule .swiper-slide a {height:3.5em; line-height:3.5em;}
	.scheduleWrap .control {left:100%; right:auto; padding:1em 0;}
}

@media all and (max-width:520px) {
	.scheduleWrap {border-top:1px solid rgba(255,255,255,.1);  background:#af3f3b;}
}


/**********************************
	Work
***********************************/

/* 최하단섹션 없을 시 padding-bottom 추가 */
.workWrap {padding-top:5.75em; padding-bottom:5.75em;}
.workWrap .inner:after {content:""; display:block; clear:both;}

.workWrap .tit {display:block; position:absolute; max-width:20em; top:0; left:0; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important;}
.workWrap .tit span {display:block; position:relative; font-size:1.2em; color:#0cb48d; font-weight:600; line-height:1.4;}
.workWrap .tit strong {display:block; position:relative; line-height:1.5; font-size:2.25em; color:#000; word-break:keep-all;}
.workWrap .tit strong em {display:inline-block; position:relative; line-height:1.1; font-size:1.33em; font-weight:600; color:#000; z-index:0;}
.workWrap .tit strong em:after {content:""; display:block; position:absolute; left:0; right:0; bottom:.3em; height:.583em; background:#cefff4; z-index:-1;}

.workWrap .more {display:block; position:absolute; left:0; top:14em; color:#adadad; font-family:'Play', sans-serif; border-bottom:1px dotted #adadad; padding-bottom:.2em;}
.workWrap .more span {color:#adadad;}

.workWrap .pager {display:block; position:relative; margin-top:3.5em; height:5px; border-radius:9em; overflow:hidden; background:#d2d6dd;}
.workWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#02b188;}

.workWrap .control {display:block; position:absolute; left:0; bottom:0;}
.workWrap .control button {display:block; position:relative; float:left; z-index:0; width:3.5em; height:3.5em; border-radius:100%; overflow:hidden; text-indent:-999px; background:url(../img/main/ico_work_prev.png) no-repeat 50% 50% #ededed; background-size:.65em auto; border-radius:100%; transition:.3s all; -webkit-transition:.3s all;}
.workWrap .control button + button {background-color: #e5f7f5; margin-left:-.75em;}
.workWrap .control button.next {background-image:url(../img/main/ico_work_next.png);}
.workWrap .control button:hover {background-color:#fff; z-index:1; -webkit-box-shadow: .5em .5em .75em 0px rgba(0,0,0,0.1); -moz-box-shadow: .5em .5em .75em 0px rgba(0,0,0,0.1); box-shadow: .5em .5em .75em 0px rgba(0,0,0,0.1);}
.workWrap .control button.prev:hover {background-image:url(../img/main/ico_work_prev_on.png);}
.workWrap .control button.next:hover {background-image:url(../img/main/ico_work_next_on.png);}

.workWrap .work {float:right; width:39em; min-height:23.1em;}
.workWrap .work-item {display:block; position:relative; transition:.3s all; -webkit-transition:.3s all;}
.workWrap .work-item .vis {display:block; position:relative; height:13em; padding:1.5em; box-sizing:border-box; border-radius:1em 1em 4.5em 1em; background:no-repeat 50% 50% #f0f0f0; background-size:cover;
	-webkit-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.15);
	box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.15);
}
.workWrap .work-item * {transition:.3s all; -webkit-transition:.3s all;}
.workWrap .work-item .icon {display:block; position:relative;width:3.5em; height:3.5em; background:no-repeat 50% 50%; background-size:contain; margin-bottom:1em;}
.workWrap .work-item .txt {display:block; position:relative; opacity:0; font-size:.8em; line-height:1.5; color:#fff; transform:translateY(1em); -webkit-transform:translateY(1em);}
.workWrap .work-item .subj {display:block; position:relative; color:#666666; font-size:.85em; text-align:center; margin-top:2.4em; font-weight:400;}
.workWrap .work-item .num {display:block; position:absolute; font-size:5.95em; right:.12em; bottom:-.32em; color:#000;}

.workWrap .work-item.ty1 .icon {background-image:url(../img/main/ico_work_01.png);}
.workWrap .work-item.ty2 .icon {background-image:url(../img/main/ico_work_03.png);}
.workWrap .work-item.ty3 .icon {background-image: url(../img/main/ico_work_02.png);}
.workWrap .work-item.ty4 .icon {background-image: url(../img/main/ico_work_04.png);}

.workWrap .work-item:hover .txt,
.workWrap .work-item:focus .txt {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.workWrap .work-item .txt span.yellow {color:#ffd830 !important;}

.workWrap .work-item.ty1:hover .num,
.workWrap .work-item.ty1:focus .num {color:#fc7014;}
.workWrap .work-item.ty1:hover .subj,
.workWrap .work-item.ty1:focus .subj {color:#682900;}
.workWrap .work-item.ty1:hover .icon,
.workWrap .work-item.ty1:focus .icon {background-image:url(../img/main/ico_work_01_on.png);}
.workWrap .work-item.ty1:hover .vis,
.workWrap .work-item.ty1:focus .vis {background-image:url(../img/main/bak_work_01.png);}

.workWrap .work-item.ty2:hover .num,
.workWrap .work-item.ty2:focus .num {color:#02b188;}
.workWrap .work-item.ty2:hover .subj,
.workWrap .work-item.ty2:focus .subj {color:#00644d;}
.workWrap .work-item.ty2:hover .icon,
.workWrap .work-item.ty2:focus .icon {background-image: url(../img/main/ico_work_03_on.png);}
.workWrap .work-item.ty2:hover .vis,
.workWrap .work-item.ty2:focus .vis {background-image: url(../img/main/bak_work_02.png);}

.workWrap .work-item.ty3:hover .num,
.workWrap .work-item.ty3:focus .num {color:#004dde;}
.workWrap .work-item.ty3:hover .subj,
.workWrap .work-item.ty3:focus .subj {color:#00318c;}
.workWrap .work-item.ty3:hover .icon,
.workWrap .work-item.ty3:focus .icon {background-image: url(../img/main/ico_work_02_on.png);}
.workWrap .work-item.ty3:hover .vis,
.workWrap .work-item.ty3:focus .vis {background-image: url(../img/main/bak_work_03.png);}


.workWrap .work-item.ty4:hover .num,
.workWrap .work-item.ty4:focus .num {color:#fc7014;}
.workWrap .work-item.ty4:hover .subj,
.workWrap .work-item.ty4:focus .subj {color:#682900;}
.workWrap .work-item.ty4:hover .icon,
.workWrap .work-item.ty4:focus .icon {background-image: url(../img/main/ico_work_04_on.png);}
.workWrap .work-item.ty4:hover .vis,
.workWrap .work-item.ty4:focus .vis {background-image: url(../img/main/bak_work_04.png);}


.workWrap .swiper-container {overflow:visible;}

@media all and (min-width:1025px) {
	.workWrap .swiper-container .swiper-slide .work-item {opacity:0;}
	.workWrap .swiper-container .swiper-slide-prev ~ .swiper-slide .work-item,
	.workWrap .swiper-container .swiper-slide-active .work-item,
	.workWrap .swiper-container .swiper-slide-active ~ .swiper-slide .work-item {opacity:1;}
	.workWrap .swiper-container .swiper-slide-next + .swiper-slide ~ .swiper-slide .work-item {opacity:0;}
}
@media all and (max-width:1024px) {
	.con-back {padding:0 1em;}
	.workWrap {padding-top:3em;}
	.workWrap .tit {position:relative; padding-bottom:1em; max-width:19em; text-align:center; margin:0 auto;}
	.workWrap .tit span {padding-bottom:.8em;}
	.workWrap .tit strong {line-height:1.3;}

	.workWrap .work {position:relative; width:auto; min-height:0; float:none;}
	.workWrap .pager {margin:3.5em 3.5em 0;}
	.workWrap .control {position:absolute; left:0; right:0; bottom:0;}
	.workWrap .control button {position:absolute; top:100%; margin-top:-1.75em; z-index:5; background-color:transparent;}
	.workWrap .control button.prev {left:-1em;}
	.workWrap .control button.next {right:-1em; margin-left:0;}

	.workWrap .more {position:relative; top:auto; margin-top:2em; text-align:center; height:3em; line-height:3em; border:1px solid #dfdfdf; border-radius:.5em; font-size:.8em;}
}
@media all and (max-width:1024px) {
	.workWrap .tit strong {font-size:2em;}
}
@media all and (max-width:640px) {
	.workWrap .work-item .subj {font-size:1em;}
	.workWrap .more {font-size:1em;}

}


/**********************************
	Board
***********************************/

.boardWrap {padding:0 0 5em 0;}
.boardWrap > .inner {padding:5em 0 2em; z-index:0;}
.boardWrap > .inner:before {content:""; display:block; position:absolute; top:0; bottom:0; width:1000px; right:100%; margin-right:-22em; border-radius:0 2.4em 2.4em 0; background:linear-gradient(180deg, rgba(79,80,118,1) 0%, rgba(134,90,111,1) 45%, rgba(207,104,101,1) 100%);}
.boardWrap .tit {display:block; position:absolute; top:5em; left:0; width:17em; padding:0 2em; box-sizing:border-box; color:#fff; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important; word-break:keep-all;}
.boardWrap .tit span {display:block; color:#4dffd6; margin-bottom:.9em; font-weight:600;}
.boardWrap .tit strong {font-size:2.1em; line-height:1.4;}
.boardWrap .tit strong em {font-size:1.1428em; font-weight:800; color:#fff;}

.boardWrap .tab-group {display:block; margin-left:18.5em;}
.boardWrap .tab-group .tabs {display:block; position:absolute; left:0; bottom:5em;}
.boardWrap .tab-group .tabs li + li {margin-top:1.7em;}
.boardWrap .tab-group .tabs button {display:block; position:relative; width:12.5em; height:2.75em; text-align:left; padding-left:1.5em;}
.boardWrap .tab-group .tabs button span {color:#fff; font-size:1.3em; opacity:.7;}
.boardWrap .tab-group .tabs button:after {content:""; display:block; position:absolute; right:0; bottom:0; opacity:0; transform:translateX(-1em); -webkit-transform:translateX(-1em); width:11.1em; height:1.05em; background:url(../img/main/img_board_tabs.png) no-repeat 100% 100%; background-size:contain; transition:.3s all; -webkit-transition:.3s all;}
.boardWrap .tab-group .tabs button:before {content:""; display:block; position:absolute; width:1.75em; height:1.75em; top:50%; left:0; margin:-.875em 0 0 -.875em; background:url(../img/main/ico_board_tabs_on.png) no-repeat 50% 50%; background-size:contain; background-size:contain; opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:.3s all; -webkit-transition:.3s all;}
.boardWrap .tab-group .tabs button.on span {font-weight:800; color:#fff; opacity:1;}
.boardWrap .tab-group .tabs button.on:before {opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.boardWrap .tab-group .tabs button.on:after {opacity:1; transform:translateX(0); -webkit-transform:translateX(0);}

.board-list {display:block; position:relative; overflow:hidden; margin:0 -1em; box-sizing:border-box;}
.board-list li {display:block; position:relative; width:33.33%; float:left; padding:1em;}
.board-list a {display:block; position:relative;}
.board-list a * {display:none;}
.board-list a .thumb,
.board-list a .date {display:block;}
.board-list a .thumb {display:block; position:relative; border-radius:1em; overflow:hidden;}
.board-list a .thumb:before {content:""; display:block; position:relative; padding-top:63.636%; z-index:-1;}
.board-list a .thumb img {display:block; position:absolute; top:50%; left:50%; min-height:100%; min-width:100%; max-width:400%; max-height:400%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.board-list a .date {font-family:'play'; color:#888888; font-family:'Play', sans-serif; font-size:.85em; text-align:right; padding:.7em .5em 0;}

@media all and (min-width:581px) {
	.board-list li:first-child {display:block; width:auto; clear:both; float:none;}
	.board-list li:first-child:after {content:""; display:block; clear:both;}
	.board-list li:first-child a .thumb {float:left; width:53.4%;}
	.board-list li:first-child a .thumb ~ * {display:block; width:41.7%; float:right;}
	.board-list li:first-child a .cate {margin:1em 0 0; font-weight:800; line-height:1.4; font-size:1.2em; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important; color:#0cb48d;}
	.board-list li:first-child a .subj {font-size:1.6em; margin:.5em 0; overflow:hidden; line-height:1.3em; height:2.6em; color:#000; font-weight:800; font-family:'OTWelcome','Spoqa Han Sans Neo', 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif !important; word-break:keep-all;}
	.board-list li:first-child a .txt {display:block; line-height:1.4em; margin-bottom:1em; height:5.6em; overflow:hidden; font-weight:300; font-size:.85em; color:#666666;}
	.board-list li:first-child a .date {text-align:left; font-weight:600; padding:0; line-height:1.4;}
}

@media all and (max-width:1024px) {
	.boardWrap {padding:2em 0 0;}
	.boardWrap > .inner {padding:3em 0 2em;}
	.boardWrap > .inner:before {width:auto; left:-1em; right:-1em; margin-right:0; border-radius:0;}

	.boardWrap .tit {position:relative; padding-bottom:1em; max-width:23em; text-align:center; margin:0 auto; top:auto; width:100%;}
	.boardWrap .tit span {padding-bottom:.8em;}
	.boardWrap .tit strong {display:block; line-height:1.3;}


	.boardWrap .tab-group {margin-left:0;}
	.boardWrap .tab-group .tabs {position:relative; bottom:auto; border:1px solid #fff; border-left-width:0; border-right-width:0; margin-bottom:1em;}
	.boardWrap .tab-group .tabs li {display:block; width:33.33%; float:left;}
	.boardWrap .tab-group .tabs li + li {margin-top:0;}
	.boardWrap .tab-group .tabs button {width:100%; text-align:center; padding:0;}
	.boardWrap .tab-group .tabs button span {font-size:1em;}
	.boardWrap .tab-group .tabs button:before,
	.boardWrap .tab-group .tabs button:after {display:none;}

	.board-list a .date {color:#fff; opacity:.9;}

	.board-list {margin:0 -.5em;}
	.board-list li {padding:.5em;}
}

@media all and (max-width:1024px) and (min-width:581px) {
	.board-list li:first-child a .cate {color:#4dffd6;}
	.board-list li:first-child a .subj {color:#fff; height:auto; white-space:nowrap; text-overflow:ellipsis;}
	.board-list li:first-child a .txt {color:#fff; height:4.2em; opacity:.8;}
}
@media all and (max-width:730px) and (min-width:581px) {
	.board-list li:first-child a .txt {height:auto; white-space:nowrap; text-overflow:ellipsis;}
}
@media all and (max-width:580px) {
	.board-list li {width:50%;}
}
@media all and (max-width:380px) {
	.board-list li {width:auto; float:none;}
}