@charset "utf-8"; 

/* board_list */
.board_list {margin-top:5px; font-size:1.1em}
.board_list thead tr:first-child th {border-top:2px solid #151515; border-bottom:1px solid #aaa}
.board_list th {padding:15px 0; border-bottom:1px solid #d9d9d9; text-align:center; font-size:1.2em; color:#565656}
.board_list td {padding:12px 5px; border-bottom:1px solid #d9d9d9; text-align:center}
.board_list td.title {padding:12px 10px; text-align:left}
.board_list td.title a {color:#454545; display:inline-block; max-width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; vertical-align:middle}
.board_list td img {margin-left:5px; vertical-align:middle}
.board_list .notice {background:#fafafa}
.board_list .notice .title a {color:#000}
@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 #151515}
	.board_list tbody tr {border-top:1px solid #d9d9d9; text-align:left; letter-spacing:-1px}
	.board_list tbody tr {display:block; padding:8px 0; text-align:left; border-bottom:1px solid #d9d9d9}
	.board_list tbody tr:nth-child(odd) {background:#f8f8f8}
	.board_list tbody td {display:inline-block; padding:3px 5px; border:none; text-align:left}
	.board_list tbody td.title {display:block; padding:3px 10px}
	.board_list tbody td:first-child {display:none}
	.board_list tbody tr td {padding:10px 2%; font-size:1.1em}
}

/* board_view */
.board_view {margin-top:5px; margin-bottom:30px; font-size:1.1em}
.board_view tr:first-child th, .board_view tr:first-child td {border-top:2px solid #151515}
.board_view thead tr:first-child th {border-top:2px solid #151515; border-bottom:1px solid #aaa}
.board_view th {width:20%; padding:12px 10px; border-bottom:1px solid #d9d9d9; background:#f8f8f8; font-weight:600; text-align:center}
.board_view td {padding:12px 10px 12px 25px; border-bottom:1px solid #d9d9d9}
.board_view .title {font-weight:600; font-size:1.2em; background:#f9f9f9}
.board_view .data_cont {min-height:150px; text-align:left; color:#565656}
.board_view .data_cont img {max-width:768px; height:auto}
@media all and (max-width:800px) {
	.board_view colgroup {display:none}
	.board_view thead th {display:none}
	.board_view tr:first-child td {border-top:none}
	.board_view tbody th {display:block; width:100%; text-align:left}
	.board_view tbody th br {display:none}
	.board_view tbody td {display:block; text-align:left}
}

/* comment */
.comment {overflow:hidden; margin:30px 0; font-size:1.1em}
.comment .reply_enter {overflow:hidden; padding:15px 30px; border:solid #cac6c6; border-width:1px; background-color:#f9f9f9}
.comment .reply_enter p {margin-bottom:5px}
.comment .reply_enter .enter_text {margin-left:10px; padding-left:10px; border-left:1px solid #999}
.comment .reply_enter .enter_text em {color:#ea5703; font-style:normal}
.comment .reply_enter .reply {float:left; margin-right:1%; width:86%; height:60px; border:1px solid #bdbdbd; background-color:#fff; color:#828282}
.comment .reply_enter a.btn_reg {float:left; display:block; width:10%; height:60px; line-height:60px; padding:2px; text-align:center; font-size:1.4em; font-weight:600; color:#fff; background:#aaa; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.comment .reply_list {margin-top:10px}
.comment .reply_list .reply_total {padding:11px 0; font-weight:600}
.comment .reply_list .reply_total em {color:#ea5703; font-style:normal}
.comment .reply_list ul {border:solid #ababab; border-width:2px 0 1px}
.comment .reply_list ul li {position:relative; padding:10px 0; border-top:1px solid #d6d6d6}
.comment .reply_list ul li:hover {background-color:#fafafa}
.comment .reply_list ul li div {margin-bottom:5px}
.comment .reply_list ul li .name {margin-right:10px; padding-right:10px; border-right:1px solid #999; font-weight:600}
.comment .reply_list ul li .reply_view {margin-bottom:0}
@media all and (max-width:800px) {
	.comment .reply_enter .enter_text {display:block; margin-left:0; padding-left:0; border-left:none; text-align:right}
	.comment .reply_enter .reply {float:none; width:100%}
	.comment .reply_enter a.btn_reg {float:none; display:block; margin-top:1%; width:100%; height:30px; line-height:30px}
}

/* 첨부파일 */
.filelist {overflow:hidden; display:table; width:100%; border-bottom:1px solid #ccc}
.filelist dl {display:table-row; font-size:1.1em}
.filelist dl dt {display:table-cell; width:20%; padding:10px; text-align:center; font-weight:600; background:#f8f8f8; vertical-align:middle}
.filelist dl dd {display:table-cell; width:80%; padding:10px}

/* 이전글 다음글 */
.bbs_listview {margin-top:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.1em}
.bbs_listview li {border-bottom:1px solid #e9e9e9}
.bbs_listview li strong {display:inline-block; width:20%; padding:12px 0; text-align:center; vertical-align:middle}
.bbs_listview li a {display:inline-block; overflow:hidden; width:75%; margin-left:2%; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle}
.bbs_listview li.list_prev strong {background:#f8f8f8 url('/groups/common/images/board/icon_list_prev.png') no-repeat 25% center}
.bbs_listview li.list_next strong {background:#f8f8f8 url('/groups/common/images/board/icon_list_next.png') no-repeat 25% center}
@media all and (max-width:800px) {
	.bbs_listview li.list_prev strong, .bbs_listview li.list_next strong {background-position:15% center}
}
@media all and (max-width:480px) {
	.bbs_listview li.list_prev strong, .bbs_listview li.list_next strong {background-image:none; background:#f8f8f8}
}

/* board_write */
.board_write {margin-top:5px; margin-bottom:30px; font-size:1.1em}
.board_write tr:first-child th, .board_write tr:first-child td {border-top:2px solid #151515}
.board_write thead tr:first-child th {border-top:2px solid #151515; border-bottom:1px solid #aaa}
.board_write th {padding:10px 10px; border-bottom:1px solid #d9d9d9; background:#f8f8f8; font-weight:600; text-align:center}
.board_write td {padding:10px 10px 10px 15px; border-bottom:1px solid #d9d9d9}
.board_write .title {font-weight:600; font-size:1.2em; background:#f9f9f9}
.board_write .data_cont {min-height:150px; text-align:left; color:#565656}
@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}
	.board_write tbody th br {display:none}
	.board_write tbody td {display:block; text-align:left}
}

/* board_box */
.board_box {position:relative; padding-bottom:50px; font-size:1.1em}
.board_box ul {overflow:hidden}
.board_box ul::after {display:block; clear:both; content:''}
.board_box ul li {float:left; width:32%; margin:1% 0.6%}
.board_box ul li a {position:relative; display:block; height:200px; padding:22px 5% 60px; border:1px solid #aeaeae; background:#fff; letter-spacing:-0.5px; line-height:1.5}
.board_box ul li a .cate {display:inline-block; width:80px; height:26px; line-height:26px; background-color:#195dae; border:1px solid #195dae; color:#fff; text-align:center}
.board_box ul li a strong,.board_box ul li a span {display:block}
.board_box ul li a .title {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:24px 0 33px; color:#4c4c4c; font-size:1.4em; font-weight:400; 
-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s}
.board_box ul li a .text {overflow:hidden; height:70px; color:#6e6e6e; font-size:1.2em}
.board_box ul li a .btn_more {position:absolute; bottom:30px; left:5%; width:15px; height:15px; text-indent:-999px; background:url('/groups/common/images/btn/btn_more.png') no-repeat; 
-webkit-transition:all 0.4s 0.1s; -moz-transition:all 0.4s 0.1s; -o-transition:all 0.4s 0.1s; -ms-transition:all 0.4s 0.1s; transition:all 0.4s 0.1s}
.board_box ul li a:hover .btn_more {transform:rotate(90deg); -moz-transform:rotate(90deg); background-image:url('/groups/common/images/btn/btn_more_wh.png'); background-size:15px 15px}
.board_box ul li a:hover {background-color:#195dae}
.board_box ul li a:hover .cate {border-color:#fff}
.board_box ul li a:hover .title {color:#fff}
.board_box ul li a:hover .text {color:#fff; opacity:0.45; filter:Alpha(opacity=45)}

/* board_photo */
.board_photo {overflow:hidden; font-size:1.1em}
.board_photo .item {display:block; float:left; width:25%; position:relative}
.board_photo .item::after {display:block; clear:both; content:''}
.board_photo .item a {overflow:hidden; display:block; margin:5px; border:1px solid #aeaeae}
.board_photo .item .thumb {display:block; width:100%; height:200px; text-align:center; background:#efefef}
.board_photo .item .thumb img {height:100%}
.board_photo .item .cont {display:block; height:200px; padding:19px 25px 0 25px; margin:0; box-sizing:border-box; background-color:#fff; text-align:left; color:#0d0d0d}
.board_photo .item .cont h4 {position:absolute; left:10px; bottom:23px; font-size:1.2em; color:#195dae}
.board_photo .item .cont h4::before {display:none}
.board_photo .item .cont .title {overflow:hidden; display:block; position:relative; height:54px; margin:0 0 10px 0; font-size:1.2em; line-height:1.6}
.board_photo .item .cont .text {overflow:hidden; display:block; position:relative; height:51px; font-size:1.1em; color:#666}
.board_photo .item:hover .cont .title {text-decoration:underline}
@media all and (max-width:1007px) {
	.board_photo .item {padding-top:30px}
	.board_photo .item .cont {padding:20px 20px 0 20px}
	.board_photo .item .cont h4 {left:20px; bottom:20px}	
}
@media all and (max-width:800px) {
	.board_photo .item {width:50%}
	.board_photo .item .cont {display:block; box-sizing:border-box; height:190px; padding:15px 15px 0 15px; text-align:left}
	.board_photo .item .cont h4 {left:15px; bottom:15px}
	.board_photo .item .cont .title {display:block; position:relative; height:54px; margin:0 0 10px 0}
	.board_photo .item .cont .text {height:44px}
}
@media all and (max-width:480px) {
	.board_photo .item .thumb {height:130px}
}

/* board_news */
.board_news {overflow:hidden; font-size:1.1em}
.board_news .item {display:block; float:left; position:relative; width:23%; margin:1%; box-sizing:border-box; border:1px solid #aeaeae}
.board_news .item::after {display:block; clear:both; content:''}
.board_news .item .thumb {overflow:hidden; display:block; width:100%; height:300px; text-align:center; background:#efefef}
.board_news .item .thumb img {height:100%}
.board_news .item .cont {display:block; height:60px; background-color:#fff}
.board_news .item .cont h4 {padding:20px 0 0 15px; font-size:1.2em; color:#0d0d0d; text-align:left}
.board_news .item .cont h4::before {display:none}
.board_news .item .cont .btns {position:absolute; right:10px; bottom:10px}
@media all and (max-width:800px) {
	.board_news .item {width:32%}
	.board_news .item .thumb {height:180px}
}
@media all and (max-width:640px) {
	.board_news .item .cont {height:90px}
}
@media all and (max-width:480px) {
	.board_news .item {width:48%}
	.board_news .item .thumb {height:180px}
	.board_news .item .cont {height:90px}
}

/* news_list */
.news_list {overflow:hidden; border-top:2px solid #151515; font-size:1.1em}
.news_list .item {position:relative; padding:15px 120px 15px 65px; min-height:40px; border-bottom:1px solid #ccc}
.news_list .item .num {position:absolute; top:15px; left:10px}
.news_list .item h4 {display:block; margin-bottom:8px; font-weight:600; font-size:1.3em; line-height:1.5; padding-left:0}
.news_list .item h4::before {display:none}
.news_list .item h4 span {display:inline-block; margin-right:10px; font-size:1em; color:#195dae; font-weight:normal}
.news_list .item .info {display:block; font-size:1.1em; line-height:13px}
.news_list .item .user {display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid #ccc}
.news_list .item .btns {position:absolute; top:20px; right:10px}
@media all and (max-width:480px) {
	.news_list .item {padding:15px 15px 15px 65px}
	.news_list .item .btns {position:relative; top:10px}
}

/* view_box */
.view_box {overflow:hidden; border-top:2px solid #151515; border-bottom:1px solid #aaa; font-size:1.1em; margin-bottom:30px}
.view_box h4 {margin-bottom:0; padding:19px 17px; line-height:1.5; border-bottom:1px dashed #d1d1d1}
.view_box h4::before {display:none}
.view_box .view_info {padding:10px 10px; font-size:1em; border-bottom:1px solid #ccc; background:#efefef}
.view_box .view_info::after {display:block; clear:both; content:''}
.view_box .view_info li {position:relative; float:left; margin:0 40px 5px 0}
.view_box .view_info li strong {display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid #ccc}
.view_box .data_cont {padding:12px 10px 12px 25px; min-height:150px; text-align:left; color:#565656}
.view_box .data_cont img {max-width:768px; height:auto}

/* write_box */
.write_box {display:table; width:100%; border-top:2px solid #151515; margin-bottom:30px}
.write_list {display:table-row; font-size:1.1em}
.write_list::after {display:block; clear:both; content:''}
.write_list dt {display:table-cell; width:20%; padding:18px 5px 10px 5px; text-align:center; font-weight:600; vertical-align:top; border-bottom:1px solid #ccc; background:#f3f3f3; box-sizing:border-box}
.write_list dt .btn_tc {text-align:center; margin-top:5px}
.write_list dd {display:table-cell; width:80%; padding:10px; border-bottom:1px solid #ccc; box-sizing:border-box}
.write_list .right_box {overflow:hidden; position:relative; width:100%; margin-bottom:5px}
.write_list .right_box .slist {float:left; display:table; width:85%; padding-bottom:5px; border:1px solid #ccc; margin-bottom:5px}
.write_list .right_box .slist li {display:table-row}
.write_list .right_box .slist li strong {display:table-cell; width:20%; padding:13px 5px 0 5px; text-align:center; font-weight:600; vertical-align:top; background:#f8f8f8}
.write_list .right_box .slist li .right {display:table-cell; width:80%; padding:5px 5px 0 5px}
.write_list .right_box .btn_fr {width:14%; position:absolute; bottom:5px; right:0}
@media all and (max-width:800px) {
	.write_list .right_box .slist {float:none; width:100%; margin-bottom:40px}
	.write_list .right_box .btn_fr {float:none; width:100%}
}
@media all and (max-width:480px) {
	.write_list dt {display:block; width:100%; text-align:left; padding:10px}
	.write_list dd {display:block; width:100%}
}

/* pohoto_list */
.photo_list {overflow:hidden; border-top:2px solid #151515; border-bottom:1px solid #ddd; font-size:1.1em}
.photo_list ul {position:relative; padding:30px 0 10px 0; height:100%; overflow:hidden}
.photo_list ul li {float:left; margin-bottom:30px; width:25%}
.photo_list ul li a {overflow:hidden; position:relative; display:block; margin:5px; text-align:center}
.photo_list ul li .thumb {display:block; height:200px; transition:all 0.5s}
.photo_list ul li .thumb img {height:100%}
.photo_list ul li .con {position:absolute; left:0; bottom:0; width:100%; height:100%; text-align:center; line-height:21px; background:rgba(0,0,0,0); transition:all 0.5s}
.photo_list ul li > a > .con > .tit {position:absolute; left:0; bottom:15%; width:98%; padding-left:2%; color:#fff; font-size:1.2em; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s; z-index:2}
.photo_list ul li > a > .con > .date {position:absolute; left:0; bottom:4%; width:100%; transition:all 0.2s; z-index:2; color:#fff}
.photo_list ul li > a > .con::after {position:absolute; left:0; bottom:0; padding:10px; width:100%; height:20%; content:''; background:rgba(0,0,0,0.5); transition:all 0.2s; z-index:1}
.photo_list ul li > a:hover > .con::after {background:rgba(0,0,0,0.8)}
@media all and (max-width:1007px) {
	.photo_list ul li .thumb {height:160px}
}
@media all and (max-width:800px) {
	.photo_list ul li {width:33.3%}
	.photo_list ul li .thumb {height:140px}
}
@media all and (max-width:480px) {
	.photo_list ul {padding-top:15px}
	.photo_list ul li {width:50%; margin-bottom:10px}
	.photo_list ul li > a > .con > .tit {padding:0 5px}
	.photo_list ul li > a > .con > .date {bottom:2%}
}
@media all and (max-width:360px) {
	.photo_list ul li .thumb {height:110px}
}

/* 겔러리형 슬라이드 */
.photo_slide {position:relative; margin:30px 0}
.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; max-height:853px; overflow:hidden; text-align:center}
.photo_slide .photo_bigview img {height:100%}
.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%; height:100px; overflow:hidden}
.photo_slide .photo_thumb .slides::after {display:block; clear:both; content:''}
.photo_slide .photo_thumb li {background:#999; text-align:center}
.photo_slide .photo_thumb li a {display:block; height:100px}
.photo_slide .photo_thumb li a img {height:100%}
.photo_slide .photo_thumb .flex-active-slide img {opacity:0.5}
.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}

/* press_list */
.press_list .item {overflow:hidden; position:relative; margin-top:-1px; padding:20px; border:1px #dadada solid; font-size:1.1em}
.press_list .item a {display:block}
.press_list .item .thumb {float:left; width:270px; height:170px; overflow:hidden; text-align:center; background:#efefef; border:1px solid #ddd}
.press_list .item .thumb img {padding:5px; height:100%}
.press_list .item .thumb img.noimg {width:auto}
.press_list .item .right {margin-left:310px}
.press_list .item .right h4 {display:block; margin-bottom:15px; padding-bottom:10px; font-weight:600; font-size:1.3em; line-height:1.5; border-bottom:1px dashed #d1d1d1}
.press_list .item .right h4::before {display:none}
.press_list .item .right .text {display:block}
.press_list .item .info::after {display:block; clear:both; content:''}
.press_list .item .info li {position:relative; float:left; margin:0 40px 5px 0}
.press_list .item .info strong {display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid #ccc}
@media all and (max-width:800px) {
	.press_list .item {padding:0}
	.press_list .item .thumb {float:none; margin-bottom:10px; width:auto; margin:0; text-align:center; position:relative; top:auto; left:auto}
	.press_list .item .right {padding:10px}
}

/* video_list */
.video_list {border-top:2px solid #151515; border-bottom:1px solid #ddd; font-size:1.1em}
.video_list ul {position:relative; padding:30px 0 10px 0; height:100%; overflow:hidden}
.video_list ul li {float:left; width:20%; margin-bottom:30px}
.video_list ul li a {overflow:hidden; position:relative; display:block; margin:5px; text-align:center}
.video_list ul li .thumb {position:relative; display:block; height:200px; transition:all 0.5s}
.video_list ul li .thumb img {height:100%}
.video_list ul li .con {position:absolute; left:0; bottom:0; width:100%; height:100%; text-align:center; line-height:21px; background:rgba(0,0,0,0); transition:all 0.5s}
.video_list ul li > a > .con > .tit {position:absolute; left:0; bottom:15%; width:98%; padding-left:2%; color:#fff; font-size:1.2em; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s; z-index:2}
.video_list ul li > a > .con > .date {position:absolute; left:0; bottom:4%; width:100%; transition:all 0.2s; z-index:2; color:#fff}
.video_list ul li > a > .con::after {position:absolute; left:0; bottom:0; padding:10px; width:100%; height:20%; content:''; background:rgba(0,0,0,0.5); transition:all 0.2s; z-index:1}
.video_list ul li > a:hover > .con::after {background:rgba(0,0,0,0.8)}
.ico_play {position:absolute; top:50%; left:50%; z-index:3; display:block; overflow:hidden; width:56px; height:56px; margin:-28px 0 0 -28px; text-indent:-9999px; background:url('/groups/common/images/board/ico_play.png') no-repeat}
@media all and (max-width:1007px) {
	.video_list ul li {width:25%}
	.video_list ul li .thumb {height:140px}
}
@media all and (max-width:800px) {
	.video_list ul li {width:33.3%}
	.video_list ul li .thumb {height:130px}
}
@media all and (max-width:480px) {
	.video_list ul {padding-top:15px}
	.video_list ul li {width:50%; margin-bottom:10px}
	.video_list ul li > a > .con > .tit {padding:0 5px}
	.video_list ul li > a > .con > .date {bottom:2%}
}
@media all and (max-width:360px) {
	.video_list ul li .thumb {height:110px}
}

/* movie_area */
.movie_area {overflow:hidden; margin-top:30px; padding-bottom:30px}
.movie_area .movie_left {float:left; width:48%; height:300px; border:1px solid #d8d8d8}
.movie_area .movie_right {float:right; width:50%}
.movie_area .movie_right > div {overflow:hidden; overflow-y:scroll; line-height:1.6; height:272px; padding:2%; border:1px solid #d8d8d8; color:#4d4d4d}
.movie_thumb {position:relative; margin:20px 0; width:100%; max-height:100px; overflow:hidden}
.movie_thumb .slides {margin:0 30px} 
.movie_thumb .slides::after {display:block; clear:both; content:''}
.movie_thumb .slides li {float:left; width:145px; margin:5px; background:#d8d8d8}
.movie_thumb .slides li a {display:block; position:relative; height:100px; text-align:center}
.movie_thumb .slides li img {height:100%}
.movie_thumb .flex-direction-nav a {position:absolute; top:15px; width:36px; height:70px; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; transition:all 0.2s ease}
.movie_thumb .flex-direction-nav .flex-prev {left:0; background-image:url('/groups/common/images/board/btn_move_left_arrow.png')}
.movie_thumb .flex-direction-nav .flex-next {right:0; background-image:url('/groups/common/images/board/btn_move_right_arrow.png')}
@media all and (max-width:800px) {
	.movie_area .movie_left {float:none; width:100%}
	.movie_area .movie_right {float:none; width:100%; margin-top:20px}
}

/* FAQ  */
.faq_box {overflow:hidden; border-top:2px solid #151515}
.faq_list {border-bottom:solid 1px #ebebeb}
.faq_list .open {cursor:pointer; display:block; padding:0; border-bottom:#ddd 1px solid}
.faq_list .open:hover {opacity:0.9}
.faq_list .question {position:relative; padding:25px 70px; font-size:1.4em; font-weight:600}
.faq_list .question .blt {background:#aaa}
.faq_list .answer {display:none; position:relative; margin:0; padding:20px 70px; font-size:1.3em; line-height:1.4; ext-align:justify; background:#f4f4f4}
.faq_list .answer .blt {background:#666}
.faq_list .blt {position:absolute; top:16px; left:15px; display:block; width:40px; line-height:40px; text-align:center; font-size:1.3em; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%}
.faq_list .faq-t {display:inline-block; float:right; position:relative; top:-55px; right:20px; width:20px; height:20px; background:transparent; border-left:2px solid #ccc; border-bottom:2px solid #ccc; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s ease-in-out}
.faq_list .faq-o {top:-40px; -moz-transform:rotate(-224deg); -ms-transform:rotate(-224deg); -webkit-transform:rotate(-224deg); transform:rotate(-224deg)}
.faq_list.expanded {transition:all .3s ease-in-out}
.faq_list.expanded .question {color:#222}
.faq_list.expanded .question .blt {background:#009b6c}
@media all and (max-width:800px) {
	.faq_list .faq-t {display:none}
	.faq_list .question {padding-right:15px}
	.faq_list .answer {padding-right:15px}
}

/* QnA */
.qna_view {overflow:hidden; margin-top:20px; border-top:2px solid #151515; border-bottom:1px solid #aaa; font-size:1.1em}
.qna_view h4 {position:relative; margin:0; padding:15px 20px 10px 70px; color:#222; font-weight:600; line-height:30px; background:#fff}
.qna_view h4 .blt {position:absolute; top:8px; left:15px; display:block; width:40px; line-height:40px; text-align:center; font-size:1.2em; color:#fff; background:#009b6c; border-radius:20px 0 20px 20px; -moz-border-radius:20px 0 20px 20px; -webkit-border-radius:20px 0 20px 20px}
.qna_view h4::before {display:none}
.qna_view .view_info {padding:10px 20px; font-size:1em; background:#efefef; border-top:1px dashed #d1d1d1}
.qna_view .view_info::after {display:block; clear:both; content:''}
.qna_view .view_info li {position:relative; float:left; margin:0 40px 5px 0}
.qna_view .view_info li strong {display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid #ccc; color:#444}
.qna_view .data_cont {padding:20px 20px; min-height:150px; text-align:left; color:#565656}
.qna_view .data_cont img {max-width:768px; height:auto}

/* schedule_select */
.schedule_select {position:relative; padding:15px 0; border-top:2px solid #000; text-align:center; background:#f2f2f2; font-size:1.2em}
.schedule_select select {width:110px; font-size:1em}

/* calendar_table */
.calendar_month {}
.calendar_table {border-bottom:1px solid #e0e0e0; border-top:2px solid #44403f; margin-bottom:10px}
.calendar_table tr.total {padding:8px 0; border-bottom:1px solid #e0e0e0; font-weight:600; color:#666}
.calendar_table thead th {background:#f5f9fc; font-size:1.1em; color:#444; font-family:Georgia, sans-serif}
.calendar_table th.tit {border-bottom:1px solid #000; color:#000}
.calendar_table th {padding:15px 0; background:#f8f8f8; border-left:1px solid #e0e0e0; border-bottom:1px solid #44403f; color:#555; font-size:1em; font-family:Georgia, sans-serif}
.calendar_table th.sun {color:#dc372b}
.calendar_table th.sat {color:#195dae}
.calendar_table th:first-child, .calendar_table td:first-child {border-left:none}
.calendar_table td {padding:0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.6; color:#666; vertical-align:top}
.calendar_table td div {padding:8px 5px; overflow-y:auto; min-height:50px}
.calendar_table td div strong {display:block; font-family:Verdana, sans-serif; text-align:right; font-size:1em}
.calendar_table td .schelist {margin:10px; text-align:left}
.calendar_table td .schelist li {display:block; overflow:hidden; font-size:1em; line-height:1.2; margin-bottom:5px}
.calendar_table td .schelist li span {padding:1px 3px; margin-bottom:2px}
.calendar_table td .foodlist {margin:10px; text-align:left}
.calendar_table td .foodlist li img {width:100px; height:64px; border:1px solid #c6c5c5}
.calendar_table td .foodlist li {display:block; overflow:hidden; line-height:1.2; margin-bottom:3px}
.calendar_table td.gry {background-color:#f2f2f2}
.calendar_table td span {display:inline-block; padding:6px 5px; font-size:12px}
.calendar_table td.today {background-color:#f5f9fc}
.calendar_table td.right {text-align:right; padding:4px 10px 4px 0}
.calendar_table td.right span {padding-top:1px; padding-bottom:2px}

/* calendar_list */
.calendar_list {overflow:hidden}
.schedule_select {position:relative; padding:15px 0; border-top:2px solid #000; text-align:center; background:#f2f2f2}
.schedule_select select {width:120px}
.calendar_list h4.year {float:left; margin:30px 0 0 0; font-family:Georgia, serif; font-size:2.2em}
.calendar_list .tab_btn_cal {overflow:hidden; float:right; margin-top:28px; font-size:1.2em}
.calendar_list .tab_btn_cal li {float:left; width:60px; text-align:center; margin-right:-1px; border-top:2px solid #444}
.calendar_list .tab_btn_cal li a {background:#f8f8f8; display:block; height:40px; line-height:40px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2}
.calendar_list .tab_btn_cal li a:hover {text-decoration:none}
.calendar_list .tab_btn_cal li.on {position:relative; border-color:#009b6c; border-bottom:0; z-index:1}
.calendar_list .tab_btn_cal li.on a {background:white; font-weight:600; color:#009b6c; border-left:1px solid #018E6E; border-right:1px solid #018E6E; letter-spacing:-1px}
.calendar_list .table_cal {border-top:1px solid #288754; font-size:13px}
.calendar_list .table_cal thead th {padding:10px; color:#fff; background:#009b6c; border-bottom:1px solid #288754}
.calendar_list .table_cal thead th:first-child {border-left:1px solid #288754}
.calendar_list .table_cal tbody tr:first-child th:first-child {border-top:none}
.calendar_list .table_cal tbody tr {border-bottom:1px solid #D8D4D4}
.calendar_list .table_cal tbody th {padding:10px; background:#ededed; border-right:1px solid #E9E9E9}
.calendar_list .table_cal tbody td {padding:10px}
.calendar_list .table_cal tbody td.time {background:#f9f9f9; text-align:center; border-right:1px solid #E9E9E9}
.calendar_list .table_cal tbody td li {line-height:1.4}
@media all and (max-width:800px) {
	.calendar_list .tab_btn_cal li {width:50px}
}
@media all and (max-width:480px) {
	.calendar_list h4.year {margin:50px 0 0 0}
	.calendar_list .tab_btn_cal li {width:16.9%}
}
@media all and (max-width:360px) {
	.calendar_list h4.year {float:none; margin:20px 0 0 0}
	.calendar_list .tab_btn_cal {float:none; margin-top:10px}
	.calendar_list .tab_btn_cal li {width:16.9%}
}

/* 설문조사 */
.survey_list {overflow:hidden; border-top:2px solid #151515; font-size:1.1em}
.survey_list li {position:relative; padding:15px 105px 15px 65px; min-height:40px; border-bottom:1px solid #ccc}
.survey_list li .num {position:absolute; top:15px; left:10px}
.survey_list li h4 {display:block; margin-bottom:8px; font-weight:600; font-size:1.3em; line-height:1.5}
.survey_list li h4::before {display:none}
.survey_list li h4 span {display:inline-block; margin-right:10px; font-size:0.92em; font-weight:normal}
.survey_list li .info {display:block; line-height:13px}
.survey_list li .user {display:inline-block; margin-right:5px; padding-right:10px; border-right:1px solid #ccc}
.survey_list li .btns {position:absolute; top:20px; right:10px}
.survey_view {width:100%; margin-top:5px; margin-bottom:30px; font-size:1.1em}
.survey_view tr:first-child th, .survey_view tr:first-child td {border-top:2px solid #151515}
.survey_view thead tr:first-child th {border-top:2px solid #151515; border-bottom:1px solid #aaa}
.survey_view th {width:20%; padding:12px 10px; border-bottom:1px solid #d9d9d9; background:#fbf7f1; text-align:center}
.survey_view td {padding:12px 10px 12px 25px; border-bottom:1px solid #d9d9d9; line-height:1.6}
@media all and (max-width:800px) {
	.survey_view tr {display:block; padding:4px 0}
	.survey_view tr::after {display:block; clear:both; content:""; visibility:hidden; height:0}
	.survey_view tr {display:inline-block}
	.survey_view tr {display:block}
	.survey_view th {display:block; float:left; clear:left; width:100%; padding:10px 3% 5px; border:none; background:none; color:#222; text-align:left; box-sizing:border-box}
	.survey_view td {display:block; float:left; clear:left; width:100%; padding:0 3% 10px; box-sizing:border-box}
	.survey_view tr:first-child th {border-bottom:none}
	.survey_view tr:first-child td {border-top:none}
}
@media all and (max-width:480px) {
	.survey_view tr {border-bottom:none}
	.survey_view th {display:block; width:94%; background:none; text-align:left}
	.survey_view td {display:block; width:94%}
}

/* survey_table_list */
.survey_table_list {width:100%; margin-top:5px; font-size:1.1em}
.survey_table_list thead tr:first-child th {background:#f3f3f3; border-top:2px solid #151515; border-bottom:1px solid #aaa}
.survey_table_list th {padding:15px 0; border-bottom:1px solid #d9d9d9; text-align:center; font-size:1.2em; color:#565656}
.survey_table_list td {padding:12px 10px; border-bottom:1px solid #d9d9d9; border-left:1px solid #dbdbdb; font-size:1.1em}
.survey_table_list td.poll_title {background:#f9f9f9; padding:12px 10px; text-align:left; font-size:1.2em; font-weight:600}
@media all and (max-width:800px) {
	.survey_table_list colgroup {display:none}
	.survey_table_list thead th {display:none}
	.survey_table_list tr:first-child {border-top:1px solid #151515}
	.survey_table_list tr {display:block; border-top:1px solid #d9d9d9; text-align:left; letter-spacing:-1px}
	.survey_table_list th {display:block; padding:15px; border-bottom:1px solid #d9d9d9; text-align:left; font-size:1.2em; color:#565656; background:#f3f3f3}
	.survey_table_list td {display:inline-block; padding:10px 2%; border:none; text-align:left; font-size:1.1em}
	.survey_table_list td.poll_title {display:block}
}

/* survey_form */
.survey_form {display:table; width:100%; border-top:2px solid #151515; margin-bottom:30px}
.poll_list {display:table-row; font-size:1.1em}
.poll_list::after {display:block; clear:both; content:''}
.poll_list dt {display:table-cell; width:20%; padding:18px 5px 10px 5px; text-align:center; font-weight:600; vertical-align:top; border-bottom:1px solid #ccc; background:#fbf7f1}
.poll_list dt .btn_tc {text-align:center; margin-top:5px}
.poll_list dd {display:table-cell; width:80%; padding:10px; border-bottom:1px solid #ccc}
.poll_list .right_box {overflow:hidden; position:relative; width:100%; margin-bottom:5px}
.poll_list .right_box .slist {float:left; display:table; width:85%; padding-bottom:5px; border:1px solid #ccc; margin-bottom:5px}
.poll_list .right_box .slist li {display:table-row}
.poll_list .right_box .slist li strong {display:table-cell; width:20%; padding:13px 5px 0 5px; text-align:center; font-weight:500; vertical-align:top; background:#f8f8f8}
.poll_list .right_box .slist li .right {display:table-cell; width:80%; padding:5px 5px 0 5px}
.poll_list .right_box .btn_fr {width:14%; position:absolute; bottom:5px; right:0}
@media all and (max-width:800px) {
	.poll_list .right_box .slist {float:none; width:100%; margin-bottom:40px}
	.poll_list .right_box .btn_fr {float:none; width:100%}
}
@media all and (max-width:480px) {
	.poll_list dt {display:block; width:100%; text-align:left}
	.poll_list dd {display:block; width:100%}
}
.poll_list2 {display:table-row; font-size:1.1em}
.poll_list2::after {display:block; clear:both; content:''}
.poll_list2 dt {display:table-cell; width:20%; padding:18px 5px 10px 5px; text-align:center; font-weight:600; vertical-align:top; border-bottom:1px solid #ccc; background:#f3f3f3}
.poll_list2 dt .btn_tc {text-align:center; margin-top:5px}
.poll_list2 dd {display:table-cell; width:80%; padding:10px; border-bottom:1px solid #ccc}
.poll_list2 .right_box {overflow:hidden; position:relative; width:100%; margin-bottom:5px}

.poll_list2 .right_box .slist {float:left; display:table; width:100%; padding-bottom:5px; border:1px solid #ccc; margin-bottom:5px}
.poll_list2 .right_box .slist li {display:table-row}
.poll_list2 .right_box .slist li strong {display:table-cell; width:20%; padding:13px 5px 0 5px; text-align:center; font-weight:500; vertical-align:top; background:#f8f8f8}
.poll_list2 .right_box .slist li .right {display:table-cell; width:80%; padding:5px 5px 0 5px}
@media all and (max-width:800px) {
	.poll_list2 .right_box .slist {float:none; width:100%; margin-bottom:40px}
}
@media all and (max-width:480px) {
	.poll_list2 dt {display:block; width:100%; text-align:left}
	.poll_list2 dd {display:block; width:100%}
}
.form_list {display:table-row; font-size:1.1em}
.form_list::after {display:block; clear:both; content:''}
.form_list dt {display:block; padding:12px 20px; font-weight:600; vertical-align:top; border:1px solid #ccc; border-top:0; background:#f3f3f3}
.form_list dt .question {display:inline-block; margin-right:10px; padding:4px 6px; color:#fff; background:#ea5703; font-size:1em; line-height:1; border-radius:.25em; -moz-border-radius:.25em; -webkit-border-radius:.25em}
.form_list dd {display:block; padding:15px 20px; border-bottom:1px solid #ccc}

/* progress bar */
.progress_bar {width:100%; background-color:#eee}
.progress_bar div {height:12px; width:0; background-repeat:repeat-x; background-position:left top; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden}
.bar1 div {background-image:url('/groups/common/images/board/poll_pattern1.gif')}
.bar2 div {background-image:url('/groups/common/images/board/poll_pattern2.gif')}
.bar3 div {background-image:url('/groups/common/images/board/poll_pattern3.gif')}
.bar4 div {background-image:url('/groups/common/images/board/poll_pattern4.gif')}
.bar5 div {background-image:url('/groups/common/images/board/poll_pattern5.gif')}

/* paging */
.paging {width:100%; margin:30px auto; text-align:center}
.pagination {display:inline; text-decoration:none; line-height:normal; color:#333; vertical-align:middle}
.pagination .select, .pagination a {display:inline-block; padding:7px 8px; font-weight:500; font-size:1em; border:1px solid #000}
.pagination .select {color:#fff; border:1px solid #bcbcbc; background:#000}
.pagination a {color:#555; border:1px solid #bcbcbc}
.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} 
.bbs_next:hover, bbs_next:active, bbs_next:focus,.bbs_next_end:hover, .bbs_next_end:active, .bbs_next_end:focus,
.bbs_prev:hover, .bbs_prev:active, .bbs_prev:focus,.bbs_prev_end:hover, .bbs_prev_end:active, .bbs_prev_end:focus {background-color:#f8f8f8}
.bbs_next,.bbs_next_end, .bbs_prev,.bbs_prev_end {display:inline-block; width:16px; height:16px; vertical-align:middle; border:1px solid #bcbcbc}
.bbs_next {background:url('/groups/common/images/board/bbs_next.png') no-repeat 50% 50%}
.bbs_next_end {background:url('/groups/common/images/board/bbs_next_end.png') no-repeat 50% 50%}
.bbs_prev {background:url('/groups/common/images/board/bbs_prev.png') no-repeat 50% 50%}
.bbs_prev_end {background:url('/groups/common/images/board/bbs_prev_end.png') no-repeat 50% 50%}

/* total */
.total_articles {font-size:1.1em; margin-bottom:10px}
.total_articles em {margin:0 3px; color:#ea5703; font-weight:600}

/* search_box */
.search_box {text-align:center; overflow:hidden; margin-bottom:20px; padding:20px 0; border:1px solid #E0E0E0; border-radius:3px; background:url('/groups/common/images/bg/bg_box4.gif')}
.search_box select {margin-right:10px; height:32px; line-height:32px; color:#373737}
.search_box input[type=text] {height:34px; line-height:32px; padding:2px 10px; font-size:1.2em; border-radius:3px}
.search_box label {font-size:1.25em}
.search_btn {position:relative; width:80px; height:34px; line-height:32px; box-sizing:border-box; background:#444; font-size:0; border-radius:0 3px 3px 0; 
 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.search_btn::after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url('/groups/common/images/board/btn_search.png') no-repeat center center; background-size:24px 24px}
.search_btn:hover, .search_btn:focus {background:#222; cursor:pointer}
@media all and (max-width:800px) {
	.search_box select {width:45%; margin-bottom:10px}
}
@media all and (max-width:480px) {
	.search_box select {width:45%}
	.search_box input[type=text] {width:74%}
	.search_btn {position:relative; width:50px}
}

/* board_search */
.board_search {position:relative; width:50%; margin:20px auto; background:#fff; border:#b7b7b7 solid 1px; border-radius:3px}
.board_search input[type=text] {overflow:hidden; width:80%; padding:2px 20px; margin:0; height:32px; line-height:32px; border:0; font-weight:600; font-size:1.2em}
.board_search button[type=button], .board_search button[type=submit] {position:absolute; top:-1px; right:-1px; bottom:-1px; width:80px; background:#444; font-size:0; border-radius:0 3px 3px 0; margin:0; 
 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.board_search button[type=button]::after, .board_search button[type=submit]::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; 
background:url('/groups/common/images/board/btn_search.png') no-repeat center center; background-size:24px 24px}
.board_search button[type=button]:hover, .board_search button[type=button]:focus,.board_search button[type=submit]:hover, .board_search button[type=submit]:focus { background:#222; cursor:pointer}
.board_search .search_dropdown { padding:0 28px 0 20px; font-weight:600; width:20%; border-right:1px solid #ddd; color:#222; position:absolute; top:0; left:0; bottom:0; z-index:1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-sizing:content-box}
.board_search .search_dropdown::after { content:""; background:url('/groups/common/images/board/icon_down.png') no-repeat top left; 
 position:absolute; top:50%; right:5px; height:20px; width:20px; margin-top:-8px}
.board_search .search_dropdown:hover, .board_search .search_dropdown.active { background:#e7e7e7; cursor:pointer; border-right-color:#ccc}
.board_search .search_dropdown > span { position:absolute; top:50%; margin-top:-8px; white-space:nowrap; font-size:1.2em}
.board_search .search_dropdown ul { display:none; position:absolute; top:105%; left:-1px; width:200px; padding:7px 0; font-size:1.1em; background:#fff; border:1px solid #ccc; border-radius:3px}
.board_search .search_dropdown li { list-style-type:none; margin:0; padding:5px 18px; color:#666; line-height:1.2em; position:relative}
.board_search .search_dropdown li:hover { background:#e7e7e7}
.board_search .search_dropdown li.selected { background:#666; color:#fff}
.board_search ::-webkit-input-placeholder {font-weight:400}
.board_search ::-moz-placeholder {font-weight:400}
.board_search :-ms-input-placeholder {font-weight:400}
.board_search ::placeholder {font-weight:400}
@media all and (max-width:768px) {
	.board_search {width:90%}
}
@media all and (max-width:480px) {
	.board_search {width:98%}
}

/* comm */
.nolist {text-align:center; font-size:1.2em; padding:120px 0 20px 0 !important; background:url('/groups/common/images/board/no_nodata.png') no-repeat center 10px}
.num, .date, .views, .hit, time {font-family:Georgia, serif; font-size:1em; color:#71747b}
.new {display:inline-block; width:27px; height:13px; vertical-align:middle; text-indent:-99999px; background:url('/groups/common/images/board/ico_new.gif') no-repeat}
.must {display:inline-block; width:5px; height:5px; vertical-align:middle; margin:0 5px; background:url('/groups/common/images/board/bu_must.gif') no-repeat}
.ellipsis {display:inline-block; overflow:hidden; width:auto; max-width:90% !important; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis}
.scroll {overflow:scroll; overflow-x:hidden}
.border {border:1px solid #d3d3d3}

/* button */
.btn_fl {float:left}
.btn_fr {float:right}
.btn_tc {text-align:center; margin-top:30px}
.btnarea {overflow:hidden; margin-top:30px}
.tab_button {float:right; margin-top:-50px}
@media all and (max-width:640px) {
	.tab_button {float:none; margin:-10px  0 20px 0}
}

/* button icons */
.theme {color:#fff; background:#106033}
.icon::before {content:""; position:relative; top:7px; float:left; width:20px; height:20px; margin-right:6px}
.btns.small.icon::before {content:""; position:relative; top:2px; float:left; width:20px; height:20px; margin-right:6px; background-size:16px 16px}
.btns.big.icon::before {content:""; position:relative; top:13px; float:left; width:20px; height:20px; margin-right:6px}
.list::before {background:url('/groups/www/images/btn_icon/icon_list.png') no-repeat 50% 50%}
.write::before {background:url('/groups/www/images/btn_icon/ico_write.png') no-repeat 50% 50%}
.edit::before {background:url('/groups/www/images/btn_icon/ico_edit.png') no-repeat 50% 50%}
.note::before {background:url('/groups/www/images/btn_icon/ico_note.png') no-repeat 0 50%}
.delete::before {background:url('/groups/www/images/btn_icon/ico_delete.png') no-repeat 50% 50%}
.cancel::before {background:url('/groups/www/images/btn_icon/icon_cancel.png') no-repeat 50% 50%}
.close::before {background:url('/groups/www/images/btn_icon/icon_close.png') no-repeat 50% 50%}
.check::before {background:url('/groups/www/images/btn_icon/ico_check.png') no-repeat 50% 50%}
.save::before {background:url('/groups/www/images/btn_icon/ico_save.png') no-repeat 50% 50%}

.reply::before {background:url('/groups/www/images/btn_icon/ico_reply.png') no-repeat 0 50%}
.search::before {background:url('/groups/www/images/btn_icon/ico_search.png') no-repeat 50% 50%}
.window::before {background:url('/groups/www/images/btn_icon/ico_window.png') no-repeat 0 50%}
.preview::before {background:url('/groups/www/images/btn_icon/icon_preview.png') no-repeat 50% 50%}
.book::before {background:url('/groups/www/images/btn_icon/ico_book.png') no-repeat 50% 50%}
.calendar::before {background:url('/groups/www/images/btn_icon/ico_calendar.png') no-repeat 50% 50%}
.email::before {background:url('/groups/www/images/btn_icon/ico_email.png') no-repeat 0 50%}

.download::before {background:url('/groups/www/images/btn_icon/ico_down.png') no-repeat 50% 50%}
.upload::before {background:url('/groups/www/images/btn_icon/ico_upload.png') no-repeat 50% 50%}

.admin::before {background:url('/groups/www/images/btn_icon/ico_admin.png') no-repeat 50% 50%}
.id::before {background:url('/groups/www/images/btn_icon/ico_id.png') no-repeat 50% 50%}
.map::before {background:url('/groups/www/images/btn_icon/ico_map.png') no-repeat 0 50%}
.pin::before {background:url('/groups/www/images/btn_icon/ico_pin.png') no-repeat 0 50%}
.graduation::before {background:url('/groups/common/images/ico_graduation.png') no-repeat 50% 50%}
.group::before {background:url('/groups/www/images/btn_icon/ico_group.png') no-repeat 50% 50%}
.sitemap::before {background:url('/groups/common/images/ico_sitemap.png') no-repeat 50% 50%}
.home::before {background:url('/groups/www/images/btn_icon/ico_home.png') no-repeat 50% 50%}
.login::before {background:url('/groups/common/images/btn_icon/ico_login.png') no-repeat 50% 50%}
.open::before {background:url('/groups/www/images/btn_icon/ico_open.png') no-repeat 50% 50%}
.lock::before {background:url('/groups/www/images/btn_icon/ico_login.png') no-repeat 50% 50%}
.unlock::before {background:url('/groups/www/images/btn_icon/ico_open.png') no-repeat 50% 50%}

.pdf::before {background:url('/groups/www/images/btn_icon/ico_pdf.png') no-repeat 0 50%}
.ppt::before {background:url('/groups/www/images/btn_icon/ico_ppt.png') no-repeat 0 50%}
.text::before {background:url('/groups/common/images/ico_text.png') no-repeat 50% 50%}
.vod::before {background:url('/groups/common/images/ico_vod.png') no-repeat 50% 50%}
.word::before {background:url('/groups/www/images/btn_icon/ico_word.png') no-repeat 50% 50%}
.zip::before {background:url('/groups/www/images/btn_icon/ico_zip.png') no-repeat 50% 50%}
.excel::before {background:url('/groups/common/images/ico_excel.png') no-repeat 50% 50%}
.img::before {background:url('/groups/www/images/btn_icon/ico_img.png') no-repeat 0 50%}
.clip::before {background:url('/groups/www/images/btn_icon/ico_clip.png') no-repeat 50% 50%}
.pc::before {background:url('/groups/www/images/btn_icon/ico_pc.png') no-repeat 0 50%}

.homepage::before {background:url('/groups/www/images/comm/ico_www.png') no-repeat 50% 50%}
.ico.print {background:url('/groups/www/images/comm/ico_print.png') no-repeat 0 50%}
.ico.share {background:url('/groups/www/images/comm/ico_share.png') no-repeat 0 50%}

.update::before {background:url('/groups/www/images/btn_icon/icon_update.png') no-repeat 50% 50%}
.reload::before {background:url('/groups/www/images/btn_icon/icon_reload.png') no-repeat 50% 50%}
.plus::before {background:url('/groups/www/images/btn_icon/icon_plus.png') no-repeat 50% 50%}
.minus::before {background:url('/groups/www/images/btn_icon/icon_minus.png') no-repeat 50% 50%}
.down::before {background:url('/groups/www/images/btn_icon/icon_down.png') no-repeat 50% 50%}
.top::before {background:url('/groups/www/images/btn_icon/icon_top.png') no-repeat 50% 50%}
.left::before {background:url('/groups/www/images/btn_icon/icon_left.png') no-repeat 50% 50%}
.right::before {background:url('/groups/www/images/btn_icon/icon_right.png') no-repeat 50% 50%}
.arrow_next::before {content:""; position:relative; top:7px; float:right; width:24px; height:16px; background:url('/groups/www/images/btn_icon/icon_arrow_next.png') no-repeat right 50%}
.prev::before {background:url('/groups/www/images/btn_icon/icon_prev.png') no-repeat 50% 50%}
.next::before {background:url('/groups/www/images/btn_icon/icon_next.png') no-repeat 50% 50%}

/* ico */
.ico {display:inline-block; margin:0 3px; width:20px; height:20px; vertical-align:middle; text-indent:-99999px}
.ico.clip {background:url('/groups/common/images/ico/ico_clip.png') no-repeat 0 50%}
.ico.excel {background:url('/groups/common/images/ico/ico_excel.png') no-repeat 0 50%}
.ico.file {background:url('/groups/common/images/ico/ico_file.png') no-repeat 0 50%}
.ico.hwp {background:url('/groups/common/images/ico/ico_hwp.png') no-repeat 0 50%}
.ico.image {background:url('/groups/common/images/ico/ico_img.png') no-repeat 0 50%}
.ico.pdf {background:url('/groups/common/images/ico/ico_pdf.png') no-repeat 0 50%}
.ico.ppt {background:url('/groups/common/images/ico/ico_ppt.png') no-repeat 0 50%}
.ico.text {background:url('/groups/common/images/ico/ico_text.png') no-repeat 0 50%}
.ico.word {background:url('/groups/common/images/ico/ico_word.png') no-repeat 0 50%}
.ico.zip {background:url('/groups/common/images/ico/ico_zip.png') no-repeat 0 50%}
.ico.noti {background:url('/groups/common/images/ico/ico_notice.png') no-repeat 0 50%}
.ico.reply {background:url('/groups/common/images/ico/ico_reply.png') no-repeat 50% 50%}