@charset "utf-8";
/* CSS Document */

/********************************************************************************************
	 공통스타일
*********************************************************************************************/
.nodisplay{display:none !important;}
.noborder{border:none !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.borderRight{border-right:1px solid #ccc !important;}
.dimmedTxt{display:inline-block;color:#666 !important;}
.pt8{padding-top:8px !important;}
.pb0{padding-bottom:0 !important;}



/********************************************************************************************
	 게시판 추가
*********************************************************************************************/
.bbs_wrap {position:relative; }
/* 기본 */
input {vertical-align:middle; border:none;}
input.radio { width:13px; height:13px; vertical-align:middle}
select { vertical-align:middle;}
textarea {border-color: #b6b6b6 #ddd #ddd #b6b6b6; border-style: solid; border-width: 1px; background-color:#fff;}
input[type=text], input[type=password]  {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:30px}
select {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:30px}
input.none {border:none !important; border-color:#fff; padding:2px}
legend {position:absolute; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999px}
.bbs_wrap {position:relative; max-width:1300px; margin:0 auto; padding-bottom:40px;}

/* 게시판 검색 */
.list_search{display:block;text-align:center; padding:20px; border:1px solid #ccc; background:#f9f9f9;}
.list_search select{width:80px;height:30px;border:1px solid #b6b6b6;margin-right:2px;box-sizing:border-box;}
.list_search input{width:40%;height:30px;border:1px solid #b6b6b6;margin-right:5px;box-sizing:border-box;}
.list_search button{width:80px;height:30px;line-height:30px;padding-left:18px;border:1px solid #a5abaf;color:#fff;font-weight:bold;background:#a5abaf url(../images/common/bg_search.png) no-repeat 14px 5px;box-sizing:border-box;border-radius:2px;}

@media screen and (max-width:600px) {
	.list_num,.list_search{display:block;float:none;clear:both;}
	.list_search{border:1px solid #ccc;padding:5%;margin-bottom:15px;background-color:#f9f9f9;text-align:left;}
	.list_search input{width:49%;}
}

@media screen and (max-width:380px) {
	.list_search input{width:34%;}
}


/* 다단 */
.col-wrap {margin:0 -20px}
.col-wrap:after {content:""; display:block; clear:both}
.col-item {float:left; padding-left:20px; padding-right:20px}
.col16 {width:16.66666667%}
.col20 {width:20%}
.col25 {width:25%}
.col33 {width:33.33333333%}
.col50 {width:50%}
.col66 {width:66.66666667%}
.col75 {width:75%}
.col80 {width:80%}
.col100 {width:100%}
@media screen and (max-width:767px) {
	input.col25 {width:50%}
	input.col16 {width:33.33%}
}
@media screen and (max-width:375px) {
	input.col25 {width:100%}
	input.col16 {width:100%}
}

/* 정렬 */
.textAlign_center {text-align:center !important;}
.textAlign_left {text-align:left !important;}
.textAlign_right {text-align:right !important;}
.float_left {float:left;}
.float_right {float:right;}

/* 파일첨부 */
.uploadBox {position:relative; overflow:hidden;}
.uploadBox .preview {position:absolute; left:0; width:150px; }
.uploadBox .preview img {width:120px; height:120px; border:1px solid #ccc; margin-bottom:5px;}
.uploadBox .preview .btn {background:#999; width:115px; line-height:24px; font-size:13px;}
.uploadBox .fileList {margin-left:140px; }
.uploadBox .fileList ul {margin-right:10px;}
.uploadBox .fileList ul li {padding:6px 10px; border:1px solid #eee; margin-top:-1px;}
.uploadBox .fileList ul li:first-child {margin-top:0;}
.uploadBox .fileList ul li:hover,
.uploadBox .fileList ul li.on {background:#f7f7f7;}
.uploadBox .fileList ul li a {display:inline-block;}
.uploadBox .fileList ul li a.btn {float:right; font-size:11px; line-height:18px}

/* 버튼 */
.btn_wrap {margin-bottom:40px;}
.btn_wrap:after {content:""; display:block; clear:both;}
.btn_wrap.align_right {margin-bottom:5px; text-align:right;}
	.btn {display:inline-block;line-height:35px; color:#fff; background:#a5abaf; text-align:center; padding:0 25px; font-weight:400; vertical-align:middle; font-size:16px; border-radius:5px; margin:2px; border:none}
	button.btn {letter-spacing:-1px; }

	.btn.primary {background:#006eb2}
	.btn.info {background:#52c4e0}
	.btn.success {background:#00a5ae}
	.btn.danger {background:#ef263e}
	.btn.warning {background:#ffa800}
	.btn.inverse {background:#20201f}
	.btn.white {background:#fff; border:1px solid #d1d6d7; color:#333}

	.btn:hover {background:#858d93}
	.btn.primary:hover {background:#025a91}
	.btn.info:hover {background:#33a7c4}
	.btn.success:hover {background:#00938c}
	.btn.danger:hover {background:#bd0b1f}
	.btn.warning:hover {background:#ff9001}
	.btn.inverse:hover {background:#3a3a38}
	.btn.white:hover {background:#e9eff1;}

	.btn_big {line-height:55px; font-size:18px; font-weight:600;}
	.btn_small {line-height:30px; font-size:14px; padding:0 15px; border-radius:3px}
	.btn_xsmall {line-height:22px; font-size:12px; padding:0 10px; border-radius:3px}

/* 아이콘 */
.ico {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../images/bbs/ico.png') no-repeat; overflow:hidden}
	.ico_close {background-position:-127px -229px; padding:20px 20px 0 0;}
	.ico_close_big {background-position:-127px -229px; padding:30px 30px 0 0;}
	.ico_file {padding:24px 24px 0 0; background-position:-242px -87px;}
	.ico_new {padding:20px 16px 0 0; background-position:-332px -119px;}
	.ico_rock {padding:20px 16px 0 0; background-position:-352px -119px;}
	.ico_calendar {padding:20px 25px 0 0; background-position:-299px -49px;}
	a.ico_callendar {background-color:#b9c0c4; background-position:-299px -49px; border-radius:3px; padding:25px 25px 0 0; margin:0 5px 0 0}
	.ico_guide {padding:30px 30px 0 0; background-position:-420px 0;}
	.ico_down {padding:23px 23px 0 0; background-position:2px -270px;}
	.ico_search {padding:22px 22px 0 0; background-position:-200px -227px}
	.ico_delete {padding:22px 22px 0 0; background-position:-126px -48px;}
	.ico_print {padding:22px 22px 0 0; background-position:-193px -118px;}

	.ico_sns {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../images/bbs/ico_sns.png') no-repeat; overflow:hidden}
	.ico_fb {padding:26px 26px 0 0; background-position:0px -40px; background-color:#395595;}
	.ico_tw {padding:26px 26px 0 0; background-position:-160px -40px; background-color:#0eb6f4;}
	.ico_ks {padding:26px 26px 0 0; background-position:-200px -40px; background-color:#ffae00;}
	.ico_kakao {padding:26px 26px 0 0; background-position:-40px -40px; background-color:#eed824;}
	.ico_naver {padding:26px 26px 0 0; background-position:-120px -40px; background-color:#36ac36;}
	.ico_google {padding:26px 26px 0 0; background-position:-80px -40px; background-color:#b6372d;}

/* 전체개수 */
.guide_total {padding:10px 0 15px;}
.guide_total strong {color:#666}


/* 페이지 */
.pagenation {display:block; text-align:center; margin:40px 0 20px;}
.pagenation a, .pagenation span {display:inline-block; padding:8px 0; line-height:20px; width:40px; text-align:center; border:1px solid #d7d7d7; vertical-align:middle;}
.pagenation a:hover {background-color:#d7d7d7;}
.pagenation span {background:#666; color:#fff; font-weight:600; border:1px solid #666;}
.pagenation .ico_arrow_prev {padding:36px 20px 0 0; background-color:none; background-position:-78px -40px; margin-right:6px;}
.pagenation .ico_arrow_next {padding:36px 20px 0 0; background-color:none; background-position:-53px -40px; margin-left:6px;}
.pagenation .ico_arrow_first {padding:36px 20px 0 0; background-color:none; background-position:-262px -40px;}
.pagenation .ico_arrow_last {padding:36px 20px 0 0; background-color:none; background-position:-235px -40px;}

/* 검색 */
.search_wrap {margin-bottom:20px;}
.search_wrap input[type=text], .search_wrap select {padding:5px;}
.search_wrap ul {overflow:hidden;}
.search_wrap ul li {position:relative; float:left; line-height:1.3; padding:10px 0;}
.search_wrap ul li.title100 {padding-left:100px;}
.search_wrap ul li span.title {position:absolute; left:0; font-weight:600; border-right:1px solid #a4a8ab; margin-top:2px; line-height:1; top:50%; margin-top:-7px;}
.search_wrap ul li.title100 span.title {width:80px;}
.search_wrap ul li.wid1 {width:100%}
.search_wrap ul li.wid2 {width:50%}
.search_wrap ul li.wid3 {width:33.333333%}
.search_wrap ul li.wid4 {width:25%}
.search_wrap ul li label {margin-right:20px;}
.search_wrap .btn_wrap {border-top:1px solid #ddd; margin:10px 0 0; padding-top:10px; text-align:right;}
.search_wrap2 {margin-bottom:10px;}
.search_wrap2:nth-child(2) {border-top:1px solid #ddd; padding-top:10px;}
.search_dl {position:relative; background:#efefef; padding:10px 20px; margin-bottom:20px;}
.search_dl dl {overflow:hidden;}
.search_dl dl dt {float:left; width:12%; text-align:left; border-right:1px solid #ccc; line-height:1; margin:10px 0; height:15px;}
.search_dl dl dd {float:left; width:88%; padding:5px 15px; line-height:27px;}
.search_dl .btn_search {position:absolute; right:20px; bottom:15px;}
.bbs_wrap .search_wrap {position:absolute; right:0;}
@media screen and (max-width:767px) {
	.bbs_wrap .search_wrap {position:relative; right:auto;}
	.search_wrap {padding:10px; background:#efefef; text-align:center;}
	.search_wrap .srh_word {width:50%;}
}
@media screen and (max-width:480px) {
	.search_wrap select, .search_wrap .srh_word {width:100%; margin-bottom:5px;}
}

/* 목록 */
.table_bbs {width:100%; border-top:2px solid #999;}
.table_bbs thead tr th {padding:20px 10px; font-weight:600; color:#666; border-bottom:1px solid #999; background:#fff; text-align:center}
.table_bbs thead tr th .ico_sort {margin-left:5px; /*border:1px solid #dadada; border-radius:2px;*/}
.table_bbs thead tr th:first-child {border-left:none;}
.table_bbs tbody tr th {padding:15px; font-weight:600; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td {padding:15px; font-weight:400; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td.subject {text-align:left}
.table_bbs tbody tr td a {color:#333;}
.table_bbs tbody tr:hover {background:#f5f5f5;}
.table_bbs .none {padding:40px 0;}
.table_bbs .bbs_notice {background:#f9f9f9;}
@media screen and (max-width:767px) {
	.table_bbs .mobile_hidden {display:none;}
}

/* 쓰기 */
.table_form {width:100%; border-bottom:1px solid #e2e7eb; margin-bottom:10px; }
.table_form tbody tr th {padding:10px 15px; font-weight:600; color:#333; border-top:1px solid #e6e6e6; text-align:center; background:#f9f9f9}
.table_form tbody tr td {padding:10px 15px; font-weight:400; color:#666; border-top:1px solid #e6e6e6; text-align:left}
.table_form tbody tr td p {padding:3px 0;}
.table_form .context {padding:30px 0;}
.table_form span {display:inline-block;}

/* 상세 */
.bbs_view {border-bottom:1px solid #e6e6e6; margin-bottom:20px;}
.bbs_view .title {border-bottom:2px solid #666; position:relative;}
.bbs_view .title h4 {font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square';}
.bbs_view .title .author {padding:10px 0 20px; }
.bbs_view .title .author span {display:inline-block; border-left:1px solid #999; padding:0 10px; line-height:1;}
.bbs_view .title .author span:first-child {padding-left:0; border-left:0;}
.bbs_view .title .author.program ul {overflow:hidden;}
.bbs_view .title .author.program ul li {float:left; border-top:1px solid #ddd; padding:10px 0;}
.bbs_view .title .author.program ul li.wid33 {width:33.3333%;}
.bbs_view .title .author.program ul li.wid50 {width:50%;}
.bbs_view .title .author.program ul li.wid100 {width:100%;}
.bbs_view .title .author.program ul li .author_title {width:100px; border-right:1px solid #ddd; line-height:1; text-align:center; margin-right:10px; font-weight:600;}
.bbs_view .title .sns_wrap {position:absolute; right:0; margin-top:-40px;}
.bbs_view .context {padding:30px 0;}
.bbs_view .file_wrap { padding:15px 0; border-bottom:1px solid #e6e6e6;}
.bbs_view .file_wrap .file_img {text-align:center; background:#e9e9e9; padding:10px; margin-bottom:10px;}
.bbs_view .file_wrap .file_img img {width:auto; height:auto;}


.bbs_view .file_wrap a { text-decoration:underline;}
.bbs_view .img_wrap {padding:20px; border-bottom:1px solid #e6e6e6; text-align:center; background:#e9e9e9;}
.bbs_view .img_wrap img {width:285px; height:190px; margin:0 1%;}

.bbs_reply {position:relative; border:5px solid #e6e6e6; padding:20px 20px 20px 100px ; margin-bottom:20px;}
.bbs_reply .ico_a {position:absolute; left:20px; top:20px; font-weight:600; font-size:20px;}

.data_view {position:relative; padding-left:440px;}
.data_view .img {position:absolute; left:0; top:0; width:400px;}
.data_view .img img {width:100%; max-height:300px; border:1px solid #e6e6e6; margin-bottom:10px;}
.data_view h4 {border-top:2px solid #666; border-bottom:1px solid #e6e6e6; font-weight:600; color:#666; font-size:24px; line-height:1.2; font-family: 'Nanum Square'; text-align:left; padding:20px 0; margin-bottom:15px;}
.data_view dl {position:relative; min-height:240px}
.data_view dl dt {position:absolute; left:0; font-weight:600; width:80px; border-right:1px solid #ddd;}
.data_view dl dd {padding-left:100px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.data_view .context {padding:30px 0;border-bottom:1px solid #e6e6e6;}

.bbs_view .sns_wrap {width:auto; padding:0;}

@media screen and (max-width:1400px) {
	.data_view {padding-left:34%; }
	.data_view .img {width:30%;}
}
@media screen and (max-width:1024px) {
	.bbs_view .img_wrap img {width:31%; height:auto;}
}
@media screen and (max-width:767px) {
	.data_view {padding-left:0; }
	.data_view .img {position:relative; text-align:center; width:100%; margin-bottom:20px;}
	.bbs_view .img_wrap img {width:50%; margin:1%;}
	.bbs_view .title .author {padding:10px 50px 20px 0; }
}
@media screen and (max-width:480px) {
	.bbs_view .img_wrap img {width:70%;}
}


/* faq*/
.faq_list {border-top:2px solid #666;}
.faq_list li .q a {position:relative; display:block;border-bottom:1px solid #e6e6e6; padding:20px 0 20px 100px; }
.faq_list li .q a .ico_q {position:absolute; left:30px; top:20px; display:inline-block; font-weight:600; }
.faq_list li .a {position:relative; display:none; background:#fbfbfb; padding: 30px 20px 30px 100px; line-height:1.5;border-bottom:1px solid #e6e6e6;}
.faq_list li .a .ico_a {position:absolute; left:35px; top:25px; font-size:34px; color:#666; font-weight:600;}
.faq_list li.none .q {border-bottom:1px solid #e6e6e6; padding:20px 0; text-align:center;}
.faq_list li.on .q a {background:#fbfbfb; border-top:2px solid #e6e6e6; color:#333; font-weight:600;}

/* 처리상태 */
.state {display:inline-block; width:75px; line-height:22px; background:#c9c9c9; border-radius:2px; color:#fff; text-align:center; font-size:13px; vertical-align:middle;}
.state span {display:inline-block; width:18px; line-height:18px; text-align:center; background:#fff; border-radius:10px; margin-right:5px; color:#666; font-size:13px;}
.state.state_ing {background:#666;}
.state.state_fin {background:#f90314}
.state.state_none {background:#999}

/* news */
.bbs_list .item {position:relative; border-bottom:1px solid #e6e6e6; padding:25px 0;}
.bbs_list .item:first-child {border-top:1px solid #e6e6e6; }
.bbs_list .item .photo {position:absolute; left:0; top:20px; margin-right:30px; width:252px; height:169px; overflow:hidden;}
.bbs_list .item .photo img {position:absolute; width:100%; height:100%;}
.bbs_list .item dl {margin-left:280px;}
.bbs_list .item dl dt {border-bottom:2px solid #666; padding:10px 0; margin-bottom:10px;}
.bbs_list .item dl dt a {display:inline-block; font-weight:600; font-size:20px; }
.bbs_list .item dl dt .no {float:right; font-size:14px;}
.bbs_list .item dl dd .btn_wrap {overflow:hidden;}
.bbs_list .item dl dd .btn_wrap .sns_wrap {float:left; font-size:14px;}
.bbs_list .item dl dd .btn_wrap .btn {float:right}

/* gallery */
.gallery_wrap {overflow:hidden; width:100%; border-bottom:1px solid #e6e6e6; border-top:2px solid #666;}
.gallery_list {margin:0 -20px; clear:both; overflow:hidden;}
.gallery_list .item {position:relative; float:left; width:25%; padding:20px;}
.gallery_list .item a .thumb {display:block; height:170px; overflow:hidden;}
.gallery_list .item a .thumb img {width:100%; height:100%;}
.gallery_list .item a h4 {margin:15px 0; font-size:18px; height:20px; line-height:20px; font-weight:600; color:#333; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.gallery_list .item .text span {display:inline-block; line-height:1; border-left:1px solid #ddd; padding:0 10px;}
.gallery_list .item .text span:first-child {border-left:0; padding-left:0;}
.gallery_list .item .sns_wrap {position:absolute; right:20px; bottom:20px;}

@media screen and (max-width:1400px) {
	.gallery_list {margin:0 -10px;}
	.gallery_list .item {padding:10px;}
	.gallery_list .item a h4 { font-size:16px; text-align:center; margin-bottom:10px;}
	.gallery_list .item .text {text-align:center;}
	.gallery_list .item .text span {font-size:12px; padding: 0 5px;}
	.gallery_list .item .sns_wrap {position:relative; right:auto; bottom:auto; text-align:center; padding-top:10px;}
}
@media screen and (max-width:1024px) {
	.gallery_list .item a .thumb {height:130px;}
}
@media screen and (max-width:767px) {
	.gallery_list .item {width:50%;}
	.gallery_list .item a .thumb {height:170px;}
}
@media screen and (max-width:520px) {
	.gallery_list .item a .thumb {height:130px;}
}
@media screen and (max-width:375px) {
	.gallery_list .item {width:100%;}
	.gallery_list .item a .thumb {height:170px;}
}

/* newsletter */
.newsletter_wrap {overflow:hidden; width:100%; border-bottom:1px solid #e6e6e6; border-top:2px solid #666;}
.newsletter_list {margin:0 -20px; clear:both; overflow:hidden;}
.newsletter_list .item {position:relative; float:left; width:50%; height:200px; padding:20px; overflow:hidden;}
.newsletter_list .item .thumb {float:left; width:30%; margin:0 20px 20px 0; height:170px; overflow:hidden; text-align:center; background:#ddd; padding:10px; display:table-cell; vertical-align:middle;}
.newsletter_list .item .thumb img {width:100%; max-width:150px;}
.newsletter_list .item a {display:block;}
.newsletter_list .item a h4 {margin:15px 0; font-size:18px; height:20px; line-height:20px; font-weight:600; color:#333; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.newsletter_list .item a .context {padding-bottom:10px;}
.newsletter_list .item a .text span {display:inline-block; line-height:1; border-left:1px solid #ddd; padding:0 10px;}
.newsletter_list .item a .text span:first-child {border-left:0; padding-left:0;}

/* 이미지슬라이드 */
.bbs_wrap .imgSlide_photo {position:relative; border:none;}
.bbs_wrap .imgSlide_photo .imgSlide_big {text-align:center; background:#dfdfdf;}
.bbs_wrap .imgSlide_photo .imgSlide_big .img {width:100%; height:700px;}
.bbs_wrap .imgSlide_photo .imgSlide_big .img img {max-width:100%; height:100%}
.bbs_wrap .imgSlide_photo .imgSlide_big .title {position:absolute; top:0; display:block; width:100%; background:#686868; color:#fff; font-size:18px; height:50px; font-weight:600; line-height:50px;}

.bbs_wrap .title {border-top:2px solid #ddd; border-bottom:2px solid #666; padding-top:20px;}
.bbs_wrap .title h4 {font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square';}
.bbs_wrap .title .author {padding:10px 0 20px; }
.bbs_wrap .title .author span {display:inline-block; border-left:1px solid #999; padding:0 10px; line-height:1;}
.bbs_wrap .title .author span:first-child {padding-left:0; border-left:0;}
.bbs_wrap .title .sns_wrap {position:absolute; right:0; margin-top:-40px;}

.bbs_wrap .imgSlide_photo .thumbList {position:relative; background:#666; padding:10px 0;}
.bbs_wrap .imgSlide_photo .thumbList div {overflow:hidden; height:110px;}
.bbs_wrap .imgSlide_photo .thumbList div ul {width:705px; margin:0 auto; overflow:hidden;}
.bbs_wrap .imgSlide_photo .thumbList div ul li {float:left;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a,
.bbs_wrap .imgSlide_photo .thumbList div ul li span {display:block; background:#000; border-left:1px solid #666; width:140px; height:110px; text-align:center;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a img,
.bbs_wrap .imgSlide_photo .thumbList div ul li span img {max-width:139px; height:100%; opacity:0.7;}
.bbs_wrap .imgSlide_photo .thumbList div ul li a.active img {border:2px solid #fff; opacity:1;}

.bbs_wrap .imgSlide_photo .context {padding:20px; border:1px solid #d6d6d6; margin-bottom:20px;}
.bbs_wrap .imgSlide_photo .arrowBtn {display:inline-block; position:absolute; top:40px; right:0; padding:50px 50px 0 0; margin-top:0; width:0; height:0; background:#999 url('../images/bbs/ico.png') no-repeat 0 0; overflow:hidden; border-left:1px solid #d3d3d3;}
.bbs_wrap .imgSlide_photo .arrowBtn.prev {left: 0; right:auto; background-position:-129px -170px;}
.bbs_wrap .imgSlide_photo .arrowBtn.next {background-position:-87px -170px;}

@media screen and (max-width:1400px) {
	.style_imgSlide .imgSlide_photo .imgSlide_big .img {width:100%; height:500px;}
}
@media screen and (max-width:1200px) {
	.style_imgSlide .imgSlide_photo .imgSlide_big .img {width:100%; height:400px;}
}
@media screen and (max-width:768px) {
	.bbs_wrap .imgSlide_photo .thumbList {height:0; padding:0;}
	.bbs_wrap .imgSlide_photo .arrowBtn {top:-50px;}
	.bbs_wrap .imgSlide_photo .arrowBtn.prev {left:auto; right:50px;}
	.bbs_wrap .imgSlide_photo .thumbList div ul {display:none;}
	.bbs_wrap .title .author {padding:10px 50px 20px 0; }
}

.bbs_view2 .title {background:#e9f0f8; padding:30px; margin-bottom:20px; border:0;}
.bbs_view2 .title h4 {display:block; font-weight:600; color:#333; font-size:24px; font-family: 'Nanum Square'; margin:10px 0; text-align:center;}
.bbs_view2 .title h4 .state {font-size:13px; text-align:center; width:auto; padding:0 10px; vertical-align:middle;}
.bbs_view2 .title .author {display:block; border-top:1px solid #666; margin-top:15px; padding:10px 0 0;}
.bbs_view2 .title .author ul {overflow:hidden;}
.bbs_view2 .title .author ul li {float:left; border-bottom:1px solid #ddd; padding:10px 0; padding-left: 112px; text-indent: -112px;}
.bbs_view2 .title .author ul li.wid33 {width:33.3333%;}
.bbs_view2 .title .author ul li.wid50 {width:50%;}
.bbs_view2 .title .author ul li.wid100 {width:100%;}
.bbs_view2 .title .author ul li .author_title {width:100px; border-right:1px solid #ddd; line-height:1; text-align:center; margin-right:10px; font-weight:600; text-indent:0;}
.bbs_view2 .title .author ul li .author_title.wid150 {width:150px;}
.bbs_view2 .context {padding:30px 0; border-bottom:1px solid #ddd}
.bbs_view2 .file_wrap { padding:15px 0; border-bottom:1px solid #e6e6e6;}
.bbs_view2 .file_wrap a { text-decoration:underline;}
@media screen and (max-width:1024px) {
	.bbs_view2 .title .author ul li.wid33 {width:50%;}
}
@media screen and (max-width:757px) {
	.bbs_view2 .title .author ul li.wid50,
	.bbs_view2 .title .author ul li.wid33 {width:100%;}
}
@media screen and (max-width:480px) {
.bbs_view2 .title .author ul li {padding-left:0; text-indent:0;}
.bbs_view2 .title .author ul li .author_title {display:block; border-right:0; text-align:left; margin-bottom:5px;}
}

/* 달력 */
.table_calendar {width:100%; border-top:1px solid #0074cd; margin:10px auto;}
.table_calendar thead tr th {padding:15px; font-weight:600; color:#333; border-bottom:1px solid #999; background:#f3f8fb; text-align:center}
.table_calendar thead tr th:first-child {border-left:none;}
.table_calendar tbody tr th {padding:10px 15px; font-weight:600; color:#333; border-bottom:1px solid #e6e6e6; text-align:center}
.table_calendar tbody tr td {padding:10px 15px; font-weight:400; color:#999; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:100px; vertical-align:top;}
.table_calendar tbody tr td:first-child {border-left:0;}
.table_calendar tbody tr td a {display:block; color:#000; line-height:15px; text-indent:-12px; padding-left:12px; margin-bottom:3px;}
.table_calendar tbody tr td a:before {content:"·"; font-size:16px; font-weight:600; display:inline-block; padding-right:5px; color:#40a40e; vertical-align:middle; text-indent:0;}
.table_calendar tbody tr td a:hover {text-decoration:underline;}
.table_calendar tbody tr td.title {text-align:left}
.table_calendar tbody tr td .booking {font-size:12px;}
.table_calendar tbody tr td .holiday {color:#40a40e;}
.calendar_month {position:relative; padding:20px 0; max-width:300px; margin:0 auto;}
.calendar_month p {font-size:20px; font-weight:600; text-align:center; font-family:'Nanum Square'; line-height:35px;}
.calendar_month .ico {position:absolute; top:20px; background-color:#c4c4c4; padding:35px 35px 0 0;}
.calendar_month .ico:hover {background-color:#7b7b7b;}
.calendar_month .ico_prev {left:0; background-position:-134px -177px;}
.calendar_month .ico_next {right:0; background-position:-93px -177px;}
@media screen and (max-width:768px) {	
	.table_calendar tbody tr td {text-align:center; height:50px}
	.table_calendar tbody tr td a {display:inline-block; text-indent:0; padding-left:0; margin:0 3px; width:0; height:0; overflow:hidden; padding:10px 10px 0 0; border-radius:100%; background:#40a40e;}
	.table_calendar tbody tr td span {display:block; }
}

/* 인사말 */
.greeting {}
.greeting .greeting_img {}
.greeting .greeting_img img {width:100%;}
.greeting .greeting_content {overflow:hidden; padding:50px 0;}
.greeting .greeting_content .title {float:left; width:25%;}
.greeting .greeting_content .title .eng {padding-right:40px; text-align:right; font-size:24px; color:#d8d8d8; font-weight:600; line-height:1.1; padding-bottom:10px;}
.greeting .greeting_content .title .kor {padding-right:40px; text-align:right; line-height:1.5;}
.greeting .greeting_content .title .kor strong {font-weight:600; color:#333;}
.greeting .greeting_content .text {float:left; width:75%; border-left:1px solid #ddd; margin-left:-1px;}
.greeting .greeting_content .text p {padding-bottom:20px; padding-left:30px;}
.greeting .greeting_content .text p:last-child {padding-bottom:0;}

@media screen and (max-width:1024px) {
.greeting .greeting_content .title {width:30%;}
.greeting .greeting_content .text {width:70%;}
}
@media screen and (max-width:768px) {
.greeting .greeting_content {padding:20px 0;}
.greeting .greeting_content .title {width:100%; padding-bottom:20px;}
.greeting .greeting_content .title .eng,
.greeting .greeting_content .title .kor {padding:0; text-align:left;}
.greeting .greeting_content .title br {display:none;}
.greeting .greeting_content .text {width:100%;}
.greeting .greeting_content .text p {padding:0 0 20px 0;}
}

/* 박물관소개 */
.about .about_img {overflow:hidden; background:#2b7d61 url('../images/sub/about_tit_bg.png') repeat;margin-bottom:40px;}
.about .about_img img {float:left;}
.about .about_img p {display:inline-block; padding:50px 20px 20px; color:#fff; font-size:22px; line-height:1.2;}
.about .about_img p .intro_bar {display:inline-block; width:30px; height:1px; background:#fff; margin-bottom:10px;}
.about .about_img p strong {font-weight:600;}

.about .about_txt {margin-bottom:40px;}
.about .about_txt strong {font-size:22px; font-weight:600;}

.about .about_section {margin-bottom:40px;}
.about .about_section .title {font-size:22px; border-left:3px solid #2b7d61; padding-left:10px; line-height:1; margin-bottom:20px; font-weight:400;}
.about .about_section dl {padding:0 15px;}
.about .about_section dl dt {margin-top:10px; font-weight:600;}
.about .about_section dl dt:before {content:"·"; display:inline-block; font-weight:600; padding:0 5px;}
.about .about_section dl dd {padding-left:25px; text-indent:-15px;}
.about .about_section dl dd:before {content:"-"; display:inline-block; font-weight:600; padding:0 5px; text-indent:0;}

.about .historyArea {background:url('../images/sub/line.png') repeat-y center top}
.about .historyArea .historyTit {display:block; text-align:center;}
.about .historyArea .historyTit span {display:inline-block; padding:0 10px; font-size:22px; font-weight:600; background:#2b7d61; color:#fff; border-radius:3px;}
.about .historyArea .history {margin-right:50%; text-align:right; padding-top:30px; }
.about .historyArea .history .year{position:relative; padding-right:30px; font-size:22px; font-weight:600;}
.about .historyArea .history .year .dot{position:absolute; right:-9px; top:8px; display:inline-block; width:10px; height:10px; border:4px solid #2b7d61; border-radius:100%; background:#fff;}
.about .historyArea .history ul {padding-right:30px;}
.about .historyArea .history.right {margin-left:50%; margin-right:0; text-align:left; }
.about .historyArea .history.right .year,
.about .historyArea .history.right ul {padding-right:0; padding-left:30px;}
.about .historyArea .history.right .year .dot {right:auto; left:-9px;}

.about .about_img2 img {width:100%;}

.about.public .about_img {background-color:#195ca3}
.about.public .about_section .title {border-left:3px solid #195ca3;}
.about.public .historyArea .historyTit span {background:#195ca3;}
.about.public .historyArea .history .year .dot {border:4px solid #195ca3}

@media screen and (max-width:768px) {
	.about .about_img p {padding-top:20px;}
	.about .about_section dl {padding:0;}
	.about .historyArea {background:none;}
	.about .historyArea .historyTit {text-align:left;}
	.about .historyArea .history, .about .historyArea .history.right {margin-right:0; margin-left:0; text-align:left; padding-top:10px;}
	.about .historyArea .history .year,
	.about .historyArea .history ul {padding-right:0; padding-left:30px;}
	.about .historyArea .history .year .dot, .about .historyArea .history.right .year .dot {right:auto; left:0px;}
}

/* 관람이용안내 */
.guide .guide_section {margin-bottom:40px;}
.guide .guide_section .title {font-size:22px; border-left:3px solid #2b7d61; padding-left:10px; line-height:1; margin-bottom:20px; font-weight:400;}

.guide_form {overflow:hidden;}
.guide_form dl {float:left; width:33.3333%;}
.guide_form dl dt {border-top:2px solid #333;}

.guide_table{border-top:2px solid #666;color:#717171;}
.guide_table th{color:#666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:15px;font-weight:500;background-color:#f9f9f9; padding:15px 0;} 
.guide_table th.brnone, .guide_table td.brnone{border-right:none;}
.guide_table th{background-color:#f9f9f9;}
.guide_table th span{display:inline-block;width:30px;height:30px;font-size:11px;color:#FFF;line-height:30px;text-align:center;border-radius:15px; vertical-align:middle;}
.guide_table th span.individual{margin:0 4px 0 8px;background-color:#717171;}
.guide_table th span.group{background-color:#236ddb;}
.guide_table td{height:40px;color:#666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center; padding:15px 0;}
.guide_table td.alignLeft{padding-left:25px;}
.guide_table td span.discount{color:#236ddb;}

.guide_table th strong {font-weight:600;}
.guide_table th .ico {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../images/bbs/ico.png') no-repeat; overflow:hidden; border-radius:0; margin-left:5px;}
.guide_table th .ico_check {padding:30px 30px 0 0; background-position:-370px -45px;}
.guide_table th .ico_holiday {padding:30px 30px 0 0; background-position:-420px -45px;}
.guide_table th .month {display:block;width:auto; height:auto;border-radius:0; color:#666; font-size:13px; font-weight:400; height:20px;}
.guide_table td span {height:20px;}
.guide_table td .big {font-weight:600; font-size:22px; display:block;}

.guide_note li {padding-left:25px; text-indent:-15px;}
.guide_note li:before {content:"·"; display:inline-block; font-weight:600; padding:0 5px; text-indent:0;}

.guide.public .guide_section .title {border-left:3px solid #195ca3;}



/* 오시는길 */
.mapArea{overflow:hidden;margin-bottom:45px;border:1px solid #ccc;background-color:#f9f9f9;box-sizing:border-box;}
.mapArea #map {display:block; width:100%; height:500px; background:#fff url('../images/common/map_loading.png') no-repeat center center;}
.mapArea span{display:inline-block;margin-right:8px;color:#236ddb;}
.mapArea ul{display:block; margin:33px auto;font-size:16px;color:#666; overflow:hidden;}
.mapArea li{float:left; width:25%; padding-left:20px;}
.mapArea li:first-child{width:50%}
.root_daum_roughmap .border1, .root_daum_roughmap .border3{height:0 !important;}
.root_daum_roughmap .border2, .root_daum_roughmap .border4{width:0 !important;}
.root_daum_roughmap .wrap_controllers{border:1px solid #ccc;border-right:none;border-left:none;}
.traffic .byCar, .traffic .byBus{height:100px;padding-left:115px;}
.traffic .byCar{background:url("../images/about/tra_car.gif") no-repeat 0 0;}
.traffic .byBus{background:url("../images/about/tra_bus.gif") no-repeat 0 0;}
.traffic span{display:block;margin:20px 0 10px;font-size:18px;color:#236ddb;}
.traffic em{padding-left:10px;background:url("../images/common/dot.gif") no-repeat 0 center;}

@media screen and (max-width:1024px) {
	.mapArea li{width:50%;}
	.mapArea li:first-child{width:100%}
}
@media screen and (max-width:768px) {
	.mapArea{min-height:0px;}
	.root_daum_roughmap_landing {height:300px;}
	.mapArea li{width:100%;}
	.mapArea li:first-child{width:100%}
}


/* 사이트맵 */
.sitemap_wrap ul {}
.sitemap_wrap ul li {position:relative; margin-bottom:40px; padding:20px 0; border-top:1px solid #ddd;}
.sitemap_wrap ul li a {position:absolute; left:0; font-size:22px; font-weight:600; line-height:30px; color:#2674e0}
.sitemap_wrap ul li ul {padding-left:220px; overflow:hidden;}
.sitemap_wrap ul li ul li {float:left; width:20%; margin:0; padding:0; border-top:none; padding:5px 10px;}
.sitemap_wrap ul li ul li.submain {width:100%;}
.sitemap_wrap ul li ul li.submain ul {padding:10px 0; border:1px solid #ddd; border-top:none; background:#fff;}
.sitemap_wrap ul li ul li.submain ul li {width:auto; padding:0;}
.sitemap_wrap ul li ul li.submain ul li a {width:auto; background:none; border:0; border-left:1px solid #ddd; line-height:1; margin:5px 0;}
.sitemap_wrap ul li ul li.submain ul li:first-child a {border-left:0;}
.sitemap_wrap ul li ul li a {position:relative; display:block; width:auto; font-size:16px; font-weight:400; border:1px solid #ddd; line-height:30px; padding:0 10px; background:#f8f8f8 url(../images/ico/ico_arrow_link.png) no-repeat right center; color:#333;}
.sitemap_wrap ul li ul li a:hover {background-color:#e9ebed}

@media screen and (max-width:1200px) {
	.sitemap_wrap ul li ul li {width:25%;}
}
@media screen and (max-width:1024px) {
	.sitemap_wrap ul li a {position:relative;}
	.sitemap_wrap ul li ul {padding-left:0; margin:0 -10px}
}
@media screen and (max-width:768px) {
	.sitemap_wrap ul li ul li {width:33.3333%;}
}
@media screen and (max-width:520px) {
	.sitemap_wrap ul li ul li {width:50%;}
}
@media screen and (max-width:420px) {
	.sitemap_wrap ul li ul li {width:100%;}
}

.tabMenu {padding-bottom:20px;}
.tabMenu ul {display:flex; gap:5px;}
.tabMenu ul li a {display:inline-block; padding:4px 20px; background:#c5cedf; }
.tabMenu ul li a:hover {background:#95a0b6;}
.tabMenu ul li a.on {background:#1d222c; color:#fff;}

@media screen and (max-width:768px) {
	.tabMenu {padding-bottom:10px;}
}

/* 박물관소개 26.02.20*/
.about .about_txt.mb0 {
	margin-bottom: 0;
}
.about_txt .txt {
	font-size: 18px;
}
.about_txt .bullet_list {
	margin-top: 12px;
}
.about_txt .bullet_list li {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
}
.about_txt .bullet_list li::before {
	content: '';
	position: absolute;
	top: 0.8em;
	transform: translateY(-50%);
	left: 8px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #111;
}
.about_guide:not(:last-of-type) {
	margin-bottom: 2em;
}
.about_guide .title{
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 18px;
}
.about_guide .sub_title{
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 18px;

	&::before {
		content: '';
		position: absolute;
		top: 0.8em;
		transform: translateY(-50%);
		left: 8px;
		width: 5px;
		height: 5px;
		border-radius: 50%; 
		background: #111;
	}
}
.about_guide .floor_content {
	border: 1px solid #DDDDDD;
}
.about_guide .img_inn{
	background: #F6F5F6;
	padding:20px; 
	text-align:center
}
.about_guide .img_inn img{
	width: 100%;
}
.about_guide .card_list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 2em;
	padding: 2.1em 4.285em;
}
.about_guide .card_item .card_thumb {
	max-width: 261px;
}
.about_guide .card_item .card_thumb img {
	width: 100%;
}
.about_guide .card_item .card_title {
	font-weight: 600;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 6px;
	display: flex;
	gap: 8px;
}
.about_guide .card_item .card_num {
	background-color: #2464A7;
	border-radius: 50%;
	color: white;
	font-weight: 600;
	font-size: 14px;
	width: 21px;
	height: 21px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.about_guide .card_item .card_desc {
	margin-left: 28px;
	font-size: 16px;
}
.about_guide .img_set_inn {
  	display: flex;
	margin-bottom: 30px;
}
.about_guide .img_set_inn img{
  	flex: 1;
	width: 40%;
}
.about_guide .img_set_inn img:first-child {
	width: 42%;
}
.about_guide .img_set_inn img:last-child {
	width: 58%;
}
.about_txt_area {
	margin-top: 12px;
	margin-bottom: 35px;
	font-size: 16px;
}
.about_txt_area p:not(:first-of-type, :last-of-type){
	margin: 24px 0;
}
.about_guide .floor_item {
    margin-bottom: 25px;
}
.about_guide .floor_item .desc_title{
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 12px;
}
.about_guide .floor_item .desc_txt{
	font-size: 16px;
}
@media screen and (max-width:1024px) {
	.about_txt .txt {
		font-size: 16px;
	}
}
@media screen and (max-width:768px) {
	.about_guide .card_list {
		padding: 1.8em;
		grid-template-columns: repeat(2,1fr);
	}
	.about_txt_area {
		font-size: 14px;
	}
	.about_guide .floor_item .desc_txt {
		font-size: 14px;
	}
	.about_guide .card_item .card_desc {
		font-size: 14px;
	}
	.about_txt .bullet_list li {
		font-size: 15px;
	}
}